お知らせ ビープラウド、「90日で稼げるプログラマーに」オンライン学習サービス「PyQ(パイキュー)」を販売開始

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

10月

15

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

ハッシュタグ :#Flexboxハンズオン
募集内容

先着申し込み枠

無料

先着順
35/23

抽選当選枠

無料

先着順(抽選終了)
4/6

スタッフ枠

無料

先着順
2/2

イベントの説明

ハンズオン内容

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ベースに全面的に書きなおした改訂版を出版、好評発売中。

発表者

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

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

資料が投稿されると、最新の3件が表示されます。

フィード

鹿野壮(とんこつBOY)

鹿野壮(とんこつBOY) さんが書き込みました。

2016/10/12 21:57

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

鹿野壮(とんこつBOY)

鹿野壮(とんこつBOY) さんが書き込みました。

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/

鹿野壮(とんこつBOY)

鹿野壮(とんこつBOY) さんが書き込みました。

2016/09/28 15:51

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

終了

2016/10/15(土)

13:00
18:00

募集期間
2016/09/15(木) 15:00 〜
2016/10/15(土) 18:00

参加者(29人)

nayu

nayu

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

nomal

nomal

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

Koji Kobayashi

Koji Kobayashi

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

hishiwata

hishiwata

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

sashimi_03

sashimi_03

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

373mmmm625

373mmmm625

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

maichu2016

maichu2016

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

chan_tk

chan_tk

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

ShoutaKanehara

ShoutaKanehara

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

hk_s

hk_s

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

参加者一覧(29人)

補欠者(12人)

ShioriKanehira

ShioriKanehira

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でコレできるかな?〜に参加を申し込みました!

補欠者一覧(12人)

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