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側で事前に対策しておけよとか、思う部分もあるかと思いますが、一つ一つ丁寧に設定して安心のサイト作りを心がけていけたらいいなと思います。 
日々アップデートを頑張っていきましょう！

wordpress-581849_1280.jpg

知らないとマジやばいセキュリティ【WordPress編】

## はじめに
「種子島」と聞けば何を思い浮かべますか？

- 鉄砲伝来の地
- 
- 宇宙センター
- 
- サーフィン

日本人が「種子島」と聞けば、ここらへんかと思います。

種子島の伝統工芸品の一つに「種子鋏」（たねばさみ）というハサミがあります。

この「種子鋏」を越境ECで日本人以外に向けて訴求し、売れる方法を考えてみたいと思います。

## 「種子鋏」とは
 ![](https://cont.sterfield.co.jp/uploads/A22_I1_de845c2ca8.jpg) 
このようなハサミです。

海に囲まれた種子島は昔から、良質な砂鉄が取れたため、日本刀づくりなど伝統的な鍛冶の技術が蓄積されていました。
その種子島に、1543年、漂着した船に乗っていたポルトガル人によって火縄銃が持ち込まれました。実は火縄銃と一緒に持ち込まれたのがハサミです。

 ![](https://cont.sterfield.co.jp/uploads/2024_05_16_145534_077a1325aa.png) 
当時の鍛冶職人は、刀や包丁を作っていた傍ら、気分転換で見様見真似で作ったのが種子鋏です。
種子鋏は、日本初の国産ハサミと言われ、当時も今も形がほとんど変わっていないようです。

## 「種子鋏」の訴求ポイント
さて、「種子鋏」をECで売ろうとした場合、相手が日本人だったら何が訴求ポイントになりそうでしょうか？

- 鉄砲伝来の地で、鍛冶の技術で培った切れ味抜群なハサミ？
- 
- 無骨なこのデザイン？

日本人は種子島と言えば鉄砲伝来と学校の授業で習うので、鉄砲伝来テキな要素を入れると良いかもです。


## 種子島を知らない外国人に種子鋏を訴求するには？
では、種子島を知らない外国人に、種子鋏を訴求するには何が良いでしょうか？
鉄砲伝来の話は、おそらく知らないと思います。

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

- 種子島はもともと、日本刀を作ってきた鍛冶職人が多い。
- 
- 種子鋏を作る製法は、日本刀の制作技法を取り入れた伝統的な鍛冶技術。　
- 
- 種子鋏の抜群の切れ味、精巧なつくりを実現するには、日本刀づくりの熟練した技術が必要。
- 
- その種子鋏の制作技術を受け継ぎ種子鋏を作れる職人がいるのは、種子島の2軒のみ。


こんな感じで、外国人が好きな「日本刀」の話を出しつつ、もうこのハサミを作れるのは世界に2軒しかないという限定感を出すのが良さそうかな？


## まとめ
筆者が個人的に大好きな島、種子島をテーマに「種子島 x 越境EC」で書いてみました。
こうやって考えてみるといろいろ難しいですが、自分よがりではなく、見てくれる相手にとって何が刺さるか、相手の目線で考えることが重要かと思います。






tanegashima-family-guide-key.jpg

種子島の名産品を越境ECで売ること考えてみた

## はじめに
　ペットを飼った経験がある方は、ペットの名前を何にしようか悩んだことがあるのではないでしょうか。犬や猫の名前ランキングが毎年発表されていて、そのランキングにある名前を参考にする方もいるのではないでしょうか。今回のブログでは、最新の犬と猫の名前ランキングを見た上で、ペットが動物という位置付けにとどまらずに、人間の家族ともっと深い関係になっているのではないかという仮説をゆるく検証します。


## ペットの飼育数
　ペットの名前を見る前に、一体どれだけのペットが飼育されているのか、国内の実態を把握したいと思います。一般社団法人ペットフード協会が令和5年に行った調査によると、犬と猫の飼育数は以下の通りでした。

- 犬：	684万頭

- 猫：	906万頭

犬と猫の飼育数を合算すると、**1,490万頭**になります。これは令和6年4月時点の東京都の人口（**1,413万人**）を上回る数です。


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

　

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

犬も猫も飼育されている数が大きいことがわかります。大きな違いで目についた点は、世帯当たりの平均飼育頭数です。例えば犬の場合、1.2頭くらいで推移していますが、猫の場合は1.7頭くらいで推移しています。猫の方が多頭飼いされている傾向があるようです。ちなみに2014年以降は、猫の飼育数が犬の飼育数を上回っている状況が続いています。


## ペットの名前ランキング
　続いてペットの名前ランキングを見ていきます。アイペット損保が同社のペット保険に新規で加入した犬・猫の名前について調査したところ、2023年のランキングは次の通りでした。

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


## ペットで人気の名前は食べ物系
犬と猫の名前では、むぎ・きなこ・レオ・ラテ・モカ・ココが共に人気となっています。犬だからこの名前が良いとか、猫だからこの名前が良いといった偏りはないようです。さらに共通点として、食べ物に関する名前が多くを占めています。特にカカオを想像させるような名前が多くあります。一方で、肉や魚といったたんぱく質系の名前はランク入りしていないようでした。


## 赤ちゃんの名前ランキング
　念のため、人間の赤ちゃんの名前ランキングを見てみましょう。たまひよが発表した2023年のランキングは次の通りです。

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

男の子と女の子それぞれのランキングにある名前は、一つもペットで人気の名前と一致するものはありませんでした。海外では、レオ・ルナ・モカなど赤ちゃんの名前でありそうですが、少なくとも日本ではペットの名前からはペットが人間化した様子は見受けられません。


## ペットの人間化
　名前からはペットが人間化してきていないことを受け入れがたい筆者は、別の観点から考えてみることにしました。ここまで一般情報について記載してきたので、ここから先は少し偏った情報になってしまいますが、まずはペット自体の生態について言及します。
　犬を飼っている筆者の愛犬を事例に挙げると、ペットも人間と同じように柔らかいところが好きです。ソファーでくつろぐのは当たり前、何なら人間一人分以上のスペースを占有してソファーでぐっすり寝ます。布団をかけて寝るのも好きです。

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

　飼い主から見ると、ペットの元気がなかったり具合が悪かったりしたら、すぐに病院に連れていきます。診察してもらって薬を処方してもらって様子を見る。人間とやること一緒です。人間のようにペットが健康保険証を持っていることはないものの、いつ何時何があってもいいように筆者の愛犬はペット保険に加入しています。人間界で言う医療保険です。あくまでも任意加入にはなりますが、保険の選択肢が充実してきているので、安心して医療を施すこともできるのです。


## ペットの誕生日は人間の誕生日と同レベル
　愛犬の誕生日には、家の中にパーティーの装飾をして誕生日ケーキをプレゼントします。誕生日ケーキをパクパクとおいしそうに食べている様子を動画撮影し、おもわずほっこりしてしまう。愛犬にとっては、いつもと違う珍しいものを食べられる良い日と感じているくらいかもしれません。でも嬉しそうな表情を見せてくれる姿に、こちらも嬉しくなる。誕生日パーティーは人間のためだけにあるものではなくなっています。

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


## ペットを英語でどのように表現するか
　最後にペットを意味する英語表現をご紹介します。

**Pet：**　Petは日本語の「ペット」と同じ意味を持ちます。

**Animal companion：**　”Pet”と同義で使われる英語表現です。主にペットを飼うときに使われる表現で、愛情を込めて飼われる動物の仲間を指します。

**Fur baby：**　ペットを家族の一員として愛している人々によって使われる、スラング表現です。「ふわふわ赤ちゃん」という意味です。個人的にはこの表現がしっくりきました。


## まとめ
　今回はペットに関する内容を記事にしてみました。ペットの人間化というよりは、ペットの家族化といった方が本当は正しいのかもしれません。

　ペットの展示会など、ペットに関するイベントが大々的に開催されている現在、ペットを取り巻く市場環境は上昇してきています。仕事柄、ペットビジネスに関わる記事を何か書かなければという、ある意味使命感から今回のテーマにしました。市場環境についてはほとんど触れていないので、また別の機会でご紹介してみたいと思います。

　ちなみに写真に写っているウェルシュ・コーギーは筆者の愛犬、ラッキー（もうすぐ3歳）です。この名前を付けたのは、幸せになってもらいたい、国籍に限らず誰にでも覚えてもらえる名前にしたい、呼びやすい名前にしたい、遠くにいても声が届く名前にしたいという様々な思いから命名しました。今も写真にあるように、ソファーでくつろぎながらお昼寝しています。


　
　

（参考）
一般社団法人ペットフード協会, 令和5年　全国犬猫飼育実態調査, https://petfood.or.jp/data/chart2023/index.html　, (参照 2024-5-11)

にゃんペディア, 猫の名前ランキング2023【調査結果】, https://nyanpedia.com/investigation-name-2023/　,
(参照 2024-5-11)

Benesse, 2023年赤ちゃんの名前ランキング, https://st.benesse.ne.jp/ninshin/name/　,
(参照 2024-5-11)

東京都の統計, 東京都の人口（推計）：毎月, https://www.toukei.metro.tokyo.lg.jp/jsuikei/js-index.htm　,
(参照 2024-5-11)


アイキャッチ　ペット.jpg

ペットの名前からみる、ペットの人間化について考えてみた

一部に人にしか伝わらないニッチなスプレッドシートの使い方。
ECの担当者だったら、わかっていただけるかもしれない縦に並んだ情報を横一列に並べる方法をご紹介致します。

Googleスプレッドシートを利用する際、縦に並んでいる情報を横一列にまとめたい場面はよくあります。このような要求に応えるために、UNIQUE関数、FILTER関数、そしてTRANSPOSE関数を組み合わせて使うことで、データを効率的に整理し、必要な情報を抽出できます。以下では、この手法について具体的な手順と例を示します。

## 3つの関数
今回のポイントは3つの関数を使うことです。
1. UNIQUE関数で重複排除
2. FILTER関数で絞り込み
3. TRANSPOSE関数で横に並び替え

以上で縦に並んだ情報をユニークなIDをキーに横一列の配列に並べ替えることが可能になります。

## 手順
### 0. データの準備
 ![](https://cont.sterfield.co.jp/uploads/Fire_Shot_Capture_007_XYZ_TM_Google_docs_google_com_3bd494cf9e.png) 

まず最初に、縦に並んでいる情報が含まれるセル範囲を用意します。例えば、セル範囲A3からB8にデータがあるとします。

### 1. UNIQUE関数を用いた重複排除
 ![](https://cont.sterfield.co.jp/uploads/Fire_Shot_Capture_004_XYZ_TM_Google_docs_google_com_4f29796a03.png) 

UNIQUE関数を使用して、重複を排除した情報を取得します。新しいセルに以下のようなUNIQUE関数を入力します。

```
=UNIQUE(A3:A8)
```
この関数は、指定したセル範囲内の重複を排除したデータを返します。

### 2.FILTER関数を用いた情報の絞り込み
 ![](https://cont.sterfield.co.jp/uploads/Fire_Shot_Capture_005_XYZ_TM_Google_docs_google_com_9512d2452b.png) 

必要に応じて、FILTER関数を使用して情報を絞り込むことができます。たとえば、Aの購入者に絞る場合は、次のようなFILTER関数を利用します。

```
=FILTER(B:B,A:A=D3)
```

### 3. TRANSPOSE関数を用いた横一列への並び替え
 ![](https://cont.sterfield.co.jp/uploads/Fire_Shot_Capture_006_XYZ_TM_Google_docs_google_com_03269a740b.png) 

次に、TRANSPOSE関数を使用して取得した情報を横一列に転置します。新しいセルに以下のようなTRANSPOSE関数を入力します。

```
=TRANSPOSE(F3:F5)
```
この関数は、取得した情報を転置し、横一列に並べます。

### TRANSPOSEとFILTERの組み合わせ
 ![](https://cont.sterfield.co.jp/uploads/Fire_Shot_Capture_009_XYZ_TM_Google_docs_google_com_d014548963.png) 

今まで手順は便宜上、一つ一つの関数を分けてご紹介致しましたが、実際には絞り込みと横の並び替えは入れ子で記述することが可能です。

```
=TRANSPOSE(FILTER(B:B,A:A=D3))
```

## まとめ
こちらの処理を最初はGASを用いて行おうと思ったのですが、配列がうまく作れず、officeの関数で用意されていることを知り、エクセルファイルで実装しました。

しかしながら、動的配列という新しい関数を使っており、搭載バージョンがoffice2021からで、また、ローカルで計算をするために時間が掛かることがあり、Googleスプレッドシートで出来ないかと模索したところ、全く同じ関数が使えることが分かったので、ご紹介でした。
2021年以前はもっと、lookupなどを駆使して頑張るか、マクロ、スクリプトで自作するしかなかったのが随分と楽になったものですね。

### 参考サイト
https://support.microsoft.com/ja-jp/office/excel-2021-for-windows-%E3%81%AE%E6%96%B0%E6%A9%9F%E8%83%BD-f953fe71-8f85-4423-bef9-8a195c7a1100     


FireShot Capture 002 - 【スプレッドシート版】XYZ⇒TMロジ_ファイル変換ツール - Google スプレッドシート - docs.google.com.png

Googleスプレッドシートを使った縦に並んだ情報の横一列への並べ替え

## はじめに

この記事では、SassのMixinを使って、CSSのプロパティに値を適切な単位で自動的に適用する方法を説明します。SassはCSSの拡張言語であり、Mixinは再利用可能なスタイルのブロックを定義する機能です。Mixinを使用すると、同じスタイルを複数の場所で使い回すことができます。

具体的には、ビューポートの幅に応じて値を調整するためのVW単位や、親要素やコンテキストの幅に応じて値を計算するためのパーセンテージ単位を自動的に適用します。これにより、レスポンシブデザインを実現し、異なるデバイスや画面サイズに対応したスタイルを簡単に作成できます。

SassのMixinを使用して、VW単位やパーセンテージ単位を自動的に計算する方法を詳しく解説します。この方法を理解し、実際のプロジェクトで活用することで、効率的で柔軟なスタイルシートの作成が可能になります。

以下の項目を含めて、SassのMixinの活用方法を説明します。

1. Sassとは何か？
2. Mixinとは何か？
3. 単位の値を自動的に計算する方法

## 1. Sassとは何か？

Sass（Syntactically Awesome Stylesheets）は、CSSの記述をより効率的にするための拡張言語です。基本的には、普通のCSSと同じようにスタイルを記述しますが、いくつかの追加機能を提供しています。例えば、変数やネスト、Mixinなどの機能があります。これらの機能を使うことで、スタイルシートの記述が簡潔になり、保守性が向上します。つまり、SassはCSSの書き方をより便利にするためのツールです。

## 2. Mixinとは何か？

Mixin（ミキシン）は、Sassで再利用可能なスタイルの塊を定義する方法です。基本的には、CSSのスタイルルールをまとめたコードブロックです。これを定義しておくと、同じスタイルを複数の場所で使い回すことができます。Mixinは、プロパティと値の組み合わせをパラメータとして受け取り、それをCSSに変換します。つまり、同じスタイルを何度も書く必要がなくなり、コードの再利用性と保守性を高めることができます。

## 3. 単位の値を自動的に計算する方法

単位の値の自動計算とは、SassのMixinを使って、指定された値に適切な単位を自動的に付与することです。例えば、ビューポートの幅に対して相対的な値であるVW（viewport width）単位や、親要素やコンテキストに対する割合で指定するパーセンテージ単位などがあります。これらの単位を自動的に計算してCSSに適用することで、レスポンシブデザインや柔軟なスタイル設計を実現できます。

単位の値を自動的に計算する方法を使うと、以下のような利点があります。

**1. 画面サイズに合わせて自動調整:** 画面の大きさに応じて、文字や要素の大きさを自動的に調整できます。

**2. 手間を省く:** 値を手動で調整する必要がなくなり、開発時間を短縮できます。

**3. 一貫性を保つ:** 同じ値が異なる場所で常に同じように表示され、一貫性のあるデザインを保つことができます。

**4. レスポンシブデザイン:** 異なるデバイスや画面サイズに対応しやすくなり、ユーザーに最適な表示を提供できます。

### 3.1. VW単位の自動計算

VW単位の自動計算は、ビューポート（ウェブページを表示する画面領域）の幅に対する割合で値を指定する方法です。これは、画面の幅に応じて要素のサイズやフォントサイズを自動的に調整することを意味します。Sassのmixinを使えば、このVW単位を活用した自動計算を簡単に実現できます。つまり、画面の大きさに合わせて要素の大きさや文字サイズが自動的に変化するように設定できるということです。

**_get_vw**という関数と**fz-vw**というMixinが用意されています。これらの機能を使うことで、vwを簡単に設定できます。

**コード例(SCSS)**

```
//pxをvwに変換するfunction
@function _get_vw($size, $viewport: 640) {
 $rate: calc(100 / $viewport);
 @return $rate * $size * 1vw;
}

//フォント用のMixin
@mixin fz-vw($font_size: 10, $viewsize: 640) {
 font-size: $font_size * 1px;
 font-size: _get_vw($font_size, $viewsize);
}

width: _get_vw(117,640);
padding: _get_vw(15,640) 0;
@include fz-vw(29,640);

```

**実行結果(CSS)**

```
width: 18.28125vw;
padding: 2.34375vw 0;
font-size: 4.53125vw;

```

上記のにコードの詳細な説明を示します。

#### 関数 _get_vw ####

**引数:** 
```$size```: 変換対象のピクセル値 
```$viewport```: 参照するビューポート幅（デフォルト: 640px）

**戻り値:** 
ピクセル値をvwに変換した値

**Mixin fz-vw**

**引数:** 
```$font_size```: 設定するフォントサイズ（ピクセル値） 
```$viewsize```: 参照するビューポート幅（デフォルト: 640px） 
```width: _get_vw(117,640);```:要素の幅を117pxをvwに変換した値に設定します。 
```padding: _get_vw(15,640) 0;```:要素のパディングを左右に15pxをvwに変換した値、上下に0を設定します。 
```@include fz-vw(29,640);```:要素のフォントサイズを29pxをvwに変換した値に設定します。

**戻り値:** 
ビューポート幅に応じて要素のサイズやフォントサイズが自動的に調整されます。


### 3.2. パーセンテージ値の自動計算

パーセンテージ値は、親要素やコンテキストの幅に対する割合で値を指定するための単位です。SassのMixinを使って、特定のピクセル値を親要素やコンテキストの幅に基づいて自動的にパーセンテージ値に変換する方法を説明します。

**コード例(SCSS)**

```
//pxを%に変換するfunction
@function sw($size, $basewidth: 1180) {
 $rate: calc(100 / $basewidth);
 @return $rate * $size * 1%;
}

padding-top: sw(20,640);
width: sw(47,560);
```

**実行結果(CSS)**

```
padding-top: 3.125%;
width: 8.4%;
```

上記のにコードの詳細な説明を示します。

#### 関数 sw ####

**引数:** 
```$size```: 変換したいピクセル値 
```$basewidth```: 基準となるウィンドウ幅（デフォルトは1180px）

**処理:** 
```$rate = calc(100 / $basewidth);```
ウィンドウ幅に対する1pxあたりの割合を計算します。 
```@return $rate * $size * 1%;```:ピクセル値を割合に変換し、% を付加します。

**戻り値:** 
ピクセル値をウィンドウ幅に対する割合に変換した値（%）

**補足** 
```$basewidth``` は、関数内でデフォルト値として1180pxが設定されていますが、必要に応じて変更できます。vw単位以外にも、em単位やrem単位など、様々な単位を使ってレスポンシブデザインを実現できます。
今回の例では、ウィンドウ幅に対する割合を計算するために calc() 関数を使用していますが、Sassのバージョンによっては div() 関数でも同様の処理を行うことができます。


## まとめ

今回紹介した方法を使えば、簡単にレスポンシブなWebデザインを作成できます。ビューポートの幅に対する割合で値を指定するVW単位や、親要素やコンテキストの幅に対する割合で値を指定するパーセンテージ単位を活用することで、画面サイズに応じて自動的にスタイルを調整できます。実際にプロジェクトに適用してみて、どのように効果が現れるか試してみてください。


## 参考

https://qiita.com/katsunory/items/3bede89cee8e2ded8426

SassのMixinを使って、単位、幅の値を自動的に計算

## はじめに
「商社」「問屋」「代理店」「卸」と海外に向けて販売する際によく聞きます。
よく「商社さんを通じて海外には販売しています」だとか「現地に代理店がいます」などと言います。
ただそれぞれ明確な違いはあるのでしょうか？まずは辞書を引いてみました。

## 辞書ではどう定義されているか
##### 「商社」

> 輸出入貿易を業務の中心にした商業を営む会社。

##### 「問屋」

> 生産者・輸入業者・一次卸売業者などから商品を仕入れ、主として最終消費者以外に対して販売を行う流通業者。卸売商。

##### 「代理店」

> 一定の会社などの委託を受けて、その取引の代理を行う店・会社。代理商の営業所。

##### 「卸」

> 生産者や輸入業者から大量の商品を仕入れ、小売商に売り渡すこと。また、その業種や業者。


こう見るとそれぞれ中間流通を担うことが分りますが、それぞれに明確な違いはないように思えます。

## 英語ではどのような区別があるのか

では、英語ではどうなのでしょうか。
中間流通を担う役割としてsales rep、distributorなどがあります。

それぞれの意味は以下のようになっています。


##### sales rep
> someone who travels to different places trying to persuade people to buy their company's products or services

##### distributor

> a person or company that buys products from a manufacturer and sells them for a profit to other businesses, stores, or customers, often by transporting the goods to different places:

英英辞典からだと分りにくいのですが、
Dijimaさんの記事に以下の記載がありました。
> 
> 簡単に言うと、「販売店（distributor：ディストリビューター）」はメーカーから商品を購入して顧客に販売するビジネスであり、「代理店（agent / sales rep：エージェント / セールスレップ）」は顧客をメーカーに紹介して販売代行を行い、報酬を得るビジネスです。    
> 
[Digima『海外ビジネスでの「販売店契約」と「代理店契約」の違いを知っていますか？』](https://www.digima-japan.com/knowhow/world/19787.php#:~:text=%E8%8B%B1%E8%AA%9E%E3%81%A7%E3%81%AF%E3%80%8C%E8%B2%A9%E5%A3%B2%E5%BA%97%E3%80%8D%E3%82%92,%E3%83%AC%E3%83%83%E3%83%97%EF%BC%89%E3%80%8D%E3%81%A8%E8%A8%80%E3%81%84%E3%81%BE%E3%81%99%E3%80%82)

つまり自社で商品を購入（在庫を持つ）して販売するのが、「ディストリビューター」。
自社で商品を購入せず、成果報酬としてコミッションをもらう日本でいう営業代行に近いのが、「セールスレップ」と言えるでしょう。

## まとめ
日本語では、明確な定義がないような言葉でも英語にすると明確な違いがあることがあります。ビジネス的にもトラブルが生じる可能性がありますから、注意が必要でしょう。

####  引用
[goo辞書](https://dictionary.goo.ne.jp/)

[Cambridge Dictionary](https://dictionary.cambridge.org/ja/)

[Digima](https://www.digima-japan.com/knowhow/world/19787.php#:~:text=%E8%8B%B1%E8%AA%9E%E3%81%A7%E3%81%AF%E3%80%8C%E8%B2%A9%E5%A3%B2%E5%BA%97%E3%80%8D%E3%82%92,%E3%83%AC%E3%83%83%E3%83%97%EF%BC%89%E3%80%8D%E3%81%A8%E8%A8%80%E3%81%84%E3%81%BE%E3%81%99%E3%80%82)



undraw_Predictive_analytics_re_wxt8.png

「商社」「問屋」「代理店」「卸」の違い

## はじめに
前回の買い物編は皆さん見たでしょうか？
買い物を利用できるアプリやクーポンがたくさんあり、税込や税抜にも外国人が混乱しています。色々なおもしろいカルチャーショックですよね。

今回は遊び編です。この話題は海外観光客もビックリすることですね。今回は皆さんに紹介しましょう！

## 遊びに関するカルチャーショック！？

> 1．クレーンゲーム店舗が多い！種類が多い！外国人観光客が必ず行く！

> 2．複合レジャー施設がすごい！様々な施設があるなんてビックリ！

## ①クレーンゲーム
 ![](https://cont.sterfield.co.jp/uploads/3_bff28aee23.png) 
台湾にもクレーンゲームがあって、一時的にはすごいスピードであちこちにどこでもクレーンゲーム店が見られていて、すごく人気がありました。しかしこの1年、2年ぐらいだんだん店が衰退してきています。それは恐らく「難しくて取れない、偽物が多い…等」の原因で、だんだん人気になれなくなりました。

日本のクレーンゲームセンターはとても多いし、ほとんど会社経営しています。例えば：「GIGO、TAITO、ナムコ、Round1…等」のクレーンゲームです。会社経営しているクレーンゲームはほとんどアプリがあり、会員登録をしてから1日1回遊び無料とかあるので、すごく良いと思います。また台湾では個人経営しているので、コストも考えないといけないです。そして景品の偽物は日本に絶対にないです。

それに加えて様々な景品の種類があり、毎週新商品も入荷するので、飽きないですよね。そのため外国人観光客は日本に来る時、必ず遊びに行きたいところです。今年3月に『10万円でできるかな』というテレビ朝日の番組で、「外国人観光客が日本で爆買い高額商品ベスト5」というテーマとして、外国人観光客のスーツケースを調査し、その中に第5位は「クレーンゲームで取った大量のクマのぬいぐるみ」です。

※出典：https://encount.press/archives/595495/

さらに日本にもネットクレーンゲームもあって、それはすごいし、海外にも運送できるし、世界のどこでもクレーンゲームが遊べることになり、きっと喜んでいるでしょう。


## ②複合レジャー施設
 ![](https://cont.sterfield.co.jp/uploads/F994_D527_EC_37_4_B44_ACA_1_8_D9036096361_fbbe30be0d.jpg) 
日本には複合レジャー施設がたくさんありますね。例えば：「動物系、体験系、遊び系…等」の様々な種類があります。特に遊び系の複合レジャー施設はそこに行ったら、ほぼ一日中ずっとそこにいるでしょう。

訪日ラボから調査した「インバウンド人気観光地ランキング TOP10」の中で、第一位のレジャー施設「ユニバーサル・スタジオ・ジャパン」があって、このような遊園地は一日では絶対足りないと思います。第一位〜第四位はほぼ人気ある遊園地ですよね。
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　　　　　　　　　　　
　　　　　

##### **＜インバウンド人気観光地ランキング TOP10＞**
1. ユニバーサル・スタジオ・ジャパン
2. ワーナー ブラザース スタジオツアー東京 - メイキング・オブ・ハリー・ポッター
3. 東京ディズニーランド
4. 東京ディズニーシー
5. HEP FIVE観覧車
6. 白い恋人パーク
7. 富士急ハイランド
8. 天保山大観覧車
9. ハウステンボス
10. よこはまコスモワールド

※出典：https://honichi.com/news/2024/02/09/202402_inboundranking-amusementpark/

また複合レジャー施設の中でもっとも親しみのあるのは「Round1」だと思います。それは何というと「Round1」はクレーンゲームがあって、さらにガチャガチャ、カラオケ、ボーリング、卓球、ビリヤード等様々な施設があります。一部の店舗では駅から遠くならば、無料シャトルバスにも利用できるなんてすごく良いことです。

もし台湾にももっとそういう複合レジャー施設があれば、きっと良いことでしょう。

## まとめ
日本には遊ぶことがたくさんありますよね。外国人観光客が日本に来たら、必ず行きたいところがたくさんあります。外国人観光客としてはそれもすごい魅力だと思いますよ。今後はもしまた機会がありましたら、また紹介しましょう。楽しみにしておいてくださいね。

今後も引き続き面白い文化の違いや台湾人観点、台湾情報などを紹介したいと思いますので、もし興味がありましたら、次回はまた見てくださいね。

未命名設計 (1).png

台湾人視点、日本のあるある！？：遊び編

## ドバイにもう一度行きたいか？

「ドバイに旅行に行ってきます！」と誰かに言ったとき、「なんでドバイ？何しに行くの？」としばしば聞かれた。
そのたびに上手く答えられなくて困りました。
帰国後の今も上手く答えられないです。

観光する場所としても、世界一のタワーだったり、近未来をイメージした博物館だったり、それぞれは一見の価値があるのですが、文字通り一見したら満足を覚えます。

街自体があまり大きくなく数日でだいたいのところは周れてしまうので、２度３度と観光でドバイに行くことは、少なくとも我が家ではないかなと思ます。


## 世界のもう二度と行きたくない国ランキング

そのようなことを思っているときに、面白いランキングがありましたので紹介します。
この９位のアラブが、アラブ首長国連邦のことでしょう。
ドバイがある国です。

1. インド
2. エジプト
3. モロッコ
4. 韓国
5. 中国
6. ベトナム
7. フィリピン
8. シンガポール
9. アラブ
10. ロシア

[](https://madeinjourney.com/world-satisfaction-low-ranking/)



## 世界のもう一度行きたい国ランキング

一方で、同じサイトが発表しているランキングで、「もう一度行きたい国」も紹介していました。

1. 日本
2. アメリカ
3. カナダ
4. オーストラリア
5. イタリア
6. フランス
7. スペイン
8. トルコ
9. タイ
10. 台湾

https://madeinjourney.com/world-satisfaction-high-ranking/

1位に日本が入っているのが嬉しいですが、なんとなく納得のランキングでもあります。


## まとめ

ドバイをけなしてしまいましたが、

アラブ世界という異世界。
近未来という異世界感。

という、他にはない魅力/特徴があることも事実です。

でも、それが観光地としての魅力に直結はしないかもしれません。

自分のなかにまだ答えは無いのですが、そこに対して自分なりの答えを見つけることが、インバウンドや越境ECをサポートするうえでのヒントになるかもしれないと思います。





IMG_2214 2.JPG

  ドバイは観光地としてどうなのかという考察。もう一度行きたい国ランキング

## はじめに

前回はヨーロッパDHLがファッション中古市場で開始した新たな取り組みを[紹介](https://sterfield.co.jp/blog/dhl-reflaunt/)しました。
その取り組みの大きな要となっているのが、シンガポール発のスタートアップ企業「Reflaunt（リーフロウント）」です。

## Reflauntとは？
 ![](https://cont.sterfield.co.jp/uploads/240425blog_1_fa0f21022f.png) 
※画像は[公式サイト](https://www.reflaunt.com/
)のキャプチャ

Reflauntは、ファッションブランド（メーカー）と中古市場をつなぎ、サスティナビリティと収益性を確保する「サーキュラーファッション（ファッション業界におけるサーキュラーエコノミー）」の提供を目指しています。

近年ますます意識の高まる「サステナビリティ」ですが、ある程度の物量を製造し、新しいクリエイションを次々に生み出さなければいけない（そして利益を上げなければならない）ファッションブランドにとっては取り入れるのが難しい考え方でした。Reflauntはそのようなファッション業界の課題を解決するサービスを提供しているのです。

元々はシンガポールで創業した企業ですが、バレンシアガのCEOやアリババの創設者などからも資金調達し、現在はイギリスのロンドンにマーケティングチームを置いており、ヨーロッパを中心に急拡大しているそうです。多くのラグジュアリーブランドの拠点があり、かつサスティナビリティや環境問題に強い関心を持つ層の厚い欧州だからこその動きだと思います。

## 独自ECに再販機能を追加！

Reflauntは色々なサービスを提供していますが、メインになっているのが再販（リセール）システムです。
ほとんどのブランドの公式ECサイトには、マイページ機能があります。その購入履歴にある「再販ボタン」から、購入者はほとんどワンクリックで中古市場へと販売することができるという仕組みです。
購入者がボタンを押すと、その時の中古市場での適正価格が表示されます。送付ラベルが発行され、Reflauntが提携する倉庫へ送付します。商品の認証が完了すると、Reflauntが提携する複数の中古ECプラットフォームに商品が掲載され、商品が売れればその購入者（中古品販売者）は、そのブランドの公式ECサイトで使えるクレジットや現金を得ることができます。

一連の販売情報や購入者情報はブランド側にも共有されるため、マーケティングにも役立ちますし、新しい商品を売るチャンスも増やせる上、サスティナビリティに取り組む企業というイメージアップにもつながります。
また、中古ECや業界としては、かならず「本物」を扱うことができる仕組みでもあります。

## 売れないものも再活用！アップサイクルや寄付の仕組みも

再販するためには、ある程度状態の良いものでないといけませんが、そういった商品はアップサイクルや寄付へと回す仕組みも提供しています。それは在庫の流通を専門として世界中にバイヤーを持つ「YELLOW OCTOPUS」が提供する「reGAIN」というサービスと協業することで実現しました。「reGAIN」は、イギリスの利用者がもう着ない（着られない）服を特定の場所に持っていくと、その服がアップサイクルされるか、寄付されるというサービスです。

再販のReflauntとアップサイクルのYELLOW OCTOPUSが協業することで、ただ捨てられる服というものが減ることになるというわけです。

## おわりに

上記のほかにもオフライン店舗とのコラボレーションや様々な企業・ブランドとのコラボレーションを進めるReflaunt。
今後もEC関連ニュースで名前を見ることが増えそうです。


- **参考**
- https://ideasforgood.jp/2020/04/21/reflaunt/
- https://www.reflaunt.com/

towfiqu-barbhuiya-joqWSI9u_XM-unsplash.jpg

ファッション業界にもサーキュラーエコノミーを！Reflauntの取り組みとは？

2024年4月1日より、障害者差別解消法の改正内容が適用され、障害がある方への「合理的配慮」が義務付けられました。これまでは、国や地方公共団体などに義務付けられていましたが、その適用範囲が拡張され、民間事業者に対しても適用されます。  
  
合理的配慮とは、例えば、  
  
・車いすの利用者が移動しやすいように手伝う。スロープを設置する。  
・窓口で、手話や筆談で意思の疎通をする。  
  
などが該当します。  
  
社会生活の中にある障壁を取り除き、全ての人が利用しやすいバリアフリーな環境を実現するため、負担が重すぎない範囲で対応することが努力義務となりました。これは接客業を行う事業者に限定された話ではありません。スターフィールドのようにWeb制作を行う事業者も対応が必要となります。  
  
Webサイト制作においては、「Webアクセシビリティを確保した開発」が求められます。  
  
##bアクセシビリティとは
  
Webアクセシビリティとは、すべての人がWebサイトにアクセスしやすく不自由なく使える状態を指します。そしてなるべく向上させていくことを理想としています。  
  
一般的に、Webアクセシビリティが確保できているとは、以下の状態を指します。  
  
・視覚障害あっても情報が伝わり、操作もできること。  
・キーボードだけで操作できること。  
・一部の色が区別できなくても得られる情報に欠損が無い事。  
・音声コンテンツや動画コンテンツを設置したさい、音声が聞こえなくても情報が分かること。  
  
もはやインターネットは情報インフラとして社会に欠かせない物となり、あらゆる方が使用します。もちろん五体満足の健常者だけでなく、高齢者や、視覚障害や聴覚障害などの障害者なども利用します。  
特に障害者に関しては、症状や程度は人それぞれです。そういった個々の状況に応じた対応が求められます。障害者に限定しなくても怪我や病気で一時的ハンデを負う人、加齢により視力の衰えが有る方も利用しやすい環境整備が必要です。  
  
こういったすべての人々がWebサイトを不自由なく利用できるようにすることが、ウェブアクセシビリティの要件です。なので、どんな事情がある方でも利用しやすい環境を提供することが、企業の社会的な責任として求められます。

また、この対応をすることは障害者のために負担を強いられる作業ではなく、使いやすい便利なWebサイトを開発することでもあり健常者にとっても有益なことです。
  

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



## 実践プロセス
  
実際にどういう点に気を付けてコンテンツ制作をするべきか、政府広報オンラインや、デジタル庁のWebアクセシビリティ導入ガイドブックなどでも案内されていますので、紹介します。  
  
### 音声を自動再生させない
  
音声を自動再生することや強制的に再生させることは避けるべきです。もし、自動再生するのなら3秒以内に収め、3秒以上続く場合は利用者が止められるようにする必要があります。  
また、音声の流れるページや動画広告などで自動再生する場合は、一時停止またはミュートボタンを設置するべきです。  
  
### ポップアップなどモーダルウィンドーには終了ボタンをつける
  
Webサイトはマウス操作が難しい場合はキーボードだけで利用する方もいます。その際、モーダルウィンドーを開いた際、モーダルウィンドウを閉じるボタンがないとキーボードの操作だけではモーダルウィンドウからの離脱ができません。  

### 1秒に3回以上光が点滅するコンテンツは作らない
  
高速で光の点滅を繰り返すコンテンツは光感受性発作などを発生する恐れがあります。時には重大な健康被害が出ることもあります。  
アニメーションを制作するならその危険性も十分知っておくべきです。

### 自動でコンテンツを切り替えない
  
情報を受け取れる速度は人によって異なります。また、画面上に動き続けるコンテンツがあると、他の箇所の操作や閲覧を妨げられる利用者もいます。そのため、スライドショーなど、自動で切り替わるコンテンツなどがある場合は、一時停止、非表示、停止の機能を設置する必要があります。

### ロゴ・写真・イラストなどの画像が指し示している情報を代替テキストとして付与する

画像を使用する際はalt属性を設置して代替テキストの設置が必要です。代替テキスト」は画像で提供される情報に対して「同等の役割を果たすテキスト」のことで、画像の変わりにこのテキストが表示されても違和感がないことが望まれます。  
  
具体的には、以下になります。  
  
・画像がリンクの場合、代替テキストはリンク先を示す内容であるべき。  
・グラフや図表はその要約を記述するべき。但し、隣接するテキストに要約があるのなら、何のグラフや図表を示すだけでよい。  
・文字や（ロゴマークや見出しなど）を表現している場合、同じ文字を記述するべき  
・装飾など意味がない画像については空のaltを設置するべき  
  
また、文字数については制限がありませんが、スクリーンリーダなどで音声出力されることを考慮すると80字ほどを目安にするべきです。
  
### キーボード操作だけで、サービスのすべての機能にアクセスすることができるようにする

マウス操作が難しい人はキーボードの操作に頼らず負えません。  
そのため、フォーカスインジケーター（選択中の要素に枠線）をつけるなどキーボード操作前提の作り方をするべきです。

### 色の違いだけで情報を伝えるのやめる
  
色覚に異常があり、正常に色が見えない人がいます。他えば赤色が分からない人が下記図を見ると全てが黒一色に見えてしまいます。


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

  
このようなデザインでは必須項目が分かりません。  
  
### テキストはスクリーンリーダで音声として出力されることを意識する
  
視覚障害がある方、テストはスクリーンリーダなどを使ってテキストを音声として出力します。  
  
下記図の「日時」と「場所」の表記について、左側の方では、「日　時」「場　所」とスペースが空いています。スペースは全角のスペースを入力して作りました。  
  
 ![](https://cont.sterfield.co.jp/uploads/sample2_dfae820b43.png) 
  

この場合、スクリーンリーダで読んでみると、「ひ　とき」「ば　ところ」と呼んでしまいいます。  
  
もし、このようにスペースを空けるデザインをするなら、CSSを用いて広げないとスクリーンリーダが正しく読み取れません。
  
### リンク先を明確にする
  
リンクでどこか他のページへ移動する際どんなページへ移動するか明確にするべきです。例えば、以下のようなコンテンツの場合、左側のリンクは「詳しくはこちら」とだけ書いてあり、このボタン単体では移動先がどのようなコンテンツか分かりません。  
  

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

  
視覚情報を使える人なら、テキストに付随したものと判断できるでしょうが、音声情報だけであったり、点字ディスプレイではその前後関係の把握が分かりにくい可能性があるのでリンクだけでどこに移動するか明確にした方がいいです。  
  
  
など、多くの事例があります。  
  
また、肝心なことはプロジェクトを進めるに辺り、一人担当者を決めて対応するのではなく、プロジェクトに関わる全員が対応策を検討し、メンバー全員でどんな対策を検討するべきか検討することが重要です。基本的には、JIS X 8341-3:2016などのガイドラインを参考にして開発を行い、チェックツールで確認しながら、向上させていくのが一般的ですが、結局のところ、最適解は人間が判断して決めなくてはいけないからです。  
  
例えば、画像には代替えテキストを設置するべき点を例にすると、ガイドラインでも示しているし、もし抜けがあったらチェックツールで指摘してくれます。なので、設置漏れは防げますが、どんな代替えテキストが適切かはコンテンツによって異なります。  
仮に犬と猫が映っている写真があったとします。これに入れる代替テキストは「犬の写真」或いは「猫の写真」とした方がいいのか、「動物の写真」とした方がいいのか、これはコンテンツ次第です。この判断は人間にしかできません。  
  
## まとめ
  
今回ガイドラインを見て指摘している点は、普段の業務で「既にやっている」あるいは、「できればやった方がいい」と言われている物が多かったのですが、強く意識していない点でもありました。  
しかし、より良い物を作る上ではしっかり意識しなくてはいけないなと思いました。今後はガイドラインを参考にしてより良いサービスを提供できるようにつ努めていきます。
  
#### 参考記事
  
政府広報オンライン：  
https://www.gov-online.go.jp/useful/article/202310/2.html#c1
  
  
デジタル庁　Webアクセシビリティ導入ガイドブック  
https://www.gov-online.go.jp/useful/article/202310/2.html#c1


240419_mv.jpg

Webアクセシビリティの義務化について調べてみました

## はじめに
当社は東南アジア大手のECモール”Shopee”の出店販売運営支援を行っています。
Shopeeが提供するSLSの対象地域に、待望の台湾が追加されました。

今回は越境ECで多く使われている郵便局の国際郵便（EMS・小形包装物）との料金比較をしてみました。

## そもそもSLSって？
SLSは、Shopee Logistics Serviceの略です。
細かい内容は割愛しますが、Shopee店舗で受注後、Shopeeが用意する東京の倉庫へ商品を発送すれば、あとはShopeeが海外の注文者へ商品をお届けしてくれるサービスです。
対象の国は、シンガポール、マレーシア、フィリピン、台湾、ベトナムです。

## SLSと国際郵便の料金比較
Shopee東京倉庫までの国内送料を一律「600円」とした場合の料金算出をしました。
また、Shopee東京倉庫へ送る1回の配送に複数の注文分を含められれば、もっと配送コストは下がる計算になります。

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

※1台湾元=4.767円で計算

※小形包装物については[別ブログ](https://sterfield.co.jp/blog/e-packet_price/)にて紹介しているためご参照ください


EMSと比較すると、重量によりますが**40％程度安い**です。
小形包装物+書留　と比較すると**10％～25％程度安い**です。


Shopee東京倉庫までの国内配送費を600円と仮定した場合の試算ですが、1回の配送で複数注文分を配送できれば、1注文あたりの国内配送費は安くなりますので、さらにお得と言えそうです。

## 注意点
 ![](https://cont.sterfield.co.jp/uploads/835ff263639e5d18aa77d4d6eb372c2b_9ae24c0258.jpeg) 
・台湾向けSLSで送れる商品、送れない商品の決まりがあります。　自社の商品は送れる対象か必ずご確認ください。

・台湾向けSLSの場合、最終的な配送地は現状、台湾にあるShopeeの受け取り用店舗（コンビニのようなところ）のみです。　購入者の自宅届けではないです。　今後、購入者の自宅届けもできるようにサービスは広がっていくと予測しますが、SLS料金はおそらく変動すると思います。


## まとめ
ShopeeSLSで送れる商品、送れない商品ありますが、送れる商品であれば利用検討する価値ありと思います。

ご参考くださいませ。






Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - 2024年

2024/06/07

2024/06/07

2024/06/06

2024/05/31

2024/05/31

2024/05/30

2024/05/23

2024/05/17

2024/05/16

2024/05/11

2024/05/10

2024/05/02

2024/05/02

2024/05/02

2024/04/26

2024/04/26

2024/04/19

2024/04/19