シンプル開発プロセス

• 開発の初期段階で、最も重要な要素を明確化する

2025年01月10日 React のもっともシンプルなDBアクセスとして

import { Pool } from 'pg';

const pool = new Pool({
  user: 'username',
  host: 'localhost',
  database: 'dbname',
  password: 'password',
  port: 5432,
});

async function getData() {
  try {
    const client = await pool.connect();
    const res = await client.query('SELECT NOW() as now');
    client.release();
    return res.rows[0].now;
  } catch (error) {
    console.error("Database error:", error);
    return 'データベース接続エラー';
  }
}

export default async function DbPage() {
  const now = await getData();

  return (
    <div>
      <h1>データベース接続の例 (Server Component)</h1>
      <p>現在のデータベース時刻: {now?.toString()}</p>
    </div>
  );
}
  

2025年01月02日 ツリー型履歴モデル作成

2024年12月27日 個人開発特化型AIチャット(React + Next.js)作成

2024年12月11日 サイト公開