在宅コーダーロードマップ

【子育て中のママが、未経験から在宅で仕事（コーディング）をするようになるには】

こんにちは〜。

今回は、

これをまとめたロードマップを作成してみようと思います。

あくまで、私の実体験から考えたロードマップになりますので、
これをこの通りやるのが最適解！
というものでは無いことだけ、予めご了承いただけたらと思います。

以上に当てはまる方に読んでいただきたい内容になっております〜。
このロードマップを作ろうと思った理由

スクールを考える前に、
そもそもそれ以外のスキルもないと話にならないや〜ん！

で、じゃあ結局あなたはどうやって今の在宅ワークができる状況になったの？？
ということで、もう何から何までやったらそうなったのか教えろよ〜
って、私が読者なら感じるなと思いまして

シンプルに自分の実体験をもとにロードマップにしていこうと思います！
良かったら最後までお付き合いいただけると嬉しいです〜！

【始めにこれだけは揃える。お金はかかります。】

まずは必要なものを揃えよ！これがないとそもそも何も始まらない！ってくらい必要最低限のものです！
私が実際に揃えたものリストを現在の価格でご紹介します。

【月額固定費ってどのくらい？】

【現実的なことを、ちょっとお話しさせてください。】

WEBコーダーとしての働き方で、フリーランスとして在宅でお仕事ができたら良いな〜
と考えている方に、実際にやってみて感じた私なりの意見をここで少しお話ししたいと思います。

こんなことをサラッと口にしていた自分が恐ろしく感じます。。。
甘かった・・・甘すぎました・・・笑

今となっては、こう感じてしまう理由について↓

YouTubeやインスタグラムで活躍されている方は別として
そんな方々の働き方に憧れて
スクール、参考書、YouTube学習とかじってみましたが
今となっては、独学のみで家事育児をこなしつつ、田舎で在宅フリーランスWEBコーダーという働き方が、いかに難しいことか、身をもって感じています・・・

コーディングは、はっきり言ってかなり地味な仕事です。（←あくまで個人的感想。笑）
できなかった実装ができた時の喜びはありますが、終わりが無くどこまでも調べて、やってみる。
作業が完了するまで日々この繰り返しです。

まだまだ、私は上司の力を借りています・・・笑
過去に他の仕事で在宅ワークを数年していた私でも感じますが、
出勤していた頃とはまた違う大変さがあります。

何より、
時間管理
健康管理
作業管理

とにかく、自分で自分を管理する能力がかなり問われます。
在宅で仕事をしようと考えておられる方、
まずは自分の生活はどうでしょうか。
家計管理できていますか？
計画を立てて、予定を立て行動ができていますか？
家事育児の時間と自分の時間、家族の時間のバランスは取れていますか？

スキルよりも何よりも、
在宅で仕事をするということは、自分の身の回りの環境がどれだけ整っているか
で、仕事に対する意識、モチベーション、行動力、仕事の効率化が劇的に変化し、重要なことだと私は
考えます。

作業中は誰の目も気にせず仕事ができることは魅力的ではありますが、
その分、やったらやった分だけの作業しか相手に報告できません。
出勤していた頃以上に、作業の効率化、細やかな連絡、正確性を求められるのは在宅ワークの方だと私は感じます。

この意識を維持しつつ、在宅ワークという働き方が自分に本当に適しているかどうか、
今一度ゆっくりと考えてみてから、自己投資としてお金も時間も使っていく方がいいのではないかと思います。

【現実的なことを、ちょっとお話しさせてください。Part2】

WEB業界は業務形態が分業化しさらに細分化されているとはいえ、
コーディングにおいても

・HTML
・CSS

だけが出来れば十分なわけではなく
コーディングする上で必要な画像書き出し一つをとっても
WEB制作会社によって使用するツールは様々なので

Adobe XDを使えればいい！というわけではなく
Adobe IllustratorやPhotoshopのスキルが問われる場合もありますし

全く触ったことがない

という状態だけは避けつつ
まずは優先度の高いAdobeXDを使ってみて、
次にIllustratorを必要最低限の知識でインプットしておくことをおすすめします！

面接で聞かれた時、
実務経験としてはなくても
ある程度の基本的な使い方を把握しているということを伝えられた場合と
全く使った事がない場合

面接で与える印象＝即戦力になるかどうか

の基準に大きく影響してくる事なので
HTML、CSSだけにとらわれすぎず
WEB制作の流れを理解し
自分の立ち位置で必要不可欠だなと思うスキルには、少しでも触れておける環境にしてくことは
面接で自分の武器になってくれる事だと思うので
おすすめします！！

さらに、面接で有利になるにはWordPressの知識があれば尚よしですが
まずは上記を確実に押さえて学習しておくことが大切かなと思います！

やはりスキル面ももちろん重要なことですが、最も重要な事は

この人と一緒に仕事したいな！

そう思ってもらえる見せ方も考えておく事が重要！

面接で、同じ技量の人が３人いた場合
スキル面以外の部分での自己アピールをどんな形で相手に伝えるか・・・
実は結構計画的に行動を起こせば
入社までのステップが軽くなる場合もあるかと思うんですよ。

実際に、アドバイスを下った制作会社の方も

こうおっしゃっていました。

ネットの情報だけを漁っていた私にとって、衝撃的なアドバイスだったのを今でも覚えています・・・
少し勇気は必要ですが、
思い切って問い合わせて話を聞く

もちろん、相手の時間を割いていただくことなので丁寧な対応が求められるのですが
面接の前に、自分の意思が伝えられる機会を自分で作りにいく！
この思考は私のはまるでなかったのでおすすめします！

【学習前には学習計画を】

上記で自分自身をコントロールする管理術が必要と言いましたが、
独学で学習を始めるときも必要なスキルになってきます。

日々の学習目標や行動計画と淡々とこなす。
これが実はかなり難しんです・・・

ダイエットや筋トレに似たものがあると私は感じましたね。
笑
では具体的にどう計画すればいいか考えていきましょう！

学習計画（ルーティン）を決める

あくまで、どんなに疲れていてもこくらいの時間は最低でもできるぞ！っていう範囲で決めていくことが重要です！
現実的ではない高い目標は挫折に繋がるんのでおすすめしません。

Progate（プロゲート）やドットインストールなどの学習サービス、YouTubeでの動画学習に入る前に、
まずは学習できる時間が自分にはどれくらいあるのか把握することから始めましょう！

特に、本業や育児家事をこなしている方はしっかりと細かく把握する必要があります。
平日の1時間〜２時間をどれだけ集中して作業できるかが重要です。

寝る間も惜しんでダラダラ動画だけ見て３時間たちゃって、PCすら開いてない・・・
そんな経験が私にもあります。（きっとみんなにもあるはず。笑）

自分に合った計画が立てられれば、あとはひたすら継続するだけです。
めんどくさいかもしれないですが、結果近道だと思いますね。

【学習前にコーディングに必要なアプリインストール】

では！必要な部品が揃い、必要な時間の確保ができたら作業環境はバッチリです！
いよいよ学習に向けてコーディングに必要なアプリをインストールしていきましょう。

各種インストール方法や初期設定についてはまた、別記事でご紹介しますね。
ほぼ無料なのは嬉しいですよね。
初期投資がでかい分、ありがたや〜。

【いよいよ学習スタート】

動画学習で見る・知る

動画学習でコーディングって一体何？？
これをまずは簡単に学ぶことをおすすめします。

注意したいのは、あまり何本も最初から動画ばかり見ないこと。
ここでも、計画性が重要になりますが日々の学習目標の中に動画での学習時間を組み込むのであれば
時間を最初に決めてから取り組むことをおすすめします。

私も経験がありますが、つい他の動画も気になってしまって結局手を動かさず1日〜２日とあっという間
に過ぎてしまった経験があります・・・笑
動画でしっかり学習したはずなのに、いざパソコンに向かうと

『手がまったく動かない・・・』
なんてことがよくありました。（焦）

結局私は動画で見たことを吸収しようとしてみていなかったのです。
なんだか時間を無駄に使ってしまった感と、自分のできなさにモチベーションまで下がってしまいました。

WEBの神様について

女性の方が丁寧にコーディング初学者向けにわかりやすく紹介してくれています。
私自身も、今でも参考にさせていただいています。

難しい専門用語も使いますが、気にならないくらい丁寧に解説してくださるので
初学者さんには相性が良い動画がたくさん！

ぜひチェックしてみてください。
Progateも終わったあと、無料配布のデザインデータ見ながらゼロからコードを書くぞ〜！って時に、
かなりお世話になるとおもいますよww
(体験済み）

しまぶーのIT大学について

コーディングを学習していく中で、これ取っておきたいな、今後も使うことがあるかもしれない！
そんな時notionというアプリを使って

コードの保存方法や活用方法
その他タスク管理について

コーディングスキルに関する動画以外にも、管理能力が高かく
実践の現場に入ったとしても役に立つのでチェックしてみて損はないと感じます。
あとイケメンです。
そして声質や話し方のトーンが柔らかいので、聞いててしんどくない。
（これだけでも頑張れる。笑）

などを、まずはYouTubeで検索してみるのもおすすめです。
あとは、自分がコードを書いていくうちに調べることが多くなってくると思うので

その都度調べては入力してみて・・・また調べては入力・・・

この繰り返しになってくると思います。

すると、どんどん知識が深まっていくので得た情報をストックしておくと
今後の実案件にも活用出るツールになっていくと思います。

情報をストックし管理する癖は最初が肝心・・・

私はこれがめちゃくちゃ苦手で、つい毎回検索してしまうのですが
探す時間がもったいないな・・・この間も同じこと調べたのにストックし忘れたwww
なんて事がよくあるので、notion等で自分が使いやすい形で、いつでも引き出せるように
ストックしておくようにしましょう！

手を動かす・考える・やってみる

実際にテキストエディタを使ってコードを書いてみる。
見たもの、聞いたことをとにかく見よう見まねでやってみることが大切です。

まずはゲーム感覚でコードに慣れながら、自分に向いているか試すのにおすすめのサービスを使ってみるのもいいと思いますよ。

Progate（プロゲート）について

紙の本よりも直感的で、動画よりも学びやすい「スライド学習」を採用されているので、私自身もやっていましたが、
初心者でも楽しみながら学べるのではないかなと感じました。

自分のペースで学習できること、復習しやすいことが強みです。

まずは無料コースでコードに触れてみて、しっかり学びたい場合は有料コースをおすすめします。
月額1078円で利用ができるので、価格がリーズナブルなのも嬉しいですね！

ドットインストールについて

プロゲートと同様、無料と有料コースがあるサービスです。
こちらは各学習内容を３分動画でまとめていて、解説も聞きながら学ぶことが可能です。
月額1080円とこちらもリーズナブルで続けやすい価格なのが嬉しいですね。

私は、この時点で手が止まってしまうことも多かったです。
（あんなにレッスンしたのに・・・笑）

サイト全体を最初から完璧に組もうとせず
いろんなパターンの

・ヘッダー
・フッター

にチャレンジするところから始めてみてはいかがでしょうか。
ロゴは自作してもいいですし、フリー素材をあらかじめダウンロードしておくのもありです。
（なんでも良し。デザイン性無視でOK）

グリーバルナビゲーションにしても、さまざまなデザインがあるかと思うので

まずはテキストだけ
次は背景をつけてみる
ボーダーをつけてみる

などなど、
よく見ているサイトを参考に真似してみるのもいいですね！

正直最初はヘッダーだけでも１日かかっていましたwww
最初はよちよち歩きで、早く走りたい気持ちと裏腹に時間だけが過ぎてゆく・・・

そんなことがあるかもしれませんが
とにかく『焦らず。続けることが何より重要』です。
自分のペースでやっていきましょう！

また、本格的にサイトページを組んでみたい！と思えるようになってきたら
無料のデザインカンプ配布サイト等を利用して
デザインデータをダウンロードし、
画像の書き出しからチャレンジしてみるといいですよ。

ゼロからサイト構築を始めると、さまざまな問題にぶち当たると思います。
その中で調べて役に立ったサイトやブログ記事、またはコードなどを目にする機会も増えてくると思うので、

その都度notion等のメモツールに保管をしておくと、いざまたあのコードを使いたい！と感じたときにすぐに検索ができるし使うことができるのでオススメです！

1日の進捗管理

• 今日の作業でやったこと
• うまく実装できたことこ
• 出来ずに途中になってしまったところ

は１日の最後にメモをして、次の日は、出来なかったところからのリサーチから始めると、
より問題解決力が上がり、コーディングの基礎が身についていくと思います。

出来ないままにしておくと、私のように後々の応用が効かず中々前に進めない状況になってしまうので、時間をしっかり抱えて基礎作りの時間をとってほしいと思います。

SNSで仲間を見つける

また人によっては、SNSで同じ立場んにある人や、現役のコーダーさんと繋がるのも良しですね！
ググって調べても調べても正解に中々辿り着かないこともあるので、相談できる仲間づくりができるとより継続しやすいか もしれません。

【実案件を一つだけチャレンジしてみる】

よく、YouTube等で『クラウドソーシングを利用してまずは簡単な実案件を経験して見ましょう』
と聞きますよね？

これがかなり重要になってくるのは確かなのですが、
正直めちゃくちゃ怖いですよね。

この不安は全ての人に当てはまると思います。

わかります。
分からない、経験したことのないところに足を踏み入れるって怖いですよね。

でもだからこそ、リサーチできるところはリサーチをして
『分からない』のハードルを下げる努力もできます！

案件受注前に必ず確認しておくべきことなどを、事前に調べて洗い出して理解しておくことは、
ハードルを下げ、少しでも余裕を持つことができますよね。

またSNSでクラウドソーシングを使って既に実案件を獲得し、納品までこなした経験のある人にお話を聞いてみることは、リサーチとして有効な手段です。

また、依頼者に対して確認しておきたい点を確認することもできます。
デザインデータはどのような形式でもらえるのか（Illustrator、XDなど案件ごとさまざま）
依頼者側もクラウドソーシングに慣れていない場合、
依頼内容の記載が不十分なケースも多々あります。

過去の依頼実績を比較して、できるだけ慣れている企業さんへアプローチをかけることも必要かと思います。

中にはブラック案件もあるかと思いますので
実案件での経験を持っていればいるほど、転職に圧倒的に有利！
実案件にこだわる理由はまさにコレです。

どんなに独学期間が長く、たくさんのポートフォリをを作ったとしても
採用する側の人間からすると
『仕事』としての経験値が一つでもある方が、現場の即戦力として採用したいという気持ちのさせられると思います。

また、実案件を納品した経験があるということは
作業過程での依頼者とのコミュニケーションや納期を意識した作業スケジュール管理能力があると言う事も分かるので、

おしゃれなポートフォリオに時間を削るより
圧倒的に、実案件に時間をとる方を個人的には優先すべきと考えます。

【転職】

ここまで進んだら、もう転職の準備を始めてみても良いと思います。

まずは在宅ワークをこなしていけるだけのスキルを現場で磨くために、
一度WEB制作会社への就職をすることをおすすめします。

• 就職先として考えられる会社をピックアップ
• 面接を受ける

これを繰り返していきましょう！

独学で初め、実案件をこなした経験があるあなたの武器は十分だと思います。
あとは、誠意を持って自分のやってきたこと、実績、働き方に対する考えをしっかり面接官にアピールする。

これだけです。

そこで不合格になったのなら、
自分に足りないものはスキル面なのか、その他の理由なのか確認してから
次の会社へ面接にいきましょう。

落ち込む必要はありませんよ。
（↑落ち込んでるけど、落ち込んでないフリをする。笑）

スキルが足りないと言われたら、足りないスキルだけ足していきましょう！

【独立フリーランス or 会社員】

就職し、現場での経験値や新たな人間関係など独学時代とは全く違う環境で現場経験を積んだら、

そのまま社員として会社組織内で働くか
独立してフリーランスとして働くか

ここまできて、やっとその選択肢を自分で選ぶことができる立場になったと言えるのでは無いでしょうか。

独立後も外注先として、勤めていた会社から仕事を依頼される場合もあります。
お客様を自分で開拓し、安定的に収益を出しつつ在宅で自由に自分の働き方でお仕事を続ける道選ぶなら、また違うスキルが必要になるかと思います。

未経験からここまで積み上げてきた実績と経験が、
何より自分自身の背中を押してくれると思います。

諦めず、努力した先に自分の理想の働き方があると思います。

何事も簡単にはいきませんが、
一生懸命な人の周りには、力をそっと貸してくれる人が必ずいると思いますよ。

自分の生き方、自分らしい働き方ができる人生になると信じて・・・

【最後に・・・】

長々となりましたが、
一旦ロードマップはここで終了となります。

冒頭にもお伝えしましたが、あくまで私の経験に基づく個人的感想をもとにしたロードマップになっております。

これを全てやっても、やらなくても
思い描く働き方にたどり着く方もいらっしゃると思います。

何か一つでも、この記事を読んで背中を押すことができたのなら幸いです・・・

ありがとうございました〜！