update.はじめにさあ、作るぞ!その前に!実際に作り出す前に、確認と決め事、準備を行うのは大事。チームで制作を行う場合、ここを怠ると後で苦しみます、確実に。マークアップその前に、と言った感じの話が多いです。制作前に決めたいこと制作仕様書どこまで対応するのか、どこまでは切り捨てるのかを決めます。これは案件によって変わってきますね。開発環境もこの時点でしっかり足並みを揃えておきます。無駄な努力も発生します。やること、やらないことを決めちゃいます。コーディングルールコーディングの記述にルールを決めます。インデントするのかインデントは何スペース分かclass、IDのルール決めコメントの入れ方マークアップする人が増えれば増えるほど、癖が後々思いもしない不具合を起こします。防ぐためにもしっかり書き方はなるべく細かいところまで統一します。以下に参考になりそうなガイドラインも載せておきます。具体的な命名規則の例が表にされていて非常に参考になるデザインカンプ簡単なサイトの場合や、BootstrapなどのCSSフレームワークを使う場合のclass名をつけるだけでUIが壊れる場合以外は、カンプをチェックし、問題なければマークアップしていきます。遷移図ユーザーして移動していく導線を決めます。大規模に複雑なサイトになる程導線も複雑になります。具現化しておくことが重要です。webライティングサイト内に入れる文章です。クライアントからもらえる場合はいいのですが、カタログ、雑誌からこちらでリライトする場合もあります。先に考えてメモ帳などにまとめておいた方が、後からコピペで貼り付けるだけなのでコーディングの手を止めて考えなくていいので楽だと思います。やりながら考えるとしんどいです。スタイルガイド自動生成ツール今は便利なものがありまして、モジュール一覧ページの自動生成ツールがあります。残念ながら、まだ試せてませんが、まとめておきます。Systemまとめいかがでしたでしょうか?準備あれば憂いなし、という言葉があるように制作においとも準備が必要です。会社で働いている方には当たり前のことばかりでしょうが。結果的に効率も上がります。私はスクールに通っている頃から、実際の制作現場を想定して準備を行い、チームで制作を心がけていました。今学ばれている方はこれらを踏まえての制作をすることでより実戦に近い経験を得られるのではないでしょうか。upLoginユーザーは見つかりませんでした。