Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Chainlitで作るお手軽チャットUI
Search
tomo
June 18, 2026
Technology
120
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Chainlitで作るお手軽チャットUI
tomo
June 18, 2026
Other Decks in Technology
See All in Technology
小さくはじめるSLI/SLO ~育てながら組織に定着させる実践知~ / Starting Small with SLI/SLOs: Building Adoption Through Continuous Growth
nari_ex
2
1.3k
Claude Code の Sandbox 機能を Anthropic Sandbox Runtime(srt) で試そう!/lets-play-anthropic-sandbox-runtime
tomoki10
1
520
非エンジニアがClaudeと挑んだ「1ヶ月間プロダクト30本ノック」
askokc
0
230
社内 AI エージェント Synapse と セマンティックレイヤーの育て方
hiroakis
2
1.6k
On-behalf-of Token exchange with AgentCore Identity
hironobuiga
2
130
Oracle AI Database@Google Cloud:サービス概要のご紹介
oracle4engineer
PRO
6
1.5k
SIer20年! 培ったスキルがスタートアップで輝く時
shucho0103
0
820
Snowflakeと仲良くなる第一歩
coco_se
4
390
LLMにもCAP定理があるという話
harukasakihara
0
280
10倍の生産性を実現するAI駆動並列エージェントのすべて
kumaiu
4
1.3k
EventBridge Connection
_kensh
5
680
[モダンアプリ勉強会]今更聞けないGit/GitHub入門
tsukuboshi
0
360
Featured
See All Featured
The agentic SEO stack - context over prompts
schlessera
0
800
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
410
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
420
How to build a perfect <img>
jonoalderson
1
5.6k
Evolving SEO for Evolving Search Engines
ryanjones
0
210
Designing for Timeless Needs
cassininazir
1
250
Building a Scalable Design System with Sketch
lauravandoore
463
34k
AI: The stuff that nobody shows you
jnunemaker
PRO
8
700
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
610
So, you think you're a good person
axbom
PRO
2
2.1k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
530
The Cost Of JavaScript in 2023
addyosmani
55
10k
Transcript
© LY Corporation Public Chainlitで作る お手軽チャットUI サイエンスSBU 分析ユニット LINE Service
Analytics Division Tomoya Yanagi
© LY Corporation Public 柳 智也 Tomoya Yanagi(X:@ynt0485) LINEヤフー株式会社 メディア・検索ドメイン
サイエンスSBU 分析ユニット LINE Service Analytics Division 2 2023/03 筑波大学 理工学群社会工学類 学士課程修了 2025/03 筑波大学大学院 システム情報工学研究群 社会工学学位プログラム 修士課程修了 2025/04 LINEヤフー株式会社 新卒入社 2025/07 現部署に配属、以下を主に担当 • LINEプロモーションスタンプの分析 • LINEエンタメアカウントの分析 経歴
© LY Corporation Public 導入 3
© LY Corporation Public • 実際に、弊社でも自然言語による質問から可視化・分析を自動で行うAIエージェントを 開発している 大規模言語モデル(LLM)を利用したアプリケーションが盛んに開発されている 4 生成AIの発展に伴う変化
引用:https://note.com/lycorp_datapr_jp/n/n0a3805a7f96f 複数のエージェントにより 分析設計からレポート作成までを 一気通貫で実施
© LY Corporation Public • AIエージェントでは、ユーザーからの入力を受けて応答するUIが求められることが多い → Chainlitを使えば、対話型のAIアプリケーションが素早く開発できる! チャットUIを簡単に作れるPythonライブラリ「Chainlit」について説明します 5
今回お話する内容 引用:https://github.com/chainlit/chainlit
© LY Corporation Public Chainlitの紹介 6
© LY Corporation Public • 2023年前半にリリースされて以降、徐々にStarを伸ばしている チャットUIをPythonで実装するためのオープンソースのフレームワーク 7 Chainlitとは 引用:https://github.com/chainlit/chainlit
https://www.star-history.com/
© LY Corporation Public • Pythonでアプリケーションを構築するフレームワークはいくつか存在する • その中でも、Chainlitはユーザーと対話することを前提としたアプリケーションに 適している ChainlitはチャットUIを作ることに特化したライブラリである
8 類似ライブラリとの違い Gradio Streamlit Chainlit 主目的 機械学習のデモ 分析・可視化を含む アプリ・ダッシュボード 対話型AIアプリ ユースケース 機械学習モデルが動作 する環境を早く用意する データ可視化と対話UIを 同時に用意する AIエージェントを用いた チャットアプリを作る
© LY Corporation Public 実際にアプリを作ってみた 9
© LY Corporation Public 英会話ができるアプリを作ってみた 10 作成したアプリの紹介
© LY Corporation Public LLMのプロンプト含めてたった300行でアプリケーションが実装できた 11 アプリケーションの構成 アプリケーションの全体像 ユーザー入力から応答までのフロー •
フロントエンドはChainlitに任せ、開発者は内部処理の実装に注力すれば良いので 楽にアプリケーションが構築できる
© LY Corporation Public Chainlitのいいところ 12
© LY Corporation Public チャットUIで欲しい機能がデフォルトでたくさん用意されている 13 Chainlitのいいところ① 認証機能による権限管理 思考過程の表示 チャット設定
• 以下にあげたもの以外にも、画像の表示やデータレイヤーへの会話履歴の保存など、 便利な機能がデフォルトで実装されている
© LY Corporation Public ドキュメントが充実している 14 Chainlitのいいところ② • mcpサーバーとの接続やOpenAI APIとの連携など、生成AIを用いた対話型アプリケーション
に必要な機能についても解説されている 引用:https://docs.chainlit.io/get-started/overview
© LY Corporation Public まとめ 15
© LY Corporation Public 16 まとめ • ChainlitはチャットUIを簡単に作ることができるPythonライブラリ • 少量のコードでそこそこ使えるアプリができた
• Pythonで手軽にチャットアプリを作りたいエンジニアやデータサイエンティストに 良さそう • Chainlitには生成AIを用いたアプリに求められる機能がたくさん搭載されている • 社内でのAIエージェント構築など、実際に展開されるプロダクトでも使いやすい
© LY Corporation Public ご興味のある方は「Chainlit Techbook」で検索してください! Chainlitの基本的な使い方や実装例をまとめた書籍を弊社の有志で執筆しました 17 宣伝:書籍の紹介 引用:https://techbookfest.org/product/sBdZcJVCRNLEy9V5cimPK4
© LY Corporation Public