シリコンカフェ@森川眞行のブログです。

多摩美の授業もいよいよ追い込み。まだ仮段階だけど公開もはじまりました。

今日の授業は個人指導。結局7時まで大学に残って教えていました。吉橋先生の予言通りに、この時期になるとラストスパートがすごい。みんな目が血走っている(笑)

とにかく生まれて初めて作ったウェブサイト。よくここまで来た…と思う。もちろんまだまだ終わっていない。来週の金曜日からはオープンキャンパスがはじまって、金曜日には学生のプレゼンテーションがある。興味のある人は見に行ってあげてください。残念ながら僕は、最後のアックゼロヨンセミナーなので参加できないけど、土曜日の展示には足を運ぶつもりです。

いよいよ追い込みだけど、まだまだ仕上げに向けてやることがあるはず。ここまで来たら、あとは細部の精度をどうやって上げていくかだよ。このブログを読んでくれているひとも、是非意見してあげてください。（プロの先輩が多いから役立つと思うぞ）

あと一週間だけど、「あと一週間しかない」と思うか「まだ一週間もある」と思うかで仕上がりが大きく変わる。前にも書いたかもしれないけど、ウェブは正直だ。かかった時間や情熱がそのまんまサイトに現れちゃう。

ネバーネバーネバー・サレンダーやで

多摩美の授業もいよいよ追い込み。まだ仮段階だけど公開もはじまりました。

今日の授業は個人指導。結局7時まで大学に残って教えていました。吉橋先生の予言通りに、この時期になるとラストスパートがすごい。みんな目が血走っている(笑)

とにかく生まれて初めて作ったウェブサイト。よくここまで来た…と思う。もちろんまだまだ終わっていない。来週の金曜日からはオープンキャンパスがはじまって、金曜日には学生のプレゼンテーションがある。興味のある人は見に行ってあげてください。残念ながら僕は、最後のアックゼロヨンセミナーなので参加できないけど、土曜日の展示には足を運ぶつもりです。

いよいよ追い込みだけど、まだまだ仕上げに向けてやることがあるはず。ここまで来たら、あとは細部の精度をどうやって上げていくかだよ。このブログを読んでくれているひとも、是非意見してあげてください。（プロの先輩が多いから役立つと思うぞ）

あと一週間だけど、「あと一週間しかない」と思うか「まだ一週間もある」と思うかで仕上がりが大きく変わる。前にも書いたかもしれないけど、ウェブは正直だ。かかった時間や情熱がそのまんまサイトに現れちゃう。

ネバーネバーネバー・サレンダーやで

学生の最終プレゼンを見る。もちろん最終プレゼンと言ってもサーバ公開まではまだ一週間あるが、僕やNORIさんや吉橋先生の三人揃っての講義はこれが最後。前回の中間プレゼン以降、みんなすごくがんばった。安易に誉めてはいけないのかもしれないが（謎）、非常によくできていた。それは完成度という話ではなく、取り組みという面で。

仕事っちゅうもんは、自分がそのプロジェクトに何時間取り組んできたのかが、明確に現れる。それは言い訳できない。どれだけ自分の作成した画面に取り組めるか…その時間の量だと思う。慣れてくるとその時間配分を調整できるのかもしれないけど、学生諸君にはそんな余裕はない。それでいい。はじめてのプロジェクトでここまで辿り着くことができることができれれば上等。

それに、吉橋先生もおっしゃっていたが、ある程度完成した人は、ここからが勝負だ。もっともっと自分を疑うこと。細部にわたって「これでいいのかっ！自分！」って意思を忘れてはいけない。それは画像のコントラストやガンマカーブや、エフェクトの選択や、図形の組み合わせや、タイポグラフィの再考とか、文字のカーニングやトラッキング、書き出し画像のダイエット、さらに書き出し画像形式の最適化、SWFダイエット、スクリプト整理、イラスト書き込み、色の配慮、カラーパレット再考、ソースコード見直し、すべてのブラウザチェック、文言の見直し、句読点チェック、アクセシビリティ配慮、誤字、脱字、文章トーンのチェック。やらなくてはならないことが沢山ある。ありすぎる。

でもね、きっとここまでの工程で泣きながらやってきて、ある程度完成をみたひとなら、わかっているとおもう。これからの作業はさらに苦しくなる。でもそれが愉しみでもある。僕もそうであったように、プラモデルを作ったり、ミニコミ作ったり、イベント計画したり、バンドやったり、演劇やったり…とかクリエイティブの愉しみとは創造の苦しみと表裏一体なのだから。だから楽しめばいい。そういうプロジェクトを楽しんで推進できるのは、大学生の時だけだ。羨ましい(笑)。

質問とかはMLで回答するし、このブログに投げてくれれば、僕以外のプロのクリエイターも応えてくれるかもしれん。大学生なんだから、がっついていけ！厚かましくてもダイジョーブ。いましかないぞ。あと少しなのでがんばってくれ。

このブログからもリンクしている多摩美の授業ブログ。ここから、それぞれ学生のブログへリンクしている。

来週は課題サイトの公開版のプレゼンだ。それなりにみんなテンパっているのがわかる。公開版と言っても、本番は7月末だからまだ先だ。いわゆるカットオーバー前の確認用のステージングサーバーを組んだに過ぎない。

前回の授業でCSSを教えた。3時間の授業でFireworksでインターフェイスを完成させてからCSSレイアウトを組むまでの作業を実践してみせた。我ながらよくやったと思う。普通ぶっつけ本番でフルCSSでマスターページを作る…って大変なことなのだ。少なくとも僕にとっては。

ブログを見ていると「わからない」「難しい」…という声が圧倒的である。あたりまえだ。プロが何週間もかかって理解する工程を、たった3時間の授業で理解できるわけがない。

それも含めて、ブログ全体を見ていると「今日は○○を教えてもらった」とか書いてある。この「教えてもらった」というのが、結構ひっかかる。教えてもらわないとできないのだろうか。それって義務教育での話だろ…とか思うが違うのか。

僕の芸大時代、教授は何も教えてくれなかった。ひたすら自分の作品を作っていただけだった。学生はそれを横で見ているだけだった。美術とかデザインって基本的に教えてもらうものではない。そういう姿勢のままだと社会に出てからも苦労するぞ…とか思う。

社会に出てからは、決して誰も教えてくれない。そして自分から学ぼうとしない人には、教えようという気力も萎える。誰だって砂漠に水を蒔くのはいやだ。

授業の中でよくいうこと。仕様書は必ず読んでください。このサイトは見ておいてください。…などということに、果たして何人が耳を貸しているのか？

前回のCSSの授業にしても仕様書をちゃんと読むこと。つまりHTMLというものがちゃんと理解できていれば、難しいわけがない。HTMLを理解できていないからCSSが理解できない。あたりまえのこと。デッサンできないアーティストにデザインか絵画か、どっちへ進む…なんて話はありえないわけです。

しかし、公開版が目前であっても、それがすべてではない。今からでも間に合うのだ。悪いけど学生の作っているレベルのサイトなら、プロならすべて一日でやってのける。つまり実装なんて一日あれば全部ひっくり返して作り直すこともできるのだよ。

でも、自分はプロではないから…と思っているのなら、その時点で負けだから、それ以上は求めない。


…と、別に愚痴を言っているわけではない。前回のブログを読んでいた学生が、ちゃんと僕のメールアドレス宛に学校のマシンに残してきてしまったデータを送ってきてくれた。

その後、同じ学生からCSSの質問があった。ボタンをCSSで展開する際の表示に関するものだった。それはリストを入れ子にすることで解決するのだ。それ以外にも、アドバイスできることをメールでやりとりした。

彼女は気づいたのだ。

そういった反応があるだけで十分だと思う。できれば全員が気づくことが望ましいが、それは個人の考え方次第だったりする。

僕はいままで、数多くのセミナーを行ってきた。特にFireworksに関しては2000年にデスマッチセミナーとして5時間連続でセミナーをしてきた。5時間かけても全部を教えられるわけではない。しかしアプリケーションの使いこなしについて「気づく」ことはできると思っていた。おかげさまで、セミナー終わると「目から鱗が落ちました」という声を沢山いただいた。ありがたいことだ。

決して諦めなければ、なんとかなるものだ。それは断言する。そして解らないを連発するまえに、何が解らないのかを明確にすること。解らないことそのものが、解らないなんて、単に甘えているだけだと思う。

Fireworksのデータを完成させて、ローカルサイト内のPNGフォルダに保存。Dreamweaverでローカルサイトを定義してから、作業開始。

いよいよフルCSSレイアウト。

Fireworksのマスターデータとなるファイルから、それぞれのパーツのPNGマスターを作成するには、スライスオブジェクトを使って「ドキュメントを切り抜く」を実行するとよい。

それぞれのPNGマスターからJPEGやGIFを書きだす場合は、必ずDreamweaverをバックグラウンドで起動させておくこと。これは運用面で画像更新の際に役立つ「ラウンドトリップHTML」という連携機能のためだ。

インターフェイス設計の際に話をしたページ内での役割、及び文書構造としての位置づけを考えながら、ページ内のDivisionを割り当てていく。Divisionとは会社で言う部署とか、大学の学科…みたいな、塊としてのブロック。

それをそのまま[div要素]としてマークアップをする。そしてそれぞれの[div要素]には意味のある名称をIDとして認識させること。ページ内での役割だな。

[div要素]を入れ子にする場合でも、できる限り意味のある構造にすること。[div要素]はそのままボックスというかハコとしての観念で組みたてていくこと。

それぞれの[div要素]をIDで割り振れば、リストや段落などの要素はクラスで指定しなくとも、CSS側でまとめて設定できる。ソースコードはできるかぎりシンプルに。これでもかっ！ってくらいに意地になって行数を減らす努力をしましょう。

…

今日の授業の中でCSSレイアウトのキモは全部説明しました。もうこれ以上教えることはありません。なので、今後はわからないことがあれば、個別に聞いてくださいね。

それと、業務連絡ですが…
【1】授業が終わった直後に、僕が作ったサンプルサイトをみんなデータで持って帰ったと思うのですが、じつはあれからバージョンアップしています。まず杉田さんの質問に答えたリストのボタンで「現在位置」を示すための工夫ですが、これは通常のリスト項目がに装飾のためのCSS（hover含む）にしていますが、現在位置はではありませんね。なので[span]としてマークアップして現在位置の装飾をCSSに書き込んでいます。

【2】コンテンツ領域のdivの設定まで時間が足りませんでしたが、森川は残って7時まで作業してました。最近版のデータは講師用のMacintoshに入っていますので必要なら持って帰ってください。

【3】講師用のMacintoshに入っていたデータなんですが、実は森川はメモリスティックを忘れてしまったので、作った本人が持って帰れませんでした。なので誰か、森川の個人のメアド宛に、今日作ったサイトをそのまま圧縮して送ってくれませんか。

【4】今日作ったサイトのバリエーションを作る予定があるので、それも出来次第MLに送信するか、僕のサイトからダウンロードできるようにします。細かなデザインモジュールなどは、随時追加していきますので。

以上です。公開版までもうすぐですが、まだまだこれからです。あとは実装の精度をあげるだけですね。これからが勝負です。細部のツメでのアドバイスは、なんぼでもしてあげます。質問はこのブログでも受付まっせ！

では、がんばってね！

中間のプレゼンテーションが終わっている段階で、タイミング的には遅いかもしれないけど、改めてインターフェイスデザインの基礎をやりました。というよりFireworksでの制作ですね。

まあ、ウェブサイト公開までのプロセスとして企画から要求分析、要件定義までを理解しているのであれば、実装面ではいまのみんなはトライ＆エラーを繰り返すこともそれは、それで大切なので、何度も言うようだけど、自分を疑って、そして精度を少しでも上げてくださいね。

ウェブサイトを作り始めた最初はみんな手探りなんだよ。最初からわからなくてもいい。解らなくてアタリマエなんだからさ。解るようにがんばれ。解らない部分があれば、調べるのよ。ウェブとか書籍とかで。友達に聞いてもいい、授業で僕に聞いてもいい。手段は選ばなくていい。

あのね、僕なんて今だから結構サイトのこととか、デザインとかもわかってきてて、みんなに教えているけどさ。最初は僕もそうでした。人並みはずれたデザイン力があるわけでもないし、発想だって貧困だしね。でもそういった、ヘタレなやつでも、やる気があればなんとかなるもんですよ。

若いんだからね。徹夜が続いたって平気だべ。スキルも才能もないデザイナーだった若い日のモリカワは、徹夜して、他の人より沢山の時間をかけるしか、認めてもらえる手段はなかったですよ。

7月末の最終公開の段階まで、結果として何時間自分の企画やデザインに向かい合ったか…しかないわけです。まじで。それは本当に結果として出る。見事に。プロの世界ではもちろん結果がすべてだけど、今回の授業ではプロセスもちゃんと見ているからね。がんばってくれ。

サイトだけじゃなくて、仕様書、ガイドラインなどもちゃんとできていると嬉しいと思う。もし、そういったサイト以外のドキュメントもちゃんと作っていこうと思うなら、きっとそれは将来大きく評価されるよ。

個人的に、この数日毎日5時間も寝ないで、ずっと仕事していたんですよ。モリカワ先生は。だから、みんなもがんばれ。オッサンができるんだから、おまいたちもできるはず。