ShopifyShopifyアプリ開発 – サンプルコードを解説（１）
Shopifyのカスタムアプリを開発は、学習コストが高く気軽に開発するのが難しく感じてしまいます。 Shopifyストアへのインストールと、アンインストール時の処理は、どのアプリでも同じようなコードになるにもかかわらず、理解するのは...
ShopifyliquidLiquidで特定のページ（URL）のみ表示させる方法[Shopify]
theme.liquidに{%- if template == 'テンプレートファイル名' -%} を使う コードを挿入する場所 layout/theme.liquid の headタグの閉じタグ（</head>）の直前...
Shopifyliquid – 全てのブログを取得する方法[Shopifyテーマ開発]
liquidに全てのブログの種類を取得するタグは存在しません。 そこで、ちょっと一工夫します。 スポンサー広告：テックギーク メニューリストに全てのブログを追加して取得する 管理画面のメニューから、「メニューを追加...
Shopifyliquid – 日付フォーマットの方法[Shopifyテーマ開発]
{{ article.published_at | time_tag: '%Y.%m.%d' }} => 2021.04.25 time_tagフィルタで <time>~~~</time> を生成します...
ShopifyShopify アプリ開発 ー 公式チュートリアルを徹底解説
Shopify Unite 2021でShopifyの大規模アップデートがあり、APIドキュメントも刷新されました。 新しくなったチュートリアルをさっそく動作確認を行ったので、その内容を徹底解説していきます。 これからShop...
Next.jsnext-authでユーザー情報を追加する方法 – Next.js
Next.jsでは、ユーザー情報の管理に next-authというライブラリを使います。 ユーザー情報は、name,image,emailをデフォルトで取得できますが、任意の情報を追加する方法を解説します。 前提として、・Ja...
Shopify子コンポーネントのイベントを親コンポーネントに渡す方法 – React.js
React.jsで子コンポーネントや孫コンポーネントで発生したイベントを親コンポーネントに伝える方法を解説します。 テーブルにある項目を「削除」ボタンを押したときにデータが削除される機能を考えてみます。 テーブルのデザインは ...
Shopify関数合成を徹底解説 – JavaScript
JavaScriptにおいて、複数個の関数を一つの関数に合成する関数合成の方法を解説します。 ネストした関数 まずは、ネスト関数を考えてみましょう。 +1する関数と、2倍にする関数の組み合わせを考えます。 func...
Shopifyasync/await と Promise の解説 – JavaScript, Node.js
JavaScript（特にNode.js）で非同期処理は便利だけど、async/await、Promiseについて使い方がよくわからないという方に向けてご紹介します。 asyncの使い方 async とは非同期処理の関数宣言の...
アプリ開発Shopifyアプリ開発でトラブった話 – domainとmyshopify_domainは違う
カスタムアプリ開発で少しトラブったので、共有します。 REST API でストア情報を読み取ると、domainを含むさまざまなデータが返ってきます。 # コードの例 const Shopify = require('shopi...
Shopify[Next.js axios API] Request path contains unescaped characters
エラーメッセージ TypeError [ERR_UNESCAPED_CHARACTERS]: Request path contains unescaped characters 問題のあるコード const...