メイン

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

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

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