← 一覧へ戻る

TUIデザインツール「Tooey」の30秒紹介動画

ターミナルで動く画面をデザインするツール「Tooey」の30秒の紹介動画です。罫線を手で書いてずれてしまう困りごとから、実際の編集画面と機能を線でつなぎ、ブラウザで開くだけで使い始めるまでを見せています。

FablessBridgeによる自主制作の紹介動画

公式サイトを見る

概要

ターミナルで動く画面をデザインするツール「Tooey」の30秒の紹介動画です。罫線を手で書いてずれてしまう困りごとから、実際の編集画面と機能を線でつなぎ、ブラウザで開くだけで使い始めるまでを見せています。

動画の要点

  • TUIを手で組むときに升目を数えて角を直す手間を、手書きの罫線がずれて赤いエラーが出る場面で見せました。
  • コマンド1つでTooeyを開いた先に、告知の動画のコマから行を並べ替える実際の編集画面を見せました。
  • サイトの機能カード3枚の実画像を線でつなぎ、升目の上でのデザインの流れを1枚の図にまとめました。

動画の流れ

  1. 00:00公式ロゴと崩れた文字から整う「Tooey」の名前、サイトの一文が出ます。
  2. 00:03エディタで罫線を手書きすると線がずれ、「✗ borders don't line up」と赤く出ます。
  3. 00:07「$ open tooey.design」と打ち、告知の動画のコマで行を並べ替える編集画面を見せます。
  4. 00:14サイトの機能カード01〜03の実画像を線でつなぎます。
  5. 00:20og:imageが印字されるように出て、「Design TUIs together」と添えます。
  6. 00:26tooey.designと1行のコマンドで締めます。

出典

紹介文の更新日: 2026-10-26 · 動画公開日: 2026-10-21T02:02:31+09:00

一覧へ戻る