入門GUI
「入門GUI Webブラウザで作る本格インタラクション」のサポートページです。
https://gyazo.com/0554e85a448e8027b70250832d93a0cf
購入
商業版(インプレス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章「ドラッグ&ドロップ 並び替え入門」
ソースコードの全容
目次 & サンプルページ
https://gyazo.com/2faf8984804eb38a9032895736107534https://gyazo.com/886fb5c7cc09d6366f77c4a71ce03aa0https://gyazo.com/4af939d5b2a53183833fefbfceab688ahttps://gyazo.com/e8f2d3681d4a430a55047d7f18eb84bchttps://gyazo.com/8609c7de9fe80b7e3c29adb0046aa64fhttps://gyazo.com/a661701e83e24bc386e780493ad1de3chttps://gyazo.com/077e4cf886776f2d4ed14f935c45e8db