メインコンテンツに移動
ホーム

古松

メインナビゲーション

  • ホーム
  • ビデオ
  • ご連絡

クリックイベント発生の座標:offsetX/Y,clientX/Y,pageX/Y,screenX/Yの区別

  • イベント発生場所の座標:offsetX/Y,clientX/Y,pageX/Y,screenX/Y
  • 参照オブジェクトの違う座標を理解する
  • htmlにあるエレメントの座標(例:offsetX/Y)と違う

HTMLコンテンツをモバイル・タブレットのブラウザに最適化するメタタグ(viewport)の利用

  • HTMLのメタタグ(viewport)の設定で違うサイズのブラウザにコンテンツ表示の最適化
  • メタタグ(viewport)の幅設定に固定な値を避けたほうが良い
  • メタタグ(viewport)のスケール(initial-scale)設定に注意
  • メタタグ(viewport)とcss(media)を併用すればより効果的

javascriptの変数名にハイフンの使用はできない(注意)

  • javascriptの変数名にハイフン(-)を使用するとエラーが発生します
  • 原因:ハイフン(-)が演算子のマイナスとして認識されます
  • javascriptの変数名に演算子記号が含まれるとエラーとなります

Windows10にJDKのインストーラを利用せず手動でインストール

  • 目的:手動でJDKをWindows10環境にインストール
  • 問題点:Windows環境のJDKのインストーラのみで、手動でインストールパッケージはありません
  • 解決1:JDKのインストーラでインストール後に、ほかのバージョンの環境を設定し直します
  • 解決2:64ビットのJDKインストーラからJDK本体を抽出します

Drupalのajaxフレームワークに使用するカスタムコマンドの作成

  • Drupalのajaxフレームワークにあるajax_command_invokeがユーザーが自分的にしたjavascriptのカスタムコマンドの呼び出しができます
  • 方法1:jQueryのカスタム関数で定義します
  • 方法2:Drupalのajaxフレームワーク(Drupal.ajax.prototype.commands)にカスタム関数をバインドします

Drupalでajaxのフレームワークで動的に要素を作成する例

  • やりたいこと:Drupalのajaxフレームワークを利用して表示している要素を削除
  • Step1:削除リンクにDrupalのajax使用するクラス:use-ajax を追加
  • Step2:hook_menuで要素削除のリクエストをキャッチします
  • 纏め:Drupalのajaxフレームワークを利用すればajax処理が自動的に行います

DrupalでBoostrap導入より外部設置検索条件(チェックボックス)のレイアウトが崩れる

  • DrupalのBootstrapテーマが細かいところまでDrupalの各部分を対応しきれていない
  • 今回の例ではViewsの外部設置フィルター(チェックボックス)のレイアウトが崩れ
  • 原因:Bootstrapのフォーム関連css(クラス名:.form-control)のプロパティにミスマッチ
  • 修正:cssでチェックボックスのラップdivのプロパティを修正

Drupal7モジュール(Fivestar)評価時にのajaxプロセス状態表示レイアウト変更

  • 問題点:モジュール(Fivestar)のajaxプロセス状態表示がよくない
  • 問題の特定:デバッガーでFivestartのajaxプロセスを止めてプロセス表示するhtmlブロック要素を特定
  • cssでajaxプロセス状態表示ブロックを評価結果(五つの星)ブロックに一行として表示させます

d3.jsのフォース(force)を理解するための簡単な例5:オブジェクトが跳ねる効果再現できるd3.forceLink

  • やりたいこと:オブジェクトが弾む効果の作成
  • 実現構想:d3.forceLinkのバネ効果を利用します
  • ポイント1:d3.forceLinkにつなぐ一つノード(node)を固定します
  • ポイント2:関数(datum())で固定しているオブジェクト(bbb)を決まった場所(四角)に再固定します

d3.jsのフォース(force)を理解するための簡単な例4:バネのような伸縮効果再現できるd3.forceLink

  • d3.forceLinkがオブジェクト要素間のバネの伸縮効果の再現
  • 作成要点1:オブジェクト要素のリンク元(source)ターゲット先(target)設定
  • 作成要点2:d3.forceSimulationでd3.forceLinkを定義
  • 作成要点3:d3.tickイベントのリスナーでリンクの描画要素(line)の始点/終了設定

ページ送り

  • 先頭ページ « First
  • 前ページ ‹ Previous
  • …
  • Page 4
  • Page 5
  • Page 6
  • Page 7
  • カレントページ 8
  • Page 9
  • Page 10
  • Page 11
  • Page 12
  • …
  • 次ページ Next ›
  • 最終ページ Last »
を購読

検索フォーム

カテゴリ別

  • laravel
  • drupal
  • javascript
  • windows
  • html
  • mysql
  • php
  • apache
  • css
  • SEO
  • video
  • wordpress
  • linux
  • python
  • Electron
  • Visual Studio Code

google ads