在宅「ママ×プログラミング」でライフステージに合わせた働き方を実現こんにちは。とお考えの方も多いのではないでしょうか?「コーディング未経験」と検索してみるとたくさん「未経験者歓迎」と書かれた求人が出てきます。未経験からコーディング案件へ応募するのはおすすめできません。なんでおすすめ出来ないの......?じゃあ未経験からコーダーになるにはどうすればいいの??このような疑問が出てくると思います。未経験だと最初に学ぶべきことが多すぎてWebサイトのコーディングをする前に挫折してしまうケースが跡を絶ちません。そこでこの記事ではコーディング未経験者が3ヶ月でWebサイト制作の仕事を得るための流れを一挙にご紹介します。まとめ未経験からコーディング案件獲得までのフローまずはじめに未経験OKの求人に応募するまでの流れをご紹介します。1ヶ月目:HTML/CSSの学習2ヶ月目:JavaScriptの学習3ヶ月目:Webサイト制作・求人へ応募ざっと流れだけ説明するとこの3点です。こんなフローで本当にWebサイト制作ができるの?このような疑問が出てくると思いますが、大前提としてこの流れはコーダーとしての入口に立つまでを表しているにすぎません。巷に溢れているおしゃれなWebサイト制作が出来るようになるわけではないということを承知しておいてください。この流れを意識してコーダーとしての第一歩を歩んでみましょう。コーディングに必要なスキルを確認しよう画像:Shutterstockこの記事を読んでいるあなたはもちろんコーディングとはなにかを理解していますよね。「ちょっと不安だな」という方は、こちらの記事も合わせて御覧ください。2019年11月21日ではさっそくコーディングに必要なスキルをご紹介します。コーディングには「フロントエンド言語」と呼ばれているプログラミング言語が必要です。最低限必要なフロントエンド言語を習得しましょう。具体的に必要になるのは、HTMLCSSJavaScriptこの3つです。比較的ほかの言語に比べて初心者向けの言語なので安心して下さい。HTMLHTMLとはWebサイトの骨格とも言える役割をもつ言語です。(厳密にいうとHTMLはプログラミング言語ではなくMarkup言語と呼ばれています。)全てのWebサイトはHTMLから成り立っているので一番始めに学習すべき言語といえます。HTMLについてはこちらの記事で詳しく紹介しているので合わせて御覧ください。2019年11月22日CSSCSSはHTMLを装飾するための言語です。(こちらも厳密にはプログラミング言語ではなくスタイルシート言語と呼ばれています。)HTML単体では文字に役割を与えるだけでWebページの見栄えを整えることはできません。そのため、HTMLにCSSで書いたスタイルシートをあてはめる必要があります。イメージが湧きにくいと思うので実際に見てみましょう。HTMLでまずボタンを作ってみます。このようにボタンを作ることは出来ますが、イマイチ味気ないものになってしまいますよね。こちらにCSSを当ててみましょう。違いは一目瞭然だと思います。このようにWebサイトはHTMLにCSSをあてて外観を作り出しています。2019年7月7日JavaScriptHTML/CSSがベースとなってWebサイトが作られていることは分かりましたね?しかしこの2つだけではWebサイトに動きを加えることができません。動きを加えるにはどうしたらいいのか......ここで登場するのがJavaScriptです。JavaScriptはサイトコンテンツのアニメーションと、サイトの見えない部分であるプログラムの制御で使われています。これら3つの言語を合わせることによって基本的なWebサイトの見た目を作り出すことが出来ます。JavaScriptについて詳しく知りたい方はこちらも御覧ください。2019年12月5日コーディングに必要なスキルを学ぼう画像:Shutterstock必要なスキルが分かったところで学習方法について学んでいきましょう。学習目標に期限を設けよう学習を始めるにはまず目標が必要です。この目標は細分化してあるほどいいので出来る限り細分化しましょう。今回は最初にご紹介したフローに沿って目標設定を行っていきます。最初の1ヶ月でHTML/CSSを学びましょう。【目標学習時間:100時間】ステップ1:HTML/CSSについての理解を深める(1週目)ステップ2:学習サイトを用いてHTMLの基礎を学ぶ(1〜2週目)ステップ3:実際にHTMLファイルを作成する(2〜3週目)ステップ4:作成したHTMLファイルにCSSを適用させる(3〜4週目)ステップ5:HTMLとCSSをあてはめたページを作成する(3〜4週目)2ヶ月目でJavaScriptを学びましょう。【目標学習時間:100時間】ステップ1:学習サイトを用いてJavaScriptの基礎を学ぶ(1〜2週目)ステップ2:1月目で作成したWebページにJavaScriptをあてる(2〜4週目)3ヶ月目で未経験OKの求人に応募しましょうステップ1:ここまでで出来たWebページの質を高めよう(1〜2週目)ステップ2:自分の強みを明確にする(何が出来るか,なぜ志望するのか)(2週目)ステップ3:未経験OKの求人に応募してみよう(2〜4週目)おすすめ学習サイトでは上記の学習をするために必要な学習サイトも合わせてご紹介致します。http://codeprep.jp/CODEPREPはプログラミングを実際に書いて、プログラムがどんな動きをするのかを学べる実践型のプログラミング学習サービスです。100種類以上のカリキュラムが用意されているので目的にあったプログラミング学習をすることができます。今回の場合は、Webサイト制作に用いられるカリキュラムを重点的に進めましょう。https://prog-8.com/ProgateもCODEPREP同様、画面上に実際にコードを書いてプログラムの動きを学ぶことが出来ます。HTML/CSSとJavaScriptの基礎知識を全て学ぶことが出来るのでProgateのカリキュラムは必ず全て修了させましょう。https://dotinstall.com/ドットインストールは項目ごとに3分の動画でカリキュラムが構成されており、視覚的にプログラミング学習を進めることが出来ます。しても手を動かすだけのプログラミング学習だと躓いてしまうことがあるので、ドットインストールの動画学習も併用しましょう。未経験OKな求人を確認してみよう学習がある程度進んだら実際にどのくらい未経験OKの求人があるのか、どの程度の収入が望めるのかを確認してみましょう。弊社「侍エンジニア塾」の卒業生である市川さんは、仕事の合間に6ヶ月コースを受講しました。未経験にもかかわらず受講期間中である3ヶ月目にしてコーディング案件を獲得しています。現在では、副業としてWebデザイン案件を中心にフリーランスとして活躍中です!市川さんのように正しい手順で学習を進めれば、未経験者でもコーダーとして活躍することは可能です。あなたもぜひ彼を参考に学習を進めてみて下さい。この記事では市川さんのインタビューを行っています。この記事では未経験者がWebサイト制作の要であるコーディング技術を身に付けてコーダーとして活躍する方法をご紹介致しました。コーディングはWebサイト制作の他にWebデザインにも用いられます。興味のある方はぜひ一歩踏み出して下さい。TweetPocket「プログラミング、右も左もわからない...」という方にオススメ当プログラミングスクール「侍エンジニア塾」では、これまで6000人以上のエンジニアを輩出してきました。その経験を通して、プログラミング学習に成功する人は、「目的目標が明確でそれに合わせた学習プランがあること」「常に相談できる人がそばにいること」「自己解決能力が身につくこと」この3つが根付いている傾向を発見しました。侍エンジニア塾は上記3つの成功ポイントを満たすようなサービス設計に磨きをかけております。「自分のスタイルや目的に合わせて学習を進めたいな」とお考えの方は、ぜひチェックしてみてください。都内ホテルにて設備機器のメンテナンスを経験。当時から副業として行っていたWebライティングと独学でのプログラミング学習経験を活かし、Webライターとして侍で記事編集業務を担当。Reserved.現役生徒500名以上が在籍する弊社のプログラミング学習プランをあなたに合わせて最短1分で診断します。