私のようにフルリモートで稼ぎたいと思った人は『プログラミング』にたどり着いた人が多いと思います。
そして中でも比較的ハードルが低いのがWeb制作です(と言っても簡単ではありませんが)
しかし、以下のような悩みを持っている人が多いと思います。
- 何から勉強を始めていいか分からない
- どの教材を買ったらいいか分からない
- スクールやコミュニティなどのサービスもどれがいいか分からない
Web制作で稼ぐには『制作スキル』と『営業スキル』の2つが必要になり、どちらか片方だけでは稼げません(どちらかはパートナーに任せるという方法もありますが)
私が学習中にはどちらの教材もほとんどありませんでしたが、今では逆に溢れかえっていて選ぶのが大変なくらいです。
そこで『今からWeb制作を始めるなら迷わず購入する』という教材を選出しました。
もしWeb制作の勉強をある程度進めていたり、現在案件をこなしている人でも、
- もっと効率よく制作したい
- まだまだ案件数が足りない
- 営業しなくても案件獲得できるようにしたい
という方もいると思います。
そういった方にも役に立つ教材をご紹介するので、ぜひ参考にして頂ければと思います。
またWeb制作を始めようと思った人向けの学習ロードマップは以下の記事を参照下さい。
コーディングとWordPressで月収30万円目指すWeb制作ロードマップ【独学のプログラミング学習方法から営業まで】
続きを見る
学習におすすめの書籍については以下の記事を参照下さい。
【Web制作初心者向け】コーディングやデザインの勉強でおすすめしたい本まとめ
続きを見る
また、マーケティングや契約関連の教材もご紹介しているので、興味がある人は参考にしてみて下さい。
有料の教材を買うメリット
コーディングやWordPress、デザインなどの勉強を独学でやろうとしても、何から始めていいか分からない人も多いと思います。
一番最初であればProgateなどがおすすめですが、より実務に近い内容や実務ならではの情報を得るのであればサクッと有料教材を買ってしまうのが近道です。
最初は教材にお金を使うということに抵抗があるかも知れませんが、お金を使うことで早く稼げるようになります。
知識共有プラットフォーム『Brain』の社長である迫さんもこのようにツイートされています。
最近大事だなと思う3つのレバレッジ
1.お金のレバレッジ:PC等の必要物は、ケチらずローンを組んででも早く買うべき
2.時間のレバレッジ:お金を払ってでも人に任せて、自分にしかできないことをするべき
3.知識のレバレッジ:独学でやるより、経験者に教えてもらうのが早い。たとえ有料でも— 迫 佑樹@Brain社長 | 年11億の流通額、ユーザ数20万人突破のプラットフォーム運営 (@yuki_99_s) November 29, 2022
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
当然実務レベル&即戦力を目指す教材なので、後半はかなり難易度が高く苦戦すると思いますが、自信を持って初案件に望みたい方はこの教材で完走を目指してみて下さい。
【超実践編】納期厳守の模擬コーディング案件で実務への自信を身につける!
先ほどのコーディング演習課題・全部盛りをクリアしたら、スキル的には実務レベルに到達したと言っていいと思います。
しかし、実務では以下のような作業があります。
- 見積もり作成
- 請求書作成
そして、基本的に教材はいつやっても問題ありませんが、実務では当然『いつでもいい』なんてことはあり得ません。
実務では納期があり、その納期を過ぎてしまうと、最悪の場合は損害賠償になる可能性もあります。
実務の前に、納期に間に合わせるというヒリヒリ感を、体験しておきたいと思いませんか?
納期はクライアントが決める場合と、自分から提案する場合がありますが、どちらにしても、
- 工数の算出
- 急用が入ろうが多忙だろうが、絶対に間に合わせる覚悟と責任感
が必要になります。
また、見積もりや請求書の作成も、スムーズに作れる人はほとんどいないと思います。
クライアントからは、
クライアント
◯ページのコーディングを、◯万円でお願いします。
と言われることもありますが、
クライアント
◯ページのコーディングをお願いしたいのですが、お見積りを頂けますでしょうか?
と聞かれることも多いです。この場合、サクッと見積もりできますか?
このように、この教材はスキルだけではなく、コミュニケーション力を身につけることができます。
このコミュニケーション力というのは人見知り克服とかではなく、継続や紹介に繋げるための『相手の信頼を勝ち取るためのコミュニケーション力』となります。
先ほどの教材が『問題集』だとすれば、こちらは『模試』に相当します。つまり、こちらの方が実務に近い内容ということです。
さらにレビュー(添削)回数は無制限で、コミュニケーション力についてもレビュー対象となっています。
なので、先ほどのコーディング演習課題・全部盛りとこの教材をクリアすれば、自信を持って実務に挑むことができるでしょう。
こちらはまだリリースされたばかりなので、特別料金となっています。
徐々に値上げもされるようなので、気になる方は早めのご購入をおすすめします(コーディング案件1件で教材費は回収可能)
実践型コーディング教材
もし、先ほどの教材でつまづいて先に進めなくなってしまったり、もっとスキルアップしたいという人にはこちらの教材がおすすめです。
後ほどご紹介するWordPress教材と同じ方が販売している教材で、半年以上経っても売れ続けているロングセラーです。
教材の内容
- 4種類のデザインカンプ(ポートフォリオに掲載可能)
- 5時間以上のライブコーディング動画
- 50本以上の動画講義
無料5大特典付き
🎁 コーディングテンプレートファイル
🎁 制作着手前チェックシート
🎁 納品前チェックシート
🎁 個人開発Git講座
🎁 CSS設計動画講義
学習初期段階では買わなくてもいいかと思いますが、無料部分の解説を読んで自分に必要だと感じたら迷わず購入していいと思います(今後コンテンツが更新されて値上げの可能性もあり)
LP1本のコーディングで費用は容易に回収できるので、迷うだけ時間とお金をロスするだけです。
販売ページに230件以上のレビューも掲載されているので、そちらも参考にしてみて下さい。
WordPress教材の前に、こちらを購入することをおすすめします。
コーディング効率化講座
フリーランスのコーダーは、大半が1案件◯万円という案件単位で報酬を頂いていると思います。
もし、同じ1案件30万円だったとしても、
- 30日で納品 → 日給 1万円
- 10日で納品 → 日給 3万円
となります。
つまり、コーディングスピードが収入の大きさに直結します。
その為には、コーディングの効率化が必要になります。
こちらは、そのコーディングの効率化を重視した教材となっています。
教材の内容
- コーディングを爆速で進める!コーディングルール7選
- 基本的なパーツを全て網羅した160種類以上のコードストック集
無料10大特典付き
🎁 効率的な営業活動を行うための進捗管理表
🎁 全てはここに!コーダーの業務管理シート
🎁 あなたの収入を5万円上げるための見積書作成事前確認ポイント
🎁 コーディングを迷わず進めるための事前確認ポイント
🎁 指摘事項ゼロにするための納品前品質チェックシート
🎁 クラス命名の迷いを解消するキーワード一覧表
🎁 ChatGPTを駆使した超時短制作の秘密
🎁 実案件・学習ですぐに使える「ChatGPTの具体的な活用法」
🎁 効率化マストアイテム!Gulpソースコード
🎁 ポートフォリオ掲載OK!実践型デザインカンプ
WordPressの勉強におすすめの教材
コーディングの次にWordPressを習得すると、仕事の幅は一気に広がります。
初心者向け実践型WordPress教材
こちらは公開4日で200部販売した人気教材です。
『実践型』と書いてある通り、11ページのデザインカンプを元にコーディングからWordPressのオリジナルテーマ化まで実践的に学ぶことが出来ます。
さらにポートフォリオで欲しい制作実績として掲載することも可能です。
有名なスクールや教材でも制作実績として可能な架空サイトはありますが、有名が故に他の人と被ることが多いです。
その点こちらの教材は有名なスクールや教材と比較すればまだ広まっていないので、早めに購入して制作実績として使えば他の人と被る確率はグッと減ると思います。
また特典も非常に魅力的なものばかりで、以下のような物があります。
無料10大特典付き
🎁 見積もり料金自動計算シート
🎁 制作着手前チェックシート
🎁 納品前チェックシート
🎁 案件管理シート
🎁 作業効率を上げるツール一覧
🎁 お気に入りサイト一覧
🎁 よく使うWordPressプラグイン一覧
🎁 WordPressテンプレートファイル一式
🎁 営業文のサンプル
🎁 ポートフォリオのサンプル
これでも一部ですが、これだけでも有料級の価値があるのは間違いありません。
学習面だけでなく営業や実案件で必要となる情報も網羅されているので、まさに『実案件の不安を消し去る教材』となっています。
実務で使った2年分のコーディング&WordPressメモまとめ集
これは私が販売しているものですが『教材』ではなく『コード集(コードスニペット集)』という感じです。
こちらは、1,100部以上売れています。
詳細については以下の記事を参照ください(Brain販売ページと重なる内容もあります)
初心者向き教材!コーディング&WordPressコードスニペット集【コピペで使える】
続きを見る
ちゃんと学ぶ、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制作と相性抜群!】
続きを見る
案件獲得方法におすすめの教材【クラウドソーシングに特化】
という人も多いと思います。
そこでクラウドソーシングの営業で役立つ教材をご紹介します。
特定のクラウドソーシングサイトに特化した教材や、クラウドソーシングに限らず案件獲得に役立つ教材もあるので、ご自身にマッチしそうなものを参考にして頂ければと思います。
ここあの1ヶ月ココナラチャレンジ
この『ココナラチャレンジ』というのは、
ココナラは低単価のイメージがあるけどどうしたらいいですか?
といった質問がココナラをやったことがないのに山ほど来るから実際にやってみたという企画でした。
私が交流ある人でかなり天才肌なのですが、それを自覚しているのか今回のチャレンジでは色々と縛りプレイで挑戦してみたようです。
いろいろな縛りがありますが、中でも注目すべきはこちら。
- ココナラの実績0からスタート(新規アカウント)
- コーディング案件のみ
- 公開依頼に対するアプローチなし
つまり実績ありきのスタートダッシュはなく『誰がやっても再現性がある方法』というテーマです。
さらに『コーディング案件のみ』且つ『こちらからは応募しない』という完全に待ちのスタイルです。
無料部分だけでも読んでみて、
と思ったら買いかと思います。
ちなみにフリーランスとしてのマインドについても書いてあるので、フリーランスを目指す人にもおすすめです。
ココナラで営業ゼロを目指す!案件獲得方法を大公開!
ここでご紹介する中では一番安くかつ一番新しい教材となります。
クラウドソーシングで怖い炎上案件を避ける方法などが記載されているので、ココナラを初めて使う人はまずはこれを使ってスタートするのがおすすめです。
これがあるか無いかで収益も大きく変わってくるはずです。
詳しくはこちらの記事を参照下さい。
営業不要で稼ぐ!ココナラが初心者・副業向きな理由と出品で案件獲得するメリット
続きを見る
ランサーズ スキルパッケージ大全
こちらはクラウドソーシングで有名なランサーズに特化した教材になります。
ランサーズの魅力は以下の記事に全て書いていますが、
【案件獲得!】ランサーズがクラウドソーシングで選ばれる理由4選と営業時間0で稼ぐ方法
続きを見る
こちらの教材を買って期待出来る最大のメリットは『営業時間0で案件を獲得し続けられる』となります。
営業も出費はなくても時間的コストがかかりますし、精神的にもかなり削られます。
しかし営業時間を0に出来れば、営業に使っていた時間を他に使うことが出来ますよね?
なので営業方法というより、営業を不要にする為の教材となります。
『待ちの営業』案件獲得術
こちらはここまでご紹介してきた教材とは少し違い、継続案件に繋げるために必要な信頼される案件対応の心得などが書いてあります。
新規のクライアントと繋がっていくことも大切ですが、継続案件だとお互いに要領が分かっているので、新規のクライアントと比べるとコミュニケーションコストも下げられます。
それは『連絡方法・納品方法・入金方法』などなど。
新規のクライアントだと毎回これらの確認が必要になりますし、継続案件に繋げるための仕事術は丁寧な仕事と高評価に繋がります。
詳しくはこちらの記事を参照下さい。
ココナラ攻略!待ちの営業で案件を自動獲得して信頼される方法
続きを見る
制作会社営業におすすめのサービス
先ほどはクラウドソーシングに特化した教材でしたが、制作会社への営業をする人もいると思います。
クラウドソーシングはWeb制作についてあまり詳しくない相手もいますが、制作会社は当然プロです。
そして営業方法も変わってくるので、制作会社への営業でおすすめのサービスを1つご紹介します。
営業文完全攻略
サービス内容
- 制作会社に評価されるポートフォリオの解説
- 営業文の雛形公開、及び各点の解説
- 営業時にやってはいけない手法とリストアップ方法
- 制作会社へのインタビュー
- 営業文・添付資料・ポートフォリオの添削(2回)
- 評価されるチェックシートの雛形と作り方
- 制作会社との面談での質疑応答の解説
- 制作会社はポートフォリオのどこを見ているのか
- 制作会社に出す見積書の雛形と解説
- その他、役立つ書類を複数追加予定
私のように営業経験がない人は、どうやって営業をしていいのかさっぱり分からないと思います。
そして、
と意気込む人もいてそれも間違いではありませんが、なるべく希望の制作会社と契約したいですよね?
そのためには営業方法を学び、営業文やポートフォリオの添削を受ければ契約に至る可能性を大幅に上げることが出来ます。
そしてこちらのサービスは売りっぱなしではなく、実際に営業をする会社のリサーチをした上で添削をしてくれます。
営業は無策で挑むと消耗戦になり、次第に営業先がなくなっていくということもあり得るので、このサービスを活用して制作会社営業の打率を上げておくのがおすすめです。
営業が苦手な人向けの教材
私は営業経験がなく苦手意識も強く、はっきり言って営業は嫌いです。
そして営業らしい営業はほとんどやっていませんが、仕事はずっと途切れることはありませんでした。
そんな営業が苦手な人向けに私が書いたnoteがあるので、よろしければ参考にしてみて下さい(ワンコインで返金可能)
契約書関連のおすすめ教材
こちらは教材とは少し違いますが、フリーランスとしてWeb制作をしていくなら持っておきたい契約書のひながたになります。
Web業務委託契約のひな形11点セット(制作、保守、SNS運用代行)
会社であれば契約書は会社が用意してくれるかも知れませんし、何かトラブルがあれば会社が守ってくれるかも知れませんが、フリーランスは誰も守ってくれません。
つまり自分の身を守るのは自分なので、トラブルを避ける為にもこちらを手元に置いておくのがおすすめです。
業務委託契約書に関する記事は以下を参照下さい。
【フリーランス必見!】Web制作の業務委託契約書とは?〜おすすめの雛形もご紹介〜
続きを見る
トラブル・炎上案件回避におすすめの教材
Web制作に限りませんが、悪質なクライアントにあたって炎上したという話はよく聞きます。
そのためには先ほどの契約書同様、自分の身を守る術を身につけておきましょう。
フリーナンス
契約書と同様にフリーランスの身を守るのに必要なのが保険です。
そんなフリーランス向けの保険で無料で入れるのがフリーナンスというサービスです(教材ではありません)
『無料で入れる保険』と聞いて、
と思った人はこちらの記事を参照下さい(1,000円貰える招待コード付き)
【招待コードあり】フリーナンスの即日払いの評判やフリーランスを守る無料の保険を徹底解説!
続きを見る
トラブルを回避する方法
これは私がこれまで経験してきたトラブルなどをまとめたnoteで、リアルな話を書いています。
これを読めばある程度トラブルから身を守ることができ、さらにクライアントからの信頼を得て継続案件に繋げることもできるので、初案件はこれからという人はぜひ読んで頂きたいと思います(ワンコインで返金可能)
まとめ
今回はご紹介した教材・サービスをまとめます。
商品バナー | |||||||||||||||||||||
対象者 | コーダー | コーダー | コーダー | コーダー | コーダー | コーダー WordPress制作者 | コーダー WordPress制作者 | コーダー WordPress制作者 | デザイナー | デザイナー | デザイナー | Web制作者 | 案件獲得希望者 | 案件獲得希望者 | 案件獲得希望者 | 案件獲得希望者 | 案件獲得希望者 | 案件獲得希望者 | Web制作者全員 | Web制作者全員 | Web制作者全員 |
商品名 | CSSの コーディングルール30条 | コーディング 演習課題 【全部盛り】 | 納期厳守の模擬コーディング案件 【超実践編】 | 実践型 コーディング教材 | コーディング 効率化講座 | 実践型 WordPress教材 | コーディング&WordPress メモまとめ集 | ちゃんと学ぶ、 WordPressテーマ 開発講座 | 通販LPデザイン 学習ロードマップ | 通販LPデザイン 作り方マスター講座 | 即戦力 デザインスキル講座 | MEO完全攻略本 | ココアの1ヶ月 ココナラチャレンジ | ココナラで営業ゼロ を目指す! | ランサーズ スキルパッケージ大全 | 待ちの営業 案件獲得術 | 営業文 完全攻略 | 営業苦手な人向け note | Web業務委託契約 ひな形11点セット | フリーナンス ※ 紹介記事に招待コードあり | トラブルを 回避する方法 |
料金 | 500円 | 16,980円 | 49,800円 | 29,800円 | 29,800円 | 39,800円 | 25,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制作において必要なものが一通り揃っているのではないかなと思います。
もちろんスキルアップなどは上を目指せばキリがありませんが、今回ご紹介した教材があれば十分稼ぐことが出来ます。
今後もおすすめしたい教材があれば随時追記していこうと思います。
以上になります。