2019/12/21フリーランスエンジニアを目指している人フリーランスエンジニア目指して勉強をはじめてみたけれど、何をやればいいのかわからない...。勉強してみたけれど、今のスキルで仕事ってできるのかな...。仕事って、どこからどうやって取ればいいんだろう...。-こんにちは!フリーランスWebディレクターのショーへーです。この記事を書いている僕は、タイ・バンコクで「iSara」というプログラミングスクールで2年ほど講師を務めたり、現在は『30DAYSトライアル』というプログラミング初学者に向けた無料の学習カリキュラムの連載を行っています。今でこそディレクターメインですが、もともとは僕自身もバリバリのフリーランスエンジニアで、月収でいうと50万〜100万くらい稼いでました。そんな僕がTwitterでよくいただく質問が上記の3点。フリーランスエンジニアのスキルと仕事の取り方について悩まれてる方が多そうなので、この記事を書きました。̄)それでは、行ってみましょう!この記事でいう『エンジニア』は、Web系の中でもWeb制作を中心におこなう人を指してます。まとめ:Web制作はコスパがいい!初めての仕事をとるのに必要なスキルレベルは?それではまず、『どの程度のスキルレベルがあれば仕事を取っていいのか』についてご紹介します。『身につけるべき必須スキル』から。以下は僕が思う、『フリーランスエンジニアとして必ず身につけておくべきスキル』です。フリーランスエンジニアの必須スキルHTML・CSSBootstrapjQueryPHPWordPressMAMPサーバーとドメインの基礎MySQLの超基礎Adobe『Photoshop』の超基礎とりあえずこの9種類のスキルがあれば、じゅうぶんフリーランスエンジニアとしてお仕事が可能です。これらをどのくらい勉強すれば『身につけた』と言えるんでしょうか。具体的なレベル感をまとめましたので、以下をご覧ください。)を見て「3日以内にコーディングできるな」という感覚が湧く(写真素材はあるとして。)—-【上2つは真の必要最低レベル】—-コーディングしたiSaraのLPを「WordPressテーマ化してください」と言われて半日以内にできる。シンプルなWordPressテーマなら、2~3日で自作できる。psdデータでデザインをもらっても、フォトショで素材の切り抜きができる。MAMPを使ってローカル環境でWordPress開発ができる。ローカルで開発したテーマとデータを「サーバーにアップしてください」と言われて1日以内に完了できる。ドメインを取得して、サーバーにアップしたサイトを公開できる。途中で区切り線を入れましたが、上2つは真の必要最低レベルです。2018年5月24日(引用元:iSara2期卒業生のちづみさん)そして2つより下は、僕が『仕事をお願いするかどうか』の基準にしているスキルレベルです。僕はエンジニアとして3年、ディレクターとして2年の経験があり、お仕事を依頼されたり依頼したりを繰り返してきました。その中で培ったクライアント視点の基準値なので、これを『一般的なクライアントが求める必要最低レベル』だと思ってもらっていいと思います。上2つで分けたかというと、この2つだけでも始められる仕事があるからです。コーディングのみの案件なら、この2つをクリアしてれば可能なんです。・・・が!このスキルレベルでは『安定』は難しいですし、必ずどこかで壁にぶち当たるので、案件をこなしつつそれ以外のスキルも習得できるように勉強しましょう。各種スキルの参考文献をご紹介それでは、それぞれのスキルの勉強に役立つ『参考文献』をご紹介していきます。HTML・CSS・JQuery・PHP・SQL上記5つは、ブラウザでプログラミングを勉強できるオンラインサービス『Progate』で各コースを3周すればOKです。注意してほしいのは、Progeteはブラウザで勉強できるがゆえに『ローカル環境での開発の仕方が身につかない』という欠点もあります。Progeteは早めに卒業して、ググりつつローカル環境でコーディングの練習を進めましょう。独学でちゃんと勉強が続くか不安だという方は、オンライン完結で学習できるプログラミングスクール『TechAcademy』もおすすめです。パーソナルメンターがついてくれて、毎日8時間のチャットサポートや無制限の課題レビューが受けられます。無料体験もできますので、もしプログラミングを始めるかどうか悩んでる方はとりあえず試してみるといいですよ!✔︎HTML・CSS・JQuery・PHP・SQLの学習サイトオンラインプログラミング学習サービス『Progate』TechAcademyの無料体験はこちらProgateにしてもTechAcademyにしても、「百聞は一見に如かず」ですし「百見は一触に如かず」です!プログラミングに興味があるのに悩んでる時間がもったいない。)環境設定ローカル環境で開発するため、まず設定を整える必要があります。Chromeの検証』『MAMP』だけは使えるようにしときましょう。以下の記事を見ながら進めればできるはずです。PC設定のカルマ特に『Chromeの検証』は、どんなベテランにとっても必須ツールです。̄)Bootstrapコーディングの効率化のため、最低限Bootstrapも習得しときましょう。HTML・CSSで数十分かけて書いてたコードも、Bootstrapの機能を使えば3分で終わったりします。ドットインストールに最新版『Bootstrap4』の講座が追加されましたので、こちらで学習してもらえればいいかと。(全22回)おすすめのBootstrap解説動画(※英語)-YouTubeただ動画を見るだけじゃなく、必ず手を動かしてくださいね!Photoshopフォトショの使い方は本当に超基礎でいいので、このへんの記事をみながら実践すればOKです。✔︎Photoshopの参考文献Photoshopのクイック書き出しはまさにクイック!「クイック書き出し」のご紹介。スライスで消耗してるの?「画像アセットの生成」でスライス不要のサクサク切り出しサイトを作るときは、デザインデータから素材を書き出してコーディングしていきます。クイック書き出しとアセット書き出しを抑えて『素材の書き出し』だけはできるようにしておきましょう。WordPressさぁ!最後はWordPress。単価が安いと言われるクラウドソーシングでさえ、WordPressの制作案件は1サイト10万〜30万ほどのレンジで掲載されてることが多いです。これを使ってサイト制作できれば、月に1案件こなしてあとは自由って生活も可能になりますので必ず抑えておきましょう!WordPress制作に必要な基礎知識編と、より高度なカスタマイズができるようになるためのアドバンス編に分けて参考文献をご紹介します。基礎知識編のUdemy講座は、『未経験から企業や団体のホームページをWordPress(ワードプレス)で構築しよう』というサブタイトルの通り、知識ゼロからWordPressを使った本格的なサイト制作を行うための全てが詰まっています。́)ゞまたアドバンス編の『WordPressの教科書』は、実際にWordPressテーマを自作しながら読みすすめていく本です。テンプレートの階層構造や、カスタマイズに必須の関数の使い方が身につきます。この2つを完了できれば、WordPressの制作案件はきっちりこなせる実力が付きますのでぜひやってみてください!!初めての案件ってどこから取るの?さぁ、必要なスキルは分かりました。次は『駆け出しフリーランスがどこから案件を取ればいいのか』です。最初の入り口として、僕が思う『オススメの3パターン』をご紹介します。1クラウドソーシングで案件をうける1パターン目は定番の『クラウドソーシング』です。これは初めての案件の獲得先として、きっとみなさん思い浮かべますよね。思いついても「今の自分のスキルで応募して大丈夫だろうか...」と、なかなか1歩目を踏み出せない方が多いです。これまでにご紹介したレベルを達成できた方なら、もうクラウドソーシングに応募しても大丈夫ですので自信を持ってください!クラウドソーシング最大手の2社は必ず登録しておきましょう。✔︎クラウドソーシングサイトランサーズクラウドワークスクラウドソーシングは単価があまり良くないので、長く続ける必要はありません。駆け出しのフリーランスエンジニアにとって、とても重要なことが学べる修行の場です。案件をこなすだけじゃなく、以下の3点を意識してみてください。クラウドソーシングで意識すべきことどんな自己紹介・提案が通りやすいか、数をこなして感覚をつかむお得意様になってくれそうな『継続顧客』を探す。案件がどう進んでいくのか、『全体のフロー』を覚える上2つが『エンジニア視点』、最後の1つが『ディレクター視点』です。上の2つは分かりやすいと思いますので、最後の1つについて少しだけ解説しておきます。クラウドソーシングの依頼主の中には、制作会社さんが多く混じってるんですよ。これまでたくさんのフリーランスと、何件も案件を回してこられた方々なので、そのディレクション方法を学ぶことに意味があります。上にも書きましたけど、初めての案件のときって、そもそもどうやって案件が進んでいくかも分からないですよね?それを自分が作業者として体験することで、全体のフローが掴めます。案件の詳細に『今後の流れ』を書いてくれてる方もいるので、それを見るだけでも勉強になります。「今回初めてWebサイトを作るんです!手取り足取りよろしくお願いしまーす!」というクライアントが現れたとき、焦らなくて済むと思いませんか?もちろんクラウドソーシングの依頼者の中には、「今回が初めての依頼です」という方もいますし、「進め方があんまりスムーズじゃないな」と感じる依頼者もいます。ここも数をうちましょう。分からないことは正直に聞きましょう!(聞きすぎはウザがられるので注意です笑)営業しなくてもすぐそこに大勢の依頼者さんがいる状態なのがクラウドソーシングの良さなので、それを活かさない手はないです。)2友達から案件をもらうこれも当然のことっちゃ当然のことなんですが、意外と効果は高いです。フリーランスエンジニアとして駆け出しの時期には、友達からの依頼が大きな助けになります。自分に置き換えて考えてみてください。中には0人だった方もいますよね。前職がWeb関係とか、よほど顔が広い人じゃないかぎり、普通の人は身近にホームページを作れる友達なんていないんです。そこであなたがFacebookやTwitterに「ホームページ制作始めました!」って投稿しといたら、どうなると思います?もし友達が「ホームページ作ろうかな」と思った時には、あなたに声がかかる率がめちゃくちゃ高いと思いませんか?競争ほぼナシの状態で、案件が取れる可能性があるんです。『必須スキル』を身につけ、『クラウドソーシング』を体験したら、次は友達にスキルをアピールしましょう。ここで、クラウドソーシングで学んだ制作のフローが生きてきます。学んだ知識を活かして、こちらがリードしてあげましょう。『友達の案件』の良さとして、納期に融通が効きやすいというのもあります。多少自分の進め方が不慣れでも、目をつぶってもらえることが多いです。仕事相手が初対面の会社さんとかだと、なかなかそうも行きませんからね。精神的な余裕をもって進められるので、『対企業からの依頼の練習』だと思って、制作に取り組みましょう。̄)3クライアントへ直営業する「クラウドソーシングでも上手くいかない」とお悩みの方は、自分でクライアントを探して直営業しましょう。こちらはiSaraの3期講座で実践したところ、恐るべき効果が上がりました。こちらのノウハウは僕のnoteに纏めています。その講師のお一人のショーへーさん@showheyohtakiから教わりました。本当にありがとうございます。方々がショーヘーさん(@showheyohtaki)のnoteを推していたので思わず購入。結論を言うと、駆け出しフリーランサー、または目指している人は上の記事とこのnoteを読むべし。アレコレ考えずここに書いてあることやれば大丈夫。外国人の夫@2019年海外移住します。無料特典として、直営業用の提案文テンプレート、提案文の添削もつけてます。)フリーランスエンジニアに必要な事務作業は?ここまでスキル習得・仕事の探し方について説明しました。次はフリーランスエンジニアに必要な事務作業について。確定申告(青色・白色)1の銀行口座は、『フリーナンス(GMOあおぞらネット銀行)』+『住信SBIネット銀行』の合わせ技がオススメ。メリットが多いので、メインバンクとして利用しています。インターネットバンキングも可能ですので、スマホで振込や残高の確認ができます。住信SBIネット銀行(公式)合わせてフリーナンスというフリーランス向けサービスのアカウントを開設し、フリーナンス経由でSBIに代金が振り込まれるようにしておきましょう。フリーナンスは、アカウントを開設するだけで最大5000万円までの無料保険がつき、更にいざという時には請求書を買い取って即日払いしてくれるというサービスです。保険だけでも嬉しいんですが、フリーナンス経由でメインバンクに振り込むことで与信スコアが上がって様々なメリットがあります。使えるものはとことんお得に使うべし😎フリーナンスについては、こちらの記事で詳しく解説してますのでどうぞ!✔︎口座とあわせて使うとお得なサービスフリーランス向け無料保険+報酬即日払いサービス『フリーナンス』に入った感想また3の契約書はウェブさえさんで無料配布されているWeb系フリーランス向け契約書を使いましょう。僕が使ってるのもこの契約書を少しカスタマイズしたものです。駆け出しの時にこれを見つけて、本当に助かりました。必要事項は全部ここに入ってるので使わせてもらいましょう!ちなみに、CLOUDSIGN(クラウドサイン)という『オンライン契約締結サービス』を使うとさらに便利です。このサービスは、契約書をオンラインで作成し、相手にメールで送付、その場でサインと捺印をもらって契約締結できてしまうサービス。月に5件までは無料で利用できるので、駆け出し期のフリーランスにとってはめちゃくちゃありがたいサービスです。上で紹介したウェブさえで配布されている契約書をクラウドサインで取り込み、フォーマット化してしまえば、それ以降はURLを送るだけ。)そして、2・4・5・6・7・8の見積書や確定申告などは、すべて1つのオンラインサービスで完結できます。事務作業はめんどくさいですが、フリーランスエンジニアとしてやっていく上では避けて通れない道です。今は便利なサービスがたくさんありますので、上手に使って効率化していきましょう!!フリーランスエンジニアにとっての『理想のステップ』とは最後に、僕が思う『フリーランスエンジニアとしての理想のステップ』を書いていておきます。僕が思う理想形は、『クラウドソーシングでぽんぽん案件が取れること』でもなければ『お得意さまがたくさんいる状態』でもありません。何が理想形かというと、案件を選べる状態だと思ってます。パフォーマンスが出せる仕事』だけを引き受けるようになるので、フリーランスとして早くこの状態になることが、結局クライアントのためにもなると考えています。)参考までに、僕が通った理想形までのロードマップも書いておきますね。エンジニアの理想形までのロードマップ自分から応募する実績・スキルがついてくる『お得意さま』をつくる生活が安定してくる発信やスキルアップが捗り、引き合いが増える案件を選べるようになる6まで到達するのは簡単ではありませんが、一つ一つクリアしていけば必ず辿りつけます。やりたい仕事ができるよう、定期的に自分のステージが今どこなのかを確認しながら進みましょう!まとめ:Web制作はコスパがいい!以上、フリーランスエンジニアになるための全行程まとめでした。「えっ・・・HTMLとCSSやればいいと思ってたのに、こんなにやる事あるのか・・・」と思った方は、ちょっと認識を改めてもらう必要がありそうですね。スキル面でも営業面でもやるべきことはたくさんあります。1人会社』ですので、駆け出し期はむしろ営業面の方がたいへんだと感じるはずです。スキルはサクッと習得して早く稼ぎにいくために、まずはこの記事で紹介した方法を淡々と実行してみてください。本気出せば2〜3ヶ月で終わる量なのも事実ですから。)?でも、独学で本当にスキルが身につくか不安...。Boost(テックブースト)も紹介しておきます。Boostは、手厚い支援と丁寧なサポートでエンジニアから人気のフリーランスエージェント「Midworks」の運営会社が開講しているスクールで、卒業後の就職サポートが付いてます。卒業後にすぐエンジニアとして就業可能ですし、運営元がエージェントも運営してるからこそエンジニアの働き方やキャリアの築き方にも詳しいので、フリーランスエンジニアを目指してスクールに通うならここがオススメ!講座はもともと教室型のみでしたが、人気に押されてオンライン型の講座も開講したので、地方のかたでも受講できます。気になる方はWebから申し込める無料説明会を開催されてますので、詳しく聞いてみてください👍もちろん、受講する場合は現役エンジニアのメンターがついて学習をサポートしてくれるので、スキル習得で挫折する心配もありません。大切なのは、とにかく挫折しないことです!スキル0からたったの数ヶ月で、月10万以上の収入を得られるフリーランス業ってそうそうないと思います。Web制作、コスパが良すぎる!!!ぜひ理想の自分を想像して、ワクワクしながらスキルアップを続けてください。この記事で書いたのは『フリーランスエンジニアとしてのスタートに必要なスキル』ですので、まだまだ習得すべきスキルがあることも覚えといてくださいね!それでは、最後まで読んでくださってありがとうございました。WebマーケターショーヘーWordPressを中心にWeb制作歴5年のWebエンジニアです。フリーランス歴は3年ほど。PHP・WordPress・Laravelが好きです。月間15万PVのフリーランス向けメディア「東京フリーランス」の運営、月間1000人以上が学ぶプログラミング学習カリキュラム「30DAYSトライアル」の作成、プログラミングスクールの講師なども勤めています。