【仕事サイトにカラーミーショップAPI関連記事を書きました】
カラーミーショップAPIの使い方を丁寧に解説します
カラーミーショップの本気を見た、カラーミーAPI。
Q.何ができるのか? A.むちゃくちゃできます。
太っ腹なことに、一番安いライトプランでも使用可能となっています。
色々と調査していると、すでにアプリケーション(顧客情報からDMを送る、複数のネットショップの在庫管理を一元化する等)が存在するようで、企業がサービスとして提供されているようです。
ここで取り上げるカラーミーAPIの話題は、主にアプリケーションの自作についてです。
(アプリケーションと呼ぶにはおおげさですが)機能追加のための必要データを、サーバから引っ張ってきたり。
ちなみに、参照以外に、更新も可能です(現時点です。今後も機能拡張されるようです)。
カラーミーAPIの使用に際し必要なものは、「カラーミーショップAPIドキュメント」に記載されています。
・カラーミーデベロッパーアカウント → すぐ作れます
・Webサーバ → ヘテムルなど。(私は)PHPを利用することにします
今回のテーマは下記のとおりで、カラーミーAPI利用前の準備編です。
・OAuth2.0やJSONといった用語について
・XAMPP for Windows(PHPのテスト環境)のインストール
1.OAuth2.0とは
カラーミーショップの「カラーミーショップAPIドキュメント」にサンプルがありますので、認証手順については、いちいち理解しなくても事足りますが、一応は読んでおくことをおすすめします。
「カラーミーショップAPIドキュメント」中の用語(クライアントID=コンシューマ・キー、認可コード、アクセストークンなど) がチンプンカンプンでは少々心もとないので。
今回はアプリケーションを自作しますので、ユーザー=コンシューマになります。
【参考】
@IT-APIアクセス権を委譲するプロトコル、 OAuthを知る
2.JSON
軽量なデータ記述言語のひとつ。
更新、参照時にデータを送受信する必要がありますが、カラーミーAPIでは、リクエスト、レスポンス、どちらもJSONでやりとりを行います。
3.XAMPP for Windowsのインストール
PHP開発において通常、ローカル環境(たとえば、自分のWindows PC)で作成、テストした後に、サーバ(ヘテムルなど)にアップロードします。
修正→テストのたびに毎回アップロードする手間がかからなかったり、意図しないバグ混入によってサーバに多大な負荷をかけることがなかったり、そんな理由です。
インストール手順と設定については、ネット上に解説記事が数多くあります。セキュリティ設定をするところまでの解説が載っているものを参照してください。
PHPのコーディング自体は、テキストエディタがあれば、いまのところは十分です。
【参考】
XAMPP for Windows のダウンロードとインストールと設定
さて、次回の「カラーミーAPIを試してみた 2」は、「カラーミーショップAPIドキュメント」のサンプルを使って、カラーミーAPIを利用するためのOAuth認証~実際にショップのデータを取得するまで、です。
PHP初学者の方は、「PHPプロ!-PHP基礎講座」で自習しながらお待ちください。
次回につづく!
2014年3月26日
2014年3月25日
カラーミー追加機能案、あれこれ
いただいた追加機能案について、カラーミーショップで実現可能か検討してみました。
1.Facebookのいいねボックス設置
→「Facebooke Developer Conference - Like Box」
コードが取得できますので、手間をかけることなく完了。
横幅の最小が292pxとなっています。
CSSをいじって、180pxに詰め込んでみましたが、「いいね!」ボタン付近が崩れる場合がありますね。
2.カートの中身をサイドバーに表示
→「カラーミーショップ - 助け合い掲示板」を参考に。
独自タグ<{$incart}>があります。
実装されている無料テンプレートもすでにあるようです。そちらの中を見ても良いです。
マニュアルに載っていない(?)独自タグ<{$incart_delivery}>なんてのも出ているので、一読すべきか。
3.ログイン中のお客様の保有ポイントを表示
→ログイン中の顧客IDが、独自タグ<{$members_id}>にあるのだそうな。
カラーミーAPIで顧客の登録情報を取得できるので、可能だと思います。
4.トップページや商品一覧ページに「カートに入れる」を設置
→「どこでもカラーミー」で可能。デザイン的な裏技を記事にする予定。
5.検索ボタンを押すと検索キーワードがクリアされるのをなんとかして!
→JavaScriptで作れそうかなと思います。
6.商品一覧/検索結果ページ下のナビゲーション
→こんなやつ。できそうですよね。
7.商品画像の表示方法の工夫(漠然と)
→お客様に対して、商品の何をどのように伝えるのか。
いま一度、有名通販サイトなどを取り上げて、どのような工夫がされているのか、検証してみようと思います。
8.より良い検索機能(漠然と)
→ショップ内の商品検索についてです。
わりと重要な課題だと個人的には思っていますので、なにかしらの成果があれば、記事にしようと思います。
9.その他、個人的な調べ物
QRコード、Twitter API、jQueryのオシャレ機能、正規表現、PHP etc.
ということで、小ネタがいくつか溜まりましたので、適宜、記事として消化していく予定。
次回は、大変お待たせしました、カラーミーAPIを試してみた話題についてです。
どうぞおたのしみに。
2014年2月22日
お願い!カラーミー、閉鎖してる
クライアント様から機能追加のご依頼があり、久々に「お願い!カラーミー」を覗いてみたのですが、すでに閉鎖されていたのですね。
カラーミーショップでショップ運営されている多くの方から意見を聞いて、改善していくという仕組みが素晴らしいと思っていたので、なんとも残念……。
遅ればせながら、「お願い!カラーミー」で実現された機能について、ごく私的な視点でピックアップしようと思います(本家ページに一覧はありますので、すべてをチェックしたい方はそちらをどうぞ)。(すでに閉鎖)
文字ばかりで読みにくいですが、興味ある方はお付き合いください。
・カラメルの手数料判定基準を変えてほしい
これはわかるなぁ。
手前みそですが、過去記事「カラメルと販売手数料について 1」
・最近チェックした商品の表示
これも要望多かったですよね。「カラーミーショップ オンラインマニュアル」
過去記事「ほしい物リストを作る 1」
・商品レビュー機能
楽天市場を見てると、レビュー盛況ですよね。現在、ギガプランのみ。
・アイテム別に配送方法を設定したい
この商品、メール便無理!って。いいね!
・複数語検索(AND検索)が出来るように
カラーミー七不思議のひとつ。要望も多かったですね。
過去記事「カラーミーの検索機能+案」
・定期購入システム導入をよろしくお願いします
Amazonみたい。要望が多かったようで、気づいたら付いてたんですよね。
・ダウンロード販売の機能
最近のネットショップぽくて、個人的に興味あります。
・モバイルでもポイント表示を!
これは、私もなんでだろうって思っていました。謎仕様。
過去記事「ショップ独自のポイント制度について 1」
・各種APIを公開して、独自に開発した受注/在庫管理機能と連動させたい
これはすごい! 私もカラーミーAPIを勉強してカスタマイズしようと思っています。
全プラン対応ですから、太っ腹。
・番外編
カートJS機能。過去記事「カートJS機能について」。便利で、いいね!
おすすめ、売れ筋商品の掲載数が増量。地味にうれしかったです(以前は12点まで)。
しばらく、注意して見ていないうちに、どっと新機能が増えていました。
ここ二年ほどの、新機能一覧という感じにまとめてみました(わりと私的。こういうのがないとすぐに忘れてしまうので)。
「お願い!カラーミー」がはじまって以来、ずいぶんと改善されたなぁと思います。このブログをはじめた頃は、いちいちツッコミを入れながらカスタマイズしていましたが、みんな同じように感じていたんですよね。
安いけど、そこそこ使えるショッピングカートになってきたんじゃないですか。どうでしょう?
次回からは、ご依頼のあった案件のサンプルをいくつかご紹介していきます。
カラーミーショップでショップ運営されている多くの方から意見を聞いて、改善していくという仕組みが素晴らしいと思っていたので、なんとも残念……。
文字ばかりで読みにくいですが、興味ある方はお付き合いください。
・カラメルの手数料判定基準を変えてほしい
これはわかるなぁ。
手前みそですが、過去記事「カラメルと販売手数料について 1」
・最近チェックした商品の表示
これも要望多かったですよね。「カラーミーショップ オンラインマニュアル」
過去記事「ほしい物リストを作る 1」
・商品レビュー機能
楽天市場を見てると、レビュー盛況ですよね。現在、ギガプランのみ。
・アイテム別に配送方法を設定したい
この商品、メール便無理!って。いいね!
・複数語検索(AND検索)が出来るように
カラーミー七不思議のひとつ。要望も多かったですね。
過去記事「カラーミーの検索機能+案」
・定期購入システム導入をよろしくお願いします
Amazonみたい。要望が多かったようで、気づいたら付いてたんですよね。
・ダウンロード販売の機能
最近のネットショップぽくて、個人的に興味あります。
・モバイルでもポイント表示を!
これは、私もなんでだろうって思っていました。謎仕様。
過去記事「ショップ独自のポイント制度について 1」
・各種APIを公開して、独自に開発した受注/在庫管理機能と連動させたい
これはすごい! 私もカラーミーAPIを勉強してカスタマイズしようと思っています。
全プラン対応ですから、太っ腹。
・番外編
カートJS機能。過去記事「カートJS機能について」。便利で、いいね!
おすすめ、売れ筋商品の掲載数が増量。地味にうれしかったです(以前は12点まで)。
しばらく、注意して見ていないうちに、どっと新機能が増えていました。
ここ二年ほどの、新機能一覧という感じにまとめてみました(わりと私的。こういうのがないとすぐに忘れてしまうので)。
「お願い!カラーミー」がはじまって以来、ずいぶんと改善されたなぁと思います。このブログをはじめた頃は、いちいちツッコミを入れながらカスタマイズしていましたが、みんな同じように感じていたんですよね。
安いけど、そこそこ使えるショッピングカートになってきたんじゃないですか。どうでしょう?
次回からは、ご依頼のあった案件のサンプルをいくつかご紹介していきます。
2013年11月11日
カラーミーの話題 2012.5-2013.11
カラーミーショップ は日々進化していますが、興味の湧かない話題が多かったので、更新が一年半ほどあいてしまいました。お願い実装の方は順調に進んでいるのでしょうか。
ひさびさですが、お知らせ記事に目を通してきました。
■以下、お知らせから抜粋
2013/10/31 - お届け日時の設定がより柔軟に設定出来るようになりました
通販サイトでは必須ですよね。
2013/10/16 - 「カラーミーショップAPI」を 全プランで無料提供開始!
期待大。データを参照したり、書き込んだり、新機能を追加したり。
当サイトでも、使えそうなサンプルを作ったりしていければなぁと思います。
2013/09/30 - スマホもパソコンもデザインを統一 レスポンシブテンプレート公開!
昨今のスマホ普及率をみると、PCユーザーに主眼においたショップ・デザインも再考の余地ありではないかと思います。興味のある話題なので、調べてまとめようと思います。
2013/09/20 - LINEボタン独自タグをリリース&ソーシャル活用術をこっそり公開
2013/06/28 - 2013年前半のカラーミーショップ新機能・サービスをまとめました。
めぼしい機能なし。まとめてもらえると読むのが楽です。
2012/11/21 - 【お願い実装】headタグ内に入力できるフリースペースを用意しました
外部のJavaScriptを読むのに、ここの過去記事では <body>部に記述していましたが、本来は必要ですよね。CSSも外部に置けるようになりますよね。
ひさびさですが、お知らせ記事に目を通してきました。
■以下、お知らせから抜粋
2013/10/31 - お届け日時の設定がより柔軟に設定出来るようになりました
通販サイトでは必須ですよね。
2013/10/16 - 「カラーミーショップAPI」を 全プランで無料提供開始!
期待大。データを参照したり、書き込んだり、新機能を追加したり。
当サイトでも、使えそうなサンプルを作ったりしていければなぁと思います。
2013/09/30 - スマホもパソコンもデザインを統一 レスポンシブテンプレート公開!
昨今のスマホ普及率をみると、PCユーザーに主眼においたショップ・デザインも再考の余地ありではないかと思います。興味のある話題なので、調べてまとめようと思います。
2013/09/20 - LINEボタン独自タグをリリース&ソーシャル活用術をこっそり公開
2013/06/28 - 2013年前半のカラーミーショップ新機能・サービスをまとめました。
めぼしい機能なし。まとめてもらえると読むのが楽です。
2012/11/21 - 【お願い実装】headタグ内に入力できるフリースペースを用意しました
外部のJavaScriptを読むのに、ここの過去記事では <body>部に記述していましたが、本来は必要ですよね。CSSも外部に置けるようになりますよね。
2012年5月4日
2011年夏以降のカラーミー新機能まとめ
カラーミーショップに 「お願い!カラーミー」が登場して以来、長らく放置されていた機能面が改善しつつあります。利用者にとってはよい傾向ですが、当ブログとしては、過去記事の修正となると、なかなか骨の折れる作業です。
過去記事の古い情報には目を瞑り、放置気味だった新機能について、遅ればせながらまとめてみました。「カートJS機能」「SOLDOUT表示」は、すでに当ブログで紹介済みですので、それ以外の2011年9月以降の新機能です。
・2011/09/16 - 【お願い実装】「あといくらで送料無料の表示」を実装しました!
【マニュアル】PCショップ あと●円で送料無料
送料無料ってのは、重要な販売戦術だ!
・2011/11/30 - 【お願い実装】「レビュー機能」を実装しました!
【マニュアル】レビュー機能
口コミ効果に期待!
・2012/01/31 - 【お願い実装】「グループの階層表示」「最近チェックした商品リスト」を実装しました!
【マニュアル】「商品グループ機能 階層化」「最近チェックした商品リスト」
ようやく公式に実装されました。
当サイトの記事「最近チェックした商品リストを作る」は古い記事になりました。
共通ページで使える独自タグ「history」が追加されたようです。
グループは最大8階層まで作れますが、カテゴリーは大・小のみの二つで変更ありません。
それとは別にいつのまにか、 大カテゴリー選択時の商品一覧に小カテゴリーの商品を表示するように改良されていました。「お店をつくる」>「開店・閉店設定をする」の一番下。
当サイトの記事「カラーミーのカテゴリー表示 1」も古い記事になりました。
・2012/01/16 【修正済】 もっと「売れるカート」へ~新デザインの決済ページをリリースしました
以前のかなりわかりにくい決済画面は改良されました。
その他、2011年5月からスマートフォンの画面表示にも対応していますが、徐々に改良が加えられています。
過去記事の古い情報には目を瞑り、放置気味だった新機能について、遅ればせながらまとめてみました。「カートJS機能」「SOLDOUT表示」は、すでに当ブログで紹介済みですので、それ以外の2011年9月以降の新機能です。
・2011/09/16 - 【お願い実装】「あといくらで送料無料の表示」を実装しました!
【マニュアル】PCショップ あと●円で送料無料
送料無料ってのは、重要な販売戦術だ!
・2011/11/30 - 【お願い実装】「レビュー機能」を実装しました!
【マニュアル】レビュー機能
口コミ効果に期待!
・2012/01/31 - 【お願い実装】「グループの階層表示」「最近チェックした商品リスト」を実装しました!
【マニュアル】「商品グループ機能 階層化」「最近チェックした商品リスト」
ようやく公式に実装されました。
当サイトの記事「最近チェックした商品リストを作る」は古い記事になりました。
共通ページで使える独自タグ「history」が追加されたようです。
グループは最大8階層まで作れますが、カテゴリーは大・小のみの二つで変更ありません。
それとは別にいつのまにか、 大カテゴリー選択時の商品一覧に小カテゴリーの商品を表示するように改良されていました。「お店をつくる」>「開店・閉店設定をする」の一番下。
当サイトの記事「カラーミーのカテゴリー表示 1」も古い記事になりました。
・2012/01/16 【修正済】 もっと「売れるカート」へ~新デザインの決済ページをリリースしました
以前のかなりわかりにくい決済画面は改良されました。
その他、2011年5月からスマートフォンの画面表示にも対応していますが、徐々に改良が加えられています。
登録:
コメント (Atom)
引っ越しました。
ブログ兼お仕事サイト naeco.jp

ブログ兼お仕事サイト naeco.jp

無料テンプレ配布中!

ブログの更新情報はFacebookページにて。
https://www.facebook.com/naeco.jp/

Twitterでは制作の小ネタなどつぶやきます。
https://twitter.com/naeco_jp


ブログの更新情報はFacebookページにて。
https://www.facebook.com/naeco.jp/

Twitterでは制作の小ネタなどつぶやきます。
https://twitter.com/naeco_jp

Labels
- Ajax (7)
- Cookie (9)
- CSS (6)
- Facebook (1)
- HTML (4)
- HTML5/CSS3 (1)
- ImageMagick (2)
- JavaScript (23)
- jQuery (12)
- Jugem Cart (2)
- MySQL (2)
- PHP (7)
- Smarty (9)
- SSL (5)
- Twitter (3)
- お問合せページ (2)
- カラーミー (55)
- カラーミーAPI (9)
- カラーミー導入前 (11)
- カラメル (4)
- サイトデザイン (14)
- ショップ運営 (14)
- デバッグ (2)
- デベロッパーツール (3)
- ドメイン (1)
- マイアカウントページ (5)
- モバイル (2)
- レスポンシブ (1)
- 決済ページ (6)
- 雑記 (15)
- 参考にしたいカラーミーショップ (7)
- 商品一覧ページ (2)
- 商品検索結果ページ (3)
- 商品詳細ページ (16)
- 新機能情報 (10)
- 正規表現 (3)
- 独自タグ (17)
