Client Folder Makerをショートカットキーからすぐ実行できるようにする

Client Folder Makerを使うと、あらかじめ設定したテンプレートをすぐに作成できるようになります。

Webrandum

Client Folder Makerでよく使うフォルダ構成を一気に作成する

https://webrandum.net/client-folder-maker

webサイトの実装をするときや、WordPressのテンプレートを作成する時など、毎回同じようなフォルダ構成を1から作成するのは非常に面倒です。例えば、シンプルなwebサイトを作成するときは、下記のような構成のフォルダ一式を毎回作成することになります。 assets css style.css scss style.scss bsae _reset.scss _variables.scss _mixin.scss common _common.scss _header.scss _footer.scss _layout.scss page js images index.htmlClient Folder Makerを使えば、このような...

この、Client Folder Makerをショートカットキーから実行して、素早くテンプレートを作成できるように工夫します。

ショートカットキーの設定

ショートカットキーの設定はClient Folder Makerの設定画面の下の方にある「Keyboard shortcut」で設定できます。

フォルダの作成はcommand + shift + Nで、ファイルの作成はcommand + option + Nにしているので、それらを合わせたcommand + option + shift + Nをショートカットキーに設定しています。

というわけで、自分のFinderでのN系のショートカットキーは下記のようになりました。

テンプレートの名前を考える

ショートカットキーでClient Folder Makerのパネルを表示したあと、わざわざマウスでクリックしにいくのは面倒です。

できればキーボード上で完結させたいので、名前の付け方も少し工夫しています。

Client Folder MakerのパネルはFinderと同様に、最初の2文字が英数字であれば、その2文字を素早く入力することで項目の選択が可能です。
だから、最初の2文字は数字にして管理するようにしています。

また、単純な連番だとあとから間に追加したいときに大変なので、カテゴリごとに位を変えています。

選択したあとはenterで発火するので、これでキーボード上でテンプレートを素早く作成できるようになりました。

まとめ

コーディングのフォルダ構成などはある程度決まってくるので、テンプレートがあるかないかで全然違ってきます。

どこかにテンプレート用のフォルダを置いておいて、コピペして持ってくるのでもいいと思いますが、移動が手間になりますし、Client Folder Makerは変数機能が使えるので、重宝しています。