tag:hyper-text.org,2008://1.0 2009-07-06T02:18:46Z 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-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"/> tag:hyper-text.org,2009-04-19://1149 2009-04-19T13:09:22Z 2009-06-14T16:10:46Z

1年に 1回は書いているこのネタ、懲りずに私が個人的に日常利用している Firefox アドオン（+ Greasemonkey ユーザースクリプト）を挙げてみました。Firefox 3 対応のアドオンのみを集めています。

Yoshiki Kato <p><img class="f" src="http://hyper-text.org/img/post/add_ons_icon.png" width="60" height="60" alt="Firefox Add-ons" />1年に 1回は書いているこのネタ、懲りずに私が個人的に日常利用している Firefox アドオン（+ Greasemonkey ユーザースクリプト）を挙げてみました。Firefox 3 対応のアドオンのみを集めています。</p> <p>アドオンはあんまり数多くインストールすると結構重くなるので注意してくださいね。その場合は、インストールしても、使うとき以外は無効にしておくなど工夫しましょう。メモリてんこ盛り PC ならあまり気にならないと思いますが。</p> <p>今回は数が多いので大まかにグループ分けして紹介してみます。あと、特定のアドオンに依存しているものもありますので、その辺はまとめています。</p> <p>まずは一覧から。</p> <h3>業務系 （仕事で使うことが多いやつ。）</h3> <ul> <li><a href="https://addons.mozilla.org/en-US/firefox/addon/1843">Firebug</a> <ul> <li><a href="https://addons.mozilla.org/ja/firefox/addon/10273">CodeBurner for Firebug</a></li> <li><a href="https://addons.mozilla.org/ja/firefox/addon/5369">YSlow</a></li> </ul> </li> <li><a href="https://addons.mozilla.org/en-US/firefox/addon/394">ViewSourceWith</a></li> <li><a href="https://addons.mozilla.org/ja/firefox/addon/6622">DOM Inspector</a></li> <li><a href="https://addons.mozilla.org/en-US/firefox/addon/2108">Stylish</a></li> <li><a href="https://addons.mozilla.org/en-US/firefox/addon/3829">Live HTTP Headers</a></li> <li><a href="https://addons.mozilla.org/ja/firefox/addon/8487">Pencil</a></li> <li><a href="https://addons.mozilla.org/en-US/firefox/addon/59">User Agent Switcher</a></li> </ul> <h3>普段系 （ネットサーフィンしたり Blog を書いたりする時に）</h3> <ul> <li><a href="https://addons.mozilla.org/en-US/firefox/addon/748">Greasemonkey</a> <ul> <li><a href="http://userscripts.org/scripts/show/8551">AutoPagerize</a></li> <li><a href="http://userscripts.org/scripts/show/11562">LDRize</a> （+ <a href="http://userscripts.org/scripts/show/11759">Minibuffer</a>）</li> <li><a href="http://proto.jp/labs/greasemonkey/tumblrlogins/">TumblrLoginS</a></li> <li><a href="http://userscripts.org/scripts/show/8518">twitter friend name helper</a></li> <li><a href="http://userscripts.org/scripts/show/45186">Amazon Quick Affiliate (JP)</a></li> <li><a href="http://userscripts.org/scripts/show/37126">Youtube Downloader</a></li> <li><a href="http://userscripts.org/scripts/show/40582">TinyURL Decoder</a></li> </ul> </li> <li><a href="http://wiki.github.com/to/tombloo">Tombloo</a></li> <li><a href="https://addons.mozilla.org/en-US/firefox/addon/142">Make Link</a></li> <li><a href="https://addons.mozilla.org/en-US/firefox/addon/1347">Clippings</a></li> <li><a href="https://addons.mozilla.org/en-US/firefox/addon/1146">Screen grab!</a></li> <li><a href="https://addons.mozilla.org/en-US/firefox/addon/3818">Resizeable Textarea</a></li> <li><a href="https://addons.mozilla.org/ja/firefox/addon/46">QuickNote</a></li> <li><a href="https://addons.mozilla.org/en-US/firefox/addon/35">IE View</a></li> <li><a href="http://members.lycos.co.uk/toolbarpalette/searchstation/">Search Station （検索ステーション）</a></li> </ul> <h3>その他</h3> <ul> <li><a href="https://addons.mozilla.org/en-US/firefox/addon/1122">Tab Mix Plus</a></li> <li><a href="https://addons.mozilla.org/en-US/firefox/addon/1027">All-in-one Sidebar</a></li> <li><a href="http://www.xmarks.com/">Xmarks （旧 Foxmarks）</a></li> <li><a href="https://addons.mozilla.org/ja/firefox/addon/4838">Multiple Tab Handler （マルチプルタブハンドラ）</a></li> <li><a href="http://www.google.com/tools/firefox/toolbar/T3/intl/ja/">Google Toolbar for Firefox</a></li> </ul> <p>では、それぞれの説明など。</p> <h3>業務系</h3> <h4><a href="https://addons.mozilla.org/en-US/firefox/addon/1843">Firebug</a></h4> <p>ページ内の HTML、JavaScript、CSS などを分析し、それらに対して編集、デバック、モニタリングなどを行うことができる強力なアドオン。うちの業界ではほぼ必須。以前も紹介しましたが下記の記事とか参考になるかも。</p> <p><a href="http://gihyo.jp/dev/feature/01/firebug">Firefox 3 と Firebug で始める JavaScript 開発 ： gihyo.jp</a></p> <div class="childSection"> <h5><a href="https://addons.mozilla.org/ja/firefox/addon/10273">CodeBurner for Firebug</a></h5> <p>CodeBurner は Firebug 上で動作するアドオンで Firebug 上で HTML / CSS リファレンスを参照したりすることができるようになります。選択したエレメントに対してのリファレンス、ブラウザ対応状況などが表示されるので入れとくとちょっとしたときに便利。</p> <h5><a href="https://addons.mozilla.org/ja/firefox/addon/5369">YSlow</a></h5> <p>同じく Firebug 上で動作するアドオン。Web ページの読み込みスピード等、ベンチマークを簡単に取る際に便利です。</p> </div> <h4><a href="https://addons.mozilla.org/en-US/firefox/addon/394">ViewSourceWith</a></h4> <p>Web ページの各種ソースを指定したエディタで開くことができます。私は秀丸と組み合わせて使っていますが、使用するエディタは自由に選択することができますし、また複数のエディタを登録しておくこともできますので便利です。</p> <p>HTML ソースだけでなく閲覧中のページに読み込まれている CSS や JavaScript も自動的に認識してくれるので、それらをそれぞれ指定したエディタで簡単に開くことができます。</p> <h4><a href="https://addons.mozilla.org/ja/firefox/addon/6622">DOM Inspector</a></h4> <p>元々は Firefox 同梱の機能ですが、Firefox 3 では単体のアドオンとして提供されています。Web ページのドキュメント構造を解析します。ユーザースタイルやユーザースクリプトを書く際には必須です。ユーザースタイルに関してはこれと下で紹介している 「Stylish」 を組合わせればいい感じ。</p> <p><img src="http://hyper-text.org/img/post/dom_inspector.png" width="350" height="285" alt="DOM Inspector" /></p> <p>ついでにこいつで Firefox の UI を変更する際の下調べなどもできます。（DOM Inspector で 「chrome://browser/content/browser.xul」 を開けば UI の解析ができます。目的のノードを見つけたら 「userChrome.css」 を変更すれば UI が変更できます。）</p> <h4><a href="https://addons.mozilla.org/en-US/firefox/addon/2108">Stylish</a></h4> <p>ユーザスタイルシートを簡単に管理できるアドオンです。運用中の Web サイトの CSS を修正しないといけないときなど、こいつでスタイルを適用して事前確認なんて使い方も便利です。その他、よく使う Web サービスのページを使いやすいように変更したりなど、色々と便利。</p> <p>なお、Firefox の外観を指定している 「userChrome.css」 に対してもユーザースタイル指定できるので、Stylish で UI を変更すると 「userChrome.css」 を直接いじるより手軽でオススメです。</p> <h4><a href="https://addons.mozilla.org/en-US/firefox/addon/3829">Live HTTP Headers</a></h4> <p>現在表示しているページや閲覧してきたページの HTTP ヘッダを確認できます。よりシンプルな同様の機能は、「<a href="https://addons.mozilla.org/ja/firefox/addon/60">Web Developer</a>」 にも実装されていますが、こちらはより詳細な情報が確認できます。</p> <h4><a href="https://addons.mozilla.org/ja/firefox/addon/8487">Pencil</a></h4> <p>Web ページのワイヤーフレーム（プロトタイプ）を Firefox 上で作成することができるアドオン。アドオンというよりは 1つの独立したソフトウェアといった方が適切なくらい高機能なアドオンです。</p> <p>ワイヤーフレーム作成ツールは他にも多々ありますし、業務で使用する場合は、クライアント含め他の人とデータ共有しないといけない場合が多いので Excel や PowerPoint を使用する場合が多いのですが、用途によっては使えるツールです。作成したプロトタイプを PNG 形式の画像ファイルに書き出す機能もあります。</p> <h4><a href="https://addons.mozilla.org/en-US/firefox/addon/59">User Agent Switcher</a></h4> <p>ユーザーエージェントを変更できるアドオン。ユーザーエージェントで表示を切り替えていたり、制限している Web サイトを確認する時などに使用。</p> <h3>普段系</h3> <h4><a href="https://addons.mozilla.org/en-US/firefox/addon/748">Greasemonkey</a></h4> <p>指定ドメイン・URI に対してユーザースクリプトを適用することが可能なアドオン。ユーザースクリプトを自由に追加することができます（セキュリティ的な問題いくつかありますので、スクリプトのインストールや使用は十分注意しましょう）。</p> <p>私は主に下記のスクリプトを使用しています。</p> <div class="userscript"> <h5><a href="http://userscripts.org/scripts/show/8551">AutoPagerize</a></h5> <p>前回も紹介しましたが、これ使わないとかあり得ないでしょってくらい依存してます。Google の検索結果とか、Twitter とか Tumblr のダッシュボードとか、その他複数ページに渡るニュースサイトとか、全部スクロールだけでサクサク見ることができます。</p> <h5><a href="http://userscripts.org/scripts/show/11562">LDRize</a></h5> <p>Web ページ上で、LDR（livedoor reader） 同様のキーボードショートカットを使用可能にするスクリプト。下記の 「Minibuffer」 依存なので同時にインストールが必要です。</p> <p>これと AutoPagerize を組み合わせたときの快適さはかなりのもの。例えば Google の検索結果ページなら、「j」 「k」 でページを上下移動、「p」 で開きたいページにフラグを立てておいて最後に 「o」 で一気にタブに開くといった使い方ができます。</p> <h5><a href="http://userscripts.org/scripts/show/11759">Minibuffer</a></h5> <p>ブラウザ上で様々なコマンドを使用できるようになります。AutoPagerize、LDRize、Minibuffer を合わせて使う場合はインストール後に Greasemonkey の 「ユーザースクリプトの管理」 からスクリプトの順番を</p> <ol> <li>Minibuffer</li> <li>AutoPagerize</li> <li>LDRize</li> </ol> <p>となるように変更しておきましょう。</p> <h5><a href="http://proto.jp/labs/greasemonkey/tumblrlogins/">TumblrLoginS</a></h5> <p>Tumblr ユーザーしか関係ないですが、複数のアカウントを使っている場合にその切り替えを簡単に行うスクリプトです。デフォルトではすべてのドメイン下で動作する設定になっていますが、インストールしたら 「ユーザースクリプトの管理」 からスクリプトを実行するページとして 「http://www.tumblr.com/dashboard」 を指定し、Tumblr のダッシュボードのみで実行されるようにしておくといいでしょう。</p> <h5><a href="http://userscripts.org/scripts/show/8518">twitter friend name helper</a></h5> <p>Twitter を Web サイトから利用している人には便利なスクリプト。「@」 や 「D」 の入力でリプライやダイレクトメッセージの宛先を入力補完してくれます。私は <a href="http://www.tweetdeck.com/beta/">TweetDeck</a> を使用しているのであまり使わないのですが、一応入れてあります。</p> <h5><a href="http://userscripts.org/scripts/show/45186">Amazon Quick Affiliate (JP)</a></h5> <p>Amazon の商品ページに アフィリエイト用の HTML ソースを表示します。普段よく使うソースコードの形式を登録しておけるのと、商品ページに行くだけで自動的に表示されるので、Blog などで頻繁にアフィリエイト用のソースコードを使用する人にはブックマークレットなどより便利です。</p> <h5><a href="http://userscripts.org/scripts/show/37126">Youtube Downloader</a></h5> <p>YouTube 上で、見ている動画の HD 画質の有無やそれぞれのファイルのダウンロードリンクを自動的に表示してくれます。</li></p> <h5><a href="http://userscripts.org/scripts/show/40582">TinyURL Decoder</a></h5> <p>TinyURL で短縮された URL を元に戻して表示してくれます。リンク先が不明で心配な人に。</p> </div> <h4><a href="http://wiki.github.com/to/tombloo">Tombloo</a></h4> <p>色々な Web サービスに色々なものを簡単にポストすることができるアドオン。各 Web サービスのブックマークレットよりも使い勝手がいいので対応サービスを使用している人ならかなり便利なアドオンだと思います。</p> <h4><a href="https://addons.mozilla.org/en-US/firefox/addon/142">Make Link</a></h4> <p>Copy URL + から乗り換え。右クリックメニューから色々な形式でリンク用のソースコード等をクリップボードに送ることができます。その形式も自由に登録できるので便利。例えば私は、Blog で引用するときに便利なように、下記のような設定をしたりしています。</p> <pre> &lt;blockquote cite=&quot;%url%&quot;&gt; &lt;p&gt;%text%&lt;/p&gt; &lt;p&gt;&lt;cite&gt;&lt;a href=&quot;%url%&quot;&gt;%title%&lt;/a&gt;&lt;/cite&gt;&lt;/p&gt; &lt;/blockquote&gt; </pre> <h4><a href="https://addons.mozilla.org/en-US/firefox/addon/1347">Clippings</a></h4> <p>右クリックから、あらかじめ保存しておいた定型文を簡単に入力できるようにするプラグインです。Blog 書いていて、よく入力する HTML ソースなんかを保存して使っています。</p> <h4><a href="https://addons.mozilla.org/en-US/firefox/addon/1146">Screen grab!</a></h4> <p>スクリーンショットを簡単にとることができるアドオン。縦長の Web ページなども簡単に 1枚の画像にできるし、ブラウザウィンドウを含めてキャプチャできたりとかなり便利。</p> <h4><a href="https://addons.mozilla.org/en-US/firefox/addon/3818">Resizeable Textarea</a></h4> <p>テキストエリアを自由に拡大したりできます。フォームの入力をしている際に、テキストエリアのサイズが小さくて使いにくいなんていう時には便利です。</p> <h4><a href="https://addons.mozilla.org/ja/firefox/addon/46">QuickNote</a></h4> <p>手軽に使えるメモ帳です。下の 「All-in-one Sidebar」 と組み合わせてサイドバーに表示できるようにしておくと便利です。テキストを選択して右クリックから簡単にノートに送れるので、調べ物の際などに便利です。</p> <h4><a href="https://addons.mozilla.org/en-US/firefox/addon/35">IE View</a></h4> 今開いているページを、IE で開くことができるアドオン。Firefox で見ていて表示がおかしいページにぶち当たった場合などに便利。 <h4><a href="http://members.lycos.co.uk/toolbarpalette/searchstation/">Search Station （検索ステーション）</a></h4> <p>サイドバーに検索 / 翻訳ツールを表示できるアドオン。個人的に検索機能は使っていませんが、翻訳の方はかなり使い倒しています。</p> <h3>その他</h3> <h4><a href="https://addons.mozilla.org/en-US/firefox/addon/1027">All-in-one Sidebar</a></h4> <p>サイドバーの拡張を行うプラグイン。ダウンロード、拡張機能管理など、通常は別ウィンドウに表示される機能がサイドバー内で表示できるようになります。地味だけど便利。</p> <h4><a href="https://addons.mozilla.org/en-US/firefox/addon/1122">Tab Mix Plus</a></h4> <p>タブ機能をいろいろ拡張することができるアドオン。サイズ指定されて開かれるウィンドウ（例えば Movable Type の再構築ウィンドウとか）もすべてタブで開きたいとか、大量にタブを開いたときにスクロールじゃなくて多段表示にしたりとか、かゆいところに手が届く系アドオンです。</p> <p><img src="http://hyper-text.org/img/post/tabmixplus.png" width="350" height="294" alt="Tab Mix Plus" /></p> <h4><a href="https://addons.mozilla.org/ja/firefox/addon/4838">Multiple Tab Handler （マルチプルタブハンドラ）</a></h4> <p>複数のタブをまとめて閉じたり再読み込みしたりできるようにできます。地味ですが便利。例えば大量にタブを開いていて、そのうちの複数のタブを一気に閉じたいとき、標準ではどこか 1つのタブ上で右クリック→「他のタブをすべて閉じる」しかできないのですが、このアドオンなら Ctrl + クリックやドラッグでタブを選択して閉じたり、再読込したりということができます。</p> <h4><a href="http://www.xmarks.com/">Xmarks</a></h4> <p>Firefox のブックマークやパスワードを複数の PC / Mac 間で同期できます。パスワードはユーザーが設定した PIN コードを使用して暗号化されて送信されますが、その辺がセキュリティ的に気になるって人はブックマークの同期だけでも十分便利。</p> <p>使用するには、アドオンのインストールに加えて Xmarks でのユーザー登録が必要です。その他、「Smarter Search」などの追加機能がデフォルトだと追加されるのですが、個人的には邪魔なのですべて設定で OFF （設定内の 「Discovery（発見）」 ですべてのチェックを外す）にしてたり、同期自体も Firefox 終了時のみ実行するようにするなど設定変更しています。</p> <h4><a href="http://www.google.com/tools/firefox/toolbar/T3/intl/ja/">Google Toolbar for Firefox</a></h4> <p>説明不要ですね。</p> <p>さて、長くなりましたがほとんどが有名なプラグインなので目新しいものはなかったかもしれません。多少でもアドオン選びの参考になれば幸いです。</p> <img src="http://feeds.feedburner.com/~r/wacth/~4/tH_l0EYs3nA" height="1" width="1"/> tag:hyper-text.org,2009-04-13://1147 2009-04-13T14:56:38Z 2009-04-13T19:09:47Z

Twitter キッカケで急速に広まった感のある、いわゆる短縮 URL サービスですが、無駄なリクエストを増やすとか、本当のリンク先がわかりにくくてスパム業者に悪用されるよだとか、色々と言われています。 つい最近も 「短縮URLは必要悪か、単なる悪か。」 なんて議論で盛り上がったりしていますが、この短縮 URL を自前で提供する方法について書いてみます。

Yoshiki Kato <p><a href="http://twitter.com/">Twitter</a> キッカケで急速に広まった感のある、いわゆる短縮 URL サービスですが、無駄なリクエストを増やすとか、本当のリンク先がわかりにくくてスパム業者に悪用されるよだとか、色々と言われています。</p> <p>つい最近も 「<a href="http://jp.techcrunch.com/archives/20090406are-url-shorteners-a-necessary-evil-or-just-evil/">短縮URLは必要悪か、単なる悪か。</a> （原文：<a href="http://www.techcrunch.com/2009/04/06/are-url-shorteners-a-necessary-evil-or-just-evil/">Are URL Shorteners A Necessary Evil, Or Just Evil?</a>）」 なんて議論で盛り上がったり。</p> <p>そんな一連の議論の中で、色々問題もあるけど、短縮 URL 自体は便利だし、だったらサイト管理者が自前で短縮 URL を提供して、それをみんなが使いやすくする仕組みがあればいいんじゃないの？という流れが生まれ、それが link 要素に 「rev=&quot;canonical&quot;」 を組み合わせた方法として広がりそうな気配をみせています。</p> <p>ちなみに、「rel=&quot;canonical&quot;」 という記述は最近検索エンジン各社が重複コンテンツ対策としてサポートすることを決めたもの （<a href="http://www.sem-r.com/09/20090213153711.html">参考記事</a>） ですが、検索エンジン向けに使用する rel 属性に対して、rev 属性を使用する形になります。</p> <p>具体的には、サイト管理者側で短縮 URL を生成、リダイレクトの仕組みを提供した上で元のページ （つまり長ったらしい URL がついている方のページ） 内に、</p> <pre> &lt;link rev=&quot;canonical&quot; rel=&quot;alternate shorter&quot; href=&quot;http://example.com/xxxxxx&quot; /&gt; </pre> <p>みたいな記述を入れてあげると。あとはこの記述に対応したクライアント側の仕組み （ブラウザサポートとか、ブックマークレットとか） があれば、簡単に短縮 URL を抜き出して利用できますよということです。実際に <a href="http://www.flickr.com/">Flickr</a> などではすでに対応されていて、Flickr 独自の短縮 URL が使用できます。（ソースコードを見てみるとわかると思います。Flickr は「rel=&quot;alternate shorter&quot;」 を使ってないですけど）</p> <p>短縮 URL は先に書いた問題点もありますが、もう一点、そのサービスが終了したらすべてのリンクが無効になってしまうという問題もあります。自前で提供していれば、まあ自分さえやめなければ短縮 URL の提供を継続できるわけで、その点でもメリットはあるかもしれません。</p> <p>で、リダイレクトの方法は何でもいいんですが、例えば .htaccess でやるなら</p> <pre> Redirect permanent /0001 http://example.com/archives/category/2009/04/13/sample.html Redirect permanent /0002 http://example.com/archives/category/2009/04/12/sample.html Redirect permanent /0003 http://example.com/archives/category/2009/04/11/sample.html </pre> <p>のように。「301 Moved Permanently （永久的な移動）」 をレスポンスヘッダで返しつつ、リダイレクトしてやります。この場合、</p> <p>http://example.com/0001</p> <p>にアクセスがあれば、</p> <p>http://example.com/archives/category/2009/04/13/sample.html</p> <p>にリダイレクトされます。これで完了。Blog で使用するなら、個別記事ページへの link 要素自動追加、.htaccess ファイルのリダイレクト設定も自動で書き込むといった形にしておけば手間がかかりません。例えば Movable Type であれば、ブログ記事テンプレートの head 要素内に下記のような記述を。</p> <pre> &lt;link rev=&quot;canonical&quot; rel=&quot;alternate shorter&quot; href=&quot;http://example.com/&lt;$MTEntryID pad=&quot;1&quot;$&gt;&quot; /&gt; </pre> <p>さらに、.htaccess をテンプレートとして作成し、</p> <pre> &lt;MTEntries lastn=&quot;0&quot;&gt; Redirect permanent /&lt;$MTEntryID pad=&quot;1&quot;$&gt; &lt;$MTEntryPermalink$&gt; &lt;/MTEntries&gt; </pre> <p>などとしておけば、全部自動でいけちゃいます。</p> <p>ドメイン名が長い場合は短縮 URL 用のドメインを取るなんて言うのもこだわる人にはいいかもしれませんね。マルチドメインで運用できるサーバであればいい感じにできるかも。</p> <p>ただし、この独自短縮 URL は一度提供開始し始めたら、少なくとも発行した短縮 URL に関しては継続的に提供し続けないといけないですから、それなりの覚悟で始めた方がいいと思います。</p> <p>その他、rev=&quot;canonical&quot; に関する技術的なお話は下記のサイトが参考になります。</p> <p><a href="http://revcanonical.wordpress.com/">RevCanonical's Blog</a></p> <img src="http://feeds.feedburner.com/~r/wacth/~4/Y1cmdBMTpf0" height="1" width="1"/> tag:hyper-text.org,2009-04-01://1145 2009-03-31T15:33:04Z 2009-04-02T02:42:16Z

年に一度のおバカ祭りの日が今年もやってきました。Web 上でも色々なところでこれに便乗してネタを披露しているサイトが数多くあります。ざっと見かけたものだけまとめてみました。

Yoshiki Kato <p>年に一度のおバカ祭りの日が今年もやってきました。Web 上でも色々なところでこれに便乗してネタを披露しているサイトが数多くあります。ざっと見かけたものだけまとめてみました。</p> <h3><a href="http://www.yahoo.co.jp/">Yahoo! Japan</a></h3> <p>「<a href="http://event.yahoo.co.jp/eva2/real/index2.html">エヴァ実写ドラマ化計画</a>」 なんてニュースが。。</p> <p><img src="http://hyper-text.org/img/post/yahoo_4_1.png" width="350" height="250" alt="Yahoo! Japan 2009年4月1日" /></p> <p>トップページにもさりげなく載ってるのでこれはだまされる人多そう。</p> <h3><a href="http://www.nicovideo.jp/">ニコニコ動画</a></h3> <p>「<a href="http://blog.nicovideo.jp/niconews/2009/04/002723.html">4/1ニコニコ動画史上最速バージョン &quot;&#946;&#946;&#946;&quot; スタート！</a>」 をはじめ色々と面白そうなネタが。「<a href="http://blog.nicovideo.jp/niconews/2009/04/002721.html">オバマ・トルシエ・田代 緊急生放送3本立て！</a>」 なんてのも。</p> <p><img src="http://hyper-text.org/img/post/tbeta.gif" width="144" height="44" alt="ニコニコ動画 &#946;&#946;&#946;" /></p> <h3><a href="http://slashdot.jp/">スラッシュドット・ジャパン</a></h3> <p>「<a href="http://slashdot.jp/slash/09/03/31/1249214.shtml">エイプリルフール中止のお知らせ</a>」 なんてタレコミが上がってますが。。</p> <h3><a href="http://www.watch.impress.co.jp/">Impress Watch</a></h3> <p>毎年手が込んでます。「<a href="http://www.watch.impress.co.jp/headline/uocchi09/">Impresso Watch Headline</a>」 で様々なおもしろネタが。</p> <ul> <li><a href="http://www.watch.impress.co.jp/headline/uocchi09/neko/">猫Watch</a></li> <li><a href="http://www.watch.impress.co.jp/headline/uocchi09/itachi/">いたちWatch</a></li> <li><a href="http://www.forest.impress.co.jp/yashiro/2009/">窓の社（やしろ）eco</a></li> <li><a href="http://pc.watch.impress.co.jp/docs/2009/0401/april.htm">Maccrosoft、次期OS「Widows 7」に分別式ゴミ箱を搭載 ： PC うぉっち</a></li> <li><a href="http://k-tai.impress.co.jp/static/news/2009/04/01/ihorn.htm">ソフトパンダ、了ップル製「iHorn」4月発売 ： ケッタイ うぉっち</a></li> <li><a href="http://internet.watch.impress.co.jp/static/uocchi/2009/04/01/chatbot.htm">人工無能「酢鶏」、殺害予告で逮捕される ： Internet うぉっち</a></li> <li><a href="http://bb.watch.impress.co.jp/static/uocchi/2009/04/01/honne_in.htm">ニュースから本音を読み取って表示するプラグイン「本音.in」 ： BB うぉっち</a></li> </ul> <h3><a href="http://www.redbull.jp/">Red Bull Japan</a></h3> <p>F1 や エアレースでおなじみのエナジードリンク、Red Bull も参戦。「<a href="http://www.redbull.jp/">世界初！Red Bull Energy Drink「Sumo Size」（相撲サイズ） &amp; 「Server Size」（サーバー・サイズ）発表！</a>」 って。。。3日くらい寝なくていい体になりそう。</p> <p><img src="http://hyper-text.org/img/post/aprilfool_redbulls.png" width="350" height="230" alt="Red Bull" /></p> <blockquote cite="http://www.redbull.jp/"> <p> 本日、4月1日（水） レッドブル・ジャパンは、お客様から「今のサイズではもの足りない、もっと大きなサイズを出して欲しい」という声が頻繁に寄せられたため、「Red Bull Energy Drink Sumo Size（相撲サイズ）」と「Server Size（サーバー・サイズ）」の販売を発表しました。この2商品は人間の限界を超えるパフォーマンスを発揮したい方に特にお勧めの商品です。お花見など、行楽の場でお酒と割ってお楽しみいただけます。 </p> </blockquote> <p>[4/2 追記]<br /> <ins datetime="2009-04-02T10:00:00+09:00">上記リンク先の記事が削除されたようなのでリンク先はトップページになっています。</ins></p> <h3><a href="http://googlejapan.blogspot.com/">Google Japan</a></h3> <p>Google Maps ではガチャピンさんとのコラボ。 「<a href="http://googlejapan.blogspot.com/2009/04/google.html">ガチャピンが Google マップのアドバイザーに就任!</a>」。</p> <p><img src="http://hyper-text.org/img/post/gachapeg_090401.png" width="350" height="315" alt="ガチャピン" /></p> <blockquote cite="http://googlejapan.blogspot.com/2009/04/google.html"> <p> このたび、Google マップでは、新たにガチャピンさんをアドバイザーとしてお迎えすることになりました。これを記念して、本日より Google マップのストリートビューでは、ガチャピンさんのマスコットをアイコンに採用します。日本国内のストリートビューをご覧いただくと、画面下側にガチャピンさんのアイコンが現れます。 </p> <p><cite><a href="http://googlejapan.blogspot.com/2009/04/google.html">Google Japan Blog ： ガチャピンが Google マップのアドバイザーに就任!</a></cite></p> </blockquote> <p>ストリートビューでみると、ガチャピンが。ドラッグされている時のガチャピンかっこいい。</p> <p><img src="http://hyper-text.org/img/post/google_maps_090401.png" width="350" height="270" alt="ガチャピン" /></p> <p><img src="http://hyper-text.org/img/post/google_maps_090401_2.png" width="350" height="270" alt="ガチャピン" /></p> <p>その他、<a href="http://agilemedia.jp/">AMN （Agile Media Network）</a> ではエイプリールフール参加サイトをまとめたこんなサイトも。</p> <p><a href="http://bloglabs.jp/afn/">エイプリルフールネットワーク ： AMN</a></p> <p>ネット以外だとこんなネタもありますね。</p> <p><a href="http://www.amazon.co.jp/o/ASIN/B00219DKDM/burnworksdesi-22"><img class="f" src="http://hyper-text.org/img/post/B00219DKDM.png" width="60" height="83" alt="FAMOSO" /></a>所ジョージさんとビートたけしさんが悪ノリしてます。 「<a href="http://www.amazon.co.jp/o/ASIN/B00219DKDM/burnworksdesi-22">FAMOSO (ファモーソ)</a>」</p> <p>今年も色々なところでネタが披露されていますが皆様くれぐれも騙されないようにご注意ください。</p> <img src="http://feeds.feedburner.com/~r/wacth/~4/sM8xz_bfYqQ" height="1" width="1"/> tag:hyper-text.org,2009-03-31://1143 2009-03-31T13:27:26Z 2009-03-31T14:33:24Z

先日のエントリーでも書きましたが、外出先からのインターネットアクセス用に普段からモバイル WiFi アクセスポイント 「Cradlepoint PHS300」 を使っています。この PHS300 と Skype for iPhone の組合わせがいい感じでしたので紹介してみます。

Yoshiki Kato <p><img class="f" src="http://hyper-text.org/img/post/skype_for_iphone.png" width="60" height="58" alt="" />先日リリースされた 「<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewArtist?id=304219585" title="Skype for iPhone （iTunes が立ち上がります）">Skype for iPhone</a> （iTunes が立ち上がります）」 いいですね。</p> <p><a href="/archives/2009/03/skype_for_iphone.shtml">先日のエントリー</a>でも書きましたが、外出先からのインターネットアクセス用に普段からモバイル WiFi アクセスポイント 「<a href="http://www.amazon.co.jp/o/ASIN/B001212ELY/burnworksdesi-22">Cradlepoint PHS300</a>」 を使っています。この PHS300 と Skype for iPhone の組合わせがいい感じでしたので紹介してみます。</p> <p>Skype for iPhone は 3G 上ではテキストチャット、WiFi ネットワーク上ではチャットに加えて音声通話が可能になりますが、PHS300 と <a href="http://emobile.jp/">emobile</a> （私が使っているのは <a href="http://emobile.jp/products/hw/d02hw/">D02HW</a>） の組合わせで、外出先でも簡単に WiFi ネットワークに接続、そこから音声通話が可能になります。</p> <p><img src="http://hyper-text.org/img/post/phs300.png" width="350" height="211" alt="Cradlepoint PHS300" /></p> <p>私の場合は、これに外付けのバッテリー 「MPP-100」 （<a href="http://tenant.depart.livedoor.com/t/livedoorshop/item5156506.html">PHS300 とセット販売とかされてます</a>。） を組み合わせて 1日使ってもバッテリー切れにならないようにしています。正確に計ったことはないですけど、5～6時間くらいは使えるはず。外付けバッテリーがないと 2時間くらいで電池切れしてしまうので、1日中外出の時なんかはちょっと厳しいんですけどね。</p> <p>PHS300は最初の設定さえ終わってしまえばあとは emobile つないで電源入れるだけで勝手に接続してくれるので簡単です。最後に PHS300 で Skype for iPhone を使うまでをムービーにしてみたのでどれだけ簡単か見てみてください。</p> <p><script type="text/javascript" src="/js/post/skype_for_iphone_phs300.js"></script></p> <p>Skype for iPhone と PHS300 の組合わせはオススメですよ。</p> <p>ちなみに、PHS300 に外付けバッテリ－、emobile までセットになると結構かさばるんですが、私はこれを無印良品の 「<a href="http://www.muji.net/store/cmdty/detail/4548718211784">ナイロンバッグインバッグ</a>」 にまとめて持ち歩いてます。これ便利です。</p> <p><img src="http://hyper-text.org/img/post/4548718211784_m.png" width="350" height="287" alt="ナイロンバッグインバッグ B6" /></p> <p>関連エントリー<br /> <a href="/archives/2009/03/skype_for_iphone.shtml">Skype for iPhone キタ</a></p> <img src="http://feeds.feedburner.com/~r/wacth/~4/p8bJngZUcSs" height="1" width="1"/> tag:hyper-text.org,2009-03-31://1141 2009-03-30T17:30:43Z 2009-03-31T14:35:30Z

Skype for iPhone がリリースされましたので早速使ってみました。

Yoshiki Kato <p><img class="f" src="http://hyper-text.org/img/post/skype_for_iphone.png" width="60" height="58" alt="Skype for iPhone" />待望のといった感じですが、「<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewArtist?id=304219585" title="Skype for iPhone （iTunes が立ち上がります）">Skype for iPhone</a> （iTunes が立ち上がります）」 が本日リリースされました。</p> <p>今までは個人的に 「<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewArtist?id=290948833" title="Skype for iPhone （iTunes が立ち上がります）">fring</a> （iTunes が立ち上がります）」 を利用していたのですが、コンタクトをとる相手がほぼ Skype アカウントオンリーなので Skype for iPhone を早速入れて試してみました。</p> <p class="imgIp"><img src="http://hyper-text.org/img/post/skype_for_iphone_01.png" width="320" height="480" alt="Skype for iPhone" /></p> <p>インストールして立ち上げるとログイン画面になります。手持ちのアカウントでログインしましょう。</p> <p class="imgIp"><img src="http://hyper-text.org/img/post/skype_for_iphone_02.png" width="320" height="480" alt="Skype for iPhone" /></p> <p>ログイン中。。。</p> <p class="imgIp"><img src="http://hyper-text.org/img/post/skype_for_iphone_03.png" width="320" height="480" alt="Skype for iPhone" /></p> <p>ログインするとコンタクト一覧が表示されます。上部の切り替えメニューでコンタクト全体か、オンラインのコンタクトのみかの表示切り替えが可能です。3G ではテキストチャットが可能です。でも iPhone のキーボードでチャットって正直きついっすよね。。</p> <p class="imgIp"><img src="http://hyper-text.org/img/post/skype_for_iphone_04.png" width="320" height="480" alt="Skype for iPhone" /></p> <p>WiFi 上なら音声通話も可能です。SkypeOut の契約をしている人なら格安で電話できますね。 </p> <p class="imgIp"><img src="http://hyper-text.org/img/post/skype_for_iphone_05.png" width="320" height="480" alt="Skype for iPhone" /></p> <p>私は普段、<a href="http://www.amazon.co.jp/o/ASIN/B001212ELY/burnworksdesi-22">Cradlepoint PHS300</a> を持ち歩いているので、早速明日にでも外出先からの SkypeOut を試してみようと思います。</p> <img src="http://feeds.feedburner.com/~r/wacth/~4/HexvVVdgemw" height="1" width="1"/> tag:hyper-text.org,2009-03-12://1139 2009-03-12T09:58:17Z 2009-03-12T13:13:39Z

WWW （World Wide Web） がこの3月で誕生から20周年を迎えました。当時 CERN （欧州原子核研究機構） に所属していたティム・バーナーズ＝リー氏 （Sir Timothy John Berners-Lee） によって生み出されてから 20年、今では私たちの生活になくてはならない存在になりました。

Yoshiki Kato <p><img class="f" src="http://hyper-text.org/img/post/www20th.png" width="80" height="60" alt="World Wide Web@20" />いつもお世話になっております、WWW （World Wide Web） がこの3月で誕生から20周年を迎えました。1989年、当時 CERN （欧州原子核研究機構） に所属していたティム・バーナーズ＝リー氏 （Sir Timothy John Berners-Lee） によって生み出されてから 20年、今では私たちの生活になくてはならない存在になりました。</p> <p>これを記念して、CERN では記念の式典が開かれるようで、特設ページ、「<a href="http://info.cern.ch/www20/">World Wide Web@20</a>」 によるとティム氏による基調講演等も予定されているのとのこと。</p> <blockquote cite="http://info.cern.ch/www20/"> <p> Twenty years ago this month, something happened at CERN that would change the world forever: Tim Berners-Lee handed a document to his supervisor Mike Sendall entitled &quot;Information Management : a Proposal&quot;. &quot;Vague, but exciting&quot; is how Mike described it, and he gave Tim the nod to take his proposal forward. The following year, the World Wide Web was born. This week, it's a pleasure and an honour for us to welcome the Web's inventor back to CERN to mark this special anniversary at the place the Web was born. </p> <p>A celebration will take place in the Globe on the afternoon of the 13th March from 14:00 to 17:30. It will consist of short presentations from Web veterans, a keynote speech from Tim Berners-Lee with a demonstration of the original browser, and a series of presentations from people that Tim believes are doing exciting things with the Web today.</p> <p><cite><a href="http://info.cern.ch/www20/">World Wide Web@20</a></cite></p> </blockquote> <p>開催は日本時間で 13日の 22時から。CERN の <a href="http://webcast.cern.ch/">Webcast Service</a> でライブ中継も見られるようです。</p> <img src="http://feeds.feedburner.com/~r/wacth/~4/uzyAG5SntPA" height="1" width="1"/> tag:hyper-text.org,2009-03-12://1137 2009-03-11T15:54:58Z 2009-03-11T17:08:02Z

ATOK 2009 にアップグレードした機会に前から気になっていた ATOK Sync を MobileMe iDisk と組み合わせて使ってみました。その設定方法などをご紹介します。

Yoshiki Kato <p><a href="http://www.amazon.co.jp/o/ASIN/B001NDHINU/burnworksdesi-22"><img class="f" src="http://hyper-text.org/img/post/atok2009.png" width="80" height="97" alt="ATOK 2009" /></a>ついこの間 <a href="http://www.amazon.co.jp/o/ASIN/B001NDHINU/burnworksdesi-22">ATOK 2009</a> にアップグレードしたんですが、これを機に 前から気になってはいたものの使っていなかった 「<a href="http://www.atok.com/useful/atoksync/">ATOK Sync</a>」 を設定してみることにしました。</p> <p>ATOK Sync は ATOK の辞書データを複数の PC / Mac 間で同期してくれるツール。これで自宅と会社の ATOK で賢さに差が出るなんてことともおさらばです。</p> <blockquote cite="http://www.atok.com/useful/atoksync/"> <p> 自分用に育ててきたATOKの環境を、どのパソコンでも常に使えるようにするツールです。 自宅や会社、移動中のノートパソコンなど、それぞれ違う環境で使っているATOKのユーザー辞書を、インターネットを通じて同じ入力環境にシンクロできます。したがって、単語登録の手間は1回。しかも、学習履歴（入力履歴）も引き継げるので、常にあなたにとって必要かつ快適な環境で入力できます。 </p> <p><cite><a href="http://www.atok.com/useful/atoksync/">ATOK Sync ： ATOK.com</a></cite></p> </blockquote> <p>注意しないといけないこととしては、ATOK Sync で同期できるのは同じバージョンの辞書ファイルのみということ。それから、WebDAV 環境に対応したディスクスペースが必要なので用意しましょう。今回はこのディスクスペースに <a href="http://www.apple.com/jp/mobileme/features/idisk.html">MobileMe iDisk</a> を利用してみました。MobileMe iDisk 以外にも WebDAV に対応したオンラインストレージサービスはありますし、管理者権限のあるサーバをもっている （or 借りている） 人ならそこに WebDAV 環境を構築してもいいですね。</p> <p>では早速設定を。最初に ATOK Sync をインストールします。<a href="http://www.atok.com/useful/atoksync/">ATOK Sync のページ</a>から自分の環境にあったバージョンを落としてきましょう。ダウンロードしたらインストールします。</p> <p><img src="http://hyper-text.org/img/post/atok2009_sync_02.png" width="350" height="265" alt="ATOK Sync セットアップ" /></p> <p><img src="http://hyper-text.org/img/post/atok2009_sync_03.png" width="350" height="265" alt="ATOK Sync セットアップ" /></p> <p><img src="http://hyper-text.org/img/post/atok2009_sync_04.png" width="350" height="265" alt="ATOK Sync セットアップ" /></p> <p><img src="http://hyper-text.org/img/post/atok2009_sync_05.png" width="350" height="265" alt="ATOK Sync セットアップ" /></p> <p>この辺は 「次へ」 を連打で大丈夫。インストールが完了したら ATOK Sync を立ち上げます。</p> <p><img src="http://hyper-text.org/img/post/atok2009_sync_14.png" width="350" height="185" alt="ATOK Sync" /></p> <p>最初だけ概要説明のダイアログが出ますが、無視して閉じてしまいましょう。すると、「インターネットディスクの設定」 という画面が出てきます。 ATOK Sync は JustSystem が提供する 「<a href="http://www.internetdisk.jp/">IDisk</a>」 （ややこしい。。） を使う前提になっているためこれが出るのですが、ここはメールアドレスの部分に適当に 1文字 入れたら OK を押して終わらせてしまいます。</p> <p><img src="http://hyper-text.org/img/post/atok2009_sync_06.png" width="350" height="171" alt="ATOK Sync 設定" /></p> <p>改めて、「メニュー」 から 「サーバ設定一覧」 を表示させます。</p> <p><img src="http://hyper-text.org/img/post/atok2009_sync_07.png" width="350" height="191" alt="ATOK Sync 設定" /></p> <p>「追加」 をクリックすれば、「ユーザー定義サーバの設定」 として自分の好きなサーバを指定できるようになります。</p> <p><img src="http://hyper-text.org/img/post/atok2009_sync_08.png" width="314" height="179" alt="ATOK Sync 設定" /></p> <p><img src="http://hyper-text.org/img/post/atok2009_sync_09.png" width="350" height="212" alt="ATOK Sync 設定" /></p> <p>設定名はお好みで、それぞれ下記のように設定を入力します。</p> <ul> <li>サーバURL ： idisk.mac.com/user_name/</li> <li>ユーザー名 ： MobileMe ユーザー名</li> <li>パスワード ： MobileMe パスワード</li> </ul> <p>「user_name」 には MobileMe ユーザー名を入れてください。その下層にお好みでディレクトリを指定しても問題無いです。入力し終わったら OK を押せば設定が追加されます。</p> <p><img src="http://hyper-text.org/img/post/atok2009_sync_10.png" width="314" height="179" alt="ATOK Sync 設定" /></p> <p>ATOK Sync に戻って、「実行」 をクリックしてみましょう。初回はサーバに辞書ファイルがアップロードされます。そして、2回目以降は差分を同期してくれるようになります。</p> <p><img src="http://hyper-text.org/img/post/atok2009_sync_12.png" width="350" height="88" alt="ATOK Sync 同期" /></p> <p><img src="http://hyper-text.org/img/post/atok2009_sync_11.png" width="350" height="88" alt="ATOK Sync 同期" /></p> <p>MobileMe iDisk 上に、辞書ファイルがアップロードされていれば成功です。</p> <p><img src="http://hyper-text.org/img/post/atok2009_sync_13.png" width="350" height="256" alt="MobileMe iDisk 上の 辞書ファイル" /></p> <p>ついでに定期的に同期作業をしてくれるように設定しておきましょう。「メニュー」 から 「同期の定期実行設定」 を選択します。</p> <p><img src="http://hyper-text.org/img/post/atok2009_sync_15.png" width="350" height="192" alt="ATOK Sync 同期の定期実行設定" /></p> <p>定期的に実行するにチェックを入れたらスケジュールの設定に進みます。</p> <p><img src="http://hyper-text.org/img/post/atok2009_sync_16.png" width="350" height="176" alt="ATOK Sync 同期の定期実行設定" /></p> <p>後はお好みで。昼ご飯に行ってる間にでも同期してもらいましょうか。</p> <p><img src="http://hyper-text.org/img/post/atok2009_sync_17.png" width="350" height="311" alt="ATOK Sync 同期の定期実行設定" /></p> <p>ユーザー情報を聞かれたときは、タスクを実行する Windows ユーザー （つまり普段使っているアカウント） の情報を入れてあげましょう。</p> <p><img src="http://hyper-text.org/img/post/atok2009_sync_18.png" width="350" height="145" alt="ATOK Sync 同期の定期実行設定" /></p> <p>これで基本的な設定は完了。あとは同期したい PC / Mac で同じ設定をそれぞれ完了すれば、同期が実現します。</p> <img src="http://feeds.feedburner.com/~r/wacth/~4/LSAJSBoAfQw" height="1" width="1"/>