Shopify子コンポーネントのイベントを親コンポーネントに渡す方法 – React.js
React.jsで子コンポーネントや孫コンポーネントで発生したイベントを親コンポーネントに伝える方法を解説します。 テーブルにある項目を「削除」ボタンを押したときにデータが削除される機能を考えてみます。 テーブルのデザインは ...
Shopify
ShopifyShopify関数合成を徹底解説 – JavaScript
JavaScriptにおいて、複数個の関数を一つの関数に合成する関数合成の方法を解説します。 ネストした関数 まずは、ネスト関数を考えてみましょう。 +1する関数と、2倍にする関数の組み合わせを考えます。 func...
Shopifyasync/await と Promise の解説 – JavaScript, Node.js
JavaScript（特にNode.js）で非同期処理は便利だけど、async/await、Promiseについて使い方がよくわからないという方に向けてご紹介します。 asyncの使い方 async とは非同期処理の関数宣言の...
Shopify[Next.js axios API] Request path contains unescaped characters
エラーメッセージ TypeError [ERR_UNESCAPED_CHARACTERS]: Request path contains unescaped characters 問題のあるコード const...
ShopifyShopify アプリ開発 ー 公式チュートリアルを徹底解説
Shopify Unite 2021でShopifyの大規模アップデートがあり、APIドキュメントも刷新されました。 新しくなったチュートリアルをさっそく動作確認を行ったので、その内容を徹底解説していきます。 これからShop...
Shopifyserverless framework でAWSアカウントを切り替える
AWSプロフィールを指定してデプロイする $ serverless deplosy --aws-profile プロフィール名 デプロイ時にオプションで、「--aws-profile プロフィール名」をつけてデプロイするとA...
ShopifyShopifyアプリ開発 – サンプルコードを解説（１）
Shopifyのカスタムアプリを開発は、学習コストが高く気軽に開発するのが難しく感じてしまいます。 Shopifyストアへのインストールと、アンインストール時の処理は、どのアプリでも同じようなコードになるにもかかわらず、理解するのは...
ShopifyNext.jsで環境変数を設定する方法
Next.jsでは、フロント側の環境変数とバックエンド（api）側の環境変数で呼び出し方が異なる。 フロント側では、NEXT_PUBLIC_ というプレフィックスをつけなくてはいけない。 .envに定義 バックエンド： ...
ShopifyNext.jsでLinkコンポーネントにクラス名（class）を追加する方法
Next.jsではLinkコンポーネントに直接 `className` などの属性を追加しても反映されません。 そのため、Linkコンポーネントの中にaタグを追加し、このaタグに対して `className` などの属性を追加します...
Shopifyliquid – 日付フォーマットの方法[Shopifyテーマ開発]
{{ article.published_at | time_tag: '%Y.%m.%d' }} => 2021.04.25 time_tagフィルタで <time>~~~</time> を生成します...