次のセクション: 折线图连线绘制数据1814 回再生

5 秒后自动播放下一节
  もう一度見る

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

導入 >
コースウェア
章1コースの準備

コース紹介

05分28秒

時間割

01分32秒

WEBプロジェクト開発プロセスの紹介

04分12秒

開発ロールの略称の紹介。

02分09秒

製品デザイン

03分48秒

開発計画

04分45秒
章2フロントエンド開発とアノテーションとカッティングの概要

フロントエンド開発内容のご紹介

01分54秒

アノテーションの概要

02分19秒

マーク

15分41秒

カット絵(1)

09分19秒

カット絵(2)

07分06秒
章3プロジェクトJSクラス開発

静的ページのアイデア検証 - 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)

章4チャートコンポーネント - 散布図コンポーネントの開発

チャートコンポーネント開発の概要

03分20秒

散布図の原理分析

03分00秒

散布図の作成(散布図のスケール値と色の設定)

15分49秒

散布図の作成(位置設定)

10分29秒
章5チャートコンポーネント - 棒グラフコンポーネントの開発

縦棒グラフ開発の概要

02分39秒

横棒グラフの作成(HTML DOM構築)

18分39秒

横棒グラフ作成(CSS風記述)

横棒グラフ開発(成長アニメーション制作)

章6チャートコンポーネント - 折れ線グラフの開発

折れ線グラフコンポーネント環境を構築するための折れ線グラフ

折れ線グラフキャンバス

05分37秒

折れ線グラフのグリッド線の描画

ポリライン描画点

線画データを結んだ折れ線グラフ

折れ線グラフ描画陰影

プロジェクト名を描画する

ポリラインアニメーション

プロジェクト名アニメーション

章7チャートコンポーネント - レーダーチャートの開発

レーダーチャート開発(設計指示)

レーダーチャート開発(バックグラウンドレイヤー開発)

17分49秒

レーダーチャート開発(データレイヤー開発)

レーダーチャート開発(プロジェクトテキスト修正、成長アニメーション)

10分05秒
章8グラフコンポーネント - 円グラフの開発

円グラフの作成(円グラフを描くための準備)

06分12秒

円グラフの作成(円グラフの描画)

円グラフ開発(円グラフアニメーションの描画)

03分40秒

円グラフの開発 (プロジェクト テキスト インジェクション)

09分32秒
章9プロジェクトのフロントエンドページ統合開発

フロントエンド統合開発入門

03分40秒

フロントエンド統合開発準備

グラフィック・テキストコンポーネントページ開発(ホームページ統合開発)

グラフィックおよびテキストコンポーネントのページ開発(統合されたコンテンツ充填)

グラフィック・テキストコンポーネントページ開発(最終ページの統合開発)

チャートコンポーネントページの統合開発(1)

チャートコンポーネントページの統合開発(2)

チャートコンポーネントページの統合開発(3)

チャートコンポーネントページの統合開発(4)

章10カリキュラムの延長

ローディング効果(導入)

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秒
  • キャンセル返事送信
  • キャンセルノートの配布送信