Fitbitデバイスのクロックフェイスを自作する

準備するもの

• Fitbitユーザアカウント
• Fitbit OSが搭載されたデバイス or Windows・Mac上で動くFitbit OSシミュレータ
• Android用Fitbitアプリ or iOS用Fitbitアプリ or Windows Phone用アプリ
• Fitbit Studio
• Wi-Fi環境

手順

step.1 ログイン

• Fitbit Studioの画面右側のSTARTを選択

• ログイン画面でFitbitユーザアカウント情報を入力し、ログイン

step.2 新規プロジェクトを作成

• 新規プロジェクト名を入力し、テンプレートプロジェクト「Digital Clock」を選択し、「create」ボタンを押す

step.3 Developer Bridgeの有効化

• Fitbitデバイス上で[設定 ] -> [Developer Bridge]を選択し、ステータスが「connected to server」になるまで待機

• Fitbit Studioの画面上部のToolbarから[Select a phone]を選択し、メニューから自身のFitbitデバイスを選択する(インジケータが緑色になれば成功)

step.4 画像アップロード

• 各Fitbitデバイスごとに以下のサイズのjpg、png画像を用意する

デバイス名	サイズ(px)
Fitbit Ionic	348x250
Fitbit Versa, Fitbit Versa Lite, Fitbit Versa 2	300x300

• クロックフェイスに使用する画像をresourceフォルダにアップロード

step.5 index.gui、style.css編集

• index.guiにimageタグ追加

• style.cssで文字サイズ、文字色、フォント、時刻位置などの修正

step6. Fitbitデバイスへ反映

画面上部Toolbarで「Run」を選択し、console欄にエラーログなどが出力されなければ反映成功