前期第15回 - oddmutou/jugyo-2026kyototech GitHub Wiki

最終課題 追加要件の解説

動作例: http://98.93.107.39/bbsimagetest.php

レスアンカ機能について

実装例: https://github.com/oddmutou/jugyo-2026kyototech/commit/ecb0ce7a487feed673ca9cbbc5e004a3af90afde

ブラウザ側(JS)での画像縮小について

実装例: https://github.com/oddmutou/jugyo-2026kyototech/commit/959ebfc17f3d5282525cfeafd881badb3aa9bbac

演習

画像選択後にどんな画像を選択しているのか見れる、プレビュー的な機能を作ってみましょう。

縮小用とは別のcanvasを置いてそこに描画するとよいです。使いやすいようにスタイルはこだわってみましょう。

実装例: https://github.com/oddmutou/jugyo-2026kyototech/commit/0e62d484fe7342a583259d696549c9e54432c564