カラーミーショップのアカウントを持っている場合、開発者登録をすることでカラーミーショップが提供するAPIを使い、販売商品のデータなどを取得することが可能になります。 今回はこのカラーミーショップのAPIを利用できるよう、利用者登録を行ってみましょう。 なおカラーミーショップ自体のアカウントは既に作成済みとしています。まだ未登録の場合には下記よりアカウントを作成しておいてください。 お申込み – オンラインショップ作成サービス カラーミーショップ開発者登録を行うカラーミーショップのアカウントを持っているだけでは、まだAPIを利用することはできません。 まず最初に下記のURLから「開発者登録」を行う必要があります。 カラーミーショップ Developers ここで登録する開発者アカウントは、カラーミーショップのアカウントとは異なりますので、別のメールアドレスやパスワードで登録しても問題ありませ

お久しぶりです。 今回はある案件でカラーミーショップを触ったのですが、 自由に設定できそうでなかなかできなかったのでそのTIPsを紹介します。 TOPページに任意のカテゴリの商品一覧を表示するには？ 現在は普通にやろうとすると、「おすすめ」「売れ筋商品」あたりを流用する形になります。 しかし、運用レベルでは毎回登録しなければいけないため、運用の手間が増えたり それ以上の表示をさせたい場合には諦めなければいけなかったりと少々機能が足りません。 smartyの立ち位置 カラーミーショップではSmartyというテンプレートエンジンを使用しています。 Smartyは、サーバで用意した情報をあまりプログラムを触ったことがない人でも ある程度自分の思い通りに組み立てられるものです。（それでも多少の知識は必要ですが） つまり、上の文章から言うと通常はサーバ側で用意された情報以外はどう頑張っても表示するこ

最近進行中の案件で、久しぶりにカラーミーショップのテンプレートのカスタマイズに携わっております。 カラーミーショップってECサイトに欲しい機能は基本的に備わっているし、基本良いサービスだと思うのですが、Web制作者的には地味に痒いところに手が届かない部分もあったりするんですよね…。 例えばトップページに商品一覧を表示する場合「おすすめ商品」「売れ筋商品」などの商品情報を取得することはできるのですが、「特定のカテゴリーやグループの商品情報一覧」を取得する独自タグは用意されていません。 独自タグ一覧（PC、スマートフォン） | カラーミーショップ　マニュアル カテゴリーやグループに属する商品一覧は一覧ページがあるのだから一覧ページで見れば良いと言えばそこまでですが、なんらかの要望がありトップページやフリーページなどでもそれらの情報を取得なくてはならず、困っているコーダーの方もいるかもしれません

今回はWordPressのREST APIでアイキャッチ画像の情報を取得します。 やり方は大きく2つ。 画像情報取得にもREST APIを使うか、前回の記事同様に記事のAPIにアイキャッチの情報を追加してしまうか、です。 両方紹介します。 APIを利用してアイキャッチを取得 実は投稿(post)のREST APIには最初からアイキャッチのデータが含まれています。 「投稿」のスキーマにある「featured_media」という項目です。 ここにはアイキャッチに設定されたメディアのIDが入っています。 REST APIを利用するフレームワーク(WordPressでないもの)側からはWordPressでのIDなんか渡されてもどうしようもないんですが、これを利用して今度は「メディア」のAPIを叩くとアイキャッチ画像の情報が取得できます。 「メディア」のAPIへアクセス REST APIのドキュメン

これまでのInstagram APIが廃止されてInstagram Graph APIに置き換わることで、対応に追われている方も多いのではないでしょうか。2020年初頭にはこれまでのInstagram APIが廃止されます。ホームページに旧インスタグラムAPIで投稿を埋め込んでいた方、特にビジネスでスマホ集客やインスタ集客をしていた方は新しいInstagram Graph APIへの切り替えは急務です。 そこで、新しいInstagram Graph APIを使ってウェブサイト上にインスタグラムの投稿を表示するまでの手順を、なるべくわかりやすい方法で紹介します。 可能な限り複雑な手順を省いていますので、ほぼ設定を追っていくだけでアクセストークンとインスタグラムビジネスアカウントIDまで取得できると思います。 後半ではサンプルコードやスタイルシートを用いてホームページに埋め込む方法や、デザイン

こんにちは。FASTCODINGです。 Googleマップといえば、目的地までの道のりを調べたり ストリートビューで回りの様子を見てみたりと、近頃私たちにとってとても身近なサービス。 そんなGoogleマップの中でも、企業サイトやイベントサイトなどのウェブページへのマップ埋め込みに 多く利用されているGoogle MAP APIのサービスが2018年7月16日から大きく変わり、Google Maps Platformに移行します。 期限まで残すところあとわずか。 突然、管理サイトに埋め込んであるGoogleマップが 見えなくなってしまわないよう、きっちり確認しておきましょう。 今回の仕様変更で変わることGoogleマップを埋め込む際、APIキー完全必須にAPIキー必須のアナウンスは、2016年6月には行われていましたが 古いサイトではまだAPIキー無しでも表示が可能でした。 ですが、7/1

2017/07/05 Google Mapsを自分のサイトやブログに埋め込んで表示できる「Google Maps Embed API」の使い方をまとめています。JavaScriptを利用しないので、プログラミングが苦手な方でも手軽に利用できます。 Google Maps Embed APIGoogle Embed APIの公式リファレンスです。詳しい仕様、プログラミング方法などを確認できます。準備 (APIキーの取得)Google Maps Embed APIを利用するには、APIの有効化と、認証情報(APIキー)が必要です。この章では取得方法を説明します。 アカウントの用意APIキーを取得するためには、Googleのユーザーアカウントが必要です。まだ持っていない人は作成して下さいね。 Googleアカウントの作成Googleのアカウントを作成するには、このページから操作を行なって下さい。

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

Fusic 平田です。 1回くらいはさっさと当たれーとか思ってたら、ここまで引っ張りました。 前提 本題の前に。 数日前に弊社の化学系新卒君が書いたAmazon APIの記事。 これとの繋がりが微妙にあるような話です。 要は商品検索をいろいろ調べたり調べてもらったりしていたのです。 Amazonだと多種多様の商品調べられてすごく便利、なんですが。 1時間で2000アクセス～だと、あまり思い切ってリクエスト投げられない。 # amazletでも最近引っかかっていましたし。 てことでGoogle先生に頼ってみたところ、思いのほかいい感じだったのでご紹介。 Google Product Searchと言えばピンと来る人もいるでしょうか。 旧Froogleだったりしながら未だにbetaなのですが。 このデータ群を検索するためのAPIがGoogle Base Data APIです。 # 商品に限らず

久しぶりのブログです。 気付いたら全開前回の記事から数ヶ月経ってしまっていました。 先日EC-CUBEのクラウドサーバがファーストサーバさんからリリースされ、色々な特典が付いている事もあって盛り上がっている様です。 その中でもfacebook連携機能と言うのが特に良い感じです。 どんな機能なのかな？と内容を見てみると、EC-CUBEにAPIモジュールをインストールし、facebookのアプリからそのAPIをたたくという物でした。 無料で公開中！ で、このAPIモジュール、株式会社ドリームブリッジさんという会社が開発されたのですが無料で公開されているんです！ EC-CUBE商品検索APIモジュール しかも2.4系用と2.11系用両方あります！ いやー、素晴らしすぎます。 しかもxmlやjsonやphpのシリアライズ値とか色んな出力形式に対応しています。 元々、僕もEC-CUBEにはAPIが必

Google Calendarから日本の祝日データを取得する方法についての調査メモ。 ポイント GDataを使う場合はデベロッパーKEYが必要だが、GDataを使わなくても日本の祝日カレンダーは取得できる。 祝日名と日付を取得したい場合、Projection valueは”full-noattendees”で。（fullより少しだけデータが小さくなる。） 利用規約はGoogleカレンダー利用規約。 via. floatingdays: Google Calendar API で日本の祝日データを取得 PHP でやるなら… $holidays_url = sprintf( 'http://www.google.com/calendar/feeds/%s/public/full-noattendees?start-min=%s&start-max=%s&max-results=%d&alt=j

ファイルAPIをその後ちょっと使う機会があった。いくつか気づいたことがあったのでメモ The File object provides information about -- and access to the contents of -- files. These are generally retrieved from a FileList object returned as a result of a user selecting files using the input element, or from a drag and drop operation's DataTransfer object. input type file以外でもファイルは取れるが ドラッグ＆ドロップは DataTransfer オブジェクト経由 XmlHttp は BlobBuilder 経由 da

概要 Web上でRSSというXML形式の「更新履歴情報」が広く使われています。 しかしjavascriptは他ドメインのリソースにアクセスする事を原則的に禁じているため，他サイトのRSSを取得してホームページ上に動的に表示するのは簡単ではありません。大抵の場合は取得用のCGIを別に用意したりします。 しかしGoogleの提供しているAPIを利用すれば，javascriptを書くだけで他サイトのRSSフィードを取得する事が出来ます。（要はそれ用のサーバをgoogleが貸してくれる感じ） APIに関する詳しい話は下のURLにて デベロッパーガイド　-　Google AJAX Feed API http://code.google.com/intl/ja/apis/ajaxfeeds/documentation/ しかしこのAPIを利用すると，更新が反映されるのがとても遅い。 下手をすると数日前

Google+のAPIが遂に公開されました！最初はパブリックデータを扱うAPIのみですが、やがてfacebookのGraph API同様、認証・許可を得て非公開の情報も取得できるようになるようです。 Google公式アナウンス：Getting Started on the Google+ API WebサービスはRESTfulで提供されておりHTTPリクエストを投げるだけでOKです。 2011年9月16日現在、利用できるメソッドはユーザー情報取得（People.get)と一般公開されているポストデータを取得する（activities.list）の2つのメソッドだけで読み込みのみです。従って、APIを通じてポストを投稿することが出来ません。 また開発者向けに5つの言語(Java, GWT, Python, Ruby, PHP, Obj-C,.NET)でライブラリーが提供されています。 Goo