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
- css
- index.html
Client Folder Makerを使えば、このようなよく作成するフォルダ一式を一気に作成できます。
Client Folder Makerのダウンロード

Client Folder Makerは$4.99(約600円)ほどするアプリですが、15日間のトライアル版が公式サイトからインストールできます。
有料アプリとはいえ、フォルダを毎回1つ1つ作る手間を考えると600円は安い方だと思うので、15日試してみて、良かったら是非購入しましょう。
Client Folder Makerの使い方
プリセットの設定
まずはプリセットの設定を行います。
メニュー(もしくはDock)のClient Folder Makerアイコンをクリックして、[Preferences…]をクリックします。
![Client Folder Maker[Preferences...]](https://webrandum.net/mskz/wp-content/uploads/2019/04/image_2-16.png)
環境設定画面が開くので、「新規プリセットの追加」と「プリセット内にフォルダとファイルを作成する」作業を行います。

新規プリセットの追加は下の方にある「+」アイコンで追加できます。
追加したらプリセットの設定をしていきます。
| 項目 | 記入する内容 |
|---|---|
| Preset Name | プリセットの名前 |
| Folder Name | フォルダの名前 |
| Archive Folder | フォルダを作成する場所(基本未設定のままです) |
| Folder Hierarchy | フォルダ内に生成するフォルダやファイルを設定する |
フォルダやファイルの追加は、画面下の方にあるアイコンをクリックすれば追加できます。

ファイルの場合は拡張子の設定も可能です。
変数を使用する
ちなみに、「Folder Name」と「Folder Hierarchy」内では、変数を使用できます。
変数を使いたいときは半角波括弧で変数名を囲って定義・使用します。「{変数名}」
指定しておけば、使用時に変数のテキストを設定するダイアログが開いて、テキストを入力すると全ての変数に同じテキストが反映されます。
プリセットの使用
設定したプリセットを使用するには、メニューアイコンからプリセット名をクリックするだけです。

あとはプリセットを作成するパスを指定して、変数を使用していれば、変数の値を入力して「Create Folder」を選択します。

これで、指定したパスにフォルダ一式が生成されています。
ちなみに、Finderであれば右クリックメニューの[Run Client Folder Maker Preset]から実行もできます。

フォルダをただ作っているだけの作業って、時間がすごくもったいないので、一瞬で作れるならそれに越したことはないですよね。
フォルダ構成が決まっているものはどんどん登録して、時間短縮していきたいです。

Node.jsのバージョン管理をnodebrewからnodenvに移行する方法
複数サービスを1つのアプリで管理できるStationの通知設定
BetterTouchToolのライセンス・料金まとめ(BetterSnapToolやBTT Remoteによる無料ライセンス)
MacDownでシンタックスハイライト機能を使う方法と設定
ATOKで変換時に文章を指摘してくれる「校正支援」タブの設定項目
アプリやフォルダを一気に開ける「Workspaces」の環境設定
Macのダイアログを強化するDefault Folder Xの使い方
AlfredでFigmaのチーム・プロジェクト・ファイルを素早くの検索ができる「Alfred Figma Workflow」
Path Finder 8で動作がおかしいと思ったときにチェックすること
Google Chromeのタブを1つにまとめる拡張機能「OneTab」
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
キーボードショートカット以外の新しい選択肢、左手用インプットデバイス「Orbital 2」
JavaScriptのforEach内で「continue」や「break」のような動作をさせる方法
Apple Watchで完結するポモドーロテクニック用アプリ「Flat Tomato」がかなり便利!
ImageOptimをターミナルから起動する方法
Bartenderの「Quick Search menu bar items」でメニューアイコンを検索してアクティブにする方法
BetterTouchToolでトラックパッドの端っこのクリックを無効化して、手が軽く触れることによる誤操作を防止する
Alfred 4の詳細設定(Advanced)を見直してAlfredを更に便利にする
JavaScriptで簡単にCookie操作ができるライブラリ「js-cookie」
Hazelで「ゴミ箱」の中身を空にする作業を自動化してしまう