【CSS #7】基礎からちゃんと学ぶ CSS 入門！ flexbox の flex プロパティの使い方を徹底解説【ヤフー出身エンジニアが教える初心者向けプログラミング講座】

文系プログラミング未経験 → Yahoo! JAPANエンジニア → 起業家

📙 もくじ
0:00 index.html と style.css の準備
1:48 flex プロパティについて
4:06 flex-grow プロパティについて
7:58 flex-shrink プロパティについて
11:23 flex-basis プロパティについて
13:18 まとめ

🚀 今日のひとこと
今日のCSS講座は flex プロパティについて。
flex-grow, flex-shrink, flex-basis の使い方を知らない方向け！
前回はFLEXBOX FROGGYを使って flexbox の基礎を学びましたが
今回はそれを補うような動画となっています。
入門・初心者エンジニアや駆け出しエンジニアにオススメです。
また今回の動画でCSS基礎講座は終わりで、
次からは JavaScript と CSS応用編 が始まります。
そちらもお楽しみに！

🔥基礎からちゃんと学ぶ CSS 入門！
【第1回】基本構文を抑えよう！
   • 【CSS #1】基礎からちゃんと学ぶ CSS 入門！基本構文を抑えよう！【...  

【第2回】プロパティについて深堀りしよう！
   • 【CSS #2】基礎からちゃんと学ぶ CSS 入門！プロパティについて深堀...  

【第3回】この講座だけでセレクターは完結できます！
   • 【CSS #3】基礎からちゃんと学ぶ CSS 入門！この講座だけでセレクタ...  

【第4回】スタイルが効かないときはだいたいカスケード・詳細度・継承のどれかが原因！
   • 【CSS #4】基礎からちゃんと学ぶ CSS 入門！スタイルが効かないとき...  

【第5回】ボックスモデルはCSSを書いていく上で常に意識する必要があります
   • 【CSS #5】基礎からちゃんと学ぶ CSS 入門！ボックスモデルはCSS...  

【第6回】フレックスボックス (flexbox) の使い方をゲームで学ぼう！
   • 【CSS #6】基礎からちゃんと学ぶ CSS 入門！フレックスボックス (...  

👨‍💻 自己紹介
ヤフー株式会社でプログラマーとして働いていました！
現在は起業家として新規サービスを開発中です！
下記に興味がある方はチャンネル登録をおねがいします！
・IT業界、Web系、プログラミング講座
・リモートワーク、在宅勤務、副業
・スタートアップ、ベンチャー、経営者、社長

🌏 SNS
Twitter:   / shimabu_it  
Instagram:   / shimabu_it  

🏷️ タグ
#CSS #flexbox #flex