
2026/03/13 19:32
TUI Studio – 視覚的ターミナル UI デザインツール
RSS: https://news.ycombinator.com/rss
要約▶
Japanese Translation:
**TUIStudioのアルファリリース—ターミナルユーザーインターフェイス用のFigmaスタイルのビジュアルエディタ—が、Apple SiliconをサポートするネイティブMacアプリとして利用可能になりました。Windows(SmartScreenが「実行してもよい」と促す)やLinux(
でインストール)でもインストールできます。dpkg -i
エディタはドラッグ&ドロップのキャンバスを備え、リアルタイムでANSIプレビューと可変ズームが可能です。Screen、Box、Button、TextInput、Table、List、Tree、Tabs、Modal、Spinner、ProgressBar など、20以上の組み込みコンポーネントが含まれています。
TUIStudio のレイアウトエンジンは Absolute、Flexbox、Grid モードを提供し、CSS スタイルに似たプロパティ制御が可能です。Dracula、Nord、Solarized、Monokai、Gruvbox、Tokyo Night、Nightfox、Sonokai という 8 つのライブカラー テーマは、キャンバス上で即座に更新されます。
エクスポート機能は現在アルファ段階ですが、将来のリリースでは Ink、BubbleTea、Blessed、Textual、OpenTUI、Tview の 6 フレームワークへのエクスポートが完了します。プロジェクトはポータブルなJSON ファイルとして保存され、Git やチームコラボレーションでアカウントなしに共有できます。コアエディタは無料のままで、今後リリース予定のプロティアではチーム機能、クラウド同期、優先サポートが追加されます。.tui
macOS の Gatekeeper は「Open anyway」を選択するまでアプリをブロックし、Windows SmartScreen は警告しますが回避可能です。Linux にはゲートキーピング制限はありません。
本文
アルファ版
TUI アプリケーション用の Figma ライクなビジュアルエディタ。
ドラッグ&ドロップでコンポーネントを配置し、プロパティはリアルタイムに編集できます。ワンクリックで 6 つのフレームワーク向けコードをエクスポートします。近日公開予定
- Apple Silicon · M1 · M2 · M3 · M4
実行できませんか?安全に開く方法をご確認ください ↓
[GitHub で見る]
主な機能
プロ並みの TUI をデザインするために必要なすべてのツールを、ひとつのビジュアル環境に集約しました。
| 機能 | 説明 |
|---|---|
| ビジュアルキャンバス | コンポーネントをドラッグ&ドロップで配置し、ライブ ANSI プレビューを任意ズームで確認できます。 |
| 20 以上の TUI コンポーネント | Screen, Box, Button, TextInput, Table, List, Tree, Tabs, Modal, Spinner, ProgressBar など。 |
| レイアウトエンジン | Absolute, Flexbox, Grid の3モードを提供し、プロパティは CSS と同様に完全制御可能です。 |
| 8 色テーマ | Dracula, Nord, Solarized, Monokai, Gruvbox, Tokyo Night, Nightfox, Sonokai – 変更はキャンバス上で即時反映。 |
| マルチフレームワークエクスポート | Ink, BubbleTea, Blessed, Textual, OpenTUI, Tview 向けの本番用コードを生成します。 |
| 保存 / 読み込み | プロジェクトはポータブルな JSON ファイルとして保存。どこからでも開き、チームと共有可能です。 |
エクスポート
6 つのフレームワークへエクスポート
- 一度設計すれば、お好きなフレームワーク向けに本番用コードを生成します。
- デザインを触らずにターゲットを切り替え可能です。
⚠️ アルファ版のお知らせ
コードのエクスポート機能はまだ実装されていません。現在開発中ですので、近日ご確認ください。
| フレームワーク | 言語 |
|---|---|
| Ink | TypeScript |
| BubbleTea | Go |
| Blessed | JavaScript |
| Textual | Python |
| OpenTUI | TypeScript |
| Tview | Go |
コンポーネント
21 個の組み込みコンポーネント
- Screen, Box, Button, TextInput, Checkbox, Radio, Select, Toggle, Text, Spinner, ProgressBar, Table, List, Tree, Menu, Tabs, Breadcrumb, Modal, Popover, Tooltip, Spacer など。追加も予定です。
FAQ – よくある質問
TUI(Text User Interface)は、htop, lazygit, k9s のようにターミナル内で完全に動作するインタラクティブなアプリケーションです。Web ブラウザやネイティブウィンドウではなく、文字・色・ANSI エスケープコードから UI を構築します。TUIStudio なら、すべてのレイアウトを手作業でコーディングする代わりにビジュアルで設計できます。
-
コード署名が設定されていない場合は?
- macOS: Gatekeeper がアプリをブロックします。「TUIStudio は未確認開発元からのため開けません」または「TUIStudio は破損しているため開けません」というメッセージが表示されます。回避するには、
を右クリック → Open → Open anyway か システム設定 → プライバシーとセキュリティ → 「Open Anyway」を選択します。.app - Windows: SmartScreen が「Windows は PC を保護しています」と表示し、[More info] → [Run anyway] をクリックします。macOS よりは致命的ではありませんが、非技術者には警告感があります。
- Linux: Gatekeeper は存在しません。
でインストールするか、ファイルマネージャーでダブルクリックすれば動作します。dpkg -i TUIStudio-amd64.deb
- macOS: Gatekeeper がアプリをブロックします。「TUIStudio は未確認開発元からのため開けません」または「TUIStudio は破損しているため開けません」というメッセージが表示されます。回避するには、
-
エクスポートの状況は?
現在 TUIStudio はアルファ段階です。まだコードエクスポート機能は実装されていません。完成次第、Ink (TypeScript/React), BubbleTea (Go), Blessed (JavaScript/Node.js), Textual (Python), OpenTUI (TypeScript), Tview (Go) の 6 フレームワークをサポートします。設計を触ることなくエクスポート先を切り替えられます。 -
プロ版はありますか?
現在はベータアクセス中です。コアエディタは無料でダウンロード・利用できます。チーム機能、クラウド同期、優先サポートなどのプロ版は将来的に予定しています。 -
プロジェクトを共有できますか?
はい。
JSON ファイルとして保存されるため、どこからでも開くことができ、Git にコミットしたりチームと共有したりできます。アカウントやクラウドは不要です。.tui
使い始め
TUI を構築する準備はできましたか?
- Apple Silicon 向けネイティブ Mac アプリ – インストールの手間なしで、すぐにデザインを開始できます。