Jason | Shopifyを使用して多言語の独立したウェブサイトを作成する

2025年2月15日

私は現在ウェブサイトの制作に取り組んでおり、とても熱中していて楽しんでいます。毎日楽しみながら働いています。理由は、海外からのゲストを迎えたいからです。ほとんどのゲストはWeChatのミニプログラムを使いこなすのに不便を感じています。また、今後競争が激化していく中で、私たちは言語面での優位性を活かすことができるでしょう。私たちが話せる言語は、英語、日本語、フランス語、韓国語などですが、主に英語です。これにより、誰もが言語を学ぶ意欲も高まります。

由来：以前、英語で旅程説明をいくつか作成しましたが、一方では外国人ゲストの割合が低すぎたため、メンテナンスと更新に必要なエネルギーに見合っていないという問題がありました。また、旅程説明のみで、完全な英語予約システムのサポートがなかったため、効果は限られていました。今年の夏、私とベラはプーシで会って話をしました。彼女は、ビザ免除政策のおかげで、上海の観光産業で明らかに感じられるほど、入国する観光客の数が大幅に増えたと話していました。私はこう言いました。「144時間のビザなしトランジット政策では大都市にしか行けず、私たちの雲南省には行けません。今後この政策がもっと緩和されることを願っています。」少し前にビザなし入国できる国が大幅に拡大され、ビザなし期間も15日から30日に延長されました。新しいシステムを構築する方法を探し始めました。

解決策の 1 つは、既存のミニプログラムの英語版を作成することです。利点は、中国語版のデータベースを直接使用できることですが、欠点は、多くの外国人が WeChat アプレットを使用していないことです。さらに、英語化の需要はミニプログラムベンダーにとってそれほど明白ではなく、進捗は彼らによって制御され、遅れる可能性もあります。

確認: 多言語ウェブサイトを構築する方法をインターネットで検索しました。国内のものを見つけましたが、少し複雑で使いにくかったです。外国のものもいくつか見つけましたが、理想的な結果は得られませんでした。数週間前に Ning Yi と会って、海外からのゲストのニーズについて話し合いました。彼女は、誰かが Shopify を勧めてくれたので、それを使いたいと言っていました。 Shopifyは以前見たことがありましたが、詳しくテストしたことはありませんでした。Taobaoに似た海外製品を扱うウェブサイトだと思っていました。彼女がそう言った後、私はこのウェブサイトビルダーをもう一度見てみようと思いました。このウェブサイト構築ツールの威力は私の想像をはるかに超えるものであることがわかりました。最も強力な機能は、さまざまな問題を解決できるさまざまなサードパーティ製のプラグインを備えたアプリストアがあることです。たとえば、私が必要とする日付と期間の予約機能は、カレンダープラグインで解決できます。このようなサプライヤーは 12 社以上あり、無料のものもあれば、月額 15 ドル程度のものもあります (ほとんどがこの価格です)。ただし、重要な問題が解決されるのであれば、この料金は許容範囲です。したがって、オープンで適度に商業化されたものが最も健全で多様性に富んでいます。実行できない機能はありません。考えられることができない機能があるだけです。例えば、年齢の選択にはいつも困っています。家にはX歳の子供（高齢者）がいますが、どのアクティビティが適しているでしょうか？製品のタグ機能をうまく活用することで、お客様はこれらのアクティビティをすぐに見つけることができます。

プロセスを加速する: ただし、なじみのないシステムを学習し、比較的複雑な要件を実装するには、多くの学習が必要であり、進捗に影響する困難が生じることがよくあります。ある日、私は偶然、Google 翻訳を使ってイベントを英語に翻訳することについて Sisitong と話しました。彼女は ChatGPT の方が使いやすいと言って、それを使用するためのリンクを教えてくれました。初めて登場したときにchatgptを試してみましたが、国内サービスのIP制限のため、二度と使用しませんでした。 ChatGPT の方が良いかもしれないとは思いますが、Google が実装した翻訳機能はすでにかなり優れており、私の基本的な問題を解決できます。しかし、好奇心から、chatgpt の翻訳機能を試してみました。これはすごいですね。chatgpt にはすぐに感銘を受けました。

まず、素早く簡単に翻訳でき、わかりやすく要約したり、異なる口調で書き直したりすることができます。

次に、Shoptify のウェブサイト構築について質問することができ、私のニーズに合わせてコードを書いて、どこに埋め込むかを教えてくれます。多くの問題が一挙に解決されました。適切な質問をしたり、質問を調整したりすれば、複数の適切な解決策が得られます。

3 番目に、記事を要約することができ、レイアウトが明確で、1、2、3 がリスト化されており、非常に優れています。投稿時に翻訳であることは明記していませんでしたが、その結果、記事を評価し、独自の意見や要約を添えていただき、非常に有意義な内容となりました。

つまり、私の仕事におけるチャットグループとは、非常に効率的で優秀な翻訳者、製品機能のソリューション提案を行うプロのコンサルタント、コードエンジニア、コピーライターなどで構成されるワーキンググループに相当します。彼らはいつでも待機しており、1 分以内に問題を解決することができます。 (注: chatgpt が一時的にサービス停止中なので、Google Gemini を使ってみました。こちらも同じように機能し、翻訳の面では担当者の本当のアシスタントのように、いくつかの解決策を提示し、意見を求めてくれるなど、より配慮があるようです。中国での使い方をわざわざ勉強する必要はありません。重要なのは方法とアイデアであり、これはさまざまな AI ツールで実行できます)

これまでに解決された問題（有料プランはまだ使用していません。すべて無料または基本無料版です。数が一定レベルに達したら、支払いが必要になります。その時点で価値があるかどうかを確認します。無料プランで解決できれば最高ですが、優れた機能にはお金を払う価値があります）：

多言語ソリューション: 基本言語は英語 (chapgpt による翻訳) ですが、Shopify では自動的に繁体字中国語、日本語に翻訳できます (翻訳後に編集および調整可能)。システムは 3 つの言語オプションをサポートしています。

ブログ: Shopify にはブログ機能が統合されています。もともと、当社のブログ機能は公式アカウントによって実装されていましたが、現在はより統合されています。さらに、公開アカウントは公開後に変更することがほとんどできないため、改訂や更新が大幅に制限されます。中国には利点もありますが、開放性という点では確かに欠点もあります。

すべての外部リンクをサポート：最新のイベント写真紹介をInstagramにリンクしたり、顧客相談グループをFacebookメッセージにリンクしたりできます。国内のアプリはこうしたオープン性に非常に抵抗しており、独自のクローズドループ内に留まることを望んでいます。幸いなことに、WeChat には、いくつかのコンテンツにリンクできるオープンなミニプログラムシステムがあります。

日付/時間帯の予約問題: これは、bookeasy という無料のカレンダーツールを使用して解決できます。また、異なるイベントの注文を異なるメールアドレスに送信することもできるので便利です。

アクティビティ分類の問題：まず、アクティビティカテゴリ（つまり、その中の製品シリーズ）に従って表示し、キーワードで自動的に分類することができます。これは従来の手動分類ではなく、タグを判断基準として使用しました。これは非常に柔軟です。タグを変更することで、どのカテゴリに移動するかが自動的に変更されます。

適切な年齢/コンテンツ: タグも使用します。年齢、難易度、アクティビティコンテンツでフィルタリングするには、組み込みの検索および検出ツールのみが必要です。

評価機能：この機能は、Judge.me プラグインを使用して実装されています。このプラグインを使用すると、個々のアクティビティページに評価を書き込むことができるだけでなく、ホームページに最新のアクティビティ評価を追加できるため、ゲストは最近好評のアクティビティを参照し、直接クリックして予約することができます。

AI コンサルティング: Juphy プラグインを使用します。ゲストがアクティビティについて質問すると、アクティビティの紹介テキストに基づいて提案が行われ、直接リンクされます。知識を与えることもできます。知能の程度は現時点では不明です。

カスタム手順の追加: アクティビティページには、デフォルトで「アシスト付き集配サービス」と「払い戻しおよび変更ルール」の手順が含まれます。事前にアクティビティの説明に追加する必要があります。

商品を推奨:「このアクティビティを購読した人は、このアクティビティも購読しています」この機能は、Essential アップセルプラグイン (無料) を使用して実現できます。まだ注文数が足りないので効果は不明です。内蔵の「検索と発見」では、推奨商品や補完商品を手動で設定できます。

最も人気のあるアクティビティ: 「製品シリーズ」を使用してすべてのアクティビティを含めると、システムは事前に設定された数に従ってアクティビティを自動的にランク付けします。

Instagram を Shopify に統合する: Shopify 自体には強力なビデオおよび写真ギャラリー機能がないため、Instagram で補完する必要があります。毎日の写真やビデオを保存するためのリンクを作成するだけです。排水ツールとしても使えます。

顧客相談グループ質問: Facebookメッセンジャーチャットグループ

お支払い方法：現在PayPalをご利用いただいております。その他のお支払い方法は海外（香港、マカオ、台湾）の会社が必要となります。また、無決済予約（無料予約、現地決済）にも対応可能です。

未解決: 日付付きの最新の予定イベントリストを表示します

上記はこれまでの進捗の一部です

新しいウェブサイトのアドレスは dalitrip.com です。

2024.12.08

2週間の勉強を終えて、いくつか新しい感想が湧いてきました。

今のところ、有料アプリは使っていません。無料の組み込みツールとしては、次のようなものがあると思います。

bookeasy カレンダー予約: セットアップが最も簡単で使いやすく、現在は無料です。他のほとんどのカレンダー予約アプリを試してみましたが、そのほとんどは医者の予約など、1 日の仕事スケジュールに合わせた短期予約に重点を置いています。1 日に 1 つ、または多くても 2 つのイベントを設定するのは困難です。毎日利用可能なアクティビティをホームページに表示する機能を探していましたが、見つかりませんでした。そうするものもいくつかありますが、インターフェースが非常に醜く、使いにくいです。

メタフィールド: これは非常に強力なカスタマイズ機能で、距離や推奨年齢などのアクティビティを説明するフィールドを追加したり、スマートフィルタリングを使用してフィールド値を使用して製品ラインに追加したりできます。例えば、10キロ圏内のアクティビティであれば、自分で判断してコレクション（商品シリーズ）を生成し、ホームページに表示することができます。 Nitrolookbook アルバム (無料) と組み合わせて、コメントや特定の季節の写真など、特定の写真をスライドショーで表示できます (スペースを占有しません)。

Shopify 検索とフィルター (埋め込み機能): さまざまなフィールドに基づいてアクティビティをフィルターできます。たとえば、特定のコレクションに入った後、ゲストは自分のニーズ（年齢）に応じてフィルタリングを続けることができます。もともとゲストをフィルタリングするために使用したいと思っていましたが、少し不親切でした。特定のコレクションは、ゲストが直接入力できる 5 歳の子供に適したアクティビティなどの (スマート) 製品シリーズで解決されました。

カスタムテンプレート: カスタムメタフィールドと組み合わせて、デフォルトのテンプレートをカスタムテンプレートに変更し、さまざまなフィールドを構成します(異なるカテゴリの製品の説明は非常に異なるため)。これにより、「宿泊施設(ツアーリーダーの家、将来的にさらに拡張可能)」と「ツアーリーダーの紹介」を別のカテゴリとしてこのシステムに追加し、アクティビティと部屋の両方を備えたAirbnbに似た融合Webサイトにすることができます。 bookeasy は連続した複数日の予約をサポートしているため (ほとんどのカレンダーツールにこの機能があります)、部屋の予約が簡単に行えます。将来的には商品を追加して新しいカテゴリーを形成することもできます（自転車店の自転車レンタル事業、植物スタジオの標本、陶芸作品など）。便利なカスタマイズが強みで、他の人も簡単に情報をアップロードできる

障害: 国内のファイアウォールにより Shopify コンテンツの編集が発生する可能性があり、中国からの予約時に顧客が困惑する可能性があります。動作モードが異なるため、携帯電話側では障害が大きくなりますが、コンピューターでの設定や閲覧には問題はありません。

2024.12.26

コミュニケーションへようこそ、私のWeChatを追加することができます：lingjiec

2024.12.30

今日、bookeasyカレンダー予約には中国でVPNが必要であることがわかりました。インドのエンジニアによるリモート検査の後、サービスが使用されていることがわかりました。国内のIT友人は、Googleフォントであるはずだと言いました。解決策は比較的簡単です。

2025.01.01

ゲストのクライアント言語に応じてウェブサイトの言語を自動的に切り替える機能を実装し、chatgpt のガイダンスに従ってテーマにコードを記述しました。

大きな変更を加える必要があり、基本言語を中国語に変更し、システムを英語に翻訳する必要があります。中国語から英語への翻訳の方が簡単だからです。英語を中国語に翻訳する場合、地名やピンインが多く、大きな問題が発生します。校正作業は膨大で、最も重要なのは、後で異なるチームリーダーが自分の活動を編集するときに大きな障害が発生することです。

これは技術的な知識不足によって生じた冗長な作業ですが、そこから何かを学びました。主に英語圏のユーザー向けに開発したいため、基本言語は英語にしたいと考えていました。そのため、Webサイトにアクセスしたときに最初に目にするのは英語だと想像し、中国語を英語に翻訳することに力を入れました。ユーザーの言語に基づいて対応する言語に自動的に切り替えることができるとは思いもしませんでした。

2025.1.8

今日は、独立したウェブサイトからミニプログラムへの直接リンクをクリックして予約を行う問題を解決します。私たちのミニプログラムには h5 ページがあるため、各アクティビティは URL リンクになることができます。これにより、独立したサイトからミニプログラムへの接続が可能になります。残っているのは、ミニプログラムを独立した Web サイトに直接リンクする方法だけです。）、幸運にも私はマヤ（ミニプログラムの提供者）に尋ねました。そうでなければ、私は一日中一人でミニプログラムの短縮リンクを勉強していたでしょう。

Google サービスによる予約の問題に悩まされてきました (実際、カレンダー予約は Google の再 CAPTCHA 検出を使用しています)。必ずしも必要ではありませんが、ゲストを新しい Web サイトに誘導しても (強力で使いやすいため) 予約ができない場合は問題が発生し、WeChat ゲストに予約方法を説明する必要があります。

2025.1.13

一昨日、ビデオスライドショー、写真スライドショー、複数ページの切り替え（スペースを節約し、一目でわかる）など、さまざまなコンポーネントテンプレートを備えたプラグイン、セクションストアをダウンロードしました。これにより、ネイティブテンプレートの限られたプレゼンテーションを補うことができます。