TechAcademy（テックアカデミー） フロントエンドコース プログラミング JavaScript 入門に最適！独学から始められるjQueryの学習サイト20選
オーダーメイドコース
icon
icon
JavaScript

入門に最適！独学から始められるjQueryの学習サイト20選

JavaScriptのライブラリであるjQueryをこれから独学で学習しようと思っている初心者の方向けにおすすめの学習サイトをまとめています。どのサイトも入門から始めるのに最適なので、ぜひご覧ください。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　 調査手法：インターネット調査

jQueryを勉強したいと思って検索してみても、サイトが多すぎてどのサイトから勉強すれば良いか分からないという方がいるかと思います。

今回は、独学から始められるjQuery学習サイトをまとめて紹介したいと思います。

 

そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。

なお本記事は、TechAcademyのオンラインブートキャンプJavaScript/jQuery講座の内容をもとにしています。

 

1. ドットインストール（jQuery入門）

学習スタイル：動画

プログラミング初学者の味方であるドットインストールです。

文字で書いてあるサイトはたくさんあっても動画で解説しているサイトは中々無く、イメージを掴みやすい内容となっています。どの言語を勉強するときも第一歩はこれといっても過言ではないくらいおすすめできるサイトです。

ドットインストール

 

2. jQueryってなに？超初心者向け入門講座

学習スタイル：テキスト

Web制作会社であるWeb企画さんが執筆した、初心者向けの記事です。今までプログラミングを学んだことのない方でも簡単に理解できるようにサンプルを交えて解説してあります。

動画を見てイメージをつかんだ後に読むとさらに理解を深めることができるでしょう。

jQueryってなに？超初心者向け入門講座

 

[PR] コーディングで副業する方法とは

3. イモムシでjQuery入門

学習スタイル：テキスト

POPなデザインが特徴の入門サイトです。

イモムシをjQueryで動かすという独特のサイトです。独特ですがわかりやすく解説されているので、jQueryを触ったことがないという人でも挫折せず進めることができるでしょう。

イモムシでjQuery入門

 

4. jQuery入門道場

学習スタイル：テキスト

本で出版されている内容の前５章をWeb上で公開しているページです。本の抜粋とだけあって完成された文章で書かれているので、すんなりと知識が頭に入ってきます。

文法の理解がメインとなっていますが、どれもプログラミングを身につける上で重要なので、これからエンジニアを目指している方は特におすすめです。

jQuery入門道場

 

5. SlideShare(初心者のためのjQuery入門)

学習スタイル：スライド

スライドを公開するWebサービスであるSlideShare上で公開されているjQuery入門用のスライドです。

jQueryのメリットや成り立ちなどから解説されており、またスライドなのでとてもまとまっています。jQueryとは何なのか詳しく知りたい方には良いでしょう。

 

6. 40分で覚える！jQuery速習講座

jquery_02_06

学習スタイル：テキスト

WebProfessionalというWebの情報サイトに掲載されているページです。これを読めばjQueryを使えるというくらい要点をきっちり絞って解説してあります。見やすいデザインもおすすめです。

速習なので、今すぐ理解したいという方はぜひ一度ご覧ください。

40分で覚える！jQuery速習講座

 

7. jQuery入門

学習スタイル：テキスト

環境設定から、サンプルコードまでたくさん載っているサイトです。中級者向けの内容も入っているので、慣れてきた方におすすめです。

jQuery入門

 

8. 少しのコードで実装可能な20のjQuery小技集

学習スタイル：テキスト

こちらは環境設定や基礎理解が完了した人におすすめのサイトです。jQueryで使える実装をコードとサンプルとともに紹介しています。このサイトを見ればいかにjQueryが簡単に実装できるかがわかるはずです。

jQueryを使うとどんな動きが出せるのか知りたい方は、このサイトでイメージを膨らませておくと良いかもしれませんね。

少しのコードで実装可能な20のjQuery小技集

 

9. とほほのjQuery入門

学習スタイル：テキスト

jQueryのメソッドやAPIをまとめたサイトです。チュートリアルサイトというより、自分でjQueryをかくようになるとお世話になるサイトです。隅々まで解説してあるので、先に全体像を知っておきたいという方にはおすすめのサイトです。

とほほのjQuery入門

 

10. CODEPREP

jquery_02_10

学習スタイル：ハンズオン(画面上で書きながら)

Web上でコードを実行できるサービスである「CODEPREP」です。コードを書いてそのコードの解説まで行ってくれるので、コードを書く能力が身につきます。

CODEPREP

 

11. ポンクソフト

学習スタイル：テキスト

JQueryの入門サイトなのですがいきなり3回目でクイズゲームを作るなどかなり実践的で面白いです。

その後もいろいろなゲームを作っていくのでやっていっても全然飽きません。

ポンクソフト

 

12. おつぱの表4

nm_04_02

学習スタイル：テキスト

語り形式でjQueryを学んでいくことができます。優しく面白い口調なのでスイスイ読めてしまいます。7つのサンプルで学ぶことができますがもっともっと欲しくなってしまいます！

おつぱの表4

 

13. Web Design Recipes

nm_04_12

学習スタイル：テキスト

かわいい壁紙とガールズちっくなフォントでデザインも綺麗です。

これで分かりやすくストレスなくjQueryの基本からプラグインの使用方まで 学べるのでおすすめです。

Web Design Recipes

 

14. Webデザインラボ

nm_04_04

学習スタイル：テキスト

フォントが手書き風で可愛らしいこのサイト、しっかり入門者向けにjQueryを教えてくれます。実践というよりはjQueryを使ってプログラミングの基礎を学ぶのに良さそうです。

Webデザインラボ

 

15. jQuery write less, do more

nm_04_05

学習スタイル：テキスト

jQueryの本家大元サイト。英語ですが、もちろん言語作成元ですので正確な情報がきっちりと提供されています。

少し敷居が高いかもしれませんが、学習を進めていってjQueryに何か不具合が起きた時などはどのプログラマもここを参照します。知っておいて損はないでしょう。

jQuery write less, do more

 

16. w3schools.com

nm_04_06

学習スタイル：テキスト

こちらも英語サイトです。jQueryについてやりたいことを左のサイドバーをスクロールすれば見つけることができます。

w3schools.com

 

17. 読書メモ・感想とWebマーケティング雑感〜jQuery初心者（凡人）が1か月でjQueryを書けるようになった4つのポイント〜

学習スタイル：テキスト

こちらは実際のコーディングではないですが、jQueryを独学で学んできた先輩の意見が伺えます。何事も先人の意見は大切です。是非参考に読んでみてください

読書メモ・感想とWebマーケティング雑感

 

18. commte blog〜今風になった！Web制作で使える最近のjQueryプラグインまとめ〜

学習スタイル：テキスト

jQueryはプラグインを使うともっともっとすごいことがたくさんできます。

むしろそっちの方が真骨頂と言えるでしょう。こちらのサイトはそのすごいことができるjQueryのプラグインをまとめてくれています。気に入ったものがあれば是非インストールして使ってみましょう。

commte blog

 

19. Coliss

nm_04_09

学習スタイル：テキスト

jQueryを使ったプラグインですごいもの綺麗なものがみられます。いきなりここまで行くのは難しいかもしれませんが、みてみて「こういうことができるんだ!」ということを理解して、憧れを持って勉強を始めてみるのもいいのかもしれません。

Coliss

 

20. AWWARDS

nm_04_10

学習スタイル：テキスト

こちらは英語ページですがjQueryのWebサイトの特に優れたものを集めたものです。もうリストを見ているだけでワクワクしてきますね。海外のレベルの高さに是非触れてみましょう。

AWWARDS

 

今回はjQueryの入門サイトを紹介していきました。

ここで挙げたサイトを参考に勉強を頑張っていきましょう。

jQueryを学習できる本も合わせてご覧ください。

 

TechAcademyでは、初心者でもJavaScript・jQueryを使ったWebサービス公開を習得できるオンラインブートキャンプJavaScript/jQuery講座を開催しています。

挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。

記事を検索

関連するキーワード

関連する記事

JavaScriptの論理演算子「&&」「||」「!」の使い方を現役エンジニアが解説【初心者向け】

JavaScriptの論理演算子「&&」「||」「!」の使い方について、TechAcademyのメンター（現役エンジニア）が実際のコードを使って...
JavaScript

JavaScriptでlengthを使って文字数をカウントする方法を現役エンジニアが解説【初心者向け】

JavaScript文字数をカウントする方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 文字列...
JavaScript

JavaScriptによる音楽再生ソフトの作成を現役エンジニアが解説【初心者向け】

JavaScriptによる音楽再生ソフトの作成について、TechAcademyの現役エンジニアが実際のコードを使って初心者向けに解説します。 JavaSc...
JavaScript

JavaScriptのgetElementByIdメソッドでHTMLの要素を取得する方法を現役エンジニアが解説

JavaScriptのgetElementByIdメソッドでHTMLの要素を取得する方法について、TechAcademyのメンター（現役エンジニア）が実際のコー...
JavaScript

JavaScriptでselect要素にoptionを追加する方法を現役エンジニアが解説【初心者向け】

JavaScriptでselect要素にoptionを追加する方法について解説します。実際のコードをもとに解説していきますので、理解を深めていきましょう。 ...
JavaScript

JavaScriptのsplitメソッドを利用してURLの一部を抜き出す方法を現役エンジニアが解説【初心者向け

JavaScriptのsplitメソッドを利用してURLの一部を抜き出す方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初...
JavaScript

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

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

初心者でも挫折しない、これからJavaを学習しようと思っている方におすすめのサイトをまとめています。 Javaが学習できるサイトはは、「実際に書きながら、動画、テキスト」の3つの学習スタイルに分けているので、自分の好きなスタイルに合わせて選んでみてください。   そもそもJavaについてよく分からないという方は、Javaとは何なのか解説した記事を読むとさらに理解が深まります。 なお本記事は、TechAcademyのオンラインブートキャンプJava講座の内容をもとに作成しています。   学習スタイル 実際に書きながら 動画 テキスト   Progate 学習スタイル：実際に書きながら Progateは、まずスライドを見てインプットし、実際に書いて覚えるスタイルです。Java以外のコースも多くありますが、全て初心者でも分かるように基礎的な内容から学習できるので、独学で学びたい人には最適でしょう。 進めていく中でレベルが上がっていくので、モチベーションも維持して学習できるはずです。 Progate   [PR] コーディングで副業する方法とは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やServletの技術を使ってWebアプリケーション開発を習得できるオンラインブートキャンプJava講座を開催しています。 挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。
Java

初心者におすすめ！Rubyを学習できる無料サービス20選

プログラミング言語をどれから学ぶべきかといった質問はよく耳にしますが、今回はRubyについて扱います。 Wantedlyのプレスリリースによると、スタートアップ企業を中心にRubyを扱う企業が増えているようです。   そこで今回は、これからRubyの勉強を始めたいという初心者向けに、無料学習サービスをご紹介します。なお、他の言語も含めた無料プログラミング学習サービスを紹介する記事もあります。 そもそもRubyについてよく分からないという方は、Rubyとは何なのか解説した記事を読むとさらに理解が深まります。 なお本記事は、TechAcademyのオンラインブートキャンプRuby講座の内容をもとに紹介しています。   1. Codeacademy 学習スタイル：ハンズオン(画面上で書きながら) プログラミング学習の先がけといえるサービスです。様々なプログラミング言語を扱っていますが、Rubyにも対応しています。 学習方法としては、テキストを読みながら進めるカリキュラムで、ブラウザ上でコードの入力、出力結果の表示も可能です。 一部日本語にも対応していますが、海外サービスのため、ほとんど英語で読み進める必要があるのでご注意ください。 Codecademy   2.ドットインストール 学習スタイル：動画 国内では最もメジャーと言えるプログラミング学習サービスです。3分以内の動画で学習を進めることができます。 Ruby入門のレッスン他に、Ruby on Rails入門のレッスンも用意されています。動画で学ぶスタイルをとっていて、ブラウザ上のエディタ機能などはありません。 ドットインストール    [PR] コーディングで副業する方法とは3.Progate 学習スタイル：ハンズオン 2014年11月にリリースされた国内のサービスです。 Rubyを学習でき、Ruby on Railsのカリキュラムもありますが、現在は一部のユーザだけにテスト公開されてるようです。 スライドを読みながら学ぶスタイルをとっており、Codeacademyのようにブラウザでコードを入力して正誤判定を行うことができます。 Progate   4.ミニツク 学習スタイル：動画/ハンズオン ネットワーク応用通信研究所（NaCl）が運営するRubyに特化した学習サービスです。 基本的にはテキストを読みながら学習を進めるスタイルですが、Rubyの開発者である、まつもとゆきひろ氏が解説する動画コンテンツもあります。 また、「演習」も用意されており、自分でコード書きながら模範解答でチェックすることができます。 ミニツク   5.CODEPREP 学習スタイル：ハンズオン 株式会社ギブリーが提供するプログラミング学習サービスです。プログラミング言語としては、Ruby、PHP、JavaScriptなどを学ぶことができます。 学習方法としては、穴埋め形式で表示された問題にコードを入力しながら進める内容です。ヒントも表示できるので、初心者でも問題を解きながら進められることでしょう。 PHPなど他の言語の場合は簡単なアプリケーションを開発できるカリキュラムがありますが、Rubyは基礎編のみの提供となります。 また、ディスカッションボードという機能もあり、ここから質問を投稿することも可能です。 CODEPREP    6.RubyWarrior 学習スタイル：ハンズオン ゲーム感覚で学べるプログラミング学習サービスでも紹介した、Rubyに特化した学習サービスです。 ファミコンのRPGゲームのようなグラフィックですが、コードを入力しながらゲーム感覚で学ぶことができます。画面の下に表示されるエディタにコードを入力しながら課題をクリアしながら進める学習方法です。 なお、海外のサービスで日本語には対応していません。 RubyWarrior   7. CodinGame 学習スタイル：ハンズオン 同じくゲーム感覚で学べるサービスです。20以上のプログラミング言語に対応していますが、Rubyも学ぶことができます。 すでにあるゲームをもとに、コードを追加してゲームをクリアしていくことでプログラミングを学びます。何も書かずに実行するとゲームオーバーになるため、コードを書いてクリアを目指しましょう。 こちらも海外サービスで日本語には対応していません。 CodinGame   8. TECHSCORE 学習スタイル：テキスト Rubyについて簡潔に必要な部分を7つのチャプターで説明してくれています。Rubyの概要を知る上で十分でしょう。 TECHSCORE   9. 他言語からのRuby入門 学習スタイル：テキスト Ruby言語の公式ページにあるものです。「他の言語はやったことあるけど」という人はここを見るべきです。他の言語をやったことがあるからこそRubyの良さが分かるはずです。 他言語からのRuby入門   10. とほほのWWW Ruby入門 学習スタイル：テキスト 知ってる人は知っているかの有名なとほほシリーズのRuby編です。このページは解説の数が豊富なのでここで学べば学び漏れはないでしょう！ とほほのWWW Ruby入門   11. Libro〜ビギナーのためのRubyプログラミング入門〜 学習スタイル：テキスト このサイトも知ってる人は知っている、かの有名な掌田津耶乃氏のプログラミング解説ブログのRuby版です。 10回に分けてRubyの基本を親切に教えてくれています。 Libro   12. Ruby Life 学習スタイル：テキスト Rubyの解説が見ての通りとてもたくさんあります。一度に全部やるのは大変ですが時間を見つけてコツコツやればこれであなたもRubyマスター！ Ruby Life   13. エンジニアの入り口 学習スタイル：テキスト 初心者ならではの疑問でどの言語がどう違うのかっていうのはきになるところだと思います。ここではRubyとPHPを分かりやすく比較しています。ここを見て大体の感覚をつかむのも悪くないかもしれません。 エンジニアの入り口   14. Hack.hands() 学習スタイル：テキスト 24時間プログラミングのサポートをしてくれるのが売りのHack.hands()のRuby版です(有料)。 本業のエンジニアがサポートしてくれるのは何より有難いですね。 Hack.hands   15. 起業.TV〜まつもとゆきひろ氏が語る「Ruby」開発秘話とは〜 学習スタイル：動画 こちらは直接コーディングとは関係ありませんが、Rubyの開発者であるまつもとゆきひろ氏(なんと日本人なのです)の言語開発秘話が聞けます。 Rubyを通じてプログラミング言語の奥深さが理解できるかもしれません 起業.TV   16. DIVER 学習スタイル：テキスト プログラミングスクールDIVE INTO CODEによるRailsオンラインテキストです。コードに関する内容だけでなく、動的なサイトとはどういうものかなど概念や仕組みからしっかりと学ぶことができるサイトです。 それぞれの解説は図解入りで見やすく、とても理解しやすい構成になっています。 DIVER   17. paiza 学習スタイル：ハンズオン 料金：無料(600円～/月の有料コースあり) 5分前後の動画と実践の問題で学習することができる「paizaラーニング」でRailsについて学ぶことができます。 動画のページにはテキストによる解説もあり、参照しながら動画を見ることも可能です。各コースには有料会員向けのものもありますが、期間によって無料公開されていることもあるのでチェックしておきましょう。 paiza   18. Schoo 学習スタイル：動画 料金：無料(980円～/月の有料コースあり) Ruby on Railsコースでは、Webアプリケーションフレームワークがどういうものなのかというところから丁寧に解説された動画を見ることができます。 動画では各チャプターにジャンプする機能があるため、自分の見たいところの解説動画をすぐ参照することも可能です。受講生が参加できる生放送では講師に質問することもできるため、放送の日程も確認しておきましょう。 プレミアムプランでは動画や資料をダウンロードしたり、プレミアム専用の放送を見ることができます。通常の生放送は無料プランでも利用可能です。 Schoo   19. 小学生でもわかるRuby on Rails入門 学習スタイル：テキスト 料金：無料 動的なサイトとはどのようなものか、実際にRailsを始めるまでの手順、モデル・ビュー・コントローラの役割、データベースやマイグレーションに関する説明など、最初に理解しておかなければいけないことがとても分かりやすく解説されています。 Ruby on Rails全体の流れを把握するために最初に参照しておきたいサイトです。 小学生でもわかるRuby on Rails入門   20. Ruby on Rails ガイド 学習スタイル：テキスト 料金：無料 Ruby on Rails全般に関するリファレンスサイトで、”http://guides.rubyonrails.org/“の翻訳版になります。 公式ガイドのため、バージョンに応じた仕様を確認することができます。実践でRailsを使う場合、より正確で新しい情報を参照したい場合に利用できます。ある程度基本を覚えた人向けです。 Ruby on Rails ガイド   まとめ 最後に、今回紹介した学習サービスを比較します。 日本語対応、学習スタイル（ハンズオン・テキスト・動画）、エディタ機能の有無で比較してみました。 サービス名 日本語対応 学習スタイル エディタ機能 Codecademy △ ハンズオン ○ ドットインストール ○ 動画 × Progate ○ ハンズオン ○ ミニツク ○ テキスト（一部動画） × CODEPREP ○ ハンズオン ○ RubyWarrior × ハンズオン ○ CodinGame × ハンズオン ○ TECHSCORE ◯ テキスト × 他言語からのRuby入門 ◯ テキスト × とほほのWWW Ruby入門 ◯ テキスト × Libro ◯ テキスト × Ruby Life ◯ テキスト × エンジニアの入り口 ◯ テキスト × Hack.hands() × テキスト × 起業.TV ◯ 動画 × DIVER ◯ テキスト × Paiza ◯  ハンズオン  ○ Schoo ◯ 動画 × Ruby on Rails入門 ◯ テキスト × Ruby on Railsガイド ◯ テキスト × 今回紹介した中では、動画で学ぶ学習スタイルをとっているのはドットインストールのみとなっています。海外では動画で学べるサービスは一部無料のコンテンツがあり、しっかり勉強しようとすると有料のものが多いようです。 また、エディタ機能があると、開発環境の構築も必要ないため、初心者にとっては勉強を始めやすいかもしれません。   今回の記事は以上です。 ぜひRubyの勉強を始めてみましょう！   TechAcademyでは、初心者でもRuby on Railsを使ったプログラミングを習得できるオンラインブートキャンプRuby講座を開催しています。 挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。
Ruby

独学でゲームが作れる！入門に最適なUnityの学習サイト20選

現在ゲームを作るためのゲームエンジンはたくさんの種類があります。 その中でも世界で一番使われているのがUnityです。ただUnityの勉強を始めたいと思っても何から始めれば良いのかわからない方もいらっしゃるかと思います。 今回はそんな方のために、Unityの勉強を始める際にオススメの入門サイトを紹介していきたいと思います。   なお、本記事はTechAcademyのUnity入門オンライン講座の内容をもとにしています。   Udemy 学習タイプ：動画 初心者から上級者まで様々なレベルの人が使えるUnity学習サービスです。 もちろんUnity以外にもありますが、実践的に学習が行えるので、本格的なゲームを作りながらUnityの知識を身につけることが可能です。 スマホでもPCからでも自分のペースで学習することができるはずです。 Udemyの特徴としては、最新技術をいち早く有料コースとして学習することが可能です。 Udemyのコースは、Udemyが提供しているコースだけでなく、Udemyという学習教材をオンラインで公開するサービスに、専門家が各自で作成した教材を公開しています。 そのため、ある技術に関する講座として様々な角度から様々な価格と言語で学習をすることができます。 また、その多くが動画テキストを採用しているため、文字を読むのが苦痛な受講生にも人気です。 スマホからも学習可能ということで、いつどこでも自分の好きなときにアカウントにログインして、簡単にコースにアクセスできます。 この機能のおかげで学習の機会が無限に開かれています。 そして、一度コースを購入すれば、アカウントが有効で、かつUdemyがコースのライセンスを所有し続ける限り、いつまでもコースへのアクセスが可能です。 Udemy   ドットインストール(Unity入門) 学習タイプ：動画 プログラミング初学者の味方「ドットインストール」です。 Unityのバージョンが少し古い物になっていますが、基礎操作や基礎知識を覚えるのには最適なサイトであると言えます。ここからUnity学習の第一歩を踏み出しましょう。 2017年現在はUnity4.2のみサポートしています。 また、このレッスンはサポート終了しています。 ドットインストール(Unity入門) また、ドットインストールの体験記事もございます。 プログラミング学習の超定番！「ドットインストール」をやってみた [PR] コーディングで副業する方法とは OpenBook(Unity入門) 学習タイプ：テキスト OpenBookは誰でもオンライン上で本を作成できるサービスです。 そのサービス上で公開されているUnity入門です。基礎的な物理演算や摩擦、アプリの書き出しなど様々な技術を覚えることができます。 東京大学出身の著者を中心とした教材ですので、東京大学というキーワードに興味がある方には、心くすぐられる教材です。 OpenBook(Unity入門)   はじめてのUnity 学習タイプ：テキスト はじめてのUnityとなっていますが、前述の二つのサイトと比べるとレベルは少し高めとなっています。特に2Dシューティングのチュートリアルは骨のある内容となっており、これを完了すればUnityの基礎は理解したと言っても過言ではないでしょう。 Unity公式ページで解説されているテキストですので、公式ページとして安心して受講することが可能です。 はじめてのUnity    Unity3Dゲームの作り方講座 学習タイプ：テキスト 今までのサイトとは少し違い、パーティクルシステムや時間管理などについて解説してあります。 少し踏み込んだ内容となるので、基礎を理解している方におすすめのサイトです。 初級講座の部分を割りと省いているので、中級者以上のユーザーにとっては、無駄な部分を飛ばす事が可能な点がメリットです。 Unity3Dゲームの作り方講座   【入門編】世界よ、これが本当の Unity 講座だ（１） 学習タイプ：テキスト こちらはあのMobage(モバゲー)の技術者ブログです。Unityでゲームを作成していくというより、Unityやその他のゲームエンジンに関する知識や、Unity内のプログラムなどより深い部分について解説しています。 少し難しい内容と成っていますが一度目を通しておくと、今後のゲーム制作に役立つことは間違いないです。 【入門編】世界よ、これが本当の Unity 講座だ（１）    Unity公式(Unity入門) 学習タイプ：テキスト Unityの公式の入門ですが入門としては少し難しめの文章となっています。 今までにあげたサイトを勉強した後にまとめとしてみる事をおすすめします。ただ一つ一つの知識について詳しく解説してあるので、今までもやっとしていた知識や概念を理解するのに役に立つでしょう。 Unity入門となっていますが、対象は中級者まで対応していると言っても過言ではありません。 また、日々進歩する技術に対してもUnity公式として内容を更新している点が安心です。 Unity公式(Unity入門)   おもちゃラボ(Unity入門) 学習タイプ：動画/テキスト ポップなシューティングゲームを作成する事ができるサイトです。可愛いクオリティの高いゲームを作る事ができます。 UI(ユーザーインターフェイス)がしっかりとしたゲームを作る事ができるので、ゲームの魅せ方なども学ぶ事ができます。 可愛い名前ですが、現在の最新の内容は既に入門の域を超えています。 そのため、最初から順番に学習することでかなりのレベル迄学習可能です。 チュートリアルもあるため安心です。 おもちゃラボ(Unity入門)   テラシュールブログ 学習タイプ；テキスト Unityのより深い知識について解説しているブログです。今後ゲーム制作を作成していくにあたって間違いなくお世話になるブログです。 Unityに役立つ情報がたくさんあるので、定期的にチェックすることをおすすめします。 現在も頻繁に更新されており、記事数が非常に多い点が上級者にも必要な情報を提供しているといえます。 テラシュールブログ    Unity公式(チュートリアル) 学習タイプ：動画 英語版になっていますが、とてもおすすめのサイトです。 Unity公式とだけあって、クオリティがとても高いものになっています。 またAudio(オーディオ)やPhysics(フィジックス)などカテゴリ分けされたチュートリアルもあり、自分のわからないところをピンポイントで学ぶことができます。 Unity社員が講演をする場合も、こちらのチュートリアルを使用して現地で一緒に学習するという素晴らしいチュートリアルです。 Unity公式(チュートリアル)   3D Platformer Tutorial 学習タイプ：テキスト(PDF) チュートリアルとしては珍しく超ハイクオリティの3Dゲームを作ることができます。 現場でも通用するようなテクニックが満載でエンジニアリング以外の知識もたくさん載っています。 ただし、 Unity 2.0 の内容である点を注意する必要があります。 3D Platformer Tutorial   Libro〜ビギナーのためのUnity超入門〜 学習タイプ：テキスト 知ってる人は知っているご存知掌田津耶乃氏のサイトのunityの解説です。毎回同氏の解説は初心者には分かりやすく、とてもありがたいです。 全7回に分けて説明していただいています。 Unity4.6の内容になる点を注意する必要があります。 Libro   atmarkIT 学習タイプ：テキスト 3ページにわたってUnityがなんであるかを解説してくれています。概要をつかむのには持ってこいのサイトでしょう。 Unityの学習というより、Unityが如何に素晴らしいかを他の人に説明する時に使用すると良いでしょう。 atmarkIT   ThinkIT 学習タイプ：テキスト Unityを使っていきなり初心者がいきなりゲームを作ってみるという大胆な企画です。 楽しみながら飽きずに学習することができます。いきなりはハードル高めですが、虎穴に入らずば虎子を得ず。挑戦してみましょう。 実際にこれをみながら制作するより、見ることで制作していく実感を得ることができるという点が良いです。 ゲーム実況をみて、ゲームをした気分になる感じと似ています。 結果的にUnity開発へのスタートハードルを下げることができます。 ThinkIT   SONICMOOV LAV 学習タイプ：テキスト こちらは最短コース系なんと一時間でUnityを使ってゲームを作ろうとする大胆なものです。 ただ1時間で自分のゲームができると思うとワクワクしませんか？そのワクワクが学習へのエネルギーとなるのです！ SONICMOOV LAV   Developers.IO 学習タイプ：テキスト こちらは環境のインストールから親切に教えてくれます。まずどうにも動かない、という方はこちらから始められることをおすすめします。 Developers.IO   UINYAN.COM〜素人が7日間クソゲーを作り続けてわかったこと〜 学習タイプ：テキスト こちらはゲームムログラミングをしたことがない筆者がUnityを使って7日間でゲームを作ってみたときの記録です。それゆえの苦労や発見がみてとれると思うので是非学習に具体的にとりかかる前にチェックしてみるのもいいかもしれません。 UINYAN.COM   MUO 学習タイプ：テキスト 英語サイトですがUnityに関する基本がしっかりと体系立てて解説されています。英語が読める方にはとてもいいサイトだと思います。 MUO   Unity STUDENT 学習タイプ：テキスト こちらも英語サイトです。Unityに関する記事がひとつひとつキャッチアップ画面つきのリストになっていてやりたいことが視覚的に探せるので便利です。 Unity STUDENT   PLURALSIGHT 学習タイプ：動画 言語は英語ですが、動画でUnityを学べます。しかも無料で見ることができます。 PLURALSIGHT   SlideShare〜Unityを使ったゲームデザイン超入門〜 学習タイプ：スライド 東工大の学生のために作ったスライドですが我々全くの初心者にも最適です。まるで授業を受けているみたいでいいですね。 SlideShare   以上、Unityを独学から始められる学習サイトを紹介しました。 2Dや3Dゲームなど自分の作りたいものに合わせて学習サイトを選んでみると良いでしょう。自分がやりたいゲームを自分で作れるようになればより一層楽しく感じるはずです。 この記事を監修してくれた方 中本賢吾（なかもとけんご） アジマッチ有限会社　代表取締役社長 開発実績：PHPフレームワークによるフランチャイズ企業向け会員制SNS。Shopifyによる海外進出用大規模ネットショップ構築。Vue.jsによる金融機関向け内部アプリ。AWSやLinuxハウジングサーバーでの環境構築。人工知能を利用した画像判別システム。小売チェーン店舗用スマホアプリ。Wordpressによる不動産チェーン店向け賃貸・売買仲介システム。基幹システム移管用データコンバートシステム。 ボランティア活動：小学生がオリジナルAndroidアプリをGooglePlayでリリース、NHK Whyプログラミング入賞、全国Programing Festival入賞、中学生がSNS型PWAアプリリリースする市クラブ講座活動を行っている。 また、現役エンジニアから学べる無料のプログラミング体験会も実施しているので、ぜひ参加してみてください。 [お知らせ]TechAcademyではオリジナルゲームアプリが公開できるUnityオンラインブートキャンプを開催しています。現役Unityエンジニアのサポートで効率的に学びたい場合はご検討ください。
Unity

新潟のパソコンスクール20選｜自分にあった教室の選び方も紹介

新潟県のパソコンスクール（教室）をピックアップしました。 田島悠介 今回は、なにか相談受けたんだって？ 大石ゆかり 新潟に住んでる友達がパソコンの知識つけたいって言ったんですが、どこ選べばいいかわからなくて・・・ 田島悠介 それじゃあ自分にあったパソコン教室の選び方と新潟にあるパソコンスクールを紹介していくね！ 大石ゆかり お願いします！ 目次 パソコン市民講座 ハロー！パソコン教室 パソコン教室アビバ Winスクール パソコン教室わかるとできる よくわかるパソコン教室 ヤマダパソコンスクール新潟校 おこじょパソコンスクール 新潟市のパソコン教室ダイマック パソコン教室くりっく モリパワーキャリアアップスクール スタディPCネット パソコンサプリ ヤマダ教育機器 市民パソコン塾 富士通オープンカレッジ グラフィックセンター新潟 パソコンスクールファーストクリック パソコン教室ＩＣａｎ パソコンＢｉｎｉ まとめ 自分にあったパソコンスクールの探し方 まず最初にパソコンスクールを探すにあたって大事なのは、自分にあったパソコンスクールの条件やポイントは何かということです。ただ単にお金や立地といった単純な比較で決めてしまうと、自分が通う目的や目標に合致しない場所を選んでしまう危険性があります。 まずはなんのためにパソコンスクールに通うかを明確にしましょう。そのうえで参考となる基準を紹介します。 学習内容 価格 学習スタイル（通学かオンラインか） サポート体制 これらをもとに自分がパソコンスクールに通うもっとも重要な理由を当てはめて考えてみましょう。 ではここからは、新潟の20カ所のパソコンスクールを紹介していきます。 [PR] コーディングで副業する方法とはパソコン市民講座 特徴と向いている人 個別指導で自分のペースにあわせて学習が可能 映像授業も豊富のため、復習でより深く身につけることが可能 気軽に質問できる環境で疑問をすぐに解決 100教室、54万人以上の実績があり安心 自宅学習中に疑問に思ったこともすぐに電話で質問可能 スクール内だけでなく、映像授業や電話サポートなど自宅で学習できる環境もサポートされています。パソコンに関して初心者から中級者まで、学習意欲旺盛な方に向いています。 プラン・コース一覧 Office基本系 Office資格系 その他 Word講座 Word タッチタイピング習得 Excel講座 Excel PowerPoint講座 Outlookメール講座 料金 受講料＋月会費＋テキスト教材費＋年会費の月謝制 受講料：1500円/1時間 月会費：2204円 割引制度 大学生まで対象の学割 1ヶ月8時間の定額受講料：9091円（税別） 住所・アクセス 【NSGけやき通り教室 住所：新潟県新潟市中央区笹口1-20-8 小林ビル2Ｆ パソコン市民講座 ハロー！パソコン教室 特徴と向いている人 全国200校 オリジナル教材 全国1位の「MOS公認パートナー」 安価な料金 振り替え制度で柔軟なスケジュール カウンセリング可能 基本ソフト講座や水彩講座、WordPress講座まで講座内容が幅広く、初心者から中級者はもちろん、転職やフリーランスを目指す方にとってもおすすめのスクールです。 プラン・コース一覧 Office基本系 Office資格系 Web系 その他 Word講座 MOS試験対策講座 ブログ作成講座 iPhone講座 Excel講座 ホームページ作成講座 iPad講座 PowerPoint講座 WordPress講座 Android講座 Access講座 デジカメ講座 ペイント講座 年賀状講座 料金 月謝制 講座料：1200円（税別）/1時間 住所・アクセス 【イトーヨーカドー丸大新潟校】 住所：新潟県新潟市中央区本町通り6-1122-1　イトーヨーカドー丸大新潟店4F 【イオン長岡校】 住所：新潟県長岡市古正寺1-249-1　イオン長岡2F 【イオン新潟青山校 住所：新潟県新潟市西区青山2-5-1　イオン新潟青山ショッピングセンター2F ハロー！パソコン教室 パソコン教室アビバ 特徴と向いている人 全国に102校 受講満足度97％ 年間受講者数33000人以上 習慣づくりをサポートするプラットフォームが充実 習慣の記録、レポート、クイズ、コミュニティ、カウンセリング 質問に回答するだけで自分の強みや弱みをデータ化するサービスあり 身につけたいスキルが項目として出てくる 目標との距離がわかる 対面、個人実践演習 一斉授業形式、オンデマンド形式など充実 受講満足度の高いスクールで、豊富なサービスが展開されています、なかでも、質問に回答するだけで自分の強みや弱み、身につけたいスキルが何なのか、目標との距離がどれだけあるのかなどを明確にしてくれます。 初心者から転職希望者、フリーランスを目指す方まで幅広くおすすめできるスクールです。 プラン・コース一覧 Office基本系 Office資格系 グラフィック系 Web系 プログラミング系 その他 Excel MOS Photoshop マークアップエンジニア Javaプログラミング AutoCAD Word 日商PC検定 Illustrator HTMLベーシック jw_CAD PowerPoint サーティファイ認定 Dreamviewer Webサーバーベーシック CAD利用技術者 Access VBAエキスパート Photoshopクリエイター Webクリエイター VBA Illustratorクリエイター 料金 入学金＋受講料＋テキスト代 受講料金：3500円〜（受講内容におうじる　平均4000円、5000円程度） 入学金：22000円（税込） 割引制度 Web経由で入学金無料 学生は受講料20％オフ 住所・アクセス 【パソコン教室アビバ新潟校】 住所：新潟県新潟市中央区万代4-1-8 文光堂ビル3F パソコン教室アビバ Winスクール 特徴と向いている人 200講座以上の豊富な講座バリエーション 全国55校展開 企業研修実績あり年間1480社　8374人 資格一発合格率99.3％ 新しいスキルが豊富で最先端ソフト対応 合格率が高く、資格取得を考えている人に特に向いているスクールです。 講座内容も基礎から最先端ソフトにかんするものまであり、初心者から転職・フリーランス志望の方まで向いています。 プラン・コース一覧 Office基本系 Office資格系 グラフィック系 Web系 その他 Word MOS グラフィックデザイン Webデザイン CAD Excel 映像デザイン Webプログラミング 3DCAD インテリア 料金 受講料＋入学金＋テキスト代 受講料：内容におうじて30000円〜90000円程度 入学金：9000円 テキスト代：内容におうじて2000円〜5000円程度 住所・アクセス 住所：新潟市中央区東大通2-5-1カープ新潟ビル 6階 Winスクール パソコン教室わかるとできる 特徴と向いている人 映像授業 個別学習 専任インストラクター 200教室ほど 月謝制 映像授業で視覚的にわかりやすい講座がうけられます。講座のバリエーションが豊富で、マウスの動かし方から、視覚取得まで対応しており、初心者や中級者に向いています。 プラン・コース一覧 Office基本系 Office資格系 インターネット系 その他 Windows10導入 MOS Microsoft Edge スマホ・タブレット講座 Windows10活用 Internet Explorer11 Google マップ Windows8基礎 クラウドサービス講座 Yahoo!天気 Windows8活用 LINE Word LINE Pay Excel PowerPoint 料金 講座料＋入会金＋テキスト代 講座料：1700円（税別）/1時間 入会金：10000円（税別） テキスト代：講座におうじて 割引制度 ホームページにて、ホームページ閲覧者限定クーポンあり 住所・アクセス 【糸魚川校】 住所：新潟県糸魚川市南寺町1-10-3 【佐和田校】 住所：新潟県佐渡市東大通853 【新発田校】 住所：新潟県新発田市新栄町1-9-5 【上越アコーレ校】 住所：新潟県上越市富岡3458 【中条校】 住所：新潟県胎内市新和町2-4 【イオン県央校】 住所：新潟県燕市井土巻3-148 【長岡今朝白校】 住所：新潟県長岡市今朝白2-5-15 【リバーサイド千秋校】 住所：新潟県長岡市千秋2-278 【アピタ亀田校】 住所：新潟県新潟市江南区鵜ノ子4-466 【イオン新潟西校】 住所：新潟県新潟市西区小新南2-1-10 【イオン白根校】 住所：新潟県新潟市南区能登409-2 【村上プラザ校】 住所：新潟県村上市仲間町200 パソコン教室わかるとできる よくわかるパソコン教室 特徴と向いている人 ひとりひとりにあわせた少人数制パソコンスクール 個別指導 低料金 完全予約制 無料振替え対応 少人数制個別指導で、通いやすいことが特徴のパソコンスクール。講座内容は比較的、初心者から中級者向けとなっています。 プラン・コース一覧 Office基本系 Office資格系 インターネット系 その他 Wordコース 検定コース（MOS） インターネットコース メールコース Excelコース デジカメコース PowerPointコース 年賀状 Excel関数コース 料金 講座料金＋入会金 テキスト代：無料 入会金：5000円（税抜） 通い放題コース Excel、Word、PowerPoint 1ヶ月コース：12000円/月　（90分） Excel、Word、PowerPoint 3ヶ月コース：33000円/月　（90分） マンツーマンコース Excel、Word、PowerPoint 2回コース：12000円　（90分〜120分）  Excel、Word、PowerPoint 4回コース：24000円　（90分〜120分） 住所・アクセス 住所：新潟市中央区出来島2-12-10 よくわかるパソコン教室 ヤマダパソコンスクール新潟校 特徴と向いている人 ヤマダ電機のなかにあるパソコンスクール ICTプロフィエンシー検定試験対応 ロボットプログラミング・ゲームプログラミング講座 プライベートレッスン対応 ホームページやブログ作成（Jimdo） 無料振替え 個別指導 何度でも質問可能 電話サポート ヤマダポイントを支払いにあてることが可能 月謝制 ヤマダパソコンスクール新潟校はヤマダ電機店内にあり、通いやすいことが特徴です。フォトショップやホームページ作成を取扱う講座まであり、初心者から独立を目指すフリーランスまで幅広い人におすすめできるスクールです。 プラン・コース一覧 Office基本系 Office資格系 インターネット系 グラフィック系 Web系 その他 Word サーティファイ対策 インターネット基礎 Photoshop ホームページ・ブログ作成 電子メール講座 Excel P検対策 インターネット応用 Illustrator Facebook PowerPoint MOS資格取得対策 デジタルカメラ Access iPhone 料金 受講料＋入学金＋月会費＋テキスト代＋機材費 入会金：5000円（税別） 月会費：1000円（税別） 機材費：500円（ご自身のパソコン持参であれば機材費不要） テキスト代：講座におうじて別途 プライベートレッスンは1回4000円（税別） 4回コース：8000円（税別） 8回コース12000円（税別） 12回コース17000円（税別） 16回コース22000円（税別） 20回コース25000円（税別） 追加1回2000円（税別） 住所・アクセス 【新潟関新校】 住所：新潟市中央区関新3-4-27　ヤマダ電機新潟関新店２F 【上越校】 住所：新潟県上越市富岡3439　ヤマダ電機テックランド上越店内 【三条校】 住所：新潟県三条市大字上須頃293-1　ヤマダ電機テックランド三条店内2階 ヤマダパソコンスクール新潟校 おこじょパソコンスクール 特徴と向いている人 入会金無料キャンペーンあり 独自のテキスト 個別指導 月謝制 お茶とお菓子で休憩できる イベント多数 転職、再就職、スキルアップ向け講座あり リフレッシュルームあり ロビーが綺麗でコミュニケーションに最適 オフィスに関する講座から、CAD入門といった専門的な講座まであり、初心者から転職を考えている方までおすすめできるパソコンスクールです。 教室内にはリラックスしてコミュニケーションを取れる環境が整っており、人脈づくりにも役立ちます。 プラン・コース一覧 Office基本系 Office資格系 グラフィック系 Web系 その他 Word 日商PC検定 画像加工 ホームページ作成 CAD入門 Excel PowerPoint Access 就職・転職サポート 職業訓練コース無料（テキストは別途） 募集に応募で参加可能 料金 月謝制で別途テキスト代が必要になります。 富士通オープンカレッジの例 月謝9000円税別　月3回（1回2時間） 割引制度 入会金無料キャンペーン実施中 住所・アクセス 【燕三条校】 住所：新潟県三条市須頃2-106 【長岡西校】 住所：新潟県長岡市喜多町770-1 【新潟万代校】 住所：新潟県新潟市中央区万代1-6-1 おこじょパソコンスクール 新潟市のパソコン教室ダイマック 特徴と向いている人 メルカリ講座あり 少人数制個別指導 全ページカラー図解入りのオリジナルテキスト 毎月何回受講しても安心定額制 基本ソフトから、日商簿記まで幅広いニーズに対応した講座バリエーションがあります。独学に限界を感じた方などは、カラー図解入りのオリジナルテキストでわかりやすく解説してくれるのでおすすめです。初心者から転職、フリーランス志望の方に広くおすすめできるパソコンスクールです。 プラン・コース一覧 Office基本系 Office資格系 グラフィック系 Web系 その他 Word P検 ビデオ編集・音楽CD作成 ホームページ作成 インターネット・メール Excel 日商PC検定 年賀状・ラベルシール作成 PowerPoint MOS スマートフォン・タブレット VBAプログラミング 日商簿記講座 料金 マンツーマンプラン（月5時間） 受講料：2000円/1時間 入学金：10000円 テキスト代：無料 通常プラン（月8時間） 受講料：1200円/1時間 入学金：10000円 テキスト代：無料 通い放題プラン 受講料：無料 入学金10000円 月会費：3000円 テキスト代：講座におうじて 割引制度 一期一会キャンペーン中は入会金無料 住所・アクセス 【小新教室】 住所：新潟県新潟市西区小新大通2-3-20 【亀田教室】 住所： 新潟県新潟市江南区早苗2-2-31 新潟市のパソコン教室ダイマック パソコン教室くりっく 特徴と向いている人（初心者・中級者・転職志望者・フリーランス志望etc マンツーマン指導 体系的でないフリーレッスンも可能 入学金無料 ノートパソコン持ち込み可能で難しい設定も手伝ってくれる 要望に合わせてJavaScript、php、jquery、ブートストラップも提供 あらかじめ設定されている講座内容は初心者向きのものが多いですが、ホームページ作成講座もあります。要望におうじてJavaScript、php、jquery、ブートストラップも提供してくれます。転職志望者やフリーランス志望者に必要なスキルも、相談することで教えてくれます。 プラン・コース一覧 Office基本系 インターネット系 Web系 プログラミング系 Office一般 クラウドストレージ ホームページビルダー ExcelVBA Office上級 Googleスプレッドシート HTML/CSSによるウェブサイト作成 Word入門 ブログ・SNS Word応用 Excel入門 Excel応用 PowerPoint入門 PowerPoint応用 Access基礎 Excelマクロ/VBA 料金 受講料＋テキスト代 受講料：講座におうじて 入学金：無料 月会費：無料 テキスト代：講座におうじて HTML  CSSによるWebサイト構築（16〜20時間） 受講料：44000円〜55000円 テキスト代：2640円 クラウドストレージ（4〜8時間） 受講料：11000円〜22000円 エクセル応用（12〜16時間） 受講料：33000円〜44000円 テキスト代：2200円 Microsoft ExcelVBAプログラミング（16〜20時間） 受講料：44000円〜55000円 テキスト代：2640円 住所・アクセス 住所：新潟県南魚沼市黒土118 パソコン教室くりっく モリパワーキャリアアップスクール 特徴と向いている人 提供型のコースに縛られず自由プランが組める アットホームな授業と空間 個別指導 月謝制 テキスト代無料 プラン・コース一覧 Office基本系 Web系 その他 オフィスソフト ブログで作る簡単ホームページ IT活用 はじめてのパワーポイント 自分でやってみようアクセス解析SEO 就活相談サポート はじめてのエクセル 料金 受講料＋入学金＋月会費 受講料：1940円/1時間 入学金：3240円 月会費：1080円（通った月のみ） 割引制度 学生会員は1510円/1時間 住所・アクセス 住所：新潟市中央区米山4丁目1-31　紫竹綜合ビル4F モリパワーキャリアアップスクール スタディPCネット 特徴と向いている人 受講生満足度No.1認定 ロボットプログラミングスクール人気1位 経験豊富なプロインストラクター 全国300教室展開 デジタル学習教材 安定の実績をほこります。 講座内容は初心者から中級者向けとなっており、初心者から中級者におすすめできるパソコンスクールです。 プラン・コース一覧 Office基本系 Office資格系 インターネット系 その他 Word超入門 MOS対策Word インターネット入門 電子メール Excel超入門 MOS対策Excel インターネット応用 PowerPoint超入門 MOS対策PowerPoint やさしく学べるWord やさしく学べるExcel やさしく学べるPowerPoint Word基礎・応用 Excel基礎・応用 PowerPoint基礎・応用 Access基礎・応用 料金 受講料＋入学金＋テキスト代 受講料：講座におうじて（回数指定の月謝制） 入学金：11000円 住所・アクセス 【長岡校 住所：新潟県長岡市四郎丸4丁目10-1 スタディPCネット パソコンサプリ 特徴と向いている人 要望におうじてカリキュラムを作成してくれる スタッフさんは親身な対応 短い時間にみっちり自分にあった講座内容 短く深い内容のカリキュラムとなっていますので忙しい人におすすめのスクールです。資格取得を独学でやっていたがつまづいてしまったという方はぜひ。内容によって初心者から転職志望者、フリーランス志望者の方まで親身に教えてくれます。 プラン・コース一覧 それぞれの方におうじたカリキュラム内容となっており、独学していてもこれがどうしてもわからないといった方におすすめです。やや初心者から中級者向けの内容を得意としています。 料金 マンツーマン 50分1回コース3000円/50分 50分3回コース8000円/50分×3 80分1回コース5000円/80分 110分コース6000円/110分 短期集中1日コース 半日コース 割引制度 ペア割引あり LINE友達追加割引 住所・アクセス 住所：新潟県三条市桜木町 12-38　三条ものづくり学校１０１号室 パソコンサプリ ヤマダ教育機器 特徴と向いている人 実践的な授業 完全予約制のマンツーマンレッスン 経験豊富な講師陣 日商検定が短期間で 実践的な授業を特徴とするパソコンスクールです。検定対策が充実しており、より短期間で資格取得が可能です。初心者から転職志望者まで幅広い講座バリエーションがあります。 プラン・コース一覧 Office基本系 Office資格系 Word完全マスター 日商PC検定コース Excel完全マスター PowerPoint完全マスター Word＆Excel完全マスター Word入門 Excel入門 Word＆Excel入門 就職・転職サポート 公共職業訓練カリキュラムの介護員養成コースでは就職率100％を誇っています。 事務基本科 介護員養成科 料金 入校金5000円（税別） テキスト代は講座料に含まれます。 会費は無料です。 コース名 講座回数 料金（税込） Word完全マスター 12回 ¥69,300 Excel完全マスター 12回 ¥69,300 Word＆Excel完全マスター 18回 ¥101,750 PowerPointマスター 6回 ¥35,200 Office活用術Word・Excel・PowerPoint 10回 ¥57,200 Word速習 5回 ¥29,150 Excel速習 5回 ¥29,150 パソコン超入門　初めの一歩 6回 ¥29,700 なるほど楽しいWord入門 8回 ¥39,600 なるほど楽しいExcel入門 8回 ¥39,600 なるほど楽しいWord・Excel入門 12回 ¥59,400 Wordで楽しく自分史作成 6回 ¥29,700 なるほど楽しいはがき印刷＆宛名印刷 6回 ¥29,700 文書作成分野3級 10回 ¥61,600 テータ活用分野3級 10回 ¥61,600 プレゼン資料作成3級 4回 ¥25,300 文書作成分野2級 10回 ¥71,500 データ活用分野2級 10回 ¥71,500 プレゼン資料作成2級 10回 ¥71,500 文書作成お急ぎ速習3級 4回 ¥25,300 データ活用お急ぎ速習3級 4回 ¥25,300 オリジナルレッスン60分 1回 ¥5,400 住所・アクセス 住所：新潟県新潟市西蒲区巻甲4222番地3 ヤマダ教育機器 市民パソコン塾 特徴と向いている人 最安値級1講座1000円 Webキーワードでオリジナルテキストプレゼント 2画面学習方式（操作方法を実際に見て学べる） 動画学習においては、2画面学習方式を行なっており、じっさいにどのようにやるのかがわかりやすい内容となっています。わかりやすさを追求した初心者向けの講義内容となっています。 プラン・コース一覧 初心者講座 Word講座 エクセル講座 ネット活用・趣味講座 キッズ講座 PowerPoint講座 料金 入学金：1000円 講座料：1000円 月会費：1000円 ※表記は税別になります 住所・アクセス 住所：新潟県新発田市緑町2ー2ー11 アーバンエンジェルス2F 市民パソコン塾 富士通オープンカレッジ 特徴と向いている人 特別講座や、ランチバイキングなどイベントが充実 主に中高年者や小学生向けのパソコンスクールになり、講座内容も初心者向けになります。 プラン・コース一覧 中高年向けパソコンiPad教室 小学生向けプログラミング教室 料金 月謝制で別途テキスト代が必要になります。 月謝9000円（税別）　月3回（1回2時間） 住所・アクセス 住所： 新潟県新潟市中央区万代１丁目６−１ 富士通オープンカレッジ グラフィックセンター新潟 特徴と向いている人 Adobe認定トレーニングセンタ グラフィックデザイナー志望者向け講座内容 Webデザイナ志望者向け講座内容 公共職業訓練募集中 資格取得に長けている Adobe認定アソシエイト Webサイト更新業務に携わる人からAdobe製品を使えるようになりたい人、デザインクリエイターに転職したい人など、初心者向けというよりもデザインに特化して転職や独立をしたい転職志望者やフリーランス志望者向けの内容となっています。 プラン・コース一覧 グラフィック実践科　6ヶ月 Web DTP  Design 応募については公式サイトより募集がかかっていますので、公式サイトをチェックしましょう。 料金 講座料：10800円/90分 住所・アクセス 住所：新潟県新潟市中央区西堀通6-884 第一カトウビル4・5F グラフィックセンター新潟 パソコンスクールファーストクリック 特徴と向いている人 少人数制指導スタイル 気軽に立ち寄れるネットスペースとして開放 実際に各種制作を行なっている実績のある教室 パソコントラブルにも対応 未入会の単発レッスンも対応 カフェとしても開放してておしゃれ カフェとしても開放しているおしゃれな空間で学習に取組むことができます。スクール生だけでなく人の出入りがありますので人脈づくりに最適かもしれません。講座内容としては基本から検定対策コースまであり初心者から中級者向きです。 プラン・コース一覧 初心者コース オフィスコース FCコース（課題持ち込み、ここだけ教えてに対応） 検定対策コース 料金 入会金：8000円 基本料金 5回券 10回券 初心者コース ¥3,500 ¥14,000 ¥26,000 オフィスコース ¥3,500 ¥13,000 ¥25,000 FCコース ¥4,000 ¥16,000 ¥28,000 検定対策コース ¥4,000 ¥15,000 ¥27,000 住所・アクセス 住所： 新潟県新潟市西区２ 大学南2-2-12 マツビル107号 パソコンスクールファーストクリック パソコン教室ＩＣａｎ 特徴と向いている人 完全個別指導 人とのつながりを大切にする教室 短期で単価に資格取得可能 資格取得に力を入れているパソコンスクールです。初心者の方でも資格取得から始めたいと考えていればこのスクールがおすすめです。転職志望者やフリーランス志望の方でも、この資格を取っておきたいと考えている方におすすめです。 プラン・コース一覧 Windows総合 就業前のワードエクセル特訓 日商PC検定資格習得 今時ITもの習得（Twitter Facebookホームページ） スマホタブレット徹底活用 エキスパート養成 料金 講座をとわず月謝制で10000円 入学金：無料 テキスト代：無料 住所・アクセス 住所：新潟市西区寺尾上4-4-15ベスト電器2F パソコン教室ＩＣａｎ パソコンBini坂井輪スクール 特徴と向いている人 ※パソコンBini坂井輪スクールの情報はネット上に記載がありませんでした。 以下の内容は同じスクールの神奈川校を基にしています。 詳細を知りたい方は問い合わせなどで対応ください。 グラフィック制作講座あり 実際にアルバムやマイブック、フォトムービを作れる 実際にブログやホームページ制作が可能 制作型の講座に力を入れているスクールです。じっさいに作ってみることで自身の自信や経験につながります。グラフィック制作講座もあり、初心者からグラフィックデザイナーを目指す転職志望者やフリーランス志望者におすすめできるスクールです。 プラン・コース一覧 パソコン入門コース お仕事＆キャリアアップコース Web＆グラフィックコース Web＆グラフィック資格対策講座（イラストレータークリエイター能力認定試験など） 料金 講座料＋入学金 講座料：講座におうじて 入学金：5500円（税込） 月4回券 月8回券 1回追加 初級・中級講座 ¥8,800 ¥16,500 ¥2,200 上級講座 ¥13,200 ¥25,000 ¥3,300 マンツーマン ¥13,200 ¥25,000 ¥3,300 カスタム講座 1回3300円～見積り ピンポイントレッスン 3850円/回 割引制度 月5回券がお得 初級中級5回券：10500円 上級5回券：16000円 住所・アクセス 住所：新潟県新潟市西区寺尾上２丁目３−７１ パソコンＢｉｎｉ まとめ 向いている人 料金 就職・転職サポート 資格取得 県内教室数 初心者 中級者 転職志望者 フリーランス志望者 パソコン市民講座 ◯ ◯ △ × 1500円/60分　月会費：2204円 × △ 1 ハロー！パソコン教室 ◯ ◯ ◯ △ 1200円/60分 × △ 2 パソコン教室アビバ ◯ ◯ ◯ ◯ 1回3500円から × ◯ 1 Winスクール ◯ ◯ ◯ ◯ 入学金：22000円（税込） ◯ ◯ 1 パソコン教室わかるとできる ◯ ◯ ◯ △ 1コース30000円から × △ 12 よくわかるパソコン教室 ◯ ◯ ◯ △ 入学金：9000円 × △ 1 ヤマダパソコンスクール新潟校 ◯ ◯ ◯ ◯ テキスト代：2000円～5000円程度 × ◯ 3 おこじょパソコンスクール ◯ ◯ ◯ △ 1700円/60分 × ◯ 3 新潟市のパソコン教室ダイマック ◯ ◯ ◯ ◯ 入会金：10000円 × ◯ 2 パソコン教室くりっく ◯ ◯ ◯ ◯ テキスト代：講座におうじて × △ 1 モリパワーキャリアアップスクール ◯ ◯ ◯ △ 入学金：5000円 × △ 1 スタディPCネット ◯ ◯ △ × 10000円から × △ 1 パソコンサプリ ◯ ◯ ◯ ◯ テキスト代：無料 × △ 1 ヤマダ教育機器 ◯ ◯ △ × 入学金：5000円 × △ 1 市民パソコン塾 ◯ △ × × 月会費：1000円 × × 1 富士通オープンカレッジ ◯ △ × × 回数別4回8000円から × × 1 グラフィックセンター新潟 △ △ ◯ ◯ 1コース9000円から ◯ ◯ 1 パソコンスクールファーストクリック ◯ ◯ △ △ 入学金：10000円 × △ 1 パソコン教室ICan ◯ ◯ ◯ △ 60分1200円から × △ 1 パソコンBini坂井輪スクール ◯ ◯ ◯ ◯ 1講座10000円程度から × ◯ 1   大石ゆかり たくさん比較してもらえたので、自分にあった教室が分かったそうです！ 田島悠介 それは良かったね！ 大石ゆかり はい！ありがとうございます！   TechAcademyでは、さらにPCスキルを学習して転職をしたい方向けに、新潟で学べるプログラミングスクールを運営しています。 現役エンジニアの学習サポートと、キャリアカウンセリングを通じてエンジニアへの転職を支援します。
プログラミング

今さら聞けない！jQueryとは｜現役エンジニアが徹底解説【初心者向け】

Webサイト制作をしている人は一度は聞いたことがある言葉、jQuery。 jQueryはWebサイトやWebサービスを作る上で便利なものなので、デザインのスキルを向上させたいという人は習得が必須と言えるでしょう。 今回はjQueryでどんなことができるのかについて、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 記事の中で実際にjQueryでアニメーションを作る書き方も紹介しているので、初心者の方でもすぐに実践できるようになっています。ぜひ書きながら覚えてみてください。 目次1. ドットインストール（jQuery入門）2. jQueryってなに？超初心者向け入門講座3. イモムシでjQuery入門4. jQuery入門道場5. SlideShare(初心者のためのjQuery入門)6. 40分で覚える！jQuery速習講座7. jQuery入門8. 少しのコードで実装可能な20のjQuery小技集9. とほほのjQuery入門10. CODEPREP11. ポンクソフト12. おつぱの表413. Web Design Recipes14. Webデザインラボ15. jQuery write less, do more16. w3schools.com17. 読書メモ・感想とWebマーケティング雑感〜jQuery初心者（凡人）が1か月でjQueryを書けるようになった4つのポイント〜18. commte blog〜今風になった！Web制作で使える最近のjQueryプラグインまとめ〜19. Coliss20. AWWARDS そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。   今回の記事の内容は動画でもご覧いただけます。テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。     大石ゆかり jQueryというのは、何でしょうか？ 田島悠介 JavaScriptの書き方などを簡単にすることが出来る、JavaScriptで作成されたライブラリなんだ。 大石ゆかり 新しい書き方を覚えるのは、少し面倒じゃないですか？ 田島悠介 そうだね！ただ、一番のメリットはブラウザの互換性なんだよね。異なるブラウザでJavaScriptが微妙に違ったりするんだ。では、jQueryで出来ることを見てみよう！ jQueryとは jQueryとは、JavaScriptでできることを、より簡単な記法で実現できように設計されたJavaScriptライブラリです。2006年にリリースされ、JavaScriptライブラリのデファクトスタンダードであると言われています。 jQueryのおかげで、プログラミングの初心者でも、フロントエンド開発に参加しやすくなりました。jQueryは初心者にやさしい、とても有用なJavaScriptライブラリです。 jQueryでできること jQueryの大きな特徴は ブラウザの違いを意識せずに済む HTMLのDOM操作が簡単にできる Ajax処理が簡単に記述できる の3つです。詳しく解説していきます。 1.ブラウザの違いを意識せずに済む JavaScriptは、各ブラウザに搭載されたエンジンにより実行されます。そのため、 Chrome FireFox InternetExproler Safari 等で、それぞれ微妙に対応可能なメソッドが違ったり、記法が異なります。 しかし、jQueryはこのような膨大なブラウザごとの記述差異を、自動的に吸収してくれるため、ユーザーはほとんどブラウザの違いを意識せずにプログラミングができます。 2.HTMLのDOM操作が簡単にできる jQueryの主な用途は、HTML部品の操作です。（HTMLの部品を、DOMと呼びます。） DOM操作の例 テキストボックスの中身を取得したり、変更する 画面部品の表示をボタン一つで非表示にしたり、再表示させる CSSをユーザー操作に合わせて変更する jQueryでは、これらの操作が簡単に実現可能です。 また、「HTMLやCSSのコーディングはできるけど、JavaScriptはわからない」というエンジニアがリリース当時は多かったため、CSSのセレクタ記法によりHTML部品を操作できるように設計されています。 例えば、テキストボックスの中身を取得するコードは、以下で実現できます。 HTML <input type="text" id="tBox" class="font-tbox" /> jQuery ( JavaScript ) //方法１ // CSSのセレクタ記法により、idが「tBox」のHTML部品を操作できる。 $("#tBox").val(); //方法２ // CSSのセレクタ記法により、「font-tbox」のClassを持つHTML部品を操作できる。 $(".font-tbox").val(); CSSセレクタ記法とは、このようにHTMLが持つ情報に「#」や「.」を指定して、HTMLファイルからDOMを検索して取得するための記法です。 3.Ajax処理が簡単に記述できる Ajaxとは、Asynchronous JavaScript And XML の略です。直訳すると、「非同期（で動作する）JavaScript と XML」です。 （現在はデータのやり取りにXMLではなくJSONを使うため、XMLに特に意味はありませんが、Javascriptからのサーバー通信にはJSON形式データ利用時でも、XMLHttpRequest(XHR)オブジェクトを利用します。) 通常、HTMLの画面からサーバーとやり取りする際には、「submit処理」（お問い合わせフォームの送信ボタンを押した場合、等）を行い、サーバーにデータを投げ、応答を待ってから別のHTML画面全体を読込みなおす・・・といった処理が昔は主流でした。 ところが、最近は会員登録サイトにidを入力するだけで、テキストボックスの上部に「既に登録済みのIDです」などの表示が出てきて、「すぐにそんなことがわかるのか」と驚かれる方も多いと思います。 これは、Ajaxという非同期通信技術により実現されています。Ajaxは、基本的には画面表示中のHTMLページとは無関係に、裏方のJavascriptだけでサーバー通信してしまう技術です。そのため、クライアントとサーバーが通信中であってもHTML画面をユーザーが操作し続けることができます。 この技術の発展により、SPA（Single Page Application）という、画面遷移せずにインタラクティブな多目的操作ができるアプリケーションを提供する方式もずいぶん増えてきました。 Ajax技術の普及により、ユーザーがサーバーと通信（キャッチボール）する際の方式が、2通り選択できるようになりました。 HTMLからのsubmit処理によりサーバー通信する方式（同期処理方式） AjaxによりJavaScriptからサーバー通信する方式（非同期処理方式） jQueryは、このAjax処理を簡単に記述できるように設計されています。 [PR] コーディングで副業する方法とはjQueryでできないこと jQueryは、基本的にはHTMLのDOM操作とAjax処理を簡単に記述するためのものです。そのため、JavaScript内部における処理は、基本的には通常のJavaScriptコードで記述します。 例えば、以下のような場合です。 変数に格納した数値同士の足し算 配列データの操作 オブジェクト型データの操作 JavaScript内のループ処理 jQueryの読み込み方法 jQueryを利用する為には、開発しているHTMLの中にjQueryを読み込む必要があります。読み込みをする方法は、2つありますのでそれぞれ解説していきます。 1.CDNを利用する方法 HTMLのbodyタグ内の最下部に、以下のコードを記述するだけでOKです。 <script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script> CDNとは、Contents Delivery Network の略で、サーバー上に公開されたプログラムをユーザーが自由に使うことができます。 2.jQueryのライブラリをダウンロードして使う方法 公式サイトのDownloadページからjQueryのソースコードをダウンロード可能です。 https://jquery.com/download/ 「Download the compressed,
JavaScript

子どもの能力を伸ばすプログラミング学習！無料アプリ教材6選

小学校、中学校、高校と段階的にプログラミング教育が導入され、子どもプログラミングへの関心が高まっています。 最近では子どものプログラミング学習用に無料のアプリ教材が豊富に出ています。 そこで本記事では、子どもの能力を伸ばすプログラミング学習のための、無料アプリ教材を6つ厳選して紹介します。 子どものうちからプログラミングを始めることには多くのメリットがあり、小学校、中学校、高校それぞれでこれから必修化される「プログラミング教育」への導入としても役立つのでおすすめです。 子どもがプログラミングに興味があるなら、まずは手軽に始められる無料教材からプログラミングの学習を始めてみてはいかがでしょうか。 目次 子ども向けプログラミング教材の種類 【幼児〜小学生におすすめ】無料プログラミング教材 3選 【中学〜高校生におすすめ】無料プログラミング教材 3選 もっと学びを深めたい子どもには まずは子ども向けプログラミング教材にトライしよう！ 子ども向けプログラミング教材の種類 まず、こども向けのプログラミング教材4種類をそれぞれ紹介します。 1）アンプラグド教材 アンプラグド教材とは、コンピュータ（PC、タブレット、スマホなど）の電子機器を使わずにプログラミング的思考を学ぶ教材のこと。 コンピュータの原理やアルゴリズムの概念などをカードやパズルなどを使って学習します。 こちらは手軽に実施することができるので、プログラミングの考え方を学ぶ導入教材として、特に小学生低学年におすすめです。 【アンプログド教材例】 GLICODE®（グリコード） Robot Turtles（ロボットタートルズ） 2）ロボット教材 ロボット教材とは、プログラムによって実際にロボットなどを操作して動かすことができる教材です。 自分のプログラムした内容がすぐに確認できるので、子どもが興味を持ちやすく、楽しみながら学習することができるのが特徴です。 知育おもちゃとしてもおすすめの文字入力不要で幼児でも操作しやすいものから、テキスト言語でプログラムする本格的なロボットまで種類が豊富です。 【ロボット教材例】 Cubetto（キュベット） toio（トイオ） LEGO®BOOST（レゴブースト） 3）ビジュアル言語教材 ビジュアル言語教材とは、図形や命令の書かれたブロックやアイコンなど、視覚的な形を操作してプログラミングする言語教材です。 主にドラッグ＆ドロップの操作でブロックなどを組み合わせて簡単にプログラミングができるため、プログラミング初心者でも扱いやすいのが特徴です。 ビジュアル言語教材の中には、ビジュアル言語で作成したプログラムをテキスト言語に変換して表示したり、テキストでもコードの入力ができるものもあります。 【ビジュアル言語教材例】 Springin（スプリンギン） Viscuit（ビスケット） Scratch（スクラッチ） 4）テキスト言語教材 テキスト言語教材とは、コンピューターへの命令（プログラム）を文字、記号、数字のみで記述する教材のこと。 文字はほとんどの場合英語で、世界で実用的に使われているプログラミング言語の大多数が「テキストプログラミング言語」です。 つまり、エンジニアやプログラマーを目指すならいずれはテキスト言語を習得する必要があります。 【テキスト言語の一例】 HTML/CSS Ruby JavaScript Python　など [PR] コーディングで副業する方法とは【幼児〜小学生におすすめ】無料プログラミング教材 3選 それではまず、幼児～小学生におすすめできる無料のプログラミング教材を3つ紹介します。 1）Springin’（スプリンギン） 難易度★☆☆ ツールタイプ：テキスト言語、ビジュアル言語 コスト：完全無料 対象年代：未就学児〜大人 日本語対応：有 開発元：株式会社しくみデザイン オフライン版の有無：無 動作環境：iOS（iPhone・iPadのみ） PC× タブレット◯ スマートフォン◯ Springin（スプリンギン）は、iPhoneやiPad上で、画面に指で絵をかいたり、アイコンをタッチするシンプルな操作でプログラミングをおこなうことで自作でゲームなどを作れる、株式会社しくみデザインが開発したiOSアプリです。 iPhoneやiPadがあれば無料ですぐに利用できるといった手軽さと、実行したい処理を直観的な操作でプログラミングできるのが特徴です。 子どもが作成した画面上のアイテムにタッチするというシンプルな操作で、「重力」「回転」「自分がタッチされたら○○を動かす」などのような様々な機能や性能を実装できます。アイテム同士の関係を工夫することで小学生でも簡単にゲームや絵本、パズルを作成できます。 独自のビジュアルプログラミング方式でプログラミングを学習している感覚なく、子どもがゲームを作る楽しさに集中できる教材となっています。学習につまずいたとしても、しっかり教えてくれるガイドも充実していて使いやすいです。 2）Viscuit（ビスケット） 難易度★☆☆ ツールタイプ：ビジュアル言語 コスト：完全無料 対象年代：未就学児～小学校低学年 日本語対応：有 開発元：合同会社デジタルポケット オフライン版の有無：有 動作環境：ブラウザ, iOS, Android PC◯ タブレット◯ スマートフォン◯ Viscuit（ビスケット）は、パソコンやタブレットに描いた絵を動かしたり、その絵をつかって「ゲーム」を作ったりすることができる、小学生におすすめのユニークなビジュアル言語教材です。 プログラミング言語は一切使わず、お絵かき感覚で学べるため未就学児でも使うことができます。 ビスケットでのプログラミングが、他の教育向けビジュアルプログラミング言語と大きく異なる点を説明します。 まず、自分で絵を描いて、次にその絵を変化、移動させたりするために、画面上にある「メガネ」というツールを使う、という操作だけでプログラミングができてしまいます。自分で変化させたい場合は「メガネ」の左右の輪に違う絵を置き、移動させたい場合は、同じ絵を「メガネ」の左右の輪にずらして置きます。 他のビジュアル言語の場合、右に10歩移動し、上に40歩移動する等の表現しなければなりませんが、ビスケットの場合は、「メガネ」を使って簡単にできるので、子どもたちがコンピュータでやりたいことに集中して試行錯誤することができます。 スマホ用、タブレット用のアプリがあるほか、パソコンのブラウザ上でも利用できますし、小学校などの学校向けにオフラインで動作するWindows版の配布もあります。 3）Scratch（スクラッチ） 難易度★★☆ ツールタイプ：ビジュアル言語 コスト：完全無料 対象年代：未就学児～高校生 日本語対応：有 開発元：MITメディア・ラボ オフライン版の有無：有 動作環境：ブラウザ, Windows PC◯ タブレット◯ スマートフォン× Scratch（スクラッチ）とは、アメリカ・マサチューセッツ工科大学のメディアラボが無償で公開しているビジュアルプログラミング言語です。 画面上のブロックをつなぎ合わせてプログラムを作るといった、主にマウスを使用してプログラミングするため、キーボード操作に不慣れな小学生でも簡単に操作可能です。 「10歩動かす」「１秒待つ」というような、あらかじめ準備されている命令ブロックを組み合わせてプログラムを作り、プログラムを実行することで画面上のキャラクターを動かしたり、音楽を流したりできます。 作ったプログラムを実行して実際に動作確認をしながら、修正しては実行するトライ＆エラーの作業が、PCまたはタブレットの画面上だけで手軽に行えるので、小学生やプログラミング初心者におすすめです。 自由に遊びながらプログラミングの基本を学ぶことで、発想力や自己表現力が自然と身に付きますよ。 作ったゲームやクイズ、アニメーションなどの作品は、Scratch専用サイトで世界のユーザーに共有することができ、ネットリテラシーの学習も期待できます。 【中学〜高校生におすすめ】無料プログラミング教材 3選 ここではまず、中学～高校生のプログラミング学習におすすめしたいプログラミング言語について解説します。中学〜高校生へおすすめのテキスト言語の例として、HTML/CSS、JavaScript、PHPなどがあります。 HTMLは、ハイパーテキスト・マークアップ・ランゲージ（Hyper Text Markup Language）の略で、簡単にいうと、コンピューターが理解できる文章構成をするための言葉です。主にWebページなどの作成に使われます。 CSSは、カスケーディング・スタイル・シート（Cascading Style Sheets）の略で、Webページのスタイルを指定するための言語です。HTMLと組み合わせて使用されます。 JavaScriptは、非常に身近な言語であり、検索バーに文字を入力するなど、私たちが日々パソコンやスマートフォンで使う動作の際に、JavaScriptによるコンピュータ処理が実行されています。 PHPは、動的にWebページを生成することが可能な言語です。他のプログラミング言語に比べて習得しやすいと言われています。 これらのテキスト言語を学習する際には、キーボードによる文字入力が必要となるためほとんどの場合パソコンを使用します。 それでは、中学～高校生におすすめの無料のプログラミング教材を3つ紹介します。 1）Hour of Code（アワーオブコード） 難易度★★☆ 完全無料 対象年齢 4歳〜18歳 アンプラグド教材・ビジュアル言語教材・テキスト言語教材（HTML、CSS、JavaScript） Hour of Code（アワーオブコード）は、コースが豊富で初心者〜上級者コースまで揃っています。 ディズニーやマインクラフトなどとコラボしたカリキュラムがあり、子どもの興味を引き付けることができます。 そのため、小学生でも学習可能で、早くに学習を始めることで子どもたち自身が21世紀の情報社会を生き抜くための基盤を構築することができます。 もちろん中高生向けの本格的なプログラミングが学べるコースも豊富に揃います。 Hour of Codeは、コンピュータサイエンス教育週間諮問委員会、審査委員会のほか、マイクロソフト、アップル、アマゾン、Boys and Girls Clubs of America、College Boardなど、さまざまな企業、団体によって推進されています。 作成したプロジェクトは全世界に公開できて、いろいろな人からのコメントをもらうこともできますし、問題解決能力、論理性、創造性を養うことができる教材となっています。 2）progate（プロゲート） 難易度★★☆ 一部無料（基礎レベル18レッスン） 月額¥980＋税で82レッスン全て受講可能 対象年齢 11歳〜 テキスト言語教材（HTML、CSS、PHP、jQuery、Ruby） progate（プロゲート）は、1レッスンで解説スライドと演習がセットになっているため、学習しやすい教材です。 初心者から創れる人を生み出す、初心者でも独学で挫折せずに学べること、そして本物のスキルが身につき 「創れる」ようになることを念頭に設計された教材となっています。 一部（基礎レベル18レッスン）を無料で利用することができます。 イラスト中心のスライド式カリキュラムなので自分のペースで学習でき、復習しやすい構成となっています。 プログラミングの作成はすぐに実践することができるように工夫されていて、実際にプログラムを作りながら使えるスキルが身につきます。 この取り組みによって「創れる人」となれるように、子どもたちが自身でエラーを解決し、目標に向かって努力する能力が身につきます。 progateでは無料会員向けには、プログラミングに触れ「基礎」を身につけるコースが、プラス会員に向けには、月額980円＋税で「応用」と「実践」で創る力を身につけるコースが用意されています。 アプリ版は「まずは気軽に始めてみたい」という方におすすめで、まとまった時間がなくても、アプリによる学習ならスマホゲーム感覚で楽しく始められますよ。 まずはアプリ版をダウンロードして、そのあとWeb版で本格的に実践するというのもおすすめです。 3）CODEPREP（コードプレップ） 難易度★★☆ 完全無料 対象年齢 11歳〜 テキスト言語教材（HTML、CSS、JavaScript、Ruby、PHP、Java、jQuery、Python など） CODEPREP（コードプレップ）は、1日10分から始められる穴埋め式ドリル形式が特徴です。 また、この穴埋め式ドリル形式は基礎だけでなく応用編も充実しており、基本的なものから実践的な教材まで揃い、それらが全て完全無料で学び放題となっています。 教材のSTEP1では、サクサク学べる内容となっています。 最初は穴埋め形式なので1冊10分、テンポよく隙間時間で学習できます。HINTやTIPSを見ながら空欄に正解を埋めて直感的にプログラムの動きを理解していきます。 教材のSTEP2では、自由に学べる内容となっています。 STEP1で学習した穴埋め以外の部分についても理解したくなったら、「自由編集モード（Playground）」に切り替えてコードを自由編集することができます。 自分で変更したところが実際にどのように動作に反映されるのかを確かめることができるので、より理解を深めることができます。 教材のSTEP3では、自分の環境で学べる内容となっています。 プログラムの実際の動きを確認したら、編集したコードをダウンロードして自由自在に動作させることができ、子どもたちの達成感を向上させることができます。 最後に、CODEPREPの教材の例をいくつか紹介します。 Java基礎 オブジェクト指向編 Python実践 コマンドラインアプリ編 JavaScript演習 配列操作編 HTML入門 基本要素(タグ)編 JavaScript入門 基本操作編 CSS入門 基本スタイリング編 Ruby入門 基本操作編 WebSocketでチャットをつくろう　など Udemy（ユーデミー） もおすすめ！（有料） 難易度★★★ 有料（1コース1,500円〜） 対象年齢 18歳以上（※18以上でないとアカウント発行できません） テキスト言語教材（HTML、CSS、JavaScript、PHP、Java、Unity、Python など） 無料ではありませんがプログラミング学習教材として、Udemy（ユーデミー）もおすすめです。 Udemyは、世界最大級のオンライン学習プラットフォームであり、世界中の学びたい人と教えたい人をオンラインでつなぐサービスです。 世界最大のコースラインナップ数を有しており、130,000の豊富なコースから選べて、さらに毎月新しいコースが追加されています。 また、講座の内容は、エンジニア業界の専門家が作成しているので安心して受講できます。 Udemyは米国Udemy,Inc.によって運営されているプラットフォームで、日本ではベネッセが事業のパートナーとして協業しています。 C2C（consumer to consumer）により生まれる、豊富で魅力的な講座が多く、子どもたち個人の学習ニーズに応じたコースを見つけることができます。 一般的にオンライン学習サービスは、月額定額のサブスクリプションサービスとなっているものが多く、学習期限がありますが、Udemyは一度講座を購入するとそれ以上は費用がかからず学習期限もないため、何度も復習するなど自分のペースで学習できることろが大きなメリットです。 もっと学びを深めたい子どもには「テックアカデミージュニア」 もっとプログラミングの学びを深めたい子どもには、習い事として「プログラミング教室」がおすすめです。 オンライン教材だけでは、子どもがひとりで学ぶにはモチベーションが続かない、遊び感覚で終了してしまうなど、どうしても限界があるからです。 テックアカデミージュニアは、全国に教室を展開する小中高生向けプログラミング教室です。 通いのオフライン教室の他に、カリキュラムとアクティブラーニングのハイブリット学習で子どもたちの学びを最大化する、オンライン教室も展開。自宅にいながらプログラミングの効率的な学習が可能です。 テックアカデミージュニアのカリキュラムは動画とWebテキストで構成されており、子どもたち一人一人が自分のペースで学習を進めることができます。 気になる方は自宅からオンラインで無料体験学習ができますので、ぜひお試しください。 テックアカデミージュニアが展開する〈7コース〉を紹介 〈初級〉Springin’（スプリンギン）コース（準備中） 受講対象：7歳～（推奨） プログラミングが初めての人におすすめ、想像力を育む iOS専用アプリ「Springin’（スプリンギン）」を使用 自分で描いた絵に重力などの様々な効果をつけてゲームや動く絵本を作成 ビジュアルプログラミングなので未経験者の学習に最適 ふりがな付の丁寧な解説テキストで安心して学習を進められる 〈初級〉はじめてのScratchコース 受講対象：9歳～（推奨） オンライン教室対応 初めての人におすすめ、プログラミングの基礎を学ぶ ビジュアル言語教材の「Scratch（スクラッチ）」を使用 ブロックを組み合わせてできるプログラミング ゲームやアニメーションを作りながら飽きずに学ぶ 動画の解説付きで文字を読むのが苦手でも大丈夫！ 〈中級〉Scratchマスターコース 受講対象：10歳～（推奨） オンライン教室対応 より本格的に学びたい方におすすめの中級レベル ビジュアル言語教材の「Scratch（スクラッチ）」を使用 ブロックを組み合わせてコンピューターの制御を学ぶ 目覚まし時計、計算ゲームなどをプログラミングして開発 プログラミングを学ぶことで論理的思考／創造力が身につく 〈上級〉Webアプリコース 受講対象：11歳～（推奨） オンライン教室対応 実践的なWebプログラミングを学習する上級レベル 世界で用いられるテキスト言語「Ruby（ルビー）」を使用 現役のエンジニアが子どもたちを遠隔でサポート 基礎文法を学び、挨拶ロボットアプリなど簡易的なWebアプリを開発 〈上級〉ゲームアプリコース 受講対象：11歳～（推奨） オンライン教室対応 実践的なゲームプログラミングを学習する上級レベル 世界で用いられる「JavaScript（ジャバスクリプト）」を使用 現役のエンジニアが子どもたちを遠隔でサポート 基礎の文法を習得し、シューティングゲームなどのゲームアプリを開発 〈上級〉Pythonロボティクスコース 受講対象：11歳～（推奨） 実践的なゲームプログラミングを学習する上級レベル 世界で用いられるテキスト言語「Python（パイソン）」を使用 現役のエンジニアが子どもたちを遠隔でサポート 基礎の文法に交え、簡単なロボット制御を並行して学習 〈入門〉プログラミング入門コース with マインクラフト 受講対象：9歳～（推奨） キーボードやマウスの操作に慣れるパソコン入門レベル 全世界の子どもに大人気の「マインクラフト」を使用 適宜、動画が配置されていて学習を進めやすい設計 ゲーム感覚でプログラミングの基本を一通り習得可能 これからプログラミングを始めたい、何から始めたらいいか分からないという方はぜひ試してみください。 ▶︎自宅で無料体験学習を受けてみる ▶︎テックアカデミージュニアについて詳しく知りたい ▶︎子どもにプログラミング学習が向いているか、適性をチェックしたい まずは子ども向けプログラミング教材にトライしよう！ いかがでしたでしょうか。 この記事では、年代別におすすめの子ども向けプログラミング教材を6つ紹介しました。 昨今は無料で手軽に始められる子ども向けプログラミング教材がたくさんあるので、プログラミング教育の導入として、さらにはステップアップとして活用してみてはいかがでしょうか？ プログラミング学習にはたくさんのメリットがあるので、最後にプログラミング学習で身に付く力/スキルをまとめておきます。 プログラミングを学習するメリット 学習力：主体的に考え学習する力が身に付き、他教科の学力アップに繋がる 質問力：わからないことを伝える力が身に付く 積極力：「できた」という成功体験が自信につながる 自己表現力：自らの力で作品を形にすることで自己表現力が身に付く 問題解決力：問題の原因を探り、解決へと導く力が身に付く 論理的思考力：自分が意図する活動を実現するためにはどうすべきか順序立てて考える力が身に付く プログラミングはこれからの社会を生きる子どもたちにとって、必ず役に立つスキルとなります。 興味がある子どもたちにはぜひ、学びの機会を与えてあげましょう！ この記事が子どもたちの成長や可能性を広げるきっかけになれば幸いです。 ▶︎子どもにプログラミング学習が向いているか、適性をチェックしたい
子ども向けプログラミング

あなたの目的に合わせて学べるコース

副業したい方

Web制作の力を身につけ
副業までサポート

はじめての副業コース

転職したい方

未経験から
Webエンジニアに

Webエンジニア転職保証コース

スキルアップしたい方

AIも統計解析もできる
Pythonを学ぶ

Pythonコース

※ 経済産業省の行うリスキリングを通じたキャリアアップ支援事業の補助金対象コースです。条件を満たすことで支払った受講料の最大70％がキャッシュバックされます。詳しくは こちら のページをご確認ください。

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

オーダーメイドコース
TechAcademy（テックアカデミー） フロントエンドコース プログラミング JavaScript 入門に最適！独学から始められるjQueryの学習サイト20選