Skip to content

Instantly share code, notes, and snippets.

View turusuke's full-sized avatar
🏠
Working from Home

turusuke turusuke

🏠
Working from Home
18 followers · 13 following
View GitHub Profile
@turusuke
turusuke / input.scss
Created May 19, 2021 11:02
Generated by SassMeister.com.
$total-margins: 20 !default;
$margin-unit: 3 !default;
$prefix: 'u-' !default;
@mixin margin() {
@for $index from 1 through $total-margins {
$margin-size: $index * 3;
$base-names: '.p-mt-#{$margin-size}' '.p-ml-#{$margin-size}';
@each $base-name in $base-names {
@turusuke
turusuke / input.scss
Created April 25, 2021 07:52
Generated by SassMeister.com.
$grid-total-size: 12 !default;
$max-width: 100% !default;
$prefix: "" !default;
$col-name-default: "col" !default;
$grid-size: "#{$max-width} / #{$grid-total-size}" !default;
$breakponts: (
"xs": "(max-width: 600px)",
"sm": "(min-width: 601px) and (max-width:960px)",
"md": "(min-width: 961px) and (max-width:1264px)",
"lg": "(min-width: 1265px) and (max-width:1903px)",
@turusuke
turusuke / gist:27dd6cb152d112d3d1bc28442ac3b10c
Last active April 14, 2024 06:21
[WIP]Nunjucks - 入門編

Nunjucks - 入門編

  • 入門編のこの記事の内容、サンプルコードは Nunjucks に書いてある内容を参考・一部引用し作成している
  • テンプレート継承周りの話は別に書く予定なので、この記事では関連するテンプレートタグにも触れていない

Nunjucks とは

  • Nunjucks は Python のテンプレートエンジン Jinja2 に影響を受けているテンプレートエンジンで、Mozilla が継続的にメンテナンスをしている
  • 記法は EJS に近く、HTML テンプレートに {% set greeting = "HELLO" %} のように用意されている独自タグを使うことができる
  • EJS よりもテンプレートエンジンとして役にたつ機能が多数用意されているが、記法が JavaScript とも違っている書き方になっているもの多い
  • テンプレートエンジンを触ってこなかった人にとってはとっつきにくいと感じる人が多いかもしれない

シンタックスハイライト

@turusuke
turusuke / pr_open.sh
Last active May 29, 2019 16:32
hub で pr 一覧を表示させて、fzf で選択したPRをブラウザで開く
hub browse -- pull/$(hub pr list | fzf | grep -o -E "[0-9]+\d" | head -n1)
@turusuke
turusuke / ts-interface-type_alias.md
Last active November 25, 2019 15:26
ENGINE vol.26 用 playground集

登壇用 playground

記事データ

const article = {
  title: 'タイトル',
  category: 'post',
  published: '2019-01-12',
  tags: ['blog', 'food'],
  content: '今日はいい天気',
}
@turusuke
turusuke / .ideavimrc
Last active January 14, 2019 16:48
" =============================================================
" Global Configuration
" =============================================================
set surround
set multiple-cursors " vim-multiple-cursors と同等の機能を実現する
" =============================================================
" Clipboard
" =============================================================
" クリップボードと yank を同期させる
@turusuke
turusuke / alfred_output_sample.sh
Last active August 5, 2018 15:26
alfred の script filter で出力するための最低限の値達
cat << EOB
{"items": [
{
"valid": true,
"uid": "${txt}",
"title": "${txt}",
"arg": "${txt}",
"autocomplete": "${txt}"
}
]}
@turusuke
turusuke / hoge.js
Last active April 11, 2018 09:06
console.log(1);
console.log(2);
@turusuke
turusuke / 2017年エンディングまで到達したコンシューマーゲーム.md
Created December 31, 2017 15:35
  • 地球防衛軍5
  • Assassin's Creed® Origins
  • KINGDOM HEARTS 0.2 Birth by Sleep - A fragmentary passage -
  • FINAL FANTASY XV
  • ニューダンガンロンパＶ３　みんなのコロシアイ新学期
  • WATCH_DOGS® 2
  • ドラゴンクエストXI　過ぎ去りし時を求めて
  • Destiny 2
  • THE KING OF FIGHTERS XIV
  • BIOHAZARD 7 resident evil
@turusuke
turusuke / share_chatwork-bookmarklet.js
Last active December 25, 2017 08:04
今見ているページをチャットワークで共有
javascript:(function()%7B(()%20%3D%3E%20%7Bconst%20title%20%3D%20encodeURIComponent(document.title)%3Bconst%20url%20%3D%20encodeURIComponent(window.location)%3Bconst%20w%20%3D%20600%3Bconst%20h%20%3D%20500%3Bconst%20popup%20%3D%20%60https%3A%2F%2Fwww.chatwork.com%2Fpackages%2Fshare%2Flogin.php%3Furl%3D%24%7Burl%7D%26title%3D%24%7Btitle%7D%60%3Bconst%20l%20%3D%20screen.width%20%2F%202%20-%20w%20%2F%202%3Bconst%20t%20%3D%20screen.height%20%2F%202%20-%20h%20%2F%202%3Bwindow.open(popup%2C%20%22ChatWorkShare%22%2C%20%60resizable%2Cscrollbars%2Cstatus%2Cwidth%3D%24%7Bw%7D%2C%20height%3D%24%7Bh%7D%2Cleft%3D%24%7Bl%7D%2Ctop%3D%24%7Bt%7D%60)%3B%7D)()%7D)()