BitbizDesign/Hiroki Harada:Archive: May 2005

[May 29, 2005]

『ユリイカ』2005年4月号特集*ブログ作法

Category: Blog

以前「世界と繋がるインターネットの空間性」というタイトルでエントリーしたことがありました。ユリイカ４月号『特集　ブログ作法』で読んだ神戸女学院大学文学部総合文化学科の内田樹先生の『史上最弱のブロガー』の中に僕が「繋がる感じ」としか表現できなかったインターネット・コミュニケーションのことが書いてあったのでメモしておくことにした。

『ユリイカ』2005年4月号特集*ブログ作法

インターネット・コミュニケーションは「ひとりではできない」ということである。「ひとりではできない」と言い方では意を尽くせないので、もう少し言葉を足せば、それは「複数の場、複数の人々の、それぞれ異質な作業の恊働の成果」ということである。

ユリイカ４月号『特集　ブログ作法』P107 内田樹『史上最弱のブロガー』より引用

僕がディスプレイに向かいブラウザーを立ち上げ時から感じる「世界と繋がるインターネットの空間性」については、「無数の他者と繋がり彼らからの贈り物を享受し、彼らに承認され受けいられている存在であることを実感させてくれるからである。（内田樹『史上最弱のブログー』より引用）」と表現されており納得。

引用ばかりになって著作権のことが気になるけど他にも覚えておきたい表現があったので書いておくとにする。ユリイカ４月号『特集　ブログ作法』は特集の最後にばるぼら編「ブログ年表1993-2005」もある。資料価値としても1,300円は安いと思う。ブログについて関心のある方は是非バックナンバーを購入して読んで下さい。

インターネットは個人を決して孤立させない

インターネットがコミュニケーションの場として成立するのは、それが「言葉は必ず聴き手に届く」という確信を私たちに与えてくれるからである

インターネットのコミュニケーションの場に立った時に、「他者からの贈りもの」対して「応答する義務」を感じる人、「発言する権利」しか目に入らない人

「一人では何もできない」、コミュニケーションとは本来そういうものだ

ネットコミュニケーションが私たちに与えてくれる最良のものは、情報の速報でも公開性でも言論の自由でもない。それは「人間は一人では何もできない」ということ、私たちはそのつどに「贈り物」の受け取り手として「反対給付」の義務を負っているという真理である

ユリイカ４月号『特集　ブログ作法』/内田樹『史上最弱のブロガー』より引用

今は閉鎖したブログにこんなことを書いたことがあった。
“自分が書いたメッセージを誰かが読んでくれているという感覚は、物的財産にはない満足度があり、アイデンティの再確認ができるような気がします。
僕は、レベッカ・ブラッド著「The Weblog Handbook」で読んだ、「読みなさい、書きなさい。そうすればあなたの書く文章も成長します！」みたいなメッセージを信じてせっせと書いています。”

何か全然成長しない僕の文章だけど、インターネットから受けたもの対して感謝の気持ちを忘れず、誰かに届くかもしれないメッセージを書いていこうと思っている。

by Harada Hiroki : 11:47 PM ・Comments (2) ・Trackbacks(0)

[May 26, 2005]

セレンディピティ（SERENDIPITY）

Category: Book

セレンディピティとは偶然の発見。
特に何も探していなかったのに大発見に恵まれる「偶然幸運に出会う能力」。

最近読んだ書籍で出会った言葉。
自分的には「セレンディピティ」なことだった。

最近読んだ書籍はこの２册。

セレンディピティ・マシン未知なる世界、発見への航海
DAVID GREEN 羽山博

脳と創造性「この私」というクオリアへ
茂木健一郎

１冊目の『セレンディピティ・マシン』はゴールデンウィーク前に買いだめした本の中の１冊。
情報革命が主なテーマ。コンテンツマークアップ（XML)のことがわかり易く説明されていたのが印象に残っている。

２冊目の『脳と創造性』地元の図書館にリクエストして買わせた（笑）書籍。
「ウダウダと悩むというのは、潜在的な適応能力の証左なのである。ただその潜在性を、いかに顕在性に着地させるのが難しい。」など、最近テンションの落ちていた自分には元気がでるセンテンスが随所にあり、「これってセレンディピティ！」なんて心の中で呟いた。

「セレンディピティ」という言葉が気に入りドメインを取得。
serendipity.comは取得不可、大好きなbit（お決まり！）を加えてserendipitybit.com
覚えにくいな〜と思いつつも、
マイブーム＋大好き＝serendipity＋bit=serendipitybit
と自己満足な世にも美しい等式が出来上がった。
年間管理費８０８円だし問題なし。

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

[May 22, 2005]

MT プラグイン「BlogCopyright」の設置

Category: Movable Type

第３回　プラグイン「BlogCopyright」のインストール

今回のMovable TypeのTipsはフッターに表示するCopyright情報を自動的に更新するプラグインの導入です。

前回までに、第1回「Movable TypeのRSSフィールドの変更／テンプレートのindex.rdfに自分の名前を入れる」、第２回「クイックポスト引用部分のタグ装飾」をお届けしました。
それでは、早速はじめましょう。

このブログではページのフッター（最下部）に表示している
「Copyright ©2004-2005 BitbizDesign.com Hiroki Harada」の部分を自動的に更新するためのプラグインです。既存のプラグイン「BlogCopyright」を使う方法を紹介します。

インストールまでの手順

「BlogCopyright」のプラグインを入手します。→Download BlogCopyright v1.0
ダウンロードしたファイルを解凍します。
ファイルを展開した中のBlogCopyright.plをMTのディレクトリにアップロードします。
設置するディレクトリは「MTのあるディレクトリ」→「mt」→「plugins」です。
BlogCopyright.plをディレクトリ「plugins」に設置しサーバーにアップロードします。

サーバーにプラグインをアップロードしたら次はMTの管理画面からテンプレートにテンプレートタグを記述します。

このプラグインのディフォルトのテンプレートタグは次の通りです。

<$MTBlogCopyright$>

ニックネームの部分を任意の表示に変更する場合は

<$MTBlogCopyright owner="◯◯"$>

テンプレートタグの◯◯部分に表示したい内容を記述します。このブログの場合は下記のように記述しました。

<$MTBlogCopyright owner="BitbizDesign.com Hiroki Harad"$>

フッター部分をテンプレートモジュール化している場合、フッターのテンプレートモジュールに記述後、保管、サイトの再構築で終了です。

フッター部分をテンプレートモジュール化していない場合は、各テンプレートのコピーライト情報の表示部分に記述後、保管、サイトの再構築で終了です。

MTをCMSとして採用したWebサイトの場合、クライアント様がコピーライト情報を更新することはあまり期待できません。自動的に更新できるようにするこのプラグイン「BlogCopyright」は気配りの行き届いたブログサイト構築には欠かせませんね（笑）

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

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

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

[May 18, 2005]

RSSリーダー

Category: Blog

ブログファンニュースのブログニュースで見つけたWebベースのRSSリーダー「DELCO READER」に登録してみた。
登録は、メールアドレス、ID、パスワードを決めて登録、登録したメールアドレス宛届いた仮登録通知のアドレスをクリックして本登録終了。
カテゴリー登録、RSS登録を一部行った。
何故か登録時にエラーが起こるブログがあったが、これは後日トライする予定。

インターフェイスはシンプル。
登録作業も直感的にできてマニュアルいらず。
しばらく使ってみることにする。

ブログファンニュースは結構お気に入り。
ブログ関連の最新ニュース、有名人ブログの更新情報もある。
有名人ブログの更新情報に女子バレーの大山加奈選手のブログがあったのでアクセスしてみた。いい感じ。自分でIDをとってはじめんたんだろうか？

ブログファンニュース:http://www.blogfan.org/
DELCO READER:http://reader.freerss.net/usr/webby/

by Harada Hiroki : 11:15 PM ・Comments (0) ・Trackbacks(0)

[May 14, 2005]

MT「クイックポスト引用部分のタグ装飾」

Category: Movable Type

第2回　クイックポスト引用部分のタグ装飾

今回のMovable TypeのTipsはセットアップしたクイックポストを使い投稿したエントリーの引用部分を自動的にタグ“blockquote”で囲むためのカスタマイズです。

前回、第1回は「Movable TypeのRSSフィールドの変更／テンプレートのindex.rdfに自分の名前を入れる」でした。
それでは、早速はじめましょう。

まず管理画面でクイックポストを作成します。すでに設定済みの方は必要ありません。
メインメニュー→ショートカット→クイックポストの作成
作成したクイックポストをお気に入りまたはブックマークバーなどに登録して下さい。

Movable Typeのディレクトリ内にあるCMS.pmのソースを変更します。
MT > lib > MT > App > CMS.pm

■変更前(CMS.pmの926行目)
$param{text} = sprintf qq(<a title="%s" href="%s">%s</a>\n\n%s),

上記をエディタで変更します。

■変更後（実際は改行なし）
$param{text} = sprintf qq(<blockquote><div class="blockquotetitle"><a title="%s" href="%s">%s</a></div>%s</blockquote>),

変更後サーバーにアップロードします。
CMS.pmの行数は目安です。
また、変更部分をコメントアウト（行頭に＃を追記）して変更後のソースをコメントアウトした行の次に追加してもいいようです。

次にスタイルシートを変更します。
styles-site.cssにblockquoteタグ、blockquotetitleクラスにスタイルを指定します。
このブログの場合は次のようにスタイルを指定しました。

blockquote {
font-size:x-small;
margin:10px 30px 5px 30px;
line-height:1.5;
padding:1em; 
border-style:dashed;
border-color:#663300;
border-width:1px;
background: #FAFAD2;
}

.blockquotetitle{
margin:2px 0;
padding-bottom:5px;
text-align: left;  
}

変更後、保管、再構築で終了。
このブログのエントリーからクイックポストした部分はつぎのように表示されます。

blogWatcher: BitbizDesign/ビットビジネスデザイナー原田弘樹のブログ
グラフの表示にはFlashを使用しており、拡大表示等をシームレスに行うことができ楽しい。バースト検索機能は、ある話題に関してブログを書いている人の間ではどの程度盛り上がっているか（バーストしているか）を検索し、バースト度がグラフ表示されます。

クイックポストを利用したエントリーがなんだか楽しくなりますよ。

■このエントリーは下記を参照しました
技術評論社『Web Site expert #02』の「Movable Typeカスタマイズテクニック　」伊藤直也編

2005-12-12追記しました。

MT3.2にバージョンアップ後、上記の方法でクイックポストを設定した場合、文字化けが発生します。トラックバック頂いたニシヒロシマテクノミュージックさんのエントリーを参考に文字化け対策を追記します。

外部記憶:クイック投稿（QuickPost）の文字化け解消
/lib/MT/App/CMS.pm
の889行目あたりのjavascriptの中のescape()関数をすべてencodeURIComponent()に変更（3カ所）すればOK。いや、よかったよかった。

因みに上記は単純にescapeをencodeURIComponentに変更すればOKです。変更アップロード後は文字化けしていたクイック投稿を削除してから、新たにクイック投稿を設定するのをお忘れなく。

by Harada Hiroki : 9:18 PM ・Comments (6) ・Trackbacks(3)

Blog Counter

Category: Web

アクセス解析を「忍者ツールズ」から「Blog Counter」に替えました。
実は、アクセス解析にはあまり興味がないタイプです。
使用目的はアクセスして頂いてる方のブラウザーの種類、バージョン、ディスプレイの解像度をチェックするのが主。

無料板「忍者ツールズ」の手裏剣のデザインに違和感を感じストレスになっていたので、Seo Blog提供のサービスツールの「Blog Counter」に切り替えました。

今日は、早起きしたので、アカウント作成以来あまりいじってなかった「bloglines」のMy　Feedにアクセス。
デフォルトで設定されている、Boing Boing、Cool Tools、Salon.com をブラウズ。
ブラウズしながらリンクを辿っていると「Blog Counter」のアイコンに遭遇。早速調査開始、アカウントを取ってサイドバーに設置しました。

by Harada Hiroki : 6:32 AM ・Comments (0) ・Trackbacks(0)

[May 9, 2005]

blogWatcher

Category: Web

blogWatcher2.0が公開されたようです。

■ソース：NDO::Weblog「blogWatcher 2.0 / なんでもRSS」

blogWatcher:http://blogwatcher.pi.titech.ac.jp/index.cgi

主な機能は次の通り

ブログ検索
バースト検索
評判情報検索
ニュ−ス検索
グラフ表示
メタブログ
なんでもRSS
blogWatcher for mobile

詳細は次のページを参照して下さい。
http://www.lr.pi.titech.ac.jp/blogwatcher/

グラフの表示にはFlashを使用しており、拡大表示等をシームレスに行うことができ楽しい。
バースト検索機能は、ある話題に関してブログを書いている人の間ではどの程度盛り上がっているか（バーストしているか）を検索し、バースト度がグラフ表示されます。

試しにキーワード「ブログ」のバースト度を検索してみました。
結果はこれ
http://blogwatcher.pi.titech.ac.jp/index_burst.cgi?from=&query=ブログ&to=
2005-02-01が一番バースト度が高くなっていました。

指定したキーワードの評判情報検索は、ある製品のネット上での評判を調べたりすることができビジネスツールをしても使えるかも。いろいろ便利になりますね。

by Harada Hiroki : 11:35 PM ・Comments (0) ・Trackbacks(0)

[May 8, 2005]

MT「RSSフィールドの変更」

Category: Movable Type

第1回　Movable TypeのRSSフィールドの変更

今回からMovable TypeのTipsをお届けします。
第1回は「Movable TypeのRSSフィールドの変更／テンプレートのindex.rdfに自分の名前を入れる」です。

MTの管理画面→テンプレート→RSS 1.0 (index.rdf)を開きます。

■変更前
<dc:creator> </dc:creator>

RSSフィールドのchannel要素内のdc:creatorが空になっているため、ここにご自分の名前をいれて下さい。
入力後→保管→再構築で終了です。

このブログの場合は下記のように変更しました。

■変更後
<dc:creator>Hiroki Harada</dc:creator>

RSSフィールドのchannel要素はサイト全体の概要を記述する要素。
要素内には
title
link
description
item
の要素があります。dc:creatorはコア要素ではなくその他の要素の一つです。

■RSSについてもっと知りたい方にはこの書籍がおすすめ！

入門RSS―Webにおける効率のよい情報収集/発信
著者／新納浩幸

出版社: 毎日コミュニケーションズ ; ISBN: 4839916497 ; (2004/11)

by Harada Hiroki : 1:26 AM ・Comments (0) ・Trackbacks(0)

[May 7, 2005]

flickrのごく簡単なマニュアル

Category: flickr

写真のSNS(ソーシャルネットワークシステム）flickr(http://www.flickr.com/)の管理画面に関するメモを書いてみることにした。

Light
Originally uploaded by webby's photos.

flickr画面上部のナビゲ−ション

Photos: Yours • Upload • Organize • Your Contacts' • Everyone's

Yours:自分のflickrのトップページへのリンク
Upload:ローカルの写真をflickrへアップロードする時のページへのリンク
Organize：flickrへアップロード済みの写真をセット、検索するページへのリンク
Your Contacts' :Contacts（お気に入りに追加）したflickrのメンバーのアイコン一覧ページへのリンク
Everyone's:flickrのトップページへのリンク

画面下部の管理画面へのナビゲーション

■Your Photos

- Your Photo page：自分のflickrのトップページへのリンク
- Recent Activity：コメント、他のメンバーがfavoriteに登録した写真。期間を自分で設定できる画面へのリンク
- Your Tags：自分の写真につけたタグの一覧のリンク
- Your Sets：作成済みの写真のセット一覧ページへのリンク
- Upload form：写真のアップロードフォームへのリンク
- Uploading Tools：ローカル上からアップロードするためのツールのダウンロードページへのリンク
- Organizr：flickrへアップロード済みの写真のセットを作る、所属するグループへ投稿する
- Your Favorites：自分がfavoriteに登録した他のメンバーの写真一覧ページへのリンク

■Your Account

- Account page:アカウント（管理画面）ページへのリンク
- Edit Profile:プロフィールの編集画面へのリンク
- Profile Privacy:プロフィールのプライーバシーレベルの設定画面へのリンク
- Photo Privacy:写真、コメント、タグのプライバシーレベルの設定画面へのリンク
- Upload-by-email:Eメールからの写真投稿のためのアドレス確認画面へのリンク
- Buy a Pro Account:プロアカウント（有料）申込画面へのリンク
- Order History:プロアカウント（有料）の登録情報画面へのリンク

■Explore

- Everyone's photos：アカウント取得後のflickrのトップページへのリンク
- Comments you've made：過去に自分がコメントした一覧ページへのリンク
- Everyone's tags：Tagの一覧ページへのリンク
- Creative Commons：Creative Commonsのレベル別の写真一覧へのリンク
- Group Listings：自分が参加したGroups、メンバーが多いGroupsなどのリスト一覧ページへのリンク
- Photo Search：写真の検索ページへのリンク
- Flickr Blog (offsite)：flickrの公式ブログへのリンク

■People

- Your contacts:自分が contacts（お気に入り）に登録したメンバー一覧ページへのリンク
- Contacts' photos:contacts（お気に入り）に登録したメンバーの最新写真のサムネイル一覧ページへのリンク
- People Search:メンバーの検索画面へのリンク
- Invite:メンバー招待画面へのリンク
- Your Groups:自分が参加したGroups、メンバーが多いGroupsなどのリスト一覧ページへのリンク
- FlickrMail:flickrのからのお知らせメール等の受信、 contactsメンバー等への送信メール作成画面へのリンク

■Support（サポートページへのリンク、各項目は省略します）
このブログのサイドバーにあるDaily Zeitgeistへの設定画面はSupportの下にある
- "Get the most out of Flickr"をクリックして表示されるページの
Do you have a Blog?の項目にあるFlickr Zeitgeistをクリック。
Get your Daily Zeitgeist here!のページで表示する写真のレベルを選択、生成されるコードを貼付けるだけでOK。

自分のブログにflickrの写真を投稿する場合

→Your Account > Blogging > Your blogs

Set up a new blog！から設定します。
Layoutをクリックするとソースをカスタマイズすることができます。
ソースにご自分のブログのスタイルシートのクラス等を設定すればカスタマイズ度が高くなるかも。

【お願い】
記載した内容に、間違い等がある場合は忌憚なくコメントしてください。

アカウントの作成についてはBlog-teaさんの下記のページをご参照下さい。
■Flickr!の始め方簡易マニュアル
　http://www.tea-room.net/weblog/archives/000666.html

モザイク写真を作る方法についてはこのブログ内の下記のページをご覧下さい。
■Mosaic Makerのごく簡単なマニュアル
http://bitbizdesign.com/a/2006/03/mosaic_makerfli.html

by Harada Hiroki : 8:51 PM ・Comments (6) ・Trackbacks(8)

[May 6, 2005]

ファビコン(favicon)

Category: Web

このブログのファビコンを作ってみました。

▼モダンブラザーの方にはアドレスバーのURLの左にファビコンが表示されていると思います。

えっ、私もと言う方のためにメモしておきます。

■ファビコンの制作・設置方法

16×１６ピクセルでファビコンの画像を作る。favicon.ipgとして保存
Favicon Japan!!http://www.favicon.jp/にアクセス。
Favicon自動生成でファビコンを作成。ダウンロードする。
ダウンロードしたファイルは『favicon.ico』としてローカルのデスクトップに保存されている。
このfavicon.icoを任意の名称に変更する。（このブログの場合は『bbd.ico』にしました）
ftpでindex.htmlと同じ階層にアップロードする。（このブログの場合はhttp:bitbizdesign.com/bbd.ico/)
ファビコンを表示させたいページの<head> </head> 内に下記を記述
<link rel="shortcut icon" href="ファビコンまでのパス/任意の名称.ico" />
このブログの場合は
<link rel="shortcut icon" href="http://bitbizdesign.com/bbd.ico" />

で履歴、キャシュをクリアーして終了です。

■MTの場合
メインページ、アーカイブの各テンプレートに
<link rel="shortcut icon" href="<$MTBlogURL$>bbd.ico" />
を追加して再構築します。
bbd.icoはこのブログの場合で、あくまででも『任意の名称.ico』になります。

一般的に『favicon.ico』でアップロードするような説明が多いようですが、うまくいかない事があります。
サイトのタイトルに合わせて『◯×.ico』とした方がスムーズにいきます。

【注意点】

元画像を制作する場合は最初から16ピクセル角で制作した方が、画像が荒れません。
任意の名称は半角英字です。

是非、トライしてみてください。
うまくいかない場合はコメントしてください。サポートさせて頂きます。

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

[May 4, 2005]

Heart in Gradation（恋する気持ち）

Category: flickr

恋する気持ちは、激しく燃えるように見える時は幸せな気分になるけど、冷たい態度に悩まされたりする時も。

恋する人の気持ち（ハート）は見え隠れして、掴むことはできない・・・。

Heart in Gradation
Originally uploaded by webby's photos.

フォトショップのグラデーションと「差の絶対値」を使ってハートを描いてみました。
ハート見えますか？

人の愛情は物に伝わる。オーラみたいなものが伝わるのかもしれない。

今日、住んでる人が変わった家の話になった時、
「家って住んでる人で印象が変わるよね。あの家が外観から冷たいものを感じるようになった。」
なんてことを話した。

Webサイトも同じで、運営者の方の人柄、思い入れがサイトに反映されると思う。
テクニックも大事だけどエモーシャルなものが伝わる事の方が意味がある。
両者のバランスが取れているのがベストですけどね。

by Harada Hiroki : 1:09 AM ・Comments (6) ・Trackbacks(0)

[May 1, 2005]

大内宿

Category: flickr

連休中に福島県の大内宿に行ってきました。大内宿は江戸時代の宿場の面影をそのまま残した村です。約40軒の茅葺き民家が残っておりタイムスリップした気分。観光客で賑わっており、お土産屋で土産品の試食をしたり、十割蕎麦を食べたりと観光気分を満喫し、いい　リフレシュになりました！

Outisyuku
Originally uploaded by webby's photos.

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

[May 29, 2005]

『ユリイカ』2005年4月号特集*ブログ作法

[May 26, 2005]

セレンディピティ（SERENDIPITY）

[May 22, 2005]

MT プラグイン「BlogCopyright」の設置

第３回 プラグイン「BlogCopyright」のインストール

[May 18, 2005]

RSSリーダー

[May 14, 2005]

MT「クイックポスト引用部分のタグ装飾」

第2回 クイックポスト引用部分のタグ装飾

2005-12-12追記しました。

Blog Counter

[May 9, 2005]

blogWatcher

[May 8, 2005]

MT「RSSフィールドの変更」

第1回 Movable TypeのRSSフィールドの変更

[May 7, 2005]

flickrのごく簡単なマニュアル

flickr画面上部のナビゲ−ション

画面下部の管理画面へのナビゲーション

自分のブログにflickrの写真を投稿する場合

[May 6, 2005]

ファビコン(favicon)

[May 4, 2005]

Heart in Gradation（恋する気持ち）

[May 1, 2005]

大内宿

第３回　プラグイン「BlogCopyright」のインストール

第2回　クイックポスト引用部分のタグ装飾

第1回　Movable TypeのRSSフィールドの変更