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

販売管理システムを構築!パーフェクトC#講座
PRO COURSE

販売管理システムを構築!パーフェクトC#講座

5h 58m Video Course
Instructor: 浅井 良一
33
$257.99
Excel 2016【入門】Excelを間違って覚えないための最初の一歩
PRO COURSE

Excel 2016【入門】Excelを間違って覚えないための最初の一歩

1h 11m Video Course
Instructor: 渋谷 玲子 & 株式会社ビジネスITアカデミー
7
$89.99
誰でもわかる!HTML & CSS基礎
PRO COURSE

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

10h 15m Video Course
Instructor: 荒川 栄一郎
1
$187.99
【2019年版】Google広告設定運用ガイド 保存版
PRO COURSE

【2019年版】Google広告設定運用ガイド 保存版

4h 15m Video Course
Instructor: 勝原 潤
$149.99
1日15分でカラダの悩みの9割を解消!スローストレッチ講座
PRO COURSE

1日15分でカラダの悩みの9割を解消!スローストレッチ講座

2h 41m Video Course
Instructor: かつもと あき
$150.00
ビジネスExcel 7つの原則
PRO COURSE

ビジネスExcel 7つの原則

22m Video Course
Instructor: 渋谷 玲子 & 株式会社ビジネスITアカデミー
$89.99
Khóa học Tiếng Nhật trực tuyến cấp độ N4 - JLPT N4 Level
PRO COURSE

Khóa học Tiếng Nhật trực tuyến cấp độ N4 - JLPT N4 Level

13h 45m Video Course
Instructor: Tập đoàn Attain
4
$149.99
何が新しいの!? HTML5+CSS3 徹底学習講座
PRO COURSE

何が新しいの!? HTML5+CSS3 徹底学習講座

3h 45m Video Course
Instructor: BeSomebody
5
$26.99
「やれ!」と言わないで部下の主体性を引き出す方法
PRO COURSE

「やれ!」と言わないで部下の主体性を引き出す方法

43m Video Course
Instructor: 石山 喜章
$81.99
HTML5+CSS3 Webデザインとプログラミング講座
PRO COURSE

HTML5+CSS3 Webデザインとプログラミング講座

10h 12m Video Course
Instructor: ムラモリ コウ
4
$73.21
iPhoneアプリ開発 流行りのキュレーションアプリを1週間で作ってみよう!
PRO COURSE

iPhoneアプリ開発 流行りのキュレーションアプリを1週間で作ってみよう!

11h 37m Video Course
Instructor: BeSomebody
31
$133.99
飛び出す!動く!はじめてのARコンテンツ制作講座
PRO COURSE

飛び出す!動く!はじめてのARコンテンツ制作講座

1h 56m Video Course
Instructor: 浅井 良一
6
$96.99