【開発ログ#1】よく使う正規表現、どうしてる？「探す時間」をゼロにする新ツール開発、始動します。
こんばんは！IT業界で働くアライグマです！
先日リリースした、瞬間記憶力ゲーム「Pocket Neuron」ですが、ひとまず機能修正や改善が一段落しました。遊んでいただいた方、フィードバックをくださった方、本当にありがとうございます。
https://pocket-neuron.it-araiguma.com/そして、休む間もなく、私は次の個人開発プロジェクトを始動させることにしました！
なぜなら、私自身が、まさに今このブログを書いている最中にも、ずっと「こんなツールがあったらいいのに」と、心の底から感じ続けている、根深い課題があるからです。
あなたは「あの正規表現」を、どうやって管理していますか？
エンジニアやブロガーの皆さんなら、一度は経験があるのではないでしょうか。
「あれ、WordPressの投稿から、余計な空のpタグを消す正規表現、どこにメモしたっけな…」 「たしか、メールアドレスをチェックする複雑な正規表現、前のプロジェクトのソースコードにあったはず…」 「全角英数を半角に変換するパターン、毎回ググってるな…」 「ログファイルから特定のエラーコードを持つ行だけ抽出したいんだけど、あの書き方で合ってたっけ？」
テキストの整形、フォームのバリデーション、ログの解析、コードのリファクタリングなど、私たちの仕事に正規表現は欠かせません。しかし、その強力さとは裏腹に、構文は複雑で、一度書いたきりのパターンを記憶しておくのは至難の業です。
その結果、私たちの貴重な「お決まりのパターン」は、様々な場所に散逸してしまっています。
- PCのメモ帳やテキストファイルに、雑多に書き溜めている。
- 過去の自分のソースコードやブログ記事から、その都度
grepして探している。 - 会社のWikiや、個人のScrapboxに断片的に保存している。
- 結局、毎回Googleで同じような正規表現を検索し、Stack Overflowの回答をコピペしている。
この「探す時間」と「思い出す時間」。一つ一つは些細な「数秒」や「数分」かもしれません。しかし、PjMの視点から見れば、この小さなロスタイムの積み重ねは、無視できないほどの大きな生産性の損失であり、何より、私たちの創造的な思考の流れを断ち切る、大きなストレスの原因になっているのです。
新サービス『正規表現ストッカー(仮)』の構想
この、私自身が長年抱えていた、地味で、しかし根深い課題を解決するために、新しいWebサービスの開発を始めることにしました。その名も、『正規表現ストッカー(仮)』です。
そのコンセプトは、極めてシンプルです。
- コア機能: よく使う正規表現の「検索パターン」と「置換パターン」をセットで保存できる。
- 保存したパターンに、「WordPressのpタグ整形」のような、自分が分かりやすい名前を付けられる。
- 必要な時に、いつでもそのパターンを呼び出して、テキストに一括適用できる。
まずは、このコアな価値を最速で提供するため、「登録不要で、ブラウザのLocalStorageに保存するだけの、超シンプルなWebツール」として開発を進める予定です。これにより、ユーザーはサイトにアクセスした瞬間から、一切のストレスなく、その価値を体験できます。
MVPの技術スタックと、その選定理由
この「登録不要・超シンプル」という思想を実現するために、v0.1（MVP版）では、以下の技術スタックを想定しています。ここでは、なぜその技術を選んだのか、その背景にある私の考え方も共有します。
- フロントエンドフレームワーク：Vue.js リアルタイムで入力に反応する、リアクティブなUIを構築する上で、Vue.jsのシンプルさと学習コストの低さは、個人開発のスピード感を何よりも重視する今回のプロジェクトに最適だと判断しました。もちろんReactも素晴らしい選択肢ですが、Vueの単一ファイルコンポーネント（SFC）の分かりやすさが、私の思考にフィットしています。
- UIライブラリ：PrimeVue デザインに凝り始めると、個人開発はすぐに頓挫します。そこで、今回はTailwind CSSのようなユーティリティファーストのフレームワークは使わず、PrimeVueのような、美しく、かつ機能的に完成されたコンポーネント群を積極的に活用します。これにより、私は面倒なCSSの調整から解放され、ツールの「機能」そのものの実装に集中することができます。
- ビルドツール：Vite もはや説明不要かもしれませんが、その圧倒的な速さで、開発中のホットリロード（コード変更の即時反映）の待ち時間をゼロに近づけてくれます。この「待たない」という体験は、開発者の集中力を維持し、創造性を高める上で、計り知れない価値があります。
なぜ、今このツールを作るのか（開発思想）
このツールのアイデアは、他でもない、このブログの執筆活動から生まれました。 私がAIアシスタント（Gemini）と記事を作成する中で、AIが生成したHTMLには、時々、私の意図しない不要なタグが含まれていることがあります。それを公開前にクリーンナップする作業を、私は毎回、同じような正規表現を使って手作業で行っていました。
「この作業、あまりにも無駄じゃないか？」
そう感じた時、思いました。この課題は、きっと私だけのものではないはずだ、と。 ソフトウェア開発の世界には、「ドッグフーディング（Dogfooding）」という言葉があります。これは、「自社の製品を、自分たち自身が日常的に使う」という意味です。自分自身が、そのプロダクトの「最初のユーザー」であり、そして「最高のユーザー」であること。
これこそが、開発の方向性を見失わず、本当にユーザーのためになる機能を実装し、そして何より、困難な開発をやり遂げるための、最も強力なモチベーションになると私は信じています。
まとめ：開発ジャーニー、始まります
ということで、本日から、私の新しい挑戦が始まります。
このブログが、単なる技術情報の発信の場であるだけでなく、一個のWebサービスが、アイデアの種から生まれ、設計され、実装され、そして世に放たれるまでの全過程を記録する「ドキュメンタリー」の場にもなれば、と考えています。
これから、このブログを通じて「正規表現ストッカー(仮)」の開発過程――どんな技術で悩み、どんな壁にぶつかり、どうやってそれを乗り越えていくのか――を、リアルタイムで発信していきます。
もし、このツールに「ちょっといいかも」と興味を持ってくれたなら、ぜひ、この開発ジャーニーを一緒に見守っていただけると嬉しいです。あなたの応援が、私の開発の大きな力になります。