December 21, 2006
Movable Type の管理画面に accesskey を入れてプレビューと保存をスピードアップ
Google Adsense チームから広告の表示方法と Google のブランドについてのメールが来ているので対策中です。72時間以内に変更しないといけないのでなかなか大変なわけですが、 Movable Type だとテンプレートで作成している部分はさっと直せるので全体のアーカイブの共通部分はさっと直すことができます。しかし、個別のエントリーの中身まで一応チェックしているので管理画面からプレヴューして、変更加えて保存という作業を延々と繰り返しています。
過去のエントリーが 2900 とかあるのでけっこう大変ですが、プレビューボタンを保存ボタンまでマウスを持っていく時間を減らせば多少効率がいいはず。ということで Movable Type の管理画面に accesskey を仕込んでみました。
/tmpl/cms/edit_entry.tmpl
というのが管理画面のテンプレート画面なのでこれをエディターで開き、
<input class="button" type="submit" name="preview_entry" value="<MT_TRANS phrase="Preview">" accesskey="p">
プレヴューボタン用
<inputclass="button" type="submit" value="<MT_TRANS phrase="Save">" accesskey="s">
保存ボタン用
という感じで accesskey を入れておきます。プレヴューするには、 Alt + P ( Alt + Shift + P )、保存するには Alt+S ( Alt + Shift + S )でさっとボタンを押すことが可能です。
October 08, 2006
Movable TypeでCan't locate Cwd.pmというエラーがでた場合の対処方法
コメントを入れようとしたらCan't locate Cwd.pm というエラーがでているとのメールをいただき、チェックしてみると確かに出る。普通にエントリーの追加をしようとmt.cgiにアクセスするだけでもでてしまうようになっていました。なんかかなりやばそうな気もしましたがcwd.pm - Google Searchなどで見てみると
Cwd.pmをどっかから持ってきて、MT/extlibにでも置いておけばOK。
ということなので、さっそくCwd.pmを該当の場所においてみたところ、通常通りに動くようになりました。なぜ急にこうなったのか不明ですがとりあえず対処完了。
December 31, 2005
2005年の選りすぐりエントリー
今年も本日で終わりです。昨年に続き今年のエントリーを振り返る企画です。全部で667エントリーの中からざっと読み返してみて自分なりにまとめてみました。
Firefox&Thunderbird
Firefox1.5がリリースされて、エクステンション関係も落ち着きました。いろいろなエクステンションを入れて自分好みに仕上げるのがおもしろい。
見ているページの関連情報を表示してくれるBlogger Web Comments for Firefox
USBドライブで持ち運ぶPortable Firefox 1.5
記事の前後や検索結果の次のページへの移動をキーボード操作で手軽に可能にするFirefox用エクステンションnextplease
Firefox1.5のインストールと追加したエクステンション、検索フォーム
Google AdsenseでFirefoxの紹介が開始
Gmailへの接続をhttpsにしてくれたり、Googleの検索をさらに利用しやすくするCustomizeGoogle
快適なタブブラウズを手助けするFirefoxエクステンションTab Mix Plus
外出先からPCを自由にリモート操作するlogmein用Firefoxエクステンション
Amazonの検索結果から小平市立図書館での蔵書を調べるGreasemonkey Userscript
テキストエリアの大きさを自在に変更可能なFirefox用エクステンション Resizable Textarea
Firefoxで皆が使用している拡張
Firefox、Thunderbirdに現在日時を挿入するエクステンション Timestamp
ScreenCastならわかりやすいAll in one Gesturesを使ったFirefox快適ブラウジング
FirefoxのロケーションバーのURLを戻すにはESCキーを押せばいい
好みのアプリケーションで開くことができるFirefox用エクステンションLaunchy
Thunderbird利用時に任意のエディターでメールを編集できるエクステンション External Editor
定型文を簡単に挿入できるThuderbird用エクステンションQuicktext
Thunderbirdを使いこなす10のショートカットキー
Skype
知らない人とコミュニケーションしたり、既存の電話代わりにSkypeOutを使うことで音声でのコミュニケーションに今後も影響を与え続けるSkypeに注目したエントリーが多かったです。
ビデオチャットが可能がSkype2.0用にQVX-13 Qcam Fusionを購入
ビデオ機能を搭載したSkype2.0
キーボードの操作でSkypeを立ち上げたり、タスクバーに納めたりする方法
Webに記載された電話番号に簡単にかけられるSkype Web Toolbar for Firefox
Voicemailが誰にでも送れるようになったSkype 1.3
Skype普及用ちらしA4、4ページ、２つ折版
SkypeOutを使って、ボイスワープの転送先の変更や携帯の留守電の再生をどこからでも可能に
Skypeは一般家庭にも浸透しだしたか?
Skype普及用テキスト
トップページの日本語化もいい感じになったSkypeを広める方法
bluewindでSkypeOutを利用するスマートな方法
Firefoxのスマートキーワードやコマンドランチャbluewindを使ったSkypeOutの利用方法 by ScreenCast
コマンドランチャーbluewindを使ったSkypeOutの利用方法
Skypeを使ってCallせずに直接Voicemailを送る方法
Skypeが外出先でも使えるということは？
SkypeOutなどのアカウント購入に日本の銀行への振込が利用可能に
Skypeテスト用のコールバックにはcallmeとテキストチャットを送る
Skypeにて複数のファイルを一気にファイル送信する方法
SkypeOutの購入にpaypalが利用可能に
Software
便利で面白いソフトウェアを使えばPCの作業の能率アップを簡単にすることができます。
ホットキーで手軽に利用できる付箋紙ソフトStickies
ソフトウェアだけでPC間のマウスとキーボードを共有するSynergy
タスクバーで現在のGoogle Adsenseのレポートを表示するCheckAds
現在や未来の星の動きをリアルにシュミレートできるStellarium
本当に重要なニュースだけを配信するThe BBC News desktop alert
案外使えるMSN サーチ ツールバー with Windows デスクトップ サーチ
受信したFAXを自動でPDFに変換し、メールに添付して送付する方法
Terapadに日時挿入機能と自動保存機能を追加するTpBPlus
アクティブウィンドウに時計を表示するQuick DateTime
P2Pで共有する地震情報
Picasa
デジカメで写真を撮る際に写真の管理や編集などに便利なPicasaを使ったちょっとしたTipsなど。
日本語版が利用できるようになったGoogle製画像管理ソフトPicasa
Picasa2とHelloを使ってBlogger経由で写真をアップする方法 by ScreenCasting
上下左右カーソルを使ったPicasa2のZoom機能
デジカメからPicasa2にImportして編集作業を手軽に
新機能が加わって使いやすさ向上のPicasa2リリース
Google Earth&Maps
地図関連はいろいろな楽しみ方があります。最近ではAPIを使っていろいろな情報を地図上に表示したりするMush Upも楽しみです。
Firefoxを利用してGoogle Earthで目的の場所を表示する方法
日本語で検索できるtoolbarへのリンクを追加したGoogle Earth 3.0.0616
日本独自の測地系にも対応したGoogle Maps Overlay
GoogleMapsのズーム機能をマウスホイールで実現するGreasemonkeyスクリプト Google Maps Mousewheel Zooming
Google EarthにGoogle Mapsを重ねて表示する方法
Google Maps、Google Local、日本地図も世界測地系に対応
Google Earthは、見ている場所の標高もわかって便利
東京アメッシュのデータをGoogle Earthに貼り付けて現在雨の降っている場所を表示する方法 by ScreenCast
Google Mapsが日本の地図表示に対応、ローカル検索も利用可能
ScreenCastで見るGoogle Earthの動き
上下左右360度で衛星写真機能が使えるGoogle Earth
Googleのリリースする新サービスやツールの話題にあふれた年でした。この勢いはいつまで続くのでしょうか。
Google Readerにマウスでのスクロール機能を追加するGreasemonkey スクリプト
自分の興味のあるニュースだけをメールで通知してくれるGoogle アラート
ブックマーク機能とタグ機能が追加になったGoogle Search History
Blogの記事だけをすばやく検索するGoogle Blog Search
Google TalkはGmailのアドレス帳として検索もできるので便利
Google Talkは在籍状況のわかるアドレス帳
GmailのFrom欄に複数のメールアドレスを登録する方法
Google Talkという名前の音声チャット機能とJabberを使ったIMソフトがGoogleから登場
自分が好きなRSSフィードも追加できるようになったGoogle Personal
自分の検索履歴を保存してくれるGoogle My Search History
カスタマイズできるようになったGoogle News
i Think
自分の意見がすぐにPublishできるのがWeblogのいいところです。感じたことなどをいろいろ書きました。
選択肢にない答えを出す男
Blogを公開すると異業種交流会に行くくらいの効果があるのかも
見込み客でなく既に顧客
一人一人の幸せ
頭はハードディスクではなく、考えるところ
今後はオンデマンドのコンテンツが便利
ゴールの空いている場所へのパス
愛の反対は無関心
シェアー以上の存在感
インターネットから始まる時代はすぐそこに
声のするほうには笑顔があった
自ら発生源になると変化してくるもの
JR西日本の脱線事故後、工場の操業停止を決め従業員の半数が救助に向かった会社
キャプテンマークをつけているのは誰？
自分に備わっている力
雑談も能力のうち
人生はiPodと似ている
情熱はお金に左右されない
大事なのは国籍より何語を話すかということかも
時々より日々の幸福
配達するついでに回収して欲しい
お金の単位をhappyとかsmileにしてみたら？
価値ある人間にしている唯一にして本当の要因
iTunes&iPod
新しいビデオ対応iPodを手に入れて、いろいろな楽しみ方が広がりました。Art Worksが表示されるだけでちょっといい感じ。
キーボード操作だけでiTunesを操ったり、Art Worksを自動で埋め込んでくれるiTunesKeys
AVケーブルだけでビデオ対応iPodからTVに出力する方法
自分で撮ったデジタルビデオをiPod対応に変換する方法
演奏している曲のArt Workを自動でアルバム全部に埋め込んでくれる iTunes Companion
iTMSからジャケット画像を取り出しiTunes内の曲に追加する方法
iTunesの曲にArt Workを追加するiTunes Art Importer
ビデオにも対応したiPod,iTunes 6の楽しみ方
iTunesのプレイリストの曲を同時にライブラリから消すにはShift+Delete
iTMSの徐々に増えていく曲をRSSで購読するiTunes Music Store RSS Generator
視聴から購入までの流れがスムーズなiTunes Music Store(iTMS)日本語版始まる
Communication&IRC
IRCを普及させるために？いろいろな関連エントリーを時々書きました。リアルタイムってのはかなり面白いです。
コミュニケーションツールをうまく使いこなせ
TOEICで900点越えを目指せる？IRCチャンネル
人が集まればきっと何かが起こる。毎日何かが起こる
IRCの#goingmywayで使えるコマンドにwiki、local、mapを追加
自分が発信者になれるリアルタイムメディア
wikiにまとめたIRC #goingmywayの使い方
Music
素敵な音楽がいろいろありました。
こんな季節にぴったりのpodsafe for peace - If Every Day Were Christmas
自分の好きな音楽が見つかるPandora
iTMSだけで買えるBank Band「生まれ来る子供たちのために」
fau.
fau.のライブを毎回見に行ってレポートなどいろいろ書きました。写真も撮りました。ビデオも撮りました。今年はCDの発売と渋谷 Club Quattroでのライブ、そしてfau.達が始めたfau.っ子ラジオ、そしてラジオの公開収録と盛りだくさんでした。
ビデオ対応iPodで見るfau. 「自転車日和」
iTMSにて購読できるビデオiPod対応Going My Way CAST
ビデオ対応iPodで見るfau. 「カメROCK」
ビデオ対応iPodで見るfau. 「窓が曇る暖かい部屋で」
ビデオ対応iPodで見るfau. 「星空ブランコ」
ビデオ対応iPodで見るfau. 「夕暮れの街」
ビデオ対応iPodで見るfau. 「通り雨」
ビデオ対応iPodで見るfau. 「海に行こう！」
fau. Live at Senzokugakuen with VIDEO
お菓子を食べながらくつろいで楽しむfau.っ子ラジオ公開収録
いきなりキャラメルで始めるfau. Live at Shibuya Take Off 7
Indies Collectionにて聞ける fau.「キャラメル」
CD全国発売記念、fau. Live at 渋谷 Club Quattro
Network
出先でも自分の普段の環境にアクセスするためのいろいろな方法を考えて実践してみました。
VPNに接続するとインターネットへの接続が切れてしまうときの解決法
VPN用ゲートウェイとクライアントの設定方法
VPN構築用ルーターのポートマッピングとパケットフィルターの設定方法
DynamicDNSを無料で利用できるDynDNS
VNCをインターネット経由で使うために暗号化する方法
1台のPCから他のPCのデスクトップを操作するTightVNC
外出先のブラウザーから自宅や会社のPCをリモートコントロールできるLogMeIn
Life Hack>D
ちょっとした工夫で生活や仕事の進めかたがスムーズになります。考え方もちょっと違った視点から考えてみるといろいろ新しいアイディアがでてきます。
GTDを使ったニュースの読み方
GTDを実践するのに便利なツール「nextaction」
Discasで1ヶ月間に借りたDVDは12枚
storage spaceでなくfocusing toolとして自分の頭脳を使う
モノから思い出だけを取り出す方法
NextActionを考える
先送りの決断も本日中に
43個のフォルダを使ってタスクを処理するTickler File
まずはGetting Things Doneを読んでみる
宅配DVDレンタルTSUTAYA DISCAS
個人用オーガナイザーとして使えるGTDTiddlyWiki
ローカルで使うファイル一つのTiddlyWiki
名刺に入れてしまうtag情報
その他
今年は1月からPodcastingなどを始めてScreenCastなんかもしてみました。自分で扱えるメディアの可能性を感じました。場合に応じていろいろ組み合わせると便利です。
はてなポイントを使った投げ銭システムを受け取れるように対応
GoingMy Way RADIOがiTMSのPodcastディレクトリーに掲載開始
「ブログを続ける力」にIRCとPodcastingについて寄稿
Camtasia Studioを使ってScreenCasting
前後のエントリーに簡単に移動できる用accesskeyを設定
説明用のHTMLとRSSを作成してくれるPodcasting用Podcastamatic
PodcastingとAudacity
MTでは個別ページなどからAlt+1でトップページにいけます
accesskeyをいれてwikiを使いやすくしてみる
こんな感じで選りすぐり？のエントリーを関連ごとにまとめてみました。見たことや実践したことや感じたことをその場に書いておくことで自分のメモとして非常に役立ちました。
はてなポイント
November 01, 2005
自分の好みのテーマを選べるWordPress用Theme Browser
Theme BrowserはWordPress用のテーマファイルをいろいろ探せるサイトです。かなり豊富にあるのでじっくり見ていくと面白いでしょう。
アレンジするにしてもいろいろ参考になるし、他のツールを使っている人でもCSSなどは参考になりそう。
March 05, 2005
前後のエントリーに簡単に移動できる用accesskeyを設定
以前からaccesskeyに興味があるわけですが、Firefoxでは結構使いやすいのでいろいろな機会にaccesskeyを仕込むことを計画しています。自分でGoing My Wayを見る事も多いわけですが、前後の記事を見る際にできるだけ見やすいようにMTだと上の方に前後のエントリーへのリンクが表示されますが、この部分にaccesskeyを入れてみました。前のエントリーには[Alt+,]、次のエントリーには[Alt+.]で次々に移動することができます。
カンマとピリオドをなんでこんなものを使うのかと思うでしょうか、最初はPとかNとかを使おうと思いましたが、del.icio.us用のFirefoxエクステンションとかとPがバッティングするようだったのでこれはやめました。以前紹介したプレゼンテーションで使えるHTML+accesskeyというエントリーの中で紹介したサイトでもこのキーを使っていたのでこれを使うことにしました。
[,]と[.]と表記しますが、実際にはキーボードの < > というキーだったりしますので隣りあわせということもありこのキーを使うのは使い勝手としては悪くないのかもしれません。個別エントリーのページをリビルドして適用しました。あと同じように月間のアーカイブも同じようにしてみました。
個別ページの部分
<MTEntryPrevious>
<a href="<$MTEntryLink$>" accesskey=","
title="accesskey=,">«
<$MTEntryTitle$></a> |
</MTEntryPrevious>
<a href="<$MTBlogURL$>">Main</a>
<MTEntryNext>
| <a href="<$MTEntryLink$>" accesskey="."
title="accesskey=."><$MTEntryTitle$>
»</a>
</MTEntryNext>
月間アーカイブの部分
<MTArchivePrevious>
<a href="<$MTArchiveLink$>">« <$MTArchiveTitle$></a> |
</MTArchivePrevious>
<a href="<$MTBlogURL$>">Main</a>
<MTArchiveNext>
| <a href="<$MTArchiveLink$>"><$MTArchiveTitle$> »</a>
</MTArchiveNext>
MTにはこのほかにデフォルトで設定されているものとしてAlt+1でトップページ、Alt+4で検索フォームというのがあります。この辺も利用の際に使うと便利です。（MT系のBlog全般共通）
December 31, 2004
今年気になったことのまとめ
今日は大晦日。外は大雪でぜんぜん出られないので今年のGoing My Wayのエントリー全640件より個人的に思い入れのあるエントリーを選んでみました。最初10大エントリーにしようと思って選び出しましたが、どうしても10個には絞れませんでした。なんとなくカテゴリー分けみたくなっていますが、それでも12カテゴリー。アクセス数とかに関係なしに個人的な思い入れのある物を選んでいます。
Software
デジタルビデオカメラからMovie Makerで編集
新しいVAIOにいれたアプリケーション
Firefoxの履歴検索にも対応したCopernic Desktop Search 1.2
コマンドランチャーbluewindに単機能ツールまとめて終了などを登録
コマンド型ランチャーソフトbluewind
ローカルファイルを検索するもう一つの方法Copernic Desktop Searchを試す
新着RSSの更新チェッカーcococ
MP3プレーヤーの歌詞を表示するEvilLyricsがiTunesでも利用可能に
Skype
Skype1.0.0.94
ではアドレスバーから名前を打てばそのままコールできます
Skype利用中にノイズが出てきたら一度保留して繋ぎなおすといい
一般の電話をSkypeのコンタクトリストに追加する
SkypeOutで一般の携帯電話、固定電話にかけてみる
ヘッドセット+USBアダプタを使えばノートPC内部のノイズは無し
設定が簡単で音質のいいSkype
Skypeの登場はIMとかチャットの概念を変化させました。通常の電話にもかけられるSkypeOutの登場で可能性がかなり広がりました。
Picasa+Hello
Picasaから
Send Helloがうまく動かないときの対処法
Googleが買収したPicasa+Helloを使ってBlogger.com経由で写真をBlogに追加する方法
写真の管理とエントリーの送信まで簡単な操作でできるので、とても便利です。
Flickr
月間アップロード制限が1GBに広がるFlickr Proにアカウント変更
過去の写真もタグを使うことで見てもらえるFlickr
Flickrにtagを使ったスライドショー機能が追加
Flickrを使ってPhotolog
タグという概念で横のメンバーと繋がる仕組みにはまってしまいました。
fau.
fau.のCD、2005年2月に全国発売決定
生ドラムの入ったfau.のライブは元気いっぱい
応援しているバンドが毎月成長している様子をずっと見ていますが、バンドに生ドラムが入ってからライブの様式がいっそうよくなりました。そしていよいよ来年はインディーズとしてCDの全国発売です。成長はまだまだ続きます。
Firefox
Firefox1.0リリース、おすすめのエクステンション、検索フォームの追加
Firefox利用時にTextareaを任意のエディターで開く方法
Firefoxのbookmarkにkeywordを設定して簡単にアクセスする
選択したテキストを引用する際のBookmarklet
FirefoxのURL欄の検索先を普通のGoogle検索にする
リンクタグ作成Bookmarklet
いまさらいうまでもないFirefoxですが、カスタマイズの広がりとタブを使った快適なブラウジングを備えてバージョンがついに1.0になりました。
Thunderbird
Thunderbird1.0リリース
同じくMozilla.orgからメールクライアントのThunderbirdもバージョンが1.0になりました。日々増加するスパムメールを排除するために手放せません。
Personal
自宅にも無線LAN導入
YahooBBリンクアップ成功、無線LANも稼動。
2本足歩行
Happy Birthday My Son
育児ノートは子育てログ
Sony StyleでVAIO Type Aを注文
21.15GB(5451曲)の転送に88分
今日もそうですが、時々行く妻の実家でのネット環境の整備ができたことは案外大きいです。1週間くらいいてもネットが繋がればぜんぜん退屈しません。
del.icio.us
右クリックやショートカットからdel.icio.usに追加するFirefox用エクステンション
Social Bookmark Manager del.icio.us
これも比較的最近ですが、いろいろな使い方の可能性がまだまだありそうです。
Blog
100個のHackが詰まったBlog Hacks、Amazonで予約開始
プレビューボタンのみ表示してhashを仕込むというコメントスパム対策
情報の集め方、出し方、ストックとフローをうまく利用する
Bloggers Meeting in Kyoto 2004
コメントスパム用にリンク先のURLをBlockする
今年は京都へのオフ会に参加したり、Blog関連本の記事を書いたりとか思いもしない機会に恵まれました。そういったイベントなどやGoing My Way、IRC、メッセなどを通じていろいろな人とコミュニケーションをとることができました。Blogを通じていろいろな人と知り合えるのは本当におも
しろいものです。
Web
10x10の写真で理解するニュース
Google Newsをビジュアルに表示するnewsmap
聴いている曲のリストをRSSにしてくれるAudioscrobbler
I Think
音楽のダウンロード販売のすすめ
出すぎた杭は誰も打てない
選挙の投票と一緒に意見も投稿したい
テキストの持つ力
どの花見てもきれいだな
個々人の声が多様性を生む
自分で実行したものは強い
生きた情報にリンクする
自分の手は何の為にあるか？
自分次第で道は開かれる
自分の位置を確認する
笑顔が幸せの尺度
勝負を決めるのはスポーツで
言葉での抱擁
ストックがあるうちは新しいアイディアは出ない
押し付けでなく内から発展させるべき
エネルギーが発生するには
最も人の怒りを買う主張は真実
世界によって自分が変えられ
ないようにするために
世の中が変わればみな変わる
December 11, 2004
Movable Type 3.x用テンプレートが数多く利用できるDr.blog
Rocketで紹介されていたDr.blog -ブログ研究室-ではMovabletype用のテンプレートが数多くダウンロードできるようになっています。Movable Type 3.x用とのことです。テンプレートの種類が豊富だといろいろアイディアが浮かびそうです。うちはまだバージョン2.51でした。残念！
November 05, 2004
「ブログの力」 Blogの可能性に気づいたユーザーたち
「ブログの力」という本が発売になっています。Going My Wayも載っているとの連絡をもらい献本をいただきました。ありがとうございます。中を見てみるとP22あたりでGoing My Wayの紹介がされていました。P40〜41にもトップページのエントリーの例としてBlogの構造の紹介の部分で使われています。日付が入っているからいつスクリーンショットを取ったかすぐにわかります。
ブログ関連の本にしては縦書きなので最初びっくりしました。それでもスクリーンショットが結構豊富に入っているので、これからどんなブログをしようかと考えている人には参考になるかもしれません。
ブログの力サポートサイトも用意されています。縦書きなのでURLの紹介などはサポートサイトの方でしているようです。章ごとにリンク先などが紹介がしてあるので本を読みながら見るとわかりやすいでしょう。
October 11, 2004
右クリックでいろいろなウェブログツールに投稿できるFirefox用エクステンションJustBlogIt
ウェブログのエントリーを作成する際に、Bokmarkletなどを使う人は多いと思いますが、JustBlogItは右クリックでウェブログに投稿する事のできるMozilla / Firefox 用のエクステンションです。
これのいい点はBlogger、Drupal、LiveJournal、Movable Type、Radio Userland、TextPattern、TypePad、WordPressなどいろいろなツールに対応している点です。一つのエクステンションでいろいろツールを切り替えることができるのはいいかも。
一度ツールを設定しておいて他のツールに変更する際はFireofxのTools - ExtenshonからJustBlogitを選ぶ事で変更できます。
September 10, 2004
MTのエントリー作成時にiTunesで今聞いている曲を表示する方法
Hacking the Hack #92: iTunes COM API で今聞いている曲を Blog エントリに掲載: blog.bulknews.netをみて面白そうだと思ったのでさっそくやってみました。
ローカルに作ったnowPlaying-iTunes.js をクリックするとIEを立ち上げて自分のMTでのエントリー作成画面になります。面白いかも。エントリー作成時に聞いているiTunesの曲がExtended Entryのところに自動で挿入されます。アーティスト名とアルバムタイトルから引っ張ってAmazonでのアフィリエイトに渡す際に便利なようにタグを追加してみました。
改造後のファイルはDownload fileよりどうぞ。（アフィリエイトコードが入っているので適当に変更してください）
出力は以下のような感じででます。
Now Playing: Ashlee Simpson - Autobiography ( Autobiography)
August 09, 2004
Blogger.comを利用して作成したPrestonCafe
以前、Blogger.comではテンプレートがいろいろ使えて面白いというエントリーを紹介して以来、Blogger.comに興味を持ちネームサーバー用に使っていて使用目的の決まっていなかったドメインを利用してBlogger.comを利用したサイトを作っています。
PrestonCafeというドメイン名そのままのサイトですが、Blogger.comを利用する際のtipsなどはこちらに書いていきます。あとはニュースへの一言コメントなどでしょうか。Going My Wayとはちょっと書く内容が違うかもしれません。Going My Wayよりもわりと気楽にエントリーを書いている気分でしょうか。Blogger.comを利用したtipsは詳しく書いています。
Blogger.comでCMSのプログラム部分をASPで利用して、ファイル自体は自分のサーバーにFTPで送るという方法は結構自分的には新鮮でした。うちのサーバーはCGIはもちろん動かせるのですが、プロバイダーのスペースなどでCGIが制限されていたりプログラムを置くほどのディスクスペースがない場合などに利用するといいでしょう。
多少英語がわかる必要はありますが、Coolで豊富なテンプレートを使って書く事に専念できるという部分でいいかもしれません。興味がある人はぜひPrestonCafeの方もごひいきに。
August 08, 2004
コメント投稿時に変更がある場合は、プレビューが必要です
コメントスパムで困っていたmdlm -bekkan-のnaoさんコメントでプレビューボタンのみ表示してhashを仕込むというコメントスパム対策を案内してみたところ、うまく導入できたようです。その後naoさんからGoing My Wayのエントリー本文で紹介されているコードだとエラーが出るようだとの指摘をもらい調べてみました。
このコメントスパムの対策を紹介しているMusings: Forcing Comment Previewsでのエントリーを再度読んでみるとRevised (8/1/2004)という事なのでComments.pmの部分のコードを改定したようです。内容のタグを読んでいくと、今まではコメント本文の内容に対してのみプレビュー時にhashを確認するという方法だったものを、コメントする人の、名前、メール、URL、本文すべてに対してプレビュー時にhashを確認するようになっています。入力可能なフォームすべてに対して確認しているのでより強力になっています。
なのでさっそく対応しました。Going My Wayで紹介したプレビューボタンのみ表示してhashを仕込むというコメントスパム対策のエントリー本文内のコードも直しておきました。
整理すると、
1.コメントの投稿時にはプレビューする事が必要です。
2.プレビューしたあとでもコメントの内容を変更した場合（名前、メール、URL、本文すべて）もう一度プレビューする必要があります。
実はこの方法はあまり取り入れている人は少ないかもしれませんが実はかなり効果があって、最初に設定以来1通もコメントスパムをもらっていません。
(6/17以来コメントスパムはありません)
この方法はプログラムなんかを使ったコメントスパムに対しては絶大な効果があります。
さらに手動でPageRank狙いのコメントスパムをしようとしてもコメント本文のURLをリダイレクトするコメントスパム対策をしてあるのでプレビューしてみてみれば意味がないのがわかるでしょう。
naoさんに指摘いただいたことでさらに、さらに強力に改良できました。ありがとうございます。
August 07, 2004
MT Tag Quick Reference
MTを使っていてテンプレートの変更などをしてデザインなどをいじるときに便利そうなのがMT Tag Quick Reference。ここで解説されているようにサイドバーのブックマークにこれを入れておけばタグの参照をする際に便利。
August 05, 2004
Blog Hacks献本届く
Blog Hacksの印刷があがったようでオライリーより献本でいただいたものが本日届きました。予定通り8/7には出版大丈夫そうですね。実際に刷り上るまではなかなか実感がわきませんが確かに刷り上りのインクの香りがします。Amazonで予約受付中。
August 01, 2004
Flickrを使ってPhotolog
新しく機種交換した携帯にはようやくカメラがついたのであまり使わないかもしれないけどPhotolog機能を使えるようにしてみました。利用したのはFlickr!
無料のアカウントだと月間10MBまでの写真をアップする事ができます。
写真のアップロードの方法もいろいろな方法があり、携帯を使った方法や、Windowsのレジストリを変更してWebに発行するという感じでアップロードする方法などが用意されています。写真をアップロードしたあとはその写真を全体に公開するかprivateにしておくかを選んで仲間内に公開することもできます。投稿された写真を元に自分のBlogにAPIを使って投稿する事もできます。
投稿した写真にキャプションというかメモがつけられるので、ちょっと違った感じかも。
キャプションをつけるとこんな感じです。
Guinness and Uchiwa on Flickr - Photo Sharing!
カーソルを持っていくとキャプションが見れます。
このサービスは以前から興味があったのでアカウントを作成してみました。
(以下のリンクはひょっとしたらアカウントを取得してログインしないと見れないかもしれません。)
特徴はアップロードした写真をフラッシュに変換して表示するという事。自分のBlogにはFlickr!からFlickr: Your Blogsという機能でさらに投稿をすることができます。
Blogへの投稿はAPIが対応していれば大丈夫なようです。
Blogger
Typepad
Movable Type
LiveJournal
Manila
Atom Enabled Blogs
Blogger API Enabled Blogs
Meta Weblog API Enabled Blogs
などであれば投稿できるようです。
Toolsからいろいろな方法で写真をアップする事ができます。携帯を使ってアップするにはUpload by emailというページででてくるメールアドレスに写真をつけて送ると追加されます。
アドレスはRESETボタンを押すと候補がでてくるのでお気に入りのアドレスが出てくるまで何回か変更する事ができます。
このほかに面白いなと思ったのがFlickr: Zeitgeistというもの。設定はいろいろ変更できるのですが下記のように自分の写真の一覧を並べたり、最新の追加された全ユーザーの写真を表示してくれたりします。
自分と友人のリストを表示する事もできるので面白いかもしれません。
そのほかに自分のウェブログのサイドバーなんかに入れるといいのがbadgeというもので以下のような感じになります。
一つ悩みは携帯のカメラはあまり意識してなかったのでもう少し画素数多いのが欲しくなりそうで怖いです。何の為の携帯かわからなくなりそう。
写真にはCreative Commonsのライセンスを適用したりもできるようです。
July 28, 2004
100個のHackが詰まったBlog Hacks、Amazonで予約開始
blog.bulknews.netで紹介されているようにいよいよBlog Hacks-プロが使うテクニック & ツール 100選がAmazonで予約できるようになったようです。この本はmiyagawaさんとnaoyaさんが共同で書かれた本で、Blogの活用法や改造方法などが100個詰まっています。
O'Reilly JapanのサイトでBlog Hacks -- 目次を見ることができます。この本は著者の2人のほかに多くのBloggerが寄稿しています。私も3つほど寄稿させていただいています。目次の中で
19.Blogに複数のスタイルシートを適用して切り替える
24.Google Deskbarを使った情報収集とエントリ作成
58.Movable Typeの編集画面をHTMLAreaを使って高機能に
という3つを書かせていただきました。
Blog Hacksサポート用 Blogもできたようです。紙の媒体に書くのは初めてだったのですが、ウェブログと違って間違った場合にすぐに編集するということができないので、緊張の具合が大分違いました。
原稿を書いてからもBlosxomを使ったBlog Hacks原稿用のblog上にて寄稿者同士のするどい突っ込みに原稿を修正したり、ゲラがPDFで見れたりなどいい経験をさせていただきました。現物はまだ見てないので手に取るのが楽しみです。
この本の中でもBulkfeedsについての話題がよく出てきますけれど、本の宣伝のためにbulkfeedsのSimilarityを使うというのはなかなかいい方法だと思いました。自分のAmazonのアソシエートコードが利用できるように改造できるそうです。さっそくMT内のテンプレートを修正して全ファイルの個別エントリーをリビルドしておきました。
jscacheを使う場合は以下のような感じで自分用のアフィリエイトコードを入れてリビルドすればOKです。
July 20, 2004
Bookmarkletを使ったMTの編集画面へのダイレクトリンク
記事の中にMTの編集画面へのリンクを埋め込む方法を紹介しましたが、facet-diversで紹介されていたココログ過去記事編集用bookmarkletというのも便利だと思うのでをMT用に改造してみました。(ほとんど同じですが)
上記のリンクをツールバーにドラッグしてプロパティを開きblogIDとmt.cgiのURLを変更してください。個別ページ(permalink)のページを開いてbookmarkletをクリックすると編集画面にダイレクトに飛ぶことができます。別windowが開きます。
MTの各エントリーへの直接編集画面へのリンクを見えないように埋め込む方法
先ほどのHello管理画面での編集のリンクが出てくる仕組みをみて、さらにいろいろ調べていくとBlogger.comでもjavascriptを使って編集用のリンクを追加できるというのを知ったのでMTにもこれは応用できるかもしれないと思いやってみました。
MTの管理画面からのリファラーがある場合と自分で通常のURLの後ろに?editと入力したときのみ編集用のリンク先が表示されるという方法です。
MT内の編集用のリンクはタグを組み合わせることでエントリー内に表示することができますが、誰でもその編集メニューへのリンク先が見れるようにするのはなんとなく気が引けます。上記のEvan Williams氏が考えた方法をMT用に改造してみました。以下のコードをエントリー内に入れておくと編集メニューが追加できます。ただし、エントリー投稿後確認のために見る場合と手動で通常のURLの後に続けて?editと入れた場合のみリンク先が表示されるようになっています。
<script>
if (location.href.indexOf("?edit")!=-1 ||
document.referrer.indexOf("<MTCGIPath>mt.cgi?")!=-1)
document.write("[<a href='<MTCGIPath>mt.cgi?__mode=view&_type=entry&id=<MTEntryID>&blog_id=<MTBlogID>'>edit</a>]");
</script>
綴り間違いを見つけたときなどにいちいち管理画面を開かなくてもURLのあとに?editと入力すれば編集画面へのリンクが出てくるのでそれをクリックすればそのまま該当のエントリーの編集画面となります。
今の画面では[edit]というのは出ていないと思いますが
http://kengo.preston-net.com/?edit
とすると出てくると思います。当然ながらユーザー名、パスワードを入れない場合はログインの画面が表示されるだけとなります。必要なテンプレートに入れておくといいでしょう。
Hello経由で投稿したエントリーを編集する方法
Helloを使ったBlogger.comへの投稿のtipsとして便利なのがありました。投稿したあと編集をしたり削除をする際にいちいちブラウザーを立ち上げてDashborad経由でアクセスしていたのですが、Helloで最初にアクセスした際にBlogger.comのスクリーンショットをが表れるのには理由があったのです。クリックしてブラウザーを立ち上げるとローカルサーバー経由でBlogger APIを利用して編集や削除ができたのです。
Picasa Forumsによると実はHello立ち上げ後にBlogger.comのスクリーンショットがHelloに送られます。
その画面のWEBLINKというところをクリックするとIEが立ち上がるのですが単なるbloggerにアクセスするだけなのだろうと思っていたら実は違って、localhost経由でblogger APIを使って編集ができるようになっているのでした。
ブラウザーのURL欄を見るとわかると思います。キャプションをいれて投稿するときに英語でないと化けてしまいますが、それを修正したりタイトルを追加する際にこれを使うと便利です。
いろいろなところにTipsが隠されています。勉強になりました。
July 19, 2004
Googleが買収したPicasa+Helloを使ってBlogger.com経由で写真をBlogに追加する方法
先日GoogleがBlogger強化目的でデジタル写真管理のPicasaを買収したというニュースがありましたが、このPicasaという会社の提供しているPicasaというソフトはデジタル画像、主にデジカメでとった写真の管理をするときに便利です。Googleが以前買収したBlogger.comとあわせて写真の投稿を簡単にしてくれます。実際にどんな風に写真を投稿できるのかをやってみましょう。
下記で解説する方法を利用すると、Picasaを使ってデジカメで撮った写真を選びSend Helloボタンを押すだけでBloggerBotに写真を送ってウェブログに写真を簡単に追加する事ができます。写真の大きさをリサイズしたりクリックした後拡大される写真を用意したりする事も必要ありません。
自分が撮った写真をFuture Photoというコーナーで公開していますが、このサイトを最近blogger.comを使って更新しています。Blogger.comではblogspotを使ったホスティングblogも提供していますが、自分のサーバーがある場合、CMSのASPとしてblogger.comを利用して自分のサーバーにファイルだけFTPを使ってアップする事ができます。blogger.comのセンスのいいテンプレートを使って手軽に写真を追加できます。
あらかじめblogger.comのアカウントを取得している場合の方法です。
まず。Picasaをダウンロードします。このソフトは以前29ドルくらいで売ってましたが、Googleが買収した事によりなんと無料で利用ができるようになりました。素晴らしい。
PicasaをインストールするとPC内のハードディスクを検索して現在の写真のファイルなどを一覧にしてくれます。しばらくはこれをクリックしたりスライドショーにして見てみるとソフトの全容が見えてきます。直感でなんとなく使えるので便利です。iPhotoのようにサムネイルの大きさを右下のスライドバーで動かす事により変更する事ができるので目的の写真を探すときに便利です。
目的の写真を探したら、ダブルクリックすると一つの写真が大きく表示されますので、写真を加工する場合は左側のメニューより選びます。赤目を補正したり、トリミングをしたり、明るさの調整などを自動で適正にしてくれるボタンがあるので必要に応じて選びます。
使う写真を選んだら画面の右下にあるSend Helloをクリックします。HelloというのはP2Pを使った写真を共有する仕組みのソフトですが、このソフトもPicasa社で提供しています。このHelloとBlogger.comを組み合わせるとBlogerBotを経由して簡単に写真を使ったウェブログを作成する事ができます。
Signup and DownloadよりHello用のアカウントを作成しソフトをダウンロードします。ここで作るアカウント名がHelloで写真を共有したりする場合のアカウント名になります。
Helloをインストールして立ち上げると、BloggerBotがFriend Listに追加されています。PicasaなどからBloggerBotに写真を送ってやるとBlogerBotが写真を指定したBlogに追加してくれます。まずはBloggerBotにBlogger.comでのアカウント情報を設定します。
Helloの中の追加されているBloggerBotのSettingを開いてBlogger.comで投稿するアカウントを設定します。Blogger.comのアカウントを新規に作成する場合はここから作成していきます。既存のBlogger.comでのアカウントを使う場合はどのBlogに投稿するかを選びます。この設定の画面の中はブラウザーでblogger.comを開いたのと似たような感じになります。
この画面でblogger.comにログインすると、上記のような感じになって一瞬戸惑ってしまいます。これは多分スタイルシートの関係で表示のずれが多少出ています。ブラウザーでは実はタブでキーを押す事によりフォーカスを移動できるのでそれを利用します。（ここが重要です）
画面の中を適当に選択しておいてPCのキーボードからタブキーを押してやると、右側の画面が左にずれてくる感じで画像の大きさやキャプションの位置、枠の太さと色クリック後の画像の大きさなどを設定する画面が出てきます。最初にこれを設定しておきます。設定が済んだらSaveを押して設定を保存します。
アカウントを作成しダウンロード、インストールが完了後ユーザー名、パスワードをいれてログインします。先ほどのPicasaの写真選択の画面に戻ります。再度、Send Helloを押すと選択された写真とともに送り先のスクリーンネームがでてくるのでそこからBloggerBotを選びます。他の友人を選ぶとP2P経由で友人と写真を共有する事ができます。上記のスクリーンショットのように左側に選択された写真が表示されていないときはうまくBloggerBotに写真を送れていないので注意が必要です。昨日まではときどきしかうまくできていなかったのですが今日は調子がよくすべて選択後の写真が表示できています。この辺は様子を今後見ていきます。Picasa経由でうまく写真が送れないときは、通常のファイル操作のようにエクスプローラーから送りたい写真をドラッグすると追加できます。
BloggerBotに写真を共有する感じで送ってやるとこの画面になり写真用のキャプションなんかを書くとエンターキーを押すだけで、写真をアップロードして大きさを縮小加工してblogger.com経由でウェブログに写真を追加します。
このとき注意しなければいけないのは、右下のチャット用の画面にキャプション用の言葉やタイトルを書き込むときに日本語は化けるようですので英語を使ってください。日本語を表示する必要があるときはあとでBlogger.comの管理画面であるdashboardで編集する際に日本語を入れることができますのであまり気にせずに。
Hello経由でBlogに写真を追加する場合、キャプションは入りますがタイトルは自動では入らないので本文を追加したり、タイトルを追加する場合はBlogger.comのdashboardから編集をして下さい。
という感じでちょっと長くなりましたが、PicasaとHelloを使った写真の追加方法がなかなか興味深かったので一気に書いておきました。
内容はわかりにくいかと思いますので、わからない点などありましたらIRCの#goingmywayまでどうぞ。ぼくもきちんと内容を理解するのに2日ほどかかりました。でも面白いです。
July 09, 2004
FOAFの中に行ったことのある国を表示する
Binary Relations ? WordPress Plugin: Semantic Visitsというのを見ていたら、FOAFの中に行ったことのある国の情報やアメリカの州について入れられるみたいだったのでやってみました。FOAF Explorerで見てみるとこんな感じです。
まず、どんな感じになるかをvisited countries - World66やvisitedStates - World66にてチェックを入れて地図を作成してみます。
表示される地図は以下のようになります。
行ったことのある国
create your own visited country map
or write about it on the open travel guide
アメリカの州
create your own personalized map of the USA
or write about it on the open travel guide
ヨーロッパ
create your personalized map of europe
or write about it on the open travel guide
こんな感じの地図がFOAFデータに入ります。
FOAFにいれるにはヘッダーに以下を追加します。
xmlns:usstate="http://www.daml.ri.cmu.edu/ont/State.daml#"
xmlns:iso="http://www.daml.org/2001/09/countries/iso-3166-ont#"
xmlns:visit="http://purl.org/net/vocab/2004/07/visit#"
あとは手作業で国の場合は
<visit:country>
<iso:Country
rdf:about="http://www.daml.org/2001/09/countries/iso#FR">
<iso:code>FR</iso:code>
<iso:name>France</iso:name>
</iso:Country>
</visit:country>
とこんな感じで。
アメリカの州については
<visit:usstate>
<usstate:USState
rdf:about="http://www.daml.ri.cmu.edu/ont/State.daml#NY">
<usstate:code>NY</usstate:code>
<usstate:name>New York</usstate:name>
</usstate:USState>
</visit:usstate>
という感じで追加していきます。
コードの追加の仕方はFOAFファイルを見ればなんとなくわかるとも思います。いろいろ表示できると面白いですね。
こうやって見ていくとまだまだ世界は広いというのを感じます。ほんの一部しかまだ見ていません。
June 21, 2004
サイト内の検索結果にGoogle WebSearchと検索向けAdSense
サイト内検索はMT標準のものにテンプレートを改造してGoogle検索、Amazon検索、Bulkfeeds検索などが出るようにしているのですが、Google AdSenseがサイト内検索用のものでも利用できるというのをIRCにてkyoさんに6/18に教えてもらったのでさっそくGoogleに申込み今日承認がきたので早速設定してみます。
まずトップページから何かを検索すると