函館のWeb・システム開発

SYSTEM

複数ソースコード一括結合ツール「CodePaste」

複数のファイルやフォルダ内のソースコードを、ブラウザ上ですぐにテキスト化して、一括コピーできる自社開発のツールです。コードレビューでの共有や、生成AIに渡すプロンプトの作成の手間を減らします。

  • サーバーへ送信しない、完全フロントエンド処理(セキュア設計)
  • フォルダ読み込みへの対応
  • AI向けのトークン数表示
複数ソースコード一括結合ツール「CodePaste」の画面(PC・スマホ表示)

Overview事例の概要

お客様
複数ソースコード一括結合ツール「CodePaste」
業種
自社ツール
担当した範囲
サーバーへ送信しない、完全フロントエンド処理(セキュア設計)/フォルダ読み込みへの対応/AI向けのトークン数表示
制作期間
約2週間
公開サイト
https://tools.hakodev.com/codepaste/(外部サイトが開きます)

Story制作の背景

課題から、成果まで。

  • 課題

    ファイルを1つずつコピーする手間

    コードレビューで共有するとき、生成AIに渡すとき、複数のファイルを1つずつコピーして貼り付ける手間がかかっていました。

  • 提案

    サーバーへ送信しない、完全フロントエンド処理

    ファイルやフォルダをドロップするだけで、1つのテキストにまとめます。処理はすべてブラウザの中で行い、コードをサーバーに送りません。AIに渡すときの目安になるよう、トークン数も表示します。

  • 成果

    コピーの手間が、1回で済む

    フォルダごとドロップして、ボタンを押すだけで、まとめたテキストをコピーできます。社内の制作でも、日常的に使っています。

LINE電話メール