ターミナルGIFメーカー
ターミナル出力を擬似的に再現し、GIFアニメーションとして記録・ダウンロードします
スクリプト
プレビュー
使い方
このツールについて
このターミナルGIFメーカーは、擬似ターミナルの出力を、画面録画をせずにダウンロード可能なアニメーションGIFに変換します。表示したいコマンドと出力を貼り付けまたは入力してセッションをプレビューし、README、変更履歴、ブログ記事、製品デモに使えるGIFをエクスポートできます。 CLIのワークフローを軽量に説明する手段を必要とする開発者やテクニカルライターのために作られています。アニメーションは入力したテキストからブラウザ内で生成されるため、ノイズの多い画面キャプチャや不要なUIの要素、大きな動画ファイルを避けられます。 ツールは無料で、登録も不要です。短くループするターミナルデモが静的なコードブロックより素早く伝わる場面で活用してください。
使い方
1. スクリプト欄にタグ付きスクリプトを入力する(下記タグ一覧を参照) 2. 「再生」でプレビュー。「一時停止」「最初から」で制御 3. 「記録」で再生と同時にGIFを記録し、完了後にダウンロード 行頭 ; はコメント。空行は空の1行として反映されます。
オプション
タグ一覧(行頭のみ有効、省略時はコロン不要)
| タグ | 説明 | 例 |
|---|---|---|
[prompt] / [prompt:値] 文字列 | プロンプト。直後に文字列があればcmd同様にタイプ。値はプロンプト。省略時は "~ $ " または前回のプロンプト | [prompt:/ $] npm run |
[cmd] / [cmd:数値] 値 | コマンド入力。省略時は60ms/文字 | [cmd] echo hello [cmd:100] slow |
| タグなし行 | 出力(output) | Hello World |
[wait] / [wait:数値] | 待機(数値=ms) | [wait:500] |
[progress] / [progress:数値] ラベル | プログレスバー。数値は100%までの時間(ms)。省略時は2000ms | [progress:3000] Installing... |
[spinner] / [spinner:数値] ラベル | スピナー。数値は表示時間(ms)。省略時は1500ms。完了時に消えます | [spinner] Loading |
[clear] | 画面クリア | [clear] |
[question] / [question:ms]設問[answer] / [answer:ms]回答 | 設問+回答 | [question]Name?[answer]Bob |
[color:色]...[/color] | 文字色(black,red,green,yellow,blue,purple,cyan,gray のみ) | [color:red]error[/color] |
[color:色:r]...[/color] | 背景色(colorと同じ)+白い文字 | [color:green:r] OK [/color] |
[bold]...[/bold] | インライン太字 | [bold]bold[/bold] |
; 行頭 | コメント(無視) | ; comment |
ユースケース
• README・ドキュメント用のCLIデモGIF • チュートリアルやハウツーの説明図 • ツール・ライブラリの実行例紹介 • ブログ記事・プレゼン資料の挿入画像
コード例
基本的なスクリプト例
Read Only
1[prompt]
2[cmd] echo hello
3Hello World
4[wait:500]色・太字・プログレスバー付き
Read Only
1[prompt]
2[cmd] npm install
3[color:green]✓[/color] installed [bold]successfully[/bold]
4[progress:2000]
5Done.プライバシーとデータの扱い
再生・GIF生成はすべてブラウザ内で完結し、スクリプトやGIFをサーバーへ送信しません。
よくある質問
- Q: ターミナルGIFとは?
- A: ターミナルセッションのように見えるアニメーションGIFで、動画プレーヤーなしでドキュメントにCLIコマンドを表示するのに便利です。
- Q: 画面を録画する必要がありますか?
- A: いいえ。擬似ターミナルの出力を貼り付けまたは入力し、ブラウザ内で直接GIFをエクスポートできます。
- Q: このGIFは何に使えますか?
- A: READMEのデモ、ブログ記事、変更履歴、オンボーディング資料、SNS投稿などに使えます。
- Q: 無料ですか?
- A: はい。登録は不要です。
