Tech Blog

Shopify Vite Plugin でテーマ拡張機能の開発体験を改善する

Shopify Vite Plugin でテーマ拡張機能の開発体験を改善する

小笠原 京平

今回は Barrel が提供する Shopify Vite Plugin を導入して、テーマ拡張機能の開発体験を改善する方法をご紹介します。 対象読者 テーマ拡張機能の開発経験がある方 はじめに Shopifyのテーマ拡張機能 (Theme app extensions) はShopify アプリ開発において、ストアフロントに機能を追加するための機能です。 Liquid、JavaScript、CSSなどを使って開発することができますが、通常のアプリ開発と比較すると、ローカルでの開発体験はそれほどよくありません。 そこで、今回は Shopify Vite Plugin を導入して、開発体験を改善していきます。 Shopify Vite Plugin とは Barrel が提供する Vite用プラグインです。ViteをShopify テーマ開発に組み込んで開発体験を改善することを目的として作られていますが、テーマ拡張機能においてもその恩恵を受けることができます。...

Shopify Vite Plugin でテーマ拡張機能の開発体験を改善する

小笠原 京平

今回は Barrel が提供する Shopify Vite Plugin を導入して、テーマ拡張機能の開発体験を改善する方法をご紹介します。 対象読者 テーマ拡張機能の開発経験がある方 はじめに Shopifyのテーマ拡張機能 (Theme app extensions) はShopify アプリ開発において、ストアフロントに機能を追加するための機能です。 Liquid、JavaScript、CSSなどを使って開発することができますが、通常のアプリ開発と比較すると、ローカルでの開発体験はそれほどよくありません。 そこで、今回は Shopify Vite Plugin を導入して、開発体験を改善していきます。 Shopify Vite Plugin とは Barrel が提供する Vite用プラグインです。ViteをShopify テーマ開発に組み込んで開発体験を改善することを目的として作られていますが、テーマ拡張機能においてもその恩恵を受けることができます。...

Shopifyのブログ記事内に自動で目次を生成する Tsun Inc.

Shopifyのブログ記事内に自動で目次を生成する

小笠原 京平

Shopifyブログ記事内のh2とh3タグを抽出して、目次を自動生成するスクリプトを作成しました。本記事では自身でShopifyサイトに目次機能を実装する方法をご紹介します。

Shopifyのブログ記事内に自動で目次を生成する

小笠原 京平

Shopifyブログ記事内のh2とh3タグを抽出して、目次を自動生成するスクリプトを作成しました。本記事では自身でShopifyサイトに目次機能を実装する方法をご紹介します。

新しくリリースされたShopify開発ツールの中から気になるものをご紹介! Tsun Inc.

新しくリリースされたShopify開発ツールの中から気になるものをご紹介!

小笠原 京平

こんにちは!Tsun Inc. でCTOをしている小笠原です。最近Shopifyのアプリやテーマ開発はよくしています。Shopify DevのリファレンスやShopifyのGitHubリポジトリを見て思うのは、情報量が多すぎる!ですよね。(Shopify公式のGitHubリポジトリだけでも840以上あります)この記事では毎週リリースされた開発ツールの中から厳選して、これは使える!やこの機能は今までなかった!といったものをご紹介しています♪ぜひあなたの開発にお役立てください! 最新情報をチェックしたい方はぜひInstagramのアカウントをフォローして「Shopify Dev Weekly」をみてください!→ https://www.instagram.com/tsun.ec/?hl=ja 2022年7月号 vol.1 - いまからキャッチアップ!Shopify Editionsで発表された開発者向け機能を一挙ご紹介! 今週のトピックは 「いまからキャッチアップ!Shopify Editionsで発表された開発者向け機能を一挙ご紹介!」 です。   Shopify Functions バックエンドロジックをカスタマイズ可能 まだ開発中の機能、全プランで利用可能 最初はチェックアウト機能のカスタマイズが開放され、以降その他の部分にカスタマイズ可能になる予定 Checkout Extensibility チェックアウトの拡張アプリが開発可能 9月末以降から利用可能になる予定 チェックアウトUIやShop Payとのシームレスな連携が提供される 予約販売と後払い決済 Selling...

新しくリリースされたShopify開発ツールの中から気になるものをご紹介!

小笠原 京平

こんにちは!Tsun Inc. でCTOをしている小笠原です。最近Shopifyのアプリやテーマ開発はよくしています。Shopify DevのリファレンスやShopifyのGitHubリポジトリを見て思うのは、情報量が多すぎる!ですよね。(Shopify公式のGitHubリポジトリだけでも840以上あります)この記事では毎週リリースされた開発ツールの中から厳選して、これは使える!やこの機能は今までなかった!といったものをご紹介しています♪ぜひあなたの開発にお役立てください! 最新情報をチェックしたい方はぜひInstagramのアカウントをフォローして「Shopify Dev Weekly」をみてください!→ https://www.instagram.com/tsun.ec/?hl=ja 2022年7月号 vol.1 - いまからキャッチアップ!Shopify Editionsで発表された開発者向け機能を一挙ご紹介! 今週のトピックは 「いまからキャッチアップ!Shopify Editionsで発表された開発者向け機能を一挙ご紹介!」 です。   Shopify Functions バックエンドロジックをカスタマイズ可能 まだ開発中の機能、全プランで利用可能 最初はチェックアウト機能のカスタマイズが開放され、以降その他の部分にカスタマイズ可能になる予定 Checkout Extensibility チェックアウトの拡張アプリが開発可能 9月末以降から利用可能になる予定 チェックアウトUIやShop Payとのシームレスな連携が提供される 予約販売と後払い決済 Selling...