…L@fcÆhÆ„ÀX K"Y^ÒšTy"È¡a"²*µöz½0uü°êN(x`¶X@ÈæЫSY¦iÒ#v*®ré+i$¼«¦Ø)ŨâoFž˜û™ ød¼Ü @à²b0RÄn·qiÁ’rBY¤§bidïddates2024-06-07T23:55:00etitlexe1行もソースコードを書ã‹ãšã«ã¤ãã‚‹ã€ã¾ã‚‹ã°ã¤ã‚²ãƒ¼ãƒ Webアプリ with ChatGPT3.5dtagsm#AI #js #gamecurlxhttps://fukuno.jig.jp/4335dbodyy‹
今年も客員教授ã«ãªã£ãŸç¦äº•å·¥å¤§ã«ã¦ã€Œç”ŸæˆAIテクノロジーイベントã€é–‹å‚¬ã€‚生æˆAIã®è§£èª¬ï¼†ãƒãƒ³ã‚ºã‚ªãƒ³ï¼ç”ŸæˆAIを使ã£ãŸæ¥½ã—ã„アプリ開発を楽ã—ã‚“ã§ã‚‚らã„ã¾ã—ãŸã€‚

Webアプリを作ã£ã¦ã¿ãŸæ–¹ã«ãŠã™ã™ã‚ã®æ¬¡ã®ã‚¹ãƒ†ãƒƒãƒ—ã¯ã€ç”ŸæˆAIを自然言語ã‹ã‚‰ãƒ—ログラミング言語ã¸ã®ç¿»è¨³è€…(コンパイラ的ãªã‚‚ã®ï¼‰ã«ãªã£ã¦ã‚‚らã£ã¦ä½œã£ã¦ã¿ã‚‹ã“ã¨ã€‚

登録ä¸è¦ã€ç„¡æ–™ã§ä½¿ãˆã‚‹OpenAI社ã®ChatGPT3.5ã§å®Ÿéš›ã«ã‚„ã£ã¦ã¿ã¾ã—ãŸã€‚


「ChatGPTã€

「マルãƒãƒ„ゲームをHTML1ファイルã§ã¤ãã£ã¦ã€ã¨å•ã„åˆã‚ã›ã‚‹ã¨ã€ã™ãã«å‡ºã—ã¦ãれるソースコード。コードをコピーã—ã¦ã€ç°¡æ˜“Webアプリ開発環境ã€ss.sabae.cc ã®å·¦å´ã«è²¼ã‚Šä»˜ã‘ã¦ã€ã€Œè¦‹ã¦ã¿ã‚‹ã€ãƒœã‚¿ãƒ³ã‚’押ã—ã¾ã—ょã†ã€‚


ãŠã‚„ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå´©ã‚Œã¦ã—ã¾ã£ã¦ã„ã¾ã™ã­ã€‚

ã‚ãªãŸ: レイアウトãŒå´©ã‚Œã¾ã™ã€‚セルãŒæ¨ªã«2ã¤ã—ã‹å…¥ã£ã¦ã„ã¾ã›ã‚“。
GPT: 申ã—訳ã‚ã‚Šã¾ã›ã‚“ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå´©ã‚Œã¦ã—ã¾ã„ã¾ã—ãŸã­ã€‚修正ã—ã¾ã—ょã†ã€‚


ã¡ã‚ƒã‚“ã¨ã‚²ãƒ¼ãƒ ã«ãªã‚Šã¾ã—ãŸï¼ãŒã€ãƒãƒ„ã‹ã‚‰å§‹ã¾ã‚‹ã®ãŒä¸è‡ªç„¶ã ã£ãŸã®ã§ã€ ã‚ãªãŸ: マルã‹ã‚‰ã¯ã˜ã‚ãŸã„
GPT: マルã‹ã‚‰ã‚²ãƒ¼ãƒ ã‚’始ã‚るよã†ã«ä¿®æ­£ã—ã¾ã—ょã†ã€‚ãã®ãŸã‚ã«ã¯ã€JavaScriptã®åˆæœŸåŒ–部分㧠currentPlayer ã‚’ 'O' ã«è¨­å®šã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚

コードを手ã§ä¿®æ­£ã—ã¦ã‚‚ã„ã„ã§ã™ãŒã€å…¨æ–‡è²¼ã‚Šä»˜ã‘ã¦ãã‚ŒãŸãƒ—ログラムをコピペã§OKï¼
1ゲーム終ã‚る度ã«ãƒªãƒ­ãƒ¼ãƒ‰ã—ãªã„ã¨æ¬¡ã®ã‚²ãƒ¼ãƒ ãŒã§ããªã„ã®ã¯ã¡ã‚‡ã£ã¨æ®‹å¿µã€‚

ã‚ãªãŸ: リトライボタンをã¤ã‘ãŸã„
GPT: リトライボタンを追加ã—ã¾ã—ょã†ã€‚ゲームãŒçµ‚了ã—ãŸå¾Œã«ãƒªãƒˆãƒ©ã‚¤ãƒœã‚¿ãƒ³ãŒè¡¨ç¤ºã•ã‚Œã€æŠ¼ã•ã‚ŒãŸã¨ãã«ã‚²ãƒ¼ãƒ ã‚’リセットã™ã‚‹ã‚ˆã†ã«ã—ã¾ã™ã€‚

1ゲーム終ã‚ã‚‹ã¨ã€Œãƒªãƒˆãƒ©ã‚¤ã€ãƒœã‚¿ãƒ³ãŒå‡ºã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚
ã›ã£ã‹ããªã®ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚å°‘ã—å‡ã£ã¦ã¿ã¾ã—ょã†ã€‚

ã‚ãªãŸ: ã‹ã‚ã„ã„デザインã«ã—ã¦ã»ã—ã„
GPT: ã‹ã‚ã„ã„デザインを追加ã—ã¾ã—ょã†ï¼ä»¥ä¸‹ã®ä¿®æ­£ã‚’è¡Œã„ã¾ã—ãŸï¼š
セルã®èƒŒæ™¯è‰²ã¨ãƒ•ã‚©ãƒ³ãƒˆã‚’変更ã—ã¦ã€ã‚ˆã‚Šã‹ã‚ã„らã—ã„見ãŸç›®ã«ãªã‚‹ã‚ˆã†ã«ã—ã¾ã—ãŸã€‚
リトライボタンã«ã‚‚ã‹ã‚ã„らã—ã„スタイルをé©ç”¨ã—ã¾ã—ãŸã€‚


ãŠã‚„ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒã¾ãŸãŠã‹ã—ã„ã§ã™ã­ã€‚

ã‚ãªãŸ: タイトルã¨ãƒœãƒ¼ãƒ‰ã®é–“ã¯é›¢ã—ã¦ã»ã—ã„
GPT: タイトルã¨ãƒœãƒ¼ãƒ‰ã®é–“ã«ã‚¹ãƒšãƒ¼ã‚¹ã‚’追加ã—ã¦ã€ã‚ˆã‚Šè¦‹ã‚„ã™ãé…ç½®ã—ã¾ã—ょã†ã€‚以下ãŒä¿®æ­£ã•ã‚ŒãŸã‚³ãƒ¼ãƒ‰ã§ã™ï¼š


「ã‹ã‚ã„ã„ã¾ã‚‹ã°ã¤ã‚²ãƒ¼ãƒ ã€
src on ss.sabae.cc
ピンク色ã«é£¾ã£ã¦ãã‚Œã¾ã—ãŸã€‚å‹æ‰‹ã«ã‚¿ã‚¤ãƒˆãƒ«ã‚‚ã‹ã‚ã„ã修正ã•ã‚Œã¦ã¾ã™ã­ï¼
1行もソースコードをã„ã˜ã‚‰ãšã€ãƒžãƒ«ãƒãƒ„ゲームã€å®Œæˆï¼
「UPã™ã‚‹ã€ãƒœã‚¿ãƒ³ã§ã€ã‚¹ãƒžãƒ›ã§ã‚‚éŠã¹ã¾ã™ï¼

生æˆAIã«ã‚ˆã£ã¦ãã£ã¨æ•·å±…ãŒä¸‹ãŒã£ãŸãƒ—ログラミング。
Let's 気軽ã«ã€ä¸€æ—¥ä¸€å‰µï¼ cimgxKhttps://img.sabae.cc/data/20240608/ec2c71e2-46e0-4cdd-8693-fc03a92e42bf.jpg