Dify Meetup Tokyo #5 Artifacts？なければ作ればいいじゃない
4.1K Views
May 23, 25
スライド概要
Dify Community (JP) は、LangGenius, Inc.社が提供するオープンソースのLLM(Large-Language-Model)アプリ開発プラットフォームをもっと上手に活用するためのユーザーコミュニティです。 DifyではRAGエンジン(Retrieval-Augmented Generationエンジン)を使用して、ChatBotのようなエージェントから複雑なAIワークフローまでさまざまなLLMアプリをノーコードで編成することができます。 このグループでは、Difyを支えるLLMやRAGなどの技術や、Difyの使い方の知見、またDifyを活用した業務や開発生産性の改善事例についてみなさまと議論していきます。
関連スライド
各ページのテキスト
Dify Meetup Tokyo #5 Artifacts？なければ作ればいいじゃない。 株式会社CyberACE 1
前提 直近Xで話題に上がっていた 「Artifacts」というプラグインではありません。 （ちょっと話しづらい、、、） Copyright ©CyberACE, Inc. All Rights Reserved. 2
自己紹介 【宇佐美 良治】 自衛隊入って レンジャー行って アフリカ行って 気づいたらCyberACEという会社でAI触ってました （非エンジニア） Copyright ©CyberACE, Inc. All Rights Reserved. 3
自己紹介 ナイトモード実装 ありがとうございます Copyright ©CyberACE, Inc. All Rights Reserved. 4
最近、各社のDeepResearch機能を使って思うことが、、、、 Gemini ぼやき ChatGPT Claude DeepResearch便利だけど、、読む量多くね、、、 Copyright ©CyberACE, Inc. All Rights Reserved. 5
そこで、Claude 3.7 Sonnet×Artifactsのグラレコ風ビジュアライズに出会いました Copyright ©CyberACE, Inc. All Rights Reserved. 6
そこで、Claude 3.7 Sonnet×Artifactsのグラレコ風ビジュアライズに出会いました この機能をDifyで構築して HTMLによるビジュアライズを 社内で大衆化したい！！ Copyright ©CyberACE, Inc. All Rights Reserved. 7
と、いうわけでHTMLの文字列をPDF化するプラグイン作成しました！ Copyright ©CyberACE, Inc. All Rights Reserved. 8
一応処理フロー Before（Markdown） Copyright ©CyberACE, Inc. All Rights Reserved. After（HTML） 9
どのようにして 非エンジニアが 気分で Difyプラグインを作成したのか 10
AIとCursor を 全力で頼って 作成しました。 11
開発までの流れ 1. 情報収集 2. オフィシャルプラグインで仕組みの理解 3. ローカルホスト環境の構築 4. 実装＆デバッグ 5. 組み込み＆本番環境テスト Copyright ©CyberACE, Inc. All Rights Reserved. 12
情報収集でやったこと Difyはアップデートが非常に早いので LLMのナレッジカットオフタイミングでは情報が十分にない 正しい情報をコンテキストとして読み込む必要がある。 CursorのDocs機能で情報をフレッシュに DocはNotebookLMを入れると質問できて捗る Copyright ©CyberACE, Inc. All Rights Reserved. 13
オフィシャルプラグインを読む際にやったこと 自分は非エンジニアのため、AIを使って理解をしようとした DeepWikiで似ているプラグインの概要を理解する 似た仕組みのプラグインをuithubでtxtにして Copyright ©CyberACE, Inc. All Rights Reserved. Geminiで質問攻めにする 14
ローカルホスト環境の構築(本番環境テストは怖かったので） 公式ドキュメント通りやったら簡単に構築可能 （Docker Desktopを忘れずに） Copyright ©CyberACE, Inc. All Rights Reserved. 15
実装＆デバッグ Cursorを用いて実装 非エンジニアの開発はエラー率が高いのでデバッグ機能は非常に便利 hogehoge 指示が明確にしてCursorで実装 プラグインデバッグ機能が便利 （エラー発生率が高いのでありがたい） Copyright ©CyberACE, Inc. All Rights Reserved. 16
組み込み＆本番環境テスト https://docs.dify.ai/ja-jp/plugins/publish-plugins/package-plugin-file-and-publish パッケージ化コマンド1行でパッケージ作成完了 ローカルパッケージファイルからインストール Copyright ©CyberACE, Inc. All Rights Reserved. 17
Difyの出している動画が非常に勉強になります！ 全体説明 実装 デバッグ・インストール https://www.youtube.com/watch?v=SKEAOm2yxhE Copyright ©CyberACE, Inc. All Rights Reserved. 18
このプラグインを使って作ったもの（その1） DeepResearchや、Meetingのトランスクリプトを入れると新聞作成してくれるワークフロー Copyright ©CyberACE, Inc. All Rights Reserved. 19
このプラグインを使って作ったもの（その2） Omlucの岸田さん参考にさせていただきました。ありがとうございます。 社名を入れるだけで、マーケティング分析・調査を行いレポート出ししてくれるワークフロー Copyright ©CyberACE, Inc. All Rights Reserved. 20
このプラグインを使って作ったもの（その3） ArxivのURLを入れると、理解しやすい形で日本語訳してくれるワークフロー Copyright ©CyberACE, Inc. All Rights Reserved. 21
全然推進していないが、ほどほど使われている Copyright ©CyberACE, Inc. All Rights Reserved. 22
全然推進していないが、ほどほど使われている 機能ブラッシュアップして 社内で布教予定 Copyright ©CyberACE, Inc. All Rights Reserved. 23
Thank You! 24