https://masu.uk/Recent content on Mas53のブログHugojaMon, 12 Oct 2026 22:15:00 -0400https://masu.uk/posts/blocks/Mon, 12 Oct 2026 22:15:00 -0400https://masu.uk/posts/blocks/<p>ブラウザで遊べる、テトリスのような落ちものパズル。ゲームオーバーになると、スコアがランキングに登録される。</p> <link rel="stylesheet" href="https://masu.uk/demo/blocks.e7b3124dea86c87ea60ca25a6bcdd4ea2f488f1811fe36be99f7fb0f294bf5ab.css"> <div class="blk" tabindex="0" aria-label="ゲーム画面。クリックで開始"><canvas></canvas></div> <div class="blk-pad"> <button type="button" data-k="l" aria-label="左">◀</button> <button type="button" data-k="d" aria-label="ゆっくり落とす">▼</button> <button type="button" data-k="r" aria-label="右">▶</button> <button type="button" data-k="hard" aria-label="一気に落とす">⤓</button> <button type="button" data-k="hold">HOLD</button> <button type="button" data-k="ccw" aria-label="左回転">↺</button> <button type="button" data-k="cw" class="wide" aria-label="右回転">↻</button> </div> <script type="module" src="https://masu.uk/demo/blocks.c29ae6c0e17f3ae87aa6c6e4f852587196baf094b8bd1bfce633a502ee791091.js"></script> <h2 id="遊び方">遊び方</h2> <p>画面をクリック（スマホではタップ）すると始まる。</p>https://masu.uk/posts/rich-web-js/Mon, 12 Oct 2026 21:00:00 -0400https://masu.uk/posts/rich-web-js/<p>JavaScript を使って、ブラウザで描ける表現を並べる。3DCG には <a href="https://threejs.org/">three.js</a>（MIT ライセンス）を使っている。それ以外は、ライブラリを使わずに書いている。CSS と SVG だけで作れるものは、<a href="https://masu.uk/posts/rich-web/">CSS と SVG だけでできるリッチな表現</a> にまとめた。</p>https://masu.uk/posts/rich-web/Mon, 12 Oct 2026 20:30:00 -0400https://masu.uk/posts/rich-web/<p>JavaScript を使わず、CSS と SVG だけで描ける表現を並べる。画像や外部のライブラリも使っていない。JavaScript を使うもの（3DCG など）は、<a href="https://masu.uk/posts/rich-web-js/">JavaScript で作るリッチな表現</a> にまとめた。</p>https://masu.uk/posts/home-server/Thu, 01 Oct 2026 21:00:00 +0900https://masu.uk/posts/home-server/<p>余っていたN100のミニPCをサーバーにして、このサイトを自宅から公開しました。ルーターのポートは1つも開けていません。やったことを順番にまとめておきます。</p>