tag:hyper-text.org,2008://1.0 2009-11-01T14:04:05Z Blog、RSS、XML、HTML関連の話題、インターネット上での最新トピックスなど Yoshiki Kato http://hyper-text.org/profile/ http://hyper-text.org/img/favicon.png http://hyper-text.org/img/share/site_title_feed.png tag:hyper-text.org,2009-11-01://1205 2009-11-01T13:07:21Z 2009-11-01T14:04:05Z

ちょっと更新サボりすぎでしたが、最近 HTML5 関連の話もとっても増えてきましたので、ここらで HTML5 に関する情報を集めるときに情報源として有益なサイトをまとめてみたいと思います。やはり、英語での情報が多くなってしまうので、英語能力が残念な私なんかは結構厳しいんですが、いくつか日本語での情報源も挙げてみましたので、併せて見ておくといいと思います。

Yoshiki Kato <p>ちょっと更新サボりすぎでしたが、最近 HTML5 関連の話もとっても増えてきましたので、ここらで HTML5 に関する情報を集めるときに情報源として有益なサイトをまとめてみたいと思います。</p> <p>やはり、英語での情報が多くなってしまうので、英語能力が残念な私なんかは結構厳しいんですが、いくつか日本語での情報源も挙げてみましたので、併せて見ておくといいと思います。</p> <p>ちなみに、XHTML 好きな私としては、XHTML5 で次のサイトリニューアルとか考えてたんですが、XML MIME タイプが使えない IE どうしよっかなとか、振り分けとかするの面倒だなとか考えてたらちょっとテンション下がっちゃいました。しばらくは HTML 互換の XHTML 1.0 を text/html で提供し続けるかも。。ホント IE なんとかしてくれよ。</p> <p>と、愚痴はさておき、いきましょう。</p> <h3>オフィシャルな情報</h3> <p>まずは、仕様策定を行っているワーキンググループのオフィシャルなサイトから。</p> <ul> <li><a href="http://blog.whatwg.org/">The WHATWG Blog</a><br />WHATWG の公式 Blog です。特に、毎週アップされる、「This Week in HTML5」 は読んでおくといいですよ。</li> <li><a href="http://www.w3.org/html/">W3C HTML Working Group</a><br />W3C の HTML ワーキンググループページ。最新情報が順次発信されてます。</li> <li><a href="http://wiki.whatwg.org/wiki/Main_Page">WHATWG Wiki</a><br />WHATWG サイト内の wiki ページ。特に<a href="http://wiki.whatwg.org/wiki/FAQ">FAQ</a>は役に立ちます。</li> <li><a href="http://html5.org/tools/web-apps-tracker">(X)HTML5 Tracking</a><br />HTML5 の仕様変更をトラッキングできます。ここを追っていれば、仕様策定の過程を見ることができます。</li> </ul> <h3>仕様書</h3> <p>何はともあれ、仕様書です。まだ策定中の仕様ですので色々と変更がありますが、押さえておきましょうね。</p> <ul> <li><a href="http://www.w3.org/TR/html5/">HTML 5</a><br />W3CのHTML5仕様書です。</li> <li><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/">HTML5（WHATWG）</a><br />WHATWG版の仕様書です。上記は複数ページ版。<a href="http://www.whatwg.org/specs/web-apps/current-work/">1ページ版</a>もあります。</li> <li><a href="http://www.w3.org/TR/html5-diff/">HTML5 differences from HTML 4</a><br />HTML 4 から HTML5 で何が変わったの？っていうまとめです。<a href="http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/" title="HTML 5 ― HTML 4 からの変更点（2009年8月25日版）">日本語訳</a>もミツエーリンクスさんが公開してくれています。</li> </ul> <h3>HTML5 関連の情報サイト</h3> <p>HTML5 に関して有益な情報を提供してくれるサイトも多々ありますが、その中からオススメを。</p> <ul> <li><a href="http://html5doctor.com/">HTML5 Doctor</a><br />HTML5 関連の有名人が共同で運営している情報サイト。必読サイトです。後述する <a href="http://www.html5.jp/">HTML5.JP</a> さんで日本語訳が公開されていますので見ときましょう。</li> <li><a href="http://diveintohtml5.org/">Dive Into HTML5</a><br />Google を代表して HTML5 の策定に携わる Mark Pilgrim 氏のコンテンツ。すばらしいです。最終的には書籍として発売される流れですが、書籍発売後もコンテンツは残ります。っていうか翻訳版でないかなぁ</li> <li><a href="http://www.veign.com/reference/html5-guide.php">HTML5 Quick Reference Guide</a><br />HTML5 のクイックリファレンスです。PDF でダウンロードできるので便利ですね。</li> </ul> <h3>Twitter</h3> <p>Twitter でも HTML5 関連の情報は取得できます。他で挙げたものと情報がかぶっているものもありますが一応。</p> <ul> <li><a href="http://twitter.com/WHATWG">WHATWG (WHATWG) on Twitter</a><br />WHATWG の公式 Twitter アカウント。</li> <li><a href="http://twitter.com/w3c">W3C Team (w3c) on Twitter</a><br />W3C の公式 Twitter アカウント。HTML5 以外にも新着情報が流れてます。</li> <li><a href="http://twitter.com/html5">html5 (html5) on Twitter</a><br />(X)HTML5 Tracking の情報がひたすら流れてきます。</li> <li><a href="http://twitter.com/w3c_wai">WAI at W3C (w3c_wai) on Twitter</a><br />HTML5 とは直接関係ないですが Web Accessibility Initiative (WAI) の公式アカウントです。</li> <li><a href="http://twitter.com/HTML5watcher">HTML5watcher (HTML5watcher) on Twitter</a><br />HTML5 関連ネタをひたすら RT している bot です。HTML5 っていう単語があると反応するみたいで、たまにあまり関係ないのも入ってきますがまあ参考までに。</li> <li><a href="http://twitter.com/html5gallery">html5 gallery (html5gallery) on Twitter</a><br />後述する HTML5 Gallery の Twitter アカウントです。RSS か、こちらのアカウントをフォローしておけば、最新のサイトをチェックできますね。</li> </ul> <h3>日本語での情報</h3> <p>まだまだ日本語での情報は少ないですが、有益なコンテンツを提供されているサイトもあります。特に HTML5.JP はオススメです。</p> <ul> <li><a href="http://www.html5.jp/">HTML5.JP</a><br />リファレンスを始め、仕様書の日本語訳、上記で紹介した HTML5 Doctor の日本語訳もありますので押さえておきましょう。</li> <li><a href="http://groups.google.com/group/html5-developers-jp">html5-developers-jp ： Google Groups</a><br />HTML5 に関して日本語でディスカッションするための Google Group です。</li> </ul> <h3>HTML5サンプル &amp; ギャラリー</h3> <p>HTML5 のサンプルや HTML5 でコーディングされたサイトのギャラリーなど。人のソースコードを参考にするのもまた楽しいですね。</p> <ul> <li><a href="http://html5gallery.com/">HTML5 Gallery ： A showcase of sites using HTML5 markup</a></li> <li><a href="http://html5demos.com/">HTML 5 Demos and Examples</a></li> <li><a href="http://ayuta.co.jp/html5-samples/index.html">HTML5サンプル集 ： 株式会社あゆた</a></li> </ul> <h3>Canvas</h3> <p>一応、Canvas 関連の情報も。Mozilla Developer Center（MDC） のチュートリアルは日本語なので役に立つと思いますよ。あと、下の3つは Canvas を使ったデモです。（前述の MDC でも<a href="https://developer.mozilla.org/Special:Tags?tag=Canvas_examples&amp;language=ja">日本語でのサンプルがいくか公開</a>されています。）</p> <p>個人的には SVG でも Canvas でも何でもいいんですが、プラグインに頼らずできる範囲が広がることはいいことなんで期待してます。だから IE がんばれ。ちなみに現時点で IE 上で Canvas をエミュレートしたい場合は 「<a href="http://excanvas.sourceforge.net/">ExplorerCanvas</a>」 を使えばいいと思います。</p> <ul> <li><a href="https://developer.mozilla.org/ja/Canvas_tutorial">Canvas チュートリアル ： MDC</a></li> <li><a href="http://dev.opera.com/articles/view/html-5-canvas-the-basics/">HTML 5 canvas - the basics ： Opera Developer Community</a></li> <li><a href="http://modern-carpentry.com/workshop/html5/waveform/">making waves with html5</a></li> <li><a href="http://9elements.com/io/projects/html5/canvas/">HTML5 Canvas and Audio Experiment</a><br />このデモに関する記事 （<a href="http://9elements.com/io/?p=153">HTML5 Canvas Experiment ： IO 9elements</a>）</li> <li><a href="http://www.benjoffe.com/code/demos/canvascape/">3D Walker ： Canvascape</a></li> </ul> <h3>おまけ</h3> <ul> <li><a href="http://delicious.com/burnworks/html5">burnworks's html5 Bookmarks on delicious</a><br />delicious で私がブックマークした HTML5 関連の記事など。たまにタグ付け忘れたりしてるので抜けてる場合もあります。。その場合は<a href="http://delicious.com/burnworks">全ブックマーク</a>の方を見ていただければ。</li> <li><a href="http://twitter.com/burnworks">Yoshiki Kato (burnworks) on Twitter</a><br />普段はくだらないことつぶやいてますが、上のブックマークの自動投稿や、HTML5 関連で気になったことも希につぶやきますのでよろしければ。</li> </ul> <p>一応、HTML5 に特化して情報を提供しているサイトを中心にまとめてみましたが、もし他にもオススメのサイトなどありましたら教えてください。</p> <img src="http://feeds.feedburner.com/~r/wacth/~4/RKaCZSa_rbw" height="1" width="1"/> tag:hyper-text.org,2009-11-01://1206 2009-11-01T11:06:28Z 2009-11-01T14:26:32Z

すいません告知ですが、縁あってマルチメディアスクールWAVE さんで、「Web コーディング実践講座」 というビデオ講座を担当させていただきました。講座は 「PAL」 というオンデマンド学習方式で提供されますので、事前に教則ビデオを撮っておいて、それを使って生徒さんは自分のペースで学習していくという形式になります。

Yoshiki Kato <p>すいません告知ですが、縁あって<a href="http://www.mswave.co.jp/">マルチメディアスクールWAVE</a> さんで、「<a href="http://www.mswave.co.jp/course_all/web_coding.htm">Web コーディング実践講座</a>」 というビデオ講座を担当させていただきました。講座は 「PAL」 というオンデマンド学習方式で提供されますので、事前に教則ビデオを撮っておいて、それを使って生徒さんは自分のペースで学習していくという形式になります。</p> <p><a href="http://www.mswave.co.jp/course_all/web_coding.htm">Web コーディング実践講座 講座の詳細</a></p> <p>これから Webサイト制作の現場を目指そうという方を対象にしていますので、ほんとに基本的な内容が中心ですが、教本に私の共著である 「<a href="http://www.amazon.co.jp/o/ASIN/4844324241/burnworksdesi-22/">Web標準XHTML+CSSデザイン クリエイターが身につけておくべき新・100の法則。</a>」 を使っていただきましたので、この書籍の内容を主に、実際にサンプルソースコードを使って学習していく内容になっています。</p> <p>ということで、詳しい講座内容はリンク先をご確認ください。ちなみに、リンク先のページの情報は先方が宣伝用に作ってますので、本人的にはとってもこそばゆい感じで恥ずかしすぎてリンクするのを躊躇したくらいなんで、あまり触れないでください。。</p> <img src="http://feeds.feedburner.com/~r/wacth/~4/-s6VlJaLVVU" height="1" width="1"/> tag:hyper-text.org,2009-09-29://1203 2009-09-29T04:30:46Z 2009-09-29T06:12:36Z

個人的に Twitter って誰をフォローするか （というかどういうタイムラインを作りたいか） が楽しむ上では一番重要かなと思うんですが、そういう意味では自分の所属する業界とか興味のある事柄に関連したアカウントからフォローして行くっていうのは、Twitterをスタートする時点では最も簡単で有効な方法だと思います。ということで、人様の記事に乗っかる感じですが、業界とか別に Twitter アカウントをまとめてある記事とかサイトのまとめ。

Yoshiki Kato <p><img class="f" src="http://hyper-text.org/img/post/twitter.png" alt="Twitter" />個人的に <a href="http://twitter.com/">Twitter</a> って誰をフォローするか （というかどういうタイムラインを作りたいか） が楽しむ上では一番重要かなと思うんですが、そういう意味では自分の所属する業界とか興味のある事柄に関連したアカウントからフォローして行くっていうのは、Twitterをスタートする時点では最も簡単で有効な方法だと思います。</p> <p>ということで、人様の記事に乗っかる感じですが、業界とか別に Twitter アカウントをまとめてある記事とかサイトのまとめ。</p> <h3><a href="http://ideapad.jp/64627fd9/show/">フォローすべきTwitterアカウント一覧 ： IDEA*PAD</a></h3> <p><a href="http://ideapad.jp/64627fd9/show/"><img src="http://hyper-text.org/img/post/twitter_account_matome_01.png" alt="IDEA*PAD" /></a></p> <p>百式の田口さんがまとめてる　Twitter アカウント一覧。芸能人とか経営者とか、カテゴリごとに分けて掲載されてるので見やすいですね。</p> <blockquote> <p>以下、敬称略、順不同です。基本的に日本語のアカウントのみということで。</p> </blockquote> <h3><a href="http://dekiru.impress.co.jp/blog/2009/06/twitter_4.html">Twitterの有名人・公式・お役立ち情報アカウント一覧 ： できるネット＋ 編集部ブログ</a></h3> <p><a href="http://dekiru.impress.co.jp/blog/2009/06/twitter_4.html"><img src="http://hyper-text.org/img/post/twitter_account_matome_03.png" alt="できるネット＋ 編集部ブログ" /></a></p> <p>上のと多少かぶりますが、有名人や政治家、メーカーなどカテゴリ別にまとめられています。</p> <blockquote cite="http://dekiru.impress.co.jp/blog/2009/06/twitter_4.html"> <p>Twitterに参加している有名人や各種の情報配信用アカウント、公式アカウントなどを集めたリストです。</p> </blockquote> <h3><a href="http://www.mediaontwitter.com/">MediaOnTwitter</a></h3> <p><a href="http://www.mediaontwitter.com/"><img src="http://hyper-text.org/img/post/twitter_account_matome_04.png" alt="MediaOnTwitter" /></a></p> <p>海外メディア関係者の Twitter アカウントをまとめたデータベース。メディア界の有名人多し。</p> <h3><a href="http://japan.zdnet.com/sp/feature/06sp0130/story/0,2000066437,20400417,00.htm">TwitterでフォローすべきIT専門家100人 ： ZDNet Japan</a></h3> <p><a href="http://japan.zdnet.com/sp/feature/06sp0130/story/0,2000066437,20400417,00.htm"><img src="http://hyper-text.org/img/post/twitter_account_matome_11.png" alt="MediaOnTwitter" /></a></p> <p>海外のアカウントですが、IT 専門家のアカウントまとめ。</p> <blockquote cite="http://japan.zdnet.com/sp/feature/06sp0130/story/0,2000066437,20400417,00.htm"> <p>以下は、Twitterで積極的につぶやいているIT専門家100人のリストである。このリストにはITメディア関連のプロフェッショナルや専門家が数多く含まれている他、耳を傾ける価値のある最高経営責任者（CEO）や最高技術責任者（CTO）、開発者も含まれている。</p> </blockquote> <h3><a href="http://l-w-i.net/l/official_twitter_account.txt">公式Twitterアカウントまとめ ： Life with IT</a></h3> <p><a href="http://l-w-i.net/l/official_twitter_account.txt"><img src="http://hyper-text.org/img/post/twitter_account_matome_07.png" alt="Life with IT" /></a></p> <p>ポータルサイトとかメディア系の公式アカウントまとめ。</p> <blockquote cite="http://l-w-i.net/l/official_twitter_account.txt"> <p>メディア・サービス・各種情報提供など、公式Twitterアカウントは有用なものが多く、フォーローしておくとタイムリーな情報収集が可能になるのでまとめていきます。</p> </blockquote> <h3><a href="http://www.cat-art-npo.com/blog/?p=5">アート関連twitterアカウントまとめ ： NPO CAT blog</a></h3> <p><a href="http://www.cat-art-npo.com/blog/?p=5"><img src="http://hyper-text.org/img/post/twitter_account_matome_06.png" alt="NPO CAT blog" /></a></p> <p>NPO法人コンテンポラリーアートイン東京がまとめたアート関連 Twitter アカウントまとめ。</p> <h3><a href="http://www.mdn.co.jp/content/view/9541/78/">デザイン関連のTwitterアカウントまとめ ： MdN Interactive</a></h3> <p><a href="http://www.mdn.co.jp/content/view/9541/78/"><img src="http://hyper-text.org/img/post/twitter_account_matome_09.png" alt="MdN Interactive" /></a></p> <p>Web デザイン関連ではおなじみの MdN がまとめたデザインに関連する Twitter アカウント一覧。</p> <blockquote cite="http://www.mdn.co.jp/content/view/9541/78/"> <p>Twitterに参加している国内のデザイン関連イベント・団体アカウントと、制作に関連したコミュニティのアカウントをリスト化しました。デザイン関連の情報をお求めの方は、フォローしてみてはいかがでしょう。</p> </blockquote> <h3><a href="http://d.hatena.ne.jp/nuit/20090908">日本のミュージシャンのTwitterアカウントまとめ ： NightFlags</a></h3> <p><a href="http://d.hatena.ne.jp/nuit/20090908"><img src="http://hyper-text.org/img/post/twitter_account_matome_05.png" alt="NightFlags" /></a></p> <p>日本人のミュージシャンを集めたまとめ。</p> <h3><a href="http://spreadsheets.google.com/pub?key=phtgMLGe8aahYaH0pRs7VHg">Artists, Bands and Musicians on Twitter</a></h3> <p><a href="http://spreadsheets.google.com/pub?key=phtgMLGe8aahYaH0pRs7VHg"><img src="http://hyper-text.org/img/post/twitter_account_matome_08.png" alt="Artists, Bands and Musicians on Twitter" /></a></p> <p>こちらは海外のミュージシャン、バンドの Twitter アカウントをまとめた Google Spreadsheets です。</p> <h3><a href="http://www.vippers.net/blog/2009/09/twitter-1.html">Twitterを活用している飲食店のアカウントまとめ（随時更新） ： ヌルめのつぶやき</a></h3> <p><a href="http://www.vippers.net/blog/2009/09/twitter-1.html"><img src="http://hyper-text.org/img/post/twitter_account_matome_02.png" alt="ヌルめのつぶやき" /></a></p> <p>飲食店関連の Twitter アカウントがまとめられています。</p> <blockquote cite="http://www.vippers.net/blog/2009/09/twitter-1.html"> <p>店舗公式系アカウントと経営者などが持つアカウントと分類できそうですが、今のところは分類せずに雑多に載せておきます。関連記事など見つけた場合にはそれも併記してあります。 </p></blockquote> <h3><a href="http://twitter.com/amntwit/following">AMNツイッターリスト</a></h3> <p><a href="http://twitter.com/amntwit/following"><img src="http://hyper-text.org/img/post/twitter_account_matome_10.png" alt="AMNツイッターリスト" /></a></p> <p>AMN パートナーブロガーの Twitter アカウント一覧です。<a href="/archives/2009/07/amn_twitter_list.shtml">当 Blog でも過去に紹介しました。</a></p> <p>他にも色々ありそうですが、とりあえず 11個選んでみました。あとはリアルの知り合いさんのアカウントとその人がフォローしているアカウントをたどって行ってみるとかするといいんじゃないでしょうか。</p> <p>関連リンク<br /> <a href="http://twitter.com/burnworks">Yoshiki Kato (burnworks) on Twitter</a></p> <img src="http://feeds.feedburner.com/~r/wacth/~4/qjyig3Pv-WY" height="1" width="1"/> tag:hyper-text.org,2009-09-23://1201 2009-09-23T01:53:37Z 2009-11-01T15:54:03Z

Google Wave Developer Blog にて 「Google Wave in Internet Explorer」 という記事が投稿されています。今まで多く Web サービスが IE を切り捨てる方向でサポート停止を表明している流れに対して、IE から乗り換えられない人たちに対して解決策を提供する姿勢は評価できると思います。

Yoshiki Kato <p><a href="http://twitter.com/burnworks/status/4304162960">Twitter でも書いた</a>のですが、Google Wave Developer Blog にて 「<a href="http://googlewavedev.blogspot.com/2009/09/google-wave-in-internet-explorer.html">Google Wave in Internet Explorer</a>」 という記事が投稿されています。</p> <p><a href="http://wave.google.com/">Google Wave</a> を Internet Explorer で使用できるようにするため、「<a href="http://code.google.com/chrome/chromeframe/">Google Chrome Frame</a>」 というプラグインをリリースしましたよという内容ですが、今まで多く Web サービスが IE を切り捨てる方向でサポート停止を表明している流れに対して、IE から乗り換えられない人たちに対して解決策を提供する姿勢は評価できると思います。</p> <p><img src="http://hyper-text.org/img/post/google_chrome_frame_ie.png" alt="Google Chrome Frame" /></p> <p>Google Wave は HTML5 や JavaScript による DOM の操作など、最新の Web 関連技術を多く使用していますが、IE では最新版の IE8 でもその辺のサポートがまだまだイケてない状態。さらに、デベロッパーの皆さんが忌み嫌っている IE6 のシェアも今だ大して下がらずな状況で、ここ最近 <a href="http://www.ie6nomore.com/">IE6 撲滅キャンペーン</a>的な動きが活発です。</p> <p>しかし、IE(6) を使い続けている人も好きで使っている人やアップデートの仕方がわからない人だけでなく、「アップデートしたくてもできない」 という人も多く含まれています。そういう人たちに対して、「ウチのサービスを使いたかったらブラウザを乗り換えてください」 というのはまあ簡単なんですが、あまり親切とは言えません（シェアが高すぎて影響を受ける人が多すぎ）。そういう意味で今回の Google の試みは面白いのかなと思います。</p> <p>Google としても IE はサポート外だから Chrome に乗り換えてねって言うより、このプラグイン入れてねと言う方が機会損失を抑えられるんじゃないでしょうか。とりあえずは Google Wave を IE で使えるようにするためっていうのが目的のようですが、今後に期待したいプロジェクトです。</p> <p>個人的に、Firefox や Safari も今回の Google Chrome Frame 同様、IE 用にレンダリングエンジンだけプラグインで提供しだしたりしたら、IE の皮を被った Firefox や Chrome や Safari だらけなんてことになって面白いなとか勝手な想像しちゃいました。</p> <p>参考リンク<br /> <a href="http://code.google.com/chrome/chromeframe/developers_guide.html">Google Chrome Frame Developer's Guide</a></p> <img src="http://feeds.feedburner.com/~r/wacth/~4/ZGdfxzD4fIE" height="1" width="1"/> tag:hyper-text.org,2009-09-11://1199 2009-09-11T14:59:38Z 2009-09-11T16:17:06Z

Yoshiki Kato <p>ちょっと個人的なネタですが。仕事柄、何か面白そうな Web サービスがリリースされると、とりあえずアカウントだけは作って色々試してみるわけですが、中にはそのままハマって使い続けるものもあれば、当然ながらあまり使わずに放置ってものもあります。</p> <p>その中でも特に日常的に使用している Web サービスをまとめて紹介 &amp; 主要な使い道なんかを書いてみたいと思います。常用中のサービスとしては、そんなに珍しいサービスを使っているわけではないので掘り出し物はないと思いますが、同じサービスでも人によって使い方というか重視する点なども違うと思いますので何かしら参考になれば。</p> <h3>Google Reader &amp; FeedDemon</h3> <p><img class="f" src="http://hyper-text.org/img/post/feeddemon.png" alt="FeedDemon" />FeedDemon はインストール型の RSS リーダーなので Web サービスではありませんが長年使ってます。現時点での最新バージョンとなる v3系では Google Reader とシンクすることができるようになっていますので、インストール型の使い勝手（オフラインでも記事が見られるとか）を享受しつつ、Google Reader を通して複数の PC 間で登録フィードや既読・未読情報などを同期することができて便利です。（元々は <a href="http://www.newsgator.com/">NewsGator</a> というオンライン RSS リーダーと同期できたのですが、それが終わるので Google Reader との同期に移行している状態です。）</p> <p>Google Reader は言わずとしれた Google が提供するオンライン RSS リーダーですが、上記の通りシンクに使っているだけで実はあまりログインとかはしてません。FeedDemon 側でフィードを登録したりすれば自動的に Google Reader にも反映されます。（もちろん設定で同期しないようにもできます。また閲覧に認証が必要な RSS フィードは自動同期されません。）</p> <ul> <li><a href="http://www.google.co.jp/reader/">Google Reader</a></li> <li><a href="http://www.newsgator.com/Individuals/FeedDemon/">FeedDemon (for Windows)</a></li> </ul> <p>また、iPhone 版が <a href="http://www.newsgator.com/individuals/netnewswireiphone/">NetNewsWire for iPhone</a> としてリリースされています。（現在ベータ版の v3.2 で FeedDemon 同様 Google Reader との同期に対応、移行するようですがまだ正式リリースされていません。）</p> <h3><a href="http://twitter.com/">Twitter</a></h3> <p><img src="http://hyper-text.org/img/post/twitter_cp.png" alt="Twitter" /></p> <p>気がついたらもう2年以上も使ってて、Twitter ってリリースからそんなに時間経ってたんだっけと思ったりしましたが、おなじみのつぶやくやつです。下記でつぶやいてます。</p> <ul> <li><a href="http://twitter.com/burnworks">Yoshiki Kato (burnworks) on Twitter</a></li> </ul> <p>基本的には好き勝手適当につぶやいてます。話題的にはサッカーとかモータースポーツとか、音楽のこととか。この Blog のライト版みたいなノリで面白そうな Web 関連のニュースとか HTML や CSS に関することもたまにつぶやきます。ちなみに Last.fm から現在聞いている曲と、delicious へのポストを定期的につぶやいてますがこれは自動投稿です。</p> <p>Twitter に付随して、写真を上げるのに <a href="http://twitpic.com/">Twitpic</a> を。delicious と Last.fm からの自動投稿に <a href="http://twitterfeed.com/">twitterfeed</a> を使っています。あとメインの Twitter クライアントは <a href="http://tweetdeck.com/beta/">TweetDeck</a> で iPhone でも使ってます。</p> <h3><a href="http://www.tumblr.com/">Tumblr</a></h3> <p><img src="http://hyper-text.org/img/post/tumblr_cp.png" alt="Tumblr" /></p> <p>RSS リーダーと併用していますが、とにかく大量の情報をひたすら浴びる場所って感じで使っていますので、dashboard の流れはかなり速めです。フィードを見ていて気になった記事とかスクラップする感覚で投稿しています。アカウントは下記です。エロはないので職場での閲覧もご安心ください。</p> <ul> <li><a href="http://burnworks.tumblr.com/">BurnTumblr</a></li> </ul> <p>使ってて思うのは Tumblr で流れてくる情報は鮮度が高いですね。ここで見た話題が数日後にはてブ界隈とかで話題になってたりしますので、そういう意味ではとにかく最新の話題にいち早く触れておきたいという人にはお勧めかもしれません。</p> <p>あとはフォローする人の選び方でしょうか。Tumblr 上では雑多な情報がぐるぐる回っていますが、その情報伝達のハブ的存在の人がいます。フォローする数はそれほど多くなくてもそういう人のアカウントを押さえとくだけで情報量と情報範囲は結構いい感じになりますので、まずは <a href="http://www.tumblr.com/directory">Tumblr Directory</a> などから探して気になった人をとりあえずフォローしてみて、流れてくるポストが合わなければアンフォローしてという感じで徐々に最適化していくといいと思います。</p> <p>Tumblr ライフを快適にするにはいくつかのツールとの組合わせがオススメです。その辺は下記のエントリーで書いていますのでご参考まで。</p> <ul> <li><a href="/archives/2009/04/tumblr_quick_start.shtml">5分でわかる Tumblr の始め方</a></li> <li><a href="/archives/2009/04/tumblr_custom_domain.shtml">独自ドメインで Tumblr を使う</a></li> </ul> <h3><a href="http://www.last.fm/">Last.fm</a></h3> <p><img src="http://hyper-text.org/img/post/lastfm_cp.png" alt="Last.fm" /></p> <p>iTunes や Windows Media Player と連動して自分が聞いている曲を公開しつつ、それをベースにユーザー間で交流したりといった音楽 SNS と言われるサービスです。ユーザーの趣向に合わせてインターネットラジオに曲が配信されたりと色々と面白い機能が盛りだくさんです。私のアカウントは下記です。</p> <ul> <li><a href="http://www.last.fm/user/burnworks">burnworks's Music Profile</a></li> </ul> <p>アカウントを取得したら、<a href="http://www.last.fm/download">Last.fm Scrobbler</a> をインストールして指示に従いログインすれば、iTunes 等で再生している曲のリストが自動的にアップされていきます。そこで蓄積された音楽的趣向を活かして、他のユーザーとつながったり、趣味が近い人が聞いている曲をインターネットラジオで聞いたりと色々できます。</p> <h3><a href="http://friendfeed.com/">FriendFeed</a></h3> <p><img src="http://hyper-text.org/img/post/friendfeed_cp.png" alt="FriendFeed" /></p> <p>簡単に言えばフィードをまとめるサービス。FriendFeed 上でユーザー間のコミュケーションも取れるようになってるんですが私は最初に設定だけしてからほぼ放置状態。ひたすら Blog やら Twitter、Tumblr、その他諸々をまとめて垂れ流し中です。私のアカウントは下記。</p> <ul> <li><a href="http://friendfeed.com/burnworks">yoshiki kato - FriendFeed</a></li> </ul> <h3><a href="http://www.evernote.com/">Evernote</a></h3> <p><img src="http://hyper-text.org/img/post/evernote_cp.png" alt="Evernote" /></p> <p>Evernote はすごくおおざっぱに言ってしまえばメモアプリケーションなんですが、オンライン上にある外部記憶装置的なそんなイメージ。情報をクリップしておくってことで言えば Tumblr と近いんですが、Tumblr はとにかく気になったものをひたすら。Evernote にはもう少し精査してあとから参照する情報をまとめてる感じで使い分けをしています。</p> <p>例えば書籍とか雑誌とかで重要な部分とかをスキャンして保存しておいたり、名刺とかもよく連絡する人のは写真に撮ったりスキャンして突っ込んであります。こういうのは外部に公開できない情報なので Evernote が適していますね（もちろん外部に公開したいものは簡単な操作でシェアすることもできます）。あと ToDo 管理にも使ったリしています。</p> <h3><a href="http://www.facebook.com/">Facebook</a></h3> <p><img src="http://hyper-text.org/img/post/facebook_cp.png" alt="Facebook" /></p> <p>もともと SNS はあまり使わないんですが、今唯一たまにログインするのは FaceBook です。と言ってもほぼ放置状態なので微妙ではありますが。</p> <ul> <li><a href="http://www.facebook.com/people/Yoshiki-Kato/100000075461390">Facebook | Yoshiki Kato</a></li> </ul> <h3><a href="http://www.vox.com/">Vox</a></h3> <p><img src="http://hyper-text.org/img/post/vox_cp.png" alt="Vox" /></p> <p>元々はこの Blog のサブサイトとしてどこかの Blog サービスを1つ使ってみようと思って始めたんですが、折角ベータ版から使ってたアカウントを勢い余って削除してしまってからはもう日記っぽい使い方にシフトしてテキトー更新な感じです。</p> <p>VOX は通常の Blog サービスと違ってご近所さんとつながるとか、コミュニティ機能が付いているのが売りですが、私はそういうのに全く興味がないのでただこっそり書いてる感じ（VOX使ってる意味ないと言えば意味ない。。）。書いてることは特定のスポーツチームに関することとか興味のない人から見たら全くつまらない内容なのですが、この Blog とは違ってあまり人に見られることを意識しないで更新できる場所として使ってます。</p> <p>VOX は記事の公開範囲を何段階かで選ぶことができるので、そういう使い方をしたい人にはいいと思います。私の知り合いで公開範囲を狭めて遠方にいる家族との近況報告用に使ってるなんて人もいました。</p> <ul> <li><a href="http://w3w.vox.com/">WWW WATCH VOX BRANCH - Vox</a></li> </ul> <h3><a href="http://delicious.com/">Delicious</a></h3> <p><img src="http://hyper-text.org/img/post/delicious_cp.png" alt="Delicious" /></p> <p>ソーシャルブックマークサービスは基本的に Delicious メインです。はてブもアカウントは持っていますがあまり使っていない感じ。基本的に Delicious に投稿するときは Tumblr にも同時投稿しています。</p> <ul> <li><a href="http://delicious.com/burnworks">burnworks's Bookmarks on Delicious</a></li> </ul> <h3><a href="http://www.flickr.com/">Flickr</a></h3> <p><img src="http://hyper-text.org/img/post/flickr_cp.png" alt="Flickr" /></p> <p>写真共有サービスは基本的に Flickr オンリーです。と言ってもそんなに写真を日常的に撮るほどカメラ小僧でもないので、気が向いたときにまとめてアップしておく感じ。</p> <ul> <li><a href="http://www.flickr.com/photos/burnworks/">Flickr: burnworks' Photostream</a></li> </ul> <h3><a href="http://www.feedburner.com/">FeedBurner</a></h3> <p><img src="http://hyper-text.org/img/post/feedburner_cp.png" alt="" /></p> <p>今は Google に買収されて運用が続いていますが、フィードをこのサービス経由で配信することで購読者数など様々なデータをトラッキングすることができます。使用する場合も元々配信しているフィードの URL を登録するだけなので簡単です。たまに反映が遅かったりと問題もありますが、ウチの Blog なんかはそれほど速報性が重要なコンテンツはありませんので気にしないで使っています。</p> <h3><a href="http://www.xfruits.com/">xFruits</a></h3> <p><img src="http://hyper-text.org/img/post/xfruits_cp.png" alt="xFruits" /></p> <p>フィードを色々変換してくれたり、まとめてくれたりといった便利機能を提供してくれます。万人受けするサービスではありませんが、特定のクラスタのフィードを1つにまとめて受け取りたい場合などに重宝します。</p> <h3><a href="http://sinkan.net/">新刊.net</a></h3> <p><img src="http://hyper-text.org/img/post/shinkan_cp.png" alt="新刊.net" /></p> <p>キーワードや著者を登録しておくとその条件に当てはまる新刊が発売されるときに教えてくれます。フィードで受け取れるので、RSS リーダーなどに登録しておけば興味のある書籍を見落としません。また、新刊スケジュールは iCalendar 形式でも取得できるので iCal や <a href="http://www.google.com/calendar/">Google Calendar</a> などに取り込むこともできます。</p> <h3><a href="http://posterous.com/">Posterous</a></h3> <p><img src="http://hyper-text.org/img/post/posterous_cp.png" alt="Posterous" /></p> <p>これも Blog サービスですが、とにかく簡単なのがいい。なんと言ってもユーザー登録さえ必要ない簡単さ。「post&#64;posterous.com」 にメールを送るだけで記事が投稿できちゃいます（件名がタイトル、本文がそのまま記事に）。</p> <p>最初にメールを送るとログイン情報が返信で送られてくるので最低限の設定だけしてあげれば終わります。写真の投稿も添付ファイルを使って可能ですので、いわゆるモブログ中心の人にはいいかも。なお、テンプレートのカスタマイズなどといったことは一切できません。それくらいシンプルなサービスです。</p> <h3><a href="http://iddy.jp/">iddy</a></h3> <p><img src="http://hyper-text.org/img/post/iddy_cp.png" alt="iddy" /></p> <p>まあ、自分で作ったサービスなので使ってますが、これの正しい作法はアカウント作ったら放置です。ちょっと最近サイトが重かったり、登録したフィードが反映されるのに時間がかかったりでご迷惑をおかけしてるんですが、ぼちぼち直してますのでお待ちください。</p> <p>プロフィールサービス自体は珍しくもないですが、シンプルでわかりやすいサービスになっているのでとりあえずエゴサーチの受け皿作っときたいなとかそういう人にはいいと思います。</p> <ul> <li><a href="http://iddy.jp/profile/yoshi/">加藤善規さんのプロフィール | iddy</a></li> </ul> <img src="http://feeds.feedburner.com/~r/wacth/~4/mw8W5Vktbh0" height="1" width="1"/> tag:hyper-text.org,2009-08-11://1192 2009-08-11T13:21:24Z 2009-08-11T13:51:01Z

WEBマーケティング ブログさんで紹介されていたのですが面白そうだったので紹介。 「BloggyBits」 は Twitter、Digg、Stumbleupon、Flickr、Delicious といった各 Web サービス、さらにカスタムフィードとして、自分の Blog の RSS などを登録して 1つにまとめて表示してくれる Blog パーツ。Web サービスに関してはアカウント名を入れるだけ、カスタムフィードは RSS の URL を入れるだけで簡単に作れます。

Yoshiki Kato <p><img class="f" src="http://hyper-text.org/img/post/bloggybits.png" width="60" height="60" alt="BloggyBits" /><a href="http://web-marketing.zako.org/web-tools/bloggybits-show-your-latest-social-activity.html">WEBマーケティング ブログさんで紹介されていた</a>のですが面白そうだったので紹介。</p> <p>「<a href="http://bloggybits.com/">BloggyBits</a>」 は Twitter、Digg、Stumbleupon、Flickr、Delicious といった各 Web サービス、さらにカスタムフィードとして、自分の Blog の RSS などを登録して 1つにまとめて表示してくれる Blog パーツ。Web サービスに関してはアカウント名を入れるだけ、カスタムフィードは RSS の URL を入れるだけで簡単に作れます。</p> <p><a href="http://bloggybits.com/">BloggyBits - your social widget</a></p> <p><img src="http://hyper-text.org/img/post/bloggybits_site.png" width="400" height="200" alt="BloggyBits" /></p> <p>表示させたい Web サービスにチェックを入れるとアカウント名を入力できるようになります。カスタムフィードで登録できるのは RSS のみとのことなので、Atom だとダメみたい。私は Tumblr のフィードを登録してみましたがエラーが帰ってきてダメでしたので、FeedBurner を介して登録してみたら大丈夫になりました。</p> <p>たまに正しい情報を入れてもエラーになるときがあるみたいですが、そういうときはエラーが出たサービスのチェックを外してから 「Generate」 を押して一度 Blog パーツを生成して、その後で再度チェックを入れて 「Generate」 を押せばうまくいくケースが多いみたいです。</p> <p><a href="http://hyper-text.org/img/post/bloggybits_setting_b.png"><img src="http://hyper-text.org/img/post/bloggybits_setting.png" width="400" height="314" alt="BloggyBits" /></a></p> <p>で、実際に作ってみた Blog パーツがこれ。対応サービスが少ないっちゃ、少ないですが、お手軽なので楽にこういうのを Blog に表示したい人などにはいいかもしれません。</p> <p><script type="text/javascript" src="/js/post/bloggybits.js"></script></p> <img src="http://feeds.feedburner.com/~r/wacth/~4/PJ3Svbvamyg" height="1" width="1"/> tag:hyper-text.org,2009-07-24://1168 2009-07-24T02:30:07Z 2009-07-24T02:55:21Z

AMN （Agile Media Network） さんから AMN パートナーブロガーの Twitter アカウント一覧が公開されたそうです。私も参加させていただいている関係でこのリストに入っていますが、有名ブロガーさん目白押しですので、Twitter でフォローする人を探すときにも役に立つかもしれませんよ。

Yoshiki Kato <p><img class="f" src="http://hyper-text.org/img/post/twitter.png" width="100" height="23" alt="Twitter" /><a href="http://agilemedia.jp/">AMN （Agile Media Network）</a> さんから AMN パートナーブロガーの Twitter アカウント一覧が公開されたそうです。私も参加させていただいている関係でこのリストに入っていますが、有名ブロガーさん目白押しですので、Twitter でフォローする人を探すときにも役に立つかもしれませんよ。</p> <p><a href="http://twitter.com/amntwit/following">AMNパートナーブログのTwitterアカウント一覧</a></p> <p class="img"><img src="http://hyper-text.org/img/post/amn_twitter_list.png" width="350" height="240" alt="AMN Twitter リスト" /></p> <blockquote cite="http://agilemedia.jp/blog/2009/07/amntwitter.html"> <p> 最近、各所で話題になっているTwitterというつぶやき共有サービスですが、AMNパートナーブログのTwitterアカウントのリストが欲しいという要望を頂いたので作成してみました。 </p> <p> AMNアカウントを入れた85ブログの中で、60人がすでにTwitterを使っているというなかなか興味深い結果になっています。 </p> <p><cite><a href="http://agilemedia.jp/blog/2009/07/amntwitter.html">AMNパートナーブロガーのTwitterリストを作ってみました。 ： Agile Media Network</a></cite></p> </blockquote> <p>リストのおかげでここ数日まとまったフォローをいただいています。ありがとうございます。しかし、大して中身のあることつぶやいてません･･･ごめんなさい。ごめんなさい。</p> <img src="http://feeds.feedburner.com/~r/wacth/~4/F4s1ArWoVJc" height="1" width="1"/> tag:hyper-text.org,2009-07-04://1166 2009-07-04T06:20:50Z 2009-07-06T02:18:46Z

昨日のニュースですが、W3C からの正式な発表として XHTML 2 の策定作業が終了 （年内で期限が切れる XHTML2 Working Group Charter を更新しない） 、以降そのリソースを HTML 5 に集中することが発表されました。

Yoshiki Kato <p>昨日のニュースですが、<a href="http://www.w3.org/">W3C</a> からの正式な発表として XHTML 2 の策定作業が終了 （年内で期限が切れる <a href="http://www.w3.org/2007/03/XHTML2-WG-charter">XHTML2 Working Group Charter</a> を更新しない） 、以降そのリソースを HTML 5 に集中することが発表されました。</p> <p><a href="http://www.w3.org/News/2009#item119">XHTML 2 Working Group Expected to Stop Work End of 2009, W3C to Increase Resources on HTML 5</a></p> <blockquote cite="http://www.w3.org/News/2009#item119"> <p> Today the Director announces that when the XHTML 2 Working Group charter expires as scheduled at the end of 2009, the charter will not be renewed. By doing so, and by increasing resources in the HTML Working Group, W3C hopes to accelerate the progress of HTML 5 and clarify W3C's position regarding the future of HTML. A FAQ answers questions about the future of deliverables of the XHTML 2 Working Group, and the status of various discussions related to HTML. Learn more about the HTML Activity. </p> <p><cite><a href="http://www.w3.org/News/2009#item119">Archive of W3C News in 2009</a></cite></p> </blockquote> <p>これに伴い、W3C から 「<a href="http://www.w3.org/2009/06/xhtml-faq.html">Frequently Asked Questions (FAQ) about the future of XHTML</a>」 （<a href="http://standards.mitsue.co.jp/resources/w3c/2009/06/xhtml-faq.html">XHTML の今後に関する FAQ</a>） が提供されています。</p> <p>何となく予想していた通りな展開ではありますが、これで規格が一本化されてブラウザのサポートや HTML 5 の仕様策定自体が加速されるなら歓迎すべき決断と言えるでしょう。</p> <p>[7/5 追記]<br /> <ins>質問されたので追記しておきますと、これによって XHTML 終了とか、そういうことではありませんのでご注意を。XHTML はこれからも普通に使ったらいいと思います。HTML 5 は複数あるマークアップ言語の選択肢の 1つです。用途や要件にあわせて最適なものを選択したらいいと思います。</ins></p> <img src="http://feeds.feedburner.com/~r/wacth/~4/EgHHEaLv5T0" height="1" width="1"/> tag:hyper-text.org,2009-06-11://1163 2009-06-11T01:49:21Z 2009-06-11T11:25:16Z

Firefox のアドオンを紹介するサイト 「Firefox Add-ons」 がリニューアルされました。今回のリニューアルの目玉は 「コレクション」 の追加です。ユーザーが関連するアドオンをまとめて紹介、アドオンコレクターというアドオンを使用することで、公開されているコレクションからアドオンを一括インストールすることができるようになっています。

Yoshiki Kato <p><img class="f" src="http://hyper-text.org/img/post/firefox_addon_collections.png" width="60" height="74" alt="Mozilla Firefox Add-on Collector" />Firefox のアドオンを紹介するサイト 「<a href="https://addons.mozilla.org/ja/firefox/">Firefox Add-ons</a>」 がリニューアルされましたね。</p> <p><a href="http://blog.mozilla.com/addons/2009/06/10/introducing-add-on-collections/">Mozilla Add-ons Blog</a> でも触れられていますが、今回のリニューアルの目玉は 「<a href="https://addons.mozilla.org/ja/firefox/collections/">コレクション</a>」 の追加です。ユーザーが関連するアドオンをまとめて紹介、<a href="https://addons.mozilla.org/ja/firefox/pages/collector">アドオンコレクター</a>というアドオンを使用することで、公開されているコレクションからアドオンを一括インストールすることができるようになっています。</p> <p>デモ動画が用意されていましたので下記に。</p> <p> <script type="text/javascript" src="/js/post/vimeo_090611.js"></script><br /> <a href="http://vimeo.com/5042012">Add-on Collections: Overview</a> from <a href="http://vimeo.com/fligtar">Justin Scott</a> on <a href="http://vimeo.com">Vimeo</a>. </p> <p>当 Blog でもたまに上げていますが、アドオンまとめ的なものがここで公開できるわけです。しかもそれを見た人が一括でアドオンをインストールできると。</p> <p>例えば Web サイトデベロッパー向けアドオンコレクションとか、タブ機能を強化するアドオンコレクションみたいな感じでコレクションが増えていくと、アドオン探し、インストールの際に楽ができますね。アドオン作者としても自分の作品が露出する機会が増えていいんじゃないでしょうか。</p> <p>コレクションの作成にはユーザーアカウントが必要。登録すると他の人が作ったコレクションをお気に入りとして管理したりもできるようです。</p> <p>[6/11 追記]<br /> 早速コレクション作ってみました。「<a href="/archives/2009/04/firefox3_add_ons.shtml">常用中 Firefox 3 アドオンのまとめ</a>」 で紹介したアドオンをオススメアドオンとしてコレクションにしています。</p> <p><a href="https://addons.mozilla.org/ja/firefox/collection/burnworks">WWW WATCH オススメアドオン :: Firefox Add-ons</a></p> <p>一部、Firefox Add-ons サイト上で公開されていないアドオンがあるので、それは登録できないのですが、作ってて思ったのは、自分が使うのでも便利だなと。HDD が飛んだとかで PC をリカバリしないといけなくなったときとか、1つづつアドオンを入れ直すのって面倒なんですが、こいつがあれば一括で終わりますね。</p> <img src="http://feeds.feedburner.com/~r/wacth/~4/i550dD9YEqA" height="1" width="1"/> tag:hyper-text.org,2009-06-01://1161 2009-06-01T02:08:10Z 2009-06-08T03:20:49Z

先日紹介した、「Red Bull Box Cart Race」 ですが、このイベントの公式 Blog パーツがリリースされました。Blogパーツは 2種類。どんな動作をするかはクリックしてのお楽しみです。

Yoshiki Kato <p>先日紹介した、「<a href="http://www.redbullboxcartrace.jp/">Red Bull Box Cart Race （リンク先音が出ます。ご注意を）</a>」 ですが、このイベントの公式 Blog パーツがリリースされました。</p> <p>Blog パーツは 2種類。両方ともクリックで動作しますが、実際に下記に設置していますので、クリックして確かめてみてください。</p> <blockquote cite="http://parts.redbullboxcartrace.jp/"> <p>設置したブログパーツにクリックすると、あなたのブログに掲載されているものがどんどん消えて行く！　果たしてどこにいちゃったのか？　貼ってからのお楽しみだ！</p> </blockquote> <p>1つめの Blog パーツは設置したサイトが大変なことに。。</p> <p><script src="http://parts.redbullboxcartrace.jp/boxcart/wimb"></script><noscript><a href="http://redbullboxcartrace.jp/" title="RED BULL BOX CART RACE"><img src="http://parts.redbullboxcartrace.jp/boxcart/wi/wi.jpg" alt="RED BULL BOX CART RACE" /></a></noscript></p> <blockquote cite="http://parts.redbullboxcartrace.jp/"> <p>設置したブログパーツをクリックすると、レースの始まりだ！走り出した BOX CART はゴールまでまっしぐら。</p> </blockquote> <p>2つめの Blog パーツはクリックするとカートが走り出して。。</p> <p><script src="http://parts.redbullboxcartrace.jp/boxcart/webring"></script><noscript><a href="http://redbullboxcartrace.jp/" title="RED BULL BOX CART RACE"><img src="http://parts.redbullboxcartrace.jp/boxcart/wr/wr.jpg" alt="RED BULL BOX CART RACE" /></a></noscript></p> <p>Blog パーツは下記のページで入手できますよ。</p> <p><a href="http://parts.redbullboxcartrace.jp/">日本初 RED BULL BOX CART RACE ブログパーツ</a></p> <p>Red Bull Box Cart Race がどんなイベントかは YouTube に動画が上がっているので見てみてください。</p> <p><script type="text/javascript" src="/js/post/4gHJO5tQVu8.js"></script></p> <img src="http://feeds.feedburner.com/~r/wacth/~4/vRDgHtTtxCA" height="1" width="1"/> tag:hyper-text.org,2009-05-21://1159 2009-05-21T09:51:34Z 2009-05-21T17:02:00Z

翼を授けるエナジードリンクでおなじみの Red Bull さんが日本で 「Red Bull Box Cart Race」 を開催するということで告知です。ボックスカート （動力なし） を持ち寄って、下りの坂道に設けられたコースを誰が一番速く、カッコよく、ド派手に走破できるかを競うレースイベント。7月13日まで参加申込み、大会は10月11日です。

Yoshiki Kato <p><img class="f" src="http://hyper-text.org/img/post/rb_box_cart_race_m.png" width="70" height="70" alt="Red Bull Box Cart Race" />翼を授けるエナジードリンクでおなじみの <a href="http://www.redbull.jp/">Red Bull</a> さんが日本で面白いイベントを開催するということで、突然ですが告知です。</p> <p>そのイベントというのが、「<a href="http://www.redbullboxcartrace.jp/">Red Bull Box Cart Race （リンク先音が出ます。ご注意を）</a>」。</p> <p>手作りのボックスカート （動力なし） を持ち寄って、下りの坂道に設けられたコースを誰が一番速く、カッコよく、ド派手に走破できるかを競うレースなんですが、2000 年にベルギーのブリュッセルで開催されたのを皮切りにオーストラリア、南アフリカ、フィンランド、アメリカ、ジャマイカ、イタリアなど、世界各国ですでに 35回以上開催されている実は結構由緒あるレースだったりします。日本では今回が初開催。会場はお台場・夢の大橋、10月11日に開催されます。</p> <p class="img"><img src="http://hyper-text.org/img/post/rb_box_cart_race.png" width="350" height="340" alt="Red Bull Box Cart Race" /></p> <p>参加方法など詳しくはイベントの公式サイトに掲載されていますが、まずは参加申込みを 7月13日までにする必要があります。その際にこういうボックスカートを作るぜというアピールが重要。応募書類を基に応募者の中から実際に参加できるチームが選ばれます。</p> <p>ちなみに参加チームに選ばれると、大会当日までの間、ボックスカートの制作風景などを Red Bull の中の人が取材とかに来るらしいです。</p> <p><a href="http://www.redbullboxcartrace.jp/">Red Bull Box Cart Race 公式サイト （リンク先音が出ます）</a></p> <p>ボックスカートのレギュレーションなどは下記に掲載されています。</p> <p><a href="http://www.redbullboxcartrace.jp/#1236846474969-2025738816">参加ルール ： Red Bull Box Cart Race</a></p> <blockquote cite="http://www.redbullboxcartrace.jp/"> <p> 日本初 Red Bull Box Cart Race がいよいよやってきます。 レースで最も重要なのはあなたの創造力、そして重力です。2009年10月11日 (日) 、日本初 Red Bull Box Cart Race のスタート合図に合わせ、東京お台場、夢の大橋にワイルドでクレイジーなボックスカートが集います。 </p> <p> この日の主役は参加する皆さんです。 様々なアイデアと思いが込められて作られるカート。勝利に向けて、皆さんが闘志と情熱を持って駆け抜けるのは全長約300mの坂道レースコース。 あらゆる障害物を避けながら、何万人もの観衆の前でチャンピオンに輝くのはいったい誰なのか？ それはあなたかもしれません。 </p> <p> 参加をご希望の皆さんへ。あなたの思い描く夢のボックスカートと勝利にかける熱い思いが無駄にならないように、必ず「ルール」を読んでから、カート設計に取り組んでください。 </p> <p><cite><a href="http://www.redbullboxcartrace.jp/">Red Bull Box Cart Race</a></cite></p> </blockquote> <p>参加者募集の動画が YouTube に上がっています。</p> <p><script type="text/javascript" src="/js/post/1b4ycHjVpM4.js"></script></p> <p><a href="http://www.redbullboxcartrace.jp/#1236846475267-390269261">賞品がかなり豪華</a>なので、興味のある方は気の合う仲間とぜひ。</p> <img src="http://feeds.feedburner.com/~r/wacth/~4/aN1CV2FbSyo" height="1" width="1"/> tag:hyper-text.org,2009-05-20://1157 2009-05-20T02:54:43Z 2009-05-20T03:09:02Z

当 Blog も参加させていただいている AMN （Agile Media Network） で、恒例の （といっても3回目ですが） ブログ読者アンケートを実施、現在回答を募集しています。 Blog 読者の立場でお答えいただくアンケートになっています。協力してもいいよという方は、下記のリンクからアンケートにお答えいただけるとありがたいです。設問項目は全部で 23 項目、おそらく 3、4 分あれば完了するアンケートですので、お気軽に答えちゃってください。

Yoshiki Kato <p>当 Blog も参加させていただいている AMN （Agile Media Network） で、恒例の （といっても3回目ですが） ブログ読者アンケートを実施、現在回答を募集しています。</p> <p>Blog 読者の立場でお答えいただくアンケートになっています。協力してもいいよという方は、下記のリンクからアンケートにお答えいただけるとありがたいです。設問項目は全部で 23 項目、おそらく 3、4 分あれば完了するアンケートですので、お気軽に答えちゃってください。</p> <p><a href="http://agilemedia.jp/entry/amn2009.php?blog_id=35">第3回 AMN ブログ読者アンケート申し込みページ</a></p> <blockquote cite="http://agilemedia.jp/entry/amn2009.php?blog_id=35"> <p> 普段ブログを定期的に読んでいる方はどういう方々なのか、また、今後ブログにどういった内容を期待されているのか、アンケートを行っています。 今後のブログ運営やサービスの参考にさせていただきたいと考えていますので、是非ご協力をお願い致します。 </p> <p><cite><a href="http://agilemedia.jp/entry/amn2009.php?blog_id=35">第3回 AMN ブログ読者アンケート申し込みページ</a></cite></p> </blockquote> <p>皆さんの声を参考に AMN さんで今後面白い企画が立ち上がるかもしれませんよ。</p> <img src="http://feeds.feedburner.com/~r/wacth/~4/X9q6pkPXgP0" height="1" width="1"/> tag:hyper-text.org,2009-04-27://1155 2009-04-27T14:00:06Z 2009-04-27T17:02:26Z

Tumblr のマイページを自分の Blog っぽく対外的に見せる用途で使いたい場合、独自のドメインで運用したいっていう人もいるんじゃないかなと思いますが、Tumblr なら簡単にできるんですね。そこで今回は独自ドメインで Tumblr を運用するための設定方法をご紹介します。

Yoshiki Kato <p><a href="http://www.tumblr.com/"><img class="f" src="http://hyper-text.org/img/post/tumblr_logo.png" width="120" height="33" alt="Tumblr" /></a>連続 Tumblr ネタで恐縮です。<a href="/archives/2009/04/tumblr_quick_start.shtml">昨日書いたエントリー</a>に思ってた以上の反響があったので調子乗って書きますよ。</p> <p>Tumblr のマイページを自分の Blog っぽく対外的に見せる用途で使いたい場合、独自のドメインで運用したいっていう人もいるんじゃないかなと思いますが、Tumblr なら簡単にできるんですね。</p> <p>そこで今回は独自ドメインで Tumblr を運用するための設定方法をご紹介します。</p> <p>用意する物はこちら。</p> <ol> <li>利用中のドメインサービスで DNS レコードが設定できる場合 <ul> <li>Tumblr アカウント （当たり前ですが。。）</li> <li>独自ドメイン</li> </ul> </li> <li>DNS レコードが設定できない場合 <ul> <li>（上記 2つに加えて） DNS サーバ</li> </ul> </li> </ol> <p>それでは順を追って説明していきます。</p> <p>まずは Tumblr 側の設定から始めます。ダッシュボード右側のメニューやマイページ右上に表示されている 「Customize」 をクリックして設定画面を開きます。</p> <p><img src="http://hyper-text.org/img/post/tumblr_setting_01.png" width="350" height="389" alt="Use a custom domain name" /></p> <p>「Info」 メニューの一番下にある 「Use a custom domain name」 にチェックを入れて、使用したいドメイン名を入力しましょう。設定を保存したら Tumblr 側の設定は終わり。次に進みます。</p> <p><img src="http://hyper-text.org/img/post/tumblr_setting_02.png" width="350" height="178" alt="Use a custom domain name" /></p> <p>次に今 Tumblr に設定した独自ドメインを管理しているドメインサービス （MuuMuu ドメインとかお名前.com とかです） で、DNS レコードが設定できるかを確認しましょう。</p> <p>これの可否で手順が少し異なります。</p> <h3>1．利用中のドメインサービスで DNS レコードが設定できる場合</h3> <p>「<a href="http://www.onamae.com/">お名前.com</a>」 とか 「<a href="https://www.value-domain.com/">VALUE-DOMAIN</a>」 などは DNS レコードが自由に設定できるのでこちらですが、この場合、話は簡単です。</p> <p>各ドメインサービスの DNS レコード設定画面から、下記のように設定しましょう。</p> <ul> <li>設定するレコード ： A レコード</li> <li>設定する IP アドレス ： 72.32.231.8</li> </ul> <p>これで設定が浸透すれば独自ドメインで Tumblr が使えるようになります。簡単ですね。</p> <h3>2．利用中のドメインサービスで DNS レコードが設定できない場合</h3> <p>「<a href="http://muumuu-domain.com/">MuuMuu ドメイン</a>」 など、DNS レコードが自由に設定できないドメインサービスを利用している場合は何らかの方法で DNS サーバを別途立ててあげて、ドメインサービス側ではその DNS サーバを参照するように設定するという手順が必要です。</p> <p>今回は最も簡単な方法として、フリーの DNS サーバを利用します。フリー DNS サーバは色々ありますが、ここでは 「<a href="http://www.everydns.com/">EveryDNS.net</a>」 を使ってみましょう。</p> <p>※フリー DNS はたまに落ちたりするのである程度は許容しましょうね。</p> <p>まずはアカウントの取得からです。EveryDNS.net に行くと 「Signup」 という項目があると思います。ユーザー名、メールアドレス、パスワードを入力してアカウントを発行しましょう。</p> <p class="img"><img src="http://hyper-text.org/img/post/everydns.png" width="350" height="232" alt="EveryDNS.net" /></p> <p class="img"><img src="http://hyper-text.org/img/post/everydns_signup.png" width="350" height="200" alt="EveryDNS.net" /></p> <p>アカウントが取得できたらログインします。ログインしたら、画面左下にある 「Add new domain」 に設定したいドメイン名を入れて、「basic」 ボタンを押しましょう。</p> <p class="img"><img src="http://hyper-text.org/img/post/everydns_setup_01.png" width="350" height="215" alt="EveryDNS.net" /></p> <p>すると、画面左上の 「Primary Domains」 部分に、今追加したドメイン名が表示されるはずです。そのドメイン名をクリックしてドメイン名ごとの設定画面に進みましょう。初期状態では下記のような設定になっていると思います。</p> <p class="img"><img src="http://hyper-text.org/img/post/everydns_setup_02.png" width="350" height="198" alt="EveryDNS.net" /></p> <p>早速 DNS レコードを設定していきましょう。「Add a record」 の設定欄で下記にように A レコードを選択し、ドメイン名、IP アドレスを入力したら 「Add record」 ボタンを押します。</p> <p class="img"><img src="http://hyper-text.org/img/post/everydns_setup_03.png" width="350" height="230" alt="EveryDNS.net" /></p> <p>ついでに www 付きの URL でもアクセスできるように CNAME レコードの設定もしておきます。下記のように各項目を入力したら 「Add record」 ボタンを押します。</p> <p class="img"><img src="http://hyper-text.org/img/post/everydns_setup_04.png" width="350" height="230" alt="EveryDNS.net" /></p> <p>設定が完了するとこんな感じになります。</p> <p class="img"><img src="http://hyper-text.org/img/post/everydns_setup_05.png" width="350" height="68" alt="EveryDNS.net" /></p> <p>これで DNS サーバの設定は完了。最後に利用中のドメインサービスで、ネームサーバの設定を行います。設定するネームサーバは下記のいずれか。</p> <ul> <li>ns1.everydns.net</li> <li>ns2.everydns.net</li> <li>ns3.everydns.net</li> <li>ns4.everydns.net</li> </ul> <p>例えば、MuuMuu ドメインの場合なら管理画面から下記のように設定します。</p> <p><img src="http://hyper-text.org/img/post/muumuu_setting.png" width="350" height="240" alt="ネームサーバ設定" /></p> <p>これで設定完了。DNS 設定が浸透すれば独自ドメインで Tumblr が使えるようになります。</p> <p>うまくいったでしょうか？</p> <p>その他、Tumblr の独自ドメイン設定に関する詳細は下記のページにあります。</p> <ul> <li><a href="http://www.tumblr.com/help/custom_domains">Using a custom domain name ： Tumblr</a></li> </ul> <p>また、上で説明した設定完了後、正しく設定がされているかをチェックするツールも用意されています。DNS 情報が浸透する前にチェックしてもエラーになりますが。</p> <ul> <li><a href="http://www.tumblr.com/check_domain">Custom Domain Test ： Tumblr</a></li> </ul> <p>設定完了後、1日くらい放置してから実際にドメインでアクセスしてみて、うまくいかない場合は上のチェックツールなどで確認してみるといいでしょう。数日放置してもアクセスできなければ設定に何か問題があると思いますので再確認を。</p> <img src="http://feeds.feedburner.com/~r/wacth/~4/dMEb3s4_DpE" height="1" width="1"/> tag:hyper-text.org,2009-04-27://1152 2009-04-26T15:21:13Z 2009-06-14T13:08:13Z

Yoshiki Kato <p><a href="http://www.tumblr.com/"><img class="f" src="http://hyper-text.org/img/post/tumblr_logo.png" width="120" height="33" alt="Tumblr" /></a>すでに使っている人には今更なんですが、これから始めるって人向けに簡単なまとめ。</p> <p><a href="http://www.tumblr.com/">Tumblr</a> といってもその用途は人それぞれ。自分の Blog として使う人もいるでしょうし、情報収集のツールとして使い人もいるでしょう。今回は情報収集 &amp; クリッピングツールとしての使い方に主眼を置いて紹介してみようと思います。</p> <ul> <li>アカウントを取得する</li> <li>とりあえず他の人をフォローしまくる</li> <li>ダッシュボードをしばらく眺めてみよう</li> <li>Reblog と Like</li> <li>Tumblr をもっと便利に使う <ul> <li>Firefox を使え</li> <li>アドオン ： Tombloo と Greasemonkey を入れる</li> <li>ユーザースクリプト ： AutoPagerize, LDRize （+ Minibuffer）, ReblogCommand, play on tumblr を入れる</li> </ul> </li> <li>マイページなんて飾りです</li> <li>iPhone と Tumblr</li> </ul> <p>それぞれ説明していきます。</p> <h3>アカウントを取得する</h3> <p>まずはアカウントを取得します。<a href="http://www.tumblr.com/register">サインアップのページ</a>から各情報を入力していきましょう。URL はマイページの URL になります。独自ドメインを使用することもできますので、自分の Blog として使用する場合などは便利です。今回はあまり関係ないので触れないですけど。</p> <p class="img"><img src="http://hyper-text.org/img/post/tumblr_signup.png" width="350" height="254" alt="Tumblr" /></p> <h3>とりあえず他の人をフォローしまくる</h3> <p>アカウントを取得して最初にやるべきことは、マイページのテーマを変えたりデザインをいじったりすることじゃなくて他のユーザーをフォローすることです。さらっとページを見て、気になったユーザーをまずは気軽にフォローしていきましょう。</p> <p>ちなみに私がフォローしているユーザーは下記の通り。</p> <ul> <li><a href="http://porco-voador.tumblr.com/">porco-voador</a></li> <li><a href="http://motomocomo.tumblr.com/">motomocomo</a></li> <li><a href="http://clip.mitaimon.com/">mitaimon</a></li> <li><a href="http://jihou.tumblr.com/">jihou</a></li> <li><a href="http://syoichi.tumblr.com/">syoichi</a></li> <li><a href="http://wireframes.tumblr.com/">wireframes</a></li> <li><a href="http://xtc.tumblr.com/">xtc</a></li> <li><a href="http://kuruyoku.tumblr.com/">kuruyoku</a></li> <li><a href="http://hina.tumblr.com/">hina</a></li> <li><a href="http://ujitomo.tumblr.com/">ujitomo</a></li> <li><a href="http://ku.tumblr.com/">ku</a></li> <li><a href="http://uncate.tumblr.com/">uncate</a></li> <li><a href="http://nakano.tumblr.com/">nakano</a></li> <li><a href="http://nadiaisobel.tumblr.com/">nadiaisobel</a></li> <li><a href="http://yamato.tumblr.com/">yamato</a></li> <li><a href="http://zoker.tumblr.com/">zoker</a></li> <li><a href="http://daiskip.tumblr.com/">daiskip</a></li> <li><a href="http://tsuda.tumblr.com/">tsuda</a></li> <li><a href="http://otsune.tumblr.com/">otsune</a></li> <li><a href="http://mocono.tumblr.com/">mocono</a></li> <li><a href="http://officek3.tumblr.com/">officek3</a></li> <li><a href="http://einstein.tumblr.com/">einstein</a></li> <li><a href="http://moji.tumblr.com/">moji</a></li> <li><a href="http://sinjow.tumblr.com/">sinjow</a></li> <li><a href="http://kotoripiyopiyo.tumblr.com/">kotoripiyopiyo</a></li> <li><a href="http://macforest.tumblr.com/">macforest</a></li> <li><a href="http://picapixels.tumblr.com/">picapixels</a></li> <li><a href="http://katoyuu.tumblr.com/">katoyuu</a></li> <li><a href="http://xyo.tumblr.com/">xyo</a></li> <li><a href="http://inouedai.tumblr.com/">inouedai</a></li> <li><a href="http://an-k.tumblr.com/">an-k</a></li> <li><a href="http://scanwiches.com/">scanwiches</a></li> <li><a href="http://4kshike.tumblr.com/">4kshike</a></li> <li><a href="http://taujun.tumblr.com/">taujun</a></li> <li><a href="http://chromium.tumblr.com/">chromium</a></li> <li><a href="http://mooonooo.tumblr.com/">mooonooo</a></li> </ul> <p>ちなみに私のアカウントは 「<a href="http://burnworks.tumblr.com/">burnworks</a>」 です。</p> <p>Tumblr にログインした状態で各ユーザーのページに行くと右上に下記のようなボタンがあります。「Follow」 をクリックすればフォロー完了。</p> <p><img src="http://hyper-text.org/img/post/tumblr_1.png" width="150" height="26" alt="Tumblr" /></p> <p>ダッシュボードから<a href="http://www.tumblr.com/following">フォローしているユーザーの一覧</a>にいけるんですが、ここのサイドメニューに 「You also might like...」 としてオススメユーザーが表示されるので、そこから選んでみてもいいでしょう。</p> <p>とにかくあまり深く考えずにフォローしまくるのがコツ。フォローしまくって気に入らなければあとでアンフォローすればいいんです。上の私がフォローしているリストも使っているうちに増やして減らして落ち着いた結果です。</p> <h3>ダッシュボードをしばらく眺めてみよう</h3> <p>ひと通り気になるユーザーをフォローしたらダッシュボードに戻ってしばらく流れてくるポストを眺めてみましょう。フォローしているユーザーがある程度の数いれば、結構なスピードでポストが流れてくるはず。ここで 「なんかつまんね。。」 ってなったらフォローしているユーザーが自分の趣向に合ってないか、Tumblr に向いてないのであきらめた方がいいです。</p> <h3>Reblog と Like</h3> <p>ダッシュボードを眺めていると気になるポストが出てくると思います。そしたらすかさず Reblog または、Like しましょう。Reblog されたポストはマイページに追加され、あなたをフォローしているユーザーのダッシュボードにも流れていきます。そうやって人気のあるポストはいろんなところに拡散していくというか、それが Tumblr の面白いところだと思います。</p> <p>一方、Like は自分のダッシュボード内にクリップしていく感じ。これの使い分けは好みでいいと思いますが、私は Reblog メイン。猫と犬の写真だけ Like にストックしてるのは内緒。</p> <h3>Tumblr をもっと便利に使う</h3> <p>さて、しばらく使っていると、ダッシュボードをもっと快適に閲覧したいとか、簡単に Reblog したり、ネットサーフィン中に気になった記事を簡単にポストしたいとか思い始めると思います。そしたら下記を試してみてください。</p> <h4>Firefox を使え</h4> <p>これが前提なんですけど、まだ使ったことない人も試してみることをオススメしますよ。<a href="http://mozilla.jp/firefox/">Firefox のダウンロードはこちらから</a>。</p> <h4>アドオン ： Tombloo と Greasemonkey を入れる</h4> <p>Firefox を入れたら、まずは下記の 2つのアドオンだけでも入れてみましょう。Firefox の価値はアドオンで自分好みにカスタマイズできるところなので、Firefox を入れたならぜひアドオンは色々試してみてほしいですね。 （<a href="/archives/2009/04/firefox3_add_ons.shtml" title="常用中 Firefox 3 アドオンのまとめ">参考エントリー</a>）</p> <ul> <li><a href="https://addons.mozilla.org/en-US/firefox/addon/748">Greasemonkey</a></li> <li><a href="http://wiki.github.com/to/tombloo">Tombloo</a></li> </ul> <p>Tombloo は色々な Web サービスに色々なものを簡単にポストすることができるアドオン。Tumblr 専用ではないのですが、ページ内の文章、写真、リンクなど、右クリックから簡単に Tumblr にポストできます。必ず Tumblr にログインした状態で使用しましょう。</p> <p><img src="http://hyper-text.org/img/post/tumbloo.png" width="350" height="128" alt="Tombloo" /></p> <h4>ユーザースクリプト ： AutoPagerize, LDRize, Minibuffer, ReblogCommand, play on tumblr を入れる</h4> <p>Greasemonkey アドオンを入れたら、下記のユーザースクリプトをインストールしましょう。</p> <ul> <li><a href="http://userscripts.org/scripts/show/11759">Minibuffer</a></li> <li><a href="http://userscripts.org/scripts/show/8551">AutoPagerize</a></li> <li><a href="http://userscripts.org/scripts/show/11562">LDRize</a></li> <li><a href="http://coderepos.org/share/browser/lang/javascript/userscripts/reblogcommand.user.js?">ReblogCommand</a></li> <li><a href="http://wescript.net/scripts/3283">play on tumblr</a></li> </ul> <p>[4/29 追記]<br /> <ins>コメント欄で otsune さんに教えていただいた 「play on tumblr」 を追加しました。使い方は後述。</ins></p> <p>インストール後に Greasemonkey の 「ユーザースクリプトの管理」 からスクリプトの順番を</p> <ol> <li>Minibuffer</li> <li>AutoPagerize</li> <li>LDRize</li> <li>ReblogCommand</li> <li>play on tumblr</li> </ol> <p>となるように変更します。上のリストの上から順番に入れていけば、この並びになってるはずです。（重要なのは最初の 2つの並び順です。）</p> <p>この状態でダッシュボードに行ったら、キーボードから 「j」、「k」 を押してみましょう。小さな矢印アイコンが各ポストの横を移動しつつ、ページが上下するはずです。矢印アイコンがついているところが現在選択されているポストです。</p> <p>次に Reblog したいポストを選択 （矢印を合わせたら） したらキーボードから 「t」 を押してみましょう。下の方に 「Reblog」 という表示が出ては消えると思いますが、これで Reblog 完了してます。</p> <p><img src="http://hyper-text.org/img/post/tumble_2.png" width="300" height="210" alt="Tumblr" /></p> <p>「Shift」 + 「t」 だと Reblog 画面が別タブに開きますので、コメントとか付け加える場合はこっちを使いましょう。</p> <p>さらに、「h」で note の開閉、「l」 で 選択されているポストを Like できます。</p> <p>AutoPagerize が入っていれば、ページ送りにわざわざクリックする必要がないので、基本的にこの 3つのキー （h, j, k, l, t） のみでサクサクと閲覧 → Reblog / Like までいけちゃいます。</p> <h3>マイページなんて飾りです</h3> <p>マイページをいじったりはこのくらいのタイミングで。つまり後回しでいいってことです。</p> <h3>iPhone と Tumblr</h3> <p>iPhone で Tumblr するなら、オフィシャルにリリースされている 「<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=305343404&amp;mt=8">Tumblr （iTunes が立ち上がります。）</a>」 という App があるので、それを使ってみるのもいいと思います。</p> <p>写真など、画像系ポストを中心に Tumblr を使う人なら 「<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=283998370&amp;mt=8">iview （iTunes が立ち上がります）</a>」 がオススメです。</p> <p>[6/15追記]<br /> <ins>使い勝手のいい App が色々出てきてます。今なら 「<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=315209567&amp;mt=8">tumblr gear （iTunes が立ち上がります）</a>」 や 「<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=315607611&amp;mt=8">tumbladdict （iTunes が立ち上がります）</a>」 がオススメですよ。</ins></p> <h3>その他</h3> <p>フォローしているユーザーの数が多いとダッシュボードの流れが早くてとてもついて行けない感じになると思いますが、すべての情報を追おうとしない方がいいです。一度見逃していても、人気のあるポストは Reblog されて巡り巡ってまたダッシュボードに出てきます。気楽に行きましょう。</p> <p>あと、<a href="http://b.hatena.ne.jp/">はてブ</a>とか、<a href="http://delicious.com/">Delicious</a> を使っている人なら、Tombloo の設定で、「Share - Link」 した時に Tumblr と同時に Delicious とかにもポストされるように設定しておくと楽です。（設定画面上で緑色のチェックになっている縦の列がすべて同時に実行されます。）</p> <img src="http://feeds.feedburner.com/~r/wacth/~4/mGQ72ZADeD4" height="1" width="1"/> tag:hyper-text.org,2009-04-26://1151 2009-04-26T09:04:18Z 2009-04-26T13:27:47Z

ちょっと時間が空いてしまいましたが、4月16日にタグ・ホイヤー （TAG Heuer） 銀座店で開催された AMN のブロガーイベント、「タグ・ホイヤー＠銀座～TAG Heuerと新しいコミュニケーションの形～ブロガーミーティング」 に参加してきました。

Yoshiki Kato <p><img class="f" src="http://hyper-text.org/img/post/tagh_logo.jpg" width="45" height="45" alt="TAG Heuer" />ちょっと時間が空いてしまいましたが、4月16日に<a href="http://www.tagheuer.co.jp/">タグ・ホイヤー （TAG Heuer）</a> 銀座店で開催された AMN のブロガーイベント、「<a href="http://agilemedia.jp/blog/2009/04/416tag_heuer_1.html">タグ・ホイヤー＠銀座～TAG Heuerと新しいコミュニケーションの形～ブロガーミーティング</a>」 に参加してきました。</p> <p>しょっぱなからぶっちゃけると、時計に関しては個人的に他に好きなブランドがあって、長いことそこの時計ばかり使っているんですが、そういう意味でタグ・ホイヤーというブランドに関してはあまり関心度は高くなかったんですよね。なので、イベントでなら普通にお店に行くのとちがって気兼ねなく色々と見て回れるなというくらいの軽い気持ちで参加しました。</p> <p>会場は 4月10日にオープンしたばかりの 「<a href="http://www.tagheuer.co.jp/shop/#ginza">エスパス タグ・ホイヤー 銀座</a>」。貸し切りでタグ・ホイヤーのブランド、歴史、技術力などについて色々と興味深いお話しを聞かせてもらいました。</p> <p class="img"><img src="http://hyper-text.org/img/post/090416_01.jpg" width="350" height="467" alt="タグ・ホイヤー＠銀座" /></p> <p class="img"><img src="http://hyper-text.org/img/post/090416_02.jpg" width="350" height="263" alt="タグ・ホイヤー＠銀座" /></p> <p class="img"><img src="http://hyper-text.org/img/post/090416_03.jpg" width="350" height="263" alt="タグ・ホイヤー＠銀座" /></p> <p>例えば店舗外観にもブランドメッセージが込められているというお話。「TAG」 はフランス語で 「Techniques d'Avant Garde （先鋭的な技術）」。「Heuer」 は創設家の名称、つまり長年受け継がれてきた 「伝統」 を表していて、角地の物件を生かしたこの店舗デザインでも 「技術」 と 「伝統」 をそれぞれの面に配置されたブランド名、金属と木目調を組み合わせたデザインで表現しているとのこと。</p> <p>店内は地上2階、地下1階の3層。地下フロアでは時計以外の製品も扱ってて新鮮でした。</p> <p class="img"><img src="http://hyper-text.org/img/post/090416_05.jpg" width="350" height="263" alt="タグ・ホイヤー＠銀座" /></p> <p>タグ・ホイヤーの USB メモリとか （値段は見なかったことにした方が。。）</p> <p class="img"><img src="http://hyper-text.org/img/post/090416_06.jpg" width="350" height="263" alt="タグ・ホイヤー＠銀座" /></p> <p>ワイディングマシーンなんかもありました。個人的にはワイディングマシーン使わない派なんですけど、これはカッコよかった。</p> <p>プレゼン等がひと通り終わったあとはシャンパンとかいただいちゃいました。ごちそうさまでした。</p> <p class="img"><img src="http://hyper-text.org/img/post/090416_04.jpg" width="350" height="263" alt="タグ・ホイヤー＠銀座" /></p> <p>最初にも書いたとおり、自分はタグ・ホイヤーに対してそれほど強い愛着とかあこがれを感じてはいなかったんですが、やっぱりこういうイベントを通してブランドアイデンティティに深く触れさせてもらうとブランドに対する親近感がわきますね。その細部の作り込み、質感はさすがで、ちょっと欲しくなっちゃいました。</p> <p>機械式ムーブメントフェチの私としてはケースから出された製品に周りの人が色々質問する中、時計の裏側ばかり眺めては 「いいわぁ」 ってなってたのは内緒です。展示するときも、シースルーバックの時計はもっと裏側を見せてくれと思いますが、そういう人は少数なんでしょうね。。</p> <p>ちなみに、シースルーバックの時計ってのは↓こんな感じのことです。</p> <p class="img"><img src="http://hyper-text.org/img/post/090416_07.jpg" width="350" height="263" alt="機械式ムーブメント" /></p> <p>写真のムーブメントなんかは、自動巻用のローターがあるので折角のムーブメントがあまり見えない （ローターの大きさもメーカーや製品によって異なりますけど） のが寂しいのですが、手動巻きだとこれがよく見えていい感じ。タグ・ホイヤーくらいのクラスになるとムーブメントも非常に洗練されて機能美に優れ、何時間見てても飽きないくらいです。タグ・ホイヤー貯金でもしましょうかね。。</p> <p>時計に興味のある方は一度銀座店に足を運んでみてはいかがでしょうか。</p> <p>さて、最後におまけ。</p> <p>まずはタグ・ホイヤー公式のブログパーツ。実際の時計と同じ操作感が体験できますよ。</p> <div id="tagheuer2"><a href="http://www.tagheuer.co.jp/"><img src="http://www.tagheuer.co.jp/blogparts/lib/img/grand_carrera/alt_img.jpg" alt="タグ・ホイヤー グランドカレラ クロノグラフ キャリバー 17 RS ブログパーツ（ブラック）" width="185" height="350" title="タグ・ホイヤー グランドカレラ クロノグラフ キャリバー 17 RS ブログパーツ（ブラック）" /></a></div><script type="text/javascript" src="http://www.tagheuer.co.jp/blogparts/lib/js/paste.js"></script><script type="text/javascript">tagheuerPaste(2);</script> <p>これ以外にも何種類かあります。<a href="http://www.tagheuer.co.jp/blogparts/">こちらのページからどうぞ</a>。</p> <p><a href="http://www.tagheuer.co.jp/collection/monaco/monaco_automatic_chronograph_cal11_40th_anniversary_reedition/">モナコ</a> 40周年記念のムービー 「<a href="http://www.youtube.com/watch?v=coO6naWlNlI">Lewis Hamilton Vs Steve McQueen who will win ?</a>」 も YouTube に上がってます。このムービーが第1弾、現在この勝負の<a href="http://www.tagheuer.com/the-news/events/baselworld2009-concours/form/index.lbl">勝者を予想するキャンペーン</a>が実施中です。</p> <p><script type="text/javascript" src="/js/post/coO6naWlNlI.js"></script></p> <p>参考リンク</p> <ul> <li><a href="http://www.tagheuer.co.jp/">タグ・ホイヤー日本オフィシャルサイト</a></li> <li><a href="http://agilemedia.jp/blog/2009/04/416tag_heuer_1.html">「タグ・ホイヤー＠銀座」ブロガーミーティング ： AMNイベントレポート</a></li> </ul> <img src="http://feeds.feedburner.com/~r/wacth/~4/bc0YZQkeQtA" height="1" width="1"/>