ð°ChatGPTã§ã¢ããªãäœããã人ãžãæäœéã®ç¥èãçéäŒæ
ã¿ããªãæãæãã¢ããª
çãããã¢ããªã£ãŠèšããšã©ããªãã®ãæ³åããŸãããïŒã¹ããã§ãµãã¡ãªãchromeãéããŠã¢ã¯ã»ã¹ã§ãããµãŒãã¹ïŒãããšãStoreã§ããŠã³ããŒãããŠããŒã ç»é¢ããèµ·åãããã®ïŒ
å®éãããã¯ãå®è£ ã®éãã¯ããã©ãŠãŒã¶ãããããšç¹ã«æèããå¿ èŠã®ãªãããšãªã®ã§ãéããªããŠèããããšãªãã§ããããã ããããã¢ããªãäœãããšããŠãæãæ¢ãŸã£ãŠããŸãããšæããŸãããªã®ã§ãäžäººã®ãšã³ãžãã¢ã®æèŠãšããŠèããŠã»ããããšããããŸãã
åããŠéçºã«æºãããªã Webã¢ã㪠ããå§ãããŸãã
çç±ã¯3ã€ãããŸãã
ã¢ãã€ã«ã¢ããªã¯ãµãŒãã¹ãšããŠãªãªãŒã¹ãããŸã§å€§å€
Webã¢ããªãã¢ãã€ã«ã¢ããªé¢šã«ããæè¡ãååšãã
æ€çŽ¢ãããšæ å ±ãããããã§ãŠãã
é ã«èª¬æããŠãããŸããã
åããŠã®éçºã¯Webã¢ããªäžæã§ããçç±
ã¢ãã€ã«ã¢ããªã¯ãµãŒãã¹ãšããŠãªãªãŒã¹ãããŸã§å€§å€
ãŸããStoreã«ã¢ããªã䞊ã¹ãããšãªããšã審æ»ãå¿ èŠã«ãªããŸããæ£çŽåã ãäžçªã®ããã¯ããšæããŸããèããŠãã¿ãŠãã ããã
ããªãã¯ãåããŠããã°ã©ã ãæžãå§ããŠããå幎ãããããäžã€ã®ã¢ããªãå®æãããããšãã§ããŸãããææ°æã ãšStoreã®å¯©æ»ã«ããããšãããæ£åŽãã¢ããªãä¿®æ£ããŠãã ãããšèšãããããã§ãã
åœç¶ããããä»äºãªãããããŸãã趣å³ãšããŠå§ãããã®ãæåŸã®æåŸã§èªããããªãã®ã¯ãåŠäœãšãããããã§ãããã
ãã®ç¹ãWebã¢ããªã§ããã°ãµãŒããæé¡1,000åçšåºŠã§åããã°èª°ã§ããµãŒãã¹ãå ¬éã§ããããã§ããããã«å¯©æ»ã¯å¿ èŠãããŸããã
ãã®ç¹ã§ç§ã¯ã¢ãã€ã«ã¢ããªãããWebã¢ããªãæšããŸãã
Webã¢ããªãã¢ãã€ã«ã¢ããªé¢šã«ããæè¡ãååšãã
ã§ããã©ãããŠãããŒã ç»é¢ããã¢ã€ã³ã³ãã¯ãªãã¯ãããŠãããããã ïŒãšããæ¹ãããã£ãããããšæããŸããå®å¿ããŠãã ãããããããã®ããããŸãã
ããã¯ãPWAïŒProgressive Web AppsïŒãšãããŸãããã¡ãã¯ãæ¬èšäºã§çŽ¹ä»ããã«ã¯è©±ãè±ç·ããããŠããŸãã®ã§å²æããŸãããWebã¢ããªã§ãã¢ãã€ã«ã¢ããªã®ãããªããšãã§ãããšããããšãç¥ã£ãŠãããããã£ãã®ã§ãïŒ
ãã¡ãããStoreã®å¯©æ»ãªãããããŸãããïŒïŒ
æ€çŽ¢ãããšæ å ±ãããããã§ãŠãã
ã¯ã£ãããã£ãŠãå人çã«ã¯ãã®çç±ãäžçªã§ããç¬åŠã§å§ããå Žåãããã¥ã¡ã³ãã解説èšäºãå°ãªãäžã§æŠãã®ã¯ç¡è¬ãããŸããèªåã§äœ¿çšæè¡ãéžã¹ãã®ã§ããã®ãªãããã ãããããããšæããŸããããŸããã©ãŠã¶ã§æ€çŽ¢ãããããšãã«æ å ±ãããããã§ãŠãããã確èªããã¹ãã§ãã
æè¿ã ãšNext.jsãLaravelãªããã¯æ å ±ãå€ãæ°ãããŸããã
Webã¢ããªå®æãŸã§ã®éã®ã
ããŠããããŸã§èªãã§ãããã¿ãªããã¯ãWebã¢ããªãäœããïŒãšãããã«ãªã£ãŠãããŠããããšæããŸãããŸããããã®æµãã§ã¢ãã€ã«ã¢ããªãã€ãããã ãªããŠæã£ãŠãªãã§ãããïŒïŒ
åè«ã¯ããŠãããWebã¢ããªãäœæããã«ããã£ãŠã®æµãã説æããŸãã
ã©ããªã¢ããªã«ãããã®ã決ãã
ã©ããªèšèªããã¬ãŒã ã¯ãŒã¯ã䜿çšããã®ã決ãã
å®éã«ããã°ã©ã ãæžã
HTMLãCSSã䜿ã£ãŠç»é¢ãæžã
ããŒã¿ããŒã¹ãšæ¥ç¶ãããŠããããã®æ å ±ãæŽçãã
APIãå©çšããŠã¢ããªãããã䟿å©ã«ãã
ãµãŒããå¥çŽãã
ãããã§ãµãŒããã¬ã³ã¿ã«ã§ããå Žæãæ¢ããŠæ°èŠç»é²ããã
ãµãŒãã«èªåã®ã€ãã£ãããã°ã©ã ã眮ã
管çç»é¢ãããããšãå€ãã®ã§ãããå©çšããŠãã¡ã€ã«ãã¢ããããŒããã
ãšãã£ãããšæžãã°ãããªæãã§ãããããŠãäœæ¥å 容ãšããŠå€§ããåãããš1~3ãŸã§ãš4~5ãŸã§ã«ãªããŸãããšããããã4~5ã¯ãã£ããç¡èŠããŠ1~3ãŸã§ãæ¬æ°ã§å匷ããŠãããäœè£ãã§ãããæ®ãããããšãã£ãæããäžçªããšæããŸãã
4~5ã«é¢ããŠã¯ããããèŠããããšãå€ãã®ã§åŸåãã«ããŠããéšåããããŸãããäžçªã¯1~3ã®éšåãWebã¢ããªã®éçºãšããŠäžçªæ¥œãããšããã ããã§ãã
ãµãŒãã¹ãå ¬éããããšããããã©ããªãµãŒãã¹ãäœããã®ã»ããéèŠãªã®ã¯èšããŸã§ããããŸããããïŒ
ãã£ãšãéèŠãªAPIãšããããã®
ãããŸã§ãèªãã§ãããã¿ãªããæ¬åœã«ããããšãããããŸãããç§ã®é§æãèªãã§ãã ãã£ãçããã ãã«ãWebã¢ããªéçºã®çã®èããäŒãããããšæããŸãã
ããã¯APIã§ãã
ã¡ãã£ãšãããã§æ€çŽ¢ããã®ã¯ãŸã£ãŠãã ãããããããããããªæ å ±ãã§ãŠããŠããããããªãããšã«ãªããšæããŸãããªã®ã§ããŸãç§ã®è©±ããèããŠãã ãããïŒã©ãããŠãæ€çŽ¢ãããããã¯WebAPIãšæ€çŽ¢ããŠãã ãããïŒ
APIã£ãŠãªãããã£ãŠè©±ãªãã§ãããããã¯ãããããµãŒãã¹ã®å€æ³šã§ããäŸãã°ã§ãããChatGPTã䜿ã£ãã¢ããªãäœãããïŒãšæã£ããšããChatGPTãã©ããã£ãŠèªåã®ã¢ããªã«å ¥ãããšæããŸããïŒ
å®ã¯ãããã°ã©ã ã ãïŒç»é¢ã¯ãããªãïŒã§ChatGPTã®ãµãŒãã¹ãå©çšã§ãããã§ãããã£ãšäœããã£ãŠããã®ãããããªããšæããŸããç°¡åãªäŸãæããŸãã®ã§å®éã«ãã¡ããè©ŠããŠã¿ãŠãã ããã
ãŸãã¯ãã³ãã³ãããã³ãããéããŸããéãæ¹ã¯ãWindowsã㌠+ Rãã§åºãŠãããããã¢ããã®äžã«ãcmdããšæã¡èŸŒãã§ãšã³ã¿ãŒãæŒããŠãã ããããããããšé»ãç»é¢ãåºãŠããããšæããŸãã
ããã«äžèšã®ã³ãã³ããæã¡èŸŒãã§ãã ããã
curl -X GET https://icanhazdadjoke.com/
ç§ã¯ãããªæç« ãããã£ãŠããŸããã
ãç§ã¯æ°ããèšèãçºæããïŒçäœïŒã
ããŒããã¡ãã£ãšæå³ãåãããªãã§ãã(ç¬)
ããã¯ãã©ã³ãã ã«ã¢ã¡ãªã«ã³ãžã§ãŒã¯ãè¿ããŠãããAPIã§ãããããªãããã§chatgptãAPIãããã®ã§ããããã€ãã£ãŠããã°ã©ã ãæžããŠããããšã«ãªããŸããå®éã¯ã©ã€ãã©ãªã«å®è£
ã¯é èœãããŠããã®ã§äžèšã®ãããªã³ãŒãã«ãªããšæããŸãã
# APIããŒã®èšå®
openai.api_key = "APIããŒ"
# GPTã«ããå¿ççæ
prompt = "以äžã®æ¡ä»¶ã®äžã§ããããé£ã¹ç©ãæããŠãã ããã\næ¡ä»¶1:åé£\næ¡ä»¶2:çã"
response = openai.ChatCompletion.create(
model = "gpt-3.5-turbo-16k-0613",
messages = [
{"role": "system", "content": "You are a helpful assistant."},
{"role": "user", "content": prompt}
],
temperature=0
)
# å¿çã®è¡šç€º
text = response['choices'][0]['message']['content']
print(text)
ãã®ããã«APIã¯ãããããªçš®é¡ããã£ãŠãããããçµã¿åãããŠããããšã§Webã¢ããªã¯å®æããŠãããŸãããªã®ã§ãAPIãç解ããããšã¯Webã¢ããªéçºã«ãããŠã¯ãããéèŠãªããšãªã®ã§ãã
ãšããŸãAPIã«ã€ããŠã®ã€ã¡ãŒãžãå°ãã¯ã€ããããšæããŸããä»åŸã®èšäºã§ã¯APIã«ã€ããŠãã£ãšè©³ããæžããèšäºãèŒããããšæããŸãã
ãŸããPythonã®åå¿è
åãèšäºãæžããŠããŸãã®ã§ãã²ãã¡ããã芧ãã ããã
ãã®èšäºãæ°ã«å ¥ã£ãããµããŒããããŠã¿ãŸãããïŒ