2006-06

Firefoxの拡張機能に、Web Developerというのがあります。

この拡張機能、とても便利で重宝しているのですが、最もよく使う機能は「CSSの編集」です。

サイドバーに現在開いているページのCSSが表示され、リアルタイムで編集出来ます。CSSを手打ちで入力しなければいけないので、「CSSが全く解らない！」という方には不向きかもしれません。

僕の「CSSの編集」の主な使い方は二つ。

まず一つ目は自分のサイトを開いて、CSSを手打ちで編集していき、レイアウトが出来たらそのコードをそのままコピー。そしてDreamweaverなどのソフトを開き、コピーしたCSSをそのままペーストしてサーバにアップロードします。本来Dreamweaverで直接編集すればいいのですが、プレビュー画面があまり当てにならないということと、実際のブラウザで確認する作業も含めて作業出来るので非常に効率よく作業出来ます。またFirefoxはWeb標準に準拠したブラウザでもありますので、確実です。

もう一つは、人が作ったサイトのCSSを参考にする際に使っています。
巧みなCSSテクニックを使ったサイトを参考にする際、「ここをこうすればどうなるの？」という疑問が生じます。そんな時にWeb Developerの「CSSの編集」を使います。¥r¥nリアルタイムでレイアウトが変わっていくので、勝手にCSSを編集してテクニックを盗むことが可能です。¥r¥n¥r¥nまた、このWeb Developerという拡張機能には、ブロック要素を枠で囲んで表示する機能や、ボックスのサイズを表示する機能もついていますので、サイトの構造を知るのにとても便利です。

先日プラグインを再インストールする必要があり、WP-Amazon日本語版を入れ直したので、設置方法をメモしておきます。

まずWordPress JapanのフォーラムからWP-Amazon日本語版をダウンロードします。

そして、自分のアソシエイトIDを有効にするため、wp-amazon.phpを編集。
59行目 : $AssociateTag = ‘cafelognet-22′; のcafelognet-22の部分を自分のアソシエイトIDに変更。

wp-amazon.phpをwp-adminへ、wp-amazon-plugin.phpとwpj_amazon-ja_UTF.moをwp-content/pluginsへアップロード。

アップロードが終了したら管理画面でwp-amazonを有効化します。

有効化すれば利用方法は至って簡単。
投稿画面のテキストエリアの下に、Insert content from Amazonというリンクが追加されているはずなので、クリックします。クリックするとポップアップウィンドウが開くので、紹介したい商品を検索し、挿入方法を選択して「投稿フォームに挿入」ボタンを押せば、自動的にフォームにコードが挿入されます。

CSS(スタイルシート)を勉強するのに非常に参考になった書籍をご紹介します。
スタイルシート スタイルブックという本です。

表紙には「入門」と書かれていますが、少しでもCSSについて勉強された方向きの本かなと思います。とはいえ内容は非常に充実。

筆者が何故スタイルシートに興味を持ったのか、何故スタイルシートを使う必要があるのか、Webサイトのアクセシビリティなど、単なるスタイルシートの参考書には書かれていない情報も網羅しています。

スタイルシートだけでなく、今後のWebデザイナーのあり方が筆者なりの解釈で書かれていて「なるほど！」と納得してしまうようなことも書かれています。（この内容については同じ著者のWeb Designer 2.0 進歩し続けるWebデザイナーの考え方という本でさらに詳しく書かれています。）

スタイルシートの参考書には、実際にサイトの作成をしながら学んでいくタイプの書籍や、辞書的な使い方が出来るような書籍、実際のサイトの参照しながらその中身を種明かししていくタイプなど、色々な書籍があると思いますが、このスタイルシート スタイルブックは「実際のサイトの参照しながらその中身を種明かししていくタイプ」にあたると思います。

どうしても画像を多様する必要があるサイトのSEO対策なども取り上げられているので、あらゆる意味で非常に参考になります。

2004年発売の本なので、情報が古いのでは？と思われる方もいらっしゃるかと思いますが、まだまだ現役で使える書籍だと個人的には思います。Webデザイナーを目指す方には是非読んで頂きたい書籍です。

この本のサポートサイトもがあるのですが、このサイトもWordPressで作成されています。

Jerome’s Keywordsというプラグインをインストールしました。

このプラグインは、各エントリーにTagを挿入することが出来るプラグインです。

インストール方法はいたってシンプル。

まずhttp://vapourtrails.ca/wp-keywordsからプラグインをダウンロードし、解凍したjeromes-keywords.phpを/wp-content/plugins/にアップロード。そして管理画面の「プラグイン」からJerome’s Keywordsを有効化するだけ。

有効化すると投稿画面の下に「Keyword」という項目が追加されているので、そこにその記事のタグを入力すればOKです。

ただし、忘れてはいけないのはテーマの編集です。
インストールしただけではタグが表示されませんので、インデックスページの適当な所に<?php the_post_keytags(); ?>を挿入して下さい。

Google Earthがバージョンアップしたそうです。バージョン４。

僕が初めてダウンロードしたのはバージョン３だったようです。知らなかった。。。

なんでも解像度が４倍になったそうで、まだ確認していないのですが、「SketchUp」というソフトを利用して、画像上のレンガやガラスといった建物の外観を加工し、よりリアルに表示されるようになったとか。

僕はMacユーザーなのですが、今までWindows版ばかり先にリリースされていたのが、今回は同時にリリースされて嬉しい限りです。

先ほどアップしたWeb2.0 Bookという記事を書くのに当たって、新たにプラグインをインストールしたのでメモしておきます。

WP-Amazon Pluginというプラグインです。アマゾンで販売されている書籍などを紹介するのに非常に便利です。日本語化もされていますし、amazon.co.jpの商品も紹介出来ます。

操作方法も本当に簡単で、Insert content from Amazonというボタン(?)をクリックして、商品を検索。そして「投稿フォームに挿入」というボタンを押すだけです。

アマゾンのアソシエイトプログラムに参加している人には必須のプラグインですね。

こんな本を読みました。といっても、もう数ヶ月前ですが。

Web2.0という言葉、「もうウンザリだ」という方も少なくないと思いますが、この言葉を最近知ったという方や、Webに興味のある方にとっては、Webの現状（本になっている時点で現状とは言えないのかもしれませんが）や、今旬のWebサービスが色々と紹介されていて面白いと思います。

「本になっている時点で現状とは言えないのでは？」と書いたように、Webのトレンドは恐ろしい程速いスピードで変わっていきますので、「買ってみようかな？」と悩んでいる人は悩む前に買ってしまった方が良いかも。

WordPressでGoogle Adsenseの広告を挿入しようと思い、コードを入力してみた所、エントリーに反映されてない！なんでだろう？と思ってソースを見てみると、自動的に<p>タグが挿入されているのが原因らしい。。。¥r¥n¥r¥nなんとかAdsenseの広告を挿入出来ないものかと「WordPress Adsense」で検索をかけてみたら、Adsense Deluxeというプラグインが見付かりました。

早速インストールして有効化。

すると問題なく(?)広告が表示されました。

でも、ソースを見てみると、やっぱりご丁寧に<p>タグが挿入されてます。
？？一体どういう仕組みなんだろう？？
ご存知の方がいらっしゃいましたら教えて下さい〜。

このブログのタイトル「Happy Accidents」ですが、これは僕の大好きなアメリカのバンドSelfの曲のタイトルから頂きました。

このSelfというバンド、ポップでとても聴きやすい音楽で、オフィシャルファンサイトで楽曲を多数ダウンロード出来るようになっています。

興味のある方は是非聴いてみて下さい。

“Google Labs”とはGoogleが提供するサービスですが、最近(?)次々とサービスを展開しています。

中でも僕が最も感動したのは、Google Transitです。
このGoogle Transitというサービスは、出発地点と目的地を入力するとどの電車（バス）に乗ってどう歩けば目的地に到着するかというのを地図上で表示してくれるサービスです。日本でも「乗り換え案内」なんかのサービスがありますが、「駅から駅」までしか表示してくれないので、このGoogle Transitの方が便利ですよね。

今の所アメリカのオレゴン州ポートランドのみのβ版ですが、何故僕がこのサービスに感動したかというのは「ポートランド」から始まったサービスだからなのです。私事ですが、ポートランドに住んでいたことがあるので。

ポートランドという街は、バスや電車などの交通がアメリカの中でも最も発達していて、車社会のアメリカで車が無くてもバスや電車に乗ってどこにでも行けちゃいます。しかもダウンタウン内は、バスも電車も無料。車が無くても快適に生活が出来ます。

オレゴン州ポートランドに旅行される方がいらっしゃいましたら、是非Google Transitを活用して観光を楽しんで頂きたいと思います。

将来的には日本でも同じサービスが始まるのでしょうか？その日が楽しみです。