hatebu_entry 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +17 -0
  3. data/.rspec +2 -0
  4. data/.travis.yml +3 -0
  5. data/Gemfile +4 -0
  6. data/LICENSE.txt +22 -0
  7. data/README.md +52 -0
  8. data/Rakefile +6 -0
  9. data/bin/hatebu_entry +5 -0
  10. data/hatebu_entry.gemspec +28 -0
  11. data/lib/hatebu_entry/command.rb +47 -0
  12. data/lib/hatebu_entry/version.rb +3 -0
  13. data/lib/hatebu_entry.rb +144 -0
  14. data/sample/sample.rb +29 -0
  15. data/spec/hatebu_entry_spec.rb +149 -0
  16. data/spec/spec_helper.rb +19 -0
  17. data/spec/support/hatebu_entry.jsonp +1 -0
  18. data/spec/support/hatebu_entry0.html +821 -0
  19. data/spec/support/hatebu_entry1.html +818 -0
  20. data/spec/support/hatebu_entry2.html +817 -0
  21. data/spec/support/no_entry.jsonp +1 -0
  22. metadata +158 -0
data/spec/support/hatebu_entry2.html ADDED
@@ -0,0 +1,817 @@
1
+ <!DOCTYPE html>
2
+ <html data-page-class="entrylist" lang="ja"><head>
3
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8">
4
+ <meta charset="UTF-8">
5
+ <title>『melborne.github.com』 の人気エントリー - はてなブックマーク</title>
6
+
7
+ <link type="text/css" rel="stylesheet" href="hatebu_entry3_files/base.css">
8
+ <link type="text/css" rel="stylesheet" href="hatebu_entry3_files/contents.css">
9
+ <link type="text/css" rel="stylesheet" href="hatebu_entry3_files/header.css">
10
+ <script src="hatebu_entry3_files/ga.js" async="" type="text/javascript"></script><script src="hatebu_entry3_files/gpt.js" type="text/javascript" async=""></script><script type="text/javascript" charset="utf-8" src="hatebu_entry3_files/HatenaStar.js"></script>
11
+ <script type="text/javascript" charset="utf-8" src="hatebu_entry3_files/underscore-min.js"></script>
12
+ <script type="text/javascript" charset="utf-8" src="hatebu_entry3_files/micro-location.js"></script>
13
+ <script type="text/javascript" charset="utf-8" src="hatebu_entry3_files/Bookmark.js"></script>
14
+ <script type="text/javascript" charset="utf-8" src="hatebu_entry3_files/header.js"></script>
15
+ <script type="text/javascript" charset="utf-8" src="hatebu_entry3_files/startup.js"></script>
16
+ <script type="text/javascript">
17
+ window.google_analytics_uacct = 'UA-7855606-1';
18
+ google_analytics_domain_name = '.hatena.ne.jp';
19
+ </script>
20
+ <link rel="shortcut icon" type="image/x-icon" href="http://b.hatena.ne.jp/favicon.ico">
21
+ <link rel="search" type="application/opensearchdescription+xml" title="はてなブックマーク検索" href="http://b.hatena.ne.jp/opensearch.xml">
22
+ <meta name="apple-itunes-app" content="app-id=354976659">
23
+ <link rel="apple-touch-icon-precomposed" href="http://cdn-ak.b.st-hatena.com/images/v3/apple-touch-icon-precomposed.png?f6339ae21408299eb539c3dcec43ffd818dca1c0">
24
+ <meta name="hatena-google-play-app" content="app-id=com.hatena.android.bookmark,title=はてなブックマーク,icon-url=http://cdn-ak.b.st-hatena.com/images/android-app-icon.png?1ca12117ff3a3fbb954dd9fd71578a4c1f5e5f10,author=株式会社はてな">
25
+ <meta name="msapplication-navbutton-color" content="#2C6EBD">
26
+ <meta name="msapplication-task" content="name=はてなブックマーク; action-uri=/; icon-uri=/images/icons/bookmark.ico">
27
+ <meta name="msapplication-task" content="name=マイブックマーク; action-uri=/my; icon-uri=/images/icons/my-bookmark.ico">
28
+ <meta name="msapplication-task" content="name=お気に入りのブックマーク; action-uri=/my/favorite; icon-uri=/images/icons/favorite-bookmark.ico">
29
+ <meta name="msapplication-task" content="name=人気エントリー; action-uri=/hotentry; icon-uri=/images/icons/hotentry.ico">
30
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
31
+
32
+ <link rel="next" href="http://b.hatena.ne.jp/entrylist?sort=count&amp;url=http%3A%2F%2Fmelborne.github.com%2F&amp;of=60" title="次のページ">
33
+ <link rel="prev" href="http://b.hatena.ne.jp/entrylist?sort=count&amp;url=http%3A%2F%2Fmelborne.github.com%2F&amp;of=20" title="前のページ">
34
+ <link rel="alternate" type="application/rss+xml" title="RSS" href="http://b.hatena.ne.jp/entrylist?sort=count&amp;url=http%3A%2F%2Fmelborne.github.com%2F&amp;mode=rss"><script type="text/javascript">
35
+ (function () { "use strict";
36
+
37
+ Hatena.Bookmark.Browsing.start(1381667936);
38
+
39
+ var favoriteLoader = Hatena.Bookmark.LazyFavoriteLoader.getInstance();
40
+ favoriteLoader.appendType('v3-entry-unit');
41
+ var browsingDoc = Hatena.Bookmark.Browsing.document;
42
+ var pageloadListenerToLoadFavorites = function (evt) {
43
+ favoriteLoader.init();
44
+ browsingDoc.addEventListener("pageload", pageloadListenerToLoadFavorites);
45
+ };
46
+ browsingDoc.addEventListener("pageload", pageloadListenerToLoadFavorites);
47
+
48
+ Hatena.Bookmark.user = new Hatena.Bookmark.User('keyesberry', 'e4facbc88393300420a756205a85a14d24bf5cad', {
49
+ linktarget: '_blank',
50
+ infoversion: 78
51
+ });
52
+ Hatena.Bookmark.user.tagsuggest = true;
53
+
54
+
55
+ Hatena.Bookmark.Browsing.document.addEventListener('pageload', function() {
56
+
57
+ Hatena.Bookmark.ViewHelper.handleKeyActivation();
58
+ Hatena.Bookmark.JumpList.setup();
59
+
60
+
61
+ if (location.hash.length > 2) {
62
+ var ref = location.hash.substring(1);
63
+ var hashTarget = document.getElementById(ref) || document.getElementsByName(ref)[0];
64
+ if (hashTarget) {
65
+ if (Ten.DOM.loaded)
66
+ hashTarget.scrollIntoView();
67
+ setTimeout(function () {
68
+ window.scrollBy(0, -40);
69
+ }, 100);
70
+ }
71
+ }
72
+ });
73
+
74
+ var u = Hatena.Bookmark.user;
75
+ Hatena.Bookmark.LinkTarget.linktarget = (u ? u.options.linktarget : '_blank');
76
+ Hatena.Bookmark.LinkTarget.observe();
77
+
78
+ Ten.DOM.addEventListener('DOMContentLoaded', function () {
79
+ Hatena.Bookmark.RegistReminder.count();
80
+ });
81
+ }).call(this);
82
+ </script>
83
+
84
+ <script src="hatebu_entry3_files/pubads_impl_27.js" type="text/javascript" async=""></script></head>
85
+ <body class="entrylist-url media-page fixed-header">
86
+ <div id="global-header">
87
+ <div id="header">
88
+ <a href="#" id="gototop" class="notactive"><span class="arw-top"></span>ページトップへ戻る</a>
89
+ <ul class="service-menu" id="header-navigation"><li><a href="http://b.hatena.ne.jp/keyesberry/"><img src="hatebu_entry3_files/profile_s.gif" class="header-profile-icon" alt="keyesberry" height="16" width="16"></a><a href="http://b.hatena.ne.jp/keyesberry/">マイページ</a></li>
90
+ <li><a href="http://b.hatena.ne.jp/keyesberry/bookmark">ブックマーク</a></li>
91
+ <li><a href="http://b.hatena.ne.jp/keyesberry/add">追加</a></li>
92
+ <li><a href="http://b.hatena.ne.jp/keyesberry/config">設定</a></li>
93
+ <noscript>
94
+ <li><a href="http://www.hatena.ne.jp/logout?location=http%3A%2F%2Fb.hatena.ne.jp%2Fentrylist%3Fsort%3Dcount%26url%3Dhttp%253A%252F%252Fmelborne.github.com%252F%26of%3D40">ログアウト</a></li>
95
+ </noscript><li><a href="http://b.hatena.ne.jp/help">ヘルプ</a></li>
96
+ <li class="header-username" id="header-username" title="利用中のサービス" data-name="keyesberry" data-rkm="owByIbKRTOAZNy2V5cU1gA">
97
+ <span class="header-dropdown trigger" tabindex="0"><img src="hatebu_entry3_files/usermenu-wh.png" alt="利用中のサービス" height="24" width="24"></span>
98
+ <dl class="header-window" id="username-window"><dt class="label"><span>利用中のサービス</span></dt><dd><a href="http://www.hatena.ne.jp/me/b/?via=201008" rel="noreferrer" target="_blank"><img src="hatebu_entry3_files/bookmark.png" alt="">はてなブックマーク</a></dd><dd><a href="http://www.hatena.ne.jp/me/blog/?via=201008" rel="noreferrer" target="_blank"><img src="hatebu_entry3_files/blog.png" alt="">はてなブログ</a></dd><dd><a href="http://www.hatena.ne.jp/me/d/?via=201008" rel="noreferrer" target="_blank"><img src="hatebu_entry3_files/diary.png" alt="">はてなダイアリー</a></dd><dd><a href="http://www.hatena.ne.jp/me/f/?via=201008" rel="noreferrer" target="_blank"><img src="hatebu_entry3_files/fotolife.png" alt="">はてなフォトライフ</a></dd><dt class="label"><span>Myはてな</span></dt><dd><a href="http://www.hatena.ne.jp/my/?via=201008" rel="noreferrer"><img src="hatebu_entry3_files/www.gif">プロフィール</a></dd><dd><form method="post" action="http://www.hatena.ne.jp/logout"><button class="logout" type="submit"><img src="hatebu_entry3_files/icon-logout.gif" height="16" width="16">ログアウト</button></form></dd></dl>
99
+ </li>
100
+ <li class="header-notify" id="header-notify" title="あなたへのお知らせ">
101
+ <span class="header-dropdown trigger" tabindex="0"><img src="hatebu_entry3_files/notify-wh.png" alt="あなたへのお知らせ" height="25" width="25"><span style="display: none;" class="notify-count"></span></span>
102
+ <div id="notify-window" class="header-window header-notify"><!-- あなたへのお知らせ --></div>
103
+ </li><li class="global-logo"><a href="http://www.hatena.ne.jp/"><img src="hatebu_entry3_files/global-logo-wh.png" alt="Hatena" height="12" width="76"></a></li>
104
+ </ul>
105
+ </div>
106
+ </div>
107
+ <div id="info-header"><div id="info-header-message"></div><span></span></div>
108
+
109
+ <div id="container">
110
+ <div id="branding">
111
+ <h1><a href="http://b.hatena.ne.jp/"><img src="hatebu_entry3_files/logo.png" alt="はてなブックマーク" height="50" width="270"></a></h1>
112
+ <form id="searchbox" method="get" action="/search/tag">
113
+ <input value="http://melborne.github.com/" name="q" class="inputtext" id="searchtext" placeholder="タグ・URLを検索" size="40" type="text">
114
+ <input value="" class="search-button" type="submit">
115
+ </form>
116
+ <div id="total">62,833,317 エントリー / 173,993,752 ブックマーク</div>
117
+ </div>
118
+ <ul id="navi-category">
119
+ <li class="top"><a href="http://b.hatena.ne.jp/" class="top" title="トップ"><span>トップ</span></a></li>
120
+ <li class="headline"><a href="http://b.hatena.ne.jp/headline" class="headline" title="ヘッドライン"><span>ヘッドライン</span></a></li>
121
+ <li class="hotentry"><a href="http://b.hatena.ne.jp/hotentry" class="hotentry" title="人気エントリー"><span>総合</span></a></li>
122
+ <li class="category-social"><a href="http://b.hatena.ne.jp/hotentry/social" class="social" title="「世の中」の人気エントリー"><span>世の中</span></a></li>
123
+ <li class="category-economics"><a href="http://b.hatena.ne.jp/hotentry/economics" class="economics" title="「政治と経済」の人気エントリー"><span>政治と経済</span></a></li>
124
+ <li class="category-life"><a href="http://b.hatena.ne.jp/hotentry/life" class="life" title="「暮らし」の人気エントリー"><span>暮らし</span></a></li>
125
+ <li class="category-knowledge"><a href="http://b.hatena.ne.jp/hotentry/knowledge" class="knowledge" title="「学び」の人気エントリー"><span>学び</span></a></li>
126
+ <li class="category-it"><a href="http://b.hatena.ne.jp/hotentry/it" class="it" title="「テクノロジー」の人気エントリー"><span>テクノロジー</span></a></li>
127
+ <li class="category-entertainment"><a href="http://b.hatena.ne.jp/hotentry/entertainment" class="entertainment" title="「エンタメ」の人気エントリー"><span>エンタメ</span></a></li>
128
+ <li class="category-game"><a href="http://b.hatena.ne.jp/hotentry/game" class="game" title="「アニメとゲーム」の人気エントリー"><span>アニメとゲーム</span></a></li>
129
+ <li class="category-fun"><a href="http://b.hatena.ne.jp/hotentry/fun" class="fun" title="「おもしろ」の人気エントリー"><span>おもしろ</span></a></li>
130
+ <li class="category-video"><a href="http://b.hatena.ne.jp/video" class="video" title="人気の動画"><span>動画</span></a></li>
131
+ </ul>
132
+
133
+ <ul id="navi-page">
134
+ <li class="current"><a href="http://b.hatena.ne.jp/entrylist?sort=count&amp;url=http%3A%2F%2Fmelborne.github.com%2F">人気順</a></li>
135
+ <li><h2><a href="http://b.hatena.ne.jp/entrylist?url=http%3A%2F%2Fmelborne.github.com%2F">新着</a></h2></li>
136
+ <li><a href="http://b.hatena.ne.jp/entrylist?sort=eid&amp;url=http%3A%2F%2Fmelborne.github.com%2F">すべて</a></li>
137
+ </ul>
138
+
139
+
140
+ <div id="header-space">
141
+ <ul class="ad-head-text">
142
+ <li><span class="pr">PR</span>
143
+ <script type="text/javascript" src="hatebu_entry3_files/ad.js" charset="utf-8"></script></li>
144
+ </ul>
145
+ </div>
146
+
147
+ <div id="main">
148
+ <div class="box-wrap mix box2">
149
+ <div class="box3_2">
150
+
151
+ <h2>『melborne.github.com』 の人気エントリー</h2>
152
+ <ul class="entry-horizontal-m"><li class="entry-unit category-it hb-entry-unit-with-favorites has-image" data-eid="104927898" data-bookmark-count="23" data-entryrank="1">
153
+ <ul class="users">
154
+ <li><strong><a href="http://b.hatena.ne.jp/entry/melborne.github.com/2012/08/06/use-rack-middleware/" data-track-click-target="entry" title="すべてのブックマークを見る"><span>23</span> users</a></strong></li>
155
+ </ul>
156
+ <div class="entry-contents">
157
+ <h3 class="hb-entry-link-container"><a href="http://melborne.github.com/2012/08/06/use-rack-middleware/" class="entry-link" title="エラーメッセージから学ぶRack - Middlewareの魔法" data-entryrank="1" data-track-click-target="direct">エラーメッセージから学ぶRack - Middlewareの魔法</a></h3>
158
+ <ul class="entry-data">
159
+ <li class="description"><blockquote>前回の記事「エラーメッセージから学ぶRack最初
160
+ の一歩」の続きです。
161
+ 噂によるとRackにはMiddlewareなる魔法があるそうです。そしてRack古文書にはMiddlewareについて次のようにあります。
162
+ useの呪文を唱えよ。さすれば扉は開かれん 準備 前回作った、なんちゃってWebフレーム...</blockquote></li>
163
+ <li class="thumbnail">
164
+ <a class="" href="http://b.hatena.ne.jp/entry/melborne.github.com/2012/08/06/use-rack-middleware/" title="すべてのブックマークを見る" data-entryrank="1" data-track-click-target="entry"><img src="hatebu_entry3_files/104927898-1344232912_l.jpg" alt=""></a>
165
+ </li>
166
+ <li class="category">
167
+ <a href="http://b.hatena.ne.jp/hotentry/it" class="category group2">テクノロジー</a>
168
+ </li>
169
+ <li class="date">2012/08/06 15:01</li>
170
+ </ul>
171
+ </div>
172
+ <ul class="entry-meta">
173
+ <li class="domain"><a class="domain" href="http://b.hatena.ne.jp/entrylist?url=http%3A%2F%2Fmelborne.github.com%2F" title="『melborne.github.com』の新着エントリー"><img src="hatebu_entry3_files/a.png" class="favicon" alt=""><span>melborne.github.com</span></a></li>
174
+ <li class="tag">
175
+ <a href="http://b.hatena.ne.jp/search/tag?q=rack" rel="tag" class="tag">rack</a>
176
+ <a href="http://b.hatena.ne.jp/search/tag?q=ruby" rel="tag" class="tag">ruby</a>
177
+ <a href="http://b.hatena.ne.jp/search/tag?q=rails" rel="tag" class="tag">rails</a>
178
+ <a href="http://b.hatena.ne.jp/search/tag?q=development" rel="tag" class="tag">development</a>
179
+ </li>
180
+ </ul>
181
+ <div class="follow hb-favorites-appended"><a href="http://b.hatena.ne.jp/keyesberry/20120806"><img class="profile-image" title="keyesberry" alt="keyesberry" src="hatebu_entry3_files/profile_s.gif" height="16" width="16"></a></div>
182
+ </li><li class="entry-unit category-it hb-entry-unit-with-favorites" data-eid="98382430" data-bookmark-count="22" data-entryrank="2">
183
+ <ul class="users">
184
+ <li><strong><a href="http://b.hatena.ne.jp/entry/melborne.github.com/2012/06/19/rpn-with-inject/" data-track-click-target="entry" title="すべてのブックマークを見る"><span>22</span> users</a></strong></li>
185
+ </ul>
186
+ <div class="entry-contents">
187
+ <h3 class="hb-entry-link-container"><a href="http://melborne.github.com/2012/06/19/rpn-with-inject/" class="entry-link" title="Rubyのinjectで逆ポーランド記法電卓を書くYO!" data-entryrank="2" data-track-click-target="direct">Rubyのinjectで逆ポーランド記法電卓を書くYO!</a></h3>
188
+ <ul class="entry-data">
189
+ <li class="description"><blockquote>「すごいHaskellたのしく学ぼう!」を読んで
190
+ ます。この本のタイトルとカバーデザインはかなりミスリードですね！もしこの本を入門書と呼ぶのなら、僕の脳に相当の問題があるか、Haskellが相当
191
+ に難解であるかの何れかと断定せざるを得ません。いや、おそらく問題は僕の脳にあるの...</blockquote></li>
192
+ <li class="category">
193
+ <a href="http://b.hatena.ne.jp/hotentry/it" class="category group2">テクノロジー</a>
194
+ </li>
195
+ <li class="date">2012/06/19 09:43</li>
196
+ </ul>
197
+ </div>
198
+ <ul class="entry-meta">
199
+ <li class="domain"><a class="domain" href="http://b.hatena.ne.jp/entrylist?url=http%3A%2F%2Fmelborne.github.com%2F" title="『melborne.github.com』の新着エントリー"><img src="hatebu_entry3_files/a.png" class="favicon" alt=""><span>melborne.github.com</span></a></li>
200
+ <li class="tag">
201
+ <a href="http://b.hatena.ne.jp/search/tag?q=ruby" rel="tag" class="tag">ruby</a>
202
+ <a href="http://b.hatena.ne.jp/search/tag?q=inject" rel="tag" class="tag">inject</a>
203
+ <a href="http://b.hatena.ne.jp/search/tag?q=programming" rel="tag" class="tag">programming</a>
204
+ <a href="http://b.hatena.ne.jp/search/tag?q=Haskell" rel="tag" class="tag">Haskell</a>
205
+ </li>
206
+ </ul>
207
+ <div class="follow hb-favorites-appended"><a href="http://b.hatena.ne.jp/keyesberry/20120619"><img class="profile-image" title="keyesberry" alt="keyesberry" src="hatebu_entry3_files/profile_s.gif" height="16" width="16"></a></div>
208
+ </li><li class="entry-unit category-economics hb-entry-unit-with-favorites has-image" data-eid="112901822" data-bookmark-count="16" data-entryrank="3">
209
+ <ul class="users">
210
+ <li><strong><a href="http://b.hatena.ne.jp/entry/melborne.github.com/2012/09/27/usstates-map-data-vasualization-with-gviz/" data-track-click-target="entry" title="すべてのブックマークを見る"><span>16</span> users</a></strong></li>
211
+ </ul>
212
+ <div class="entry-contents">
213
+ <h3 class="hb-entry-link-container"><a href="http://melborne.github.com/2012/09/27/usstates-map-data-vasualization-with-gviz/" class="entry-link" title="Ruby Graphvizラッパー「Gviz」でアメリカ合衆国をデータビジュアライズしよう！" data-entryrank="3" data-track-click-target="direct">Ruby Graphvizラッパー「Gviz」でアメリカ合衆国をデータビジュアライズしよう！</a></h3>
214
+ <ul class="entry-data">
215
+ <li class="description"><blockquote>RubyのGraphvizラッパー「Gviz」を
216
+ 前回紹介しました。 Yet Another Ruby Graphviz Interfaceを作ったからみんなで大量のグラフを作って遊ぼうよ！
217
+ そこでは隣接県情報に基づき日本地図を作りました。出来は兎も角、僕はこのやり方がすっかり気に入りました。そこで今回はもう一...</blockquote></li>
218
+ <li class="thumbnail">
219
+ <a class="" href="http://b.hatena.ne.jp/entry/melborne.github.com/2012/09/27/usstates-map-data-vasualization-with-gviz/" title="すべてのブックマークを見る" data-entryrank="3" data-track-click-target="entry"><img src="hatebu_entry3_files/112901822-1348752036_l.jpg" alt=""></a>
220
+ </li>
221
+ <li class="category">
222
+ <a href="http://b.hatena.ne.jp/hotentry/economics" class="category group2">政治と経済</a>
223
+ </li>
224
+ <li class="date">2012/09/27 22:19</li>
225
+ </ul>
226
+ </div>
227
+ <ul class="entry-meta">
228
+ <li class="domain"><a class="domain" href="http://b.hatena.ne.jp/entrylist?url=http%3A%2F%2Fmelborne.github.com%2F" title="『melborne.github.com』の新着エントリー"><img src="hatebu_entry3_files/a.png" class="favicon" alt=""><span>melborne.github.com</span></a></li>
229
+ <li class="tag">
230
+ <a href="http://b.hatena.ne.jp/search/tag?q=ruby" rel="tag" class="tag">ruby</a>
231
+ <a href="http://b.hatena.ne.jp/search/tag?q=GraphViz" rel="tag" class="tag">GraphViz</a>
232
+ <a href="http://b.hatena.ne.jp/search/tag?q=visualization" rel="tag" class="tag">visualization</a>
233
+ <a href="http://b.hatena.ne.jp/search/tag?q=gviz" rel="tag" class="tag">gviz</a>
234
+ </li>
235
+ </ul>
236
+ <div class="follow hb-favorites-appended"><a href="http://b.hatena.ne.jp/keyesberry/20120927"><img class="profile-image" title="keyesberry" alt="keyesberry" src="hatebu_entry3_files/profile_s.gif" height="16" width="16"></a></div>
237
+ </li><li class="entry-unit category-it hb-entry-unit-with-favorites has-image" data-eid="91047462" data-bookmark-count="14" data-entryrank="4">
238
+ <ul class="users">
239
+ <li><strong><a href="http://b.hatena.ne.jp/entry/melborne.github.com/2012/04/20/ruby-reference-index-is-renewed/%23fnref:1" data-track-click-target="entry" title="すべてのブックマークを見る"><span>14</span> users</a></strong></li>
240
+ </ul>
241
+ <div class="entry-contents">
242
+ <h3 class="hb-entry-link-container"><a href="http://melborne.github.com/2012/04/20/ruby-reference-index-is-renewed/#fnref:1" class="entry-link" title="これからRubyのメソッドを全部覚えようとする人たちへ" data-entryrank="4" data-track-click-target="direct">これからRubyのメソッドを全部覚えようとする人たちへ</a></h3>
243
+ <ul class="entry-data">
244
+ <li class="description"><blockquote>Ruby技術者認定試験制度
245
+ RubyにはRuby技術者認定試験制度という認定資格制度があります。この制度では、現在、Rubyのスキルレベルに応じた二種類の資格試験が用意され
246
+ ています。初級者向けのRuby Association Certified Ruby Programmer Silverと、中級者向けのRuby
247
+ Associatio...</blockquote></li>
248
+ <li class="thumbnail">
249
+ <a class="" href="http://b.hatena.ne.jp/entry/melborne.github.com/2012/04/20/ruby-reference-index-is-renewed/%23fnref:1" title="すべてのブックマークを見る" data-entryrank="4" data-track-click-target="entry"><img src="hatebu_entry3_files/91047462-1335230965_l.jpg" alt=""></a>
250
+ </li>
251
+ <li class="category">
252
+ <a href="http://b.hatena.ne.jp/hotentry/it" class="category group2">テクノロジー</a>
253
+ </li>
254
+ <li class="date">2012/04/24 10:28</li>
255
+ </ul>
256
+ </div>
257
+ <ul class="entry-meta">
258
+ <li class="domain"><a class="domain" href="http://b.hatena.ne.jp/entrylist?url=http%3A%2F%2Fmelborne.github.com%2F" title="『melborne.github.com』の新着エントリー"><img src="hatebu_entry3_files/a.png" class="favicon" alt=""><span>melborne.github.com</span></a></li>
259
+ <li class="tag">
260
+ <a href="http://b.hatena.ne.jp/search/tag?q=Ruby" rel="tag" class="tag">Ruby</a>
261
+ </li>
262
+ </ul>
263
+ <div class="follow"></div>
264
+ </li><li class="entry-unit category-it hb-entry-unit-with-favorites has-image" data-eid="115737742" data-bookmark-count="13" data-entryrank="5">
265
+ <ul class="users">
266
+ <li><strong><a href="http://b.hatena.ne.jp/entry/melborne.github.com/2012/10/16/add-gviz-command-to-gviz-gem/" data-track-click-target="entry" title="すべてのブックマークを見る"><span>13</span> users</a></strong></li>
267
+ </ul>
268
+ <div class="entry-contents">
269
+ <h3 class="hb-entry-link-container"><a href="http://melborne.github.com/2012/10/16/add-gviz-command-to-gviz-gem/" class="entry-link" title="GvizでAKB48をビジュアライズするよ！" data-entryrank="5" data-track-click-target="direct">GvizでAKB48をビジュアライズするよ！</a></h3>
270
+ <ul class="entry-data">
271
+ <li class="description"><blockquote>RubyによるGraphvizラッパーGvizの
272
+ version0.0.7を公開しました。 gviz | RubyGems.org | your community gem host
273
+ Gvizを使えば簡単に有向グラフや米国統計地図や地下鉄路線図が書けます。 インストール
274
+ Graphvizが必要です。自分のプラットフォームに合ったものを以下から入手...</blockquote></li>
275
+ <li class="thumbnail">
276
+ <a class="" href="http://b.hatena.ne.jp/entry/melborne.github.com/2012/10/16/add-gviz-command-to-gviz-gem/" title="すべてのブックマークを見る" data-entryrank="5" data-track-click-target="entry"><img src="hatebu_entry3_files/115737742-1350391245_l.jpg" alt=""></a>
277
+ </li>
278
+ <li class="category">
279
+ <a href="http://b.hatena.ne.jp/hotentry/it" class="category group2">テクノロジー</a>
280
+ </li>
281
+ <li class="date">2012/10/16 21:39</li>
282
+ </ul>
283
+ </div>
284
+ <ul class="entry-meta">
285
+ <li class="domain"><a class="domain" href="http://b.hatena.ne.jp/entrylist?url=http%3A%2F%2Fmelborne.github.com%2F" title="『melborne.github.com』の新着エントリー"><img src="hatebu_entry3_files/a.png" class="favicon" alt=""><span>melborne.github.com</span></a></li>
286
+ <li class="tag">
287
+ <a href="http://b.hatena.ne.jp/search/tag?q=ruby" rel="tag" class="tag">ruby</a>
288
+ <a href="http://b.hatena.ne.jp/search/tag?q=graphviz" rel="tag" class="tag">graphviz</a>
289
+ <a href="http://b.hatena.ne.jp/search/tag?q=graph" rel="tag" class="tag">graph</a>
290
+ <a href="http://b.hatena.ne.jp/search/tag?q=visualization" rel="tag" class="tag">visualization</a>
291
+ </li>
292
+ </ul>
293
+ <div class="follow hb-favorites-appended"><a href="http://b.hatena.ne.jp/keyesberry/20121016"><img class="profile-image" title="keyesberry" alt="keyesberry" src="hatebu_entry3_files/profile_s.gif" height="16" width="16"></a></div>
294
+ </li><li class="entry-unit category-it hb-entry-unit-with-favorites" data-eid="97794414" data-bookmark-count="13" data-entryrank="6">
295
+ <ul class="users">
296
+ <li><strong><a href="http://b.hatena.ne.jp/entry/melborne.github.com/2012/06/13/objectdo/" data-track-click-target="entry" title="すべてのブックマークを見る"><span>13</span> users</a></strong></li>
297
+ </ul>
298
+ <div class="entry-contents">
299
+ <h3 class="hb-entry-link-container"><a href="http://melborne.github.com/2012/06/13/objectdo/" class="entry-link" title="Object#doメソッドというのはありですか？" data-entryrank="6" data-track-click-target="direct">Object#doメソッドというのはありですか？</a></h3>
300
+ <ul class="entry-data">
301
+ <li class="description"><blockquote>以前の投稿で
302
+ BasicObject#instace_evalを使って、平均値avgと標準偏差sdを求める例を紹介しました。 avg = [56, 87,
303
+ 49, 75, 90, 63, 65].instance_eval { inject(:+) / size } # =&gt; 69
304
+ scores = [56, 87, 49, 75, 90, 63, 65] sd = scores.instance_eval do avg =
305
+ inject(:+) ...</blockquote></li>
306
+ <li class="category">
307
+ <a href="http://b.hatena.ne.jp/hotentry/it" class="category group2">テクノロジー</a>
308
+ </li>
309
+ <li class="date">2012/06/14 11:48</li>
310
+ </ul>
311
+ </div>
312
+ <ul class="entry-meta">
313
+ <li class="domain"><a class="domain" href="http://b.hatena.ne.jp/entrylist?url=http%3A%2F%2Fmelborne.github.com%2F" title="『melborne.github.com』の新着エントリー"><img src="hatebu_entry3_files/a.png" class="favicon" alt=""><span>melborne.github.com</span></a></li>
314
+ <li class="tag">
315
+ <a href="http://b.hatena.ne.jp/search/tag?q=ruby" rel="tag" class="tag">ruby</a>
316
+ <a href="http://b.hatena.ne.jp/search/tag?q=do" rel="tag" class="tag">do</a>
317
+ </li>
318
+ </ul>
319
+ <div class="follow hb-favorites-appended"><a href="http://b.hatena.ne.jp/keyesberry/20120614"><img class="profile-image" title="keyesberry" alt="keyesberry" src="hatebu_entry3_files/profile_s.gif" height="16" width="16"></a></div>
320
+ </li><li class="entry-unit category-it hb-entry-unit-with-favorites" data-eid="132813390" data-bookmark-count="12" data-entryrank="7">
321
+ <ul class="users">
322
+ <li><strong><a href="http://b.hatena.ne.jp/entry/melborne.github.com/2013/02/15/ruby-mimic-arithmetic/" data-track-click-target="entry" title="すべてのブックマークを見る"><span>12</span> users</a></strong></li>
323
+ </ul>
324
+ <div class="entry-contents">
325
+ <h3 class="hb-entry-link-container"><a href="http://melborne.github.com/2013/02/15/ruby-mimic-arithmetic/" class="entry-link" title="Rubyにおける算術演算の基礎" data-entryrank="7" data-track-click-target="direct">Rubyにおける算術演算の基礎</a></h3>
326
+ <ul class="entry-data">
327
+ <li class="description"><blockquote></blockquote></li>
328
+ <li class="category">
329
+ <a href="http://b.hatena.ne.jp/hotentry/it" class="category group2">テクノロジー</a>
330
+ </li>
331
+ <li class="date">2013/02/15 12:25</li>
332
+ </ul>
333
+ </div>
334
+ <ul class="entry-meta">
335
+ <li class="domain"><a class="domain" href="http://b.hatena.ne.jp/entrylist?url=http%3A%2F%2Fmelborne.github.com%2F" title="『melborne.github.com』の新着エントリー"><img src="hatebu_entry3_files/a.png" class="favicon" alt=""><span>melborne.github.com</span></a></li>
336
+ <li class="tag">
337
+ <a href="http://b.hatena.ne.jp/search/tag?q=ruby" rel="tag" class="tag">ruby</a>
338
+ </li>
339
+ </ul>
340
+ <div class="follow hb-favorites-appended"><a href="http://b.hatena.ne.jp/keyesberry/20130215"><img class="profile-image" title="keyesberry" alt="keyesberry" src="hatebu_entry3_files/profile_s.gif" height="16" width="16"></a></div>
341
+ </li><li class="entry-unit category-it hb-entry-unit-with-favorites" data-eid="132138638" data-bookmark-count="11" data-entryrank="8">
342
+ <ul class="users">
343
+ <li><strong><a href="http://b.hatena.ne.jp/entry/melborne.github.com/2013/02/10/tsv-to-ltsv-in-ruby/" data-track-click-target="entry" title="すべてのブックマークを見る"><span>11</span> users</a></strong></li>
344
+ </ul>
345
+ <div class="entry-contents">
346
+ <h3 class="hb-entry-link-container"><a href="http://melborne.github.com/2013/02/10/tsv-to-ltsv-in-ruby/" class="entry-link" title="私、RubyでならTSVからLTSV作れます！" data-entryrank="8" data-track-click-target="direct">私、RubyでならTSVからLTSV作れます！</a></h3>
347
+ <ul class="entry-data">
348
+ <li class="description"><blockquote>Labeled Tab-Separated
349
+ Values（LTSV) という、新しいテキストフォーマットのビッグウェーブが来てるみたいです...
350
+ 【今北産業】3分で分かるLTSV業界のまとめ【LTSV】 - naoyaのはてなダイアリー
351
+ 私、少し前に「CSV.table最強！」と言いましたよね... Ruby標準添付ライブラリcs...</blockquote></li>
352
+ <li class="category">
353
+ <a href="http://b.hatena.ne.jp/hotentry/it" class="category group2">テクノロジー</a>
354
+ </li>
355
+ <li class="date">2013/02/10 19:25</li>
356
+ </ul>
357
+ </div>
358
+ <ul class="entry-meta">
359
+ <li class="domain"><a class="domain" href="http://b.hatena.ne.jp/entrylist?url=http%3A%2F%2Fmelborne.github.com%2F" title="『melborne.github.com』の新着エントリー"><img src="hatebu_entry3_files/a.png" class="favicon" alt=""><span>melborne.github.com</span></a></li>
360
+ <li class="tag">
361
+ <a href="http://b.hatena.ne.jp/search/tag?q=ruby" rel="tag" class="tag">ruby</a>
362
+ <a href="http://b.hatena.ne.jp/search/tag?q=LTSV" rel="tag" class="tag">LTSV</a>
363
+ <a href="http://b.hatena.ne.jp/search/tag?q=*program" rel="tag" class="tag">*program</a>
364
+ <a href="http://b.hatena.ne.jp/search/tag?q=log" rel="tag" class="tag">log</a>
365
+ </li>
366
+ </ul>
367
+ <div class="follow hb-favorites-appended"><a href="http://b.hatena.ne.jp/keyesberry/20130210"><img class="profile-image" title="keyesberry" alt="keyesberry" src="hatebu_entry3_files/profile_s.gif" height="16" width="16"></a></div>
368
+ </li><li class="entry-unit category-it hb-entry-unit-with-favorites has-image" data-eid="124200638" data-bookmark-count="11" data-entryrank="9">
369
+ <ul class="users">
370
+ <li><strong><a href="http://b.hatena.ne.jp/entry/melborne.github.com/2012/12/13/ruby-parallel-on-ebook/" data-track-click-target="entry" title="すべてのブックマークを見る"><span>11</span> users</a></strong></li>
371
+ </ul>
372
+ <div class="entry-contents">
373
+ <h3 class="hb-entry-link-container"><a href="http://melborne.github.com/2012/12/13/ruby-parallel-on-ebook/" class="entry-link" title="電子書籍「irbから学ぶRubyの並列処理 ~ forkからWebSocketまで」EPUB版をGumroadから出版しました！" data-entryrank="9" data-track-click-target="direct">電子書籍「irbから学ぶRubyの並列処理 ~ forkからWebSocketまで」EPUB版をGumroadから出版しました！</a></h3>
374
+ <ul class="entry-data">
375
+ <li class="description"><blockquote>このブログにおける「irbから学ぶRubyの並列
376
+ 処理 ~ forkからWebSocketまで」を電子書籍化し、「Gumroad」を通して販売させて戴くことにしました。
377
+ 電子書籍「irbから学ぶRubyの並列処理 ~ forkからWebSocketまで」EPUB版 価格は100円です。
378
+ コンテンツについては、ブログの記事...</blockquote></li>
379
+ <li class="thumbnail">
380
+ <a class="" href="http://b.hatena.ne.jp/entry/melborne.github.com/2012/12/13/ruby-parallel-on-ebook/" title="すべてのブックマークを見る" data-entryrank="9" data-track-click-target="entry"><img src="hatebu_entry3_files/124200638-1355394128_l.jpg" alt=""></a>
381
+ </li>
382
+ <li class="category">
383
+ <a href="http://b.hatena.ne.jp/hotentry/it" class="category group2">テクノロジー</a>
384
+ </li>
385
+ <li class="date">2012/12/13 19:21</li>
386
+ </ul>
387
+ </div>
388
+ <ul class="entry-meta">
389
+ <li class="domain"><a class="domain" href="http://b.hatena.ne.jp/entrylist?url=http%3A%2F%2Fmelborne.github.com%2F" title="『melborne.github.com』の新着エントリー"><img src="hatebu_entry3_files/a.png" class="favicon" alt=""><span>melborne.github.com</span></a></li>
390
+ <li class="tag">
391
+ <a href="http://b.hatena.ne.jp/search/tag?q=ruby" rel="tag" class="tag">ruby</a>
392
+ <a href="http://b.hatena.ne.jp/search/tag?q=%E6%9B%B8%E7%B1%8D" rel="tag" class="tag">書籍</a>
393
+ <a href="http://b.hatena.ne.jp/search/tag?q=book" rel="tag" class="tag">book</a>
394
+ <a href="http://b.hatena.ne.jp/search/tag?q=ebook" rel="tag" class="tag">ebook</a>
395
+ </li>
396
+ </ul>
397
+ <div class="follow hb-favorites-appended"><a href="http://b.hatena.ne.jp/keyesberry/20121213"><img class="profile-image" title="keyesberry" alt="keyesberry" src="hatebu_entry3_files/profile_s.gif" height="16" width="16"></a></div>
398
+ </li><li class="entry-unit category-it hb-entry-unit-with-favorites has-image" data-eid="118751086" data-bookmark-count="11" data-entryrank="10">
399
+ <ul class="users">
400
+ <li><strong><a href="http://b.hatena.ne.jp/entry/melborne.github.com/2012/11/07/play-gviz-with-colorable/" data-track-click-target="entry" title="すべてのブックマークを見る"><span>11</span> users</a></strong></li>
401
+ </ul>
402
+ <div class="entry-contents">
403
+ <h3 class="hb-entry-link-container"><a href="http://melborne.github.com/2012/11/07/play-gviz-with-colorable/" class="entry-link" title="Rubyライブラリ「Colorable」とGvizを使ってGraphvizで綺麗なリングを描く" data-entryrank="10" data-track-click-target="direct">Rubyライブラリ「Colorable」とGvizを使ってGraphvizで綺麗なリングを描く</a></h3>
404
+ <ul class="entry-data">
405
+ <li class="description"><blockquote>Rubyで「色」というものを扱う機会はそう多くは
406
+ ないでしょう。Rubyはどちらかと言うと、クライアントサイドつまり接客系ではなく、サーバーサイドつまり裏方系言語ですからね。それでも接客系言語に
407
+ 向けて色情報を渡したり、そのラッパーになったりする機会はあるとおもいます...</blockquote></li>
408
+ <li class="thumbnail">
409
+ <a class="" href="http://b.hatena.ne.jp/entry/melborne.github.com/2012/11/07/play-gviz-with-colorable/" title="すべてのブックマークを見る" data-entryrank="10" data-track-click-target="entry"><img src="hatebu_entry3_files/118751086-1352270921_l.jpg" alt=""></a>
410
+ </li>
411
+ <li class="category">
412
+ <a href="http://b.hatena.ne.jp/hotentry/it" class="category group2">テクノロジー</a>
413
+ </li>
414
+ <li class="date">2012/11/07 15:47</li>
415
+ </ul>
416
+ </div>
417
+ <ul class="entry-meta">
418
+ <li class="domain"><a class="domain" href="http://b.hatena.ne.jp/entrylist?url=http%3A%2F%2Fmelborne.github.com%2F" title="『melborne.github.com』の新着エントリー"><img src="hatebu_entry3_files/a.png" class="favicon" alt=""><span>melborne.github.com</span></a></li>
419
+ <li class="tag">
420
+ <a href="http://b.hatena.ne.jp/search/tag?q=ruby" rel="tag" class="tag">ruby</a>
421
+ <a href="http://b.hatena.ne.jp/search/tag?q=graphviz" rel="tag" class="tag">graphviz</a>
422
+ <a href="http://b.hatena.ne.jp/search/tag?q=color" rel="tag" class="tag">color</a>
423
+ <a href="http://b.hatena.ne.jp/search/tag?q=visualization" rel="tag" class="tag">visualization</a>
424
+ </li>
425
+ </ul>
426
+ <div class="follow hb-favorites-appended"><a href="http://b.hatena.ne.jp/keyesberry/20121107"><img class="profile-image" title="keyesberry" alt="keyesberry" src="hatebu_entry3_files/profile_s.gif" height="16" width="16"></a></div>
427
+ </li><li class="entry-unit category-it hb-entry-unit-with-favorites has-image" data-eid="114348050" data-bookmark-count="11" data-entryrank="11">
428
+ <ul class="users">
429
+ <li><strong><a href="http://b.hatena.ne.jp/entry/melborne.github.com/2012/10/07/meet-prime-with-fibonacci/" data-track-click-target="entry" title="すべてのブックマークを見る"><span>11</span> users</a></strong></li>
430
+ </ul>
431
+ <div class="entry-contents">
432
+ <h3 class="hb-entry-link-container"><a href="http://melborne.github.com/2012/10/07/meet-prime-with-fibonacci/" class="entry-link" title="素数とフィボナッチ数の出会いをGviz（Ruby Graphviz Wrapper）で描く" data-entryrank="11" data-track-click-target="direct">素数とフィボナッチ数の出会いをGviz（Ruby Graphviz Wrapper）で描く</a></h3>
433
+ <ul class="entry-data">
434
+ <li class="description"><blockquote>数字は社会生活における便利な道具の一つです。一方
435
+ でそれはまた多くの人々を魅了して止まない迷宮の世界です。つまり数字は実用と神秘なる美しさとを同時に兼ね備えた概念なのです。 というわけで...
436
+ Gvizを使って今度は数字の美しさを表現してみようと思います。素数とフィボ...</blockquote></li>
437
+ <li class="thumbnail">
438
+ <a class="" href="http://b.hatena.ne.jp/entry/melborne.github.com/2012/10/07/meet-prime-with-fibonacci/" title="すべてのブックマークを見る" data-entryrank="11" data-track-click-target="entry"><img src="hatebu_entry3_files/114348050-1349536467_l.jpg" alt=""></a>
439
+ </li>
440
+ <li class="category">
441
+ <a href="http://b.hatena.ne.jp/hotentry/it" class="category group2">テクノロジー</a>
442
+ </li>
443
+ <li class="date">2012/10/07 00:12</li>
444
+ </ul>
445
+ </div>
446
+ <ul class="entry-meta">
447
+ <li class="domain"><a class="domain" href="http://b.hatena.ne.jp/entrylist?url=http%3A%2F%2Fmelborne.github.com%2F" title="『melborne.github.com』の新着エントリー"><img src="hatebu_entry3_files/a.png" class="favicon" alt=""><span>melborne.github.com</span></a></li>
448
+ <li class="tag">
449
+ <a href="http://b.hatena.ne.jp/search/tag?q=ruby" rel="tag" class="tag">ruby</a>
450
+ <a href="http://b.hatena.ne.jp/search/tag?q=GraphViz" rel="tag" class="tag">GraphViz</a>
451
+ </li>
452
+ </ul>
453
+ <div class="follow hb-favorites-appended"><a href="http://b.hatena.ne.jp/keyesberry/20121007"><img class="profile-image" title="keyesberry" alt="keyesberry" src="hatebu_entry3_files/profile_s.gif" height="16" width="16"></a></div>
454
+ </li><li class="entry-unit category-it hb-entry-unit-with-favorites has-image" data-eid="100360934" data-bookmark-count="11" data-entryrank="12">
455
+ <ul class="users">
456
+ <li><strong><a href="http://b.hatena.ne.jp/entry/melborne.github.com/2012/07/03/feature-request-enumerable-with/" data-track-click-target="entry" title="すべてのブックマークを見る"><span>11</span> users</a></strong></li>
457
+ </ul>
458
+ <div class="entry-contents">
459
+ <h3 class="hb-entry-link-container"><a href="http://melborne.github.com/2012/07/03/feature-request-enumerable-with/" class="entry-link" title="はじめてのふぃちゃありくえすと〜Ruby編" data-entryrank="12" data-track-click-target="direct">はじめてのふぃちゃありくえすと〜Ruby編</a></h3>
460
+ <ul class="entry-data">
461
+ <li class="description"><blockquote>Rubyは自分によくフィットする言語ですが1、そ
462
+ れでももちろん、こんな機能があったらとかあんなメソッドがあったらとかと、思うことは良くあります。で、そんなときはTwitterで「〜ができたらな
463
+ あ」と小さく呟くか、少しがんばってこのブログの記事にするのですが、それで何か...</blockquote></li>
464
+ <li class="thumbnail">
465
+ <a class="" href="http://b.hatena.ne.jp/entry/melborne.github.com/2012/07/03/feature-request-enumerable-with/" title="すべてのブックマークを見る" data-entryrank="12" data-track-click-target="entry"><img src="hatebu_entry3_files/100360934-1341319309_l.jpg" alt=""></a>
466
+ </li>
467
+ <li class="category">
468
+ <a href="http://b.hatena.ne.jp/hotentry/it" class="category group2">テクノロジー</a>
469
+ </li>
470
+ <li class="date">2012/07/03 21:41</li>
471
+ </ul>
472
+ </div>
473
+ <ul class="entry-meta">
474
+ <li class="domain"><a class="domain" href="http://b.hatena.ne.jp/entrylist?url=http%3A%2F%2Fmelborne.github.com%2F" title="『melborne.github.com』の新着エントリー"><img src="hatebu_entry3_files/a.png" class="favicon" alt=""><span>melborne.github.com</span></a></li>
475
+ <li class="tag">
476
+ <a href="http://b.hatena.ne.jp/search/tag?q=ruby" rel="tag" class="tag">ruby</a>
477
+ </li>
478
+ </ul>
479
+ <div class="follow hb-favorites-appended"><a href="http://b.hatena.ne.jp/keyesberry/20120703"><img class="profile-image" title="keyesberry" alt="keyesberry" src="hatebu_entry3_files/profile_s.gif" height="16" width="16"></a></div>
480
+ </li><li class="entry-unit category-it hb-entry-unit-with-favorites" data-eid="94439234" data-bookmark-count="11" data-entryrank="13">
481
+ <ul class="users">
482
+ <li><strong><a href="http://b.hatena.ne.jp/entry/melborne.github.com/2011/08/23/Ruby-CoffeeScript-Java-Processing-Javascript-Web/" data-track-click-target="entry" title="すべてのブックマークを見る"><span>11</span> users</a></strong></li>
483
+ </ul>
484
+ <div class="entry-contents">
485
+ <h3 class="hb-entry-link-container"><a href="http://melborne.github.com/2011/08/23/Ruby-CoffeeScript-Java-Processing-Javascript-Web/" class="entry-link" title="RubyのようなCoffeeScriptを使ってJavaのようなProcessingを書いてJavascriptで実行してWebでビジュアライジング・データを実現しようよ!" data-entryrank="13" data-track-click-target="direct">RubyのようなCoffeeScriptを使ってJavaのようなProcessingを書いてJavascriptで実行してWebでビジュアラ...</a></h3>
486
+ <ul class="entry-data">
487
+ <li class="description"><blockquote>「ビジュアライジング・データ
488
+ ―Processingによる情報視覚化手法」(Ben Fry著) という、情報視覚化の実践的テクニックを解説する素晴らしい本があります。
489
+ ビジュアライジング・データ ―Processingによる情報視覚化手法 by Ben Fry
490
+ この本では情報の視覚化にProcessingという...</blockquote></li>
491
+ <li class="category">
492
+ <a href="http://b.hatena.ne.jp/hotentry/it" class="category group2">テクノロジー</a>
493
+ </li>
494
+ <li class="date">2012/05/18 18:12</li>
495
+ </ul>
496
+ </div>
497
+ <ul class="entry-meta">
498
+ <li class="domain"><a class="domain" href="http://b.hatena.ne.jp/entrylist?url=http%3A%2F%2Fmelborne.github.com%2F" title="『melborne.github.com』の新着エントリー"><img src="hatebu_entry3_files/a.png" class="favicon" alt=""><span>melborne.github.com</span></a></li>
499
+ <li class="tag">
500
+ <a href="http://b.hatena.ne.jp/search/tag?q=processing" rel="tag" class="tag">processing</a>
501
+ <a href="http://b.hatena.ne.jp/search/tag?q=javascript" rel="tag" class="tag">javascript</a>
502
+ <a href="http://b.hatena.ne.jp/search/tag?q=coffeescript" rel="tag" class="tag">coffeescript</a>
503
+ <a href="http://b.hatena.ne.jp/search/tag?q=%E5%8F%AF%E8%A6%96%E5%8C%96" rel="tag" class="tag">可視化</a>
504
+ </li>
505
+ </ul>
506
+ <div class="follow"></div>
507
+ </li><li class="entry-unit category-it hb-entry-unit-with-favorites" data-eid="92308466" data-bookmark-count="11" data-entryrank="14">
508
+ <ul class="users">
509
+ <li><strong><a href="http://b.hatena.ne.jp/entry/melborne.github.com/2012/05/02/to_nil-or-not-to_nil/" data-track-click-target="entry" title="すべてのブックマークを見る"><span>11</span> users</a></strong></li>
510
+ </ul>
511
+ <div class="entry-contents">
512
+ <h3 class="hb-entry-link-container"><a href="http://melborne.github.com/2012/05/02/to_nil-or-not-to_nil/" class="entry-link" title="nil?すべきかempty?すべきか、それが問題だ！" data-entryrank="14" data-track-click-target="direct">nil?すべきかempty?すべきか、それが問題だ！</a></h3>
513
+ <ul class="entry-data">
514
+ <li class="description"><blockquote>Rubyを使っているとコードをより簡潔により美し
515
+ くしたいという欲求、つまりDRY欲が加速します。 例えば次のようなコードがあります。ここでの関心はprocess_userメソッドです。
516
+ class String def some_process "Process_completed for %s" % self end end
517
+ def process_user unl...</blockquote></li>
518
+ <li class="category">
519
+ <a href="http://b.hatena.ne.jp/hotentry/it" class="category group2">テクノロジー</a>
520
+ </li>
521
+ <li class="date">2012/05/03 14:15</li>
522
+ </ul>
523
+ </div>
524
+ <ul class="entry-meta">
525
+ <li class="domain"><a class="domain" href="http://b.hatena.ne.jp/entrylist?url=http%3A%2F%2Fmelborne.github.com%2F" title="『melborne.github.com』の新着エントリー"><img src="hatebu_entry3_files/a.png" class="favicon" alt=""><span>melborne.github.com</span></a></li>
526
+ <li class="tag">
527
+ <a href="http://b.hatena.ne.jp/search/tag?q=ruby" rel="tag" class="tag">ruby</a>
528
+ <a href="http://b.hatena.ne.jp/search/tag?q=rails" rel="tag" class="tag">rails</a>
529
+ <a href="http://b.hatena.ne.jp/search/tag?q=presence" rel="tag" class="tag">presence</a>
530
+ <a href="http://b.hatena.ne.jp/search/tag?q=refactoring" rel="tag" class="tag">refactoring</a>
531
+ </li>
532
+ </ul>
533
+ <div class="follow hb-favorites-appended"><a href="http://b.hatena.ne.jp/keyesberry/20120503"><img class="profile-image" title="keyesberry" alt="keyesberry" src="hatebu_entry3_files/profile_s.gif" height="16" width="16"></a></div>
534
+ </li><li class="entry-unit category-it hb-entry-unit-with-favorites" data-eid="89316870" data-bookmark-count="11" data-entryrank="15">
535
+ <ul class="users">
536
+ <li><strong><a href="http://b.hatena.ne.jp/entry/melborne.github.com/2011/11/14/Ruby-Ruby/" data-track-click-target="entry" title="すべてのブックマークを見る"><span>11</span> users</a></strong></li>
537
+ </ul>
538
+ <div class="entry-contents">
539
+ <h3 class="hb-entry-link-container"><a href="http://melborne.github.com/2011/11/14/Ruby-Ruby/" class="entry-link" title="秋だ!Rubyを学ぼう! ～Rubyを知るための２６ポスト" data-entryrank="15" data-track-click-target="direct">秋だ!Rubyを学ぼう! ～Rubyを知るための２６ポスト</a></h3>
540
+ <ul class="entry-data">
541
+ <li class="description"><blockquote>このブログはプログラミング言語Ruby関連のポス
542
+ トが大半を占めていて、それらは僕自身がRubyについて学んだことをベースに書かれています。
543
+ その一部にはこれからRubyを学ぶ人や学び始めたばかりの人が、Rubyを知るための助けになる内容が含まれてると思います。またブログを書...</blockquote></li>
544
+ <li class="category">
545
+ <a href="http://b.hatena.ne.jp/hotentry/it" class="category group2">テクノロジー</a>
546
+ </li>
547
+ <li class="date">2012/04/12 11:32</li>
548
+ </ul>
549
+ </div>
550
+ <ul class="entry-meta">
551
+ <li class="domain"><a class="domain" href="http://b.hatena.ne.jp/entrylist?url=http%3A%2F%2Fmelborne.github.com%2F" title="『melborne.github.com』の新着エントリー"><img src="hatebu_entry3_files/a.png" class="favicon" alt=""><span>melborne.github.com</span></a></li>
552
+ <li class="tag">
553
+ <a href="http://b.hatena.ne.jp/search/tag?q=ruby" rel="tag" class="tag">ruby</a>
554
+ <a href="http://b.hatena.ne.jp/search/tag?q=%E8%A8%80%E8%AA%9E" rel="tag" class="tag">言語</a>
555
+ <a href="http://b.hatena.ne.jp/search/tag?q=%22%E3%83%96%E3%83%83%E3%82%AF%E3%83%9E%E3%83%BC%E3%82%AF+%E3%83%90%E3%83%BC%22" rel="tag" class="tag">ブックマーク バー</a>
556
+ <a href="http://b.hatena.ne.jp/search/tag?q=*%E3%81%82%E3%81%A8%E3%81%A7%E8%AA%AD%E3%82%80" rel="tag" class="tag">*あとで読む</a>
557
+ </li>
558
+ </ul>
559
+ <div class="follow"></div>
560
+ </li><li class="entry-unit category-it hb-entry-unit-with-favorites has-image" data-eid="139062362" data-bookmark-count="9" data-entryrank="16">
561
+ <ul class="users">
562
+ <li><em><a href="http://b.hatena.ne.jp/entry/melborne.github.com/2013/04/02/graphviz-layouts/" data-track-click-target="entry" title="すべてのブックマークを見る"><span>9</span> users</a></em></li>
563
+ </ul>
564
+ <div class="entry-contents">
565
+ <h3 class="hb-entry-link-container"><a href="http://melborne.github.com/2013/04/02/graphviz-layouts/" class="entry-link" title="Graphvizレイアウトサンプル" data-entryrank="16" data-track-click-target="direct">Graphvizレイアウトサンプル</a></h3>
566
+ <ul class="entry-data">
567
+ <li class="description"><blockquote>Graphvizには複数のレイアウトフォーマット
568
+ がありますが、どれも名前が変わっていて生成されるレイアウトを名前から想像することが困難です。幾つかのレイアウトの説明はGraphvizのサイトに
569
+ 書いてあるのですが、それを読んでもやっぱりピンと来ません。その結果、毎度グラフを...</blockquote></li>
570
+ <li class="thumbnail">
571
+ <a class="" href="http://b.hatena.ne.jp/entry/melborne.github.com/2013/04/02/graphviz-layouts/" title="すべてのブックマークを見る" data-entryrank="16" data-track-click-target="entry"><img src="hatebu_entry3_files/139062362-1364884045_l.jpg" alt=""></a>
572
+ </li>
573
+ <li class="category">
574
+ <a href="http://b.hatena.ne.jp/hotentry/it" class="category group2">テクノロジー</a>
575
+ </li>
576
+ <li class="date">2013/04/02 15:26</li>
577
+ </ul>
578
+ </div>
579
+ <ul class="entry-meta">
580
+ <li class="domain"><a class="domain" href="http://b.hatena.ne.jp/entrylist?url=http%3A%2F%2Fmelborne.github.com%2F" title="『melborne.github.com』の新着エントリー"><img src="hatebu_entry3_files/a.png" class="favicon" alt=""><span>melborne.github.com</span></a></li>
581
+ <li class="tag">
582
+ <a href="http://b.hatena.ne.jp/search/tag?q=graphviz" rel="tag" class="tag">graphviz</a>
583
+ <a href="http://b.hatena.ne.jp/search/tag?q=ruby" rel="tag" class="tag">ruby</a>
584
+ <a href="http://b.hatena.ne.jp/search/tag?q=design" rel="tag" class="tag">design</a>
585
+ <a href="http://b.hatena.ne.jp/search/tag?q=%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88" rel="tag" class="tag">レイアウト</a>
586
+ </li>
587
+ </ul>
588
+ <div class="follow hb-favorites-appended"><a href="http://b.hatena.ne.jp/keyesberry/20130402"><img class="profile-image" title="keyesberry" alt="keyesberry" src="hatebu_entry3_files/profile_s.gif" height="16" width="16"></a></div>
589
+ </li><li class="entry-unit category-it hb-entry-unit-with-favorites has-image" data-eid="128475714" data-bookmark-count="8" data-entryrank="17">
590
+ <ul class="users">
591
+ <li><em><a href="http://b.hatena.ne.jp/entry/melborne.github.com/2013/01/15/build-book-pages-with-yampla-gem/" data-track-click-target="entry" title="すべてのブックマークを見る"><span>8</span> users</a></em></li>
592
+ </ul>
593
+ <div class="entry-contents">
594
+ <h3 class="hb-entry-link-container"><a href="http://melborne.github.com/2013/01/15/build-book-pages-with-yampla-gem/" class="entry-link" title="Rubyで商品リストのようなものを作るときあなたはいつもどうしていますか？" data-entryrank="17" data-track-click-target="direct">Rubyで商品リストのようなものを作るときあなたはいつもどうしていますか？</a></h3>
595
+ <ul class="entry-data">
596
+ <li class="description"><blockquote>ブログ記事を電子書籍化して販売するとかいう個人プ
597
+ ロジェクトをやってて、先日そのための販売サイトというかページを「M'ELBORNE
598
+ BOOKS」という名の下で公開したんだけど、最初このサイトというかページは全書籍が一覧できるトップページの一頁しかなく、それじゃ余りに販売
599
+ サ...</blockquote></li>
600
+ <li class="thumbnail">
601
+ <a class="" href="http://b.hatena.ne.jp/entry/melborne.github.com/2013/01/15/build-book-pages-with-yampla-gem/" title="すべてのブックマークを見る" data-entryrank="17" data-track-click-target="entry"><img src="hatebu_entry3_files/128475714-1358211624_l.jpg" alt=""></a>
602
+ </li>
603
+ <li class="category">
604
+ <a href="http://b.hatena.ne.jp/hotentry/it" class="category group2">テクノロジー</a>
605
+ </li>
606
+ <li class="date">2013/01/15 10:00</li>
607
+ </ul>
608
+ </div>
609
+ <ul class="entry-meta">
610
+ <li class="domain"><a class="domain" href="http://b.hatena.ne.jp/entrylist?url=http%3A%2F%2Fmelborne.github.com%2F" title="『melborne.github.com』の新着エントリー"><img src="hatebu_entry3_files/a.png" class="favicon" alt=""><span>melborne.github.com</span></a></li>
611
+ <li class="tag">
612
+ <a href="http://b.hatena.ne.jp/search/tag?q=ruby" rel="tag" class="tag">ruby</a>
613
+ <a href="http://b.hatena.ne.jp/search/tag?q=gem" rel="tag" class="tag">gem</a>
614
+ <a href="http://b.hatena.ne.jp/search/tag?q=books" rel="tag" class="tag">books</a>
615
+ <a href="http://b.hatena.ne.jp/search/tag?q=yampla" rel="tag" class="tag">yampla</a>
616
+ </li>
617
+ </ul>
618
+ <div class="follow hb-favorites-appended"><a href="http://b.hatena.ne.jp/keyesberry/20130115"><img class="profile-image" title="keyesberry" alt="keyesberry" src="hatebu_entry3_files/profile_s.gif" height="16" width="16"></a></div>
619
+ </li><li class="entry-unit category-it hb-entry-unit-with-favorites" data-eid="138945562" data-bookmark-count="7" data-entryrank="18">
620
+ <ul class="users">
621
+ <li><em><a href="http://b.hatena.ne.jp/entry/melborne.github.com/2013/04/01/methodize-a-conditional-operator/" data-track-click-target="entry" title="すべてのブックマークを見る"><span>7</span> users</a></em></li>
622
+ </ul>
623
+ <div class="entry-contents">
624
+ <h3 class="hb-entry-link-container"><a href="http://melborne.github.com/2013/04/01/methodize-a-conditional-operator/" class="entry-link" title="どうやらRubyはPerlにマージされたそうですよ。" data-entryrank="18" data-track-click-target="direct">どうやらRubyはPerlにマージされたそうですよ。</a></h3>
625
+ <ul class="entry-data">
626
+ <li class="description"><blockquote>truth = "ruby is now
627
+ twenty years old." lie = "ruby was merged with perl." april_first = true
628
+ ruby_status = if april_first lie else truth end ruby_status # =&gt;
629
+ "ruby was merged with perl."</blockquote></li>
630
+ <li class="category">
631
+ <a href="http://b.hatena.ne.jp/hotentry/it" class="category group2">テクノロジー</a>
632
+ </li>
633
+ <li class="date">2013/04/01 18:59</li>
634
+ </ul>
635
+ </div>
636
+ <ul class="entry-meta">
637
+ <li class="domain"><a class="domain" href="http://b.hatena.ne.jp/entrylist?url=http%3A%2F%2Fmelborne.github.com%2F" title="『melborne.github.com』の新着エントリー"><img src="hatebu_entry3_files/a.png" class="favicon" alt=""><span>melborne.github.com</span></a></li>
638
+ <li class="tag">
639
+ <a href="http://b.hatena.ne.jp/search/tag?q=ruby" rel="tag" class="tag">ruby</a>
640
+ </li>
641
+ </ul>
642
+ <div class="follow hb-favorites-appended"><a href="http://b.hatena.ne.jp/keyesberry/20130401"><img class="profile-image" title="keyesberry" alt="keyesberry" src="hatebu_entry3_files/profile_s.gif" height="16" width="16"></a></div>
643
+ </li><li class="entry-unit category-it hb-entry-unit-with-favorites has-image" data-eid="137977882" data-bookmark-count="8" data-entryrank="19">
644
+ <ul class="users">
645
+ <li><em><a href="http://b.hatena.ne.jp/entry/melborne.github.com/2013/03/25/map-of-japan-2/" data-track-click-target="entry" title="すべてのブックマークを見る"><span>8</span> users</a></em></li>
646
+ </ul>
647
+ <div class="entry-contents">
648
+ <h3 class="hb-entry-link-container"><a href="http://melborne.github.com/2013/03/25/map-of-japan-2/" class="entry-link" title="Graphvizで作る、私たちの国「日本」の今度こそ本当の姿かたち" data-entryrank="19" data-track-click-target="direct">Graphvizで作る、私たちの国「日本」の今度こそ本当の姿かたち</a></h3>
649
+ <ul class="entry-data">
650
+ <li class="description"><blockquote>僕は前回、antlaboさんが公開されている全国
651
+ 市区町村の隣接データに基いて、Graphvizで次のような日本を作りました。 "Graphvizで作る、私たちの国「日本」の本当の姿かたち"
652
+ ええ、これが「日本」です。 まあ、これはこれで面白かったのですが、全体的形状としては現実の日本...</blockquote></li>
653
+ <li class="thumbnail">
654
+ <a class="" href="http://b.hatena.ne.jp/entry/melborne.github.com/2013/03/25/map-of-japan-2/" title="すべてのブックマークを見る" data-entryrank="19" data-track-click-target="entry"><img src="hatebu_entry3_files/137977882-1364193347_l.jpg" alt=""></a>
655
+ </li>
656
+ <li class="category">
657
+ <a href="http://b.hatena.ne.jp/hotentry/it" class="category group2">テクノロジー</a>
658
+ </li>
659
+ <li class="date">2013/03/25 15:34</li>
660
+ </ul>
661
+ </div>
662
+ <ul class="entry-meta">
663
+ <li class="domain"><a class="domain" href="http://b.hatena.ne.jp/entrylist?url=http%3A%2F%2Fmelborne.github.com%2F" title="『melborne.github.com』の新着エントリー"><img src="hatebu_entry3_files/a.png" class="favicon" alt=""><span>melborne.github.com</span></a></li>
664
+ <li class="tag">
665
+ <a href="http://b.hatena.ne.jp/search/tag?q=graphviz" rel="tag" class="tag">graphviz</a>
666
+ <a href="http://b.hatena.ne.jp/search/tag?q=ruby" rel="tag" class="tag">ruby</a>
667
+ <a href="http://b.hatena.ne.jp/search/tag?q=map" rel="tag" class="tag">map</a>
668
+ </li>
669
+ </ul>
670
+ <div class="follow hb-favorites-appended"><a href="http://b.hatena.ne.jp/keyesberry/20130325"><img class="profile-image" title="keyesberry" alt="keyesberry" src="hatebu_entry3_files/profile_s.gif" height="16" width="16"></a></div>
671
+ </li><li class="entry-unit category-economics hb-entry-unit-with-favorites has-image" data-eid="137617370" data-bookmark-count="8" data-entryrank="20">
672
+ <ul class="users">
673
+ <li><em><a href="http://b.hatena.ne.jp/entry/melborne.github.com/2013/03/22/map-of-japan/" data-track-click-target="entry" title="すべてのブックマークを見る"><span>8</span> users</a></em></li>
674
+ </ul>
675
+ <div class="entry-contents">
676
+ <h3 class="hb-entry-link-container"><a href="http://melborne.github.com/2013/03/22/map-of-japan/" class="entry-link" title="Graphvizで作る、私たちの国「日本」の本当の姿かたち" data-entryrank="20" data-track-click-target="direct">Graphvizで作る、私たちの国「日本」の本当の姿かたち</a></h3>
677
+ <ul class="entry-data">
678
+ <li class="description"><blockquote>antlaboさんがGraphvizを使って、北
679
+ 海道の市町村の隣接を可視化したものを公開されています。 Graphvizで北海道の市区町村の隣接を可視化してみました。 -
680
+ 蟻の実験工房（別館ラボ） この可視化の元データはwikipediaの情報を元にantlaboさんが作られたそうです。スバラシイ。 ...</blockquote></li>
681
+ <li class="thumbnail">
682
+ <a class="" href="http://b.hatena.ne.jp/entry/melborne.github.com/2013/03/22/map-of-japan/" title="すべてのブックマークを見る" data-entryrank="20" data-track-click-target="entry"><img src="hatebu_entry3_files/137617370-1363940329_l.jpg" alt=""></a>
683
+ </li>
684
+ <li class="category">
685
+ <a href="http://b.hatena.ne.jp/hotentry/economics" class="category group2">政治と経済</a>
686
+ </li>
687
+ <li class="date">2013/03/22 17:17</li>
688
+ </ul>
689
+ </div>
690
+ <ul class="entry-meta">
691
+ <li class="domain"><a class="domain" href="http://b.hatena.ne.jp/entrylist?url=http%3A%2F%2Fmelborne.github.com%2F" title="『melborne.github.com』の新着エントリー"><img src="hatebu_entry3_files/a.png" class="favicon" alt=""><span>melborne.github.com</span></a></li>
692
+ <li class="tag">
693
+ <a href="http://b.hatena.ne.jp/search/tag?q=graphviz" rel="tag" class="tag">graphviz</a>
694
+ <a href="http://b.hatena.ne.jp/search/tag?q=ruby" rel="tag" class="tag">ruby</a>
695
+ </li>
696
+ </ul>
697
+ <div class="follow hb-favorites-appended"><a href="http://b.hatena.ne.jp/keyesberry/20130322"><img class="profile-image" title="keyesberry" alt="keyesberry" src="hatebu_entry3_files/profile_s.gif" height="16" width="16"></a></div>
698
+ </li>
699
+ </ul>
700
+
701
+
702
+ </div><div class="box3_1 notitle"><ul class="entry-horizontal-s">
703
+ <li class="entry-list">
704
+ <div style="width: 300px; height: 250px;" id="div-gpt-ad-1360826822835-0" class="ad-rectangle"><iframe src="javascript:&quot;<html><body style='background:transparent'></body></html>&quot;" style="border: 0px none; vertical-align: bottom;" marginheight="0" marginwidth="0" name="google_ads_iframe_/4374287/boomark_entrylist_url_0" id="google_ads_iframe_/4374287/boomark_entrylist_url_0" frameborder="0" height="250" scrolling="no" width="300"></iframe><iframe src="javascript:&quot;<html><body style='background:transparent'></body></html>&quot;" style="border: 0px none; vertical-align: bottom; visibility: hidden; display: none;" marginheight="0" marginwidth="0" name="google_ads_iframe_/4374287/boomark_entrylist_url_0__hidden__" id="google_ads_iframe_/4374287/boomark_entrylist_url_0__hidden__" frameborder="0" height="0" scrolling="no" width="0"></iframe></div>
705
+ <script type="text/javascript" id="dfp_script_div-gpt-ad-1360826822835-0" data-dfp-tag="/4374287/boomark_entrylist_url" data-dfp-width="300" data-dfp-height="250">
706
+ (function() {
707
+ var targetId = 'div-gpt-ad-1360826822835-0';
708
+ var currentScript = document.getElementById('dfp_script_' + targetId);
709
+
710
+ var widthStr = currentScript.getAttribute('data-dfp-width');
711
+ var heightStr = currentScript.getAttribute('data-dfp-height');
712
+ var ngWordThresholdStr = currentScript.getAttribute('data-dfp-ngword-threshold');
713
+
714
+ var elem = document.getElementById(targetId);
715
+ elem.style.width = widthStr + 'px';
716
+ elem.style.height = heightStr + 'px';
717
+
718
+ window.hatena_dfp_tag = currentScript.getAttribute('data-dfp-tag');
719
+ window.hatena_dfp_size = [+widthStr, +heightStr];
720
+ window.hatena_dfp_target_id = targetId;
721
+ window.hatena_dfp_ngword_threshold = ngWordThresholdStr != undefined ? +ngWordThresholdStr : undefined;
722
+ })();
723
+ </script>
724
+ <script type="text/javascript" src="hatebu_entry3_files/hatena_dfp-compiled.js"></script></li>
725
+ </ul></div>
726
+ </div>
727
+ <div class="pager">
728
+ <a class="pager-prev" href="http://b.hatena.ne.jp/entrylist?sort=count&amp;url=http%3A%2F%2Fmelborne.github.com%2F&amp;of=20">前の20件</a> <a class="pager-next" href="http://b.hatena.ne.jp/entrylist?sort=count&amp;url=http%3A%2F%2Fmelborne.github.com%2F&amp;of=60">次の20件</a>
729
+ </div>
730
+ </div><div id="keyboard-shortcut-help" class="overlay-panel js-hidden">
731
+ <div class="overlay-panel-title">キーボードショートカット一覧</div>
732
+ <dl>
733
+ <dt>j</dt>
734
+ <dd>次のブックマーク</dd>
735
+ <dt>k</dt>
736
+ <dd>前のブックマーク</dd>
737
+ <dt>e</dt>
738
+ <dd>コメント一覧を開く</dd>
739
+ <dt>o</dt>
740
+ <dd>ページを開く</dd>
741
+ </dl>
742
+ <div class="overlay-panel-close">✕</div>
743
+ </div>
744
+ </div>
745
+
746
+
747
+
748
+
749
+ <div id="navi-foot">
750
+ <ul id="navi-foot-category">
751
+ <li class="top"><a href="http://b.hatena.ne.jp/" class="category top">トップ</a></li>
752
+ <li class="headline"><a href="http://b.hatena.ne.jp/headline" class="category headline">ヘッドライン</a></li>
753
+ <li class="hotentry"><a href="http://b.hatena.ne.jp/entrylist" class="category hotentry">総合</a></li>
754
+ <li class="group1 category-social"><a href="http://b.hatena.ne.jp/entrylist/social" class="category group1">世の中</a></li>
755
+ <li class="group1 category-economics"><a href="http://b.hatena.ne.jp/entrylist/economics" class="category group1">政治と経済</a></li>
756
+ <li class="group2 category-life"><a href="http://b.hatena.ne.jp/entrylist/life" class="category group2">暮らし</a></li>
757
+ <li class="group2 category-knowledge"><a href="http://b.hatena.ne.jp/entrylist/knowledge" class="category group2">学び</a></li>
758
+ <li class="group3 category-it"><a href="http://b.hatena.ne.jp/entrylist/it" class="category group3">テクノロジー</a></li>
759
+ <li class="group4 category-entertainment"><a href="http://b.hatena.ne.jp/entrylist/entertainment" class="category group4">エンタメ</a></li>
760
+ <li class="group4 category-game"><a href="http://b.hatena.ne.jp/entrylist/game" class="category group4">アニメとゲーム</a></li>
761
+ <li class="group4 category-fun"><a href="http://b.hatena.ne.jp/entrylist/fun" class="category group4">おもしろ</a></li>
762
+ <li class="group5 category-video"><a href="http://b.hatena.ne.jp/video" class="category group5">動画</a></li>
763
+ </ul>
764
+ </div>
765
+
766
+ <div id="footer">
767
+ <div class="footer-link">
768
+ <a href="http://b.hatena.ne.jp/">トップ</a>
769
+ <a href="http://b.hatena.ne.jp/hotentry">人気エントリー</a>
770
+ <a href="http://b.hatena.ne.jp/entrylist">新着エントリー</a>
771
+ <a href="http://b.hatena.ne.jp/articles">はてなブックマークニュース</a>
772
+ <a href="http://b.hatena.ne.jp/guide/tools">アプリ・拡張機能</a>
773
+ <a href="http://bookmark.hatenastaff.com/">開発ブログ</a>
774
+ <a href="http://b.hatena.ne.jp/help">ヘルプ</a>
775
+ </div>
776
+ <div id="copyright">Copyright © 2005–2013 <a href="http://www.hatena.ne.jp/">Hatena</a>. All Rights Reserved.</div>
777
+ </div>
778
+
779
+ <script type="text/javascript">
780
+ (function () {
781
+ var infoHeader = document.getElementById('info-header');
782
+ var info_data = [];
783
+ if (info_data && infoHeader) {
784
+ new Hatena.Bookmark.Information(infoHeader, info_data);
785
+ }
786
+ })();
787
+
788
+ </script>
789
+
790
+ <script type="text/javascript">Hatena.Bookmark.Browsing.document.checkPageLoad();</script>
791
+ <script type="text/javascript">
792
+
793
+ var _gaq = _gaq || [];
794
+ _gaq.push(
795
+ ['_setCustomVar', 1, 'usertype', 'user'],
796
+ ['_setAccount', 'UA-20092244-1'],
797
+ ['_trackPageview'],
798
+ ['b._setAccount', 'UA-7855606-1'],
799
+ ['b._setDomainName', '.hatena.ne.jp'],
800
+ ['b._trackPageview'],
801
+ ['c._setAccount', 'UA-441387-3'],
802
+ ['c._trackPageview']
803
+ );
804
+
805
+
806
+ (function() {
807
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
808
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
809
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
810
+ })();
811
+
812
+ </script><script type="text/javascript" src="hatebu_entry3_files/bookmark_button.js" charset="utf-8" async="async"></script>
813
+
814
+
815
+
816
+
817
+ </body></html>