開発者必携ツール「Snippet」と「Swatch」。レビューとプレゼント企画。

開発者必携ツール「Snippet」と「Swatch」。レビューとプレゼント企画。
開発者必携ツール「Snippet」と「Swatch」。レビューとプレゼント企画。

Fuel Collective の週の続きとして、今日は定番アプリを再紹介します。この2つが一躍有名になったのは、 SnippetSwatchの登場です。メニューバーに常駐し、開発者やデザイナーが最もよく使うツールに24時間365日アクセスできる、優れたMacアプリです。この2つを組み合わせることで、コード、ブログ記事、Photoshopなど、あらゆる作業に最適な組み合わせになります。これらのツールを初めて知った方は、そのシンプルさと豊富な機能にきっと驚かれることでしょう。まさにマストアプリと言えるでしょう。

スニペット

Snippetはコーディングの夢です。洗練されたインターフェースに加え、Snippetは日々の業務でよく使うスニペットを保存、タグ付け、コピー&ペーストする最も簡単な方法を提供します。PHP、HTML、XML、CSS、Javascript、Rubyなどの言語をサポートしているので、あなたのワークフローにきっと溶け込みます。でも、具体的にはどのように機能するのでしょうか?

私はキーボードショートカットとマウスの組み合わせを使ってタスクをこなしています。

Snippetのウィンドウを開いて、コードやタグの検索を開始できます。例えば<p>と入力すると、Snippetは<p>コードを含むすべてのスニペットを検索します。「macstories」と入力すれば、そのタグが付けられたコードを見つけることができます。これは非常に簡単な手順で、設定でカーソルのある場所にコードを直接貼り付けるか(私のお気に入りの方法)、クリップボードにコピーするかを選択できます。Snippetの強みは、簡単なキー操作でほぼ簡単にコードを挿入できることです。ライブラリをいじったり、コードを探したりする必要はありません。

しかし、コードを見つけるには、まずいくつかのスニペットを追加する必要があります。

S を押してスニペットの下の領域をクリックするか(テキスト領域が空の場合)、コードをハイライト表示した後にショートカットを使用する(デフォルトでは

A) では、スニペットを保存して後で使用できます。保存ダイアログがないため、少し戸惑う方もいるかもしれませんが、コードを入力したら、Escキーを押してスニペットを終了するか、「×」ボタンをクリックしてください。必要に応じて、コードの言語を設定したり、検索しやすいようにタグを追加したりすることもできます。とても使いやすいです。

スウォッチ

Espressoで作業するときはSnippetを使いますが、それ以外の作業ではSwatchを使っています。色はよく使うツールで、Mac用の優れたカラーピッカーはあまりありません。シンプルなクリック&ドラッグ操作で、Swatchはカラープロファイルを作成するデザイナーにとって必須のツールです。本当に便利です。

メニューバーからスウォッチを表示する

メニューバーからスウォッチを表示する

メニューバーの「スウォッチ」をクリックすると、お気に入りの色がすべて揃ったパレットが開きます。もちろん、カラーホイールと呼ばれるあの虹色のペトリ皿のような色調に加え、コントラストスライダーや16進数値を表示するためのテキストフィールドも利用できます。ホイール上の色をクリックし、スライダーを使って選択した色の明るさを調整できます。とても簡単です。

カラーホイール以外にも、様々な機能があります。虫眼鏡アイコンをタップすると、周囲のピクセルを拡大表示する便利なカーソルが表示されます。クリックすると、その色の値がスウォッチに記録されます。システム上のあらゆる場所から色にアクセスできるのは、まさに素晴らしい機能です。

色の16進値をCSSコードやPhotoshopエディターに追加したい時もあるでしょう。これはとても簡単です。16進値をクリックするだけで、すべて(シャープ記号を除く)がクリップボードにコピーされ、簡単に貼り付けられます。

最後に、プラスボタンをクリックすると、現在選択されている色で新しいコレクションを作成できます。コレクションには好きな名前を付けることができ、スウォッチの色付きの四角にマウスを合わせると名前が表示されます。では、このコレクションに色を追加するにはどうすればいいでしょうか?虫眼鏡アイコンと16進数値の間から色をつかみ、コレクションにドラッグするだけです。

結論

SnippetとSwatchは、直感的なインターフェースと強力な機能でワークフローを劇的に改善します。コンセプトはシンプルですが、システム全体でコードとカラーを管理できるのは大きなメリットであり、きっとあなたもこの機能を気に入っていただけるでしょう。そこで、本格的なソフトウェアを求めている新進気鋭の開発者に、SnippetとSwatch(両方)を1つずつプレゼントいたします。詳細は以下のルールをご確認ください。

譲る

開発者のワークフローに最適なツールをお探しですか?このプレゼントはまさにあなたにぴったりです。以下の手順に従って、当選のチャンスを手に入れましょう!

-  Twitter で@macstoriesnetをフォローし、次のメッセージをツイートしてください: 「Win Snippet & Swatch from @fuelcollective on @macstoriesnet http://mcstr.net/d0iGCz

- ここにツイートのリンクを含めてコメントを残してください。

受賞者は4月1日木曜日に発表されます。

クラブ・マックストーリーズ

追加コンテンツと特典にアクセスする

Club MacStories は 2015 年に設立され、ほぼ 10 年間にわたって毎週独占コンテンツを提供してきました。

毎週、毎月の電子メール ニュースレターから始まったものが、すべての MacStories ファン向けに設計されたメンバーシップ ファミリーに成長しました。

詳細については、こちらおよびクラブの FAQ をご覧ください。

Club MacStories : アプリ、ヒント、自動化ワークフロー、長​​文執筆、MacStories Unwind ポッドキャストへの早期アクセス、定期的な景品など、盛りだくさんの情報を満載した、電子メールと Web 経由の週刊および月刊ニュースレター。

Club MacStories+ : Club MacStories が提供するすべての機能に加え、アクティブな Discord コミュニティ、クラブの過去のカタログ全体を閲覧するための高度な検索機能とカスタム RSS 機能、ボーナス コラム、多数のアプリ割引などが含まれます。

Club Premier : 上記のすべてに加え、早期に、広告なしで、高ビットレートのオーディオで配信される当社の主力ポッドキャストの拡張バージョンである AppStories+ が含まれます。