✌️

Shopifyアプリ開発:ChatGPTを活用した商品説明文自動生成ツールを作った

2023/09/24に公開

はじめに

Shopifyアプリとして、ChatGPTを活用した商品説明文自動生成ツールを作りました。

https://twitter.com/pop13031/status/1703093017450836135

アプリの紹介

Shopify申請も通過して、現在、Shopifyアプリストアで公開しています。

https://apps.shopify.com/ai-product-describer?locale=ja

商品タイトルやキーワードをもとに、商品説明分、タイトル、SEOタイトル、SEO説明文を自動生成できます。

生成には、OpenAIのChatGPTを活用しています。

技術スタック

  • フロントエンド

    • React
    • TypeScript
    • Vite
  • バックエンド

    • Express
    • Docker
    • Cloud Run
  • 外部API

    • Open API
  • CI / CD

    • GitHub Actions

使用したテンプレート

Shopifyアプリの開発では以下のテンプレートを使用しました。

https://github.com/SaeedYasin/shopify-app-template-node

本家のShpifyアプリ開発のテンプレートは、TypeScriptをサポートしていないので、TypeScriptをサポートしているテンプレートを使用しました。

OpenAIのAPIからのレスポンスを期待通りにするために工夫したこと

OpenAIのAPIからのレスポンスは、期待通りにならないことが多いです。

そのに対して、簡単な改善をしています。

それは、Few-shot learningです。

Few-shot learningとは、事前に少量のデータから学習させることで、新しいデータに対しても高い精度で予測できるようにする機械学習の手法です。

以下に、具体的な例を示します。

製品のタイトルはランニングシューズです。この製品について魅力的なタイトルを提案してください。

ライトニングレース

上記の例に従って、ナイロンTシャツという製品のための魅力的なタイトルを提案してください。

このように事前に学習させることで、OpenAIのAPIからのレスポンスを期待通りにすることができるようになりました。

作業期間

約1ヶ月かかりました。

アプリストアに申請する際に、何度か修正を要求されたので、その分の時間も含めると、そのくらいかかりました。

審査について

Shopifyアプリは、アプリストアに登録する際にしっかりとした審査があります。

現に、私のアプリも何度か修正を要求されました。

あと、留意点としてアプリストアに登録するには登録料が必要です。

金額は、$99です。

パートナーアカウントごとに1回限りの登録料です。

ドキュメントはこちらです。
https://shopify.dev/docs/apps/store/revenue-share

最後に

同じようなShopifyアプリは、ストアには既にいくつかありまが、当初の目標としていた、Shopifyアプリ開発の練習としては、十分に達成できたと思います。

何かの参考になれば幸いです。

Discussion