Share this course

Get up to 20% revenue for each qualifying new purchase you refer.
Let's create your account!

Edit Your Review

Describe your thoughts and experience with this course.
Cancel
Complete

Your Review

Delete
Edit

Review This Course

Describe your thoughts and experience with this course.
Exit
Complete

Review This Course

Post a review
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

元Appleシニアマネジャー直伝 !「使える」ビジネス英語
PRO COURSE

元Appleシニアマネジャー直伝 !「使える」ビジネス英語

57m Video Course
Instructor: 松井 博
$89.99
コンテンツマーケティング入門講座 - 安定したリード獲得のために
PRO COURSE

コンテンツマーケティング入門講座 - 安定したリード獲得のために

3h 8m Video Course
Instructor: 山田 どうそん
$189.99
はじめてのプロジェクトマネジメント - PMの必須知識を専門用語なしで解説
PRO COURSE

はじめてのプロジェクトマネジメント - PMの必須知識を専門用語なしで解説

45m Video Course
Instructor: 大谷 更生
$94.99
ITヒューマンスキル - コミュニケーション力編【4PDUs】
PRO COURSE

ITヒューマンスキル - コミュニケーション力編【4PDUs】

7h 23m Video Course
Instructor: 佐藤 義男 & まなビレッジ
$136.99
国内旅行業務取扱管理者講座 [2016] 過去問全解説
PRO COURSE

国内旅行業務取扱管理者講座 [2016] 過去問全解説

5h 5m Video Course
Instructor: 小笹 誠司 & 富田 浩二 & 平岡 達矢
20%OFF
$92.79
$115.99
Blender実践基礎講座
PRO COURSE

Blender実践基礎講座

3h 33m Video Course
Instructor: 浅井 良一
2
$95.99
Excel実践 使える関数とショートカット【Excel 2010版】
PRO COURSE

Excel実践 使える関数とショートカット【Excel 2010版】

1h 28m Video Course
Instructor: 渋谷 玲子 & 株式会社ビジネスITアカデミー
6
$89.99
Office 2013 実務でよく使う基本機能と新機能
PRO COURSE

Office 2013 実務でよく使う基本機能と新機能

58m Video Course
Instructor: 渋谷 玲子 & 株式会社ビジネスITアカデミー
$89.99
人生を豊かにするためのワークバランス習得法
PRO COURSE

人生を豊かにするためのワークバランス習得法

1h 11m Video Course
Instructor: 塩見 政春
2
64%OFF
$28.99
$80.98
ホワイトハットSEO講座 - 清廉潔白なSEO手法
PRO COURSE

ホワイトハットSEO講座 - 清廉潔白なSEO手法

2h 20m Video Course
Instructor: 石崎 力也
$89.99
仕事で差がつく 手帳&ノート術とクラウド活用仕事術(フルセット版)
PRO COURSE

仕事で差がつく 手帳&ノート術とクラウド活用仕事術(フルセット版)

1h 38m Video Course
Instructor: 美崎 栄一郎
6
$80.17
2D、3D、VRゲームも作れる!Unity実践基礎講座
PRO COURSE

2D、3D、VRゲームも作れる!Unity実践基礎講座

5h 11m Video Course
Instructor: 浅井 良一
26
$95.99