アックゼロヨン最終回-森川さんメモ

2005年07月22日 セミナー

あくまで私的なメモです。
レジュメに記載以外の森川さんのトークの部分の補足なので、信用しちゃ駄目ですよ(謎)

森川さん

CSS+XHTMLサイト構築のワークフロー

要件分析・要件定義
利用者を明確にする(加筆分)
サイト利用者の要件を満たすために

指針書策定
ウェイトが大きくなった
お金取れるの?→撮っている
・ドキュメントで1センチ〜2センチに渡るもの
・クライアントや制作側も複数人で作成する事があるので、それを吸収するために必要である。
・ルールブック化しておかないと安定した品質で提供できない。

分冊しているもの
・サイト設計指針

■設計指針の内容(抜粋)
・やらないと行けないことをを考えて明確にしていく
(リニューアルの場合だとしたら)第二階層に直でくることが多いから上位階層を表示するナビゲーションがいるよね、といった風になる。
全部を書いているわけではないけど、ある程度のルール決めは必要

基本設計
・ディレクトリ設計
リニューアル与件として、過去のURIとのバランス(資産としてのURI)も考慮に入れる
※ディレクトリ名称は、情報の一部としてインターフェース設計にも影響する場合がある(body要素IDなど)

・文書構造
ワードの「スタイルと書式」でマークアップしたものをドリに持っていくと反映?
→クライアントからの原稿をマークアップしてもらうことが出来る
文章を塊として意識していく。
・インターフェース構造設計
例:週間ウェブスタンダード(WS.JP)
全ての要素を洗い出せばそれはCSSレイアウトでもテーブルレイアウトでも作れるし、CSSレイアウトできないことはない
ディヴィジョン(div要素)として考えていく


・インターフェースデザイン

詳細設計
CSS設計指示書
ギブスタイルシート
インポート拡張の考え方
HTMLのID分類と子孫セレクタと、二行以上のCSSリンクのメリット、デメリット
基本的なCSSとカテゴリー
モジュール設計
構成要素が先に分かっていれば、見出し、段落でもどういう表示にするのかを洗い出せる。
それを表現する為のモジュールを先に作りこんでいくことができる。
実装

運用
マークアップ
クライアントに運用をしてもらうためにも、HTMLはシンプルに作っておく必要がある。
見出しはH1と、段落はpと、リストはliと書くだけでいい状態にしておいてあげる。
CSSの追加と更新
設計者が必ず関わるようにしておかないと崩れていく。


上流工程ほんまにやってるの?
これをしてないと出来上がりがトンデモになってくる、PJが頓挫した時に大変になる。

CSSでの実装大変では?
スキルのアップは必要ではあるが、構成要素の洗い出しとモジュール化によってHTML自体は耐久性が高くなると確信している。

著者写真
この記事を書いた人
名村晋治 / 株式会社サービシンク

都内のWeb制作会社のWebディレクター兼代表取締役。 1994年にインターネットに出会い、1996年、学生4名でのWeb制作事業をはじめ、Web黎明期から多くの大手企業のサイト制作・開発に携わる。 2000年から2005年までは不動産検索サイト「LIFULL HOME"S」を運営する株式会社LIFULL、2005年から2009年までは都内のWeb制作会社の取締役として参画し、2010年に株式会社サービシンクを立ち上げ、代表を務める。 現在もWebディレクターとして現場でのPMを行う。 経験案件規模は直請けで10万円〜3億円。 過去900人以上が受講している「Webディレクター育成講座」は2000年より開催し今年で25年目。 2020年よりWebクリエイターへの情報提供のためのPodcast「Webディレクションやってますラジオ」を毎週金曜23時に配信中。 不動産テック協会 理事 2023年慶應義塾大学大学院経営管理研究科(MBA)取得

@yakumo

関連記事

同じカテゴリー「セミナー」の新着記事を表示しています。

BacklogとAI、どこから手をつけるか ─ JBUG Creative #4 に登壇しました

2026年08月27日

BacklogとAI、どこから手をつけるか ─ JBUG Creative #4 に登壇しました

2026年8月21日「AI活用ファイトクラブ in 沖縄」で登壇しました。

2026年08月24日

2026年8月21日「AI活用ファイトクラブ in 沖縄」で登壇しました。

「JBUG東京#26 Web制作会社向け Backlog活用ナレッジ共有会〜Wiki・ドキュメント編〜」に登壇しました。

2025年03月08日

「JBUG東京#26 Web制作会社向け Backlog活用ナレッジ共有会〜Wiki・ドキュメント編〜」に登壇しました。

Backlog World2024に出演させていただきました。

2024年12月16日

Backlog World2024に出演させていただきました。

登壇情報:Life Hack Camp Vol.10「つながる、はじめる、かんがえる - チャレンジを楽しもう!」

2024年11月29日

登壇情報:Life Hack Camp Vol.10「つながる、はじめる、かんがえる - チャレンジを楽しもう!」

「JBUG東京#24 Web制作会社向け Backlog活用ナレッジ共有会〜課題設定・管理編〜」に登壇しました。

2024年10月05日

「JBUG東京#24 Web制作会社向け Backlog活用ナレッジ共有会〜課題設定・管理編〜」に登壇しました。