今回は、もう少し掘り下げて Spryの魅力を紹介していこう。
シンプルなファイル構成
JavaScript ライブラリは、Webページに組み込んで利用するため、その分だけWebページのサイズが大きくなってしまう。そのため、不必要な機能は組み込まなくて済むようにしたり、自分に必要な機能だけを選んでファイルを作れるようになっているものもある。しかし、ダウンロードするファイルが数十MBに及んでいることがあったり、機能を付け足す度にライブラリをダウンロードし直す必要があったりする。
Spryの場合、ダウンロードして解凍した状態では8MB弱。実際のライブラリファイル等は1MB程度でアップロードすることができる(図1)。また、「SpryEffects.js」「SpryHTMLDataSet.js」など、わかりやすい機能名でファイル名がつけられているため、必要な機能のファイルだけを的確に参照することができる。一つ一つのファイルは、100KB程度なので、参照してもほとんど気にならないサイズなのが魅力だ。

簡単な記述
Spryは、「デザイナのための」と銘打つだけあって、非常に簡単な記述でスクリプトを作ることができる。JavaScriptはほとんど使わずに、できるだけHTMLの拡張属性や独自の記述でまかなおうという努力が見える。
例えば、
フェードアウトのサンプル
クリックすると、このエリアがフェードインします
これで、領域のフェードアウトの処理を作ることができた(図2)。上記の一文を見るだけで、スクリプトに慣れた人なら何をやっているかわかるはずだ。上記は「ID属性が"areaTarget"の

また、「XMLを読み込んで、ページ内に表示する」という一見複雑そうなスクリプトについても、以下のようなスクリプトで実現することができる。
XMLを読み込む
名前
1ラウンド
2ラウンド
3ラウンド
4ラウンド
5ラウンド
{name}
{round1}
{round2}
{round3}
{round4}
{round5}
これだけで、XMLファイルを読み込んでテーブルに表示させることができる(図3)。驚くことに、JavaScriptのスクリプトは1行だけで済んでいる。スクリプトの代わりに利用しているのが、「spry:」から始まる拡張属性をHTMLタグに記述することだ。こうして、デザイナやマークアップエンジニア(HTMLコーダー)でも簡単にJavaScriptを使ったスクリプトを作ることができるというわけだ。

とはいえ、この辺りは賛否両論があり、デザインとスクリプトの分離という考えやスクリプトの応用性を考えると、必ずしも好ましい作り方とはいえない。このあたりは、好みの分かれるところといえるだろう。
ZDNET Japan 記事を毎朝メールでまとめ読み(登録無料)
関連ホワイトペーパー
- コンテナ監視とオーケストレーションの基礎知識、5つのメリットとKubernetes活用まで
- DX推進の要となるデータ連携、それを実現するツールが備えるべき要件と機能を知る
- レガシーミドルウェアの終焉、ローコードでアプリケーションを統合する次世代クラウドサービスとは
- レガシーとデジタルをつなぎ段階的なDXを推進、再利用型iPaaSによるデータインテグレーションの効果
- 部品化でデータ統合のコスト負担を最小に、システムを変えずiPaaSでデータをつなぐ仕組みを作る
- IT人材不足解消の救世主として今注目されている「ローコード開発」。その活用事例と導入のメリットを知る
- 人気カテゴリ
- 経営
- セキュリティ
- クラウドコンピューティング
- 仮想化
- ビジネスアプリケーション
- モバイル
特集
- 松岡功の「今週の明言」
- ハイブリッドワークでのデータセキュリティ
- 松岡功の一言もの申す
- Linuxノウハウ
- トップインタビュー
- デジタルで変わるスポーツの未来
- リモート接続の基礎知識
- PDF Report at ZDNET Japan
- カーボンニュートラル(脱炭素)
- Security(Splunk)
- ビジネス視点で分かるサイバーのリスクとセキュリティ
- 中国ビジネス四方山話
- 「働く」を変える、HRテックの今
- 企業セキュリティの歩き方
- Chromebookをより便利に
- D&Iで切り開く、企業の可能性
- リテールテック最前線
- ITアナリストが知る日本企業の「ITの盲点」
- Ziddyちゃんの「私を社食に連れてって」
- 新潮流Device as a Serviceの世界
- 不確実性の時代に、アジャイル開発で向き合っていこう
- デジタル岡目八目
- デジタルジャーニーの歩き方
- 古賀政純「Dockerがもたらすビジネス変革」
- ラズパイをより身近に
- これからのDXプロジェクト、実践的手法と意義
- 「Excel」ハウツー
- 量子コンピューターを知る--現状と今後
- CPMで実現するデジタル経営変革
- ITとOTセキュリティの統一
NEWSLETTERS
エンタープライズ・コンピューティングの最前線を配信
ZDNET Japanは、CIOとITマネージャーを対象に、ビジネス課題の解決とITを活用した新たな価値創造を支援します。
ITビジネス全般については、CNET
Japanをご覧ください。