🌉

【Shopify.dev和訳】Apps/Dev tools/App Bridge/Overview

2021/09/05に公開約3,100字

この記事について

この記事は、Shopify App Bridgeの記事を和訳したものです。

Shopify アプリのご紹介

Shopify アプリである、「商品ページ発売予告アプリ | リテリア Coming Soon」は、商品ページを買えない状態のまま、発売日時の予告をすることができるアプリです。Shopify で Coming Soon 機能を実現することができます。

https://apps.shopify.com/shopify-application-314?locale=ja&from=daniel

Shopify アプリである、「らくらく日本語フォント設定|リテリア Font Picker」は、ノーコードで日本語フォントを使用できるアプリです。日本語フォントを導入することでブランドを演出することができます。

https://apps.shopify.com/font-picker-1?locale=ja&from=daniel

Shopify App Bridge

Shopify App Bridge を使うと、Shopify 管理画面や Shopify POS の中に直接アプリを埋め込むことができ、またアプリの外で Shopify の UI 要素をカスタマイズすることもできます。

App Bridge はスタンドアロンの Vanilla JavaScript ライブラリで、一部のアクションにはReact component wrappersも提供しています。

マーチャント体験 | Merchant experience

App Bridge を使用して Shopify にアプリを埋め込むことで、Shopify マーチャントにとって親しみやすく、使いやすい優れたユーザー体験を実現することができます。また、App Bridge は、マーチャントがアプリを使用する場所がウェブ上であるか、iOS や Android 用の Shopify Mobile アプリであるかにかかわらず、このユーザー体験が一貫していることを保証するのに役立ちます。

デベロッパー体験 | Developer experience

App Bridge は、優れたマーチャント体験を実現するだけでなく、優れたデベロッパー体験も提供します。

複数のプラットフォームでこれらの機能にアクセスする単一の方法を提供することで、開発時間を短縮することができます。Shopify admin, Shopify Mobile, and Shopify POS. App Bridge は、マーチャントがあなたのアプリを使用する場所がどこであっても、ユーザー体験が一貫していることを確認します。App Bridge はまた、アプリからページを印刷したり、ユーザーを Shopify 管理画面の他の部分にリダイレクトするための簡単なヘルパーを提供します。

  • 一度書けばどこでも実行可能:クライアントや拡張領域ごとに異なるアプリのコードを書くことを気にする必要がないため、App Bridge は開発時間を短縮します。

  • ワークフローに統合:ビルドシステムでモジュール式の JavaScript を使用する場合でも、CDN でライブラリに直接リンクする場合でも、App Bridge はあなたのワークフローに合わせて動作します。

  • 型の安全性:App Bridge は TypeScript で書かれています(ただし、アプリで使用するかどうかはユーザー次第です)。

  • デベロッパーツール:App Bridge は Redux を使用して状態とデータフローを管理し、Redux DevTools と統合してデバッグを簡単にしています(アプリが Redux を使用していなくても)。

  • SemVerを使用した厳密なバージョン管理。

次のステップ | Next Steps

Shopify アプリのご紹介

Shopify アプリである、「商品ページ発売予告アプリ | リテリア Coming Soon」は、商品ページを買えない状態のまま、発売日時の予告をすることができるアプリです。Shopify で Coming Soon 機能を実現することができます。

https://apps.shopify.com/shopify-application-314?locale=ja&from=daniel

Shopify アプリである、「らくらく日本語フォント設定|リテリア Font Picker」は、ノーコードで日本語フォントを使用できるアプリです。日本語フォントを導入することでブランドを演出することができます。

https://apps.shopify.com/font-picker-1?locale=ja&from=daniel

Discussion

ログインするとコメントできます