> ## 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 は、Cloud DingTalk スタック上に構築されたローコード開発プラットフォームです。ビジネスニーズに応えるフォーム、作業フロー、レポートを構築する基本機能に加え、複雑な業務要件を実現する柔軟なカスタムページ機能を提供します。

開発者センターは、一定の開発経験を持つユーザーを対象としており、YiDA の応用スキルを習得してより高度な業務システムを構築できるよう支援します。

本ドキュメントで紹介する一部の内容は、フォームデザイナーでもご利用いただけます。

DingTalk YiDA のカスタムページは、オープンかつクロスプラットフォームなフロントエンド開発環境を提供します。ミニプログラム開発と同様に、YiDA はアプリのライフサイクルをカバーする豊富なフロントエンド API を提供し、DingTalk の JS API を直接呼び出すこともできます。作成したアプリは、組織内外のユーザーがアクセスできる URL として公開できます。単独の DingTalk ミニプログラム開発はモバイルと PC の両方にはまだ対応していないため、企業管理シナリオでは、HTML5 ページの方がクロスプラットフォーム対応を低コストで実現しやすいという利点があります。バックエンドでは、YiDA はコネクタ内の Groovy および FaaS ノードを通じてカスタマイズをオープン化しています。

DingTalk YiDA のカスタムページでは、データストレージとして YiDA アプリのフォームを利用することもできます。YiDA Open API を介してフォームに対して CRUD 操作を実行し、YiDA をデータベース兼画像ホスティングサービスとして活用できます。これにより、[YiDA 業界事例](https://www.aliwork.com/o/customer_cases) ページのような、独自のフロントエンド表示製品を構築できます。このエンジンの効率性と安定性は、Alibaba Group の広範なビジネス領域で実証されており、同グループの中核となる HR、財務、法務、作業フロー、資産、拠点システムはすべてこのエンジン上に構築されています。

## 対象読者

* プログラミング経験があり、React や Vue に精通している方にとって、YiDA 開発者センターはローコード開発スキルを高める最適なリソースです。
* プログラミング経験はあるがフロントエンド開発が初めての方には、YiDA 開発者センターが一般的なローコードシナリオを素早く習得するうえで役立ちます。
* プログラミング経験がなく、YiDA を使ってシンプルなフォーム、作業フロー、レポートページを素早く構築したい方は、まず [YiDA 製品使い方ガイド](/ja/yida/intro/sbg6g2nsoxacis5y) にアクセスし、YiDA の基本機能を理解することをおすすめします。その後、開発者センターのサンプルに沿って、個別のニーズに段階的に対応しながらスキルを伸ばせます。

## ユースケース

YiDA 開発者センターは、主に以下のユースケースに対応します。

* 一般的な YiDA ユーザーからパワーユーザーへとステップアップしたい場合、開発者センターは包括的な概念紹介、サンプルチュートリアル、ハウツーボタンを提供し、YiDA の応用スキルを素早く習得できるよう支援します。
* 新機能を開発する際、開発者センターで特定の機能の使い方やデモ例を素早く見つけられます。
* 開発中に問題が発生した場合、開発者センターで類似の FAQ や追加の問い合わせチャンネルを素早く確認できます。

## 機能 🎉

YiDA のカスタムページには、主に以下の特長があります。

* 🦧 WYSIWYG のドラッグアンドドロップ開発モードを採用しており、公式が提供する豊富な共通コンポーネントとシステム API により、ローコード開発を容易に習得できます。
* 🦊 バックエンドのデータモデルとストレージを統合したフルスタックソリューションを提供しつつ、フロントエンドのエンジニアリング詳細を抽象化するため、洗練されたページを素早く構築できます。
* 🐯 柔軟なローコード開発モードにより、UI をビジュアルに構築し、JS コードで業務ロジックを容易に実装できます。

## FAQ

### カスタムページ開発とミニプログラム開発の違いは何ですか？

DingTalk YiDA のカスタムページは、オープンかつクロスプラットフォームなフロントエンド開発環境を提供します。ミニプログラム開発と同様に、YiDA はアプリのライフサイクルをカバーする豊富なフロントエンド API を提供し、DingTalk の JS API を直接呼び出すこともできます。作成したアプリは、組織内外のユーザーがアクセスできる URL として公開できます。単独の DingTalk ミニプログラム開発はモバイルと PC の両方にはまだ対応していないため、企業管理シナリオでは、HTML5 ページの方がクロスプラットフォーム対応を低コストで実現しやすいという利点があります。バックエンドでは、YiDA はコネクタ内の Groovy および FaaS ノードを通じてカスタマイズをオープン化しています。

今後、YiDA は専用のローコードミニプログラム開発ソリューション（現在 Alibaba Group 内でベータテスト中）を提供し、企業のデジタルトランスフォーメーションにおける製品開発および研究開発の効率化課題を、より柔軟かつ低コストで解決する手段を提供する予定です。

DingTalk YiDA のカスタムページでは、データストレージとして YiDA アプリのフォームを利用することもできます。YiDA Open API を介してフォームに対して CRUD 操作を実行し、YiDA をデータベース兼画像ホスティングサービスとして活用できます。これにより、[YiDA 業界事例](https://www.aliwork.com/o/customer_cases) ページのような、独自のフロントエンド表示製品を構築できます。このエンジンの効率性と安定性は、Alibaba Group の広範なビジネス領域で実証されており、同グループの中核となる HR、財務、法務、作業フロー、資産、拠点システムはすべてこのエンジン上に構築されています。

### カスタムページとフォームページの違いは何ですか？

実装の観点から見ると、DingTalk YiDA は本質的に [YiDA が独自開発したローコードエンジン](https://github.com/alibaba/lowcode-engine) 上に構築されています。両方のページタイプは同じ基盤の標準を共有していますが、使用するマテリアルパッケージが異なります。

カスタムページは、通常のフォームページとはマテリアルライブラリおよびユースケースが異なります。通常のフォームページは主にデータ収集や作業フローの公開に使用されるため、利用可能なコンポーネントは主に入力系コンポーネントです。YiDA では送信やプレビューといったフォーム関連のロジックもカプセル化されており、導入のハードルが低く抑えられています。カスタムページはより幅広いコンポーネントタイプに対応しており、業務ロジックの実装には JS コードが必要です。学習曲線はやや高くなりますが、より広範なシナリオに適用できます。

### カスタムページはサードパーティサービスと連携できますか？

はい、可能です。カスタムページはリモート API の設定機能を提供しています。YiDA が公式に提供するリモート API と、サードパーティのリモートサービスのどちらも利用できますが、サードパーティサービスは特定の API 要件を満たす必要があります。

### カスタムページはサイレントログインに対応していますか？

はい、対応しています。カスタムページと通常のフォームページはいずれもページタイプであるため、YiDA のページ設定でサイレントログインを有効化できます。

## お問い合わせ

* [開発者フォーラム](https://developer.aliyun.com/group/yida) も運営しています。ローコード分野に興味のある方はどなたでもディスカッションにご参加ください。
* 開発者センターに関するご質問（サンプル不足、誤り、ユーザーエクスペリエンスの問題など）は、左下隅の「このページを編集」リンクから直接ご投稿いただけます。皆様のご貢献を心より歓迎します。ご都合が合わない場合は、[公式チャンネル](https://www.aliwork.com/o/dev_feedback) からフィードバックをお送りいただくこともできます。