おすすめサービス

【独学・未経験者向け】Web制作で稼ぎたい人におすすめの教材をジャンル別に厳選紹介!

※ 当サイトではアフィリエイト広告を利用しています

Web制作で稼げるようになりたいけど、いい教材ってある?

私のようにフルリモートで稼ぎたいと思った人は『プログラミング』にたどり着いた人が多いと思います。

そして中でも比較的ハードルが低いのがWeb制作です(と言っても簡単ではありませんが)

しかし、以下のような悩みを持っている人が多いと思います。

  • 何から勉強を始めていいか分からない
  • どの教材を買ったらいいか分からない
  • スクールやコミュニティなどのサービスもどれがいいか分からない

Web制作で稼ぐには『制作スキル』と『営業スキル』の2つが必要になり、どちらか片方だけでは稼げません(どちらかはパートナーに任せるという方法もありますが)

私が学習中にはどちらの教材もほとんどありませんでしたが、今では逆に溢れかえっていて選ぶのが大変なくらいです。

そこで『今からWeb制作を始めるなら迷わず購入する』という教材を選出しました。

もしWeb制作の勉強をある程度進めていたり、現在案件をこなしている人でも、

  • もっと効率よく制作したい
  • まだまだ案件数が足りない
  • 営業しなくても案件獲得できるようにしたい

という方もいると思います。

そういった方にも役に立つ教材をご紹介するので、ぜひ参考にして頂ければと思います。

またWeb制作を始めようと思った人向けの学習ロードマップは以下の記事を参照下さい。

あわせて読みたい
コーディングとWordPressで月収30万円目指すWeb制作ロードマップ【独学のプログラミング学習方法から営業まで】
コーディングとWordPressで月収30万円目指すWeb制作ロードマップ【独学のプログラミング学習方法から営業まで】

続きを見る

学習におすすめの書籍については以下の記事を参照下さい。

あわせて読みたい
【Web制作初心者向け】コーディングやデザインの勉強でおすすめしたい本まとめ
【Web制作初心者向け】コーディングやデザインの勉強でおすすめしたい本まとめ

続きを見る

また、マーケティングや契約関連の教材もご紹介しているので、興味がある人は参考にしてみて下さい。

有料の教材を買うメリット

コーディングやWordPress、デザインなどの勉強を独学でやろうとしても、何から始めていいか分からない人も多いと思います。

一番最初であればProgateなどがおすすめですが、より実務に近い内容や実務ならではの情報を得るのであればサクッと有料教材を買ってしまうのが近道です。

最初は教材にお金を使うということに抵抗があるかも知れませんが、お金を使うことで早く稼げるようになります。

知識共有プラットフォーム『Brain』の社長である迫さんもこのようにツイートされています。

Web制作のコーディング案件はLP1件で安くても3万円くらいで、慣れればLPのコーディングは1日で出来るようになります。

それを考えると教材費は速攻で回収出来るので、悩む時間が勿体ないくらいです。

とはいえ、自分に必要のないものまで買う必要はないので、今の自分に必要だと思うものを選びましょう。



コーディングの勉強におすすめの教材

まずはコーディングの教材です。

 

CSSのコーディングルール30条

こちらはCSSのコーディングルールについて詳しく解説されている教材になります。

CSSはデザインを再現するのに必要なもので、再現するためのコードを紹介している記事は当ブログを含めたくさんありますが、コーディングルールについて書かれた記事や教材はなかなかありません。

この教材はタイトルから分かる通りあくまでも『一個人のコーディングルール』となり、法律で決まっているとか業界で定められているというものではないので正解という訳ではありません。

しかし凄腕のエンジニアが意識しているというコーディングルールを知っておくと、CSSの書き方に対する意識が変わると思います。

ただし、教材の解説にもありますが、ある程度コーディングの勉強が進んでいる方が対象となります。

 

コーディング演習課題・全部盛り

こちらはWeb制作スクールで有名なデイトラのメンターをやられているしょーごさんが販売している、コーディング初心者にとって鉄板の教材です。

レベル別に個別に販売もしていますがやり残した教材があると後悔するかも知れませんし、全部盛りの場合は個別で買うより25%も安くなるので、最初から全部盛りを購入するのがおすすめです。

正直、説明が不要なくらい有名な教材なのですが、以下のような内容となっています。

教材の内容

  • ①初級:基礎的なHTML / CSS
  • ②初級その2:HTML / CSSのレスポンシブに慣れる
  • ③初級Ex:HTML / CSS基礎総復習
  • ④中級:jQuery・JavaScriptの導入
  • ⑤中級Ex:高度なCSSとJavaScriptライブラリの使用
  • ⑥上級:WordPressを活用したメディア型企業サイト
  • ⑦即戦力編:土木・製造業のトップページ
  • ⑧JavaScript,jQuery特訓編:jQuery・JSでよくある実装を学習
  • 以上、8つの教材が全部盛り
  • さらにレビューを受けられ、修正点があれば2回目のレビューも受けられる
  • オリジナルポートフォリオ化と、そのレビューを受けられる

教材のポイント

  • レベル別に段階を踏んでコーディングの練習が出来る
  • 初級〜実務レベルの上級まで網羅
  • 現役のエンジニアであるスクールのメンターからレビューを2回も受けられる
  • 他の人と被りがちなポートフォリオをオリジナル化できる

このように段階を踏んで実務レベルのコーディングを練習することができ、レビューも受けられ、さらに営業で必須なポートフォリオについても対応されています。

ポートフォリオはスクールの場合だと他の人と被ってしまうことが良くありますが、この教材では他の人と被らないようにオリジナルのポートフォリオを作れるようになっています。

正直、自分が学習中にこの教材があったらどれだけ心強かっただろうと悔やまれますw

当然実務レベル&即戦力を目指す教材なので、後半はかなり難易度が高く苦戦すると思いますが、自信を持って初案件に望みたい方はこの教材で完走を目指してみて下さい。

完走した頃には『実務レベルのスキル』と、営業で他の人と差別化できる『オリジナルポートフォリオ』が手に入るよ!

初心者コーダー必須の教材!

コーディング演習課題【全部盛り】はこちら

コードレビュー付き!

 

実践型コーディング教材

【"最短2ヶ月"で実務レベルのコーディングスキルが身につく】実践型コーディング教材

もし、先ほどの教材でつまづいて先に進めなくなってしまったり、もっとスキルアップしたいという人にはこちらの教材がおすすめです。

後ほどご紹介するWordPress教材と同じ方が販売している教材で、半年以上経っても売れ続けているロングセラーです。

教材の内容

  • 4種類のデザインカンプ(ポートフォリオに掲載可能)
  • 5時間以上のライブコーディング動画
  • 50本以上の動画講義

無料5大特典付き

🎁 コーディングテンプレートファイル

🎁 制作着手前チェックシート

🎁 納品前チェックシート

🎁 個人開発Git講座

🎁 CSS設計動画講義

学習初期段階では買わなくてもいいかと思いますが、無料部分の解説を読んで自分に必要だと感じたら迷わず購入していいと思います(今後コンテンツが更新されて値上げの可能性もあり)

LP1本のコーディングで費用は容易に回収できるので、迷うだけ時間とお金をロスするだけです。

販売ページに230件以上のレビューも掲載されているので、そちらも参考にしてみて下さい。

WordPress教材の前に、こちらを購入することをおすすめします。

最短2ヶ月で実務レベルのスキルが身に付く!

実践型コーディング教材はこちら

5大特典付き!

 

コーディング効率化講座

フリーランスのコーダーは、大半が1案件◯万円という案件単位で報酬を頂いていると思います。

もし、同じ1案件30万円だったとしても、

  • 30日で納品 → 日給 1万円
  • 10日で納品 → 日給 3万円

となります。

つまり、コーディングスピードが収入の大きさに直結します。

その為には、コーディングの効率化が必要になります。

こちらは、そのコーディングの効率化を重視した教材となっています。

教材の内容

  • コーディングを爆速で進める!コーディングルール7選
  • 基本的なパーツを全て網羅した160種類以上のコードストック集

無料10大特典付き

🎁 効率的な営業活動を行うための進捗管理表

🎁 全てはここに!コーダーの業務管理シート

🎁 あなたの収入を5万円上げるための見積書作成事前確認ポイント

🎁 コーディングを迷わず進めるための事前確認ポイント

🎁 指摘事項ゼロにするための納品前品質チェックシート

🎁 クラス命名の迷いを解消するキーワード一覧表

🎁 ChatGPTを駆使した超時短制作の秘密

🎁 実案件・学習ですぐに使える「ChatGPTの具体的な活用法」

🎁 効率化マストアイテム!Gulpソースコード

🎁 ポートフォリオ掲載OK!実践型デザインカンプ

CSS設計編

コーディングの効率化したい人はこちら!

時給アップに直結!



WordPressの勉強におすすめの教材

コーディングの次にWordPressを習得すると、仕事の幅は一気に広がります。

 

初心者向け実践型WordPress教材

こちらは公開4日で200部販売した人気教材です。

『実践型』と書いてある通り、11ページのデザインカンプを元にコーディングからWordPressのオリジナルテーマ化まで実践的に学ぶことが出来ます。

さらにポートフォリオで欲しい制作実績として掲載することも可能です。

有名なスクールや教材でも制作実績として可能な架空サイトはありますが、有名が故に他の人と被ることが多いです。

その点こちらの教材は有名なスクールや教材と比較すればまだ広まっていないので、早めに購入して制作実績として使えば他の人と被る確率はグッと減ると思います。

また特典も非常に魅力的なものばかりで、以下のような物があります。

無料10大特典付き

🎁 見積もり料金自動計算シート

🎁 制作着手前チェックシート

🎁 納品前チェックシート

🎁 案件管理シート

🎁 作業効率を上げるツール一覧

🎁 お気に入りサイト一覧

🎁 よく使うWordPressプラグイン一覧

🎁 WordPressテンプレートファイル一式

🎁 営業文のサンプル

🎁 ポートフォリオのサンプル

これでも一部ですが、これだけでも有料級の価値があるのは間違いありません。

学習面だけでなく営業や実案件で必要となる情報も網羅されているので、まさに『実案件の不安を消し去る教材』となっています。

実践的に学ぶ!

WordPress案件の不安を払拭したい人はこちら!

WordPressスキルを身に付ける!

 

実務で使った2年分のコーディング&WordPressメモまとめ集

【コピペで使える】コーディング&WordPressメモまとめ集を発売!(無料特典あり)

これは私が販売しているものですが『教材』ではなく『コード集(コードスニペット集)』という感じです。

こちらは、1,100部以上売れています。

詳細については以下の記事を参照ください(Brain販売ページと重なる内容もあります)

あわせて読みたい
【コピペで使える!】コーディング&WordPressコードスニペット集【無料特典あり】
初心者向き教材!コーディング&WordPressコードスニペット集【コピペで使える】

続きを見る

 

ちゃんと学ぶ、WordPress テーマ開発講座

動画で学びたい人はこちらがおすすめです。

こちらの教材も非常に多くの人に利用されており、私も購入しました。

他の教材との違いは『動画で学べる』という内容なので、

このコードどこに書いたらええねん・・・

という事になる心配があまりありません(全く無いとは言えませんが)

Udemyの動画教材

動画でWordPressを勉強したい人はこちら!

超ロングセラー!



デザインの勉強におすすめの教材

Web制作でコーディングと対になるのがデザインです。

今回はLPデザインに絞ってご紹介します。

 

通販LPデザイン学習ロードマップ

こちらは2ヶ月で1,000部以上と爆売れした商品です。

色んなデザインが出来るデザイナーを目指すのもいいですが、通販LPデザインに特化しても週3日で月収50万円を目指せるので、まずはここからスタートしてもいいかと思います。

 

通販LPデザイン作り方マスター講座

こちらも先ほどと同じ方の商品で、先ほどよりかなり高額ながら500部以上売れている大人気商品です。

高額とはいえ、LP1本デザインすれば回収できてしまいます。

先ほどの商品と合わせて買っている人も多いようです。

 

即戦力デザイン講座

デザインはいくら学んでも、

これで合っているんだろうか・・・

と正解がないので分からないと思いますが、こちらの教材は58本の動画に加えて個別の添削が2回ついています。

さらに以下の特典もついています。

特典内容

🎁  一目でフォントを選べられるフォントシート

🎁 実務で実際に使っているヒアリング内容

🎁 デザインを圧倒的に上達させる添削チケット2回

🎁 添削デザインのデザインデータ

スクールはちょっと高額で通えない・・・

という方にはおすすめで、レビューも高評価なので気になる方は販売ページでご確認下さい。

詳しくはこちらの記事を参照下さい。

あわせて読みたい
デザインとコーディング両方できるメリットや学ぶ際の注意点を徹底解説!
デザインとコーディング両方できるメリットや学ぶ際の注意点を徹底解説!

続きを見る



マーケティングの勉強におすすめの教材

マーケティングの教材を1つご紹介します。

 

MEO完全攻略本

SEOは聞いたことあるけどMEOは聞いたことがない、もしくは聞いたことあるけど良く分からないという人が多いのではないでしょうか?

MEOはSEOとは違う集客方法の1つで、Googleマップに掲載されたお店の情報を検索アルゴリズムに則って最適化することで、Googleマップの検索結果において上位表示させることを指します。

つまりホームページを制作した後の施策になるので、Web制作と相性抜群です。

安定したサブスク収入を得たい人にもおすすめです。

詳しくはこちらの記事を参照下さい。

あわせて読みたい
MEOとは?SEOとの違い・対策方法と上位表示のポイントを解説【Web制作と相性抜群!】
MEOとは?SEOとの違い・対策方法と上位表示のポイントを解説【Web制作と相性抜群!】

続きを見る

 

案件獲得方法におすすめの教材【クラウドソーシングに特化】

営業経験ないけど、案件ってどうやって獲得できるの?
クラウドソーシングで案件を獲得したいけど、営業経験ないからどうすればいいのか分からない・・・

という人も多いと思います。

そこでクラウドソーシングの営業で役立つ教材をご紹介します。

特定のクラウドソーシングサイトに特化した教材や、クラウドソーシングに限らず案件獲得に役立つ教材もあるので、ご自身にマッチしそうなものを参考にして頂ければと思います。

 

ここあの1ヶ月ココナラチャレンジ

ここあの1ヶ月ココナラチャレンジ ココナラ 0→1 スタート1ヶ月で77万円 2ヶ月で165万円納品した全てを公開します!!

この『ココナラチャレンジ』というのは、

ココナラでどうやって稼げばいいんですか?

ココナラは低単価のイメージがあるけどどうしたらいいですか?

といった質問がココナラをやったことがないのに山ほど来るから実際にやってみたという企画でした。

私が交流ある人でかなり天才肌なのですが、それを自覚しているのか今回のチャレンジでは色々と縛りプレイで挑戦してみたようです。

いろいろな縛りがありますが、中でも注目すべきはこちら。

  • ココナラの実績0からスタート(新規アカウント)
  • コーディング案件のみ
  • 公開依頼に対するアプローチなし

つまり実績ありきのスタートダッシュはなく『誰がやっても再現性がある方法』というテーマです。

さらに『コーディング案件のみ』且つ『こちらからは応募しない』という完全に待ちのスタイルです。

無料部分だけでも読んでみて、

これ自分で行けそうじゃね?

と思ったら買いかと思います。

ちなみにフリーランスとしてのマインドについても書いてあるので、フリーランスを目指す人にもおすすめです。

 

ココナラで営業ゼロを目指す!案件獲得方法を大公開!

ここでご紹介する中では一番安くかつ一番新しい教材となります。

クラウドソーシングで怖い炎上案件を避ける方法などが記載されているので、ココナラを初めて使う人はまずはこれを使ってスタートするのがおすすめです。

これがあるか無いかで収益も大きく変わってくるはずです。

詳しくはこちらの記事を参照下さい。

あわせて読みたい
営業不要で稼ぐ!ココナラが初心者・副業向きな理由と出品で案件獲得するメリット
営業不要で稼ぐ!ココナラが初心者・副業向きな理由と出品で案件獲得するメリット

続きを見る

 

ランサーズ スキルパッケージ大全

こちらはクラウドソーシングで有名なランサーズに特化した教材になります。

ランサーズの魅力は以下の記事に全て書いていますが、

参考記事
【初心者向き】ランサーズがクラウドソーシングで選ばれる理由4選と営業時間0で稼ぐ方法
【案件獲得!】ランサーズがクラウドソーシングで選ばれる理由4選と営業時間0で稼ぐ方法

続きを見る

こちらの教材を買って期待出来る最大のメリットは『営業時間0で案件を獲得し続けられる』となります。

営業も出費はなくても時間的コストがかかりますし、精神的にもかなり削られます。

しかし営業時間を0に出来れば、営業に使っていた時間を他に使うことが出来ますよね?

なので営業方法というより、営業を不要にする為の教材となります。

 

『待ちの営業』案件獲得術

こちらはここまでご紹介してきた教材とは少し違い、継続案件に繋げるために必要な信頼される案件対応の心得などが書いてあります。

新規のクライアントと繋がっていくことも大切ですが、継続案件だとお互いに要領が分かっているので、新規のクライアントと比べるとコミュニケーションコストも下げられます。

それは『連絡方法・納品方法・入金方法』などなど。

新規のクライアントだと毎回これらの確認が必要になりますし、継続案件に繋げるための仕事術は丁寧な仕事と高評価に繋がります。

詳しくはこちらの記事を参照下さい。

あわせて読みたい
ココナラ攻略!待ちの営業で案件を自動獲得して信頼される方法
ココナラ攻略!待ちの営業で案件を自動獲得して信頼される方法

続きを見る

 



 

制作会社営業におすすめのサービス

先ほどはクラウドソーシングに特化した教材でしたが、制作会社への営業をする人もいると思います。

クラウドソーシングはWeb制作についてあまり詳しくない相手もいますが、制作会社は当然プロです。

そして営業方法も変わってくるので、制作会社への営業でおすすめのサービスを1つご紹介します。

 

営業文完全攻略

サービス内容

  • 制作会社に評価されるポートフォリオの解説
  • 営業文の雛形公開、及び各点の解説
  • 営業時にやってはいけない手法とリストアップ方法
  • 制作会社へのインタビュー
  • 営業文・添付資料・ポートフォリオの添削(2回)
  • 評価されるチェックシートの雛形と作り方
  • 制作会社との面談での質疑応答の解説
  • 制作会社はポートフォリオのどこを見ているのか
  • 制作会社に出す見積書の雛形と解説
  • その他、役立つ書類を複数追加予定

私のように営業経験がない人は、どうやって営業をしていいのかさっぱり分からないと思います。

そして、

燃える犬

とにかく数を打つ!

と意気込む人もいてそれも間違いではありませんが、なるべく希望の制作会社と契約したいですよね?

そのためには営業方法を学び、営業文やポートフォリオの添削を受ければ契約に至る可能性を大幅に上げることが出来ます。

そしてこちらのサービスは売りっぱなしではなく、実際に営業をする会社のリサーチをした上で添削をしてくれます。

営業は無策で挑むと消耗戦になり、次第に営業先がなくなっていくということもあり得るので、このサービスを活用して制作会社営業の打率を上げておくのがおすすめです。

制作会社営業の打率アップに!

営業文完全攻略はこちら

2回の営業文添削付き!

 

営業が苦手な人向けの教材

私は営業経験がなく苦手意識も強く、はっきり言って営業は嫌いです。

そして営業らしい営業はほとんどやっていませんが、仕事はずっと途切れることはありませんでした。

そんな営業が苦手な人向けに私が書いたnoteがあるので、よろしければ参考にしてみて下さい(ワンコインで返金可能)

営業が苦手な人向け

営業せずに案件を獲得し続ける方法

ワンコインで返金可能!



契約書関連のおすすめ教材

こちらは教材とは少し違いますが、フリーランスとしてWeb制作をしていくなら持っておきたい契約書のひながたになります。

 

Web業務委託契約のひな形11点セット(制作、保守、SNS運用代行)

会社であれば契約書は会社が用意してくれるかも知れませんし、何かトラブルがあれば会社が守ってくれるかも知れませんが、フリーランスは誰も守ってくれません。

つまり自分の身を守るのは自分なので、トラブルを避ける為にもこちらを手元に置いておくのがおすすめです。

手元に置いておきたい!

トラブル防止したい方はこちら!

当ブログからも購入者続出!

業務委託契約書に関する記事は以下を参照下さい。

あわせて読みたい
【フリーランス必見!】Web制作の業務委託契約書とは?〜おすすめの雛形もご紹介〜
【フリーランス必見!】Web制作の業務委託契約書とは?〜おすすめの雛形もご紹介〜

続きを見る



トラブル・炎上案件回避におすすめの教材

Web制作に限りませんが、悪質なクライアントにあたって炎上したという話はよく聞きます。

そのためには先ほどの契約書同様、自分の身を守る術を身につけておきましょう。

 

フリーナンス

契約書と同様にフリーランスの身を守るのに必要なのが保険です。

そんなフリーランス向けの保険で無料で入れるのがフリーナンスというサービスです(教材ではありません)

『無料で入れる保険』と聞いて、

怪しい・・・

と思った人はこちらの記事を参照下さい1,000円貰える招待コード付き

あわせて読む
入って損なし!フリーナンスの即日払いの評判やフリーランスを守る無料の保険を徹底解説!
【招待コードあり】フリーナンスの即日払いの評判やフリーランスを守る無料の保険を徹底解説!

続きを見る

 

トラブルを回避する方法

これは私がこれまで経験してきたトラブルなどをまとめたnoteで、リアルな話を書いています。

これを読めばある程度トラブルから身を守ることができ、さらにクライアントからの信頼を得て継続案件に繋げることもできるので、初案件はこれからという人はぜひ読んで頂きたいと思います(ワンコインで返金可能)

炎上を避ける!

悪質クライアントとトラブルを回避する方法

ワンコインで返金可能!

まとめ

今回はご紹介した教材・サービスをまとめます。

商品バナー【"最短2ヶ月"で実務レベルのコーディングスキルが身につく】実践型コーディング教材【コピペで使える!】コーディング&WordPressコードスニペット集【無料特典あり】ここあの1ヶ月ココナラチャレンジ ココナラ 0→1 スタート1ヶ月で77万円 2ヶ月で165万円納品した全てを公開します!!
対象者コーダーコーダーコーダーコーダーコーダー
WordPress制作者
コーダー
WordPress制作者
コーダー
WordPress制作者
デザイナーデザイナーデザイナーWeb制作者案件獲得希望者案件獲得希望者案件獲得希望者案件獲得希望者案件獲得希望者案件獲得希望者Web制作者全員Web制作者全員Web制作者全員
商品名CSSの
コーディングルール30条
コーディング
演習課題
【全部盛り】
実践型
コーディング教材
コーディング
効率化講座
実践型
WordPress教材
コーディング&WordPress
メモまとめ集
ちゃんと学ぶ、
WordPressテーマ
開発講座
通販LPデザイン
学習ロードマップ
通販LPデザイン
作り方マスター講座
即戦力
デザインスキル講座
MEO完全攻略本ココアの1ヶ月
ココナラチャレンジ
ココナラで営業ゼロ
を目指す!
ランサーズ
スキルパッケージ大全
待ちの営業
案件獲得術
営業文
完全攻略
営業苦手な人向け
note
Web業務委託契約の
ひな形11点セット
フリーナンス
※ 紹介記事に招待コードあり
トラブルを
回避する方法
料金500円16,980円29,800円29,800円39,800円20,000円27,800円9,800円49,800円59,800円29,800円30,000円6,980円9,800円9,800円9,980円500円4,980円0円〜500円
販売ページ販売ページ販売ページ販売ページ販売ページ販売ページ販売ページ販売ページ販売ページ販売ページ販売ページ販売ページ販売ページ販売ページ販売ページ販売ページ販売ページ販売ページ販売ページ紹介記事販売ページ
※ 商品は値上げされる可能性があります。

これらの教材(サービス)があれば、

  • スキルアップ
  • 作業効率アップ
  • 営業力アップ(案件獲得)
  • サブスク収入
  • トラブル防止
  • トラブル時の保険

など、Web制作において必要なものが一通り揃っているのではないかなと思います。

もちろんスキルアップなどは上を目指せばキリがありませんが、今回ご紹介した教材があれば十分稼ぐことが出来ます。

今後もおすすめしたい教材があれば随時追記していこうと思います。

以上になります。

 

Web制作おすすめ教材と案件獲得サービス
当ブログではWeb制作学習におすすめの教材を厳選してご紹介しています。
こちらの記事を参考に教材を購入して成果を出している人もたくさんいるので、自分に必要な教材を探してみて下さい。
また、学習面だけでなく営業面である案件獲得サービスもご紹介しています。
スキルが身についても仕事がなければ意味がないので、営業に不安がある人はこちらの記事をぜひ参考にしてみて下さい。
この記事を参考にスキルと営業力を身につけて稼げるようになりましょう!

-おすすめサービス
-