使っている言語 pug 理由 htmlの閉じタグを書くのが面倒(エディタによっては補完してくれるものもあるけど。) 記載の行数・記載量が少なくて済む。(emmetとかでの補完もあるけど。) .sample サンプル <div class="sample"> サンプル </div> ↑簡単な例 閉じタグが何回も続いてしまうと関…

基本的に @media screen and (max-width: 767px) { /*なにかの効果*/ } で呼ぶことができる。 ↑の呼び出しを毎回使うのも面倒なので、scssなら @mixin sp-only { @media screen and (max-width: 767px) { @content; } } みたいな感じでmixinにしておけば @in…

目的 制作案件だとだいたいphotoshopの再現がメインになるので、効率よく行う。 エンジニア一人でデザインの再現性を効率よく確認できるようにする。(再現性の戻しを少しでも減らす。) エンジニア・デザイナー(もしくはディレクター)との認識のずれをを減ら…

目的 マークアップを行う時にどんなタグで書いていけばよいか少しだけ調べて気になったものだけ共有します。 使えるかどうかはわかりません。 menu要素とmenuitems要素を使ったコンテキストメニュー タグはmenuとmenuitem。 右クリックしたときの要素の表示…

設定ミスやよく理解していない部分を把握するため、 再構築するときにやりやすくするようにいろいろと一応メモ 2019/06/27追記 jackswim3411.hatenablog.com でNuxt.jsでのv2の設定についても随時追記していこうと思っていますので、よろしくお願いします。 …

UIT#6 進化する React.jsへ行ってきていろいろと聞くことができたので、自分のメモがてらいろいろと記載します。 Hooks で作る React.FC 資料 : https://speakerdeck.com/takefumiyoshii/hooks-tezuo-ru-react-dot-fc サービスフロントエンドとアニメーシ…