モバイル端末かどうかを判定するシンプルなスクリプト。
AI便利だけどそのままじゃイマイチなコードを提案してくることも多いのでかなり書き直したもの。
userAgentとタッチ操作と画面サイズを調べています。
続きを読む
21/6/2025
1/6/2025
pannellum.jsはSVG画像も表示できる！ただし…
またもや全くもって需要がない話なんですが。🙏
360度パノラマビューワーのpannellum.jsって意外にもビットマップ画像だけじゃなくてSVG画像も表示できるんですね。
試しに指定してみたら表示できてちょっとビックリ。
ただし、綺麗に表示してくれるのはSafariだけで、Google Chrome等他の全てのブラウザはSVGだとボヤけました。
なんだ〜残念〜せっかく軽いベクトルデータで何かできるんじゃないかと思ったのにぃ・・・
いや、それならSafariだけ軽いSVGにして、他のブラウザはPNGでもよくね？
ちょっと実験したいし。
続きを読む
Gistをブログに貼るとタブ幅が8になる問題はCSSで解決
あなたはコードを書くときのインデントはタブ派ですか？それともスペース派ですか？
僕はタブ派なんですが、地味に困っていることがありました。
それは、Gistでブログにコードを貼ると、インデントがどうしても8文字分になってしまうんです。広すぎ…🤔
続きを読む
27/5/2025
無料でAVIF形式の画像を保存するには？
承前。
「AVIFやWebPならJPEGより軽いのはいいけど、そもそもどうやってAVIFで保存するの？」
「PhotoshopじゃAVIF形式で保存できないし、Affinity Photo 2はAVIFを開くこともできないよね？」
だったら、Kritaを使えばいいじゃない！
続きを読む
25/5/2025
pannellum.jsをWebPやAVIF対応ブラウザなら自動切替したい
前回360度天球画像をブログに貼る手段をPannellumに変えたことを書きました。
そしたらちょっと欲が出てきまして。
JPEGじゃなくて、もし閲覧者のブラウザが対応していればより軽量なAVIFやWebPでパノラマ画像を表示させたい！と。
普通は難しい話じゃないですよね？
.htaccessでACCEPTヘッダーがimage/avifに対応していて、かつ当該ファイルが存在するなら.avif画像を表示させるという。WebPも同様。
imgタグの場合は問題なく切り替えてくれます。
ところが、クエリ文字列で拡張子付きのファイル名を指定しなければならないPannellumの場合、.htaccessで画像を自動切り替えすることが出来ません。
続きを読む
日本大好きなのにふと気付けば人生の三分の一パリ暮らしのUIデザイナーです。
車イスだけどバンドでドラム叩いたりもしてます。人生無理。