スマホ x KakakuAPI remix project

Fork

Mash up Project ( Kakaku.com API )

初版：2009.08.12

改訂：2009.08.25

価格.comのAPIをPHPで取得し、iWebkit 4をベースにiPhone, iPod Touch用に最適化するファイル。

Apikey情報を「api.txt」ファイルへ外部化、利用はキー情報をテキストファイルに保存で可能になります。

構成ファイル

• index.php
  • ユーザーエージェントを確認しiPhone, iPod Touch, 検索robot はheader.txt をインクルード
  • それ以外のキャリアやデバイスをnotsuit.phpへ振り分け
  • フォーム登録情報をUTF-8でresult.phpに送信
  • 検索フォームへヒント表示を追加
  • HTML文書構造の最適化(H1,H2)
  • footer.txtをインクルード

• result.php
  • フォーム登録情報を価格.comのAPIへ送信
  • APIから返ったXMLをパース
  • XMLのアイテム検索内容をiWebkit 4をベースに整形
  • 検索結果をページングするため another_result.php へのリンクURLを用意
  • アイテムページへ遷移するための product.php へのリンクURLを用意
  • ユーザーエージェントを確認しiPhone, iPod Touch, 検索robot はheader.txt をインクルード
  • それ以外のキャリアやデバイスをnotsuit.phpへ振り分け
  • htmlspecialchars()を利用しフォームの脆弱性に対応
  • ページングエラーに対処
  • HTML文書構造の最適化(H1,H2)
  • footer.txtをインクルード

• another_result.php ( others_result.php )
  • フォーム登録情報を価格.comのAPIへ送信
  • APIから返ったXMLをパース
  • XMLのアイテム検索内容をiWebkit 4をベースに整形
  • 検索結果をページングするため others_result.php へのリンクURLを用意
  • ※以降others_result.phpとanother_result.phpとでリンクしあうことでページングをする
  • アイテムページへ遷移するための product.php へのリンクURLを用意
  • ユーザーエージェントを確認しiPhone, iPod Touch, 検索robot はheader.txt をインクルード
  • それ以外のキャリアやデバイスをnotsuit.phpへ振り分け
  • ページングエラーに対処
  • HTML文書構造の最適化(H1,H2)
  • footer.txtをインクルード

• product.php
  • フォーム登録情報を価格.comのAPIへ送信
  • APIから返ったXMLをパース
  • XMLのアイテム検索内容、アイテム内容をiWebkit 4をベースに整形
  • クチコミページへ遷移するための product_bbs.php へのリンクURLを用意
  • ユーザーエージェントを確認しiPhone, iPod Touch, 検索robot はheader.txt をインクルード
  • それ以外のキャリアやデバイスをnotsuit.phpへ振り分け
  • HTML文書構造の最適化(H1,H2)
  • footer.txtをインクルード

• product_bbs.php
  • フォーム登録情報を価格.comのAPIへ送信
  • APIから返ったXMLをパース
  • XMLのクチコミ内容をiWebkit 4をベースに整形
  • ユーザーエージェントを確認しiPhone, iPod Touch, 検索robot はheader.txt をインクルード
  • それ以外のキャリアやデバイスをnotsuit.phpへ振り分け
  • HTML文書構造の最適化(H1,H2)
  • footer.txtをインクルード

• header.txt
  • notsuit.php以外の共通ヘッダ記述ファイル

• footer.txt
  • notsuit.php以外の共通フッタ記述ファイル

• css/style.css
  • デザイン整形ファイル

• javascript/functions.js
  • iPhoneブラウザ用ファンクッションファイル

• notsuit.php
  • 携帯3キャリア、PC向けにDOCTYPEを切り替えて表示
  • ページエンコードShift_JISを宣言

• imagesフォルダ
  • 画像ファイル