<?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; lifehacks</title> <atom:link href="http://blog.gaspanik.com/tag/lifehacks/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/lifehacks/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>iPhoneの通知センターからアプリを起動する、の巻</title><link>http://blog.gaspanik.com/launch-any-apps-from-ios-notification-center</link> <comments>http://blog.gaspanik.com/launch-any-apps-from-ios-notification-center#comments</comments> <pubDate>Mon, 12 Dec 2011 01:52:01 +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[iOS]]></category> <category><![CDATA[ipad]]></category> <category><![CDATA[iphone]]></category><guid isPermaLink="false">http://blog.gaspanik.com/?p=6794</guid> <description><![CDATA[Androidのパクリ？な感じでiPhoneやiPadにiOS 5から搭載された「Notification Center（日本語だと通知センター？）」から、電話やメール、SMS送信、アプリの起動ができる「App Switcher」の使い方を簡単にまとめておきます。 ]]></description> <content:encoded><![CDATA[<p>Androidのパクリ？な感じでiPhoneやiPadにiOS 5から搭載された「Notification Center（日本語だと通知センター？）」から、電話やメール、SMS送信、アプリの起動ができる「<a href="http://bit.ly/sDcBF7">App Switcher</a>」の使い方を簡単にまとめておきます。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/12/appswitcher-000.jpg" alt="appswitcher-000" title="appswitcher-000" width="450" height="253" class="alignnone size-full wp-image-6783" /></p><p>最初はホームのアイコンから起動できる方が便利じゃね？と思ったんですが、考えてみたら他のアプリ起動中でもスルスルッと通知センターをドラッグすればアプリが起動できるので意外と便利です（笑）。では、いってみましょう。</p><p>（追記）8つ登録できる別のアプリも出たみたいなので下にリンク入れてます。</p><p><span id="more-6794"></span></p><h3>まずは、通知センターの設定を</h3><p>最初に言っておきますが、有償（170円）のアプリです。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/12/appswitcher-001.jpg" alt="appswitcher-001" title="appswitcher-001" width="450" height="253" class="alignnone size-full wp-image-6784" /></p><p>アプリをインストールして起動したら、通知センターの設定を変更しなければいけません。具体的には…、</p><ul><li>アプリの通知を有効にする</li><li>最新の5個を表示</li><li>表示方法は「None」</li><li>バッジとかサウンドはオフ</li></ul><p>こんな感じです。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/12/appswitcher-002.jpg" alt="appswitcher-002" title="appswitcher-002" width="450" height="253" class="alignnone size-full wp-image-6785" /></p><p>通知を有効にして、最新の5つを表示します。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/12/appswitcher-003.jpg" alt="appswitcher-003" title="appswitcher-003" width="450" height="253" class="alignnone size-full wp-image-6786" /></p><p>アラートの表示は一番左の「なし」でオッケイ。その下に並んでる「バッジ」とか「サウンド」はナシにしておきましょう。</p><h3>通知センターから起動するものを追加する</h3><p>App Switcherにもどって、左下の「Quick Launch」のタブを選択して、通知センターから起動したいアクションを追加します。右上の「＋」ボタンがアクションの追加です。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/12/appswitcher-004.jpg" alt="appswitcher-004" title="appswitcher-004" width="450" height="253" class="alignnone size-full wp-image-6787" /></p><p>ポチッと押すと、アクションの追加画面に移動します。ここで設定できるのは、表示名とアイコン、そしてアクションの内容です。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/12/appswitcher-005.jpg" alt="appswitcher-005" title="appswitcher-005" width="450" height="253" class="alignnone size-full wp-image-6788" /></p><p>初期設定されてるアイコンはタップすれば、プリセットされたものとかライブラリから選択できます。どのみち、通知センターの画面には出てきませんから何でもいいです（笑）。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/12/appswitcher-006.jpg" alt="appswitcher-006" title="appswitcher-006" width="450" height="253" class="alignnone size-full wp-image-6789" /></p><p>通知センターに出てくる表示名をいれて、次にやりたいアクションを追加します。電話するのか、メールするのか、アプリを起動するのか、ってことですね。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/12/appswitcher-007.jpg" alt="appswitcher-007" title="appswitcher-007" width="450" height="253" class="alignnone size-full wp-image-6790" /></p><p>アプリを起動する場合は「URL」をタップしましょう。インストールされたアプリは、たとえばTwitterなら「twitter:」っていう書き方をすれば呼び出すことができるんですね（このURLスキームってのはアプリ毎に違います）。</p><p>自分の使っているアプリとか調べたかったら「<a href="http://bit.ly/rFfSAc">handleOpenURL</a>」で調べることもできますし、有名どころのものはApp Switcherのサイトから直接登録することもできます。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/12/appswitcher-008.jpg" alt="appswitcher-008" title="appswitcher-008" width="450" height="253" class="alignnone size-full wp-image-6791" /></p><p>こんな感じですね。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/12/appswitcher-009.jpg" alt="appswitcher-009" title="appswitcher-009" width="450" height="253" class="alignnone size-full wp-image-6792" /></p><p>iPhone版が出て最近話題になっているFlipboardは「flipboard:」って入れれば大丈夫です。他をあげておくと…、Twitter（公式）は「twitter:」、Tweetbotは「tweetbot:」、Facebookは「fb:」とかですね。その他マニュアルは<a href="http://bit.ly/uezg7I">こちら</a>に。</p><p>（追記）システム設定まわりのもろもろは<a href="http://bit.ly/swOlfM">こちら</a>を参考に。</p><h3>登録したアクションを通知センターに登録</h3><p>アクションを追加しただけでは、通知センターには表示されません。今度はApp Switcherの右下の「Setup」のタブに切り替えて、4つの空欄に登録したアクションを追加します。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/12/appswitcher-010.jpg" alt="appswitcher-010" title="appswitcher-010" width="450" height="253" class="alignnone size-full wp-image-6793" /></p><p>残念ながら4つまでしか登録できないんですが、通知センターに表示する順番で右側の「＋」ボタンを押してアクションを登録しましょう。</p><p>「Show Quick Launch」は、App Switcherの画面を表示しますので、アクション自体をたくさん登録しておけばそこから起動できます。登録が4つまでしかできないのが残念なところですが、他のアプリを起動中でも通知センターをスルスルッと引き出せばいいのは案外便利です。</p><p>&rarr; <a href="http://bit.ly/sDcBF7">Pepper Stuff &#8211; App Switcher</a></p><p>（追記）こんな記事を書いてたら、なんか8個登録できるのも出たみたいですね（笑）。詳しくは以下のサイトをご覧ください。</p><p>&rarr; <a href="http://bit.ly/urOuyG">[FlashLaunch] – 通知センターにWi-Fi/輝度などの設定ショートカットを置くならApp SwitcherよりFlashLaunchがおすすめ | iPhone/iPadアプリを紹介するAppPot</a></p> ]]></content:encoded> <wfw:commentRss>http://blog.gaspanik.com/launch-any-apps-from-ios-notification-center/feed</wfw:commentRss> <slash:comments>0</slash:comments> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.gaspanik.com/launch-any-apps-from-ios-notification-center" /> </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>人によっては便利な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>共有ボタンがついたiPad用ブラウザ「Terra」</title><link>http://blog.gaspanik.com/terra-web-browser</link> <comments>http://blog.gaspanik.com/terra-web-browser#comments</comments> <pubDate>Sun, 19 Jun 2011 22:44:25 +0000</pubDate> <dc:creator>[cipher]</dc:creator> <category><![CDATA[articles]]></category> <category><![CDATA[lifehacks]]></category> <category><![CDATA[scribbling]]></category> <category><![CDATA[browsers]]></category> <category><![CDATA[ipad]]></category><guid isPermaLink="false">http://blog.gaspanik.com/?p=5384</guid> <description><![CDATA[iPhoneもiPadも載っているWebブラウザといえば「Safari」ですが、機能はかなり限定的で誰でも使えるようになっています。その反面、あれやこれややりたい人は、それでは物足りないのでSafariの置き換えになるW [...]]]></description> <content:encoded><![CDATA[<p>iPhoneもiPadも載っているWebブラウザといえば「Safari」ですが、機能はかなり限定的で誰でも使えるようになっています。その反面、あれやこれややりたい人は、それでは物足りないのでSafariの置き換えになるWebブラウザをお使いのことか、と。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/06/terra.png" alt="terra" title="terra" width="450" height="253" class="alignnone size-full wp-image-5383" /></p><p>Webサイトをあっちいったりこっちいったりしてると、「あ、これTwitterでみんなに教えたい」みたいなことがあったりしますよね。でも、今のSafariにはその機能はないし、Safariでやるにはちょっとした準備（Twitterクライアントからブックマークをいれたり）をしなければなりません。</p><p>そんなSafariの基本的なブラウジング機能に共有ボタンを追加した「Terra」というブラウザがリリースされていました。</p><p><span id="more-5384"></span></p><h3>Twitter、Facebook、Readability、Instapaper･･･と</h3><p>メール、Facebook、Twitter、ReaditLaterにReadability、Instapaperと、いま見ているページを放り投げる共有ボタンが付いています。ちなみにページを丸ごとオフラインで読めるように保存することもできます。</p><p>このあたりの機能は次期iOS5で載っかってくるんでしょうけど、それまでの場つなぎとしていいかもしれません。他のブラウザにくらべて余計な機能や設定がないのでわかりやすいかな、と。あと、ブラウズ履歴を残さない「Incognito mode」も付いてますね。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/06/readdle.jpg" alt="readdle" title="readdle" width="450" height="253" class="alignnone size-full wp-image-5382" /></p><p>ちなみにこのTerraを作ってるとこは、あらゆるファイル形式のドキュメントビューアーとして有名な「<a href="http://readdle.com/products/readdledocs_ipad/">ReaddleDocs</a>」を出してる<a href="http://readdle.com/">Readdle</a>です。</p><p>ReaddleDocsもまた便利でねぇ…、Dropboxとかの外部ストレージからデータ引っ張ってきたり、メールサーバの中から添付ファイルだけ取り出すってこともできます。</p><h3>とかいいながら、ボクはMercury Web Browserを･･･</h3><p>紹介するだけしておいてなんですが、ボクは「<a href="http://itunes.apple.com/app/mercury-web-browser-pro-the/id348701575?mt=8">Mercury Web Browser</a>」というのを使ってます（笑）。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/06/mercury.png" alt="mercury" title="mercury" width="450" height="253" class="alignnone size-full wp-image-5381" /></p><p>こちらは多機能な部類に入るブラウザなんですけど、ファイルをダウンロードしたり、それをDropboxに放り投げたりできるので便利です。こちらはiPhone版もありますので、急に出先でファイルをダウンロードして確認しなきゃみたいなワーカホリックな方にはいいじゃないでしょうか。</p><p>と、最後は話が変わってしまいましたが、あまり多機能ではなく共有ぐらい簡単にしたい方向けのブラウザTerraの紹介でした。</p> ]]></content:encoded> <wfw:commentRss>http://blog.gaspanik.com/terra-web-browser/feed</wfw:commentRss> <slash:comments>0</slash:comments> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.gaspanik.com/terra-web-browser" /> </item> <item><title>Drag&amp;Dropで簡単写真共有、min.us</title><link>http://blog.gaspanik.com/easy-photo-sharing-service-min-us</link> <comments>http://blog.gaspanik.com/easy-photo-sharing-service-min-us#comments</comments> <pubDate>Sat, 16 Oct 2010 00:35:17 +0000</pubDate> <dc:creator>[cipher]</dc:creator> <category><![CDATA[articles]]></category> <category><![CDATA[lifehacks]]></category> <category><![CDATA[scribbling]]></category> <category><![CDATA[html5]]></category> <category><![CDATA[photos]]></category> <category><![CDATA[sharing]]></category> <category><![CDATA[webservices]]></category><guid isPermaLink="false">http://blog.gaspanik.com/?p=4096</guid> <description><![CDATA[Twitterやってたりすると、「あぁ、写真どっかにアップしてみんなに見せたいな？」みたいなことがありますよね。iPhoneとかならそのまま添付ついでにつぶやけるけど、パソコンでやってる場合は一旦どこかにアップロードしな [...]]]></description> <content:encoded><![CDATA[<p>Twitterやってたりすると、「あぁ、写真どっかにアップしてみんなに見せたいな？」みたいなことがありますよね。iPhoneとかならそのまま添付ついでにつぶやけるけど、パソコンでやってる場合は一旦どこかにアップロードしなければなりません。</p><p>とはいえ、いちいちログインしたりダイアログからファイル選んだりといったことは割と面倒。そんなときは、ドラッグ&amp;ドロップで簡単に写真が共有できるサービス「<a href="http://min.us">min.us</a>」を使うと良いかもしれません。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2010/10/minus-001.jpg" alt="minus-001" title="minus-001" width="450" height="253" class="alignnone size-full wp-image-4094" /></p><p><span id="more-4096"></span></p><h3>ドラッグ&amp;ドロップ、ただそれだけでOK</h3><p>使い方はとても簡単。サイトに繋いでブラウザウィンドウ内にファイルをドラッグ&amp;ドロップするだけです。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2010/10/minus-002.jpg" alt="minus-002" title="minus-002" width="450" height="253" class="alignnone size-full wp-image-4095" /></p><p>アップロードが終わると右上に出てくるダイアログでタイトルなどが変更可能です。後から編集する用のURL（上）と公開用のURL（下）が2つ表示されるので下の方をみんなに教えましょう。</p><p>min.us、頭の片隅に覚えておくといざという時に便利ですね。</p><p>＃このサイトはHTML5ベースらしいので、Firefox 3.6+、Chrome、IE9で使うのが一番です。Safari（ひょっとしたらIE8も）の場合はダイアログが表示されます。</p> ]]></content:encoded> <wfw:commentRss>http://blog.gaspanik.com/easy-photo-sharing-service-min-us/feed</wfw:commentRss> <slash:comments>1</slash:comments> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.gaspanik.com/easy-photo-sharing-service-min-us" /> </item> <item><title>Chrome + Stylebot + Twitter Extender + Twitter Filter = ?</title><link>http://blog.gaspanik.com/customized-new-twitter-ui-with-chrome</link> <comments>http://blog.gaspanik.com/customized-new-twitter-ui-with-chrome#comments</comments> <pubDate>Thu, 07 Oct 2010 01:45:47 +0000</pubDate> <dc:creator>[cipher]</dc:creator> <category><![CDATA[articles]]></category> <category><![CDATA[lifehacks]]></category> <category><![CDATA[scribbling]]></category> <category><![CDATA[chrome]]></category> <category><![CDATA[css]]></category> <category><![CDATA[extensions]]></category> <category><![CDATA[tools]]></category> <category><![CDATA[twitter]]></category><guid isPermaLink="false">http://blog.gaspanik.com/?p=3861</guid> <description><![CDATA[かねてから噂になっていた（というか、比較的新しめのユーザーから適用されていた風な）Twitterの新しいユーザーインターフェイスがようやく自分のアカウントにも適用されました。うちにあるMacBookの片方はFirefox [...]]]></description> <content:encoded><![CDATA[<p>かねてから噂になっていた（というか、比較的新しめのユーザーから適用されていた風な）Twitterの新しいユーザーインターフェイスがようやく自分のアカウントにも適用されました。うちにあるMacBookの片方はFirefoxで正常に見れているのですが、もう片方でエラーを吐きまくって表示されません…。この新しいUIは好きなんですけども…。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2010/10/newTwitter.png" alt="New Twitter UI" title="newTwitter" width="450" height="253" class="alignnone size-full wp-image-3860" /></p><p>そこで、「Chromeで見ようかな」と思ってるのですが、以前からTwitterのUIのフォントサイズが嫌いで、それは新しくなってもやっぱり（日本語で見てるってのもあるのですが、全体的にフォントサイズのバランスが微妙に悪いんじゃないかと…）。</p><p>他のブラウザは文字サイズだけの拡大縮小ができるけど、Chromeの場合はページ全体の拡大縮小しかできないんですよね。読みたいサイズに縮小するとレイアウトも小さくなる（笑）。よく「<strong>文字が小さいと見えない</strong>」とか言われますが、その逆に「<strong>大きすぎて読みにくい</strong>」って人もいるのです、世の中には。覚えといてください。</p><p>で、拡張機能をいくつか追加して、見た目と使い勝手をカスタマイズした記録です。</p><p><span id="more-3861"></span></p><h3>StyleBotでCSSを微調整</h3><p>先日からぽろぽろ話題に出てるみたいですが、Chromeで見るWebページのCSSをカスタマイズできる拡張機能で「<a href="http://stylebot.me/">Stylebot</a>」ってのがあります。</p><p>これを入れるとURLのバーのところに「CSS」って書かれたボタンが出てきます。それをクリックしてダイアログを出して、ページ内の任意の箇所をクリックしてそこを指定しているセレクタにスタイルを追加することができます。</p><p>で、それで主たるテキスト部分（テキストエリアとかつぶやきのリストなど）の文字サイズと行高を変更して、「Who to follow」とか「Trends」みたいな要らないものを非表示に変えました。それが上のキャプチャです。</p><p>これで自分が読みやすい感じに変更できました。ぱちぱち。</p><h3>Twitter Extenderでボタンを追加</h3><p>非公式RT（というか、オールドスタイルなRT）は、自分のつぶやきを再掲したりとかでたまに使うこともあるので、それをやりやすくするために「<a href="http://bit.ly/bOZaf3">Twitter Extender</a>」という拡張機能を追加しました。</p><p>もともと「<a href="http://powertwitter.me/">PowerTwitter</a>」という拡張機能（Firefox用もSafari用もあり）を入れて、非公式RTのリンクの追加、つぶやき内の画像や動画、短縮URLなどが自動展開されるようになっていましたが、それがまだ新しいUIに対応していないので応急措置で。</p><p>で、そのTwitter Extenderをいれると、それぞれのつぶやきのReplyなどと並んで「Reply to all」と「RT」、「DM」のボタンが追加されます。いやいや、これは地味に便利です。非公式RTとか使わなくてもまとめて返信したい時があるでしょう？</p><p>とまぁ、新しいUIがイヤだとか言ってる人もいますが、そんなこんなでカスタマイズもできたことでボクは大好きです（笑）。</p><h3>追記: Twitter FIlterで特定のワードやユーザーをフィルタする</h3><p>まぁTwitterをやってると、時としてタイムラインに複数のユーザーによる特定のハッシュタグ付きの実況的なつぶやきが溢れたり、そもそもの発言数の多いユーザーもいます（ボクみたいなね）。</p><p>実況が流れ始めたら見ないのが一番だし、発言数の多いのがイヤならアンフォローすればいいだけですが、まぁそこまでしなくても…という気もするわけで。専用のクライアントなどでは、以前から特定のキーワードやユーザーをミュートする機能がついてるんですが、Webをブラウザで見ている限りはその機能はありません。</p><p>「<a href="http://bit.ly/9mqLYF">Twitter Filter</a>」は、そんな特定のキーワードやユーザー名をカンマ区切りで指定してタイムラインから非表示にすることができる拡張機能です。新しいUIだとMentionsやListsなんかのタブの並びに追加されます。そこで、一時的にでもオフにしたいハッシュタグなどを設定すれば、精神衛生上楽になります。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2010/10/twitter-filter.png" alt="twitter-filter" title="twitter-filter" width="450" height="253" class="alignnone size-full wp-image-3903" /></p><p>こんな感じでフィルタしているユーザーとかが右に表示されます（笑）。</p><p>＃特定の人のRTがいらない場合は、Twitter公式の機能としてその人のページに行けばオフにできますからそれを使いましょうね。</p><p>＃FirefoxなどUserScriptを追加できる場合は、以下の2つを入れることで同じことが実現できるかと（試してません、ごめんなさい）。<br /> &rarr; <a href="http://userscripts.org/scripts/show/65467">Twitter add RT button</a> （<a href="http://mitukiii.jp/labs/twitter-add-rt-button/">説明</a>）<br /> &rarr; <a href="http://userscripts.org/scripts/show/87289">Filter Tweets</a> （<a href="http://blog.varunkumar.me/2010/10/how-to-filter-out-tweets-on-new-twitter.html">説明</a>）</p> ]]></content:encoded> <wfw:commentRss>http://blog.gaspanik.com/customized-new-twitter-ui-with-chrome/feed</wfw:commentRss> <slash:comments>0</slash:comments> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.gaspanik.com/customized-new-twitter-ui-with-chrome" /> </item> <item><title>あのー、Twitterのフォロワーさんにお聞きしたいことが…</title><link>http://blog.gaspanik.com/qa-and-poll-services-for-twitter-replyz-and-polldaddy</link> <comments>http://blog.gaspanik.com/qa-and-poll-services-for-twitter-replyz-and-polldaddy#comments</comments> <pubDate>Thu, 30 Sep 2010 07:13:39 +0000</pubDate> <dc:creator>[cipher]</dc:creator> <category><![CDATA[articles]]></category> <category><![CDATA[lifehacks]]></category> <category><![CDATA[scribbling]]></category> <category><![CDATA[communication]]></category> <category><![CDATA[services]]></category> <category><![CDATA[twitter]]></category><guid isPermaLink="false">http://blog.gaspanik.com/?p=3770</guid> <description><![CDATA[Twitterでつぶやいたら思いの外好評だったのでひとつ小ネタを。Twitterをやっていると、たまに「フォロワーの皆さんに質問したいなぁ…（あわよくばRTで拡がってサンプルが多く集まるといいなぁ…）」なんてことがあった [...]]]></description> <content:encoded><![CDATA[<p>Twitterでつぶやいたら思いの外好評だったのでひとつ小ネタを。Twitterをやっていると、たまに「フォロワーの皆さんに質問したいなぁ…（あわよくばRTで拡がってサンプルが多く集まるといいなぁ…）」なんてことがあったりするかもしれません。</p><p>とはいえ、質問の答えが＠で返ってきてもその整理に困ることもあります（いくつか質問をした場合はどの答えかわからないとか）。そして質問の答えの状況などは、質問者以外でも読みたいこともありますよね。かといって、質問者への＠付きのメッセージを読んだり、ハッシュタグなどを使った検索をするのは面倒･･･。</p><p>ということで、ふたつばっかし使えそうなサービスを紹介。</p><p><span id="more-3770"></span></p><h3>Replyzで質問とその答えを1ページにまとめる</h3><p>昔からある知恵袋的なサービスのTwitter版とでも言いましょうか、「<a href="http://replyz.com/">Replyz</a>」がこないだから公開されております。質問があって、そこにみんなが答えていくという感じですね。インターフェイスは英語になりますが、日本語も普通に使えます。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2010/09/replyz.png" alt="replyz" title="replyz" width="450" height="253" class="alignnone size-full wp-image-3768" /><br /> &rarr; <a href="http://replyz.com">http://replyz.com</a></p><p>Twitterのアカウントでログインすれば自分のアカウントに紐付いて質問できますし、ログインしなければ匿名での質問も可能です（答えるのも同様にログインしても匿名でも可）。質問の答えは＠で質問者のMentionsにも流れてきますが、このようにReplyzの質問ページで一覧できますので、質問者以外にも見通しが良いです。</p><h3>投票してもらうなら、Polldaddy</h3><p>「<a href="http://polldaddy.com/">Polldaddy</a>」はWordPressで有名なAutomaticのサービスですが、そのTwitter専用版「<a href="http://twitter.polldaddy.com/">Polldaddy Twitter Polls</a>」ってのがあります。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2010/09/polldaddy.png" alt="polldaddy" title="polldaddy" width="450" height="253" class="alignnone size-full wp-image-3769" /><br /> &rarr; <a href="http://twitter.polldaddy.com">http://twitter.polldaddy.com</a></p><p>こちらは質問作成時（つぶやくため）にTwitterのアカウント情報を入れなければならないので不安になる方もいらっしゃるとは思いますが、あらかじめいくつかの答えを用意して投票してもらうこともできますし、任意の回答を追加してもらうことも可能です（日本語は通ります）。投票の画面はやはりひとつにつき1ページ用意されます。投票なので匿名扱いですし、答えなくても投票数だけ見るとかもオッケイ。</p><p>ちなみに本家のPolldaddyは、先日日本語対応、そして<a href="http://polldaddy.com/iOS/">iPhoneやiPad用のアプリ</a>をリリースしてますよん。</p><p>といったとこで、何か聞いてみたいな？って時に使えるサービスの紹介でした。</p> ]]></content:encoded> <wfw:commentRss>http://blog.gaspanik.com/qa-and-poll-services-for-twitter-replyz-and-polldaddy/feed</wfw:commentRss> <slash:comments>0</slash:comments> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.gaspanik.com/qa-and-poll-services-for-twitter-replyz-and-polldaddy" /> </item> </channel> </rss>
<!-- Served from: blog.gaspanik.com @ 2012-02-08 10:34:17 by W3 Total Cache -->
