Slide 1

Slide 1 text

ChatGPT × cursor × Cline で作る オーディション通知ツール ⽣成AI × スクレイピング 木田恭平(群馬/演劇 x テック) ⽊⽥ 恭平 Kida Kyohei (エンタメ × IT, 新⽇本演劇)

Slide 2

Slide 2 text

背景 オーディションサイトの情報が取得しづらい ● 検索できない ● 期限切れ ● 新着通知がない → スクレイピングツールで解決

Slide 3

Slide 3 text

やりたいこと 要件 ● スプシで案件管理したい ● ⾃動で更新したい ● 条件に合わないものを省きたい その他 ● 省時間‧低予算 ● ⽣成AIを使う(Cline)

Slide 4

Slide 4 text

技術スタック 要件定義 ※ロゴは各社ブランドガイドラインに基づき引⽤ Plus 設計 技術選定 プロンプト⽣成 無料 修正‧微調整 ざっくり⽣成 Gpt-4o $15

Slide 5

Slide 5 text

要件定義‧設計(ChatGPT) 1. プロジェクトを作成 2. ざっくり相談 3. ⾃分でやること‧AIでやることを整理 4. 要件定義‧設計‧技術選定 5. ⽣成⽤のプロンプトを⽣成

Slide 6

Slide 6 text

スクリプト⽣成(Cline)

Slide 7

Slide 7 text

いくつもの問題点 ● 動かなかった(URLが違う & セレクタの誤り) ● 都度APIを叩く設計 ● 実⾏時にログ出⼒がほしい ● sleep処理 ● 「ハラスメント防⽌ポリシー」に余計な改⾏‧タブ‧スペースが含まれる ● 今⽇以降の締切⽇のみ抽出 ● 募集地域でのフィルタリング

Slide 8

Slide 8 text

エラー解決&コード調整(cursor) 1. コードの該当部分を選択 2.   L 3. やりたいことを⼊⼒ 4. accept !!

Slide 9

Slide 9 text

CSVに出⼒ → スプシに書き出し

Slide 10

Slide 10 text

デモ

Slide 11

Slide 11 text

学んだこと‧改善点 学んだこと ● めっちゃ速い ● 要件定義‧設計に集中できる ● 課⾦で体験がグッとよくなる(かも?) ● ⼈の⼿でやらないといけないことも 改善点(今後やりたいこと) ● Github Actionで定期実⾏ ● Slackに新着通知

Slide 12

Slide 12 text

ご清聴ありがとうございました!! エンジニア 経営/運営 劇団