ShopifyShopifyアプリ開発 – サンプルコードを解説（１）
Shopifyのカスタムアプリを開発は、学習コストが高く気軽に開発するのが難しく感じてしまいます。 Shopifyストアへのインストールと、アンインストール時の処理は、どのアプリでも同じようなコードになるにもかかわらず、理解するのは...
ShopifyShopifyShopify アプリ開発 ー 公式チュートリアルを徹底解説
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...
Shopifyserverless framework でAWSアカウントを切り替える
AWSプロフィールを指定してデプロイする $ serverless deplosy --aws-profile プロフィール名 デプロイ時にオプションで、「--aws-profile プロフィール名」をつけてデプロイするとA...
ShopifyNext.jsで環境変数を設定する方法
Next.jsでは、フロント側の環境変数とバックエンド（api）側の環境変数で呼び出し方が異なる。 フロント側では、NEXT_PUBLIC_ というプレフィックスをつけなくてはいけない。 .envに定義 バックエンド： ...