ChatGPT × cursor × Cline で作る オーディション通知ツール
by
kidango
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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
ご清聴ありがとうございました!! エンジニア 経営/運営 劇団