メインコンテンツに移動
- イベント発生場所の座標：offsetX/Y,clientX/Y,pageX/Y,screenX/Y
- 参照オブジェクトの違う座標を理解する
- htmlにあるエレメントの座標(例：offsetX/Y)と違う
- HTMLのメタタグ(viewport)の設定で違うサイズのブラウザにコンテンツ表示の最適化
- メタタグ(viewport)の幅設定に固定な値を避けたほうが良い
- メタタグ(viewport)のスケール(initial-scale)設定に注意
- メタタグ(viewport)とcss(media)を併用すればより効果的
- javascriptの変数名にハイフン(-)を使用するとエラーが発生します
- 原因：ハイフン(-)が演算子のマイナスとして認識されます
- javascriptの変数名に演算子記号が含まれるとエラーとなります
- 目的：手動で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）の始点/終了設定
