Gleamとフロントエンド

[Comamoca]

概要

• plinthでDOM操作する原始的なプログラムからLustreを使って状態を管理する方法
• サーバーと協調して動くフロントの実装
• デプロイ方法
• esbuildなど既存のJavaScriptエコシステムを活用する方法

JSを用いたサーバーの構築は扱わない。別記事にする

plinth

plinth/browser/documentでDOM操作
JSで作った同様のものを併記する

Lustre

• Model, Msgでカウンター
• Effectシステム
• サーバーコンポーネント(SSR?)
• SSG

デプロイ方法

• GH Pages
• CF Pages

JavaScriptエコシステム

• esbuild
• tailwind
• vite
• npm

[Comamoca]

actを使った状態管理を記述する

使い方の例を紹介するだけで、詳細は別記事にする

[Comamoca]

Lustreが思っていた以上に奥が深いので、「GleamとLustre」という記事で別途解説する。

Viteに関しては以下に記事を書いている。

https://comamoca.dev/blog/2025-09-18-2025-09-18-gleam-with-vite/