メイン

2009年01月26日

【日記】CS4の悩みどころ

現在、CS4用に授業を改定中です。

CS3までは、「いやぁ、基本的には以前のバージョンと使い方は同じっすよー」って言ってこられたのが、今回はキツイです。
さすがに、かなり違っちゃってる。。。

その中でも、もっとも大きく変わるのが、CSSルール定義ダイアログ。

まず、今までのは、こんな感じ。
今までのダイアログ

怪しい翻訳はあるものの、まぁ、日本語なのでとっつきやすいよね、って印象。

んで、今回のCS4からは。。。
CS4のダイアログ

ずばり英語!

がーーん!

まぁ、正直Webクリエイターの立場からの意見で言うと、「わかりやすくなった」です。
怪しい日本語に無理やり変換していないので、CSSプロパティがそのまま表示されるのは、ありがたい。

ただ、これがこれからDreamweaverはじめる初心者だとこうはいかないんですよ。

もう、画面が英語だった時点でパニック。
えぇ!こんなの覚えられない!!って感じで、はじめる前からしり込みしちゃう。

なので、どうやってわかりやすくしようか悩みに悩んで、改訂が進まない。。

しかも、授業を受けに来る人が全員CS4ってわけでもないので、どうやってCS3以前の人に対応するか。。。
さぁ、どーなる・・・

2009年01月07日

【Web】メイリオについて

引き続きDreamweaverのテキスト改訂を行っております。

さらに気になっているのが、CS4からのフォントセットです。
今までは、MS Pゴシック、osaka、ヒラギノ角ゴ Pro W3の3点セットだったわけですが、ここへ来て、セットの中にメイリオが入ってきました。

Webデザイン上で、とーっても気になるメイリオの問題点・・・

フォントがでかい。行間が広い。

厳密には、フォントがでかいわけじゃないんですけどね・・・

スクリーンショットで比較画像を作ってみました。
上段がIE7、下段がFirefox3での結果です。
グレーの文字がメイリオ。赤い文字がMS ゴシックです。

比較

それほどサイズに違いはないです。
強いてあげれば、「プ」の文字が上下に各1ピクセルずつ大きいくらいですかね?

ただ、メイリオの位置付けは、一応プロポーショナルフォント。
なので、MS ゴシックと比較するのは間違いで、MS Pゴシックと比較しなくてはいけないわけです。

メイリオはちょっと変わっていて、和文部分は等幅、欧文部分がプロポーショナルの合成フォントみたいな感じです。
なので、今までMS Pゴシックとかで、作っていたサイトは、メイリオにすると、文章がかなり長くなってしまい、あげく崩れることもありえます。
さらに心配なのが、メイリオで作っても、メイリオが入っていないXP以下のWindowsやら、Macやらで見ると、結局MS Pゴシックとか、ヒラギノで表示されちゃうので、ブラウザごとに見た目が激しく変わってしまう可能性が出てきました。

う〜ん・・・

そして、もっと問題なのが、行間。
メイリオで指定すると、line-heightの指定をしなくても、ものすごく広い。
なんとなく測ってみたら、line-height:1.6に相当するくらいでした。
う〜・・・・
まぁ、これに関しては、あらかじめbodyに対してline-height:1.0を指定しておくことで統一できたので、大丈夫なのかな?

問題は、これをどうやって、かなり時間的にカツカツの授業中に説明するかですよねぇ・・・・
まいったなぁ・・・

2009年01月06日

【悩み】スクールはテーブルレイアウトを教えるべきか?

CS4のリリースに伴い、Dreamweaverの授業を改訂しています。

ひとつ、頭を悩ませていることがありまして…

「テーブルレイアウトは授業内容に組み込むべきか?」
という内容です。

僕の勤めるスクールに来る生徒さんのほとんどが、就転職目的ではなくて、突然企業のWeb担当にされちゃって、覚えざるを得ない人です。

だいたいそういうサイトに限ってテーブルレイアウトだったりするわけですよ。
そんなわけで、今までは、授業にも組み込んでたわけです。
リキッドレイアウトの話も併せて紹介したかったので、レイアウトモードで作業してました。

それが、今回のCS4で、レイアウトモードが廃止になっちゃったんですよねぇ。

いよいよDWもテーブルレイアウトの切り捨てに入ってしまったわけですね。

それがあって、僕の中でも、いいきっかけかなぁ、と感じまして。

実際どうなんでしょうか。
制作やってる人に聞いてみたいなぁ、テーブルレイアウト出来ない新人って、どんな扱いなんだろう?

2008年12月18日

【Web】css nite vol.29

css nite vol.29行ってきました。css nite。

なんだか久しぶりな気がします。
最近は、早く行って並べばいい、という方式ではなくて、あらかじめ予約をしておくシステムに変わりました。
今までは、ちょうど開催日に夜授業が入ったりしていけなかったんですね。

鷹野さんと矢野さん今日は、矢野りんさんがスピーカー。
この日だけは絶対いく!!と会社に念を押して行かせてもらいました。

今回のcss niteは、29回。
おぉ・・・もうそんなになるのかぁ。。
早いですねぇ。

鷹野さんのセッションまずは、鷹野さんによる「Dreamweaverハック」。
CS4が登場した今、果たしてDWが前から抱えていた問題は解決したのか?ってな内容と、それから覚えておきたい便利な機能をおさらい、って感じでした。
鷹野さんは、短時間で要点をまとめるのがとてもうまいんですよね。
ほんで、全然急いでいるように感じさせない。これはインストラクターとして見習う点だと思っています。


Vol.29だけにさて、矢野りんさんの登場です。
まずは、今回が29回目なので・・・ってことで「肉」の人(笑

相変わらずユーモアセンス抜群ですねぇ。

さて、そんな矢野りんさんが話してくれるテーマが
伝わる文章で築くナイスなウェブコミュニケーション
です。

あらかじめいくつかの宿題が出ていて、それに沿った解説。というとても無料版とは思えないサービスっぷり。
もちろん、仕事の合間を縫って、宿題やってから行きました。

話のポイントは以下の5つでした。

  1. 主語と述語の位置が離れていないか?
  2. 1文が長くないか?
  3. 重要なポイントが抽象的になっていないか?
  4. むやみに受動態を使っていないか?
  5. むやみに否定文を使っていないか?

どれも思い当たるなぁ。。。
特にブログでは思い当たるフシだらけ。

なので、ちょっと検証してみましょう。


1.主語と述語の位置が離れていないか?
これはやっちゃいそうですよねぇ。
とはいうものの、自分のブログを見直すと、そうでもない気が・・・・
自分じゃ気付かないだけだと思いますけどね。
強いてあげれば、10/11のブログ

僕たちの世代が多分ストライクだと思うのですが、小学生の頃、誰もが高橋名人の16連射を目指したものです。

という一文がありますが、少し直せそうですか?
小学生の頃、僕たちは高橋名人に憧れていました。誰もが名人の16連射を目指したものです。

う〜ん・・・ちょっと違う気がする。
これはこれで、自分の持ち味だからいいのか?

2.1文が長くないか?
これは、結構気をつけています。
でも探してみたら、あるもんです。
11/14のブログから

さっそく食べ放題にしたいことを告げると、店員のお兄さんが、ライトな関西弁で、金曜日の夜だと、混んでくると提供までの時間がかかって、結局90分の制限時間では、思うように食べられない、とのこと。

これは

さっそく、店員のお兄さんに食べ放題にしたいことを告げました。
するとお兄さんは、「金曜の夜は混むので、提供までに時間がかかってしまう。結果として90分では思うように食べられないよ」とライトな関西弁で教えてくれました。

とできそうですね。
ふむ。

3.重要なポイントが抽象的になっていないか?
これは、個人的にめちゃくちゃやってまして・・・・

たとえば2007/6/2

めちゃくちゃ気に入ってます。GOON。 toumaさんというデザイナーさんがデザインしているものですが、さっそくmixiのコミュにも参加しました。

この中の「デザインしているもの」という表現。
写真があるので、見てもらえれば何かわかるかなぁ、と思っての結果なのですが、確かに
「デザインしているキャラクターです」と書いたほうがわかりやすいし、書かない理由もないですよね。
気をつけます。


4.むやみに受動態を使っていないか?
これは、やっていないだろう、と思っていたのですが、やってました。はい。

2007/8/19のブログより

さらに現在のヤフオクの状況をみると、全然売れていない現状。さらに転売屋が買い増すというリスクはおかさないだろうと思われる。

この「思われる」がまずいですね。

さらに現在のヤフオクの状況をみると、全然売れていない現状があるので、さらに転売屋が買い増すというリスクはおかさないだろう。

これでいいですよね。

5.むやみに否定文を使っていないか?

これはやってる、絶対にやってる。
自分で自覚がはっきりありますもん。

9/1のブログより

継ぎ目消さなくちゃいけないパーツはほんの少しだけ。

継ぎ目は消さなくちゃいけないものではないんですよね。
なので
継ぎ目消しをほんの少しだけしてあげれば、継ぎ目はなくなります。

でいいのかな?


とまぁ、言われて初めて気が付くようなライティングテクニックをたっぷりと伝授していただきました。
今後、ブログを通して、身に着けていきたいと思います。

いやぁ、いいイベントだったぁ。

2008年11月28日

【PHP】はじめの1バイトしか出力されない怪

いやぁ、ハマッた。
これには参りました。

ちょっと聞いて下さいな。
プログラムの話なので、興味なーし!って方は、頭が痛くなるので読まない方がよいです。

会社で、人事評価プログラムのようなものを作っておりまして。
PHPで書いております。
まぁ、各人が社員IDとパスワードでログインした画面で、同僚や部下を評価するってものですが、まぁ時間はかかっていますが、うまく作れていたわけですよ。

自分の部署にある僕が立ち上げて管理しているイントラサーバー(Apache/WinXP)では、正常に動作していたので、よし、問題ないな、ってことでいざ、会社メインのイントラサーバーにデータを移したところ、うまく動かない・・・・

さすがに長いプログラムをここには記述ができないので、サンプルプログラムを書いてみました。

まずはどうしたいかというと、↓以下のフォームで、各選択肢を選択して送信すると。。。
フォームの状態

↓こんな感じで、選択したものによって「bad」「ok」「good」の文字が表示される、というカンタンなものです。
成功例

ソースは、以下の通りです。赤文字の部分がPHP部分。


<?php if($_POST['q1'] != ""){ for($j=1;$j<4;$j++){ $q[$j] = $_POST['q'.$j]; if($q[$j] == "2"){ $q2[$j] = "bad"; } elseif($q[$j] == "4"){ $q2[$j] = "ok"; } elseif($q[$j] == "6"){ $q2[$j] = "good"; } } } ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>テスト</title> </head>

<body>

<?php for($i=1;$i<4;$i++){ echo $q2[$i]."<br />"; } ?>

<form action="testtest.php" method="post"> <input type="radio" name="q1" value="2" />2 <input type="radio" name="q1" value="4" />4 <input type="radio" name="q1" value="6" />6<br /> <input type="radio" name="q2" value="2" />2 <input type="radio" name="q2" value="4" />4 <input type="radio" name="q2" value="6" />6<br /> <input type="radio" name="q3" value="2" />2 <input type="radio" name="q3" value="4" />4 <input type="radio" name="q3" value="6" />6<br /> <input type="submit" value="送信" /> </form> </body> </html>

先にも書いたとおり、自分の管理しているWinXP/Apacheのサーバーでは、問題なく動作していたので、これをそのまま会社のイントラサーバーに入れたら、これが動かない。。
具体的に言うと、表示が以下のようになってしまう。

失敗例

はじめの一文字しかでない。
「bad」「ok」「good」の文字を日本語にすると、1文字どころか、黒いひし形に?のマークが出たマークになってしまい、表示すらされなくなりました。
とすれば、どうやらはじめの1バイト分しか出力されていない、という結論に自分なりに達したわけですね。

散々悩んで、会社のシステム部に相談しに行きましたが、解決策は見つからず。。。
一応他のサーバー(Linux/Apache)に入れたところ、正常に動作しました。

こりゃ、会社のイントラサーバー独特の問題かぁ、とあきらめていても仕方がないので、プログラムの書き方を少し変更することにしました。

んで、下のように書き換えたら直った、と。


<?php   if($_POST['q1'] != ""){      for($j=1;$j<4;$j++){        $q[$j] = $_POST['q'.$j];     }    } ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>テスト</title> </head>

<body>

<?php    for($i=1;$i<4;$i++){     if($q[$i] == "2"){       echo "bad";     }     elseif($q[$i] == "4"){       echo "ok";      }      elseif($q[$i] == "6"){       echo "good";     }   } ?>

<form action="testtest.php" method="post"> <input type="radio" name="q1" value="2" />2 <input type="radio" name="q1" value="4" />4 <input type="radio" name="q1" value="6" />6<br /> <input type="radio" name="q2" value="2" />2 <input type="radio" name="q2" value="4" />4 <input type="radio" name="q2" value="6" />6<br /> <input type="radio" name="q3" value="2" />2 <input type="radio" name="q3" value="4" />4 <input type="radio" name="q3" value="6" />6<br /> <input type="submit" value="送信" /> </form>

</body> </html>

どうも、いろいろいじっているうちにわかってきました。

今回、変数名に「質問」という意味を込めて「$q」と「$q2」という変数名を作りました。

んで、それぞれを配列として、中に取得したフォーム結果を格納したわけですが、どうやら

$q2[0]

とか

$q2[1]

とかが、配列$q2の1番目(0)、配列$q2の2番目(1)という風に認識されず、$q20や、$q21といったように、カッコを無視した状態で認識されているようでした。

その証拠に、以下のように変数名を変更したら、問題なく動作するようになりましたし。。。
これってどういうことなんでしょうねぇ。


<?php if($_POST['q1'] != ""){ for($j=1;$j<4;$j++){ $q[$j] = $_POST['q'.$j]; if($q[$j] == "2"){ $message[$j] = "bad"; } elseif($q[$j] == "4"){ $message[$j] = "ok"; } elseif($q[$j] == "6"){ $message[$j] = "good"; } } } ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>テスト</title> </head>

<body>

<?php for($i=1;$i<4;$i++){ echo $message[$i]."<br />"; } ?>

<form action="testtest.php" method="post"> <input type="radio" name="q1" value="2" />2 <input type="radio" name="q1" value="4" />4 <input type="radio" name="q1" value="6" />6<br /> <input type="radio" name="q2" value="2" />2 <input type="radio" name="q2" value="4" />4 <input type="radio" name="q2" value="6" />6<br /> <input type="radio" name="q3" value="2" />2 <input type="radio" name="q3" value="4" />4 <input type="radio" name="q3" value="6" />6<br /> <input type="submit" value="送信" /> </form> </body> </html>

変数名の先頭に数字を使っちゃいけない、ってことくらいはさすがに知っていますが、末尾にも使っちゃいけないってのは知りませんでした。ってか、他のプログラムはそれでも動いてるんですよねぇ。。

ってことで、いないとは思いますが、僕と同じようなトラブルでお悩みの方は、一度変数名を、数字を含まないものに変えてみてくださいな。

う〜む、ナゾだ。。
知っている人いたら、教えてください。

2008年10月24日

【ブログパーツ】金魚

ここのところ、会社では同じことばかりしているので、ネタがないんですよね。
なので、今日も見つけたブログパーツシリーズ。

金魚です。
相方が金魚大好きなので探してみました。

金魚の泳ぎ方がリアルです。
時々でめ金も現れます。

携帯待ち受け用もあるので、金魚好きな方はぜひ!

2008年10月21日

【ブログパーツ】最近ブログパーツが面白い

ブログパーツ増えましたねぇ。
これってFlashで作ってるんですよね?
今度自分でも作ってみようかなぁ。

ってなわけで、最近おもしろそうなブログパーツを探すのが楽しいです。

今回は、こんなの見つけてみました。


赤い方はシャア専用なのでシャアしか使えないそうです。
マウス乗せると、モノアイが動きます。

そして、ガンダム系で忘れちゃいけないのが、下記ガンダムクライシス(富士急ハイランド)のブログパーツですよね。
ブログ全体が重くなる印象があるので、サイドバーには設置していませんが、クリックした時の効果は一番面白いと思います。

2008年10月14日

【ウイルス】revo.exeという名のUSB経由感染型ウイルス

いやいやいやいや、本当に大変。
きっと世の中のシステム担当さんも同じ思いをしているはず。。。

たち悪いよーーーこのウイルス。
revo.exeというウイルスと先週末から戦っています。
会社のWindows15台中12台に感染してました。

かなりステルス性が高くて、ウイルス対策ソフトで検出されません。
オンラインゲームのIDとパスワードを盗み出して中国のサーバーに送るっていう悪さをするらしいです。

感染経路はUSB。
デジカメのメモリにまで感染するらしいです。

マイコンピュータからCドライブとかDドライブ、またはリムーバブルディスクをダブルクリックで開くと発動。
ウイルス駆除ソフトでは止めてくれません。

ネットにはかなりたくさんの情報が上がっていますが、少しずつ状況が違うので、自分の環境に合わせて、削除するファイルが微妙に異なります。
亜種もたくさん出ているので、全てに対応するのは、結構大変かも。。

ネットでの情報はありがたかったので、僕の場合も載せておきます。
誰かの参考になれば。。。。。

ちなみに、レジストリをいじる作業です。間違えたりするとWindows起動しなくなります。
自信の無い人は、詳しい人と一緒に。自己責任でお願いしますねーー。

まず、確かめたいのは感染しているのは、確実なのかどうか。
確かめるのは簡単で、「マイドキュメント」を開いて、「ツール」メニューから「フォルダオプション」を開きます。
んで、「表示」タブを開いて「すべてのファイルとフォルダを表示する」にチェックを入れてOKします。
もう一度同じ画面を開いてチェックを入れたはずの項目からチェックが外れていれば感染しています。

お次に確認したいのが、Cドライブやリムーバブルディスクにautorun.infというファイルがあるかどうか。
これも簡単で、メモ帳を開き、「ファイル」メニューから「開く」をクリックし、ファイルの選択画面で、マイコンピュータ内のCドライブをダブルクリックで開きます。autorun.infは隠しファイルなため、そこには表示されませんが、ファイル名の欄に「autorun.inf」と入力し、ファイルの種類を「すべてのファイル」に変更して「開く」をクリックしてみましょう。ファイルが開けば、それがウイルスを自動的に作動させるプログラムです。

中に書いてある「shell\open\command=」の後ろの文字を控えておきましょう。
これもウイルスの1ファイルです。
僕の場合は、shell\open\command=f.exeと書いてあったので、f.exeがウイルスの一部になります。

さて、このファイル(autorun.exe)は後で削除しますので、保存も何もせずにそのまま閉じてください。

それ以降の作業は、下にまとめておきます。
↓↓

続きを読む "【ウイルス】revo.exeという名のUSB経由感染型ウイルス" »

2008年09月11日

【イベント】css nite in Shinjuku

久しぶりのcss nite今日のテーマはIE8
今日は久しぶりにcss niteに行ってきました。
しばらく仕事のスケジュールとうまく合わずに参加できずにいたのですが、今日はなんとか時間の都合がつけられそうだったので。

セミナーの様子場所は、いつもの銀座ではなくて、新宿。
Microsoftのセミナールームで行われました。

テーマはIE8。
すでにベータ2まで出ているIE8ですが、まだDLしてません。。。。インストラクター失格。
早く検証しなくっちゃなぁ、と思いつつも。。

Google Chromeだけでイッパイイッパイです。

講習では、そんなGoogle Chromeの話もちらほら出ておりました。

話を聞いた感じだと、レンダリングモードが標準準拠になるので、かなり複雑になりそうな印象を受けました。

IE6,7,8と、苦労させられそうですねぇ。。。

2008年07月15日

【PHP】件名、全角7文字制限の怪

今、会社で組んでいるPHPで、ボタンひとつ押せば、社員全員あてのメーリングリストに、お知らせメールが送信されるようなプログラムを組んでいます。

そこでなぞが一つ。
下記PHPコードを実行すると、問題ないのですが、メール件名(下記の場合は変数subject)が全角7文字までは問題ないのですが、なぜか全角8文字以上になるとエラーが表示されます。


<?php
//sendmail設定
	ini_set("SMTP","post.xxx.co.jp");
	ini_set("smtp_port","25");
	ini_set("sendmail_from","xxx@xxxx.co.jp");

// メール生成
$to = "xxx@xxx.co.jp";// 送信先のメールアドレス
$subject = 'お知らせ';

// カレントの言語を日本語に設定する
mb_language("ja");
// 内部文字エンコードを設定する
mb_internal_encoding("SJIS");
mb_send_mail($to,$subject,"メール本文");
?>

エラーメッセージはこんな感じ↓

Warning: mb_send_mail() [function.mb-send-mail]: SMTP server response: 451 See http://pobox.com/~djb/docs/smtplf.html. in X:\xxx\x\xxx\xxxxx\xxx.php on line 15

なんなんだろう?
ネットで調べると、そもそも内部文字エンコーディングにシフトJIS使っちゃダーメでしょーが!って書いてあるところもあったのですが、社内事情で、なぜかイントラサーバーはPHPがシフトJISで動くようにされちゃっており・・・orz
しかも.htaccessを受け付けないという・・・

誰か解決策知ってたら、教えてくらはい。

2008年06月21日

【勉強】データベースからむと難しい

仕事帰りに、スクールに寄ってきました。

土曜日の夜は、すごく空いてるので、インストラクターにじっくり習うことができて、いい感じです。

今回も、かなり悩みました。
今、ログイン画面の仕組みと、その後のMySQLから必要なデータを引き出す課題をやっているんですけど、どうしてもわからない。。

途中、インストラクターさんが、ひとつヒントをくれました。
とたんに、なし崩しでスラスラ〜っとできました。
おぉ、やっぱり教えてくれる人がいるといいなぁ。

次回からはいよいよ最終課題「ショッピングカート」に挑戦します。
できるかなぁ。

がんばろ。


本日、我が家に大事件がおきました。
まだ、ちょっと詳細がかけないので、後日お知らせしようかと思います。

2008年06月09日

【PHP】PHPが楽しくて仕方がない

今日は授業がない日だったので、ひたすらPHPを書いてました。

なんだかだんだん形が作れるようになってきたので、今が一番おもしろいところかも。
まだMySQLとの連携は習っていないのですが、TXTファイルなどの外部ファイルにデータをためていく方法は習ったので、まずはそれで会社のイントラに載せようと思っている社内申込みシステムを作ってみました。

はじめのうちは、結構サクサクとできていて、「おぉ」と思っていましたが、最後のほうになってくると、だんだん整合性が取れなくなってくる。
Accessのときもそうですけど、データベース作るときにしっかり設計しておかないとこういう目にあうわけですよ。。

まだ申込みのシステムを作るには関数を知らなさ過ぎる気がしますねぇ。

明日は、休みなので、ほぼ一日スクールに入り浸ろうと思います。
うへへ。楽しみだ!

2008年05月20日

【勉強】PHP開始

会社を少し早めに出させてもらって、船橋のスクールへ向いました。

ちょっと予約の時間よりも早めについたので、ヨーカドーのフードコートで、夕食を食べながら、前回の復習。
となりの席の高校生と並んで、ノート広げて、カリカリ勉強しましたよ。
ほんと、続けないと、どんどん忘れちゃう。

自分のサイト作成にも生かしたいんだけどなぁ。
そうすれば、使い続けられるから、忘れないだろうし。

最終目標は、このサイトに関しては、HTMLの更新は、ぜーんぶブラウザからできるCMS的な感じにしたいなぁ。。。

そうすれば、プラモのページとかももうちょっと充実しそうだし。

2008年05月17日

【勉強】JavaScript

今日は、仕事を終えて、まっすぐ船橋へ。

いよいよスクール通い初日です。
今日は仕事帰りということもあり、2時間だけです。

スクールについて、テキストをもらいました。
土曜の夜は空いていると聞いていましたが、本当に空いてました。
貸切状態。

説明を受けて、実際にタイピングしていきます。
PHPに入る前に、まずはプログラミングの基本を覚えよう、ということで、今日はJavaScriptのテキストを使って、if文やらfor文、メソッドやプロパティの学習をしました。

2時間という時間はあっという間に過ぎてしまいました。
忘れないうちに、まとめておかなくちゃなぁ。

2008年05月14日

【仕事】いろんなことがまわりはじめた

※今日の日記は、専門用語たくさん出てきます。
わからない人には、激しくつまらないものになりますが、自分の備忘録および、世の中の人で、同じトラブルに遭遇した人がいるかもしれないので、情報共有ということで。。。

忙しい時に限って、次々と仕事がつみかさなるわけで・・・

金曜日の朝一にある会議までに、会社のサイト内にあるPHPのフォームと、それに読み込まれているモジュールパーツ合わせて十数ページの修正をしないといけなくて、それにつきっきりになっていたんですが・・・

うちの部署、数ヶ月前にサーバーを会社本体から独立させて、ドメインも取得したんです。

そのため、今一時的にSEOが落ち込んでいるわけですが、これが幹部の逆鱗にふれたらしく、未だに検索エンジンで引っかかってしまう旧アドレスにアクセスすると、404エラーが出ることを指摘されまくったらしいです。

まぁ、もっともなご意見だね、ってことでやりましたよ。.htaccessの設置。

システム部に依頼するんですけど、いろいろ春の異動がありまして、うちの部署を担当してるのが去年の新人Yくん。
まだサーバー設定になれてないので、こちらで.htaccessをつらつらと書いて(新旧でディレクトリ・ファイル構造が違うので面倒)、それを渡しつつ、まずは僕が管理している部署内にあるサーバーに試しに設置しながらY君に説明することに。

今まで自分のサーバーでは.htaccessは許可してなかったなぁ、ってことで、apacheのhttpd.confを開いてみる。

えーと、AllowOverrideをさがす。

あった。
「AllowOverride None」
になってます。

これだと、.htaccessは全く使えないので、
「AllowOverride All」
に変更。

さて、これだけでOKかな?と思ったものの、念のため、もうちょい探してみるとAllowOverrideの設定は、ここ以外にも2ヶ所、合計で3ヶ所ありました。

前後のコードの雰囲気から、htmlディレクトリに対するもの、cgiディレクトリに対するもの、ルートに対するものっぽいです。
今回はHTMLだけでいいはずなので、HTMLのところをAllに変更。


ここで、ハッと気づいちゃったんです。

続きを読む "【仕事】いろんなことがまわりはじめた" »

2008年05月08日

【日記】スクールに通います

今日、社長から晴れて許可が下りてきました。

先月末に、体験に行って来たPHPスクール。
会社からお金出してもらえることになりました。
いやぁ、よかったよかった。

今度、申し込みに行って来ます。

今週と来週は、また終電生活ですが、その後は、平和になりそうかなぁ。
がんばります。

2008年02月20日

【DW】Adobeのイベントに行ってきました

やってきました!品川今日は遅番だったので、少し遅めに家を出ました。

ただ、今日は会社ではなく、品川へ直行。

今日はAdobeのイベントである「DreamweaverCS3 10周年記念イベント -夢を紡ぐ者たちへ-」が開催されました。
なんとか、入場権を得ることができたので、それを見るためです。

会場に到着〜残念なんことに、夜は授業が入っているため、最後まで聞くことはできなさそうです。
それでも、ギリギリまで、見て、聞いて、あわよくば今日から、覚えたテクニックを使いたい!!

ってなわけでやってきました品川。

天王洲アイルに通っていた頃には、ほんとーに時々通っていたソニービルのある一角。
そのビルのひとつでイベントは行われました。

大きなスクリーンに映し出された「夢を紡ぐものたちへ」という副題がかっこいいですねまずは、基調講演「Dreamweaver 誕生秘話、歴史、現在」です。
そのタイトルの通り、Dreamweaverの今までを紐解いて行く内容でしたが、懐かしいパッケージの写真とともに、そのバージョンがリリースされた年に起こった時事なども紹介していましたよ。

本日のイベントのメインは、10人の勇士によるDreamweaverTipsの大喜利。
途中休憩を挟みながら、以下のメンバーが10分で強制終了させられてしまう、という過酷な環境の中、がんばって、いろんなTipsを披露してくれました。

鷹野 雅弘 さん
神森 勉 さん
伊原 力也 さん
植木 真 さん
酒井 克幸 さん

たにぐちまこと さん
金像 瑞穂 さん
藤川 真一 さん
近藤 将範 さん
林 岳里 さん

基調講演の様子内容に関しては、他の方が、すでにめちゃくちゃ熱いレポートを書いていますので、そちらにおまかせするとして、感想だけ。

css niteでおなじみのメンバーがかなり登場しているので、落ち着いてみることができました。
安心して聴けるスピーカーの人たちばかりです。

ロビーに飾られた歴代のDWたち中でも、特に講師として尊敬している「たにぐちまこと」さんの話は、やはりよかったです。
なんていうのかなぁ、自分にはない「ゆったりとした時間」の空間を作り出せる人なんですよね。
画面ではけっこうすごいことやっていて、ペースも決して遅くないんですけど、聞き手がゆったりとした印象を受けるんです。
話し方の間の取り方や、声のトーン、それから話をなるべくゆっくり、はっきりとされているためだと思うんですけど、いまだに「早口だ」と指摘を受けている身なので、目標としたい人です。
がんばろ。

鷹野さんのセッションで紹介されたAjaxとMT4連携鷹野さん、神森さんも、さすがに慣れていらっしゃって、10分でばっちり伝えたい部分を伝えていました。
実際、すごいことですよ。10分で、1つのプレゼンテーションを終わらせるって。


そんな、楽しい時間もあっという間に過ぎてしまい、夕方からは授業が入っていたので、残念でしたが、最後のCS4の先行紹介は見ることができませんでした。
CS4かぁ、見たかったなぁ。。。

無料のイベントなのに、本当に濃い内容でした。
ぜひぜひまたこういったイベントをしてもらいたいなぁ、と思います。

2008年01月17日

【イベント】css nite vol.21

Victorinox銀座授業が終わってから、まっすぐ銀座へ。
今日は、久しぶりのcss niteです。
テーマ「卒業式」が昨年の3月だったわけですから、およそ1年ぶりくらいになります。
今月から3ヶ月連続で、css niteが一時的に復活するみたいです。
通えるかな?

さて、少しだけ早くついたので、気になっていたVictorinoxのお店にちょっと寄ってみました。
場所が、Appleストアのすぐ裏なので、すぐに見つけることができました。
キレイな店内は、品揃えがやっぱり良くて、運良くお客さんの切れ目だったみたいで、ゆっくり店内を見ることができました。
女性の店員さんと少し話をしましたが、すごく感じが良くて、楽しい時間をすごすことが出来ました。
すぐに時間になってしまったので、今日は買い物はしなかったのですが、また後日、ゆっくりと来ます、と店を後にしました。

アップルストアで、ちょっと期待したのが、「Macbook Air」が触れるかも!?
という期待。
でも、残念ながら、展示していませんでした。。。orz

さて、イベントには一番乗り。
最前列で見ることができました。

今回は2部構成になっており、テーマは、「携帯サイト」についてです。
これは、興味深々なテーマです。

宮永邦彦さん第一部は、アイデアマンズ株式会社の宮永邦彦さんによる「携帯サイトのコーディング事情〜基本編」 。
携帯でのWeb閲覧状況のデータから、実際のコーディング事情まで、背景からテクニック、ととても嬉しい構成で話を聞くことができました。
この方、とっても話し方が上手です。見習わないと。。。
要点を抑える必要はありますが、思っていたよりは、できそうな感じがするので、どこかで携帯サイトは試しに作ってみようかな、と思います。

プライベートでPCサイトをmedia属性で分けて、携帯にはテキストベースで表示できるようにしていたりはするんですけどね。。。もうちょっとグラフィカルにしてみたいです。

空飛ぶ株式会社第二部は、「携帯用サービスにおける実装とデザインの現実」というテーマで、空飛ぶ株式会社の原さん、寺田さん、尾花さんがプレゼンしてくれました。
メンバーそれぞれが話をしてくれて、「業界事情」「システム・プログラミング」「開発実情」を聞くことができました。こちらもいろんな面から多彩に話が聞けたので、面白かったです。

やっぱり、このイベントはおもしろいですし、ためになる。
またマンスリーでやってくれないかなぁ。。
今の会社に通う限りは、ずっと行けそうなんだけどなぁ。。。


2007年12月07日

【Web制作】モビコラのオフィシャルサイト

今月末に開催されるコミケにて、mixiで発足した「モビコラ」コミュの有志がモビコラ専門誌を販売します。

その専門誌に、僕の作品も掲載させてもらうことになっているのですが、運営メンバーが少人数で大変そうなので、「何か手伝いますよ〜」とコメントしておいたら、なんと、専門誌の発売に合わせて公開されるオフィシャルサイトのデザインを引き受けることになりました・・・

えぇ!!?
この時期で!?
あと3週間くらい!?

だ、大丈夫か・・・

でも、まぁ、せっかくなので、フルCSSで、ついでにAjax使いまくって、派手なサイトにしてみようかと思っています。

完成したら、ここからもリンクしますので、見てやってください。

寝る時間できるのか・・・?

2007年09月01日

【勉強】Web講習と武者頑駄無

今日は、仕事でしたが、会社の上司が体調を気遣ってくれて、午前中だけで帰れることになりました。
昨日のうちに、来週の外部講習のデータは、ほとんどできているので、今日は昼であがりました。

まっすぐ帰ればいいものを、以前から気になっていたWeb講習会を受講することに。。。
場所は八丁堀。
午前中の授業が押してしまったため、やや遅れての到着。
すでに講習は始まっています。

エレベーターで一緒になった女性と一緒にそーっと会場に入り、途中から参加。

セミナー形式で、3本立て。
「class名とid名」「Webディレクション」「プリントCSS」の3つのテーマでした。
どれも面白かったですねぇ。
1500円という破格プライスだったのに、この内容はなかなか。

終わったあとの懇親会も少しだけ参加。
何人かと名刺を交換しました。

先週の僕の授業に出てくれた生徒さんも参加しており、いろいろ話ができました。
こういうところにもうちょっと積極的に参加しないといけないとはわかってるんですけどねぇ。。。人見知りで、参加にはパワーがかなりいるので、今後もちょくちょくのペースで参加したいと思います。

茅場町のほっかほか亭はマックみたい5時頃には、会場を後にして、以前勤めていたなつかしの八丁堀の町をゆっくりと歩きながら帰りました。
そういえば、僕が勤めていたころにはなかったのですが、茅場町のほっかほか亭はおしゃれですよねぇ。。関係ないですけど。

えらい早く帰宅ができたので、相方が作ってくれたお麩のステーキを食べて、プレミアムビール!おいしかったぁ。
できれば、以前「今の激務を乗り切ったら、飲もう」と思って買っておいた高級白ワインは、いまだ抜栓できず。
今月末か来月には抜きたいなぁ。いや、まじで。

食事をして終わっても、まだ9時前!おぉ、奇跡のようだ。

武者頑駄無。イマイチ立体感が足りないどうしよう、と思った結果、プラモを作るには元気がなさすぎるので、キャラホビで取ってきた武者頑駄無のフィギュアを開封。
おぉ、かっちょいい。
サイズは、ちょうどHCMProと同じくらいに感じるので、1/200くらいなのかな?
この小ささで、よく動くこと動くこと。
こりゃ、MIAには匹敵するんじゃないですかねぇ。

スミ入れしたらいい感じに!んで、眺めていると、イマイチ立体感が足りない感じ。。。
う〜ん、と悩んで、行ったのが、スミ入れ。
上半身はガンダムマーカーでちまちまと。
んで、腰まわりは、面倒になったので、エナメル塗料流し込みでぶわーっと!
結局腰周りは、あまりキレイに入らなかったので、後日入れなおします。
んでも、スミ入れたら、とたんに立体感が増していい感じになりましたよ。
フィギュアでもひと手間入れてあげれば、いい感じになるんですよねぇ。

2007年08月07日

【Web】Dreamweaverの神様

Dreamweaverの神様といえば、僕の中では神森勉大先生です。
このブログでも、何回か神森さんのことを書いています。

http://www.t-hoso.net/cgi/mt/2006/07/15/he_day_of_web_standards_web.html
http://www.t-hoso.net/cgi/mt/2006/07/20/css_nite_vol10.html
http://www.t-hoso.net/cgi/mt/2006/12/08/post_261.html
http://www.t-hoso.net/cgi/mt/2007/02/15/css_nite_vol17.html
http://www.t-hoso.net/cgi/mt/2007/05/12/css_nite_lp3.html

また、神森さんの著書、および監修本も愛読しています。

雑誌の連載も毎月楽しみにしていたりしました。

そんな神森さんが、僕と同じ幼稚園、同じ小学校、同じ中学校に通っていた先輩だと知ったのが今日です。
友人とみさんから、母校のコミュたってるよ、と聞いて、のぞいてみたら、参加者が60人程度。
ふぅん、誰か同級生いないかなぁ、と見ていたら、な、な、なんとそこに神森さんのお顔が!

失礼とは思いながらも、思わぬ親近感を覚えてしまい、メッセージを投げちゃいました。

すっごいなぁ、mixi。


追記:その後、神森さんからあたたかい返信をいただきました。おまけにマイミク認証していただきました。ありがとうございます!
もう、めちゃくちゃ興奮しましたよ。

神森さんの日記を見て、タイトルにタグつけると、見やすいなぁ、と思いマネさせていただきました。
過去の分もちょくちょく直してみようかな。

2007年07月16日

Web標準の日々 2日目

今日は快晴!昨日に引き続き、秋葉原で「Web標準の日々」に参加してきました〜
台風一過の晴天です。きもちいい!

大賑わいの秋葉原さすがに天気のいい秋葉原は、人がいっぱいですね。
遊びたい気持ちをぐっと抑えて会場へ。

石川雅康さん今日の1つ目は、ダイビル。
「混ぜるな危険?複合文書から見たXHTML+CSSとスキーマ活用」
というテーマで、石川雅康さんのお話がありました。
元W3Cの方です。

守秘義務ギリギリの話ってことだったので、内容はあまり書けませんが、時々、面白いことを言ってウケると、ちょこっとだけニヤリとする顔が印象的でした。
W3Cの中のことをちょこっと知ることができました。

お昼は、てんやに行って、野菜天丼。
あぁ、おいしぃ。
野菜天丼考えた人、ほんっとえらいと思いますよ。

海津(カイヅ)ヨシノリさんお昼の後は、会場をダイドービルに移し、「Webクリエーターのための画像処理テクニック」を見てきました。
スピーカーは海津(カイヅ)ヨシノリさん。
今回、僕が参加するグラフィックソフトのセミナーはこれだけです。

もう、驚きと感動の連続でした。
トーンカーブ使わずにここまでできちゃうんだぁ・・・と。
Photoshopのフォの字もわかってなかったな、と。
これは、今晩からでも早速使ってみたいテクニックたちでした。
この人のセミナー、他にもいろいろ見てみたいなぁ。
今度からチェックしておこうと思います。

益子貴寛さんお次は再びダイビルに移り、「一緒につくろう!XHTML+CSSガイドライン」を聞いてきました。
スピーカーは、ご存知 益子貴寛さん。
カニの貴公子です。

さすが大人気でして、2教室ぶち抜いて、急遽大型会場が用意されました。

内容は、ガイドラインの実際の作成方法。
たしかに今まで、ガイドラインは作ったほうがいいですよ、という内容のセミナーには参加してきましたが、実際に「こう作る」という説明を細かくしてくれるのがなかったんですよね。
確かにクライアントによってケースバイケースだから、といわれればそれまでなんですけど、今回のように汎用性のある方法を教えてもらえただけでも大収穫だと思います。

早速自分でも作成してみようかと思います。

羽田野太巳さん快晴だった秋葉原も、だんだん天気が怪しくなってきました。
最後のセッションは、UDXビルにて行われた
「DOMからはじめるJavaScriptモダンスクリプティングの基礎」
に参加してきました。
スピーカーは 羽田野太巳さん。

昨日の、中村享介さん、たにぐちまことさんの後でしたので、だいぶ充実した内容が聞けたなぁ、と思います。
DOMとは何?というところからはじまり、実際のコーディング例を交えながらJavaScriptの書き方のトレンドを教えてもらうことができました。
ちょこーっと難しかったかなぁ、というのが正直な感想ですが、こういうところで聞いた内容は、いつか必要なときが来たら、きっと「あぁ、あの時に聞いたことがある」と引き出しをあけることができると思うので、収穫です・・・


こうして、2日間にわたって行われたイベント「Web標準の日々」は終わりました。
申し込みや予約で、ちょこっとトラブルもあったようですが、僕としては大満足です。
またやってほしいなぁ、と思いますけど、これほど大規模である必要もないんじゃないかなぁ?というのも正直なところです。

昨年のWeb標準の日くらいな感じが好きです。

2007年07月15日

Web標準の日々 1日目

台風が近づく秋葉原今日は、昨年も行われた「Web標準の日」のイベントです。
今年は2日間にわたって行われることから「Web標準の日々」となっております。

空模様はあいにくの「台風」。
雨ざーざー、風びゅーびゅーですよ。

傘をさしていってまいりました。
今回のイベントは秋葉原で行われます。

土曜日の秋葉原ですが、さすがに台風では、人通りもイマイチです。
それでもじゅうぶん人ごみですけどね。

受付は「ダイビル」。
そう、秋葉原駅前のあのでっかいビルですよ!
いつかは働いてみたいビルのあのビルですよ!

中はさすがインテリジェンスビル。かっこいいっすなぁ。
天王洲アイルに勤めていた頃をちょこっとだけ思い出しました。

受付時間ちょうどくらいに到着したんですが、ものすごい人。
さすが、動因目標1500人とうたっているだけあって、すんごいです。

今まで、CSSNite系のイベントでは常に先頭に並んでいたのが自慢だったんですが、今回は、ダメでした。
行列の最後尾について受付を済ませると、会場を確認しました。

今回は、3つのビルにわたってイベントが開催されます。
同時進行で複数のセミナーが行われ、あらかじめ自分がネットで登録しておいたセッションの会場にいく必要があります。

まずはじめのセッションは、ダイドービルでした。
歩いて5,6分ほどの位置。

雨の中、歩きました。
しかしながら、しっかり夏なので、ビルに到着するころには汗がダクダク。
ふぇええ・・けっこうしんどい。

セッション登録をしていると優先的に教室に入れるので、一番前の席につくことができました。

中村亨介さん12時スタート。
はじめのセッションは、「マークアップエンジニアのためのDOM Scripting + jQuery」、スピーカーは中村享介さんです。

今年の目標として「JavaScriptを覚える」というのがあるので、このセッションが楽しみだったんですよ。
そして、すばらしいことに、このセッション。
本のプレゼントが2冊あったんですね。
WebクリエイティブのためのDOM Scriptingはじめの1冊がWebクリエイティブのためのDOM Scripting
前回のイベントで購入して、しっかりサインをもらった本です。
これはすでに持っているのでじゃんけんは辞退。
でも、このときに中村享介さんの出すじゃんけんの順番を覚えていたのは言うまでもありません。

次に出されたのがDOM Scripting標準ガイドブック
中村享介さんが監修している本です。
おぉ、これは欲しいぞ!
ってことでじゃんけんに参加。
1回目のじゃんけんのクセを覚えていたので、勝ちました〜
見事に本をゲット!
ほんと、css nite系のイベントで本をいただく機会は多いです。
今までに5冊くらいもらっているのかな?

いやぁ、本当にほしい本がもらえるってうれしいですよねぇ。

セミナーの内容も、もちろん、おもしろく、とてもタメになりました。
ちょっとコード部分は難しかったですが、それでも「こんなことができるんだ」と認識できたのは大きかったと思います。
数日前に受講してきたActionScriptの知識がしっかり役に立ったのもうれしかったです。
最後の数十分で、近くに座っている人たちと、グループワークで、「JavaScriptでこんなことができたらいいな」というテーマで話し合いました。
これは刺激になりました。
あんまり初対面で話せないタイプなんですけど、みんなが共通意識を持っているので、話題には困らないんですよね。
みんな、同じようなこと、考えてるんだぁ、なんて妙に親近感を持ってみたり。。

そんなこんなで大盛り上がりのうちに、第1セッションが終了しました。


ここで1時間の休憩。
吉野家で、牛丼をかきこみました。

神崎正英さんそして場所をUDXビルに移動。
14時半スタートは「名前のウェブとXHTML文書のプロファイル」。スピーカーは神崎正英さん。この業界ではすんごい人ですよね。

Webってのは、とにかく名前が大切で、いろんな部分で名前がからんでいるんだよ〜、というお話でしたが、全体的にお話が崇高すぎて、ちょっと難しかったです。
おそらく、表面の皮一枚分も理解できてませんが、それでもじゅうぶん刺激になりました。
こういう話にうんうんとうなづけるようになるには、どれくらいの時間が必要なのか・・・

伊藤学さんその後のセッションは、場所をダイビルに移し、「これから始めるCSSレイアウト術」というセッションに参加しました。スピーカーは 伊藤 学さん、通称ガクさん、です。
XHTMLやCSSの基本を抑える内容でしたが、divを「輪ゴム」と表現していたのには「なるほど〜」と思いました。

Dreamweaverプロフェッショナル・スタイルの序章を再確認する感じで、途中途中のワークショップも交えた内容が、とても有意義な時間でした。


たにぐちまことさん今日の最後は、1番目に行ったダイドービルに場所を戻して「デザイナーのためのJavaScript入門未満」を受講しました。
スピーカーは、たにぐちまことさん。

今回の2日間にわたってのセッション中でもっとも楽しみにしていたセッションです。

正直、ものすごいな、と思いました。
とにかくわかりやすい。
この人にしっかりスクリプトを教えてもらえたら、めちゃくちゃいいプログラマーに慣れそうな気がします。
現在、僕がインストラクターとして目指す人はこの人です。
どんなにトラブルがあっても、とにかくゆっくりとした雰囲気で話すので、聞き手が心地よく内容を理解できるんです。
後から録音したのを聞きなおすと、それほどゆっくり話しているわけではないのですが、そういう風に聞こえる何かがある。。。
あんな風に授業ができたらなぁ。。

変数=ショートカット。という表現がしっくりきて理解しやすかったです。


内容たっぷりなセッションが終了したのが夜8時。
ふぅ。疲れたぁ。。。

移動で汗をかく&雨に濡れる、そして部屋のクーラーがガンガンきいているので、体が芯から冷えてしまう。
その繰り返しのためか、夕方から頭が割れるように痛かったので、明日に備えて、今日はまっすぐ帰ることにしました。

駅まで相方が迎えに来てくれていたので、車で帰宅。

雨続きで乾かない洗濯物をコインランドリーに行って乾かして帰宅。
そのまま頭痛薬を飲んで眠りました。
明日はよくなるといいなぁ。。

2007年05月31日

xhtml + css (r)evolution 3rd

左から植木さん、益子さん、中村享介さん今日は、授業を終えて、まっすぐ銀座へ。
そう、今日は例によってcss関係のイベントです。

今日はcss niteではなく、益子さんが主催するXHTML+CSS (r)evolution 3rdです。

今後どうなるか、動向が気になるHTML5の動きをウォッチする内容でした。
益子さんのトークも相変わらずわかりやすく、へぇと思う内容だったことは言うまでもないのですが、なんといっても注目だったのは、インフォアクシアの植木さんと中村享介さんとのパネルディスカッションが注目でした。
特に植木さんの「アクセシビリティ的には、HTML5だろうと、XHTMLだろうとどちらでもいいですが、例えばスクリーンリーダーで「6/2」を「2分の6」と読んでしまう問題を、その辺の新規タグで解決できるようになってほしい」的な内容が印象的でした。
たしかになんてタグか何かでマークアップしてある部分に関しては分数読みではなく、日付読みができるようになるといいんじゃないかな?というのはすぐにわかることですしねぇ。。

とてもタメになるイベントでした。

2007年05月14日

今度こそJavaScript

WebクリエイティブのためのDOM ScriptingWeb講師のくせに、スクリプト系が苦手。
JavaScriptも、Webに携わってから、ずいぶん経つのに、いまだに自分がやりたいことをスクリプトに起こして書くことができない。
せいぜい、既存のスクリプトに手を入れて改造して使うだけ。
こんなんじゃいけないなぁ、と常々考えるも、何冊本を読もうが、ネットで有用と言われているサイトを見ようが、理解できないのだから、手に負えない。。。

そんな中、救世主的な本を手に入れました。

WebクリエイティブのためのDOM Scripting

先日参加したcss nite LP3の会場でプレゼントになっているのを見て、「あ、こんな本が出てたんだぁ」と。
プレゼントには当たりませんでしたが、会場には書籍販売も来ていたので、行ってみるとあと1冊。
ギリギリで最後の1冊を購入。
その場で著者の中村享介さんにサインをしていただきました。

この本、すっごくわかりやすい!
今のところ、第1章までしか読めてないですが、HTMLとかcssのコーディングをする人を対象にしているので、そういった意味でわかりやすいのかもしれません。

やっと、やっと、自分で自由自在にスクリプトが書けるようになるのか!?
がんばってみよう!と思わせる1冊でした。
激しくオススメです。

2007年05月12日

css nite LP3

長谷川恭久さん
神森さん
河内さん
小久保さん
益子さん
太田さん
森田雄さん
鷹野さん
机の状況
今日は、css niteの特別編「css nite LP3 Corder's High」でした。 一言で言うと「すんごかった!」 今までのcss niteももちろん全てよかったんですけど、今回のは抜きん出ていた感じがします。 自分には合っていた、という言い方もできるかもしれませんが・・・

場所は神田。
神田祭がある日と同じで、セミナー中に太鼓の音が聞こえてきたのが印象的でした。

会場には巨大スクリーンが2つ。
片方には長谷川恭久さんが作成したtwitterのスクリーンが映し出され、もう片方にはスピーカーの画面が映し出される仕組みになっていました。

オープニングの後は、益子さんによる「ザ・コーディングの美学」という30分ほどの講演。
コードをいかに美しく書くか?といった内容をお話されていました。
自分のコードを直してみよう、と思わされる内容で、すぐに自分のコーディングに生かせる内容でした。

続いて小久保浩太郎さんによる「フィロソフィー・オブ・コーディング」。
ちょっと難しかったですが、「なるほど、そういう考え方もあるんだ」と思わせる内容でした。
うまく要約できない自分のボキャブラリーががっかりです。

休憩をはさんだ後は、鷹野さんによる「Dreamweaverのコーディング機能再点検」でした。
これは、Dreamweaverを使用している自分にはダイレクトに必要な機能の詰め合わせ。
すでに使っている機能から、「え?それってできたんだ!」って思えるものからてんこ盛りでした。
これは、自分の作業および、授業にも取り入れようと思いましたよ。

そして、その後は、待ちに待ったLiveコーディングです。
トップバッターは、神森勉さん。Dreamweaver使いにこの人あり、のお方です。

神森さんのすごいところは、Dreamweaverのデザインビューでほとんどのことをこなしてしまうところ。
ほとんどコードビューにしません。
Dreamweaverには「使うと危険(廃止されるHTMLのタグを使ったり、変なクラスを作っちゃう)」なメニューやボタンがありますが、その辺を熟知している神森さんだからこそできることなんでしょう。

ちなみに、もうひとつすごいなぁと思ったのは、普通、Dreamweaverで制作していると、Dreamweaverの画面ではガタガタに崩れちゃって、でも、ブラウザで見ると、ちゃんと見えている、って人多いと思うんですが、神森さんの画面は崩れないんですよね。
今まで、Dreamweaverのレンダリング能力のせいにしていましたが、一概にそうも言えなさそうです。
すごいなぁ。

ただ、時間が足りずに、見たかった肝心の部分が大幅に削られてしまったのが残念でした。

休憩後は、長谷川恭久さんによる「microformatsで上質コーディング」という講演でした。
以前もmicroformatsの講演は聴いていましたが、イマイチ敷居が高く感じていたことも否めなくて、「まだ必要ないんじゃ?」って思っていましたが、今日見てみて、「なるほど、これくらいの部分なら自分でも導入できるかな」って思えるとってもわかりやすく、microformatsを伝えてくれる講演でした。
この人の話し方には、人をひきつけるものがありますよね。自分も見習いたい部分です。

続いては、太田良典さんによる「プロはこう使う!Another HTML-lint徹底活用術」という講演。
自分の作ったコードのチェックをするのに欠かせないHTML-lintですが、あまり何も考えずに使っているのも事実。
そんなHTML-lintをわかりやすく解説してくださいました。
太田さん、アクティブな長谷川さんとは対極な物静かな印象の方なのですが、これまた面白い。
その外観からは想像できない(失礼)ユーモアを持っている方です。

太田さんの講演でもうひとつ参考になったのが、スライドのタイトルスライドの書き方。
通常、自分でスライドを作るときには、タイトルスライドのタイトルを中央やや上に持ってきてしまう傾向があるのですが、太田さんは、真っ白いスライド左下にタイトルを持ってくる。
余白で見せるデザインですが、なんてゆーか、エヴァンゲリオン的なかっこよさというか、そんな感じです。嫌味がなくてクールなデザイン。
次のスライドを作る機会に、マネしようと思います。

休憩を挟んだ後は、Liveコーディング第二弾です。
河内正紀さんによるLiveコーディング。
下に撮影したコーディングの模様をちょこっとだけ動画で載せてみました。
もう両脇をビジネス・アーキテクツの太田さんと小久保さんに挟まれてのコーディング。
きっと気が気じゃなかったはずです。
目の前では、自分のコーディングしている様子を350人が見守っているわけですし。。
そんなプレッシャーの中で、ひたすらコーディングを進めていく河内さん、さすがです。
河内さんは、Dreamweaverのコードビューを中心で進めていました。
無駄のない流れるようなコーディングは、見ていて惚れ惚れするものでしたよ。

そんで、めちゃくちゃすごい人たちのコーディング、講演を見て、軽くへこんだ自分がいます。
もっともっと勉強しないとなぁ、ってか、今持っているサイトを全部リニューアルしてみよう。
それで、きっとスキルが伸びるはず。。。

残業しまくり期間も抜けつつある今ならきっとできるでしょう。
なんとかしないと、置いてかれちゃうよ、Web業界に。。。


続きを読む "css nite LP3" »

2007年05月01日

CSSのコーディングコンテスト

GW連休合間の出勤です。
これほどやる気の出ない日もないですね。

会社では、授業の素材をいろいろいじっていました。
残業はほとんどせずに帰宅。

帰りがけに、相方と待ち合わせ、1つ前の駅で降りて、歩きました。
結構距離がある上に、かなりぐにゃぐにゃ曲がらないと帰れない道なので、1時間近くのウォーキングになりました。

帰宅後、夕食を済ませた後は、寝るまでコーディングやってました。
12日に、css niteの有料版「css nite LP3 Corder's High」が実施され、それとの連動規格で、「コーディングコンテスト」が実施されているんです。
コンテストへの応募なんてのは全然自身がないので、審査対象外となる二次締め切りに合わせて出してみようかと思っています。
すでにPhotoshopで作ってあるデザインモックアップから、必要な素材を切り出し、それを使ってコーディングを行っていくわけです。

んで、その上で、12日には、同じ素材でWeb業界のすんごい人がコーディングしているのを見られる、というわけです。
自分でやっておけば、自分との違いがわかってタメになりそうです。

いつもは、コーディングしながら、必要に応じて素材を作っているので、かなり勝手がわからず、ペースがめちゃくちゃ遅いですが、なんとか間に合わせてみようかと思います。

2007年04月13日

Gavi di Gavi La Contessa 2005 & css nite

仕事を早めに切り上げ、銀座へ。
今日はcss nite番外編です。
CSSの内容とは違うんですが、keynoteを中心とした、プレゼンのノウハウを紹介してくれる内容でした。
出張講習をすることもあるし、今の授業スタイルをなんとかセミナースタイルに出来ないか、と考えているのでとても役立つ内容でした。
keynoteのテクニックも、そのままPowerPointで生かせそうなものばかりだったので、忘れないうちにやってみようと思います。

鯛のカルパッチョ
お肉たっぷりな煮込み
アップルストアを出てから、有楽町まで歩いて、相方と合流しました。

ずっと前から相方にオススメのイタリアンがあるよ、と言われてたのですが、なかなか忙しくて行けなかったので、今日はチャンス!って事で行く事にしました。

鯛のカルパッチョからスタートし、ピザと肉の煮込みを頼みました。

あつあつのピザ料理のフェイバリットはピザです。
ヤバいくらい美味しかった。
今度もこれ食べよう。

Gaviさて、そんなイタリアンな食事のお供は、こいつ。
Gavi di Gavi La Contessa 2005です。
Gaviらしい軽やかさにピリッと舌にくる辛さ、青りんご系のさわやかな香りがナイスです。

評価★★★★☆(カルパッチョとの相性バツグン)
原産国:イタリア
価格: 4000円
購入:スコルピオーネ・スタチオーネ(有楽町)


2007年03月15日

css nite vol.18

さて、第三木曜日です。

月イチの楽しみ「css nite」に行ってきました。
このイベントも vol.18。
第1回目から皆勤で通いました。当時の自分からは創造も出来ないほどスキルアップしたと思います。

今回のテーマは「卒業式」。
ずーっとマンスリーで続いてきたこのイベントも、ここで一度一区切りになります。
今後は有料版も含めて、不定期開催になるようです。
それでも通いますよ!

さて、今日はMicrosoftの開発者の人を呼んで、鷹野さんによるMicrosoft IE7対策がテーマでした。
これはよかったですよ!
Microsoftさんの直の声が聞けたわけですから。

何よりも朗報だったのが、XP上のIE7とVistaでプレインストのIE7のレンダリングエンジンは同じものであるということ。
授業でも提供できそうな情報です。

大変タメになりました。

金色のUFO帰宅後は、小腹が空いてしまったので、金色のUFOを食べました。
昨日に引き続き、日清の金色シリーズです。

こちらは、普通においしかったです。
にんにくの香りがついているらしいのですが、よくわかりませんでした。
普通のUFOとの違いがよくわからないまま、おいしくいただきました。

2007年02月15日

css nite vol.17

さてさて、本日も毎月楽しみにしているCSS Niteの日でした。
今日のテーマは神森勉さんによる「ディレクションワークとしての Dreamweaver活用方法」のお話でした。
Dreamweaverマスターとしての神森さんが、いかに案件の中でDreamweaverを組み込んできたのかの実例がいくつも紹介されました。
なるほど〜、と関心しつつ、これを制作の環境で実際に生かしていけるデザイナーの人たちをうらやましく思いました。
スクールインストラクターとして、実際に授業で話をすることはあっても、制作をするわけではないので、ちょっとうらやましいです。
個人サイトじゃ、そこまでのフローを組むほどにはならないですしね、テーマはガンプラだし。

鷹野さんのお話もかなり気になるテーマ「いまどきのドロップダウンメニュー」でした。
JavaScriptの定番でもあるドロップダウンメニュー(プルダウンメニュー)。
僕も過去に作ったサイトで使用しましたが、イマイチインターフェイスとしては使いづらい印象なのと、コードがぐちゃぐちゃになるので、その後はぱったりと使っていません。
授業でも、生徒さんに聞かれたときだけ、Dreamweaver内にある作成機能を紹介する程度です。

ただ、今回紹介されていた内容では、CSSで実現できるプルダウンがあり、かなり強烈に興味をひかれました。
これは、ちょっとどこかで試してみようかと思います。

マンスリーイベントとして毎月、やってきたこのイベントも来月の「卒業式」をもってマンスリーではなくなります。
不定期でも開催してくれるそうなので、ひとまず安心ですけれど、仕事のスケジュール調整がちょっと大変になるかもしれません。

2007年02月01日

XHTML+CSS (r)evolution vol.2

授業です。
マンツーマンでHTMLの授業でした、そろそろレガシーな内容のこの授業もお蔵入りとなります。

授業を終えると、そのまま会社を出て銀座へ向かいました。
今日はアップルストアで「XHTML+CSS (r)evolution」のvol.2が開催されたのです。

いつも通り、一番乗りで並んで、待っている間に土日で使うテキストのチェックを行いました。
なかなかストーリーが浮かんでこない。
明日は休みなんですけど、家で仕事しなくちゃダメそうです。

やってきましたXHTML+CSS revolutionそうこうしているうちに開場。

内容は、「CSS3のカタチとナカミ」です。
実用段階に至るには、もう少し時間がかかりそうですが、先取りで、CSS3のプロパティなんかを確認しておこうという趣旨のセミナーでした。

CSS3、便利そうなんですけど、覚えることが多すぎて・・・・大変そう・・・
だからこそ今から少しずつ覚えるべきなんですけどねぇ。

頭が良いほうではないので、何回も同じことを読んだり、聞いたり、試したりしないと覚えないんですよ。
ちょっとため息が出ました。

セミナー終了後は、銀座の吉野家で食事をして、キルフェボンで、ケーキを買って帰りました。

2007年01月18日

css nite

今日も朝からひたすらにテキスト作りです。
昨日までにIllustrator×4つの原稿を書き上げているので、今日からはPhotoshopのテキスト×4本にかかります。
まずは4つの授業のプロットを作成。
どんな内容にしようか。。。
考えているのは、それぞれが色濃いテーマを持っていること。

んで、最終的に決定したのが

  1. ペイント(絵を描く)
  2. 色調補正(写真の修整)
  3. 画像加工
  4. 合成

といったテーマにすることにしました。

そして、授業で作成するための作品とその素材作り。
Photoshop1の素材は完成。2,3はF森さんに依頼ができそうなので、あとは合成写真ですね。
こいつは得意分野なので、明日完成しそうかな。
作品と素材ができてしまえば、あとはひたすら原稿書いていくだけです。

今月中のアップが見えてきました!
最終週は、来月の第一土日にある、CSSの授業の素材を準備しなくてはならないので、実質あと1週間。
がんばれ、自分。

小川浩氏そして、夕方からは、月に一度のお楽しみ。
css niteを見るために銀座のアップルストアに行きました。
いつもよりも、人が集まるのがのんびりしていました。
入場が始まっても、いつもなら、すぐに席が埋まってしまって立ち見が出るのですが、今日はそんなこともなく、ほぼ全員が座って見ることができたんじゃないでしょうか。

ま、そんなことは置いておいて、内容です。
今回のゲストは、元フィードパスの小川浩さん。
テーマはWeb2.007
ちょっとだけ進化するWebってテーマでのプレゼンでした。
いやぁ、とにかく小気味いいテンポのプレゼンで聞きやすく面白かったです。

実際に、RSSの普及は今後、どーなんだろうなぁ?っていうのが正直な意見ですが、自分なりにもうちょっと使い込んでみようかなぁ、とも思います。
Googleパーソナルを使いこなしていないしなぁ。

言い訳すると、ゆっくり自分のためのWeb閲覧をしている暇がないってのが現状なんですよね。
あと、定期的に閲覧するブログも少ないという。。
テキスト作りが終わって、時間ができたら、プライベートのWebも充実させてみようかと思います。
ガンプラもしばらく更新してないしねぇ。。。

第二部のわれらが鷹野さんのプレゼンは、CSSに関する2,3の注意点として、リキッドレイアウト、フローズンレイアウトなどの注意点、clearfix、などのお話をしてくれていました。
ためになりますね、相変わらず。
というか、実際、トラブルとかバグ系に弱いので、もっとCSSのページたくさん作らなくっちゃなぁ、と思う今日この頃。
早くWebの勉強しなくちゃ。

あ〜、でも3月にはDTPエキスパートの資格試験受けようと思うんですよねぇ。
受かると月給が2万円あがるので・・・

帰りにキルフェボンのケーキを買って帰り、相方と食べました。
めちゃくちゃおいしかったですよ。高いだけある。

2006年12月26日

透過PNG

昨夜の睡眠不足がたたってか、ふらふらします。
授業は、なんだかテンション下がり気味な雰囲気。
ホワイトボードで図解をしてもあまり見てくれないような生徒さんが多かったです。なんだか昨日と今日の授業はつまらなかったな。

授業が終わってからはテキスト作りです。
スクリーンショットを撮っていく作業ですが、完成像が見え始める項をやっているので、そろそろちゃんとした完成品を作ってからショットを撮らないといけない感じになってきました。ものすごく時間がかかります。
IE7で対応して、今後のデザインへの可能性を大きく広げた透過PNGを使ってみるつもりです。
IE6以前へのハックの説明もできるし。

今日も終電コースです。

んで、終電で帰ったら、あまりの眠さに熟睡してしまい、終点まで乗っていってしまいました。
相方がちょうど駅まで車で迎えに来てくれていたのですが、終点まで来てもらい、一緒に帰宅しました。
あ〜やれやれ。

2006年12月21日

css nite vol.15

今日は授業を終えた後は、銀座へ向かいました。
月に一度のお楽しみ「css nite vol.15」に行くためです。

今回のテーマはinfoaxiaの植木さんによる「仁義と人情と男気のアクセシビリティ」でした。
植木さんの前には、普段2部で講演を行う鷹野さんが「CSSのCascadingたるゆえん」と題して、cssのカスケーディング構造についての話と、Dreamweaverでの関連パレットの説明でした。
さらっとした内容でしたが、「これは授業で説明しよう」という内容だったので、これだけでも十二分に参加してよかったな、と思いました。

植木さんのお話は「ここだけの話」と銘打っていたので、撮影、録音、ブログなどでの情報公開は禁止されました。
それだけに、内容は濃く、とてもためになるデータも見ることが出来ました。

アクセシビリティの考え方ってのは、きっとこれからWeb業界に入っていく人たちにこそ知ってもらいたいことで、「趣味で作ってました」から「仕事にしていきたいです」と考えてる人は、テクニックよりも前に学ぼうよ、という部分だと思います。

それも含めて、今回は、授業で話そうと強く思った内容がいくつもあります。
ある意味、スクールはWeb業界の「入り口」になるかもしれないところなので、生徒の進行方向を間違った方向に向けることはできないですよね。
今、ひぃひぃ言いながらテキストを改訂しているのもその思いが強いから、というのがあります。
まぁ、この改定案を実行しようと思い始めたころは、「改訂をする頃にはWeb担当がもう1人いて、2人でやるんだ」と信じていたわけですが・・・

さて、そんなcss niteで、またも、またも!
本をいただいてしまいました。

クジ引きでは、番号を呼ばれず、ある意味「ほっ」としていた部分もあるのですが、植木さんの講演終了後に、植木さんから、とのことで、1冊の本が提供されました。
「ヒューレットパッカード」のアクセシビリティに対するガイドブックです。
デザイナーがデザインしたそうで、たしかにかっこいいつくりになっています。

英語が得意ではないので、すぐに熟読とはいかなさそうですが、冬休みの期間を使って、訳し訳し、読んでみようかと思います。
見出しだけを流し読みしただけでも面白そうな感じです。
今日植木さんが「適切な見出し付けを」と言われていたのは、どのメディアでも一緒だなぁ、と痛感した一瞬です。


実は、僕がアクセシビリティに初めて触れたのは、相方がきっかけでした。
特に相方が障碍を持っているということではなく、「ねぇ、Webの先生をやるなら色盲の人とかが見られない色があるってこととか、授業でやりなよ」と言ってくれたのです。
聞いたその時は、「う〜ん、そんなに重要かなぁ?」と思っていたところがありますが、今や、僕自身が「授業で言わなくちゃ」って言っているわけですから、相方の先見はすごいな、と思いました。

だいたい相方が「こんなのあるといいのにな」とか「こういうの欲しいのになかなか売ってない」なんていっているものが、2,3年後に大ヒットするなんてことが少なくありません。
株式投資に向いているかもしれませんね、そんな相方が投資しているのは「ファンケル」です。
相方自身がファンケル愛用者ですが、その理由は「製品開発に動物実験をしていないから」と聞いたことがあります。

そんな相方から、酷い声で電話があったのが、アップルストアを出て、ビックカメラ有楽町店で、今日発売のMGストライクフリーダムガンダムの特別パッケージ版が売切れてしまっていて、秋葉原まで移動すべきか会社に戻って仕事の続きをするかどうか迷っている時でした。

明日、相方は体の精密検査をすることになっていて、その検査のための準備薬を飲んだらしいのですが、相方は数日前から風邪で体調を崩しており、飲んだ瞬間から具合が急激に悪くなったとのことでした。
苦しそうな声で、話が途切れ途切れなので、なかなか全容がわかりません。
どうしてもやばそうなら、すぐに救急車を呼ぶように伝え、急いで帰ることにしました。
会社に電話しましたが、誰も出ないので、一度会社に戻り、上司にメモで帰宅を伝え、まっすぐに家に向かいました。、

2006年12月14日

オススメ本!

『Dreamweaverプロフェッショナル・スタイル』8日の日に受講したcss nite LP2。
その日のために作られた一冊の本があります。
『Dreamweaverプロフェッショナル・スタイル』
激しくオススメです。

Dreamweaverをこれから使います、という人にはちょっとだけ敷居が高いかもしれませんが、ある程度Dreamweaverを使っている人なら、目からウロコな内容が目白押しです。
「俺は使えてるぜ、ふふん」なんて人も、ぜひ読んでみて欲しいです。
Dreamweaverにまつわるいろんなジャンルを網羅しているので、きっと「へぇ」と思える内容がいくつかあること間違いなしです。

そんな本の情報も自分の中で昇華しつつ、Dreamweaverのテキストを黙々と作っています。
Dreamweaverのテキスト4冊中2冊のテキストベタ打ちが終わりかけているところです。あと2冊分の原稿と、スクリーンショット。んで、InDesignへの流し込み。
う〜ん。。。。。

さて、そんな僕の元に、今日1通のメールが届きました。
あるWebサイトのキャンペーンに参加していたら、抽選プレゼントの「弥生会計」が当選したとの通知でした。
うぉお!また当たった!
今年は本当にどうかしているよ!すんごい。
う〜む、本当にこの調子でこの前買った宝くじ当たらないかなぁ。

2006年12月08日

css nite LP2 Dreamweaver CC

たにぐちまことさん
鷹野雅弘さん
神森勉さん
境祐司さん
かんぱーい!お疲れ様でした。鷹野さん
お楽しみ抽選会ドキドキ
今日はCSS niteの特別版。 css nite LP2の日でした。 Dreamweaverにテーマを絞ったイベントです。 会社の休みをもらって行ってきました。

場所は青山。
外苑前で降りて歩いて数分のところにあります。

会場は3会場に分かれており、それぞれの会場で4セッションが同時進行で行われるといった感じになっていました。
「えー、全部見たいのに〜」と思いながらも、12個を1日で見るのはきついのでちょうどよかったのかもしれません。

僕がチョイスしたのは、
たにぐちまことさんの「ほんとはカンタンPHP」というテーマでした。
講師もされている人なんですけど、とにかく話が上手いです。
人を安心させて「話を聞かせる」ことができる人です。

テーマのPHPも、確かにわかりやすく、何度もスクリプトに挑戦して挫折している自分にはぴったりのテーマで、自分でも早速使ってみようと思ったのでした。
う〜む、はじめのセッションから大当たり。

次は同じ会場で主催の鷹野さんによる「Web標準ワークフロー」の話でした。
仕事の流れに沿って、いろんな小技を交えながらの、いつもの鷹野節でした。
耳になじんで、とっても楽しい講義でした。

1時間の休憩を挟んで、会場を移り、次は神森勉さんによる「Dreamweaverテンプレートの活用」を聞きました。
ライブラリとテンプレートは、授業で受ける質問でもかなり多く、ユーザーが関心を示しているのが良くわかる機能です。
それだけに、いつも授業で自分は、最適な提案ができているか不安なところでもあったので、この講義は、とっても有意義なものがありました。
以前は、デモがほとんど見られず消化不良でしたが、今回はタイムラインもばっちりで、テンプレート機能のすごさがよくわかる内容でした。
自分の授業でも紹介したい内容がてんこ盛りでした。

最後のセッションは、元の会場に戻り、境祐司さんによる「アセット管理で実装するフルCSS」の話でした。
座学が7割、デモ3割くらいの比率でしたが、とってもインストラクター的には、自分のネタ帳を分厚くしてくれる講義でした。
物静かな話口が、聞き手を魅了する、インストラクションでした。

すべてのセッションを終えて、最後は軽食とソフトドリンクでのパーティが行われました。

Webディレクション標準ガイドパーティでは、プレゼントの抽選が行われたのですが、なんと、また僕が当選してしまいました。
「Webディレクション標準ガイド」
これで、css nite関係でのプレゼントは3回目の当選です。

8000円の参加費で、もともとイベントで付録になっていた本と合わせると7000円以上の本をプレゼントされたことになります。
ただ同然で、イベントに参加してしまいました。

そろそろ鷹野さんに「もらいすぎだよ!」と突っ込みを入れられそうです。

それにしても、今年はとにかくクジ運があります。

css nite関連の3つもそうですが、会社の運動会では東京ディズニーランドのパスポートが当たりましたし、電撃ホビーマガジンの懸賞に当たったのも今年じゃなかったでしたっけ?
なんか、それ以外にも当たった気が。。。

とにかくクジ運の風は今、自分に吹いている気がします。

そこで、今までの人生では全然自分で買ったことはない宝くじを買ってみようかと思います。
まぁ、運試しなので10枚だけ。

明日か明後日、買ってみよう。

2006年12月03日

XHTML+CSS上級講座

今日は休みでしたが、八丁堀で開催されたXHTML+CSS上級講座に参加してきました。
初回割引だったので少し安く参加ができました。それでも13500円・・・自腹はちょっとキツイです。

講師は「Web標準の教科書」でお馴染み、CYBER@GARDENの益子さん。
タイムラインがちょっと押し気味で、質疑応答の時間がなかったのが残念でしたが、内容はとても充実していて、ためになりました。

八丁堀に行くにあたって、久しぶりにせんねんそばに行きました。
相変わらずうまかったですよ、ここ。

帰宅すると、相方がめっちゃくちゃ家の中をきれいにしてくれていたので、気持ちよく過ごすことが出来るようになりました。感謝。

2006年11月19日

外部RSSを取得して表示するには・・・?

休みでした。
朝、ちょっと遅めに起床しましたが、相方が珍しく、起きずにぐっすりと寝ているので、そのままそっとしておきました。
その間に、ひさしぶりにPCでリアルトレースをちょこっと進めました。
この作業、没頭すると、数日をつぶしてしまうので、思い立った時にちょこっと進めるのがコツです。

さて、さすがに昼近くなっておなかが空いてきたので相方を起こし、遅めの朝食をとりました。
外は雨が降っているので、家でのんびーりと過ごすことにしたのですが、今日は新車を買ってから1ヵ月後の1ヶ月点検に行く日だったので、昼過ぎからよっぴぃ働くHONDAへでかけました。
点検は30分ほどで終わり、点検後に、足を伸ばして習志野のYAMADA電気へ行きました。
いろいろ買いたかったのですが、今月のカードの引き落としが洒落にならない金額なので、ひとまずCD-Rのみ購入。
となりの本屋で、益子さんが口にしていた「Sauce&Script」という本を買ってみました。
今、ものすごく興味があるのが、「友人のブログが書き出すRSSを取得して仲間うちだけが見るサイトのページに更新情報を表示することができるかどうか、という部分なのですが、どーやっていいのか、全然わからず。。。

帰宅後、この本をパラパラ見ていると、AjaxライブラリのひとつであるAdobeのSpryを使用するとできるらしい、というソースを発見。
早速、AdobeのサイトからSpryをダウンロードして、ローカルでテスト。。
サンプルページにソースを組み込みましたが、XMLファイルに対してエラーが出てしまう。。。なんでぇ?
ためしに、XMLファイルをローカルにコピーして、そちらを読み込んでみると、うまくできる。。。
うむむむ・・・別のサーバーのXMLを直接参照することはできなのだろうか?
それとも、別のライブラリならできるのがあるのだろうか?はたまた、組み込み用のソースが足りないのだろうか??
謎です。
もうちょっとネットで調べてみよう。

2006年11月16日

css nite vol.14

今日はなんだかとってもいい日でした。

朝、出勤してメールをチェックすると、担当している取引先から新たな外部講習の申し込みがありました。

前回の講習は夏で、それからずっと連絡がなかったので、正直「前回の講習がまずかったのかな?」と心配していたこともあったので、ほっと胸をなでおろしました。

授業終了後、すぐに荷物をまとめて銀座へ向かいました。
そう、今日はCSS Nite。今回のテーマは「愛と情熱のWebサイト」でした。

Fireworksの内容をちょっと期待していたので、少しだけ拍子抜け。
内容は、どちらかというとディレクション的な内容だった気がします。
十分タメになりましたけど。。

プロフェッショナルWebライティングいつも、会場には一番乗りをしていて、くじ引きの番号も「1」の券をいただいているのですが、まぁ、1なんて、そうそう抽選で出るもんじゃありません。
まぁ、当たらないだろうと思っているのですが、なんと、今日はずばり本が当たりました!

プロフェッショナルWebライティング

人に見せる文章とはどんなものなのか?を追求した一冊です。
自分ではなかなかお金を出して買わなさそう、でも読んでみたい、という痒いところに手が届く一冊が当たりました。
鷹野さん、ありがとうございます。

益子さんにサインをいただきました!さらに、いいことが!
講演中、隣を見ると、益子さんが座っていたので、公演後、声をかけさせていただき、ちょうど持ち歩いていたWeb標準の教科書にサインをいただきました。

帰り道は、もうホクホクな気持ちで帰宅しました。

いやぁ、いい日だったなぁ。

2006年11月07日

白くまアイスとIE7

遅番だったので、朝充分に睡眠をとってからでかけました。

風邪はだいぶ回復。

少し咳と鼻水が出るくらいになりました。
よかったよかった。
豆嬢および、職場の皆様、ご心配おかけしました。
相方もいろいろありがとうでした。

さて、風邪ですっかり忘れていましたが、数日前にInternetExplorer7日本語版がいよいよ正式リリースされましたね。
使ってみましたか?

僕は自分のノートPCにインストールして使っています。
タブブラウジング具合は、う〜ん、、、正直Sleipnirの方が気持ちいい。
でも、まぁ慣れの問題かもしれません。

他には、特筆することは今のところないのですが、オートコンプリートの部分の設定を覗いてみたら、フォームのクリアが、履歴のクリアとか一時ファイうrの削除と統合していて、細かく設定できるようになっているのを見たときは、ちょっと「へぇ」って思いました。
今後、少しずつ、使い込んでみようかな?と思っております。

とりあえず運営中のサイトに致命的な打撃はないようなので、しばらくは放置。

白くまトロピカル突然ですが、僕はアイスが大好きです。本当に目がありません。
そんな僕の最近のはまりものです。
白くまトロピカル
これ、本当に最強においしいですよ。いや、ほんと。

ずっと前から、ノーマルの白くまは大好きだったんですけど、最近トロピカルが発売されていることを知って食べてみたら、これがうまいのなんの!

それからは常に1箱冷凍庫にキープしていて、1日1本食べています。
本当はもっと食べたいのですが、相方に「おなか壊すよ!」と叱られるので・・・・

きっと飽きるまで食べ続けると思います。
おためしあれ〜

ちなみにこのアイスは、丸永製菓というメーカーさんから出ているのですが、どうやらこのメーカーさんの「きなこもちアイス」ってのも大人気っぽいです。
みつけたら食べてみようっと♪

2006年11月01日

新ブログと新携帯

うえっ!?
もう11月ですか。早いなぁ。。

今日は遅番でした。
昨夜のせいで、重たく感じる胃を気遣いつつ出勤しました。

なんだかスタッフルームが今日はいっぱいで、教室も全て使っていたため、テキスト作りに専念できる状態ではありませんでした。
そんなわけで、他の仕事をしつつ、夜は授業をして帰ってきました。

今日、FC2ブログを開設してみました
こちらのブログは完全プライベート用ですが、FC2のブログは、仕事にも使うCSSデザインの検証用です。
いずれは、そのブログネタを元に、簡単なセミナーもやってみようかと思っています。

ブログやってて、デザインに変化つけたいなぁって思っている人は、時々覗いてみてくださいな。


携帯が昨日から壊れています。
秋葉原で買い物をしている最中に完全に壊れてしまいました。
前回持っていた携帯も、現在のやつもソニーエリクソン製ですが、だいたいおかしくなるのがジョグダイヤル。
ここから壊れます。
ぜんぜんいうことをきかない。

というわけで昨夜、ネットで携帯を注文してました。

au W41S機種はいろいろなやんだ挙句に、結局ソニー。。
でも、今の機種にはジョグダイヤルはついてないんですね。

というわけでW41Sを注文してました。

本日出荷、との連絡が来ましたので、明日には到着しそうです

2006年10月19日

css nite Vol.13

今日は、毎月恒例のcss niteに行ってきました。
来年3月ごろに終了、との発表にがっかりしてしまった自分。
鷹野さん、ぜひ隔月でもいいので続けてください。
四半期に一度くらいの有料版でもいいですので。

firefox今日のテーマは、mozillaによる、Firefox2とFirefox3の紹介でした。

このブログを見てくれているみなさんは、どんなブラウザ(ホームページを見るソフト)は、何を使っていますか?
Web制作にかかわっている人は、いろいろだと思いますが、そうでない人たちは、ほとんどがWindowsであればInternetExplorer(以下IE)、MacならばSafariになるんでしょうか。

僕は、仕事柄もありますが、InternetExplorerはもちろん、Opera、Firefox、Netscapeなどを使用します。あ、もちろんSafariも。

プライベートでの愛用は現在はSleipnirです。
エンジンがIEなので、慣れたインターフェースで、安心して使えるってのと、やっぱり世の中、IEで動作環境をとっているWebページがやたら多いことから、IEエンジンで見たほうが、ちゃんと見られるサイトが多いんですよね。

ただ、このIE,いろいろと表示にクセのある、問題アリのブラウザって言ったら信じますか?
本来、ひとつのWebページがあって、そのソースコードがある場合、どのブラウザがそのコードを元に、ページ表示をしても、同じ結果が得られるべきなのですが、現在は悲しいことに、それぞれのブラウザがクセを持っていて、そのせいで、表示にばらつきが出てしまいます。
まぁ、Webページを作っている人たちも、ソースコードを結構適当に書いてしまっている場合が多いので、バラつきが出てしまうのも仕方がないのかもしれないんですけどね。

そんな、統一されていないソースコードの記述方法、Webブラウザでの表示結果を、統一していきましょうよ。ルール化していきましょうよ、というのが「Web標準」という考え方です。

そんなWeb標準に、力を特に入れているなぁ、と感じるのがFirefox。
自分が正しい記述方法をしていれば、大体正しく表示してくれます。

そんなFirefoxも確実に進化していてバージョンが2になります。
さらに、3の開発も進んでいて、それぞれのバージョンで何が可能になるのか、というのを紹介されていました。

う〜む、3で大幅にレンダリング結果に違いが出るかも、という部分はちょっと不安であるものの、便利になっていくのはいいことですね。
ただ、僕自身もあまりRSSリーダーとかうまく使えてないんですけどね。。
これ以上、機能がついたり、向上していってもついていけない気がすごくします。。

thunderbird前回のcss nite LP1から愛用しているThunderbirdも、ここのところ、少しずつスパムメールを学習してきていて、フィルタリングも正確になってきました。
だんだん自分の環境がMozilla化していきます。

今夜のおみやげとして、Firefoxのステッカーをいただきました。
どこに貼ろうかなぁ。
Thunderbirdのステッカーもほしいなぁ。

2006年10月10日

css nite LP1

やってきましたcss nite LP1!午前中はゆっくりと過ごし、午後から千駄ヶ谷で「css nite LP1」に行ってきました。
有料版のcss nite。幸いにも、今回は主催鷹野さんからの「ご招待」という形で行くことができました。

千駄ヶ谷までの時間がいまいちつかめず、30分前に着くように出たつもりが、15分前くらいになってしまいました。
すでに3人の方が並んでおり、4番目に陣取りました。

会場はとても広く、受付もスムーズにしていただいたので、最前列のど真ん中に座ることができました。

しばらく待っていると、ほぼ定刻どおりに開始。
鷹野さんのあいさつから始まって、軽い笑いで会場がなごんだところで、スタート。

瀧田佐登子さん当初の予定とは順番が変わって、1番手はMozillaJapanの瀧田佐登子さん。
「Webブラウザの歴史とMozillaの標準化への取り組み」という内容で、お話をされていました。
ブラウザの歴史は、それなりに勉強してきたつもりでしたが、かなり細かい年表だったので、自分の足りない知識を補うのにいい感じでした。
ただ、スライドが最前列でも小さくて見えなかったので、レジュメなどを用意してもらった方がよかったなぁ・・・というのが正直な感想です。

上ノ郷谷太一さん(奥)と長谷川恭久さん(手前)少し休憩を挟んで、2番手は上ノ郷谷太一さんと長谷川恭久さんによる「microformats がもたらすドキドキする未来」というテーマでした。
時間のほとんどを上ノ郷谷さんが話をして、最後に登場した長谷川さんがまとめていく、といった進行でした。
この2人のプレゼンは、楽しく聞くことができました。
ただ、正直microformatsは、どうやって自分の中で使い込んでいくのかがピンと来ないところもありました。今後の展開に期待したい技術です。

境 祐司さん休憩後、いよいよ今日の目的の一人、境 祐司さんによる「CSSデザインを自動化するための7つのルール」です。
今回は、HTMLの時代から、アプリケーションを使った「自動化」がなされてきた。
そろそろCSSについても自動化される時期になるのではないか、というお話でした。
確かにそうだよなぁ・・と。
Dreamweaverについても、かなりCSSがいい感じになってきていますが、それでも使い方をちゃんとしないと、結局後で全部手書きで直すことになりますよね。
その辺もちゃんとしていくんだろうなぁ。と思います。
図解が上手なんですよね、境さん。今回もインストラクターとして、とても勉強になりました。


チャールズさんこの次が、css nite初めての外タレ(?)OperaのCharles McCathieNevileさんによる「CSSを活用し、最高のインターネット体験をあらゆる端末へ」というテーマのお話でした。
英語のプレゼンなので、長谷川さんが通訳をされていました。

チャールズさん、すごくオーディエンスを引き込むのがうまい。
英語のプレゼンなので、どうかな?と思いましたが、面白くて、ぐんぐん引き込まれました。
今回の中では、ソースコードにも直接触れて、一番テクニカルな話だったような気がします。
中でも一番興味深かったのがmedia queryの話で、「CSSで条件分岐」な話でした。
個人的に、何度トライしても、苦手なままのJavaScriptよりは、ずっと使いやすく感じます。
CSS3、早く使える環境になってほしいですね。

矢野りんさん最後は、今回一番期待していた矢野りんさんの「サイトデザインの2大要素を徹底的にお勉強しよう」でした。
以前、この方のWebレイアウト講座へ行ったことがあって、すごく面白かったんです。
んで、今回もやっぱり面白く、そしてためになりました。
デザインをきちんと学んだことがない僕にとっては新鮮な内容ばかりで。
やっぱりデザインや配色ってなんとなーくの勘でやっちゃだめなんだってことがよくわかりました。
宿題が出されましたが、めちゃくちゃ難しいです。
これ、大丈夫かな。。

WEBレイアウトセオリーブック途中の休憩時間に矢野りんさんの「WEBレイアウト・セオリー・ブック」を購入。直筆サインもいただきました。

帰りの電車の中で読みましたが、おもしろいです。

本当に、有料版だけあって、内容が充実しており、どんどん、自分のサイトにも反映させていかないとなぁ・・・と思った1日でした。
12月には、Draemweaverにテーマを絞ったイベントがあるので、そちらもめちゃくちゃ楽しみです。

2006年09月21日

css nite vol.12

今日は仕事を終えて、まっすぐに銀座へ向かいました。
月に一度のお約束、css niteの日です。

メインのプレゼンの前にSixApartからVOXの紹介がありました。
あらかじめ、メルマガで招待コードをもらっていたので、すでにアカウント作成してから参加したので、具体的な操作を確認できたのでよかったです。
ただ、すでにブログをやっていて、なおかつmixiもやっているので、これ以上増えてもちょっとつらいかな、というのが本音のところです。
今後のVOXの普及度を見て、利用については検討していこうと思いました。

css niteの今日のテーマは「WordPress」。
内容のためか、プレゼンの仕方のためか、ちょっと難しかったです。
WORDPRESSを使うことによって何がすごいのかがわからずじまい。。ちょっと残念です。
今はMovableTypeで充分かなぁと思いました。

第2部は鷹野さんによる「あなどれないぞ!Fireworks!」というテーマでした。
いつもながら、鷹野さんのプレゼンは安定感があり、安心して聞いていられます。
勘で使っているところの多いFireworks。しっかり使いこなしている人のテクニックを見ると、「あ、便利!」と思えるところを知ることができてとてもいいです。
今回も役に立つテクニックをいくつもご紹介いただきました。

そして、今回はなんと!
初めて抽選に当たり、「Dreamweaver Web標準詳細ガイドブック」が当選しました。
まだ今日刷り上ったばかりで店頭に並んでいないとのこと。

帰宅中の電車で読みましたが、これはすごい!!
大体Dreamweaverの参考書って、プロパティインスペクタをかなり使い込むやり方ばかりが出ていて、Web標準やXHTML Strictに対応しづらいのが特徴だったのですが、今回はDreamweaverを使うこと以前にWeb標準ありき、で解説をしているので、いわゆる「使ってはいけない機能」はほぼ使用せずに使うテクニックが満載です。
まさに今、僕が改訂中のDreamweaverの授業とリンクする内容です。

改訂の大きな助けになってくれそうです。

Amazonに掲載されたら改めて評価をしますが、今まで買ってきたDreamweaver関連の本の中では満点です。

無理やり残念なところがあるとすれば、画面中のスクリーンショットが英語のページと日本語のページが混在しており、できれば統一をしてもらいたかったな、というのはあります。ただ、内容自体にはぜんぜん影響はありません。

2006年09月07日

Webの授業改定計画

今日は、すべての授業を終えて夕方から、Web作成の部署の人に時間をとってもらって、打ち合わせをしました。
現在、うちのスクールの卒業生をインターンとして、現場に入れてもらう、という話が出ており、さらに現場側で望むスキルを授業に取り込む、といったことを計画しています。

こちらからの要望はある程度伝えてあり、やはりWeb標準に準拠した授業にしていきたい、というのが希望。
そこで、Web作成部隊から、Web標準の知識が高いK林さんがやってきてくれて、いろいろ授業のカリキュラムのことを相談に乗ってもらいました。
やっぱり話をすればするほど、今の授業じゃ全然だめであることが浮き彫りになってきていて、だんだんこの内容で授業をするのが苦痛になってきました。

こりゃ、年末には、全面改訂の必要がありそうです。
また、残業まみれの日々がやってくるのか・・・・

2006年09月03日

攻めるWebライティングセミナー

午前中、相方と一緒に車を買いに行きました。
購入先は、友人よっぴぃが勤めるHONDA。

購入は、Fitのマニュアル。
マニュアルは最近は売れないので、受注生産らしく、納車まで1ヶ月以上もかかるそうな。

ま、いいか。

お昼から、渋谷で開催されたセミナーに参加してきました。
「攻めるWebライティング」という益子氏によるセミナーです。

テクニカルな部分も含め、Webページにおいてのライティングの知識をたっぷり4時間かけてレクチャーしていただきました。
やっぱり益子さんは、話し方がうまいんですよね。
話術というよりは話し方の物腰というか、なんというか。。。
相手に安心感を持たせる話し方なんですね。これは見習いたい部分です。

夕方までの授業を終えて地元に戻ると、久しぶりにキャンプ仲間で集まることになっていましたので、いつもの居酒屋で集まりました。
珍しく全員(5人)が集合でき、後からゴスペルの練習を終えた相方も合流し、楽しいひと時を過ごしました。

あ〜、キャンプ行きたいなぁ

2006年08月17日

css nite vol.11

月に一度の勉強タイム。
CSS Niteに行ってきました。

今回は中村享介さん。
ずっと楽しみにしてました。
独特のテンポで話される感じが小美味いいです。

Photoshop、CSS、JavaScriptそれぞれの使えるテクニックをいろいろと教わることができました。
Photoshopに関しては、できればバッチ処理の方が、お客さんに伝わったかな、という感じがしなくもないですが、全体的に「なるほどねー」と思える部分ばかりで、楽しむことができました。

紹介されていた中村さん作成のJavaScriptもとても使い勝手がよさそうで、このサイトでも近いうちに使わせていただこうと思っています。

第二部は、おまちかねの鷹野さん。
「クロスブラウザを実現するCSSファイル管理」というテーマでした。
ハックをはじめとする、各ブラウザへの対応って、どーしても、気にしなくちゃいけないんですが、あいまいにしている部分も多く・・・
もう一度これを機会に、整理していこうと思います。

本当は、CSS Nite後の懇親会にも参加したいのですが、残念ながら、いつでも第三木曜日は金欠なので、ちょっと難しいです。
う〜む。

12月には、Dreamweaverのみのイベントをされるそうなので、とても期待しています。
休み取らなくちゃ。

2006年07月27日

JavaScript

先日、相方と一緒に秋葉原に行ったときからずーっと気になっていて、今日本屋さんで購入してしまいました。
「プロとして恥ずかしくないJava Scriptの大原則」
もう何年もWebページを管理していながら、Java Scriptのカスタマイズはしても、ゼロからの手書きはしないという。。
しかもそれでインストラクターやっているわけですからねぇ。。。
こりゃいかん、と一念発起。1から勉強しなおすことにしました。

ここんとこ、AjaxとかのJS使った技術も注目されてますしね。

幸い、次回のcss niteもJSの鬼才、中村享介さんなわけですし。その予習にもなっていいんじゃないでしょうか。
現時点で、中村さんが執筆中の本というのも興味津々で、出たらすぐに購入の予定です。

それまでにまずはこの本を読破しないとね。

2006年07月20日

css nite vol.10

今月3つめのCSS関係イベント。
CSS Niteに参加してきました。
なんだか、最近は一番乗りが定番になってきました。

いつもは18時45分から入場なのですが、ここ最近はCSS Niteやアップルストアのスタッフさんも段取りがとっても良くなってきて、15分には入場ができました。

今日は神森さんによるXHTMLの講義でした。
CSS、CSSと夢中になってしまって、ついおろそかになりがちなXHTMLの正しいコーディング。
世の中に、いかに「なんちゃってXHTML」があるのか、という話題から、使えるコーディングの知識までをいろいろ教えていただくことができました。
今回のアプローチは、今までのCSS Niteを補間する上で、とても重要なテーマだったんじゃないかな、と思います。
少し難しい内容も入っていたので、自分なりにもう一度復習をして、自分自身で、XHTMLのコーディングを見直してみようと思います。

後半は、鷹野さんによる、Dreamweaverでのフォームについてのテクニック紹介でした。
Dreamweaver使いなら「あ、なるほどね」と思えるちょっとしたテクニックが相変わらず小気味よかったです。
個人的には、こうした実作業でのテクニックが知りたいということもあるので、ぜひ鷹野さんのパートでは、こういった部分を続けてもらえたらなぁと思っています。

イベント後の懇親会には参加せずに帰宅しました。

2006年07月15日

The Day of Web Standards -Web標準の日-

朝起きてシャワーを浴びてから、残ったナタクのパーツにサフェーサーを入れました。
これで、なんとかあさってには、色が入れられそうです。

六本木ヒルズ
やってきました六本木ヒルズ
今日は休みですが、朝から飛び起きて六本木ヒルズに行ってきました。 目的は、月一回の楽しみにしているCSS Niteのスペシャルイベント「The Day of Web Standards(Web標準の日)」が行われる日だったからです。

いやぁ、さすがに迷いました。六本木ヒルズ。
49階に行けない。。。
なんとかインフォメーションの方に聞いてたどり着きました。

240インチ!
240インチの巨大モニター!
ついたのが会場少し前だったのですが、人もまばらで、並んでみたら、結局ほぼ最前列。 待つこと数分、開場と同時に、毎度のことですが、最前列に陣取りました。 今回は、ノートPCを持ち込んでOKとのことだったので、ノートPCをセッティング。

次第に人が増え、周辺の人たちを見渡すと、いつものCSS NIteで顔見知りになった方もたくさんいらっしゃってました。
おかげで、退屈せずに開演までの時間をすごすことができました。

木達一仁さん
木達一仁さん
時間は11時5分。予定よりも5分オーバーで、開演。 スタートは木達さんによる基調講演でした。 テーマは「Web Standards: The Right Tool for the Right Job」。 XHTMLとCSSをめぐる歴史を中心に、今日までのWeb標準の歩みを紹介されていました。 最後に「Web標準という名の道具を使い、Webの可能性を最大限に導こう」という言葉で締めくくられた基調講演でした。 実際に、自分も授業の中で、Webの歴史を少し離したりするので、その話題をより深めるのに、とても参考になりました。 木達さんの話し方はとっても丁寧で、人に伝える話し方というのを意識されているのがよくわかります。 この辺もインストラクターとして見習うべき点だと思うんですよね。
林岳里さん
林岳里さん
木達さんの公演の後は、アドビシステムズの林岳里さんによるAdobeのSpry Frameworkを利用したAjaxの活用法を紹介でした。 見ていて「ほぇ〜、使ってみてぇ」と思う機能をいろいろ紹介していましたよ。 今度サイトを覗いてみよう。 林さんは、ステージの前方に進み出て、大きなジェスチャーを交えて遠くの人にも雰囲気が伝わる話し方をされる方でした。

ここで、お昼の休憩になりました。
一人で行っていたので、どこかのレストラン入れる状態でもなかったので、同じフロアにあるライブラリカフェで、コーヒーとサンドイッチを食べました。
休憩後、午後のセッションです。

益子貴寛さん
益子貴寛さん
まずはセッションAは、数日前に(X)HTML+CSS (r)evolutionでとても素敵な講演をしてくれた益子貴寛さんによる「Web標準を最大限に活かすディレクション&ガイドライン」でした。 話の中で出てきた「XHTML+CSSによるサイト構築がもたらす経済効果は中長期的が前提」という部分に「なるほどー」と特に関心を覚えました。 スクールの授業に組み込もうとすると、難しい内容が多かったですが、それでも、インストラクションの厚みを持たせるために必要な情報がたくさん盛り込まれていました。益子さんは、落ち着いた話口調で、聞く人間の集中力を引き出す話し方をされる方です。 ここでも勉強になりました。


今回、セミナーを受講するにあたり、パネラーの方々に聞いてみようと思っていることがありました。
「自分が仕事でかかわるとして『実務経験はありませんけど、スクールで勉強しました』という人に対して、どのくらいのレベルを期待しますか?」
という質問。やっぱりスクール出身者って、どーしても「どうせスクールで勉強しただけでしょ?」って思われちゃうんですよ。自分がそうでしたから。
だからせめて、自分の生徒さんが面接に行った時なんかに面接する相手に「へぇ、そんなこともわかってんだ」と思わせたいじゃないですか。

セッション終了後に益子さんにこの質問をぶつけてみました。
益子さんからいただいた返答は「やっぱり、レガシーなテーブルレイアウトだけでは、今後は厳しい。やはりCSSレイアウトが必須になりますね」
とのことでした。
う〜む、やっぱりねぇ。。


長谷川恭久さん
長谷川恭久さん
益子さんの後は、セッションB。
長谷川恭久さんによる「Web標準テクノロジーの上手なマッシュアップ」でした。
プロジェクト全体を見渡し、共通のルールを使って行こう。ただ、あまりWeb標準ってことばを枷にして、HTML4だから悪いサイト、みたいな小さな物事の見方はしないようにしよう。といったことをいろいろな例をあげて聞かせてくれました。

「Human first Machine Second - 人に対して第一。マシンは二の次」と締めくくっていました。
全体的にとても面白い話がきけました。スニペッツは、すぐに活用しようと思いました。
以前css niteで拝見した時から思っているのですが、人を魅了する話し方をする方です。
カリスマ性ってのは、こういうことを言うんだろうなぁ、というのが直接な感想です。

やすひささんにも、講演終了後、名刺交換をしていただき、質問をぶつけてみました。
いただいた回答は次のとおり
「Webは紙とは違う、という認識を持ってもらうこと。それがあれば、実際にテクニックは仕事で追い込まれてから覚えていくもんやと思います」
とのこと。なるほど〜、確かに、DTP業界にいる人が授業を受けにくることがとっても多いので、この考え方を説明する必要はありそうです。


中村さん+河内さん
中村さん+河内さん
その後のセッションCでは、「すぐに役立つWeb標準テクノロジーの効率化テクニック」と銘打ち、中村享介さん+河内正紀さんの講演でした。
効率的なサイト製作とはなにか?という定義から、フロントエンドを構築する3つのテクノロジーとしてXHTML、CSS、JavaScriptをあげ、実際の活用方法のノウハウを紹介してくれました。
今日一日の中でもっともテクニカルな内容をやってくれたのが、このセッションです。
2人は、あまり人前で話すのが大好き、というタイプではなかったのですが、2人のやりとりがコントみたいな絶妙な間を持っていて、ところどころでおいしい笑いを誘っていました。

セッション終了後、中村さんと名刺交換をしてもらい、質問。
中村さんの返答は以下のとおりでした。
「とりあえず細かい技術よりも、サイトの作り方の流れを知っていてもらいたいです。入ってきてアップロードの話になったときに『FTPってなんですか?』と聞かれるとちょっと…」
とのこと。なるほど、テクニカルよりも全体の流れね。。リニューアルの時に、もうちょっと全体のフローに沿ったような授業進行にしてみよう。


ここでの休憩時間に、客席にたにぐちまことさんを見つけ、図々しくも名刺を交換していただきました。
そして、たにぐちさんにも質問。回答は次のとおりです。
「自分もWAOで教えている講師なので、どこまで教えればいいのかが難しいのはわかります。実際にビジネス的な話もしますが、やっぱり基本的なタグの書き方とかは覚えておくべきだと思います。古いタグを知るべきかどうかは判断しづらいところですけどね…」
突然の失礼な申し出にも、とても丁寧に答えていただいて印象のいい方だなぁ、と思いました。


植木真さん
植木真さん
セッションDでは、植木真さんによる「Web標準、SEOにも通じる“攻め”のアクセシビリティ」でした。
植木さんは、インフォアクシアの代表の方なんですが、「Web Accessibility Toolbar」は、スクールで活用しています。
今度、授業でも紹介しようかと思っています。
インストラクターになりたてのころ、相方に「色盲の人にやさしくないデザインってのがあるんだよ。そういうのを授業でやんなよ」と言われていました。
その後、自分でもWebの勉強をつづけるうち、やはりぶつかったアクセシビリティの壁。
今は、授業にアクセシビリティの話も盛り込んでいます。
そういった上で、さらにその方面の深い話がきけたのは、とても有意義でした。


神森勉さん
神森勉さん
そして、その後のセッションEは、今日の内容で、個人的にもっとも興味があった「Dreamweaver 8/Contribute 3を使ったWeb標準実装ガイド」です。
神森勉さんがパネラーです。
Dreamweaverの歴史のお話から入り、実際のDEMOを交えてDreamweaverの便利機能とかを紹介しれくれました。
ひとつひとつが、直接的に関係ある内容だったので、すっごく楽しかったのですが、いろいろ紹介をしてくれていたせいもあり、後半の時間がなくなってしまい、一番楽しみにしていたContributeの部分がほとんど割愛になってしまいました。
これが少しだけ残念でした。

セッション後、名刺を渡してお話をしましたが、時間がおして休憩時間がほとんどないこともあって、あまりお話ができませんでした。
なので、神森さんには、質問はぶつけられず・・


大藤さん+境さん+鷹野さん
大藤さん+境さん+鷹野さん
住さん+森川さん+森田さん
住さん+森川さん+森田さん
そして、本日の最後を飾るのは、パネル・ディスカッション:「Web標準はビジネスをどう変えるか」というテーマで以下の6人がディスカッションをする、という内容でした。
大藤 幹 さん(zspc)
境 祐司 さん(学校法人阿佐ケ谷学園)
住 太陽 さん(ボーディ)
鷹野 雅弘 さん(スイッチ)
森川 眞行 さん(アンカー・テクノロジー)
森田 雄 さん(ビジネス・アーキテクツ)

モデレータ/木達 一仁 さん(ミツエーリンクス)

テーマが、かなり難しい内容でしたが、それぞれの視点でのディスカッションが行われました。
やはり、話を聞いていて思ったのが、僕が一番、同調できたのが、境さんの意見です。
境さんも教育者としてのポジションで物事を話されるので、ちょうど自分がおかれている悩みと一致するものが多く、森田さんとは意見の相違でなんどかぶつかっていましたが、どちらの言い分ももっともだな、と思いました。
「Web標準」という言葉をとらえる時に、それぞれ自分の置かれている境遇で考え方が変わるものだなぁ、というのが感じたこと。
今後しばらくは、こういった議論があちこちで起きるのだろうと思います。

そのとき、自分の意見がはっきりといえるくらいのビジョンは持っておこうと思いました。


パネルディスカッションを最後に、今日の10時間におよぶセミナーは終了しました。

鷹野さんお疲れ様でした
お疲れ様でした鷹野さん
セミナー終了後は、同フロアのライブラリカフェを借り切っての懇親会がありました。 まずは軽く食事でおなかを膨らませてから、以下の3名と名刺交換をしてもらい、質問をぶつけてみました。

森田雄さん
「うちは、未経験者はとらないけど、スクールは、どうしてもカリキュラムを考えないとならないんだろうけど、デザインを勉強した人の方がいいんだよね。教えないんでしょ?そういうの。あとは、その人がどうしてWebページを作るのか、どういう思いでサイトを作ってるのかを聞く機会を作ったらどう?いっそパネルディスカッションしちゃうとかさ」

木達さん
「うちがそういう人の面接をするとしたら、まず、仕事じゃなくていいから作品を見たいですね。ソースを見たい。情熱を感じられればうちは大歓迎。自分なりに情熱を持って勉強していれば、W3Cのサイトとか、英語わからなくても、日本語訳のサイトもありますよね?そういったところに行き着くと思うんですよね」

大藤さん
「未だに古いやりかた教えてるスクールがあるでしょ?それだと実際厳しいと思います。なぜCSSのレイアウトをする必要があるのかを知ってもらうといいと思いますけど。

それぞれの方で違った考えを伺うことができました。
かなり広い幅で、意見をもらうことができたので、今後の授業改訂の中に反映させていきます。

最後にパーティ途中でしたが、鷹野さんにあいさつをして、一足早く会場を後にしました。
いやぁ、本当に有意義な一日でした。
たのしかった。

家に帰ると、注文していたドラゴンPCが届いていました。
予想はしていましたが、箱がでかっ!
開封および写真は後日アップすることにします。

2006年07月06日

css (r)evolution vol.1

今月から始まったCSSのイベント、css (r)evolutionに行って来ました。
場所はcss niteと同じ、アップルストア銀座。
css niteと同じように早めについたので、一番乗りでした。

今回は最前列が関係者席とのことだったので、2列目に着席。
最前列には、css niteの鷹野さんや、(たぶん)矢野りんさんたちが座っていたようです。

正直な感想、めちゃくちゃおもしろかったです。
かなりためになりました。

座学的な内容から、Tipsまで、ぎゅっと濃厚な1時間でした。
HTMLのDL要素は、いつも「どーやって使おう」って悩むタグのひとつだったりするので、今回のTipsは大いに役立ちます。

今月はCSS関連のイベントが目白押しで、今日のこのイベント以外にも来週には、The day of Web Standardsがありますし、再来週にはcss niteがあります。
疲れそうですが、でもどんどん知識が吸収できる機会があるのが幸せだと思うので、ガンガン参加して、自分の仕事に反映させていきたいな、って考えています。

css (r)evolution、今後が楽しみです。

2006年06月15日

CSS Nite Vol.9

やってきました。
1ヶ月に一度の楽しみ、CSS Niteです。
とうとうVol.9になりました。
すごいですね。鷹野さん。

06061501.jpg本日は、上之郷谷さんを迎えて、MovableTypeの活用についてのお話がありました。
実際に、Vol,2の時に、MTを知って導入し、この半年使い続けていますが、もうちょっと突っ込んで使ってみたい、と感じているので、ちょうどタイムリーといえばタイムリーな内容でした。
ただ、ちょっとだけ残念だったのが、デモが少なく、全体的にテキストベースのスライドショーと、口頭での説明が中心だったので、イメージがわきづらかったのもあります。
もう一度内容を反芻して、自分のMTに反映させていこうと思いました。
後半の鷹野さんのプレゼンはVol.2の時の内容を再演する形をしていましたが、いろいろ忘れかけていたことが多かったので、大変ありがたかったです。
面白かった〜。

写真は、おみやげにいただいたバッチとステッカーです。どこに貼ろうかな。

今回は、CSS Niteの後にCSS Flightというイベントがあったようでしたが、体力的、金戦力的に弱っていたので、出席しませんでした。

来月は、CSS関連のイベントへの参加が目白押しです。
CSS (r)evolutionとThe day of Web StandardとCSS Niteです。
頭に入りきるかどうか怪しいですが、楽しみです。

それにしても、アップルストアの入場前に並ばされる階段は暑い・・・・

2006年06月14日

ナイスなCSS本

今日は遅番だったので、出勤前にジムで運動。

ステキな本を見つけました。
そろそろ今使っているテキストをDreamweaver8を中心にしたものに変えないといけないなぁ、と思いながら、いい参考書がないか探したところ、amazonで発見。
そのまま休憩時間に本屋へ行き、購入してきました。
実際にDreamweaverユーザーに向けてのCSSレイアウトに特価した内容になっています。
ターゲットブラウザがIE6とFirefox1.0だけなので、CSSハックがちょっと情報として弱いかな?とも思いますが、もう初級の書籍はいらないし、テーブルレイアウトばかりの参考書も、もうおなかいっぱいなので、「待ってました」という参考書です。
実際に、このガンプラのサイトをCSS化していくか、もしくは昔作って放置してあるサイトをCSSレイアウトのサイトとして、もう一度復活させるか、を考えてみようと思います。

2006年05月26日

Web Designing Live Seminar/Web標準

休みでしたが、竹橋で開催される「Web Designing Live Seminar/Web標準」を聞きにいくために、昼過ぎに家を出ました。
会社にほんの少しだけ顔を出し、そのままジムへ。

やっぱり昼間のジムは空いていていいですねぇ。
平日の昼間に時間があるときには極力来るようにしましょ。

一汗かいた後は、竹橋に移動。
すでに受付は始まっており、後ろの席になってしまいました。
時間は3時間のセミナー形式。

いやいや、とっても役立つセミナーでした。
面白かったです。
無料のセミナーですが、内容は興味深いものでした。

Web標準・・・授業ではどうやって取り入れていきましょうかね・・

2006年05月18日

CSS Nite Vol.8

休みでした。

今日の夜は毎月の楽しみ、CSS Niteがあるので、昼過ぎごろから家を出て秋葉原に行くことにしました。
ずっと気になっていたドラゴンPCを見に行きましたが、電気街の外れにある店なので、店員さんばかりの中、一人で入ってしまったものだから、もう、猛獣の檻に放り込まれたエサみたいなもんですよ。
居心地が悪くなってしまったので、すぐに店を出ました。
サイズは数値で見るとかなり大きなPCなんですが、店頭で見た分には、「まぁ、こんなもんか」という感じでした。
よし、6月になったら、夏のボーナスをアテにしてクレジットで買ってしまおう。
楽しみだなぁ。

その後も秋葉原を徘徊。
イエローサブマリンで、SDのアッガイが再販されていることを知り、一度は手に取ったものの、どうせならポイントがつく店で買おうと思い、移動。
結果、その日は、その店以外にはアッガイは売っておらず、入手することができませんでした。。。なんてこと。

ヨドバシカメラに行くと、相方がずっと欲しがっていたIntelのMacBookが発売されていることを知りました。
ああ!相方と買いに来なくちゃ!

その後、いい時間になったので銀座へ移動。
アップルストアに少し早めにつきましたが、今日はCSSNiteの前にm-floのイベントをやっているみたいで、なかなか終わりそうもなかったため、一度有楽町へ移動。
ビックカメラに行って、フラフラしてました(そればっか

時間になって再びアップルストアへ。
今回から、あらかじめ入場、というのはできなくて、階段に行列を作って待て、との指示があり、おとなしく待ちました。
運良く早くついたため、行列は2番手。
まわりの人と雑談をしているうちに時間がやってきて、今回もなんとか最前列でCSS Niteを見ることができました。

今日の内容は、「ビジネス・アーキテクツのCSSデザイン」でした。
とっても濃いお話でしたが、濃すぎてちょっと難しいところもありました。
鷹野さんのプレゼン「target属性の是非とLightbox」という題で、とっても面白い話を聞くことができました。
06051701.JPG特にLiteboxに関しては、これはすぐに使おう!と思い、このブログにも搭載してみました。
左の画像をクリックしてみてくださいl。今までとは開き方が、違っているはずです。

当初は、CSSNite開催後に行われるCSSFightにも参加しようと思っていたのですが、ちょっと体調的にきつかったので今回はキャンセルさせてもらいました。
次回は顔出せるようにしよう。。
次回のCSSNiteは、MovableType関連のことみたいなので、今からとっても楽しみです。

2006年05月13日

Webレイアウト講座

仕事は休みです。

お昼頃に相方と一緒に渋谷へ行きました。
思えばとっても久しぶりの渋谷。

銀座線で向かいましたが、駅を降りる直前に気がついて一番ショックだったのが、東急文化会館がなくなっていたこと。しかも建物ごと・・・・
以前、渋谷に勤めていた頃には、毎朝水を買っていたのが、そこだったので、なくなっているのを見たときは、ほんとにショックでした。なんてこと。。。

昼食を食べようと、以前勤めていた会社があった場所の近くにあるとんかつ屋さんに入りましたが、入り口の待合所が思い切り喫煙スペースで、とてもいられたものじゃなかったので、すぐに退散。
そのままねぎしへ向かい、ねぎしで昼食を食べました。ここの麦とろご飯、おいしーですよね。

食事を済ませると、相方は表参道へそのまま徒歩で向かいました。
イベントに参加する目的があるためです。

さて、僕の方です。今日の本当の目的は、渋谷で開催されるWebレイアウト講座に参加することです。
開場へ向かうと、すでに結構な数の人が来ていて、受付を済ませると23番の券をもらいました。
定員が60名なので、座った席はだいたい真ん中あたりです。

セミナーは、聴講という形でしたが、問題が示され、その問題をまず一定時間で、自分たちで考え、その後解説がなされる、というQ&A形式でセミナーは進行していました。
これが、面白い。
なるほど、聴講という形でも、聞き手に「参加している」と思わせることができて、なおかつ一度自分で考えるので、理解がしやすくなります。
まず問題をしてから、解説をする、という形式は、社員研修でも使えるんじゃないか?と思いました。

内容も楽しく、レイアウトの基本、色の組み合わせの基本を聞くことができました。
すんごい簡単にしか知らない色の部分の知識を深めることができた、いい機会でした。

帰宅後、一日早い母の日、ということで、実家の両親と一緒に食事へ行きました。
道頓堀というお好み焼き屋へ。
そこでわいわいと食事をして、父が酔いつぶれて眠りかけた頃に帰宅。
父の車1台で来ていたのですが、父が運転できないので、両親を送り、そのまま自宅へ帰宅しました。明日車を返しにいかなきゃ。

無事に11月公演のRENTのチケットを取ることができました。よかったよかった。

2006年04月20日

CSS Nite Vol.7 & CSS Lite

今日は仕事を早めに上がらせてもらって銀座へ向かいました。
1ヶ月に1度の楽しみ、「CSS Nite Vol.7」です。
今回のゲストはサイバーガーデンの益子さん。

CSS Niteが始まる前に、SKypeのデモンストレーションがありました。
skypeを使ったことある人ー?という質問に手を上げるまわりの人たち。
えーー?こんなにいるの?自分は全然知りませんでした・・・
早速使ってみよう。。。。とは思ったものの、コミュニケーションツールは(性格的に)使うのが苦手なので、どーだろう。

本編では、益子さんの講義から。
XHTML+CSSの環境におけるガイドラインの必要性について、いろいろためになる話を聞くことができました。
今回のCSS Niteは過去の中でも最も入ったんじゃないでしょうか。
立ち見の人もいっぱいで、開場に人が入りきれないくらいの状況でしたね。
CSS Niteが口コミで広まってきたのと、サイバーガーデンの益子さんのプレゼンという2つの要因なのだと思いますが、立ち見だった人、大変だったでしょうね。お疲れ様でした。

益子さんの後は鷹野さんによるロールオーバーについてのプレゼンです。
JavaScriptとCSSのロールオーバーの作成事例を限られた時間の中でたくさん紹介していただけました。
それにしても益子さんも鷹野さんも限られた時間の中で、たくさんの情報を伝えるのが上手ですよね。
授業の時間配分がうまくいかないことが多いので、見習うべき部分が多いです。

さて、今回はさらにCSS Nite終了後に、開場を変えて第2部、CSS Liteというのが開催されました。
お酒を飲みながら、いろんな人との交流を深めつつ、さらにここでもいろいろな人の話を聞くことができます。
テーマは、アクセシビリティ、Webディレクション、IE7、などいろんなジャンルの話を聞くことができる濃い内容でした。

ただ、周りの人たちともいろいろ話をしたいし、でも、講義している内容もとっても気になるし、、、で忙しい時間でした。
しっかりお酒は飲みましたけど。
今回も名刺交換をしてきました。
やっぱりセミナーの性質からWebの現場に直接携わっている人が多いですよね。

トラックバックとかを辿ってこれを読んでくれている人たちは、はじめまして、になると思いますので、自己紹介をしておきます。
t-hosoは、サイトを見ていただいてわかるとおり、ガンプラオタクです。
職業は、PCインストラクターです。DTPとWebのインストラクションをしています。
実際にWebの授業では、HTMLのソースの授業、Dreamweaverの授業を担当しています。
スクール内で、Webのことがわかるのは僕だけで、他の人たちは皆DTPのインストラクターです。
ですので授業の立ち上げや改訂、テキストの作成など、全て自分だけでやっています。
会社自体は印刷会社で、その中の一部署という位置づけです。
中にはWeb製作の部署もあるので、現場の状況はその人たちの話から、感じることになります。

過去の仕事は、いろんなことをしすぎていて書ききれません。
ドックフード売ってたこともあったり、車の塗装をしていたこともあったり・・・
Webに関係することは、ある会社にヘルプデスクで入った時に、会社のホームページを管理することになり、それまでは趣味で作っていたホームページを仕事でやることになりました。
新規コンテンツの立ち上げや、兄弟会社のホームページを作成する、なんてこともやりました。
ただ、誰も相談できる人も無く、自分だけの独学でやっていたので、かなり一般の製作会社のワークフローとは違うやり方をしていたと思います。

現場の状況っていうのが、当然会社によって様々ですので、今回のCSS Liteのような機会はとても貴重で、他の人たちは普段、何を思っているんだろう?実際現場の人ってどういう風に苦しんでいるんだろう?という声を聞くことができます。

そして、ここで聞いた話を自分の授業にフィードバックさせたいと考えています。
例えば、皆さんが自分のいる製作チームに新人が入ってきた時に、その新人君が「実務経験はありませんが、スクールでWeb作成を学びました」と言っている場合、きっと多くの人が「スクールで習ったくらいじゃ使い物にならないな」と思うんじゃないでしょうか。
まぁ、当然現場でもまれた人たちには遠く及ぶはずもありませんが、スクールのインストラクターの立場としては、生徒が卒業していって、会社に入った場合に「へぇ、こういうことも一応わかってるんだ、なら仕事教えるのもスムーズに行きそうだな」と感じてもらえる授業を目指しているつもりです。
なので、出会って話をするWebディレクターさん、デザイナーさん、オペレーターさん、コーダーさんには以下の3つの質問をぶつけてみました。
1.実際に現場として入ってきた新人に「これくらいは知っていてくれよ」と求めるレベルは?
2.あなたの会社では、Dreamweaverなどのオーサリングツールは、どれくらいの人が使っていますか?また、製作のメインで使いますか?一部の機能だけ使うのですか?
3.新人さんが入ってきた場合に、Fireworksがこなせる新人と、IllustratorとPhotoshopがこなせる新人では、どちらがありがたいですか。

やはり会社や人によって答えがバラバラですが、それでも「うちの場合は新人はまずこれを覚えてもらうよ」みたいな話がたくさん聞けるので、授業内容も厚くなっていきそうです。
今度、鷹野さんの許しをもらってmixiのCSS Niteのコミュニティで、「現場の人たちに聞きたい!」というトピを立てさせてもらおうかなぁ、と思っています。
これを読んで「スクールはこうあってほしい」とか「最近のWebスクールに物申す!」と言う方は遠慮なくコメント、トラックバック入れてください。
「ああ、あそこのスクール出てるんなら、大丈夫だね」って言われるのを目指します。

6時くらいから銀座に行っていて、11時までいたので、ものすごい長い時間いたわけですが、あっという間に過ぎてしまいました。
それだけ楽しかったってことですよね。

鷹野さん、益子さんをはじめとするプレゼンテーターの皆様、スタッフの皆様、お疲れ様でした。

2006年03月16日

CSS Nite Vol.6

毎月毎月の待ち遠しくしている、CSS Niteに行ってきました!
今回のゲストは、僕のバイブル『「XHTMLマークアップ&スタイルシート」リフォームデザインガイドブック』の著者である境祐司さんでした。
この本、本当にオススメで、人から「CSSのいい本知らない?」って聞かれたら、真っ先に薦めています。

そんな境さんの、セミナーは「過去のWebデザイン、これからのWebデザイン」という内容でした。
個人的に、ものすごく興味津々。
自分の授業でも、Webの歴史を時系列で説明するところがあるんですが、それの肉厚版。
ものすごくためになり、「自分の授業でも使える!」というネタを仕込むことができました。

聞かせるテンポがやっぱり上手で、限られた時間でしたが、十分に内容を理解することができました。

そして、その後は鷹野さんによる、「みんな大好き、角丸」というテーマで、CSSで表現するボックスを角丸にする手法をいろいろと紹介してくれました。
知っている手法から、「ああ、なるほど、そんな手があったか!」と思わせてくれるものまで、いろいろとプレゼンしてくれました。
メルマガと連動していることもあり、多少急ぎ足のセミナーでしたが、十二分に内容を理解することができました。メルマガ連動ってのは、いいですよね。このメルマガ、最近、生徒さんにも薦めています。
おみやげのポストカードも角丸になっていました。
毎回鷹野さんが仕込んでいる小ネタも楽しみだったりするんですよね〜、どんなに忙しくても必ず何かネタを仕込んでいる、という。。。
こういった忙しくてもどこかに余裕を持っている、というスタンス、見習わないといけません。。

このCSS Niteの後に、懇親会があるのですが、いつもは遠慮していました。
ただ、今回は、どうしても境さんとお話をしてみたくて、しげさんと一緒に参加してきました。
たくさんの人が参加されていて、とても楽しい会でした。共通の話題があるので、話題に事欠くことなく、いろいろな方と話が出来て、名刺もたくさん交換しました。今までの人生で、一日にこれほどたくさんの名刺がなくなるのは初めてな気がします。
境さんは、普段名刺を持たないので、以前はキューピー人形に名前を書いて渡したこともあるとか。。。今回はどうなんだろう、と期待をしていたら、期待を裏切ることなく、やってくれました。
今回の名刺交換は「食玩」!
ヤマトのフィギュアをいただきました。予想通り(予想以上)に面白い方でした。いや、本当に参加してよかったぁ。ちなみに、フィギュアは「アンドロメダ」でした。
この機会を与えていただいた鷹野さんに心から感謝です。

来月以降もとても楽しみです。

2006年02月16日

CSS Nite Vol.5

今日は、1ヶ月に1度のお楽しみ。
CSS Nite Vol.5でした。

今日は、F森さんが、気を使ってくれてCSS Niteに確実に行けるように休みにしてくれました。

本当は、午前中から都内に出て、東京タワーで、デジラマ用の写真を撮ってから銀座に向かおうと思っていたのですが、天気が悪かったため、写真撮影は断念。
夕方から出かけました。

いつもいつも、最前列のど真ん中を陣取っています。
最前列の人たちは、いつも大体同じ顔ぶれなので、見慣れてきました。
そのうち、CSSの話とかできるようになったら、いいな、なんてちょっと思ってたりしますが、意外と内向的なので、なかなか話かけるタイミングとかありません、、、大体みんな数人のグループで来てるんですよ。。僕はひとりで行くので、イベント後の懇親会も出づらくて。。

内容は、今回も素敵でした。
長谷川恭久さんのLife Hackの話は楽しかったです。長谷川さん、ものすごく話が上手でぐいぐいと話に引き込まれます。
「デザインしたければ、まずはいろいろ使い倒せ」というところが、とても共感できました。
最近じゃ、Webを習いにくる生徒さんも、ホームページをあんまり見ないのに、作りたいって人が多いんですよね。
掲示板もチャットもわからない。けど、なんかホームページなら自分でも作れるかなぁ、なんて人が増えてきました。
「ラーメン食べたこと無い人がおいしいラーメン作れるわきゃねーだろぉおお!」と常に思っているので、いい話聞けたなぁ、と。。。
いろいろと便利ツールを紹介してもらえたので、使ってみようと思います。

鷹野さんのテーマは「画像置換」。
実は、ちょうど、ここではなく、別のサイトですが、テーブルレイアウトからCSSレイアウトに移行し始めているところがあるんですが、そこで、サイドバー(ナビゲーション)の画像を、どう扱うか、といったところで悩んでいる最中でした。
結構、鷹野さんの扱うテーマって、自分的に旬でストライクなことが多いです。
このサイトも鷹野さんの話を聞くたびに、テーブルレイアウト→CSSレイアウト、MTの導入、などパワーアップをしてきました。
今回の話を聞いて、直接的な解決になったわけではないですが、かなり参考になったため、自分なりに試行錯誤をしてみようと思います。

今日は、おみやげにCSS Niteのポストカードと、アップルストアからipodのバッジをもらいました。
いつもいつもおみやげまでもらえて、いいイベントだなぁと思います。
これからも皆勤を目指しますよ!

前の会社で一緒に働いていたしげさんが、今、CSSに目覚めていて、今日のイベントのことも声をかけたら、来てくれていたみたいです。
残念ながら会えなかったのですが、帰りの電車の中でメールをもらいました。
しげさん、これ見てたら、来月は軽く飲みましょうね〜

2006年01月19日

CSS Nite Vol.4

今日は1ヶ月に1回のお楽しみイベント、CSSNiteです。
今回で、もう4回目ですね。
今回のテーマは、CSSでのフォントサイズの扱いと、Ajaxでした。
毎回そうですが、かなりタメになります。

特にフォントサイズの件に関しては、日ごろから疑問を持ちながら使っていた部分もあるので、とても参考になりました。
今年の12月までは毎月開催が決まっているこのイベント。
できれば皆勤でいきたいものですね。

本日のお土産は、PCとかにつけておくと糊いらずでメモが貼れるシートと、1回目から皆勤賞の人は手作りのCSSNiteバッチをもらいました。

2005年12月15日

css nite vol.3

今日は月イチの楽しみイベント、CSS niteに行って来ました。
銀座のアップルストアで開催される無料のイベントです。
毎月、この日だけは夜の授業とか残業は入れないように会社にお願いしていて、定時であがって銀座にかけつけます。

これが、無料なのは申し訳ないくらいいい内容なんです。
1回目は、DreamweaverではじめるCSSとして、DreamweaverでCSSを扱う時の注意点とか、こんなことできるんだよ、っていう内容。CSSの魅力が十分に伝わる内容でした。これに参加してから、このサイトのカスタマイズがはじまりました。
2回目は、MovableTypeの紹介、そしてそのテンプレートをDreamweaverでカスタマイズ、という内容+CSSでプリント用スタイルを作ろうという内容でした。そうなのか!こんなことができるのか!とまた目からウロコな内容でした。この回に出たおかげで、このMovableTypeで作ったブログがあります。

そして今回が3回目。
Dreamweaverのテンプレート機能に焦点を当てた内容でした。
いかにDreamweaverのテンプレートとCSSを連携させるか、といった内容で、これもまたすぐにでも使える内容でした。このサイトもプラモのページなんかはテンプレート使えばいいのに、使ってないですからねぇ。。。これはちょっと考えないとね。。
そして、後半はWeb標準の話でした。
時間があまりなく、早口での講義だったんですが、これまた面白い内容でした。Web標準の背景とか歴史とかが聞けたのがとっても嬉しかったです。
ただ、時間がなくて、楽しみにしていたQ&Aコーナーが無くなってしまったのは残念でした。。

来月もまたちょっと気になる内容です。

CSS nite、Webサイトに興味がある人、ブログを持っているけれどそろそろオリジナルに・・・って考えている人にはものすごくオススメなイベントです!
CSS nite vol.4

あ、帰りにアップルストアからiTuneのダウンロードカードをお土産にもらいましたよ。いやぁ、ほんといいイベントだなぁ。。

続きを読む "css nite vol.3" »

2005年11月30日

ホームページ作成打ち合わせ

今日は仕事が終わってから、前の職場の同僚であるN恵さんと会いました。

現在、相方の通っているゴスペル教室の先生がホームページのリニューアルを考えていて、それを依頼されたんですが、ちょっと時間がなさすぎるので、N恵さんにお願いすることにしたのです。
途中から相方も合流して、年明けから本格スタートで、まずはラフ案提出→打ち合わせ→制作ということになりそうです。

帰りがけにちょうどゴスペル教室の前を通りかかったので、今回のクライアントである先生に挨拶だけして、解散しました。
さて、ちょっといろいろと調べることがありそうです。。。時間がないなぁ。
大変だ…

2005年11月29日

夫婦でブログ

ブログを少しずつカスタマイズしていますが、結構大変。。
テンプレートファイルを直していきたいんですが、せっかくXHTMLで綺麗にかかれている内容を崩してしまうのもなぁ。。。とちょっと思ったり。

さて実は、僕の相方もブログを持っていたりします。
ずーっと前に作るだけ作ってほったらかしていたブログがあるんですが、最近少しだけ動き出す気になったみたいです。
ちょっとトラックバックの練習をさせてもらおっかな。

そんでもって、うちの相方はヲタ嫁です。
僕がガンダムガンダム言ってたら、一緒にプラモ雑誌を見たり、ガンダムのDVDを見たりしていていろいろと覚えてしまいました。
モビルスーツよりも人物キャラクターに強くて、以前も「キラルメキレルがさぁ・・・」って話をしだしたんですね、そんで「キラルメキレル?」って聞き返したら「えーーー!キラルメキレルわからないの?もう終わってるよ〜」と言われましたorz
ちなみにキラルメキレルはGガンダムに出てくるガンダムファイターの一人です。。。

そんなヲタ嫁のヲタクっぷりを時々書いていこうかなぁ、と思っていたりします。