<?xml version="1.0" encoding="UTF-8"?> <rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:xhtml="http://www.w3.org/1999/xhtml" ><channel><title>gaspanik weblog &#187; apps</title> <atom:link href="http://blog.gaspanik.com/tag/apps/feed" rel="self" type="application/rss+xml" /><link>http://blog.gaspanik.com</link> <description>beat one&#039;s brain</description> <lastBuildDate>Thu, 15 Dec 2011 23:53:18 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=</generator> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.gaspanik.com/tag/apps/feed" /> <atom:link rel='hub' href='http://blog.gaspanik.com/?pushpress=hub'/> <cloud domain='blog.gaspanik.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' /> <item><title>Instagram v2.0 が出ていますよ</title><link>http://blog.gaspanik.com/instagram-v2-now-available</link> <comments>http://blog.gaspanik.com/instagram-v2-now-available#comments</comments> <pubDate>Tue, 20 Sep 2011 20:54:36 +0000</pubDate> <dc:creator>[cipher]</dc:creator> <category><![CDATA[articles]]></category> <category><![CDATA[scribbling]]></category> <category><![CDATA[apps]]></category> <category><![CDATA[instagram]]></category> <category><![CDATA[iphone]]></category> <category><![CDATA[photography]]></category><guid isPermaLink="false">http://blog.gaspanik.com/?p=6448</guid> <description><![CDATA[スクエアなフォーマットで写真をアップする Instagram が、iOS向けのアプリとしてリリースされて一年ぐらいでしょうか。ついにメジャーバージョンアップとなるVer. 2.0がリリースされたようです。]]></description> <content:encoded><![CDATA[<p>スクエアなフォーマットで写真をアップする Instagram が、iOS向けのアプリとしてリリースされて一年ぐらいでしょうか。ついにメジャーバージョンアップとなるVer. 2.0がリリースされたようです。アイコンもちょっとふっくらして新しくなりました。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/instagram_v2.png" alt="Instagram ver.2.0" title="instagram_v2" width="450" height="253" class="alignnone size-full wp-image-6447" /></p><blockquote cite="http://blog.instagram.com/post/10444123475/v20"><p>Since the day we launched, one core part of the app has remain largely unchanged: the camera. In the past, we’ve added filters &#038; tilt-shift, but the base technology has never evolved. Today that all changes as we introduce a complete upgrade to Instagram’s camera with a brand new technology layer.<cite><a href="http://blog.instagram.com/post/10444123475/v20">Introducing Instagram v2.0</a></cite></p></blockquote><p>高解像度の写真、撮影中に適用できるライブフィルタ、4つの新しいフィルタなど、バージョン2.0で追加された新機能についての詳しい話はオフィシャルなブログなどをチェケラッチョで。全体的に良い感じです。</p><p>＃<a href="http://instagr.am/p/NpgQ2/">ボク</a>、最近サボり気味なのは生活の単調ぶりに拍車が…ｗ</p> ]]></content:encoded> <wfw:commentRss>http://blog.gaspanik.com/instagram-v2-now-available/feed</wfw:commentRss> <slash:comments>0</slash:comments> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.gaspanik.com/instagram-v2-now-available" /> </item> <item><title>MacBook Proに入れたアプリ22個＋おまけ</title><link>http://blog.gaspanik.com/os-x-apps-for-mac-beginners</link> <comments>http://blog.gaspanik.com/os-x-apps-for-mac-beginners#comments</comments> <pubDate>Sun, 11 Sep 2011 07:45:07 +0000</pubDate> <dc:creator>[cipher]</dc:creator> <category><![CDATA[articles]]></category> <category><![CDATA[lifehacks]]></category> <category><![CDATA[scribbling]]></category> <category><![CDATA[applications]]></category> <category><![CDATA[apps]]></category> <category><![CDATA[mac]]></category> <category><![CDATA[macbook]]></category> <category><![CDATA[osx]]></category> <category><![CDATA[productivity]]></category> <category><![CDATA[softwares]]></category> <category><![CDATA[tips]]></category> <category><![CDATA[tools]]></category><guid isPermaLink="false">http://blog.gaspanik.com/?p=6339</guid> <description><![CDATA[今回はMacに乗り換えようかなと思ってる方や乗り換えたばっかりの方、MacBookなんちゃらを使ってカフェやコワーキングスペースなどをノマド気味にウロウロしてる方のために、ボクがMBPにインストールしたアプリを22個紹介したいと思います。あと、最後の方には日常のブラウジングを少し快適にするだろう Safariの機能拡張もおまけでいくつか。]]></description> <content:encoded><![CDATA[<p><a href="http://bit.ly/rjGOhN">先日の記事</a>が思わぬ爆発をして驚いてるこもりです、こんにちは。実は、こないだ2年ぶりぐらいにマシンを新調したんですよね（といっても、MacBook Proの13インチの最安仕様 笑）。で、あの記事で紹介した以外にも直接仕事に関係しないけど、MacBook生活のアレコレを便利にするアプリも入れています。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/mac-apps-000.png" alt="OS X Apps for Mac Beginners" title="mac-apps-000" width="450" height="253" class="alignnone size-full wp-image-6309" /></p><p>今回もまた懲りずに、Macに乗り換えようかなと思ってる方や乗り換えたばっかりの方、MacBookなんちゃらを使ってカフェやコワーキングスペースなどをノマド気味にウロウロしてる方のために、ボクがMBPにインストールしたアプリを22個紹介したいと思います。</p><p>MacBookをお使いの方もそうでない方も。今回はジャンル分けはしてませんが、アレコレと多岐にわたっています。あと、最後の方には日常のブラウジングを少し快適にするだろう Safariの機能拡張もおまけでいくつか。</p><p>では、ちょっと短めですがいってみましょうか。</p><p><span id="more-6339"></span></p><h3 id="alfredapp"><a href="http://bit.ly/qBxKLL">Alfred App</a></h3><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/mac-apps-001.jpg" alt="Alfred" title="mac-apps-001" width="450" height="253" class="alignnone size-full wp-image-6310" /></p><p>MacBookのようなノート単体だったり、マウスを使えるスペースがない場合は、Dockに並んだアイコンをクリックするか、LionのLauchpadを呼び出してアプリを起動することになります。いちいちマウス操作も面倒なので、できればキーボードショートカットで呼び出せるランチャーがあると便利です。</p><p>定番といえば「<a href="http://bit.ly/qGehER">Quicksilver</a>」だったりしましたが、最近はランチャーもいろいろ豊富にそろってます。今回はアプリの起動ぐらいができればいいかな、と「<a href="http://bit.ly/qBxKLL">Alfred App</a>」にしてみました（でも、一応有償のPower Pack込）。他にも「<a href="http://bit.ly/oI9Bge">Launcher</a>」とか良さそうですね、そのまま辞書ひけるし。</p><h3 id="sparrow"><a href="http://bit.ly/oEVd7l">Sparrow</a></h3><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/mac-apps-002.jpg" alt="Sparrow" title="mac-apps-002" width="450" height="253" class="alignnone size-full wp-image-6311" /></p><p>元はといえば、Gmailのメーラーとして登場したはずの「<a href="http://bit.ly/oEVd7l">Sparrow</a>」は、だいぶ進化をしたようですね。無償のLiteはGmailのアカウントひとつしか使えませんが、有償版であればマルチアカウントはもちろん、その他のメールサーバ（IMAP）にも対応してます。様子見でいまはLite使ってます。</p><h3 id="cloudapp"><a href="http://bit.ly/95TegI">CloudApp</a></h3><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/mac-apps-003.jpg" alt="CloudApp" title="mac-apps-003" width="450" height="253" class="alignnone size-full wp-image-6312" /></p><p>クラウドを使ってちょっとしたファイル共有やメモをやりとりするのに、DropboxやEvernoteを使ってる方も多いでしょう。ボクはDropboxは使ってますが、ちょっとしたファイルの送付やURLのメモには「<a href="http://bit.ly/95TegI">CloudApp</a>」を。スクリーンショットやブラウザで表示しているURLはショートカットで送れます。Dropboxで似たようなことやるなら、「<a href="http://bit.ly/pKdiWD">DropIn</a>」ですかね。Twitterクライアントの「Tweetbot」がCloudAppに対応しています。</p><h3 id="flashblock"><a href="http://bit.ly/qkxfq6">Flash Block</a></h3><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/mac-apps-004.jpg" alt="Flash Block" title="mac-apps-004" width="450" height="253" class="alignnone size-full wp-image-6313" /></p><p>出先でMacBook使ってるとバッテリーの残りが気になります。いや、それでなくても非力なマシンでFlashコンテンツを再生し始めるとブンブンうるさくなったり熱持ったりします。これまではブラウザごとにFlashコンテンツを無効化するプラグインを入れていたのですが、起動していることに変わりはなし（笑）。</p><p>ブラウザごとに異なるプラグインで抑止するのは面倒だしいろいろ問題もあるので、今回はブラウザを選ばず元から絶つ、みたいな「<a href="http://bit.ly/qkxfq6">Flash Block</a>」という常駐アプリを入れることにしました。Chromeだけは元々組み込み済みなので、ひょっとしたら「chrome:plugins」で止めないといけないかも。</p><h3 id="apptamer"><a href="http://bit.ly/nhxCpC">App Tamer</a></h3><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/mac-apps-005.jpg" alt="App Tamer" title="mac-apps-005" width="450" height="253" class="alignnone size-full wp-image-6314" /></p><p>だから、バッテリーの残りが大事なんですよ（笑）。この「<a href="http://bit.ly/nhxCpC">App Tamer</a>」は、指定したアプリがバックグラウンドにある時は止めちゃうものです。止めるって言っても、一時停止状態にして無駄なCPUを使わせないという仕組みですから、前に出せばすぐ使えます。MacBookを外で使う人にはオススメです。</p><p>Chromeみたいなブラウザは勝手に登録されると思いますが、バックグラウンドで実行しながら定期的にネットに接続するようなアプリは指定しない方がいいですかね。アプリケーションごとに止める止めないは指定できます。</p><h3 id="isolator"><a href="http://bit.ly/1sPxLz">Isolator</a></h3><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/mac-apps-006.jpg" alt="Isolator" title="mac-apps-006" width="450" height="253" class="alignnone size-full wp-image-6315" /></p><p>ノマドとかいう仕事スタイルが流行っているらしいですね（笑）。「そんなの何年も前から俺やってたわー」って誰かさん風に言ってもいいのですが、出先で仕事するのはいいんだけどたまに覗き込まれたり、背後から視線を感じることもあります。「<a href="http://bit.ly/1sPxLz">Isolator</a>」は、一番前の画面以外を塗りつぶして見えなくすることができるもの。出先で作業する人は入れておいて損はないです。</p><h3 id="growl"><a href="http://bit.ly/nv0dRB">Growl</a></h3><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/mac-apps-007.jpg" alt="Growl" title="mac-apps-007" width="450" height="253" class="alignnone size-full wp-image-6316" /></p><p>「<a href="http://bit.ly/nv0dRB">Growl</a>」は、通知をしてくれるアプリというかシステム環境設定に放り込まれるもので定番ですね。いろいろなアプリケーションと連動するので、何かイベントが発生するごと（たとえば、ダウンロードが終わったよー、メールが届いたよー、とか）に通知が欲しい場合は入れておくと良いですね。有効にするしないは、アプリごとに設定できますのでうざかったらオフにすればいいです。</p><h3 id="walletformac"><a href="http://bit.ly/owDyUG">Wallet for Mac</a></h3><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/mac-apps-008.jpg" alt="Wallet" title="mac-apps-008" width="450" height="253" class="alignnone size-full wp-image-6317" /></p><p>シリアルやパスワード、暗証番号の類の管理には「1 Password」を使ってる方が多いかもしれませんが、ボクは「<a href="http://bit.ly/owDyUG">Wallet for Mac</a>」をずっと使っています。機能的には似たようなもんです。MobileMeとかDropboxと同期できるし、iPhoneアプリからも確認できます。</p><h3 id="iphoneexplorer"><a href="http://bit.ly/eydR17">iPhone Explorer</a></h3><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/mac-apps-009.jpg" alt="iPhone Explorer" title="mac-apps-009" width="450" height="253" class="alignnone size-full wp-image-6318" /></p><p>「<a href="http://bit.ly/eydR17">iPhone Explorer</a>」は、iPhoneやiPodなんかをUSBで直結してドライブとしてマウントさせることができます。つまるところ、写真のデータとかをフォルダごとごっそり転送するのが簡単です。iPhotoとか使って管理してない（OSが古いとそもそも拾えないのがあったりするし）、ただバックアップしたいだけって人には便利ですよ。MacもWinも対応してます。</p><p>壊れたり水没する前に定期的に拾い上げる癖をつけましょう（笑）。</p><h3 id="namebench"><a href="http://bit.ly/jWAs3a">namebench</a></h3><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/mac-apps-010.jpg" alt="namebench" title="mac-apps-010" width="450" height="253" class="alignnone size-full wp-image-6319" /></p><p>「ネットの接続を速くする」みたいな記事で、よく GoogleのPublic DNSにすれば速くなるとか書いてる人がいますけど、アレはそもそも海の向こうを対象に数年前に始まったものです。日本国内からそれを指定しても、必ずしも速くなるとは限りません。確かに速いは速いけど、それは気のせいかもね…（笑）。</p><p>自分の接続環境から本当に速いDNSを探すのであれば、この「<a href="http://bit.ly/jWAs3a">namebench</a>」を入れてチェックしてみましょう。GoogleのDNSよりも国内の別のサーバの反応の方が良かったりしますから。テストが終わったら、オススメされた3つのDNSを環境設定の「ネットワーク」で登録しましょう。</p><p>それでもGoogleのPublic DNSが速いのならそれにすればいいでしょう。</p><h3 id="galleried"><a href="http://bit.ly/nJ7IdS">Galleried</a></h3><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/mac-apps-011.jpg" alt="Galleried" title="mac-apps-011" width="450" height="253" class="alignnone size-full wp-image-6320" /></p><p>さて、話はガラッと変わりますが、ボクの本業はWebサイトのあれこれをやる仕事なので、海外のデザイン系のサイトを見る機会も多いです。「<a href="http://bit.ly/nJ7IdS">Galleried</a>」は、海外のクリエイターSNSの「Dribbble」だったり、ギャラリー系の「creattica」「css mania」「folio focus」などを一気にまとめて見れるものです。DribbbleなんかはiPhoneやiPadのアプリもありますが、ちまちまサイトに行ってなんか見てられないですからね。オススメです。</p><h3 id="instadesk"><a href="http://bit.ly/f3qZSj">InstaDesk</a></h3><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/mac-apps-012.jpg" alt="InstaDesk" title="mac-apps-012" width="450" height="253" class="alignnone size-full wp-image-6321" /></p><p>どうも、今となっては日本で何番目なのかわかりませんが、実はフォロワー数35,000弱のInstagramer、こもり（<a href=“http://bit.ly/noyu7C”>@cipher</a>）です。フォローしていただいてる皆さんありがとうございます。で、そのInstagramをMacから見る時に便利なのがこちらの「<a href="http://bit.ly/f3qZSj">InstaDesk</a>」。他にも「<a href="http://bit.ly/l81JQx">Carousel</a>」とかありますね。入れておくとブラウザ起動しなくてもいいです。</p><h3 id="mplayerx"><a href="http://bit.ly/mVxKNN">MPlayerX</a></h3><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/mac-apps-013.jpg" alt="MPlayer" title="mac-apps-013" width="450" height="253" class="alignnone size-full wp-image-6322" /></p><p>こないだの記事にも書きましたが、ムービー系のファイルってのはコーデックっていうのがありまして、拡張子が名のしれたものでもその中の映像と音声のコーデックによっては再生できなかったりします。Windowsだと問題ないのかもしれませんがね…。で、そんな特殊なコーデックでも再生できるプレーヤーが「<a href="http://bit.ly/mVxKNN">MPlayerX</a>」です。次に紹介する「VNC（Video LAN）」も同じようなもの。</p><h3 id="videolan"><a href="http://bit.ly/ni5IrO">VideoLAN</a></h3><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/mac-apps-014.jpg" alt="VLC" title="mac-apps-014" width="450" height="253" class="alignnone size-full wp-image-6323" /></p><p>前述のように「<a href="http://bit.ly/ni5IrO">VideoLAN</a>」も映像の再生アプリケーションです。似たようなのをなぜ並べているかというと理由があります（笑）。「<a href="http://bit.ly/q2cKkY">HandBrake</a>」というDVDリッパーでDVDの中身をぶっこ抜いて、iPadやiPhoneで再生できるようにエンコードしようとするとこの VNCが必要になってます。なので、あわせて入れておくと何でもできるんですね〜（謎）。</p><h3 id="adium"><a href="http://bit.ly/phUKUs">Adium</a></h3><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/mac-apps-015.jpg" alt="Adium" title="mac-apps-015" width="450" height="253" class="alignnone size-full wp-image-6324" /></p><p>ボク個人は最近ではまったく使うこともなくなったメッセンジャーのサービス、古くはICQ、AOL、MSN、JabberにGTalk…。おぅ、挙げればアカウントだけはちゃんと持ってます（笑）。で、その辺のメッセンジャー系のサービスを一元管理できるクライアントが「<a href="http://bit.ly/phUKUs">Adium</a>」で、もう説明の必要もないぐらい有名ですね。アイコンもメンバーリストもチャットウィンドウ、エモーティコンなども自分の好みでカスタマイズ可能です。</p><h3 id="skype"><a href="http://bit.ly/qHrIAS">Skype</a></h3><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/mac-apps-016.jpg" alt="Skype" title="mac-apps-016" width="450" height="253" class="alignnone size-full wp-image-6325" /></p><p>ごめんなさい、入れてるものの「<a href="http://bit.ly/qHrIAS">Skype</a>」も使っていません（笑）。世間様では他のメッセンジャーサービスよりもこっちの方が人気なんですかね。とりあえずバージョンアップのたびウィンドウがでかくなってるのは気のせいでしょうか…。あ、ボクへの連絡はTwitterのDMとかFacebookのメッセンジャーが確実です。</p><h3 id="skypestyles"><a href="http://bit.ly/rjsOT1">SkypeStyles</a></h3><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/mac-apps-017.jpg" alt="SkypeStyles" title="mac-apps-017" width="450" height="253" class="alignnone size-full wp-image-6326" /></p><p>使ってないSkypeなんですが、見た目を変更する「<a href="http://bit.ly/rjsOT1">SkypeStyles</a>」ってのもあります。ファイルをダウンロード後、解凍してダブルクリックでインストールされます。あと、本家Skypeでも「<a href="http://bit.ly/pPYaeF">Create a Skype for Mac chat style</a>」というコンテスト？が始まってますね。</p><h3 id="kindleformac"><a href="http://amzn.to/pRDWVw">Kindle for Mac</a></h3><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/mac-apps-018.jpg" alt="Kindle for Mac" title="mac-apps-018" width="450" height="253" class="alignnone size-full wp-image-6327" /></p><p>日本国内の電子書籍市場は混沌としてますが、海外ではKindleやePub、PDF、mobiでのファイルの提供が盛んです。特にボクは洋書で勉強することが多いので「<a href="http://amzn.to/pRDWVw">Kindle for Mac</a>」は入れています。iPhone、iPad、Kindleと同期できるから便利なんですよね。あ、mobiのファイルとかも読めます。</p><h3 id="zinioreader"><a href="http://bit.ly/qmhObO">Zinio Reader</a></h3><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/mac-apps-019.jpg" alt="Zinio Reader" title="mac-apps-019" width="450" height="253" class="alignnone size-full wp-image-6328" /></p><p>こちらは書籍というよりは雑誌ですね。これまで何度も出してますが、もうZinioでいいじゃないかと。国内の出版社も古いモノからちょこちょこZinioに出てるみたいですけど。海外の雑誌を読むなら、書店で買うよりははるかに安いしきれいだし、すぐ読めてテキストだけ抽出したりもできます（ものによるけど）。</p><h3 id="calibre"><a href="http://bit.ly/5vcTfe">calibre</a></h3><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/mac-apps-020.jpg" alt="Calibre" title="mac-apps-020" width="450" height="253" class="alignnone size-full wp-image-6329" /></p><p>ePubリーダーはなかなか決定版がありません。「<a href="http://bit.ly/5vcTfe">calibre</a>」は指定されたCSSなんかもちゃんと反映されていいんですが、いちいち動作が重いのが難点です。ただ、Adobeさんの「<a href=“http://adobe.ly/nJhf1L”>Digital Editions</a>」はLionだとシステム要件を満たしてないとかでインストールできないし、仮にインストールできたとしてもリーダーとしては…なので、我慢してcalibreを。あ、作るなら「<a href="http://bit.ly/oTvKXW">sigil</a>」が便利ですよ。</p><h3 id="mobilemouse"><a href="http://bit.ly/pu6uZY">Mobile Mouse</a></h3><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/mac-apps-021.jpg" alt="Mobile Mouse Server" title="mac-apps-021" width="450" height="253" class="alignnone size-full wp-image-6330" /></p><p>えー、来週の17日（土）にもイベントで登壇する予定なのですが、ボクはたまに人前でしゃべることがあって、この「<a href="http://bit.ly/pu6uZY">Mobile Mouse</a>」を入れています。これ入れておくと、iPhoneをマウス代わりにMacが操作できます。イカのにぎり寿司みたいなマウスがない時とか家の中でも（笑）。</p><h3 id="mousepose"><a href="http://bit.ly/nDHavD">Mousepos&eacute;</a></h3><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/mac-apps-022.jpg" alt="Mousepose" title="mac-apps-022" width="450" height="253" class="alignnone size-full wp-image-6331" /></p><p>やはりこれもどちらかというとイベントだったり、Ustreamの放送だったりで使うのですが、マウスのクリックでピカッと光らせたり、ポインタの場所だけを明るく表示してくれるユーティリティです。ショートカットでパッと切り替えながらプレゼンできると、オーって言われるかもしれません。そういう歓声が欲しい方は入れておきましょう（笑）。</p><h3 id="safariextensionsgallery"><a href="https://extensions.apple.com/">Safari Extensions Gallery</a></h3><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/mac-apps-023.jpg" alt="Safari Extensions Gallery" title="mac-apps-023" width="450" height="253" class="alignnone size-full wp-image-6332" /></p><p>さて、ここからはおまけコーナー。ボク個人は仕事の関係もあって、日常的なブラウジングには GoogleさんのChromeを使っているのですが、Safariでブラウジングする時に入れておくと便利な機能拡張（Extensions）を紹介しておきますね。直接機能拡張へのリンクができないので、ギャラリーから探してください。</p><h4 id="adblock">AdBlock</h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/mac-apps-024.jpg" alt="AdBlock" title="mac-apps-024" width="450" height="253" class="alignnone size-full wp-image-6333" /></p><p>「AdBlock」は言うまでもありません。Webサイトを見ていてうざったい広告を何もしないで非表示にしてくれるモノです。オプションで個別に登録もできますが、自動的にリストを拾ってそれを反映してくれるので楽です。特にほら、MacBookで出先で回線が細い時とか邪魔でしょ？（笑）。</p><h4 id="facebookcleaner">Facebook Cleaner</h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/mac-apps-025.jpg" alt="Facebook Cleaner" title="mac-apps-025" width="450" height="253" class="alignnone size-full wp-image-6334" /></p><p>「Facebook Cleaner」は、Facebookの右側に出てる広告とかPokeとかを非表示にしてくれます。右側のカラムがスッキリして気分もよろしゅうございます。</p><h4 id="autopagerize">AutoPagerize</h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/mac-apps-026.jpg" alt="AutoPagerize" title="mac-apps-026" width="450" height="253" class="alignnone size-full wp-image-6335" /></p><p>「AutoPagerize」を知らない方もまだまだ多いかもしれませんね。えっと、ページが連続するもの、たとえばGoogleの検索結果とかで数字とか「次へ」をクリックしてなくても、自動的に次のページを取得して繋げてくれる機能拡張です。Safariだけでなく、いろいろなブラウザで使えます。ありがたや…。</p><h4 id="stopreloadbutton">Stop/Reload Button</h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/mac-apps-027.jpg" alt="Stop-Reload button" title="mac-apps-027" width="450" height="253" class="alignnone size-full wp-image-6336" /></p><p>ページをリロードしたければ Cmd＋Rのショートカットでいいわけですが、昔のブラウザみたいにツールバーに出しておきたければこちらの「Stop/Reload Button」を。</p><h4 id="javascriptblacklist">JavaScript Blacklist</h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/mac-apps-028.jpg" alt="JavaScript Blacklist" title="mac-apps-028" width="450" height="253" class="alignnone size-full wp-image-6337" /></p><p>いまの世の中、 JavaScriptがないと動かない（見れない）サイトもあったりしますが、たまにそれが原因でイタズラされちゃったりもしますからね。「JavaScript Blacklist」を入れておけば、特定のドメインのJavaScriptを実行しないようにできます。何かサイトにアクセスすることで問題がおきた時のために。</p><h4 id="googleanaliticsopt-out"><a href="http://bit.ly/d9912w">Google Analitics Opt-out</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/mac-apps-029.jpg" alt="Google Analytics Opt-out" title="mac-apps-029" width="450" height="253" class="alignnone size-full wp-image-6338" /></p><p>最後はSafariのギャラリーからはインストールできない「<a href="http://bit.ly/d9912w">Google Analitics Opt-out</a>」を。そのままです、サイトにアクセスした情報を取得・解析するGoogle Analyticsにデータを送信しないようにするものですね（別にアクセスした情報ぐらいはいいんですけどｗ）。他のブラウザだと、広告系も排除するプラグインが配布されているのですが、残念ながらSafariはこれだけしか提供されていません。</p><h3>というわけで、次回は…</h3><p>おまけを入れたら長くなっちゃいました（笑）。ま、そんなわけで、今回は日常生活をちょっと便利にするかもしれないアプリケーションを紹介してみました。いかがでしたかね？ ちなみにソーシャル系のサービスのクライアントは何一つ入れていません。画面の上とか下でチコチコお知らせされたりしても気になるだけなので、何か見たくなったらブラウザで繋いでます。</p><p>次回は、またWebデザイナーさん向けに、Google Chromeの拡張機能でも紹介してみましょうか。</p> ]]></content:encoded> <wfw:commentRss>http://blog.gaspanik.com/os-x-apps-for-mac-beginners/feed</wfw:commentRss> <slash:comments>6</slash:comments> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.gaspanik.com/os-x-apps-for-mac-beginners" /> </item> <item><title>MacでWebデザイン、あると便利なアプリ48＋2</title><link>http://blog.gaspanik.com/osx-apps-for-web-designer</link> <comments>http://blog.gaspanik.com/osx-apps-for-web-designer#comments</comments> <pubDate>Thu, 08 Sep 2011 09:38:05 +0000</pubDate> <dc:creator>[cipher]</dc:creator> <category><![CDATA[articles]]></category> <category><![CDATA[lifehacks]]></category> <category><![CDATA[scribbling]]></category> <category><![CDATA[works]]></category> <category><![CDATA[applications]]></category> <category><![CDATA[apps]]></category> <category><![CDATA[lion]]></category> <category><![CDATA[osx]]></category> <category><![CDATA[softwares]]></category> <category><![CDATA[system]]></category> <category><![CDATA[tools]]></category> <category><![CDATA[webdesign]]></category><guid isPermaLink="false">http://blog.gaspanik.com/?p=6250</guid> <description><![CDATA[これからWebデザイナーになりたいなとか、これからMacに変えちゃおうかな？と思ってる皆さんに向けて、Macを使ってWeb制作とかする時にあると便利なアプリをまとめてみました。今現在MacでWeb制作をしている皆さんには定番なのも多く含まれますが、最後まで流し読むと「え？何それ」みたいなのがあるかもです。]]></description> <content:encoded><![CDATA[<p>最近Webデザイン系のいろいろなセミナーやイベントに出ると、MacBookなんとかを持ってる方を多く見かけます。で、これからWebデザイナーになりたいなとか、これからMacに変えちゃおうかな？と思ってる皆さんに向けて、Macを使ってWeb制作とかする時にあると便利なアプリをまとめてみました。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-000.png" alt="OS X Apps for Web Designers" title="webdev_tools-000" width="450" height="253" class="alignnone size-full wp-image-6201" /></p><p>「Web制作といえば、AdobeのCreative Suite」みたいな人も多いでしょうが、サブスクリプションプランが始まったとはいえ、いきなりウン十万もソフト含め投資できないこともありますからね（会社が買ってくれるならいいですｗ）。別にそれがなくても、他で代用すれば仕事はできるから大丈夫です。</p><p>いま現在MacでWeb制作をしている皆さんには定番なのも多く含まれますが、ちょうどこないだLionデビューして環境整備がてらまとめたので、最後まで流し読むと「え？何それ」みたいなのがあるかもです。</p><p>今回は各種ブラウザとサーバ関係なんかは入れてません。では、48（＋2）個いってみましょうか。</p><p><span id="more-6250"></span></p><h3>グラフィック関係のエディタやツール</h3><h4 id="lineform"><a href="http://bit.ly/pi8wvG">Lineform</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-001.jpg" alt="Lineform" title="webdev_tools-001" width="450" height="253" class="alignnone size-full wp-image-6202" /></p><p>「<a href="http://bit.ly/pi8wvG">Lineform</a>」は、Illustratorの置き換えになるというか、パスを使ってイラストを描いたりとかっていうベクタードローイングアプリケーション。</p><h4 id="sketch"><a href="http://bit.ly/nfNeAG">Sketch</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-002.jpg" alt="Sketch" title="webdev_tools-002" width="450" height="253" class="alignnone size-full wp-image-6203" /></p><p>「<a href="http://bit.ly/nfNeAG">Sketch</a>」もまたベクタードローイングアプリケーション。App Storeのレビューではバグがあるとか書いてありますが、比較的安価なのと書き出しのフォーマットが多いのでいいかな、と。</p><h4 id="drawit"><a href="http://bit.ly/rsm4Qq">Drawit</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-003.jpg" alt="Drawit" title="webdev_tools-003" width="450" height="253" class="alignnone size-full wp-image-6204" /></p><p>Sketchを出しているところのもう一個のアプリ「<a href="http://bit.ly/rsm4Qq">Drawit</a>」は、ベクターデータをビットマップ風に扱えるもの。フィルターかけたりとか。Web制作だと、UIとかアイコンとか作ったりもしますからね。</p><h4 id="inkscape"><a href="http://bit.ly/qMExzl">Inkscape</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-004.jpg" alt="Inkscape" title="webdev_tools-004" width="450" height="253" class="alignnone size-full wp-image-6205" /></p><p>Illustratorの置き換えになるアプリケーションとして有名な「<a href="http://bit.ly/qMExzl">Inkscape</a>」は、オープンソースで開発されています。SVGベースになってますが、.aiファイルとかを読み込んだり.epsで書き出したりといったことも（開けないのもあるとは思う）。</p><h4 id="adobephotoshopelements"><a href="http://adobe.ly/aUacht">Adobe Photoshop Elements</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-005.jpg" alt="Photoshop Elements" title="webdev_tools-005" width="450" height="253" class="alignnone size-full wp-image-6206" /></p><p>Webデザインにおいて、ゴリゴリとレイヤー重ねてイメージを作るって用途ではなく、簡単に写真を修正・加工するぐらいなら「<a href="http://adobe.ly/aUacht">Photoshop Elements</a>」で十分じゃないかと。実際、ボクは一番使ってました（一応過去形）。</p><h4 id="pixelmator"><a href="http://bit.ly/bHig3W">Pixelmator</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-006.jpg" alt="Pixelmator" title="webdev_tools-006" width="450" height="253" class="alignnone size-full wp-image-6207" /></p><p>Photoshopの完全なる置き換えにはならないと思いますが、安価で一通りの画像編集ができることで有名な「<a href="http://bit.ly/bHig3W">Pixelmator</a>」。App Storeでも2,600円です。桁は間違っていません（笑）。パスがないとか、そのぐらいですか？</p><h4 id="imageoptim"><a href="http://bit.ly/j9hSRQ">ImageOptim</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-007.jpg" alt="ImageOptim" title="webdev_tools-007" width="450" height="253" class="alignnone size-full wp-image-6208" /></p><p>Webサイトの表示に時間がかかる原因のひとつは、サイトで使ってる画像の量やサイズだったりもします。そんなJPGやPNGの画像は、最適化すればもっと軽くなるわけで。最近「<a href="http://jpegmini.com/">jpegmini</a>」というとんでもないサービスが話題ですが、それはそれとして「<a href="http://bit.ly/j9hSRQ">ImageOptim</a>」は入れとかないと。</p><h4 id="quickspritesformacosx"><a href="http://bit.ly/qR42hm">Quick Sprites for Mac OS X</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-008.jpg" alt="Quick Sprites" title="webdev_tools-008" width="450" height="253" class="alignnone size-full wp-image-6209" /></p><p>CSS Sprite作るのって、画像を並べるだけなら簡単なんだけど（笑）、それからCSSを作ってとかって作業がちょっと面倒。そんな作業を簡略化してくれるのが、この「<a href="http://bit.ly/qR42hm">Quick Sprites</a>」です。デモの動画がサイトにありますよ。</p><h4 id="omnigraffle"><a href="http://bit.ly/neQsCI">OmniGraffle</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-009.jpg" alt="OmniGraffle" title="webdev_tools-009" width="450" height="253" class="alignnone size-full wp-image-6210" /></p><p>ダイアグラムやフローチャートといった図を作れるアプリケーションとして有名な「<a href="http://bit.ly/neQsCI">OmniGraffle</a>」は、ワイヤーフレームとか作るのにも重宝します。海外に目を向けると、Webサイトやスマートフォンサイト用のOmniGraffle用のステンシル（拡張パックみたいなのね）が沢山公開されています。</p><h4 id="review"><a href="http://bit.ly/o4vBmj">Review</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-010.jpg" alt="Review" title="webdev_tools-010" width="450" height="253" class="alignnone size-full wp-image-6211" /></p><p>「<a href="http://bit.ly/o4vBmj">Review</a>」は、MacからpsdをiPhoneに飛ばして、実機でモックアップを確認できる代物のようです。もちろんRetinaも古いのも対応。なにげに初期段階では便利ですよね、きっと。似たようなので「<a href="http://bit.ly/keffgG">Prototypes</a>」ってのもあって、こっちはボタンの指定なんかもできちゃったり。</p><h3>テキストエディタとかコーディング系</h3><h4 id="coda"><a href="http://bit.ly/pelFqB">Coda</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-011.jpg" alt="Coda" title="webdev_tools-011" width="450" height="253" class="alignnone size-full wp-image-6212" /></p><p>いまさら説明の必要もない気はしますが、Dreamweaverの置き換え的にコードの入力補完機能やサイト管理機能などが充実しているアプリケーションが「<a href="http://bit.ly/pelFqB">Coda</a>」です。最新版はSubversionにも対応してます。</p><h4 id="sublimetext2"><a href="http://bit.ly/o0HPHm">Sublime Text 2</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-012.jpg" alt="Sublime Text 2" title="webdev_tools-012" width="450" height="253" class="alignnone size-full wp-image-6213" /></p><p>ボクは普段 TextMateというエディタを使ってるんですが、今回 Lionにするにあたって最近日本語が使えるようになったという「<a href="http://bit.ly/o0HPHm">Sublime Text 2</a>」に。いろいろな言語に対応したテキストエディタです。省略形からコードを展開する機能はデフォで搭載されていて、Windows版とかもあります。</p><h4 id="sublime2zencoding"><a href="http://bit.ly/qPXkFf">Sublime 2 ZenCoding</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-013.jpg" alt="ZenCoding for Sublime 2" title="webdev_tools-013" width="450" height="253" class="alignnone size-full wp-image-6214" /></p><p>Sublime 2は、HTMLとかJSなら省略形から展開してくれるんですが、さすがにZen-Codingになれた指先にはCSSを展開してくれないのが困るわけで…。欧米の皆さんは仕事が速くて助かります、こちら <a href="http://bit.ly/qPXkFf">Sublime 2用のZen-Codingプラグイン</a>です。</p><h4 id="byword"><a href="http://bit.ly/nxsNfJ">Byword</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-014.jpg" alt="Byword" title="webdev_tools-014" width="450" height="253" class="alignnone size-full wp-image-6215" /></p><p>「<a href="http://bit.ly/nxsNfJ">Byword</a>」はテキストエディタの一種で、Markdownでテキストを編集できる素敵アプリ。Markdownは、サイト内の記事をHTML込みで書くときとか便利で、いちいちマークアップしなくてよくて書き出せばHTMLになります。iA Writerでも使えるのかな？ フルスクリーンにも対応しているので書くことにも集中できます。</p><h4 id="jeditx"><a href="http://bit.ly/piu6V5">Jedit X</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-015.jpg" alt="Jedit X" title="webdev_tools-015" width="450" height="253" class="alignnone size-full wp-image-6216" /></p><p>日本語のテキストエディタの定番「<a href="http://bit.ly/piu6V5">Jedit X</a>」。テキストだけを集中して書く、文字数とかを気にしながら書くといった時だけでなく、送られてきたテキスト原稿の「全角・半角」を統一する時、複数ファイルに含まれるテキストの検索・置換とかにも重宝します。ないと困ります。</p><h4 id="textexpander"><a href="http://bit.ly/otvgdK">TextExpander</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-016.jpg" alt="TextExpander" title="webdev_tools-016" width="450" height="253" class="alignnone size-full wp-image-6217" /></p><p>「<a href="http://bit.ly/otvgdK">Text Expander</a>」はテキストの入力支援というか、登録した文字列を任意の文字入力で呼び出すアプリケーションです。IMEの単語登録だと文字数の限界とかもありますから、ちょっとしたコードなどをスニピットとして登録して呼び出す、みたいな使い方ができます。HTMLコードのスニピットとかも公開されてます。</p><h3>HTTP、FTP、その他のクライアントとか</h3><h4 id="webkit"><a href="http://nightly.webkit.org/">WebKit</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-017.jpg" alt="Webkit" title="webdev_tools-017" width="450" height="253" class="alignnone size-full wp-image-6218" /></p><p>「<a href="http://nightly.webkit.org/">Webkit</a>」は、SafariやChromeのレンダリングエンジンとして有名ですね。オープンソースで開発されています。で、なぜWebkitまでっていうと、電子書籍のフォーマットであるePub 3.0の確認用として入れてます。縦書きとかその辺もあるんで（Chromeでも見れるかな、いまは）。</p><h4 id="transmit"><a href="http://bit.ly/r2sAOS">Transmit</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-018.jpg" alt="Transmit" title="webdev_tools-018" width="450" height="253" class="alignnone size-full wp-image-6219" /></p><p>Codaを出しているPanicさんが、古くから単体のFTPクライアントとして出しているのが「<a href="http://bit.ly/r2sAOS">Transmit</a>」です。Mac用のFTPクライアントには、CyberduckやForkLift、FileZillaなんかもありますけど、対応しているプロトコルの多さとタブで複数サイトに接続できるのが決め手ですかね。ずっと使ってます。</p><h4 id="interarchy"><a href="http://bit.ly/qfQQG9">Interarchy</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-019.jpg" alt="Interarchy" title="webdev_tools-019" width="450" height="253" class="alignnone size-full wp-image-6220" /></p><p>なんか久しぶりに名前を聞いた気がするんですが、「<a href="http://bit.ly/qfQQG9">Interarchy</a>」もFTPクライアントのひとつです。これをなんで取り上げるかというと、Transmitでも対応していないサーバ（Google Storage、Rackspace Cloud Files）もオッケイと。いざという時のために。</p><h4 id="tower"><a href="http://bit.ly/efpCQF">Tower</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-020.jpg" alt="Tower" title="webdev_tools-020" width="450" height="253" class="alignnone size-full wp-image-6221" /></p><p>ボクは普段ひとりで自己完結してる仕事が多くて、Gitとか使うこともないんですが一応。「<a href="http://bit.ly/efpCQF">Tower</a>」はゲームじゃなくて、GitのGUIクライアントです。Gitのクライアントは他にもいろいろあります。</p><h4 id="githubformac"><a href="http://bit.ly/mcRHH2">GitHub for Mac</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-021.jpg" alt="GitHub for Mac" title="webdev_tools-021" width="450" height="253" class="alignnone size-full wp-image-6222" /></p><p>ま、そんなわけなので GitHubを使うこともないわけですが（笑）、いざ使わなければならないという時のために、GitHubのGUIクライアント「<a href="http://bit.ly/mcRHH2">GitHub for Mac</a>」もね。</p><h4 id="versions"><a href="http://bit.ly/rsKqsI">Versions</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-022.jpg" alt="Versions" title="webdev_tools-022" width="450" height="253" class="alignnone size-full wp-image-6223" /></p><p>DreamweaverやCodaでもSubversionはサポートしてますが、他にもSubversionのGUIクライアントがいくつかあります。そのひとつがこの「<a href="http://bit.ly/rsKqsI">Versions</a>」。余談ですが、こちらの開発元はこないだFacebookに買収されました。</p><h4 id="terminal"><a href="http://bit.ly/rsf422">Terminal</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-023.jpg" alt="Terminal" title="webdev_tools-023" width="450" height="253" class="alignnone size-full wp-image-6224" /></p><p>これがあるとないとでは大違いなのが、OS Xに標準搭載されている「<a href="http://bit.ly/rsf422">ターミナル</a>」です。いや、ないと困ります。直接サーバにログインしてファイル操作したり、いざとなったらこれからSFTPするぐらいの勢いで。この中では「vi（vim）」とか使います。</p><h4 id="alkane"><a href="http://bit.ly/fcK1cj">Alkaline</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-049.jpg" alt="Alkane" title="webdev_tools-049" width="450" height="253" class="alignnone size-full wp-image-6273" /></p><p>「<a href="http://bit.ly/fcK1cj">Alkaline</a>」は、MacでWindowsのIEの確認を…というか、URLを入力して指定したブラウザのバージョンでプレビューできるアプリケーション。LitmusというEメールのプレビューサービスとか解析をやってる会社のです。無償だと制限がありますが、HTMLメールの確認とかも必要であればいいかも。</p><h4 id="betterlinktester"><a href="http://bit.ly/qVDhbU">Better Link Tester</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-024.jpg" alt="Better Link Tester" title="webdev_tools-024" width="450" height="253" class="alignnone size-full wp-image-6225" /></p><p>「<a href="http://bit.ly/qVDhbU">Better Link Tester</a>」はリンクチェッカー。404とか出てないかとか、ちまちま確認とかしてられないですからね。Dreamweaverとか使ってない方へ。</p><h4 id="charleswebdebuggingproxy"><a href="http://bit.ly/jh7v9w">Charles Web Debugging Proxy</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-025.jpg" alt="Charles" title="webdev_tools-025" width="450" height="253" class="alignnone size-full wp-image-6226" /></p><p>普通に表向きのWebデザインだけやってるとあまり用はないかもしれませんが、「<a href="http://bit.ly/jh7v9w">Charles</a>」はWebサイトのデバッグ用のプロキシアプリです。これがあると、リクエストに応じて何（どういうデータ）が戻ってきてるとかわかるし、回線速度のシミュレートができます。ふふふ（謎）。</p><h3>ファイルのやりとり、原稿表示・確認系ツール</h3><h4 id="dropbox"><a href="http://bit.ly/oCvZlm">Dropbox</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-026.jpg" alt="Dropbox" title="webdev_tools-026" width="450" height="253" class="alignnone size-full wp-image-6227" /></p><p>「<a href="http://bit.ly/oCvZlm">Dropbox</a>」は説明の必要もないですよね。ファイルのやりとりする時には、メールで添付する以外の選択肢としてオンラインストレージとか使うと便利です。ローカルのファイルのやりとりでも便利なので、ちょっとしたファイルを移動する時はバックアップ代わりに使っています。</p><h4 id="iwork09keynotenumberspages"><a href="http://bit.ly/nHnqlb">iWork ’09</a>（Keynote / Numbers /Pages）</h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-027.jpg" alt="iWork" title="webdev_tools-027" width="450" height="253" class="alignnone size-full wp-image-6228" /></p><p>いわゆるMac版のオフィスアプリケーション「<a href="http://bit.ly/nHnqlb">iWork ’09</a>」。Keynoteはプレゼン用途だけでなく、ワイヤーフレームを作ったりもできますからね。Keynote用のパーツとかも海外では公開されていますよ。</p><h4 id="openoffice"><a href="http://ja.openoffice.org/">OpenOffice</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-028.jpg" alt="OpenOffice" title="webdev_tools-028" width="450" height="253" class="alignnone size-full wp-image-6229" /></p><p>オープンソースで開発されているオフィススイートといえば「<a href="http://ja.openoffice.org/">OpenOffice</a>」が有名ですね。これをMacに最適化した「<a href="http://bit.ly/nnRftG">NeoOffice</a>」もありますが、いろいろあってこっち入れてます（謎）。</p><h4 id="preview"><a href="http://bit.ly/pArbEc">Preview</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-029.jpg" alt="Preview" title="webdev_tools-029" width="450" height="253" class="alignnone size-full wp-image-6230" /></p><p>これもOS X標準搭載のアプリケーションですが…（笑）、「<a href="http://bit.ly/pArbEc">Preview</a>」は送られてくる原稿のちょっとした確認に重宝しています。フォルダをドラッグすれば中のファイルが一個にまとまったり、簡単な編集もできるし便利っす。</p><h4 id="graphicconverter"><a href="http://bit.ly/qfoVCW">GraphicConverter</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-030.jpg" alt="GraphicConvertor" title="webdev_tools-030" width="450" height="253" class="alignnone size-full wp-image-6231" /></p><p>これで開けない画像形式とかあるのかな？って思うぐらい、多種多様なフォーマットに対応したグラフィックエディタが「<a href="http://bit.ly/qfoVCW">GraphicConverter</a>」です。いまではPhotoshopにもバッチ処理とかありますけど、これのバッチ処理とかも強力です。開けない画像はとりあえずコレにドラッグ。</p><h3>メディア系プラグイン、映像編集・コンバートなど</h3><h4 id="adobeflashplayer"><a href="http://bit.ly/cf1Ptd">Adobe Flash Player</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-031.jpg" alt="Flash Player" title="webdev_tools-031" width="450" height="253" class="alignnone size-full wp-image-6232" /></p><p>いや、Creative Suite入れれば入りますけど、Lionからは標準でインストールされてないようで（笑）。Flashコンテンツ見るためには必要ですからね…。あ、そうそう、Chromeの中のFlash Playerは別であらかじめ組み込み済みです。Flash Playerに脆弱性があったとしても、先に更新されちゃったりします（笑）。</p><h4 id="windowsmediaplayerformacflip4macwmv"><a href="http://bit.ly/oxxqCd">Windows Media player for Mac</a>（Flip4Mac WMV）</h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-032.jpg" alt="Windows Media player for Mac" title="webdev_tools-032" width="450" height="253" class="alignnone size-full wp-image-6233" /></p><p>「<a href="http://bit.ly/oxxqCd">Flip4Mac WMV</a>」は、無償で利用できるWMV用のQuickTimeコンポーネントです。無償版は見るだけですけど、元がWMVのファイルをコンバートしないといけない時とかもあります。ライセンスを買って入力するだけで、書き出しできるバージョンへ切り替わります。</p><h4 id="microsoftsilverlight"><a href="http://bit.ly/oQ2PvB">Microsoft Silverlight</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-033.jpg" alt="Silverlight" title="webdev_tools-033" width="450" height="253" class="alignnone size-full wp-image-6234" /></p><p>Microsoftさんの「<a href="http://bit.ly/oQ2PvB">Silverlight</a>」も閲覧用になりますが、念のため入れておきましょう。なくて困ったことはほとんどないのですが…（笑）。</p><h4 id="mirovideoconverter"><a href="http://bit.ly/pIdGUI">Miro Video Converter</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-034.jpg" alt="Miro Video Converter" title="webdev_tools-034" width="450" height="253" class="alignnone size-full wp-image-6235" /></p><p>ボクは仕事の関係上、動画を扱うことが多かったのもありますが、世のWebデザイナーさんもこれから動画を掲載しなければ…とかあるかもしれません。映像にはコーデックというややこしいものがあるんですが、これを入れておくと多様なフォーマット（MP4 / WebM / Ogg Theora）に変換できます。</p><h4 id="quicktime7pro"><a href="http://bit.ly/qF6Bry">QuickTime 7 Pro</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-035.jpg" alt="QuickTime 7" title="webdev_tools-035" width="450" height="253" class="alignnone size-full wp-image-6236" /></p><p>OS X LionになってからQuickTime Xになってしまって、一部の形式を除いてファイルの書き出しとかができなくなってしまい…。仕事だと何かあった時にちょっと困るので、Lionにも入れられる<a href="http://bit.ly/qF6Bry">Snow Leopard対応の7.6.6</a>を入れてPro版に。</p><h4 id="finalcutprox"><a href="http://bit.ly/ntYjqT">Final Cut Pro X</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-036.jpg" alt="Final Cut Pro" title="webdev_tools-036" width="450" height="253" class="alignnone size-full wp-image-6237" /></p><p>普通のWebデザイナーさんだと動画編集までしないかもしれませんけど（笑）。以前は、簡単な動画編集用としてFinal Cut Expressがありましたが、統合されて「<a href="http://bit.ly/ntYjqT">Final Cut Pro X</a>」になってましてね…、これからはコレで。</p><h4 id="ustreamproducer"><a href="http://bit.ly/pfyGgR">Ustream Producer</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-037.jpg" alt="Ustream Producer" title="webdev_tools-037" width="450" height="253" class="alignnone size-full wp-image-6238" /></p><p>やはり普通に生活していると動画配信とかもやることはないでしょうが、ボクは仕事でやる機会がゼロとは言えないので、最近はUstreamでしょうねってことで「<a href="http://bit.ly/pfyGgR">Ustream Producer</a>」。</p><h4 id="camtwist"><a href="http://bit.ly/pl2rL7">CamTwist</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-038.jpg" alt="CamTwist" title="webdev_tools-038" width="450" height="253" class="alignnone size-full wp-image-6239" /></p><p>Ustream Producerだけでも十分ですが、テロップ入れたりとかするのに重宝する「<a href="http://bit.ly/pl2rL7">CamTwist</a>」も入れておけば万全ですね。</p><h3>圧縮、解凍、その他ツール</h3><h4 id="macwinzipperwinarchiver"><a href="http://bit.ly/nMJyM4">MacWinZipper</a>（WinArchiver）</h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-039.jpg" alt="MacWinZipper" title="webdev_tools-039" width="450" height="253" class="alignnone size-full wp-image-6240" /></p><p>ファイルのzip圧縮なら選択して右クリックで「〜を圧縮」でいいんですけど、世の中には「Thumbs.db」入れてくる割には「.DSstore」を嫌う人もいますからね（笑）。Windowsの方にもそうでない方にもクリーンなzipを送るために。あと、日本語のファイル名をつける人は文字化けしないアーカイブになります。</p><h4 id="theunarchiver"><a href="http://bit.ly/qeov1K">The Unarchiver</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-040.jpg" alt="The Unarchiver" title="webdev_tools-040" width="450" height="253" class="alignnone size-full wp-image-6241" /></p><p>zipはダブルクリックで展開されるし、他の圧縮形式を解凍するなら後述のStuffit Expander一個あればどうにかなりはするものの、.lhaだとフォルダ付きが全部一カ所に展開されるとか不具合もあって、こちらの「<a href="http://bit.ly/qeov1K">Unarchiver</a>」を入れてます。</p><h4 id="stuffitexpander"><a href="http://bit.ly/oH7C2U">StuffIt Expander</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-041.jpg" alt="StuffIt Expander" title="webdev_tools-041" width="450" height="253" class="alignnone size-full wp-image-6242" /></p><p>前述のUnarchiverは、.sitにも対応しているみたいですが、開けないのとかあっても困るので、念のため「<a href="http://bit.ly/oH7C2U">Stuffit Expander</a>」も用意しておきましょう。いまどきあんまり見かけませんよね、サイトを見ても昔の勢いは感じられません（笑）。</p><h3>システム関係のアプリケーションなど</h3><h4 id="menupop"><a href="http://bit.ly/qa8S92">MenuPop</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-050.jpg" alt="MenuPop" title="webdev_tools-050" width="450" height="253" class="alignnone size-full wp-image-6288" /></p><p>MBPとかMBAとかで作業してる人はショートカットの達人かもしれませんが、ショートカットがなければトラックパッドでえっちらほっちらメニューまで…。大きなモニタの人も似たようなもんですね。「<a href="http://bit.ly/qa8S92">MenuPop</a>」は、任意のキー入力でメニューをカーソルの位置に表示します。便利です、はい。</p><h4 id="appcleaner"><a href="http://bit.ly/qOgGhk">AppCleaner</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-042.jpg" alt="AppCleaner" title="webdev_tools-042" width="450" height="253" class="alignnone size-full wp-image-6243" /></p><p>アンインストーラーのないことで有名なOS Xです。アプリケーションをゴミ箱に捨てればそれはなくなりますけど、関連ファイルまでは消去されません。そこで「<a href="http://bit.ly/qOgGhk">AppCleaner</a>」とかを入れておくわけですね。ドラッグすれば関連ファイルも一網打尽。ゴミ箱に入れれば勝手にやってくれるオートデリートみたいな機能は初期設定で有効にできます。</p><h4 id="cleanapp"><a href="http://bit.ly/eqMTFd">CleanApp</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-043.jpg" alt="CleanApp" title="webdev_tools-043" width="450" height="253" class="alignnone size-full wp-image-6244" /></p><p>「<a href="http://bit.ly/eqMTFd">CleanApp</a>」もアンインストーラーの一種なんですが、こちらはファイルのインストールのログとかも記録できたり、長期間使ってないファイルの表示、使わない言語を削除したりもできます。これはこれで便利なんですよね。あ、有償です。似たような別のだと<a href="http://bit.ly/oIVebF">CleanMyMac</a>とか。</p><h4 id="launchpad-control"><a href="http://bit.ly/r4zdlZ">Launchpad-Control</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-044.jpg" alt="Launchpad-Control" title="webdev_tools-044" width="450" height="253" class="alignnone size-full wp-image-6245" /></p><p>OS X Lionから搭載されたLaunchpadですが、何のためにあるのかいまいちわかりません（笑）。別にLaunchpadになくてもいい、インストールしたアプリもずらずら並んでいくのでかえって使いづらいというね…。そんなLaunchpadのアプリの表示非表示をコントロールするのがこの「<a href="http://bit.ly/r4zdlZ">Lauchpad-Control</a>」です。</p><h4 id="clamxavwclamxavsentry"><a href="http://www.ClamXav.com">ClamXav</a>（w/ ClamXav Sentry）</h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-045.jpg" alt="ClamXav" title="webdev_tools-045" width="450" height="253" class="alignnone size-full wp-image-6246" /></p><p>OS Xはゼロとは言いませんが、いわゆるウイルス的なものの数はさほど多くはありません。とはいえ、アンチウイルスソフトも入れておきましょう。市販のアプリもいくつかありますが、ボクはサーバにも使ってたりしたコレを入れてます。なお、App Store版は常駐監視してくれるClamXav Sentryが入ってません。</p><h4 id="fontcase"><a href="http://bit.ly/nQFoLW">Fontcase</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-046.jpg" alt="Fontcase" title="webdev_tools-046" width="450" height="253" class="alignnone size-full wp-image-6247" /></p><p>OS Xに標準搭載されているFont Bookでも十分な気はしますが、フォント管理ソフトが必要であれば「<a href="http://bit.ly/nQFoLW">Fontcase</a>」とか「Font Explorer X」とか入れておくといいですかね。ちょっとバグとかあるみたいですけどｗ</p><h4 id="memorysweeperpro"><a href="http://bit.ly/oSHNdr">Memory Sweeper Pro</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-047.jpg" alt="Memory Sweeper Pro" title="webdev_tools-047" width="450" height="253" class="alignnone size-full wp-image-6248" /></p><p>メモリの空き容量を増やしてくれるお掃除アプリ。この類のアプリはいろいろあります。しかし、どれもこれもアイコンとか表示とかがダサいというか、美しさのかけらも感じられない。で、この「<a href="http://bit.ly/oSHNdr">Memory Sweeper Pro</a>」を。</p><h4 id=“namemangler”><a href="http://bit.ly/mZJQBN">Name Mangler</a></h4><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/09/webdev_tools-048.jpg" alt="Name Mangler" title="webdev_tools-048" width="450" height="253" class="alignnone size-full wp-image-6249" /></p><p>ファイルのリネームとか膨大な数だと気が狂いますね…、拡張子の変更とかそういうの含め。「<a href="http://bit.ly/mZJQBN">Name Mangler</a>」は、フォルダ内のファイル名を検索置換したり、連番に変えたりで重宝します。リネーム系のソフトはいろいろあります。</p><h3>といった感じでどうでしょうか？</h3><p>AdobeさんのCSなど定番中の定番はのぞいて、できるだけ安価で用意できそうなものを中心にしてみましたがいかがでしたでしょうか。テキストエディタなどは好みなんかもあるので、必ずしもココにあるものがいいとは言いませんが（笑）。ま、それ以外はインストールしないまでも頭の中に覚えておけば、いずれ使う時がくるかもしれません。</p><p>ひとつのアプリケーションでの作業に固執すると、作業内容によっては無駄に時間もかかることもあります。やりたいことにあわせて適材適所で切り替えるのが仕事効率化のコツです。では、Macで良いWeb制作ライフを。</p><p>&rarr; <a href="http://bit.ly/q1907Z">MacBook Proに入れたアプリ22個＋おまけ | gaspanik weblog</a><br /> &rarr; <a href="http://bit.ly/rfhCES">人によっては便利なiPadアプリあれこれ | gaspanik weblog</a></p> ]]></content:encoded> <wfw:commentRss>http://blog.gaspanik.com/osx-apps-for-web-designer/feed</wfw:commentRss> <slash:comments>4</slash:comments> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.gaspanik.com/osx-apps-for-web-designer" /> </item> <item><title>人によっては便利なiPadアプリあれこれ</title><link>http://blog.gaspanik.com/useful-ipad-apps-for-web-developer</link> <comments>http://blog.gaspanik.com/useful-ipad-apps-for-web-developer#comments</comments> <pubDate>Thu, 04 Aug 2011 14:23:55 +0000</pubDate> <dc:creator>[cipher]</dc:creator> <category><![CDATA[articles]]></category> <category><![CDATA[lifehacks]]></category> <category><![CDATA[scribbling]]></category> <category><![CDATA[apps]]></category> <category><![CDATA[ipad]]></category> <category><![CDATA[iphone]]></category> <category><![CDATA[productivity]]></category> <category><![CDATA[webdevelopment]]></category><guid isPermaLink="false">http://blog.gaspanik.com/?p=6078</guid> <description><![CDATA[他ではあまり紹介されないんだけどボクがiPadにインストールしている、Web制作とかそっち系のお仕事に従事されてる人たちには「あると便利かもしれないiPadアプリ」を選んでみました。]]></description> <content:encoded><![CDATA[<p>これまでちょこちょことiPadやiPhoneのアプリで便利そうなものを紹介してきました。で、今日はちょっと気が向いたので、他ではあまり紹介されないんだけどボクがiPadにインストールしている、Web制作とかそっち系のお仕事に従事されてる人たちには「あると便利かもしれないiPadアプリ」を選んでみました。</p><p>おまけ的にiPhoneしかないものもいくつか。あまりにも有名なものとかは省いてますので、あしからず。リンク先は、基本オフィシャルサイトで。</p><p><span id="more-6078"></span></p><h3>アクセス解析とか</h3><h4>AnalyticsPro for iPad</h4><p>Google Analyticsとかの集計を見るので有名なところだと「Analytics」とかがありますが、ボクが入れてるのはAnalyticsProです（AnalyticsはiPhoneだけ）。まぁぶっちゃけどれも変わらんよね、とは思うのですが（笑）。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/08/app-analyticspro.jpg" alt="app-analyticspro" title="app-analyticspro" width="450" height="253" class="alignnone size-full wp-image-6060" /></p><p>&rarr; <a href="http://bit.ly/91duL7">AnalyticsPro for iPad</a></p><h4>Ego</h4><p>Egoは、GAだけではなくてFeed BurnerとかMint、TwitterやTumblrのフォロワー数などを見れるダッシュボード的なアプリ。サービスを登録してドラッグしてあげるとその管理画面とかが表示されるものです。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/08/app-mint.jpg" alt="app-ego" title="app-ego" width="450" height="253" class="alignnone size-full wp-image-6069" /></p><p>&rarr; <a href="http://bit.ly/qyldQf">Ego — You&#8217;re important.</a></p><h3>Web制作効率化とか</h3><h4>Textastic</h4><p>Web制作系でコードを書いたりする人たちは手元にFTPとかが使えるエディタがひとつあると便利だと思います。これもまた有名どころだと「FTP On The Go」とかが紹介されたりするんですが、残念ながらSFTPとかFTPSとかのプロトコルに対応してなかったりします。</p><p>ボクは、FTPやSFTP（FTPS）、WebDAVだけでなくDropboxまでサポートし、80のファイルタイプを認識するエディタ「Textastic」を入れてます。ちょっと操作に癖があったり日本語の表示がいまひとつなんですが、プレビュー機能なんかもついてて便利です。他にSFTPに対応してるのは「Gusto」がありますね。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/08/app-textastic.jpg" alt="app-textastic" title="app-textastic" width="450" height="253" class="alignnone size-full wp-image-6074" /></p><p>&rarr; <a href="http://bit.ly/gq0vzt">Textastic – Syntax highlighting text editor, FTP, SFTP, Dropbox</a></p><h4>PlainText</h4><p>Dropboxと連動するテキストエディタの類は「iA Writer」とかが有名ですが、ボクは「WriteRoom」を作っていたところが出してる「PlainText」をメインで使っています。他にもMarkdownとかで書いた方が良い場合（自動的にHTMLにして保存したい時）は「Writing Kit」を使ったりもします。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/08/app-plaintext.jpg" alt="app-plaintext" title="app-plaintext" width="450" height="253" class="alignnone size-full wp-image-6071" /></p><p>&rarr; <a href="http://bit.ly/qxSsPc">PlainText — Dropbox text editing for iPad &#038; iPhone</a></p><h4>PhotoForge 2</h4><p>写真の修正などに使えるアプリは、「PS Express」がよく取り上げられてますけどあれじゃ役不足すぎるので、「PhotoForge 2」とか「Photogene」をインストールしています。レベル補正、トーンカーブをはじめとした各種補正が充実してるのはもちろんですが（Photogeneにトーンカーブはないけど）、修正したファイルを直接Dropboxに保存できるとか、そういうことの方が大事（笑）。そうすれば、あとはReaddleDocsからSFTPサーバにアップもできますからね。</p><p>ちなみにPhotoForge 2は、Dropboxの他にFlickrやPicasa、Tumblr、Twitter、Facebook、FTPにメールとか保存先もいろいろ選べます。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/08/app-photoforge.jpg" alt="app-photoforge" title="app-photoforge" width="450" height="253" class="alignnone size-full wp-image-6070" /></p><p>&rarr; <a href="http://bit.ly/mLpCIB">PhotoForge 2 &#8211; GhostBird Software</a></p><h4>UI Sketcher</h4><p>落書き程度にしろ何にしろ頭に思い浮かんだイメージなんかをメモ代わりに書いておく、場合によってはワイヤーフレームの下絵みたいなものを書いたりするアプリはいろいろありますね。ボクは方眼付きで1面もしくは6面で書けてDropboxに放り投げられる「UI Sketcher」、その他いくつかを使い分けています。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/08/app-uisketcher.jpg" alt="app-uisketcher" title="app-uisketcher" width="450" height="253" class="alignnone size-full wp-image-6075" /></p><p>&rarr; <a href="http://bit.ly/rcX68I">UI Sketcher: The User Interface Sketching Tool iPad App</a></p><h4>Prompt</h4><p>SSHでサーバに繋いでそこで直接ファイルを操作したりするターミナルアプリは、「iSSH」とかをはじめいろいろ出てるんですけど、「Coda」や「Transmit」で有名なパニックさんの「Prompt」をiPad、iPhoneの双方に入れています。これさえあれば、WordPressのインストールとか出先でも数分で終わります。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/08/app-prompt.jpg" alt="app-prompt" title="app-prompt" width="450" height="253" class="alignnone size-full wp-image-6072" /></p><p>&rarr; <a href="http://bit.ly/qmtdna">Prompt, nice SSH for iOS</a></p><h3>ファイルや電子書籍ビューアとか</h3><h4>ReaddleDocs</h4><p>PDFをはじめとしたドキュメントビューアといえば「GoodReader」とかが有名ですかね。でもね、アイコン嫌いなんですアレ（笑）。機能的にはGoodReaderとほぼほぼ一緒で、zip/unzipはもちろんメールの添付だけ拾い上げたりみたいなこともできます。取り扱えるファイル形式が若干多いぐらいでしょうか。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/08/app-readdle.jpg" alt="app-readdle" title="app-readdle" width="450" height="253" class="alignnone size-full wp-image-6106" /></p><p>&rarr; <a href="http://bit.ly/qaKdt5">ReaddleDocs for iPad</a></p><h4>Mercury</h4><p>ブラウザです（笑）。いわゆるタブブラウザなんですけど、リンク先のファイルダウンロード、Dropboxへの転送、輝度設定、UAの変更、アドブロッカー、フルスクリーン表示みたいな感じで、Safariではできないことを補完するために入れています。ブラウザによっては動作しないブックマークレットもちゃんと動作します。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/08/app-mercury.jpg" alt="app-mercury" title="app-mercury" width="450" height="253" class="alignnone size-full wp-image-6068" /></p><p>&rarr; <a href="http://bit.ly/gNjS8q">Mercury Browser</a></p><h4>DocStorm</h4><p>先日も紹介した「DocStorm」は、pdf/text/ePubを読むのに特化したビューアーです。Dropboxに放り込んでReaddleDocsで開くのでも全然よいのですが、iBooksと同じようにePubに含まれたCSSをちゃんと反映してくれるのと、輝度調整ができたり内容をシェアしたりといったこともできるのでこっちを。これ以外にmobiとかの閲覧用に「Kindle」も入れてます、はい。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/08/app-docstorm.jpg" alt="app-docstorm" title="app-docstorm" width="450" height="253" class="alignnone size-full wp-image-6062" /></p><p>&rarr; <a href="http://itun.es/igW3PX">DocStorm</a>（iTunes Store）</p><h4>Zinio</h4><p>もうね、Zinioで良いですよ、電子雑誌は（笑）。日本の出版社もぼちぼち過去のものから出してくれてますが、電子雑誌のオンラインストアのビューアですね。PDFベースだと思うんですけど見開き単位で誌面が見れるのと、モノによっては中の本文をテキストだけ抽出して読めたりします。</p><p>どこぞの電子雑誌みたいにページ毎にダウンロードとかではなく、まとめてゴソッとダウンロードされるので一回落としておけばネットに繫がってなくてもどこでも読めます。映像が入ってたらそれも再生されますね。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/08/app-zinio.jpg" alt="app-zinio" title="app-zinio" width="450" height="253" class="alignnone size-full wp-image-6076" /></p><p>&rarr; <a href="http://bit.ly/pIaikv">Zinio Digital Magazines</a></p><h3>その他、情報収集系</h3><h4>Zite</h4><p>「え？まだRSSリーダとか使ってんの？」とか言ってしまいたくなる、Google ReaderとかTwitterなどと連動するジャンル別のオートサジェスト機能付きのRSSリーダみたいなアプリです。ジャンルというかキーワードを自分で設定できますが、日本語のブログとかが出るかどうかは知りません。情報収集は主に英語みたいな人には探す手間も省けて便利だと思います。気になる記事は、DeliciousやInstapaper、ReadItLater、Twitter、Facebookにメールと好きなトコに放り投げられます。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/08/app-zite.jpg" alt="app-zite" title="app-zite" width="450" height="253" class="alignnone size-full wp-image-6077" /></p><p>&rarr; <a href="http://bit.ly/qmWVus">Zite: Personalized Magazine for iPad</a></p><h4>Dribbbits</h4><p>海外のクリエイターSNSである「Dribbble」のコンテンツを見るためのビューアです。Dribbbleを見るクライアントアプリは、iPad用の「Dribbblr」とかiPhone用の「Swish」なんかがありますね。このアプリは掲載された作品で気に入ったモノをまとめておくことができるので使っています。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/08/app-dribbbits.jpg" alt="app-dribbbits" title="app-dribbbits" width="450" height="253" class="alignnone size-full wp-image-6063" /></p><p>&rarr; <a href="http://itun.es/igW3kP">Dribbbits for iPad</a>（iTunes Store）</p><h4>Instapaper</h4><p>「Instapaper」は、「Read It Later」と並んで後で読む系のブックマークサービスで有名ですね。これがないといつまで経ってもダウンロードされないようなコンテンツを読むのは辛い…。Instapaperに放り投げておけば、Webサイトから広告とか余計な装飾を取り除いて本文だけを抽出して保存してくれます。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/08/app-instapaper.jpg" alt="app-instapaper" title="app-instapaper" width="450" height="253" class="alignnone size-full wp-image-6065" /></p><p>&rarr; <a href="http://www.instapaper.com/">Instapaper</a></p><h4>Articles</h4><p>Wikipediaの閲覧に特化したアプリです。それ系だと他には「Wikipanion」とかが有名ですかね。Articlesは多言語対応はもちろんですが、Wikipediaのページを再整形して読みやすくしてくれるのでこれを使ってます、はい。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/08/app-articles.jpg" alt="app-articles" title="app-articles" width="450" height="253" class="alignnone size-full wp-image-6061" /></p><p>&rarr; <a href="http://bit.ly/nOXYIG">Articles &#8211; The Wikipedia App</a></p><h4>Mashable</h4><p>海外のIT系のニュースのまとめといえば、Mashableをはじめとしていくつかのサイトがあります。読んでいらっしゃる方も多いですね。普段はブラウザで見てることが多いのですが、念のためアプリも。まぁ、サイトが重いんすよ（笑）。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/08/app-mashable.jpg" alt="app-mashable" title="app-mashable" width="450" height="253" class="alignnone size-full wp-image-6067" /></p><p>&rarr; <a href="http://on.mash.to/nSBJoJ">Social Media News and Web Tips – Mashable</a></p><p>ニュース系のは他にもちょっとあるんですけど内緒にしておきます（笑）。</p><h3>おまけ、iPhoneにしかないアプリ</h3><h4>Momento、phiRatio、Chartbeat</h4><p>iPhoneのみになるんですが、あると何気に便利なモノをちょっとだけ。</p><p>「Momento」は、Twitter、Facebook、FourSquare、Instagramなどのソーシャル系サービスの自分の発言などを日毎にまとめてくれるもの。「phiRatio」は、任意の数値に対する黄金比や16:9の比率の計算に特化したアプリ。「Chartbeat」はリアルタイムアクセス解析のサービスと連動したアプリで、その時のアクセス数とかを表示してくれるだけでなく、サーバが落ちたりしたら通知を出してくれます。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/08/app-iphones.jpg" alt="app-iphones" title="app-iphones" width="450" height="253" class="alignnone size-full wp-image-6066" /></p><p>&rarr; <a href="http://bit.ly/cPuXbB">Momento &#8211; diary writing for iPhone and iPod touch</a><br /> &rarr; <a href="http://bit.ly/kLHosV">phiRatio Proportions Calculator</a><br /> &rarr; <a href="http://chartbeat.com/">Chartbeat</a></p><p>まだまだ便利なモノがあるんですけど、長くなりますからこの辺で。何かの参考になれば幸いです、はい。</p><h3>最後にお礼を</h3><p>えっと、この記事を作るにあたってオンラインに公開されているiPadやiPhoneのイメージを使わせていただきました。</p><p>&rarr; <a href="http://mrforscreen.deviantart.com/gallery/?offset=24#/d2ymsyc">iPad Wall Presenter</a> by <a href="http://mrforscreen.deviantart.com/">mrforscreen</a><br /> &rarr; <a href="http://psd.tutsplus.com/freebies/psd/freebie-vector-iphone-4-psd-file/">Vector iPhone 4 PSD File</a> by <a href="http://psd.tutsplus.com">psdtuts+</a></p> ]]></content:encoded> <wfw:commentRss>http://blog.gaspanik.com/useful-ipad-apps-for-web-developer/feed</wfw:commentRss> <slash:comments>3</slash:comments> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.gaspanik.com/useful-ipad-apps-for-web-developer" /> </item> <item><title>電子書籍読むのに便利なDocStorm</title><link>http://blog.gaspanik.com/ebooks-reader-docstorm-for-ipad</link> <comments>http://blog.gaspanik.com/ebooks-reader-docstorm-for-ipad#comments</comments> <pubDate>Sun, 31 Jul 2011 04:04:35 +0000</pubDate> <dc:creator>[cipher]</dc:creator> <category><![CDATA[articles]]></category> <category><![CDATA[lifehacks]]></category> <category><![CDATA[scribbling]]></category> <category><![CDATA[apps]]></category> <category><![CDATA[ebooks]]></category> <category><![CDATA[epub]]></category> <category><![CDATA[ipad]]></category> <category><![CDATA[pdf]]></category> <category><![CDATA[reader]]></category> <category><![CDATA[tools]]></category><guid isPermaLink="false">http://blog.gaspanik.com/?p=6004</guid> <description><![CDATA[DocStormは、ドキュメントを読むことに特化したリーダーアプリです。]]></description> <content:encoded><![CDATA[<p>iPadでPDFやテキストなどの書類を読むためのアプリは数多くあれど、それにePubまで付け足すと選択肢が結構狭まったりするものです。ボクが使ってる「ReaddleDocs」は、PDFやテキストはもちろんePubにも対応していますが、さすがにePubの中に適用されたCSSまでは現時点ではちゃんと反映してはくれません。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/docstorm-000.jpg" alt="docstorm-000" title="docstorm-000" width="450" height="253" class="alignnone size-full wp-image-5999" /></p><p>Stanzaのような電子書籍ビューアでも同じで、ePubを入れただけでは単に読めるってだけ（強制的にCSSを適用する方法はあるとはいえ）。そういう面では PDFも読めるiBooksがよかったりするんですが、いちいちiTunesで同期したりダウンロードとかでデータを追加するのはちょっと面倒…。</p><p>そこで登場するのがこちらの「<a href="http://bit.ly/pzzbGK">DocStorm</a>」。</p><p><span id="more-6004"></span></p><h3>転送はWiFiだけど…。一通りの機能は備えるDocStorm</h3><p>DocStormは、ドキュメントを読むことに特化したリーダーアプリです。</p><p>対応しているフォーマットは「PDF/TEXT/ePub」しかありませんが、PDFの場合はサムネイルも表示されますし、ePubの場合はちゃんとその中に指定されたCSSによるレイアウト・デザイン情報がちゃんと反映されます（Webkit使ってるのかな？）。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/docstorm-001.jpg" alt="docstorm-001" title="docstorm-001" width="450" height="253" class="alignnone size-full wp-image-6000" /></p><p>輝度調整の機能、ブックマーク機能、TwitterやFacebookを使った共有機能などもちゃんと用意されていて、その辺はまるでKindle for iPad。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/docstorm-002.jpg" alt="docstorm-002" title="docstorm-002" width="450" height="253" class="alignnone size-full wp-image-6001" /></p><p>PDFを開いた時は、埋め込まれた目次からはもちろんですが、画面下の方をタップしてサムネイルから読みたいページを選択することができます。サムネイルから読みたいトコにジャンプ。この辺はZinioみたいな感じですね。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/docstorm-003.jpg" alt="docstorm-003" title="docstorm-003" width="450" height="253" class="alignnone size-full wp-image-6002" /></p><p>ePubの場合は、さすがにその仕様上サムネイルは表示されることはありませんがスライダで移動できますし、フォントサイズの調整も当然のことながらできます。もちろん日本語のePubでも問題ありません。ひょっとしたら縦書きのePubもいけるかもしれませんね（試してはいませんが 笑）。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/docstorm-004.jpg" alt="docstorm-004" title="docstorm-004" width="450" height="253" class="alignnone size-full wp-image-6003" /></p><p>画面が暗くキャプチャされていまってるんですが、ePub内にCSSが含まれレイアウトやデザインが適用されていればご覧のとおり、よくあるePubリーダーみたいな地味な表示ではなく、ちゃんとそれが適用された状態で閲覧できます。この辺はiBooksも同じですね。</p><p>データの登録は、現時点ではiTunesを使った転送以外にWiFiでアプリに直接アップロードという二通りの選択肢しかありません。ePubの場合は「めくった感」という余計なギミックがありますが、これがオン・オフできるようになったり、Dropboxとかから転送できるようになったらもっと便利になるんでしょうね。</p><p>今後に期待です。</p><p>&rarr; <a href="http://bit.ly/pzzbGK">DocStorm for iPad on the iTunes App Store</a></p> ]]></content:encoded> <wfw:commentRss>http://blog.gaspanik.com/ebooks-reader-docstorm-for-ipad/feed</wfw:commentRss> <slash:comments>0</slash:comments> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.gaspanik.com/ebooks-reader-docstorm-for-ipad" /> </item> <item><title>Google+ for iPhone 出てます</title><link>http://blog.gaspanik.com/google-plus-app-for-iphone-released</link> <comments>http://blog.gaspanik.com/google-plus-app-for-iphone-released#comments</comments> <pubDate>Tue, 19 Jul 2011 21:36:05 +0000</pubDate> <dc:creator>[cipher]</dc:creator> <category><![CDATA[articles]]></category> <category><![CDATA[scribbling]]></category> <category><![CDATA[apps]]></category> <category><![CDATA[google]]></category> <category><![CDATA[googleplus]]></category> <category><![CDATA[iphone]]></category><guid isPermaLink="false">http://blog.gaspanik.com/?p=5897</guid> <description><![CDATA[まだかまだかと待ち望まれていたiPhone用のGoogle+アプリが登場しました。写真が直接アップできるようになったのが大きいすかね。]]></description> <content:encoded><![CDATA[<p>まだかまだかと待ち望まれていたGoogle+のiPhone用アプリが登場しました。これまでのモバイル用を使ってた方には今さらの説明の必要もない感じですね。ただ、写真が直接アップできるようになったのが大きいでしょうか。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gpforiphone-000.png" alt="gpforiphone-000" title="gpforiphone-000" width="450" height="253" class="alignnone size-full wp-image-5892" /></p><p>じゃ、簡単に（笑）。</p><p><span id="more-5897"></span></p><h3>「Huddle」はグループメッセンジャー</h3><p>左が起動直後の画面、右がログイン画面です。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gpforiphone-001.png" alt="gpforiphone-001" title="gpforiphone-001" width="450" height="253" class="alignnone size-full wp-image-5893" /></p><p>なにやら見慣れない「Huddle」ってのがありますが、これは自分のサークル内の人たちとやりとりできるグループメッセンジャーのようです。そう書いてあるからそうなんでしょう（笑）。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gpforiphone-002.png" alt="gpforiphone-002" title="gpforiphone-002" width="450" height="253" class="alignnone size-full wp-image-5894" /></p><p>ログインするとこんな感じ（左）でボタンが並んでいます。ストリームはモバイル版と同じで左右にスワイプすることでIncomingなどを表示可能です。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gpforiphone-003.png" alt="gpforiphone-003" title="gpforiphone-003" width="450" height="253" class="alignnone size-full wp-image-5895" /></p><p>左が「Huddle」の画面。メッセージを新しく送る時は右上のボタンから。自分のもとに届いたら下にリストされます（消してしまったけど）。右が「Photos」、アップロードは同じく右上から。写真は新規書き込みの時にも一緒に添付できます。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gpforiphone-004.png" alt="gpforiphone-004" title="gpforiphone-004" width="450" height="253" class="alignnone size-full wp-image-5896" /></p><p>ストリーム全体ではなく、サークルに絞ってみたい場合は「Circles」のボタンからついついっと進むと一覧がでます。で、見たいサークル名をタップして絞り込み。とまぁ、使えばすぐ分かる感じです。</p><p>Google+をお使いの皆さんはさっそくダウンロードですね。<br /> &rarr; <a href="http://itunes.apple.com/jp/app/google/id447119634?mt=8">Google+ for iPhone</a>（AppStore）</p> ]]></content:encoded> <wfw:commentRss>http://blog.gaspanik.com/google-plus-app-for-iphone-released/feed</wfw:commentRss> <slash:comments>0</slash:comments> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.gaspanik.com/google-plus-app-for-iphone-released" /> </item> <item><title>ThinkUp で自分のソーシャルアクティビティをまとめる</title><link>http://blog.gaspanik.com/track-own-social-activity-with-thinkup</link> <comments>http://blog.gaspanik.com/track-own-social-activity-with-thinkup#comments</comments> <pubDate>Sun, 05 Jun 2011 13:18:44 +0000</pubDate> <dc:creator>[cipher]</dc:creator> <category><![CDATA[articles]]></category> <category><![CDATA[lifehacks]]></category> <category><![CDATA[scribbling]]></category> <category><![CDATA[apps]]></category> <category><![CDATA[facebook]]></category> <category><![CDATA[lifehack]]></category> <category><![CDATA[statistics]]></category> <category><![CDATA[twitter]]></category><guid isPermaLink="false">http://blog.gaspanik.com/?p=5237</guid> <description><![CDATA[TwitterにFacebookとソーシャル系サービスを使うのはいいんだけど、「自分の発言のまとめやつぶやきに対する反応みたいなものまとめておきたいな」とか「バックアップしたいな」といったニーズは少なからずあると思います [...]]]></description> <content:encoded><![CDATA[<p>TwitterにFacebookとソーシャル系サービスを使うのはいいんだけど、「自分の発言のまとめやつぶやきに対する反応みたいなものまとめておきたいな」とか「バックアップしたいな」といったニーズは少なからずあると思います。実際そういうことができるサードパーティのサービスもありますしね。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/06/thinkup-001.png" alt="thinkup-001" title="thinkup-001" width="450" height="253" class="alignnone size-full wp-image-5226" /></p><p>今日は、そんな自分のソーシャルなアクティビティを外部のサービスに頼らず、自前のサーバにインストールしてひとまとめにできるオープンソースのアプリケーション「<a href="http://thinkupapp.com/">ThinkUp</a>」を紹介しようかな、と。</p><p>ThinkUpは、単純に自分の発言や書き込みをまとめるだけでなく、返信された内容（やりとりの流れ）やRTされた回数といったものまで集計することができるので、企業アカウントでも簡単な効果測定的に使えるかもしれません。</p><p><span id="more-5237"></span></p><h3>必須条件を確認してインストール</h3><p>ThinkUpの必須システム条件は、「PHP 5.2（cURL/GD/POD）以上、MySQL 5.0.3以上」になっています。あとWebサーバ（笑）。ファイルは<a href="http://thinkupapp.com/">公式サイト</a>からダウンロードしましょう。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/06/thinkup-002.png" alt="thinkup-002" title="thinkup-002" width="450" height="253" class="alignnone size-full wp-image-5227" /></p><p>インストールする前にMySQLのデータベースを適当に作って、解凍してアップしたディレクトリにアクセスすればインストールウィザードが動きます。WordPressみたいなものですぐ終わります。なんか困ったことがあったら、<a href="http://thinkupapp.com/docs/">マニュアル</a>なども用意されていますので確認を。</p><p>一個だけ書いておくと、APCが入ってるとWarningの嵐になります。</p><blockquote><p><code>ini_set('apc.cache_by_default',0);</code></p></blockquote><p>これを<del datetime="2011-06-05T13:44:46+00:00">.htaccess</del> configファイルにいれときましょう。</p><h3>必要なサービスをアクティベートして、アプリとして登録する</h3><p>インストールが終わったらログインして、TwitterやFacebookといった情報を取得したいサービスをアクティベートします。アクティベート後、それぞれのサービスでアプリとしてインストールしたThinkUpを登録します。書いてあるとおりにしていけば何てことない作業です。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/06/thinkup-004.png" alt="thinkup-004" title="thinkup-004" width="450" height="253" class="alignnone size-full wp-image-5229" /></p><p>Facebookのやり方だけでも書いておくと、アクティベートしてサービス名の部分（上図参照）のリンクをクリックすると、アカウントの登録画面に遷移します。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/06/thinkup-005.png" alt="thinkup-005" title="thinkup-005" width="450" height="253" class="alignnone size-full wp-image-5230" /></p><p>そうすると「Facebookアプリを作ってApp.IDとか入れろよ」と言われるので、言われるがままURLをクリックしてFacebookのデベロッパーページに移動します。</p><p>最近は、新規アプリの追加に本人確認が必要になっているみたいで、携帯電話を登録してコードを入力するかクレジットカードを登録しないといけないようです。これは、電話番号によるSMSではなく通常の携帯メールでも確認できます。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/06/thinkup-006.png" alt="thinkup-006" title="thinkup-006" width="450" height="253" class="alignnone size-full wp-image-5231" /></p><p>アプリ名は適当に、URLにはインストールしたThinkUpのURLをいれます。入力したらそのまま「Create app」ボタンを押せばオッケイ。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/06/thinkup-007.png" alt="thinkup-007" title="thinkup-007" width="450" height="253" class="alignnone size-full wp-image-5232" /></p><p>自分のアプリの詳細情報を確認すれば、App.IDをはじめとしてThinkUp側に登録が必要なもろもろのキーが載っています。それらをコピーして入力しましょう。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/06/thinkup-008.png" alt="thinkup-008" title="thinkup-008" width="450" height="253" class="alignnone size-full wp-image-5233" /></p><p>「save options」をクリックすれば、あとはFacebook connectのリンクが出るので追加したいアカウントと連動させます。Twitterも同じような感じでアプリを登録してあげればオッケイです。</p><h3>アカウントを登録したらアップデート</h3><p>アカウントの登録が終わったら、そのサービスのページがトップに開かれるはずなので、左上の「Update now」をクリックして過去のつぶやきなどをダウンロードします。Twitterの場合は3,000件でしたっけ？制限がかかってるかと思いますので、古くから使ってる方は全部は落とせないかな？、たぶん。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/06/thinkup-009.png" alt="thinkup-009" title="thinkup-009" width="450" height="253" class="alignnone size-full wp-image-5234" /></p><p>アップデート中はこのような進行状況を表示する画面が表示されます。何か問題があったら赤字でホニャララと表示されます。</p><h3>検索もできるし、CSVで保存もできるThinkUp</h3><p>こんな感じでインストールが終われば、自分の発言の一覧を取得して振り返ることはもとより、前述したような返信やそのやりとり（会話形式での流れ）、RTされた回数、フォロワー数の変化なども確認することができます。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/06/thinkup-010.png" alt="thinkup-010" title="thinkup-010" width="450" height="253" class="alignnone size-full wp-image-5235" /></p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/06/thinkup-011.png" alt="thinkup-011" title="thinkup-011" width="450" height="253" class="alignnone size-full wp-image-5236" /></p><p>他にも、フォロワーさんのつぶやきの中からリンク付きのつぶやきのみ、写真付きのつぶやきのみを拾い上げたりといったこともできます。面白いところではフォロワーの中でつぶやきが多い人をリストアップもできます（うちのフォロワーさんのMaxは、200 posts/per hourです 笑）。</p><p>ThinkUpには検索もついてますし（日本語ももちろん大丈夫）、自分のつぶやきなどをCSVファイルとして保存することもできます。こういうとこは、ブックマークアカウント的な使い方の人には結構便利かもしれませんね。</p><p>昨日今日で入れたばっかりなのでグラフなんかが出せなかったのですが、以上、自分のソーシャルアクティビティをまとめるThinkUpの紹介でした。<br /> &rarr; <a href="http://thinkupapp.com/">http://thinkupapp.com/</a></p> ]]></content:encoded> <wfw:commentRss>http://blog.gaspanik.com/track-own-social-activity-with-thinkup/feed</wfw:commentRss> <slash:comments>0</slash:comments> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.gaspanik.com/track-own-social-activity-with-thinkup" /> </item> </channel> </rss>
<!-- Served from: blog.gaspanik.com @ 2012-02-07 10:40:10 by W3 Total Cache -->
