-
Notifications
You must be signed in to change notification settings - Fork 0
/
mie.html
145 lines (126 loc) · 8.13 KB
/
mie.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<html lang="ja">
<head>
<meta charset="utf-8">
<title>東京県民の多様な東京スタイル</title>
<link rel="stylesheet" type="text/css" href="win.css" media="all">
<script language="JavaScript" type="text/javascript" src="mac.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!--Google API読み込み-->
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<!--マウスオーバー時に画像表示-->
<script type="text/javascript">google.load("jquery", "1.3");</script>
<script type="text/javascript" src="imgpreview.js"></script>
<script type="text/javascript">
$(function(){
var thumbSize = 400;
var magnifySize = 700;
$(".magnify").each(function(){
$(this).css({width:(thumbSize)});
});
var objWidth = $('.magnify').width();
var objHeight = $('.magnify').height();
$(".magnify").each(function(){
$(this).wrapAll('<span class="magnify_cover"></span>');
$(this).parent('.magnify_cover').css({
margin: '0 10px 10px 0',
width: (objWidth),
height: (objHeight),
float: 'left',
position: 'relative'
});
});
$(".magnify").hover(function(){
$(this).css({top:'0',left:'0',position: 'absolute'});
$(this).stop().animate({width:(magnifySize)},500,function(){
$(this).addClass('shadow');
});
}, function(){
$(this).stop().animate({width:(thumbSize)},300,function(){
$(this).css({top:'',left:'',position: 'relative'});
$(this).removeClass('shadow');
});
});
});
</script>
</head>
<h3>東京県民の多様な東京スタイル</h3>
<ul class="tab clear">
<li><a href="index.html" class="green">はじめに</a></li>
<li><a href="net.html" class="blue">ネット県民</a></li>
<li><a href="tokyo.html" class="blue">東京県民</a></li>
<li><a href="iwate.html" class="red">岩手</a></li>
<li><a href="nagano.html" class="red">長野</a></li>
<li class="none"><a href="mie.html" class="red">三重</a></li>
<li><a href="fukuoka.html" class="red">福岡</a></li>
<li><a href="hiroshima.html" class="red">広島</a></li>
<li><a href="hyogo.html" class="red">兵庫</a></li>
</ul>
<body>
<div id="container">
<div id ="boxA">
<img src="img/k_mie.png" width="1200" usemap="#mie">
<map name="mie">
<area shape="rect" coords="85,70,200,150" href="img/mie1.png" class="map">
<area shape="rect" coords="85,170,200,290" href="img/mie2.png" class="map">
<area shape="rect" coords="85,310,200,450" href="img/mie3.png" class="map">
<area shape="rect" coords="225,70,340,150" href="img/mie4.png" class="map">
<area shape="rect" coords="225,170,340,290" href="img/mie5.png" class="map">
<area shape="rect" coords="225,310,340,450" href="img/mie6.png" class="map">
<area shape="rect" coords="365,70,480,150" href="img/mie7.png" class="map">
<area shape="rect" coords="365,310,480,450" href="img/mie9.png" class="map">
<area shape="rect" coords="510,70,610,150" href="img/mie10.png" class="map">
<area shape="rect" coords="510,170,610,290" href="img/mie11.png" class="map">
<area shape="rect" coords="510,310,610,450" href="img/mie12.png" class="map">
<area shape="rect" coords="650,70,760,150" href="img/mie13.png" class="map">
<area shape="rect" coords="650,170,760,290" href="img/mie14.png" class="map">
<area shape="rect" coords="650,310,760,450" href="img/mie15.png" class="map">
<area shape="rect" coords="790,70,900,150" href="img/mie16.png" class="map">
<area shape="rect" coords="790,170,900,290" href="img/mie17.png" class="map">
<area shape="rect" coords="930,70,1040,150" href="img/mie19.png" class="map">
<area shape="rect" coords="930,310,1040,450" href="img/mie21.png" class="map">
<area shape="rect" coords="1070,70,1180,150" href="img/mie22.png" class="map">
<area shape="rect" coords="1070,170,1180,290" href="img/mie23.png" class="map">
<area shape="rect" coords="1070,310,1180,450" href="img/mie24.png" class="map">
</map>
</div>
<div id="boxB">
<br>
<img src="img/g_mie.png" width="400">
</div>
<div id="boxC">
<p>
まず、＜鈴鹿・桑名＞はご当地B級グルメの「スガキヤファン倶楽部」や同窓高校といった、三重県情報収集のためのコミュニティで構成されている。次に、＜伊勢＞は伊勢名産の「赤福ラブ！」で「伊勢うどん大好き」「へんば餅」が伊勢出身者らにとっての故郷の味である。「伊勢神宮」を誇りに思い「伊勢志摩の魅力」は計り知れないと、故郷への愛を持っている。＜津＞は津市情報と津市内の同窓コミュニティを中心に構成されている。他地方同様、常に出身地方の情報に目を向ける三重県民の姿が想像できる。＜松坂＞は「松坂」情報に加え、松坂地方の同窓コミュニティ群が＜松坂＞に分類されている。最後に、＜四日市＞は「四日市弁大好きやに★」「四日市市（全国三重県人会）」と、三重県民のなかで特に四日市に特化するユーザらによって作られる系である。
<br><br>
＜三重県民の私＞は、三重県全体に関するコミュニティ/三重弁と私語りコミュニティによって構成されている。「お国言葉（三重）」の三重弁を大切にし、それを三重出身としての核に据えている。また「東京在住三重県出身！！」「気軽にマイミクOKな三重県の人」のように、三重出身者であることを表現しつつも集うことはせず、岩手県民同様あくまでmixi上での繋がりに過ぎない傾向が見て取れる。加えて「そこそこの予算でお洒落を!!」「かまって病」のように私語りのコミュニティ群と入り交じっての系であることから、三重弁も三重出身もアイデンティティ表現のひとつであることが想像できる。
<br><br>
三重県民の内面を表すのは＜甘えんぼの私＞である。三重県民は「二度寝常習犯」で「アレやるとコレ忘れる」、少し抜けた所のある自分の内面を吐露している。しかしそれは「名前覚えられません」「すぐ緊張します」な彼らがうまく対人関係を構築するための隠れ蓑であり、東京ライフにおける対人関係を円滑にする知恵であろう。
<br>
<br>
三重県の東京＜県民＞スタイルは、各地域情報に分化した親密圏と自由圏への分化を、全体の核となる自由社交圏が結合するパタンである。東京に暮らす三重県民は自由圏への特化から明らかなように＜甘えんぼの私＞であることに自覚的である。一方親密圏に示される通り、＜津＞＜伊勢＞といった出身県各地方の情報をネットでしっかりチェックする。しかし、甘えんぼで出身地ばかりに目を向け閉じこもっているのが三重県民ではない。彼らは東京に生きる生活者としての＜三重県民の私＞のあり方を、自由社交圏に位置するネットワークコミュニティを通じて行っているのである。三重県のスタイルは、親密圏と自由圏が自由社交圏によって結合される東京＜県民＞スタイルの一例である。
</p>
</div>
<!--マウスオーバー用script-->
<script>
jQuery.noConflict();
(function($){
$('.map').imgPreview({
containerID: 'imgPreviewWithStyles',
imgCSS: {
height: 250
},
onShow: function(link){
$(link).stop().animate({opacity:0.4});
$('img', this).css({opacity:0});
},
onLoad: function(){
$(this).animate({opacity:1}, 300);
},
onHide: function(link){
$(link).stop().animate({opacity:1});
}
});
})(jQuery);
</script>
</body>
</html>