<?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>ohbatch.net Blog</title>
	<atom:link href="http://www.ohbatch.net/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ohbatch.net/blog</link>
	<description></description>
	<lastBuildDate>Fri, 27 Aug 2010 15:55:01 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>プログラミン をさわってみた</title>
		<link>http://www.ohbatch.net/blog/2010/08/28/937/</link>
		<comments>http://www.ohbatch.net/blog/2010/08/28/937/#comments</comments>
		<pubDate>Fri, 27 Aug 2010 15:54:48 +0000</pubDate>
		<dc:creator>ohbatch</dc:creator>
				<category><![CDATA[日記]]></category>

		<guid isPermaLink="false">http://www.ohbatch.net/blog/?p=937</guid>
		<description><![CDATA[
子供のためのプログラミング学習サイト「プログラミン」を８歳の娘と遊んでみた。
http://www.mext.go.jp/programin/
画像を割り当てたオブジェクトに対し、左右の移動や画像変換、拡大縮小など「プ [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.mext.go.jp/programin/"><img src="http://www.ohbatch.net/blog/wp-content/uploads/2010/08/programin-300x103.gif" alt="プログラミン" title="プログラミン" width="300" height="103" class="alignright size-medium wp-image-938" /></a><br />
子供のためのプログラミング学習サイト「<a href="http://www.mext.go.jp/programin/">プログラミン</a>」を８歳の娘と遊んでみた。<br />
<a href="http://www.mext.go.jp/programin/">http://www.mext.go.jp/programin/</a></p>
<p>画像を割り当てたオブジェクトに対し、左右の移動や画像変換、拡大縮小など「プログラミン」と名付けられた動作を順序よく並べて付与し、アニメーションやゲームを作るプログラミングツール。<br />
ただ直列に並べるだけでなく、「ズットン」と名付けられた無限ループパーツや、「イッペンニン」という名の並列化ツールもあり、なかなか複雑なフローも組み上げることができるばかりか、音声を出力する「オンプン」、キーボード入力を受け付ける「キーボン」、果てにはオブジェクト同士の衝突を検知する「ブツカッタン」というイベントハンドラまで準備されている懲りよう。</p>
<p>私が中学校の授業で教わった教育用言語LOGOを思い出すくらい、簡単にプログラミングを体験することができるよう工夫されている。例えば、予めオブジェクト画像や音声、背景画なども豊富に準備されているため、純粋に「プログラミング」に集中できる環境が用意されていたり、各動作用パーツも前述のとおり名前がついた「不思議な生き物」という擬人表現でアイコン化されているため「命令を覚える」というストレスを軽減するよう工夫されている。</p>
<p>プログラミングを学ぶにあたり最も重要なことは、<br />
<strong>与えられた時間内にどれだけ「創る喜び」が感じられるか</strong><br />
だと思っていて、それには「完成までの時間の早さ」が何よりも大事な要素となると思っている。それはさらに落とし込むと、</p>
<ul>
<li>表現したいことをプログラムに落とし込む中でロジック以外に気を取られて集中が途切れないことや</li>
<li>組み立て→実行→組み立て・・・というトライ＆エラーを繰り返す作業が素早く簡単に行えること</li>
</ul>
<p>などに左右される。<br />
この「プログラミン」は一見子供向けの単純な仕掛けのようだが、それら全てに細かく気が配られていることが感じられる。</p>
<p>娘と一緒に創ってみたものがこちら「<a href="http://www.mext.go.jp/programin/share/?share_id=7047cc6b8a54bdb3b45f3ba2d4de5535">いもむしのフゴフ</a>」。さすがに８歳の娘がノートのトラックポイントを使えるはずもなく、実は私が実装したものだが、娘の指示を指摘せずあえて間違えさせたりしながら実装したので、ある程度は「試行錯誤」を楽しんでくれたようだ。</p>
<p>今の時代なら、たぶん小学生くらいでも、これと時間与えて放っといたら自分で学んでガシガシ組んでくれそう。けど、ウチの子は、女の子だし、あんまりプログラマーになって欲しいとか思わないんよね、嫌という訳じゃないんだけど、こう、イメージが湧かないというか、あーどうしよ、変にハマり過ぎちゃったりしたら。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ohbatch.net/blog/2010/08/28/937/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>yondor（よんどるβ）をリリースしました</title>
		<link>http://www.ohbatch.net/blog/2010/05/31/922/</link>
		<comments>http://www.ohbatch.net/blog/2010/05/31/922/#comments</comments>
		<pubDate>Mon, 31 May 2010 09:59:27 +0000</pubDate>
		<dc:creator>ohbatch</dc:creator>
				<category><![CDATA[当サイトについて]]></category>

		<guid isPermaLink="false">http://www.ohbatch.net/blog/?p=922</guid>
		<description><![CDATA[自分が欲しいから自分のために作る第４弾。

今よんでるページをtwitterへ１クリックでポストするためのツール「yondor（よんどる）」をプロトタイプβとしてリリース。
（むしろα版と呼ぶの方が近いかもしれないレベル [...]]]></description>
			<content:encoded><![CDATA[<p>自分が欲しいから自分のために作る第４弾。<br />
<a href="http://dev.ohbatch.net/yondor/"><img src="http://www.ohbatch.net/blog/wp-content/uploads/2010/05/shot.gif" alt="よんどる" title="yondor" width="300" height="117" class="alignright size-full wp-image-931" /></a><br />
今よんでるページをtwitterへ１クリックでポストするためのツール「<a href="http://dev.ohbatch.net/yondor/">yondor（よんどる）</a>」をプロトタイプβとしてリリース。<br />
（むしろα版と呼ぶの方が近いかもしれないレベルだけど、公開しちゃったのでβ版）</p>
<p>どうしてもソーシャルブックマークだと、他のユーザーとのシェアを意識するための感想や、きちんと整理しておくためのタグを考える必要があり、<br />
気軽にポストするにはどうしても心理的コストがかかる（私の場合）。<br />
しかし、URL短縮サービスを使っても、実は高機能過ぎて１クリックではポストできないケースばかり。</p>
<p>だったら、何も考えずに「とりあえずクリップ」しておくためのサービスがあってもいいんじゃないか。ちょうど、ブログを書く前段階や、それより粒度の小さい話題として、思考の断片をtwitterにポストするようにね。</p>
<p>タグや感想なんかなくても、あなたが見てきたページの履歴には、<br />
きっと個性的であり、そこには他の人にはない独自のアンテナがある。<br />
そして、それはあとできっと誰かの役に立つ（と信じたい）。</p>
<p>などと思う（後付け）こともあったり、ちょうど、同企画第３弾で、<a href="http://statio.ohbatch.net/">webdesignStatio</a>を作ってから、特定の分野の記事ページを今までに15,000ページ程収集し解析してきて（そして今も10分毎に増え続けている）、これは自動的に収集されたウェブデザインに関係する記事から、私の独自の選択の視点（趣向）を教え込んで運用している背景がありーの。</p>
<p>そんなこんなで整理すると</p>
<ul>
<li>１クリックでtwitterにポストするツールが欲しかった</li>
<li>関心のあるページを収集しておけば、その人の関心事をコンピュータ上にモデル化できんじゃないかと</li>
<li>＋twitterAPI（oAuth）を使ってみたかった</li>
<li>＋Codeigniterを使ってみたかった</li>
<li>＋なんか作りたかった</li>
</ul>
<p>という上記複合的な理由で作ったのが今回のツール。</p>
<p>正直なところoAuthとCodeigniterでお勉強がてらなので、完成度よりも技術習得が主であったことは、公開後の今となっては隠しておきたい。<br />
１クリックでのポストはまだしも、見てるページをどんどん登録して個人的な関心事を他人のサーバーに教え込もうなどという奇特な方は少ないと思うが、せっかく作ったので、誰に向けてのアピールかも分からないが、リリースをつぶやいちゃったので<del datetime="2010-05-31T08:45:35+00:00">後悔</del>公開。</p>
<p>前回同様、動作は完全無保証なうえ、いきなりデザインを変えようが、貧弱な自宅サーバーでの運用なので止まるし止める。突然の閉鎖も十分にあり得る、などはご了承いただいたうえで、それでも構わない、使いたいという方のお役に立てるのであればこれ幸い。<br />
なお、１クリックで投稿できるってのは、twitterにログインしっぱなしで、twitterのoAuth認証有効期限が現在のように長め（無期限らしい）に設定されている場合に限った話。<br />
前述以外の条件では、oAuthによるアプリケーション認証画面が表示され「許可する」ボタンを、もう１クリックしないといけないということを事前了解いただきたい。</p>
<p>問題のご指摘（特にMacブラウザからのBookmarkletが最終動作確認できていない、など）等ございましたら<a href="http://twitter.com/ohbatch">@ohbatch</a>まで。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ohbatch.net/blog/2010/05/31/922/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ベイジアンフィルタをPHPから利用する</title>
		<link>http://www.ohbatch.net/blog/2010/03/22/896/</link>
		<comments>http://www.ohbatch.net/blog/2010/03/22/896/#comments</comments>
		<pubDate>Mon, 22 Mar 2010 13:47:25 +0000</pubDate>
		<dc:creator>ohbatch</dc:creator>
				<category><![CDATA[未分類]]></category>

		<guid isPermaLink="false">http://www.ohbatch.net/blog/?p=896</guid>
		<description><![CDATA[ここ２ヶ月ほどずっと仕事から帰ってきて、ベイジアンフィルタの組み込みばかりやっていた。せっかく動くようになったので、技術面でのつまづき等についても残しておきたいと思う。
「PHPでベイジアンフィルタ （棚からパルチャギ） [...]]]></description>
			<content:encoded><![CDATA[<p>ここ２ヶ月ほどずっと仕事から帰ってきて、ベイジアンフィルタの組み込みばかりやっていた。せっかく動くようになったので、技術面でのつまづき等についても残しておきたいと思う。</p>
<p>「<a href="http://castor.s26.xrea.com/blog/2008/02/18">PHPでベイジアンフィルタ （棚からパルチャギ）</a>」で紹介されて「<a href="http://www.xhtml.net/php/PHPNaiveBayesianFilter">PHP Naive Bayesian Filter（XHTML.net）</a>」を参考に、というかライブラリもブログの記事もほとんどそのまま利用させていただいた。解説どおりにMySQLにデータベースを作成し、「<a href="http://developer.yahoo.co.jp/webapi/jlp/ma/v1/parse.html">Yahoo!日本語形態素解析</a>」を噛ませる。上記サイトでは、トークンの切り出しメソッドをオーバーライドされていたが、それすらも面倒だったのでそのまま直接メソッドの内容を書き換えるが、ほぼそのまま利用させていただいたので、ソースも省略、詰まったところやさらに手を加えたところを中心に記すことにする。</p>
<p>ありがたいことに、思ったよりスムースに早い段階で動作が確認できたのだが、早速文書を大量に流し込んでフィルタを実行してみると、なぜかものの見事に、全ての記事が「スパム」に判定される。どんな内容でも「spamである確率1、hamである確率0」ってことはないだろうと、メソッド「categorize」の最深ブロックにデバッグ出力を組み込んでみる。</p>
<p>echo $category.&#8217; &#8216;.$token.&#8217; &#8216;.$word['count'].&#8217; &#8216;.$proba.&#8217; &#8216;.$scores[$category].&#8221;\n&#8221;;</p>
<p>これで、判定しようしている文書に出現した単語を元にスパム／ハムである確率が変化していく様子がみてとれる。追いかけていくと、どうもアルゴリズムの特性上、事前学習させる「スパム」「ハム」それぞれの文書量（単語量）の偏りが、フィルタリングの精度に大きく影響してしまうらしい。今回の場合、「ハムとして学習された文書量がスパムのそれと比べ多過ぎ」といったところのようだ。<br />
<a href="http://www.ohbatch.net/blog/wp-content/uploads/2010/03/probability.gif"><img src="http://www.ohbatch.net/blog/wp-content/uploads/2010/03/probability-300x118.gif" alt="" title="執筆時点の学習単語量（クリックで拡大）" width="300" height="118" class="alignright size-medium wp-image-910" /></a>学習した結果の単語量は、テーブル「nb_categories」のフィールド「word_count」にそれぞれ記録されるので、どのカテゴリ（今回はスパム・ハムの２カテゴリ）においても限りなく同等の単語量となるよう学習が必要のようだ。</p>
<p>もうひとつ、同様にメソッド「categorize」の最後にリスケール（rescale）というカテゴリごとの適合度を正規化する関数を通しているようなのだが、動かしてみるとどうもここで丸め誤差が大きい（ほぼ 0 or 1 の二値化に近い数値が返る）。なので、いっそのこと取っ払って出力された適合度に応じた動きはアプリケーションに任せる方針とする。</p>
<pre>//return $this->_rescale($scores); //やめ
return $scores; //イキ
</pre>
<p>最終的にはアプリケーション側で以下のようにハム・スパムの適合度の比を求め、あとは平方根をかけまくって簡易リスケールしてる。結果が１未満なら概ねスパムと判断できそうだ。（ただし適合度の比で判定ができるのは、カテゴリが２通りの場合に限られる）</p>
<pre>$scores['ham']/$scores['spam']</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.ohbatch.net/blog/2010/03/22/896/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>webdesignStatioひとまず完成</title>
		<link>http://www.ohbatch.net/blog/2010/03/20/877/</link>
		<comments>http://www.ohbatch.net/blog/2010/03/20/877/#comments</comments>
		<pubDate>Fri, 19 Mar 2010 16:29:12 +0000</pubDate>
		<dc:creator>ohbatch</dc:creator>
				<category><![CDATA[当サイトについて]]></category>

		<guid isPermaLink="false">http://www.ohbatch.net/blog/?p=877</guid>
		<description><![CDATA[前回取りあえずプロトタイプを作って晒したwebdesignStatioが、当初描いていたモノが一通り形になったので、これまでの経緯（努力？）を記す。
2ヶ月間稼働させてみた所感
検索対象のタグの種類を増やしたこと、また、 [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://statio.ohbatch.net/" target="_blank" title="webdesignStatioへのリンク"><img src="http://www.ohbatch.net/blog/wp-content/uploads/2010/01/screen-300x117.gif" alt="webdesignStatioへのリンク" title="webdesignStatio" width="300" height="117" class="alignright size-medium wp-image-789" /></a>前回取りあえずプロトタイプを作って晒した<a href="http://statio.ohbatch.net/" target="_blank">webdesignStatio</a>が、<a href="http://www.ohbatch.net/blog/2010/01/15/786/" target="_blank">当初描いていたモノ</a>が一通り形になったので、これまでの経緯（努力？）を記す。</p>
<p><strong>2ヶ月間稼働させてみた所感</strong><br />
検索対象のタグの種類を増やしたこと、また、収集間隔を3時間から徐々に1時間→30分→最終的に10分間隔まで縮めたことにより、（勝手に）ベンチマークにしている、同種のサイトと同じくらいの収集量に近づいてきた。単純にブログ単位でRSSフィードを購読していたら、決して見つけられないようなブログ記事などに出会うこともできた。<br />
しかし、こういう多種多量のデータを取り扱う仕組みは、動かしてみないと気付かないことが多く、実際多くの気付きが得られた。</p>
<ul>
<li>ページ内容とは全く無関係のタグを付けている（スパムに近い）ソーシャルブックマークにより、アフィリエイトやドロップシッピング、果てにはエロサイトまでが収集されてしまっている</li>
<li>情報を得るためのニュース記事やTIPSではなく、「きれいに作られた」だけの企業サイトやキャンペーンサイトを、ブックマークするという使い方が混じっている</li>
<li>ウェブ制作に関わる記事じゃなく、ウェブ制作会社のサイトが混じる。</li>
<li>はてブと同じ内容になってしまうと「はてブ読んだ方が早いやん」ってなっちゃうのだが、他のブックマークサイト（特にYahoo、Buzzurlあたり）には結構ノイズが多い</li>
</ul>
<p>で、その対策として最終的に<a href="http://ja.wikipedia.org/wiki/%E3%83%99%E3%82%A4%E3%82%B8%E3%82%A2%E3%83%B3%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF">ベイジアンフィルタ(Wikipedia)</a>に落ち着いたのだが、それが「モノになる」までの軌跡がこちら。</p>
<ul>
<li>収集し記事について、私が「読みたい」か「読みたくない」か全くの主観のみでひたすら分類</li>
<li>それらの記事を<a href="http://developer.yahoo.co.jp/webapi/jlp/ma/v1/parse.html" target="_blank">Yahoo!ディベロッパーネットワーク日本語形態素解析</a>にかけて、単語レベルにまで落とし込んで分類</li>
<li>さらに迷惑メールの判定に使われるベイジアンフィルタリングのアルゴリズムに分類結果を流し込んで学習させる</li>
<li>気に入った学習結果が得られるまで上記を繰り返し。</li>
</ul>
<p>その結果、収集総数約8,000ページ、学習ページ1,000ページ、分類キーワード数15,000種にまで膨れ上がってきたあたりで、ようやく納得のいくものになってきた。最後の１ヶ月間は、ひたすらこの学習を繰り返してばかりだった。もうあと組み込むとしたら再学習の手間を軽減させるくらいかな。「重複したりノイズが混じるRSSを読みたくない」というなんともアマノジャクな動機で始めたのに、よくもまぁここまで私のモチベーションが枯れなかったものだ。</p>
<p><strong>要はこれ、何がしたいのかと言うと</strong><br />
当初の趣旨どおり、このサイトは、今でも私自身のための情報収集を目的にすることに全く変わりはない。いや、はっきり言って「みんなの声を取り入れた、みんなのためのサイト」なんかにするつもりは毛頭ない。むしろ「私の趣味趣向」を学習したエージェントが「半自動的」に情報をかき集めてくることに意味が見いだせるものだと思っている。</p>
<p>実は、私自身インターネットを使う時間が長くなるにつれ、「情報に溺れている／踊らされている」感覚がずっと付きまとって、インターネットでの情報収集にモヤモヤしたものを感じていた。ところが、twitterやtumblrで出てきた「follow」という枠組みを知って、このモヤモヤ感が少し整理ができた気がした。</p>
<p>ウェブデザイン関連のブログを書いていらっしゃる方たちは、海外サイトを翻訳されてらっしゃる方が多いのだが、それこそものすごい数の情報を、それぞれのブロガーさんの視点で「選別して」記事にされてらっしゃる。すると、過去の記事の履歴や閲覧体験から、読者が「この人が選ぶニュースなら『チェックしておこう』もしくは『（ネガティブな見方だけれど）時間の無駄にならない』」という、発信者と読者との間での暗黙的な信頼関係が成り立った上に、すんごい数の購読者がいらっしゃる。<br />
つまり、私達を取り巻く情報が多すぎるため、「何を探してきたか」ではなく「誰の目線で探してきたか」という観点から収集する情報を絞り込むことが、今のインターネットでは非常に有用なんだと思い始めている。</p>
<p>ウェブ制作に関するいわゆるTips系の記事だけに限ると、今ではようやく量も速さも個人的には十分満足がいくレベルになってきているし、私自身最近はここからしか情報収集していない。<br />
どなたかが海外サイトの翻訳記事をアップする前に元サイトが収集されてきたりしてるし、日本語のまとめ記事はまとめ記事としてもちろん収集できてる。ブロガーさんの「ブログ書いた」とツイートを発見して30分後にはきちんとこちらでも捕捉できているのを確認して、ひとりニヤニヤするのを毎日続けてきたんやから＾＾</p>
<p>今まで通り、こいつはいきなりテストでTLが埋まるほどツイートしたりもするし、まだまだ学習されてない予期せぬカテゴリの記事が載っかってくる事もある。私のためだけのツールだけど、一応bit.lyでクリックされた記事の数はモニタしてるし、もしかしたら誰かの役に立ててるかも知れないとも思うので、頑張ってしばらくこいつに私の関心を教え続けていこうと思う。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ohbatch.net/blog/2010/03/20/877/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IT CIRCUS 2010 IN OSAKA に参加してきた</title>
		<link>http://www.ohbatch.net/blog/2010/02/19/864/</link>
		<comments>http://www.ohbatch.net/blog/2010/02/19/864/#comments</comments>
		<pubDate>Thu, 18 Feb 2010 15:57:24 +0000</pubDate>
		<dc:creator>ohbatch</dc:creator>
				<category><![CDATA[雑感]]></category>

		<guid isPermaLink="false">http://www.ohbatch.net/blog/?p=864</guid>
		<description><![CDATA[2月17日に大阪で行われた「IT CIRCUS 2010 IN OSAKA」に参加してきた。
講演の詳細は上記リンク先から参照いただくとして、お話を伺って考えたことや感じたことを、少々長くなるが書き留める。
今回のセミナ [...]]]></description>
			<content:encoded><![CDATA[<p>2月17日に大阪で行われた「<a href="http://www.it-circus.com/">IT CIRCUS 2010 IN OSAKA</a>」に参加してきた。</p>
<p>講演の詳細は上記リンク先から参照いただくとして、お話を伺って考えたことや感じたことを、少々長くなるが書き留める。</p>
<p>今回のセミナーを通じて何より一番強く感じたのは「なんか、ウェブ制作現場の潮流って、ソフトウェア開発の歴史を辿っているような気がする」ということ。せっかくなので、ソフトウェア開発現場が歩んできた道をウェブ制作現場へ照らし合わせてみたうえで、「今後ウェブデザイナーとして求められるもの」を考えてみたい。</p>
<p>ウェブ制作の歴史は、いわゆる「ウェブ制作会社」が会社として成り立つようになってから、まーせーぜー10年程度だ。<br />
少し前までは、制作担当は、なんでも「ウェブデザイナー」と呼ばれる職種にひとくくりにされ、分業のスタイルも整ってはいなかったが、最近ようやく、コーダーやディレクターなどと呼ばれる、いわゆるシステム開発における、プログラマーやプロジェクトマネージャーに相当する職種が浸透してきている。</p>
<p>実際の制作スタイルを見てみると、森川さんの発表内容にもあったとおりウェブの「標準化」と呼ばれる統一された仕様が求められるようになって、5年ほどたとうか。つまり、以前までは「一人のスーパープレイヤー」さえ居れば金になる時代（「一発芸」と表現されていたもの）だった。そういったスタイルが、徐々に苦しくなってくるのは、制作に必要な要素が徐々に体系化されてきたことでもある。</p>
<p>つまり、仕様が標準化されれば、分業ができる。分業ができれば、個々が専門化する。個々が専門化してくると、それぞれ職種に名前が付く（私達はおそらくイマココ）。という流れの中にあることを押さえておきたい。</p>
<p>んで、この流れにのり、専門家の技量水準評価のために、品質評価リストや公的資格が生まれたりする。そうなれば、顧客の要求も「○○を満たせる人材」「○○の条件をクリアするサイト」といったスキルレベルを明確に要求してくるようになる（スキル・品質の数値化、定量化）。<br />
さらに、分業化が進むと、プロセス（いわゆる仕事の進め方）を標準化しよう、統一しようという話題が持ち上がる。一人のスーパープレイヤーの仕事では発生しえなかった、コミュニケーション・ロスが、分業では当然ボトルネックとなってくる。プロセスが標準化されてくると、それぞれ個々のタスクでの「成果物」もおのずと決まってくる。そうして、ひとまずは、案件の計画から制作完了・リリースまでの一連のタスクリストが、制作者間で共通認識として出来上がる。このあたりのプロセス体系は、PMBOKあたりが標準になっていてウェブディレクションに取り入れているところも多い。</p>
<p>ただし、従来のシステム開発で使われるウォーターフォール・モデルではない。既に「市場の変化のスピードの早さ」をまさにフロントエンドで感じざるをえないウェブ制作においては、PDCAサイクルを工程に組み込んだ、スパイラル・モデルとして制作工程ができつつある。（ISO13407のHCDプロセスもそう。）</p>
<p>別に取り立てて特別に言うことではないし、知っている人からすれば「当たり前」のことなのだろうが、近年のソフトウェア開発の歴史は「市場の変化のスピードの早さ」との闘いである、と言っても過言じゃない。ウェブ制作現場においても、きっと同じ道を歩むことになる。</p>
<p>「市場の変化のスピードの早さ」とは、即ち「仕様変更」の回数が増え頻繁になることである。顧客自身が市場変化を捉えきれず、工程途中で仕様が変わることがどうしても増えてくる。「前工程において、合意を得たものだ」と強く断れば良い？<br />
ふふふ、そうも言えないケースだってあるんだから。もう、何なら「あらゆるものは、フィックスなんてしない」という考えでも良いくらいである。だってそのためのサイクルプロセスなのだから。</p>
<p>では、具体的にウェブ制作として、この静かに忍び寄る避けられない脅威に対してどう身を守るべきか。<br />
他にもあるかも知れないが、私が思うのは「制作物の構造化」である。テンプレート、コンポーネント、ライブラリ、フレームワーク．．．要は、呼び方はナンだって構わない。つまり、再利用できるものとそうでないものを可能な限り切り分けて、「変更が発生した場合の作業量を最小にする」ことに留意し、またその努力をすべきである、ということである。</p>
<p>実は、プログラム言語において、過去の偉人達が作り上げてきた、関数、構造体、オブジェクト指向などの概念は全て、作ったものを「再利用」しやすく「変更発生時の影響を最小限に食い止める（変更作業量を最小にする）」ためのものである。<br />
同じ話で、スクリプト言語にOOPが必要なのはもちろん、グラフィックソフトでレイヤーが分かれているのも思想は同じ、てかそもそも、HTMLとCSSが分離して策定されたのも、想定される変更頻度が異なる「テキスト」と「スタイル」を可能な限り分離することで、修正時のソースレベルにおけるインパクトを小さくするためのものである。</p>
<p>積極的にフレームワークやライブラリなどを利用するとともに、何らかの設計の際に、少しこんなことを意識することをお勧めしたい。<br />
「今、私が作っているモノは、絶対に後になって変わる。もしくは（私でない）誰かが変える。その時のために何をすべきか。」という意識がカギである。</p>
<p><a href="http://www.it-circus.com/">IT CIRCUS 2010 IN OSAKA</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ohbatch.net/blog/2010/02/19/864/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>オメデッタ・アリガッタ</title>
		<link>http://www.ohbatch.net/blog/2010/02/06/825/</link>
		<comments>http://www.ohbatch.net/blog/2010/02/06/825/#comments</comments>
		<pubDate>Sat, 06 Feb 2010 06:03:24 +0000</pubDate>
		<dc:creator>ohbatch</dc:creator>
				<category><![CDATA[未分類]]></category>

		<guid isPermaLink="false">http://www.ohbatch.net/blog/?p=825</guid>
		<description><![CDATA[昨晩ふと思いついて、PHP－twitterAPIの勉強がてら、オメデッタと、	アリガッタを作ってみた。


オメデッタ
アリガッタ

twitter上で誰かから誰かへの「おめでとう」と「ありがとう」を検索するだけのものな [...]]]></description>
			<content:encoded><![CDATA[<p>昨晩ふと思いついて、PHP－twitterAPIの勉強がてら、<a href="http://dev.ohbatch.net/omet/index.php" target="_blank">オメデッタ</a>と、	<a href="http://dev.ohbatch.net/omet/index2.php" target="_blank">アリガッタ</a>を作ってみた。<br />
<a href="http://dev.ohbatch.net/omet/index.php"><img src="http://www.ohbatch.net/blog/wp-content/uploads/2010/02/omar.gif" alt="オメデッタ・アリガッタ" title="omar" width="287" height="201" class="alignright size-full wp-image-835" /></a></p>
<ul>
<li><a href="http://dev.ohbatch.net/omet/index.php" target="_blank">オメデッタ</a></li>
<li><a href="http://dev.ohbatch.net/omet/index2.php" target="_blank">アリガッタ</a></li>
</ul>
<p>twitter上で誰かから誰かへの「おめでとう」と「ありがとう」を検索するだけのものなのだが、どうせ実用性は全く意識してないので、せっかくならポジティブで、見てるだけでなんかハッピーな気持ちになれるものがいいなぁ、と。</p>
<p>せっかくなら、このみんなのポジティブなメッセージかプロフィールアイコンを使って、何かが「作り上げられていく」ようなものをFLASHで見せるとか、<br />
集めた情報をさらに「発信」して、感謝やお祝いの気持ちを増幅いくようなものとか、楽しそうだな。</p>
<p>ほとんど何もしてないけど一応工夫したところなどを。</p>
<ul>
<li>本文中のに出現する @(ユーザー) の記述が１つだけのものに限定して、「誰かから誰か(1:1)」のメッセージに絞る。（多重RTされたものを排除）</li>
<li>質の高いおめでとう／ありがとう（？）に限定するため、「遅くなりましたが．．．」というコンテキストを排除するため「遅」の字が入ったメッセージは諦める。</li>
<li>おめでとう版とありがとう版をセットで見せて、より「ほっこり感（何それ）」を求める</li>
</ul>
<p>眺めてたら「教えてくれてありがとう」的な小さなものから、結婚・出産などの大きな「おめでとう」まで垣間見れて、（誰だか知らないんだけど）なんだか微笑ましい。気が向いたらまた手を加えてみようかな。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ohbatch.net/blog/2010/02/06/825/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTMLコーダー100の質問に答えてみた</title>
		<link>http://www.ohbatch.net/blog/2010/01/23/804/</link>
		<comments>http://www.ohbatch.net/blog/2010/01/23/804/#comments</comments>
		<pubDate>Sat, 23 Jan 2010 00:25:06 +0000</pubDate>
		<dc:creator>ohbatch</dc:creator>
				<category><![CDATA[未分類]]></category>

		<guid isPermaLink="false">http://www.ohbatch.net/blog/?p=804</guid>
		<description><![CDATA[「HTMLコーダー100の質問」というものを見つけた。あーそうそう100の質問とか少し前にあったよね、みたいな感じで回答してみた。
結果的に回答を終えるまでに、「ワタシはきっとHTMLコーダーじゃない」という結論に達し、 [...]]]></description>
			<content:encoded><![CDATA[<p>「<a href="http://akbd.info/?p=1172" target="_blank">HTMLコーダー100の質問</a>」というものを見つけた。あーそうそう100の質問とか少し前にあったよね、みたいな感じで回答してみた。</p>
<p>結果的に回答を終えるまでに、「ワタシはきっとHTMLコーダーじゃない」という結論に達し、そのまま100まで慣性運動で回答するという事態となった。</p>
<p><span id="more-804"></span><br />
<strong>1年齢は？</strong><br />
30手前</p>
<p><strong>2パソコン歴は？</strong><br />
17年</p>
<p><strong>3コーダー歴はどれくらいですか？</strong><br />
4,5年</p>
<p><strong>4初めてwebを作ったのはいつですか？</strong><br />
最初にHTMLに触れたのは10年くらい前</p>
<p><strong>5コーダーになろうと思ったきっかけは？</strong><br />
仕事で必要になったから。けどコーダーじゃない気がする。</p>
<p><strong>6コーディングは誰に／どこで習いましたか？</strong><br />
印象深いのは、とほほのWWW入門 かな。</p>
<p><strong>7web業界以外の友達・家族とコーディングの話をしますか？</strong><br />
話す理由が分からない。</p>
<p><strong>8ご両親はインターネットユーザーですか？</strong><br />
いいえ。<br />
あ、けど母親はちょっと使ってみてるらしい。</p>
<p><strong>9視力はいくつくらい？メガネ・コンタクトどちらですか？</strong><br />
両目とも1.5、伊達眼鏡はタマにかけます。</p>
<p><strong>10本はAmazonで買いますか？</strong><br />
書店で買うのが大好きです。</p>
<p><strong>11ネットショッピングをしますか？主に買うものは何ですか？</strong><br />
iTunesでアルバムCDを買うぐらいかな。</p>
<p><strong>12携帯サイトで買い物をしたことがありますか？</strong><br />
着うたを含めていいなら。</p>
<p><strong>13お酒は強いですか？</strong><br />
周りから強い方だと言われます。</p>
<p><strong>14休日の過ごし方を教えて下さい。</strong><br />
こうしてPC触ってるかな、</p>
<p><strong>15今、欲しいものは何ですか？</strong><br />
正直言うと「将来への安心」かな、うは。</p>
<p><strong>16平均睡眠時間を教えて下さい。</strong><br />
5～8時間、あ、これじゃ平均になってないね。</p>
<p><strong>17平日の起床時間は何時ですか？</strong><br />
7～8時</p>
<p><strong>18なにかスポーツをしていますか？</strong><br />
最近になって、ようやくスノボとかゴルフとか自転車とか。</p>
<p><strong>19パソコンと関係ない趣味がありますか？</strong><br />
カメラとか自転車とかギターとか</p>
<p><strong>20コーディングに役立つ資格、パソコン関係の資格を持ってますか？</strong><br />
役立ちはしないけど、広くコンピュータをよく知るという意味では、情報処理第二種。てかコーディングに役立つ資格があるの？</p>
<p><strong>21昼と夜、どちらの方が仕事がはかどりますか？</strong><br />
昼と言いたいけど、やっぱり夜の方がはかどる。</p>
<p><strong>22ブラインドタッチは教本通り10本の指を使いますか？</strong><br />
全部使うけど、特定のキーは小指を薬指や中指で代用する場合が多い。</p>
<p><strong>23眠い時の対処法はありますか？</strong><br />
寝る。おー「対処」じゃない。</p>
<p><strong>24息抜きについ見てしまうサイトはなんですか？</strong><br />
twitterかな</p>
<p><strong>25他に息抜きにしていることがあったら教えて下さい。</strong><br />
てか常時息抜きと言えるでしょう。タバコかな。</p>
<p><strong>26仕事上で得意なことはありますか？それは何ですか？</strong><br />
得意なのは、やっぱりプログラミングかも。<br />
けどハードウェアも見るし、ネットワークもやるし、サーバーも立てたりもやる。</p>
<p><strong>27仕事中にBGMは聞けますか？能率が上がるのはどんな音楽ですか？</strong><br />
職場ではラジオがかかってる。<br />
自宅だと Last.fm。 聞き慣れた音楽なら何かけても邪魔にはならない。</p>
<p><strong>28作業パソコンはWin?Mac?</strong><br />
Win</p>
<p><strong>29作業パソコンはデスクトップ？ノート？</strong><br />
会社はデスクトップ。</p>
<p><strong>30作業パソコンのマウスは標準マウスですか？</strong><br />
職場ではマウス。</p>
<p><strong>31マウスパッドは使っていますか？</strong><br />
職場では使ってません。</p>
<p><strong>32作業パソコンにAdobe製品は何が入っていますか？</strong><br />
職場は DW、FWのMX。<br />
自宅では、CS WebPremium。</p>
<p><strong>33作業パソコンはモニタは何インチですか？</strong><br />
自宅は12.1インチ+19インチワイド。<br />
職場は17インチ。</p>
<p><strong>34自宅にパソコン持ってますか？いくつありますか？</strong><br />
ノート１、Linuxサーバー１。</p>
<p><strong>35自宅に作業環境はある？</strong><br />
小学生ん時の学習机を未だに使ってる。<br />
けど最近寒いのでリビングで作業してる。</p>
<p><strong>36会社と自宅、作業はどちらがはかどりますか？</strong><br />
作業環境じゃなくて、作業内容による。</p>
<p><strong>37自宅パソコンは家族と共用ですか？</strong><br />
共用できるようにしてるけど、誰も使わない。<br />
娘がネットで児童向けコンテンツを見たいとせがんでくるぐらい。</p>
<p><strong>38自宅パソコンはWin?Mac?</strong><br />
おーここまで来てわかった、、<br />
今までの「作業パソコン」とは会社パソコンについてだったのか。<br />
自宅もWindows。</p>
<p><strong>39自宅パソコンのメーカーは何ですか？</strong><br />
ノートはLenovo<br />
サーバー用は自作</p>
<p><strong>40自宅パソコンはデスクトップ？ノート？</strong><br />
ノート</p>
<p><strong>41打ち合わせのメモは手描きとテキストどちらがいいですか？</strong><br />
場合によるな。<br />
説明ん時に手書きのチャートとかよく描く。</p>
<p><strong>42スケジュール管理は何でしてますか？（手帳・アプリケーション・webツール・モバイルなど）</strong><br />
仕事は会社のMSExchange（←けどこれ嫌い）<br />
あとはA5手帳。</p>
<p><strong>43メーラーは何を使ってますか？</strong><br />
職場はMSOutlook、個人用はGmail。</p>
<p><strong>44RSSリーダーは何を使ってますか？</strong><br />
Firefoxのライブブックマーク</p>
<p><strong>45好きなポータルサイトはどこですか？</strong><br />
ポータルサイトを足がかりにするサイトはないな。</p>
<p><strong>46ブックマークは何で管理していますか？</strong><br />
delicious。<br />
けど自分で<a href="http://dev.ohbatch.net/wwd/index1.html">サブスクライバ</a>作ってからブックマークする必要性を感じなくなってきた。</p>
<p><strong>47不得意だけど使わねばならない技術はありますか？</strong><br />
ウェブやってて不得意を感じるのはperlとモバイルサイト。</p>
<p><strong>48web系の雑誌を購読していますか？</strong><br />
定期購読はしてない</p>
<p><strong>49webの参考書は何冊くらい持っていますか？</strong><br />
何冊あるやろ、コーディングの本なら数冊かな、webプログラム含めたらもう。</p>
<p><strong>50お薦めの参考書があったら教えて下さい。</strong><br />
コーダーなら「Web標準の教科書―XHTMLとCSSでつくる“正しい”Webサイト」</p>
<p><strong>51参考にしているおすすめサイトがあったら教えて下さい。</strong></p>
<p>http://dev.ohbatch.net/wwd/index1.html</p>
<p><strong>52コーディングに使ってる、便利なツールを教えてください。</strong><br />
GNU Wget Win32版、xyzzy、Devas</p>
<p><strong>53コードにコメントはつけてますか？</strong><br />
HTMLにはまずつけない＞＜<br />
CSSには大括りの見出し程度</p>
<p><strong>54制作過程で、どの作業が一番好きですか？(コーディング、画像作成、検証、打ち合わせ)？</strong><br />
コーディングと画像作成、たまにプログラムとかを交互にやると気分転換になって良い。</p>
<p><strong>55画像切り出しに使うソフトはなんですか？</strong><br />
Fireworks</p>
<p><strong>56webデザインに使うソフトはなんですか？</strong><br />
Fireworks</p>
<p><strong>57検証対象ブラウザは何個ありますか？</strong><br />
基本FirefoxとIETester。</p>
<p><strong>58一から新規制作とリニューアル、どちらが好きですか？</strong><br />
コンテンツが揃っていて思うようにデザインできるから、<br />
「一からリニューアル」が一番いい。</p>
<p><strong>59定期運用と新規制作、どちらが好きですか？</strong><br />
定期運用はキラい</p>
<p><strong>60テーブルコーディング業務はありますか？</strong><br />
動的生成ページならTABLEの方が楽なこと多いね。<br />
さすがにBODY全体をTABLEで括ることは最近もうないな。</p>
<p><strong>61新規制作の割合はどれくらいですか？</strong><br />
コーディングやってる時間がそもそも少ないかも。<br />
コーディング時間だけを分母にすれば、新規90%。</p>
<p><strong>62iPhoneサイトのコーディングをしたことはありますか？</strong><br />
ないよ。</p>
<p><strong>63よく使うJavaScriptがあったら教えて下さい。</strong><br />
jQuery　あたらしいバージョン早く使ってみたい。</p>
<p><strong>64携帯サイトのコーディング業務をしていますか？</strong><br />
やってる、けどニガテ</p>
<p><strong>65FLASHはどのくらいできますか？</strong><br />
どのくらいもできません。<br />
ASは勉強してみたいけど、あーゆーイベントドリブンなのは苦手。</p>
<p><strong>66いま興味がある技術はありますか？</strong><br />
最近またプログラム熱が高い。</p>
<p><strong>67自分の書いたコードは美しい？</strong><br />
美しいかどうか別にして、プラグラマ上がりらしいコードだと思う</p>
<p><strong>68ソーステンプレートを作っていますか？</strong><br />
ソーステンプレートって何？<br />
テンプレートと呼ばれるものはだいたい使ったり準備したりしてる。<br />
あーゆー「共通」と「個別」を分離するアーキテクチャは大好き。</p>
<p><strong>69単語登録にタグを登録していますか？</strong><br />
いいえ。texterでやってみたいんだけど、タグ変換のトリガーにするキーをどれにしようか悩んでる。</p>
<p><strong>70HTML5、早く実務で使いたい？</strong><br />
使うメリットが実感としてないのでまだいい。</p>
<p><strong>71CSS3、早く実務で使いたい？</strong><br />
使うメリットが実感としてないのでまだいい。</p>
<p><strong>72コーディングで伸ばしたい技術は？</strong><br />
モバイル向け、かな</p>
<p><strong>73コーディング以外で伸ばしたい技術はありますか？</strong><br />
技術？　強いていうと仕事を前に進める技術。</p>
<p><strong>74職場にコーダー専門職は何人いますか？兼務は何人ですか？</strong><br />
専門はいないよ<br />
兼務なら私以外にお二人がお勉強中。</p>
<p><strong>75職場のコーダー男女比はどのくらい？</strong><br />
そもそも私は「コーダー」なのか疑問が沸いてきた。</p>
<p><strong>76勤務時間は何時から何時までですか？</strong><br />
9～18時</p>
<p><strong>77通勤時間はどのくらいですか？</strong><br />
15分</p>
<p><strong>78月の残業時間は最高何時間でしたか？</strong><br />
今はまずない。SEん時はどれくらいだったかな。</p>
<p><strong>79現在の仕事環境で良いところはどんなところですか？</strong><br />
大きなトラックが前の道を通るとオフィスが揺れる。<br />
あ、「良いところ」でしたか、そりゃいろいろともう。</p>
<p><strong>80デザイナなど他の仕事とコーディングを兼務してますか？</strong><br />
なんでもやります。</p>
<p><strong>81職場は服装自由ですか？何か規則はありますか？</strong><br />
原則自由です。</p>
<p><strong>82休日出社や徹夜作業はありますか？</strong><br />
ないです。</p>
<p><strong>83プライベートでサイト／ブログを持ってますか？</strong><br />
持ってます。</p>
<p><strong>84プライベートでドメインを持っている。</strong><br />
持ってます。</p>
<p><strong>85プライベートでサーバーを持っている。借りている。</strong><br />
自宅に置いてます。</p>
<p><strong>86CSS Niteには何回行きましたか？</strong><br />
行ってません。</p>
<p><strong>87地方のCSS Nite行ったことありますか？</strong><br />
行ったことありません。</p>
<p><strong>88尊敬するwebクリエイターがいたら教えて下さい。</strong><br />
自分の作業範囲を縛らない人で仕事できる人を尊敬します。</p>
<p><strong>89旅行に行く時パソコンを持っていきますか？持っていきたいですか？</strong><br />
「一人の時間」がある旅行なら持って行きたいです。</p>
<p><strong>90好奇心を満たす面白い仕事を無償でやったことがありますか？どんな仕事でしたか？</strong><br />
無償なものは「仕事」だと思わないことにしてる、それは趣味か勉強。<br />
仕事だと思った瞬間に無償でもなんだかモチベーション下がる。。</p>
<p><strong>91ディレクターなどキャリアチェンジを考えてますか？一生コーダーを貫きますか？</strong><br />
ごめん、今もたぶん「コーダー」ではないと思うんだワタシ。</p>
<p><strong>92特定のパートナー（彼女・彼氏・夫・妻）がいますか？相手は同業者ですか？</strong><br />
妻がいます。業種は全くの正反対。</p>
<p><strong>93パートナーは同業者がいい？別の職種がいい？</strong><br />
正反対だと、価値観が合わなくて面白いよ（？）。</p>
<p><strong>94コーダーをやっててよかったなあと思うときは？</strong><br />
コーディングは楽しい。プログラムと違って、覚えることが少なめで、何より自分が作った「結果」が見られるまでの時間が早い。けど専門も「コーダー」とか「マークアッパ」と呼ばれるようにはなりたくないな。</p>
<p><strong>95何年後／何歳までコーダーをやるつもりですか？</strong><br />
コーダーではないだろうけど、コーディングはずっとやるよ。</p>
<p><strong>96次の締め切りはいつですか？</strong><br />
いつかな。</p>
<p><strong>97コーダー以外だったらどんな職に就きたいですか？</strong><br />
あ、パソコン教室の先生とかもいいかも。</p>
<p><strong>98よいコーダーの条件を３つあげてください。</strong><br />
お客さんの運用や、そこから今後起こりうる変更が想像でき、<br />
それをコードの柔軟性として落とし込めること。<br />
3つになってないな。</p>
<p><strong>9910年後、あなたは何をしてると思いますか？</strong><br />
フリーランスを経由して会社起こして社長になっていたい。</p>
<p><strong>100コーダーとしての自分を100点満点で評価してください。</strong><br />
30点程度でしょうか。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ohbatch.net/blog/2010/01/23/804/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>webdesignStatio</title>
		<link>http://www.ohbatch.net/blog/2010/01/15/786/</link>
		<comments>http://www.ohbatch.net/blog/2010/01/15/786/#comments</comments>
		<pubDate>Fri, 15 Jan 2010 14:50:24 +0000</pubDate>
		<dc:creator>ohbatch</dc:creator>
				<category><![CDATA[当サイトについて]]></category>

		<guid isPermaLink="false">http://www.ohbatch.net/blog/?p=786</guid>
		<description><![CDATA[ウェブデザイン関連のニュースやブログ記事を効率よく収集するために、ソーシャルブックマークのサブスクライバを作ってみた。

webdesignStatio
はてなブックマーク、@niftyクリップ！、Yahoo!Japan [...]]]></description>
			<content:encoded><![CDATA[<p>ウェブデザイン関連のニュースやブログ記事を効率よく収集するために、ソーシャルブックマークのサブスクライバを作ってみた。</p>
<p><a href="http://statio.ohbatch.net/" target="_blank"><img src="http://www.ohbatch.net/blog/wp-content/uploads/2010/01/screen-300x117.gif" alt="webdesignStatio" title="webdesignStatio" width="300" height="117" class="alignright size-medium wp-image-789" /><br />
webdesignStatio</a></p>
<p><a href="http://b.hatena.ne.jp/" target="_blank">はてなブックマーク</a>、<a href="http://clip.nifty.com/" target="_blank">@niftyクリップ！</a>、<a href="http://bookmarks.yahoo.co.jp/" target="_blank">Yahoo!Japanブックマーク</a><br />
<a href="http://bookmark.fc2.com/" target="_blank">FC2ソーシャルブックマーク</a>、<a href="http://buzzurl.jp/" target="_blank">Buzzurl</a>、<a href="http://pookmark.jp/" target="_blank">POOKMARK Airlines</a>、<ins datetime="2010-01-16T04:03:48+00:00"><a href="http://clip.livedoor.com/" target="_blank">livedoor クリップ</a></ins>というオンラインのブックマークサービス（SBM=ソーシャルブックマーク）からウェブデザイン関連に特化した情報を収集しているので、<br />
誰かが「後になっても読みたい」「いつか参考になる」「誰かに教えたい」と判断した記事ばかりが収集されるのが特徴。</p>
<p>かといって、もし自身でこれらのSBMを購読するには、面倒なうえ同じ記事が重複していたりと何かと効率も悪い。</p>
<p>こうしたフィード収集のサービスは、他にも類似したものが数多くあるのだが、更新が遅いとか、ノイズ情報が多いとか、純粋に見にくいとかで、ただ何となく自分に合わなかった。<br />
いろいろ試した結果、結局自作するに至る。</p>
<p>作る上で意識したのは以下の特徴について。</p>
<ul>
<li>早く追える<br />ニュースのストック（蓄積）ではなく、フロー（流量）としての利用を目的に、更新された情報のみを素早くチェックできるように。</li>
<li>最低限みんなと同じ<br />
誰も見たこともない先進的過ぎる記事は断念。定期的にチェックするにあたり、最低限みんなが見てる記事だけでも追いかけられるように。</li>
<li>人の目は入れない<br />
個人的にお勧めしたいページが載らなかったり、明らかに閲覧者が低そうなページが含まれたりするが、私の判断を介してしまうと、私の「天の邪鬼さ」から言って更新しなくなることは必須。なので、記事の収集・掲載は完全自動。なので、更新されるタイミングも一定</li>
</ul>
<p>ここ3週間ほど自分で試してみて、自分自身毎日見るようになった（見られる程度まで完成した）ので、公開してしまおう。<br />
もちろん、動作は完全無保証なうえ、いきなりデザインを変えたりもするし、貧弱な自宅サーバーでの運用なので突然の閉鎖も十分にあり得る、などはご了承いただきたい。</p>
<p>それでも何かお役に立てるならば是非ご利用ください。<br />
<a href="hhttp://statio.ohbatch.net">webdesignStatio</a></p>
<p>2010.01.16 翌朝追記<br />
Thanks a lot.<br />
<a href="http://b.hatena.ne.jp/" target="_blank">はてなブックマーク</a>,<a href="http://clip.nifty.com/" target="_blank">@niftyクリップ！</a>,<a href="http://bookmarks.yahoo.co.jp/" target="_blank">Yahoo!Japanブックマーク</a>,<a href="http://bookmark.fc2.com/" target="_blank">FC2ソーシャルブックマーク</a>,<a href="http://buzzurl.jp/" target="_blank">Buzzurl</a>,<a href="http://pookmark.jp/" target="_blank">POOKMARK Airlines</a>,<a href="http://clip.livedoor.com/" target="_blank">livedoor クリップ</a>,<a href="http://31tools.com/cbl_activerecord/" target="_blank">CBL ActiveRecord</a>,<a href="http://pear.php.net/package/Pager" target="_blank">PEAR::Pager</a>,<a href="http://lastrss.oslab.net/" target="_blank">lastRSS</a>, <a href="http://960.gs/" target="_blank">960 GRID SYSTEM</a>,<a href="http://www.addclips.org/" target="_blank">AddClips</a>,<a href="http://tweetbuzz.jp/" target="_blank"/>tweetbuzz</a>, <ins datetime="2010-01-30T14:52:52+00:00"><a href="http://www.thumbshots.com" target="_blank" title="Thumbnails Previews by Thumbshots">Thumbnails powered by Thumbshots</a></ins>, and more!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ohbatch.net/blog/2010/01/15/786/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>公衆無線LANデビュー</title>
		<link>http://www.ohbatch.net/blog/2010/01/15/777/</link>
		<comments>http://www.ohbatch.net/blog/2010/01/15/777/#comments</comments>
		<pubDate>Fri, 15 Jan 2010 14:06:48 +0000</pubDate>
		<dc:creator>ohbatch</dc:creator>
				<category><![CDATA[日記]]></category>

		<guid isPermaLink="false">http://www.ohbatch.net/blog/?p=777</guid>
		<description><![CDATA[今まで無線LANは自宅での作業にしか利用していなかったのだが、初めて出張に合わせて公衆無線LANを利用してみた。
公衆無線LANってどれも月額費用がかかるものとばかり思い込んでいたのだが、たまたま貸会議室で利用可能だった [...]]]></description>
			<content:encoded><![CDATA[<p>今まで無線LANは自宅での作業にしか利用していなかったのだが、初めて出張に合わせて公衆無線LANを利用してみた。</p>
<p>公衆無線LANってどれも月額費用がかかるものとばかり思い込んでいたのだが、たまたま貸会議室で利用可能だったNTTコミュニケーションズの<a href="http://www.hotspot.ne.jp/" target="_blank">HOTSPOT</a>は、「一日だけの利用が可能だ」と、貸し会議室のお姉さんが案内してくれた。おねーさんありがとう。</p>
<p><a href="http://www.flickr.com/photos/ohbatch/4270685883/" title="HOTSPOT 1DAY PASSPORT by ohbatch, on Flickr"><img src="http://farm5.static.flickr.com/4060/4270685883_a1356f2ea0_m.jpg" width="180" height="240" alt="HOTSPOT 1DAY PASSPORT " align="right" /></a><br />
IEEE802.11aとbが利用可能で、一日（正確にはログインしてから24時間）で利用料500円。携帯電話からクレジットカードによる決済で、オンラインによる即時発行も可能。</p>
<p>継続的に月に1日以上使うことがあるのなら、他社の同様のサービスも含め、月定額のプランを検討すべきだろう。</p>
<p>しかし、たまの出張等で利用する場合や、そもそも月にどのくらいの頻度で外出先で無線LANを必要とするかが分からない場合の「様子見」としても、この1DAY PASSPORTは便利だ。</p>
<p><a href="http://www.hotspot.ne.jp/oneday/" target="_blank">1DAY PASSPORT | 無線LANサービス ホットスポットhttp://www.hotspot.ne.jp/oneday/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ohbatch.net/blog/2010/01/15/777/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>謹賀新年 in2010</title>
		<link>http://www.ohbatch.net/blog/2010/01/04/758/</link>
		<comments>http://www.ohbatch.net/blog/2010/01/04/758/#comments</comments>
		<pubDate>Mon, 04 Jan 2010 13:24:25 +0000</pubDate>
		<dc:creator>ohbatch</dc:creator>
				<category><![CDATA[当サイトについて]]></category>

		<guid isPermaLink="false">http://www.ohbatch.net/blog/?p=758</guid>
		<description><![CDATA[あけましておめでとうございます。
当サイトのドメインの契約延長（毎年1月13日）があって気付いたのだが、当ドメインは、今月の13日で丸６年になるらしい。
６年とは結構な年月である。
流石に今年はブログ上でもう少し活動した [...]]]></description>
			<content:encoded><![CDATA[<p>あけましておめでとうございます。<br />
当サイトのドメインの契約延長（毎年1月13日）があって気付いたのだが、当ドメインは、今月の13日で丸６年になるらしい。</p>
<p>６年とは結構な年月である。<br />
流石に今年はブログ上でもう少し活動したい―詰まるところ即ちマメに更新したい―ところだが、昨年までは通勤時間を使って読書なりブログの原案書きなどしていたのだが、転職により自転車通勤となってからは、ブログのネタ探しをする時間を「見失って」しまっている（時間が「ない」とは口が裂けても言えないが、生活リズムの中から、適当なタイミングをまさに「見失った」のである）。</p>
<p>昨年の内に自宅サーバーのハード環境には一通り手を入れているので、今年はソフト／コンテンツを整理・充実させていきたい。転職して「環境」を変えた私生活としても同じ事が言えるかも知れない。<br />
昨年の内に舞台はできあがっている。<br />
今年は、その上で私がどう振る舞い、何をアウトプットしていくのか、が問われる年になるんだろう。情けない表現しか思い浮かばないが、良くも悪くも「もう逃げ道がない」</p>
<p>今年もよろしくお願いいたします。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ohbatch.net/blog/2010/01/04/758/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
