画像のAPIを使ったサンプルサイトを作ってみた。

検索ワードをいれると、フリッカーとYahooとフォト蔵APIの検索結果を表示してくれるだけ。

件数を絞ってないから異様に重いサイトになってしまった。

あと、なんとなくhighslide.jsを使ってみた。

これでとりあえすサムネイルを押すと拡大画像が表示された。

CSSをいじれば、見せ方をもっと変えれるらしい。

こちらのサイト様に詳しくのってました。

すごいJavaScriptだなぁ。

半角で入力された値を、強制的に全角に変換したかったので、調べたら

mb_convert_kana（）

という、なんとも分かりやすい名前の関数がありました。

これで、変換されます。

ちなみに、第二引数で、色々と変換のオプションを設定できるみたいです。

各種オプション

• r 「全角」英字を「半角」に変換します。
• R 「半角」英字を「全角」に変換します。
• n 「全角」数字を「半角」に変換します。
• N 「半角」数字を「全角」に変換します。
• a 「全角」英数字を「半角」に変換します。
• A 「半角」英数字を「全角」に変換します （"a", "A" オプションに含まれる文字は、U+0022, U+0027, U+005C, U+007Eを除く U+0021 - U+007E の範囲です）。
• s 「全角」スペースを「半角」に変換します（U+3000 -> U+0020）。
• S 「半角」スペースを「全角」に変換します（U+0020 -> U+3000）。
• k 「全角カタカナ」を「半角カタカナ」に変換します。
• K 「半角カタカナ」を「全角カタカナ」に変換します。
• h 「全角ひらがな」を「半角カタカナ」に変換します。
• H 「半角カタカナ」を「全角ひらがな」に変換します。
• c 「全角カタカナ」を「全角ひらがな」に変換します。
• C 「全角ひらがな」を「全角カタカナ」に変換します。
• V 濁点付きの文字を一文字に変換します。"K", "H" と共に使用します。

画像検索APIにはまってて、フォト蔵のも使ってみました。

画像検索は登録なしで使えるからいいかも。

詳しいことはここに載ってた。

けっこう簡単に使えていい感じだった。

ウェブデザイナーである俺が、初めてPHPを使ってDBにアクセスしてみました。

DBって名前は知ってましたが、いじってみるとなるとハードルがすごく高いような・・・。でも~、意外と簡単でした。

まずはDBを作ります

今回は、さくらサーバでサーバを借りて、DBを作りました。

管理画面から、データベースの設定　＞　ｐｈｐMyAdmin　と進むと、

こんな感じの画面になるので、各種情報を入れて、テーブルを作って、必要なフィールドを作ります。この辺はまぁ、省略です。

まずはDBへの接続を確立させる

まずはDBに接続します。

次にSQL文を書いて、データベースにデータを格納します

SQL文を一回変数に格納してから、クエリを投げます。

これでDBにデータが格納されました。

DBからデータを取り出す

mysql_fetch_arrayを使うと、返ってくる配列の形が指定できるみたいです。

これで、データを取り出せました。

実際には、プログラマーにマンツーマンで教えてもらいながらやったので、全部自分の力でって訳ではないのですが、なんとかDBにデータを入れて、取り出すって所までは出来ました。どんな形でやるものなのかまったく分かっていなかったので、すごく勉強になりました。

Flickrがすごいらしいので使ってみました。

日本語のAPIの解説がないらしいのですが、日本語で解説してくれているサイトを参考にしたら簡単にできました。
　
参考サイト様 blog.subtonic.jp

作ってみたサンプルサイト

ソースはこんな感じ

検索ワードから100件、とりあえず検索するだけです。

一応ライトボックスを使わせてもらったので大きい画像もみれます。

APIって便利だなぁ。