第 9 回 ことえらび レポート課題
氏名:菊地瑞紀
学籍番号:c1100673
語学クラス:英語6
コース(系):地域共創コース
1-A
ラジオボタンとは複数の選択肢から一つだけ選択するもの。
(htmlの例)
うさぎ
かめ
type="radio" でラジオボタンをつかう宣言をする。
name="animal" で使うラジオボタンの区別をする。複数の選択肢でもanimalの
部分は全て同じにする。
value="うさぎ" で選択した値をプログラムに送る
また、inputタグにcheckedを入れると最初から選択されているように設定でき
る。
(プログラム例)
animal = cgi["animal"] で選択された項目をanimalに代入する
1-B
チェックボックスは複数の選択肢から、一つだけでなく複数個選択できるもの。
(htmlの例)
うさぎ
かめ
いぬ
type="checkbox" でチェックボックスを使う宣言をする。
name="cute" で使うチェックボックスの区別をする。複数の選択肢の時は""
でくくられた部分の名前を全て異るものにする
value="かわいい" で選択した値をプログラムに送る
ラジオボタンと同様に、inputタグにcheckedを入れると最初から選択されているように設定でき
る。
(プログラムの例)
anm[0] = cgi["cute"]
anm[1] = cgi["iyashi"]
anm[2] = cgi["cool"]
name="cute" で決まった変数を値を配列に代入する
1-C
[タイトル]
RUBY's sheep
[解説、方法]
トップページで羊が出てきたときに、かわいい羊の画像で課題で疲れた心を少し
でも癒せればと思い、これを作った。
羊毛の部分は最初直線だったのが、友達にアドバイスにより曲線にした。
主に、直線と曲線を使用している。
また、吹き出しを作り、文字を入れた。
[工夫したところ]
RUBYは楽しいものなので、色をたくさん使って楽しい感じにした。
塗りつぶしをボーダーやドットを使い、可愛くした。
広告ページに掲載しました
http://roy/~c110067/advertise2/
2
A B D を作成しました。
作成したプログラムの公開ページ
http://roy/~c110067/advertise2/rubycgi/fork.html
2-A
a、[カウンタのページリンク]
http://roy/~c110067/advertise2/rubycgi/counter.rb
b、
[タイトル]
カウンタ
[作成意図]
自分のHPに何人アクセスしているのかを調べたかった。また、ブログなど
で良く見かけるカウンターの機能がどのようになっているのか理解しようと思っ
たから。
c、d、
[入力部分]
入力部分は、アクセスした時点で入力される。
カウンター
(http://roy/~c110067/advertise2/rubycgi/fork.html ソースより抜粋)
この、カウンターのリンクを押した時点で入力される。
[表示部分(プログラム本体)] counter.rb
#!/usr/bin/env ruby
require 'cgi' # CGIを使う
cgi = CGI.new("html4") # CGIをHTML文書に使う宣言
print("Content-type: text/html; charset=EUC-JP\n\n")
# HTMLに書き込む、文字は日本語に
arv = cgi["arrive"] # Ruby に CGI でもらってきた値を代入
# "arrive" を arv として取りこむ
number = 0 # カウンタ初期値は 0 から始まる
open("number.txt","r") do |read| # number.txt を読み込む
while data = read.gets # 読み込むデータが無くなるまで繰り返す
if /(\d+)/ =~ data # データが一桁以上の数字だったら
number = $1.to_i # number にその数字を整数として取りこむ
end # if の end
end # while の end
end # open do の end
print("\n") # htmlの始まり
print("\n") # html の上部を表すタグ
print("基礎プロ課題\n") # タイトル
print("")
# cssなどを定義する ここでは、fork.css
print("\n") # head タグを閉じる
print("\n") # body の始まり
print("
カウンター
") # h1見出し
printf("
あなたは %d 人目のお客様です＊
\n", number)
# h2 で人数を表示
print("
ゆっくりしていってね!
\n") # メッセージ
print("課題のページへ[戻る]") # 戻れるようにするリンクタグ
print("\n") # body を閉じる
print("\n") # html を閉じる
number += 1 # number に1を足していく
open("number.txt","w") do |write| # number.txt に書き込む
write.printf("%d\n",number) # 訪問者を書き込む
end # open do の end
e、[実行結果]
カウンターのページより、
カウンター
あなたは 32 人目のお客様です＊
ゆっくりしていってね!
課題のページへ[戻る]
と表示された。
[考察]
pan{c110067}% ./counter.rb [~/public_html/advertise2/rubycgi]
(offline mode: enter name=value pairs on standard input)
Content-type: text/html; charset=EUC-JP
基礎プロ課題
カウンター
あなたは 37 人目のお客様です＊
ゆっくりしていってね!
課題のページへ[戻る]
pan{c110067}% ./counter.rb [~/public_html/advertise2/rubycgi]
(offline mode: enter name=value pairs on standard input)
Content-type: text/html; charset=EUC-JP
基礎プロ課題