[June 28, 2005]

ブラウザの中に表示するブラウザ

Category: Web



ブラウザの中に表示するブラウザ？って何？
みたいな。

まだ、よく分かってないけどなんだか面白そう。
Winにしか対応していないgoogleツールバーがある！
と喜んだけど、文字コードの関係か激しく文字化け。

ん、でも何か使い方次第では楽しい事ができそう。

▼別バージョン



by Harada Hiroki : 10:05 PM ・Comments (0) ・Trackbacks(0)

[June 19, 2005]

MT 「検索テンプレート」をWebログ毎に変更

Category: Movable Type

第５回　 「検索テンプレート」をWebログごとに変更

今回のMovable TypeのTipsは一つのMTで２つ以上のテーマの違うブログを運営するケースで必要になってくる検索テンプレートの変更をお届けします。

それでは早速始めましょう！

前提として、２つ目のブログをディフォルトで作成済みとします。

【ご注意】テンプレートを変更する場合、テキストエディタで行ってください。

◎変更の手順

  1. ディフォルトの検索テンプレートをコピーしてファイル名「任意の名称」で保存する。
  2. MT>mt.cfgに検索テンプレートの名前とファイル名を指定するための記述をする。
  3. テンプレートの検索部分に検索テンプレートを指定するタグを記述する。
  4. 任意の名称で保存した検索テンプレートの検索結果の表示に関係するタグを記述する。
  5. サイトの再構築で終了

■ディフォルトの検索テンプレートをコピーして保存する
検索テンプレートの変更は管理画面からは行えません。
検索テンプレートはMT > search_templates >default.tmplです。

このdefault.tmplを今回は任意の名称bitbiz.tmplにします。
各テンプレートのデザインを変更している場合で、検索結果のページのデザインを他のテンプレートと同じにしたい時は、この時タグを修正して下さい。修正後サーバーにアップロードして下さい。

■mt.cfgに検索テンプレートの名前とファイル名を指定するための記述をする。

mt.cfgを開き、３９９行付近にある# AltTemplate work work.tmplを変更します。

【修正前】

AltTemplate comments comments.tmpl
# AltTemplate work work.tmpl
# AltTemplate play play.tmpl

# AltTemplate work work.tmplの＃を削除、任意の検索テンプレートの名前とファイル名、今回はbitbizに変更します。

【修正後】

AltTemplate comments comments.tmpl
AltTemplate bitbiz bitbiz.tmpl
# AltTemplate play play.tmpl

修正後、保管、ftpでサーバーにアップロードします。

■テンプレートの検索部分に検索テンプレートを指定するタグを記述します。
管理画面、テンプレートから検索機能部分にタグを記述します。この場合もサイドバー内をテンプレートモジュール化しておくと1回の修正で終わりますね。

【修正前】

<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">
<input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" />
<label for="search" accesskey="4">サイト内の検索</label><br />
<input id="search" name="search" size="20" /><br />
<input type="submit" value="検索" />
</form>

上記に検索結果のテンプレートを指定するため、次の１行を記述します。

<input type="hidden" name="Template" value="bitbiz" />

【修正後】

<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">
<input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" />
<input type="hidden" name="Template" value="bitbiz" />
<label for="search" accesskey="4">サイト内の検索</label><br />
<input id="search" name="search" size="20" /><br />
<input type="submit" value="検索" />
</form>

修正後、保管します。

■次に、検索テンプレート(bitbiz.tmpl）の検索結果画面から再検索した場合、検索対象を新しいブログ内に指定するタグと、検索結果を検索テンプレート(bitbiz.tmpl）に表示するための記述をします。保存した検索テンプレート(bitbiz.tmpl）をテキストエディタで開きます。<form>・・・・</form>内の次の行

<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">

上の行の後に

<input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" />
<input type="hidden" name="Template" value="bitbiz" />

上の２行を追加します。これは先程の検索機能部分の修正後の２行をコピーしてペーストすればOKです。

【変更前】

<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">

【変更後】

<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">
<input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" />
<input type="hidden" name="Template" value="bitbiz" />

変更後、保管、サーバーへアップロード、サイトの再構築で終了です。

うまく行きましたか？
今回のポイントは新しく作成した検索テンプレートの検索結果のページから再検索をした場合の指定部分です。これをやっていないと「終わった〜、検索、検索、OK!試しに大文字/小文字を区別にチェック検索だ〜、あれれっ？？」になりますよ（笑）

【参考】
ブログ自由自在 Movable Type 上級カスタマイズ術
藤本 壱
477412379X

by Harada Hiroki : 8:03 AM ・Comments (2) ・Trackbacks(0)

[June 17, 2005]

Musical Baton

Category: Blog

Pencil Case - Part 2 の柊さんからMusical Baton。Musical Batonは音楽に関する質問に答えて他の５人の方にバトンする企画。バトンを渡されて無意識に、ん〜最後に買ったCD?なんて考え出していました。

はてなダイアリー - Musical Batonとは
海外のブログに端を発する、音楽に関する企画。 音楽に関するいくつかの質問が「バトン」として回ってきたら、自分のブログ上でこれらの質問に答え、次の 5 人を選びその人にバトンを渡す、というルール。

質問は次のとおり

  • Total volume of music files on my computer （コンピュータに入ってる音楽ファイルの容量）
  • Song playing right now （今聞いている曲）
  • The last CD I bought （最後に買った CD）
  • Five songs(tunes) I listen to a lot, or that mean a lot to me （よく聞く、または特別な思い入れのある 5 曲）
  • Five people to whom I'm passing the baton （バトンを渡す 5 名）

では、早速質問に答えてみます♪

Total volume of music files on my computer （コンピュータに入ってる音楽ファイルの容量）

8.72GB
2146曲　@ iTunes、詰め込み過ぎ？（笑）

Song playing right now （今聞いている曲）

Bleed Like Me/Garbage
ほぼ４年振りの４作目のアルバム。声帯を手術したシャーリーの押さえたようなヴォーカルがいい感じ♪
B0007QCII4

The last CD I bought （最後に買った CD）

Def Tech
My Way最高〜♪
B0006ZJCA8

Five songs(tunes) I listen to a lot, or that mean a lot to me （よく聞く、または特別な思い入れのある 5 曲）

バラード系バージョンにしてみました。

#1 No Woman No Cry/Bob Marley
何回も繰り返される“No Woman No Cry”にBob Marleyのメッセージこめられている。「泣かないで、未来は明るい、全てきっとうまくいくさ」と♪
B0007WZW9A
#2 A Change Is Gonna Come/Sam Cooke
黒人差別が強く残る1964年にリリース、「世の中は変わるんだ」と唄ったサム・クックは同年１２月１０日モーテルの女主人に銃殺される。個人的には黒人のニューリーダーに対する陰謀？みたいに感じている。
B0000AFOHY
#3 The Weight/The Band
リフレーンの“and you put the load right on me”部分の重なりあっていくハーモニーが美しい♪
B00004W50T
#4 Knockin' on Heaven's Door/Bob Dylan
「Like a Rolling Stone」、「My Back Pages」どの曲にしようか迷いましたね〜♪
B00006830P
#5 PRIDE/今井美樹
最近、テレビ番組で作者の布袋さんがアコギ１本で唄うのを偶然みました。男が唄ってもこの曲は美しい♪
B00005G5EM

Five people to whom I'm passing the baton （バトンを渡す 5 名）

このブログにコメント頂いた方、コメントさせて頂いている方の中から柊さんにならって厳正なアミダで勝手に決定。
よろしくお願いしま〜す。スルーして頂いても全然OKで〜す。

by Harada Hiroki : 10:16 PM ・Comments (4) ・Trackbacks(0)

[June 11, 2005]

SNS雑感

Category: Blog
ソーシャルネットワーキング.jp　

あと、個人的にカチンときたのが、ここ。 「複数SNSの掛け持ちは面倒なため、後発組がゼロからユーザーを集めるのは難しい。」 SNSをあまりにも画一的に見すぎかと。 アメリカだったら、100万人以上のSNSは 10以上あるっちゅうねん。 ターゲットと機能を絞れば、 それだけでマトリックスから考えて 100以上のSNSは共存できるはず。

ですね〜。SNS対する視点が違うと思う。

そもそも、SNSは新しいWeb、Web2.0の中でBlogと連動しながらセマンティックWebのレイヤーケーキの最上部“Trust”に向かう流れの中にあるという視点に欠けているし、国内のSNSは始まったばかりだ。

おじさんorおばさん専用、ハードゲイ専用（過激！）などSNSの細分化は今後加速化されと思うし、いくつかの先発組のSNSにユーザーが収束するなんてあり得ない。人がTrustを感じるのは規模ではない。規模=安心＝信頼なんて公式はwebの世界ではもう終わっている。安心＝信頼>規模という基本的な考えや、現在はシェアリング・エコノミーの浸透など新しい流れにありレイヤーケーキの“Trust”にWebは向かっており、人はwebの中で何を判断に“Trust”すればいいかを無意識に考えインプットし始めていると思う。

SNSやBlogを単にメディアの一環として広告媒体と捉え対費用効果とか経済効果、ビジネスブログがどうだとか言ってる場合ではない。といっても勝手ですけどね。

もっと、人のコミュニケーションの本質に関わるネットワークのあり方が変わろうとしており、今はまだそのスタートラインにあるのだと、思う。

けど、あなたは、どう思いますか？

by Harada Hiroki : 9:20 PM ・Comments (4) ・Trackbacks(2)

COFFE TIME@RIPPLE

Category: Blog

時間つぶしに地元の駅の近くのカフェ「CAFE RIPPLE」でコーヒータイム。
店内ではバド・パウエルが流れていていい雰囲気。

「何時できたんですか？」
「１年前なんですよ」に絶句。
１年前に開店していたらしいけど全然気づかなかった。
エクスキューズの気持ちから、ちょっと贅沢にハワイコナ８００円を注文。

COFFE TIME@RIPPLE
Originally uploaded by webby's photos.

地元のおばさん、おじさん、学校帰りのヘッドホンをしたいかにも音楽好きの女子校生が今のお客様。
最近のマイブーム「ミスマッチ」的状況が心地よい。
都心部のいかにもおしゃれなカフェにはない状況。

作りこまれた空間デザインの中にいると、自分もその中のインテリアの一部になってしまうようでで息苦しく感じることがある。そんな風に役割を演じるのもまた楽しいけど、おじさんになるとやっぱり疲れる。
フラットな気分で自分が心地よく感じる空間になるべく長くいることが精神衛生上もいい。

いつのまにか店内はほぼ満員状態。
客寄せ効果？をお礼に店をでた。（お昼どきだったから、たまたまですね:)
家族に「今度から原稿はあの店で書くよ」と言ったら、
「え〜、原稿ってなんの？」と鋭い突っ込み。

最近、音楽はiPodで聞くことがほとんどなので、美味しいコーヒーを飲みながら心地よい音量でJAZZの流れるお店「CAFE RIPPLE」で過ごした“音楽につつまれた時間”はちょっとオーバーだけど“至福の時間”だった。
なんてささやかな“至福の時間”なんだろう（笑）

by Harada Hiroki : 4:48 PM ・Comments (0) ・Trackbacks(0)

Rolling Stone

Category: Blog
Rolling Stone

音楽雑誌「Rolling Stone」のメールマガジにCOLD PLAYの名前があったので久しぶりにサイトにアクセス。 ニューアルバム「X&Y」の中の曲『Speed Of Sound』のビデオクリップを見る。
RS Radioでは編集者おすすめの曲などのを配信しており、これを聞きながらしばらく遊ぶ。

コンテンツの更新情報をRSSで配信するようになっており、「おおう、進化！」と独り言。 写真コーナーのバナーにジャニスの写真。 しばらく写真をながめながらタイムスリップ。ロックミュージシャンの写真は好きです。

▼ロックミュージシャンの写真が見れるお気に入りのサイト

by Harada Hiroki : 3:33 AM ・Comments (0) ・Trackbacks(0)

[June 10, 2005]

Movable Type 3.17へアップグレード

Category: Blog
Movable Typeユーザーの皆様 大変お待たせいたしました。本日より、Movable Type 3.17日本語版の提供を開始いたします。 Movable Type 3.17日本語版では、PR、マーケティングや社内の情報共有を目的とした法人利用が増えていることを考慮し、特にソフトウェアの安定性を大幅に高めました。不正な削除の防止などセキュリティを重視しております。今回の3.17からは、MySQL 4.1を正式にサポートいたします。

6月9日20時から予定通りMovable Type 3.17日本語版がリリースされました。
早速、アップグレードしました。

テンプレート等をカスタマイズしている方は、上書きしてしまわないようにご注意。
と、いってる自分がそうだったりして（笑）

ソフトウェアの安定性の向上、不正な削除の防止などセキュリティ面での強化が主なアップグレード内容のようです。
MTユザーの方はアップグレードをやられた方がいいですね。

by Harada Hiroki : 12:12 AM ・Comments (0) ・Trackbacks(0)

[June 5, 2005]

Movable Type 3.17日本語版

Category: Blog
Movable Type Publishing Platform
日本では現在、バージョン3.151をご提供しています。既にバージョン3.16を6月上旬にお届けすることをご案内していましたが、米国で3.17が出荷されたことに伴い、3.17を2005年6月9日にお届けする予定です。

MTのバージョン3.17の出荷開始がアナウンスされました。
MTユーザーの方は要チェックですね。

by Harada Hiroki : 1:31 PM ・Comments (0) ・Trackbacks(0)

[June 4, 2005]

Spell with flickr

Category: flickr



Spell with flickr:http://metaatem.net/words/

このサイトではType hereに表示したいスペルを記入するとflickrの写真でロゴを作ってくれる。
早速、Blogを作ってみました。

文字の写真をクリックすると違う写真を選択することができるので、ビビットくる写真が表示されるまでクリック！

Color Fields Colr Pick:http://krazydad.com/colrpickr/
このサイトではカラーピッカーの色をクリックすると、選択した色の　flickrの写真が表示されます。

by Harada Hiroki : 9:45 PM ・Comments (2) ・Trackbacks(0)

人と文体

Category: Blog

ライティングスペースとしてのブログにこだわって行きたいと考えている。 書く事を職業にしているわけではないけどブログを書くということはデジタルな媒体に文を書くこと。 写真を貼付けたりロゴをデザインすることもある。Webでは音声もラジオのように聞くこともできるし発信することもできる。

Grammar Check
Originally uploaded by avianto.

そんな事を考えていた時、以前のエントリー「『ユリイカ』2005年4月号特集*ブログ作法」で紹介した内田樹さんのブログで「文は(宛先の)人なり」のエントリーを読んだ。

内田樹の研究室
Le style est l’homme( à qui l’on s’adresse). 「文は(宛先の)人なり」 文体は、それがどのような人にどのように差し出されているかをあらわに示す。 書き手が読み手に対してどのような種類の距離感や親疎の感覚や敬意や興味を抱いているかを表すのは文体である。

“適切に文体が選択されていれば、どれほど難解なコンテンツであれ、どれほど無内容なコンテンツであれ、それは読み手に「届く」”ともあり、読んでる方に「届く」ことを最優先に考える僕には「適切な文体」の選択が課題。
以前経験したことがあるけど自分にあった文体を選択しないとキーボードを叩くのが苦痛になる。

ライティング＋Webデザイン＋ブログのカスタマイズなど自分の能力を繋げてWeb（デジタル上）の表現を考えるために「ライティングスペース」というカテゴリーを新しく設けた。アナログ（紙）媒体とWeb(デジタル)上での表現の仕方の違いなどをエントリーしていきたいと考えています。

by Harada Hiroki : 12:38 PM ・Comments (0) ・Trackbacks(0)

MT 「もんたメソッド」の組み込み

Category: Movable Type

第4回　 「もんたメソッド」の組み込み

今回のMovable TypeのTipsは予定を変更して今話題の「もんたメソッド」の設置をお届けします。

「もんたメソッド」についてご存知のない方は、以前のエントリー「もんたメソッド」「もんたメッソド　[実装編]」をご参照ください。

それでは早速始めましょう！

<【ご注意】
Firefox、Netscape最新版等では「MT＋もんたメソッド」は機能しないようです。

◎設置までの手順

  1. MTの管理画面テンプレート、テンプレートmonta.jsを作り保存する。
  2. MTの管理画面テンプレート、テンプレートモジュールmonta-methodを作り保存する。
  3. メインページ、各アーカイブファイルにmonta-methodをインクルードするMTタグを記述し保存する。
  4. サイトの再構築を行う。

■monta.jsのもとになるコードを手に入れます。→http://tech.yappo.jp/download/monta.js.txt
MTの管理画面、テンプレートの新規作成、コピーしたコードをテンプレートの中身部分に貼付けます。

このブログではオレンジ色（#FF4500）で隠し、クリック後の隠した部分の文字色(#FF4500)、背景色白(#fff)になるように変更しました。尚、#fffは#ffffffの省略形です。

{monta_o_f = '#FF4500';}
{monta_o_b = '#fff';}
{monta_c_f = '#FF4500';}
{monta_c_b = '#FF4500';}

テンプレートの名前、出力ファイル名を記述後保存します。このブログではテンプレートの名前もんたメソッド、出力ファイル名monta.jsとしました。

■次にテンプレートモジュールを作成します。
管理画面テンプレート、テンプレートモジュール、新しいテンプレートモジュールを作るをクリック。 モジュールの中身に次の通り記述します。

<!--▼もんたメソッド--> 
<script type="text/javascript" src="<$MTBlogURL$>monta.js"></script>
<!--▲もんたメソッド-->

記述後、保存します。このブログではテンプレートの名前をmonta-methodとしました。

■次にテンプレートのメインページ、各アーカイブテンプレートにテンプレートモジュール「monta-method」をインクルードするためのMTタグを記述します。

記述するMTタグ。モジュ−ル名monta-methodを違う名前にした場合はその名前を記述します。

<$MTInclude module="monta-method"$>

これをそれぞれのテンプレートの</MTEntryIfExtended>の下当たりに記述します。

<MTEntryIfExtended>
××××××××××××
</MTEntryIfExtended>

<$MTInclude module="monta-method"$>

記述後、保存、サイトの再構築で終了です。

▼ページ上でのもんたメソッドの記述のしかたです。

例として、女性のブロガーがプロフィールのページをエントリーしようとしています。
「私の3サイズは、B88×W55×H90で〜す。」
のサイズ部分を隠しておもわせぶりにしたい場合は下記のように記述します。

「私の3サイズは、<span monta="on">B88×W55×H90</span>で〜す。」

上記のように記述するとこのようになります。男性ファンはクリックするマウスの指に力がはいるでしょう（笑）

「私の3サイズは、B88×W55×H90で〜す。」

次回は、今回のカスタマイズにも利用した、MTのカスタマイズの効率化に有効な「テンプレートモジュール」の作成についてお届けする予定です。

【参考】
このエントリーは下記のページを参照させて頂きました。
既存のページにもんたメソッドを簡単に組み込むツールを作った

【ご注意】
MTで実装する場合は上の方法か、各テンプレートに下記を記述する方法にして下さい。
<script type="text/javascript" src="<$MTBlogURL$>monta.js"></script>
参照先の説明の通りに記述するとFirefox、Netscapeでうまく色がつきません。

修正のヒントは下記を参考にさせて頂きました。
もんたメソッドの簡単実装:http://www.lacrime.net/item_1155.html

by Harada Hiroki : 11:15 AM ・Comments (7) ・Trackbacks(3)

もんたメソッド　[実装編]

Category: Web

前回のエントリーで紹介した『もんたメソッド』を実装してみた。

もんたメソッドはみのもんたのテレビ番組での説明手法を大庭 慎一郎さんがデジタルプレゼンにしたものです。オレンジ色の部分をクリックすると文字が現われます。Webサイトへの貼付け方はYappoLogsで紹介されておりコードを利用させて頂きました。

これは楽しいです。簡単なクイズ、受験生が暗記用のページに利用することもできる。これからの受験生はデジタル上で勉強する位でないといけませんね（笑）ということでサンプルを紹介します。

【使用例】

  1. ワールードカップサッカー・アジア最終予選、バーレーン戦の先制点は小笠原選手の見事なシュート。
  2. 残念ながら小野選手は疲労骨折で欠場。
  3. イランVS北朝鮮は1-0でイランが勝ち点３をゲット。

    4. by Harada Hiroki : 1:31 AM ・Comments (3) ・Trackbacks(0)

    [June 2, 2005]

    もんたメソッド

    Category: Web

    「Blog Hackers Conference 2005」で大庭 慎一郎さんが披露したプレゼン手法、名付けて“もんたメソッド”が話題になっているようです。

    「Blog Hackers Conference 2005」は書籍『Blog Hacks』 (オライリー・ジャパン: ISBN 4873111749)関連のイベント。5月27日お茶の水のデジタルハリウッド東京校で行われました。 参加した方のブログで“もんたメソッド”が評判になっており、またご本人による説明ムビーもアップされマイブーム。

    Webページに“もんたメソッド”を簡単に組み込むツールも登場！

    YappoLogs: 既存のページにもんたメソッドを簡単に組み込むツールを作った

    いま巷を騒がせているもんたメソッドですが、あのプレゼンを再現しようとしたツールが２つ登場しています。
    もんたメソッドなプレゼン作成ツール
    もんたメソッドなプレゼンツール in XUL

    miyagawaメソッドとかカカクメソッドとか、○○メソッドという用法が普及しそうな感じですな。

    実は、自分も作ろうとしていた所なのですが、これらプレゼン風のツールとは違い簡単にWebサイトに貼り付けられる物を作りたかったのです。せっかくなのでサクッと作りました。

    今日はもう遅いので後日、試してみるつもりです。

    ▼Blog Hackers Conference 2005関連

    by Harada Hiroki : 12:59 AM ・Comments (0) ・Trackbacks(0)