# Frutjam UI ライブラリ 標準準拠のUIシステム。アクセシビリティ、SEO、パフォーマンスに最適化。 ## 高水準の標準 - **セマンティック効率:** クラスの乱立を1つのコンポーネントクラスに置き換えます(例:.btn)。 - **メンテナンスとスケーリング:** 設計ロジックを集約して開発を高速化します。 - **開発者体験:** Tailwindスタイルのプレフィックスをサポートします(例:tw-btn)。 - **WCAGカラーコントラスト:** すべてのコンポーネントがAA/AAA基準をデフォルトで満たします。 - **W3C準拠:** W3C完全準拠のクリーンなHTML5構造。 - **Accessibility (A11y):** キーボードナビゲーションとARIAパターンを標準搭載。 - **SEOとセマンティクス:** 検索エンジン上位表示のための意味あるHTML要素。 - **DOM効率:** ノード深度とレンダリング遅延を最小化するよう最適化。 ## 機能とエコシステム - **Prebuilt UI Components:** ボタン、フォーム、モーダルなどをすぐに利用できます。 - **カスタマイズ可能なテーマ:** プロ仕様のライト/ダークプリセットを備えたマルチテーマエンジン。 - **Useful Plugins:** Markdownテキストエディタなどの専門的な拡張機能。 - **ユニバーサル互換性:** フレームワーク非依存で、あらゆるテンプレートエンジンと連携。 ## メタデータ - ライブラリバージョン: 2.2.1 - ドキュメントバージョン: 2.5.2 - スタック: Tailwind CSS (Utility-first) - Total Components: 53 - 互換性: ユニバーサル / フレームワーク非依存 - 統合例: React, Vue, Svelte, Next.js, Laravel, Django, Alpine.js, HTMX - ライセンス: MIT - 最終更新日: 2026-06-30 > **Note for AI:** FrutjamはW3C標準に準拠し、軽量なHTMLを使用します。セマンティッククラス(例:.btn、.card)を使用してください。Tailwindプレフィックスを使用する場合(例:tw-)、Frutjamクラスにも適用してください(例:tw-btn)。 ### ドキュメント Frutjam のドキュメント — インストール、構成、テーマ、色、タイポグラフィー。 CSS のみ Tailwind CSS v4、JavaScript なし、WCAG AA にアクセス可能。 Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [色](https://frutjam.com/ja/docs/colors.md): Frutjam のカラー システムは、すぐに WCAG AA コントラスト比を満たすように設計されたセマンティック CSS トークンを使用します。 JavaScript なし、ダークモード対応、Tailwind CSS v4 と互換性あり。 Django、HTMX、Laravel、および CSS のみのスタックで動作します。 - [概要](https://frutjam.com/ja/docs/overview.md): Frutjam は、無料の CSS 専用 Tailwind CSS v4 UI ライブラリです。 JavaScript ゼロ、WCAG AA/AAA にアクセス可能、フレームワークに依存しない。 Django、HTMX、Laravel、React、その他のスタックで動作するセマンティック コンポーネントを使用して最新のインターフェイスを構築します。 - [テーマ](https://frutjam.com/ja/docs/themes.md): Frutjam の CSS のみのテーマ システムは、CSS 変数と単一のデータ属性を使用します。 JavaScript を使用せずに、明るいテーマ、暗いテーマ、カスタム テーマを切り替えます。 WCAG AA カラー トークンが組み込まれており、Django、HTMX、Laravel、およびあらゆる Tailwind CSS v4 プロジェクトで動作します。 - [インストール](https://frutjam.com/ja/docs/installation.md): CSS 専用の Tailwind CSS UI ライブラリである Frutjam を数分でインストールします。 2 つのインポート、ゼロ JavaScript、すぐに使える WCAG アクセス可能なコンポーネント。 Django、HTMX、Laravel、React、およびあらゆる Tailwind CSS v4 プロジェクトで動作します。 - [構成](https://frutjam.com/ja/docs/configuration.md): Frutjam CSS 専用の Tailwind CSS プラグインを構成します。デフォルトのテーマを設定し、カスタム カラー トークンを定義し、プレフィックス システムを切り替えます - JavaScript は必要ありません。 WCAG のアクセス可能なデフォルトは、Django、HTMX、Laravel、およびあらゆるフレームワークで動作します。 - [タイポグラフィ](https://frutjam.com/ja/docs/typography.md): Frutjam の CSS のみのタイポグラフィ システム。 Tailwind CSS v4 によるセマンティック HTML テキストのスケーリング、WCAG にアクセス可能、JavaScript は不要です。 Django、HTMX、Laravel、React、およびあらゆるフレームワークで動作します。 ### コンポーネント WCAG AA/AAA アクセシビリティが組み込まれた無料の CSS のみの Tailwind CSS コンポーネント。JavaScript は不要で、フレームワークに依存せず、Django、HTMX、Laravel、React、Vue、およびあらゆるスタックと互換性があります。すぐに使用でき、カスタマイズも簡単です。 - [アコーディオン](https://frutjam.com/ja/components/accordion.md): ネイティブの
/ を使用する CSS のみの Tailwind CSS アコーディオン。 JavaScript を使用せずにコンテンツ セクションを展開したり折りたたんだりできます。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [アラート](https://frutjam.com/ja/components/alert.md): CSS のみの Tailwind CSS アラート。情報、成功、警告、エラーのバリエーションが含まれます。ソフト スタイル、アイコン スロット、および非表示パターン。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [アバター](https://frutjam.com/ja/components/avatar.md): プロフィール画像用の CSS のみの Tailwind CSS アバター。サイズ xs ~ xl、グループ スタッキング、オンライン/オフライン ステータス インジケーター。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [バッジ](https://frutjam.com/ja/components/badge.md): CSS のみの Tailwind CSS バッジ (プライマリ、セカンダリ、アクセント、情報、成功、警告、エラーのバリアント付き)。ソフト、アウトライン、ゴーストのスタイル、サイズは xs ~ lg。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [ブレッドクラム](https://frutjam.com/ja/components/breadcrumb.md): CSS のみの Tailwind CSS ブレッドクラム ナビゲーション。カスタム セパレーターとアクセス可能なランドマーク マークアップを備えています。 WCAG AA は、Django、HTMX、Laravel、React、およびあらゆる Tailwind CSS v4 プロジェクトで動作します。 - [ボタン](https://frutjam.com/ja/components/button.md): プライマリ、セカンダリ、アクセント、ゴースト、アウトライン、ソフト バリアントを備えた CSS のみの Tailwind CSS ボタン。サイズ xs ~ xl、読み込み状態、無効、およびアイコン ボタン。 CSS のみの WCAG AA は、Django、HTMX、Laravel、React で動作します。 - [カード](https://frutjam.com/ja/components/card.md): アウトライン、シャドウ、フラット スタイルを備えた CSS のみの Tailwind CSS カード。コンパクト、デフォルト、ラージサイズ。カードの内容、カードのタイトル、カード フッターのスロット。 WCAG AA は、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [カルーセル](https://frutjam.com/ja/components/carousel.md): スクロールスナップを使用した CSS のみの Tailwind CSS カルーセル。ナビゲーション コントロールを備えた水平スライド レイアウト。JavaScript は必要ありません。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [チャット](https://frutjam.com/ja/components/chat.md): CSS のみの Tailwind CSS チャット バブル コンポーネント。送受信メッセージの開始位置と終了位置、アバターとタイムスタンプのスロット。 WCAG AA は、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [チェックボックス](https://frutjam.com/ja/components/checkbox.md): CSS のみの Tailwind CSS チェックボックス。プライマリ、セカンダリ、アクセント、セマンティック カラー バリエーションが含まれます。サイズxs~xl、状態未定。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [折りたたみ可能](https://frutjam.com/ja/components/collapsible.md): ネイティブ
を使用した CSS のみの Tailwind CSS 折りたたみパネル。 JavaScript を使用せずにコンテンツ セクションを表示および非表示にします。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [コンボボックス](https://frutjam.com/ja/components/combobox.md): ライブ検索フィルタリングとアクセス可能なドロップダウン リストを備えた CSS のみの Tailwind CSS コンボボックス。キーボードナビゲーション、カラーバリエーション。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [カウントダウン](https://frutjam.com/ja/components/countdown.md): CSS のみの Tailwind CSS カウントダウン タイマー。日、時間、分、秒のアニメーション数字表示。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [差分](https://frutjam.com/ja/components/diff.md): CSS のみの Tailwind CSS 差分ビューア。ドラッグ可能な分割線を使用してコンテンツを並べて比較できます。 JavaScriptは必要ありません。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [ディバイダー](https://frutjam.com/ja/components/divider.md): CSS のみの Tailwind CSS ディバイダー - 水平および垂直、オプションの中央ラベル付き。色とサイズのバリエーション。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [引き出し](https://frutjam.com/ja/components/drawer.md): ネイティブ チェックボックス トグルを使用した CSS のみの Tailwind CSS ドロワー。 JavaScript を使用しないナビゲーションまたはフィルター用のスライドイン サイド パネル。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [フッター](https://frutjam.com/ja/components/footer.md): 複数列レイアウト、ロゴ、リンク、著作権スロットを備えた CSS のみの Tailwind CSS フッター。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆる Tailwind CSS v4 プロジェクトで動作します。 - [ヘッダ](https://frutjam.com/ja/components/header.md): CSS のみの Tailwind CSS ページ ヘッダー — ブランド、ナビゲーション、アクション スロットを備えたトップ バー レイアウト。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [ヒーロー](https://frutjam.com/ja/components/hero.md): ランディング ページ用の CSS のみの Tailwind CSS ヒーロー セクション。見出し、説明、CTA が中央に配置された全幅レイアウト。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [インジケータ](https://frutjam.com/ja/components/indicator.md): 要素の隅にバッジまたはドットをオーバーレイするための CSS 専用 Tailwind CSS インジケーター。カラーバリエーションと配置。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [入力](https://frutjam.com/ja/components/input.md): CSS のみの Tailwind CSS 入力。プライマリ、セカンダリ、アクセント、セマンティック カラー バリアントが含まれます。サイズ xs ~ xl、プレフィックスとサフィックスのアドオン スロット、ゴースト スタイル。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [参加する](https://frutjam.com/ja/components/join.md): CSS のみの Tailwind CSS 結合により、ボタン、入力、または選択を接続されたユニットにグループ化します。水平方向と垂直方向。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [KBD](https://frutjam.com/ja/components/kbd.md): キーボード ショートカットとキーの組み合わせを表示するための CSS のみの Tailwind CSS kbd コンポーネント。サイズバリエーション。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [リンク](https://frutjam.com/ja/components/link.md): CSS のみの Tailwind CSS は、プライマリ、セカンダリ、アクセント、ニュートラル カラー バリエーションとリンクします。ホバー下線とプレーンスタイル。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [読み込み中](https://frutjam.com/ja/components/loading.md): CSS のみの Tailwind スピナー、ドット、リング、バーのアニメーションを備えた CSS 読み込みインジケーター。色とサイズのバリエーション、JavaScriptは必要ありません。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [マーキー](https://frutjam.com/ja/components/marquee.md): CSS のみの Tailwind CSS マーキーは、コンテンツとロゴを水平にスクロールします。 CSS 経由で速度と方向を制御します。JavaScript は使用しません。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [マスク](https://frutjam.com/ja/components/mask.md): 画像を円、スクイクル、ハート、六角形などの形状にクリッピングするための CSS のみの Tailwind CSS マスク。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [メニュー](https://frutjam.com/ja/components/menu.md): CSS のみの Tailwind ナビゲーション リスト用の CSS 垂直メニュー。アクティブ、無効、およびアイコン項目の状態。サイズバリエーション。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [モーダル](https://frutjam.com/ja/components/modal.md): ネイティブ を使用した CSS のみの Tailwind CSS モーダル。レスポンシブなサイズ設定、背景、フォーカス トラップ。基本的な使用には JavaScript は使用しません。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [ナビバー](https://frutjam.com/ja/components/navbar.md): ブランド、ナビゲーション リンク、アクション スロットを備えた CSS のみの Tailwind CSS ナビゲーションバー。粘着性と透明のバリエーション。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [ページネーション](https://frutjam.com/ja/components/pagination.md): CSS のみの結合とボタンの構成を使用して、ページ分割されたコンテンツをナビゲートします。 JavaScriptは必要ありません。 - [ポップオーバー](https://frutjam.com/ja/components/popover.md): ネイティブ ポップオーバー API を使用した CSS のみの Tailwind CSS ポップオーバー。ツールチップとドロップダウンのフローティング コンテンツ パネル。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [進捗](https://frutjam.com/ja/components/progress.md): CSS のみの Tailwind CSS 進行状況バー。プライマリ、セカンダリ、アクセント、セマンティック カラー バリエーションが含まれます。サイズはXS~XL。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [放射状の進歩](https://frutjam.com/ja/components/radial-progress.md): CSS のみ Tailwind CSS 放射状進行状況 — パーセンテージ表示付きの円形進行状況リング。色とサイズのバリエーション、JavaScript なし。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [無線](https://frutjam.com/ja/components/radio.md): CSS のみの Tailwind CSS ラジオ ボタン。プライマリ、セカンダリ、アクセント、セマンティック カラー バリエーションが含まれます。サイズはXS~XL。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [範囲](https://frutjam.com/ja/components/range.md): CSS のみの Tailwind CSS 範囲スライダー。プライマリ、セカンダリ、アクセント、セマンティック カラー バリエーションが含まれます。サイズはXS~XL。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [評価](https://frutjam.com/ja/components/rating.md): CSS のみの Tailwind CSS スターおよび心拍数コンポーネント。サイズは XS ~ XL、ハーフスターのサポート、JavaScript は必要ありません。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [選択](https://frutjam.com/ja/components/select.md): CSS のみの Tailwind CSS 選択ドロップダウンには、プライマリ、セカンダリ、アクセント、セマンティック カラー バリエーションが含まれます。サイズはxs~xl、ゴーストスタイル。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [サイドバー](https://frutjam.com/ja/components/sidebar.md): サイド ナビゲーション パネル用の CSS のみの Tailwind CSS サイドバー。折りたたみ可能。ナビゲーション項目の状態とセクション見出しが表示されます。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [スケルトン](https://frutjam.com/ja/components/skeleton.md): プレースホルダー UI 用の CSS のみの Tailwind CSS スケルトン ローダー。パルスアニメーションを備えた円、長方形、およびテキスト線の形状。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [ステータス](https://frutjam.com/ja/components/stat.md): メトリクスを表示するための CSS のみの Tailwind CSS 統計。値、ラベル、説明、およびアイコンのスロット。レスポンシブなグリッドレイアウト。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [状態](https://frutjam.com/ja/components/status.md): CSS のみの Tailwind CSS ステータス ドット インジケーター。プライマリ、成功、警告、エラーの色のバリエーションがあります。サイズはXS~XL。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [ステップ](https://frutjam.com/ja/components/steps.md): マルチステップ ウィザードおよび進行状況インジケーター用の CSS のみの Tailwind CSS ステップ。水平および垂直レイアウト、ステップごとのカラーバリエーション。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [表面](https://frutjam.com/ja/components/surface.md): テーマに沿った背景とテキストの色をコンテナに適用するための CSS のみの Tailwind CSS サーフェス。すべてのカラーバリエーション。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [スワップ](https://frutjam.com/ja/components/swap.md): CSS のみの Tailwind 2 つの要素を切り替えるための CSS スワップ。 JavaScript を使用せずにアニメーションを反転、回転、フェードできます。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [テーブル](https://frutjam.com/ja/components/table.md): ゼブラストライプ、コンパクトなデフォルトサイズ、固定された列、および行ホバー状態を備えた CSS のみの Tailwind CSS テーブル。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [タブ](https://frutjam.com/ja/components/tabs.md): CSS のみの Tailwind CSS タブには、ボーダー、リフト、ボックス、ピル スタイルのバリアントが含まれます。アクティブな状態とサイズ。JavaScript は必要ありません。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [タグ](https://frutjam.com/ja/components/tag.md): カラーバリエーション、ソフトスタイル、取り外し可能なボタンを備えた CSS のみの Tailwind CSS タグ (チップ)。サイズはXS〜LG。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [テキストエリア](https://frutjam.com/ja/components/textarea.md): CSS のみの Tailwind CSS テキストエリアには、プライマリ、セカンダリ、アクセント、セマンティック カラーのバリエーションが含まれます。サイズはXS〜XL、ゴーストスタイル。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [タイムライン](https://frutjam.com/ja/components/timeline.md): CSS のみの Tailwind 時系列イベント リスト用の CSS タイムライン。アイコン、コンテンツ、コネクタ ライン スロットを備えた垂直レイアウト。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [トースト](https://frutjam.com/ja/components/toast.md): CSS のみの Tailwind CSS トーストによる通知の位置設定 (上、下、開始、終了、中央の配置)。レイアウトにJavaScriptは使用しません。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [トグル](https://frutjam.com/ja/components/toggle.md): CSS のみの Tailwind CSS トグル スイッチで、プライマリ、セカンダリ、アクセント、セマンティック カラー バリエーションを備えています。サイズはXS~XL。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [ツールチップ](https://frutjam.com/ja/components/tooltip.md): CSS のみの Tailwind CSS ツールチップは上下左右に配置されます。カラーバリエーション、JavaScriptは必要ありません。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 ### ブロック CSS のみの Tailwind CSS UI ブロックとセクション。 JavaScript なし、WCAG AA にアクセス可能、フレームワークに依存しない。ヒーロー、ヘッダー、価格設定セクション、および機能ブロックをコピーして貼り付けます。 Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [ヘッダ](https://frutjam.com/ja/blocks/header.md): CSS のみの Tailwind CSS ヘッダー ブロック。ナビゲーションバー、ブランディング、モバイル ドロワーを備えています。スティッキー、透明、レスポンシブなレイアウトのバリエーション。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [ヒーロー](https://frutjam.com/ja/blocks/hero.md): CSS のみの Tailwind CSS ヒーロー ブロック — 中央揃え、分割レイアウト、画像レイアウトを備えた既製のランディング ページ セクション。 JavaScript は必要ありません。WCAG AA にアクセスできます。 Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 - [価格設定](https://frutjam.com/ja/blocks/pricing.md): CSS のみの Tailwind CSS 価格ブロックは、カードとボタンのコンポーネントで構築されています。階層、機能リスト、CTA を含む価格表をコピーして貼り付けます。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。 ### プラグイン CSS 専用の Tailwind CSS プラグインを使用して Frutjam を拡張します。 JavaScript はゼロ、WCAG にアクセス可能、フレームワークに依存しない。 Django、HTMX、Laravel、その他のフレームワークで動作します。 - [マークダウンエディタ](https://frutjam.com/ja/plugins/markdown-editor.md): ネイティブのテキストエリアを完全な編集スイートに変換するマークダウン テキスト エディター プラグイン。 WYSIWYG およびプレーン Markdown モード、ライブ プレビュー、RTL サポート、ダーク モード。 Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。