Smart Phone x KakakuAPI remix project Wiki - Smart Phone x KakakuAPI remix project

Mash up Project ( Kakaku.com API )

初版：2009.08.12

改訂：2009.08.25

改訂：2011.05.15

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

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

Version 2.0からはJavascriptを中心に据えて、PhoneGapを利用することでの各スマートフォンアプリに対応

※iOS、Androidで動作確認

※Apikey情報は、function_search.js、function_details.js、function_bbs.jsに直接記載に変更

構成ファイル

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

• 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をインクルード
  • PHPからJavascriptに変更 result.html (Version 2.0)

• 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をインクルード
  • 削除 (Version 2.0)

• 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をインクルード
  • PHPからJavascriptに変更 product.html (Version 2.0)

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

• header.txt
  • notsuit.php以外の共通ヘッダ記述ファイル
  • 削除 (Version 2.0)

• footer.txt
  • notsuit.php以外の共通フッタ記述ファイル
  • 削除 (Version 2.0)

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

• javascript/functions.js
  • iPhoneブラウザ用ファンクッションファイル
• javascript/jkl-parsexml.js (Version 2.0)
  • JKL.ParseXMLクラスでAPIから返ったXMLをパース
• javascript/function_form.js (Version 2.0)
  • 検索キーワードを確認し、フォームデータGET形式で渡す
• javascript/function_search.js (Version 2.0)
  • 受け取ったデータをAPIへリクエストし返ったデータを表示
• javascript/function_details.js (Version 2.0)
  • 受け取ったデータをAPIへリクエストし返ったデータを表示
• javascript/function_bbs.js (Version 2.0)
  • 受け取ったデータをAPIへリクエストし返ったデータを表示

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

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