つぎの条件に合致する他の事例を検索する。ブラウザの JavaScript 機能が有効になっていないのでメニューが表示できません。ご覧になりたい業界をリストから選択してください。
すべての業界
消費者向け商品&サービス
プロジェクトのタイプを選択してください。ブラウザの JavaScript 機能が有効になっていないのでメニューが表示できません。プロジェクトのタイプをリストから選択してください。
すべてのプロジェクトタイプ
製品を指定して検索
ブラウザの JavaScript 機能が有効になっていないのでメニューが表示できません。ご覧になりたい製品をリストから選択してください。
プロジェクトの詳細
いつでも自分が著者になれる無料のオンラインサービス「BCCKS」
BCCKS(ブックス)とは、株式会社BCCKSが運営している、ネット上に本が作れる利用者参加型のオンラインサービスです。現実社会で本を作るとなるとクリアしなければならない高いハードルがいくつもありますが、「BCCKS」に会員登録すれば、雑誌、日記、コレクト本、写真集、BBS、絵本、書籍など、あらかじめ用意された豊富なフォーマットをもとに、誰でもネット上に無料でクオリティの高いデザインの本(以下、ブック)を作ることができます。見開きで計8ページ単位に広告が入りますが、スタイリッシュなデザインのため、違和感がないどころか、まるでファッション雑誌を見るような感覚を味わえます。作成した「ブック」はインターネットを通じて誰でも読める点も特徴の1つです。書評の書き込みも可能なので、ただ見るだけとは違うユーザ同士のコミュニケーションが可能になっています。また、ブログから「ブック」にダイレクトにアクセスできる専用のブログパーツも提供されています。現在はアルファ版ですが、2008年2月末のオープン以来すでに多くのユーザを獲得しており、これまでに作成されたブックの総数は、公開されているブックで約3,000冊、ユーザーが編集中のブックも含めると10,000冊にのぼります。フォトアルバム的なものから、日記、小説まで個性的で多彩なジャンルのブックが作成され、人気のブックがメディアに紹介されたり、書籍化されるなど注目を集めています。
他のサービスとのコラボレーションも積極的に行なわれており、リトルモアと共催の「写真公募展」や、フォントでおなじみのモリサワとも「字組広告公募展」を行っています(2009年6月18日~9月18日)
ジャンル毎に好きな本が探せる。企業や出版社によるオフィシャルブックも読める。アクセスされた方は、BCCKSがFlashコンテンツではないかと錯覚するかもしれません。今回はFlash Player 10 とText Layout FrameworkがBCCKSにもたらすであろうさまざまなメリットについて、代表取締役の山本祐子氏をはじめとして、BCCKSに参加するプロジェクトマネージャの高橋真希子氏ならびにマークアップエンジニアの廣岡孝弥氏、チーフプログラマーの廣田幸将氏、プログラマーの吉川佳一氏らに伺いました。
それが、HTML版はいろいろコストがかかって大変なんですよ(苦笑)
――どんな部分で苦労されたんでしょうか
デザインはCSSで制御しているのですが、BCCKSがサポート対象にしている4種類のブラウザに対応しなければいけないため、ブラウザに応じてCSSを切り替えています。CSSの“クセ”みたいなものも結構あるので調整には苦労します。また、BCCKSはWebのメディアとしては珍しくフォーマットによって1ページあたりの文字量が決まっているので、どの環境でも1ページに表示する文字数を同じにするための配慮など、細かいところにすごく気を遣うんです。HTML版では4種類のブラウザにあわせて4種類のCSSを用意している。
そうなんですよね
普通のサイトならモダンブラウザは差がでないという認識だと思うんですが、BCCKSが特殊なのは、文字のピクセル単位のそろえまで、全ブラウザで一致してないといけないことなんです。そこで字間や行間、上下左右のマージンなどを4種類のCSSで分けて、ブラウザごとに振り分けることで、フォントが違っても、レンダリングエンジンが違っても、極力同じ文字のあふれ方をするように調整してました。
それがまずひとつ大変なところですね
今回開発したFlashビューアはまだ正式にリリースしているものではないのですが、Flashのテキスト機能と、Flash Player 10の機能アップのおかげで、従来のHTMLでレンダリングするのと同じようにちゃんと写真が読み込めて、文字のハンドリングも可能になっています。そこで、BCCKSが抱えていた問題の解決と、新たなサービスの可能性を探るために、Flashによる新しいブックビューア「BCCK Viewer」を開発しつつ、複数の参加者の投稿で作り上げる「BBSブック」、挿絵や注釈が共同編集できる「文芸書タイプ」のブック、ユニークなフォントが利用できる「漫画タイプ」のブック、新しい表現方法を追求した「GMemo」 の焼き直し版の4種類のブックを試作してみました。
――具体的にはどんなことが可能になったのですか
Flash Player 9以前のプレーヤーのテキストレンダリング機能ですと、HTMLとCSSをそのまま置き換えるには少々機能が足らず、なかなか思ったようなレイアウトの実現が難しかったんです。しかし、今回のバージョンアップで相当パワーアップしましたので、CSSでのレイアウトをそのまま置き換えるだけでなく、それ以上のこと、例えば、縦書き、マルチカラム、縦中横といった複雑な文字組みをWeb上で表現することが可能になりました。おかげで新規開発にかかる負担を減らすことに成功しています。それをBCCKSのデータベースにそのまま格納したり、ブックを読み込むときのXML中にそのまま埋め込んだりしているので、ただ単にサーバのデータベース上にXMLを流すだけで、すぐにリッチな見せ方ができるようになっています。さらにLinked Container機能により、複数のボックスをつなげて一つのボックスのように扱えるようになった点も新しいです。エディタが整い次第リリースしてゆきたいと考えています。テキストを流しこむだけでユニークなレイアウトが実現する。
縦書きと共同編集を実現する「文芸書タイプ」のブックフォーマット
ではバージョンアップ予定のサンプルブックでどんなことが可能になるのか教えてください。例えば「文芸書タイプ」のブックは、小説やエッセイを書くのに適した、縦書きの文庫本タイプのブックフォーマットです。
文芸書タイプのブックフォーマット
文庫本を開いたようなリアルなデザインを再現
注釈や挿絵を共同編集することも可能になる。以前は一つのボックス内に一つのテキストが対応して流し込まれるというスタイルでしたが、今回は複数のボックスをグルーピングして連結させ、連結したいそれぞれのボックスに同じ番号を割り振ることで、まるでひとつのボックスに流し込んでいるかのようにテキストが流れ込む仕組みにしました。特にこのような文芸書タイプのブックの場合、文字を入れて、あふれたら自動的に左のページへということができるので、編集が非常に楽になります。今までは「このフォーマットは文字数がこれくらいだから、1ページ中で語る内容もこれくらいかな」と内容を制限してしまったり、フォーマットを変えると見栄えが悪くなるなど、既存のフォーマットにしばられた編集をしなくてはいけませんでした。しかしLinked Container機能によって、ボックスの数による制限やしばりがなくなり、ボックスがひとつしかないフォーマットとの互換性も生まれました。将来的にはブック同士に限らず、他のウェブサービスとの連携の可能性もあると思います。フォーマットがあるというのがBCCKSの良さであると同時に制限のひとつでもあったのですが、その制限だけ取ることができたと感じています。ちなみに現在は一つのブックは一人でしか編集できませんが、将来的には共同編集ということで、1ページ内で挿絵や注釈をなどをエレメント単位で解放し、他のユーザと共同編集できるようにする予定です。
画像にしても、従来は画像を配置するための専用のボックスが用意されている必要がありましたが、Text Layout Frameworkではインライン画像が使えるため、文字ボックス内に画像を配置することも可能になりますね
将来的には携帯からの投稿も想定した「BBSタイプ」のブックフォーマット
コラボレーションできるブックも計画中です。例えば次にご紹介するのは「近所のお店で働くかわいい看板娘の募集をするマガジンブック」という形態を想定したBBSタイプのブックで、見開きページが複数のユーザの投稿によって構成されるスタイルです。
bbsタイプのブックフォーマット例
空いているスペースに投稿してもらう。
完成した状態
バラエティに富んだフォントが利用できる。画像と文章が入る場所は決まっていて、情報を募集し、誰かが投稿する。するとどんどんエリアが埋まり、全部埋まったら完成です。Flashの機能を使って図形などで画像をマスキングして形を変えたり、文字の切り崩しが可能なテキストエリアを用意して見せ方に変化をつけられます。今までのBCCKSのフォーマットは、写真1点とキャプションという組み合わせで非常にシンプルな構成が多かったんですが、雑誌のように多彩なエレメントで構成できます。テキストがシェイプに回り込んでいるように見えますが、これもLinked Container機能で、実際は細かいテキストボックスがたくさん用意されていて、リンクすることで回り込みを実現しています。
将来的には、ケータイで写真を撮って、メール本文にテキスト打って送信すると、あるエレメントに写真やテキストが流し込まれて、みんなでページを作るみたいなものが考えられるようになりますね
――すると、さらにこれをプリントして、紙物にするみたいなことも可能になりますね
今までのWeb版ですと、画像の解像度がどうしても出版物にするには足りないんですが、Web版とは別に印刷用に新たにリデザインされたフォーマットを用意することで、印刷に最適なフォーマットで出力するというようなことは計画中です。
「漫画タイプ」のブックフォーマット
漫画のような表現が可能なブックフォーマットも計画中です。
漫画ではよく擬音が登場しますが、通常のフォントでは表せないようなデザインですよね
Flash化することによってこのような擬音の文章を自由度高く組んでいくことも可能になるのではと考えています。
漫画家気分が味わえる「漫画タイプ」のブックフォーマット
「文芸書タイプ」同様、リアリティが追求されたデザイン
擬音は将来、Flashベースのエディターで作ることを想定している。
ユーザが自由にレイアウトできる新しいスタイルのブックへの展開も
さらに、日記タイプのブックフォーマットを用いて現在公開中の「GMemo」のデザインを再構成し、かなりデザインの自由度を高めたバージョンも用意してみました。
現在公開されているGMemoのレイアウト
テキストに自由度をお持たせた焼き直し版GMemoの例
エリア全体を使った焼き直し版GMemoの例
日記の内容は同じですが、これまでにない新しい表現を実現しています。あくまでもサンプルなのでどのように実装するかという現実的な部分まではまだ落とし込めていないのですが、このようなデザインが初期設定されたフォーマットを用意し、それをユーザが選択した1部分だけフォントを変えるとか、好き勝手に見栄えを変えられるフォーマットが考えられます。今後はユーザが自分自身の感覚でデザインすることも夢ではないかもしれません。Flash化すると、ブログパーツも変わる。以上が新しいブックフォーマットですが、Flash化によってブログパーツも新しくしてみました。これまでのブログパーツは表紙の画像1枚で、クリックするとBCCKS内のブックビュワーにジャンプするというものでしたが、新しいブログパーツはスクリプトを埋め込めばそのままその場でブックが表示できます。
ちっちゃな本がブログの中にあるような感じですね
しかもマウスオーバーで全ページがめくれて、文字は小さいけれども、そのままブックが見えちゃうんです。
Flashだから単にスケールを小さくすることでできているわけですが(笑)
――ということは、今後ケータイからブックが丸ごと見られることも考えられるわけですね
HTMLからの乗り換えという流れの中で、もうひとつ開発したものがあります。
これまでのBCCKSのビューアでは写真のアップロードもHTMLのフォームから行っていたので、レイアウトと構成を考えながら1ページずつ調整できるというメリットがある一方で、大量に一度に作りたい人にとっては、選択操作を何度もすることになるという声もありまして
それを解決するために、写真を簡単に読み込んで、まとめてアップロードできるアプリを開発したというわけです。
アップロードが簡単であればあるほど、いろんな人が参加しやすくなりますし
――「ブッコンダー」というネーミングはもしかして
「このブックにぶっこむかー」という(笑)
自分のブックのリストから写真を追加するブック・ページフォーマットを選び、自分のPCのフォルダから写真を読み込んで送信すると、BCCKS上のブックに写真が配置された状態になります。ローカルのテキストファイルをドラッグ&ドロップで入れることもできるので、画像とテキストを同時にアップロードすることもできます。
――アルバム作りには最適なツールかもしれないですね
どんな人でも手元にある写真とテキストを入れて簡単にブックが作れるツールです。将来的にはローカルの環境でもう少しハードな本の編集自体ができるよなAirアプリや、Webブラウザ上でも今の編集モードに代わる、Flashベースの編集モードなどをを開発する予定があります。MY bcckからアップロードしたいブックを選択し、希望するフォーマットめがけてファイルをドロップする。
スタイルの変換部分は独自に策定・開発
――制作にあたり、BCCKS独自といえるような活用方法があったらご紹介ください。
Flashビューアへの移行にあたり、HTMLとCSSで構築された既存サービスと、新しいサービスの両方を一定期間平行して提供できないといけないのですが、flash
engineはCSSをそのまま解釈することはできないようでした。にも関わらず、今なんとなく両方ちゃんと見えるようにしています(笑) これはどういうことかというと、CSSでスタイルされたテキストをパースして、Text Layout Frameworkのマークアップに変換するという仕組みを新たにPHPで書いたからです。ビューア自体は非常に単純な構造なので難しい点はなかったのですが、この既存サービスの移行をどうするかが最大の難関であり、今回時間かけたところです。
InDesignを活用されているとも聞きましたが、どういう形でデータを渡しているのですか
InDesignを使ってデザインし、データをインポートするときの様子
ブラウザごとにCSSをチューニングするなど、多様なブラウザへの対応コストの削減が可能になったことや、ビューロジックを明確に切り離すことができるようになったため、設計の簡略化が見込めたことですね
engineの表現力により、従来のWebページでは実現が難しかったテキスト表現の可能性も見えてきました。
これは「ブック」を作る上で大きなメリットだなと
また、Flash化によりブログパーツにも幅が出せるという利点もあります。
――Flashビューアに置き換えた場合、開発およびメンテナンスにかかるコストはどの程度削減されると思われますか
今回はある程度仕様を決めてからスタートしたということもありますが、Flash版ビューアの開発は数日で終わりました。これからFlashにすることでできる機能と、これまでの構造や良さをどうあわせていくかという企画と検証作業に入りますが、開発にかかるコストは大きく削減されていくだろうと考えています。これまではブラウザ固有の問題(特にIE6)に悩まされていましたが、これも解消されます。OSの違いに基づくフォントの違いという問題が残りますが、これはフォントの埋め込みで解決できると考えていますので、これまで感じていたストレスを10段階の「イライラ指数」にすると、“8”から“2”まで下がりそうです。
――新しいビューアのリリースはいつ頃になりそうですか
「BCCONDER」は24日にリリースしていますが、その他については、さらにブラッシュアップを重ねてからのリリースとなります。公開が決まりましたら改めてアナウンス致しますので、もうしばらくお待ちください。
――ちなみに、スキルアップや情報共有はどうされているのですか
みんなそれぞれ違う会社に勤めているので、週に2日集まる日を決めて、その日は丸1日中顔をつきあわせて開発するんですね
その際にあーだこーだ言ってますね
動かない、わかんないっていうのを自分の担当かどうかわからない状態で投げたりすると、誰かが答えてくれます。僕がFlashの質問をすると廣田さんが教えてくれたりするんです(笑) あとはお互いの「tumbler」をチェックして、何に興味を示しているのか把握したりしてます。
――ということは、開発のみなさんはBCCKSの社員というわけではないのですね
現在Webサービスを取り巻く現状を踏まえ、まずはできるだけミニマムな形から始めたいと考えました。そこで、はじめに賛同者を募り、みなさん手弁当で参加していただくかたちでスタートしています。企画、デザインスタッフは常駐していますが、それ以外の人たちは本業もありますので、週に2日ここに集合して、顔をつきあわせて開発しています。それ以外はメールを使いながら情報共有しています。
――つまりバーチャルなスタイルということでしょうか
バーチャルな形に近いです。メールで打ち合わせをして、 会議をしたら非公開なBCCKSにまとめて共有しています。
イベントが近くなってきて、詰めなきゃ行けないみたいなときには、みんなで時間をやりくりしながら集まってくるという感じですね
――お忙しいところありがとうございました。このドキュメントを評価する。ご自身の体験談を紹介してください。
アドビカスタマーサクセスプログラムに参加
お問い合わせ
不正コピー防止について
著作権と商標について*
当Webサイトをご利用のお客様は、利用規約にご同意いただいたものとみなされます。つぎの条件に合致する他の事例を検索する。ブラウザの JavaScript 機能が有効になっていないのでメニューが表示できません。ご覧になりたい業界をリストから選択してください。
すべての業界
消費者向け商品&サービス
プロジェクトのタイプを選択してください。ブラウザの JavaScript 機能が有効になっていないのでメニューが表示できません。プロジェクトのタイプをリストから選択してください。
すべてのプロジェクトタイプ
製品を指定して検索
ブラウザの JavaScript 機能が有効になっていないのでメニューが表示できません。ご覧になりたい製品をリストから選択してください。
プロジェクトの詳細
インターネットを通じた新たな企業価値をつくりだすWebプロモーションエージェンシー
株式会社エフアイシーシー(以下、FICC)は、インターネットメディアやウェブサイトを活用し、消費者の集客、誘導、顧客化までの効果的な販売促進を実現するWebプロモーションエージェンシーです。FICCはWebプロモーション、Webコンサルティング、Webクリエイティブやバイリンガルコミュニケーションなどのサービスにより、外資系企業をはじめとした多くのクライアントとダイレクトな信頼関係を築きあげてきました。マーケティングリサーチから制作、効果測定まで総合的なプロデュースを行う体制と各種サービスがFICCの最大の特徴でもあります。
現在社員は20名
デザイン、デベロップ、プランニングなど、様々なスキルを持ったスタッフによって最適なクリエイティブ・ソリューションを提供しています。それぞれが、クライアントやユーザーニーズに対する提案を行い、Webコンテンツを通じてクライアントの企業価値やブランディングの確立を目指しています。FICCは個々のスタッフによる、部署を超えた活発なコミュニケーションや、積極的な情報の共有によって、スタッフ同士が常に刺激を与え合う関係を築いています。今回は会社から絶大な信頼を寄せられているスタッフ2名に、Adobe CS4の魅力や使用感について伺いました。――普段どのようなお仕事をされているのか教えてください。
Flashサイトの構築を得意とする福岡陽氏
デベロップの部署に所属しながら、主にFlashサイトを構築しています。ゆえにメインで使うソフトはFlashなんですけども、場合によっては企画やデザインを担当することもあるので、Fireworksを使うことも多いです。
デザインからコーディングまで担当する野島淳氏
僕は主にデザインを担当しています。
――CS4が出てすぐ導入されたんでしょうか
CS4は使いはじめて1ヶ月弱といったところでしょうか
CS3の導入タイミングが遅かったせいもあり、CS4の導入も少し遅かったですね
発表になってから、どんなことができるのか、使い勝手はどうなのかといったことについて、ブログやTwitterなどを通じて、知り合いのデザイナーやFlashデベロッパーなどの反応を入手していました。現在ではデザイン部署を中心に導入していますが、全体としてはCS3と半々くらいの混在状態です。
――CS4を導入しようと思ったきっかけはなんでしょうか
特にCS3で絶対改善しなきゃいけないポイントがあるからCS4に、という流れではないですね
新しい機能を使ってみようという好奇心から使っているうちに、どんどんいいところが見えてきて、細かいところがいい感じでアップデートされていることが分かったので、これなら変えてもいいかなと思いました。
――Fireworks CS4のテキスト回りが強化されたことによって、チーム内でファイルのやりとりがしやすくなってる感じはありますか
受け取ったときに整合性の取れたデータをいただけるのが一番助かりますから
Flashの場合、画像化してしまうことがほとんどですので、テキストデータもばっちり上がったものをそのままいただける、これが一番ありがたいことです。ただ、ファイルのやりとりもそうですが、そもそもデザインの段階でストレスがなくなっているという気がします。ケース・バイ・ケースで、Photoshopのほうが制作しやすい場合はPSDファイルが届きます。
それで混乱することは特にないんですけども、弊社ではFireworksの割合が圧倒的に多いですね
7割くらいかな
一気にインポートすることもできますし、パーツ一つ一つがとりやすいですから
とにかくどこにでも出てくるんです。
その頃は部署が少しずつできあがっている頃で、スタッフが増えていったんですね
それまでは一人で完結する作業が多かったんですが、どんどん連携作業になっていった。そうなるとFireworksのほうがいいだろうということになりました。新機能の「スマートガイド」のおかげで、カンバスに対して配置するオブジェクトの位置が決めやすくなって重宝してます。それから、整列の分布でピクセル指定ができるようになったという点、この2つがお気に入りです。
ガイドをひいてSHIFTキーを押しながらのマウスオーバーすると、ガイド間のピクセル表示がでるようになりましたよね
あれも気に入っていますね
さらにはPhotoshopのオブジェクトをそのまま埋め込める点とか、サイズが計れる「ものさしツール」もいいですね
これらは即戦力になると思います。他には、カラーテーマを作成できる「Kulerパネル」も重宝しています。Kulerである程度カラーを作って、クライアントとやりとりしたりっていうこともありました。
ちょうど色がキーになるコンテンツを作る案件があったんですよね
色の組み合わせが鍵で、全体のビジュアルに大きく影響を与えるコンテンツだったので、「Kuler」はちょうど良かったですね
自分の場合、新規ドキュメントがタブ化するところもありがたいです。
アプリケーション間で統一されてますよね
作業ではFlashとFireworksを行き来することになるんですけれど、「こっちはタブだったのに、こっちはタブじゃなかったんだ」みたいな些細な戸惑いがなくていいです。
また、Fireworksでは大きい画像から小さいパーツを切り出すことが結構多いんですが、そうすると小さなウィンドウが隠れてしまうんですね
もちろんウィンドウを整列させればいいんですが、そういう小さな迷子みたいなことが最初からないっていうのはストレス軽減になっています。
オブジェクトの配置をサポートする「スマートガイド」
フォントのインクリメントサーチが可能
環境設定では、テキストの行送り、ベースラインシフトなどが可能になっている。
例えばパネル群の操作性やアプリケーションバーとか
アプリケーションバーにある「ドキュメントレイアウト」というボタンで、タブの表示を全面表示だけでなく、左1つ、右2つというように変えられるのも便利です。あとは結構人気だと思うんですけど、自分としてもインパクトがあったのが「コンテンツに応じて拡大・縮小」です。
今までは切って貼ってを繰り返したり、スタンプツールでペタペタしたり
最近そういう作業が多いので(笑)、今後は作業効率がかなり上がるだろうと可能性を感じてます。
進化してるなと感じたのは、画像補整の「覆い焼き・焼き込みツール」の辺りですね
以前と比べてきれいに、自然に仕上がる気がします。
レタッチ作業も多いので、これからかなり使いやすさが上がるんじゃないでしょうか
「レイヤーの自動整列」、「レイヤーの自動合成」、「カンバスの回転」も便利だと思いますし、「マスクパネル」も気に入ってます。
基本的にWebページで公開されている新しい機能は、全部すごいなと思っていますが(笑)
いろんな効果を適用して、レイヤー上でその効果を選択すると、該当するパネルが開いてくれるあたりもわかりやすい部分ですね
見て直感的に分かるというのは非常に大事だなと感じます。
補正するときはどうしてもトライ&エラーは避けられないですが、そういうところで時間が短縮されることはあると思いますね
――どの程度作業時間が短縮されると思いますか
最低でも1割は絶対に短縮されるんじゃないですか
作業内容にもよりますが、レタッチ作業や背景の追加みたいな内容なら半分くらいになるんじゃないですかね
レイヤーの扱いがよくなっているので、ある程度簡単なファイルであれば、今はもうFlashにそのままインポートできちゃいますしね
以前は受け取ったデータを見て、Flashでは再現できない効果が適用されていたりすると分解したり結合したりと苦労しましたが、そのあたりの苦労はかなり軽減されそうな気はしていますね
統一されたアプリケーションバーでウィンドウとパネルの管理が楽になった。
従来の覆い焼き
写真を「自動整列」ののち「自動合成」した例
レイヤーの複数選択が可能になり、レイヤーの統合が楽になった。今回アップデートは、Flashとして原点に戻ったようなアップデートだなと感じました。これまではスクリプト重視な機能強化が目立っていたと思いますし、コンテンツに対する世間のニーズもスクリプトでどこまで実現できるかという流れになっていたような気がします。でも今回は「タイムライン」の操作に「モーショントゥイーン」など“手を使ったアニメーション”の機能が強化されて、改めてアニメーションツールに戻ってきたなという感じがしました。
自分の場合、絵がうまいわけでもないですし、たくさんアニメーションが作れるわけでもないんですけど(苦笑) 地道に手を動かす、いわば彫刻刀で削っていくような作り方なんですよ
なので、手を動かしてアニメーションを制作しやすい機能の強化はうれしいです。
例えば三次元変形ですね
以前は作る前に「あー三次元か」と思いながら始めていました。
ロゴが簡単に回るだけの演出にしても「スクリプトやんなきゃな」という気持ちで、なんていうか、ちょっと気が重いというか(苦笑) それが今や手で動かせちゃいますからね
億劫がらずに済むというのは大きいです。改めて手を動かすコンテンツが考えやすくなったと思いますし、アニメーション作りの可能性が広がったような気がします。
――新しい機能が制作意欲を刺激している感じはしますか
使ってみて、学生時代に考えていたけれど、難しいと思って諦めていたアイデアを思い出しました。
当時、おもしろいものが作れそうだと浮かんだアイデアだったんですが、関節がつながっているものを動かすのが難しそうだと思って
それこそ今なら「ボーンツール」で解決してしまいそうですが、当時は挫折してたなというのを少し思い出しましたね
今は便利になっているので、新しいものをつくろうかなという気持ちにさせてくれます。
とにかく直感的に手で作るという部分でのパワーアップが大きいですよね
「スプレーブラシ」なんかもうれしい機能です。
昔は一生懸命1個1個手で作ってましたから、なんで当時はなかったんだろうと恨めしいです(笑)
レイアウトが変わって、他のアプリケーションとワークスペースが統一されて操作性が向上した点もいいですね
全体的に収まりがよい気がします。自分は絵も描きますが、その一方でスクリプトも書かなくてはいけない。最近はFlash内でスクリプトを書かず、外部ファイルとして扱う例も増えているようですが、私の場合はどうしても絵とスクリプトの往復が発生するため、Flash内だけで完結させるほうが好きなんです。それがやりやすくなったような気がしています。
また、縦型プロパティになって、場所が移動して、だいぶ広く使えるようになって、イライラすることが減りましたね
――Flash CS4のココが一押しという部分がありましたらご紹介ください。
「ライブラリ」ですね
アイテムの種類よりもリンケージというか、名付けのほうが大切だろうと思っており、以前はなぜそれが前に来ないのかというもどかしさがありました。
それが真っ先に直されてるというのはありがたいですね
また、ActionScript 3を使うようになってから、画像を呼び出したり、先に登録しておいたSpry(スプライ)とムービークリップを呼び出すケースがとても多くなってきたのですが、そうなると今までのライブラリだと窮屈で
サイトによってはパーツが膨大になったりして、下手したら画像が200個くらいあるんですね(苦笑) その中探すのはかなり面倒だったんですけど、ライブラリの中に検索窓がついたため、探しやすくなった。ここはお勧めポイントです。クライアントワークに使えるかどうかは別の話ですけど、音の扱いが大分柔軟になるのは個人的には非常にうれしいです。あとはやはり処理速度向上という面で、「ハードウェアアクセラレーション」にも期待してます。アニメーションツールとしての魅力がパワーアップした。ライブラリに検索ボックスがついて使いやすくなった。
――お二人ともマークアップが中心ではないと思いますが、Dreamweaverの使用感はいかがですか
Dreamweaver CS4はコーディングで使用していますが、全体的にすっきりして、スペースが確保され、作業しやすくなってると思います。
一番気になったのは、Webブラウザのレンダリングエンジン「Web Kit」を使ってDreamweaver内でプレビューできる「ライブビュー」と、該当するCSSソースコードにすばやくアクセスできる「コードナビゲータ」ですね
読み込まれているファイルがわかる「関連ファイル」も非常に便利だと思いました。そのあたりの効率アップについてはかなり期待してます。
Webブラウザを起動することなく仕上がりの確認ができる「ライブビュー」
CSSソースコードにすばやくアクセスできる「コードナビゲータ」
読み込まれているファイルがすぐわかる「関連ファイル」
――最後に1ヶ月弱ご利用になったCS4全体の感想をお伺いします。我々はどうしてもアプリを複数立ち上げて制御することが多いんですが、違和感なく行き来できると感じています。もちろん目立つ機能もたくさんあると思うんですけど、それよりも長く使う上では、細かい部分がいかに使いやすくなっているかというところが重要だと思います。実際に機能一つ一つがチューンナップされていて、改善されているところがうれしいです。――お忙しいところありがとうございました。
わたしたちが届けたいコト
定規、ガイドおよびグリッドの使用
ものさしツールの自動シェイプの調節
パスへのテキストの流し込み
マスクパネルを利用した作業
コンテンツに応じて拡大・縮小
覆い焼き、焼き込み、スポンジツールの利用
画像の整列および合成機能の強化
画像レイヤーの自動整列
タイムラインおよびアニメーション
Flashで複雑な幾何学パターンを作成するためのパターン描画ツールとスプレーブラシの使用
ボーンツールを活用したインタラクションの作成
このドキュメントを評価する。ご自身の体験談を紹介してください。
アドビカスタマーサクセスプログラムに参加
お問い合わせ
不正コピー防止について
著作権と商標について*
当Webサイトをご利用のお客様は、利用規約にご同意いただいたものとみなされます。
Flash+AIRで実現した情報デザイン:直感で分かる扱える業務アプリ「セキュリティダッシュボード」
つぎの条件に合致する他の事例を検索する。ブラウザの JavaScript 機能が有効になっていないのでメニューが表示できません。ご覧になりたい業界をリストから選択してください。
すべての業界
消費者向け商品&サービス
プロジェクトのタイプを選択してください。ブラウザの JavaScript 機能が有効になっていないのでメニューが表示できません。プロジェクトのタイプをリストから選択してください。
すべてのプロジェクトタイプ
製品を指定して検索
ブラウザの JavaScript 機能が有効になっていないのでメニューが表示できません。ご覧になりたい製品をリストから選択してください。
プロジェクトの詳細
富士通グループでは、情報セキュリティガバナンスを実現するために多角的な施策を設けてセキュリティ対策を行っています。セキュリティに関する情報は日々収集されるため、そのデータは膨大なものとなります。万全なセキュリティ対策を実現するには、各組織での状況を効率よく把握し、状況に応じて素早く対応していかなければなりません。そこで、同グループが開発したのが「セキュリティダッシュボード」というデスクトップ型業務アプリケーションです。セキュリティダッシュボードでは、各組織のセキュリティ情報を一元管理し、その状況を視覚的に把握できるようになっています。
このアプリケーションを開発する上で重視されたのは、利用者が直感的に情報を把握し、操作できるようにすること
セキュリティダッシュボードの画面
現在は、富士通株式会社のソリューションビジネスグループに属する約120の特定の組織内で利用されている。本記事では、セキュリティダッシュボードの開発を手掛けた、富士通アプリコ株式会社デザインプロダクトソリューション部の石井太朗氏、谷橋美樹氏、荒嶋英幹氏、竹内裕和氏に開発背景や特徴、そしてFlash Platform+Adobe AIRを採用された理由について伺いました。
――富士通グループではどのような体制でセキュリティ情報を扱われているのでしょうか
また、セキュリティダッシュボードを導入する以前はどのような状況だったのでしょうか
富士通グループでは組織体制としてビジネスグループが設けられており、個々のグループ特性に応じて情報管理体制や情報セキュリティ施策が異なります。今回開発したセキュリティダッシュボードは、その中の一グループで使用されるものになります。富士通グループでは情報セキュリティ施策を多角的に行っていますが、本ダッシュボードでは下記6施策を一元的に管理し状況が把握できるようになっています。
情報セキュリティ活動計画および実施状況
情報セキュリティ活動の有効性評価
本ダッシュボードを導入するビジネスグループは約120の組織で構成されており、それぞれにセキュリティ責任者、担当者が決められています。各責任者および担当者は自組織におけるこれら施策の進捗状況や統計結果を把握する必要があります。セキュリティダッシュボード開発以前は、情報自体が組織ごとに散在し、また進捗状況や統計結果を示すアウトプットの表現や提供方法がバラバラでした。そのため、施策ごとの状況は把握できても、組織単位での比較やビジネスグループ全体での状況を俯瞰して見ることができず、リスク対応や投資効果を計ることも難しい状況となっていました。そこで、組織全体のセキュリティ状況を一元的に視覚化し、リスクへの対応や投資の方針決定を支援するためのアプリケーションを開発することにしました。
――開発する上で、どのような点を重視されたのでしょうか
このダッシュボードでは、大きく3タイプのユーザを想定しています。
組織における情報セキュリティ活動を統括する「最高情報セキュリティ責任者(CISO)」
組織内の各部門においてセキュリティ活動を推進する「情報セキュリティ担当者」
各部門において各種業務に従事する「一般社員」
それぞれの職制や立場によって必要となる情報が異なるため、各ユーザが直感的に理解、操作できるよう画面設計の際に配慮しています。例えば、情報の性質を踏まえて分かりやすくグラフ化したり、組織ごとの施策達成度を色分け表示するなどして、理解を促すようにしています。また、アニメーションを使って情報の構造や関連性を示すことで、次のステップの操作がスムーズに行えるようにしています。
――実際、どのようにセキュリティダッシュボードを利用するのか見せていただけますか
例えば、富士通ベビー(株)(※ダミーの会社情報です)のCISOがセキュリティ対策状況をチェックしたいとします。まずアプリを起動すると、組織表示画面が表示されます。画面にはキューブがあり、その1つ1つの面がセキュリティ施策を表しています。面の色が緑に近いほどその施策が良い状態、赤に近いほどその施策が悪い状態です。ドラッグしてキューブを回転させ、見たい施策の面をクリックするとグラフが表示されます。
ここでは「情報セキュリティ診断結果」の面をクリックしてみましょう
相関グラフ画面へと切り替わります。各キューブが1つ1つの組織を表しており、色でその組織の状態を表しています。色の意味合いは先ほど説明したものと同じです。キューブをクリックすることでその組織へ移動することができ、スムーズに組織を深堀りしていくことができます。人事総務本部のキューブが赤色になっています。何か問題があるということです。キューブをクリックすると、該当組織の施策グラフ画面へと切り替わります。6枚のパネルが表示されますが、それぞれキューブの面(=1つ1つの施策)となっています。他のパネルをクリックすると、そのパネルがスライドして正面に移動し、別の施策のグラフが表示されます。
前面のパネルを見てみましょう
格子状に棒グラフが並んでおり、縦軸が「定期的に行うセキュリティ診断(ウィルススキャン結果やスクリーンセーバー設定の有無など)」、横軸が「時間的推移」です。棒グラフの高さは、セキュリティ診断の結果を表しており、グラフにマウスをフォーカスすると詳細な数値が表示されます。このようにして、セキュリティ対策状況をチェックすることができます。――「情報の視覚化」というのは、なかなか難しいものだと思います。特にこのアプリケーションでは、情報をさまざまな構成要素や切り口で見せる必要があります。
このような形に落とし込むのにいろいろと試行錯誤されたのでしょうか
初期段階では、テキストデータとして提供されるセキュリティ情報を一つ一つ洗い出し、マトリクス上で組み合わせて「どういった情報を出すべきか」「そのシナリオはどのようなものか」などの議論を徹底的に行ないました。そしてシナリオの中からこのアプリケーションを使うユーザが明確になっていき、ユーザごとの見たい情報や見せるべき情報に沿って視覚化を行いました。
シナリオの一例として、2つの統計結果の掛け合わせを説明しましょう
単純に「事件、事故モニタリング」の統計結果を見ただけだと、「いつ、どの部署で、何件、どういった事件、事故が起こった」という結果しかわかりません。しかし、そこにもう一つの統計結果を掛けあわせると、一歩ふみ込んだ情報を読み解くことができます。事故を起こしてしまった部署は、もしかするとセキュリティに関する知識と理解が不足していたのかもしれません。
では、その部署に対して適切な教育が施されていたのかどうか
それは、「情報セキュリティ教育受講状況」の統計結果を掛け合わせて見ることで分かります。セキュリティ管理責任者は、「情報セキュリティ教育受講状況」をチェックし、もし受講できていなかった場合は、すぐに教育プログラム受講を計画する必要があります。あるいはもし、教育プログラムを受講しているにも関わらず、事故を起こしてしまった場合は、受講した教育プログラムの有効性を見直したり、それ以外に必要な教育がないかを検討する必要が出てきます。このように、一つひとつの統計結果は単なるデータでしかありませんが、相関的に見ることで、事象の因果関係を読み解くことができたり、状況を分析するときの判断材料となる、価値ある「情報」を創出することができます。見せ方が決まった後の作業も大変でした。各組織から収集したそのままのデータでは視覚化できないため、描画処理に必要なデータを作るために元々あるデータに複雑な計算をかけ、再度データベースへ格納していくなどの作業を行っています。特にキューブの色を示すためのデータや、相関グラフ用のプロットは各組織の値を出す際に苦労しました。――視覚化の表現として3Dを採用されています。
2Dでもよさそうですが、3Dにした狙いは何でしょうか
こういった膨大なデータを扱う場合、情報構造とビジュアルの繋がりが重要になってくると考えています。アプリケーションの思想を詰めていく段階で必然的に3Dでの表現に決まりました。特にキューブ同士の関係性や、キューブと1枚1枚の面との関係性は、このアプリケーションの中で重要な意味を持っています。そのため、キューブが面に展開するシーンや、キューブを深堀りして組織を移動するシーンなどは、関係性をよりリアルに示せるよう、3Dでのアニメーションに力を入れました。
セキュリティダッシュボードの画面
現在は、富士通株式会社のソリューションビジネスグループに属する約120の特定の組織内で利用されている。
親組織から子組織一覧へ、一覧から子組織を選択する際のアニメーション
親組織のキューブの中から子組織のキューブ群が飛び出して整列します。そして、一覧のキューブをクリックする(子組織を選ぶ)と、そのキューブが拡大して表示されます。このようにしてキューブ同士の関係性や、操作性が子組織でも引き継がれていることを示しています。さらに、今回アプリケーション全体を通し、直感的なインターフェイスを構築することを目標としていました。3Dによって関係性をリアルに示すことが、インタラクションでの前後関係をユーザの中で補完させるため、より感覚的に操作してもらえることに繋がると思っています。このアプリケーションで最も大切なのは、「ユーザが直感的に情報を把握し、アプリを操作できるようにする」ことです。また、Adobe AIRはローカルデータベースの連携ができるという点も魅力でした。このアプリケーションでは、120組織の膨大なデータとのリアルタイムな連携が必要となります。ネットワーク上のデータベースから逐一取得するような構成だと、処理/表示スピードがどうしてもネットワーク状況に左右されてしまうため、デスクトップアプリケーションとして提供することにしました。弊社のこれまでの実績として、Flashを使用したコンテンツ制作に取り組んできたという経緯もあり、そのノウハウをそのままアプリケーション開発にシフトさせることができたため、開発面でも抵抗を感じずに進めることができました。実際、少ないスタッフながらも、短期間で完成させています。今後も社内実践・検証を重ねて行き、業務アプリケーションとして機能性、デザインなど精度を高め、セキュリティダッシュボードの商品化につなげたいと考えています。今回プロジェクトに関わったことで、Adobe AIRで扱える情報の規模、表現力が見えてきました。本セキュリティダッシュボードも、今後まだまだ進化の余地があると考えています。今回は、全てのターゲットに分かりやすく情報を提供することに苦心しましたが、次回はもっと使う人、一人ひとりに合わせて有機的にデータを組み合わせたり、使い方がカスタマイズできるような業務アプリケーションを形にしていきたいと思っています。本プロジェクトでは主にユーザインターフェイス周辺の実装を担当させていただき、RIAにおける入力機器を通した操作感の重要性を改めて実感しました。今後は、Adobe AIRの強力な拡張性や表現力をもとに、モバイルやAR、フィジカルコンピューティングなど、既存メディアにとらわれないリッチコンテンツの可能性を追求していきたいと思います。今回は業務アプリケーションとして開発を行なっていきましたが、今後さらに開発の精度を高め、対外的にもサービス展開していければと考えています。また、最近ではアプリケーションもコミュニケーションツール化が著しく、ユーザ同士が対話できるアプリケーションの開発にも興味を持っています。
なので今後は、コミュニケーションと関連の深いモバイル端末向けの開発も視野に入れて取り組みたいですね
――楽しみにしています。ありがとうございました。このドキュメントを評価する。ご自身の体験談を紹介してください。
アドビカスタマーサクセスプログラムに参加
お問い合わせ
不正コピー防止について
著作権と商標について*
当Webサイトをご利用のお客様は、利用規約にご同意いただいたものとみなされます。
お問い合わせ
すべての業種・ソリューション ›すべての製品 ›
アドビについて
投資家の皆様へ*
地域・社会への貢献*
お問い合わせ
販売店のご紹介 ›当サイトの特定エリアを閲覧するための必要構成が整っていません。当サイトの必要構成をご覧ください。
グローバルな視野をもつマーケティング テクノロジー カンパニー キヤノン販売グループ
「くらし」「しごと」「産業」とあらゆる分野に、そしてグローバルに広がるキヤノンの商品やサービス
キヤノンの国内マーケティングを担当するキヤノン販売グループは、キヤノンの商品を軸にソフトウェアやサービスを付加し、さまざまなソリューションを提供する役割を担っています。
数々の先進機能を搭載したプロ仕様の最高級AF一眼レフカメラ "EOS" 、高級感のあるシンプルなフォルムが素材の美しさを表現した高性能デジタルカメラ "IXY DIGITAL" 、その他に双眼鏡やデジタルカメラなど様々な製品とライナップを持つキヤノン販売グループ
デジタル、アナログの枠を超えた総合サイトのコンテンツ制作を、株式会社デジタルデザインラボラトリーが引き受けました。「当初、レンズのキャンペーンを主体としたコンテンツを制作していましたが、詳しい製品情報が伴うコンテンツが、キャンペーン期間がすぎるとクローズしてしまうため、継続して掲載できる詳しい製品カタログが Web に必要なのではと提案したのがきっかけでした。紙を媒体とするカタログでは表現できない機能や性能について Web ならではの演出を追求した結果、 ソリューションとして Macromedia Flash が採用されました。「比較的に高価なレンズやアクセサリー等は、かならずしも店頭に並んでいるとは限らず、存在顧客はカタログや専門誌がら製品情報を入手します。例えばレンズであれば、屈折率を図る指標として MTF 曲線がありますが、単純にこうしたスペックだけでは図れない性能があります。また、手ぶれ補正機構など、こうした機能を限られたカタログ紙面のスペース上でテキストと制止画像を使って伝えるのは大変困難です。そこで、初心者でもインタラクティブ性とビジュアルによる表現でわかりやすく伝えることができるのではと考えた末、 Macromedia Flash を採用しました。
多彩なビジュアルとインタラクティブな演出で初心者でも理解できる仕組みを具現化
EF レンズをより理解いだき、適切なレンズをご購入いただくよう "Active Lens Work" では、広角の遠近感、パースペクティブ効果、人の視界をはるかに超えた超望遠の世界などレンズを変えることで被写体や描いたイメージに適したレンズを選ぶことができます。「ビジュアルで表現することにより、撮りたい気持ちを高めていただき、結果として購買へ結びつくことになると考えています。また、初心者の方でも操作しているうちに、自然にレンズの仕組みを理解いただけます。
すべてオリジナルの光学設計に基づく双眼鏡 ビノキュラーズサイトでは、手ぶれ補正機構 "IMAGE STABLIZER 技術" を理解いただくために、バーチャル体験ができるコンテンツ " IS バーチャル体験" を提供
手ぶれ補正機構の "ON"状態と "OFF" 状態の映像をスイッチで切り替えることで表現しています。「こうしたコンテンツをご覧頂くユーザーは、目的意識がハッキリしており、比較的高価なだけに、製品に関する関与が高いため、コンテンツひとつひとつにきめ細かな配慮が必要です。こうした、存在購買層にフォーカスしたサイト作りを目指した結果、ご購入いただいたユーザーのみならず、販売店からも好評を得ています。
株式会社デジタルデザインラボラトリーの今後の展開
クライアントのブランディングに沿ったイメージ展開を効果的に活用できるよう、今まで養った経験による様々な配慮と、確立したデザインと技術力で Macromedia Flash などのリッチ・コンテンツによる魅力的なユーザー体験が両立した Web サイト構築を行っていきます。
使用された製品
トライアル版 | 購入情報 | 他のショーケースを見る。ショーケース トップページへ戻る。
お問い合わせ
不正コピーの通知・通報
著作権と商標について*
当Webサイトをご利用のお客様は、利用規約*にご同意いただいたものとみなされます。
お問い合わせ
すべての業種・ソリューション ›すべての製品 ›
アドビについて
投資家の皆様へ*
地域・社会への貢献*
お問い合わせ
販売店のご紹介 ›当サイトの特定エリアを閲覧するための必要構成が整っていません。当サイトの必要構成をご覧ください。
映像,アニメ,WEBサイトなどの企画・制作をはじめ企業のビジュアル展開をサポート
従来の常識にとらわれず新しい試みにチャレンジし続ける「キリンチューハイ氷結」は、ブランドイメージを拡げるために魅力的なユーザー体験を提供する web サイト「webiosde cafe HQ
」をオープンしました。」という web サイトのコンセプトワードに基づき、商品の持つ新しさや意外性を web の世界へ翻案する。
実現できたこと:
・基本的な枠組み
※今後このプロジェクトで生まれた資産を、商品プロモーションや作品にフィードバックするなどweb らしい展開を図っていきます。
お問い合わせ
不正コピーの通知・通報
著作権と商標について*
当Webサイトをご利用のお客様は、利用規約*にご同意いただいたものとみなされます。
お問い合わせ
すべての業種・ソリューション ›すべての製品 ›
アドビについて
投資家の皆様へ*
地域・社会への貢献*
お問い合わせ
販売店のご紹介 ›当サイトの特定エリアを閲覧するための必要構成が整っていません。当サイトの必要構成をご覧ください。日産自動車株式会社や株式会社博報堂及び株式会社博報堂ジーワン、株式会社ティー・ワイ・オー インタラクティブデザインなどの TRUNK 製作委員会により、2003年3月31日までの期間限定の PC での視聴を前提とした新感覚映像体験が可能なエンターテインメント作品 「WebCINEMA "TRUNK"」が公開されました。監督は映画「EUREKA」でカンヌ映画国際批評家連盟賞受賞の青山真治、出演は夏川結衣、杉本哲太、YUSUKE、有森也実、吉野紗香、角田ともみなど従来の web コンテンツにはない一流のスタッフ、俳優により構成しています。「現在主流のブロードバンドコンテンツは、TVや映画で放送された二次利用の映像を、高速回線を利用することで高解像度で楽しんでいただくといった方向性に定まりつつあります。こうした映像コンテンツは、お茶の間や映画館などで、椅子に背を持たれてゆっくり楽しんで観ることを前提に制作されています。このため、こうしたコンテンツをそのまま PC で観てみると、なぜか落ち着かずしだいに飽きが生じてきます。これは、眼球の動きが PC のモニターに固定することで疲れ、集中できなくなるからです。このため、PC での視聴を前提にしたオリジナルのインターフェイスとコンテンツの必要性を感じていました。また、TV とは違いインターネットの世界では、広告自体もコンテンツのひとつであるため、他のコンテンツと競合が生じます。広告自体に魅力のあるパワーが必要なのです。「ポツンと一人で PC の前に座って黙って観るのでは面白くない。例えば、映画館で面白いシーンがあると観客が一同に笑ったりする、こうした観客の一体感を演出できないか模索しました。
日産自動車との企画会議で、プロダクト プレースメントの手法による即物的に購買意欲を煽るのではなく、感情に訴えかけるリレーションを演出するオリジナルのインターフェイスとコンテンツを開発することで、今までバナー広告などに反応しなかったターゲットにアプローチを試みることに決定
従来にない全く新しいコンテンツ開発のための技術とソリューションの選定から着手しました。
「インターフェイスとしては、日常のディスクトップ空間を垣間見ることが無いようにモニターサイズ全体を覆い被し、中央にメインとなるスクリーンを配置
スクリーン上では、コミック感覚の分割画面(フレームを分けさまざまな視点からの映像を一度に表示させる)を用いることで、PC で視聴しても疲れからくる飽きを生じるこがありません。また、本編では主役が新型フェアレディーZで登場するほか、スカイラインクーペなど日産の人気車種がさりげなく登場することで商品を露出し、顧客へ浸透させることに成功しています。シェアモードは、WebCINEMABoxx を利用した際にご利用いただけるサービスで、映画本編に関する意見・感想をご覧いただいた皆様に "SHARE(共有)" できる、まったく新しい仕組みです。意見・感想は、気になった場面で投稿することが可能です。例えば、主役が新型フェアレディーZで颯爽と登場する場面でカッコイイなと思ったら、その場で感想を送信します。すると、他の観客が同じ場面を観た際に、送信した感想が表示される仕組みです。「ネットワークの世界では、見知らぬ他人とのつながりが面白かったりします。TV が普及する以前の街頭テレビで力道山の活躍に、そこに集まる見ず知らずの人達と一喜一憂する共有感覚や、同時性を演出できたのではと思います。
「リアルな世界のメタファーでいえば、たとえば映画館でしょう
映画館での体験を考えたとき、そのなかでぐっとくるポイントはやっぱり観客が一体となって同時に笑えたり、悲しんだりできることだと思うのです。
こういった映画観での体験を、デスクトップに置き換えたときに、どのような仕組みと表現が成立するのか
この課題に対して、開発のギリギリのタイミングで、中村勇吾氏から時間軸に沿ってPOSTされたコメントをシェアする今のアイデアが出てきたのです。このアイデアを元に、インターフェイスに関しても、単純に送信された意見や感想がテキストで表示されるのではなく、誰かの発言したセリフとしてポーンとアニメーションしながら表示する、フィジカルな実感を伴ったインターフェイスに行き着きました。
シェアモードによる感想やご意見を蓄積するためのバックエンドのデータベースシステムも含め 3ヶ月間で納品
短期間による開発が可能となりました。「まず、サーバーとクライアント側のコミュニケーションを規定しそれぞれの担当者が、ローカルでデバック可能になるまで落とし込みます。つまり、分業していくことで各パーツを同時に開発することが可能になります。Macromedia 製品は、効率的な分業が可能なため短期間で高品質の制作が可能となります。「今回のプロジェクトに関しては、すでに他の自動車メーカーが「ショートフィルム」というカテゴリーで先行している中、いかに新しい価値を提供できるかが勝負だと思っていました。だからこそ、"シネマの質感"と"ネットならではの繋がり感"を両立させた上で、全く新しい映像体験を提供しようとアイデア開発に臨みました。日産としての要求レベルは非常に高いものだったと思いますが、期待以上のエンターテインメントに仕上がったと自負しています。それも、この開発ツールが制作スタッフ皆の創造性を刺激してくれたおかげかもしれません。ハイスペックなPCとブロードバンド接続が必須の、ハードルの高いコンテンツなので、リリースする前はユーザーの反応が心配でした。しかし実際には視聴登録ユーザーのうち約 3分の2 が数十MBのコンテンツをダウンロードした上で最後まで視聴してくれており、ユーザーからも受け入れられていると感じています。
(日産自動車株式会社 マーケティング本部 販売促進グループ 工藤 然(くどう もゆる)氏)
・PC 上で再生することを前提とした視聴環境のデザインの実現
・映画館で観ているときの観客全体の一体感を web 上で再現
・TRUNK 専用のインタラクティブ映像体験プレイヤーをわずか 3ヶ月で開発
トライアル版 | 購入情報 | 他のショーケースを見る。ショーケース トップページへ戻る。
お問い合わせ
不正コピーの通知・通報
著作権と商標について*
当Webサイトをご利用のお客様は、利用規約*にご同意いただいたものとみなされます。
ようこそ、さん
お問い合わせ
ホームユーザ向け写真/ビデオ編集ツール
すべての業種・ソリューション ›すべての製品 ›アドビサポートに問い合わせる。
注文状況の確認
教職員および学生
アドビについて
投資家の皆様へ*
地域・社会への貢献*
お問い合わせ
個人またはホームオフィス
法人のお客さま
教育関係のお客様
おすすめ製品
すべてのソフトウェアを見る ›
購入後について
割引価格でコスト削減
ライセンスをご利用中のお客さま
その他の購入方法
販売店のご紹介
Flash Playerを使用すれば、デザイン、アニメーション、アプリケーションのユーザインタフェースを、あらゆるブラウザやプラットフォームにわたってデプロイし、魅力あふれる豊かなWeb体験をユーザに提供することができます。
セキュリティとプライバシー
今日の注目サイト
お問い合わせ
不正コピー防止について
著作権と商標について*
当Webサイトをご利用のお客様は、利用規約およびプライバシーポリシー(2009年7月14日更新)にご同意いただいたものとみなされます。
ようこそ、さん
お問い合わせ
ホームユーザ向け写真/ビデオ編集ツール
すべての業種・ソリューション ›すべての製品 ›アドビサポートに問い合わせる。
注文状況の確認
教職員および学生
アドビについて
投資家の皆様へ*
地域・社会への貢献*
お問い合わせ
個人またはホームオフィス
法人のお客さま
教育関係のお客様
おすすめ製品
すべてのソフトウェアを見る ›
購入後について
割引価格でコスト削減
ライセンスをご利用中のお客さま
その他の購入方法
販売店のご紹介
アドビソリューションとの連携
どのような職業または業界でも、毎日の業務ではさまざまな問題が起こります。アドビは、あらゆる規模の組織について、ビジネス上の問題解決を支援することで、ソフトウェアの革新者、ソリューションプロバイダとして認知されるようになりました。アドビのソフトウェアとサービスは、企業のインフラストラクチャを統合し、IT要件を満たし、費用効率を向上させ、そして人々や組織の魅力的な体験を実現します。魅力ある体験としての学習が、優れた教育の基本です。教授、教師、職員、学生が、そのリソースを最大限に活用して、最高の教育効果をあげるためのアドビソフトウェアの利用方法を説明します。プロセスの変換と拡張により、情報をすみずみまで提供し、豊かで、生産性と信頼性の高い経験を、有権者、機関の職員、軍部に提供してください。アドビソフトウェアの利用方法を説明します。
プロフェッショナル向けビデオ編集ツール
クリエイターの制作現場のみならず、ビジネスにおけるコミュニケーションでもプロフェッショナルなハイクオリティのビデオ&オーディオ制作を実現するパワフルなツールを、ぜひご利用ください。フィルム、ビデオ、DVD、Web、およびモバイルデバイスですばらしい仕上がりを得るための、アドビのプリプロダクションおよびポストプロダクション編集ソフトウェアの利用方法を説明します。
ホームユーザ向け写真/ビデオ編集ツール
プロフェッショナル向けビデオ編集ツール
が手掛けました。同じ商品を繰り返し買うリピート注文が非常に多く、お客様が過去にご購入された商品を如何に簡単に、且つ直感的にご購入頂けるよう利便性を向上させることを目的に、視覚的かつ直感的な検索や、新たに実装されたい機能など抱えていた問題点を効果的に解消されています。
さらに詳しく
お問い合わせ
不正コピー防止について
著作権と商標について*
当Webサイトをご利用のお客様は、利用条件およびプライバシーポリシー(2009年7月14日更新)にご同意いただいたものとみなされます。
ようこそ、さん
お問い合わせ
ホームユーザ向け写真/ビデオ編集ツール
すべての業種・ソリューション ›すべての製品 ›アドビサポートに問い合わせる。
注文状況の確認
教職員および学生
アドビについて
投資家の皆様へ*
地域・社会への貢献*
お問い合わせ
個人またはホームオフィス
法人のお客さま
教育関係のお客様
おすすめ製品
すべてのソフトウェアを見る ›
購入後について
割引価格でコスト削減
ライセンスをご利用中のお客さま
その他の購入方法
販売店のご紹介
このコンテンツを視聴するには Flash が必要です。
テレビの進化: 白黒からカラーへ
固定テレビからモバイルデバイスへ
大画面から小画面まで、視聴環境は進化を続けています。進化がチャンスを生む: スクリーン、オンライン、モバイル ― さまざまなメディアを介して人々を楽しませる映像コンテンツは、価値ある商品です。消費者のニーズにぴったり合ったコンテンツをより広範に提供することが、競争力の強化につながります。チャンスを活かして新たな挑戦: 制作プロセスでは、コンテンツの作成、配信のどちらについてもコスト効率を上げなければなりません。制作から配信までの幅広いプロセス全体にわたる改革が、さらなる効率化を可能にします。また、変わり行くメディアに対応すべく、広告収益モデルも進化させる必要があります。アドビのソリューション: アドビは、エンターテイメントコンテンツの制作から、配信、管理までトータルのワークフローを提供します。企画から再生までの一貫したXMPメタデータサポート、テープレスのポストプロダクションワークフローなど、最新の技術を追い求めるアドビは、これからも業界をリードし続けます。最適なテクノロジーパートナーと連携し、放送・メディア業界のニーズに合わせたソリューションのカスタマイズも行っています。
アドビの放送・メディア業界向けソリューションについて詳しく
概要とソリューション
お問い合わせ
不正コピー防止について
著作権と商標について*
当Webサイトをご利用のお客様は、利用条件およびプライバシーポリシー(2009年7月14日更新)にご同意いただいたものとみなされます。
ようこそ、さん
お問い合わせ
ホームユーザ向け写真/ビデオ編集ツール
すべての業種・ソリューション ›すべての製品 ›アドビサポートに問い合わせる。
注文状況の確認
教職員および学生
アドビについて
投資家の皆様へ*
地域・社会への貢献*
お問い合わせ
個人またはホームオフィス
法人のお客さま
教育関係のお客様
おすすめ製品
すべてのソフトウェアを見る ›
購入後について
割引価格でコスト削減
ライセンスをご利用中のお客さま
その他の購入方法
販売店のご紹介
アドビは、放送、Web、デバイス用のビデオの作成、配信、および収益化するための完全なソリューションを提供します。企画から作品完成に至るまで、アドビは映像コンテンツの作成および配布のための完全なソリューションを提供します。比類のないクリエイティビティ、P2やXDCAMなどのテープレスワークフローに対する業界随一のサポート、そして作品を事実上すべてのデバイスに配信できる先進的なテクノロジを組み合わせることで、アドビの映像ソリューションは総合的な利点をもたらします。アドビはコンテンツ所有者の皆様のために、コンテンツのパブリッシュおよび配信のための強力なリッチメディアソリューションを提供します。アドビは、メディアを収益化するための新しい手法を提供し、より多くの視聴者にリーチすることを可能にします。
お問い合わせ
不正コピー防止について
著作権と商標について*
当Webサイトをご利用のお客様は、利用条件およびプライバシーポリシー(2009年7月14日更新)にご同意いただいたものとみなされます。
ようこそ、さん
お問い合わせ
ホームユーザ向け写真/ビデオ編集ツール
すべての業種・ソリューション ›すべての製品 ›アドビサポートに問い合わせる。
注文状況の確認
教職員および学生
アドビについて
投資家の皆様へ*
地域・社会への貢献*
お問い合わせ
個人またはホームオフィス
法人のお客さま
教育関係のお客様
おすすめ製品
すべてのソフトウェアを見る ›
購入後について
割引価格でコスト削減
ライセンスをご利用中のお客さま
その他の購入方法
販売店のご紹介
作成から配信までの全工程を通じて、HDビデオの元のクオリティを保持
この変更は、Dynamic Link機能により、自動的にEncore側に反映されるため、最終書き出し前の変更を再レンダリングせずに行うことができます。「オリジナルを編集」コマンドは、メニュー用のPhotoshopファイルにも使えますので、メニューデザインの変更にも大変役立ちます。Encoreを使用すると、制作工程がシンプルになり、インタラクティブ性と出力を一貫して制御できます。手動でスクリプトを記述する代わりに、アセットをドラッグアンドドロップすることで、DVDおよびBlu-rayディスクのナビゲーションを視覚的なフローチャート形式で作成できます。強力なテキストツール、無償で利用できる高解像度のメニューテンプレートとアート、およびメニューの自動生成を使用して、フル機能のインターフェイスを設計できます。
さらに詳しく
Blu-rayディスクオーサリングを始めるための基本的なヒント*
お問い合わせ
不正コピー防止について
著作権と商標について*
当Webサイトをご利用のお客様は、利用条件およびプライバシーポリシー(2009年7月14日更新)にご同意いただいたものとみなされます。
ようこそ、さん
お問い合わせ
ホームユーザ向け写真/ビデオ編集ツール
すべての業種・ソリューション ›すべての製品 ›アドビサポートに問い合わせる。
注文状況の確認
教職員および学生
アドビについて
投資家の皆様へ*
地域・社会への貢献*
お問い合わせ
個人またはホームオフィス
法人のお客さま
教育関係のお客様
おすすめ製品
すべてのソフトウェアを見る ›
購入後について
割引価格でコスト削減
ライセンスをご利用中のお客さま
その他の購入方法
販売店のご紹介
3D-aysは、「作品を生み出す原動力」をキーワードに旬なプロダクションやコンテンツクリエータにスポットを当て、作品制作における世界観構築の過程や、制作現場でのこぼれ話を盛り込んだ制作現場の生の声が聞けるNGC主催のセミナーです。
第一弾となる今回のゲストは、日本を代表するCG・VFXプロダクション「白組」
彼らが創り出したコンテンツのうち、テレビ番組からは、2006年1月からスタートした「魔弾戦記リュウケンドー」、ゲームからは、サイコミステリー・アドベンチャー「RULE of ROSE」、映画からは、日本アカデミー賞最優秀監督賞をはじめ14部門、その他の映画賞も数多く受賞された「ALWAYS 三丁目の夕日」という豪華な3つのコンテンツを主軸に白組の秘密に迫ります。
実際の現場でアドビ製品がどう活用されているのか
どんなCGツールと組み合わせているのか
ビジュアルエフェクトクリエーターやコンポジッターは必見です。0の新機能のポイントをご紹介するセッションもご用意しています。この機会にぜひお越しください。
株式会社日立ハイテクソリューションズほか
250名(定員になり次第、申込を終了させて頂きます。
お問い合わせ
不正コピー防止について
著作権と商標について*
当Webサイトをご利用のお客様は、利用条件およびプライバシーポリシー(2009年7月14日更新)にご同意いただいたものとみなされます。
~デスクトップを制するものは、未来も制す~
ようこそ、さん
お問い合わせ
ホームユーザ向け写真/ビデオ編集ツール
すべての業種・ソリューション ›すべての製品 ›アドビサポートに問い合わせる。
注文状況の確認
教職員および学生
アドビについて
投資家の皆様へ*
地域・社会への貢献*
お問い合わせ
個人またはホームオフィス
法人のお客さま
教育関係のお客様
おすすめ製品
すべてのソフトウェアを見る ›
購入後について
割引価格でコスト削減
ライセンスをご利用中のお客さま
その他の購入方法
販売店のご紹介
0 向けのアプリケーション、コンテンツ制作にチャレンジする次世代リーダーを発掘することを目的に、コンテストを実施します。今あるWeb制作スキルを生かして、ブラウザを越えた表現の可能性を追求する方からの多くの募集を期待いたします。1ベースのアプリケーションも応募対象に含めます。
4月25日 コンテスト審査員に株式会社ワンパク 阿部 淳也氏が参加
4月 2日 コンテスト審査員に電通国際情報サービス ひがやすを氏が参加
3月26日 コンテスト審査員サイトを公開
x をターゲットとしたAdobe AIRアプリケーション、コンテンツを募集します。1ベースのアプリケーションも応募対象に含めます。
新たなビジネスチャンス、マーケティング手法の開拓に繋がるAdobe AIRアプリケーションを高く評価
電通国際情報サービス 開発技術センター ひがやすを氏
氏名の51音順にて掲載
とはじめの一歩を踏み出す皆さまに朗報です。株式会社リクルート メディアテクノロジーラボ 鈴木氏開発のAdobe AIRのサンプルアプリケーションを元に、m-School(エスエイティーティー株式会社)が開発方法を紹介します。全10回で提供するチュートリアルです。詳しくはこちらをご覧下さい。今年、新たなビジネスチャンスを掴むのはあなたです。コンテストへの参加、お待ちいたします。その結果、 SAP社のようなグローバル企業との共同開発を展開できるようになり、コンシューマ市場からエンタープライズ市場に至るまで、弊社が貢献できる領域を更に拡張することが出来ました。今年も『AIRコンテスト』が開催されます。Webサイト構築で培った経験値を活かして、AIRの潜在的な能力を最大限引き出し、イベントを介して日本発の個性溢れるプロダクトを世界に向けて発信してください。
きっと活躍できる領域が広がるはずです」
Sonyにおいて数々のWebサイトやアプリケーションのユーザーインターフェイスデザインなどを手がけた後、2002年にSiTE4Dを設立する。現在はクリエイティブディレクターとして、顧客企業のビジネス戦略に適応したUI開発を手がけ、RIAの可能性を提示し続ける。
お問い合わせ
不正コピー防止について
著作権と商標について*
当Webサイトをご利用のお客様は、利用規約およびプライバシーポリシー(2009年7月14日更新)にご同意いただいたものとみなされます。
~デスクトップを制するものは、未来も制す~:審査員プロファイル
ようこそ、さん
お問い合わせ
ホームユーザ向け写真/ビデオ編集ツール
すべての業種・ソリューション ›すべての製品 ›アドビサポートに問い合わせる。
注文状況の確認
教職員および学生
アドビについて
投資家の皆様へ*
地域・社会への貢献*
お問い合わせ
個人またはホームオフィス
法人のお客さま
教育関係のお客様
おすすめ製品
すべてのソフトウェアを見る ›
購入後について
割引価格でコスト削減
ライセンスをご利用中のお客さま
その他の購入方法
販売店のご紹介
自動車メーカにて車室内のユーザインターフェースを含む設計を8年間手がけた後、IT事業部異動
約4年間Webデザイン、Flashオーサリングなどを手がけると共に、テクニカルディレクターを経験
多くのWebサイト立ち上げにプロデューサ、クリエイティブディレクターとして携わる。
2008年1月にインタラクティブコンテンツを中心に手がけるプロダクション株式会社ワンパク(1PAC
)として独立
FlashやAjaxを使用したRIAや映像と連動したリッチコンテンツの企画から制作までを強みとし、ユーザと企業を結ぶコミュニケーションをサポートしている。
現在、株式会社リクルートの実証・研究機関であるメディアテクノロジーラボにて研究員として活動中
Web サイトの構築やコンサルティングを行う傍ら、Web や DTP に関するトレーニングや執筆活動を行う。CNET JapanではAIRを含むインターネットアプリケーションの最新動向を、ZDNet Japanではそれをビジネスの世界でどのように活かすかのエッセンスを、そしてbuillderでは実際にそのコードを書く人のためのTipsを情報として提供していますので、ぜひサイトに訪れてみてください。
『Web Designing』は、インターネットを通じて、伝えたい情報を伝えたい人にもっとも的確に届ける仕組みを設計(デザイン)するための雑誌として、2001年5月に創刊
世界中から選りすぐった、クリエイティブのための豊富なアイデア・事例・業界動向の紹介から、技術的なソリューションやノウハウまでを網羅して、毎月18日にお届けしています。
ひがやすを氏
1992年、東京工業大学理学部卒業後、株式会社電通国際情報サービスで、主に大手都銀のシステム開発を手がける。現在は、ITアーキテクトとして金融以外のプロジェクトにも参加する一方、JavaオープンソースプロジェクトSeasarのチーフコミッタもつとめる。
馮 富久(ふぉん とみひさ)氏
jp』のコンテンツディレクターも兼任
AIRおよびRIAについては、雑誌編集の立場から注目し続けており、今後の展開について期待している。目は細いですがちゃんと見えています。Flex/AIRをはじめ周辺技術の濃い情報交換を行い、利用者拡大からRIAの普及と発展に努める。ビジネスでは、すべての人々の創造活動に貢献し続けることを企業理念として、30件以上のFlex/AIRを使ったRIAプロジェクト実績から、従業員満足・顧客満足・利用者満足の3つの満足の実現に向けた半歩先のモノづくりを進めている。
渡辺 英輝(わたなべ・ひでき)氏
デジタル部のスターティングメンバーとして関わり、現在は部長としてインテグレイテッドマーケティング戦略、クリエイティブコンセプトの企画立案を専門とする。
氏名の50音順にて掲載
お問い合わせ
不正コピー防止について
著作権と商標について*
当Webサイトをご利用のお客様は、利用規約およびプライバシーポリシー(2009年7月14日更新)にご同意いただいたものとみなされます。
ようこそ、さん
お問い合わせ
ホームユーザ向け写真/ビデオ編集ツール
すべての業種・ソリューション ›すべての製品 ›アドビサポートに問い合わせる。
注文状況の確認
教職員および学生
アドビについて
投資家の皆様へ*
地域・社会への貢献*
お問い合わせ
個人またはホームオフィス
法人のお客さま
教育関係のお客様
おすすめ製品
すべてのソフトウェアを見る ›
購入後について
割引価格でコスト削減
ライセンスをご利用中のお客さま
その他の購入方法
販売店のご紹介
既存のお客様向け情報
LWS上で手続きをなさった場合、あるいは手続きが必要な場合、LWSから各種自動メールがお手許に届きます。このページで、メールの送信先ユーザーやメール内容の一覧をご確認いただけます。
電子メールの件名
メールの説明
ユーザー設定で受信方法をLWSの受信トレイのみを選択しても、メールアドレスへ送られる文書
アドビライセンスウェブサイト(LWS)のご案内
アドビライセンスWebサイトのご案内
お客様のアカウントに新しい担当者様が追加されました。
LWSの旧ユーザが電子メールアドレスでログインし、担当者に追加された ログインした人がパスワードを間違った場合のみ発信
レガシーのログインIDに紐づいたメールアドレス
CLPエンロールメントフォームについてのご確認
CLPエンロールメントフォームの保存
指定校学生向けライセンスエンロールメントのご確認
指定校学生向けライセンスエンロールメントフォームの保存
アドビLWSご担当者様の変更のお知らせ
デフォルト担当者変更の通知(以前のデフォルト担当者宛)
以前のデフォルト担当者
アドビLWSご担当者様の変更のお知らせ
デフォルト担当者変更の通知(新しいデフォルト担当者宛)
新しいデフォルト担当者
CLPライセンス管理担当者様変更のお知らせ
CLP ライセンス管理担当者変更の通知(以前のライセンス管理担当者宛)
以前のライセンス管理担当者
CLPライセンス管理担当者様変更のお知らせ
CLPライセンス管理担当者変更の通知(新しいライセンス管理担当者宛)
新しいライセンス管理担当者
≪重要なご連絡≫担当者様変更に関するご確認のお願い
法人/団体の担当者から削除
削除された担当者
≪要手続≫ LWSのパスワードを再設定してください。
LWSパスワードのリマインダー
ライセンス譲渡手続きが完了しました。
ライセンスの譲渡(新しい所有者宛)
新しいエンドユーザー
ライセンス譲渡手続きが完了しました。
ライセンスの譲渡(以前の所有者宛)
以前のエンドユーザー
CLP関連会社様からの新規セルフエンロール参加依頼
プログラムメンバーのライセンス管理担当者
セルフエンロールのライセンス管理担当者
セルフエンロール関連会社の参加不可のお知らせ
CLPセルフエンロール関連会社の拒否
セルフエンロールのライセンス管理担当者
プログラムメンバーのライセンス管理担当者
関連会社様のメンバーシップ終了のお知らせ
プログラムメンバーのライセンス管理担当者
セルフエンロールのライセンス管理担当者
プログラムメンバーのライセンス管理担当者
≪重要な通知≫ CLP メンバーシップ一時停止のご連絡
プログラムメンバーのライセンス管理担当者
ライセンスの受注処理完了のお知らせ
導入先の担当者
メディア/マニュアルの発送完了のご連絡
オーダー確認(メディアの発送先)
メディア/マニュアルの発送先の担当者
メディア複製権申請フォームのご案内
メディアの複製
アドビライセンス無償アップグレードのご案内
導入先/メディア発送先の担当者
アドビライセンス無償アップグレードのご案内
ライセンスおよびメディアのLUE クーポン
導入先/メディア発送先の担当者
返品処理完了のご連絡
導入先の担当者
リセラー/アドビ担当営業(CLPの場合)
新しいディスカウントレベルのお知らせ
CLP ディスカウントレベルの引き上げ
CLPディスカウントレベル変更のお知らせ
CLP ディスカウントレベルの引き下げ
CLPメンバーシップ更新時期のご案内
CLP 期間満了(アップグレードプランなし)
CLPメンバーシップ更新時期のご案内
CLP 期間満了(アップグレードプランあり)
アップグレードプラン2回目のお支払期限のご案内
アップグレードプラン変更のご案内
TLP アップグレードプランの更新
導入先の担当者
指定されたALCの主担当者
次のステップ
既存のお客様向け情報
販社様向け専用サイト
一般公開されていない内容を含む販社様限定情報
販売店向け情報
ライセンスプログラムを申し込む申込書、ご案内など、ライセンスプログラムのお申込みされる方へ
アドビから送られてくる電子メール
サポートプログラムのご案内
アップグレードプランのご案内
LWSを使うログイン方法、操作方法の動画など、LWSの操作に慣れていない方へ
LWSのログインについて
ソフトウェアのダウンロード方法(ESD)
無償アップグレードの申請方法
操作方法を動画で見る。
LWSで管理する担当者の追加と削除など、LWS管理者の方へ
新LWSのアカウント管理に関する変更点
担当者の追加と削除
TLPダウングレードについて
CLPダウングレードについて
サポートプログラムのご案内
大幅なコスト削減を見込めるCLPのご案内
お問い合わせ
不正コピー防止について
著作権と商標について*
当Webサイトをご利用のお客様は、利用条件およびプライバシーポリシー(2009年7月14日更新)にご同意いただいたものとみなされます。