https://h3m.jp/mind/m00.html

1<!DOCTYPE html>�
2<html lang="ja-JP">
3<head>
4<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
5<meta name="robots" content="" />
6<meta name="keywords" content="" />
7<meta name="description" content="" />
8
9
10
11<link rel="apple-touch-icon" href="_src/sc831/bind_green.png" />
12<title>サイトをはじめた理由 of h3m</title>
13<link rel="shortcut icon" href="../_src/sc904/favicon.ico" />
14<link rel="stylesheet" type="text/css" href="../_module/layout/style.css" id="layout-css" />
15<link rel="stylesheet" type="text/css" href="../_module/layout/_else.css" id="options-css" />
16<link rel="stylesheet" type="text/css" href="../_module/theme/default08/style.css" id="theme-css" />
17<link rel="stylesheet" type="text/css" href="m00.css?3460746781v408m" id="page-css" />

18<script type="text/javascript" src="../_module/js/script.js?l=1,t=default08,f=g,fs=m,c=042b" charset="utf-8" id="script-js"></script>

18
19<!-- custom_tags_start -->

20<script type="text/javascript">
21</script>

21
22<link rel="alternate" type="application/rss+xml" href="/_userdata/index.rss">
23<!-- custom_tags_end -->
24
25</head>
26<body id="L03" class="ML00">
27<div id="page" class="thunder-bg"><div class="wind-bg">
28<h1 id="page-title">サイトをはじめた理由 of h3m</h1>
29<noscript><div id="no-script"><img src="../_module/js/parts/noscript.gif" width="600" height="30" alt="Enable JavaScript in your browser. このウェブサイトはJavaScriptをオンにしてご覧下さい。" /><br /></div></noscript>
30
31<div id="area-header" class="area noskin"><div class="wrap">
32<div class="atl"></div><div class="atr"></div><div class="atc"></div><div class="amm"><div class="aml"></div><div class="amr"></div><div class="amc">
33<div id="bk1619" class="block plain"><div class="col-1"><div class="simple skin-1 type-1"><div class="lhm">
34<div class="column set-1">�
35<p class="ar"><a href="feed://h3m.jp/_userdata/index.rss"><img src="../_src/sc834/rssicon.gif" alt="LinkIcon" /></a><!-- custom_tags_start -->
36<span class="bdset bdset-2"><span class="bdprint"><a href="#"><span>印刷用表示 |</span></a></span><span class="bdtext"><a class="size-s" href="#"><span>テキストサイズ　小 |</span></a><a class="size-m" href="#"><span>中 |</span></a><a class="size-l" href="#"><span>大 |</span></a><br class="clear"/></span><br class="clear"/></span>
37<!-- custom_tags_end --></p></div>
38</div></div></div></div>
39
40
41<div id="bk1620" class="block plain"><div class="col-1"><div class="simple skin-1 type-1"><div class="lhm mgn">
42<div class="column set-1">�
43<p><span class="img left"><img src="../_src/sc648/logo_green75.png" width="75" height="95" alt="logo_green75.png" /></span><br />
44<br />
45<span class="fsize_l" style="color:#008040;">デジタル時代の人やモノの距離感　</span><span class="fsize_s" style="color:#717171;">ブログよりもややフォーマル、原稿にするには個人的なこと</span></p>�
46<div class="menuh"><div class="menu-b">�
47<ul>
48<li class="li1 top"><a href="../index.html" class="mn1">top　トップ</a></li>
49<li class="li1"><a href="../physical/ph00.html" class="mn1">physical　フィジカル</a></li>
50<li class="li1"><a href="m00.html" class="mn1 cr">mind　マインド</a></li>
51<li class="li1"><a href="../social/s00.html" class="mn1">social　ソシアル</a></li>
52<li class="li1 btm"><a href="../private/pr01.html" class="mn1">private　プライベート</a></li>
53</ul></div></div></div>
54</div></div></div></div>
55</div></div><div class="abl"></div><div class="abr"></div><div class="abc"></div></div></div>
56
57<div id="area-billboard" class="area noskin"><div class="wrap">
58<div class="atl"></div><div class="atr"></div><div class="atc"></div><div class="amm"><div class="aml"></div><div class="amr"></div><div class="amc">
59<div id="bk1633" class="block plain"><div class="col-2"><div class="simple skin-1 type-1"><div class="lhm mgn">
60<div class="column nocontents">
61
62</div>
63</div></div></div></div>
64</div></div><div class="abl"></div><div class="abr"></div><div class="abc"></div></div></div>
65
66<div id="area-contents" class="area noskin"><div class="wrap">
67<div class="atl"></div><div class="atr"></div><div class="atc"></div><div class="amm"><div class="aml c-aml"></div><div class="amr c-amr"></div><div class="amc c-amc">
68
69<div id="main-group"><div class="core">
70<div id="area-main" class="area noskin areamgn"><div class="wrap">
71<div class="atl"></div><div class="atr"></div><div class="atc"></div><div class="amm"><div class="aml"></div><div class="amr"></div><div class="amc">
72<div id="bk1624" class="block plain"><div class="col-1"><div class="simple skin-1 type-1"><div class="lhm mgn">
73<div class="column set-1">�
74<p><span class="bd-slide fade_nm bd-slide-auto bd-slide-loop" style="width:530px; height:318px;"><span class="slide-img"><img src="../_src/sc770/mind01.jpg" width="530" height="318" alt="" /></span><span class="slide-img"><img src="../_src/sc771/tea.jpg" width="530" height="318" alt="" /></span><span class="slide-img"><img src="../_src/sc772/people.jpg" width="530" height="318" alt="" /></span></span></p>�
75<div class="h2"><h2><strong><span style="color:#008040;">デジタルな距離感　このサイトをはじめた理由</span></strong></h2></div>�
76<p><span class="min fsize_l">最近、他人との距離感がつかみにくい。たとえば、仕事中に電話があり、キーボードを打つ手を止めて受話器を取ると「カニ、買いませんか？」とたずねられる。電話を切ってコンピュータの画面に戻ると、突然メールで「私</span><strong><span class="min fsize_l">も</span></strong><span class="min fsize_l">好きです」なんてラブレターが着信する（最初はいたずらかスパムメールかと思った</span><span class="min fsize_l">）。新刊を出版したときはメールで「原稿料いくらですか。教えてください。」なんて、ツイートみたいな１行だけの内容。もちろん、発信者の名前もない。たぶん、差出人は子供だろうと思って放っておいた。数日後に同じアドレスから少し長文（４行くらい）のメールが送られてきて、発信者が立派な大人だとわかって、またビックリした。かと思えば、中学生から「いつもご活躍を拝見しています（中略）ご本の一部を文化祭の発表で使わせていただきたいのですが、ご許可をいただければ…」なんて便せん２枚に手書きの封書が出版社経由で転送され、ものすごく感心した（と同時に「子供は礼儀知らずだと勝手に誤解していて、すいません」と封筒に向かって謝った）。</span><br />
77<br />
78<span class="min fsize_l">友人や知人に聞くと、そんな経験をする人は意外に多い。誰かと距離感がとりにくくなったã

78®ã¯ã€ã„ろいろな原因があるだろう。僕は、その一つをコミニュケーションのチャンネルが増えたからだと思っている。固定電話に、携帯電話、携帯メール、インターネットメール、それも仕事用とプライベート用のアドレスを使い分けるもの当たり前になった。ネットユーザーの４人に１人が４〜６個のメールアドレスを持っているらしい</span><span class="min">*1</span><span class="min fsize_l">。さらにブログにツイッター、FaceBookなど、どんどん増えている。僕は工学部電気通信工学科学士という、やたら画数の多い肩書きをもっている</span><span class="min fsize_l">（少なくとも卒業証書にはそう書いてあった）</span><span class="min fsize_l">が、昨今のデジタル・コミニュケーションについて検索すると、それだけで目がグルグルする</span><span class="min fsize_l">。</span><br />
79<br />
80<span class="min fsize_l">だから、「デジタルな距離感について考えるトピックスを扱ったら面白いかも……」と、ずっと考えていた。サイトの名前の「h3m」は、半径３メートル（Hankei 3 Metoru）の頭文字から決めた。アバウトだけれど、自分の半径３メートル以内で起きたことを、上からでもなく下からでもない目線で、３メートルくらい先の人に普通に伝えていく。ちょうどYouTubeによく投稿されている子供やペットを撮影したホームビデオみたいな感じ。</span><br />
81<br />
82<span class="min fsize_l">トピックによっては、３メートルの距離をこえる話題になるかもしれない（たとえば、ライオンについて取材することがあったら、そんなに近づくのも怖いし、動物だけでなく危険なモノ、怖い人もいると思う……）。それでも、「きっと楽しいはず」と思っているのは、もしかしたら僕だけかもしれない。けれど、少しずつでも面白がってくれる人が増えることを願って、このサイトをはじめることにした。</span><br />
83<br />
84<span class="min fsize_l">「デジタル時代の人やモノの距離感」をテーマに、ライフスタイルなど、どんなことも、physicalフィジカル、 mindマインド、 socialソシアル、 privateプライベートなど、４つのカテゴリーにザックリと分類して、週に１度くらいのペースで更新してくことを予定しています。ブックマークに追加していただき、ときどきトピックスの見出しだけでもチェックしていただければ、とても幸せです。</span><br />
85<br />
86<span class="got">前田知洋（まえだともひろ）</span><br />
87<span class="got">クロースアップ・マジシャン。1988年、東京電機大学工学部卒業。卒業研究論文は人工知能。100以上のテレビ番組に出演。海外での出演も多く、チャールズ皇太子もメンバーの英国マジックサークルのゴールドスターメンバー。「Hanako」（マガジンハウス）で人生相談、「ナンプレファン」（世界文化社）でコラム「日常の暗号」を連載。現在は</span><span class="got">建築誌「モダンリビング」（アシェット婦人画報社）でエッセイを連載中。主な著書に「知的な距離感」（かんき出版）、「人を動かす秘密の言葉」（日本実業社出版）など。</span><a href="http://www.eva.hi-ho.ne.jp/tomo-maeda/">公式サイトへのリンク</a><br /></p>�
88<p class="note"><span class="fsize_l">*1　</span><span class="fsize_l">2009å¹´</span> <span class="fsize_l">goo サイト調べ</span></p>�
89<p><span class="fsize_l"><!-- custom_tags_start -->
90<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FH3m%2F177307538956972&layout=button_count&show_faces=false&width=120&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:120px; height:21px;" allowTransparency="true"></iframe>
91<a href="http://b.hatena.ne.jp/entry/http://h3m.jp" class="hatena-bookmark-button" data-hatena-bookmark-title="デジタル時代の人やモノの距離感" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a>

91<script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>

91
92　<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="h3m_jp" data-lang="ja">Tweet</a>

92<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

92
93<a href="/_userdata/index.rss"><img src="/_userdata/feed-icon-28x28.png" width="28" height="28" alt="RSS"></a>
94<!-- custom_tags_end --></span></p></div>
95</div></div></div></div>
96
97
98<div id="bk1625" class="block plain"><div class="col-3"><div class="simple skin-1 type-1"><div class="lhm mgn">
99<div class="column set-1"><!--Next／Prev 次のページや前のページへのナビゲーションテンプレートです。-->�
100<p><img src="../_src/sc203ex/Square_wht_Left.png" alt="LinkIcon" /></p></div><div class="column set-2">�
101<p class="ac"><!-- custom_tags_start -->
102<span class="bdnavi-numbers2"><span class="num top"><span>1</span></span><a href="m01.html"><span class="num"><span>2</span></span></a><a href="art01.html"><span class="num"><span>3</span></span></a><a href="m03.html"><span class="num"><span>4</span></span></a><a href="m04.html"><span class="num"><span>5</span></span></a><a href="m05.html"><span class="num"><span>6</span></span></a><a href="art02.html"><span class="num"><span>7</span></span></a></span>
103<!-- custom_tags_end --></p></div><div class="column set-3">�
104<p class="ar"><a href="m01.html">デジタルが希少だった...<img src="../_src/sc522/Square_blk_Right.png" alt="LinkIcon" /></a></p></div>
105</div></div></div></div>
106</div></div><div class="abl"></div><div class="abr"></div><div class="abc"></div></div></div></div>
107
108<div id="area-side-b" class="area noskin areamgn side-group"><div class="wrap">
109<div class="atl"></div><div class="atr"></div><div class="atc"></div><div class="amm"><div class="aml"></div><div class="amr"></div><div class="amc">
110
111</div></div><div class="abl"></div><div class="abr"></div><div class="abc"></div></div></div></div>
112
113<div id="area-side-a" class="area noskin areamgn side-group"><div class="wrap">
114<div class="atl"></div><div class="atr"></div><div class="atc"></div><div class="amm"><div class="aml"></div><div class="amr"></div><div class="amc">
115<div id="bk1626" class="block plain"><div class="col-1"><div class="simple skin-1 type-1"><div class="lhm mgn-w">
116<div class="column set-1"><!--画像の巾は180 ナビゲーション-->�
117<p><!-- custom_tags_start -->
118<span class="bdnavi breadcrumb-1"><a href="../index.html">HOME</a><span> > </span>mind<span> > </span><em>サイトをはじめた理由</em></span>
119<!-- custom_tags_end --><strong><span style="color:#008040;">SPECIAL FEATURE</span></strong><br />
120<span class="img"><a href="art02.html"><img src="../_src/sc1227/kuroda_banner01.png" width="180" height="142" alt="kuroda_banner01.png" /></a></span><br />
121<strong><span style="color:#008040;">h3mインタビュー</span></strong><br />
122<span class="img"><a href="../sp/sp03.html"><img src="../_src/sc1228/sakai_small01.png" width="180" height="71" alt="sakai_small01.png" /></a></span><br />
123<strong>トピックス</strong><br />
124<strong><span style="color:#008040;">マジシャンの身体のシセイとか…</span></strong> <strong><span style="color:#ff0000;">NEW</span></strong><br />
125<span style="color:#000000;">マジシャンに限らず、立ち姿がステキに見えることはきっと大切なはず。それを身につけるこ</span><span style="color:#000000;">と</span><a href="../discussion/docs06.html">…続きを読む</a><br />
126<strong><span style="color:#008040;">読書は人生の海をわたる船の錨</span></strong><br />
127<span style="color:#000000;">「活字離れ」といわれて久しいですが、ここでいう活字とは書籍のこと。ネット情報に押されて、</span><a href="../discussion/docs05.html">…続きを読む</a><br />
128<strong><span style="color:#008040;">汝、キッズマジックを侮るなかれ</span></strong><br />
129「キッズマジック」は子供がやるマジックではなく、子供に見せるマジックのこと。「子供に<a href="../discussion/docs04.html">…続きを読む</a><br />
130<strong><span style="color:#008040;">オリジナルのマジック創作って</span></strong><br />
131<strong><span style="color:#008040;">どういうこと？</span></strong><br />
132ディスカッションの第二段です。今回のテーマは「マジックの

132創作について」。<a href="../discussion/docs02.html">…続きを読む</a><br />
133<strong><span style="color:#008040;">カードキューブ</span></strong><br />
134トランプはデザインとして優れていることが多い。そのうえ、運命や駆け引きのゲームなどに使われる<a href="../social/s04.html">…続きを読む</a><br />
135<strong><span style="color:#008040;">Rica's Column</span></strong> <strong><span style="color:#008040;">#010</span></strong><br />
136前回のコラムを書きながら、昨年の夏、日本で観たある芝居を思い出した。<br />
13780年代、私がいた<a href="../rica/r10.html">…続きを読む</a><br />
138<strong><span style="color:#008040;">レオナルド先生は…</span></strong><br />
139<span class="got" style="color:#000000;">スゴく有名なドローイング（素描）にレオナルド・ダヴィンチの「ウィトルウィウス人体像」がある。</span><a href="../physical/ph06.html">…続きを読む</a><br />
140<strong><span style="color:#008040;">クローゼットの話</span></strong><br />
141<span class="got" style="color:#000000;">ボクの場合は、仕事柄、スーツは必須アイテムになる。だから、家を買ったときに少し広めのウォーク</span><a href="../physical/ph05.html">…続きを読む</a><br />
142<strong><span style="color:#008040;">お互いの人生 social</span></strong><br />
143友人のリチャードと、そのリチャードの友人と鎌倉に遊びにいった。ボクらが行くコースはいつも<a href="../social/s03.html">…続きを読む</a><br />
144<strong><span class="img"><a href="m03.html"><img src="../_src/sc1226/P1020505_3.jpg" width="180" height="108" alt="P1020505_3.jpg" /></a></span></strong><br />
145<strong><span style="color:#008040;">椅子の距離感</span></strong> <strong><span style="color:#008040;">mind</span></strong><br />
146「安楽椅子探偵」とは、ほとんど現場に赴くことなく椅子に座ったまま推理する探偵を指します。<a href="m03.html">…続きを読む</a><br /></p></div>
147</div></div></div></div>
148
149
150<div id="bk2056" class="block plain framed"><div class="col-1"><div class="simple skin-1 type-1"><div class="lhm frame-1"><div class="btl"></div><div class="btr"></div><div class="btc"></div><div class="bmm"><div class="bml"></div><div class="bmr"></div><div class="bmc">�
151<div class="column set-1">�
152<p><!-- custom_tags_start -->
153<div id="fb-root"></div>

153<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>

153<fb:like-box href="http://www.facebook.com/pages/H3m/177307538956972" width="200" height="480" show_faces="true" border_color="" stream="false" header="false"></fb:like-box>
154<!-- custom_tags_end --></p></div></div></div><div class="bbl"></div><div class="bbr"></div><div class="bbc"></div>
155</div></div></div></div>
156
157
158<div id="bk3298" class="block plain"><div class="col-1"><div class="simple skin-1 type-1"><div class="lhm mgn">
159<div class="column nocontents">
160
161</div>
162</div></div></div></div>
163</div></div><div class="abl"></div><div class="abr"></div><div class="abc"></div></div></div>
164
165</div></div><div class="abl"></div><div class="abr"></div><div class="abc"></div></div></div>
166<div id="blank-footer"></div>
167</div></div>
168
169<div id="area-footer" class="area noskin"><div class="wrap">
170<div class="atl"></div><div class="atr"></div><div class="atc"></div><div class="amm"><div class="aml"></div><div class="amr"></div><div class="amc">
171<div id="bk1628" class="block plain"><div class="col-4"><div class="standard skin-5 type-1"><div class="lhm mgn">
172<div class="column set-1">�
173<h4><span style="color:#008040;">Credit</span><br />
174<span style="color:#A0A0A0;">クレジット</span></h4>�
175<p><br /></p>�
176<p class="ac"><strong><span class="fsize_s">このサイトの</span></strong><strong><span class="fsize_s">クレジット</span></strong></p>�
177<p class="ac"><strong><span class="fsize_s">パブリッシャー／</span></strong><strong><span class="fsize_s">前田知洋</span></strong></p>�
178<p class="ac"><strong><span class="fsize_s">フォト／</span></strong><strong><span class="fsize_s">ミヤカワ エリカ</span></strong></p>�
179<p class="ac"><strong><span class="fsize_s">ゲストライター</span></strong> <strong><span class="fsize_s">／ RICA</span></strong></p>�
180<p class="ac"><strong><span class="fsize_s">サーキュレーター</span></strong><strong><span class="fsize_s">／ホイディーノ・キム</span></strong></p></div><div class="column set-2">�
181<h4><span style="color:#008040;">Activity</span><br />
182<span style="color:#A0A0A0;">お知らせ</span></h4>�
183<p><br /></p>�
184<ul class="disc">
185<li><span style="color:#000000;"><a href="http://doda.jp/guide/article3/009.html">転職サイト、デューダ</a></span><span style="color:#000000;">に紹介していただきました。</span></li>
186<li><span style="color:#000000;">2011年１月23日、このサイトをオープンしました。</span></li>
187<li><span style="color:#000000;">対応ブラウザについては、最新のブラウザをご使用いただくか、お使いのブラウザのサポートサイトをご覧ください。</span></li>
188</ul></div><div class="column set-3">�
189<h4><span style="color:#008040;">Buttons</span><br />
190<span style="color:#A0A0A0;">各ページのボタンについて</span></h4>�
191<p><br /></p>�
192<ul class="none">
193<li><span style="color:#000000;">各ページの下にある「</span><strong><span style="color:#000000;">Like</span></strong><span style="color:#000000;">」や</span><span style="color:#000000;">「</span><strong><span style="color:#000000;">ツイート</span></strong><span style="color:#000000;">」</span><span style="color:#000000;">などのボタンは、Facebook、ツイッターにリンクしています。SNSのアカウントをお持ちなら、友達とトピックスを共有したり、最新のRSSのフィード（オレンジ色のボタン）の通知をうけることができます。</span></li>
194</ul></div><div class="column set-4">�
195<h4><span style="color:#008040;">via @h3m_jp tweets</span><br />
196<span style="color:#A0A0A0;">h3m_jp 関連のツイート</span></h4>�
197<p><!-- custom_tags_start -->
198<style type="text/css">#twtr-widget-1 .twtr-hd, #twtr-widget-1 .twtr-ft { display: none; }</style>

199<script src="http://widgets.twimg.com/j/2/widget.js"></script>

199

200<script>
201new TWTR.Widget({
202  version: 2,
203 type: 'faves',
204rpp:20,
205  interval: 6000,
206  width: 200,
207  height: 180,
208  theme: {
209    shell: {
210      background: 'transparent',
211      color: '#ffffff'
212    },
213    tweets: {
214      background: '#fafafa',
215      color: '#030003',
216      links: '#88db94'
217    }
218  },
219  features: {
220   scrollbar: false,
221    loop: true,
222    live: true,
223    hashtags: true,
224    timestamp: true,
225    avatars: false,
226    behavior: 'default'
227  }
228}).render().setUser('h3m_jp').start();
229</script>

229
230<!-- custom_tags_end --></p></div>
231</div></div></div></div>
232
233
234<div id="bk1630" class="block plain"><div class="col-3"><div class="simple skin-1 type-1"><div class="lhm mgn">
235<div class="column set-1">�
236<div class="menuh"><div class="menu-a">�
237<ul>
238<li class="li1 top"><a href="mailto:[email protected]" class="mn1">お問い合わせ</a></li>
239</ul></div></div></div><div class="column set-2">�
240<p class="ac"></p></div><div class="column set-3">�
241<address class="ar">Copyright (C) 2011 h3m.jp All Rights Reserved.</address></div>
242</div></div></div></div>
243</div></div><div class="abl"></div><div class="abr"></div><div class="abc"></div></div></div>

244<script type="text/javascript">
245<!--
246
247  var _gaq = _gaq || [];
248  _gaq.push(['_setAccount', 'UA-20467544-1']);
249  _gaq.push(['_trackPageview']);
250
251  (function() {
252    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
253    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
254    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
255  })();
256
257//-->
258</script>

258
259</body>
260</html>