Adobe、Web制作のためのEdgeツールとサービスを発表

Adobe は、Web サイト、デジタルコンテンツ、モバイルアプリの作成と開発を支援する 7 つの「タスク重視のツール」のセットである、Edge Tools & Services という新しいソフトウェアファミリを発表しました。

Adobeは、サンフランシスコで開催された「Create the Web」イベントでこの新しいツールセットを発表しました。これは、世界中で開催される一連のイベントの第一弾です。同社はこれらのWebイベントを通じて、HTML5とモバイル向けテクノロジー、そしてレイアウト、グラフィックス、映画のような視覚効果、そしてタイポグラフィの分野におけるAdobeの貢献を強調しています。

プロのWebデザイナーと開発者を対象とした新しいパッケージには、Edge Animate、Edge Inspect、Edge Code、Edge Reflow、Edge Web Fonts、Typekit、PhoneGap Buildが含まれます。Edge Animate、Typekit、PhoneGap Buildなど、一部の製品は既にお馴染みのものですが、その他は新しい製品です。1つを除き、すべてAdobeのCreative Cloudサブスクリプションサービスを通じてオンラインでご利用いただけます。また、すべてAdobeのビジュアルWebデザインソフトウェアであるDreamweaver CS6を補完するように設計されています。

Adobeは、新サービスをクラウドベースにすることで、依然として物議を醸している新しいCreative Cloudサービスを、ターゲットであるクリエイティブプロフェッショナルにとってより魅力的なものにしようとしています。このサービスは、無料トライアルメンバーシップと引き換えに、大きな永続的な価値を付加するため、Web開発者にとってCreative Cloudサブスクリプションプランを試す新たな動機となります。

コーディングするデザイナーとその逆

Adobe によれば、コードを書くデザイナーとデザインをする開発者という新しいジャンルの Web プロフェッショナルが出現しており、Edge Animate ツールセットは特に彼らをターゲットにしているとのこと。

「お客様の性質は変化しています」と、アドビのインタラクティブ開発担当副社長、ダニー・ウィノカー氏は述べています。「これまでは、デザインだけを担当するデザイナーがいましたが、ウェブサイトやその他のウェブアプリケーションに携わるデザイナーが、基本的なコーディングを学ぶケースが増えています。私たちはこうしたデザイナーを「コーディングするデザイナー」と呼んでいます。」

ウィノカー氏によると、そのようなデザイナーは、Web のコア技術である HTML、JavaScript、CSS を理解しており、新しいデザインに着手するにつれて、それらの技術の限界と機能に対してますます敏感になるという。

同時に、ウィノカー氏は、アドビは開発者とデザイナーの距離が縮まっていると指摘する。「フロントエンド開発者の中には、デザインに敏感になり、デザイナーが何を実現しようとしているのかを理解することに重点を置いている人もいます」と彼は述べた。この2つのグループは、以前よりも協調的に働いている。

商業リリース

新たな主力ツールはEdge Animate 1.0です。これは、昨年Adobe Labsで発表された、以前はEdge Previewと呼ばれていたHTML5アニメーションソフトウェアパッケージの最初の商用リリースです。HTML、JavaScript、CSSを使用して、Flashスタイルのコンテンツ豊富なインタラクティブ機能とモーショングラフィックスを作成することに特化しています。

Edge Inspect 1.0（旧称Adobe Shadow）は、様々なデスクトップサイトとモバイルサイトでWebデザインを同時にプレビューできるツールです。生産性向上を目的として設計されたEdge Inspectは、デバイス間でのデザインのテストとデバッグのプロセスを簡素化します。

PhoneGap Build 1.0 サービスの商用リリースにより、デザイナーは HTML5、JavaScript、CSS で構築されたモバイルアプリをパッケージ化し、さまざまなモバイルプラットフォームで使用できるようになります。

ツールの詳細

レスポンシブなレイアウトとデザインの作成を支援するツール「Edge Reflow」は、デスクトップ、ウェブ、タブレット、スマートフォンなど、様々なデバイスに合わせてコンテンツを再利用する手段を提供します。画面サイズに応じてデザインのレイアウトを変更できるため、デザイナーはレイアウトを何度も作り直すことなく、レイアウトを自在にコントロールできます。このソフトウェアは現在、プレビュー版としてデモ公開されていますが、まだ提供開始されていません。Adobe社によると、Reflowのプレビュー版は年末までにリリースされる予定です。

プレビュー版として利用可能なEdge Codeは、開発者がアプリケーションの基盤となるコードを記述できる新しいコードエディタです。オープンソースプロジェクトBracketsをベースに構築されており、HTML、CSS、JavaScriptを扱うデザイナーや開発者向けに最適化されています。

開発の公開フェーズにおいて、Adobeは無料のEdge Web Fontsサービスを導入しました。このサービスは、ウェブサイトやアプリで使用できるオープンソースフォントのライブラリを提供します。既存のTypekitサービスでは、開発者がウェブサイトに高品質なフォントを豊富に取り揃えています。Typekitのフォントライブラリには、Adobe、Google、その他のデザイナーによるオープンソースのウェブフォントが含まれています。

同時に、Adobe は、ユーザーインターフェイスおよびソフトウェア開発アプリケーション用の Source Code Pro (コード編集用の固定幅フォント) と Source Sans Pro という 2 つの新しいオープンソースフォントをリリースします。

在庫状況と価格

これらの新しいツールとサービスは、Adobe Creative Cloud の無料入門メンバーシップおよび有料メンバーシップの一部としてご利用いただけます。

導入期間（終了日はまだ設定されていません）の後、Edge Animate の価格は、永久ライセンスの場合は 499 ドル、スタンドアロンサブスクリプションの場合は月額 15 ドル、または Creative Cloud の有料メンバーシップに含まれることになります。

Creative Cloud はこれまでも、そして現在も30日間の無料トライアルメンバーシップを提供していますが、Edge Animate ツール＆サービスは30日経過後も有効です。Edge Animate ユーザーは、無料メンバーシップが「スターター Creative Cloud プラン」に延長され、Edge Animate の永続ライセンス（499ドル相当）と、その他のツールおよびサービスの基本ライセンスが無料で提供されます。また、サービスの通常のファイル同期、ファイル共有、ストレージ、そして CS6 の無料トライアル機能もご利用いただけます。

Edge InspectとPhoneGap Buildの追加容量は、それぞれ月額10ドルのスタンドアロンサブスクリプションでご利用いただけます。Typekitの有料プランには、追加のウェブサイト、フォント、ページビューが含まれており、年間25ドルから99ドルでご利用いただけます。Creative Cloudの有料メンバーシップには、年間50ドルのポートフォリオプランが含まれています。

有料会員の方は、Creative Suite 6のすべてのデスクトップアプリケーションに加え、Adobe Photoshop LightroomやAdobe Museなどのアプリケーションもダウンロードしてインストールできます。Creative Cloudの個人向け有料メンバーシップは、年間メンバーシップの場合は月額50ドル、月単位のメンバーシップの場合は月額75ドルです。教育機関のお客様、およびCreative Suite 3以降からアップグレードされるお客様は、月額30ドルです。