Flasher-Flash/Web Design-Webデザイン制作,Flash制作

アドビ システムズ、Adobe TVに新コンテンツを追加 - MdN Design Interactive - Webデザインとグラフィックの総合情報サイト

アドビ システムズ（株）は、製品の最新機能やサービスの情報を提供するオンラインTVネットワーク「Adobe TV」に、ADOBE CREATIVE SUITE 5に関するコンテンツ15本を追加し公開した。日本語で公開されているAdobe TVのコンテンツは103本になった。

Adobe TVは好きな場所で好きな時間に視聴できるため、多忙を極めるクリエイターやWebデザイナーには最適だ。Adobe Creative Suite 5に関する情報はTwitterでも提供しているので是非チェックを。

Adobe TV

カヤック、HTML5とJava Script、CSSを共有するコミュニティサイト「jsdo.it」開設 | Web担当者Forum

Webサービス事業のカヤックは、Web制作の次世代開発言語、HTML5と、Java Script、CSSのソースコードを投稿してユーザー間で共有するコミュニティサイト「jsdo.it」を6月18日開設した、と同日発表した。他のユーザーが書いたHMTL5、JavaScript、CSSをアレンジしたり保存することができる。同社は2008年12月からFlashの投稿・共有サイト「wonderfl build Flash online」を運営。今回、HTML5、Java Script、CSSでも同様のサービスを行うことにした。ユーザーの利用は無料。

jsdo.it - share JavaScript, HTML5 and CSS

Flashにおける3D表現を徹底紹介! ActionScript 3.0用ガイドブック発売 | クリエイティブ | マイコミジャーナル

本書は本編、数学編、サンプル編の3つの編で構成され、Flash Player 10/Flash CS4 Professionalから実装された三次元空間の扱いや表現について徹底的に解説した内容となっている。まず本編では、座標のとらえ方や基本事項をはじめ、PerspectiveProjectionクラス、Matrixクラス、Matrix3Dクラス、Vectorクラス、Vector3Dクラス、 Graphics.drawTrianglesメソッドを順に紹介。次に数学編では、三角関数、ベクトル、行列と座標変換といった知っておくとよい高校レベルの数学について解説する。さらに最後となるサンプル編では、本編で作成したサンプルスクリプトのうち主なものを、クラス定義に書き替えている(本編ではフレームアクションで説明)。そのほか、同書には、知っておくと便利な追加情報や、用語解説、より踏み込んだ情報なども掲載。なお、解説は「Flash CS4 Professional」で行われているが、「Flash Professional CS5」で変更/追加された内容も盛り込まれているとのこと。

「Flash CS5」の新機能を駆使したアプリ制作 -Flashでクレイアニメを作る | クリエイティブ | マイコミジャーナル

東京 表参道で開かれていた期間限定ギャラリー「station 5」にて、「クスール」主催のセミナー「寺子屋クスール CS5で作る文学・音楽・科学アプリ大集合!」が開催された。クスールとは、代表取締役兼塾長・松村慎氏を中心に活動中の企業。主な活動内容は、Webの制作やFlashの技術向上を目的とした学校の運営。今回のセミナーでは、アート、プログラム、音楽と分野の異なるクリエイターたちが「Flash CS5」を使って制作したユニークなコンテンツが紹介された。

アドビ、「HTTP Dynamic Streaming」の提供を開始 -INTERNET Watch

アドビシステムズ株式会社は、既存のWebサーバーでビデオのストリーミング配信を可能にする「HTTP Dynamic Streaming」の日本語版サイトを開設した。

　「HTTP Dynamic Streaming」は、米Adobe Systemsが5月11日に発表した、既存のWebサーバーに加えるだけでHTTPプロトコルを使用したMP4ビデオのストリーミング配信を可能にする技術。H.264やVP6など、Flashがサポートするメディアコーデックをすべてサポートし、オンデマンド配信のほか秋以降にはライブ配信にも対応する。

　再生環境としては、6月10日に公開されたFlash Player 10.1やAdobe AIR 2が利用可能。また、5月27日にはカスタムメディアプレーヤーを開発するためのオープンな枠組み「Open Source Media Framework（OSMF）」を発表しており、OSMFにより開発された環境でも再生に対応する。

Flash Playerの脆弱性を悪用、改ざんサイト訪問でウイルス感染の危険 -INTERNET Watch

日本アイ・ビー・エム株式会社（日本IBM）は18日、Flash Playerの脆弱性を悪用して、Webサイトを閲覧しただけでウイルスに感染する危険のある攻撃が行われているとして、注意を呼びかけた。

　日本IBMの東京セキュリティ・オペレーション・センター（Tokyo SOC）によれば、6月7日頃からマイクロソフトのウェブサーバー「IIS」を狙ったSQLインジェクション攻撃が増加。この攻撃は「Gumblar」型の攻撃と同様に、ウェブページの改ざんを狙ったもので、攻撃に成功した場合にはウェブページにスクリプトタグが挿入される。

　挿入されたスクリプトタグによって、ページにアクセスしたユーザーは「2677.in」「4589.in」というドメイン名のサイトに誘導される。誘導先のサイトには、Adobeが6月10日に修正したばかりのFlash Playerの脆弱性を狙った攻撃コードが設置されていたという。

　日本IBMのTokyo SOCでは、今回のFlash Playerの脆弱性は今後も悪用される可能性が高いため、Flash Playerを最新版（10.1）にアップデートするよう呼びかけている。

ASCII.jp：HTML5って結局何が変わるの？制作者向け勉強会に潜入

HTML5のマークアップで変わること

　4月29日の「今から、ハジメる人へのHTML5」は、タイトルのとおり、HTML5ビギナーのための勉強会だ。スピーカーにallWebクリエイター塾講師の菊池 崇さん、「HTML5本」をそれぞれ執筆した羽田野太巳さん、白石俊平さんの3名を迎えて、約80人がHTML5の概要と基本を学んだ。

　HTML5と一口に言っても、マークアップの方法から関連APIと組み合わせたJavaScriptプログラミングまで、多岐にわたる。（Web Professionalも含めて）よくメディアが取り上げるのはvideoやcanvasなどの新しいタグ（要素）、Webアプリのプラットフォームとしての可能性、といったあたりだが、実はマークアップの変更点も大きい。菊池さんはHTML5が登場した背景の1つに「XHTMLは厳格すぎてエラーが含まれるWebサイトばかりになってしまったこと」への反省があるという。そこで「HTML5では寛容な書き方を許容している」と特徴を説明する。

一方でHTML5は「セマンティックの徹底」と話すのは羽田野さん。ブロックレベル要素／インライン要素を廃止し、コンテンツモデルという新しい考え方に移行するHTML5では、section（節）、article（記事）、nav（ナビゲーション）など、従来はいずれもdivでマークアップしていた要素を使い分ける必要がある。また、見た目の制御に使われていたsmallやhrなどの要素も、それぞれ「脚注などに使われる細目用のテキスト」「文脈の区切り」のように意味を持つ要素へと役割が変わるのも従来のHTML/XHTMLとの違いだ。

Flash Player 10.1 for Android 2.2 beta 3 is now available on Labs - Adobe Labs

Adobe Flash Player 10.1 will deliver a consistent, cross-platform runtime across desktop and mobile devices. Adobe's Flash Player 10.1 for Android 2.2 beta 3 was released to Labs for download on June 17, 2010.

To download the Flash Player 10.1 beta for Android onto your device, your device must be running Android 2.2 in order for you to discover and install Flash Player from Android Market onto the handset.

新登場！Adobe Flash Catalyst CS5 | デベロッパーセンター

Adobe Flash Catalystは、Creative Suite 5ラインアップに追加された最新の製品です。操作性に優れ、魅力的なインタラクティブWebサイトやコンテンツを容易に作成でき、新たにCreative Suite 5 Web PremiumおよびMaster Collectionに加わったFlash Builder 4を使用しているデベロッパーとの強力なワークフローコラボレーションをサポートします。

Flash Catalystが2007年にシカゴで行われたMAXで初めて公開されたとき、これはThermoと呼ばれるコンセプトでした。Thermo の目標は、デザイナーがFlex Frameworkで使用可能なユーザーインターフェイスデザインを作成できるようにすることでした。鍵となるのは、デザイナーが好みのデザインツール（Illustrator、Photoshop、Fireworks）を使用して、既存のデザインスキルを活用しながら、Web用の魅力あるデザインを作成できるようにすることでした。

Thermoの開発が進む間に、業界では大きな動きが新たに始まりつつありました。印刷やグラフィックデザインに携わっていたデザイナーたちが、スキルの拡大を望み始めたのです。また、クライアントの方も、顧客が利用する機会が増えているWeb、デスクトップ、その他の画面をターゲットとすることを望むようになりました。この動きの中で、Flash Platformの威力を利用して、より多くの人々がインタラクティブコンテンツの作成に参加できるようにすることが、Thermoのもう1つの目標になりました。

公開以来、私たちはFlash Catalystをコンセプトから現実にするために惜しみない努力を注いできました。今度は皆さんが、Flash Catalystを使って同じようにアイデアを現実にする番です。

Adobe、「Flash Player 10.1」と「AIR 2」の正式版をリリース - ITmedia エンタープライズ

Flash Player 10.1はCocoaアプリになり、AIR 2ではCSS3やHTML5の幾つかの機能をサポートした。

米Adobe Systemsは6月10日（現地時間）、「Flash Player 10.1」と「Adobe AIR 2」の正式版をリリースしたと発表した。それぞれのWindows、Mac、Linux版が、Flash PlayerのサイトとAIRのサイトからダウンロードできる。なお、両ソフトのAndroid向け正式版は6月中に公開する予定。

　Flash Player 10.1では、現在攻撃が多発している深刻な脆弱性に対処したほか、多数の新機能を追加した。CPUとメモリの消費量を減らし、性能と消費電力管理機能を強化。 H.264のハードウェアアクセラレーション、マルチタッチ、Webブラウザのプライベートブラウジングモードに対応した。プライベートモードで閲覧した Flash関連のデータは、通常モードに切り替わる際に削除されるようになった。

　Adobeは現在、Flash をめぐって米Appleと対立しているが、Macに特化した機能も追加した。まず、Appleの「Cocoa」で構築した“完全な”Cocoaアプリになった。Cocoaのイベント、ユーザーインタフェース、Core Audio、Core Graphics、Core Foundationを利用している。また、全画面での動画再生を高速化するためにOpenGLのダブルバッファを、レンダリング性能を強化するために Core Animationを採用した。

　AIR 2では、ランタイムの性能を改善し、CPUとメモリの消費量を削減した。既存のAIRアプリを稼働させた場合、メモリの消費量を最高で30％削減できるとしている。また、マルチタッチやネットワーク機能など多数のAPIを追加し、HTML、CSS3、HTML5のサポートを強化した。JavaScript エンジンも更新し、前バージョンの2倍にクロックアップしたとしている。

　AIR 2のSDKは、デザインスイート「Creative Suite 5（CS5）」に含まれるほか、15日から無料でダウンロードできるようになる。

【レポート】「Dreamweaver CS5」でiPhoneサイトを作るテクニックを伝授(後編) | クリエイティブ | マイコミジャーナル

アドビの期間限定ギャラリー「station 5」にて、「Dreamweaver CS5」によるiPhoneサイト制作に関するセミナーが開催された。セミナーでは、iPhoneサイト制作のための様々なテクニックが解説された。

セミナー前半の伊藤学氏に続いて登場したたにぐちまこと氏は、バージョン8からずっと「Dreamweaver」を使い続けているWeb制作者&プログラマー。トークのテーマは「『Dreamweaver CS5』の便利な使い方」について。たにぐち氏は、ヘビーユーザーならではの様々な技を紹介してくれた。

たにぐち氏は、アドビと協力して開発した機能拡張パック「iPhone site extension for Dreamweaver CS4/CS5」を2010年5月に無償で公開した。この拡張パックをインストールすると、新規ドキュメントの作成で「iPhone用アプリ」と「iPhone用ページ」のテンプレートを選べるようになる。拡張パックにはあらかじめさまざまなCSSが入っているので、すぐにiPhoneアプリのようなデザインを作れるのだと言う。また、Dreamweaverの「挿入バー」には新たな項目「iPhone」が追加され、「見出し」や「地図リンク」、「iTunesリンク」などを簡単に作成可能。たにぐち氏は「これを導入すれば誰にでも簡単にiPhoneっぽいデザインのサイトが作れるようになります。日々バージョンアップを続けていくので、使った感想を聞かせてほしいですね」と紹介した。

Appleが「iPhone 4」発表、厚さ9.3mmで「網膜の限界を超える高密度液晶」 -INTERNET Watch

米Appleは7日、iPhoneの新バージョンとなる「iPhone 4」を発表した。網膜の限界を超える高密度液晶ディスプレイを搭載するとともに、テレビ電話や40％長い電池持続時間を実現し、「世界最薄のスマートフォン」だとしている。

　6月24日に米国、日本、英国、フランス、ドイツで発売する。予約は6月15日からApple Online Storeで開始。予約した場合には、発売日当日にApple小売店で入手可能だ。

　米国での小売価格は16GBモデルが199ドル、32GBモデルが299ドル。7月末までに18カ国で、そして9月末に88カ国で発売される予定だ。

アップル、「Safari 5」を公開--拡張機能や「Bing」検索に対応 - CNET Japan

Appleは米国時間6月7日、ウェブブラウザ「Safari 5」を公開した。同ブラウザは先週末、Worldwide Developers Conference（WWDC）の開幕前に、同イベントで発表されるとうわさされていたものの1つだった。そして、Steve Jobs氏がSafari 5を発表せずに壇上から降りたことは、同氏の行動を予測する多くの人を驚かせた。その後、PRNewswire.comにAppleのプレスリリースが掲載されたが、ブラウザの発表はなかった。さらにその後、そのプレスリリースは同サイトから姿を消した。この一件は、Steve Jobs氏が厳重に管理する広報機構が「iPhone 4」の発表中に珍しくミスを犯したことに続く2度目の失態だったようだ。Safari 5は、その後すぐに発表された。

　Safari 5は「Windows」と「Mac」で利用することができ、いくつかの新機能が含まれているほか、パフォーマンスが向上している。その中で最も重要なことは既に発表済みだが、まだ有効にはなっていない。新しい「Safari Developer Program」は、Safariにもデジタル署名されたアドオンが到来したことを意味している。

　現在のところ、Mac版Safariだけがアドオンをサポートしている。しかしSafariのウェブサイトは、その新しい拡張フォーマットが HTML5、CSS3、JavaScriptを基に構築されるため、クロスプラットフォームになるという可能性を示唆している。明らかに、Appleは名称が変わった「iOS」の力をデスクトップ版Safariにまで浸透させようとしている。というのも、Safari 5のプレスリリースには、それらの新アドオンは「サンドボックス化され、Appleから提供されるデジタル認証が入った署名付きのものが、ブラウザ内だけで動作する」と書かれているからだ。

Adobe Labs - Adobe Flash Player 10.1

Adobe® Flash® Player 10.1 is the first runtime release of the Open Screen Project that enables uncompromised Web browsing of expressive applications, content and video across devices. With support for a broad range of mobile devices, including smartphones, netbooks, smartbooks and other Internet-connected devices, Flash Player 10.1 allows your content to reach your customers wherever they are. Learn how to optimize web content for mobile delivery.

A prerelease version of Flash Player 10.1 is now available for Android, Windows, Macintosh, Linux, and Solaris operating systems.

This public prerelease is an opportunity for developers to test and provide early feedback to Adobe on new features, enhancements, and compatibility with previously authored content. Consumers can try the prerelease of Flash Player 10.1 to preview hardware acceleration of video on supported Windows PCs, x86-based netbooks, and Android 2.2 supported devices. You can also help make Flash Player better by visiting all of your favorite sites, making sure they work the same or better than with the current player. We definitely want your feedback to help improve the final version, expected to ship in the first half of 2010.

アドビ、最新アップデート版「Photoshop Camera Raw 6.1」の提供開始 | クリエイティブ | マイコミジャーナル

アドビ システムズは、「Adobe Photoshop Camera Raw 6.1」の提供を開始した。本プラグインは、「Adobe Photoshop CS5」や、「Adobe Photoshop Elements 8」、「Adobe Premiere Elements 8」のユーザーに無償でダウンロード提供される。

今回ダウンロードが可能になった「Photoshop Camera Raw 6.1」では、レンズ補正機能が加わり、フォトグラファーは縦横の遠近法の手動補正に加え、レンズプロファイルを使用して幾何学的なゆがみ、カメラレンズが原因の色収差やビネット効果を自動的に補正することが可能になったという。さらに、レンズプロファイルは、Adobe Labsで公開されている新しい「Adobe Lens Profile Creator」でカスタマイズすることもできるとしている。また、新に10機種のカメラをサポートする。

iPad/iPhoneでFlashを実行可能にするJavaScriptが登場 : Appleウォッチ - Computerworld.jp

Flashをブラウザ内でJavaScriptやHTLM5にレンダリング

「iPad」をはじめとする米国Appleのデバイスでも「Flash」広告を見ることができるJavaScriptライブラリが開発された。現在、Appleは、米国Adobe Systemsのマルチメディア・プラットフォーム「Flash」をサポートしていないが、このJavaScriptライブラリを使えば問題を解決できる。

　「Smokescreen」と呼ばれるこのJavaScriptライブラリは、デバイスがFlashを読み込めない場合、Webブラウザ内でJavaScriptやHTLM5にレンダリングするというものだ。Smokescreenは、モバイル広告会社 Chris@RevShockAdsのクリス・スモーク（Chris Smoak）氏が中心となって開発したもので、Flash広告を制作した企業がiPhoneやiPadのユーザー向けに別バージョンを作成する必要がなくなる。

　Smokescreenのブログには、「広告制作のために、Adobeのツールを使いたいと考えている人は数多くいるが、1つのプラットフォームをサポートするため新たなツールを用意するのもばかげたことだ」と書かれている。

CSS スプライト作成に便利な拡張機能「CSS Sprite Extension」 | デベロッパーセンター

本記事では、最近のWeb制作で利用されている「CSSスプライト（CSS Sprites）」という手法と、その実装を便利にしてくれるFireworksの拡張機能「CSS Sprite Extension」について解説します。

CSSスプライト（CSS Sprites）とは

CSSスプライトは、複数の画像を1つにまとめてCSSのスタイルで部分的に表示し使い回す手法です。
CSSスプライトの仕組み

CSSスプライトはたいてい、今まで独立した１枚画像にしていた部分や画像置換※で表示していた画像と置き換えることができます。

※ 画像置換：HTMLにテキストだけを記載しておいて、CSSのスタイルで文字を隠し、その代わりに画像を表示しているように見せる手法。画像をHTMLからimg要素で呼び出している時とは違い、CSSでデザインを変更したときに一緒に見た目を変えることができるのでデバイスに合わせた幅で表示したい場合にもHTMLを変更する必要がないので便利です。

例えば、既存のサイトにCSSスプライトを適用する場合、サイト内のどの画像をCSSスプライトの対象にするか決定し、選択した画像を1 枚の画像になるように並べ、画像の一部分を表示するためのHTMLとCSSを記述します。