メインコンテンツに移動
- 目的：手動でJDKをWindows10環境にインストール
- 問題点：Windows環境のJDKのインストーラのみで、手動でインストールパッケージはありません
- 解決１：JDKのインストーラでインストール後に、ほかのバージョンの環境を設定し直します
- 解決２：64ビットのJDKインストーラからJDK本体を抽出します
- Drupalのajaxフレームワークにあるajax_command_invokeがユーザーが自分的にしたjavascriptのカスタムコマンドの呼び出しができます
- 方法１：ｊQueryのカスタム関数で定義します
- 方法２：Drupalのajaxフレームワーク（Drupal.ajax.prototype.commands）にカスタム関数をバインドします
- やりたいこと：Drupalのajaxフレームワークを利用して表示している要素を削除
- Step1:削除リンクにDrupalのajax使用するクラス：use-ajax を追加
- Step2:hook_menuで要素削除のリクエストをキャッチします
- 纏め：Drupalのajaxフレームワークを利用すればajax処理が自動的に行います
- DrupalのBootstrapテーマが細かいところまでDrupalの各部分を対応しきれていない
- 今回の例ではViewsの外部設置フィルター（チェックボックス）のレイアウトが崩れ
- 原因：Bootstrapのフォーム関連css（クラス名：.form-control）のプロパティにミスマッチ
- 修正：cssでチェックボックスのラップdivのプロパティを修正
- 問題点：モジュール（Fivestar）のajaxプロセス状態表示がよくない
- 問題の特定：デバッガーでFivestartのajaxプロセスを止めてプロセス表示するhtmlブロック要素を特定
- cssでajaxプロセス状態表示ブロックを評価結果（五つの星）ブロックに一行として表示させます
- やりたいこと：オブジェクトが弾む効果の作成
- 実現構想：d3.forceLinkのバネ効果を利用します
- ポイント１：d3.forceLinkにつなぐ一つノード（node）を固定します
- ポイント２：関数（datum()）で固定しているオブジェクト（bbb）を決まった場所（四角）に再固定します
- d3.forceLinkがオブジェクト要素間のバネの伸縮効果の再現
- 作成要点１：オブジェクト要素のリンク元（source）ターゲット先（target）設定
- 作成要点２：d3.forceSimulationでd3.forceLinkを定義
- 作成要点３：d3.tickイベントのリスナーでリンクの描画要素（line）の始点/終了設定
- d3.dragモジュールがオブジェクトのドラッグ、オブジェクト移動、ドロップを管理しています
- d3.jsのイベント（start, drag, end）のキャッチと処理ロジックを作成すればドラッグ管理ができます
- d3のフォースレイアウト（fouce layout）で各要素を円形状態に配置するのはよく紹介されている
- d3.fouceX関数を利用して、簡単に各要素を一直線に配置させます
- d3.forceCollide()/d3.forceManyBody()/d3.forceCenter()で動画効果の演出
- d3.jsのSVGの折れ線チャートを作成
- ポイント１：d3.line()でデータセットをSVGのpathプロパティ（d）への変換
- ポイント２：SVGのpathにデータバインディング時にdeta()メソッドではなくdatum()を使用します
- ポイント３：x軸（日付）作成するにはd3.scaleTimeを使用
- 通常のチャート作成方法で折れ線チャートを作成
