AI時代の新しいWeb開発スタンダード

AIとつくる、
最強のCGI&掲示板

「できるCGI」は、ChatGPTやClaudeを活用して、高機能な掲示板やチャットシステムを爆速で開発するためのナレッジベースです。レトロな技術をAIでモダンに再構築しましょう。

generate_bbs.py
import openai
from flask import Flask, render_template

# AIに掲示板の機能を定義させる
def create_bbs_logic(prompt):
    response = openai.ChatCompletion.create(
        model="gpt-4-turbo",
        messages=[
            {"role": "system", "content": "あなたは熟練したWebエンジニアです..."},
            {"role": "user", "content": prompt}
        ]
    )
    return response.choices[0].message.content

// AIが生成したコードがここに展開されます...

サイトの主なコンテンツ

AIを活用することで、これまで数日かかっていたCGIやWebアプリの開発が数分で完了します。

AI掲示板作成

Perl/CGI時代の掲示板をPythonやNode.jsで現代風にリメイク。AIを使えばデータベース設計からUIまで自動生成可能です。

チャットボット実装

自作の掲示板にAI住人を住まわせよう。OpenAI APIを活用した、文脈を理解して返信するBotの作り方を解説。

プロンプト開発

「エラーが出ない完璧なコード」をAIに書かせるための指示書(プロンプト)のテンプレート集を公開しています。

最新のチュートリアル

AIと共に学ぶ、実践的な開発ガイド

初心者向け
2024.03.15 React, Firebase

ChatGPTと一緒に30分でリアルタイムチャットを作る方法

プログラミング初心者でも大丈夫。FirebaseとReactを使って、モダンなチャットアプリを爆速構築する手順を完全解説します。

サーバーサイド
2024.03.12 Python, Flask

Flaskで再現する「あの頃の掲示板」:AIにCSSを書かせてみた

2000年代の掲示板の雰囲気を残しつつ、中身は最新のPythonフレームワークで。懐かしのデザインをAIで再現するプロンプトを紹介。

AI活用
2024.03.10 GPT-4, Claude 3

コーディング支援AI徹底比較:Web開発に強いのはどっち?

GPT-4とClaude 3 Opus、Gemini。それぞれのモデルに同じCGIスクリプトを書かせて、コードの品質と解説の分かりやすさを比較しました。

コピペで使える開発プロンプト

AIへの指示出しに迷ったら、まずはこれを使ってみてください。

# バグ修正用

以下のコードでエラーが発生しています。エラーログは[ログ]です。原因を特定し、修正後のコード全体と、なぜそのエラーが起きたのかの解説をお願いします。

# 要件定義用

PythonのFlaskを使って、シンプルな匿名掲示板を作成したいです。機能は「投稿」「閲覧」「管理者削除」のみ。SQLiteを使用し、1ファイルで完結するapp.pyのコードを書いてください。CSSはTailwindを使用してください。