Shopify

関数合成を徹底解説 – JavaScript

JavaScriptにおいて、複数個の関数を一つの関数に合成する関数合成の方法を解説します。 ネストした関数 まずは、ネスト関数を考えてみましょう。 +1する関数と、2倍にする関数の組み合わせを考えます。 func...
Shopify

async/await と Promise の解説 – JavaScript, Node.js

JavaScript(特にNode.js)で非同期処理は便利だけど、async/await、Promiseについて使い方がよくわからないという方に向けてご紹介します。 asyncの使い方 async とは非同期処理の関数宣言の...
Shopify

serverless framework でAWSアカウントを切り替える

AWSプロフィールを指定してデプロイする $ serverless deplosy --aws-profile プロフィール名 デプロイ時にオプションで、「--aws-profile プロフィール名」をつけてデプロイするとA...
Shopify

Shopifyアプリ開発 – サンプルコードを解説(1)

Shopifyのカスタムアプリを開発は、学習コストが高く気軽に開発するのが難しく感じてしまいます。 Shopifyストアへのインストールと、アンインストール時の処理は、どのアプリでも同じようなコードになるにもかかわらず、理解するのは...
Shopify

Next.jsで環境変数を設定する方法

Next.jsでは、フロント側の環境変数とバックエンド(api)側の環境変数で呼び出し方が異なる。 フロント側では、NEXT_PUBLIC_ というプレフィックスをつけなくてはいけない。 .envに定義 バックエンド: ...
アプリ開発

サーバレスで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 ...
React

Shopifyカスタムアプリを作成!Ruby on Rails、ReactでShopify App CLIを使って開発する方法を丁寧に解説!

ShopifyカスタムアプリをRuby on Rails, Reactでの開発方法を徹底解説します。 対象読者は、 Ruby on Railsの知識がある人Reactの知識がある人 です。 Shopifyカスタムア...
Shopify

Rails × React で画像を読み込む方法

Railsでは、画像リンクはハッシュ化されていますので直接ファイル名を記載しても開くことができません。RailsとReactの組み合わせでは下記のように読み込みを行います。 画像の読み込み方法 # アプリ名/config/we...
タイトルとURLをコピーしました