<?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; tips</title> <atom:link href="http://blog.gaspanik.com/tag/tips/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/tips/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>Facebookの新しいTimeline、で、OGPの…</title><link>http://blog.gaspanik.com/ogp-settings-for-new-facebook-timeline</link> <comments>http://blog.gaspanik.com/ogp-settings-for-new-facebook-timeline#comments</comments> <pubDate>Thu, 15 Dec 2011 23:51:15 +0000</pubDate> <dc:creator>[cipher]</dc:creator> <category><![CDATA[articles]]></category> <category><![CDATA[scribbling]]></category> <category><![CDATA[facebook]]></category> <category><![CDATA[tips]]></category> <category><![CDATA[webdesign]]></category><guid isPermaLink="false">http://blog.gaspanik.com/?p=6813</guid> <description><![CDATA[「og:image」はサイズを「横幅100px × 高さ116px」、日本語の場合は「og:description」を80〜90文字以内ぐらいにおさめるのが良さそうです。Macでしかみてないのですがご参考まで。]]></description> <content:encoded><![CDATA[<p>ちょっと前から開発者登録とかしてゴニョゴニョすれば有効にできたFacebookのプロフィール画面のタイムラインモードが遂に一般向けにも開放されたようですね。有効にしたい場合は、<a href="https://www.facebook.com/about/timeline">こちらのページ</a>の一番下のボタンからGOです。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/12/fbtimeline-001.jpg" alt="fbtimeline-001" title="fbtimeline-001" width="450" height="253" class="alignnone size-full wp-image-6812" /></p><p>で、その新しいプロフィール画面のタイムライン表示なのですが、リンクやいいね！したページなどの表示のされ方がこれまでとは扱いが変わっています。コメントとは別枠表示であることは従来と同じなのですが、ちゃんと枠どりされて表示されるようになっています。</p><p>流れていくフィードはもちろんですが、このプロフィールのエリアでシェアやいいね！されたリンク先の情報を綺麗に見せるためには、OGPの設定をちょっと見直した方がいいかな？ということでちょっと調べてみました。</p><p>「og:image」はサイズを「横幅100px × 高さ116px」、日本語の場合は「og:description」を80〜90文字以内ぐらいにおさめるのが良さそうです。Macでしかみてないのですが、ご参考までに。</p> ]]></content:encoded> <wfw:commentRss>http://blog.gaspanik.com/ogp-settings-for-new-facebook-timeline/feed</wfw:commentRss> <slash:comments>0</slash:comments> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.gaspanik.com/ogp-settings-for-new-facebook-timeline" /> </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>ボクが Google+でやっていること</title><link>http://blog.gaspanik.com/my-limited-post-on-google-plus</link> <comments>http://blog.gaspanik.com/my-limited-post-on-google-plus#comments</comments> <pubDate>Mon, 25 Jul 2011 22:52:52 +0000</pubDate> <dc:creator>[cipher]</dc:creator> <category><![CDATA[articles]]></category> <category><![CDATA[lifehacks]]></category> <category><![CDATA[scribbling]]></category> <category><![CDATA[google]]></category> <category><![CDATA[googleplus]]></category> <category><![CDATA[tips]]></category><guid isPermaLink="false">http://blog.gaspanik.com/?p=5957</guid> <description><![CDATA[非常にどうでもいいことなんですが、ボクが Google+のサークルの公開範囲制限を使ってやっていることを紹介しときます。]]></description> <content:encoded><![CDATA[<p>非常にどうでもいいことなんですが、ボクが Google+のサークルの公開範囲制限を使ってやっていることを紹介してみようかと思います。サークルをどうしていいかわからない、何かうまい使い方はないものか、と思ってらっしゃる方の何かの参考になれば。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/google-plus-limited-post.png" alt="google-plus-limited-post" title="google-plus-limited-post" width="450" height="253" class="alignnone size-full wp-image-5956" /></p><p>ボクが普段からTwitterのアカウント（<a href="https://twitter.com/proteanbm">@proteanbm</a>）で海外のWebデザインやらソーシャルメディア、マーケティング、心理学や脳科学などの最新記事をブックマークしていることをご存知の方もいらっしゃるかもしれません。フォローしてくださってる方、朝からバンバンすみませんｗ</p><p><span id="more-5957"></span></p><h3>限定サークルでの情報発信 &amp; 派生するコミュニケーションにも期待</h3><p>で、それがGoogle+と何の関係があるかというと、その中から時間がある時に大ざっぱですが内容を訳してみたり（概要だけだったりもしますけど）、補足できる場合には内容を書き足したりしながら限定サークル内に向けて公開しています。一方的にいれるのも迷惑でしょうから一応希望者を募って。</p><p>幸い文字数制限がない？Google+は、ブログに書くまでもないようなちょっとしたまとめがしやすいんですよね。ポストにぶら下がってコメントも書けるので、そこから派生するコミュニケーションも期待できます。こういうのはちょっとパブリックじゃやりにくいんです（いろいろな理由から 謎）。</p><p>Google+の限定公開サークルは仲の良い同士で愚痴を書き連ねることもできますが（笑）、こういったちょっと前向きな使い方もできますよ、と。</p> ]]></content:encoded> <wfw:commentRss>http://blog.gaspanik.com/my-limited-post-on-google-plus/feed</wfw:commentRss> <slash:comments>0</slash:comments> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.gaspanik.com/my-limited-post-on-google-plus" /> </item> <item><title>Google+のプライバシー的なものが気になるあなたへ</title><link>http://blog.gaspanik.com/how-to-hide-own-circles-on-google-plus</link> <comments>http://blog.gaspanik.com/how-to-hide-own-circles-on-google-plus#comments</comments> <pubDate>Fri, 22 Jul 2011 13:51:32 +0000</pubDate> <dc:creator>[cipher]</dc:creator> <category><![CDATA[articles]]></category> <category><![CDATA[lifehacks]]></category> <category><![CDATA[scribbling]]></category> <category><![CDATA[google]]></category> <category><![CDATA[googleplus]]></category> <category><![CDATA[privacy]]></category> <category><![CDATA[tips]]></category><guid isPermaLink="false">http://blog.gaspanik.com/?p=5931</guid> <description><![CDATA[Google+のサークルに入れてる人たちの一覧ってのは、表示・非表示を切り替えることができるようですね。そんなことに気が付いたので、簡単ですがプライバシー的なことが気になるあなたへの設定方法を。]]></description> <content:encoded><![CDATA[<p>Google+ では、プロフィール画面でその人がサークルに登録している人、その人をサークルに入れてる人たちってのが表示されてます。それは自分がこれから登録したい人を探すのには役に立つんだけど、たとえば自分が登録している身内とかがわかっちゃうかもしれない。と思ってたら、この<strong>サークルに入れてる人たちの一覧は、表示・非表示を切り替えることができる</strong>んですね。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gp-priv-000.png" alt="gp-priv-000" title="gp-priv-000" width="450" height="253" class="alignnone size-full wp-image-5921" /></p><p>そんなことに気が付いたので、簡単ですがプライバシー的なことが気になるあなたへ公開範囲に関する設定方法を。</p><p><span id="more-5931"></span></p><h3>プロフィール画面で公開範囲をコントロール</h3><p>一応初歩的な話からやりましょう。自分の登録しているプロフィールの公開範囲は、プロフィールの編集画面からコントロールすることができます。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gp-priv-001.png" alt="gp-priv-001" title="gp-priv-001" width="450" height="253" class="alignnone size-full wp-image-5922" /></p><p>右上の編集ボタンをクリックすると編集モードになります。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gp-priv-002.png" alt="gp-priv-002" title="gp-priv-002" width="450" height="253" class="alignnone size-full wp-image-5923" /></p><p>各項目には地球のアイコンだったり鍵のアイコンだったりと、その公開範囲に合わせてアイコンが付いているのがわかります。公開範囲を編集するときは、その項目名をクリック。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gp-priv-003.png" alt="gp-priv-003" title="gp-priv-003" width="450" height="253" class="alignnone size-full wp-image-5924" /></p><p>そうすると、公開範囲の設定ができるのでお好みで設定しましょう。</p><h3>サークルのメンバー表示を変更する</h3><p>はい、ここからが本題です。</p><p>自分が登録しているサークルのメンバーの一覧は、サークルごとにお好みで表示・非表示を切り替えることができます（もちろんまるっと非表示も可）。また、自分を登録している人たちを非表示にすることもできます。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gp-priv-004.png" alt="gp-priv-004" title="gp-priv-004" width="450" height="253" class="alignnone size-full wp-image-5925" /></p><p>左側に見えている自分のサークルのメンバーリストの部分をクリック。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gp-priv-005.png" alt="gp-priv-005" title="gp-priv-005" width="450" height="253" class="alignnone size-full wp-image-5926" /></p><p>はい、こんなダイアログが出るので設定しましょう。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gp-priv-006.png" alt="gp-priv-006" title="gp-priv-006" width="450" height="253" class="alignnone size-full wp-image-5927" /></p><p>サークル名の部分をクリックすればチェックマークがオン・オフされるので、それで表示・非表示を切り替えます。全部見せたくなかったら一番上の「Show people in」のチェックを外しましょう。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gp-priv-007.png" alt="gp-priv-007" title="gp-priv-007" width="450" height="253" class="alignnone size-full wp-image-5928" /></p><p>全部非表示ならこうですね。サークルを限定して表示する場合はその下のラジオボタンで公開範囲をコントロールできます。また、自分を登録している人たちのリストを見せたくなれば、一番下のチェックを外すと。</p><p>そんな感じでサークルのメンバーの表示・非表示の切り替えが可能です。</p><h3>Googleアカウントの設定もたまには見ましょう</h3><p>これからいろいろ機能なんかも追加されたりしていくでしょうから、Googleアカウントの設定もたまには見ておきましょう。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gp-priv-008.png" alt="gp-priv-008" title="gp-priv-008" width="450" height="253" class="alignnone size-full wp-image-5929" /></p><p>Google+の通知の設定とかもあります。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gp-priv-009.png" alt="gp-priv-009" title="gp-priv-009" width="450" height="253" class="alignnone size-full wp-image-5930" /></p><p>iPhone用のGoogle+のアプリも出たことですしね。アプリをインストールして起動してみたら「Huddle のとこに何かいっぱい入ってた！」とかあるかもしれません（笑）。<strong>Huddleの許可範囲もここで変更できる</strong>ので、見ず知らずの人からHuddleされても困るって人はサークル限定にしておきましょう。</p><p>と、プライバシー的なものが気になるあなたへ教えておきたいことでした。</p> ]]></content:encoded> <wfw:commentRss>http://blog.gaspanik.com/how-to-hide-own-circles-on-google-plus/feed</wfw:commentRss> <slash:comments>0</slash:comments> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.gaspanik.com/how-to-hide-own-circles-on-google-plus" /> </item> <item><title>「Usability Boost」でGoogle+をもう少し読みやすく</title><link>http://blog.gaspanik.com/restyle-google-plus-by-usability-boost</link> <comments>http://blog.gaspanik.com/restyle-google-plus-by-usability-boost#comments</comments> <pubDate>Wed, 13 Jul 2011 00:02:04 +0000</pubDate> <dc:creator>[cipher]</dc:creator> <category><![CDATA[articles]]></category> <category><![CDATA[scribbling]]></category> <category><![CDATA[css]]></category> <category><![CDATA[extensions]]></category> <category><![CDATA[google]]></category> <category><![CDATA[googleplus]]></category> <category><![CDATA[style]]></category> <category><![CDATA[tips]]></category><guid isPermaLink="false">http://blog.gaspanik.com/?p=5855</guid> <description><![CDATA[Google+にいろいろな機能を追加して便利にするようなブラウザの拡張機能は至るところで紹介されてるはずなので、うちは違う方向性でGoogle+の見た目を調整してすこし読みやすくする拡張機能「Usability Boost for Google Plus」を紹介しましょう。]]></description> <content:encoded><![CDATA[<p>Google+にいろいろな機能を追加して便利にするようなブラウザの拡張機能は至るところで紹介されてるはずなので、うちは違う方向性でGoogle+の見た目を調整して少し読みやすくする拡張機能「<a href="https://chrome.google.com/webstore/detail/dkcppcocablbakkaboahjmljpodddkcp">Usability Boost for Google Plus</a>」を紹介しましょう。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gplus-restyle-000.png" alt="gplus-restyle-000" title="gplus-restyle-000" width="450" height="253" class="alignnone size-full wp-image-5845" /></p><p>Google+はまだフィールドテスト中なので正式版で変わるんでしょうが、いまのテスト中の画面はGoogleさんにしては珍しくいまひとつ読みやすさにかけてる気がします。文字回りのメリハリがあまりないからか、要素間のマージンが足りないからか若干窮屈な印象が…（※個人の感想です）。</p><p>そういうのを一時的に解消して読みやすくするのがこの拡張機能の役目です。これをインストールするには、Googleさんのブラウザ「Chrome」が必要です。</p><p><strong>※このようなサイトに便利機能をくっつけてくれるような拡張機能は確かに便利なのですが、中のデータにアクセスできたりするわけなのでね。便利便利っていろいろ入れてると…、皆さんくれぐれもお気を付けください。</strong></p><p><span id="more-5855"></span></p><h3>Usability Boost をインストール</h3><p>とりあえず完全版としてリリースされるまでのその場しのぎとして、手っ取り早く見た目を変えるならこの拡張機能が一番かな、と。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gplus-restyle-001.png" alt="gplus-restyle-001" title="gplus-restyle-001" width="450" height="253" class="alignnone size-full wp-image-5846" /></p><p>もともとの見た目はこんな感じ。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gplus-restyle-003.png" alt="gplus-restyle-003" title="gplus-restyle-003" width="450" height="253" class="alignnone size-full wp-image-5848" /></p><p>拡張機能をインストールするとこうなります。Google+の画面に薄いグレーの背景色がついて、個々の書き込みが罫線でかこまれて間隔が調整されます。「+1」の数やコメント数の部分、コメント部分にも背景色がついています。あと、上の黒いツールバーがスクロールにあわせて追随してきますね。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gplus-restyle-004.png" alt="gplus-restyle-004" title="gplus-restyle-004" width="450" height="253" class="alignnone size-full wp-image-5849" /></p><p>全体をみるとこんな感じ。はい、終わり（笑）。</p><h3>Stylebotを使ってもう少し改良</h3><p>Usability Boost を入れるだけでだいぶ読みやすさは改善します。でも、これはこれでまだバランスが悪い部分もあったりします。背景色がつくのはいいんですけど、全体のブロックの左右に余白が足りなかったり。</p><p>（追記）最新のアップデートで余白が修正されたり、グレーの背景色を使うかどうか選べるようになっています。</p><p>もともとボクは自分自身のために「<a href="https://chrome.google.com/webstore/detail/oiaejidbmkiecgbjeifoejpgmdaleoha">Stylebot</a>」という拡張機能を使って、書き込みの中の要素間のマージンの調整、コメントの文字サイズを一段小さく気持ちグレーに、知り合いかも的なSuggestionsのブロックを非表示、といったことをする「<a href="http://stylebot.me/styles/454">plus-minus</a>」を作って公開していました。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gplus-restyle-009.png" alt="gplus-restyle-009" title="gplus-restyle-009" width="450" height="253" class="alignnone size-full wp-image-5854" /></p><p>Stylebot をインストールしてからリンクを開くと右上に「Install」ってボタンが見えますので、それを押してあげればインストールされます。ちなみにこのStylebotのサイトでは、FirefoxとかでいうところのUserStylesみたいな感じでいろんなサイトの見た目を変えるCSSが公開されいます。</p><p>せっかくなので、今回のこの拡張機能を使った場合の改良版「<a href="http://stylebot.me/styles/496">Usability Boost for Google Plus + plus-minus</a>」を作って公開しましたので、それを入れてあげることでこの全体ブロックの左右の余白も調整されてごらんのようになります。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gplus-restyle-005.png" alt="gplus-restyle-005" title="gplus-restyle-005" width="450" height="253" class="alignnone size-full wp-image-5850" /></p><p>背景色のしかれた全体ブロックの左右に余白がつきました。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gplus-restyle-006.png" alt="gplus-restyle-006" title="gplus-restyle-006" width="450" height="253" class="alignnone size-full wp-image-5851" /></p><p>本文の文字サイズはそのままで、微妙な要素間のマージンを調整しています。あと、Usability Boost で追加された+1の数とコメント数の部分の背景を除去して、ほとんど見えるか見えないかの点線の区切り線を入れてます。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gplus-restyle-007.png" alt="gplus-restyle-007" title="gplus-restyle-007" width="450" height="253" class="alignnone size-full wp-image-5852" /></p><p>ストリームの画面をみるとこんな感じになりますね。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gplus-restyle-008.png" alt="gplus-restyle-008" title="gplus-restyle-008" width="450" height="253" class="alignnone size-full wp-image-5853" /></p><p>ちなみにUsability Boostを使わなくて「plus-minus」だけ入れてあげたらこのようになります。</p><p><strong>え？サークルが丸見えだって？ 大丈夫、たいして分けてないので（笑）</strong>。</p><h3>あくまでその場しのぎですから</h3><p>近いうちにGoogle+も正式版としてリリースされるでしょう。それまではフィールドテスト中ということもあっていろいろ変更も加えられていくはずです。サイト内の仕様に変更があった場合は、この類のものを入れてると画面表示がおかしくなったりする可能性が多々ありますのでくれぐれも自己責任でご利用ください。</p><p>あくまでもその場しのぎ、ってことでひとつよろしくお願いします。</p><p>（<strong>追記</strong>: 2011.07.15）連続して同じ画像が再共有されてうざったい人は、上のStylebotを入れて以下のコードを追加すれば消えますよ。</p><blockquote><p>div.ea-S-C.ea-S-rg-pa.d-s-r.ea-S{display:none;}</p></blockquote><p>リンクの概要とかに入ってくる画像は消えないので大丈夫です。</p><p>まったくなくなっちゃうのも困るな、って方は上のコードの代わりにマウスオーバーした時だけ見えるように以下のような記述を追加しても良いですね。</p><blockquote><p>div.ea-S-C.ea-S-rg-pa.d-s-r.ea-S{opacity:0.1;}<br /> div.ea-S-C.ea-S-rg-pa.d-s-r.ea-S:hover{opacity:1;}</p></blockquote> ]]></content:encoded> <wfw:commentRss>http://blog.gaspanik.com/restyle-google-plus-by-usability-boost/feed</wfw:commentRss> <slash:comments>0</slash:comments> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.gaspanik.com/restyle-google-plus-by-usability-boost" /> </item> <item><title>WebサイトとGoogleプロフィールを紐付けるAuthorship</title><link>http://blog.gaspanik.com/how-to-add-your-site-authorship-markup</link> <comments>http://blog.gaspanik.com/how-to-add-your-site-authorship-markup#comments</comments> <pubDate>Mon, 11 Jul 2011 09:36:42 +0000</pubDate> <dc:creator>[cipher]</dc:creator> <category><![CDATA[articles]]></category> <category><![CDATA[scribbling]]></category> <category><![CDATA[google]]></category> <category><![CDATA[googleplus]]></category> <category><![CDATA[profiles]]></category> <category><![CDATA[tips]]></category> <category><![CDATA[webdesign]]></category> <category><![CDATA[wordpress]]></category><guid isPermaLink="false">http://blog.gaspanik.com/?p=5809</guid> <description><![CDATA[タイトルには若干語弊があるんですが、Googleさんが先にブログで公開した「Authorship Markup」のことを書いておこうかと思います。WordPressでの導入の仕方は一番最後に参考サイトを載せています。]]></description> <content:encoded><![CDATA[<p>タイトルには若干語弊があるんですが、Googleさんが先にブログで公開した「<strong><a href="http://googlewebmastercentral.blogspot.com/2011/06/authorship-markup-and-web-search.html">Authorship Markup</a></strong>」のことを書いておこうかと思います。これまでそんなにGoogleプロフィールを気にすることもなかったのですが、Google+も始まっていろいろ変わってきてますしね。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/authorship.png" alt="authorship" title="authorship" width="450" height="253" class="alignnone size-full wp-image-5808" /></p><p>このAuthorshipっていうのは、「<strong>コンテンツ（の作者）とGoogleプロフィールを結びつけて、そのコンテンツの原作者が誰かなのかをはっきりさせること。それによって、Googleを使う人たちも検索結果からその作者を見つけやすくなるでしょう</strong>」といった感じでしょうか。</p><p>そんなわけで簡単ですが、Authorshipの追加の仕方をひとつ。</p><p><span id="more-5809"></span></p><h3>ブログを例に挙げて解説するとこんな感じ</h3><p>わかりやすく説明するためにブログを例にしてみますね。ブログの記事っていうのは、それぞれの記事に執筆者がいます。執筆者が単体であるうちのようなブログもあれば、複数人で書いてるブログもあることでしょう。</p><p>その記事の執筆者が誰なのかは、記事に併記されたクレジットなどから確認できますし、名前の部分にリンクが埋め込まれていればサイトのアバウトページ（もしくはそれに準ずるページ）などでプロフィールを確認することができます。ここまでは既存のブログやWebサイトによくある形です。</p><p>でも、それだけだとそこで完結してしまう。そこでAuthorshipの登場です。</p><p>それを用意しておけばの話ですが、「Googleプロフィール」というのは、Googleにある自分のアバウトページだと言い換えることもできます。そのプロフィールページにはリンクを入れる箇所が右側に用意されています。その部分とサイトのアバウトページをリンクさせる、とGoogleプロフィールとサイトが紐付くわけですね。その関係性を手短に説明するとこのような仕組みになっているようです。</p><p>前述した説明の一部だけ取り上げると単なる紐付けに思えるけど、実は同じ内容のコンテンツが仮に大量複製されて別サイトに掲載されても、そのコンテンツが初めてネットに出た時の執筆者が特定できるわけですよね。コピー先があたかも自分が書いたように同じように紐付けたらアウトというか。<strong>Googleさんからしてみれば、文章の大半が同じであるうさんくさいコンテンツの発見、そういうサイトの排除にも役立つんじゃないか</strong>と思われます（なので、ブログ書いてる人はやっといた方が良いかもね）。</p><h3>では、簡単に入れ方の説明を</h3><p>まず、サイト内にある個々の記事に執筆者名にリンクを入れてアバウトページへのリンクを貼ります。この時に使うのが「rel=&#8221;author&#8221;」です。</p><blockquote><p>Written by &lt;a href=&#8221;http://example.com/about&#8221; rel=&#8221;author&#8221;&gt;執筆者名&lt;/a&gt;</p></blockquote><p>このように「rel=&#8221;author&#8221;」を指定して、一旦アバウトページへリンクします。</p><p>それができたら、アバウトページには以下のように「rel=&#8221;me&#8221;」を使ってGoogleプロフィールへのリンクを追加します。</p><blockquote><p>&lt;a href=&#8221;GoogleプロフィールのURL&#8221; rel=&#8221;me&#8221;&gt;執筆者名&lt;/a&gt;</p></blockquote><p>たとえば、ボクの場合は以下のようになります。</p><blockquote><p>&lt;a href=&#8221;https://profiles.google.com/108893305869300078846/&#8221; rel=&#8221;me&#8221;&gt;こもりまさあき&lt;/a&gt;</p></blockquote><p>はい。サイト側の設定はこんな感じです。Googleプロフィールのボタンを使いたい場合は、<a href="http://www.google.com/webmasters/profilebutton/">こちらのページで生成</a>することができます。</p><p>最後にGoogleプロフィールのページのリンクを編集して、リンク先が「自分のことについて書かれているページだよ」ってところにチェックを入れて保存しておきましょう。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gprofiles.png" alt="gprofiles" title="gprofiles" width="450" height="253" class="alignnone size-full wp-image-5822" /></p><p>ちゃんとリンクされてるかどうか確認するには、「<a href="http://www.google.com/webmasters/tools/richsnippets">Rich Snippets Testing Tool</a>」で適当な記事のURLを入れてみると良いでしょう。</p><blockquote><p><strong>author</strong><br /> profile = http://example.com/about<br /> verified = <strong>Verified</strong>: The author link points to an author profile page on the same domain as this page.</p></blockquote><p>「Verified」という緑の文字が出てきたらおそらく大丈夫です。</p><p>最後のステップとして、<a href="http://www.google.com/support/webmasters/bin/answer.py?answer=1229920">この解説ページの</a>一番下にあるリンク先のフォームから何やら入れてくれって書いてあるようなので一応入れておきました。複数のサイトを持っていたりする場合などの説明もここに書いてありますのでそちらを参考にしてください。</p><p>＃WordPressでこの「rel=&#8221;author&#8221;」やら「rel=&#8221;me&#8221;」を追加する方法は、既にいくつかの記事が出ていますが、<a href="http://yoast.com/wordpress-rel-author-rel-me/">Yoast</a>さんのとこにテンプレートをいじる方法が載っています。ご参考までに。</p> ]]></content:encoded> <wfw:commentRss>http://blog.gaspanik.com/how-to-add-your-site-authorship-markup/feed</wfw:commentRss> <slash:comments>0</slash:comments> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.gaspanik.com/how-to-add-your-site-authorship-markup" /> </item> <item><title>覚えておきたい G+ のちょっとしたこと</title><link>http://blog.gaspanik.com/how-to-control-your-post</link> <comments>http://blog.gaspanik.com/how-to-control-your-post#comments</comments> <pubDate>Sat, 09 Jul 2011 03:39:19 +0000</pubDate> <dc:creator>[cipher]</dc:creator> <category><![CDATA[articles]]></category> <category><![CDATA[scribbling]]></category> <category><![CDATA[google]]></category> <category><![CDATA[googleplus]]></category> <category><![CDATA[tips]]></category> <category><![CDATA[webservices]]></category><guid isPermaLink="false">http://blog.gaspanik.com/?p=5663</guid> <description><![CDATA[目下フィールドテスト中のGoogle+ですが、先日公開した「はじめてのGoogle plus」が一部好評のようでしたので、調子乗って二回目をお届けしたいと思います。今回は「覚えておいた方がいいG+のちょっとしたこと」です。]]></description> <content:encoded><![CDATA[<p>※Google+が2011年9月21日より一般公開されたようですが、こちらの記事は<strong>フィールドテスト中の初期段階でまとめた内容です</strong>。全体的に大きな変更はないかと思いますが、記事中の画面のボタンや用語などの言い回しが変わっている可能性もあるのでご注意ください。</p><hr /><p><del datetime="2011-07-09T14:55:28+00:00">一般公開された瞬間にまたパンクして招待制に逆戻りした</del>というわけではなく目下フィールドテスト中のGoogle+ですが、先日公開した「<a href="http://blog.gaspanik.com/getting-started-google-plus">はじめてのGoogle plus</a>」が一部好評のようでしたので、調子乗って二回目をお届けしたいと思います。今回は「<strong>覚えておいた方がいいG+のちょっとしたこと</strong>」です。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gplus2-000.png" alt="gplus2-000" title="gplus2-000" width="450" height="253" class="alignnone size-full wp-image-5652" /></p><p>では、手短にいってみましょう。</p><p><span id="more-5663"></span></p><h3>特定の人とやりとりするには？</h3><p>前回、サークルのことや公開範囲の指定について軽く書きました。特定のサークルだけに向けることもできるし、複数のサークルを指定してもいいし、空のサークルを作れば自分のメモ書きとしても使えるよ、みたいな。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gplus2-001.png" alt="gplus2-001" title="gplus2-001" width="450" height="253" class="alignnone size-full wp-image-5653" /></p><p>G+には「@」「+」の文字を入れて相手の名前を入れることで、TwitterでいうところのMention（返信）にあたる名前を指定した発言ができます（相手に通知が届く）。でも、それでは残念ながらその発言の公開範囲に含まれる人には丸見えになります（当たり前の話）。</p><p>これをMentionではなくTwitterのDMに近い形でやりとりするには、サークルを使わないで直接相手を指定して発言すると良いでしょう。これで相手と自分しか見えないやりとりを実現できます。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gplus2-002.png" alt="gplus2-002" title="gplus2-002" width="450" height="253" class="alignnone size-full wp-image-5654" /></p><p>サークルを消して、相手の名前の始めの部分を直接入力し始めると、送信先の候補がわらわらと出てきます（全体ってのがなんともあれですがｗ）。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gplus2-003.png" alt="gplus2-003" title="gplus2-003" width="450" height="253" class="alignnone size-full wp-image-5655" /></p><p>相手が見つかったら選択すると、公開設定のサークルが並んだりする欄には特定の人だけになるのでこの状態でポストする、と。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gplus2-004.png" alt="gplus2-004" title="gplus2-004" width="450" height="253" class="alignnone size-full wp-image-5656" /></p><p>公開範囲は右上のボタンで確認できるので覗いてみると、ご覧のとおり送信した相手と自分だけが含まれるプライベートなものになっているのがわかります。要は二人しか見えないってことですね。</p><p><del datetime="2011-07-09T06:33:41+00:00">ただ、これだけだとたぶん通知は届きませんので、そこは必要に応じて「@」とかをうまく使いましょう（別にメールでもいいじゃん、って話でもある 笑）。</del><br /> 相手一人だと通知届きますね、届いてました（笑）。</p><p>「<strong>誰とHangoutしてるかばれちゃうなぁ</strong>」って書いてる人もいましたが、公開範囲をサークルに指定したらそりゃばれます…（笑）。なんとかとなんとかは使いよう、って先人たちは言ってました。そこは応用力の問題ですね。</p><p>Hangoutする時だってこの方法は使えるので、これさえ覚えてれば「Hangoutしてます！」みたいなことが他の誰かに公開されるわけでもないので、<strong>誰とやらしいことしてるかはばれませんよ？</strong>（たぶんｗ）。</p><h3>発言の取り扱いは、自分でコントロールしよう</h3><p>サークルや個人など公開範囲を設定した発言であっても、G+の場合はそれを見てる人が他の人に対して「再共有」できるようになっています。再共有とは、Twitterで言うところのRTにあたるもので、コメントなしでもコメントありでも任意の発言を引用して自分のサークル向けなどに発信できます。</p><p>ただ、その発言がパブリック（全体公開）であれば別段何の問題もありませんが、わりとこう限定的に発信されているものも多いと思います。</p><p>限定公開されている発言を再共有する時は、「限定公開されているけど大丈夫？」みたいなアラートが一応出るようにはなっていますが、自分以外の人の行動というのは読めませんしコントロールもしにくいものです（笑）。</p><p>「限定で公開なのに、再共有されてばれちゃった！」「なんてことするんだ、あいつは」といった、<strong>くだらないトラブルを未然に防ぐには、相手を責めなくても済むように自分でちゃんと発言の取り扱いをコントロールするのです</strong>、はい。</p><p>発言を再共有されたくない場合は、公開直後に右上の矢印のオプションメニューから「<strong>再共有を無効にする</strong>（Disable Reshare）」を選びましょう。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gplus2-005.png" alt="gplus2-005" title="gplus2-005" width="450" height="253" class="alignnone size-full wp-image-5657" /></p><p>これですね。コイツを選んであげる。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gplus2-006.png" alt="gplus2-006" title="gplus2-006" width="450" height="253" class="alignnone size-full wp-image-5658" /></p><p>すると、さっきまでそこに存在していた共有のリンクが消えます。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gplus2-007.png" alt="gplus2-007" title="gplus2-007" width="450" height="253" class="alignnone size-full wp-image-5659" /></p><p>再度有効にしたい場合は、もう一度選択しましょう。たとえば、ポストしたけどちょっと編集したい時なんかは、変に再共有されるまえにロックして書き直すってこともできるわけですね。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gplus2-008.png" alt="gplus2-008" title="gplus2-008" width="450" height="253" class="alignnone size-full wp-image-5660" /></p><p>再共有を有効にすれば、また元の位置に共有のリンクがあらわれます。</p><p>この公開後の発言の取り扱いは再共有だけではなくて、コメントも無効にすることができます。たまに自分の思いを書きたいだけで、あんまり他の人にガタガタ言われたくないってこともありますよね。たまたま全体公開で書いたら「あんた誰？」みたいな人に突っ込まれることもあるかもしれません（笑）。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gplus2-009.png" alt="gplus2-009" title="gplus2-009" width="450" height="253" class="alignnone size-full wp-image-5661" /></p><p>コメントも再共有同様、公開後にオプションメニューでオンオフを切り替えることができます。この辺はうまく使いこなしましょうね。でないと精神衛生上良くないことになります…。</p><p><img src="http://content.gaspanik.com/wp-content/uploads/2011/07/gplus2-010.png" alt="gplus2-010" title="gplus2-010" width="450" height="253" class="alignnone size-full wp-image-5662" /></p><p>あ、やっちゃったって時は発言そのものを消すこともできますよ。うっかりさんは覚えておきましょうね（笑）。</p><h3>ネットで何か公開するということは…</h3><p>このようなサービスにしても何にしてもそうなんですが、「<strong>ネットを使って何かを公開するってことは、それを出した瞬間に自分のコントロールできない領域にいってしまう</strong>」、ということは覚えておきましょう。</p><p>再共有を防ぐことぐらいは、今回紹介したような方法で一応の予防線をはることはできます。ただ、コピペされてしまえば一貫の終わり、誠に遺憾です（笑）。</p><p>よく世間では、「勝手に引用するな」とか「右クリック禁止」とか、ものによっては身勝手とも思えるようなことを言い出す人やサイトがあったりします。ボクも一応著作をもつ人間ですので、その辺の著作権に関わる問題とかはよくわかります。</p><p>ただ、「データ化して世に出す」ってことはですよ。発信側がいくら制限しようと思っても前述したように自分のコントロールできる範囲を超えてしまいます。それがデータである以上、簡単にコピーすることだってできるわけで。そこから先はもうその人の倫理観に委ねるしかありません。</p><p><strong>「右クリック禁止」とか野暮なことを言うぐらいなら、悪いことは言いませんからネット使って何かを発信するってことをそもそもやめちゃった方がいいんじゃないですかね？</strong></p><p>おっといけない、花粉症ですかね？ちょっと毒づきました（笑）。</p><p>まぁ、人に見られてあまり好ましくないような悪口だったりとかね。見られて困るようなものは、軽々しくインターネットの大海原に解き放たない方がいいです。自分じゃコントロールできません、良く覚えておきましょう。</p><h3>相手はGoogleです、これも覚えておきましょう</h3><p>これはボクが勝手に思ってることなんですが、Google+はTwitterと同系列では考えない方が良いかな、とね。なんせ相手はGoogleさんですから。やろうと思えばいろいろなものと紐付けることができるわけです。</p><p>そういう可能性がある以上、この先の未来のどこかで自分という個に対するオンライン・プレゼンスに影響を与えるかもしれません。その部分は、ほぼ単体で動いてるようなTwitterとは大きく違います。</p><p>もちろん普段の生活と切り分けて、別の人格として匿名でやることもできます。ただ、何もかもが結びついてしまうと困るような人は、隠そうと思えば隠せるTwitterと同じノリでやらない方が良いんじゃないかな？と。</p><p>これがうまくいくかどうかなんて、未来のことは誰もわかりません。でも、うまく回り始めた時に困らない、逆にそれを使えば自分にプラスになるように今のうちから立ち回るのもありですよね？</p><p>なんせ相手はGoogleさんですし、サービス名はGoogle+ですから。</p> ]]></content:encoded> <wfw:commentRss>http://blog.gaspanik.com/how-to-control-your-post/feed</wfw:commentRss> <slash:comments>0</slash:comments> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.gaspanik.com/how-to-control-your-post" /> </item> </channel> </rss>
<!-- Served from: blog.gaspanik.com @ 2012-02-07 10:39:47 by W3 Total Cache -->
