## はじめに
当社では現在、日本の革製品とくにお財布を取り扱うメーカーさまがクライアントとして複数います。
台湾への展開支援をしています。

台湾は、現金からデジタル決済への移行が進む中で、独自のお財布文化を築いています。ここでは、台湾におけるお財布事情とその変化について探ってみましょう。

### 1.現金の使い方と進化
 ![](https://cont.sterfield.co.jp/uploads/Firefly_TWD_6231241157.jpg) 
台湾では、現金は依然として重要な支払い手段です。地元の市場や小さな店舗では、現金が主流であることが多いです。台湾ドル（TWD）は、紙幣と硬貨の両方で流通しており、特に小額の取引には現金が使われています。現金に対する需要は根強く、財布には十分な収納スペースが求められています。

### 2.デジタル決済の普及
 ![](https://cont.sterfield.co.jp/uploads/Firefly_69509_5a8f2957d8.jpg) 
近年、台湾でもデジタル決済が急速に普及しています。特にスマートフォンを使ったモバイル決済が人気です。台湾では、LINE PayやJKoPay、Apple Payなどのサービスが広く利用されており、支払いが簡単かつ迅速に行えるようになっています。これにより、現金を持ち歩く必要が減り、多くの人がスマートフォン一つで決済を済ませています。

### 3.QRコード決済の盛り上がり
 ![](https://cont.sterfield.co.jp/uploads/Firefly_QR_Easy_Card_IC_QR_95efa8d8e2.jpg) 
台湾では、QRコードを用いた決済も非常に一般的です。特に「悠遊カード（EasyCard）」や「ICカード」など、公共交通機関で使用するカードがQRコード決済に対応しており、これを利用して買い物や公共交通機関の利用がスムーズに行えます。QRコード決済は、店舗やオンラインでの支払いにおいても便利な方法として広まっています。


### 4.高級財布とカスタマイズ
 ![](https://cont.sterfield.co.jp/uploads/Firefly_20061_e6915108cc.jpg) 
台湾では、財布のデザインや素材に対するこだわりも見られます。高級ブランドやカスタムメイドの財布が人気で、特に台湾の若者やビジネスマンの間では、ファッション性や品質に優れた財布が好まれています。また、パーソナライズされた財布やオーダーメイドの製品も需要があります。

### 5.地域特有の財布文化
 ![](https://cont.sterfield.co.jp/uploads/Firefly_858141d8f4.jpg) 
台湾の財布文化には、地域特有の特徴も見られます。例えば、台湾の伝統的なデザインやシンボルをあしらった財布が人気で、観光客にもお土産として人気があります。また、台湾の伝統的な財布は、色やデザインにおいて縁起を担ぐ要素が含まれていることが多いです。


## まとめ
台湾のお財布事情は、現金からデジタル決済へのスムーズな移行を遂げており、財布自体も多機能でスタイリッシュなものが増えています。現代の台湾では、伝統と革新が融合したお財布文化が形成されており、地域に根ざした特徴とともに、デジタル社会への適応が進んでいます。




Firefly 進化するお財布 74290.jpg

台湾のお財布事情：現金からデジタルへ

## はじめに

2023 年 10 月ごろに、[Recoil と Jotai に関する記事](https://sterfield.co.jp/blog/which-recoil-or-jotai/)を投稿しましたが、2023 年 3 月以降、Recoil の更新が進められていない状況で、React 19 以降では正常に動作しない見込みとなってきました[<a href="https://github.com/facebookexperimental/Recoil/issues/2318#issuecomment-2120383312" target="_blank">参考</a>]。 
そのため、これまで Recoil を使ってきた React のプロジェクトにおいて、別の状態管理ライブラリへの移行が必要となり、対応を進めています。 
その選択肢の一つとして、Redux への移行を行ったので、そのときの方法を Recoil と Redux のコードを比べながら、通常の状態と、API との通信を伴う非同期の状態の移行に分けて、ご紹介します。 
ここでご紹介する方法は、Redux は、Redux Toolkit と React Redux の利用を前提にしています。

## インストール

Recoil から Redux へ移行する場合、Redux Toolkit と React Redux を使うことで、Recoil のときと同じようなコードの書き方で、スムーズに移行できるので、そちらをインストールします。

```bash
npm i @reduxjs/toolkit react-redux
```

## ファイルの準備

以下はファイル構成の例です。

```
redux
├ hooks/ // React用のHooksを格納する
│ ├ normalExample.ts
│ ├ familyExample.ts
│ ┗ asyncExample.ts
├ slices/ // ReduxのSliceを格納する
│ ├ normalExampleSlice.ts
│ ├ familyExampleSlice.ts
│ ┗ asyncExampleSlice.ts
┗ store.ts // Reduxのstore
```

## 通常の状態

### Recoil

```typescript
import {
 atom,
 useRecoilValue,
 useResetRecoilState,
 useSetRecoilState,
} from "recoil";

// Recoilのatomを設定
export const normalExampleState = atom<string>({
 key: "normalExample",
 default: "",
});

// get state
export const useNormalExampleValue = () => useRecoilValue(normalExampleState);

// set state
export const useSetNormalExampleState = (key) =>
 useSetRecoilState(loadingState);

// reset state
export const useResetNormalExampleState = () =>
 useResetRecoilState(normalExampleState);
```

上記のような状態を Recoil で設定していた場合、Redux Toolkit と React Redux を使って以下のように置き換えることができます。 
ご覧いただくとわかりますが、reducer による action の設定や Root の store.ts への設定のところが Recoil にはない記述ですが、それ以外は似たコードで構成できることがわかります。

### Redux

redux/slices/normalExampleSlice.ts

```typescript
import { createSlice, type PayloadAction } from "@reduxjs/toolkit";

const initialState = "";

// ReduxのSliceを設定
export const normalExampleSlice = createSlice({
 name: "normalExample",
 initialState,
 reducers: {
 // set
 setNormalExample: (state, action: PayloadAction<string>) => {
 state.normalExample = action.payload;
 },
 // reset
 resetNormalExample: (state) => {
 state.normalExample = "";
 },
 },
});

export const { setNormalExample, resetNormalExample } =
 normalExampleSlice.actions;

export default normalExampleSlice.reducer;
```

redux/store.ts

```typescript
import { configureStore } from "@reduxjs/toolkit";
import { TypedUseSelectorHook, useSelector } from "react-redux";
import normalExample from "./slices/normalExampleSlice";

// 用意したSliceをstoreに登録する
export const store = configureStore({
 reducer: {
 normalExample,
 },
});

export type AppStore = typeof store;

export type RootState = ReturnType<AppStore["getState"]>;

export type AppDispatch = AppStore["dispatch"];

// useSelectorでは型が引き継がれないので、TypeScriptでは型を引き継げるuseAppSelectorを用意する
export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;
```

React 用の Hooks は、以下のように React Redux の useDispatch と useSelector（TypeScript の場合は store.ts で定義した useAppSelector）を利用して以下のように構成できます。

redux/hooks/normalExampleSlice.ts

```typescript
import { useDispatch } from "react-redux";
import { useCallback } from "react";
import {
 setNormalExample,
 resetNormalExample,
} from "@/redux/slices/normalExampleSlice";
import { useAppSelector, type RootState } from "../store";

// get state
export const useNormalExampleValue = () =>
 useAppSelector((state: RootState) => state.normalExample);

// set state
export const useSetNormalExampleState = () => {
 const dispatch = useDispatch();
 return (value: string) => {
 dispatch(setNormalExample(value));
 };
};

// reset state
export const useResetNormalExampleState = () => {
 const dispatch = useDispatch();
 return () => {
 dispatch(resetNormalExample(value));
 };
};
```

## AtomFamily からの移行

Recoil では、atomFamily という、同じ型の状態をキーごとに再利用するための便利な機能が用意されていますが、Redux Toolkit の Slice でも、以下のように構成することで、似た機能を実装できます。

### Recoil

```
import { atomFamily } from "recoil";

import {
 atom,
 useRecoilValue,
 useResetRecoilState,
 useSetRecoilState,
} from "recoil";

// RecoilのatomFamilyを設定

export const familyExampleState = atomFamily<string, string>({
 key: "familyExample",
 default: null
});

// get state
export const useNormalExampleValue = (key: string) => useRecoilValue(familyExampleState(key));

// set state
export const useSetNormalExampleState = (key: string) =>
 useSetRecoilState(familyExampleState(key));

// reset state
export const useResetNormalExampleState = (key: string) =>
 useResetRecoilState(familyExampleState(key));
```

### Redux

redux/slices/familyExampleSlice.ts

```typescript
import { createSlice, type PayloadAction } from "@reduxjs/toolkit";

export interface FamilyExampleState {
 [key: string]: string | null;
}

const initialState: FamilyExampleState = {
 default: null,
};

const familyExampleSlice = createSlice({
 name: "familyExample",
 initialState,
 reducers: {
 // set
 setFamilyExample(
 state,
 action: PayloadAction<{ key: string; value: string }>
 ) {
 state[action.payload.key] = action.payload.value;
 },
 // reset
 resetFamilyExample(state, action: PayloadAction<string>) {
 state[action.payload] = null;
 },
 },
});

export const { setFamilyExample, resetFamilyExample } =
 familyExampleSlice.actions;

export default familyExampleSlice.reducer;
```

redux/hooks/familyExampleSlice.ts

```typescript
import { useDispatch, shallowEqual } from "react-redux";
import { type RootState, useAppSelector } from "../store";
import {
 setFamilyExample,
 resetFamilyExample,
} from "../slices/familyExampleSlice";

export const useFamilyExampleValue = (key: string) =>
 useAppSelector((state: RootState) => state.familyExample[key], shallowEqual);

export const useSetFamilyExampleState = (key: string) => {
 const dispatch = useDispatch();
 return (value: string) => {
 dispatch(setFamilyExample({ key, value }));
 };
};

export const useResetFamilyExampleState = (key: string) => {
 const dispatch = useDispatch();
 return () => {
 dispatch(resetFamilyExample(key));
 };
};
```

## API 通信を伴う非同期の状態

API からのデータ取得など、非同期を伴う場合、Redux への移行には少しなれがひつようかもしれません。
以下のような Recoil では selector で API からのデータ取得を伴う状態を構成していた場合を移行する場合の例です。

### Recoil

```typescript
import {
 atom,
 selector,
 useSetRecoilState,
 useRecoilValue,
 useRecoilRefresher_UNSTABLE,
} from "recoil";
import { apolloClient } from "@/api/apollo-client";
import { exampleQuery } from "@/api/query/exampleQuery";

export const asyncExampleState = selector({
 key: "asyncExample",
 get: async () => {
 const { data, errors } = await apolloClient.query({
 query: exampleQuery,
 fetchPolicy: "no-cache",
 });
 if (errors) {
 throw errors;
 }
 return data.example;
 },
});

// get state
export const useAsyncExampleValue = () => useRecoilValue(asyncExampleState);

// reset state
export const useResetAsyncExampleState = () =>
 useRecoilRefresher_UNSTABLE(asyncExampleState);
```

### Redux

Redux Toolkit で非同期を伴う Slice を作成する場合、createAsyncThunk と createSlice の extraReducers で構成します。

redux/slices/asyncExampleSlice.ts

```typescript
import { createSlice, createAsyncThunk, PayloadAction } from "@reduxjs/toolkit";
import type { ApolloError } from "@apollo/client";
import { apolloClient } from "@/api/apollo-client";
import { exampleQuery, type Example } from "@/api/query/exampleQuery";
import type { RootState } from "../store";

// API用の状態の型を定義
const initialState: {
 data: Example[];
 status: "idle" | "loading" | "succeeded" | "failed";
 error: ApolloError;
} = {
 data: [],
 status: "idle",
 error: null,
};

// 非同期用のreducerを設定
export const fetchAsyncExample = createAsyncThunk<
 Example[],
 void,
 { state: RootState }
>("asyncExample/fetchAsyncExample", async (_, { rejectWithValue }) => {
 const { data, errors } = await apolloClient.query({
 query: exampleQuery,
 fetchPolicy: "no-cache",
 });

 if (error) {
 return rejectWithValue(error);
 }

 return data.example;
});

// SliceにextraReducersを使って非同期用のreducerを紐づける
export const asyncExampleSlice = createSlice({
 name: "asyncExample",
 initialState,
 reducers: {},
 extraReducers: (builder) => {
 builder
 .addCase(fetchAsyncExample.pending, (state) => {
 state.status = "loading";
 })
 .addCase(fetchAsyncExample.fulfilled, (state, action) => {
 state.status = "succeeded";
 state.data = action.payload;
 })
 .addCase(fetchAsyncExample.rejected, (state, action) => {
 state.status = "failed";
 state.error = action.payload as any;
 });
 },
});

export default asyncExampleSlice.reducer;
```

redux/hooks/asyncExampleSlice.ts

```typescript
import { useDispatch, shallowEqual } from "react-redux";
import { type RootState, useAppSelector } from "../store";
import { fetchAsyncExample } from "../slices/asyncExampleSlice";

// get state
export const useAsyncExampleValue = () => {
 const dispatch: AppDispatch = useDispatch();
 const { data, status } = useAppSelector(
 (state: RootState) => state.example,
 shallowEqual
 );

 // 状態が"idle"の時はfetchを実行する
 useEffect(() => {
 if (status === "idle") {
 dispatch(fetchAsyncExample());
 }
 }, [status, dispatch]);

 return data;
};

// reset state
export const useResetNormalExampleState = () => {
 const dispatch = useDispatch();
 return () => {
 dispatch(fetchAsyncExample());
 };
};
```

## 移行途中で Recoil と依存する状態を連携させる場合

移行途中で共存させなければならない場合、以下のように Recoil に依存する状態を Redux と連携できます。
ただし、Recoil 同士の状態と違い、Redux の状態の変化を Recoil は自動で検知してくれないので、Redux の状態を変更するときに、Recoil で Reset や Refresh を実行する必要があることの注意が必要です。

```typescript
import { selector } from "recoil";
import { store } from "@/redux/store";
import { apolloClient } from "@/api/apollo-client";
import { exampleQuery, type Example } from "@/api/query/exampleQuery";

export const exampleState = selector({
 key: "exampleState",
 get: async ({ get }) => {
 const keyword = store.getState().keyword;

 const { data, errors } = await apolloClient.query({
 query: exampleQuery,
 variables: {
 keyword,
 },
 fetchPolicy: "no-cache",
 errorPolicy: "all",
 });
 if (errors) {
 throw errors;
 }
 return data.example;
 },
 cachePolicy_UNSTABLE: {
 eviction: "most-recent",
 },
});
```

## まとめ

Recoil の atom や selector の書き方と Redux Toolkit の createSlice の書き方が似ていることもあり、意外とコードの移行の親和性が高いと感じました。 
ただ、非同期関係では Redux において createAsyncThunk を利用するなど、Recoil にはない独特の記述も必要で、慣れが必要な部分も実感しました。

## 参考リンク

- Recoil の更新状況: <a href="https://github.com/facebookexperimental/Recoil/issues/2318#issuecomment-2120383312" target="_blank">React 19 support · Issue #2318 · facebookexperimental/Recoil</a>
- Recoil の更新状況: <a href="https://recoiljs.org/blog" target="_blank">Blog | Recoil</a>
- Redux Toolkit の使い方 (はじめ方): <a href="https://redux-toolkit.js.org/tutorials/quick-start" target="_blank">Quick Start | Redux Toolkit</a>
- Redux Toolkit の使い方 (TypeScript): <a href="https://redux-toolkit.js.org/tutorials/typescript" target="_blank">TypeScript Quick Start | Redux Toolkit</a>
- Redux Toolkit の使い方 (非同期の状態): <a href="https://redux-toolkit.js.org/api/createAsyncThunk" target="_blank">createAsyncThunk | Redux Toolkit</a>

20240719_recoil-to-redux.png

Recoil から Redux へ移行するときにやったこと

## はじめに
日本と地理的にも近く、特に親日と言われている国、台湾。弊社でもグローバルECなどで、ご支援することが圧倒的に多い国です。

日本から台湾にどのような食品・農産物が輸出されてるのか改めて調べてみました。

## 輸出統計を見てみると？
では実際に統計を見てみましょう。
 ![](https://cont.sterfield.co.jp/uploads/80d592c4dda5801af32832702a3d9b38_6ce0069322.png) 
[【画像引用】台湾への農林水産物・食品の輸出に関するレポート](https://www.koryu.or.jp/Portals/0/taipei/2024/0319/%E5%8F%B0%E6%B9%BE%E3%81%B8%E3%81%AE%E8%BE%B2%E6%9E%97%E6%B0%B4%E7%94%A3%E7%89%A9%E3%83%BB%E9%A3%9F%E5%93%81%E3%81%AE%E8%BC%B8%E5%87%BA%E3%81%AB%E9%96%A2%E3%81%99%E3%82%8B%E3%83%AC%E3%83%9D%E3%83%BC%E3%83%88.pdf)

全体を見てみると、りんご、アルコール飲料、ホタテ貝が輸出金額として多いことが分かりました。

### 輸出量トップのりんごについて
 ![](https://cont.sterfield.co.jp/uploads/HVREYHL_4_RBNLHHLHWUHUPCVKQA_9e6e3a8b00.jpg) 
りんごは、ここ10年でトップ4に常に入っており、金額が伸び続けていることが分かります。

りんごといえば青森県ですが、青森県で年間に生産されるりんご50万トンのうち、4万トンが海外に輸出され、その70%は台湾向けとされています。    

りんごは贈答用として好まれるほか、スーパーにも並ぶそうです。

## ホタテ貝について
ホタテ貝については、年々輸出金額を伸ばし、順位を上げていることが分かります。
JETROとしてもホタテ貝は輸出の重点品目にしており、積極的なプロモーションが行われています。

台湾の日本食料理店の協力を得て、ホタテの特別メニューを現地の人気インフルエンサーが取材、発信するなどの取り組みがなされています。

【参考】[JETRO 日本産水産物プロモーションを台湾にて開始](https://www.jetro.go.jp/news/releases/2023/05803fd6c121b6e9.html)

 ![](https://cont.sterfield.co.jp/uploads/f6102d8f52dbd95db04e2316db2be270_8ba76bb64b.jpg) 
[キャンペーンサイト](https://japan-food.jetro.go.jp/seafood/tw/index.html)


### そのほかの項目について
アルコール飲料についても安定して輸出金額が伸びており、特に2021年から22年で1.4倍もの金額になっています。

台湾人は晩酌の習慣がないと言われており、レストラン向けのビールやウイスキーが輸出品目として多いようです。確かに台湾では日本料理店以外では日本酒を見かけることはあまりない印象です。

牛肉に関しては、2015年に輸出が解禁されました。その後、4位以内にランクインし続けています。
台湾最大級の食品展示会であるFood Taipeiでも和牛を取り扱う日本の業者が多く出展をしており、高い需要があることが分かります。

## まとめ
台湾向けの輸出金額を改めて調べ見ましたが、りんごが1番金額が多いとは予想外でしたが、確かに熱帯気候の台湾ではりんごの栽培は難しく、輸出量が多いのも頷けるなと感じました。



22754745_s.jpg

日本から台湾にどのような食品・農産物が輸出されてる？

## はじめに
現在、円安が続いており、多くの台湾人が日本を訪れて日本の商品を購入する機会が増えています。特に日本の商品はその高品質とユニークな特性から人気があります。今回は、台湾人の視点で台湾人に特に人気ある日本の化粧品を紹介します。さらに、これらの商品がなぜ台湾人に人気があるのか、そして今後のEC販売戦略についても考察します。

## TOP5ランキング
1. SK-II フェイシャルトリートメントエッセンス
2. Hada Labo 極潤ヒアルロン酸ローション
3. DHC ディープクレンジングオイル
4. 資生堂 ANESSA パーフェクトUVサンスクリーン
5. ビオレ UVアクアリッチウォータリーエッセンス

※参考：https://tw.trip.com/blog/japan-souvenir-cosmetic/

## どうして日本商品は台湾人に人気あるの！？
 ![](https://cont.sterfield.co.jp/uploads/25276830_b0634406ce.jpg) 

### ①高品質と安心感
日本の商品は、その高品質と厳格な品質管理によって、消費者に安心感を与えます。台湾人は、この信頼性を重視し、日本の商品を好んで購入します。

### ②ユニークな製品デザインと機能
日本の商品は、そのユニークなデザインと実用的な機能で知られています。これにより、消費者は自分のライフスタイルに合った製品を選ぶことができます。

### ③ブランドの信頼性
多くの日本ブランドは、長年にわたって高い評価を受けており、その信頼性が購入動機の一つとなっています。特に、SK-IIや資生堂、DHCなどのブランドは、世界中で広く認知されています。

### ④手頃な価格
円安の影響もあり、日本の商品が以前よりもっと手頃な価格で購入できるようになっています。これにより、台湾人はより多くの商品を手に入れることができます。

## 今後EC販売の商品選定はどうする！？
 ![](https://cont.sterfield.co.jp/uploads/a7957731_32b6_4cf0_932f_6935a81d7a95_dccd229bfc.jpg) 

### ①オンライン販売の拡大
日本の商品は、ECサイトを通じて国際的に販売されることが増えています。これにより、台湾人は日本を訪れることなく、自宅でお気に入りの商品を購入することができます。

### ②ローカライズとプロモーション
EC販売においては、各国の消費者のニーズに合わせたローカライズが重要です。台湾市場においては、プロモーション活動や口コミマーケティングが効果的です。特に、インフルエンサーとの協力や、消費者のレビューを活用したマーケティングが成功の鍵となります。

### ③新商品開発と既存商品の強化
既存の人気商品をさらに強化するためのリニューアルや新商品開発も重要です。これにより、常に新しい魅力を消費者に提供し続けることができます。

## まとめ
現在の円安により、台湾人は日本を訪れて多くの商品を購入する機会が増えています。特に、日本の化粧品や美容製品はその高品質と独特の特徴から非常に人気があります。

「高品質、ユニークなデザイン、ブランドの信頼性、手頃な価格」が、台湾人にとって日本の商品を選ぶ理由です。これらの要因を活かし、今後のEC販売戦略を展開することで、より多くの消費者に日本の優れた商品を届けることができるでしょう。


S__7045160.jpg

円安の影響で台湾人の日本商品購入〜人気化粧品TOP5

# はじめに
近年、チームワークや情報共有の重要性が高まる中で、さまざまなツールやサービスが活用されています。その中でも、GoogleスプレッドシートとGoogle Chatは、多くの企業や組織で利用されている定番ツールです。
この記事では、Google Apps Scriptを使用して、Google スプレッドシートで特定の操作が行われた際にGoogle Chatへ自動で通知を送る方法について、その**手順**と**応用例**を紹介します。

### 手順概要
1. Google Chat Webhook URLの取得
2. Google Apps Scriptの作成
3. Google Apps Scriptのトリガー設定
4. Google Chatへの通知送信の確認

#### 1. Google Chat Webhook URLの取得
最初に、Google Chatに通知を送信するためのWebhook URLを取得します。

1. Google Chatを開き、通知を送りたいチャットルームを選択します。
2. チャットルーム名をクリックし、「アプリと統合」を選択します。
3. 「+Webhookを追加」をクリックし、名前を入力して「保存」をクリックします。
4. 表示されたWebhook URLをコピーします。このURLは後でスクリプト(手順2)に使用します。

 ![](https://cont.sterfield.co.jp/uploads/webhook_f7e4ed54ef.png) 

**補足**

・Webhook URLは、Chatルームごとに個別に発行されます。

・複数のWebhook URLを作成し、異なるChatルームへ通知することも可能です。


#### 2. Google Apps Scriptの作成
次に、Google スプレッドシートに関連付けるGoogle Apps Scriptを作成します。

1. 対象のGoogle スプレッドシートを用意して開きます。
2. メニューバーから「拡張機能」をクリックし、「Apps Script」を選択します。
3. スクリプトエディタが開きます。新しいプロジェクトが作成され、デフォルトのコードエディタが表示されます。
4. 以下のコードをエディタに貼り付け、Webhook URLを先ほどコピーしたURLに置き換えます。

 ![](https://cont.sterfield.co.jp/uploads/script_4be5865e34.png) 

```
function sendToGoogleChat(message) {
  var url = "YOUR_WEBHOOK_URL";  // ここをWebhook URLに置き換えます

  var payload = JSON.stringify({ "text": message });
  
  var options = {
    "method": "POST",
    "contentType": "application/json",
    "payload": payload
  };

  UrlFetchApp.fetch(url, options);
}

function notifyOnEdit(e) {
  var sheet = e.source.getActiveSheet();
  var range = e.range;
  var editedValue = range.getValue();
  var message = "Cell " + range.getA1Notation() + " was edited. New value: " + editedValue;
  
  sendToGoogleChat(message);
}
```
このスクリプトは、スプレッドシートのセルが編集された際に、その情報をGoogle Chatに送信します。

**ポイント**

・YOUR_WEBHOOK_URL を、1で取得したWebhook URLに置き換えてください。

・必要に応じて、messageの内容を編集してください。


#### 3. Google Apps Scriptのトリガー設定
1. スクリプトを保存し、トリガーを設定してスクリプトが自動的に実行されるようにします。
2. スクリプトエディタの時計アイコン（「トリガー」）をクリックします。
3. 「トリガーを追加」をクリックし、「notifyOnEdit」を選択します。
4. イベントの種類を「スプレッドシートから」に設定し、「編集時」を選択します。
5. 保存してトリガーを有効にします。(認証ダイアログが出てくる場合は、認証を行います。)

 ![](https://cont.sterfield.co.jp/uploads/trigger_7bf337dbff.png) 

#### 4. Google Chatへの通知送信の確認
設定が完了したら、実際にGoogle スプレッドシートでセルを編集してみてください。編集が行われると、指定したチャットルームに通知が送信されるはずです。

 ![](https://cont.sterfield.co.jp/uploads/spreadsheet_ba705a00a8.png) 

 ![](https://cont.sterfield.co.jp/uploads/chat_05129bfbf6.png) 


### 応用例
#### 応用例1: 特定のシートやセル範囲でのみ通知を送る
特定のシートやセル範囲に変更があった場合のみ通知を送るようにスクリプトをカスタマイズできます。

```
function notifyOnEdit(e) {
  var sheet = e.source.getActiveSheet();
  
  // シート名が「Sheet1」でない場合は通知を送らない
  if (sheet.getName() != "Sheet1") {
    return;
  }

  var range = e.range;
  var editedValue = range.getValue();
  var message = "Cell " + range.getA1Notation() + " was edited. New value: " + editedValue;
  
  sendToGoogleChat(message);
}
```
これにより、「Sheet1」でのみ変更があった場合に通知が送られます。


#### 応用例2: 通知内容の詳細化
通知内容を詳細にカスタマイズすることも可能です。例えば、変更があったセルの前の値と新しい値の両方を通知に含めることができます。

```
function notifyOnEdit(e) {
  var sheet = e.source.getActiveSheet();
  var range = e.range;
  var oldValue = e.oldValue;  // 前の値
  var editedValue = range.getValue();  // 新しい値
  var message = "Cell " + range.getA1Notation() + " was edited. Old value: " + oldValue + ", New value: " + editedValue;
  
  sendToGoogleChat(message);
}
```
これにより、編集前と編集後の値を通知に含めることができます。


# まとめ
Google Apps ScriptとWebhookを使って、スプレッドシートの操作をGoogle Chatへ自動通知する方法をご紹介しました。これにより、チームメンバーは**リアルタイムで情報共有**でき、**タスク管理**や作業のトラッキングが**効率化**されます。ぜひ、活用してチームワークを強化してください。

eyecatch.png

Googleスプレッドシートでの操作をGoogleChatに通知する方法

## はじめに
私の仕事のモチベーションの一つに、「越境ECをもっと広めたい、海外進出の一つの手段として認知度を上げたい」というものがありました。
（私の認識では）その一環として、「漫画でわかる 越境EC」という小冊子を作って配ったりもしていました。

 ![](https://cont.sterfield.co.jp/uploads/02_f3bd6c63f9.jpg) 

この絵柄をみてピンとくる方も多いかと思いますが、漫画家 佐藤秀峰さんの『ブラックジャックによろしく』という作品です。

この作品は佐藤さんが、[二次利用を無料で許可](https://densho810.com/free/)しています。商用も可でして、たまに広告なんかで、この漫画の一コマが使われていたりします。

こんな感じで、印象的なコマを使って登場人物に商品名を叫ばしたりしています。
 ![](https://cont.sterfield.co.jp/uploads/news_node1041_2_81e7356412.webp) 

私はコマ単位での活用ではなく、漫画数話分の登場人物のセリフをすべて改変して、越境ECについて物語らせるという手法を取りました。

私はこれを2018年くらいに一人で思いついて勝手にやったのですが、当時同じようなこと（漫画のストーリーをフルに使って改変する）をしている例はあまりなかったのですが、さっき調べたら三菱ＵＦＪが新NISAの情報提供として下記のようなかんじで行っていました。

 ![](https://cont.sterfield.co.jp/uploads/2024_06_21_15_14_32_afdd776f17.png) 
[【情報提供資料】マンガで学ぶ『新しいNISAによろしく』
](https://www.bk.mufg.jp/tameru/nisa/news/20231130_nisaniyoroshiku/index.html)

正直なところ、**私の越境ECパロディ漫画のほうがクオリティが高い**と思います（もともとの原作をパクっておいて、クオリティを論じるのも変な話ですが）。
三菱ＵＦＪは広告代理店にいくら払ったかわかりませんが、私なら30万円で制作を請け負いましょう。

それはともかく、2018年頃に作っていてその後HPのリニューアルなどでデータが散逸していた**伝説の越境ECパロディ漫画**（煽るなぁ）をあらためて公開します。

## ここです

[第一話](https://sterfield.co.jp/blog/blackJack1/)
[第二話](https://sterfield.co.jp/blog/blackJack2/)
[第三話](https://sterfield.co.jp/blog/blackJack3/)
[第四話](https://sterfield.co.jp/blog/blackJack4/)
[第五話](https://sterfield.co.jp/blog/blackJack5/)
リンクを貼っただけですが。

おまけですが、新卒採用を行っていたときに説明会で下記の内容の冊子を配っていたこともあります。
[【こんな就活生はイヤだ！】新卒採用担当者によろしく
](https://sterfield.co.jp/blog/13645/?fbclid=IwZXh0bgNhZW0CMTEAAR3iVYxzUYBJfW_NrJ5bcb5fuhl3kB-GCqpHfszbR2PPV4Ix2EJK3BGn8zI_aem_ZmFrZWR1bW15MTZieXRlcw)


## 最後に
私は仕事関係の自分のアイコンを下記のものにしています。
 ![](https://cont.sterfield.co.jp/uploads/2024_06_21_15_25_39_3e49d25ddb.png) 

「なんで？誰？」とよく言われるのですが、この漫画を読んでいただければ理由は分かるかと思います。




スクリーンショット 2024-06-21 14.36.55.png

【0】漫画でわかる越境EC！越境EC担当者によろしく！


### はじめに

近年、オンラインショッピングの普及に伴い、返品率が急増しています。消費者の利便性が高まる一方で、小売業者には莫大なコストをもたらし、環境にも深刻な影響を与えているのです。ある報告書によると、オンラインショッピングの返品は、小売業者に数十億ドルの費用をかけるだけでなく、大気中に大量の二酸化炭素を放出し、大量の廃棄物を埋立地に投棄しているといいます。

### 返品の経済的コスト

[CleanHub](https://www.cleanhub.com/)（ブランドが環境にポジティブな影響を与えるためのソリューションを提供するドイツの企業）の[報告](https://blog.cleanhub.com/ecommerce-returns-environmental-impact#eight)によれば、2022年にはオンライン小売業者が返品により8160億ドルのコストを負担しました。これは、オンラインで購入された商品の最大30％が返品されているためであり、実店舗での返品率の3倍に相当します。この結果、年間で2400万トンの二酸化炭素が排出されています。

それほどの影響を生んだ原因は、返品された商品は再販されることが少なく、再販よりも廃棄する方が安価であることが多いためでしょう。2022年には95億ポンドの返品商品が埋立地に送られたとのことです。実店舗での購入とは異なり、ネットショッピングでは購入の際に製品を実際に手に取って確認することができないため、サイズの不一致や品質、見た目などが期待通りでないということが生じやすいのは当然です。しかしだからといって、この状況を無視するわけにはいかないでしょう。

### 返品の管理

アメリカに拠点を置く500以上の小売業者を対象とした最近の調査によると、49％の小売業者が返品を深刻な問題と見なしており、特にホリデーシーズン中にはその傾向が強まります。返品管理企業goTRGのCEOセンダー・シャミス氏は、「オンラインショッピングの増加と返品ポリシーの容易さがこの傾向に貢献している」と述べています。返品の管理には多くのコストがかかり、商品をきれいな状態で再販するためには高度なインフラが必要です。そのため多くの小売業者は、返品商品を再販するのではなく、大幅に値下げしてリクイデーターに売却するか、廃棄してしまうことが多いのです。「返品商品が埋立地に送られるのを防ぐには、小売業者が循環型経済の参加者になるしかありません」。

### 環境への影響

CleanHubの報告書によると、オンラインショッピングは実店舗よりも4.8倍多くの包装廃棄物を生み出します。返品された商品はしばしば再包装され、再販の準備がされますが、全プラスチック包装廃棄物のうち91％が、最終的には埋立地行きになるか、環境を汚染することになります。

特にファッション業界では返品率が高く、衣類の返品率は平均で32％に達します。多くの顧客が衣類を試着したり、1回着用してから返品するため、再販が困難になり、結果的に多くが埋立地に送られます。

### 返品管理への投資

返品問題に対処するため、多くの小売業者が返品プロセスの強化に投資しています。過去1年間で75％の企業が返品管理に100万ドルから500万ドルを投資しており、返品率の低減や効率的な返品管理を目指しています。これにより、2022年には8160億ドルだった返品問題が2023年には7430億ドルに減少しました。

シャミス氏は、「小売業者は『keep it（返品無し返金）』、優良顧客、一部の払い戻し、即時交換、即時クレジット、追加のドロップオフオプションなどの機能を備えた動的な返品ソフトウェアを通じて革新的な返品戦略を展開するようになってきている」と述べています。このような取り組みにより、顧客満足度を向上させつつ、売上を確保することができます。

### まとめ

オンラインショッピングの返品は経済的コストや環境への負担が大きい問題です。しかし、効果的な返品管理とサーキュラーエコノミーへの参加により、この問題は解決できる可能性があります。

以前フランス郵便局が荷物を受けったらその場で試着～返品を可能とする試みを[紹介](https://sterfield.co.jp/blog/postoffice-fitting/)しましたが、環境負荷の低い返品や再販を小売業者やブランドも独自に導入していかなければならない段階に来ていると言えます。
小売業者が革新的な返品戦略を導入し、持続可能なショッピング環境を提供することで、返品による環境への影響を最小限に抑えることが求められているのです。

また消費者自身も、オンラインショッピングの便利さを享受する一方で、その裏にある問題にも目を向けることが重要なのではないでしょうか。

##### 参考
https://www.ecommercetimes.com/story/e-commerce-returns-billion-dollar-burden-on-business-and-the-planet-177950.html


Firefly 大量の色々な服の山に全身が埋もれていて顔が見えない猫 60681.jpg

ネットショッピングの返品とそれが与える環境への影響とは？

## はじめに

デジタル時代において、ノートアプリはアイデアの整理や情報の保存、タスクの管理などに欠かせないツールです。この記事では、15年以上使用していたEvernoteからアップルのメモアプリに切り替えた理由と、その利点について詳しく説明します。また、両者の比較を通じて、どのようにして最適なノートアプリを選ぶべきかを考察します。

## アップルのメモアプリとは
 ![](https://cont.sterfield.co.jp/uploads/2024_06_14_10_20_55_90bf9d982b.png) 

アップルのメモアプリは、Appleが提供するシンプルで使い勝手の良いノートアプリです。iOS、iPadOS、macOSのデバイスにプリインストールされており、iCloudと連携してデバイス間でメモを同期することができます。無料で利用できるこのアプリは、個人やビジネスでの日々のメモ管理に最適なツールです。以下に、アップルのメモアプリの主な機能を紹介します。

#### シンプルなインターフェース
アップルのメモアプリの最大の特徴の一つは、そのシンプルで直感的なインターフェースです。無駄な機能が少なく、必要な機能にすぐアクセスできるよう設計されています。これにより、新しいユーザーでも短時間で操作に慣れることができます。

#### iCloud同期
iCloudを利用することで、全てのAppleデバイス間でノートをシームレスに同期できます。例えば、iPhoneで作成したメモをすぐにMacで編集したり、iPadで続きを書いたりすることが可能です。この同期機能により、どのデバイスからでも最新のメモにアクセスできる利便性が提供されます。

#### フォルダ管理
ノートをフォルダに整理できる機能は、情報を体系的に管理するのに役立ちます。フォルダごとにテーマやプロジェクトごとにノートを分けることで、必要な情報を素早く見つけることができます。

#### 検索機能
メモアプリには強力な検索機能が搭載されており、キーワードを入力するだけで関連するノートを瞬時に見つけ出すことができます。これにより、大量のメモの中から特定の情報を探し出す手間が省けます。

#### 画像やファイルの添付
メモにはテキストだけでなく、画像やPDFファイルを添付することもできます。これにより、視覚的な情報や重要なドキュメントをメモと一緒に保存することができます。

#### 手書き入力
Apple Pencilを使用して手書きのメモを取ったり、スケッチを追加したりすることが可能です。この機能は、クリエイティブなアイデアを視覚的に表現したい場合に非常に便利です。

#### チェックリストの作成
タスクリストやチェックリストを簡単に作成できるため、日々のタスク管理にも役立ちます。チェックボックスを利用して、完了したタスクをマークすることができます。


## Evernoteからアップルのメモアプリに変えてよかった点
Evernoteは長年にわたり多くのユーザーに愛用されてきたノートアプリですが、アップルのメモアプリに切り替えることで得られる利点も多々あります。ここでは、具体的な例を挙げてそのメリットを説明します。

#### シンプルなインターフェース
Evernoteは多機能である一方、時としてその複雑さが操作性に影響を与えることがあります。アップルのメモアプリはシンプルで直感的なデザインになっており、ユーザーが余計な手間をかけずに使いこなせます。特に、メモを素早く取る必要がある場合や、簡単なメモを管理するには理想的なツールです。

#### コスト面の利便性
Evernoteの有料プランは高機能である一方、月額または年額の料金がかかります。一方、アップルのメモアプリは無料で利用でき、基本的なメモ機能は全てカバーされています。コストを抑えたいユーザーにとって、これは大きなメリットです。

#### Evernoteの料金プラン
Evernoteの料金プランは以下の通りです：

###### 無料プラン:
基本機能が利用可能で、同期は2台のデバイスまでに制限されています。月間アップロード容量は60MBです。

###### Evernote Personal:
月額約7.99ドル、年額約69.99ドル。
無制限のデバイス同期、月間10GBのアップロード容量、オフラインノート、メールによるメモの保存、カスタムテンプレートなどの追加機能があります。

###### Evernote Professional:
月額約9.99ドル、年額約89.99ドル。
月間20GBのアップロード容量、タスクのリマインダー、カレンダー統合、検索機能の強化など、さらに高度な機能が提供されます。

###### Evernote Teams:
チーム向けプランで、1ユーザーあたり月額約14.99ドルから。
チーム全員のノートの共有やコラボレーションが可能で、ビジネス向けの管理機能があります。



#### パスワードロック機能
アップルのメモアプリには、メモにパスワードロックを掛ける機能があります。これが非常に便利である理由を3つ挙げます：

###### セキュリティの向上:
プライベートな情報や重要なデータを他人から守ることができます。パスワード、金融情報、個人的なメモなど、機密性の高い情報を安全に保管できます。

###### 生体認証との連携:
Touch IDやFace IDと連携してパスワードロックを解除できるため、迅速かつ安全にアクセスできます。セキュリティを維持しつつ、簡単に利用できる利便性があります。

###### 個別ロック設定:
必要に応じて特定のメモにだけパスワードロックを設定できるため、全てのメモを一括でロックする必要がありません。重要なメモだけを選んで保護できる柔軟性が提供されます。



#### 統合されたAppleエコシステム
アップルのメモアプリは、他のApple製品やアプリとスムーズに連携します。例えば、Safariで見つけた情報を簡単にメモに保存したり、Siriを使って音声でメモを作成したりできます。また、メモにリンクや画像、PDFファイルを簡単に添付することもできます。これにより、日常の作業効率が大幅に向上します。


## まとめ
アップルのメモアプリに切り替えることで得られる多くの利点について説明しました。シンプルなインターフェース、iCloud同期、パスワードロック機能、Appleエコシステムとの連携、オフラインアクセスなど、数多くの便利な機能が提供されています。これらの機能は、日常のメモ管理をより効率的で快適なものにしてくれます。

Evernoteも非常に優れたノートアプリですが、個々のニーズや予算に応じて最適なアプリを選ぶことが重要です。アップルのメモアプリは、特にApple製品を多く使用しているユーザーにとって理想的な選択肢となるでしょう。この記事が、あなたのノートアプリ選びに役立つことを願っています。

※この記事はChat GPT、写真ジェネレーターアプリCanvaを使って執筆しました

スクリーンショット 2024-06-14 9.48.41.png

15年の使用を経て：Evernoteからアップルのメモアプリに乗り換えた理由

## はじめに

Looker Studio は、様々なデータソースからデータを収集し、使いやすいダッシュボードを作成できるツールです。今回は、Looker Studio で Jest で出力されたテストカバレッジを可視化する方法を紹介します。本記事は、 Jest を用いてテストコードを作成し、カバレッジレポートの生成経験をお持ちの方向けです。

## Jest のカバレッジレポートを CSV 形式に変換する

jest コマンドを使用して、テストを実行しカバレッジレポートを生成します。

```
$ npx jest --coverage --coverageReporters=json-summary --collectCoverageFrom="src/**/*.js"
 PASS  src/sum.test.js
  ✓ adds 1 + 2 to equal 3 (2 ms)

Test Suites: 1 passed, 1 total
Tests:       1 passed, 1 total
Snapshots:   0 total
Time:        0.653 s
Ran all test suites.

$ npx -y jest-coverage-to-csv coverage/coverage-summary.json
Conversion to CSV success!
```

- jest コマンドに `--collectCoverageFrom="src/**/*.js"` オプションをつけてテストコードが存在しないソースコードもカバレッジに含まれるようにします。このようにすることでソースコード全体のカバレッジが確認できるようになります
- BigQueryに取り込むためにCSV形式のデータが必要です。 jest のカバレッジレポートの出力形式はいくつかありますが、CSV形式はサポートされていません。そのため、jest コマンドに `--coverageReporters=json-summary` をつけて一旦json形式で出力後、 [jest-coverage-to-csv](https://www.npmjs.com/package/jest-coverage-to-csv) を使ってCSV形式に変換します

生成された coverage/coverage-summary.csv ファイルは、後で使用するために保存しておきます。

今回は日毎のカバレッジの推移を確認したいので下記の内容の2日分のファイルを日付付きのファイル名にリネームして保存したとして進めます。

```
coverage/coverage-summary_2024-06-12.csv
coverage/coverage-summary_2024-06-13.csv
```

### 6/12時点のテストカバレッジ
```
----------|---------|----------|---------|---------|-------------------
File      | % Stmts | % Branch | % Funcs | % Lines | Uncovered Line #s 
----------|---------|----------|---------|---------|-------------------
All files |      50 |      100 |      50 |      50 |                   
 sub.js   |       0 |      100 |       0 |       0 | 2-4               
 sum.js   |     100 |      100 |     100 |     100 |                   
----------|---------|----------|---------|---------|-------------------
Test Suites: 1 passed, 1 total
Tests:       1 passed, 1 total
Snapshots:   0 total
Time:        0.362 s, estimated 1 s
```

### 6/13時点のテストカバレッジ
```
----------|---------|----------|---------|---------|-------------------
File      | % Stmts | % Branch | % Funcs | % Lines | Uncovered Line #s 
----------|---------|----------|---------|---------|-------------------
All files |     100 |      100 |     100 |     100 |                   
 sub.js   |     100 |      100 |     100 |     100 |                   
 sum.js   |     100 |      100 |     100 |     100 |                   
----------|---------|----------|---------|---------|-------------------

Test Suites: 2 passed, 2 total
Tests:       2 passed, 2 total
Snapshots:   0 total
Time:        0.633 s, estimated 1 s
```

## CSVファイルをBigQueryに取り込む

gcloud CLI に含まれている BigQuery 用のコマンドラインツールである bq コマンドを使用して、先ほど保存した CSV ファイルを BigQuery のテーブルとして取り込みます。

```
$ bq load --source_format CSV --skip_leading_rows 1 --replace=true coverage_sample.report_2024-06-12 ./coverage/coverage-summary_2024-06-12.csv filename:STRING,statements_ratio:FLOAT,statements_detail:STRING,branches_ratio:FLOAT,branches_detail:STRING,functions_ratio:FLOAT,functions_detail:STRING,lines_ratio:FLOAT,lines_detail:STRING
Upload complete.
Waiting on bqjob_rc3c57bf6bd57867_000001900f7f57cc_1 ... (0s) Current status: DONE   

$ bq load --source_format CSV --skip_leading_rows 1 --replace=true coverage_sample.report_2024-06-13 ./coverage/coverage-summary_2024-06-13.csv filename:STRING,statements_ratio:FLOAT,statements_detail:STRING,branches_ratio:FLOAT,branches_detail:STRING,functions_ratio:FLOAT,functions_detail:STRING,lines_ratio:FLOAT,lines_detail:STRING
Upload complete.
Waiting on bqjob_r7ca5c1fd8e62ebaf_000001900f7f98e3_1 ... (0s) Current status: DONE
```

- あらかじめ gcloud コマンドで BigQuery にデータを書き込める権限があるアカウントでログインしている必要があります
- 取り込み先のデータセット、今回の例では `coverage_sample.report_2024-06-12` の.より前の部分は、あらかじめ作成しておく必要があります
- CSVのヘッダーのカラム名にスペースが含まれているため、スキーマの自動認識機能は使用せず、bq コマンドのオプションとして指定します(`statements_ratio:FLOAT,statements_detail:STRING,branches_ratio:FLOAT,branches_detail:STRING,functions_ratio:FLOAT,functions_detail:STRING,lines_ratio:FLOAT,lines_detail:STRING`)

処理が完了してDONEと表示されたら、BigQuery コンソールでテーブルが確認できます。

## BigQuery コンソール上でワイルドカードテーブルを使った View を作成する
BigQuery のコンソールにアクセスすると先程取り込んだ2つのテーブルにテストカバレッジ情報が取り込まれていることが確認できます。

![2つのテーブルの内容](https://cont.sterfield.co.jp/uploads/bigquery_query_5816821a21.png)

下記の SQL をコンソール上で実行して2つのテーブルをまとめた View を作成します。

```
CREATE VIEW
  `coverage_sample.view_report` AS (
  SELECT
    _TABLE_SUFFIX AS date,
    *
  FROM
    `coverage_sample.report_*`)
```

- From 句に*を指定するワイルドカードテーブル機能を使うことで複数のテーブルを1つの View にまとめられます
- このままだとどの日付のデータなのかが区別つかなくなるので、_TABLE_SUFFIX 疑似列を使ったカラムを追加します。_TABLE_SUFFIX にはワイルドカードにマッチした文字列、ここでは`2024-06-12`と`2024-06-13`が入ります。このように設定しておくことで後日、`2024-06-14`のデータが追加されても自動で View に追記することができます

![Viewの内容](https://cont.sterfield.co.jp/uploads/bigquery_view_19da905daa.png) 

## Looker Studio でグラフや表を作成する

https://lookerstudio.google.com/reporting
にアクセスして新しいレポートを作成します。

データに接続タブで BigQuery を選択して先程のデータセットの View を選択します。

![データの追加](https://cont.sterfield.co.jp/uploads/looker_studio_add_data_d89a3303a4.png) 

空のダッシュボードが作成されるので、右側のグラフ→設定タブで

```
ディメンション：date
指標：statements_ratio
並べ替え：dateで昇順
フィルター：All Files
```

と選択すると、日毎のステートメントカバレッジの%の表が作成されます。
次に表をコピーしてグラフを作成します。選択した状態で右側のグラフのプルダウンで表やグラフの種類の変更ができます。今回は折れ線グラフを選択してみます。

下記のような表とグラフでテストカバレッジの日毎の推移を確認できるダッシュボードが作成できました。

![ダッシュボード](https://cont.sterfield.co.jp/uploads/dashbord_20d6eb363f.png) 

## まとめ

Jest のカバレッジレポートを集計可能な形式に変換するところが苦労しましたが、 BigQuery に取り込むことができれば表やグラフで可視化することが簡単にできることがわかりました。

今回の記事では説明できませんでしたが、カバレッジレポートを取得して BigQuery に取り込むところまでを GitHub Actions で実行するようにすれば、自動で新しい日毎のデータが取り込めるようになります。常に最新のカバレッジを確認できる状態を維持することで、チームメンバーのテストコードを書く意識が高まると思います。

みなさまのプロジェクトでも是非活用してみてください。

## 参考リンク

- https://tech.tabechoku.com/?page=1657164600
- https://www.npmjs.com/package/jest-coverage-to-csv
- https://cloud.google.com/bigquery/docs/querying-wildcard-tables?hl=ja
- https://cloud.google.com/bigquery/docs/bi-engine-looker-studio?hl=ja


Looker-Studio-Logo-1-894x400.webp

Looker Studioでテストカバレッジを可視化する

## はじめに
台湾のペット市場は盛況です。大規模なペット用品の展示会が行われている台湾では、どのくらいのペットが飼われていて、市場規模がどのくらいなのか調べてみました。

## ペットの飼育数
　時勢公司のデータによると、2021年における台湾の犬と猫の飼育数は295万頭を超えていました。15歳以下の人口が283万人だったので、子供の数よりも犬猫ペットの方が多い状況となっています。

 ![](https://cont.sterfield.co.jp/uploads/_3be41450b4.jpg) 


行政院農業委員会の情報によると、犬と猫の飼育数(2017年)は以下のようでした。

#### 	犬：	177.7万頭
####	猫：	73.3万頭

日本では猫の飼育数の方が多いですが、台湾では犬の方が人気のようです。

情報技術研究所MICが行った調査によると、台湾のネットユーザーが飼育しているペットの種類は、下表の通りでした。犬や猫が人気なことはもちろん、魚も人気のようです。

 ![](https://cont.sterfield.co.jp/uploads/_90b32328b8.png) 


## 出生率の低さがペット飼育数を押し上げる
　台湾の出生率は世界で最も低いと推計されています。

##### 	出生率：	1.08(2022年推計)

台湾も日本と同様に共働きが多い特徴があります。子供を求めずに、人間の子供と比べてお金もかからずに癒しを与えてくれるペットを、家族として迎える人が増えているようです。
猫や犬等のペットの総称として「毛小孩」（毛の生えた子供）という言葉が有るくらいです。先日のブログで、ペットは英語でFur baby（毛むくじゃらの赤ちゃん）と表現されることがあると紹介しましたが、台湾も同じような表現を持っていました。


## 市場規模
中華民国内政部、動物保護資訊網、富果研究部が整理したデータによると、2021年の台湾のペット市場の経済効果は、、、

##### 	経済効果：	590億元

現在の為替レートで換算すると、約2,800億円に上ります。

 ![](https://cont.sterfield.co.jp/uploads/message_Image_1642646357545_2_e1642649183616_93e29df1df.jpg) 


上記データを見る限り、コロナ渦となった2019年に一気に市場規模が拡大し、以降増加傾向があります。


## まとめ
　少子化が進んでいる台湾では、ペット市場の拡大が続いています。現在は犬が一番人気になっていますが、将来的には日本と同じように猫の人気が犬を超えてくるかもしれません。ライフスタイルの変化に応じて飼育するペットも変化していく様子を要ウォッチです。
台湾ではペット用品関連の展示会も多々あります。市場開拓の一手として、是非リサーチしてみてください。



### （参考）
ORO, コロナ禍の台湾、ペットの数が15歳以下の児童数を上回り500億元ビジネスに, 
https://www.oro.com/global/market/template?id=1646 , (参照 2024-6-9)

TAIWAN LABO, 商機にあふれている台湾のペット市場, https://taiwanlabo.com/lifestyle/pet/ , (参照 2024-6-9)

遠見, 台湾新生児史上最低! なぜ世界の出生率の低い上位5カ国では若者が子供を産まないのか?
https://www.gvm.com.tw/article/98605#:~:text=%E7%AE%87%E4%B8%AD%E5%8E%9F%E5%9B%A0%E9%99%A4%E4%BA%86%E5%A4%A7%E5%AE%B6,%E4%BA%BA%EF%BC%8C%E4%BA%BA%E5%8F%A3%E6%8C%81%E7%BA%8C%E8%B2%A0%E6%88%90%E9%95%B7%E3%80%82 , (参照 2024-6-9)

Be Young and Beyond, 數據圖表拆解毛小孩商機！養貓人數居然輸給牠、寵物用品市佔第一電商是哪家？, 
https://www.bnext.com.tw/article/59088/pet-market-2020 , (参照 2024-6-9)




ペット eye catch.png

台湾のペット事情について調べてみた

article18-1.jpg

Shopee Japanが発表！【日本越境セラーが販売する人気商品リスト】 (2024年6月発行)

## はじめに
2024年に家族でドバイ旅行に行ってきました。
妻、長女（7歳）、次女（6歳）という構成で一週間の旅でした。
大きくない街なので、見るべき場所はそれほど多くなかったのですが、「小学校低学年の子供が喜ぶ場所」で一週間の予定を立てるのがなかなか苦労したので、どんなスケジュールで動いたか共有します。


## 1日目
早朝にドバイ空港着。
こちらのブログで書いているように、空港の免税店でお酒を買い込みました。
ホテルのチェックインは15時からだったのですが、荷物だけ置こうと思い、空港からタクシーで向かうことに。タクシーはたくさん泊まっているのでスムーズに乗れるのですが、油断すると白タクのドライバーが誘ってくるので注意が必要です。空港の目の前のタクシーレーンのすぐ近くに、白タクが溜まっていました。
ホテルに着いたのが10時くらいでしたが、運良く部屋に通してくれたので、そこでちょっと休憩しつつ、子供たちは早速ホテルのプールでひと泳ぎしました。
ドバイはほとんどのホテルにプールがあるとは思いますが、子連れ旅の場合はホテルのプールをフル活用するのはオススメです。
 ![](https://cont.sterfield.co.jp/uploads/IMG_1954_2_6ebd4f91f1.JPG) 

昼食はホテルの近くのカフェで食べました。
じつはラマダン中だったのですが、外国人は関係なく食事ができました。むしろ空いていたので快適でした。
 ![](https://cont.sterfield.co.jp/uploads/IMG_1979_a68431e85c.JPG) 

午後は、オールドドバイと呼ばれる地域にタクシーで移動。
古い街並みが残っている場所とのことでしたが、古い建物が現存されているというかは、人工的に作り直しているようでした。
建物の中に入っているのはお土産物屋さんばかり。

人工的な街並み以外にも、本当に古くからあるようなゴールド・スークや、スパイス・スークなどもあり、どちらかと言うとこちらの方が見ごたえがありました。
 ![](https://cont.sterfield.co.jp/uploads/IMG_1976_2_22a8841453.JPG) 

夜はローカルのレストランで食事。


## 2日目
初日に古いドバイを観光したので、2日目は最新のドバイをと思い、現在のドバイの中心地に行きました。

ドバイモールというとにかく大きいショッピングモール。
ショッピングモールのなかに水族館があります。
日本企業では無印良品やDAISOが入っていました。

ドバイモールのすぐ隣りにそびえ立っているブルジュ・ハリファにも行きました。世界一高いタワーということで、「気は進まないがせっかくなら登るか」というモチベーションでした。
…まぁ必ずしも登らなくても良いかなと思います。
4人で4万円弱しましたし、そんなに高いのにめちゃくちゃエレベーターで待ちますし。早く登りたければ、さらにファストパス的なものを買わなくちゃいけないですし。
 ![](https://cont.sterfield.co.jp/uploads/IMG_2007_3_14e8e60437.JPG) 

頂上から見た景色は、ドバイの開発された近代的なところと、まだ開発が及んでいない砂漠とのコントラストが一望できて、感慨深いといえば深い感じでした（煮えきらない感情）。
 ![](https://cont.sterfield.co.jp/uploads/IMG_2021_9dc18ed635.JPG) 

夜ご飯は、ドバイモールの隣の施設にあるカフェテリアタイプのレストランへ。いろんなお店で注文でき、空いている席で食べられます。お酒も置いていますが、高いので飲みませんでした。

夜になると、タワーとタワーの前の噴水が、音楽と光が入り乱れたショータイムに。
私はこれを見ながらなぜか日本の打ち上げ花火を思い出したのですが、日本の花火大会のように起承転結のような構成があるわけではなく、5〜10分ほどのんべんだらりと同じような光のイリュージョンが展開されているだけのように感じました。これを見ても感動は決してしないというか。
 ![](https://cont.sterfield.co.jp/uploads/IMG_2047_4_53a1d3de0d.JPG) 


## まとめ
なんかすごくネガティブな感想ばかりになってしまいました。
また、思いの外、たくさん書きすぎてしまい2日目で力尽きました。
3日目以降のブログはまた後日書きます。そちらはどんどん盛り上げがっていくので乞うご期待。


IMG_1936.JPG

2024年！子連れドバイ旅で行くべき場所と実際の旅程

## はじめに
Eコマース（電子商取引）サイトは、近年のテクノロジーの進化とともに急速に発展しています。その中で、生成AI（人工知能）の活用が注目されています。生成AIは、データを基に新しいコンテンツを生成する能力を持ち、Eコマースにおける顧客体験の向上、運営の効率化、売上の増加に貢献することが期待されています。本ブログでは、具体的な事例を用いながら、生成AIをEコマースサイトにどのように有効活用できるかを1万字程度で詳しく解説します。

## 生成AIとは？
 ![](https://cont.sterfield.co.jp/uploads/Gemini_Generated_Image_9s6v209s6v209s6v_33e4d606d3.jpeg) 
生成AIとは、ニューラルネットワークを用いて新しいデータやコンテンツを生成する人工知能技術の一種です。この技術は、文章、画像、音声、動画など多岐にわたるコンテンツの生成に利用されます。生成AIは、従来のルールベースのAIとは異なり、膨大なデータを学習し、パターンを見つけ出して新しい情報を作り出す能力を持っています。

## Eコマースにおける生成AIのメリット
生成AIをEコマースサイトに活用することで得られるメリットは多岐にわたります。以下に主要なメリットを挙げます。

### パーソナライズドコンテンツの提供
生成AIを活用することで、ユーザー一人一人に最適化されたパーソナライズドコンテンツを提供することができます。例えば、ユーザーの過去の購買履歴や閲覧履歴を基に、おすすめの商品や関連するコンテンツを自動生成することが可能です。これにより、ユーザーは自分に合った情報を迅速に得ることができ、購買意欲を高めることができます。

### 自動商品説明の生成
商品の説明文を自動生成することも生成AIの大きな利点です。特に、大規模なEコマースサイトでは、数千から数万の商品を取り扱っており、全ての商品説明を手作業で作成するのは非常に時間と労力がかかります。生成AIを用いることで、高品質で一貫性のある商品説明を迅速に生成することができます。

### 効率的なカスタマーサポート
生成AIは、カスタマーサポートの効率化にも寄与します。チャットボットを用いて、24時間対応の顧客サポートを提供することができます。生成AIを活用することで、より自然な会話が可能となり、顧客満足度を向上させることができます。

## 生成AI導入のステップ
 ![](https://cont.sterfield.co.jp/uploads/Gemini_Generated_Image_9s6v1y9s6v1y9s6v_d127933595.jpeg) 
生成AIをEコマースサイトに導入するためのステップを以下に示します。

### ニーズの特定
まずは、自社のEコマースサイトにおいて生成AIをどのように活用したいのか、そのニーズを明確にします。パーソナライズドレコメンデーション、商品説明の自動生成、カスタマーサポートの効率化など、具体的な目的を設定することが重要です。

### データの収集と整備
生成AIを効果的に活用するためには、高品質なデータの収集と整備が不可欠です。ユーザーの購買履歴、閲覧履歴、商品情報など、生成AIが学習するためのデータを収集し、適切に整備することが求められます。

### AIモデルの選定とトレーニング
収集したデータを基に、適切なAIモデルを選定し、トレーニングを行います。ここでは、生成AIの専門知識が必要となるため、社内のデータサイエンティストや外部の専門家の協力を得ることが推奨されます。

### システムの統合
トレーニング済みのAIモデルをEコマースサイトのシステムに統合します。ここでは、サイトのフロントエンドおよびバックエンドのシステムと生成AIの連携をスムーズに行うための技術的な調整が必要です。

### テストと改善
導入後は、生成AIのパフォーマンスを定期的にテストし、必要に応じて改善を行います。ユーザーからのフィードバックを収集し、AIモデルの精度向上に役立てることが重要です。

##  生成AI活用の具体的事例ニュース
以下、Eコマースサイトにおける生成AI活用事例のニュースを10個ご紹介します。

- 【必読】コマースリーダー2700人の声を元にした5つのAI活用術 - Salesforce

セールスフォースが、2700人のコマースリーダーを対象に行った調査結果に基づいて、EコマースにおけるAI活用5つのポイントを紹介しています。
https://www.salesforce.com/news/stories/ai-agents/

- AIを活用したECサイトの実例 - Multifverse

商品レコメンデーション、チャットボット、需要予測など、EコマースサイトにおけるAIの具体的な活用例を紹介しています。
https://www.multifverse.com/

- ECサイトに生成AIを導入するメリット・デメリットを徹底解説！ - AI研究所

生成AIをECサイトに導入する際のメリットとデメリット、具体的な活用事例などを紹介しています。
https://ai-kenkyujo.com/news/ec-seiseiai/

- AIを活用してECサイトの運用を効率化する7つの機能とは？ - ebisumart

商品レコメンデーション、チャットボット、需要予測、画像生成など、ECサイトの運用を効率化するAI機能7つを紹介しています。
https://www.ebisumart.com/blog/ai/

- ECサイトにおけるAI（人工知能）活用方法とは？ - 株式会社いつも

顧客対応、商品レコメンデーション、需要予測など、ECサイトにおけるAIの具体的な活用方法を紹介しています。
https://itsumo365.co.jp/blog/post-20132/

- 【事例あり】ECサイトにおけるAI活用事例5選と導入効果とは？ - HubSpot

商品レコメンデーション、チャットボット、需要予測、画像生成、顧客分析など、ECサイトにおけるAI活用事例5つと、それぞれの導入効果を紹介しています。
https://ec-orange.jp/ec-media/?p=19454

- 【2023年版】eコマースにおけるAI活用事例10選と導入のメリット・デメリット | トランシーバー

商品レコメンデーション、チャットボット、画像生成、需要予測、広告配信など、eコマースにおけるAI活用事例10選と、導入のメリット・デメリットを紹介しています。
https://www.dsk-cloud.com/blog/gc/13-use-cases-of-ai-in-business

- 【2023年最新】ECサイトにおけるAI活用事例と導入効果とは？ | AI転用ラボ

商品レコメンデーション、チャットボット、需要予測、画像生成、顧客分析など、ECサイトにおけるAI活用事例と、導入効果を紹介しています。
https://ec-orange.jp/ec-media/?p=19454

- 【保存版】ECサイトにおけるAI活用事例12選と導入のメリット・デメリット | データ分析ツールの選び方 | ツールラボ

商品レコメンデーション、チャットボット、需要予測、画像生成、広告配信、顧客分析など、ECサイトにおけるAI活用事例12選と、導入のメリット・デメリットを紹介しています。
https://ec-orange.jp/ec-media/?p=19454

- 【2023年最新】ECサイトにおけるAI活用事例と導入効果とは？ | AI転用ラボ

商品レコメンデーション、チャットボット、需要予測、画像生成、顧客分析など、ECサイトにおけるAI活用事例と、導入効果を紹介しています。
https://dl.acm.org/doi/10.1145/3474085.3475624

これらの事例は、ほんの一例です。生成AIは、日々進化しており、今後さらに多くの活用事例が生まれていくことが期待されます。

## 生成AIの将来展望
 ![](https://cont.sterfield.co.jp/uploads/Gemini_Generated_Image_9s6v1x9s6v1x9s6v_4cf827d35d.jpeg) 
生成AIの技術は日々進化しており、今後さらに多くの分野での活用が期待されています。Eコマースにおいても、新たな技術の導入により、より高度なパーソナライズドコンテンツの提供や、効率的な運営が可能となるでしょう。

例えば、生成AIを活用したバーチャルショッピングアシスタントや、リアルタイムでの在庫管理、さらにはAR（拡張現実）やVR（仮想現実）と組み合わせたショッピング体験の提供などが考えられます。これにより、ユーザーはより豊かで便利なショッピング体験を享受できるようになるでしょう。

## まとめ
生成AIは、Eコマースサイトにおいて多大な可能性を秘めています。パーソナライズドコンテンツの提供、自動商品説明の生成、効率的なカスタマーサポートなど、多岐にわたるメリットを享受することができます。また、具体的な導入ステップを踏むことで、生成AIを効果的に活用し、ビジネスの成長を促進することが可能です。

今後も技術の進化に伴い、生成AIの活用範囲はますます広がることが予想されます。Eコマース業界において、生成AIをいかに効果的に取り入れるかが、競争力を維持し、さらなる成長を遂げる鍵となるでしょう。

最後にネタバレになりますが、本ブログ記事は、ChatGPTとGemini、Copoilotを用いてアイキャッチ画像を含めて執筆しています。


Gemini_Generated_Image_9s6v1z9s6v1z9s6v.jpeg

ECサイトにおける生成AIの活用事例2024

「WEBデザイントレンド　2024」　このようなキーワードで検索をすると、「2024年のWEBデザイントレンド●●選」  
などのよう記事が多く見受けられまます。これらの記事でトレンドであるテーマと実際のWEBサイトが紹介されています。  

また、記事をいくつか読んでいると、多くの記事で取り上げられるテーマがあることに気が付きます。私の主観になりますが、その観点から気になったWEBサイトをピックアップし、それぞれのトレンドについて考察してみました。  

## WEBクセシビリティ  

簡単にWEBアクセシビリティとは障害者差別解消法の一環として求められる対応で、障害の有無に関わらず全ての人が利用しやすい環境を目指すことが求められます。市役所などの公的機関については既に施行されていましたが、2024年4月よりその対象が拡大され、民間の事業者も対応が努力義務が求められるようになりました。  
  
我々WEB業界も例外ではなく、今後は「使いやすさ」と「美しさ」を追求したデザインが求められます。具体的に配慮すべき点についてはデジタル庁などでも紹介されていますのでご参照ください。  
  
デジタル庁　WEBアクセシビリティ導入ガイドブック  
https://www.gov-online.go.jp/useful/article/202310/2.html#c1
  
  

### 味の素株式会社  

 ![](https://cont.sterfield.co.jp/uploads/240531_img01_863d672458.png) 
https://www.ajinomoto.co.jp/  
  
キーカーラの赤をメインに白とのコントラストが効いた見やすいデザインです。記事のリンクなども大きめに作られており、分かりやすく使いやすい構成となっています。  
  
また、WEBアクセシビリティの観点から配慮すべきこととして指摘されている事について、「音声の自動再生をさせない」、「自動でコンテンツの切り替えを行わない」などが配慮が必要とされています。  
この点、動画やスライダーには分かりやすいミュートボタンや停止ボタンも設置されており、このような点もWEBアクセシビリティへの対応が伺えます。
  
  
### ANAホールディングス株式会社
 ![](https://cont.sterfield.co.jp/uploads/240531_img02_d93892d3e3.png) 
https://www.ana.co.jp/ja/jp/  
  
こちらも白とのコントラストが効いた見やすいデザインとなっております。また膨大なリンクもメニューアイコン内にまとめられており、整理された構造となっております。  
  
こちらでWEBアクセシビリティに配慮していると感じるところはボタンのテキストが「検索する」「●●を探す」など、動作を指す言葉を含めてボタンにしている点です。これは、視覚障害がある方はテキストの読み上げ機能を使ってWEBサイトを利用することから、必要な配慮が必要な点として上げられています。  
  
## Y2Kスタイル（デザイン）

Y2Kとはファッション業界から生まれた言葉で、 Year 2Kilo（1000）つまり、2000年のことを指します。90年代後半から2000年代初頭の流行の要素を取り入れた新たなレトロスタイルです。  
特長としては、明るく派手なネオンカラーや、メタリックカラーを多用としたデザインが多く見受けられます。また、当時はデジタルアートが広がり始めた頃でしたが今よりもマシン性能が劣るため、デジタルアート全般が粗目のドット絵で表現されてしまいます。しかしそれが現代の若者には新鮮に映るようで、このようなデジタルアートも特長の一つとされています。  
  
こういった要素を取り入れたWEBデザインもトレンドとなっているようです。  
  
### 株式会社スーパースーパー
 ![](https://cont.sterfield.co.jp/uploads/240531_img03_6295a51d89.png) 
https://supersuper.jp/  
  
アクセスすると大胆なアニメーションがあり、すぐに引き込まれます。  
カーソルに丸いアイコンが付いてきたり、しかもマウスを動かすと楕円形に変化したりなど細部もこだわっています。2000年代というと技術力の高さを競うように動的な仕掛け多く入れる風潮がありましたが、それを現代の環境で実践しているような印象を受けました。  
  
全体的にごちゃごちゃした印象ですが、マウスオーバーのアクションを大きくするなどの工夫があり使いやすさの対策もしっかりしています。
  
## Y3Kスタイル（SFデザイン）  

こちらは3000年という意味で、Y2Kを経て生まれたスタイルです。Y2Kはレトロなイメージに対して、Y3Kは未来志向です。つまり、サイバーやSFを彷彿とするデザインを指します。
WEBデザインで言えばメタバースやAIなどの影響を受けた近未来的なデザイン特長としては、3Dアニメーションを取り入れたデザインが多いです。  
  
技術力の高さという意味でY2Kと通じる点もありますが、Y2Kはどちらかというと、エネルギッシュな力強い印象を受けますが、Y3Kはスッキリしたスタイリッシュな印象を受けます。  
  
### SYNCRELY STUDIO  
 ![](https://cont.sterfield.co.jp/uploads/240531_img04_1256aaeb62.png) 
https://www.syncrely.com/   
  
メタリックな3Dアニメーションが印象的で引き込まれます。これだけで革新的なことをしているWEBサイトのように見えますが、よく見てみるとスクロールで反応して文字が出るなど定番の動きしかしていません。重要なグラフィック要素を効果的に見せていることがよくわかります。
  
## モバイル特化型サイト  

統一された名称が無かったので、このような見出しでまとめましたが、スマホサイトの構造をそのままパソコンで使用するデザインも増えてきました。具体的にはパソコンで見たときは、メインコンテンツを画面中央に配置し、パソコンならではの大きな画面は主に装飾に使う構造で制作しています。近年ではスマホでホームページを見る機会の方が圧倒的に多く特に、BtoCのサービスではトレンドの一つとなっています。
  
### サントリー ほろよい  

 ![](https://cont.sterfield.co.jp/uploads/240531_img05_1258add9ee.png) 
https://www.suntory.co.jp/rtd/horoyoi/  
  
メインコンテンツは完全にスマホサイトと同じ構成で作りパソコンでは大きな余白はパッケージを描きブランドイメージをより印象つけています。制作面を考慮すると、工数を減らし効率化できそうです。
  
### ネオ居酒屋  
 ![](https://cont.sterfield.co.jp/uploads/240531_img06_e7061dbf7d.png) 
https://www.dot-st.com/nikoand/cp/neoizakaya
  
こちらも同じくメインコンテンツは完全にスマホサイトと同じ構成です。パソコンでは大きな余白にボタンを設置することでアクセシビリティを高めています。
  
## Bento UI  

グリッド状にコンテンツをレイアウトし、情報を分かりやすく整理したデザインです。まるでお弁当箱におかずを詰めるように見えることから名づけられました。この構造のメリットはパソコンの大画面でも見やすく、スマホで見る場合はカラム落ちさせるだけで対応できるのでパソコンでもスマホでも無理なく表現できます。
  
### ニコアンド（niko and…）  
 ![](https://cont.sterfield.co.jp/uploads/240531_img07_1589d693e4.png) 
https://www.nikoand.jp/
  
ポップな見た目と多い情報量、そして、アニメーションと多くの要素があるのに、ごちゃごちゃした印象もなくむしろスッキリした印象です。UIの特性をうまくいかした好例なのでしょう。  
  
### アーク ペーパードライバースクール
 ![](https://cont.sterfield.co.jp/uploads/240531_img08_3ed94d60ec.png) 
https://arc-pds.com/
  
こちらもUIの特性を上手く活用し情報をスッキリ見せることに成功しています。Bento UIはパソコン、スマホもどちらにも適した構造と言えそうです。
  
## まとめ
今回WEBデザインのトレンドを調査していい刺激になりました。普段の業務では技術の向上に目が行きがちですが、こうしてトレンドを調査するといいアイディアが浮かびます。
これからも技術向上と並行して、新しいデザインを取り入れることでより魅力的で使いやすいWEBサイトを提供できるよう努めていきます。


#### 参考記事
  
ミニナレ WEB制作会社シスコム：  
https://www.gohp.jp/blog/design/3952/  
  
株式会社ルート・シー:  
https://www.root-sea.co.jp/blog/knowhow/trend-design2024-1/  
  
WEBブランディングの株式会社フィールビー:  
https://feelbee.jp/news/news_branding/3664  


28964162_m.jpg

WEBデザインのトレンド調査

## はじめに
SNS（ソーシャルネットワーキングサービス）は、インターネット上で人々が交流するためのプラットフォームです。例えば「Facebook」や「Instagram」、「Threads」、「X」で他の人と繋がり、情報を共有できることです。特に最近台湾で流行っている「Threads（スレッズ）」です。それでは何で流行っているのかを少しみてみましょう。

## Threads（スレッズ）とは？
Threads（スレッズ）はMeta社が開発したテキストベースの会話アプリです。主に文字がメインで、インターネット上で自分の観点や話したいことを投稿して、リアルタイムな会話や共有を目的としたプラットフォームですが、X（旧：Twitter）と類似しています。

## Threads（スレッズ）使用の国別5位ランキング
 ![](https://cont.sterfield.co.jp/uploads/threads_net_b790a496e7.png) 
1. 米国（24.68%）
2. 台湾（10.09%）
3. ベトナム（5.91%）
4. 日本（3.95%）
5. ブラジル（3.91%）

※参考：[similarweb‐threads.net調査](https://www.similarweb.com/ja/website/threads.net/#geography)

## Threads（スレッズ）は何で台湾で流行っている！？
 ![](https://cont.sterfield.co.jp/uploads/25224426_cb75738005.jpg) 
それではThreadsは何で台湾で流行っているのか？台湾の民視ニュースがThreads関連記事によると、「広告なし」、「政治記事が多い」、「同じ興味のこと見られる」が3つ流行っている原因です。


##### **＜台湾で流行っている原因＞**
1. 広告なし
2. 政治記事が多い
3. 同じ興味のこと見られる

※参考：[台湾の民視ニュース](https://www.ftvnews.com.tw/news/detail/2024529W0160)

最近広告があちこちに見えて、久々に広告見えないサイトがあり、気分としてはすごく楽だと思っています。それに台湾人は政治に関心を持っている人が多く、日常生活で政治の話題をよく人が話していて、生活の一部だと思っています。さらにThreadsに自分が同じ興味がある記事を見られて、どんどん見れちゃうような気がするでしょう。

またX（旧：Twitter）は元々台湾で利用している人が少ないため、ThreadsはXより多く文字数を投稿できて、Threadsは1投稿500文字、写真10枚まで投稿可能です。さらに、InstagramやFacebookと連携可能で、アカウントも共有できて、簡単にアカウントを作れます。DM機能もついてないですから、他人から迷惑のDMにも遭遇しないだろう。

## まとめ
 ![](https://cont.sterfield.co.jp/uploads/29681266_m_7a7811ff34.jpg) 
今回は台湾では現在Threadsが流行っていることが知り、今後では台湾で日本商品や日本観光などのこともThreadsを使って、プロモーションをしても良いのでは。

但しどのようにThreadsでプロモーションするのか、話題性になって波に乗るのかを今後の課題として検討しなければならないでしょうね。一時的に流行っているかもしれませんが、然し波に乗って、良い結果や認知度向上にも可能性があるかもしれません。宣伝の手段としてもわるくないかなと思います。


S__6414340.jpg

今Threads（スレッズ）は台湾人に大人気！

## はじめに
2023年、高知県内の外国人延べ宿泊者数は12万9千人泊に達しました。これは、コロナ前の2019年と比べると35.8%の増加となり、全国で2位の伸び率を記録しました。

一方で、依然として回復途上にある県も少なくない中、なぜ多くの人々が高知県を訪れているのでしょうか。その理由を探ってみました。



## 詳しい数値を見てみると、、？
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>2019年比で増加率が高い5県</title>
 <style>
 table {
 width: 50%;
 border-collapse: collapse;
 margin: 20px 0;
 }
 th, td {
 border: 1px solid #ddd;
 padding: 8px;
 text-align: center;
 }
 th {
 background-color: #f2f2f2;
 }
 </style>
</head>
<body>
 <h3>2019年比で増加率が高い5県</h3>
 <table>
 <tr>
 <th>施設所在地</th>
 <th>延べ宿泊者数</th>
 <th>2019年比</th>
 <th>前年比</th>
 </tr>
 <tr>
 <td>東京都</td>
 <td>42,727,680</td>
 <td>45.6%</td>
 <td>530.6%</td>
 </tr>
 <tr>
 <td>高知県</td>
 <td>129,480</td>
 <td>35.8%</td>
 <td>1209.2%</td>
 </tr>
 <tr>
 <td>栃木県</td>
 <td>452,750</td>
 <td>27.6%</td>
 <td>592.7%</td>
 </tr>
 <tr>
 <td>福岡県</td>
 <td>4,737,990</td>
 <td>11.2%</td>
 <td>681.3%</td>
 </tr>
 <tr>
 <td>大分県</td>
 <td>1,281,000</td>
 <td>6.2%</td>
 <td>655.2%</td>
 </tr>
 </table>

参考：[宿泊旅行統計調査（観光庁）](https://www.mlit.go.jp/kankocho/tokei_hakusyo/shukuhakutokei.html#cp1)


この表をみると東京に次いで高知県がコロナ後の増加率で2位になっていることが分かります。他の県と比べ母数ではまだまだ少ないですが、注目を集めていることが伺えます。

### 外国人の高知県内宿泊者数の推移
 ![](https://cont.sterfield.co.jp/uploads/_1378df70a0.png) 

 参考：[宿泊旅行統計調査（観光庁）](https://www.mlit.go.jp/kankocho/tokei_hakusyo/shukuhakutokei.html#cp1)

また2023年の宿泊者数の国別人数では台湾が多いようです。

### 2023年の高知県宿泊者　国別の人数
 ![](https://cont.sterfield.co.jp/uploads/_743d10f1d0.png) 

 参考：[宿泊旅行統計調査（観光庁）](https://www.mlit.go.jp/kankocho/tokei_hakusyo/shukuhakutokei.html#cp1)

## その要因は？
高知空港に台湾からのチャーター便が好調であることが大きな要因と考えられます。

> 高知龍馬空港（高知県南国市）と台北・桃園国際空港を結ぶ国際定期チャーター便が、運航期間を新たに約7カ月間延長すると県が発表した。延長は2度目で、運航期間は計約1年半となる。
> 
> 同便は、高知龍馬空港で初めての国際チャーター便の定期運航で、昨年5月10日から週2回（水、土曜）運航。

引用：朝日新聞https://www.asahi.com/articles/ASS2W6QYNS2WPTLC01P.html

平均搭乗率は9割を超えており、再度の延長が決まったようです。来年度、国際線に対応した新たなターミナルビルを完成させる方針としているそうです。

さらに観光客の増加という意味では、クルーズ船の入港が増えていることも挙げられるでしょう。
ただ、県内で宿泊はしないはずですので、宿泊者数にはカウントされないと考えられます。やはりチャーター便がいちばんの要因でしょう。

### クルーズ船の入港数の推移
 ![](https://cont.sterfield.co.jp/uploads/_fc3400e3e0.png) 
 
引用：クルーズ客船等の入港予定等について
https://www.pref.kochi.lg.jp/doc/cruise7/

## まとめ
高知県はコロナ禍からの回復を遂げ、外国人宿泊者数の大幅な増加を実現しました。高知県の観光施策は今後も注目されることでしょう。

f6da1256-193c-11ed-ae81-0a58a9feac02.jpg

全国２位の伸び率！高知県のインバウンドについて

## はじめに


2024年4月、以前から問題視されていた過剰包装やリサイクルのできない梱包材について、欧州議会は[新しい協定](https://www.europarl.europa.eu/news/en/press-room/20240301IPR18595/deal-on-new-rules-for-more-sustainable-packaging-in-the-eu)に合意しました。
このルールは越境商取引にも影響を与えるものとされており、ヨーロッパ向けの貿易やECの事業者は注意が必要です。

## 新しい包装ルールとは？

このルール策定計画が初めて公表されたのは2022年末頃のことです。Eコマースの拡大に伴い増加の一途をたどっていた包装廃棄物をなんとかしようと始まった取り組みでした。
しかしEC業界団体等から規定が不十分という批判を受け、23年11月に改定されて議会が賛成票を投じていたものの、まだその段階では欧州理事会との合意形成には至りませんでした。
その後さらなる改訂を経て、ようやくこの24年4月に欧州議会と欧州理事会が協定に合意することになったのです。

2021年の調査によると、ヨーロッパ全土で廃棄される包装材は約189kg、何もしなければ2030年には209kgまでに増加するだろうという予測がなされています。それを受け、この規則は以下のように目標を定めました。

- 2030年までに5％削減
- 2035年までに10％削減
- 2040年までに15％削減

この目標の達成のための主な取り組みは以下になります。

#### 2030年1月より、特定の再利用不可プラスチックを使用した包装を禁じること
未加工のフルーツや野菜の包装、砂糖の袋、ホテルのアメニティのミニボトル等が含まれます。

#### Eコマースの包装の空き容量を最小化すること
輸送及びECの包装の最大空き容量は50％以下となります。また議会は、製造業者と輸入業者は梱包の重量と体積を最小限に抑える必要があると述べています。

#### リサイクル可能な梱包材を用いること
この規制は、包装の再利用に関して2030年までの具体的な目標を定めています。ただし、一定の条件の下で、EU諸国は5年間この規則からの逸脱を認めてもいます。

## 段ボールが不要に？Amazonの取り組み

この合意に先駆けて、2023年11月からAmazonでは、ヨーロッパへの配送に使われる梱包材にはリサイクル可能な資材を使う取り組みを始めました。

Amazonはサプライヤーの協力により、ヨーロッパにおいて「梱包無し」で配送される製品が50％以上増加したと述べています。元々の梱包がそのまま顧客に届けられる十分な強度を保っており、Amazonは送付ラベルを貼り付けるだけだというのです。

オランダでは、この外箱なしでの配送を促進する「商品パッケージで配送」というAmazonのプログラムを導入しました。すべての商品は落下テストに合格しており、元の商品パッケージで安全に顧客に届くことが保証されています。注文フローの中で、商品は追加の梱包なしで配送されることが顧客に通知されますが、例えばギフトとして贈る場合など、状況に応じて梱包を追加で希望することができるそうです。

Amasonは「2019年以降、当社の欧州配送ネットワークでは、使い捨てプラスチック製配送バッグの使用を10億枚以上回避できたと推定している」と、この取り組みがプラスチック使用量の削減に貢献していると強調しています。


## まとめ

ヨーロッパ間の輸送であれば、外箱無しでも配送に堪えうるかもしれませんが、大陸を渡る配送ではなかなか難しいかもしれません。しかし一般貿易の場合は、現地でそのような配送を行うという選択肢が今後生まれてくるかもしれません。少なくとも、いずれの場合も外箱と商品の間に不要なスペースがあるのは良しとされないでしょう。
さらに言えば、このルール下の取引が主流になった場合、仮に海外からのその基準に満たない配送方法や商品であった場合に、顧客からネガティブな反応が返ってくる可能性も十分に考えられます。
今はヨーロッパのみのようですが、今後は世界的にもこのような動きが進んでいくのではないでしょうか。

- **参考**
- [Amazon’s packaging in Europe is now recyclable](https://ecommercenews.eu/amazons-packaging-in-europe-is-now-recyclable/)
- [European agreement on new packaging rules](https://ecommercenews.eu/european-agreement-on-new-packaging-rules/)
　



jiawei-zhao-W-ypTC6R7_k-unsplash.jpg

欧州で始まる新たな包装ルールとは

2024年5月時点の情報を取り扱っています。

# CMSの頂点に立つWordPress
CMSとはコンテンツマネジメントサービスの略で、ブログなどのコンテンツを管理するためのサービスです。 
そのCMSの中で、世界で最も利用されているのがWordPressです。 
2023年時点の(全ウェブサイトにおける)シェアは、42.7%です。 
2011:13.1%、2012:15.8%、2013:17.4%、2014:21.0%、2015:23.3%、2016:25.6%、2017:27.3% 
2018:29.2%、2019:32.7%、2020:35.4%、2021:39.5%、2022:43.2%、2023:42.7% 
 ![](https://cont.sterfield.co.jp/uploads/330338879_8afec5da_55d1_4635_a223_7a3d36feee6a_26b1038700.png) 
 
[引用元](https://kinsta.com/jp/wordpress-market-share/)
 

## シェアNo.1だから狙われやすい
悪いハッカー目線で見ると、脆弱性1つを見つけたら、そこを同じように他のサイトにも同じ手法で攻撃できます。 
横展開が楽ですよね。ハッキング、ダメ、ゼッタイ。 
また、WordPressはオープンソースで汎用性が高く、且つプラグインで拡張性も高い反面、攻撃者が脆弱性を見つけ出して狙いやすいという面があります。
そのため、WordPressを用いたサイトが狙われやすいのです。 

## 例1.アップデートを行わないプラグインはマジやばい(SQLインジェクション)
2022年にはプラグイン「OneTone」の脆弱性を突かれたSQLインジェクションによるデータベースへの攻撃がありました。 
これにより、リダイレクトで他のサイトへ飛ばすコードを埋め込まれるという被害を受けたサイトが大量に発生しました。 
更に厄介なことにこのプラグインは開発者がアップデートを行わず、脆弱性に対抗する手段がなくなってしまったため、もともとOneToneを使用していたWordPressサイトの管理者は他のプラグインへの変更をせざるを得ない状況になってしまいました。 
[引用元](https://wp-doctor.jp/blog/2020/04/24/%E3%83%86%E3%83%BC%E3%83%9Eonetone%E3%81%AB%E8%AA%8D%E8%A8%BC%E4%B8%8D%E8%A6%81%E3%81%A7%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9%E3%82%92%E6%9B%B8%E3%81%8D%E6%8F%9B%E3%81%88%E3%82%8B/) 
便利だからこのプラグイン使っちゃおというのは良いですが、そのプラグインの脆弱性について調べてみてください。 
また、定期的に更新をチェックした方が良いです。 

## 例2.使わないファイルは無効にしないとマジやばい(xmlrpc.php攻撃)
xml-rpcは、遠隔でWordPressと通信をするための仕様の一つで、WordPressのモバイル用アプリ・Wordからの投稿・ピンバックやトラックバックの利用で使われています。 
これらの機能を利用している人には必要かもしれませんが、それ以上にセキュリティの穴になってしまうことのほうが重大だと思いますので、できるだけXML-RPCは無効化したほうがいいでしょう。 
### なぜXML-RPCを無効化したほうがいいのか
1. ピンバックを利用したDDoS攻撃
ピンバックとは、自分のサイトのURLが他のWordPressサイト上でリンクが貼られたことを自動的に通知してくれる機能ですが、それを悪用してDDos攻撃を仕掛ける事例がありました。 
なお、DDoS攻撃される側ではなく、DDoS攻撃に意図せず加担しているサイトとして、いわゆる踏み台として利用されてしまいます。 
※DDos攻撃とは、複数のコンピュータからひとつのサーバやサイトへ一斉にデータを大量送信することでアクセスダウンさせる攻撃のことです。 

2. XML-RPCを利用したブルートフォースアタック
XML-RPCに対して適当なログイン情報（ユーザー名・パスワード）を投げ続けて、ログインできる情報を不正に入手しようとする事例がありました。 
その後、悪意のあるファイルを設置したり、本来の管理者がログインできないようにしたりする攻撃が多いです。 

具体的なXML-RPCの無効化については、[別のサイトで記述があったので、こちら](https://wordpressdeec.jp/howto/howto-040/)を参照ください。 
近年では、xml-rpcを使わず、同等のことができる「REST API」を用いていることが増えています。 

## まとめ
手軽さやドキュメントの多様性など便利な面の多いWordPressには、セキュリティの脆弱性がまだまだあるということを知ってもらえたら嬉しいです。 
その脆弱性を知ることで対策ができます。(知らないとできません。知らないではすみません。) 
ものによっては、WordPress側で事前に対策しておけよとか、思う部分もあるかと思いますが、一つ一つ丁寧に設定して安心のサイト作りを心がけていけたらいいなと思います。 
日々アップデートを頑張っていきましょう！

Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2024/07/24

2024/07/19

2024/06/28

2024/06/28

2024/06/27

2024/06/21

2024/06/20

2024/06/14

2024/06/13

2024/06/09

2024/06/07

2024/06/07

2024/06/06

2024/05/31

2024/05/31

2024/05/30

2024/05/23

2024/05/17