プロトタイピングにおける手法の一つとして、Adobe 社が Preview 版として公開している Edge というソフトウェアを利用したプロトタイピングについて提案し、解説します。Edge の基本的な使い方からプロトタイプが出来上がるまでの手順を、iPhone アプリのサンプル「観光名所探索アプリ」の制作を通して紹介していきます。 対象読者 HTML+CSS+Javascript を使って Web ページを作成したことのある方 タイムライン Flash アニメーションを作成したことのある方 準備 Adobe Edge のインストール Google Chrome のインストール Edge とは Edge は「HTML5+CSS3+Javascript を使ったインタラクティブな Web コンテンツ」の作成支援ツールです。アニメーションやサウンド再生などを利用したインタラクティブな Web コ
FlashのアニメーションをHTML5に変換するツールとして、3月8日「Wallaby (ワラビー)」のプレビュー版がAdobe Labsにて公開されました。 Download Wallaby – Adobe Labs 結論から言うとブラウザ互換など懸念点がありますが、思った以上に変換精度が高いです。そして真っ先に感じたのは、WallabyによってHTML5出力が可能になったという点で、アドビが提供しているFlash ProfessionalはHTML5時代が万が一到来してもオーサリングツールとしてのポジションを保ち続けるだろうということです。 速報として「インストール方法と使い方」と「変換したデモ」を紹介してみます。以下詳細です。 インストール方法と使い方 ①まずはAdobe Labsからアプリケーションをダウンロードします。アプリケーションはAdobe AIR製ですので、事前に最新のA
［App Universe］ Charlie Stross の注目すべき論考がある。今現在 200 を超えるコメントが寄せられていることがその反響の大きさを物語っている。 「Steve Jobs が Flash を嫌う本当の理由」というタイトルで、Steve Jobs の公開書簡を踏まえて書かれたものだが、その内容はアップル対アドビの確執を遥かに超える視点を提供している。 Charlie’s Diary: “The real reason why Steve Jobs hates Flash” by Charlie Stross: 30 April 2010 ＊ ＊ ＊ 一か八かの賭け 私の考えはこうだ。Steve Jobs は、アップルの未来を・・・時価総額が 2000 億ドルをこす企業の未来を、新しいマーケットへの進出を目指す一か八かの勝負に賭けているのだと思う。目覚め
除夜の鐘のごとく連投しています、kijimaです。そろそろきつくなってきましたが止まりません。 さて、今回は新人Flasherがまずぶち当たるであろうポイントについて、「機能を実装するための考え方」という視点でまとめてみました。 新人Flasherを育成するにあたって、なにか参考になる部分があれば幸いです。 Flashコンテンツ作成にあたり、習得しなければならない考え方、汎用的ロジックが存在することについて Flashコンテンツの特性として、デザインや演出などの見た目は違えども、多くのFlashコンテンツに共通している機能がたくさんあります。代表的なものでは、以下に挙げた機能などですね。 ・プリローダーの実装 ・ポップアップウィンドウの表示、非表示 ・スクロールバーの操作 ・フォーム送信とそのエラー処理 ・ボタン操作を一時的に全無効にさせる処理 ・ページャー機能 そして、上で挙げたような機
カメラは構えるもの、一瞬を撮るものという常識を吹っ飛ばしましょう。ナメレオンはムービーで撮る写真です。写真と呼べるかはわからないけれど、写真よりおもしろければいいんじゃないか？という訳で、輝け！金のナメレオンコンテストを実施することにしました。優れたパフォーマンスに対して賞を出します。ふだん、がんばっているみなさま。自慢のパフォーマンスをデジカメムービーで撮影してもらってください。ナメレオン コンテストサイト ご利用にあたって ご使用のブラウザ環境では、本サイトが正しく表示できない可能性があります。 以下の注意点を確認し、必要な設定を行った上で再度表示してください。 ブラウザの JavaScript 設定を有効化してください。 最新の Adobe Flash Player をインストールしてください。 Powered by Progression
FlashDevelop(フラッシュ・デベロップ)というActionScriptのエディターが非常に優秀で、これとAdobeがオープンソースで提供しているFlex SDKがあれば、お手軽かつ無料でFlashを作ることができます。 FlashDevelopはソフトの軽さと強力なコードヒント機能によってプロのFlasherから熱烈な支持を受けているエディターです。まずはコードヒント機能がどのくらい優れているか分かる90秒のライブコーディングビデオを用意しました。 FlashDevelop Code Hint Movie from clockmaker on Vimeo. コードの補間によってキータイプの量を劇的に減らせ、自動的に整形されるため見通しの良いコードが仕上がるのがおわかりになるかと思います。 では、そんな便利で高機能なFlashDevelopのインストール方法を紹介します。できる限り
クリエイターを目指している皆さん。これから一緒にFlashを始めてみませんか。この連載では、Flashの機能を少しづつ学んでいく予定です。まず今回は、Flashとは何なのかという部分から解説していきたいと思います。 Flashとは Flashという言葉について、改めて整理してみましょう。現在、Flashという言葉は、Adobe systemsのオーサリングソフト「Adobe Flash CS4」や、そのアプリケーションで作成されブラウザで再生されるSWFファイルのことを指します。「このWEBサイトにはFlashが使われている」、「FlashでWebコンテンツを作る」というように使用されています。また、各ブラウザ用にプラグイン形式で配布されている再生エンジンは「Adobe Flash Player」と呼ばれています。Flashには、オーサリングツールで編集するFLAファイルと、FLAファイル
「Flash Player 10」が2008年10月15日にリリースされましたが、セキュリティルールがより厳格になったため、いくつかのサイトでは今まで機能していたものが動作しなくなるなどの不具合が起きており、まだまだ完全に対応しているとは言えない状態です。 セキュリティ上の理由から言うならば、本来は過去のバージョンに戻すべきではないのですが、今回のように新バージョンのプレイヤーが出た直後は、新しいバージョンの方が何かと不都合が多く、なんとかして以前のバージョンに戻したいという場合があります。 というわけで、今回、まさにそういう不具合が起きて、新バージョンを削除して旧バージョンに戻したので、そのやり方と手順を以下にメモしておきます。自己責任でどうぞ。 1：現在のFlash Playerをアンインストールする まずは以下のページにアクセスします。 Adobe - Adobe Web Playe
Flashの腕を上げたい。 そんなあなたにおすすめなのが、『Adobe Flash Tutorials – Best of』。最高のFlashチュートリアル集だ。 以下にいくつかご紹介。 » Flash Tutorial Create Water Wave Effect Animation Using Masking Tween マスクを使って波を表現するアニメーション » Car Animation BMW3を使ってインパクトのあるアニメーションを作る方法 » Picture Animation ブラシツールとマスクを使ったテクニック » High-tech city animation 街から出る光を表現したアニメーション » Animate a Logo in Flash ロゴにシンプルなアニメーションをかける方法 flaファイルを配布してくれているサイトもあり、かなり使えるだろう。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く