SlideShare a Scribd company logo
1 of 21
プログラミング学習サイト
     +
ブラウザ上での音声読上げ




     井原
①プログラミング学習サ
イトの紹介
Codecademy
デモ
Codecademy

料金   すべて無料
言語   殆ど英語
     (最初のJavaScriptのレッスンだけ日本語化されてるかも)
種類   HTML, CSS, JavaScript, Python, Ruby, Jquery
Codeschool
Codeschool
料金   有料
     (無料のコースもそこそこある)
     (月額$20で全有料コンテンツを利用可能)
言語   英語

特徴   • 言語はRuby特化。
     • Webデザイン系のコースもある
種類   iOS, R, Sass, Ruby, Git, Rspec, Node.js,
     Backbone.js, Ruby on Rails, CSS, CoffeeScript, jQuery,
     HTML5&CSS3
Khan Academy
Khan Academy
Khan Academy
料金   すべて無料
言語   英語
特徴   •   一般的な初等教育を英語で学べるWebサイト
     •   3600本以上のビデオ
     •   累計視聴回数3000万回以上
     •   Computer Scienceもちょっとだけ提供してる
         (メインコンテンツではないみたい)
種類   Python, JavaScript
Khan Academy - 参考 -
• Salman Khan: Let's use video to reinvent                 オススメ!
  education (TED TALKS)
  – http://www.ted.com/talks/salman_khan_let_s_use_vi
    deo_to_reinvent_education.html
• Python講座
  – http://www.khanacademy.org/science/computer-
    science
• プログラミング初学者向け講座 (JavaScript他)
  – http://www.khanacademy.org/cs
  – 上記のサイトに関係したblogエントリ
     • http://ejohn.org/blog/javascript-as-a-first-language/
     • http://ejohn.org/blog/introducing-khan-cs/
• Khan Academy のiPhoneアプリも最近出た
Tips - YouTube(HTML5) -
• HTML5試用版を有効にすると                 ※ ドットインストール
                                  を見る時にも便利
 – 再生速度の変更ができる
 – 字幕表示もちょっとかっこよくなる
 – http://www.youtube.com/html5?hl=ja
Lynda.com
Lynda.com
料金   有料
     (月$25 で全コンテンツ利用可能。$37.5 でダウンロードも可
     能)
     (1週間だけFree Trial として無料で試せる)
言語   英語
特徴   • ソフトウェア、デザイン、ビジネススキルを学べるWeb
       サイト
     • 有料会員 100万人以上
種類   Ruby on Rails, iOS, Android etc

     Excel
Lynda.com - 参考 -
• 英語のウェブデザイン等のオンライン講座【Lynda.com】
  について詳しく解説!
 – http://web-design-
   learning.com/2011/12/%E8%8B%B1%E8%AA%9E%E3%81%AE%E3%
   82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%
   A4%E3%83%B3%E7%AD%89%E3%81%AE%E3%82%AA%E3%83%B3
   %E3%83%A9%E3%82%A4%E3%83%B3%E8%AC%9B%E5%BA%A7%E
   3%80%90lynda-com%E3%80%91/

• 有料会員100万人のハウツーサイト『Lynda.com』
 – http://wired.jp/2011/06/20/%E6%9C%89%E6%96%99%E4%BC%9A
   %E5%93%A1100%E4%B8%87%E4%BA%BA%E3%81%AE%E3%83%8F
   %E3%82%A6%E3%83%84%E3%83%BC%E3%82%B5%E3%82%A4%E
   3%83%88%E3%80%8Elynda-com%E3%80%8F/
                                          ※日本語URLうざい
今日の内容のまとめ - 参考エントリ
        -
• こんなに充実!Webで学べるIT系学習講座20
  選まとめ - @IT
 – http://www.atmarkit.co.jp/fjava/column/andoh/and
   oh61.html
            ※今日の発表で紹介したサイト、全て紹介されて
            ます
②ブラウザ上での音声読上
げの紹介
ブラウザ上での音声読上げ
• Chrome 拡張 「SpeakIt!」
  – iSpeech社の提供




                  https://chrome.google.com/webstore/detail/speakit/
                  pgeolalilifpodheeocdmbhehgnkkbak
デモ
終わり

More Related Content

Similar to プログラミング学習サイト+ブラウザ上での音声読上げ

Scalaでのプログラム開発
Scalaでのプログラム開発Scalaでのプログラム開発
Scalaでのプログラム開発Kota Mizushima
 
Webの勉強会#11
Webの勉強会#11Webの勉強会#11
Webの勉強会#11MarlboroLand
 
オレたちとVisual Studioとの関係を話そう
オレたちとVisual Studioとの関係を話そうオレたちとVisual Studioとの関係を話そう
オレたちとVisual Studioとの関係を話そうMitsuhito Ishino
 
マイクロサービス時代の動画配信基Ruby×go=∞
マイクロサービス時代の動画配信基Ruby×go=∞マイクロサービス時代の動画配信基Ruby×go=∞
マイクロサービス時代の動画配信基Ruby×go=∞DMM.com
 
PlaySQLAlchemy: SQLAlchemy入門
PlaySQLAlchemy: SQLAlchemy入門PlaySQLAlchemy: SQLAlchemy入門
PlaySQLAlchemy: SQLAlchemy入門泰 増田
 
HTML5時代のwebクリエイターに必要なこと
HTML5時代のwebクリエイターに必要なことHTML5時代のwebクリエイターに必要なこと
HTML5時代のwebクリエイターに必要なことMasakazu Muraoka
 
About rails 3
About rails 3About rails 3
About rails 3issei126
 
Webの仕組みとプログラミング言語
Webの仕組みとプログラミング言語Webの仕組みとプログラミング言語
Webの仕組みとプログラミング言語Yossy Taka
 
HTML5とWeb開発に関する最新動向
HTML5とWeb開発に関する最新動向HTML5とWeb開発に関する最新動向
HTML5とWeb開発に関する最新動向Shumpei Shiraishi
 
Rubyプログラミング教育に対する取り組みと事例紹介
Rubyプログラミング教育に対する取り組みと事例紹介Rubyプログラミング教育に対する取り組みと事例紹介
Rubyプログラミング教育に対する取り組みと事例紹介Yasushi Ishikawa
 
jQueryの先に行こう!最先端のWeb開発トレンドを学ぶ
jQueryの先に行こう!最先端のWeb開発トレンドを学ぶjQueryの先に行こう!最先端のWeb開発トレンドを学ぶ
jQueryの先に行こう!最先端のWeb開発トレンドを学ぶShumpei Shiraishi
 
SeleniumE2Eテストフレームワークを使用したテスト自動化事例 #Seleniumjp
SeleniumE2Eテストフレームワークを使用したテスト自動化事例 #SeleniumjpSeleniumE2Eテストフレームワークを使用したテスト自動化事例 #Seleniumjp
SeleniumE2Eテストフレームワークを使用したテスト自動化事例 #SeleniumjpYahoo!デベロッパーネットワーク
 
リモートデバッグツール Weinerをつかってみた
リモートデバッグツール Weinerをつかってみたリモートデバッグツール Weinerをつかってみた
リモートデバッグツール WeinerをつかってみたMasakazu Muraoka
 
非同期処理をちょっとはラクに。Promises:aほか
 非同期処理をちょっとはラクに。Promises:aほか 非同期処理をちょっとはラクに。Promises:aほか
非同期処理をちょっとはラクに。Promises:aほかMasakazu Muraoka
 
ブラウザから飛び出すWeb技術とHTML5
ブラウザから飛び出すWeb技術とHTML5ブラウザから飛び出すWeb技術とHTML5
ブラウザから飛び出すWeb技術とHTML5Wakasa Masao
 
Javaな人が気を付けるべきJavaScriptコーディングスタイル
Javaな人が気を付けるべきJavaScriptコーディングスタイルJavaな人が気を付けるべきJavaScriptコーディングスタイル
Javaな人が気を付けるべきJavaScriptコーディングスタイルMaaya Ishida
 
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」Takashi Endo
 
2015年GMOペパボ新卒エンジニア研修 Web開発研修イントロダクション
2015年GMOペパボ新卒エンジニア研修 Web開発研修イントロダクション2015年GMOペパボ新卒エンジニア研修 Web開発研修イントロダクション
2015年GMOペパボ新卒エンジニア研修 Web開発研修イントロダクションTakahiro Okumura
 

Similar to プログラミング学習サイト+ブラウザ上での音声読上げ (20)

Scalaでのプログラム開発
Scalaでのプログラム開発Scalaでのプログラム開発
Scalaでのプログラム開発
 
Webの勉強会#11
Webの勉強会#11Webの勉強会#11
Webの勉強会#11
 
オレたちとVisual Studioとの関係を話そう
オレたちとVisual Studioとの関係を話そうオレたちとVisual Studioとの関係を話そう
オレたちとVisual Studioとの関係を話そう
 
マイクロサービス時代の動画配信基Ruby×go=∞
マイクロサービス時代の動画配信基Ruby×go=∞マイクロサービス時代の動画配信基Ruby×go=∞
マイクロサービス時代の動画配信基Ruby×go=∞
 
Sendai.html5#2
Sendai.html5#2Sendai.html5#2
Sendai.html5#2
 
PlaySQLAlchemy: SQLAlchemy入門
PlaySQLAlchemy: SQLAlchemy入門PlaySQLAlchemy: SQLAlchemy入門
PlaySQLAlchemy: SQLAlchemy入門
 
HTML5時代のwebクリエイターに必要なこと
HTML5時代のwebクリエイターに必要なことHTML5時代のwebクリエイターに必要なこと
HTML5時代のwebクリエイターに必要なこと
 
About rails 3
About rails 3About rails 3
About rails 3
 
Webの仕組みとプログラミング言語
Webの仕組みとプログラミング言語Webの仕組みとプログラミング言語
Webの仕組みとプログラミング言語
 
HTML5とWeb開発に関する最新動向
HTML5とWeb開発に関する最新動向HTML5とWeb開発に関する最新動向
HTML5とWeb開発に関する最新動向
 
Rubyプログラミング教育に対する取り組みと事例紹介
Rubyプログラミング教育に対する取り組みと事例紹介Rubyプログラミング教育に対する取り組みと事例紹介
Rubyプログラミング教育に対する取り組みと事例紹介
 
jQueryの先に行こう!最先端のWeb開発トレンドを学ぶ
jQueryの先に行こう!最先端のWeb開発トレンドを学ぶjQueryの先に行こう!最先端のWeb開発トレンドを学ぶ
jQueryの先に行こう!最先端のWeb開発トレンドを学ぶ
 
SeleniumE2Eテストフレームワークを使用したテスト自動化事例 #Seleniumjp
SeleniumE2Eテストフレームワークを使用したテスト自動化事例 #SeleniumjpSeleniumE2Eテストフレームワークを使用したテスト自動化事例 #Seleniumjp
SeleniumE2Eテストフレームワークを使用したテスト自動化事例 #Seleniumjp
 
リモートデバッグツール Weinerをつかってみた
リモートデバッグツール Weinerをつかってみたリモートデバッグツール Weinerをつかってみた
リモートデバッグツール Weinerをつかってみた
 
Kaleidox
KaleidoxKaleidox
Kaleidox
 
非同期処理をちょっとはラクに。Promises:aほか
 非同期処理をちょっとはラクに。Promises:aほか 非同期処理をちょっとはラクに。Promises:aほか
非同期処理をちょっとはラクに。Promises:aほか
 
ブラウザから飛び出すWeb技術とHTML5
ブラウザから飛び出すWeb技術とHTML5ブラウザから飛び出すWeb技術とHTML5
ブラウザから飛び出すWeb技術とHTML5
 
Javaな人が気を付けるべきJavaScriptコーディングスタイル
Javaな人が気を付けるべきJavaScriptコーディングスタイルJavaな人が気を付けるべきJavaScriptコーディングスタイル
Javaな人が気を付けるべきJavaScriptコーディングスタイル
 
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
 
2015年GMOペパボ新卒エンジニア研修 Web開発研修イントロダクション
2015年GMOペパボ新卒エンジニア研修 Web開発研修イントロダクション2015年GMOペパボ新卒エンジニア研修 Web開発研修イントロダクション
2015年GMOペパボ新卒エンジニア研修 Web開発研修イントロダクション
 

More from ishiki-takai

保険のはなし
保険のはなし保険のはなし
保険のはなしishiki-takai
 
Stack Overflow+英文読む時、便利なツール
Stack Overflow+英文読む時、便利なツールStack Overflow+英文読む時、便利なツール
Stack Overflow+英文読む時、便利なツールishiki-takai
 
アイディアの育て方
アイディアの育て方アイディアの育て方
アイディアの育て方ishiki-takai
 
モチベーション3.0
モチベーション3.0モチベーション3.0
モチベーション3.0ishiki-takai
 
伝説的プレゼンテーションを取り入れようと思ったらイマイチはまらなかった
伝説的プレゼンテーションを取り入れようと思ったらイマイチはまらなかった伝説的プレゼンテーションを取り入れようと思ったらイマイチはまらなかった
伝説的プレゼンテーションを取り入れようと思ったらイマイチはまらなかったishiki-takai
 

More from ishiki-takai (6)

Defcon
DefconDefcon
Defcon
 
保険のはなし
保険のはなし保険のはなし
保険のはなし
 
Stack Overflow+英文読む時、便利なツール
Stack Overflow+英文読む時、便利なツールStack Overflow+英文読む時、便利なツール
Stack Overflow+英文読む時、便利なツール
 
アイディアの育て方
アイディアの育て方アイディアの育て方
アイディアの育て方
 
モチベーション3.0
モチベーション3.0モチベーション3.0
モチベーション3.0
 
伝説的プレゼンテーションを取り入れようと思ったらイマイチはまらなかった
伝説的プレゼンテーションを取り入れようと思ったらイマイチはまらなかった伝説的プレゼンテーションを取り入れようと思ったらイマイチはまらなかった
伝説的プレゼンテーションを取り入れようと思ったらイマイチはまらなかった
 

プログラミング学習サイト+ブラウザ上での音声読上げ

  • 1. プログラミング学習サイト + ブラウザ上での音声読上げ 井原
  • 5. Codecademy 料金 すべて無料 言語 殆ど英語 (最初のJavaScriptのレッスンだけ日本語化されてるかも) 種類 HTML, CSS, JavaScript, Python, Ruby, Jquery
  • 7. Codeschool 料金 有料 (無料のコースもそこそこある) (月額$20で全有料コンテンツを利用可能) 言語 英語 特徴 • 言語はRuby特化。 • Webデザイン系のコースもある 種類 iOS, R, Sass, Ruby, Git, Rspec, Node.js, Backbone.js, Ruby on Rails, CSS, CoffeeScript, jQuery, HTML5&CSS3
  • 10. Khan Academy 料金 すべて無料 言語 英語 特徴 • 一般的な初等教育を英語で学べるWebサイト • 3600本以上のビデオ • 累計視聴回数3000万回以上 • Computer Scienceもちょっとだけ提供してる (メインコンテンツではないみたい) 種類 Python, JavaScript
  • 11. Khan Academy - 参考 - • Salman Khan: Let's use video to reinvent オススメ! education (TED TALKS) – http://www.ted.com/talks/salman_khan_let_s_use_vi deo_to_reinvent_education.html • Python講座 – http://www.khanacademy.org/science/computer- science • プログラミング初学者向け講座 (JavaScript他) – http://www.khanacademy.org/cs – 上記のサイトに関係したblogエントリ • http://ejohn.org/blog/javascript-as-a-first-language/ • http://ejohn.org/blog/introducing-khan-cs/ • Khan Academy のiPhoneアプリも最近出た
  • 12. Tips - YouTube(HTML5) - • HTML5試用版を有効にすると ※ ドットインストール を見る時にも便利 – 再生速度の変更ができる – 字幕表示もちょっとかっこよくなる – http://www.youtube.com/html5?hl=ja
  • 13.
  • 15. Lynda.com 料金 有料 (月$25 で全コンテンツ利用可能。$37.5 でダウンロードも可 能) (1週間だけFree Trial として無料で試せる) 言語 英語 特徴 • ソフトウェア、デザイン、ビジネススキルを学べるWeb サイト • 有料会員 100万人以上 種類 Ruby on Rails, iOS, Android etc Excel
  • 16. Lynda.com - 参考 - • 英語のウェブデザイン等のオンライン講座【Lynda.com】 について詳しく解説! – http://web-design- learning.com/2011/12/%E8%8B%B1%E8%AA%9E%E3%81%AE%E3% 82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82% A4%E3%83%B3%E7%AD%89%E3%81%AE%E3%82%AA%E3%83%B3 %E3%83%A9%E3%82%A4%E3%83%B3%E8%AC%9B%E5%BA%A7%E 3%80%90lynda-com%E3%80%91/ • 有料会員100万人のハウツーサイト『Lynda.com』 – http://wired.jp/2011/06/20/%E6%9C%89%E6%96%99%E4%BC%9A %E5%93%A1100%E4%B8%87%E4%BA%BA%E3%81%AE%E3%83%8F %E3%82%A6%E3%83%84%E3%83%BC%E3%82%B5%E3%82%A4%E 3%83%88%E3%80%8Elynda-com%E3%80%8F/ ※日本語URLうざい
  • 17. 今日の内容のまとめ - 参考エントリ - • こんなに充実!Webで学べるIT系学習講座20 選まとめ - @IT – http://www.atmarkit.co.jp/fjava/column/andoh/and oh61.html ※今日の発表で紹介したサイト、全て紹介されて ます
  • 19. ブラウザ上での音声読上げ • Chrome 拡張 「SpeakIt!」 – iSpeech社の提供 https://chrome.google.com/webstore/detail/speakit/ pgeolalilifpodheeocdmbhehgnkkbak