長いクラス名を打つの、面倒くさい!間違えそう!最近CSS設計を学び始めて、命名規則なども取り入れ始めました。CSS設計に出てくるBEM(MindBEMding)という命名規則(クラス名をつける時のルール)ではクラス名が長くなりがちなのです...。長っ!HTMLファイルを見ながらクラス名を打っていたのですが、長いだけではなく、似たような単語だったり、アンダースコアがあったり、ラジバンダリ...と、途中で面倒くさくなりました。私このままでは時間と手間がかかる上に、いつかは打ち間違えするで...。私はCSSファイルをscssで書いているので、scssでも使える、クラス名を自動補完してくれる拡張機能(プラグイン)を調べました。上手く機能させることができる拡張機能を見つけたのでご紹介します。VSCodeの拡張機能検索で検索してインストールしてください。Usageの項目にチェックを入れましょう。Supportはどちらでも大丈夫です。(私はお試しで入れてみましたが、VSCodeデフォルトのEmmetと競合するかも...と思い、このあと外しました)機能する様子こんな感じで、クラス名を入力している途中で候補が表示されます。Emmetと同じなので、stgN→st-header__globalNavといった感じで入力もできます。HTML」なお、CSSだけでコーディングしている方はこちらの方が適していると思います。HTML書籍「はじめてのCSS設計」ではSassが必須CSS設計の勉強ではコチラの「はじめてのCSS設計」を使っています。こちらの本ではコーディングする際にSassを使います。gulpなどの環境構築も必要ですので、CSS設計自体に集中して勉強したい場合は別の書籍を選んだほうがいいかもしれません...。※ちなみに私はVSCodeでSassのコンパイルしているので、gulpは導入せずに進めています。私もとりあえず手をつけ始めたので最後までやりますが^^;終わったらコチラの緑の本も見てみようと思ってます。ネコーダーこの本でもgulp使ってたらウケる。Driveを使ったBoostnoteの連携・同期・バックアップ方法(Windows)自宅と職場のパソコンで同期させたいと思い設定しました。Driveを使ってBoostnoteを連携・同期・バックアップさせる方法をご紹介します。Serverという拡張機能で表示されたページとブラウザで表示したページでズレがありました。コメントをキャンセルメールアドレスが公開されることはありません。上に表示された文字を入力してください。小学校・中学校の先生Web未経験でWebデザイナー/コーダーに転職Webデザインやプログラミングなど様々な情報を発信しています。YouTubeにドラム関連の動画を投稿しております。小学校・中学校の先生Web未経験でWebデザイナー/コーダーに転職Webデザインやプログラミングなど様々な情報を発信しています。YouTubeにドラム関連の動画を投稿しております。Plus」がおすすめ2020.02.17タイトルとURLをコピーしました。