新機能 connpass の「IT勉強会カレンダー」画面において、以前からご要望の多かった、都道府県の絞り込みが可能になりました。詳しくは こちら をご覧ください

このエントリーをはてなブックマークに追加

1月

31

html5j Webプラットフォーム部 第20回勉強会

レスポンシブ・ウェブ・デザインを学びなおそう

主催 : html5j Webプラットフォーム部

ハッシュタグ :#html5jplat
募集内容

一般枠

無料

先着順
147/140

イベントの説明

今回のテーマは「レスポンシブ・ウェブ・デザイン(RWD)」

レスポンシブ・ウェブ・デザインが登場してから、はや6年以上経ちました。 日本にも浸透し、現在では大小関わらず様々なウェブサイトで当然のように採用されています。

しかし、この間にデバイスのディスプレイサイズも様々なものになり、CSSもFlexboxやCSS Grid、単位も%の他にvw、vhが登場したり、ブラウザ自身もできることが増え、当初言われていたプラクティスから変わりつつあります。

そこで、今回はRWDについてもう一度基本に立ち返るとともに、現在のRWDを見ていきたいと思います。 現在の状況、求められるUIと実装のプラクティス、そして現場で起こる衝突など、デザイナー、フロントエンジニアに関わらず、そして初心者から実際に作業している方まで何かしら得るものがあると思います。

タイムテーブル

時間 テーマ 登壇者
19:00-19:30 開場 -
19:30-19:35 はじめに -
19:35-20:05 Responsive Web Design もう一度 Web Directions East 合同会社 代表/UX DAYS TOKYO 主宰/ノーマン・ニールセングループ UXマスター 菊池 崇 様
20:05-20:35 表の幅はどう決まる 株式会社ピクセルグリッド 小原 司 様
20:35-20:50 休憩
20:50-21:05 初体験で挑む!ぼっちのRWD対応 大道寺 寿文 様
21:05-21:20 <デザイナー×エンジニア> RWDでステップアップLOVE html5j Webプラットフォーム部 eegozilla
21:20-21:30 じゃんけん大会 -

※タイムテーブル、セッション内容は変更となる可能性がございます。 

講演アブスト

『Responsive Web Design もう一度』

Responsive Web Designが生まれてから、5月で丸7年になります。 RWDは「メディアクエリ」「フルードイメージ」「フルードグリッド」と非常に簡単な基本原則を守れば誰でも作れることから、多くのウェブサイトがRWDで作られています。

当たり前のようにウェブサイトをRWDで構築されるようになっています。

今年は、RWDについて再学習してアップデートしませんか、Flexbox, Grid Design, vw,vwなど新しい技術を組み合わせると、より効率良くRWDを構築することができます。

実際にどのようにRWDにおいて新しい技術を利用するのかを、実際に陥った問題をどのように、どのような方向へ導くのが正しいのか一緒に考えてみましょう。

よりスマートなRWDを作る方法を紹介します。

自己紹介

菊池 崇
Webコンサルタント・コーダー

Web Directions East 合同会社 代表/UX DAYS TOKYO 主宰/ノーマン・ニールセングループ UXマスター

日本で最も早くから「モバイルファースト」、「レスポンシブWebデザイン」に注目し広めた人物で、レスポンシブWebデザインの第一人者と呼ばれている。
ASCII.jp - Web Professionalで2012年度はアクセス数ランキング1位。数百ある記事の中から、6つの記事が同ランキング入りするなど人気の記事を記載するなどテクニカルライターとしても活躍する。
スマートフォン案件から大手企業サイト、自社プロジェクト等を行う傍ら世界最高峰イベント Web Directions の日本を統括し、米国、豪州、イギリスのカンファレンスへ参加しWeb技術の研鑽し続けている。世界に有名な NNGのUXサーティファイドの日本人初の取得者である。

<書籍>
執筆:レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック
監修:マーケティング/検索エンジンに強くなる Google Search Consoleの教科書
監修:ノンデザイナーでもわかる UX+理論で作るWebデザイン

じゃんけん大会を行います!

勉強会終了後にじゃんけん大会を行います。今回は、マイナビ出版様のご厚意により、デザイン関連書籍を3冊ほどご提供いただきました。じゃんけん大会勝者にプレゼント致します!

<賞品>

今回は配信は行いません

カメラマンの都合により今回は配信は行いません。何卒ご了承ください。

日時

2017 年 1 月 31 日 (水) 19:30 (開場 19:00) ~ 21:30

場所

東京都港区港南 2-16-3 品川グランドセントラルタワー
日本マイクロソフト株式会社 品川オフィス
セミナールーム C+D

http://www.microsoft.com/ja-jp/mscorp/branch/sgt.aspx

資料 資料をもっと見る/編集する

フィード

ega1979

ega1979さんが資料をアップしました。

2018/03/07 11:31

ega1979

ega1979さんが資料をアップしました。

2018/02/06 01:00

ega1979

ega1979さんが資料をアップしました。

2018/02/04 16:18

ega1979

ega1979さんが資料をアップしました。

2018/02/04 00:35

ega1979

ega1979さんが資料をアップしました。

2018/02/02 13:16

ega1979

ega1979さんが資料をアップしました。

2018/02/02 13:16

ega1979

ega1979 さんが html5j Webプラットフォーム部 第20回勉強会 を公開しました。

2018/01/18 03:05

html5j Webプラットフォーム部 第20回勉強会 を公開しました!

グループ

html5j Webプラットフォーム部

Webの夢を追いかける楽しいなかまたち

イベント数 11回

メンバー数 1240人

終了

2018/01/31(水)

19:30
21:30

開催日時が重複しているイベントに申し込んでいる場合、このイベントには申し込むことができません

募集期間
2018/01/18(木) 12:00 〜
2018/01/22(月) 17:00

会場

日本マイクロソフト株式会社 品川オフィス

東京都港区港南 2-16-3 品川グランドセントラルタワー

参加者(140人)

yuka113

yuka113

html5j Webプラットフォーム部 第20回勉強会に参加を申し込みました!

tomizo_

tomizo_

html5j Webプラットフォーム部 第20回勉強会 に参加を申し込みました!

ama

ama

html5j Webプラットフォーム部 第20回勉強会 に参加を申し込みました!

komu05

komu05

html5j Webプラットフォーム部 第20回勉強会 に参加を申し込みました!

kikuchisatoru

kikuchisatoru

html5j Webプラットフォーム部 第20回勉強会 に参加を申し込みました!

rkanda

rkanda

html5j Webプラットフォーム部 第20回勉強会 に参加を申し込みました!

miraidesign

miraidesign

html5j Webプラットフォーム部 第20回勉強会 に参加を申し込みました!

KeiichiSuzuki

KeiichiSuzuki

html5j Webプラットフォーム部 第20回勉強会 に参加を申し込みました!

HiroshiTanaka

HiroshiTanaka

html5j Webプラットフォーム部 第20回勉強会 に参加を申し込みました!

graviton

graviton

html5j Webプラットフォーム部 第20回勉強会に参加を申し込みました!

参加者一覧(140人)

補欠者(7人)

norika69

norika69

html5j Webプラットフォーム部 第20回勉強会 に参加を申し込みました!

tamakens

tamakens

html5j Webプラットフォーム部 第20回勉強会に参加を申し込みました!

mikan4432

mikan4432

html5j Webプラットフォーム部 第20回勉強会に参加を申し込みました!

masa_ishii

masa_ishii

html5j Webプラットフォーム部 第20回勉強会 に参加を申し込みました!

reongoing

reongoing

html5j Webプラットフォーム部 第20回勉強会 に参加を申し込みました!

__akai

__akai

html5j Webプラットフォーム部 第20回勉強会 に参加を申し込みました!

k-ito

k-ito

html5j Webプラットフォーム部 第20回勉強会 に参加を申し込みました!

補欠者一覧(7人)

キャンセルした人(69人)