CSS Nite LP, Disk 35「マルチデバイス対応 2014」

ゃべゃすひと@駆け出したいウェブ制作な人 @yabecchy

Webサイトの需要がなくなる世界。そこまで悲観はしてないけど、厳しくなるのは確かだと思います。 #cssnite_lp35

Takuya Mori @taqumo

要するに、勉強することは山ほどあるってことだよね… #cssnite_lp35

versionfive @versionfive

Webの技術は、これからWebからデバイスの中にはいっていくのかしら #cssnite_lp35

秋葉（とみた）ちひろ @tommmmy

たにぐちさんおもしろかったー！！ #cssnite_lp35

iwbjp @iwbjp

レスポンシブWebデザインのワークフロー 小川 裕之（ツクリベ） #cssnite_lp35

bg @bitgleams

小川さん。レスポンシブWebデザインのワークフローについて。 #cssnite_lp35

bg @bitgleams

小川さんが実際に携わった経験に基づいた、失敗したワークフロー、成功したワークフローを紹介。 #cssnite_lp35

bg @bitgleams

まず始めに失敗事例。情報設計→ワイヤーフレーム→デザイン→コーディング→テスト→納品 #cssnite_lp35

吉川雅彦 🦌旅行しおりサービスPen @masahiko888

デザイン未完成でコーディングとか、死ぬフラグしか立たない #cssnite_lp35

サトウ ハルミ / フロントエンド専門 FLAT @uzu

#cssnite_lp35 レスポンシブウェブデザイン＝コーダーに話が来るのが、設計後でデザインがレスポンシブ最適化されていない。あるある！可変と実装を理解していない構造／デザインの場合破綻する。

Takuya Mori @taqumo

ブレイクポイントすごすぎ…（;￣O￣） #cssnite_lp35

bg @bitgleams

構成の検証が不十分なままデザインを決定してしまうのは、あぶない。 #cssnite_lp35

サトウ ハルミ / フロントエンド専門 FLAT @uzu

#cssnite_lp35 webを理解していないデザイナさん＝調整が必要になり、かならず実装モメる。最初からコーダーに設計／デザインを指定させてほしい。デザインファーストでは実装むずかしい。

Takuya Mori @taqumo

工数やばいよねコレ… #cssnite_lp35

bg @bitgleams

通常（従来）のサイトより修正の工数が増えるリスクがある。 #cssnite_lp35

サトウ ハルミ / フロントエンド専門 FLAT @uzu

#cssnite_lp35 デザインは機能を実現するもので、レスポンシブ（技術）が前提のサイトをデザインファーストのフローで作ると失敗しやすい。ただしディレクション・デザイン側が実装とデザインを完璧に理解している場合に限り、うまくいく。

bg @bitgleams

実装して初めて問題に気づく……というリスク。 #cssnite_lp35

Takuya Mori @taqumo

上流が適当だと痛い目見る。コーダーがね！ #cssnite_lp35

ゃべゃすひと@駆け出したいウェブ制作な人 @yabecchy

「やってみないとわからない」というのは、往々にしてありますね。 #cssnite_lp35

bg @bitgleams

あとの行程ほど前の行程の影響を受ける……というリスク。 #cssnite_lp35

Takuya Mori @taqumo

実装して初めて問題に気付くのはしょーがないよね。だからプロトタイプが必要。 #cssnite_lp35

コイズミ_ヒロアキ@デジタルプロダクトを作る人 @HirO__Koizumi

RWD、デザイナーとコーダーが打ち合わせ無しで進行は不可能だよね。。。#cssnite_lp35

bg @bitgleams

順調なときはリスクに気づきにくい。 #cssnite_lp35

bg @bitgleams

ここから小川さんがやって成功したワークフローの紹介。 #cssnite_lp35