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
AIを組み込んで自作したWebサービスやツールの紹介
Search
siroitori0413
April 12, 2024
Technology
600
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
AIを組み込んで自作したWebサービスやツールの紹介
2024/4/10 「AIミーティング」で発表
siroitori0413
April 12, 2024
More Decks by siroitori0413
See All by siroitori0413
基地局メッセンジャー
siroitori0413
0
350
パシャってスケジュール〜紙ベースの連絡をGoogleカレンダー登録〜
siroitori0413
0
2.3k
ノンビリ動画TockTubeddit
siroitori0413
0
170
別室から着信できるインターホン作ってみたよ
siroitori0413
0
3.6k
いろいろお知らせしてくれるIoT鳩時計
siroitori0413
0
1.3k
ALGYAN 6周年基板で環境データと服薬記録
siroitori0413
0
410
Other Decks in Technology
See All in Technology
MulticaとPi Coding Agentで、小規模OSSを30本同時運用した流れ
eiei114
0
130
AI時代のアウトプット――変わったこと、変わらないこと / Devsumi 2026 Kansai #devsumi
jnchito
0
200
Bits Agent Builder の⼊⾨と活⽤事例
nulabinc
PRO
0
250
[potatotips #96] Give Your AI Agent the Flutter Playbook
korodroid
0
110
LanceDB入門
mocobeta
9
620
DatadogのBits Chatが開発組織にもたらしたもの / What Bits Chat Has Brought Us
sms_tech
1
290
なぜ Temporal の大小比較には compare しかないのか / Why Does Temporal Only Have compare() for Comparisons
kazukihayase
1
180
Sansan Engineering Unit 紹介資料
sansan33
PRO
1
5k
会社紹介資料 / Sansan Company Profile
sansan33
PRO
24
430k
【GCC2026】鉄拳8でのVFX開発事例
bandainamcostudios
PRO
0
110
Webアクセシビリティ入門 2026
recruitengineers
PRO
3
690
攻撃と防御で学ぶAI時代のプロダクトセキュリティ演習
recruitengineers
PRO
9
3.1k
Featured
See All Featured
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
250
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.9k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
11k
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.4k
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
helenjbeal
1
270
Utilizing Notion as your number one productivity tool
mfonobong
4
550
Being A Developer After 40
akosma
91
590k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
720
What's in a price? How to price your products and services
michaelherold
247
13k
Building the Perfect Custom Keyboard
takai
2
840
Transcript
Webサービスやツールの紹介 Memetan Tech Tips ( とり子 と memetan の親子チーム) AIを組み込んで自作した
ざっくり自己紹介 ▪ とり子 ・平凡なWEBエンジニア主婦 ・電子工作が趣味 ▪ memetan ・16歳のフリーランス ・技術全般が大好き
AIを使って作ったものの紹介をします memetan氏の作ったものをとり子が概要について 紹介後、本人よりAI部分の詳細説明を行います。 (※わたしはAI詳しくないです…) 【本日ご紹介する作品メニュー】 ① 謝罪FAXジェネレータ Webサービス公開中 ② カレンダーキャプチャー Webサービス公開中 ③
AIコード補完 memetanの自分用ツール
① 謝罪FAXジェネレータ 先月開催された「ツクってアソぶハッカソン」で作った作 品、優秀賞受賞 ハッカソンのテーマが 「洗練された無駄のない無駄な機能」 Web画面上のボタンを押して 謝罪文(謝罪案件・理由)を AI自動生成 さらにFaxが送られたかのように
同時印刷の機能も追加 https://apology.tsukuaso. memetan.dev/
ここは動画です
プロンプトエンジニアリング ・二回投げるといいと踏んだ ①出来事を作成 ②謝罪文作成 ProtoPediaにも記載しています。 https://apology.tsuku aso.memetan.dev/ ▪説明 ①謝罪FAXジェネレーター
https://protopedia.net/prototype/5105
② カレンダーキャプチャー 2022年にとり子が作りかけていたものを memetn氏が2023年に完全リニューアル 紙のおたよりをカメラ読み込みして Googleカレンダーに登録 するWebシステム https://cam2calendar.me metan.dev/
ここは動画です
▪説明 ②カレンダーキャプチャー ・Google Vision API、OpenAI API、Google Calendar APIを使用 +---------+ +---------------------+
| Picture | -> | Google Vision API | +---------+ +---------------------+ *1 | +---------+ +-----+ +--------+ | Prompt | -----> |Mux| -----> | Result | +---------+ +-----+ +--------+ *1 プロンプトは固定 ・GPT-4はコスト高い 3.5 Turboはvisionがない なんちゃって自作 ProtoPediaにも記載しています。 https://protopedia.net/prototype/3819 https://cam2calendar .memetan.dev/
③ AIコード補完 自作のコード作成支援ツール 初版は去年7月に作成、 バージョンアップしながら 現在も元気に稼働中
ここは動画です
▪説明 ③AIコード補完 WizardCoder • 15B • モデルアーキテクチャは starcoder • 特殊トークンで補完が可能
llama.cpp llama.cppでQ4_Kに量子化 2023/09時点でLLaMA系列ではないのにllama.cppに サポートが追加[1] Q4_Kは12GiBにぎりぎり収まる (= RTX3060で動く) [1]https://github.com/ggerganov/llama.cpp/issues/3076 <fim_prefix>fn helloWorld() { println!(<fim_suffix> } <fim_middle>"Hello world!");
VSCodium 検証環境はVSCodeの派生のVSCodium 拡張機能でコードを補完する 使うインターフェスは InlineCompletionItemProvider このインターフェスは GitHub
Copilot も使っている (だから表示・使い勝手は同 じ) llama.cpp の OpenAI 互換 HTTP API をこのインターフェスに変換するだけ
問題点 • コンテキストが2048で縛られる ◦ 2048を超えるとすごく頭が悪くなる • WizardCoder 古い ◦
このプロジェクト自体古い ◦ でも未だに現役、普通に使える
ありがとうございました