🍔ハンバーガーメニューは実は悪いデザイン？代わりになるWebデザインを紹介します【ヤフー出身エンジニアの初心者向けプログラミング講座】

✍ 補足
下タブは iPhone の Safari だと使いにくいとの情報をいただき、私の方でも確認いたしました。Safari のアクションバーの挙動の関係で Web の下タブは使いにくようです。私もコメント欄で知り新たに学びになりました。現状 Web で下タブが流行りきっていない原因の1つかと思うので、ご参考まで🙇

🍔ハンバーガーメニューにもたくさん種類があります。Google、Apple、Yahooなど実際のサイトを見ながらハンバーガーメニューの種類を学び、ハンバーガーメニューのメリット・デメリットを考察します。そしてハンバーガーメニューを使わない場合の代替となるWebデザインを紹介しています！デザインもおもしろいですよね✨

📙 もくじ
0:00 今回の流れ
1:00 ハンバーガーメニュー実装のおさらい
1:29 Googleのハンバーガーメニュー
2:18 ハンバーガーメニューの速度について
3:51 Appleのハンバーガーメニュー
5:06 EC系サイトのハンバーガーメニュー
5:56 閉じるボタンの位置について
6:40 ハンバーガーメニューは右か？左か？
7:49 クックパッドのハンバーガーメニュー
8:17 A/Bテストとは何か
9:01 ハンバーガーメニューのメリット2つ
11:30 ハンバーガーメニューのデメリット3つ
14:20 私のハンバーガーメニューに対する考え
15:08 ハンバーガーメニューをあえて使うとしたら
16:18 代替手段① ヘッダーナビゲーション
17:11 昔のAndroidアプリのデザインガイドライン
17:57 代替手段② ボトムナビゲーション（下タブ）
19:30 下タブに文字をつけるべきか
20:35 代替手段③ タブ
21:02 スライド（フリック）でタブ移動がについて
22:12 代替手段④ ソーセージリンク
23:51 代替手段⑤ コンテンツ部分にナビゲーションを置く
24:41 私の結論は下タブが１番
25:10 まとめ

🔥HTML/CSSレイアウト講座
🍔ハンバーガーメニューの作り方講座。簡単なCSS実装を紹介。
jQueryより高速です
   • 🍔ハンバーガーメニューの作り方講座。簡単なCSS実装を紹介。jQueryよ...  

よく使われるサイドバーデザインを一緒にコーディングしていきましょう
   • 【HTML/CSSレイアウト】よく使われるサイドバーデザインを一緒にコーデ...  

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

🌏 SNS
Twitter:   / shimabu_it  
Instagram:   / shimabu_it  

🏷️ タグ
#ハンバーガーメニュー #メニューデザイン #Webデザイン