ShopifyNext.jsで環境変数を設定する方法
Next.jsでは、フロント側の環境変数とバックエンド（api）側の環境変数で呼び出し方が異なる。 フロント側では、NEXT_PUBLIC_ というプレフィックスをつけなくてはいけない。 .envに定義 バックエンド： ...
ShopifyShopifyNext.jsでLinkコンポーネントにクラス名（class）を追加する方法
Next.jsではLinkコンポーネントに直接 `className` などの属性を追加しても反映されません。 そのため、Linkコンポーネントの中にaタグを追加し、このaタグに対して `className` などの属性を追加します...
アプリ開発サーバレスでShopifyアプリの構築方法を解説！AWS Amplify, Serverless Framework
今までHeroku環境で開発したことしかありませんでしたが、Shopifyのカスタムアプリ開発を機にAWSでのサーバレス環境の構築にチャレンジしてみることになりました。 今回は下記のブログを参考にAWSにSPA + Serverle...
Shopifyliquid – 日付フォーマットの方法[Shopifyテーマ開発]
{{ article.published_at | time_tag: '%Y.%m.%d' }} => 2021.04.25 time_tagフィルタで <time>~~~</time> を生成します...
Shopifyliquid – 全てのブログを取得する方法[Shopifyテーマ開発]
liquidに全てのブログの種類を取得するタグは存在しません。 そこで、ちょっと一工夫します。 メニューリストに全てのブログを追加して取得する 管理画面のメニューから、「メニューを追加」をクリックし、メニュー項目に全ての...
Shopify[Shopify]上書きしたテーマのコードを元に戻す方法 – theme deploy
$ theme deploy などで settings_data.json を上書きしてしまっても、元の状態へ戻すことが可能です！ 手順 Shopify管理画面のオンラインストアからテーマを選択修正するテーマの「アク...
liquid[Shopify] theme kit で公開テーマに直接デプロイする方法
公開テーマにローカルで編集したテーマを直接デプロイする場合 $ theme deploy --allow-live theme watch の場合も一緒 $ theme watch --allow-live ...
liquidLiquidで特定のページ（URL）のみ表示させる方法[Shopify]
theme.liquidに{%- if template == 'テンプレートファイル名' -%} を使う コードを挿入する場所 layout/theme.liquid の headタグの閉じタグ（</head>）の直前に挿入...
Shopifyserverless framework でAWSプロフィールを切り替える
AWSプロフィールを指定してデプロイする $ serverless deplosy --aws-profile プロフィール名 デプロイ時にオプションで、「--aws-profile プロフィール名」をつけてデプロイするとA...
ShopifyShopifyオンラインストアを徹底解説 ECサイト運営に必要なもの全て
ShopifyオンラインストアのECサイト運営に必要なもの全てをご紹介します。 これまでになく簡単に、素早く、柔軟な拡張機能を備えたビジネスの成長を加速させるものになりました。 美しいストアでお客様に感動を与えましょう。 ...