新年 決意を新たに目標を立てるとか。
沢山 目標を立てても達成できないのでシンプルに、
今年の目標は「描く」
コードも絵もたくさん描く。
個人的には決意を新たにするより、 環境を替えるか、付き合うコミュニティを替えるかの方が効果があると思っているのだけれど、年末に一気読みした漫画が凄くよくて、それに感化されてこの目標を立てることにしました。
かくかくしかじか コミック 全5巻完結セット (愛蔵版コミックス)
作者の東村アキコ先生の自伝的漫画なのだけれど、美術系の学校に行っていたり、絵を描いたりしてる人だけでなく、
たぶん 「ついやらない理由を考えちゃう人」とか、「つい逃げちゃう人」とかにももグサグサ刺さる内容だと思います。(逃げ恥とか流行ってたけど。
その殆どに当てはまる僕は読みながら、「あ”あ”あ”あ”あ”あ”あ”あ”あ”」ってなりました。
胸が痛い...
全5巻なので、気になる方は是非！！
オススメです。
表示したいバッククオートの後ろに半角スペースを付けると上手く表示できる。
`` `
👉 `
そのまま書けばOK
``foo`
👉 `foo
2重のバッククオートで囲み表示したいバッククオートの後に半角スペースを含める
``bar` `` // 文字列の先頭にスペースを入れてもOK `` bar` ``
👉 bar` bar`
2重のバッククオートで囲んだ中に表示するバッククオートで囲んだ文字列 + 半角スペース で表記する
```hoge` `` // 前後にスペース入れたほうが見やすい `` `hoge` ``
👉 `hoge` `hoge`
code内に表示する文字列全体を2重のバッククオートで囲めばOK
``foo`bar` hoge `fuga`mofu``
👉 foo`bar` hoge `fuga`mofu
超 どこで使うねん感ある…
表示したい連続したバッククオートより多いバッククオートで囲めばOK
※ 表示するバッククオートが文字列中にある場合でも連続したバッククオートより多いバッククオートで囲まないとダメ
``` `` ``` ``` ``foo ``` ``` bar`` ``` ```hoge``fuga```
👉 ``
👉 ``foo
👉 bar``
👉 hoge``fuga
結論としては、表示したいバッククオートより多い数で囲んで、バッククオ―トで終わる文字列だったら最後に半角スペースをつけるって感じに覚えておけばOKっぽい！
タミヤ 1/35 戦車シリーズ No.57 イギリス陸軍 戦車 マークIV メール シングルモーターライズ仕様 プラモデル 30057
HTMLのコーディングの際にjadeを愛用しています。
jadeがpugになってから、所々仕様が変わっていたのでメモ
mixin 関数名() ではなく+関数名()になった。
jade
mixin foo('引数')
↓
pug
+foo('引数')
jadeの時は"で囲まれた文字列の中に#{変数名}で文字列展開ができていましたが、
pugからは文字列展開をする場合は`で文字列を囲み${変数名}とするか、jadeでも使えていた+演算子で文字列と変数を連結するかになってました。
これはちょっとjadeのときの方が便利だった感じがします...
jade
a(href="#{link}") p(class="foo#{bar}hoge") p(class="foo" + bar + "hoge")
↓
pug
a(href=`${link}`) p(class=`foo${bar}hoge`) p(class="foo" + bar + "hoge")
-が不要になった逆に-を付けて - each とか - for としてしまうとpugではシンタックスエラーになってしまうようです。
jade
- each val in obj = val - for val in arr = val
↓
pug
each val in obj = val for val in arr = val
詳しくは公式のリファレンスに載っています。
Migrating to Pug 2
CODEPENにjadeで書いてたものがpugに置き換わってて死んでたので気づきました。
これからはpugを使っていく事になると思うので気をつけようと思いました。
DUSTSTROKE 45 ｘ 45 cm パグ 柄 クッション カバー おしゃれ インテリア 雑貨 (パグ)
