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

Oct

15

CSS3の新レイアウト「Flexbox」ハンズオン 〜Flexでコレできるかな?〜

Registration info

先着申し込み枠

Free

FCFS
35/23

抽選当選枠

Free

Standard (Lottery Finished)
4/6

スタッフ枠

Free

FCFS
2/2

Description

ハンズオン内容

HTMLコーディングに欠かせないボックス要素の横並び。これまではfloatプロパティを使うのが主流でしたが、今CSS3の新機能「Flexbxox」が注目を浴びています。Flexboxを使うと、横並びはもちろん、整列、分布、縦並びといった豊富なレイアウトがfloatよりも手軽にできます。 本ハンズオンでは、

  • どうやってFlexboxを使うのか?
  • 案件でよく使うあのレイアウトはFlexboxでどうやって実現すればいいのか?

を一緒に勉強していきます。 事前に下記記事を読んでいただくと、より理解が深まります。

webデザイナー初心者でも始められるFlexbox入門 - ICS MEDIA

対象

基本的なHTML・CSSのコーディングができるwebデザイナー・コーダー

必要なもの

  • ノートPC(MacBookまたはWindows) この講座は説明だけでなく、実際にコーディングを通してより理解を深める講座です。
  • HTMLコーディングが可能なエディター エディターの種類は問いませんが、基本的な設定は済ませておいてください。
  • Chromeブラウザ
  • (可能であれば) Node.js ハンズオン後半の応用編として、Node.jsを使った効率的なコーディング方法を紹介します。可能であればNode.jsをインストールしてください。これまでインストールしたことがなければ、公式のインストーラーを使うと手軽です。https://nodejs.org/en/

日時

2016/10/15 (土) 13:00~18:00

場所

Stocker.jp / Space 東京都渋谷区桜丘町11-11 ライオンズマンション桜丘 403号室

Googleマップだと迷う方が多いため、JR渋谷駅「南改札」を出て「西口」、つまりバスターミナル側(ヒカリエとは反対側)に出て、下記ページをスマートフォンなどでご覧になりながらお越しください。

当日は30分前から開場しております。駅から約徒歩7分ですので、早めにお越しください。

会場までの道のり道のりはこちら Stocker.jp / Space

チュータープロフィール

鹿野壮

株式会社ICS所属のインタラクションデザイナー。九州大学音響設計学科でメディアアートを学ぶ。

Chrome Experimentsに選出されたHTML5製デザインツール「Particle Develop」やGoogle Play 2014年ベストゲームに選ばれたモバイルアプリ「パズ億~爽快パズルゲーム」を始め、モバイルアプリ開発やwebページ制作を専門とする。傍ら、セミナー登壇や技術記事執筆にて情報を発信中。

草野あけみ

世界史の高校教師から岐阜県立国際情報科学芸術アカデミー(IAMAS)を経てリクルート系列の制作会社でweb業界へ転身し、その後フリーランスとして独立。

以後10年以上HTML&CSSコーディングの受託制作を中心に活動。2008年からはサポタント株式会社主催のセミナー講師を勤め、その経験を元に2013年翔泳社から『HTML&CSS標準デザイン講座【HTML5&CSS3対応版】』を出版。(2013年翔泳社コンピュータ書籍部門売上1位を獲得。)2015年に内容をHTML5&CSS3ベースに全面的に書きなおした改訂版を出版、好評発売中。

Presenter

鹿野壮 鹿野壮 草野あけみ 草野あけみ

Media View all Media

If you add event media, up to 3 items will be shown here.

Feed

(退会ユーザー)

(退会ユーザー) wrote a comment.

2016/10/12 21:57

告知のとおり、10/10(月)をもって、抽選当選枠を締め切ります。一部当選枠の方のご連絡がなかったため、定員が30人になるよう、先着申し込み枠を拡大いたしました。

(退会ユーザー)

(退会ユーザー) wrote a comment.

2016/09/30 16:57

10/15(土)のFlexboxハンズオンについて、追加で10名枠を増やしました。 https://twitter.com/tonkotsuboy_com/status/781755020437925888 … 下記の方が追加10名枠に当選いたしました。 takanorip makoto082346 drmdr tomo_ki tnk_a3 shin_kamishiro kmaeda_z cacao1980 104_074 nozomi_shimizu_54 個別にDMを送る手段がなく、補欠者全体への送信となって申し訳ありません。 当選された方は、お手数ですが、イベントページの「抽選当選枠」より再度お申込み頂いてもよろしいでしょうか? その後、参加枠に入れます。 10/10(月)までに確認できない場合、誠に勝手ながら不参加扱いとさせていただきます。 http://connpass.com/event/40602/

(退会ユーザー)

(退会ユーザー) wrote a comment.

2016/09/28 15:51

予想を上回るお申込み(20人に対し57人)があり、追加で10席を増やします。 現在補欠リストの中に入っている方の中から、プログラムを用いてランダムに10人選択しますので、希望の方はご登録を。また、キャンセルはお早めにお願いします。当日の無断欠席だけはご遠慮ください。

Ended

2016/10/15(Sat)

13:00
18:00

Registration Period
2016/09/15(Thu) 15:00 〜
2016/10/15(Sat) 18:00

Organizer

Attendees(29)

ナユ

ナユ

CSS3の新レイアウト「Flexbox」ハンズオンに参加を申し込みました!

(退会ユーザー)

(退会ユーザー)

CSS3の新レイアウト「Flexbox」ハンズオン に参加を申し込みました!

Choy Lei Fut

Choy Lei Fut

CSS3の新レイアウト「Flexbox」ハンズオン 〜Flexでコレできるかな?〜 に参加を申し込みました!

わたさん

わたさん

CSS3の新レイアウト「Flexbox」ハンズオン 〜Flexでコレできるかな?〜に参加を申し込みました!

(退会ユーザー)

(退会ユーザー)

CSS3の新レイアウト「Flexbox」ハンズオン 〜Flexでコレできるかな?〜に参加を申し込みました!

(退会ユーザー)

(退会ユーザー)

CSS3の新レイアウト「Flexbox」ハンズオン 〜Flexでコレできるかな?〜に参加を申し込みました!

maichu2016

maichu2016

I joined CSS3の新レイアウト「Flexbox」ハンズオン 〜Flexでコレできるかな?〜!

chan_tk

chan_tk

CSS3の新レイアウト「Flexbox」ハンズオン 〜Flexでコレできるかな?〜に参加を申し込みました!

ShoutaKanehara

ShoutaKanehara

CSS3の新レイアウト「Flexbox」ハンズオン 〜Flexでコレできるかな?〜に参加を申し込みました!

(退会ユーザー)

(退会ユーザー)

CSS3の新レイアウト「Flexbox」ハンズオン 〜Flexでコレできるかな?〜 に参加を申し込みました!

Attendees (29)

Waitlist (12)

shiori

shiori

CSS3の新レイアウト「Flexbox」ハンズオン 〜Flexでコレできるかな?〜に参加を申し込みました!

snap

snap

CSS3の新レイアウト「Flexbox」ハンズオン 〜Flexでコレできるかな?〜 に参加を申し込みました!

cacao1980

cacao1980

CSS3の新レイアウト「Flexbox」ハンズオン 〜Flexでコレできるかな?〜 に参加を申し込みました!

K3

K3

CSS3の新レイアウト「Flexbox」ハンズオン 〜Flexでコレできるかな?〜に参加を申し込みました!

sherry99

sherry99

CSS3の新レイアウト「Flexbox」ハンズオン 〜Flexでコレできるかな?〜 に参加を申し込みました!

cocoa_abc

cocoa_abc

CSS3の新レイアウト「Flexbox」ハンズオン 〜Flexでコレできるかな?〜 に参加を申し込みました!

HitoshiNoujima

HitoshiNoujima

CSS3の新レイアウト「Flexbox」ハンズオン 〜Flexでコレできるかな?〜 に参加を申し込みました!

sekisam

sekisam

CSS3の新レイアウト「Flexbox」ハンズオン 〜Flexでコレできるかな?〜 に参加を申し込みました!

water

water

CSS3の新レイアウト「Flexbox」ハンズオン 〜Flexでコレできるかな?〜 に参加を申し込みました!

HiroshiTanaka

HiroshiTanaka

CSS3の新レイアウト「Flexbox」ハンズオン 〜Flexでコレできるかな?〜に参加を申し込みました!

Waitlist (12)

Canceled (29)