入門GUI

「入門GUI Webブラウザで作る本格インタラクション」のサポートページです。

https://gyazo.com/0554e85a448e8027b70250832d93a0cf

購入

商業版（インプレスR&D）

サークルページ

誤記の訂正、追加の解説

サンプルコード

第１章「フルスクラッチ GUI 入門」

すべてCodeSandboxです。

1.5 オープン・クローズの挙動をつけよう

1.7 要素を選択可能にする

1.8 v-modelに対応する

1.9 キーボード操作に対応しよう

1.10 スクリーンリーダーへの配慮

1.12 リングコマンドを実装しよう

第２章「バウンディングボックスことはじめ ー 移動・拡縮・回転」

同人版では詳しく解説できなかった、回転を考慮したリサイズまで実装したサンプルコード

第３章「スクロールに連動して高さが変わるヘッダビューを作る」

p. 64 での途中経過

p. 66 での最終形態

ソースコードの全容

第４章「ドラッグ＆ドロップ 並び替え入門」

ソースコードの全容

目次 & サンプルページ