クロスプラットフォーム開発の大本命!? HTML5もアプリもFlashも開発できる「OpenFL」とは？ - ICS MEDIA
クロスプラットフォーム開発の大本命!? HTML5もアプリもFlashも開発できる「OpenFL」とは？ 「インタラクティブコンテンツをワンソースでクロスプラットフォームに対応させたい」、それはフロントエンドのデベロッパーであれば誰もが望むことではないでしょうか。一昔前はAdobe Flashが「Open Screen Project」と題して一歩手前まで実現していましたが、iPhoneからFlashを締め出そうとするAppleの強硬な姿勢によって頓挫することになりました。 尾野さん(しっぽさん)からの勧めもあり調べたのですが、「OpenFL」（オープンエフエル）というテクノロジーはさまざまな形式にインタラクティブコンテンツを出力できます。つまりOpenFLを使えばワンソースでクロスプラットフォームを実現できるのです。今回はOpenFLからHTML5とFlashを出力することによってクロス
msto.jp - it転職 リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
脱Flash！素人でも簡単にHTML5アニメが作成できるMacアプリ「Hype」を使ってみた。なにこれ超楽しい！
Web制作に携わっていると頭を悩ませる項目の一つが「Flash」への対応。 動きのあるコンテンツを作成するにはやはりまだまだFlashが便利なわけですが、iPhoneをはじめとするiOSでは再生できない（一部再生できるブラウザアプリはありますが）ので、困った困ったなのです。 そこで次代を担う（であろう）コンテンツがHTML5を使用したムービー。 先日も、「Form Follows Function」と言うHTML5で作られた、動きのあるコンテンツを紹介したWebページをご紹介したばかりですが、ここまで複雑なものは出来なくとも、私のような初心者でも超簡単にHTML5アニメが作れると噂のMacアプリ、HypeをDLして使ってみました。 タイムラインを使って簡単にHTML5アニメを作れる！ 起動。 Welcome to UNDERGROUND… 「Watch Getting Started Vi
HTML5でFlashに近づけるか？Adobe AnimateをJavaScriptで制御する | DECONCEPTER
手軽なHTML5アニメーションを作るならこれがベストかも 前回Adobe Edgeの雑感を書いたが、今回は実際にEdge Animateを使ってみる。アニメーション自体を作るのは簡単だが、クリックしたら再生など、ちょっとしたインタラクティブ性を加えるにはJavaScriptの記述が必要になる。手順としてまずAdobe Animateでアニメーションを作り、さらにJavaScriptで制御してみたいと思う。 今回作るサンプル 単純なサンプルではあるが、PLAYボタンを押したらアニメーションが開始し、ボタンの状態をPAUSEボタンに変化させるトグルボタンの実装と、アニメーションが一回再生されるごとにカウンターの数字が上がっていくサンプルを作る。 デモ Edge Animateで作られる要素 コンポジションとシンボルの2つの考え方で構成される。Flashで言うところのStageとMovieCli
No more Flash！HTML5を使ったWebカム&顔認識·HTML5 Face Detection MOONGIFT
HTML5 Face DetectionはHTML5のgetUserMediaを使ってWebカムへアクセスし、リアルタイムに画像解析を加えるソフトウェアです。 HTML5の新しい機能の一つとして注目されているのがWebカムへのアクセスです。これまではFlashを介してのみ行われていましたが、これでさらに一歩FlashからHTML5への流れが促進します。そしてそのWebカム認識を使ったソフトウェアがHTML5 Face Detection、顔認識ソフトウェアです。 Flashは使っていません。HTML5がWebカムへのアクセスを求めています。 接続するとフローティングが表示されます。 顔の上にメガネとつけ鼻が表示されます。もちろん顔を動かすとリアルタイムに追従してきます。 HTML5 Face DetectionはまだgetUserMediaが実装されているWebブラウザのみ動作が可能です。
Flashサイトの終わりの始まり。対応の遅れは顧客の離脱につながる。
ご存じの方はご存じで、ご存じで無い方はご存じで無い、Flashについての重要なニュースが先週にありました。 Android版Flash Playerは明日以降、新規導入が不可能に 2012年08月14日 まあ、ネット系に少しでも携わる仕事をしている方には常識のようなニュースではありますが、ネットサーフしてみますとまだまだFlashを多用しているのがたくさんあります。以前もこのエントリー(こんなサイトは作ってはいけない・・・Flash「馬鹿使い」編)でちょっと説明しましたが、いよいよこれが現実となりました。 FlashはそもそもHTML5が本格導入されればいらない技術で、それが分かってるのでスティーブ・ジョブズはiOSで対応しなかったわけです。顧客にもウケない、ウケルのは素人の担当者だけと言われる(勝手に言ってる)Flashサイトは、再度書くと以下の大きな欠点が二つあります。 １ SEO的に
HTML5はなぜ重要なのか？
図1 アップルやグーグル、アマゾンやマイクロソフト、フェイスブックといった企業が、ネットとコンピュータが融合する時代のこれからを占うべく激しく競合している。 ことの始まりは、1990年代のなかば、PCの画面の中で起こったことだ。フューチャーウェーブ・ソフトウェアという会社が、画期的なアニメーションの作成ソフトとWebプラグインを作り、これをマクロメディアが買収して「Flash」となった。それまで、文字と写真がほとんどだったWebの画面に、ゲームのような滑らかさでイラストが動きだしたのだ。いわゆる「RIA」（Rich Internet Application）という、Webだけで立派なアプリが作れる世界になってくる。 やがて、「Flash MX 2004」というバージョンが登場して、アニメーションと一緒に動画までをも扱えるようになる。実のところ、2005年にスタートした「YouTube」のヒ
Web上で録音、再生を可能にする小さなJavaScript/Flashライブラリ·WAMI recorder MOONGIFT
WAMI recorderはJavaScriptから操作可能なFlash製の音声録音、再生ライブラリです。 HTML5が浸透しつつありますが、逆にJavaScriptでは出来ないもどかしい部分も明確になってきています。その一つにマイクロフォンへのアクセスがあります。しかしそんな時こそFlashと連携させれば良いのです。WAMI recorderを使えばオンラインの録音、再生環境が容易に実現します。 アクセス許可を求めるダイアログが出ます。 左側が録音、右側が再生ボタンになります。 WAMI recorderはごくシンプルなUIでボタンを押して録音、再生ができます。JavaScript向けのAPIも提供されていますのでWeb上で録音、再生環境が実現できるでしょう。WAMI recorderは録音したデータをPOSTで指定したURLに飛ばせるようになっています。その音声データを使えば面白いサー
JSエンジニアがアドビに聞く “iPhoneでFlashが動いたらアドビはFlashの開発を続けたか”
FlashとHTML5の関係が注目される今、アドビはHTML5をどのように見ているのか。 HTML5エンジニア向けサービス「jsdo.it」、Flashエンジニア向けサービス「wonderfl build Flash online」を運営するカヤックのフロントエンドエンジニアが、来日したアドビシステムズ Web Platformディベロッパー アドボカシー ディレクターマイク・チャンバーズ（Mike Chambers）氏に、Flashの今後や、ツールベンダとしてHTML5とどう関わっていくかを聞いた。 HTML5との関わりに関して ──まず、よく聞かれる質問だとは思いますが、アドビはHTML5で起こる技術的変化を歓迎するのでしょうか、それとも迎え撃とうとしているのでしょうか。 もちろん、歓迎します。基本的に、私たちは、どのような技術的変化も歓迎します。 ただ、これまでは私たちがHTML5に
[JS]FlashもHTML5も無しで、美しいアニメーションを実装するスクリプト -jCSML
FlashもHTML5もSilverLight, SVGも使わずに、IE7+, iPhone, iPad, Androidで動作するアニメーションを作成できるjQueryのプラグインを紹介します。 jCS Media Library [ad#ad-2] jCSMLの対応ブラウザ jCSMLのデモ jCSMLのダウンロード jCSMLの対応ブラウザ jCSMLの対応環境は下記の通りです。 HTML5非対応のIE7でも、Flash非対応のiPhoneでも動作します。 IE7+ Firefox3.6+ Chrome Safari iPhone iPad Android jCSMLのデモ jCSMLの多彩で美しいデモをいくつか紹介します。 各デモはチュートリアルも兼ねており、コードも一緒に掲載されています。
HTML5--押さえておくべき10のタグ
HTML5では、ウェブ開発時に強力なパワーや効率性、柔軟性を発揮するタグと属性が新たに追加されている。本記事では、そういったタグを10個選んで紹介する。 HTML5では、他のシステム（特に検索エンジン！）がドキュメントをより容易に解析できるようにしたり、今までにないデータ表示を可能にしたり、複雑なJavaScript、あるいは「Adobe Flash」や「Microsoft Silverlight」といったブラウザのプラグインを必要としていた機能に取って代わるような数々の新たな要素や属性が追加されている。以下では、HTML5を用いてあなたのウェブサイトを構築する際に役立つ10個の新たなタグを紹介する。 ＃1：<video>タグと<audio>タグ FlashやSilverlightといったテクノロジを用いる最大の理由は、マルチメディアコンテンツの再生にあると言ってもよいだろう。HTML5で
リッチなHTML5コンテンツのためのフレームワーク「CreateJS」が公式サイトを公開 | ClockMaker Blog
Flashのエンジニアとして著名なGrant Skinner氏が開発している、「CreateJS」の公式サイトがオープンしました。 http://www.createjs.com/ CreateJSはHTML5を介してリッチなインタラクティブコンテンツの制作をサポートする、JavaScriptライブラリとツールのスイートです。CreateJS SuiteにはEaselJS、TweenJS、SoundJS、PreloadJS、とZoeのツールがあります。 私のブログでもEaselJS、TweenJSを使ったインタラクティブコンテンツのデモを幾つか制作して紹介してきましたが、Flashで培われた技術がそのまま利用できる点で非常に使い勝手のいいツール群だと思っています。 EaselJSとTweenJSでテキストエフェクト EaselJSを使った流体パーティクル入門 今回は公式サイトで明らかになっ
HTML5は本当にFlashの代替になり得るのか？～Webテクノロジー進化論
第20回 RIAコンソーシアム・ビジネスセミナー「Flash」はその役割を終えたのか～今後のRIA開発を考える～ http://www.riac.jp/2012/01/bflash-ria.html でつかった資料Read less
HTML5はFlashの3倍重かった! 描画パフォーマンスの比較 | ClockMaker Blog
最近のHTML5の盛り上がりには勢いがありますが、実際の所HTML5はどうなのか気になったので描画パフォーマンスを測定してみました。上記のグラフが結果ですが、HTML5で一番よい実装よりもFlashのほうが3倍弱高速という結果がでました。ブラウザによってはFlashのほうがHTML5より18倍も高速という結果もでています。 さらに言えば、HTML5の描画パフォーマンスが最も良かったのはSafariですが、ブラウザによってはそれの15%ぐらいのパフォーマンスしかでないブラウザもあり処理速度にばらつきが大きいのが特徴でした。ですが、Flashはどのブラウザでもスコアの振れ幅が小さくブラウザ間の処理速度は安定しているように思います(プラグインなので当然といえば当然の結果ですが)。 検証デモ HTML5やFlashと言っても様々な実装方法があるので、よく使われる方法を幾つか用意して検証しています。
パネルディスカッション「Flashエンジニアが今後10年食べていくには？」
リッチコンテンツやゲームなどのプラットフォームに使われているFlashにかかわるエンジニアが集まり「今後10年食べて行くには？」をテーマにしたパネルディスカッションが12月11日に都内で行われました。 Flashはご存じの通り、Web標準のHTML5が急速に進化していることでHTML5に置き換えられていくのではないかと考えられていたり、先月にはアドビがモバイル対応のFlashプレイヤーの開発中止を発表したりと、大きな曲がり角を迎えようとしています。 そうした中でFlashエンジニアはいま何を考え、これからどう行動しようとしているのか。ディスカッションの中からいくつか代表的な発言をピックアップしました。 5人のFlashエンジニアによるディスカッション パネルディスカッションに参加したのは、Flashエンジニアとしてのキャリアを持つ5人の方々。 写真右から順に自己紹介が行われました。 吉川佳
HTML5のCanvasをFlashライクに使う「EaselJS」が最新版を公開
Flashのエンジニアとして著名なGrant Skinner氏が開発している、HTML5のCanvasをFlashライクに使えるようにするJavaScriptライブラリ「EaselJS」の最新版、v0.4が公開されました。 9カ月振りになる最新版では、ビットマップアニメーションやスプライトシートエンジンを全面的に書き換えたとのことです。 completely reengineered sprite sheet engine, which includes a host of new features: multi-image sprite sheets, variable frame dimensions, frame reuse, image preloading, and a new data format. Note that this change will require som
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
KataPad.com is for sale | HugeDomains
Chromeでウェブページや動画を保存してスマホで見られる拡張機能 Spoolで遊ぼう!! - 週刊アスキー
http://webdesignmatome.com/webdesign/js_anim
TechCrunch | Startup and Technology News
