スマホ x KakakuAPI remix project

Fork

Mash up Project ( Kakaku.com API )

初版：2009.08.12

改訂：2009.08.25

改訂：2011.05.15

価格.comのAPIからXML情報を取得し描写、Version 2.0からはPhoneGapを利用することでの各スマートフォンアプリに対応

※iOS、Androidで動作確認

※Apikey情報は、function_search.js、function_details.js、function_bbs.jsに直接記載することで動作

構成ファイル

• index.html
  • フォーム登録情報をresult.htmlに送信
  • 検索フォームへヒント表示を追加
  • HTML文書構造の最適化(H1,H2)

• result.html
  • フォーム登録情報を価格.comのAPIへ送信
  • APIから返ったXMLをパース
  • XMLのアイテム検索内容をiWebkit 4をベースに整形
  • 検索結果をページングするための次ページリンクURLを用意
  • アイテムページへ遷移するための product.html へのリンクURLを用意
  • HTML文書構造の最適化(H1,H2)

• product.html
  • フォーム登録情報を価格.comのAPIへ送信
  • APIから返ったXMLをパース
  • XMLのアイテム検索内容、アイテム内容をiWebkit 4をベースに整形
  • クチコミページへ遷移するための product_bbs.html へのリンクURLを用意
  • HTML文書構造の最適化(H1,H2)

• product_bbs.html
  • フォーム登録情報を価格.comのAPIへ送信
  • APIから返ったXMLをパース
  • XMLのクチコミ内容をiWebkit 4をベースに整形
  • HTML文書構造の最適化(H1,H2)

• 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へリクエストし返ったデータを表示

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

Mash up Project ( Kakaku.com API )

更新履歴：2011.05.15

Javascriptを中心に据えて、PhoneGapを利用した各スマートフォンアプリに対応

※iOS、Androidで動作確認

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

構成ファイル内容

• index.php
  • PHPからJavascriptに変更 index.html (Version 2.0)
• result.php
  • PHPからJavascriptに変更 result.html (Version 2.0)
• another_result.php ( others_result.php )
  • 削除 (Version 2.0)
• product.php
  • PHPからJavascriptに変更 product.html (Version 2.0)
• product_bbs.php
  • PHPからJavascriptに変更 product_bbs.html (Version 2.0)
• header.txt
  • 削除 (Version 2.0)
• footer.txt
  • 削除 (Version 2.0)
• notsuit.php
  • 削除 (Version 2.0)
• 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へリクエストし返ったデータを表示