コース紹介
プロジェクトのデモンストレーション
データ視覚化の概念
ECharts の概要
ECharts をすぐに始めましょう
関連する設定項目の説明
棒グラフの基本的な実装と一般的な効果
一般的な設定_タイトル関連の設定
一般構成_ツールチップ関連の構成
一般構成_ツールボックス関連の構成
一般構成_凡例関連の構成
折れ線グラフの基本的な実装
折れ線グラフの一般的な効果 1
折れ線グラフの一般的な効果 2
散布図の基本的な実装
散布図の一般的な効果
直交座標系の共通構成グリッド
直交座標系の共通構成軸
一般的に使用される直交座標系の構成
円グラフの基本的な実装
円グラフの一般的な効果
マップの基本的な実装と一般的な構成
共通マップ効果_州の地図を表示
共通マップ効果_大気質を表示
マップの一般的な効果_マップと散布図の組み合わせ
レーダーチャートの導入
ダッシュボードの実装
ECharts の基本の概要
テーマの使用法
カラーパレットとカラーグラデーション
ダイレクト スタイルとハイライト スタイルの使用
チャート適応の実装
チャート読み込みアニメーションの実装
チャートインクリメンタルアニメーションの説明
チャートアニメーションの設定項目
グローバル ECharts オブジェクトの共通メソッド 1
グローバル ECharts オブジェクトの共通メソッド 2
echartsInstance オブジェクトの共通メソッド 1
echartsInstance オブジェクト 2 の共通メソッド
ECharts の詳細な概要
Koa2 の概要
Koa2 をすぐに使い始める
Koa2ミドルウェアの特徴
バックエンドプロジェクト_プロジェクトの準備
バックエンドプロジェクト_ミドルウェアの開発に総時間かかる
バックエンドプロジェクト_レスポンスヘッダーミドルウェアの開発
バックエンドプロジェクト_ビジネスロジックミドルウェア開発
バックエンドプロジェクト_クロスドメイン構成
フロントエンドプロジェクト_プロジェクトの作成と準備
フロントエンドプロジェクト_マーチャント売上統計_コンポーネント構造とレイアウト構造
フロントエンドプロジェクト_加盟店売上統計_チャート基本機能
フロントエンドプロジェクト_加盟店売上統計_動的リフレッシュの実装
フロントエンドプロジェクト_加盟店売上統計_UI調整1
フロントエンドプロジェクト_加盟店売上統計_UI調整2
フロントエンドプロジェクト_マーチャント売上統計_分割オプション
フロントエンドプロジェクト_マーチャント売上統計_解像度の適応
フロントエンドプロジェクト_売上推移グラフ_一般的なコード構造
フロントエンドプロジェクト_売上推移グラフ_基本グラフの表示
フロントエンドプロジェクト_売上推移グラフ_UI調整
フロントエンドプロジェクト_売上推移グラフ_スイッチングチャートの実装
フロントエンドプロジェクト_売上推移グラフ_解像度の適応
フロントエンドプロジェクト_加盟店マップ配布_マップ表示
フロントエンドプロジェクト_加盟店マップ配布_散布点表示
フロントエンドプロジェクト_加盟店マップ配信_UI調整
フロントエンドプロジェクト_マーチャントマップ配布_解像度適応
フロントエンドプロジェクト_加盟店マップ配信_マップクリック効果
フロントエンドプロジェクト_売上ランキングチャート_基本チャートの表示
フロントエンドプロジェクト_売上順位表_UI調整
フロントエンドプロジェクト_売上ランキングチャート_翻訳アニメーション効果
フロントエンドプロジェクト_売上ランキングチャート_解像度適応
フロントエンドプロジェクト_売れ筋商品の割合_基本グラフの表示
フロントエンドプロジェクト_売れ筋商品比率_データ切り替え
フロントエンドプロジェクト_売れ筋商品比率_UI調整
フロントエンドプロジェクト_売れ筋商品の割合_解像度適応
フロントエンドプロジェクト_在庫販売モジュール_基本チャートの表示
フロントエンドプロジェクト_在庫販売モジュール_UI調整
フロントエンドプロジェクト_在庫販売モジュール_切り替えアニメーション
フロントエンドプロジェクト_在庫販売モジュール_解像度の適応
WebSocket_backend の基本的な使用法
WebSocket_フロントエンドの基本的な使い方
バックエンドプロジェクトの変革
フロントエンドおよびバックエンドのデータフィールドに関する規則
バックエンドがデータを受信したときの処理
フロントエンドコード変換_サーバーへの接続
フロントエンドコード変換_受信データの処理
フロントエンドコード変換_コンポーネント変換
フロントエンドコード変換_最適化
詳細処理_コンポーネントのマージ
ディテール処理_全画面切替_レイアウトスタイル
詳細処理_全画面切り替え_クリックイベント処理
ディテール処理_全画面切り替え_連動エフェクト
詳細処理_テーマ切り替え_チャートテーマ
詳細処理_テーマ切り替え_定義データ
詳細処理_テーマ切り替え_ネイティブHTML切り替え
ディテール処理_テーマ切替_連動エフェクト
ビッグデータの普及と人工知能の人気に伴い、データ視覚化は既存の企業で広く使用されており、比較的需要が高いため、この一連のデータ視覚化コースを用意しています。 このコースは、優れた練習プロジェクトとして Vue の基礎を学んだ学生に非常に適しています。 このコースを学習した後、それが現在の仕事に適用されるか、就職面接中に適用されるかにかかわらず、大きなプラスポイントになります。
