<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
   <title>WALK SLOW, AGAINST THE FLOW.｜BLOG</title>
   <link rel="alternate" type="text/html" href="http://www.110chang.com/blog/" />
   <link rel="self" type="application/atom+xml" href="http://www.110chang.com/blog/atom.xml" />
   <id>tag:www.110chang.com,2008:/blog//1</id>
   <updated>2008-04-27T13:42:16Z</updated>
   <subtitle>WEBデザイン、マックに関する情報や、日々のこと。</subtitle>
   <generator uri="http://www.sixapart.com/movabletype/">Movable Type 3.33-ja</generator>

<entry>
   <title>ベトナム【４日目】（2008.4.15）</title>
   <link rel="alternate" type="text/html" href="http://www.110chang.com/blog/2008/04/2008415.html" />
   <id>tag:www.110chang.com,2008:/blog//1.301</id>
   
   <published>2008-04-27T13:28:27Z</published>
   <updated>2008-04-27T13:42:16Z</updated>
   
   <summary>ハノイ市内〜ハノイ発 ※Flickrのベトナム旅行に関する写真を公開にしました。...</summary>
   <author>
      <name>110chang</name>
      
   </author>
         <category term="diary" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.110chang.com/blog/">
      <![CDATA[<strong>ハノイ市内〜ハノイ発</strong>

※Flickrのベトナム旅行に関する写真を公開にしました。写真をクリックすると大きい画像が見れます。

<a href="http://www.flickr.com/photos/20720251@N04/2417901107/" title="IMG_3046.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2194/2417901107_3a381f4069_m.jpg" width="240" height="180" alt="IMG_3046.JPG" /></a>
ベトナム最終日。まずはセドナ近辺を散策。]]>
      <![CDATA[<a href="http://www.flickr.com/photos/20720251@N04/2418718206/" title="IMG_3049.JPG by itoyohja, on Flickr"><img src="http://farm4.static.flickr.com/3226/2418718206_27370e0102_m.jpg" width="240" height="180" alt="IMG_3049.JPG" /></a>
ベトナムにも相合傘があるんでしょうか。ちなみに、タイ湖のほとりはきれいな夕日が見れるということで、ちょっとしたデートコースになっているそうな。

<a href="http://www.flickr.com/photos/20720251@N04/2418718636/" title="IMG_3063.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2244/2418718636_a4cee4b5d9_m.jpg" width="240" height="180" alt="IMG_3063.JPG" /></a>
戦争博物館。これは米軍の残した残骸で作られたモニュメント。ベトナム戦争に至る独立運動のきっかけが、第２次大戦中にフランス領だったベトナムに進駐していた日本軍の撤退だったことはちょっと意外です。

<a href="http://www.flickr.com/photos/20720251@N04/2418718806/" title="IMG_3078.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2089/2418718806_5278b1de66_m.jpg" width="240" height="180" alt="IMG_3078.JPG" /></a>
サイゴン陥落の時にサイゴンの大統領府に突入した戦車だそうです。北ベトナム軍はソ連と中国から兵器の支援を受けていました。この戦車はたしかソ連製です（たぶん型名も書いてあったけどわすれた）。

<a href="http://www.flickr.com/photos/20720251@N04/2417902241/" title="IMG_3083.JPG by itoyohja, on Flickr"><img src="http://farm4.static.flickr.com/3146/2417902241_57f5685565_m.jpg" width="240" height="180" alt="IMG_3083.JPG" /></a>
おとぼけ顔ですが、地雷除去車両です。

<a href="http://www.flickr.com/photos/20720251@N04/2418719278/" title="IMG_3086.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2254/2418719278_ff1cd63d83_m.jpg" width="240" height="180" alt="IMG_3086.JPG" /></a>
戦争博物館内の売店。

<a href="http://www.flickr.com/photos/20720251@N04/2417902719/" title="IMG_3088.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2103/2417902719_92c4405940_m.jpg" width="180" height="240" alt="IMG_3088.JPG" /></a>
文廟（Van Mieu）。文廟とは孔子を祀った建物のことだそうです。境内には最古の大学もあったそうです。

<a href="http://www.flickr.com/photos/20720251@N04/2417902877/" title="IMG_3091.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2161/2417902877_307bab9ca2_m.jpg" width="240" height="180" alt="IMG_3091.JPG" /></a>
文廟内のこの石碑には、15世紀から18世紀までの当時の官僚の採用試験に合格した人の名前が刻まれています。すべて漢字表記です。現在のローマ字表記（Quoc Ngu：国語）は、植民地時代にフランス人宣教師によって考案されたもので、公式に漢字が廃止されたのは20世紀だそうですから、ほんのちょっと前までは漢字の国だったんですね。映っているのは学生たちです。この石碑を乗せている亀に触ると学問で成就するそうです。

※期間についてはこちらを参考にしています。
<blockquote><a href="http://homepage2.nifty.com/hashim/hanoi&laos/hanoi/hanoi021.htm">文廟　科挙合格者の名を刻んだ石碑</a>
その後も石碑は増え続け、現在の文廟には１４４２年から１７７９年までの科挙試験の合格者約１０００名の氏名が彫られています。</blockquote>


<a href="http://www.flickr.com/photos/20720251@N04/2417903089/" title="IMG_3096.JPG by itoyohja, on Flickr"><img src="http://farm4.static.flickr.com/3125/2417903089_06e0859bcb_m.jpg" width="240" height="180" alt="IMG_3096.JPG" /></a>
本殿の中です。

<a href="http://www.flickr.com/photos/20720251@N04/2445671648/" title="IMG_3129 by itoyohja, on Flickr"><img src="http://farm4.static.flickr.com/3217/2445671648_67746d5f9c_m.jpg" width="180" height="240" alt="IMG_3129" /></a>
２日目に行ったとき開いてなかったホアロー収容所跡。フランス統治時代はベトナム人の監獄でした。ベトナム戦争時は米軍の捕虜が収容されていて「ハノイ・ヒルトン」といわれていました。ギロチンが展示されてました((( ;゚Д゚;)))　現在のホアロー収容所跡地の半分にはハノイ・タワーという高層ビルが建っています。皮肉なもんです。

<a href="http://www.flickr.com/photos/20720251@N04/2418720040/" title="IMG_3112.JPG by itoyohja, on Flickr"><img src="http://farm4.static.flickr.com/3153/2418720040_a6391c923f_m.jpg" width="240" height="180" alt="IMG_3112.JPG" /></a>
昼食はグエン・タイ・ホック（Nguyen Thai Hoc）通り沿いのBrother's Cafe。ここもブッフェ形式です。

<a href="http://www.flickr.com/photos/20720251@N04/2418720214/" title="IMG_3113.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2168/2418720214_526a68502e_m.jpg" width="240" height="180" alt="IMG_3113.JPG" /></a>
牛肉のフォー、フォー・ボー（Pho Bo）を作っています。

<a href="http://www.flickr.com/photos/20720251@N04/2417903647/" title="IMG_3114.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2001/2417903647_3b6dce1633_m.jpg" width="240" height="180" alt="IMG_3114.JPG" /></a>
ほかに生春巻き、揚げ春巻き、バインべオ（蒸し餅）などをいただきました。

<a href="http://www.flickr.com/photos/20720251@N04/2418720540/" title="IMG_3115.JPG by itoyohja, on Flickr"><img src="http://farm4.static.flickr.com/3071/2418720540_63dfe5a0d2_m.jpg" width="240" height="180" alt="IMG_3115.JPG" /></a>
雰囲気はいいです。日本人も多いです。手前の日本人女性２人組の後、めちゃくちゃでかい白人男性２人組が来て、テーブルクロスを換えさせたあげく、ブッフェだと聞いて速攻出て行きました。あれは何だったのかな？ベトナムには米軍基地はないよなぁ。

その後、水上人形劇を見ました。兄によれば、アンコール・ワットを見た方が面白いそうです。たぶん、そうだね・・

<a href="http://www.flickr.com/photos/20720251@N04/2417904091/" title="IMG_3148.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2198/2417904091_9d0a1142b3_m.jpg" width="240" height="180" alt="IMG_3148.JPG" /></a>
夕暮れ時のホアンキエム湖（Ho Hoan Kiem：湖還剣）人大杉。これといった娯楽もないのでしょう。日本も昔はこうだったのかな？　近くにCD屋がある、ということで行ってみましたが、中国産とおぼしき不法DVDの山でしたw　aikoは残念ながら（幸いなことに？）なかったので大塚愛のDVDを15,000VND（約100円）で買ってきました。いまだに見てません。

<a href="http://www.flickr.com/photos/20720251@N04/2444894809/" title="IMG_3160 by itoyohja, on Flickr"><img src="http://farm4.static.flickr.com/3145/2444894809_0163d53beb_m.jpg" width="240" height="180" alt="IMG_3160" /></a>
セドナへ帰るタクシーから。名残惜しいですが、そろそろ帰らなくてはいけません。

<a href="http://www.flickr.com/photos/20720251@N04/2417904281/" title="IMG_3163.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2309/2417904281_4dac4bfd41_m.jpg" width="240" height="180" alt="IMG_3163.JPG" /></a>
時間がなくなってしまい、夕食はセドナ近くのステーキ屋で。現地時間午後9:00頃に空港に到着。こんな時間なのにくるときと違ってめちゃ混んでます。おみやげのなかの「ツバメの巣」ジュースを手荷物検査で没収されたので、性懲りもなく空港内で購入。

<a href="http://www.flickr.com/photos/20720251@N04/2417904487/" title="IMG_3164.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2117/2417904487_772d6300af_m.jpg" width="240" height="180" alt="IMG_3164.JPG" /></a>
日本時間午前6:00頃、関空に到着して入国手続き完了。これが「ツバメの巣」ジュースです。どうせまた没収されるからと思い、２本のうち１本を飲みましたが、なぜかもう１本は国内線の手荷物をパスしました。缶飲料はOKなんだっけ？

関空からは朝一番で東京に出張する（帰る？）ビジネスマンがたくさん乗り込んできました。あああ、現実がたくさん乗り込んできた。あまり見たくないので羽田まで寝ることにする。というわけで、おつかれさまでした。]]>
   </content>
</entry>
<entry>
   <title>ベトナム【３日目】（2008.4.14）</title>
   <link rel="alternate" type="text/html" href="http://www.110chang.com/blog/2008/04/2008414.html" />
   <id>tag:www.110chang.com,2008:/blog//1.300</id>
   
   <published>2008-04-25T13:20:23Z</published>
   <updated>2008-04-25T15:36:26Z</updated>
   
   <summary>香寺（Huong Tich）ツアー 朝食はホテルのブッフェでフォー・ガー（Pho...</summary>
   <author>
      <name>110chang</name>
      
   </author>
         <category term="diary" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.110chang.com/blog/">
      <![CDATA[<strong>香寺（Huong Tich）ツアー</strong>

<a href="http://www.flickr.com/photos/20720251@N04/2418714098/" title="IMG_2840.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2333/2418714098_e04b051253_m.jpg" width="240" height="180" alt="IMG_2840.JPG" /></a>
朝食はホテルのブッフェでフォー・ガー（Pho Ga）。]]>
      <![CDATA[兄が申し込んでおいてくれた香寺ツアー。ツアーといっても僕と兄ともう一人、長期出張の日本人の３人にガイドとドライバーがついたこじんまりとしたツアーです。香寺はベトナム仏教の聖地で、途中、川を上らなければ行けないという秘境です。

<a href="http://www.flickr.com/photos/20720251@N04/2418714276/" title="IMG_2857.JPG by itoyohja, on Flickr"><img src="http://farm4.static.flickr.com/3064/2418714276_41c3d88ff3_m.jpg" width="240" height="180" alt="IMG_2857.JPG" /></a>
なかなかいい日和になってきました。ハノイから船着き場のあるイェンヴィー（Yen Vi）まで車で約1.5時間。ハノイ市を出ると国道？をひたすら南下。基本的に歩道なんてものはなく、舗装されていない所、今作ってる所もある。建築中の建物も多い。

<a href="http://www.flickr.com/photos/20720251@N04/2418714418/" title="IMG_2869.JPG by itoyohja, on Flickr"><img src="http://farm4.static.flickr.com/3063/2418714418_8dd22fd174_m.jpg" width="180" height="240" alt="IMG_2869.JPG" /></a>
途中、おっさんやおばさんがガイドさせろ（ベトナム語はわからないがたぶん）としつこい。運転手がいらないいらないとあしらう（たぶん）。結局、勝手にバイクで先導したりする。運転手とガイドは苦笑い。

<a href="http://www.flickr.com/photos/20720251@N04/2418714710/" title="IMG_2886.JPG by itoyohja, on Flickr"><img src="http://farm4.static.flickr.com/3100/2418714710_20982682e0_m.jpg" width="240" height="180" alt="IMG_2886.JPG" /></a>
ここからは、この鉄製のボートで川を上ります。今は幸いなことに春ですが、真夏だったら鉄板焼きになってしまわないだろうか・・

<a href="http://www.flickr.com/photos/20720251@N04/2441104342/" title="IMG_2901 by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2159/2441104342_50c246cf1e_m.jpg" width="240" height="180" alt="IMG_2901" /></a>
こんな感じです。木製の腰掛けを置いて、その上に座ります。尻が痛いです。

<a href="http://www.flickr.com/photos/20720251@N04/2418715024/" title="IMG_2924.JPG by itoyohja, on Flickr"><img src="http://farm4.static.flickr.com/3212/2418715024_5586b6e1a3_m.jpg" width="240" height="180" alt="IMG_2924.JPG" /></a>
１時間ぐらい石灰岩の山を眺めていると香寺のふもとに着きます。

<a href="http://www.flickr.com/photos/20720251@N04/2417898325/" title="IMG_2935.JPG by itoyohja, on Flickr"><img src="http://farm4.static.flickr.com/3206/2417898325_01b8b3190d_m.jpg" width="240" height="180" alt="IMG_2935.JPG" /></a>
香寺の全景。

<a href="http://www.flickr.com/photos/20720251@N04/2417898875/" title="IMG_2958.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2291/2417898875_802294d640_m.jpg" width="240" height="180" alt="IMG_2958.JPG" /></a>
これは参道です。脇にあるのは出店。こんな感じのがずっと続きます。

<a href="http://www.flickr.com/photos/20720251@N04/2418715534/" title="IMG_2948.JPG by itoyohja, on Flickr"><img src="http://farm4.static.flickr.com/3032/2418715534_7270fce563_m.jpg" width="240" height="180" alt="IMG_2948.JPG" /></a>
これは食用？・・ですよねー・・

<a href="http://www.flickr.com/photos/20720251@N04/2441130540/" title="IMG_2952 by itoyohja, on Flickr"><img src="http://farm4.static.flickr.com/3089/2441130540_1ae47a8935_m.jpg" width="240" height="180" alt="IMG_2952" /></a>
お金を払えばありがたいスイス製のロープウェーに乗ることができます。参道は高低差のある１時間ほどの道のりで、普通に歩くと相当ハードそうです。

<a href="http://www.flickr.com/photos/20720251@N04/2417899075/" title="IMG_2960.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2240/2417899075_03fe9c7276_m.jpg" width="240" height="180" alt="IMG_2960.JPG" /></a>
ロープウェーを降りてしばらく参道を登ると香跡（Huong Tich）。ここに巨大な鍾乳石と本尊があります。この階段だけでも結構ハードですよ・・香寺には全部で13の寺があり、ひと通り回るのに２〜３日かかるとか。相当なもんです。

<a href="http://www.flickr.com/photos/20720251@N04/2417899767/" title="IMG_2999.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2376/2417899767_ee5898d53c_m.jpg" width="240" height="180" alt="IMG_2999.JPG" /></a>
ふたたび１時間ほど小舟に揺られて、イェンヴィーに戻ってきた所で一服。タイ産のレッドブルは日本のものと成分が違うらしいよ？

<a href="http://www.flickr.com/photos/20720251@N04/2417900001/" title="IMG_3002.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2385/2417900001_c0f32f04eb_m.jpg" width="240" height="180" alt="IMG_3002.JPG" /></a>
船着き場の周辺。ロープウェーのおかげで思いのほか早く帰ってきたので、帰りにシルクで有名なヴァンフック（Van Phuc）に寄ることになりました。

<a href="http://www.flickr.com/photos/20720251@N04/2417900223/" title="IMG_3008.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2008/2417900223_a845fb350c_m.jpg" width="240" height="180" alt="IMG_3008.JPG" /></a>
この写真だとバイクの街のように見えますが、シルクの街です。女子ならかわいい服がいっぱいありますが、男子だと目につくのはシルクのパンツぐらいでしょうか。シルクのパンツが欲しい人はぜひどうぞ。シルクのネクタイもあるよ！

<a href="http://www.flickr.com/photos/20720251@N04/2418717294/" title="IMG_3018.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2204/2418717294_425fe298a8_m.jpg" width="240" height="180" alt="IMG_3018.JPG" /></a>
帰宅ラッシュのハノイ。おつかれさまでした。

<a href="http://www.flickr.com/photos/20720251@N04/2418717730/" title="IMG_3033.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2035/2418717730_33dedf9eee_m.jpg" width="240" height="180" alt="IMG_3033.JPG" /></a>
あれ、３日目がインド料理だった・・これで３日目は終了。]]>
   </content>
</entry>
<entry>
   <title>ベトナム【２日目】（2008.4.13）</title>
   <link rel="alternate" type="text/html" href="http://www.110chang.com/blog/2008/04/2008413.html" />
   <id>tag:www.110chang.com,2008:/blog//1.299</id>
   
   <published>2008-04-21T12:09:29Z</published>
   <updated>2008-04-25T15:19:12Z</updated>
   
   <summary>ハノイ市内〜バッチャン（Ba Trung） ベトナムコーヒー。ブリキのドリッパー...</summary>
   <author>
      <name>110chang</name>
      
   </author>
         <category term="diary" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.110chang.com/blog/">
      <![CDATA[<strong>ハノイ市内〜バッチャン（Ba Trung）</strong>

<a href="http://www.flickr.com/photos/20720251@N04/2417893425/" title="IMG_2740.JPG by itoyohja, on Flickr"><img src="http://farm4.static.flickr.com/3251/2417893425_f62f27ffdc_m.jpg" width="180" height="240" alt="IMG_2740.JPG" /></a>
ベトナムコーヒー。ブリキのドリッパーは落ちるのに時間がかかります。]]>
      <![CDATA[<a href="http://www.flickr.com/photos/20720251@N04/2417893669/" title="IMG_2751.JPG by itoyohja, on Flickr"><img src="http://farm4.static.flickr.com/3176/2417893669_6a6be71fdd_m.jpg" width="240" height="180" alt="IMG_2751.JPG" /></a>
タイ湖（Ho tay）ほとりのHIGHLANDS COFFEE。湖に浮かんでいます。ちなみにタイ湖の「タイ」は国名ではなく西湖の「西」です。中国語っぽいですね。

<a href="http://www.flickr.com/photos/20720251@N04/2418711108/" title="IMG_2762.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2120/2418711108_44bd131d04_m.jpg" width="240" height="180" alt="IMG_2762.JPG" /></a>
ホーチミン廟。ホー・チ・ミンはいわずもがな、ベトナムを独立に導いた革命家ですが、ベトナムでは英雄視されていて、遺体がここに冷凍保存されています。この日は開いてなかったようですが、別な日にタクシーから見ると長蛇の列ができていました。

<a href="http://www.flickr.com/photos/20720251@N04/2418711408/" title="IMG_2765.JPG by itoyohja, on Flickr"><img src="http://farm4.static.flickr.com/3239/2418711408_4fc605006b_m.jpg" width="180" height="240" alt="IMG_2765.JPG" /></a>
一柱寺。肝心の一柱はコンクリートですけど・・

<a href="http://www.flickr.com/photos/20720251@N04/2418711630/" title="IMG_2774.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2019/2418711630_252c38d01d_m.jpg" width="240" height="180" alt="IMG_2774.JPG" /></a>
12月19日市場。なぜ12月19日なのかは不明。なんか、みなさん商売っ気がないというか、寝てる人もいるし・・時間のせいか？ここには捌いた犬も売ってました。

<a href="http://www.flickr.com/photos/20720251@N04/2418711918/" title="IMG_2792.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2337/2418711918_4816dca2af_m.jpg" width="240" height="180" alt="IMG_2792.JPG" /></a>
ギュスターヴ・エッフェルが設計したロンビエン橋（Cau Long Bien）。アメリカ空軍の北爆を生き延びた頑強な橋です。歩道のような所はコンクリートの踏み板が敷いてあるだけで下は空中です((( ;゚Д゚)))踏み板が壊れたら真っ逆さまです((( ;゚Д゚)))

<a href="http://www.flickr.com/photos/20720251@N04/2417894921/" title="IMG_2795.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2052/2417894921_46bf588b8b_m.jpg" width="240" height="180" alt="IMG_2795.JPG" /></a>
列車も通ります。が、非常にゆっくりです。普通に走られたら橋、壊れるかも・・

<a href="http://www.flickr.com/photos/20720251@N04/2417895147/" title="IMG_2799.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2262/2417895147_3c682fc7ba_m.jpg" width="240" height="180" alt="IMG_2799.JPG" /></a>
ロンビエン橋のたもとからロンビエンバスターミナル方向

<a href="http://www.flickr.com/photos/20720251@N04/2418712586/" title="IMG_2801.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2405/2418712586_c78c3e3594_m.jpg" width="240" height="180" alt="IMG_2801.JPG" /></a>
ロンビエンバスターミナル。いっぱいいるバイクはバイクタクシーだそうです。客待ちでしょうか。ここからバスで紅河を渡り、バッチャンへ向かいます。

<a href="http://www.flickr.com/photos/20720251@N04/2418712814/" title="IMG_2804.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2194/2418712814_585c1b23e7_m.jpg" width="240" height="180" alt="IMG_2804.JPG" /></a>
バッチャンに着きました。長いこと乗ってたような気がしますが、地図で見るとそんなに遠くはない。バッチャンは日本でも有名な陶器の村です。

<a href="http://www.flickr.com/photos/20720251@N04/2417895897/" title="IMG_2805.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2374/2417895897_638acbc1a9_m.jpg" width="240" height="180" alt="IMG_2805.JPG" /></a>
ピカチュウ（？）のバッチャン焼。

<a href="http://www.flickr.com/photos/20720251@N04/2418713200/" title="IMG_2812.JPG by itoyohja, on Flickr"><img src="http://farm4.static.flickr.com/3258/2418713200_7734d3bce4_m.jpg" width="180" height="240" alt="IMG_2812.JPG" /></a>

<a href="http://www.flickr.com/photos/20720251@N04/2418713418/" title="IMG_2818.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2018/2418713418_febc532b09_m.jpg" width="240" height="180" alt="IMG_2818.JPG" /></a>
欧米風のマネキンがシュールです。

<a href="http://www.flickr.com/photos/20720251@N04/2417896471/" title="IMG_2829.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2202/2417896471_70d8fb1e58_m.jpg" width="240" height="180" alt="IMG_2829.JPG" /></a>
バッチャン焼の絵付け。自分で絵付けをすることもできます。僕もやってみましたがここに載せると失業しそうなので自重します。

<a href="http://www.flickr.com/photos/20720251@N04/2417896663/" title="IMG_2830.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2335/2417896663_b505b64e0e_m.jpg" width="240" height="180" alt="IMG_2830.JPG" /></a>
金魚売りです。水が漏れていてもご愛嬌です。

<a href="http://www.flickr.com/photos/20720251@N04/2418713918/" title="IMG_2832.JPG by itoyohja, on Flickr"><img src="http://farm4.static.flickr.com/3113/2418713918_fd51ae64dd_m.jpg" width="180" height="240" alt="IMG_2832.JPG" /></a>
トムとジェリーのようですが、何かが違う・・何かが・・

自分で絵付けしたのはともかくとして、たくさんあってもしまう場所がないので、コップを１個だけおみやげに買ってきました。結構、気に入っています。２個買ってもよかった。バッチャンから帰ってきて、ハノイ市内で<del>インドカレー</del><ins>ホテル近くのハイ・サン・ゴーンでベトナムの鍋と焼きそば</ins>を食って、２日目は終わりです。
]]>
   </content>
</entry>
<entry>
   <title>ベトナム【１日目】（2008.4.12）</title>
   <link rel="alternate" type="text/html" href="http://www.110chang.com/blog/2008/04/2008412.html" />
   <id>tag:www.110chang.com,2008:/blog//1.298</id>
   
   <published>2008-04-20T08:46:48Z</published>
   <updated>2008-04-20T08:59:08Z</updated>
   
   <summary>ハノイ着〜ハノイ市内 行ってきます。...</summary>
   <author>
      <name>110chang</name>
      
   </author>
         <category term="diary" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.110chang.com/blog/">
      <![CDATA[<strong>ハノイ着〜ハノイ市内</strong>

<a href="http://www.flickr.com/photos/20720251@N04/2417891705/" title="IMG_2676.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2307/2417891705_502dd87ac7_m.jpg" width="240" height="180" alt="IMG_2676.JPG" /></a>
行ってきます。]]>
      <![CDATA[<a href="http://www.flickr.com/photos/20720251@N04/2418709408/" title="IMG_2678.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2371/2418709408_c6506f77d2_m.jpg" width="240" height="180" alt="IMG_2678.JPG" /></a>
ベトナム航空の機材です。空調が良くないのか、暑くなったり寒くなったりでくしゃみスイッチが入ってしまいました・・

<a href="http://www.flickr.com/photos/20720251@N04/2418709586/" title="IMG_2690.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2139/2418709586_99b2cc5898_m.jpg" width="240" height="180" alt="IMG_2690.JPG" /></a>
約５時間半でノイバイ国際空港に到着。時差は−２時間。期待していた日差しはなく、どんよりした空模様でした。それでも外に出ると湿気でむわっとしています。

<a href="http://www.flickr.com/photos/20720251@N04/2417892487/" title="IMG_2699.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2321/2417892487_670a306cfe_m.jpg" width="240" height="180" alt="IMG_2699.JPG" /></a>
ノイバイ国際空港からハノイ市内まで車で約40分。驚きなのは交通事情ですが、それはまた後ほど。

<a href="http://www.flickr.com/photos/20720251@N04/2418710004/" title="IMG_2701.JPG by itoyohja, on Flickr"><img src="http://farm4.static.flickr.com/3050/2418710004_a111a37a32_m.jpg" width="180" height="240" alt="IMG_2701.JPG" /></a>
兄が会社から支給されている住居です。ってか、晴れてたらずっとここにいればいいじゃん的な感じです。日本人はかなり多いみたいです。

<a href="http://www.sketch-travel.com/vietnam/hotel/detail.php?hcode=sedonasuites">SEDONA SUITES HANOI</a>

<a href="http://www.flickr.com/photos/20720251@N04/2418710272/" title="IMG_2712.JPG by itoyohja, on Flickr"><img src="http://farm4.static.flickr.com/3102/2418710272_a849cc4c95_m.jpg" width="240" height="180" alt="IMG_2712.JPG" /></a>
荷物を置いてからタクシーで市内へ。大劇場。見ての通り、信号は無く、あっても無視される場合があるので、歩行者は注意してバイクの間を縫って渡ります。車線もあってないようなもので間が空いたところから追い越します。追い越すときやぶつかりそうなときは、必ずクラクションを鳴らします。

<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/rUG0tvfYD5U&hl=ja"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/rUG0tvfYD5U&hl=ja" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>
ここは信号があります。バイクの数が半端無く、２人乗りはあたりまえ、３人、４人乗り上等です。見た限りではホンダ製が多いようです。バイクのことをHONDAと呼ぶこともあるようです。

<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/jN8VoyOH5Fg&hl=ja"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/jN8VoyOH5Fg&hl=ja" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>
車もバイクも自転車も道路の適当な場所を走っています。ぶつからないのが不思議でしょうがない。You Tubeにはハノイの交差点の動画が、旅行者によっていくつかアップロードされています。

<a href="http://www.flickr.com/photos/20720251@N04/2418710474/" title="IMG_2731.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2153/2418710474_5f2f2b7ef4_m.jpg" width="240" height="180" alt="IMG_2731.JPG" /></a>
旧市街をさっと回って１日目は終了です。]]>
   </content>
</entry>
<entry>
   <title>ベトナム旅行ダイジェスト版</title>
   <link rel="alternate" type="text/html" href="http://www.110chang.com/blog/2008/04/post_153.html" />
   <id>tag:www.110chang.com,2008:/blog//1.297</id>
   
   <published>2008-04-16T12:10:42Z</published>
   <updated>2008-04-25T15:37:38Z</updated>
   
   <summary>ただいまただいま。 とりあえずダイジェストで。 順次アップしていこうと思います。...</summary>
   <author>
      <name>110chang</name>
      
   </author>
         <category term="diary" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.110chang.com/blog/">
      ただいまただいま。

とりあえずダイジェストで。
順次アップしていこうと思います。
      <![CDATA[<strong><a href="http://www.110chang.com/blog/2008/04/2008412.html">１日目</a></strong>
<a href="http://www.flickr.com/photos/20720251@N04/2417892487/" title="IMG_2699.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2321/2417892487_670a306cfe_m.jpg" width="240" height="180" alt="IMG_2699.JPG" /></a>
ハノイ着〜ハノイ市内

<strong><a href="http://www.110chang.com/blog/2008/04/2008413.html">２日目</a></strong>
<a href="http://www.flickr.com/photos/20720251@N04/2418713200/" title="IMG_2812.JPG by itoyohja, on Flickr"><img src="http://farm4.static.flickr.com/3258/2418713200_7734d3bce4_m.jpg" width="180" height="240" alt="IMG_2812.JPG" /></a>
ハノイ市内〜バッチャン（Ba Trung）

<strong><a href="http://www.110chang.com/blog/2008/04/2008414.html">３日目</a></strong>
<a href="http://www.flickr.com/photos/20720251@N04/2417899313/" title="IMG_2983.JPG by itoyohja, on Flickr"><img src="http://farm4.static.flickr.com/3272/2417899313_b3e3738411_m.jpg" width="240" height="180" alt="IMG_2983.JPG" /></a>
香寺（Huong Tich）ツアー

<strong>４日目</strong>
<a href="http://www.flickr.com/photos/20720251@N04/2417904091/" title="IMG_3148.JPG by itoyohja, on Flickr"><img src="http://farm3.static.flickr.com/2198/2417904091_9d0a1142b3_m.jpg" width="240" height="180" alt="IMG_3148.JPG" /></a>
ハノイ市内〜ハノイ発]]>
   </content>
</entry>
<entry>
   <title>初めての海外旅行だす</title>
   <link rel="alternate" type="text/html" href="http://www.110chang.com/blog/2008/04/post_151.html" />
   <id>tag:www.110chang.com,2008:/blog//1.295</id>
   
   <published>2008-04-02T13:21:15Z</published>
   <updated>2008-04-02T13:29:31Z</updated>
   
   <summary>4/12〜4/16まで２泊４日でベトナム行ってきます。...</summary>
   <author>
      <name>110chang</name>
      
   </author>
         <category term="diary" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.110chang.com/blog/">
      4/12〜4/16まで２泊４日でベトナム行ってきます。
      この年になって初海外というのもなんだかこっぱずかしいですが。

向こうに案内人がいるので特にこれが見たいとか決めて無いんですが、なんかおすすめあったら教えて下さい！

ちなみに電波状態にもよりますが、携帯は繋がるようにするつもりです（通話料バカ高いですが）。

   </content>
</entry>
<entry>
   <title>評価を下げざるを得ない</title>
   <link rel="alternate" type="text/html" href="http://www.110chang.com/blog/2008/03/post_150.html" />
   <id>tag:www.110chang.com,2008:/blog//1.294</id>
   
   <published>2008-03-11T15:50:39Z</published>
   <updated>2008-03-12T13:41:04Z</updated>
   
   <summary>NHK-FMのサウンドストリート21、今月のパーソナリティがaikoなので録音し...</summary>
   <author>
      <name>110chang</name>
      
   </author>
         <category term="monologue" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.110chang.com/blog/">
      <![CDATA[<a href="http://www.nhk.or.jp/ss21/">NHK-FMのサウンドストリート21</a>、今月のパーソナリティがaikoなので録音しようとしたのです。]]>
      <![CDATA[しかし、帰ってきてみると、残念なことにMDはブランクのままでした。タイマーが作動していないのです。

説明書を見ながらタイマーの予約をしたのです。いや、わかってる。11ステップにもおよぶ複雑な操作に対して約5cm四方の英数字しか表示できない液晶ではまともなフィードバックなんてできっこないんだ。もしかしたら、ちゃんと予約できてないかもしれない。そんなことは、最初から予測できたはずなんだ。あああ、ｵﾚのﾊﾞｶﾊﾞｶﾊﾞｶ!!!

それにしても、いわゆるステレオコンポーネントの操作系って全然進歩してない。プリンターにすらフルカラーの液晶ついてるんだぜ。<del>コピーワンスとか言う前に、<strong>録音すらまともにできないんだよ。</strong></del>もう、ラジオもUSBチューナー買ってコンピュータに繋いでiEPGみたいので１クリックで録音みたいな時代にしてくれよ。

<a href="http://www.110chang.com/blog/2006/06/_dvdcd.html">±0のコンポ</a>、気に入ってたんだけど、評価を下げざるを得ません。てか、大抵のステレオコンポはこんなもんなんでしょうが。]]>
   </content>
</entry>
<entry>
   <title> NEWスタディ将棋（監修：日本将棋連盟）</title>
   <link rel="alternate" type="text/html" href="http://www.110chang.com/blog/2008/03/new.html" />
   <id>tag:www.110chang.com,2008:/blog//1.293</id>
   
   <published>2008-03-09T10:27:38Z</published>
   <updated>2008-03-09T11:01:07Z</updated>
   
   <summary> 美容院で見てたモノ系雑誌で発見して、ヨドバシのオンラインショップにあったのでポ...</summary>
   <author>
      <name>110chang</name>
      
   </author>
         <category term="diary" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.110chang.com/blog/">
      <![CDATA[<img alt="IMG_2670.jpg" src="http://www.110chang.com/blog/images/IMG_2670.jpg" width="450" height="337" />
美容院で見てたモノ系雑誌で発見して、ヨドバシのオンラインショップにあったのでポチッとしてしまいました。

<a href="http://www.kumonshuppan.com/jsp/jsp/category/kobetu.jsp;jsessionid=2CBA92DBF97E8FC34B42FB4F8F220222">NEWスタディ将棋</a>]]>
      <![CDATA[<img alt="IMG_2671.jpg" src="http://www.110chang.com/blog/images/IMG_2671.jpg" width="450" height="337" />
どうせプラスチックの安物だろうとタカをくくっていたのだけど、大間違い。駒も盤も駒台も木製です！KUMON GJ(°∀°)ﾉ

<img alt="IMG_2673.jpg" src="http://www.110chang.com/blog/images/IMG_2673.jpg" width="450" height="337" />
駒に動き方が書いてあります。駒の判別がしずらいが、これはこれで面白い。

特に誰と指すわけでもないんですが、無駄な割には満足な買い物でした。相手してくれる人募集中！]]>
   </content>
</entry>
<entry>
   <title>略歴でも書いてみるか</title>
   <link rel="alternate" type="text/html" href="http://www.110chang.com/blog/2008/02/post_149.html" />
   <id>tag:www.110chang.com,2008:/blog//1.292</id>
   
   <published>2008-02-19T15:32:06Z</published>
   <updated>2008-02-19T15:40:59Z</updated>
   
   <summary>もさもさJavaScriptを書いている今日このごろです。...</summary>
   <author>
      <name>110chang</name>
      
   </author>
         <category term="diary" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.110chang.com/blog/">
      もさもさJavaScriptを書いている今日このごろです。
      <![CDATA[<strong>1999.3</strong>
S浦工業大学を卒業。

<strong>1999.4〜2003.6</strong>
設計事務所に勤務。木造住宅の設計をしていました。自分のパソコンはこのころ初めて購入（Windows）。Illustrator7やFlash4も初めて触ったよ。

<strong>2003.6</strong>
設計事務所を退所し、バイトしながらデ○○リに半年通う。デリ○○じゃないよ！

<strong>2003.12</strong>
デ○○リを卒業。このころ、初めてのmac、PowerBookG4（チタニウム）を購入。

<strong>2003.12〜2005.10</strong>
一般企業でWebサイトの更新などのバイト。ああ、会社ってこんな所なんだぁ。

<strong>2005.4</strong>
バイトを辞めて、とある小規模のWeb制作会社に就職が内定したが、先方の経営上の都合により取り消し（久しぶりに思い出した）。もとさやに収まる。このころからバイトじゃなくて業務委託にしてもらう。

<strong>2005.10</strong>
やはり制作会社に就職しようと思い業務委託も終了する。実はフリーランスになろうなどとは夢にも思っていなかったのだが・・

<strong>2006〜2007</strong>
なぜだかフリーランスとしてWebサイトのデザイン、コーディング、Flash、DTPデザインなど。

<strong>2008</strong>
今年はJavaScriptが暑いぜ（謎]]>
   </content>
</entry>
<entry>
   <title>div要素などをスクロールに追随させるjavascript【その２】</title>
   <link rel="alternate" type="text/html" href="http://www.110chang.com/blog/2008/02/divjavascript_1.html" />
   <id>tag:www.110chang.com,2008:/blog//1.291</id>
   
   <published>2008-02-12T12:02:37Z</published>
   <updated>2008-02-12T14:00:48Z</updated>
   
   <summary>div要素などをスクロールに追随させるjavascriptの続きです。 クラス化...</summary>
   <author>
      <name>110chang</name>
      
   </author>
         <category term="knowledge" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="11" label="javascript" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://www.110chang.com/blog/">
      <![CDATA[<a href="http://www.110chang.com/blog/2008/02/divjavascript.html">div要素などをスクロールに追随させるjavascript</a>の続きです。

クラス化と、間違いや、効率的でないところの修正もしています。]]>
      <![CDATA[<a href="http://www.110chang.com/lab/scrollchaser2/">サンプル</a>（スクリプト以外は前回と同じ）

<strong>とりあえず隠蔽する</strong>

これでグローバル変数は２つになる。
でも、この場合、ScrollChaserのプロパティにはアクセスできない。

<pre name="code" class="js">
function ScrollChaser(id,int)
{
	var el;
	var initTop;
	var interval = int;
	//
	function setting()
	{
		el = document.getElementById(id);
		el.style.position = 'absolute';
		initTop = el.offsetTop;
		//
		try {
			window.addEventListener('scroll', scrollEvent, false);
		} catch (e) {
			window.attachEvent('onscroll',scrollEvent);
		}
	}
	function scrollEvent()
	{
		var myInt = setInterval(function()
			{
				var cur = (document.body.scrollTop||document.documentElement.scrollTop)+20;
				var myTop = el.offsetTop;
				var d = cur-myTop;
				if(Math.abs(d)>1) {
					if( cur >= initTop )
					{
						var y = myTop + d/3;
						el.style.top = y+"px";
					} else {
						el.style.top = initTop+"px";
						clearInterval(myInt);
					}
				} else {
					el.style.top = cur+"px";
					clearInterval(myInt);
				}
			},interval);
	}
	try {
		window.addEventListener('load', setting, false);
	} catch (e) {
		window.attachEvent('onload', setting);
	}
}
//
var sc = new ScrollChaser('side',200);
</pre>

<strong>prototypeプロパティを使用する</strong>

prototypeプロパティはnew演算子でオブジェクトが生成されたときに設定されます。
prototypeプロパティに追加されたプロパティはそのオブジェクトの全てのインスタンスで使うことができます。これによりクラス的なオブジェクトの使い方ができるようになります。

prototypeプロパティによりScrollChaser内のプロパティにアクセスできるようになりました。ただ、注意しないといけないのは、window.onloadやsetInterval()からプロパティを呼び出すときにスコープを指定しないと呼び先のthisがオブジェクト本体を参照しなくなる（windowだとグローバルオブジェクトを参照することになるのかな？）ところ。ローカル変数にthisを格納してローカル変数を参照しなければなりません。

インスタンスプロパティ（this.hogehoge）にいちいちthisキーワードを指定しないといけないのは面倒いな。上記のようなActionScript的な書き方ができればいいのに。

<pre name="code" class="js">
function ScrollChaser(id,int)
{
	this.interval = int;
	this.id = id;
}
//
ScrollChaser.prototype.init = function()
{
	var scope = this;
	//
	try {
		window.addEventListener('load', scope.setting, false);
	} catch (e) {
		window.attachEvent('onload', scope.setting);
	}
}
ScrollChaser.prototype.setting = function()
{
	var scope = this;
	//
	this.el = document.getElementById(this.id);
	this.el.style.position = 'absolute';
	this.initTop = this.el.offsetTop;
	//
	try {
		window.addEventListener('scroll', scope.scrollEvent, false);
	} catch (e) {
		window.attachEvent('onscroll', scope.scrollEvent);
	}
}
ScrollChaser.prototype.scrollEvent = function()
{
	var el = this.el;
	var init = this.initTop;
	//
	var myInt = setInterval(function()
		{
			var cur = (document.body.scrollTop||document.documentElement.scrollTop)+20;
			var myTop = el.offsetTop;
			var d = cur-myTop;
			if(Math.abs(d)>1) {
				if( cur >= init )
				{
					var y = myTop + d/3;
					el.style.top = y+"px";
				} else {
					el.style.top = init+"px";
					clearInterval(myInt);
				}
			} else {
				el.style.top = cur+"px";
				clearInterval(myInt);
			}
		},this.interval);
}
//
var sc = new ScrollChaser('side',200);
sc.init();
</pre>]]>
   </content>
</entry>
<entry>
   <title>div要素などをスクロールに追随させるjavascript</title>
   <link rel="alternate" type="text/html" href="http://www.110chang.com/blog/2008/02/divjavascript.html" />
   <id>tag:www.110chang.com,2008:/blog//1.290</id>
   
   <published>2008-02-04T14:45:18Z</published>
   <updated>2008-02-12T13:38:51Z</updated>
   
   <summary>よくメニューがスクロールと一緒にくっついてくる、あれです。...</summary>
   <author>
      <name>110chang</name>
      
   </author>
         <category term="knowledge" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="11" label="javascript" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://www.110chang.com/blog/">
      よくメニューがスクロールと一緒にくっついてくる、あれです。
      <![CDATA[<a href="http://www.110chang.com/lab/scrollchaser/">サンプル</a>

<strong>Element.offsetTopというプロパティ</strong>

この機能を作るにあたっては移動する要素のbody上の位置を取得することが必要です。offsetTop（並びにoffsetLeft、offsetHeight、offsetWidth、offsetParent）はIE5の時に独自に拡張されたプロパティで、他のブラウザも追随して実装したようです。渡りに船のようなプロパティですが、これがブラウザごとにまるで解釈が違うと言うとんでもない厄介者でした。

<a href="http://d.hatena.ne.jp/susie-t/20061004/1159942798">offsetTop/offsetLeft/offsetParentの闇</a>でかなり掘り下げて検証されているのですが（引用しといて失礼な話ですが、正直な所、じっくり読む気にはなりません・・）、例えば、IE6では指定要素の親要素から何pxオフセット（？）しているかを返しますが、Firefoxではbody要素からの値を返します。

実は、これは<a href="http://mootools.net/">mootools</a>などのjavascriptライブラリを使うとそのための関数とかあったりします。が、今回は勉強のために自力でやってみますた！！！

<del datetime="2008-02-12T00:00:00+09:00">コード中のgetTop()という関数がそれです。関数が呼び出されるとbodyに到達するまでtopにoffsetTopを加え続けます。しかし、どうもbodyのmargin指定があるときうまく取得できないんですよねー。ここはbody{ margin: 0 }が前提と言うことで・・</del><ins datetime="2008-02-12T00:00:00+09:00">IEだとエラーが出て動かない。先にposition="absolute"を指定すればoffsetParentがHTML要素になるのでその方法で回避することにした。→<a href="http://www.110chang.com/blog/2008/02/divjavascript_1.html">div要素などをスクロールに追随させるjavascript【その２】</a></ins>

<strong>IE6はDTDがxhtmlだとbody.onscrollが動かない</strong>

attachEventで回避。

<strong>IE6だとホイールでスクロールしたとき動きが変</strong>

FirefoxやSafariだとスクロールバーをドラッグしても、ホイールでスクロールしても、要素がスムースに動くんですが（scrollTopをターゲットに収束させている）、IE6がこれを無視しやがるのでonmousewheelイベントを使って直した気になってた。

今見るとonscrollでもonmousewheelでもスムースに動く時とぎこちない時があるようなのでonscrollのみにした。

<strong>内容とは直接関係ないけど、javascriptでクラスっぽいの作るのって難しいな</strong>

actionscriptでクラス化する書き方はだいぶ分かってきたんだけど、javascriptは明示的なクラスがないのでどうもよくわからん。ホントは
<pre name="code" class="js">var sc = new ScrollChaser('side')</pre>
とか、引数を渡すだけでいいようにしたいんだけどな。隠蔽できるようにがんばる。

<pre name="code" class="js">
//
// scrollchaser.js
//
// 2008.2.4
//
var el;
var initTop;
var interval = 200;
//
function setting()
{
	el = document.getElementById('side');
	initTop = el.offsetTop||getTop( { el:el } );
	el.style.position = 'absolute';
	try {
		window.addEventListener('scroll', scrollEvent, false);
	} catch (e) {
		window.attachEvent('onscroll',scrollEvent);
	}
}
function scrollEvent()
{
	var myInt = setInterval(function()
		{
			var cur = (document.body.scrollTop||document.documentElement.scrollTop)+20;
			var myTop = el.offsetTop||getTop( { el:el } );
			var d = cur-myTop;
			if(Math.abs(d)>1) {
				if( cur >= initTop )
				{
					var y = myTop + d/3;
					el.style.top = setPx(y);
				} else {
					el.style.top = setPx(initTop);
					clearInterval(myInt);
				}
			} else {
				el.style.top = setPx(cur);
				clearInterval(myInt);
			}
		},interval);
}
function getTop( args )
{
	var el = args.el;
	var tagName = el.tagName;
	var top = args.top||0;
	if(tagName=='body'||tagName=='BODY')
	{
		return top;
	} else {
		return arguments.callee( { el:el.offsetParent, top:top += el.offsetTop } );
	} 
}
function setPx( num )
{
	return num+'px';
}
try {
    window.addEventListener('load', setting, false);
} catch (e) {
    window.attachEvent('onload', setting);
}
</pre>]]>
   </content>
</entry>
<entry>
   <title>個人事業の開廃業等届出書と所得税の青色申告承認申請書を出してきた</title>
   <link rel="alternate" type="text/html" href="http://www.110chang.com/blog/2008/01/post_148.html" />
   <id>tag:www.110chang.com,2008:/blog//1.289</id>
   
   <published>2008-01-29T15:17:20Z</published>
   <updated>2008-01-29T15:40:28Z</updated>
   
   <summary>今週めっちゃ忙しいんだけど、合間を縫って税務署行ってきた。仕事上はこれといって変...</summary>
   <author>
      <name>110chang</name>
      
   </author>
         <category term="monologue" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.110chang.com/blog/">
      <![CDATA[今週めっちゃ忙しいんだけど、合間を縫って税務署行ってきた。仕事上はこれといって変わったことはないけど、がんばって課税所得を低くしてみる。複式簿記も<a href="http://www.magrex.co.jp/products/aomac/index.html">Macの青色申告４</a>でやってみる。]]>
      <![CDATA[手続きは至極簡単で、書類を２枚、所轄の税務署に提出するだけ。

<strong>個人事業の開廃業等届出書</strong>

屋号は「ziyotoy.net」にしました。ホントはサイトも作りたいんですけどね・・迷ったのは次の３つの項目。

【納税地】
『該当するものを○で囲んでください』って書いてあるけど囲まなくていいらしい。

【届け出の区分】
新規開業の場合は「開業」に丸をするだけでいいらしい。

【給与等の支払の状況】
「自分以外の従業員の給与」と解釈して０人（無記入）にしたのですが、それで良いようです。よくわからん。

<strong>所得税の青色申告承認申請書</strong>

【事業所又は所得の基因となる資産の名称及びその所在地（・・ほげほげ・・）】
ここは屋号と住所らしい。

【備付帳簿名】
「参考事項」です。ググったら最低限「総勘定元帳」と「仕訳帳」が必要って書いてあったのでそう書いて持って行った。実際どうなんでしょ。入力は振替伝票でやってるから振替伝票も要るのかな。売掛があるから売掛帳も要るのかな。

なんかいい加減ですね。手続きよりも、大変なのは今年の申告の時かな。複式簿記について何もわかってないからな。ソフト頼み。

ところで去年、住民税が４倍になってブーブー文句言ってたんだけど、節税に関しては個人事業主の方が断然有利みたいですね。上に書いたように青色申告もあるし、経費も計上できるし。使えるものはガンガン使って行きますです。

<a href="http://www.motoharusumi.com/jobs/freelance/scheme_for_tax_avoidance_for_small_business.html">零細企業経営者・個人事業主のための凄い節税対策</a>]]>
   </content>
</entry>
<entry>
   <title>出会った頃はこんな日が来るとは思わなかったけど、君のことはずっと忘れない</title>
   <link rel="alternate" type="text/html" href="http://www.110chang.com/blog/2008/01/post_147.html" />
   <id>tag:www.110chang.com,2008:/blog//1.288</id>
   
   <published>2008-01-20T15:42:51Z</published>
   <updated>2008-01-20T16:18:09Z</updated>
   
   <summary>さよならWindows、あるいはDOS/V機と言った方がいいのか。 VMWare...</summary>
   <author>
      <name>110chang</name>
      
   </author>
         <category term="monologue" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="39" label="mac" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://www.110chang.com/blog/">
      <![CDATA[さよならWindows、あるいはDOS/V機と言った方がいいのか。 <a href="http://www.vmware.com/jp/">VMWare FUSION</a> でWindowsをMac上で仮想化。]]>
      <![CDATA[VMWare FUSIONとWinodws XP Professionalを買ってきてVMWareをインスコしてVMWare上でWindows XPをインスコするだけ。

今年はそろそろVISTA+IE7環境も用意しないといけないので、昨年からBootCampとか<a href="http://www.proton.co.jp/products/parallels3-mac/">Parallels</a>とか、マシンは１台なのか２台なのかとか悩んでいたわけですが、ParallelsのVISTA対応が自信なさげだったのでVMWareにしてみた。

仕事上は、IEのチェックとOffice書類のプレビューができれば、Windowsを使う必要はないので、しばらく使ってみて問題なかったら新しいMacBookProを買ってOSX+XP+VISTAのオールインワン環境にしてしまう予定。ていうか、何の問題もないと思っている。

<img alt="vmware_1.png" src="http://www.110chang.com/blog/images/vmware_1.png" width="450" height="408" />
インストール開始。実はOSをインストールするのは初めてだったりする。

<img alt="vmware_2.png" src="http://www.110chang.com/blog/images/vmware_2.png" width="450" height="281" />
Windowsっぽくなってきた（謎

<img alt="vmware_3.png" src="http://www.110chang.com/blog/images/vmware_3.png" width="450" height="408" />
起動しますた！！！

<img alt="vmware_5.png" src="http://www.110chang.com/blog/images/vmware_5.png" width="450" height="281" />
全画面表示。上にMacのインターフェースが表示されています。

<img alt="vmware_6.png" src="http://www.110chang.com/blog/images/vmware_6.png" width="450" height="281" />
ユニティ表示。Macの中でInternet Explorerが起動しています。

<img alt="vmware_7.png" src="http://www.110chang.com/blog/images/vmware_7.png" width="450" height="138" />
Quick Silver（Mac用ランチャー）からも起動できます。

文字入力は「ひらがな」と「半角英数」以外のIMEモードにするときに言語バーをクリックしないといけないけど、Windowsでタイプする必要はないので無問題。両方のOSをばりばり使う人は文字入力には注意した方がいいかも。

仮想化Windows上からMacのファイルを参照することも可能です。もしかしたら文字化けとかする場合もあるかも知れませんが今の所問題なし。

隣にあるVAIOノートが無くなると、それはそれで淋しい気もするが。出来の悪いやつほどかわいいって言うしね！]]>
   </content>
</entry>
<entry>
   <title>FLASHでスクラッチカードっぽいもの</title>
   <link rel="alternate" type="text/html" href="http://www.110chang.com/blog/2008/01/flash_2.html" />
   <id>tag:www.110chang.com,2008:/blog//1.287</id>
   
   <published>2008-01-09T14:27:01Z</published>
   <updated>2008-02-04T15:25:41Z</updated>
   
   <summary> スクラッチのテスト...</summary>
   <author>
      <name>110chang</name>
      
   </author>
         <category term="knowledge" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="41" label="actionscript" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="6" label="flash" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://www.110chang.com/blog/">
      <![CDATA[<a href="http://www.110chang.com/lab/scratch/index.html"><img alt="scratch_flash.jpg" src="http://www.110chang.com/blog/images/scratch_flash.jpg" width="450" height="300" /></a>

<a href="http://www.110chang.com/lab/scratch/index.html">スクラッチのテスト</a>]]>
      <![CDATA[flaファイル側で、親のMovieClipとマスク対象のMovieClipを指定してScratchクラスのクラスインスタンスを作成、createメソッドでattachするブラシのシンボルリンケージとブラシの最小サイズを指定してマスクを開始します。

<strong>scratch.fla</strong>

<pre name="code" class="js">var scratch = new Scratch( _root, target_mc );
scratch.create("BRUSH",30);</pre>


<img alt="scratch_lib.jpg" src="http://www.110chang.com/blog/images/scratch_lib.jpg" width="450" height="328" />
ブラシはこんな感じで不整形にしておくといいと思う。

クラス内部では主にattachしたマスクをポインタ（マウス）の動きに合わせて変形する処理をしています。現在のポインタ位置と１フレーム前のポインタ位置から距離と角度を計算して、

・マスクの幅＝ポインタの移動距離
・マスクの角度＝ポインタの移動角度

としています。また、より「らしさ」を演出するために

・速度が20px以下の時はマスク描画しない
・一定速度以上のときはマスクの幅を広げる

処理をしています。

最後のdrawSightはおまけでブラシの大きさを矩形で表示します。

<strong>Scratch.as</strong>

<pre name="code" class="js">import flash.geom.Point
class Scratch extends MovieClip
{
  private var mc:MovieClip;//_root
  private var tar_mc:MovieClip;//マスクの対象
  private var mask_mc:MovieClip;//マスク自身
  private var linkage:String;//ブラシのリンケージシンボル
  private var size:Number;//ブラシの最小サイズ
  //
  function Scratch(_mc:MovieClip,_tar:MovieClip)
  {
    mc=_mc;
    tar_mc=_tar;
  }
  public function create(_linkage:String,_size:Number):Void
  {
    linkage=_linkage;
    size=_size;
    mask_mc = mc.createEmptyMovieClip("mask_mc",mc.getNextHighestDepth());
    tar_mc.setMask( mask_mc );
    beginDraw(drawMask,this);
  }
  public function resetMask():Void
  {
    mask_mc.removeMovieClip();
    mask_mc = mc.createEmptyMovieClip("mask_mc",mc.getNextHighestDepth());
    tar_mc.setMask( mask_mc );
    beginDraw(drawMask,this);
  }
  private function beginDraw(callback:Function,scope:Scratch):Void
  {
    var id:Number;//一意の番号
    var cur = new Point( mc._xmouse, mc._ymouse );//現在のポインタ位置
    var old = new Point( mc._xmouse, mc._ymouse );//１フレーム前のポインタ位置
    mc.onEnterFrame = function()
    {
      id = getTimer();
      cur = new Point( this._xmouse, this._ymouse );
      var sx:Number = cur.x-old.x;//X軸速度
      var sy:Number = cur.y-old.y;//Y軸速度
      if( Math.abs(sx)>20||Math.abs(sy)>20 )
      {
        callback.call(scope,old,cur,sx,sy,id);
      }
      old = new Point( this._xmouse, this._ymouse );
    }
    drawSight(mc);
  }
  private function drawMask(cur:Point,old:Point,sx:Number,sy:Number,id:Number):Void
  {
    var piece_mc:MovieClip = mask_mc.attachMovie(linkage,
                           "piece_"+id+"_mc",
                           mask_mc.getNextHighestDepth()
                           );
    var r:Number = Math.atan2(sy, sx);//ポインタの移動角度（ラジアン）
    var a:Number = r*180/Math.PI;//ポインタの移動角度（°）
    var d:Number = Math.sqrt(sx*sx+sy*sy);//ポインタの移動距離
    piece_mc._x = cur.x;
    piece_mc._y = cur.y;
    piece_mc._width = (d>size)?d:size;
    piece_mc._height = (d/5>size)?d/5:size;
    piece_mc._rotation = a;
  }
  private function drawSight(scope:MovieClip)
  {
    var sight_mc:MovieClip = mc.createEmptyMovieClip("sight_mc",mc.getNextHighestDepth());
    sight_mc.lineStyle(1,0x99FFFF,50,true,"normal","none","miter",1);
    sight_mc.moveTo(-size/2,-size/2);
    sight_mc.lineTo(-size/2,size/2);
    sight_mc.lineTo(size/2,size/2);
    sight_mc.lineTo(size/2,-size/2);
    sight_mc.lineTo(-size/2,-size/2);
    //
    sight_mc.onEnterFrame = function()
    {
      this._x = scope._xmouse;
      this._y = scope._ymouse;
    }
  }
}</pre>]]>
   </content>
</entry>
<entry>
   <title>2008年の年賀状</title>
   <link rel="alternate" type="text/html" href="http://www.110chang.com/blog/2008/01/2008.html" />
   <id>tag:www.110chang.com,2008:/blog//1.286</id>
   
   <published>2008-01-09T13:43:10Z</published>
   <updated>2008-01-09T14:51:49Z</updated>
   
   <summary>今日やっと出してきた。今年は返信のみです。 ...</summary>
   <author>
      <name>110chang</name>
      
   </author>
         <category term="diary" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="8" label="graphic" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://www.110chang.com/blog/">
      <![CDATA[今日やっと出してきた。今年は返信のみです。

<img alt="IMG_2635.jpg" src="http://www.110chang.com/blog/images/IMG_2635.jpg" width="450" height="337" />]]>
      <![CDATA[<a href="http://www.linotype.com/13205/din1451mittelschrift-font.html">MittelSchrift</a>を購入しました。気に入ったので、ことあるごとに使っています。

<img alt="IMG_2630.jpg" src="http://www.110chang.com/blog/images/IMG_2630.jpg" width="450" height="337" />
この部分だけ「<a href="http://www.hinodewashi.co.jp/">はんけしくん</a>」で作りました。昨年のクリパのプレゼント交換でもらったものです。

<img alt="IMG_2638.jpg" src="http://www.110chang.com/blog/images/IMG_2638.jpg" width="450" height="337" />
「元旦」を無駄に押しまくってみた。
]]>
   </content>
</entry>

</feed>
