Faceを作ってみたという簡易記録。動いたのでアップロード。遍歴としては、pebble一年くらい、その後pebble2を一年くらい使ってたけど、そういえばwatchfaceはサンプル見たくらいで作ったことはありませんでした。簡単に制作してみた所感は、SVGとJavaScriptで遊んだことがある人ならすぐできるんじゃないかなー、です。SVGの要素名と動かすための属性名がバラバラで非常にわかりにくいので、遊んだことがない人は「なんで反映されないんじゃい!ちゃんと指定してるだろ!!!」と難儀するんじゃないかなーと思います。満ちていく文字盤がかっこいい気がしたので作ろうとしました。最終的には、リング半分が回っていくものになりました。知ってる範囲で手早く組み上げたかったのでできないところは仕様を変えて解決しました。studioではcircleに背景色と同じ色のrectを乗せることで円を削ることにしました。そのため、内側に重ねた四角形の角が見えてしまうという問題がありました。「内接正方形の内接円にすればいいんじゃない?」と思いつき、svgの属性指定間違いで悩みながらなんとか作り上げました。所要時間は、2時間以上3時間未満くらいです。サンプルがどこにあるか探しながら、どんなの作るかなーどんなの作れるかなーというところからなのでこんなものじゃないでしょうか。studioが接続できていない。cssに予想以上に制限があるborderが使えないから外枠をつけるためには要素二重重ねborder-radiusも当然使えないので角丸不可サイズ指定はピクセルか%だが、ピクセルの場合は単位を付けない。valueと表示されるテキスト中に改行入れたら点線豆腐になったインテリセンスがないっぽいので文字列を属性に与える必要があるところで誤字で悩まされる。transfromになってたりとか。svgの移動系の属性で悩まされる。Faceいけるんじゃないか?とこの記事書きながら思いつきました。対応しているか確認します。border-radius使えない問題に帰着しそうな気もします。Webフロントエンドいじれる人にとっては、かなり手軽に文字盤作れるのではないでしょうか。国内正式販売は1月ですがそのうちエミュレータでるのでとりあえずfitbitのdevelopperアカウントとるのがいいかもしれません。ionicの楽曲を再生すべく、BTイヤ...2017-10-23技術書典3にメカざざむしとして出展していました。(今後の予定・購入者向け告知など)出展していました。ESP32)CO2濃度測定して表示するとこまでやったので書きます。使った...2017-04-10技術書典2出してきたよ報告だけ。以前書いた「ESP8266のSPIFFSにSSIDとパスワードの...2017-02-18Pebble2のバッテリー消費量が異常に多かったので調査したみんな大好きPebbleの遺作、Pebble2(P2)。月別アーカイブ参加グループプログラミングアドセンスはてなブログをはじめよう!takashiskiさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。