ke-tai.org » FlashLite http://ke-tai.org/blog ke-tai.org　ケータイプログラマのためのコミュニティサイト。携帯電話向けWeb開発の技術情報を扱っています。 Tue, 15 May 2012 05:32:22 +0000 ja hourly 1 2011年4月16日(土)にカヤックでFlashLite勉強会が行われるようです http://ke-tai.org/blog/2011/04/06/kyacflashlitestudy2/ http://ke-tai.org/blog/2011/04/06/kyacflashlitestudy2/#comments Wed, 06 Apr 2011 14:44:49 +0000 matsui http://ke-tai.org/blog/?p=5619 2011年4月16日(土)にカヤックでFlashLite勉強会が行われるようです。

 

→　_level0.KAYAC　4/16(土) FlashLite勉強会のお知らせ(2) [level0.kayac.com]

 

前回の「FlashLiteの勉強会」は、ご紹介しようと思っていたら瞬殺で定員に達してしまい、紹介しそびれてしまいました。

参加できなかった皆様のために、前回と同じ内容で2回目を開催するとのことです。

ただし参加条件は「FlashLite経験者」のみとなっているようなのでご注意ください。

 

東京はこういう勉強会が多くあっていいですね。

興味のある方はぜひ参加してみてはいかがでしょうか。

 

関連：

]]> http://ke-tai.org/blog/2011/04/06/kyacflashlitestudy2/feed/ 0 KAYAC engineers’ blogにFlash Liteの動的生成に関する記事が掲載されています http://ke-tai.org/blog/2011/03/02/kayacflashlite/ http://ke-tai.org/blog/2011/03/02/kayacflashlite/#comments Wed, 02 Mar 2011 14:52:37 +0000 matsui http://ke-tai.org/blog/?p=5304 ユニークなサービスを作ることで有名な面白法人カヤックさんの技術ブログに、Flash Liteの動的生成に関する記事がありましたのでご紹介します。

 

→　KAYAC engineers’ blog　FlashLite 動的生成の全てを教えます(その1?) [tech.kayac.com]

 

ケータイでFlashLiteで少し凝った使い方をしようとすると、現状その機能上の制限から動的生成は避けて通れません。

この記事では、カヤックさんのサービスで実際に使われていたという、実践的なFlash Lite動的生成の解説が行われています。

 

ActionScript変数の入れ替え、GIF・JPEG・PNG画像の入れ替え、MovieClipやモーションの入れ替えといった、そのまま参考にできそうなサンプルも掲載されています。

またカヤックさんで使われているというライブラリも合わせて公開されているようです。

 

今までFlash Liteの動的生成の経験が無い方はもちろん、経験がある方にとっても自分のやり方と比べてみる良い機会だと思います。

 

関連：

]]> http://ke-tai.org/blog/2011/03/02/kayacflashlite/feed/ 0 携帯Flashの操作ストレスとなるポイントをまとめた記事「携帯Flashサイトのユーザビリティ基礎」 http://ke-tai.org/blog/2009/12/16/webforumflashlite10/ http://ke-tai.org/blog/2009/12/16/webforumflashlite10/#comments Wed, 16 Dec 2009 14:59:49 +0000 matsui http://ke-tai.org/blog/?p=1681 これまで何度もご紹介させていただいたことのあるご存知Web担当者Forumに、ケータイFlash（Flash Lite）のユーザビリティに関する記事がありましたのでご紹介します。

 

→　Web担当者Forum　携帯Flashの使いやすさを損なわない、携帯Flashサイトのユーザビリティ基礎（第10回） [web-tan.forum.impressrd.jp]

→　Web担当者Forum　モバイルサイト構築のユーザビリティいろは　目次 [web-tan.forum.impressrd.jp]

 

以前から連載されていた記事「モバイルサイト構築のユーザビリティいろは」の第10回です。
今回はFlash Liteのユーザビリティについて触れられています。

ユーザのアンケートを元に操作ストレスとなるポイントがまとめられています。
この記事によると、次の４項目に不満が集中しているとのことです。

  1. サイトが重くて閲覧を中止した
  2. 誤って前の画面に戻ってしまった
  3. 前の画面に戻ろうとしたら戻りたい画面に移動できなかった
  4. 前の画面に戻るとページの一番上が表示され、使いにくかった

 

Flashは便利な反面、しっかり作りこみを行わないと、逆に不満が溜まりやすい部分のようですね。

それぞれ対策方がまとめられていますので、Flashをお使いのモバイルサイトをお持ちの方はチェックしてみてはいかがでしょうか。

 

関連：

]]> http://ke-tai.org/blog/2009/12/16/webforumflashlite10/feed/ 0 ブックレビュー： Flash Liteで作る携帯コンテンツ実践教科書 http://ke-tai.org/blog/2009/07/27/reviewflashkyokasho/ http://ke-tai.org/blog/2009/07/27/reviewflashkyokasho/#comments Mon, 27 Jul 2009 14:59:51 +0000 matsui http://ke-tai.org/blog/?p=888 著者の岡田さんからご献本いただきました。ありがとうございます。

早速読ませていただきましたので、レビューを書かせていただきたいと思います。

 

→　Amazon　Flash Liteで作る携帯コンテンツ実践教科書 [amazon.co.jp]

 

本書「Flash Liteで作る携帯コンテンツ実践教科書」は、ケータイコンテンツで使うFlashLiteの制作を、実践的な実例を交えながら紹介しているチュートリアル集的な本です。

著者は、東條 雅樹氏、岡田 昇三氏、よしだ ゆたか氏、3名の共著となっているようです。

 

目次は次のようになっています。

Introduction　携帯Flashの作り方の基本
Chapter 1　待ち受けスライドショーを作る～基本的なコンテンツの制作
Chapter 2　デジタル時計を作る
Chapter 3　アナログ時計を作る
Chapter 4　おみくじを作る
Chapter 5　サウンド付きまるばつコンテンツを作る
Chapter 6　携帯サイト（縦長メニュー）を作る
Chapter 7　もぐらたたきゲームを作る
Chapter 8　神経衰弱を作る
Chapter 9　携帯コンテンツの動作のテスト
Chapter 10　キャリアごとのFlashLiteの仕様
Chapter 11　制作効率化のTipsとトラブルシューティング

 

ご覧の通りサンプルとその制作方法の説明が盛りだくさんで、理論よりも実際に作りながら学べる実線的なつくりになっています。

その分、Introductionは用意されているものの、説明は割と短めですし、Flashやケータイの基礎については、ある程度理解している人を対象としているようですので、必要に応じて他の書籍とあわせて読み進めるとよいでしょう。

おそらく「PCでFlash制作を行ったことがあるが、ケータイ用FlashLiteの勝手がわからない」という読者がメインターゲットなのではないでしょうか。

 

Chapter1～9の多数のサンプル解説やスクリプティング例も、もちろん有用なのですが、特に便利だなと感じたのはChapter 10以降です。

「Chapter 10　キャリアごとのFlashLiteの仕様」では、各キャリアとFlashLiteバージョンごとの仕様が一覧表となって掲載されています。
FlashLiteの仕様は、あちこちにのサイトに分散されていたり、抜けている情報があったりで、このようにまとまった情報を手に入れるのは大変です。
このように数ページに凝縮された情報を見ることができるのはうれしいですね。

 

次の「Chapter 11　制作効率化のTipsとトラブルシューティング」は、さらに嬉しい内容となっています。
ケータイ向けのFlashLiteをはじめて作成した場合に陥りやすいワナや、ぶつかりがちな壁、便利なTipsやコツが数ページにわたってビッシリとまとめられています。
おそらくPCからケータイに入ってきた制作者が一番知りたい情報はコレなのではないでしょうか。

 

共著ということもあるせいか、サンプルの解説に若干重複したような内容があるものの、実例を通してケータイ向けFlashを学びたいという方にはぴったりの本だと思います。
FlashLiteを解説した本はまだあまり数がありませんし、これは貴重な一冊となりそうです。

 

関連：

]]> http://ke-tai.org/blog/2009/07/27/reviewflashkyokasho/feed/ 2 Adobe公式サイト内で連載が開始された「Flash Lite入門講座」 http://ke-tai.org/blog/2009/05/28/abobeflashlite/ http://ke-tai.org/blog/2009/05/28/abobeflashlite/#comments Thu, 28 May 2009 14:59:24 +0000 matsui http://ke-tai.org/blog/?p=800 Adobeのデベロッパーセンター内で、FlashLiteに関する連載記事「Flash Lite入門講座」が開始されたようです。
著者はこれまでも何度か記事をご紹介させていただいたことのある、国内ケータイFlashの第一人者である岡田昇三氏です。

 

→　ADOVE DEVELOPER CONNECTION　デベロッパーセンター　Flash Lite入門講座　第1回　日本のFlashLiteの仕様 [adobe.com]

→　HI-POSI　Blog Archive　Adobe DevNetで連載開始 [hi-posi.jp]

 

第1回の内容としては、以前ご紹介したThinkITの記事「ざっくり解説FlashLiteの仕様」をベースに、加筆・修正したものとのことです。

とはいえ、図表も含めて多くの部分が変更されており、上記記事を読んだことのある方でも、もう一度見る価値のある内容となっています。

 

これを見れば、現在のFlashLiteがおかれた状況を理解することができ、例えばPC用のFlashしか触ったことがないけれど、ケータイのFlashLiteをやってみたい、という方なんかにはぴったりの内容となっています。

 

しかし、Adobeの公式サイトでこのような連載が始まるというのは嬉しいですね。
第2回以降の掲載が待ち遠しいです。

 

関連：

]]> http://ke-tai.org/blog/2009/05/28/abobeflashlite/feed/ 0 ケータイ向けFlashの待ち受け画像とaction script情報がまとめられたサイト「ケータイFlash待受画像ギャラリー!」 http://ke-tai.org/blog/2009/02/26/mobileflashrab/ http://ke-tai.org/blog/2009/02/26/mobileflashrab/#comments Thu, 26 Feb 2009 14:59:55 +0000 matsui http://ke-tai.org/blog/?p=675 9konさんからのタレコミです。
（情報提供ありがとうございます）

ケータイ向けFlashの待ち受け画像展示ギャラリーと、action script情報がまとめられたサイト「ケータイFlash待受画像ギャラリー!」というサイトがあるとのことです。

→　ケータイFlash待受画像ギャラリー!　トップ [nsflash.com]

→　ケータイFlash待受画像ギャラリー!　携帯向けactionscript [nsflash.com]

 

ギャラリーには現時点で100枚以上の待ち受けFlashが展示されています。

対応機種はFlash Lite 1.1以降の機種で、多くのものが無料でダウンロード可能となっています。

 

また、「携帯向けactionscript」というコンテンツもあり、主にFlash Lite 1.1用のAction scriptが一覧で解説されています。

他にもブログや書籍紹介などのコンテンツも用意されています。

ケータイ用の待ち受けFlashの作成を行おうと思っている方は、ぜひ参考にしてみてはいかがでしょうか。

 

関連：

]]> http://ke-tai.org/blog/2009/02/26/mobileflashrab/feed/ 0 モバイルサイトへのFlashLite導入事例を解説した記事「Flash Lite導入サイトまとめ読み」 http://ke-tai.org/blog/2009/02/06/flashlitematomeyomi/ http://ke-tai.org/blog/2009/02/06/flashlitematomeyomi/#comments Fri, 06 Feb 2009 14:59:08 +0000 matsui http://ke-tai.org/blog/?p=654 なんと著者の岡田さん自ら情報提供いただきました。
岡田さんの名前はよく存じ上げていましたのでびっくりです。ありがとうございます。

 

先日も取り上げさせていただいた、ThinkITの特集「総まとめ、モバイルサイト動向」の第3回として、岡田さんがFlashLiteに関する記事を書かれたそうです。

→　ThinkIT　総まとめ、モバイルサイト動向　第3回：Flash Lite導入サイトまとめ読み

 

  • Nike6.0 モバイルサイト　（http://nike6.jp/）
  • H&Mモバイルサイト　（http://www.hm.com/mobile/）
  • Lark Casino Club　（http://lark-web.jp/）
  • Bascule Inc. helmets!コンテンツ　（http://www.bascule.co.jp/）
  • Ke-tai Traveler ケートラ　（http://k-tra.jp/）

という5つのサイトへの導入事例を元に、どのようにFlash Liteを利用したかが解説されています。

一般にFlash Liteは、PC版のFlashに比べ、制限が多く機能もカットされているため、使いどころが難しいとされています。

この記事では、Flash Liteを単体として使うのではなく、他の何かと組み合わせることで、PCでは表現できないような携帯電話独自のコンテンツが制作できるのではないか、と述べられています。

ここではそれぞれ、「デザイン」、「CMS」、「GAME」、「MultiMediaServer」、「GPS」と組み合わせることによって、ケータイならではの面白いコンテンツが作成できた例が紹介されています。

 

実際に動くサイトを見ることができるため、Flash Liteの導入を検討している方には、とても参考になると思います。

興味のある方は、ぜひお手持ちのケータイからサイトを訪れてみてはいかがでしょうか。

 

関連：

]]> http://ke-tai.org/blog/2009/02/06/flashlitematomeyomi/feed/ 1 ケータイ + Flash Liteでサウンドを再生させる際の罠について http://ke-tai.org/blog/2008/12/15/flashlitewana/ http://ke-tai.org/blog/2008/12/15/flashlitewana/#comments Mon, 15 Dec 2008 14:59:34 +0000 matsui http://ke-tai.org/blog/?p=595 ネットを徘徊していたところ、たまたま興味深いブログエントリーを見つけました。

ケータイ上のFlash Liteでサウンドを再生させる場合、PCと同じように実装しても音が再生されないとのことで、そのための方法とハマリどころについて解説されています。

→　_level0.KAYAC　FlashLiteで音を再生させたいときに誰もが一度はひっかかる罠をご紹介。 [kayac.com]

 

ポイントとなるは次のような点とのことです。

  • 「.mmf」や「.mld」、「.mid」といった携帯向けの音声ファイルが必要
  • 上記に加えて、外部参照を設定したダミーのwavファイルも必要
  • キャリアごとに再生できる音声ファイルの形式が違う
  • ドコモはさらに機種別で再生できるファイルが違う

 

私はFlashにはあまり詳しくないのですが、これはなかなか大変そうですね。

ケータイ+Flash Liteでサウンド再生を実装される際は、ぜひ参考にしてみてください。

 

関連：

]]> http://ke-tai.org/blog/2008/12/15/flashlitewana/feed/ 1 ThinkITでモバイルサイト制作特集が組まれています http://ke-tai.org/blog/2008/10/07/thinkit/ http://ke-tai.org/blog/2008/10/07/thinkit/#comments Tue, 07 Oct 2008 14:59:51 +0000 matsui http://ke-tai.org/blog/?p=492 ThinkITの10月の特集として「モバイル向けサイト制作」特集が組まれています。

→　ThinkIT　モバイル向けサイト制作 [thinkit.co.jp]

 

執筆陣もかなり豪華な顔ぶれとなっています。

  • 今から始める携帯サイト制作　著者：柴崎 正也氏
    • 第1回　携帯サイトとPCサイトはここまで違う！
    • 第2回　携帯サイトの制作から公開まで
    • 第3回　3キャリア対応サイトを作るには（仮）
    • 第4回　携帯サイトならではのユーザビリティ向上（仮）
      　
  • 携帯サイトをテストする方法　著者：荒木 稔氏
    • 第1回　携帯テストの基本をおさえる
    • 第2回　PCブラウザで携帯サイトのテストをする（仮）
    • 第3回　携帯シミュレーターを使いこなす（仮）
      　
  • iPhone向けWebサイトをつくろう　著者：株式会社モディファイ　松本庄司氏
    • 第1回　結局、iPhoneってなんなの？
    • 第2回　全体構成はどうする？（仮）
    • 第3回　見た目はどうできる？（仮）
    • 第4回　どうやれば楽できる？（仮）
    • 第5回　使えるTipsまとめ（仮）
      　
  • モバイルWeb構築の最新潮流　著者：株式会社イオス　吉田 悟美一氏
    • 第1回　モバイルサイトに求められるデザイン力！
    • 第2回　モバイルサイトをリッチ化する
    • 第3回　コンテンツもよりインタラクティブに（仮）
    • 第4回　サイトの機能もリッチ化する（仮）
    • 第5回　モバイルWebの可能性と未来（仮）
      　
  • 出遅れるな！Flash Lite入門　著者：株式会社24-7　古本 光司氏
    • 第1回　Flash Liteの基本を学ぼう！
    • 第2回　Flash Lite 1.1のスクリプト制御（仮）
    • 第3回　時計待ち受けを作ろう！（仮）
    • 第4回　簡単なゲームを作ろう！（仮）
    • 第5回　Flash Lite のまとめと今後（仮）

 

サイト作成の基本から、テスト・動作確認について、iPhone、デザイン、FlashLiteと、モバイル開発についてが網羅されています。

Web上でここまでモバイル向けの記事がまとまったのは初ではないでしょうか。
記事ごとに曜日別となっており、それぞれ1週間単位で公開されていくようです。

10月はこれだけでかなり楽しめそうです。
気になる記事がありましたら都度ピックアップしていこうと思います。

 

関連：

]]> http://ke-tai.org/blog/2008/10/07/thinkit/feed/ 1