2014の6日目の記事です。5日目のtoru_inoueさんにご紹介いただきまして、6日目を担当いたしますは、私こもり(Tシャツの人)でございます。あ、空前の大ブームを巻き起こしたオレンジの教科書の監修者です。「.gitignore」「.editorconfig」「.jshintrc」に「package.json」「bower.json」「Gemfile」とかいろいろ。それぞれコマンドで自動的、もしくは手動でファイルを追加するわけですが、いちいちコマンド打つのもまた面倒くさい。「何か新しく作り始める時に最初から使いそうなオレオレセットを作っちまおうじゃないか」というのが今回の主題です。Textのパッケージをうまく使いながらやりましょう。なければこの記事は成立しませんので...。Fetch(以下、Fetch)」です。Fetchは、あの有名なオレンジの教科書でも紹介されていますが、あらかじめよく使うファイルやzipなどで圧縮されたファイル群のURIを登録しておき、必要に応じてコマンドパレットから呼び出して手元に用意しちゃおう的なパッケージです(今のご時世、ライブラリの入手はBowerでしょうが、FetchはFetchであると便利)。Fetchあとせっかくなので、今回の記事ではいろんな余談を交えつつ、増えすぎたプロジェクトディレクトリ内のファイルの類をサイドバーに表示しない方法もあわせて紹介しましょう。オレオレセットを準備するオレオレセットといっても、そこは人それぞれ扱う技術も必要となるファイルも異なります。ライブラリとかはプロジェクトごとに使うのも変わるでしょうから、そこは最低限必要となりそうなものだけを入れておくと良いでしょう。Gitを使うなら.gitignoreが多くの場合ありますよね。その他にも、3日目のハムさんも取りあげていた.editorconfigなどもありますね。Prettify」を使うと便利ですが、この全体設定ではなくてプロジェクトごとに.jsbeautifyrcを入れて調整する方が良いでしょう。いまどきのWeb制作ではnpmのモジュールを使うとかBowerでライブラリをまとめて用意するでしょうから、package.jsonとかbower.jsonをあらかじめ作っとけば、initコマンドを打つ必要もありません。SassやCompassをBundlerでバージョン管理するならGemfileが要りますしね。いうのをフォルダの中に一緒くたにして入れてまるっと圧縮しちゃいましょう。Manage」を選んで設定ファイルを開き、「files」に単体のファイル、「packages」にライブラリパッケージなどのURIを登録します。「http://〜」だけじゃなくて「file:///〜」のローカルファイルも登録できますので、自前のオレオレセットはローカルのどこかに置いておけばよろし。Package」を選択すれば、リストが表示されるのでお目当てのを呼び出すだけであら不思議、と。Textにドラッグしてはじめましょう。前に公開したFetchの設定ファイルはこちら。こんな感じで設定をします。複数のファイルで検索・置換package.jsonやbower.jsonのように、ものによってはファイル中にプロジェクト名を指定するものなどもあります。複数の設定ファイルをまとめて用意しておくのは良いですが、それらのファイル中の任意のワードを個別に開いて置換するのは面倒です。files...(cmd+shift+f)」メニューを使うと楽勝です。Folders」をクリックすれば、そのディレクトリ内を対象にすることができます。あとは置換したいワードを入れて右下の「Replace」ボタンを押せばオッケー、と。Textで開けたりするわけです。Manager」ってパッケージも便利だな、と思ったんですがこれにはかないません。Manager見えなくていいのは設定で非表示にサイドバーには「.(ドット)」で始まる不可視のファイルやディレクトリなども表示されます。いったファイルが増えていくと、サイドバーのプロジェクトディレクトリが煩雑になっていき「おいおいおい、まるでゴミ箱のようじゃないか...」となるわけです。残念なのがこれらのファイルは都度開くものばかりではありません。Textの設定を開いて、「file_exclude_patterns」や「folder_exclude_patterns」に追加しておくと良いでしょう。Preferences.sublime-settings「.git」「.sass-cache」みたいな普段あまり見ることのない不可視のフォルダなども入れておけばスッキリしますね。Textでやるとこんな感じです。いった感じでおしまい。「エディタは好きなの使えば良いじゃん」と思ってるこもりがお届けしました。Komori好き勝手に駄文をつらつらと書き記す。