• Pro Camp

ウェブデザイナー育成講座

Pro Camp


ゼロからプロへ!Webデザイン&コーディング完全習得講座

~Web制作の基礎からWordPress構築まで、4ステップで徹底マスター!~

項目 詳細
開催形式 オンライン(Zoom)
開催頻度 スケジュール調整制
所要時間 各回2時間 × 全16回(合計32時間)
参加費 ¥270,000(税別)
定員 1名から参加OK

Webデザインを基礎から
系統立てて学びたい方

独学で限界を感じ、
体系的にスキルを整理したい方

フリーランス・副業・
社内Web担当として活躍したい方

少人数制で
じっくり受講したい方

Webサイトを一から作れるスキルと考え方
要件整理から公開・運用まで、ゼロ→ローンチの流れを体得。
コードだけでなくデザインや設計の力
情報設計・レイアウト・配色・タイポまで、つくる前の“組み立て力”。
JSやWordPressを使った“仕事に使える”スキル
UI挙動の実装、WPテーマ/カスタム投稿、保守しやすい構成まで対応。
プロとして通用する「一貫性のある制作力」
ガイドライン順守・命名/設計の統一・アクセシビリティを含めた品質基準。
第1章
超初心者のWebデザインとコーディング
  • Webの仕組み
  • 制作環境と操作方法
  • HTMLの書き方など基礎
  • SEO基礎
  • デザインの基礎 / 既存Webの考察 / コーディング基礎
  • デザインデータ(プロフィールページ程度)を使ってコーディング
  • アクセシビリティ / JavaScriptの話
  • その他さまざまなHTMLやCSS
第2章
初心者のWebデザインとコーディング
  • Webの仕組み
  • SEO基礎(metaなど)
  • Web制作に使える便利な機能
  • デザインの基礎(余白の統一 など)
  • SEOを考えたコーディング基礎
  • 保守を考えたCSSの書き方(BEMとSCSS)
  • CSSの共通項とカスタマイズの書き分け
  • デザインデータ(企業サイトトップページ程度)を使ってコーディング
第3章
中級者のWebデザインとコーディング
  • レスポンシブの基礎
  • JavaScriptの基礎
  • 企業での採用JSの紹介と考察
  • JavaScript実装(タブ/アコーディオン/ハンバーガー/パララックス)
  • レスポンシブとJSの組み合わせ(ハンバーガーメニュー)
  • AstroやCMS、ノーコードの紹介 / WAI-ARIAの紹介
  • 実例サイトの構造分析
第4章
WordPressの基礎知識/導入
  • WordPressの基礎知識
  • サーバーの準備 / FTPの準備 / PHPの基礎知識
  • テーマの導入・構造
  • 既存テーマ利用時の注意点 / プラグインについて
  • カスタム投稿の実装 / functions.php
  • セキュリティの注意
  • 自作テーマを作るには

講師:安陪 歩(あべあゆみ)

Web制作歴 約25年。小学生の頃よりHTMLやホームページ作成に親しみ、Web制作業を中心に行なっています。2023年8月からはWeb制作の講師としても活動しており、これまでに70名以上の生徒を見てきました。長年にわたるWebスキルに加えて、対人対応力や業務全般の実務経験も活かしながら、「わかりやすく、実務に活かせる」指導を心がけています。

Giraffics Works
講師プロフィール写真

特典①

全4章の講義スライドPDF
 復習や見直しに便利な保存版

特典②

貯めてお得な10⌘mates公式LINEポイント「50ポイント」付与

講座終了後もご質問いただけるサポートをご用意しています。
詳細は講座の最後にご案内します。

📩 下記フォームまたは公式LINEで申し込み
📅 前日にZoomのご案内URLを送付
💻 当日Zoomで参加
🎁 終了後アンケート回答、特典を公式LINEで受け取り
📞 LINEにて個別相談や質問受付

💻 パソコンまたはタブレット
🌐 インターネット環境
📝 筆記用具(任意)
📱 スマートフォン(任意・公式LINE登録用)

Zoomの使い方がわからない方は事前にお知らせください。

    必須お名前(漢字)

    必須お名前(ひらがな)

    必須メールアドレス

    必須お電話番号

    必須職業

    必須当講座を知ったきっかけ(ご紹介者)

    任意受講にあたり相談したいこと

    This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

    よくある質問

    Q1. Macでも参加できますか?
    A. はい、Mac・Windowsどちらでも対応しています。必要に応じてOSごとの操作もご案内します。

    Q2. スマートフォンやタブレットだけでも受講可能ですか?
    A. 可能ですが、作業効率や操作性の観点から、パソコンでの受講を推奨しています。

    Q3. 講座の録画視聴はできますか?
    A. はい、毎回の講座は録画視聴も可能です。リアルタイム参加が難しい方も安心です。

    Q4. アフターフォローはありますか?
    A. はい、任意・有料で講座後も質問や相談ができるサポートをご用意しています。
    詳細は講座の最後にご案内します。

    Q5. 参加者特典は何ですか?
    A. 全4章の講義スライドPDF(保存版)と、10⌘mates公式LINEポイント「50ポイント」を進呈します。

    Q6. 使用するツールはすべて無料ですか?
    A. 基本的に無料プランで使えるツールを中心にご紹介します。一部に有料機能があるツールもありますが、
    課金は必須ではありません。

    Q7. 申し込みから当日までの流れを教えてください。
    A. ①専用フォームよりお申し込み → ②Zoomリンク&教材データ送付 →
    ③ライブ参加 → ④希望者はアフターフォローへ、という流れです。

    Q8. 年齢制限はありますか?
    A. ありません。学生の方からシニアの方まで幅広くご参加いただけます。

    Q9. 講座内で作成したデータは持ち帰れますか?
    A. はい、作成したファイルやテンプレートはそのままご活用いただけます。

    Q10. 途中退席はできますか?
    A. はい、やむを得ない場合は途中退席も可能ですが、できる限り最初から最後までの参加をおすすめします。

    ご参加にあたっての注意事項・規約

    ・コミュニティの秩序を著しく乱す行為(誹謗中傷・荒らし等)が確認された場合は、強制退会とさせていただく場合があります。
    ・他の参加者の学びを妨げる行為(マナー違反・過度な自慢等)が見られる方の参加はお断りいたします。
    写真教室の主催者・講師・講師予定者の方のご参加はご遠慮ください。
    情報商材関連、またはそれに準ずるビジネスに関わる方の参加はお断りしております。入会後に判明した場合、強制退会とさせていただく場合があります。
    講座・イベント中の事故・トラブルに関して、主催側は一切の責任を負いません。万が一の場合は、参加者様の自己責任・自己負担にて対応をお願いいたします。
    お支払いは事前振込制です。お支払い後のキャンセルによるご返金はいたしかねますのでご了承ください。
    ・やむを得ないキャンセルをご希望の方は、必ず事前に info@tsuwamonogura.jp までご連絡ください。
    講座・撮影場所までの交通費は自己負担となります。


    Zoom受講に関する注意点

    事前にZoomの動作確認をお願いいたします。接続に不安のある方は、お気軽にご相談ください。
    開始5分前までのご入室・時間厳守にご協力をお願いいたします。
    セミナー中の録音・録画・スクリーンショットは禁止とさせていただきます。
    通信環境や機器トラブルによる受講不可の場合は、個別に振替対応いたしますのでご相談ください。
    特典の受け取りには、事前に公式LINEの登録が必要です。 登録方法はお申し込み時にご案内いたします。

    ページ上部へ戻る