HTML5開発モバイルデータレポート

• 章1 コースの準備
• 1-1 コース紹介
• 1-2 時間割
• 1-3 WEBプロジェクト開発プロセスの紹介
• 1-4 開発ロールの略称の紹介。
• 1-5 製品デザイン
• 1-6 開発計画
• 章2 フロントエンド開発とアノテーションとカッティングの概要
• 2-1 フロントエンド開発内容のご紹介
• 2-2 アノテーションの概要
• 2-3 マーク
• 2-4 カット絵(1)
• 2-5 カット絵(2)
• 章3 プロジェクトJSクラス開発
• 3-1 静的ページのアイデア検証 - fullPage.js でシンプルな切り替えページを構築
• 3-2 静的ページのアイデア検証 - コンポーネントの切り替え
• 3-3 JSクラスの計画
• 3-4 一般グラフィックコンポーネントクラス - H5ComponentBase（開発準備中）
• 3-5 一般グラフィックコンポーネントクラス - H5ComponentBase（パラメータ設定）
• 3-6 CSSスタイルの計画
• 3-7 一般グラフィックコンポーネントクラス - H5ComponentBase (onLoad、onLeave イベントを受け入れます)
• 3-8 コンテンツ編成クラス-H5 (addPage メソッド)
• 3-9 コンテンツ編成クラス-H5 (addComponent メソッド)
• 3-10 コンテンツ編成クラス-H5 (統合された fullPage.js)
• 章4 チャートコンポーネント - 散布図コンポーネントの開発
• 4-1 チャートコンポーネント開発の概要
• 4-2 散布図の原理分析
• 4-3 散布図の作成（散布図のスケール値と色の設定）
• 4-4 散布図の作成（位置設定）
• 章5 チャートコンポーネント - 棒グラフコンポーネントの開発
• 5-1 縦棒グラフ開発の概要
• 5-2 横棒グラフの作成（HTML DOM構築）
• 5-3 横棒グラフ作成（CSS風記述）
• 5-4 横棒グラフ開発（成長アニメーション制作）
• 章6 チャートコンポーネント - 折れ線グラフの開発
• 6-1 折れ線グラフコンポーネント環境を構築するための折れ線グラフ
• 6-2 折れ線グラフキャンバス
• 6-3 折れ線グラフのグリッド線の描画
• 6-4 ポリライン描画点
• 6-5 線画データを結んだ折れ線グラフ
• 6-6 折れ線グラフ描画陰影
• 6-7 プロジェクト名を描画する
• 6-8 ポリラインアニメーション
• 6-9 プロジェクト名アニメーション
• 章7 チャートコンポーネント - レーダーチャートの開発
• 7-1 レーダーチャート開発（設計指示）
• 7-2 レーダーチャート開発（バックグラウンドレイヤー開発）
• 7-3 レーダーチャート開発（データレイヤー開発）
• 7-4 レーダーチャート開発（プロジェクトテキスト修正、成長アニメーション）
• 章8 グラフコンポーネント - 円グラフの開発
• 8-1 円グラフの作成（円グラフを描くための準備）
• 8-2 円グラフの作成（円グラフの描画）
• 8-3 円グラフ開発（円グラフアニメーションの描画）
• 8-4 円グラフの開発 (プロジェクト テキスト インジェクション)
• 章9 プロジェクトのフロントエンドページ統合開発
• 9-1 フロントエンド統合開発入門
• 9-2 フロントエンド統合開発準備
• 9-3 グラフィック・テキストコンポーネントページ開発（ホームページ統合開発）
• 9-4 グラフィックおよびテキストコンポーネントのページ開発（統合されたコンテンツ充填）
• 9-5 グラフィック・テキストコンポーネントページ開発（最終ページの統合開発）
• 9-6 チャートコンポーネントページの統合開発(1)
• 9-7 チャートコンポーネントページの統合開発(2)
• 9-8 チャートコンポーネントページの統合開発(3)
• 9-9 チャートコンポーネントページの統合開発(4)
• 章10 カリキュラムの延長
• 10-1 ローディング効果（導入）
• 10-2 読み込み効果（HTML構造構築とCSSスタイル設定）
• 10-3 エフェクトの読み込み (JS スクリプト)
• 10-4 円グラフのテキストのリフロー (概要)
• 10-5 円グラフのテキストの並べ替え（交差判定）
• 10-6 円グラフのテキストのリフロー (リフロー)
• 10-7 Ajax が JSON データを取得する (パート 1)
• 10-8 Ajax が JSON データを取得する (パート 2)