Codeだと言うと「どんどんテキストエディタがマニアックになってへん?w」と言われたWebookerです!マニアックなエディタのニッチな内容かもしれませんが、感動したのでメモしておきます。Codeを使ってコーディングをしています。DevelopersなんとCodekitを使えば、htmlファイルを簡単にテンプレート化1できることがわかりました。to-Rヘッダーやグローバルナビゲーションなどの共通パーツを「***.kit」という名前の別ファイルにし、「index.html」ファイルも「index.kit」にリネームすれば、先ほどのパーツを読み込んで使いまわせるという仕組みです。(もちろん、生成されるファイルは「index.html」になります。)2〜3Pのサイトであればそのままでコーディングするかもしれませんが、10Pくらいのサイトだとちょっとテンプレート化しようかなーってなりますよね。今丁度10Pくらいのサイトをコーディングしているので、早速「**.kit」を使ってみることにしました。ここで問題になるのが、拡張子が.html以外のファイルだとhtmlだと認識されず、シンタックスハイライトされないということです。グローバルナビゲーションを切り出して.kitにリネームした直後↓html用の自動整形がされない見づらいhtmlだと認識されてないのでEmmetが使えないなどなどとても不便。Code側で、.kitを.htmlとして認識させる設定を書き足します。Codeの基本設定から、設定に行きます。するとsettings.jsonファイルが開きます。「html」で検索してみると、それらしい設定が見つかりました。"files.associations":{}という設定です。}を追記してみました。(「.kit」という拡張子のつくものは全て「html」として関連付ける、という意味です。Codeを再起動してみると...!シンタックスハイライトキタ━━━━(゚∀゚)━━━━!!これでゴリゴリコーディングができます。(拡張子がhtmlじゃないけどhtmlとして扱いたいファイルって他に何があるかなーと、試しに.pugファイルを作ってみましたが、これはデフォルトでちゃんとシンタックスハイライトされました。)というわけで、設定に書かないといけないような拡張子はあまり存在しないかもしれませんが、いざというときに好きな言語に関連付けできると分かって安心しました。CodeとCodekitの組み合わせでコーディングしていきます。(Codekitを使ってから、Sassを習得できました。CodekitMacSass広告Web・グラフィックデザイナー、マークアップエンジニア。関西在住のフリーランス。Edition運営中。【2019年振り返り】メニエール病で仕事ができなくなったフリーランスWebデザイナーの話こんにちは。Webookerです。Webデザイン4月26日までセール中!UdemyでフリーランスWebデザイナーの私が購入した講座一覧Udemyはオンラインで講義を受講できるWebサービスです。続きを読む...RSSリーダーで購読するWebookerはAmazon.co.jpアソシエイトに参加しています。