> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# YiDA 開発者マニュアル

> DingTalk YiDA ローコードプラットフォームの開発者センター。カスタムページ、フロントエンド API、コンポーネントライブラリ、コネクタを活用し、より高度な業務システムを構築する方法を解説します。

DingTalk YiDA は、Cloud DingTalk が提供するローコード開発プラットフォームです。フォーム、作業フロー、レポートといった基本機能に加え、YiDA はより柔軟な**カスタムページ**の開発体験を提供します。WYSIWYG のドラッグ＆ドロップ開発、アプリのライフサイクル全体をカバーする豊富なフロントエンド API、DingTalk JS-API への直接アクセス、そしてコネクタによるバックエンドのカスタマイズが可能です。

<Note>
  コードに不慣れで、フォーム・作業フロー・レポートページを素早く構築したい場合は、[YiDA 使い方ガイド](/ja/yida/intro/sbg6g2nsoxacis5y) から製品のコア機能を学習することをおすすめします。
</Note>

## 学習パス

<Steps>
  <Step title="今すぐ使う" icon="landmark">
    <CardGroup cols={2}>
      <Card title="開発者センターについて" icon="circle-info" href="/ja/open/yida/guide/about">
        開発者センターの位置付け、想定ユーザー、ユースケースを紹介します。
      </Card>

      <Card title="クイックスタート" icon="rocket" href="/ja/open/yida/guide/start">
        初めてのカスタムページをゼロから作成します。
      </Card>

      <Card title="用語集" icon="book" href="/ja/open/yida/guide/keywords">
        ローコード開発のコア用語を習得します。
      </Card>

      <Card title="デザイナー概要" icon="palette" href="/ja/open/yida/guide/designer">
        ページデザイナーの画面構成と機能を把握します。
      </Card>
    </CardGroup>
  </Step>

  <Step title="さらに深く学ぶ" icon="crown">
    <CardGroup cols={2}>
      <Card title="コアコンセプト" icon="lightbulb" href="/ja/open/yida/guide/concept/state">
        グローバル変数、リモート API、ライフサイクル、イベント処理、条件レンダリング、ループレンダリング、フォームバリデーションなどを解説します。
      </Card>

      <Card title="API リファレンス" icon="code" href="/ja/open/yida/api/about">
        YiDA JS-API、クロスアプリデータソース、DingTalk JS-API、サーバーサイド Open API を網羅します。
      </Card>

      <Card title="応用チュートリアル: TodoMVC" icon="graduation-cap" href="/ja/open/yida/tutorial/todoMVC">
        実例を通して、カスタムページ開発のエンドツーエンドの流れを習得します。
      </Card>

      <Card title="サンプルセンター" icon="flask" href="https://www.aliwork.com/o/coc?from=developers_index_more">
        カスタムデータ管理ページや DingTalk 予定アプリなど、実際に動作するデモを体験できます。
      </Card>
    </CardGroup>
  </Step>

  <Step title="コンポーネント" icon="cubes">
    <CardGroup cols={2}>
      <Card title="レイアウトコンポーネント" icon="table-columns" href="/ja/open/yida/components/layout/container">
        コンテナ、セクションコンテナ、タブ。
      </Card>

      <Card title="基本コンポーネント" icon="shapes" href="/ja/open/yida/components/basic/button">
        ボタン、アイコン、テキスト、画像、リンク、ダイアログ、ドロワー、動画プレーヤーなど。
      </Card>

      <Card title="フォームコンポーネント" icon="pen-field" href="/ja/open/yida/components/form/numberField">
        数値入力、選択、複数選択、ドロップダウンなどのデータ入力コンポーネント。
      </Card>

      <Card title="プレミアムコンポーネント" icon="wand-magic-sparkles" href="/ja/open/yida/components/advanced/table">
        スプレッドシート、検索、ページネーション、フローノードバー、プログレスバー、ツリーコントロールなど。
      </Card>
    </CardGroup>
  </Step>
</Steps>

## コミュニティとサポート

<CardGroup cols={2}>
  <Card title="YiDA 使い方ガイド" icon="book-open" href="/ja/yida/intro/sbg6g2nsoxacis5y">
    製品のコア機能と使用ガイドを紹介します。
  </Card>

  <Card title="ドキュメント貢献ガイド" icon="code-pull-request" href="/ja/open/yida/guide/contributing">
    開発者センターのドキュメントに貢献します。
  </Card>
</CardGroup>