Archive for ‘ March, 2007 ’
MacユーザーのためのLifehackガイド、『Lifehack with Mac』にてcheck*padが紹介されました。まだ発売前ですが、見本誌をいただきました（BNNさん、ありがとうございます！）。
↑ これが表紙。
↑ check*padが紹介されているのはP163。日本語に特化したToDoリストとして紹介されています。
発売予定は3月28日ですね。目次などは以下をどうぞ。カテゴリーごとにわかれていて見やすいです。ツール類が好きな方は覗いてみては。
あと体裁が綺麗・・・持っていて気持ちのいい本ですね。よろしければどうぞ。
これはアイディア賞。
Yahoo! Pipesの機能（の一部）をブックマークレットで実現しています。指定したキーワードでフィルタリングしたRSSがボタン一発で取得できます（ちょっとしたHackをすれば・・・後述）。
何かのブログを読んでいて「全部はいらないけどこのキーワードが出てきたときだけ欲しいな」というときに便利です。ブログ検索でも同様のことができそうですが、ブックマークレットから瞬時にアクセスできる点がすばらしいですね。
使い方はちょっと癖があるので以下に画像付で解説。
↑ まずはブックマークレットをインストール。ツールバーにドラッグ＆ドロップでOKでしょう。
↑ 37signalsのブログに来ました。37signalsは近日中にHighriseなる製品をリリースします。その情報だけ欲しかったとしましょう。
↑ ブックマークレットをクリックするとダイアログボックスが現れます。「Highrise」と指定。
↑ するとRSSが生成されました。
↑ RSSをクリックするとGrazrの画面に（GrazrはRSSをフォーマットしてくれるツール）。これはこれで見やすいですが、自分のRSSリーダーで読みたいもの。Grazrに表示されているRSSをコピーします。あとはそれをRSSリーダーに登録するだけです。
ただ、お察しのとおり、最後でGrazrの画面を仲介するのがややこしいです。そこで簡単にHackしてみます。
変更前のコード。
javascript:q = "" + (window.getSelection ? window.getSelection() : document.getSelection ? document.getSelection() : document.selection.createRange().text); if (!q) q = prompt("You didn't select any text. Enter a search phrase:", "");var querystart="";var queryend="";var query=querystart + q + queryend;function txt(str){ return document.createTextNode(str)}function tag(n,c){ var e=document.createElement(n); e.style.fontFamily='Arial,sans-serif'; e.style.color='#000'; if(c)e.appendChild(c); return e}function p(c){ return tag('p',c)}function a(href,desc,titl){ e=tag('a',txt(desc)); e.href=href; if(titl)e.title=titl; e.style.color='#00c'; e.style.textDecoration='none'; return e}function img(src, alt){ e=tag('img'); e.src=src; e.alt=alt; e.border=%220%22; return e}function abslnk(href){ if(!href.match(/^http/)){ var path=(href.match(/^\//))? '/' : location.pathname; href='http://'+location.hostname+path+href; } return href;}function grazrlnk(link){ var grazr=%22http://grazr.com/gzpanel.html?theme=gloss_black&addbar=on&file=http://pipes.yahoo.com/pipes/pipe.run?_id=dCunRCfP2xGZfglMOUVYtA&_render=rss&query=" + query + "&feedurl=%22; var href=abslnk(link.getAttribute('href')); var titleinit=link.getAttribute('title'); var pipe=" | "; title=titleinit + pipe + query; var displaytitle=(title) ? title : ''+href; return a(grazr + href, displaytitle, 'Click here to view ' + displaytitle + ' using Grazr');}var el=tag('div');el.style.zIndex=100000;el.style.position='absolute';el.style.padding='10px';el.style.top='10px';el.style.left='10px';el.style.backgroundColor='#ddeeff';el.style.border='1px solid #cdcdcd';el.style.textAlign='left';var feeddiv=tag('div');var controldiv=tag('div');var help=a('http://www.cleverclogs.org/2007/03/onepipefitsall.html', '?', 'Check this bookmarklets homepage on CleverClogs');controldiv.appendChild(help);var close=a('#','X','Click here to close this panel');close.onclick=function(){el.style.display='none'; return false;};controldiv.style.textAlign='right';controldiv.appendChild(txt(' '));controldiv.appendChild(close);controldiv.appendChild(tag('br'));el.appendChild(controldiv);var found=false;var feedicon=%22http://www.cleverclogs.org/feed-icon-16x16.png%22;var links=document.getElementsByTagName('link');for(var i=0,link; link=links[i]; i++){ var type=link.getAttribute('type'); var rel=link.getAttribute('rel'); var href=link.getAttribute('href'); if (type&&(type=='application/rss+xml'||type=='application/atom+xml')&&rel&&rel=='alternate'){ feeddiv.appendChild(img(feedicon,'feed icon')); feeddiv.appendChild(txt(' ')); feeddiv.appendChild(grazrlnk(link)); feeddiv.appendChild(tag('br')); found=true; } }if(found){ el.appendChild(p(txt('This page links to these files:'))); el.appendChild(feeddiv);}else{ el.appendChild(p(txt('This page does not link to any files.')));}document.body.appendChild(el);y=window.scroll(0,0);
変更後のコード。かなりわかりにくいですが、Grazrのところを削除するだけでOKっぽいです。
javascript:q = "" + (window.getSelection ? window.getSelection() : document.getSelection ? document.getSelection() : document.selection.createRange().text); if (!q) q = prompt("You didn't select any text. Enter a search phrase:", "");var querystart="";var queryend="";var query=querystart + q + queryend;function txt(str){ return document.createTextNode(str)}function tag(n,c){ var e=document.createElement(n); e.style.fontFamily='Arial,sans-serif'; e.style.color='#000'; if(c)e.appendChild(c); return e}function p(c){ return tag('p',c)}function a(href,desc,titl){ e=tag('a',txt(desc)); e.href=href; if(titl)e.title=titl; e.style.color='#00c'; e.style.textDecoration='none'; return e}function img(src, alt){ e=tag('img'); e.src=src; e.alt=alt; e.border=%220%22; return e}function abslnk(href){ if(!href.match(/^http/)){ var path=(href.match(/^\//))? '/' : location.pathname; href='http://'+location.hostname+path+href; } return href;}function grazrlnk(link){ var grazr=%22http://pipes.yahoo.com/pipes/pipe.run?_id=dCunRCfP2xGZfglMOUVYtA&_render=rss&query=" + query + "&feedurl=%22; var href=abslnk(link.getAttribute('href')); var titleinit=link.getAttribute('title'); var pipe=" | "; title=titleinit + pipe + query; var displaytitle=(title) ? title : ''+href; return a(grazr + href, displaytitle, 'Click here to view ' + displaytitle + ' using Grazr');}var el=tag('div');el.style.zIndex=100000;el.style.position='absolute';el.style.padding='10px';el.style.top='10px';el.style.left='10px';el.style.backgroundColor='#ddeeff';el.style.border='1px solid #cdcdcd';el.style.textAlign='left';var feeddiv=tag('div');var controldiv=tag('div');var help=a('http://www.cleverclogs.org/2007/03/onepipefitsall.html', '?', 'Check this bookmarklets homepage on CleverClogs');controldiv.appendChild(help);var close=a('#','X','Click here to close this panel');close.onclick=function(){el.style.display='none'; return false;};controldiv.style.textAlign='right';controldiv.appendChild(txt(' '));controldiv.appendChild(close);controldiv.appendChild(tag('br'));el.appendChild(controldiv);var found=false;var feedicon=%22http://www.cleverclogs.org/feed-icon-16x16.png%22;var links=document.getElementsByTagName('link');for(var i=0,link; link=links[i]; i++){ var type=link.getAttribute('type'); var rel=link.getAttribute('rel'); var href=link.getAttribute('href'); if (type&&(type=='application/rss+xml'||type=='application/atom+xml')&&rel&&rel=='alternate'){ feeddiv.appendChild(img(feedicon,'feed icon')); feeddiv.appendChild(txt(' ')); feeddiv.appendChild(grazrlnk(link)); feeddiv.appendChild(tag('br')); found=true; } }if(found){ el.appendChild(p(txt('This page links to these files:'))); el.appendChild(feeddiv);}else{ el.appendChild(p(txt('This page does not link to any files.')));}document.body.appendChild(el);y=window.scroll(0,0);
このブックマークレットを実行すると・・・。
↑ これでGrazrを経由せずにRSSを表示してくれるようになりました。めでたし、めでたし。余力がある人はご利用されているRSSリーダーに直接突っ込むブックマークレットをつくってもよいかも。
ご利用＆詳細は以下からどうぞ。
» CleverClogs: OnePipe : the Single-Button Generic Feed Filtering Bookmarklet
昔からあるような気がしないでもないですが、まぁ、とにかくご紹介。
一枚の画像をアップすると、たくさんの画像からモザイク風の大きな画像を作ってくれます。
普通にモザイクにするよりも変わった効果を狙えますね。展示会とかでも使えるかと。
以下、簡単にご紹介。
↑ 今回題材にするのは今日の百式で紹介したこちらの画像。
↑ この画像をアップ。
↑ するとこのようなモザイク写真が！
↑ 拡大するとこのように小さな写真から構成されています。
↑ こんな感じの写真がばんばんつくれますね。
お気に入りの写真をちょっと違った感じで見せたいときに便利かと。よろしければどうぞ。
やたらかっこいいロボットアーティスト『BROTRON.COM』
この人の作品、かっこいいですね。手作りロボットです。メタルな質感が素敵です。
いくつかご紹介。
↑ マンガに出てきそう・・・。
↑ 強そうだぞ・・・。
↑ うって変わって女性風。コブラ思い出した。
他にもいろいろありますね。よろしければどうぞ。ロボット以外も味があります。
» BROTRON
さて愛用しているRSSリーダーのフレッシュリーダーですが、バージョンが2にあがったようです。
» 社内ブログと連携するRSSリーダー – フレッシュリーダー
先日の開発合宿のときから試用させてもらっていたので速攻レビュー。昔のバージョンでも相当良かったですが、さらに良くなっていますよ。サーバーインストール型なのでちょっとハードルは高いですがとてつもなくおすすめです。
詳しい機能は公式サイトを見ていただくとして、個人的にぐっときたポイントをご紹介。
■ 「前回未読」がついた！
今回のバージョンアップで最大級に便利なのが「前回未読」機能。
フレッシュリーダーを使っていてうっかりウィンドウを閉じてしまったり、ブラウザがクラッシュしたときに「さっきまで開いていたページが見たいのに！」とときってかなりあります。
そうしたときにこの「前回未読」が大活躍です。直前に開いていたページを見ることができます。すでに何度救われたことか・・・。
↑ この「前回未読」が超便利！心理的にかなり楽になりました。
毎日使うものでもないですが、この機能があるおかげで、ブラウザがクラッシュしないように・・・などの余計な心配をする必要がなくなりました。この機能は本当にうれしいです。
■ デザインが2.0っぽくｗ
デザインが今風になりました。ストライプやミニアイコンがうれしいですね。細かいですがFaviconの出来も秀逸かと。毎日使うツールだけにデザインは気持ちがいいものが良いですよね。
↑ アイコンはどこぞのサイトで購入したらしいですよ。
■ ブックマーク機能！
前々から赤松さんが言っていたブックマーク機能がつきました。
もともとフレッシュリーダーは社内用に作られているので、同僚達だけでブックマークランキングを作っていくことができます。
はてなブックマークのように「一般的に何が流行っているか（一般的でもないか・・・）」も良いですが、社内でブックマークを共有することによって業界に特化したランキングができそうです。仕事に直結する情報源になりますね。
↑ 気になる記事はブックマーク。コメントももちろんつけられます。
↑ 他の人がつけたコメントは記事のタイトル下に。社内利用で活躍しそうです。
↑ ブックマークした記事はフレッシュリーダーのトップ画面に。「○ users」なども表示してくれます。
■ ショートカットもちょこっと素敵に
これは文章で書いてもよく伝わらないでしょうが、ショートカットによる記事の閲覧がスムーズになりました。するすると次の記事に行ってくれるので目で追うのが簡単になりました。
また次の記事へ飛ぶときにサイトのタイトルで一旦とまってくれたり（この記事ってどのブログのだっけ？と混乱することがなくなりました）、今見ている記事のタイトルがオレンジになったり、と細かいところまで作りこまれています。
ちょっとしたことですが、ショートカットを多用して大量の情報を閲覧している人にはかなり便利です。
■ タイトル編集が可能に
購読しているブログのタイトルをフレッシュリーダー上で変更できるようになりました。英語のブログなどはわかりやすいタイトルに変更してもよさそうですね。
↑ 「タイトルを変更する」メニューが追加されました。
■ 個人利用が無料に！
ライセンス体系が見直され、個人利用が無料になりました。これはうれしいですね。レンタルサーバーを借りてブログをやっている人などもこれを機会にチャレンジされてみるのはいかがでしょうか。
以上、簡単ではありますが、フレッシュリーダーのレビューでした。個人的にはもう手放せないツールですね。よろしければどうぞ。
これはすごい・・・。
最近話題の顔認識プログラムを使って自動で「笑い男」を貼り付けてくれます。
URLかファイル名を指定してあげるだけ。これはアイディア賞だなぁ。クリエイティブです。負けました。
せっかくなので試してみましょう。
こんな写真も・・・。
おー、ちゃんと認識してくれます。
こちらも・・・。
すごい。
いくつかの写真ではちょっと失敗しましたが、それでもすごい精度ですね。これを使ってさらにクリエイティブなことをする人が現れそうな予感・・・。
よろしければどうぞ。
掲載記事のご連絡。日経ビジネス『Associe』、臨時増刊号でcheck*pad、GTDが取り上げられました。
↑ 表紙はこちら。
この増刊号のテーマは「成功するキャリアの作り方」、そのなかの「話題のGTDをキャリアプラン実現に活用する」で紹介していただきました（P78-P81）。
↑ こんな感じで4ページにわたりご紹介いただきました。
GTDも地道に定着していくとうれしいですね。個人的にはほぼストレスフリーなのでおすすめです。それからcheck*padも最近放置気味なわりに着実にユーザー数を伸ばしており、現在5万3千人ぐらいですかね・・・。そろそろ重くなってきたのでメンテナンスが必要ですね。文字コード直したい。
それから今回の増刊号、巻頭インタビューがアツいです。特に幻冬舎の見城さん。いくつか彼の名言をば。興味のある方は是非読んでみてください。
魅力的な人間にしか人は動かせない。自分が魅力的になるためには全力で生きるしかないんだ。ちゃんと生きる方法なんて人それぞれだから、何が正解とは言えないけど、少なくとも「この人のために何かしたい」と思われるような人間にならないとダメだよな。
こちらもアツい言葉です。
心が運動していないヤツってフラットでしょう。心が運動して初めて魅力が発散される。それがセクシーってことだよ。
よろしければどうぞ。
ちょっとタイミングを逃した感ありますが、かまわずにエントリー。
Life is beautifulの「ユーザー・インターフェイスの設計に大切なのはデザイン・ポリシー」を読んでいて賛同するとともに、もちょっと違う角度から書いてみたいと思った。
ちなみに中島さんの英語のブログにはデザインについてもちょっと詳しく書いてありますね（↓）。こっち先読んだ。
» Life is Beautiful: Feature creep and user experience
さて、デザインとか機能とかについて。
だらだら書くのもアレなので、自分が何かを（ユーザー・エクスペリエンス、か）デザインするときによく頭に浮かぶ言葉をあげてみます。
シンプルなツールをいろいろ出している、おなじみ37signalsのブログから。”Less is More”じゃない、”Less is better”、という主張。I agree。
» “Less is More” is Bullshit – Signal vs. Noise (by 37signals)
“The Laws of Simplicity”なる本を出している前田さんの言。シンプルは全部省く、ということではない、という意味でAgree。
» The Laws of Simplicity » Blog Archive » Law 10: The One
上の前田さんの言ではmeaningfulを足せ、といっていますが「じゃ、なに？」というときにちょっと思い浮かぶのがこの言葉。「デザインにスパイスを与える3C」と覚えるのもいいかも。こういう感情に訴えかけてくるものは重要すよね。
» Treat cute, clever, and cool as spices – (37signals)
大好きなブログのCreating Passionate Usersから。僕の中では”More features = less competitive”に脳内変換されています。
» Creating Passionate Users: Ignore the competition
合宿で赤松さんがよく言っています。せっかく作った機能がこの一言でどれだけお蔵入りになったか・・・（泣）。でも結果的に正しいです、とても。
何が正しいかは自分が設定した目標とそれに対するユーザーの反応で決まるのだろうけれど、僕が試している範囲ではこうしたポリシーが今はうまくいっているようです。ご参考までに・・・（異論・反論もあるでしょうが）。
ときに、こうした名言は記憶に残るからいいですよね。当たり前っぽいことでも言い方一つで記憶への残り方が違います。極めたいな、こういう能力。
地味にすごい、と言われている米国のAsk City（地図サービス）ですが、新しい機能が追加された模様。
なんと、地図上に図形を描いて「その中から検索」することができます。
「ここらへんで（といいながら円を描き・・・）、カフェがないかな～」なんてことが実現できてしまいます。この発想はなかった・・・すばらしい。
↑ このように検索したい範囲を描きます。円でも四角でも。
↑ 左上に出るめがねアイコンをクリックすると「この範囲内から検索」ができます。
↑ cofeeで検索したらこれだけ見つかりました。すげー。
超ズームなどもいいですが、こうした直感的な検索方法もいいですね。すばらしいアイディアです。ちなみに線をひいて「この道に沿ったお店を探す」なんてこともできるようです。
すべての地図サービスに実装してもらいたいクリエイティブなアイディアですね。
» The Ask.com Blog: The New Shape of Local Search
■ 追記（2007-03-09）
これをアップして3分後ぐらいにmiyagawaさんからメッセ（速すぎｗ）。曰く、「yelpもそうですよー」とのこと。
ローカル検索のyelpでは左側に検索結果、右側に地図が出るのですが、右側の地図をドラッグすると、それにあわせて左側の検索結果もダイナミックに更新されます。おー、これも便利。
Ask Cityのように範囲選択を明示的にするわけではないですが、こちらも直感的な操作ですね。すばらしい。miyagawaさん、ありがとうございましたー。
↑ 右側の地図をドラッグすると左側も自動的に更新されます。
開発合宿の成果ktkr。
あきやんがつくっていた『はてブTV』です。はてブをダラ観、というコンセプト。ちゃんとテレビっぽいのがすごい。
機能はいたってシンプル。はてブのランキングをだらだら流してくれるだけです。おもしろいのはコメントがニ○ニ○動画っぽく流れていく点（人気記事だとコメント出すぎだって・・・ｗ）。
つけっぱなしにしておけばその日の流行りモノを仕入れることができますね。よろしければどうぞ。
» はてブTV
ちなみにちょっと裏話。
実はこの作品、すでに昨年から出来ていたのですが（たしか昨年の5月）、あきやんが悶々と（謎）しているうちになぜかお蔵入りに。
今回の開発合宿ではそれを完成させるつもりだったようですが、合宿中に誰かが「これってやっぱりコメントをニコニコ風でしょ」と言ったのがきっかけでこんなことにｗ。
開発合宿でのちょっとしたアイディアが形になっていくのは一参加者としてうれしいですね。そしてさくっと実装してしまったあきやんもやっぱりすごい。
今年も開発合宿やらないとなー・・・、としみじみ思いました。
誠Biz.IDの「Webサービス図鑑」を応援中です！
