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デザインのレイアウト方法
※ 各種受講証明書への署名・発行に対応します。

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

● 主催者
AZM Design
続きを読む

日程・開催時間を選ぶ

開催リクエスト受付中

開催予定エリア

新宿・代々木

価格(税込)

¥3,800

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

teacher

この講座の先生

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

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

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

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

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

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

AZM Design 代表

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


Profile Photo by イイダマサユキ + 続きを読む

detail

講座詳細

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

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

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

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

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

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

    ■ ご持参いただくもの
    □ ハンズオン受講の方は、コンピューター
     (セミ・ハンズオン講座なので、座学受講での参加も可能です)
    □ メモを取るための筆記用具やデバイスなどはご持参ください。
    □ 筆記用具だけで受講は可能ですが、コンピュータのご持参・使用も自由です。

    ■ その他
    □ 講義中の録音などは、ご遠慮ください。
    □ お名刺をお持ちでしたら、ぜひ、交換させてください。

review

レビュー

  • 33

  • 楽しかった!( 14 )

  • 勉強になった!( 25 )

  • 行く価値あり!( 22 )

  • 男性

    この講座は「ホームページ作りが楽しくなる講座」でした

    Flexboxは今までfloat使用していたものを使わずに綺麗にかつ短縮してホームページのレイアウトを組める目から鱗のものでした。また関連して、bootstrap4でも使うので必須のCSSスキルかと思います。

  • W1

    女性 30代

    この講座は「HTML・CSSの古い知識をアップデートできる講座」でした

    何年か前にHTML・CSSを学習したのですが、基本的に仕事が紙ものデザインが多く、古い知識のまま今日まで来てしまいた。WEBデザインの仕事が増えてきて、「このままではいけない。新しい知識を入れて自分のアップデートしたい。」と思いたち、講座を受講しました。
    flexboxを知り「こんなに便利になったのか」と驚きました。
    受講してよかったです。今後、WEBデザインの仕事の幅を広げていきたいです。

  • W2

    女性 50代

    この講座は「最新のweb業界にも触れながら、Flexboxのポジションと実際がわかる講座」でした

    ハード的なトラブルもあったようですが、内容の濃いものでした。早口だったので、何度か巻き戻したい(アナログ世代的発想)衝動にかられました。笑
    ありがとうございました。

  • 女性

    この講座は「すぐに実践してみようと思える講座」でした

    あっという間の2時間でした。さっそく次の日から使ってみたいと思いました。

  • W2

    女性 20代

    この講座は「Flexboxで何ができるかわかる講座」でした

    Flexboxとは何か、どうやって使うのかがわかる講座でした。
    ありがとうございました。

  • more

    この先生の他の講座

    relation

    関連講座

    watching

    この講座を見た人は、こんな講座も見ています