入門GUI
「入門GUI Webブラウザで作る本格インタラクション」のサポートページです。
購入
商業版(インプレスR&D)
サークルページ
誤記の訂正、追加の解説
サンプルコード
第1章「フルスクラッチ GUI 入門」
すべてCodeSandboxです。
1.5 オープン・クローズの挙動をつけよう
1.7 要素を選択可能にする
1.8 v-modelに対応する
1.9 キーボード操作に対応しよう
1.10 スクリーンリーダーへの配慮
1.12 リングコマンドを実装しよう
第2章「バウンディングボックスことはじめ ー 移動・拡縮・回転」
同人版では詳しく解説できなかった、回転を考慮したリサイズまで実装したサンプルコード
第3章「スクロールに連動して高さが変わるヘッダビューを作る」
p. 64 での途中経過
p. 66 での最終形態
ソースコードの全容
第4章「ドラッグ&ドロップ 並び替え入門」
ソースコードの全容
目次 & サンプルページ