{"id":13793,"date":"2025-07-01T10:40:45","date_gmt":"2025-07-01T01:40:45","guid":{"rendered":"https:\/\/www.quicca-plus.com\/svnavi\/?p=13793"},"modified":"2026-02-20T18:51:49","modified_gmt":"2026-02-20T09:51:49","slug":"chatgpt-api-chatbot-guide-gpt4o-python-flask-deploy-202507","status":"publish","type":"post","link":"https:\/\/www.quicca-plus.com\/svnavi\/chatgpt-api-chatbot-guide-gpt4o-python-flask-deploy-202507\/","title":{"rendered":"\u30102026\u5e741\u6708\u6700\u65b0\u3011ChatGPT API\u81ea\u4f5c\u30c1\u30e3\u30c3\u30c8\u30dc\u30c3\u30c8\u5b8c\u5168\u30ac\u30a4\u30c9\uff01GPT-4o API\u6599\u91d1\u6700\u9069\u5316\u3068Python Flask \u30c7\u30d7\u30ed\u30a4\u65b9\u6cd5"},"content":{"rendered":"\n<p>\u3069\u3046\u3082\uff01\u30b2\u30fc\u30de\u30fc\u306a\u3089\u4e00\u5ea6\u306f\u300c\u81ea\u5206\u5c02\u7528\u306eAI\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8\u304c\u6b32\u3057\u3044\u300d\u3068\u601d\u3063\u305f\u3053\u3068\u3042\u308a\u307e\u305b\u3093\u304b\uff1f\u30b2\u30fc\u30e0\u653b\u7565\u3092\u624b\u4f1d\u3063\u3066\u304f\u308c\u305f\u308a\u3001\u30c1\u30fc\u30e0\u6226\u7565\u3092\u8003\u3048\u3066\u304f\u308c\u305f\u308a\u3001\u305d\u3093\u306a\u5922\u306e\u3088\u3046\u306a\u30c1\u30e3\u30c3\u30c8\u30dc\u30c3\u30c8\u304c\u5b9f\u306f\u7c21\u5358\u306b\u4f5c\u308c\u308b\u3093\u3067\u3059\uff01<\/p>\n\n\n\n<p>\u3053\u306e\u8a18\u4e8b\u3067\u306f\u3001ChatGPT API\uff08OpenAI API\uff09\u3092\u4f7f\u3063\u305f\u81ea\u4f5c\u30c1\u30e3\u30c3\u30c8\u30dc\u30c3\u30c8\u306e\u4f5c\u308a\u65b9\u3092\u3001\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u521d\u5fc3\u8005\u3067\u3082\u7406\u89e3\u3067\u304d\u308b\u3088\u3046\u8a73\u3057\u304f\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"chatgpt-api%E5%9F%BA%E7%A4%8E%E7%9F%A5%E8%AD%98\">ChatGPT API\u57fa\u790e\u77e5\u8b58<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"gpt-4o-api%E6%96%99%E9%87%91%E4%BD%93%E7%B3%BB%EF%BC%882025%E5%B9%B46%E6%9C%88%E7%8F%BE%E5%9C%A8%EF%BC%89\">GPT-4o API\u6599\u91d1\u4f53\u7cfb\uff082026\u5e741\u6708\u73fe\u5728\uff09<\/h3>\n\n\n\n<p>API\u6599\u91d1\u306f\u300c\u5165\u529b\u30c8\u30fc\u30af\u30f3\u300d\u3068\u300c\u51fa\u529b\u30c8\u30fc\u30af\u30f3\u300d\u306e\u5f93\u91cf\u8ab2\u91d1\u304c\u57fa\u672c\u3067\u3059\u3002\u3055\u3089\u306b\u3001\u540c\u3058\u30d7\u30ed\u30f3\u30d7\u30c8\uff08\u307e\u305f\u306f\u5171\u901a\u306e\u524d\u534a\u90e8\u5206\uff09\u3092\u7e70\u308a\u8fd4\u3059\u7528\u9014\u3067\u306f\u3001<strong>\u30ad\u30e3\u30c3\u30b7\u30e5\u5165\u529b\uff08Cached input\uff09<\/strong>\u304c\u9069\u7528\u3067\u304d\u308b\u30e2\u30c7\u30eb\u3082\u3042\u308a\u3001\u30b3\u30b9\u30c8\u3092\u6291\u3048\u3089\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u30e2\u30c7\u30eb<\/th><th>\u5165\u529b\u6599\u91d1<\/th><th>\u51fa\u529b\u6599\u91d1<\/th><th>\u7279\u5fb4<\/th><\/tr><\/thead><tbody><tr><td><strong>gpt-4o<\/strong><\/td><td>$2.50\/1M tokens<\/td><td>$10.00\/1M tokens<\/td><td>\u9ad8\u6027\u80fd\u306e\u4e3b\u529b\u30e2\u30c7\u30eb\u3002\u54c1\u8cea\u91cd\u8996\u306e\u672c\u756a\u5411\u3051<\/td><\/tr><tr><td><strong>gpt-4o-mini<\/strong><\/td><td>$0.15\/1M tokens<\/td><td>$0.60\/1M tokens<\/td><td>\u4f4e\u30b3\u30b9\u30c8\u30fb\u9ad8\u901f\u3002\u8981\u7d04\/\u5b9a\u578bQA\/\u8efd\u91cf\u30dc\u30c3\u30c8\u306b\u6700\u9069<\/td><\/tr><tr><td><strong>gpt-4.1-mini<\/strong><\/td><td>$0.40\/1M tokens<\/td><td>$1.60\/1M tokens<\/td><td>\u30b3\u30b9\u30d1\u3068\u54c1\u8cea\u306e\u30d0\u30e9\u30f3\u30b9\u578b\u3002\u8ff7\u3063\u305f\u3089\u5019\u88dc\u306b<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><strong>\u30c8\u30fc\u30af\u30f3\u6570\u306e\u76ee\u5b89\uff08\u6ce8\u610f\uff1a\u6587\u7ae0\u306b\u3088\u308a\u5909\u52d5\uff09<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u82f1\u8a9e\u306f\u300c1\u30c8\u30fc\u30af\u30f3 \u2252 4\u6587\u5b57\u300d\u7a0b\u5ea6\u304c\u76ee\u5b89\uff08\u6587\u7ae0\u306b\u3088\u3063\u3066\u5897\u6e1b\uff09<\/li>\n\n\n\n<li>\u65e5\u672c\u8a9e\u306f\u82f1\u8a9e\u3088\u308a\u30c8\u30fc\u30af\u30f3\u304c\u5897\u3048\u3084\u3059\u3044\u50be\u5411\u304c\u3042\u308b\u305f\u3081\u3001\u5b9f\u30c7\u30fc\u30bf\u3067\u306e\u78ba\u8a8d\u304c\u78ba\u5b9f<\/li>\n\n\n\n<li>\u6b63\u78ba\u306b\u898b\u7a4d\u3082\u308b\u306b\u306f\u3001OpenAI\u306e\u30c8\u30fc\u30af\u30f3\u89e3\u8aac\u3084\u30c8\u30fc\u30af\u30ca\u30a4\u30b6\u30fc\uff08tiktoken\u7b49\uff09\u3067\u4e8b\u524d\u8a08\u6e2c\u3059\u308b<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/comparison.quicca-plus.com\/\"><img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/www.quicca-plus.com\/svnavi\/wp-content\/uploads\/2025\/08\/\u30ec\u30f3\u30b5\u30d0\u30a2\u30d5\u30a3\u30ea\u30a8\u30a4\u30c8\u30ea\u30f3\u30af-3-1024x683.webp\" alt=\"\" class=\"wp-image-20863\" srcset=\"https:\/\/www.quicca-plus.com\/svnavi\/wp-content\/uploads\/2025\/08\/\u30ec\u30f3\u30b5\u30d0\u30a2\u30d5\u30a3\u30ea\u30a8\u30a4\u30c8\u30ea\u30f3\u30af-3-1024x683.webp 1024w, https:\/\/www.quicca-plus.com\/svnavi\/wp-content\/uploads\/2025\/08\/\u30ec\u30f3\u30b5\u30d0\u30a2\u30d5\u30a3\u30ea\u30a8\u30a4\u30c8\u30ea\u30f3\u30af-3-300x200.webp 300w, https:\/\/www.quicca-plus.com\/svnavi\/wp-content\/uploads\/2025\/08\/\u30ec\u30f3\u30b5\u30d0\u30a2\u30d5\u30a3\u30ea\u30a8\u30a4\u30c8\u30ea\u30f3\u30af-3-768x512.webp 768w, https:\/\/www.quicca-plus.com\/svnavi\/wp-content\/uploads\/2025\/08\/\u30ec\u30f3\u30b5\u30d0\u30a2\u30d5\u30a3\u30ea\u30a8\u30a4\u30c8\u30ea\u30f3\u30af-3.webp 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/comparison.quicca-plus.com\/\">\u8a3a\u65ad\u306f\u3053\u3061\u3089<\/a><\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"api%E5%88%A9%E7%94%A8%E9%96%8B%E5%A7%8B%E6%89%8B%E9%A0%86\">API\u5229\u7528\u958b\u59cb\u624b\u9806<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"1.-openai%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E4%BD%9C%E6%88%90\">1. OpenAI\u30a2\u30ab\u30a6\u30f3\u30c8\u4f5c\u6210<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>1. https:\/\/platform.openai.com\/ \u306b\u30a2\u30af\u30bb\u30b9\n2. \u300cSign up\u300d\u3067\u30a2\u30ab\u30a6\u30f3\u30c8\u4f5c\u6210 \u2192 \u30ed\u30b0\u30a4\u30f3\n3. \u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3067 Project\uff08\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\uff09\u3092\u4f5c\u6210\uff08\u672a\u4f5c\u6210\u306a\u3089\u4f5c\u6210\uff09\n<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"2.-api%E3%82%AD%E3%83%BC%E3%81%AE%E5%8F%96%E5%BE%97\">2. API\u30ad\u30fc\u306e\u53d6\u5f97<\/h4>\n\n\n\n<p>API\u30ad\u30fc\u306f<strong>\u7d76\u5bfe\u306b\u516c\u958b\u3057\u306a\u3044<\/strong>\u3067\u304f\u3060\u3055\u3044\uff08\u30d6\u30e9\u30a6\u30b6\u5074\u306b\u57cb\u3081\u8fbc\u3080\u306e\u3082NG\uff09\u3002\u30b5\u30fc\u30d0\u30fc\u5074\u306e\u74b0\u5883\u5909\u6570\u3067\u5b89\u5168\u306b\u6271\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>1. \u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9 \u2192 API keys\uff08Project\u914d\u4e0b\u306e\u30ad\u30fc\u7ba1\u7406\uff09\n2. \u300cCreate new secret key\u300d\u30af\u30ea\u30c3\u30af\n3. \u30ad\u30fc\u540d\u3092\u5165\u529b\uff08\u4f8b\uff1aChatBot_Project\uff09\n4. API\u30ad\u30fc\u3092\u30b3\u30d4\u30fc\u3057\u3066\u5b89\u5168\u306b\u4fdd\u7ba1\uff08\u518d\u8868\u793a\u3067\u304d\u306a\u3044\u5834\u5408\u304c\u3042\u308b\u306e\u3067\u6ce8\u610f\uff09\n<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"3.-%E8%AA%B2%E9%87%91%E8%A8%AD%E5%AE%9A\">3. \u8ab2\u91d1\u8a2d\u5b9a<\/h4>\n\n\n\n<p>\u8acb\u6c42\u60c5\u5831\u3092\u767b\u9332\u3057\u3001Project\u5358\u4f4d\u306e\u4e0a\u9650\u3084\u5236\u9650\uff08\u5229\u7528\u67a0\u30fb\u30ec\u30fc\u30c8\u5236\u9650\u30fb\u30b3\u30b9\u30c8\u4e0a\u9650\uff09\u3092\u8a2d\u5b9a\u3057\u3066\u304a\u304f\u3068\u5b89\u5fc3\u3067\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>1. Settings \u2192 Billing\uff08\u652f\u6255\u3044\u60c5\u5831\u306e\u767b\u9332\uff09\n2. Settings \u2192 Limits\uff08\u4f7f\u7528\u91cf\u30fb\u30ec\u30fc\u30c8\u30fb\u30b3\u30b9\u30c8\u4e0a\u9650\u306e\u78ba\u8a8d\/\u8a2d\u5b9a\uff09\n3. \u7528\u9014\u306b\u5fdc\u3058\u3066\u4e0a\u9650\u3092\u8a2d\u5b9a\uff08\u4f8b\uff1a\u958b\u767a\u4e2d\u306f\u4f4e\u3081\u3001\u672c\u756a\u306f\u76e3\u8996\u524d\u63d0\u3067\u8abf\u6574\uff09\n<\/code><\/pre>\n\n\n\n<p><strong>\u95a2\u9023YouTube\u52d5\u753b\uff08\u65e5\u672c\u8a9e\uff09<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"\u3010\u8d85\u5165\u9580\u3011ChatGPT\u3092API\u3067\u4f7f\u3063\u3066\u307f\u3088\u3046\uff01OpenAI API\u30ad\u30fc\u53d6\u5f97\u304b\u3089\u6d3b\u7528\u307e\u3067\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/asdYJibSXJI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"ChatGPT API\u3092\u4f7f\u3063\u3066\u30c1\u30e3\u30c3\u30c8\u30dc\u30c3\u30c8\u3092\u4f5c\u308d\u3046\uff01\u3010GPT-3.5\/GPT-4\u3011 Section1\u3010Live!\u4eba\u5de5\u77e5\u80fd 117\u3011 #Live\u4eba\u5de5\u77e5\u80fd\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/Vy5550Ef_tA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"ChatGPT\u3068Whisper\u306eAPI\u3092\u4f7f\u7528\u3057\u3066\u3001AI\u3068\u8a71\u305b\u308b\u4f1a\u8a71\u30a2\u30d7\u30ea\u3092\u4f5c\u3063\u3066\u307f\u305f\u3010Python\u521d\u5fc3\u8005\u3067\u3082\u4f7f\u3048\u308b\u30b3\u30fc\u30c9\u4ed8\u304d\u3067\u89e3\u8aac\u3011\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/ECwfieE5hDU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"python-flask-%E3%83%81%E3%83%A3%E3%83%83%E3%83%88%E3%83%9C%E3%83%83%E3%83%88%E9%96%8B%E7%99%BA\">Python Flask \u30c1\u30e3\u30c3\u30c8\u30dc\u30c3\u30c8\u958b\u767a<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"%E9%96%8B%E7%99%BA%E7%92%B0%E5%A2%83%E6%A7%8B%E7%AF%89\">\u958b\u767a\u74b0\u5883\u69cb\u7bc9<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"1.-%E5%BF%85%E8%A6%81%E3%81%AA%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB\">1. \u5fc5\u8981\u306a\u30e9\u30a4\u30d6\u30e9\u30ea\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code># \u4eee\u60f3\u74b0\u5883\u4f5c\u6210\npython -m venv chatbot_env\nsource chatbot_env\/bin\/activate  # Linux\/Mac\n# chatbot_env\\Scripts\\activate  # Windows\n\n# \u5fc5\u8981\u30e9\u30a4\u30d6\u30e9\u30ea\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\npip install flask openai python-dotenv requests\n<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"2.-%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E6%A7%8B%E9%80%A0\">2. \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u69cb\u9020<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>chatbot_project\/\n\u251c\u2500\u2500 app.py\n\u251c\u2500\u2500 .env\n\u251c\u2500\u2500 templates\/\n\u2502   \u2514\u2500\u2500 index.html\n\u251c\u2500\u2500 static\/\n\u2502   \u251c\u2500\u2500 style.css\n\u2502   \u2514\u2500\u2500 script.js\n\u2514\u2500\u2500 requirements.txt\n<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"%E5%9F%BA%E6%9C%AC%E3%83%81%E3%83%A3%E3%83%83%E3%83%88%E3%83%9C%E3%83%83%E3%83%88%E3%81%AE%E5%AE%9F%E8%A3%85\">\u57fa\u672c\u30c1\u30e3\u30c3\u30c8\u30dc\u30c3\u30c8\u306e\u5b9f\u88c5<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"1.-%E7%92%B0%E5%A2%83%E8%A8%AD%E5%AE%9A%EF%BC%88.env%EF%BC%89\">1. \u74b0\u5883\u8a2d\u5b9a\uff08.env\uff09<\/h4>\n\n\n\n<p>API\u30ad\u30fc\u306f\u74b0\u5883\u5909\u6570\u3067\u7ba1\u7406\u3057\u3001\u30ea\u30dd\u30b8\u30c8\u30ea\u306b\u306f\u7d76\u5bfe\u306b\u30b3\u30df\u30c3\u30c8\u3057\u306a\u3044\u3067\u304f\u3060\u3055\u3044\uff08.gitignore\u63a8\u5968\uff09\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>OPENAI_API_KEY=sk-your-api-key-here\nFLASK_ENV=development\nFLASK_DEBUG=True\n<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"2.-%E3%83%A1%E3%82%A4%E3%83%B3%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%EF%BC%88app.py%EF%BC%89\">2. \u30e1\u30a4\u30f3\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\uff08app.py\uff09<\/h4>\n\n\n\n<p>2026\u5e741\u6708\u6642\u70b9\u3067\u306f\u3001\u5f93\u6765\u306eChat Completions\u3082\u5229\u7528\u3067\u304d\u307e\u3059\u304c\u3001\u65b0\u898f\u958b\u767a\u3067\u306f\u6700\u65b0\u6a5f\u80fd\u3092\u53d6\u308a\u8fbc\u307f\u3084\u3059\u3044<strong>Responses API<\/strong>\u304c\u63a8\u5968\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u4ee5\u4e0b\u306fResponses API\u524d\u63d0\u306e\u5b9f\u88c5\u4f8b\u3067\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>from flask import Flask, request, jsonify, render_template\nfrom dotenv import load_dotenv\nfrom openai import OpenAI\n\n# \u74b0\u5883\u5909\u6570\u8aad\u307f\u8fbc\u307f\uff08OPENAI_API_KEY \u3092 .env \u304b\u3089\u8aad\u307f\u8fbc\u3080\uff09\nload_dotenv()\n\napp = Flask(__name__)\n\n# OpenAI\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\uff08\u74b0\u5883\u5909\u6570 OPENAI_API_KEY \u3092\u53c2\u7167\uff09\nclient = OpenAI()\n\n# \u30c1\u30e3\u30c3\u30c8\u5c65\u6b74\u4fdd\u5b58\uff08\u672c\u756a\u306fDB\/Redis\u63a8\u5968\uff09\nchat_history = &#91;]\n\n@app.route('\/')\ndef index():\n    return render_template('index.html')\n\n@app.route('\/chat', methods=&#91;'POST'])\ndef chat():\n    try:\n        user_message = request.json.get('message', '').strip()\n        if not user_message:\n            return jsonify({'error': '\u30e1\u30c3\u30bb\u30fc\u30b8\u304c\u7a7a\u3067\u3059'}), 400\n\n        # \u30b7\u30b9\u30c6\u30e0\uff08instructions\uff09: \u30dc\u30c3\u30c8\u306e\u6027\u683c\u30fb\u65b9\u91dd\n        instructions = \"\u3042\u306a\u305f\u306f\u30b2\u30fc\u30de\u30fc\u5411\u3051\u306eAI\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8\u3067\u3059\u3002\u30b2\u30fc\u30e0\u306b\u95a2\u3059\u308b\u8cea\u554f\u306b\u8a73\u3057\u304f\u3001\u30d5\u30ec\u30f3\u30c9\u30ea\u30fc\u306b\u7b54\u3048\u3066\u304f\u3060\u3055\u3044\u3002\"\n\n        # \u5c65\u6b74\u306b\u8ffd\u52a0\n        chat_history.append({\"role\": \"user\", \"content\": user_message})\n\n        # \u76f4\u8fd110\u4ef6\u3092\u9001\u4fe1\uff08\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u8abf\u6574\uff09\n        recent = chat_history&#91;-10:]\n\n        # Responses API\uff08input \u306f role\/content \u5f62\u5f0f\u306e\u914d\u5217\u3092\u6e21\u305b\u307e\u3059\uff09\n        response = client.responses.create(\n            model=\"gpt-4o-mini\",  # \u54c1\u8cea\u91cd\u8996\u306a\u3089 \"gpt-4o\" \u306b\u5909\u66f4\n            instructions=instructions,\n            input=recent,\n            max_output_tokens=500,\n            temperature=0.7,\n        )\n\n        assistant_message = response.output_text\n\n        # \u5c65\u6b74\u306b\u8ffd\u52a0\n        chat_history.append({\"role\": \"assistant\", \"content\": assistant_message})\n\n        # \u4f7f\u7528\u91cf\uff08\u5b58\u5728\u3057\u306a\u3044\u5834\u5408\u3082\u3042\u308b\u306e\u3067\u5b89\u5168\u306b\u53d6\u308a\u51fa\u3059\uff09\n        usage = {}\n        if getattr(response, \"usage\", None):\n            usage = {\n                \"input_tokens\": getattr(response.usage, \"input_tokens\", None),\n                \"output_tokens\": getattr(response.usage, \"output_tokens\", None),\n                \"total_tokens\": getattr(response.usage, \"total_tokens\", None),\n            }\n\n        return jsonify({\n            \"response\": assistant_message,\n            \"usage\": usage\n        })\n\n    except Exception as e:\n        return jsonify({'error': str(e)}), 500\n\n@app.route('\/clear', methods=&#91;'POST'])\ndef clear_history():\n    global chat_history\n    chat_history = &#91;]\n    return jsonify({'message': '\u30c1\u30e3\u30c3\u30c8\u5c65\u6b74\u3092\u30af\u30ea\u30a2\u3057\u307e\u3057\u305f'})\n\nif __name__ == '__main__':\n    app.run(debug=True, host='0.0.0.0', port=5000)\n<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"3.-html%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%EF%BC%88templates%2Findex.html%EF%BC%89\">3. HTML\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\uff08templates\/index.html\uff09<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html lang=\"ja\"&gt;\n&lt;head&gt;\n    &lt;meta charset=\"UTF-8\"&gt;\n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n    &lt;title&gt;\u30b2\u30fc\u30de\u30fc\u5411\u3051AI\u30c1\u30e3\u30c3\u30c8\u30dc\u30c3\u30c8&lt;\/title&gt;\n    &lt;link rel=\"stylesheet\" href=\"{{ url_for('static', filename='style.css') }}\"&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    &lt;div class=\"container\"&gt;\n        &lt;header&gt;\n            &lt;h1&gt;\u30b2\u30fc\u30de\u30fc\u5411\u3051AI\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8&lt;\/h1&gt;\n        &lt;\/header&gt;\n\n        &lt;div class=\"chat-container\"&gt;\n            &lt;div id=\"chatMessages\" class=\"chat-messages\"&gt;\n                &lt;div class=\"message bot-message\"&gt;\n                    &lt;div class=\"message-content\"&gt;\n                        \u3053\u3093\u306b\u3061\u306f\uff01\u30b2\u30fc\u30e0\u306b\u95a2\u3059\u308b\u8cea\u554f\u306a\u3089\u4f55\u3067\u3082\u805e\u3044\u3066\u304f\u3060\u3055\u3044\uff01\n                    &lt;\/div&gt;\n                &lt;\/div&gt;\n            &lt;\/div&gt;\n\n            &lt;div class=\"input-container\"&gt;\n                &lt;input type=\"text\" id=\"messageInput\" placeholder=\"\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u5165\u529b...\" \/&gt;\n                &lt;button id=\"sendButton\"&gt;\u9001\u4fe1&lt;\/button&gt;\n                &lt;button id=\"clearButton\"&gt;\u5c65\u6b74\u30af\u30ea\u30a2&lt;\/button&gt;\n            &lt;\/div&gt;\n        &lt;\/div&gt;\n\n        &lt;div class=\"usage-info\"&gt;\n            &lt;p&gt;\u4f7f\u7528\u91cf: &lt;span id=\"tokensUsed\"&gt;0&lt;\/span&gt; tokens&lt;\/p&gt;\n        &lt;\/div&gt;\n    &lt;\/div&gt;\n\n    &lt;script src=\"{{ url_for('static', filename='script.js') }}\"&gt;&lt;\/script&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;\n<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"4.-%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AA%E3%83%B3%E3%82%B0%EF%BC%88static%2Fstyle.css%EF%BC%89\">4. \u30b9\u30bf\u30a4\u30ea\u30f3\u30b0\uff08static\/style.css\uff09<\/h4>\n\n\n\n<p>\u3053\u306eCSS\u306f<strong>Flask\u30a2\u30d7\u30ea\u5074\u306e\u898b\u305f\u76ee<\/strong>\u3092\u6574\u3048\u308b\u305f\u3081\u306e\u3082\u306e\u3067\u3059\uff08WordPress\u672c\u6587\u306e\u88c5\u98fe\u3067\u306f\u3042\u308a\u307e\u305b\u3093\uff09\u3002\u4e0d\u8981\u306a\u3089\u524a\u9664\u3057\u3066\u3082\u52d5\u4f5c\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>* {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n}\n\nbody {\n    font-family: Arial, sans-serif;\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n    min-height: 100vh;\n    padding: 20px;\n}\n\n.container {\n    max-width: 800px;\n    margin: 0 auto;\n    background: white;\n    border-radius: 15px;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n    overflow: hidden;\n}\n\nheader {\n    background: linear-gradient(45deg, #FF6B6B, #4ECDC4);\n    color: white;\n    padding: 20px;\n    text-align: center;\n}\n\n.chat-container {\n    height: 500px;\n    display: flex;\n    flex-direction: column;\n}\n\n.chat-messages {\n    flex: 1;\n    padding: 20px;\n    overflow-y: auto;\n    background: #f8f9fa;\n}\n\n.message {\n    margin-bottom: 15px;\n    display: flex;\n    align-items: flex-start;\n}\n\n.user-message {\n    justify-content: flex-end;\n}\n\n.bot-message {\n    justify-content: flex-start;\n}\n\n.message-content {\n    max-width: 70%;\n    padding: 12px 16px;\n    border-radius: 18px;\n    word-wrap: break-word;\n}\n\n.user-message .message-content {\n    background: #007bff;\n    color: white;\n}\n\n.bot-message .message-content {\n    background: white;\n    color: #333;\n    border: 1px solid #e1e8ed;\n}\n\n.input-container {\n    display: flex;\n    padding: 20px;\n    background: white;\n    border-top: 1px solid #eee;\n}\n\n#messageInput {\n    flex: 1;\n    padding: 12px;\n    border: 1px solid #ddd;\n    border-radius: 25px;\n    margin-right: 10px;\n    outline: none;\n}\n\nbutton {\n    padding: 12px 20px;\n    border: none;\n    border-radius: 25px;\n    background: #007bff;\n    color: white;\n    cursor: pointer;\n    margin-left: 5px;\n}\n\nbutton:hover {\n    background: #0056b3;\n}\n\n#clearButton {\n    background: #dc3545;\n}\n\n#clearButton:hover {\n    background: #c82333;\n}\n\n.usage-info {\n    padding: 10px 20px;\n    background: #f8f9fa;\n    text-align: center;\n    font-size: 14px;\n    color: #666;\n}\n\n.loading {\n    opacity: 0.7;\n}\n<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"5.-javascript%EF%BC%88static%2Fscript.js%EF%BC%89\">5. JavaScript\uff08static\/script.js\uff09<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>class ChatBot {\n    constructor() {\n        this.messageInput = document.getElementById('messageInput');\n        this.sendButton = document.getElementById('sendButton');\n        this.clearButton = document.getElementById('clearButton');\n        this.chatMessages = document.getElementById('chatMessages');\n        this.tokensUsed = document.getElementById('tokensUsed');\n\n        this.totalTokens = 0;\n        this.isLoading = false;\n\n        this.initEventListeners();\n    }\n\n    initEventListeners() {\n        this.sendButton.addEventListener('click', () =&gt; this.sendMessage());\n        this.clearButton.addEventListener('click', () =&gt; this.clearHistory());\n\n        this.messageInput.addEventListener('keypress', (e) =&gt; {\n            if (e.key === 'Enter' &amp;&amp; !e.shiftKey) {\n                e.preventDefault();\n                this.sendMessage();\n            }\n        });\n    }\n\n    async sendMessage() {\n        const message = this.messageInput.value.trim();\n        if (!message || this.isLoading) return;\n\n        this.isLoading = true;\n        this.sendButton.disabled = true;\n        this.sendButton.textContent = '\u9001\u4fe1\u4e2d...';\n\n        \/\/ \u30e6\u30fc\u30b6\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u8868\u793a\n        this.addMessage(message, 'user');\n        this.messageInput.value = '';\n\n        try {\n            const response = await fetch('\/chat', {\n                method: 'POST',\n                headers: {\n                    'Content-Type': 'application\/json',\n                },\n                body: JSON.stringify({ message: message })\n            });\n\n            const data = await response.json();\n\n            if (response.ok) {\n                this.addMessage(data.response, 'bot');\n                this.updateTokenUsage(data.usage);\n            } else {\n                this.addMessage(`\u30a8\u30e9\u30fc: ${data.error}`, 'error');\n            }\n        } catch (error) {\n            this.addMessage(`\u901a\u4fe1\u30a8\u30e9\u30fc: ${error.message}`, 'error');\n        } finally {\n            this.isLoading = false;\n            this.sendButton.disabled = false;\n            this.sendButton.textContent = '\u9001\u4fe1';\n        }\n    }\n\n    addMessage(content, type) {\n        const messageDiv = document.createElement('div');\n        messageDiv.className = `message ${type}-message`;\n\n        const contentDiv = document.createElement('div');\n        contentDiv.className = 'message-content';\n        contentDiv.textContent = content;\n\n        messageDiv.appendChild(contentDiv);\n        this.chatMessages.appendChild(messageDiv);\n\n        \/\/ \u6700\u65b0\u30e1\u30c3\u30bb\u30fc\u30b8\u307e\u3067\u30b9\u30af\u30ed\u30fc\u30eb\n        this.chatMessages.scrollTop = this.chatMessages.scrollHeight;\n    }\n\n    updateTokenUsage(usage) {\n        if (!usage || usage.total_tokens == null) return;\n        this.totalTokens += usage.total_tokens;\n        this.tokensUsed.textContent = this.totalTokens.toLocaleString();\n    }\n\n    async clearHistory() {\n        try {\n            const response = await fetch('\/clear', { method: 'POST' });\n\n            if (response.ok) {\n                this.chatMessages.innerHTML = `\n                    &lt;div class=\"message bot-message\"&gt;\n                        &lt;div class=\"message-content\"&gt;\n                            \u3053\u3093\u306b\u3061\u306f\uff01\u30b2\u30fc\u30e0\u306b\u95a2\u3059\u308b\u8cea\u554f\u306a\u3089\u4f55\u3067\u3082\u805e\u3044\u3066\u304f\u3060\u3055\u3044\uff01\n                        &lt;\/div&gt;\n                    &lt;\/div&gt;\n                `;\n                this.totalTokens = 0;\n                this.tokensUsed.textContent = '0';\n            }\n        } catch (error) {\n            console.error('\u5c65\u6b74\u30af\u30ea\u30a2\u30a8\u30e9\u30fc:', error);\n        }\n    }\n}\n\ndocument.addEventListener('DOMContentLoaded', () =&gt; {\n    new ChatBot();\n});\n<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"vps%E9%81%B8%E6%8A%9E%E3%81%A8%E3%83%87%E3%83%97%E3%83%AD%E3%82%A4%E6%96%B9%E6%B3%95\">VPS\u9078\u629e\u3068\u30c7\u30d7\u30ed\u30a4\u65b9\u6cd5<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"%E6%8E%A8%E5%A5%A8vps%E3%82%B9%E3%83%9A%E3%83%83%E3%82%AF\">\u63a8\u5968VPS\u30b9\u30da\u30c3\u30af<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u7528\u9014<\/th><th>CPU<\/th><th>\u30e1\u30e2\u30ea<\/th><th>\u30b9\u30c8\u30ec\u30fc\u30b8<\/th><th>\u6708\u984d\u6599\u91d1\u76ee\u5b89<\/th><\/tr><\/thead><tbody><tr><td><strong>\u958b\u767a\u30fb\u30c6\u30b9\u30c8<\/strong><\/td><td>1-2vCPU<\/td><td>1-2GB<\/td><td>20GB<\/td><td>500-1,000\u5186<\/td><\/tr><tr><td><strong>\u672c\u756a\u904b\u7528<\/strong><\/td><td>2-4vCPU<\/td><td>4-8GB<\/td><td>50GB<\/td><td>1,000-3,000\u5186<\/td><\/tr><tr><td><strong>\u5927\u898f\u6a21\u904b\u7528<\/strong><\/td><td>4-8vCPU<\/td><td>8-16GB<\/td><td>100GB<\/td><td>3,000-10,000\u5186<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"%E3%83%87%E3%83%97%E3%83%AD%E3%82%A4%E6%89%8B%E9%A0%86%EF%BC%88ubuntu-22.04%EF%BC%89\">\u30c7\u30d7\u30ed\u30a4\u624b\u9806\uff08Ubuntu 22.04\uff09<\/h3>\n\n\n\n<p>Ubuntu 22.04\u3067\u3082\u624b\u9806\u306f\u554f\u984c\u306a\u304f\u52d5\u304d\u307e\u3059\u3002\u65b0\u898f\u69cb\u7bc9\u306a\u3089Ubuntu 24.04 LTS\u3067\u3082\u57fa\u672c\u306f\u540c\u69d8\u3067\u3059\uff08\u30d1\u30c3\u30b1\u30fc\u30b8\u540d\u3084\u8a2d\u5b9a\u5834\u6240\u306f\u74b0\u5883\u3067\u5dee\u304c\u51fa\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059\uff09\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"1.-%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC%E5%88%9D%E6%9C%9F%E8%A8%AD%E5%AE%9A\">1. \u30b5\u30fc\u30d0\u30fc\u521d\u671f\u8a2d\u5b9a<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code># \u30b7\u30b9\u30c6\u30e0\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\nsudo apt update &amp;&amp; sudo apt upgrade -y\n\n# \u5fc5\u8981\u30d1\u30c3\u30b1\u30fc\u30b8\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\nsudo apt install python3 python3-pip python3-venv nginx -y\n\n# \u30d5\u30a1\u30a4\u30a2\u30a6\u30a9\u30fc\u30eb\u8a2d\u5b9a\nsudo ufw allow 22\nsudo ufw allow 80\nsudo ufw allow 443\nsudo ufw enable\n<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"2.-%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%83%87%E3%83%97%E3%83%AD%E3%82%A4\">2. \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30c7\u30d7\u30ed\u30a4<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code># \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u4f5c\u6210\nsudo mkdir \/var\/www\/chatbot\nsudo chown $USER:$USER \/var\/www\/chatbot\n\n# \u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\u914d\u7f6e\ncd \/var\/www\/chatbot\ngit clone  .\n\n# \u4eee\u60f3\u74b0\u5883\u69cb\u7bc9\npython3 -m venv venv\nsource venv\/bin\/activate\n\n# \u4f9d\u5b58\u95a2\u4fc2\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\npip install -r requirements.txt\n<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"3.-systemd%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E8%A8%AD%E5%AE%9A\">3. Systemd\u30b5\u30fc\u30d3\u30b9\u8a2d\u5b9a<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code># \u30b5\u30fc\u30d3\u30b9\u30d5\u30a1\u30a4\u30eb\u4f5c\u6210\nsudo nano \/etc\/systemd\/system\/chatbot.service\n<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>&#91;Unit]\nDescription=ChatBot Flask App\nAfter=network.target\n\n&#91;Service]\nUser=www-data\nGroup=www-data\nWorkingDirectory=\/var\/www\/chatbot\nEnvironment=\"PATH=\/var\/www\/chatbot\/venv\/bin\"\nExecStart=\/var\/www\/chatbot\/venv\/bin\/python app.py\nRestart=always\n\n&#91;Install]\nWantedBy=multi-user.target\n<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code># \u30b5\u30fc\u30d3\u30b9\u6709\u52b9\u5316\nsudo systemctl daemon-reload\nsudo systemctl enable chatbot\nsudo systemctl start chatbot\n<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"4.-nginx%E8%A8%AD%E5%AE%9A\">4. Nginx\u8a2d\u5b9a<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>sudo nano \/etc\/nginx\/sites-available\/chatbot\n<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>server {\n    listen 80;\n    server_name your-domain.com;\n\n    location \/ {\n        proxy_pass http:\/\/127.0.0.1:5000;\n        proxy_set_header Host $host;\n        proxy_set_header X-Real-IP $remote_addr;\n        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;\n        proxy_set_header X-Forwarded-Proto $scheme;\n    }\n}\n<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code># \u8a2d\u5b9a\u6709\u52b9\u5316\nsudo ln -s \/etc\/nginx\/sites-available\/chatbot \/etc\/nginx\/sites-enabled\/\nsudo nginx -t\nsudo systemctl restart nginx\n<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"%E9%AB%98%E5%BA%A6%E3%81%AA%E6%A9%9F%E8%83%BD%E5%AE%9F%E8%A3%85\">\u9ad8\u5ea6\u306a\u6a5f\u80fd\u5b9f\u88c5<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1.-%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9%E9%80%A3%E6%90%BA\">\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u9023\u643a<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>import sqlite3\n\nclass ChatDatabase:\n    def __init__(self, db_path='chat.db'):\n        self.db_path = db_path\n        self.init_db()\n\n    def init_db(self):\n        conn = sqlite3.connect(self.db_path)\n        cursor = conn.cursor()\n        cursor.execute('''\n            CREATE TABLE IF NOT EXISTS conversations (\n                id INTEGER PRIMARY KEY AUTOINCREMENT,\n                user_id TEXT,\n                message TEXT,\n                response TEXT,\n                tokens_used INTEGER,\n                created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP\n            )\n        ''')\n        conn.commit()\n        conn.close()\n\n    def save_conversation(self, user_id, message, response, tokens_used):\n        conn = sqlite3.connect(self.db_path)\n        cursor = conn.cursor()\n        cursor.execute('''\n            INSERT INTO conversations (user_id, message, response, tokens_used)\n            VALUES (?, ?, ?, ?)\n        ''', (user_id, message, response, tokens_used))\n        conn.commit()\n        conn.close()\n<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2.-%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E8%AA%8D%E8%A8%BC\">\u30e6\u30fc\u30b6\u30fc\u8a8d\u8a3c<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>from functools import wraps\nimport jwt\n\ndef token_required(f):\n    @wraps(f)\n    def decorated(*args, **kwargs):\n        token = request.headers.get('Authorization')\n        if not token:\n            return jsonify({'message': '\u8a8d\u8a3c\u304c\u5fc5\u8981\u3067\u3059'}), 401\n\n        try:\n            data = jwt.decode(token, app.config&#91;'SECRET_KEY'], algorithms=&#91;'HS256'])\n            current_user = data&#91;'user_id']\n        except:\n            return jsonify({'message': '\u7121\u52b9\u306a\u30c8\u30fc\u30af\u30f3\u3067\u3059'}), 401\n\n        return f(current_user, *args, **kwargs)\n    return decorated\n\n@app.route('\/protected-chat', methods=&#91;'POST'])\n@token_required\ndef protected_chat(current_user):\n    pass\n<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3.-%E3%83%AC%E3%83%BC%E3%83%88%E5%88%B6%E9%99%90\">\u30ec\u30fc\u30c8\u5236\u9650<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>from flask_limiter import Limiter\nfrom flask_limiter.util import get_remote_address\n\nlimiter = Limiter(\n    app,\n    key_func=get_remote_address,\n    default_limits=&#91;\"200 per day\", \"50 per hour\"]\n)\n\n@app.route('\/chat', methods=&#91;'POST'])\n@limiter.limit(\"10 per minute\")\ndef chat():\n    pass\n<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"api%E6%96%99%E9%87%91%E6%9C%80%E9%81%A9%E5%8C%96%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF\">API\u6599\u91d1\u6700\u9069\u5316\u30c6\u30af\u30cb\u30c3\u30af<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1.-%E3%83%88%E3%83%BC%E3%82%AF%E3%83%B3%E5%89%8A%E6%B8%9B%E6%88%A6%E7%95%A5\">\u30c8\u30fc\u30af\u30f3\u524a\u6e1b\u6226\u7565<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>def optimize_history(chat_history, client):\n    # \u5c65\u6b74\u304c\u9577\u3044\u5834\u5408\u306f\u8981\u7d04\u3057\u3066\u5727\u7e2e\uff08\u8981\u7d04\u306f\u5b89\u4fa1\u306a\u30e2\u30c7\u30eb\u3067\uff09\n    if len(chat_history) &gt; 20:\n        summary_prompt = \"\u4ee5\u4e0b\u306e\u4f1a\u8a71\u3092\u7c21\u6f54\u306b\u8981\u7d04\u3057\u3066\u304f\u3060\u3055\u3044\uff1a\\n\" + \\\n            \"\\n\".join(&#91;f\"{msg&#91;'role']}: {msg&#91;'content']}\" for msg in chat_history&#91;:10]])\n\n        summary = client.responses.create(\n            model=\"gpt-4o-mini\",\n            input=&#91;{\"role\": \"user\", \"content\": summary_prompt}],\n            max_output_tokens=200,\n            temperature=0.2,\n        ).output_text\n\n        optimized = &#91;{\"role\": \"system\", \"content\": f\"\u904e\u53bb\u306e\u4f1a\u8a71\u8981\u7d04: {summary}\"}] + chat_history&#91;-10:]\n        return optimized\n\n    return chat_history\n<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2.-%E3%83%A2%E3%83%87%E3%83%AB%E4%BD%BF%E3%81%84%E5%88%86%E3%81%91\">\u30e2\u30c7\u30eb\u4f7f\u3044\u5206\u3051<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>def choose_model(message_type):\n    # \u4f8b\uff1a\u7c21\u5358\u306a\u51e6\u7406\u306f\u4f4e\u30b3\u30b9\u30c8\u3001\u9ad8\u5ea6\u306a\u5206\u6790\u306f\u9ad8\u6027\u80fd\u30e2\u30c7\u30eb\n    if \"\u7ffb\u8a33\" in message_type or \"\u8981\u7d04\" in message_type:\n        return \"gpt-4o-mini\"\n    elif \"\u5206\u6790\" in message_type or \"\u6226\u7565\" in message_type:\n        return \"gpt-4o\"\n    else:\n        return \"gpt-4o-mini\"\n<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3.-%E3%82%AD%E3%83%A3%E3%83%83%E3%82%B7%E3%83%A5%E6%A9%9F%E8%83%BD\">\u30ad\u30e3\u30c3\u30b7\u30e5\u6a5f\u80fd<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>import hashlib\n\nclass ResponseCache:\n    def __init__(self):\n        self.cache = {}\n\n    def get_cache_key(self, messages):\n        content = str(messages)\n        return hashlib.md5(content.encode()).hexdigest()\n\n    def get(self, messages):\n        return self.cache.get(self.get_cache_key(messages))\n\n    def set(self, messages, response_text):\n        self.cache&#91;self.get_cache_key(messages)] = response_text\n\ncache = ResponseCache()\n\ndef get_ai_response(client, model, instructions, messages):\n    cached = cache.get(messages)\n    if cached:\n        return cached\n\n    resp = client.responses.create(\n        model=model,\n        instructions=instructions,\n        input=messages\n    )\n\n    text = resp.output_text\n    cache.set(messages, text)\n    return text\n<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"%E3%82%BB%E3%82%AD%E3%83%A5%E3%83%AA%E3%83%86%E3%82%A3%E5%AF%BE%E7%AD%96\">\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1.-%E5%85%A5%E5%8A%9B%E3%82%B5%E3%83%8B%E3%82%BF%E3%82%A4%E3%82%BC%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3\">\u5165\u529b\u30b5\u30cb\u30bf\u30a4\u30bc\u30fc\u30b7\u30e7\u30f3<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>import re\nfrom html import escape\n\ndef sanitize_input(user_input):\n    sanitized = escape(user_input)\n\n    forbidden_patterns = &#91;\n        r'&lt;script.*?&gt;.*?&lt;\/script&gt;',\n        r'javascript:',\n        r'on\\w+\\s*=',\n    ]\n\n    for pattern in forbidden_patterns:\n        sanitized = re.sub(pattern, '', sanitized, flags=re.IGNORECASE)\n\n    return sanitized&#91;:1000]\n<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2.-%E7%92%B0%E5%A2%83%E5%A4%89%E6%95%B0%E7%AE%A1%E7%90%86\">\u74b0\u5883\u5909\u6570\u7ba1\u7406<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>import os\nfrom dotenv import load_dotenv\n\nload_dotenv()\n\nclass Config:\n    OPENAI_API_KEY = os.environ.get('OPENAI_API_KEY')\n    SECRET_KEY = os.environ.get('SECRET_KEY') or 'dev-secret-key'\n    DATABASE_URL = os.environ.get('DATABASE_URL') or 'sqlite:\/\/\/chat.db'\n\n    SESSION_COOKIE_SECURE = True\n    SESSION_COOKIE_HTTPONLY = True\n    SESSION_COOKIE_SAMESITE = 'Lax'\n<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3.-%E3%83%AD%E3%82%B0%E7%AE%A1%E7%90%86\">\u30ed\u30b0\u7ba1\u7406<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>import logging\n\nlogging.basicConfig(\n    level=logging.INFO,\n    format='%(asctime)s - %(name)s - %(levelname)s - %(message)s',\n    handlers=&#91;\n        logging.FileHandler('chatbot.log'),\n        logging.StreamHandler()\n    ]\n)\n\nlogger = logging.getLogger(__name__)\n<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"%E3%81%8A%E3%81%99%E3%81%99%E3%82%81vps%E3%83%BB%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC%EF%BC%88chatgpt-api%E7%94%A8%EF%BC%89\">\u304a\u3059\u3059\u3081VPS\u30fb\u30b5\u30fc\u30d0\u30fc\uff08ChatGPT API\u7528\uff09<\/h2>\n\n\n\n<p>ChatGPT\u30dc\u30c3\u30c8\u306e\u5b89\u5b9a\u904b\u7528\u306b\u306f\u3001\u4fe1\u983c\u6027\u306e\u9ad8\u3044\u30b5\u30fc\u30d0\u30fc\u304c\u5fc5\u8981\u3067\u3059\u3002\u7528\u9014\u5225\u306e\u304a\u3059\u3059\u3081\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n\n\n<p><iframe style=\"width: 100%; min-height: 720px; border: 1px solid #e5e7eb; border-radius: 12px; overflow: hidden;\" src=\"https:\/\/www.svnavi.net\/\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe><\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"%F0%9F%A5%87-%E9%96%8B%E7%99%BA%E3%83%BB%E3%83%97%E3%83%AD%E3%83%88%E3%82%BF%E3%82%A4%E3%83%97%EF%BC%9Aconoha-vps\">\u958b\u767a\u30fb\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7\uff1aConoHa VPS<\/h3>\n\n\n\n<p><strong>\u7279\u5fb4<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u6642\u9593\u5358\u4f4d\u8ab2\u91d1\u3067\u958b\u767a\u30b3\u30b9\u30c8\u6700\u9069\u5316<\/li>\n\n\n\n<li>SSD\u6a19\u6e96\u3067\u30ec\u30b9\u30dd\u30f3\u30b9\u9ad8\u901f<\/li>\n\n\n\n<li>\u7c21\u5358\u64cd\u4f5c\u306e\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u30d1\u30cd\u30eb<\/li>\n\n\n\n<li>\u6708\u984d296\u5186\uff5e<\/li>\n<\/ul>\n\n\n\n<p><strong>ChatGPT\u30dc\u30c3\u30c8\u5411\u3051\u4ed5\u69d8<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>CPU: 1-4vCPU<\/li>\n\n\n\n<li>\u30e1\u30e2\u30ea: 1-8GB<\/li>\n\n\n\n<li>SSD: 100GB<\/li>\n\n\n\n<li>\u6599\u91d1: 296\u5186\/\u6708\uff5e<\/li>\n<\/ul>\n\n\n\n<p><a href=\"https:\/\/px.a8.net\/svt\/ejp?a8mat=2ZU90B+9MIX8A+50+4ZDH4X\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>&gt;&gt;&gt; ConoHa VPS\u3067\u958b\u767a\u74b0\u5883\u69cb\u7bc9<\/strong><\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"%F0%9F%A5%88-%E6%9C%AC%E7%95%AA%E9%81%8B%E7%94%A8%EF%BC%9A%E3%82%A8%E3%83%83%E3%82%AF%E3%82%B9%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC-vps\">\u672c\u756a\u904b\u7528\uff1a\u30a8\u30c3\u30af\u30b9\u30b5\u30fc\u30d0\u30fc VPS<\/h3>\n\n\n\n<p><strong>\u7279\u5fb4<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u56fd\u5185\u6700\u5927\u7d1a\u306e\u5b89\u5b9a\u6027<\/li>\n\n\n\n<li>24\u6642\u9593365\u65e5\u30b5\u30dd\u30fc\u30c8<\/li>\n\n\n\n<li>\u81ea\u52d5\u30d0\u30c3\u30af\u30a2\u30c3\u30d7\u6a19\u6e96<\/li>\n\n\n\n<li>\u6708\u984d830\u5186\uff5e<\/li>\n<\/ul>\n\n\n\n<p><strong>ChatGPT\u30dc\u30c3\u30c8\u5411\u3051\u4ed5\u69d8<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>CPU: 2-8vCPU<\/li>\n\n\n\n<li>\u30e1\u30e2\u30ea: 2-32GB<\/li>\n\n\n\n<li>SSD: 50-100GB<\/li>\n\n\n\n<li>\u6599\u91d1: 830\u5186\/\u6708\uff5e<\/li>\n<\/ul>\n\n\n\n<p><a href=\"https:\/\/px.a8.net\/svt\/ejp?a8mat=3TNVSK+2BYRGA+CO4+25G2DE\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>&gt;&gt;&gt; \u30a8\u30c3\u30af\u30b9\u30b5\u30fc\u30d0\u30fc VPS\u3067\u5b89\u5b9a\u904b\u7528<\/strong><\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"%F0%9F%A5%89-%E3%82%B3%E3%82%B9%E3%83%91%E9%87%8D%E8%A6%96%EF%BC%9Akagoya-cloud-vps\">\u30b3\u30b9\u30d1\u91cd\u8996\uff1aKAGOYA CLOUD VPS<\/h3>\n\n\n\n<p><strong>\u7279\u5fb4<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u696d\u754c\u6700\u5b89\u7d1a\u306e\u6599\u91d1\u8a2d\u5b9a<\/li>\n\n\n\n<li>\u67d4\u8edf\u306a\u30b9\u30da\u30c3\u30af\u5909\u66f4<\/li>\n\n\n\n<li>\u7121\u6599\u304a\u8a66\u3057\u671f\u9593<\/li>\n\n\n\n<li>\u6708\u984d550\u5186\uff5e<\/li>\n<\/ul>\n\n\n\n<p><strong>ChatGPT\u30dc\u30c3\u30c8\u5411\u3051\u4ed5\u69d8<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>CPU: 1-16vCPU<\/li>\n\n\n\n<li>\u30e1\u30e2\u30ea: 1GB-64GB<\/li>\n\n\n\n<li>SSD: 25GB-800GB<\/li>\n\n\n\n<li>\u6599\u91d1: 550\u5186\/\u6708\uff5e<\/li>\n<\/ul>\n\n\n\n<p><a href=\"https:\/\/px.a8.net\/svt\/ejp?a8mat=2020TC+G5OL4A+7YE+O3MKH\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>&gt;&gt;&gt; KAGOYA VPS\u3067\u30b3\u30b9\u30d1\u826f\u304f\u904b\u7528<\/strong><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"%E3%81%BE%E3%81%A8%E3%82%81\">\u307e\u3068\u3081<\/h2>\n\n\n\n<p>ChatGPT API\u3092\u4f7f\u3063\u305f\u81ea\u4f5c\u30c1\u30e3\u30c3\u30c8\u30dc\u30c3\u30c8\u306e\u958b\u767a\u304b\u3089\u904b\u7528\u307e\u3067\u3001\u8a73\u3057\u304f\u89e3\u8aac\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p><strong>\u91cd\u8981\u30dd\u30a4\u30f3\u30c8<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>API\u6599\u91d1\u6700\u9069\u5316<\/strong>\u3067\u30b3\u30b9\u30c8\u3092\u5927\u5e45\u524a\u6e1b\u53ef\u80fd<\/li>\n\n\n\n<li><strong>Flask + Python<\/strong>\u3067\u6bd4\u8f03\u7684\u7c21\u5358\u306b\u5b9f\u88c5<\/li>\n\n\n\n<li><strong>\u9069\u5207\u306aVPS\u9078\u629e<\/strong>\u3067\u5b89\u5b9a\u904b\u7528<\/li>\n\n\n\n<li><strong>\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56<\/strong>\u306f\u5fc5\u9808<\/li>\n<\/ol>\n\n\n\n<p>\u30b2\u30fc\u30de\u30fc\u306e\u7686\u3055\u3093\u306a\u3089\u3001\u65b0\u3057\u3044\u30b2\u30fc\u30e0\u3092\u899a\u3048\u308b\u3068\u304d\u306e\u96c6\u4e2d\u529b\u3067\u3001\u304d\u3063\u3068\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u3082\u697d\u3057\u304f\u7fd2\u5f97\u3067\u304d\u308b\u306f\u305a\u3002\u307e\u305a\u306f\u958b\u767a\u74b0\u5883\u304b\u3089\u59cb\u3081\u3066\u3001\u6bb5\u968e\u7684\u306b\u30b9\u30b1\u30fc\u30eb\u30a2\u30c3\u30d7\u3057\u3066\u3044\u304d\u307e\u3057\u3087\u3046\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u3069\u3046\u3082\uff01\u30b2\u30fc\u30de\u30fc\u306a\u3089\u4e00\u5ea6\u306f\u300c\u81ea\u5206\u5c02\u7528\u306eAI\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8\u304c\u6b32\u3057\u3044\u300d\u3068\u601d\u3063\u305f\u3053\u3068\u3042\u308a\u307e\u305b\u3093\u304b\uff1f\u30b2\u30fc\u30e0\u653b\u7565\u3092\u624b\u4f1d\u3063\u3066\u304f\u308c\u305f\u308a\u3001\u30c1\u30fc\u30e0\u6226\u7565\u3092\u8003\u3048\u3066\u304f\u308c\u305f\u308a\u3001\u305d\u3093\u306a\u5922\u306e\u3088\u3046\u306a\u30c1\u30e3\u30c3\u30c8\u30dc\u30c3\u30c8\u304c\u5b9f\u306f\u7c21\u5358\u306b\u4f5c\u308c\u308b\u3093\u3067\u3059\uff01 \u3053\u306e\u8a18\u4e8b\u3067\u306f\u3001 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":23857,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"swell_btn_cv_data":"","footnotes":""},"categories":[6,21,24,42],"tags":[363,390,393,395,389,394,392,397,130,396,391],"class_list":["post-13793","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-conoha-vps","category-xserver","category-kagoya","category-basic","tag-363","tag-api","tag-chatgptapi","tag-flask","tag-gpt4o","tag-python","tag-392","tag-397","tag-130","tag-396","tag-391"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.quicca-plus.com\/svnavi\/wp-json\/wp\/v2\/posts\/13793","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.quicca-plus.com\/svnavi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.quicca-plus.com\/svnavi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.quicca-plus.com\/svnavi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.quicca-plus.com\/svnavi\/wp-json\/wp\/v2\/comments?post=13793"}],"version-history":[{"count":4,"href":"https:\/\/www.quicca-plus.com\/svnavi\/wp-json\/wp\/v2\/posts\/13793\/revisions"}],"predecessor-version":[{"id":24603,"href":"https:\/\/www.quicca-plus.com\/svnavi\/wp-json\/wp\/v2\/posts\/13793\/revisions\/24603"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.quicca-plus.com\/svnavi\/wp-json\/wp\/v2\/media\/23857"}],"wp:attachment":[{"href":"https:\/\/www.quicca-plus.com\/svnavi\/wp-json\/wp\/v2\/media?parent=13793"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.quicca-plus.com\/svnavi\/wp-json\/wp\/v2\/categories?post=13793"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.quicca-plus.com\/svnavi\/wp-json\/wp\/v2\/tags?post=13793"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}