【Lunanthus】Vanilla JS と jQuery で動く軽量SPAフレームワークを作った

「Lunanthus」の設計思想と名前の由来

現在、日本国内で個人が Web サイトを作ろうとした場合、多くの選択肢は次のいずれかに収束します。

結果として、特にサーバーサイド JavaScript（Node.js）を個人で運用するのが難しい環境になっています。
その一方で、ユーザー体験を向上させるために SPA や PWA の需要は増え続けています。

しかし、この “PHP または完全静的サイトしか使えない” という環境下で、
簡単に SPA + PWA を構築できる軽量フレームワーク がほとんど存在していませんでした。

そこで生まれたのが Lunanthus(ルナンサス) です。

Lunanthus という名称は、
「ルナリア（Lunaria）」と「金木犀（Osmanthus）」を組み合わせた造語 です。

この名前には以下の意味があります。

ルナリアという言葉を選んだ背景には、
自分のすべての原動力であり始まりとなった、ソーシャルゲーム『オルタナティブガールズ』の主題歌『ルナリア』 があります。

毎日ゲームを起動したときに流れてくるルナリアを聴いたときの胸の高鳴り、ワクワク感。
Lunanthus というフレームワークにも、そのときの気持ちを感じてほしいという意味を込めています。

金木犀は、私が一番好きな花。
甘く優しい香りは、ふと心を穏やかにしてくれます。

Lunanthus に金木犀の要素を重ねた理由は、「そばに置いておきたくなる、安心できる存在」 を表現したかったから。

軽やかで透明感がありながら、どこかほっとできる。
そんな技術になってほしいという願いが、この名前には込められています。

日本の個人開発環境では、
“Node.js が動かない構成でも SPA を作りたい”
というニーズがありながら、対応する選択肢がほぼ存在しませんでした。

Lunanthus は以下の点を重視して設計しています。

「どんな環境でも置くだけで動く」
これが Lunanthus の最大のコンセプトです。

主要フレームワークに比べて Lunanthus は非常にシンプルです。

既存の DOM を壊さず、“静的サイトをそのままSPA 化する” ことができます。

SPA の懸念点である “ページ固有 JS が動かなくなる問題” を解決するため、
data-script 属性を読み取って JS を動的に再ロードする仕組みを実装しました。

軽量フレームワークにちょうど良い柔軟性を持たせています。

Lunanthus には PWA を組み込んでいます。

ただし現時点では、キャッシュ戦略が一部環境で正しく動作しない問題が確認されており、フレームワーク本体のアップデート方式もまだ正式に固められていません。

そのため、PWA 部分やアップデートの仕組み改善のためのコントリビューションを積極的に募集しています。

「モダンな SPA は jQuery を使わない」という風潮はありますが、Lunanthus は敢えて jQuery のメリットを活かしています。

“実用性” を優先したシンプルな選択です。

日本の「個人利用の実情」に合わせた構成になっています。

Lunanthus は、
「個人開発でも無理なく使える SPA / PWA フレームワークを作りたい」
という背景から誕生しました。

興味があれば、気軽にコントリビュートしてください