<?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>Transrain &#187; 日記</title>
	<atom:link href="http://transrain.net/blog/category/diary/feed" rel="self" type="application/rss+xml" />
	<link>http://transrain.net/blog</link>
	<description>悠希のだらだらメモ</description>
	<lastBuildDate>Wed, 01 Feb 2012 06:16:55 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
	<atom:link rel='hub' href='http://transrain.net/blog/?pushpress=hub'/>
		<item>
		<title>1/17の記憶</title>
		<link>http://transrain.net/blog/2012/01/17/100013</link>
		<comments>http://transrain.net/blog/2012/01/17/100013#comments</comments>
		<pubDate>Tue, 17 Jan 2012 01:00:13 +0000</pubDate>
		<dc:creator>yuki</dc:creator>
				<category><![CDATA[日記]]></category>
		<category><![CDATA[earthquake]]></category>
		<category><![CDATA[earthquake_jp]]></category>

		<guid isPermaLink="false">http://transrain.net/blog/?p=163</guid>
		<description><![CDATA[意識では忘れていた1月17日。例年の事だが16日〜17日には体調を崩してしまう。それは今年も同じだった。17年前の1月17日、小学生の頃だ。普段は起きても来ない早朝に大きな揺れが襲ってきた。 阪神淡路大震災と呼ばれるよう &#8230; <a href="http://transrain.net/blog/2012/01/17/100013">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>意識では忘れていた1月17日。例年の事だが16日〜17日には体調を崩してしまう。それは今年も同じだった。17年前の1月17日、小学生の頃だ。普段は起きても来ない早朝に大きな揺れが襲ってきた。</p>
<p><a href="http://ja.wikipedia.org/wiki/%E9%98%AA%E7%A5%9E%E3%83%BB%E6%B7%A1%E8%B7%AF%E5%A4%A7%E9%9C%87%E7%81%BD">阪神淡路大震災</a>と呼ばれるようになる大地震、<a href="http://ja.wikipedia.org/wiki/%E5%85%B5%E5%BA%AB%E7%9C%8C%E5%8D%97%E9%83%A8%E5%9C%B0%E9%9C%87">兵庫県南部地震</a>。</p>
<p>幸いにも家族の中には人的被害は無かったのだが、意識がはっきりするにつれて恐怖を感じた覚えがある。</p>
<p>20インチ後半のブラウン管TVが両親の近くに落下し、その上に大きなタンスが倒れこむ。運良くテレビとタンスの間になり怪我も無かった両親の寝室や、兄弟同部屋にあった小さなタンスが倒れてガラスが散乱していたり、外壁の一部が床と離れて数センチの隙間があき、3階から地面を見える形になっていたり。</p>
<p>タンスとテレビを戻してつけたTVには横倒しになった高速道路の映像が流され、次々と死傷者の数が増えて行くのを目の当たりにした。</p>
<p>当時通っていた学校での被害者は一人と、神戸市灘区などの被害が大きかった地域に比べればマシという状況ではあったが、同じ学年の子が亡くなったというのも衝撃だった。特に仲が良いという訳でもなかったが、記憶に残っている。</p>
<p>その後、ライフラインの復旧の目処も立たず、震災後の対応で忙しい父親を残して母親の実家へと避難をしていた。</p>
<p>一時転校という形で避難先の小学校にお世話になりつつ数ヶ月の間の避難の後に西宮に戻ったが、ライフラインは復旧しつつもあちこちに爪痕が残る状態だった。</p>
<p>その後は大きな地震も無く、徐々にではあったが街並みが変わっていく様子を見ながら生活を送っていった。</p>
<p>そして去年あたりに完全復興の宣言が出されて一区切りがついた所である。</p>
<p>この経験があるからか、毎年1月17日頃には体調を崩してしまう。昨年までは「あぁ、そろそろ17日か」という意識もあるせいで体調を崩しているのかと考えていたが、今年に限っては<a href="http://ja.wikipedia.org/wiki/%E6%9D%B1%E6%97%A5%E6%9C%AC%E5%A4%A7%E9%9C%87%E7%81%BD">東日本大震災</a>の記憶が新しく失念していた。</p>
<p>しかし、例年のように体調を崩してしまった。記憶が薄くとも身体は覚えているということだろうか。</p>
<p>2007年。Twitterを知って始めたころ、ちょうど地震の研究を行う研究所に派遣で働いていた(事業仕分けで働いていた場所が本家に統合されて無くなってしまったのが少しばかり悲しい所)。</p>
<p>そこではまだ緊急地震速報が一般運用が本格的にされる前だったが、一台のモニタに日本地図が描かれており、そこに地震発生時に震源が表示されていた。それに感化されたと共にTwitterの速報性やAPIに可能性を見た私は<a href="http://twitter.com/earthquake_jp">earthquake_jp</a>の開発を始めた。</p>
<p>これも元々被災者という事と、その際に情報がTV・ラジオのみしか情報源がない事に不安を感じていたからであって、この経験が無ければ<a href="http://twitter.com/earthquake_jp">earthquake_jp</a>を作っていなかったかもしれない。</p>
<p>そして<a href="http://ja.wikipedia.org/wiki/%E6%9D%B1%E6%97%A5%E6%9C%AC%E5%A4%A7%E9%9C%87%E7%81%BD">東日本大震災</a>をきっかけに自宅にシステムを置いておくことに不安を感じ、外部のサーバに配置するようにした。これは<a href="http://www.seisvol.kishou.go.jp/eq/tokai/index.html">東海地震</a>が発生し、被災した場合の事を考えての事ですね。</p>
<p>これから先もできる限り続けていきたいと思う、今日この頃でした。</p>
]]></content:encoded>
			<wfw:commentRss>http://transrain.net/blog/2012/01/17/100013/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>WindowsのGoogle Chrome(Dev Channel)で一部フォント描画が崩れる件</title>
		<link>http://transrain.net/blog/2011/09/27/133031</link>
		<comments>http://transrain.net/blog/2011/09/27/133031#comments</comments>
		<pubDate>Tue, 27 Sep 2011 04:30:31 +0000</pubDate>
		<dc:creator>yuki</dc:creator>
				<category><![CDATA[日記]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://transrain.net/blog/?p=149</guid>
		<description><![CDATA[自分が調べた限りではfont-familyにarialが指定されているサイトで発生しているように感じている。 arialという事はフォントリンクでMS Pゴシックあたり？を参照しているかと思われるので実験してみた。 MS &#8230; <a href="http://transrain.net/blog/2011/09/27/133031">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>自分が調べた限りではfont-familyにarialが指定されているサイトで発生しているように感じている。<br />
arialという事はフォントリンクでMS Pゴシックあたり？を参照しているかと思われるので実験してみた。</p>
<p><strong>MS UIゴシック</strong></p>
<p><strong></strong><a href="http://transrain.net/blog/wp-content/uploads/2011/09/p01.png"><img class="alignnone size-full wp-image-151" title="p01" src="http://transrain.net/blog/wp-content/uploads/2011/09/p01.png" alt="MS UIゴシックで表示した場合" width="724" height="215" /></a></p>
<p><strong>MS 明朝</strong></p>
<p><strong></strong><a href="http://transrain.net/blog/wp-content/uploads/2011/09/p02.png"><img class="alignnone size-full wp-image-152" title="p02" src="http://transrain.net/blog/wp-content/uploads/2011/09/p02.png" alt="MS明朝で表示した場合" width="724" height="215" /></a></p>
<p><strong>メイリオ</strong></p>
<p><strong></strong><a href="http://transrain.net/blog/wp-content/uploads/2011/09/p03.png"><img class="alignnone size-full wp-image-150" title="p03" src="http://transrain.net/blog/wp-content/uploads/2011/09/p03.png" alt="メイリオで表示した場合" width="724" height="215" /></a></p>
<p>MS～系フォントだと崩れる感じ。<br />
とりあえず見れるようにするために<a href="https://chrome.google.com/webstore/detail/pabfempgigicdjjlccdgnbmeggkbjdhd?hl=ja">Chrome Stylist</a>で全サイトにユーザCSSを適応させてリセットすることによって対応できた。</p>
<pre><code>* { font-family:sans-serif !important; } </code><span style="font-family: Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace; font-size: 13px; line-height: 19px;">p</span><span style="font-family: Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace; font-size: 13px; line-height: 19px;">re,code,kbd,samp,tt { font-family:monospace !important; } </span></pre>
<p>もちろん、ブラウザのフォント設定はMSゴシック系以外で。<br />
これで暫定的にフォント描画崩れが無い状態で見ることができる。</p>
<p>Chromeがちゃんとしてくれれば一番良いんですけどね。</p>
<p><strong>追記</strong></p>
<p>Issueを確認しているとCJKフォントで発生しているようで、次回のDev channel更新では修正されているかもしれません。</p>
<p><a title="Issue 98155 -   chromium -    Bad rendering of CJK characters -   An open-source browser project to help move the web forward. - Google Project Hosting" href="http://code.google.com/p/chromium/issues/detail?id=98155">Issue 98155 &#8211; chromium &#8211; Bad rendering of CJK characters</a></p>
]]></content:encoded>
			<wfw:commentRss>http://transrain.net/blog/2011/09/27/133031/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>地震予測についてのヒトコト言っておくか。</title>
		<link>http://transrain.net/blog/2011/08/31/150702</link>
		<comments>http://transrain.net/blog/2011/08/31/150702#comments</comments>
		<pubDate>Wed, 31 Aug 2011 06:07:02 +0000</pubDate>
		<dc:creator>yuki</dc:creator>
				<category><![CDATA[日記]]></category>
		<category><![CDATA[earthquake_jp]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[地震]]></category>

		<guid isPermaLink="false">http://transrain.net/blog/?p=141</guid>
		<description><![CDATA[普段は誰がいつ地震が起きると言っていても個人アカウントだったのでスルーしていましたが、仮にも地震botを名乗るアカウント「@eq_tokyo」が予測情報を投稿したのでイライラしていた。 もちろん、情報元のサイトが研究所等 &#8230; <a href="http://transrain.net/blog/2011/08/31/150702">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>普段は誰がいつ地震が起きると言っていても個人アカウントだったのでスルーしていましたが、仮にも地震botを名乗るアカウント「<a href="http://twitter.com/eq_tokyo">@eq_tokyo</a>」が予測情報を投稿したのでイライラしていた。<br />
もちろん、情報元のサイトが研究所等のサイトではないのではないかという苦言は他の方からも行っていたのでその点についてはあまり大きな反応をせずに<a href="http://twitter.com/earthquake_jp">@earthquake_jp</a>で信頼性が低い情報という旨を投稿した。</p>
<p><!-- http://twitter.com/#!/earthquake_jp/status/108497607520829440 --><br />
<style type='text/css'>.bbpBox108497607520829440 {background:url(http://a1.twimg.com/images/themes/theme9/bg.gif) #1A1B1F;padding:20px;} p.bbpTweet{background:#fff;padding:10px 12px 10px 12px;margin:0;min-height:48px;color:#000;font-size:18px !important;line-height:22px;-moz-border-radius:5px;-webkit-border-radius:5px} p.bbpTweet span.metadata{display:block;width:100%;clear:both;margin-top:8px;padding-top:12px;height:40px;border-top:1px solid #fff;border-top:1px solid #e6e6e6} p.bbpTweet span.metadata span.author{line-height:19px} p.bbpTweet span.metadata span.author img{float:left;margin:0 7px 0 0px;width:38px;height:38px} p.bbpTweet a:hover{text-decoration:underline}p.bbpTweet span.timestamp{font-size:12px;display:block}</style>
<div class='bbpBox108497607520829440'>
<p class='bbpTweet'>問い合わせがあったので一応。36時間以内に東北地方で大きめの地震が発生するという某ツイートが流れていますが、根拠のない情報と思われます。確認は行ってませんが、海外の個人サイトの情報というツイートを見かけています。(真偽未確認)ちなみに現時点では地震の予知は難しいとされています。<span class='timestamp'><a title='Tue Aug 30 11:13:40 +0000 2011' href='http://twitter.com/#!/earthquake_jp/status/108497607520829440'>less than a minute ago</a> via <a href="http://tapbots.com/tweetbot" rel="nofollow">Tweetbot for iPhone</a> <a href='http://twitter.com/intent/favorite?tweet_id=108497607520829440'><img src='http://si0.twimg.com/images/dev/cms/intents/icons/favorite.png' /> Favorite</a> <a href='http://twitter.com/intent/retweet?tweet_id=108497607520829440'><img src='http://si0.twimg.com/images/dev/cms/intents/icons/retweet.png' /> Retweet</a> <a href='http://twitter.com/intent/tweet?in_reply_to=108497607520829440'><img src='http://si0.twimg.com/images/dev/cms/intents/icons/reply.png' /> Reply</a></span><span class='metadata'><span class='author'><a href='http://twitter.com/earthquake_jp'><img src='http://a3.twimg.com/profile_images/368358807/eqjp_normal.png' /></a><strong><a href='http://twitter.com/earthquake_jp'>地震速報</a></strong><br/>earthquake_jp</span></span></p>
</div>
<p> <!-- end of tweet --></p>
<p>しかし、本日（2011/08/31）になっても公式RTで予測情報を流していたので思わずカッとなって書くことにした。</p>
<p><strong>※自分は地震の専門家でもないし気象庁等の政府機関などと関係はありません。2007年から地震情報を流していただけの人です※</strong></p>
<p><span id="more-141"></span></p>
<p>まずは大元のツイート。</p>
<p><!-- http://twitter.com/#!/Quakeprediction/status/107550325610790912 --><br />
<style type='text/css'>.bbpBox107550325610790912 {background:url(http://a1.twimg.com/images/themes/theme13/bg.gif) #bad4d1;padding:20px;} p.bbpTweet{background:#fff;padding:10px 12px 10px 12px;margin:0;min-height:48px;color:#000;font-size:18px !important;line-height:22px;-moz-border-radius:5px;-webkit-border-radius:5px} p.bbpTweet span.metadata{display:block;width:100%;clear:both;margin-top:8px;padding-top:12px;height:40px;border-top:1px solid #fff;border-top:1px solid #e6e6e6} p.bbpTweet span.metadata span.author{line-height:19px} p.bbpTweet span.metadata span.author img{float:left;margin:0 7px 0 0px;width:38px;height:38px} p.bbpTweet a:hover{text-decoration:underline}p.bbpTweet span.timestamp{font-size:12px;display:block}</style>
<div class='bbpBox107550325610790912'>
<p class='bbpTweet'>JAPAN EARTHQUAKE WARNING; 5.5 to 6.5 earthquake is likely in the Sendai, Fukushima area August 28-31; <a href="http://t.co/MTdiciy" rel="nofollow">http://t.co/MTdiciy</a><span class='timestamp'><a title='Sat Aug 27 20:29:30 +0000 2011' href='http://twitter.com/#!/Quakeprediction/status/107550325610790912'>less than a minute ago</a> via web <a href='http://twitter.com/intent/favorite?tweet_id=107550325610790912'><img src='http://si0.twimg.com/images/dev/cms/intents/icons/favorite.png' /> Favorite</a> <a href='http://twitter.com/intent/retweet?tweet_id=107550325610790912'><img src='http://si0.twimg.com/images/dev/cms/intents/icons/retweet.png' /> Retweet</a> <a href='http://twitter.com/intent/tweet?in_reply_to=107550325610790912'><img src='http://si0.twimg.com/images/dev/cms/intents/icons/reply.png' /> Reply</a></span><span class='metadata'><span class='author'><a href='http://twitter.com/Quakeprediction'><img src='http://a0.twimg.com/profile_images/484343814/california-thumb_normal.jpg' /></a><strong><a href='http://twitter.com/Quakeprediction'>Earthquake Forecasts</a></strong><br/>Quakeprediction</span></span></p>
</div>
<p> <!-- end of tweet --></p>
<p>英語に堪能ではないが、軽く意訳すると「日本の地震に注意。8月28日～31日の間、仙台、福島地方でマグニチュード5.5～6.5の地震が発生する可能性が高い」となる。<br />
海外には震度という基準がないため、おそらくマグニチュード（気象庁マグニチュードではなく、モーメントマグニチュード）だとは思っている。</p>
<p>この情報の元は<a href="http://www.quakeprediction.com/">Qukake Prediction</a>という海外サイトで、地震の予測を行うサイトのようです。<br />
しかしながら、NOTEとして「I am not associated with the USGS earthquake prediction site」と書かれています。これは「当地震予測サイトはUSGS(<a href="http://www.usgs.gov/">U.S. Geological Surve</a> : 米地質調査所)とは一切の関係はない」と訳せるかと思う。</p>
<p>USGSはドメイン名を見てもusgs.govとなっており、(.govはアメリカの政府機関や関連組織用のドメインに使用できる）信頼のおけるサイトです。<br />
個人的にはUSGSと関係が無い時点で情報源としては信頼度が乏しいものとして判断している。</p>
<p>問題の<a href="http://twitter.com/eq_tokyo">@eq_tokyo</a>の投稿になると下記のようになっていた。</p>
<p><!-- http://twitter.com/#!/eq_tokyo/status/108374001142861825 --><br />
<style type='text/css'>.bbpBox108374001142861825 {background:url(http://a0.twimg.com/images/themes/theme1/bg.png) #C0DEED;padding:20px;} p.bbpTweet{background:#fff;padding:10px 12px 10px 12px;margin:0;min-height:48px;color:#000;font-size:18px !important;line-height:22px;-moz-border-radius:5px;-webkit-border-radius:5px} p.bbpTweet span.metadata{display:block;width:100%;clear:both;margin-top:8px;padding-top:12px;height:40px;border-top:1px solid #fff;border-top:1px solid #e6e6e6} p.bbpTweet span.metadata span.author{line-height:19px} p.bbpTweet span.metadata span.author img{float:left;margin:0 7px 0 0px;width:38px;height:38px} p.bbpTweet a:hover{text-decoration:underline}p.bbpTweet span.timestamp{font-size:12px;display:block}</style>
<div class='bbpBox108374001142861825'>
<p class='bbpTweet'>【予報】36時間以内に、東北地方で震度5強の地震が発生する確率が高くなっています。ご注意ください。<span class='timestamp'><a title='Tue Aug 30 03:02:30 +0000 2011' href='http://twitter.com/#!/eq_tokyo/status/108374001142861825'>less than a minute ago</a> via <a href="http://projects.playwell.jp/go/Saezuri" rel="nofollow">Saezuri</a> <a href='http://twitter.com/intent/favorite?tweet_id=108374001142861825'><img src='http://si0.twimg.com/images/dev/cms/intents/icons/favorite.png' /> Favorite</a> <a href='http://twitter.com/intent/retweet?tweet_id=108374001142861825'><img src='http://si0.twimg.com/images/dev/cms/intents/icons/retweet.png' /> Retweet</a> <a href='http://twitter.com/intent/tweet?in_reply_to=108374001142861825'><img src='http://si0.twimg.com/images/dev/cms/intents/icons/reply.png' /> Reply</a></span><span class='metadata'><span class='author'><a href='http://twitter.com/eq_tokyo'><img src='http://a2.twimg.com/profile_images/1520229173/tw_normal.png' /></a><strong><a href='http://twitter.com/eq_tokyo'>地震情報BOT(α)</a></strong><br/>eq_tokyo</span></span></p>
</div>
<p> <!-- end of tweet --></p>
<p>なぜか震度に変わっている。この時点でまったく信頼するつもりはないが、知らない人だと反応してしまうかもしれない。<br />
これが個人のアカウントであれば、「また予測してるわ」ぐらいでスルーしていますが、緊急地震速報を流している個人制作のbotアカウントで言っていたので問題と感じましたね。<a href="http://twitter.com/earthquake_jp">@earthquake_jp</a>も個人制作の地震botアカウントですので。</p>
<p>さて、この予測は間違いなのでしょうか？と聞かれると「可能性が低い」と明確ではない答えをせざるを得ません。<br />
というのも地震予知に関しては難しいところで、明確に「揺れる」「揺れない」を出すのは現在の技術では言えないのです。</p>
<p>東海地震については例外的に気象庁が情報を提供する準備がありますが（東海地震関連情報）、Q&#038;Aでも「必ず予知できるとは言えない」という返答を行っています。(<a href="http://www.seisvol.kishou.go.jp/eq/hantekai/q3/q3.html">東海地震は必ず予知できるのでしょうか？ : 気象庁</a>)<br />
地殻の動きと過去の前例などを踏まえてある程度、大まかな予測はできても、基本的には発表するほどの精度ではないのかと思っています。</p>
<p>3/11以降、しばらくの間は気象庁も大きな余震の可能性を情報を提供していましたが、確率が～%という表現でなされており、必ず発生すると言ったことはありません。<br />
今回の情報も気象庁の発言から出たものであればわざわざ反応はしませんでしたが、研究機関等じゃない所の発言をソースとして予測ツイートしてるのは放っておけなかった。</p>
<p>上記のような理由で個人的にはTwitter上に流れている地震予測は明言していない限りデマとまでは言わないが信頼性が低いと考えています。<br />
今回の<a href="http://twitter.com/earthquake_jp">@earthquake_jp</a>の発言で&#8221;デマ&#8221;という文字を入れなかったのはあくまで発言が「予測」「可能性が高くなっています」となっている為であり、完全にウソというわけではないからですね。</p>
<p>そのような情報でいちいち反応して騒ぐよりも、普段から地震の対策をしておいた方がよいかと思いますよ。</p>
<p>・・・自分は東海地震がどうのこうの言われる地域ですがこの前やっと避難用品を購入した体たらくですが。</p>
<p><!--<br />
聞かれるかも知らんけど、緊急地震速報の誤報をデマと騒ぐ人が稀にいるけど、あれは計算値と実質値が異なるだけですね。<br />
メカニズム的にはP波を検知して計算によって震度とか出しているので、揺れ自体は検知されているわけで。<br />
--></p>
]]></content:encoded>
			<wfw:commentRss>http://transrain.net/blog/2011/08/31/150702/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>各リソースをgz圧縮して転送量を抑える</title>
		<link>http://transrain.net/blog/2011/02/22/191352</link>
		<comments>http://transrain.net/blog/2011/02/22/191352#comments</comments>
		<pubDate>Tue, 22 Feb 2011 10:13:52 +0000</pubDate>
		<dc:creator>yuki</dc:creator>
				<category><![CDATA[Linux]]></category>
		<category><![CDATA[日記]]></category>
		<category><![CDATA[apache]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[gz圧縮]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[mod_rewrite]]></category>
		<category><![CDATA[サーバ]]></category>

		<guid isPermaLink="false">http://transrain.net/?p=109</guid>
		<description><![CDATA[ライブラリに関してはCDNのキャッシュを使う事も出来ますが、自作のライブラリやCSS等のリソースはCDNには登録されていないので ファイルの転送サイズが膨れがちです。 そこで対応ブラウザの場合はリソースファイルをgz圧縮 &#8230; <a href="http://transrain.net/blog/2011/02/22/191352">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>ライブラリに関してはCDNのキャッシュを使う事も出来ますが、自作のライブラリやCSS等のリソースはCDNには登録されていないので<br />
ファイルの転送サイズが膨れがちです。</p>
<p>そこで対応ブラウザの場合はリソースファイルをgz圧縮して転送するように設定する方法を備考録として書いておきます。</p>
<h2>参考サイト</h2>
<ul>
<li><a href="http://asiamoth.com/sample/2006-11-25/prototype.js.gz-test.html">亜細亜ノ蛾 &#8211; Weblog &#8211; prototype.jsをgzip圧縮して利用するテスト（Safari 対応版）</a></li>
<li><a href="http://d.hatena.ne.jp/Schuzak/20100422">Schuzak’s Blog &#8211; Webサイトの.htaccessをいじってGZIP圧縮を使う</a></li>
<li><a href="http://d.hatena.ne.jp/cypher256/20100425/p1">C/pHeR Memo &#8211; Java とか。Eclipse とか。 &#8211; [Web]サイト高速化のための JavaScript と CSS 圧縮スクリプト</a></li>
</ul>
<h2>前提</h2>
<p>転送数を減らす為にCSSとかJavaScriptとかで1ファイルにまとめられるものはまとめておく。</p>
<p>それに加えて圧縮をかける事により転送するデータ量を減らします。</p>
<p>また、gz圧縮できるアーカイバが必要。</p>
<h2>ファイルの圧縮</h2>
<p>まずは対象のファイルをgz圧縮します。</p>
<p>gz圧縮は1ファイルしか圧縮できない形式なので、まず、CSSやJavaScriptファイルを1つにまとめておきます。</p>
<p>別にまとめなくともこの手法は有効ですが、転送数が多いままになってしまうことと、読み込み方法によってはシリアルで読み込んでしまうのでまとめておく方が早いです。</p>
<p>まとめたファイルをgz圧縮します。自分の場合、windowsでは<a href="http://www.ponsoftware.com/">Explzh</a>、mac/linuxの場合は<code>gzip -c [ファイル名] &gt; [ファイル名].gz</code>を使用しています。</p>
<h2>.htaccessの作成</h2>
<p>gzファイルが存在する場合はgzファイルを読み込むように設定をします。</p>
<p>最近は使えるサーバが多くなっていますが、mod_rewriteがサーバに入っていないと使えません。</p>
<pre><code>&lt;IfModule mod_rewrite.c&gt;
    RewriteEngine on
    RewriteCond %{HTTP:Accept-Encoding} gzip
    RewriteCond %{REQUEST_FILENAME} !.gz$
    RewriteCond %{REQUEST_FILENAME}.gz -s
    RewriteRule .+ %{REQUEST_URI}.gz

    &lt;FilesMatch ".html.gz$"&gt;
        ForceType text/html
        AddEncoding x-gzip .gz
    &lt;/FilesMatch&gt;

    &lt;FilesMatch ".txt.gz$"&gt;
        ForceType text/plain
        AddEncoding x-gzip .gz
    &lt;/FilesMatch&gt;

    &lt;FilesMatch ".js.gz$"&gt;
        ForceType application/x-javascript
        AddEncoding x-gzip .gz
    &lt;/FilesMatch&gt;

    &lt;FilesMatch ".css.gz$"&gt;
        ForceType text/css
        AddEncoding x-gzip .gz
    &lt;/FilesMatch&gt;
&lt;/IfModule&gt;</code></pre>
<p>まず、mod_rewriteでgzファイルが存在する場合にはアクセスされたファイル名.gzを読み込むように切り替えています。</p>
<p>そして、FileMatchでファイル毎にMIME-TYPEとgzエンコードを指定しています。</p>
<p>これによってgz圧縮ファイルに対応しているブラウザの場合はgzファイルを読み込めるようになります。</p>
<h2>更に高速化</h2>
<p>これだけでファイルのサイズが下がりますが、キャッシュで持たせるようにしておきます。</p>
<p>これも.htaccessに記述する事によって利用可能です。</p>
<pre><code>ExpiresActive on
ExpiresDefault "access plus 1 month"
FileETag None</code></pre>
]]></content:encoded>
			<wfw:commentRss>http://transrain.net/blog/2011/02/22/191352/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>実験中(autotestもどき+growl)</title>
		<link>http://transrain.net/blog/2011/02/09/220905</link>
		<comments>http://transrain.net/blog/2011/02/09/220905#comments</comments>
		<pubDate>Wed, 09 Feb 2011 13:09:05 +0000</pubDate>
		<dc:creator>yuki</dc:creator>
				<category><![CDATA[日記]]></category>
		<category><![CDATA[Autotest]]></category>
		<category><![CDATA[develop]]></category>
		<category><![CDATA[growl]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://transrain.net/?p=93</guid>
		<description><![CDATA[開発時にテスト結果がバンバン出るのがいいなとRuby界隈を見ていて思ったのでいろいろ実験。 実行したらGrowlに開始通知。 Phingでlintとユニットテストを走らせるように書いておく。 さっきのバッチファイルはph &#8230; <a href="http://transrain.net/blog/2011/02/09/220905">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>開発時にテスト結果がバンバン出るのがいいなとRuby界隈を見ていて思ったのでいろいろ実験。</p>
<p><a href="http://comicha.net/blog/wp-content/uploads/2011/02/autotest1.jpg"><img src="http://comicha.net/blog/wp-content/uploads/2011/02/autotest1-300x195.jpg" title="autotest1" width="300" height="195" class="alignnone size-medium wp-image-95" /></a><a href="http://comicha.net/blog/wp-content/uploads/2011/02/autotest2.jpg"><img src="http://comicha.net/blog/wp-content/uploads/2011/02/autotest2.jpg" title="autotest2" width="294" height="100" class="alignnone size-full wp-image-96" /></a></p>
<p>実行したらGrowlに開始通知。</p>
<p><a href="http://comicha.net/blog/wp-content/uploads/2011/02/autotest3.jpg"><img src="http://comicha.net/blog/wp-content/uploads/2011/02/autotest3-300x279.jpg" title="autotest3" width="300" height="279" class="alignnone size-medium wp-image-97" /></a></p>
<p>Phingでlintとユニットテストを走らせるように書いておく。<br />
さっきのバッチファイルはphingを実行するようにしてる。</p>
<p><a href="http://comicha.net/blog/wp-content/uploads/2011/02/autotest4.jpg"><img src="http://comicha.net/blog/wp-content/uploads/2011/02/autotest4-149x300.jpg" title="autotest4" width="149" height="300" class="size-medium wp-image-98 alignnone" /></a></p>
<p><a href="http://comicha.net/blog/wp-content/uploads/2011/02/autotest4.jpg"></a>監視対象のファイルを更新して保存すると裏でphingコマンドを実行して、テストとlintを実行している。<br />
そのログがGrowlに出力されている図。</p>
<p>ある程度まとまれば公開するつもりだけど、仕事が忙しくてリリース物作るほどの余裕がない罠。</p>
]]></content:encoded>
			<wfw:commentRss>http://transrain.net/blog/2011/02/09/220905/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>デザイン調整中</title>
		<link>http://transrain.net/blog/2010/05/13/183102</link>
		<comments>http://transrain.net/blog/2010/05/13/183102#comments</comments>
		<pubDate>Thu, 13 May 2010 09:31:02 +0000</pubDate>
		<dc:creator>yuki</dc:creator>
				<category><![CDATA[日記]]></category>

		<guid isPermaLink="false">http://transrain.net/?p=73</guid>
		<description><![CDATA[地味にですがデザインの調整を始めました。 いろいろな所にファイルが分かれてしまって自分でも訳が分からなくなってきたので、頑張って調整して使えるようにしていこうとか考えてます。 とりあえず今の時点ではヘッダ部分のみ完了]]></description>
			<content:encoded><![CDATA[<p>地味にですがデザインの調整を始めました。<br />
いろいろな所にファイルが分かれてしまって自分でも訳が分からなくなってきたので、頑張って調整して使えるようにしていこうとか考えてます。</p>
<p>とりあえず今の時点ではヘッダ部分のみ完了</p>
]]></content:encoded>
			<wfw:commentRss>http://transrain.net/blog/2010/05/13/183102/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Start transrain</title>
		<link>http://transrain.net/blog/2007/04/06/165110</link>
		<comments>http://transrain.net/blog/2007/04/06/165110#comments</comments>
		<pubDate>Fri, 06 Apr 2007 07:51:10 +0000</pubDate>
		<dc:creator>yuki</dc:creator>
				<category><![CDATA[日記]]></category>

		<guid isPermaLink="false">http://localhost/trans/2007/04/welcome-to-wordpress/</guid>
		<description><![CDATA[旧ドメインで使っていたメールアドレスがOP25Bでメール送信できなくなったついでにSPAMメールにうんざりしていたので、新しいドメインを取得してサイトも移転させました。 これからも旧ドメイン自体は使っていきますが、どちら &#8230; <a href="http://transrain.net/blog/2007/04/06/165110">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>
旧ドメインで使っていたメールアドレスが<acronym title="Outbound Port 25 Blocking">OP25B</acronym>でメール送信できなくなったついでにSPAMメールにうんざりしていたので、新しいドメインを取得してサイトも移転させました。<br />
これからも旧ドメイン自体は使っていきますが、どちらかと言うと開発サーバとしての活用がほとんどになると思います。
</p>
<p>
新ドメインではメールアドレスの管理とサイトの管理に使っていきます。なのでその内「<a href="http://avenie.ariela.jp/">Avenie Puffer Trackback Center</a>」も移動させます。<br />
移動させるとしたら「http://avenie.transrain.net/」になるかと思います。<br />
ほら、たまに落ちてる事あるじゃない？
</p>
<p><span id="more-18"></span></p>
<p>
今までのariela.jpは自宅サーバに置いていたので、様々な要因でアクセスしづらい事があったり、メールサーバが色々制限かけられたりした事によって引越を決意しました。
</p>
<p>
実際には急がなくてもよかったのですが、リアルでも引越の予定がありますのでさっさと移行しておけば、リアルでの引越があってもそのまま使い続けられる事もあって、新しいドメインで再スタートをかける事にしました。
</p>
<p>
まぁ、のそのそと書いていく次第です。</p>
]]></content:encoded>
			<wfw:commentRss>http://transrain.net/blog/2007/04/06/165110/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

