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

ビッグデータビジネス活用講座 - データサイエンティスト入門
PRO COURSE

ビッグデータビジネス活用講座 - データサイエンティスト入門

2h 21m Video Course
Instructor: 堅田 洋資
12
$89.99
Excel 2016【マクロ入門】自動記録で学ぶExcel自動化
PRO COURSE

Excel 2016【マクロ入門】自動記録で学ぶExcel自動化

53m Video Course
Instructor: 渋谷 玲子 & 株式会社ビジネスITアカデミー
14
$107.99
社長が伝えたい「新入社員〜中堅社員」へのメッセージ
PRO COURSE

社長が伝えたい「新入社員〜中堅社員」へのメッセージ

2時間9分の音声・動画講座+5名分アカウント
Instructor: 田中 英司
$329.99
Adobe系スキルからプログラミングまで Web制作必要スキルセット講座
SET COURSE

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

8 Courses Included
Instructor: ムラモリ コウ
30
$8.99/mo
DELIC - ビジネスリーダーのためのコーチングスキルアップ講座
PRO COURSE

DELIC - ビジネスリーダーのためのコーチングスキルアップ講座

2h 49m Video Course
Instructor: 林 健太郎
4
$139.99
未経験からプロレベルを目指そう! 実践Photoshop講座
PRO COURSE

未経験からプロレベルを目指そう! 実践Photoshop講座

8h 40m Video Course
Instructor: NESTonline
1
$80.99
ホワイトハットSEO講座 - 清廉潔白なSEO手法
PRO COURSE

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

2h 20m Video Course
Instructor: 石崎 力也
$89.99
JavaScript完全速習講座
PRO COURSE

JavaScript完全速習講座

4h 28m Video Course
Instructor: BeSomebody
5
$35.99
動画で学ぶ!TCP/IPプロトコルを理解しよう
PRO COURSE

動画で学ぶ!TCP/IPプロトコルを理解しよう

2h 51m Video Course
Instructor: Attain Corp.
2
$87.99
基本を徹底的に磨けるセールスマナー入門講座
PRO COURSE

基本を徹底的に磨けるセールスマナー入門講座

2h 53m Video Course
Instructor: 荻野 純子
5
$87.99
DaVinci Resolveマスター講座 - 無料で高度な動画編集
PRO COURSE

DaVinci Resolveマスター講座 - 無料で高度な動画編集

4h 31m Video Course
Instructor: 山田 どうそん
$199.99
差がつくビジネス戦略|事業開発・プラットフォーム戦略・ITマーケティング
PRO COURSE

差がつくビジネス戦略|事業開発・プラットフォーム戦略・ITマーケティング

4h 1m Video Course
Instructor: 平野 敦士 カール
22
$113.14