ウィジェット ガジェット アプリをダウンロード 入手できる

モバイルウィジェット HOW TO MAKE

Mobile Widgets How To Make
HOME >> モバイルウィジェット HOW TO MAKE

ソフトバンクモバイル「モバイルウィジェット」特集

  1. サンプルウィジェットの起動とハローワールドの作成
  2. モバイルウィジェットの作成 「地球の電波」Widget
  3. モバイルウィジェットの作成 「クマ占いミニ」Widget
HANATSUKI(ハナツキ)ではモバイルウィジェットの開発実績を元に、実際のソースコードを公開した解説ページを本特集で随時公開していきます。
今回は第一回目として「サンプルモバイルウィジェットの起動とハローワールドの作成」になります。
モバイルウィジェット開発環境はMobile Creation のウィジェットページにて入手してください。
http://creation.mb.softbank.jp/widget/index.html

モバイルウィジェットの作成 「クマ占いミニ」Widget
1 モバイルウィジェットの作成 「クマ占いミニ」Widgetの構成
構成確認

HTMLやJavascript、Flashに対する基礎知識がある方を対象にランダムに今日の占い結果を表示するモバイルウィジェットの作り方を説明する。
クマ占いミニは通常表示ではJavascript、最大表示ではFlashで表示する。

まずはモバイルウィジェットのプログラムデータを開発する前準備としてCドライブの直下に「WidgetProject」というディレクトリを作り、「WidgetProject」の下に「Kuma」というディレクトリを作る(図1-1)。


図1-1
図1-1

以降、リソースなどを置くのは基本的にWidgetProject下のKuma下になる。

サイズFIX

モバイルウィジェットのファイルサイズは最大500KBである。これは全ての構成ファイルを含むサイズとなる。
また、Flashファイルについては1ファイル150KB以内とし、それを超える場合は実機にて表示不可となるのでファイルサイズには十分注意して開発を行う。

Widget制作で使用する画像の準備

発着信履歴や制御に応じたグラフィックを表示するので以下のような画像ファイル(図1-2)を用意する。
もちろん自分の好みに応じて制作しても良い。


図1-2 通常表示画像ファイル(一部)
図1-2 通常表示画像ファイル(一部)

尚、上記画像は通常表示で使用する物なので最大表示用に別途画像を用意する必要がある。

1 2 3 4 >>
おすすめガジェット
●c冴若祉種潟冴祉若

デスクトップガジェット
若若c吾сс



●DIESEL X WEATHERCAST 違若

Webガジェット
DIESEL X WEATHERCAST DIESEL違若絎篆¥



●3Dc吾с

デスクトップガジェット
純潟潟鴻c障






Google™、 Google Desktop™、 iGoogle™ はGoogle Inc.の商標登録です。
Microsoft、 Windows Live™ 、 Windows Vista™ は、米国 Microsoft Corporation の米国及びその他の国における登録商標または商標です。
Yahoo! Widgetは、Yahoo!Inc.、Yahoo! JAPANに帰属するシステム、サービスです。
Adobe、Adobe® AIR®は、Adobe Systems Incorporated (アドビシステムズ社)の米国ならびに他国における商標または登録商標です。
HANATSUKI