これからプログラミングを始めようと書籍やサイトで学習して挫折した方も多いのではないでしょうか。

挫折してしまった理由としては、学習教材に「少しづつでも継続できるものであること」「達成感があること」が足りなかったからではないでしょうか。

そこで今回は、プログラミングを学習できるWebサービス18サイトを調査・実践し、3日坊主の私でも続いた「継続度」「達成感」が高い厳選6サイトをご紹介させていただきます。

webservice

これからご紹介するWebサービスの評価につきましては、プログラミングを学習できるWebサービス18サイトを調査した中での相対的な評価となっておりますので、ぜひ参考にしてみてください。

本記事の対象者

  • 業務でプログラミングの知識を必要としている人
  • ある程度プログラミングのスキルはあるが別の言語へスキルチェンジを考えている人

 

もし未経験からプログラマーとして働くことを考えている方は、無料でプログラミングの学習をしながら、プログラマーとして就職することができる「GEEK JOBプログラミングキャンプ」をおすすめします。

1. Progate

prog8-0

初心者向き度 ★★★★★
継続度 ★★★★★
達成感 ★★★★☆
内容の詳しさ ★★★★☆
学習可能言語 Ruby,Ruby on Rails,PHP,HTML & CSS,jQuery

初心者にもわかりやすいイメージと文章で、プログラミングについて学べるWebサービスです。

一つのWebシステムを作るまでではありませんが小さな動きを作る演習が多数用意されているので、小さな達成感を多く味わうことができます。

学べる内容

prog8-2

多くのプログラマーがつまずく、オブジェクト指向をわかりやすいイメージで解説しているスライドは、今後も役に立つはずです。

prog8-3

学習用のスライド(基礎編)と実際にプログラミングを行う(応用編)パートに分かれており、スライドで学習したものを実践するといった流れで学ぶことができます。

エディタもサイト上に用意されているので、事前に準備しておく必要がありません。

学習方法もビジュアルでイメージしやすく(例:タクシーを走らせよう)説明も丁寧なので、初心者でもすんなりとプログラミングに慣れ親しむことができるでしょう。

englishword2

4日程実践してみると、上記のような英単語ゲームを作成することができました。

instans

また「クラス」や「インスタンス」といった、プログラミングにおいては重要とされる概念の理解も進みます。

2. ウェブカツ!!

webukatsu-0

初心者向き度 ★★★★☆
継続度 ★★★★☆
達成感 ★★★★★
内容の詳しさ ★★★☆☆
学習可能言語 JavaScript,HTML/CSS,PHP,MySQL,jQuery

『ウェブカツ!!』はWebアプリ開発の一連の流れを初心者でも学べるWebサービスです。

サイト上でエディタが用意されていないので『プログラミング初心者でも活用できるテキストエディタ9選』を参考に、自分に合ったエディタを準備しておきましょう。

学べる内容

・「PHPって何?」

・「データベースを使ってみよう!」

・「実践!ユーザー登録システムを作ってみよう!」

・「実践!ログインシステムを作ってみよう!」

・「サーバーって何?」

など、PHPだけではなく、Webアプリ開発に不可欠なデータベースから、サーバーについてまで学ぶことができます。

webukatsu-1

一通りのレッスンをこなしていくことで、上記のようなフォームも実装することができます。

また、1レッスンが5分前後で完結する動画なので、忙しい日でも気軽に勉強することができます。

ただ、ソースを記述するエディタ等は用意されていないので、自身で事前に準備しておく必要があります。

『ウェブカツ!!』についての詳しい解説は「プログラミング知識ゼロからWeb開発を学習できる『ウェブカツ!!』」をご覧ください。

3. CODEPREP

codeprep-0

初心者向き度 ★★★★★
継続度 ★★★★☆
達成感 ★★★★☆
内容の詳しさ ★★★☆☆
学習可能言語 PHP,Ruby,HTML & CSS,JavaScript,jQuery,Canvas

初心者向けのやさしい課題を、サイト上で実際にプログラミングしながらクリアしていくことができるサイトです。

学習を進めていくことで、アプリ開発に必要なプログラミングスキルを身に付けていくことができます。

学べる内容

codeprep-1

一般的なWeb系の言語を初心者向けにした講座がそろっています。

codeprep-2

実際にテキストエディタにソースを記述しながら学べるため、体でプログラミングの基礎を学んでいくことができます。

また、一つの講座を完了させるごとに経験値がもらえ、レベルアップしていくので学習のモチベーションとなります。

codeprep-3

CODEPREPの大きな特長としては、「ディスカッション」と呼ばれる掲示板が用意されており、学習中に悩んだ点について他のユーザーに質問することができる点です。

一人で学んでいるとなかなか質問できる機会がありませんが、掲示板が用意されていることで気軽に質問をすることができます。

CODEPREPについての詳しい解説は「着実にプログラミングの独学を継続できる『CODEPREP』」をご覧ください。

4. Codecademy

codecademy-0

初心者向き度 ★★★★☆
継続度 ★★★★☆
達成感 ★★★★★
内容の詳しさ ★★★☆☆
学習可能言語 Ruby,JavaScript,HTML/CSS,PHP,jQuery

全て英語のサイトですが、レッスンの終了後に実践編があるので、学んだことをすぐに身に付けることができるサイトです。

プログラマーとして仕事をすると英語の資料を読む機会も増えるため、「事前に英語の勉強もできる!」という姿勢で臨むと良いでしょう。

学べる内容

codecademy-1

最終的なゴールを、Webサイトの制作と設定しレッスンに臨むことができます。

codecademy-2

HTML/CSSのレッスンでは、記述した内容が実際に反映されている様子もみることができるため、自身で制作物を作る過程を味わうことができます。

サイト上にテキストエディタが用意されているので、事前に準備しておく必要もありません。

Codecademyについての詳しい解説は「初心者でもプログラミングを学習できるwebサービス『Codecademy』」をご覧ください。

5. paiza learning(パイザ・ラーニング)
paiza-0

初心者向き度 ★★★☆☆
継続度 ★★★★☆
達成感 ★★★★★
内容の詳しさ ★★★☆☆
学習可能言語 PHP

就職することにゴールを設定した、PHP特化の学習サイトです。基礎的な項目を学びながら、自分のレベルを客観的に見ることができます。

学べる内容

paiza-3

1講座3分程度の動画で説明を受けながら、サイト上に用意されたテキストエディタで学んでいくことができます。

paiza-2

そして一番のポイントは、実践的な問題を解くことで自身のレベルを客観的に把握できる点です。

各問題には「受験数」「正解率」「平均スコア」が記載されており、自身のスコアと他ユーザー平均を比較することで、自身がどの位置にいるかを見ることができます。

6. ミニツク

minituku-0

「Rubyがミニツク」はその名の通り、Rubyを極めることができる学習サービスです。Rubyの開発者である、まつもと ゆきひろ氏が在籍している株式会社ネットワーク応用通信研究所が運営しているため、まつもと ゆきひろ氏の講義動画も見ることができます。

初心者向き度 ★★★☆☆
継続度 ★★★☆☆
達成感 ★★★★★
内容の詳しさ ★★★★★
学習可能言語 Ruby

学べる内容

minituku-2

Rubyの入門から応用まで、まつもと ゆきひろ氏の解説動画で見ることができます。

「Ruby技術者認定試験対策コース」が用意されているので、まさしくRubyを極めるための学習サービスといえるでしょう。

まとめ

初心者でもプログラミングを学ぶには「継続」と「達成感」を意識し、体で覚えていくことで身に付けていくことができるでしょう。

是非本ページのWebサイトを参考に、プログラミング学習に取り組んでみてはいかがでしょうか。

どうしても挫折してしまった・・・という場合は、「GEEK JOBプログラミングキャンプ」というプログラミング学習/就職支援サービスで、メンターからの指導と学習習慣を身に付けられる環境を用意しておりますので、興味のある方は一度ご覧になってみてください。

【1日体験可】最短1か月で未経験からプログラマーへ就職できる『GEEK JOB キャンプ』
geekjob_to_gol_banner_sp_06

『GEEKJOB キャンプ』は0からプログラミングや仕事の進め方を学習でき、プログラマーとして就職するまでサポートします。

  • 短期集中型のプログラミング学習で未経験から最短1か月での就職ができる

  • わからないことはメンターにその場で質問できる

  • オフィスで働く上で必要なスキルを身に付けられる

  • 約500社の優良企業から就職先を探せる


文系出身だから、全くプログラミング経験がないから、プログラミングの学習に挫折してしまったから、といった方も関係ありません。

未経験からプログラマーを目指せる環境を用意しています。

詳しく見る

この記事に関するキーワード

この記事の内容について報告する