実例でわかる 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アプリの作り方を学び、プログラミングの基礎とアプリケーションを実際に作れるようになるスキルを身につけましょう！