CSS Nite After Dark 2019 「ハンズオンで学ぶCSS Grid」

参加費

• 5,000円（先着10名）
• 6,000円

セッション情報

ウェブページ制作において、CSSを用いたボックス要素のレイアウトは必須です。

1年半前（2017年10月）、新たなボックスレイアウト手法の「CSS Grid」が全モダンブラウザーで対応しました。CSS Gridを使うと、floatやFlexboxなど従来の手法では煩雑だったレイアウトが、少量のコードで実現できます。制作現場での採用事例も増えつつあり、今後の標準的なレイアウト手法として需要が高まっていくことでしょう。

今回のセッションではCSS Gridについてハンズオン形式で学びます。全体を通して、次の内容を身につけることを目標とします。

• CSS Gridの基本
• floatやFlexboxとの使い分け方
• 2019年のオススメの記法
• 現場でよくあるレイアウト手法
• IE11の対応方法

ぜひこの機会にCSS Gridをマスターし、ウェブサイト制作を楽しく進めていきましょう。

本セッションのねらい

CSS Gridの基本的な内容を身につけ、持ち帰って自分のプロジェクトで使えるようにする

対象者

• ウェブサイト制作をラクにしたい方
• ボックスレイアウトで苦労している方
• 新しいCSSの機能をキャッチアップしたい方

※ なお、HTML・CSSの基本的な書き方については解説しません（HTML・CSSがそれなりに書けることを前提に進めます）。

講師

鹿野 壮

（かの・たけし）

株式会社ICS
インタラクションデザイナー

九州大学芸術工学部音響設計学科でメディアアートを学ぶ。その後、株式会社ICSに入り、モバイルアプリ開発やウェブページ制作を専門とする。

Google Play 2014年ベストゲームのひとつであるモバイルアプリ「パズ億～爽快パズルゲーム」や、Chrome Experimentsに掲載されたウェブサイト「Particle Develop」等の制作に関わる。

セミナー登壇や技術記事の執筆ほか、Twitterでも積極的に情報を発信中。CSS Niteベスト・セッション2017ではベスト10セッションに選出された。

• ICS MEDIA
• Qiita
• Twitter

注意事項など

• ハンズオンで使うパソコンはご持参ください。貸出機はご用意していません。
• Wi-Fiはご用意しています。
• 後日の復習用に、動画、および、サンプルファイルを提供します。

キャンセル規定

• 1週間前まで：全額返金
• それ以降：返金なし