<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-17787" src="/uploads-archive/2022/06/og-image.png" alt="" width="1200" height="515" srcset="/uploads-archive/2022/06/og-image.png 1200w, /uploads-archive/2022/06/og-image-300x129.png 300w, /uploads-archive/2022/06/og-image-1024x439.png 1024w, /uploads-archive/2022/06/og-image-768x330.png 768w, /uploads-archive/2022/06/og-image-228x98.png 228w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p><strong>ユニオン</strong>は、スキーマフィールドが複数のオブジェクトタイプの1つを返すことを可能にする抽象的なGraphQLタイプです。</p>
<h2 id="union-type" class="chakra-heading css-14trtg5"><strong>Union Type</strong></h2>
<p class="chakra-text css-0">Union型を定義するときは、どのオブジェクト型がユニオンに含まれるかを宣言します。</p>
<p><code>union Media = Book | Movie</code></p>
<p>フィールドには、戻りタイプとしてユニオン（またはそのユニオンのリスト）を含めることができます。この場合、ユニオンに含まれている任意のオブジェクトタイプを返すことができます。</p>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token keyword">type</span> <span class="token class-name">Query</span> <span class="token punctuation">{</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token attr-name">  allMedia</span><span class="token punctuation">:</span> <span class="token punctuation">[</span><span class="token class-name">Media</span><span class="token punctuation">]</span> <span class="token comment"># This list can include both Book and Movie objects</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token punctuation">}</span></code></div>
<div></div>
</div>
</div>
<div>ユニオンに含まれている型は、オブジェクト型である必要があります（スカラー、入力型などではありません）。含まれるタイプは、フィールドを共有する必要はありませ<em>ん。</em></div>
<div>
<h3 id="example" class="chakra-heading css-bvta0k">Example</h3>
<p class="chakra-text css-0">次のスキーマは、 SearchResultはAuthorまたはBookいずれかを返すことができるUnion型を定義します。</p>
<div class="css-12z26hb">
<div class="token-line css-0">
<div class="css-0"><code><span class="token keyword">union</span> <span class="token class-name">SearchResult</span> <span class="token operator">=</span> <span class="token property">Book</span> <span class="token operator">|</span> <span class="token property">Author</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="css-svw0nt" aria-hidden="true"></div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token keyword">type</span> <span class="token class-name">Book</span> <span class="token punctuation">{</span></code></div>
<div class="css-0"><code><span class="token attr-name">  title</span><span class="token punctuation">:</span> <span class="token scalar">String</span><span class="token operator">!</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token punctuation">}</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token keyword">type</span> <span class="token class-name">Author</span> <span class="token punctuation">{</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token attr-name">  name</span><span class="token punctuation">:</span> <span class="token scalar">String</span><span class="token operator">!</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token punctuation">}</span></code></div>
<div></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token keyword">type</span> <span class="token class-name">Query</span> <span class="token punctuation">{</span></code></div>
</div>
</div>
<div class="css-12z26hb">
<div class="token-line css-0">
<div class="css-0"><code><span class="token attr-name">  search</span><span class="token punctuation">(</span><span class="token attr-name">contains</span><span class="token punctuation">:</span> <span class="token scalar">String</span><span class="token punctuation">)</span><span class="token punctuation">:</span> <span class="token punctuation">[</span><span class="token class-name">SearchResult</span><span class="token operator">!</span><span class="token punctuation">]</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token punctuation">}</span></code></div>
</div>
</div>
</div>
<div class="css-j7glh4">
<div>ユニオンを使用すると、Query.searchでAuthorとBook両方を含むリストを返すことができます。</div>
</div>
<div></div>
<div>
<h2 id="union-type" class="chakra-heading css-14trtg5"><strong>Query a Union</strong></h2>
<p>上記のスキーマの有効なクエリは次のとおりです。</p>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token keyword">query</span> <span class="token definition-query function">GetSearchResults</span> <span class="token punctuation">{</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token property-query">  search</span><span class="token punctuation">(</span><span class="token attr-name">contains</span><span class="token punctuation">:</span> <span class="token string">"Shakespeare"</span><span class="token punctuation">)</span> <span class="token punctuation">{</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token property">    __typename</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token operator">    ...</span> <span class="token keyword">on</span> <span class="token class-name">Book</span> <span class="token punctuation">{</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token property">      title</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token punctuation">     }</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token operator">     ...</span> <span class="token keyword">on</span> <span class="token class-name">Author</span> <span class="token punctuation">{</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token property">       name</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token punctuation">     }</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token punctuation">  }</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token punctuation">}</span></code></div>
</div>
</div>
<h2 id="union-type" class="chakra-heading css-14trtg5"><strong>Resolve a Union</strong></h2>
<p>ユニオンを完全に解決するには、Apolloサーバーはユニオンの<em>どの</em>タイプが返されるかを指定する必要があります。これを実現する<code class="css-zabwdd">__resolveType</code>には、リゾルバーマップでユニオンの関数を定義します。</p>
<div>
<div><code><span style="font-family: arial, helvetica, sans-serif;">const resolvers = {</span></code></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>    SearchResult: {</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>      __resolveType(obj, context, info){</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>        if(obj.name){</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>          return'Author';</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>        }</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>        if(obj.title){</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>          return'Book';</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>        }</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>       return null; // エラー</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>    },</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>},</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>Query: {</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>  search: () =&gt; { ... }</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>  },</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>};</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>const server = new ApolloServer({</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>  typeDefs,</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>  resolvers,</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>  csrfPrevention:true,</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>  cache:'bounded',</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>});</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>server.listen().then(({ url }) =&gt; {</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>  console.log(<code>&#x1f680; Server ready at ${url}</code>)</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>});</code></span></div>
</div>
<div class="css-8v2aaa">
<p>&nbsp;</p>
<p class="chakra-text css-0"><em>関数が有効な型の名前ではない</em><code class="css-zabwdd">__resolveType</code>値を返す場合、関連する操作はGraphQLエラーを生成します。</p>
</div>
</div>


large_og-image-1024x439 (1).png

medium_og-image-1024x439 (1).png

small_og-image-1024x439 (1).png

thumbnail_og-image-1024x439 (1).png

og-image-1024x439 (1).png

Graphql &#8211; ユニオン型の書き方

<h3>はじめに</h3>
<p>別記事にてありましたがpugやsassが時代遅れとなってきた今、これから伸びて行くライブラリである「React」を実践に取り込んでいくために学ばないといけないと感じ、いくつかある書籍の中でこちらを選びました。</p>
<h3>「React」の習得に苦戦する理由は「JavaScript」への理解不足</h3>
<p>これは著者の方が前書きにて述べているのですがReactを学ぶ上でまずはJavascriptへの理解、学習順序を知っていないと挫折しやすいということでした。<br />
私もJavascriptがとても苦手で果たして挫折せず続けて学んでいけるのか最初は不安でした。<br />
結論、挫折せず続けていられています。</p>
<p>Reactの本ということですが、1章〜３章まではモダンJavascriptの歴史や記述方法などの基本的なことを段階的に知ることによってそれぞれがどのような働きをもっているのかということを理解しながら進めていくことが出来ます。<br />
この時点でwebサイトや他の本とは違い、ゴールに至るまでの過程を１つずつ手を動かしながら頭で理解しやすいと感じました。</p>
<h3>Reactの基礎を学ぶ</h3>
<p>ここまできてようやく４章からReactに入り始めます。<br />
Reactの基本であるJSX記述のルールから入り、コンポーネント、スタイルの扱い方、props、stateを順序立てて進めていけるように工程まで細かく記述されています。<br />
その為、全く触ったことがなかったにも関わらず実際に本の順序通り進めていくことで苦手意識もなく内容を学ぶことが出来ます。</p>
<p><img loading="lazy" class="aligncenter size-large wp-image-10748" src="/uploads-archive/lc/2022/06/7aa953cccf157c7557493a6e6fff0636-1024x414.png" alt="" width="1024" height="414" srcset="/uploads-archive/lc/2022/06/7aa953cccf157c7557493a6e6fff0636-1024x414.png 1024w, /uploads-archive/lc/2022/06/7aa953cccf157c7557493a6e6fff0636-300x121.png 300w, /uploads-archive/lc/2022/06/7aa953cccf157c7557493a6e6fff0636-768x311.png 768w, /uploads-archive/lc/2022/06/7aa953cccf157c7557493a6e6fff0636-600x243.png 600w, /uploads-archive/lc/2022/06/7aa953cccf157c7557493a6e6fff0636.png 1490w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<h3>CSSを絡めたReact</h3>
<p>CSSの適用方法はたくさんあり、一般的な「Inline Styles」から「CSS Modules」「Styled JSX」「styled components」「Emotion」最近よく他の方の記事でもみる「Tailwind CSS」等の各記述方法が詳しく記述されていました。</p>
<p><img loading="lazy" class="aligncenter size-large wp-image-10749" src="/uploads-archive/lc/2022/06/687c33dc62271d706a7df951e49b44ed-1024x392.png" alt="" width="1024" height="392" srcset="/uploads-archive/lc/2022/06/687c33dc62271d706a7df951e49b44ed-1024x392.png 1024w, /uploads-archive/lc/2022/06/687c33dc62271d706a7df951e49b44ed-300x115.png 300w, /uploads-archive/lc/2022/06/687c33dc62271d706a7df951e49b44ed-768x294.png 768w, /uploads-archive/lc/2022/06/687c33dc62271d706a7df951e49b44ed-600x230.png 600w, /uploads-archive/lc/2022/06/687c33dc62271d706a7df951e49b44ed-1536x588.png 1536w, /uploads-archive/lc/2022/06/687c33dc62271d706a7df951e49b44ed.png 1692w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p><img loading="lazy" class="aligncenter size-large wp-image-10750" src="/uploads-archive/lc/2022/06/eb476f4fb849998f1945f74eb41e91b3-1024x115.png" alt="" width="1024" height="115" srcset="/uploads-archive/lc/2022/06/eb476f4fb849998f1945f74eb41e91b3-1024x115.png 1024w, /uploads-archive/lc/2022/06/eb476f4fb849998f1945f74eb41e91b3-300x34.png 300w, /uploads-archive/lc/2022/06/eb476f4fb849998f1945f74eb41e91b3-768x86.png 768w, /uploads-archive/lc/2022/06/eb476f4fb849998f1945f74eb41e91b3-600x67.png 600w, /uploads-archive/lc/2022/06/eb476f4fb849998f1945f74eb41e91b3.png 1055w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<h3>再レンダリングの仕組みと最適化</h3>
<p>再レンダリングが起きる条件<br />
・Stateが更新されたコンポーネント<br />
・Propsが更新されたコンポーネント<br />
・再レンダリングされたコンポーネント配下のコンポーネント<br />
階層としてイメージすると上の階層にあるコンポーネントが再レンダリングされた時はそれ以下のコンポーネントも同じように際レンダリングされます。<br />
しかし、これらが大きいものになると毎回無駄な際レンダリングによってパフォーマンスの低下に繋がってしまいます。</p>
<p>そこでコンポーネントのメモ化（カッコで囲む）をすることで親のコンポーネントが再レンダリングしても子のコンポーネントの再レンダリングを防ぐことが可能です。</p>
<p><img loading="lazy" class="aligncenter size-large wp-image-10751" src="/uploads-archive/lc/2022/06/30336e0a445cdcc4023bf454f3afdd61-1024x459.png" alt="" width="1024" height="459" srcset="/uploads-archive/lc/2022/06/30336e0a445cdcc4023bf454f3afdd61-1024x459.png 1024w, /uploads-archive/lc/2022/06/30336e0a445cdcc4023bf454f3afdd61-300x134.png 300w, /uploads-archive/lc/2022/06/30336e0a445cdcc4023bf454f3afdd61-768x344.png 768w, /uploads-archive/lc/2022/06/30336e0a445cdcc4023bf454f3afdd61-600x269.png 600w, /uploads-archive/lc/2022/06/30336e0a445cdcc4023bf454f3afdd61.png 1402w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p><img loading="lazy" class="aligncenter size-large wp-image-10752" src="/uploads-archive/lc/2022/06/8fa19cb3650708f4d12c64c0ca311e46-1024x460.png" alt="" width="1024" height="460" srcset="/uploads-archive/lc/2022/06/8fa19cb3650708f4d12c64c0ca311e46-1024x460.png 1024w, /uploads-archive/lc/2022/06/8fa19cb3650708f4d12c64c0ca311e46-300x135.png 300w, /uploads-archive/lc/2022/06/8fa19cb3650708f4d12c64c0ca311e46-768x345.png 768w, /uploads-archive/lc/2022/06/8fa19cb3650708f4d12c64c0ca311e46-600x270.png 600w, /uploads-archive/lc/2022/06/8fa19cb3650708f4d12c64c0ca311e46.png 1233w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<h3>まとめ</h3>
<p>まだもう少し本の内容的には続きがありますがここまでこの本を使ってきて、１つ１つの工程やそれらの意味をしっかりと理解することで苦手と感じていたものもそうではなく感じるようになってくることから、何事も基礎の部分を丁寧に理解していくことの重要性を感じました。JavascriptやReactに限らず、苦手と思っていた分野に向き合うためには初心に戻ってみるということも必要だと思いました。</p>
<p>&nbsp;</p>
<h4>【書籍紹介】</h4>
<p>モダンJavaScriptの基本から始める React実践の教科書 (最新ReactHooks対応) (Informatics&amp;IDEA)</p>
<p><iframe loading="lazy" title="モダンJavaScriptの基本から始める React実践の教科書 (最新ReactHooks対応) (Informatics&amp;IDEA)" type="text/html" width="500" height="550" frameborder="0" allowfullscreen style="max-width:100%" src="https://read.amazon.com.au/kp/card?preview=inline&#038;linkCode=kpd&#038;ref_=k4w_oembed_TWIT67ppMweYc5&#038;asin=481561072X&#038;tag=kpembed-20"></iframe></p>


【書籍紹介】挫折しない！？基本から学べるReact実践の教科書とは


<h2>はじめに</h2>



<p>表題の通りですが、中国向けにスニーカーの越境ECを行うことが出来るpoizonというアプリを調べました。</p>



<p>紛らわしいのですが、<br>日本から中国への販売専用のアプリがpoizonで、<br>中国現地の人がその商品を購入するためのアプリが得物といいます。</p>



<p>得物についての紹介はネット上にいくつかあるのですが、<br>Poizonを使って実際に日本から出品、販売した情報はまだあまり無いようです。</p>



<p>得物の概要などが書かれているサイトは下記などです。<br><a href="https://eczine.jp/article/detail/8569?p=4" target="_blank" rel="noreferrer noopener">https://eczine.jp/article/detail/8569?p=4<br></a><a href="https://wasabi-inc.biz/2021/05/30/e-commerce_china_03/" target="_blank" rel="noreferrer noopener">https://wasabi-inc.biz/2021/05/30/e-commerce_china_03/</a></p>



<p></p>



<h2>poizonでどうやって出品して売る？</h2>



<p>今回、実際に出店するためにアプリをダウンロードしてみました。</p>



<div class="wp-block-columns">
<div class="wp-block-column" style="flex-basis:50%">
<figure class="wp-block-image size-large"><img loading="lazy" width="473" height="1024" src="/uploads-archive/lc/2022/06/IMG_5624-473x1024.png" alt="" class="wp-image-10698" srcset="/uploads-archive/lc/2022/06/IMG_5624-473x1024.png 473w, /uploads-archive/lc/2022/06/IMG_5624-139x300.png 139w, /uploads-archive/lc/2022/06/IMG_5624-768x1662.png 768w, /uploads-archive/lc/2022/06/IMG_5624-600x1298.png 600w, /uploads-archive/lc/2022/06/IMG_5624-710x1536.png 710w, /uploads-archive/lc/2022/06/IMG_5624-947x2048.png 947w, /uploads-archive/lc/2022/06/IMG_5624.png 1284w" sizes="(max-width: 473px) 100vw, 473px" /></figure>
</div>



<div class="wp-block-column" style="flex-basis:50%">
<figure class="wp-block-image size-large"><img loading="lazy" width="473" height="1024" src="/uploads-archive/lc/2022/06/IMG_5625-473x1024.png" alt="" class="wp-image-10697" srcset="/uploads-archive/lc/2022/06/IMG_5625-473x1024.png 473w, /uploads-archive/lc/2022/06/IMG_5625-139x300.png 139w, /uploads-archive/lc/2022/06/IMG_5625-768x1662.png 768w, /uploads-archive/lc/2022/06/IMG_5625-600x1298.png 600w, /uploads-archive/lc/2022/06/IMG_5625-710x1536.png 710w, /uploads-archive/lc/2022/06/IMG_5625-947x2048.png 947w, /uploads-archive/lc/2022/06/IMG_5625.png 1284w" sizes="(max-width: 473px) 100vw, 473px" /></figure>
</div>
</div>



<p>まず、国や言語を選択します。</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="473" height="1024" src="/uploads-archive/lc/2022/06/IMG_5626-473x1024.png" alt="" class="wp-image-10696" srcset="/uploads-archive/lc/2022/06/IMG_5626-473x1024.png 473w, /uploads-archive/lc/2022/06/IMG_5626-139x300.png 139w, /uploads-archive/lc/2022/06/IMG_5626-768x1662.png 768w, /uploads-archive/lc/2022/06/IMG_5626-600x1298.png 600w, /uploads-archive/lc/2022/06/IMG_5626-710x1536.png 710w, /uploads-archive/lc/2022/06/IMG_5626-947x2048.png 947w, /uploads-archive/lc/2022/06/IMG_5626.png 1284w" sizes="(max-width: 473px) 100vw, 473px" /></figure>



<p>そして、アプリ内のトップページに入ると、このような見た目になっています。</p>



<p>一見、普通ののECサイトのようです。</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="473" height="1024" src="/uploads-archive/lc/2022/06/IMG_5629-473x1024.png" alt="" class="wp-image-10694" srcset="/uploads-archive/lc/2022/06/IMG_5629-473x1024.png 473w, /uploads-archive/lc/2022/06/IMG_5629-139x300.png 139w, /uploads-archive/lc/2022/06/IMG_5629-768x1662.png 768w, /uploads-archive/lc/2022/06/IMG_5629-600x1298.png 600w, /uploads-archive/lc/2022/06/IMG_5629-710x1536.png 710w, /uploads-archive/lc/2022/06/IMG_5629-947x2048.png 947w, /uploads-archive/lc/2022/06/IMG_5629.png 1284w" sizes="(max-width: 473px) 100vw, 473px" /></figure>



<p>商品を選択すると、このような画面が開きます。</p>



<p>ここで、ECサイトとは大きく違うのが「出品」という文字。これは出品のプラットフォームだったんだ、ということを改めて気づかされますね。</p>



<div class="wp-block-columns">
<div class="wp-block-column" style="flex-basis:50%">
<figure class="wp-block-image size-large"><img loading="lazy" width="473" height="1024" src="/uploads-archive/lc/2022/06/IMG_5630-473x1024.png" alt="" class="wp-image-10693" srcset="/uploads-archive/lc/2022/06/IMG_5630-473x1024.png 473w, /uploads-archive/lc/2022/06/IMG_5630-139x300.png 139w, /uploads-archive/lc/2022/06/IMG_5630-768x1662.png 768w, /uploads-archive/lc/2022/06/IMG_5630-600x1298.png 600w, /uploads-archive/lc/2022/06/IMG_5630-710x1536.png 710w, /uploads-archive/lc/2022/06/IMG_5630-947x2048.png 947w, /uploads-archive/lc/2022/06/IMG_5630.png 1284w" sizes="(max-width: 473px) 100vw, 473px" /></figure>
</div>



<div class="wp-block-column" style="flex-basis:50%">
<figure class="wp-block-image size-large"><img loading="lazy" width="473" height="1024" src="/uploads-archive/lc/2022/06/IMG_5631-473x1024.png" alt="" class="wp-image-10692" srcset="/uploads-archive/lc/2022/06/IMG_5631-473x1024.png 473w, /uploads-archive/lc/2022/06/IMG_5631-139x300.png 139w, /uploads-archive/lc/2022/06/IMG_5631-768x1662.png 768w, /uploads-archive/lc/2022/06/IMG_5631-600x1298.png 600w, /uploads-archive/lc/2022/06/IMG_5631-710x1536.png 710w, /uploads-archive/lc/2022/06/IMG_5631-947x2048.png 947w, /uploads-archive/lc/2022/06/IMG_5631.png 1284w" sizes="(max-width: 473px) 100vw, 473px" /></figure>
</div>
</div>



<p>商品の中を色々と見ていくと、このような感じで最近の売れた金額や、価格の上限なども見ることができます。</p>



<p>ここら辺を見ながら、出品時の価格のさじ加減を決めるのでしょう。</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="473" height="1024" src="/uploads-archive/lc/2022/06/IMG_5633-473x1024.png" alt="" class="wp-image-10699" srcset="/uploads-archive/lc/2022/06/IMG_5633-473x1024.png 473w, /uploads-archive/lc/2022/06/IMG_5633-139x300.png 139w, /uploads-archive/lc/2022/06/IMG_5633-768x1662.png 768w, /uploads-archive/lc/2022/06/IMG_5633-600x1298.png 600w, /uploads-archive/lc/2022/06/IMG_5633-710x1536.png 710w, /uploads-archive/lc/2022/06/IMG_5633-947x2048.png 947w, /uploads-archive/lc/2022/06/IMG_5633.png 1284w" sizes="(max-width: 473px) 100vw, 473px" /></figure>



<p>そして、いざ「出品」を押すと出品額の入力画面が出てきます。</p>



<p>送料等を引いて、推定の売り上げを出してくれる部分も嬉しいですね。</p>



<p></p>



<h2>まとめ</h2>



<p>今回は、中国向けスニーカー越境ECでアツい、POISONについて調べてみました。</p>



<p>とにかく「本物」であることが売りで、販売される前に鑑定のプロセスがあるなどの徹底ぶりです。</p>



<p>出品もかなり手軽にできるな、という印象を持ったので、スニーカー関連で越境ECに挑戦されてみたい方、ぜひ一度アプリをダウンロードしてみてくださいね。</p>


スニーカー越境EC！お手軽に中国越境ECができちゃうアプリpoizon（ポイズン）に出品してみた

<h2>はじめに</h2>
<p>越境ECで高い売上を上げるにはどうすればよいのか？EC担当者の永遠のテーマです。</p>
<p>今回はある論文を通して、越境ECを成立させる条件について考えてみます。具体的なサイトにも触れながら、どのような商品がどのような売り方をしているか見ていきましょう。</p>
<h2>越境ECで成功する条件？</h2>
<p>日本政策金融公庫の竹内英二氏が2014年に発表した論文「期待される越境ECとそのリスク」で、越境ECで成功する条件として3つを挙げています。それが下記の3つです。</p>
<ol>
<li>海外の消費者からの信用を得る</li>
<li>海外にないものを提供する</li>
<li>海外で買うより安く良いものを提供する</li>
</ol>
<p>なぜ、この3つなのかの理由をまず紐解いていきましょう。</p>
<p>下記グラフは越境ECを普段利用しない理由について聞いたものです。</p>
<p><div id="attachment_10642" style="width: 461px" class="wp-caption aligncenter"><img aria-describedby="caption-attachment-10642" loading="lazy" class="wp-image-10642 " src="/uploads-archive/lc/2022/05/4308c62f0cd28d81af3713798020507b.png" alt="" width="451" height="314" srcset="/uploads-archive/lc/2022/05/4308c62f0cd28d81af3713798020507b.png 663w, /uploads-archive/lc/2022/05/4308c62f0cd28d81af3713798020507b-300x209.png 300w, /uploads-archive/lc/2022/05/4308c62f0cd28d81af3713798020507b-600x418.png 600w" sizes="(max-width: 451px) 100vw, 451px" /><p id="caption-attachment-10642" class="wp-caption-text">「期待される越境ECとそのリスク」https://www.jfc.go.jp/n/findings/pdf/ronbun1402_01.pdfより引用</p></div></p>
<ul>
<li>サイトの言語が分からない</li>
<li>購入までの手続き・操作方法が分からない</li>
<li>自国のサイトと違う</li>
</ul>
<p>これらのことが特に中国の消費者にとって、越境ECを利用しない理由として、上位にきていることが分かります。</p>
<p><div id="attachment_10643" style="width: 457px" class="wp-caption aligncenter"><img aria-describedby="caption-attachment-10643" loading="lazy" class="wp-image-10643 " src="/uploads-archive/lc/2022/05/1e90fc5a1bcc6d8ca0f83f3a83e08e0d.png" alt="" width="447" height="258" srcset="/uploads-archive/lc/2022/05/1e90fc5a1bcc6d8ca0f83f3a83e08e0d.png 644w, /uploads-archive/lc/2022/05/1e90fc5a1bcc6d8ca0f83f3a83e08e0d-300x173.png 300w, /uploads-archive/lc/2022/05/1e90fc5a1bcc6d8ca0f83f3a83e08e0d-600x347.png 600w" sizes="(max-width: 447px) 100vw, 447px" /><p id="caption-attachment-10643" class="wp-caption-text">「期待される越境ECとそのリスク」https://www.jfc.go.jp/n/findings/pdf/ronbun1402_01.pdfより引用</p></div></p>
<p>つぎのグラフは日本のECサイトから購入する理由について尋ねたものです。</p>
<ul>
<li>求めているブランド(商品)が国内で販売されていない</li>
<li>国内で購入するよりも価格が安い</li>
</ul>
<p>これらの理由が上位を占めていることが分かります。</p>
<p>この調査をもとに前述の竹内は、越境ECで成功する条件として</p>
<ol>
<li>海外の消費者からの信用を得る</li>
<li>海外にないものを提供する</li>
<li>海外で買うより安く良いものを提供する</li>
</ol>
<p>を挙げているのです。</p>
<p>論文は2014年のものですが、この傾向は現在も大きくは変わらないものと思います。この論文を踏まえ、2020年に再度別の研究者から発表された論文があるので、そちらの内容から以下に紹介いたします。</p>
<h2>海外の消費者からの信用を得る！</h2>
<p>海外の消費者から信用を得る方法として紹介されているのは、消費者目線に立ったサイトの制作です。日本語のサイトをそのまま翻訳するのではなく、海外の人の興味関心をひくような作りにすることが大切であると強調されています。</p>
<h3>事例</h3>
<p><div id="attachment_10644" style="width: 500px" class="wp-caption alignnone"><img aria-describedby="caption-attachment-10644" loading="lazy" class=" wp-image-10644" src="/uploads-archive/lc/2022/05/8e55605fb7dc994c90181263c3184975-1024x767.png" alt="" width="490" height="367" srcset="/uploads-archive/lc/2022/05/8e55605fb7dc994c90181263c3184975-1024x767.png 1024w, /uploads-archive/lc/2022/05/8e55605fb7dc994c90181263c3184975-300x225.png 300w, /uploads-archive/lc/2022/05/8e55605fb7dc994c90181263c3184975-768x575.png 768w, /uploads-archive/lc/2022/05/8e55605fb7dc994c90181263c3184975-600x449.png 600w, /uploads-archive/lc/2022/05/8e55605fb7dc994c90181263c3184975.png 1230w" sizes="(max-width: 490px) 100vw, 490px" /><p id="caption-attachment-10644" class="wp-caption-text">https://maiko.ne.jp/より引用</p></div></p>
<p><div id="attachment_10645" style="width: 495px" class="wp-caption alignnone"><img aria-describedby="caption-attachment-10645" loading="lazy" class=" wp-image-10645" src="/uploads-archive/lc/2022/05/cb5796ff88a92007a26ff1bfe1662a14-1024x748.png" alt="" width="485" height="354" srcset="/uploads-archive/lc/2022/05/cb5796ff88a92007a26ff1bfe1662a14-1024x748.png 1024w, /uploads-archive/lc/2022/05/cb5796ff88a92007a26ff1bfe1662a14-300x219.png 300w, /uploads-archive/lc/2022/05/cb5796ff88a92007a26ff1bfe1662a14-768x561.png 768w, /uploads-archive/lc/2022/05/cb5796ff88a92007a26ff1bfe1662a14-600x438.png 600w, /uploads-archive/lc/2022/05/cb5796ff88a92007a26ff1bfe1662a14.png 1264w" sizes="(max-width: 485px) 100vw, 485px" /><p id="caption-attachment-10645" class="wp-caption-text">https://chinese.maiko.ne.jp/より引用</p></div></p>
<p>株式会社タミヤは「舞妓の茶本舗」という名前でECと国内店舗を営業しています。コチラのサイトは日本語のほかに英語、ドイツ語、中国語に対応しています。</p>
<p>注目していただきたいのが、日本語のサイトとその他の言語のサイトで構成が若干異なっていることです。日本語のサイトではまず初めに、新着情報が目に入るのに対して、外国語のサイトでは、新着情報が省略され、お茶の歴史といった商品の魅力そのものを伝えるよう意図された構成になっています。</p>
<h2>海外にないものを提供する</h2>
<p><div id="attachment_10646" style="width: 445px" class="wp-caption alignnone"><img aria-describedby="caption-attachment-10646" loading="lazy" class=" wp-image-10646" src="/uploads-archive/lc/2022/05/d6402bf6f5610cbd5898a478f9189d19-1024x466.png" alt="" width="435" height="198" srcset="/uploads-archive/lc/2022/05/d6402bf6f5610cbd5898a478f9189d19-1024x466.png 1024w, /uploads-archive/lc/2022/05/d6402bf6f5610cbd5898a478f9189d19-300x137.png 300w, /uploads-archive/lc/2022/05/d6402bf6f5610cbd5898a478f9189d19-768x350.png 768w, /uploads-archive/lc/2022/05/d6402bf6f5610cbd5898a478f9189d19-600x273.png 600w, /uploads-archive/lc/2022/05/d6402bf6f5610cbd5898a478f9189d19-1536x700.png 1536w, /uploads-archive/lc/2022/05/d6402bf6f5610cbd5898a478f9189d19.png 1888w" sizes="(max-width: 435px) 100vw, 435px" /><p id="caption-attachment-10646" class="wp-caption-text">https://en.knot-designs.com/より引用</p></div></p>
<p>海外にないものというと日本の伝統工芸品や食品を思い浮かべる方も多いでしょう。血義に紹介するサイトは日本の職人の技術を活かした商品を海外で展開している事例です。</p>
<p>Knoto社は完全国産の腕時計で高品質でありながらも1万円代中盤から購入できることで人気を得ています。また、ベルトには長野県に伝わるタンニンなめしや山梨県のジャカード織りなど日本各地の伝統的な技法が使われており、まさに海外にないものを提供している一例です。</p>
<h2>海外で買うより安く良いものを提供する</h2>
<p>海外のデパートで正規輸入されたものを購入するより越境ECで買ったほうが安かったり、その国での需要はあまりないが、日本では安く販売されていたりする商品は、海外現地よりも安く提供できることがあります。</p>
<p>ただ日本からの越境ECの場合、国際送料がコスト増の原因になってしまうため、お得な見せ方や、そのサイトでしか買えない特徴を出していくことは必要でしょう。</p>
<h2>まとめ</h2>
<p>今回は、越境ECで成功する条件を論文を元に紹介しました。<br />
この3つだけでなく、売れる原因、売れない原因は他にもたくさんあると思います。<br />
弊社としても、色々試行錯誤して、越境ECでの勝ちパターンをもっと突き詰めて探求していきたいと思います。<br />
<small><br />
《参考・画像出典》<br />
<a href="http://「期待される越境ECとそのリスク」https://www.jfc.go.jp/n/findings/pdf/ronbun1402_01.pdfより引用">「期待される越境ECとそのリスク」</a><br />
<a href="https://www.jiu.ac.jp/files/user/education/books/pdf/2020-24-010.pdf">「日本の中小企業における越境EC戦略の可能性と重要性-対中国越境ECの現状と課題」</a><br />
</small></p>

photo-1511068797325-6083f0f872b1.avif

越境ECで成功する条件？


<h2>はじめに</h2>



<p>世界のEC商戦を見てみよう第二弾。</p>



<p>前回は「母の日」をご紹介させて頂きましたが、今回はその約一か月後になる「父の日」を紹介させて頂きます。</p>


  <div class="lcLink">
    <a href="https://launchcart.jp/contents/ekkyo-ec_mother-day/">
      <figure class="lcLink__figure"><img src="/uploads-archive/lc/2022/04/brooke-lark-pXEsx3kRuNc-unsplash-300x200.jpg" alt="世界の「母の日」と越境EC"></figure>
      <div class="lcLink__text">
        <h3 class="lcLink__title">世界の「母の日」と越境EC</h3>
        <div class="lcLink__info">
          <p class="lcLink__category">越境ECコラム</p>
          <p class="lcLink__date">2022.4.26</p>
        </div>
      </div>
    </a>
  </div>



<h2>日本の「父の日」</h2>



<p>まずは、日本の父の日から紹介します。</p>



<blockquote class="wp-block-quote"><p>父の日（ちちのひ）は、父に感謝を表す日。アメリカ合衆国のドッド夫人が「母の日」にならって、父親に感謝するために白いバラを贈ったのが始まり。</p><cite>出典：<a href="https://ja.wikipedia.org/wiki/%E7%88%B6%E3%81%AE%E6%97%A5" data-type="URL">Wikipedia</a></cite></blockquote>



<p>&nbsp;「父の日」は前回ご紹介した「母の日」に習った風習であることが分かりました。1972年には、アメリカで正式に国の記念日に制定されているそうです。母の日のカーネーションに対して、白いバラとのことですが、果たしてお父さんに白いバラの印象はございますか？</p>



<p>また、ECの商戦に合わせて特集ページを見ていきたいと思います。</p>



<p>※Amazonは相変わらずトップページからの導線は見当たらないものの、検索エンジンからは特集ページに遷移することが出来ます。</p>



<h3>楽天の「父の日」特集</h3>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="706" src="/uploads-archive/lc/2022/05/9d9fde52c09933a9304ce195c5373f04-1024x706.png" alt="" class="wp-image-10631" srcset="/uploads-archive/lc/2022/05/9d9fde52c09933a9304ce195c5373f04-1024x706.png 1024w, /uploads-archive/lc/2022/05/9d9fde52c09933a9304ce195c5373f04-300x207.png 300w, /uploads-archive/lc/2022/05/9d9fde52c09933a9304ce195c5373f04-768x529.png 768w, /uploads-archive/lc/2022/05/9d9fde52c09933a9304ce195c5373f04-600x414.png 600w, /uploads-archive/lc/2022/05/9d9fde52c09933a9304ce195c5373f04.png 1230w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption><a href="https://event.rakuten.co.jp/mother/" target="_blank" rel="noreferrer noopener">https://event.rakuten.co.jp/mother/</a></figcaption></figure>



<h3>Amazonの「父の日」特集</h3>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="750" src="/uploads-archive/lc/2022/05/01e3ec395eb18a3962e677604b011c53-1024x750.png" alt="" class="wp-image-10617" srcset="/uploads-archive/lc/2022/05/01e3ec395eb18a3962e677604b011c53-1024x750.png 1024w, /uploads-archive/lc/2022/05/01e3ec395eb18a3962e677604b011c53-300x220.png 300w, /uploads-archive/lc/2022/05/01e3ec395eb18a3962e677604b011c53-768x563.png 768w, /uploads-archive/lc/2022/05/01e3ec395eb18a3962e677604b011c53-600x440.png 600w, /uploads-archive/lc/2022/05/01e3ec395eb18a3962e677604b011c53.png 1350w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3>Yahooショッピングの「父の日」特集</h3>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="806" src="/uploads-archive/lc/2022/05/55771373c8aa5db9f83b7251836b6e7e-1024x806.png" alt="" class="wp-image-10619" srcset="/uploads-archive/lc/2022/05/55771373c8aa5db9f83b7251836b6e7e-1024x806.png 1024w, /uploads-archive/lc/2022/05/55771373c8aa5db9f83b7251836b6e7e-300x236.png 300w, /uploads-archive/lc/2022/05/55771373c8aa5db9f83b7251836b6e7e-768x604.png 768w, /uploads-archive/lc/2022/05/55771373c8aa5db9f83b7251836b6e7e-600x472.png 600w, /uploads-archive/lc/2022/05/55771373c8aa5db9f83b7251836b6e7e.png 1050w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption><a href="https://shopping.yahoo.co.jp/promotion/event/seasonal/mothersday/" data-type="URL" data-id="https://shopping.yahoo.co.jp/promotion/event/seasonal/mothersday/">https://shopping.yahoo.co.jp/promotion/event/seasonal/mothersday/</a></figcaption></figure>



<p>ご覧いただきました通り、グルメ、お酒の訴求が目立ち、お花カテゴリーはYahooショッピングでひっそりとあるといった具合です。この事実は、街中での訴求や筆者の感覚とも一致します。</p>



<h2>世界の「父の日」</h2>



<p>次に世界の「父の日」を見てみます。</p>



<h3>世界の「父の日」の日付</h3>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="804" src="/uploads-archive/lc/2022/05/d1b2621573cb8800ab74937e537eabf1-1024x804.png" alt="" class="wp-image-10635" srcset="/uploads-archive/lc/2022/05/d1b2621573cb8800ab74937e537eabf1-1024x804.png 1024w, /uploads-archive/lc/2022/05/d1b2621573cb8800ab74937e537eabf1-300x236.png 300w, /uploads-archive/lc/2022/05/d1b2621573cb8800ab74937e537eabf1-768x603.png 768w, /uploads-archive/lc/2022/05/d1b2621573cb8800ab74937e537eabf1-600x471.png 600w, /uploads-archive/lc/2022/05/d1b2621573cb8800ab74937e537eabf1-1536x1206.png 1536w, /uploads-archive/lc/2022/05/d1b2621573cb8800ab74937e537eabf1-2048x1608.png 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption><a href="https://ja.wikipedia.org/wiki/%E7%88%B6%E3%81%AE%E6%97%A5" target="_blank" rel="noreferrer noopener">https://ja.wikipedia.org/wiki/%E6%AF%8D%E3%81%AE%E6%97%A5</a></figcaption></figure>



<p>上図もWikipediaの引用からとなりますが、基本は発祥の地であるアメリカの6月第３週の日曜日であることが多数を占めておりますが、母の日以上にバラバラに設定されていることが分かります。</p>



<h3>台湾（8月8日）</h3>



<p>ここで一つ面白いのが台湾は8月8日が固定となっています。</p>



<p>これは、</p>



<blockquote class="wp-block-quote"><p>台湾の父の日（父親節）は毎年8月8日である。これは、「パパ」（表記は爸爸）と中国語での「八八」の発音が似ていることに由来している。</p><cite><meta charset="utf-8"><a rel="noreferrer noopener" href="https://ja.wikipedia.org/wiki/%E7%88%B6%E3%81%AE%E6%97%A5" target="_blank">https://ja.wikipedia.org/wiki/%E6%AF%8D%E3%81%AE%E6%97%A5</a></cite></blockquote>



<p>とあり、発音が由来となっている点です。もし、日本で発音を由来とする記念日があったならば、<meta charset="utf-8">8月8日こそ「母の日」となるのではないでしょうか？</p>



<h2>父の日と越境EC</h2>



<h3>Shopeeフィリピンの「父の日」特集</h3>



<figure class="wp-block-image size-full"><img loading="lazy" width="867" height="718" src="/uploads-archive/lc/2022/05/Shopee-6-6-Super-Flash-Sale-Father-s-Day-Gift-Ideas-TeknoGadyet.png" alt="" class="wp-image-10637" srcset="/uploads-archive/lc/2022/05/Shopee-6-6-Super-Flash-Sale-Father-s-Day-Gift-Ideas-TeknoGadyet.png 867w, /uploads-archive/lc/2022/05/Shopee-6-6-Super-Flash-Sale-Father-s-Day-Gift-Ideas-TeknoGadyet-300x248.png 300w, /uploads-archive/lc/2022/05/Shopee-6-6-Super-Flash-Sale-Father-s-Day-Gift-Ideas-TeknoGadyet-768x636.png 768w, /uploads-archive/lc/2022/05/Shopee-6-6-Super-Flash-Sale-Father-s-Day-Gift-Ideas-TeknoGadyet-600x497.png 600w" sizes="(max-width: 867px) 100vw, 867px" /><figcaption><a rel="noreferrer noopener" href="https://shopee.sg/m/mothers-day-gifts" data-type="URL" data-id="https://shopee.sg/m/mothers-day-gifts" target="_blank">https://shopee.sg/m/mothershttps://www.teknogadyet.com/2019/06/acer-joins-shopee-66-77-lowest-price-sale.html-day-gifts</a></figcaption></figure>



<p>2年前の記事にはなりますが、Shopeeのアンバサダーであるフィリピンの英雄パッキャオがshopeeのボクサーパンツを履いて訴求しています。記事の内容としても、ギフトのアイデアということで見てみますと</p>



<ol><li>モバイルバッテリー</li><li>パーカー</li><li>バックパック</li><li>扇風機</li><li>ヘッドフォン</li><li>シートカバー</li><li>水筒</li><li>マッサージガン</li><li>液晶テレビ</li></ol>



<p>とものすごく実用的なアイテムが提案されています。</p>



<h3>LAZADAシンガポールの<meta charset="utf-8">「父の日」特集</h3>



<figure class="wp-block-image size-large is-resized"><img loading="lazy" src="/uploads-archive/lc/2022/05/Father-s-Day-Gifts-Up-to-60-Off-Lazada-sg-534x1024.png" alt="" class="wp-image-10638" width="534" height="1024" srcset="/uploads-archive/lc/2022/05/Father-s-Day-Gifts-Up-to-60-Off-Lazada-sg-534x1024.png 534w, /uploads-archive/lc/2022/05/Father-s-Day-Gifts-Up-to-60-Off-Lazada-sg-156x300.png 156w, /uploads-archive/lc/2022/05/Father-s-Day-Gifts-Up-to-60-Off-Lazada-sg-768x1472.png 768w, /uploads-archive/lc/2022/05/Father-s-Day-Gifts-Up-to-60-Off-Lazada-sg-600x1150.png 600w, /uploads-archive/lc/2022/05/Father-s-Day-Gifts-Up-to-60-Off-Lazada-sg-801x1536.png 801w, /uploads-archive/lc/2022/05/Father-s-Day-Gifts-Up-to-60-Off-Lazada-sg-1068x2048.png 1068w, /uploads-archive/lc/2022/05/Father-s-Day-Gifts-Up-to-60-Off-Lazada-sg.png 1497w" sizes="(max-width: 534px) 100vw, 534px" /><figcaption><a href="https://pages.lazada.sg/wow/i/sg/SGCampaign/fathers-day-gift?hybrid=1&amp;scm=1003.4.icms-zebra-5023929-2776716.OTHER_5291962825_2431946">https://pages.lazada.sg/wow/i/sg/SGCampaign/fathers-day-gift?hybrid=1&amp;scm=1003.4.icms-zebra-5023929-2776716.OTHER_5291962825_2431946</a></figcaption></figure>



<h3>Lazadaで買える父の日ギフトアイデア20</h3>



<figure class="wp-block-image size-large"><img loading="lazy" width="998" height="1024" src="/uploads-archive/lc/2022/05/Fathers-Day-Gift-Ideas-20-Items-You-Can-Buy-on-Lazada-998x1024.png" alt="" class="wp-image-10639" srcset="/uploads-archive/lc/2022/05/Fathers-Day-Gift-Ideas-20-Items-You-Can-Buy-on-Lazada-998x1024.png 998w, /uploads-archive/lc/2022/05/Fathers-Day-Gift-Ideas-20-Items-You-Can-Buy-on-Lazada-292x300.png 292w, /uploads-archive/lc/2022/05/Fathers-Day-Gift-Ideas-20-Items-You-Can-Buy-on-Lazada-768x788.png 768w, /uploads-archive/lc/2022/05/Fathers-Day-Gift-Ideas-20-Items-You-Can-Buy-on-Lazada-600x616.png 600w, /uploads-archive/lc/2022/05/Fathers-Day-Gift-Ideas-20-Items-You-Can-Buy-on-Lazada-1497x1536.png 1497w, /uploads-archive/lc/2022/05/Fathers-Day-Gift-Ideas-20-Items-You-Can-Buy-on-Lazada-1996x2048.png 1996w" sizes="(max-width: 998px) 100vw, 998px" /><figcaption><a rel="noreferrer noopener" href="https://www.tripzilla.ph/fathers-day-gift-ideas/28022/amp/" data-type="URL" data-id="https://www.tripzilla.ph/fathers-day-gift-ideas/28022/amp/" target="_blank">https://www.tripzilla.ph/fathers-day-gift-ideas/28022/</a></figcaption></figure>



<p>2021年版ではありますが、このような記事もありました。</p>



<ol><li>ラップトップスタンド</li><li>タブレットスタンド</li><li>袖机</li><li>オフィスチェア</li><li>コーヒーマシン</li><li>マグカップ</li><li>電気コースター</li><li>表彰楯</li><li>トロフィー</li><li>電動ドリル</li><li>フードプロセッサー</li><li>ツールペン</li><li>チェス</li><li>ジグソーパズル</li><li>プロジェクター</li><li>首マッサージ器</li><li>足マッサージ器</li><li>ターンテーブル</li><li>時計</li><li>テント</li><li>ワイヤレスイヤホン</li><li>Qi充電器</li></ol>



<p>といった具合で、お父さんに求めるものは、もっと働くための何かか、子供と遊ぶための道具か、家事の道具といったところなのでしょう。</p>



<h2>まとめ</h2>



<p>今回は、日本とアジア各国の「父の日商戦」について調べてみました。母の日の商材と違い、実用的なものがメインで出されているのが印象的でした。</p>



<p>2ヶ月連続ですが、これを機に両親に孝行してみるのも良いかもしれませんね。</p>


世界の「父の日」と越境EC

【React】Dexie.jsでIndexedDBを使ってみました

<p>多くのカートでは休日を設定できます。</p>
<p>カレンダーを表示して問い合わせなどの対応可能日時を伝えるというような内容に加え、バックエンドでは休日には発送処理ができないので、お届け日や発送日といったシステムで使用する日付の調整に使っています。</p>
<p>日本国内だけの運用であれば簡単なのですが、越境ECや海外でのECの場合、更にはその組み合わせや複数国にまたがって在庫を置いている場合などは各国ごとの休日を管理する必要があります。</p>
<p>日本にいるとあまり感じることはありませんが、国によっては休日は複雑で、例えば州によって異なったり、年によって祝日の日程が変化したりなどの事情があります。</p>
<p>カートとしてはそれらを自動登録できるとユーザーにとって使いやすいですが、それらの情報をリアルタイムで正しく知る必要があります。今回はそれを解決できるサービスを検証し5つ選定しました。</p>
<p>&nbsp;</p>
<table>
<tbody>
<tr>
<th>サービス名</th>
<th>年額</th>
<th>リクエスト数</th>
<th>対応国数</th>
<th>対応地域数</th>
</tr>
<tr>
<td><a href="https://holidayapi.com/" target="_blank" rel="noopener">Holiday API</a></td>
<td>349USD</td>
<td>無制限</td>
<td>250</td>
<td>3680</td>
</tr>
<tr>
<td><a href="https://calendarific.com/" target="_blank" rel="noopener">CALENDARIFIC</a></td>
<td>300USD</td>
<td>無制限</td>
<td>230</td>
<td>3300</td>
</tr>
<tr>
<td><a href="https://getfestivo.com/" target="_blank" rel="noopener">festivo</a></td>
<td>599USD</td>
<td>100万</td>
<td>231</td>
<td>1737</td>
</tr>
<tr>
<td><a href="https://dev.timeanddate.com/holidays/" target="_blank" rel="noopener">dev.timeanddate.com</a></td>
<td>999USD</td>
<td>50万</td>
<td>230</td>
<td>?</td>
</tr>
<tr>
<td><a href="https://developers.google.com/calendar/api" target="_blank" rel="noopener">Google Calendar API</a></td>
<td>無料</td>
<td>100万</td>
<td>79</td>
<td>?</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p>多数の国、地域に対応する場合はHoliday APIが最もコスパが良さそうです。</p>
<p>Google Calendar APIは無料ですがGoogle Calenderがサービス展開している79カ国でしか使用できないのと、地域での区分がありませんでした。簡易的に使用するのでGoogle Calendar APIが最も良さそうです。</p>
<p>&nbsp;</p>


世界の休日を取得できるAPI5選

覚えておいて損はない？モダンcssを使用した要素の中央揃え

<p>最近GitHubを触る機会が多くなって、日々利用しているので、今日はGitHubのショットカットキーを紹介したいと思います。</p>
<h2>s または /</h2>
<p>左上にある検索バーでリポジトリの検索ができますが、キーボードから「s」または「/」を押すと検索バーが活性化されます。訪問したリポジトリがプルダウンに出てくるので方向キーでナビゲーションすることもできますし、キーワードを入れて検索することもできます。</p>
<p><img loading="lazy" class="alignnone wp-image-10620 size-medium" src="/uploads-archive/lc/2022/05/808e2fbc7f1dd11cbf791f155145c637-300x35.png" alt="" width="300" height="35" srcset="/uploads-archive/lc/2022/05/808e2fbc7f1dd11cbf791f155145c637-300x35.png 300w, /uploads-archive/lc/2022/05/808e2fbc7f1dd11cbf791f155145c637-1024x121.png 1024w, /uploads-archive/lc/2022/05/808e2fbc7f1dd11cbf791f155145c637-768x90.png 768w, /uploads-archive/lc/2022/05/808e2fbc7f1dd11cbf791f155145c637-600x71.png 600w, /uploads-archive/lc/2022/05/808e2fbc7f1dd11cbf791f155145c637.png 1070w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<h2>w</h2>
<p>リポジトリで、「w」を押すとブランチ/タグ切り替えにフォーカスします。</p>
<p><img loading="lazy" class="alignnone size-medium wp-image-10621" src="/uploads-archive/lc/2022/05/3dff6abff98e14c238cfeff51a2227f0-300x204.png" alt="" width="300" height="204" srcset="/uploads-archive/lc/2022/05/3dff6abff98e14c238cfeff51a2227f0-300x204.png 300w, /uploads-archive/lc/2022/05/3dff6abff98e14c238cfeff51a2227f0-600x409.png 600w, /uploads-archive/lc/2022/05/3dff6abff98e14c238cfeff51a2227f0.png 716w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<h2>t</h2>
<p>リポジトリで、色々ファイルを確認できますが、一つずつクリックして確認するよりは、キーボードから「t」を押すとファイルファインダーが開きます。Tipにも出た通り方向キーやEnterキー、キーワード検索を利用して、キーボードのみで便利に使えます。</p>
<p><img loading="lazy" class="alignnone wp-image-10622 size-medium" src="/uploads-archive/lc/2022/05/222694e95e13c5432a95585c04319c28-300x139.png" alt="" width="300" height="139" srcset="/uploads-archive/lc/2022/05/222694e95e13c5432a95585c04319c28-300x139.png 300w, /uploads-archive/lc/2022/05/222694e95e13c5432a95585c04319c28-1024x476.png 1024w, /uploads-archive/lc/2022/05/222694e95e13c5432a95585c04319c28-768x357.png 768w, /uploads-archive/lc/2022/05/222694e95e13c5432a95585c04319c28-600x279.png 600w, /uploads-archive/lc/2022/05/222694e95e13c5432a95585c04319c28-1536x714.png 1536w, /uploads-archive/lc/2022/05/222694e95e13c5432a95585c04319c28-2048x952.png 2048w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<h2>.(dot)</h2>
<p>リポジトリで(ブランチを選択し)、「.」を押すと、Codespaces(コードスペース)が開きます。</p>
<p><img loading="lazy" class="alignnone size-medium wp-image-10623" src="/uploads-archive/lc/2022/05/290c0e556a96b384997b69d39dfc6e75-300x42.png" alt="" width="300" height="42" srcset="/uploads-archive/lc/2022/05/290c0e556a96b384997b69d39dfc6e75-300x42.png 300w, /uploads-archive/lc/2022/05/290c0e556a96b384997b69d39dfc6e75-600x84.png 600w, /uploads-archive/lc/2022/05/290c0e556a96b384997b69d39dfc6e75.png 718w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<h2><span class="notion-enable-hover" data-token-index="1" data-reactroot="">⌘</span> + k (Mac) / Ctrl + k (Windows)</h2>
<p>こちらでcommand palette（コマンドパレット）が出てきます。</p>
<p>コマンドパレットを使用することにより、リポジトリや組織、プルリクエスト、issue、プロジェクト、ファイルなどを検索して素早く移動できます。検索する時は必要に応じて以下+キーワードを入れてください。</p>
<ul>
<li><code>「#」</code>   issue、プルリクエスト、ディスカッション、プロジェクトを検索する</li>
<li><code>「!」</code>   プロジェクトを検索する</li>
<li><code>「/」</code>  リポジトリスコープ内のファイルを検索する</li>
<li><code>「&gt;」</code>   コマンドモードに入る</li>
<li><code>「@」</code>   ユーザー、組織、およびリポジトリを検索する</li>
</ul>
<p>コマンドパレットはまだベータ版なので今後変更事項はありそうです。</p>
<p><img loading="lazy" class="alignnone size-medium wp-image-10624" src="/uploads-archive/lc/2022/05/04adeea8c72fbf371d165fd81841f632-300x161.png" alt="" width="300" height="161" srcset="/uploads-archive/lc/2022/05/04adeea8c72fbf371d165fd81841f632-300x161.png 300w, /uploads-archive/lc/2022/05/04adeea8c72fbf371d165fd81841f632-1024x551.png 1024w, /uploads-archive/lc/2022/05/04adeea8c72fbf371d165fd81841f632-768x413.png 768w, /uploads-archive/lc/2022/05/04adeea8c72fbf371d165fd81841f632-600x323.png 600w, /uploads-archive/lc/2022/05/04adeea8c72fbf371d165fd81841f632-1536x826.png 1536w, /uploads-archive/lc/2022/05/04adeea8c72fbf371d165fd81841f632-2048x1102.png 2048w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<h3>まとめ</h3>
<p>以上GitHubのショットカットキー５選でした。</p>
<p>他に、キーボードで「?」を押すと、そのページで使えるショットカットキー一覧が出てくるので、色々確認できます。</p>
<p>クリックして探すよりは地味に効率上がりますので、使ってない方は使ってみてください〜</p>


すぐ使えるGitHubのショットカットキー５選

<p>2022年5月10日、かがやきグループ 株式会社経理バンク様と共に、It導入補助金を活用した越境ECセミナーを開催いたしました。今回は、そのダイジェスト版を実際にセミナーで用いられたスライド（一部抜粋）を使ってご説明いたします。</p>
<ol>
<li>IT導入補助金活用セミナー<br />
〜コストを抑えてITツール・ITサービスを導入するチャンスです！～</li>
<li>アジア越境EC導入実績No1のカート会社が語る、初期コストを抑えた越境EC進出法</li>
</ol>
<h2>１．IT導入補助金活用セミナー〜コストを抑えてITツール・ITサービスを導入するチャンスです！～</h2>
<p>第1部では、かがやきグループ 株式会社経理バンクの大沢様より、IT導入補助金の概要や、申請のポイントについて教えていただきました。<br />
<img loading="lazy" src="/uploads-archive/lc/2022/05/519f506789864ef3f1484c8404baca46-1024x766.png" alt="" width="1024" height="766" class="aligncenter size-large wp-image-10580" srcset="/uploads-archive/lc/2022/05/519f506789864ef3f1484c8404baca46-1024x766.png 1024w, /uploads-archive/lc/2022/05/519f506789864ef3f1484c8404baca46-300x224.png 300w, /uploads-archive/lc/2022/05/519f506789864ef3f1484c8404baca46-768x574.png 768w, /uploads-archive/lc/2022/05/519f506789864ef3f1484c8404baca46-600x449.png 600w, /uploads-archive/lc/2022/05/519f506789864ef3f1484c8404baca46.png 1388w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>IT導入補助金の全体的な概要はもちろんのこと、特に今回は、弊社スターフィールドとの共催ということもあり、弊社サービスLaunchCart（ランチカート）で申請ができる「デジタル化基盤導入類型（デジ類）」についてお話しいただきました。</p>
<p>今回、デジタル化基盤導入類型は、補助率や賃上げ要件について、他の枠に比べても優遇されている点があります。越境ECのコストを抑えたいという方にはピッタリです。</p>
<p><img loading="lazy" src="/uploads-archive/lc/2022/05/c003952c75c5bc9c4fed8e967337efad-1024x524.png" alt="" width="1024" height="524" class="aligncenter size-large wp-image-10581" srcset="/uploads-archive/lc/2022/05/c003952c75c5bc9c4fed8e967337efad-1024x524.png 1024w, /uploads-archive/lc/2022/05/c003952c75c5bc9c4fed8e967337efad-300x154.png 300w, /uploads-archive/lc/2022/05/c003952c75c5bc9c4fed8e967337efad-768x393.png 768w, /uploads-archive/lc/2022/05/c003952c75c5bc9c4fed8e967337efad-600x307.png 600w, /uploads-archive/lc/2022/05/c003952c75c5bc9c4fed8e967337efad-1536x787.png 1536w, /uploads-archive/lc/2022/05/c003952c75c5bc9c4fed8e967337efad.png 1861w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>そして、セミナー中にも実際に<a href="https://www.it-hojo.jp/first-one/digital-type.html#anchor02" rel="noopener" target="_blank">シュミレーター</a>を使ってお話しいただきました。</p>
<p>こちらのシュミレーターは、デジタル化基盤導入類型の補助金申請可能額をシミュレーションできるものです。</p>
<p>デジタル化基盤導入類型で申請をご検討されている際には、こちらのシュミレーターを使って補助費用や負担額を調べてみてください。</p>
<h2>２．アジア越境EC導入実績No1のカート会社が語る、初期コストを抑えた越境EC進出法</h2>
<p>第二部では、弊社の生田より、越境EC初めての方向けに越境ECの始め方や、補助金を活用した際のスケジュール感についてお話させていただきました。</p>
<p><img loading="lazy" src="/uploads-archive/lc/2022/05/9fa342abc5c2275268ee188302a8f82f.jpg" alt="" width="960" height="540" class="aligncenter size-full wp-image-10583" srcset="/uploads-archive/lc/2022/05/9fa342abc5c2275268ee188302a8f82f.jpg 960w, /uploads-archive/lc/2022/05/9fa342abc5c2275268ee188302a8f82f-300x169.jpg 300w, /uploads-archive/lc/2022/05/9fa342abc5c2275268ee188302a8f82f-768x432.jpg 768w, /uploads-archive/lc/2022/05/9fa342abc5c2275268ee188302a8f82f-600x338.jpg 600w" sizes="(max-width: 960px) 100vw, 960px" /></p>
<p>まずは、他の海外進出と比べた際の、越境ECのメリットとデメリットについてお話いたしました。</p>
<p>越境ECのメリットは、「日本にいながら海外顧客と直接繋がれる」点です。一方、売れるごとに国際配送をしなくてはいけないため、送料が高くなるというデメリットがあります。</p>
<p><img loading="lazy" src="/uploads-archive/lc/2022/05/e063ba03addbd97c9ef9a8014763669d-1024x573.png" alt="" width="1024" height="573" class="aligncenter size-large wp-image-10582" srcset="/uploads-archive/lc/2022/05/e063ba03addbd97c9ef9a8014763669d-1024x573.png 1024w, /uploads-archive/lc/2022/05/e063ba03addbd97c9ef9a8014763669d-300x168.png 300w, /uploads-archive/lc/2022/05/e063ba03addbd97c9ef9a8014763669d-768x429.png 768w, /uploads-archive/lc/2022/05/e063ba03addbd97c9ef9a8014763669d-600x336.png 600w, /uploads-archive/lc/2022/05/e063ba03addbd97c9ef9a8014763669d-1536x859.png 1536w, /uploads-archive/lc/2022/05/e063ba03addbd97c9ef9a8014763669d.png 1867w" sizes="(max-width: 1024px) 100vw, 1024px" /> </p>
<p>そして、2021年度のIT導入補助金を活用した事例についてもお話させていただきました。補助金は、交付決定をしてからご契約、制作開始となるため、意思決定をしてから公開まで時間がかかります。</p>
<p>また、直近の締切に間に合わず、次回締切まで待たないといけない、ということにならないためにも、補助金の締切に間に合う形で、検討を進めることをオススメいたします。</p>
<h2>まとめ</h2>
<p>小規模での開催とさせていただきましたが、IT導入補助金の申請のポイントから越境ECの始め方まで、幅広い内容を網羅したセミナーとなりました。ご満足いただける方も多かったようで、大変嬉しく思っています。</p>
<p>IT導入補助金を使って越境ECを始めたい方がいらっしゃれば、ぜひお声がけください。</p>
<p>今回のセミナー内容や、各社サービスに関してご質問がございましたら、各社にお問い合わせください。</p>


【越境ECセミナーレポート】最大350万円のコスト減！ プロの語る「IT導入補助金」の詳細と、越境ECの初期コストを徹底公開！

<h2>ミャンマー銀行お金引き落とし（2022年)</h2>
<p>２０２１年２月のクーデター後の銀行からお金引き落とす方法</p>
<h3>以前と変わったところ</h3>
<p>普段のようにATMとかは全然使えなくなりました。<br />
窓口で引き出し人はオンライン予約して、週に決められた金額は出せます。<br />
しかし、予約はいつも満員で、予約ができない。<br />
予約できてもビジネスをする人が足りる金額ではない。</p>
<h3>現状の流れ</h3>
<p>口座の中にあるお金を出したいときは、<br />
現金持っている人にオンラインから送金し、<br />
現金をもらうという流れになってしまいます。<br />
手数料として最初１４％〜現在は５％~３％など払う必要があります。<br />
つまり、口座に入っているお金は<br />
少なくとも３％が損していると言う状況です。</p>
<h3>商売にも大きな影響</h3>
<p>元々現金でもオンライン決済でも支払いができる店が現金払いだけになり、<br />
オンライン決済で支払いたい場合は合計金額＋％を払うようになりました。</p>
<p>最近では「オンライン決済でも０％」と言うような発言でマーケティングをする業者が増えていて、<br />
海外の人から見て、当たり前のことを何言っているだろうと思うかもしれません。</p>
<p>個人的にはキャッシュカードのパスワードすら忘れていますが、<br />
多くの人もそうなっているだろうと思います。</p>


ミャンマー銀行お金引き落とし

medium_スクリーンショット-2022-05-13-10.33.24-768x321.png

small_スクリーンショット-2022-05-13-10.33.24-768x321.png

thumbnail_スクリーンショット-2022-05-13-10.33.24-768x321.png

スクリーンショット-2022-05-13-10.33.24-768x321.png

GraphQL Code GeneratorでGraphQlのschemaからTypescriptの型定義を生成する方法

medium_eyechatc-gcp-terraform-2.jpg

small_eyechatc-gcp-terraform-2.jpg

thumbnail_eyechatc-gcp-terraform-2.jpg

eyechatc-gcp-terraform-2.jpg

Terraform で Cloud Functions をデプロイしてみた

<h1 class="ClapLv1TextBlock_Chie-TextBlock__Text__1jsQC ClapLv1TextBlock_Chie-TextBlock__Text--mediumRelative__3HSR8 ClapLv1TextBlock_Chie-TextBlock__Text--SpaceOut__3kF8R ClapLv1TextBlock_Chie-TextBlock__Text--preLine__2SRma">「どんなメールでも受信しなければいけない時代」の 終わりを告げた</h1>
<h2>はじめに</h2>
<p>2022年3月1日から<a href="https://www.koregasiritai.com/gmail-550-5-7-26-authentication-fails/" rel="noopener" target="_blank">Gmailのスパム判定が厳しくなった</a>ようで、Gmailアドレス宛てに送信すると送信できない旨のエラーが多発しているようです。実際に送信できなかった時の内容を見ていくと、以下の内容でした。</p>
<p><img loading="lazy" class="aligncenter wp-image-10502 size-full" src="/uploads-archive/lc/2022/04/image_2022_4_27.png" alt="" width="690" height="371" srcset="/uploads-archive/lc/2022/04/image_2022_4_27.png 690w, /uploads-archive/lc/2022/04/image_2022_4_27-300x161.png 300w, /uploads-archive/lc/2022/04/image_2022_4_27-600x323.png 600w" sizes="(max-width: 690px) 100vw, 690px" /></p>
<h4>reason: 550-5.7.26 This massage does not have authentication information or fails to</h4>
<p>つまり、「認証するための情報がない/認証に失敗してますよ」という内容です。</p>
<p>知りたいのは、<strong>どうやってこの認証を通したらいいのか</strong>ということですよね。その情報をお伝えしていきます。</p>
<h2>メール認証の対応方法</h2>
<p>結論からお伝えすると、メール認証(SPFやDKIMなど)の設定を行う必要があります。</p>
<p><small></p>
<p>※SPF (Sender Policy Framework)とは、 電子メールの送信元ドメインが詐称されていないかを検査するための仕組みです。</p>
<p>※DKIM (DomainKeys Identified Mail)は、 電子メールにおける送信ドメイン認証技術の一つであり、 メールを送信する際に送信元が電子署名を行い、 受信者がそれを検証することで、 送信者のなりすましやメールの改ざんを検知できるようにするものです。</p>
<p></small></p>
<p>本稿では、SPFについてお伝えしようと思います。</p>
<h3>SPFレコードの設定</h3>
<p><a href="https://www.onamae.com/guide/p/70" rel="noopener" target="_blank">お名前.comのDNS設定</a>を例にお伝えします。<br />
上のリンク(マニュアル)に従って、DNSレコード設定ページまでたどり着いてください。</p>
<p>このページの中盤に、レコードの追加が可能なフォームがあるので、以下のように追加をしてください。</p>
<p><img loading="lazy" class="aligncenter wp-image-10517 size-full" src="/uploads-archive/lc/2022/04/3054a72fe9877aa4830c0cfcfd28d4cc.png" alt="" width="1714" height="484" srcset="/uploads-archive/lc/2022/04/3054a72fe9877aa4830c0cfcfd28d4cc.png 1714w, /uploads-archive/lc/2022/04/3054a72fe9877aa4830c0cfcfd28d4cc-300x85.png 300w, /uploads-archive/lc/2022/04/3054a72fe9877aa4830c0cfcfd28d4cc-1024x289.png 1024w, /uploads-archive/lc/2022/04/3054a72fe9877aa4830c0cfcfd28d4cc-768x217.png 768w, /uploads-archive/lc/2022/04/3054a72fe9877aa4830c0cfcfd28d4cc-600x169.png 600w, /uploads-archive/lc/2022/04/3054a72fe9877aa4830c0cfcfd28d4cc-1536x434.png 1536w" sizes="(max-width: 1714px) 100vw, 1714px" /></p>
<table style="width: 100%; text-align: center;" border="1">
<tbody>
<tr>
<td style="width: 20%; background-color: #f5f5f5;">ホスト名</td>
<td style="width: 80%; background-color: #f5f5f5;">空欄</td>
</tr>
<tr>
<td style="width: 20%; background-color: #f5f5f5;">TYPE</td>
<td style="width: 80%; background-color: #f5f5f5;">TXT</td>
</tr>
<tr>
<td style="width: 20%; background-color: #f5f5f5;">TTL</td>
<td style="width: 80%; background-color: #f5f5f5;">3600</td>
</tr>
<tr>
<td style="width: 20%; background-color: #f5f5f5;">VALUE</td>
<td style="width: 80%; background-color: #f5f5f5;">v=spf1 +ip4:{ 利用しているサーバーのIPアドレス } +a:{ 送信メールサーバー情報(SMTP) } -all</td>
</tr>
</tbody>
</table>
<h4>送信元サーバーとして、Gmailを利用している場合</h4>
<table style="width: 100%; text-align: center;" border="1">
<tbody>
<tr>
<td style="width: 20%; background-color: #f5f5f5;">VALUE</td>
<td style="width: 80%; background-color: #f5f5f5;">v=spf1 +ip4:{ 利用しているサーバーのIPアドレス } +a:smtp.gmail.com -all</td>
</tr>
</tbody>
</table>
<h2>スパムとして判断されやすいメールの特徴</h2>
<p>特にスパムとして判断されやすいメールは、このようなメールです。<br />
ECサイトだと、メルマガや自動返信は基本になってくるので、しっかりと設定をしておく必要があります。</p>
<ul>
<li>メルマガ配信などで定型文を一斉送信している</li>
<li>自動返信メールを送っている</li>
<li>別のサーバー経由で送られている</li>
</ul>
<p>&nbsp;</p>
<h2>まとめ</h2>
<p>これからの認識として、「きちんと設定していないとメールは送信できない/届かない」ということを知っておく必要があります。</p>
<p>メール認証を設定しておくと、組織から送信するメールが相手側で迷惑メールに分類されるのを防ぐことができます。<br />
また、スパマーがあなたのドメインまたは組織を偽装して、なりすましメールやフィッシング メールを送信することを防ぎます。</p>
<p>メールを送信することができないことがわかったら、メール認証の設定を行うようにしてみてくださいね。</p>

Gmailアドレス宛てにメールが送れない時の対処法を解説


<h2>はじめに</h2>



<p>ECには様々な商戦と呼ばれるものがあります。</p>



<p>越境EC界隈で、近年最も有名で大規模なセールといえば11月11日の「独身の日」といえるのではないでしょうか。それらに対抗するように、618セールというのを盛り上げようとする新しい流れがあったりしますが、伝統的なイベントを商業化するのも、一般的なECにおける商戦です。</p>



<p>今回は、そんな中で身近に迫った「母の日」にスポットを当ててみたいと思います。</p>



<h2>日本の「母の日」</h2>



<p>そもそも母の日って世界でどのように捉えれているの？と疑問に持つ方もいらっしゃると思うので、まずは、日本の母の日から紹介します。</p>



<blockquote class="wp-block-quote"><p><strong>母の日</strong>（ははのひ）は、日頃の母の苦労をねぎらい、母への感謝を表す日。アメリカでは以下のアン・ジャービスへの教会での追悼にさかのぼり、毎年5月の第2日曜日に祝い、日本もそれに倣っている</p><cite>出典：<a href="http://参考；Wikipediahttps://ja.wikipedia.org/wiki/%E6%AF%8D%E3%81%AE%E6%97%A5" data-type="URL" data-id="参考；Wikipediahttps://ja.wikipedia.org/wiki/%E6%AF%8D%E3%81%AE%E6%97%A5">Wikipedia</a></cite></blockquote>



<blockquote class="wp-block-quote &quot;wp-block-quote&quot;"><p>大日本連合婦人会が1931年（昭和6年）に結成された。その際、同組織は皇后（香淳皇后）の誕生日である3月6日（地久節）を「母の日」としたが、普及しなかった。</p><p>1937年（昭和12年）5月8日に、第1回「森永母の日大会」（森永母を讃へる会主催、母の日中央委員会協賛）が豊島園で開催された。その後、1949年（昭和24年）ごろからアメリカに倣って5月の第2日曜日に行われるようになった。</p><p>母の日には、カーネーションなどを贈るのが一般的である。母親が健在の場合は赤いカーネーションを贈り、母親が鬼籍に入っている場合は白いカーネーションを贈ることが一般的である。</p><p>なお、5月5日のこどもの日は、国民の祝日に関する法律第2条によると「こどもの人格を重んじ、こどもの幸福をはかるとともに、母に感謝すること」が趣旨となっている。<small></small></p><cite>参考：<a href="https://ja.wikipedia.org/wiki/%E6%AF%8D%E3%81%AE%E6%97%A5" data-type="URL" data-id="https://ja.wikipedia.org/wiki/%E6%AF%8D%E3%81%AE%E6%97%A5" target="_blank" rel="noreferrer noopener">Wikipedia</a></cite></blockquote>



<p>「母の日」の歴史は、昭和初期に遡ることが分かりました。カーネーションを贈る風習もまたアメリカを起源としているようですが、そこから 「母の日」 を商業的に捉える動きが発展していったと推測されます。</p>



<p>昨今では 「母の日」 商戦までに発展し、オフライン、オンライン問わず母の日がイベント化しております。日本の3大モールの例を見てみると漏れなく特集が組まれています。</p>



<p>※Amazonはトップページからの導線は見当たらないものの、検索エンジンからは特集ページに遷移することが出来ます。</p>



<h3>楽天の「母の日」特集</h3>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="852" src="/uploads-archive/lc/2022/04/dd0033af0f993104f14f440e9e3097e0-1024x852.png" alt="" class="wp-image-10251" srcset="/uploads-archive/lc/2022/04/dd0033af0f993104f14f440e9e3097e0-1024x852.png 1024w, /uploads-archive/lc/2022/04/dd0033af0f993104f14f440e9e3097e0-300x250.png 300w, /uploads-archive/lc/2022/04/dd0033af0f993104f14f440e9e3097e0-768x639.png 768w, /uploads-archive/lc/2022/04/dd0033af0f993104f14f440e9e3097e0-600x499.png 600w, /uploads-archive/lc/2022/04/dd0033af0f993104f14f440e9e3097e0-1536x1278.png 1536w, /uploads-archive/lc/2022/04/dd0033af0f993104f14f440e9e3097e0.png 1660w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption><a href="https://event.rakuten.co.jp/mother/" target="_blank" rel="noreferrer noopener">https://event.rakuten.co.jp/mother/</a></figcaption></figure>



<h3>Amazonの「母の日」特集</h3>



<figure class="wp-block-image size-large is-resized"><img loading="lazy" src="/uploads-archive/lc/2022/04/ce52dbd005e94c86e8dc5b70e97c9b56-1024x881.png" alt="" class="wp-image-10252" width="840" height="722" srcset="/uploads-archive/lc/2022/04/ce52dbd005e94c86e8dc5b70e97c9b56-1024x881.png 1024w, /uploads-archive/lc/2022/04/ce52dbd005e94c86e8dc5b70e97c9b56-300x258.png 300w, /uploads-archive/lc/2022/04/ce52dbd005e94c86e8dc5b70e97c9b56-768x660.png 768w, /uploads-archive/lc/2022/04/ce52dbd005e94c86e8dc5b70e97c9b56-600x516.png 600w, /uploads-archive/lc/2022/04/ce52dbd005e94c86e8dc5b70e97c9b56.png 1293w" sizes="(max-width: 840px) 100vw, 840px" /><figcaption><a href="https://www.amazon.co.jp/%E6%AF%8D%E3%81%AE%E6%97%A5/b?ie=UTF8&amp;node=4915940051" data-type="URL" data-id="https://www.amazon.co.jp/%E6%AF%8D%E3%81%AE%E6%97%A5/b?ie=UTF8&amp;node=4915940051" target="_blank" rel="noreferrer noopener">https://www.amazon.co.jp/%E6%AF%8D%E3%81%AE%E6%97%A5/b?ie=UTF8&amp;node=4915940051</a></figcaption></figure>



<h3>Yahooショッピングの「母の日」特集</h3>



<figure class="wp-block-image size-full"><img loading="lazy" width="991" height="888" src="/uploads-archive/lc/2022/04/e6d6d5ebab1101ae6a4ef8ea2ad97278.png" alt="" class="wp-image-10253" srcset="/uploads-archive/lc/2022/04/e6d6d5ebab1101ae6a4ef8ea2ad97278.png 991w, /uploads-archive/lc/2022/04/e6d6d5ebab1101ae6a4ef8ea2ad97278-300x269.png 300w, /uploads-archive/lc/2022/04/e6d6d5ebab1101ae6a4ef8ea2ad97278-768x688.png 768w, /uploads-archive/lc/2022/04/e6d6d5ebab1101ae6a4ef8ea2ad97278-600x538.png 600w" sizes="(max-width: 991px) 100vw, 991px" /><figcaption><a href="https://shopping.yahoo.co.jp/promotion/event/seasonal/mothersday/" data-type="URL" data-id="https://shopping.yahoo.co.jp/promotion/event/seasonal/mothersday/">https://shopping.yahoo.co.jp/promotion/event/seasonal/mothersday/</a></figcaption></figure>



<h2>世界の「母の日」</h2>



<p>次に世界の「母の日」を見てみます。</p>



<blockquote class="wp-block-quote"><p>アイルランドとイギリス<br>「マザリングサンデイ」は移動祝日で、キリスト教暦のレント（四旬節）期間の第4日曜日（復活祭の3週間前）に祝われる。17世紀に始まったとされ、奉公中の子供が教会で母親と面会するなどの行事が行われる。</p><p>アメリカ</p><p>1916年、ノーザン・パシフィック鉄道による母の日のポストカード<br>アメリカでは南北戦争終結直後の1870年、女性参政権運動家ジュリア・ウォード・ハウが、夫や子どもを戦場に送るのを今後絶対に拒否しようと立ち上がり「母の日宣言」（Mother&#8217;s Day Proclamation）を発した。ハウの「母の日」は、南北戦争中にウェストバージニア州で、「母の仕事の日」（Mother&#8217;s Work Days）と称して、敵味方問わず負傷兵の衛生状態を改善するために地域の女性を結束させたアン・ジャービス（Ann Jarvis）の活動にヒントを得たものだが、結局普及することはなかった。</p><p>ジャービスの死後2年経った1907年5月12日、その娘のアンナ・ジャービスは、亡き母親を偲び、母が日曜学校の教師をしていた教会で記念会をもち、白いカーネーションを贈った。これが日本やアメリカでの母の日の起源とされる。</p><p>アンナの母への想いに感動した人々は、母をおぼえる日の大切さを認識し、1908年5月10日に同教会に470人の生徒と母親達が集まり最初の「母の日」を祝った。アンナは参加者全員に、母親が好きであった白いカーネーションを手渡した。このことから、白いカーネーションが母の日のシンボルとなった。アンナ・ジャービスは友人たちに「母の日」を作って国中で祝うことを提案。</p><p>1914年に「母の日」はアメリカの記念日になり、5月の第2日曜日と定められた</p><cite> 参考：<a href="https://ja.wikipedia.org/wiki/%E6%AF%8D%E3%81%AE%E6%97%A5" data-type="URL" data-id="https://ja.wikipedia.org/wiki/%E6%AF%8D%E3%81%AE%E6%97%A5" target="_blank" rel="noreferrer noopener">Wikipedia</a></cite></blockquote>



<p></p>



<p>起源はグレートブリテンおよびアイルランドで17世紀。そこからアメリカへ渡り、1914年に記念日となったことで定着したようです。そして、キリスト教が起源にありながらも「母の日」は日本やその他、キリスト教以外の諸外国へも広がっていきます。</p>



<h3>世界の「母の日」の日付</h3>



<figure class="wp-block-image size-large is-resized"><img loading="lazy" src="/uploads-archive/lc/2022/04/fe92043daa282ef8ccc76bb23e88e78c-1024x441.png" alt="" class="wp-image-10254" width="840" height="361" srcset="/uploads-archive/lc/2022/04/fe92043daa282ef8ccc76bb23e88e78c-1024x441.png 1024w, /uploads-archive/lc/2022/04/fe92043daa282ef8ccc76bb23e88e78c-300x129.png 300w, /uploads-archive/lc/2022/04/fe92043daa282ef8ccc76bb23e88e78c-768x331.png 768w, /uploads-archive/lc/2022/04/fe92043daa282ef8ccc76bb23e88e78c-600x258.png 600w, /uploads-archive/lc/2022/04/fe92043daa282ef8ccc76bb23e88e78c.png 1454w" sizes="(max-width: 840px) 100vw, 840px" /><figcaption><a href="https://ja.wikipedia.org/wiki/%E6%AF%8D%E3%81%AE%E6%97%A5" target="_blank" rel="noreferrer noopener">https://ja.wikipedia.org/wiki/%E6%AF%8D%E3%81%AE%E6%97%A5</a></figcaption></figure>



<p>上図もWikipediaの引用からとなりますが、5月がボリュームゾーンではあるものの、3月を母の日とする国も多いことが分かります。各国では、「母の日」は商業化されているのでしょうか？アジアに焦点を絞り、各国のモールを見ていきます。</p>



<h3>Shopeeシンガポールの「母の日」特集</h3>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="918" src="/uploads-archive/lc/2022/04/Mothers-Day-Celebration-Sale-2022-_-Special-Promotions-On-Mothers-Day-Gifts-_-Shopee-Singapore-1024x918.png" alt="" class="wp-image-10255" srcset="/uploads-archive/lc/2022/04/Mothers-Day-Celebration-Sale-2022-_-Special-Promotions-On-Mothers-Day-Gifts-_-Shopee-Singapore-1024x918.png 1024w, /uploads-archive/lc/2022/04/Mothers-Day-Celebration-Sale-2022-_-Special-Promotions-On-Mothers-Day-Gifts-_-Shopee-Singapore-300x269.png 300w, /uploads-archive/lc/2022/04/Mothers-Day-Celebration-Sale-2022-_-Special-Promotions-On-Mothers-Day-Gifts-_-Shopee-Singapore-768x689.png 768w, /uploads-archive/lc/2022/04/Mothers-Day-Celebration-Sale-2022-_-Special-Promotions-On-Mothers-Day-Gifts-_-Shopee-Singapore-600x538.png 600w, /uploads-archive/lc/2022/04/Mothers-Day-Celebration-Sale-2022-_-Special-Promotions-On-Mothers-Day-Gifts-_-Shopee-Singapore.png 1180w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption><a href="https://shopee.sg/m/mothers-day-gifts" data-type="URL" data-id="https://shopee.sg/m/mothers-day-gifts" target="_blank" rel="noreferrer noopener">https://shopee.sg/m/mothers-day-gifts</a></figcaption></figure>



<h3>LAZADAフィリピンの<meta charset="utf-8">「母の日」特集2019</h3>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="858" src="/uploads-archive/lc/2022/04/Mother-s-Day-Gift-2019-Check-out-Best-Deals-Up-to-90-Off-Lazada-Philippines-1024x858.png" alt="" class="wp-image-10278" srcset="/uploads-archive/lc/2022/04/Mother-s-Day-Gift-2019-Check-out-Best-Deals-Up-to-90-Off-Lazada-Philippines-1024x858.png 1024w, /uploads-archive/lc/2022/04/Mother-s-Day-Gift-2019-Check-out-Best-Deals-Up-to-90-Off-Lazada-Philippines-300x251.png 300w, /uploads-archive/lc/2022/04/Mother-s-Day-Gift-2019-Check-out-Best-Deals-Up-to-90-Off-Lazada-Philippines-768x643.png 768w, /uploads-archive/lc/2022/04/Mother-s-Day-Gift-2019-Check-out-Best-Deals-Up-to-90-Off-Lazada-Philippines-600x502.png 600w, /uploads-archive/lc/2022/04/Mother-s-Day-Gift-2019-Check-out-Best-Deals-Up-to-90-Off-Lazada-Philippines.png 1224w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption><a href="https://pages.lazada.com.ph/wow/i/ph/PHCampaign/mothers-day-gift-shop?hybrid=1&amp;scm=1003.4.icms-zebra-5000377-2587038.OTHER_5916691061_3934930" data-type="URL" data-id="https://pages.lazada.com.ph/wow/i/ph/PHCampaign/mothers-day-gift-shop?hybrid=1&amp;scm=1003.4.icms-zebra-5000377-2587038.OTHER_5916691061_3934930" target="_blank" rel="noreferrer noopener">https://pages.lazada.com.ph/wow/i/ph/PHCampaign/mothers-day-gift-shop?hybrid=1&amp;scm=1003.4.icms-zebra-5000377-2587038.OTHER_5916691061_3934930</a></figcaption></figure>



<h3><meta charset="utf-8">PChome台湾の<meta charset="utf-8">「母の日」特集</h3>



<figure class="wp-block-image size-full"><img loading="lazy" width="600" height="288" src="/uploads-archive/lc/2022/04/1588144816-1539081902_n.jpeg" alt="" class="wp-image-10279" srcset="/uploads-archive/lc/2022/04/1588144816-1539081902_n.jpeg 600w, /uploads-archive/lc/2022/04/1588144816-1539081902_n-300x144.jpeg 300w" sizes="(max-width: 600px) 100vw, 600px" /><figcaption><a href="https://eventblog.pixnet.net/blog/post/68910775-pchome-24h%E8%B3%BC%E7%89%A9%E5%85%AC%E5%B8%83%E6%AF%8D%E8%A6%AA%E7%AF%80%E5%8D%81%E5%A4%A7%E7%86%B1%E6%90%9C%E6%8E%92%E8%A1%8C%E6%A6%9C---%E5%BB%9A" data-type="URL" data-id="https://eventblog.pixnet.net/blog/post/68910775-pchome-24h%E8%B3%BC%E7%89%A9%E5%85%AC%E5%B8%83%E6%AF%8D%E8%A6%AA%E7%AF%80%E5%8D%81%E5%A4%A7%E7%86%B1%E6%90%9C%E6%8E%92%E8%A1%8C%E6%A6%9C---%E5%BB%9A" target="_blank" rel="noreferrer noopener">https://eventblog.pixnet.net/blog/post/68910775-pchome-24h%E8%B3%BC%E7%89%A9%E5%85%AC%E5%B8%83%E6%AF%8D%E8%A6%AA%E7%AF%80%E5%8D%81%E5%A4%A7%E7%86%B1%E6%90%9C%E6%8E%92%E8%A1%8C%E6%A6%9C&#8212;%E5%BB%9A</a></figcaption></figure>



<h2>母の日と越境EC</h2>



<p>上記から、アジア各国でも母の日は大事なイベントとされていることが分かりました。実際にスタッフにヒアリングも行いましたが中国や、ミャンマーでも母の日は大切な日とされており、お花やギフトを贈るのが一般的とされているようです。</p>



<p>最後に、越境ECにおいて商機はあるのか、簡単なデータと共にご紹介いたします。。</p>



<h3>京東の 「母の日」の結果レポート </h3>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="633" src="/uploads-archive/lc/2022/04/JD-Releases-Data-on-Mothers-Day-Gifting-JD-Corporate-Blog-1024x633.png" alt="" class="wp-image-10266" srcset="/uploads-archive/lc/2022/04/JD-Releases-Data-on-Mothers-Day-Gifting-JD-Corporate-Blog-1024x633.png 1024w, /uploads-archive/lc/2022/04/JD-Releases-Data-on-Mothers-Day-Gifting-JD-Corporate-Blog-300x185.png 300w, /uploads-archive/lc/2022/04/JD-Releases-Data-on-Mothers-Day-Gifting-JD-Corporate-Blog-768x474.png 768w, /uploads-archive/lc/2022/04/JD-Releases-Data-on-Mothers-Day-Gifting-JD-Corporate-Blog-600x371.png 600w, /uploads-archive/lc/2022/04/JD-Releases-Data-on-Mothers-Day-Gifting-JD-Corporate-Blog.png 1389w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption><a href="https://jdcorporateblog.com/jd-releases-data-on-mothers-day-gifting/" data-type="URL" data-id="https://jdcorporateblog.com/jd-releases-data-on-mothers-day-gifting/" target="_blank" rel="noreferrer noopener">https://jdcorporateblog.com/jd-releases-data-on-mothers-day-gifting/</a></figcaption></figure>



<p>去年のデータが中国2番手のモールである「京東」のコーポレートブログのリリースがありました。</p>



<ol><li>化粧品</li><li>家電</li><li>食品</li><li>ジュエリー</li><li>アパレル</li><li>バッグ＆革製品</li><li>健康用品</li><li>家具</li><li>キッチン用品</li><li>スポーツ＆アウトドア</li></ol>



<p>良くも悪くも目新しいものもないラインナップであることが分かり、「母の日」だから・・・ということはないようです。特別なギフトラッピングやお手紙を同梱できたりといったオプションの運用を行うことが出来れば、越境ECでもジャンルを問わず、「母の日」商戦にのっていけるということを示唆していると思われます。</p>



<h2>まとめ</h2>



<p>今回は、日本とアジア各国の「母の日商戦」について調べてみました。</p>



<p>まずはご自身のお母さまに「母の日」ギフトと共に感謝を伝えるのはいかがでしょうか？</p>

世界の「母の日」と越境EC

<h2>はじめに</h2>
<p>アジア越境ECのマーケティング施策として、日本国内EC市場以上によく耳にするのが、CGM（Consummer Gernerated Media）や口コミ施策。</p>
<p>越境ECで販売している商品を宣伝してもらうために、「インフルエンサーやKOLを使った施策をします」という形で、よく飛び出てくる「インフルエンサー」、「KOL」、「KOC」の定義の違いや、効果的な活用方法をご存じでしょうか？</p>
<p>なんとなくあやふやに、「SNS上で有名な人に商品を紹介してもらったり、ライブ配信してもらうんでしょ～」と思っている方、ぜひ一度この記事を読んで、それぞれの意味の違いをチェックしてみてくださいね！</p>
<h2>インフルエンサー、KOL、KOCの違い</h2>
<p>まず、最も説明が簡単なKOLからご説明します。</p>
<h3>KOLとは</h3>
<p>・「Key Opinion Leader（キーオピオニオンリーダー）」の略<br />
・高い専門性、深い知識・技術がある<br />
・ユーザーからの質問にも、専門的な視点から回答する<br />
・KOCに比べてフォロワー数もかなり多い（具体的な基準はないですが）<br />
・複数かつ幅広いプラットフォームで活躍している場合も多い</p>
<p>このような特徴があります。</p>
<p>そのため、<br />
・商品の効果効能・機能を専門的な目線で宣伝をしてもらうことで、信頼性を高めたい<br />
・特定の層へのブランディングを行いたい<br />
というニーズにはピッタリです。</p>
<h3>KOCとは</h3>
<p>「Key Opinion Consumer（キーオピニオンコンシューマー）」<br />
・KOLに比べてフォロワーが少ない（1000人～2万人という目安も！）<br />
・KOLに比べて特定のプラットフォーム（口コミサイト、SNS）での発信力がある<br />
・消費者目線で商品を使っていて、正直に良いことも悪いことも発信<br />
・企業とのタイアップでなく、個人での発信も多いため、「KOLより信頼できる！」との声もある。</p>
<p>といった特徴があります。</p>
<p>拡散力は弱いかもしれないですが、効果効能や機能を消費者目線で説明してもらう訴求が必要な場合はぴったりです。</p>
<p>また、KOCの方がマーケティングコストを抑えることもできるので、複数のKOCに異なるプラットフォームで発信してもらうといった活用方法もあります。</p>
<h3>インフルエンサー</h3>
<p>・「影響」という意味の単語、influenceから派生した造語<br />
・とにかく有名（タレント、著名人、ブロガー専門家等）<br />
・専門性は持たず、素人的な目線でのレビュー<br />
・ブランディングに活用できる（インフルエンサー＝企業というイメージが持たれることもある）</p>
<p>KOLやKOCはSNS上で個々で活動しているイメージが強いですが、インフルエンサーはTVや雑誌など他の媒体で有名な方の傾向が強いです。<br />
そのため、幅広い認知を必要としている場合にピッタリでしょう。</p>
<p>また、情報の発信方法によっても異なりますが、例えばインフルエンサーをTVCMや公式SNSで発信すると、インフルエンサー＝企業というイメージを持たれやすくなることも特徴です。</p>
<p>KOLやKOCは自分の目線で商品のレビューをしているという印象が強い一方、インフルエンサーは（KOL以上に）企業目線でのレビューという印象が持たれやすい傾向にあります。</p>
<p><strong>【※注意】日本にKOLやKOCという概念が浸透していないため、時には、KOLやKOCを含んでSNS上で情報発信している人を「インフルエンサー」と呼ぶ場合もあるので注意が必要です。</strong></p>
<h3>図で表してみると&#8230;</h3>
<p>▽有名度（フォロワー数）</p>
<table border="2" style="table-layout:fixed;" width="100%">
<tbody>
<tr>
<td>低 ←</td>
<td><center><B>有名度レベル</B></center></td>
<td style="text-align: right;">→ 高</td>
</tr>
<tr>
<td>KOC</td>
<td>KOL</td>
<td>インフルエンサー</td>
</tr>
</tbody>
</table>
<p>▽専門性</p>
<table border="2" style="table-layout:fixed;" width="100%">
<tbody>
<tr>
<td>低 ←</td>
<td><center><B>専門性レベル</B></center></td>
<td style="text-align: right;">→ 高</td>
</tr>
<tr>
<td>インフルエンサー</td>
<td>KOC</td>
<td>KOL</td>
</tr>
</tbody>
</table>
<p>▽企業との繋がり具合（※消費者の持つ印象）</p>
<table border="2" style="table-layout:fixed;" width="100%">
<tbody>
<tr>
<td>近 ←</td>
<td><center><B>企業繋がりレベル</B></center></td>
<td style="text-align: right;">→ 遠</td>
</tr>
<tr>
<td>インフルエンサー</td>
<td>KOL</td>
<td>KOC</td>
</tr>
</tbody>
</table>
<h2>まとめ</h2>
<p>最近話題の「KOL」「KOC」「インフルエンサー」についてまとめてみました。<br />
特にKOLに関して、ネット上では「中国で流行っている」との記述も多いですが、筆者の感覚としては、中国を起点に東アジア・東南アジア各国でどんどん似たようなプロモーション手法が好まれてきているように感じています。<br />
単に「有名人を起用して、SNS上で拡散してもらう」と言っても、狙いや効果によって、使い分ける必要があります。<br />
アジア越境ECでプロモーションを行う際には、ぜひこの辺りも頭の片隅に入れておいてみてください。</p>
<p><small><br />
《参考・画像出典》<br />
https://www.digima-japan.com/knowhow/china/17544.php<br />
https://eczine.jp/article/detail/11168<br />
https://www.future-8.com/%E3%83%96%E3%83%AD%E3%82%B0/item/7-blog_20200419.html<br />
https://www.atglobal.co.jp/strate/17624<br />
</small></p>

large_good-faces-Lv2lW5ImegQ-unsplash.jpg

medium_good-faces-Lv2lW5ImegQ-unsplash.jpg

small_good-faces-Lv2lW5ImegQ-unsplash.jpg

thumbnail_good-faces-Lv2lW5ImegQ-unsplash.jpg

good-faces-Lv2lW5ImegQ-unsplash.jpg

インフルエンサー、KOL、KOCは何が違う？アジア越境EC販売戦略で重要なキーワードを解説

small_unnamed.png

thumbnail_unnamed.png

unnamed.png

Firebase CLIなしでFirestoreをローカル環境のテストで利用する

<h2>まず:has()とは</h2>
<p>CSS4で新たに定義される擬似クラスの１つで、引数として渡されるセレクタに一致する要素が1つ以上ある要素を表します。<br />
これは指定した要素を含む要素を選択するセレクタで、つまり要素の関連によって要素を選択できます。<br />
今まではJavaScriptsのみでしかできませんでしたが:has()を使う事で引数の要素を含んでいるかをCSSで判別できるようになります。</p>
<p>2022年4月段階ではまだ開発段階で殆どのwebブラウザには対応していませんがSafariではバージョン Safari15.4からmaxOSとiOSでサポートされています。</p>
<p><img loading="lazy" class="aligncenter size-large wp-image-10281" src="/uploads-archive/lc/2022/04/dc50524f627d848d38a200719e685fec-1024x587.png" alt="" width="1024" height="587" srcset="/uploads-archive/lc/2022/04/dc50524f627d848d38a200719e685fec-1024x587.png 1024w, /uploads-archive/lc/2022/04/dc50524f627d848d38a200719e685fec-300x172.png 300w, /uploads-archive/lc/2022/04/dc50524f627d848d38a200719e685fec-768x441.png 768w, /uploads-archive/lc/2022/04/dc50524f627d848d38a200719e685fec-600x344.png 600w, /uploads-archive/lc/2022/04/dc50524f627d848d38a200719e685fec.png 1400w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<h2>:has()の使用例</h2>
<p>&lt;a&gt; 要素のうち直接 &lt;img&gt; を含んでいるものを選択<br />
次のセレクターは、 &lt;img&gt; を直接子に持つ &lt;a&gt; 要素のみを選択します。</p>

		<div id="crayon-64d1a7a2c7765083410771" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 18px !important; line-height: 18px !important;"></div>
			<div class="crayon-plain-wrap"><textarea wrap="soft" class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;">
a:has(&gt; img)</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;"><div class="crayon-num" data-line="crayon-64d1a7a2c7765083410771-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64d1a7a2c7765083410771-1"><span class="crayon-i">a</span><span class="crayon-sy">:</span><span class="crayon-e">has</span><span class="crayon-sy">(</span><span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-i">img</span><span class="crayon-sy">)</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&lt;h1&gt; 要素のうち直後に &lt;p&gt; があるものを選択</p>
<p>次のセレクターは、直後に &lt;p&gt; 要素を持つ &lt;h2&gt; 要素のみfont-size:30pxにします。</p>

		<div id="crayon-64d1a7a2c776b441646392" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 18px !important; line-height: 18px !important;"></div>
			<div class="crayon-plain-wrap"><textarea wrap="soft" class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;">
h2:has(+p){
font-size:30px;
}</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;"><div class="crayon-num" data-line="crayon-64d1a7a2c776b441646392-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64d1a7a2c776b441646392-2">2</div><div class="crayon-num" data-line="crayon-64d1a7a2c776b441646392-3">3</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64d1a7a2c776b441646392-1"><span class="crayon-i">h2</span><span class="crayon-sy">:</span><span class="crayon-e">has</span><span class="crayon-sy">(</span>+<span class="crayon-i">p</span><span class="crayon-sy">)</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64d1a7a2c776b441646392-2"><span class="crayon-i">font</span>-<span class="crayon-i">size</span><span class="crayon-sy">:</span><span class="crayon-cn">30px</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64d1a7a2c776b441646392-3"><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>.contentsBoxの中に.itemが含まれている場合</p>

		<div id="crayon-64d1a7a2c776e856889063" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 18px !important; line-height: 18px !important;"></div>
			<div class="crayon-plain-wrap"><textarea wrap="soft" class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;">
.contentsBox:has(.item){
}</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;"><div class="crayon-num" data-line="crayon-64d1a7a2c776e856889063-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64d1a7a2c776e856889063-2">2</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64d1a7a2c776e856889063-1"><span class="crayon-sy">.</span><span class="crayon-i">contentsBox</span><span class="crayon-sy">:</span><span class="crayon-e">has</span><span class="crayon-sy">(</span><span class="crayon-sy">.</span><span class="crayon-i">item</span><span class="crayon-sy">)</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64d1a7a2c776e856889063-2"><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>逆に</p>

		<div id="crayon-64d1a7a2c7771662105320" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 18px !important; line-height: 18px !important;"></div>
			<div class="crayon-plain-wrap"><textarea wrap="soft" class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;">
.contentsBox:not(:has(.item))</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;"><div class="crayon-num" data-line="crayon-64d1a7a2c7771662105320-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64d1a7a2c7771662105320-1"><span class="crayon-sy">.</span><span class="crayon-i">contentsBox</span><span class="crayon-sy">:</span><span class="crayon-st">not</span><span class="crayon-sy">(</span><span class="crayon-sy">:</span><span class="crayon-e">has</span><span class="crayon-sy">(</span><span class="crayon-sy">.</span><span class="crayon-i">item</span><span class="crayon-sy">)</span><span class="crayon-sy">)</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>とすると.contentsBoxの中に.itemが含まれていない場合となる。</p>
<p>&nbsp;</p>
<p>Googleデベロッパーによるデモのツイート↓</p>
<blockquote class="twitter-tweet">
<p dir="ltr" lang="en">:has() + container queries = the component-based logical styling we&#8217;ve always dreamed of 😍</p>
<p>In this demo:<br />
🖼 If the card has an image: make the font smaller &amp; at &lt; 400px wide, stack it<br />
✨ If no image: bigger font, no stacking<a href="https://t.co/UJuXCXUrvV">https://t.co/UJuXCXUrvV</a></p>
<p>⚠️ Need flags on in Canary <a href="https://t.co/ThhPLHDWak">pic.twitter.com/ThhPLHDWak</a></p>
<p>— una.css 👩🏻‍💻🇺🇦 (@Una) <a href="https://twitter.com/Una/status/1510357767453818881?ref_src=twsrc%5Etfw">April 2, 2022</a></p></blockquote>
<p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p>
<p>CSS4で追加予定とのことでまだまだ実用段階ではありませんが親要素に対して指定したりできるようになる事でこれが実装された際にはだいぶ効率化できそうだなと感じました。</p>

Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2022/06/25

2022/06/17

2022/06/16

2022/06/14

2022/06/14

2022/06/02

2022/05/20

2022/05/20

2022/05/20

2022/05/17

2022/05/13

2022/05/13

2022/05/13

2022/04/29

2022/04/27

2022/04/27

2022/04/23

2022/04/16