WEB制作 全般 @graph を使った構造化データのメリットと設定方法
Webページの情報を検索エンジンに伝えるために利用される構造化データ。直接HTMLにマークアップして出力することもできますが、多くの場合は JavaScript...
WEB制作 全般 
製品・サービスのご紹介 カテゴリーごとのランキングを表示する
「商品カテゴリー/グループ単位でランキングを表示したい」というご依頼をいただきました。ショップ全体での売上ランキングであればカラーミーショップの標準機能だけで実...
WEB制作 全般 Flask-CORSの使い方 [備忘録]
フロント開発していると誰しも一度は引っかかったことがあるであろうCORSエラー。CORSとは「異なるオリジン間でのリソース共有をブラウザが安全に許可するための仕...
カラーミーショップ カラーミーショップ大賞2025 受賞ショップの研究
さて、もう御用納めも目前というこの時期になって、今年5月22日に開催されたカラーミーショップ大賞2025の受賞ショップ様を拝見させていただいた感想です。あまりじ...
ケーススタディ カラーミーのXMLサイトマップは自動で更新されているわけでもない
これだけ毎日カラーミーショップに触れておきながら、先日はじめて知ったのが「カラーミーショップXMLサイトマップの更新ルール」。 大部分の方が「一度XMLサイトマ...
ケーススタディ 配送先に応じて送料無料になる基準金額を変更する（実現できる条件あり）
「●●円以上で送料無料」の設定は、カラーミーショップ管理画面/設定の「配送方法設定」から比較的かんたんにできるのですが、たとえば”10,000円以上で送料無料だ...
WEB制作 全般 [HTML] picture要素の備忘録
webPやAvif対応ブラウザが少なかった頃にはよく使用していましたが、最近はご無沙汰になっていたpicture要素。メディアクエリやファイル形式の違いなど、条...
WEB制作 全般 fieldset要素がオーバーフローしてしまうときはmin-widthを指定
formの選択肢をfieldsetでまとめた際に、親要素のサイズをオーバーフローしてしまうトラブルに遭いました。具体的には、下のようなオーバーフローするfiel...
製品・サービスのご紹介 商品一覧を価格の高い順（降順）に表示する（カラーミーショップ）
後日追記カラーミーショップの機能アップデートで「価格の高い順に表示」・「登録日が古い順」が新たに追加されましたので、当記事に書かれていることは全て無用です。以前...
WEB制作 全般 WSL2でnpm loginできないときのメモ
WSLのターミナルからnpm loginできないWSL(Windows Subsystem for Linux)のターミナルからnpm loginしようとすると...
製品・サービスのご紹介 商品オプションのカスタマイズ
カラーミーショップの商品ページ編集で、ある意味一番厄介なのが商品オプションかも知れません。商品オプションのデータは、商品情報とは別のデータベースに含まれておりそ...
カラーミーショップ イプシロン決済を利用しているショップでAmazonPayが利用可能に [カラーミーショップ]
2023年10月からカラーミーショップでAmazonPayの導入ハードルが大きく下がりました。イプシロン決済を利用しているショップであれば、フリープランでも、個人事業主でも、月額料金０円・決済手数料3.9%~利用することができます（禁止商材取り扱いショップは不可）。従来は法人でなければAmazonPayを導入できなかったので、個人でショップを運営されている方には朗報です。