【ITニュース解説】Show HN: Fenestra – double-click a local dist/index.html and it opens over localhost

Fenestra（フェネストラ）は、ウェブサイトやウェブアプリケーションの開発者が、開発中のコンテンツをブラウザで確認する際の手間を大きく削減するために作られたツールだ。現代のウェブ開発では、先進的な「ESモジュール」や「サービスワーカー」といった技術が広く使われているが、これらをローカルのファイル（file://プロトコル）として直接ブラウザで開くと、セキュリティ上の制限やパスの解釈の誤りなどにより、意図通りに動作しないことが多い。例えば、外部ファイルを読み込む際の「CORS（Cross-Origin Resource Sharing）」制限や、「サービスワーカー」の非動作などがその代表例だ。こうした問題を解決し、開発中のコンテンツがウェブサーバー上で動いているかのように確認するには、通常は「ターミナル」（コマンドラインツール）を開き、「静的ファイルサーバー」というプログラムを起動する必要があった。この作業は、開発のたびに発生する小さな、しかし繰り返しの手間となっていた。

Fenestraは、この「ターミナルを開いて静的サーバーを立ち上げる」という一連のステップを劇的に簡素化する。使い方は非常にシンプルで、開発したウェブコンテンツのメインファイルである「index.html」をダブルクリックするだけだ。あるいは、コンテンツが格納されているフォルダをFenestraの実行ファイルにドラッグ＆ドロップしてもよい。これだけで、Fenestraは自動的にそのフォルダを静的ファイルサーバーとして機能させ、あなたのブラウザに新しいタブを開き、まるでインターネット上のウェブサイトにアクセスするかのようにコンテンツを表示してくれる。この時、Fenestraは自分のパソコン自身を指す「ローカルホスト」（127.0.0.1）を使ってファイルを公開するため、前述したfile://プロトコルによる制約が解消され、ESモジュールやサービスワーカー、CORSの問題もなく、ウェブコンテンツが本来あるべき姿で動作する。Fenestraは「Electron」や「Node.js」といった特定の開発環境やブラウザ拡張機能などを必要とせず、純粋にファイル提供機能に特化しているため、非常に軽量でシンプルな動作を実現している。

Fenestraの具体的な特徴は多岐にわたる。Windows版はわずか約120KBの小さな実行ファイルで、特別なインストーラーは不要だ。LinuxやmacOS向けには、Go言語で開発された単一の実行バイナリが提供される。フォルダごとに安定したポート番号を使用するため、localStorage、クッキー、サービスワーカーといった機能がブラウザを閉じても正しく動作し、データが保持される。シングルページアプリケーション（SPA）にも対応しており、拡張子のないURLパスでも正しくファイルを表示する。セキュリティ面では、公開フォルダ外へのアクセスや不審なパスを拒否し、意図しないファイル公開を防ぐ。主要なウェブブラウザに対応し、実行ファイル内には7ヶ国語に対応したオフラインマニュアルが埋め込まれている。プライバシー重視で、クッキーやアナリティクス、利用状況の自動送信は一切行わない。週に一度、更新をチェックし、新しいバージョンがあればブラウザで通知する機能も搭載されている。

Fenestraは現在バージョン1.1.0で、基本的な機能は十分に動作するが、開発者自身はまだ完成形ではないと述べている。いくつかの未完成な部分として、Fenestraの実行ファイルはまだコード署名されていないため、OSのセキュリティ機能が初回起動時に警告を出す可能性がある。macOS版のアプリはまだ公証されていないため、macOSユーザーはビルドキットを使って自分のパソコンでコンパイルする必要がある。提供されるのは静的ファイルのみであり、データベースと連携するバックエンド機能や、外部APIへのプロキシ機能、HTTPS通信を可能にするTLS/SSL、認証機能などは含まれていない。これは、あくまで静的コンテンツのプレビューに特化したツールであるためだ。一部の言語のマニュアル翻訳はコミュニティによるもので、まだネイティブスピーカーによるレビューが完了していない部分や、開発者が修正に取り組んでいるバグも残っている。

開発者は、このツールがたとえ一人にでも役立つのであれば、作った甲斐があると考えている。そして、特にWindowsでの「既定のアプリに設定する」際の手順がわかりやすいか、macOSのビルドキットがうまく機能するか、あるいは初めて使った時の5分間で何か困ったことや混乱したことがなかったかなど、ユーザーからの率直なフィードバックを求めている。Fenestraは、ウェブ開発者が日々の作業で感じる小さな不便を解消し、よりスムーズに開発を進めるためのシンプルでパワフルなツールだ。システムエンジニアを目指す初心者にとっては、現代のウェブ開発で直面する技術的な課題とその解決策、そして開発プロセスを効率化するツールの存在を知る上で、非常に良い事例となるだろう。