書籍紹介
本書は、Web ブラウザにおける本格的な GUI の入門書です。Web ブラウザに期待される役割は年々増してきています。ネイティブアプリ顔負けのデザインツールや、ドラッグアンドドロップでの操作が必要なフォームを作りたくなったとして、我々は何に気をつけるべきなのでしょうか?これまで HTML / CSS / JavaScript で実装するのが大変だった UI をどう実装するべきなのでしょうか?この点を本書は重点的に扱います。本書では定番のセレクトボックスやヘッダーレイアウトの他、バウンディングボックスやツリーといったドラッグを伴う UI なども実装していきます。苦しくも楽しい、Webブラウザの複雑なGUIの世界に、エディタとブラウザを開きながら足を踏み入れてみましょう。
続きを読む
短くする
電子版 ¥1,800 小売希望価格(税別)
印刷版 ¥2,000 小売希望価格(税別)
発行日:2020/09/11
発行社:インプレス NextPublishing
ページ数:92(印刷版)
ISBN:9784844379034
第1章 フルスクラッチGUI入門
第2章 バウンディングボックスことはじめ──移動・拡縮・回転
第3章 スクロールに連動して高さが変わるヘッダビューを作る
第4章 ドラッグ&ドロップ並び替え入門
第5章 座談会──STUDIO CPOとするGUIの話
hashrock(第1章 フルスクラッチGUI入門)
普段はCを扱う受託系プログラマー。何でもSVGでやろうとする傾向があり、SVG芸人を名乗る。「anydown」や「mangadown」など、Markdownを図やその他諸々に変換する、変なプロダクトを作成。
Twitter: @hashedrock / GitHub: @hashrock
daiiz(第3章 スクロールに連動して高さが変わるヘッダビューを作る)
仕事ではScrapboxとHelpfeelに携わる。昨年は趣味活動で、『探究 SVGとスクリーンショット』という薄い本を書く。今年は時系列データを扱うGUIの研究を行う。
Twitter: @daizplus / GitHub: @daiiz
miyaoka(第4章 ドラッグ&ドロップ 並び替え入門)
Webフロント系エンジニア。 STUDIOのデザインツールを開発。「JAMstack完全入門」を執筆。ポッドキャストsoussune。
Twitter: @miyaoka / GitHub: @miyaoka
f_subal(第2章 バウンディングボックスことはじめ──移動・拡縮・回転)
ピクシブ株式会社で、グッズ制作と同人誌入稿のサービス「pixivFACTORY(factory.pixiv.net)」のフロントエンドを担当。創作や編集にまつわるUI、TypeScriptの型システムとかが好き。本書では、まえがきと表紙イラストも担当。
Twitter: @f_subal / GitHub: @fsubal