Shopify

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

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

[Next.js axios API] Request path contains unescaped characters

エラーメッセージ TypeError [ERR_UNESCAPED_CHARACTERS]: Request path contains unescaped characters 問題のあるコード const...
Shopify

Shopify アプリ開発 ー 公式チュートリアルを徹底解説

Shopify Unite 2021でShopifyの大規模アップデートがあり、APIドキュメントも刷新されました。 新しくなったチュートリアルをさっそく動作確認を行ったので、その内容を徹底解説していきます。 これからShop...
Shopify

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

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

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

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

Next.jsでLinkコンポーネントにクラス名(class)を追加する方法

Next.jsではLinkコンポーネントに直接 `className` などの属性を追加しても反映されません。 そのため、Linkコンポーネントの中にaタグを追加し、このaタグに対して `className` などの属性を追加します...
アプリ開発

サーバレスでShopifyアプリの構築方法を解説!AWS Amplify, Serverless Framework

今までHeroku環境で開発したことしかありませんでしたが、Shopifyのカスタムアプリ開発を機にAWSでのサーバレス環境の構築にチャレンジしてみることになりました。 今回は下記のブログを参考にAWSにSPA + Serverle...
Shopify

liquid – 日付フォーマットの方法[Shopifyテーマ開発]

{{ article.published_at | time_tag: '%Y.%m.%d' }} => 2021.04.25 time_tagフィルタで <time>~~~</time> を生成します...
Shopify

liquid – 全てのブログを取得する方法[Shopifyテーマ開発]

liquidに全てのブログの種類を取得するタグは存在しません。 そこで、ちょっと一工夫します。 メニューリストに全てのブログを追加して取得する 管理画面のメニューから、「メニューを追加」をクリックし、メニュー項目に全ての...
Shopify

[Shopify]上書きしたテーマのコードを元に戻す方法 – theme deploy

$ theme deploy などで settings_data.json を上書きしてしまっても、元の状態へ戻すことが可能です! 手順 Shopify管理画面のオンラインストアからテーマを選択修正するテーマの「アク...
タイトルとURLをコピーしました