今回もまた懲りずに、Macに乗り換えようかなと思ってる方や乗り換えたばっかりの方、MacBookなんちゃらを使ってカフェやコワーキングスペースなどをノマド気味にウロウロしてる方のために、ボクがMBPにインストールしたアプリを22個紹介したいと思います。

MacBookをお使いの方もそうでない方も。今回はジャンル分けはしてませんが、アレコレと多岐にわたっています。あと、最後の方には日常のブラウジングを少し快適にするだろう Safariの機能拡張もおまけでいくつか。

では、ちょっと短めですがいってみましょうか。

Alfred App

MacBookのようなノート単体だったり、マウスを使えるスペースがない場合は、Dockに並んだアイコンをクリックするか、LionのLauchpadを呼び出してアプリを起動することになります。いちいちマウス操作も面倒なので、できればキーボードショートカットで呼び出せるランチャーがあると便利です。

定番といえば「Quicksilver」だったりしましたが、最近はランチャーもいろいろ豊富にそろってます。今回はアプリの起動ぐらいができればいいかな、と「Alfred App」にしてみました（でも、一応有償のPower Pack込）。他にも「Launcher」とか良さそうですね、そのまま辞書ひけるし。

Sparrow

元はといえば、Gmailのメーラーとして登場したはずの「Sparrow」は、だいぶ進化をしたようですね。無償のLiteはGmailのアカウントひとつしか使えませんが、有償版であればマルチアカウントはもちろん、その他のメールサーバ（IMAP）にも対応してます。様子見でいまはLite使ってます。

CloudApp

クラウドを使ってちょっとしたファイル共有やメモをやりとりするのに、DropboxやEvernoteを使ってる方も多いでしょう。ボクはDropboxは使ってますが、ちょっとしたファイルの送付やURLのメモには「CloudApp」を。スクリーンショットやブラウザで表示しているURLはショートカットで送れます。Dropboxで似たようなことやるなら、「DropIn」ですかね。Twitterクライアントの「Tweetbot」がCloudAppに対応しています。

Flash Block

出先でMacBook使ってるとバッテリーの残りが気になります。いや、それでなくても非力なマシンでFlashコンテンツを再生し始めるとブンブンうるさくなったり熱持ったりします。これまではブラウザごとにFlashコンテンツを無効化するプラグインを入れていたのですが、起動していることに変わりはなし（笑）。

ブラウザごとに異なるプラグインで抑止するのは面倒だしいろいろ問題もあるので、今回はブラウザを選ばず元から絶つ、みたいな「Flash Block」という常駐アプリを入れることにしました。Chromeだけは元々組み込み済みなので、ひょっとしたら「chrome:plugins」で止めないといけないかも。

App Tamer

だから、バッテリーの残りが大事なんですよ（笑）。この「App Tamer」は、指定したアプリがバックグラウンドにある時は止めちゃうものです。止めるって言っても、一時停止状態にして無駄なCPUを使わせないという仕組みですから、前に出せばすぐ使えます。MacBookを外で使う人にはオススメです。

Chromeみたいなブラウザは勝手に登録されると思いますが、バックグラウンドで実行しながら定期的にネットに接続するようなアプリは指定しない方がいいですかね。アプリケーションごとに止める止めないは指定できます。

Isolator

ノマドとかいう仕事スタイルが流行っているらしいですね（笑）。「そんなの何年も前から俺やってたわー」って誰かさん風に言ってもいいのですが、出先で仕事するのはいいんだけどたまに覗き込まれたり、背後から視線を感じることもあります。「Isolator」は、一番前の画面以外を塗りつぶして見えなくすることができるもの。出先で作業する人は入れておいて損はないです。

Growl

「Growl」は、通知をしてくれるアプリというかシステム環境設定に放り込まれるもので定番ですね。いろいろなアプリケーションと連動するので、何かイベントが発生するごと（たとえば、ダウンロードが終わったよー、メールが届いたよー、とか）に通知が欲しい場合は入れておくと良いですね。有効にするしないは、アプリごとに設定できますのでうざかったらオフにすればいいです。

Wallet for Mac

シリアルやパスワード、暗証番号の類の管理には「1 Password」を使ってる方が多いかもしれませんが、ボクは「Wallet for Mac」をずっと使っています。機能的には似たようなもんです。MobileMeとかDropboxと同期できるし、iPhoneアプリからも確認できます。

iPhone Explorer

「iPhone Explorer」は、iPhoneやiPodなんかをUSBで直結してドライブとしてマウントさせることができます。つまるところ、写真のデータとかをフォルダごとごっそり転送するのが簡単です。iPhotoとか使って管理してない（OSが古いとそもそも拾えないのがあったりするし）、ただバックアップしたいだけって人には便利ですよ。MacもWinも対応してます。

壊れたり水没する前に定期的に拾い上げる癖をつけましょう（笑）。

namebench

「ネットの接続を速くする」みたいな記事で、よく GoogleのPublic DNSにすれば速くなるとか書いてる人がいますけど、アレはそもそも海の向こうを対象に数年前に始まったものです。日本国内からそれを指定しても、必ずしも速くなるとは限りません。確かに速いは速いけど、それは気のせいかもね…（笑）。

自分の接続環境から本当に速いDNSを探すのであれば、この「namebench」を入れてチェックしてみましょう。GoogleのDNSよりも国内の別のサーバの反応の方が良かったりしますから。テストが終わったら、オススメされた3つのDNSを環境設定の「ネットワーク」で登録しましょう。

それでもGoogleのPublic DNSが速いのならそれにすればいいでしょう。

Galleried

さて、話はガラッと変わりますが、ボクの本業はWebサイトのあれこれをやる仕事なので、海外のデザイン系のサイトを見る機会も多いです。「Galleried」は、海外のクリエイターSNSの「Dribbble」だったり、ギャラリー系の「creattica」「css mania」「folio focus」などを一気にまとめて見れるものです。DribbbleなんかはiPhoneやiPadのアプリもありますが、ちまちまサイトに行ってなんか見てられないですからね。オススメです。

InstaDesk

どうも、今となっては日本で何番目なのかわかりませんが、実はフォロワー数35,000弱のInstagramer、こもり（@cipher）です。フォローしていただいてる皆さんありがとうございます。で、そのInstagramをMacから見る時に便利なのがこちらの「InstaDesk」。他にも「Carousel」とかありますね。入れておくとブラウザ起動しなくてもいいです。

MPlayerX

こないだの記事にも書きましたが、ムービー系のファイルってのはコーデックっていうのがありまして、拡張子が名のしれたものでもその中の映像と音声のコーデックによっては再生できなかったりします。Windowsだと問題ないのかもしれませんがね…。で、そんな特殊なコーデックでも再生できるプレーヤーが「MPlayerX」です。次に紹介する「VNC（Video LAN）」も同じようなもの。

VideoLAN

前述のように「VideoLAN」も映像の再生アプリケーションです。似たようなのをなぜ並べているかというと理由があります（笑）。「HandBrake」というDVDリッパーでDVDの中身をぶっこ抜いて、iPadやiPhoneで再生できるようにエンコードしようとするとこの VNCが必要になってます。なので、あわせて入れておくと何でもできるんですね〜（謎）。

Adium

ボク個人は最近ではまったく使うこともなくなったメッセンジャーのサービス、古くはICQ、AOL、MSN、JabberにGTalk…。おぅ、挙げればアカウントだけはちゃんと持ってます（笑）。で、その辺のメッセンジャー系のサービスを一元管理できるクライアントが「Adium」で、もう説明の必要もないぐらい有名ですね。アイコンもメンバーリストもチャットウィンドウ、エモーティコンなども自分の好みでカスタマイズ可能です。

Skype

ごめんなさい、入れてるものの「Skype」も使っていません（笑）。世間様では他のメッセンジャーサービスよりもこっちの方が人気なんですかね。とりあえずバージョンアップのたびウィンドウがでかくなってるのは気のせいでしょうか…。あ、ボクへの連絡はTwitterのDMとかFacebookのメッセンジャーが確実です。

SkypeStyles

使ってないSkypeなんですが、見た目を変更する「SkypeStyles」ってのもあります。ファイルをダウンロード後、解凍してダブルクリックでインストールされます。あと、本家Skypeでも「Create a Skype for Mac chat style」というコンテスト？が始まってますね。

Kindle for Mac

日本国内の電子書籍市場は混沌としてますが、海外ではKindleやePub、PDF、mobiでのファイルの提供が盛んです。特にボクは洋書で勉強することが多いので「Kindle for Mac」は入れています。iPhone、iPad、Kindleと同期できるから便利なんですよね。あ、mobiのファイルとかも読めます。

Zinio Reader

こちらは書籍というよりは雑誌ですね。これまで何度も出してますが、もうZinioでいいじゃないかと。国内の出版社も古いモノからちょこちょこZinioに出てるみたいですけど。海外の雑誌を読むなら、書店で買うよりははるかに安いしきれいだし、すぐ読めてテキストだけ抽出したりもできます（ものによるけど）。

calibre

ePubリーダーはなかなか決定版がありません。「calibre」は指定されたCSSなんかもちゃんと反映されていいんですが、いちいち動作が重いのが難点です。ただ、Adobeさんの「Digital Editions」はLionだとシステム要件を満たしてないとかでインストールできないし、仮にインストールできたとしてもリーダーとしては…なので、我慢してcalibreを。あ、作るなら「sigil」が便利ですよ。

Mobile Mouse

えー、来週の17日（土）にもイベントで登壇する予定なのですが、ボクはたまに人前でしゃべることがあって、この「Mobile Mouse」を入れています。これ入れておくと、iPhoneをマウス代わりにMacが操作できます。イカのにぎり寿司みたいなマウスがない時とか家の中でも（笑）。

Mouseposé

やはりこれもどちらかというとイベントだったり、Ustreamの放送だったりで使うのですが、マウスのクリックでピカッと光らせたり、ポインタの場所だけを明るく表示してくれるユーティリティです。ショートカットでパッと切り替えながらプレゼンできると、オーって言われるかもしれません。そういう歓声が欲しい方は入れておきましょう（笑）。

Safari Extensions Gallery

さて、ここからはおまけコーナー。ボク個人は仕事の関係もあって、日常的なブラウジングには GoogleさんのChromeを使っているのですが、Safariでブラウジングする時に入れておくと便利な機能拡張（Extensions）を紹介しておきますね。直接機能拡張へのリンクができないので、ギャラリーから探してください。

AdBlock

「AdBlock」は言うまでもありません。Webサイトを見ていてうざったい広告を何もしないで非表示にしてくれるモノです。オプションで個別に登録もできますが、自動的にリストを拾ってそれを反映してくれるので楽です。特にほら、MacBookで出先で回線が細い時とか邪魔でしょ？（笑）。

Facebook Cleaner

「Facebook Cleaner」は、Facebookの右側に出てる広告とかPokeとかを非表示にしてくれます。右側のカラムがスッキリして気分もよろしゅうございます。

AutoPagerize

「AutoPagerize」を知らない方もまだまだ多いかもしれませんね。えっと、ページが連続するもの、たとえばGoogleの検索結果とかで数字とか「次へ」をクリックしてなくても、自動的に次のページを取得して繋げてくれる機能拡張です。Safariだけでなく、いろいろなブラウザで使えます。ありがたや…。

Stop/Reload Button

ページをリロードしたければ Cmd＋Rのショートカットでいいわけですが、昔のブラウザみたいにツールバーに出しておきたければこちらの「Stop/Reload Button」を。

JavaScript Blacklist

いまの世の中、 JavaScriptがないと動かない（見れない）サイトもあったりしますが、たまにそれが原因でイタズラされちゃったりもしますからね。「JavaScript Blacklist」を入れておけば、特定のドメインのJavaScriptを実行しないようにできます。何かサイトにアクセスすることで問題がおきた時のために。

Google Analitics Opt-out

最後はSafariのギャラリーからはインストールできない「Google Analitics Opt-out」を。そのままです、サイトにアクセスした情報を取得・解析するGoogle Analyticsにデータを送信しないようにするものですね（別にアクセスした情報ぐらいはいいんですけどｗ）。他のブラウザだと、広告系も排除するプラグインが配布されているのですが、残念ながらSafariはこれだけしか提供されていません。

というわけで、次回は…

おまけを入れたら長くなっちゃいました（笑）。ま、そんなわけで、今回は日常生活をちょっと便利にするかもしれないアプリケーションを紹介してみました。いかがでしたかね？ ちなみにソーシャル系のサービスのクライアントは何一つ入れていません。画面の上とか下でチコチコお知らせされたりしても気になるだけなので、何か見たくなったらブラウザで繋いでます。

次回は、またWebデザイナーさん向けに、Google Chromeの拡張機能でも紹介してみましょうか。

おまけ的にiPhoneしかないものもいくつか。あまりにも有名なものとかは省いてますので、あしからず。リンク先は、基本オフィシャルサイトで。

アクセス解析とか

AnalyticsPro for iPad

Google Analyticsとかの集計を見るので有名なところだと「Analytics」とかがありますが、ボクが入れてるのはAnalyticsProです（AnalyticsはiPhoneだけ）。まぁぶっちゃけどれも変わらんよね、とは思うのですが（笑）。

→ AnalyticsPro for iPad

Ego

Egoは、GAだけではなくてFeed BurnerとかMint、TwitterやTumblrのフォロワー数などを見れるダッシュボード的なアプリ。サービスを登録してドラッグしてあげるとその管理画面とかが表示されるものです。

→ Ego — You’re important.

Web制作効率化とか

Textastic

Web制作系でコードを書いたりする人たちは手元にFTPとかが使えるエディタがひとつあると便利だと思います。これもまた有名どころだと「FTP On The Go」とかが紹介されたりするんですが、残念ながらSFTPとかFTPSとかのプロトコルに対応してなかったりします。

ボクは、FTPやSFTP（FTPS）、WebDAVだけでなくDropboxまでサポートし、80のファイルタイプを認識するエディタ「Textastic」を入れてます。ちょっと操作に癖があったり日本語の表示がいまひとつなんですが、プレビュー機能なんかもついてて便利です。他にSFTPに対応してるのは「Gusto」がありますね。

→ Textastic – Syntax highlighting text editor, FTP, SFTP, Dropbox

PlainText

Dropboxと連動するテキストエディタの類は「iA Writer」とかが有名ですが、ボクは「WriteRoom」を作っていたところが出してる「PlainText」をメインで使っています。他にもMarkdownとかで書いた方が良い場合（自動的にHTMLにして保存したい時）は「Writing Kit」を使ったりもします。

→ PlainText — Dropbox text editing for iPad & iPhone

PhotoForge 2

写真の修正などに使えるアプリは、「PS Express」がよく取り上げられてますけどあれじゃ役不足すぎるので、「PhotoForge 2」とか「Photogene」をインストールしています。レベル補正、トーンカーブをはじめとした各種補正が充実してるのはもちろんですが（Photogeneにトーンカーブはないけど）、修正したファイルを直接Dropboxに保存できるとか、そういうことの方が大事（笑）。そうすれば、あとはReaddleDocsからSFTPサーバにアップもできますからね。

ちなみにPhotoForge 2は、Dropboxの他にFlickrやPicasa、Tumblr、Twitter、Facebook、FTPにメールとか保存先もいろいろ選べます。

→ PhotoForge 2 – GhostBird Software

UI Sketcher

落書き程度にしろ何にしろ頭に思い浮かんだイメージなんかをメモ代わりに書いておく、場合によってはワイヤーフレームの下絵みたいなものを書いたりするアプリはいろいろありますね。ボクは方眼付きで1面もしくは6面で書けてDropboxに放り投げられる「UI Sketcher」、その他いくつかを使い分けています。

→ UI Sketcher: The User Interface Sketching Tool iPad App

Prompt

SSHでサーバに繋いでそこで直接ファイルを操作したりするターミナルアプリは、「iSSH」とかをはじめいろいろ出てるんですけど、「Coda」や「Transmit」で有名なパニックさんの「Prompt」をiPad、iPhoneの双方に入れています。これさえあれば、WordPressのインストールとか出先でも数分で終わります。

→ Prompt, nice SSH for iOS

ファイルや電子書籍ビューアとか

ReaddleDocs

PDFをはじめとしたドキュメントビューアといえば「GoodReader」とかが有名ですかね。でもね、アイコン嫌いなんですアレ（笑）。機能的にはGoodReaderとほぼほぼ一緒で、zip/unzipはもちろんメールの添付だけ拾い上げたりみたいなこともできます。取り扱えるファイル形式が若干多いぐらいでしょうか。

→ ReaddleDocs for iPad

Mercury

ブラウザです（笑）。いわゆるタブブラウザなんですけど、リンク先のファイルダウンロード、Dropboxへの転送、輝度設定、UAの変更、アドブロッカー、フルスクリーン表示みたいな感じで、Safariではできないことを補完するために入れています。ブラウザによっては動作しないブックマークレットもちゃんと動作します。

→ Mercury Browser

DocStorm

先日も紹介した「DocStorm」は、pdf/text/ePubを読むのに特化したビューアーです。Dropboxに放り込んでReaddleDocsで開くのでも全然よいのですが、iBooksと同じようにePubに含まれたCSSをちゃんと反映してくれるのと、輝度調整ができたり内容をシェアしたりといったこともできるのでこっちを。これ以外にmobiとかの閲覧用に「Kindle」も入れてます、はい。

→ DocStorm（iTunes Store）

Zinio

もうね、Zinioで良いですよ、電子雑誌は（笑）。日本の出版社もぼちぼち過去のものから出してくれてますが、電子雑誌のオンラインストアのビューアですね。PDFベースだと思うんですけど見開き単位で誌面が見れるのと、モノによっては中の本文をテキストだけ抽出して読めたりします。

どこぞの電子雑誌みたいにページ毎にダウンロードとかではなく、まとめてゴソッとダウンロードされるので一回落としておけばネットに繫がってなくてもどこでも読めます。映像が入ってたらそれも再生されますね。

→ Zinio Digital Magazines

その他、情報収集系

Zite

「え？まだRSSリーダとか使ってんの？」とか言ってしまいたくなる、Google ReaderとかTwitterなどと連動するジャンル別のオートサジェスト機能付きのRSSリーダみたいなアプリです。ジャンルというかキーワードを自分で設定できますが、日本語のブログとかが出るかどうかは知りません。情報収集は主に英語みたいな人には探す手間も省けて便利だと思います。気になる記事は、DeliciousやInstapaper、ReadItLater、Twitter、Facebookにメールと好きなトコに放り投げられます。

→ Zite: Personalized Magazine for iPad

Dribbbits

海外のクリエイターSNSである「Dribbble」のコンテンツを見るためのビューアです。Dribbbleを見るクライアントアプリは、iPad用の「Dribbblr」とかiPhone用の「Swish」なんかがありますね。このアプリは掲載された作品で気に入ったモノをまとめておくことができるので使っています。

→ Dribbbits for iPad（iTunes Store）

Instapaper

「Instapaper」は、「Read It Later」と並んで後で読む系のブックマークサービスで有名ですね。これがないといつまで経ってもダウンロードされないようなコンテンツを読むのは辛い…。Instapaperに放り投げておけば、Webサイトから広告とか余計な装飾を取り除いて本文だけを抽出して保存してくれます。

→ Instapaper

Articles

Wikipediaの閲覧に特化したアプリです。それ系だと他には「Wikipanion」とかが有名ですかね。Articlesは多言語対応はもちろんですが、Wikipediaのページを再整形して読みやすくしてくれるのでこれを使ってます、はい。

→ Articles – The Wikipedia App

Mashable

海外のIT系のニュースのまとめといえば、Mashableをはじめとしていくつかのサイトがあります。読んでいらっしゃる方も多いですね。普段はブラウザで見てることが多いのですが、念のためアプリも。まぁ、サイトが重いんすよ（笑）。

→ Social Media News and Web Tips – Mashable

ニュース系のは他にもちょっとあるんですけど内緒にしておきます（笑）。

おまけ、iPhoneにしかないアプリ

Momento、phiRatio、Chartbeat

iPhoneのみになるんですが、あると何気に便利なモノをちょっとだけ。

「Momento」は、Twitter、Facebook、FourSquare、Instagramなどのソーシャル系サービスの自分の発言などを日毎にまとめてくれるもの。「phiRatio」は、任意の数値に対する黄金比や16:9の比率の計算に特化したアプリ。「Chartbeat」はリアルタイムアクセス解析のサービスと連動したアプリで、その時のアクセス数とかを表示してくれるだけでなく、サーバが落ちたりしたら通知を出してくれます。

→ Momento – diary writing for iPhone and iPod touch
→ phiRatio Proportions Calculator
→ Chartbeat

まだまだ便利なモノがあるんですけど、長くなりますからこの辺で。何かの参考になれば幸いです、はい。

最後にお礼を

えっと、この記事を作るにあたってオンラインに公開されているiPadやiPhoneのイメージを使わせていただきました。

→ iPad Wall Presenter by mrforscreen
→ Vector iPhone 4 PSD File by psdtuts+

SSH（Secure Shell）って聞くと、GUIな環境で作業されるWebデザイナーさんの中には「聞いたことあるけど難しそう」なんて方も多いかもしれませんが、これが使えると使えないでは作業時間にも大きく影響したりするという現実もあります。

Windowsなら「PuTTY」や「Poderosa」などをインストール、OS Xなら標準でインストールされている「ターミナル」を使えば、リモートにあるWebサーバなどに接続していろいろな操作をおこなうことができます。今月21日に開催される「CSS Nite Vol.56」もコレ系の話が予定されてるようですね。

iPadやiPhone向けのSSHクライアントはこれまでもいくつかリリースされていましたが、このたびめでたくPanicさんからリリースされたのであります。

さすがPanic！ 細かいところに気が利く〜

やはり普通にアプリケーション開発をされている会社なので、このPromptは細かいところに気の利いたものになっています（もともとCodaにもターミナルの機能は組み込まれてましたしね）。

iPadでは、起動すると左側に「Connections」というサーバリスト、右側が実際にコンソールが表示される画面になります。iPhoneではログインダイアログが表示されます。

「＋」ボタンを押せば新規サーバに接続、登録することができます。

接続先のサーバ、ログインID、必要に応じてパスワードを入力して接続します。鍵の登録は右の鍵のボタンをタップすればやり方が表示されます。

ターミナルの画面では頻繁に使うキーがあったりするので、4つまでですがキーボードの上に登録できるようになっています。このボタンを長押しすれば、自分の好みに変更可能です。

iPhoneの画面も同じようになっていて、縦向き横向きどっちも使えます。

SSHでリモートに接続できるとこんなことができます

フリーで何から何までやってるWebデザイナーさん以外は、バックエンドのサーバの設定などまでを仕事で扱うことはないでしょうが、実は冒頭にも書いたようにSSHでリモートサーバに接続できると作業時間の短縮に役立つこともあるんです。

たとえば、CMSのソフトウェアをインストールすることを考えてみましょう。一般的なやり方としては、配布ファイルをダウンロードして解凍後、FTPクライアントでサーバに接続してアップロードすることになります。

解凍後の膨大なファイルをちまちまFTPでアップロードしながら終わるのを待っていたり、ファイルのパーミッション変更もディレクトリを移動しながらちまちま変更してたりしませんか？

リモートにSSHで繫がれば、回線の速いサーバ側で配布ファイルをダウンロードしてそこで解凍する、パーミッションの変更もコマンドで一気に変更する、といったことができます。おそらく時間にすれば何分の一とかっていう比じゃないかもしれません。

極端な話をすれば、PCのFTPクライアントがなくてもターミナルからSFTPとかで接続してファイルのアップロードやダウンロードもできます。いちいち画面なんか切り替えてらんねーよ、と（笑）。iPadからローカルのマシンに繋げば、そこからリモートに繋いでアップロードもできますよ、ククク。

ファイルの移動もコピーも消去も簡単なコマンドだけ、場合によってはそこで編集なんてこともできます。歩きながらだろうが電車の中だろうが、カフェにいようができるって便利じゃないですか？ 手元におひとついかがでしょう。

追記: 気が向いたのでビデオに撮りました

リモートのWebサーバでWordPressをダウンロード&インストールです。

WordPress Install on Remote on Vimeo.

のんびりやっても3分かかりません。ウルトラマンでもできますね（笑）。

で、そんな中、ソーシャルメディア系のサイトにアップされているつぶやきなどを横断的に検索できる「Buzzzy」なるものが登場したようです。

→Buzzzy

日本語で検索したら結果が戻ってきたので日本語も大丈夫でしょう。

TwitterやGoogle Buzzなどのつぶやきをはじめ、Flickrなんかも対象に入っているようで、写真などが含まれる場合はそれらが展開されます。で、特定サイトの結果のみにフィルタしたり、時間でフィルタすることもできます。あちこち移動しながら調べる時間を考えれば楽だと思いますので、頭の片隅にでも入れておきたいものです（笑）。

最近では、高機能なプロジェクトマネジメントシステムだったり、Google Waveなんかも出てきちゃったりで、複数の会社をまたいだプロジェクトのマネジメントというか、制作チーム単位での工程管理というか、複数人でコミュニケーションを取りながら仕事を進めるスタイルにも変化の兆しがありますね。

Google Waveも鳴り物いりで登場した割には、全体的に重いからなのか使い道が思いつかないからなのか、近頃はあまりその話を目にする機会も少なくなりました（使っている方も多いとは思いますが）。が、ここにきて新しい仕事のやり方ができそうなコミュニケーションツールが登場です。その名も「Flowdock」。

Flowdockは何やら良さそげですぞ

このFlowdock、日本時間の3月11日未明にベータアカウントの登録が可能になっていました。サイトにあるビデオを見る限りGoogle Waveに似た感じもありますが、Twitterなどとも連携しているようで何やら良さそうな雰囲気です。

ここで「…いました」とか「良さそうな…」と書いてるのには実は訳がありまして…（笑）。なんだかんだで一気に広まって急激な負荷がかかっているのか、今のところ正常稼働できてないようです（中の人のつぶやきによると）。で、残念ながら現在はインビテーションのリクエスト状態になっています。どうやら復活したようで、現在はサインアップできるようになっています（2010.03.11午前の段階で）。

ボクは速攻でアカウントをいくつか作ったんで「紹介でもしとこうか」とパソコンに向かったのですが、こちらも残念ながらこの画面より先に進めません（笑）。

追って使い方などを紹介できればと考えておりますが、そんなわけなので今日のところはこの辺で閉めたいと思います。興味のある方はサイトの紹介ビデオを見るなり、β版のインビテーションリクエストを送るなりしておくと良いですね。

ひょっとしたら仕事の仕方が変わるかもしれません。

（追記: 2010.03.11）
復活していたので簡単に使い方を書いてみました。

でも、Zen-CodingをTextMate以外で使おうとするとグッと選択肢が減ります。Mac使いの皆さんがお使いのエディタといえば、CodaやskEdit、miあたりが有名どころです。良かった！Codaならコマンドの違いはありますが、その恩恵にあずかれますよ（笑）。

（追記）Zen-CodingのDreamweaver用のMXP（ダウンロードはこの辺で）でも、以下の操作と同じショートカットで略語や構造の展開はできるみたいです。

Codaでやるなら「TEA for Coda」をインストール

前々回のエントリーにも書いておきましたが、現在Coda用のプラグインは「TEA for Coda」という名前で公開されていますので、とりあえず公開されているファイルをダウンロードしてダブルクリックなりでインストールしましょう。

このTEA for Codaは、もともとはテキストエディタのアクション集でZen-Codingも使えるようにしてるって感じなんでしょうか。細かい操作方法についてはマニュアルを読んでいただくとして、TextMate用のZen-Codingとは、ショートカットキーなどが若干違うとこがありますのでその辺のフォローをしてみましょう。

展開のショートカットは、「Ctrl+,（カンマ）」

一番最後に用意したデモの冒頭ではわざとらしく略語ベースのスニペットを展開できないフリを入れてしまってますが、CodaでZen-Codingの略語を展開するには「TAB」や「Cmd+E」ではなく「Ctrl+,（カンマ）」を入力します。

たとえば、link要素でCSSの参照を指定したければ、「link:css」と書いて「Ctrl+,」を入力すれば展開されます。それ以外の略語ベースの展開もこのショートカットを使います。「div」を展開すれば「<div></div>」が入るってわけです。

前のエントリーで紹介したHTMLの文書構造を書いてそれを展開する方法も同様です。記述さえ合っていればちゃんと展開されますので、オフィシャルサイトのマニュアル（そもそものZen-Codingのも）を参照してください。

では、最後におまけでCodaでやってるとこを。
※フルスクリーンにしてScalingをOFFにすると見やすいですよ

Coda with TEA for Coda from komori, masaaki on Vimeo.

＃余談ですが、TextMateのそれと違って、Coda版の略語や展開されるコードはプラグインのファイルの中に格納されてます。.pyになってるのでPythonでどうこうしないと書き換えられないかもしれませんね。

HTMLのストラクチャ的なものがわかっていれば、特定の記述をして展開すると一気にコードが書けちゃったりします（どちらかと言えば、こっちが本当のZen-Codingなんでしょう）。

ということで、今回はその特定の記述とやらの話をしてみましょう。ここまで使えるようになってくると実に速い…（はず 笑）。

文書構造がわかってれば、1行書いて一気に展開できる

Zen-Codingは、前回紹介したような登録された略語を使ってHTMLとCSSのコードを展開する使い方だけでなく、特定の記述を使って構造を書き上げて一気に展開することができます。TextMateを使っている方はこちらのリストにある「Zen.Coding-TextMate.v0.5.zip」も忘れずに入れておきましょう。

たとえば、上図の中段下あたりにある

div#coding>h1#textmate-with-zen+p.tagline

を入力して、「Cmd+E（Coda版とDWのMXP版は、Ctrl+,）」で展開すると下記のコードがどーんと入ります。

<div id="coding">
 <h1 id="textmate-with-zen"></h1>
 <p class="tagline"></p>
</div>

この書式を見てすぐ気付く方もいると思いますが、まるでCSSのセレクタを書くかのように、「#」でid属性、「.」でclass属性、「>」で階層、「+」で隣接している要素を繋げられます。つまり、HTMLの文書構造が明確で頭の中で書くことが決まっている場合は、1行で書いて展開した方が圧倒的に速いってわけです。
※idは「Cmd+3」、classは「Cmd+2」のショートカットもある。

同じ事の繰り返しは「*」、数字を付けるなら「$」

構造がわかっていればこのように簡単に展開できますが、HTML文書というのは同じ要素の繰り返しというのも結構な確率で登場します。たとえば、ナビゲーションのli要素だったり、定型のdivとhとpの繰り返しだったり。

そんな時は「*繰り返す回数」を付け加えればオッケイ。

ul#nav>li*3>a

と書いて展開すれば、

<ul id="nav">
 <li><a href=""></a></li>
 <li><a href=""></a></li>
 <li><a href=""></a></li>
</ul>

こんな感じでコードが展開されます。TABキー（Shift+TAB）で、それぞれのhref属性とa要素の中身を移動できるので入力もスムーズィー。楽勝です（笑）。

まだあります。時には、連続する同じ要素にidやclass属性を割り当てて、それぞれの属性値に連番を付与しておきたい、といったことも考えられます。そんな時は変数的な意味の「$」を付ければ、自動的に番号が振られます。素敵ですね。

もろもろを組み合わせるとこんな感じになります。

div#box$*3>h3+p*2

と書いて展開すれば、

<div id="box1">
 <h3></h3>
 <p></p>
</div>
<div id="box2">
 <h3></h3>
 <p></p>
</div>
<div id="box3">
 <h3></h3>
 <p></p>
</div>


ほーら、使いたくなってきたでしょー（笑）。

というわけで、前回エントリーの続きということで、単純な略語ベースの展開だけではなくZen-Codingをさらに使いこなすためのいくつかの書式の紹介でした。ほかの記述についてはこちらで確認してみてください。

※一応今回もまた簡単なデモをアップしておきました（どう書こうかなって思いながらなので、なかなか指が進んでませんが 笑）。

Zen-Coding Ext. from komori, masaaki on Vimeo.