JavaScript 目視距離計
目視で距離を測るための補助ツールです目視（もくし）とは、一言で言えば「道具や機械に頼らず、自分の目で直接見て確認すること」を指します。街中での使い方自販機を見つける: 自販機を画面に映します。枠を合わせる: スライダーをいじって、画...
JavaScript
JavaScript JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 「正の字」カウンター
合計: 0本 カウントアップ！ リセット コードエディター 本文 <div class="count-display">合計: <span id="total-count">0</span>本</div> <div id="tally-co...
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 Color change app
CSSで色をちょっと弄りたいときに便利 リセット 色味 (Hue) 200 濃度 (Saturation) 50% 明暗 (Lightness) 50% #6699B2 rgb(102, 153, 178)
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 砂字
コードエディター 本文// canvasサイズ<div id="sand-container" style="width: 320px; height: 90px; background: #1a1a1a; position: relati...
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 斬撃「一閃」
画像の文字をタップしてください REVEALED SLASHED SLASHED コードエディター 本文<div class="slash-wrapper"> <div class="slash-container" id="slashTa...
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 金色文字／銀色文字
PREMIUM GOLD 黄金の輝き 白銀の輝き コードエディター 本文 <div id="target-text">PREMIUM GOLD</div> <div class="controls"> <button onclick="ap...
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 ネオンサイン
-JavaScript- 【表示する文字列を変更する箇所】/* ここにテキストを入れる */ <div id="neon-text">-JavaScript-</div>【ネオンの色を変更する箇所】① color: #ff00ff; /* ...
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 横スクロール
コードエディター 本文<canvas id="bikeCanvas" width="320" height="100"></canvas>カスタムJavaScript const canvas = document.getElementBy...
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 ミニ水槽
コードエディター 本文<div class="aquarium-container"> <canvas id="aquarium"></canvas></div>カスタムJavaScript const canvas = document....
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 ボールを浮かせるアニメーション
PUSH TO FLOATコードエディター 本文<div class="wrapper"> <div id="stage"> <div id="shadow"></div> <div id="ball"></div> </div> <but...