Web / Tools

FormatArc

JSON / YAML / CSV / Markdown をブラウザ内だけで整形・相互変換できる、データ変換ツールです。

Next.jsTypeScriptAWS S3CloudFrontChrome Extension

FormatArc

概要

FormatArc は JSON Formatter を中心に JSON / YAML / CSV / Markdown を相互変換できる Web ツールです。バックエンドを持たず、入力データはサーバーに送らずブラウザ内で完結します。Chrome 拡張版もあわせて提供しています。

解決したい課題

JSON 整形やフォーマット変換のためにデータをオンラインツールに貼ると、機密データが外部サーバーに渡るリスクがあります。一方で開発者向けの定番ツールはどれも英語中心で、日本語の構文エラー説明やキーワードでは情報が薄いという不便さもありました。

主な機能

  • JSON / YAML / CSV / Markdown のブラウザ内整形・相互変換
  • サーバーへ送らないため機密データもそのまま扱える
  • 構文エラーを読みやすい形に正規化(日英対応)
  • ja / en の SEO 設計と関連ツール / ブログ記事の循環導線
  • 同等機能を提供する Chrome 拡張版

技術スタック

フロント
Next.js, TypeScript
変換
yaml, papaparse
ホスト
AWS S3, CloudFront, AWS CDK
拡張
Chrome Extension (Manifest v3)

アーキテクチャ

Next.js App Router を `output: "export"` で静的書き出しし、AWS CDK で構築した S3 + CloudFront に配信しています。GitHub Actions が main ブランチを push 起点に lint / build / S3 sync / CloudFront invalidation を OIDC で実行します。

AIの活用

プロダクト内には AI を組み込んでいません。記事のキーワード設計やドラフト生成、エラーメッセージの多言語整備など、制作プロセス側で活用しています。

評価・運用

検索流入の伸びとツール利用の継続率を主要指標にしています。チューニング対象は主に SEO 体力と、関連ツール・関連記事間の回遊率です。