シュペーゲル：AIを使ってウェブページをエンド・ツー・エンドのブラウジング体験に変える

Spegelはオープンソースの端末用ウェブブラウザです。人工知能（AI）を使って、ウェブページのHTMLコンテンツを端末での閲覧に適した簡潔なマークダウン形式に変換します。ユーザーは、コンテンツを簡素化したり、重要な情報を抽出したりするなど、閲覧ビューをカスタマイズすることができます。 Spegelは、軽量フレームワークlitellmを使用しており、さまざまな言語モデルをサポートしています。 ジェミニ 2.5 Flash Lite。設定が簡単で、端末操作を好む人にも使いやすいインターフェースを持っている。Spegelはもともと、ウェブコンテンツをより読みやすくし、冗長な情報を減らし、効率的なブラウジング体験を提供するために設計されました。

機能一覧

• ウェブコンテンツの変換：複雑なウェブページのHTMLをクリーンなマークダウン形式に変換します。
• ビューのカスタマイズ：プロファイルを使用したユーザー定義の複数の表示モードをサポートし、子供レベル（ELI5）への簡素化やキーアクションの抽出などを行うことができます。
• 複数のAIモデルのサポート：litellmフレームワークを通じて、複数のネイティブまたは外部言語モデルに対応。
• ターミナル・インターフェイスの最適化：直感的なターミナル・ブラウジング体験を提供するために、Textualフレームワークを使用してマークダウンをレンダリングする。
• ダイナミック・コンフィギュレーション：ブラウジング中のリアルタイム・ビューとキュー・ワードの調整をサポート。
• 軽量操作：GETリクエストのみをサポートし、JavaScriptに依存せず、効率的に動作する。
• オープンソースコミュニティのサポート：GitHubでホストされており、ユーザーはコードやフィードバックに貢献することができます。

ヘルプの使用

設置プロセス

Spegelのインストール手順はシンプルで、コマンドライン操作に慣れているユーザーに適している。以下はその詳細な手順である：

1. クローンプロジェクト
   ターミナルで以下のコマンドを実行し、Spegelプロジェクトをローカルにクローンする：

   git clone https://github.com/simedw/spegel.git
   cd spegel
   

2. 依存関係のインストール
   Pythonのpipを使って、必要な依存関係とコマンドラインツールをインストールする：

   pip install -e .
   

   これは、Spegelと、litellmとTextualを含むPythonの依存関係をインストールします。

3. 環境変数の設定
   Spegelは、デフォルトでGemini 2.5 Flash Liteモデルを使用しており、APIキーの設定が必要です。APIキーの設定 .env ファイルを参照してください。 env_example.txt以下を追加する：

   GEMINI_API_KEY=你的API密钥
   

   キーは、ジェミニやその他の対応モデル・プロバイダーを通じて入手できる。

4. シュピーゲルを始める
   インストールが完了したら、以下のコマンドでSpegelを起動する：

   spegel bbc.com
   

   指定したウェブページを直接読み込み、ウェルカム画面を表示します。ウェルカム画面をスキップして直接ウェブページを閲覧したい場合に使用します：

   spegel <网页URL>
   

カスタムビューの設定

Spegelの核となる機能は、ユーザー定義の閲覧ビューのサポートです。設定ファイルは ~/.spegel.tomlこれはテキストエディタで変更できる。デフォルトの設定ファイルの例を以下に示す：

[settings]
default_view = "terminal"
app_title = "Spegel"
[ai]
default_model = "gpt-4.1-nano"
[[views]]
id = "raw"
name = "Raw View"
hotkey = "1"
order = "1"
prompt = ""
[[views]]
id = "terminal"
name = "Terminal"
hotkey = "2"
order = "2"
prompt = "Transform this webpage into the perfect terminal browsing experience!"

• デフォルトビューデフォルトのブラウザビューを設定します。 terminal.
• デフォルトモデル使用するAIモデルを指定する。 gpt-4.1-nano またはその他の対応モデル。
• 見解異なる表示モードを定義する。各ビューには、ID、名前、ショートカットキー、プロンプトワードが含まれます。例えばterminal このビューは、ウェブページを端末の閲覧形式に最適化します。
• 迅速ユーザーはプロンプトをカスタマイズして、AIがウェブコンテンツをどのように扱うかをコントロールできる。例えば、"Simplify web pages to be understood by 5 years olds（5歳児が理解できるようにウェブページを簡略化する）"と設定すれば、よりシンプルな出力が得られる。

設定ファイルを変更した後、Spegelを保存して再実行すると、新しいビューが即座に反映される。

主な機能

1. ウェブを見る
   輸入 spegel <URL> ページを読み込むことができます。例

   spegel https://simedw.com
   

   Spegelは、AIを通してウェブコンテンツを処理し、マークダウン形式に変換し、ターミナルでレンダリングする。

2. トグル・ビュー
   ブラウジング中にショートカットキー（例えば 1そして2)を使って異なるビューを切り替えることができる。例えばterminal コンテンツレイアウトに最適化されたビュー。recipe このビューはレシピの材料とステップを抽出するためのものです。ショートカットは設定ファイルで定義します。
3. キューの動的調整
   ユーザーは、閲覧中にリアルタイムでプロンプトを変更できます。たとえば、新しいプロンプト「ウェブページからキーアクションを抽出する」を入力して保存すると、Spegelは現在のウェブページを再処理してアクションステップを強調表示します。
4. 大きなウェブページを扱う
   コンテンツの多いページでは、SpegelはHTMLをチャンク単位で処理し、整合性を確保します。開発者は、以前のバージョンにあった大きなページの切り捨ての問題を修正しましたので、ユーザーは安心して複雑なページを閲覧できます。

注目の機能操作

• レシピ抽出
  シュピーゲルは専門的なサービスを提供している。 recipe ビューは、レシピ情報に素早くアクセスするのに適しています。例えば、レシピサイトを閲覧する際、Spegelは以下のフォーマットで主要な情報を抽出します：

  # Ingredients
  * 1 tbsp salt
  * 400 g beef
  # Steps
  1. Preheat the oven to 200°C.
  2. Wash and chop the carrots.
  

  この機能を使うには、コンフィギュレーション・ファイルで recipe 見るenabled = true)、ショートカットキーでそのビューに切り替える。

• ターミナル最適化の経験
  Spegelは、スクロールとインタラクションをサポートする明確なインターフェイスでマークダウンをレンダリングするために、Textualフレームワークを使用しています。ユーザーは、上下の矢印でコンテンツをナビゲートしたり q 出口だ。
• マルチモデル対応
  litellmによって、シュペーゲルは幅広いAIモデルをサポートしている。ユーザーは default_modelまた、環境変数を使って他のモデル（GPT-4など）を指定することもできます。これにより、ユーザーは必要に応じてより強力なモデルを柔軟に選択することができます。

ほら

• SpegelはウェブコンテンツへのGETリクエストを必要とするため、インターネット接続が安定していることを確認してください。
• マークダウンが書式エラーでレンダリングされる場合は、正しいビューが有効になっているか、ページのコンテンツが完全に読み込まれているかを確認してください。
• JavaScriptを必要とする動的なWebページについては、Spegelは現在サポートしておらず、静的なコンテンツが豊富なWebページを選択することを推奨しています。

アプリケーションシナリオ

1. ウェブページのコアコンテンツを素早く抽出
   Spegelのカスタマイズ可能なビューは、複雑なコンテンツを読みやすいマークダウン形式にすばやく簡素化します。
2. エンドユーザー向けウェブ・ブラウジング
   コマンドライン操作を好むプログラマーやユーザーは、グラフィカルインターフェースブラウザを開くことなく、ターミナルでウェブをブラウズしたい。Spegelは、軽量で高速なソリューションを提供する。
3. パーソナライズされたコンテンツ処理
   例えば、技術文書を初心者にも理解できるように簡素化したり、ショッピングサイトの主要な商品情報を最適化したりといった具合だ。
4. AIキューの学習とデバッグ
   開発者は、AIキューエンジニアリングを研究するユーザーのためにスペゲルのキューワードを微調整することで、AIによるウェブコンテンツの処理方法を学ぶことができる。

品質保証

1. スペーゲルがサポートしているAIモデルは？
   Spegelは、litellmフレームワークを通じて、Gemini 2.5 Flash Lite、GPT-4など、さまざまなモデルをサポートしている。ユーザーは設定ファイルでモデルを指定できる。
2. 大きなウェブページを扱うには？
   Spegelは、情報が切り捨てられないように、HTMLコンテンツをチャンク単位で処理します。問題が発生した場合は、インターネット接続を確認するか、最新バージョンに更新してください。
3. Spegelを使うのにプログラミングの経験は必要ですか？
   必須ではありません。インストールと基本的な使い方はコマンドラインによる簡単な操作です。ビューのカスタマイズには設定ファイルの編集が必要ですが、ドキュメントに詳細な例が記載されています。
4. Spegelは動的なウェブページをサポートしていますか？
   現在、静的ページ（GETリクエスト）のみがサポートされています。動的ページのJavaScriptコンテンツは処理できません。