3日目 今度はあなたに挨拶したい＞＜
- 2007/11/11(日) 23:00:00
日記
べにぢょ は なかまをよんだ！
あるふぁぎーく があらわれた！
昨日は午後からけんすうとあきやんと3人でお勉強会をした。
といっても、紅とけんすうが自習して、分からないところが出てきたら
あきやんに聞く、って感じなんだけど。
夜は19:30頃から朝5時まで飲んでいた。
後半はトランプしたりお絵かきしたりして遊んだ。
ネクラなボクラはインドア遊びのネタに困らない。
ギークなあきやんの将来の夢はラーメンマンだということが判明。
辮髪にしたいなら、早くそう言ってくれればいいのに・・・！
けんすうと2人で、あきやんの気持ちを汲んでやれなかった我が身の不甲斐なさを悔やんだ。
あきやんのコードを見て「すげぇ！天才！俺には絶対無理＞＜」なんて思ってる人は、
この絵を思い出したらちょっぴり幸せになれるかも。
中の人は、辮髪の空手家に憧れたりトランプで腹筋がぶっ壊れるほど笑い転げる
さわやかなお兄さんです。
『辮髪なお兄さんは好きですか』 ﾏﾀﾞｧ-? （･∀･ ）っ/凵⌒☆ﾁﾝﾁﾝ
けんすうの理想の男性像はホスト。ケータイ小説（笑）の読みすぎだと思う。
紅はマリー・アントワネットになって、毎晩ベルサイユ宮殿でプログラミングがしたい。
舞踏会なんて開かずに、宮殿にギークを集めて祖国フランスの脆弱性について語り合いたい。
そすればきっと、フランス革命なんて起こらないのに。
パンがないなら Plagger で頼めばいいじゃない！
右下の赤いのはバランスボール。
ギークはバランスボールに乗ってプログラミングするって信じてる。
あきやんに「べにぢょは本当にアタマがおかしいんだね・・・！」と感動？された。
素だ。社交辞令で朝までギークの話はしない。
変数の話をしよう
変数というのは、中身が変わるから変数。
変わらないのは定数というらしい。
とりあえず今日は、定数の話はしない。主役は変数だ。
変数とは
・ $ で始まる
・ $ のあとは好きな名前をつけられる
・ ただし、$ の次は_か英数字（ex. $_lovecall,$lovecallなど）
・ 変数名の大文字と小文字は区別される（ex. $lovecall と $LOVECALL は別）
・ $lovecall="べにぢょ" で、右辺を左辺に代入
・ 一度代入しても、再び代入しなおすと中身が変わる
あまりピンとこない。具体的に考えよう。
中身が変わるとはどういうことかというと、
1 ＜html>
2 ＜head>＜title>変数は中身が変わります＜/title>＜/head>
3 ＜body>
4 ＜?php
5 $Hensuu="こんにちは、ギークなべにぢょさん！";
6 print("$Hensuu");
7 print("＜br>");
8 $Hensuu="こんにちは、ネット充なべにぢょさん！";
9 print("$Hensuu");
10 ?>
11 ＜/body>
12 ＜/html>
※タグの最初は全角にしてあります。
サンプル：変数は中身が変わります
5行目で $Hensuu に”こんにちは、ギークなべにぢょさん！”を代入。
6行目の print で表示。 参考：2日目 早く Hello,world!! って言いたい＞＜
7行目でいったん改行。そじゃないと個人的に見づらいので。
8行目で再び $Hensuu が登場。
5行目で ”こんにちは、ギークなべにぢょさん！” を代入したけど、
ここで ”こんにちは、ネット充なべにぢょさん！” に上書きする。
そうすると、
9行目の print で、今度は ”こんにちは、ネット充なべにぢょさん！” と表示される。
繰り返しになるけど、中身が変わるから変数。なるほど、そのままだ。
変数を使って何かしたい
1日目でちょこっと言及した POST を使ってみる。
参考：1日目 見つけて 私のセキュリティホール
世界にはもう挨拶したので、今度はページを訪れた人に名指しで挨拶する。
ユーザが入力したデータに応じてリアクションを返すには、
コードを2種類用意しなくちゃいけないらしい。
■1つ目
1 ＜html>
2 ＜head>＜title>フォーム情報を取得する＜/title>＜/head>
3 ＜body>
4 ＜form method="POST" action="output.php">
5 お名前：
6 ＜input type="text" name="name" size="20" maxlength="30" />
7 ＜input type="submit" value="送信" />
8 ＜/form>
9 ＜/body>
10 ＜/html>
サンプル：input.php
■2つ目
1 ＜html>
2 ＜head>＜title>フォーム情報を取得する＜/title>＜/head>
3 ＜body>
4 こんにちは、＜?php print($_POST['name']); ?>さん！
5 ＜/body>
6 ＜/html>
サンプル：output.php
まず、1つ目から。
これは html だ。
フォームタグに関しては下記を参照せよ。
余談だけど、紅が Web1.0 ぽさ満開のサイトを作るとき、とてもお世話になったサイトさんだ。
参考：HTMLタグ/フォームタグ （TAG indexさま）
4行目の
form method="POST" で、データの送信形式を指定している。
この場合は POST で送るよ、と言っている。
次の action="output.php" で、ユーザが入力したデータを output.php に送るよ、
と言っている。
なので、その送り先の output.php も作らなきゃいけない。がびん。
やむをえぬ。自分の命令には責任を持たねば。
2つ目を見よう。短いな。
大事なのは、4行目の ＜?php print($_POST['name']); ?> だけぽい。
Print のあとの（カッコ）内に変数がある。
$_POST には何も入れた覚えはないが、ひとつめの form method="POST" を使った場合、
入力されたデータを自動的に $_POST に代入するらしい。あたまいいなおまえ！！
$_POST の後ろの ['name'] は、input type タグ内の name で設定した名前を書く。
この場合は name="name" にしたから、name と書けばおｋ、とゆことね。
実際に、input.php の BOX 内に名前を入力してみる。
送信。キタコレ。POST ばんざいヽ（ ＾ω＾）ノ
追伸
前回のエントリのコメント欄でご指摘いただいた
POST のクロスサイトスクリプティング脆弱性と拡張子の件については、
別エントリを立てて言及します。ありがとうございました！
それと、20世紀少年ではオッチョが好きです ＞て様
今日はまだまだ書きたいことがある。
GET の話と配列の話がしたい。でも明日月曜だしなぁ。時間的に無理かも...φ(･д･｀●)
土曜の自習ではコレ作ったヾ(ﾟ∀ﾟ*)ﾉ
2日目 早く Hello,world!! って言いたい＞＜
- 2007/11/09(金) 23:00:00
日記
けんすうにサーバーもらた＼(^o^)／
借りたのかな、よく分からないけど好きに使っていいぽい。
ドメインの話もしてたけど、それは明日会ったときに話そう。
環境設定をすっ飛ばせるって素晴らしい。マジばんざい＼(^o^)／
ところで、今だから言うけどさあ。
紅は以前から、いつかギークになったときのために
ひそかに del.icio.us にそれっぽいエントリをブックマークしている。
http://del.icio.us/lovecall/
何の統一性もない。何にも特化していない。
いつからブックマークを始めたか全く覚えてないけど、
いま見たら1番古いのが2006年8月28日だった。
Plaggerとかブックマークしてる。普通にすごく恥ずかしい。
ぜったい有効に活用してやる＞＜
環境設定をする方へ
今まで環境設定でつまづいてた紅が解説できる事柄ではないんだけど・・・
たぶん、それをしなくちゃ始まらない方もたくさんいらっしゃるだろなぁと思うので、
参考になるかどうか分かりませんが、なるべく説明が分かりやすいサイトさんへのリンクを
いくつか貼っておきますね。
それでもうまくいかない方は、コメント欄でヘルプください。
紅・・・は答えられないけど、Geekなあの人にあなたのメッセージを届けるので、
後日エントリでお返事しようと思います。
というあたりで、オネガイ堪忍してや＞＜
■Apacheのインストール(Windows)
■PHPのインストール(Windows)
（ 以上、2php さま ）
■Apache2のインストール
■PHPのインストール
（以上、初心者用PHP入門 さま）
■Apache2のインストールと設定
■PHP5のインストールと設定
（以上、All About さま）
あとは、人力検索＠はてな のこの質問が参考になるかもかも。
■PHP 超初心者です。まずPHPのインストールからつまづいてます。
ココから本題
ちょっと前に挨拶を知らない新参たちへというエントリも書いたことだし、
やっぱまずは挨拶からでしょう！！
とゆことで。とにかく、アズ・スーン・アズ・パシブルで Hello,world! が言いたい＞＜
ハローワールドはこれだけ
※タグの最初は全角にしてあります。
＜?php print("ハローワールド"); ?>
テキストエディタにこれだけ書いて、拡張子を .php にして保存すればおｋ。
printで、（カッコ）内の文字列を世界中のブラウザに印刷しなさいよねっξ*ﾟ��ﾟ)ξ と命令できる。
おぉ便利だ。これでもう PHP はともだち。おぉともだち
（横になってごらん！ともだちのマークになるよ！！）
phpはhtml埋め込み型
他の言語は知らんけど、php は html の中に直接書いちゃってもいいらしい。
つまり
＜html>
＜head>
＜title>ハローワールド＜/title>
＜/head>
＜body>
＜?php print("ハローワールド"); ?>
＜/body>
＜/html>
これでもおｋ。ちゃんと見れる。
helloworld.php
でもファイルの種類は php にしてくれなきゃイヤ＞＜
拡張子は php じゃないとダメらしい。
そうしないと、php がいることに気付かないぽい。
ためしに html にしてうｐしてみたんだけどね、
拡張子を.htmlにした場合 （ソースは同じ）
真っ白ですね＾＾＾＾＾
なので、たとえ1行でもphpがいる場合は.phpにしてあげて下さい。私からもお願いします┏○"
拡張子は多数決で決められないのね。
さよなら民主主義！！！
週末は超☆スペシャルプランでPHP特訓してくる。
とりあえずコレとコレはでけたよヾ(ﾟ∀ﾟ*)ﾉ
先が思いやられる.....φ(・∀・;)
追伸
前回コメントくださった方、ありがとうございました！ +++++！！
コメント欄より - ”++” は ”イイ！” のサイン
- 2007/11/06(火) 23:00:00
日記
ハローハロー！ギークな私が来ましたよ。
今日はメキシカンなお店でメキシカン料理を食べたよ。
酔ぱらっているよ。メキシカっていい国だね！
いい国つくろうメキシカ幕府！！
ランチはけんすうと一緒にこんなの食べたよ。
写メ撮ろうとしたら 「セッシャの方がいいよ！」 って何回も言うから、
てっきり 「拙者の方がいいよ！」 というアピールと勘違いして、
けんすう頭おかしくなったのかと思った。
”接写” のことだったぽいです。先に言え！クリアに言え！変換してから言え！！
ブログでランチの話をするようになったら一人前だってスイーツ脳が言ってた。
紅はスイーツよりギークが好きです。←結論！
週末はどうよ？で思い出したけど、次回の講義は週末なの。
だから平日は地道に自習する。
(id:lovecall)++とは
コメントくださった方、ありがとうございます！
＞ Tom.H 様
++=イイ！
--=ちょっと・・・やっぱPerlでしょｗ的な。
そぉか！感覚で理解した！！
++ ＝ (・∀・)ｨｨ!!
-- ＝ (・A・)ｲｸﾅｲ!
というのがギーク語ですね？
+ は2回しか使えないのかな。
+ 5つでアイシテルのサインだってドリカムが言ってた。気がする。自信はない。
真顔で言うけど完全に酔っ払っている。
けんすうに 「気軽に更新しる！」 とアドバイスされたので更新してみた。
寝る。 print("おやすみなさい"); ←予習したヾ(ﾟ∀ﾟ*)ﾉ
コメント欄より - 早速ギークに脆弱性を突かれた件！！！
- 2007/11/04(日) 21:45:58
日記
素敵なニートの男性からお誕生日プレゼントでワインが届いたよ！
紅の生まれ故郷で造ってる赤ワイン！
旅の途中で個人の酒造に立ち寄ったらビバ美味しかったんだって！wktkﾟ+.ヾ(0ﾟ･∀･)ﾉﾟ+.ﾟ
2本いただいたので、1本は次回の講義のあとでけんすうと飲もう。そうしよう。
もう1本は1人占めしよう。なぜなら赤ワインが大好きだから。ギークの次にね＞ｗ＜
コメント欄でギークからたくさんフィードバックをもらったよ！
まずはこの場を借りてお礼。ありがとうございました！！
好きです。もっと突いてください。性的な意味で。間違った。ほんきにしないでね。
POSTは封書、GETは葉書
POSTとかGETは見たい奴がサーバに送ってくれるおてがみ(phpﾀﾝへの指示)
POST→封書
GET→はがき
はがきだと文字数が限られるし、裏を見れば中身がすぐ見れる。
封書だと見られないと思いきや、悪い郵便やさんが、封を開けて中見て
また封しちゃえば...
だから、パスワードとか電話番号は、httpsっていう鍵付きトランクに入れたほうが良いよ。
個人的に、この説明が非常に分かりやすかったです。
エロゲ風コンパイルについては後日言及しますが、比喩が本当にお上手です嫉妬＞＜
て様、ありがとうございます。
POST で渡したとしてもパケットには平文でデータが入ってるので、
経路上のどこかで盗聴を受けた場合にはなす術なく情報が読み取られて
しまいます。
mixi のログイン情報くらいならそう大した使い道もないでしょうからあまり
神経質になる必要はないかもしれませんが、ショッピングやバンキングのような
クリティカルなシーンでは暗号化によって安全性を確保すべきです。
(実際には mixi にも SSL でのログインフォームがあるようです。)
mixiを使用する上で守りたいのがログインのためのパスワードではなく
mixiに保存されている情報にあるのだとすれば、セキュリティを確保する
ためにはすべての通信をhttpsで暗号化する必要があります。
ログイン時だけhttpsを用意してセキュリティはばっちりですとかいってる奴は
バッタです。
あ、https のページ！
戻るボタン押すとエラーが出るページ！守られてる感ありますの。
確かに買い物かごに入れたり個人情報を入力する時は https ってなってるなってる。
ああいう大事なデータは POST で渡しちゃまずいのですね。
＆玄関だけhttpsでも、お部屋の窓に鍵がかかってないと悪い人に覗かれるということですね！
わぁい！ひとつ賢くなった♪
- 様ありがとうございます。
GET/POSTの違いは、その名の通り、データを取得するか、送るかの違いです。
ログインなんかは、アカウント名とパスワードを送るのでPOST。
グーグルの検索なんかは、キーワードなんかから検索したデータを取ってくるのでGET。
肝心なことを失念してました。
名前の意味をぜんぜん考えてなかった＞＜
そか、知りたいキーワードを渡して結果をGETするからGET？
メールや掲示板みたいに、こちらがデータを投函するからPOST？
ってことかな、微妙に自信ないけど・・・。
masuidrive様、ありがとうございます。
「君のひとみにクロスサイトスクリプション！」というイラストの件。
けんすう先生がレスしてくださったけど、クロスサイトスクリプティングの間違いですね＾＾＾＾
間違ってるのに胸キュンしたあの日の純情を返して欲しい。紅としたことが不覚。
これは以前、価格コムが不正アクセスされたアレかな？
と思ったら違ってた。アレはSQLインジェクションというのですね。
次回は 「君のひとみにSQLインジェクション！」 でお願いします。 ＞けんすう
紅が憧れるギークが憧れるギーク（くどい）、dankogai様から、はてなブックマークで
こんなコメントをいただきました。
ギークもお姉さんも大好き。(id:lovecall)++。でもPHP--
べにぢょの発言: (id:lovecall)++。←これなに？ ぷらすぷらす みたいの
けんすうの発言: インクリメント演算子といった気がする
べにぢょの発言: danさんのコメントの++はどゆう意味なのかな
けんすうの発言: うーん、インクリメントしかわからないな＞＜
けんすうの発言: The Perl5 Manual - インクリメントとデクリメント
マジカルインクリメントとなるものが！
べにぢょの発言: マジカル！なにそのネーミングふざけてるの！！
けんすうの発言: ご、ごめん！ かわいいよね
けんすうの発言: 私、ちょっと今日はマジカルインクリメントな髪型にしてきたの
みたいな感じがする
べにぢょの発言: 可愛くなれる魔法の呪文みたいです！
べにぢょの発言: マジカルインクリマジカルインクリ♪素敵なギークになぁれ♪みたいな！！！
けんすうの発言: おお それいいな
べにぢょの発言: きっとdanさんが言いたかったのはそういうことだと思う
何か違う気がする。ちょっぴり気になる気。
1日目 見つけて 私のセキュリティホール
- 2007/10/31(水) 00:00:00
日記
けんすうと一緒にワイン飲みながらなんとなく勉強した。30分くらい。
ブロッコリーにチーズかけたナントカって料理がビバ美味しかった。
真夜中の銀座で 「ギークにコンパイルされたい！」 「脆弱性を突かれたい！」 と叫ぶ。
「べにぢょってホントに頭おかしいんだね！」 と何度も言われた。
意外と光栄。むしろ誇らしい。我輩は馬鹿である。名はギーク。うきゃ☆
おうち着いたら朝の4時だった。時間が経つのがあっという間すぐる。
GETとPOSTの違い
□ GET
・ 検索やページング（1 2 3 4 … >>次の10件 ←こんなの） に使う
・ アドレスバーに長ったらしい文字列 （%E3%81%82% ←こんなの） が表示される
・ Page=2 とか of=6 とかの数字を、アドレスバー直打ちで変えられる
■ POST
・ メールフォームや BBS に使う
・ 文字数制限がなく、アドレスバーに表示されない
・ 外から見えたらまずい大事なデータ、例えばmixiログイン時のパスワード等は POST で渡す
静的なページと動的なページ
□ html は静的なページ
・ サーバーは常に決まったデータしか返せない
・ ユーザーサイドで動くので、早い・遅いはブラウザ（PC環境）に依存する
・ それでもサーバーなら・・・サーバーならきっと何とかしてくれない・・・！
■ php は動的なページ
・ ユーザーが何かを入力して、Yes だったらコレ、No だったらコレ、と
もらったデータに対して臨機応変なデータを返せる
・ サーバーサイドで動いてるので、サーバーに負荷がかかる
・ 重くなったりするのは、キャパ以上のユーザーがアクセスしてサーバーがテンパってるから
オブジェクト指向とは？
・ よく分からない
・ どうやら応用がきくらしい
・ ざっくり言うとCSSちっく
と言いますと？
・ htmlで 「h1タグはこのフォント」 とその都度いちいち指定するのではなく、
最初に 「h1タグはこれでいこう！」 と宣言することで、それ以降の作業が省略できる。
変えたいときも、その一箇所を変えるだけで全て変えることができる。トレビアン。
すごいギークとは何がすごいのか
・ へぼギークが100行かかって説明するコードを3行で書ける
・ 何かを実行するときに、最善かつ最短の道を知っている
・ 無駄な指示を繰り返さない。 「さっきも同じことやったじゃん」 という場合は、
何度も同じ説明をせずに一度で済ませる
・ すごいギークはサーバーに余計な負担をかけない。優しい。ヤバイ。話のわかる奴だ。超がんばれ。
理解が間違っている箇所があればご指摘ください。コンパイル上等＞＜
あぁ、日本のどこかに・・・私をコンパイルしてくれる人がいる・・・。
ギークへの旅立ち。幸せをさがしに！