<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:series="http://organizeseries.com/"
	>

<channel>
	<title>加藤拓明 &#8211; HTML5Experts.jp</title>
	<atom:link href="/djkato/feed/" rel="self" type="application/rss+xml" />
	<link>https://html5experts.jp</link>
	<description>日本に、もっとエキスパートを。</description>
	<lastBuildDate>Sat, 07 Jul 2018 03:14:05 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=4.7.19</generator>
	<item>
		<title>太田良典さん、原一成さんに聞いた「UIデザインとアクセシビリティ」──HTML5 Conference 2017☆番外編</title>
		<link>/djkato/25035/</link>
		<pubDate>Fri, 12 Jan 2018 01:30:10 +0000</pubDate>
		<dc:creator><![CDATA[加藤拓明]]></dc:creator>
				<category><![CDATA[デザイン]]></category>
		<category><![CDATA[サイト制作]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[アクセシビリティ]]></category>

		<guid isPermaLink="false">/?p=25035</guid>
		<description><![CDATA[連載： HTML5 Conference 2017特集 (17)今年もHTML5 Conference 2017の展示ブースでは、私ことDJ KATOの特別ラジオをお届けしていました。今回はビジネス・アーキテクツ太田良典...]]></description>
				<content:encoded><![CDATA[<div class="seriesmeta">連載： <a href="https://html5experts.jp/series/html5-conf2017/" class="series-457" title="HTML5 Conference 2017特集" data-wpel-link="internal">HTML5 Conference 2017特集</a> (17)</div><p>今年もHTML5 Conference 2017の展示ブースでは、私ことDJ KATOの特別ラジオをお届けしていました。今回はビジネス・アーキテクツ太田良典さんとサイバーエージェント原一成さんをゲストに迎え、「UIデザインとアクセシビリティ」テーマに語っていただきました。その再現レポートをお届けします。ぜひ、カンファレンスレポートの番外編としてお楽しみください！</p>

<p><img src="/wp-content/uploads/2017/12/42A5445.jpg" alt="" width="640" height="400" class="alignnone size-full wp-image-25048" srcset="/wp-content/uploads/2017/12/42A5445.jpg 640w, /wp-content/uploads/2017/12/42A5445-300x188.jpg 300w, /wp-content/uploads/2017/12/42A5445-207x129.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /></p>

<h2>まずは、どんな講演内容だったのか教えてください</h2>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「ビジネス・アーキテクツの太田です。普段はWebアクセシビリティ関連の活動を主に行っています。『多様なユーザーニーズに応えるフロントエンドデザインパターン』というタイトルで講演させていただきました。よろしくお願いいたします」</p>

<p><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「サイバーエージェントの原です。アメブロのフロントエンド開発を中心に行っています。『“モダン” ウェブアプリケーション ～アメブロ5ヶ年計画～』という講演タイトルで、アメブロの “モダン化” 実例に沿った考え方や技術採用事例、今後の展望などをお話しました」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「お二人とも先ほど同じ時間に講演されてきたんですよね。どちらかのお話を聞いた人は、どちらかが聞けなかったと思うので、どのような話をされたか教えていただけますか」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「私は、11月4日発売の『<a href="https://www.amazon.co.jp/dp/4862463878" rel="noopener follow external noreferrer" target="_blank" data-wpel-link="external">インクルーシブHTML+CSS &amp; JavaScript 多様なユーザーニーズに応えるフロントエンドデザインパターン</a>』という書籍で紹介されている、アクセシビリティに配慮した実装手法について、例を挙げて紹介しました」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「どのような実例でご説明されたのでしょうか？」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「先ほどのセッションではサイトでの操作など、使いやすくするためにはどうするかという話をしました。例えば、商品のリストを値段の高い順や安い順に並べたり、最新順に並び替えるなどの機能も、基本的な要素を使ってマークアップしましょうという話ですね。絞り込みの機能を選択するのは高い順・低い順・古い順・新しい順が多いのですが、それは4個の中から1つを選ぶ機能なので、ラジオボタンで実装すればいいとか。</p>

<p>よくある問題は見た目がきれいになるからと、ラジオボタンじゃなくて<code>&lt;span&gt;</code>とか<code>&lt;div&gt;</code>で実装して、JavaScriptでクリックイベントをつけて操作できるようにするとか。それは、ラジオボタンで実装することによってキーボード操作であっても使いやすくすることができます。でもソフトキーボードでちゃんと使えるのか、スクリーンリーダーでアクセスしたときにちゃんと読まれるのかなど、いろんな問題があるわけです。なので、基本的にはちゃんと機能に合った要素を使って、見た目は後からがんばりましょうという話ですね」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「先に知っておけば、そういう落とし穴には落ちないということですね」</p>

<p><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「HTMLをやってる人なら誰でも知ってるはずなんですけど、なぜか<code>&lt;div&gt;</code>とか<code>&lt;span&gt;</code>を使ってしまうんですよね。知っていることと実践できているかというのは別なんです」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「そうなってしまうのは、楽だからなんでしょうか」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「というか、『見た目から入ってしまう』からそうなるんですよね。見た目から入ると『枠で囲まれているから<code>&lt;div&gt;</code>かな』という考え方になりがち。後から結構スクリプトでできちゃうので、それなりに動くものができるんですよね。ただ、それがどんな環境でも使えるかというと、結構使えないことがあるのが問題です」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「そういったことをいろいろご紹介されていたんですね。チェックボックス以外のトピックも聞いてみたいです」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「リストや見出しをちゃんと使うことですね。あとJavaScriptやXHRを使ったパフォーマンス改善やアクセシビリティの話を中心にしていました。</p>

<p>アクセシビリティは『JavaScriptをできるだけ使うな』という議論になることが結構多いんです。でも、今普及してるUIはJavaScriptで動かしていることが多いのに、そんなこと言われても困るんですよね。今回ご紹介してる本ではこうすればできるという技法を紹介しています」</p>

<p><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「ありがたいですよね。僕もJavaScriptを使いまくりなんですけど、実際のサービスを作る上ではやっぱり使わざるを得ない。さらに、ネイティブアプリとの差をなくしていったり、使いやすさを向上させるには必要な技法です。ピンク本と呼ばれる「<a href="https://www.amazon.co.jp/dp/4862462650" rel="noopener follow external noreferrer" target="_blank" data-wpel-link="external">デザイニング Web アクセシビリティ</a>」という本があるんですが、毎週チームで読み会をしています」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「そのピンク本、ありがたいことに私の著書なんです(笑)」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「うちの会社にもあります。みんなは読んでいる本なんですけど、僕はどっちかっていうとエンジニアというよりディレクター寄りということもあって、まだ読んでいませんでした。すみません…」</p>

<p><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「ディレクターさんにもすごくいい本ですよ」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「というか、ディレクターさんにもぜひ読んでいただきたいと思って書いた本です(笑)」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「なるほど！読みます！」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「実装だけじゃなくて、その上流から踏まえていきましょう、ということも結構書いているので、ぜひ読んでください」</p>

<p><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「さっきのサイト制作の話に戻るんですけど、見た目から入っちゃうことが結構多くて。特にビジネスで評価する人って、この見た目がかっこいいとかから入っていきがちなんですよね」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「見た目と動きだけでしか評価できない人が多いという問題もありますね。見た目と動きがちゃんとしてればOKになってしまうことも多いんですよ」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「例えばディレクターがアクセシビリティを知らなくて、スクリーンリーダーなどの存在を知らなかったら、それだけで話が通じなくなりますよね」</p>

<p><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「そうですね。それを解消するためにも、ぜひ！」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「まずこれを読むことで、関係者全員のしなくてもいい紛争が減ると」</p>

<h2>モダンなウェブとアクセシビリティは両立できますか？</h2>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「原さんはモダンなウェブというテーマで講演されていましたが、アクセシビリティと両立するのは難しくないんですか？」</p>

<p><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「難しくはないんですけど、ワークフローの中に組み込むのが結構大変ですね。プロジェクトは企画から始まって、デザインを作って…というように、見た目が前提なフローが多いので、どうしてもコードがわかる人はフロントエンドエンジニアくらいになるんですよ。評価できる人も」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「自然と優先度が下がっちゃう、というかんじですね」</p>

<p><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「そうなんです。先程も言ったように『コードを知らない』って方もいるので、ピンク本は『JavaScript使うな』とは書いていないので、その辺もありがたいです」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「そういうことですか！」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「昔ながらのアクセシビリティをやってる人だと、『JavaScriptは使うな！』と言っちゃう人もいるんですよね。現場ではそう言われても困るので、なんとかしたいって思ってたんです。今回の本はそういう内容がたくさん書かれているので、いいなと思っているんですよね」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「極端ですけど例えば『危険だから家から出るな』みたいな話になっているんですかね」</p>

<p><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「そうそう。何かあった時に『これとこれとこれを準備して』とか『こういうことに気をつけて』というのを示してくれるかんじなんです」</p>

<h2>ところで、普段はどんなお仕事しているんですか？</h2>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「話は変わるんですけど、太田さんは普段どんなお仕事されてるんでしょうか？」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「ビジネス・アーキテクツという会社で、Webの仕事をしています。主に大きな会社のWebサイトを受託で作ることが多いです」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「企業の公式Webサイトですね」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「そうなんです。グローバル展開している日本の大手企業が多いのですが、そうした企業はアクセシビリティのガイドラインを持っていて、各国に配布したりしてるんですよね。各国にもそれぞれサテライトサイトがあって、全部統一させようと取り組んでいます。そういうアクセシビリティのデザインガイドラインの配布や取り組みに対して、お手伝いをしています。ひと言で言うと、Web制作ですけど」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「ひと言だとそうなんですけど、大変そうというか、慎重にやってかないと…。なんか、あまり軽いノリで作れないサイトってかんじですね」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「重すぎるノリっていうのも問題で、これやるなって言いすぎてもガイドライン無視されるだけなので、やっぱり現場で使えるようにしていかないと。実際に使えるものを作って、かつ運用できるようにしていくということがすごく大事なんですね」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「そうすると、基本のWebだけではなく、モダンな開発手法も知らないといけないですね」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「最近だとモバイル用のページをレスポンシブで作るのが当たり前になっていると思うのですが、そういうところも考えないといけないことがありますね」</p>

<p><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「スマートフォンのモバイル用のページのことや、PC用ページではどうかとか、デスクトップのリーダーではどうかというのも書いてあって便利です」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「原さんは、どんなお仕事をされているのですか？」</p>

<p><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「私は完全に開発者で、2004年からずっとアメーバブログを作っています」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「長いですね！」</p>

<p><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「2015年にリニューアルをしていますが、サービスの歴史も長いですね。主にフロントエンドを担当しています」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「歴史が長いと今までに積み上げてきたものも多いと思います。社内で設計が大きく変わったりすると、かなり大変だと思いますが」</p>

<p><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「その辺はエンジニアと協力しながらやっていますね。iOSならiOSの、AndroidならAndroidのエコシステムっていうか開発環境と作り方の基本があるんですけど、その上で他の人と会話しながら、モダン、モダンって言いながら開発してます。閉じこもった自分たちだけのライブラリばかりでは、存続が危うくなると思うので」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「お二人ともなんというか共通するところがあるっていうか、戦っているポイントが結構似ているかんじがします」</p>

<p><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「かなり」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「そうですね」</p>

<h2>お二人の情報収集や勉強方法を聞かせてください</h2>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「お二人はどのように情報収集や勉強されているんですか？」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「今まさに勉強しているつもりです」</p>

<p><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「そうそう。かなり勉強してます(笑)」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「気がついたら置いていかれてた…っていうのは一番避けたいのですが、そのためにどんなことをしたらいいのでしょうか。ニュースサイトを見るとか？」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「それもありますが、周りの人と会話をすることも大事なんじゃないかと。最先端の技術者たちとコミュニケーションをとったり、彼らがTwitterなどで何をシェアしているのかを見ることで、どういうものが流行っているかを知ったりすることが多いですね」</p>

<p><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「僕も一番簡単な情報収集はTwitterですね。フォローしておいて、その人がリツイートしているものを見るだけでも参考になります。あと、海外の情報も重要なので、英語が読めるだけでも大分可能性は広がります。ちょっと時間差はあるかもしれませんが、日本語に訳してくれる人をフォローするという手もありますね」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「Twitterはすごい情報数があふれているので、普段あまり使ってないんですけど…。どうやって情報の絞り込みをするんですか？」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「もちろん、全部を読むわけではないですよ」</p>

<p><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「技術系のカンファレンスで気になったものをフォローしているので、そこからとか」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「良質なツイートをしている人が発信している情報を集めて、どんどんその濃度を上げていくみたいなかんじなんですね」</p>

<p><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「あとは情報を発信している人のところに実際に行ってみるとか。そういう会社に入っちゃうというのもありますね」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「なるほど！」</p>

<p><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「簡単に希望したところに行けるかはわからないですけど」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「そういう意味では、サイバーエージェントさんは大変いい環境ですよね」</p>

<p><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「うちは情報が自然に入ってくる環境なので、勉強する必要がないっていうか。極論ですけどね(笑)」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「自然にっていうのがすごいですよね。周りの人との雑談がなんかマークアップの話になるとか？」</p>

<p><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「ちょっと気持ち悪いかもしれないですね、普通の人からすると(笑)。技術に興味がある人が集まっている場所というか」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「でも、マークアップの話で盛り上がれるってすごく楽しいですよね。いや、『それ変態だ』って言われそうですけど(笑)」</p>

<h2>アクセシブルなサイト設計・制作について教えてください</h2>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「簡単なアプリケーションだったら自分で作ったりもするんですけど、実際に開発始めてみると<code>&lt;div&gt;</code>とか<code>&lt;section&gt;</code>とか、途中で<code>&lt;h3&gt;</code>や<code>&lt;h4&gt;</code>がだんだん適当になってくんです。100行超えてくると『あれ？もともとどんなかんじに作りたかったんだっけ』というかんじになって、全体のことがあやふやになってくるんですけど、どうすればいいんでしょうか」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「それはいい質問だと思いますね！早い段階から見た目を気にして、その段階で増やそうと考えちゃってるんですよね」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「はい。で、書きながら実行してるんですよ」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「それは自然ではあるんですよね。悪いことではないんですが、基本的にオススメなのは、まずCSSを一切適用しない状態でHTMLだけで作ってしまうこと。結構しっかりした構造が作れると思います」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「完全に素のやつですよね」</p>

<p><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「さらに言うと、見出しから作っていくとか。それがマークダウンなんですが、逆に難しいかな」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「以前僕が経験したものだと、先にデザインが決まり、デザインカンプが上がってきて、スライスしてCSSをあてる。で、インタラクションとかをJavaScriptでやるという順番でした。ちゃんと考えたつもりなのに、だんだん破綻していくんですよね。いきなりフロートからやるとか、順番がおかしいとは思ってたんですけど(笑)」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「もしかすると、デザイナーさんもあまり整理できてないのかもしれないですね。うちではコンポーネント思考で、デザインから作っています。Webコンテンツをコンポーネントっていう単位で分割するんですよ。例えば見出しなら見出し、本文なら本文、リストならリストみたいなパーツに分割してデザインしてくんです。</p>

<p>それを組み合わせてWebページを作るというシステマティックなやり方をしています。ページごとにデザインするのではなく、パーツごとにデザインしたものを組み合わせてページを作るという考え方をデザインの段階からやっているんです」</p>

<p><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「最初はみんな紙ベースというか、ペライチみたいなデザインで始めることが多いんですよね。紙って自由度が高いけど、文字や画像などのコンテンツをバラバラにすることはできなかったり、うまく区切れなかったりとか、Webとは考え方ややり方が違いますよね」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「逆にWebのやり方がわかっているデザイナーさんだと、『これは<code>&lt;h1&gt;</code>で』とか言ってくれたりするんですよ」</p>

<p><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「あとは自分たちで共通部分を見つけてコンポーネント化していくとか」</p>

<p><img src="/wp-content/uploads/2017/12/42A5444.jpg" alt="" width="640" height="427" class="alignnone size-full wp-image-25093" srcset="/wp-content/uploads/2017/12/42A5444.jpg 640w, /wp-content/uploads/2017/12/42A5444-300x200.jpg 300w, /wp-content/uploads/2017/12/42A5444-207x138.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /></p>

<h2>サイトの構造やレイアウトデザイン、昔と今ではどう変わってますか？</h2>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「以前、コーディングは全然やらない人で完全にデザインだけやっている外部の人が、『こんな感じでよろしく』って送ってきたデザインが最悪だったことがあります。一方で、フロントエンジニア兼デザイナーをやっている人とやった時はすごくて、まずデザインの前にきちんと要件をはっきりさせてくれました。自分がちゃんと考えきれてなかったサイトの構造やボタンの位置にツッコミを入れてくれたりとか。みんながそれできるかっていうと厳しいですけど」</p>

<p><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「今日登壇してる方たちもみんな通っている道ですね(笑)。めちゃくちゃのところからスタートして、だんだん良くなっていくという」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「それはあると思いますね。我々なんかの世代だとHTML3.2の時代からやっている人もいるので。以前はテーブルレイアウトというのがあって…」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「あー知ってます！昔やってましたよ、それ。一番最初にWebサイト作ったときに全部テーブルやりましたね」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「構造も何もあったもんじゃない(笑)」</p>

<p><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「完全に見た目だけですよね。最近入社してきた若手なんかはテーブルレイアウト知らない世代でしたけど」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「ある意味うらやましいですね(笑)」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「昔はありだったんでしょうか」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「あるかなしかっていうと、なしだったんですけど。仕方がなかったっていうか」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「あれはフロートがなかったからとかそういうことだったんでしょうか」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「フロートがいつからあったかというのは難しい議論なんですけど、昔はブラウザのCSS周りの実装がボロボロだった時があって、IEでフロートすると横マージンが2倍になるとかありましたね」</p>

<p><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「まぁ環境が整ってなかったというかんじですよね。だから一概にさっきの話も悪いとは言えないというか」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「Web標準が流行り出して、ブラウザの実装が統一されてきたのも、もう10年前くらいですね」</p>

<p><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「モバイルが出てきてWebkitベースで確認できるようになって…」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「それ以前はもうぐっちゃぐちゃですよね」</p>

<p><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「昔はできたデザインとマークアップした結果を重ねて、透過して1ピクセルもずれちゃいけないみたいな」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「ピクセルパーフェクトってやつですね！」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「聞いたことあります」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「昔は『全部のブラウザで同じ見た目にならないといけない』って時代があったんですよ。でも今はそういう時代じゃないですね、『デバイスによってちょっと違いますよね』ってのが当たり前になっているので」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「今はデバイスの種類がたくさんあるので、ピクセルよりも文字サイズはremとか、高さも%じゃなくてvwとか使うんでしょうか」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「状況によりますよね、使うべきときは使います。ちなみにそういう単位をどういうときにどれを使うのかという議論も、『インクルーシブHTML+CSS &amp; JavaScript 多様なユーザーニーズに応えるフロントエンドデザインパターン』に書いてありますので、もしご興味があればぜひ！」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「ぜひ、勉強します！」</p>

<p><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「CSSが一番難しいですよね」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「同じことを実現する方法が結構いくつもあって、でもやり方によって結果がかなり違ってくるとか」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「僕CSS書いたら1万行くらいいってしまったことがあって…。さすがにディレクターの人に『俺でも3分の1にはできるぞ、書き方おかしい！っていうか、全部に対してCSS書いてるじゃん』って言われたことがあるんです。その辺のベストプラクティスもあるんでしょうか」</p>

<p><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「今はセレクターの値の設定やファイルの指定とか、いろいろな方法が考えられてます」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「CSSについても書いてありますか？」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「そこまで深くはないかもしれないですけど、それなりにCSSについての議論は書いてあります。楽しい本ですよ」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「ありがとうございます！個人的にはすっきりしてきました。なんかもやもやしてたことに明確に答えが返ってきて、なんだか気持ちいいです」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「そうですよね。他の人ととりとめない話をすることがすごく勉強になるみたいなこと、結構あると思うんですよ」</p>

<p><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「いろんなカンファレンスありますが、純粋に技術の話できるというのは面白かったなあと思います」</p>

<h2>UIを考える時に一番気をつけるべきことは何ですか？</h2>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「そろそろまとめというか『オチ』に入っていきたいので、最後に質問をさせていただきます。UIを考える時に一番気をつけないといけないことって何でしょうか」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><br>
「ユーザーのことを考えるというのが一番重要だと思います。これでユーザーが実際に使えるのか、どんなユーザーがいてどんな環境でどう使うのかを意識することが大事なことなんじゃないでしょうか」</p>

<p><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「僕もユーザーですね。いろんなユーザーがいるということを、いかに自分の中で学ぶかということだと思います。一番いいのは、いろんなサービス使ってみたりして、自分がいろんなユーザーになれることですね。例えば、日本だと回線は速いけど海外だと遅いとか、性能の低いデバイスしか売ってないとか。こんな良い端末でこんないい回線使っている人は世界中にはそんなにいないですよと。そういったことを想像して、自分がユーザーとして変化できることも必要だと思っています」</p>

<p><img src="/wp-content/uploads/2017/12/kato.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25052" /><br>
「そのとおりですね！今日はとても勉強になりました。本当にありがとうございました！」</p>

<p><img src="/wp-content/uploads/2017/12/ota.jpg" alt="" width="100" height="100" class="alignnone size-full wp-image-25054" /><img src="/wp-content/uploads/2017/12/hara.jpg" alt="" width="96" height="96" class="alignnone size-full wp-image-25056" /><br>
「ありがとうございました！」</p>
]]></content:encoded>
		
		<series:name><![CDATA[HTML5 Conference 2017特集]]></series:name>
	</item>
		<item>
		<title>及川卓也さん、河合良哉さんに聞いた「地方で日本で働く・海外で働くの話」（その２）──HTML5 Conference 2016セッションレポート</title>
		<link>/djkato/21530/</link>
		<pubDate>Wed, 02 Nov 2016 01:00:14 +0000</pubDate>
		<dc:creator><![CDATA[加藤拓明]]></dc:creator>
				<category><![CDATA[最新動向]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Web MIDI API]]></category>
		<category><![CDATA[海外]]></category>

		<guid isPermaLink="false">/?p=21530</guid>
		<description><![CDATA[連載： HTML5 Conference 2016 特集 (8)HTML5 Conference 2016の展示ブースでお届けしたカンファレンス ラジオコーナー。Increments及川卓也さんとヤマハ河合良哉さんがゲス...]]></description>
				<content:encoded><![CDATA[<div class="seriesmeta">連載： <a href="https://html5experts.jp/series/html5-conf2016/" class="series-403" title="HTML5 Conference 2016 特集" data-wpel-link="internal">HTML5 Conference 2016 特集</a> (8)</div><p>HTML5 Conference 2016の展示ブースでお届けしたカンファレンス ラジオコーナー。Increments及川卓也さんとヤマハ河合良哉さんがゲストに来てくれた「地方で日本で働く・海外で働くの話」を完全版テキストの後編をレポートします！</p>

<p><img src="/wp-content/uploads/2016/10/IMG_5335.jpg" alt="" width="640" height="408" class="alignnone size-full wp-image-21594" srcset="/wp-content/uploads/2016/10/IMG_5335.jpg 640w, /wp-content/uploads/2016/10/IMG_5335-300x191.jpg 300w, /wp-content/uploads/2016/10/IMG_5335-207x132.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /></p>

<h2>日本と海外の違いの話</h2>

<p><a href="https://html5experts.jp/?p=21528" data-wpel-link="internal">前編</a>に引き続き、ゲストはIncrements及川卓也さんとヤマハ河合良哉さんです。</p>

<p><img src="/wp-content/uploads/2016/10/ALL-3.jpg" alt="" width="640" height="90" class="alignnone size-full wp-image-21595" srcset="/wp-content/uploads/2016/10/ALL-3.jpg 640w, /wp-content/uploads/2016/10/ALL-3-300x42.jpg 300w, /wp-content/uploads/2016/10/ALL-3-207x29.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /></p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「実際に今年海外に行かれて困ったことや、こういうところが違うの？とか、びっくりしたエピソードがあればお聞きしたいのですけれど、何かギャップとかありますか？日本のカルチャーと（比べて）」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「ギャップですか？」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「はい。例えば、僕が一番気になるのは食べものとかです。海外の姿は想像ではあるんですが、日本だとそこらへんに自動販売機やらコンビニやらがあって、買いたいジャンルのものがすぐに手が届くところにいっぱいある。たぶん海外というか、今お勤めされているサンフランシスコは土地も広いこともあるし、そういうのはないんじゃないかなって思って。</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「そうなんです。そこおっしゃる通りで、日本に帰ってきていつも便利だなって思うのがコンビニエンスストアの存在なんですね。アメリカにもコンビニエンスストアはあるんですけど、そこに陳列されているものが全然違ってるんです」</p>

<p>「日本だとちょっと小腹がすいたなって思うとおにぎりだったり、サンドイッチや菓子パンは大体100円とか200円くらいで手に入るというのが大体じゃないですか。向こうに行くとおにぎりとか、サンドイッチとか…おにぎりはないにしてもサンドイッチとかは結構な値段しちゃったり。買って食べると、えっこれすごいまずいみたいなのがあったりして。気軽に買えないんですよね、怖くて。逆にがっかりしちゃうことがあるので（笑）」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「こっちで買うような気持ちで、サンドイッチ買うっていうことはできないんですね」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「やめたほうがいいかなと（笑）。そこは日本に帰ってきてすごい便利だなと思いつつ、便利すぎて日本に帰ってくるといっぱい食べちゃうんで、夜寝るときなんか胃がもたれてるなとか」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「なんかアメリカのそういったコンビニにとかで売ってるやつって、見た目からしてまずそうですよね」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「そうですね」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「見た目あまりこだわらないじゃないですか」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「こだわらないですね」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「こだわるときはなんかカラフルな感じになっていて、これはこれで食べたらまずそうな感じだなって（笑）」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「本当M&amp;M&#8217;sの配色の感じですよね。もうすごい赤とか、すごい黄色とか」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「なんか脳の奥の方でこれ食ったらダメだよって、自分に語りかけてるようなものしかないんですよね（笑）」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「そうですね（笑）」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「色に対する感覚が違うんですかね？」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「原色が好きなんじゃないですか？知らない（笑）」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「原色系本当多いですよね。例えば食べ物の話じゃないですけど、MicrosoftのWordとか開いて、1番最初に図形とかパッと入れるとすごく緑の色が出てきたりするわけですよ。これすごい昔から不自然だなって思ってたんですけど、アメリカのそういう食材とか見ると、なるほどなって逆に納得しちゃって（笑）」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「そういうことですか」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「おそらく。だから色に対する感覚が、日本人と違うところは間違いなくありますよね」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「やっぱり、普段慣れ親しんでいる色がそういう配色のものが多いという環境による要因なのか、人種による気質がそうなっているのかというと、どっちなんでしょうね？それはわからないですね」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「どうなんでしょうね」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「とりとめのない質問をしてしまって、今は反省しています」</p>

<h2>年齢が違う人とのコミュニケーション</h2>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「この後、僕らはどこにいく感じになるんですか？」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「えっとですね…」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「別に早く終われって言っているわけじゃないですよ。まだ全然話してもいいんだけど、この議論はどこに流れ着くのかなと思って（笑）」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「本来僕がここでやらなきゃいけないのは、ゲストのお二方の面白い話を伝えないといけない」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「今ね、加藤くんが面白い人になっているから（笑）」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「ごめんなさい。では、みんなが聞きたいんじゃないかなって思ったことを及川さんに質問していいですか？」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「いいですよ」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「去年転職されて大きく環境が変わったと思うんですけど、お若い方が多い会社に入られたじゃないですか。年齢が違うと、共通の話題だったり当時流行っていたものも違うと思うんですけど、年齢が違うことでコミュニケーションが難しい部分があったりするんでしょうか？」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「たぶんね、みんなが気使ってくれるんですよ。だからあまりそういうので困ったことはないですね」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「なるほど（笑）」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「長老が入ってきたという感じで、一生懸命おじいちゃんから聞いた話とかを思い出して話してくれるから」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「皆さんとは飲みに行ったり、遊びに行ったりするんですか？」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「そうですね。でもね、真面目な話わからないというか、今同じ世代でも趣味が違ったら全然話通じなかったりしません？昔って、視聴率30%取ったようなドラマがあったらみんなそれ見てるとかってあるけど、今は高校の時見てたドラマで全員に絶対通じるものってなかったりすると思う。趣味が違った人とはあまり通じないっていうことは、普通だったりするんじゃないかなって思うんですよね」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「なるほど」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「あまり困らないし、わからなくても別に気にしないし、そこで教えてもらえればいいかな。それ何？って言って、あーそんなのあったんだ、その頃俺何やってたかなー？みたいな感じで。で、気にせず僕、昔の話ガンガンしますから（笑）」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「素直にやり取りできるのってすごく大事ですよね。そういった謙虚さってすごいです」</p>

<h2>新しい技術に対する取り組み方の違い　</h2>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「僕は仕事が変わって、学生とやり取りすることが多くなったんですけど、彼らってどんどん新しいことをやろうとするのに物怖じしない子が多いなと思って。新しい言語が出たら、『よしやってみよう！』ってやるんですけど、僕だと『これいつまで使えるのかな？』とか、『実際これ覚えたとして何の役に立つんだろう？』とか考えてからやっちゃうんですよ」</p>

<p>「彼らは、『それ面白い使ってみよう、動いた！』って。で、どんどんやっていくっていうので、なんか自分歳をとったなって感じることがあって。一概にそういうわけじゃないですけど、年齢が離れれば離れるほど物事に対する取り組み方って変わってくるのかなって思って」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「でも、技術がずっと使われるかどうかなんて全然わかんなくって、僕だって大学時代に使ってたのってFortranですけど、今Fortranなんて全く忘れてる。10年くらい前Web系のやつやっていた時はPerlだったけど、Perlもほとんど覚えてないし、その時にFortranが自分の30年後、40年後も使ってるかなんて考えたこともないし」</p>

<p>「Perlの時だって別にそこまで考えたわけじゃなくて。そこはあまり気にしないし、逆に、大きく内容が違うならともかく、技術ってどこかで関連性があるから一つの技術を覚えた時に、ここの応用だとか、これはここでいう何だっただろうってことを考えるだけで飲み込みが早いってことは多いと思うんですよ。プログラム言語じゃない話をすると、僕OSを作ってたわけですよね、Microsoft時代に」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「はい」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「今Webブラウザって結局はOSなんですよ。中でやっているものっていうのは、普通にスケジュール管理みたいなものもあれば、スレッド管理みたいなものもある。メモリ管理みたいなものもあるし、ガベージコレクションどうしようとかっていうところとかって中で普通にガチガチ入ってたりするわけですね」</p>

<p>「そうすると、ブラウザがOS化してくっていう流れになった時に、OSを作っていた時のいろんな知識だとか経験って役に立つんですよね。たぶんそれプログラム言語でも一緒ですし、ネットワークプロトコルでも一緒だし、なんでも同じだと思うんですよ。例えば、ネットワークって昔TCP/IPが流行る前とかっていうのは、普通にシリアルコネクタRS232Cっていうのがあったんですよ」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「はい」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「その上で、パソコン通信のためのやり取りだとか、ファイル転送のプログラムがあるわけですよ。Kermitって言われているのがあって、僕はKermitをあるプラットフォームに移植したんだけれども、そこでやっているプロトコルのいろんな手順で、結局はその後TCP/IPで見た時に同じ様なことをやっているんですよ」</p>

<p>「結局はウインドウ制御みたいな話が出てきたりとかっていうのは、基本は一緒なんですね。ヘッダーがあってトレーラーがあってだとか、あとはチェックサムだかなんかをつけて、ちゃんとそこのところのデータの妥当性をチェックしてますみたいな当たり前のところっていうのは、どんなプロトコルになったってそんな変わらなかったりするんですよね」</p>

<p>「なので、一旦覚えたってやつが完全に無駄になることはないと思うんですよ。そのままその技術が使えるかっていうとそれはこの世の中だし、これだけ技術が早いんで、それは期待しないほうがいいとは思うけど、なんかで流用できるし、生きてくるんじゃないかなと思います」</p>

<p>「なんかこれエラー発生しましたけど大丈夫ですか？」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「これは…よくないエラーですね」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「じゃあ、僕らは会場にいる人に語りかけましょう。会場限定！」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「YouTubeの配信の方が今壊れてまして」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「配信の方は申し訳ないです」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「聞こえてないですけどね、配信の人には（笑）」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「そうですね（笑）」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「河合さんはなんかそういうのないんですか？僕はいいことばっか言っちゃったけど、こういうのを見て、その技術には取り組んだ方がいいかもしれないけど、それはちょっと流石に慎重になった方がいなって思うようなものとか」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「まだ僕はおそらく経験が浅すぎていっぱい取り込んでる方だと思っているので、そこまでのところはないですけど、おっしゃった通りです。1つ学んだことっていうのはそこで学んだものが終わったとしても死ぬわけではなくて、必ずどこかで生きてくるっていうことが所々感じるとこはもちろんある。だからやっぱり物怖じしてやらないというよりは、やってしまった方が面白いんじゃないのかなっていう気はします。私事をお話しするんですけど、このWebBluetoothを始めたのは1カ月か2カ月くらい前なんですよ」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「そうなんですか」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「面白そうだなっては思っていたんですけど、やれる機会があまりなくて、まあちょっとやってみようって始めてみて、もちろんまだGoogleのChromeしかおそらく対応していないので、このあと使える技術かどうかなんてわからないわけなんですよ。なんですけど、やっぱり面白いからやってみよう感じになっているので」　</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「そうそう！だからその技術がなくなっちゃうっていうことを恐れている人は、会場にもいたんですけど、あんどうやすしさんっていう人がいるんですね。知っていますか？」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「はい！」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「彼ね、今日ね、引っ張り出したっていうウエーブ(Google Wave※)のTシャツ着てきてましたから。ウエーブ本出したらウエーブがシャットダウンすることになって、シャットダウンのアナウンスがあった数日後に出版になったっていうね（笑）。人生で一番不幸な人みたいな。なんか彼が取り組んだ技術はだいたいdeprecateされるっていうDEATH NOTEの生き証人みたいな人がいるんです。でも全然恐れていないで、いろんなことどんどんやってますよ」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「なるほど。これからはそういう姿勢をとっていった方がいいことが多いかもしれませんね。学生のやり方を見て僕がいいなと思ったのが、Webの質問サイトとかに質問をたくさん書いていたんですよ。それが1個2個じゃなくて10個20個とかすごく書いていて、調べて分からなかったらすぐに聞いてどんどんやっているんだって思って」</p>

<p>「まとめたものがあったらまさしくQiitaとかに書けばいいし、そうすると最新の技術が出てきた時に、早めにキャッチアップできてQiitaみたいな記事が書けると、みんなに注目されて界隈で目立てるというか、そういうプラス面があるじゃないですか。その姿勢ってすごくいいなって思いました。スモールスタートというか、物怖じするんじゃなくて、面白そう、ちょっとやったらできるんじゃないか、頑張ってやってみよう、わからなかったら周りに聞こう、まとめたらアウトプットしようみたいな、そういうエンジニアになっていくのがいいんじゃないかって」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「でも技術者って、基本面白いからその技術に取り組むんじゃないですか？例えばArduinoだとかRaspberry Piとかも、今でこそIoT的に使えるかもしれないけど、最初はただの電子工作じゃないですか」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「いわゆるおもちゃみたいな位置付けだったんですよね」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「すべての技術はおもちゃから始まるんですよ。僕それもうずっと言っていて、要はイノベーションのジレンマっていう話あるじゃないですか？あの破壊的イノベーションっていうのは、基本的にその時にその業界において、ほとんどおもちゃって思われているやつなんですよ。メインフレームがあった時に、僕がいたDECって会社が作っていたミニコンっていうのは、ほとんどおもちゃみたいなものなんですね。ミニコンとかがある程度出てきてダウンサイズが見えた時にもうワークステーション、さらにそれ飛び越えてパソコンなんておもちゃなんですよ」</p>

<p>「当時のNECの98シリーズを作った時に、おそらくNECの98をやれって言われていた技術者の人は、メインフレームをやっていた時に、そこに部隊異動になったら勘弁してくれって思うわけですよ。ほとんどおもちゃって言われていたのが、あっという間にメインストリームの技術を追い越していくっていうのが破壊的イノベーションなんですね。基本おもちゃっていうところで、これ面白いっていうのが実は人が集まってきて育っていくと、それがメインストリームになって、今までの事実を置き換えていくということが起きているんですよ」</p>

<p>「みんなが面白いって思っているやつとか、さっき言った生き残るかもっていうのは何かあると。生き残るかもしれないっていうのは、確率論でいうとあるかもしれないですよ」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「そこにいろいろ面白い展示がありますけど、WebのMIDI関係今一番面白いなって思っていることってどういうことですか？」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「面白いなって思っていることですか？」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「さっき及川さんが、空間の？概念がWebで表現できるって、そしたら音もその空間、例えばちょっと動いたらそっちから聞こえるっていうそういう表現ができたりっていう風になっていくんでしょうか？」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「この間Chromeの方に実装されたJUMP(※)っていう、Googleの出している専用のプラットホームでしか見られない映像でしたっけ？音響をWebブラウザ上で再現できるようになっていて、そのJUMPでフォーマットで録られた音声は3Dの音響でちゃんと聞けるっていう状態になっていたりします」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「もうそういうことができる時代になっていたんですね」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「そうですね。だいたい音って、結構最初は取りかからないんですよ。最初は映像が入って、目で見る方が完成し出すと、音ができるみたいな。WebオーディオとかMIDIもそうだったんですけど。Canvasが動くようになって、WebGLが動くようになって、じゃあは次は音だろってみたいな流れになるわけですよ。音ができると、その次は3Dだという話になるわけですよね。CanvasからWebGLになったみたいに。今その流れがきているかなって感はありますけどね」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「なるほど」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「最近WebVRとか言ってWebブラウザ上でVRができるようなフレームワークができていたりするんですけど、そこは面白いかなっていう気はします」</p>

<ul>
<li>Google Wave：過去に米グーグルがサービス提供していたコミュニケーション及びコラボレーションツール。2010年5月にはサービスを一般公開したが利用者が増えず、同年8月4日に開発中止を表明。サービス自体は2012年4月末まで継続された。</li>
<li>JUMP：グーグルが提供するVRコンテンツ作成システム</li>
</ul>

<h2>まとめ</h2>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「この後13時からセッションされるんですよね？」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「そうですね。13:20ですね、そろそろ」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「そちらの方で今のような話とかも？」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「そうですね。まさに今頭の中でそこで話す内容ちょっと話しちゃったな、みたいな。どうしようみたいな感じだったんですけど（笑）」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「今ここで先にお話ししてしまったかもしれませんが、その話も聞けるということなので、ぜひご興味ある方は河合さんのセッションをご覧になってみてはと思います」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「よろしくお願いします」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「準備のお時間もありますよね、すみませんでした」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「いえいえ、13:20からなんで大丈夫です。おそらくまとめをするとなると、とりあえずやってみろっていうことですよね。口で言う前にとりあえず手を動かしてみろと。それが自分を作るっていう感じなんですかね？」</p>

<ul>
<li><a href="https://youtu.be/RP96J1hbl6c" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">河合さんの講演動画はこちら</a>からどうぞ！</li>
</ul>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「純粋に面白いんじゃないじゃないですか？学生さんもきっと面白いと思ってやっているんで。逆に言うと、なんで加藤さんやんないのかなっていう（笑）」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「なんかちょっとひねくれているんでしょうかね？」</p>

<p><img src="/wp-content/uploads/2016/10/kawai-oikawa-1.jpg" alt="" width="200" height="87" class="alignnone size-full wp-image-21583" /><br>
（笑）</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「ごめんごめん、いじめたかったわけじゃないから（笑）。元気出そうよ！なんかツラいことあった？」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「いえ、大丈夫です」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「今日夜行のバスで福島から来てるんですよ。おそらく疲れてらっしゃる」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「なるほど」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「すみません、多大なフォローをいただきありがとうございます！」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「いえ、とんでもない」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「すみません、スピーカーを入れていただいた方もどうもありがとうございました。この辺りで、第1回目は終了したいと思います」</p>

<p><img src="/wp-content/uploads/2016/10/ALL-2.jpg" alt="" width="300" height="90" class="alignnone size-full wp-image-21591" srcset="/wp-content/uploads/2016/10/ALL-2.jpg 300w, /wp-content/uploads/2016/10/ALL-2-207x62.jpg 207w" sizes="(max-width: 300px) 100vw, 300px" /><br>
「ありがとうございました！」</p>

<h2>ラジオブースで放送した全ての内容を動画で公開！</h2>

<p>放送1回目だけでなく、ラジオブースで放送した全ての内容を動画でも公開中です。「地方で日本で働く海外で働くの話」は、動画の[3:03:38]-[3:50:50]です。</p>

<iframe width="560" height="315" src="https://www.youtube.com/embed/mwCbnwQnbko" frameborder="0" allowfullscreen></iframe>

<ul>
<li>「地方で日本で働く・海外で働くの話」 by DJ KATO [ゲスト：及川卓也さん、河合良哉さん]</li>
<li>「ハードウェア楽しいですよね」 by DJ KATO [ゲスト：中川友紀子さん、羽田野太巳さん]</li>
<li>「ハートブレイクカフェ」 by DJ KATO &amp; 物江修さん</li>
</ul>

<p><DIV align=right>（撮影・写真提供：HTML5 Conference 2016撮影スタッフ）</div></p>
]]></content:encoded>
		
		<series:name><![CDATA[HTML5 Conference 2016 特集]]></series:name>
	</item>
		<item>
		<title>及川卓也さん、河合良哉さんに聞いた「地方で日本で働く・海外で働くの話」（その１）──HTML5 Conference 2016☆番外編</title>
		<link>/djkato/21528/</link>
		<pubDate>Tue, 01 Nov 2016 00:40:00 +0000</pubDate>
		<dc:creator><![CDATA[加藤拓明]]></dc:creator>
				<category><![CDATA[最新動向]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Web MIDI API]]></category>
		<category><![CDATA[海外]]></category>

		<guid isPermaLink="false">/?p=21528</guid>
		<description><![CDATA[連載： HTML5 Conference 2016 特集 (7)HTML5 Conference 2016の展示ブースでは、私DJ KATOによる特別ラジオをお届けしておりました。すごく面白いので、Increments及...]]></description>
				<content:encoded><![CDATA[<div class="seriesmeta">連載： <a href="https://html5experts.jp/series/html5-conf2016/" class="series-403" title="HTML5 Conference 2016 特集" data-wpel-link="internal">HTML5 Conference 2016 特集</a> (7)</div><p>HTML5 Conference 2016の展示ブースでは、私DJ KATOによる特別ラジオをお届けしておりました。<br>すごく面白いので、Increments及川卓也さんとヤマハ河合良哉さんがゲストに来てくれた「地方で日本で働く・海外で働くの話」を完全版テキストで書き起こしてみました。ぜひ、カンファレンスレポートの番外編としてお楽しみください！</p>

<p><img src="/wp-content/uploads/2016/10/IMG_5323.jpg" alt="" width="640" height="403" class="alignnone size-full wp-image-21571" srcset="/wp-content/uploads/2016/10/IMG_5323.jpg 640w, /wp-content/uploads/2016/10/IMG_5323-300x189.jpg 300w, /wp-content/uploads/2016/10/IMG_5323-207x130.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /></p>

<h2>まずは、自己紹介をお願いします</h2>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「海外にも地方にも行っていないのに、なぜか呼ばれています。Increments株式会社の及川卓也です」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「ヤマハ株式会社の河合良哉です。よろしくお願いします」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「地方にも海外にも行っていないというお話がありましたが、環境が大きく変わったという面で共通点があると考え、広い意味での定義としてとらえてほしいです」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「はい」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「まず、及川さんは…」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「ちょっと待って。お前は誰だという感じだから（笑）」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「あ！僕ですね！私、会津若松にあるIT系の会社に勤めております、加藤と申します。DJ KATOと名乗って、こういった司会をやらせていただいてます。どうぞよろしくお願いします」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「イエーイ！」</p>

<h2>及川卓也さんの基調講演のお話</h2>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「先ほど基調講演を終えられたばかりですよね？（基調講演の後で）時間ありました？」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「1つセッションを聞いてきましたよ、React.jsの難しいやつを。途中で抜けてきちゃったんだけど」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「結構技術的な話を聞いてきたんですね。及川さんはどのようなお話をされたんですか？僕は聞きに行けなかったので…」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「聞いてなかったんだ！（笑）」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「準備をしていたので…」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「そうですか、ご苦労様です。僕は何の話をしたんだっけ？Webの話をしたんですよ。一応Webのカンファレンスなので。なんか飲んでもいないのに酔っ払ってるみたいですみません（笑）」</p>

<p>「Webは3つの側面がありますねという話で、アプリケーションの技術としてのWebとメディアとしてのWeb。あとはインフラ技術としてのWebで、それぞれいろんな局面を迎えている。でも今後も投資して、さらに発展させていかなきゃいけないですね、というすごくいい感じの話をした気がします」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「なるほど。そういった広い視点でのお話をされたという感じですね」</p>

<p><img src="/wp-content/uploads/2016/10/kawai-oikawa-1.jpg" alt="" width="200" height="87" class="alignnone size-full wp-image-21583" /><br>
？？？？？？？？？？？？？</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「ごめんなさい！緊張してしまって、わけのわからないことを言って申し訳ないです」</p>

<p>「基調講演を聞いていないのに申し訳ないのですが、プラットホームとしてのWebって、例えばどういう変化が起きてて、これからどうなるということなんでしょうか？」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「ずっと起きている話で、要は機能的にもどんどん追加されてきていると。で、ある程度WebのAPIってそこそこ揃ったようには見えるんだけれども、実はWebって古くからコンピューターディスプレイがあって、キーボードがあって、マウスがあるというところから、やっと今スマホみたいなところになってきている。そういった今までのデバイスやメディア系のものを超えたものに、これからはなっていくでしょうという話をしました」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「はい」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「ちょうど私の前にW3Cで慶応大の中村修先生が、HDRの話をされていました。要は輝度の部分をJavaScriptでWebからコントロールできたならば、映像が大きく変わるだろうって話を少しされてたんです」</p>

<p>「それにインスパイアされて、音の部分もaudioタグがあって、Web MIDIがあって、Web Audioもある。そんな状況ですが、実は2009年という早い段階からGoogleは考えていたんです。空間音響みたいなところで、要はVRのサウンド版。どこの位置にいたならばどういうふうに音が聞こえるはずだということを、拡張機能として公開しているのがもうあったりするんですね」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「はい」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「今までの普通にコンピューターディスプレイやスピーカー、ヘッドホンだけでは想像もつかなかったようなところまで、実はそのアプリケーションとしての可能性もまだまだ可能性がありますねって話」</p>

<p>「あとはWebAssemblyの話で、もはやそうなってくるとJavaScriptとHTMLとCSSとは全く違うアプリケーション開発技術も出てくるから、楽しいと同時にいろいろと考えなきゃいけないねっていう話をした感じです」</p>

<ul>
<li>【基調講演】<a href="https://html5experts.jp/miyuki-baba/21224/" data-wpel-link="internal">Webはオープンな分散型OS、アプリケーション・メディア・プラットフォームとしてのWeb技術─中村修教授、及川卓也氏が語ったHTML5の未来</a></li>
</ul>

<p>「大丈夫ですか？これで今回のテーマにだんだん近づいてきます？」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「まだ1mmも近づいていないんですが、話の流れを大事に進めていこうと思います」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「了解です、任せます。ちょっと不安になりました（笑）」</p>

<h2>河合さんに聞いたWeb MIDIのお話</h2>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「河合さんはWebとMIDIに関してお仕事上関わりがあると思うのですが、その方面で、今までできなかったことが今後できるようになるものにはどのようなものがありますか？」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「この隣にWeb Music Developers JP(※)というコミュニティーが主催している展示会場があって、そこで缶が鳴っていますけど、実はMIDIで動いていたりするんですよ。今まさに及川さんがおっしゃった、プラットホームとしてのWebのところでMIDIも入ってくるのかなと。外部のExtarnalのデバイスとブラウザが直接つながると、そこで起こったことは僕が言うのもすごく手前味噌なんですけど、楽器業界がWebの業界にどんどん入ってきたと言えるんじゃないかと思います」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「楽器が…Webに？」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「これも手前味噌なんですけど、ヤマハがrefaceというシンセサイザーを去年出したんですね。そのシンセサイザーは、普通のシンセサイザーだと大体ボイス、音色のパラメーターを保存するのに楽器に載っているメモリに保存するんです。だけど、そのrefaceというモデルに関しては保存する部分がなくて、どうするかというとWeb MIDIで接続をして、ブラウザから直接Cloudの方に保存する。そういうことで少し形が変わったかな。Webをストレージとして使うというような考え方に移ったと」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「なるほど」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「もう少し話すと、プラットホームとしてのWebという意味で、僕も昔から思っていて、やっぱりブラウザというとディスプレイがあってキーボードが目の前にあって、そこから外にあまり出ないよみたいなイメージがあると思うんですけど、それがまずMIDIで楽器の業界で外に出ましたと」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「はい」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「今ですね、GoogleのChromeにしか搭載されていないのかもしれないですけど、WebBluetoothっていうのがあって。このWebBluetoothというのを使うと、今度Bluetooth SMARTって呼ばれる世の中でいうBLEというやつですね。BLEの機器に直接接続ができるんですよ」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「はい」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「あそこにM&amp;M&#8217;sが入ったおもちゃみたいなのがあるじゃないですか。あれ実はBluetoothで接続をして、ボタンを押すと中に入っているM&amp;M’sがババババーッと出てくるおもちゃなんですけど、ああいうものが作れるようになるわけです」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「なるほど。これたぶんラジオで聞いている人にはちょっと…」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「見えないですね（笑）」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「見えづらいかなと思うんですけど、このすぐ隣にWeb Music Developers JPさんのブースがありまして、そこにWeb MIDIといろいろなものがあって、PCとMIDI楽器なんでしょうか？あれは？」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「そうですね。真ん中に並んでいるのはMIDIを使ったコントローラーで、その次に並んでいるのがライブビーツっていうブラウザを楽器にしてしまうような作品です。で、その隣にあるのがシーケンサー、これFirebaseを使って、いろいろな人と進行しながら音楽を作っていくハッカソンでハックしてもらった作品が展示されています。その隣には、これもWebの技術を使って照明をコントロールしようというもので、照明がコントロールされています」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「照明を、MIDIで？」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「はいそうですね」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「あ、そうなんですね」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「MIDIってミュージカルインストゥルメンタルデジタルインターフェイスという名前なんですけど、そのプロトコルを別の用途で使ってしまっているということですね」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「つまりMIDIって、タイミングだったり音色だったりという概念があって、それを表示のタイミングだったり、どの色にするかに置き換えて命令を出すという感じなんでしょうか」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「そうですね。おっしゃるとおりでございます」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「なるほど」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「その隣に並んでいるのがMIDIに関係ないですけど、WebBluetoothで接続されているお菓子が出てくるおもちゃです」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「さっき河合さんがブースを作っている準備段階をお見かけしたんですけど、M&amp;M’sが勝手に動いてチョコレートをバラバラと吐き出しているのを見ましたけど、あれもMIDIでやっていた？」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「いや、あれはMIDIとは関係なくて、Bluetoothで接続をしてBluetoothで動かしています。もう一回出してみます。……あんな感じで」</p>

<p>※筆者注：↑Bluetoothで動かしているとさっき河合さんが言ってました。話を聞いていない。</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「今出てる！」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「ここから接続しているんですけどね、全然見えないですよね（笑）」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「今まではMIDIというと、鍵盤があってそれをUSBでPCに繋ぐと、そのPCのソフトで楽器が鳴る。それは専用のソフトがあってそのソフトが鳴るイメージだったものが、今はWebブラウザがあればそのWebブラウザの表示の機能でMIDIのUSBに繋ぐだけで全部音が鳴ったりだとか、専用ソフトになるようなことが全部出来てしまうという状態になっているということですね」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「そうですね。それを楽器以外のもので使うことのも可能なので、そういったとこに応用していくっていうのもありかな」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「なるほど」</p>

<h4>＜参考情報＞</h4>

<ul>
<li><a href="https://groups.google.com/forum/?hl=ja&amp;fromgroups#!forum/web-music-developers-jp" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">Web Music Developers JP のgoogleグループ</a></li>
<li><a href="http://jp.yamaha.com/products/music-production/synthesizers/reface/#tab=feature" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">reface</a></li>
</ul>

<h2>河合さんがサンフランシスコに拠点を移されたお話</h2>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「ちなみに今年サンフランシスコの方に拠点を移されたということで、それはどういった目的で移動されたのですか？」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「夢にも思ってもなかったのですが、ありがたいことに駐在の司令を出してもらえ、今年1月下旬からアメリカに住んでます」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「日本でのWebのMIDIの普及と、海外でのWebのMIDIの普及には違いがあるんでしょうか？ご自身で決めていったというわけではないという話だったので、そういう依頼があったわけではないと思いますけど、海外に行ったことで日本のWebMIDIの盛り上がりと、海外の盛り上がりの違いがあったらお聞きしたいです」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「基本的に僕がまだ全然知らないだけかもしれないですけど、日本で今展示しているのがWeb Music Developers JPなんですけど、ここが異常に盛り上がっている感があるというのが僕の印象です（笑）」</p>

<p>「海外にWebでミュージックをする方たちがいるかなというと、あまりいないかなという気がしています。とはいえ、音楽で盛り上がっているというコミュニティはあるみたいで、その方々はいろいろなことをやっているみたいです。例えばWebGLを使って音楽と組み合わせて作品を作ったり、そういうのをアメリカでよく見かけることがありますね」</p>

<h2>及川さんが海外で仕事をしていた話</h2>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「及川さんは海外で勤務された経験もおありなんですよね、いつ頃でしたでしょう？以前働いてらっしゃったのは日本DEC(※)にいらした後、Microsoftで働いていた時に海外にいらしたと…」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「そうです、よく知っていますね！」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「ネットで調べたら出てきました」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「その前に加藤さん声ちっちゃくない？」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「すみません、気持ちの萎縮が声に出ていたのでちょっと張ります」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「あと、マイクは柄の部分を掴んだ方がいい気がするよ（笑）」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「はい、こんな感じでよろしいでしょうか？（笑）」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「はい、ぜひ元気よくいきましょう！」</p>

<p>「私今から20年ちょっと前にまだMicrosoftが小さかった時ですね。Windowsのエンタープライズ版のWindowsNTっていう今のWindowsなんですけど、それの元のバージョンを作った時に1年くらい派遣されました。シアトルというか、郊外のレドモンドにある今Microsoftの本社があるところに行きました」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「その時に、日本から海外に行かれたということで、暮らす環境だったり仕事のやり方だったり、すごく違いを感じたのではないかと想像するのですが、その辺りはどうでしたか？」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「そうですね、だいぶ違いましたね。しかも当時ってインターネットまだないんですよ。あるんですけど、Webはまだ作られていない時だったんですね。ちょうど私がレドモンドにいた時に、Webっていうものがあるらしいぞというので、NASAの宇宙の写真とかを最初に見たのを覚えているくらいなんですよね。なかったんですよ」</p>

<p>「つまりどういうことかというと、行く前に現地の情報とかそんなに分かんなくて、ニフティサーブという今のニフティの原型があり、そこがアメリカのコンピュサーブっていうパソコン通信にゲートウェイで接続きたので、そっちの方のフォーラムに入ったりしていろんな情報を入手したりしていたんですね。また逆に、アメリカ勤務していても、日本の情報がほとんど入ってこないんですよ」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「そうなんですね。</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「なので、どっちがいいかというと正直分からなくて、昔は昔でそういった現地に行かないと分からないものを、現地に行って分かる面白さとか醍醐味があったんですけれども、不便といえば不便でした」</p>

<h4>＜参考情報＞</h4>

<ul>
<li><span style="font-size: 90%;">日本DEC：日本 ディジタル イクイップメント株式会社</span></li>
<li><span style="font-size: 90%;">ニフティサーブ：NIFTY-Serve、のちにNIFTY SERVE、1987年から2006年までニフティ株式会社が運営していたパソコン通信サービス。</span></li>
<li><span style="font-size: 90%;">コンピュサーブ：CompuServe、アメリカのパソコン通信会社。</span></li>
</ul>

<h2>インターネットで知ることと、現地に行って知ることの話</h2>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「なるほど、それは良し悪しあるんですね。今は狙った検索ワードを入れれば、大抵のものはヒットして分かるという状態になっているじゃないですか。それは日本にいても海外にいても見れるので、ネットで繋がっていれば一緒に仕事もできるし、知らなかった情報もすぐネットでキャッチアップできるような環境に今は変わってきている気がする。なので、海外に行って困るというのは前と比べると少なくて済む状況になってきているのではないかと思うのですが」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「そうですね。今僕も向こうにいるわけなんですけど、インターネットから大体情報が入ってきますし、すごく変わったかなと思うのが、テレビもすごく変わったと思うんですよ。家にソニーさんが作っているnasne（ナスネ）™というサーバーを、日本の自宅に置いているんですね。そうすると、海外からも日本のテレビ番組が普通に見れるんですよ」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「撮りためておいて、普通にそれが見れるという感じなんですか？」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「そうですね。撮りためもできるし、リアルタイムで見ることもできたりするので、アメリカにいるのに日本のテレビ番組を見てたりすることもあったりして、その辺は本当に情報がすごく入って来やすい。自分で取りに行こうと思えばいつでも行けるという状態になっているというのは間違いなくあるという気はするんですけど、1つ僕が結構思うのは、情報ってやっぱり情報なんですよ」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「はい」</p>

<p><img src="/wp-content/uploads/2016/10/kwaisan2-1.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21628" srcset="/wp-content/uploads/2016/10/kwaisan2-1.jpg 640w, /wp-content/uploads/2016/10/kwaisan2-1-300x40.jpg 300w, /wp-content/uploads/2016/10/kwaisan2-1-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「重要なのって情報の周りにある雰囲気だったり、文化的な背景だったり、そういうところが結構重要だということを僕は思っているんです。情報は入ってきやすくなってきたけど、ディテールのところは現地に行かないと分からないかなという気がしているんですけど、及川さんその辺いかがでしょうか？」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「そうなんですよね。英語圏でアメリカにいると、インターネットで得られる情報と、現地で得られる情報っていうのはもちろん差はあるけれど、そんなには多くないんですね」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「はい」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「ただ他の国に行った時に、我々が現地の言葉を知らなかったりすると、どうしても英語の情報に頼るじゃないですか。もしくは日本語の情報に頼ると。例えばヨーロッパに行った時に現地の人から教えてもらったのは、トリップアドバイザーの情報でいい店だって言われて行くわけですよ。それはアメリカ人のテイストにあってる店がレコメンドされるだけだよってはっきり言われたんですね」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「なるほど（笑）」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「だから、本当に現地の人が行くところで推奨している店が、そこに引っかかるとは限らないということを言われたから、やっぱりインターネットで得られる情報と現地の本当の情報は必ずしも一致していないことは覚えておいたほうがよくて。ただ、今ちょっとトリップアドバイザー、最近元Googleの僕の友人が日本法人の社長になったんですけど」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「そうなんですか（笑）」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「まあ、それはいいんですが（笑）」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「だけれども、逆に言うとそれはそれで便利なんですよ。なぜかというと、トリップアドバイザーでいいって言われているのは確実に英語が通じたりだとか、アメリカ人と日本人のテイストはだいたいあっているんで、そんなに間違いはない」</p>

<p>「ただ、やっぱり今言ったみたいに、本当に現地で価値があるって言われているものが英語で情報として流通しているかどうか分からないところはあったりするんで、やっぱりネットの情報で便利になったと思う反面、ネットだけでいろんなところに行こうとしたら、実は現地でしか味わえない醍醐味だとか、本当に大事なものを見失ってしまう可能性はあるかもしれないなって思いますね」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「そういう側面もありますね」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「例えば、逆にふっていいですか？　地方に東京から移住した加藤くんに聞きたいんですけれども」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「はい」</p>

<p><img src="/wp-content/uploads/2016/10/oikawasan-2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21624" srcset="/wp-content/uploads/2016/10/oikawasan-2.jpg 640w, /wp-content/uploads/2016/10/oikawasan-2-300x40.jpg 300w, /wp-content/uploads/2016/10/oikawasan-2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「要は、もう日本語で普通に会津若松の情報って分かるじゃないですか。でも現地に行ってみたら全然違ったっていうようなことって、実際に暮らし始めてみてからあるんですか？」</p>

<p><img src="/wp-content/uploads/2016/10/katosan2.jpg" alt="" width="640" height="85" class="alignnone size-full wp-image-21621" srcset="/wp-content/uploads/2016/10/katosan2.jpg 640w, /wp-content/uploads/2016/10/katosan2-300x40.jpg 300w, /wp-content/uploads/2016/10/katosan2-207x27.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br>
「いくつかやっぱりありますね。そもそもあんまり店がないのかなって思っていたら、みんながWebにあげていないだけで、実際に足を運んでみるとすごく美味しい店が近くにたくさんあったりとか、そういうギャップがあったり。あとは食べログとかを見てお店を選ぶんですけど、評価が普通なお店でも行ってみると店員さんがすごく優しくてフレンドリーで、何回か行ったら一品増やしてくれたりとか、これはちょっと分からないだろうなとは思いました。それは現地に行ってこそ分かるものだなって分かりました」</p>

<p>「今は逆に検索すればわかるから、ネットがつながってるから、情報共有も簡単にできるだろうと思い込むのは危険なところはありますよね。その辺は会社によってやり方は違うと思うんですけど。Microsoftなんかはレドモンドに社員を皆さん集結させて、なるべく物理的に近くにいてコミュニケーションロスを減らそうとしているとどこかで見たのですが、そういう会社もあれば、Googleは逆にどこにいても仕事はできるからというかたちで、物理的に散らばって要所要所で集まって意思疎通をしていると聞きました」</p>

<p>「そういうスタイルや、会社さんごとにいろいろなやり方でやっていると思うんですが、1つ言えるのは以前よりも単純な情報の共有はすごくやりやすくなったので、海外にいきなり行くとなった時も、以前のような準備がそこまでいらなくなってきているのかなと感じました」</p>

<h4>＜参考情報＞</h4>

<ul>
<li><span style="font-size: 90%;"><a href="http://www.jp.playstation.com/nasne/" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">ナスネ</a>：nasne、地上/BS/110度CSに対応したデジタルチューナーと大容量ハードディスクを搭載したネットワークレコーダー＆メディアストレージ</span></li>
</ul>

<p>──後編は「日本と海外の違いの話」「年齢が違う人とのコミュニケーション」などの話を紹介します。</p>

<p><DIV align=right>（撮影・写真提供：HTML5 Conference 2016撮影スタッフ）</div></p>
]]></content:encoded>
		
		<series:name><![CDATA[HTML5 Conference 2016 特集]]></series:name>
	</item>
	</channel>
</rss>
