Kaiju Hub AI

ヘッダーバー

Terminal header bar showing Generated Media icon, Code button, Terminal dropdown, Start button, and settings gear

概要

ターミナルヘッダーバーはワークスペースの下部に位置し、プロジェクトのランタイム管理、ターミナルとエージェンティックエージェント間の切り替え、プロジェクト設定へのアクセスのためのコントロールを提供します。

コントロール

生成されたメディア

すべてのAI生成画像と動画が集められた生成メディアパネルを開きます。

コード

エージェンティックエージェントセクションに切り替え、AIエージェントタブとチャットインターフェースを表示します。

ターミナル

ターミナルコンソールを表示します。ドロップダウン矢印をクリックして複数のターミナルインスタンスを切り替えます。

開始 / 停止

プロジェクト開発サーバーを起動、または実行中のプロセスを停止します。ボタンは現在の実行状態に応じて変わります。

プロジェクト設定

歯車アイコンからプロジェクト設定モーダルを開き、プロジェクトタイプ、開始コマンド、Webアプリポートなどを設定します。

ターミナルコンソール

Terminal console showing npm run tauri dev output with timestamps, Vite dev server ready, and command input at the bottom

概要

ターミナルコンソールは、プロジェクトワークスペースに組み込まれたフルターミナルエミュレーターです。ANSIカラーサポート、スクロール可能な履歴、リアルタイム出力ストリーミングを備えた本物のターミナル体験を提供します — すべてKaiju Hub AIを離れることなく。

機能

リアルタイム出力

コマンド出力がリアルタイムでターミナルにストリーミングされます。ビルドログ、開発サーバー出力、コマンド結果をリアルタイムで監視できます。

ANSIカラーサポート

完全なANSIエスケープコードサポートにより、Jest、ESLint、ビルドシステムなどのツールからのカラー出力が適切なフォーマットで正しく表示されます。

スクロール可能な履歴

ターミナル出力をスクロールバックして、以前のコマンドとその結果を確認します。履歴はセッションの間保持されます。

コマンド入力

ターミナルの下部でコマンドを入力します。上下矢印キーを使用したコマンド履歴ナビゲーションを備えた標準ターミナル入力に対応しています。

自動スクロール

ターミナルは新しい出力が到着すると自動的にスクロールして表示します。手動スクロールは自動スクロールを一時停止し、以前の出力を確認できます。

ターミナルテーマ設定

ターミナルはKaiju Hub AIのテーマ設定を尊重し、背景、テキスト、カーソルに一致するカラーを適用します。

生成されたメディア

Generated Media panel showing empty state with message to ask Claude to generate an image or video to get started

概要

生成メディアパネルは、すべてのAI生成画像と動画が収集される場所です。AIエージェントに画像や動画の生成を依頼すると、出力が自動的にここに表示されます。ターミナルヘッダーバーのメディアアイコンをクリックしてこのパネルを開きます。

機能

自動収集

AIエージェントが生成した画像と動画は、作成されると自動的にここに収集・表示されます。

サムネイルグリッド

生成されたメディアをグリッドレイアウトのサムネイルとして閲覧し、素早くスキャンします。

フルサイズビューアー

任意のサムネイルをクリックして、詳細な検査のためにフルサイズビューアーでメディアを開きます。

メディア数

パネルヘッダーに現在のプロジェクトの生成メディアアイテムの総数が表示されます。

コードボタン

概要

ターミナルヘッダーバーのコードボタンは、ビューをターミナルからエージェンティックエージェントセクションに切り替えます。クリックするとAIエージェントタブとチャットインターフェースが表示され、ターミナルでのコマンド実行とAIエージェントとの作業を素早く切り替えられます。

プロジェクト設定

Project Settings dialog showing Project Type dropdown (Tauri), Start Command (Auto Detect), Web App Port input, Use HTTPS checkbox, and Private Browsing checkbox

概要

プロジェクト設定モーダル(ターミナルヘッダーの歯車アイコン)では、プロジェクトの実行方法を設定できます。プロジェクトタイプ、開始コマンド、Webアプリポート、ブラウジング設定を構成するためにアクセスします。

設定

プロジェクトタイプ

自動検出されたプロジェクトタイプが正しくない場合にオーバーライドします。Tauri、React、Node.js、Pythonなどのオプションから選択します。

開始コマンド

開始ボタンをクリックした際のプロジェクトの起動方法を選択します。自動検出はプロジェクトタイプに基づいて適切なコマンドを選択します。

Webアプリポート

Webアプリケーションがプレビューとデバッグのために実行されるポートを設定します。内蔵ブラウザプレビューを開く際に使用されます。

HTTPSを使用

ローカル開発用のセキュアなHTTPS接続を有効にします。セキュアコンテキストが必要な機能をテストする際に便利です。

プライベートブラウジング

ブラウザボタン使用時にシークレット/プライベートウィンドウで開きます。キャッシュされたデータが開発プレビューに干渉するのを防ぎます。

Kaiju Hub AIに表示されるサードパーティのロゴ、商標、ブランド名はそれぞれの所有者に帰属します。識別目的のみに使用され、推奨、後援、提携を意味するものではありません。