どうせキレイに書けない処理は逆にAIに書いてもらうほうが良い説 / #kyotojs 22

2024.06.28 に開催された #kyotojs での登壇資料です。
https://kyotojs.connpass.com/event/321343/

Transcript

2. w QPUBUPE
   
   5BLVNB
   )"/"5"/*
   w -*/&Ϡϑʔגࣜձࣾ
   ΤϯδχΞϦϯάϚωʔδϟʔ 'SPOU&OE
   w ࠓ೔͸౦ژ͔ΒདྷͯେࡕΦϑΟεͰ࢓ࣄͯ͠ ͔Βདྷ·ͨ͠
   w Ԡื࣌ʹॻ͍ͯͨωλ͸·ͨ࣍ͷ
   LZPUPKT
   Ͱ঺հͰൃද͠·͢ ࣗݾ঺հ
3. w QPUBUPE
   
   5BLVNB
   )"/"5"/*
   w -*/&Ϡϑʔגࣜձࣾ
   ΤϯδχΞϦϯάϚωʔδϟʔ 'SPOU&OE
   w ࠓ೔͸౦ژ͔ΒདྷͯେࡕΦϑΟεͰ࢓ࣄͯ͠ ͔Βདྷ·ͨ͠
   w Ԡื࣌ʹॻ͍ͯͨωλ͸·ͨ࣍ͷ
   LZPUPKT
   Ͱ঺հͰൃද͠·͢ ࣗݾ঺հ 地味に1年ぶりの登壇&前回もkyotojs
4. "*ʹίʔυΛॻ͔͍ͤͨͰ͢ΑͶʁ
5. ॻָ͍ͯͯ͘͠ͳ͍෦෼Λಛʹ೚͍ͤͨͰ͢ΑͶʁ
6. Ͱ΋ָ͘͠ͳ͍ίʔυ΄Ͳෳࡶ͡Όͳ͍Ͱ͔͢ʁ
7. ෳࡶͳίʔυ͸೚ͤͨ͘ͳ͍Ͱ͢ΑͶʁ
8. อकੑߟྀ͢Δͱࣗ෼Ͱॻ͔͟ΔΛಘ·ͤΜΑͶʁ
9. ຊ౰͔ʁ
10. ਓ͕ؒॻ͍ͯ΋Ͳ͏ͤԚ͍ίʔυͳΒྑ͍ͷͰ͸ʁ
11. .1͕અ໿͞ΕͨͳΒɺͦΕ͸े෼ͳ੒ՌͳͷͰ͸ʁ
13. 今回作ったもの • ゲームの Tier List (キャラランク)作成ツール • ゲーム内での強弱を整理し、SNSなどでシェアするために使わ れる概念 • 今遊んでいるゲームが古いものしか存在しないので作ることに • ツールが存在するかは有志の活発度によるが、存在するゲーム では概ね以下の機能を備えている • D&Dやスワイプによるシンプル操作の Tier List 作成 • 作成した Tier List の画像出力(PNG)
14. 今回作ったもの • ゲームの Tier List (キャラランク)作成ツール • ゲーム内での強弱を整理し、SNSなどでシェアするために使わ れる概念 • 今遊んでいるゲームが古いものしか存在しないので作ることに • ツールが存在するかは有志の活発度によるが、存在するゲーム では概ね以下の機能を備えている • D&Dやスワイプによるシンプル操作の Tier List 作成 • 作成した Tier List の画像出力(PNG)
15. %%Λߦ͏࣮૷ͷ໘౗͞ʹର͢ΔΈΜͳͷ൓Ԡू %%Λߦ͏࣮૷ͷ໘౗͞ʹର͢ΔΈΜͳͷ൓Ԡू しれっとDOMの 画像出力でも苦労しようとしてるぞ しれっとDOMの 画像出力でも苦労しようとしてるぞ クリックだけじゃなく スワイプ対応も必須なのが最悪 クリックだけじゃなく スワイプ対応も必須なのが最悪 俺は特に困らず 実装できたけど嫌いな人多そう 俺は特に困らず 実装できたけど嫌いな人多そう $('[draggable]') ↑これやめろ $('[draggable]') ↑これやめろ
16. ࣗ෼Ͱ࣮૷ͨ͠Βԯ߷ͰҰੜ΍Βͳ͍
17. ͷͰ"*ʹԡ͠෇͚ͯΈΔ
18. 今回は GPT-4o を UI から利用。特に複雑な処理が AI 側では必要ないため。
20. 「AIに敬語使うんですねｗ」 ↑やってるとき知り合いに言われた
21. 思ってたのと違ったので画像で指示 (UIは本質ではないため後で自分で書く)
22. 後でメンテするので 実装のイメージを詳細に
23. ライブラリを 使おうとしてくる
24. 拒否する
25. 微妙な要件のニュアンスは 追加で指示する
26. 原因を実装から読み取って指示しても、どれかを直すとどれかのバグが再発するように
27. 出力されるソースコードも予想通り迫力のあるものが増えてきた
28. ここらで損切りしたら
29. ライブラリを解禁する 大体うまくいった (UIは都度都度こっちで肉付けをしていったのでAIは記述なし)
30. 出力されるソースコードも人間が扱える範囲で一旦着地
31. 所要時間 2024/06/17 17:15 2024/06/18 01:30 8時間15分(うち4時間のサボり含む)
32. 所要気力 ∞ 0 ※ ただし UI を組むのが苦ではない人に限る
33. ૯ׅ w ࠓճ͸ʮ%%Λϒϥ΢βͰѻ͏ίʔυʯΛ୊ࡐʹ"*ʹ೚ͤͯΈͨ
    w ࣗ෼Ͱటष͍࣮૷ΛؤுΔ
    PS
    ϥΠϒϥϦ೚ͤʹͳΔྖҬʹ͍ͭͯɺࠓճ͸ޙ ऀͰ࣮ݱͰ͖ͨɻલऀ͕ཧ૝Ͱ͸͋Δ͕ɺΤοδέʔεͷରԠ͕೉͍͠ɻ
    w ͱ͸͍͑ʮέΞϨεϛε͕ൃੜͮ͠Β͍ʯʮ࣮૷͕໘౗Ͱ͋ͬͨΓ౎౓ௐ΂Δ ඞཁ͕͋Δ͚ͩͰ೉қ౓ࣗମ͸ߴ͘ͳ͍ʯ΋ͷΛ೚ͤΔͷ͸࠷దͩͱײͨ͡ɻ ࠓճ͸׶͑ͯ͢΂ͯ೚͕ͤͨɺۀ຿Ͱ΋
    %%
    ͚ͩԡ͠෇͚ΔͳͲ͸͋Γɻ
    w ࠷ۙ͸
    $PQJMPU
    ͳͲਓؒϝΠϯ
    
    ิॿͰ
    "*
    ͱ͍͏ίʔσΟϯάελΠϧ͕ ૿͍͑ͯΔ͕ɺݹ͖ྑ͖ʮؙ౤͛ʯ΋ఆ఺؍ଌ͍͖͍ͯͨ͠ɻ