WCK高知のWeb業界を盛り上げるコミュニティウェブクリエイターズ高知はこちらです。昌幸さんからレスポンシブWebデザインについて学ぶ勉強会を開催します。高知のWeb制作の現場にも浸透しているレスポンシブWebデザインですが、「実際のところどうすればいいの?」とお悩みの方も多いのではないでしょうか。今回お迎えする前川さんは、岡山に本社と制作拠点を置くWeb制作会社のマークアップエンジニアとして活躍されています。「最先端」ではなく「地方の現場」でのレスポンシブWebデザインについて、基礎知識から具体的なパーツの実装まで解説いただきます。これからレスポンシブWebデザインに取り組みたい方も、制作現場でお悩みのデザイナー、エンジニアのみなさんも、この機会にぜひご参加ください。価格(本体2,300円+税)※電子版の価格は販売ストアにて2016年04月15日発売スマートフォン、タブレット、PCなど、多様なデバイスでの表示に対応する手法として定着したレスポンシブWebデザイン。1つのサイトでさまざまな画面サイズに対応できる点が魅力ですが、しっかりと意識してつくらないとレイアウトが崩れたり、UIの機能が損なわれて使いづらくなったりと、問題が起こりがちです。本書では最も基本となるレイアウトをはじめ、ナビゲーション・フォーム・モーダルウィンドウ・カルーセルなどのパーツごとにレスポンシブに対応させる実装方法を解説しました。シンプルなわかりやすい作例をベースにステップ・バイ・ステップ形式で解説していますので、本質的な仕組みを理解できます。掲載コードをダウンロードでき、コピー&ペーストなどでご利用いただけますので、ご自身のWebサイトに部分的に取り入れたり、ひな型として使用することも可能です。Googleマップなどの外部API、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実装のポイントを時間の許すかぎり紹介していきます。昌幸(まえかわ・まさゆき)CD/VIDEOレンタル店店長、バーテンダーを経て1999年に広告制作事務所でWeb制作に従事し、2014年7月よりイー・ネットワークスに所属。業務の他に登壇・執筆・翻訳などを行う。okayama-js主宰。CPIエバンジェリスト。Textの教科書』(インプレス/共著)などがある。イー・ネットワークス「すべての人にITの恩恵を」を企業理念に、サーバーレンタル・ホスティングサービス、Webアプリケーション開発、Webサイト制作、ASP事業などを行っている。サーバーまで一括のサポートから、それぞれの領域での受託、ASPサービス、デジタルサイネージなどプロダクトの開発といったインターネットに関わる様々な事業を行っている。現場のメソッド』を持参の方は、1,000円でご参加いただけます。