ウェブのインタラクションデザイン・ツール(その1)“の続きです。特徴について解説します。スクリプティングを実践し、ウェブページに簡単にインタラクションを加えることができるツールです。これまでも、ウェブページ上のアクションをメニューベースで作成できるプロトタイピングツールもしくはオーサリングツールがいくつかありましたが、それらのほとんどは、次のような課題を抱えていました。コンポーネントを適用するだけで、オリジナルの動きを作ることができない。編集中のアクションをプレビューするには、ツール内のプレビュー機能を使わなければならず、実際のブラウザにおける動きをその場で見ることができない。完成したコードが独自のフォーマットであるため、本番実装に流用できない。完成したコードを実行するには、ブラウザプラグインやランタイムが必要。ページのレイアウトやラベリングについて検討する上では、紙にラフスケッチを描いたり、ドロー系のグラフィックソフトを使えば簡単にプロトタイピングができます。インタラクションのデザインを検討するためには、実際に動くものを作らなければなりません。詳しくないデザイナーなどは、事実上、インタラクションのデザインを自ら試行錯誤して行うことができなかったのです。ある場合、そのコードを流用することができませんし、実現可能性の検証も難しくなります。スクリプティングができるツールが必要だと考えました。実装してページに埋め込んでしまい、ブラウザの中で直接そのページのインタラクションを作成できるようにすることでした。これにより、上記の課題はすべて解決します。スクリプティングの基本となる処理を組み合わせて自由にインタラクションをデザインできる。編集中のアクションはブラウザ内で直接見ることができる。本番実装に流用できる。使えば、デザイナーやエンジニアは、オーサリングツール上での動きと実際のブラウザ上での動きのギャップに惑わされることがなくなりますし、特殊なプラグインやランタイムをインストールする必要もなくなります。特徴をもう少し細かく見ていきましょう。編集対象のウェブページに埋め込んでブラウザの中で操作するツールです。スクリプティングによって動的に生成されており、ブラウザから見るとそのページコンテンツの一部となっています。要素を動的に変更することができます。作成したインタラクションはその場でページに反映されるので、動きをリアルタイムに確認しながら編集作業を行うことができます。初期状態に戻すにはブラウザをリロードする必要があります)。ともに動作し、パワフルなインタラクションを実現します。吸収するので心配ありません。構文のスクリプトを作成できることに気がつくでしょう。スクリプティングを試すことができます。利用しているページであってもライブラリを重複して読み込む必要がありません。自体は削除してかまいません。構文のスクリプトになります。標準化されるローカル環境のDB(クライアントサイド・データベース・ストレージ)の技術を使って逐次保存されます。そのため、ブラウザを閉じたりリロードしたりしても、データは失われません。オフラインでの使用も可能です。ファイルをローカル環境に保存することができません。何度も書き換えるような手間無しに、ブラウザだけで作業を進めることができます。インストールしておく必要があります。インストールは不要です。設計に込められたコンセプトについて解説します。