CGIプログラムを書いてみた

ゆるWeb勉強会@札幌 #27 / フロントエンドカンファレンス北海道2024 お疲れ様会
https://mild-web-sap.connpass.com/event/327040/

Transcript

1. PerlでCGIスクリプトを書いてみた ゆるWeb勉強会@札幌 #27 / フロントエンドカンファレンス北海道2024 お疲れ様会 うーたん
2. 自己紹介
3. 自己紹介 • うーたん ◦ X：@uutan1108 • 株式会社ゆめみ ◦ 新卒２年目 ◦ サーバーサイドエンジニア • 趣味 ◦ アニメを観ること
4. 私とゆるWeb勉強会@札幌
5. 初めてのLT発表｜うーたん https://note.com/uutan1108/n/nffce0e70facd
6. オンラインの時のゆるWebだったけど楽しかった • ワイワイする時間がいい • ハッシュタグでリアクションしてくださる方が多くて いい • 当時大学生の私でも発表しやすくてよかった • 司会、運営のtacckさんから感想がもらえるのがいい
7. 以上、私とゆるWeb勉強会@札幌でした
8. 本題 「PerlでCGIスクリプトを書いてみた」
9. CGIとは
10. CGIとは？ CGI とは Common Gateway Interface の略です。通常の ページでは、あらかじめ用意された HTML ページを表示す るだけですが、CGI を用いることにより、例えば、以下の ようなページを作成することができるようになります。 - カウンター - チャット - 掲示板 - アンケートフォーム CGIの概要 - とほほのWWW入門 https://www.tohoho-web.com/wwwcgi1.htm
11. CGIスクリプトとは 「CGIプログラム」のうち、Perl、awk、sh などコンパイ ル作業が不要なスクリプト言語で記述されたものを「CGI スクリプト」と呼びます。CGI プログラムは Perl で記述 されたものが多いですが、環境変数と標準入力を参照でき て、結果を標準出力に書き出せるものであれば、C言語、 C++言語、VisualBasic でも何でも構いません。 CGIの概要 - とほほのWWW入門 https://www.tohoho-web.com/wwwcgi1.htm
12. CGIスクリプトとは 「CGIプログラム」のうち、Perl、awk、sh などコンパイ ル作業が不要なスクリプト言語で記述されたものを「CGI スクリプト」と呼びます。CGI プログラムは Perl で記述さ れたものが多いですが、環境変数と標準入力を参照でき て、結果を標準出力に書き出せるものであれば、C言語、 C++言語、VisualBasic でも何でも構いません。 CGIの概要 - とほほのWWW入門 https://www.tohoho-web.com/wwwcgi1.htm
13. まずはPerlでCGIを書いてみる
14. アイドルマスター(765プロ、346プロ) のアイドル 検索アプリ
17. 機能 - キャラクターの情報で検索 - クエリパラメータで検索機能 - キャラクターの名前漢字または名前カナで検索機能
18. 構成図
19. Perl(CGIスクリプト) ＋Apache＋MySQL
21. Perlを書いた感想
22. 書いてみてへぇと思ったところを紹介
23. サブルーチン🤔
24. ユーザーが定義する関数 Perl では様々な組み込み関数が用意されていますが、自分 で関数を定義することも可能です。 ユーザーが定義する関数をサブルーチンと呼びます。 Perl | サブルーチン https://www.javadrive.jp/perl/sub/
25. もう少し詳しく
26. サブルーチンとは🤔 #!/usr/bin/perl sub hello { my ($world) = @_; return "Hello " . $world; } my $result = hello("World"); print $result;
27. サブルーチンとは🤔 #!/usr/bin/perl sub hello { my ($world) = @_; return "Hello " . $world; } my $result = hello("World"); print $result; サブルーチンを呼び出す
28. サブルーチンとは🤔 #!/usr/bin/perl sub hello { my ($world) = @_; return "Hello " . $world; } my $result = hello("World"); print $result; @_ に引数”World”
29. サブルーチンとは🤔 #!/usr/bin/perl sub hello { my ($world) = @_; return "Hello " . $world; } my $result = hello("World"); print $result; . で“Hello”と”World”を連結
30. サブルーチンとは🤔 #!/usr/bin/perl sub hello { my ($world) = @_; return "Hello " . $world; } my $result = hello("World"); print $result; 文字列の Hello World が出力
31. へぇ 💡
32. $ と @ の違い🤔
33. $と@の違いは、データの種類 $: スカラ変数を表し、単一の値（例えば、数字や文字列） を保持する 例: $scalar = 10; → 1つの値を保持する @: 配列を表し、複数の値を保持する 例: @array = (1, 2, 3); → 複数の値を保持する
34. $: スカラ変数 #!/usr/bin/perl my $message = "Hello"; print $message; 文字列の Hello が出力
35. @: 配列 #!/usr/bin/perl my @nums = (1, 2, 3); print @nums; 配列の 123 が出力
36. もう少し詳しく
37. $ と @ の違いは🤔 #!/usr/bin/perl my $array_ref = [1, 2, 3]; my @array = @$array_ref; print @array; my ($data) = @array; print $data;
38. $ と @ の違いは🤔 #!/usr/bin/perl my $array_ref = [1, 2, 3]; my @array = @$array_ref; print @array; my ($data) = @array; print $data; 配列のリファレンス
39. $ と @ の違いは🤔 #!/usr/bin/perl my $array_ref = [1, 2, 3]; 配列のリファレンス
40. $ と @ の違いは🤔 #!/usr/bin/perl my $array_ref = [1, 2, 3]; print $array_ref > ARRAY(0x560c6a730788) リファレンスが得られる
41. $ と @ の違いは🤔 #!/usr/bin/perl my $array_ref = [1, 2, 3]; my @array = @$array_ref; print @array; my ($data) = @array; print $data; デリファレンス
42. $ と @ の違いは🤔 #!/usr/bin/perl my @array = @$array_ref; デリファレンス
43. $ と @ の違いは🤔 #!/usr/bin/perl my @array = @$array_ref; print $array_ref > ARRAY(0x560c6a730788) print @$array_ref; > 123 リファレンス先の値を参照して出力する
44. $ と @ の違いは🤔 #!/usr/bin/perl my $array_ref = [1, 2, 3]; my @array = @$array_ref; print @array; my ($data) = @array; print $data; 配列の (1, 2, 3) を出力
45. $ と @ の違いは🤔 #!/usr/bin/perl my $array_ref = [1, 2, 3]; my @array = @$array_ref; print @array; my ($data) = @array; print $data; 配列の先頭の要素を $data に代入
46. $ と @ の違いは🤔 #!/usr/bin/perl my $array_ref = [1, 2, 3]; my @array = @$array_ref; print @array; my ($data) = @array; print $data; $data の 1 を出力
47. へぇ 💡
48. 最後に
49. アイドル図鑑のコード
51. タグの閉じ忘れでスタイル崩れてしんどかった
52. 宣伝
53. PHPカンファレンス沖縄2024前夜祭 で登壇します PHPカンファレンス沖縄2024前夜祭 - connpass https://phpcon-okinawa.connpass.com/event/324902/
54. Scrum Fest Mikawa 2024 で登壇します Scrum Fest Mikawa 2024 - 新卒エンジニアが組織に馴染むために勉強会を主催して職能間の境界を越える | ConfEngine - Conference Platform https://confengine.com/conferences/scrum-fest-mikawa-2024/proposal/20268
55. アイドル名簿（今回作ったアプリのコード） OHMORIYUSUKE/perl-mysql-apache-on-docker https://github.com/OHMORIYUSUKE/perl-mysql-apach e-on-docker
56. お　わ　り