ChatGPTとLaravelを使ってウェブサイトを作成する - 私の体験（パート1）

ChatGPTとLaravelを使ってウェブサイトを作成する - 私の体験（パート1）

目次

1. はじめに
2. プロジェクトの概要
3. Laravelの導入
4. ChatGPTとの連携
   1. ChatGPTの使い方
   2. プロジェクトの構造設計
   3. ライブラリの選択とインストール
5. SAML 2.0シングルサインオンの実装
   1. プロジェクト構造の設計
   2. コードの生成とレビュー
   3. パーミッションとロールの管理
6. LiveWireの導入
   1. インストール手順
   2. ユーザー情報の追加と管理
      1. データテーブルの作成
      2. フォームの作成とバリデーション

🖥️ プロジェクトの概要

こんにちは、みなさん。今日は、2週間前に開始したプロジェクトについて話したいと思います。このプロジェクトでは、Laravelで新しいウェブサイトを実装しようとしています。私はLaravelの初心者なので、ChatGPTを使用してみて、どのくらい進められるか確認しようと思いました。既に2週間間違いなくテストしてきましたので、今からその経過を共有します。このストーリーは、数つにまとめられるかどうかはわかりませんが、とても長く、新しいウェブサイトを実装する際にChatGPTがどれだけ役立つか、どこまで進めるかを見るのは非常に興味深いのです。このプロジェクトはSAMLシングルサインオンへの移行プロジェクトであり、シングルサインオン認証プロトコルを活用しています。では、早速始めてみましょう。

🚀 Laravelの導入

まず、プロジェクトを始める前に、Laravelの導入手順を確認しましょう。私は既にLaravelのインストールと設定を行っており、バージョン8とBriveを使用しています。また、SAML 2.0 Identity Providerにはパッケージも使用しています。以下にインストール手順を示します。

Composer require laravel/saml2-idp

インストールが完了したら、マイグレーションを作成して実行します。

php artisan migrate

これで、LaravelとSAML 2.0 Identity Providerのインストールと設定が完了しました。

💬 ChatGPTとの連携

ChatGPTを使用してプロジェクトの計画と実装をサポートしてもらいましょう。まずは、ChatGPTに役割とパーソナリティを紹介し、プロジェクトの計画と実装をサポートしてもらいます。具体的には、プロジェクトの構造設計、ライブラリの選択、コード生成とレビューなどのサポートが必要です。

ChatGPTを活用したプロジェクト構造の設計

ChatGPTにプロジェクトの構造設計をお願いします。新しいプロジェクトなので、Laravelに詳しくない私はChatGPTに構造設計をお願いすることにしました。

ChatGPT: こんにちは！私はLaravelとSAML 2.0プロトコルに広範な知識を持つPHPのエキスパートプログラマです。プロジェクト構造を決めるお手伝いをします。具体的には、以下の点についてお手伝いします。

1. プロジェクトの構造設定（パッケージ、環境設定など）
2. ライブラリの選択とインストール
3. ファイルとデータベースの構造設計
4. クラスやコードの自動生成
5. コードレビューと改善の提案

私の役割は、特に以下の項目に焦点を当てています。

1. プロジェクトの構造設定
2. ライブラリの選択とインストール
3. コードの生成とレビュー

どのようなサポートが必要ですか？

私: プロジェクトの構造設計にサポートをお願いします。特に、Laravelの新しいプロジェクトなので、構造設計には迷っています。

ChatGPT: もちろん、喜んでお手伝いします。ファイルの構造、パッケージ、環境などの詳細について教えてください。

私: 私はすでにLaravelのインストールと設定を行っています。バージョン8とBreeを使用しています。また、SAML 2.0 Identity Providerにはパッケージも使用しています。

ChatGPT: 分かりました。すでにLaravelとSAML 2.0 Identity Providerがインストールされていることは理解しました。次は、プロジェクトの構造設計ですね。どのようなファイルとデータベースの構造が必要ですか？

私: プロジェクトはSAML 2.0シングルサインオンへの移行プロジェクトであり、シングルサインオン認証プロトコルを活用しています。

ChatGPT: 理解しました。では、プロジェクトの構造設計に取り掛かりましょう。まずは、パッケージ、環境設定、ルーティングなどの項目を具体的に決めていきましょう。必要な機能やライブラリなども教えてください。

私: 構造設計としては、ルーティング、パッケージ、環境設定が必要です。また、ユーザーの認証とロール管理機能も実装したいです。

ChatGPT: 理解しました。ルーティング、パッケージ、環境設定、ユーザーの認証とロール管理機能を構造設計に含めますね。それでは、開発を始める前に、以下のステップに従って進めましょう。

1. ルーティングの設定
2. パッケージの選択とインストール
3. 環境設定の確認と更新
4. ユーザーの認証とロール管理の実装

これらのステップに取り組んでいきましょう。

私: 分かりました。ステップごとに進めていきます。ありがとうございます。

ChatGPT: どういたしまして。何か問題が発生したら、いつでもお知らせください。

私: ありがとうございます。困ったことがあれば、また相談させていただきます。

ChatGPT: どういたしまして。何かお力になれることがあれば、いつでもお知らせください。

このように、ChatGPTと協力してプロジェクトの構造設計を進めることができました。次は、具体的な手順を確認していきましょう。

【終わり】