TechAcademy（テックアカデミー） Webアプリケーションコース プログラミング Ruby 日本語にも対応！Ruby on Railsリファレンスサイト10選
Ruby

日本語にも対応！Ruby on Railsリファレンスサイト10選

初心者向けにRuby on Railsでおすすめのリファレンスサイトを紹介しています。紹介する多くのサイトは日本語に対応しているので、参考にしやすいでしょう。これからエンジニアを目指す人もぜひブックマークしておきたいサイトです。

TechAcademyマガジンはオンラインのプログラミングスクールTechAcademy [テックアカデミー]が運営。初心者向けに解説した記事が4,000以上あります。現役エンジニアの方はこちらをご覧ください。

RubyのフレームワークであるRuby on Railsは、多くの企業で使われています。これからエンジニアを目指すという人もRuby on Railsは使いやすい言語となっています。

今回は、Ruby on Railsで参考になるリファレンスサイトを紹介しているので、ぜひ参考にしてみてください。

 

なお本記事は、TechAcademyのWebアプリケーションオンラインブートキャンプの内容をもとに紹介しています。

 

Railsドキュメント

rails06_01

おそらく一番みることになるであろうRailsのリファレンスサイトです。

豊富なドキュメントと、分かりやすい解説で誰でも読みやすいリファレンスサイトになっています。

Railsドキュメント

 

Rails Guides

rails06_02

一般的なメソッドや知識毎に情報が載っているリファレンスサイトというより、一つの概念毎に説明してあるサイトです。

実際の使用例から知識をつけていくことができるので、Railsの概要を理解していきたいという方にオススメのサイトです。

Rails Guides

 

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

RubyLife

rails06_03

Ruby学習者向けのサイトです。

深い部分を解説するというより、初級者向けの知識をわかりやすく解説してあるサイトです。そのため初心者の方におすすめしたいサイトです。

文法等で分からないことが出れば、まず最初に参考にしておきましょう。

RubyLife

 

逆引きRuby

rails06_04

RailsはRubyのフレームワークの一種です。そのためRubyの知識はやはり必須になってきます。

逆引きRubyはそんなRubyのリファレンスサイトです。逆引きとの名の通り、したいことから逆引きを行うことができるのでとても便利なサイトになっています。

逆引きRuby

 

WebOS Goodies

rails06_05

Ruby on Railsのmigration機能をわかりやすく解説したリファレンスサイトです。

migration機能は初学者にとってイメージのつきにくい部分でもあるので、一度目を通しておくと良いでしょう。実際にWebアプリを開発してく中でも役立つ知識なので、覚えておいて損はないでしょう。

WebOS Goodies

 

sitepoint (Ruby)

%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-10-03-10-27-05

英語のサイトですが非常に分かりやすくまとまっています。

英語が苦手という方でもソースを追っていけば理解できるように分かりやすく書いてあります。

sitepoint(Ruby)

 

Ruby on Railsチュートリアル

rails06_06

チュートリアルと書いてありますが、膨大な知識量を誇るサイトです。

実際に開発する際も、リファレンスサイトのような使い方をすることが多々あります。Railsチュートリアルでは、Webアプリを作りながら

Ruby on Railsチュートリアル

 

Rubyリファレンスマニュアル

Rubyのリファレンスサイトです。

Rubyの奥深くまで解説してあるので、何度もお世話になるサイトです。

Railsの上達にはRubyの理解が必須なので、何度も目を通すと良いでしょう。

Rubyリファレンスマニュアル

 

GitHub (Ruby)

rails06_07

RubyはGithubでオープンソースとして開発が進められています。

そのため、世界中の開発者から日夜PullRequestが送信されています。

そのコードを読めるようになれば、Rubyコミッターの仲間入りを果たすことができます。

GitHub(Ruby)

 

Github (Rails)

rails06_10

Rubyと同じくRailsもオープンソースとして開発されています。

Railsの内部のコードを読んでいけば、Railsに対する理解は深まっていきます。Viewのコードは読みやすいので一度読んでみてはいかがでしょうか。

Github(Rails)

 

以上、Ruby on Railsの学習、作業に役立つリファレンスサイトをまとめて紹介しました。

ぜひ自分のレベルに合ったサイトをブックマークしておくと良いでしょう。

[お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルサービスが作れるRuby on Railsオンラインブートキャンプを開催しています。

記事を検索

関連するキーワード

関連する記事

Rubyのindexメソッドの使い方を現役エンジニアが解説【初心者向け】

Rubyのindexメソッドの使い方について解説します。 Rubyについてそもそもよく分からないという方は、Rubyとは何なのか解説した記事をまずご覧くだ...
Ruby

Rubyのpackメソッドで文字列を16進数からバイナリへ変換する方法【初心者向け】

Rubyのpackメソッドの使い方について解説します。 Rubyについてそもそもよく分からないという方は、Rubyとは何なのか解説した記事をまずご覧くださ...
Ruby

Railsのアプリケーションの作成と削除を現役エンジニアが解説【初心者向け】

Railsのアプリケーションの作成と削除について解説します。 Rubyについてそもそもよく分からないという方は、Rubyとは何なのか解説した記事をまずご覧...
Ruby

Rubyの時刻表示をUNIX時間に変える方法【初心者向け】

Rubyの時刻表示をUNIX時間に変える方法について解説します。 Rubyについてそもそもよく分からないという方は、Rubyとは何なのか解説した記事をまず...
Ruby

Rubyのinitializeメソッドの書き方を現役エンジニアが解説【初心者向け】

Rubyのinitializeメソッドの書き方について解説します。 Rubyについてそもそもよく分からないという方は、Rubyとは何なのか解説した記事をま...
Ruby

Rubyで数値から絶対値を求める方法【初心者向け】

Rubyで数値から絶対値を求める方法について解説します。 Rubyについてそもそもよく分からないという方は、Rubyとは何なのか解説した記事をまずご覧くだ...
Ruby

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

入門から応用まで！HTMLの学習に役立つリファレンスサイト10選

HTMLで作りたい機能があるのに方法がわからない時、大きな味方になってくれるのが、リファレンスサイトです。 今回はそんなHTMLのリファレンスサイトを10サイト紹介していきたいと思います。HTMLでの作業に確実に役立つサイトばかりなので、ぜひ参考にしてみてください。   なお本記事は、TechAcademyのWebデザインオンラインブートキャンプのカリキュラムをもとに執筆しています。   HTMLクイックリファレンス HTMLを書いていて何度もお世話になるサイトです。 HTMLのリファレンスの他にも、CSSやJavaScriptなどの、Webデザインで使用される言語のリファレンスも載っています。サイト作成における全般で役立つので、困ったらこのサイトを見に来ると良いでしょう。 HTMLクイックリファレンス   逆引きHTMLリファレンス Webデザイン初心者向けのリファレンスサイトです。 リファレンスサイトと聞くと、言葉が難しく中級者向けのイメージがありますが、このサイトはそうではなく、初心者向けに分かりやすく書いてあります。 他のリファレンスサイトがとっつきにくいと感じた方にオススメです。 逆引きHTMLリファレンス   [PR] Rubyのプログラミングで挫折しない学習方法を動画で公開中TAGindex 基本的なリファレンスの他にカラーチャートなど、色に関わるリファレンスも多いのが特徴です。 さらには、色の組み合わせチェックも行うことができるので、デザインに困ったときにも使用したいリファレンスサイトです。図やソースコードと共に実際の表示を確認しながら学習できるので、知らないタグが出てきてもイメージしやすいでしょう。 TAGindex   HTMLタグボード 初級者から中級者まで広く使えるリファレンスサイトです。 初心者向けのホームページ作成講座や、Webデザインの基礎、さらには収益化の方法など、HTMLを学ぶ上で知っておいた方が良い情報が詰まっています。 自分でオリジナルサイトを作ってみたいという人は参考になるはずです。 HTMLタグボード   MDN HTMLリファレンス HTMLの隅から隅まで情報が載っているリファレンスサイトです。見やすいデザインもオススメです。 各タグごとに仕様やブラウザでの実装状況を確認できるので、IEなど様々なブラウザを相手にする作業を行う場合に役立つでしょう。 MDN HTMLリファレンス   HTML5.jp W3CのHTML仕様を日本語訳したのがこちらのサイトです。 リファレンスの他に具体例がたくさん載っているので、イメージが湧きやすいのが特徴です。 HTML5.jp   HTMLリファレンス mainなどの要素の他に属性情報も多く載っています。 また、階層毎に分かれた見やすいページデザインになっているのも特徴です。 HTMLリファレンス   HTMLリファレンス 階層毎に分かりやすくまとめられたリファレンスです。 HTML5で追加された要素の一覧があるので、HTMLとHTML5の違いが知りたい方などにおすすめのリファレンスです。 HTMLリファレンス   しらぎぐのウェブサイト作成入門 独特のキャラクターが迎えてくれるリファレンスサイトです。 そのキャラクターとは裏腹に見やすいサイトになっています。アルファベット順に各タグが並べられており、用語辞典のようになっています。何の要素を表しているのか分からないタグがあれば、すぐに解決できるでしょう。 しらぎぐのウェブサイト作成入門   HTMLリファレンス すべてのリファレンスは載っていませんが、よく使用されるタグが載っているリファレンスサイトです。 リファレンスにありがちな情報が多すぎて見つけにくいということがないので、あまり混乱したくない初心者の方におすすめのリファレンスサイトです。単純に知識をつけるという意味でも役立てられるはずです。 HTMLリファレンス   以上、HTMLでの作業に役立つリファレンスサイトをまとめました。 HTMLで使えるタグを網羅しているサイトから目的に応じて検索できるリファレンスサイトまで、利用シーンが変わってくるので自分の目的に合わせてぜひ利用してみてください。 基礎からHTMLを学習できるサイトもまとめているので、こちらも合わせてご覧ください。 [お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルWebサイトを公開できるWebデザインオンラインブートキャンプを開催しています。
HTML

Rubyを勉強するときに役立つ！リファレンスサイト10選

Rubyをこれから勉強したいという方のために、Rubyのリファレンスサイトを10紹介した記事です。 国内・海外それぞれ紹介するので、ご自身のスキルに合わせて使ってみてください。 なお本記事は、TechAcademyのWebアプリケーションオンラインブートキャンプの内容をもとに紹介しています。   1.オブジェクト指向スクリプト言語 Ruby リファレンスマニュアル Rubyを勉強するには、まず本家のリファレンスを見るのが基本となります。 Rubyの特徴からコマンドラインオプション、文法はもとより、オープンソースのプログラムでよく出てくる記号の使い方など、初心者が悩みそうなところから、Rubyエンジニアまで幅広い層が見るサイトです。 文法で悩んだ際には、このサイトを見るといいでしょう。 オブジェクト指向スクリプト言語 Ruby リファレンスマニュアル (Ruby 2.2)   2.RubyLife Ruby学習の際によく取り上げられるサイトです。 Rubyの文法について丁寧に解説しており、サンプルプログラムが実際に掲載されているのが特徴です。自分でコードを記述して、実行すれば動作を確認することができます。 ただし、WindowsのPCを使っての説明になっているのでその点だけご注意ください。 RubyLife   [PR] Rubyのプログラミングで挫折しない学習方法を動画で公開中3.るりまサーチ Rubyのクラスリファレンスを検索してくれるサイトです。 このサイトの検索エンジンには実際にRubyが使用されており、検索スピードは高速で、Rubyのバージョン指定検索もできます。 検索結果はリファレンスマニュアルのサイトのものを使用しているようです。 るりまサーチ   4.逆引きRuby 目的順にリンクをたどり、リファレンスを見ていくシンプルなサイトです。 解説は少なめであるものの、記述例がかなり多く記載されており、短時間で目的とする処理を理解することができます。 内容もRubyのバージョンアップに合わせて頻繁に更新されているので便利です。 逆引きRuby   5.Qiita Rubyに限らずですが、プログラマのための技術情報共有サービスです。 何かやりたいことがある際に、どのような処理をすれば有効なのか、といった具体的な内容が記載してあるので便利です。原因が不明のエラーに遭遇した時などは、解決の糸口になる記述が多いことでしょう。 なお、Rubyに関する投稿はこちらから閲覧することができます。 Qiita   6.Ruby Glossary 海外のプログラミング学習サービスのCodecademyにあるリファレンスです。 Rubyの文法や処理の記述方法についてまとめてあり、内容は基礎的なものに絞られています。 記述内容はサンプルコードがメインなので、英語が分からない人でも視覚的に理解することが可能です。 Ruby Glossary   7.Ruby Quick Reference Guide Rubyの文法やクラスについて、例も交えながら一覧で記載されている海外のサイトです。 Rubyの基本的な内容については「Ruby Basics」に、少し応用的な内容については「Ruby Advanced」の項目にまとめられています。 海外のサイトのため英語ですが、項目がしっかり分かれているので使いやすいです。 Ruby Quick Reference Guide   8.Ruby-Doc.org Rubyのソースコードからドキュメントを生成したものがまとめられているサイトです。 記述は高度なものも含まれ、かつ、英語であるという点から敷居が高く感じるかもしれませんが、情報量は多いです。 Ruby-Doc.org   9.RubyDoc.info 標準ライブラリやRubyGemsのクラスリファレンスなどの使い方が記載されたサイトです。 こちらも英語のサイトではありますが、オープンソースのコードを読むときに、その内部で使われているライブラリの役割を知るときに重宝します。 RubyDoc.info   10.The Ruby Toolbox これまで紹介したサイトとは少し毛色の異なる、RubyGemsを探すためのサイトです。 自分でプログラムを作ろうとしたときには、ひとまずこのサイトで似たような機能を提供しているライブラリを探してみるのがおすすめです。 The Ruby Toolbox     今回は10サイトを紹介してきました。これからRubyを勉強するという初心者の方はまず、1から3までの基本的なサイトを参考にすると理解しやすいでしょう。 英語に抵抗がなく、集中的にRubyを学習したい場合は6、7を順に読むのがおすすめです。   ぜひご自身に合ったサイトを見つけて活用してみてください！ [お知らせ]TechAcademyでは初心者でも8週間でエンジニアになれるRuby on Railsオンラインブートキャンプを開催しています。RubyでWebアプリを開発したい方はご参加ください。
Ruby

いざという時に役立つ！Swiftのリファレンスサイト8選

Swiftのリファレンスサイト10選を紹介しています。 細かい文法を調べたり、ピンポイントでこういう実装をしたい時など役立つサイトが多いので、ブックマークしておくと良いでしょう。   なお本記事は、TechAcademyのiPhoneアプリ開発オンラインブートキャンプの内容をもとに紹介しています。   Swift言語を学ぶ 対象者：Swift初心者 Swift初心者向けのチュートリアルサイトです。 Swiftの文法を中心にサンプルを交えながら解説しています。 コードの効果や種類別に解説とサンプルコードが掲載されているのでリファレンスサイトとしても活用できます。 コードの意味や使用場面を確認したい時に最適です。 Swift言語を学ぶ   Swiftサラリーマン 対象者：Swift初心者、オリジナルアプリ開発者 Swiftの基本文法からLabel、Text、Buttonなどの様々なオブジェクトの解説をしているサイトです。 プログラムの解説も丁寧でコードの意味を理解するのに最適です。 iPhoneのこの機能はコードでどう実現するかわからない場合はこのサイトから確認できます。 Swiftサラリーマン   [PR] Rubyのプログラミングで挫折しない学習方法を動画で公開中逆引きSwift 対象者：Swift初心者、オリジナルアプリ開発者 非常に情報量が多いSwiftのリファレンスサイトです。 コードの種類や効果から調べられるサイトが多い中、こちらは逆引きで調べられるようになっています。 実際にオリジナルアプリを開発されている方が実現したい機能からコードを逆引きされる際に最適です。 逆引きSwift ドットインストール 対象者：Xcodeの使い方を知りたい人、アプリ開発の基礎を知りたい人 Xcodeの使い方がわかりやすく解説されています。 アプリの画面の作り方、頻繁に利用するメニューの使い方などアプリ開発の基礎を身につけることができます。 有料会員になると簡単なアプリを作って練習することもできます。 ドットインストール   初心者のためのSwiftで始めるプログラミング入門 対象者：Swift初心者 こちらのサイトはSwiftプログラミングについて初心者にもわかりやすく解説しています。 プログラミング知識のある方が新たにSwiftを学習される際のチュートリアルとしておすすめです。 初心者のためのSwiftで始めるプログラミング入門   初心者のためのSwiftプログラミング入門 対象者：Swift初心者 Swiftを使って変数についての説明から、構造体の話まで解説されているチュートリアルサイトです。 完全なプログラミング初心者にとっては、結構ざっくりと説明されている部分もあるので、適宜調べながらこのサイトを一通り学習すると良いです。 初心者のためのSwiftプログラミング入門   iOS SDKとSwiftで始めるゲーム作成入門 対象者：ゲームアプリ開発初心者 iPhoneゲームをSwift言語で作成するためのチュートリアルです。 iOSのゲームフレームワークを使った作り方を一から丁寧に解説してくれているので、初心者でもゲーぷアプリが開発できるようになります。 iOS SDKとSwiftで始めるゲーム作成入門   10分で試せる！iOSアプリ開発入門 対象者：初心者 初心者にもわかりやすく、操作写真と丁寧な解説でiOSアプリ開発の説明がされています。 「10分で試せる」と言っていることからわかる通り、画像とテキスト簡単にわかる内容です。 Xcodeの基本的な使い方も理解できるようになります。 10分で試せる！iOSアプリ開発入門   初心者向けのサイトをまとめています。いざという時に役立てられるサイトが多いので、ぜひご覧ください。 入門向けのSwift学習サイトもまとめているので、Swift習得を目指している方は活用してみてください。   また、TechAcademyでは初心者でも最短4週間でオリジナルアプリが作れるiPhoneアプリ開発オンラインブートキャンプを開催しています。 期間中は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。
iPhoneアプリ開発

初心者に最適！MySQLを入門から始める学習サイト10選

MySQLは世界で一番使用されているデータベースで、その学習サイトの数も膨大です。 そうなってくると、どの学習サイトで始めれば良いのか迷ってしまいます。 そこで今回は、MySQLを入門から始める学習サイトを紹介していきたいと思います。   MySQL公式リファレンス MySQL公式のリファレンスです。 これに目を通せばMySQLはほとんどマスターしたと言っても過言ではありません。公式では珍しくチュートリアルもあるので、初心者の方はそこから始めると良いでしょう。 MySQL公式リファレンス   ドットインストール プログラミング学習といえばこれというサイトです。 動画で学習できるのでイメージがつかみやすいです。最初に概要をつかみたいという方にオススメです。 ドットインストール   [PR] Rubyのプログラミングで挫折しない学習方法を動画で公開中MySQLチュートリアル PHPとの連携も解説してある入門サイトです。 今後PHPも使用したいという方にオススメのサイトです。 MySQLチュートリアル   DBonline MySQL初心者の方を対象にした学習サイトです。 初心者向けに分かりやすく書いてあるので、公式リファレンスなどを読んで挫折してしまった方にオススメです。 DBonline   MySQLのGUIツールのチュートリアル MySQLは使用しやすいようにGUIツールが用意されています。 コマンドを打つのが苦手という方にオススメのチュートリアルです。 MySQLのGUIツールのチュートリアル   一週間で身につくMySQL 初心者向けの学習サイトです。 データベースとはから始まり7日目にはテーブルの結合といった少し高度な内容まで習得することができます。 一週間で身につくMySQL   神田ITスクール とても簡単にSQLを開設したサイトです。 載っている内容は至極初心者向けですが、しっかり噛み砕いて書いてあるので、基礎からしっかり理解したい方は目を通しておくことをおすすめします。 神田ITスクール   ゼロから学ぶMySQLの基礎 MySQLの全体像をメインに解説しているサイトです。 概要を手早くつかみたいという方におすすめです。 ゼロから学ぶMySQLの基礎   Schoo(MySQL入門) SchooのMySQL入門です。 ドットインストールと同じく、動画なのでイメージがつきやすいです。 Schoo(MySQL入門)   サカイ先生のMySQL講座の一覧 初心者から中級者向けの内容まで、一気に網羅できるサイトです。 細かく概要ごとに分かれているので、モチベーションを保ちやすいです。 サカイ先生のMySQL講座の一覧   おわりに 以上、MySQLを入門から学び始める人におすすめの学習サイトをまとめて紹介しました。 サーバーサイドエンジニアを目指す人であったり、PHP等でWebサービスを作る場合MySQLの知識は重要です。データベースを操作するということはすぐに役立つものではないかもしれませんが、扱えるようになれば開発効率が上がるでしょう。 エンジニア以外の人でも自分の仕事に役立つはずなので、ぜひ学習し始めてみてください。 MySQLを勉強していて、 ・もっと効率的に勉強したい ・誰かに聞きながら学びたい ・自分でWebサービスを作りたい と思ったことはないでしょうか？ そんな方のために、TechAcademyではオンラインブートキャンプPHP/Laravelコースを提供しています。 現役エンジニアがパーソナルメンターとして受講生に1人ずつつき、マンツーマンのメンタリングで学習をサポートし、最短4週間でオリジナルWebサービスを開発することが可能です。 独学に限界を感じている場合はご検討ください。
MySQL

Ruby on Rails入門に最適のチュートリアルサイト10選

プログラミングをこれから勉強しようという初心者でも、RubyのフレームワークRuby on Railsから勉強したいという人も多いのではないでしょうか。   そこで今回は、Ruby on Railsの入門に最適なチュートリアルサイトをピックアップしてみました。できるだけ初心者でもわかりやすいサイトだけを選び、翻訳したサイトもありますが、全て日本語で読むことができます。 この記事を参考に勉強を始めてみてください。   なお本記事は、TechAcademyのWebアプリケーションオンラインブートキャンプの内容をもとに紹介しています。   1. Progate 入門者向けの代表的なサービスですね。初級、中級、上級と3段階でRailsを学習できるのでどのレベルの人でもおすすめです。このサービスの特徴でもありますが、サイト上でコードを書きながら学習できるのでRailsの概念を理解するだけでなく書き方もしっかり身につくはずです。 Progateの使い方   2.Ruby on Rails入門（RubyLife） RubyLifeというサイト内にあるRuby on Railsのチュートリアルです。 Railsのインストール方法からアプリケーションの実行やパッケージ管理、設計の基本までしっかりと学べます。記事のボリュームも十分にあり、中級者へステップアップにも活用できそうです。 なお、解説はWindowsのPCのキャプチャが使われていました。 Ruby on Rails入門     [PR] Rubyのプログラミングで挫折しない学習方法を動画で公開中3.小学生でもわかるRuby on Rails入門（OpenBook） 電子書籍の共同編集プラットフォーム「OpenBook」内にあるチュートリアルです。 実際にRuby on Railsを小学生に教えた体験を通して公開したそうです。タイトル通り、子供でもわかるように説明されていて、順番に進めていくと簡単なWebアプリが公開できます。 いったんサービスを作ってみたい方におすすめです。 小学生でもわかるRuby on Rails入門   4. ミニツク テキスト・動画・ドリル・演習でRuby on Railsの入門から学ぶことが可能です。 Rubyの学習がメインとなっていますが、覚えるだけでなく課題をこなして理解度を深められ、進むにつれて難易度も上がっていくのでどんどんレベルアップする感覚を感じられるでしょう。 ミニツク   5.開発現場でちゃんと使えるRails入門（＠IT） ＠ITで公開されている、株式会社アジャイルウェアが執筆した連載記事です。そもそも、Ruby on Railsとは何なのかといった基礎から解説されています。 実際の操作方法については、インストールからはじまって、実際にRailsを動作して、リリースするにふさわしいサービスを作り上げるところまでの説明があるのも初心者にとっては便利です。 開発現場でちゃんと使えるRails入門     6.Ruby on Rails入門（ドットインストール） プログラミング学習サービスの定番中の定番といっていいほどのドットインストールにあるRuby on Railsのチュートリアルです。 全28回の動画を通してRailsの基礎を学べます。Ruby on Railsとはなにかというところから、tasksの使い方まで、詳細に学ぶことが可能です。 ドットインストールでは他にも、Ruby入門があるので、合わせて学習することをおすすめします。 Ruby on Rails入門   7. シラバス すでにあるサービスを真似して作ってみるというサービスです。プログラミングの文法から勉強し始めて挫折経験のある人にはおすすめのサービスでしょう。実際にTwitterや2ちゃんねるなど有名なサービスと同じ機能を持ったサービスを開発していきます。 形にしながら学習したいという人には最適な学習法だと思います。 シラバス   8.Ruby on Railsチュートリアル：実例を使ってRailsを学ぼう マイケルハートル氏が書いたRuby on Railsのチュートリアルを翻訳したサイトです。1章から11章まであり、読み進めていくとRailsの基礎を学ぶことができます。 Hello Worldから始まり、フォロワーの通知の機能まで、ボリュームが多いチュートリアルです。 ただ、翻訳になっているため、初心者だと少し難しい表現があるかもしれません。 Ruby on Railsチュートリアル     9.Rails Guides 海外のリファレンスガイドRuby on Rails Guidesを翻訳したサイトです。これからRailsを学び始める場合は、先ほど紹介した「Ruby on Railsチュートリアル：実例を使ってRailsを学ぼう」を先に読むことが推奨されています。 インストールなどの基礎的な内容もカバーされていますが、生産性を向上する方法など、一歩進んだ現場で使えるノウハウが体系的に学べます。フレームワークの仕組みなども学ぶことができ、ただ動かすだけではない、より深い内容が理解できるでしょう。 Rails Guides     10.Ruby STUDIO こちらもRuby on Rails GuidesのGuide Indexの内容を翻訳したものです。 基本からわかるインストールやセキュリティの設定方法などが学べます。先ほどのRails Guidesと合わせて読むと良いでしょう。 Ruby STUDIO   1つ目〜7つ目はもともと日本語のサイトのため、初心者にとってはわかりやすいかもしれません。 8つ目〜10つ目は翻訳されているため、最初は少し読むのが難しいかもしれませんが、一歩進んだ内容まで学ぶことができます。   ぜひご自身のレベルに合わせて活用してみてください。 [お知らせ]TechAcademyでは初心者でも最短4週間でRailsエンジニアになれるRuby on
Ruby

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

JavaScriptをこれから学習したいという人におすすめのサイトをまとめて紹介しています。 独学で学習できますし、無料で進められるので手軽に始められるでしょう。HTMLとCSSを学習してみて次のステップに進みたいという方やJavaScriptを身につけてWebサイトの表現方法を増やしたいという方にはおすすめです。 各サイト動画やテキストなど学習タイプも載せているので、ぜひ自分に合ったサイトを見つけてみてください。   なお本記事は、オンラインブートキャンプ フロントエンドコース（JavaScript・jQuery講座）の内容をもとにしています。   1. Udemy 学習タイプ：動画 JavaScriptを初めて学ぶ人、ちょっと触ったことがある人など様々なターゲットに合わせて動画があります。 本格的に学べる講座は、有料になっていますが、かなり実践的に学べるので、深い知識を身につけたい人にもおすすめです。 Udemy   2. ドットインストール 学習タイプ：動画 プログラミングを学ぶならもはやスタンダードなドットインストールです。 動画で分かりやすく解説してくれており文字を読むのが苦手！！というひとでも入りやすいのが特徴です。とりあえずここから始めれば間違いないでしょう！ ドットインストール   [PR] Rubyのプログラミングで挫折しない学習方法を動画で公開中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

TechAcademyから
現役エンジニアの方へ
お知らせ

WEEKLY RANKING

厚切りジェイソンが語る「プログラミングを学習する意義」とは

【困った！】いつの間にかローマ字入力が大文字になっていたときの対処法

社会人として恥ずかしくない！「当社・弊社・貴社・御社」の使い方

意外と簡単？Photoshopで画像を切り抜く方法

今さら聞けない！GitHubの使い方【超初心者向け】

言葉の意味をおさらいしてみよう！「各位」の正しい使い方と用例

メンタリストDaiGoが語るプログラミングを学ぶメリットとは

要約にはコツがある！押さえるべきポイントを実例をもとに解説

【今さら聞けない！】異動挨拶メールの正しい書き方とサンプル

今さら聞けない！コマンドプロンプトの使い方【初心者向け】

TechAcademy（テックアカデミー） Webアプリケーションコース プログラミング Ruby 日本語にも対応！Ruby on Railsリファレンスサイト10選