matuダイアリー

先日のことです。Twitterで仲良くさせている@RyoAnnaさん、@beck1240さんがEvernoteへの自動蓄積という非常に刺激的な記事を書いてくださいました！

• Evernoteに記憶を自動保存する方法 - RyoAnna’s iPhone Blog
  以前にもMAILPIAを使ったEvernoteへの自動保存方法を記事にしてくださっていましたが、今回は記憶のプロセスに沿って、どのようなサービスを使ってどのように準備すればいいのか書き下ろしてくださっています。わかりやすくて、さすがだなぁという印象です。
  
• Hacks for Creative Life!: インプット情報をEvernoteに全自動転送する
  @beck1240さんの方は、私と同様に少なからず全文保存へのこだわりが垣間見えます。これだけのWebサービスをうまくコラボレーションして独自の自動保存システムを構築できる方はそういないと思います。すごい！
  

で、大変恐縮ですが、私もEvernoteへの蓄積ないし自動保存は結構苦労して考えた覚えがあるので、ご紹介をしてみたいと思った次第です。

■私の場合

どこにアウトプットをするかという観点で書くと、もう少しだけあるのですが、Evernoteに保存するということに限定すると、私の場合は以下の様になります。絵心がないのは勘弁してください。

@RyoAnnaさん、@beck1240さんと同様に、RSSをメール配信して、Evernoteに自動保存しようとするアプローチは同じです。
私の場合は、全文へのこだわりが強かったので、この形に落ち着くまでにも、まるごとRSSで全文化してみたり、Yahoo!pipesで整形してみたり、自動化したかったので、RSSをメール配信してくれるサービスをいろいろあたったりもしたのですが、どれも納得いきませんでした。どうも、全文にすれば良いだけじゃなくて、クリップが美しくないと駄目だったみたい(^^;A

インターネット上のリソース(Webclip)

上の図で、インターネット上のサービスの使い方なんですが、登場人物は少ないですよね。私があまり多くのサービスを使いこなせないのと、サービス障害時のことを考えるとできるだけ少なくしたかったんです。

共有アイテム

Evernoteに自動保存するアイテムをここに入れます。ここに入れたら終わりです。FriendFeedなどのフィード集約&メール配信サービスを利用するのも良いのですが、やはりGoogle Readerが安定しています。

登録フィード

多くの方の真似をして、お気に入りサイトのフィードの他、Googleアラート、Twitterのお気に入りをここに入れています。

フィード未登録のWebページ

Webページはよく巡回しています。このときに保存したいページがあった場合は、EvernoteのWebclip用のbookmarkletではなくて、Google Readerの共有用のbookmarklet*1を使います。

自動保存プログラム

RSSの全文化はどうも美しくない、全文化できたあとに全文を1記事1クリップ*2としてメール配信してくれるサービスがないなどの理由で、ここはあきらめてスクラッチしました。以下の流れで動きます。

1. cronから定期起動される
2. Google Readerの共有アイテムのフィードをダウンロードし、パース(以下はパースして得たURL分ループ)
3. パースして得たページのURLを、Instapaperのパラメータとしてリクエストを送信し、画像付きテキストに変換後のページをダウンロード
   Instapaperは、本来の未読管理の方はまったくつかっていなくって、画像付きテキスト表示目的でよく利用しています。すみません。
   
4. ページ内に含まれる画像もダウンロードし、inline HTML mailの形式に変換
5. Evernoteに送信

手抜きで申し訳ないのですが、こちらに一時的にWebインタフェースのサンプルを置いています。

PC/iPhoneなどのデバイス

ほとんど、インターネットの方で書いてしまいました。ブラウザやRSSリーダは、Google Readerの共有アイテムに放り込むことができれば良いので、iPhoneアプリなどもよく変わります… いいアプリが多くて困ったものです…。

Outputアプリ

とくにiPhoneですが、最近はEvernote連携を実装したものが多くなりました。
私の場合は、

• ホワイトボード/モレスキン->DocScanner->Evernote
• WriteRoom(メール)->Evernote

などという連携をよく使います。
Evernote、メールでの投稿が優れすぎているので、とくにAPI連携はいらないんじゃないかとも思ってます。

■全文にこだわる理由

全文にこだわる理由ですが、ずばり、検索効率をあげるためです。@RyoAnnaさんが書かれている「想起（検索）」の部分を大事にしています。理由付けとして弱い気もするのですが、本当にこれだけ…。

もちろんアウトプットすることはそれ以上に大事だとは思うのですが、たとえば「以前、検索できたページが検索できない」なんて経験はないでしょうか？もちろんブックマークなりしておけば、簡単に再検索することも可能なはずなんですが、それを忘れると大変な労力がかかります。最悪の場合、そのページはすでに存在しなくって、Googleのキャッシュや、Internet Archiveにも残ってないなんてこともあり得ます。

おそらく、すべての人が毎日大なり小なり問題を抱えていて、それに対する最適解を探すために"検索"という行為を行っていると思います。ですが、"検索"は案外難しいと思うんです。
自分の記憶、他人の記憶、インターネット上のリソースなど、さまざまな検索対象がありますが、どれも時間が経てば経つほど、記憶が薄れたり、対象データが増えたり消えたりして、検索が難しくなります。*3

であれば、自分の身の丈にあったデータベースを作っておきたいなぁという思いがあって、Webページについては全文クリップする方法を模索し続けています。

• iPhoneでもブックマークレットを使って、WebクリップをEvernoteに保存しよう！ - matuダイアリー
• [iphone]Tweetie2のCustom Mobilizerを使って、Evernoteに全文クリップしながらページを閲覧！ - matuダイアリー
• iPhoneでもブックマークレットを使って、より良いWebクリップをEvernoteに保存しよう！ - matuダイアリー

どうでしょう？手段に溺れたみたいに全文クリップのことばかり書いてます(笑)
でも、できることなら怠慢したいですよね。後々怠慢できるようになるなら手段に溺れるのも悪くないかなと思ってます(^^;A

■Evernoteについて

最後に、Evernoteについてですが、Evernoteに集約することばかり考えて、Evernoteがなくなったらどうする？と不安な方も多いはずです。私も怖いです(^^;A
EvernoteのEverは、時期的に考えて、いつでもどこでも(everytime,wherever)のeverでクラウドを意識したものと思いますが、是非foreverのeverであって欲しいですね！

最近いろんな方が、ブログにRetweetボタンをつけているので、私も検討してみました。
それで良さそうだったのが、

• Tweetcount Widget — BackType

です。

これは、簡単にいっちゃうと以下のことができます。

1. Retweetボタンを表示
   RTのフォーマットはある程度カスタマイズできますし、その際URLは短縮されます。
   
2. ツイッターで記事のURL(短縮されているURLでもOK)を含むツイートがあった場合、そのカウンタを表示
   たまに、ツイッターの検索機能を使って、自分の記事に対するツイートを検索したりしてるんですが、短縮後のURLもカウントしてくれるので、これはいいなぁと思いました。
   

ブロガーが、読んでいただいている方の反応を知る方法として、

• ブログへのコメント/トラックバック
• はてぶのブックマーク数/コメント
• ツイッターのツイート

などが考えられると思いますが、私は最近ツイッター重視です。
うれしい順に並べなさいと言われると困るのですが、やはりブログをやっているので、単に発信するだけではもったいないなと考えていて、読んでいただいている方と、お互いを高め合えるような、そんな交流ができたらいいなと思っています。
ブログへのコメントってやはり少し密な気がしますし、ツイッターの緩さと速さは、そういう交流をする場合に大きな力になると思います。言及いただいたら、フォローうんぬんに関わらず、積極的にReplyしていこうと考えてます(^^)

それでは、BackType Widgetを画面で確認してみます。
BackType Widgetの埋め込みタグを任意の場所に挿入すると、以下のように表示されます。



ここで、「Retweet」をクリックすると、


Twitter(Web版)でRTの投稿画面に遷移し、「t」や数字をクリックすると、


BackTypeのサイトで、記事のURLを含むツイートを確認できます。ちゃんと4件ありますね！
たまにこの画面をブログにインラインで表示しているサイトを見かけるのですが、WordPressのプラグインか何かでしょうか…。

■adiary向け設定

Widgetのページにあるようなタグを_main.html、_main_onelog.htmlに埋め込んでいけばできます。

1. /path/to/adiary/diary.skelから_main.htmlと_main_onelog.htmlを/path/to/adiary/diary.user.skelにコピー
2. /path/to/adiary/diary.user.skelにコピーした2ファイルの任意の場所に以下のタグを挿入。
   

   <script type="text/javascript">
       tweetcount_url = '<@v.server_url><@t.this_diary_url>';
       tweetcount_title = '<@t.title>';
       tweetcount_src = 'RT @xxx:';
       tweetcount_via = false;
       tweetcount_links = true;
       tweetcount_size = 'small';
       tweetcount_background = 'FFFFFF';
       tweetcount_border = 'CCCCCC';
       tweetcount_api_key = '5c3bba3f5d77a46a13453091e36dc1cde4335e9299a1edeeaa3c31d193b33fda';
   </script>
   <script type="text/javascript" src="http://widgets.backtype.com/tweetcount.js"></script>
   

   @xxxはツイッターのアカウント名です。
   

ページごとではなく、ブログ全体に対して、設定したい場合は、tweetcount_urlの設定値をブログのURLにして、埋め込みテキストなどで対応すればOKです。
ということで、しばらく様子を見ながらこれを使ってみます(^^)

■追記

微妙にタイトルを修正しました。
「BackType Tweetcount Widget」を使って、言及カウンタとRetweetボタンをつけてみました！→
「BackType Tweetcount Widget」を使って、言及カウンタとRetweetボタンを表示してみました！

先週末、私用で名古屋に行ってきました。
せっかくなのでということで、ツイッターで名古屋近辺にお住まいの@RyoAnnaさんや@mst47さんに「会いませんか」と声をかけさせていただいたら、快諾していただいたんです！@RyoAnnaさんが他の方と調整をしてくださって@mono_logさんにも来ていただけました(^^)名古屋でツイッターオフです！

■参加者

オフ会のレポートってどうも難しいみたいなので、いろんなテンプレートを使ってチャレンジしていこうと思います。今回の参加者は以下のとおりです。

@RyoAnnaさん	今回、お店の予約から時間の調整など、何から何までお世話になりました。今やiPhoneブログ界では、言わずとしれたヒットメーカーなので、ご存じの方も多いかと思いますが、アフ…。夢を壊さないようにやめておきます。当日は言えませんでしたが、金○昇に似たさわやか美男子だと思いました。相方曰く、藤○直○に似てるそうです。 ブログは、RyoAnna’s iPhone Blog

@mst47さん	私がiPhoneを買って、ツイートするようになった頃から親しくさせていただいている私の兄的存在。Macの情報を共有したり、PushGmailの時は、2人でいろいろテストしてたなぁと。お会いしてみるとさわやかにエロくて意外でした(笑)今年は、Google Waveを使えるようになりたいですね～。

@mono_logさん	@RyoAnnaさんのおかげで知り合うことができました。アイコンやブログのデザインがかっこよくって、デザイン系のお仕事をされているのかなぁと思っていたら、全然違っていてびっくりしました。当日に即席で作ったという名刺もかっこよかった。 ブログは、mono-log-magazine

@matukoko	相方です。iPhoneを買ってすぐに、@hitoxuさんの「ひとぅスタイル」をプリントアウトしてきたりするなど鋭い嗅覚の持ち主で若干怖い(笑)最近は私がブログを書く行為やツイッターで交流する行為にも理解をしようと努力してくれています。日頃は迷惑ばかりかけてすみません(笑)@RyoAnnaさん曰く、アイコンは本人にかなり似ている。

@matubiz	私。ずぼらなO型です。@RyoAnnaさんにA型だと思われててビックリした。怠慢するための努力はよくしますが、基本的にユルユルです(笑)

この５名で、FOR YOU 名古屋駅店で集合し、会食しました。オシャレなお店でしたよ～(^^)

■お話しいろいろ

ざっくりで申し訳ないんですが、お話ししたことを、簡単に振り返ってみたいと思います。

ツイッター

• @RyoAnnaさんは、@kuracyanさんのことを「クラシアン」さんだと思っていた
  気になって仕方なかったので、みんなでリアルタイムで確認しました(笑)「くらちゃん」だと思っていたので、相当ビックリ。というか、@RyoAnnaさんは@kuracyanさんにリアルでお会いしたことあるのにこの思い違いは面白かった(^^)
  @kuracyanさん、お子さんが高熱で大変だったにも関わらず、おつきあいいただき、ありがとうございますm(_ _)m
  
• @hiro45jpさん、お会いできず残念
  @hiro45jpさんは、同時期に名古屋に出張されていたので、運が良ければご一緒できるかもとわくわくしていたのですが、残念ながら叶いませんでした。
  
• @m0r1さん、しぶい
• @hitoxuさんの「ぽ」
• 皆さんのフォローのきっかけとか

iPhone

• Tweetie2でのコメント付きRT(My辞書登録、TextExpander)
• @RyoAnnaさんのフリック入力はやっぱりすごかった
  私の持っているフリック入力練習アプリで試してもらったんですが、酒席で私のベストスコアをたたき出すのはすごいなぁと思いました。あの後、ホテルにかえってやってみたら、スコアが全然低くて、すごさを実感した次第です(^^;A
  
• WriteRoom、最近調子悪い…
• matuスタイルは公開しないのか？
  自分である程度納得できたら公開できればいいなぁと思っています。変にEvernoteへの全文クリップへのこだわりがあって、@RyoAnnaさんに「全文にこだわらなくても…」とアドバイスをもらうも、逆に燃えてしまって、昨日今日で作りました。GoogleReaderからEvernoteへの自動全文クリップシステム。追々。
  
• ぷにゅぷにゅ

ブログ

• 日本のアプリのセール情報をプッシュ通知してくれるアプリがあって、そのことを書こうと思ってる
  • 日本のAppStoreのセール情報をプッシュ通知してくれるアプリ"AppChecker" - RyoAnna’s iPhone Blog
• ブログは、狙って書くと読んでもらえない(笑)
  @RyoAnnaさんも、私も経験ずみのことです。内心、「これ、本当にオススメなんだけどなぁ」と思っている記事に限って、読者には受けない。これ本当(笑)自分が書きたいことを素直に発信していくのがいいんですね、きっと。初心に返って、楽しもうと思いました。
  
• @RyoAnnaさん、Evernoteの使い方を見直ししていて、記事にしようと思っている

と、いろんなお話しができたんですが、それでもやっぱり時間は足りませんでした。もっと語り合いたかった…。

そうそう、なぜタイトルが新人歓迎会かというと@RyoAnnaさんが、私に会うために奥様に言った口実が「新人歓迎会」だったそうです(笑)
そういえば@RyoAnnaさん、@hiro45jpさんに会うときも理由を作るのに苦労してた覚えがあって、微笑ましかったです。

最後に、@RyoAnnaさん、@mst47さん、@mono_logさん、金曜日の夜という良い時間に、お集まりいただいてうれしかったです。本当に感謝しています。上京の機会がありましたら、気兼ねなくご連絡ください。また、私が名古屋に赴く際には相手をしていただけると幸いです。

やっぱり、人との出会いは楽しいですね(^^)

どこかで見たことのあるタイトルかもしれません。以前、

• iPhoneでもブックマークレットを使って、WebクリップをEvernoteに保存しよう！ - matuダイアリー

という記事を書かせていただきました。
私はiPhoneでもよくブラウザ(Safari)を起動してWebサイトを巡回しているのですが、そのときにも残しておきたいページに出会ったらのEvernoteにクリップしておきたいなぁという想いで書きました。

今回は、Evernoteにクリップする前に間にInstapaper's Mobilizerに喰わせることで、よりよいWebクリップを収集できないかと考えました。

実は、先ほどTweetie2のCustom Mobilizerネタを書いているときに、Instapaper's Mobilizerに喰わせて、Webクリップにできないかも検討していたんです。
検討の末、Instapaper's Mobilizerに渡すURLパラメータはエンコードされたURLである必要があるみたいなのでNG*1だったのですが、個別にブックマークレットとして紹介したいと思います。

まず、現在閲覧中のページをInstapaper's Mobilizerを通して閲覧したい場合は

• 現在閲覧中のページをInstapaper's Mobilizerで表示してみる

をクリックもしくはタップしてみてください。どうでしょう？画像付きテキストのシンプルな表示で、いかにもWebクリップ向きと思うのは私だけでしょうか。これも便利なので、ブックマークレットとして登録しておくと良いかもしれませんね！
登録方法は、

1. こちらのページをいったんブックマークに保存する
2. 1.で保存したブックマークを編集し「javascript:〜よりも前」(http://d.matu.biz/~?まで)を削除する
3. タイトルをわかりやすいように修正する

です。


で、やりたいのは先ほどのInstapaper's Mobilizerで表示したページをEvernoteにWebクリップしたいということなんですが、こちらも用意しました。

• 現在閲覧中のページをInstapaper's Mobilizerで変換したものをEvernoteにクリップしてみる

一応これが本日のメインなのですが、お気に入りでしたら是非是非、保存して使ってみてくださいね。登録用のリンクはこちらで、登録方法は先ほどと同じです。

ということで、より良いiPhoneライフのために、最近マニアック指向に走りがちなmatuがお届けしました(笑)

まずは、@gakushiさんのこちらの記事です！

• gakuhead blog: Tweetie2のMobilizerカスタム設定で、Instapaper's Mobilizerを利用する。

なんとも、Tweetie2使いらしい素晴らしいハック！と感激してしまったのですが、「Custom Mobilizer」に設定する

http://instapaper.com/m?u=%@

このインタフェースを見て、私は別のことを妄想してしまいました。
「フォローしている人たちのツイート中のWebページをEvernoteに全文クリップしながら読む」
ということです。

先に結論から言いますと、できるけど実用性は低いかなという感じです。あくまで、Tweetie2の使い方の可能性を探る意味で読んでいただいて、他に有用な使い方があれば、シェアさせていただきたいと思いますので、よろしくお願いします！

■Tweetie2からEvernoteへ全文クリップを放り込むための設定

前置きはなしにして、設定に入ります。Tweetie2のCustom Moilizerの設定を利用します。
起動して「Settings -> Advanced -> Mobilizer -> Custom」と移動して、下記を入力します。

http://s.evernote.com/grclip?url=%@

これで、準備は完了です！この設定だと、ノートのタイトルはつけることができないのですが、あとでタギングするときなどに修正すれば良いかと思います。

■実際にクリップしてみる

設定が完了したら実際にTLやリスト上に流れているURLをタップしてみます。


初回は、Evernoteのログインページが表示されると思います。2回目以降はセッションの有効期間中はログイン画面はでないはずです。


ログインが完了すると、Webクリップの完了画面が表示されるので、「Continue to clipped page」ボタンをタップしてクリップしたページを表示して閲覧することができます。

通常はページを読んで、「残しておきたい」という衝動からクリップすることの多いEvernoteだと思うのですが、この方法だと、クリップしながら読むというスタンスになります。

あくまで読んでからクリップするということを考えると、使い道は、

1. まず、「Custom Mobilizer」は無効にしておく
2. TLに流れるツイートの中のURLを巡回し、気に入ったらふぁぼる
   このとき、@RyoAnnaさんの以下の記事を参考に、TwitterをRSSとして使用すれば、情報の流れがよりスマートに、そして効率よく残したい情報クリップできると思います！
   
   • TwitterをRSS Readerとして利用する方法 - RyoAnna’s iPhone Blog
3. 「Custom Mobilizer」をEvernoteのWebクリップ用のものに切り替える
4. 先ほどふぁぼったツイートの中のURLをタップし、どんどんクリップしていく

という感じかなと思います。
ただ、なにぶんクリップするまで時間がかかるのでストレスを感じるかもしれません…。

■おまけ

先ほど、「Custom Mobilezer」に設定した

http://s.evernote.com/grclip?url=%@

というインタフェースですが、%@でエンコードされたURLを参照することができます。なので、はてぶにブックマークしながらページを閲覧するなんてこともできちゃいます。
私は、自分の中でEvernoteを情報の集約場所として定義しているため、今回はWebクリップしながらページを閲覧する方法にしました。他にも、工夫次第で面白い使い方ができるかもですねTweetie2(^^)