開発が捗る Visual Studio Code 拡張機能 - Qiita
拡張機能はできるだけ最小限にしておきたい派です。そんな自分がインストールして使い勝手がよかった拡張機能をいくつか紹介します。 Auto Close Tag https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag その名の通りClose Tagを自動で入力してくれます。単純にタイピングが減るので肉体的・心理的負担の軽減にもなります。 Auto Rename Tag https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag タグを修正した際にClose Tagも合わせて修正してくれます。これも手間が減って便利です。 Bracket Pair Colorizer 2 https://ma
Atomic DesignをReact + styled-componentsで頑張る - Qiita
css in jsの一種でJSX内でcssを書くためのツールです。 ES6のタグ付きテンプレートリテラルを使用し、ネストして書けたり、extend機能などが使えて人気のツールとなっています。 SSRやReact Nativeにも対応していて、位置的にはzeitが作っているstyled-jsxに近いんじゃないかと。 styled-components https://github.com/styled-components/styled-components 具体的には以下のようにstyled.buttonのように記述するとbutton要素としてReactコンポーネントが返る仕組みです。これをstyled.divにすればdiv要素が、styled.aにすればa要素が返ります。 import styled from 'styled-components'; const Button = sty
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
