Kotlin/JSフレームワーク

ウェブ開発を簡素化する利用可能なKotlin/JavaScriptフレームワークを活用しましょう。これらのフレームワークは、すぐに使えるコンポーネント、ルーティング、状態管理、その他のツールを提供し、最新のウェブアプリケーションを構築するのに役立ちます。

コミュニティで提供されているKotlin/JSウェブフレームワークをいくつか紹介します。

Kobweb

Kobwebは、Compose HTMLを使用してウェブサイトやウェブアプリケーションを作成するためのKotlinフレームワークです。高速な開発のためにライブリロードをサポートしています。Next.jsにインスパイアされており、ウィジェット、レイアウト、ページを追加するための標準的な構造を促進します。

Kobwebは、標準でページルーティング、ライト/ダークモード、CSSスタイリング、Markdownサポート、バックエンドAPIなどを提供します。また、最新のUI向けに多機能なウィジェットセットを備えたUIライブラリであるSilkも含まれています。

Kobwebは、SEOと自動検索インデックス作成のためにページスナップショットを生成することで、サイトのエクスポートもサポートしています。さらに、状態の変化に応じて効率的に更新されるDOMベースのUIの作成も可能です。

ドキュメントと例については、Kobweb docsサイトを参照してください。

フレームワークの最新情報や議論については、Kotlin Slackの#kobwebおよび#compose-webチャンネルに参加してください。

Kilua

Kiluaは、Compose Runtime上に構築されたコンポーザブルなウェブフレームワークで、compose-htmlライブラリに似ています。compose-htmlとは異なり、KiluaはKotlin/WasmとKotlin/JSの両方のターゲットをサポートしています。

Kiluaは、宣言型UIコンポーネントを作成し、その状態を管理するためのモジュラーAPIを提供します。また、一般的なウェブアプリケーションのユースケースに対応するすぐに使えるコンポーネントセットも含まれています。

KiluaはKVisionフレームワークの後継となります。Kiluaは、Composeユーザー（@Composable関数、状態管理、コルーチン/フローの統合）とKVisionユーザー（UIコンポーネントとの命令型操作を可能にするコンポーネントベースのAPI）の両方にとって馴染みやすいように設計されています。

ドキュメントと例については、GitHubのKiluaリポジトリを参照してください。

フレームワークの最新情報や議論については、Kotlin Slackの#kiluaチャンネルに参加してください。

Kotlin React

Reactはコンポーネントベースのライブラリで、ウェブおよびネイティブのユーザーインターフェースで広く使用されています。コンポーネント、学習資料、活発なコミュニティからなる大規模なエコシステムを提供します。

Kotlin ReactはReact用のKotlinラッパーであり、ReactのエコシステムとKotlinの型安全性、表現力を組み合わせています。

ライブラリの最新情報や議論については、Kotlin Slackの#reactおよび#javascriptチャンネルに参加してください。

KVision

KVisionは、すぐに使えるUIコンポーネントを使用してKotlin/JSアプリケーションを構築するためのオブジェクト指向ウェブフレームワークです。これらのコンポーネントは、アプリケーションのユーザーインターフェースの構成要素として機能します。

このフレームワークを使用すると、リアクティブなプログラミングモデルと命令型のプログラミングモデルの両方を使用してフロントエンドを構築できます。Ktor、Spring Boot、その他のフレームワーク用のコネクタを使用することで、サーバーサイドアプリケーションと統合することも可能です。さらに、Kotlin Multiplatformを使用してコードを共有できます。

ドキュメント、チュートリアル、例については、KVision docsサイトを参照してください。

フレームワークの最新情報や議論については、Kotlin Slackの#kvisionおよび#javascriptチャンネルに参加してください。

fritz2

fritz2は、リアクティブなウェブユーザーインターフェースを構築するためのスタンドアロンフレームワークです。HTML要素を構築およびレンダリングするための独自の型安全なDSLを提供し、Kotlinのコルーチンとフローを使用してコンポーネントとそのデータバインディングを定義します。

fritz2は、標準で状態管理、バリデーション、ルーティングなどを提供します。また、Kotlin Multiplatformプロジェクトと統合できます。

ドキュメント、チュートリアル、例については、fritz2 docsサイトを参照してください。

フレームワークの最新情報や議論については、Kotlin Slackの#fritz2および#javascriptチャンネルに参加してください。

Doodle

Doodleは、Kotlin/JS用のベクターベースのUIフレームワークです。Doodleアプリケーションは、DOM、CSS、またはJavaScriptに依存するのではなく、ブラウザのグラフィック機能を使用してユーザーインターフェースを描画します。このアプローチにより、任意のUI要素、ベクターシェイプ、グラデーション、カスタムビジュアライゼーションのレンダリングを細かく制御できます。

ドキュメント、チュートリアル、例については、Doodle docsサイトを参照してください。

フレームワークの最新情報や議論については、Kotlin Slackの#doodleおよび#javascriptチャンネルに参加してください。