ガーミン ウォッチフェイスデザイナー - 無料のカスタムウォッチフェイス

Garmin Watch Face Designerとは？

Garmin Watch Face Designerは、カスタムGarminウォッチフェイスのレイアウトを計画するための無料オンラインツールです。ユーザーは、円形または長方形のウォッチ画面のプレビュー上に、時刻、日付、歩数、心拍数、バッテリー残量という5つの表示要素を配置し、色とフォントサイズを選んでから、レイアウトを保存するかファイルとしてダウンロードできます。このツールはデザインと計画のための補助機能です。単独でGarminデバイスに動作するウォッチフェイスをインストールすることはできません。実際にウォッチ上で動作するソフトウェアにレイアウトを変換するには、Garmin独自のConnect IQ開発ツールが必要です。この点については後述します。

デザインキャンバスの仕組み

プレビューキャンバスは正方形で、角を丸めた長方形、または円として表示され、ウォッチの画面形状に対応します。各要素の位置はピクセル数ではなく、キャンバスの幅と高さに対する割合で指定されます。これにより、画面サイズに左右されないレイアウトになります。

要素をドラッグすると、新しい位置は次のように計算されます。

1x% = (mouse x position on canvas / canvas width) × 100
2y% = (mouse y position on canvas / canvas height) × 100
3

どちらの値も0から100までの範囲に制限されるため、要素を表示領域の外へドラッグすることはできません。

計算例。 プレビューキャンバスは一辺280ピクセルの正方形です。心拍数要素を、左端から210ピクセル、上端から210ピクセルの位置へドラッグすると、次のようになります。

1x% = (210 / 280) × 100 = 75
2y% = (210 / 280) × 100 = 75
3

これは、心拍数要素に対するツール独自の初期位置と一致します。デフォルトでは、心拍数要素はx = 75、y = 75（画面の右下）に配置されます。

5つの要素と初期値

新しいデザインはすべて、次の初期値で開始します。

フォントサイズにかかわらず、プレビューでは時刻要素が常に太字で表示されます。他の要素で「大」を選ぶと、その要素も太字になります。「小」と「中」は太字になりません。

各要素は、表示と非表示の切り替え、カラーピッカーによる色の変更、サイズの変更（小、中、大）、キャンバス上の任意の位置へのドラッグができます。プレビューに表示されるのは実際のデータではなくサンプルの数値です。時刻要素には10:30（12時間表示では午前10:30）、日付要素にはサンプルの日付、歩数には7,845、心拍数には72 BPM、バッテリーには85%と表示されます。これらの数値はレイアウトの見え方を示すためのもので、実際のウォッチから読み取ったものではありません。

時刻と日付の表示形式

時刻は、24時間表示（10:30）または12時間表示（午前10:30）で表示できます。日付は3つの形式で表示できます。

• DD/MM、例：15/06
• MM/DD、例：06/15
• DD/MM/YY、例：15/06/23

デザインの作成方法

1. ウォッチのモデルと形状を選択する。 モデルのドロップダウンには、Forerunner 245、Forerunner 945、Fenix 6、Fenix 7、Venu、Venu 2の6つの選択肢があります。形状は円形または長方形です。モデル名は参照用としてデザインとともに保存されますが、エクスポートファイルの作成方法は変わりません。
2. 背景色を選択する。 カラーピッカーを使って選択します。
3. キャンバスに要素を追加する。 要素を1つクリックし、プレビュー上の位置までドラッグします。
4. 各要素を調整する。 表示・非表示を切り替え、文字色とフォントサイズを設定し、時刻と日付については表示形式を選択します。
5. デザインを保存する。 名前を入力して「Save Design」を選択します。保存したデザインはサーバーではなくブラウザーのローカルストレージに書き込まれるため、同じブラウザーとデバイスでのみ再び表示され、他のデバイスには自動的に表示されません。
6. デザインをエクスポートする。 デザインをファイルとしてダウンロードします（下記参照）。または「Copy Design JSON」を使って同じデータをクリップボードにコピーできます。

「Reset Positions」を選択すると、色や表示状態を変更せずに、すべての要素がデフォルトの座標に戻ります。「Reset」を選択すると、デザイン全体が開始時の初期値に戻ります。

エクスポートファイルに実際に含まれるもの

「Export Watch Face」をクリックすると、デザイン名、ウォッチモデルのラベル、形状、背景色、各要素の位置・色・サイズ・表示形式の一覧を格納した.jsonテキストファイルがダウンロードされます。これはレイアウトを構造化して記述したもので、ブラウザーの外部にデザインを保存したり、他の人と共有したり、選択した配色を記録したりするのに役立ちます。

これは、Garminデバイスで実行できるコンパイル済みのウォッチフェイスではありません。Garminのスマートウォッチは、Garminのソフトウェア開発キットであるConnect IQで作られたウォッチフェイスを実行します。Connect IQアプリは、Garmin独自のプログラミング言語であるMonkey Cで書かれます。Monkey Cはバイトコードにコンパイルされ、ウォッチ上の仮想マシンが実行します。このコンパイル済みファイルは、Garmin Express、Connect IQ Store、または開発者自身のサイドロードの手順でインストールされ、JSONファイルをUSB経由でウォッチにコピーする方法ではありません。ここで作成したレイアウトを実際のウォッチで動かしたい場合は、エクスポートしたJSONを色、位置、形式の仕様として参照しながら、Connect IQプロジェクトとして作り直す必要があります。

よくある質問

このツールでGarminデバイスにウォッチフェイスを入れられますか？ いいえ。このツールが作成するのはデザインレイアウトと、そのレイアウトを記述したJSONファイルです。Garminデバイスで動作するウォッチフェイスを使うには、GarminのConnect IQツールで作成するか、Connect IQ Storeから既製のウォッチフェイスを選ぶ必要があります。

Garmin Watch Face Designerは無料ですか？ はい。ダウンロード、アカウント登録、支払いの必要はなく、ブラウザー上で実行できます。

コーディングは必要ですか？ デザイナー自体を使うのにコーディングは必要ありません。要素はドラッグ＆ドロップで配置し、色と表示形式はメニューから選択します。

コンピューターを変えても保存したデザインは残りますか？ いいえ。デザインは1台のデバイス上にあるブラウザーのローカルストレージに保存されます。デバイス間やブラウザー間で同期されることはありません。

どのウォッチモデルを選択できますか？ このツールには、Forerunner 245、Forerunner 945、Fenix 6、Fenix 7、Venu、Venu 2の6モデルが表示されます。これは保存したデザインに付加されるラベルであり、デバイス固有のエクスポート形式ではありません。

時刻と日付にはどのような表示形式を使用できますか？ 時刻は12時間制または24時間制にできます。日付はDD/MM、MM/DD、DD/MM/YYのいずれかです。

デザインのヒント

文字と背景のコントラストは、特に屋外での読みやすさに大きく影響します。時刻要素を大きく中央に配置し、その他の要素を3つか4つだけにすると、画面が乱雑になりません。暗い背景は一目で読み取りやすい傾向があり、OLEDタイプのウォッチ画面では一般的に推奨されます。この画面技術では、暗いピクセルのほうが消費電力が少ないためです。心拍数を歩数の近くに置くなど、関連する情報をまとめると、要素を均等に散らすよりもレイアウトの構成が明確になります。

参考文献

1. Garmin. Connect IQ Basics. Connect IQの基本 — Connect IQアプリはMonkey Cで書かれ、Connect IQ Storeを通じて配布されます。
2. Garmin. Monkey C. Monkey C言語ガイド — Monkey Cはバイトコードにコンパイルされ、仮想マシンによって実行されます。
3. Garmin. Your First App. はじめてのアプリ — サイドロード：実行可能ファイル（PRG）をビルドし、デバイスのGARMIN/APPSフォルダにコピーします。