<?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/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>Aerialarts &#187; hatena</title>
	<atom:link href="http://aerial.st/tags/hatena/feed/" rel="self" type="application/rss+xml" />
	<link>http://aerial.st</link>
	<description></description>
	<lastBuildDate>Mon, 16 Jan 2012 09:56:44 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.1</generator>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://aerial.st/tags/hatena/feed/" />
		<item>
		<title>OmniAuthをはてなのOAuthに対応させてみた</title>
		<link>http://aerial.st/archive/2010/12/14/add-hatena-support-to-omniauth/</link>
		<comments>http://aerial.st/archive/2010/12/14/add-hatena-support-to-omniauth/#comments</comments>
		<pubDate>Mon, 13 Dec 2010 15:12:47 +0000</pubDate>
		<dc:creator>ikm</dc:creator>
				<category><![CDATA[hatena]]></category>
		<category><![CDATA[omniauth]]></category>

		<guid isPermaLink="false">http://aerial.st/?p=861</guid>
		<description><![CDATA[はてながOAuthに対応したのでOmniAuthを対応させてみた：a2ikm / omniauth 基本はtwitter用のストラテジをコピーしてはてな用にAPIのURL等を書き換えた程度。唯一面倒くさかったのは権限の範囲を指定するscopeオプションの指定方法。これはTripItのものを参考にした。ただハードコーディング気味なのでこれを開発者側で適当に指定する方法があればpull requestを出してみようかと（だれかがやってたらありがたく使わせてもらいたい）。 でもFacebookのものもハードコーディングだったしなぁ。 などなど。]]></description>
		<wfw:commentRss>http://aerial.st/archive/2010/12/14/add-hatena-support-to-omniauth/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://aerial.st/archive/2010/12/14/add-hatena-support-to-omniauth/" />
	</item>
		<item>
		<title>はてなスターを設置</title>
		<link>http://aerial.st/archive/2010/12/05/setup-hatena-star/</link>
		<comments>http://aerial.st/archive/2010/12/05/setup-hatena-star/#comments</comments>
		<pubDate>Sat, 04 Dec 2010 18:55:49 +0000</pubDate>
		<dc:creator>ikm</dc:creator>
				<category><![CDATA[hatena]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://aerial.st/?p=840</guid>
		<description><![CDATA[はてなスターを設置した。以前にも設置していたけど、Wordpressのテーマを切り替えたりで無くなっていた（ここらへんの運用はかなりテキトーなのでちょっと申し訳ない）。 基本的にははてなスターをブログに設置するにはを読めば良いんだけど、設置する際にちょっと手間取ったのでメモ。 WordPress対応と書いてあるけどそれは多分Wordpress.comの話で、自由にテーマを切り替えられる野良Wordpressでは「はてなスター非対応のページでスターを設置するには、」以下を参考にentryNodesを設定する必要がある。 entryNodesで何を設定するのかというと、ページを読み込んだときのHTMLのどこにそのエントリのURL（uri）、タイトル（title）、スターを配置する要素（container）の3つをCSSのセレクタで指定してやる。 WordPressのテーマはコードの整形が残念だったりすることがままあるので、そこはGoogle ChromeやSafari、Firefox（+Firebug）でInspect ElementしてDOMツリーを見た方が断然楽。 例えば次のようなツリー構造があったとする： &#60;div class=&#34;section&#34;&#62; &#60;h3 class=&#34;section_title&#34;&#62; &#60;a href=&#34;http://example.com/blog/20101205&#34; class=&#34;permalink&#34;&#62;エントリのタイトル&#60;/a&#62; &#60;/h3&#62; &#60;div class=&#34;section_body&#34;&#62; &#60;p&#62;本文&#60;/p&#62; &#60;/div&#62; &#60;/div&#62; この場合、ヘッダ（header.php内のhead要素内）には次のような記述をする： &#60;script type=&#34;text/javascript&#34; src=&#34;http://s.hatena.ne.jp/js/HatenaStar.js&#34;&#62;&#60;/script&#62; &#60;script type=&#34;text/javascript&#34;&#62; Hatena.Star.Token = &#34;（ブログを登録したときに与えられるToken）&#34;; Hatena.Star.SiteConfig = { entryNodes: { 'div.section': { uri: 'h3 a.permalink', title: 'h3', container: 'h3' } } }; &#60;/script&#62; これははてなのサンプルのuriの部分を'h3 a'から'h3 a.permalink'に変更したもの。はてなブックマークのブックマーク数とか表示している場合にh3内に複数のa要素が出来て微妙じゃないか？もうちょっとclassを指定したほうが安全なんじゃ？と思ったので。 ただこの辺の調整はテーマによりけりなので、DOMツリーとCSSセレクタとを見比べながらやるしかない。]]></description>
		<wfw:commentRss>http://aerial.st/archive/2010/12/05/setup-hatena-star/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://aerial.st/archive/2010/12/05/setup-hatena-star/" />
	</item>
		<item>
		<title>2ch Star v0.2</title>
		<link>http://aerial.st/archive/2008/05/26/2ch-star-v02/</link>
		<comments>http://aerial.st/archive/2008/05/26/2ch-star-v02/#comments</comments>
		<pubDate>Sun, 25 May 2008 17:19:23 +0000</pubDate>
		<dc:creator>ikm</dc:creator>
				<category><![CDATA[2ch]]></category>
		<category><![CDATA[greasemonkey]]></category>
		<category><![CDATA[hatena]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://aerial.st/?p=395</guid>
		<description><![CDATA[2ch Starは、2ちゃんねるのレスにはてなスターを付けるためのGreasemonkeyスクリプトです。version 0.2を書きましたので公開してみます：2ch Star v0.2 version 0.1とは以下の点が異なります。 通常の（専用ブラウザを介さない素の）2ちゃんねるに加えて、p2.2ch.netに対応しています。 URLにはPermalink for 2ちゃんねるを使わせてもらっています。 (bug fix) ページのタイトルが正しく取得できていない点を修正しました。 インストールする際は上記リンクからjsファイルをダウンロードし、&#8217;2chStar.user.js&#8217;という風にリネームしてからGreasemonkeyをインストール済みのFirefoxにD&#38;Dしてください。 注意点としては、 2ちゃんねる側のページからスターを削除できない（はてなのStartからは削除できる） 等があります（原因はよくわかりません。posが未定義ってなんだ？）。自己責任で使用してください。 追記 GitHubにも置いておきます。]]></description>
		<wfw:commentRss>http://aerial.st/archive/2008/05/26/2ch-star-v02/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://aerial.st/archive/2008/05/26/2ch-star-v02/" />
	</item>
		<item>
		<title>2ちゃんねるではてなスター</title>
		<link>http://aerial.st/archive/2008/05/19/gmscript-for-hatenan-star-in-2ch/</link>
		<comments>http://aerial.st/archive/2008/05/19/gmscript-for-hatenan-star-in-2ch/#comments</comments>
		<pubDate>Mon, 19 May 2008 04:59:57 +0000</pubDate>
		<dc:creator>ikm</dc:creator>
				<category><![CDATA[2ch]]></category>
		<category><![CDATA[hatena]]></category>

		<guid isPermaLink="false">http://aerial.st/?p=392</guid>
		<description><![CDATA[Greasemonkeyで書いてみた：2ch Star いくつか制限がある： 削除ができない（なんかエラーが出る） 現行スレしかできない（dat落ちした・HTML化された場合にURIが定まらない） 使用については自己責任で。 Twitter Starを参考にさせてもらいました。 version 0.2を公開しています。]]></description>
		<wfw:commentRss>http://aerial.st/archive/2008/05/19/gmscript-for-hatenan-star-in-2ch/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://aerial.st/archive/2008/05/19/gmscript-for-hatenan-star-in-2ch/" />
	</item>
		<item>
		<title>はてなスターを導入してみた</title>
		<link>http://aerial.st/archive/2008/04/23/hatena-star/</link>
		<comments>http://aerial.st/archive/2008/04/23/hatena-star/#comments</comments>
		<pubDate>Tue, 22 Apr 2008 16:10:44 +0000</pubDate>
		<dc:creator>ikm</dc:creator>
				<category><![CDATA[hatena]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[WEBサービス]]></category>

		<guid isPermaLink="false">http://aerial.st/?p=376</guid>
		<description><![CDATA[はてなブックマークより使い方的に簡単で、気持ち的にも気軽にできるので、「WordPressに「はてなスター」を設置してみた」@massat.jpを参考に導入してみた。 自分だけなのかもしれないけど、はてなブックマークって登録する手順が面倒じゃないですか？もしかしたらGreasemonkeyあたりで使いやすくできるのかもしれないけど、素のままでコメントはほとんどせずにタグ付けして管理してる自分にはいくつかの点で煩わしく感じる。 例えば、 1. あの大量のタグ一覧から目的のタグを選び出すこととか、 2. それをクリックする際にコメント入力欄がスクロールされて隠れている場合に、勝手に入力欄を表示しようとスクロールしたり、 3. 登録画面が外部ウィンドウだったりもしくはページを遷移したりして全然シームレスじゃなかったり、 4. そもそも重かったり。 ひとまず4.は置いておいて。 1.に関しては「人物名は先頭に!を付ける」や「評価（これはすごい、など）は先頭に*を付ける」などとしてキーボードからそれらを入力した際に候補が表示されると同時に、一覧中で一カ所に固まって表示されるようにしているけど。 あと、iTunesでのアーティスト一覧表示を見る際なんかにもよく思うけど、漢字で登録しちゃうと頭の中での読み仮名ソートと文字コード（？）ソートとが一致しないので、ユーザビリティ的に低い。やっぱ英単語で登録するのがキーボードでも単純に入力できるし、読みの順に並ぶしで適当なのかなぁ。 2.については、タグを上から探して順次登録しているので、下の方まで読んだときに上にスクロールされると、あからさまに妨げられてると感じる。ブラウザの仕様なのかもしれないけど、もしそうではなくて入力欄に登録されたことをフィードバックしたいという意図であれをはてなが実装しているのであれば、クリックしたタグの背景色が灰色になるだけで十分じゃないのかなぁ。 3.はわがままなだけかもしれないけども。自分の理想的には、ブラウザのブックマーク機能並みにシームレスに動作してもらいたい。別にはてなブックマークじゃなくてもいいんだけど、GreasemonkeyやFirefoxの拡張を利用してそういう風にできないかなぁ。 というわけで、機能的にはタグやコメントがなくて貧弱ではあるけども、3.においてとても優れているはてなスターが好きです。 …コメントを付けない時点で、設計思想に反しているのかな？]]></description>
		<wfw:commentRss>http://aerial.st/archive/2008/04/23/hatena-star/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://aerial.st/archive/2008/04/23/hatena-star/" />
	</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/


Served from: aerial.st @ 2012-02-09 02:11:56 -->
