タグ: JavaScript

  • ランダムな色値を取得する

    JavaScriptで生成芸術をやると乱数を使った色値の取得が必要になる時があります。 今まではRGBAを使っていましたが、別途関数記述が必要だったり冗長さがありましたHow do you get random RGB […]

  • 開発者コンソールから新規タブでURLを開く

    そのままwindow.openとするとポップアップブロックに引っかかる罠(があり)、一手間必要だったので記しておきます。 injectScript revised edition https://stackoverflo […]

  • ブックマークレットを使ったJS検証環境構築

    ウェブアプリの検証環境としてSafariを使うかChromeを使うか悩ましいところがありますが、近年では装飾用と機能用と用途に分けて使っているような気がします。その装飾、特にCANVASやCSSアニメーションなどの外部J […]

  • 将棋盤ウェブアプリ製作(盤表示編)

    とある映画撮影のお芝居中に使う将棋盤アプリを作ることになったので実際にどのように書いたのか紹介します。要件としては、必ずしも初期配列では無い表示からKIF形式の進行データを使って遠隔青歯キーボードのリターンキーで一手づつ […]

  • WebViewのフォーム入力でImmersiveモードを維持する(Kotlin編)

    Androidアプリ開発でKotlinに移行してから以前出会した問題が再度形を変えて現れてきたので紹介したいと思います。 Enabling Immersive Mode from JavaScript Event on […]

  • document.write記述を止める

    CANVASをフルスクリーンで扱う際に document.write() を使っていたのですが、 Google Chrome のバージョン 80辺りから [Violation] Avoid using document. […]

  • 細切れ画像をPNGにまとめる

    このサービスでは虫眼鏡UIで拡大する際に10分割+4ピクセルの画像をPHP GDで生成していたので、ローカルにダウンロードした10分割のPNGファイルを一つのPNGファイルにまとめてブラウザで表示し、クリックするとダウン […]

  • URLから地図上にピンを表示する

    DQウォークという位置ゲーを始めたのですが、47都道府県に各4つずつ設置されているランドマークを巡るスタンプラリー的な要素が旅行のお供に面白そうで、攻略サイトの一覧で確認したランドマークに寄った帰宅後に、直ぐ近くにもう一 […]

  • 様々な大きさの円を重ならないように描く

    あるテレビ撮影現場で解像度1920×1080のスクリーンに700個程の円を敷き詰めて描き動かすという要件があり JavaScript の Canvas を使ったのですが、円の座標を取得する際にブラウザの応答がなくなってし […]

  • Passive Event Listenerを使う

    シングルページアプリケーション(SPA)や最近話題のプログレッシブウェブアップス(日本語ではアプリ)をやっていると利用者にスクロールさせたくない場合、イベントリスナーを使った JS コードので対応ができていたのだけど、i […]