Ｐｅｒｌ ＣＧＩの初歩の初歩
ＣＧＩの勉強をはじめようとしている人向きです、また各スクリプトはできるだけシンプルに作りましたので実用的
なものではありません・・・上達すればここのスクリプトをたたき台にして自分の好きなものが作れるでしょう。
| スクリプト | 説明 | サンプル |
| お役に立てれば・・・ | プログラム作成のこつを書いてみました、初心者の人だけが見てください。少しでも自分で作れる人は、読むと混乱するかもしれませんから、そのときは責任を負いかねます。（＾＾；； | |
| 決まったメッセージを表示する | ＣＧＩの基本はブラウザ画面にデータを表示させることです。 ここでは決まったメッセージを表示させます・・・ここが出発点です。 このメッセージを変数にして条件を加えることにより表示に変化を持たせることができますし、ファイル処理やメール機能を加えれば掲示板やアンケートなどいろいろなものが作れるようになります。 |
ＨＴＭＬで● |
| 同じ画面をＣＧＩで ● | ||
| 時刻を表示させる（１） | ローカルタイムを使って現在時刻を表示します。これは起動した時刻を表示するだけの機能です。 | ● |
| 時刻を表示させる（２） | 表示した現在時刻を再実行（リロード）することにより最新時刻に更新します。これはブラウザの更新ボタンクリックと同じ結果になります。 | ● |
| 時刻を表示させる（３） | 時刻表示（2）の仕組みに前回表示した時刻を現在時刻と合わせて表示します。これはｈｉｄｄｅｎパラメータを使い再実行（リロード）する際にデータを受け渡しています。 | ● |
| 時刻を表示させる（４） | LOCALTIME関数を利用して現在時刻から過去未来の日付を計算します。 | ● |
| テーブルの練習（１） | 掲示板等で、テーブルを使う事がよくあります、ここでは行と列の数を変数に もたせ、その値を変えることにより、表の形を変えられるようにしています。 |
● |
| テーブルの練習（２） | テーブルの練習（１）に、機能をいくつか足しました。 | ● |
| テーブルの練習（３） | これは、テーブルの練習（２）の応用編というのでしょうか・・・それぞれの枠に部屋番号をつけて、その部屋の利用状況を見られるようにするＣＧＩの説明用です（これにファイル登録を追加すれば、実用的なものになります） | ● |
| ラジオボタンの受け渡し方 | ＨＴＭＬのソースを見てわかるようにＮＡＭＥが同じものの中から１つだけ選択されます。送信ボタンが押された後はＦＯＲＭ ＡＣＴＩＯＮで示されたＣＧＩにＶＡＬＵＥの値を渡します。 値の取り出し方は&ReadParseを利用すれば＄ｉｎ｛ボタンのＮＡＭＥ｝にセットされます。 |
|
| チェックボタンの受け渡し方 | ＨＴＭＬのソースを見てわかるようにＮＡＭＥが同じものの中から複数選択することができます。送信ボタンが押された後はＦＯＲＭ ＡＣＴＩＯＮで示されたＣＧＩにＶＡＬＵＥの値を渡します。 値の取り出し方は&ReadParseを利用すれば＄ｉｎ｛ボタンのＮＡＭＥ｝にセットされます。複数選択された場合は￥０で区切られた形になります よって配列の形で処理することになります。 但し、１つ１つＮＡＭＥを変えて個別に受け取る方法もあります。 初心者の方は１つ１つＮＡＭＥを変えた方が配列を使わないので簡単です。 |
|
| ＳＥＬＥＣＴの受け渡し方 | オプションを入れることにより１つのみあるいは複数選択することができます。送信ボタンが押された後はＦＯＲＭ ＡＣＴＩＯＮで示されたＣＧＩにＶＡＬＵＥの値を渡します。 値の取り出し方は&ReadParseを利用すれば＄ｉｎ｛ボタンのＮＡＭＥ｝にセットされます。複数選択された場合は￥０で区切られた形になります よって配列の形で処理することになります。 |
|
| ＳＥＬＥＣＴの初期値設定 | HTMLで作った固定されたＳＥＬＥＣＴ内容をＣＧＩで作ることにより、動的に変更することができます。例えば１２ヶ月の中から当月を選ぶ時とか 本年を中心として前後数年を選択肢に入れる場合です。 |
|
| ＴＥＸＴＡＲＥＡの受け取り１ | ＴＥＸＴＡＲＥＡを使うと文章を入力できますが、そのデータを正しく受け取るにはいくつかのポイントがあります。 １．TEXTAREAから入力されたデータの改行コード処理 ２．タグの無効化 ・・・ タグを無効にした方が無難です ３．空データ行の削除 ・・・ 改行だけの空行を削除します ４．文字コード変換 ・・・ ＥＵＣに変換します ※１番大切なことは文字コード変換です。ＨＴＭＬから受け取った日本語文字列はＥＵＣに変換します。 |
|
| ＴＥＸＴＡＲＥＡの受け取り２ |
受け取り１の番外編です。文字化けを起こす原因は文字コードの混在です、例えばＥＵＣとＳＪＩＳが混ざると発生します。 受け取り１では『Ｑ１．どの内容が参考になりましたか？』の下に回答データを表示させましたが『Ｑ１．どの内容が・・・という文字列はＥＵＣで 回答データはＳＪＩＳです。そのため回答データをＥＵＣに変換させています。受け取り２では『Ｑ１．どの内容が・・・という文字列も回答データといっしょにＣＧＩに渡します、つまり２つともＳＪＩＳですから文字コードの変換は必要ありません。項目名はｈｉｄｄｅｎパラメータを利用して渡しています。 但し項目名やボタン名称もすべて渡す必要がありますから実用的ではありません。 |
|
| 四則演算処理 １．ラジオボタンの利用 |
少しずつ、命令語を使えるようになると、１つの結果を求めるのに、いくつかの方法があることに気づきます。ここでは○＋△＝□という単純な式を例にして、５つの方法で計算しています。 皆さんは、どの方法がいいと思いますか？ どれがいいかの判断は、どれが使いやすいかという観点です、これがユーザーインターフェイスと呼ばれる部分であり、処理がいかにわかりやすく、使いやすいように作るのが、プログラマとしての腕の見せ所になります。 |
|
| 並び替えの練習（１） | 値を大きい順または小さい順に並び替えることをソートと呼び、配列に対して行います。ソートには、３つのパターンがあります。 （１）配列の要素に対するもの ・・・ ＠ａ＝（１０，８，２０，５，１５，１）の中 （２）配列の値に対するもの ・・・ ＄ａ［０］＝１０，＄ａ［１］＝８の１０と８・・ （３）連想配列の添え字に対するもの ・・・ 文字でも数字でもできます。 （１）のパターンでテストデータをソートし、結果を表示するものを作りました。 |
|
| 並び替えの練習（２） | （２）のパターンでテストデータをソートし、結果を表示するものを作りました。 | |
| 並び替えの練習（３） | （３）のパターンでテストデータをソートし、結果を表示するものを作りました。 | |
| ファイルに書き込む（１） | フォームに書きこまれた内容をファイルに登録します。 データを１件だけ上書きしています、書き込む流れを見てください。 |
|
| ファイルの読み出し（１） | ファイルからデータを読み、そのまま表示します。書き込み（１）に合わせて１行分のみ読み込んでいます。 | |
| ファイルに書き込む（２） | フォームに書きこまれた内容をファイルに登録します。 ３件のデータを改行させて３行で登録しています。 |
|
| ファイルの読み出し（２） | ファイルからデータを読み、そのまま表示します。ＷＨＩＬＥ命令を使い、すべての行を読み込んでいます。 | |
| ファイルに書き込む（３） | フォームに書きこまれた内容をファイルに登録します。 ３件のデータを区切り文字でつなぎ１行で登録しています。 |
|
| ファイルの読み出し（３） | ファイルからデータを読み、そのまま表示します。１行につながったデータをＳＰＬＩＴ命令で３つのデータに戻します。 | |
| ファイルの読み出し（４） テキストファイルの内容 |
こんなこともできます・・・メモ帳で作ったデータを読み、そのまま表示します、するとＨＴＭＬで作ったものと同じ結果になります。・・・これを利用して簡単な検索ができそうです、フォームから入力された単語で検索して該当したものだけを表示するＣＧＩです。 | |
| 表形式の表示（１） |
エクセルで作ったファイルを”タブ”による区切り記号で出力し、そのままサーバーにアップロードしたものを読むことができます。カンマによるものより、タブの方が￥ｔで簡単に項目分解することができます。 これにより、エクセルでデータの作成や更新をすることが可能になります。 但し、サーバーのデータを直接エクセルで更新するということではなく、更新したデータをサーバーにアップロードするということです。 |
|
| 検索の練習（１） |
エクセルで住所録を作り、ＨＴＭＬフォームから検索文字を入力して、該当するものを表示させています。 ここでは、ＨＴＭＬとＣＧＩを分けていますが、１つにすることもできます。 それからＨＴＭＬの画面が、小さくなっているのは、このＣＧＩをｉモード用にアレンジしようかなと思っているからです。携帯に電話番号をＣＧＩでわざわざ処理させる必要はありませんが、道順とか担当者とかの情報が見られれば、便利と思います。アレンジは横の表形式を縦の表形式にすることですが、予定は未定です。そもそも 携帯持っていないので （＾＾；； |
|
検索の練習（２） |
検索の練習（１）は、ＨＴＭＬとＣＧＩを分けて作りましたが、これは１つのＣＧＩの中に検索条件入力画面も入れたものです。見た目は同じです。 | |
| 検索の練習（３） | 検索の練習（２）に、ふりがな順で表示させる機能を追加しました。 | |
| 簡易掲示板（１） | ＨＴＭＬのフォームから書き込んだデータを書き込み専用ＣＧＩに渡し、ファイルに登録します。照会は、専用のＣＧＩにしてあります。 つまり３つの処理を１つにつなげて、動作させています。 １．書き込みフォーム画面 ２．データをファイルに登録するＣＧＩ ３．登録データを照会するＣＧＩ この掲示板には、訂正、削除機能はありません。 |
|
| あなたの県に１票を | 投票と呼ばれる？ものの簡単なパターンです。あなたの都道府県に、１票だけ投票してください。２重投票チェックはありません。みなさんがどこから訪れてくるのか興味があります。 | |
| 剰余の正しい求め方 | ２年以上も剰余演算子％を知らなかったために、割りきれるかどうかの判断を独自の方法で行ないました。％を知っている人から見れば、おかしな方法ですが、開き直ってその方法について解説してあります。 | |
| 注文フォーム（かご） | 『かごに入れる』方式の注文ＣＧＩです。ここではかごに入れる部分だけの処理を載せています。かごに入れるという仕組みは、hiddenパラメータを使います。hiddenはもう何回か出てきましたね、ＣＧＩではクリックするたびに、それまでのデータは消えてしまいますから、hiddenを使ってリレーのようにデータを渡して行きます。 |
2002.8.30