YouMind
ログイン

Samsung Frame のホーム画面をカスタマイズして一新

@nathanclark
英語2026年10月20日
157K
547
16
30
1.2K

TL;DR

Tizen 開発ツールや Codex・Claude などの AI コーディングアシスタントを用いて、Samsung Frame TV 向けの独自ホーム画面アプリを作成する詳細なガイド。

数日前、Ryan Doyle が Claude Code を使って自分のテレビをカスタマイズしたという投稿を見て、自分でもやってみようと思いました。

https://x.com/doooyle/status/2111196679680540724

私のテレビは 2024 年モデルの Samsung「The Frame」で、Tizen が動いています。

Samsung の Smart Hub(だったかな?)がとにかく嫌いで、自分が使うアプリに絞ったシンプルなホーム画面が欲しかったんです。

とりあえず、その答えとして作ったものを Clean Frame と呼んでいます。

スクリーンショットを何枚か投稿してから、「Samsung でどうやって動かしたのか」「アート用の Frame としてもまだ使えるのか」「リポジトリは公開するのか」といった質問をもらいました。すでに何人かは Claude で試して行き詰まっていたようです。

私自身にはこれをまとめる時間があまりなかったので、Codex にスレッドを読ませてレビューしてもらい、数分ほど口述で指示を出すと、以下のような記事を書いてくれました。

はじめにお断り:

私は決して専門家ではありません。ここにはほぼ確実にリスクがあり、これらの設定を変更すると問題が起きたり、テレビが使えなくなったりする可能性があります。試す場合は自己責任でお願いします。

テレビにアプリを入れる

見た目を気にする前に、まずはかなり慎重に始めました。そもそも自分で作ったアプリをテレビに入れられるのかを確認したかったからです。

Codex と Astra を使って Samsung 向けのセットアップを進めました。まずはテレビ側で Developer Mode(開発者モード)を有効にして、パソコンから接続するところからです。Tizen には自作アプリをインストールするための開発者ツールがあるので、そこからスタートしました。

アプリ自体はただの HTML、CSS、JavaScript です。Samsung のツールがそれをパッケージ化して、テレビ上で動くようにしてくれます。テレビを動かしているのは依然として Tizen で、Clean Frame はすでにインストールされているストリーミングアプリを開いているだけです。

最初のバージョンはとてもシンプルでした。リモコンでいくつかのアプリ間を移動し、OK ボタンを押すと Netflix や YouTube が開ける。その時点で試したかったのはそれだけでした。

Nathan Clark - inline image

最初にテストしてテレビにインストールしたバージョン。

これがうまくいったので、実際に画面に何を置きたいのかを考え始めました。

自分で試す場合のセットアップ手順は次のとおりです:

  1. パソコンとテレビを同じローカルネットワークに接続する。
  2. テレビで Apps → App Settings を開き、リモコンの数字キーで 12345 を入力する。
  3. Developer Mode をオンにし、Host PC IP の欄に パソコンのローカル IP アドレス を入力する。
  4. テレビを再起動し、Samsung の開発ツールを使ってパソコンから接続する。
  5. Samsung の証明書ツールを使って、author certificate(開発者証明書)と distributor certificate(配布者証明書)を作成する。distributor certificate にテレビのデバイス ID(DUID)を追加し、アプリをパッケージ化してインストールする。

アドレスは混同しやすいので注意してください。テレビ側にはパソコンの IP を入力し、パソコンからはテレビの IP を使って接続します。Samsung の接続ガイドと証明書ガイドに手順が載っています。

Samsung の SDB ツールをインストールしたら、以下のコマンドで接続し、テレビが認識されるか確認できます。TV_IP はお使いのテレビのローカルアドレスに置き換えてください:

bash
1sdb connect TV_IP:26101
2sdb devices

私の環境では、パソコンが接続できるようになる前に、コンセントから一度 The Frame の電源を切って入れ直す必要がありました。リモコンの電源ボタンを押しても Art Mode に入るだけだったのです。

また、署名の方法が原因でアプリがリジェクトされたこともありました。これは Samsung 公式のパッケージングツールを使うことで解決しました。

どんなプロンプトを使ったの?

Codex がエラーを出していたため、プロンプトを教えてほしいという人がいました。他にも、Claude に「Tizen では無理だ」と言われた人や、カスタムアプリを作るところまでしか進めなかった人がいました。何が違ったのかは分かりません。私の環境では Codex と Astra で動きましたし、私は一歩ずつ進めていきました。

これは実際のセッションでの正確なプロンプトではなく、どこから始めればいいかの例です:

text
1Samsung Frame 用のシンプルなランチャーを作るのを手伝って。
2私のモデルとファームウェアを Samsung の開発者ドキュメントと照合して。
3まずは既存のストリーミングアプリを開ける、基本的な署名済み Tizen アプリから始めて。
4テレビでそれが動くようになるまでは、Home や起動時の設定はいじらないで。

見た目の検討

Codex と Claude Opus 5.5 を使って、いくつかのデザインを試しました。アプリ名が大きく表示されるシンプルなリストのものもあれば、写真の上にドックやグリッドを配置したものもありました。並べて見ることで、自分の好みがはっきりしてきました。

Nathan Clark - inline image

Shore Tiles。ブラウザで試した初期のグラスグリッドデザイン。

そこから、レイアウトやフォント、リモコンでの操作感を何度も調整していきました。

ブラウザ上で背景、フォント、レイアウト、ガラス効果を組み合わせて試せる簡易的な外観ビルダーも作りました。おかげで、テレビに入れる前に何がうまくいくのかを確認しやすくなりました。

Nathan Clark - inline image

外観ビルダー。さまざまなオプションを並べて比較できました。

最終的にはリストとドックを残し、背景・フォント・アイコンを選べる設定を用意しました。表示するアプリの選択や、順番の変更もできます。

Nathan Clark - inline image

リストレイアウト。ブラウザでの表示。

動作は速いのかと聞かれましたが、最初はそうでもありませんでした。ガラス効果はブラウザではきれいに見えましたが、テレビ上では操作がもっさりしていました。2 つの対応で解決しました。画像の最適化と、ガラス効果をテレビがその場で描画するのではなく事前に用意しておくことです。今ではとてもサクサク動きます。ストリーミングアプリ自体が開くまでの時間は変わりません。

アプリ一覧の整理も必要でした。Tizen にインストール済みアプリを問い合わせると、何百件も返ってきたのです。多くはバックグラウンドサービス、アカウント関連ツール、システムアプリでした。そこで、各エントリの名前とアプリ ID をチェックし、私が使うストリーミングアプリだけを残して内部コンポーネントを選択画面から除外するフィルターを追加しました。それらは今もテレビの中でちゃんと動いています。これは Clean Frame のリストを見やすくするだけで、アンインストールや無効化をしているわけではありません。

ソファからでも読みやすいように、アプリ名を大きくして余白も増やしました。どのアプリを選んでいるかが一目で分かるようにしたかったのと、設定を閉じた後に元の場所に戻れるようにもしたかったので、こうした細部の調整にはかなり試行錯誤しました。

ホーム画面にする

動きに満足できたので、Home ボタンを押せば戻ってこられるようにしたいと考えました。

まず Samsung の起動時設定を試しました。Start with Smart Hub Home をオフにし、Autorun Last App をオンにしました。これで、Clean Frame が最後に使ったアプリであれば、テレビの電源を入れたときに Clean Frame が立ち上がるようになりました。

何かを見た後に Home ボタンで戻れるようにするには、もう少し作業が必要でした。Clean Frame をインストールすれば開けるアプリは手に入りますが、テレビに「これを Home として使う」と指示する必要があったのです。そこで、開発者接続を通じてテレビ上で一度だけ実行する小さなヘルパープログラムを使いました。これにより、テレビの Home 設定が Clean Frame を指すように変更され、その Home アプリの自動起動が有効になります。念のため元の設定を保存し、復元できることも確認しました。

Netflix でテストしました。Netflix を開いた状態で通常のリモコンの Home ボタンを押すと、そのまま Clean Frame に戻ってきました。つまり、アプリを開いた後、いつも使うのと同じボタンで自作のホーム画面に戻れるようになったのです。

同じことを試す場合、この部分は Samsung が公式ドキュメントで説明しているアプリセットアップの範囲を超えています。私の端末はファームウェア 2130.0 が動く LS03D の Frame です。参考にした資料は別の Samsung モデル向けだったので、変更前に自分のテレビで問題ないか確認しました。ヘルパーは一度実行すればいいだけなので、Mac を接続しっぱなしにする必要はありません。

開発者接続経由で実行でき、root 権限は不要でした。それでもこの部分は慎重に進めるべきです。テレビの Home 設定を変更するものであり、モデルやファームウェアが違うと挙動が変わる可能性があります。

現在の状況

テレビにインストール済みで、問題なく動いています。レイアウト、フォント、背景を変更でき、好きなアプリを好きな順番で並べられます。

通常のリモコンが使え、Home ボタンで Clean Frame に戻れ、アート表示用の Frame としても引き続き使えます。

いくつか試している組み合わせを紹介します。背景、レイアウト、フォント、フォーカスのスタイル、アプリや Home コントロールの表示方法を変えられます。以下のスクリーンショットは、ブラウザで実行中の現在のアプリのものです。

Nathan Clark - inline image

Focus 設定。Glass と Clear tint が Home でどう見えるかのプレビュー付き。

Nathan Clark - inline image

Blue Peaks 背景にリストレイアウト、Mori フォント、Type フォーカス、Home コントロール用アイコン。

Nathan Clark - inline image

黒背景にテキストのみ、Mori フォント、Type フォーカス。

Nathan Clark - inline image

Mountain Valley 背景にドックレイアウト、Clear tint マテリアル、Glass フォーカス。

この記事を書いている時点で、リポジトリへのリンクを求める人がたくさんいます。まだいくつか調整中なので、後でここに追記するかもしれません。それまでは、このガイドがあれば大部分は自分で作れるはずです。お使いのテレビのモデルとファームウェアを確認し、一歩ずつ進めてみてください。

✌🏼@nathanclark

リプライで寄せられたいくつかの質問

アート用の Frame としてまだ使えますか?

はい、使えます。Clean Frame の背景は Samsung の Art Mode とは別物です。

Netflix などのアプリがアップデートされたらどうなりますか?

それらはテレビがインストール・管理しているアプリのままです。Clean Frame は単にそれを開いているだけです。Netflix や YouTube の別バージョンを管理しているわけではありません。Samsung のファームウェアアップデートについては話が別で、そうしたアップデート後に Home の設定が維持されるかはまだ試していません。

Tizen を置き換えたり Android を入れたりしたのですか?

テレビは依然として Tizen で動いています。Clean Frame は Tizen アプリであり、Home ボタンを押したときに開くよう Home 設定を変更しただけです。Android を入れたり、テレビの OS を差し替えたりはしていません。

他のテレビでも動きますか?

古い Samsung 機や LG、Hisense、Vizio について聞かれましたが、そちらは全く分かりません。ただ、多くのモデルでこれを行っている人のリストが増えているようです。私の知る限り Tizen は比較的難しい部類のようなので、あなたのテレビでも動く可能性は高いと思います。

UI は 4K ですか?

UI は 1920 × 1080 で作られており、画面に合わせて拡大縮小されます。ネイティブ 4K バージョンは作っていません。なお、これはストリーミングアプリ内の映像品質とは別の話です。

Home Assistant と連携できますか?

現時点では Clean Frame に Home Assistant 連携はありません。今のところはホーム画面と通常リモコンでの操作に集中しています。とはいえ、結局のところただの Web アプリなので、他の機能をかなり簡単に組み込めます。おそらく実現可能でしょう。

ワンクリック保存

YouMindでバイラル記事をAI深読み

ソースを保存し、的を絞った質問をし、主張を要約して、バイラル記事を再利用できるノートに変えます。すべてを1つのAIワークスペースで行えます。

YouMindを探索
クリエイターのために

あなたの Markdown をきれいな 𝕏 記事に

自分の長文を投稿するとき、画像・表・コードブロックを 𝕏 向けに整形するのは手間がかかります。YouMind は Markdown 全体を、そのまま投稿できるきれいな 𝕏 記事に変換します。

Markdown → 𝕏 を試す

解読すべきパターンをもっと

最近のバイラル記事

バイラル記事をもっと見る