Shopifyは、卓越したeコマースプラットフォームになりました。それに伴い、開発者は自分のアプリをShopify App Storeに入れるためにShopifyに殺到しています。
しかし、2021年にShopifyアプリの開発者に最適なツールは何でしょうか?この記事では、Shopifyアプリ開発者のためのベストツール10個(+ボーナス1個)をご紹介します。
Shopify提供のアプリ開発者ツール
Shopifyアプリ開発者向けの最高のツールのいくつかはShopifyによって提供されています!
Shopifyは開発者とショップオーナーの成功を目指して進歩してきたので、これは驚くべきことではありません。実際、年間収益の最初の100万円からの取り分はゼロだったりします。
以下は、Shopifyが提供するShopifyアプリ開発者向けのツールの一部です。
- Shopify CLI: Shopify CLIはShopifyアプリを足場にして管理するためのコマンドラインツールです。
- App Bridge: App BridgeはShopifyの管理画面にアプリを埋め込む作業を効率化するためのJavaScriptライブラリです。
- Rails用のShopifyアプリジェネレーター: これはShopifyアプリを構築するためのRailsエンジンです。
Shopify提供のサンプルアプリ
Shopifyが提供するShopifyアプリ開発者向けのツールといえば、Shopifyはサンプルアプリのリポジトリも提供しています。
これらのアプリは様々な言語を使って作られており、Shopifyアプリ開発者が自分のアプリに実装できる機能の一部を紹介しています。
以下は、Shopifyが提供するサンプルアプリの一部です。
- Shopify app in Node and React: Node.js、React、およびGraphQLを使用して構築されたサンプルアプリです。
- Shopify app in Rails and React: これは、Rails and Reactに組み込まれているアプリで、セッショントークンを使用したAppBridge認証を示します。
- Shopify fulfillment integration app: Sinatraで書かれたアプリで、FulfillmentServiceリソースとEmbedded App SDKを使って、APIを持つ既存のフルフィルメントサービスをShopifyに統合する方法を示しています。
- Shopify POS embedded app: POS AppSDKのメソッドと機能を示すRubyで構築されたアプリです。
- Shopify server-side rendered (SSR) Rails app: AppBridgeとTurbolinksを使用して単一ページのアプリに変換された複数ページのSSRRailsアプリです。
- Storefront API apps: StorefrontAPIの使用方法を示す一連のアプリです。
データジェネレータ
Shopify用のアプリを開発する際、実際の店舗でどのように動作するかをテストしたいと思うことでしょう。これらの開発ストアでは、アプリをテストするための無料のシミュレーション体験を提供しています。
これにより、アプリを承認のために提出しようと考えるずっと前から、実際の環境でアプリがどのように作用するかを見る貴重な経験を得ることができます。しかし、ストアに入力するすべてのデータを手作業で作成する必要がある場合、Shopifyアプリ開発者向けの迅速で簡単なツールは、それ自体が時間のかかる作業になります。
それが、Shopifyデベロッパーツールにあるデータジェネレーターの魅力です。開発ストア用に生成されたすべてのデータは、次の2つのことを達成することができます。
- 開発時には、アプリのすべての機能をテストするためのより現実的な環境を提供します。
- 開発段階では、アプリの機能をより現実的な環境でテストすることができます。また初期の顧客にアプリを紹介する際には、より人気のあるなショップを使って顧客を驚かせることができます。
![This is an example from the Shopify website showing a realistic shop populated in seconds with data using the data generator. This is an example from the Shopify website showing a realistic shop populated in seconds with data using the data generator.](https://baremetrics.com/hs-fs/hubfs/Imported_Blog_Media/image7-1.gif?width=622&height=388&name=image7-1.gif)
これはShopify社のウェブサイトに掲載されている例で、データジェネレーターを使って数秒で現実的なショップを作成しています。
REST AdminAPIプレイグラウンド
Shopify社によると、REST Admin APIは最も堅牢なAPIです。Shopifyが提供しているREST Admin APIプレイグラウンドでは、その動作を確認することができます。
このプレイグラウンドではサンプルまたはカスタムリクエストを使用して、接続されているすべてのストアに対して認証されたAPIコールを行うことができます。
![This is an example from the Shopify website of using the REST Admin API playground to make authenticated API calls. This is an example from the Shopify website of using the REST Admin API playground to make authenticated API calls.](https://baremetrics.com/hs-fs/hubfs/Imported_Blog_Media/This-is-an-example-from-the-Shopify-website-of-using-the-REST-Admin-API-playground-to-make-authenticated-API-calls_-1.png?width=622&height=392&name=This-is-an-example-from-the-Shopify-website-of-using-the-REST-Admin-API-playground-to-make-authenticated-API-calls_-1.png)
これはShopifyのウェブサイトにある、REST Admin API playgroundを使って認証されたAPIコールを行う例です。
トップShopifyアプリ開発者はPolarisプレイグラウンド
これは、私たちが説明する最後のShopifyツールです。Shopify AppsのUIを構築する最良の方法は、ShopifyのPolarisデザインシステムを使用することです。
Polaris playgroundを使ってコードスニペットにアクセスし、アプリに実装する前にカスタマイズをプレビューすることができます。
![This is an example from the Shopify website showing some Polaris code snippets being used in the Polaris playground. This is an example from the Shopify website showing some Polaris code snippets being used in the Polaris playground.](https://baremetrics.com/hs-fs/hubfs/Imported_Blog_Media/image3-2-1.png?width=622&height=392&name=image3-2-1.png)
これはShopifyのウェブサイトの例で、Polarisプレイグラウンドで使用されているいくつかのPolarisコードスニペットを示しています。
Baremetrics
ここで説明したShopifyアプリ開発者向けの最初の5つのツールはアプリの設計、構築、テスト、および実装に役立ちますが、Baremetricsはその成長を追跡するための最高のツールです。
Shopify App Shopで承認されたアプリを作成したら、サブスクリプション収入や顧客などを追跡する方法が必要になります。
そんな時、Baremetricsがおすすめのツールとなります。
Baremetricsは、MRR、LTV、総顧客数、さらにはQuick Ratioなど、ビジネスに必要なすべての主要指標を読みやすいダッシュボードで直接確認することができます。こちらのデモアカウントをチェックするだけでもOKです。
Baremetricsの無料トライアルにサインアップして、サブスクリプションの収益を今すぐ確認しましょう。
Chromeデベロッパーツール
Chromeデベロッパーツール(またはDevTools)は、Shopifyアプリの構築に非常に役立ちます。これらはGoogleChromeに組み込まれているため、DevToolsはコーディングの問題を簡単に診断するための迅速な方法を提供します。
Sublime Text
Sublime Textは、単なるテキストエディタではありません。多くの理由から、最も好まれるコーディングプラットフォームの1つです。
Sublime Textは、コーディングプロセスのスピードアップ、一度に複数の選択を行うこと、複数の行を変更すること、変数の名前を変更することなどに役立ちます。
Sublime Textは応答性が高くで分割編集が可能なため、横に並べてのコーディングが容易です。またカスタムメイドのコンポーネントに加え、プログラミングコミュニティが開発したパッケージにも簡単にアクセスできます。
GitHub
GitHubは単なるプラットフォームではありません。これは、他の開発者にツールを提供する開発者のコミュニティです。 GitHubでは、ソフトウェアの構築中に発生するほとんどすべての問題の解決策を見つけることができます。
これはShopifyアプリにも当てはまり、Shopifyアプリ開発者にとって最高のツールの1つになっています。
Slack
ここまでShopifyアプリ開発者がアプリをプログラミングする際に使用するツールを中心に紹介してきましたが、これらのアプリのほとんどがコラボレーションであることを忘れてはなりません。
同じオフィスにいても、コミュニケーションが難しい場合があります。必要な人員を同時に会議に参加させるのは難しく、その会議でのメモが消えてしまうこともよくあります。
チーム全員がタイムゾーンを越えて遠隔地にいる場合はコミュニケーションがさらに難しくなります。そのため成功しているShopifyアプリ開発者は、コミュニケーションのためのツールも使用しています。
Slackは、オフィスでも世界でも、現代の職場で最も重要なコミュニケーションツールのひとつです。
Slackは、既存のさまざまなコミュニケーションツールを1つのプラットフォームに統合しており、生産性を向上させる最も簡単な方法の1つです。
グループチャットやプライベートチャットはもちろん、素早くメモを取りたいときには自分だけのチャットも可能です。
また、ファイルをドラッグ&ドロップするだけで、簡単にコミュニティに転送できます。
便利な検索機能もあるので、誰かがチャットに遅れて入ってきたり、一度に大量のメッセージが来たりして、メッセージが失われることもありません。
おまけ:Trello
これもまた、開発者が異なる場所や時間で仕事をしている場合に使用できる素晴らしいコミュニケーションツールです。
Trelloは現在ワークフローの中にあるすべてのプロジェクト、どのプロジェクトが他のプロジェクトに依存しているか、そしてそれらがいつ完了しなければならないかをチームが把握するのに役立ちます。
まとめ
成功するShopifyアプリを構築するためにどのようなツールを使おうとも、その成長指標を追跡して、可能な限り最大の価値をもたらしていることを確認する必要があります。
これを一人で行うのは難しいので、Baremetricsをぜひ使ってみてください。
![スクリーンショット 2021-04-12 13.59.33](https://baremetrics.com/hs-fs/hubfs/Imported_Blog_Media/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2021-04-12-13_59_33-Jul-17-2023-02-08-14-2589-PM.png?width=205&height=222&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2021-04-12-13_59_33-Jul-17-2023-02-08-14-2589-PM.png)
ビジネス指標の分析を始めてみる
MRRやLTVなどを自動で追跡し、ビジネスの成長につなげましょう!!