Features

本講座の特徴

  • 40本超の動画講義

    Web制作の基礎から始まり、NoCodeや営業、Webマーケティング案件などについて40本以上の動画で徹底的に解説しています

  • エンジニア歴10年超の現役CTOによるテキスト講義

    HTML / CSS / JavaScript / WordPressについて、エンジニア歴10年以上の現役CTO（最高技術責任者）によるテキスト解説を提供

  • NoCode講義

    HTML / CSS / JavaScript / WordPresssだけでなく、ShopifyやSTUDIO、SnowMonkeyなどのNoCodeの学習も動画講義で提供

  • 豊富な実践演習

    実務レベルの実践演習を初級、中級 、上級の3つを段階的に準備しています。NoCode（Shopify / STUDIO / SnowMonkey）を使用したデモサイト制作も解説

  • Webマーケティング案件へのステップアップ

    Web制作でクライアントと接点を持った後、Webマーケティング案件に繋げる営業テクニックや契約方法などについて徹底解説

Course Curriculum

講座内容

  • 1

    マインドセット

    • プログラミング学習における最重要マインド

    • Web制作とWeb開発に違いを知ろう

    • 効率的に稼ぐならWeb制作一択

    • 本講義の進め方

    • ★おすすめの併用サービス
  • 2

    WEBの基本知識

    • Webアプリケーションの基本知識

    • サーバー周りの基本知識

    • フロントエンドエンジニアの役割

    • バックエンドエンジニアの役割
  • 3

    HTMLの学習

    • 講師紹介

    • HTMLの基本と文章構成

    • HTML5とセマンティクス

    • コンテンツモデル

    • コンテンツモデル

    • head要素内の記述

    • body要素内の記述

    • HTMLチュートリアル
  • 4

    CSSの学習

    • 講師紹介

    • CSSの基本

    • セレクタについて

    • ボックスモデルを理解しよう

    • ボックスのレイアウトを理解しよう

    • Flexboxを使いこなそう

    • CSSを使いこなそう

    • レスポンシブwebデザイン

    • CSSチュートリアル➀

    • CSSチュートリアル➁

    • CSSチュートリアル➂
  • 5

    HTML / CSSのコーディング効率を上げる方法

    • 講師紹介

    • Emmet

    • デベロッパーツール

    • Google Chromeの拡張機能

    • VS Codeの便利なプラグイン

    • Sassを導入しよう

    • Sassの基本的な機能を覚えよう
  • 6

    【初級編】実践演習

    • 実践演習に取り組もう

    • 実践演習の解答【ソースコード】

    • 実践演習の解答【 Live Coding】
  • 7

    JavaScriptの学習

    • 講師紹介

    • JavaScriptとは

    • 基本文法

    • 関数

    • 配列とオブジェクト

    • DOM

    • 案件でよく使うUIメニューを作ってみよう

    • 案件でよく使うアニメーションを作ってみよう
  • 8

    【中級編】実践演習

    • 実践演習に取り組もう

    • 実践演習の解答【ソースコード】

    • 実践演習の解答【Live Coding】
  • 9

    WordPressの学習

    • 講師紹介

    • WordPressとは

    • WordPressを動かしてみよう

    • PHPの基礎学習

    • WordPressの基礎学習

    • WordPressチュートリアル

    • 【参考】本番環境移行を手動で行う場合の方法
  • 10

    【上級編】実践演習

    • 実践演習に取り組もう

    • 実践演習の解答【ソースコード】
  • 11

    モチベーションが落ちてきた方へ

    • NoCode戦法も視野に入れておくといい話

    • あなたの努力は自己満足です
  • 12

    STUDIO講座

    • STUDIOについて

    • STUDIOでの制作手順

    • 【デモサイト作成】トップページ（前半）

    • 【デモサイト作成】トップページ（後半）

    • 【デモサイト作成】CMS（前半）

    • 【デモサイト作成】CMS（後半）

    • 【デモサイト作成】アニメーション

    • 【デモサイト作成】レスポンシブ対応

    • 【デモサイト作成】シンボル・フォーム・公開

    • STUDIO制作での営業方法
  • 13

    Shopify講座

    • Shopifyとは

    • 【デモサイト①】FOXX

    • アプリ紹介

    • 【デモサイト②】Wi Steria

    • 重要項目について

    • マーケティング施策について

    • ポートフォリオサイトの作成

    • ECサイトに関する情報収集について
  • 14

    SnowMonkey講座

    • SnowMonkeyについて

    • SnowMonkeyでの制作手順

    • デモサイトを作ろう

    • デモサイトを作ろう（お問い合わせ）
  • 15

    営業しよう

    • 制作会社とエンドクライアントを理解しよう

    • エンドクライアントへの営業方法

    • ヒアリングシート

    • 契約書について

    • 制作会社への営業方法

    • 営業で使えるコミュニケーションテクニック

    • 案件を継続化させるテクニック

    • 営業を開始しよう！

    • 制作会社かエンドクライアントで迷っている人へ

    • 【最後に】営業文を書く時の注意点
  • 16

    クラウドワークス講座

    • 導入編

    • 応募者が多い中で目に止めてもう方法

    • 採用される差別化戦略

    • 事業サイトのポイント & 案件獲得のコツ
  • 17

    ココナラ攻略講座

    • ココナラとは

    • 失敗しないココナラの始め方

    • 目に留まるプロフィール設定

    • 受注につながるサービス設定

    • ココナラ独自の販売戦略

    • ココナラ独自の販売戦略+α
  • 18

    事業サイトを作ろう

    • 事業サイトのポイント & 案件獲得のコツ

    • 事業サイトの事例①

    • 事業サイトの事例②

    • 事業サイトの事例③

    • サイトを公開しよう

    • 事業サイトを作り方
  • 19

    Webマーケティングの案件獲得極意

    • 案件獲得の基本マインド

    • 案件獲得するためのポイント

    • Webマーケティング案件を獲得する方法

    • Webマーケティング案件の業務内容の種類

    • 契約形態について

    • 契約期間を長期化させる方法

    • 【最後に】実績を積もう
  • 20

    【番外編】メルマガ限定講義

    • どのベーススキルが一番おすすめなのか

    • 各スキルの特徴と向いている人の特徴

    • 「Web開発」と「Web制作」の違いについて

    • Web制作代行のメリットとデメリット

    • NoCodeで月50万円以上を稼ぐ猛者たち

    • Web制作代行のおすすめの営業先

    • 制作会社とエンドクライアントの違い

    • 案件を継続受注するために必要なたった一つのこと

    • 案件受注を自動化しよう

    • Web制作で圧倒的な成果を出すための環境づくり

    • Web制作で稼ぐためのスケジュール感

    • Web制作の学習で挫折しかけている人へ

    • いつまでも営業に踏み出せない人へ

    • クラウドソーシングのメリットとデメリット

    • エンド営業における課題解決とは

    • 実績がない間に案件獲得する方法

    • 初案件を獲得するために必要な営業数

Recommend & Not Recommend

本講座に向いている人と絶対に購入して欲しくない人の特徴

  • HTML / CSS / javaScript / WordPressなどコーディングの基礎から学習したい人

  • コーディング技術だけでなく、ShopifyやSTUDIO、SnowMonkeyなどのNoCodeも学習したい人

  • Web制作代行だけでなく、将来的にWebマーケティング案件にも繋げていきたいと思っている人

  • コミュニティが欲しい人（本講座ではコミュニティの提供はございません）

  • 3ヶ月〜半年間ほど根気強く学習を継続できる自信がない人

  • 数週間〜1ヶ月ほどの短期間で簡単に稼ぎたいと思っている人や楽に稼ぎたいと思っている人

Representative

代表者

YUJI MIZUTANI

滋賀県の高校を首席で卒業後、京都大学工学部電気電子工学科に進学。続けて、京都大学大学院情報学研究科へと進学し、ラスベガス🇺🇸やモントリオール🇨🇦、チェンライ🇹🇭での研究発表も経験する（成績優秀者として奨学金の返還が免除される）。大学卒業後は、新卒でNTTドコモに就職するとともに、副業でWeb制作やSNSを開始し、現在はSNSマーケターとして個人や法人に対してマーケティング代行を提供。行動して2年後には売上2億円超を達成し、SNSの総フォロワー数が5万人超。現在は海外でセミリタイヤ生活中。

VIDEO

お申し込み前に必ずご覧ください

FAQ

よくある質問

  • 完全初心者でも大丈夫ですか？

    全く問題ありません！プログラミング知識が全くない方でも、案件獲得まで到達できる教材をご用意しています。無期限で、徹底的にサポートさせていただきますのでご安心ください！

  • どのような講義形式でしょうか？

    カリキュラムに沿って、各々が進めていただく自学自習形式となります。本講座にはコミュニティでの交流やチャットサポートはございませんのでご確認ください。

  • 教材の閲覧期限はありますか？

    ありません！ご提供させていただくコンテンツは、永久に閲覧可能です。また、今後される追加コンテンツについても同様です。

  • 年齢制限はありますか？

    ありません！Web制作もWebマーケティングも業界的に全く年齢は関係ありません。

  • 返金保証はありますか？

    商品の特性上、決済完了直後に商品が納品されるため返金は受け付けません。

  • 会社 / 大学 / 家事で忙しいですが大丈夫ですか？

    大丈夫です！コンテンツは永久に閲覧可能であり、サポート期限はありませんので、ご自身のペースで学習していただけます。

  • 購入後に料金は発生しますか？

    買い切り型の商品であるため、一度お支払いいただいたあとは一切料金はかかりません！