http://rakuten.pgtop.net/ ja http://blogs.law.harvard.edu/tech/rss 楽天ウェブサービスを使うと、楽天の膨大な商品情報を利用したアプリケーションが作れるようになります。つまりオリジナルのネットショップが作れるということです。楽天ウェブサービスでは様々なAPIが公開されています。楽天ウェブサービス初心者入門講座では、楽天ウェブサービスを初心者向けに基礎から解説します。 楽天,Webサービス,初心者,入門,講座,ウェブサービス ERROR: NOT PERMITED METHOD: nickname no http://rakuten.pgtop.net/article/96928769.html 楽天ウェブサービス に対して、動的にパラメータを渡すプログラムは簡単です。要領は検索キーワードの時とほとんど同じです。実際に動作を確認しながら解説を読むと理解しやすいです。http://ws.bzen.net/pgtop/rakuten/sample005/html側で選択リストボックスを設定している部分が複雑に見えます。しかしよく見ると単純な繰り返しだということがわかります。■index.html側(1)検索キーワードに value で初期値を設定するようにしました。<input ty... Fri, 16 May 2008 16:50:39 +0900 Step19・sample005の解説 mslab http://rakuten.pgtop.net/article/96918899.html 楽天ウェブサービス には、検索キーワード以外にも様々なパラメータが用意されています。今回はユーザーが、 1ページあたりの取得件数、取得ページ、ソート、商品画像有無などの項目を自由に設定して、検索できるように改良してみましょう。これから作るシステムです。実際に動かしてみてください。http://ws.bzen.net/pgtop/rakuten/sample005/＊数字は半角で入力してください。取得件数(hits) 1~30の範囲で取得ページ(page) 1~100の範囲で前回までのプログラム... Fri, 16 May 2008 14:42:52 +0900 Step18・様々な検索項目を設定する mslab http://rakuten.pgtop.net/article/96461718.html 楽天ウェブサービス から、検索キーワードを使って商品データを取得するためのプログラムは、追加するソースコードはそれほど多くありません。実際に動作を確認しながら、じっくりプログラムを追うと、必ず理解できるようになります。http://ws.bzen.net/pgtop/rakuten/sample004/■index.html側(1)ユーザーが操作を行なうための入力フォームを設置している部分です。<form id="fm">  <input type="te... Mon, 12 May 2008 14:15:13 +0900 Step17・sample004の解説 mslab http://rakuten.pgtop.net/article/96388023.html 楽天ウェブサービス では、楽天市場の2000万点を超える商品データを取得することができます。前回までのサンプルプログラムでは、ソースコードに直接キーワードを埋め込んでいました。これでは自由自在に商品を表示するには不十分です。そこで今回は、検索キーワードをユーザーがフォームから入力し、商品を検索できるように改良してみましょう。これから作るシステムです。実際に動かしてみてください。http://ws.bzen.net/pgtop/rakuten/sample004/【1】sample003 をコピ... Sun, 11 May 2008 20:09:56 +0900 Step16・検索キーワードを入力する mslab http://rakuten.pgtop.net/article/96047740.html 楽天ウェブサービス にリクエストを送り、返ってくる XML のタグに、空の値が含まれる場合にも対応できるように、値を取得する部分を関数にしました。複雑な処理を関数としてまとめることで、重複したコードが無くなり、プログラムがシンプルになります。■index.js側(1)関数 getValue() を新たに定義しました。この関数は、 XML の一部分とタグ名を引数として受け取ります。子要素がある場合は値があることになるので取り出し、値が無い場合は空文字を代入しています。最後に値を返します。func... Thu, 08 May 2008 15:10:17 +0900 Step15・sample003の解説 mslab http://rakuten.pgtop.net/article/96030995.html 楽天ウェブサービス で提供されている XML データは、タグの種類によっては値が空の場合があることが、前回の検証で分かりました。原因が分かれば、あとはプログラムを修正するだけです。値が空の場合を想定したプログラムに改良してみましょう。ネットショップで商品名や商品価格が空のことは無いと思いますが、念のため全ての項目をチェックすることにします。また値を取り出す処理が重複しているので、関数としてまとめることにしました。ついでにHTML作成部分を見やすくします。今回の改良点をまとめると、以下のようにな... Thu, 08 May 2008 11:15:35 +0900 Step14・XMLの値が空でも対応する方法 mslab http://rakuten.pgtop.net/article/95942597.html 楽天ウェブサービス の使い方の概略が、そろそろ分かりはじめた頃だと思いますが、実は前回までのプログラムには、改良しなければならない課題があります。もう既に気付いた読者の人もいるかもしれませんが、sample001 や sample002 のプログラムでは、検索キーワードによって、商品データが表示されないことがあります。少し具体的に言うと、同じ検索キーワードでも、表示されるページと表示されないページがあるのです。下の答えを見る前に、ちょっとだけ原因を考えてみてください。・表示されない時がある・で... Wed, 07 May 2008 15:24:15 +0900 Step13・問題点を特定し解決する方法 mslab http://rakuten.pgtop.net/article/95822388.html 楽天ウェブサービス から取得したデータを、好みの HTML にカスタマイズするには、ちょっとコツが必要です。前回作成した sample002 のプログラムについて解説します。JavaScript のプログラム内では、文字列は「"」ダブルクォーテーションでくくることになっています。"あいう"「'」シングルクォーテーションでくくることもできますが、シングルクォーテーションはダブルクォーテーションの中で、単に文字として扱いたい場合もあるので、ダブルクォーテーションを使ったほうがわかりやすいです。"&... Tue, 06 May 2008 13:37:08 +0900 Step12・sample002の解説 mslab http://rakuten.pgtop.net/article/95748648.html 楽天ウェブサービス から商品データを取得できたら、あとは HTML を組み立てる部分を工夫するだけで、いろいろな表現ができます。今回は以下のことを実現してみましょう。・商品名をアフィリエイトリンクにする・商品価格を太字にして、「円」の文字を付ける・商品画像をアフィリエイトリンクにする・商品説明文を200文字以内にするこのへんはプログラミングというより、HTMLタグの知識が必要な部分です。【1】sample001 をフォルダごとコピーして、 sample002 を作成します。＊「\」はWindo... Mon, 05 May 2008 20:28:21 +0900 Step11・HTML部分をカスタマイズする mslab http://rakuten.pgtop.net/article/95729619.html 楽天ウェブサービス から商品データを取得できたので、 sample001 のプログラムについて、要点を解説します。sample001 で使ったプログラムは Ajax初心者入門講座 を先に学習していれば、ほとんど説明なしでもわかると思います。Ajaxプログラムの詳細については、説明が重複するので Ajax初心者入門講座 をご覧ください。今回は、重要な部分だけに絞って説明します。■index.html側(1)JavaScript や CSS を外部ファイルとして読み込んでいる部分です。<script type="text/javascript" src="../lib/prototype.js"></script><scri... Mon, 05 May 2008 16:39:16 +0900 Step10・sample001の解説 mslab http://rakuten.pgtop.net/article/95647034.html 楽天ウェブサービス から Ajax の非同期通信を使って、商品データを取得してみましょう。プログラムは Ajax初心者入門講座 で学んだものが、ほとんどそのままで動作します。今回は最も基本的なプログラムなので、パラメーターは直接プログラムの中に書くことにしました。取得した商品データも特に加工することなく、そのまま表示しています。【1】sample001 フォルダを作成します。＊「\」はWindowsでは円記号のことです。保存先 C:\phpdev\www\rakuten【2】今回は以下のように、4つのファイルを配置します。＊ファイルは UTF-8 形式で保存してください。保存先 C:\phpdev\www\rakuten\sample001ファイル名 index.html<html>  <head>    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">    <script type="text/javascript" src="../lib/prototype.js"></script>&nbsp... Sun, 04 May 2008 20:54:05 +0900 Step9・楽天から商品データを取得する mslab http://rakuten.pgtop.net/article/95533608.html 楽天ウェブサービス を、あなたのWebサイトに配置したプログラムから利用するには、中継プログラム(スクリプト)が必要です。なぜなら Ajax での通信は、同一ドメイン内のファイルにしかアクセスできないようになっているためです。これまで使ってみた楽天ウェブサービスのプログラムは、あなたのWebサイトとは別のドメインなので、JavaScriptで直接利用することができないのです。そのため今回は中継プログラムを作って、楽天ウェブサービスを間接的に利用する方法について説明します。中継プログラムには、サ... Sat, 03 May 2008 21:25:07 +0900 Step8・中継プログラムを作成する mslab http://rakuten.pgtop.net/article/95504968.html 楽天ウェブサービス を利用したシステムを、ローカル環境で開発するため用意を整えましょう。学習を始める前に、あらかじめ phpdev 内にいくつかフォルダを作成します。【1】phpdev のインストールがまだの場合は、以下のリンクを参考に、インストールしてください。・PHP phpdevで一発インストールhttp://php5.seesaa.net/category/1632821-1.html以降は phpdev がインストールされている前提で説明します。＊「\」はWindowsでは円記号のこ... Sat, 03 May 2008 15:25:48 +0900 Step7・phpdev内にフォルダを作成する mslab http://rakuten.pgtop.net/article/92583914.html 楽天ウェブサービス を利用するには、サーバーサイドのプログラミング言語と、Webブラウザ上で動作するプログラミング言語の知識が必要です。一番よく利用されている組み合わせは、PHP と JavaScript です。楽天ウェブサービスを利用したプログラムは、レンタルサーバーで公開するのが一般的です。しかもこの講座は入門者向けなので、自前でサーバーを構築する人は少ないと思われます。したがって開発はローカル環境で行い、完成したらレンタルサーバーにアップロードすることを想定しています。楽天ウェブサービス... Mon, 07 Apr 2008 22:09:06 +0900 Step6・開発環境を準備する mslab http://rakuten.pgtop.net/article/87384952.html 楽天ウェブサービス のリクエストURLに使う検索キーワードは、UTF-8形式で URLエンコード することになっています。&keyword=%E7%A6%8F%E8%A2%8BURLエンコードは特別な事ではなく、多くのWebサイトでも使われています。検索サイトでよく見かける長いURLがそうです。URLに使える文字の種類は限られているため、日本語は使えません。そこで URL に使える文字に変換しているのです。通常はプログラムで自動的にエンコードされるため、ウェブサイトの利用者が意識する事はありません。しかしシステムを作る時には必要になってきます。今回はキーワードをエンコードして、楽天ウェブサービスで様々な商品の XML を表示してみましょう。私のほうでエンコードを行なう簡単な Webアプリケーションを用意しました。【1】以下のサイトにアクセスします。・エンコード・デコード【2】「エンコード」を選択し、キーワードとして「福袋」と入力したら、「変換」ボタンをクリックします。【3】入力した文字列が URLエンコード されました。入力パラメーターとエンコードしたものを比べると、同じですね。&keyword=%E7%A6%8F%E8%A2%8B%E7%A6%8F%E8%A2%8B【4】エンコードした文字列をコピーします。【5】「クリア」ボタンをクリックします。【6】フォームがクリアされました。【7】今度は「デコード」を選択し、キーワードにコピーした文字列を貼り付けたら、「変換」ボタンをクリックします。【8】文字列が デコード され、元のキーワード(福袋)に戻りました。【9】この Webアプリケーションを使って、入力パラメーターのキーワードを変えて、楽天ウェブサービスのリクエストURLで、様々な商品の XML を表示してみてください。・例 「カニ」http://api.rakuten.co.jp/rws/1.11/rest?developerId=[YOUR_developerID]&operation=ItemSearch&version=2007-10-25&keyword=%E3%82%AB%E3%83%8B&sort=%2BitemPrice今回は URLエンコード、デコードを手動で行ないましたが、実際に動的なネットショップなどを作る時には、JavaScript のようなプログラムで自動的に行なうようにします。【ワンポイント】URLエンコードした文字列を使うと、以下のようなこともできます。(1)適当なキーワードをエンコードします。(2)以下のURLのパラメーターに、エンコードした文字列を加えてアクセスします。例 「英語」http://ws.bzen.net/rakutenkw/index.php?keyword=%E8%8B%B1%E4%BC%9A%E8%A9%B1(3)キーワードで検索された状態で、商品が表示されました。パラメーターを変えると、商品が変わります。面白いので試してみてください。 Wed, 27 Feb 2008 17:15:48 +0900 Step5・URLエンコードする方法 mslab