from Garage

小さな挑戦が 未来を変える

フリーランスエンジニアとして初めての仕事の取り方【必要スキル編】

更新日:

CODE

【フリーランスエンジニアを目指している人】

  • 「フリーランスエンジニアを目指して独学してきたけど、最初の仕事はどう取ったらいいんだろう?」
  • 「今のスキルでじゅうぶんなのかも分からないし、どこから仕事をとればいいのかも分からない...。」

こんな疑問にお答えします。

 

~~~~~~~~~~~~~

 

こんにちは!フリーランスWebディレクターのショーヘーです。

この記事を書いている僕は、タイ・バンコクで『ノマドエンジニア育成講座iSara』という【ノマドエンジニアになりたい方向け】のスクール講師をしています。

今はディレクターメインですが、もともとは僕自身もバリバリのフリーランスエンジニアで、月収でいうと50万〜100万くらい稼いでました。

そんな僕が、iSaraの講座やTwitterでよくいただく質問が上記の2点。

HTML・CSSくらいは書けるようになったけど、そこからどう仕事に結びつけたらいいの?」と悩まれてる方が多そうなので、この記事を書きました。

これからフリーランスエンジニアとして、記念すべき一歩目を踏み出すあなたの参考になれば幸いですd( ̄  ̄)

それでは、行ってみましょう!

【ご注意】

この記事でいう『エンジニア』は、Web系の中でもWeb制作を中心におこなう人を指してます。

ゴリゴリにプログラムを書いて『Webサービス』を開発するエンジニアとはタイプが違いますのでご注意ください!

 

初めての仕事をとるのに必要なスキルレベルは?

 

それではまず、『どの程度のスキルレベルがあれば仕事を取っていいのか』についてご紹介します。

まずは『身につけるべき必須スキル』から。

以下は僕が思う、『フリーランスエンジニアとして必ず身につけておくべきスキル』です。

【フリーランスエンジニアの必須スキル】

  • HTML・CSS
  • Bootstrap
  • jQuery
  • PHP
  • WordPress
  • MAMP
  • サーバーとドメインの基礎
  • MySQLの超基礎
  • Adobe『Photoshop』の超基礎

とりあえずこの9種類のスキルがあれば、じゅうぶんフリーランスエンジニアとしてお仕事が可能です。

では、これらをどのくらい勉強すれば『身につけた』と言えるんでしょうか。

具体的なレベル感をまとめましたので、以下をご覧ください。

【スキル習得の具体的な目安】

  • 簡単なLPを10サイトほど模写コーディングしてみて「ゼロからでもいけるな」という感覚が湧く
  • iSaraのLP( https://isara.life/ )を見て「3日以内にコーディングできるな」という感覚が湧く(写真素材はあるとして。)

----【上2つは真の必要最低レベル】----

  • コーディングしたiSaraのLPを「WordPressテーマ化してください」と言われて半日以内にできる。
  • シンプルなWordPressテーマなら、2~3日で自作できる。
  • psdデータでデザインをもらっても、フォトショで素材の切り抜きができる。
  • MAMPを使ってローカル環境でWordPress開発ができる。
  • ローカルで開発したテーマとデータを「サーバーにアップしてください」と言われて1日以内に完了できる。
  • ドメインを取得して、サーバーにアップしたサイトを公開できる。

こんなかんじです。

途中で区切り線を入れましたが、上2つは真の必要最低レベルです。

ちなみに「簡単なLPを10サイト〜」の『簡単』度合いはこれくらい↓

(引用元:iSara2期卒業生のちづみさん

 

そして2つより下は、僕が『仕事をお願いするかどうか』の基準にしているスキルレベルです。

僕はエンジニアとして3年、ディレクターとして2年の経験があり、お仕事を依頼されたり依頼したりを繰り返してきました。

その中で培ったクライアント視点の基準値なので、これを『一般的なクライアントが求める必要最低レベル』だと思ってもらっていいと思います。

 

では、なぜ上2つで分けたかというと、この2つだけでも始められる仕事があるからです。

コーディングのみの案件なら、この2つをクリアしてれば可能なんです。

 

・・・が!

 

このスキルレベルでは『安定』は難しいですし、必ずどこかで壁にぶち当たるので、案件をこなしつつそれ以外のスキルも習得できるように勉強しましょう。

 

 

各種スキルの参考文献をご紹介

 

それでは、それぞれのスキルの勉強に役立つ『参考文献』をご紹介していきます。

 

HTML・CSS・JQuery・PHP・SQL

上記5つは、まず『Progate』で最後のコースまで3周すればOKです。

そのあとはすぐ模写コーディングに移ってください。

Progeteはすごくいいサービスですが、ブラウザで勉強できるがゆえに『ローカル環境での開発の仕方が身につかない』という欠点もあります。

なのでProgeteは早めに卒業して、ググりつつローカル環境でコーディングの練習を進めましょう。

【HTML・CSS・JQuery・PHP・SQLの学習サイト】

 

環境設定

ローカル環境で開発するため、まず設定を整える必要があります。

エディタ』『Google Chromeの検証』『MAMP』だけは使えるようにしときましょう。

以下の記事を見ながら進めればできるはずです。

【環境設定の参考文献】

特に『Chromeの検証』は、どんなベテランにとっても必須ツールです。

「なんか思った通りの見た目にならない」と思ったら、『とりあえずChromeの検証を開いて問題箇所を見る』!

これをカラダが反射的に行えるようになるまで、意識してクセづけてくださいd( ̄  ̄)

 

Bootstrap

コーディングの効率化のため、最低限Bootstrapも習得しときましょう。

HTML・CSSで数十分かけて書いてたコードも、Bootstrapの機能を使えば3分で終わったりします。

ドットインストール』に最新版の『Bootstrap4』の講座が追加されましたので、こちらで学習してください。

【Bootstrapの学習サイト】

ただ動画を見るだけじゃなく、必ず手を動かしてくださいね!

 

Photoshop

フォトショの使い方は本当に超基礎でいいので、このへんの記事をみながら実践してみてください。

【Photoshopの参考文献】

ひとまず『素材の切り出し』さえできれば、エンジニアのスキルとしてはOKです。

 

WordPress

WordPressに関してはオススメの書籍がありまして、この1冊を読みつつ実践すれば、テーマは自作できるようになるはずです。

【WordPressの参考文献】

そもそも『読みながら実践』をコンセプトに書かれた本なので、手を動かして覚えるには最適ですよ!

 

 

まとめ:必須スキルは思ってるより幅広い

以上、フリーランスエンジニアとして初めての仕事の取り方【必要スキル編】でした。

「えっ・・・HTMLとCSSやればいいと思ってたのに、こんなにやる事あるのか・・・」

と思った方は、ちょっと認識を改めてもらう必要がありそうですね。

HTMLとCSS以外にも、やるべきことはたくさんあります。

 

とはいえ、本気出せば2〜3ヶ月で終わる量なのも事実。

「4〜5ヶ月後にはフリーランスエンジニアとして月収10万を稼げてるかも!」

と思うとやる気出てきませんか( ^ω^ )?

ぜひ理想の自分を想像して、ワクワクしながらスキルアップを続けてください。

もちろん、この記事で書いたのは『初めての仕事に必要なスキル』ですので、まだまだ習得すべきスキルがあることも覚えといてくださいね笑

 

次回の記事は、フリーランスエンジニアとして初めての仕事の取り方【取り方編】です。

フリーランスエンジニアとして初めての仕事の取り方【取り方編】

ぜひ続けてご覧くださーい!

それでは。

-CODE

Copyright© from Garage , 2018 All Rights Reserved Powered by STINGER.