そろそろgeekDBオフの思い出を語ろうか(・∀・)

更新情報

nariさんを追加しました！毎度ご報告遅くなりまして申し訳ありません＞＜
geek DataBase - ギークデータベース



「コンパイルされたい」と言ったらひどい目に遭った件

　
先月ひそかに開催したgeekDataBaseオフの写真を置いておきますね！
ギークの集まりに行ってきた - phaのニート日記
ジャニーさんに目を付けられたら大変だから、ギークたちの写真は公開しない＞＜



　　　
落書きされた！お嫁に行けない！！うわああん！！！
ていうか内心、とても嬉しかった(ﾉ∀｀●)



　
私が持参したうんち棒と格闘。
その後、うんちが行方不明になり、後日郵送してもらうというオチがｗ
うんち棒とは：リンク先の一番下参照

はまちちゃんに「サブバージョンアーップ！って言いながらキックを繰り出すといいよ！」と教わった。
私のウェブカレに指導されたいので、ご対応宜しくお願いします！
#ウェブカレははまちちゃんプロデュースの恋愛シミュレーションSNS


extract($_GET); について

前回のエントリのコメント欄及びTBにてご指摘いただいている。
自分は参考書を元に何の疑いもなく書いていたが、どうやらextract($_GET); はまずいらしい。

PHP の extract 関数は危険という話 - まちゅダイアリー
HelloWorldプラスアルファからさらに上を目指すために (PHP編) - Web屋のネタ帳

今日は今から友とカラオケに行くので、明日の祝日を利用して格闘しよう(｀･ω･´)
OH！明日は大安じゃないか！
私、へたれPGだけど・・・それでも大安なら、大安ならきっとなんとｋ(ry


最後にちょっとだけ。
アルファギークの足！

　

＜title＞をクールにしてみた！

更新情報

GREEの田中さんを追加しました！いやっほう！GREEバンザイ！
ギークの歴史を更新して気付いたけど、誕生日が藤本さんと1日違いだｗ
geek DataBase - ギークデータベース


個別ページのタイトルをCOOLにする！

コードがスパゲッティカルボナーラ状態になってきたヾ(ﾟ∀ﾟ*)ﾉ
パスタだとかカッペリーニだとか、そんなチャチなもんじゃあ断じてねえ。
もっとこってりしたスパゲッティの片鱗を味わったぜ・・・！

今まで個別ページのタイトルは一律「geek profile - ギーク紹介 -」にしてたんだけど、
やっぱココは個人の名前を出したいよね！SEO的に考えて！
それに、そっちの方がよりCOOLだし！（COOLという表現を寵愛中）

なので、ヘッダをちょっといじってみた！

<title>geek profile - ギーク紹介 -</title>

このgeek profile - ギーク紹介 -の部分を echo $item["name"]; に置き換えればいいんだよね。
で、名前データを引っ張るためにデータベースに接続すればよし、と。


<?php
extract($_GET);

mysql_connect('localhost','ユーザ名','パスワード');
mysql_select_db('データベース名');
mysql_query("set names utf8");

$sql="select * from geekDB where name_id = "$name_id"";
$result = mysql_query($sql);

while ($item = mysql_fetch_array($result)) {

echo "<title>";
echo $item["name"];
echo "</title>";
}
?>
yossy　（たなかよしかず、本名：田中良和）


めでたく名前が表示されるようになったけど、ホントにこれでいいんだろうか・・・
出すことしか考えずに書いたけど、もっとスマートな方法があるんじゃなかろうか・・・？

召しませオシャレなgeekDB♪

冷めないうちに召し上がれ♪
geek DataBase - ギークデータベース
geek DataBase・・・今夜の君は最高に綺麗だよ・・・！



更新情報

tokuhiromさん、オオヒダさんを追加しました！
けっこう前に追加したのに、ご報告遅くなりマジ申し訳ありません＞＜　ありがとうございます！



geek DataBaseがカッコよくなったよ！

ついに！ついにデザインを入れた！！！
あんなに無骨で愛想がないDBだったのに、すっかり見違えたよ！
これでもう、いつでもお嫁に行けるね！うっうっ・・・感慨深い・・・(　;Д;)
まだ修正すべき箇所はあるが、かなりかなり良い感じだ。
うれしうぃっしゅ！（←最近覚えた）

紅はデザインのセンスがゼロを遥かに通り越し氷点下というお寒い領域なので、
ちょべりグ☆なWebデザイナー・mizzuさんにお願いした。
なんてイケてるんだ。
我ながら素晴らしすぎる！！（我のセンスじゃないが）
mizzu、本当に素敵なデザインをありがとうございました！



デザインを外注する際のポイント

実は最初、このへんのフローがサッパリわからなくて途方に暮れた。
”デザイナーによる”部分もあるので他者の参考になるかどうかは分からないが、
あくまで一例として、＆未来の自分のために、今回どんな風にお願いしたかメモしておく。


・サイトのコンセプト、ターゲット層を伝える
・ざっくりした雰囲気、構成案を渡す（ppt,xls,htmlなどで作成）
・イメージに近い既存サイトを複数ピックアップ

mizzuとは面識があり、ツーカーの仲（と思っている）ので、今回はイメージ通りどころか
期待以上のものがもらえて本当に感激した。
実際やってみて思ったのは、ゼロの状態からサイトイメージを伝えるって難しい。
美容師に理想のヘアスタイルを伝えるのと同じくらい難しい。
それだと今後アレンジが効かないよーとか、経験則からいって、このサイトならこっちの方が似合うよーとか、専門家の意見をちゃんと聞いて、一緒に考えていかなきゃダメなのだ。
つうかコミュニケーションちょう重要。
今回は紅が至らない点ばかりでmizzuにかなーり負担をかけてしまって恐縮の極みだったが、
この経験を生かして！次回からはもっとスマートにオーダーするど(｀･ω･´)


余談だが先日、一緒にポニョったデザイナーさんから聞いた話。
彼曰く、「優秀なデザイナーには理由がある」そうな。
つまり、サイトのカラーが”青”だった場合、「なぜ青を選んだか？」という問いに対する
明確な答えがあるとのこと。
紅はてっきり、デザインって芸術センスでクリエイトしていくものだと思っていたから、
「どうして青なの？」なんで質問をすること自体、デザイナーさんに失礼だと考えていた。
でもそれ聞いてもいいんだって。
なぜなら、さまざまなパターンを試した結果、青を選択しているから、他の色じゃダメな理由が
あるんだって！（ただ、彼は終始「人によるけどね」と念押ししていたがｗ）
この話、新鮮でとても興味深かった！ポニョが赤いのも理由があるのかなー。
ぽにょぽにょ。



私信

コメントくれたKって、ヤン魂で出会った血獲威棲・総長のけいかな？
紅のカンが正しければ、きっとけい。
絶対けい。
内容で分かる。
けい、けい、見てる？全國二十路連合の紅だよ。
元気？コメント乙華麗！嬉しかった。
3年前はへぼいフラッシュ止まりで断念したけど、今は地道にプログラミングを勉強してるよ。
だから、ヤン魂が復活して、もしまた終わっちゃうようなことになっても大丈夫だから！
や、正確にはまだ大丈夫じゃないけど、大丈夫にするから！心配いらんど！！
またベイで朝までPvPしよねヾ(*´∀｀*)ﾉ

教科書には載らないニッポンのギークの歴史

更新情報

上野康平さん、藤本真樹さんを追加しました！ギークについてググりまくる時間はマジ至福。
geek DataBase - ギークデータベース



「ギークの歴史（仮）」作成中！

タイトルは『教科書には載らないニッポンのインターネットの歴史教科書』のまねっこ＞＜
DBがいい感じに充実してきたので、ひそかに企んでたギークの歴史を刻む年表ぽいの作ったど！
「wikiでやれ」という突っ込みが聞こえてきそうだが・・・お願い、今はDBでやらせて(´・д-人)
まだヘボいしスカスカなので、TOPからリンクは貼らない。
geek history - ギークの歴史


これさあこれさあー。
今はしょぼいけど、地道に更新していけば、なかなかイケてるコンテンツに化けるよかーん？
どうだろう。
自画自賛だけど。
どうだろう。

だんだん、データベースの長所が分かってきた気がする。
”DBにしたからこその機能”っていうのはつまり、あんなことやこんなことですね！
ちょっとイメージ湧いてきた！！



うしうし。
張り切りマンモス(・ε・)ﾉ

URLが涼しくなったよヽ( ･∀･)ﾉ

もうすぐ夏ですね！ちょっと涼んでみませんか♪


更新情報

ひがやすをさんを追加しました！
毎回思うんだけど、アルファギークって知れば知るほど魅力的。
ありがとうございましたっ！
geek DataBase - ギークデータベース



CoolなURLはじめました♪


宿題：CoolなURLを作るには

目指すはプロフィールページのURLを

http://geekdb.jp/geek.php?id=数字
　↓
http://geekdb.jp/geek/ギークの名前　　にすること！

またしてもだいぶ迷走したけど、上記エントリの最後に貼ったリンクなどを参考にmod_rewriteで書いた。
どこでどう迷っていたかというと、最初は

TOPの geek.php?id=1 というリンクをクリック
　↓
geek.php?id=1 から geek/yusukebe にリダイレクト

っていうのをやろうとしていたが、その方法だと処理が遅くなる、ってどっかのサイトに書いてあってさ。
それに何より、その方法だとギークを追加するたびに.htaccessに追記しなくちゃならない。
それが嫌。
URLをCoolにするために.htaccessが暑苦しくなるなんてスマートじゃないよね、gk！（ギーク的に考えて）

なので、DBに name_id というカラムを追加して、indexのリンク先を修正する方法を採用。
一応、リダイレクト処理の参考リンク貼っておくね！
.htaccessでリダイレクト機能を利用する方法


indexで直したのは以下の2行だけ。

echo "<a href="http://geekdb.jp/geek/";
echo $item['name_id'];

直す前のコード＆解説は、下記エントリの14，15行目を見てね！
変更前：GETメソッドでデータを送る

っていうかあれ？前回URLの前で ￥（エスケープ）してなくネ？なぜ動いたんだろう・・・コピペミスだろか。


今回の主役となるmod_rewriteは以下。

RewriteEngine on
RewriteRule ^geek/([0-9A-Za-z]+)$ geek.php?name_id=$1 [L]

ぶっちゃけ正規表現は全く理解していない。
ググって出てきた大量のサンプルコードから、私の場合はどうなるかを推測して書いただけなんだ＞＜
なんとなく分かったのは

・RewriteEngine on は絶対必要
・2行目に RewriteBase / を入れるのが正式？ でも入れなくてもおｋぽい
・RewriteRule ^ 書き換え後のURL $ 書き換え前のURL [L]（←終了の合図。
セミコロンみたいなもの？）
・([0-9A-Za-z]+) で数字と大文字・小文字のアルファベットをカバーできるようだ
・mod_rewrite はスイス製のアーミーナイフ

このくらいか！ホントに何も分かってないな！ハハハ！！
これを「.htaccess」という名前でアップロードして、パーミッションを604に変更。
.htaccessのアップロード方法

置いたフォルダ以下にあるファイルに対して有効らしいので、私は同じ階層に置いたにょ。





最後はgeek.php。
変えたのは1行だけ。

$sql="select * from geekDB where name_id = "$name_id"";

変える前のコード＆解説は、下記エントリの7行目参照。
変更前：GETメソッドでデータを受け取る


おっと、もうひとつ変更点が。
//id=数字以外はエラーメッセージを表示　の部分のソースコードを削除した。
GETで渡してるデータはもう、$id じゃないからな・・・。
参考：ギークはベストなコードを目指すべし！


で！
これで問題ないはずなんだが・・・。



さんざんコードをごにょごにょいじってたけど、突如ハッとひらめいたことがあってさ！



あの、ごめん。
最初に言っておくけど、すごい凡ミスだから！全く新しくないから！！
「K2Editor」っていうテキストエディタを使ってるんだけど、保存する時の文字コードが
UTF-8N っていうのと UTF-8(BOM付き) っていうのがあってね。



UTF-8Nを選んでいたんだけど、「もしや！？」と思ってindex.phpの方を確認したら、そっちはUTF-8(BOM付き) だったわけさ。

ってことはだよ(^ω^)
BOMを付ければいいんじゃないかな(・ω・)


過去の経験を踏まえて、文字化けしたときに確認すべきことは

・同一ファイル内の文字コードは統一されているか？
参考：GETメソッドでデータを送る
・テキストエディタで保存する際の文字コードは間違っていないか？

以上の2点だね！
失敗すればするほど次の開発がスムーズになると思えば！未来の作業時間を前借りしているだけさ！



ということで、長くなりましたが無事CoolなURLを作れました♪
ゆーすけべー先生、アドバイスありがとうございました！！

近況報告

更新情報

まつもとゆきひろさんを追加しました！Rubyのパピー♪
感激！！ギークは黙ってMatzにっきだろ！
紅なんて毎晩、夢の中でもMatzにっきをひたすらリロードしてるからね＾＾＾＾
おっと、喋りすぎたようだ・・・。
geek DataBase - ギークデータベース


先週はまた京都へ行って、はてなオフィスにお邪魔してきた！
時差ボケというか休みボケ？で、頭の中がポニョ（流行語）っとしている。
うおぉーん。
目覚めよ、紅の小宇宙よ＞＜　アルファギークの位まで高まって＞＜


すいませんCoolなURLの件、忘れてないです！ごめんなさいっちゃんとやるからぶたないで(つд・)

「コードの中では、平気なの」

更新情報

yokoletさん、ひげぽんさんを追加しました！
yokoletさん、本当に素敵。
あこがれる・・・！生まれ変わったらbeniletていうHNにすると誓った！
ひげぽんさんは過去にタイトルをパロった（ごめんなさい！）くらい、リスペクトしているすごい方です。
やっぱりギークが好きだ！大好きだ！！もうギークしか見えない＞＜
geek DataBase - ギークデータベース


最近、プログラミングさぼってて GOMEN,World＞＜
今週は更新できぬかもだけど、コード忘れないように、キックは日課にするぞ！

はっ。
そうそう。
今日のタイトルは、新しくDBに参加してくださったyokoletさんのまねっこ動物。
マジでシビれる！こんな人がいたなんて！！
プログラミングやっててよかった(*・∀・)v　素敵な出会いをありがちょーん！