---
title: クイックスタート
icon: send-plane-line
description: どこから始めればいいかわからない？まずはこの文書から読んでみましょう！
enableComments: true
author: "Steven Lynn"
github_username: "stvlynn"
x_username: "Stv_Lynn"
---

## <i className="ri-flow-chart" />ワークフロー（Workflow）

### コードなしで完全なMVPを一から構築する

<Cards>
   <Card 
    href="./workflow/twitter-mbti-receipt" 
    title="MVPの構築：フロントエンドとバックエンド"
  >
  <p>DifyとWindsurfを使用したノーコードの旅</p>
    <img src="https://s2.loli.net/2025/05/12/bDNACQq2Stp4L76.png" alt="Twitter MBTI パーソナリティ分析" />
    </Card>
</Cards>

## <i className="ri-plug-line" />プラグイン（Plugin）

### ノーコードプラグイン開発
<Cards>
   <Card 
    href="./plugin/ssh-plugin-vibe-coding" 
    title="CursorでSSHプラグインを構築する"
  >
  <p>ノーコード方式のサーバー管理</p>
    <img src="https://s2.loli.net/2025/05/12/zK7URIC6a5Fk3Yt.png" alt="CursorでSSHプラグインを構築する" />
    </Card>
    <Card 
    href="./plugin/cursor-rules" 
    title="Difyプラグイン開発のCursor Rules"
  >
  <p>開発プロセスを簡素化するDifyプラグイン開発のCursor Rulesを入手</p>
    </Card>
</Cards>


## <i className="ri-book-read-line" />ナレッジベース（Knowledge Base）

### ナレッジベースの検索
<Cards>
   <Card 
    href="./knowledge-base/image-retrieval" 
    title="テキストと画像のナレッジベースで画像コンテンツを出力する方法"
  >
  <p>Difyナレッジベースでテキストと画像を混在表示する効果を実装する方法を学ぶ</p>
    <img src="https://s2.loli.net/2025/05/18/Ew1DeZxc7VAqt6K.png" alt="テキストと画像が混在するRAG検索の例" />
    </Card>
</Cards>

## <i className="ri-git-pull-request-line" />貢献

<Cards>
   <Card 
    href="./contributing" 
    title="Hello Difyに貢献する方法"
  >
  <p>ドキュメントと例の貢献方法を学ぶ</p>
    </Card>
</Cards> 