最初はホームのアイコンから起動できる方が便利じゃね？と思ったんですが、考えてみたら他のアプリ起動中でもスルスルッと通知センターをドラッグすればアプリが起動できるので意外と便利です（笑）。では、いってみましょう。

（追記）8つ登録できる別のアプリも出たみたいなので下にリンク入れてます。

まずは、通知センターの設定を

最初に言っておきますが、有償（170円）のアプリです。

アプリをインストールして起動したら、通知センターの設定を変更しなければいけません。具体的には…、

• アプリの通知を有効にする
• 最新の5個を表示
• 表示方法は「None」
• バッジとかサウンドはオフ

こんな感じです。

通知を有効にして、最新の5つを表示します。

アラートの表示は一番左の「なし」でオッケイ。その下に並んでる「バッジ」とか「サウンド」はナシにしておきましょう。

通知センターから起動するものを追加する

App Switcherにもどって、左下の「Quick Launch」のタブを選択して、通知センターから起動したいアクションを追加します。右上の「＋」ボタンがアクションの追加です。

ポチッと押すと、アクションの追加画面に移動します。ここで設定できるのは、表示名とアイコン、そしてアクションの内容です。

初期設定されてるアイコンはタップすれば、プリセットされたものとかライブラリから選択できます。どのみち、通知センターの画面には出てきませんから何でもいいです（笑）。

通知センターに出てくる表示名をいれて、次にやりたいアクションを追加します。電話するのか、メールするのか、アプリを起動するのか、ってことですね。

アプリを起動する場合は「URL」をタップしましょう。インストールされたアプリは、たとえばTwitterなら「twitter:」っていう書き方をすれば呼び出すことができるんですね（このURLスキームってのはアプリ毎に違います）。

自分の使っているアプリとか調べたかったら「handleOpenURL」で調べることもできますし、有名どころのものはApp Switcherのサイトから直接登録することもできます。

こんな感じですね。

iPhone版が出て最近話題になっているFlipboardは「flipboard:」って入れれば大丈夫です。他をあげておくと…、Twitter（公式）は「twitter:」、Tweetbotは「tweetbot:」、Facebookは「fb:」とかですね。その他マニュアルはこちらに。

（追記）システム設定まわりのもろもろはこちらを参考に。

登録したアクションを通知センターに登録

アクションを追加しただけでは、通知センターには表示されません。今度はApp Switcherの右下の「Setup」のタブに切り替えて、4つの空欄に登録したアクションを追加します。

残念ながら4つまでしか登録できないんですが、通知センターに表示する順番で右側の「＋」ボタンを押してアクションを登録しましょう。

「Show Quick Launch」は、App Switcherの画面を表示しますので、アクション自体をたくさん登録しておけばそこから起動できます。登録が4つまでしかできないのが残念なところですが、他のアプリを起動中でも通知センターをスルスルッと引き出せばいいのは案外便利です。

→ Pepper Stuff – App Switcher

（追記）こんな記事を書いてたら、なんか8個登録できるのも出たみたいですね（笑）。詳しくは以下のサイトをご覧ください。

→ [FlashLaunch] – 通知センターにWi-Fi/輝度などの設定ショートカットを置くならApp SwitcherよりFlashLaunchがおすすめ | iPhone/iPadアプリを紹介するAppPot

「Charlesを使えば何ができるか」についての解説は、当日イベントに参加いただいた皆様の特典ということにして、Charlesを使ったアレでソレするための方法を簡単ですがまとめておきます。

Charles のインストールと設定

公式サイトからファイルをダウンロードし、解凍後インストールします。

起動するとこのような画面が現れますので、Proxyの設定をおこないましょう。

MacもWindowsもおそらく同じメニュー構成になっていると思います。

まずは、「Proxy → Proxy Settings…」を選択して、動かすプロキシサーバの設定をおこないます。

「Proxies」タブを選択して、「Port」の欄にプロキシサーバが使用するポート番号を入力します。たとえば、ここでは「8888」が入力されていますが、これは「1024」以降の番号で空いているネットワークのポートで構いません。よくあるプロキシサーバのポートは、1080（Socks）、8080、10080とかですね。

念のため「Enable transparent HTTP Proxy」にもチェックを。

Macの場合は「Mac OS X」のタブで「Enable Mac OS X Proxy」にチェックをして、「Use HTTP Proxy」にもチェックを入れましょう。Windowsの方も同じようなメニューがあると思います。ちなみにこの項目はProxyメニューからもアクセスできます。

これでメインウィンドウの上段にある日の丸みたいな「Start / Stop」ボタンがオンになります。これらには、Proxyメニューからも直接アクセスできますので、なんかあったらそのメニューを開きましょう。チェックが入ってる項目が現在有効になっている機能です。

これでiPadやiPhoneから接続するための準備が整いました。

Charlesを使ったネットワークアクセスについて

あとは、iPadやiPhoneなどのネットワーク設定を変更して、Charles 経由でインターネットに接続するだけですが、その前に簡単ですがネットワーク接続の様子を図式化してみました（図はクリックで拡大します）。

通常、iPadとPCはそれぞれがWi-Fiでルーターに接続されています。そのままでは、ネットワーク全体を流れるデータをキャプチャでもしない限りは他のデバイスでやりとりされるデータまでは拾えません。

CharlesのProxyを有効にした場合は、iPadやiPhoneのようなデバイスにCharlesを動かしているPCのIPとポート番号を指定することで、そのマシンを経由してインターネットに接続している、と。だから、デバイスでやりとりされるデータを拾い集められるのです。

iPadやiPhone、その他のデバイスのネットワーク設定

このような仕組みなので、Charlesの設定が終わったらiPadやiPhoneなど使いたいデバイスのネットワーク設定を変更します。

iPadやiPhoneの場合は、初期設定のネットワークで接続しているWi-Fiを指定して接続設定を変更します（リストに並んでいる名前の右矢印をタップ）。一番下に「HTTP Proxy」の項目があるので「マニュアル」を選んで、Charlesの動くマシンのIPアドレスと指定したポート番号を入力します。

たとえば、IPアドレスが「192.168.0.6」CharlesのHTTP Proxyを動かしているポート番号が「8888」だったらこのように入力しましょう。認証部分はオフのままで大丈夫です。

で、あとはCharlesのHTTP Proxyをオンにして日の丸ボタンをクリックして記録をスタートさせて、iPadとかからSafariなどを起動して接続すればオッケイ。

このように左側に接続中のホスト名が出てきますから、みたいものをクリックして内容を確認してみましょう。HTML、CSS、JSはもちろんのこと、画像なんかもそのまま表示できます。

Charlesを使った回線シミュレーションのやり方

セッション中にも触れましたが、Charlesは回線のシミュレーションも可能です。

回線のシミュレーションは「Throttling」という機能を有効にします。回線速度などの設定は「Proxy → Throttling Setting…」にあります。

「Enable Throttling」にチェックを入れれば機能が有効になります。設定画面には、今時あまり使うこともないモデム並の速度や3Gなどのプリセットが複数用意されています。回線速度がない場合は、ダイアログ内に任意の数値をいれて設定しても良いでしょう。

終わったら、Proxyメニューを見るとThrottlingが有効になっているのが確認できます。このオンオフもメニューから切り替えられます。

というわけで

今回のセッションは、HTML5による電子書籍ということでしたので、直接それに関係の無いCharlesはおまけ程度に紹介するつもりでした。知っておくと便利なツールであることは間違いないですからね。でも、予想以上の反響でｗ

Firefoxの「LiveHTTP header」とかSafariやChromeのWebインスペクタ、そのようなHTTPプロトコルを流れるデータのやりとりをチェックするツールはあります。しかし、それはあくまでもブラウザに流れてくるデータだけです。

今回セッション中でふれた使い方はもちろん、回線速度シミュレーションもできるソフトは限られています。実はこのCharles、9月26日発売予定の「スマートフォン制作の教科書」にも、簡単ですが必携ツールのひとつとして紹介しています。その他、内容も盛りだくさんなのでこちらもよろしくお願いします（笑）。

追記

OS Xをお使いの皆さんは、こちらもどうでしょうか。
→ MacでWebデザイン、あると便利なアプリ48＋2

今回もまた懲りずに、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の拡張機能でも紹介してみましょうか。

「Web制作といえば、AdobeのCreative Suite」みたいな人も多いでしょうが、サブスクリプションプランが始まったとはいえ、いきなりウン十万もソフト含め投資できないこともありますからね（会社が買ってくれるならいいですｗ）。別にそれがなくても、他で代用すれば仕事はできるから大丈夫です。

いま現在MacでWeb制作をしている皆さんには定番なのも多く含まれますが、ちょうどこないだLionデビューして環境整備がてらまとめたので、最後まで流し読むと「え？何それ」みたいなのがあるかもです。

今回は各種ブラウザとサーバ関係なんかは入れてません。では、48（＋2）個いってみましょうか。

グラフィック関係のエディタやツール

Lineform

「Lineform」は、Illustratorの置き換えになるというか、パスを使ってイラストを描いたりとかっていうベクタードローイングアプリケーション。

Sketch

「Sketch」もまたベクタードローイングアプリケーション。App Storeのレビューではバグがあるとか書いてありますが、比較的安価なのと書き出しのフォーマットが多いのでいいかな、と。

Drawit

Sketchを出しているところのもう一個のアプリ「Drawit」は、ベクターデータをビットマップ風に扱えるもの。フィルターかけたりとか。Web制作だと、UIとかアイコンとか作ったりもしますからね。

Inkscape

Illustratorの置き換えになるアプリケーションとして有名な「Inkscape」は、オープンソースで開発されています。SVGベースになってますが、.aiファイルとかを読み込んだり.epsで書き出したりといったことも（開けないのもあるとは思う）。

Adobe Photoshop Elements

Webデザインにおいて、ゴリゴリとレイヤー重ねてイメージを作るって用途ではなく、簡単に写真を修正・加工するぐらいなら「Photoshop Elements」で十分じゃないかと。実際、ボクは一番使ってました（一応過去形）。

Pixelmator

Photoshopの完全なる置き換えにはならないと思いますが、安価で一通りの画像編集ができることで有名な「Pixelmator」。App Storeでも2,600円です。桁は間違っていません（笑）。パスがないとか、そのぐらいですか？

ImageOptim

Webサイトの表示に時間がかかる原因のひとつは、サイトで使ってる画像の量やサイズだったりもします。そんなJPGやPNGの画像は、最適化すればもっと軽くなるわけで。最近「jpegmini」というとんでもないサービスが話題ですが、それはそれとして「ImageOptim」は入れとかないと。

Quick Sprites for Mac OS X

CSS Sprite作るのって、画像を並べるだけなら簡単なんだけど（笑）、それからCSSを作ってとかって作業がちょっと面倒。そんな作業を簡略化してくれるのが、この「Quick Sprites」です。デモの動画がサイトにありますよ。

OmniGraffle

ダイアグラムやフローチャートといった図を作れるアプリケーションとして有名な「OmniGraffle」は、ワイヤーフレームとか作るのにも重宝します。海外に目を向けると、Webサイトやスマートフォンサイト用のOmniGraffle用のステンシル（拡張パックみたいなのね）が沢山公開されています。

Review

「Review」は、MacからpsdをiPhoneに飛ばして、実機でモックアップを確認できる代物のようです。もちろんRetinaも古いのも対応。なにげに初期段階では便利ですよね、きっと。似たようなので「Prototypes」ってのもあって、こっちはボタンの指定なんかもできちゃったり。

テキストエディタとかコーディング系

Coda

いまさら説明の必要もない気はしますが、Dreamweaverの置き換え的にコードの入力補完機能やサイト管理機能などが充実しているアプリケーションが「Coda」です。最新版はSubversionにも対応してます。

Sublime Text 2

ボクは普段 TextMateというエディタを使ってるんですが、今回 Lionにするにあたって最近日本語が使えるようになったという「Sublime Text 2」に。いろいろな言語に対応したテキストエディタです。省略形からコードを展開する機能はデフォで搭載されていて、Windows版とかもあります。

Sublime 2 ZenCoding

Sublime 2は、HTMLとかJSなら省略形から展開してくれるんですが、さすがにZen-Codingになれた指先にはCSSを展開してくれないのが困るわけで…。欧米の皆さんは仕事が速くて助かります、こちら Sublime 2用のZen-Codingプラグインです。

Byword

「Byword」はテキストエディタの一種で、Markdownでテキストを編集できる素敵アプリ。Markdownは、サイト内の記事をHTML込みで書くときとか便利で、いちいちマークアップしなくてよくて書き出せばHTMLになります。iA Writerでも使えるのかな？ フルスクリーンにも対応しているので書くことにも集中できます。

Jedit X

日本語のテキストエディタの定番「Jedit X」。テキストだけを集中して書く、文字数とかを気にしながら書くといった時だけでなく、送られてきたテキスト原稿の「全角・半角」を統一する時、複数ファイルに含まれるテキストの検索・置換とかにも重宝します。ないと困ります。

TextExpander

「Text Expander」はテキストの入力支援というか、登録した文字列を任意の文字入力で呼び出すアプリケーションです。IMEの単語登録だと文字数の限界とかもありますから、ちょっとしたコードなどをスニピットとして登録して呼び出す、みたいな使い方ができます。HTMLコードのスニピットとかも公開されてます。

HTTP、FTP、その他のクライアントとか

WebKit

「Webkit」は、SafariやChromeのレンダリングエンジンとして有名ですね。オープンソースで開発されています。で、なぜWebkitまでっていうと、電子書籍のフォーマットであるePub 3.0の確認用として入れてます。縦書きとかその辺もあるんで（Chromeでも見れるかな、いまは）。

Transmit

Codaを出しているPanicさんが、古くから単体のFTPクライアントとして出しているのが「Transmit」です。Mac用のFTPクライアントには、CyberduckやForkLift、FileZillaなんかもありますけど、対応しているプロトコルの多さとタブで複数サイトに接続できるのが決め手ですかね。ずっと使ってます。

Interarchy

なんか久しぶりに名前を聞いた気がするんですが、「Interarchy」もFTPクライアントのひとつです。これをなんで取り上げるかというと、Transmitでも対応していないサーバ（Google Storage、Rackspace Cloud Files）もオッケイと。いざという時のために。

Tower

ボクは普段ひとりで自己完結してる仕事が多くて、Gitとか使うこともないんですが一応。「Tower」はゲームじゃなくて、GitのGUIクライアントです。Gitのクライアントは他にもいろいろあります。

GitHub for Mac

ま、そんなわけなので GitHubを使うこともないわけですが（笑）、いざ使わなければならないという時のために、GitHubのGUIクライアント「GitHub for Mac」もね。

Versions

DreamweaverやCodaでもSubversionはサポートしてますが、他にもSubversionのGUIクライアントがいくつかあります。そのひとつがこの「Versions」。余談ですが、こちらの開発元はこないだFacebookに買収されました。

Terminal

これがあるとないとでは大違いなのが、OS Xに標準搭載されている「ターミナル」です。いや、ないと困ります。直接サーバにログインしてファイル操作したり、いざとなったらこれからSFTPするぐらいの勢いで。この中では「vi（vim）」とか使います。

Alkaline

「Alkaline」は、MacでWindowsのIEの確認を…というか、URLを入力して指定したブラウザのバージョンでプレビューできるアプリケーション。LitmusというEメールのプレビューサービスとか解析をやってる会社のです。無償だと制限がありますが、HTMLメールの確認とかも必要であればいいかも。

Better Link Tester

「Better Link Tester」はリンクチェッカー。404とか出てないかとか、ちまちま確認とかしてられないですからね。Dreamweaverとか使ってない方へ。

Charles Web Debugging Proxy

普通に表向きのWebデザインだけやってるとあまり用はないかもしれませんが、「Charles」はWebサイトのデバッグ用のプロキシアプリです。これがあると、リクエストに応じて何（どういうデータ）が戻ってきてるとかわかるし、回線速度のシミュレートができます。ふふふ（謎）。

ファイルのやりとり、原稿表示・確認系ツール

Dropbox

「Dropbox」は説明の必要もないですよね。ファイルのやりとりする時には、メールで添付する以外の選択肢としてオンラインストレージとか使うと便利です。ローカルのファイルのやりとりでも便利なので、ちょっとしたファイルを移動する時はバックアップ代わりに使っています。

iWork ’09（Keynote / Numbers /Pages）

いわゆるMac版のオフィスアプリケーション「iWork ’09」。Keynoteはプレゼン用途だけでなく、ワイヤーフレームを作ったりもできますからね。Keynote用のパーツとかも海外では公開されていますよ。

OpenOffice

オープンソースで開発されているオフィススイートといえば「OpenOffice」が有名ですね。これをMacに最適化した「NeoOffice」もありますが、いろいろあってこっち入れてます（謎）。

Preview

これもOS X標準搭載のアプリケーションですが…（笑）、「Preview」は送られてくる原稿のちょっとした確認に重宝しています。フォルダをドラッグすれば中のファイルが一個にまとまったり、簡単な編集もできるし便利っす。

GraphicConverter

これで開けない画像形式とかあるのかな？って思うぐらい、多種多様なフォーマットに対応したグラフィックエディタが「GraphicConverter」です。いまではPhotoshopにもバッチ処理とかありますけど、これのバッチ処理とかも強力です。開けない画像はとりあえずコレにドラッグ。

メディア系プラグイン、映像編集・コンバートなど

Adobe Flash Player

いや、Creative Suite入れれば入りますけど、Lionからは標準でインストールされてないようで（笑）。Flashコンテンツ見るためには必要ですからね…。あ、そうそう、Chromeの中のFlash Playerは別であらかじめ組み込み済みです。Flash Playerに脆弱性があったとしても、先に更新されちゃったりします（笑）。

Windows Media player for Mac（Flip4Mac WMV）

「Flip4Mac WMV」は、無償で利用できるWMV用のQuickTimeコンポーネントです。無償版は見るだけですけど、元がWMVのファイルをコンバートしないといけない時とかもあります。ライセンスを買って入力するだけで、書き出しできるバージョンへ切り替わります。

Microsoft Silverlight

Microsoftさんの「Silverlight」も閲覧用になりますが、念のため入れておきましょう。なくて困ったことはほとんどないのですが…（笑）。

Miro Video Converter

ボクは仕事の関係上、動画を扱うことが多かったのもありますが、世のWebデザイナーさんもこれから動画を掲載しなければ…とかあるかもしれません。映像にはコーデックというややこしいものがあるんですが、これを入れておくと多様なフォーマット（MP4 / WebM / Ogg Theora）に変換できます。

QuickTime 7 Pro

OS X LionになってからQuickTime Xになってしまって、一部の形式を除いてファイルの書き出しとかができなくなってしまい…。仕事だと何かあった時にちょっと困るので、Lionにも入れられるSnow Leopard対応の7.6.6を入れてPro版に。

Final Cut Pro X

普通のWebデザイナーさんだと動画編集までしないかもしれませんけど（笑）。以前は、簡単な動画編集用としてFinal Cut Expressがありましたが、統合されて「Final Cut Pro X」になってましてね…、これからはコレで。

Ustream Producer

やはり普通に生活していると動画配信とかもやることはないでしょうが、ボクは仕事でやる機会がゼロとは言えないので、最近はUstreamでしょうねってことで「Ustream Producer」。

CamTwist

Ustream Producerだけでも十分ですが、テロップ入れたりとかするのに重宝する「CamTwist」も入れておけば万全ですね。

圧縮、解凍、その他ツール

MacWinZipper（WinArchiver）

ファイルのzip圧縮なら選択して右クリックで「〜を圧縮」でいいんですけど、世の中には「Thumbs.db」入れてくる割には「.DSstore」を嫌う人もいますからね（笑）。Windowsの方にもそうでない方にもクリーンなzipを送るために。あと、日本語のファイル名をつける人は文字化けしないアーカイブになります。

The Unarchiver

zipはダブルクリックで展開されるし、他の圧縮形式を解凍するなら後述のStuffit Expander一個あればどうにかなりはするものの、.lhaだとフォルダ付きが全部一カ所に展開されるとか不具合もあって、こちらの「Unarchiver」を入れてます。

StuffIt Expander

前述のUnarchiverは、.sitにも対応しているみたいですが、開けないのとかあっても困るので、念のため「Stuffit Expander」も用意しておきましょう。いまどきあんまり見かけませんよね、サイトを見ても昔の勢いは感じられません（笑）。

システム関係のアプリケーションなど

MenuPop

MBPとかMBAとかで作業してる人はショートカットの達人かもしれませんが、ショートカットがなければトラックパッドでえっちらほっちらメニューまで…。大きなモニタの人も似たようなもんですね。「MenuPop」は、任意のキー入力でメニューをカーソルの位置に表示します。便利です、はい。

AppCleaner

アンインストーラーのないことで有名なOS Xです。アプリケーションをゴミ箱に捨てればそれはなくなりますけど、関連ファイルまでは消去されません。そこで「AppCleaner」とかを入れておくわけですね。ドラッグすれば関連ファイルも一網打尽。ゴミ箱に入れれば勝手にやってくれるオートデリートみたいな機能は初期設定で有効にできます。

CleanApp

「CleanApp」もアンインストーラーの一種なんですが、こちらはファイルのインストールのログとかも記録できたり、長期間使ってないファイルの表示、使わない言語を削除したりもできます。これはこれで便利なんですよね。あ、有償です。似たような別のだとCleanMyMacとか。

Launchpad-Control

OS X Lionから搭載されたLaunchpadですが、何のためにあるのかいまいちわかりません（笑）。別にLaunchpadになくてもいい、インストールしたアプリもずらずら並んでいくのでかえって使いづらいというね…。そんなLaunchpadのアプリの表示非表示をコントロールするのがこの「Lauchpad-Control」です。

ClamXav（w/ ClamXav Sentry）

OS Xはゼロとは言いませんが、いわゆるウイルス的なものの数はさほど多くはありません。とはいえ、アンチウイルスソフトも入れておきましょう。市販のアプリもいくつかありますが、ボクはサーバにも使ってたりしたコレを入れてます。なお、App Store版は常駐監視してくれるClamXav Sentryが入ってません。

Fontcase

OS Xに標準搭載されているFont Bookでも十分な気はしますが、フォント管理ソフトが必要であれば「Fontcase」とか「Font Explorer X」とか入れておくといいですかね。ちょっとバグとかあるみたいですけどｗ

Memory Sweeper Pro

メモリの空き容量を増やしてくれるお掃除アプリ。この類のアプリはいろいろあります。しかし、どれもこれもアイコンとか表示とかがダサいというか、美しさのかけらも感じられない。で、この「Memory Sweeper Pro」を。

Name Mangler

ファイルのリネームとか膨大な数だと気が狂いますね…、拡張子の変更とかそういうの含め。「Name Mangler」は、フォルダ内のファイル名を検索置換したり、連番に変えたりで重宝します。リネーム系のソフトはいろいろあります。

といった感じでどうでしょうか？

AdobeさんのCSなど定番中の定番はのぞいて、できるだけ安価で用意できそうなものを中心にしてみましたがいかがでしたでしょうか。テキストエディタなどは好みなんかもあるので、必ずしもココにあるものがいいとは言いませんが（笑）。ま、それ以外はインストールしないまでも頭の中に覚えておけば、いずれ使う時がくるかもしれません。

ひとつのアプリケーションでの作業に固執すると、作業内容によっては無駄に時間もかかることもあります。やりたいことにあわせて適材適所で切り替えるのが仕事効率化のコツです。では、Macで良いWeb制作ライフを。

→ MacBook Proに入れたアプリ22個＋おまけ | gaspanik weblog
→ 人によっては便利なiPadアプリあれこれ | gaspanik weblog

iPadには他にもいろいろなRSSリーダがあっていろいろ試してみましたが、どれも一長一短があってボクの使い方というか好みにあわない…。

見せ方の面白い「pulse」や「The Early Edition」はGoogle Readerと同期するのではなくあくまでもインポート、「BLNS」はシンクロするけど細かい設定があまりなく…、「Headline」はキレイなんだけどどうも操作に慣れがいる、と（笑）。

というわけで、首を長くしてこのReederの登場を待っていたのでした。

インストールしたら、まずは初期設定

Reederをインストールしたら「設定」のとこで初期設定をおこないましょう。

RSSの記事をブックマークしたりシェアするためのサービスやアカウントの設定、同期、未読やスターを付けた記事の保存日数、イメージのキャッシュなどを細かく設定可能です。

iTunesとの同期に時間がかかるのは、コレ系というかアプリ内でデータが更新されてキャッシュされるアプリの仕業だと思うので、必要な分だけ指定できるのはありがたいかと。

アカウントを登録して起動する

Google Readerのアカウントを登録して起動すると、登録済みのフィードが画面にあらわれます。画面左上にでている「★」がスターを付けてるモノだけ、「●」が未読のモノだけ、「三本線」は全部のリストです（人によってはフォルダ分けしてるでしょうから、フォルダ毎に表示されます）。

フォルダをタップすれば、そこに登録されたフィードが全部一緒くたで開きます（※初期表示は時系列というか更新順）。中のフィードをサイト毎に開きたい場合は、iPadの写真のアルバムみたいに二本指でクイッと開いてみましょう。

こんな感じでサイトの一覧で開きます。で、記事を読む時はタップすると。戻る時は、上に出ている「←」のボタンをタップしましょう。

考えこまれたUIが素敵すぎる

Reederが他のRSSリーダと圧倒的に違うのはその操作感でしょうか。画面のコントラストがちょっと低めなので、人によってはそれが気になるのかもしれませんが、よく考えられたインターフェイスは素敵すぎます。

登録フィードを個別に開いている時も左上のボタンは有効です。未読だけ表示したい場合は「●」、全部表示したい時は「リスト」をタップすると。

記事タイトルをタップすると内蔵のブラウザでサイトが開きます。

既読未読の切り替えやお気に入りの登録、他のユーザーと共有するのは記事の上部に並んだボタンを使います。一番右のボタンは、設定で有効にした外部のサービスを呼び出すボタンです。で、ブックマークやInstapaperに保存したり、Twitterやメールで放り投げることができます。

細かい操作で自由自在に

作り込まれたこのインターフェイスは細かいところまで気が利いています。

左ペインの記事タイトルがリストされた部分は、左にスワイプすることでいちいち本文を見なくても個別の記事毎に「既読・未読」の切り替えが可能です。

で、逆に右にスワイプすると「お気に入り」のオンオフができる、と。実に芸が細かいというか、細部までよくまぁ（笑）。

左ペインの記事タイトルをタップ、画面左の上下の矢印をタップしても記事を読み進めることができますが、本文の右ペインを下から上にスワイプして次の記事に移ることもできるので、スルスルと流すように斜め読みすることも可。

ちなみに縦位置にすると記事の一覧が表示され、タップで記事本文が表示されます。リストや記事毎の操作は同じ感じです。全ページ表示された本文からリストに戻るのはページをめくるように左にスワイプです。

左下にある「時計」のボタンはフォルダ内を時系列（更新順）で並べ替え、「フィード」のボタンでサイト別に並べ替えることができると。「チェックマーク」のボタンはすべてを既読にするボタンです。

いまのところ最強かも

とまぁ、こんな感じです。細かいところまで気を配られたインターフェイス設計で、人によって好きなような操作ができるReederは、現時点でiPadにあるRSSリーダアプリの中で最強の部類に入るんじゃないかな？と。

600円のアプリですがオススメですよ、奥さん。

ファイルの比較はテキストだけではなく画像でも大丈夫。世の中はどんどん便利になっていくようです（笑）。

コマンドラインツールなんかもあったりで

ドラッグしてインストールして起動すれば、Getting Startedのダイアログと比較するためのメインウィンドウが出ます。

コマンドラインツールのインストールなどもおこなえるようになっていて、VersionsをはじめとしたOS XのSubversionクライアントやGitとも連動できる風です。

ファイルの比較は2つのファイルをメインウィンドウにドラッグ&ドロップするだけです。テキストの場合はこんな感じになります。

テキストなら変更点が色付きで表示されて、表示の仕方によっては該当箇所が線で結ばれると。日本語も大丈夫。画像の場合は、違いのある箇所が白くなります。

ファイルタイプは.psdなんかも対応しているようなので（詳しくはサイトをご覧ください）、テキストや画像をよく扱うお仕事の方には良いかもしれませんね。

とりあえず、「日常使いそうなもの」とか「iPadならでは」みたいなのを中心に。見せびらかしのためにゲームもあればいいんでしょうけど、しばらくしたら持ち歩くつもりはゼロなのと予算の関係上、今回はほとんどナシ。

よくある「○○するなら入れておきたいアプリ○選」とかそんなリストにはなっておりませんので、「あーこの人こんなの入れてるんだなぁ」「こんなアプリがあるんだなぁ」程度に眺めていただければと。

※やっと画面のキャプチャも撮れたので、その後追加したり書き忘れていたアプリも追加しています。一言コメント付きですが、長いので気合いを入れてください。

以下、インストールしたものです。カテゴリ分けはしてません。

Air Video

→ http://www.inmethod.com/air-video/

MacやWindowsマシンにサーバを入れてビデオをストリーミング再生するためのアプリ。無償版もあり。

Articles for iPad

→ http://www.sophiestication.com/articles/

Wikipediaを閲覧するためのアプリ。無償版の「Wikipanion」とかが有名でそれも入れてますけど、なにげにリフォーマットしてくれるこちらが好きなので。画面は英語になってますが、ちゃんと日本語の記事も検索できます。

Bangumi HD

→ http://itok.jp/blog/2010/05/25/bangumihd_v100/

テレビの番組表アプリ。毎朝何を録画予約するか決めるタイプなので必須（笑）。

Beautiful Planet HD for iPad

→ http://www.beautifulplanetapp.com/

パスポートも持ってない人なので、これで世界中の美しい写真でも眺めようかと…。

BLNS

→ http://ipad.infocity.jp/blns.html

Google Readerと同期できるRSSリーダ。その他の候補として「The Early Edition」とか「Headline」もあるけど、いずれもバージョンアップ待ち。ちなみにiPhoneでは「Reeder」、パソコンでは「Feedly」使ってます。

click.clock HD with music playback controls

→ http://www.coffeecoding.com/

時計。「Night Stand HD」とかいろいろありますが、なんか面白そうだったので。

Dictionary.com – Dictionary & Thesaurus – For iPad

→ http://dictionary.reference.com/

Dictionary.comの英英辞典＋類語辞典。たまに発音とか知りたいことがあるんで、iPhoneにも入れてます。

Doodle Bowling Pro

→ http://www.gameresort.com/games/doodle-bowling/idevice

いたずら書きされたようなイラストの画面で遊ぶボウリングゲーム。シンプルなんですけど、なにげにずっとやってしまう（笑）。

Ego for iPad

→ http://ego-app.com/

Google Analytics、Mintといったアクセス解析の統計概要なんかを見れるアプリ。iPhone版は概要だけだったけど、iPad版はその画面も開けるみたいなので。

Epicurious for iPad

→ http://www.epicurious.com/

Epicuriousって海外のレシピサイトがあるんですけど、そこのレシピを閲覧できるアプリ。iPhone版も入れてるのですが、せっかくなのでiPad版も入れてみた次第。残念ながら英語ですが、写真なんかもキレイです。

Explore Flickr

→ http://shinydevelopment.com/explore-flickr/

FlickrのExploreに掲載されている写真を眺めるためのアプリ。

flickr Photos

→ http://www.garlicdumpling.com/

とりあえずいくつか出てる中からチョイスしたFlickrを見るためのアプリ。今後いろんなアプリが出てくると思うので、それまでの繋ぎ。現時点で公開されてるものはどれもドングリですかね…。

HelTweetica for iPad

→ http://felttip.com/heltweetica/

Twitterクライアント。「TweetParakeet」って評判の良いアプリがありますが、現時点でバグ修正で再申請中のようなのでとりあえず…。あと、「Osfoora HD」もそろそろ出そうなので、それらと比較して使いやすいモノにします。

LETTER TO JANE magazine: Issue 01 for iPad

→ http://www.lettertojane.com/mag

電子書籍にあたるのかな？ちょっと可能性を探るために購入。「フーン」って感じですね。いろんなとこで紹介されていたんですが、昔のCD-ROM程度な感じで…。

LiveSketch HD

→ http://itunes.apple.com/jp/app/livesketch-hd/id364888269

お絵かきアプリ。一人で線画絵心クイズとかするために（笑）。線のタッチに好みはあるかもしれません。押してる時間で線幅が変化します。

Mashable! for iPad

→ http://mashable.com/

Mashable!の記事を閲覧するためのアプリ。

NPR for iPad

→ http://www.npr.org/

NPR（National Public Radio）の記事を閲覧するためのアプリ。

Penultimate

→ http://www.cocoabox.com/

手書きメモ的なアプリ。あまり予定を書き込むとかないのでこんなので十分（笑）。方眼付きなのでワイヤーフレームのラフスケッチ書くのにもいいかな？と。

Reuters News Pro for iPad

→ http://www.reuters.com/

ロイターのニュースを閲覧するためのアプリ。中では当たり前のようにビデオなども流れます。

SketchBook Pro

→ http://www.sketchbookpro.com/

Autodeskから出てるペイントアプリ。普段あまり絵を描くことはないですがね…。ガッツリ描きたい人はこれですかね。

Sociable

→ http://sociablemobile.com/

TwitterやらFacebook、Flickrをまとめて見れるクライアントアプリ。一応書き込みとかもできますけど、あくまでもダラダラ見る用って感じですね。

The Guardian Eyewitness

→ http://www.guardian.co.uk/ipad

イギリスのGuardianが出している1日1枚ずつの写真が閲覧できるアプリ。写真がキレイで、それぞれの写真にTipsなんかも付いてます。

We Rule for iPad

→ http://werule.ngmoco.com/

箱庭ゲーム的なもの。なんかゲームの一個でも入れておくかと（笑）。

WIRED Magazine

→ http://www.wired.com/magazine/2010/05/mag_editors_letter/

電子書籍というかアプリとして出たWired。上記リンクのデモを見たら、とりあえず買っちゃうでしょ的な。

Zen Bound 2

→ http://zenbound.com/

縛りゲーム（笑）。出てくる木にグルグルロープを巻くだけのゲームだけど。

Weather Station Pro

→ http://www.toopia.com/

世界各国のお天気に対応しているというアプリ。見た目がシンプルでキレイなのでこれに。

元素図鑑: The Elements in Japanese

→ http://periodictable.com/ipad/

The Elementsの日本語版。いろんな情報が載ってて面白そうなので、お勉強のために。中に挿入されてる写真やイラストはグリグリ回したりできます。

1000 Ultimate Experiences

→ http://www.lonelyplanet.com/

「Beautiful Planet」と同じように世界をみたいので（笑）。

とまぁ、こんな感じで無償なものも含め6,000円分ぐらいをとりあえず買ってみました。OmniGraffleとかKeynoteはそのうち…。