## はじめに
越境ECをはじめる上で、ネックになるのは「言語」！

今回は、越境ECでよく見かける単語を厳選して、英語と中国語を表形式でまとめてみました。

越境ECサイトを覗き見したり、自身で運営されている方、ぜひ活用してみてください！

## 越境ECでよく使う単語
今回は、基本編・決済編・プロモーション編で分けてお伝えします！

### 基本編
<style>
table {
   table-layout: fixed;
   width: 100%;
}
</style>
<table>
<tbody>
<tr>
<th>英語</th>
<th>中国語（簡）</th>
<th>中国語（繁）</th>
<th>日本語</th>
</tr>
<tr>
<td>Order</td>
<td>订单</td>
<td>訂單</td>
<td>注文</td>
</tr>
<tr>
<td>Payment</td>
<td>付款 / 付钱</td>
<td>付款 / 付銭</td>
<td>支払い</td>
</tr>
<tr>
<td>Shipping</td>
<td>出货</td>
<td>出貨</td>
<td>発送</td>
</tr>
<tr>
<td>Cancellation</td>
<td>取消</td>
<td>取消</td>
<td>キャンセル</td>
</tr>
<tr>
<td>Return</td>
<td>退货</td>
<td>退貨</td>
<td>返品</td>
</tr>
<tr>
<td>Refund</td>
<td>退款</td>
<td>退款</td>
<td>払い戻し</td>
</tr>
<tr>
<td>Price</td>
<td>价格</td>
<td>價格</td>
<td>価格</td>
</tr>
<tr>
<td>Shipping Fee</td>
<td>运费</td>
<td>運費</td>
<td>送料</td>
</tr>

<tr>
<td>Shipping Address</td>
<td>收件地址</td>
<td>收件地址</td>
<td>お届け先</td>
</tr>
<tr>
<td>TEL</td>
<td>电话号码</td>
<td>電話號碼</td>
<td>電話番号</td>
</tr>
</tbody>
</table>

### 決済編
決済編では、主な決済方法をまとめてみました。
<table>
<tr>
<th>英語</th>
<th>中国語（簡）</th>
<th>中国語（繁）</th>
<th>日本語</th>
</tr>
<tr>
<td> Credit Card</td>
<td>信用卡</td>
<td>信用卡</td>
<td>クレジットカード</td>
</tr>
<tr>
<td> COD<br> (Cash On Delivery)</td>
<td>英語</td>
<td>英語</td>
<td>代引き</td>
</tr>
<tr>
<td>BLPL <br>(Buy Now Pay Later)</td>
<td>後支付</td>
<td>後支付</td>
<td>後払い決済</td>
</tr>
</tbody>
</table>

### プロモーション編
プロモーション編では、お得な情報を伝える時の便利単語をまとめています。

特に中国語の〇％OFFは、日本語や英語と表現が違うので、必見です。
<table>
<tbody>
<tr>
<th>英語</th>
<th>中国語（簡）</th>
<th>中国語（繁）</th>
<th>日本語</th>
</tr>
<tr>
<td>20％OFF</td>
<td>8折</td>
<td>8折</td>
<td>20％引き</td>
</tr>
<tr>
<td>Buy3 Get 20%OFF</td>
<td>3件8折</td>
<td>3件8折</td>
<td>3つ買って20%OFF</td>
</tr>
<tr>
<td>Free Shipping</td>
<td>免费送货</td>
<td>免運</td>
<td>送料無料</td>
</tr>
<tr>
<td>Buy1 Get 1 more</td>
<td>买一送一</td>
<td>買一送一</td>
<td>1個買ったら1個付いてくる</td>
</tr>
<tr>
<td>Coupon</td>
<td>优惠券</td>
<td>優惠券</td>
<td>クーポン</td>
</tr>
</tbody>
<table>

## まとめ
いかがでしたでしょうか？

もし、他にもこんな単語載せて欲しい！というのがあったら、ぜひご連絡ください！

towfiqu-barbhuiya-5u6bz2tYhX8-unsplash.jpg

越境ECを始める前に知っておきたい！<br>越境ECでよく使われる英語&中国語翻訳リスト！


<h2>新規輸出１万者支援プログラムとは</h2>



<p>新規輸出１万者支援プログラムは、2022年10月の閣議決定により、12月よりスタートしました。<br>現在の円安を輸出増加の好機と捉え、これまで輸出をしたことがない中小企業・地域企業の新規輸出をサポートする取り組みです。</p>



<p>経済産業省、中小企業庁、ジェトロ及び中小機構が一体となり、全国の商工会・商工会議所等とも連携しています。</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="532" src="/uploads-archive/lc/2023/07/d1a671b9cbb27488e4400413969d7f49-1024x532.png" alt="" class="wp-image-12019" srcset="/uploads-archive/lc/2023/07/d1a671b9cbb27488e4400413969d7f49-1024x532.png 1024w, /uploads-archive/lc/2023/07/d1a671b9cbb27488e4400413969d7f49-300x156.png 300w, /uploads-archive/lc/2023/07/d1a671b9cbb27488e4400413969d7f49-768x399.png 768w, /uploads-archive/lc/2023/07/d1a671b9cbb27488e4400413969d7f49-600x312.png 600w, /uploads-archive/lc/2023/07/d1a671b9cbb27488e4400413969d7f49-1536x799.png 1536w, /uploads-archive/lc/2023/07/d1a671b9cbb27488e4400413969d7f49.png 1654w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>主な流れは上記の通りで、商工会や商工会議所、金融機関などが、<strong>輸出の可能性を秘めた事業者を掘り起こし</strong>、ジェトロの「新規輸出１万者支援プログラム」のポータルサイトに登録します。</p>



<p>その後、<strong>専門家による個別カウンセリング</strong>で具体的な支援策の提案があり、実際に支援が行われます。</p>



<p>支援の内容としては、<strong>専門家による経営計画の立案や、補助金を活用したサイト構築、マーケティング</strong>など多岐にわたります。</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="新規輸出1万者支援プログラム：「はじめて輸出」を応援します" width="500" height="281" src="https://www.youtube.com/embed/Mxpf3NZ1rJo?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div></figure>



<p>なぜアンバサダーがヒロミなのかは疑問が残るところですが、この動画に流れがまとまっています。</p>



<p></p>



<h2>スターフィールド社の関わりは…</h2>



<p>このように、円安という現在の状況を受けて、日本としては国を上げて輸出を増やそうとしています。しかも、これまでのように、一部の大企業による輸出に頼るのではなく、これまで輸出をしていない中小企業の支援を目的としています。</p>



<p>スターフィールドとしても積極的にこの事業をサポートしていきます。<br>私は2022年度から中小機構の販路開拓アドバイザーを任命されています。<br>その活動の一環として、<strong>セミナーを通じ輸出の可能性を秘めた事業者にプロジェクトを拡散</strong>したり、<strong>定期的に専門家として越境ECのアドバイス</strong>を行っています。</p>



<p>先日は、「販路開拓サポートDAY　春」というオンラインイベントに登壇してきました。<br>中小機構が地域活性を行うパートナー企業と連携し、中小・小規模事業者様の販路開拓支援に取り組む一環として、行われているものです。</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="604" src="/uploads-archive/lc/2023/07/683f6b0b1978a9d21fdc7d7d64202627-1024x604.png" alt="" class="wp-image-12021" srcset="/uploads-archive/lc/2023/07/683f6b0b1978a9d21fdc7d7d64202627-1024x604.png 1024w, /uploads-archive/lc/2023/07/683f6b0b1978a9d21fdc7d7d64202627-300x177.png 300w, /uploads-archive/lc/2023/07/683f6b0b1978a9d21fdc7d7d64202627-768x453.png 768w, /uploads-archive/lc/2023/07/683f6b0b1978a9d21fdc7d7d64202627-600x354.png 600w, /uploads-archive/lc/2023/07/683f6b0b1978a9d21fdc7d7d64202627-1536x906.png 1536w, /uploads-archive/lc/2023/07/683f6b0b1978a9d21fdc7d7d64202627.png 1628w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="521" src="/uploads-archive/lc/2023/07/e03b4894ebe5176ed1b1d9130f24599b-1024x521.png" alt="" class="wp-image-12022" srcset="/uploads-archive/lc/2023/07/e03b4894ebe5176ed1b1d9130f24599b-1024x521.png 1024w, /uploads-archive/lc/2023/07/e03b4894ebe5176ed1b1d9130f24599b-300x153.png 300w, /uploads-archive/lc/2023/07/e03b4894ebe5176ed1b1d9130f24599b-768x391.png 768w, /uploads-archive/lc/2023/07/e03b4894ebe5176ed1b1d9130f24599b-600x305.png 600w, /uploads-archive/lc/2023/07/e03b4894ebe5176ed1b1d9130f24599b-1536x781.png 1536w, /uploads-archive/lc/2023/07/e03b4894ebe5176ed1b1d9130f24599b.png 1762w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>私は、各支援パートナーの説明が始まる前段として、本企画の全体像をお示しする基調講演を行いました。</p>



<p>想像していたよりもしっかりした配信環境だったので、けっこう緊張しました。。</p>



<h2>最後に</h2>



<p>中小企業の海外進出を多方面から支援する動きが活発化しています。</p>



<p>会社としても個人としてもこの流れを加速させる一助になれればと思います。</p>


スクリーンショット 2023-09-22 11.39.19.png

新規輸出１万者支援プログラムとは？！

## React初体験

今月にスターフィールド のWebサイトが新しくリニューアルされました。この開発に伴い始めてReact環境で開発を体験しました。
ReactはJavaScriptのライブラリの一種と聞いてはいましたが、Webデザイナーとして経験してきたJavaSciptの開発とは全く別物のように感じました。

このブログでは、React環境での開発体験を詳しくまとめて、初心者がReactに挑戦する際に直面するであろう注意点、気づいたポイントについてまとめます。


## そもそもReact とは？

ReactはJavaScriptライブラリであり、主にユーザーインターフェースを構築するのに向いています。近年、Webサイトを構築する上でheader、footerなど
共通部分をモジュール化し、それを読み込ませてページを作ります。
Reactはこのモジュール化の考え方が色濃く表れてる言語という印象を受けました。また、そのため今までの開発環境と大きく変わりました。

例えば、jQuery環境で開発する場合、一般的には<head>タグ内にjQueryファイルを読み込むコードを記載するでしょう。そして、topページ内ではメインビジュアルをslickスライダーなどのモジュールを読み込み動きを設定し、CSSで装飾をする。などの流れで動きのあるリッチコンテンツを作ります。

しかし、Webサイト全体を見た場合、例えばプライバシーポリシーページなど、ただテキストを配置するだけで、特別な仕掛けもないページも存在します。このとき、不要なページにもjQueryファイルを読み込ませてしまい、サーバーには余計な負荷を書けることになります。

一方、Reactの場合、例えばメインビジュアルのスライダーは<slider>などの名前でモジュール化します。そして、このモジュール専用のHTMLとCSSを作成してまずこの部分だけ完成させます。その後、必要なページの必要な箇所でこの<slider>を読み込みWebページを作成します。
各ページ毎に読み込むページが必要最低限で済むのでデータ通信の容量を軽くできます。

一見すると、WordPressでもよく使われる「include」により、各パーツを指定してページを構成する方法と似ていますが、大きく違うのはWordPressは呼び出すデータはHTMLだけになります。そのため呼び出したページのCSSで、読み込んだHTMLに改めてスタイルを適用させる必要があります。  
しかし、Reactの場合はCSSも適用された完成形の形でモジュールが呼び出されるため、改めてスタイルを適用させるを必要もありません。

例えるなら、ブロック工法（機械や建物の製造時に、いくつかの要素を分けて同時に製造し、最後に繋ぎ合わせて完成させる工法）に近い考え方でページを作ります。


## 実際の記述について

開発を体験してみて、記述の仕方が独特と感じました。実際に特徴的だと思った点を主にまとめてみました。

・各ページ、モジュールを「.tsx」ファイルで作る。

先ずは各ページのモジュールを作ります。

```
import Head from 'next/head';
import styles from '@/styles/career.module.scss';


function 関数() {
  return (
       実際のHTML
  );
}

```


という形で記述します。

また、HTMLの記述も全てのタグを「 /(スラッシュ)」を記述して閉じなくてはいけません。大概のタグは/(スラッシュ)で閉じるので当たり前ですが、<br>や<img>タグにもそのルールが適用されて、まるでXHTMLのような記述をする必要があります。

またCSSも

```
<div className={styles.textArea}>

```

などのような形で指定していきます。


少しでもミスがあるとエラーが出てしまい、表示が崩れてしまうレベルではなく、ページその物が閲覧できない状態となり戸惑いました。


## 外部ライブラリーやプライグインを使う場合

トップ画面などで、複数枚の画像をスライダーで見せるホームページはよくあります。jQuery環境下ではこのようなコンテンツを作る際は、主に、slickスライダーなど、有名なプラグインを使うケースが多いです。Reactでもこのようなプラグインを使うことができます。

slickスライダーを例に、React で プラグインを使う場合は以下のようにします。

先ず、

```
$ npm install react-slick

（yarn を使っている場合は yarn add react-slick ）

```

とコードを導入して、プロジェクトに　silick スライダーをインストールします。

そして、.tsvファイルにCSSと同様に

```
import Slider from 'react-slick';
import "slick-carousel/slick/slick.css";
import "slick-carousel/slick/slick-theme.css";

```

と記述します。
これで　sickスライダーが使える環境が整います。

後は他のモジュールと同様に作成していきます。
例えば、


```

function slickContents() {
  const settings = {
    dots: true,
    autoplay: true,
    infinite: true,
    speed: 500,
    slidesToShow: 1,
    slidesToScroll: 1
  }
  
  return (
    <ul>
      <Slider {...settings}>
        <li><img src={img1} alt='img1' /></li>
        <li><img src={img2} alt='img2' /></li>
        <li><img src={img3} alt='img3' /></li>
      </Slider>
    </ul>
  );
}

```

などのように記述します。

```
  const settings = {
  }

```


こちらの箇所でslickスライダーの設定をします。
jQueryでは外部ファイルのjsファイルに記述して設定するケースが多いですが、記述する位置が違うだけで設定の方法は概ね同じです。

スライダーの動きを設定したあと　

```
  return (　)

```


で実際のHTMLを書き、モジュールを作成します。

そして、実際にスライダーを掲載したい位置に

```

<slickContents/>

```


と記載する事でスライダーが設置されます。

reactは全般的にこのような流れで開発を進めていきます。



## プラグインを使わないコードについて

jQuery環境で開発をする際、プラグインを使わず自分で簡単なコードを記述してコンテンツを作る場合があります。
例えば、クリックしたらclss 「on」 を追加し、CSSで実際にその変化を作るということはよくありました。

同じ事をReact環境下でも行いました。

今回実際にアコーディオン形式でクリックしたら配下のコンテンツの表示、非表示が切り替える動きを作りました。

li="dropListItem" をクリックしたら　これにon を追加したり、削除する。という動きを作りました。
そして、CSSで　li="dropListItem on"　の時は配下の hideArea が表示されるという仕掛けを作成しました。


実際には以下のように記述しました。

```
import React, {useState} from 'react';


function DropListItem ({title , text}) {
  const [isOn, setIsOn] = useState(false);
  const handleClick = () => {
    setIsOn(!isOn);
  };

  return (
    <li className={`dropListItem ${isOn ? 'on' : ''}`} onClick={handleClick}>
      <div className={styles.showArea}>
        <p>{title}</p>
      </div>

      <div className={styles.hideArea}>
        <p>{text}</p>
      </div>
    </li>
  )
}

```

先ずはReqctの「useState」という関数を使うので先に、

```
import React, {useState} from 'react';

```
と記述します。

そして、

```
function DropListItem  ({title , text})

```
と従来の流れ通りにモジュールのタイトルを設定します。

```
{title , text}

```
の部分は最後に解説します。


今回はHTMLに　on  と off　の二段階の変化があります。このように変化するとき
useStateを使います。

```
const [isOn, setIsOn] = useState(false);

```

と、記述したのは「isON」という状態になるときと、「setIsOn」という状態になるときがある。
そして、

```
useState(false);

```

と書くことで書記状態は useState で指定する変化がない状態という意味合いになります。

```
  const handleClick = () => {
    setIsOn(!isOn);
  };

```


この関数は hadleClick という関数が呼び出される度に、「setIsOn」と「isOn」　という状態が切り替わるという意味になります。

そして、実際にHTMLを記載する際に

```
<li className={`dropListItem ${isOn ? 'on' : ''}`} onClick={handleClick}>

```


と記載しました。
解説すると、先ず、

```

className={ dropListItem } 

```


と記載し、liに「dropListItem」　というclass名を付けます。

```

${isOn ? 'on' : ''}

```


この部分の意味は　isOnの状態では、class「on」を追加、そうでないときは空白を入れる、つまり何も入れない状態にする。という意味になります。

```

onClick={handleClick}

```

はクリックした際に 「handleClick」を呼ぶという状態になります。

事前に、「handleClick」は「isOn」と「setIsOn」を切り替えるように設定しているのでクリックする度に on が挿入した状態とされない状態に切り替わるようになります。

これで、動作については完成しました。後は、実際にを配置したい場所に

```

<DropListItem />

```


と記述することで配置できます。

しかし、この<DropListItem />は配下のテキストを変えて複数配置するコンテンツです。そのため、実際に変えるテキスト部分は関数にして、各<DropListItem />ごとにテキストを変えられようにしました。

そのため、先ず、

```

function DropListItem  ({title , text})

```

と記載し、

実際にテキストを変えるHTMLには


```
    <li className={`dropListItem ${isOn ? 'on' : ''}`} onClick={handleClick}>
      <div className={styles.showArea}>
        <p>{title}</p>
      </div>

      <div className={styles.hideArea}>
        <p>{text}</p>
      </div>
    </li>

```
と記載しました。

最終的には以下のように記述します。

```

<ul>タイトル1の詳細情報を記載ます。
  <DropListItem title="タイトル1" text="タイトル1の詳細情報を記載します。"/>
  <DropListItem title="タイトル2" text="タイトル2の詳細情報を記載します。"/>
  <DropListItem title="タイトル3" text="タイトル3の詳細情報を記載します。"/>
  <DropListItem title="タイトル4" text="タイトル4の詳細情報を記載します。"/> 
</ul>

```

このような流れでアコーディオン形式のコンテンツの作成ができました。


6　まとめ

Reactは今までのHTMLとCSS、それにjQueryによる開発に慣れている人から見たら全く違う物のように感じます。そのため戸惑う部分が多くあります。
しかし、モジュール単位で開発をするという性質上、複数人での開発に適していると感じました。

せっかく会社に属して仲間と共に開発の仕事をしているので、積極的に覚えてより良い物を作りたいと思いました。








react.jpg

 初めてReactで開発して感じたことのレポート

<h2>はじめに</h2>
<p>日本でいうところの「zozotown」にあたる、ドイツ発最大手オンラインファッションECサイト「ザランド（Zalando）」。ベルリンに拠点を置き、フランス、イギリスなど欧州25ヶ国でECサービスを提供しています。<br>欧州ではアマゾンに引けをとらないほどのマーケットプレイスであるZalandoは、単にオンラインショップを提供するだけではなく、ブランドと消費者に健全な生産／購買活動を促しています。</p>
<p>今回はその取り組みの1つである、「サステナビリティプラットフォーム」を紹介します。</p>

<h2>Zalandoの環境への取り組み</h2>

 ![](/uploads/zalando_1_18fb3c00b1.png) 

※画像は[コーポレートサイト](https://corporate.zalando.com/en/our-impact/sustainability)のキャプチャ

ファッション業界は世界最大の環境汚染産業の一つであり、世界の排出量の約 10% を占めており、Zalando は年間 500 万トンから 600 万トンの温室効果ガスを排出していると推定されています。

そんなZalandoは、2020年、2023年からは環境に配慮したブランドしか提供しないことを決定しました。同社のオンラインファッションサイトは、当時取引のあった2,500ブランドに、環境と社会への影響に関する必要な情報をすべて提示するように求め、基準を満たさない場合は、小売業者はすべての取引を中止するとしたのです。
もちろん即時に注視するというわけではなく、パートナー企業には3年ほどの猶予期間が与えられています。

<h2>ファッションEC3社によるsustainability platform</h2>
<p>2022年、大手ファッションECのAbout You、Yoox Net-a-Porterとともに、Zalandoはsustainability platformを開始しました。<br>このプラットフォームは、Science Based Targets initiative（SBTi／科学と整合した目標設定）に沿って、温室効果ガス排出量の測定と気候目標の設定に関する「段階的な学習」を提供します。各ECのブランドパートナーはこのサービスを無料で受けることができ、またパートナー同士は、いわゆるサステナビリティの専門家と連携することもできます。</p>
<p>Zalandoの排出量の大部分は、4,500 のブランド パートナーによるものです。そのため、2025年までにパートナーの90パーセントがSBTを達成するという目標を設定しました。新しいプラットフォームは「この目標の実現に向けた重要な取り組み」であるとZalandoの共同最高経営責任者（CEO）のデビッド・シュナイダー氏は述べています。</p>
<p>さらに将来的には、関心のあるすべてのファッションブランドや小売業者がこのプラットフォームを利用できるようになる可能性があるとのことです。<br>ファッションEC業界全体を健全化し、リードしていこうとする姿勢がうかがえます。</p>

<h2>まとめ</h2>
ヨーロッパのEC業界においてZalandoが与えるインパクトは非常に大きいものです。そのような会社が牽引することで、ヨーロッパのファッションECは持続可能な社会に向けて進んでいくことでしょう。

参考：https://ecommercenews.eu/zalando-about-you-and-net-a-porter-launch-sustainability-platform/
https://ideasforgood.jp/glossary/science-based-targets/


claudio-schwarz-Y0oZ-0AcUBM-unsplash.jpg

健全な購買活動を育てるZalandoの取り組み(1)sustainability platform

<h2>はじめに</h2>



<p>「拼多多」（ピンドゥオドゥオ）によって運営されている格安越境ECサイト「Temu」。</p>



<p>2022年10月に紹介した際は、利用可能国はアメリカだけでした。その後、順調に対象国を広げ、カナダ、オーストラリア、ニュージーランド、イギリス、ドイツ、オランダなど12か国で利用できます。そしてついに2023年6月末、日本に上陸しました。今回は、実際にサイトの特徴や購入フローを確認してみます。</p>



<figure class="wp-block-embed is-type-wp-embed is-provider-launchcart-越境ec専用カート wp-block-embed-launchcart-越境ec専用カート"><div class="wp-block-embed__wrapper">
<blockquote class="wp-embedded-content" data-secret="2cWM2vQ8GN"><a href="https://launchcart.jp/contents/temu/">アメリカ向け 拼多多！Temuって？</a></blockquote><iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted" style="position: absolute; clip: rect(1px, 1px, 1px, 1px);" title="&#8220;アメリカ向け 拼多多！&lt;br&gt;Temuって？&lt;!--ikuta--&gt;&#8221; &#8212; LaunchCart | 越境EC専用カート" src="https://launchcart.jp/contents/temu/embed/#?secret=2cWM2vQ8GN" data-secret="2cWM2vQ8GN" width="500" height="282" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div></figure>



<h2>アプリの使い勝手について</h2>



<p>実際にアプリを入れて、色々見てみました。ログインはメールアドレス、GoogleアカウントのみならずLINEでもでき簡単でした。さらにレビューなどももちろん自動翻訳ですが、高精度でされている印象です。</p>



<p>利用規約を見ると「拼多多」を運営するPDD Holdingsではなく、日本ではアイルランド企業であるWhaleco Technologyとの間で、締結されるようです。Whaleco Technologyは、PDDの関連会社でしょう。ちなみにアイルランドは、法人税率が低いことで知られている国の一つです。</p>



<div class="wp-block-columns">
<div class="wp-block-column">
<figure class="wp-block-image size-large"><img loading="lazy" width="461" height="1024" src="/uploads-archive/lc/2023/07/Screenshot_20230703-175705-5-461x1024.png" alt="" class="wp-image-12006" srcset="/uploads-archive/lc/2023/07/Screenshot_20230703-175705-5-461x1024.png 461w, /uploads-archive/lc/2023/07/Screenshot_20230703-175705-5-135x300.png 135w, /uploads-archive/lc/2023/07/Screenshot_20230703-175705-5-768x1707.png 768w, /uploads-archive/lc/2023/07/Screenshot_20230703-175705-5-600x1333.png 600w, /uploads-archive/lc/2023/07/Screenshot_20230703-175705-5-691x1536.png 691w, /uploads-archive/lc/2023/07/Screenshot_20230703-175705-5-922x2048.png 922w, /uploads-archive/lc/2023/07/Screenshot_20230703-175705-5.png 1080w" sizes="(max-width: 461px) 100vw, 461px" /><figcaption>トップ画面</figcaption></figure>
</div>



<div class="wp-block-column">
<figure class="wp-block-image size-large"><img loading="lazy" width="461" height="1024" src="/uploads-archive/lc/2023/07/Screenshot_20230703-175903-2-461x1024.png" alt="" class="wp-image-12007" srcset="/uploads-archive/lc/2023/07/Screenshot_20230703-175903-2-461x1024.png 461w, /uploads-archive/lc/2023/07/Screenshot_20230703-175903-2-135x300.png 135w, /uploads-archive/lc/2023/07/Screenshot_20230703-175903-2-768x1707.png 768w, /uploads-archive/lc/2023/07/Screenshot_20230703-175903-2-600x1333.png 600w, /uploads-archive/lc/2023/07/Screenshot_20230703-175903-2-691x1536.png 691w, /uploads-archive/lc/2023/07/Screenshot_20230703-175903-2-922x2048.png 922w, /uploads-archive/lc/2023/07/Screenshot_20230703-175903-2.png 1080w" sizes="(max-width: 461px) 100vw, 461px" /><figcaption>利用規約</figcaption></figure>
</div>



<div class="wp-block-column">
<figure class="wp-block-image size-large"><img loading="lazy" width="461" height="1024" src="/uploads-archive/lc/2023/07/Screenshot_20230703-180930-3-461x1024.png" alt="" class="wp-image-12008" srcset="/uploads-archive/lc/2023/07/Screenshot_20230703-180930-3-461x1024.png 461w, /uploads-archive/lc/2023/07/Screenshot_20230703-180930-3-135x300.png 135w, /uploads-archive/lc/2023/07/Screenshot_20230703-180930-3-768x1707.png 768w, /uploads-archive/lc/2023/07/Screenshot_20230703-180930-3-600x1333.png 600w, /uploads-archive/lc/2023/07/Screenshot_20230703-180930-3-691x1536.png 691w, /uploads-archive/lc/2023/07/Screenshot_20230703-180930-3-922x2048.png 922w, /uploads-archive/lc/2023/07/Screenshot_20230703-180930-3.png 1080w" sizes="(max-width: 461px) 100vw, 461px" /><figcaption>レビュー</figcaption></figure>
</div>
</div>



<div class="wp-block-columns">
<div class="wp-block-column" style="flex-basis:100%"></div>
</div>



<h2>アフターサービスについて</h2>



<p>中国越境として、不安感を持つ消費者がいることを意識してか、保証サービスも充実しています。商品到着後90日以内なら返品無料。返品用のラベルもアプリから印刷できるようです。</p>



<p>また、購入保証というサービスもあります。これは、注文した商品が写真や説明と違ったり、破損して届いたりした際に全額返金になるものです。</p>



<p>さらに商品の価格が購入後30日以内に値下げされた場合、その差額が支払われるサービスもあります。総じて、消費者に優しいプラットフォームではあると思います。</p>



<div class="wp-block-columns">
<div class="wp-block-column" style="flex-basis:33.34%">
<figure class="wp-block-image size-large"><img loading="lazy" width="461" height="1024" src="/uploads-archive/lc/2023/07/Screenshot_20230703-182751-461x1024.png" alt="" class="wp-image-11999" srcset="/uploads-archive/lc/2023/07/Screenshot_20230703-182751-461x1024.png 461w, /uploads-archive/lc/2023/07/Screenshot_20230703-182751-135x300.png 135w, /uploads-archive/lc/2023/07/Screenshot_20230703-182751-768x1707.png 768w, /uploads-archive/lc/2023/07/Screenshot_20230703-182751-600x1333.png 600w, /uploads-archive/lc/2023/07/Screenshot_20230703-182751-691x1536.png 691w, /uploads-archive/lc/2023/07/Screenshot_20230703-182751-922x2048.png 922w, /uploads-archive/lc/2023/07/Screenshot_20230703-182751.png 1080w" sizes="(max-width: 461px) 100vw, 461px" /><figcaption>返品について</figcaption></figure>
</div>



<div class="wp-block-column" style="flex-basis:33.34%">
<figure class="wp-block-image size-large"><img loading="lazy" width="461" height="1024" src="/uploads-archive/lc/2023/07/Screenshot_20230703-182745-1-461x1024.png" alt="" class="wp-image-12001" srcset="/uploads-archive/lc/2023/07/Screenshot_20230703-182745-1-461x1024.png 461w, /uploads-archive/lc/2023/07/Screenshot_20230703-182745-1-135x300.png 135w, /uploads-archive/lc/2023/07/Screenshot_20230703-182745-1-768x1707.png 768w, /uploads-archive/lc/2023/07/Screenshot_20230703-182745-1-600x1333.png 600w, /uploads-archive/lc/2023/07/Screenshot_20230703-182745-1-691x1536.png 691w, /uploads-archive/lc/2023/07/Screenshot_20230703-182745-1-922x2048.png 922w, /uploads-archive/lc/2023/07/Screenshot_20230703-182745-1.png 1080w" sizes="(max-width: 461px) 100vw, 461px" /><figcaption>購入者保護プログラム</figcaption></figure>
</div>



<div class="wp-block-column" style="flex-basis:33.33%">
<figure class="wp-block-image size-large is-resized"><img loading="lazy" src="/uploads-archive/lc/2023/07/Screenshot_20230703-180910-1-461x1024.png" alt="" class="wp-image-12002" width="259" height="575" srcset="/uploads-archive/lc/2023/07/Screenshot_20230703-180910-1-461x1024.png 461w, /uploads-archive/lc/2023/07/Screenshot_20230703-180910-1-135x300.png 135w, /uploads-archive/lc/2023/07/Screenshot_20230703-180910-1-768x1707.png 768w, /uploads-archive/lc/2023/07/Screenshot_20230703-180910-1-600x1333.png 600w, /uploads-archive/lc/2023/07/Screenshot_20230703-180910-1-691x1536.png 691w, /uploads-archive/lc/2023/07/Screenshot_20230703-180910-1-922x2048.png 922w, /uploads-archive/lc/2023/07/Screenshot_20230703-180910-1.png 1080w" sizes="(max-width: 259px) 100vw, 259px" /><figcaption>価格保証</figcaption></figure>
</div>
</div>



<h2>実際に購入してみた</h2>



<p>実際に幾つかの商品を購入してみました。購入までのフローはわかりやすかったのですが、クレジットカードとGoogle payの決済が通りませんでした。面倒だなと思いながら普段使わないPaypalを利用しました。越境サービスのため仕方ないかも知れませんが、CVRが下がりそうなポイントです。</p>



<p>送料は無料でした。ただし最低注文価格が決まっているようで、1400円以上でないと注文ができません。高い送料を加えるより最低注文価格が決まっていた方がお得感があっていいなと思いました。1400円の注文で送料は少なくとも郵便で600円程度はかかるでしょうから、なかなかすごいです。</p>



<div class="wp-block-columns">
<div class="wp-block-column">
<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" width="461" height="1024" src="/uploads-archive/lc/2023/07/Screenshot_20230703-181939-1-461x1024.png" alt="" class="wp-image-12009" srcset="/uploads-archive/lc/2023/07/Screenshot_20230703-181939-1-461x1024.png 461w, /uploads-archive/lc/2023/07/Screenshot_20230703-181939-1-135x300.png 135w, /uploads-archive/lc/2023/07/Screenshot_20230703-181939-1-768x1707.png 768w, /uploads-archive/lc/2023/07/Screenshot_20230703-181939-1-600x1333.png 600w, /uploads-archive/lc/2023/07/Screenshot_20230703-181939-1-691x1536.png 691w, /uploads-archive/lc/2023/07/Screenshot_20230703-181939-1-922x2048.png 922w, /uploads-archive/lc/2023/07/Screenshot_20230703-181939-1.png 1080w" sizes="(max-width: 461px) 100vw, 461px" /><figcaption>カートの中身</figcaption></figure></div>
</div>



<div class="wp-block-column">
<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" width="461" height="1024" src="/uploads-archive/lc/2023/07/Screenshot_20230703-182942-1-461x1024.png" alt="" class="wp-image-12010" srcset="/uploads-archive/lc/2023/07/Screenshot_20230703-182942-1-461x1024.png 461w, /uploads-archive/lc/2023/07/Screenshot_20230703-182942-1-135x300.png 135w, /uploads-archive/lc/2023/07/Screenshot_20230703-182942-1-768x1707.png 768w, /uploads-archive/lc/2023/07/Screenshot_20230703-182942-1-600x1333.png 600w, /uploads-archive/lc/2023/07/Screenshot_20230703-182942-1-691x1536.png 691w, /uploads-archive/lc/2023/07/Screenshot_20230703-182942-1-922x2048.png 922w, /uploads-archive/lc/2023/07/Screenshot_20230703-182942-1.png 1080w" sizes="(max-width: 461px) 100vw, 461px" /><figcaption>決済できず</figcaption></figure></div>



<p></p>
</div>



<div class="wp-block-column"></div>
</div>



<h2>まとめ</h2>



<p>今回は、購入までにフォーカスしてまとめました。ローカライズもしっかりされており、また消費者に安心・安全と感じてもらうためのサービスが充実している印象でした。次回は、配送など商品が届くまでの体験についてレビューします。</p>

temu .png

日本上陸！中国発格安EC「Temu」の分析


<h2>はじめに</h2>



<p>2023年6月8日現在、コロナウイルスも収束し街中では、多くの外国人観光客を見かけるようになりました。中国の水際対策も撤廃され、さらに多くの観光客が期待できるでしょう。</p>



<p>コロナ以前にインバウンドに頼っていた小売店やメーカーにとっては、コロナは大きな打撃になりました。「この数年でインバウンドのありがたさを実感した」との声も聞きます。</p>



<p>そういった中で、タビアトとしての越境ECに再び注目が集まるとも言われています。タビナカで商品を購入してもらい、その後も越境ECで中長期的な関係を築いていこうというものです。今回は、そのタビアトとしての越境ECについて考えてみます。</p>



<h2>越境ECで購入する必然性について</h2>



<p>以前こちらの記事でもタビアトとしての越境ECについてまとめました。この記事では、タビアト越境ECがあまり盛り上がっていない理由として、</p>



<p>①大企業や自治体だとECとインバウンドでは、扱う部署が違うこと</p>



<p>②越境ECで買う理由（必然性）がある商品が少ないこと</p>



<p>以上を挙げました。</p>



<figure class="wp-block-embed is-type-wp-embed is-provider-launchcart-越境ec専用カート wp-block-embed-launchcart-越境ec専用カート"><div class="wp-block-embed__wrapper">
<blockquote class="wp-embedded-content" data-secret="7GWh45c7S6"><a href="https://launchcart.jp/contents/ekkyo-ec_tabiato/">インバウンドが再び盛り上がる中タビアト越境ECの可能性はあるのか</a></blockquote><iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted" style="position: absolute; clip: rect(1px, 1px, 1px, 1px);" title="&#8220;インバウンドが再び盛り上がる中&lt;br&gt;タビアト越境ECの可能性はあるのか&#8221; &#8212; LaunchCart | 越境EC専用カート" src="https://launchcart.jp/contents/ekkyo-ec_tabiato/embed/#?secret=7GWh45c7S6" data-secret="7GWh45c7S6" width="500" height="282" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div></figure>



<p>この必然性について、もう少し掘り下げて考えてみたいと思います。</p>



<p>越境ECというビジネスモデル自体、国内ECと比較して送料などが掛かるわけですから構造的なハンディキャップがあります。そもそも越境ECで買う理由（必然性）が必要なことは、タビアト越境ECに限りません。</p>



<p>越境ECで買う理由（必然性）についてさらに分解すると、「機能的な価値」と「情緒的な価値」に分けられると言われています。マーケティングの教科書に載っているような内容です。</p>



<p>「機能的な価値」は例えば、いろいろな機能がついてるだとか、サイズがコンパクトだとか他の製品と比べてより便利だから購入するということです。</p>



<p>「情緒的な価値」は、この商品を持っているとかっこいいだとかブランドの理念に共感しただとか、そういった商品のファンになってもらえるような価値を指しています。</p>



<h2>情緒的な価値の追求？</h2>



<p>この「情緒的な価値」の追求とそれに共感する人を増やすことこそが、タビアト越境ECの成功の秘訣なのではと思います。</p>



<p>「機能な価値」についてはものが溢れる現在では、なかなか差別化した訴求が難しくなっています。かつて中国人観光客が爆買いをしていた時期に購入されていたのは、ドラックストア商材や日本製の家電でした。しかし、現在では中国でもコストパフォーマンスの高い家電を購入できますし、かつてのように炊飯器を5個も6個も抱えて秋葉原を練り歩く姿は見られなくなっています。</p>



<p>「情緒的な価値」を高めブランドのファンになってもらうには、インバウンドで店舗に来てもらうのが最も効果的と思います。ブランドに対するファンになってもらい、継続的に商品を購入してもらえる状態はECにおいて理想的な状態です。EC販売は、顧客と中長期的な関係を持つ前提に設計をすることが多いです。一度店舗に来店してもらいブランドの雰囲気やカスタマーサービスで、ファン化する。来店のタイミングで、インスタグラムなどSNSに登録してもらい、長期的なコミュニケーションを図り、再度の購入を促す。そんなフローの実現が、タビアト越境ECのキモになるのではないでしょうか。</p>



<p></p>



<p></p>



<h2>まとめ</h2>



<p>「情緒的な価値」をいかに高め、越境ECという多少購買ハードルが高いスキームでも購入してもらうか、考え続けたいと思います。</p>


ross-parmly-rf6ywHVkrlY-unsplash.jpg

インバウンド復活！タビアト越境ECについて考える

<h2>はじめに</h2>
<p>消費者は何を決め手に購入を決めるのか、様々な視点から考察するシリーズ第3弾。<br />
前回は「支払方法」がどの程度購入の決め手になるのか紹介しました。今回はサステナビリティが購買活動に与える影響を見ていきたいと思います。</p>
<h2>世界各国で変わる消費者意識</h2>
<p>各メディアで取り上げられるサステナビリティやSDGsという言葉や考え方。一定の規模を持つ企業であれば、CSRの一貫／延長として取り入れ始め、学校の授業のトピックになっている…日本ではまだその程度の認識かもしれません。<br />
しかし、先進国を始め、世界各国ではそれ以上に関心を持ち、自分事として捉えている人が増えているようです。</p>
<p>たとえばシンガポールでは、<strong>約85%の消費者が環境に優しい製品を購入するために、より多くの金額を支払う意向を示した</strong>という調査結果もあります（参考：<a href="https://launchcart.jp/contents/ekkyo-ec_sdgs-singapore/" target="_blank" rel="noopener">シンガポールの買い物事情</a>）。<br />
また、アジア最大のECモールShopeeにおいても、様々な取り組みが行われています（参考：<a href="https://launchcart.jp/contents/ekkyo-ec_shopee_sdgs/" target="_blank" rel="noopener">アジアECモールもSDGs商品に注目！</a>）</p>
<p>また、サスティナブル消費のわかりやすい例であるリユース業界も、世界的に非常に盛り上がりを見せています（参考：<a href="https://launchcart.jp/contents/ekkyo-ec_sdgs_clothes/" target="_blank" rel="noopener">【越境EC】古着業界が火傷じゃ済まないくらい熱くなる</a>）。</p>
<h2>最新の消費者意識は？</h2>
<p>以前もサスティナブル消費／エシカル消費の意識調査についての<a href="https://launchcart.jp/contents/ekkyo-ec_ec_sdgs-branding/" target="_blank" rel="noopener">記事</a>を執筆しましたが、それから約1年が経過し、変化はあったのでしょうか。</p>
<p>アメリカのITサービス・コンサルティング会社のAstound CommerceとShopifyが提携して行った調査「<a href="https://astoundcommerce.com/landing/the-value-of-sustainability-to-your-brand/" target="_blank" rel="noopener">Sustainability and Your Customer</a>」(※)によって、各国の消費者が、サステナブルな製品により多くのお金を支払いたいという強い意欲を持っていることが明らかになりました。<br />
※米州（カナダ、メキシコ、米国）、欧州（ドイツ、イタリア、オランダ、スイス、英国）、中東（サウジアラビア、UAE）が対象。</p>
<p>特に注目すべきは、これから長い間ファンとなってくれる可能性のある若い世代、つまり<strong>Z世代の消費者は、環境問題に対するブランドの姿勢に最も影響を受けており、その割合は62%に上る</strong>ということです。また、<strong>ミレニアム世代の71％が、サスティナブルな商品に（そうでない商品に対して）より多くのお金を支払うつもりがあると回答</strong>しています。<br />
<img loading="lazy" src="/uploads-archive/lc/2023/06/c1f27bb75f7fcd71a5563ba048192faa.png" alt="" width="526" height="543" class="alignnone size-full wp-image-11983" srcset="/uploads-archive/lc/2023/06/c1f27bb75f7fcd71a5563ba048192faa.png 526w, /uploads-archive/lc/2023/06/c1f27bb75f7fcd71a5563ba048192faa-291x300.png 291w" sizes="(max-width: 526px) 100vw, 526px" /><br />
※画像は「Sustainability and Your Customer」レポートからのキャプチャ</p>
<p>さらに、同調査によると、グローバルな消費者の5人に3人が、環境問題に対する企業の姿勢に注目していると答えたそうです。<br />
また、購入することでそのブランドを支持することを示す際に注目するポイントとしては、二酸化炭素の低排出、輸送、リサイクル包装といった要素が上位にランクインしています。</p>
<p>つまり、気候変動などの環境問題への取り組みに対する企業の前向きな姿勢は、消費者の購入の意思決定に何らかの影響を与えていると言えます。</p>
<h2>まとめ</h2>
<p>昨今あらゆる分野やシーンで取り上げられる「サステナビリティ」ですが、それだけ人々の意識が高まっていると言えます。この結果はその表れの一端ではないでしょうか。<br />
購入者の満足度が上がり、売上もアップ、さらに環境や社会に良い影響を与えるなら、この課題に着手しない手はないでしょう。</p>
<h4>参考</h4>
<p><a href="https://www.ecommercetimes.com/story/sustainability-is-more-than-a-buzzword-for-e-commerce-survival-177393.html" target="_blank" rel="noopener">Sustainability Is More Than a Buzzword for E-Commerce Survival</a></p>


mert-guller-jFBWOaoS-7o-unsplash.jpg

Eコマースにおける購入の決め手は？(3)<br>鍵はSDGsにあり

<h2>はじめに</h2>
<p>弊社で越境EC運用支援を開始したクライアントさまより先日、以下内容の旨のご相談を受けました。</p>
<h6>現在加入しているPL保険が国内限定の契約だが、越境EC販売で何かあったときのために、海外PL保険に入った方がよいでしょうか？</h6>
<p>良くご相談頂く内容の一つであるため、どう考えるべきかの見解をシェアします。</p>
<h2>そもそも「PL保険」って？</h2>
<p>PL保険は正式には「生産物賠償責任保険」（英語ではProduct Liability Insurance）といいます。「PL」は&#8221;Product Liability&#8221;の頭文字です。　以下、日本損害保険協会からの「PL保険」に関するQA抜粋です。</p>
<p><a href="https://soudanguide.sonpo.or.jp/body/q094.html">https://soudanguide.sonpo.or.jp/body/q094.html</a></p>
<p><img loading="lazy" class="size-full wp-image-11969 alignnone" src="/uploads-archive/lc/2023/06/9b075cf810ef0b9e3deb963593ced73e.png" alt="" width="1125" height="331" srcset="/uploads-archive/lc/2023/06/9b075cf810ef0b9e3deb963593ced73e.png 1125w, /uploads-archive/lc/2023/06/9b075cf810ef0b9e3deb963593ced73e-300x88.png 300w, /uploads-archive/lc/2023/06/9b075cf810ef0b9e3deb963593ced73e-1024x301.png 1024w, /uploads-archive/lc/2023/06/9b075cf810ef0b9e3deb963593ced73e-768x226.png 768w, /uploads-archive/lc/2023/06/9b075cf810ef0b9e3deb963593ced73e-600x177.png 600w" sizes="(max-width: 1125px) 100vw, 1125px" /></p>
<p>よって、食品等のメーカーや、飲食店等の多くが加入している保険です。</p>
<p>通常、「PL保険」に加入している場合、その損賠賠償範囲は、自社で生産・販売した製造物などによって<strong><em><span style="color: #000000;">『日本国内』</span></em></strong>で第三者の身体や財物に損害を与え、法律上の損害賠償責任を負った場合に補償を受けることができます。</p>
<h2>越境EC販売する際、海外PL保険に入るべき？</h2>
<p><img loading="lazy" class="alignnone size-full wp-image-11970" src="/uploads-archive/lc/2023/06/70b08a16d2f9533f0c6845595e1335ab.jpg" alt="" width="1024" height="1024" srcset="/uploads-archive/lc/2023/06/70b08a16d2f9533f0c6845595e1335ab.jpg 1024w, /uploads-archive/lc/2023/06/70b08a16d2f9533f0c6845595e1335ab-300x300.jpg 300w, /uploads-archive/lc/2023/06/70b08a16d2f9533f0c6845595e1335ab-150x150.jpg 150w, /uploads-archive/lc/2023/06/70b08a16d2f9533f0c6845595e1335ab-768x768.jpg 768w, /uploads-archive/lc/2023/06/70b08a16d2f9533f0c6845595e1335ab-600x600.jpg 600w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>ここから本題です。</p>
<p>では、越境ECを通じて海外のお客様へ商品を販売する際、海外も対象にした「海外PL保険」に入るべきか（PL保険を海外も対象にするべきか）どうか。</p>
<p>PL保険を海外も対象にすると、<strong>保険料が上がります。</strong>どれくらい保険料が上がるかを保険会社から見積もり取り、<span style="text-decoration: underline;"><strong>予算上問題なさそうな範囲であれば、念のためという意味で入っておいた方が良いと思います。</strong></span></p>
<div>ただし、越境ECで販売をしている多くの日本企業で、とくに販売開始したばかりのころは、ほとんど海外PL保険に加入していないと思います。　その考えの背景は、ある程度越境ECで売れてきたら、海外も対象にする想定で、まだ加入していないという状況が多いと思います。</div>
<h2>まとめ</h2>
<p>越境ECを通じた販売件数が増えれば、それに乗じて海外のお客様から訴訟されるリスクも相対的に高まります。<
ただ、その訴訟リスクをどれくらいの割合でみるか次第で、PL保険に加入するかどうか考えるべきでしょう。
訪日観光客の方がすでに自社商品を日本で購入いただいていて、母国に帰って何かあった際は、日本国内限定PL保険ではカバーされません。どれくらいの訪日観光客の方が自社商品をすでに購入頂いているかも踏まえ、すぐにでも海外PL保険に加入するか、月間〇〇〇件くらい越境ECで売れだしたら加入するか、という形で考えれば良いと思います。
</p>


PLinsurance-for-overseasAI.jpg

越境EC販売する際に海外PL保険加入すべきか？

最近、WordPress以外のCMSへの移行の需要も広がりつつあるというお話を聞きます。  
CMSとして80%の圧倒的なシェアを持つWordPressですが、  
シェアの大きさゆえに攻撃の対象にもなりやすく、  
実際、攻撃を受けてセキュリティの被害に遭うことも少なくありません。  
また、多くの機能を実装できるため、実装次第で重くなりやすい特徴もあります。  
そういったこともあり、WordPressを使わないCMSへの移行を望む企業さんも増えているようです。  
   
その移行先として注目されているのが、ヘッドレスCMSと呼ばれる種類のCMSです。  
WordPressでは、コンテンツの管理とサイトのレンダリングを両方行います。   
一方、ヘッドレスCMSでは、コンテンツの管理のみを行い、サイトのレンダリングやジェネレートなどは別のサービスを利用して行います。  
そのため、サイトからコンテンツへの攻撃がされにくくなります。  
また、コンテンツの数が多くなってもサイトのレンダリングに直接影響しないため、表示速度を上げやすいメリットもあります。  
   
この記事でご紹介する「Strapi」は、Node.jsのヘッドレスCMSとしては人気があります。  
ヘッドレスCMSは多くのサービスが提供されていて、CMS選びに迷いますが、  
ホスティングサービスを利用しなければ無料で利用でき、  
Nodejsの環境があればローカルで始められるので、開発のハードルが低いのが大きな理由でしょうか。  
  
Strapiはコンテントタイプ（WordPressでいう投稿タイプやタクソノミー）フィールドを自由に構成でき、  
ユーザのロールなども管理でき、APIもRestAPIとGraphQLから選ぶことができるので、  
高い拡張性が特徴です。  
  
この記事では、Strapiでサイトを構築する１つの方法として、  
OSをUbuntu、WebサーバをNginx、サイトのジェネレートをNext.js、そしてCMSをStrapiで開発を始める方法を共有します。  
ここでは動作するまでのインストールに重点を置き、コンテンツの作成などは省略します。  
  
## 目次
1. <a href="#section1">UbuntuでNginxによるサーバを設定する</a>
2. <a href="#section2">Node.jsでNext.jsとStrapiの環境を準備</a>
3. <a href="#section3">Next.jsとStrapiでデータを連携する</a>

# UbuntuでNginxによるサーバを設定する
<a id="section1"></a>
## Nginxのインストール
参考にさせていただいたサイト: <a target="_blank" rel="noopener noreferrer" href="https://vpslife.server-memo.net/ubuntuserver2204_nginx_install/">【Ubuntu Server 22.04】Nginx公式サイトのリポジトリを使用してインストール  |  VPS Life</a>  
↑詳細はこちらのサイトが詳しいです。  
この記事ではざっくりと流れだけ触れていきます。 
  
### パッケージのインストール
```bash
$ sudo apt update
$ sudo apt install curl gnupg2 ca-certificates lsb-release ubuntu-keyring
```
  
### 署名鍵のインポートと確認
```bash
$ curl https://nginx.org/keys/nginx_signing.key | gpg --dearmor \
 | sudo tee /usr/share/keyrings/nginx-archive-keyring.gpg >/dev/null
$ gpg --dry-run --quiet --no-keyring --import --import-options import-show /usr/share/keyrings/nginx-archive-keyring.gpg
```
  
正しくインポートされると以下が表示されます
```bash
pub   rsa2048 2011-08-19 [SC] [expires: 2024-06-14]
      573BFD6B3D8FBC641079A6ABABF5BD827BD9BF62
uid                      nginx signing key 
```

### リポジトリの追加とインストール
```bash
$ echo "deb [signed-by=/usr/share/keyrings/nginx-archive-keyring.gpg] \
http://nginx.org/packages/mainline/ubuntu `lsb_release -cs` nginx" \
 | sudo tee /etc/apt/sources.list.d/nginx.list
$ sudo apt update
$ sudo apt install nginx
```
### インストールの確認
nginxのインストールに成功すると、以下のコマンドでバージョンを確認できます。
```bash
$ nginx -v
```

## ufwによるファイアウォール設定とNginxでサーバの設定
### ufw によるファイアウォール設定
そのままサーバを開設すると、セキュリティ的に良くないので、ufwを使って開放するポートを制限します。  
参考にさせていただいたサイト: <a target="_blank" rel="noopener noreferrer" href="https://mynotebook.h2np.net/post/1519">ufwの最小限設定について – とりあえずノートがわりに書いてます</a>  
  
**ufwを設定するときは、いきなり実行するとSSH接続ができなくなってしまうので、  
まずは、```ufw status``` を実行して、```Status: inactive``` であることを確認します。**

確認できたら、以下のコマンドを 1つずつ実行して、許可するポートを制限します。
```bash
$ ufw allow 22
$ ufw allow http
$ ufw allow https
$ ufw allow domain
```

そしてufwを有効化。
```bash
ufw enable
```

最後に ```ufw status``` を実行して、目的のポートが開放されていることを確認します。
```bash
$ ufw status
 Status: active

To Action From
 -- ------ ----
 22 ALLOW Anywhere
 53 ALLOW Anywhere
 22 (v6) ALLOW Anywhere (v6)
 53 (v6) ALLOW Anywhere (v6)
``` 

利用するVPSなどによっては、VPSのコントロールパネルなどで、  
別途、ポートの開放が必要です。

### Nginxでサーバの設定
ここでご紹介する方法では、Next.jsでジェネレートしたファイルを静的にNginxでサーブし、  
それとは別にStrapiでCMSをサーブします。

そのため、静的にサーブするドメインとCMSをサーブするドメインを別々に割り当てます。

#### Nginxで静的なサーブ
/etc/nginx/nginx.conf を設定して
```nginx
server {
    server_name  <サイト用のドメイン名>;

    location / {
        root   /var/www/<Next.jsのディレクトリ>/out;

        index  index.html index.htm;
    }

    error_page  404              /404.html;

    # redirect server error pages to the static page /50x.html
    #
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }

}
```

#### Strapi用の設定
/etc/nginx/conf.d/default.conf のhttpの設定で以下を設定
```nginx
http {
    ︙
    include /etc/nginx/conf.d/*.conf;
    include /etc/nginx/sites-enabled/*;
}
```

/etc/nginx/sites-enabled/<Strapi用のドメイン名>
```nginx
server {

    listen 80;
    server_name <Strapi用のドメイン名>;

    # Proxy Config
    location / {
        proxy_pass http://127.0.0.1:1337;
        proxy_http_version 1.1;
        proxy_set_header X-Forwarded-Host $host;
        proxy_set_header X-Forwarded-Server $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_set_header Host $http_host;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "Upgrade";
        proxy_pass_request_headers on;
        add_header  X-Robots-Tag "noindex, nofollow, nosnippet, noarchive";
    }
}
```
あとは、```sudo nginx -t```でNginxの設定に問題がないことを確認し、```sudo systemctl start nginx```でNginxを起動すれば、  
Nginxの設定は完了です。

さらにUbuntu上でLet's EncryptによりSSLを設定する場合は、  
↓こちらの記事の方法がとても参考になります（Nginxの設定から更新まで自動！）。  
<a target="_blank" rel="noopener noreferrer" href="https://www.digitalocean.com/community/tutorials/how-to-secure-nginx-with-let-s-encrypt-on-ubuntu-20-04-ja">Ubuntu 20.04でLet’s Encryptを使用してNginxを保護する方法  | DigitalOcean</a>


## Node.jsでNext.jsとStrapiの環境を準備
<a id="section2"></a>
Strapi公式のガイド: https://docs.strapi.io/dev-docs/integrations/next-js  
### Next.jsのインストール
```bash
$ npx create-next-app@latest
```
でNext.jsをインストールします。

### Strapiのインストール
ここでは、Next.jsをインストールした場所にstrapiをインストールしてみます。
StrapiをNext.jsと別の場所に置く場合などは、同じ場所にインストールしない方が良いでしょう。
```bash
$ cd <Next.jsをインストールしたディレクトリ>
$ yarn create strapi-app my-project --quickstart
```
でStrapiをインストールします。  
このとき、利用するDBをSQLite、MySQL、MariaDB、PostgreSQLから選択できます。  
SQLite以外を利用する場合は、別でMySQLなどインストール・きどうしておく必要があります。  
ここではMySQLを使った方法をご紹介します。  

### MySQLのインストール
参考にさせていただいたサイト: [Ubuntu 20.04にMySQLをインストールする方法  | DigitalOcean](https://www.digitalocean.com/community/tutorials/how-to-install-mysql-on-ubuntu-20-04-ja)
#### インストール
```bash
$ sudo apt update
$ sudo apt install mysql-server
```
#### 設定
##### パスワード
```bash
$ sudo mysql_secure_installation
```
ここでいくつか質問されるので、   
```Please enter 0 = LOW, 1 = MEDIUM and 2 = STRONG:```では 2、   
```Re-enter new password:```では新たなパスワード、   
```Do you wish to continue with the password provided?(Press y|Y for Yes, any other key for No) : ```で Y   
として、パスワードを設定します。

##### ユーザ追加と権限の付与
```bash
$ mysql -u root -p
```
```mysql
CREATE USER 'ユーザ名'@'localhost' IDENTIFIED BY 'ユーザ名';
GRANT ALL PRIVILEGES ON * . * TO 'ユーザ名'@'localhost';
FLUSH PRIVILEGES;
```
##### Strapi用DBの作成
```mysql
exit
```
```bash
mysql -u ユーザ名 -p
```
```mysql
CREATE DATABASE strapi;
```
これでMySQLの準備は完了。  
Strapiのディレクトリに既にある.env、なければ新規に.envという名前のファイルを作り、以下のように記述  
.env  
```
︙
DATABASE_CLIENT=mysql2
DATABASE_HOST=127.0.0.1
DATABASE_PORT=3306
DATABASE_NAME=strapi
DATABASE_USERNAME=ユーザ名
DATABASE_PASSWORD=パスワード
DATABASE_SSL=false
```
続いて、./config/database.jsというファイルを開き、以下のように設定します。
```javascript
module.exports = ({ env }) => ({
  connection: {
    client: 'mysql',
    connection: {
      host: env('DATABASE_HOST', '127.0.0.1'),
      port: env.int('DATABASE_PORT', 3306),
      database: env('DATABASE_NAME', 'strapi'),
      user: env('DATABASE_USERNAME', 'strapi'),
      password: env('DATABASE_PASSWORD', 'strapi'),
      ssl: {
        rejectUnauthorized: env.bool('DATABASE_SSL_SELF', false), // For self-signed certificates
      },
    },
    debug: false,
  },
});
```

Strapiのディレクトリで以下コマンドを実行すると、Strapiが立ち上がり、表示されたURLにアクセスすると、ユーザ登録画面が表示されます。
```
yarn develop
```

## Next.jsとStrapiでデータを連携する
<a id="section3"></a>
### SSGでNext.jsからStrapiのAPIを呼び出す
※Strapiでrestaurantというコンテンツタイプを作った場合を例にしています（フィールドはtitleとslugを設定）。

SSGでNext.jsからAPIを呼び出す場合、pages/ のファイルで、```getStaticProps()```を使うことで、
ページをジェネレートする前にAPIを呼び出して、静的にHTMLを出力できます。
```typescript
import axios from 'axios'

function Page ({ posts, pagination, error } {
  return (
    <section>
      <h1>ページサンプル</h1>
      <ul>
        posts.map(post => (
          <li key={post.id}>{post?.attribute?.title}</li>
        ))
      </ul>
    </section>
  )
}

export async function getStaticProps () {
  try {
    const res = await axios.get('http://localhost:1337/api/restaurants');

    return {
      props: {
        posts: res?.data,
        pagination: {
          ...res?.meta?.pagination
        }
      }
    }
  } catch (error) {
    return { error }
  }
}

export default Page
```

#### ダイナミックルーティングでSSGする
pages/restaurants/[slug]/index.tsx のようにダイナミックルーティングでslugごとのページを生成したい場合、  
```getStaticPaths```を使います。  

```typescript
import axios from 'axios';

function Page ({ post } {
  return (
    <section>
      <h1>{post?.attribute?.title}</h1>
      ︙
    </section>
  )
}

export async function getStaticPaths () {
  let paths: (string | {
    params: ParsedUrlQuery;
    locale?: string | undefined;
  })[] = []
  const res = await axios.get(`http://localhost:1337/api/restaurants?pagination[pageSize]=10000&populate=slug`)
  if (res?.data?.length > 0) {
    paths = res?.data?.map(post => ({
      params: {
        slug: post?.attributes?.slug ?? null
      }
    }))
  }
  return { paths, fallback: false }
}

export async function getStaticProps ({ params }) {
  const res = await axios.get(`http://localhost:1337/api/restaurants?filters\[slug\][$eq]=${ params?.slug }`);

  return {
    props: {
      post: res?.data?.length > 0 ? res?.data[0] : undefined,
    }
  }
}

export default Page
```

# 対応してみた感想
WordPressに比べると、事前の準備も多く必要で、慣れるまでは大変かもしれません。  
SSGの場合、記事が多ければ多いほどビルドまでに時間がかかる問題もあります。  
ただ、基本的には1つの言語でバックエンドからフロントエンドまで調整することが可能で、  
SSGが故にクライアント側の表示は高速で、ビルドするとき以外はサーバの負担も軽くすみます。  
  
Strapiはコンテンツも自由に設定でき、実際に拡張性は高いと感じました。  
また、無料で試せるので、ヘッドレスCMSの練習としてもいいと思いました。

### 2023.8.28 追記
数百ページを超えるようなサイトでは、記事を更新するたびに全ページをbuildするSSGは向きません。  
その場合、Next.jsではISR(Incremental Static Regenerate)という仕組みが用意されていて、設定を工夫することで大量のページを含むサイトにも対応できるので、そちらの利用のご検討をおすすめします。

ubuntu-nginx-nextjs-strapi.jpg

Ubuntu✖️Nginx✖️Next.js(SSG)✖️StrapiでWEBサイトの環境を作る

## はじめに
社内会議の内容や、クライアントとの商談内容の共有を、議事録によって行うことはありませんか？議事録を共有されるものの、作成者によっては会話形式で記載したり、要点だけ箇条書きで記載したりと、まずは書き手の癖を理解することが議事録内容の理解に結び付いていることはないでしょうか。

今回は、「大石哲之. コンサル一年目が学ぶこと. 鴎来堂. 2014」の本に紹介されている、“議事録作成”にポイントを絞って紹介していきます。本のタイトルから一見すると、コンサルタント向け書籍に見えるかもしれませんが、コンサルタント以外の方にも普遍的に活用できる議事録作成スキルが身に付きますので早速ご紹介していきます。

 ![](/uploads/_9af5c87e8d.png) 

## 内容
### 議事録とは何か
議事録の作成方法について言及する前に、そもそも「議事録とは何か」について説明します。

大石(2014)によると、議事録とは以下のように定義されています。

- [ ] 決定事項、確認事項を書き、関係者に確認し、決定するためのもの
- [ ] 決定事項を書いて、後日のための証拠に残すためのもの

そして議事録に盛り込むべき項目として、以下が挙げられています。

- [ ] 日時
- [ ] 場所
- [ ] 参加者
- [ ] 論点・議題
- [ ] 決まったこと
- [ ] 決まらなかったこと（次に持ち越したこと）
- [ ] 確認が必要なこと
- [ ] 次回に向けてのTO DO（誰がいつまでに）

これらを簡潔に整理して書かれたものが望ましい議事録です。

### 議事録作成方法
上記で紹介した議事録に盛り込むべき項目を網羅して作成していきます。

（作成例）

- [ ] 日時：		2023年7月21日（金）10:00-12:00
- [ ] 場所：		本社会議室

- [ ] 参加者：		営業部長　佐藤、管理部長　鈴木、制作部　山田
- [ ] 論点・議題：	新しくオープンするウェブサイトのデザイン案を決定する

- [ ] 決まったこと：	
- [ ] デザイン会社からのデザイン案のうちC案を採用とするが、下記の点で修正を加える。
-  ①	トップページはもう少しダイレクトに登録を誘導できるものとすること
- ②	HTML5を使ってダイナミックに動くようにすること

- [ ] 決まらなかったこと（次に持ち越したこと）：
- 検討していたドメイン名の多くが他社取得済みで、適切なものがなく、最終的に決まらなかった。

- [ ] 確認が必要なこと：
- HTML5の利用については、もろもろ意見が上がったが、基本的にGOとする。ただし、XX部署に念のため確認を取る。

- [ ] 次回に向けてのTO DO（誰がいつまでに）：

- 取得可能なドメイン名の一覧を、管理部で次回までに洗い出しておくこと。

### 補足事項
会話形式での記録は議事録の型に当てはまっていませんが、誰が何を言ったかを補足として書き加えることは有効であるとしています。キーパーソンの意見や結論に至る簡単な経緯をあくまでも参考として盛り込むことで、キーパーソンはこう言っていたとか、こんな反対意見があったなど、後から振り返った際に役立つことがあります。

## まとめ
議事録の書き方についてご紹介しました。議事録作成は、ご自身が身を置いている業界や、年齢、役職に関わらず、多くの社会人にとって活用できるスキルです。議事録には必要とされている項目があります。これらを網羅していつ誰が見てもわかりやすいものにすることで、内容理解の時間短縮や相互理解のツールとして議事録を活用されてはいかがでしょうか。

議事録イラスト.png

議事録の書き方

## はじめに
約4年ぶりに台湾出張してきました。今回の目的は主に市場調査です。ある特定クライアントさま向けの調査が中心でしたが、別プロジェクトで動いている「日本の果物」の販売状況も気になったので、見てきました。

## 台湾のドン・キホーテ
 ![](/uploads/20230720075542_7bec1dfcec.JPEG) 
はじめて、台湾のドン・キホーテに行きましたが、驚きました。　日本にあるドン・キホーテは所狭しと並べる陳列手法で結構圧迫感ありますが、台湾のドン・キホーテはスペースも結構あり、快適な買い物環境でした。
そして、日本のものがいっぱい！
台湾に住んでいるときにドン・キホーテがあったら、もっと快適だったな～と思いました。
 ![](/uploads/20230720080528_7f6d392e83.png) 
 ![](/uploads/20230720080512_d87d6d7ed5.png) 
  ![](/uploads/20230720080455_a1b52ef408.png) 


## 果物の取り扱いと価格
驚いたのは、日本の果物の充実さです。　以下でいくつかご紹介しますが、かなり値段高いです。
 ![](/uploads/20230720084113_86e0c96559.png) 
でも小売店でこれだけフェイスを取って陳列しているということは、それなりにニーズがあるんだろうな、と思います。
 
 ![](/uploads/20230720082001_a9f35cad0c.png) 

日本の桃です。2個で599元（≒2,700円）です。

 ![](/uploads/20230720081933_9e9190df89.png) 
みかん。399元（≒1,800円）

 
 ![](/uploads/20230720081948_41fe253b07.png) 
シャインマスカット。写真では値段が切れちゃってますが、特価となっていて799元（≒3,600円）です。

## まとめ
これだけ高くても、日本の果物を買う人がいるんだな～と思いました。
日本人の感覚からすると、1個3,000円～5,000円するマンゴーを購入する感じでしょうか。
日本の果物の需要の高さ、可能性を感じました。






FireShot Capture 075 - 【2023 台灣自由行】應該怎好玩？台灣行程攻略包括交通、住宿和景點 - Expedia.com.tw - www.expedia.com.tw.png

久しぶりの台湾出張で驚いたこと

## はじめに
この記事では、GitHubのリポジトリからステータスが"OPEN"のIssueを取得し、Googleスプレッドシートに追記する方法を紹介します。GitHubのREST APIを使用し、Google Apps Scriptを使って自動化します。これにより、特定の組織の複数のリポジトリからIssue情報を一括で取得し、追加の作業なしでスプレッドシートに保存できます。

ということで、前回の記事でGoogle Apps Script（GAS）をChatGPTに書いてもらったのですが、さまざまなことができることが分かったので、実際に業務で使っているGitHubとの連携を試してみました。
いくつか課題は残ったものの基本的な動作は確認できたのでそのGASそのものもシェア致します。

https://sterfield.co.jp/blog/18162/

## 必要なもの

### GitHubアカウントとアクセストークンの作成
 ![](/uploads/Fine_grained_Personal_Access_Tokens_861a8dbc65.png) 
GitHub >Setting>Developer Settings> personal access tokens >Fine-grained tokens
を選択します。
ここから新しいトークンを発行するのですが、我々の管理では、リポジトリは組織に紐づいているので、組織に対してのトークンと必要な権限、リポジトリのIssueの読み取り権限を設定します。

### Googleスプレッドシートの作成
最後にGASを共有していますが、スプレッドシートのIDが必要になります。
以下のようにd/と/editの間のXXXの値がスプレッドシートのIDになるので、控えておきしょう。

`https://docs.google.com/spreadsheets/d/XXX/edit`    

### Google Apps Scriptのセットアップ
 ![](/uploads/Chat_GPT_GAS_Google_1_8c0845570a.png) 
スプレッドシート＞拡張機能＞Apps Scriptで開いたページのコード.gs欄にベタっと貼り付けます。

## リポジトリの取得

ここから先のコードは、全てChatGPTから取得した末尾にシェアしているものを記載します。

GitHubのREST APIを使用して指定した組織のリポジトリを取得する関数を作成する
リポジトリの一覧を表示するためのスプレッドシートの作成

## Issueの取得と追記

取得したリポジトリごとにステータスが"OPEN"のIssueを取得する関数を作成する
スプレッドシートにIssue情報を追記する

## 実行と結果確認

Google Apps Scriptの実行方法とトリガーの設定
スクリプトを実行し、Issue情報がスプレッドシートに追記されることを確認する

以下のように、取得はできたものの課題を残す結果となったので、課題点は後述します。

 ![](/uploads/Google_1c1a29f017.png) 


## エラーハンドリングの追加と問題解決のヒント
エラーが出たら、そのエラー文言をChatGPTに投げ、修正コードをもらっていくのですが、こんなお茶目な一面も。
 ![](/uploads/GAS_1ac28d726e.png) 

## 課題点

- 一度に取得できるIssueを増やす。ページングの実装なども追加したが、全件取得には至らなかった。この点は、GraphQLの書き方をChatGPTが提案してくれたが、どうにも上手くいかず、今回はREST APIでの手法となった。
- Projectsから課題を取得できないか。これは、Projectsがベータ版となっており、ChatGPTが2021年9月までの情報に留まっているため、断念。
- シート内の重複削除。そもそも全件取得が出来ていないので、未検証。

## まとめ
この記事では、GitHubのREST APIとGoogle Apps Scriptを活用して、GitHubリポジトリからステータスが"OPEN"のIssueを自動的に取得し、Googleスプレッドシートに追記する方法を紹介しました。これにより、開発チームやプロジェクト管理者は、リポジトリ内のオープンな課題を一元管理し、効果的に追跡することができます。さらに、自動化されたプロセスにより、作業の効率化とヒューマンエラーの軽減も期待できます。是非、この方法を試してみてください。

本当に革命的だなと思うのは、今までエンジニアに依頼するしかなかったような作業が非エンジニアである人間とChatGPTとの会話だけで出来てしまうところです。そして、このやり取りをしながら、指示を変えたりデバッグしていく作業はとても楽しいものでした。

そして、結構な時間をChatGPTと向き合ってきて、コツが分かってきたのですが、何かコードをもらう時に、一気に指示を出すのではなく、最初は最小単位で指示を出し、成功したら少しずつ機能を追加していくと、結局は近道です。
今回のケースですと、まずは、Githubから特定のリポジトリのIssueを取得。これが成功したら、ステータスをオープンに限定、複数のリポジトリから取得する、スプレッドシート側の重複をチェックするというように足していくと良かったです。

最後に今回のGASをシェアします。トークンやスプレッドシートのIDなどは、置き換えてください。    

## GAS

```
// カスタムメニューを作成する関数
function onOpen() {
  var ui = SpreadsheetApp.getUi();
  ui.createMenu('Custom Menu')
      .addItem('Fetch and Append Issues', 'fetchAndAppendIssues')
      .addToUi();
}
function fetchAndAppendIssues() {
  var organization = "your_organization"; // 組織名
  var spreadsheetId = "your_spreadsheet_id"; // スプレッドシートのID
  var sheetName = "your_sheet_name"; // 追加するシートの名前
  var status = "open"; // 取得するIssueのステータス
  var perPage = 100; // 1回のリクエストで取得するIssueの数（最大100件）

  var sheet = SpreadsheetApp.openById(spreadsheetId).getSheetByName(sheetName);

  var repositories = getRepositories(organization);
  var newData = []; // 新しいデータを格納する配列

  for (var i = 0; i < repositories.length; i++) {
    var repo = repositories[i];
    var page = 1; // ページ番号

    while (true) {
      var url = "https://api.github.com/repos/" + organization + "/" + repo + "/issues?state=" + status + "&per_page=" + perPage + "&page=" + page;
      var response = UrlFetchApp.fetch(url, {
        headers: {
          "Authorization": "Bearer YOUR_GITHUB_ACCESS_TOKEN" // GitHubのアクセストークン
        }
      });

      var issues = JSON.parse(response.getContentText());
      if (issues.length === 0) {
        break; // ページの結果が空ならループを終了
      }

      for (var j = 0; j < issues.length; j++) {
        var issue = issues[j];
        var title = issue.title;
        var number = issue.number;
        var createdAt = issue.created_at;
        var htmlUrl = issue.html_url;

        newData.push([title, number, createdAt, htmlUrl]); // 新しいデータを配列に追加
      }

      page++; // 次のページに進む
    }
  }

  if (newData.length > 0) {
    if (sheet.getLastRow() === 0) {
      sheet.getRange(1, 1, newData.length, newData[0].length).setValues(newData); // データを直接書き込む
    } else {
      sheet.getRange(sheet.getLastRow() + 1, 1, newData.length, newData[0].length).setValues(newData); // データを追記
    }
  }
}

function getRepositories(organization) {
  var url = "https://api.github.com/orgs/" + organization + "/repos";
  var response = UrlFetchApp.fetch(url, {
    headers: {
      "Authorization": "Bearer YOUR_GITHUB_ACCESS_TOKEN" // GitHubのアクセストークン
    }
  });

  var repositories = JSON.parse(response.getContentText());
  var repoNames = [];

  for (var i = 0; i < repositories.length; i++) {
    var repo = repositories[i];
    repoNames.push(repo.name);
  }

  return repoNames;
}
```


_09b5edad-a516-4f8f-93d9-5632be519bcc.jpeg

GitHubリポジトリからIssueを取得してスプレッドシートに追記するGAS試作版を作ってみた

## 事業概要
台湾・東南アジア最大級のECモール、Shopee（ショッピー）。オレンジ色にSマークのロゴを見た事のある、越境EC事業者様や、越境ECをご検討中の方も多いと思います。今回は、Shopeeの強みや特徴、さらにはShopeeで販売する時の効果的な施策について、Shopee Japan株式会社、日本越境チーム代表の村松様にお話をお伺いしました。

## 台湾・東南アジアで最大級のECモールShopee
### Shopeeのサービスの概要や特徴について教えてください。

Shopeeは、親会社であるSeaグループの3本の軸である事業の1つのサービスで、オンラインショッピングの事業を行っている会社です。ちなみに、残りの2つはファイナンス事業とゲーム事業で、特にSeaグループがゲーム事業から始まったこともあり、社全体としてモバイルに強い企業、という特徴があります。

Shopeeは、台湾・東南アジアで最大級のECモールとして展開させていただいており、現地では、日本の楽天やAmazonのような、日常的に使っていただいているECプラットフォームです。アジア圏では、台湾、シンガポール、マレーシア、タイ、フィリピン、インドネシア、ベトナムに展開していて、もう1つ中南米では、ブラジルでも展開中です。

### 日本は販売だけができますが、他にも日本のような越境販売に特化した国はあるのですか？

日本のように、越境販売をしている国は、中国と韓国の2マーケットです。実は、中国・韓国は日本よりも先輩で、最初は東南アジアに華僑の方が多いという事で中国からの越境が始まりました。その後、韓国、日本、と越境販売が拡大してきたところです。

同じ越境販売とはいえど、それぞれ中国・韓国・日本と売れ筋の商品も異なっています。中国のセラーさんは、低単価な商品を取り扱っている事が多いです。物量も多いので、少ないマージンでもビジネスが成り立っている所が、中国のすごいところですね。一方、韓国はビューティー系とK-POPのグッズ系のカテゴリの商品がメインです。日本の場合は、最初はビューティー系や食品系が多かったのですが、徐々にカテゴリを広げて需要が伸びています。特に、アウトドア系、ベビー系、ペット系の商品の人気が高まっているのが特徴的です。やはり、日本の安心感だったり、衛生的なイメージがあるのだと思います。子供やペットのために、少しお金を払ってでも安心感を買いたい、という層の方にうまくハマっていると感じますね。

 ![](/uploads/shopee_muramatsu2_8034685505.JPG) 

## 「海外配送」や「偽物対策」に取り組む
### Shopeeと他のECモールの違いについて教えてください。

まずは、台湾と東南アジアで最大級のECモールという事で、何が最大かというと「ユーザー数」のことです。そのため、日本のセラーさんが台湾・東南アジアに販売する際に、最も大きなオーディエンスにアプローチできる、という点が一番の強みとして挙げられます。

そして、我々のサポート体制も整っている点も特徴的だと思います。日本のメンバーが、日々セラーさんのトラブルシューティングや、売上向上のサポートを行っています。日本の越境販売でいうと、他社様と比べても、大差ないどころか、少し優位な部分もあるのではないかなと思います。

また、物流面も力を入れている部分です。もともと、フィリピンなど日本郵便で送っても、全て「郵便局止め」。つまり、バイヤーさんが郵便局まで取りに行かないといけなかったりしていました。マレーシアも同様、East MalaysiaとWest Malaysiaで状況が大きく異なり、正しく商品が配達されないこともありました。現在、しっかりとバイヤーさんまで商品をお届けするために、Shopeeの物流サービスである、Shopee Logistic Service（SLS）を順次導入しています。SLSを使っていただければ、商品がDoor to Doorで届けられるだけでなく、商品がどのような状態にあるのか、何が原因で届いていないのかが分かるんです。例えば、1回行ったけど不在だった、2回行ったけど不在で戻ってきてしまった、など。届かなかった際の補償も力を入れているので、セラーさんやバイヤーさんにとっても、安心してご利用いただける様な仕組みづくりをしています。

### Shopeeのバイヤー目線でShopeeの強みは違いがありますか？

今、Shopeeが一番力を入れているのは、「顧客体験の向上」です。東南アジアで物販をしていると、「偽物」が日々向き合っている課題の1つでして、たまに日本のブランドさんからも「この商品、うちの商品じゃないよ」なんて、ご指摘いただいてしまう事もあります。そのため、Shopeeでは、システムや社員が自分の目で偽物かどうかチェックして、バイヤーに品質保証や本物保証を提供できるように力を入れています。Shopeeもバイヤーに対する最高ショッピング体験の提供を重視しており、色々な大型セールやキャンペーンとShopee Liveなどのエンターテインメントでバイヤーに最も良いバリューを与えています。

## オンラインが当たり前の東南アジア、今後はもっとモバイルを使った工夫を

### やはりコロナ前と後では東南アジアのEC市場は変わりましたか？

Shopeeとしても、コロナ期間中に様々なリサーチをして、オンラインで物を買うのが当たり前になってきたなぁという感じがしています。また、2023年にも改めてシンガポールでリサーチをしたのですが、3人のうち2人がデイリールーティーンのように、オンラインで買い物をしているそうです。

あとですね、やっぱり東南アジアって若い人口、20代30代が非常に多いので、デジタルトランスフォーメーションなんて言葉すら存在しないんですよ。当たり前にデジタルで、固定電話を知らずにスマホを使ったりしているので。なので、オンラインでお買い物をする抵抗も、日本の方に比べて少ないのではないかなと思います。

なので、ライブストリーミングとか、ゲーミフィケーション（ゲームを通じたお買い物体験）など、モバイルを使った様々な工夫を、Shopeeとしても新たに取り組んでいかなければならないと考えています。

## 年間でのスケジュール計画、積極的なコミュニケーションが成功の鍵

### Shopeeで成功する秘訣を教えていただけますか？

11.11や6.18など、Shopeeでは様々なキャンペーンを行っていますが、東南アジアの攻略には、年間のスケジューリングが非常に大切だな、と日々痛感しています。そのため、セラーさんには、在庫確保やバウチャーセッティングをなるべくタイムリーにお伝えするようにしています。セラーさんによっては、「じゃあキャンペーンシーズンだけ頑張れば良いんですか」などのお声もいただいてしまうのですが、やはりキャンペーンシーズン以外でいかに認知を高めるか、フォロワーを増やすか、そしてキャンペーン時に売上を伸ばすかというのが戦略になってくると思います。上手にやられているセラーさんは成功していますし、一度成功するとだいたいどのキャンペーンでも売上を伸ばしています。


### 全てのキャンペーンに参加するのは良くないのでしょうか？

強弱は絶対付けた方が良いですね。それがショップのブランディングに繋がってくるので。キャンペーンばかり頑張ってしまうと、それがブランドイメージになってしまって、キャンペーン以外は全く訪問されなくなってしまう事もあります。一方、キャンペーンや平常時で上手にブランディングができると、洋服だったらここで買おう、トレーディングカードだったら、この店が取り扱っているかもしれない、とショップのイメージを持っている人が多いので、そういったイメージを持ってもらう事を目指すと良いかもしれないですね。

 ![](/uploads/shopee_muramatsu3_da35af331d.JPG) 

### 逆に、成功しづらい企業の特徴はありますか？

なかなか成功が難しいショップは、①マーケティング活動と②ユーザーとのコミュニケーションが不足しているかな、と思います。
①マーケティングに関しては、新規のショップさんで、とりあえず商品の品質や日本での認知度だけで勝負されると、なかなかトラフィックが入りません。なので、少額でも良いのでマーケティングへの投資をした方が良いと思います。

もう1つ、②ユーザーとのコミュニケーションというのは、主にチャット機能の使い方の工夫です。リピート購入を促すためには、チャット機能が有効で、上手く使われている企業様だと、購入後に「サイズは大丈夫でしたか？」とフォローしながら次の購入に促すなど、丁寧なコミュニケーションをされています。このようなショップさんは、リピート率も高く、キャンペーンでも一定数売れるといった実績を残されています。台湾東南アジアのローカルセラーも、チャット機能を使って、かなりマメにコミュニケーションを取っているので、日本セラーの皆さんにも活用いただきたいです。

また、Preffered Seller（プリファードセラー）になったら、チャットを一斉送信できる機能が使えるようになるので、新商品やキャンペーンのお知らせをすることができます。ユーザーの満足度や安心感を上げるために、Shopeeでは Preferred Seller（プリファードセラー）やMall Seller（モールセラー）を機能面で優遇したりしているので、ぜひ目指していただきたいです。

### Mall Sellerと Preferred Sellerについてもう少し詳しく教えていただけますか？

ブランドホルダー様はMall Seller、その他一般のセラー様は　Preferred Sellerというランクが、一定条件を満たされると付与されます。（※Mall Sellerは申請が必要）
モールセラーのショップは、通常のオレンジとは異なる赤色の見た目の売り場で、Preferred Sellerは各商品に「Preferred」のマークが付いているため、一目で区別がつきます。
Mall Seller はバイヤーに品質保証や本物保証の強化するために認定し、バイヤーが安心にお好みブランド商品を購入できる体験を提供しております。
Preferred Sellerは丁寧なカスタマー対応や迅速な配送などの良いサービスを提供できたセラーの認識です。
その他にも、Mall Seller・Preferred Sellerだけが使えるShopeeの販促機能もあったり、オーガニック検索でも上位に表示されやすくなったりする、というメリットがあります。
これらのセラーランクを獲得すると、ユーザーの信頼や安心感もグッと上がるので、実際にショップのパフォーマンスが変わったという事例もあります。

Shopeeの優先販売者プログラム「Preferred Seller」とは:https://shopee.jp/column/preferredseller/

Shopee Education Hub　モールセラーとは：https://shopee.jp/edu/article/8635


## 「越境ECを簡単に！」

### 弊社との今後の取り組みについてや、期待することについて教えてください。

我々も、人員が増えてきてはいるものの限られている中で、日本の事業者様にShopeeをご紹介いただく、という部分も、スターフィールド様のようなパートナー様に頼らせていただいています。ぜひ一緒に台湾東南アジア向けの越境ビジネスを一緒に盛り上げて行きたいと思っています。

今後は連携を強化して、最新の動向やデータなどもご提供しつつ、セラーさんにより良い越境販売ができる環境を一緒にご提供していきたいですね。


### Shopee Japanの今後の目標は何ですか？

「越境ECを簡単にしたい」というのが、私たちの究極のミッションです。セラーさんと消費者、それぞれもメリットがある世界を越境ECをつかって作っていきたいというのが私たちの目指していく方法方向です。特に今は、プロセスの簡素化と、決済や品質の部分での安心感を強化していかないといけないと思っています。そのためには、テクノロジーを上手く活用していかないといけないので、本社の連携やAIの活用などにもチャレンジしていきたいです。

越境ECが簡単になればなるほど、越境ECでの取扱金額も増えていくと思うので、今はShopee Japanのメンバーが補っている部分もいずれはシステム化し、より良いサービスをご提供できたらなと思っています。

Shopeeでアカウント開設は[こちら](https://form.jotform.com/213291435830452?onboardingSource=Sterfield)から

Shopee出店販売サービスについては[こちら](https://sterfield.co.jp/lp-shopee/)をご覧ください


shopee_muramatsu.JPG

Shopee Japan株式会社様



## はじめに
近年、テクノロジーの進歩により、自然言語処理の分野でも驚くべき進歩がありました。その中でも、OpenAIのChatGPTは、会話を自然な形で行い、言語モデリングの能力を備えた最新の言語モデルです。また、Google Apps Script（GAS）は、G Suiteの一部として提供されるクラウドベースのスクリプト環境です。本記事では、chatGPTとGASを組み合わせて、議事録要約ツールを作成する方法について紹介します。特に、長文に対応する機能を追加する方法に焦点を当てます。

前回は、Makeというノーコードツールを使って、chatworkにまで送信する流れを作りましたが、トークン数の制限があり、長文に対応ができないという課題が残っておりましたが、今回はその課題を克服した改良版になります。

https://sterfield.co.jp/blog/18142/


## chatGPTの導入
まず、chatGPTを使って自然言語処理のパワーを手に入れましょう。OpenAIのAPIを使用すると、chatGPTを簡単に利用することができます。APIキーを取得し、適切なエンドポイントに接続します。Pythonや他のプログラミング言語を使用して、APIとのインタラクションを設定しましょう。

今回は冒頭にある通り、Google Apps Script（GAS）とモデルはgpt-3.5-turboで作成しました。

## GASでの要約機能の作成
GASを使用することで、Googleドキュメントやスプレッドシートなど、G Suiteのさまざまなアプリケーションを拡張することができます。GASエディタを開き、新しいプロジェクトを作成しましょう。次に、chatGPT APIとの通信を設定するために必要なコードを追加します。これにより、議事録のテキストをchatGPTに送信し、要約を取得できるようになります。

GASのコードそのものもChatGPTに書いてもらいました。
また、プロントはPROMPTYさんの[【プロンプト解説】ChatGPTで要約を作成する方法](https://bocek.co.jp/media/formula/making-document/110/)という記事を参考にさせて頂きました。  
一番最初の指示文は以下です。最終形態の内容とは異なります。
 ![](/uploads/Summarizing_GAS_Code_1_e667531717.png) 


書いてもらったコードをスプレッドシート＞拡張機能＞Apps Scriptで開いたページのコード.gs欄にベタっと貼り付けます。
 ![](/uploads/Chat_GPT_GAS_Google_1_8c0845570a.png)     

 ![](/uploads/chat_GPT_GAS_Apps_Script_36d07dd8ad.png) 

その後、Apps Scriptのまま、▶︎実行を押すとスクリプトが動作し、不完全な場合、エラーが返ってくるので、そのエラーコードをChatGPTに貼り付けると修正コードを返してくれるという具合で何往復も行いました。

 ![](/uploads/Summarizing_GAS_Code_82ac14433b.png) 

この工程はプロンプトエンジニアリングといって良いのでしょうか。

## 長文対応の実装
議事録は通常、長い文章で構成されることがあります。要約ツールをより実用的にするためには、長文にも対応する必要があります。chatGPTにはテキストのトークン制約があるため、長い文章を一度に送信することはできません。しかし、GASを使用して長文を複数のパートに分割し、chatGPTに渡すことができます。それぞれのパートの要約を取得し、最終的な要約として結合します。

以下が1024トークンごとに分割する部分のスクリプトです。

```
  // 1024トークンごとにテキストを分割します。
  var tokens = Math.ceil(cellContent.length / 1024);
  for (var i = 0; i < tokens; i++) {
    var part = cellContent.slice(i * 1024, (i + 1) * 1024);

    // partが空ではないことを確認します
    if (part.trim() != '') {
      var summary = sendToChatGPT(part);
      summaries += summary + "\n";
    }
  }
```

## ユーザーインターフェースの作成
ツールを使いやすくするために、GASを使用して独自のユーザーインターフェース（UI）を作成しましょう。UIを作成するには、GASのHTMLサービスを利用します。UIにはテキストエリアやボタンを配置し、ユーザーが議事録を入力し、要約を取得できるようにします。

 ![](/uploads/Chat_GPT_GAS_Google_2_95a8cf7e97.png) 

上図のようにメニューバーに「議事録を要約」というメニューを出すためのスクリプトです。

```
// スプレッドシートが開かれたときにメニューボタンを作成します。
function onOpen() {
  var ui = SpreadsheetApp.getUi();
  ui.createMenu('議事録を要約')
    .addItem('スクリプトを実行する', 'summarizeMinutes')
    .addToUi();
}
```

## 今回できたGASの共有

上記を全て盛り込んで試行錯誤の上完成したGASの全容は以下になります。
ご利用にあたって以下の項目は各自置き換えてください。

- YOUR_OPENAI_API_KEY→あなたのOpenAIのAPIキーを設定してください
- シート1→ご利用されるシート名に合わせてください。
- A2→元のテキストを置くセルに合わせてください。
- B2→要約後のテキストを置きたいセルに合わせてください。
- 'max_tokens': 100,  → おおよそ400文字程度に要約するために設定

このGASのご利用により何らかの損害が生じても当社は， 一切損害を賠償しません。自己責任の元、ご利用ください。

```
// まず最初に、OpenAIのAPIキーを設定します。
var openaiApiKey = 'YOUR_OPENAI_API_KEY; // あなたのOpenAIのAPIキーを設定してください

// スプレッドシートが開かれたときにメニューボタンを作成します。
function onOpen() {
  var ui = SpreadsheetApp.getUi();
  ui.createMenu('議事録を要約')
    .addItem('スクリプトを実行する', 'summarizeMinutes')
    .addToUi();
}

function summarizeMinutes() {
  var sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('シート1');
  var cellContent = sheet.getRange('A2').getValue();
  var summaries = '';

  // 1024トークンごとにテキストを分割します。
  var tokens = Math.ceil(cellContent.length / 1024);
  for (var i = 0; i < tokens; i++) {
    var part = cellContent.slice(i * 1024, (i + 1) * 1024);

    // partが空ではないことを確認します
    if (part.trim() != '') {
      var summary = sendToChatGPT(part);
      summaries += summary + "\n";
    }
  }

  // 結果をB2のセルに記載します。
  sheet.getRange('B2').setValue(summaries);
}

function sendToChatGPT(text) {
  var url = 'https://api.openai.com/v1/chat/completions';
  var payload = {
    'model': 'gpt-3.5-turbo',
    'messages': [{
      'role': 'system',
      'content': 'あなたはプロの編集者です。以下の制約条件に従って、入力する文章を要約してください。\n#制約条件\n・重要なキーワードを取りこぼさない。\n・文章の意味を変更しない。\n・架空の表現や言葉を使用しない。\n・文章中の数値には変更を加えない。'
    }, {
      'role': 'user',
      'content': text
    }],
    'max_tokens': 100, // おおよそ400文字程度に要約するために設定
    'temperature': 0.5
  };
  var options = {
    'method' : 'post',
    'headers': {
      'Authorization': 'Bearer ' + openaiApiKey,
      'Content-Type': 'application/json'
    },
    'payload' : JSON.stringify(payload)
  };
  var response = UrlFetchApp.fetch(url, options);
  var data = JSON.parse(response.getContentText());
  return data['choices'][0]['message']['content'].trim();
}
```

## テスト結果
青空文庫で著作権の切れた小説を探し、芥川龍之介の羅生門が6000字超だったので、試した結果が以下になります。
トークン数の壁を打ち破り、500文字超に要約ができています。
また、実際の1時間程度の会議を音声入力にて文字起こしした17,000文字程度も要約が動作しましたので実用的な範囲内はクリアしていると思われます。

最大、何文字まで出来るかの検証は行っておりませんが、一回の処理に6分間程度の制限があるようなので、それを超える処理となった場合はエラーとなるでしょう。
 ![](/uploads/Chat_GPT_GAS_Google_aa91777343.png) 

## 気になるAPI価格
前回の記事から期間が空いて、無料期間は過ぎていたため、課金しました。
試行錯誤中に20〜30回程度は、スクリプトを実行しましたが下記のような結果で、1ドルにも満たない金額でしたのでご参考ください。
  ![](/uploads/Usage_Open_AI_API_58407080e5.png) 
        

## 工夫ポイント
トークン数をギリギリ攻める設定をすると引っかかってしまうので、1024トークンごとに区切るようにした。これは上限2048トークンの半分になります。


##  まとめ
chatGPTとGASを組み合わせて議事録要約ツールを作成することは、簡単かつ効果的な方法です。chatGPTの強力な自然言語処理能力を活用しながら、GASを使用して長文にも対応することができます。これにより、議事録を手早く要約し、重要な情報を抽出することができます。ぜひ、この記事を参考にして、自分自身の議事録要約ツールを作成してみてください。  

スクリプトを全てchatGPTに書いてもらい、その内容もchatGPTのAPIに送って文章を要約してもらうというもので、ブログ記事の本文のベースもchatGPTに聞き、アイキャッチ画像も画像生成AIで作りました。つまり、この記事はほぼ生成AIで構成されています。



_29bd01ef-edba-4198-a899-3ca63fb1f902.jpeg

chatGPTとGASで議事録要約ツールを作ってみた（長文対応）

<p>2023年5月、バンコク、KLの日系企業のEC事情を視察してまわりました。結論としては長いコロナ禍を経て、進出のハードル、そして成功するハードルは更に上がっていると感じました。</p>
<p>具体的には、</p>
<ol>
<li>日系の支援企業の多くが撤退している</li>
<li>規制が厳しくなっている</li>
<li>二極化が進んでいる</li>
</ol>
<p>という理由が考えられます。</p>
<h4>1. 日系企業の多くが撤退している</h4>
<p>例えばバンコクで取引の有無に関わらず私がコネクションのある日系の支援企業は最大で5社ありました。が、今は6社が撤退もしくは休業状態です。残りの2社もローカル案件のみにシフトしており日系企業の支援またはECの支援を行っていない状態です。</p>
<p>このような状況もあり今回一括で問い合わせできるサイトから新規のコンタクトを試みました。なんと4社へのコンタクトを試みましたが2社はそもそもURLが404、、残り2社はメールを送りましたが返信が来ませんでした。</p>
<p>長いコロナ禍のダメージを痛感しました。と同時に、私が知る限りのタイへのECの進出支援を行っている日系企業はゼロになってしまったということを認識しました。</p>
<p>進出の支援や運用代行をタイで依頼したい場合は、私の知る限りでは現地企業に頼らざるを得ない状況となったようです。</p>
<h4>2. 規制が厳しくなっている</h4>
<p>これは国によって異なりますが、現在外資規制はあらゆる分野で厳しくなる傾向にあります。</p>
<p>それに加えて大手メディアやSNSでの広告規制がかなり厳しくなりました。結果としてローカルのメディアやKOLなどしか選択肢がなくなり、安定的な運用が難しくなったということが引き続き起こっているようです。</p>
<h4>3. 二極化が進んでいる</h4>
<p>エビデンスは無いのですが、ローカルの支援企業数社に話を聞きましたが口を揃えて同じことを言っていました。</p>
<p>ブランド価値が高いか、価格が安いか。このどちらかでなければ特にECにおいては成功できないということでした。</p>
<p>EC+広告だけ且つ短期で成功させようというのは国によって更にハードルが上がっているようです。しっかりとブランディング戦略として比較的長いスパンで投資が求められているようでした。</p>
<h2>新たなプラットフォームDON DON DONKI</h2>
<p>そんな中日本企業にとっての新たなプラットフォームとなり得るのでは? と強く思わせる存在としてドン・キホーテの存在がありました。</p>
<p>海外では「DON DON DONKI」として展開しており、アジアでは既に38店舗(2023年5月時点)も出店をしているそうです。</p>
<p>シンガポール: 15</p>
<p>香港: 10</p>
<p>タイ: 6</p>
<p>マレーシア: 4</p>
<p>台湾: 2</p>
<p>マカオ: 1</p>
<p>&nbsp;</p>
<p>私も各国且つなるべく多くの店舗に行ってみましたが人はたくさん入っていました。(何を買っているのかはよくわかりませんでした、、)</p>
<p>基本的にほぼ全て日本の製品で、特に食品関係が人気のようでした。惣菜や寿司、和牛や生鮮食品などがどの店舗にもありました。</p>
<p><img loading="lazy" class="alignleft size-thumbnail wp-image-11884" src="/uploads-archive/lc/2023/05/IMG_4436-150x150.jpg" alt="" width="150" height="150" /> <img loading="lazy" class="alignleft size-thumbnail wp-image-11897" src="/uploads-archive/lc/2023/05/IMG_4599-150x150.jpg" alt="" width="150" height="150" /> <img loading="lazy" class="alignleft size-thumbnail wp-image-11896" src="/uploads-archive/lc/2023/05/IMG_4598-150x150.jpg" alt="" width="150" height="150" /> <img loading="lazy" class="alignleft size-thumbnail wp-image-11895" src="/uploads-archive/lc/2023/05/IMG_4597-150x150.jpg" alt="" width="150" height="150" /> <img loading="lazy" class="alignleft size-thumbnail wp-image-11894" src="/uploads-archive/lc/2023/05/IMG_4596-150x150.jpg" alt="" width="150" height="150" /> <img loading="lazy" class="alignleft size-thumbnail wp-image-11893" src="/uploads-archive/lc/2023/05/IMG_4445-150x150.jpg" alt="" width="150" height="150" /> <img loading="lazy" class="alignleft size-thumbnail wp-image-11892" src="/uploads-archive/lc/2023/05/IMG_4444-150x150.jpg" alt="" width="150" height="150" /> <img loading="lazy" class="alignleft size-thumbnail wp-image-11891" src="/uploads-archive/lc/2023/05/IMG_4443-150x150.jpg" alt="" width="150" height="150" /> <img loading="lazy" class="alignleft size-thumbnail wp-image-11890" src="/uploads-archive/lc/2023/05/IMG_4442-150x150.jpg" alt="" width="150" height="150" /> <img loading="lazy" class="alignleft size-thumbnail wp-image-11889" src="/uploads-archive/lc/2023/05/IMG_4441-150x150.jpg" alt="" width="150" height="150" /> <img loading="lazy" class="alignleft size-thumbnail wp-image-11888" src="/uploads-archive/lc/2023/05/IMG_4440-150x150.jpg" alt="" width="150" height="150" /> <img loading="lazy" class="alignleft size-thumbnail wp-image-11887" src="/uploads-archive/lc/2023/05/IMG_4439-150x150.jpg" alt="" width="150" height="150" /> <img loading="lazy" class="alignleft size-thumbnail wp-image-11886" src="/uploads-archive/lc/2023/05/IMG_4438-150x150.jpg" alt="" width="150" height="150" /> <img loading="lazy" class="alignleft size-thumbnail wp-image-11885" src="/uploads-archive/lc/2023/05/IMG_4437-150x150.jpg" alt="" width="150" height="150" /></p>
<p>&nbsp;</p>
<h2>まとめ</h2>
<p>個人的な感想にはなりますが、各国での日系商品との接点として非常に有用に感じました。<br />
具体的には、例えばネットでやすかったとしても日本のインスタントラーメンを買ってみようと思っても実際に購入完了まで行くハードルは高いと思います。特に初めての商品においては。<br />
しかし会社帰りにドンキでちょっと買ってみてその日食べるとなるとかなりハードルは下がると思います。<br />
このようなテスト販売的な使い方から、各国における中長期のブランド戦略の一部としても、幅広く使えるプラットフォームだなと感じました。</p>

img_shoppingMv_01.jpg

【DON DON DONKI】アジア進出を目指す日系企業の新たなプラットフォーム??


<h2>はじめに</h2>



<p>この記事は、クラウド上でアのプリケーションに興味の人や Google Cloud のサービスを使用して自動化されたタスクのスケジューリングと実行を行いたいと考えている人のために、Google Cloud のサービスである Cloud Run と Cloud Scheduler の連携方法と Google Cloud サービス間の認証について解説します。</p>



<h2>1. Cloud Run と Cloud Scheduler の概要</h2>



<h3>Cloud Run</h3>



<p>Cloud Run は、開発者のウェブアプリケーションやサービスを手軽にオンラインに持っていくための Google Cloud のサービスです。</p>



<ul>
<li>手間がかからない: 開発者はアプリケーションに集中でき、面倒なインフラストラクチャの管理は Google に任せられます。これにより、時間を省け、本当に重要な開発作業に集中できます。</li>
<li>低コスト: Cloud Run は、サービスにトラフィックがあるときだけ課金されます。つまり、アプリケーションが使われていないときはお金をかけずに済むので、コストを抑えられます。</li>
<li>自動スケールアップ: アプリケーションに多くのユーザーがアクセスようになっても、Cloud Run は自動でスケールアップして対応します。これにより、あなたはサービスの拡大を気にせずに済みます。</li>
<li>色々なプログラミング言語に対応: Cloud Run はコンテナを使うため、あなたが好きなプログラミング言語を自由に使うことができます。これにより、あなたは柔軟にアプリケーションを開発することができます。</li>
</ul>



<h3>Cloud Scheduler</h3>



<p>Cloud Scheduler は、定期的なジョブのスケジューリングと実するためのサービスです。cron のような構文を使用してジョブのスケジュールを設定し、指定した時間にジョブをトリガーできます。Cloud Scheduler は、HTTP リクエストや Pub/Sub メッセージの送信など、さまざまなアクションをトリガーできます。</p>



<ul>
<li>高い信頼性: ジョブの実行が保証され、高い耐障害性を持っています。スケジュールされたジョブの実行を保証します。</li>
<li>柔軟性: HTTP、Pub/Sub、App Engine など、さまざまなターゲットに対してジョブを実行できます。</li>
<li>簡単な管理: ウェブベースのコンソールやコマンドラインを使用してジョブを簡単に管理できます。</li>
</ul>



<h2>2. Google Cloud</h2>



<p>サービス間の認証方法</p>



<p>Google Cloud のサービス間で情報をやり取りする際には、認証が必要です。サービスアカウントを使用して認証情報を設定することで、異なるサービス間で安全な通信を確立できます。</p>



<p>⚠️ 注意: テストやデモ目的ではサービスアカウントのキーを直接使用することは問題ありませんが、本番環境では使用しないでください。サービスアカウントキーはシークレットな情報であり、適切に管理する必要があります。適切な管理が行われない場合、セキュリティリスクが高まり、不正アクセスを許す可能性があります。使用する前に、サービスアカウントキーの管理に関するベストプラクティスを理解してください。(<a href="https://cloud.google.com/iam/docs/best-practices-for-managing-service-account-keys?hl=ja">https://cloud.google.com/iam/docs/best-practices-for-managing-service-account-keys?hl=ja</a>)</p>



<h2>3. Cloud Run と Cloud Scheduler の連携方法</h2>



<h3>サービスアカウントの作成と認証</h3>



<ol>
<li>Cloud Scheduler と Cloud Run の間で認証情報をやり取りするために、Google Cloud のサービスアカウントを作成します。</li>
<li>サービスアカウントに Cloud Run Invoker の役割を付与し、Cloud Scheduler から Cloud Run サービスを呼び出す権限を与えます。</li>
</ol>



<h3>Cloud Run のセットアップ</h3>



<ol>
<li>Google Cloud コンソールにログインし、「Cloud Run」を開きます。</li>
<li>「サービスを作成」をクリックし、サービス名、リージョン、認証方法を設定します。</li>
<li>必要なアプリケーションのイメージをコンテナイメージとしてアップロードします。</li>
<li>必要に応じて、環境変数やメモリ制限などのコンテナの詳細設定をします。</li>
<li>全ての設定が完了したら、「デプロイ」をクリックしてサービスをデプロイします。</li>
<li>デプロイ後に表示される Cloud Run のエンドポイント URL をコピー・保存します。これは外部からサービスにアクセスするための URL です。</li>
</ol>



<h3>Cloud Scheduler のセットアップ</h3>



<ol>
<li>Cloud Scheduler コンソールにアクセスし、「ジョブの作成」ボタンをクリックします。</li>
<li>ジョブの設定を行い、トリガーとなるスケジュールを設定します。例えば、毎日午前 9 時にジョブを実行する場合は <code>0 9 * * *</code> という cron 構文を使用します。</li>
<li>Cloud Run サービスの URL を指定し、ジョブが実行されるときに HTTP リクエストがその URL に送信されるように設定します。</li>
<li>[Auth ヘッダー] リストでトークンタイプを選択します。通常は OIDC を使用しますが、<code>\*.googleapis.com</code> ホストの Google API は例外で OAuth（アクセス）トークンが使用されます。</li>
<li>[サービス アカウント] でクライアント サービス アカウントのメールアドレスを指定します。</li>
</ol>



<h2>まとめ</h2>



<p>以上で、Cloud Run と Cloud Scheduler の連携および認証設定が完了しました。これにより、Cloud Scheduler が定期的に Cloud Run のサービスを自動的にトリガーできます。</p>


Google Cloud サービス間の連携：Cloud Run と Cloud Scheduler


<h2>はじめに</h2>



<p>ECサイトを構築できるカートシステムとしては、メイクショップやShopify、マジェントなどが有名です。当社もアジア越境ECに特化したカートシステムLaunchCartを開発しているので、そのあたりのトレンドは押さえているつもりなのですが、決済サービスのSquareでECサイトを簡単に構築できることを初めて知りました。</p>



<p>実際にアカウント作成からサイト構築、公開までを行ってみようと思います。</p>



<p>「簡単、早い」というのを特徴としているサービスなので、私も「最速」で公開まで行きたいと思います！</p>



<p></p>



<h2>まずはアカウント作成。順調だったが、、</h2>



<p>アカウント作成は全てオンライン上で完結します。<br>個人情報、会社の情報、売上金を受け取る銀行口座を順に登録していきます。</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="741" src="/uploads-archive/lc/2023/05/48698ee225d27b54c3abc4389fc09129-1024x741.png" alt="" class="wp-image-11870" srcset="/uploads-archive/lc/2023/05/48698ee225d27b54c3abc4389fc09129-1024x741.png 1024w, /uploads-archive/lc/2023/05/48698ee225d27b54c3abc4389fc09129-300x217.png 300w, /uploads-archive/lc/2023/05/48698ee225d27b54c3abc4389fc09129-768x556.png 768w, /uploads-archive/lc/2023/05/48698ee225d27b54c3abc4389fc09129-600x434.png 600w, /uploads-archive/lc/2023/05/48698ee225d27b54c3abc4389fc09129-1536x1112.png 1536w, /uploads-archive/lc/2023/05/48698ee225d27b54c3abc4389fc09129.png 1898w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>ここまではとてもスムーズです。外国のサービスなので、ほんの少しだけ記入方法に迷うところがありましたが（具体的には番地の住所の箇所など）、問題ない範囲です。</p>



<p>ですが、最後に「ご本人様確認を行う」という工程があり、ここが上手く行きませんでした。</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="794" src="/uploads-archive/lc/2023/05/aa3814c0bcc036f78b6d3d9216df11a9-1024x794.png" alt="" class="wp-image-11871" srcset="/uploads-archive/lc/2023/05/aa3814c0bcc036f78b6d3d9216df11a9-1024x794.png 1024w, /uploads-archive/lc/2023/05/aa3814c0bcc036f78b6d3d9216df11a9-300x233.png 300w, /uploads-archive/lc/2023/05/aa3814c0bcc036f78b6d3d9216df11a9-768x595.png 768w, /uploads-archive/lc/2023/05/aa3814c0bcc036f78b6d3d9216df11a9-600x465.png 600w, /uploads-archive/lc/2023/05/aa3814c0bcc036f78b6d3d9216df11a9.png 1041w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>スマホで免許証などの身分証明証を撮影、送信する必要があります。</p>



<p>これもスマホ上で専用のページに誘導され、非常にわかりやすい導線ではあるのですが、何度やっても画像を撮影できません。画面上のガイドラインに合わせて、自分の免許証を設置してカメラボタンを押すのですが、認識されず。。ピントが合っていないのか、ぶれているのか分からないのですが、いったん私はここで作業を止めてしまいました。</p>



<p>ちなみにここまでで、10分ほど経過。</p>



<h2>リマインドメールがじゃんじゃん来ます</h2>



<p>最後の工程である個人認証を終えていないので、Squareからメールでのリマインドがじゃんじゃん来ます。</p>



<p>微妙に表現とか、体裁がどのメールも違っていて、そのあたりは「さすが」と思うのですが、欲を言えば「免許証をうまく撮影できない方はこちら」みたいな情報をいただけたら、より有り難いです。</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="687" height="694" src="/uploads-archive/lc/2023/05/c046af80818c8f540e11ff9a08dfec51-2.png" alt="" class="wp-image-11882" srcset="/uploads-archive/lc/2023/05/c046af80818c8f540e11ff9a08dfec51-2.png 687w, /uploads-archive/lc/2023/05/c046af80818c8f540e11ff9a08dfec51-2-297x300.png 297w, /uploads-archive/lc/2023/05/c046af80818c8f540e11ff9a08dfec51-2-600x606.png 600w" sizes="(max-width: 687px) 100vw, 687px" /></figure>



<h2>アカウント作成から５日後に銀行口座認証完了</h2>



<p>金曜日にアカウント作成したのですが、翌週の水曜日にメールで銀行口座の認証が完了したというお知らせが来ました。</p>



<p>土日を挟んでいるので、実質は３営業日程度での認証です。早いですね！</p>



<p>相変わらず、免許証などの個人認証はまだ行っていないのですが、それをしなくてもサイトの構築の工程には移れそうだったので、Squareの管理画面にログインして、さっそくECサイトを作り始めることにしました。</p>



<h2>10分でECサイト公開！</h2>



<p>ログイン後、下記のような質問に答えていきます。</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="599" src="/uploads-archive/lc/2023/05/6aadba8310b828030c3824ad7504d4b7-1024x599.png" alt="" class="wp-image-11878" srcset="/uploads-archive/lc/2023/05/6aadba8310b828030c3824ad7504d4b7-1024x599.png 1024w, /uploads-archive/lc/2023/05/6aadba8310b828030c3824ad7504d4b7-300x175.png 300w, /uploads-archive/lc/2023/05/6aadba8310b828030c3824ad7504d4b7-768x449.png 768w, /uploads-archive/lc/2023/05/6aadba8310b828030c3824ad7504d4b7-600x351.png 600w, /uploads-archive/lc/2023/05/6aadba8310b828030c3824ad7504d4b7.png 1035w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>商品の登録も直感的に可能です。</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="642" src="/uploads-archive/lc/2023/05/b7ca4b9d8bc9318183783fb9a8945279-1024x642.png" alt="" class="wp-image-11879" srcset="/uploads-archive/lc/2023/05/b7ca4b9d8bc9318183783fb9a8945279-1024x642.png 1024w, /uploads-archive/lc/2023/05/b7ca4b9d8bc9318183783fb9a8945279-300x188.png 300w, /uploads-archive/lc/2023/05/b7ca4b9d8bc9318183783fb9a8945279-768x481.png 768w, /uploads-archive/lc/2023/05/b7ca4b9d8bc9318183783fb9a8945279-600x376.png 600w, /uploads-archive/lc/2023/05/b7ca4b9d8bc9318183783fb9a8945279.png 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>デザインのテンプレートは種類が少ないように思えたのですが、自分の探し方が悪いのかもしれません。とりあえず最速で公開したかったので、適当なものを選びました。</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="533" src="/uploads-archive/lc/2023/05/eae04b31dbb2085a09595d5b8cfef633-1024x533.png" alt="" class="wp-image-11876" srcset="/uploads-archive/lc/2023/05/eae04b31dbb2085a09595d5b8cfef633-1024x533.png 1024w, /uploads-archive/lc/2023/05/eae04b31dbb2085a09595d5b8cfef633-300x156.png 300w, /uploads-archive/lc/2023/05/eae04b31dbb2085a09595d5b8cfef633-768x400.png 768w, /uploads-archive/lc/2023/05/eae04b31dbb2085a09595d5b8cfef633-600x312.png 600w, /uploads-archive/lc/2023/05/eae04b31dbb2085a09595d5b8cfef633-1536x800.png 1536w, /uploads-archive/lc/2023/05/eae04b31dbb2085a09595d5b8cfef633.png 1652w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>テンプレートのレイアウトには手を入れず、とりあえず公開！<br>甘い甘いみかん屋さんです！</p>



<figure class="wp-block-embed"><div class="wp-block-embed__wrapper">
https://my-site-108020-106701.square.site/
</div></figure>



<h2>次にやりたいこと</h2>



<p>アカウント作成で10分、サイト構築で10分。<br>実働20分でとりあえず公開まではできました。<br><br>ただ、個人認証がまだなので決済機能が実装できません。<br>また、サイトのデザイン的にももっと手を入れられるはずです。無料プランでどこまで出来るか不明ですが、事例を見ているとけっこう作り込まれているものがありますので、後編ではそのあたりチャレンジしてみたいと思います。<br></p>



<figure class="wp-block-embed"><div class="wp-block-embed__wrapper">
https://squareup.com/jp/ja/online-store
</div></figure>



<figure class="wp-block-embed"><div class="wp-block-embed__wrapper">
https://squareup.com/jp/ja/online-store/examples
</div></figure>


決済サービスSquareを使って最速でECサイトを作る（前編）

<h2>はじめに</h2>
<p>消費者は何を決め手に購入を決めるのか、様々な視点から考察するシリーズ第2弾。<br />前回は化粧品をオンラインで購入する消費者の購入タイミングの傾向について紹介しましたが、今回は「支払方法」をピックアップします。</p>
<h2>人気の支払方法は？</h2>
<p>よく使われる支払方法は国や地域によって異なります。</p>
<ol>
アメリカ</p>
<li>クレジットカード決済（40％）</li>
<li>デジタルウォレット（32％）</li>
<p>参考：<a href="https://www.fisglobal.com/en/global-payments-report" rel="noopener" target="_blank">Global Payment Report</a>
</ol>
<ol>
中国</p>
<li>第三者決済：アリペイ（Alipay／支付宝）やWeChat Pay（微信支付）など（82.9％）</li>
<li>クレジットカード、デビットカード（65.3％）</li>
<li>クイック支払い（53.8%）※<br />※アカウントに金融機関のカード番号を紐付けパスワードの入力で支払いを行うもの</li>
<p>参考： <a href="https://www.jetro.go.jp/biz/areareports/special/2017/12/a93c240657c03189.html" rel="noopener" target="_blank">JETRO</a>
</ol>
<ol>
日本</p>
<li>クレジットカード決済（約60％）</li>
<li>PayPay（オンライン決済）（約24%）</li>
<li>楽天ペイ（オンライン決済）（約11％）</li>
<p>参考：<a href="https://www.sbpayment.jp/news/press/2023/20230329_001295/#:~:text=EC%E3%82%B5%E3%82%A4%E3%83%88%E3%81%A7%E7%89%A9%E5%93%81%E3%82%82%E3%81%97%E3%81%8F%E3%81%AF,%E7%B5%90%E6%9E%9C%E3%81%AB%E3%81%AA%E3%82%8A%E3%81%BE%E3%81%97%E3%81%9F%E3%80%82" rel="noopener" target="_blank">SB Payment Service</a>
</ol>
<p>また、中国、台湾、香港、韓国以外のアジア圏では、クレジットカードの普及率が高くないため、代引きや銀行振込、コンビニ支払い、あるいは各国独自の決済手段などの利用率が高い傾向があります。<br />
詳しくはこちら</p>
<h2>利用したい決済手段がないと…？</h2>
<p><img loading="lazy" src="/uploads-archive/lc/2023/06/36fdaf7dac7042c9eee9db5e52d6a456.png" alt="" width="691" height="775" class="aligncenter size-full wp-image-11930" srcset="/uploads-archive/lc/2023/06/36fdaf7dac7042c9eee9db5e52d6a456.png 691w, /uploads-archive/lc/2023/06/36fdaf7dac7042c9eee9db5e52d6a456-267x300.png 267w, /uploads-archive/lc/2023/06/36fdaf7dac7042c9eee9db5e52d6a456-600x673.png 600w" sizes="(max-width: 691px) 100vw, 691px" /></p>
<p>写真は<a href="https://www.sbpayment.jp/news/press/2023/20230329_001295/#:~:text=EC%E3%82%B5%E3%82%A4%E3%83%88%E3%81%A7%E7%89%A9%E5%93%81%E3%82%82%E3%81%97%E3%81%8F%E3%81%AF,%E7%B5%90%E6%9E%9C%E3%81%AB%E3%81%AA%E3%82%8A%E3%81%BE%E3%81%97%E3%81%9F%E3%80%82" rel="noopener" target="_blank">調査結果ページ</a>のキャプチャ</p>
<p>ECサイトで何かを購入しようとカゴに入れたあと、普段利用する決済手段がなかったらどうしますか？<br />上記調査によると、約53％の人がそのサイトで購入せずに離脱することがわかりました。<br />また4割以上の人は、別のショップで同じ商品を探して購入すると答えています。<br />つまり、決済手段の不足が、顧客流失の直接的な原因となっているというわけです。</p>
<h2>増やすべき決済手段は？</h2>
<p>今、何といっても熱い決済手段と言えば、いわゆる「BNPL（後払い決済）」でしょう。<br />世界の後払い決済の事情についてはこちら</p>
<p>Adobe の最新の e コマース調査によると、アメリカのECで購入する際のBNPL の利用率は、23年1月と2月で、昨年と比較すると約10% 増加したそうです。<br />インフレにより、この期間のEC全体の収益自体は減少したものの、昨年、BNPLでの購入額は 2021年と比べて14%増加し、BNPLからの収益は 27%増加したと言います。</p>
<p>また同調査によると、BNPLで最も購入されたのは食料品でした。BNPLの利用を呼びかけるプロモーションが活発化しており、生活必需品をお得に買おうとする購入者が一定数いたことを示しています。<br />なお、2番目に購入されたのは家具でした。</p>
<p>アメリカではクレジットカードの負債額が年々増大しており、利息の負担や限度額の問題などがクレジットカード離れの一因となっているようです。</p>
<p>参考：<a href="https://martech.org/more-ecommerce-shoppers-using-buy-now-pay-later/" rel="noopener" target="_blank">https://martech.org/more-ecommerce-shoppers-using-buy-now-pay-later/</a></p>
<h2>まとめ</h2>
<p>まだBNPLがクレジットカードに取って代わるというほどの状況ではありませんが、今後利用率が上がっていくことは間違いありません。特に先に述べた通り、クレジットカード普及率の低いアジア圏へ進出する場合、BNPLの導入は必須と言っていいでしょう。</p>
<p>&nbsp;</p>
<p><a href=""https://launchcart.jp/contact/?utm_source=contact_from_contents&amp;utm_medium=contents&amp;utm_campaign=contact_from_contents"" target=""_blank"" rel=""noopener noreferrer""><img loading="lazy" class=""aligncenter size-medium wp-image-4514"" src=""/uploads-archive/lc/2020/03/5288e9a5b2afbae45b69a8175e3081b4-300x78.png"" alt="""" width=""300"" height=""78"" /></a></p>
<h3>関連記事はこちら</h3>
<p>  <div class="lcLink">
    <a href="https://launchcart.jp/contents/ekkyo-ec_atome/">
      <figure class="lcLink__figure"><img src="/uploads-archive/lc/2022/11/ATOME-03_Logo_New-300x173.jpg" alt="シンガポール発の後払い決済（BNPL）サービス「Atome」日本上陸と越境EC活用の期待"></figure>
      <div class="lcLink__text">
        <h3 class="lcLink__title">シンガポール発の後払い決済（BNPL）サービス「Atome」日本上陸と越境EC活用の期待</h3>
        <div class="lcLink__info">
          <p class="lcLink__category">越境ECコラム</p>
          <p class="lcLink__date">2022.11.22</p>
        </div>
      </div>
    </a>
  </div><br />
  <div class="lcLink">
    <a href="https://launchcart.jp/contents/ekkyo-ec_bnpl_world/">
      <figure class="lcLink__figure"><img src="/uploads-archive/lc/2021/07/christiann-koepke-WiE01mC9AtY-unsplash-300x200.jpg" alt="越境ECでも大活躍！世界の後払い決済事情"></figure>
      <div class="lcLink__text">
        <h3 class="lcLink__title">越境ECでも大活躍！世界の後払い決済事情</h3>
        <div class="lcLink__info">
          <p class="lcLink__category">決済</p>
          <p class="lcLink__date">2021.7.15</p>
        </div>
      </div>
    </a>
  </div></p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2023/08/03

2023/07/28

2023/07/28

2023/07/28

2023/07/26

2023/07/26

2023/07/26

2023/07/26

2023/07/21

2023/07/20

2023/07/20

2023/07/14

2023/07/14

2023/06/30

2023/06/24

2023/06/24

2023/06/24

2023/06/24