おしゃれなカフェでFlexboxが学べる♪マンツーマンのCSS講座

え?Flexboxってこんなに便利なのになんで使われていないの?それはIE対応しないといけないからさorz だけど、未来に向けて今、学ぼう!

learn

こんなことを学びます

<こんなことを学びます>
Flexboxでレイアウトをする方法を学べます。

<こんな風に教えます>
具体的な利用方法について、マンツーマンでレッスンが受けられます。
レッスン後には、レッスンの復習用資料をプレゼントいたします。

レッスンの雰囲気は、嬉しい感想をいただいておりますので、こちらをご参照ください。
https://www.youtube.com/watch?v=OwuqCGzDOTk&feature=youtu.be

<持ち物>
* WiFi接続ができるノートパソコン
* ノートパソコンの電源コード/電源アダプタ(又はバッテリ)

※ノートパソコンをお持ちでない方は、お申し込みされる際に
あらかじめパソコンを用意してほしい旨をお伝えください。

<定員>
基本 1名
21人が受けたい追加しています

開催予定の日程一覧

  • 開催予定

    開催予定エリア:心斎橋・なんば

    受講料:¥ 3,000

瀧内 健大 さんの他の講座

teacher

この講座の先生

瀧内 健大

ITの『わからない』を『わかった』にするサポーター

こんにちは、現役プログラマーの瀧内です。

受託案件や独自サービスの仕事と並行して、
おてごろな価格で気軽に通える60〜90分の
マンツーマンレッスンをカフェで定期開催しています。

レッスンの雰囲気については、みなさんから嬉しいご感... もっと見る >>

detail

講座詳細

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

    <所要時間>
    60分

    <当日のレッスンの流れ>
    1 テキストフィールドの自動拡張 (5分)
     まずは、細かい説明は置いておいて、Flexboxを使ってみましょう。

    2 複数のカラム指定(15分)
     次の3パターンを学習して、Flexboxの基本を把握します。
      2.1 均等に3分割する
      2.2 テキストの分量に応じて、カラム幅を調整する
      2.3 カラムが表示される順番を変更する

    3 余白や縦幅を考慮して、要素を並べる (10分)
     Flexboxを利用すると、要素の間にスペースを開けたり、高さを揃えることが容易になります。
      3.1 左右の幅に合わせて要素を並べる
      3.2 縦幅を調整したい場合の指定について
      3.3 レスポンシブ対応

    4 画面を縮小したときのボックスの回り込み (5分)
     
    5 上下左右のセンタリング(5分)
     Flexboxを利用することで、簡単に中央に要素を配置できます。

    6 flexの入れ子と縦の分割表示(10分)
     Flexboxは、入れ子で指定することも可能です。

    5 質疑応答 (10分)
  • こんな方を対象としています

    ・Flexboxの概要を60分で把握したい方
    ・Flexboxを実務向けのサンプルで学ばれたい方
    ・マンツーマンで対話形式でレッスンを受けたい方
  • 受講料の説明

    当日は、別途、ドリンク代をご用意ください。
    (ドリンク代の目安:450円〜1,000円)
  • 受講する際は以下をお読み下さい

    * WiFi接続ができるノートパソコン
    * ノートパソコンの電源コード/電源アダプタ(又はバッテリ)

    ※ノートパソコンをお持ちでない方は、お申し込みされる際に
    あらかじめパソコンを用意してほしい旨をお伝えください。

review

レビュー

  • 女性 30代

    この講座は「レスポンシブのレッスンをして頂きました!」でした

    本日はありがとうございました。
    flexboxの使用方法を中心に、レスポンシブのレッスンをして頂きました。
    わからない点をピンポイントに教えて頂けるので、無駄がなく、
    また、これからここを頑張っていけば良いのか!というポイントが自分の中で整理でき、とても良い気づきになりました。
    さっそくレスポンシブでワイヤーを書くところから始めようと思っています。
    途中で挫折した際は、またどうぞよろしくお願いいたします。笑

  • 女性 30代

    この講座は「1人で悩んでいた事がすっきり解決できました!」でした

    自分が分からないと思っていた内容にぴったり寄り添ってレクチャーしていただきました。マンツーマンなので一人一人の悩みに合わせて臨機応変にカリキュラム組んでくれるところが1番良かったです。また悩みや分からないところが出てきたら教わりに行こうと思います。

  • 女性 40代

    この講座は「あなたに合わせた、指導が受けれます。」でした

    いつもわからないところを渾身丁寧に教えてくださるので、とても安心できます。ちょっとした疑問にも、真剣に考えてくれて、いつも本当に助かっています。ありがとうございます。
    とにかくその人に合わせた指導方法を考えて実践しているので、やる気を失わせることなくじっくり学べます。また、次回があれば宜しくお願いいたします。

  • 男性 40代

    この講座は「Bootstrapについて色々教わりました」でした

    今回はBootstrapについて色々教えていただきました。知らない技術だったので
    これから勉強して覚えようと思います!
    これからやることの指針もできて、モチベーションも上がり楽しかったです!

  • 女性 30代

    この講座は「ありがとうございました!」でした

    リピートさせてもらってます。
    分からなかったところや疑問に思っていたことなどを、今回も親切丁寧に教えて頂けました。
    なかなか分かりづらかったところも、一生懸命解説してくださり、私でも分かりやすかったです。
    また行かせて頂きます。
    よろしくお願いいたします。

  • 女性 40代

    この講座は「楽しい、わかる、為になる講座!」でした

    いつもいつもわからないところを丁寧に教えてくださるので、とても頼りになる先生です。
    何気ない質問にも一生懸命に答えてくださるので、とても為になります。
    常に受講される人のことを考えて、その人が一番理解できる方法を模索して教えてくださいます。
    ただ話をしているだけでも楽しいので、講義と合わせて楽しみの一つです。

  • 女性 30代

    この講座は「すごく効率的な講座」でした

    イチからホームページを作ることになってから3回目( ^ω^ )
    みるみる出来上がってきました(๑˃̵ᴗ˂̵)
    初めはよくわからんCSSが、ちょっとだけわかる様になり、しかも本日の講座は、先生のパソコンと私のパソコンをリンクし、ホントわかりやすく説明して頂きました(๑>◡<๑)
    HTMLやCSSアレルギーでしたが程よく改善方向へ導かれています(о´∀`о)
    また、一歩前進♡来週もよろしくお願いします!

  • 女性 40代

    この講座は「とてもわかりやすいです!」でした

    疑問に対して、具体的にしっかりと教えていただき、とても分かり易かったです。ありがとうございました。また、次も宜しくお願いいたします。

  • 女性 30代

    この講座は「オススメです。」でした

    とても分かりやすく、勉強になりました!
    料金以上の内容でした。
    また、通わせて頂きます!!
    先生も優しく丁寧に教えてくれました。
    是非オススメの講座です。

  • 男性 40代

    この講座は「とても楽しく学べました」でした

    とても分かりやすく教えていただき楽しく学べあっという間に時間が立ったという感じでした、とても有意義な時間が過ごせてスキルが上がった感じがします。おかげでモチベーションも上がりましたまた学びたいです。