xlc https://blog.hatena.ne.jp/xlc/ koba::blog https://blog.kobalab.net/ 麻雀 JavaScript 電脳麻将UI 〜 牌 - koba::blog と 電脳麻将UI 〜 音声 - koba::blog で、電脳麻将 では牌の画像や音声データを「DOMをコピーして使う」と説明しましたが、画像や音声データをブラウザが読み込む前に使ってしまうと、ダウンロード中の画像が表示されたり音声が遅れて再生されたりします。jQuery では $(function(){ /* ... */ }) の中にプログラムを書くことで、HTMLが読み込まれDOMが構成されるより前にアプケーションが実行されるのを避けるのが「作法」となっていますが、このタイミングでDOMは完成していても外部リソースの読み込みは終わっていない… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.kobalab.net%2Fentry%2F2026%2F03%2F23%2F200736" title="電脳麻将UI 〜 preload - koba::blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2026-03-23 20:07:36 rich https://blog.kobalab.net/entry/2026/03/23/200736 1.0 100%