コース紹介
05分28秒時間割
01分32秒WEBプロジェクト開発プロセスの紹介
04分12秒開発ロールの略称の紹介。
02分09秒製品デザイン
03分48秒開発計画
04分45秒フロントエンド開発内容のご紹介
01分54秒アノテーションの概要
02分19秒マーク
15分41秒カット絵(1)
09分19秒カット絵(2)
07分06秒静的ページのアイデア検証 - fullPage.js でシンプルな切り替えページを構築
12分28秒静的ページのアイデア検証 - コンポーネントの切り替え
14分02秒JSクラスの計画
05分53秒一般グラフィックコンポーネントクラス - H5ComponentBase(開発準備中)
05分44秒一般グラフィックコンポーネントクラス - H5ComponentBase(パラメータ設定)
16分26秒CSSスタイルの計画
03分32秒一般グラフィックコンポーネントクラス - H5ComponentBase (onLoad、onLeave イベントを受け入れます)
コンテンツ編成クラス-H5 (addPage メソッド)
17分23秒コンテンツ編成クラス-H5 (addComponent メソッド)
10分56秒コンテンツ編成クラス-H5 (統合された fullPage.js)
チャートコンポーネント開発の概要
03分20秒散布図の原理分析
03分00秒散布図の作成(散布図のスケール値と色の設定)
15分49秒散布図の作成(位置設定)
10分29秒縦棒グラフ開発の概要
02分39秒横棒グラフの作成(HTML DOM構築)
18分39秒横棒グラフ作成(CSS風記述)
横棒グラフ開発(成長アニメーション制作)
折れ線グラフコンポーネント環境を構築するための折れ線グラフ
折れ線グラフキャンバス
05分37秒折れ線グラフのグリッド線の描画
ポリライン描画点
線画データを結んだ折れ線グラフ
折れ線グラフ描画陰影
プロジェクト名を描画する
ポリラインアニメーション
プロジェクト名アニメーション
レーダーチャート開発(設計指示)
レーダーチャート開発(バックグラウンドレイヤー開発)
17分49秒レーダーチャート開発(データレイヤー開発)
レーダーチャート開発(プロジェクトテキスト修正、成長アニメーション)
10分05秒円グラフの作成(円グラフを描くための準備)
06分12秒円グラフの作成(円グラフの描画)
円グラフ開発(円グラフアニメーションの描画)
03分40秒円グラフの開発 (プロジェクト テキスト インジェクション)
09分32秒フロントエンド統合開発入門
03分40秒フロントエンド統合開発準備
グラフィック・テキストコンポーネントページ開発(ホームページ統合開発)
グラフィックおよびテキストコンポーネントのページ開発(統合されたコンテンツ充填)
グラフィック・テキストコンポーネントページ開発(最終ページの統合開発)
チャートコンポーネントページの統合開発(1)
チャートコンポーネントページの統合開発(2)
チャートコンポーネントページの統合開発(3)
チャートコンポーネントページの統合開発(4)
ローディング効果(導入)
04分37秒読み込み効果(HTML構造構築とCSSスタイル設定)
09分45秒エフェクトの読み込み (JS スクリプト)
16分10秒円グラフのテキストのリフロー (概要)
08分18秒円グラフのテキストの並べ替え(交差判定)
12分52秒円グラフのテキストのリフロー (リフロー)
14分07秒Ajax が JSON データを取得する (パート 1)
05分51秒Ajax が JSON データを取得する (パート 2)
13分32秒