レスポンシブWebデザイン「現場のメソッド」をプロから学ぼう！

WCK Sessions Vol.10 では書籍『プロが教えるレスポンシブWebデザイン 現場のメソッド　レイアウト・UIのマルチデバイス対応手法』の出版を記念して、著者の前川 昌幸さんからレスポンシブWebデザインについて学ぶ勉強会を開催します。

高知のWeb制作の現場にも浸透しているレスポンシブWebデザインですが、「実際のところどうすればいいの？」とお悩みの方も多いのではないでしょうか。

今回お迎えする前川さんは、岡山に本社と制作拠点を置くWeb制作会社のマークアップエンジニアとして活躍されています。「最先端」ではなく「地方の現場」でのレスポンシブWebデザインについて、基礎知識から具体的なパーツの実装まで解説いただきます。

これからレスポンシブWebデザインに取り組みたい方も、制作現場でお悩みのデザイナー、エンジニアのみなさんも、この機会にぜひご参加ください。
　

こんな方におすすめ

• レスポンシブWeb制作の現場で困っている
• これからレスポンシブWebデザインに取り組みたい
• 「スマホ対応」と「レスポンシブ」の違いが分からない
• レスポンシブWebの具体的な実装方法が知りたい 　

　

セッション紹介

レスポンシブWebデザインのWhyとHow

レスポンシブWebデザイン（以下RWD）という言葉自体は今やWeb制作の現場においては「当たり前」の存在かもしれません。ただし、地方の現場や受託制作の現場において半ばなし崩し的にレスポンシブWebデザインでの制作に入っているという例も時折目にすることも、実際に携わることもあります。

そういった状況において助けになるのは、「なぜRWDなのか？（Why）」や「どうやってRWDを実装するか？（How）」に対する知識と理解です。

このセッションはRWDの基本的な概念から、現状での普及度合い、取り巻く環境、基本的な実装方法などを解説することで、これから実装に限らずRWDの実装に携わる人や、RWDの案件に対して不安のある人達の疑問を解消します。
　

レスポンシブWebデザインでのUI実装

レスポンシブWebデザインを実装している時に、なにかと問題になりやすいのが動きのあるUIです。確かにPCだけを対象にしていた時と同じようには行かないものですが、だからといって簡単に妥協するわけにも行きません。

このセッションでは、CSSやJavaScriptを用いたUI実装の具体的な解説を行いつつ、スマートフォンやタブレット、PCで共有できるUI実装のポイントを時間の許すかぎり紹介していきます。
　

書籍紹介

プロが教えるレスポンシブWebデザイン現場のメソッドレイアウト・UIのマルチデバイス対応手法

笹尾 万里子　著／中村 真己　著／前川 昌幸　著／株式会社イー・ネットワークス　監修
B5変形判 / 192P
ISBN978-4-8443-6580-8 / 価格（本体2,300円＋税）※電子版の価格は販売ストアにて
2016年04月15日発売

スマートフォン、タブレット、PCなど、多様なデバイスでの表示に対応する手法として定着したレスポンシブWebデザイン。1つのサイトでさまざまな画面サイズに対応できる点が魅力ですが、しっかりと意識してつくらないとレイアウトが崩れたり、UIの機能が損なわれて使いづらくなったりと、問題が起こりがちです。本書では最も基本となるレイアウトをはじめ、ナビゲーション・フォーム・モーダルウィンドウ・カルーセルなどのパーツごとにレスポンシブに対応させる実装方法を解説しました。シンプルなわかりやすい作例をベースにステップ・バイ・ステップ形式で解説していますので、本質的な仕組みを理解できます。また、掲載コードをダウンロードでき、コピー＆ペーストなどでご利用いただけますので、ご自身のWebサイトに部分的に取り入れたり、ひな型として使用することも可能です。Googleマップなどの外部API、Webアイコンフォント、遅延読み込みといった周辺技術も取り上げていますので、スマートフォンに対応したサイト制作の傍らでお役立ていただける一冊です。（MdN 書籍紹介ページより）
　

出演者プロフィール

　
前川 昌幸（まえかわ・まさゆき）

CD/VIDEOレンタル店店長、バーテンダーを経て1999年に広告制作事務所でWeb制作に従事し、2014年7月よりイー・ネットワークスに所属。業務の他に登壇・執筆・翻訳などを行う。okayama-js主宰。CPIエバンジェリスト。
主な著書として『レスポンシブWebデザイン入門』（技術評論社）、『現場のプロが教えるWeb制作の最新常識』（MDN/共著）、『Web制作者のためのSublime Textの教科書』（インプレス/共著）などがある。
　

株式会社　イー・ネットワークス

「すべての人にITの恩恵を」を企業理念に、サーバーレンタル・ホスティングサービス、Webアプリケーション開発、Webサイト制作、ASP事業などを行っている。本社所在地は岡山県岡山市。
企画提案からサーバーまで一括のサポートから、それぞれの領域での受託、ASPサービス、デジタルサイネージなどプロダクトの開発といったインターネットに関わる様々な事業を行っている。
https://www.enetworks.jp/

　

WCK Sessions Vol.10	レスポンシブWebデザイン 現場のメソッド
開催日時	2016年9月2日（金）18:30 開場／19:00 開演／20:50 終了 ※終了後 おきゃく（懇親会）別途有料で開催
開催場所	高知市文化プラザかるぽーと　中央公民館9階 第1学習室
出　演	前川 昌幸（株式会社 イー・ネットワークス）
定　員	30名
参加費	2,000円（会場払い） ※当日、書籍『レスポンシブWebデザイン 現場のメソッド』を 持参の方は、1,000円でご参加いただけます。
準備物	筆記用具、名刺
主　催	ウェブクリエイターズ高知
Facebookイベント	https://www.facebook.com/events/1061252540621625/
ハッシュタグ	#kochiweb