jQuery セレクタでエスケープする文字 jQueryを使っていて、HTMLのIDやクラスや属性を参照するときに記号がある時の注意です。 少しこんなのあったな、くらいに覚えておきたい内容です。 以下の... 2021-01-24
Threejs 基本的な描画とアニメ WebGLを簡単に扱えるJSのライブラリを実装してみました。 まず、Three.jsを読み込みます。 手っ取り早くCDNを利用する場合はこちら [[<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r124... 2021-01-10
JS 選択文字の抽出と連携 選択した文字の情報をJSで抽出したり、SNSボタンに連携するサンプルです。 ブラウザで文字を選択した状態になると、その値をJSで検知することができます。 選択した文字を抽出したり、その文字を使って他のAPIに情報を連携するサンプ... 2021-01-03
CSS ボタンのホバーアニメ ボタンにマウスを合わせた時の斜めに色がつくアニメーションのサンプルです。 CSSのhoverやfocusで発動するボタンのエフェクトのサンプルを用意しました。 デザインで調整をすることが多いため、わかりやすくシンプルなCSSにしています。... 2021-01-01
WebGL 立体を回転してみる 立体を描画し、それを3Dで回転させるサンプルです。 参考サイトMDNを参考にサンプルをそのまま実装してみました。 まだ、筆者も理解が浅いので、今日はここまでです。 下記のサイトを参考にしていま... 2020-11-03
JavaScript 配列→JSON、JSON→配列。 配列をJSONにしたり、JSONを配列に戻したりするサンプルです。 配列を文字として扱い時など、JSON形式にすることがあります。 以下のような配列をJSON形式に変換します。 [[demo_arr = ["123", "123&q... 2020-10-31
JavaScript 配列の追加と削除 配列の要素の追加と削除のサンプルです。 ボタンを押すと、値を配列の先頭や末尾に追加するサンプルです。 合わせて、追加した値を削除するサンプルと、すでに同じ値が存在する場合、は追加しない記述... 2020-10-31
jQuery XMLをパースする XMLファイルをJavaScriptのjQueryで解析し、情報を加工するサンプルです。 例えば以下のようなXMLがあるとします。 [[ <?xml version="1.0" encoding="UTF-8"?> <urlset> <url> <loc&... 2020-10-04
PHP 乱数について PHPでランダムな数字を発生させる関数のメモです。 例えば、ランダムに違うコンテンツを出しわけたいときがあるとします。 1のときはA、2のときはB、それ以外ならCを出したいといったときです。 JavaScr... 2020-09-27
JavaScript クリックして直線を描く 画像の上を2回クリックすると直線を引くことができるサンプルです。 ユーザーに画像か何かの要素の上で、直線を引かせたいときがあるとします。(稀ですが) 開始の点と終了の点をクリックすると、要素の上に直線が現れます。... 2020-09-22