TechAcademy（テックアカデミー） プログラミングPHP入門向け！初心者におすすめのPHP学習サイト10選
PHP

入門向け！初心者におすすめのPHP学習サイト10選

プログラミング初心者向けにPHPを学習できるサイトをまとめています。どれも入門から始められるサイトで、無料でも利用できるのでぜひ活用してみてください。自分でWebサービスを作りたい人、エンジニアを目指している人は役に立つはずです。

TechAcademyマガジンはオンラインのプログラミングスクールTechAcademy [テックアカデミー]が運営する教育×テクノロジーのWebメディアです。初心者でもすぐ勉強できる記事が2,000以上あります。

PHPは動的なWebサイトを作成する際などに使用する言語です。ここでは、PHPを学習することができるサイト・サービスについて解説していきます。

仕事でPHPを使っている人も参考にしているサイトが多いので、これから始める人も間違いなく役に立つでしょう。

座学ベースで大枠から理解できるサービス、実際にソースコードを書きながら学習できるサービスをそれぞれ分けて紹介しているので、自分の好きなやり方に合わせて選んでみてください。

そもそもPHPが何か分からない場合は、先にPHPとはの記事をご覧ください。

 

なお本記事は、TechAcademyのPHPオンライン講座の内容をもとにしています。

 

目次

 

PHPの概念から学ぶ

環境構築やデータベースについての説明など「PHPとはどういうものか」というところから学べるサイトです。

まずは、動画や文章でPHPの概念について理解したいという人におすすめです。本を買ってやってみたけど挫折してしまったという人も全体像がつかめるはずです。

 

ドットインストール

php_le_8

動画で講座を見る学習サイトです。実際の作業手順を画面で見ることができます。

ひとつひとつの動画は短時間のため、気軽に少しずつ勉強を進めていくことが可能です。各動画3分程度なので、通勤時間などの学習にもおすすめです。

自分の進捗も管理できるので、

ドットインストールの体験レポート

 

初心者用PHP入門

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-12-05-15-28-37

PHPの説明からWindows向けの環境構築、基本的な文法から入力フォームなどの作成まで一通りの解説を見ることができます。

PHPでのコーディングをする前のインストール作業でつまずき、やめてしまう人が多々いますが、初心者でも分かりやすく説明しています。PHP以外の開発で必要な知識も身につけることができるはずです。

初心者用PHP入門

 

PHP講座

php_le_2

イラストや図を使って分かりやすく、細かい部分まで丁寧に説明されています。

スケジューラーや掲示板などを実際に作りながら学習することができます。プログラミング自体はじめて触るという人にとっては分かりやすい教材かと思います。

PHP講座

 

PHPプログラミング初心者入門講座

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-12-05-15-10-59

PHPでどんなことができるかということから、動作環境を準備する方法、データベースを利用する方法など構文以外にもさまざまな解説が書かれています。

PHPでプログラムを書く上で大事な知識を順を追って学習できるので、1つ1つ理解していけば実践でも役に立つ知識になるでしょう。

PHPプログラミング初心者入門講座

 

PHPBook

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-12-05-15-11-29

Windowsでの環境構築、サンプルプログラムとその内容の解説があります。

関数も種類ごとに分けて詳しく説明されています。

細かいPHPの書き方や文法で分からなくなったら確認しておきたいサイトですね。

PHPBook

 

[PR] PHPのプログラミングで挫折しない学習方法を動画で公開中

PHPのコーディングをしながら学ぶ

次にPHPのコードを実際に触って、問題を解きながら構文を勉強していくサイトです。

サイト上に直接書けるので、実際にコーディングしながら学習したいという人におすすめです。書きながらの方が覚えやすいという人はぜひ使ってみてください。

 

Udemy

動画を見ながら実際にコーディングの仕方を学べる学習サービスとなっています。

無料・有料の動画コンテンツが用意されており、日々そのコンテンツ数は増えてきています。PHPの学習だけでなく、フレームワークや実際にWebサービスを作る体験などもできるので、ぜひ活用してみてください。

Udemy

 

Progra!

php_le_5

穴埋め問題を問いてドリル形式のように進んでいく学習サイトです。

問題の数が非常に多く、ひとつひとつ丁寧に学んでいくことができます。

完了した項目に成績によって違ったスタンプがつくなど楽しみながら習得できるサービスです。

Progra!

 

Codecademy

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-12-05-15-15-04

実際にコードを触りながら基本から順番に学習していくサイトです。英語のサービスになります。

各設問で分からないところはフォーラムで他ユーザーなどに質問することができます。

※Chromeでは一部不具合があるため、他のブラウザ推奨です。

Codecademyの体験レポート

 

Progate

php_le_7

解説も設問もすべて日本語で利用できる学習サイトです。

最初にスライド資料を読み、次に実際に書いてみるという二段階で勉強します。

サイトデザインも見やすく、今自分が取得している内容が分かりやすいようになっています。毎回課題が用意されているので、しっかり理解しているか確認することができます。

正解していくと自分のレベルが上がっていくので、ゲーム感覚で進めることができるはずです。

Progateの体験レポート

 

paiza

php_le_9

会員登録後、「動画学習」メニューから動画による解説とコードを触りながらの練習を行うことができます。(一部有料)

スキルチェックで現在の自分の実力が確認できたり、サービス内での成績によって企業からのオファーを受けることができるなどのシステムがあります。

最初は簡単な問題から回答していき、ぜひランクの高い問題にもチャレンジしていきましょう。

paiza

 

CODEPREP

php_le_10

問題を見て、コードを入力しながら進めていく学習サイトです。分からないときはヒントを見ることもできます。ノーヒントで進行する場合はある程度基本を知っていることが前提となります。

Codecademyのようにフォーラムで他のユーザーに気軽に質問できるようになっています。(こちらは日本語対応です)

穴埋めなので、全く分からないということが少なく、初心者にとっては挫折せず進められるサービスになるでしょう。

CODEPREPの体験レポート

 

おわりに

以上、PHPを学習できるサービスをまとめて紹介しました。

PHPを使っている企業は非常に多く、プログラミング言語の中でもオーソドックスな言語として位置付けられています。概念自体は、他の言語を覚える際にも役立つ知識なので、これを機会に身につけておきましょう。

PHPは学習サイトも多いので、自分に合ったサービスがきっと見つかるはずです。

 

また、PHPを勉強していて、

  • もっと効率的に勉強したい
  • 誰かに聞きながら学びたい
  • 自分でWebサービスを作りたい

と思ったことはないでしょうか。

 

そんな方のために、TechAcademyではオンラインブートキャンプPHP/Laravelコースを提供しています。

現役エンジニアがパーソナルメンターとして受講生に1人ずつつき、マンツーマンのメンタリングで学習をサポートし、最短4週間でオリジナルWebサービスを開発することが可能です。

独学に限界を感じている場合はご検討ください。

記事を検索

関連するキーワード

関連する記事

PHPでPDFファイルをブラウザで表示する方法とは【メンターが回答】

※TechAcademyに実際に寄せられた質問に現役エンジニアのメンターが回答しました。   田島悠介 質問に対して現役のエンジニア...
PHP

Ajaxを使ってPHPとデータの受け渡しを行う方法とは【メンターが回答】

※TechAcademyに実際に寄せられた質問に現役エンジニアのメンターが回答しました。   田島悠介 質問に対して現役のエンジニア...
PHP

XAMPPの文字化けをphp.iniの設定で直す方法【初心者向け】

開発環境のXAMPPをインストールするだけでは、PHPファイルをアップした時に日本語が文字化けを起こすことがあります。 そんな時は、XAMPPの「php....
PHP

PHPで小数点を切り捨てる方法とは【メンターが回答】

※TechAcademyに実際に寄せられた質問に現役エンジニアのメンターが回答しました。   田島悠介 質問に対して現役のエンジニア...
PHP

SQLの管理に役立つ！phpMyAdminの使い方【初心者向け】

phpMyAdminの使い方についてまとめています。 MySQLの操作や管理を行うツールで初心者にも扱いやすく非常に便利です。ターミナルやコマンドプロンプ...
PHP

PHPで画像のexif情報を削除する方法とは【メンターが回答】

※TechAcademyに実際に寄せられた質問に現役エンジニアのメンターが回答しました。   田島悠介 質問に対して現役のエンジニア...
PHP

あわせてよく読まれている記事

独学でJavaを学習したい人におすすめ！入門向け学習サイト20選

初心者でも挫折しない、これからJavaを学習しようと思っている方におすすめのサイトをまとめています。 Javaが学習できるサイトはは、「実際に書きながら、動画、テキスト」の3つの学習スタイルに分けているので、自分の好きなスタイルに合わせて選んでみてください。   なお本記事は、TechAcademyのJava講座の内容をもとに作成しています。   学習スタイル 実際に書きながら 動画 テキスト   Progate 学習スタイル：実際に書きながら Progateは、まずスライドを見てインプットし、実際に書いて覚えるスタイルです。Java以外のコースも多くありますが、全て初心者でも分かるように基礎的な内容から学習できるので、独学で学びたい人には最適でしょう。 進めていく中でレベルが上がっていくので、モチベーションも維持して学習できるはずです。 Progate   [PR] PHPのプログラミングで挫折しない学習方法を動画で公開中Codecademy 学習スタイル：実際に書きながら 海外のサイトであるため英語での学習になりますが、プログラミング学習サイトとしては圧倒的な人気を誇るCodecademyです。もちろんJavaの基本的な内容を学習することもできます。 他にも様々なコースが用意されているので、ぜひ知っておくと得でしょう。 Codecademy   Paiza 学習スタイル：実際に書きながら(クイズ形式) Paiza内のスキルチェック問題では、自分のプログラミングスキルを6段階(S~Eランク)で評価してくれます。 これから始めたいと思っている方は、Javaの技術レベルが上がっていく様子を感じ取ることができるでしょう。ちなみにCランク以上を取得するとJavaの基礎的な知識は得られているという評価になるので、基礎的な学習を終えて自分の実力を試したいという方にはおすすめです。 Paiza   ドットインストール 学習スタイル：動画 プログラミング初心者に最適の学習サイトです。1つ1つの動画が3分程度で終わるので、気軽に学習を進められます。動画自体は少し早口で進んでいくので、聞きながら作業をすると何度も停止しながら進める必要があるかもしれません。 ドットインストール   Udemy 学習スタイル：動画 Udemyも海外発のサービスのため英語の講座が多いですが、日本語で学習できる講座も増えてきています。また、Javaに関する入門講座は全て有料なっていますが、内容は非常に濃いので学習する価値はあるでしょう。 動画でかなり実践的な内容まで身につけられるので、初心者の人にもおすすめです。 Udemy   ShareWis 学習スタイル：動画 このサイトには2つのJavaのコースがあり、1つ目は基礎Javaプログラム言語というもの。制御構文や配列、メソッドなどの文法をスライドを用いて学習していきます。もう一つのコースでは、動画で解説しているものになります。 初心者にも分かりやすく、基本的な内容を学習したいという方に人気のサイトになっています。 ShareWis   Schoo 学習スタイル：動画 ご存知スクーのJava講座です。今の所14講座あるみたいです。有料ですが無料お試し受講もできるみたいなので是非一度試してみてはいかがでしょうか？ Schoo   マンガで分かる Java入門講座 学習スタイル：テキスト(漫画) マンガを用いてJavaについて分かりやすく解説しています。プログラミング言語自体、堅苦しく難しいという印象を持たれがちですが、マンガにすることで初心者でもスムーズに理解できるでしょう。 まだJavaを触ったことがないという人でも挫折せず理解できるはずです。 マンガで分かるJava入門講座   Java言語入門　～Ｃ言語を学んだ君へ～ 学習スタイル：テキスト サイト名からも分かるようにC言語を学習したことがあるという人向けのサイトです。 サンプルプログラムや演習問題など実践的な内容も多い学習サイトなので、自分で書きながら理解することができるでしょう。C言語の学習経験がある前提で話が進んでいくので、Javaが初めてという人でも構造は同じで理解しやすいと思います。 Java言語入門　～Ｃ言語を学んだ君へ～   JavaDrive 学習スタイル：テキスト Javaに関する情報が記載されている学習サイトです。Javaでの開発で必要な知識はこのサイトで十分得られるでしょう。 また、Android入門というカテゴリーでAndroidアプリの開発に関しても記事を多く載せているので、モバイルアプリ開発にも役立つはずです。 JavaDrive   Java初心者入門講座 学習スタイル：テキスト Javaの開発環境の構築から基礎的な文法の内容まで初心者向けの内容がまとまっている学習サイトです。 Javaでの開発をする上で必要になるテキストエディタやEclipseのインストール方法なども解説しているので、いきなり躓くということがなくなるでしょう。入門向けとしては非常に最適なサイトです。 Java初心者入門講座   一番かんたんなJava入門 学習スタイル：テキスト このサイトのサブタイトルでうたっている通りこれからJavaを始めようという人の為の超入門サイトです。 優しくJavaの重要な概念について説明してくれています。 一番かんたんなJava入門   Java入門 学習スタイル：テキスト こちらは開発環境の導入から親切に教えてくれています。 もちろん体系的にJavaに関するプログラミングの話題を網羅しています。 Java入門   とほほのJava入門 学習スタイル：テキスト プログラミングをかじっている人でこのサイトを知らない人はいないでしょう。 こちらではJavaに関するたくさんの項目があります。全部こなすのには時間がかかりそうですが、一歩づつ進めて学習していけばJavaに関しては怖いものなしでしょう。 とほほのJava入門   TECHSCORE 学習スタイル：テキスト こちらのJava入門ではJavaに関する重要なことを9つのチャプターでコンパクトにまとめています。 時間をかけずにサクサク進めたい方はこちらから進めてみては如何でしょうか？ TECHSCORE   楽しいJava入門 学習スタイル：テキスト こちらでは難しいJavaの概念を一チャプターづつ具体例を出して優しく教えてくれています。タイトルの通り優しく学べるでしょう。 楽しみながら学習を進めたい人にはおすすめの学習サイトです。 楽しいJava入門   LIbro〜初心者のためのJava SEプログラミング入門〜 学習スタイル：テキスト ご存知プログラミング学習者の味方、掌田津耶乃氏のブログの中のJava編です。いつものように親切・丁寧に教えてくれているので、おすすめです。 他の言語も初心者にわかりやすく説明しているので、初めてプログラミングを学び始める人は数多く利用しているでしょう。 LIbro   IT専科 学習スタイル：テキスト こちらもJavaについての大事な概念を漏らすことなく一目でわかるようにWebページにまとめてくれています。トップページに分かりやすくJavaの学習テーマが載っているので、分からない文法や苦手な領域はすぐに学べるはずです。 IT専科   ど素人のJava入門 学習スタイル：テキスト 30代半ばからプログラミングを始めた筆者が綴るJavaの入門講座です。 初心者目線でしか気づくことのできないこともあると思います。そういうかゆいところに手が届くサイトかもしれません。いくら年をとったからといって諦める理由にはなりません。ここから始めましょう。 ど素人のJava入門   Java Beginners Tutorial 学習スタイル：テキスト 英語のサイトですがチャプター30まであり解説が豊富です。 英語が読めるならば一番深く勉強できるのではないでしょうか。そうでなくても英語が一挙両得で勉強できていいかもしれません。 プログラミングにおいて英語ができることって結構大事なんですよね。 Java Beginners Tutorial   サービス名 学習スタイル Progate 実際に書きながら Codecademy 実際に書きながら Paiza 実際に書きながら(クイズ) ドットインストール 動画 Udemy 動画 ShareWis 動画 Schoo 動画 マンガPG テキスト(漫画) Java言語入門 テキスト JavaDrive テキスト Java初心者入門講座 テキスト 一番かんたんなJava入門 テキスト Java入門 テキスト とほほのJava入門 テキスト TECHSCORE テキスト 楽しいJava入門 テキスト LIbro テキスト IT専科 テキスト ど素人のJava入門 テキスト Java Beginners Tutorial  テキスト   いかがだったでしょうか。 Javaという言語は、Webアプリ、Androidアプリ、ハードウェアを作れる非常に便利な言語です。もちろん一朝一夕で身につく技術ではありませんが、アイデアを形にする言語としてはとても優れています。 入門向けの学習サイトもどんどん増えてきているので、ぜひ自分にあった学習サイトを見つけてください。   また、オンラインのプログラミングスクールTechAcademyでは、Java講座を開催しています。 JavaやServletの技術を使ってWebアプリケーションの開発を学ぶことができます。 現役エンジニアがパーソナルメンターとして受講生に1人ずつつき、マンツーマンのメンタリングで学習をサポートし、最短4週間で習得することが可能です。
Java

独学で始める！初心者におすすめのLaravel学習サイト10選

PHPフレームワーク「Laravel」のインストール方法や基本操作、応用の使い方などが学習できるサイトです。 サイトによってそれぞれ特徴が違うので、ぜひ自分に合った学習スタイルで学んでみてください。   なお本記事は、TechAcademyのPHPオンライン講座の内容をもとにしています。   Laravel公式マニュアル 学習スタイル：テキスト Laravelの公式サイトです。「クイックスタート」からインストール方法を詳しく参照できるほか、設定方法から基本の使い方・パッケージの作成など大事な情報が揃っています。 これからLaravelを触ろうと思っている人は必要な情報がまとまっているので、ぜひ参考にしてみてください。 Laravel公式マニュアル   ララ帳 学習スタイル：テキスト Laravelのインストール方法についてとても分かりやすく解説されています。 最初に基本の操作を学びたいとき、初めてLaravelを使うときにおすすめのサイトです。 記事自体もかなり豊富にあるので、Laravelで何かつまずいたらサイト内で検索してみると良いでしょう。 ララ帳   [PR] PHPのプログラミングで挫折しない学習方法を動画で公開中ドットインストール 学習スタイル：動画 動画でLaravelを学習することができるサービスです。プログラミングを始める多くの人が使うサービスになっています。 環境構築の作業手順などを実際に画面で見れるため、マニュアルだけでは分からないときにも有効です。 プレミアム会員(月額980円)では講座内のソースコードや動画の文字起こしなども閲覧できるようになります。 ドットインストール   Schoo 学習スタイル：動画 Schooは、動画を使った講義スタイルの学習サービスです。 プログラミングやデザインの領域も多く授業があり、2016年の12月からLaravel講座が開設されました。 動画によってLaravelを使ったWebアプリケーション開発について学ぶことができます。 過去の講座の閲覧はプレミアム会員(月額980円～)のみになりますが、Live授業は無料で参加が可能です。 Schoo   Udemy 学習スタイル：動画 動画による学習サイトです。有料の動画(各講座により金額は異なる)がメインですが、「Introduction to Laravel 4」コースは現在無料で受講することができます。 音声は英語が多めですが説明も分かりやすく見やすいものになっています。また、日本語の講座も存在します。 海外のサービスですが、日本展開もかなり力を入れていて、日本語コンテンツもどんどん増えてきているので、プログラミング全般の学習に役立つはずです。 Udemy   Laracasts 学習スタイル：動画 会員登録は有料(月額$9～)ですが、会員以外でも一部の動画講座を無料で受けることができます。 インストールの手順についても分かりやすく解説されています。 動画を見ながら進めていくので、英語が分からない人でもさくさく進めることができるはずです。 Laracasts   Laravel Recipes 学習スタイル：テキスト Laravelのレシピを扱っているサイトです。 用途に応じて必要なものを検索することができるほか、各レシピについてコメントで質問などを行うことができます。 「英語も一緒に身に付けたい」なんて人にはお得な学習サイトになるでしょう。 Laravel Recipes   Laravel Recipes(JP) 学習スタイル：テキスト Laravel Recipesの日本語版です。 非常に丁寧に訳されており、Laravelで本格的に開発を行うときに参考にすることができます。 データベース関連のレシピやLaravelを拡張する際に便利なテンプレートなど、様々なシチュエーションで役立つ逆引きサイトとして活用できるかと思います。 Laravel Recipes(JP)   ララジャパン 学習スタイル：テキスト 中級者以降向けのLaravel開発に関する情報サイトです。各機能のより効率的な利用方法などについて記述されています。 動画サイトで学んでみたり、自分でLaravelをインストールして何か実装してみた人は次のステップアップをする上で勉強になると思います。 ララジャパン   Laravel学習帳 学習スタイル：テキスト Laravelについての基礎的な知識が豊富にまとめられているサイトです。よりしっかりとLaravelを理解したいときに役立ちます。 Laravelの環境構築からフレームワークの基礎知識など、プログラミングそのものが初めてという人にも図解などで分かりやすく説明しているので、全体像をつかむ上で参考になるでしょう。 Laravel学習帳   まとめ 日本ではまだまだLaravelを使う人、企業は多くありませんが、海外では多くの企業が採用しているフレームワークです。 日本語の学習サイトやリファレンスもどんどん増えてきているので、ぜひ取り組んでみてください。 Laravelで開発を始める場合は、Laravelのインストール方法も合わせてチェックしておきましょう。   また、PHPを勉強していて、 もっと効率的に勉強したい 誰かに聞きながら学びたい 自分でWebサービスを作りたい と思ったことはないでしょうか。   そんな方のために、TechAcademyではオンラインブートキャンプPHP/Laravelコースを提供しています。 現役エンジニアがパーソナルメンターとして受講生に1人ずつつき、マンツーマンのメンタリングで学習をサポートし、最短4週間でオリジナルWebサービスを開発することが可能です。 独学に限界を感じている場合はご検討ください。
PHP

入門向け！レスポンシブデザインの学習に役立つおすすめの本5選

Webデザインの制作においてレスポンシブデザインの知識はもはや必須となってきました。 レスポンシブデザインを学ぶ際はネットで学ぶこともできますが、やはり本でまとまった情報を手に入れた方が学習のモチベーションも上がります。 今回はレスポンシブデザインの学習におすすめ本を紹介しています。   なお本記事は、TechAcademyのWebデザインオンラインブートキャンプのカリキュラムをもとに執筆しています。   レスポンシブ・ウェブデザイン標準ガイド あらゆるデバイスに対応するウェブデザインの手法 レスポンシブ・ウェブデザイン標準ガイド あらゆるデバイスに対応するウェブデザインの手法 レスポンシブデザインの基礎知識、設計、実装まで、基本のテクニックを詰め込んだ本です。 HTML、CSSの基礎知識についての解説は掲載されていないので、HTML、CSSを学び、これからレスポンシブデザインを学びたいという方にオススメの本です。   レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック (WEB PROFESSIONAL) レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック (WEB PROFESSIONAL) 解説が非常にわかりやすいレスポンシブデザイン本です。 解説本では、コードだけが載っており、なぜそうしたのかが載っていない本があります。 この本はその心配がないため、理屈からしっかり理解したい方にオススメの本です。   [PR] PHPのプログラミングで挫折しない学習方法を動画で公開中レスポンシブWebデザイン「超」実践デザイン集中講義 レスポンシブWebデザイン「超」実践デザイン集中講義 より実践的な知識が載っている本です。 レスポンシブデザインの内容はもちろん、テストやワードプレスの実装など、レスポンシブデザインの中でも一歩踏み込んだ内容が解説されています。   レスポンシブWebデザイン入門 ~マルチデバイス時代のWebデザイン手法 レスポンシブWebデザイン入門 ~マルチデバイス時代のWebデザイン手法~ サンプルコードが充実している本です。 サンプルコードはそのまま実践で使える汎用性の高いものばかりです。 コードをどんどん書いて覚えていきたい方にオススメの本です。   レスポンシブWebデザイン 制作の実践的ワークフローとテクニック レスポンシブWebデザイン 制作の実践的ワークフローとテクニック レスポンシブデザインを深く説明している本です。 他の本に比べて実践的な内容は少ないですが、その分、レスポンシブデザインを深く解説しています。 レスポンシブデザインをより根底から理解したい方にオススメの本です。   以上、レスポンシブデザインの学習に役立つ本をまとめて紹介しました。 Webデザインの学習自体これから始める人も、Webデザインはある程度理解している人も、Webサイト作成においてスマホ対応は欠かせない知識になるので、ぜひ理解していきましょう。 [お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルWebサイトを公開できるWebデザインオンラインブートキャンプを開催しています。
Webデザイン

【学習タイプ別】入門向け！Pythonの学習サイト10選

今回は入門向けのPython学習サイトを10サイト紹介したいと思います。 これからPythonを始めようと思っている人が対象で、動画で学ぶタイプのサイト、ゲーム感覚で遊びながら身につけられるサイトなど様々な種類があります。 自分の目的に合わせて学習を進められるので、今まで挫折してしまった人なども楽しみながらできるでしょう。   なお本記事は、TechAcademyのPythonオンライン講座の内容をもとにしています。   Udemy 学習タイプ：動画 無料と有料のコースが存在するオンライン学習サイトです。 Pythonに関するコースも多数あります。 有料コースは9600円程度からありますが、度々セールを行っています。 初回は特に安いので、初回登録時にまとめて購入するのがおすすめです。 Udemy   ドットインストール 学習タイプ：動画 ドットインストールではPython3を31回に分けて学習することができます。有料会員は月額980円です。 説明に使用しているPythonはPython 3.5.2です。 無料公開されている部分は2017年現在、次の5回講座分です #01 Pythonを使ってみよう 概要 公式サイト 必要となる知識 レッスンにおける環境 #02 はじめてのPythonプログラム myapp.pyの作成 実行方法 コメントの書き方 #03 変数を使ってみよう 変数の使い方 定数の概念 #04 さまざまなデータを扱ってみよう 文字列 数値 論理値 #05 データの演算をしてみよう データの演算 ドットインストール   [PR] PHPのプログラミングで挫折しない学習方法を動画で公開中Check.io 学習タイプ：ハンズオン check.ioはPythonのコードを勉強しながらゲームをクリアしていくというコンセプトの学習サイトで、基本無料で学習できます。 facebookやGoogleアカウントでログイン登録が可能です。 最初は英語中心の画面表記ですが、日本語での説明テキストがあります。 無料公開されている内容も多く、モチベーションを保ちながらゲームをクリアしていく感覚で学習が可能です。 また、随時有料コースが追加されているため、学習し続けることが可能です。 有料コースも数百円（支払いはドル）から追加が可能です。 checkiO   paiza.io 学習タイプ：ハンズオン paizaは、オンラインですぐに無料でプログラミングが始められる、 オンライン実行環境です。 現在は、Java、C、C++、C#、Ruby、PHP、Python、Perl、JavaScriptと言ったメジャーな言語からGo言語やScala、Haskellなど24言語以上の実行環境として利用することが可能です。 学習初心者にとって、実行環境を整えることが大きなハードルですので、paiza.ioのような実行環境サービスを利用することで、初心者の学習が簡単になります。 また、他の人が書いたコードも公開されているので、プログラミングを学習する上での基本的なコードから実践的なコードまで、参考にすることができます。 paiza   コード・ガールこれくしょん 学習タイプ：ハンズオン paiza.ioと同じ母体で運営されているゲーミフィケーションを取り入れた無料のPython学習サービスです。 現在の対応言語は、PHP,Ruby,Java,Python,C,C#,C++,JavaScriptが対応しています。 可愛い女の子キャラクターと一緒に徐々にコーディング力をつけていくサービスです。 コード・ガールこれくしょん   paizaラーニング 学習タイプ：動画 これまで紹介したpaiza.ioやコード・ガールこれくしょんと同じ運営母体でサービス提供しています。 1ヶ月600円から有料コースを追加できますが、無料で体験できる部分もあります。 paizaラーニングでは、 プログラミング初心者はもとより、中級者向け学習コンテンツを提供しています。 1チャプター3分動画という短い単位で学習が可能です。 また、有料課金後に、不明点をエンジニアに質問が出来ます。 無料公開されているのは次の2コースです。 第一回 Python入門編1:プログラミングを学ぶ (全9回) Pythonでプログラミングの初歩を学びます。第一回では変数と計算について学びます。「サイコロ」Webアプリを作れるようになる事を目指します。 第二回 Python入門編2:条件分岐、比較演算子を学ぶ (全6回) 完全無料 Pythonでプログラミングの初歩を学びます。「平成年度の計算」や「おみくじ」など、簡単なWebアプリケーションを作れるようになる事を目指します。 paizaラーニング   CodeCombat 学習タイプ：ハンズオン（ゲーム） 子供でも楽しめるクオリティでゲームをクリアしながら無料でPythonプログラミング学習が可能なサービスです。 現在は日本語表記になり、非常にわかりやすく学習が可能です。 Pythonの他にHTML、css、JavaScript、jQuery、Bootstrapの学習が可能です。 CodeCombat   CodinGame 学習タイプ：ハンズオン（ゲーム） ゲーミフィケーションを元に無料でC、C#、Java、JavaScript、Python3、Bash、Clojure、Dart、F#、Go、Groovy、Haskell、Kotlin、Lua、ObjectiveC、OCaml、Perl、PHP、Python、Ruby、Rust、Scala、Swift、VB.NETなどの24種類以上の言語に対応したプログラミング学習サービスです。 （ここで、Python3とPythonの2種類の記載があるのは、PythonがPython2以前のものと、Python3以降のものとでは文法が大きく異なるためです） この学習サービスだけで、就職できるレベルに到達できる程のクオリティです。 それならば、このサービスだけ学習すれば良いということなりますが、表記が英語のみです。 CodeinGame   Python3公式ドキュメント 学習タイプ：テキスト 公式ドキュメントサイトで、すべて無料で閲覧できます。 常に最新のPython情報を学習することができます。おすすめはチュートリアルです。 Python3   PythonJapan 学習タイプ：テキスト 日本のPythonコミュニティのページなので、完全無料です。 以前このURLは日本Pythonユーザー会(PyJUG)のページでしたが、いろいろあって、現在は日本のPythonコミュニティの紹介から、最新情報の紹介を行っています。 入門向けのサイトとしてこのサイトをおすすめしたいのは、Pythonの日本ユーザー用Slackで質問したり、各種勉強会情報を元に勉強会に参加することで初心者でも効率的に学習する方法を知ることができるからです。 PythonJapan   以上、入門向けPythonの学習サイトを紹介しました。 動画やテキスト、ゲーム感覚で学べるなど様々な特徴を持ったサービスがすでにあるので、自分に合った学習方法で始めてみてはいかがでしょうか。   また、オンラインのプログラミングスクールTechAcademyではPythonを使って機械学習の基礎を学ぶPythonオンライン講座を開催しています。 初心者向けの書籍を使って人工知能（AI）や機械学習について学ぶことができます。 現役エンジニアがパーソナルメンターとして受講生に1人ずつつき、マンツーマンのメンタリングで学習をサポートし、最短4週間で習得することが可能です。 独学に限界を感じている方はぜひご覧ください。
Python

独学で身につく！入門向けのJavaScript学習サイト20選

JavaScriptをこれから学習したいという人におすすめのサイトをまとめて紹介しています。 独学で学習できますし、無料で進められるので手軽に始められるでしょう。HTMLとCSSを学習してみて次のステップに進みたいという方やJavaScriptを身につけてWebサイトの表現方法を増やしたいという方にはおすすめです。 各サイト動画やテキストなど学習タイプも載せているので、ぜひ自分に合ったサイトを見つけてみてください。   なお本記事は、オンラインブートキャンプ フロントエンドコース（JavaScript・jQuery講座）の内容をもとにしています。   1. Udemy 学習タイプ：動画 JavaScriptを初めて学ぶ人、ちょっと触ったことがある人など様々なターゲットに合わせて動画があります。 本格的に学べる講座は、有料になっていますが、かなり実践的に学べるので、深い知識を身につけたい人にもおすすめです。 Udemy   2. ドットインストール 学習タイプ：動画 プログラミングを学ぶならもはやスタンダードなドットインストールです。 動画で分かりやすく解説してくれており文字を読むのが苦手！！というひとでも入りやすいのが特徴です。とりあえずここから始めれば間違いないでしょう！ ドットインストール   [PR] PHPのプログラミングで挫折しない学習方法を動画で公開中3. とほほのWWW入門 学習タイプ：テキスト いきなりコードのサンプルを用いて学習していくので全くの初心者向きではないのかもしれませんが、それでもサンプルを実際に動かしながら楽しんで学習できる点は素晴らしいです。 とほほのWWW入門   4. WEB+DB PRESS plus 学習タイプ：テキスト ノンプログラマのためのJavaScriptはじめの一歩。 プログラミング自体が初めての人から対象にしてくれているのでいきなりJavaScriptという一番重要な言語が学べてこのサイトに出会った人はラッキーです。 その他プログラミング言語を学んでいくにあたって大切なことも語られているのでしっかり肝に銘じて学習しましょう。 WEB+DB PRESS plus   5. codecademy 学習タイプ：ハンズオン(実際にソースコードを書きながら) 海外の有名サイトCodecademyのJavaScript版になります。 言語は英語になってしまいますが、登録なしでレッスンが受けれるのでまずどんな感じか見てみて進めてみるのもいいかもしれません。サイトのデザインもかっこいいです。 codecademy   6. JEEK 学習タイプ：ハンズオン 理系生のインターンシップ・エンジニアのインターンシップ・アプリ開発のインターンシップをうたっているこのアプリですがもちろんプログラミング初心者のために作られたものなので分かりやすく作られています。 ブラウザ上でタイピングしてそのまま動くようになるのでわずらわしい環境設定無用！おすすめです。 JEEK   7. Progate 学習タイプ：ハンズオン こちらもリッチデザインなプログラミング学習サイトでもちろん無料です。3時間ほどでJavaScriptの基礎、そして重要な部分ががっちり学べるでしょう。 Progate   8. CODEPREP 学習タイプ：ハンズオン 9つのチャプターからなっていてゲームみたいに経験値をためながら学習を進めていくことができるので飽き性のあなたにもぴったりでしょう。 基礎的な内容を実際に書きながら習得することができるはずです。 CODEPREP   9. UX MILK 学習タイプ：テキスト こちらUX MILKでもJavaScript入門編があります。サイトデザインが綺麗でしっかりと見やすいので目移りせず集中して学習が進められそうですね。 UX MILK   10. マンガで分かるJavaScriptプログラミング講座 学習タイプ：マンガ その名の通り漫画でJavaScriptを説明してくれています。 なんでも絵にするとわかりやすいですよね。さらに漫画なのでスイスイ読めてしまいます。漫画が好きな人はぜひここを訪れてみてください。 マンガで分かるJavaScriptプログラミング講座   paiza 学習タイプ：ハンズオン 料金：無料(600円～/月の有料コースあり) 動画と練習問題で学習する「paizaラーニング」でJavaScriptを勉強することができます。一部有料ですが、期間によって無料で公開されている場合もあります。 paiza   Schoo 学習タイプ：動画 料金：無料(980円～/月の有料コースあり) 動画と生放送で学習するサイトです。JavaScriptに関する動画は無料も有料も多く存在し、ライブラリのひとつjQueryについても解説されています。 Schoo   初心者のためのJavaScript入門 学習タイプ：テキスト 料金：無料 変数やif文、繰り返しといった基本の構文について分かりやすくまとめられています。初めてJavaScriptに触れる場合におすすめです。 初心者のためのJavaScript入門   code.9leap 学習タイプ：ハンズオン 料金：無料 JavaScriptのフレームワークenchant.jsを使用して、実際に自分で作品を作りながら学ぶことができます。解説入りのサンプルコードから課題に沿って内容を編集し、ブラウザ上でその動作を確認することが可能です。 code.9leap   jsdo.it 学習タイプ：ハンズオン 料金：無料 ブラウザ上でJavaScriptを書いてその場で動作確認、共有ができるサイトです。他の人が公開したものについてもコードを見たり、実際に動かしてコメントで質問したりすることができます。 jsdo.it   CodeCombat 学習タイプ：ハンズオン 料金：無料(99$のプレミアム版あり) ゲーム形式で楽しみながらコードに気軽に触れることができるサービスです。使用言語にJavaScriptが選択可能です。遊んでいるような感覚で学べるので、子供の教育に良いかもしれませんね。 CodeCombat   JavaScript リファレンス 学習タイプ：テキスト 料金：無料 JavaScript全般に関するリファレンスサイトになります。基本的な書き方を覚えてから、関数などを参照したいときに便利です。 JavaScript リファレンス   MOONBlock 学習タイプ：ハンズオン 料金：無料 ビジュアルプログラミング形式で、ブロックを使ってプログラミングを行います。もし○○なら□□を行うというように、全体の構成を考えて組み立てる練習をすることができます。 MOONBlock   Web Programming Primer 学習タイプ：テキスト 料金：無料 「JavaScript入門編」ではJavaScriptで何ができるかという知識から始まり、常に使うことになる基本の構文について一通り解説されています。最初から学びたい方におすすめです。 Web Programming Primer   W3Schools 学習タイプ：テキスト 料金：無料 Webサイト作成に使用される各言語のリファレンスサイトになります。英語サイトです。 JavaScriptに関してもサンプルコードとその実行結果をブラウザですぐに確認することができます。サンプルコードは内容を変更することもでき、それに応じた結果が表示されます。jQueryのリファレンスも存在します。 W3Schools   以上、JavaScriptの入門向け学習サイトをまとめて紹介しました。 これから始める人には最適なサイトばかりで、かつ無料なので気軽に始めてみましょう。 [お知らせ]TechAcademyでは最短4週間でフロントエンドの技術が身につくフロントエンドオンラインブートキャンプを開催しています。JavaScriptを使ってリッチなWebサービスを作りたい方はぜひご覧ください。
JavaScript

【入門向け！】独学に最適なHTMLを学べる学習サイト20選

Web開発やデザインをやってみたいけれど、何から手をつければ良いか分からないという方もいらっしゃるかもしれませんね。 Web関連の学習に当たってまず必要な知識はHTML（HyperText Markup Language）です。 ここでは、HTML学習に役立つサイトをご紹介したいと思います。   なお本記事は、TechAcademyのWebデザインオンラインブートキャンプのカリキュラムをもとに執筆しています。   Udemy 学習タイプ：動画 HTMLの基礎やHTML5を使ったゲーム作成など、初めてHTMLを学ぶ方におすすめの動画が多くあります。 何か作りながらHTMLやCSSを学ぶことができるので、実践的に楽しく身につけられるはずです。 Udemy   ドットインストール 学習タイプ：動画 3分動画で学べる初心者向けのプログラミング学習サイトです。HTMLだけでなく、CSS、JavaScriptも学べるので便利です。実際にウェブサイトを作る講座もあるので発展的に学習することができます。 初めてHTMLに触れるという方におすすめです。 ドットインストール    [PR] PHPのプログラミングで挫折しない学習方法を動画で公開中Schoo 学習タイプ：動画 IT系の講座がメインのサービスで、WEB業界のプロがデザインやWEB開発について教えてくれます。現場の知識も教えてくれるので実践でも役立ちます。授業中に質問できるという点がポイントです。 Schoo   ShareWIS 学習タイプ：動画 HTMLを短い動画で学ぶことができるので、隙間時間を利用した学習が可能です。動画の最後にはミニクイズがあるので1つ1つの動画をしっかり理解してから先に進むことができます。 ShareWIS   プログラミング入門サイトbituse 学習タイプ：テキスト HTMLが初めて、プログラミングも初めてという方におすすめの入門サイトです。易しい言葉で書かれているので全くの初心者の方でも挫折することなく学習できます。 ブログラミング入門サイトbituse   Progate 学習タイプ：ハンズオン(実際にコードを書きながら) プログラムを基礎から学ぶことのできるサイトです。HTMLについては、学習コース→道場コースの順に段階的に学習します。最後はプロジェクトコースで実践を身に着けられる本格的なサービスです。 Progate   CODEPREP 学習タイプ：ハンズオン アプリ開発を通してプログラミングを学びます。HTMLの学習では、穴埋めをしながら実際のコードに触れて動きを確認できます。HTMLの知識が少しあって、手を動かしながら学習したいという方におすすめです。 CODEPREP   CodeAcademy 学習タイプ：ハンズオン アメリカの教育系の企業が運営するサービスです。CODEPREPでは穴埋め形式で学習するのに対し、CodeAcademyでは1からコーディングしていきます。難しそうな気もしますが、解説がしっかりしているので無理なく学習を進められます。  CodeAcademy   SkillHub 学習タイプ：動画 転職やフリーランスの方の為のオンラインスクールで、初心者でも学ぶことができます。HTMLの講座は1動画15分程度で構成されていて、基本からじっくりと学びたい方におすすめです。 SkillHub   Web Design Recipe 学習タイプ：テキスト Webデザイナーの方の個人ブログですが、コンテンツが充実していて分かりやすいです。また、Webサイト作成時に必要な知識やHTMLコーディングの際に役立つツールなども紹介されており、実践に即した知識を得られます。 Web Design Recipes   code9.leap 学習タイプ：ハンズオン ゲームプログラミングの学習サイトですが、HTMLも学ぶことができます。コードと実行結果を比較しながら学習できるので便利です。ある程度HTMLの知識があると学習がスムーズに進みます。 code.9leap   やさしいホームページ入門 学習タイプ：テキスト HTMLに何も知識がないときに一度読んでみるとおすすめです。本当に基礎の基礎から教えてくれます。 一つ一つのチャプターが短いのも読みやすくて嬉しい。「タグ」ってなんだろう？という人に親切丁寧に解説してくれています。 やさしいホームページ入門   一時間で作るホームページ 学習タイプ：テキスト   その名の通り一時間でホームページを作ることを目標にしています。 たとえHTMLのみ学んだとしてもそれでホームページができるわけではないのです。それも踏まえて1時間で習得できるというのだから驚きですね！ 一時間で作るホームページ   HTML Dog 学習タイプ：テキスト 英語のサイトですが、もし英語が得意！という方ならおすすめです。 もちろん無料で学べる上に、サンプルコードも豊富。何よりシンプルなデザインでストレスなく勉強できるのが嬉しいです。もしかしたら英語の勉強になって一石二鳥かもしれませんね。 HTML Dog   HTMLとCSSの基本をサルでもわかるようにまとめた【入門・初心者向け】 学習タイプ：テキスト   サルでもわかるとうたうこのブログ。なんと驚くべきことにこの一ページにHTML, CSSの基本が書かれているのです！ そしてわかりやすいように目次まであってすぐにそこに飛んで行けるのです。言うまでもなくサルでもわかるほど分かりやすいです！ HTMLとCSSの基本をサルでもわかるようにまとめた【入門・初心者向け】   とほほのWWW入門 学習タイプ：テキスト こちらはどちらかというと一通り学んだ後にリファレンスとして使うのがおすすめです。 豊富なHTMLの仕様例が検索できて、そのままコピペで使うことだってできちゃいます！困ったときにこれさえあれば怖いものなしでしょう。 とほほのWWW入門   Tipszone 学習タイプ：テキスト   2時間でHTMLを理解できるようにと書いてありますが、文量はそれ以下です。 本当に必要最低限のことが書いてありますが、だから返って簡単で読みやすい！これを読んでから他のものに移るというのも一つの手です。 Tipszone   w3school 学習タイプ：ハンズオン こちらも英語サイトですが左にあるサイドバーから必要な情報だけ抜き取れて非常にみやすく使いやすいです。 こういうサイト自体が一つのWebアプリケーションになっているものはとても好印象です。 w3school   Weblog endoutakae 学習タイプ：テキスト この可愛らしくてガールズな感じのおしゃれなデザインがいいですね！ 下にスクロールするとネコちゃんが！かわいい！じゃなくてHTMLの勉強のサイトです。このサイトなら楽しく勉強できそうですね。 Weblog endoutakae   The Web KANZAKI 学習タイプ：テキスト 上にもいろいろ短時間習得コースはありましたがこちらはさらに最短30分コースと驚くべき短さです。 それだけに要点をしっかりと説明してくれるので、大変おすすめです。 The Web KANZAKI   超絶初心者のためのフロント入門（HTML、CSS、JavaScript） 学習タイプ：テキスト ここは実際にコードに入る前にまず用語から親切丁寧に解説してくれています。 フロントエンド？サーバー？なにそれ？という人はここから進めていくことをお勧めします！ 超絶初心者のためのフロント入門（HTML、CSS、JavaScript）   以上、入門向けのHTML学習サイトをまとめました。 最近では、テキストや動画だけでなく実際にコーディングしながら学習できるサイトも増えているので、いろいろと試してみると良いでしょう。 ぜひ自分のライフスタイルに合った学習サイトを見つけてみましょう。 他にも、Webデザイナーとはどんな仕事をするのか詳しく紹介しているので、合わせてご覧ください。 [お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルWebサイトを公開できるWebデザインオンラインブートキャンプを開催しています。HTMLなど基礎から学習することができます。
HTML

WEEKLY RANKING

TechAcademy（テックアカデミー） プログラミングPHP入門向け！初心者におすすめのPHP学習サイト10選