ShopifyNext.jsで環境変数を設定する方法
Next.jsでは、フロント側の環境変数とバックエンド（api）側の環境変数で呼び出し方が異なる。 フロント側では、NEXT_PUBLIC_ というプレフィックスをつけなくてはいけない。 .envに定義 バックエンド： ...
Shopify
アプリ開発サーバレスでShopifyアプリの構築方法を解説！AWS Amplify, Serverless Framework
今までHeroku環境で開発したことしかありませんでしたが、Shopifyのカスタムアプリ開発を機にAWSでのサーバレス環境の構築にチャレンジしてみることになりました。 今回は下記のブログを参考にAWSにSPA + Serverle...
Shopify[Shopify]上書きしたテーマのコードを元に戻す方法 – theme deploy
$ theme deploy などで settings_data.json を上書きしてしまっても、元の状態へ戻すことが可能です！ 手順 Shopify管理画面のオンラインストアからテーマを選択修正するテーマの「アク...
liquid[Shopify] theme kit で公開テーマに直接デプロイする方法
公開テーマにローカルで編集したテーマを直接デプロイする場合 $ theme deploy --allow-live theme watch の場合も一緒 $ theme watch --allow-live ...
ReactShopifyカスタムアプリを作成！Ruby on Rails、ReactでShopify App CLIを使って開発する方法を丁寧に解説！
ShopifyカスタムアプリをRuby on Rails, Reactでの開発方法を徹底解説します。 対象読者は、 Ruby on Railsの知識がある人Reactの知識がある人 です。 Shopifyカスタムア...
ShopifyRails × React で画像を読み込む方法
Railsでは、画像リンクはハッシュ化されていますので直接ファイル名を記載しても開くことができません。RailsとReactの組み合わせでは下記のように読み込みを行います。 画像の読み込み方法 # アプリ名/config/we...
ShopifyReact でURL パラメータをめっちゃ簡単に取得する方法
react-router-dom を使う react-router-domのカスタムフックを使えば一瞬で取得できました！ まずは導入方法から。 $ yarn add react-router-dom 次にURLパラ...
ReactShopify アプリの構築方法 – Node.js, React.js
Shopify アプリを開発しているフルスタックプログラマーの森本です。 今回は、Shopify App CLIを使って、NodeとReactでShopify アプリの構築方法をご紹介します。 アプリ開発では、環境構築、認証機...
ShopifyShopify App CLIのアップデート
Shopify App CLIのアップデート方法をまとめました。 macOSでのアップデート $ brew update $ brew upgrade shopify-cli macOSをアップデートしたことで、下記のエ...
ShopifyRubyでShopify Webhookの使い方を解説
Shopify アプリを開発しているフルスタックプログラマーの森本です。 今回は、ShopifyのWebhookの受信、送信方法を解説して行きます。 こちらのチュートリアルを参考にしています。 アプリ開発にお...