Libx Awesomeリスト

    このページの内容

    Awesome Directus

    Directusを扱う資料や関連プロジェクトをまとめたAwesomeリストです。

    目次

    リソース

    公式

    コミュニティ

    統合

    • Official JS SDK - JS SDKは、JavaScriptで動くプロジェクト（ブラウザーとNode.js）内からDirectus APIの直感的なインターフェースを提供します。
    • Official Gatsby Source Plugin - Directus APIからGatsbyへデータを取り込むソースプラグイン。
    • react-directus - Directus Headless CMS向けReactコンポーネントとユーティリティのセット。
    • Flutter SDK - Directus APIのインターフェースを提供するFlutter SDK。
    • PHP SDK - Directus APIへ容易にアクセスするためのPHP SDK。
    • Lite SDK (TypeScript) - Directus API用クエリビルダー（Browser、Deno、Node.js）。fetchは自分で用意します。
    • Nuxt Directus - Directusインスタンスに接続するための第一級Nuxt 3モジュール。
    • Nuxtus - Directus CollectionsからNuxtページを自動作成するためのNuxtボイラープレートとツールセットを提供します。
    • cool-stack - DirectusとRemixをフルスタックモノレポへ統合するテンプレートリポジトリ。

    拡張機能

    • Image Scout - さまざまなロイヤリティフリー画像サイト（Pexels、Pixabay、Unsplash、Giphy!）で見つかる画像を検索・選択します。
    • Editor.js Interface - Directus 9向けブロックエディター（Editor.js）インターフェース。
    • Draw Interface - Directusアプリ向けフリードローインターフェース。
    • User-friendly file paths - フォルダー・ファイルモジュール構造を使用してアセットを参照します。
    • Date Picker Interface - 元のDirectus DateTimeインターフェースに対する代替Date Picker Interface。
    • Search Sync - データを検索エンジンインデックスへ同期。Algolia、ElasticSearch、MeiliSearchをサポートします。
    • Dictionary - 完全性の進捗インジケーター付きでキー・値ペアをJSON blobとして保存します。
    • WordPress-like Slug - 接頭辞・接尾辞をサポートするSlug／Permalinkインターフェース。
    • Link Meta - ハイパーリンクメタデータをDirectusへ保存します。
    • Group Modal - ボタンで開けるモーダル内にグループインターフェースフィールドを配置します。
    • Display Link - 「新しいタブで開く」ボタン付きでURLを表示します。
    • SQL Panel - 保存されたSQLクエリの結果をテーブルとして表示するパネルコンポーネント。
    • SVG Map Picker Interface - SVG Mapボックスから値を選択します。
    • Directus Mailer - Directus Nodemailerサービスでメールを送信するためのエンドポイント。
    • Data Grid Interface - Directus 9向け@revolist/vue3-datagridを使うデータグリッドインターフェース。
    • SparkLine Display - Directus 9向けapexchartsを使うスパークライン表示。
    • Tags M2M - M2M駆動のタグインターフェース。
    • Sanitize HTML - DirectusへのHTML入力をサニタイズします。
    • Directus LogSnag - LogSnagを使い、Directusからスマートフォンへイベントを直接送信します。
    • Field Actions - フィールドにクリップボードコピーとURLを開くアクションボタンを追加します（interface + display）。
    • Generate Types - そのDirectusデータベースに接続されたDirectus JS-SDK向けtypescript型を生成するモジュールを追加します。PythonまたはOpenAPI型も生成できます。
    • Computed Interface - 他のフィールドに基づく計算値を実行します。
    • Inline Form Interface - 親レコードに含まれるインラインフォームでM2O関係を編集します。
    • Tab Group Interface - グループをタブパネルとして表示し、アコーディオングループの美しく省スペースな代替を提供します。
    • Woodpecker Build Status - Woodpeckerパイプラインのビルド状態のステータスバーをDirectus UIへ追加します。
    • Imagga Hook - Imagga APIで画像を自動タグ付けするファイルアップロード用フック。
    • Tiptap Interface & Display - Tiptapリッチテキストエディターのインターフェースと表示。
    • API Viewer - モジュールからAPIクエリを直接閲覧・実行します。
    • Flexible Editor - JSON出力を持つリッチテキストエディター（WYSIWYG）。M2A関係を統合して極めて柔軟にできます。
    • BlurHash - アップロード画像のblurhashを生成するDirectus拡張機能。
    • Media AI Bundle - 画像説明とOCRを実行する2つの操作。
    • Directus Copilot - チャットインターフェースでデータを認識した質問を行うパネルを含むバンドル。
    • OpenAI Automatic Translation - OpenAI経由で新しい項目を自動翻訳する操作。
    • Machine Learning Operations - 機械学習モデルを訓練、テスト、使用する拡張機能セット。
    • Tab Group - グループ内のフィールドの可視性を切り替えるタブメニューを持つグループインターフェース。
    • Drawer Notice - ドロワー内でのみ表示される通知フィールド。
    • Classified Group - カスタムスタイリングのためにクラスを割り当てられるグループ。
    • Tokenized Preview - 有効な認証トークンをプレビューURLへ追加するエンドポイント。
    • Umami Analytics - Umami分析をDirectusへ追加します。
    • Auto generate file transformations - 選択したファイル変換をアップロード時に自動生成します。

    拡張スクリプト

    ツール

    • Directus Sync - さまざまな環境間でDirectusのスキーマと設定を同期するCLIツール。

    記事

    教育

    個人

    例／ショーケース

    オープンソースプロジェクトでDirectusを使用している場合は、このプロジェクトをここにリンクしてください。

    • Official Examples - Directusとの統合例。
    • Nuxt 3 Demo - Tailwind CSSを備える意見を持ったNuxt 3／Directusスターター。
    • Agency OS - NuxtとDirectusを特徴とする、完成度の高い意見を持ったエージェンシーウェブサイトテンプレート。デモを表示します。
    • Nextus - NextjsとDirectus技術に基づく包括的、多用途でモダンなウェブサイトテンプレート。さまざまな種類のウェブサイトをより迅速に構築できます。デモを表示します。

    貢献

    貢献を歓迎します！最初に貢献ガイドラインをお読みください。