<?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/"
	>

<channel>
	<title>5am! Web Illusions</title>
	<atom:link href="http://5am.jp/feed/" rel="self" type="application/rss+xml" />
	<link>http://5am.jp</link>
	<description>札幌の制作会社でWebデザイナーをしています。眼瞼下垂手術後の眼瞼痙攣の悪化と日々健闘中。</description>
	<lastBuildDate>Fri, 13 Apr 2012 04:35:49 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>その眼精疲労・肩こりはテープ一枚で治るよ！眼瞼下垂・眼瞼痙攣が原因の可能性も</title>
		<link>http://5am.jp/health/ganken_kasui/</link>
		<comments>http://5am.jp/health/ganken_kasui/#comments</comments>
		<pubDate>Thu, 05 Apr 2012 01:41:38 +0000</pubDate>
		<dc:creator>rin316</dc:creator>
				<category><![CDATA[健康]]></category>

		<guid isPermaLink="false">http://5am.jp/?p=375</guid>
		<description><![CDATA[<p>長年に渡って眼精疲労や肩こりに悩んでいる人は居ませんか？<br />
その辛さの原因はまぶたの病気にあるかも知れません。</p>

<p>私がまぶたの病気、眼瞼下垂(がんけんかすい)と眼瞼痙攣(がんけんけいれん)と診断されてから、3度の手術を受けるに至った体験について書いていきたいと思います。</p>]]></description>
			<content:encoded><![CDATA[<p><img src="http://5am.jp/images/120405/ganken_title.jpg" alt="その眼精疲労・肩こりはテープ一枚で治るよ！眼瞼下垂・眼瞼痙攣が原因の可能性も" /></p>
<p>長年に渡って眼精疲労や肩こりに悩んでいる人は居ませんか？<br />
その辛さの原因はまぶたの病気にあるかも知れません。</p>

<p>私がまぶたの病気、眼瞼下垂(がんけんかすい)と眼瞼痙攣(がんけんけいれん)と診断されてから、3度の手術を受けるに至った体験について書いていきたいと思います。</p>

<p>尚、私は医療関係者ではありませんので、ここに書いた事は私が患者として経験した主観に偏った内容であり、客観的・医学的に正確な情報ではありません。あくまで参考として、実際の病気に関わる全ての事は診察を受ける医師の指示に従って下さい。</p>


<!-- ================================================ -->
<script type="text/javascript" src=" https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.js"></script>
<script type="text/javascript" src="/common/js/pikachoose/jquery.pikachoose.js"></script>
<script language="javascript">
	$(document).ready(
		function (){
			$("#pikame.photo1").PikaChoose({autoPlay:false, transition:[1], showTooltips:true});
			$("#pikame.photo2").PikaChoose({autoPlay:false, transition:[1], showTooltips:true});
			$("#pikame.photo3").PikaChoose({autoPlay:false, transition:[1], showTooltips:true});
		});
</script>
<link type="text/css" href="/common/js/pikachoose/bottom.css" rel="stylesheet" />
<!-- ================================================ -->


<a id="section_menu" name="section_menu"></a>
<h3>目次</h3>
<ul>
	<li><a href="#section_ganseihirou" class="liinternal">原因不明の眼精疲労に何年も悩んでいた</a></li>
	<li><a href="#section_try" class="liinternal">色々試すが眼精疲労が良くならない</a></li>
	<li class="menu_hr"><a href="#section_tape" class="liinternal">まぶたにテープを貼ったら症状が劇的に改善した！</a></li>
	
	<li><a href="#section_gankenkasui_about" class="liinternal">眼瞼下垂(がんけんかすい)症について調べてみた</a></li>
	<li><a href="#section_gankenkasui_link" class="liinternal">眼瞼下垂の参考サイト</a></li>
	<li class="menu_hr"><a href="#section_gankenkasui_hospital" class="liinternal">眼瞼下垂を扱う札幌の病院へ</a></li>
	
	<li><a href="#section_gankenkeiren_about" class="liinternal">眼瞼痙攣(がんけんけいれん)についても調べてみた</a></li>
	<li><a href="#section_gankenkeiren_link" class="liinternal">眼瞼痙攣の参考サイト</a></li>
	<li class="menu_hr"><a href="#section_gankenkeiren_botox" class="liinternal">ボツリヌス(ボトックス/BTX)療法を受ける</a></li>
	
	<li><a href="#section_shujutu1_soshundou" class="liinternal">1度目の手術:眼瞼下垂の手術を蘇春堂形成外科で受ける</a></li>
	<li><a href="#section_shujutu1_case" class="liinternal">手術途中に新たな症状が発生</a></li>
	<li class="menu_hr"><a href="#section_shujutu1_photo" class="liinternal">眼瞼下垂手術後の写真を公開します</a></li>
	
	<li><a href="#section_shujutu2_sinshuudai" class="liinternal">2度目の手術:眼輪筋切除手術を信州大学病院で受ける</a></li>
	<li><a href="#section_shujutu2_photo" class="liinternal">眼輪筋切除手術の術後写真一覧</a></li>
	<li class="menu_hr"><a href="#section_shujutu2_after" class="liinternal">眼輪筋切除手術後の状況</a></li>
	
	<li class="menu_hr"><a href="#section_shujutu3_sinshuudai" class="liinternal">3度目の手術:信州大学病院にて2012年4月6日に再手術の予定</a></li>
	
	<li><a href="#section_write" class="liinternal">病気について書いた目的</a></li>
	<li><a href="#section_make" class="liinternal">「作る」ことは「伝える」こと</a></li>
	<li><a href="#section_pass" class="liinternal">私が伝えたかった事</a></li>
</ul>





<a id="section_ganseihirou" name="section_ganseihirou"></a>
<h3>原因不明の眼精疲労に何年も悩んでいた</h3>
<p>ずっと昔の話ですが、私は2006年頃から夕方になると現れる重い目の疲れに悩まされていました。何件も眼科を廻り検査を受けましたが、「ただの疲れ目」「眼精疲労」という診断ばかりで、原因は分かりませんでした。</p>

<p>最初の何年かは「ただの疲れ目」で済んでいた症状が、次第に「疲れ」から「痛み」になり、ついに2009年には仕事をするのも難しいまでに悪化していました。目の奥の疲れが翌日の朝にも残り、連休中であっても目の疲れが取れない程になっていました。以下にその時の症状を書きます。</p>

<h4>夕方になると目の上奥が痛くなる</h4>
<p>目を酷使して仕事をしていると、夕方に近づくにつれ目の上奥が痛くなる。筋肉のコリにも似た「ズーンズーン」「ガーンガーン」とした痛みを感じ、仕事から帰る頃には吐き気も感じる程に悪化する。ホットタオルを目に乗せ休ませると一時的に回復する痛み。</p>

<h4>首こり</h4>
<p>後頭部からうなじにかけて、特に耳の後ろの強いこり。目の奥から耳の後ろに向かって貫通するように首がこる。耳の後ろを指圧すると、眼球の裏まで繋がっているように「ジーンジーン」と気持ちが良く感じるこり。</p>

<h4>肩こり</h4>
<p>首ほどでは無いが肩こりも始まり、今まで着れていた服が着れなくなった。新たに買う服は肩がラグランの服ばかり。目が疲れてくると、背骨の真ん中の体の芯が重くなり呼吸が浅くなる。常に首や肩をぐるぐると回していて、その癖をよく人に指摘されていた。</p>




<a id="section_try" name="section_try"></a>
<p><a href="#section_menu" class="liinternal">目次に戻る</a></p>
<h3>色々試すが眼精疲労が良くならない</h3>
<p>辛い症状を少しでも和らげるために色々な事を試していました。</p>

<h4>ビタミンB12目薬</h4>
<p>「サンコバ点眼液」と言う、眼精疲労の治療用ビタミンB12目薬を処方され使用していました。眼科の先生の「目薬は気休め程度」という説明通り、あまり効果を実感できませんでした。</p>

<h4>ホットタオルで目を温める</h4>
<p>電子レンジで温めたタオルで両目を覆うと、とても気持良く疲れが取れました。眼科の先生も、「目を温め血行を良くする事や適度な休憩が重要」と推奨していました。<a href="http://www.kao.co.jp/megurism/" class="liexternal">花王めぐりズム 蒸気でホットアイマスク</a>は使い捨てのアイマスクで、自動で発熱するので手軽に使うことができました。</p>

<h4>視線を下げてモニタを見る</h4>
<p>視線を下げモニタを見ると、疲れの蓄積が全く違う事に気づいたので、下の動画のようにモニタ位置を下げる事に試行錯誤していました。具体的には、モニタのスタンドを外し、モニタパネルを机に直置きにしたり、イスの高さを精一杯に上げ、ひざの上にキーボードを乗せるなど、少しでも視線を下げるように仕事をしていました。</p>
<p><a href="http://www.youtube.com/watch?v=ZLwIP8cBaWA" class="liimagelink"><img src="http://img.youtube.com/vi/ZLwIP8cBaWA/default.jpg" width="130" height="97" border=0></a></p>

<h4>後傾姿勢ワーキングチェアとモニタアーム</h4>
<p>自宅では、後ろにのけぞった姿勢で作業できるイスとモニタアームを購入し使っていました。高い買い物でしたが、少しでも眼精疲労が軽減できるならと藁にも縋る思いでした。</p>

<h4>色々な視力矯正器具(メガネ)</h4>
<p>その頃、ちょうど裸眼からメガネをかけ始めるようになっていたので、メガネの矯正に問題があるのかと疑い、色々な眼科でメガネの処方箋を作りました。近視や乱視の度数を弱めに作ったり、疲労軽減効果を謳う<a href="http://matome.naver.jp/odai/2125437652520461686" class="liexternal">HOYAのオフィスカラー</a>でレンズを作ったりと、色々試しましたがほとんど違いはありませんでした。</p>




<a id="section_tape" name="section_tape"></a>
<p><a href="#section_menu" class="liinternal">目次に戻る</a></p>
<h3>まぶたにテープを貼ったら症状が劇的に改善した！</h3>

<p><img src="/images/120405/ganken_tape.jpg" alt="" /></p>

<p>他にも、眼精疲労に関する様々な書籍を買い、ブルーベリーの食品に凝ったりと、できる事は全て試しましたが効果は薄く、1日8時間を働く事すらも精一杯な状況となっていきました。「もう仕事は続かないかも知れない…休日にまで目が辛く疲れが抜けないのはどうしてだろうか…」そう悩んでいた時にふと目にした方法を試してみたら、自分でも驚くほど劇的に症状が改善しました。</p>

<p style="font-size: 190%;"><strong class="red">それは、まぶたにテープを貼って上に引っ張る事。</strong></p>

<p>最初知った時は半信半疑でしたが、いざ試してみると、あれだけ悩んでいた眼精疲労・首こり・肩こりの辛さが、貼ってすぐに劇的に軽減！驚いて調べてみると「眼瞼下垂症」という病気らしいと分かりました。</p>

<h4>まぶたへのテープの張り方</h4>
<p>テープの張り方は、NHKためしてガッテン 眼瞼下垂の回のページで詳しく紹介されていたので引用します。</p>

<blockquote>
<p>テープを4～5センチの長さに切ります。<br />
目をつぶった状態でテープの片側を眉毛の下のまぶたに止めます。 （この時、まぶた全体を持ち上げようとすると、テープを貼った後に目が閉じなくなってしまいます。眉毛のすぐ下の皮膚を止めて下さい）<br />
テープを引っ張り上げながら目を開き、テープのもう片方の端を額の皮膚に貼ります。 （強く引っ張りあげる必要はありません。皮膚を軽く持ち上げる程度で十分です）</p>

<p><a href="http://www9.nhk.or.jp/gatten/archives/P20080402.html" class="liexternal">医学で解明！顔若返り &#8211; ためしてガッテン(NHK)</a></p>
</blockquote>




<a id="section_gankenkasui_about" name="section_gankenkasui_about"></a>
<p><a href="#section_menu" class="liinternal">目次に戻る</a></p>
<h3>眼瞼下垂(がんけんかすい)症について調べてみた</h3>
<p>さっそく眼瞼下垂症について調べてみました。</p>


<span id="more-375"></span>


<h4>眼瞼下垂症とは</h4>
<p>眼瞼下垂症を一言で現すと「まぶたが垂れてきて目が開かない状態」の事で、まぶたを持ち上げる筋肉（眼瞼挙筋やミュラー筋）とそれに繋がる挙筋腱膜が、加齢やコンタクトレンズの長期使用など様々な原因によって繋がりが緩み、目を上げる役割を果たせなくなった状態、と説明されていました。</p>

<h4>頑張ればまだ目が開く状態であっても症状が現れる(代謝期)</h4>
<p>私自身、人よりまぶたが下がっているとは思っていましたが、そこまで大きく気になった事はなく、ましてや病気の説明にある「まぶたが垂れてきて目を開けたくても開けられない状態」には当てはまらないのではないかと感じました。しかし調べていくと、頑張ればまだ目が開く状態(代謝期と呼ぶ)であっても、眼精疲労や肩こりなどの様々な症状が発生する場合がある事が分かりました。</p>

<p style="margin-bottom: 0px;">その状態では目を開けるために強く力を入れる必要があるので、</p>
<ul>
	<li>前頭筋(おでこの筋肉)</li>
	<li>後頭筋(うなじの筋肉)</li>
	<li>僧帽筋(肩の筋肉)</li>
</ul>
<p>などの頭を取り囲む他の筋肉にも連動して負担がかかり、眼精疲労・肩こり・頭痛などを引き起こす場合があると解説されています。</p></p>

<h4>目を上げる筋肉にはセンサーの役割も含まれている</h4>
<p>また最近の研究で、目を上げる筋肉の一つ、「ミュラー筋」にはセンサーの役割がある事が分かってきたようです。ミュラー筋に負担がかかると、交感神経への刺激によって自律神経症状が現れるという事が解説されています。また、ミュラー筋を介した刺激については医師によって見解が違い、エビデンス構築段階のようです。</p>

<h4>改善には手術が必要</h4>
<p>根本改善には残念ながら外科手術しかなく、まぶたの二重になる部分を切り、挙筋腱膜をまぶたの先端の瞼板に縫い付け、緩みを取る方法などが解説されています。まぶたへのテーピングと同じ事を外科手術で行うようです。</p>

<h4>思い当たる節があり</h4>
<p>私自身、今までディスプレイの高さ調整や後傾チェアを使って、視線を下げて仕事をする事に異常なほど拘りを持っていました。また、いつもお酒を飲んだ後に眠くもないのにまぶたが下がり、人から指摘される度に「体質なんだろうか？」と不思議に感じていました。</p>

<h4>1ヶ月で人生が変わるほどの効果</h4>
<p>テープを貼ってから直ぐに、首から肩にかけての力が抜けた事を実感でき、1ヶ月ほど続けると、ガチガチだった耳の後ろのうなじの筋肉がとても柔らかくなりました。逆にテーピングをしていない状態では、耳を後ろに引っ張るように頭皮に力を入れてしまっている事が分かりました。</p>

<p>仕事も続けられないほど悩んでいた眼精疲労が、テープ1枚で劇的に良くなり、1ヶ月前まであれだけ悩んでいたのが嘘のようでした。少々大げさですが、私にとっては人生が変わったような劇的な効果でした。</p>

<h4>まぶたの肌荒れに注意</h4>
<p>当初はまぶたを上げるのにセロハンテープを使っていましたが、剥がす時に肌が荒れてしまい治るまで苦労しました。一日に何度も貼る状況であれば、早めにサージカルテープと言う種類のテープを買う事をお勧めします。</p>

<p>色々なテープを試しましたが、<a href="http://www.amazon.co.jp/gp/product/B0012VQS0C/ref=as_li_ss_il?ie=UTF8&#038;tag=rin316-22&#038;linkCode=as2&#038;camp=247&#038;creative=7399&#038;creativeASIN=B0012VQS0C" class="liexternal">ニトムズ &#8211; 優肌絆 プラスチック 細 肌にやさしいテープ 幅12mm</a>が肌に優しく目立ちづらかったです。ドラッグストアで取り寄せ300円ほどで購入できます。</p>




<a id="section_gankenkasui_link" name="section_gankenkasui_link"></a>
<p><a href="#section_menu" class="liinternal">目次に戻る</a></p>
<h3>眼瞼下垂の参考サイト</h3>
<p>病気の詳細は下記参考サイトや、書籍が参考になりました。</p>

<p>信州大学形成外科　松尾 清教授の<a href="http://www.amazon.co.jp/gp/product/4093877645/ref=as_li_ss_tl?ie=UTF8&#038;tag=rin316-22&#038;linkCode=as2&#038;camp=247&#038;creative=7399&#038;creativeASIN=4093877645" class="liexternal">書籍</a><img src="http://www.assoc-amazon.jp/e/ir?t=rin316-22&#038;l=as2&#038;o=9&#038;a=4093877645" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />が、一般患者向けに体系的に眼瞼下垂症の事が書かれていてとても参考になりました。まぶたへのテーピングを知ることが出来たのもこの書籍のお陰です。</p>
<p><iframe src="http://rcm-jp.amazon.co.jp/e/cm?lt1=_blank&#038;bc1=000000&#038;IS2=1&#038;bg1=FFFFFF&#038;fc1=000000&#038;lc1=0000FF&#038;t=rin316-22&#038;o=9&#038;p=8&#038;l=as4&#038;m=amazon&#038;f=ifr&#038;ref=ss_til&#038;asins=4093877645" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></p>

<div id="kasui_more_link">
	<ul>
		<h4>病院系</h4>
		<li><a href="http://www.matsunami-hsp.or.jp/iryou_jyohou/gankenkasui/" class="liexternal">松波総合病院 形成外科 | 腱膜性眼瞼下垂と頭痛・肩こり</a></li>
		<li><a href="http://www.matsuyama-shimin-hsp.or.jp/contents/sinryouannai/plastic/gankenkasui.html" class="liexternal">松山市民病院 形成外科 | 眼瞼下垂と眼瞼痙攣</a></li>
		<li><a href="http://www.minamitohoku.jp/minamitohoku/keiseigeka_1.html" class="liexternal">総合南東北病院 形成外科 | 腱膜性眼瞼下垂症</a></li>
		<li><a href="http://www.fukaya.jrc.or.jp/department/keisei/ganken.html" class="liexternal">深谷赤十字病院 形成外科 | 眼瞼下垂症</a></li>
		<li><a href="http://imai-clinic.jp/menu/ganken.html" class="liexternal">今井皮フ形成外科クリニック | 眼瞼下垂症（信州大学式）について</a></li>
		<li><a href="http://www.shinshu-u.ac.jp/faculty/medicine/chair/i-keisei/blepharoptosis.html" class="liexternal">信州大学医学部形成再建外科学講座</a></li>
		<li><a href="http://www.nichigan.or.jp/public/disease/hoka_kasui.jsp" class="liexternal">日本眼科学会：目の病気　眼瞼下垂</a></li>
		<li><a href="http://kompas.hosp.keio.ac.jp/contents/000195.html" class="liexternal">眼瞼下垂｜慶應義塾大学病院 KOMPAS</a></li>
		<li><a href="http://www.juntendo.ac.jp/hospital/clinic/keisei/kasui.html" class="liexternal">【形成外科】　眼瞼下垂症の説明と治療（手術）について　順天堂大学医学部附属順天堂医院</a></li>
		<li><a href="http://www.ho.chiba-u.ac.jp/PRS/cn28/blepharo.html" class="liexternal">眼瞼形成 of 千葉大学形成・美容外科</a></li>
		<li><a href="http://www.nadeshiko-clinic.com/medical/gankenkasui.php" class="liexternal">眼瞼下垂症 手術 保険適応 なでしこクリニック</a></li>
		<li><a href="http://clinicatanaka.jp/mabuta.html" class="liexternal">クリニカタナカ　長野県松本市の診療内容</a></li>
		<li><a href="http://www.oebashi.jp/tr1/plas_dis3.html?pSce" class="liexternal">疾患解説｜形成外科｜大江橋クリニック｜淀屋橋｜大阪</a></li>
		<li><a href="http://www16.ocn.ne.jp/~misty/classify19.html" class="liexternal">眼精疲労 | 広島市中区　のま眼科医院</a></li>
		<li><a href="http://www.aobaeye.com/el.html" class="liexternal">まぶたの手術|あおば眼科/横浜市青葉区の青葉台、十日市場近くの眼科。白内障手術、緑内障、眼底疾患、眼瞼下垂、コンタクトレンズ、眼鏡処方、眼瞼けいれん</a></li>
		<li><a href="http://www.ideganka.or.jp/ptosis.php" class="liexternal">井出眼科病院 &#8211; 眼瞼下垂・緑内障・白内障｜山形市 新庄市</a></li>
		<li><a href="http://www.myclinic.ne.jp/hagihara/pc/free.html" class="liexternal">まぶたと肩こり | 萩原眼科医院 眼科</a></li>
		<li><a href="http://www.aikeikai.jp/blephalochalasis.htm" class="liexternal">横浜相鉄ビル眼科医院　眼瞼下垂（がんけんかすい）の手術</a></li>
		<li><a href="http://www.hifu-ss.com/category/inchou-blog/gankenkasui/" class="liexternal">眼瞼下垂 &#8211; 皮ふ科SSクリニック &#8211; 皮膚科・美容外科 &#8211; 名古屋市中区</a></li>
		<li><a href="http://www.living-life.net/saijo-clinic/" class="liexternal">眼瞼下垂【西條クリニック】◆リビングライフ>>Report-・ミューラー筋・形成外科【神奈川県・横浜市港南台】</a></li>
		<li><a href="http://blog.sannoudaiganka.jp/?cid=5124" class="liexternal">茨城県 眼科 山王台病院（白内障手術,緑内障手術,網膜硝子体手術） | 眼瞼下垂症</a></li>
		<li><a href="https://www.kantoh.rofuku.go.jp/hanasi/keiseigeka7.htm" class="liexternal">上まぶたのたるみ　～眼瞼下垂～ | 関東労災病院</a></li>
		<li><a href="http://www.meteor-clinic.com/category/1476100.html" class="liexternal">眼瞼下垂症 | こいずみ形成 ミーティア美容クリニック</a></li>
		<li><a href="http://www.macs-kyoto.jp/facecare/blepharoptosis/blepharoptosis.html" class="liexternal">眼瞼下垂 | 京都市左京区の形成外科・美容皮膚科、北山通り松ヶ崎クリニック</a></li>
		<li><a href="http://www.m-book.co.jp/product/1255" class="liexternal">眼科 > 眼形成外科 &#8211; 眼瞼下垂診療アップデート &#8211; 眼科・脳神経外科専門医のための医学書店　メディカルブックサービス　</a></li>
	</ul>

	<h4>個人系</h4>
	<ul>
		<li><a href="http://www.geocities.jp/a606890628/sub22.htm" class="liexternal">「眼瞼下垂症」との不思議な出会い | 三浦　久</a></li>
		<li><a href="http://kammuri.com/h2/page_01.htm" class="liexternal">Ｈ２の闘病記 その１</a></li>
		<li><a href="http://handre.jp.land.to/" class="liexternal">[左メニューの眼瞼下垂&#038;眼輪筋関連]Get well ASAP!!!:)</a></li>
		<li><a href="http://www.tanabe.tv/top/dokudan2011/1223.html" class="liexternal">眼瞼的手術画</a></li>
		<li><a href="http://kasui.seesaa.net/article/139716843.html" class="liexternal">[先天性眼瞼下垂症が中心]眼瞼下垂（がんけんかすい）の広場・blog: 眼瞼下垂の広場へようこそ！</a></li>
		<li><a href="http://tak2.net/sick/gankenkasui.html" class="liexternal">眼瞼下垂での手術＆入院日記</a></li>
		<li><a href="http://anond.hatelabo.jp/20101022221427" class="liexternal">5年以上続いた偏頭痛、肩こりが解消した</a></li>
		<li><a href="http://dicdic.web.fc2.com/gankenkasui/00.htm" class="liexternal">dicdicの眼瞼下垂治療記</a></li>
		<li><a href="http://yaplog.jp/bagwell/category_4/" class="liexternal">眼瞼下垂 :: 病気治療のきろく</a></li>
		<li><a href="http://blog.goo.ne.jp/pikukko_2008/e/51e841d7ba73c9322346a52343068f5e" class="liexternal">まえがき &#8211; 眼瞼下垂記録</a></li>
		<li><a href="http://ameblo.jp/karada-5/day-20081022.html" class="liexternal">[テーピング写真の参考] 一重まぶたの人は肩が凝る！？ | 2008年10月22日のブログ｜トータル整体・骨盤サロン『カラダファクトリー』センター南店</a></li>
	</ul>

	<h4>情報系</h4>
	<ul>
		<li><a href="http://www.cocomiru.jp/topic/enquete_slack.html" class="liexternal">健康・美容・美肌情報やサンプルをプレゼント中～ ココミル</a></li>
		<li><a href="http://www.optnet.org/crutch/" class="liexternal">眼瞼下垂矯正メガネ研究会</a></li>
		<li><a href="http://kasui.biyou104.jp/2.html" class="liexternal">眼瞼下垂とは</a></li>
		<li><a href="http://eonet.jp/health/doctor/column04_1.html" class="liexternal">眼瞼下垂とは｜眼瞼下垂｜ドクター&#8217;s コラム｜eo健康</a></li>
		<li><a href="http://kata.sakuracre.com/treat/kiji1-1-6.html" class="liexternal">額や眉などのたるみの除去で肩こり解消 &#8211; 肩こり.cure</a></li>
		<li><a href="http://www.biyou-hifuka-navi.com/05_ganken/ganken_kaisetu.htm" class="liexternal">眼瞼下垂手術解説</a></li>
		<li><a href="http://www.google.co.jp/search?q=filetype%3Apdf+%E7%9C%BC%E7%9E%BC%E4%B8%8B%E5%9E%82" class="liexternal">filetype:pdf 眼瞼下垂 &#8211; Google 検索</a></li>
	</ul>

	<h4>ソーシャル系</h4>
	<ul>
		<li><a href="http://www.google.com/cse?cx=011151499970974866323%3Asio_qhhjox0&#038;ie=UTF-8&#038;q=%E7%9C%BC%E7%9E%BC%E4%B8%8B%E5%9E%82&#038;sa=%E6%A4%9C%E7%B4%A2&#038;siteurl=www.google.com%2Fcse%2Fhome%3Fcx%3D011151499970974866323%253Asio_qhhjox0&#038;ref=www.google.co.jp%2Furl%3Fsa%3Dt%26rct%3Dj%26q%3D%25E4%25BA%25BA%25E5%258A%259B%25E6%25A8%25AA%25E6%2596%25AD%25E6%25A4%259C%25E7%25B4%25A2%26source%3Dweb%26cd%3D2%26ved%3D0CCoQFjAB%26url%3Dhttp%253A%252F%252Fwww.google.com%252Fcse%252Fhome%253Fcx%253D011151499970974866323%25253Asio_qhhjox0%26ei%3DF0p7T7XtHunjmAXHxo3rAw%26usg%3DAFQjCNGNbab8dprPSN2FtBczg9mdcfHfQw#gsc.tab=0&#038;gsc.q=%E7%9C%BC%E7%9E%BC%E4%B8%8B%E5%9E%82&#038;gsc.page=1" class="liexternal">人力横断検索(はてな、教えて！goo、OKWave、livedoorナレッジ、Yahoo!知恵袋) | 眼瞼下垂</a></li>
		<li><a href="http://uni.2ch.net/test/read.cgi/body/1295169983/" class="liexternal">【頭痛】眼瞼下垂・眼瞼痙攣【肩こり】part2</a></li>
	</ul>
</div>




<a id="section_gankenkasui_hospital" name="section_gankenkasui_hospital"></a>
<p><a href="#section_menu" class="liinternal">目次に戻る</a></p>
<h3>眼瞼下垂を扱う札幌の病院へ</h3>
<p>テーピングには非常に満足できましたが、まずは病気なのかどうかを確認するため病院へ行くことにしました。眼瞼下垂をメインに扱っている病院は余り多くなく、「眼瞼を扱う極一部の眼科」と「一部の形成外科」という事が分かったので、早速札幌市内の眼科と形成外科へ向かいました。</p>

<h4>眼瞼(がんけん)を主に扱う眼科へ</h4>
<p>最初に行ったのは眼瞼を主に扱う眼科です。症状を伝えた後に先生がぱっと顔を見るなり、「眼瞼下垂ですね。」と一言。余りにもあっけなく診断が付いたので、この何年かの眼科廻りは一体なんだったのか、と力が抜ける思いでした。</p>

<p>今まで何度も病院を受診してきた事を話すと、「あなたのように何年も苦労してから辿り着く人が多い」との事で、眼科医の間でも眼瞼下垂から起こる様々な付帯症状はあまり認知されていない、という話を伺いました。</p>

<p>手術と料金(3割負担で約5万円、70歳以上は1割負担で約2万円)の説明を受け、手術以外に改善は難しいとの話を受けました。その時はテーピングに満足していた事もあり、一度考えさせて欲しい旨を伝え病院を後にしました。</p>

<h4>蘇春堂(ソシュンドウ)形成外科へ</h4>
<p>手術となるとそう簡単に決められる事ではないので他の病院も受診する事にし、後に手術を受けることになる蘇春堂形成外科へ。待合室の前には眼瞼下垂についてのプリント(<a href="http://marukanpurato-ku.blogzine.jp/marukan/2007/09/post_d68a.html" class="liexternal">北海道新聞の記事</a>や<a href="http://www.geocities.jp/a606890628/sub22.htm" class="liexternal">シンガーソングライター三浦 久さんの体験記</a>など。)が置いてあり、眼瞼下垂をメインに扱っている事が良く伝わって来る病院でした。病院内は還暦くらいの女性患者さんが多い印象。</p>

<p>野平先生の診察では、パチパチと早い瞬き・ぐっと目をつぶる強い瞬きなど細かく確認して頂き、「眼瞼下垂もあるが、眼瞼痙攣(がんけんけいれん)が主な症状」との事で、札幌市内の神経内科を紹介して頂く事となりました。</p>

<p>自覚症状ではまぶたがピクピクと痙攣する事は無かったので、診察で「痙攣」と言われた時は少し不思議な印象を持ちましたが、痙攣にはピクピクする間代性の痙攣と、グッと力を入れてしまう強直性の痙攣があり、私の場合は無意識に目に力が入っている状態という事でした。</p>

<ul>
	<li><a href="http://www.home-dr.jp/hosp_data/chuoh/soshundoh/index.html" class="liexternal">蘇春堂形成外科 – ホームドクター あなたの街のお医者さんガイド</a></li>
	<li><a href="http://aih-net.com/medical/depart/keisei/about/topics/01.shtml" class="liexternal">札幌蘇春堂形成外科に留学しました   トピックス   飯塚病院 形成外科</a></li>
	<li><a href="http://www.zaikaisapporo.co.jp/kigyou/president/p146/index.shtml" class="liexternal">トップの横顔｜財界さっぽろ</a></li>
</ul>




<a id="section_gankenkeiren_about" name="section_gankenkeiren_about"></a>
<p><a href="#section_menu" class="liinternal">目次に戻る</a></p>
<h3>眼瞼痙攣(がんけんけいれん)についても調べてみた</h3>
<p>早速家に帰り眼瞼痙攣について調べてみました。製薬会社のWebページには以下のように説明されています。</p>

<blockquote>
眼瞼けいれんとは、目の周りの筋肉がけいれんして、目があけにくくなり、まばたきがうまくできなくなる病気です。 脳内の運動を抑制するシステムが機能障害を起こすことによって生じると考えられています。 しかし、発症の原因が完全には解明されていないため、症状を抑える治療が中心となっています。<br />
<a href="http://btx-a.jp/kao/symptom/symptom01.html" class="liexternal">Btx-a.jp kao こんな症状ありますか？ 顔や目のまわりがけいれんする病気：眼瞼けいれん</a>
</blockquote>

<p>目を閉じる時に使う、目の回りを丸く取り囲んでいる眼輪筋が痙攣する事で、まぶたの不快感など眼瞼下垂と似た症状や、まぶしく感じる・まばたきが多くなるなどの症状が出る病気のようです。下記は詳しく紹介されている参考サイトです。</p>




<a id="section_gankenkeiren_link" name="section_gankenkeiren_link"></a>
<p><a href="#section_menu" class="liinternal">目次に戻る</a></p>
<h3>眼瞼痙攣の参考サイト</h3>
<div id="keiren_more_link">
	<h4>病院系</h4>
	<ul>
		<li><a href="http://www.matsuyama-shimin-hsp.or.jp/contents/sinryouannai/plastic/gankenkasui.html" class="liexternal">[眼瞼下垂の項で紹介済み]松山市民病院 形成外科 | 眼瞼下垂と眼瞼痙攣</a></li>
		<li><a href="http://www.nichigan.or.jp/public/disease/hoka_keiren.jsp" class="liexternal">日本眼科学会：目の病気　眼瞼けいれんと顔面けいれん</a></li>
		<li><a href="http://blog.livedoor.jp/kiyosawaganka/archives/51265677.html" class="liexternal">清澤眼科医院通信 945 眼瞼痙攣治療を成功させる10のコツ</a></li>
		<li><a href="http://bihadahime.com/biyoutuusinn200801.html" class="liexternal">眼瞼痙攣 | 品川イーストワンスキンクリニック</a></li>
		<li><a href="http://www.nichigan.or.jp/member/guideline/keiren.jsp" class="liexternal">日本眼科学会：眼瞼けいれん診療ガイドライン</a></li>
		<li><a href="http://www.santen.co.jp/medical/op/kensyu/nigate/ni1101.jsp" class="liexternal">参天製薬:医療関係者向け情報:苦手克服:眼瞼痙攣・片側顔面痙攣</a></li>
		<li><a href="http://botox.jp/experts/bs_hfs/interview/interview_003_001.html" class="liexternal">第3回 眼瞼痙攣・片側顔面痙攣｜スペシャリストインタビュー｜眼瞼痙攣・片側顔面痙攣｜ボツリヌス療法　実践編｜botox.jp　ボツリヌス療法に関する情報サイト</a></li>
		<li><a href="http://www.med.teikyo-u.ac.jp/~ganka/page016.html" class="liexternal">眼の形成外科・眼瞼痙攣治療・涙道疾患眼窩疾患外来</a></li>
		<li><a href="http://blog.sannoudaiganka.jp/?eid=136172" class="liexternal">茨城県 眼科 山王台病院（白内障手術,緑内障手術,網膜硝子体手術） | 眼瞼痙攣　（がんけんけいれん）</a></li>
		<li><a href="http://www4.ocn.ne.jp/~nurophth/i_botox.htm" class="liexternal">ボトックスR注100について | 神経眼科のページ</a></li>
		<li><a href="http://ameblo.jp/yudaganka/entry-10501208423.html" class="liexternal">眼輪筋｜きくな湯田眼科-院長のブログ</a></li>
		<li><a href="http://sites.google.com/site/oromadibulardystonia/" class="liexternal">口と顎のジストニア</a></li>
	</ul>

	<h4>個人系</h4>
	<ul>
		<li><a href="http://blog.canpan.info/syobosyobome/" class="liexternal">眼瞼・顔面けいれんの患者を元気にする会</a></li>
		<li><a href="http://www.gankenganmen.jp/" class="liexternal">眼瞼・顔面けいれん友の会</a></li>
		<li><a href="http://www.geocities.jp/dystonia2005/" class="liexternal">NPO法人　ジストニア友の会</a></li>
	</ul>

	<h4>情報系</h4>
	<ul>
		<li><a href="http://health.merrymall.net/cb10_07.html" class="liexternal">眼瞼痙攣 | 健康・医療館</a></li>
		<li><a href="http://www.myclinic.ne.jp/imobile/contents/medicalinfo/gsk/top_topic/topic_45/mdcl_info.html" class="liexternal">まぶたがピクピクする･･･眼瞼痙攣</a></li>
		<li><a href="http://health.ne.jp/library/5000/w5000494.html" class="liexternal">事故の危険性も！まぶたの不快なピクつきに、ご用心｜病院・薬・サプリメントの情報満載！　healthクリック</a></li>
		<li><a href="http://qq.kumanichi.com/medical/2008/11/post-536.php" class="liexternal">医療QQ &#8211; ボツリヌス療法、まぶたや顔のけいれんに効果 &#8211; 医療記事 &#8211; 熊本日日新聞社</a></li>
		<li><a href="http://kenko.asahi.co.jp/broadcast_dtl.php?broadcastId=54#theme_143" class="liexternal">長引く治らない症状　本当の原因をもう１度探ります！～ 名医のセカンドオピニオンスペシャル 第２弾 ～ | 番組内容 | コミコミクリニック みんなの家庭の医学</a></li>
		<li><a href="http://www.ncbi.nlm.nih.gov/sites/entrez?db=pubmed&#038;cmd=DetailsSearch&#038;term=blepharospasm" class="liexternal">blepharospasm &#8211; PubMed &#8211; NCBI</a></li>
	</ul>

	<h4>ソーシャル系</h4>
	<ul>
		<li><a href="http://www.google.com/cse?cx=011151499970974866323%3Asio_qhhjox0&#038;ie=UTF-8&#038;q=%E7%9C%BC%E7%9E%BC%E7%97%99%E6%94%A3&#038;sa=%E6%A4%9C%E7%B4%A2&#038;siteurl=www.google.com%2Fcse%2Fhome%3Fcx%3D011151499970974866323%253Asio_qhhjox0&#038;ref=www.google.co.jp%2Furl%3Fsa%3Dt%26rct%3Dj%26q%3D%25E4%25BA%25BA%25E5%258A%259B%25E6%25A8%25AA%25E6%2596%25AD%25E6%25A4%259C%25E7%25B4%25A2%26source%3Dweb%26cd%3D2%26ved%3D0CCoQFjAB%26url%3Dhttp%253A%252F%252Fwww.google.com%252Fcse%252Fhome%253Fcx%253D011151499970974866323%25253Asio_qhhjox0%26ei%3D4Up7T5exIePFmQWipc3mAw%26usg%3DAFQjCNGNbab8dprPSN2FtBczg9mdcfHfQw#gsc.tab=0&#038;gsc.q=%E7%9C%BC%E7%9E%BC%E7%97%99%E6%94%A3&#038;gsc.page=1" class="liexternal">人力横断検索(はてな、教えて！goo、OKWave、livedoorナレッジ、Yahoo!知恵袋) | 眼瞼痙攣</a></li>
	</ul>
</div>




<a id="section_gankenkeiren_botox" name="section_gankenkeiren_botox"></a>
<p><a href="#section_menu" class="liinternal">目次に戻る</a></p>
<h3>ボツリヌス(ボトックス/BTX)療法を受ける</h3>
<h4>神経内科ボツリヌス治療外来へ</h4>
<p>そして紹介状を持ち脳神経外科で有名な病院の神経内科ボツリヌス治療外来へ。そこでも蘇春堂と同じく瞬きのチェックがあり、特に症状が強い訳ではないが眼瞼痙攣の可能性もあるという事で、治療法について説明がありました。</p>

<p>その治療法とは、目の周りに極少量のボツリヌス菌毒素を注射し、筋弛緩作用により眼輪筋の緊張を取る方法との事でした。病気を治す原因療法ではなく、あくまでも症状を軽減させるだけの対症療法で、平均3ヶ月ごとに再度の注射が必要な事、高額な治療である事(3割負担で100単位約3万円、70歳以上は1割負担で約1万円)、価格に対しての効果に満足出来ない方もいるが、そこは納得して欲しいという旨の説明がありました。</p>

<p>自覚症状では眼瞼痙攣で説明された症状は特にありませんでしたが、3ヶ月で効果がほぼ消失する事と、ひょっとしたら手術やテーピングが不要になるかもしれない、と期待を持って打つ事にしました。</p>

<h4>神経内科でボトックス注射を受ける</h4>
<p>後日、ボトックス100単位を目の周り10箇所以上に注射して頂きました。「細い注射針なので痛くありません」との説明通り、腕に指す注射のように痛くはありませんでした。ただ、一箇所づつは痛くなくても、何箇所も打たれた後は顔全体がジワーっと熱くなるような痛痒さがありました。治療代は10割約97000円の3割負担分で29000円程度。これが3ヶ月おきにと考えると高額ですが、それでもテープや手術が要らなくなるのなら、と前向きに考える事にしました。</p>

<h4>注射後も辛さは変わらず</h4>
<p>打った当日は何も変わりませんでしたが、一週間経った頃から効果が出てきたようで、入浴時に普段通り目をつぶって顔にシャワーをかけると、水が目に染みてしまったので、目を閉じる力が弱まっている事が分かりました。大体1ヶ月半位から徐々に効果が弱くなり、3ヶ月で効果が分からなくなるような感覚でした。(本当にその期間だったかもはっきり分からないというのが正直な感想ですです。)</p>

<p>目を閉じる力が弱まっている事は実感出来ましたが、それ以外の効果は実感できず、テープを貼らなければ眼精疲労と首こりなどの辛い症状は変わらないままで、テーピングを止める事は出来ませんでした。</p>

<p>再度3ヶ月後に2度目のボトックス100単位を打って頂きましたが、やはり1度目と同じで、筋弛緩の効果ははっきり自覚出来てもそれ以外には何も変わらないという感覚でした。</p>

<h4>リボトリールが肩こりにとても良く効いた</h4>
<p>ボトックスの効果に満足できない事を伝えると、次にリボトリールという飲み薬を1日0.5mg処方されました。これを飲むと、まるで風呂上りのように体の力が抜け、テープを貼っていない時でも眼精疲労や首こりが軽減される感覚があったので継続する事にしました。</p>

<p>初めて飲んだ時は、まるで「インスタント風呂あがり薬」というくらいストレートに肩こりに効いて驚くほどでした。ただデメリットもあり、飲むと直ぐに眠気が出る事や、寝る時に夢を全く見ないほど深く眠てしまい、朝に起きづらい事などがありましたが、段々と慣れて問題にならなくなりました。</p>

<p>この薬は、眼瞼痙攣の治療以外にも抗てんかん薬や抗不安薬としても使われているようで、緊張してもお腹が痛くならない・人前でもあがらなくなるなど、目の辛さとは関係ない方面にも効いてしまい、シュンとする緊張感が無くなってちょっと嫌かなという印象はありました。こういう薬は初めての経験だったので、ただの飲み薬が精神に作用する事には驚きました。</p>

<p>まさかこの時は、後々この薬の離脱症状で苦しむ事になるとは考えもしていませんでした。</p>




<a id="section_shujutu1_soshundou" name="section_shujutu1_soshundou"></a>
<p><a href="#section_menu" class="liinternal">目次に戻る</a></p>
<h3>1度目の手術:眼瞼下垂の手術を蘇春堂形成外科で受ける</h3>
<h4>テーピングに不満が募る</h4>
<p>テーピングを知ってからは、テープを貼っている間は仕事が問題無く出来るようになり、眼精疲労も首こりも問題にならなくなりました。しかし、毎日行うテーピングの煩わしさには疲れてしまい、何とかならないものかと半年ぶりに蘇春堂に相談へ。</p>

<p>診察で状況を説明した所、「皮膚の余剰が多く眼瞼下垂の症状が出ているので、手術をする事でテーピング不要になる可能性が高い」との説明を受けました。私の症状の重さについて伺った所、「主たるものが痙攣で、下垂はどちらかと言うと皮膚の部分がかなり多い状態」「眼瞼痙攣持ちの人は、閉じる力に負けて症状が出てくる事もあり、そのバランスが難しい」という事でした。</p>

<h4>手術を受ける事を決心</h4>
<p>今まで生きてきて手術の経験は一度もなく、それもあり手術を受けるかどうかの判断は迷いました。しかし、家のチャイムが鳴る度にテープを剥がすという生活は煩わしく、外で貼れる訳でもないテーピングは私にとって満足できるものでは無かったので手術を受ける事に決めました。</p>

<p>他にも複数の病院に行きましたが、蘇春堂意外の病院は、眼瞼下垂という診断だけで眼瞼痙攣に関しては特に指摘されなかった事、野平先生はその点の指摘があった事や、質問に対して自信を持ってお答え頂ける事、術後も1ヶ月・3ヶ月・半年と定期診察で見て行くという事で安心感があり、何よりも眼瞼下垂をライフワークとしている事が強く伝わって来た事が理由で、考えた末に手術を決意しました。</p>

<h4>手術前の準備</h4>
<p>手術に向け、親や友人に手術の事を話し情報収集を始めました。意外にも私の祖母が眼瞼下垂の事を知っていて驚きました。高齢者の間では特別マイナーな病気では無いようです。男友達でこの病気を知っている人は殆どいませんでしたが、何年も原因が分からず苦労してきたので皆喜んでくれました。一体ここに至るまで何年を費やしてきたのか…。</p>

<p>女友達にも相談した所、だいたいの人が眼瞼下垂の事を知っていました！しかも全員が興味津々で、反応の違いには驚きました。眼瞼下垂の手術で行う事が、美容整形で目を大きくする事と同じ内容の手術でもあるらしく、男女間でその知名度には大きな差がある事を実感しました。</p>

<h4>いよいよ眼瞼下垂手術当日</h4>
<p>2010年春、会社を早退し夕方に蘇春堂へ。手術前に見た目の希望を聞かれ、今のままとにかく変えたくないという事を伝えました。鏡を渡された後に針金のような器具で二重を作られ、「もうすこし細く、もうすこし細く」と何度かのやり取りがあり、今のままの限りなく一重に近い奥二重にして欲しかったのですが、「これ以上細くすると年を取ってからまた皮が被ってくる、最低限は開けないとまた症状が出てくるのでこれ位がいい所でしょう」と説明を受け、不安でしたが納得し手術室へ。結果は控えめな見た目にして頂き、全く問題はありませんでした。しつこいやり取りに付き合って頂きありがとうございました。</p>

<p>ついに人生初の手術が始まり、ちょうどシンガポール？の大学教授が野平先生の手術を見学されている所で、時折英語で会話が飛び交う中でまぶたに麻酔がされていきました。目を瞑っているので周りは見えないのですが、電気メスか何かの「ジジッ」と焼ける音や器具の感触で、何をされているかが嫌でも想像できてしまいます。何度か起き上がり先生がまぶたのバランスを確認されながら手術が進んで行きました。</p>




<a id="section_shujutu1_case" name="section_shujutu1_case"></a>
<p><a href="#section_menu" class="liinternal">目次に戻る</a></p>
<h3>手術途中に新たな症状が発生</h3>
<p>手術の途中、眼瞼挙筋を引き上げた直後から、上を向こうとすると目の上奥が引っ張られるようにズキンと痛くなり、一瞬しか目を上げられなくなってしまいました。水平を見てもすぐに疲れてしまう状態で、視線を下げて物を見る事しか出来なくなってしまいました。</p>

<p>手術自体が初めての経験だったので、「麻酔がかかっているしこれが普通なのかな？」とも思いましたが、先生の反応を見るにそうではないらしく、とても珍しい、難しい問題が発生してるという風でした。</p>

<p>緊張からかあっという間に手術は終了。はっきり覚えていませんが、1時間位だったでしょうか。最初の麻酔がよく効き、痛みは全く無し。歯科で虫歯の神経を抜く治療よりも楽なくらいで、豆腐メンタルな私でも最後までリラックスして終える事ができました。手術後の会計は、両目の眼瞼下垂手術で3割負担、約45000円でした。</p>

<h4>手術後も痛くて上を見れない</h4>
<p>手術後も、上を見るのが辛い状況は変わりませんでした。上を見たり睨むように目に力を入れると、目の上奥の筋がまるでゴムの反発のように、上げれば上げるほどギュンギュンと痛くなります。重いというより、かなりクリアではっきりとした痛みです。先生の反応も非常に珍しい、難しい問題らしく、まずは様子を見る事となりました。</p>

<p>尚、手術の後に先生に聞きましたが、眼瞼下垂の手術内容は挙筋前転との事で、事前に頂いた眼瞼下垂手術の冊子にもそのような事が書いてありました。</p>

<p>帰りはサングラスをかけ家族に迎えに来て貰い、余裕があったので会社に顔を見せに行きました。社内には事前に説明していましたが、会った人全員の顔が引きつっていたような…。鏡で自分の顔を見ると、タラコの様に赤く腫れていたので納得。麻酔が切れ痛みも出てきてしまい、寄らずにさっさと帰れば良かったと後悔。何日か自宅勤務で迷惑をお掛けします…。</p>

<h4>視力に少し変化が</h4>
<p>家に帰ると視力が少し違う事に気づきました。いつもより乱視が強く感じ、近視が進んだから乱視が進んだようにも見えるような、文字やLEDランプが縦に2重に見えてしまうのに気づきました。これは手術前のテーピングをしていた時にも弱く感じていた事でした。</p>

<p>私の仕事は、画面の1ピクセルの違いが分からなければコーディング中にものすっごいストレスを感じるのですぐ分かりましたが、PCを使わない仕事であれば気にならない程度の変化で、メガネを作り直せばいいだけの事、特に何の問題もないと感じる程度でした。原因は、まぶたが上がるから目の絞りが開いて被写界深度が浅くなるからとか、筋や結び目の圧力の問題とか、色々いわれる中で未だはっきりしないようです。</p>

<p>後に眼瞼下垂の手術を受けた患者さんと何人か話す事になりますが、視力の変化は大なり小なり感じている人が多いんだなという印象を受けました。</p>

<h4>1ヶ月後も状況は変わらず、仕事が半分の時間しかできなくなる</h4>
<p>1週間ほどで腫れはスーッと引き、見た目は特に気にならなくなりました。しかし手術後から発生した症状は1ヶ月経っても変化が無く、術後眼瞼痙攣との診断を頂きました。その後、神経内科で追加のボトックスを打ちましたがいつも通り大きな変化は無く、神経眼科を紹介して頂き眼瞼部のMRIを撮りましたが何も問題は見つかりませんでした。</p>

<p>ただ目の上奥がこんなに痛いにも関わらず、手術後は首こり肩こりがテープを貼らなくても治っている感覚がありました。しかしテープを貼って強く引っ張れば痛い角度が少し上に修正されるので、手術前と目的は違いますが手術後もテーピングは継続していました。</p>

<p>毎日何とか会社に出勤してはいましたが、手術前の半分程の時間しか働けなくなってしまい、ひょっとして症状はこのまま変わらないんだろうか、と思うと段々と焦りが出てきました。駅までの自転車通勤が地獄で、体は前傾であごは目一杯上げる、というかなり情けない姿で通勤していました。</p>

<p>そんな状況で救いだったのは野平先生の責任感で、私のような術後に問題が発生する患者というのは極少数なのだと思いますが、最後まで見捨てず責任を持つという姿勢は、今後見習って生きようと思わせるものがありました。感謝します。</p>




<a id="section_shujutu1_photo" name="section_shujutu1_photo"></a>
<p><a href="#section_menu" class="liinternal">目次に戻る</a></p>
<h3>眼瞼下垂手術後の写真を公開します</h3>
<h4>写真を公開する理由</h4>
<p><blockquote class="twitter-tweet" lang="ja"><p>[手術に当たって決心したこと]術前/術後の写真をブログにアップすること。自分の写真を乗せるのは物凄い抵抗があるけど、眼精疲労でどうしようもない人・仕事を諦めようとしている人の助けになれるのなら、小さなことは気にするなと思えた。</p>&mdash; RINさん (@rin316) <a href="https://twitter.com/rin316/status/14169132744" data-datetime="2010-05-17T15:59:23+00:00" class="liexternal">5月 17, 2010</a></blockquote></p>
<script src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

<p>自分の顔を人目にさらすというのはあまり気の進む事ではありませんが、既に公言している通り術後の写真を公開します。公開の理由は、私のように眼精疲労や肩こりで苦しんでいる人が、少しでも病気に気づくきっかけになればと考えたからです。</p>

<h4>当事者性を持った情報が少なすぎる</h4>
<p>もう一つの理由は、病気の情報が余りにも少なく不満を感じた事です。私は今まで「手に入らない情報など無い」と考えていた所がありました。TwitterやFaceBookなどのSNSをアンテナにし、Amazonレビューや各種掲示板のソーシャルなレコメンドの空気を感じ、ネットや書籍に知識を求め、その知識を持った人に直接会い相談し、勉強会で同じ志の仲間と交流しアンテナを広げるという、今では多くの人が当たり前に行なっている評価社会の恩恵を受け生きてきました。</p>

<p>そんな中であっても、病気に関しては実際に手術を受けた方の声を聞くというのはとても難しく、医師や患者から発信される、当事者性を持った情報というのは本当に少なく感じました。</p>

<h4>写真の公開状況は絶望的</h4>
<p>見た目の問題を含む事もあり写真を公開している人はほとんどおらず、「外見はどう変わってしまうんだろうか？」「テーピングと同じように眼精疲労は良くなるだろうか？」という不安を強く感じていました。次に受ける人が持つだろう不安を少しでも取り除ければと思い写真も載せる事にしました。</p>

<p>写真の公開に関して友人達から「誤解や不利益を被る可能性もあるので慎重に考えた方が良い」と親身な意見を貰いました。そもそもこの病気を最初に知ったきっかけはWebページでした。私は、Webから得た情報はWebに還元されるべきという強い思いがあります。多少なりとも公共の福利にもなるのだから、これは避けられない事と考えました。心配ありがとう。</p>

<p>なお、病院名と術後の写真の掲載に関しては、手術前に先生より「患者さんの責任の元で自由に判断する事なので、あなたが構わないなら」と快く了承を頂きました。感謝いたします。</p>




<h4>眼瞼下垂手術の写真一覧</h4>
<p>転載の場合は、当記事へのリンクを貼って頂き、下記写真の転載はご遠慮頂ければと思います。</p>
<div class="pikachoose">
<ul id="pikame" class="photo1">
<li><img src="/images/120405/1/before_kasui.jpg" /><span>目の力を抜いている時</span></li>
<li><img src="/images/120405/1/before_normal.jpg" /><span>目に力を入れて開けている時(人と話す時)</span></li>
<li><img src="/images/120405/1/before_tape.jpg" /><span>テーピングで楽な状態(実際はもう少し引っ張る)</span></li>
<li><img src="/images/120405/1/before_tape_up.jpg" /><span>貼り方(もう少し引き上げたほうが良い)</span></li>
<li><img src="/images/120405/1/00_1.jpg" /><span>手術当日</span></li>
<li><img src="/images/120405/1/00_2.jpg" /><span>手術当日</span></li>
<li><img src="/images/120405/1/00_3.jpg" /><span>手術当日</span></li>
<li><img src="/images/120405/1/01_1.jpg" /><span>1日目</span></li>
<li><img src="/images/120405/1/01_2.jpg" /><span>1日目</span></li>
<li><img src="/images/120405/1/02_1.jpg" /><span>2日目</span></li>
<li><img src="/images/120405/1/02_2.jpg" /><span>2日目</span></li>
<li><img src="/images/120405/1/03_1.jpg" /><span>3日目</span></li>
<li><img src="/images/120405/1/03_2.jpg" /><span>3日目</span></li>
<li><img src="/images/120405/1/03_3.jpg" /><span>3日目(糸)</span></li>
<li><img src="/images/120405/1/04_1.jpg" /><span>4日目</span></li>
<li><img src="/images/120405/1/06_1.jpg" /><span>6日目</span></li>
<li><img src="/images/120405/1/06_2.jpg" /><span>6日目</span></li>
<li><img src="/images/120405/1/08_1.jpg" /><span>8日目 抜糸後</span></li>
<li><img src="/images/120405/1/08_2.jpg" /><span>8日目 抜糸後</span></li>
<li><img src="/images/120405/1/13_1.jpg" /><span>13日目</span></li>
<li><img src="/images/120405/1/13_2.jpg" /><span>13日目</span></li>
<li><img src="/images/120405/1/13_3.jpg" /><span>13日目</span></li>
<li><img src="/images/120405/1/60_1.jpg" /><span>2ヶ月後</span></li>
<li><img src="/images/120405/1/60_2.jpg" /><span>2ヶ月後</span></li>
</ul>
</div>




<a id="section_shujutu2_sinshuudai" name="section_shujutu2_sinshuudai"></a>
<p><a href="#section_menu" class="liinternal">目次に戻る</a></p>
<h3>2度目の手術:眼輪筋切除手術を信州大学病院で受ける</h3>
<p>その後も手術後に発生した症状は変わらず、紆余曲折があり何ヶ月も後、信州大学病院形成外科 松尾教授の診察を受ける事になりました。</p>

<h4>長野県、信州の地へ</h4>
<p>私が最初に眼瞼下垂を知ったきっかけはWebでしたが、テーピングについては松尾先生の著書がきっかけでした。この分野のオーソリティという事もあり診察前は緊張しましたが、実際はとても話しやすく研究熱心な先生という印象を受けました。</p>

<p>診察室の中では、サーモグラフィを使った顔や手の温度測定、鼓膜の筋肉測定、まぶたに重りを載せるテスト、まばたきのスローモーション撮影など、様々なテストが行われました。</p>

<h4>まぶたを通して様々な症状が現れる</h4>
<p>様々な情報を教えて頂いた中で、痙攣で下まぶたの筋肉を奥に引くと、持病の喘息を誘発する事や、眼瞼下垂手術前の写真で、下まぶたに縦ジワがあり土手が膨らんで見える事を指摘され、これは盛り上がっているのではなくて、痙攣で下まぶたを引いてしまっている状態で、私達はこういうのを見ると痙攣と考えるという話しを伺い、下まぶたの切開も必要になる可能性を説明されました。</p>

<p>最終的に、私の瞼には痙攣とうまく折り畳まれない瞼の問題がある事、それに対し、目を開く事に抵抗する組織を軽減する事で、眼瞼下垂手術後に発生した症状が改善する可能性が高い事の説明を受け、眼瞼痙攣に対して上まぶたと下まぶたを切り眼輪筋を切除する手術を受ける事になりました。</p>

<p>手術のデメリットについては、とても良く腫れ出血やしびれもある事や、最低限必要な手術だけをやるので再手術の可能性がある事を伺いました。見た目が変わってしまうのがとても心配でしたが、1度目の切開線をそのまま使うという事と、高齢者と比べ若い人は重症ではなく、大きく組織を取る事はしないので、そこまで恐れる手術ではないという事を聞き安心しました。</p>

<p>松尾先生の説明は非常に納得出来るもので、なぜここまで腑に落ちるのかを考えましたが、見えている世界があり、その世界への興味が非常に強く、その興味が結果的に患者への粘り強い聴取と説明となって現れているからなのだろうと感じました。</p>

<h4>おでこテープを知る</h4>
<p><img src="/images/120405/odeko_tape.jpg" alt="おでこテープ 日東メディカル 優肌パーミロール14R10(10cm幅)" /></p>
<p>診察では大変便利なテーピング方法がある事を教えて頂きました。それはフィルムドレッシング材を切っておでこに貼る方法で、私は勝手におでこテープと名付けていました。写真を見て頂くと分かる通り、透明で非常に目立ちにくいテープです。おでこに貼った後に前髪を下ろすと、テープを付けている事が分かりづらく、またバレてもあまり恥ずかしく感じない利点があります。ただのテーピングはどうしてもモノマネのコロッケさん風になってしまうのでこれは利点です。ただし夏場は汗でろんでろんで剥がれます。早速ネット上で取り寄せ使い始めました。</p>

<p>商品名は「日東メディカル 優肌パーミロール14R10(10cm幅)」で、私が普段まぶたを上げるのに使っていた優肌絆テープと同じメーカーでした。<br />
<a href="http://atq.ck.valuecommerce.com/servlet/atq/referral?sid=2219441&#038;pid=877935733&#038;vcptn=shpg%2Fp%2FUoEB6GVl0tsVVngxZYk-&#038;vc_url=http%3A%2F%2Fstore.shopping.yahoo.co.jp%2Fmb-web%2F191610.html" target="_blank" class="liimagelink"><img border="0" src="http://item.shopping.c.yimg.jp/i/c/mb-web_191610" alt="優肌パーミロール14R10 10cm幅"><br /><br />優肌パーミロール14R10 10cm幅<img Src="http://atq.ad.valuecommerce.com/servlet/atq/gifbanner?sid=2219441&#038;pid=877935733&#038;vcptn=shpg%2Fp%2FUoEB6GVl0tsVVngxZYk-" height="1" width="1" border="0"></a></p>




<h4>いよいよ手術の日</h4>
<p>さらに何ヶ月も待ち、2010年秋に手術の前日を迎えました。まず入院窓口に行って手続きを済まし病棟に移動。看護師の方から病棟案内とオリエンテーションを受け、体重と身体測定。夕食後に松尾先生が病室に来られ相談室に移動。明日の手術の説明を受けました。基本的には以前の説明通りの手術との事。診察室とは違うリラックスした雰囲気に少し緊張が解け安心させて頂きました。病院名や写真の公開に関しては「あなたが良いならもちろん良いですよ」との温かい言葉を頂き、手術中の写真まで頂ける事になりました。</p>

<p>手術当日の朝、1Fで喘息の肺活量検査。ピークフロー値と完全に吸ってから吐く検査を受け、その後再度2Fのナースステーションで同じ検査を色々にテープを貼った状態で受けました。喘息は持っていますが普段薬で管理できているのでテープを貼ってもあまり変化はなく、平均値の81%程度でぎりぎり正常範囲内でした。</p>

<p>本日2例目の手術という事で、予定を一時間過ぎた辺りに看護師の方から呼ばれ、「10分後に移動です。お手洗を済ましてください」と説明を受け移動。</p>

<h4>手術開始</h4>
<p>手術中、筋肉を取っても目はあまり上がらず、上眼瞼挙筋を下げて頂いた所から、痛みが減少し目を上げられるようになりました。2週間後に退院。</p>
<p><strong class="red">まだ書きかけなので、後日追記します。</strong></p>




<a id="section_shujutu2_photo" name="section_shujutu2_photo"></a>
<p><a href="#section_menu" class="liinternal">目次に戻る</a></p>
<h3>眼輪筋切除手術の術後写真一覧</h3>
<p>眼瞼下垂の手術の時と同じく公開します。</p>

<div class="pikachoose photo2">
<ul id="pikame" class="photo2">
<li><img src="/images/120405/2/before_1.jpg" /><span>手術前</span></li>
<li><img src="/images/120405/2/before_2.jpg" /><span>手術前</span></li>
<li><img src="/images/120405/2/odeko_1" /><span>おでこにパーミロールテープ</span></li>
<li><img src="/images/120405/2/odeko_2" /><span>おでこにパーミロールテープ(本当はもっと引っ張る)</span></li>

<li><img src="/images/120405/2/ope_1.jpg" /><span>手術中</span></li>
<li><img src="/images/120405/2/ope_2.jpg" /><span>手術中</span></li>

<li><img src="/images/120405/2/00_1.jpg" /><span>手術後</span></li>
<li><img src="/images/120405/2/01_1.jpg" /><span>1日目</span></li>
<li><img src="/images/120405/2/02_1.jpg" /><span>2日目</span></li>
<li><img src="/images/120405/2/03_1.jpg" /><span>3日目</span></li>
<li><img src="/images/120405/2/04_1.jpg" /><span>4日目</span></li>
<li><img src="/images/120405/2/04_2.jpg" /><span>4日目</span></li>
<li><img src="/images/120405/2/04_3.jpg" /><span>4日目</span></li>
<li><img src="/images/120405/2/05_1.jpg" /><span>5日目</span></li>
<li><img src="/images/120405/2/06_1.jpg" /><span>6日目</span></li>
<li><img src="/images/120405/2/07_1.jpg" /><span>7日目</span></li>
<li><img src="/images/120405/2/08_1.jpg" /><span>8日目</span></li>
<li><img src="/images/120405/2/08_2.jpg" /><span>8日目</span></li>
<li><img src="/images/120405/2/08_3.jpg" /><span>8日目</span></li>
<li><img src="/images/120405/2/m08_1.jpg" /><span>8ヶ月後</span></li>
<li><img src="/images/120405/2/m08_2.jpg" /><span>テープで下瞼を上に引かないと辛い</span></li>
<li><img src="/images/120405/2/m18_1.jpg" /><span>1年6ヶ月後</span></li>
<li><img src="/images/120405/2/m18_2.jpg" /><span>1年6ヶ月後</span></li>
<li><img src="/images/120405/2/m18_3.jpg" /><span>1年6ヶ月後 テーピング</span></li>
</ul>
</div>




<a id="section_shujutu2_after" name="section_shujutu2_after"></a>
<p><a href="#section_menu" class="liinternal">目次に戻る</a></p>
<h3>眼輪筋切除手術後の状況</h3>
<h4>外に出られない状態に</h4>
<p>現状、眼輪筋手術前と比べて手術後の方が何倍も辛い状況となりました。1度目の下垂手術後の悪化では何とか4時間程度働けていましたが、2度目の痙攣手術後は退院後から一切働けなくなり外出も出来ていません。</p>

<p>上を向こうとする時の眼の奥の痛みは軽減されました。<br />
1度目の手術前: 左右目の辛さを 左0/右0 とすると、<br />
1度目の下垂手術後: 左10/右8 くらいに悪化し、<br />
2度目の痙攣手術後: 左5/右3 くらいに自覚的に軽減されました。</p>

<p>しかし手術直後から目にかなりの違和感を感じ、常に目の回りが興奮するようになってしまいました。手術後4週目位から左目下眼瞼に氷を入れたような疼痛を感じ始め、左目下眼瞼に常に力が入るようになり、右も左ほどではないですが力が入り、両頬・両顎奥・両口角にも力が入り抜けない状態で非常に辛いです。目を閉じるように上眼瞼・下眼瞼にテープを貼ると多少辛さが軽減されます。</p>

<p>また、睡眠時に左目を上にして横向きになると下眼瞼の辺りを中心に顔面全体が引きつり、目の乾燥や違和感から仰向けには寝れず、左目を下にして寝る事しか出来なくなりました。寝る時は目を閉じるようにテープを貼らないととても眠れない状態です。朝起きると目をギュンギュンに見開いてしまい、興奮して長く横になっていられない状況。</p>

<p>別の症状で、目が強く乾燥し、瞬きをしても上まぶたが下まぶたの縁まで届いた感じがせず、涙や目薬を指しても、下まぶたの真ん中に溜まってしまうようで辛いです。上手く瞬きができない感覚があり、顔中に力を入れて瞬きをしてしまうようになりました。顔中筋肉が疲れます。</p>

<p>手術2ヶ月後、神経内科から眼瞼痙攣の治療で7ヶ月間処方されていたリボトリール1日0.5mgを、目には効いていない感覚を話し断薬となりました。1ヶ月ほどの強い離脱症状の後になんとか断薬出来ましたが、左右の口角が歪む感覚があります。</p>
<p><strong class="red">後日追記します。</strong></p>



<a id="section_shujutu3_sinshuudai" name="section_shujutu3_sinshuudai"></a>
<p><a href="#section_menu" class="liinternal">目次に戻る</a></p>
<h3>3度目の手術:信州大学病院にて2012年4月6日に再手術の予定</h3>
<p>約1年半待ち、再手術(上眼瞼挙筋をほぼ外し下垂手術前の状態に近くする)で改善の可能性を説明され、明日手術を受ける予定です。</p>

<p class="red"><strong>まだ書きかけではありますが、手術後しばらくPCを触れなくなると思うので、ひとまずテーピングの事を伝えるために公開する事にしました。</strong></p>




<a id="section_write" name="section_write"></a>
<p><a href="#section_menu" class="liinternal">目次に戻る</a></p>
<h3>病気について書いた目的</h3>
<p>病気に関わらずどんな事でも、自分の困っている問題をどう発見し、どう理解し、どう伝えるかはとても重要だと思います。今振り返ると、私は病気と分かるまで、ただ「目の奥が痛い」とだけ訴え何年も眼科を巡っていました。もう少し問題を理解した上で眼科の先生に伝える努力をしていれば、こんな何年もかからずに眼瞼下垂・眼瞼痙攣と言うキーワードに出会えていたのではないかと感じています。</p>

<p>私が本気で動き初めたのは、眼精疲労で仕事ができなくなる直前でした。人間、本当にぎりぎりにならなければ動けないものです。眼瞼下垂・眼瞼痙攣に限らず、辛い症状で悩んでいて病気の見つからない人が、少しでも早く自分の問題に向き合うきっかけになれば、と思い書きました。</p>

<h4>手術を避けられる人はいるか</h4>
<p>このブログの内容は、これから手術を受ける人を悪戯に不安にさせるだけかも知れないと思い、今の経過での公開は迷いました。しかし、もしも経過が良かったならば受ける印象は全く違っていたと思います。</p>

<p>最初に眼瞼下垂の手術を受ける際、色々な病院を廻りまぶたへのテーピング可否について話を聞きましたが、「まぶたは皮が薄くデリケートな構造なので、テープで引っ張る事はあまり肯定出来ない」と、良い印象を持っていない先生が多いのだなと感じました。</p>

<p>テーピング自体、最初こそ感動的でしたが、人前や外出中に貼れるわけではないので、本音を書けばテーピングは多くの人に現実的では無いのかも知れないとも感じています。最終的に手術を避けられる人はいるのかと思うと余計に公開を迷わせました。</p>

<h4>極端な経過が全てではない</h4>
<p>しかし、私のような経過を辿る患者というのは全体の極一握りであって、手術を受ける多くの人は、平均的な症状・平均的な確率の元に粛々と手術がなされ良くなっています。</p>

<p>実際、私の経過について複数の先生から受けた説明は、「ほとんどの患者さんは手術によって良くなっている。悪くなるのは極々一部の例外」という内容でした。</p>

<p>また、「病気に強い思い入れのある患者さんは、見た目より実際の症状が強いため悪い経過が目に付き、逆に医療側の出す情報はチャンピオンケース(一番良い症例)が多いので通常より良い経過となりがち。インターネット上の情報は両極端」と話す先生もいました。</p>

<h4>大事なのは診察を受け質問する事</h4>
<p>迷った時に大事なのは診察を受け質問する事で、もしそこで手術しか無いと説明されたのなら、危険性や確率を伺い、自分の判断を信じ、先生を信じ、最終的にはその先生が信じる方法で直して貰う、それが全てだと思います。どんな病気も、最後は手術を受けるメリットに対する損失の可能性で割り切るしかないのだと思います。</p>

<h4>「絶対に安全」はないけど、「絶対に安心」は存在する</h4>
<p>手術に限らず、どんな事でも「絶対に安全」は存在しません。ただ蘇春堂・信州大学の両先生から治療を受け思ったのは、「絶対に安心」は存在するかも知れないという事でした。両病院の先生とも、診察を通して眼瞼下垂をライフワークにしている事がとても良く伝わってきました。また同じ病気の患者さんが、1日に2人や3人も手術で良くなっている状況は、「絶対に安心」を感じさせてくれるものがありました。診察を通し説明を聞き、信頼を通して、絶対に安全は無くとも絶対に安心は、先生が作っていけるものなのだなと強く感じました。</p>

<p>「他人に対して大げさな」、「人の本心は分からない」と思いますか？私はそんな事はないと思ってます。素朴に信じるという事は、周りにとっても、自分にとっても良きことをもたらすと思っています。</p>

<p>経過に感謝する患者さんや私のような患者、極端な振れ幅の中で毎日病気と戦っている医師や看護師の姿を見て、心から尊敬しました。</p>

<p>病気について書いたのは、医師への不満や中傷を書こうとしたつもりは全くなく、患者が一番知りたい、同じ病気の、同じ傾向の患者がどんな経験をして、どう対処したかを伝えようとしただけなのでご理解頂ければと思います。もし手術を受けられる方がこの文章を読んだのならば、経過が良くなる事を心から願っています。</p>




<a id="section_make" name="section_make"></a>
<p><a href="#section_menu" class="liinternal">目次に戻る</a></p>
<h3>「伝える」ことは「作る」こと</h3>
<p style="float:right;margin-left: 10px;"><img src="/images/120405/senbazuru.jpg" alt="千羽鶴" /></p>
<p>私は今まで、自分自身の向上心や情熱、ポジティブな考え方というのは、何があっても変わらないものと考えていました。それが2度の手術の悪化で先が見えなくなると大きく揺らぎ、今はネガティブな感情に心が支配される事もあります。それは、自分の性格まで奪われてしまったようで悲しい事です。</p>

<p>ただ、人は経験によって考え方は変わってしまうものだし、振り動かされる情熱は一瞬で長く保ってはいられない。過去の気持ちに戻る事はできない。今見える世界は、そう思えなくても全てが自身の選択によってもたらした世界なのだから、残念だけどそれはしょうがない事で、後は変わってしまった世界をどう捉え受け入れていくか、満足していくかしかないのだと思う。</p>

<p style="clear:both;">手術前に戻る事はできないのだから、心からの満足というのは難しいかも知れない。本音を言えば、ポジティブな魔法がかかったままの世界で生きていきたかった。こんな状態で生かされている事の意味は何だろうかと、神に取引も試みたが、そもそも自分自身の苦痛や内なる感情というのは他者にとっては意味の無い事で、何かを伝えたい情熱と、生きてきた自分が相手に伝えられた事、行動した事の総量だけが、それが他者から見た自分の全てだ。</p>

<p>なぜ今まで自分が「作る」事にこだわって来たのか、病気になって少し理解できた。私に取って「伝える」という事は「作る」事で、制作を通した他者との関係性の中で、コミュニケーションの中で感動や影響が生まれて、そこから自信を貰う事が、それが向上心と行動の好循環を生む軸になっていたのだ。</p>

<p>何かを作る作業をしている時・それを通して人とコミュニケーションをしている時というのが、自分が生きていると実感する瞬間であり、その辺りが自分を構成する成分なんだと思う。もし人間の性格が変わるとしたら、それは肉体的な苦痛や病気というものは実は関係なくて、人と人とのコミュニケーションを通してしか変わらない。今まで自分がいかに恵まれた環境で生きてきたのかが分かった。本当に多くの人に感謝している。ありがとう。</p>

<p>これからもその環境の中の、気持ちの循環の中で生きていきたい。そのためにはどうしても今より快適に作業できる体が必要で、そこは譲れないし満足できない。ただこの先の経過というのは神の差配なのだから、誰にも分からないものなのだから、どういう結果であっても受け入れ、先生に感謝し、出会った人に感謝し、少しでも満足して作業をしていきたいと思う。</p>




<a id="section_pass" name="section_pass"></a>
<p><a href="#section_menu" class="liinternal">目次に戻る</a></p>
<h3>私が伝えたかった事</h3>
<p>私が伝えたかった事は、「その眼精疲労・肩こりは、テープ一枚で治るよ！仕事は続けられるよ！辞めなくてもいいんだよ！」という事、それだけです。</p>

<p>写真は2009年5月に撮った札幌新川通りの桜。2010年・2011年と病気で撮れなかったので、今年こそは叶えられればと思います。それでは手術に行ってきます。</p>

<div class="pikachoose">
<ul id="pikame" class="photo3">
<li><img src="/images/120405/sakura/01.jpg" /><span></span></li>
<li><img src="/images/120405/sakura/11.jpg" /><span></span></li>
<li><img src="/images/120405/sakura/02.jpg" /><span></span></li>
<li><img src="/images/120405/sakura/03.jpg" /><span></span></li>
<li><img src="/images/120405/sakura/06.jpg" /><span></span></li>
<li><img src="/images/120405/sakura/05.jpg" /><span></span></li>
<li><img src="/images/120405/sakura/07.jpg" /><span></span></li>
<li><img src="/images/120405/sakura/08.jpg" /><span></span></li>
<li><img src="/images/120405/sakura/09.jpg" /><span></span></li>
<li><img src="/images/120405/sakura/10.jpg" /><span></span></li>
<li><img src="/images/120405/sakura/12.jpg" /><span></span></li>
</ul>
</div>



]]></content:encoded>
			<wfw:commentRss>http://5am.jp/health/ganken_kasui/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>あなたの制作人生を「速記コーディング」で豊かにする、Texterを使ったアウトプット術</title>
		<link>http://5am.jp/lifehack/texter/</link>
		<comments>http://5am.jp/lifehack/texter/#comments</comments>
		<pubDate>Tue, 27 Oct 2009 18:47:23 +0000</pubDate>
		<dc:creator>rin316</dc:creator>
				<category><![CDATA[Lifehack]]></category>

		<guid isPermaLink="false">http://5am.jp/?p=240</guid>
		<description><![CDATA[何万回も同じ操作で同じ文字を打つ必要はありますか？ よく使う日本語や同じようなコードを、毎回同じように打つのは面倒くさいな&#8230; 思考した事がそのままの感覚でアウトプットできれば生産性はもっと高まるはず。 コード [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://5am.jp/wp-content/uploads/2009/10/texter_main1.jpg" alt="texter_main1" title="texter_main1" width="520" height="347" class="alignnone size-full wp-image-242" /></p>


<h3>何万回も同じ操作で同じ文字を打つ必要はありますか？</h3>
<p>よく使う日本語や同じようなコードを、毎回同じように打つのは面倒くさいな&#8230;<br />
思考した事がそのままの感覚でアウトプットできれば生産性はもっと高まるはず。<br />
コードを書いている時、いつもそう感じていました。</p>

<p>Texterというソフトに出会ってから、そんな日常が少し変わりました。<br />
キーを打った事を忘れて、
頭の中で浮かんだ事がそのまま目の前に現れるような感覚、<br />
まるで、「速記」を自動展開しているような心地良さを味わえました。</p>

<p>今回は<a href="http://h2ham.seesaa.net/article/125028393.html" class="liexternal">SACSSコーディング勉強会 vol.5</a>のライトニングトークでお話した「Texter」を紹介します。<br />
このTexterを使うようになってから、打つ事が革命的に早く・楽しくなりました。<br />
効率化を追求している人にはお勧めのツールです。</p>

<h3>目次</h3>
<ul class="sourceCode">
	<li><a href="#what" class="liinternal">Texterって何ができるの？</a></li>
	<li><a href="#download_texter" class="liinternal">Texterのダウンロード(日本語化済み)</a></li>
	<li><a href="#startup" class="liinternal">Texterの初期設定</a></li>
	<li><a href="#kotu" class="liinternal">単語登録の方法</a></li>
	<li><a href="#recomend" class="liinternal">おすすめ単語登録リスト</a></li>
	<li><a href="#trouble" class="liinternal">トラブルシューティング</a></li>
	<li><a href="#everyday" class="liinternal">毎日積み重なっていくモノの力は凄い</a></li>
</ul>

<a name="what" id="what"></a>
<h3>Texterって何ができるの？</h3>
<p>Texterを一言で説明すると「英語圏の辞書登録ソフト」です。<br />
設定したトリガー、例えば[yrq]を入力した瞬間に、</p>

<p class="sourceCode">yrq → 宜しくお願いいたします。<br />
maq → margin: |カーソルキー|0px 0px 0px 0px;</p>

<p>上記の様に、トリガーを登録した単語に瞬時に置換してくれます。<br />
さらに置換後のカーソルの位置が指定できます。<br />
実際に下の動画を見て貰うと分かりやすいと思います。</p>


<a href="http://www.youtube.com/watch?v=xtXZQsr1M2A" class="liimagelink"><img src="http://img.youtube.com/vi/xtXZQsr1M2A/default.jpg" width="130" height="97" border=0></a>
<p><a href="http://lifehacker.com/238306/lifehacker-code-texter-windows" class="liexternal">Lifehacker Code: Texter (Windows) &#8211; Clips &#8211; Lifehacker</a></p>


<h3>Windows純正の辞書登録とはココが違う</h3>
<p>これだけを見ると、IMEの単語登録と変わらないと思う人もいると思います。<br />
純正の単語登録とTexterとの違いをまとめてみました。</p>

<span id="more-240"></span>

<ul>
	<li>改行やTab、カーソルキー・修飾キー(Shift,Ctrl,Altなど)を含めて登録できる。</li>
	<li>複数行の登録が可能。</li>
	<li>変換後のカーソルキーの位置を自由に設定可能。</li>
	<li>ローマ字をトリガーにして登録 = 変換キーを押さずに置換可能。</li>
	<li>インストール不要のexeファイルなので、<a href="http://web-tan.forum.impressrd.jp/e/2008/11/13/4371" class="liexternal">Dropbox</a>などのオンラインストレージに入れれば、<br />
	自宅や職場のPCなどで、同じ環境を使用可能。</li>
	<li>複数のテキストエディタやブラウザ上など、<br />
	「文章を打てる全てのスペース」で動作する。</li>
</ul>


<h3>作者はLife Hacker</h3>
<p>Texterの作者は、ライフハック界隈では有名な<a href="http://www.lifehacker.jp/" class="liexternal">Life Hacker</a>。<br />
MACで使われていた単語登録ソフト、「<a href="http://www.smileonmymac.com/TextExpander/" class="liexternal">Text Expander</a>」に影響を受けて、<br />
そのWindows版を目指して作られたとの事です。<br />
さすがLife Hacker、いつも人生をハックしてくれます。</p>

<a name="download_texter" id="download_texter"></a>
<h3 style="margin-top:60px;">Texterのダウンロード(日本語化済み)</h3>
<p>前置きが長くなりましたが、早速Texterのダウンロードと使い方を紹介します。<br />
GNUライセンスなので少しだけ改造して公開。</p>

<ul>
	<li>日本語化してみました。</li>
	<li>日本語を表示出来る様、最初から「Compatibility mode」を「Clipboard mode」に変更。</li>
	<li>使いやすいようにサンプルコードを仕込んでみました。</li>
</ul>

<p class="gray">[ソースいじる方は参考までに]<br />
Life Hackerの公開ソースには、右クリックでhotstringを変更する際にバグがあったため、<br />
Exe2Ahkで逆コンパイルし、<br />
includes/GUI/management_GUI.ahkの31～39行目に関数[EDITNAME]を追加。</p>


<h4>まずはTexterをダウンロード。</h4>

<p style="margin: 20px 0px 10px 0px;"><a href="http://5am.jp/download/texter_j.zip" class="liimagelink"><img src="http://5am.jp/material/texter_btn.jpg" alt="Texterのダウンロード 日本語化済み・例文登録済み" class="rollover" /></a><br /></p>
<p><a href="http://5am.jp/download/texter_source.zip" class="lizip">ソース</a><br />
<a href="http://lifehacker.com/238306/lifehacker-code-texter-windows" class="liexternal">オリジナル版(Life Hacker &#8211; Texter)</a></p>


<h3>Texterの使い方</h3>
<p>早速、使い方の紹介です。<br />
日本語化Texterをダウンロードした人は、テキストエディタで</p>
<p class="sourceCode">yrq</p>
<p>と打ってみましょう！<br />
[diq][ulq][dlq][imq][taq][h11][12q][scjq][$q][ [q ][phq][ifq]とか色々設定しています。<br />
入力した瞬間に文字が置換されて、カーソルが設定箇所に来ているはずです。</p>

<p>私は初めてTexterが動作した時、すごい感動しました！<br />
永年続くであろうキーボード入力の呪縛から開放されたような気分でした。</p>



<a name="startup" id="startup"></a>
<h3 style="margin-top:60px;">Texterの初期設定(オリジナル版のみ必要)</h3>

<p><img src="http://5am.jp/wp-content/uploads/2009/10/texter_1.gif" alt="texter_1" title="texter_1" width="348" height="355" class="alignnone size-full wp-image-243" /></p>

<p><strong>Texter日本語化版は初期設定は不要です</strong><br />
オリジナル版は、そのままだと日本語が文字化けしてしまうので下記の変更が必要です。<br />
<p class="sourceCode">「Compatibility mode (default)」を<br />
「Clipboard mode (Faster,but less compatible)」に変更。</p>

<p>その他の項目は、全てチェックを外してしまってOKです。</p>
<ul>
	<li><span class="textBold">Run Texter at start up</span><br />
	OS起動時にTexterを起動。</li>
	
	<li><span class="textBold">Check for updates at launch?</span><br />
	Texter起動時にアップデートを確認する。</li>

	<li><span class="textBold">Enable Universal Spelling AutoCorrect?</span><br />
	最初からセットされている英単語をオートコレクトする。<br />
	(英単語が何万語かセットされている)</li>
	
	<li><span class="textBold">Play sound when replacement triggered?</span><br />
	置換された瞬間に音を出す。</li>
	
	<li><span class="textBold">Make Texter compatible across computers with Synergy?</span><br />
	<a href="http://d.hatena.ne.jp/keyword/Synergy" class="liexternal">Synergy</a>(macとwindowsでキーボードを共有するソフト)を使用時に<br />
	不具合がある場合はチェック。</li>
</ul>



<a name="kotu" id="kotu"></a>
<h3>単語登録の方法</h3>
<p>単語登録する時はショートカット[Ctrl+Shift+H]を押すか、<br />
Texterアイコンを右クリックして「Create new hotstring」を選択。</p>

<p><img src="http://5am.jp/wp-content/uploads/2009/10/texter_2.gif" alt="texter_2" title="texter_2" width="506" height="224" class="alignnone size-full wp-image-244" /></p>

<ul>
	<li><span class="textBold">Hotstring</span><br />
	変換のトリガーとなるキーを設定。</li>
	<li><span class="textBold">Text/Script</span><br />
	簡易テキストモードか、より高度なスクリプトモードを選びます。詳しくは後述。</li>
	<li><span class="textBold">Bundle</span><br />
	キーのセットをまとめてタブ化、タブごとに有効/無効を簡単に切り替えられます。</li>
	<li><span class="textBold">Enter your replacement text here&#8230;</span><br />
	ここに変換したいテキストを入力。</li>
	<li><span class="textBold">Trigger</span><br />
	Hotstringで指定したキーの後に、どのキーを押すと変換が発動するかを選べます。<br />
「Instant」を選べば、キーが入力された瞬間に変換されるのでオススメです。</li>
</ul>


<h3>「Text」モードと「Script」モードの違い</h3>
<p>「Text」モードと「Script」モードはそれぞれ挙動が違います。<br />
登録文によって使い分ける事で幸せになれます。</p>

<h4>簡易な「Text」モード</h4>
<p>「Text」を選んだ場合はクリップボード経由で貼り付けされるので、</p>
<ul>
	<li>変換後の文に日本語を扱えます。</li>
	<li>[%|]を入れると、置換後その場所にカーソルが合います。<br />
	<p class="sourceCode">&lt;div&gt;%|&lt;/div&gt;</p></li>
	<li>[%clipboard]を入れると、クリップボードの内容が、そこに貼付けされた状態で置換されます。<br />
	<p class="sourceCode">&lt;a href=&#8221;%clipboard&#8221;&gt;%|&lt;/a&gt;</p></li>
	<li>他にも時刻の挿入が出来ます。<br />
	<p class="sourceCode">
	[%ds] → 3/9/2007<br />
	[%dl] → Friday, March 09, 2007.<br />
	[%t] → 1:30 PM.
	</p></li>
	<li>Dreamwerverなどの予測変換(コードヒント)とバッティングしません。(後述)</li>
	<li>ただの「貼り付け」なので複数行のインデントは保てません。</li>
	<li>クリップボードの履歴管理ソフトを使っている場合は、<br />
履歴が「元の文 → 置換文 → 元の文」となって汚れます。</li>
	<li></li>
</ul>

<p>例文だと、[yrq]は日本語を含むのでTextで登録しています。<br />
下はTextモードのデモンストレーション。</p>


<a href="http://www.youtube.com/watch?v=yP4scl4nfqY" class="liimagelink"><img src="http://img.youtube.com/vi/yP4scl4nfqY/default.jpg" width="130" height="97" border=0></a>
<p><a href="http://lifehacker.com/238306/lifehacker-code-texter-windows" class="liexternal">Lifehacker Code: Texter (Windows) &#8211; Clips &#8211; Lifehacker</a></p>


<h4>より高度な「Script」モード</h4>
<p>「Script」モードを選んだ場合はキーボードタイピングがエミュレートされます。<br />
Textモードより高度な設定が可能。</p>
<ul>
	<li>日本語が文字化けするので指定不可。</li>
	<li>下記カーソルキー、Home・Endキーなどの動きを登録可能、<br />
改行時もインデントを保って、柔軟でアクロバティックな登録が可能。
	<p class="sourceCode">{up}{left}{down}{right}{home}{end}{bs}{tab}</p>
	<p style="margin-bottom:3px;">改行を入れる場合は、<br />
	「&lt;/タグ&gt;{up}{end}{tab}」を活用。(※エディタのオートインデントがONの状態前提)</p>
	<p style="margin-top:0px;" class="sourceCode">
		&lt;div&gt;<br />
		<br />
		&lt;/div&gt;{up}{end}{tab}</p>
	</li>
	<li>修飾キーも含めて、どこまでも細かい設定が可能。
	<p class="sourceCode">^ = Control<br />
	! = Alt<br />
	# = Win<br />
	+ = Shift<br />
	^c = コピー<br />
	^v = 貼り付け<br />
	^s!{f4} = 保存してから終了</p>

	
</li>
	<li>Dreamwerverの閉じタグ自動補完とバッティングするので、登録に工夫が必要です。</li>
</ul>

<p>例文だと、[yrq]以外は全てScriptで登録しています。<br />
下はScriptモードのデモンストレーション。</p>
<a href="http://www.youtube.com/watch?v=JuyezZCLzt8" class="liimagelink"><img src="http://img.youtube.com/vi/JuyezZCLzt8/default.jpg" width="130" height="97" border=0></a>
<p><a href="http://lifehacker.com/238306/lifehacker-code-texter-windows" class="liexternal">Lifehacker Code: Texter (Windows) &#8211; Clips &#8211; Lifehacker</a></p>

<a name="recomend" id="recomend"></a>
<h3 style="margin-top:60px;">おすすめ単語登録リスト</h3>
<p>登録して、凄く便利に感じた個人的なオススメ登録です。<br />
今回配布のTexterには下のリストの何倍も入れています。</p>

<h4>おすすめスニペット！</h4>
<p>PHPとjQuery書く時の気持ち良さが3割増しになります。</p>
<ul>
	<li><span class="textBold">[q</span><br />
	<p style="margin-top:3px;" class="sourceCode">{<br />
	　　|カーソル|<br />
	}</p></li>
	
	<li><span class="textBold">22q</span>
	<p style="margin-top:3px;" class="sourceCode">"|カーソル|";</p></li>
	
	<li><span class="textBold">$q</span>
	<p style="margin-top:3px;" class="sourceCode">$("|カーソル|").();</p></li>
	
	<li><span class="textBold">ifq</span>
	<p style="margin-top:3px;" class="sourceCode">if (|カーソル|){<br />
	<br />
	}</p></li>
	
	<li><span class="textBold">elq</span>
	<p style="margin-top:3px;" class="sourceCode">else {<br />
	　　|カーソル|<br />
	}</p></li>
	
	<li><span class="textBold">osq</span>
	<p style="margin-top:3px;" class="sourceCode">いつもお世話になっております。<br />
	■の■です。</p></li>
</ul>


<h4>htmlコーディングだと…</h4>
<p>Dreamweaverコードヒントのほぼ全てを代替して使っています。</p>
<ul>
	<li><span class="textBold">maq</span>
	<p style="margin-top:3px;" class="sourceCode">margin: |カーソル|0px 0px 0px 0px;</p></li>
	
	<li><span class="textBold">paq</span>
	<p style="margin-top:3px;" class="sourceCode">padding: |カーソル|0px 0px 0px 0px;</p></li>
	
	<li><span class="textBold">boq</span>
	<p style="margin-top:3px;" class="sourceCode">border: 1px solid #|カーソル|;</p></li>
	
	<li><span class="textBold">baq</span>
	<p style="margin-top:3px;" class="sourceCode">background: url(img/|カーソル|) no-repeat 0px 0px;</p></li>
	
	
	<li><span class="textBold">wiq</span>
	<p style="margin-top:3px;" class="sourceCode">width: |カーソル|px;</p></li>
	
	<li><span class="textBold">heq</span>
	<p style="margin-top:3px;" class="sourceCode">height: |カーソル|px;</p></li>
</ul>

<h4>CSSハック</h4>
<p>CSSハックは、できるだけ知識として覚えたくないので、Texterに覚えさせています。</p>
<ul>
	<li><span class="textBold">10q ～ 26q</span> (<a href="http://developer.yahoo.com/yui/fonts/" class="liexternal">YUI2:Fonts CSS</a>で相対指定)
	<p style="margin-top:3px;" class="sourceCode">font-size: 77%; ～ font-size: 197%;</p></li>

	<li><span class="textBold">ieq</span>
	<p style="margin-top:3px;" class="sourceCode">	/*--IE7 hack--*/<br />
	*:first-child+html |ペースト| {<br />
	<br />
	}<br />
	/*--IE6 hack--*/<br />
	* html |ペースト| {<br />
	　　|カーソル|<br />
	}</p></li>
	
	<li><span class="textBold">leq</span>
	<p style="margin-top:3px;" class="sourceCode">float: left;<br />
	display: inline;</p></li>
	
	<li><span class="textBold">riq</span>
	<p style="margin-top:3px;" class="sourceCode">float: right;<br />
	display: inline;</p></li>
	
	<li><span class="textBold">minhq</span>
	<p style="margin-top:3px;" class="sourceCode">min-height: |カーソル|px;<br />
	/* IE6 fix */<br />
	height: auto !important;<br />
	height: px;</p></li>
	
	<li><span class="textBold">minwq</span>
	<p style="margin-top:3px;" class="sourceCode">min-width: |カーソル|px;<br />
	/* IE6 fix */<br />
	width: auto !important;<br />
	width: px;</p></li>
	
	<li><span class="textBold">ie8q</span>
	<p style="margin-top:3px;" class="sourceCode">
	/* IE8 fix */<br />
	head~/* */body |ペースト| {<br />
	　　|カーソル|<br />
	}</p></li>
	
	<li><span class="textBold">hoq</span> (IE6でもa要素以外で:hover擬似クラスを使う<a href="http://www.google.co.jp/search?hl=ja&#038;q=csshover3.htc" class="liexternal">csshover3.htc</a>)
	<p style="margin-top:3px;" class="sourceCode">&lt;style type="text/css"&gt;<br />
	&lt;!-- body { behavior: url ("common/js/csshover3.htc"); } --&gt;<br />
	&lt;/style&gt;</p></li>
</ul>




<a name="trouble" id="trouble"></a>
<h3 style="margin-top:60px;">Texterのトラブルシューティング</h3>
<p>Texter使用時に起きた問題の対処法をまとめてみました。</p>
<h4>「Script」モードで閉じタグ自動補完とのバッティングを避けるには</h4>
<p style="margin-bottom:5px;">Dreamwerverや他のテキストエディタなどで、<br />
「&lt;/」や「&gt;」を入れると閉じタグを自動補完するように使っている場合は、<br />
素直に登録すると「&lt;div&gt;&lt;/div&gt;&lt;/div&gt;」と二重になってしまいます。<br />
それを避ける方法としては、</p>

<ul>
	<li>【開始タグ】 閉じタグを打って左に移動し、そこからタグの中身を書く。「&gt;{left}&lt;■■■{right}」
	<p class="sourceCode">&gt;{left}&lt;div{right}</p></li>
	
	<li>【終了タグ】 「/」の後に左、「&lt;」、右、そして中身を書く。「/{left}&lt;{right}■■■」
	<p class="sourceCode">/{left}&lt;{right}div&gt;</p></li>
</ul>



<h4>日本語入力ONの状態で置換されるときに、文字が多く消されてしまう。</h4>
<p>例えば[yoroq]を[宜しく]に変換しようとすると、<br />
IME ONの状態だと[よろｑ]となり3文字ですが、<br />
Texterの認識は[yoroq]で5文字となるため、置換時に2文字多く消されてしまいます。</p>

<p>解決策としては、[yrq]のように母音を含まないトリガーで登録します。<br />
もしくはトリガーの最初の一文字入力時に、Shiftキーを押すようにすれば、<br />
IME ONの状態でも[Yoroq]と5文字になるので問題なく使えます。</p>

<h4>TexterとAutoHotKeyを同時に起動していると動作がおかしい</h4>
<p>先にTexterを起動させてからAutoHotKeyのスクリプトを実行すればOKです。<br />
スタートアップに起動の順番を登録したい人は、テキストエディタで下記スクリプトを入力、<br />
フォルダ階層を合わせた後、拡張子を[.txt]から[.vbs]に変えて起動時に実行させればOKです。</p>
<p class="sourceCode">
Dim WshShell<br />
Set WshShell = Wscript.CreateObject(&#8220;Wscript.Shell&#8221;)<br />
WshShell.Run(&#8220;■\texter\texter.exe&#8221;)<br />
<br />
WScript.Sleep 4000<br />
WshShell.Run(&#8220;■\autohotkey\autohotkey.ahk&#8221;)<br />
</p>



<h3 style="margin-top:60px;">やっぱり登場、AutoHotKey</h3>
<p>Texterのプログラム自体は<a href="http://lukewarm.s101.xrea.com/" class="liexternal">AutoHotKey</a>ベースで作られていて、<br />
Hot Strings関数を利用、GUIで登録をリスト表示するように出来ています。<br />
ahkファイルも<a href="http://github.com/adampash/texter" class="liexternal">公開</a>されているので、自分でカスタマイズも可能。</p>

<p>Texterを使わず、直接AutoHotKeyでスクリプトを書けば、<br />
キー間のタイミング、キー押下時間、正規表現等で、<br />
想像を超える変態的なHackが可能です。<br />
日本語圏でもAutoHotKeyのユーザーが増えて、<br />
打つ事の世界観が変わるライフハックが増えると嬉しいな～と願っています。
</p>



<h3 style="margin-top:60px;">時間の短縮以上のメリット</h3>
<p>辞書登録と聞くと、時間短縮が一番のメリットのように映りますが、<br />
私が感じる本質的なメリットは、<span class="textBold">「集中力が途切れない」</span>点にあると思います。<br />
</p>


<p style="margin-top:3px;margin-bottom:3px;">集中力が途切れる瞬間を考えてみると、</p>
<ul>
	<li>定型文をコピペの為に、エディタから他のウィンドウに移った瞬間。これは致命的。</li>
	<li>遠くのキーを押すために、ホームポジションから手を離した瞬間。</li>
	<li>左カーソルキーを何度も押して「戻る」動作をしている時。</li>
	<li>インデントの整形の為にEnter・Tab・カーソルキーを駆使している時。</li>
</ul>

<p>上の操作を行った瞬間、キーボードを打っている自分に気がついて、<br />
「ディスプレイの内面世界」から「外の現実世界」に引き戻され、集中力が途切れると感じます。</p>





<p style="margin-bottom:3px;">例えばループさせる時。<br />
自分が打ちたいのはあくまでも、</p>
<p style="margin-top:3px;" class="sourceCode">for ($i = 0; $i &lt;= ■ココ■; $i++){<br />
　　■ココ■<br />
}<br /></p>
<p style="margin-bottom:3px;">だけなのに、最初に枠組みを書いてから戻る打ち方をすると、</p>
<p style="margin-top:3px;margin-bottom:3px;" class="sourceCode">1. for($i = 0; $i &lt;= ■; $i++){<br />
2. Enterを2回<br />
3. }を入力<br />
4. 手をホームポジションからカーソルキーに移動、↑キー<br />
5. Tabを押してインデント。</p>

<p style="margin-top:6px;">ここでやっと書きたかった場所まで到達できます。<br />
Texterを使えば、魔法の一言”forq”の直後に整形完了します。<br />
</p>

<a name="everyday" id="everyday"></a>
<h3 style="margin-top:60px;">毎日積み重なっていくモノの力は凄い</h3>

<p>今の制作会社に入った時に、<br />
どうすれば、出来ない仕事の生産性を上げられるんだろうってずっと考えていました。<br />
スキル足りない、コードはぱっと出てこない、スペル・文法ミス多い。<br />
そんな時に、このエントリーに出会いました。
</p>

<blockquote>剣道の達人は剣が身体の一部になっています。<br />
まるで、剣の先にまで神経が生えているように、剣で感じ、剣を操ります。<br />
もはや、道具を使っているという意識はなく、剣も含めて身体意識が形成されているのです。</blockquote>
<p><a href="http://d.hatena.ne.jp/fromdusktildawn/20070212/1171244226" class="liexternal">思考の速度でパソコンを使う技術 &#8211; 分裂勘違い君劇場</a></p>

<p>これを見てから、PCを意識せず自分の体の一部として認識、洗練させていく行為が<br />
言語スキルを磨くのと同じ様に生産性を強く高める！と感じて、攻めのハックを考える様になりました。<br />
実際に仕事のスピードが飛躍的に高まったので、<br />
人生を共にする仕事道具への接し方って大事だな～と実感しました。</p>

<p>コードを書く仕組みを変える事は、自分へのメリットはもちろん、<br />
そのノウハウ・スニペットが共有されればweb全体の生産性も上がって快適な世界に！</p>

<p>などと言う崇高な気持ちは置いておいても、<br />
世界観が変わる様なライフハックを実践している人や、<br />
変態キーバインドの実践をしている人になかなか出会えないので、<br />
少しでもそんな「攻めのライフハック」な人が増えれば良いなと思って書きました。</p>

<p><strong>小さな事かも知れないけど、毎日積み重なっていくモノの力は凄いです。<br />
Texterを通した入力から得られる、「ストレスのない速記」の世界は<br />
きっと制作人生を、時間単価の面でも、打つ楽しさの面でも豊かにしてくれるはずです！</strong></p>

<p>今回は誰でも簡単に導入できるTexterの紹介をしました。<br />
これからは、もっと根本的なAutoHotKeyを使ったキーバインドを書いていきたいと思います。</p>

<p style="margin: 0px 0px 80px 0px;">
<a href="http://5am.jp/feed/" class="liinternal">RSS登録</a>をyrq. <br />
<a href="http://www.lifehacker.jp/" class="liexternal">Life Hacker</a>に感謝します。</p>

<script type="text/javascript">
location.replace('http://5am.jp/lifehack/texter/#download')
</script>]]></content:encoded>
			<wfw:commentRss>http://5am.jp/lifehack/texter/feed/</wfw:commentRss>
		<slash:comments>25</slash:comments>
		</item>
		<item>
		<title>Dreamweaverで上書き保存した瞬間に、Firefoxを自動でリロードさせる、強力なコーディング高速化スクリプト</title>
		<link>http://5am.jp/autohotkey/autohotkey_dreamweaver_firefox_auto_reload_pre/</link>
		<comments>http://5am.jp/autohotkey/autohotkey_dreamweaver_firefox_auto_reload_pre/#comments</comments>
		<pubDate>Mon, 27 Jul 2009 03:31:17 +0000</pubDate>
		<dc:creator>rin316</dc:creator>
				<category><![CDATA[AutoHotKeyを学ぶ]]></category>

		<guid isPermaLink="false">http://5am.jp/?p=196</guid>
		<description><![CDATA[AutoHotKeyを使ったスクリプト 先週土曜日のSaCSSコーディング勉強会 vol.4のライトニングトークでお話した、 AutoHotKeyのスクリプトを作ったので、取り急ぎ公開します。 何が出来るの？ Dream [...]]]></description>
			<content:encoded><![CDATA[<h3>AutoHotKeyを使ったスクリプト</h3>
<p>先週土曜日の<a href="http://h2ham.seesaa.net/article/123047976.html" class="liexternal">SaCSSコーディング勉強会 vol.4</a>のライトニングトークでお話した、<br />
AutoHotKeyのスクリプトを作ったので、取り急ぎ公開します。</p>
<h3>何が出来るの？</h3>
<p>Dreamweaverで「Ctrl + s」を押して上書き保存された瞬間に、<br />
バックグラウンドのFirefoxに「F5」を送って自動でブラウザをリロードさせるスクリプトです。<br />
htmlやcssを書き換える度にブラウザを更新しなくても良くなるので、<br />
活用すればコーディング速度がアップして集中力も途切れなくなるはずです。</p>
<span id="more-196"></span>
<h3>ダウンロードと使い方</h3>
<p><a href="http://5am.jp/save_and_reload.zip" class="lizip">【スクリプトのダウンロード】</a></p>

<p>zipを解凍した中に、起動するだけで使えるexeファイルがあるので実行。<br />
セキュリティ不安な人は、<br />
<a href="http://www.autohotkey.com/download/" class="liexternal">AutoHotkey公式サイトのDownloadページ</a>から「AutoHotkey Installer」でインストール。<br />
その後、テキストファイルを作って下のソースを貼り付け、拡張子をtxtからahkに変えて実行。<br />
zipの中にahkファイルも入れておきました。</p>
<p>ウィルスバスター起動していてうまくキーを乗っ取り出来ない場合は、例外指定するか、<br />
exeファイルを使わず、インストール後ahkファイルを起動でOKです。</p>

<h3>スクリプトのソース</h3>
<p class="sourceCode">
;FireFoxリロード<br />
SetTitleMatchMode, 2<br />
<br />
#IfWinActive, Dreamweaver<br />
<br />
^s::<br />
&#x0009;Send, ^s<br />
&#x0009;sleep 700<br />
&#x0009;WinGet, Fx,, Mozilla Firefox<br />
&#x0009;ControlSend,, {F5}, ahk_id %Fx%<br />
return<br />
</p>
]]></content:encoded>
			<wfw:commentRss>http://5am.jp/autohotkey/autohotkey_dreamweaver_firefox_auto_reload_pre/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>JavaScriptを使ってフォーム項目の表示/非表示を切り替えるスクリプト</title>
		<link>http://5am.jp/javascript/form_change_javascript/</link>
		<comments>http://5am.jp/javascript/form_change_javascript/#comments</comments>
		<pubDate>Sun, 28 Jun 2009 16:11:10 +0000</pubDate>
		<dc:creator>rin316</dc:creator>
				<category><![CDATA[JavaScriptを学ぶ]]></category>

		<guid isPermaLink="false">http://5am.jp/?p=165</guid>
		<description><![CDATA[こんなことありませんか？ フォームの項目が多くなり過ぎてしまい、ユーザーがストレスを感じそうと思う時はありませんか？ そんな時、押した項目によってその後の内容を変化させれば 項目が減って見た目もスッキリ・ユーザーの離脱も [...]]]></description>
			<content:encoded><![CDATA[<!-- ========================================================
	start contents
==========================================================-->

<script type="text/javascript" src="http://5am.jp/common/js/change_090629.js"> </script>


<div id="entry-090628">
<h3 class="firstChild">こんなことありませんか？</h3>
<p>フォームの項目が多くなり過ぎてしまい、ユーザーがストレスを感じそうと思う時はありませんか？<br />
そんな時、押した項目によってその後の内容を変化させれば<br />
項目が減って見た目もスッキリ・ユーザーの離脱も効果的に抑えられるはずです。<br />
JavaScriptはかなりの初心者なので忘れないようメモしてみました。</p>


<h3>【サンプル】例えばお申し込みフォームで…</h3>
<p>・【初めて申し込む】を押した時は、「紹介者」入力欄・特典を表示。<br />
・【2度目以降の利用】を押した時は、「会員番号」入力欄を表示。 
</p>

<!-- script============================================ -->
<script type="text/javascript">
	function entryChange1(){
		radio = document.getElementsByName('entryPlan') 
		if(radio[0].checked) {
			//フォーム
			document.getElementById('firstBox').style.display = "";
			document.getElementById('secondBox').style.display = "none";
			//特典
			document.getElementById('firstNotice').style.display = "";
		}else if(radio[1].checked) {
			//フォーム
			document.getElementById('firstBox').style.display = "none";
			document.getElementById('secondBox').style.display = "";
			//特典
			document.getElementById('firstNotice').style.display = "none";
		}
	}

</script>
<!-- /script============================================ -->


<form>
<table class="chengeForm" border="0" cellspacing="0" cellpadding="0">
	<tr>
		<th>利用方法</th>
		<td>
			<label><input id="inputFirst" type="radio" name="entryPlan" value="hoge1" onclick="entryChange1();" checked="checked" />初めて申し込む</label>
			<label><input id="inputSecond" type="radio" name="entryPlan" value="hoge2" onclick="entryChange1();" />2度目以降の利用</label>
		</td>
	</tr>

	<!-- 表示非表示切り替え -->
	<tr id="firstBox">
		<th>紹介者</th>
		<td><input type="text" /><br />
		<small>紹介された方のお名前を入力してください。</small></td>
	</tr>
	
	<!-- 表示非表示切り替え -->
	<tr id="secondBox">
		<th>会員番号</th>
		<td><input type="text" /><br />
		<small>会員番号を入力してください。</small></td>
	</tr>
</table>
</form>


<!-- 表示非表示切り替え -->
<div id="firstNotice">
	特典:初めての方は30%オフ！
</div>

</div>

<span id="more-165"></span>

<div id="entry-090628">


<h3>サンプルソース(ラジオボタン)</h3>



<p>HTML</p>
[html]

<form>
<table border="0" cellspacing="0" cellpadding="0">
	<tr>
		<th>利用方法</th>
		<td>
			<label><input type="radio" name="entryPlan" value="hoge1" onclick="entryChange1();" checked="checked" />初めて申し込む</label>
			<label><input type="radio" name="entryPlan" value="hoge2" onclick="entryChange1();" />2度目以降の利用</label>
		</td>
	</tr>

	<!-- 表示非表示切り替え -->
	<tr id="firstBox">
		<th>紹介者</th>
		<td><input type="text" />
		<p>紹介された方のお名前を入力してください。</p></td>
	</tr>
	
	<!-- 表示非表示切り替え -->
	<tr id="secondBox">
		<th>会員番号</th>
		<td><input type="text" />
		<p>会員番号を入力してください。</p></td>
	</tr>
</table>
</form>


<!-- 表示非表示切り替え -->
<div id="firstNotice">
	特典:初めての方は30%オフ！
</div>

[/html]



<p>JavaScript</p>
[javascript]
<script type="text/javascript">
	function entryChange1(){
		radio = document.getElementsByName('entryPlan') 
		if(radio[0].checked) {
			//フォーム
			document.getElementById('firstBox').style.display = "";
			document.getElementById('secondBox').style.display = "none";
			//特典
			document.getElementById('firstNotice').style.display = "";
		}else if(radio[1].checked) {
			//フォーム
			document.getElementById('firstBox').style.display = "none";
			document.getElementById('secondBox').style.display = "";
			//特典
			document.getElementById('firstNotice').style.display = "none";
		}
	}
	
	//オンロードさせ、リロード時に選択を保持
	window.onload = entryChange1;
</script>
[/javascript]	




<h4>HTML側の説明</h4>
<p>inputに「onclick=&#8221;関数名() 」を追加する。</p>
<p class="sourceCode">
&lt;input type=&quot;radio&quot; name=&quot;entryPlan&quot; value=&quot;firstEntry&quot; onclick=&quot;entryChange1(); /&gt;
</p>



<h4>JavaScript側の説明</h4>
<p>最初にfunctionで関数名【entryChange1】を作る。</p>
<p class="sourceCode">
function entryChange1(){<br />
　　　　//内容<br />
}<br />
</p>

<p class=" mt30">変数【radio】に、フォームのname【entryPlan】が一致するものを代入する。</p>
<p class="sourceCode">
radio = document.getElementsByName(&#8216;entryPlan&#8217;)
</p>

<p class=" mt30">もし1つ目のラジオボタンがチェックされたら1を実行、もし2つ目なら2を実行。</p>
<p class="sourceCode">
if(radio[0].checked) {<br />
　　　　//1を実行<br />
}else if(radio[1].checked) {<br />
　　　　//2を実行<br />
}<br />
</p>

<p class=" mt30">表示/非表示の切り替えはIDのdisplayを変える。</p>
<p class="sourceCode">
document.getElementById(&#8216;【ID名】&#8217;).style.display = &#8220;【表示方法】&#8221;;<br />
</p>

<p class=" mt30">こんな感じで切り替え。</p>
<p class="sourceCode">
if(radio[0].checked) {<br />
　　　　document.getElementById(&#8216;firstBox&#8217;).style.display = &#8220;&#8221;;<br />
}else if(radio[1].checked) {<br />
　　　　document.getElementById(&#8216;firstBox&#8217;).style.display = &#8220;none&#8221;;<br />
}<br />
</p>
<p>最初「display = &#8220;inherit&#8221;;」と書いたらIE6でエラーが出て切り替わらなかったので、<br />
「display = &#8220;&#8221;;」と空白で記載したらうまく動いきました。<br />
今回であれば表示される行の所は「display = &#8220;table-row&#8221;;」<br />
特典の所は「display = &#8220;block&#8221;;」でもOK</p>
<p class=" mt30">このままだと読み込み時にラジオボタンをクリックするまで両方の行が出てしまうので、<br />
作った関数【entryChange1】をオンロードさせます。<br />
最初「entryChange1()」のように「()」を付けていたら動かなくて困った。。</p>
<p class="sourceCode">
//オンロードさせ、リロード時に選択を保持<br />
window.onload = entryChange1;<br />
</p>

<p class=" mt30">htmlのbodyに記載する方法もあります。<br />
ただbodyに入れるとjsとhtmlが分離されず管理が大変になりそう</p>
<p class="sourceCode">
&lt;body onload=&quot;entryChange1()&quot;&gt;
</p>




<h3>サンプルソース(セレクトボックス)</h3>


<form>
<table class="chengeForm" border="0" cellspacing="0" cellpadding="0">
	<tr>
		<th>利用方法</th>
		<td>
			<select id="changeSelect" name="hoge" onchange="entryChange2();">
				<option value="select1">初めて申し込む</option>
				<option value="select2">2度目以降の利用</option>
			</select>
		</td>
	</tr>

	<!-- 表示非表示切り替え -->
	<tr id="firstBox2">
		<th>紹介者</th>
		<td><input type="text" /><br />
		<small>紹介された方のお名前を入力してください。</small></td>
	</tr>
	
	<!-- 表示非表示切り替え -->
	<tr id="secondBox2">
		<th>会員番号</th>
		<td><input type="text" /><br />
		<small>会員番号を入力してください。</small></td>
	</tr>
</table>
</form>


<!-- 表示非表示切り替え -->
<div id="firstNotice2">
	特典:初めての方は30%オフ！
</div>


<p>HTML</p>
[html]

<form>
<table border="0" cellspacing="0" cellpadding="0">
	<tr>
		<th>利用方法</th>
		<td>
			<select id="changeSelect" name="hoge" onchange="entryChange2();">
				<option value="select1">初めて申し込む</option>
				<option value="select2">2度目以降の利用</option>
			</select>
		</td>
	</tr>

	<!-- 表示非表示切り替え -->
	<tr id="firstBox2">
		<th>紹介者</th>
		<td><input type="text" />
		<p>紹介された方のお名前を入力してください。</p></td>
	</tr>
	
	<!-- 表示非表示切り替え -->
	<tr id="secondBox2">
		<th>会員番号</th>
		<td><input type="text" />
		<p>会員番号を入力してください。</p></td>
	</tr>
</table>
</form>


<!-- 表示非表示切り替え -->
<div id="firstNotice2">
	特典:初めての方は30%オフ！
</div>

[/html]


<p>JavaScript</p>
[javascript]
<script type="text/javascript">
	function entryChange2(){
		if(document.getElementById('changeSelect')){
			id = document.getElementById('changeSelect').value;
			
			if(id == 'select1'){
				//フォーム
				document.getElementById('firstBox2').style.display = "";
				document.getElementById('secondBox2').style.display = "none";
				//特典
				document.getElementById('firstNotice2').style.display = "";
			}else if(id == 'select2'){
				//フォーム
				document.getElementById('firstBox2').style.display = "none";
				document.getElementById('secondBox2').style.display = "";
				//特典
				document.getElementById('firstNotice2').style.display = "none";
			}
		}
	}
	
	//オンロードさせ、リロード時に選択を保持
	window.onload = entryChange2;
</script>
[/javascript]



<h4>HTML側の説明</h4>
<p>selectに「id=&#8221;changeSelect&#8221;」「onchange=&#8221;関数名() 」を追加する。</p>
<p class="sourceCode">
&lt;select id=&quot;changeSelect&quot; name=&quot;hoge&quot; onchange=&quot;entryChange2();&quot;&gt;<br />
　　　　&lt;option value=&quot;select1&quot;&gt;初めて申し込む&lt;/option&gt;<br />
　　　　&lt;option value=&quot;select2&quot;&gt;2度目以降の利用&lt;/option&gt;<br />
&lt;/select&gt;
</p>



<h4>JavaScript側の説明</h4>
<p>もしIDがchangeSelectだったらこの中を実行</p>
<p class="sourceCode">
if(document.getElementById(&#8216;changeSelect&#8217;)){<br />
　　　　//この中を実行<br />
}
</p>

<p class=" mt30">changeSelectの中で選んだvalueの値を変数【id】に代入</p>
<p class="sourceCode">
id = document.getElementById(&#8216;changeSelect&#8217;).value;
</p>


<p class=" mt30">もし変数【id】(valueの値)が同じならこの中を実行</p>
<p class="sourceCode">
if(id == &#8216;select1&#8242;){<br />
　　　　//この中を実行<br />
}else if(id == &#8216;select2&#8242;){<br />
　　　　//この中を実行<br />
}
</p>

<h3>ひとつのページ内で複数のwindow.onloadが動作しない</h3>
<p>今回のサンプルのようにひとつのページ内で2箇所以上window.onloadを使おうとしたら<br />
最後のwindow.onload以外は反映されない問題が発生。。<br />
下の例だとentryChange2しかonloadが反映されない。
</p>
<p class="sourceCode">window.onload = entryChange1;<br />
window.onload = entryChange2;
</p>


<p class=" mt30">そこで2つを1つの関数【init】にまとめてonloadしたら上手く反映された！</p>
<p class="sourceCode">
function init(){<br />
　　　　entryChange1();<br />
　　　　entryChange2();	<br />
}<br />
window.onload = init;
</p>

<p class=" mt30">ただこれだと、複数のJavaScriptライブラリがあって、<br />
他にwindow.onloadが使われている場合上書きしてしまうので、<br />
正確には<a href="http://blog.webcreativepark.net/2008/02/26-185844.html" class="liexternal">addEventListener() メソッドとattachEvent()メソッドを使うのがベスト</a>みたいです。</p>

<h3>動的な書き換えって面白い！</h3>
<p>JavaScriptは初心者だったので、onloadのタイミングだったり、ブラウザによる差異などなど<br />
fixする事が沢山あって難しいな～と感じました。<br />
それにしても動的な書き換えって面白い！少しずつ使いこなせるようにがんばろうと思います。<br />
会社のプログラマに色々教えて貰いながらの作業でとても感謝でした！</p>


<!-- /div#entry-###### --></div>

<!-- ========================================================
	end contents
==========================================================-->

]]></content:encoded>
			<wfw:commentRss>http://5am.jp/javascript/form_change_javascript/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>jQueryを使ったタブメニューの実装サンプルまとめ</title>
		<link>http://5am.jp/jquery/jquery_ui_tabs/</link>
		<comments>http://5am.jp/jquery/jquery_ui_tabs/#comments</comments>
		<pubDate>Sat, 09 May 2009 15:10:46 +0000</pubDate>
		<dc:creator>rin316</dc:creator>
				<category><![CDATA[jQueryを学ぶ]]></category>

		<guid isPermaLink="false">http://5am.jp/?p=46</guid>
		<description><![CDATA[仕事でjQueryを使ったタブメニューを作ったので忘れないようにメモ。 それぞれの挙動も比較しやすいように並べてみました。 今日が勉強初投稿の日！ 写真:新川通りで撮った桜。 まずはファイルの用意 下記リンクからダウンロ [...]]]></description>
			<content:encoded><![CDATA[<!-- ========================================================
	start contents
==========================================================-->
<div id="entry-090509">
<img src="http://5am.jp/wp-content/uploads/2009/05/img_67931.jpg" alt="img_67931" title="img_67931" width="520" height="347" class="alignnone size-full wp-image-154" />

<p>仕事でjQueryを使ったタブメニューを作ったので忘れないようにメモ。<br />
それぞれの挙動も比較しやすいように並べてみました。</p>
<p>今日が勉強初投稿の日！<br />
写真:新川通りで撮った桜。</p>

<h3>まずはファイルの用意</h3>

<p>下記リンクからダウンロード。<br />
・<a href="http://docs.jquery.com/Downloading_jQuery" class="liexternal">jQuery本体</a>…Past Releases内→最新バージョンのMinified<br />
・<a href="http://stilbuero.de/jquery/tabs_3/ui.tabs.zip" class="lizip">ui.core.js/ui.tabs.js/ui.tabs.css一式(ui.tab.zip)</a>　<a href="http://5am.jp/material/090509_ui.tabs.zip" class="lizip">(Mirror)</a></p>



<h3>head内にリンクを張る</h3>
<p>ダウンロードしたファイルに対して、head内にリンクを張ります。</p>

[html]
<head>
<!-- jQuery -->
	<script type="text/javascript" src="/jquery-1.####.min.js"></script>

<!-- ui tabs.js -->
	<script type="text/javascript" src="/ui.core.js"></script>
	<script type="text/javascript" src="/ui.tabs.js"></script>
	<link href="/ui.tabs.css" rel="stylesheet" type="text/css" />

</head>
[/html]



<h3>さっそく使ってみる</h3>

<p>本文にhtmlを追加。</p>

[html]
<div id="ui-tab">
	<ul>
		<li><a href="#fragment-1" class="liinternal"><span>タブ1</span></a></li>
		<li><a href="#fragment-2" class="liinternal"><span>タブ2</span></a></li>
		<li><a href="#fragment-3" class="liinternal"><span>タブ3</span></a></li>
	</ul>
	
	<div id="fragment-1">
		<p>タブ1の内容</p>
	</div>
	
	<div id="fragment-2">
		<p>タブ2の内容</p>
	</div>
	
	<div id="fragment-3">
		<p>タブ3の内容</p>
	</div>

</div>
[/html]


<p class="mt30">下記scriptをheadかbodyどちらかに追加。</p>

<p class="font_bold">デフォルト</p>

[javascript]
<script type="text/javascript">
	$(function() {
		$('#ui-tab > ul').tabs();
	});
</script>
[/javascript]


	<!-- script -->
<script type="text/javascript">
	$(function() {
		$('#ui-tab1 > ul').tabs();
	});
</script>


<!-- 1 -->
<div id="ui-tab1" class="tab-all">
	<ul>
		<li><a href="#fragment-1-1" class="liinternal"><span>タブ1</span></a></li>
		<li><a href="#fragment-1-2" class="liinternal"><span>タブ2</span></a></li>
		<li><a href="#fragment-1-3" class="liinternal"><span>タブ3</span></a></li>
	</ul>
	
	<div id="fragment-1-1" class="tab1">
		<p>タブ1の内容</p>
	</div>
	
	<div id="fragment-1-2" class="tab2">
		<p>タブ2の内容</p>
	</div>
	
	<div id="fragment-1-3" class="tab3">
		<p>タブ3の内容</p>
	</div>

</div>



<!-- 2 -->
<h3>フェードアウト/フェードイン エフェクト</h3>

<!-- 2_normal -->
<p class="font_bold">opacity: &#8216;toggle&#8217;, duration: &#8216;normal&#8217;</p>

[javascript]
<script type="text/javascript">
	$(function() {
		$('#ui-tab > ul').tabs({ fx: { opacity: 'toggle', duration: 'normal'  } });
	});
</script>
[/javascript]

	<!-- script -->
<script type="text/javascript">
	$(function() {
		$('#ui-tab2_normal > ul').tabs({ fx: { opacity: 'toggle', duration: 'normal'  } });
	});
</script>

<div id="ui-tab2_normal" class="tab-all">
	<ul>
		<li><a href="#fragment-2-1_normal" class="liinternal"><span>タブ1</span></a></li>
		<li><a href="#fragment-2-2_normal" class="liinternal"><span>タブ2</span></a></li>
		<li><a href="#fragment-2-3_normal" class="liinternal"><span>タブ3</span></a></li>
	</ul>
	
	<div id="fragment-2-1_normal" class="tab1">
		<p>タブ1の内容</p>
	</div>
	
	<div id="fragment-2-2_normal" class="tab2">
		<p>タブ2の内容</p>
	</div>
	
	<div id="fragment-2-3_normal" class="tab3">
		<p>タブ3の内容</p>
	</div>

</div>

</div>

<span id="more-46"></span>

<div id="entry-090509">

<!-- 2_slow -->
<p class="font_bold mt20">opacity: &#8216;toggle&#8217;, duration: &#8216;slow&#8217;</p>

[javascript]
<script type="text/javascript">
	$(function() {
		$('#ui-tab > ul').tabs({ fx: { opacity: 'toggle', duration: 'slow'  } });
	});
</script>
[/javascript]

	<!-- script -->
<script type="text/javascript">
	$(function() {
		$('#ui-tab2_slow > ul').tabs({ fx: { opacity: 'toggle', duration: 'slow'  } });
	});
</script>

<div id="ui-tab2_slow" class="tab-all">
	<ul>
		<li><a href="#fragment-2-1_slow" class="liinternal"><span>タブ1</span></a></li>
		<li><a href="#fragment-2-2_slow" class="liinternal"><span>タブ2</span></a></li>
		<li><a href="#fragment-2-3_slow" class="liinternal"><span>タブ3</span></a></li>
	</ul>
	
	<div id="fragment-2-1_slow" class="tab1">
		<p>タブ1の内容</p>
	</div>
	
	<div id="fragment-2-2_slow" class="tab2">
		<p>タブ2の内容</p>
	</div>
	
	<div id="fragment-2-3_slow" class="tab3">
		<p>タブ3の内容</p>
	</div>

</div>



<!-- 2_fast -->

<p class="font_bold mt20">opacity: &#8216;toggle&#8217;, duration: &#8216;fast&#8217;</p>

[javascript]
<script type="text/javascript">
	$(function() {
		$('#ui-tab > ul').tabs({ fx: { opacity: 'toggle', duration: 'fast'  } });
	});
</script>
[/javascript]

	<!-- script -->
<script type="text/javascript">
	$(function() {
		$('#ui-tab2_fast > ul').tabs({ fx: { opacity: 'toggle', duration: 'fast'  } });
	});
</script>

<div id="ui-tab2_fast" class="tab-all">
	<ul>
		<li><a href="#fragment-2-1_fast" class="liinternal"><span>タブ1</span></a></li>
		<li><a href="#fragment-2-2_fast" class="liinternal"><span>タブ2</span></a></li>
		<li><a href="#fragment-2-3_fast" class="liinternal"><span>タブ3</span></a></li>
	</ul>
	
	<div id="fragment-2-1_fast" class="tab1">
		<p>タブ1の内容</p>
	</div>
	
	<div id="fragment-2-2_fast" class="tab2">
		<p>タブ2の内容</p>
	</div>
	
	<div id="fragment-2-3_fast" class="tab3">
		<p>タブ3の内容</p>
	</div>

</div>



<!-- 2_milliseconds -->

<p class="font_bold mt20">opacity: &#8216;toggle&#8217;, duration: milliseconds(1/1000秒)</p>

[javascript]
<script type="text/javascript">
	$(function() {
		$('#ui-tab > ul').tabs({ fx: { opacity: 'toggle', duration: 2000  } });
	});
</script>
[/javascript]

	<!-- script -->
<script type="text/javascript">
	$(function() {
		$('#ui-tab2_milliseconds > ul').tabs({ fx: { opacity: 'toggle', duration: 2000  } });
	});
</script>

<div id="ui-tab2_milliseconds" class="tab-all">
	<ul>
		<li><a href="#fragment-2-1_milliseconds" class="liinternal"><span>タブ1</span></a></li>
		<li><a href="#fragment-2-2_milliseconds" class="liinternal"><span>タブ2</span></a></li>
		<li><a href="#fragment-2-3_milliseconds" class="liinternal"><span>タブ3</span></a></li>
	</ul>
	
	<div id="fragment-2-1_milliseconds" class="tab1">
		<p>タブ1の内容</p>
	</div>
	
	<div id="fragment-2-2_milliseconds" class="tab2">
		<p>タブ2の内容</p>
	</div>
	
	<div id="fragment-2-3_milliseconds" class="tab3">
		<p>タブ3の内容</p>
	</div>

</div>



<h3>スライドエフェクト</h3>

<!-- 3_normal -->

<p class="font_bold">height: &#8216;toggle&#8217;, duration: &#8216;normal&#8217;</p>

[javascript]
<script type="text/javascript">
	$(function() {
		$('#ui-tab > ul').tabs({ fx: { height: 'toggle', duration: 'normal'  } });
	});
</script>
[/javascript]

	<!-- script -->
<script type="text/javascript">
	$(function() {
		$('#ui-tab3_normal > ul').tabs({ fx: { height: 'toggle', duration: 'normal'  } });
	});
</script>

<div id="ui-tab3_normal" class="tab-all">
	<ul>
		<li><a href="#fragment-3-1_normal" class="liinternal"><span>タブ1</span></a></li>
		<li><a href="#fragment-3-2_normal" class="liinternal"><span>タブ2</span></a></li>
		<li><a href="#fragment-3-3_normal" class="liinternal"><span>タブ3</span></a></li>
	</ul>
	
	<div id="fragment-3-1_normal" class="tab1">
		<p class="slide_effect">タブ1の内容</p>
	</div>
	
	<div id="fragment-3-2_normal" class="tab2">
		<p class="slide_effect">タブ2の内容</p>
	</div>
	
	<div id="fragment-3-3_normal" class="tab3">
		<p class="slide_effect">タブ3の内容</p>
	</div>

</div>



<!-- 3_slow -->

<p class="font_bold mt20">height: &#8216;toggle&#8217;, duration: &#8216;slow&#8217;</p>

[javascript]
<script type="text/javascript">
	$(function() {
		$('#ui-tab > ul').tabs({ fx: { height: 'toggle', duration: 'slow'  } });
	});
</script>
[/javascript]

	<!-- script -->
<script type="text/javascript">
	$(function() {
		$('#ui-tab3_slow > ul').tabs({ fx: { height: 'toggle', duration: 'slow'  } });
	});
</script>

<div id="ui-tab3_slow" class="tab-all">
	<ul>
		<li><a href="#fragment-3-1_slow" class="liinternal"><span>タブ1</span></a></li>
		<li><a href="#fragment-3-2_slow" class="liinternal"><span>タブ2</span></a></li>
		<li><a href="#fragment-3-3_slow" class="liinternal"><span>タブ3</span></a></li>
	</ul>
	
	<div id="fragment-3-1_slow" class="tab1">
		<p class="slide_effect">タブ1の内容</p>
	</div>
	
	<div id="fragment-3-2_slow" class="tab2">
		<p class="slide_effect">タブ2の内容</p>
	</div>
	
	<div id="fragment-3-3_slow" class="tab3">
		<p class="slide_effect">タブ3の内容</p>
	</div>

</div>



<!-- 3_fast -->

<p class="font_bold mt20">height: &#8216;toggle&#8217;, duration: &#8216;fast&#8217;</p>

[javascript]
<script type="text/javascript">
	$(function() {
		$('#ui-tab > ul').tabs({ fx: { height: 'toggle', duration: 'fast'  } });
	});
</script>
[/javascript]

	<!-- script -->
<script type="text/javascript">
	$(function() {
		$('#ui-tab3_fast > ul').tabs({ fx: { height: 'toggle', duration: 'fast'  } });
	});
</script>

<div id="ui-tab3_fast" class="tab-all">
	<ul>
		<li><a href="#fragment-3-1_fast" class="liinternal"><span>タブ1</span></a></li>
		<li><a href="#fragment-3-2_fast" class="liinternal"><span>タブ2</span></a></li>
		<li><a href="#fragment-3-3_fast" class="liinternal"><span>タブ3</span></a></li>
	</ul>
	
	<div id="fragment-3-1_fast" class="tab1">
		<p class="slide_effect">タブ1の内容</p>
	</div>
	
	<div id="fragment-3-2_fast" class="tab2">
		<p class="slide_effect">タブ2の内容</p>
	</div>
	
	<div id="fragment-3-3_fast" class="tab3">
		<p class="slide_effect">タブ3の内容</p>
	</div>

</div>



<!-- 3_milliseconds -->

<p class="font_bold mt20">height: &#8216;toggle&#8217;, duration: milliseconds(1/1000秒)</p>

[javascript]
<script type="text/javascript">
	$(function() {
		$('#ui-tab > ul').tabs({ fx: { height: 'toggle', duration: 2000  } });
	});
</script>
[/javascript]

	<!-- script -->
<script type="text/javascript">
	$(function() {
		$('#ui-tab3_milliseconds > ul').tabs({ fx: { height: 'toggle', duration: 2000  } });
	});
</script>

<div id="ui-tab3_milliseconds" class="tab-all">
	<ul>
		<li><a href="#fragment-3-1_milliseconds" class="liinternal"><span>タブ1</span></a></li>
		<li><a href="#fragment-3-2_milliseconds" class="liinternal"><span>タブ2</span></a></li>
		<li><a href="#fragment-3-3_milliseconds" class="liinternal"><span>タブ3</span></a></li>
	</ul>
	
	<div id="fragment-3-1_milliseconds" class="tab1">
		<p class="slide_effect">タブ1の内容</p>
	</div>
	
	<div id="fragment-3-2_milliseconds" class="tab2">
		<p class="slide_effect">タブ2の内容</p>
	</div>
	
	<div id="fragment-3-3_milliseconds" class="tab3">
		<p class="slide_effect">タブ3の内容</p>
	</div>

</div>



<h3>フェード+スライドエフェクト</h3>

<!-- 4_normal -->

<p class="font_bold">height: &#8216;toggle&#8217; , opacity: &#8216;toggle&#8217; , duration: &#8216;normal&#8217;</p>

[javascript]
<script type="text/javascript">
	$(function() {
		$('#ui-tab > ul').tabs({ fx: { height: 'toggle' , opacity: 'toggle' , duration: 'normal' } });
</script>
[/javascript]

	<!-- script -->
<script type="text/javascript">
	$(function() {
		$('#ui-tab4_normal > ul').tabs({ fx: { height: 'toggle' , opacity: 'toggle' , duration: 'normal' } });
	});
</script>

<div id="ui-tab4_normal" class="tab-all">
	<ul>
		<li><a href="#fragment-4-1_normal" class="liinternal"><span>タブ1</span></a></li>
		<li><a href="#fragment-4-2_normal" class="liinternal"><span>タブ2</span></a></li>
		<li><a href="#fragment-4-3_normal" class="liinternal"><span>タブ3</span></a></li>
	</ul>
	
	<div id="fragment-4-1_normal" class="tab1">
		<p class="slide_effect">タブ1の内容</p>
	</div>
	
	<div id="fragment-4-2_normal" class="tab2">
		<p class="slide_effect">タブ2の内容</p>
	</div>
	
	<div id="fragment-4-3_normal" class="tab3">
		<p class="slide_effect">タブ3の内容</p>
	</div>

</div>



<!-- 4_slow -->

<p class="font_bold mt20">height: &#8216;toggle&#8217; , opacity: &#8216;toggle&#8217; , duration: &#8216;slow&#8217;</p>

[javascript]
<script type="text/javascript">
	$(function() {
		$('#ui-tab > ul').tabs({ fx: { height: 'toggle' , opacity: 'toggle' , duration: 'slow' } });
</script>
[/javascript]

	<!-- script -->
<script type="text/javascript">
	$(function() {
		$('#ui-tab4_slow > ul').tabs({ fx: { height: 'toggle' , opacity: 'toggle' , duration: 'slow' } });
	});
</script>

<div id="ui-tab4_slow" class="tab-all">
	<ul>
		<li><a href="#fragment-4-1_slow" class="liinternal"><span>タブ1</span></a></li>
		<li><a href="#fragment-4-2_slow" class="liinternal"><span>タブ2</span></a></li>
		<li><a href="#fragment-4-3_slow" class="liinternal"><span>タブ3</span></a></li>
	</ul>
	
	<div id="fragment-4-1_slow" class="tab1">
		<p class="slide_effect">タブ1の内容</p>
	</div>
	
	<div id="fragment-4-2_slow" class="tab2">
		<p class="slide_effect">タブ2の内容</p>
	</div>
	
	<div id="fragment-4-3_slow" class="tab3">
		<p class="slide_effect">タブ3の内容</p>
	</div>

</div>



<!-- 4_fast -->

<p class="font_bold mt20">height: &#8216;toggle&#8217; , opacity: &#8216;toggle&#8217; , duration: &#8216;fast&#8217;</p>

[javascript]
<script type="text/javascript">
	$(function() {
		$('#ui-tab > ul').tabs({ fx: { height: 'toggle' , opacity: 'toggle' , duration: 'fast' } });
</script>
[/javascript]

	<!-- script -->
<script type="text/javascript">
	$(function() {
		$('#ui-tab4_fast > ul').tabs({ fx: { height: 'toggle' , opacity: 'toggle' , duration: 'fast' } });
	});
</script>

<div id="ui-tab4_fast" class="tab-all">
	<ul>
		<li><a href="#fragment-4-1_fast" class="liinternal"><span>タブ1</span></a></li>
		<li><a href="#fragment-4-2_fast" class="liinternal"><span>タブ2</span></a></li>
		<li><a href="#fragment-4-3_fast" class="liinternal"><span>タブ3</span></a></li>
	</ul>
	
	<div id="fragment-4-1_fast" class="tab1">
		<p class="slide_effect">タブ1の内容</p>
	</div>
	
	<div id="fragment-4-2_fast" class="tab2">
		<p class="slide_effect">タブ2の内容</p>
	</div>
	
	<div id="fragment-4-3_fast" class="tab3">
		<p class="slide_effect">タブ3の内容</p>
	</div>

</div>



<!-- 4_milliseconds -->

<p class="font_bold mt20">height: &#8216;toggle&#8217; , opacity: &#8216;toggle&#8217; , duration: milliseconds(1/1000秒)</p>

[javascript]
<script type="text/javascript">
	$(function() {
		$('#ui-tab > ul').tabs({ fx: { height: 'toggle' , opacity: 'toggle' , duration: 2000 } });
</script>
[/javascript]

	<!-- script -->
<script type="text/javascript">
	$(function() {
		$('#ui-tab4_milliseconds > ul').tabs({ fx: { height: 'toggle' , opacity: 'toggle' , duration: 2000 } });
	});
</script>

<div id="ui-tab4_milliseconds" class="tab-all">
	<ul>
		<li><a href="#fragment-4-1_milliseconds" class="liinternal"><span>タブ1</span></a></li>
		<li><a href="#fragment-4-2_milliseconds" class="liinternal"><span>タブ2</span></a></li>
		<li><a href="#fragment-4-3_milliseconds" class="liinternal"><span>タブ3</span></a></li>
	</ul>
	
	<div id="fragment-4-1_milliseconds" class="tab1">
		<p class="slide_effect">タブ1の内容</p>
	</div>
	
	<div id="fragment-4-2_milliseconds" class="tab2">
		<p class="slide_effect">タブ2の内容</p>
	</div>
	
	<div id="fragment-4-3_milliseconds" class="tab3">
		<p class="slide_effect">タブ3の内容</p>
	</div>

</div>



<h3>カスタムアニメーション</h3>

<!-- 5_normal -->

<p class="font_bold">height: &#8216;show&#8217; , opacity: &#8216;show&#8217; , duration: &#8216;normal&#8217;</p>

[javascript]
<script type="text/javascript">
	$(function() {
		$('#ui-tab > ul').tabs({ fx: { height: 'show' , opacity: 'show' , duration: 'normal' } });
</script>
[/javascript]

	<!-- script -->
<script type="text/javascript">
	$(function() {
		$('#ui-tab5_normal > ul').tabs({ fx: { height: 'show' , opacity: 'show' , duration: 'normal' } });
	});
</script>

<div id="ui-tab5_normal" class="tab-all">
	<ul>
		<li><a href="#fragment-5-1_normal" class="liinternal"><span>タブ1</span></a></li>
		<li><a href="#fragment-5-2_normal" class="liinternal"><span>タブ2</span></a></li>
		<li><a href="#fragment-5-3_normal" class="liinternal"><span>タブ3</span></a></li>
	</ul>
	
	<div id="fragment-5-1_normal" class="tab1">
		<p class="slide_effect">タブ1の内容</p>
	</div>
	
	<div id="fragment-5-2_normal" class="tab2">
		<p class="slide_effect">タブ2の内容</p>
	</div>
	
	<div id="fragment-5-3_normal" class="tab3">
		<p class="slide_effect">タブ3の内容</p>
	</div>

</div>



<!-- 5_slow -->

<p class="font_bold mt20">height: &#8216;show&#8217; , opacity: &#8216;show&#8217; , duration: &#8216;slow&#8217;</p>

[javascript]
<script type="text/javascript">
	$(function() {
		$('#ui-tab5_slow > ul').tabs({ fx: { height: 'show' , opacity: 'show' , duration: 'slow' } });
</script>
[/javascript]

	<!-- script -->
<script type="text/javascript">
	$(function() {
		$('#ui-tab5_slow > ul').tabs({ fx: { height: 'show' , opacity: 'show' , duration: 'slow' } });
	});
</script>

<div id="ui-tab5_slow" class="tab-all">
	<ul>
		<li><a href="#fragment-5-1_slow" class="liinternal"><span>タブ1</span></a></li>
		<li><a href="#fragment-5-2_slow" class="liinternal"><span>タブ2</span></a></li>
		<li><a href="#fragment-5-3_slow" class="liinternal"><span>タブ3</span></a></li>
	</ul>
	
	<div id="fragment-5-1_slow" class="tab1">
		<p class="slide_effect">タブ1の内容</p>
	</div>
	
	<div id="fragment-5-2_slow" class="tab2">
		<p class="slide_effect">タブ2の内容</p>
	</div>
	
	<div id="fragment-5-3_slow" class="tab3">
		<p class="slide_effect">タブ3の内容</p>
	</div>

</div>



<!-- 5_fast -->

<p class="font_bold mt20">height: &#8216;show&#8217; , opacity: &#8216;show&#8217; , duration: &#8216;fast&#8217;</p>

[javascript]
<script type="text/javascript">
	$(function() {
		$('#ui-tab > ul').tabs({ fx: { height: 'show' , opacity: 'show' , duration: 'fast' } });
	});
</script>
[/javascript]

	<!-- script -->
<script type="text/javascript">
	$(function() {
		$('#ui-tab5_fast > ul').tabs({ fx: { height: 'show' , opacity: 'show' , duration: 'fast' } });
	});
</script>

<div id="ui-tab5_fast" class="tab-all">
	<ul>
		<li><a href="#fragment-5-1_fast" class="liinternal"><span>タブ1</span></a></li>
		<li><a href="#fragment-5-2_fast" class="liinternal"><span>タブ2</span></a></li>
		<li><a href="#fragment-5-3_fast" class="liinternal"><span>タブ3</span></a></li>
	</ul>
	
	<div id="fragment-5-1_fast" class="tab1">
		<p class="slide_effect">タブ1の内容</p>
	</div>
	
	<div id="fragment-5-2_fast" class="tab2">
		<p class="slide_effect">タブ2の内容</p>
	</div>
	
	<div id="fragment-5-3_fast" class="tab3">
		<p class="slide_effect">タブ3の内容</p>
	</div>

</div>



<!-- 5_milliseconds -->

<p class="font_bold mt20">height: &#8216;show&#8217; , opacity: &#8216;show&#8217; , duration: milliseconds(1/1000秒)</p>

[javascript]
<script type="text/javascript">
	$(function() {
		$('#ui-tab > ul').tabs({ fx: { height: 'show' , opacity: 'show' , duration: 2000 } });
	});
</script>
[/javascript]

	<!-- script -->
<script type="text/javascript">
	$(function() {
		$('#ui-tab5_milliseconds > ul').tabs({ fx: { height: 'show' , opacity: 'show' , duration: 2000 } });
	});
</script>

<div id="ui-tab5_milliseconds" class="tab-all">
	<ul>
		<li><a href="#fragment-5-1_milliseconds" class="liinternal"><span>タブ1</span></a></li>
		<li><a href="#fragment-5-2_milliseconds" class="liinternal"><span>タブ2</span></a></li>
		<li><a href="#fragment-5-3_milliseconds" class="liinternal"><span>タブ3</span></a></li>
	</ul>
	
	<div id="fragment-5-1_milliseconds" class="tab1">
		<p class="slide_effect">タブ1の内容</p>
	</div>
	
	<div id="fragment-5-2_milliseconds" class="tab2">
		<p class="slide_effect">タブ2の内容</p>
	</div>
	
	<div id="fragment-5-3_milliseconds" class="tab3">
		<p class="slide_effect">タブ3の内容</p>
	</div>

</div>



<h3>マウスオーバーで切り替え</h3>

<!-- 6_normal -->

<p class="font_bold">event: &#8216;mouseover&#8217;</p>

[javascript]
<script type="text/javascript">
		$('#ui-tab > ul').tabs({ event: 'mouseover' , fx: { height: 'toggle' , opacity: 'toggle' , duration: 100 } });
</script>
[/javascript]

	<!-- script -->
<script type="text/javascript">
	$(function() {
		$('#ui-tab6_normal > ul').tabs({ event: 'mouseover' , fx: { height: 'toggle' , opacity: 'toggle' , duration: 100 } });
	});
</script>

<div id="ui-tab6_normal" class="tab-all">
	<ul>
		<li><a href="#fragment-6-1_normal" class="liinternal"><span>タブ1</span></a></li>
		<li><a href="#fragment-6-2_normal" class="liinternal"><span>タブ2</span></a></li>
		<li><a href="#fragment-6-3_normal" class="liinternal"><span>タブ3</span></a></li>
	</ul>
	
	<div id="fragment-6-1_normal" class="tab1">
		<p>タブ1の内容</p>
	</div>
	
	<div id="fragment-6-2_normal" class="tab2">
		<p>タブ2の内容</p>
	</div>
	
	<div id="fragment-6-3_normal" class="tab3">
		<p>タブ3の内容</p>
	</div>

</div>



<h3>自動切り替え</h3>

<!-- 7_normal -->

<p class="font_bold">.tabs(&#8216;rotate&#8217;, 3000)</p>

[javascript]
<script type="text/javascript">
		$('#ui-tab7_normal > ul').tabs({ fx: { opacity: 'toggle', duration: 'normal'  } }).tabs('rotate', 3000);
</script>
[/javascript]

	<!-- script -->
<script type="text/javascript">
	$(function() {
		$('#ui-tab7_normal > ul').tabs({ fx: { opacity: 'toggle', duration: 'normal'  } }).tabs('rotate', 3000);
	});
</script>

<div id="ui-tab7_normal" class="tab-all">
	<ul>
		<li><a href="#fragment-7-1_normal" class="liinternal"><span>タブ1</span></a></li>
		<li><a href="#fragment-7-2_normal" class="liinternal"><span>タブ2</span></a></li>
		<li><a href="#fragment-7-3_normal" class="liinternal"><span>タブ3</span></a></li>
	</ul>
	
	<div id="fragment-7-1_normal" class="tab1">
		<p>タブ1の内容</p>
	</div>
	
	<div id="fragment-7-2_normal" class="tab2">
		<p>タブ2の内容</p>
	</div>
	
	<div id="fragment-7-3_normal" class="tab3">
		<p>タブ3の内容</p>
	</div>

</div>



<h3>参考リンク</h3>
<p>本家のサイトを見ると他にも色々なイベントがあるようです。<br />
cookie取得したりできるみたいです。<br />
<a href="http://jqueryui.com/demos/tabs/" class="liexternal">・jQuery UI &#8211; Demos &#038; Documentation</a><br />
<a href="http://www.pharos-ei.com/mike/jquery/examples/ui.tabs.html" class="liexternal">・jQuery UI Tabs / Tabs 3</a>
</p>




<!-- /div#entry-###### --></div>

<!-- ========================================================
	end contents
==========================================================-->
]]></content:encoded>
			<wfw:commentRss>http://5am.jp/jquery/jquery_ui_tabs/feed/</wfw:commentRss>
		<slash:comments>20</slash:comments>
		</item>
		<item>
		<title>アウトプット生活スタート！</title>
		<link>http://5am.jp/diary/blog_start/</link>
		<comments>http://5am.jp/diary/blog_start/#comments</comments>
		<pubDate>Tue, 05 May 2009 03:53:02 +0000</pubDate>
		<dc:creator>rin316</dc:creator>
				<category><![CDATA[日記]]></category>

		<guid isPermaLink="false">http://5am.jp/?p=8</guid>
		<description><![CDATA[始めましてRINです いろいろ思うところがあって勉強ブログ始めました！ これからは日々の勉強をアウトプットしていきたいと思います。 写真は新川通を車で走っていたら出会った風景。 余りの綺麗さに車を止めて近づくと、視界全体 [...]]]></description>
			<content:encoded><![CDATA[<img src="http://5am.jp/wp-content/uploads/2009/05/img_6768.jpg" alt="img_6768" title="img_6768" width="520" height="347" class="alignnone size-full wp-image-22" />
<p>始めましてRINです
いろいろ思うところがあって勉強ブログ始めました！<br />
これからは日々の勉強をアウトプットしていきたいと思います。</p>

<p>写真は新川通を車で走っていたら出会った風景。<br />
余りの綺麗さに車を止めて近づくと、視界全体を覆う白く薄いピンクの風景！</p>
<p>この桜の様に、清くフレッシュな気持ちと謙虚さ大切に<br />
勉強をしていきたいと思います。</p>]]></content:encoded>
			<wfw:commentRss>http://5am.jp/diary/blog_start/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

