CSS最新レイアウト Flexbox徹底解説 2.0|生明塾

もはや常識となった便利なレイアウトモジュール Flexbox を、プロの現役クリエーター兼講師が解説するセミ・ハンズオン講座。

learn

こんなことを学びます

その名の通り、フレキシブルなwebデザインのレイアウトを可能にするFlexible Box Layout Module(Flexbox)。
幾多の仕様変更を遂げてきたCSSのモジュールですが、現在ではほとんどのwebブラウザーからサポートされています。
floatに代わるレイアウトの方法として、その実用性と利便性、パフォーマンスの良さなどが注目を集め、もはやFlexboxの採用は常識となりつつあります。
http://caniuse.com/#search=Flexible%20Box

この講座では、講師がAdobe MAX Japan 2017で行ったFlexboxとDreamweaver®のセッションをベースにしながらも、さらなるパワーアップをした内容で、実際にソースやwebブラウザーでの表示を見ながら、Flexboxの機能と使い方を徹底解説します。

Adobe MAX Japan 2017 ビデオアーカイブ
https://www.adobe.com/jp/creativecloud/events/maxjp-video-archive.html

■ 当講座で学べること
○ Flexible Box Layout Module(Flexbox)の概要と基本
○ Flexboxの記述方法とベンタープリフィックス
○ さまざまなFlexboxコンテナ・アイテムの種類と機能
○ Flexboxの便利な使い方

■ 当講座で得られること
○ 旧来のfloatやClearfixなどを駆使するCSSレイアウトの方法に代わる、新しく便利な技法
○ webの要素の並び順やその方向、伸縮などのサイジングを、フレキシブルに実現
○ 少なくシンプルな記述でレスポシブwebデザインに対応するレイアウト設定
○ これからのCSSデザインのレイアウト方法
※ 各種受講証明書への署名・発行に対応します。

■ 当講座の特徴
○ 手ぶらの座学受講も可能な、セミ・ハンズオン形式です。
○ 実践的な知識や方法を、要点をまとめて、わかりやすく解説します。
○ 講義後に、質疑応答の時間を設けます。

■ ご持参いただくもの
○ ハンズオン受講の方は、コンピューター(任意)
  ※ セミ・ハンズオン講座なので、座学受講での参加も可能です。
○ メモを取るための筆記用具やデバイスなど
○ お名刺があれば、ぜひ、交換をさせてください。
※ 会場の電源をご利用いただけます。
※ ご利用いただく椅子に、幅30cmほどのテーブルが設置されています。
※ 講義中の録音などは、ご遠慮ください。

■ 主催者
AZM Design
続きを読む

日程・開催時間を選ぶ

開催リクエスト受付中

開催予定エリア

渋谷・恵比寿

価格

¥3,800

受けたい
143人が受けたい登録しています

teacher

この講座の先生

グラフィックデザインとwebデザインの現役プロ講師

東京で活動するアートディレクター,グラフィックデザイナー,webクリエーター,クリエイティブコンサルタント,講師。

ブランディングやSP広告などのグラフィックデザイン、webサイト、UI/UX、動画、eラーニングなど多数のクリエーションを手掛ける。

広告戦略や制作システムに関するコンサルテーションも行い、さまざまな企業の研修に講師として招請されている。

最新技術の啓蒙や後進の育成に従事し、教育機関で講師を務めるほか、Adobe MAXやCSS Niteなどの大規模なイベントを始め、宣伝会議やデジタルハリウッドなどの専門講座にも多数登壇している。

ソフトバンク・テクノロジー株式会社と共同で、有名クリエーターを招く定例のデザインイベント『FONTPLUS DAYセミナー』を企画。開催は十数回に及ぶ。

AZM Design 代表

学校法人専門学校 東洋美術学校 講師
東京デザインプレックス研究所 講師

detail

講座詳細

  • 当日の流れとタイムスケジュール

    ■ 入場時間
    講座開始15分前から

    ■ 所要時間
    約1.5〜2時間程度(途中参加、途中退出も可能です)

    ■ 講座の流れ(予定)
    1. 講座概要説明(約5分)
    2. 解説(約35〜50分)
    3. 休憩(約5分)
    4. 解説(約35〜50分)
    5. 質疑応答(約10分)
    ※ 講義時間や時間割は、変更する可能性があります。
    ※ 予定よりも早く終了、または長引く可能性があります。
  • こんな方を対象としています

    □ web制作関連職の方
    □ webデザイン学習者の方
    □ 新しいCSSの機能を学びたい方
    □ floatを使うレイアウトにうんざりしている方
    □ 現代的なwebデザインを行いたい方
  • 受講料の説明

    参加費に、場所代は含まれています。
    参加費の他に、一切費用はかかりません。
  • 受講する際は以下をお読み下さい

    □ お名刺があれば、ぜひ、交換をさせてください。
    □ 筆記用具などは、ご持参ください。
    □ 筆記用具だけで受講は可能ですが、コンピュータのご持参・使用も自由です。
    □ 会場内の電源をご利用いただけます。
    □ 講義中の録音などは、ご遠慮ください。

review

レビュー

  • 23

  • 楽しかった!( 11 )

  • 勉強になった!( 20 )

  • 行く価値あり!( 16 )

  • 女性 30代

    この講座は「Flexboxの使い方をよく知ることができる」でした

    昨年時間が合わず、受講できなかったのですが、今回時間が合い参加することができました。会社でもflexboxをようやく使用できるようになると聞き、自分で勉強するとなると私にはなかなか難しいなと感じていたので、このようなセミナーがあって本当に良かったなと思いました。
    とてもわかりやすく、そして使い方がわかれば色々なことができると知りました。
    自分で勉強しても分からないなという方や、これから勉強しようとする方におすすめです。

  • 女性 40代

    この講座は「クイックにFlexboxが学べる講座」でした

    コツコツ独学する時間のない方にお勧めです。使いやすいコードサンプルをいただけるので、あとで復習、応用ができます。各ブラウザ対応や、今後のCSSレイアウトの見通しのお話も良かったです。先生には楽しく、分かりやすく教えていただきました。

  • 女性 50代

    この講座は「Web制作にとても役に立つ講座」でした

    今まで、Flexboxについて、曖昧なところが多々あったのですが、今日の講座では非常にわかりやすく説明していただき
    とてもよくわかりました。
    ありがとうございました。

  • 女性 30代

    この講座は「Flexboxを使っていない人は今すぐ受講した方がいい講座」でした

    受講して本当によかったです。
    講座の全てが知っておくべき情報でした。
    コスパ最強だと思います。

  • 女性

    この講座は「仕事に使える内容でした」でした

    Flexboxをきちんと理解でき、仕事に反映できる内容でした。今後のCSSの動向も教えてくださり、意義のある時間でした。

  • more

    この先生の他の講座

    26

    開催リクエスト受付中