Share this course

Get up to 20% revenue for each qualifying new purchase you refer.
Let's create your account!
Top Programming 実例でわかる JavaScript 初心者講座
PRO COURSE

実例でわかる JavaScript 初心者講座

初心者を対象にしたJavaScript講座です。実際にブラウザ上で動くHTML 5アプリをたくさん作りながら、JavaScriptの基礎を学びます。

動くアプリをたくさん作って
JavaScriptの基礎を学ぼう!!


JavaScriptは、Webブラウザとテキストエディタがあれば、すぐにプログラムを開発できるプログラミング言語です。

このコースでは、JavaScriptの基礎からスタートし、最終的に最新のHTML5の機能を利用した、アプリの作成までを行います。

各セクションでは、以下のようなアプリを作ります。ほとんどのアプリは、ソースコードが100行以内で、容易に理解、改造が行えます。

また、コースで紹介されるコードは、サンプルコードとして、全てダウンロードすることができます。

  • 税込み計算アプリ(入力欄から数値を得て計算結果を表示)
  • アウトライン メモ(アウトライン エディタ風に、ネストしたリストを追加)
  • 三択問題アプリ(ユーザーの解答に応じて、結果表示を分岐)
  • 字典アプリ(マウスオーバーで、説明表示を切り替え)
  • テーブル ソート(テーブルを、名前順や数値順で、自在にソート)
  • 連続計算アプリ(複数行入力欄の数式を、行ごとに計算して結果表示)
  • メモ アプリ(Webブラウザに情報を記録したり、取り出したり)
  • HTML自動リンク アプリ(文字列からURLを探し出して、自動でタグを付加)
  • 角丸四角画像生成アプリ(角丸四角のパスを作り、画像を動的に生成)
  • 画像切り抜きアプリ(画像を丸く切り抜いたPNG画像を生成)
  • セピア調アプリ(画像の画素を処理して、セピア調に変換)
  • 音声再生アプリ(音声を読み込み、再生)
  • 動画再生アプリ(動画を読み込み、再生)
  • ストップウォッチ(経過時間を取得して、定期的に表示を更新)
  • 人気Webページ表示(Web APIを利用して情報を得て、リンクボタンを自動生成)

※ 本コースの解説で出てくる「Webアプリ」とは、ブラウザ上で動くアプリケーションのことです。電卓やメモ帳のような、パソコンのローカルアプリを、ブラウザ上で再現したものになります。複雑なものでは、PhotoshopのようなWebアプリもあります。本コースでは、初心者でも作れるものを中心に、作成していきます。

このコースで学べること

  • JavaScriptの基本の習得。
  • HTML、CSS、JavaScriptを利用した、ブラウザ上で動くアプリケーションの作成。
  • 変数、条件分岐、ループ処理、配列など、プログラミングの基本の理解。
  • HTML5の機能を利用した、画像処理や音声、動画の再生などの実装方法の理解。

受講における必要条件

  • 事前の準備は特に必要ありません。
  • 表示確認用のWebブラウザとして、Google Chromeを使います。

こんな方にオススメ

  • プログラミング未経験者や初心者。
  • 過去にプログラミングの勉強をしたことがあるが挫折した人。
  • JavaScriptについて知識がない人。
  • 手軽にアプリを作ってみたい人。

このコースでJavaScriptを使ったWebアプリの作り方を学び、プログラミングの基礎とアプリケーションを実際に作れるようになるスキルを身につけましょう!

About the instructor

柳井 政和
クロノス・クラウン合同会社 代表社員

2002年にクロノス・クラウン合同会社を設立。代表社員。ゲームやアプリケーションの開発、書籍や記事の執筆を行う。

秀和システムより「マンガでわかるJavaScript」「マンガでわかるAndroidプログラミング」「マンガでわかるJavaプログラミング」他、技術評論社より「JavaScript 仕事の現場でサッと使える! デザイン教科書」「プログラマのためのコードパズル」を出版。

2001年度のオンラインソフトウェア大賞に「めもりーくりーなー」で入賞。

2016年に第23回松本清張賞の最終候補となり、文藝春秋より「裏切りのプログラム」で小説家デビュー。

See more

Course content

Total
Preview You can preview lectures with this label
Loading

Ratings and reviews

4.5
6 reviews
5 stars
67%
4 stars
17%
3 stars
17%
2 stars
0%
1 stars
0%

Related Courses

Adobe系スキルからプログラミングまで Web制作必要スキルセット講座
SET COURSE

Adobe系スキルからプログラミングまで Web制作必要スキルセット講座

8 Courses Included
Instructor: ムラモリ コウ
27
$8.99/mo
フロントエンドエンジニアになりたい人のHTML/CSS/JavaScript入門講座
PRO COURSE

フロントエンドエンジニアになりたい人のHTML/CSS/JavaScript入門講座

10h 26m Video Course
Instructor: たにぐち まこと
31
$199.99
誰でもわかる!HTML & CSS基礎
PRO COURSE

誰でもわかる!HTML & CSS基礎

10h 15m Video Course
Instructor: 荒川 栄一郎
1
$187.99
Learn CSS Transition and Animation
PRO COURSE

Learn CSS Transition and Animation

1h 7m Video Course
Instructor: Supriyo Kundu
$49.99
JavaScript完全速習講座
PRO COURSE

JavaScript完全速習講座

4h 27m Video Course
Instructor: Hatano Masaaki
5
$35.99
Node.jsとNW.jsで作るJavaScript ローカルアプリ開発講座
PRO COURSE

Node.jsとNW.jsで作るJavaScript ローカルアプリ開発講座

5h 22m Video Course
Instructor: 柳井 政和
$89.99
Electronでつくるローカルアプリ開発講座 for Windows
PRO COURSE

Electronでつくるローカルアプリ開発講座 for Windows

3h 20m Video Course
Instructor: 柳井 政和
$89.99
Djangoで作るはじめてのPythonによるWebアプリケーション開発講座
PRO COURSE

Djangoで作るはじめてのPythonによるWebアプリケーション開発講座

16h 50m Video Course
Instructor: 滝澤 成人
4
$199.99
jQueryでリッチなUIを実現する実践講座
PRO COURSE

jQueryでリッチなUIを実現する実践講座

7h 10m Video Course
Instructor: Hatano Masaaki
11
$35.99
未経験から始める Dreamweaver CS6
PRO COURSE

未経験から始める Dreamweaver CS6

2h 26m Video Course
Instructor: アテイン株式会社
1
$21.99
誰でもわかる!JavaScript & jQuery基礎
PRO COURSE

誰でもわかる!JavaScript & jQuery基礎

10h 47m Video Course
Instructor: 荒川 栄一郎
$187.99
6時間でマスター!! jQueryで動きのあるWebサイトを作ろう
PRO COURSE

6時間でマスター!! jQueryで動きのあるWebサイトを作ろう

5h 59m Video Course
Instructor: ムラモリ コウ
2
$69.98