スマートフォン時代のWebサイト制作 第4回 画像の扱いと最適化 | デベロッパーセンター
スマートフォン向けサイトでは、デスクトップに及ばないスペックや接続回線を考慮し、いかに「軽い、表示が速い」サイトを作るかが重要です。一方で、様々な画面解像度の端末があり、高解像度の画面を搭載した端末向けには、そのサイズに対応した大きな画像が必要となる場合もあります。画像の扱いひとつをとっても、「パフォーマンス」と「見栄え」の双方を考慮しなければいけない難しさがあります。そこで今回は、前回のサンプルサイトを元に、画像関係の扱いや最適化などを解説します。 スマートフォンブラウザーはPNGに対応しています。デスクトップブラウザーでPNGを使う場合、Internet Explorer 6などの古いブラウザーに気をつける必要がありますが、スマートフォンブラウザーの場合は気にする必要がありません。 PNGは圧縮率が高く、容量を抑えることができます。また、アルファチャンネル（透過機能）を持つので、半透明
Flex 4 マスターシリーズ #02 Flash Builder 4 新機能 | デベロッパーセンター
Flex 4 マスターシリーズ 連載記事一覧 #01 MXML 2009 #02 Flash Builder 4 新機能 #03 Flex 4 ステート #04 Flex 4 CSS #05 Spark コンポーネント #06 データ中心型開発（DCD） Part1 #07 Spark Skining part 1 #08 Spark Skining part 2 #09 Flex 4 エフェクト #10 Flex 4 Spark Layouts #11 FlexUnit 4 #12 データ中心型開発（DCD）Part2 はじめに このチュートリアルでは、Flash Builder 4 の新機能について紹介します。 Flex Builder 3 から追加された主な項目について、チュートリアルを交えながら解説していきます。 新機能紹介 Flash Builder 4 では、Flex Buil
Adobe Edge: 2010年3月 Flash ProユーザーにもオススメなFlash Builder 4
先日発売された「Flash Builder 4」。製品名がFlex BuilderからFlash Builderに変更されたことが示すように、バージョン4ではFlash Professionalとの連携が重視されています。本記事では、Flash Professional ユーザー向けの機能を中心に、Flash Builder 4の新機能を紹介します。 Flash Builder 4 が発表されました。Flash Builder 4 は Eclipse ベースの開発ツールで、豊富な機能により Flash アプリケーション開発者に生産性の高い開発環境を提供します。 Flash Builder の最新バージョンから、製品名が Flex Builder から Flash Builder に変更されました。これは、Flash Professional との連携をより重視したことが理由の 1 つです
Flex 3とFlex 4ベータ版との違い | デベロッパーセンター
Flex 4（コードネーム：Gumbo）ベータ版リリースは、Flex 3から大きく変わっています。Flex 4ベータ版では、新しいコンポーネントとスキンアーキテクチャが導入されました。しかしながら、Flex 3のデベロッパーの方は、Flex 4ベータ版でFlex 3アプリケーションをコンパイルするときに、それほど多くの困難に遭遇することはありません。これは、この新リリースの目標がFlex 3との後方互換性を維持することにもあったからです。 この記事では、Flex 4ベータ版の主要な目標の概要、アーキテクチャの違い、およびコンポーネント、レイアウト、ステートの使用方法とエフェクトにおける変更点の概論を提示します。Flex 4ベータ版でFlex 3アプリケーションをコンパイルするときに予期される事柄に関する質問についても回答します。この記事は、Flex 4のすべての新機能を網羅しているわけで
Flexのデータマップコントロールを使用したデータ駆動型地図アプリケーションの構築 | デベロッパーセンター
コミュニティーリソース Flex cookbook* (コードの共有) CSS Advisor (ブラウザ別バグ修正) Exchanges* (コンポーネントの共有) Adobe Labs* ユーザフォーラム RSS フィード* Flex バグベース* ユーザグループの検索* ユーザグループについて* Adobe Community Experts (ACE)* デベロッパーイベント* ブログ MXNA* (ブログアグリゲータ) Adobe ブログ* 高機能なYahoo! Maps ActionScript 3.0コンポーネント*を使えば、FlashまたはFlexに基づく地図アプリケーションを簡単に作成できます。ただし、Flex開発者にとっては、使用モデルがFlexのデータグリッドやリストなどのデータ駆動型コントロールとまったく違うと感じられるかもしれません。 Flexデータマップコントロ
イベントレポート「Flash Catalyst / Flash Builder 4 ベータ公開イベント」
2009年7月7日、東京・大崎のゲートシティホールにおいて「Flash Catalyst / Flash Builder 4 ベータ公開イベント」と題したセミナーが開催されました。このセミナーでは、Adobe Flash Platformに加わる新ツールである、Flash CatalystとFlash Builder 4（Flex Builder 3の後継）と、これら2つの新製品を支えるFlex 4 フレームワークの特徴について、アドビ システムズ プラットフォームエバンジェリストのエンリケ・デュボスより、デモを交えて紹介しました。 Adobe Flash Platformの概要とロードマップ まず始めに、Flashを用いて、どのようなアプリケーションが作られているかを紹介しました。以下のように、さまざまな種類のアプリケーションが作られています。 ウィジェット型広告 コンシューマー向けツ
コラボGTDツール「Colabolo」に見るAIRのSQLite活用事例 | デベロッパーセンター
不思議なエクスペリエンスのコラボGTDツール「Colabolo」 アドビシステムズのRIA（Rich Internet Application）実行環境である「Adobe AIR」が公開されてからおよそ1年が経過し、国内でも本格的な導入事例が増えつつあります。そのなかでも、AIRの特徴であるローカルDB（SQLite）やメッセージングをフルに活用したAIRクライアントの実装例が、イマヒマの「Colabolo（コラボロ）」です。 Colaboloは、イマヒマが2008年9月にベータ版の無償公開を開始したコラボレーションGTD（Get Things Done）ツールです。メール・クライアント風のリッチUIを備えており、Inboxやスマートフォルダ、ドラッグ＆ドロップ操作などを利用して、個々の仕事を表す「課題」の作成や絞り込み、状態や優先度の設定、プロジェクトの各メンバーへの割り振りを行えます。
Adobe - デベロッパーセンター : これからはじめるRIAとFlexプログラミング 第1回）RIAの基本とFlexの優位点
Webシステム開発株式会社 宮田亮氏 http://www.websysd.com/ 作成日:2009年3月10日 ユーザレベル:初心者, 中級 製品:Flex はじめに FlexとRIAに関する基本知識から開発方法の基礎を習得していただくことを目的とする連載です。対象とする読者は次のような方です。 デザイナーでFlex、RIAの概要や開発方法を知りたい方 PHP、Perl、J2EEなどのWebアプリ開発者でFlex開発に興味がある方 FlashやDreamweaverでサイト構築をしている方でFlex開発に興味がある方 つまり、プログラミングの経験を問わず、RIAの概念、Flexの基本を理解したうえで、シンプルなFlexアプリケーションを作成できることを目標とします。 第1回目はRIA（Rich Internet Application）の基本概念、および既存のWebアプリケーション
QR Code Reader：ActionScriptでQRコードを読み取る | デベロッパーセンター
上野賢一氏 ロゴスウェア株式会社 この記事は、Spark projectが主催する勉強会での講演内容を、講演者とSpark projectの協力のもと、Adobe Developer Connection用に再構成したものです。Spark projectの勉強会は、毎月開催されています。詳しくは、「Spark project 勉強会」のページまで。 QRコードは今や至るところにあり、携帯電話には必ずと言っていいほどQRコードを読み取る機能がついています。QRコードは、皆さんにとって身近な存在でしょう。 ※QRコードは株式会社デンソーウェーブの登録商標です Web上でも、携帯サイトへアクセスしやすいように、携帯サイトのURLなどの情報を埋め込んだQRコードをWebページに貼り付けているサイトをよく見かけます。こうしたQRコードを作成するには、QRコード作成用のエンコーダを使います。
新潟県弁護士会サイト：Flash＋PHPでオリジナルCMSの実装 | デベロッパーセンター
サイト構築でFlashを使う大きな魅力の1つは、多彩な表現力です。しかし、更新頻度の高いコンテンツでは、Flashを取り入れるのは容易ではありません。Movable TypeやWordPressといった手軽に利用できるCMSが登場し、そうしたCMSとFlashを連携させるノウハウが確立されてはきたものの、プロジェクトの要件によっては合わないこともあります。 実際、弊社が最近手掛けた「新潟県弁護士会」サイトにおいて、更新頻度の高いコンテンツをFlashで作ることとなりました。いろいろと試行錯誤した結果、たどり着いたのはPHPを使ったオリジナルCMSです。本記事では、その試行錯誤の過程と、弊社オリジナルCMSの技術的なポイントを解説します。弊社の実装例はあくまでも1つの解でしかありませんが、みなさんの参考となればうれしいです。 「新潟県弁護士会」サイト 新潟県弁護士会サイトについて 新潟県弁護
これからはじめるRIAとFlexプログラミング ～第２回 Flex開発のためのプログラミング基礎知識～ | デベロッパーセンター
はじめに FlexとRIAに関する基本知識から開発方法の基礎を習得していただくことを目的とする連載です。対象とする読者は次のような方です。 デザイナーでFlex、RIAの概要や開発方法を知りたい方 PHP、Perl、J2EEなどのWebアプリ開発者でFlex開発に興味がある方 FlashやDreamweaverでサイト構築をしている方でFlex開発に興味がある方 つまり、プログラミングの経験を問わず、RIAの概念、Flexの基本を理解したうえで、シンプルなFlexアプリケーションを作成できることを目標とします。 第２回目はプログラミングの経験がない方のために、最低限必要な知識を身につけていただくことを目指して、Flex開発のためにもっともベーシックとなるトピックをご紹介します。 必要なソフトウェアとファイル Flex SDK Flex Builder3 必要な前提知識 「これからはじめ
Adobe - デベロッパーセンター : 画面デザインとロジックの分割テクニック
Flexで開発を行う際に、画面デザイン（MXML）、スクリプトを１つのMXMLファイルに記述せずに、画面デザイン部（MXMLファイル）、プログラムコードを記述するロジック部（ActionScriptファイル）のように分けて作成する方法が採用されることがあります。今回はいくつかある分割テクニックのうち、IMXMLObjectインターフェースを使用した方法、更にその方法を発展させた方法を紹介します。
マピオンFlash Maps API + Adobe AIR による地図アプリケーション | デベロッパーセンター
マピオンFlash Maps APIとはドラッグ＆ドロップによるフリースクロール可能な地図をFlashアプリケーション内に埋め込むことができる地図APIです。ActionScript3.0をベースに、Flexフレームワークで利用できるコンポーネントとして提供されているため、FlexベースのWebアプリケーションやAIRアプリケーションで利用することが可能です。 このAPIの特徴として、Flexコンポーネントとして利用できる点があげられます。データバインディングやイベント、カスタムコンポーネントを利用することにより、かんたんかつスピーディーに地図アプリケーションが構築できます。また、Flexフレームワークにあるデータ通信コンポーネントやUIコントロールを組み合わせることでマピオンのように、動的にデータを取得し地図とリストへ表示するアプリケーションなどもかんたんに作成できます。 このマピオンの
Adobe - デベロッパーセンター : Flash Player 10のUIA（ユーザ主導型アクション）要件におけるユーザ操作の義務化について
Ian Melven Adobe 作成日:2008年10月27日 ユーザレベル:中級, 上級 製品:Flash Player Adobe Flash Player 10には数々の変更点が実装されていますが、この中には全体的なセキュリティ強化とともに、他のWebクライアント（ブラウザなど）に実装されつつある新たなWebセキュリティモデルとの円滑な連携を目的とした、ユーザ主導型アクション（user-initiated action、以下「UIA」）の義務化に関する変更が含まれています。この記事では、Flash Playerに対するUIAの義務化、つまりUIA要件の適用によって何が制限されるのか、なぜこの制限が必要なのか、そして、どのようにすればこの義務化に対応したコンテンツを作成できるかなど、この最新要件の理解を深めるための情報を紹介していきます。 ActionScript APIの特定の
Adobe Edge: 2008年9月 Flashユーザに贈る、Flex Builder のススメ
Flash でコンテンツを作っているみなさんにとって、Flex Builder という存在が気になっている方は多いのではないでしょうか。Eclipse ベースの IDE 環境、なんだか凄そうだけれどもどこから手をつけて良いものか分からない。そんなみなさんへ、今回 EDGE では Flex User Group 精鋭陣の一人で F-site 主催のイベントでも数多く登壇されている 廣畑大雅 (taiga) さんにお話を伺う機会を得ることができました。廣畑さん自身、Flash から開発を始めて Flex Builder へ移行された経験をお持ちで、それぞれの特質を踏まえた開発を行われています。Flex Builder に興味をお持ちの方はもちろん、Flash とFlex Builder によるコラボレーションをお考えのみなさんは必読です。 Edge：廣畑さんが最初に Flash を触り始めた
Adobe - Flex クイックスタート基礎： アセットの埋め込み
ホーム デベロッパーセンター Flexデベロッパーセンター Flex クイックスタート Flex クイックスタート： はじめに 目次 MXML と ActionScript を使用したコード記述 初めてのアプリケーション開発 イベントの処理 Flex コンポーネントの位置指定と配置 アプリケーションアセットの埋め込み アプリケーションアセットの埋め込み Adobe® Flex™ アプリケーションにさまざまなアセットを埋め込むことができます。 埋め込まれたアセットはコンパイルされて、Flex アプリケーションの SWF ファイルになります。 実行にロードされるのではないので、アプリケーションで元のアセットファイルを導入する必要はありません。 ヒント：アセットを埋め込む代わりに、実行時にロードすることもできます。 実行時にロードされるアセットはアプリケーション内にコンパイルされない
Adobe - デベロッパーセンター : Progression Framework 2 初級編：ActionScriptを書かずにFlashサイトを簡単に構築する
Progression Framework 2 初級編：ActionScriptを書かずにFlashサイトを簡単に構築する 松竹 誠（Mk-10:cellfusion） Ryukyu Inc. Webディレクター＆デザイナー／ Flashエンジニア 目次 Progression Framework 2とは ステップ1：パーツの作成 ステップ2：InOutMovieコンポーネントで各ページにアニメーションを実装する ステップ3：RollOverButtonコンポーネントで各ボタンにシーン移動機能を追加する ステップ4： ImageBoxコンポーネントを使って写真を外部から読み込む ステップ5：EasyCasting機能でサイトのシーン表示をコントロールする 印刷用に表示 作成日:2008年1月16日 ユーザレベル:初心者 製品:ActionScript Flash Flash Player
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adobe Edge: 2009年6月 ベータ公開開始！ Flash Catalyst & Flash Builder
Adobe - デベロッパーセンター : Eclipseを使用したFlex + PHP開発
Macromedia Flex デベロッパーセンター