完全無料で全10講座 146章が学べます。 基礎を身につけて駆け出しを卒業しなさい！ Presented by Hello Mentor

HTML・CSS

全16章

Webページの構造、見た目、レイアウト、レスポンシブ対応まで、Web制作の土台になるHTMLとCSSを順番に学びます。

  1. 01. はじめに
  2. 02. HTMLとCSSの役割
  3. 03. HTMLファイルの基本構造
  4. 04. よく使うHTMLタグと意味
  5. 05. CSSの基本と読み込み
  6. 06. セレクタ・カスケード・詳細度
  7. 07. ボックスモデルと余白設計
  8. 08. FlexboxとGridのレイアウト
  9. 09. レスポンシブ対応
  10. 10. 画像・リンク・メディアの扱い
  11. 11. フォームとアクセシビリティ
  12. 12. 実務でよく作るパーツ
  13. 13. 保守しやすいCSSの書き方
  14. 14. ブラウザ確認とデバッグ
  15. 15. 公開前の品質チェック
  16. 16. 小さなサイト制作演習

JavaScript

全13章

Web制作で必要になるJavaScriptを、DOM操作、UI実装、ライブラリ活用、品質改善まで順番に学びます。

  1. 01. はじめに
  2. 02. Web制作におけるJavaScriptの役割
  3. 03. Web制作に必要なJavaScript基礎
  4. 04. DOM操作の基本
  5. 05. イベント処理の基本
  6. 06. 定番UI実装
  7. 07. フォーム操作とバリデーション
  8. 08. スクロール演出とIntersection Observer
  9. 09. GSAPアニメーション
  10. 10. Splideスライダー実装
  11. 11. 保守しやすいJavaScript設計
  12. 12. パフォーマンス・アクセシビリティ・セキュリティ
  13. 13. デバッグとエラー解決

WordPress

全23章

WordPressの基本、テーマ・プラグイン、カスタマイズ、更新・運用まで、Web制作で使うWordPressを順番に学びます。

  1. 01. はじめに
  2. 02. WordPressの全体像
  3. 03. ローカル環境と管理画面
  4. 04. 投稿・固定ページ・メディア
  5. 05. ブロックエディターの基本
  6. 06. テーマの種類とこの講座の方針
  7. 07. クラシックテーマの基本構成
  8. 08. テンプレート階層
  9. 09. The Loopとテンプレートタグ
  10. 10. functions.phpとアセット読み込み
  11. 11. ヘッダー・フッター・ナビゲーション
  12. 12. 固定ページとトップページ
  13. 13. 投稿一覧・投稿詳細・アーカイブ
  14. 14. カスタム投稿タイプとタクソノミー
  15. 15. カスタムフィールド
  16. 16. クラシックテーマとブロックエディターの共存
  17. 17. プラグインで作るブロックパターン
  18. 18. よく使うプラグインと入れすぎの注意
  19. 19. SEO・表示速度・セキュリティの基本
  20. 20. 公開・移行・本番反映
  21. 21. 保守・更新・バックアップ
  22. 22. トラブル対応とデバッグ
  23. 23. クラシックテーマ制作演習

Webの仕組み

全12章

ブラウザ、サーバー、HTTP、DNSなど、Web制作を理解するうえで必要な仕組みを順番に学びます。

  1. 01. はじめに
  2. 02. Webサイトが表示されるまで
  3. 03. URL・ドメイン・パスの基本
  4. 04. DNSとドメインのざっくり理解
  5. 05. HTTPとHTTPSの基本
  6. 06. ブラウザがページを表示する仕組み
  7. 07. ファイル・ディレクトリ・パス指定
  8. 08. サーバー・ホスティング・公開の基本
  9. 09. キャッシュの基本
  10. 10. Web制作で知っておくセキュリティの入口
  11. 11. DevToolsで読み込みを確認する
  12. 12. 表示トラブルの切り分け

ドメイン・サーバー

全12章

ドメイン取得、サーバー契約、DNS設定、公開まで、Webサイトを載せるための基礎を順番に学びます。

  1. 01. はじめに
  2. 02. Webサイト公開に必要なもの
  3. 03. ドメイン取得と管理
  4. 04. サーバー・ホスティングの選び方
  5. 05. DNS設定の基本
  6. 06. SSL・HTTPS設定
  7. 07. ファイルアップロードとデプロイ
  8. 08. サイト種類別の公開パターン
  9. 09. メール設定の基本
  10. 10. 公開前後のチェックリスト
  11. 11. サーバー移転・ドメイン移管
  12. 12. 運用・保守・トラブル対応

Webサイト運用・改善

全16章

SEO、MEO、LPO、EFO、CRO、GA4、Search Consoleなど、公開後の運用改善を学びます。

  1. 01. はじめに
  2. 02. Webサイトは公開して終わりではない
  3. 03. SEOの基本
  4. 04. テクニカルSEO
  5. 05. コンテンツSEO
  6. 06. Core Web Vitals
  7. 07. MEO・ローカルSEO
  8. 08. LPO
  9. 09. EFO
  10. 10. CRO
  11. 11. GA4の基本
  12. 12. Search Consoleの基本
  13. 13. ヒートマップとユーザー行動
  14. 14. 改善施策の考え方
  15. 15. レポートと改善提案
  16. 16. 運用改善の実践

Webデザイン基礎

全16章

余白、文字、色、レイアウト、画像、UIを通して、見やすく伝わりやすいWebページの整え方を学びます。

  1. 01. はじめに
  2. 02. Webデザインの全体像
  3. 03. 情報設計の基本
  4. 04. ワイヤーフレーム
  5. 05. レイアウトの基本
  6. 06. 余白の使い方
  7. 07. 文字のデザイン
  8. 08. 色の使い方
  9. 09. 写真・画像の使い方
  10. 10. ボタン・リンク・フォーム
  11. 11. UIパーツの一貫性
  12. 12. レスポンシブデザイン
  13. 13. アクセシビリティと読みやすさ
  14. 14. コーディングしやすいデザイン
  15. 15. デザインチェックと改善
  16. 16. 実践：小さなサイトをデザインする

営業

全16章

制作会社への下請け営業を中心に、見せ方、営業文、面談、継続依頼、直受け営業の流れまで学びます。

  1. 01. はじめに
  2. 02. Web制作営業の全体像
  3. 03. 下請け営業と直受け営業の違い
  4. 04. 自分の対応範囲を整理する
  5. 05. 制作会社に伝わるプロフィールを作る
  6. 06. 下請け向けポートフォリオの見せ方
  7. 07. 制作会社への営業文を作る
  8. 08. 制作会社リストと営業先の探し方
  9. 09. 初回返信・面談・トライアル対応
  10. 10. 下請け案件で継続されるための基本
  11. 11. 下請けの単価と条件整理
  12. 12. 直受け営業の基本の流れ
  13. 13. 直受けのヒアリングと提案
  14. 14. 直受けの見積もりと受注前確認
  15. 15. 断られた時・返信がない時の対応
  16. 16. 紹介・継続依頼につなげる

クライアントワーク

全12章

ヒアリング、要件整理、進行管理、納品、修正対応まで、クライアントワークの実務を順番に学びます。

  1. 01. はじめに
  2. 02. クライアントワーク全体の流れ
  3. 03. 初回ヒアリング
  4. 04. 要件整理と制作範囲
  5. 05. 見積もり・提案・契約前の確認
  6. 06. スケジュールと進行管理
  7. 07. 素材・原稿・アカウント情報の回収
  8. 08. コミュニケーションと議事録
  9. 09. デザイン確認と修正対応
  10. 10. 実装確認・テスト・公開準備
  11. 11. 納品・公開後の対応
  12. 12. トラブル対応と関係性づくり