PHP初心者セッション〜ChatGPTでゼロから動くプログラムを生み出そう！〜

PHPカンファレンス2024 PHP初心者セッション〜ChatGPTでゼロから動くプログラムを生み出そう！〜 #phpcon #track6 日本PHPユーザ会有限会社アリウープ柏岡秀男 x,facebook
@kashioka

@kashioka 自己紹介 • 有限会社アリウープ代表取締役社長 • Registered Scrum Master（RSM） •
Registered Product Owner（RPO） • Registered Scrum@Scale Practitioner（RS@SP） • PHPユーザ会の発起人の一人 • PHPカンファレンスでは初回より運営に参加 • 明日の開発カンファレンス(@asucon_jp) • PHPを中心としたWEB開発からスクラム導入まで

執筆

対象となる皆様 PHPを書いたことが無い入門書読んだけど、途中で挫折他の言語で入門程度 ChatGPTに興味がある

セッションのゴール PHPとは何かを理解する簡単な開発環境を構築できるようになる基本的なPHPコードが書けるようになる

PHPとは

PHPとは A popular general-purpose scripting language that is especially suited
to web development. Fast, flexible and pragmatic, PHP powers everything from your blog to the most popular websites in the world. http://php.net/より Web開発に特に適した、人気のある汎用的なスクリプト言語です。高速で柔軟かつ実用的なPHPは、あなたのブログから世界で最も人気のあるウェブサイトまで、あらゆるものを支えています。 ChatGPTの翻訳

PHPの歴史 1994年にRasmusがオンラインで公開している経歴書のアクセス履歴を調べるために使われていました彼はそのスクリプト群を「Personal Home Page Tools」と名付けました。 http://php.net/manual/ja/history.php

EC-CUBEは株式会社イーシーキューブの商標です PHPのsoftware

PHPのシェア https://w3techs.com/

PHP動作の仕組み

PHPを実行するのに必要なもの

XAMPP MAMP WAMP Laragon

Docker 公式サイト https://www.docker.com/ Windows https://docs.docker.jp/docker-for-windows/install.html Mac https://docs.docker.jp/docker-for-mac/toc.html

Docker Compose Compose とは、複数のコンテナを定義し実行する Docker アプリケーションのためのツールです。 • 単一ホスト上で、複数の環境を分離実行できます •
開発環境の構築が便利 • テストの実行や本番環境への移行にも便利

docker-compose.yml version: '3' services: php: image: php:8.4-cli expose: - '8888'
ports: - '8888:80' volumes: - ./:/home/www-data working_dir: /home/www-data command: php -S 0.0.0.0:80 dockerイメージ名公開ポートホスト側とコンテナのポートボリュームのマウトコマンドの実行ビルトインサーバ alpine linuxは軽量でリソース効率を重視したディストリビューションです。 PHP8.3は10/4現在RC(リリース候補）のイメージが多い

Dockerによる開発環境 docker-composeを使用する場合 dockerのインストール docker-compose.ymlの作成 docker-compose up

ディレクトリ構成 • ./ => ここがdockerと共有されている（ビルトインサーバのディレクトリ） • docker-compose.yml • ローカルのファイルを修正するとdocker側で実行可能
• docker ps • docker exec -it php-server /bin/bash

起動方法対象ディレクトリに移動して docker-compose up -d 開始 docker-compose stop終了

参考 Laravelの場合 Sailコマンドがあります $curl -s "https://laravel.build/example-app" | bash $cd example-app
$./vendor/bin/sail up -d

ツール類

今回紹介するツール Visual Studio Code Cursor ChatGPT Microsoft Copilot

Visual Studio Code

Visual Studio Code Visual Studio Code (VS Code) は、Microsoftが提供する無料のソースコードエディタです。軽量でありな
がら強力な機能を持ち、さまざまなプログラミング言語をサポートしています。主な特徴としては、以下の点が挙げられます。 https://code.visualstudio.com/

VS Codeの拡張・設定 PHP Intelephense Docker Github copilot Github copilot chat
https://learn.microsoft.com/ja-jp/visualstudio/ide/visualstudio-github-copilot-install-and-states?view=vs-2022

プロンプト： Visual Stuido CodeでPHPのコーディングを行う時の便利な拡張は

Cursor

cursorの便利な使い方・対話でコード生成・コードの修正ができる・複数ファイルやディレクトリに対して処理可能・生成AIと紐づけると性能アップ

ChatGPT

copilot

PHPの概要

PHPは世界で使われている

実行してみましょう。 http://localhost:8888/ index.phpを作成して確認してみましょう http://localhost:8888/

index.php <?php phpinfo();

PHPタグ <?php ?> PHPモード; HTMLのタグのようなイメージ; https://www.php.net/manual/ja/tutorial.firstpage.php

<html> <body> <?php echo "こんにちは"; ?> </body> </html> 一番かんたんなサンプル http://localhost:8080/1st.phpe

拡張子ファイル名.php

PHPの構文 •<?phpで始まる •変数は$で始まる; •文末は;で終わる •簡単なサンプルを見てみましょう

<?php $a = 'こんにちは'; echo $a; 変数の例

足したり、つなげたり <?php $a = 'PHPカンファレンス'; $b = 2023; $c =
$a . $b + 1; echo $c;

制御構文などよく使うものを理解しましょう

条件判定入力値が予想と違う取得した値によって処理を切り分ける

<?php if($a) { echo '条件を満たす'; } else { echo '条件を満たさない';
}

繰り返し処理 for 決まった回数など foreach 配列の繰り返し while(do while) 条件
がtrueの間

配列の添字は0から始まります。 <?php $numbers = ['佐藤','鈴木','高橋']; echo $numbers[0]; //佐藤が表示 echo $numbers[2];
//高橋が表示

省略しないと書き方を確認 <?php $numbers = [ 0 =>'佐藤’, 1 =>'鈴木’, 2=>'高橋'
]; var_dump($numbers); http://localhost:8080/sample5.php http://localhost:8080/sample5.php

繰り返し処理 for 決まった回数など foreach 配列の繰り返し while(do while) 条件がtrueの間

最も利用するであろうforeach <?php $numbers = ['2','3','4','5','6']; foreach($numbers as $val) { echo
$val; } http://localhost:8080/sample4.php http://localhost:8080/sample4.php

プロンプト phpのvar_dump()関数はどんな関数ですか

key value <?php $numbers = [ '名前' => '柏岡', '出身'
=> '東京', '役割' => 'スクラムマスター’]; foreach($numbers as $key => $val) { echo $key . ':' . $val . '<br/>'; }

関数 • 繰り返される処理を共通化 • function 関数名([型] [引数],,,) { • }
• なんども出てくる処理を関数化しておく。

関数を呼び出す http://localhost:8888/sample8.php <?php function add1(int $num = 0) { return
$num + 1; } echo add1(10);

エスケープ http://localhost:8888/sample8.php <?php function hsp(string $str) { return htmlspecialchars($str, ENT_QUOTES);
} echo "<s>test</s>"; echo hsp('<s>test</s>');

これくらいわかればOK 自分この先進む場合はクラスの扱いなどを勉強しましょう PHPのオンラインマニュアルの充実度が凄い PHPの歴史 https://www.php.net/manual/ja/history.php.php 言語リファレンス https://www.php.net/manual/ja/langref.php

次の一歩

EC-CUBEは株式会社イーシーキューブの商標ですアプリケーションをインストールしてみる

フレームワークを使ってみよう Laraval CakePHP Symphony

実践編 CSVファイルを読み込んで表示するプログラムを作る

材料 php.net 開発環境お好きなエディタ php.net マニュアル CSVファイル

仕様・CSVファイルを読み込んで表示する・CSVファイル名はtest.csv ・CSVのレイアウトは、会場、セッションタイトル、開始時間の3フィールド・読み込んだ情報はHTMLのテーブル形式で表示する

CSVを読み込む関数名がわからなければとりあえず検索

プロンプト： sqlfileobject::fgetcsvとfgetcsvと str_getcsvがありますがそれぞれの使い分けは？

fgetcsvってのが見つかった https://php.net/manual/ja/function.fgetcsv.php がんばって読むとわかるわからなければサンプルを

php.net より

さらにマニュアルで調べてみようわからない関数を右上に入れてみる。

マニュアルを読んでみる fopen — ファイルまたは URL をオープンする whileループは、PHPで最も簡単なタイプのループです。
count — 変数に含まれるすべての要素、あるいはオブジェクトに含まれる何かの数を数える fclose — オープンされたファイルポインタをクローズするこれを踏まえて

なんとなくわかった

サンプルをそのまま動かしてみる •マニュアルのソースをfget.php として作成 •http://localhost:8888/fget.php • Warning: fopen(test.csv): Failed
to open stream: No such file or directory in /var/www/html/fget.php on line 3 •エラーがでるのでcsvファイルを置いてみましょう。

test.csvを作る "トラック","タイトル","開始時間" "Track1","「PHPの今とこれから2024」","10:00" "Track1","PHP RMは何をする？コア開発者と兼任す","10:55" "Track2","Beyond ORM","10:55" "Track3","PHPStan拡張のコードから読み解く静的解...","10:55" "Track4","PHP開発者が挑むDKIM導入：Google...", "10:55"
"Track5","良いテストコードを書くためのガイドライ...","10:55” "Track6","「PHP初心者セッション2024」〜ChatG...","10:55"

ファイルを置いて実行してみましょう csvファイルを置く場所はphpファイルと同じ階層にします。

プログラムを見てみましょう

プロンプト @ファイル名このファイルはどんな処理を行うプログラムですか。一行ずつ[プログラミング初学者]にわかるように説明してください。

不要なものを消しましょう

$num や $rowは不要

不要そうな行を消しました。 $numはforループで使ってます。でも短くなりました

実行すると

ループの構造

count($data）で出している 1行のフィールド数は決まっているので内側のループをやめてみる。

whileで取得している$dataをvar_dumpしてみる http://localhost:8080/fget3.php http://localhost:8080/fget3.php

arrayの表示を$data[添字]形式で行う http://localhost:8080/fget4.php

テーブルで表示してみましょう

テーブルの構造同じような部分をループで表示させる

ループを同様に繰り返させる

プロンプト 7行目の開始時間が「10:55” Track6“」このように表示されています。時間だけが入るはずですが、なぜこのような表示になったか、可能性を教えてください。という状況を解決するためのよりよいプロンプトを教えてを聞く

テーブル作成

プロンプト: このプログラムにOWASP TOP10の脆弱性がないか検査してください

サンプルソース

<h1>PHPカンファレンス2024 初日午前セッション</h1> 絞り込み：<a href="list.php?room=Track1">Track1</a> <a href="list.php?room=Track2">Track2</a> <a href="list.php?room=Track3">Track3</a> <a href="list.php?room=Track4">Track4</a>
<a href="list.php?room=Track5">Track5</a> <a href="list.php?room=Track5">Track6</a> <table border=1> <?php if (isset($_GET['room'])) { $room = $_GET['room']; } else { $room = 'Track1'; } if (($handle = fopen("test.csv", "r")) !== FALSE) { while (($data = fgetcsv($handle, 1000, ",")) !== FALSE) { if ($room === $data[0]) { echo "<tr>"; echo "<td>" . hsc($data[0]) . "</td>" . PHP_EOL; echo "<td>" . hsc($data[1]) . "</td>" . PHP_EOL; echo "<td>" . hsc($data[2]) . "</td>" . PHP_EOL; echo "</tr>"; } } fclose($handle); } ?> </table> <?php function hsc(string $str) { return htmlspecialchars($str, ENT_QUOTES); }

プロンプト: このプログラムにOWASP TOP10の脆弱性がないか検査してください

http://localhost:8888/list.php?room=Track1

プロンプト一発で作らせる用

「あなたは10年以上の経験を持つPHPエンジニアであり、常にセキュリティを意識したコーディングができます。以下の仕様に沿ったPHPプログラムを作成してください。プログラム内には、なぜそのような処理を行うのかを他の開発者が理解しやすいよう、十分なコメントを入れてください。仕様： 1. test.csvファイルを読み込み、CSVデータを取得します。 • CSVはUTF-8エンコード、カンマ区切り、フィールドは「トラック（track）」「タイトル（title）」「開始時間（start_time）」の3つ。 •
ファイルが存在しない、または読み込み不可ならエラーメッセージを表示してください。 2. トラックごとにデータを絞り込む機能を実装します。 • Webフォームなどでユーザーがtrackパラメータ（例：?track=Track1）を指定した場合、そのトラックに該当する行のみHTMLテーブルで表示してください。 • パラメータが指定されない場合はすべてのデータを表示します。 3. セキュリティ上の注意点： • ユーザーが指定するtrackパラメータは信用できない入力とみなし、必ず入力バリデーションとエスケープ処理を行ってください。 • 例えば、trackパラメータが想定外の文字列（HTMLタグ、特殊文字）を含んでいてもXSSが起きないよう htmlspecialchars()でエスケープしてから表示してください。 • 検索・絞り込みはCSVファイル内に存在するトラック名のみ許可し、それ以外の値の場合は全データ表示またはエラーメッセージを出すなど、安全な挙動を行ってください。 • CSVファイル中のデータも同様にhtmlspecialchars()でエスケープして出力することで、XSS対策をしてください。 4. HTMLテーブル表示： • 1行目に「トラック」「タイトル」「開始時間」というカラム見出しを <th> で表示し、2行目以降に該当データを <td> で表示します。 • 見出しは固定でよく、trackパラメータによる絞り込みはデータ行の表示有無にのみ影響します。 5. エラー処理： • ファイル読み込み失敗時や、ファイルが空の場合は適切なメッセージ（「ファイルを読み込めませんでした」など）を表示し、PHPのエラーがそのまま出ないように工夫してください。以上の要件を満たしたPHPコードを提示してください。」

では作りたいものを作ってみましょう

学習計画プロンプト： PHPを勉強し始たいです。私のレベルは [PHP入門書を読んで、難しいと辞めてしまった経験があります] 学習可能な時間は [週3時間]です。期間は [3ヶ月]で
目標は [TODOアプリを自作できる]を作成したい実現可能な学習計画をだしてください。

まとめ

ChatGPTに依頼する上での注意点 1. 全てを鵜呑みにしてはいけない 2. 最後の責任は自分で持つ 3. 動作確認は必要 4. セキュリティは絶対に必要 5.
壁打ち、確認依頼、アイデア出しなどで活躍 6. php.netは依然として便利積極的に利用しましょう。

PHPは取っ付きやすいし、しばらくなくならない！

ご清聴ありがとうございました

ぜひお試しください！

PHP初心者セッション有限会社アリウープ柏岡秀男 x,facebook @kashioka 気軽にフォローしてください

PHP初心者セッション 〜ChatGPTでゼロから動くプログラムを生み出そう！〜

PHP初心者セッション 〜ChatGPTでゼロから動くプログラムを生み出そう！〜

More Decks by Hideo Kashioka

Other Decks in Technology

Featured

Transcript

PHP初心者セッション〜ChatGPTでゼロから動くプログラムを生み出そう！〜

PHP初心者セッション〜ChatGPTでゼロから動くプログラムを生み出そう！〜