ただいま新デザインバージョンのプレビュー中です。旧バージョンはこちら。不具合等はお問い合わせより報告お願いいたします。

特殊UIの作成

カテゴリー
JavaScript
JavaScriptの実践
全3回

WebのUIといえば、タブやアコーディオンなどが思い浮かびますが、プロジェクトによってはさらに特殊なUIが求められることもあります。このシリーズでは、「何かを配置して、配置上で操作する」という特殊なUIの実装を考えます。 第1回を読む

第1回 オブジェクトの配置とドラッグによる移動

「何かを配置して、配置上で操作する」という、少々特殊なUIの作成を紹介します。まずはオブジェクトを配置し、ドラッグによって移動できるところまでを実装してみましょう。

第2回 オブジェクトの拡大/縮小の基本

「何かを配置して、配置上で操作する」という特殊なUIにおいて、今回は拡大/縮小の基本的な動作の実装を行います。

第3回 さまざまな拡大/縮小操作とタッチデバイスへの対応

今回は右上のみに配置していたハンドルを四隅に配置したり、縦横比を固定しない拡大/縮小操作もできるようにします。また、拡大/縮小をタッチデバイスに対応させましょう。