|
|---|
Mac OS XのDashboardウィジェットは、HTMLファイル、CSSファイル、JavaScriptファイルで構成されています。前回はMac OS Xに付属する「Dashcode」を使って簡単なウィジェットを作りましたが、今回はエディターでコードを書いて「文字表示ウィジェット」と「メモウィジェット」を作ってみましょう。
ウィジェットを作成する前に、ファイル構成を確認しておきましょう。前回作成したGoogleマップを表示するウィジェットの中身は以下のようになっていました。
 |
|---|
| 前回作成したウィジェットの内容。ウィジェット上で右ボタンをクリックし「パッケージの内容を表示」を選択すると表示される |
パッケージに含まれるファイルのうち、ウィジェットの作成に必須のファイルは以下のとおりです。
- Default.png
- 起動時の画面。多くはそのままウィジェット画面として使われる
- Icon.png
- ウィジェットのアイコン
- Info.plist
- ウィジェットの情報を持っているプロパティリストファイル
- main.html
- ベースとなるHTMLファイル。名前はInfo.plist内で指定できるので、main.htmlでなくてもよい
CSSファイルやJSファイルはHTMLファイル内に書いても動作しますが、基本的には外部ファイルとして読み込んで使用します。
「Info.plist」は、ウィジェットの動作に必要な情報を定義したファイルで、「プロパティリスト」と呼ばれます。次ページではプロパティリストファイルについて詳しく説明します。
ソーシャルリアクション
この連載の記事
- 第75回 CSS3でFlash並みアニメが作れるSencha Animator
- 第74回 Capture APIでiPhone用ビデオレコーダーを作ろう
- 第73回 JavaScriptで作れるiPhone用ボイスレコーダー
- 第72回 PhoneGapのMedia APIでバイブ付き音楽プレーヤー
- 第71回 iPhoneがPhoneGapで簡易電子書籍リーダーに
- 第70回 PhoneGapでMapKitを使って地図アプリを開発
- 第69回 HTML5+CSS3でiPhone用動画アプリを作ろう
- 第68回 iPhone/iPad両対応！PhoneGapで作るアルバムアプリ
- 第67回 フォトアルバムアプリで学ぶPhoneGapの使い方
- 第66回 PhoneGapでiPhoneのカメラアプリを作ろう
- この連載の一覧へ
