ウィジェットを作る

欲しいウィジェットが見つからなければ、作ってみましょう。ウィジェットは、コンソールの中のウィジェットスタジオで書く小さなReactコンポーネントです。公開すれば誰でも自分のフレームに追加できます。非公開ウィジェットとして自分だけで使うこともできます。

必要なもの

• パソコン。ウィジェットスタジオにはデスクトップのブラウザーが必要です。
• ReactとJavaScriptの基本的な知識。TypeScriptにも対応しており、おすすめです。
• Tailwind CSSの知識があると役立ちます。ウィジェットのスタイルはTailwind CSSで指定します。

インストールするものはありません。ウィジェットスタジオには、自動補完付きのコードエディター、ライブプレビュー、すぐにインポートできるフックとコンポーネントを集めたBlotchライブラリがそろっています。

どこから始めるか

• 初めての方へ：はじめてのウィジェットを作るでは、空のウィジェットからフレームに表示するまでを順に説明します。
• 仕組みを知りたい方へ：ウィジェットの動作の仕組みでは、ウィジェットがどのようにして電子ペーパー（e-ink）の画面の画像になるのか、それがコードにどう影響するのかを説明します。ウィジェットのスコアとランキングの仕組みでは、あなたのウィジェットがウィジェットライブラリのどこに表示されるのかを説明します。
• やりたいことが決まっている方へ：ガイドでは、APIからデータを取得する、ウィジェットを設定できるようにする、どのサイズにも合うデザインにするなど、よくある作業を取り上げています。
• 調べものをしたい方へ：リファレンスでは、ウィジェットスタジオ、入力項目のタイプ、Blotchライブラリのすべてのフックとコンポーネントを説明しています。

困ったときは

Discordで質問してください。ほかのクリエイターがヒントやウィジェットを共有しています。