SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

【デブサミ2013】セッションレポート(AD)

【デブサミ2013】15-C-4 レポート
「無償でここまで使えるアドビのWeb制作ツール」

  • X ポスト
  • このエントリーをはてなブックマークに追加

 クリエイティブの世界を牽引してきたアドビが、2012年末に最新のWeb技術に対応した開発を支援する新ツール群「Adobe Edge Tools & Services」を発表した。いずれもクリエイターの生産性を大いに高め、しかも無償で使えるという。その使用感や効用を訴求すべく、同社マーケティング本部 デベロッパーマーケティングスペシャリストの轟啓介氏が機能紹介とデモンストレーションを行った。

  • X ポスト
  • このエントリーをはてなブックマークに追加

アドビ システムズ 株式会社 マーケティング本部
デベロッパーマーケティングスペシャリスト 轟啓介氏(撮影:峯雄一氏)
アドビ システムズ 株式会社 マーケティング本部 デベロッパーマーケティングスペシャリスト 轟啓介氏(撮影:峯雄一氏)

 HTML5の可能性が期待される一方で、生産性はクリアすべき課題の一つだ。CSSフリーでの開発やJavaScriptを使用したアニメーションの作成、さまざまなデバイスごとに動的に変化するWebデザインなど、Webサイトの制作には続々と新しい手法やアプローチが登場している。高いクリエイティビティを期待される中で生産性を両立させることは、クリエイターにとって不可避な課題と言えるだろう。

 そうした制作現場に対し、アドビが提案する「モダンなWebのためのモダンなツール」が「Adobe Edge Tools & Services」である。2012年9月の発表時には一部のみのリリースだったが、2013年2月15日にはプレビュー版も含めてほぼすべてがダウンロードできるようになった。

2012年9月に発表された「Adobe Edge Tools & Services」。2013年2月15日にもアップデートされた。
2012年9月に発表された「Adobe Edge Tools & Services」。2013年2月15日にもアップデートされた。

高度なアニメーション作成ツール「Adobe Edge Animate」

 まず、轟氏がセミナータイトルどおり“無料”で使えるものとして勧めるのが、2月15日にVer1.5になった「Adobe Edge Animate」だ。主にHTML5で、リッチなアニメーションコンテンツを作るためのツールであり、タイムライン操作で緻密な設定が行える。JavaScriptも使えるが、基本的なスクリプトが挿入できるため、いわゆる「ゴリゴリ」に書かなくても十分使えるという。

 実際の活用場面として、はじめに紹介されたのは、iOSやAndroidなどのスマートフォンにおける「アニメーションバナー」だ。また、HTMLを読み込んで加工できるので、既存サイトにもアニメーションが容易に追加できるという。轟氏は実際に会場でアニメーションバナーを作成し、CSSのグラデーション機能やEdge Web Fontsの利用、タイムライン操作の簡便性に加え、非対応ブラウザのアラート機能などを披露した。

タイムラインを使って直感的に動画を作成できる。
タイムラインを使って直感的に動画を作成できる。

 轟氏は「画像を使わなくてもここまでの表現ができる。アドビはDOM、Canvas、CSSのいずれのアニメーションにも対応しており、用途や環境に応じて動画作成の選択肢が増えたと考えてもらえば」と語る。そして事例として、押井守監督作品のiPad 向け電子出版「ちまみれマイ・らぶ」が紹介された。なお、メイキングやインタビューがアドビのギャラリーサイトに掲載されているので、関心のある人は閲覧するとよいだろう。

次のページ
“超”軽量なコードエディター「Adobe Edge Code」

この記事は参考になりましたか?

  • X ポスト
  • このエントリーをはてなブックマークに追加
【デブサミ2013】セッションレポート連載記事一覧

もっと読む

この記事の著者

CodeZine編集部(コードジンヘンシュウブ)

CodeZineは、株式会社翔泳社が運営するソフトウェア開発者向けのWebメディアです。「デベロッパーの成長と課題解決に貢献するメディア」をコンセプトに、現場で役立つ最新情報を日々お届けします。

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

【AD】本記事の内容は記事掲載開始時点のものです 企画・制作 株式会社翔泳社

この記事は参考になりましたか?

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/7020 2013/03/21 14:00

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング