独学でWebサイト制作の副業に挑戦してみようという試みです。前回は、なぜ今回Web制作に挑戦するのかをお話ししました。
\ 前回の記事をまだ読んでいない方はこちらから /
今回はどのように学習を進めるのか計画を立てていきたいと思います。
プログラミングの学習方法や案件の獲得方法などをいくつか紹介した上で、今回の私の計画について発表します。
計画について知りたい！という人は後半まで飛んでくださいね。
- プログラミング学習おすすめ方法3つ
- 案件を獲得する方法3つ
- 今回の学習計画について
計画を立てる前に
計画を立てるには、どのようなスキルが必要なのか理解することが大切です。さらに、そのスキルを習得するための具体的な方法も把握しておく必要があります。
必要となるスキルは大きく4つ
これは前記事で説明した通り大まかには以下の4つです。
- HTML
- CSS
- JavaScript
- デザイン関連の基礎（ツールの使い方含む）
それに加えて、WordPressの知識やそれに関連するPHPなども学べると良いですね。
プログラミング学習のおすすめの方法3選
プログラミングを学び始める際には、どんな学習方法を選ぶのかが大事です。
学習のフェーズに合った、自分に合った方法を見つけることで効率よくそして楽しくスキルをみにつける事が出来ます。今回は3つ紹介します。
Youtubeなどの無料動画
最近ではYoutubeなどの動画プラットフォームにも様々な層に向けたプログラミング学習コンテンツが掲載されています。
新しい技術・トレンドを学ぶのには最適です。実際にコーディングしている所を見れたり、一緒に学習している気分になれたりします。
一方、いわゆる素人が出している動画が多いため信憑性に欠ける部分があります。また、断片的な情報が多いため体系的に学びたい初学者にはあまり向いていないかもしれません。
プログラミング学習サービス
プログラミング学習サービスには動画やスライド式のもの、リアルタイムで授業してくれるものなど様々な種類があります。
段階的に学べるカリキュラムが用意されており、初めての人でも迷わず取り組むことが可能です。
また、クイズ形式や実践的な課題のテストが組み込まれているため、楽しく学ぶ仕組みが多くあります。質問をしたりフィードバックを受けたりできるのも大きなメリットです。
一方、高品質なサービスゆえ有料であることがほとんどです。とはいえ、月数千円程度のものが多いでしょう。
書籍
学習するときの王道といえば書籍ですよね。
書籍はレベル別にさまざまなものが存在し体系的に学べる他、しっかりとしたレビューを受けて出版されているため情報の信頼性が高いと言えます。
反対に、情報が古い場合もあります。また、わからない部分を質問したりフィードバックを得る事が出来ない部分がデメリットでもあります。
Web制作案件を獲得する方法
これまで学習方法について考えてきましたが、案件を得るにはどうすればいいのでしょうか。
どの方法を取るにせよ、自分の実力を示す「ポートフォリオ」が必要になりそうです。目に見える実績がないと、なかなか選んでもらえません。
今回はクラウドソーシング、友人知人に尋ねる、企業とのマッチングの3つの方法を紹介します。
クラウドソーシングで応募
クラウドソーシングは、Web上で案件を探す方法です。クラウドワークスやランサーズなどのサイトに登録し、プロジェクトに応募して案件を獲得します。
簡単なものから複雑なものまで多様な案件が多く、ピッタリのものが見つかるかもしれませんが、競争が激しい場合もあります。
似たようなサービスとして、ココナラやタイムチケットなど自分のスキルを商品として出品するプラットフォームもあります。
自分のスキルを見て、オファーがかかる形です。初めは難しいですが、実績が貯まるとより軌道に乗りやすいでしょう。
友人・知人に尋ねる
知人や友人にWeb制作の案件がないか尋ねる方法です。
自ら商売をしていてWebサイトを欲しいと考えている友人や、コーディングする人を探している知人が居るかもしれません。信頼関係が既にあるため、スムーズに事が進む事が多くあります。
また、知人による紹介なども発生し得るため横の繋がりが広がる可能性もあります。
企業とのマッチング
企業とフリーランスをつなぐマッチングサービスを利用する方法です。
多くの場合、継続したお仕事が多く単発で受けたい場合はあまり向いていないかもしれません。
実際に計画を立てる
それでは実際に計画を立てていきます。
私はエンジニアとして働いているので、領域は違えど既に知っている知識もあります。しかし、全く知らない前提で最初から学習してみます。
また、最初から計画を細かく立てすぎると、その通りに進めるのが大変になりそうです。今回は、学びながら臨機応変に計画を変更したいので、ざっくりと立てていきたいと思います。
「だいたいこんな感じ」を掴む
初めは何が何かわからないのが普通です。ですので、大枠を理解し何だか出来そうな気分になるのが大事です。
そこで、今回はオンラインプログラミング学習サービスの Progate（プロゲート）を使用しようと思います。
初めての人でもスキルを身につける事ができ、創れる人になることを目的としたサービスです。スライド式のコンテンツで学習しながら、Webブラウザ上でプログラミングを行うことが出来ます。
躓くことも少ないでしょうし、まず無料で始められるProgateを選びました。
下の4つのレッスンを完了する事が目標です。
- HTML & CSS 初級編
- HTML & CSS 中級編
- HTML & CSS 上級編
- HTML & CSS Flexbox編
一連の流れを体験する
前のステップで断片的に学んだ内容を、ここで一つにまとめます。
このフェーズでは、本を一冊購入し最初から最後までやり遂げようと思います。どの本にするかは、まだ決めていません。本屋さんに行って考えることとします。
選ぶ基準としてはこの3つです。
- 入門レベルである
- 1つのWebサイト制作を追うような形
- 他の方の評価もある
応用的な技術を知る
入門編として1つのWebサイトを制作できるようになる頃には、「あのサイトはどうしているんだろう？」と様々な技術に興味が湧いていることでしょう。
より高度な表現ができるようになるためにJavaScriptを学びます。JavaScriptを使用することで、よく見るスライドショーやスクロールに応じたアニメーションなど表現できることが大幅に増えそうです。
ここでは、初めはProgateでJavaScriptの基礎の基礎を学びつつ、入門編の書籍を購入し進めていこうと思います。
今のところは 1冊ですべて身につくJavaScript入門講座 という書籍を使用予定です。
より実践的に学ぶ
Web上には、デザインファイル（FigmaやAdobe XDが多い）とそれに対するコーディング例が紹介されているサイトも存在します。
実際の業務を想定して1から進めてみるのです。
案件を獲得するために
今回は、ココナラというプラットフォームを使用して、自分のスキルを出品することに挑戦しようと思います。
そのために、ポートフォリオを整え、自分のできること・できないことをまとめます。
次回は
次回からは、HTML&CSSを学習した記録を綴っていきます。
\ #2はこちらからどうぞ /
