SlideShare a Scribd company logo
ブラウザを使って プログラミングの 勉強をしよう! 
HTML5ビギナーズ スタッフ 
Taisuke Ozaki 
2014.9.4
プログラミングを 
学び始める段階で 
ありがちな問題
環境の用意が面倒 
(Dreamweaverとか)
途中で挫折してしまう 
(わからない・続かない)
ブラウザを使って 
プログラミングの 
勉強ができる 
Webサービス
ドットインストール 
http://dotinstall.com/
ドットインストール 
◎ 
動画を見てマネるだけ。 
1セクション3分でお手軽。 
いろいろな言語の入門編あり! 
× 
難しい内容だと、早口・早打ち。 
ブラウザだけで完結できない。 
応用編は有料(月額880円)の場合も。
スクー 
https://schoo.jp/
スクー 
◎ 
生講義を聴きながら、段階的に学べる。 
講師にチャット質問可能。 
フリーランスを目指す人向きの授業も。 
× 
見逃し・復習には、有料版が必須。 
ブラウザだけでは完結できない。 
空き時間で効率よく勉強したい人には不向き。
ShareWis 
http://share-wis.com/
ShareWis 
◎ 
テキスト+理解度チェックのシンプル構成。 
関連した分野も体系的に学習! 
知識の復習に最適! 
× 
ブラウザだけでは完結できない。 
「わかったつもり」で終わってしまうかも。 
一つの言語・分野を深く理解するには不向き。
CODEPREP 
http://codeprep.jp/
CODEPREP 
http://codeprep.jp/
CODEPREP 
◎ 
ブラウザひとつで完結できる! 
穴埋め方式なのでつまづきにくい! 
応用編もあり! 
× 
中級者には簡単すぎるかも? 
アレンジが利かせにくい。 
更新がストップしている様子。
CodeCombat 
http://codecombat.com/
CodeCombat 
◎ 
ブラウザゲームを楽しみながら、JavaScriptを学べる! 
記述の試行錯誤が簡単に行える。 
上達するとマルチプレイも楽しめる! 
× 
一部が英語。苦手な人は抵抗あるかも? 
ゲームなので、制作物が残せない。
Code9leap 
http://code.9leap.net/
Code9leap 
◎ 
ゲームを作りたい人に最適! 
チュートリアルから公開まで、ブラウザひとつ! 
サンプルを改造・動かしながら覚える。 
× 
ゲーム制作に関心のない人には向かないかも。 
JavaScriptを体系的に学びたい人には不向き。
比較してみた 
ブラウザ 
完結 
動画 
量・更新 
時間 
特徴 
ドット 
インストール 
× 
○ 
○ 
短い 
短時間 
多彩 
スクー 
× 
○ 
○ 
長い 
有料だと 
便利かも 
CODEPREP 
○ 
× 
△ 
短い 
応用多め 
CodeCombat 
○ 
× 
○ 
長い 
遊んで 
楽しむ 
ShareWis 
× 
× 
△ 
短い 
復習向き 
Code9leap 
○ 
× 
△ 
短い 
ゲーム制作 
希望者向き 
※あくまで個人の感想です。効果には個人差があります。
まとめ 
人それぞれです。 
自分に合う方法を 
探してください! 
※英語サイトもたくさんあります。 
英語得意な人はチャレンジ!
ありがとうございました! 
Twitter/Facebook : ozata92 
Blog : zakipe.com

More Related Content

Viewers also liked

Beating Boring elearning
Beating Boring elearningBeating Boring elearning
Beating Boring elearning
Aura Interactiva
 
Flipbook on E-learning
Flipbook on E-learningFlipbook on E-learning
Flipbook on E-learning
9cdt1
 
Turnbull eLearning Summit - Publish Amazing Interactive Books with iBooks Author
Turnbull eLearning Summit - Publish Amazing Interactive Books with iBooks AuthorTurnbull eLearning Summit - Publish Amazing Interactive Books with iBooks Author
Turnbull eLearning Summit - Publish Amazing Interactive Books with iBooks Author
cturnbull
 
Film 260 Flipbook
Film 260 FlipbookFilm 260 Flipbook
Film 260 Flipbook
Kylie Myers
 
Flipbook
FlipbookFlipbook
Flipbook
Jennifer Bouman
 
E books: The future of reading
E books: The future of readingE books: The future of reading
E books: The future of reading
Sabrina Jackson
 
Flipbook-What if people live without E-devices?
Flipbook-What if people live without E-devices?Flipbook-What if people live without E-devices?
Flipbook-What if people live without E-devices?
Zhaowen Liu
 
Caleb Markle Flipbook
Caleb Markle FlipbookCaleb Markle Flipbook
Caleb Markle Flipbook
calebmarkle
 
Final version flipbook
Final version flipbookFinal version flipbook
Final version flipbook
Yatong Wu
 

Viewers also liked (9)

Beating Boring elearning
Beating Boring elearningBeating Boring elearning
Beating Boring elearning
 
Flipbook on E-learning
Flipbook on E-learningFlipbook on E-learning
Flipbook on E-learning
 
Turnbull eLearning Summit - Publish Amazing Interactive Books with iBooks Author
Turnbull eLearning Summit - Publish Amazing Interactive Books with iBooks AuthorTurnbull eLearning Summit - Publish Amazing Interactive Books with iBooks Author
Turnbull eLearning Summit - Publish Amazing Interactive Books with iBooks Author
 
Film 260 Flipbook
Film 260 FlipbookFilm 260 Flipbook
Film 260 Flipbook
 
Flipbook
FlipbookFlipbook
Flipbook
 
E books: The future of reading
E books: The future of readingE books: The future of reading
E books: The future of reading
 
Flipbook-What if people live without E-devices?
Flipbook-What if people live without E-devices?Flipbook-What if people live without E-devices?
Flipbook-What if people live without E-devices?
 
Caleb Markle Flipbook
Caleb Markle FlipbookCaleb Markle Flipbook
Caleb Markle Flipbook
 
Final version flipbook
Final version flipbookFinal version flipbook
Final version flipbook
 

Similar to ブラウザを使ってプログラミングの勉強をしよう!

知ってるようで知らないWeb基礎セミナー
知ってるようで知らないWeb基礎セミナー知ってるようで知らないWeb基礎セミナー
知ってるようで知らないWeb基礎セミナー
ukkyo
 
20141119 eLC Disruptive Innovation in Education.
20141119 eLC Disruptive Innovation in Education.20141119 eLC Disruptive Innovation in Education.
20141119 eLC Disruptive Innovation in Education.
Hiroki Inoue
 
リアルタイム型授業の様々な工夫
リアルタイム型授業の様々な工夫リアルタイム型授業の様々な工夫
リアルタイム型授業の様々な工夫
englishteacherotasuketoukai
 
プログラミングの学習方法 | How To Learn The Programming 14.05.31 WP-D Fes #02 Interviews ...
プログラミングの学習方法 | How To Learn The Programming 14.05.31 WP-D Fes #02 Interviews ...プログラミングの学習方法 | How To Learn The Programming 14.05.31 WP-D Fes #02 Interviews ...
プログラミングの学習方法 | How To Learn The Programming 14.05.31 WP-D Fes #02 Interviews ...
Yoshinori Kobayashi
 
WordPressの進化とWordPress名古屋コミュニティの進化
WordPressの進化とWordPress名古屋コミュニティの進化WordPressの進化とWordPress名古屋コミュニティの進化
WordPressの進化とWordPress名古屋コミュニティの進化
takashi ono
 
オンデマンド学習スタイル例 NFU
オンデマンド学習スタイル例 NFUオンデマンド学習スタイル例 NFU
オンデマンド学習スタイル例 NFU
Yukio Saito
 
ドワンゴの新卒エンジニアが 新規サービスを立ち上げるまで
ドワンゴの新卒エンジニアが新規サービスを立ち上げるまでドワンゴの新卒エンジニアが新規サービスを立ち上げるまで
ドワンゴの新卒エンジニアが 新規サービスを立ち上げるまで
Kazunari Kida
 
レスポンシブ対応 をサポートするプラグイン
レスポンシブ対応 をサポートするプラグインレスポンシブ対応 をサポートするプラグイン
レスポンシブ対応 をサポートするプラグイン
Kawaji Masaki
 
プログラマになれないあなたのための言語戦略 (Gunma.web #7 2011/12/17)
プログラマになれないあなたのための言語戦略 (Gunma.web #7 2011/12/17)プログラマになれないあなたのための言語戦略 (Gunma.web #7 2011/12/17)
プログラマになれないあなたのための言語戦略 (Gunma.web #7 2011/12/17)
parrotstudio
 
Serverless LT 20201202
Serverless LT 20201202Serverless LT 20201202
Serverless LT 20201202
ssuserebdd2a
 
Chainer meetup
Chainer meetupChainer meetup
Chainer meetup
kikusu
 
【Unity道場スペシャル 2017幕張】大学、専門学校でunityの講座をおこなった感触
【Unity道場スペシャル 2017幕張】大学、専門学校でunityの講座をおこなった感触【Unity道場スペシャル 2017幕張】大学、専門学校でunityの講座をおこなった感触
【Unity道場スペシャル 2017幕張】大学、専門学校でunityの講座をおこなった感触
Unity Technologies Japan K.K.
 
開発初心者のためのMoodleプラグインの開発と利用(第二部) for Moodle Moot 2015
開発初心者のためのMoodleプラグインの開発と利用(第二部) for Moodle Moot 2015開発初心者のためのMoodleプラグインの開発と利用(第二部) for Moodle Moot 2015
開発初心者のためのMoodleプラグインの開発と利用(第二部) for Moodle Moot 2015
Shigeharu Yamaoka
 
2014/5/5 Flipped Classroom Workshop
2014/5/5 Flipped Classroom Workshop2014/5/5 Flipped Classroom Workshop
2014/5/5 Flipped Classroom Workshop
Hiroki Inoue
 
ど素人向け エンジニア勉強会
ど素人向け エンジニア勉強会ど素人向け エンジニア勉強会
ど素人向け エンジニア勉強会
YukiIwasaki2764
 
オンライン授業の進め方(教員向け)
オンライン授業の進め方(教員向け)オンライン授業の進め方(教員向け)
オンライン授業の進め方(教員向け)
Hiroshi Igaki
 
モダンなモバイル開発のススメ
モダンなモバイル開発のススメモダンなモバイル開発のススメ
モダンなモバイル開発のススメDaichi Kamemoto
 
授業外・教室外の学習を見据えた教材設計
授業外・教室外の学習を見据えた教材設計授業外・教室外の学習を見据えた教材設計
授業外・教室外の学習を見据えた教材設計
Sunami Hokuto
 
開発キックオフ時にマネージャが行うべき11のこと ~Visual Studio Online & TFS 使い始めと HOME 画面の構成
開発キックオフ時にマネージャが行うべき11のこと ~Visual Studio Online & TFS 使い始めと HOME 画面の構成開発キックオフ時にマネージャが行うべき11のこと ~Visual Studio Online & TFS 使い始めと HOME 画面の構成
開発キックオフ時にマネージャが行うべき11のこと ~Visual Studio Online & TFS 使い始めと HOME 画面の構成
慎一 古賀
 
授業動画を作ろう!パワポ&スマホ編
授業動画を作ろう!パワポ&スマホ編授業動画を作ろう!パワポ&スマホ編
授業動画を作ろう!パワポ&スマホ編
Y. MASHIMA
 

Similar to ブラウザを使ってプログラミングの勉強をしよう! (20)

知ってるようで知らないWeb基礎セミナー
知ってるようで知らないWeb基礎セミナー知ってるようで知らないWeb基礎セミナー
知ってるようで知らないWeb基礎セミナー
 
20141119 eLC Disruptive Innovation in Education.
20141119 eLC Disruptive Innovation in Education.20141119 eLC Disruptive Innovation in Education.
20141119 eLC Disruptive Innovation in Education.
 
リアルタイム型授業の様々な工夫
リアルタイム型授業の様々な工夫リアルタイム型授業の様々な工夫
リアルタイム型授業の様々な工夫
 
プログラミングの学習方法 | How To Learn The Programming 14.05.31 WP-D Fes #02 Interviews ...
プログラミングの学習方法 | How To Learn The Programming 14.05.31 WP-D Fes #02 Interviews ...プログラミングの学習方法 | How To Learn The Programming 14.05.31 WP-D Fes #02 Interviews ...
プログラミングの学習方法 | How To Learn The Programming 14.05.31 WP-D Fes #02 Interviews ...
 
WordPressの進化とWordPress名古屋コミュニティの進化
WordPressの進化とWordPress名古屋コミュニティの進化WordPressの進化とWordPress名古屋コミュニティの進化
WordPressの進化とWordPress名古屋コミュニティの進化
 
オンデマンド学習スタイル例 NFU
オンデマンド学習スタイル例 NFUオンデマンド学習スタイル例 NFU
オンデマンド学習スタイル例 NFU
 
ドワンゴの新卒エンジニアが 新規サービスを立ち上げるまで
ドワンゴの新卒エンジニアが新規サービスを立ち上げるまでドワンゴの新卒エンジニアが新規サービスを立ち上げるまで
ドワンゴの新卒エンジニアが 新規サービスを立ち上げるまで
 
レスポンシブ対応 をサポートするプラグイン
レスポンシブ対応 をサポートするプラグインレスポンシブ対応 をサポートするプラグイン
レスポンシブ対応 をサポートするプラグイン
 
プログラマになれないあなたのための言語戦略 (Gunma.web #7 2011/12/17)
プログラマになれないあなたのための言語戦略 (Gunma.web #7 2011/12/17)プログラマになれないあなたのための言語戦略 (Gunma.web #7 2011/12/17)
プログラマになれないあなたのための言語戦略 (Gunma.web #7 2011/12/17)
 
Serverless LT 20201202
Serverless LT 20201202Serverless LT 20201202
Serverless LT 20201202
 
Chainer meetup
Chainer meetupChainer meetup
Chainer meetup
 
【Unity道場スペシャル 2017幕張】大学、専門学校でunityの講座をおこなった感触
【Unity道場スペシャル 2017幕張】大学、専門学校でunityの講座をおこなった感触【Unity道場スペシャル 2017幕張】大学、専門学校でunityの講座をおこなった感触
【Unity道場スペシャル 2017幕張】大学、専門学校でunityの講座をおこなった感触
 
開発初心者のためのMoodleプラグインの開発と利用(第二部) for Moodle Moot 2015
開発初心者のためのMoodleプラグインの開発と利用(第二部) for Moodle Moot 2015開発初心者のためのMoodleプラグインの開発と利用(第二部) for Moodle Moot 2015
開発初心者のためのMoodleプラグインの開発と利用(第二部) for Moodle Moot 2015
 
2014/5/5 Flipped Classroom Workshop
2014/5/5 Flipped Classroom Workshop2014/5/5 Flipped Classroom Workshop
2014/5/5 Flipped Classroom Workshop
 
ど素人向け エンジニア勉強会
ど素人向け エンジニア勉強会ど素人向け エンジニア勉強会
ど素人向け エンジニア勉強会
 
オンライン授業の進め方(教員向け)
オンライン授業の進め方(教員向け)オンライン授業の進め方(教員向け)
オンライン授業の進め方(教員向け)
 
モダンなモバイル開発のススメ
モダンなモバイル開発のススメモダンなモバイル開発のススメ
モダンなモバイル開発のススメ
 
授業外・教室外の学習を見据えた教材設計
授業外・教室外の学習を見据えた教材設計授業外・教室外の学習を見据えた教材設計
授業外・教室外の学習を見据えた教材設計
 
開発キックオフ時にマネージャが行うべき11のこと ~Visual Studio Online & TFS 使い始めと HOME 画面の構成
開発キックオフ時にマネージャが行うべき11のこと ~Visual Studio Online & TFS 使い始めと HOME 画面の構成開発キックオフ時にマネージャが行うべき11のこと ~Visual Studio Online & TFS 使い始めと HOME 画面の構成
開発キックオフ時にマネージャが行うべき11のこと ~Visual Studio Online & TFS 使い始めと HOME 画面の構成
 
授業動画を作ろう!パワポ&スマホ編
授業動画を作ろう!パワポ&スマホ編授業動画を作ろう!パワポ&スマホ編
授業動画を作ろう!パワポ&スマホ編
 

ブラウザを使ってプログラミングの勉強をしよう!