haruka.sugawa

Google Chromeの発表が世間を騒がせていますね。私もさっそくインストールして、描画の速さにびっくりしました。男友達のひとりは、「これで広告だらけのアレゲなサイト閲覧が快適になる！」といってうれしそうでした。笑
Chromeにはまだまだプラグインなどもありませんので、私は当分今までどおりFirefoxを使うことになると思いますが、Chromeがブラウザ戦争にどのように波紋を広げるのかが楽しみでもあります。

このように、Web制作にかかわる人にとってFirefoxを欠かせないツールたらしめているのがアドオンの存在なのではないでしょうか。なかでもWeb developerとFirebugのふたつは必携といっても過言ではありません。たぶん。
ただ、、、Firebugのあのアイコンは・・・。一度「昆虫Gに見える」といわれてしまうと、もうそれにしか見えなくなってしまう厄介な存在でした。私の制作はGに支えられているのかぁ・・・と頭によぎると、どうしても「くっ・・・」という複雑な感情にとらわれてしまいます。

すごくどうでもいい長い前フリになりましたが！koress.jpにて、そんな昆虫Gを視界から追い出す方法が紹介されていました。

koress.jp: Firebugの虫アイコンを変更する方法:
http://koress.jp/2008/07/firebug.html

なんて画期的。なんてラブリー。最強です。
さっそく芋虫のアイコンをダウンロードして使わせていただいております。
これで制作がだいぶハッピーなものになる気がします！テンションうなぎのぼり。

koress.jpさんありがとうございました！

しばらく更新が途切れていましたが、相変わらずあれやこれやとやっています。せっかくなので、今日のエントリでは最近取り組んだお仕事をご紹介させていただこうと思います。

• 彩都メディア図書館 コーポレートサイトリニューアル
  http://www.saito-medialib.org/
  アルバイトをさせていただくようになってすぐのころに制作したページをリニューアルしました。
  当時はMovable Typeを使うのも初めてで、とにかくテンプレートデザインへの挑戦ができたことが収穫でしたが、あれから1年経ち、もうちょっとは視野を広げてデザインをすることができるようになったように思います。今回はWordPress2.6で構築しました。WordPress自体のインターフェイスもものすごくリッチなものになっていて、ドッグイヤーをさらに実感しました。
• ピュアハウス甲子園
  http://www.purehouse-koshien.jp/
  知人からの依頼で制作した、ワンルームマンションのプロモーションを目的としたサイトです。
  写真撮影を含むディレクションに挑戦したのは今回が初めてでした。また、本格的なPPC広告でのマーケティングにも初挑戦で、成果を出すWebにするために今も奮闘中です。
  最終的にはメインイメージをFlashにしたり動画を見られるようにする予定です。

ほかにも1件制作中のサイトがあり、こちらは9月中旬ごろ公開予定です。
まだまだ課題も多くありますが、これからも全力投球でやっていきたいと思います！

Lightboxと似たようなエフェクトで動画やFlashの再生に使えるJavaScript、Mediaboxを使ってみることに。

動作サンプルのサイト

導入にあたり、公式サイトの手順に従い試してみるのですが、this.keyboardListener.bindAsEventListener is not a function・・とか、なんたらかんたらエラーが出てうまくいきませんでした。
エラー文でググってみたところ、どうやらMediaboxは、その利用に必要なJavaScriptライブラリのMooToolsの最新版であるVer.1.2には非対応であり、そのために出たエラーのようです（Mediabox開発元サイトでは、次のメジャーなバージョンアップ（Ver.0.7.4か？）の際には対応予定と書いてあります）。
しかし、現行MooToolsのサイトにはVer.1.2しか見当たりません・・・。ということは、今のところ、Mediaboxを利用しているサイトを探し、そのソースからmootools(Ver.1.11)のファイルのアドレスを抜き出して中身をコピーする・・・という、オープンソースとはいえ少し罪悪感の残るやり方をするしかなさそうですね（＾＾；）

mootoolsは他にもこんな使い方ができるそうです。もっと使いこなしてみたいですね。
mootools 93 Plugins：skuare.net

仕事でサイトのお問い合わせフォームをつくることになったので、ネットからフリーのPHPスクリプトを落とし、カスタマイズして設置しようとしたのですが、こんなエラーがでてしまいました。

どうやらmb_convert_encoding()関数が引っ掛かっているらしい。とりあえずの対処として、mb_convert_encoding()の部分を一度削除してプログラムが動くかどうか試してみたところ、フォームからメールは一応届いたので、この関数がネックになっていることは間違いなさそうです。しかし、届いたメールはメールソフト側で表示エンコードを変更しなければ文字化けしてしまっていますので、やはりこの関数は使いたい・・・。
エラー文をみると、これはPHPにマルチバイト文字列を扱う関数「mbstring」が設定されていないためだと思われます。今回利用しているサーバーは先日契約したばかりの専用ホスティングサーバーだったため、PHPはインストールだけして初期設定のままだったことに原因がありました。

そこで、php.iniをチェックすると、案の定mbstringに該当する行（extension=php_mbstring.dll）がコメントアウトされています。よし、ではここを修正して・・・と思ったのですが、FTPにrootでログインできないのでphp.iniをいじる権限がありませんでした。ならば.htaccessを利用して！と思い、調べてあれこれ試したのですが、書き方が悪かったのか、どれもうまく動きませんでした。（2008/11/09追記：このころはTelnetでログインできるということすら知らなかった・・・。いまだにコマンドラインでのコンフィグは緊張してしまいますｗ）
結局、サーバーにPHPを再インストールすることにしました。今回のサーバーはPHPのインストールにvinstallコマンドが使えるものでしたので、インストール中にオプションとしてMultibyteモジュールにチェックをいれ、再インストール。

すると難なく使えるようになったのでした。自分でPHPとか入れてしまうと、この手のエラーには結構頻繁に出くわすのかもしれませんね。いい勉強になりました。

PHPの勉強としてログイン機構を作成していたのですが、IDとパスワードの認証が成功して次の画面に遷移するのに「Header(“Location:○○”);」と書いたところ、

というエラーが出てしまいました。

調べてみたところ、定番のミスとしては「Header();の前にHTMLタグやprint、echoなどの出力がある」というものがあるようです。
そこで、print文で出していたエラーメッセージを変数の中に入れて、Header文の後に出力させるように変更。
しかしまだ同じエラーが出る。
include();やrequire();で読み込んでいるファイルも調べ、出力をしないように変更しましたが、なお状況は変わらず・・・
ほとほと困っていたところに、株式会社マイネット・ジャパンの平島浩一郎さんのブログの記事を見つけました。

phpでheaderが出力できなくてハマった件
http://blog.mynet.co.jp/hirashima/2006/08/phphedaer.html

どうやら、テキストエディターによっては1行目に「BOM文字」と呼ばれる記号が自動で挿入されるということがある模様。私が使用していたのはTeraPadだったので、それまでの保存文字コード「UTF-8」から「UTF-8N」に変更し、保存したところ、きちんとHeader();が機能するようになりました。
このとき、include();やrequire();先のファイルも同様にBOM文字なしの形式で保存してくださいね。