In a world of minimalist designs and large clean images,

ミニマムなデザインと大きなクリーンな画像の世界において。

websites in Japan seem to mirror

日本のウェブサイトはミラーリングしているようです。

the language and culture of their home,

を、自分の国の言葉や文化で表現する。

colorful and a little cramped.

カラフルで少し窮屈。

At least that's according to a theory I read back in 2013

少なくとも、私が2013年に読んだ説によれば、そうです。

and have shared with a bunch of people since.

と、それ以来、たくさんの人にシェアしています。

There's just one problem.

ただ、ひとつだけ問題がある。

I don't know if it's true, so let's fix that.

本当かどうかわからないから、直そう。

In this video, we use an AI to figure out

この動画では、AIを利用して

what's so special about Japanese web design

日本のウェブデザインの特徴

and how even across an ocean it impacts you today.

そして、それが海の向こうのあなたにも影響を与えるのです。

I think I might give up.

あきらめてしまいそうです。

Thank you to Hostinger for sponsoring this video.

このビデオのスポンサーであるHostingerに感謝します。

Let's start off with how I realized

まずは、私がどのように実感したかを紹介します。

that I may have been lying to people for the past decade.

この10年間、私は人に嘘をついていたかもしれないということ。

I was setting up a website to document an old project.

昔のプロジェクトを記録するためのウェブサイトを立ち上げていました。

While scrolling through the templates,

テンプレートをスクロールしながら

the following three thoughts passed through my head.

という3つの思いが頭をよぎった。

One, "Wow, these themes are really minimalist."

ひとつは、"うわ、このテーマは本当にミニマルだ "ということ。

Two, "Remember how Japan, a nation known for minimalism,

二つ目は、「ミニマリズムの国として知られる日本のことを思い出してください。

ironically has really cluttered webpages?"

皮肉なことに、ウェブページが本当にごちゃごちゃしていますね。"

And three, "How did I know that?"

そして3つ、"どうしてわかったのか？"です。

Has that ever happened to you?

そんなことがあったんですか？

Like you accept something as fact when you're a kid,

子供の頃、何かを事実として受け入れるように。

but now that your prefrontal cortex has finished developing,

しかし、今は前頭前野の発達が終了しているので

you think back and you're like,

という感じです。

hold on, my spider sense is tingling.

待ってくれ、クモの感覚が鋭くなった。

What could possibly be so special about Japan

日本にはどんな魅力があるのだろう

that they just decide to have different web design practices

ウェブデザインのやり方が違うだけということで

than the rest of the world apparently?

は、どうやら世界の他の国々よりも？

And even if the article was true, it came out 10 years ago.

それに、仮にその記事が本当だったとしても、10年前に出たものです。

I don't know if it's still true. This is the internet.

今でもそうなのかどうか。これはインターネットです。

Twitter was normal one day

ツイッターはある日突然、普通になった

and then it might be dead by the time you watch this,

って、これを見る頃には死んでるかもしれない。

to be honest.

正直言って

The internet moves fast.

インターネットは動きが速い。

So in this video, I wanna put the theory to a modern test.

そこで、このビデオでは、その理論を現代的に検証してみたいと思います。

I wanna see if there is something unique

何かユニークなものがないか見てみたい

about Japanese web design, and if there is, why?

また、あるとすれば、それはなぜでしょうか？

Am I just overcompensating

私は過剰な補償をしているだけなのだろうか

because I realize I've been doing misinformation?

というのは、誤報をやっていたことに気づくから？

Probably.

おそらく。

Let's do this.

こうしよう。

So I tweeted this, "Are you in Asia?

そこで、こんなツイートをしてみました。「アジアにいるんですか？

Have you been using the internet

インターネットを利用していますか

over the past 5 to 10 years?

過去5年から10年の間に？

Please hit me up."

ヒットしてください"

And it worked, my DMs are completely destroyed,

そして、それが功を奏し、私のDMは完全に破壊されました。

but I have been chatting with a bunch of awesome people

しかし、私は多くの素晴らしい人々とチャットしてきました。

and no one really knows what I'm talking about.

と、誰も本当のところは知らないのです。

I am so worried this video's gonna go nowhere.

このビデオ、どこにも行かないんじゃないかと心配になるくらいです。

I took those replies to mean that this web design thing

私は、これらの返信から、このウェブデザインというものを

really might just be isolated to Japan.

は、本当に日本だけかもしれません。

So I decided to verify

そこで、検証してみることにしました。

by checking out the most popular websites

人気サイトをチェックすることで

in every country in the world.

世界各国で

So many of these websites are just Google

そのため、多くのウェブサイトは、Googleだけ

or manga reading websites.

や漫画読み放題のサイトがあります。

Are we just all weebs who don't know things?

私たちは、物事を知らないウブな人たちばかりなのでしょうか？

I categorized the websites based on their contents.

内容によって分類しています。

Okay, I know that this shouldn't surprise me,

なるほど、これは驚くに値しないことだと分かっています。

but the internet is full of a lot of not great stuff.

が、ネットにはイマイチなものがたくさんある。

Just looking at some of these categories,

このカテゴリーの一部を見ただけで

we've got explicit, illegal, spam, suspected malware.

露骨なもの、違法なもの、スパム、マルウェアの疑いのあるものがあります。

I'm just gonna whoop.

ワーッてやるんだ。

I then accessed each website using a web crawler and a VPN

その後、ウェブクローラーとVPNを使って各サイトにアクセスしたところ

to take screenshots of the local page.

をクリックすると、ローカルページのスクリーンショットが撮影できます。

So because of GDPR,

だから、GDPRがあるから。

websites will ask you if you want cookies, which I respect,

のウェブサイトは、クッキーを希望するかどうかを尋ねますが、私はそれを尊重します。

except that popup blocks the entire freaking webpage.

ただし、ポップアップがウェブページ全体をブロックしてしまうのが難点です。

So I need to figure out

だから、私は把握する必要があります。

how to say accept cookies or allow cookies

Cookieを受け入れる、またはCookieを許可するには？

or, okay, cool, cookies in every language.

とか、よし、かっこいい、全言語のクッキーだ。

I thought computers were supposed to make things easy.

コンピューターは簡単にするものだと思っていました。

Just look at this.

ただ、これを見てください。

Also, the way that they've implemented

また、実装の仕方も

these buttons are different.

これらのボタンは異なります。

So I don't just need to know the language,

だから、言葉だけ知っていればいいというわけではありません。

I need to find the specific button element to click

クリックする特定のボタン要素を見つける必要がある

and then code it in.

を入力して、コーディングしてください。

I think I might give up.

あきらめてしまいそうです。

Okay, so I now have 2,671 screenshots

さて、これでスクリーンショットは2,671枚になりました。

of websites across like 200 countries.

のウェブサイトを、約200カ国で展開しています。

Ideally, I'd like to know how each website

理想は、各ウェブサイトがどのように

compares to every other website,

は、他のどのウェブサイトとも比較しています。

but that would mean doing like

ということになるのですが、それだと

3 million comparisons.

300万人の比較。

My brain is too soft and small to do that,

私の脳は柔らかくて小さいので、そんなことはできません。

but luckily we have computers.

でも幸いなことに、私たちにはコンピュータがあります。

So I ended up using machine learning

そこで、結局、機械学習を使うことにしました

to extract the most prominent features

を使用して、最も顕著な特徴を抽出します。

of each website screenshot.

各ウェブサイトのスクリーンショットの

I then compared those extractions to one another

次に、それらの抽出物を互いに比較しました。

using a statistical method of dimensionality reduction

統計的手法による次元削減を用いた

called t-distributed stochastic neighbor embeddings.

t-distributed確率的近傍埋込みと呼ばれる。

Please come back.

ぜひ、戻ってきてください。

All you need to know is that this lets us see

これだけ知っていれば、あとは見るだけです。

how our AI organizes and groups our website screenshots.

ウェブサイトのスクリーンショットをAIがどのように整理し、グループ化しているかをご紹介します。

The closer it puts screenshots together,

スクリーンショットを並べると、より近くなります。

the more similar their designs,

デザインは似ているほど

and the further apart means more dissimilar.

であり、離れているほど異質であることを意味します。

That's all I'm doing.

それだけなんです。

So now let's run this.

では、次にこれを実行してみましょう。

Kind of anti-climactic.

ちょっと、アンチクライマックス。

So this is how the AI organized our websites.

AIはこうして私たちのウェブサイトを整理してくれたのですね。

So many pictures, so little resolution.

これだけの写真、これだけの解像度。

But if you look closely,

しかし、よくよく見てみると

there are clumps that have started to form.

ができ始めている塊があります。

We've got Facebook, Google,

FacebookもGoogleもある。

websites that would not let me in.

のウェブサイトは、私を入れてくれませんでした。

Twitter and Wikipedia.

ツイッターとウィキペディア

But the thing is,

しかし、そのことは

is that these websites are more exception than the rule.

というのも、これらのウェブサイトは例外的な存在だからです。

They aren't representative of any nation's design style

どの国のデザインも代表するものではありません

because they are in basically every nation.

なぜなら、基本的にどの国にもあるものだからです。

So I'm not gonna care about them.

だから、気にしないことにしている。

Instead, what I do care about is this thing,

それよりも、私が気になるのは、このことです。

what I like to call the clump of interest.

私が興味のある塊と呼んでいるものです。

If we look closely at this clump,

この塊をよく見てみると

we can see that it's sorted along two axes.

を見ると、2つの軸でソートされていることがわかります。

Vertically, it's pretty obvious, it goes from dark to light,

縦方向は、暗いところから明るいところへ行くので、一目瞭然です。

but horizontally, you probably can't tell

が、水平方向には、おそらくわからないと思います。

because you can't see anything.

何も見えないからです。

But on the left side,

でも、左側は。

we've got images with a lot of empty space,

空白の多い画像になってしまいました。

a little bit of text, very simple images.

テキストは少し、画像はごくシンプルに。

As we move to the middle,

真ん中に移動すると

we have larger images and two or three columns of content.

画像を大きくし、2列、3列のコンテンツを用意しました。

But finally, as we move furthest to the right,

しかし、最後に、一番右側に移動すると

we have a lot going on.

いろいろあるんですよ。

A whole bunch of columns, really tiny images,

コラムがずらっと並んでいて、本当に小さな画像です。

often of content that I cannot show you.

見せられない内容も多いのですが

I tried so hard to filter.

一生懸命フィルターにかけました。

The internet just has so much...

インターネットには、ただただ、たくさんの...

I'm sorry.

ごめんなさい.

Anyway, those are the visual patterns that guide this clump.

とにかく、それらがこの塊の指針となる視覚的なパターンなのです。

Now, where does Japan fit in?

さて、日本はどこに入るのでしょうか。

Oh, yeah, I've just changed

あ、そうそう、今変えたんだ

all the screenshots to little circles

すべてのスクリーンショットを小さな丸に

to make it easier to see things more clearly.

を使えば、物事をより明確に捉えやすくなります。

So, Japan, ta-dah.

だから、日本、ジャジャーン。

It's the red dots.

それは、赤い点です。

We've got a little Google over there.

あそこでちょっとググってみた。

Right off the bat,

さっそくですが。

we can see that it kind of avoids this sector up here,

このように、この部分を避けていることがわかります。

but we don't know if that is a common distribution.

が、それが一般的な分布なのかどうかはわかりません。

Maybe a bunch of other countries avoid this corner.

多分、他の国もこのコーナーを避けているのでしょう。

We need to compare.

比較する必要があります。

So let's see how it compares against the United States,

では、アメリカとの比較を見てみましょう。

Canada, the UK, Ukraine, Indonesia, Mexico.

カナダ、英国、ウクライナ、インドネシア、メキシコ。

Are you seeing this?

見えていますか？

All of the countries have wide varieties of web design

どの国もウェブデザインは多種多様です。

except for Japan.

ただし、日本を除く。

Japan seems to be avoiding this sector

日本はこの分野を避けているようだ

that is defined by dark, empty spaces.

暗い、空虚な空間によって定義される。

In other words, Japan's websites

つまり、日本のWebサイト

are brightly colored and dense, just like the theory claims.

は、理論が主張するように、色鮮やかで高密度なのです。

Did I just prove something?

私は何かを証明したのでしょうか？

I'm genuinely surprised that we found something.

何かを発見したことに、純粋に驚いています。

I just wish you could see it better.

もっとよく見てほしいんです。

Oh, wait, you can.

あ、ちょっと待ってください、できますよ。

I made a website.

ホームページを作りました。

It has everything that has been

というものをすべて備えています。

and will be in this video and more.

であり、このビデオにも登場する予定です。

Is this my methodology of the project from start to finish?

プロジェクトの最初から最後まで、これが私の方法論なのか？

Are those side by side comparisons over time?

それは横並びの経年比較なのでしょうか？

A full resolution photo of the plot I projected?

私が投影したプロットの全解像度写真？

And here's how I did it.

そして、その方法はこうだ。

I went to Hostinger, who's sponsoring this video,

この動画のスポンサーになっているHostingerに行ってきました。

and I checked out their plans.

と、そのプランを確認しました。

They have Minecraft servers?

Minecraftのサーバーがあるんですか？

Hostinger is a web hosting provider

Hostingerはウェブホスティングプロバイダーです

and internet domain registrar.

およびインターネットドメインレジストラ。

Basically what that means is that they take

基本的にその意味は、彼らが取ることです。

all of the technologies necessary

必要な技術はすべて

to create a secure website or host a server,

安全なウェブサイトを作成したり、サーバーをホストするために使用します。

and they bring it into one place.

そして、それを1つの場所に持ってくるのです。

If that sounds confusing to you, don't worry.

と言われても、わかりにくいかもしれませんが、ご安心ください。

They have tutorials and dedicated 24/7 customer service

チュートリアルや24時間365日対応の専用カスタマーサービスがあります。

and they make it so easy.

そして、それをとても簡単にしてくれるのです。

I decided to use their WordPress hosting plan

同社のWordPressホスティングプランを利用することにしました

because I made a website from scratch before

というのも、以前、ゼロからホームページを作ったことがあるんです。

and it did not go well.

と、うまくいかなかった。

Couple of you had some issues.

いくつかの問題があったようですね。

Just everything was wrong with it.

ただ、すべてが間違っていたのです。

Another issue, it seems completely

もう一つの問題、それは完全に

or mostly unoptimized for mobile.

または、ほとんどモバイル用に最適化されていない。

Building a website is hard, but Hostinger makes it easy.

ウェブサイトを作るのは大変ですが、Hostingerはそれを簡単にします。

WordPress has a bunch of themes

WordPressにはたくさんのテーマがあります

and plugins available for free

とプラグインを無償で提供

and there are no limits on design or functionality.

と、デザインや機能に制限はありません。

So you can fully customize your website

そのため、Webサイトを完全にカスタマイズすることができます

without even knowing how to code.

コーディングの方法さえ知らないのに

But why am I making a website at all?

しかし、なぜ私がホームページを作るのか？

Why not just post it somewhere?

どこかに掲載すればいいのでは？

With my own website,

自分のホームページで

I'm not competing with other content for attention.

他のコンテンツと注目度を競っているわけではないんです。

I get to make my own design options

デザインの選択肢を自分で決められる

and also I get to make it pretty welcoming

そして、私はそれを可愛く歓迎するようになりました。

for people who aren't super familiar with code.

コードにあまり詳しくない人向け。

It was super easy to do and it let me focus

超簡単にできて、集中できるようになりました。

on the thing I actually care about, the content.

私が実際に気にしていること、つまりコンテンツについてです。

I love making these videos,

こういう映像を作るのが好きなんです。

but it sometimes sucks because I need to cut out so much

でも、あまりに多くのものをカットしなければならないので、時々嫌になる。

because it's not super relevant

超関係ないから

or it's not super interesting.

とか、超面白くないとか。

Like, it makes a better video,

そのほうがいい映像になるとかね。

but it's just kind of frustrating.

が、なんだか悔しいです。

But now I have this website.

でも、今はこのホームページがあります。

Okay, it's time for me to pitch you on Hostinger.

さて、そろそろHostingerを売り込んでみようか。

I really recommend that you make a personal website.

個人のホームページを作るのは本当におすすめです。

It's a really great way to set yourself apart

自分を際立たせるのに、とても良い方法だと思います。

if you have a CV or a portfolio or a resume.

履歴書、ポートフォリオ、レジュメがあれば。

It's a very small investment in yourself,

自分への投資としては、とても小さなものです。

yet it does so much.

が、これだけのことをやってのける。

If you use our code ANSWER at checkout,

チェックアウトの際、コード「ANSWER」をご利用ください。

you can get 10% off on top of ongoing offers

現在実施中のキャンペーンに加え、10％オフの特典があります。

like their massive Black Friday sale going on right now.

現在開催中の大規模なブラックフライデー・セールのように。

Thanks again to Hostinger for sponsoring this video.

このビデオのスポンサーであるHostingerに改めて感謝します。

Now that we know that Japanese internet looks different,

日本のインターネットは違って見えるということが分かったので。

let's figure out why.

その理由を考えてみましょう。

So I've just spent the past few weeks doing more research.

だから、この数週間、さらに研究を重ねてきたところです。

I really thought that I had finished the hard part, but no.

本当に大変なところを終えたと思ったのですが、そうではありませんでした。

I actually ended up turning back to the original theory

実は、結局は原論に立ち返ったのです

because if they were right

というのも、もし彼らが正しいのであれば

that Japanese web design is different,

日本のウェブデザインは違うということ。

I might as well see if their reasoning is true as well.

彼らの推理が正しいかどうかも、見てみたいかもしれない。

Now, the author had a bunch of ideas,

さて、筆者にはいろいろなアイデアがあった。

but the three that really stood out to me

が、特に印象に残っているのは以下の3つです。

were characters, culture, and technology

は、文字、文化、技術

because these also kept coming up in my Twitter DMs.

というのも、これらは私のTwitterのDMにも何度も出てくるからです。

So let's test them out one by one, starting with characters.

では、文字から一つずつ検証してみましょう。

Did you know that Japanese characters

日本のキャラクターをご存知ですか

are literally built different?

は文字通り別物なのでしょうか？

You see, Chinese, Japanese, and Korean writing systems

ほら、中国、日本、韓国の文字体系って

share a bunch of logographic characters.

は、ロゴマークの束を共有します。

These are individual symbols that represent whole words.

単語全体を表す個々の記号です。

The sheer amount of these CJK characters in existence

この日中韓の文字が大量に存在することで

lead to massive font file sizes.

は、フォントのファイルサイズを大きくしてしまいます。

For comparison, this is a font that's designed to support

比較のため、このフォントは対応するために

Greek, Cyrillic, and Latin-based writing systems.

ギリシャ語、キリル文字、ラテン語ベースの文字システム。

It contains less than 4,000 glyphs.

4,000字弱のグリフを収録しています。

That's typography speak for a representation of a character.

これはタイポグラフィで言うところの「文字の表現」です。

These are three different glyphs.