Handy Dev Tools
日常的な作業のためのシンプルなオンラインツール

お気に入りがありません

    Base64エンコード/デコードツール
    Markdown to HTML変換
    HTML to Markdown変換
    URL エンコード・デコード
    Unicodeエスケープ変換
    Unicodeエンコード/デコード
    SQLフォーマッタ
    SQLスプリッタ
    SQLパラメータバインド
    JSONフォーマッタ
    XMLフォーマッタ
    YAMLフォーマッタ
    GraphQLフォーマッタ
    JSON to YAML変換
    YAML to JSON変換
    JSON to TOML変換
    TOML to JSON変換
    HTMLエンティティ エンコード/デコード
    TOML to YAML変換
    YAML to TOML変換
    CSV to SQL INSERT変換
    Markdownテーブル生成
    JSON to XML変換
    XML to JSON変換
    UUID生成
    ULID生成
    パスワード生成
    ハッシュ生成
    Lorem Ipsum ジェネレーター
    Lorem Picsum画像URL生成ツール
    テストデータ生成
    QRコード生成
    S3パス解析・変換
    IPアドレス計算
    サブネット分割
    サブネット統合
    CloudFront署名URL生成
    RDS接続文字列ジェネレーター
    座標変換ツール
    位置情報フォーマット一括変換
    JWTデコード・解析
    Basic認証
    パスワード強度分析
    クレジットカードバリデーター
    PIIマスク(個人情報難読化)
    RSA鍵ペア生成ツール
    文字ケース変換
    ローマ字変換
    ローマ数字変換ツール
    フォネティックコード変換ツール
    文字数カウンター
    テキストDiff
    HTMLタグ除去
    正規表現テスター
    色情報変換
    ダイスロール
    Crontab ジェネレーター
    Crontab パーサー
    絵文字ピッカー
    Unixタイムスタンプ変換ツール
    HTTP ステータスコード検索
    ポート番号検索
    MIMEタイプ検索
    Base64ファイル変換
    画像Base64エンコード/デコード
    User-Agent パーサー
    URLパーサー
    OGPチェッカー
    コミットメッセージジェネレーター
    Chmod Calculator
    ターミナルGIFメーカー
    .envパーサー・バリデータツール
Ctrl+K

ターミナル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: はい。登録は不要です。