html

サイズが小さくて大量な音声データはデータベース（例：MySQL）に格納したほうが良い バイナリデータ（例：mp3、jpegなど）をデータベースに格納することをよく議論されて、反対されることが多いです htmlで音声/画像などのバイナリデータはファイルとして扱われ、ファイルとして保存し、ブラウザにロードされるのは一般的です 音声/...

問題点：以前Fontelloで作成したアイコングループに新規アイコン追加は難しい サイト：Fontelloで沢山のアイコンから必要のみのアイコンを選択して、使用することができるので、非常に便利なオンラインツールです Fontelloの使用方法：「自作した画像イメージをSVGに変換してFontelloカスタムアイコン作成方法」をご参考ください 但し、...

やりたいこと：行(tr)をクリックしたらその行にあるチェックボックスがチェックされるようになる htmlのテーブル(table)の各行にチェックボックスを内蔵しています チェックボックスがクリックしたら、チェック/アンチェックされることは一般的です その行をクリックすると、チェックボックスが自動にチェックされるようになれれば、操作しやすいUIになります...

iframeの非表示(X-Frame-Options:Deny)の問題 ページに組み込んだiframeが表示されないことがあります ブラウザのコンソールをチェックしてみると、以下のエラーが表示されます Refused to display xxxxx in a frame because it set 'X-Frame-Options' to 'deny...

やりたいこと：javascriptからiframeの内容を取得したい iframe内容特定な要素をjavascriptで取得して、親ウィンドにセットしたいです 親ウィンドと子ウィンド間のやり取りをします 問題点：ブラウザがjsからiframeへのアクセスをブロック セキュリティポリシーとして、ブラウザがjsからiframeへのアクセスをブロックしています...

イベント発生場所の座標：offsetX/Y,clientX/Y,pageX/Y,screenX/Y マウスクリック(click)、オバー(mousehover)などのイベントが発生すると、発生場所の座標がイベントのプロパティにあります イベント発生場所の座標は以下のようです offsetX, offsetY clientX, clientY...

HTMLのメタタグ(viewport)の設定で違うサイズのブラウザにコンテンツ表示の最適化 PC・タブレット・モバイルのブラウザのサイズがそれぞれ違います コンテンツレイアウトをそれぞれのサイズに対応しきれないことがよく起きます メタタグ(viewport)の設定より、ある程度コンテンツの表示に最適化することができます 例：メタタグ(viewport)の設定...

やりたいこと：オブジェクトが弾む効果の作成 d3.forceLinkを使用します（d3.js v4） オブジェクト（例：玉）をドラッグして移動、ドロップしたら、決まった場所に弾むような効果 実現構想：d3.forceLinkのバネ効果を利用します 前回紹介した「d3.jsのフォース（force）を理解するための簡単な例４：...

d3.forceLinkがオブジェクト要素間のバネの伸縮効果の再現 d3.forceにある一つ重要な要素d3.forceLinkよりバネの伸縮効果を生み出すことができます 特にドラッグ/ドロップ併合に使用すると、よりバネの伸縮効果の体験はできます d3.forceLinkはsvgのlineエレメントでLinkを描画します d3....

d3.dragモジュールがオブジェクトのドラッグ、オブジェクト移動、ドロップを管理しています d3.dragモジュールはドラッグ、オブジェクト移動、ドロップについて、三つのイベントがあります start： ドラッグ開始 drag： ドラッグしながら、オブジェクトの移動 end： ドラッグ終了（ドロップ）...