【未経験から】プログラミングの独学方法の手順まとめ【実践済み】TweetFacebookPocketB!hatenaプログラミングを独学して転職したい人向けに、未経験からプログラミングを始める手順をまとめました。目標は、3か月でWebサイト(ホームページ)が作れるようになること。独学でWebサイト制作をマスターして、エンジニアになるための第一歩を踏み出しましょう。この記事の内容をひととおりこなすことで、このようなサイトが作れるようになります。これだけ作れれば転職もできますし、実際にプログラミング(Web制作)を仕事にできるようになります。IT企業は業界として新しいので、働きやすい会社が多く、楽しく働けるのが特徴です。プログラミングを学習して、楽しく働ける環境を手に入れてください。プログラミングの概要をざっと掴むために、プログラミングスクールの無料体験を受けてみるのもアリです。TechAcademyなら1週間の無料でプログラミングが体験できるので、「いきなりの独学は難しそう...」という方はぜひ無料体験を受けてみてください。TechAcademyの無料体験を受けてみるクリックできるもくじプログラミングを独学して身につけるべきスキル・言語プログラミングを勉強する目的と期限を決めるパソコンを買う学ぶ言語と、使うソフトを簡単に覚えておくプログラミングの独学方法【手順と教材を紹介】1HTML/CSS:Webサイトの見た目を作る2Javascript/jQuery:Webサイトに動きを付ける3Bootstrap:Web制作に便利なフレームワーク4PHP:Webサイトを動的に扱えるようにする5Wordpress:Webサイトを更新・管理しやすくする6ひととおりスキルを身につけたら転職するプログラミングの独学方法まとめプログラミングを独学して身につけるべきスキル・言語プログラミングを学ぶ前には、いくつかの準備が必要です。具体的には、以下の3つです。プログラミングを勉強する目的と期限を決めるパソコンを買う学ぶ言語と、使うソフトを簡単に覚えておく上から順に説明していきます。プログラミングを勉強する目的と期限を決めるプログラミングを勉強するにあたっては、「スキルを身につけて今よりも働きやすい環境に転職する」のように具体的なイメージを持っておきましょう。「なんとなく」でプログラミングを始めると、退屈で挫折してしまう可能性があるからです。プログラミングは1年なんて時間をかけなくても、基礎は十分に習得できます。3か月から半年を目安として勉強していきましょう。パソコンを買う当然ですが、プログラミングはパソコンがないとできません。「自分専用のパソコンを持っていない」という方は、まずパソコンを買いましょう。パソコンにはWindowsが搭載されたものとAppleのMacBookなどがありますが、どちらか好きな方を買いましょう。個人的にはWindowsが搭載されたHP(ヒューレット・パッカード)というメーカーのものをおすすめしたいです。安くて質の良いパソコンが手に入ります。Amazon調べ-詳細)Amazonから探す楽天から探すYahooショッピングから探すパソコンの中には2万円~4万円くらいで売っているものもありますが、価格の低いパソコンは性能が良くないので、最低でも6万円くらいのパソコンを買いましょう。学ぶ言語と、使うソフトを簡単に覚えておくプログラミング学習では、主に「プログラミング言語」というものを勉強していくことになります。具体的なプログラミング言語は以下のとおりです。HTML/CSS:Webサイトの形と見た目を作る言語Javascript/jQuery:HTML/CSSで作ったWebサイトに動きをつけるBootstrap:HTML/CSS/jQueryを扱いやすくしたもの(フレームワーク)PHP:Webサイトのデータを扱う言語WordPress:Webサイトの管理や更新をしやすくするためのツール(CMS)この記事では、最初のHTML/CSSからWordPressまでを順番に学んでいくことになります。最初からすべてを理解する必要はありません。勉強しながら「ふむふむ」と、なんとなく理解しながら進めていきましょう。言語の詳しい説明は「【初心者向け】Web製作をする上で学ぶべきプログラミング言語【図解あり】」で詳しく解説していますので、もし興味があれば見てみてください。ちなみに、プログラミングを勉強する際は、テキストエディタとFTPソフトというソフトをメインに使っていくことになります。テキストエディタ:プログラミング言語を書くためのソフト。FTPソフト:プログラミングで作ったデータをサーバーに上げるためのソフト。FFFTPやFileZillaなど。今の段階では、特にテキストエディタとFTPソフトについて理解しておく必要はありません。「そんなソフトがあるんだな」という程度の理解でOKです。スポンサードサーチプログラミングの独学方法【手順と教材を紹介】ここからは具体的なプログラミングの独学方法を解説していきます。以下の順番で学習を進めていくことになります。HTML/CSSJavaScriptの基礎/jQueryBootstrapPHPの基礎WordPress正直言って、それなりに量が多いのですが、一度にすべてを覚える必要はないので、無理のないペースでコツコツと進めてみてください。ちなみに、この記事では僕が実際に使ったサービスや本をもとにして、プログラミングの独学方法を解説しています。実際に僕はこの記事の手順どおりに勉強を進め、その結果転職することができたので、再現性の高い方法となっています。勉強を進めていくうちに「本当にこのやり方で合ってるのかな」と不安になることがあるかもしれませんが、実際に成功している方法なので、安心して進めてください。1HTML/CSS:Webサイトの見た目を作るHTML/CSSとは、Webサイトの見た目を作るための言語です。HTML/CSSは見た目に現れるのでわかりやすいし、プログラミング言語の中では簡単な方です。プログラミングに慣れるためにも、まずはHTML/CSSから学ぶのがおすすめです。HTML/CSSの独学方法は、「HTMLとCSSを独学するための3ステップ【初心者OK】」で詳しく解説していますので、まずはそちらを見てください。HTMLとCSSを独学するための3ステップ【初心者OK】2018年8月9日2Javascript/jQuery:Webサイトに動きを付けるHTML/CSSの基礎知識が身についたら、Webサイトに動きをつけるための言語であるJavaScript/jQueryを学習しましょう。jQueryはJavaScriptを書きやすくしたライブラリと呼ばれるものです。JavaScriptをそのまま書くと結構難しいのですが、jQueryは初心者にもわかりやすくできているので、jQueryを中心に学ぶのがおすすめです。JavaScriptとjQueryの学び方は、「【Web制作】JavaScriptとjQueryの独学方法をゼロからまとめました」にまとめています。【Web制作】JavaScriptとjQueryの独学方法をゼロからまとめました2018年11月3日3Bootstrap:Web制作に便利なフレームワークHTML/CSS,JavaScript/jQueryの次はBootstrapを学びます。BootstrapはTwitter社が開発したもので、プログラミングのフレームワークと呼びます。記述だけで簡単に今っぽいデザインを作ることが可能です。Bootstrapを実際の仕事で使うことはそこまでないですが、フレームワークを使うのは楽しいですし、Bootstrapを学ぶことでHTML/CSSとJavaScriptの理解がかなり進みます。Bootstrapは、ドットインストールとUdemyという動画教材を使って学習するのがおすすめです。ドットインストールドットインストールとは、プログラミングを動画で学べる国産のサービスです。月額980円を払うことで、プログラミングに役立つあらゆる動画を見ることができます。有料なのが少しネックですが、プログラミングの本は2,000円~3,000円くらいしますので、それと比べると安い方です。迷わず課金しましょう。Projects」Udemyとは、世界最大級の動画学習サービスです。Bootstrapは日本語の情報があまりないので、英語の動画で学ぶことをおすすめします。Udemyの使い方や教材を安く買う方法などは、「【コスパ良し】Udemyの動画をセールで安く買う方法を解説」にまとめています。HTML/CSS,JavaScript,Bootstrapまでをひととおり勉強すると、基本的なWebサイトが作れるようになります。それだけでは更新のしにくいサイトができてしまうので、PHPとWordPressを使って、更新のしやすいサイトを作っていきます。4PHP:Webサイトを動的に扱えるようにするHTML/CSSからBootstrapまでを学習したら、次はWordPressを扱うための学習をします。WordPressはPHPという言語で動いていまして、HTML/CSSよりも難しくなります。いえ、HTML/CSSとJavascriptを勉強すれば、ある程度は理解できるはず。PHPはWordPressを扱うために勉強するだけなので、最低限の理解があればまずはOKです。Progateまずはお馴染みのProgateで学習します。ProgateのPHPコースを2週くらいすれば、PHPの基礎はなんとなく身につくと思います。深いところまで理解する必要はなくて、「HTMLの中に埋め込んで使うんだな」という程度でOKです。Amazon調べ-詳細)Amazonから探す楽天から探すYahooショッピングから探すPHPはオフラインで動かすために、ローカル環境の構築という作業が必要になります。俗に「環境構築」と言いますが、この環境構築は割と挫折しやすいポイントです。WindowsだとXampp・MacだとMAMPというソフトがあるのですが、そのソフトを使うと、オフラインでPHPを動かすことができます。「いきなりはじめるPHP」は環境構築と、PHPの基礎をかなり詳しく解説してくれるので、とてもおすすめです。Progateとこの本だけでPHPの基礎理解は十分なので、次はWordPressの学習に移ります。5Wordpress:Webサイトを更新・管理しやすくするHTML/CSS,JavaScript/jQuery,PHPまでを学習すると、WordPressが扱えるようになります。WordPressとは、ひとことで言うと「Webサイトを簡単に更新できるようにするツール」です。WordPressの学習は、「HTML/CSSで作ったページをWordpressで使えるように変換する」というイメージです。初心者にとってはかなりハードルが高く感じるかもしれませんがが、基礎はそこまで難しくないです。いい教材が見つけにくいだけですね。WordPressを学ぶ上でおすすめなのは、ドットインストールとWordpressレッスンブックです。ドットインストールProgateにはWordpressのレッスンがないので、ドットインストールを使います。ドットインストールでは、本当にシンプルなWordpressサイトを作っていくイメージです。何やってるかよくわからないと思いますが、最初はそれでOK。「なんとなくファイルを分割してくっつけるんだな」というレベルの理解ができれば、まずは上出来です。Amazon調べ-詳細)Kindleから探すAmazonから探す楽天から探すWordPressはわかりやすい教材がとにかく少ないのですが、このWordpressレッスンブックはとてもわかりやすいです。内容は簡単すぎるくらいですが、基礎の知識はこれで十分身につくはずです。WordPressの基礎理解としてはとても良書なので、詳しくは『WordPressレッスンブック』の内容を紹介!【初心者向け】を見てみてください。Amazon調べ-詳細)Kindleから探すAmazonから探す楽天から探すWordPressはいろいろとカスタマイズできる要素が多く、とても奥が深いです。WordPressの教科書は、そんなWordpressの奥深さを教えてくれる内容になっています。解説は全然わかりやすくないし、初心者向けの本ではないです(例:急に専門用語が出てくるけど、解説がないまま話が進む)。正直に言うと、「初心者がやる必要はない」という印象ですが、将来のことを考えるとやっておいてもいいですね。1冊持っておくとどこかで役立つかもしれないので、買っておいてもいいと思います。6ひととおりスキルを身につけたら転職するここまでの流れをひととおり終えると、WebサイトをWordPressを使って作れるようになっているはずです。プログラミング学習はとにかくわからないことが多いのですが、わからないことを自分で調べて解決することで、自走力が身につきます。HTML/CSS/Bootstrap/jQuery/Wordpressを身につけたら、あとは思い切って就職しましょう。いつまでも独学するより、実務の中で学んでいく方が圧倒的に効率的です。僕もここまで学習したところでWeb制作会社に就職しましたが、仕事はなんとかこなせていました。仕事をしていてわからないことも多かったですが、それでもなんとかなります。あとはやるか・やらないかだけです。転職するには転職エージェントを使うのがおすすめちなみに、転職するにあたっては転職エージェントを使うのがおすすめです。プログラミングを独学するにはかなり体力を使います。転職活動はプログラミングの独学と同じくらい体力を使います。転職活動は転職エージェントにサポートしつつ進めることで、後悔のない転職ができるようになるはずです。僕はプログラミングの独学に少し疲れていたこともあり、転職エージェントにサポートしてもらいながら転職活動を進めました。完全無料で使えるので、まずは登録して話を聞いてみるのがおすすめです。リクルートエージェント|転職成功実績No.1の転職エージェント:大手の転職エージェント。僕もリクルートエージェント経由で転職しました。ワークポート|IT・Web業界に強い転職エージェント:IT/Webに特化した転職エージェント。大手では扱わない求人も。転職エージェントのマイナビエージェント|人材紹介・転職サイト:こちらも大手。リクルートと一緒に登録しておいて、使いやすい方を使うのが良いかなと思います。※完全無料で使えるので、悩む前に登録して話を聞いてみるのがおすすめです。スポンサードサーチプログラミングの独学方法まとめ長くなりましたが、最後まで読んでいただきありがとうございます。独学は辛いですが、続ければ続けるほどスキルアップを実感できて楽しくなります。プログラミング学習は基礎の理解が一番大変で、挫折しやすい部分です。僕はお金がなかったので独学しましたが、余裕があるならプログラミングスクールに行くのは、選択肢としてアリです。おすすめのプログラミングスクールは「【現役エンジニアが勧める】おすすめのプログラミングスクール3つ【厳選】」でまとめたので、ぜひチェックしてみてください。【エンジニアが勧める】おすすめのプログラミングスクール3つ【厳選】2018年9月18日あなたのこれからがより良いものになることを願っています。始めの一歩を踏み出して、より良い人生を歩んでください。TechAcademyの無料体験がおすすめプログラミングをいきなり独学するのは大変なので、まずはプログラミングスクールの無料体験を受けるのがおすすめです。気に入ればそのままプログラミングスクールに通ってもいいですし、まずは無料でプログラミングのイメージを掴んでみましょう。】WindowsとMacの使い勝手を比較【Web制作】プロフィール名前:氷犬(ひょうけん)都内のWebマーケティング会社に勤めるWebマーケターです。税務署⇒Web制作会社⇒Webマーケティング会社、という経歴を持っています。SEO・Webマーケティング・20代の働き方など、自分の体験をもとにした記事を書いています。最近、20代向けの転職相談のサービスを始めました。名前:氷犬(ひょうけん)都内のWebマーケティング会社に勤めるWebマーケターです。税務署に勤めていた公務員でしたが、退職して都内のWebマーケティング会社に転職しました。SEO・Webマーケティング・プログラミングなど、自分の体験をもとにした記事を書いています。