Webserviceの最近のブログ記事


20080509190116メディアマーカー - tetblueのバインダー.jpg

いろいろな所で買ったり、図書館で借りたりした本について整理がなかなか出来ていなくて、読んだ本に関して簡単にでも記録が出来ないものかと思い、このメディアマーカーを使ってみることにしました。

Media Marker : http://mediamarker.net/u/tetblue/


シゴトハック研究所:読むべき本が多すぎて困る【解決編】 - ITmedia Biz.ID

これら読書のステータスを管理してくれる「秘書」のようなツールがあります。

このサービスにしてみたのも、上のリンクでいくつか同様のサービスを紹介されている中で、シンプルで見やすく、タグ関連も整理しやすそうだったり、他のメディアについても記録出来るので使ってみることにしました。とりあえずの使用感はまずまず良いと思います。

登録だけでまだ整理までは至っていませんが、感想メモとステータスくらいは記録していこうと思います。他の似たようなサービスもあるので、比較しながら特長をみるのも良いかもしれません。しばらく使用してみることにします。

20080509175333Twitxr.com - tetblue.jpg

このブログのほかに、その時に何をしているか一言を並べられるtwitterを使ってみていますが、その似たようなサービスのtwitxrも使い始めてみました。

twitter : http://twitter.com/tetblue
twitxr : http://www.twitxr.com/tetblue

基本的にミニブログ的、参加者とfollowという形でリンクが出来るという点では同じで、twitterがワンセンテンスくらいの短い言葉をロードしていくのに対して、twitxrはそれに画像を投稿することができます。

他にもtwitxrの利点として、

  • メールで携帯からも投稿出来る事
  • 投稿地点を設定・認識して地図上に表示している事
  • twitterと同時ポスト出来る事

などがあり、便利そうだなと感じました。

関連ツールや参加している人の数を考えるとtwitterと取り替えるツールではなくて、連携も良いので補完するツールとして使えそうな感じがします。

すぐ間近の思いや行動などをtwitterやtwitxrで記録し、それをblogでまとめる、そんな思考ツールとしてもこれらを使っていけるかなと思っています。

よかったら、followしてみてもらえたらと思います。

前のエントリーHatena starを付けてみるで、はてなスターをつけてみたところ、更に良い方法があるということをはてなスターのお返事で教えてもらいました。

TREND SPOTTINGさんのMovable Type4にはてなスターを設置2なのですが、このとおりに設置してみると、あらま上手く行っています(こちらのサイトでテストしてみた)。

似たようなことをやったけれども、上手く行かなかった、、と思いましたが、"ブログ記事の詳細"と"ブログ記事の概要"両方にspanを付けなかったからかな。。前回方法では、二つのヘッダーのテンプレートを作るため、ヘッダーの内容を変える時に両方ともやらなければいけないので、こちらの方法に変えていこうと思います。

方法のメモ

1.はてなスターにアクセス。ログインして右上のBlogsをクリック。

2."外部のブログサイトを登録する"にblogのURLを入れ、追加する。

3.トークンが発行される。出てきたHTMLコードをコピーする。
MovableTypeの管理画面より、
 デザイン>テンプレート>クイックフィルタ テンプレートモジュール>ヘッダー
のheadタグの中に、コピーしたコードをペーストする。

4.トップページのタイトルの横に設置させるために、Hatena.Star.EntryLoader.header...以下の一行を加え、保存。以下のものがheadタグ内に加えられた。

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>   <script type="text/javascript"> Hatena.Star.EntryLoader.headerTagAndClassName = ['span','star']; Hatena.Star.Token = 'your トークン';   </script>

5. デザイン>テンプレート>テンプレートモジュール>ブログ記事の詳細
の、"ブログ記事のメタデータ"のモジュールインクルードの上にある、

<h1 id="page-title" class="asset-name entry-title"><$MTEntryTitle$></h1>
を、
<h1 id="page-title" class="asset-name entry-title"><$MTEntryTitle$><span class="star"><a href="<$MTEntryPermalink$>" class="hidden">スター</a></span></h1>
に書き換え。保存。


6. デザイン>テンプレート>テンプレートモジュール>ブログ記事の概要
の、"ブログ記事のメタデータ"のモジュールインクルードの上にある、

<h2 class="asset-name entry-title"><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></h2>
を、
<h2 class="asset-name entry-title"><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a><span class="star"><a href="<$MTEntryPermalink$>" class="hidden">スター</a></span></h2>
に書き換え。保存。


7.再構築して、出てくるか確認。

TREND SPOTTINGさん、ありがとうございました。

Hatenaのサービスで、はてなスターというものがあります。はてなスターとは、

日々ブログを読んでいていいなと思っても、コメントを書いたりトラックバックを送るのは敷居が高く、気持ちが十分に書き手に伝わらずに終わってしまうことも多いでしょう。はてなスターは既存のブログにワンクリックで☆がつけられます。あなたのいいなと思った気持ちを☆に変えて、世界のブログに☆をつけよう! (はてなスターはじめてガイド - Hatena Star

というもので、ちょっと良かったなというエントリーに☆を付けてあげるというものです。このサービスを自分のblog内でも設置できるということなので、設置してみることにしました。


(追記)
改良版を、次のエントリー"Hatena starを付けてみる その2"にて行ってみています。そちらの方が変更点が少なく良いと思います。


方法は、MovableType4.1で設置しているTREND SPOTTINGさんのMovable Type4にはてなスターを設置を参考にしてみました。

1.はてなスターにアクセス。ログインして右上のBlogsをクリック。

2."外部のブログサイトを登録する"にblogのURLを入れ、追加する。

3.トークンが発行される。出てきたHTMLコードをコピーする。
MovableTypeの管理画面より、
 デザイン>テンプレート>メインページ>ヘッダー
のheadタグの中に、コピーしたコードをペーストする。

4.トップページのタイトルの横に設置させるために、Hatena.Star.EntryLoader.header...以下の一行を加え、保存。以下のものがheadタグ内に加えられた。

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>   <script type="text/javascript"> Hatena.Star.EntryLoader.headerTagAndClassName = ['h2','asset-name']; Hatena.Star.Token = 'your トークン';   </script>

5.記事個別ページ用のヘッダーを作成する。まず、モジュールテンプレートにあるヘッダーの中身全てをコピーする。

6."モジュールテンプレート一覧"より"モジュールテンプレートの作成"して、上記をコピーする。

7.記事個別ページに合わせるように、下の行の'h2'を'h1'に書き換える。

Hatena.Star.EntryLoader.headerTagAndClassName = ['h1','asset-name'];

8."ヘッダー個別リンク用"などと任意の名前を付けて保存。

9.個別ページでの"ヘッダー"を作成した"ヘッダー個別リンク用"に変える。
 デザイン>テンプレート>アーカイブテンプレート>ブログ記事

<$MTInclude module="ヘッダー"$
を、
<$MTInclude module="ヘッダー個別リンク用"$>
に書き換え。保存。


10. デザイン>テンプレート>アーカイブテンプレート>ブログ記事>ブログ記事の詳細
の、"ブログ記事のメタデータ"のモジュールインクルードの上にある、

<h1 id="page-title" class="asset-name entry-title"><$MTEntryTitle$></h1>

を、
<h1 class="asset-name"><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></h1>

に書き換え。保存。


11.再構築して、出てくるか確認。

個別記事のタイトルを認識させるところが少しややこしい。はてなスターが必要とする情報は、タイトルとpermalinkのURLということですが、メインページと個別ページでタグとpermalinkが違っていて、それぞれに作る必要があった。メインページではタグがh2、個別ページではh1と異なり、また個別ページではタイトルにpermalinkされていないので、10.で追加させている。

Not quick a Nineさんのはてなスター付けましたでは、divタグでArticleTitleクラスを認識させているが、上手く行かなかった。。残念。そのため、ヘッダーのテンプレートを二つ作り、それぞれでタイトルを認識させようとしています。

ほとんど、TREND SPOTTINGさんのMovable Type4にはてなスターを設置のエントリーをなぞっただけですが、上手く行ったようです。良い記事がありましたら、☆を付けてもらえたらうれしいです。

iddyという、プロフィール作成ページに登録してみました。

tetblue's profile | iddy

どうぞよろしく。で、このサイトの特徴は、

iddy は自分だけのプロフィールページを簡単に作って公開できる、ブロガー向け無料サービスです。自分のブログエントリー、ソーシャルブックマーク、写真(Flickr)、ミュージック(Last.fm)、ビデオ(YouTube)などのウェブ上での活動を簡単にひとまとめにし、公開できます。

幾つか登録して活動しているサービスについて、まとめて表示できるところがいいなと思いました。あと、好きなことタグで自動的に同じものの人にリンクしていて、つながるのもおもしろいですね。

いろいろなblogなどでサイトの更新情報をRSSで配信されていますが、そのフィードをこのblogのサイドバーに表示してみることにしました。

参考にしたサイトは、小粋空間さんのRSS Feed(フィード)を表示するです。説明にあるように、javascript->PHP->rssフィードの取得->HTMLという流れで、テキストとして出力され、使用感が良さそうです。

1.もととなるスクリプトの集まり"Feed2JS"を、こちらSo What is "Feed to JavaScript"?のDownloadにあるeduforgeのリンク先、Eduforge: Feed to JavaScript (Feed2JS): ファイルリストよりダウンロード。

2.適当な位置にフォルダごとアップロード。今回も、$MTBlogURL$の位置、つまりindex.htmlのある位置にアップロードした。

3.ファイル、フォルダのパーミッションを755にする。

4.動作テスト : ダイレクトリンクでfeed2js/magpie_debug.phpをブラウザから実行。

http://www.xxxxx.net/feed2js/magpie_debug.php

そして、表示設定をする。

http://www.xxxxx.net/feed2js/build.php

今回は、
Show channel? : no
Number of items to display. : 5
Show/Hide item descriptions? How much? : 0
Use HTML in item display? : no
Show item posting date? : yes
Time Zone Offset : +9
Target links in the new window? : n
UTF-8 Character Encoding : use UTF-8 character encoding
Podcast enclosures : yes

にしてみた。"Preview Feed"で確認。

5.コードの生成 : "Generate Javascript"でコード生成。

6.movabletypeのウェジットを新しく作成し、このコードを埋める。

7.文字コードの変更。このサイトはEUC-JPなので、そのままでは文字化けする。そのため、
feed2js/feed2js.phpの136-139行目付近の、

$rss = @fetch_rss( $src );
mb_convert_variables("EUC-JP","UTF-8",$rss);

この上の行の後に、下の行を追加。

再構築後、上手く表示されました。いろいろなところで使うことができそうですね。

blogのサイドバーの一番上にmy statusという一言をつけています。今の状態で、短期的な思ったこと、やっていることちょこっとしたメモなのですが、簡単でアプリもいろいろあるTwitterで書き込み、それをblogに出しています。

方法は、Going My Way: Twitter の Status を自分のブログに貼り付け可能な Javascript Badgeを参考に、Twitter / Get a Badge for Your Siteより作成しました。

自分の場合は、"other"を選択、"HTML/javascript"のタイトル無し一件表示で、コードをコピーして、movabletypeでウィジットをつくり表示させることが出来ました。liタグで出力していて、頭に点がついているので、jsのファイルを見直せたらいいな。表示の仕方はFlashも格好良かったのですが、ちょっと目立ちすぎということでテキストにしました。

Twitter自体も使ってみると結構面白く(いまさらですが、、)、160バイトで区切れているので簡潔なんですよね、メッセージが。

TwitterではAPIもあったりしていろいろ出来そうですし、初心者からの説明サイトもありました。

また、windowsで使えるTwitter用クライアントが幾つかあり、

など、便利に使わせて頂いています。

つぶやきというのも、大切な気がしますね。今からtwitterというのも良いのではないでしょうか。

最近GmailやGoogle Readerなどgoogleのサービスを使用することが多いのですが、そんなGoogleのアプリを使いやすくするfirefoxのアドオンをネタフルさんの[N] Google Appsのメニューを強化するFirefox機能拡張「iGoogleBar」で紹介されていたので、入れてみました。

ダウンロードは、iGoogleBar: Google Apps Bar with iGoogle Gadgetsより行いました。firefoxを再起動して、igoogleを立ち上げるのですが、Gmailでは日本語では上手くいかないようで、settingsよりEnglishにすることで、拡張されたアイコンが出たりドロップダウンが出来るようになりました。

アイコンが出るだけでも見た目が楽しくなりますし、開かなくても未読のメールやフィードがどれくらいあるのか表示されたり、ドロップダウンでサムネイル見ることが出来たり、より使いやすくなったと感じます。

blogを巡回する時に良く使うのは、BlogPeopleのリンクリストで辿ったり、RSSリーダーで更新記事を見ることが多いです。RSSリーダーはいろいろありますが、ネットワークで見れるようなものの方が好みで、Bloglinesを好んで使っていました。

しかし、最近igoogleを使うことが多くて、そこにあるGoogle Readerでも試してみるかと幾つかのサイトを入れてみているのですが、これが結構使い心地が良さそう。

blogの一覧も見れたり整理できますし、気に入った記事を取っておくこともできますし、新着の出方も見やすい。Bloglinesはやや重めだったけれど、重さもそれほど感じない。と、いうことで第一印象がよく、こちらに移行してみようかなと思っています。

Livedoor leaderも試したことはあったのだけれど、感覚がいまいちあわずにBloglineにしたこともあり、もう結構長くBloglinesを使用していて(最初に使用したRSSリーダーでもあります)離れるのはなんだか寂しい感じもしますが、新しいものではまた何か違うものを感じるかもしれない、やっぱりいまいちならば元に戻ればいいし、ということでリフレッシュ!してみようと思います。

植物blogの方で、場所がどこか地図上に示したいと思い、Googleマップのマイマップ機能で作成してみましたが、結構簡単に出来なかなか使えそうでした。


大きな地図で見る

作成したマップをblogに埋め込むこともこのように出来、今まで地図を示そうと思っても大変に感じたものが、大分楽に表示できそうです。goolgeのアカウントを取ることで、マイマップを作ることができます。

googleマップでは、今ちょうどGoogle マイマップ EXPOが開かれていて、せっかくなのでエントリーしてみました。

色々な方が作られたマイマップをみてみると、おもしろいものがいろいろあります。

などおもしろく(食べ物か!)、他にも巡ってみるとこんなものもあるのか、というものも結構あります。

ちょっと表示が時間がかかってしまうのと、自分のマイマップへの取り込みが上手く行かないようなところが不満点ですが、簡単に作れてしまうのでメモ代わりにもなかなかいいサービスのようです。

このアーカイブについて

このページには、過去に書かれたブログ記事のうちWebserviceカテゴリに属しているものが含まれています。

前のカテゴリはUtilitiesです。

次のカテゴリはWindows 2000です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

Recent Activity

  • tetblue tweeted, "長目のリンク先のURLでtwitterに投稿したら、自動的にtinyurlに変換していた。。いつの間に。。すごい。" 2008-06-01.03:29:19.JST
  • tetblue tweeted, "エントリーアップ : photo daily life : 屋根上猫 http://tinyurl.com/58pjxb" 2008-06-01.03:26:41.JST
  • tetblue tweeted, "昨年漬けていた梅酒飲んでみました。一年梅を残していたら、梅がよくしみだしていておいしかった。梅取り出して瓶に移そう。" 2008-06-01.01:38:01.JST
  • tetblue tweeted, "@mono9 おやすみー。" 2008-06-01.01:32:58.JST
  • tetblue tweeted, "そろそろ夕飯にします。おなかすいた。" 2008-05-31.20:44:51.JST
  • tetblue tweeted, "明日の天気はどうなのだろう。晴れてほしい。" 2008-05-31.20:33:34.JST
  • tetblue tweeted, "久しぶりにamazon.co.jpに行ってみたら、サイトデザインが新しくなっていた。" 2008-05-31.18:59:03.JST
  • tetblue tweeted, "休憩。コーヒーがとてもおいしい。うまくいれるとこんなにおいしいものなのか。。" 2008-05-31.18:03:24.JST
  • tetblue tweeted, "ほっともっとのお弁当、割引券でお茶を一緒にもらえた。名前が変わる前よりもサービスがよくなったかな。" 2008-05-31.15:05:37.JST
  • tetblue tweeted, "Tween0.0.7.9にアップ。最近Tweenを使うことが多く、だいぶ慣れてきた。" 2008-05-31.14:35:14.JST