PageSourceSearch

https://hail2u.net/blog/

html hail2u.net collected 2026-10-03 19:06:10 UTC 2,852,895 bytes, 52,380 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja">
3  <head>
4    <meta charset="UTF-8">
5    <meta content="width=device-width, initial-scale=1" name="viewport">
6
7    <title>雑多な記録</title>
8
9    <link title="ウェブサイト全体のRSS" href="/feed" rel="alternate" type="application/rss+xml">
10    <link title="雑多な記録だけのRSS" href="/blog/feed" rel="alternate" type="application/rss+xml">
11    <link href="mailto:[email protected]" rel="author">
12    <link href="https://hail2u.net/blog/" rel="canonical">
13    <meta content="ウェブ開発に関する話題が中心でしたが、もはやそれに限らず備忘録に近いものです。" name="description">
14    <link href="/favicon.svg" rel="icon" type="image/svg+xml">
15    <link href="https://creativecommons.org/licenses/by/4.0/" rel="license">
16    <link as="style" href="/css/index.css?v=9.40.1" rel="preload">
17    <link href="https://duckduckgo.com/?q=site%3Ahail2u.net" rel="search">
18    <link href="/css/print.css?v=9.40.1" media="only print" rel="stylesheet">
19    <link href="/css/index.css?v=9.40.1" media="only screen" rel="stylesheet">
20  </head>
21
22  <body>
23
24      <nav id="top">
25        <p class="back"><a href="/"><span role="img" aria-label="ホームへ戻る">←</span></a></p>
26      </nav>
27
28      <header class="page-header">
29
30        <h1><em>雑多な記録</em>は、ウェブ開発に関する話題が中心でしたが、もはやそれに限らず備忘録に近いものです。</h1>
31      </header>
32
33    <main>
34      <nav>
35        <h2>年別</h2>
36
37        <ol class="archives">
38          <li><a href="#2026">2026å¹´</a></li><li><a href="#2025">2025å¹´</a></li><li><a href="#2024">2024å¹´</a></li><li><a href="#2023">2023å¹´</a></li><li><a href="#2022">2022å¹´</a></li><li><a href="#2021">2021å¹´</a></li><li><a href="#2020">2020å¹´</a></li><li><a href="#2019">2019å¹´</a></li><li><a href="#2018">2018å¹´</a></li><li><a href="#2017">2017å¹´</a></li><li><a href="#2016">2016å¹´</a></li><li><a href="#2015">2015å¹´</a></li><li><a href="#2014">2014å¹´</a></li><li><a href="#2013">2013å¹´</a></li><li><a href="#2012">2012å¹´</a></li><li><a href="#2011">2011å¹´</a></li><li><a href="#2010">2010å¹´</a></li><li><a href="#2009">2009å¹´</a></li><li><a href="#2006">2006å¹´</a></li><li><a href="#2005">2005å¹´</a></li><li><a href="#2004">2004å¹´</a></li><li><a href="#2003">2003å¹´</a></li><li><a href="#2002">2002å¹´</a></li>
39        </ol>
40      </nav>
41
42          <section id="2026">
43            <h2><time datetime="2026-10">2026年10月</time></h2>
44
45        <a href="/blog/2026-10-02">
46          <section class="excerpt">
47            <header>
48              <p class="date"><time datetime="2026-10-02T06:57:26+09:00">2日</time></p>
49
50              <h3>文字が大きいディスプレイ</h3>
51            </header>
52
53            <p>XPS 13 (2026)になったら、かなり文字が大きい。Surface Pro 6の画面幅は260mmで、1368ピクセルになっているので、5.262ピクセル/mmだ。対してXPS 13 (2026)は画面幅が288mmで、1280ピクセルになっているので、4.444ピクセル/mmになる。1.184倍くらい大きい計算になる。大きく感じて当然だ。</p>
54          </section>
55        </a>
56
57          </section>
58          <section>
59            <h2><time datetime="2026-09">2026年9月</time></h2>
60
61        <a href="/blog/2026-09-25">
62          <section class="excerpt">
63            <header>
64              <p class="date"><time datetime="2026-09-25T07:05:08+09:00">25日</time></p>
65
66              <h3>電柱交換</h3>
67            </header>
68
69            <p>近所で電柱の入れ替えと言うか、建て替えと言うか、新しい電柱への置き換えが進んでいる。今年は5か所くらい見かけている。1か所は歩道の真ん中になってしまった電柱の移設だ。路肩に広めの歩道が整備された関係で、邪魔な位置になってしまった。作業的には、電柱の新設を1日、電線の移動を複数の業者で3日、電柱の撤去を1日、という感じだ。こういう作業の素早さを見ていると、電線を埋設ã
69™ã‚‹ã‚ˆã‚Šç½å®³å¾©æ—§ã«å‘いているような気もしてくる。</p>
70          </section>
71        </a>
72
73
74        <a href="/blog/dell-xps-13-dx13260">
75          <section class="excerpt">
76            <header>
77              <p class="date"><time datetime="2026-09-18T08:01:57+09:00">18日</time></p>
78
79              <h3>XPS 13 (2026)の購入</h3>
80            </header>
81
82            <p>調子が戻っているSurface Pro 6だが、8年だし買い替える。横2560ピクセル以上のノート・パソコンを15万円くらいで手に入れたい感じだ。Surface Pro 12インチがそれくらい(だった)ので、その辺りを基準にする。春頃までまったく存在しない雰囲気だったが、MacBook NeoのおかげでDellがXPS 13をそのような値段で出してくれた。8GBは怪しいので、16GBにし、ヨドバシカメラの店頭で買う。オンラインでは184980円だったが、横浜店の店頭で15000円クーポンがあり、10%ポイント還元で152982円相当と、良い感じの値段だ。</p>
83          </section>
84        </a>
85
86
87        <a href="/blog/repetition-and-variation-2026-09-02">
88          <section class="excerpt">
89            <header>
90              <p class="date"><time datetime="2026-09-11T08:37:52+09:00">11日</time></p>
91
92              <h3>反復と変奏(Heralbony Laboratory Ginza)</h3>
93            </header>
94
95            <p>ヘラルボニーの盛岡の方に行ってみようと考えていたが、なかなか機会がなã
95„ので銀座に出来た方へ行く。無印良品の少し先にあるようだ。夏の名残の暑さで、あまり地上を歩かないようにしたい。</p>
96          </section>
97        </a>
98
99
100        <a href="/blog/2026-09-05">
101          <section class="excerpt">
102            <header>
103              <p class="date"><time datetime="2026-09-05T07:46:30+09:00">5日</time></p>
104
105              <h3>ローソンのチュロス</h3>
106            </header>
107
108            <p>ローソンのたまごチュロスを食べ過ぎている。週に1つくらいのペースで食べ続けており、514kcalということに気づいて自重しようかと思っているが、自重できていない。これの甘くないやつがあれば、毎日朝に食べたい。</p>
109          </section>
110        </a>
111
112          </section>
113          <section>
114            <h2><time datetime="2026-08">2026年8月</time></h2>
115
116        <a href="/blog/2026-08-28">
117          <section class="excerpt">
118            <header>
119              <p class="date"><time datetime="2026-08-28T07:31:09+09:00">28日</time></p>
120
121              <h3>夏、2026年、靴</h3>
122            </header>
123
124            <p>夏用スニーカーとして、去年に続きGUの1990円スニーカーを買う。色は黄色にしそうになったが、いつもの通り黒だ。今年は内羽根に変わったらしく、キャンバス素材だと珍しい。夏で履き潰すつもりだったが、昨年のものよりも長持ちしている。来年も履けそうだ。</p>
125          </section>
126        </a>
127
128
129        <a href="/blog/2026-08-21">
130          <section class="excerpt">
131            <header>
132              <p class="date"><time datetime="2026-08-21T07:39:38+09:00">21日</time></p>
133
134              <h3>エルダーフラワーのゼリー</h3>
135            </header>
136
137            <p>梅雨が終わって一気に暑くなったため、イケアで買ったエルダーフラワーのシロップでゼリーを作り始める。花をシロップ漬けにしたものらしく、蜂蜜のような味わいがある。それほど強い香りではなく、美味しく食べられている。炭酸水で割っても美味しい。難点は使っている洗顔ジェルが似たような香りであることだ。</p>
138          </section>
139        </a>
140
141
142        <a href="/blog/animals-monsters-2026-08-04">
143          <section class="excerpt">
144            <header>
145              <p class="date"><time datetime="2026-08-14T12:49:17+09:00">14日</time></p>
146
147              <h3>アニマル・アンド・モンスター(太田美術館)</h3>
148            </header>
149
150            <p>原宿へ妖怪画の展覧会を見に行く。夏なので納涼のつもりだったが、予想最高気温が27度と、奇跡的に涼しい。前日は涼しく、翌日も涼しそうなので、体力を使い切っても良さそうな気配がある。</p>
151          </section>
152        </a>
153
154
155        <a href="/blog/2026-08-06">
156          <section class="excerpt">
157            <header>
158              <p class="date"><time datetime="2026-08-06T17:46:46+09:00">6日</time></p>
159
160              <h3>横浜ホットサンド</h3>
161            </header>
162
163            <p>横浜ご飯はホットサンドにする。ラタトゥイユと、エビとマカロニのマヨネーズ和え、サラダ、アイスコーヒーを付けて2000円弱と、かなり高い。ホットサンドは美味しかったが、ラタトゥイユはイマイチだ。</p>
164          </section>
165        </a>
166
167          </section>
168          <section>
169            <h2><time datetime="2026-07">2026年7月</time></h2>
170
171        <a href="/blog/2026-07-22">
172          <section class="excerpt">
173            <header>
174              <p class="date"><time datetime="2026-07-22T07:30:12+09:00">22日</time></p>
175
176              <h3>アボカド育成中</h3>
177            </header>
178
179            <p>数か月くらい前に、スーパーで買ったアボカドの種を植えたã€
179‚特に何もせずに放っておいたら、いつの間にかひょろっと生え、30cmくらいの高さに育っている。何年後くらいに実が生るのかな。別に一つ植わっており、そちらも芽が出て、葉が開き始めている。</p>
180          </section>
181        </a>
182
183
184        <a href="/blog/meguro-shinagawa-takanawa-2026-07-08">
185          <section class="excerpt">
186            <header>
187              <p class="date"><time datetime="2026-07-20T12:35:07+09:00">20日</time></p>
188
189              <h3>目黒~品川~高輪</h3>
190            </header>
191
192            <p>展覧会の後は品川に寄ってから高輪に行く。梅雨明け気味で気温も上がり、ふらふら歩けるのも最後かもしれない。天気は良い。</p>
193          </section>
194        </a>
195
196
197        <a href="/blog/lucie-rie-elegant-vessels-fusing-east-and-west-2026-07-08">
198          <section class="excerpt">
199            <header>
200              <p class="date"><time datetime="2026-07-17T12:09:11+09:00">17日</time></p>
201
202              <h3>ルーシー・リー展(東京都庭園美術館)</h3>
203            </header>
204
205            <p>目黒というか白金台の庭園美術館へルーシー・リーの展覧会を見に行く。10年位前の展覧会は、茨城や千葉で行くことを諦めた記憶がある。絵画や、彫刻、写真でない展覧会は久しぶりだ。</p>
206          </section>
207        </a>
208
209
210        <a href="/blog/2026-07-15">
211          <section class="excerpt">
212            <header>
213              <p class="date"><time datetime="2026-07-15T12:54:25+09:00">15日</time></p>
214
215              <h3>激安つや姫</h3>
216            </header>
217
218            <p>ついにつや姫も値下がりし始めたようだ。地元で5kgが3500円弱になっている。4回くらいプレミアム商品券を使って半額で買えていたため、米代があまりかからず半年をやり過ごせた。</p>
219          </section>
220        </a>
221
222
223        <a href="/blog/2026-07-13">
224          <section class="excerpt">
225            <header>
226              <p class="date"><time datetime="2026-07-13T11:07:39+09:00">13日</time></p>
227
228              <h3>1年で踵直し</h3>
229            </header>
230
231            <p>去年買ったジャーマン・トレーナーの踵を直す。8月の終わりくらいに買ったが、1年経たずに穴が開きそうになる。同じ物が同じ値段で売っていたら買い直そうかと思ったが、9000円くらいになっている。しょうがないので、踵だけ直す。</p>
232          </section>
233        </a>
234
235
236        <a href="/blog/2026-07-10">
237          <section class="excerpt">
238            <header>
239              <p class="date"><time datetime="2026-07-10T12:23:23+09:00">10日</time></p>
240
241              <h3>シャーロック・ホームズの短編文庫本</h3>
242            </header>
243
244            <p>Sherlockの再放送を見ていたら、文庫が欲しくなったので短編集だけ揃える。ホームズの長編はあまり好きではない。えすとえむの表紙に惹かれて角川を買いそうになるも、新潮にしておく。新潮新版の装丁はエンボス加工になっていて、手触りが楽しい。Sherlockの再放送は、サッカー・ワールドカップの関係で、最後の1話だけまだ放送されていない。誕生日に放送されるようなので楽しみにしよう。</p>
245          </section>
246        </a>
247
248
249        <a href="/blog/2026-07-08">
250          <section class="excerpt">
251            <header>
252              <p class="date"><time datetime="2026-07-08T07:29:40+09:00">8日</time></p>
253
254              <h3>DOCOMO FG</h3>
255            </header>
256
257            <p>7月1日からdカード利用速報SMSの配信元がDOCOMO FGへ変わってしまった。組織再編の関係らしい。d払いのレシートメールと同じNTT DOCOMOが配信元だと、一気に既読に出来ていた。これからは両方開かないとならないため、二度手間になる。d払いのレシートメールは止められないようだ。dカードの速報メッセージを止めるしかない。</p>
258          </section>
259        </a>
260
261
262        <a href="/blog/2026-07-06">
263          <section class="excerpt">
264            <header>
265              <p class="date"><time datetime="2026-07-06T11:02:32+09:00">6日</time></p>
266
267              <h3>クレカ整理</h3>
268            </header>
269
270            <p>クレジットカードを2枚にする。Apple Payに登録できなかったり、タッチ決済が無かったり、色々あったが、ここ数年で大体何とかなりそうな雰囲気だ。財布や、アプリ、ログイン情報がすっきりする。</p>
271          </section>
272        </a>
273
274
275        <a href="/blog/2026-07-03">
276          <section class="excerpt">
277            <header>
278              <p class="date"><time datetime="2026-07-03T12:40:21+09:00">3日</time></p>
279
280              <h3>紺紺白紺紺白</h3>
281            </header>
282
283            <p>
283去年はTシャツが5枚でギリギリと感じた。今年は6枚に増やす。あまり好きではない黒を引退させよそ行きの紺を下ろし、ファミリーマートでコンビニエンスウェアのしろを買う。コンビニエンスウェアを初めて買……と思ったが、下着を緊急購入したことがあった。</p>
284          </section>
285        </a>
286
287
288        <a href="/blog/2026-07-01">
289          <section class="excerpt">
290            <header>
291              <p class="date"><time datetime="2026-07-01T12:31:04+09:00">1日</time></p>
292
293              <h3>新イオン</h3>
294            </header>
295
296            <p>イオンが移転してしばらく経つ。初日は500人くらい並んでいたので、それを眺めるだけだった。多少売り場が縮小したらしいが、棚が高くなって売り場容積はあまり変わらないと思う。無事に相模屋の豆乳入りだしやっこも入手できるようになり、安心する。以前と同じ朝8時から開くようだし、地元野菜コーナーも1.5倍くらいだ。ダイエーだった時の一の市が懐かしい。</p>
297          </section>
298        </a>
299
300          </section>
301          <section>
302            <h2><time datetime="2026-06">2026年6月</time></h2>
303
304        <a href="/blog/2026-06-29">
305          <section class="excerpt">
306            <header>
307              <p class="date"><time datetime="2026-06-29T12:34:57+09:00">29日</time></p>
308
309              <h3>美生柑</h3>
310            </header>
311
312            <p>清見オレンジが終わった頃から、今年は美生柑を食べている。酸っぱくて美味しい。とあるスーパーでは河内晩柑や宇和ゴールドと並んで売っており、美生柑が5つ入りで399円と一番安い。8月くらいまで出荷されるらしいが、もう手に入らなくなってきた。</p>
313          </section>
314        </a>
315
316
317        <a href="/blog/nishikawa-sevendays-cooling-pad">
318          <section class="excerpt">
319            <header>
320              <p class="date"><time datetime="2026-06-26T12:37:35+09:00">26日</time></p>
321
322              <h3>西川の冷感敷きパッド</h3>
323            </header>
324
325            <p>真夏用のひんやりする敷きパッドに興味が出てきたので、色々見て回る。寝具店に行くと2万円を超えるものがゴロゴロ売っているが、いきなりその値段は出せない。地元の西川直営店で強冷感の敷きパッドが売っていたので、これにしてみる。ネイビーで定価の5500円だ。グレーは在庫が無かった。</p>
326          </section>
327        </a>
328
329
330        <a href="/blog/2026-06-22">
331          <section class="excerpt">
332            <header>
333              <p class="date"><time datetime="2026-06-22T08:01:54+09:00">22日</time></p>
334
335              <h3>ギエーみたいな鳴き声の動物</h3>
336            </header>
337
338            <p>夜9時くらいに庭の方から「ギエーゲッゲッ」みたいな鳴き声が聞こえる。見たことは無いが、ハクビシンのような気がする。数年周期で付近に出没すると聞いている。特に実害が無いので気にしていない。</p>
339          </section>
340        </a>
341
342
343        <a href="/blog/2026-06-19">
344          <section class="excerpt">
345            <header>
346              <p class="date"><time datetime="2026-06-19T11:55:25+09:00">19日</time></p>
347
348              <h3>コーヒー・フィルター付きマグ</h3>
349            </header>
350
351            <p>浸漬式が流行っているのか、茶こしのようなコーヒー・フィルターとマグを一緒にした商品をよく見る。コーヒーの粉を入れ、お湯を注ぎ、少し待つだけでコーヒーが入る。雑貨屋を始め、スタバとかタリーズに売っている。</p>
352          </section>
353        </a>
354
355
356        <a href="/blog/2026-06-17">
357          <section class="excerpt">
358            <header>
359              <p class="date"><time datetime="2026-06-17T07:41:42+09:00">17日</time></p>
360
361              <h3>Ubuntu 24へ</h3>
362            </header>
363
364            <p>重すぎる腰を上げてWSL2のUbuntuを24へ更新する。do-release-upgradeに成功した記念だ。22に更新した時には失敗してやり直した。今回はsystemdをどうにかしたり気を使ったã
364®ã§ã™ã‚“なり成功する。一応、Ubuntu 24を新規導入して環境を作り、移行できるようにもした上で更新する。えいやっと更新するのも3回目で、今後もえいやっとやっていこうと思う。</p>
365          </section>
366        </a>
367
368
369        <a href="/blog/omotesando-shinbashi-ginza-kyoubashi-marunouchi-2026-06-02">
370          <section class="excerpt">
371            <header>
372              <p class="date"><time datetime="2026-06-15T11:27:36+09:00">15日</time></p>
373
374              <h3>表参道~新橋~銀座~京橋~丸の内</h3>
375            </header>
376
377            <p>国立映画アーカイブへは、銀座を経由して行く。水曜日が雨の予報になったので、一日繰り上げる。それでも台風の影響で雨が降り始めるかもしれない、怪しい天気のようだ。</p>
378          </section>
379        </a>
380
381
382        <a href="/blog/the-art-of-film-posters-in-japan-revisited-2026-06-02">
383          <section class="excerpt">
384            <header>
385              <p class="date"><time datetime="2026-06-12T10:40:35+09:00">12日</time></p>
386
387              <h3>再訪・日本の映画ポスター芸術(国立映画アーカイブ)</h3>
388            </header>
389
390            <p>昔の映画ポスターを見に、国立映画アーカイブの展覧会へ行く。「再訪」とある通り、以前行われた展覧会の拡充版らしい。ここには映画を見に行ったことがあるが、展覧会は初めてだ。</p>
391          </section>
392        </a>
393
394
395        <a href="/blog/temporal-plaindatetime-since-return-value">
396          <section class="excerpt">
397            <header>
398              <p class="date"><time datetime="2026-06-10T11:56:06+09:00">10日</time></p>
399
400              <h3>T.PDT.since()メソッドの返り値</h3>
401            </header>
402
403            <p>ある日付が今より何年前かを知るため、TemporalオブジェクトのPlainDateTimeオブジェクトでsince()メソッドを使い、以下のように書いて失敗する。2つも間違えているようだ。あまり関係ないがPが大文字だったり小文字だったりして間違える。</p>
404          </section>
405        </a>
406
407
408        <a href="/blog/2026-06-08">
409          <section class="excerpt">
410            <header>
411              <p class="date"><time datetime="2026-06-08T07:17:03+09:00">8日</time></p>
412
413              <h3>唐揚げやけど</h3>
414            </header>
415
416            <p>唐揚げを揚げていたら、油が跳ねて火傷する。「唐揚げを揚げる」は「頭痛で痛い」的な表現に見える。ともあれ油が額に6滴ほどかかり、数日ヒリヒリするくらいの傷害を受ける。目に入りそうなくらいだったが、メガネで良かった。</p>
417          </section>
418        </a>
419
420
421        <a href="/blog/2026-06-05">
422          <section class="excerpt">
423            <header>
424              <p class="date"><time datetime="2026-06-05T12:08:20+09:00">5日</time></p>
425
426              <h3>ワイン・グラスの破壊</h3>
427            </header>
428
429            <p>朝、寝起きにワイン・グラスを片づけようとして割ってしまう。220mLくらいの短い脚付きグラスで重宝していた。Holmegaardの物で、1500円くらいだったと思う。同じものがどうも見つからないので、そう簡単には割れないボデガにでもしようかと思っている。</p>
430          </section>
431        </a>
432
433
434        <a href="/blog/an-object-for-temporal-plaindatetime-from">
435          <section class="excerpt">
436            <header>
437              <p class="date"><time datetime="2026-06-03T10:49:21+09:00">3日</time></p>
438
439              <h3>T.PDT.from()メソッドに食べさせるオブジェクト</h3>
440            </header>
441
442            <p>真面目にPlainDateTimeオブジェクトを作ろうとすると、既存のデータ構造のままでは面倒臭かった。パッと食べさせられる日時データを持っていないことが原因だ。しかし、必要なキーさえ揃っていれば、日時関連ではないキーも持っているオブジェクトを食べさせても、うまく作成してくれるようだ。あまり関係ないが「Temporal」って長いし、「PlainDateTime」も長い。</p>
443          </section>
444        </a>
445
446
447        <a href="/blog/2026-06-01">
448          <section class="excerpt">
449            <header>
450              <p class="date"><time datetime="2026-06-01T07:41:58+09:00">1日</time></p>
451
452              <h3>横浜コンフィ</h3>
453            </header>
454
455            <p>今月は横浜で鴨のコンフィを食べる。家で作ることが難しい。材料的にも、手間的にも、価格的にも、だ。「これがしっとりとした鴨肉か!」という感じで美味しい。低温調理の鶏肉よりも美味しいかもしれない。この店のランチ・メニューは一通り食べたã
455®ã§ã€åˆ¥ã®åº—を発掘したい。</p>
456          </section>
457        </a>
458
459          </section>
460          <section>
461            <h2><time datetime="2026-05">2026年5月</time></h2>
462
463        <a href="/blog/2026-05-29">
464          <section class="excerpt">
465            <header>
466              <p class="date"><time datetime="2026-05-29T07:49:47+09:00">29日</time></p>
467
468              <h3>白い世界</h3>
469            </header>
470
471            <p>起きて窓を開けたら、世界が真っ白だ。目がおかしくなったと思ったが、霧のようだ。住んでいる所では、数年に一度、梅雨前くらいに発生するような気がする。</p>
472          </section>
473        </a>
474
475
476        <a href="/blog/to-temporal">
477          <section class="excerpt">
478            <header>
479              <p class="date"><time datetime="2026-05-27T11:02:43+09:00">27日</time></p>
480
481              <h3>Temporal化</h3>
482            </header>
483
484            <p>Node.js v26が既定でTemporalオブジェクトを有効化したので、Dateオブジェクトを書き換える。合わせてIntl.DateTimeFormatオブジェクトも使うようにする。まずはDateオブジェクトと同じようなInstantオブジェクトを使って置き換える。10分くらいでどうにかなるが、すっきりとしないコードになる。徐々にPlainDateTimeオブジェクトへ書き換え、さっぱりとしたコードになっていく。</p>
485          </section>
486        </a>
487
488
489        <a href="/blog/2026-05-25">
490          <section class="excerpt">
491            <header>
492              <p class="date"><time datetime="2026-05-25T11:47:05+09:00">25日</time></p>
493
494              <h3>ミツヤサイダースプライトキリンレモン</h3>
495            </header>
496
497            <p>炭酸飲料と言うと、これら5月くらいからCMをよく見かけるようになるいわゆるソーダ水のどれかかジンジャー・エールを飲んでいる。題名の3種ではミツヤサイダーが好きだが、取り扱いが排他的で、入った店次第だ。一方で、値上げの影響か、少量ペットボトルの取り扱いが増えて嬉しい。500mLも飲みたいわけじゃない。</p>
498          </section>
499        </a>
500
501
502        <a href="/blog/2026-05-22">
503          <section class="excerpt">
504            <header>
505              <p class="date"><time datetime="2026-05-22T11:49:02+09:00">22日</time></p>
506
507              <h3>白いヘア・ブラシ</h3>
508            </header>
509
510            <p>使用していた猪毛のヘア・ブラシの毛詰まりが限界に至る。そこそこ気に入っていたので買い直そうと考えていたが、地元のドラッグ・ストアで見た白いヘア・ブラシに乗り換えてみる。閉店セールのためか、税込みで700円くらいだった。</p>
511          </section>
512        </a>
513
514
515        <a href="/blog/2026-05-20">
516          <section class="excerpt">
517            <header>
518              <p class="date"><time datetime="2026-05-20T11:12:09+09:00">20日</time></p>
519
520              <h3>イオン閉店</h3>
521            </header>
522
523            <p>建て替えのため、地元のイオンが閉店する。ニチイだったし、サティだった。ダイエーだったところに移転し、そちらは6月4日に営業開始らしい。建て替え計画が頓挫しないことを祈っている。エスコンが裏手にマンションを建てているので、さすがに大丈夫だと思う。</p>
524          </section>
525        </a>
526
527
528        <a href="/blog/kichijoji-2026-05-07">
529          <section class="excerpt">
530            <header>
531              <p class="date"><time datetime="2026-05-18T07:37:50+09:00">18日</time></p>
532
533              <h3>吉祥寺など</h3>
534            </header>
535
536            <p>吉祥寺を散歩する。この前は文京区の吉祥寺に行った。あっちが寺の移転先で、こっちが門前町の移転先らしい。短冊状の街並みが維持されていることはちょっと面白い。武蔵野市の市章は「ムサシノ」を図案化したらしく、言われてみればという気はしないことも無い。</p>
537          </section>
538        </a>
539
540
541        <a href="/blog/daisaku-oozu-beyond-the-focus-2026-05-07">
542          <section class="excerpt">
543            <header>
544              <p class="date"><time datetime="2026-05-15T08:04:16+09:00">15日</time></p>
545
546              <h3>大洲大作・焦点の彼方(武蔵野市立吉祥寺美術館)</h3>
547            </header>
548
549            <p>吉祥寺まで大洲大作という写真家の展覧会へ行く。武蔵野市の公立美術館で、商業施設の中にあるらしい。ヤマサの美術館と並んで浜口陽三の版画を多く所蔵しているようだ。配偶者である南佳子の版画もそこそこあるらしい。</p>
550          </section>
551        </a>
552
553
554        <a href="/blog/2026-05-13">
555          <section class="excerpt">
556            <header>
557              <p class="date"><time datetime="2026-05-13T08:21:14+09:00">13日</time></p>
558
559              <h3>
559駐車場に転がっている石</h3>
560            </header>
561
562            <p>駐車場の端に数個だけ石が転がっている状況が続く。片づけても数日後には転がっている。他人の侵入はもちろん、ネコや、アライグマ、カラスなどではなさそうだ。異常事態という程ではないが、よくわからない状況になっていることに気付くと落ち着かない。</p>
563          </section>
564        </a>
565
566
567        <a href="/blog/2026-05-11">
568          <section class="excerpt">
569            <header>
570              <p class="date"><time datetime="2026-05-11T11:26:46+09:00">11日</time></p>
571
572              <h3>Ankerのカフェ</h3>
573            </header>
574
575            <p>近所の商業施設が大改装している。4月にはAnkerの店が出来た。汐留に続くカフェ併設の店舗だそうだ。色味的にはブルー・ボトル・コーヒーと競合している。中身はタリーズらしい。ウォッカのレッドブル割が出そうな印象だったが、ビールがあるくらいの普通のカフェだ。</p>
576          </section>
577        </a>
578
579
580        <a href="/blog/2026-05-08">
581          <section class="excerpt">
582            <header>
583              <p class="date"><time datetime="2026-05-08T07:12:02+09:00">8日</time></p>
584
585              <h3>使いやすい皮剥き器とは</h3>
586            </header>
587
588            <p>Ritterの皮剥き器を使い続けている。だが、どうも上手く使えない。手を切ることは無いが、スルスル剥けるようにもならない。また、Ritterは丈夫で、汚れにくく、切れ味も落ちず、買い替える機会が無い。「使えないことも無いけど……」と思いながら使っている。使用している台所用品の多くに、使い続けているものの愛用しているわけではない、こういった所があるかもしれない。</p>
589          </section>
590        </a>
591
592
593        <a href="/blog/2026-05-01">
594          <section class="excerpt">
595            <header>
596              <p class="date"><time datetime="2026-05-01T12:17:18+09:00">1日</time></p>
597
598              <h3>桑の実ジャム</h3>
599            </header>
600
601            <p>甲府へ墓参りに行った際、お土産に桑の実のジャムを買う。手作りっぽさがある、桑の実と、グラニュー糖、レモン果汁だけの商品だ。色味はブラックベリーなどと似て赤黒く、味は酸味の強いストロベリーに近い。フィンランド土産に貰ったクラウドベリーよりも安心感のある味だ。美味しい。</p>
602          </section>
603        </a>
604
605          </section>
606          <section>
607            <h2><time datetime="2026-04">2026年4月</time></h2>
608
609        <a href="/blog/2026-04-27">
610          <section class="excerpt">
611            <header>
612              <p class="date"><time datetime="2026-04-27T12:21:35+09:00">27日</time></p>
613
614              <h3>湿潤絆創膏と仲良し</h3>
615            </header>
616
617            <p>指を怪我して1週間くらい湿潤の絆創膏を巻いていた。人生で初めてピタッと貼り着けることに成功し、端が捲れることなく完治する。まだ指が臭い。湿潤絆創膏はそれなりに高いし、そこまで使わないし、場所によって違う形の物を使いたいし、1枚で売って欲しい。</p>
618          </section>
619        </a>
620
621
622        <a href="/blog/2026-04-24">
623          <section class="excerpt">
624            <header>
625              <p class="date"><time datetime="2026-04-24T13:10:17+09:00">24日</time></p>
626
627              <h3>エアコン買い替え断念</h3>
628            </header>
629
630            <p>古くなったエアコンを買い替えようとしている。室外機が屋根にあるので、下ろしたいという目的がある。また2027年問題もちょっとある。更には安い時期らしいこともある。地元の家電量販店で「早割」的なことをやっていることもある。</p>
631          </section>
632        </a>
633
634
635        <a href="/blog/2026-04-22">
636          <section class="excerpt">
637            <header>
638              <p class="date"><time datetime="2026-04-22T13:58:53+09:00">22日</time></p>
639
640              <h3>
640シャーロックの再放送</h3>
641            </header>
642
643            <p>BS 4Kでシャーロックの再放送が始まった。テレビで見て、Prime Videoで見たので、3回目だ。大体覚えているが、筋が分かっていても楽しめる。Prime Videoからはなくなってしまったので、今回は録画して残しておこうと思う。</p>
644          </section>
645        </a>
646
647
648        <a href="/blog/kofu-2026-04-08">
649          <section class="excerpt">
650            <header>
651              <p class="date"><time datetime="2026-04-20T10:53:28+09:00">20日</time></p>
652
653              <h3>墓参り(2026-04-08)</h3>
654            </header>
655
656            <p>春なので墓参りに行く。先週までの雨続きは終わり、良く晴れる。気温もそこまで上がらないようで、快適そうだ。</p>
657          </section>
658        </a>
659
660
661        <a href="/blog/2026-04-17">
662          <section class="excerpt">
663            <header>
664              <p class="date"><time datetime="2026-04-17T15:03:56+09:00">17日</time></p>
665
666              <h3>経過観察</h3>
667            </header>
668
669            <p>久しぶりに聞く単語だ。今年になってニュースで何回か見ていたが、麻疹(はしか)の流行を実感する。大変そうだ。つまり、僕の話ではない。</p>
670          </section>
671        </a>
672
673
674        <a href="/blog/2026-04-15">
675          <section class="excerpt">
676            <header>
677              <p class="date"><time datetime="2026-04-15T11:12:12+09:00">15日</time></p>
678
679              <h3>おこめ券配布代替のプレミアム付商品券</h3>
680            </header>
681
682            <p>住んでいる市では食料品の高騰対策としてのおこめ券の代わりに、プレミアム付商品券になった。1人に付き、300円で500円分使える商品券が50枚、150円で300円分使える商品券が30枚買える。全部買って使い切ると、合計で14500円分のプレミアムだ。お米券またはその代替による補助は、自治体によって3000円から2万円まで幅があるようだ。かなり多い方のようで不安になってくる。</p>
683          </section>
684        </a>
685
686
687        <a href="/blog/ginza-shibuya-2026-04-01">
688          <section class="excerpt">
689            <header>
690              <p class="date"><time datetime="2026-04-13T12:05:49+09:00">13日</time></p>
691
692              <h3>銀座~渋谷</h3>
693            </header>
694
695            <p>展覧会の前後に銀座の地下を徘徊する。季節の変わり目で雨が多く、雨の予報だが、幸い、傘を使わずに乗り切れた。巨大地下街が貫通していて良かった。</p>
696          </section>
697        </a>
698
699
700        <a href="/blog/nakajo-shings-nakajo-dances-2026-04-01">
701          <section class="excerpt">
702            <header>
703              <p class="date"><time datetime="2026-04-10T12:03:36+09:00">10日</time></p>
704
705              <h3>うたう仲條、おどる仲條(資生堂ギャラリー)</h3>
706            </header>
707
708            <p>銀座の資生堂ギャラリーへ、松屋銀座のロゴを作成したことでも有名な仲條正義の展覧会へ行く。資生堂パーラーやレストランが入っているビルの地下にギャラリーはあるようだ。都会過ぎる場所にある。</p>
709          </section>
710        </a>
711
712
713        <a href="/blog/2026-04-08">
714          <section class="excerpt">
715            <header>
716              <p class="date"><time datetime="2026-04-08T06:16:57+09:00">8日</time></p>
717
718              <h3>黒いキャップ(置く方)</h3>
719            </header>
720
721            <p>昨年も見なかったので、今年もブラックキャップを置く。置き場所のメモが役に立ち、12個をすんなり回収する。洗濯機が変わったので、一つだけ位置を変える。今年も見なくなればうれしい。</p>
722          </section>
723        </a>
724
725
726        <a href="/blog/2026-04-06">
727          <section class="excerpt">
728            <header>
729              <p class="date"><time datetime="2026-04-06T11:46:31+09:00">6日</time></p>
730
731              <h3>スコーンのレシピ</h3>
732            </header>
733
734            <p>スコーンのレシピを覚えられるよう調節している。今は粉200gに、ベーキング・パウダーを10g、バターを100g、牛乳を100mLというような割合になっている。小分けになっているベーキング・パウダーが10gなので、それに合わせた。これで15個前後になるような厚さ、5mm強に伸ばす。覚えやすい。</p>
735          </section>
736        </a>
737
738
739        <a href="/blog/2026-04-03">
740          <section class="excerpt">
741            <header>
742              <p class="date"><time datetime="2026-04-03T11:00:59+09:00">3日</time></p>
743
744              <h3>
744無印良品のばら売りTシャツ</h3>
745            </header>
746
747            <p>下着用のTシャツに穴が開く。1枚だけ買い替えたいが、無印良品の脇に縫い目のないTシャツは2枚組だ。もう1枚に穴が開くまで待とうかと考えていたが、ローソンでは1枚入りで売っているようだ。790円と少し高い。</p>
748          </section>
749        </a>
750
751
752        <a href="/blog/2026-04-01">
753          <section class="excerpt">
754            <header>
755              <p class="date"><time datetime="2026-04-01T21:07:22+09:00">1日</time></p>
756
757              <h3>アフィリエイト画像の削除</h3>
758            </header>
759
760            <p>過去記事のアフィリエイト画像を削除する。こういう画像も減らしていきたい(まだ少し残っている)。アフィリエイト画像とはいえ、外部に依存してコンテンツを作成したくない気分だ。</p>
761          </section>
762        </a>
763
764          </section>
765          <section>
766            <h2><time datetime="2026-03">2026年3月</time></h2>
767
768        <a href="/blog/2026-03-30">
769          <section class="excerpt">
770            <header>
771              <p class="date"><time datetime="2026-03-30T12:22:02+09:00">30日</time></p>
772
773              <h3>コートのクリーニング</h3>
774            </header>
775
776            <p>コートをクリーニングに出して、衣替えを完了する。今年は計画通りうまくいったように思う。そこそこ天候が良く、気温が高めだったこともあって、順調に完了できた。最高気温が13度くらいの日があるようだが、なんとかなるだろう。</p>
777          </section>
778        </a>
779
780
781        <a href="/blog/omotesando-2026-03-24">
782          <section class="excerpt">
783            <header>
784              <p class="date"><time datetime="2026-03-27T11:11:47+09:00">27日</time></p>
785
786              <h3>表参道</h3>
787            </header>
788
789            <p>今月は表参道に昼ご飯を食べに行く。横浜に飽きたわけではなく、表参道に買い物がある。雨の中休みで、すっきりと晴れた日だ。</p>
790          </section>
791        </a>
792
793
794        <a href="/blog/2026-03-25">
795          <section class="excerpt">
796            <header>
797              <p class="date"><time datetime="2026-03-25T11:19:15+09:00">25日</time></p>
798
799              <h3>紙のしおり</h3>
800            </header>
801
802            <p>紙のしおりの収集が滞っている。50枚くらいまでは調子よく集まったが、なかなか増やせない。広告的な物が増え、ふにゃふにゃでつるつるな使い心地の悪いものが増えたように思う。最近だと、Tsutaya Book Storeのしおりは気に入った。白と黒とベージュの3種類あり、ただの色違いの割りに、どれも良い感じだ。</p>
803          </section>
804        </a>
805
806
807        <a href="/blog/zoujirushi-eq-sb22-bw">
808          <section class="excerpt">
809            <header>
810              <p class="date"><time datetime="2026-03-20T11:13:19+09:00">20日</time></p>
811
812              <h3>象印の2枚焼きトースター(EQ-SB22)</h3>
813            </header>
814
815            <p>トースターを買い替える。ノジマの期間限定ポイントの使い道に困り、象印のトースターに浪費する。7000円くらいからポイントを使って1300円くらいで購入する。2022年発売のもので、どうも生産終了のようだ。少し調子が悪いだけだったタイガーのトースターは8年と4か月くらい使ったようだ。3000円くらいだったと思うので、元は取っただろう。なんとまたアフィリエイトできない!</p>
816          </section>
817        </a>
818
819
820        <a href="/blog/2026-03-18">
821          <section class="excerpt">
822            <header>
823              <p class="date"><time datetime="2026-03-18T12:22:24+09:00">18日</time></p>
824
825              <h3>アッシ・パルマンティエ</h3>
826            </header>
827
828            <p>昨年末にピカールの牛ひき肉のパルマンティエを食べた。人気商品であることが頷けるくらいに美味しい。材料を見たところ、簡単に作れそうな気がしたので、色々調べながら適当に作る。それほど難しくなく、美味しくできるが、主菜としては物足りず、副菜としては金がかかりすぎ、という微妙な感想に終わる。</p>
829          </section>
830        </a>
831
832
833        <a href="/blog/2026-03-16">
834          <section class="excerpt">
835            <header>
836              <p class="date"><time datetime="2026-03-16T12:20:10+09:00">16日</time></p>
837
838              <h3>鼻血(2026冬)</h3>
839            </header>
840
841            <p>
841今年の冬は鼻血が出なかった。ずっと乾燥していたこともあり、保湿意識が高かったように思う。過去の記録によると3月くらいまでは油断できないので、気を付けて生活したい。</p>
842          </section>
843        </a>
844
845
846        <a href="/blog/2026-03-13">
847          <section class="excerpt">
848            <header>
849              <p class="date"><time datetime="2026-03-13T12:46:09+09:00">13日</time></p>
850
851              <h3>ゲド戦記とナルニア国物語</h3>
852            </header>
853
854            <p>子供の頃ぶりに「ゲド戦記」を読み返す。旧版ハードカバーの児童書が、ブックオフで6冊1500円くらいと手頃だ。2018年にル=グウィンが死去した時に読もうと考えていたが、先送りにしていた。なんとなくタイミングが合い、購入に至る。少し前にマンガの「西の善き魔女」を読んだからかもしれない。</p>
855          </section>
856        </a>
857
858
859        <a href="/blog/2026-03-11">
860          <section class="excerpt">
861            <header>
862              <p class="date"><time datetime="2026-03-11T12:58:12+09:00">11日</time></p>
863
864              <h3>洗濯機への給水蛇口の凍結</h3>
865            </header>
866
867            <p>最低気温がマイナス6度の日に、洗濯機がエラーで止まる。給水関係のエラーで、どこかが凍結したようだ。蛇口と給水ホースの温めと解凍では解決せず、まさかの修理かと不安になる。よくよく調べたところ、給水蛇口の緊急停止弁に氷が詰まっており、弁が閉じたような状態になっていたようだ。温めたりしながら氷を取り出し、ホースに水が流れるようになったら、うまく動いた。</p>
868          </section>
869        </a>
870
871
872        <a href="/blog/komagome-azabudai-roppongi-shinjuku-2026-03-02">
873          <section class="excerpt">
874            <header>
875              <p class="date"><time datetime="2026-03-09T12:24:57+09:00">9日</time></p>
876
877              <h3>駒込~麻布台~六本木~新宿</h3>
878            </header>
879
880            <p>展覧会の前後に散歩する。暖かくなってきており、散歩が捗る。翌日は雪が降るかもしれないという予報で、まだまだ油断はできそうもない。薄手のシャツに厚手のコートという組み合わせで歩く。シャツの季節になってうれしい。</p>
881          </section>
882        </a>
883
884
885        <a href="/blog/rediscovery-of-japan-2026-03-02">
886          <section class="excerpt">
887            <header>
888              <p class="date"><time datetime="2026-03-06T13:49:33+09:00">6日</time></p>
889
890              <h3>ニッポン再発見(東洋文庫ミュージアム)</h3>
891            </header>
892
893            <p>1年ほど工事中だった東洋文庫ミュージアムへ行く。再開記念の展覧会は、海外の書物等に出てくる日本の様子が見られる。近くにある東洋大学とは関係がないらしい。</p>
894          </section>
895        </a>
896
897
898        <a href="/blog/removing-a-dialog-element-with-ublock-origin-lite">
899          <section class="excerpt">
900            <header>
901              <p class="date"><time datetime="2026-03-04T12:00:58+09:00">4日</time></p>
902
903              <h3>uBlock Origin Liteでdialog要素を削除</h3>
904            </header>
905
906            <p>とあるウェブサイトでログインを要求するdialog要素が全画面に被さって出る。普段はログインする必要が無いので、ログインしておらず、毎回のように閉じる操作を要求される。あろうことかEscキーで閉じることもできない。普通にuBlock Origin Liteで消そうとすると、ウェブページが操作不能になる。見えないだけでダイアログ用のレイヤーが被さったままになってしまうからだ。</p>
907          </section>
908        </a>
909
910
911        <a href="/blog/2026-03-02">
912          <section class="excerpt">
913            <header>
914              <p class="date"><time datetime="2026-03-02T20:16:20+09:00">2日</time></p>
915
916              <h3>紫メキャベツ</h3>
917            </header>
918
919            <p>テレビで見たので紫色のメキャベツを探している。レストランでは食べる機会があり、ちょっと甘みが強いような印象だ。普通のメキャベツは何度か食べる。あまり売らなくなったã
919®ã‹ã€å¦™ã«é«˜ã„。普通のキャベツやブロッコリーの値段と比べてしまうと、ピカールの冷凍メキャベツでも良いかなという気分になってくる値段だ。</p>
920          </section>
921        </a>
922
923          </section>
924          <section>
925            <h2><time datetime="2026-02">2026年2月</time></h2>
926
927        <a href="/blog/2026-02-27">
928          <section class="excerpt">
929            <header>
930              <p class="date"><time datetime="2026-02-27T11:19:25+09:00">27日</time></p>
931
932              <h3>春一番と衣替え</h3>
933            </header>
934
935            <p>春一番が吹いたので衣替えを始める。セーターを2枚とコートを残し、洗い始める。水不足ということなので、ネットに入れておしゃれ着洗いコースを使い、まとめて洗う。去年はまとめて洗いすぎて、干す場所が足らない失敗を犯した。今年は平干しする場所を増やし、問題なく干せている。</p>
936          </section>
937        </a>
938
939
940        <a href="/blog/2026-02-25">
941          <section class="excerpt">
942            <header>
943              <p class="date"><time datetime="2026-02-25T11:00:03+09:00">25日</time></p>
944
945              <h3>長期保存しやすい500mLペットボトルの水を求めて</h3>
946            </header>
947
948            <p>災害用に2Lを18本と500mLを4本ほど備蓄している。2Lのものは段ボールに入れっぱなしなので、ふにゃふにゃのペットボトルで構わない。しかし、持ち出し袋などに入れる500mLの方は硬い方が良い。あまり売っていない。安いスーパーなどに行くと見つかる。以前は四角いものを探して買っていたが、丸いものの方が収めやすいことを学んだ。</p>
949          </section>
950        </a>
951
952
953        <a href="/blog/changes-related-to-cloudflare-pages">
954          <section class="excerpt">
955            <header>
956              <p class="date"><time datetime="2026-02-23T10:51:36+09:00">23日</time></p>
957
958              <h3>CloudFlare Pages絡みでの変化</h3>
959            </header>
960
961            <p>CloudFlare Pagesの機能や仕様により、このウェブサイトの挙動が変化している。最も大きなものとしては、HTML文書のURLが拡張子無しに昇格されていることだ。クールじゃなかったURIは変わらないこともない。</p>
962          </section>
963        </a>
964
965
966        <a href="/blog/hello-cloudflare-pages">
967          <section class="excerpt">
968            <header>
969              <p class="date"><time datetime="2026-02-20T11:09:00+09:00">20日</time></p>
970
971              <h3>GitHub PagesからCloudFlare Pagesへ</h3>
972            </header>
973
974            <p>ちょっとした事情でウェブサイトをCloudFlare Pagesに移動させる。1か月くらい前の話だ。最終的にはGitHub側やCloudFlare側でビルドせず、Gitリポジトリー監視もしていない。ローカルのファイル群をFTPでミラー的な更新方式になっていて、ちょっと楽しい。APEXドメインのためネームサーバーも移行せざるを得ず、不安が残る。色々変わり、なんらかの不具合がありそうだ。</p>
975          </section>
976        </a>
977
978
979        <a href="/blog/2026-02-18">
980          <section class="excerpt">
981            <header>
982              <p class="date"><time datetime="2026-02-18T11:08:57+09:00">18日</time></p>
983
984              <h3>ノジマの期間限定ポイント</h3>
985            </header>
986
987            <p>ノジマで初売りの期間限定ポイントを貰う。特に買う物がなく、電池だけ買い足す。あと4000ポイント近くあり、どうしようかと考えている。オンライン・ストアで使えないことが致命的だ。壊れかけているシュレッダーか、10年くらいになり蒸気が漏れるようになった電気ケトル、場所が確保できたため大きくできるトースターが候補だ。どれも動かないわけではないので抵抗がある。捨てるにも金がかかったりする時代である。</p>
988          </section>
989        </a>
990
991
992        <a href="/blog/hanzomon-kioicho-omotesandou-shibuya-2026-02-04">
993          <section class="excerpt">
994            <header>
995              <p class="date"><time datetime="2026-02-16T11:01:49+09:00">16日</time></p>
996
997              <h3>半蔵門~紀尾井町~表参道~渋谷</h3>
998            </header>
999
1000            <p>半蔵門で仏涅槃図を観覧した後は散歩する。良く晴れており、そこそこ暖かい日だ。選挙中なので永田町や国会議事堂辺りを迂回して、半蔵門から紀尾井町へ向かう。</p>
1001          </section>
1002        </a>
1003
1004
1005        <a href="/blog/2026-02-13">
1006          <section class="excerpt">
1007            <header>
1008              <p class="date"><time datetime="2026-02-13T11:20:40+09:00">13日</time></p>
1009
1010              <h3>マンガが多い月</h3>
1011            </header>
1012
1013            <p>2026年の1月は読んでいるマンガの新刊が多い月だった。6冊も発売され、ちょっとした出費だ。那須雪絵の「八百夜」が終わってしまい、少し悲しい。もうちょっと続けられそう、くらいで良いのかもしれない。</p>
1014          </section>
1015        </a>
1016
1017
1018        <a href="/blog/mount-fuji-in-bloom-in-cloud-in-lakes-2026-02-04">
1019          <section class="excerpt">
1020            <header>
1021              <p class="date"><time datetime="2026-02-11T12:53:13+09:00">11日</time></p>
1022
1023              <h3>富士山(半蔵門ミュージアム)</h3>
1024            </header>
1025
1026            <p>半蔵門にある宗教法人の美術館へ仏涅槃図を見に行く、ついでに富士山の展覧会を見る。美術館の運営元は、醍醐
1026寺にいた人が始めた真言宗系の宗教団体らしい。半蔵門の駅の上で、地上に出たらすぐ横が入り口だ。</p>
1027          </section>
1028        </a>
1029
1030
1031        <a href="/blog/instantly-turning-off-adguard-dns">
1032          <section class="excerpt">
1033            <header>
1034              <p class="date"><time datetime="2026-02-09T13:21:07+09:00">9日</time></p>
1035
1036              <h3>AdGuard DNS由来の接続不良対策</h3>
1037            </header>
1038
1039            <p>たまにAdGuard DNSが遮断しすぎることがある。年に数回くらいか。この前はMUFGアプリと価格.comにつながらなくなった。パソコンとスマフォのOS側で設定しているので、気軽に切り替えられない。パソコンではブラウザーのDNS設定をCloudFlareへ切り替えてしのいでいる。一方、スマフォでは1.1.1.1アプリを入れてiPhoneのVPNの切り替えコントロールでしのぐことにする。</p>
1040          </section>
1041        </a>
1042
1043
1044        <a href="/blog/2026-02-06">
1045          <section class="excerpt">
1046            <header>
1047              <p class="date"><time datetime="2026-02-06T11:40:10+09:00">6日</time></p>
1048
1049              <h3>黒いキャップ</h3>
1050            </header>
1051
1052            <p>数年被ったNew Eraのキャップが色褪せてきた。9twentyだったが、これでも被りが深い気がしないでもない。浅いものを探すも、なかなか見つからず、難民になりつつある。少し残っている染めQを使う時が来たのかもしれない。</p>
1053          </section>
1054        </a>
1055
1056
1057        <a href="/blog/2026-02-04">
1058          <section class="excerpt">
1059            <header>
1060              <p class="date"><time datetime="2026-02-04T06:50:23+09:00">4日</time></p>
1061
1062              <h3>ハムとチーズのカスクート</h3>
1063            </header>
1064
1065            <p>今月も横浜ご飯に行く。今回はサンドイッチにし、ダブルのエスプレッソを飲む。ハムとチーズだけが挟まったサンドイッチは80点くらいだ。ハムの美味しさにチーズとバターが負けている。エスプレッソは、やはりマシンが欲しい。となるので、エスプレッソを外で飲むことを封印していきたい。帰りに食事パンを少しと、イチゴのコンポートとローストしたピスタチオがゴロゴロ入ったバトンを買う。なかなか美味しい。</p>
1066          </section>
1067        </a>
1068
1069
1070        <a href="/blog/2026-02-02">
1071          <section class="excerpt">
1072            <header>
1073              <p class="date"><time datetime="2026-02-02T11:57:17+09:00">2日</time></p>
1074
1075              <h3>ドラム式洗濯機のコインランドリー</h3>
1076            </header>
1077
1078            <p>洗濯機が壊れていた間は手洗いだ。シーツは無理があるので、近所のコインランドリーに行く。1000円の45分運転で乾ききらず、乾燥を10分追加する。ヒートポンプっぽい温度で仕上がり、変な匂いもしない。緊急時にはまた使いたいと思える良い体験だ。</p>
1079          </section>
1080        </a>
1081
1082          </section>
1083          <section>
1084            <h2><time datetime="2026-01">2026年1月</time></h2>
1085
1086        <a href="/blog/aqua-aqw-dms10a">
1087          <section class="excerpt">
1088            <header>
1089              <p class="date"><time datetime="2026-01-30T11:05:13+09:00">30日</time></p>
1090
1091              <h3>アクアのドラム式洗濯乾燥機(AQW-DMS10A)</h3>
1092            </header>
1093
1094            <p>14年目の洗濯機が洗濯できなくなる。長期保証も切れていることだし買い替えだ。壊れた洗濯機が9kgのもので困っておらず、最近になって選択肢が増えたコンパクトなドラム式で探す。初売りで少し安く翌日設置が可能なアクアのAQW-DMS10Aで白い方に決める。近所のノジマの店頭で195800円だったが、少し値引きして貰い、プレミアム保証を付けて19万円弱だ。他に期間限定の5000ポイントが貰え、アクアのキャッシュバック・キャンペーンで1万円が返ってくる(らしい)。なんとアフィリエイトできない!</p>
1095          </section>
1096        </a>
1097
1098
1099        <a href="/blog/2026-01-28">
1100          <section class="excerpt">
1101            <header>
1102              <p class="date"><time datetime="2026-01-28T08:29:09+09:00">28日</time></p>
1103
1104              <h3>とンパとソッレプスエ,DAERB&amp;OSSERPSE</h3>
1105            </header>
1106
1107            <p>最寄り駅にパンとエスプレッソとの店舗がある。カンパーニュ(最近は売っていない)や、バゲット、たまごパンなどをたまに買う。値段なりには美味しい。たまにこの店の配送トラックが近所を走っている。右側面にRTLで企業名が書かれているので、タイトルのような謎の呪文が並んでいる。</p>
1108          </section>
1109        </a>
1110
1111
1112        <a href="/blog/2026-01-26">
1113          <section class="excerpt">
1114            <header>
1115              <p class="date"><time datetime="2026-01-26T12:21:31+09:00">26日</time></p>
1116
1117              <h3>2025年冬のSurface Pro 6のバッテリー状況</h3>
1118            </header>
1119
1120            <p>この冬はSurface Pro 6の調子が良いようで、バッテリーは安定して設計容量の60%を上回っている。枯渇したように見えてしまう状態にもならず、問題なく使えている。とは言っても、やはり容量のブレはそこそこあるので、8年使うことになる来年は怪しいような気がする。</p>
1121          </section>
1122        </a>
1123
1124
1125        <a href="/blog/2026-01-23">
1126          <section class="excerpt">
1127            <header>
1128              <p class="date"><time datetime="2026-01-23T12:37:37+09:00">23日</time></p>
1129
1130              <h3>安めのコーヒー豆の探索</h3>
1131            </header>
1132
1133            <p>コーヒー豆がカルディですら200gで1000円を超える時代になっている。高級豆を少量買いつつ、毎朝飲むために安い豆を探し続け、エイビィに落ち着く。200gで550円くらいだった頃が懐かしい。</p>
1134          </section>
1135        </a>
1136
1137
1138        <a href="/blog/2026-01-21">
1139          <section class="excerpt">
1140            <header>
1141              <p class="date"><time datetime="2026-01-21T12:06:55+09:00">21日</time></p>
1142
1143              <h3>画像無し</h3>
1144            </header>
1145
1146            <p>しばらく画像を付けずに記事を書いていきたい。元々写真や図にそれほど力を入れていないので、なくてもあまり変わらないだろう。記事を書く障害を減らすことが主な目的だ。AVIFのみにした関係で、非対応ã
1146®ç’°å¢ƒã‚„サービスが多く、めげてきていることもある。</p>
1147          </section>
1148        </a>
1149
1150
1151        <a href="/blog/2026-01-19">
1152          <section class="excerpt">
1153            <header>
1154              <p class="date"><time datetime="2026-01-19T12:19:00+09:00">19日</time></p>
1155
1156              <h3>セルフレジ・ダイソー</h3>
1157            </header>
1158
1159            <p>近所のダイソーが改装し、セルフレジになる。2個で100円のお菓子を気軽に買えるようになってしまい、危険度が高い。合わせて店舗面積も広がり、品揃えが少し良くなる。店の広さの割りにセルレジの面積が狭いような気がするが、セルフレジはどこも狭いかもしれない。</p>
1160          </section>
1161        </a>
1162
1163
1164        <a href="/blog/2026-01-16">
1165          <section class="excerpt">
1166            <header>
1167              <p class="date"><time datetime="2026-01-16T12:47:20+09:00">16日</time></p>
1168
1169              <h3>コクヨのハーフ・サイズな方眼ノート</h3>
1170            </header>
1171
1172            <p>支出管理に使っているノートを新調する。今回はコクヨのハーフ・サイズという、B5サイズのノートを縦に半分にしたものにしてみる。横長では使わず、縦長のメモ帳のようにめくって使う。方眼だったり、各ページを切り離せたり、ロディアの大きいものに近い。加えてリング式なので古いページを残しやすい。</p>
1173          </section>
1174        </a>
1175
1176
1177        <a href="/blog/2026-01-14">
1178          <section class="excerpt">
1179            <header>
1180              <p class="date"><time datetime="2026-01-14T17:56:48+09:00">14日</time></p>
1181
1182              <h3>ロックできないiOSアプリ</h3>
1183            </header>
1184
1185            <p>iPhoneのカメラ・アプリを使いづらくしようと、ロックをかけたかったができない。いくつかのアプリが、例えば設定や、連絡先、マップなどもできない。これらは削除もできないのでわからなくもないが、削除できる計算機や時計もできないことは不思議だ。</p>
1186          </section>
1187        </a>
1188
1189
1190        <a href="/blog/nojima-yasuzo-and-saito-yori-2026-01-07">
1191          <section class="excerpt">
1192            <header>
1193              <p class="date"><time datetime="2026-01-12T13:57:32+09:00">12日</time></p>
1194
1195              <h3>野島康三と斎藤与里(埼玉県立近代美術館)</h3>
1196            </header>
1197
1198            <p>東京を超えて埼玉まで、埼玉県ゆかりの写真家と画家の展覧会を見に行く。浦和駅までは湘南新宿ラインのおかげで遠そうで近いが、埼玉県立近代美術館の最寄り駅は北浦和駅なので近いようで遠い。かなり寒いため防寒して行く。</p>
1199          </section>
1200        </a>
1201
1202
1203        <a href="/blog/2026-01-09">
1204          <section class="excerpt">
1205            <header>
1206              <p class="date"><time datetime="2026-01-09T16:08:37+09:00">9日</time></p>
1207
1208              <h3>SwatchのBlack Classiness</h3>
1209            </header>
1210
1211            <p>チープカシオがダメそうなので、黒い時計としてSwatchを買う。Gentには良さそうな物が見つからず、大径の物は好きじゃないので、SkinのBlack Classinessにする。薄型は初めて買ったような気がしないでもない。Swatchも随分と高くなったものだ。</p>
1212          </section>
1213        </a>
1214
1215
1216        <a href="/blog/manifesto-2026">
1217          <section class="excerpt">
1218            <header>
1219              <p class="date"><time datetime="2026-01-07T07:03:47+09:00">7日</time></p>
1220
1221              <h3>2026年の目標</h3>
1222            </header>
1223
1224            <p>今年の目標は去年と似た「買い替え以外で服を買わない」にする。去年は部屋着も含めると、4着だけ買った。入れ替えなのでしょうがないということにしておく。まずは年末年始のセールは買わずに乗り切った。都会の高級店へ物欲を浄化しに行こう。</p>
1225          </section>
1226        </a>
1227
1228
1229        <a href="/blog/2026-01-05">
1230          <section class="excerpt">
1231            <header>
1232              <p class="date"><time datetime="2026-01-05T13:00:55+09:00">5日</time></p>
1233
1234              <h3>AppleCare+の解約</h3>
1235            </header>
1236
1237            <p>2年間契約していたAppleCare+を解約する。元々2万円くらいで2年保証に延長とスマフォ用保険に切り替えるためのつなぎという2つの目的で契約していた。2年が終わり、スマフォ用の保険に気軽に入れる時代になったようなので、予定通り解約する。落としそうな気がするので、ストラップを付けたい。</p>
1238          </section>
1239        </a>
1240
1241
1242        <a href="/blog/2026-01-02">
1243          <section class="excerpt">
1244            <header>
1245              <p class="date"><time datetime="2026-01-02T13:27:46+09:00">2日</time></p>
1246
1247              <h3>inゼリー初め</h3>
1248            </header>
1249
1250            <p>2026年の最初の食事は賞味期限切れのinゼリーだ。災害用に備蓄しており、OS-1ゼリーと共にいくつか常備している。おせちを食べる時間を遅くするようだったので、それまでの足しに吸う。</p>
1251          </section>
1252        </a>
1253
1254          </section>
1255          <section id="2025">
1256            <h2><time datetime="2025-12">2025年12月</time></h2>
1257
1258        <a href="/blog/2025-12-31">
1259          <section class="excerpt">
1260            <header>
1261              <p class="date"><time datetime="2025-12-31T12:38:23+09:00">31日</time></p>
1262
1263              <h3>大掃除2025</h3>
1264            </header>
1265
1266            <p>今年は大掃除っぽいことをしていない。キッチンの天井を拭いたくらいだ。夏に色々あって無心になれることをやりたくなり、色々掃除をしていた。窓ふきや、サッシ掃除、ベランダ掃除などを、涼しめな夜にヘッドライトを装着してやっていた。果ては屋根裏とかも掃除してしまい、ずれていた断熱マットを直した。</p>
1267          </section>
1268        </a>
1269
1270
1271        <a href="/blog/2025-12-29">
1272          <section class="excerpt">
1273            <header>
1274              <p class="date"><time datetime="2025-12-29T12:54:30+09:00">29日</time></p>
1275
1276              <h3>ゆず2025</h3>
1277            </header>
1278
1279            <p>今年もゆずが大量……の予定だったが、去年に枝を切りすぎたせいで、かなり少ない。それでも30個くらいは生ったようだ。お風呂にドバドバ入れるには少しもったいない。</p>
1280          </section>
1281        </a>
1282
1283
1284        <a href="/blog/2025-12-26">
1285          <section class="excerpt">
1286            <header>
1287              <p class="date"><time datetime="2025-12-26T13:26:23+09:00">26日</time></p>
1288
1289              <h3>クリスマス・イブの献立</h3>
1290            </header>
1291
1292            <p>今年はフル・コースのような充実度の夕食だ。デザートはやめたが、赤ワインを飲む。年明けまで断酒は失敗だ。</p>
1293          </section>
1294        </a>
1295
1296
1297        <a href="/blog/2025-12-24">
1298          <section class="excerpt">
1299            <header>
1300              <p class="date"><time datetime="2025-12-24T12:40:34+09:00">24日</time></p>
1301
1302              <h3>ポート・ワイン</h3>
1303            </header>
1304
1305            <p>アガサ・クリスティーのポワロものをいくつか読むと、ポート・ワインが良く出てくる。安価で酔い安い庶民の味方的な扱いの酒だ。スーパーくらいではなかなか見つからないので、都会で探すつもりだったが忘れたã€
1305‚少し遠い酒屋まで行って、有名な銘柄のサンデマンを発見する。白を呑んだことがなかったので買ってみる。</p>
1306          </section>
1307        </a>
1308
1309
1310        <a href="/blog/2025-12-22">
1311          <section class="excerpt">
1312            <header>
1313              <p class="date"><time datetime="2025-12-22T16:23:52+09:00">22日</time></p>
1314
1315              <h3>スギ薬局トラップ</h3>
1316            </header>
1317
1318            <p>最寄り駅付近にあるスギ薬局が移転拡大オープンした。三井住友銀行の支店があった駅前という場所がとても便利で、12月からは9時開店とさらに便利になっている。ただ、最近はうっすらと高いような雰囲気がある。他のドラッグストア・チェーンと比べると、5%くらい高いような印象だ。しかし、場所と時間が便利すぎて、つい買ってしまうという罠に嵌る。</p>
1319          </section>
1320        </a>
1321
1322
1323        <a href="/blog/2025-12-19">
1324          <section class="excerpt">
1325            <header>
1326              <p class="date"><time datetime="2025-12-19T17:52:35+09:00">19日</time></p>
1327
1328              <h3>ウールTシャツ遍歴</h3>
1329            </header>
1330
1331            <p>夏に着るTシャツの話を冬にする。ウールのTシャツを良く着るようになって長い。5着目で、うち2着は来年も着る。全部ウールTシャツにしたいとは思わないが、2枚くらいは維持したい。</p>
1332          </section>
1333        </a>
1334
1335
1336        <a href="/blog/2025-12-18">
1337          <section class="excerpt">
1338            <header>
1339              <p class="date"><time datetime="2025-12-18T15:01:22+09:00">18日</time></p>
1340
1341              <h3>ファー・ブルトン</h3>
1342            </header>
1343
1344            <p>テレビで見たブルターニュ地方のお菓子、ファー・ブルトンを習得する。オーブンを温めている間に準備できるくらい簡単に作れ、焼き立てが美味しいし、冷めてもまた美味しい。焼き時間が50分弱と長いことが欠点か。</p>
1345          </section>
1346        </a>
1347
1348
1349        <a href="/blog/2025-12-16">
1350          <section class="excerpt">
1351            <header>
1352              <p class="date"><time datetime="2025-12-16T15:07:40+09:00">16日</time></p>
1353
1354              <h3>ヘルプマーク</h3>
1355            </header>
1356
1357            <p>赤い十字のあれを貰いにいく。寸法や色は決まりがあるようだが、地域によって素材が違うように見える。地元の自治体ではペラペラの防水加工された紙ラベルに紐のようだ。大体は市役所に貰いに行くものらしく、市役所に行ったらすぐ貰えた。</p>
1358          </section>
1359        </a>
1360
1361
1362        <a href="/blog/2025-12-15">
1363          <section class="excerpt">
1364            <header>
1365              <p class="date"><time datetime="2025-12-15T14:27:55+09:00">15日</time></p>
1366
1367              <h3>机の上</h3>
1368            </header>
1369
1370            <p>机の上からパソコンとコースター以外を撤去する。デスク・ランプもあるが、クランプ式なので勘定に入れない。すっきりさせて、無いと困るものを増やしていこうかと考えている。引き出しやワゴンのない机なので、必要な何かはどこかに取りに行く。どこかに何かを取りに行くようにしておくと、座りっぱなしになりづらいかな、という考えが根底にある。ティッシュ・ボックスと飴やガムを入れた瓶を既に戻したくなっている。</p>
1371          </section>
1372        </a>
1373
1374
1375        <a href="/blog/2025-12-12">
1376          <section class="excerpt">
1377            <header>
1378              <p class="date"><time datetime="2025-12-12T17:59:15+09:00">12日</time></p>
1379
1380              <h3>横浜ご飯</h3>
1381            </header>
1382
1383            <p>横浜に昼ご飯を食べに行く。フランス料理の店で、この前はキッシュを食べ、今度はサーロイン・ステーキを食べる。どちらも美味しい。かなり前にオムレツを食べて美味しかったし、ランチボックスも美味しかった記憶がある。単品でもそこそこ、デザートを付けるとなかなかな値段になるが、気に入っている。</p>
1384          </section>
1385        </a>
1386
1387
1388        <a href="/blog/2025-12-11">
1389          <section class="excerpt">
1390            <header>
1391              <p class="date"><time datetime="2025-12-11T15:39:14+09:00">11日</time></p>
1392
1393              <h3>ヘルメット・バッグとジャーマン・トレーナー</h3>
1394            </header>
1395
1396            <p>今年は普段使いの鞄と靴を買う。そこそこ物が入るショルダー・バッグとしてヘルメット・バッグに、黒いスニーカーとしてジャーマン・トレーナーにする。どちらも4000円くらいの安価なもので誤魔化してしまう。</p>
1397          </section>
1398        </a>
1399
1400
1401        <a href="/blog/2025-12-10">
1402          <section class="excerpt">
1403            <header>
1404              <p class="date"><time datetime="2025-12-10T17:59:01+09:00">10日</time></p>
1405
1406              <h3>ギザ十</h3>
1407            </header>
1408
1409            <p>久しぶりに縁がギザギザの十円玉を見る。7月くらいの話だが、半セルフレジが受け付けてくれなã
1409ã¦æ°—付いた。ギザ十に対応していないというより、古すぎて摩耗が激しく、うまく認識されなかったようだ。</p>
1410          </section>
1411        </a>
1412
1413
1414        <a href="/blog/2025-12-09">
1415          <section class="excerpt">
1416            <header>
1417              <p class="date"><time datetime="2025-12-09T15:53:55+09:00">9日</time></p>
1418
1419              <h3>ドメイン更新スパム</h3>
1420            </header>
1421
1422            <p>利用しているドメイン業者のPorkbunを装ったスパム・メールのURLを踏みそうになる。ドメインの自動更新を確認し終えた後だったので、引っかからずに済んだ。色々作業している合間にスパム・メールの確認をするものではない。</p>
1423          </section>
1424        </a>
1425
1426
1427        <a href="/blog/2025-12-08">
1428          <section class="excerpt">
1429            <header>
1430              <p class="date"><time datetime="2025-12-08T17:03:14+09:00">8日</time></p>
1431
1432              <h3>ドコモnetが終了</h3>
1433            </header>
1434
1435            <p>ドコモ光専用プロバイダーのドコモnetが終了するらしい。OCNに統合されるそうで、一応そのまま使えるようだ。移行には作業が必要らしいが、もはやパスワードを入力する時代でもないので、勝手に移行されそうな気がしないでもない。去年くらいに検討していたプロバイダーの切り替えを諦めておいて良かった。</p>
1436          </section>
1437        </a>
1438
1439
1440        <a href="/blog/people-place-poiesis-2025-12-02">
1441          <section class="excerpt">
1442            <header>
1443              <p class="date"><time datetime="2025-12-05T16:05:22+09:00">5日</time></p>
1444
1445              <h3>マリーナ・タバサム・アーキテクツ展(TOTOギャラリー・間)</h3>
1446            </header>
1447
1448            <p>東京よりも人口の多いダッカで活動する建築家、マリーナ・タバサムが率いる会社の展覧会を見に、乃木坂へ行く。あんなところにTOTOのギャラリーがあるとは知らなかったので、行ってみたくなった。さほど大きくないビルの中だが、面白い構造のようだ。</p>
1449          </section>
1450        </a>
1451
1452
1453        <a href="/blog/2025-12-04">
1454          <section class="excerpt">
1455            <header>
1456              <p class="date"><time datetime="2025-12-04T16:32:09+09:00">4日</time></p>
1457
1458              <h3>黒灰チープカシオ</h3>
1459            </header>
1460
1461            <p>腕時計を買ったという記事をよく見るような気がする。今年になって6記事ほど観測した。ブラウンの真っ黒時計が壊れた後に真っ黒な時計を買おうとし、チープカシオの真っ黒に灰色インデックスのものに落ち着いた。MQ-24系のインデックスの数字が小さい方だ。バー・インデックスはあまり好きではなく、大きめの数字は黒文字盤が無いような雰囲気で、これになった。</p>
1462          </section>
1463        </a>
1464
1465
1466        <a href="/blog/2025-12-03">
1467          <section class="excerpt">
1468            <header>
1469              <p class="date"><time datetime="2025-12-03T17:58:33+09:00">3日</time></p>
1470
1471              <h3>ネットワークのリセット</h3>
1472            </header>
1473
1474            <p>定期的にネットワーク・アダプターがおかしくなる。Bluetoothスピーカーが切断と接続を繰り返したり、スリープ復帰後にネットワーク・アダプターが見えなくなったり。1か月半くらいで起き始めるので、毎月リセットを繰り返すという運用にしている。</p>
1475          </section>
1476        </a>
1477
1478
1479        <a href="/blog/2025-12-02">
1480          <section class="excerpt">
1481            <header>
1482              <p class="date"><time datetime="2025-12-02T18:55:59+09:00">2日</time></p>
1483
1484              <h3>元の通りに</h3>
1485            </header>
1486
1487            <p>4か月くらいあまり記事を書いていない。色々あったようなないような。もうすっかり元通りくらいなので、ここも元通りにしたい。平日更新だったような気がする。</p>
1488          </section>
1489        </a>
1490
1491
1492        <a href="/blog/yunoki-samiro-the-eternal-now-2025-11-25">
1493          <section class="excerpt">
1494            <header>
1495              <p class="date"><time datetime="2025-12-01T16:18:04+09:00">1日</time></p>
1496
1497              <h3>
1497柚木沙弥郎・永遠のいま(東京オペラシティ・アートギャラリー)</h3>
1498            </header>
1499
1500            <p>初台のオペラシティに柚木沙弥郎の展覧会を見に行く。オペラシティへは2018年にイサム・ノグチを見に行ったので、7年ぶりだ。同じ年には民藝館に柚木沙弥郎を見に行っており、こちらも7年ぶりだ。</p>
1501          </section>
1502        </a>
1503
1504          </section>
1505          <section>
1506            <h2><time datetime="2025-11">2025年11月</time></h2>
1507
1508        <a href="/blog/ellery-queen-books">
1509          <section class="excerpt">
1510            <header>
1511              <p class="date"><time datetime="2025-11-14T18:11:32+09:00">14日</time></p>
1512
1513              <h3>エラリー・クイーンの本</h3>
1514            </header>
1515
1516            <p>ようやくエラリー・クイーンの本を集め終わる。最後に「クイーン犯罪実験室」と「最後の一撃」を買った。本当はあと2冊あるが、ひとつは未完の小説が死後に出版されたもので、もうひとつは犯罪小説と、どちらもあまり欲しくない。早川と創元が混ざっていたり、表紙がないものがあるあたり、漫然と長い間かけて集めた雰囲気が感じられる。</p>
1517          </section>
1518        </a>
1519
1520
1521        <a href="/blog/maruyama-oukyo-2025-10-30">
1522          <section class="excerpt">
1523            <header>
1524              <p class="date"><time datetime="2025-11-03T07:34:35+09:00">3日</time></p>
1525
1526              <h3>円山応挙(三井記念美術館)</h3>
1527            </header>
1528
1529            <p>日本橋へ円山応挙の展覧会を見に行く。伊藤若冲との共作が初めて東京に来ているらしい。数年前のドラマでは若冲が主役だったが、応挙と池大雅も出ていたことを思い出す。若冲と大雅の展覧会も行ったので、これで三者共に見られたことになる。</p>
1530          </section>
1531        </a>
1532
1533          </section>
1534          <section>
1535            <h2><time datetime="2025-10">2025年10月</time></h2>
1536
1537        <a href="/blog/the-art-of-japanese-bamboo-baskets-2025-09-30">
1538          <section class="excerpt">
1539            <header>
1540              <p class="date"><time datetime="2025-10-03T12:25:35+09:00">3日</time></p>
1541
1542              <h3>竹藝清玩(斎田記念館)</h3>
1543            </header>
1544
1545            <p>環七沿いにある斎田記念館へ竹細工の展覧会を見に行く。竹藝となると人間国宝も何人かいるらしく、その作品をいくつか見られるようだ。ようやく気温と湿度が下がり、歩く、歩く、歩く。</p>
1546          </section>
1547        </a>
1548
1549          </section>
1550          <section>
1551            <h2><time datetime="2025-09">2025年9月</time></h2>
1552
1553        <a href="/blog/taikan-and-his-fellow-artists-at-the-nippon-bijyutsuin-2025-09-12">
1554          <section class="excerpt">
1555            <header>
1556              <p class="date"><time datetime="2025-09-22T16:58:08+09:00">22日</time></p>
1557
1558              <h3>大観と日本美術院の絆(横山大観記念館)</h3>
1559            </header>
1560
1561            <p>不忍池から道路を挟んで向かい側にある横山大観記念館へ行く。木曜日から日曜日までしか開いていないので、珍しく週末に出かける。大雨の翌日で降水確率も高めだったが、ぱらつくくらいで傘を使わずに散歩できた。</p>
1562          </section>
1563        </a>
1564
1565          </section>
1566          <section>
1567            <h2><time datetime="2025-08">2025年8月</time></h2>
1568
1569        <a href="/blog/what-makes-these-prints-as-art-2025-08-02">
1570          <section class="excerpt">
1571            <header>
1572              <p class="date"><time datetime="2025-08-28T18:55:43+09:00">28日</time></p>
1573
1574              <h3>版画ってアートなの?(町田市立国際版画美術館)</h3>
1575            </header>
1576
1577            <p>町田にある版画美術館へ所蔵品を中心とした展覧会を見に行く。色々あったようなないような感じ、かつ暑かったã
1577®ã§è¿‘場に行く。あまり集中できなかった上に、かなり後で書いているので、全然覚えていない。</p>
1578          </section>
1579        </a>
1580
1581          </section>
1582          <section>
1583            <h2><time datetime="2025-07">2025年7月</time></h2>
1584
1585        <a href="/blog/2025-07-18">
1586          <section class="excerpt">
1587            <header>
1588              <p class="date"><time datetime="2025-07-18T12:19:59+09:00">18日</time></p>
1589
1590              <h3>自分で網戸の張り替え</h3>
1591            </header>
1592
1593            <p>ネットが緩んで外れかかっていた網戸を自分で張り替える。使っていない物置き部屋だったので、5年くらい見ないふりをしていた。色々物が片付いたら。気になるようになってしまい、張り替えることにする。初めて自分でやり、失敗ではない程度にはうまくいき、この湿気の多い季節でピンとしている。これなら一年中ピンとしたままだろう。</p>
1594          </section>
1595        </a>
1596
1597
1598        <a href="/blog/2025-07-14">
1599          <section class="excerpt">
1600            <header>
1601              <p class="date"><time datetime="2025-07-14T07:15:28+09:00">14日</time></p>
1602
1603              <h3>カーテンのマグネット・ランナー</h3>
1604            </header>
1605
1606            <p>あまり使っていない部屋のカーテン・レールが古く、中央のランナーにマグネットが付いていない。風が強い日に窓を開けていると、カーテンが吹っ飛んでしまう。見ないふりをしていたが、重い腰を上げて交換することにする。探してみたら、中央だけ交換できるものがすぐに見つかる。こんなことなら10年位前にどうにかすれば良かった。</p>
1607          </section>
1608        </a>
1609
1610
1611        <a href="/blog/2025-07-11">
1612          <section class="excerpt">
1613            <header>
1614              <p class="date"><time datetime="2025-07-11T08:09:37+09:00">11日</time></p>
1615
1616              <h3>iCloudメール宛て迷惑メール</h3>
1617            </header>
1618
1619            <p>Appleアカウントへのサインインくらいにしか使っていないiCloudメールへ迷惑メールが頻繁に来るようになった。送信元がメルカリや、ANAマイレージ、えきねっと、佐川急便、TEPCOカスタマーセンター、イオンカード、クロネコメンバーズ、アマゾン、楽天銀行などだ。すべて日本の会社を騙ったもので、日本人だとばれている。</p>
1620          </section>
1621        </a>
1622
1623
1624        <a href="/blog/vim-css3-syntax-v2.8.0">
1625          <section class="excerpt">
1626            <header>
1627              <p class="date"><time datetime="2025-07-09T07:01:57+09:00">9日</time></p>
1628
1629              <h3>vim-css3-syntax v2.8.0</h3>
1630            </header>
1631
1632            <p>この定期リリースでは、グリッドやフレックスボックスなどのスキマに置く装飾を柔軟に定義するためのGap Decorations、カスタム関数を定義するためのFunctions and Mixins、これら2つが追加される。追加のためマイナー番号が上がり、v2.8.0だ。最近は追加が多い。いつの間にやら追加したCSS仕様も120を超えている。</p>
1633          </section>
1634        </a>
1635
1636
1637        <a href="/blog/nakameguro-daikanyama-yokohama-2025-07-02">
1638          <section class="excerpt">
1639            <header>
1640              <p class="date"><time datetime="2025-07-07T13:11:49+09:00">7日</time></p>
1641
1642              <h3>中目黒~代官山~横浜</h3>
1643            </header>
1644
1645            <p>川を渡り、坂を上り、店を見回り、電車に乗る。気温は高く、湿度も高い。ずっと曇りで、雨に怯えながらフラフラする。</p>
1646          </section>
1647        </a>
1648
1649
1650        <a href="/blog/the-architecture-exhibition-2025-07-02">
1651          <section class="excerpt">
1652            <header>
1653              <p class="date"><time datetime="2025-07-04T12:50:48+09:00">4日</time></p>
1654
1655              <h3>コンストラクション(郷さくら美術館)</h3>
1656            </header>
1657
1658            <p>中目黒駅近くにある郷さくら美術館へ、建物などを描いた日本画の展覧会を見に行く。現代日本画の作品を扱う美術館らしい。暑いので駅近の美術館にしたが、ふらふら歩いたので意味がã
1658ªã„。</p>
1659          </section>
1660        </a>
1661
1662
1663        <a href="/blog/responsive-font-size-2025">
1664          <section class="excerpt">
1665            <header>
1666              <p class="date"><time datetime="2025-07-02T18:35:24+09:00">2日</time></p>
1667
1668              <h3>レスポンシブ・フォント・サイズが前提としている状況の変化</h3>
1669            </header>
1670
1671            <p>2025年に至って、レスポンシブ・フォント・サイズの前提であった状況が変わりつつあるように思う。その状況とは、ブラウザーの閲覧領域(ビューポート)、特にその幅が閲覧中に変わらないということだ。幅がちょくちょく変化する状況では、レスポンシブ・フォント・サイズによって文字サイズが変化することは、レイアウトやフローがちょいちょい変化することに直結する。それがユーザー体験に与える影響は少なくないはずだ。</p>
1672          </section>
1673        </a>
1674
1675          </section>
1676          <section>
1677            <h2><time datetime="2025-06">2025年6月</time></h2>
1678
1679        <a href="/blog/2025-06-30">
1680          <section class="excerpt">
1681            <header>
1682              <p class="date"><time datetime="2025-06-30T17:54:46+09:00">30日</time></p>
1683
1684              <h3>謎の物体と法面</h3>
1685            </header>
1686
1687            <p>2年くらい行われている、法面とその上にある林の整備が終わりに近づいている。今は謎の物体が法面に取り付けられている。どういう効果があるものなのだろうか。水抜きの穴を開け直す固定器具なようなもので、最終的には外されるんではないかと想像している。このままだと、酔っぱらって歩いている人が、飛び出ている硬い円柱に頭をぶつけてひどい目に遭いそうだ。</p>
1688          </section>
1689        </a>
1690
1691
1692        <a href="/blog/2025-06-27">
1693          <section class="excerpt">
1694            <header>
1695              <p class="date"><time datetime="2025-06-27T19:48:15+09:00">27日</time></p>
1696
1697              <h3>紺黒白紺白</h3>
1698            </header>
1699
1700            <p>地元のジーンズ屋で4割引くらいの1490円でヘインズのビーフィーが売っている。Amazonより安いと思った瞬間にレジに持って行く。よそ行きに着ていた紺のTシャツを普段着にしたり、今年は2枚入れ替わる。色が褪せ切ったポロシャツと、襟がヨレヨレになった灰色のTシャツとさよならだ。黒のTシャツは久しぶりの気がする。</p>
1701          </section>
1702        </a>
1703
1704
1705        <a href="/blog/using-dynamic-import-for-a-json-file">
1706          <section class="excerpt">
1707            <header>
1708              <p class="date"><time datetime="2025-06-25T10:58:33+09:00">25日</time></p>
1709
1710              <h3>JSONファイルをDynamic Import</h3>
1711            </header>
1712
1713            <p>JSONファイルを読み込むのにfsモジュールを使っているが、Dynamic Importでも書けるようなので置き換えてみている、いや、いた。実装が遅れていたFirefoxも、2025年4月末にリリースされた138でサポートしたので、試してみる気になった。短くならない上に、可読性も良くないことがわかる。import宣言ならJSONファイルを読み込む価値はあるが、かなり特別な理由がない限りDynamic ImportをJSONファイルの読み込みに使うことはやめた方が良さそうだ。</p>
1714          </section>
1715        </a>
1716
1717
1718        <a href="/blog/2025-06-24">
1719          <section class="excerpt">
1720            <header>
1721              <p class="date"><time datetime="2025-06-24T14:34:18+09:00">24日</time></p>
1722
1723              <h3>夏ゼリー</h3>
1724            </header>
1725
1726            <p>夏場にはゼリーを作っておやつに食べている。コーヒーとモヒート・シロップで作ることが多いが、たまにカシス・リキュールなどでも作ったりする。調子に乗って適当なジュースで作って失敗することも多い。湘南ゴールドのジュースでは失敗し続けており、今年はどうにか成功させたい。</p>
1727          </section>
1728        </a>
1729
1730
1731        <a href="/blog/kiyosumishirakawa-omotesando-shibuya-2025-06-04">
1732          <section class="excerpt">
1733            <header>
1734              <p class="date"><time datetime="2025-06-20T07:52:40+09:00">20日</time></p>
1735
1736              <h3>清澄白河~表参道~渋谷</h3>
1737            </header>
1738
1739            <p>東京都現代美術館でパティ・スミスの作品を見聞ã
1739ã—に行った前後は、いつもの通り散歩もする。途中で公園を梯子したり、なかなか歩く。丁度夏日くらいの陽気だったので、まだまだ歩いても大丈夫だ。</p>
1740          </section>
1741        </a>
1742
1743
1744        <a href="/blog/2025-06-17">
1745          <section class="excerpt">
1746            <header>
1747              <p class="date"><time datetime="2025-06-17T12:08:37+09:00">17日</time></p>
1748
1749              <h3>電線地中化雑感</h3>
1750            </header>
1751
1752            <p>最寄り駅周辺の新しい街区は電柱があまりない。すぐ横に電車が通っていたり、変電所もあるので大きな鉄塔が立ち並んでいたり、LED化の影響で街灯がいっぱいあったりするので、景観的に得るものもあまりない。やってみたかったからやってみたという雰囲気がある。少し離れた戸建ての街区ではかなりすっきりしていてうらやましい。近所で地中化されている区域を見るのは初めてなので、色々と興味深く観察している。</p>
1753          </section>
1754        </a>
1755
1756
1757        <a href="/blog/correspondences-2025-06-04">
1758          <section class="excerpt">
1759            <header>
1760              <p class="date"><time datetime="2025-06-13T12:32:37+09:00">13日</time></p>
1761
1762              <h3>コレスポンデンス(東京都現代美術館)</h3>
1763            </header>
1764
1765            <p>パティ・スミスのインスタレーションを見に、東京都現代美術館まで行く。パティ・スミス世代ではないが、なんとなくそのカバーは多く聞いて生きてきた。1000 Maniacsによるカバーがその最たるもので、たまに見ている。そんなこんなでパティ・スミス自体には興味があるし、横尾忠則による肖像画を見て以降はもっと興味を持ってきた。</p>
1766          </section>
1767        </a>
1768
1769
1770        <a href="/blog/2025-06-12">
1771          <section class="excerpt">
1772            <header>
1773              <p class="date"><time datetime="2025-06-12T12:41:47+09:00">12日</time></p>
1774
1775              <h3>喉の激痛</h3>
1776            </header>
1777
1778            <p>朝、起きると喉が痛い。口をすすぐと血痰のようなものが出る。声は普通に出るくらいの状況だったので、病院へは行かず様子を見る。のど飴を舐めながら1日大人しくしていると持ち直す。</p>
1779          </section>
1780        </a>
1781
1782
1783        <a href="/blog/on-prefers-rediced-motion-media-feature">
1784          <section class="excerpt">
1785            <header>
1786              <p class="date"><time datetime="2025-06-11T09:54:19+09:00">11日</time></p>
1787
1788              <h3>prefers-reduced-motionメディア特性への見解</h3>
1789            </header>
1790
1791            <p>View Transitionについて紹介するWebKitの記事で、prefers-reduced-motionメディア特性で振り分けなくても良いという見解が示されている。「単純なクロスフェードは、動きに敏感な人たちへ負の影響を与えるとは知られていない」ことを根拠としており、納得感はある主張だ。WebKitでは元々そういう意図(の下、motionという名前)で先行実装したのかもしれない。</p>
1792          </section>
1793        </a>
1794
1795
1796        <a href="/blog/2025-06-10">
1797          <section class="excerpt">
1798            <header>
1799              <p class="date"><time datetime="2025-06-10T16:06:34+09:00">10日</time></p>
1800
1801              <h3>マイナンバー・カードの更新</h3>
1802            </header>
1803
1804            <p>有効期限通知書が届いたので更新する。申請はスマフォで終わらせられるようだ。スマフォに組み込みが既定になり、物理カードが廃止されれば、非対面で完了するようになるのだろうか。</p>
1805          </section>
1806        </a>
1807
1808
1809        <a href="/blog/2025-06-09">
1810          <section class="excerpt">
1811            <header>
1812              <p class="date"><time datetime="2025-06-09T13:54:51+09:00">9日</time></p>
1813
1814              <h3>ミュージック・アプリで再生が止まる現象の解消</h3>
1815            </header>
1816
1817            <p>iPhoneのミュージック・アプリで調子良く音楽を聴いていると、たまに突然停止ボタンが押された音がして再生が止まる。特定の場所で起こりやすい傾向があり、図書館とスーパーで頻発する。始まるとそれこそ5歩ごとに止まる。有線だと問題ないので、どうもBluetooth絡みのようだ。色々設定した結果、手元の環境ではHandoffを無効にすると解消できるようだ。Mac等は使っていないので、無効にしても不便はない。</p>
1818          </section>
1819        </a>
1820
1821
1822        <a href="/blog/tokyo-ueda-tokyo-2025-06-02">
1823          <section class="excerpt">
1824            <header>
1825              <p class="date"><time datetime="2025-06-06T12:03:52+09:00">6日</time></p>
1826
1827              <h3>東京~上田~東京</h3>
1828            </header>
1829
1830            <p>無言館を目指して上田まで行く日は、朝からすっきりしない天気だ。山がちなところへ行くので不安だが、涼しいと好意的に解釈したい。そこそこ早い新幹線なので、早起きし、早く家を出る。</p>
1831          </section>
1832        </a>
1833
1834
1835        <a href="/blog/mugonkan-2025-06-02">
1836          <section class="excerpt">
1837            <header>
1838              <p class="date"><time datetime="2025-06-05T07:51:26+09:00">5日</time></p>
1839
1840              <h3>無言館</h3>
1841            </header>
1842
1843            <p>日帰りで長野県は上田市の近くにある無言館へ行く。以前から一度見てみたいと思っていたが、近くにすら行く機会がなã
1843„上、最寄駅から歩ける距離でもないため、なかなか行けないでいた。北陸新幹線に乗りたかったり、帰りに東京で美味しい夕ご飯を食べたかったり、いくつか理由を見つけたので、一気に行って、一気に帰ってくることにする。往復で500kmくらいだろうか。</p>
1844          </section>
1845        </a>
1846
1847
1848        <a href="/blog/on-posting-to-tpfkat">
1849          <section class="excerpt">
1850            <header>
1851              <p class="date"><time datetime="2025-06-04T06:21:55+09:00">4日</time></p>
1852
1853              <h3>投稿の選別</h3>
1854            </header>
1855
1856            <p>一つ前の記事から、日付がURLの記事はかつてTwitterと呼ばれていたプラットフォームへ投稿しないことにする。日記的な意味合いが強いし、少しでもかつて(以下略)への投稿を減らしていきたい。本の投稿も止めている。リンクは有益なような気がしないでもないので、このまま投稿し続けるつもりだ。代わりにBlueskyにでも移住しようかなとも思うが、どこにもいなくても良いかとも思い始めている。</p>
1857          </section>
1858        </a>
1859
1860
1861        <a href="/blog/2025-06-03">
1862          <section class="excerpt">
1863            <header>
1864              <p class="date"><time datetime="2025-06-03T07:39:13+09:00">3日</time></p>
1865
1866              <h3>お疲れ様、ブラウンの腕時計</h3>
1867            </header>
1868
1869            <p>出かける時にブラウンの腕時計(BN0032の黒文字盤、黒革ベルト)を嵌めたら動いていない。電池を変えてから半年くらいだったので、どうも寿命のようだ。記事は書いていなかったが、リンク集に記録があり、2016年の5月に購入したようだ。9年と少しと、あまり長持ちはしなかった。</p>
1870          </section>
1871        </a>
1872
1873          </section>
1874          <section>
1875            <h2><time datetime="2025-05">2025年5月</time></h2>
1876
1877        <a href="/blog/2025-05-30">
1878          <section class="excerpt">
1879            <header>
1880              <p class="date"><time datetime="2025-05-30T13:30:06+09:00">30日</time></p>
1881
1882              <h3>ラタトゥイユ初め</h3>
1883            </header>
1884
1885            <p>バジルがもさもさしてきたので収穫し、ラタトゥイユを作る。ナス、ズッキーニ、タマネギ、パプリカ、そしてトマトがどれも安い。鍋いっぱいに作っても数百円というところだ。うっかり白シャツの日に作り始めてしまうが、なんとかトマト汁で汚れずに作りきる。</p>
1886          </section>
1887        </a>
1888
1889
1890        <a href="/blog/2025-05-29">
1891          <section class="excerpt">
1892            <header>
1893              <p class="date"><time datetime="2025-05-29T12:25:55+09:00">29日</time></p>
1894
1895              <h3>散歩BGMに歌無し曲</h3>
1896            </header>
1897
1898            <p>最近は歌の無い曲を散歩の時に聞いている。歌が入っていると聞いてしまうので、聞き流しやすさを重視してそうしている。エレクトロニックが、特にダウンテンポが多くを占めるが、それだけでもない。クラシックだとバッハを色々な演奏者で、日本のアーティストだとtoeやNujabesなどだ。</p>
1899          </section>
1900        </a>
1901
1902
1903        <a href="/blog/avif-only">
1904          <section class="excerpt">
1905            <header>
1906              <p class="date"><time datetime="2025-05-28T12:21:53+09:00">28日</time></p>
1907
1908              <h3>AVIFのみ</h3>
1909            </header>
1910
1911            <p>JPEGとAVIFをpicture要素で出し分けしていたが、それらをAVIFに統一する。少し前から新しい記事はそうしていたが、過去記事も書き換えたということだ。代替テキストをちゃんと書くようにもしているので、最悪AVIFが表示できなくても大丈夫だろう。次のマイナー番号更新くらいでJPEG画像を削除する。</p>
1912          </section>
1913        </a>
1914
1915
1916        <a href="/blog/2025-05-27">
1917          <section class="excerpt">
1918            <header>
1919              <p class="date"><time datetime="2025-05-27T12:13:26+09:00">27日</time></p>
1920
1921              <h3>片道4時間の日帰り</h3>
1922            </header>
1923
1924            <p>片道で新幹線も使う4時間の小旅行をしようと調べている。接続があまり良くないようで、合計で1時間近く電車やバスを待つことになるようだ。バスの都合もあるため滞在時間は1時間だし、昼ご飯で1時間とすると12時間くらいかかるような雰囲気だ。これを6時に出て18時に帰ると考えると、学校とかもそんな感じだったし、そんなに大変でもないような気がしてくる。</p>
1925          </section>
1926        </a>
1927
1928
1929        <a href="/blog/2025-05-26">
1930          <section class="excerpt">
1931            <header>
1932              <p class="date"><time datetime="2025-05-26T15:15:52+09:00">26日</time></p>
1933
1934              <h3>サンドイッチ屋の再発見</h3>
1935            </header>
1936
1937            <p>地元のちょっと離れたところにあるサンドイッチ屋に3年ぶりくらいに行ってみる。味付けが微妙に変わったようで、ちょっと美味しくなっている。400円台と手頃な値段だし、ひいきにしたい。サンドイッチは選択肢が少ないのでうれしい。</p>
1938          </section>
1939        </a>
1940
1941
1942        <a href="/blog/2025-05-23">
1943          <section class="excerpt">
1944            <header>
1945              <p class="date"><time datetime="2025-05-23T12:55:04+09:00">23日</time></p>
1946
1947              <h3>夕横浜</h3>
1948            </header>
1949
1950            <p>横浜へ晩ご飯を食べに行く。夕方にシャワーを浴び、さっぱりしてから出かける。優雅な感じがある。</p>
1951          </section>
1952        </a>
1953
1954
1955        <a href="/blog/hail2u-ipsum-v0.2.7">
1956          <section class="excerpt">
1957            <header>
1958              <p class="date"><time datetime="2025-05-21T07:27:31+09:00">21日</time></p>
1959
1960              <h3>hail2u-ipsum v0.2.7</h3>
1961            </header>
1962
1963            <p>唐突に思い出したので、hail2u-ipsumのデータを更新する。去年は忘れたため、2年分だ。2851 - 40 lines changedだったので、1年あたり1400文ほど書いたことになる。1日当たり4文と計算ã
1963™ã‚‹ã¨ã€ãã‚Œã»ã©æ›¸ã„ていないことがわかる。</p>
1964          </section>
1965        </a>
1966
1967
1968        <a href="/blog/shimokitazawa-ikenoue-komaba-higashikitazawa-minamishinjuku-2025-05-14">
1969          <section class="excerpt">
1970            <header>
1971              <p class="date"><time datetime="2025-05-19T13:02:27+09:00">19日</time></p>
1972
1973              <h3>下北沢~池ノ上~駒場~東北沢~南新宿</h3>
1974            </header>
1975
1976            <p>歩き回れる気温もすぐに終わるだろうし、民藝館の前後にフラフラ散歩する。井の頭線が混むので乗りたくないということもある。下北沢駅から歩いて民藝館に向かうと、井の頭線の南からか先端科学技術研究センターの北からか、いずれにしろぐるっと回り込まないとならない。丁度良い距離を歩けそうだ。</p>
1977          </section>
1978        </a>
1979
1980
1981        <a href="/blog/mingei-unintentional-beauty-2025-05-14">
1982          <section class="excerpt">
1983            <header>
1984              <p class="date"><time datetime="2025-05-16T12:05:31+09:00">16日</time></p>
1985
1986              <h3>民藝、無作為の美(日本民藝館)</h3>
1987            </header>
1988
1989            <p>柳宗悦邸に行くついでに展覧会も見に行く。駒場の民藝館の住所を見ると、あの辺りが目黒区であることにいつも驚く。大まかに東大の敷地まで目黒区が入り込んでいて、松濤美術館になると渋谷区に、松陰中高になると世田谷区になる。地形的なものなのか、政治的なものなのか、気になりつつも調べていない。調べないまま不思議に思っていたい。</p>
1990          </section>
1991        </a>
1992
1993
1994        <a href="/blog/2025-05-15">
1995          <section class="excerpt">
1996            <header>
1997              <p class="date"><time datetime="2025-05-15T11:09:44+09:00">15日</time></p>
1998
1999              <h3>アップサイクル・ビール</h3>
2000            </header>
2001
2002            <p>地元のパン屋が作っているビールを全種類制覇する。まだ1年くらいだが、新聞や、雑誌、テレビなどでよく見かけるようになった。IPAが一番好きかもしれない。原材料の関係で発泡酒扱いのようだ。プレミアム・モルツの4倍弱となかなかの値段だが、それほど飲むわけではないので気にしていない。</p>
2003          </section>
2004        </a>
2005
2006
2007        <a href="/blog/temporary-back-to-cloudflare">
2008          <section class="excerpt">
2009            <header>
2010              <p class="date"><time datetime="2025-05-14T08:10:54+09:00">14日</time></p>
2011
2012              <h3>Cloudflareに出戻り中</h3>
2013            </header>
2014
2015            <p>一時的にPorkbunからCloudflareに出戻りつつある。理由が3つ出来たので、思い切って出戻る作業を始める。DNSを移し、Cloudflare経由にしただけで、まだドメインの移管は行っていない。なおCloudflare Pagesにするつもりはない。</p>
2016          </section>
2017        </a>
2018
2019
2020        <a href="/blog/2025-05-13">
2021          <section class="excerpt">
2022            <header>
2023              <p class="date"><time datetime="2025-05-13T12:29:31+09:00">13日</time></p>
2024
2025              <h3>道を聞かれる日</h3>
2026            </header>
2027
2028            <p>1日に3回も道を聞かれる。年に1度も聞かれない風体にも係わらず、なぜか聞かれる。それほど難しい案内ではなく、うまく案内できたように思う。バス発着場でどこどこへ行くバス乗り場はどこかとか、商業施設の入り口で駐輪場はどこかとか、○○銀行のATMはどこかとかだ。</p>
2029          </section>
2030        </a>
2031
2032
2033        <a href="/blog/kofu-2025-05-08">
2034          <section class="excerpt">
2035            <header>
2036              <p class="date"><time datetime="2025-05-12T10:40:21+09:00">12日</time></p>
2037
2038              <h3>墓参り(2025-05-08)</h3>
2039            </header>
2040
2041            <p>今年の春も墓参りに行く。いつもよりちょっと遅めで、サクラが咲いていない。ツツジも終わりかけだ。雨の間でちょっと肌寒いくらいだったが、昼になると暑くなってくるようだ。</p>
2042          </section>
2043        </a>
2044
2045
2046        <a href="/blog/2025-05-09">
2047          <section class="excerpt">
2048            <header>
2049              <p class="date"><time datetime="2025-05-09T11:16:05+09:00">9日</time></p>
2050
2051              <h3>究極ガイド・2時間でまわるバチカン宮殿、的な映画</h3>
2052            </header>
2053
2054            <p>少しだけ興味があったものの見に行くほどではないかなと思っていた映画、教皇選挙だ。教皇が死んだので、見たい気持ちが高まる。地元で週に3回くらい上映しており、安い水曜日に見に行く。みんな考えることは同じようで、完全に席が埋まっている。内容については割愛するが、この記事のタイトルのような見ごたえはある。宮殿外の映像はほぼないと思う。</p>
2055          </section>
2056        </a>
2057
2058
2059        <a href="/blog/2025-05-08">
2060          <section class="excerpt">
2061            <header>
2062              <p class="date"><time datetime="2025-05-08T07:11:04+09:00">8日</time></p>
2063
2064              <h3>ジュール・ヴェルヌ・ウィーク</h3>
2065            </header>
2066
2067            <p>ゴールデン・ウィークはジュール・ヴェルヌを読み返していた。オーブリー・ビアズリーの展覧会を見に行った流れで、アール・ヌーヴォー関連の本を眺めていると、ヴェルヌについてもよく出てくる(一番多いのはウィリアム・ブレイクか)。子供の時に読んで以来だ。</p>
2068          </section>
2069        </a>
2070
2071
2072        <a href="/blog/percentage-in-color-mix-function">
2073          <section class="excerpt">
2074            <header>
2075              <p class="date"><time datetime="2025-05-07T13:40:55+09:00">7日</time></p>
2076
2077              <h3>color-mix()関数での割合</h3>
2078            </header>
2079
2080            <p>color-mix()関数をよく使うようになりつつある。ウェブ・アプリ・オア・ダイみたいな生息å
2080œ°ãªã®ã§ã€ãƒã‚¤ãƒ†ã‚£ãƒ–・アプリとの相互運用性に主眼を置いたデザイン・トークンが不要になり、思う存分CSSに寄せられる。カラー・パレットの管理もそうで、color-mix()関数はバリエーションを作る時に役に立つ。割合で混ぜるだけだが、仕様をしっかりと読んでおかないと思ってもみない結果になることがある。</p>
2081          </section>
2082        </a>
2083
2084
2085        <a href="/blog/arabia-mainio-sarastus-cup-and-saucer">
2086          <section class="excerpt">
2087            <header>
2088              <p class="date"><time datetime="2025-05-02T12:38:25+09:00">2日</time></p>
2089
2090              <h3>アラビアのマイニオ・サラストゥスのカップ(・アンド・ソーサー)</h3>
2091            </header>
2092
2093            <p>小ぶりのマグ・カップを探したが、なかなか見つからない。諦めてソーサー付きのカップで探し、パン皿として欲しかった柄のカップ・アンド・ソーサーにする。イッタラというかアラビアというかのマイニオ・サラストゥスの黒だ。この柄は出た当初からかなり好きで、19cmの皿を買おうか5年くらい迷っている。割高だが、公式オンライン・ストアで定価の5500円で買う。</p>
2094          </section>
2095        </a>
2096
2097
2098        <a href="/blog/2025-05-01">
2099          <section class="excerpt">
2100            <header>
2101              <p class="date"><time datetime="2025-05-01T12:09:48+09:00">1日</time></p>
2102
2103              <h3>耳由来による頭痛の治療</h3>
2104            </header>
2105
2106            <p>耳鼻科に行く。ノイズ・キャンセリング・イヤフォンを長時間使うと激しい頭痛が起きるという症状の相談だ。奥の方に荒れている部分があり、そこが刺激を受けているのではないかという話になる。原因は乾燥と耳かきらしい。</p>
2107          </section>
2108        </a>
2109
2110          </section>
2111          <section>
2112            <h2><time datetime="2025-04">2025年4月</time></h2>
2113
2114        <a href="/blog/best-value-for-text-autospace-property">
2115          <section class="excerpt">
2116            <header>
2117              <p class="date"><time datetime="2025-04-30T17:51:32+09:00">30日</time></p>
2118
2119              <h3>text-autospaceプロパティーの最適値</h3>
2120            </header>
2121
2122            <p>10年以上待ち続けていたtext-autospaceプロパティーの最適な値を探っている。実装がSafari 18.4にしかないので、比較的安全に遊べる。後方互換性と巷の文書を考慮した結果、意外な複雑さがある。</p>
2123          </section>
2124        </a>
2125
2126
2127        <a href="/blog/2025-04-28">
2128          <section class="excerpt">
2129            <header>
2130              <p class="date"><time datetime="2025-04-28T11:18:58+09:00">28日</time></p>
2131
2132              <h3>タケノコ、用の米ぬか</h3>
2133            </header>
2134
2135            <p>タケノコが豊作らしく、なかなか安い。500円から600円くらいで買えるため、グラグラ茹でて貰い、モリモリ食べている。「安かった」だし、「食べていた」のようで、先週末辺りから見かけなくなってきている。タケノコの横では米ぬかが売っていることが多いが、今年は80円などとなっていることもあり、昨年の倍くらいで驚く。米価の影響かと思ってしまうが、単なるぼったくりに感じる。</p>
2136          </section>
2137        </a>
2138
2139
2140        <a href="/blog/2025-04-25">
2141          <section class="excerpt">
2142            <header>
2143              <p class="date"><time datetime="2025-04-25T10:15:59+09:00">25日</time></p>
2144
2145              <h3>羽田空港第3ターミナル散歩</h3>
2146            </header>
2147
2148            <p>行ったことがない羽田空港の国際線のターミナルを見に行く。ついでにフラフラする。とにかく人とキャリーだらけだ。</p>
2149          </section>
2150        </a>
2151
2152
2153        <a href="/blog/2025-04-24">
2154          <section class="excerpt">
2155            <header>
2156              <p class="date"><time datetime="2025-04-24T12:27:56+09:00">24日</time></p>
2157
2158              <h3>ワインコルク集め</h3>
2159            </header>
2160
2161            <p>なんとなく集め始めてしまったワインコルクが81個になる。大きなガラス・ボウルにでも投げ込めば、オブジェっぽくなりそうな数だ。キリの良い100個まで集め、捨てるかどうか考えたい。</p>
2162          </section>
2163        </a>
2164
2165
2166        <a href="/blog/from-hsl-to-oklch">
2167          <section class="excerpt">
2168            <header>
2169              <p class="date"><time datetime="2025-04-23T12:25:53+09:00">23日</time></p>
2170
2171              <h3>hsl()からoklch()へ</h3>
2172            </header>
2173
2174            <p>感覚を慣れさせるため、このウェブサイトの色をoklch()関数に更新する。hsl()関数からの変換は色々な方法があるが、今だとブラウザーを使うと良いと思う。ただし環境によって変換結果が変わるので、。何度かやっているとなんとなく感覚が掴めてくるだろう。</p>
2175          </section>
2176        </a>
2177
2178
2179        <a href="/blog/2025-04-22">
2180          <section class="excerpt">
2181            <header>
2182              <p class="date"><time datetime="2025-04-22T11:10:52+09:00">22日</time></p>
2183
2184              <h3>スニーカー探しの小休止</h3>
2185            </header>
2186
2187            <p>買おうかなと思っていたアシックスのスニーカーが欠品のようだ。他の候補もいまいちで探し疲れたため、小休止する。だが、壊れかけのスニーカーを履くわけにもいかない。とりあえずはGUの1990円スニーカーで繋ぐことにする。つま先が白くないキャンバス・スニーカーは好きだ。</p>
2188          </section>
2189        </a>
2190
2191
2192        <a href="/blog/takanawa-gotanda-shinjuku-2025-04-16">
2193          <section class="excerpt">
2194            <header>
2195              <p class="date"><time datetime="2025-04-21T12:20:30+09:00">21日</time></p>
2196
2197              <h3>高輪~五反田~新宿</h3>
2198            </header>
2199
2200            <p>畠山美術館のついでに高輪ゲートウェイを見に行く、ついでに散歩する。快晴という言葉以外ないくらい快晴だ。耳も治ったので、ノイズ・キャンセリング・イヤフォンに戻り、Squarepusherを聞きながら歩く。</p>
2201          </section>
2202        </a>
2203
2204
2205        <a href="/blog/the-flowering-of-tea-ceremony-and-garden-culture-2025-04-16">
2206          <section class="excerpt">
2207            <header>
2208              <p class="date"><time datetime="2025-04-18T15:19:05+09:00">18日</time></p>
2209
2210              <h3>花ひらく茶と庭園文化(畠山美術館)</h3>
2211            </header>
2212
2213            <p>長い休館を経て、2024年に再開した畠山美術館の開館記念展に行く。11月くらいに行ったが、うっかり展示入れ替えの休業日だったため、門に足利二つ匹の家紋が大きく描かれていたところしか見ていない。主に庭が目当てだが、歩き回れるだろうか。</p>
2214          </section>
2215        </a>
2216
2217
2218        <a href="/blog/2025-04-17">
2219          <section class="excerpt">
2220            <header>
2221              <p class="date"><time datetime="2025-04-17T12:08:26+09:00">17日</time></p>
2222
2223              <h3>VBScriptがないとPakeのビルドでコケる</h3>
2224            </header>
2225
2226            <p>Pakeでウェブ・アプリをWindowsアプリにしようとする。PakeやTauriのドキュメントを読み、必要なものを揃え、pake https://...すると、light.exe関係でエラーが出てしまう。最終的にVBScriptをインストールし直すと、ビルドでコケなくなる。悪いのはPakeでもTauriでもWiX Toolsetでもなく、作成するインストーラー側の問題らしい</p>
2227          </section>
2228        </a>
2229
2230
2231        <a href="/blog/expanding-white-space-property">
2232          <section class="excerpt">
2233            <header>
2234              <p class="date"><time datetime="2025-04-16T17:41:38+09:00">16日</time></p>
2235
2236              <h3>white-spaceプロパティーの展開</h3>
2237            </header>
2238
2239            <p>td要素などで利用しているwhite-spaceプロパティーをwhite-space-collapseプロパティーとtext-wrap-modeプロパティーに展開する。1年位前に実装が揃い、white-spaceプロパティーがほぼ短縮プロパティー化した。短縮プロパティーはたまにおかしなことが起きる、特にカスタム・プロパティー絡みでは起きやすいので、できるだけ避けるようにしている。</p>
2240          </section>
2241        </a>
2242
2243
2244        <a href="/blog/marunouchi-yurakuchou-harajuku-2025-04-09">
2245          <section class="excerpt">
2246            <header>
2247              <p class="date"><time datetime="2025-04-15T12:43:01+09:00">15日</time></p>
2248
2249              <h3>丸の内~有楽町~原宿</h3>
2250            </header>
2251
2252            <p>展覧会の帰りは原宿を目指すが、その前に丸の内と有楽町も散歩する。「普段履きの靴を買うぞ!」という強い決意の元、颯爽と歩き始める。暑いくらいの陽気だ。</p>
2253          </section>
2254        </a>
2255
2256
2257        <a href="/blog/vim-css3-syntax-v2.7.0">
2258          <section class="excerpt">
2259            <header>
2260              <p class="date"><time datetime="2025-04-14T11:30:15+09:00">14日</time></p>
2261
2262              <h3>vim-css3-syntax v2.7.0</h3>
2263            </header>
2264
2265            <p>定期リリースでvim-css3-syntaxのv2.7.0を出す。巷で話題のフォーム関連要素をゴリゴリいじるための仕様、Forms Level 1が公開されたので、マイナー番号が上がっている。また、リリース・ページでは更新された仕様の名前だけでなく、ちゃんとリンクを張るようにする。</p>
2266          </section>
2267        </a>
2268
2269
2270        <a href="/blog/the-sculptor-of-ultima-thule-2025-04-09">
2271          <section class="excerpt">
2272            <header>
2273              <p class="date"><time datetime="2025-04-11T12:16:01+09:00">11日</time></p>
2274
2275              <h3>タピオ・ヴィルカラ—世界の果て(東京ステーションギャラリー)</h3>
2276            </header>
2277
2278            <p>イッタラのウルティマ・ツーレを生んだタピオ・ヴィルカラの展覧会へ行く。4か月ぶりの東京ステーションギャラリーだ。他の行ったことがない美術館や博物館へも行きたいので、しばらく我慢しよう。とは思うが、次の藤田嗣治も気になってしまっている。相性が良いのか。</p>
2279          </section>
2280        </a>
2281
2282
2283        <a href="/blog/2025-04-10">
2284          <section class="excerpt">
2285            <header>
2286              <p class="date"><time datetime="2025-04-10T11:30:06+09:00">10日</time></p>
2287
2288              <h3>ブラックキャップ再設置</h3>
2289            </header>
2290
2291            <p>去年、初めてブラックキャップをばらまいた。パッケージがアレなので、アフィリエイト画像は省略する。昨夏にほとんど見ã
2291ªã‹ã£ãŸã®ã§ã€ä»Šå¹´ã‚‚再設置する。ブラックキャップは匂いがとある甘味の香りと一緒で、それを使ったお菓子を食べるときに思い出してしまうこと以外は悪くない。</p>
2292          </section>
2293        </a>
2294
2295
2296        <a href="/blog/determining-underline-position-from-line-box">
2297          <section class="excerpt">
2298            <header>
2299              <p class="date"><time datetime="2025-04-09T07:30:52+09:00">9日</time></p>
2300
2301              <h3>下線の位置を行ボックスから決定</h3>
2302            </header>
2303
2304            <p>下線の位置はフォントで決まるべきと考えていたが、考えを変えつつある。フォントによってかなりばらつきがあり、かつ、端末の描画品質にもばらつきがあるため、かなり違いが感じられることがわかり始めた。特にこのウェブサイトのようにフォントが不定な場合、印象にそこそこ差が出てしまう。</p>
2305          </section>
2306        </a>
2307
2308
2309        <a href="/blog/2025-04-08">
2310          <section class="excerpt">
2311            <header>
2312              <p class="date"><time datetime="2025-04-08T11:12:29+09:00">8日</time></p>
2313
2314              <h3>ログアウト(Firefox)、ログイン(Chrome)</h3>
2315            </header>
2316
2317            <p>重い腰を上げて、Xには常用していないChromeでログインするようにする。既定のブラウザーであるFirefoxでは、ほとんど全てのサービスをログアウトした状態で使う。日常的にログインが必要なサービス、Google Driveやら、GitHubやら、Kindle Cloud Readerやら、Xやら、これらは主にChromeでログインしっぱなしにする。支払いが必要なサービス、Amazon Payやら、ブックオフやら、ヨドバシカメラやら、えきねっとやら、これらもChromeを使うが、すぐログアウトする。</p>
2318          </section>
2319        </a>
2320
2321
2322        <a href="/blog/2025-04-07">
2323          <section class="excerpt">
2324            <header>
2325              <p class="date"><time datetime="2025-04-07T12:16:43+09:00">7日</time></p>
2326
2327              <h3>アンダーパス観察</h3>
2328            </header>
2329
2330            <p>JR相模線を潜るアンダーパスが開通したので歩きに行く。歩道と車道の間にしっかりとした柵とごつい柱が並んでおり、安全そうに見える。車道の方はかなり急激に下り、急激に上るような作りで、最深部では歩道と3mくらいの差がある。かなり速度が出るような雰囲気だ。事故多発とかにならないと良いな。</p>
2331          </section>
2332        </a>
2333
2334
2335        <a href="/blog/2025-04-04">
2336          <section class="excerpt">
2337            <header>
2338              <p class="date"><time datetime="2025-04-04T10:49:21+09:00">4日</time></p>
2339
2340              <h3>クリーニングに出すタスクの完了</h3>
2341            </header>
2342
2343            <p>今年も冬のコートをクリーニングに出す。いつも4月に入ってから出しているが、4月から値上げするそうなので、ぎりぎりに出す。概ね10%くらい上がるようだ。混んでいるかと開店10分前に行ったが、それほどでもなく、一番乗りだ。いつものようにイケアのブルー・バッグが活躍する。そろそろ取っ手が取れそうなので、買い替える必要がある。</p>
2344          </section>
2345        </a>
2346
2347
2348        <a href="/blog/testing-webkit-on-windows">
2349          <section class="excerpt">
2350            <header>
2351              <p class="date"><time datetime="2025-04-03T12:41:22+09:00">3日</time></p>
2352
2353              <h3>WebKitをWindowsでテスト</h3>
2354            </header>
2355
2356            <p>どうやら最新版のSafari相当のWebKitを、Windowsでも動かせる時代だったらしい。数年前からそうだったようだ。必要なものはWindows向けのCIビルドと必須ファイルの2つだけと、かなりお手軽だ。</p>
2357          </section>
2358        </a>
2359
2360
2361        <a href="/blog/enabling-view-transitions-in-static-website">
2362          <section class="excerpt">
2363            <header>
2364              <p class="date"><time datetime="2025-04-02T13:24:49+09:00">2日</time></p>
2365
2366              <h3>静的ウェブサイトにおけるView Transitionsの有効化</h3>
2367            </header>
2368
2369            <p>普通のウェブサイト、つまり静的なHTMLファイルだけのウェブサイトでも、いわゆるView Transitionsを有効化できるようになっている。しかし、仕様ではSPAやMPAでの話ばかりで、いまいちはっきりと書かれていない。CSSにおまじないを書くと有効化できるようだ。このウェブサイトでは一瞬採用したが、既に削除している。</p>
2370          </section>
2371        </a>
2372
2373
2374        <a href="/blog/2025-04-01">
2375          <section class="excerpt">
2376            <header>
2377              <p class="date"><time datetime="2025-04-01T19:36:59+09:00">1日</time></p>
2378
2379              <h3>S (少し) F (不思議)ドラマ</h3>
2380            </header>
2381
2382            <p>2025年3月の最終週、シーズン3を放送していた。これまでのように出演俳優が少し不思議なくらい豪華だ。来年もあると良いな。原作は101話もあるので期待できる。4月3日からはBSで再放送されるらしい。</p>
2383          </section>
2384        </a>
2385
2386          </section>
2387          <section>
2388            <h2><time datetime="2025-03">2025年3月</time></h2>
2389
2390        <a href="/blog/bye-dark-mode-until-next-time-v9.34.8">
2391          <section class="excerpt">
2392            <header>
2393              <p class="date"><time datetime="2025-03-31T12:11:29+09:00">31日</time></p>
2394
2395              <h3>さようなら、ダーク・モード、また会う日まで (v9.34.8)</h3>
2396            </header>
2397
2398            <p>このバージョンではまたダーク・モードを削除する。その内にまた追加しそうだが、3か月くらいはこのまま行きたい。他にもView Transitionsなど遊んでいたものを色々削除し、ここ数か月で20歩進んで25歩くらい戻る。また、最大幅をちょっと狭くする。細かいところでは、white-spaceプロパティーもショートハンドと捉えることにし、対応ã
2398™ã‚‹ãƒ—ロパティーに展開するようにもする。</p>
2399          </section>
2400        </a>
2401
2402
2403        <a href="/blog/usb-c-earpods">
2404          <section class="excerpt">
2405            <header>
2406              <p class="date"><time datetime="2025-03-28T12:19:32+09:00">28日</time></p>
2407
2408              <h3>USB-CのEarPods</h3>
2409            </header>
2410
2411            <p>有線イヤフォンに回帰する。なんとなくEarPodsにしてしまう。入手可能性と、値段、USB-Cで探すとこれしかなかった。近所のC smartで定価で買う。</p>
2412          </section>
2413        </a>
2414
2415
2416        <a href="/blog/2025-03-27">
2417          <section class="excerpt">
2418            <header>
2419              <p class="date"><time datetime="2025-03-27T14:53:30+09:00">27日</time></p>
2420
2421              <h3>体調2025</h3>
2422            </header>
2423
2424            <p>ここの所、鼻血以外は体調が良くてうれしい。口内炎ができた記憶がないくらいだ。風邪らしい風邪も引いていない。何が良いのかわからないが、口内炎については駄菓子をあまり食べなくなったことが大きい気がする。4月半ばくらいまでは体調を崩しやすい季節なので、このまま気を付けて生きていきたい。</p>
2425          </section>
2426        </a>
2427
2428
2429        <a href="/blog/meta-color-scheme-and-color-scheme-property">
2430          <section class="excerpt">
2431            <header>
2432              <p class="date"><time datetime="2025-03-26T11:28:47+09:00">26日</time></p>
2433
2434              <h3>metaタグのcolor-schemeとCSSのcolor-schemeプロパティー</h3>
2435            </header>
2436
2437            <p>カラー・スキームへの反応を指示するcolor-schemeは、metaタグとCSSプロパティーのどちらでも定義できる。しかし、CSSプロパティーとして書いてしまうと、HTMLのレンダリング開始が速すぎる場合、FOUCのように一瞬白くなることがある。そのためmetaタグの方が安全なようだ。このウェブサイトでもCSSに書くように変えてから、ちょくちょくフラッシュしていた。今はもうmetaタグに戻している。</p>
2438          </section>
2439        </a>
2440
2441
2442        <a href="/blog/opening-a-url-with-non-default-browser-from-wsl">
2443          <section class="excerpt">
2444            <header>
2445              <p class="date"><time datetime="2025-03-25T08:44:36+09:00">25日</time></p>
2446
2447              <h3>WSLからURLを既定ではないブラウザーで開く</h3>
2448            </header>
2449
2450            <p>既定のブラウザーがFirefoxなので、ChromeでURLを開きたい場合はスクリプトを書く必要があった。wslviewは関連付けに従って開くため、Chromeが既定のブラウザーでない場合はうまくいかない。Chromeの実行ファイルのパスとURLを引数にしても起動できないという意味だ。書くのはPowerShellでStart-Processするだけのスクリプトだ。</p>
2451          </section>
2452        </a>
2453
2454
2455        <a href="/blog/version-nine-point-thirty-four-point-seven">
2456          <section class="excerpt">
2457            <header>
2458              <p class="date"><time datetime="2025-03-24T07:54:00+09:00">24日</time></p>
2459
2460              <h3>v9.34.7</h3>
2461            </header>
2462
2463            <p>興が乗って色々いじる。内部に手を入れ、各ページの順序などを定義し、ホームにあるナビゲーションを自動生成できるようにするところから始めた。副作用としてテンプレートがすっきりするなど、良いことが多い。他にローカルにコピーしたNu Html Checkerにパスを通して実行するエイリアスを作り、HTMLファイルをテストするようにもする。あまり速くない。CSSは戻したり、直したり、追加したりだ。</p>
2464          </section>
2465        </a>
2466
2467
2468        <a href="/blog/2025-03-21">
2469          <section class="excerpt">
2470            <header>
2471              <p class="date"><time datetime="2025-03-21T12:17:13+09:00">21日</time></p>
2472
2473              <h3>バスマジックリンのエアジェット</h3>
2474            </header>
2475
2476            <p>風呂のお掃除機能が調子悪いので、バスマジックリンのエアジェットで凌いでいる。手間なしですっきり落ちるというほどではない印象だが、落ちないわけではないので悪くはない。連射ミストは使いやすい。水や、電気、ガスの節約にはなりそうだ。</p>
2477          </section>
2478        </a>
2479
2480
2481        <a href="/blog/2025-03-20">
2482          <section class="excerpt">
2483            <header>
2484              <p class="date"><time datetime="2025-03-20T11:50:15+09:00">20日</time></p>
2485
2486              <h3>ジェットストリームの1.0mmへ</h3>
2487            </header>
2488
2489            <p>
2489筆圧が弱くなったのか、ピンチ力が衰えたのか、ジェットストリームの0.7mmだと書きづらく感じることがあり、家人と同じ1.0mmに乗り換える。しかし、替え芯を買おうとしたところ、1.0mmは5本セットが売っていないことを知る。効率を求めたつもりが、失敗に終わってしまった。</p>
2490          </section>
2491        </a>
2492
2493
2494        <a href="/blog/firefox-menu-bar-and-lvh-unit">
2495          <section class="excerpt">
2496            <header>
2497              <p class="date"><time datetime="2025-03-19T11:12:42+09:00">19日</time></p>
2498
2499              <h3>WindowsでのFirefoxのメニュー・バーとlvh単位</h3>
2500            </header>
2501
2502            <p>WindowsのFirefoxでは、かなり前からメニュー・バーが既定で非表示になっている。ほぼ全てのメニュー項目にアクセスできるボタンはあるし、Altキーを押すと一時的に表示されるようになっているので、特には困らない。ただ、Altキーでメニュー・バーの表示を切り替えた時にlvh単位の基準も変化してしまうようだ。</p>
2503          </section>
2504        </a>
2505
2506
2507        <a href="/blog/2025-03-18">
2508          <section class="excerpt">
2509            <header>
2510              <p class="date"><time datetime="2025-03-18T13:37:30+09:00">18日</time></p>
2511
2512              <h3>2024年度版鼻血記録</h3>
2513            </header>
2514
2515            <p>今冬も鼻血は出た。朝食後に3度、午後に1度、その他の時間に2度の計6回だ。就寝中には1度だけで、枕を汚すほどでもなく、それほど大変ではなかった。水分を多めにとるくらいしか対処法はなく、他は鼻を優しくかむだけらしい。</p>
2516          </section>
2517        </a>
2518
2519
2520        <a href="/blog/azabudai-roppongi-2025-03-13">
2521          <section class="excerpt">
2522            <header>
2523              <p class="date"><time datetime="2025-03-17T11:39:09+09:00">17日</time></p>
2524
2525              <h3>1日で1kg増量した散歩の日</h3>
2526            </header>
2527
2528            <p>麻布台ヒルズへ散歩に行く。あんまり真面目に歩かずにパクパク食べていたら、なんやかんやで体重が1kg近く増えてしまう。都会は危険だ。</p>
2529          </section>
2530        </a>
2531
2532
2533        <a href="/blog/muji-wrinkle-nylon-pouch">
2534          <section class="excerpt">
2535            <header>
2536              <p class="date"><time datetime="2025-03-14T11:09:09+09:00">14日</time></p>
2537
2538              <h3>無印良品の片手で開くポーチ</h3>
2539            </header>
2540
2541            <p>サングラスというか、カラー・レンズのメガネを買ってから、それを入れるケースを探していたが、ようやく使い勝手の良さそうなものが見つかる。無印良品から新発売になったリンクルナイロン・シリーズの片手で開くポーチだ。色はグレーにする。パカッと開けられて、スッと仕舞える。</p>
2542          </section>
2543        </a>
2544
2545
2546        <a href="/blog/2025-03-13">
2547          <section class="excerpt">
2548            <header>
2549              <p class="date"><time datetime="2025-03-13T08:24:01+09:00">13日</time></p>
2550
2551              <h3>インターフォン玄関子機の交換</h3>
2552            </header>
2553
2554            <p>見ないことにしていたカメラの白濁化を直すため、インターフォンの玄関子機を交換する。近所の電器屋に頼み25000円くらいで直す。同じ機能性の製品に買い替えだと7万円くらいするので、許容範囲のような気がすると言い聞かせている。7型のテレビ・ドアフォンで使いやすく、子機もあるのでかなり高かったし、直せるなら直して使いたかった。次に白濁化したら防犯カメラやスマフォと連動するWiFiドアベルに交換しようと思う。</p>
2555          </section>
2556        </a>
2557
2558
2559        <a href="/blog/lh-for-vertical-ch-for-horizontal">
2560          <section class="excerpt">
2561            <header>
2562              <p class="date"><time datetime="2025-03-12T12:27:42+09:00">12日</time></p>
2563
2564              <h3>縦lh、横ch (v9.34.5)</h3>
2565            </header>
2566
2567            <p>縦方向の余白を行単位で、横方向の余白を文字単位で行うようにしてみている。安定してtext-box-trimプロパティーを使えるようになると、行・文字単位での空白制御でほぼ必要十分になるのではないだろうか。このような予測の下にrem単位からの脱却を目指し、代わりに行の高さであるlh単位や文字の幅であるch (ic)単位に置き換えている。</p>
2568          </section>
2569        </a>
2570
2571
2572        <a href="/blog/2025-03-11">
2573          <section class="excerpt">
2574            <header>
2575              <p class="date"><time datetime="2025-03-11T11:18:27+09:00">11日</time></p>
2576
2577              <h3>キャベツ系</h3>
2578            </header>
2579
2580            <p>メキャベツと菜の花の終わりと共に、他のキャベツ系が安くなってくる。高かったキャベツも250円くらいで見つかるようになり、カリフラワーも200円を切っていてモリモリ食べている。焼きそばの季節だということで、パリパリ炒めて食べる。</p>
2581          </section>
2582        </a>
2583
2584
2585        <a href="/blog/2025-03-10">
2586          <section class="excerpt">
2587            <header>
2588              <p class="date"><time datetime="2025-03-10T14:47:58+09:00">10日</time></p>
2589
2590              <h3>Surface Pro 6の後継パソコン探し</h3>
2591            </header>
2592
2593            <p>ゆるゆると新しいパソコンを探し始める。4月くらいにDellとHPからシリーズ名を一新した製品群が揃うらしいので、今見ているものを買うことはなさそうだ。それでもP3カバー率が100%のものが既にそこそこあることや、Thunderbolt 4ではないポートしかないものがあること、USB-C充電アダプターでもコンセント直挿しではないものがあることなど、パソコンの今を確認するために見て回っている。</p>
2594          </section>
2595        </a>
2596
2597
2598        <a href="/blog/marunouchi-ginza-shinbashi-minami-aoyama-harajuku-yoyogi-hachiman">
2599          <section class="excerpt">
2600            <header>
2601              <p class="date"><time datetime="2025-03-07T11:38:10+09:00">7日</time></p>
2602
2603              <h3>丸の内~銀座~新橋、南青山~原宿~代々木八幡</h3>
2604            </header>
2605
2606            <p>展覧会の前後はいつもの通り散歩だが、今回は特にどこにも寄らずただ歩く。15度を超える気温で、雲も風もなく、快適な一日だ。シャツと春用のコートだけだったが、それでも暑く感じる。何もしていない散歩なので、ただ写真を並べる。</p>
2607          </section>
2608        </a>
2609
2610
2611        <a href="/blog/moving-to-lvw-and-lvh-units">
2612          <section class="excerpt">
2613            <header>
2614              <p class="date"><time datetime="2025-03-06T12:11:35+09:00">6日</time></p>
2615
2616              <h3>lvw/lvh単位へ</h3>
2617            </header>
2618
2619            <p>描画領域の大きさを参照する単位は、当初vwとvh単位しかなかった。その後、Mobile Safariを皮切りに動的な描画領域を持つブラウザーが増えたことから、暗黙的に描画領域の最大値を参照する値となっている。lvwとlvh単位は明示的に同じ値を参照するので、これらの方が第三者にわかりやすいコードになるはずだ。実装は2022年頃に揃っている。</p>
2620          </section>
2621        </a>
2622
2623
2624        <a href="/blog/back-to-muspy">
2625          <section class="excerpt">
2626            <header>
2627              <p class="date"><time datetime="2025-03-05T13:33:31+09:00">5日</time></p>
2628
2629              <h3>Muspyに復帰</h3>
2630            </header>
2631
2632            <p>自前のスクリプトで管理していた音楽アルバムの新規リリース監視を諦め、Muspyに出戻る。自前ではMusicBrainzを週に1回くらいクロールしていた。ログインせずに使えて便利ではあるものの、フィード・リーダーで見れた方が楽かもしれないと、過去に半年くらい利用していたMuspyに出戻ることにした。</p>
2633          </section>
2634        </a>
2635
2636
2637        <a href="/blog/2025-03-04">
2638          <section class="excerpt">
2639            <header>
2640              <p class="date"><time datetime="2025-03-04T11:17:17+09:00">4日</time></p>
2641
2642              <h3>
2642Windows Helloできない状態の修正</h3>
2643            </header>
2644
2645            <p>たまに「準備中です」のままWindows Helloの顔認証が進まないことがある。どうにもならないのでPINでログインすると、Microsoft Streaming Service Proxyというデバイスがエラーを出していることが多い。これを無効化して、再度有効化するとエラーと共にデバイスが消え、無事Helloできるようになる。</p>
2646          </section>
2647        </a>
2648
2649
2650        <a href="/blog/beardsley-a-singular-prodigy-2025-02-28">
2651          <section class="excerpt">
2652            <header>
2653              <p class="date"><time datetime="2025-03-03T10:39:56+09:00">3日</time></p>
2654
2655              <h3>異端の奇才・ビアズリー展(三菱一号館美術館)</h3>
2656            </header>
2657
2658            <p>アール・ヌーヴォーで重要な人物の一人、オーブリー・ビアズリーの展覧会を見に行く。ビアズリーについては名前といくつかの絵くらいしか知らないが、好きな画風ではあるので楽しみだ。開館前から行列で、やや出鼻を挫かれる。</p>
2659          </section>
2660        </a>
2661
2662          </section>
2663          <section>
2664            <h2><time datetime="2025-02">2025年2月</time></h2>
2665
2666        <a href="/blog/2025-02-28">
2667          <section class="excerpt">
2668            <header>
2669              <p class="date"><time datetime="2025-02-28T17:50:10+09:00">28日</time></p>
2670
2671              <h3>「べらぼう」視聴継続中</h3>
2672            </header>
2673
2674            <p>面白いのかどうかよくわからないまま見続けている。今までの歴史ものと違って、まったく話の筋を知らないということもあり、新鮮に見ていられることは確かだ。ただ、主人公と相手役以外の全員がろくでなしで、まともな人が2人くらいしかおらず、うち1人は退場してしまい、登場人物の誰にも感情移入ができていない。主人公の相手役の声とオープニングの背景アニメーションがかっこいいということはわかった。</p>
2675          </section>
2676        </a>
2677
2678
2679        <a href="/blog/how-many-lines-on-a-display">
2680          <section class="excerpt">
2681            <header>
2682              <p class="date"><time datetime="2025-02-27T11:33:12+09:00">27日</time></p>
2683
2684              <h3>画面に何行入るか</h3>
2685            </header>
2686
2687            <p>文字の大きさの決定方法にはいくつかあるが、ウェブページにおいては画面の横幅を基準に行うことが多い。紙媒体での伝統を踏まえたものだ。縦横比の種類が限られ、画面の横幅から画面の大きさが推測できた時代はそれで良いが、折りたたみスマートフォンやヘッドマウンテッド・ディスプレイなども含め、多様化どころではない時代にはそぐわないように思う。どうせ横幅には制限をかけるだろうから、縦幅にどれくらい流し込むか、つまり画面に何行入るかで文字の大きさを決めたらどうだろうか。</p>
2688          </section>
2689        </a>
2690
2691
2692        <a href="/blog/2025-02-26">
2693          <section class="excerpt">
2694            <header>
2695              <p class="date"><time datetime="2025-02-26T11:57:28+09:00">26日</time></p>
2696
2697              <h3>Late Night Talesの収集完了</h3>
2698            </header>
2699
2700            <p>Late Night Talesシリーズを集め終わった。2022年に発掘して以来、数か月ごとに$8くらいのFLACを買っていた。2021年のJordan Rakeiで最後だったので助かった。全42枚あることだし、これらだけで生きていける気がしている。</p>
2701          </section>
2702        </a>
2703
2704
2705        <a href="/blog/2025-02-25">
2706          <section class="excerpt">
2707            <header>
2708              <p class="date"><time datetime="2025-02-25T12:38:23+09:00">25日</time></p>
2709
2710              <h3>部屋着の封印</h3>
2711            </header>
2712
2713            <p>部屋着をあまり着ないようにしていたが、去年くらいから真夏以外にã
2713‚‚下だけ部屋着に着替えるようになった。一昨年に買った普段着のパンツが埃をクイックルするような素材で、それに毎回ブラシを書けることが面倒になったからだ。スウェットパンツというのも抵抗があったため、秋から春は柔らか目のチノパンを着ていた。楽すぎてゴロゴロしやすすぎるので封印する。</p>
2714          </section>
2715        </a>
2716
2717
2718        <a href="/blog/text-spacing-trim-property-and-pre-element">
2719          <section class="excerpt">
2720            <header>
2721              <p class="date"><time datetime="2025-02-21T12:14:55+09:00">21日</time></p>
2722
2723              <h3>text-spacing-trimプロパティーとpre要素</h3>
2724            </header>
2725
2726            <p>日本語などの約物に含まれる空白(例えば、開き鍵括弧の左にある空白)などを文脈に応じて詰めるtext-spacing-trimプロパティーがChrome 123やEdge 123で一部実装されている。特に指定せずにいたり、:root要素などでtrim-firstなどを指定すると、初期値の関係や継承によりpre要素でも詰められる。そうすると(対応するOpenType機能であるhaltを所持している)等幅フォント(例えばNoto Sans Mono CJK JP)で描画される場合に文字位置がずれてしまう。</p>
2727          </section>
2728        </a>
2729
2730
2731        <a href="/blog/2025-02-20">
2732          <section class="excerpt">
2733            <header>
2734              <p class="date"><time datetime="2025-02-20T12:38:38+09:00">20日</time></p>
2735
2736              <h3>お湯シャンプー</h3>
2737            </header>
2738
2739            <p>お湯のみで髪を洗うようになった。人生で5回目くらいの挑戦だ。今回は半年くらい続いている。頭皮や髪の毛から油分が減りつつあるので長続きしているのかもしれない。指の腹だと今一つだったので、柔らかいシャンプー・ブラシで優しく洗っている。</p>
2740          </section>
2741        </a>
2742
2743
2744        <a href="/blog/mn-v1.9.0">
2745          <section class="excerpt">
2746            <header>
2747              <p class="date"><time datetime="2025-02-19T12:13:21+09:00">19日</time></p>
2748
2749              <h3>MN v1.9.0</h3>
2750            </header>
2751
2752            <p>思い出したようにMNを更新している。3年半ぶりくらいだ。9つのフォントを追加する。世の中すべてがバリアブル・フォントになりつつあることがよくわかる。この更新からバージョン番号を付けることにし、v1.9.0ということにする。</p>
2753          </section>
2754        </a>
2755
2756
2757        <a href="/blog/2025-02-18">
2758          <section class="excerpt">
2759            <header>
2760              <p class="date"><time datetime="2025-02-18T18:43:31+09:00">18日</time></p>
2761
2762              <h3>防犯対策補助金の獲得に失敗</h3>
2763            </header>
2764
2765            <p>テレビ・ドアホンの修理に補助金が貰えるか市役所まで聞きに行く。季節なので、市役所には人がたくさんおり、デモ会場みたいな雰囲気だ。横を素通りして上の階まで行く。ざっと聞いたところ、修理では機能が現状維持のため「防犯の強化」に当たらないということで、補助金は貰えないようだ。「先行投資すると損をしがちだな」とか捨て台詞を吐いて帰りたいが、「ですよねー」とだけ言って帰る。</p>
2766          </section>
2767        </a>
2768
2769
2770        <a href="/blog/yokohama-minatomirai-2025-02-12">
2771          <section class="excerpt">
2772            <header>
2773              <p class="date"><time datetime="2025-02-17T12:09:53+09:00">17日</time></p>
2774
2775              <h3>横浜~みなとみらい~横浜</h3>
2776            </header>
2777
2778            <p>横浜も久しぶりなので徘徊する。朝には美味しいコーヒーを淹れ、準備万端だ。豆が10gずつ小分けになっていて、10袋で1500円と高額だが、満足できる玄妙な味わいだ。9時過ぎに家を出ると気温も上がっており、散歩日和になりそうな気配を感じる。</p>
2779          </section>
2780        </a>
2781
2782
2783        <a href="/blog/welcome-back-yokohama-2025-02-12">
2784          <section class="excerpt">
2785            <header>
2786              <p class="date"><time datetime="2025-02-14T12:07:00+09:00">14日</time></p>
2787
2788              <h3>おかえり、ヨコハマ(横浜美術館)</h3>
2789            </header>
2790
2791            <p>横浜美術館が再開した。最初の展覧会は、神奈川県内の美術館・博物館からの作品を含めて横浜を辿りつつ、最後に所蔵品を蔵出しするもののようだ。会員登録なしで買ã
2791ˆã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ»ãƒã‚±ãƒƒãƒˆã§ã†ã‚Œã—い。</p>
2792          </section>
2793        </a>
2794
2795
2796        <a href="/blog/2025-02-13">
2797          <section class="excerpt">
2798            <header>
2799              <p class="date"><time datetime="2025-02-13T12:24:02+09:00">13日</time></p>
2800
2801              <h3>ニベアのリペア・エキスパート(超乾燥肌)</h3>
2802            </header>
2803
2804            <p>全身用の保湿をワセリンから変える。追いつかなくなったというよりは、並行輸入のソフトボールくらいでかくて安いワセリンのボトルが近所で売られてなくなってしまったからだ。昔使っていたミノンのボディ・ミルクはちょっと高いので、それよりは安いニベアのリペア・エキスパートで、超乾燥肌用の方にする。ミノンにも入っていたり、アトリックスの薬用クリームで調子が良い、グリチルレチン酸ステアリルなるものが主成分というあたりも考慮した。近所のスギ薬局で15%引きのクーポンを使って1402円だった。</p>
2805          </section>
2806        </a>
2807
2808
2809        <a href="/blog/2025-02-12">
2810          <section class="excerpt">
2811            <header>
2812              <p class="date"><time datetime="2025-02-12T16:02:07+09:00">12日</time></p>
2813
2814              <h3>髪を伸ばすことに失敗</h3>
2815            </header>
2816
2817            <p>久々に散髪する。11月頭くらいから伸ばしていて、毛先を揃えるだけにしようと思っていたが、やめておく。いつも通りの長さでスッキリする。乾きやすい長さだが、風邪を引きやすい長さとも言える。</p>
2818          </section>
2819        </a>
2820
2821
2822        <a href="/blog/fixing-broken-wslview">
2823          <section class="excerpt">
2824            <header>
2825              <p class="date"><time datetime="2025-02-11T11:57:18+09:00">11日</time></p>
2826
2827              <h3>Win11 24H2で動かなくなったwslviewコマンドの復帰</h3>
2828            </header>
2829
2830            <p>Windows 11を24H2に更新後、wslviewコマンドが動かなくなる。ターミナルで使うと、PowerShellのエラーで「Element not found」などと怒られる。それほど使うわけではないが、ないと困る。どうもWSL本体側の問題らしく、WSLを更新し、2.2.1以上にすると直るようだ(v2.1.5だった)。今はv2.4.10が安定版として公開されているので、wsl --updateで良い。当初は更新しても直らなくてかなり焦ったが、OSを再起動すると直った。エクスプローラーから消えていたLinuxアイコンも復帰している。</p>
2831          </section>
2832        </a>
2833
2834
2835        <a href="/blog/t-fal-26cm-frying-pan">
2836          <section class="excerpt">
2837            <header>
2838              <p class="date"><time datetime="2025-02-10T12:23:46+09:00">10日</time></p>
2839
2840              <h3>T-falの26cmフライパン</h3>
2841            </header>
2842
2843            <p>焦げ付きがひどくなったので、フライパンを買い替える。前々回は6倍長持ちのもの、前回はガス火専用の一番安いものにして、それほど持ちが変わらなかったので、安いものを買いに行く。しかし、あまり値段が変わらない3倍長持ちのIHチタン・エクセレンスにする。定価から10%引きで3443円だった。Amazonの方が安いようだ。</p>
2844          </section>
2845        </a>
2846
2847
2848        <a href="/blog/2025-02-07">
2849          <section class="excerpt">
2850            <header>
2851              <p class="date"><time datetime="2025-02-07T14:56:56+09:00">7日</time></p>
2852
2853              <h3>フィットネス・アプリの削除</h3>
2854            </header>
2855
2856            <p>ヘルスケア・アプリで十分そうなのでフィットネス・アプリを削除する。ウィジェットのためだけに使っていた。なんとなくバッジが気になってしまうし、見てしまうと達成したくなってしまう。実際、ここ1年の月間バッジは全て達成してしまったたように思う。タイムマシンが出来たら、ゲームの実績やらトロフィーやらを禁止する法律を作るために政治家に接触したい。</p>
2857          </section>
2858        </a>
2859
2860
2861        <a href="/blog/2025-02-06">
2862          <section class="excerpt">
2863            <header>
2864              <p class="date"><time datetime="2025-02-06T15:47:08+09:00">6日</time></p>
2865
2866              <h3>マンガの購読状況、2025年</h3>
2867            </header>
2868
2869            <p>去年は「BADON」、「もっけの箱庭」、「未確認で進行形」が完結した。BADONは良い終わり方だった。ドーワー王国のシリーズは是非続けて欲しい。代わりに読み始めたのã
2869¯ã€ŒCOSMOS」、「Void: No. Nine」、「J⇔M」だ。シマ・シンヤは完結後に集めていたが、ついに単行本発売と同時に買うようになった。長く活動して欲しい。アフィリエイトが乱れ飛ぶので、ハイパーリンクは割愛する。</p>
2870          </section>
2871        </a>
2872
2873
2874        <a href="/blog/2025-02-05">
2875          <section class="excerpt">
2876            <header>
2877              <p class="date"><time datetime="2025-02-05T15:08:11+09:00">5日</time></p>
2878
2879              <h3>今季初屋根霜</h3>
2880            </header>
2881
2882            <p>朝起きて雨戸を開けると、屋根に霜が降りている。2025年では初めてだと思う。ちょっと湿度が高くて、寒かったから降りたのだろう。最低気温が氷点下2度だ。寒いので朝からスープを作って食べる。</p>
2883          </section>
2884        </a>
2885
2886
2887        <a href="/blog/2025-02-04">
2888          <section class="excerpt">
2889            <header>
2890              <p class="date"><time datetime="2025-02-04T17:58:48+09:00">4日</time></p>
2891
2892              <h3>カイロが苦手</h3>
2893            </header>
2894
2895            <p>貼るにしろ貼らないにしろ、カイロを使うと、温かいところが気になって落ち着かない。局所的に温まっていると、体調が悪い気分になってしまうのかもしれない。寒い日は肌着を着込む方向で対処している。最近は暖かい肌着の選択肢が豊富でうれしい。</p>
2896          </section>
2897        </a>
2898
2899
2900        <a href="/blog/2025-02-03">
2901          <section class="excerpt">
2902            <header>
2903              <p class="date"><time datetime="2025-02-03T18:18:31+09:00">3日</time></p>
2904
2905              <h3>24H2に更新</h3>
2906            </header>
2907
2908            <p>やはりsudoコマンドが欲しいので更新する。驚くほど変わらない。ロック画面でのWindows Helloの出方が変わったかな、くらいしか気付いていない。アプリもTeamsとBingを削除したくらいだ。何もないと思いきや、wslviewコマンドが動かなくなってしまった。まだ直せていない。</p>
2909          </section>
2910        </a>
2911
2912          </section>
2913          <section>
2914            <h2><time datetime="2025-01">2025年1月</time></h2>
2915
2916        <a href="/blog/2025-01-31">
2917          <section class="excerpt">
2918            <header>
2919              <p class="date"><time datetime="2025-01-31T16:31:02+09:00">31日</time></p>
2920
2921              <h3>朝ホットケーキ</h3>
2922            </header>
2923
2924            <p>去年にホットケーキをよく作るようになって、朝にも食べるようになる。朝からまぜまぜするのも(後片付けが)大変なので、前日におやつとしてホットケーキを焼き、その時ついでにもう一枚焼いておく。レンジで温めるとあまりおいしくないので、フライパンで温め直すようにしている。玉子とトマトを載せて塩と胡椒を振り、半分に折ったら、手掴みで食べる。美味しい。おやつの方はジャムやバター・クリームを塗って食べる。美味しい。</p>
2925          </section>
2926        </a>
2927
2928
2929        <a href="/blog/2025-01-30">
2930          <section class="excerpt">
2931            <header>
2932              <p class="date"><time datetime="2025-01-30T18:16:55+09:00">30日</time></p>
2933
2934              <h3>Amazonマンガのシリーズ購読を停止</h3>
2935            </header>
2936
2937            <p>シリーズ購読をやめ、著者フォローに戻す。シリーズ購読は便利だが、同じマンガ家の新作がわからない。著者フォローは新刊がすべてメールで通知されることになっている。しかし、著者フォローでもすべて解決しない。フォローできないマンガ家がそこそこいること、たまに著者ページが分散しているマンガ家がいること、新刊の登録が遅れることがあること、などなど欠点は多い。AIで頑張って欲しい。</p>
2938          </section>
2939        </a>
2940
2941
2942        <a href="/blog/2025-01-29">
2943          <section class="excerpt">
2944            <header>
2945              <p class="date"><time datetime="2025-01-29T18:17:20+09:00">29日</time></p>
2946
2947              <h3>風呂場の修理</h3>
2948            </header>
2949
2950            <p>風呂場の調子が悪いので訪問修理を頼む。ノーリツだったが、2022年かそのあたりにシステム・バス事業から撤退してしまっており、引継ぎ先もないような雰囲気だった。さすがにサポート・センターは閉鎖されておらず、電話をかけると数日後に訪問修理に来てくれる。</p>
2951          </section>
2952        </a>
2953
2954
2955        <a href="/blog/2025-01-28">
2956          <section class="excerpt">
2957            <header>
2958              <p class="date"><time datetime="2025-01-28T15:19:00+09:00">28日</time></p>
2959
2960              <h3>light-dark()関数のSVGでの利用</h3>
2961            </header>
2962
2963            <p>CSSでlight-dark()関数を使う場合、多くの場合は:rootでcolor-schemeプロパティーを指定しておく。SVGではsvg要素などでstyle属性を使い、color-schemeプロパティーを書いておく。style要素でも良いが、ほぼ全て視覚表現のためのSVGでは、HTMLと違ってコードの断片化となり、書きづらいだろう。color-scheme属性というものはない(ようだが、変わるかもしれない)。</p>
2964          </section>
2965        </a>
2966
2967
2968        <a href="/blog/2025-01-27">
2969          <section class="excerpt">
2970            <header>
2971              <p class="date"><time datetime="2025-01-27T16:38:43+09:00">27日</time></p>
2972
2973              <h3>コンテックスの小さいバスタオル</h3>
2974            </header>
2975
2976            <p>風呂上がりのタオルを、コンテックスのフェイスタオルから小さいバスタオルに切り替える。いつものように家人が貰ってきた。ちょっと拭きやすくなったくらいと、あまり感動はない。やはりフェイスタオルの方が気楽なので、バスタオルは保管しておくことにする。</p>
2977          </section>
2978        </a>
2979
2980
2981        <a href="/blog/version-nine-point-thirty-four-point-zero">
2982          <section class="excerpt">
2983            <header>
2984              <p class="date"><time datetime="2025-01-24T14:32:45+09:00">24日</time></p>
2985
2986              <h3>v9.34.0</h3>
2987            </header>
2988
2989            <p>前景色の彩度を下げ、明度差を弱める。13くらいあったものを10くらいまで下げた。他、いつの間にか4.5を切っていたハイパーリンクの色を修正する。ついでにファビコンの色を黒(か白)に変える。本当は彩度を0%にしようかといじっていたが、やめてしまった。そこまã
2989§ç°è‰²ã¯å¥½ãã˜ã‚ƒãªã„。</p>
2990          </section>
2991        </a>
2992
2993
2994        <a href="/blog/2025-01-23">
2995          <section class="excerpt">
2996            <header>
2997              <p class="date"><time datetime="2025-01-23T15:52:13+09:00">23日</time></p>
2998
2999              <h3>トウガラシ</h3>
3000            </header>
3001
3002            <p>5年くらい前に大量に貰ったトウガラシがなくなった。生の束を貰い、干してからちびちび使っていたが、ついになくなる。スーパーや食材店では粉が多く、たまに乾燥させてあるものが売っていても、少量で高い。近所を散歩している時に野菜の無人販売所を覗いてみたら、100円でそこそこ入っているものがいくつか売っていたので、うっかり買い占める。</p>
3003          </section>
3004        </a>
3005
3006
3007        <a href="/blog/2025-01-22">
3008          <section class="excerpt">
3009            <header>
3010              <p class="date"><time datetime="2025-01-22T18:23:03+09:00">22日</time></p>
3011
3012              <h3>バッテリーの順調な回復</h3>
3013            </header>
3014
3015            <p>Surface Proのバッテリーが回復しつつある。最大容量が30000mAhくらいにまでに回復し、出荷時のおおよそ2/3まで回復した。これ以上はなかなか難しいとも思うが、十分な容量になってくれた。予定通り、買い替えは2026年の秋に設定し直す。Copilotキーが気に食わないので、MacBookにしてしまいそうだ。</p>
3016          </section>
3017        </a>
3018
3019
3020        <a href="/blog/2025-01-21">
3021          <section class="excerpt">
3022            <header>
3023              <p class="date"><time datetime="2025-01-21T15:53:45+09:00">21日</time></p>
3024
3025              <h3>展覧会のオンライン・チケット</h3>
3026            </header>
3027
3028            <p>ここの所、色々な展覧会のチケットをオンラインで買えるようになり、入場がスムースで助かっている。コンビニ受け取りと違って、発券の手間も手数料もいらない。平日限定チケットなど、割引きされるものも増えている。全体的には便利になっているが、許せないのはユーザー登録が必須のものだ。今のところユーザー登録してまで買うことはあまりない。前売りで数百円安くなる時くらいだ。</p>
3029          </section>
3030        </a>
3031
3032
3033        <a href="/blog/2025-01-20">
3034          <section class="excerpt">
3035            <header>
3036              <p class="date"><time datetime="2025-01-20T15:04:31+09:00">20日</time></p>
3037
3038              <h3>ベッドサイド・テーブル探し</h3>
3039            </header>
3040
3041            <p>何年かベッドサイド・テーブルを探している。今はただの木箱を使っている。本、スマフォ、メガネ・ケース、マグ・ボトルを置きたいので、30cm四方くらいは必要だ。ちょっと良いものはいくつか見繕い済みだが、安定が悪そうなものだったり、若干大きいものだったり、スツール60を買った方が良さそうなものだったり、決め手に欠ける。失敗してもリビングで使えそうな、HAYのDLMにする方向でお金を捻り出している。</p>
3042          </section>
3043        </a>
3044
3045
3046        <a href="/blog/2025-01-17">
3047          <section class="excerpt">
3048            <header>
3049              <p class="date"><time datetime="2025-01-17T17:48:21+09:00">17日</time></p>
3050
3051              <h3>本棚を買うか、作るか、誤魔化すか</h3>
3052            </header>
3053
3054            <p>本棚の物理的限界が近づいている。イケアのIvarシリーズで、天井くらいの高さで買おうかと考えていたりする。とりあえず文庫本を退避すれば1年くらいはどうにかなりそうなので、試しに文庫本が大量に収まるくらいのものを作ってみようかという気分にもなっている。</p>
3055          </section>
3056        </a>
3057
3058
3059        <a href="/blog/ebisu-minami-aoyama-sibuya-2025-01-08">
3060          <section class="excerpt">
3061            <header>
3062              <p class="date"><time datetime="2025-01-16T18:03:25+09:00">16日</time></p>
3063
3064              <h3>
3064恵比寿~南青山~渋谷</h3>
3065            </header>
3066
3067            <p>東京都写真美術館は恵比寿にある。相鉄線で一気に行け、かなり気楽だ。しかし、乗った電車には大声で独り言を言う人が乗っている。荷物を床に放り出していたり、全体的に雰囲気が悪い。ノイズ・キャンセリング・イヤフォンで逃げる。</p>
3068          </section>
3069        </a>
3070
3071
3072        <a href="/blog/2025-01-15">
3073          <section class="excerpt">
3074            <header>
3075              <p class="date"><time datetime="2025-01-15T15:17:30+09:00">15日</time></p>
3076
3077              <h3>かける収納で安定</h3>
3078            </header>
3079
3080            <p>Tシャツや、セーター、スウェットシャツをかける収納にして3年くらいになる。特にセーターが伸びてダメになることもなく、すっきり収納できている。ケユカで売っているマワ・ハンガーもどきのままで追加投資もあまりない。最近はセリアでも2本組が110円で売っているようだ。かけられるだけしか服を買えないこともあって、今年の目標は「服を買わない」になっている。</p>
3081          </section>
3082        </a>
3083
3084
3085        <a href="/blog/design-is-for-everybody">
3086          <section class="excerpt">
3087            <header>
3088              <p class="date"><time datetime="2025-01-14T16:37:07+09:00">14日</time></p>
3089
3090              <h3>「デザインはみんなのもの」を読んで</h3>
3091            </header>
3092
3093            <p>デザインの当たり前について疑義を投げかけるエッセイを5本収録した本だ。スイスのFuturessというオンライン・プラットフォームで公開されている記事から選ばれたものらしい。どこかで「シンプルが“良い”とされるデザイン規範」への批判があると紹介されていた。あまり批判されない部分なので気になって買う。なお普通の本屋やAmazonでは売っていないので、近場の取扱店に確認するか、公式オンライン・ストアで買うのが確実だ。</p>
3094          </section>
3095        </a>
3096
3097
3098        <a href="/blog/2025-01-13">
3099          <section class="excerpt">
3100            <header>
3101              <p class="date"><time datetime="2025-01-13T16:15:33+09:00">13日</time></p>
3102
3103              <h3>ゴルトベルグ変奏曲と一緒</h3>
3104            </header>
3105
3106            <p>年末年始はずっとグレン・グールドによるゴルトベルグ変奏曲の55年と81年を交互にリピート再生していた。今回はリチャード・パワーズの本を読んでいたからだが、そういう理由がなくても年に1度、1週間くらい聴き続けていることがある。55年の方がロックを聴いて生きてきた人間には好ましい。</p>
3107          </section>
3108        </a>
3109
3110
3111        <a href="/blog/2025-01-12">
3112          <section class="excerpt">
3113            <header>
3114              <p class="date"><time datetime="2025-01-12T17:58:44+09:00">12日</time></p>
3115
3116              <h3>メガネケーブル</h3>
3117            </header>
3118
3119            <p>2P電源ケーブルとも言われる、ノート・パソコンなどのACアダプターとコンセントをつなぐケーブルを探すのに手間取る。ノート・パソコンのUSB-C給電化が急速に進み、絶滅しつつあるらしい。そこらの家電量販店では手に入らなくなる日も近そうだ。パソコン関連よりもAV機器関連のケーブル売り場を探した方が見つかる。</p>
3120          </section>
3121        </a>
3122
3123
3124        <a href="/blog/alec-soth-a-room-of-rooms-2025-01-08">
3125          <section class="excerpt">
3126            <header>
3127              <p class="date"><time datetime="2025-01-11T08:28:03+09:00">11日</time></p>
3128
3129              <h3>アレック・ソス(東京都写真美術館)</h3>
3130            </header>
3131
3132            <p>恵比寿にアレック・ソスの展覧会を見に行く。何かの雑誌で見た時にメモしていた写真家だ。雑誌で見た写真は、背景を想像したくなるような、前後の気配が漂うものだった。</p>
3133          </section>
3134        </a>
3135
3136
3137        <a href="/blog/2025-01-10">
3138          <section class="excerpt">
3139            <header>
3140              <p class="date"><time datetime="2025-01-10T15:58:03+09:00">10日</time></p>
3141
3142              <h3>小さいコストコ</h3>
3143            </header>
3144
3145            <p>近所の商業施設にコストコの商品を売る店ができた。色々売っているようなそうでもないような感じだ。トイレットペーパーが売れ筋のようだった。一回りして何も買わずに出てくる。混みすぎだった。ほぼ居抜きでやる気のない店構えのã
3145Ÿã‚ã€æ°—付くとなくなっていそうだ。赤ちゃんくらいあるポテトチップスの大袋は一度買ってみたい。</p>
3146          </section>
3147        </a>
3148
3149
3150        <a href="/blog/2025-01-09">
3151          <section class="excerpt">
3152            <header>
3153              <p class="date"><time datetime="2025-01-09T18:17:24+09:00">9日</time></p>
3154
3155              <h3>商業施設の閉鎖</h3>
3156            </header>
3157
3158            <p>そこそこ近くにある商業施設が閉鎖する。最寄り駅方面ではないので行ったことはないものの、ここの10年後の姿という可能性もあり、他人事ではない。川口そごうのように後釜が決まれば良いと思うが、駅から遠い立地なので難しそうだ。近くに相鉄が分譲した大規模な住宅地があるようなので、責任を取ってスーパーを作ってあげて欲しい。</p>
3159          </section>
3160        </a>
3161
3162
3163        <a href="/blog/2025-01-07">
3164          <section class="excerpt">
3165            <header>
3166              <p class="date"><time datetime="2025-01-07T15:45:54+09:00">7日</time></p>
3167
3168              <h3>メキャベツ探索</h3>
3169            </header>
3170
3171            <p>冬の野菜で好きなチヂミホウレンソウとチコリーは見つけて食べたが、メキャベツが見つからない。高い八百屋がなくなって、変わった野菜の入手難度が激増している。商業施設にあるガレット屋に少し変わった野菜が売っているので、そこに期待するしかなさそうだが、メキャベツは見当たらない。冷凍で我慢するしかないのかもしれない。</p>
3172          </section>
3173        </a>
3174
3175
3176        <a href="/blog/vim-css3-syntax-v2.6.0">
3177          <section class="excerpt">
3178            <header>
3179              <p class="date"><time datetime="2025-01-06T15:36:11+09:00">6日</time></p>
3180
3181              <h3>vim-css3-syntax v2.6.0</h3>
3182            </header>
3183
3184            <p>定期リリースでvim-css3-syntaxのv2.6.0を出した。新しい仕様はOverflow Module Level 5と、Color HDR Module Level 1、Display Module Level 4、Multi-column Layout Module Level 2と、盛り沢山だ。またValues and Units Module Level 5が更新され、if()関数とinherit()関数が追加されている。</p>
3185          </section>
3186        </a>
3187
3188
3189        <a href="/blog/version-nine-point-thirty-three-six">
3190          <section class="excerpt">
3191            <header>
3192              <p class="date"><time datetime="2025-01-05T14:09:06+09:00">5日</time></p>
3193
3194              <h3>v9.33.6</h3>
3195            </header>
3196
3197            <p>引用の文字を小さくした。紙の本では5割くらいでそうなっているような気がする。同じ大きさだと、引用でだけ1行の情報量が減ってしまうこと、余白だけでは1行空けただけかどうかわかりづらいこと、などが理由になる。この観点だとコードも小さくするべきなような気がしないでもない。</p>
3198          </section>
3199        </a>
3200
3201
3202        <a href="/blog/manifesto-2025">
3203          <section class="excerpt">
3204            <header>
3205              <p class="date"><time datetime="2025-01-04T11:43:33+09:00">4日</time></p>
3206
3207              <h3>2025年の目標</h3>
3208            </header>
3209
3210            <p>今年の目標を「服を買わない」に設定する。着なくなった服の処分も終わり、ワードローブも安定してきたように思うので、1年くらい買わずに過ごしてみたい。それが数年続けば、同じ(ような)服に買い替え続けるくらいまで解脱できると思う。</p>
3211          </section>
3212        </a>
3213
3214          </section>
3215          <section id="2024">
3216            <h2><time datetime="2024-12">2024年12月</time></h2>
3217
3218        <a href="/blog/2024-12-28">
3219          <section class="excerpt">
3220            <header>
3221              <p class="date"><time datetime="2024-12-28T12:49:32+09:00">28日</time></p>
3222
3223              <h3>2024年末2025年始</h3>
3224            </header>
3225
3226            <p>年末年始なのでしばらく休む。今年はリチャード・パワーズの「黄金虫変奏曲」を読んでいる。広辞苑くらい厚いので、書見台が欲しくなっている。そういえば本棚も欲しいんだった。面倒になってきたã
3226®ã§ã‚¤ã‚±ã‚¢ã®Ivarで誤魔化そうかなと考え始めている。</p>
3227          </section>
3228        </a>
3229
3230
3231        <a href="/blog/2024-12-27">
3232          <section class="excerpt">
3233            <header>
3234              <p class="date"><time datetime="2024-12-27T16:27:57+09:00">27日</time></p>
3235
3236              <h3>新しい魚屋</h3>
3237            </header>
3238
3239            <p>近所の商業施設内にある食料品売り場の改装が終わり、最後に魚屋と八百屋が開店した。八百屋は普通の八百屋で、ニンジンの1本売りなどもあり、値段もそこそこだ。魚屋は刺身と寿司が多く、あとは冷凍や調理済みという感じで、切り身や丸ごとの「鮮魚」があまりない。ちょっと残念だが、刺身はおいしそうだ。</p>
3240          </section>
3241        </a>
3242
3243
3244        <a href="/blog/2024-12-26">
3245          <section class="excerpt">
3246            <header>
3247              <p class="date"><time datetime="2024-12-26T17:56:53+09:00">26日</time></p>
3248
3249              <h3>貸金庫の確認</h3>
3250            </header>
3251
3252            <p>特に何も盗まれていなかった。色々確認すると、古い紙幣や、硬貨、戦前の国債証書、曾祖父の郵便貯金、などが発見される。古いパスポートなども含め、いくつか処分し、箱に少し余裕ができる。箱の蓋を確認したところ、確かに南京錠を付けられるようになっている。</p>
3253          </section>
3254        </a>
3255
3256
3257        <a href="/blog/2024-12-25">
3258          <section class="excerpt">
3259            <header>
3260              <p class="date"><time datetime="2024-12-25T17:58:12+09:00">25日</time></p>
3261
3262              <h3>ダイソーの泡シール剥がし</h3>
3263            </header>
3264
3265            <p>泡だとあまり垂れないので、かけすぎなくなる。スプレーより便利そうに感じるが、結局塗り込むのでどっちもどっちかもしれない。残った接着剤のみに使う場合は、ピンポイントでかけられる泡の方が便利だ。</p>
3266          </section>
3267        </a>
3268
3269
3270        <a href="/blog/2024-12-24">
3271          <section class="excerpt">
3272            <header>
3273              <p class="date"><time datetime="2024-12-24T18:19:47+09:00">24日</time></p>
3274
3275              <h3>2025年のカレンダー</h3>
3276            </header>
3277
3278            <p>来年はマティスのカレンダーにする。MoMA Design Storeで売っていたが、もう売り切れのようだ。11月の始めに表参道の店に行った時にもなかった。その時はたまたまかと思っていたが、どうも人気があったようだ。今年は展覧会が多かったからかもしれない。</p>
3279          </section>
3280        </a>
3281
3282
3283        <a href="/blog/2024-12-23">
3284          <section class="excerpt">
3285            <header>
3286              <p class="date"><time datetime="2024-12-23T18:16:59+09:00">23日</time></p>
3287
3288              <h3>でかいサツマイモ</h3>
3289            </header>
3290
3291            <p>来年のおせちを作る材料を集め始めている。富澤商店が移転縮小し、黒豆の入手に難があったが、無事手に入った。栗やごまめも必要な分だけ手に入った。クリスマス前に買えるものはサツマイモくらいかなと、探しているが、でかいサツマイモがまったく見当たらない。いつもの2/3くらいの太さのものをとりあえず買ったが、引き続き15cm近い太さのものを探したい。</p>
3292          </section>
3293        </a>
3294
3295
3296        <a href="/blog/2024-12-21">
3297          <section class="excerpt">
3298            <header>
3299              <p class="date"><time datetime="2024-12-21T15:48:15+09:00">21日</time></p>
3300
3301              <h3>温かい下着に</h3>
3302            </header>
3303
3304            <p>冬日もちょくちょくある予報になってきたので、下着をウール混の長袖Tシャツに変える。去年は半袖Tシャツで冬を越せたが、今年はタイツも出すことになりそうだ。もう5年くらい着ているので、来年くらいには買い替えかもしれない。ずいぶんと値段が上がってしまっている。綿100%のもので妥協するしかなさそうだ。</p>
3305          </section>
3306        </a>
3307
3308
3309        <a href="/blog/2024-12-20">
3310          <section class="excerpt">
3311            <header>
3312              <p class="date"><time datetime="2024-12-20T18:16:23+09:00">20日</time></p>
3313
3314              <h3>せかほし1stシーズン</h3>
3315            </header>
3316
3317            <p>2024年の秋くらいから、NHK BSで木曜日に世界はほしいモノにあふれてるの再放送が始まっている。25分に再編集したもので、いくつか見たような記憶がありつつ、見ていないものもあって再放送で見れるのはうれしい。オンデマンドにもない。三浦春馬が喋って動いていて、衝撃を受け、もういないことにもう一度衝撃を受けてしまう。気を取り直して12月24日の新作を楽しみにしよう。</p>
3318          </section>
3319        </a>
3320
3321
3322        <a href="/blog/2024-12-19">
3323          <section class="excerpt">
3324            <header>
3325              <p class="date"><time datetime="2024-12-19T15:52:23+09:00">19日</time></p>
3326
3327              <h3>バッテリーの消耗度</h3>
3328            </header>
3329
3330            <p>バッテリーの調子が悪いので、いろいろ見ている。SurfaceだとSurface Diagnostic Toolkitで見れる。最大容量が出荷時の43%ã
3330«ã¾ã§æ¸›ã£ã¦ã„たが、最近になって一気に下がったようだ。少し前までは65%くらいはあったようなログだ。</p>
3331          </section>
3332        </a>
3333
3334
3335        <a href="/blog/elecom-esd-epa0250gsv">
3336          <section class="excerpt">
3337            <header>
3338              <p class="date"><time datetime="2024-12-18T16:00:17+09:00">18日</time></p>
3339
3340              <h3>エレコムのC/A両対応なSSDサムドライブ(ESD-EPA0250GSV)</h3>
3341            </header>
3342
3343            <p>ちょっとしたデータのバックアップと移動のためにUSB-AとUSB-CでつなげられるSSDを買う。形状もいくつかあるがドングルだと面倒な気がするので、サムドライブ型でカバーを回すと端子が切り替わるものにする。近所のノジマで6678円だった。</p>
3344          </section>
3345        </a>
3346
3347
3348        <a href="/blog/2024-12-17">
3349          <section class="excerpt">
3350            <header>
3351              <p class="date"><time datetime="2024-12-17T18:23:43+09:00">17日</time></p>
3352
3353              <h3>Surface Pro 6が充電できない</h3>
3354            </header>
3355
3356            <p>2日前から「充電中 0%」から動かない。電源ケーブルをつないでいれば普通に使える。昨日は昼くらいに一旦100%に復帰したが、今日は何をやってもどうにもならない。伝家の宝刀の20秒電源ボタン長押しでも直らず、ついにリセットしなくてはならないような気配がある。</p>
3357          </section>
3358        </a>
3359
3360
3361        <a href="/blog/2024-12-16">
3362          <section class="excerpt">
3363            <header>
3364              <p class="date"><time datetime="2024-12-16T19:26:34+09:00">16日</time></p>
3365
3366              <h3>踏切の音</h3>
3367            </header>
3368
3369            <p>最寄り駅に行くまでにある踏切の音が小さくなった気がしている。どうも遮断機が降り切ると小さくなるようだ。しばらく前に工事をしていたのはなんとなく見ていたので、それで変わったのかもしれない。ちょっと離れると聞こえなくなるので、周辺に住んでいる人はそれなりに喜んでいそうだ。</p>
3370          </section>
3371        </a>
3372
3373
3374        <a href="/blog/2024-12-15">
3375          <section class="excerpt">
3376            <header>
3377              <p class="date"><time datetime="2024-12-15T17:33:08+09:00">15日</time></p>
3378
3379              <h3>丸の内散歩</h3>
3380            </header>
3381
3382            <p>東京ステーションギャラリーへ行った際、丸の内をうろうろする。行ってみたかったレストランに間に合うよう、10:30くらいに東京駅に向かう。横浜駅で東海道線が5分くらい止まるも、そこそこ順調に到着する。まずはレストランに並びに行く。日が出ている上、風もあまりなく、良い陽気だ。</p>
3383          </section>
3384        </a>
3385
3386
3387        <a href="/blog/terence-conran-making-modern-britain-2024-12-11">
3388          <section class="excerpt">
3389            <header>
3390              <p class="date"><time datetime="2024-12-14T14:00:56+09:00">14日</time></p>
3391
3392              <h3>テレンス・コンラン(東京ステーションギャラリー)</h3>
3393            </header>
3394
3395            <p>今年最後の展覧会はテレンス・コンランにする。少し前にぱらぱらと眺めた彼の書いている本が面白かったので、ちょっと見てみたい。なんだかんだで東京ステーションギャラリーへはよく行く。行きやすいからか。</p>
3396          </section>
3397        </a>
3398
3399
3400        <a href="/blog/2024-12-13">
3401          <section class="excerpt">
3402            <header>
3403              <p class="date"><time datetime="2024-12-13T17:58:10+09:00">13日</time></p>
3404
3405              <h3>SparkとMicrosoft To Do</h3>
3406            </header>
3407
3408            <p>iPhoneに戻ってからiOSのメールとリマインダーを使っていた。あまり困らないものの、Windowsなのでリマインダーをブラウザーから使っているあたりが面倒になってきた。WindowsとiOSの両方にアプリがあるものにしようとSparkとMicrosoft To Doにする。メールの移行は簡単だが、リマインダーの移行は地獄だ。iRemフォーマットとかないものか。</p>
3409          </section>
3410        </a>
3411
3412
3413        <a href="/blog/2024-12-12">
3414          <section class="excerpt">
3415            <header>
3416              <p class="date"><time datetime="2024-12-12T18:07:44+09:00">12日</time></p>
3417
3418              <h3>アンダーパスの開通までもう少し</h3>
3419            </header>
3420
3421            <p>今年度末に開通するらしいアンダーパスを眺めている。アンダーパスは「underpass」で「path」ではないことも知る。駅を挟んで1km以上、踏切も立体交差もない線路の下にã
3421§ãã‚‹ã€‚多少は混雑緩和につながるようだが、混雑の原因である商業施設の駐車場とはそこそこ離れているので、あまり期待はできない。</p>
3422          </section>
3423        </a>
3424
3425
3426        <a href="/blog/2024-12-10">
3427          <section class="excerpt">
3428            <header>
3429              <p class="date"><time datetime="2024-12-10T18:05:02+09:00">10日</time></p>
3430
3431              <h3>タカギの水栓用浄水カートリッジ</h3>
3432            </header>
3433
3434            <p>春頃にキッチンの水栓が壊れかけたので、タカギの水栓に変えてもらった。シャワー・ヘッドは浄水器付きの水栓しかなく、定期的にカートリッジの交換が必要になる。家電量販店や、ホームセンター、公式のオンラインストアですら単品の扱いはなく、必ず定期お届けサービスを契約しなくてはならない。儲かるからこういう形態になっているわけではなさそうだが、せめて公式のオンラインストアや水栓の取り扱いがあるホームセンターでは売っていて欲しい。数か月ごとに4000から5000円も払うのも馬鹿々々しいので、効果切れのあたりで外した。</p>
3435          </section>
3436        </a>
3437
3438
3439        <a href="/blog/2024-12-09">
3440          <section class="excerpt">
3441            <header>
3442              <p class="date"><time datetime="2024-12-09T18:18:53+09:00">9日</time></p>
3443
3444              <h3>iCloud写真のオフ</h3>
3445            </header>
3446
3447            <p>iPhoneに戻ってからiCloud写真をオフにするのを忘れており、5GBのストレージが残り1GBくらいになってしまう。単にオフにするだけだとiPhoneのバックアップに写真が含まれてしまうので、そちらもオフにしないといけないことを学ぶ。容量が足りずバックアップが失敗し、気づくことになった。今は写真もiCloudからは全て削除したので、500MBくらいに収まっている。</p>
3448          </section>
3449        </a>
3450
3451
3452        <a href="/blog/2024-12-08">
3453          <section class="excerpt">
3454            <header>
3455              <p class="date"><time datetime="2024-12-08T18:19:36+09:00">8日</time></p>
3456
3457              <h3>ソテツの実</h3>
3458            </header>
3459
3460            <p>しばらく前にできたマンションの入り口に、かなり広い前庭ある。その植栽に背の低い、1mくらいのソテツがあり、実をつけているようだった。初めて見たので本当に実かどうかわからない。実だとしたらその前に花が咲いていたのかもしれず、見てみたかった。</p>
3461          </section>
3462        </a>
3463
3464
3465        <a href="/blog/2024-12-07">
3466          <section class="excerpt">
3467            <header>
3468              <p class="date"><time datetime="2024-12-07T16:11:00+09:00">7日</time></p>
3469
3470              <h3>近所の天ぷら屋</h3>
3471            </header>
3472
3473            <p>月に1回くらいの外での夕ご飯に天ぷら屋に行った。ごはんとみそ汁だけ最初に出てきて、3回くらいに分けて揚げたての天ぷらがやってくる。豚肉、エビ、牡蠣、イワシつみれ、サツマイモ、マイタケ、白ナス、エビ、あんこ玉だった。軽めの油のようで、サッパリサクサクおいしい。中がトロトロの白ナスとごろっとした塊のマイタケが大当たりだったので、家でもやりたい。</p>
3474          </section>
3475        </a>
3476
3477
3478        <a href="/blog/2024-12-06">
3479          <section class="excerpt">
3480            <header>
3481              <p class="date"><time datetime="2024-12-06T16:26:53+09:00">6日</time></p>
3482
3483              <h3>先月最後の催し物はフリー・マーケット</h3>
3484            </header>
3485
3486            <p>11月の末日に駅前でフリー・マーケットが行われていたので覗く。商業施設の完成後、いろいろ催し物をやるようになったが、フリー・マーケットは初めて見たような気がする。洋服が多い。ミッド・センチュリーの家具が5万円くらいで売っていたりもした。ずっと探している冷やし中華に丁度良さそうなガラス皿はなかった。</p>
3487          </section>
3488        </a>
3489
3490
3491        <a href="/blog/2024-12-05">
3492          <section class="excerpt">
3493            <header>
3494              <p class="date"><time datetime="2024-12-05T18:39:13+09:00">5日</time></p>
3495
3496              <h3>割引→返品</h3>
3497            </header>
3498
3499            <p>
3499ブラック・フライデーの4割引で買ったものを一部を返品してしまう。セール品というではなかったので返品できた。セールっぽい時期は事前に高級店で物欲を浄化しないと失敗する。5年に1度くらい返品はしてしまうな、と思ったが、今年は3回目(かご、モバイル・バッテリー、コート)だった。もっと慎重にならなくてはいけない。</p>
3500          </section>
3501        </a>
3502
3503
3504        <a href="/blog/2024-12-04">
3505          <section class="excerpt">
3506            <header>
3507              <p class="date"><time datetime="2024-12-04T19:34:45+09:00">4日</time></p>
3508
3509              <h3>53x37.5のポスター</h3>
3510            </header>
3511
3512            <p>雑誌に付いていたポスターが53x37.5だった。画用紙かと思ったが微妙に違う大きさだ。ちょっと探すとジグソーパズルでよくあるサイズらしい53x38が近い。近所のおもちゃ屋ではあまり良いものがなかったので、ヨドバシカメラで探して見つける。あせって注文しなくて良かった。無事に額装でき、壁の変なものを隠せた。</p>
3513          </section>
3514        </a>
3515
3516
3517        <a href="/blog/2024-12-03">
3518          <section class="excerpt">
3519            <header>
3520              <p class="date"><time datetime="2024-12-03T16:46:47+09:00">3日</time></p>
3521
3522              <h3>ケーキ屋不足</h3>
3523            </header>
3524
3525            <p>地元にあったフルーツ・タルトの店でよくタルトを買っていた。今はもう地元にはないので、新宿で買ったりしている。しかし今度は店のある新宿ミロードも閉まるので、武蔵小杉まで行かないと買えなくなってしまう。最寄り駅には商業施設も増え、たいていの食べ物屋はあるが、おいしいケーキ屋がひとつしかない。</p>
3526          </section>
3527        </a>
3528
3529
3530        <a href="/blog/2024-12-02">
3531          <section class="excerpt">
3532            <header>
3533              <p class="date"><time datetime="2024-12-02T15:57:16+09:00">2日</time></p>
3534
3535              <h3>体重体組成計が不調</h3>
3536            </header>
3537
3538            <p>オムロンの体重体組成計で毎日計っているが、一発で体脂肪などが計測できないことがよくある。乗る位置を工夫してどうにかしている。買ってから6年弱のようだ。アプリがサポートしなくなるか、もう6年くらいか、だましだまし使いたい。</p>
3539          </section>
3540        </a>
3541
3542
3543        <a href="/blog/2024-12-01">
3544          <section class="excerpt">
3545            <header>
3546              <p class="date"><time datetime="2024-12-01T15:42:52+09:00">1日</time></p>
3547
3548              <h3>プログライド替刃が273円/個</h3>
3549            </header>
3550
3551            <p>Amazonのブラック・フライデーでプログライドの替刃を安く手に入れる。使わない本体付きの方が安い魔法がかかっているようだ。クーポンや定期おトク便も駆使すると、4382円まで下がる。16個入りなので、しばらく髭剃りについて考えずに済みそうだ。</p>
3552          </section>
3553        </a>
3554
3555          </section>
3556          <section>
3557            <h2><time datetime="2024-11">2024年11月</time></h2>
3558
3559        <a href="/blog/leo-lionni-and-his-circle-of-friends-2024-11-26">
3560          <section class="excerpt">
3561            <header>
3562              <p class="date"><time datetime="2024-11-30T16:25:26+09:00">30日</time></p>
3563
3564              <h3>レオ・レオーニと仲間たち(板橋区立美術館)</h3>
3565            </header>
3566
3567            <p>谷川俊太郎も死んだことだし、スイミーなどの絵本を書いたレオ・レオーニの展覧会を見に行く。家には「あおくんときいろちゃん」があったように思う。遠そうでなかなか行く気になれなかった板橋区立美術館へも行ける。</p>
3568          </section>
3569        </a>
3570
3571
3572        <a href="/blog/2024-11-29">
3573          <section class="excerpt">
3574            <header>
3575              <p class="date"><time datetime="2024-11-29T18:20:37+09:00">29日</time></p>
3576
3577              <h3>芝エビのリゾット</h3>
3578            </header>
3579
3580            <p>季節になって芝エビがよく売っているので、リゾットを作る。この辺りで芝エビは11月の下旬から12月の上旬くらいしか見ない。店で食べるような感じにはなかなか仕上がらないが、コメのせいだろう。おいしい。無限に食べられそうな気がするが、雑炊と同じで腹の中で膨らむ感じがあり、控えめにしておいた。</p>
3581          </section>
3582        </a>
3583
3584
3585        <a href="/blog/2024-11-28">
3586          <section class="excerpt">
3587            <header>
3588              <p class="date"><time datetime="2024-11-28T12:55:56+09:00">28日</time></p>
3589
3590              <h3>投稿忘れ</h3>
3591            </header>
3592
3593            <p>
3593昨日、投稿することを忘れたので、忘れたという記事を書く。ご飯の後に押入れを整理していたら忘れた。前日の記事として投稿したい場合は、前日の日付をIDにして下書きを書くとURLだけは前日っぽくなるが、投稿日時と食い違うのでやってはいけないことにする。</p>
3594          </section>
3595        </a>
3596
3597
3598        <a href="/blog/2024-11-26">
3599          <section class="excerpt">
3600            <header>
3601              <p class="date"><time datetime="2024-11-26T16:45:58+09:00">26日</time></p>
3602
3603              <h3>MONKEY Vol. 6</h3>
3604            </header>
3605
3606            <p>たまにスイッチ・パブリッシングのMONKEYを買う。短編小説が好きなので、いろいろ読めて気に入っている。といっても新刊を定価で買うわけではなく、まとめて古本を買う時に安い号を買っており、3、6、7、11、15、19、27と7冊目になる。今回はVol. 6を550円で手に入れた。</p>
3607          </section>
3608        </a>
3609
3610
3611        <a href="/blog/2024-11-25">
3612          <section class="excerpt">
3613            <header>
3614              <p class="date"><time datetime="2024-11-25T17:52:27+09:00">25日</time></p>
3615
3616              <h3>ゆず2024</h3>
3617            </header>
3618
3619            <p>今年も大量だった。具体的には来年の今頃まで1日1つ風呂に浮かべられるくらいだ。数だけでなく、大きめで、今年の日当たりの良さを反映している。</p>
3620          </section>
3621        </a>
3622
3623
3624        <a href="/blog/2024-11-24">
3625          <section class="excerpt">
3626            <header>
3627              <p class="date"><time datetime="2024-11-24T18:00:48+09:00">24日</time></p>
3628
3629              <h3>今年のハンドクリーム</h3>
3630            </header>
3631
3632            <p>愛用していた高めのハンドクリームが肌に合わなくなる。全体的に指が腫れる。同じブランドの別のものにして、それも合わなかったら懐に悲劇的なので、安いものでしのぐことにする。体調のã
3632›ã„かもしれないので、半月後くらいに戻ってみようとは思っている。</p>
3633          </section>
3634        </a>
3635
3636
3637        <a href="/blog/2024-11-23">
3638          <section class="excerpt">
3639            <header>
3640              <p class="date"><time datetime="2024-11-23T18:04:31+09:00">23日</time></p>
3641
3642              <h3>エイビイ</h3>
3643            </header>
3644
3645            <p>最寄り駅付近にはスーパーが6店もある。それぞれに特色があり、使い分けているが、最近はエイビイ(ほぼ神奈川にしかない)で買うことが多い。カートを押した人が3人横並びで通れるくらい通路が広いところがお気に入りだ。他にも出来合いの惣菜を売っていないので妙な匂いがしないとか、とってつけたようなBGMやCMなどがまったくなくざわざわしているだけとか、雰囲気が悪くない。</p>
3646          </section>
3647        </a>
3648
3649
3650        <a href="/blog/2024-11-22">
3651          <section class="excerpt">
3652            <header>
3653              <p class="date"><time datetime="2024-11-22T17:52:18+09:00">22日</time></p>
3654
3655              <h3>4割引き!</h3>
3656            </header>
3657
3658            <p>ブラック・フライデーの40%引きに踊らされ、コートを買ってしまう。11月の頭くらいから2月の頭くらいまで、ずっとセールをやっているような世界になってしまった。それに応じた定価設定になっているのかなと勘ぐってしまうし、定価で買うことが馬鹿々々しくなってしまうので、ほどほどにして欲しくはある。</p>
3659          </section>
3660        </a>
3661
3662
3663        <a href="/blog/css-a-little-bit">
3664          <section class="excerpt">
3665            <header>
3666              <p class="date"><time datetime="2024-11-16T09:33:59+09:00">16日</time></p>
3667
3668              <h3>CSS少々(v9.33.3)</h3>
3669            </header>
3670
3671            <p>古い記事をCSSなしにしたが、それでは見づらいことがままある。CSSとmeta要素の力で、見づらくはない程度に手を入れる。ただ、「見やすくする」という観点だと、元々のスタイルの劣化版になってしまう。そこでどうしようもないものだけどうにかしていく。</p>
3672          </section>
3673        </a>
3674
3675
3676        <a href="/blog/how-should-old-articles-show">
3677          <section class="excerpt">
3678            <header>
3679              <p class="date"><time datetime="2024-11-03T11:24:15+09:00">3日</time></p>
3680
3681              <h3>古い記事はどう表示されるべきか(v9.33.2)</h3>
3682            </header>
3683
3684            <p>古い記事は直感的に古いことがわかると良い。この雑記では古い記事かどうかは日付を読めばわかるようになっていたが、それ以外には知る方法がない。古くなるにつれ文字がだんだん薄くなり、そのうち読めなくなるというような試みをしていたブログを見かけた記憶があるが、読めないのも良くないだろう(試みとしてはすごく好きだ)。かといって「古い記事です!」という注意書きを載せると、「日付も読めないと思っているのか、けしからん!」と怒られそうな気がしないでもない。それはともかく注意書きの類は嫌いなので、何が何でも載せたくない。</p>
3685          </section>
3686        </a>
3687
3688          </section>
3689          <section>
3690            <h2><time datetime="2024-10">2024年10月</time></h2>
3691
3692        <a href="/blog/kofu-2024-10-24">
3693          <section class="excerpt">
3694            <header>
3695              <p class="date"><time datetime="2024-10-26T18:20:18+09:00">26日</time></p>
3696
3697              <h3>墓参り(2024-10-24)</h3>
3698            </header>
3699
3700            <p>涼しくなってきたので、寒くならないうちに墓参りに行く。雨が多い時期で、天気が読めないので前日に決める。さすがに翌日の予想は外れず、一日中降られずに済む。</p>
3701          </section>
3702        </a>
3703
3704
3705        <a href="/blog/anker-a1383">
3706          <section class="excerpt">
3707            <header>
3708              <p class="date"><time datetime="2024-10-21T11:46:07+09:00">21日</time></p>
3709
3710              <h3>
3710Ankerのケーブル付きモバイル・バッテリー</h3>
3711            </header>
3712
3713            <p>5000mAhだと災害時に足りないと思うようになり、20000mAhのモバイル・バッテリーに買い替える。ついでに思いきって45W出力が可能なものを探し、最終的に白いAnkerの新製品にする。ヨドバシカメラで7990円だった。Anker製品はポイント還元が1%になっており、かつQUICPayだと0%になるらしい。</p>
3714          </section>
3715        </a>
3716
3717
3718        <a href="/blog/beads-around-the-world-2024-10-01">
3719          <section class="excerpt">
3720            <header>
3721              <p class="date"><time datetime="2024-10-12T12:29:27+09:00">12日</time></p>
3722
3723              <h3>世界のビーズ(文化学園服飾博物館)</h3>
3724            </header>
3725
3726            <p>新宿の行ったことがない博物館を覗きに行く。新宿駅の方から甲州街道を少し西へ歩いたところにある文化学園服飾博物館だ。雨模様で気温もぐっと下がり、無限に歩けそうな気がする。</p>
3727          </section>
3728        </a>
3729
3730
3731        <a href="/blog/vim-css3-syntax-v2.5.0">
3732          <section class="excerpt">
3733            <header>
3734              <p class="date"><time datetime="2024-10-07T06:59:47+09:00">7日</time></p>
3735
3736              <h3>vim-css3-syntax v2.5.0</h3>
3737            </header>
3738
3739            <p>今回の定期リリースの目玉はcalc-size()関数やinterpolate-sizeプロパティーが定義され始めたValues and Units ModuleのLevel 5だ。またGrid Layout ModuleのLevel 3ではmasonryも定義され始めている。新しい仕様が4つ加わったため、変更点はなかなか多い。</p>
3740          </section>
3741        </a>
3742
3743          </section>
3744          <section>
3745            <h2><time datetime="2024-09">2024年9月</time></h2>
3746
3747        <a href="/blog/ainex-cdc-surf-15">
3748          <section class="excerpt">
3749            <header>
3750              <p class="date"><time datetime="2024-09-24T15:42:25+09:00">24日</time></p>
3751
3752              <h3>AinexのSurface用USB-C電源ケーブル</h3>
3753            </header>
3754
3755            <p>Surface Pro 6の充電に使っていたCIOのケーブルはコネクターが割れ、Sisyphyのケーブルが通電しなくなり、持ち歩き用にしていたYazawaの変換コネクターでしのいでいた。いい加減買い直そうとAmazonを見ていたところ、スキマ製品に定評のあるAinexが新製品として出しており、丁度良いので買ってみる。Amazonで1345円だ。同様のものは1000円から2000円くらいなので、手ごろな価格と言える。</p>
3756          </section>
3757        </a>
3758
3759
3760        <a href="/blog/showa-modern-2024-09-10">
3761          <section class="excerpt">
3762            <header>
3763              <p class="date"><time datetime="2024-09-13T18:02:40+09:00">13日</time></p>
3764
3765              <h3>昭和モダーン(泉屋博古館東京)</h3>
3766            </header>
3767
3768            <p>板谷波山の子、板谷梅樹の展覧会を見に、泉屋博古館東京へ行く。陶器ではなくモザイクだ。波山の廃棄する陶片から作られたモザイクという話で興味を持つ。泉屋博古館東京には行ってみたかったので丁度良い。</p>
3769          </section>
3770        </a>
3771
3772          </section>
3773          <section>
3774            <h2><time datetime="2024-08">2024年8月</time></h2>
3775
3776        <a href="/blog/anker-eufy-security-smartcard-tracker">
3777          <section class="excerpt">
3778            <header>
3779              <p class="date"><time datetime="2024-08-30T12:13:12+09:00">30日</time></p>
3780
3781              <h3>AnkerのEufy Security SmartCard Tracker</h3>
3782            </header>
3783
3784            <p>再びBluetoothトラッカーを買った。まずは財布に使いたかったので、Ankerのカード型にする。近所で箱潰れ品を2970円で買えただけで、こだわりはない。</p>
3785          </section>
3786        </a>
3787
3788
3789        <a href="/blog/pg-knock">
3790          <section class="excerpt">
3791            <header>
3792              <p class="date"><time datetime="2024-08-25T07:12:54+09:00">25日</time></p>
3793
3794              <h3>pgのKnock</h3>
3795            </header>
3796
3797            <p>久々に靴を、pgでは珍しい革靴のKnockを買った。防水透湿のメンブレン・シートが挟まっていたりするらしい。底が厚く大ぶりな靴だが、スエードだったり、丸みを帯びていたり、靴紐がワイヤーだったりして、それほどごつくない。フリーロックもモンク・ストラップのベルトっぽく思えてきた。27500円だった。</p>
3798          </section>
3799        </a>
3800
3801
3802        <a href="/blog/harbor-view-park-2024-08-06">
3803          <section class="excerpt">
3804            <header>
3805              <p class="date"><time datetime="2024-08-09T11:03:32+09:00">9日</time></p>
3806
3807              <h3>港の見える丘公園</h3>
3808            </header>
3809
3810            <p>暑いので近い横浜にある港の見える丘公園に行く。実際には大佛次郎記念館に行ったが、展覧会が感想を書く気になれなã
3810„ようなものだったので、公園へ行ったということにする。元町・中華街駅からそこそこ歩く、しかも登るので、結局は暑い。</p>
3811          </section>
3812        </a>
3813
3814
3815        <a href="/blog/record-chan">
3816          <section class="excerpt">
3817            <header>
3818              <p class="date"><time datetime="2024-08-03T07:05:55+09:00">3日</time></p>
3819
3820              <h3>レコードちゃん</h3>
3821            </header>
3822
3823            <p>7月の半ばにタワーレコードでThe Strokesのレコードを探していたら、ちょうど江口寿史のTシャツが予約受付中で、勢いで買ってしまった。タワーレコードでは全サイズ売り切れっぽいが、レコファンでは少し残っているらしい。着て外に行く勇気は出なかったので、額に入れて飾っている。</p>
3824          </section>
3825        </a>
3826
3827          </section>
3828          <section>
3829            <h2><time datetime="2024-07">2024年7月</time></h2>
3830
3831        <a href="/blog/book-poster-jeans">
3832          <section class="excerpt">
3833            <header>
3834              <p class="date"><time datetime="2024-07-18T18:03:00+09:00">18日</time></p>
3835
3836              <h3>本、ポスター、ジーンズ</h3>
3837            </header>
3838
3839            <p>先月末くらいからThe Tokyo Toiletの本を探して近場の本屋をさまよっていた。しかし、全然見つからない。映画の配給会社から出ている本は書籍扱いではないらしく、本屋で売っていないことに気づくまでかなり時間がかかった。売っていそうな店は近場になさそうなこともあり、インターネットで検索して購入する。文庫本よりちょっと小さいサイズで読みづらいが、面白かった。映画のほとぼりが冷めそうな来年の春くらいに歩いて全トイレを巡りたい。その頃にPrime Videoに降りてきて再燃していそうだ。</p>
3840          </section>
3841        </a>
3842
3843
3844        <a href="/blog/vim-css3-syntax-v2.4.0">
3845          <section class="excerpt">
3846            <header>
3847              <p class="date"><time datetime="2024-07-12T08:30:59+09:00">12日</time></p>
3848
3849              <h3>vim-css3-syntax v2.4.0</h3>
3850            </header>
3851
3852            <p>3か月ごとの定期リリースでvim-css3-syntaxのv2.4.0を出した。View TransitionsモジュールのLevel 2が追加されたため、マイナー番号が上がっている。今回もあまり変化はない。あまり変化がないというよりは、あまり興味がã
3852ªã„。Chromeでは揃ったようなので、興味を持たなくてはならない。</p>
3853          </section>
3854        </a>
3855
3856
3857        <a href="/blog/legacy-2024-07-02">
3858          <section class="excerpt">
3859            <header>
3860              <p class="date"><time datetime="2024-07-06T07:41:53+09:00">6日</time></p>
3861
3862              <h3>レガシー(松岡美術館)</h3>
3863            </header>
3864
3865            <p>松岡美術館にモディリアーニなどの所蔵品が出てくる展覧会を見に行く。てっきり中東からアジアの陶器や彫刻の美術館と思っていたが、他にもいろいろ持っているようだ。モディリアーニは好きなので、ポスターになっているとなったら行くしかない。</p>
3866          </section>
3867        </a>
3868
3869          </section>
3870          <section>
3871            <h2><time datetime="2024-06">2024年6月</time></h2>
3872
3873        <a href="/blog/managing-static-files">
3874          <section class="excerpt">
3875            <header>
3876              <p class="date"><time datetime="2024-06-29T18:17:54+09:00">29日</time></p>
3877
3878              <h3>静的ファイルの管理(v9.32.0)</h3>
3879            </header>
3880
3881            <p>マイナー番号が上がり、いろいろ変わったが、雰囲気は変わっていない。内部的な話で、少し前にやらかしたことから、画像を含めた静的ファイルもmainブランチに持っておくように戻す。いざとなったら再構築するだけで最新の状態を完全再現できる予定だ。それ以外にウェブサイト設定の持ち方を変えたりしてしまったのでマイナー番号を上げる。</p>
3882          </section>
3883        </a>
3884
3885
3886        <a href="/blog/github-branch-activities">
3887          <section class="excerpt">
3888            <header>
3889              <p class="date"><time datetime="2024-06-27T08:06:29+09:00">27日</time></p>
3890
3891              <h3>GitHubのブランチActivity</h3>
3892            </header>
3893
3894            <p>GitHubにはブランチActivityという機能があり、そこでは強制プッシュなどで見えなくなったコミットのハッシュも見つかるようだ。ローカルの.gitディレクトリーも初期化した状態で強制pushしても、この機能を使うとすんなりと最後に正常だった状態を参照し、救出できる。ブランチActivityにはブランチ一覧ページの各ブランチの操作メニューから移動する。「ブランチの削除」ボタンや「ブランチの名前変更」メニュー項目などが近いので危ない。</p>
3895          </section>
3896        </a>
3897
3898
3899        <a href="/blog/sense-of-structure-second-term-2024-06-04">
3900          <section class="excerpt">
3901            <header>
3902              <p class="date"><time datetime="2024-06-12T12:50:32+09:00">12日</time></p>
3903
3904              <h3>感覚する構造・後期(WHAT MUSEUM)</h3>
3905            </header>
3906
3907            <p>2023年の12月に行った展覧会の後期を見に、再びWHAT MUSEUMへ行く。前期へ行った時、その直後はあまり行く気がなかったが、法隆寺の1/10模型がかっこよさそうだったので行くことにする。梅雨前ですっきりしない天気のようだが、快適そうな気温で海沿いは気持ち良いはずだ。</p>
3908          </section>
3909        </a>
3910
3911
3912        <a href="/blog/finding-suitable-mobile-battery">
3913          <section class="excerpt">
3914            <header>
3915              <p class="date"><time datetime="2024-06-05T20:44:27+09:00">5日</time></p>
3916
3917              <h3>最適なモバイル・バッテリーを求めて</h3>
3918            </header>
3919
3920            <p>よくよく考えたつもりでESRのMagSafeモバイル・バッテリーを買ったが、返品することになってしまった。返品の直接の原因は充電が止まりがちなことと、ソニーのイヤフォンが充電できなかったことだ。ESRは新製品への切り替えを始めるのか、Amazonでクーポン込み3300円くらい(今は2500円くらいっぽい)で買え、うっかり買ってしまった。かなりうまく機能するモバイル・バッテリーのようだったが、MagSafeのモバイル・バッテリーは想定していた利用状況にハマらないものだということを学んだ。</p>
3921          </section>
3922        </a>
3923
3924          </section>
3925          <section>
3926            <h2><time datetime="2024-05">2024年5月</time></h2>
3927
3928        <a href="/blog/one-point-one-two-five">
3929          <section class="excerpt">
3930            <header>
3931              <p class="date"><time datetime="2024-05-25T07:39:54+09:00">25日</time></p>
3932
3933              <h3>1.125 (v9.31.0)</h3>
3934            </header>
3935
3936            <p>3^2 / 2^3の答えである1.125を基本の比にし、様々な大きさをすべて計算しなおす。「黄金比なんて誰も設計に使っていない」というような本を読み、黄金比を使っているのがちょっと恥ずかしくなったからだ。4乗していくとなんとなく大きくなっていくようで、キリの良い数字が増え、自己満足度が上がる。結局は黄金比に近い(1.125^4 = 1.602)ので、最終的な結果は変わらない。</p>
3937          </section>
3938        </a>
3939
3940
3941        <a href="/blog/the-naturalistic-garden-of-piet-oudolf-2024-05-07">
3942          <section class="excerpt">
3943            <header>
3944              <p class="date"><time datetime="2024-05-10T08:00:28+09:00">10日</time></p>
3945
3946              <h3>ピート・アウドルフのナチュラリスティックガーデン(ギャラリー・エー・クワッド)</h3>
3947            </header>
3948
3949            <p>ニューヨークのハイラインで植栽を担当したピート・アウドルフの展示へ東陽町まで行く。ギャラリー・エー・クワッドは竹中工務店の東京本店にちょこっとあるギャラリーだ。2021年には有名建築を折り紙にした展示、2023年には中村哲の活動の回顧ã
3949ªã©ã€ãŸã¾ã«é¢ç™½ãã†ãªã‚‚のをやっている。雨模様だったが、あまり降られずに済んだ。</p>
3950          </section>
3951        </a>
3952
3953
3954        <a href="/blog/apple-iphone-15-silicone-case-soft-mint">
3955          <section class="excerpt">
3956            <header>
3957              <p class="date"><time datetime="2024-05-03T12:32:45+09:00">3日</time></p>
3958
3959              <h3>純正、シリコーン、ソフトミント</h3>
3960            </header>
3961
3962            <p>そこらの家電量販店で買った安い透明なケースをiPhone 15に着けていたが、先月にApple純正ケースの新色として出たソフトミントが良さそうだったので、思い切って買い替えた。サンシャインにも惹かれたが、本体がグリーンなので、ソフトミントにした。近所の正規品取扱店で定価の7980円だった。</p>
3963          </section>
3964        </a>
3965
3966          </section>
3967          <section>
3968            <h2><time datetime="2024-04">2024年4月</time></h2>
3969
3970        <a href="/blog/brancusi-2024-04-02">
3971          <section class="excerpt">
3972            <header>
3973              <p class="date"><time datetime="2024-04-20T15:51:00+09:00">20日</time></p>
3974
3975              <h3>ブランクーシ(アーティゾン美術館)</h3>
3976            </header>
3977
3978            <p>ミニマル・アートにつながる作品を残すことになったブランクーシの展覧会を京橋のアーティゾン美術館まで見に行く。アーティゾン美術館は2回目だ。ブランクーシは名前くらいしか知らなかったが、2年前に見に行ったポンポン展で興味を持ち、主役の展覧会が行われたら見たいと考えていた。ついでに日本橋から新橋まで散歩する。</p>
3979          </section>
3980        </a>
3981
3982
3983        <a href="/blog/vim-css3-syntax-v2.3.0">
3984          <section class="excerpt">
3985            <header>
3986              <p class="date"><time datetime="2024-04-08T11:58:09+09:00">8日</time></p>
3987
3988              <h3>vim-css3-syntax v2.3.0</h3>
3989            </header>
3990
3991            <p>vim-css3-syntaxのv2.3.0を公開する。新しくAnchor Positioningという仕様が追加されており、マイナー番号が上がる。他はいつも通り変更点は少ないものの、色関係でlight-dark()関数やcontrast-color()関数という重要なものが仕様にも反映され、そろそろ使い方を考えても良さそうだ。</p>
3992          </section>
3993        </a>
3994
3995
3996        <a href="/blog/kofu-2024-04-01">
3997          <section class="excerpt">
3998            <header>
3999              <p class="date"><time datetime="2024-04-04T08:37:04+09:00">4日</time></p>
4000
4001              <h3>墓参り(2024-04-01)</h3>
4002            </header>
4003
4004            <p>前日に見た天気予報が外れ、朝から雨だ。甲府も降っていたようだが、雨雲レーダーでは止んでいるように見えるので、諦めて行く。なんとか降られずに済み、天に感謝したい。霊園内を通る道沿いの桜も5から8分咲きで、なかなか見ごたえがあった。</p>
4005          </section>
4006        </a>
4007
4008          </section>
4009          <section>
4010            <h2><time datetime="2024-03">2024年3月</time></h2>
4011
4012        <a href="/blog/version-nine-pointo-thirty-point-zero">
4013          <section class="excerpt">
4014            <header>
4015              <p class="date"><time datetime="2024-03-22T18:47:31+09:00">22日</time></p>
4016
4017              <h3>揺り戻し(v9.30.0)</h3>
4018            </header>
4019
4020            <p>Dead Simple Sitesで紹介されているウェブサイトを見ていると、このウェブサイトがすっきりしすぎていると感じる。もうちょっと何かがあったりしても「シンプル」と感じられるウェブサイトにしたい。戻る矢印からロゴに戻したことも含め、標準的な構成に戻しつつある。その過程でOpenType機能のhaltを試したり、書影をタイトルなどでページ内検索できるようにしたり、先送りしていたことをこなしていく。</p>
4021          </section>
4022        </a>
4023
4024
4025        <a href="/blog/henri-matisse-formes-libres-2024-03-04">
4026          <section class="excerpt">
4027            <header>
4028              <p class="date"><time datetime="2024-03-09T17:05:15+09:00">9日</time></p>
4029
4030              <h3>マティス(国立新美術館)</h3>
4031            </header>
4032
4033            <p>今月は乃木坂の国立新美術館でやっているマティスの展覧会へ行く。2年くらい前に延期になったものだ。去年にも都美で開かれたものを見に行ったが、こちらはニース市マティス美術館が所蔵するものが中心で、ほとã
4033‚“どかぶっていないようだ。マティスは10年くらい見なくても良い、というくらい堪能できる。</p>
4034          </section>
4035        </a>
4036
4037          </section>
4038          <section>
4039            <h2><time datetime="2024-02">2024年2月</time></h2>
4040
4041        <a href="/blog/ike-no-taiga-2024-02-14">
4042          <section class="excerpt">
4043            <header>
4044              <p class="date"><time datetime="2024-02-17T08:52:41+09:00">17日</time></p>
4045
4046              <h3>池大雅(出光美術館)</h3>
4047            </header>
4048
4049            <p>出光美術館へ池大雅の展覧会を見に行く。ついに大雅をまとめて見られる機会が訪れた。5年くらい探していたように思う。池大雅は日本の画家では一二を争うくらい好きだ。この日は20度に届く陽気で、軽い春コートを着た散歩も捗る。</p>
4050          </section>
4051        </a>
4052
4053          </section>
4054          <section>
4055            <h2><time datetime="2024-01">2024年1月</time></h2>
4056
4057        <a href="/blog/cio-novaport-slim-duo-67w">
4058          <section class="excerpt">
4059            <header>
4060              <p class="date"><time datetime="2024-01-23T12:36:44+09:00">23日</time></p>
4061
4062              <h3>CIOのNovaPort Slim DUO 67W</h3>
4063            </header>
4064
4065            <p>6年目に入ったSurface Pro 6が付属の電源アダプターで充電できなくなった。SisyphyのUSB充電器と変換ケーブルでは問題なく充電でき、本体側の問題ではないようで一安心だ。そろそろパソコンを買い替えを考える時期ということもあり、純正の電源アダプターは買い直さないことにする。安定しているが壁から出っ張るSisyphyの充電器を持ち運び用にし、新しくUSB充電器を買うことにしたい。最終的にCIOの壁にぴったりと付く67Wのものをヨドバシで5980円で買う。</p>
4066          </section>
4067        </a>
4068
4069
4070        <a href="/blog/the-beloved-gods-and-buddhas-northeastern-japan-2024-01-10">
4071          <section class="excerpt">
4072            <header>
4073              <p class="date"><time datetime="2024-01-13T09:10:13+09:00">13日</time></p>
4074
4075              <h3>みちのく、いとしい仏たち(東京ステーションギャラリー)</h3>
4076            </header>
4077
4078            <p>年明けのセールでも見に行こうかと丸の内まで出る。ついでに東京ステーションギャラリーで東北の神像や仏像を扱うみちのく、いとしい仏たちという展覧会へ行く。ちょっと寒いくらいで、よく晴れており、いい冬の日だった。</p>
4079          </section>
4080        </a>
4081
4082          </section>
4083          <section id="2023">
4084            <h2><time datetime="2023-12">2023年12月</time></h2>
4085
4086        <a href="/blog/sense-of-structure-first-term-2023-12-13">
4087          <section class="excerpt">
4088            <header>
4089              <p class="date"><time datetime="2023-12-26T08:32:05+09:00">26日</time></p>
4090
4091              <h3>感覚する構造・前期(WHAT MUSEUM)</h3>
4092            </header>
4093
4094            <p>今年最後の展覧会は寺田倉庫の美術館でやっている感覚する構造だ。品川の方へ散歩しに行きたかったこともあり、ちょうど良い。暖かい日で風もなく、海のそばでも寒くなかった。</p>
4095          </section>
4096        </a>
4097
4098
4099        <a href="/blog/iphone-15-green-128gb">
4100          <section class="excerpt">
4101            <header>
4102              <p class="date"><time datetime="2023-12-15T13:00:24+09:00">15日</time></p>
4103
4104              <h3>グリーンで128GBのiPhone 15</h3>
4105            </header>
4106
4107            <p>12月の頭にiPhone 15を買う。黒は飽きたので白かシルバーが良かったが、Proにしかなく諦める。イエローとグリーンで迷った末、グリーンにする。ストレージも128GBと最安モデルだ。それでも高いし、AppleCare+も高い。2030年くらいまで最新OSが入って欲しい。</p>
4108          </section>
4109        </a>
4110
4111
4112        <a href="/blog/making-of-munakata-2023-11-24">
4113          <section class="excerpt">
4114            <header>
4115              <p class="date"><time datetime="2023-12-06T10:26:22+09:00">6日</time></p>
4116
4117              <h3>
4117メイキング・オブ・ムナカタ(東京国立近代美術館)</h3>
4118            </header>
4119
4120            <p>東京国立近代美術館でやっていた棟方志功の展覧会へ終了間際に行ってきた。終わりそうということもあり、ものすごく混んでいる。場所柄かもしれない。中盤は大き目の作品が多かったので、混んでいても気にならず、そこそこ快適に観覧した。</p>
4121          </section>
4122        </a>
4123
4124          </section>
4125          <section>
4126            <h2><time datetime="2023-10">2023年10月</time></h2>
4127
4128        <a href="/blog/october-2023">
4129          <section class="excerpt">
4130            <header>
4131              <p class="date"><time datetime="2023-10-31T16:15:45+09:00">31日</time></p>
4132
4133              <h3>2023年10月</h3>
4134            </header>
4135
4136            <p>生きているのでまとめて書いておく。ほぼゲームをやるだけの生物に進化した。とはいいつつ展覧会には3つも行っていた。個人的なコードを書いたり、ブログを書いたりする時間が、すべてSwitchに捧げられているようだ。もう少しの間、捧げ続けそうな気がする。</p>
4137          </section>
4138        </a>
4139
4140
4141        <a href="/blog/vim-css3-syntax-v2.2.0">
4142          <section class="excerpt">
4143            <header>
4144              <p class="date"><time datetime="2023-10-11T07:00:09+09:00">11日</time></p>
4145
4146              <h3>vim-css3-syntax v2.2.0</h3>
4147            </header>
4148
4149            <p>vim-css3-syntaxのv2.2.0をリリースした。新しくTransitions Level 2の文法ファイルが追加されており、マイナー・リリースになった。なおリリース作業に失敗し、5分くらい変なリリースが出ていた。余裕があるなら再更新をお願いしたい。Bram Moolenaarの冥福は祈っておきたい。</p>
4150          </section>
4151        </a>
4152
4153          </section>
4154          <section>
4155            <h2><time datetime="2023-09">2023年9月</time></h2>
4156
4157        <a href="/blog/tokyo-arte-pop-2023-09-05">
4158          <section class="excerpt">
4159            <header>
4160              <p class="date"><time datetime="2023-09-09T12:47:27+09:00">9日</time></p>
4161
4162              <h3>トーキョー・アルテ・ポップ(イタリア文化会館)</h3>
4163            </header>
4164
4165            <p>九段下あたりにあるイタリア文化会館へトーキョー・アルテ・ポップという展覧会へ行く。江口寿史の絵を見るのもなんだか久しぶりだ。もう一人のルカ・ティエリは絵だけは見ていた。</p>
4166          </section>
4167        </a>
4168
4169          </section>
4170          <section>
4171            <h2><time datetime="2023-08">2023年8月</time></h2>
4172
4173        <a href="/blog/muji-razor">
4174          <section class="excerpt">
4175            <header>
4176              <p class="date"><time datetime="2023-08-31T07:35:51+09:00">31日</time></p>
4177
4178              <h3>無印良品のひげそり用かみそり</h3>
4179            </header>
4180
4181            <p>ジレット・プログライドの替刃がヨドバシカメラでも400円/個を大幅に超えてくるようになった。さすがに高い気がするし、かといってAmazonなどで売られている互換替刃には抵抗がある。そこで替刃が安そうな無印のひげそりを試してみている。</p>
4182          </section>
4183        </a>
4184
4185
4186        <a href="/blog/no-site-menu">
4187          <section class="excerpt">
4188            <header>
4189              <p class="date"><time datetime="2023-08-17T20:17:51+09:00">17日</time></p>
4190
4191              <h3>サイト・メニューなし</h3>
4192            </header>
4193
4194            <p>ホーム以外からサイト・メニューを消し、ホームはサイト・メニューだけにする。ハンバーガー・ボタンによる全画面サイト・メニューの表示を、劣化させたものと言える。表示速度がそれなりに速ければ許されそうだ。</p>
4195          </section>
4196        </a>
4197
4198
4199        <a href="/blog/three-tradfri-bulbs">
4200          <section class="excerpt">
4201            <header>
4202              <p class="date"><time datetime="2023-08-11T07:38:19+09:00">11日</time></p>
4203
4204              <h3>トロードフリを3つ</h3>
4205            </header>
4206
4207            <p>
4207シーリング・ファンをあきらめたので、天井照明を都合する。昔買って、使ってない部屋に設置していた無印良品のダクトレール照明に、IKEAのスマート電球を組み合わせる。電球3つとリモコンだと5300円で済む。壁スイッチがないとスマート電球にするしかなく、少し高くついた。</p>
4208          </section>
4209        </a>
4210
4211
4212        <a href="/blog/origins-in-color-2023-08-01">
4213          <section class="excerpt">
4214            <header>
4215              <p class="date"><time datetime="2023-08-04T07:39:46+09:00">4日</time></p>
4216
4217              <h3>ソール・ライターの原点(ヒカリエホール・ホールA)</h3>
4218            </header>
4219
4220            <p>一度いろいろ見てみたかったソール・ライターの展覧会を見に行く。Bunkamura企画の展覧会だが、東急百貨店本館と共に改装中のため、ヒカリエでやっているらしい。猛暑なので駅直結はうれしい。</p>
4221          </section>
4222        </a>
4223
4224          </section>
4225          <section>
4226            <h2><time datetime="2023-07">2023年7月</time></h2>
4227
4228        <a href="/blog/koizumi-klf-3033-wh">
4229          <section class="excerpt">
4230            <header>
4231              <p class="date"><time datetime="2023-07-26T07:14:02+09:00">26日</time></p>
4232
4233              <h3>コイズミの白い扇風機</h3>
4234            </header>
4235
4236            <p>天井に設置するサーキュレーターを買おうとしていたが、予算2万円ではかっこいいものが見つからない。扇風機であきらめることにし、DCモーターで白くらいを条件に、七夕セールをやっていた近所のノジマで探す。どれも大して変わらなそうだったので、コイズミの一番安いモデルに落ち着く。色々クーポンを使って、5721円で買う。アフィリエイトできないくらい人気があるようだ。</p>
4237          </section>
4238        </a>
4239
4240
4241        <a href="/blog/hello-irumo-0.5gb">
4242          <section class="excerpt">
4243            <header>
4244              <p class="date"><time datetime="2023-07-12T10:44:51+09:00">12日</time></p>
4245
4246              <h3>irumoの0.5GBに</h3>
4247            </header>
4248
4249            <p>ドコモの低価格プラン(という扱いの)irumoの0.5GBにする。元々どこかの1GBプランにしようかなと考えていたところで、9月くらいまでに考えるつもりだった。ドコモ光を使っているため3GBでも1000円ちょっとだが、耐えられなかったら変えることにして、最安の0.5GBに。いろいろ言われているものの、ドコモのプランからの乗り換えやすさには魅力を感じる。</p>
4250          </section>
4251        </a>
4252
4253
4254        <a href="/blog/samurai-style-2023-07-04">
4255          <section class="excerpt">
4256            <header>
4257              <p class="date"><time datetime="2023-07-08T08:14:16+09:00">8日</time></p>
4258
4259              <h3>サムライのおしゃれ(静嘉堂文庫美術館)</h3>
4260            </header>
4261
4262            <p>移転した静嘉堂文庫美術館へ「サムライのおしゃれ」という展覧会を見に行った。ビルはそのままに美術館を埋め込んだという様子で面白い。会社員を横目に受付を通るとガラッと雰囲気が変わる。</p>
4263          </section>
4264        </a>
4265
4266
4267        <a href="/blog/vim-css3-syntax-v2.1.1">
4268          <section class="excerpt">
4269            <header>
4270              <p class="date"><time datetime="2023-07-02T06:56:29+09:00">2日</time></p>
4271
4272              <h3>vim-css3-syntax v2.1.1</h3>
4273            </header>
4274
4275            <p>vim-css3-syntaxのv2.1.1をリリースする。leading-trimプロパティーがtext-box-trimプロパティーと名前が変わったりしている。実装がSafariのTechnology Previewだけだったので間に合ったようだ(171で修正されている)。</p>
4276          </section>
4277        </a>
4278
4279          </section>
4280          <section>
4281            <h2><time datetime="2023-06">2023年6月</time></h2>
4282
4283        <a href="/blog/hario-mss-1tb">
4284          <section class="excerpt">
4285            <header>
4286              <p class="date"><time datetime="2023-06-29T07:12:55+09:00">29日</time></p>
4287
4288              <h3>ハリオのセラミック・ミル</h3>
4289            </header>
4290
4291            <p>コーヒーを挽くのに、家に転がっていた金属のミルを使っていたが、壊れて回らなくなった。付喪神化したらしい。ポーレックスにしようかと思ったが、円筒形だと安定しない気がしたので、真ん中がへこんでいるハリオの一番安いセラミック・ミルにした。近所で2500円だったし、プレミアム商品券が使えたのã
4291§1300円相当だった。</p>
4292          </section>
4293        </a>
4294
4295
4296        <a href="/blog/deleting-all-tweets">
4297          <section class="excerpt">
4298            <header>
4299              <p class="date"><time datetime="2023-06-16T06:11:57+09:00">16日</time></p>
4300
4301              <h3>全ツイートの削除</h3>
4302            </header>
4303
4304            <p>Twitterへの投稿をすべて削除し、直前のそれのみ残すような運用に戻した。全ツイートを削除しようとしても公式には用意されておらず、アカウントを作り直そうというようなことを言われる。そうではないのでAPIを使ったサービスか、公式クライアントの削除を連打するツールを探す。</p>
4305          </section>
4306        </a>
4307
4308
4309        <a href="/blog/japanese-tile-2023-06-06">
4310          <section class="excerpt">
4311            <header>
4312              <p class="date"><time datetime="2023-06-10T07:59:10+09:00">10日</time></p>
4313
4314              <h3>日本のタイル100年(江戸東京たてもの園)</h3>
4315            </header>
4316
4317            <p>昨年、INAXミュージアムでやっていたタイルの展覧会に行きたかったが、常滑はさすがに遠い。巡回展になっていて、東京でも江戸東京たてもの園でやるようだったので、梅雨前に行く。そこそこ暑い日だったが、曇で快適に歩き回れた。</p>
4318          </section>
4319        </a>
4320
4321
4322        <a href="/blog/immersion-brewed-coffee">
4323          <section class="excerpt">
4324            <header>
4325              <p class="date"><time datetime="2023-06-05T16:06:25+09:00">5日</time></p>
4326
4327              <h3>浸漬式で淹れたコーヒー</h3>
4328            </header>
4329
4330            <p>コーヒーに復帰して以来、マキネッタか紙フィルターのドリッパーを使っていたが、1か月ほど前から浸漬式で淹れている。英語では「immersion brewing」と言うらしい。台所にありそうなものですぐに始められたり、ドリップ・ケトルが必要なかったり、蒸らしが必要なかったり、待っているだけで良かったり、手軽なところは多い。ちょっと悪い豆だとおいしくないところが難点だが、近所のコーヒー豆専門店でなんとかなっている。</p>
4331          </section>
4332        </a>
4333
4334          </section>
4335          <section>
4336            <h2><time datetime="2023-05">2023年5月</time></h2>
4337
4338        <a href="/blog/logo-menu-jump">
4339          <section class="excerpt">
4340            <header>
4341              <p class="date"><time datetime="2023-05-29T12:33:13+09:00">29日</time></p>
4342
4343              <h3>ロゴ、メニュー、ジャンプ</h3>
4344            </header>
4345
4346            <p>ページ・フッターにメニューを置いて久しいが、整理して分割したりした結果、ロゴと、優先度の高いメニュー、ページ・フッターへジャンプするリンクの3種類で構成されるようにした。中途半端な状態だが、1行かつ幅300pxくらいに収まるコンパクトさも実現しようとし、このようなものになった。落ち着かない。</p>
4347          </section>
4348        </a>
4349
4350
4351        <a href="/blog/henri-matisse-the-path-to-color-2023-05-17">
4352          <section class="excerpt">
4353            <header>
4354              <p class="date"><time datetime="2023-05-19T18:49:07+09:00">19日</time></p>
4355
4356              <h3>マティス展(東京都美術館)</h3>
4357            </header>
4358
4359            <p>上野までマティス展を見に行く。都美術館はまだ完全予約制だ。込みそうな企画だからだろうか。大きめの美術館は避けていたので、上野の公園あたりに久しぶりに行く。全生庵に行って以来かもしれない。</p>
4360          </section>
4361        </a>
4362
4363
4364        <a href="/blog/color-lens-glasses">
4365          <section class="excerpt">
4366            <header>
4367              <p class="date"><time datetime="2023-05-10T07:33:26+09:00">10日</time></p>
4368
4369              <h3>カラー・レンズのメガネ</h3>
4370            </header>
4371
4372            <p>年間通してサングラスをかける気運の高まりを感じると同時に、度付きのサãƒ
4372³ã‚°ãƒ©ã‚¹ãŒæ¬²ã—くなる。まずはJINSで黒のメガネ(5900円)にミディアム・グレーのカラー・レンズ(3300円)を入れたものを買う。初JINSだ。</p>
4373          </section>
4374        </a>
4375
4376
4377        <a href="/blog/interior-visions-2023-04-27">
4378          <section class="excerpt">
4379            <header>
4380              <p class="date"><time datetime="2023-05-01T07:32:52+09:00">1日</time></p>
4381
4382              <h3>部屋のみる夢(ポーラ美術館)</h3>
4383            </header>
4384
4385            <p>暖かい季節になり、少し遠出する。庭園がきれいそうなDIC川村美術館と迷ったが、どうやっても片道3時間近くかかる(乗り換えは1回)のであきらめ、同じく庭園がきれいそうで片道2時間くらいのポーラ美術館に決める。「部屋」をテーマにした展覧会らしく、2年ほど前に見逃したハンマースホイが展示されるようで楽しみだ。</p>
4386          </section>
4387        </a>
4388
4389          </section>
4390          <section>
4391            <h2><time datetime="2023-04">2023年4月</time></h2>
4392
4393        <a href="/blog/kofu-2023-04-13">
4394          <section class="excerpt">
4395            <header>
4396              <p class="date"><time datetime="2023-04-19T07:37:36+09:00">19日</time></p>
4397
4398              <h3>墓参り(2023-04-13)</h3>
4399            </header>
4400
4401            <p>1年ぶりに墓参りに行く。去年の秋は予定が合わず見送っていた。快晴で、狭い盆地のため黄砂の影響も少ない。前日の黄砂の予想でも、山梨県のあたりだけぽっかりと落ちない予報になっていたと思う。</p>
4402          </section>
4403        </a>
4404
4405
4406        <a href="/blog/html-best-practices-fa">
4407          <section class="excerpt">
4408            <header>
4409              <p class="date"><time datetime="2023-04-12T14:20:24+09:00">12日</time></p>
4410
4411              <h3>ペルシア語版HTML Best Practices</h3>
4412            </header>
4413
4414            <p>HTML Best Practicesへペルシア語への翻訳が追加された。いつものように感謝している。「ペルシア語」は日本での名称に過ぎず、話者は「ファルーシー」と読んでおり、そのため言語コードがfaになるそうだ。</p>
4415          </section>
4416        </a>
4417
4418
4419        <a href="/blog/kokin-wakasyu-2023-04-04">
4420          <section class="excerpt">
4421            <header>
4422              <p class="date"><time datetime="2023-04-08T07:55:00+09:00">8日</time></p>
4423
4424              <h3>古今和歌集を愛でる(五島美術館)</h3>
4425            </header>
4426
4427            <p>二子玉川へ行く用事がある。ついでに近くの五島美術館に行き、「古今和歌集を愛でる」という展覧会を見に行く。どちらかというと庭園を見に行ってみたい。</p>
4428          </section>
4429        </a>
4430
4431
4432        <a href="/blog/vim-css3-syntax-v2.1.0">
4433          <section class="excerpt">
4434            <header>
4435              <p class="date"><time datetime="2023-04-03T12:49:53+09:00">3日</time></p>
4436
4437              <h3>vim-css3-syntax v2.1.0</h3>
4438            </header>
4439
4440            <p>vim-css3-syntaxのv2.1.0をリリースした。特にこれといった変更点はない。最初の定期リリースになる。3か月ごとに行う予定だ。その間に何か新しい仕様が追加されるとマイナー番号が上がり、単なる更新のみの場合はパッチ番号が上がる。</p>
4441          </section>
4442        </a>
4443
4444          </section>
4445          <section>
4446            <h2><time datetime="2023-03">2023年3月</time></h2>
4447
4448        <a href="/blog/html-best-practices-uk">
4449          <section class="excerpt">
4450            <header>
4451              <p class="date"><time datetime="2023-03-26T09:08:37+09:00">26日</time></p>
4452
4453              <h3>ウクライナ語版HTML Best Practices</h3>
4454            </header>
4455
4456            <p>HTML Best Practicesへウクライナ語への翻訳が追加された。いつものように感謝しかない。言語コードをuaだったように間違って記憶していたが、それは国コードの方のようだ。</p>
4457          </section>
4458        </a>
4459
4460
4461        <a href="/blog/jpg-to-avif">
4462          <section class="excerpt">
4463            <header>
4464              <p class="date"><time datetime="2023-03-18T09:19:12+09:00">18日</time></p>
4465
4466              <h3>JPGをAVIFへ(v9.29.0)</h3>
4467            </header>
4468
4469            <p>どうやらEdge 113 (2022-03-18現在は111)ではAVIFが表示できるようだ。WebPはスルーしてしまった(特にこれといった理由はない)が、AVIFは使いたい気分になっている。といってもAVIF一本で行くには早いので、まずはJPGをAVIFに変換し、img要素の手前にsource要素を追加し、両者をpicture要素で括るという作業を行う。</p>
4470          </section>
4471        </a>
4472
4473
4474        <a href="/blog/light-please">
4475          <section class="excerpt">
4476            <header>
4477              <p class="date"><time datetime="2023-03-15T08:01:57+09:00">15日</time></p>
4478
4479              <h3>カバー付きソケット+スマート電球</h3>
4480            </header>
4481
4482            <p>フロア・ランプが決まらず天井照明を外せていなかったが、年末くらいから1か月間使わずに過ごせたので、見切って外した。気分はすっきりしたものの、今度はベージュ色の角型引掛けシーリング端子が目立って目障りだ。今のところ、800円くらいで買えた大光電機のカバー付きソケットに、IKEAのフィラメントもどきが見えるスマート電球を取り付け、端子を隠している。</p>
4483          </section>
4484        </a>
4485
4486
4487        <a href="/blog/the-original-2023-03-06">
4488          <section class="excerpt">
4489            <header>
4490              <p class="date"><time datetime="2023-03-08T08:16:13+09:00">8日</time></p>
4491
4492              <h3>The Original (21_21 Design Sight)</h3>
4493            </header>
4494
4495            <p>暖かくなってきて、動きが機敏になりつつある。今月は六本木の21_21 Design Sightへ「The Original」を見に行く。紹介される製品群そのものはもちろん、「部屋のように再現したインスタレーションの中で紹介」という点が面白そうで、発表時から楽しみにしていた。</p>
4496          </section>
4497        </a>
4498
4499
4500        <a href="/blog/pearl-sperior-p">
4501          <section class="excerpt">
4502            <header>
4503              <p class="date"><time datetime="2023-03-01T07:42:54+09:00">1日</time></p>
4504
4505              <h3>パールのメガネレンズクリーナー</h3>
4506            </header>
4507
4508            <p>
4508使っていた点滴のクリーナーがなくなったので、スプレーのクリーナーを買った。ファブリーズのようなトリガー付きの容器が嫌で、蓋つきのものにした。100mL入りで904円だった。</p>
4509          </section>
4510        </a>
4511
4512          </section>
4513          <section>
4514            <h2><time datetime="2023-02">2023年2月</time></h2>
4515
4516        <a href="/blog/version-nine-point-twenty-six">
4517          <section class="excerpt">
4518            <header>
4519              <p class="date"><time datetime="2023-02-14T08:30:24+09:00">14日</time></p>
4520
4521              <h3>v9.26</h3>
4522            </header>
4523
4524            <p>アイコンが変わった。プロフィール・アイコンとして、GitHubやTwitterなどでも使うように変えている。意味はないこともないが、「石ころ」を念頭に置いて作成したもので、形にだけちょっと意味がある。</p>
4525          </section>
4526        </a>
4527
4528
4529        <a href="/blog/contemporary-ceramics-thoughts-on-form-2023-02-07">
4530          <section class="excerpt">
4531            <header>
4532              <p class="date"><time datetime="2023-02-09T07:38:50+09:00">9日</time></p>
4533
4534              <h3>現代のやきもの 思考するかたち(智美術館)</h3>
4535            </header>
4536
4537            <p>暖かい。週末には雪が降るらしい。今月は大倉集古館へ行った際に、すぐ横にあって気になった智美術館に行ってきた。暖かすぎて、コートを脱いで散歩するとちょうど良いくらいで、歩いているだけで楽しくなってくる日になってくれた。</p>
4538          </section>
4539        </a>
4540
4541
4542        <a href="/blog/fixing-takagi-hose-reel">
4543          <section class="excerpt">
4544            <header>
4545              <p class="date"><time datetime="2023-02-06T07:45:09+09:00">6日</time></p>
4546
4547              <h3>ホース・リールの水漏れを修理</h3>
4548            </header>
4549
4550            <p>ホース・リールの蛇口に付けるアダプターと、ホースに付いているアダプターの間から水が漏れるようになってしまった。凍結か何かでプラスチックが破損したかと思ったが、そういう気配はなく、どうもゴム製のOリングが劣化したようだ。近所のホームセンターではタカギ製品のOリングのみは販売していなかったので、蛇口に付けるアダプターごと買い、交換した。525円だった。</p>
4551          </section>
4552        </a>
4553
4554
4555        <a href="/blog/morning-caffeine">
4556          <section class="excerpt">
4557            <header>
4558              <p class="date"><time datetime="2023-02-02T08:23:20+09:00">2日</time></p>
4559
4560              <h3>カフェイン復帰</h3>
4561            </header>
4562
4563            <p>朝にコーヒーか緑茶を飲むように戻った。それ以降は飲まない。カフェインを取りたいというより、コーヒーや緑茶の香りを嗅ぎたい。特に冬は体の起動が遅いので、香りを含め五感を刺激することは大切に思うように心変わりした。</p>
4564          </section>
4565        </a>
4566
4567          </section>
4568          <section>
4569            <h2><time datetime="2023-01">2023年1月</time></h2>
4570
4571        <a href="/blog/makita-cl115fdwi">
4572          <section class="excerpt">
4573            <header>
4574              <p class="date"><time datetime="2023-01-24T07:47:10+09:00">24日</time></p>
4575
4576              <h3>マキタの掃除機を買い替え(CL115FDWI)</h3>
4577            </header>
4578
4579            <p>6年前に買ったマキタの掃除機が異音を発するようになった。本体を振ると静かになったりもするが、危なそうで使えない。いろいろ見たものの、結局マキタの新型に落ち着いた。色も同じアイボリーにし、ヨドバシカメラで15120円だった。</p>
4580          </section>
4581        </a>
4582
4583
4584        <a href="/blog/html-best-practices-bn">
4585          <section class="excerpt">
4586            <header>
4587              <p class="date"><time datetime="2023-01-18T18:52:08+09:00">18日</time></p>
4588
4589              <h3>ベンガル語版HTML Best Practices</h3>
4590            </header>
4591
4592            <p>HTML Best Practicesへ、バングラデシュの公用語であるベンガル語への翻訳が追加された。いつものように感謝しかない。これで15言語目だ。てっきりベンガル語はアラビア文字だと思っていたが、そうではないということは知らなかった。</p>
4593          </section>
4594        </a>
4595
4596
4597        <a href="/blog/landscapes-2022-01-11">
4598          <section class="excerpt">
4599            <header>
4600              <p class="date"><time datetime="2023-01-14T19:46:39+09:00">14日</time></p>
4601
4602              <h3>日本の風景を描く(山種美術館)</h3>
4603            </header>
4604
4605            <p>渋谷区の山種美術館へ「日本の風景を描く」という展覧会を見に行った。恵比寿、表参道、六本木、渋谷と、観光客をかき分けて、うろうろした。真昼の頃はコートがいらないくらいの陽気だったように思う。</p>
4606          </section>
4607        </a>
4608
4609
4610        <a href="/blog/vim-css3-syntax-v2.0.0">
4611          <section class="excerpt">
4612            <header>
4613              <p class="date"><time datetime="2023-01-10T07:19:52+09:00">10日</time></p>
4614
4615              <h3>vim-css3-syntax v2.0.0</h3>
4616            </header>
4617
4618            <p>Vim 9.0もリリース後、半年が過ぎた。予定通り、Vim 9.0以降(のランタイム・ファイルに含まれるCSSシンタックス・ファイル)のã
4618¿ã«å¯¾å¿œã—たvim-css3-symtax v2.0.0をリリースする。CSSシンタックス・ファイルは2021å¹´12月に更新されており、それ以前のものではうまく機能しない。本当にしない。</p>
4619          </section>
4620        </a>
4621
4622          </section>
4623          <section id="2022">
4624            <h2><time datetime="2022-12">2022年12月</time></h2>
4625
4626        <a href="/blog/picasso-ceramic-2022-12-20">
4627          <section class="excerpt">
4628            <header>
4629              <p class="date"><time datetime="2022-12-22T19:34:25+09:00">22日</time></p>
4630
4631              <h3>ピカソのセラミック(ヨックモックミュージアム)</h3>
4632            </header>
4633
4634            <p>年明けに行こうと考えていたピカソのセラミック展へ行った。場所は美術館通りの終わりにあるヨックモックミュージアムになる。クリスマス用に南青山のパン屋へ買い出しに行くことになったので、そのついでだ。</p>
4635          </section>
4636        </a>
4637
4638
4639        <a href="/blog/frontier-rooms-slipper">
4640          <section class="excerpt">
4641            <header>
4642              <p class="date"><time datetime="2022-12-08T08:00:48+09:00">8日</time></p>
4643
4644              <h3>ルームズ・スリッパ</h3>
4645            </header>
4646
4647            <p>冬はウールにポリエステルのボア裏地が付いたスリッパを履いていた。暖かすぎて蒸れることと、ウールの部分が擦り切れてきたため、思い切って買い替えた。つま先が隠れるだけの物を探して、ちょくちょく見かけるルームズのネイビーにした。地元の雑貨店で2970円だ。</p>
4648          </section>
4649        </a>
4650
4651
4652        <a href="/blog/botanical-art-2022-12-02">
4653          <section class="excerpt">
4654            <header>
4655              <p class="date"><time datetime="2022-12-05T06:57:26+09:00">5日</time></p>
4656
4657              <h3>「おいしい」ボタニカル・アート(SOMPO美術館)</h3>
4658            </header>
4659
4660            <p>今月は新宿まで「おいしい」ボタニカル・アート展を見に行った。キュー王立植物園の思い出を回想しながら楽しみたい。リニューアルしたSOMPO美術館を見てみたかったこともある。</p>
4661          </section>
4662        </a>
4663
4664          </section>
4665          <section>
4666            <h2><time datetime="2022-11">2022年11月</time></h2>
4667
4668        <a href="/blog/higo-hosokawa-garden-and-eiseibunko-2022-10-28">
4669          <section class="excerpt">
4670            <header>
4671              <p class="date"><time datetime="2022-11-01T07:27:04+09:00">1日</time></p>
4672
4673              <h3>肥後細川庭園とかがやきの名品(永青文庫)</h3>
4674            </header>
4675
4676            <p>目白台にある肥後細川庭園と永青文庫に行ってきた。どちらかというと庭園が主眼で、永青文庫はついでだ。ちょうどいい気温で、散歩日和かつ庭園日和だった。</p>
4677          </section>
4678        </a>
4679
4680          </section>
4681          <section>
4682            <h2><time datetime="2022-10">2022年10月</time></h2>
4683
4684        <a href="/blog/yamada-shomei-z-00n-w">
4685          <section class="excerpt">
4686            <header>
4687              <p class="date"><time datetime="2022-10-27T06:48:22+09:00">27日</time></p>
4688
4689              <h3>山田照明の白いデスク・ランプ(Z-00N)</h3>
4690            </header>
4691
4692            <p>フロア・ランプを先に買うつもりだったが、なかなか決められないので、デスク・ランプを先に買った。山田照明のZ-00Nで、白い方だ。ヨドバシカメラで12500円で、まだポイントで払えた。取り寄せだったため、忘れた頃に発送された。</p>
4693          </section>
4694        </a>
4695
4696
4697        <a href="/blog/2022-10-26">
4698          <section class="excerpt">
4699            <header>
4700              <p class="date"><time datetime="2022-10-26T06:23:29+09:00">26日</time></p>
4701
4702              <h3>前閉じ→前開き</h3>
4703            </header>
4704
4705            <p>下着を新調するついでに、前開きのボクサー・ブリーフに変えたã€
4705‚座るトイレ・トレーニングを始めた時に、立ったままだと用を足しづらくなるよう、前閉じにして以来だ。トイレで座ることは完全に習慣になったことだし、もう戻っても大丈夫だろう。今までの手法に制約を加える手段があると、習慣を変えやすい。</p>
4706          </section>
4707        </a>
4708
4709
4710        <a href="/blog/2022-10-25">
4711          <section class="excerpt">
4712            <header>
4713              <p class="date"><time datetime="2022-10-25T07:12:56+09:00">25日</time></p>
4714
4715              <h3>Amazon Hubロッカーの発見</h3>
4716            </header>
4717
4718            <p>いつのまにか24時間受け取れるAmazon Hubロッカーが近くにできた。駅からは少し遠いが、スーパーには近いので、便利に使えそうだ。PUDOロッカーや、郵便局留め、置き配と、好きな時間に受け取れる選択肢があると気が楽だ。</p>
4719          </section>
4720        </a>
4721
4722
4723        <a href="/blog/2022-10-24">
4724          <section class="excerpt">
4725            <header>
4726              <p class="date"><time datetime="2022-10-24T06:31:49+09:00">24日</time></p>
4727
4728              <h3>ティファールの26cm深型フライパン</h3>
4729            </header>
4730
4731            <p>ビックカメラでの取り寄せはフライパンだった。相変わらず2年ごとに新調という感じだ。多少高いものを買っても、耐久性はほとんど変わらない。今回もティファールにしたが、ガラス蓋にこだわるのをやめ、26cm深型にした。サーモスにしてみようと地元で触ってみたものの、安っぽく感じたのでティファールを継続した。</p>
4732          </section>
4733        </a>
4734
4735
4736        <a href="/blog/sagami-ono-2022-10-20">
4737          <section class="excerpt">
4738            <header>
4739              <p class="date"><time datetime="2022-10-22T06:32:07+09:00">22日</time></p>
4740
4741              <h3>相模大野(2022-10-20)</h3>
4742            </header>
4743
4744            <p>WAONを1万円くらい使うというミッションが発生したので、ビックカメラで取り寄せをすることで達成してきた。小田急百貨店内の町田店は閉店するようで、取り寄せ出来なくなっていたため、相模大野店にした。久しぶりの相模大野だ。前回来た時はまだ伊勢丹があったã
4744®ã§ã€3年以上前のことになる。</p>
4745          </section>
4746        </a>
4747
4748
4749        <a href="/blog/2022-10-21">
4750          <section class="excerpt">
4751            <header>
4752              <p class="date"><time datetime="2022-10-21T06:31:07+09:00">21日</time></p>
4753
4754              <h3>Headphones Connectのバッテリー消費</h3>
4755            </header>
4756
4757            <p>歩くと自動で外音取り込みになる機能が欲しくて、公式のHeadphones Connectアプリを使っていた。うまく機能している一方で、音楽再生アプリ(Vanilla Music)と同じくらいバッテリーを消費しており、倍速で減っていく。他にこれといった機能もなく、入れておきたい気にならなかったので削除した。</p>
4758          </section>
4759        </a>
4760
4761
4762        <a href="/blog/2022-10-20">
4763          <section class="excerpt">
4764            <header>
4765              <p class="date"><time datetime="2022-10-20T06:29:05+09:00">20日</time></p>
4766
4767              <h3>4回目の接種後</h3>
4768            </header>
4769
4770            <p>8時間後くらいに高熱のピークが来た。そのピークはあまり続かず、1時間くらいで楽になった。その後は37.5度前後が続き、24時間後くらいに落ち着いた。2回目と似た感じだったが、熱で辛い期間が短かったã
4770®ã§ã€ä»Šã¾ã§ã§ä¸€ç•ªæ¥½ã ã£ãŸã‹ã‚‚しれない。ただし、夜中前にピークが来たためうまく眠れず、疲労は大きかった。また、熱が落ち着いた後も頭痛が長く、断続的にまだ続いている。</p>
4771          </section>
4772        </a>
4773
4774
4775        <a href="/blog/2022-10-19">
4776          <section class="excerpt">
4777            <header>
4778              <p class="date"><time datetime="2022-10-19T06:47:43+09:00">19日</time></p>
4779
4780              <h3>冬用部屋着の買い替え</h3>
4781            </header>
4782
4783            <p>着古したスウェット・フーディーをついに捨てたので、新しく見繕っていた。今年はなんだかカーディガンが豊富な気がする。部屋着なので無印良品くらいで十分かと考え、新作のジップアップのカーディガンにしてみた。フリース代わりとまではいかないが、そこそこ暖かそうで、関東なら乗り切れそうだ。</p>
4784          </section>
4785        </a>
4786
4787
4788        <a href="/blog/2022-10-18">
4789          <section class="excerpt">
4790            <header>
4791              <p class="date"><time datetime="2022-10-18T06:36:13+09:00">18日</time></p>
4792
4793              <h3>新型コロナウイルスワクチンの接種(4回目)</h3>
4794            </header>
4795
4796            <p>接種券が届いたので受けてきた。BA.5対応のワクチンに切り替わるまで待った方が良さそうだったが、後回しにすると受ける気分じゃなくなりそうな雰囲気のため、さっさとBA.1の方で接種してきた。3月終わりまで効果を持たせたいとも考えていたこともあり、少し悩んだ。BA.5まで待つと、5~7月くらいに4回目を接種済みの人たちとかぶりそうとか、寒くなると服装が面倒とか、弱い理由がいくつかあり、早めに済ませることにした。</p>
4797          </section>
4798        </a>
4799
4800
4801        <a href="/blog/2022-10-17">
4802          <section class="excerpt">
4803            <header>
4804              <p class="date"><time datetime="2022-10-17T06:14:25+09:00">17日</time></p>
4805
4806              <h3>古いイヤフォンの処分など</h3>
4807            </header>
4808
4809            <p>有線とケーブル付きのローエンド・イヤフォンは処分した。安物過ぎて売れないのであげた。それらに戻りたくなる可能性はあるが、音で満足できなくなるだろう。ここのところ、ソニー、ソニー、ソニーと来ている。勢いでBraviaのためにソニーのサウンドバーも買いそうになっている。また、無線充電のケースなので、次のスマフォも俄然無線充電付きにしたくなっている(Pixel 6aなどが候補から外れてしまった)。</p>
4810          </section>
4811        </a>
4812
4813
4814        <a href="/blog/2022-10-13">
4815          <section class="excerpt">
4816            <header>
4817              <p class="date"><time datetime="2022-10-13T05:59:17+09:00">13日</time></p>
4818
4819              <h3>床屋からの散歩</h3>
4820            </header>
4821
4822            <p>ようやく床屋へ行く間隔が、6~7週間に落ち着いてきた。相変わらず完全予約制で、客も一人ずつなため気楽だ。ただ、ついに値上がりした。8%くらいで済んだが、大変そうだ。</p>
4823          </section>
4824        </a>
4825
4826
4827        <a href="/blog/2022-10-12">
4828          <section class="excerpt">
4829            <header>
4830              <p class="date"><time datetime="2022-10-12T05:57:32+09:00">12日</time></p>
4831
4832              <h3>ソニーの完全ワイアレス・イヤフォン(WF-1000XM4)</h3>
4833            </header>
4834
4835            <p>スマフォの買い替えを先に延ばしたので、そのお金でイヤフォンを買った。iPhoneを買っていたらAirPods Proにしたと思うが、ソニーのハイエンド、WF-1000XM4にした。色は黒だ。29480円だが、ヨドバシカメラのポイントでè²
4835·ã£ãŸã®ã§ã€æŒã¡å‡ºã—はない。</p>
4836          </section>
4837        </a>
4838
4839
4840        <a href="/blog/2022-10-11">
4841          <section class="excerpt">
4842            <header>
4843              <p class="date"><time datetime="2022-10-11T06:31:29+09:00">11日</time></p>
4844
4845              <h3>vim-css3-syntax v1.10.2</h3>
4846            </header>
4847
4848            <p>仕様の更新をいくつか反映させてvim-css3-synatxのv1.10.2をリリースした。いつもの通り、これといった変更点はない。CSS4が出そうな雰囲気になっているので、そろそろお役御免になるかもしれない。このバージョンがVim 8.x系へ向けた最後のリリースになる。次のバージョンから、Vim 9.0とその標準ランタイム・ファイルに含まれるCSSシンタックス・ファイルを前提としたものになる予定だ。既にvim90ブランチで公開しているので、Vim 9.0のユーザーは試すことができる。</p>
4849          </section>
4850        </a>
4851
4852
4853        <a href="/blog/2022-10-08">
4854          <section class="excerpt">
4855            <header>
4856              <p class="date"><time datetime="2022-10-08T06:27:34+09:00">8日</time></p>
4857
4858              <h3>United AthleのサーマルTシャツ</h3>
4859            </header>
4860
4861            <p>5月くらいに、冬の外出用下着を新調した。6年くらいIndera MillsのサーマルTシャツを着ていたが、今回はUnited Athleのものにした。2668円だった。いきなり最高気温が12度くらいまで下がった時に着て、ぬくぬく温まっていた。</p>
4862          </section>
4863        </a>
4864
4865
4866        <a href="/blog/2022-10-07">
4867          <section class="excerpt">
4868            <header>
4869              <p class="date"><time datetime="2022-10-07T06:20:15+09:00">7日</time></p>
4870
4871              <h3>ペンキ剥がれ</h3>
4872            </header>
4873
4874            <p>ペンキが剥がれかけた何かを見かけると写真を撮っている。本当はぺりぺり剥がしたいが、それをやったら怒られるので、写真で我慢しているのだ。アメリカの映画で見かける、家の壁を塗り直す時に古いペンキをがりがり剥がす作業もやりたい。</p>
4875          </section>
4876        </a>
4877
4878
4879        <a href="/blog/2022-10-06">
4880          <section class="excerpt">
4881            <header>
4882              <p class="date"><time datetime="2022-10-06T06:20:57+09:00">6日</time></p>
4883
4884              <h3>WSL2の日時ずれが再発</h3>
4885            </header>
4886
4887            <p>Windowsを11の22H2に更新したあたりから、WSL2の日時がずれる現象が再発した。カーネルを戻したり、WSLを更新しても直らなかった。しょうがないのでhwclockをタスク・スケジューラーで動かすように戻した。</p>
4888          </section>
4889        </a>
4890
4891
4892        <a href="/blog/omotesandou-minamiaoyama-harajuku-2022-09-30">
4893          <section class="excerpt">
4894            <header>
4895              <p class="date"><time datetime="2022-10-05T06:14:16+09:00">5日</time></p>
4896
4897              <h3>表参道~青山~原宿(2022-09-30)</h3>
4898            </header>
4899
4900            <p>鈴木大拙展へは、直撃しそうにはないが台風が近づくようなので、その前に行くことにした。予報通り晴れた。晴れすぎて、歩いていたら暑すぎ、ビール休憩を挟まざるをえなかった。</p>
4901          </section>
4902        </a>
4903
4904
4905        <a href="/blog/2022-10-04">
4906          <section class="excerpt">
4907            <header>
4908              <p class="date"><time datetime="2022-10-04T05:46:32+09:00">4日</time></p>
4909
4910              <h3>Windows 11 22H2への更新</h3>
4911            </header>
4912
4913            <p>22H2でタスク・バーへのファイルのドロップでアプリケーションを前面に持ってくる機能が復活しているそうなので、さっそく更新した。Alt+Tabも枠とアクセント色でアウトラインが付くようになり、見やすくなっていた。おすすめは消せないが減らせるようになったã
4913®ã§ã€ExplorerPatcherはアンインストールした。</p>
4914          </section>
4915        </a>
4916
4917
4918        <a href="/blog/life-zen-art-2022-09-30">
4919          <section class="excerpt">
4920            <header>
4921              <p class="date"><time datetime="2022-10-03T06:43:47+09:00">3日</time></p>
4922
4923              <h3>鈴木大拙展(ワタリウム美術館)</h3>
4924            </header>
4925
4926            <p>神宮前というか青山のワタリウム美術館で行われている鈴木大拙展に行った。昨年、西田幾多郎の本をいくつか読んでおり、その流れで鈴木大拙にも興味を持ち始めている。ワタリウム美術館は初めてだ。</p>
4927          </section>
4928        </a>
4929
4930
4931        <a href="/blog/2022-10-01">
4932          <section class="excerpt">
4933            <header>
4934              <p class="date"><time datetime="2022-10-01T07:24:49+09:00">1日</time></p>
4935
4936              <h3>市の電子図書館</h3>
4937            </header>
4938
4939            <p>市が電子図書館を始めた。業者はTRC図書館流通センターのようだ。蔵書は10000点に満たず、青空文庫と児童書に偏っているようで、現時点では役に立ちそうもない。システムが別なので、既に存在する市立図書館のアカウントが利用できないなど、利用上の不便さもある。</p>
4940          </section>
4941        </a>
4942
4943          </section>
4944          <section>
4945            <h2><time datetime="2022-09">2022年9月</time></h2>
4946
4947        <a href="/blog/2022-09-30">
4948          <section class="excerpt">
4949            <header>
4950              <p class="date"><time datetime="2022-09-30T06:00:56+09:00">30日</time></p>
4951
4952              <h3>パナソニックの高級ドライヤー(EH-NA0J-P)</h3>
4953            </header>
4954
4955            <p>壊れかけのドライヤーを買い替えた。家人が高級機種を欲しがったので、パナソニックの新製品からハイエンドを選んだ。色はラベンダーピンクになった。新製品だが、なかなか売れているようだ。ヨドバシカメラで42900円だった。</p>
4956          </section>
4957        </a>
4958
4959
4960        <a href="/blog/2022-09-29">
4961          <section class="excerpt">
4962            <header>
4963              <p class="date"><time datetime="2022-09-29T06:03:23+09:00">29日</time></p>
4964
4965              <h3>国内旅行と接種証明書</h3>
4966            </header>
4967
4968            <p>家人が国内のパッケージ・ツアーに申し込んだところ、ツアー会社から接種証明書の提出を求められた。市役所に行くと、国内旅行には発行していないと断られたらしい。一番最近の利用済み接種券のコピーで良いようだ。発行するのに条件があるなら、市のウェブサイトに明記しておいてほしい。</p>
4969          </section>
4970        </a>
4971
4972
4973        <a href="/blog/2022-09-28">
4974          <section class="excerpt">
4975            <header>
4976              <p class="date"><time datetime="2022-09-28T05:57:22+09:00">28日</time></p>
4977
4978              <h3>机しかない部屋</h3>
4979            </header>
4980
4981            <p>空いている部屋に机だけを移した。本棚すら置いていない。机にもパソコン、スピーカー、ペン入れ、そして時計が置いてあるだけだ。これから少しずつ必要なものを移していく。</p>
4982          </section>
4983        </a>
4984
4985
4986        <a href="/blog/2022-09-27">
4987          <section class="excerpt">
4988            <header>
4989              <p class="date"><time datetime="2022-09-27T05:52:03+09:00">27日</time></p>
4990
4991              <h3>トウモロコシ好き</h3>
4992            </header>
4993
4994            <p>この夏はトウモロコシを10本くらいと、例年になく食べた。そぎ落としてコーンスープにしたり、鶏肉やトマトと一緒に煮込んだり、そのまま茹でたり。彼岸の日には、今年も最後と茹でて食べた。いつかトルティーヤを作ってみたい。</p>
4995          </section>
4996        </a>
4997
4998
4999        <a href="/blog/2022-09-26">
5000          <section class="excerpt">
5001            <header>
5002              <p class="date"><time datetime="2022-09-26T05:49:42+09:00">26日</time></p>
5003
5004              <h3>帰ってきたスニーカー(2回目)</h3>
5005            </header>
5006
5007            <p>少し前にオールソール交換に出したPatrickのスニーカーが帰ってきた。5週間と3日だった。前回(3週間と3日)よりは少し長かったが、地元のABCマートの取次ぎでも標準的な期間で帰ってきた。また4年後くらいに交換したい。</p>
5008          </section>
5009        </a>
5010
5011
5012        <a href="/blog/2022-09-24">
5013          <section class="excerpt">
5014            <header>
5015              <p class="date"><time datetime="2022-09-24T05:51:21+09:00">24日</time></p>
5016
5017              <h3>2022夏の感想</h3>
5018            </header>
5019
5020            <p>今年の夏は暑かった割には、楽だったようにも思う。6月に暑くなったが、7月にはそこそこ落ち着いたため、1か月ほどすごく暑いくらいで済んだと感じる。早めに暑さに慣れられ、暑い期間が分断されたのã
5020§ã€ä½“への負荷が分散されたのだろう。電気使用量も去年と比べ6~8月で49kWh減っており、エアコンの利用も少なかったことがうかがえる。もちろん電気代は上がった。</p>
5021          </section>
5022        </a>
5023
5024
5025        <a href="/blog/2022-09-22">
5026          <section class="excerpt">
5027            <header>
5028              <p class="date"><time datetime="2022-09-22T06:58:00+09:00">22日</time></p>
5029
5030              <h3>節電で暗い所</h3>
5031            </header>
5032
5033            <p>様々な所が節電のために照明を一部落としていたりした。元々明るすぎるところが苦手だったので、快適に感じる。特に長居しがちな図書館でも明るすぎない場所が増え、過ごしやすくなった。今年の冬も厳しいようだし、このまま暗いままであって欲しい。</p>
5034          </section>
5035        </a>
5036
5037
5038        <a href="/blog/2022-09-21">
5039          <section class="excerpt">
5040            <header>
5041              <p class="date"><time datetime="2022-09-21T05:54:38+09:00">21日</time></p>
5042
5043              <h3>夏の焼きそば</h3>
5044            </header>
5045
5046            <p>シマダヤの焼きそば麺が夏に売っていない。取り扱いがなくなったのかと思ったが、秋になったらまた売り始めた。もしかすると夏には生産していないのかもしれない。冷やし中華に生産を集中させているのだろうか。地元の安いスーパーでは、3食入りが100円くらいで売っており、週に1度くらいのペースで食べている。今のところ値上がりはしていないようだ。</p>
5047          </section>
5048        </a>
5049
5050
5051        <a href="/blog/2022-09-20">
5052          <section class="excerpt">
5053            <header>
5054              <p class="date"><time datetime="2022-09-20T05:48:34+09:00">20日</time></p>
5055
5056              <h3>離れた台風</h3>
5057            </header>
5058
5059            <p>かなり遠いところを通る台風だったが、よく雨が降った。ちょっと晴れた隙に散歩に出たが、帰りには降られ、ずぶ濡れになってしまった。下着を変えるほどに濡れたのは久しぶりだ。</p>
5060          </section>
5061        </a>
5062
5063
5064        <a href="/blog/2022-09-17">
5065          <section class="excerpt">
5066            <header>
5067              <p class="date"><time datetime="2022-09-17T05:47:50+09:00">17日</time></p>
5068
5069              <h3>古いけど古すぎない階段</h3>
5070            </header>
5071
5072            <p>作られてから50年経つか経たないかくらいの階段を見つけるとわくわくする。なかなか見つからない。角の削れ具合や、古いコンクリートの雰囲気、雑な目地などを愛でている。今のコンクリートの階段はのっぺりとしていて単なる物体という感じしかせず、ちょっと凝った見た目でも単に薄い石やレンガっぽいものを被せただけのものが多く、残念な気持ちになる。また、本当に古い階段はきちんと修繕されているものしか残っていないので、それはそれでなんかこう微妙な気持ちになる。</p>
5073          </section>
5074        </a>
5075
5076
5077        <a href="/blog/2022-09-16">
5078          <section class="excerpt">
5079            <header>
5080              <p class="date"><time datetime="2022-09-16T06:13:28+09:00">16日</time></p>
5081
5082              <h3>ポンパドゥールのバゲット</h3>
5083            </header>
5084
5085            <p>地元のポンパドゥールで、ここ半年くらいバゲットの焼き上がりが甘くなっているような気がしてならない。柔らかく食べやすいとも言えるが、家人が硬い方が好きなため悲しんでいる。自宅周辺ではここかドンクくらいしかバゲットを扱っておらず、ドンクは店舗からオーブンがなくなり、焼きたてが買えなくなってしまった。</p>
5086          </section>
5087        </a>
5088
5089
5090        <a href="/blog/2022-09-15">
5091          <section class="excerpt">
5092            <header>
5093              <p class="date"><time datetime="2022-09-15T06:26:12+09:00">15日</time></p>
5094
5095              <h3>ひょうたん</h3>
5096            </header>
5097
5098            <p>近所にある野菜の無人販売所を見に行ったら、そばにひょうたんがなっていた。ひょうたんがなっているところを初めて見た。太い方の直径が15cmくらいあり、なかなかの迫力だ。触ってみたい。スイカみたいな感じなのだろうか。</p>
5099          </section>
5100        </a>
5101
5102
5103        <a href="/blog/2022-09-14">
5104          <section class="excerpt">
5105            <header>
5106              <p class="date"><time datetime="2022-09-14T06:38:10+09:00">14日</time></p>
5107
5108              <h3>滑らないハンガー</h3>
5109            </header>
5110
5111            <p>夏の間、ケユカの滑らないハンガーにTシャツを掛けて収納していた。特に襟ぐりが伸びることもなく、型崩れもしなかった。このまま使い続けて良さそうだし、スウェットシャツやセーターも大丈夫そうだ。</p>
5112          </section>
5113        </a>
5114
5115
5116        <a href="/blog/2022-09-13">
5117          <section class="excerpt">
5118            <header>
5119              <p class="date"><time datetime="2022-09-13T06:20:13+09:00">13日</time></p>
5120
5121              <h3>スマフォ買い替えの断念</h3>
5122            </header>
5123
5124            <p>
5124Pixel 3aでOSの更新がなくなったので、新しいiPhoneが発表されたタイミングでiPhoneを買おうかと考えていた。14にはUSB-CもMiniもなかったので、13 MiniかSEにするかとヨドバシカメラでカートに入れるまではやったが、なんとなく買わなかった。ただただ買い替えたいという気分にならない。Pixel 3aの時に比べ、6aも特に欲しくはなっていない。このまま少し3aを使い続け、落としたり壊れたりしたらSEを買うと思う。</p>
5125          </section>
5126        </a>
5127
5128
5129        <a href="/blog/2022-09-12">
5130          <section class="excerpt">
5131            <header>
5132              <p class="date"><time datetime="2022-09-12T05:48:20+09:00">12日</time></p>
5133
5134              <h3>秋の走り</h3>
5135            </header>
5136
5137            <p>朝と夜が涼しい。ついに掛け布団を出した。Tシャツでゴミ捨てに行くと寒いくらいだ。サンマを食べたり、青いドングリを見つけたり、シオカラトンボを見たり。秋味も売り始めていた。</p>
5138          </section>
5139        </a>
5140
5141
5142        <a href="/blog/2022-09-10">
5143          <section class="excerpt">
5144            <header>
5145              <p class="date"><time datetime="2022-09-10T05:50:38+09:00">10日</time></p>
5146
5147              <h3>椅子にラグ</h3>
5148            </header>
5149
5150            <p>椅子は無印良品の白いワーク・チェアで変わっていないが、数年前にIKEAで買ったシープスキンのラグを敷いている。今年は真夏も敷き続けた。肌離れが良いことや、常にさらさらしていることが大きいようで、それほど暑くもなかった。</p>
5151          </section>
5152        </a>
5153
5154
5155        <a href="/blog/2022-09-09">
5156          <section class="excerpt">
5157            <header>
5158              <p class="date"><time datetime="2022-09-09T06:18:51+09:00">9日</time></p>
5159
5160              <h3>照明探し</h3>
5161            </header>
5162
5163            <p>これといったシーリング・ライトが見つからない。現状としてはシーリング・ライトを捨て、デスク・ライトとテーブル・ライトに置き換えるつもりだ。順序としてはテーブル・ライトを先に買いたい。夜中に作業しなくなったので、デスク・ライトは優先度が低い。</p>
5164          </section>
5165        </a>
5166
5167
5168        <a href="/blog/2022-09-08">
5169          <section class="excerpt">
5170            <header>
5171              <p class="date"><time datetime="2022-09-08T07:40:40+09:00">8日</time></p>
5172
5173              <h3>パプリカの値上がり</h3>
5174            </header>
5175
5176            <p>9月になって、パプリカが急に倍くらいの値段になった。年間を通して1つ100円から150円くらいで安定していたものが、200円から270円くらいになっている。そこそこ使うので困る。暑すぎた影響ならそのうち戻ってくれそうだが、円安の影響だとすると戻りそうもない。国産のパプリカも値上がりしているので、円安ではないと思いたいところだ。</p>
5177          </section>
5178        </a>
5179
5180
5181        <a href="/blog/shibuya-2022-09-02">
5182          <section class="excerpt">
5183            <header>
5184              <p class="date"><time datetime="2022-09-07T05:13:28+09:00">7日</time></p>
5185
5186              <h3>渋谷(2022-09-02)</h3>
5187            </header>
5188
5189            <p>かわるかたち展へは晴れた日に行きたかったが、​すっきりとしない天気が続くようなので、諦めて出かけた。幸い強く雨に降られることもなく、気温も低めだったので、わりと快適な日だった。</p>
5190          </section>
5191        </a>
5192
5193
5194        <a href="/blog/2022-09-06">
5195          <section class="excerpt">
5196            <header>
5197              <p class="date"><time datetime="2022-09-06T06:23:49+09:00">6日</time></p>
5198
5199              <h3>2022年、初サンマ</h3>
5200            </header>
5201
5202            <p>今秋、初めてサンマを食べた。今年は小さいという話を聞いていたが、本当に小さかった。7割くらいの大きさに見ã
5202ˆã‚‹ã€‚脂も少なく、さっぱりとしていた。上品な味と解釈できるかもしれない。</p>
5203          </section>
5204        </a>
5205
5206
5207        <a href="/blog/form-fluid-and-flexible-2022-09-02">
5208          <section class="excerpt">
5209            <header>
5210              <p class="date"><time datetime="2022-09-05T05:44:59+09:00">5日</time></p>
5211
5212              <h3>かわるかたち(渋谷公園通りギャラリー)</h3>
5213            </header>
5214
5215            <p>9月末で終わってしまう「かわるかたち」というアール・ブリュットの展覧会を見に、渋谷へ行った。先月に行く予定だったが、暑くて嫌になり、日延べしていた。巡回展となっており、練馬区美術館や府中市美術館でも行われるが、どちらも会期が短く、かつ込みそうな展覧会(練馬はモネ、府中はモリス)の終了間際なので、渋谷で行っておきたかった。</p>
5216          </section>
5217        </a>
5218
5219
5220        <a href="/blog/2022-09-03">
5221          <section class="excerpt">
5222            <header>
5223              <p class="date"><time datetime="2022-09-03T06:13:25+09:00">3日</time></p>
5224
5225              <h3>シェアサイクルの進出</h3>
5226            </header>
5227
5228            <p>市内にようやくシェアサイクルのポートができた。神奈川県は海沿いと相模原市くらいで、県央から県西の内陸地域にはあまりない。市による実証実験らしい。すでに多くの地域で商業化されており、実証実験の必要性はほぼないと思われるので、そういう体で進出してもらったのかもしれない。事業者はハローサイクリングだった。</p>
5229          </section>
5230        </a>
5231
5232
5233        <a href="/blog/2022-09-02">
5234          <section class="excerpt">
5235            <header>
5236              <p class="date"><time datetime="2022-09-02T05:55:59+09:00">2日</time></p>
5237
5238              <h3>2022夏の虫</h3>
5239            </header>
5240
5241            <p>今年は虫が少ない夏だった。蚊には3回しか刺されなかったし、Gは1匹しか見ていない。30度を超える日が続くと出てこなくなるとも聞くので、暑すぎたのだろうか。とすると、ハチの巣も加えてこれからという気もする。</p>
5242          </section>
5243        </a>
5244
5245
5246        <a href="/blog/2022-09-01">
5247          <section class="excerpt">
5248            <header>
5249              <p class="date"><time datetime="2022-09-01T05:39:22+09:00">1日</time></p>
5250
5251              <h3>Surfaceタイプカバーの修理</h3>
5252            </header>
5253
5254            <p>修理というか、端からめくれてきたアルカンターラをテープで止めた。めくれた部分の幅が1cm弱だったので、ニトムズの19mmの布テープを買い、それできれいに押さえつけて止める。家にあった茶色のガムテープでは目立ちすぎるので、黒い布テープにしたが必要十分という感じだ。テニスのラケットにエッジ・ガードを貼る作業を思い出した。</p>
5255          </section>
5256        </a>
5257
5258          </section>
5259          <section>
5260            <h2><time datetime="2022-08">2022年8月</time></h2>
5261
5262        <a href="/blog/2022-08-31">
5263          <section class="excerpt">
5264            <header>
5265              <p class="date"><time datetime="2022-08-31T05:55:47+09:00">31日</time></p>
5266
5267              <h3>植栽の根付きと雑草</h3>
5268            </header>
5269
5270            <p>開業してしばらく経つオフィス・ビルの公園というか、憩いの場というか、ちょっと座れるところがある場所は、あまり手入れはされていない。さすがにゴミ拾いくらいはやっているようだが、植栽の手入れはほとんど行われていない。いくつかの木はうまく根付かなかったようで、葉がほとんど生えてきていないが、どうにかするつもりはないようだ。そのような木の根元では木に栄養が取られないため、雑草がすくすくと育っている。または根付く前に雑草が支配的になって、根付けなかったã
5270®ã‹ã‚‚しれない。</p>
5271          </section>
5272        </a>
5273
5274
5275        <a href="/blog/2022-08-30">
5276          <section class="excerpt">
5277            <header>
5278              <p class="date"><time datetime="2022-08-30T05:45:12+09:00">30日</time></p>
5279
5280              <h3>スキンベープ</h3>
5281            </header>
5282
5283            <p>夏の始めに塗るタイプの虫よけがなくなったので、新しく買い直した。特に考えずにドラッグストアで山積みになっていたスキンベープにしたら、かなり効果的だった。むらなく塗ることが大切ということを学んだ。</p>
5284          </section>
5285        </a>
5286
5287
5288        <a href="/blog/2022-08-29">
5289          <section class="excerpt">
5290            <header>
5291              <p class="date"><time datetime="2022-08-29T06:32:10+09:00">29日</time></p>
5292
5293              <h3>お気に入りの石</h3>
5294            </header>
5295
5296            <p>部屋にいくつか石がある。特に気にして集めているわけではないが、文鎮の代わりに使っている。メモや、処分前のレシート、平置きに積んだ本の上に載せる、またはドア・ストッパーとして床に置く。最近、お気に入りの石が増え、4つになった。座ったカエルのように片方が見上げているような恰好の石だ。</p>
5297          </section>
5298        </a>
5299
5300
5301        <a href="/blog/2022-08-27">
5302          <section class="excerpt">
5303            <header>
5304              <p class="date"><time datetime="2022-08-27T06:11:13+09:00">27日</time></p>
5305
5306              <h3>ブレンド茶、カフェインレス・コーヒー、ハニーブッシュ・ティー</h3>
5307            </header>
5308
5309            <p>家ではカフェインの入っていない飲み物ばかりを飲む生活になってかなりになる。同じものばかりだと飽きるので、3種類を揃えた。食後にはカルディで売っている国産ブレンド茶を飲むことが多い。黒豆茶よりもすぐ出るので、こっちになった。それ以外の時は成城石井のカフェインレス・コーヒーかGassのハニーブッシュ・ティーをゆっくりと味わっている。ハニーブッシュ(はちみつのような香りがする)は好き嫌いが分かれそうだが、その香りとシナモンの軽い刺激がかなり気に入り、寝る前にも飲むようになった。</p>
5310          </section>
5311        </a>
5312
5313
5314        <a href="/blog/2022-08-26">
5315          <section class="excerpt">
5316            <header>
5317              <p class="date"><time datetime="2022-08-26T06:15:10+09:00">26日</time></p>
5318
5319              <h3>フランス語版HTML Best Practices</h3>
5320            </header>
5321
5322            <p>HTML Best Practicesが、今度はフランス語へ翻訳された。いつもの通り感謝しかない。色々な言語の翻訳を見てきたので、フランス語だとなんとなく読めるような気がしてくる。実際にはまったく読めないが、なんとなく目になじみがあるのだろう。</p>
5323          </section>
5324        </a>
5325
5326
5327        <a href="/blog/2022-08-25">
5328          <section class="excerpt">
5329            <header>
5330              <p class="date"><time datetime="2022-08-25T06:00:42+09:00">25日</time></p>
5331
5332              <h3>キッチンタイマーの買い替え</h3>
5333            </header>
5334
5335            <p>5年くらい使っていたIKEAのキッチンタイマーの液晶が映らなくなった。ちょくちょく落としたり、濡れた手で雑に扱っていたので、壊れたのだと思う。分解掃除しても直らなかったので買い替えた。212 Kitchen Storeで売っていたドリテックのOEMものにした。無駄に時計機能などが付いているが、文字やボタンが大きいものにしたかったので、これくらいしか選択肢がなかった。税込みで1430円だった。</p>
5336          </section>
5337        </a>
5338
5339
5340        <a href="/blog/2022-08-24">
5341          <section class="excerpt">
5342            <header>
5343              <p class="date"><time datetime="2022-08-24T05:53:11+09:00">24日</time></p>
5344
5345              <h3>髪の分け目</h3>
5346            </header>
5347
5348            <p>髪を切りに行ったついでに、5年ぶりくらいに髪を分ける位置を左右逆にした。自分の気分はかなり変わったが、他人にはまったくわからない。3年ごとくらいに変えていた気もするが、今回は間が空いた。</p>
5349          </section>
5350        </a>
5351
5352
5353        <a href="/blog/2022-08-23">
5354          <section class="excerpt">
5355            <header>
5356              <p class="date"><time datetime="2022-08-23T05:52:39+09:00">23日</time></p>
5357
5358              <h3>インドネシア語版HTML Best Practices</h3>
5359            </header>
5360
5361            <p>HTML Best Practicesがインドネシア語へ翻訳された。ベトナム語に続いて東南アジア系の言語への翻訳になる。いつもの通り感謝したい。インドネシア語は完全にアルファベットで書けるようだ。国コードがidなので、インドネシアのドメインは.idでかっこいい。ちょっと欲しいが、日本語のウェブサイトは作れなã
5361„ようだ。</p>
5362          </section>
5363        </a>
5364
5365
5366        <a href="/blog/2022-08-22">
5367          <section class="excerpt">
5368            <header>
5369              <p class="date"><time datetime="2022-08-22T06:23:46+09:00">22日</time></p>
5370
5371              <h3>涼しい朝</h3>
5372            </header>
5373
5374            <p>急に朝が涼しくなり、生活が一気に変わる。就寝時の冷房から解放されると同時に、とても目覚めが良くなり、起きてすぐに行動が出来るようになった。</p>
5375          </section>
5376        </a>
5377
5378
5379        <a href="/blog/2022-08-20">
5380          <section class="excerpt">
5381            <header>
5382              <p class="date"><time datetime="2022-08-20T06:10:59+09:00">20日</time></p>
5383
5384              <h3>マイナポイントの受け取り</h3>
5385            </header>
5386
5387            <p>マイナポイント第2弾のJREポイントを無事に受け取れた。モバイルSuicaアプリでチャージしたので、酒でも買いに行こうと思う。Suicaへチャージする時、上限10000円という制限があることを知った。1日あたりの回数制限はなさそうだったので、2回に分けて行うだけだった。知らないことは意外にある。</p>
5388          </section>
5389        </a>
5390
5391
5392        <a href="/blog/2022-08-19">
5393          <section class="excerpt">
5394            <header>
5395              <p class="date"><time datetime="2022-08-19T05:43:24+09:00">19日</time></p>
5396
5397              <h3>Patrickのオールソール交換(2回目)</h3>
5398            </header>
5399
5400            <p>愛用しているPatrickのスニーカーをオールソール交換に出した。かかととつま先のゴムがぼろぼろ欠けてきたので、寿命だろう。前回が2018年の4月だったようなので、4年と4か月ぶりだ(買ってからは7年半になる)。一時期、ボロボロになったキャンバス・スニーカーを履きつぶしていたり、最近は普段履きの靴が3足体制になったこともあり、前回より1年ほど長持ちした。うまく交換されれば10年履くことになりそうだ。</p>
5401          </section>
5402        </a>
5403
5404
5405        <a href="/blog/2022-08-18">
5406          <section class="excerpt">
5407            <header>
5408              <p class="date"><time datetime="2022-08-18T05:56:00+09:00">18日</time></p>
5409
5410              <h3>網戸</h3>
5411            </header>
5412
5413            <p>セミがうるさいと思ったら、居間で鳴いていた。手で捕まえて逃がしたが、セミを手づかみしたのは何年ぶりだろう。改めて口吻を眺めると、なかなか怖い。</p>
5414          </section>
5415        </a>
5416
5417
5418        <a href="/blog/2022-08-17">
5419          <section class="excerpt">
5420            <header>
5421              <p class="date"><time datetime="2022-08-17T06:01:25+09:00">17日</time></p>
5422
5423              <h3>5GHzのみ</h3>
5424            </header>
5425
5426            <p>2.4GHz率は低いものの、スリープ復帰後などに切り替わってしまうことがある。スリープから復帰した後は何かしたい時なので、切り替えで数秒インターネットが途切れるとã
5426‚¤ãƒ©ã‚¤ãƒ©ã—てしまう。机の位置を変えてルーターに近づけると同時に、デバイス・マネージャーから5GHzのみにすることで、安定したインターネットを手に入れた。</p>
5427          </section>
5428        </a>
5429
5430
5431        <a href="/blog/2022-08-16">
5432          <section class="excerpt">
5433            <header>
5434              <p class="date"><time datetime="2022-08-16T06:25:59+09:00">16日</time></p>
5435
5436              <h3>スプロール3部作の文庫本</h3>
5437            </header>
5438
5439            <p>ニューロマンサーはどこでも、それこそ近所の本屋ですら手に入るので持っていた。しかし3部作の残り2冊はKindle以外ではもう手に入らない。Kindleで揃える気が起きず、なんとなく古本で文庫本を探し続けていた。一時期はプレミアがついて3000円近い額になっていたが、今は1000円前後で手に入るようだ。ニューロマンサーの文庫本が1056円なので、これくらいなら許容範囲だろうと、先月の散財モードの時に買ってしまった。</p>
5440          </section>
5441        </a>
5442
5443
5444        <a href="/blog/2022-08-15">
5445          <section class="excerpt">
5446            <header>
5447              <p class="date"><time datetime="2022-08-15T06:12:33+09:00">15日</time></p>
5448
5449              <h3>台風?</h3>
5450            </header>
5451
5452            <p>先週末の台風は印象が薄いものだった。直撃したのに、これほど雨と風が弱かった台風は記憶にない。庭や屋根を見て回ったが、予想通り何も異常はなかった。毎回これくらいなら台風も悪くはない。</p>
5453          </section>
5454        </a>
5455
5456
5457        <a href="/blog/2022-08-13">
5458          <section class="excerpt">
5459            <header>
5460              <p class="date"><time datetime="2022-08-13T06:21:19+09:00">13日</time></p>
5461
5462              <h3>ドアフォン子機の復調</h3>
5463            </header>
5464
5465            <p>ドアフォン子機の電池がよく減るようになった。ほとんど使わないのに、いつ見ても充電中のランプがついている。充電電池の寿命かもしれないと買い替えてみたが、まったく改善しない。ルーターを買い替えた辺りで起きるようになった気もするので、ドアホン本体と近い位置に動かしたところ、電池が減らなくなった。電波の干渉か何かで消耗していたのかもしれない。電池の消耗はあまり関係なかったようだが、せっかく買ったので交換した。</p>
5466          </section>
5467        </a>
5468
5469
5470        <a href="/blog/2022-08-12">
5471          <section class="excerpt">
5472            <header>
5473              <p class="date"><time datetime="2022-08-12T05:43:15+09:00">12日</time></p>
5474
5475              <h3>ベトナム語版HTML Best Practices</h3>
5476            </header>
5477
5478            <p>HTML Best Practicesがベトナム語に訳された。いつも通り感謝の言葉を捧げたい。東南アジア系の言語は初めてだ。サーカムフレックス(^)とアポストロフィー(’)が組み合わさったような記号は、母音と声調を両方指定する時に使われるらしい。ベトナム語には母音が12もあるのか。</p>
5479          </section>
5480        </a>
5481
5482
5483        <a href="/blog/2022-08-10">
5484          <section class="excerpt">
5485            <header>
5486              <p class="date"><time datetime="2022-08-10T06:00:47+09:00">10日</time></p>
5487
5488              <h3>短編集好き</h3>
5489            </header>
5490
5491            <p>なんとなく短編集が好きだ。雑誌に載っていたりする短編小説そのものは特に好きではなくて、集まっていると好きになる。Kindleで買った短編集から、Spotifyのプレイリストみたいに新たな短編集を作りたい。面白い短編集があったら教えて欲しい。</p>
5492          </section>
5493        </a>
5494
5495
5496        <a href="/blog/2022-08-09">
5497          <section class="excerpt">
5498            <header>
5499              <p class="date"><time datetime="2022-08-09T06:34:29+09:00">9日</time></p>
5500
5501              <h3>虫さされ</h3>
5502            </header>
5503
5504            <p>今年初めて蚊にさされた。暑すぎると部屋を開けないからか、あまりさされã
5504ªã„。今年は「さされたなー」ではなく、さされたあたりを詳細に確認し、帯状疱疹じゃないことを確認するようになった。もうならないだろうとは思うが、なんとなく気になってしまう。</p>
5505          </section>
5506        </a>
5507
5508
5509        <a href="/blog/2022-08-08">
5510          <section class="excerpt">
5511            <header>
5512              <p class="date"><time datetime="2022-08-08T06:48:47+09:00">8日</time></p>
5513
5514              <h3>村上短編</h3>
5515            </header>
5516
5517            <p>村上春樹の短編集をほとんど揃えた。3冊(レキシントンの幽霊、東京奇譚集、恋しくて)持っていたので、残りをブックオフでかき集めたが、うっかり「女のいない男たち」を買い忘れた。近所のチェーン系古本屋でも売っていそうなので、そこで買おうと思う。一番新しい「一人称単数」は文庫本が出たら新品で買う。</p>
5518          </section>
5519        </a>
5520
5521
5522        <a href="/blog/2022-08-06">
5523          <section class="excerpt">
5524            <header>
5525              <p class="date"><time datetime="2022-08-06T06:05:39+09:00">6日</time></p>
5526
5527              <h3>ExplorerPatcher</h3>
5528            </header>
5529
5530            <p>Windows 11のスタートは問題なく使えている。中央揃えも慣れてきた。しかし、どうしても「おすすめ」セクションが許せない。役に立つと思えない上、非表示にもできない。しょうがないのでExplorerPatcherを導入して、さっぱりと消した。</p>
5531          </section>
5532        </a>
5533
5534
5535        <a href="/blog/2022-08-05">
5536          <section class="excerpt">
5537            <header>
5538              <p class="date"><time datetime="2022-08-05T05:54:38+09:00">5日</time></p>
5539
5540              <h3>ルームサンダルのおかわり</h3>
5541            </header>
5542
5543            <p>無印良品のルームサンダルの在庫がようやく潤沢になってきたようだ。といっても近所の店では売っていないので、店舗受取で買った。1週間くらいで到着し、快適に履いている。もうちょっと高いスリッパを買うつもりで探していたが、夏用の涼し気なものはあまり見つからず、おかわりということになった。</p>
5544          </section>
5545        </a>
5546
5547
5548        <a href="/blog/2022-08-04">
5549          <section class="excerpt">
5550            <header>
5551              <p class="date"><time datetime="2022-08-04T06:50:56+09:00">4日</time></p>
5552
5553              <h3>涼しい朝</h3>
5554            </header>
5555
5556            <p>起きたら涼しくてうれしい。うれしかったので、そのまま散歩に出た。みな考えることは同じのようで、散歩している人が多かった。散歩するとそこそこ暑い。</p>
5557          </section>
5558        </a>
5559
5560
5561        <a href="/blog/2022-08-03">
5562          <section class="excerpt">
5563            <header>
5564              <p class="date"><time datetime="2022-08-03T06:13:32+09:00">3日</time></p>
5565
5566              <h3>金遣いの荒い月</h3>
5567            </header>
5568
5569            <p>ここ10年ほどのおこづかい帳によると、7月と11月に金遣いが荒くなるようだった。11月は冬物の衣料品を買うことが多いので、仕方がない。7月はちょっとした出費が重なるだけでなく、めちゃくちゃ本を買っていることに気づいてしまった。夏になって涼しい部屋で過ごしたいということかもしれない。5年くらい前までは、それらを読みながら食べるお菓子の支出もすごかった。今年も気づけば3万円くらい本を買ってしまっている上、マンガも1万円くらい買っていた。</p>
5570          </section>
5571        </a>
5572
5573
5574        <a href="/blog/2022-08-02">
5575          <section class="excerpt">
5576            <header>
5577              <p class="date"><time datetime="2022-08-02T05:55:24+09:00">2日</time></p>
5578
5579              <h3>アンテナ・ケーブルの延長</h3>
5580            </header>
5581
5582            <p>
5582ONUを取り替える時に、大がかりな作業になるかもしれないと、テレビなどを移動させておいた。そのためONUを置き換えた後、動作確認のためテレビにアンテナ・ケーブルをつなぐ時、その長さが足りない可能性があった。念のために2mくらい延長できるよう、近所の電気屋に延長ケーブルを探しに行ったが、売っていない。どうも延長ケーブルというような製品はあまり売っておらず、中継接栓とアンテナ・ケーブルで延長するもののようだ。LANケーブルと似ている。</p>
5583          </section>
5584        </a>
5585
5586
5587        <a href="/blog/2022-08-01">
5588          <section class="excerpt">
5589            <header>
5590              <p class="date"><time datetime="2022-08-01T05:53:37+09:00">1日</time></p>
5591
5592              <h3>セミと夏本番</h3>
5593            </header>
5594
5595            <p>ようやくセミが鳴き始めた。ミンミンゼミからだったっけ。道路でセミコロンを見つけ、庭で抜け殻も見つけた。暑くなってからかなり経つので不思議な気分だ。最初の猛暑日が連続した時期以降はそれなりに過ごしやすく、まだ夏バテしそうもなく快調だ。とはいえようやく8月と考えると先は長い。</p>
5596          </section>
5597        </a>
5598
5599          </section>
5600          <section>
5601            <h2><time datetime="2022-07">2022年7月</time></h2>
5602
5603        <a href="/blog/2022-07-30">
5604          <section class="excerpt">
5605            <header>
5606              <p class="date"><time datetime="2022-07-30T06:23:51+09:00">30日</time></p>
5607
5608              <h3>ONUの故障から交換まで</h3>
5609            </header>
5610
5611            <p>起きたらインターネットにつながらない。パソコンとルーターは問題なく、回線工事や故障でもなさそうだった。ONUを確認したところ、インジケーターが全消灯しており、筐体が冷え切っている。ACアダプターの抜き挿しでも電源が入らず、リセット・ボタン的なものも見当たらないため、どうしようもない。同じ電源タップにつなげている機器は問題なく、他のコンセントに挿しても入らないので、ONU(かそのACアダプター)が壊れたようだ。フレッツ・テレビに移行した時に置き換えられたONUなので、ちょうど13年だ。寿命でもおかしくない。</p>
5612          </section>
5613        </a>
5614
5615
5616        <a href="/blog/2022-07-29">
5617          <section class="excerpt">
5618            <header>
5619              <p class="date"><time datetime="2022-07-29T06:10:00+09:00">29日</time></p>
5620
5621              <h3>インターネットなし、テレビなし</h3>
5622            </header>
5623
5624            <p>NTTから借りている機器の問題で、5日ほど固定回線のインターネットがなかった。とんだ誕生日プレゼントだ。Prime Videoに費やしていた時間は、本棚にある古い本、水上勉の本などを読み返していた。フレッツテレビなのでテレビも見れない。平和な日々だったが、噴火や、地震、台風の情報が得にくいなとも感じる。近辺では何もなくて助かった。</p>
5625          </section>
5626        </a>
5627
5628
5629        <a href="/blog/2022-07-23">
5630          <section class="excerpt">
5631            <header>
5632              <p class="date"><time datetime="2022-07-23T06:05:27+09:00">23日</time></p>
5633
5634              <h3>Surface Typecoverが認識されなくなった時</h3>
5635            </header>
5636
5637            <p>電源ボタンとボリューム・アップ・ボタンの同時押しを15秒くらい続けて起動したところ、ちゃんと認識され使えるようになった。早めに放してしまうとUEFIメニューに移行するので、押し続けることが大切だ。ともあれ認識されて良かった。</p>
5638          </section>
5639        </a>
5640
5641
5642        <a href="/blog/2022-07-22">
5643          <section class="excerpt">
5644            <header>
5645              <p class="date"><time datetime="2022-07-22T06:04:19+09:00">22日</time></p>
5646
5647              <h3>カルティエ そこに集いし者</h3>
5648            </header>
5649
5650            <p>1年ほど前に行った横尾忠則のThe Artists展で買わなかった画集をようやく手に入れた。横尾忠則が救急搬送されたという話を聞いて思い出した。出版が2018年なので、公式オンライン・ショップを含め、もうあまり売っていない。Amazonでは2000円ほど上乗せされて売っている。実店舗を探すとそれなりに残っているようだが、近所の店で取り寄せられそうもなかった。hontoで在庫ありだったので、なんとか定価で買えた。</p>
5651          </section>
5652        </a>
5653
5654
5655        <a href="/blog/2022-07-21">
5656          <section class="excerpt">
5657            <header>
5658              <p class="date"><time datetime="2022-07-21T05:57:06+09:00">21日</time></p>
5659
5660              <h3>デンマーク語版HTML Best Practices</h3>
5661            </header>
5662
5663            <p>HTML Best Practicesへデンマーク語への翻訳が追加された。いつもの通り感謝しかない。Danishかと思っていたが、それは英語だった。</p>
5664          </section>
5665        </a>
5666
5667
5668        <a href="/blog/2022-07-20">
5669          <section class="excerpt">
5670            <header>
5671              <p class="date"><time datetime="2022-07-20T05:41:40+09:00">20日</time></p>
5672
5673              <h3>ログアウトしづらいウェブサイト</h3>
5674            </header>
5675
5676            <p>ブラウザーでは、Googleと、Amazon、Twitter以外からはログアウトするようにしている。以前は既定でプライベート・ウィンドウを使っていたが、常用するには厳しかった。そうやっていると、ログインはしやすいけれど、ログアウトがしづらいウェブサイトがちょくちょくあることに気付く。最近では、ページ最下段にログアウトのリンクがあり、この時点でかなり問題があるが、なおかつ自動ページングでほぼたどり着けないというものに遭遇した。</p>
5677          </section>
5678        </a>
5679
5680
5681        <a href="/blog/2022-07-19">
5682          <section class="excerpt">
5683            <header>
5684              <p class="date"><time datetime="2022-07-19T06:26:16+09:00">19日</time></p>
5685
5686              <h3>WasewのTシャツ</h3>
5687            </header>
5688
5689            <p>愛用していたRemi ReliefのTシャツがよれよれのよれになってしまった。袖の縫製ã
5689Œä¸€éƒ¨ã»ã¤ã‚Œã€ãŸãŸã‚€æ™‚には裾が揃わない。買い直そうとしたら2000円くらい値上がりしており、普段用のTシャツに5000円以上は出せないのであきらめた。WasewのパックTシャツを勧められ、これにしてみた。公式通販から4950円で、送料は無料だった。</p>
5690          </section>
5691        </a>
5692
5693
5694        <a href="/blog/2022-07-16">
5695          <section class="excerpt">
5696            <header>
5697              <p class="date"><time datetime="2022-07-16T05:58:37+09:00">16日</time></p>
5698
5699              <h3>枯れ木</h3>
5700            </header>
5701
5702            <p>駅付近の緑の多い小道に、雰囲気の良い枯れ木がある。流木かもしれない。他にも気に入っている人がいるようで、たまに花が生けられていたりもする。クリスマス期にはサンタの人形が座っていたこともあった。</p>
5703          </section>
5704        </a>
5705
5706
5707        <a href="/blog/2022-07-15">
5708          <section class="excerpt">
5709            <header>
5710              <p class="date"><time datetime="2022-07-15T06:13:16+09:00">15日</time></p>
5711
5712              <h3>果物づくし</h3>
5713            </header>
5714
5715            <p>モモが出そろい始めた。まだちょっと高いが、ブドウよりはましだ。3回か食べて、2勝1敗だった。パッションフルーツも見かけるようになった。鹿児島、特に種子島のものがそこそこ安価に売っているところを見つけたので、何回か食べた。家がずっと南国の香りになっている。</p>
5716          </section>
5717        </a>
5718
5719
5720        <a href="/blog/2022-07-14">
5721          <section class="excerpt">
5722            <header>
5723              <p class="date"><time datetime="2022-07-14T06:20:31+09:00">14日</time></p>
5724
5725              <h3>モニター・アームにタブレット端末</h3>
5726            </header>
5727
5728            <p>Typecoverを外出用にし、家ではキーボードを買って分離したままで使おうと考え始めていた。そのまま机の上に置いても良いが、タブレット・スタンドに置きたい。しかし、アーム型で良さそうなものがあまりない。VESAマウントできるタブレット・ホルダーを発見したので、将来のことも少し考えて高級なモニター・アームと組み合わせる方向で探していた。</p>
5729          </section>
5730        </a>
5731
5732
5733        <a href="/blog/2022-07-13">
5734          <section class="excerpt">
5735            <header>
5736              <p class="date"><time datetime="2022-07-13T06:01:02+09:00">13日</time></p>
5737
5738              <h3>楽しいけど割に合わない</h3>
5739            </header>
5740
5741            <p>しばらくPrime VideoやTVerでバラエティー番組を色々見ていた。面白いと思い、楽しく笑っているが、たまに不意打ちで精神的な傷を受ける。ちょっとした荒い言葉だったり、自分が気にしているところをいじられていたり。見ることで得られる楽しさに割に合わないなと感じる。</p>
5742          </section>
5743        </a>
5744
5745
5746        <a href="/blog/2022-07-12">
5747          <section class="excerpt">
5748            <header>
5749              <p class="date"><time datetime="2022-07-12T05:37:06+09:00">12日</time></p>
5750
5751              <h3>トイレのリモコンの故障</h3>
5752            </header>
5753
5754            <p>買って13年半くらいになるトイレのリモコンが動かなくなった。電池を変えると電源は入ったようだが、ボタンを押しても反応がない。時刻合わせすらできないので、リモコンが壊れたようだ。もう一つのトイレのリモコンではちゃんと動いたので、本体の故障ではないだろう。流すことは自動で行えるが、ウォシュレットが動かせないと生きていけない。メーカーに頼むと遅そうだったので、プライム会員だと翌日に届くことから、Amazonで後継品を買った。</p>
5755          </section>
5756        </a>
5757
5758
5759        <a href="/blog/2022-07-11">
5760          <section class="excerpt">
5761            <header>
5762              <p class="date"><time datetime="2022-07-11T06:41:29+09:00">11日</time></p>
5763
5764              <h3>トンネル散歩</h3>
5765            </header>
5766
5767            <p>平野に住んでいるとトンネルを使う機会はほとんどない。唯一近所にあるトンネルはちょっとした丘を通したもので、100mくらいだ。たまに通りたくなるので、散歩に行く。そのあたりは起伏に富んでおり、大きめの公園や古墳がある地域で、散歩に向いているが、牛舎があり、臭かったり、臭いトラックが通ったりする。</p>
5768          </section>
5769        </a>
5770
5771
5772        <a href="/blog/2022-07-09">
5773          <section class="excerpt">
5774            <header>
5775              <p class="date"><time datetime="2022-07-09T06:48:39+09:00">9日</time></p>
5776
5777              <h3>麦わら帽子</h3>
5778            </header>
5779
5780            <p>8年くらい前に買った麦わら帽子が、2年前くらいからようやく似合うようになった。買った当初は失敗したと思っていたが、経年変化で色合いや形が少し変わったことと、かぶり方を少し変えたことで似合うようになったような気がする。帽子は好きでよく買うが、よく失敗する。これはギリギリ成功だ。</p>
5781          </section>
5782        </a>
5783
5784
5785        <a href="/blog/2022-07-08">
5786          <section class="excerpt">
5787            <header>
5788              <p class="date"><time datetime="2022-07-08T06:32:04+09:00">8日</time></p>
5789
5790              <h3>4回目の気配</h3>
5791            </header>
5792
5793            <p>新型コロナウイルスのワクチンを3回接種してから5か月を過ぎた。国の指針通り、高齢者等のみに接種券を送るようで、僕には来ていない。しかし、送られてきそうな気配が漂ってきた。今のうちに受けるかどうか決めておかないとならない。今のところ6:4で受ける方に傾いている。</p>
5794          </section>
5795        </a>
5796
5797
5798        <a href="/blog/shibuya-2022-07-01">
5799          <section class="excerpt">
5800            <header>
5801              <p class="date"><time datetime="2022-07-07T06:12:33+09:00">7日</time></p>
5802
5803              <h3>渋谷(2022-07-01)</h3>
5804            </header>
5805
5806            <p>戸栗美術館へ行った時は暑かった。なるべく歩かずに移動することを心掛けた。最寄り駅までもバスに乗る。世情も落ち着いているためか、乗り降りが激しい。</p>
5807          </section>
5808        </a>
5809
5810
5811        <a href="/blog/2022-07-06">
5812          <section class="excerpt">
5813            <header>
5814              <p class="date"><time datetime="2022-07-06T05:55:50+09:00">6日</time></p>
5815
5816              <h3>電話の出方</h3>
5817            </header>
5818
5819            <p>世論調査の電話が初めてスマフォにかかってきた。選挙期間だからか。めったにスマフォへ着信がないので、出方をよく覚えておらず、戸惑ってしまった。Googleの通話アプリは、通知のボタンに色が付いていたり、工夫もわかるが、応答するボタンはもっと大きくてもいいと思う。</p>
5820          </section>
5821        </a>
5822
5823
5824        <a href="/blog/2022-07-05">
5825          <section class="excerpt">
5826            <header>
5827              <p class="date"><time datetime="2022-07-05T05:52:01+09:00">5日</time></p>
5828
5829              <h3>素足でAllbirds</h3>
5830            </header>
5831
5832            <p>夏になったが、まだサンダルを買っていない。去年買ったAllbirdsのスニーカーが素足でもいけるという話なので、試しに履いて歩き回った。インソールの感触が気持ち良い上、うまく汗も逃げるようで、一日中快適だった。ウールなおかげか臭くもならないが、いざとなったら洗濯機で丸洗いできるため、そういう心配も無用だろう。</p>
5833          </section>
5834        </a>
5835
5836
5837        <a href="/blog/nabeshima-ware-2022-07-01">
5838          <section class="excerpt">
5839            <header>
5840              <p class="date"><time datetime="2022-07-04T05:46:26+09:00">4日</time></p>
5841
5842              <h3>鍋島焼(戸栗美術館)</h3>
5843            </header>
5844
5845            <p>松濤にある戸栗美術館へ鍋島焼の展覧会を見に行った。6月半ばに行く予定だったが、帯状疱疹になってしまったので、この日になった。暑かった。</p>
5846          </section>
5847        </a>
5848
5849
5850        <a href="/blog/2022-07-02">
5851          <section class="excerpt">
5852            <header>
5853              <p class="date"><time datetime="2022-07-02T06:39:55+09:00">2日</time></p>
5854
5855              <h3>SwatchのClearly Gent</h3>
5856            </header>
5857
5858            <p>腕時計を増やしたかったが、なかなか気に入った買える値段のものが見つかっていない。普段使いをしたいので、Swatchでいいかと、渋谷でふらっと懐かしかった透明なやつを買ってしまった。夏っぽい。TPUのペタペタするベルトも懐かしい。</p>
5859          </section>
5860        </a>
5861
5862
5863        <a href="/blog/2022-07-01">
5864          <section class="excerpt">
5865            <header>
5866              <p class="date"><time datetime="2022-07-01T06:31:29+09:00">1日</time></p>
5867
5868              <h3>寝具の充実</h3>
5869            </header>
5870
5871            <p>しばらく前に薄い羽毛布団を貰ったので、夏前くらいまでã
5871¯ãã‚Œã‚’かけている。寝る時にエアコンをかけるくらいになる、梅雨明けのこの時期からはタオルケットのみになる。厚手の羽毛布団や枕を含め、10年くらいかけて気に入った寝具が揃った。就寝から5時間くらいで一度目が覚めてしまうことが多いものの、最終的な目覚めは快適で、起床時間も安定している。</p>
5872          </section>
5873        </a>
5874
5875          </section>
5876          <section>
5877            <h2><time datetime="2022-06">2022年6月</time></h2>
5878
5879        <a href="/blog/2022-06-30">
5880          <section class="excerpt">
5881            <header>
5882              <p class="date"><time datetime="2022-06-30T06:25:24+09:00">30日</time></p>
5883
5884              <h3>役所付近</h3>
5885            </header>
5886
5887            <p>駅周辺は開発が進んだが、役所の方にはまだ田んぼが多い。市街化調整区域なので、役所や、消防署、病院くらいしかないような記憶だったが、スシローなどもあるので、そんなこともなさそう。西に大きな川が流れている関係で、浸水想定区域になっていることから、売れないだけかもしれない。このようなことを考えていたら気になってきたので、少し前に来た最新のハザードマップで、がけ崩れや地震の危険度などを確認したり、避難順路を再考したりした。</p>
5888          </section>
5889        </a>
5890
5891
5892        <a href="/blog/2022-06-29">
5893          <section class="excerpt">
5894            <header>
5895              <p class="date"><time datetime="2022-06-29T05:44:35+09:00">29日</time></p>
5896
5897              <h3>夏スリッパの買い替えに失敗</h3>
5898            </header>
5899
5900            <p>スリッパがないと靴下に穴が開きやすくなるような気がする。そんな理由で年中スリッパを履くように戻った。夏は素足にスリッパにしたいところだが、靴下なしで冷房に当たると体調を崩しがちなので、靴下も年中履いている。今の夏スリッパは、家人がサイズを間違えて買った無印良品の綿でできているルームサンダルで、階段で滑りやすいことと、底が裂けてきたことが気になっている。かといって他に良いものも見つからないので、買い直そうとしたが、店舗で売っていない。ネットストアでも売り切れだったり、いろいろ面倒になってしまった。</p>
5901          </section>
5902        </a>
5903
5904
5905        <a href="/blog/2022-06-28">
5906          <section class="excerpt">
5907            <header>
5908              <p class="date"><time datetime="2022-06-28T06:35:17+09:00">28日</time></p>
5909
5910              <h3>筋トレの再開</h3>
5911            </header>
5912
5913            <p>帯状疱疹以降、筋トレを休止していた。なるべく安静にということもあったが、単に痛くてできなかった。ほぼ2週間の休止で、体重はあまり変化がなかったが、体脂肪率が少し上がった。かなり回数を下げて再開したので、徐々に元に戻していきたい。息の仕方を忘れている。</p>
5914          </section>
5915        </a>
5916
5917
5918        <a href="/blog/2022-06-27">
5919          <section class="excerpt">
5920            <header>
5921              <p class="date"><time datetime="2022-06-27T06:25:14+09:00">27日</time></p>
5922
5923              <h3>夏用部屋着の新調</h3>
5924            </header>
5925
5926            <p>部屋着はあまり用意しないようにしている。リラックスしすぎてしまい、しゃっきりしない。それでも夏はやはり無理があるので、下だけは部屋着のようなパンツに着替えている。ここ4年くらいは無印良品のリネンパンツを着ており、股下が長い以外はそこそこ快適だった。さすがにゴムがゆるみはじめてしまったが、パジャマのように取り替えられそうもない。</p>
5927          </section>
5928        </a>
5929
5930
5931        <a href="/blog/2022-06-25">
5932          <section class="excerpt">
5933            <header>
5934              <p class="date"><time datetime="2022-06-25T06:42:49+09:00">25日</time></p>
5935
5936              <h3>帯状疱疹(11日目~15日目)</h3>
5937            </header>
5938
5939            <p>最後の診察を受けた。問題ないので、予約も薬もなしで、気になる変化があったら行くだけになった。塗り薬は続けた方が良いが、きれいに湿疹が消えるかは運任せで、きれいにしたい場合は美容皮膚科の受診が必要になるようだ。とにかくあまりひどくならずに済んで良かった。</p>
5940          </section>
5941        </a>
5942
5943
5944        <a href="/blog/2022-06-24">
5945          <section class="excerpt">
5946            <header>
5947              <p class="date">
5947<time datetime="2022-06-24T06:48:42+09:00">24日</time></p>
5948
5949              <h3>次のスマフォ</h3>
5950            </header>
5951
5952            <p>Pixel 3aのEOLが近づいている。前回は見送ったワイアレス充電が欲しくなっているので、Pixel 6aは候補から外れた。iPhone新モデルのminiにしたかったが、今年からminiは出ないらしい。新モデルの値段がびっくりするくらい上がりそうなこともあり、この夏が買い時のような気もしてきたり、ちょっと悩ましい。</p>
5953          </section>
5954        </a>
5955
5956
5957        <a href="/blog/2022-06-23">
5958          <section class="excerpt">
5959            <header>
5960              <p class="date"><time datetime="2022-06-23T06:41:15+09:00">23日</time></p>
5961
5962              <h3>食後の薬</h3>
5963            </header>
5964
5965            <p>10数年ぶりに食後に薬を飲む生活になっている。アセトアミノフェンを400mgくらいでも、なんだか調子が悪い。歩く速度へ顕著に現れ、15分くらいのところが20分くらいに落ちた。頭の回転も落ちているような気がする。食欲は落ちていないのが救いか。</p>
5966          </section>
5967        </a>
5968
5969
5970        <a href="/blog/2022-06-22">
5971          <section class="excerpt">
5972            <header>
5973              <p class="date"><time datetime="2022-06-22T07:00:40+09:00">22日</time></p>
5974
5975              <h3>緑だけの場所とベンチ</h3>
5976            </header>
5977
5978            <p>オープンしたて商業施設の植栽がきれいに緑色に染まった。1か月ほど前はまばらで貧弱な様子だったが、6月に入ると一気に茂る。まだ雑草のようなものも見えてこず、今が一番きれいな様子なのかもしれない。ここには派手に花が咲きそうな草木も植えられておらず、落ち着いた雰囲気だが、ベンチなどの座るところはない。</p>
5979          </section>
5980        </a>
5981
5982
5983        <a href="/blog/2022-06-21">
5984          <section class="excerpt">
5985            <header>
5986              <p class="date"><time datetime="2022-06-21T06:24:10+09:00">21日</time></p>
5987
5988              <h3>フロア・デッキの掃除</h3>
5989            </header>
5990
5991            <p>去年、ベランダにフロア・デッキを敷いた。その時に恐ろしい情報を教えてもらったので、夏場には何回かめくって掃除することにした。かなり面倒くさい。最初の掃除をしたが、特に問題はなさそうだ。</p>
5992          </section>
5993        </a>
5994
5995
5996        <a href="/blog/2022-06-20">
5997          <section class="excerpt">
5998            <header>
5999              <p class="date"><time datetime="2022-06-20T06:45:29+09:00">20日</time></p>
6000
6001              <h3>帯状疱疹(7日目~10日目)</h3>
6002            </header>
6003
6004            <p>3回目の診察が終わり、順調なので痛み止めのみになった。念のため受診予約をしたが、残る痛みがなくなればキャンセルしても良いほど順調のようだ。5日目あたりから急激に痛みが減ってきた。痛みの質も鈍く短いものに変わっている。痛み止めの効果が切れる朝でも、ちょっと気になるくらいでやり過ごせるようになった。湿疹も赤黒くなってきて、治りそうな様子に見える。</p>
6005          </section>
6006        </a>
6007
6008
6009        <a href="/blog/2022-06-18">
6010          <section class="excerpt">
6011            <header>
6012              <p class="date"><time datetime="2022-06-18T07:03:36+09:00">18日</time></p>
6013
6014              <h3>node:streams/consumers</h3>
6015            </header>
6016
6017            <p>Web StreamsからNode.jsで扱いやすい形にするヘルパー関数が用意されていることを教えてもらった。Node.jsでFetch標準が使えるようになったので、出番は多くなるのかもしれない。Node.jsのBufferにするコードを読むと、ReadableStreamを全て読んでBlobに変換し、更にArrayBufferに変換し、Buffer.from()を使っているようだ。</p>
6018          </section>
6019        </a>
6020
6021
6022        <a href="/blog/2022-06-17">
6023          <section class="excerpt">
6024            <header>
6025              <p class="date"><time datetime="2022-06-17T06:54:52+09:00">17日</time></p>
6026
6027              <h3>クリニック・ビル</h3>
6028            </header>
6029
6030            <p>最寄り駅付近にクリニック・ビルがにょきにょき建っている。通院している皮膚科もクリニック・ビルに入っている。3つ以上何ならかの病院が入っているビルだと、5つもあるようだ。病院のみとしても3つある。10年ほど振り返ってみると、歯医者も含めて単独の病院が開業した記憶がないかもしれない。駅から少し離れると、内科や整形外科が開業していた記憶はある。</p>
6031          </section>
6032        </a>
6033
6034
6035        <a href="/blog/2022-06-16">
6036          <section class="excerpt">
6037            <header>
6038              <p class="date"><time datetime="2022-06-16T06:48:14+09:00">16日</time></p>
6039
6040              <h3>帯状疱疹(4日目~6日目)</h3>
6041            </header>
6042
6043            <p>
60432回目の診察で特に異常はなかったので、抗ワクチン薬は標準的な7日で終わるようでほっとした。薬を飲んでから4日目くらいになると、痛みの最大値は下がってきた。湿疹も赤から黒に変わってきた。湿疹の跡が消えるまで1か月くらいはかかるらしいが、塗り薬で済むらしい。あとは神経痛の後遺症が残らないことを祈るだけだ。</p>
6044          </section>
6045        </a>
6046
6047
6048        <a href="/blog/2022-06-15">
6049          <section class="excerpt">
6050            <header>
6051              <p class="date"><time datetime="2022-06-15T06:32:29+09:00">15日</time></p>
6052
6053              <h3>ネットワーク・アダプターの不調</h3>
6054            </header>
6055
6056            <p>パソコンをスリープから復帰すると、10日に1度くらいネットワークの速度が500kbpsくらいになってしまうことがある。スマフォでは正常な速度が出るので、回線やルーターの問題ではないようだった。再起動すると直るが、そこまでしなくてもネットワーク・アダプターを無効にして有効に戻すだけでも直った。Win11では設定アプリのネットワークの詳細設定で無効にできるようになっている。もうちょっと調べてバッチファイルを書きたい。</p>
6057          </section>
6058        </a>
6059
6060
6061        <a href="/blog/graphic-trial-2022-mainzer-impuls-2022-06-07">
6062          <section class="excerpt">
6063            <header>
6064              <p class="date"><time datetime="2022-06-14T06:51:18+09:00">14日</time></p>
6065
6066              <h3>グラフィック・トライアル2022とマインツ・インパルス(印刷博物館)</h3>
6067            </header>
6068
6069            <p>飯田橋辺りへは、神田川のほとりにあるトッパン本社の印刷博物館へ、グラフィックトライアル2022とマインツ・インパルスを見に行った。近くに行くことになった時はちょくちょく覗くが、常設展側へは久しぶりに入る。いつものことながら建物外観に展示案内がないので、入っていいか不安になる。</p>
6070          </section>
6071        </a>
6072
6073
6074        <a href="/blog/2022-06-13">
6075          <section class="excerpt">
6076            <header>
6077              <p class="date"><time datetime="2022-06-13T06:26:54+09:00">13日</time></p>
6078
6079              <h3>帯状疱疹(1日目~3日目)</h3>
6080            </header>
6081
6082            <p>腹の左側に赤い湿疹が2cm四方ほどに固まって5つほどできた。かゆみが強く、たまにチクチクする。この時点では聞くほどに、痛くて眠れないような痛みはなかった。微妙なところで迷ったが、翌日に皮膚科を受診したところ、数秒で帯状疱疹と診断された。抗ウィルス薬と、解熱剤、ビタミン剤を処方され、これらを飲んで治すようだ。経過観察と薬の処方のため、しばらく通うことになる。1か月以内に治るとうれしい。</p>
6083          </section>
6084        </a>
6085
6086
6087        <a href="/blog/2022-06-11">
6088          <section class="excerpt">
6089            <header>
6090              <p class="date"><time datetime="2022-06-11T06:35:34+09:00">11日</time></p>
6091
6092              <h3>_ファイル.名</h3>
6093            </header>
6094
6095            <p>設定を書かずに済ませようとした時に、globパッケージを導入した。ビルドするファイルと参照するだけのファイルの区別やHTML用とRSS用のテンプレート・ファイルの区別は、このパッケージのignoreオプションを使っていた。オプションの値に4つも書いていると何か間違っている気がしたので、Sassを参考にファイル名の先頭にアンダースコアを追加し、ignoreオプションの値を**/_*で済ませられるように変更した。</p>
6096          </section>
6097        </a>
6098
6099
6100        <a href="/blog/2022-06-10">
6101          <section class="excerpt">
6102            <header>
6103              <p class="date"><time datetime="2022-06-10T06:10:26+09:00">10日</time></p>
6104
6105              <h3>道の広さと交通事故</h3>
6106            </header>
6107
6108            <p>しばらく前に近所で交通事故があって、少し離れたところに住んでいた人が死んだそうだ。「住んでいた」と書いてしまい、申し訳ない気持ちになる。ともかく、あまり交通量の多い所ではないので驚く。しかも最近になって道が広くなり、横断歩道が作られたところだったので、二重に驚いた。</p>
6109          </section>
6110        </a>
6111
6112
6113        <a href="/blog/iidabashi-kagurazaka-sinjuku-2022-06-07">
6114          <section class="excerpt">
6115            <header>
6116              <p class="date"><time datetime="2022-06-09T06:07:11+09:00">9日</time></p>
6117
6118              <h3>飯田橋~神楽坂~新宿(2022-06-07)</h3>
6119            </header>
6120
6121            <p>梅雨入りしたが、朝は晴れていた。まずは新宿駅に出る。ちょうどロマンスカーが来たので乗ろうかと考えたが、それほど混んではないようなので、快速急行にした。満員だがぎゅうぎゅう詰めというほどでもない。</p>
6122          </section>
6123        </a>
6124
6125
6126        <a href="/blog/2022-06-08">
6127          <section class="excerpt">
6128            <header>
6129              <p class="date"><time datetime="2022-06-08T06:41:19+09:00">8日</time></p>
6130
6131              <h3>minimist→util.parseArgs</h3>
6132            </header>
6133
6134            <p>Node.js v18.3.0でutilモジュールにparseArgsというものが生えた。コマンドライン引数(のような配列)をパースできる。minimistくらいで済んでいるものは置き換えられそうだ。</p>
6135          </section>
6136        </a>
6137
6138
6139        <a href="/blog/2022-06-07">
6140          <section class="excerpt">
6141            <header>
6142              <p class="date"><time datetime="2022-06-07T05:47:43+09:00">7日</time></p>
6143
6144              <h3>黒いマティスのブルー・ヌード</h3>
6145            </header>
6146
6147            <p>健診の日は1食抜きだったので、帰りにカフェに寄った。紅茶のパウンド・ケーキとピスタチオのアイスクリームがおいしかった。カフェの壁にはかなり大きなマティスのブルー・ヌードIIのパネルがかけてあり、なかなかの迫力だ。印刷も良さそうで、近くから見てもなかなか良い。</p>
6148          </section>
6149        </a>
6150
6151
6152        <a href="/blog/refreshing-directory-structure-v9.23.23">
6153          <section class="excerpt">
6154            <header>
6155              <p class="date"><time datetime="2022-06-06T06:38:50+09:00">6日</time></p>
6156
6157              <h3>ディレクトリー構造の刷新(v9.23.23)</h3>
6158            </header>
6159
6160            <p>静的ウェブサイト生成ツールのディレクトリー構造をいろいろ見ていた。思っていた通り、コンテンツ、テンプレート、CSSやJavaScript、静的なファイルなど、用途ごとにディレクトリーを用意し、それぞれの中の構造を生成先であるウェブサイトの構造に合わせるものばかりだった。このウェブサイトを生成する仕組みは、特定のディレクトリーにすべてがまとまっているいにしえのツールから派生していったため、まったくそうなっていない。いい機会なので刷新して、用途別にディレクトリーに分けた。</p>
6161          </section>
6162        </a>
6163
6164
6165        <a href="/blog/2022-06-04">
6166          <section class="excerpt">
6167            <header>
6168              <p class="date"><time datetime="2022-06-04T06:06:40+09:00">4日</time></p>
6169
6170              <h3>2022年の健診</h3>
6171            </header>
6172
6173            <p>今年は新しい健診クリニックで受けた。特に問題はなかった。身長が3mm伸びたが、靴下を履いたまま計るようになったからだろう。腹囲が2㎝ほど増えたものの、筋肉で増えたと考えられる。</p>
6174          </section>
6175        </a>
6176
6177
6178        <a href="/blog/2022-06-03">
6179          <section class="excerpt">
6180            <header>
6181              <p class="date"><time datetime="2022-06-03T06:45:21+09:00">3日</time></p>
6182
6183              <h3>Philipsのマルチ・グルーマー(MG5730/15)</h3>
6184            </header>
6185
6186            <p>愛用していた乾電池式のボディー・グルーマーを使おうとしたら、刃の一部が少し歪んでいた。使っても大丈夫そうだったが怪我をしたらばかばかしいので、新しく買い直した。Braunの似たものと迷ったが、同じPhilipsにし、鼻毛カッターも兼用しようと、充電式でいろいろ付いているマルチ・グルーマーにした。Amazonで3827円だった。</p>
6187          </section>
6188        </a>
6189
6190
6191        <a href="/blog/2022-06-02">
6192          <section class="excerpt">
6193            <header>
6194              <p class="date"><time datetime="2022-06-02T06:26:03+09:00">2日</time></p>
6195
6196              <h3>公金受取口座の登録</h3>
6197            </header>
6198
6199            <p>マイナポイント第2弾で7500円相当のポイントがもらえるとはいえ、あまり公金受取口座を登録するつもりはなかった。しかし、いつでも削除できるようだったので、ポイントを受け取ったら消せばいいかと考え直した。まったく使っていないゆうちょ銀行の口座があるので、それを登録しておく。</p>
6200          </section>
6201        </a>
6202
6203
6204        <a href="/blog/2022-06-01">
6205          <section class="excerpt">
6206            <header>
6207              <p class="date"><time datetime="2022-06-01T06:13:16+09:00">1日</time></p>
6208
6209              <h3>データ・ファイルの統合と移動</h3>
6210            </header>
6211
6212            <p>フィードを作る時にデータ・ファイルを集めてソートしていたが、データ・ファイルをひとつにまとめてソート済みとして持っておくことにした。ファイルを3つ読み込み、つなげて、ソートする時間と、大きなファイルから逐一選び出す時間で、後者の方が速そうな印象だったからだ。結果としてあまり速度は変わらず、扱いづらくなってしまったので、元に戻した。</p>
6213          </section>
6214        </a>
6215
6216          </section>
6217          <section>
6218            <h2><time datetime="2022-05">2022年5月</time></h2>
6219
6220        <a href="/blog/2022-05-31">
6221          <section class="excerpt">
6222            <header>
6223              <p class="date"><time datetime="2022-05-31T06:30:59+09:00">31日</time></p>
6224
6225              <h3>黒白紺灰紺白とハンガー</h3>
6226            </header>
6227
6228            <p>アジサイが咲いたので、そろそろTシャツの季節だ。今年は6着になった。Better (検索しづらい)の黒を追加し、紺をEntry SG.に買い替えた。かなり細そうだったEntry SG.は近所に試着できるところがあったã
6228®ã§åŠ©ã‹ã£ãŸã€‚ã©ã¡ã‚‰ã‚‚ç€å¿ƒåœ°ã¯ã„ã„ã€‚ã¡ã‚‡ã£ã¨ã—ãŸã‚»ãƒ¬ã‚¯ãƒˆã‚·ãƒ§ãƒƒãƒ—ã«è¡Œãã¨8000円以下のTシャツを見かけなくなる時代なので、お手頃な値段かもしれない。</p>
6229          </section>
6230        </a>
6231
6232
6233        <a href="/blog/2022-05-30">
6234          <section class="excerpt">
6235            <header>
6236              <p class="date"><time datetime="2022-05-30T06:17:52+09:00">30日</time></p>
6237
6238              <h3>iPodの思い出</h3>
6239            </header>
6240
6241            <p>iPodシリーズにはそれほど思い入れはないが、このiPod shuffleはよく使っていた。結局、iPhone 5sを買うまで使っていたように思う。引っ張り出してパソコンに挿してみたところ、ちゃんと認識され、音楽を転送できた。前面の再生制御スイッチ類や背面の電源スライダーの押し心地がいいことを思い出し、コチコチ押している。「コチ」とはちょっと違って、「クコッ」とかそういう音が近いかもしれない。</p>
6242          </section>
6243        </a>
6244
6245
6246        <a href="/blog/2022-05-28">
6247          <section class="excerpt">
6248            <header>
6249              <p class="date"><time datetime="2022-05-28T06:25:46+09:00">28日</time></p>
6250
6251              <h3>映画の歌</h3>
6252            </header>
6253
6254            <p>ダニエル・クレイグとピアース・ブロスナンの007を見終わった。ロザムンド・パイクの映画デビューが007だったことは知らなかった。今のところはカジノ・ロワイヤルが一番面白い。主題歌のアーティストを当ててみようとしていたが、さすがにSam Smithはわからなかった。Garbageも歌っていたのかと懐かしく思う。Ace of Baseや、Pulp、Muse、Radioheadも主題歌候補だったというような話もあり、やはりUKを感じる。</p>
6255          </section>
6256        </a>
6257
6258
6259        <a href="/blog/2022-05-27">
6260          <section class="excerpt">
6261            <header>
6262              <p class="date"><time datetime="2022-05-27T06:42:26+09:00">27日</time></p>
6263
6264              <h3>こむらがえる日々</h3>
6265            </header>
6266
6267            <p>1週間くらい、繰り返しこむらがえりが起こっていた。立っている時や歩いている時はあまり起こらず、座っている時や寝ている時にビリビリっと襲ってくる。スクワットをやりすぎて、筋肉を傷めたせいだったようだ。しばらくスクワットをやめたところ、徐々に頻度が落ち、最終的に治った。</p>
6268          </section>
6269        </a>
6270
6271
6272        <a href="/blog/2022-05-26">
6273          <section class="excerpt">
6274            <header>
6275              <p class="date"><time datetime="2022-05-26T06:16:13+09:00">26日</time></p>
6276
6277              <h3>サウンドバーの検討</h3>
6278            </header>
6279
6280            <p>しばらくBluetoothスピーカーをみつくろっていた時、BluetoothでつながるTV向けサウンドバーを壁掛けで設置することも考えていた。Denonの新作が良さそうだったこともあり、うまくはまらなくても居間に持っていってテレビ環境を向上できるため、後悔しなそうではあった。</p>
6281          </section>
6282        </a>
6283
6284
6285        <a href="/blog/hello-windows-11">
6286          <section class="excerpt">
6287            <header>
6288              <p class="date"><time datetime="2022-05-25T06:20:13+09:00">25日</time></p>
6289
6290              <h3>Windows 11に</h3>
6291            </header>
6292
6293            <p>それほど悪いうわさも聞かないので、重い腰を上げてWindows 11に更新した。40分ほどかかって無事に終了し、特に問題なく更新されたようだ。インストール中の画面が文字化けして不安になった。よく使うアプリもちゃんと動き、日常的な作業はを無事にこなせて安心した。環境の再構築を懸念していたWSLもだいたいそのままだった。</p>
6294          </section>
6295        </a>
6296
6297
6298        <a href="/blog/bose-soundlink-mini-ii-special-edition-silver">
6299          <section class="excerpt">
6300            <header>
6301              <p class="date"><time datetime="2022-05-24T06:27:32+09:00">24日</time></p>
6302
6303              <h3>Boseの銀色スピーカー</h3>
6304            </header>
6305
6306            <p>さすがにLate Night TalesをSurface Pro 6で聞くのは嫌になってきたã
6306®ã§ã€ã‚¹ãƒ”ーカーをみつくろっていた。色々見ていたらよくわからなくなり、Bluetooth入力に対応しているプリメイン・アンプとパッシブ・スピーカーを買いそうになって危なかった。スマート・スピーカーではない白かシルバーのスピーカーという、ゆるゆるの条件で探し、USB-Cに進化したBoseのSoundLink Mini II SEにした。安定した人気はあるものの、新作が出た影響か、それらと同じ19800円で売っていた所があり、ちょっと安く買えた。直営オンライン・ストアでも工場再生品が22000円で売っていて、少し迷った。</p>
6307          </section>
6308        </a>
6309
6310
6311        <a href="/blog/2022-05-23">
6312          <section class="excerpt">
6313            <header>
6314              <p class="date"><time datetime="2022-05-23T06:22:20+09:00">23日</time></p>
6315
6316              <h3>ルーマニア語版HTML Best Practices</h3>
6317            </header>
6318
6319            <p>HTML Best Practicesにルーマニア語への翻訳が来ていたので、ゴニョニョとマージした。いつも通り感謝している。星が3000を超えたが、2000からはかなりゆっくりとした調子だ。何かが起こらないと4000は無理そうだ。</p>
6320          </section>
6321        </a>
6322
6323
6324        <a href="/blog/2022-05-21">
6325          <section class="excerpt">
6326            <header>
6327              <p class="date"><time datetime="2022-05-21T06:15:29+09:00">21日</time></p>
6328
6329              <h3>有線イヤフォンのあきらめ</h3>
6330            </header>
6331
6332            <p>有線イヤフォンそのものは快適で、高級なものを買い直そうかと考えていた。しかし、問題が2つ発生してしまい、どうも解決しそうにない。ひとつは満員電車でのコードのからまりで、もうひとつはAndroid 12の行う音量制限が繰り返し行われてしまうことだ。そういえば最初に無線イヤフォンにした時は、からまり回避が最も大きな理由だった。この前、久しぶりに満員電車に乗った時は、からまらないように気を使って、とても疲れた。</p>
6333          </section>
6334        </a>
6335
6336
6337        <a href="/blog/2022-05-20">
6338          <section class="excerpt">
6339            <header>
6340              <p class="date"><time datetime="2022-05-20T06:41:53+09:00">20日</time></p>
6341
6342              <h3>007</h3>
6343            </header>
6344
6345            <p>生まれて初めて007の映画を見ている。一日一作品。Prime会員でなかったら、一生見ることはなかったであろう。古い順に見ると大変そうなので、ダニエル・クレイグになったカジノ・ロワイヤルからにした。主題歌がクリス・コーネルでかなり気分が盛り上がり、楽しく見れた。</p>
6346          </section>
6347        </a>
6348
6349
6350        <a href="/blog/2022-05-19">
6351          <section class="excerpt">
6352            <header>
6353              <p class="date"><time datetime="2022-05-19T06:43:56+09:00">19日</time></p>
6354
6355              <h3>Late Night Talesの発掘</h3>
6356            </header>
6357
6358            <p>押入れを整理していると、Late Night TalesのCDが2枚ほど出てきた。真剣に探したところ、全部で9枚あった。しばらくはずっと聞いていられそうだ。Another時代のZero 7、Nightmares on Wax、Snow Patrol、この3枚がお気に入りだ。偶然にThe Flaming Lipsのものを見つけ、シリーズのジャケットが気に入ったこともあり、集め始めた記憶がある。ちょっと古くなると途端に見つけられなくなって苦労したが、ビームスで過去のものも含めて扱っていた頃もあった。</p>
6359          </section>
6360        </a>
6361
6362
6363        <a href="/blog/vim-css3-syntax-v1.10.1">
6364          <section class="excerpt">
6365            <header>
6366              <p class="date"><time datetime="2022-05-18T06:39:53+09:00">18日</time></p>
6367
6368              <h3>vim-css3-syntax v1.10.1</h3>
6369            </header>
6370
6371            <p>Selectors Level 4が更新され、疑似クラスがいくつか追加された。そこそこ使い出がありそうなことと、前回のリリースから半年くらいになるので、変更を取り込んでvim-css3-syntaxのv1.10.1をリリースした。</p>
6372          </section>
6373        </a>
6374
6375
6376        <a href="/blog/2022-05-17">
6377          <section class="excerpt">
6378            <header>
6379              <p class="date"><time datetime="2022-05-17T06:31:29+09:00">17日</time></p>
6380
6381              <h3>ガードレール</h3>
6382            </header>
6383
6384            <p>よく通る道でガードレールをあまり見なくなった。写真のガードレールも道路と車道の間ではなく、道路と線路の間にあるものだ。道路が整備されると、消えていくような気もする。小学校付近にはそれなりに多いので、そのあたりをあまり歩かないからかもしれない。</p>
6385          </section>
6386        </a>
6387
6388
6389        <a href="/blog/nakano-shibuya-2022-05-10">
6390          <section class="excerpt">
6391            <header>
6392              <p class="date"><time datetime="2022-05-16T06:37:42+09:00">16日</time></p>
6393
6394              <h3>中野~渋谷(2022-05-10)</h3>
6395            </header>
6396
6397            <p>古寺巡礼へ行った時もいつものように散歩した。週間天気予報によると雨の隙間で、出かけるならこの日しかなさそうだった(結局はその翌日なども晴天だった)。予報通り晴れ、暑すぎもせず、歩きやすい日だった。</p>
6398          </section>
6399        </a>
6400
6401
6402        <a href="/blog/providing-filename">
6403          <section class="excerpt">
6404            <header>
6405              <p class="date"><time datetime="2022-05-14T06:33:37+09:00">14日</time></p>
6406
6407              <h3>ファイル名の指示</h3>
6408            </header>
6409
6410            <p>少し前に記事のファイル名を日付にした。とにかく楽だが、たまに明示的なファイル名にしたいこともある。下書きをHTMLで書いており、記事タイトルはh1要素にしているので、それにid属性としてファイル名を仕込み、公開スクリプト側で処理してやることにした。</p>
6411          </section>
6412        </a>
6413
6414
6415        <a href="/blog/kojijunrei-2022-05-10">
6416          <section class="excerpt">
6417            <header>
6418              <p class="date"><time datetime="2022-05-13T06:38:00+09:00">13日</time></p>
6419
6420              <h3>古寺巡礼(写大ギャラリー)</h3>
6421            </header>
6422
6423            <p>ここ数年の間に読んだ本で土門拳に触れたものがいくつかあった。記念館に行ってみたいと思うも、なかなか機会がなã
6423„ままだった。そんな折、近場で写真集「古寺巡礼」の写真展があることを知り、ゴールデン・ウィーク明けに行ってきた。場所は日本工芸大学の写大ギャラリーで、中野にある。</p>
6424          </section>
6425        </a>
6426
6427
6428        <a href="/blog/2022-05-11">
6429          <section class="excerpt">
6430            <header>
6431              <p class="date"><time datetime="2022-05-11T06:16:54+09:00">11日</time></p>
6432
6433              <h3>アルカンターラの限界</h3>
6434            </header>
6435
6436            <p>SurfaceのTypecoverはアルカンターラでおおわれている。裏側やタッチパッド周りは特に劣化していないが、端の接着がはがれ始めてきてしまった。開け閉めする時に頻繁に左手で抑えるあたりがひどく、一部はちぎれ始めた。アルカンターラの限界か。不調なこともあるので、家でのキーボードとマウスのことを考え始め、富士通のタッチパッド付きキーボードに惹かれている。</p>
6437          </section>
6438        </a>
6439
6440
6441        <a href="/blog/furidashi-v9.23.18">
6442          <section class="excerpt">
6443            <header>
6444              <p class="date"><time datetime="2022-05-09T06:16:56+09:00">9日</time></p>
6445
6446              <h3>振り出しに戻る(v9.23.18)</h3>
6447            </header>
6448
6449            <p>しばらくHTMLやCSSが安定していたが、loading=lazyの採用をきっかけに手を入れ始めた。HTMLはいろいろ変えていたが、main要素やarticle要素がなくなっていっただけに終わった。CSSでは余白の調整が主で、コンポーネントを少し増やし、カスタム・プロパティーを減らしたくらいだ。また、/documents/以下の文書が雑多な記録ページに表示されるように(URLは変えていない)なった。</p>
6450          </section>
6451        </a>
6452
6453
6454        <a href="/blog/confirming-publishing">
6455          <section class="excerpt">
6456            <header>
6457              <p class="date"><time datetime="2022-05-07T06:36:16+09:00">7日</time></p>
6458
6459              <h3>休みに休むか確認するために</h3>
6460            </header>
6461
6462            <p>4月29日、5月3日、5月4日と、連続で記事の公開を休みそびれた。ちょくちょくやってしまうので、休みの日は公開するかどうか確認するようにした。内閣府が提供している祝祭日データのCSVファイルから日付一覧に加工しておき、照らし合わせるだけだ。このデータは来年までしか掲載されていないので、そのうちデータを更新しなければならない。</p>
6463          </section>
6464        </a>
6465
6466
6467        <a href="/blog/2022-05-04">
6468          <section class="excerpt">
6469            <header>
6470              <p class="date"><time datetime="2022-05-04T06:40:09+09:00">4日</time></p>
6471
6472              <h3>公開時刻の早まり</h3>
6473            </header>
6474
6475            <p>記事の公開を朝一で行うようになった。時刻にぶれはあるが、おおむね6時半前後に実行している。起床、読書、着替えの後に公開し、それからパソコン(個人)、読書、朝食、雑事、筋トレ、パソコン(作業)、というような感じで時間が流れていく。</p>
6476          </section>
6477        </a>
6478
6479
6480        <a href="/blog/2022-05-03">
6481          <section class="excerpt">
6482            <header>
6483              <p class="date"><time datetime="2022-05-03T06:31:47+09:00">3日</time></p>
6484
6485              <h3>88ch→44rem</h3>
6486            </header>
6487
6488            <p>最近読んだ小説が一行あたり40文字だった。上下に大きく余白をとっており、なおかつ少し下に寄っている配置になっていた。雰囲気が似ていたため拝借してみたが、若干狭いようにも感じる。まずは間をとって44文字を試してみる。一行あたり48文字はちょっと長いかもしれないとずっと感じていたので、気分転換にもなった。</p>
6489          </section>
6490        </a>
6491
6492
6493        <a href="/blog/2022-05-02">
6494          <section class="excerpt">
6495            <header>
6496              <p class="date"><time datetime="2022-05-02T06:21:09+09:00">2日</time></p>
6497
6498              <h3>隙間と草木</h3>
6499            </header>
6500
6501            <p>擁壁の隙間に生えている木や、草、苔が気になる。自宅付近だと抜いてすっきりさせたくなるが、街中だと応援したくなってしまう。擁壁といえば、犬のふんを擁壁の排水管に詰めていく人がいるという苦情が回覧板で回ってきていた。</p>
6502          </section>
6503        </a>
6504
6505          </section>
6506          <section>
6507            <h2><time datetime="2022-04">2022年4月</time></h2>
6508
6509        <a href="/blog/2022-04-30">
6510          <section class="excerpt">
6511            <header>
6512              <p class="date"><time datetime="2022-04-30T06:47:48+09:00">30日</time></p>
6513
6514              <h3>書棚ページからマンガを削除</h3>
6515            </header>
6516
6517            <p>書棚ページをすっきりさせるためにマンガを追放した。マンガを後に参照したいとは考えなã
6517„だろうし、発売日直後くらいにしか有益な情報でもないと考え、そのようにした。そのためTwitterには変わらず投げられる。またデータとしては存在するので、気が変わったら戻せる。</p>
6518          </section>
6519        </a>
6520
6521
6522        <a href="/blog/2022-04-29">
6523          <section class="excerpt">
6524            <header>
6525              <p class="date"><time datetime="2022-04-29T06:22:12+09:00">29日</time></p>
6526
6527              <h3>ミラネーゼ→革</h3>
6528            </header>
6529
6530            <p>ミラネーゼの腕時計バンドに飽きてきた。工具なしで気軽に交換できることがわかったので、革の腕時計バンドを追加し、気分で付け替えることにした。先が細くならないものにしたかったため、WOCCIというところのものしか見つけられなかった。クーポンありで1599円だったが、黒い尾錠のものが売り切れていたので、同時に黒の尾錠も699円で買った。</p>
6531          </section>
6532        </a>
6533
6534
6535        <a href="/blog/2022-04-28">
6536          <section class="excerpt">
6537            <header>
6538              <p class="date"><time datetime="2022-04-28T06:48:57+09:00">28日</time></p>
6539
6540              <h3>春のボタンと春の霧</h3>
6541            </header>
6542
6543            <p>庭のボタンがきれいに咲いた。今年は2輪で、お得な感じだ。雨やら霧やらのせいでふにゃふにゃになったようで、家人が切って生けていたが、翌朝には半分以上の花びらが落ちてしまった。</p>
6544          </section>
6545        </a>
6546
6547
6548        <a href="/blog/2022-04-27">
6549          <section class="excerpt">
6550            <header>
6551              <p class="date"><time datetime="2022-04-27T06:17:31+09:00">27日</time></p>
6552
6553              <h3>node-fetchからの脱出</h3>
6554            </header>
6555
6556            <p>Node.js v18でfetch (やFormData)がフラグなしで使えるようになったので、このウェブサイトでnode-fetchパッケージを使っているものを書き換えていた。大体はimport文を消せばいいだけだったが、仕様に準拠していない部分で書き換えが必要だった。具体的にはsharpパッケージにpipe()で渡していたところだ。</p>
6557          </section>
6558        </a>
6559
6560
6561        <a href="/blog/2022-04-26">
6562          <section class="excerpt">
6563            <header>
6564              <p class="date"><time datetime="2022-04-26T06:17:28+09:00">26日</time></p>
6565
6566              <h3>スリッパ探し</h3>
6567            </header>
6568
6569            <p>断続的に5年くらい履いていたLe DDのDreamスリッパに穴が開いてしまった。今は余っていた無印良品のインド綿ルームサンダルを履いている。靴下を履いていると脱ぎ履きしづらく、あまり気に入っていない。Le DDは買い続けるには高い。探しているが、なかなか良さそうなものが見つからない。</p>
6570          </section>
6571        </a>
6572
6573
6574        <a href="/blog/2022-04-25">
6575          <section class="excerpt">
6576            <header>
6577              <p class="date"><time datetime="2022-04-25T06:37:16+09:00">25日</time></p>
6578
6579              <h3>フランソワ・ポンポン展(山梨県立美術館)</h3>
6580            </header>
6581
6582            <p>墓参りの際、ちょっと遠出して山梨県立美術館へ行った。ポンポン展が目当てで、シロクマに会いに行く。オルセーの大きなものしか知らなかったが、群馬県立館林美術館にもあるらしく、そのつてで巡回展が行われたようだ。群馬の時に行くつもりで調べたところ、片道4時間近くかかるようだったので、3時間弱で済む千葉にしようかと考えていたら、山梨でもやることを知り、墓参りついでに行ってきた。</p>
6583          </section>
6584        </a>
6585
6586
6587        <a href="/blog/2022-04-23">
6588          <section class="excerpt">
6589            <header>
6590              <p class="date"><time datetime="2022-04-23T06:47:39+09:00">23日</time></p>
6591
6592              <h3>黄色いバスマジックリン</h3>
6593            </header>
6594
6595            <p>近所で黄色いバスマジックリンが手に入りづらくなってきた。売られなくなったり、売っていても130円前後とかなり高い。今回はAmazonで30%オフのクーポンが配られていたため、90円くらいで手に入ってうれしい。</p>
6596          </section>
6597        </a>
6598
6599
6600        <a href="/blog/2022-04-22">
6601          <section class="excerpt">
6602            <header>
6603              <p class="date"><time datetime="2022-04-22T06:27:57+09:00">22日</time></p>
6604
6605              <h3>墓参り(2022-04-20)</h3>
6606            </header>
6607
6608            <p>
6608暖かくなったので、墓参りに行ってきた。ここのところ雨が多く、5月の連休前は難しそうだったが、なんとか晴れそうな日にした。前日の天気予報で雨が降るかもしれないと言われたが、なんとか朝までにはあがってくれ、出だしは順調だ。</p>
6609          </section>
6610        </a>
6611
6612
6613        <a href="/blog/2022-04-21">
6614          <section class="excerpt">
6615            <header>
6616              <p class="date"><time datetime="2022-04-21T06:23:55+09:00">21日</time></p>
6617
6618              <h3>Google Domains→Porkbun</h3>
6619            </header>
6620
6621            <p>重い腰を上げて脱Google Domainsをした。きっかけはCloudflareに移管した記事を読んだことだ。移管先は前に挙げた3つと、Gandi、Njalla、そして最終的に移管したPorkbunの中から選んだ。相変わらずGmailを主に使っているので、Googleアカウントの停止対策にはならない。分散させたい期になり、いろいろと分散させている。</p>
6622          </section>
6623        </a>
6624
6625
6626        <a href="/blog/2022-04-20">
6627          <section class="excerpt">
6628            <header>
6629              <p class="date"><time datetime="2022-04-20T05:41:17+09:00">20日</time></p>
6630
6631              <h3>ホームに戻る</h3>
6632            </header>
6633
6634            <p>ページ・フッターのみにナビゲーションを配置していると、長いページで厄介なことになる。そして、このウェブサイトには長い(どころではない)ページがある。位置固定のナビゲーションを導入するほどではないので、短いページであることが保証できるホームに戻るリンクを、位置固定で置くことにした。</p>
6635          </section>
6636        </a>
6637
6638
6639        <a href="/blog/2022-04-19">
6640          <section class="excerpt">
6641            <header>
6642              <p class="date"><time datetime="2022-04-19T06:07:10+09:00">19日</time></p>
6643
6644              <h3>記事の分割</h3>
6645            </header>
6646
6647            <p>冷蔵庫や無線LANルーターを買った記事などは分割されている。買うまでと設置を分けたり、購入から設置までと細かい機能についてを分けたりしている。ひとつの記事でセクションを作っていたところを、それぞれ記事に分けているつもりだ。毎日書くための水増し手法だが、これはこれで書いてあることがはっきりしていいかもしれない。</p>
6648          </section>
6649        </a>
6650
6651
6652        <a href="/blog/2022-04-18">
6653          <section class="excerpt">
6654            <header>
6655              <p class="date"><time datetime="2022-04-18T07:02:30+09:00">18日</time></p>
6656
6657              <h3>5GHzを優先</h3>
6658            </header>
6659
6660            <p>購入したNECのWX5400HPはメッシュ機能が既定で有効になっている。そのためバンドステアリングも有効になっており、ひとつのSSIDで2.4GHzと5GHzにつながる。どちらでつながるかは電波状況と機器によって変わる。ただ2.4GHzでつながってしまうと、回線速度が40Mbpsくらいまで一気に落ちてしまう。Surface Pro 6(のMarvel AVASTAR)では、デバイス・マネージャーからワイアレス・ネットワーク・アダプターの詳細設定で5GHzのみにできるようだ。</p>
6661          </section>
6662        </a>
6663
6664
6665        <a href="/blog/2022-04-16">
6666          <section class="excerpt">
6667            <header>
6668              <p class="date"><time datetime="2022-04-16T06:40:36+09:00">16日</time></p>
6669
6670              <h3>春の温度</h3>
6671            </header>
6672
6673            <p>完全に暖かくなったので、コートをクリーニングに出し、冬物の片付けを終えた。先月の雑誌に、ウールのコートを泡で手洗いする方法が載っていた。もうちょっとへたってきて、ダメになってもいいと思えるようになったら挑戦してみたい。布団も変えたいが、夜に寒い日がありそうなので、もうちょっと待ちたい。</p>
6674          </section>
6675        </a>
6676
6677
6678        <a href="/blog/2022-04-15">
6679          <section class="excerpt">
6680            <header>
6681              <p class="date"><time datetime="2022-04-15T07:52:18+09:00">15日</time></p>
6682
6683              <h3>ドコモ光 + ドコモnet + NECの無線LANルーターでIPv4 over IPv6</h3>
6684            </header>
6685
6686            <p>ドコモ光とドコモnetの組み合わせでは、公式にIPv4 over IPv6が使えるとされている無線LANルーターはドコモオンラインショップのみで売っている専用ルーターしかない。各メーカーでもOCNバーチャルコネクト(transix)への対応ã
6686¯ã†ãŸã£ã¦ã„ても、この組み合わせについては明言されていない。ダメ元で買ったNECのWX5400HPは自動判定でうまくつながり、無事にIPv4 over IPv6になった。速度だけでなく、ルーターの設定画面やIPv6確認サイトでも確認できた。OCNバーチャルコネクト対応となっていれば、どこのメーカーのルーターでも大丈夫なのだろう。</p>
6687          </section>
6688        </a>
6689
6690
6691        <a href="/blog/2022-04-14">
6692          <section class="excerpt">
6693            <header>
6694              <p class="date"><time datetime="2022-04-14T06:47:27+09:00">14日</time></p>
6695
6696              <h3>朝一散髪</h3>
6697            </header>
6698
6699            <p>最近は午前8時台に散髪してもらっている。一昨日も髪を切った。朝一だとその日をすっきりした気分で過ごせていい。もしかすると散髪そのものよりも、顔ぞりをしてもらうことが気持ちよくなる要点かもしれない。近所に顔ぞりコースがある床屋はないものか。</p>
6700          </section>
6701        </a>
6702
6703
6704        <a href="/blog/2022-04-13">
6705          <section class="excerpt">
6706            <header>
6707              <p class="date"><time datetime="2022-04-13T06:38:02+09:00">13日</time></p>
6708
6709              <h3>NECの無線LANルーター(WX5400HP)</h3>
6710            </header>
6711
6712            <p>先月、ノジマで冷蔵庫を購入した時に期間限定ポイントが10000円もらえるとのことだった。期間限定かつ10000円以上の商品にしか使えないので、何を買うか迷ったが、6年目くらいになった無線LANルーターを買い替えることにした。色々と考えた末にNECのWX5400HPというミドルレンジに落ち着いた。ノジマでは税込みで16478円で、ポイントを使って6428円の支払いになった。</p>
6713          </section>
6714        </a>
6715
6716
6717        <a href="/blog/2022-04-12">
6718          <section class="excerpt">
6719            <header>
6720              <p class="date"><time datetime="2022-04-12T06:41:14+09:00">12日</time></p>
6721
6722              <h3>綿とウールでなんたらかんたら</h3>
6723            </header>
6724
6725            <p>この冬はずっと無印良品の長袖Tシャツを着ていた。ものすごくあたたかいというほどではないが、神奈川県の平地だったので真冬を乗り切れた。半袖の頃に悩まされていた二ã
6725®è…•やひじのガサガサも改善し、今冬はたまにがさつくくらいで済んだ。数年はこれで生きていけそうだ。</p>
6726          </section>
6727        </a>
6728
6729
6730        <a href="/blog/2022-04-11">
6731          <section class="excerpt">
6732            <header>
6733              <p class="date"><time datetime="2022-04-11T06:05:18+09:00">11日</time></p>
6734
6735              <h3>ヘアブラシ・クリーナー</h3>
6736            </header>
6737
6738            <p>去年の秋に豚毛のヘアブラシに変えた。髪の調子はいいが、ブラシにすぐに毛やほこりがたまってしまう。月一くらいで掃除をしていたが、もうちょっと頻繁にやった方がいい気がする。そのためにはさっと終わらせられる必要があるので、ヘアブラシ・クリーナーを買った。550円だった。</p>
6739          </section>
6740        </a>
6741
6742
6743        <a href="/blog/2022-04-09">
6744          <section class="excerpt">
6745            <header>
6746              <p class="date"><time datetime="2022-04-09T06:19:20+09:00">9日</time></p>
6747
6748              <h3>タケソラホア新ジャ新タ湘ゴ</h3>
6749            </header>
6750
6751            <p>季節になってタケノコが手頃な値段になってきたので、もりもり食べている。そのままグリルで焼ける大きさのものが売っておらず残念だ。他にソラマメやホワイトアスパラガスも出回り始めた。ハクサイもまだ安いし、いい季節だ。新ジャガイモや新タマネギはそれほど好きではない。日持ちが良くないので、新ではない方を買いたくなる。などと思いつつ、蒸かして塩を振って食べている。</p>
6752          </section>
6753        </a>
6754
6755
6756        <a href="/blog/2022-04-08">
6757          <section class="excerpt">
6758            <header>
6759              <p class="date"><time datetime="2022-04-08T06:28:51+09:00">8日</time></p>
6760
6761              <h3>Tasks.orgへの出戻り</h3>
6762            </header>
6763
6764            <p>タスク管理アプリでしっくりくるものが見つからず、アカウントを増やさずに使えるGoogleのToDo リストを使ってきた。困るというほどのことはないが、繰り返しタスクが当日になるまで出てこないことがずっと不満で、たまにイライラしてしまう。カレンダー側では未来のタスクも閲覧でき、そちらで繰り上げや期限の変更が可能だが、うまく変更できずにタスクが消えたりする。ということでTasks.orgに出戻った。しばらく使わないうちに細かいところの使い勝手が良くなっていた。</p>
6765          </section>
6766        </a>
6767
6768
6769        <a href="/blog/2022-04-07">
6770          <section class="excerpt">
6771            <header>
6772              <p class="date"><time datetime="2022-04-07T06:22:43+09:00">7日</time></p>
6773
6774              <h3>昼めしレシピ</h3>
6775            </header>
6776
6777            <p>本屋をうろうろしていたら、今月のdancyuが「本気の昼めしレシピ」という特集だった。パラパラと眺めたところ、作りたくなるほどではないが、それぞれの好みが現れているのか、ちょっと面白い。その程度だったので、買わずに帰った。家で思い返してみると、この「作りたくなるほどではない」というあたりが、昼めしレシピとしては、手間や気分転換という点でいいのかもしれない。</p>
6778          </section>
6779        </a>
6780
6781
6782        <a href="/blog/2022-04-06">
6783          <section class="excerpt">
6784            <header>
6785              <p class="date"><time datetime="2022-04-06T06:13:49+09:00">6日</time></p>
6786
6787              <h3>ドイツ語版HTML Best Practices</h3>
6788            </header>
6789
6790            <p>スペイン語版に続いて、ドイツ語への翻訳もHTML Best Practicesに来た。ざっと確認した後、マージした。いつもの通り、感謝の言葉しかない。</p>
6791          </section>
6792        </a>
6793
6794
6795        <a href="/blog/2022-04-05">
6796          <section class="excerpt">
6797            <header>
6798              <p class="date"><time datetime="2022-04-05T06:56:22+09:00">5日</time></p>
6799
6800              <h3>Keep→Joplin (→?)</h3>
6801            </header>
6802
6803            <p>ちょうど良いメモ・アプリを見つけられないまま、ずっとGoogle Keepを使ってきた。クラウド・メモ・アプリであるKeepそのものには不満はないが、ローカルにテキスト・ファイルがあってほしいため、しっくりこない。AndroidとiOSに対応していて、ウェブ・アプリかWindowsアプリもあるとなると、Joplinくらいしか見つからない。</p>
6804          </section>
6805        </a>
6806
6807
6808        <a href="/blog/2022-04-04">
6809          <section class="excerpt">
6810            <header>
6811              <p class="date"><time datetime="2022-04-04T07:03:21+09:00">4日</time></p>
6812
6813              <h3>花の春</h3>
6814            </header>
6815
6816            <p>
6816春は、普段はあまり通らない道を歩くと、この木もサクラだったのかと気づくことがある。また、解体された家の奥にあったサクラに気づかされたりもする。花が咲いてくれたり紅葉してくれないと、木の違いが分からない。遠くからでも枝ぶりだけで見分けられる知人に憧れている。</p>
6817          </section>
6818        </a>
6819
6820
6821        <a href="/blog/2022-04-02">
6822          <section class="excerpt">
6823            <header>
6824              <p class="date"><time datetime="2022-04-02T07:55:06+09:00">2日</time></p>
6825
6826              <h3>Google is muting some sound</h3>
6827            </header>
6828
6829            <p>何かの拍子にこうなった。具体的には通知音が鳴らなくなる。サイレント・モードや機器のミュートではない。設定から「デバイスとアプリの通知」で、Googleアプリの権限を剥奪してやったところ直った。その後、再度与えても大丈夫なようだが、剥奪したままにしておいた。OSの言語設定が日本語のままだと、検索しても答えが出てこなかったので、一旦英語に切り替え、タイトルの文章を探し、それで検索した。</p>
6830          </section>
6831        </a>
6832
6833
6834        <a href="/blog/2022-04-01">
6835          <section class="excerpt">
6836            <header>
6837              <p class="date"><time datetime="2022-04-01T06:30:11+09:00">1日</time></p>
6838
6839              <h3>スペイン語版HTML Best Practices</h3>
6840            </header>
6841
6842            <p>HTML Best Practicesのスペイン語への翻訳が到着した。ざっと確認して、サッとマージした。毎度のことながら、感謝しかない。</p>
6843          </section>
6844        </a>
6845
6846          </section>
6847          <section>
6848            <h2><time datetime="2022-03">2022年3月</time></h2>
6849
6850        <a href="/blog/2022-03-31">
6851          <section class="excerpt">
6852            <header>
6853              <p class="date"><time datetime="2022-03-31T08:57:13+09:00">31日</time></p>
6854
6855              <h3>ClearURLsの相性</h3>
6856            </header>
6857
6858            <p>Chrome系向けの拡張にClearURLsという、ウェブサイトに仕込まれている追跡クエリーを削除するものがある。URLをコピーする時に便利なので、重宝していた。しかし、相性が悪いウェブサイトも多く、TwitterやAmazonなど、まさに削除して欲しいウェブサイトが時々壊れる。</p>
6859          </section>
6860        </a>
6861
6862
6863        <a href="/blog/2022-03-30">
6864          <section class="excerpt">
6865            <header>
6866              <p class="date"><time datetime="2022-03-30T06:36:47+09:00">30日</time></p>
6867
6868              <h3>六本木~虎ノ門~表参道</h3>
6869            </header>
6870
6871            <p>大倉集古館へは、そこそこ早い時間に行くつもりだったので、ロマンスカーで新宿まで出た。通勤時間帯のロマンスカーに乗るのはあまりなく、満席で驚いた。車両は久しぶりにEXEαで、ロマンスカーっぽくない。</p>
6872          </section>
6873        </a>
6874
6875
6876        <a href="/blog/2022-03-29">
6877          <section class="excerpt">
6878            <header>
6879              <p class="date"><time datetime="2022-03-29T06:47:19+09:00">29日</time></p>
6880
6881              <h3>季節をめぐり、自然と遊ぶ(大倉集古館)</h3>
6882            </header>
6883
6884            <p>一度、大倉集古館を見てみたかったので、「季節をめぐり、自然と遊ぶ」という企画展に行った。終了直前に行けてよかった。晴れて暖かく、散歩しながら行くにはいい日だった。</p>
6885          </section>
6886        </a>
6887
6888
6889        <a href="/blog/2022-03-27">
6890          <section class="excerpt">
6891            <header>
6892              <p class="date"><time datetime="2022-03-27T06:17:22+09:00">27日</time></p>
6893
6894              <h3>AppleCare+を考慮したiPhoneの価格</h3>
6895            </header>
6896
6897            <p>5Gに対応して、iPhone SEの3代目が出た。Pixel 3aに不満はないが、iPhoneに出戻りたい気分になっている。少し前に落として画面を割ったので、AppleC
6897are+を月契約で付けておくことを考えている。モデルによって値段が違うので、そのことも考慮して費用を考えないとならない。</p>
6898          </section>
6899        </a>
6900
6901
6902        <a href="/blog/2022-03-26">
6903          <section class="excerpt">
6904            <header>
6905              <p class="date"><time datetime="2022-03-26T07:41:50+09:00">26日</time></p>
6906
6907              <h3>強風と枝折れ</h3>
6908            </header>
6909
6910            <p>数年前から近所の道路では、激しい風が吹いた翌日になると、このように砕けた木の枝が散乱している。実際には道路の真ん中に落ちたりしているようで、かなり危なっかしい。枝折れが起きている雑木林には、防止ネットの設置など、対策がなされた。一部は防げているようだが、根本的な解決には至っていない。</p>
6911          </section>
6912        </a>
6913
6914
6915        <a href="/blog/2022-03-25">
6916          <section class="excerpt">
6917            <header>
6918              <p class="date"><time datetime="2022-03-25T06:46:40+09:00">25日</time></p>
6919
6920              <h3>早起きの安定化</h3>
6921            </header>
6922
6923            <p>ようやく安定して5時半までに起きられるようになった。目覚ましが鳴る前に目が覚めるようにもなった。起きてから6時半くらいまではベッドで本を読み、それから起床する。その後は家事少しとパソコンで日課の定型作業を行い、7時半くらいに朝食という感じに落ち着いた。</p>
6924          </section>
6925        </a>
6926
6927
6928        <a href="/blog/2022-03-24">
6929          <section class="excerpt">
6930            <header>
6931              <p class="date"><time datetime="2022-03-24T07:30:00+09:00">24日</time></p>
6932
6933              <h3>財布なしの挫折</h3>
6934            </header>
6935
6936            <p>ついに財布をやめてみていた。まだ我慢してスマフォにウォレット・ケースを付けているので、それにカード類と札を何枚か入れておくだけにした。レシートを入れる場所が少なくて困っているくらいで、特に問題なく生きていけていた。しかし、1週間でスマフォをなくす夢を何回か見てしまい、財布に出戻ってしまった。何かの時のために、お金、スマフォ、鍵を、別々に持ちたい気持ちが強いようだ。</p>
6937          </section>
6938        </a>
6939
6940
6941        <a href="/blog/2022-03-22">
6942          <section class="excerpt">
6943            <header>
6944              <p class="date"><time datetime="2022-03-22T07:38:17+09:00">22日</time></p>
6945
6946              <h3>昼にホットケーキ</h3>
6947            </header>
6948
6949            <p>砂糖の入っていないホットケーキ・ミックスを見つけた。それから昼ご飯にホットケーキを食べるようになった。いまだに具をどうするか悩んでいる。水切りヨーグルトとベリーミックスを主に食べつつ、生ハムやベビーリーフを盛ったり、手探りで試している。</p>
6950          </section>
6951        </a>
6952
6953
6954        <a href="/blog/2022-03-21">
6955          <section class="excerpt">
6956            <header>
6957              <p class="date"><time datetime="2022-03-21T07:48:05+09:00">21日</time></p>
6958
6959              <h3>馬のような跡</h3>
6960            </header>
6961
6962            <p>馬に見えた。シャドーロールのような跡もある。明らかに目の位置にあるので、前が見えなそうだ。</p>
6963          </section>
6964        </a>
6965
6966
6967        <a href="/blog/2022-03-19">
6968          <section class="excerpt">
6969            <header>
6970              <p class="date"><time datetime="2022-03-19T08:00:17+09:00">19日</time></p>
6971
6972              <h3>アイコンが単色に</h3>
6973            </header>
6974
6975            <p>単色で塗りつぶしたアイコンに変わった。単色になるのも5回目くらいだ。無意味な幾何学模様を使うより、ウェブサイトの現状を反映していそうだ。キャッシュ。</p>
6976          </section>
6977        </a>
6978
6979
6980        <a href="/blog/2022-03-18">
6981          <section class="excerpt">
6982            <header>
6983              <p class="date"><time datetime="2022-03-18T07:58:37+09:00">18日</time></p>
6984
6985              <h3>ウクライナ国旗風のもの</h3>
6986            </header>
6987
6988            <p>街を歩いていると、黄と青のものに反応するようになった。そこそこ見つかるが、きれいに分かれているものはなかなかない。バレーボールや水球のボールも黄と青のものが多いが、模様としてはすっきりと分かれてはいない。回転を見えやすくするためだろうか。</p>
6989          </section>
6990        </a>
6991
6992
6993        <a href="/blog/2022-03-17">
6994          <section class="excerpt">
6995            <header>
6996              <p class="date"><time datetime="2022-03-17T08:20:05+09:00">17日</time></p>
6997
6998              <h3>ハ行の姓</h3>
6999            </header>
7000
7001            <p>
7001プライム会員特典で集中的に観ていた俳優の姓が、パイク、フィッシュバーン、ブシェミ、ブランシェット、ブラント、ベッキンセイル、ホークと、ハ行に偏っていた。偶然にしては偏りすぎている。ちょっと気になる。</p>
7002          </section>
7003        </a>
7004
7005
7006        <a href="/blog/2022-03-16">
7007          <section class="excerpt">
7008            <header>
7009              <p class="date"><time datetime="2022-03-16T07:52:13+09:00">16日</time></p>
7010
7011              <h3>秤の不調</h3>
7012            </header>
7013
7014            <p>台所で使っている秤が不調だった。米を炊く時にも使っているくらい、毎日使うものなので、不調になると万事休すだ。電池を交換しても直らないが、クレ5-56で調子が戻った。ボタン類の調子は戻っていないので、寿命は近そうだ。</p>
7015          </section>
7016        </a>
7017
7018
7019        <a href="/blog/2022-03-15">
7020          <section class="excerpt">
7021            <header>
7022              <p class="date"><time datetime="2022-03-15T07:45:48+09:00">15日</time></p>
7023
7024              <h3>プライム会員特典で観た映画</h3>
7025            </header>
7026
7027            <p>子供の頃に観た、または観逃がしたものや、マーベルやDC系を観つつ、俳優で検索して観ていた。グーニーズとかゴーストバスターズを楽しく観たり、スーサイド・スクワッドやヘルボーイを観たり、キアヌばかり観たりしていた。マーベルやDC系は少ないが、最近になって、インクレディブル・ハルクやアイアンマンも特典に加わっていた。</p>
7028          </section>
7029        </a>
7030
7031
7032        <a href="/blog/2022-03-14">
7033          <section class="excerpt">
7034            <header>
7035              <p class="date"><time datetime="2022-03-14T07:43:27+09:00">14日</time></p>
7036
7037              <h3>止まり木</h3>
7038            </header>
7039
7040            <p>もうすぐ、もうひとつ商業施設が立ち上がる。ジムやクリニックなど、福祉関連施設が入るらしい。地元には病院(のようなもの)と薬局がニョキニョキ増えていて、やっていけるのか心配になる。</p>
7041          </section>
7042        </a>
7043
7044
7045        <a href="/blog/2022-03-12">
7046          <section class="excerpt">
7047            <header>
7048              <p class="date"><time datetime="2022-03-12T07:37:55+09:00">12日</time></p>
7049
7050              <h3>Jason Markkのスニーカー・シャンプーをおかわり</h3>
7051            </header>
7052
7053            <p>スニーカーの手入れは、4週間ごとにまとめてやっている。愛用しているJason Markkのスニーカー・シャンプーを、あと5回くらいで使い切りそうだ。ちょうど2年半ほどでなくなる計算になる。これといって気になる点はないので、なくなる前におかわりした。</p>
7054          </section>
7055        </a>
7056
7057
7058        <a href="/blog/2022-03-11">
7059          <section class="excerpt">
7060            <header>
7061              <p class="date"><time datetime="2022-03-11T07:49:25+09:00">11日</time></p>
7062
7063              <h3>イチゴと白シャツ</h3>
7064            </header>
7065
7066            <p>家族がイチゴを買ってきていた。それを隠れて食べていたら、白シャツに汁が飛んでしまった。悪いことはできない。</p>
7067          </section>
7068        </a>
7069
7070
7071        <a href="/blog/2022-03-10">
7072          <section class="excerpt">
7073            <header>
7074              <p class="date"><time datetime="2022-03-10T07:45:08+09:00">10日</time></p>
7075
7076              <h3>冷蔵庫の到着</h3>
7077            </header>
7078
7079            <p>買った冷蔵庫は、その翌日に設置できるようだったので、そうした。朝に電話が来て、昼前に設置し、夕方には冷えて使えるようになった。設置作業は15分ほどで、搬出後、設置前に床を掃除している時間の方が長かったくらいだ。掃き出し窓からすんなりと搬出・搬入でき、滞りなく終わった。食材の一時退避は、災害時用のクーラー・ボックスと段ボール箱で間に合った。</p>
7080          </section>
7081        </a>
7082
7083
7084        <a href="/blog/2022-03-09">
7085          <section class="excerpt">
7086            <header>
7087              <p class="date"><time datetime="2022-03-09T06:48:04+09:00">9日</time></p>
7088
7089              <h3>ばらばらのブランド</h3>
7090            </header>
7091
7092            <p>どうもブランドをそろえるようなことが嫌いなようで、ふと気づくと全て違うブランドになっていたりする。洋服や、鞄、靴がそうだが、最近は家電も揃えないようになってきた。揃いすぎていると落ち着かないのかもしれない。</p>
7093          </section>
7094        </a>
7095
7096
7097        <a href="/blog/2022-03-08">
7098          <section class="excerpt">
7099            <header>
7100              <p class="date"><time datetime="2022-03-08T07:39:48+09:00">8日</time></p>
7101
7102              <h3>日立の冷蔵庫(R-HW48R)</h3>
7103            </header>
7104
7105            <p>水が漏れた冷蔵庫は大丈夫そうだったが、買ってから18年弱経っており、買い替えるべき時期ではあった。家族も新しくしたがったã
7105®ã§ã€ã¡ã‚‡ã†ã©åž‹è½ã¡ã«ãªã£ãŸæ—¥ç«‹ã®R-HW48Rを買った。色は食器戸棚などと合わせてクリスタルホワイトの方にし、近所のノジマで買った。なんや(古い冷蔵庫の引き取り料金)かんや(プレミアム保証)で18万円くらいだった。</p>
7106          </section>
7107        </a>
7108
7109
7110        <a href="/blog/2022-03-07">
7111          <section class="excerpt">
7112            <header>
7113              <p class="date"><time datetime="2022-03-07T07:29:08+09:00">7日</time></p>
7114
7115              <h3>靴下を裏返して洗濯</h3>
7116            </header>
7117
7118            <p>下着は裏返して洗濯していたが、靴下はそのまま出していた。家でスリッパを履かずにいるため、外側の方が汚れるからだった。この冬から、久しぶりにスリッパ族に転生したので、下着と同じように裏返すべきと考え、習得中だ。成功率はかなり低く、6割くらいの確率で、裏返すことを忘れる。</p>
7119          </section>
7120        </a>
7121
7122
7123        <a href="/blog/2022-03-05">
7124          <section class="excerpt">
7125            <header>
7126              <p class="date"><time datetime="2022-03-05T08:10:45+09:00">5日</time></p>
7127
7128              <h3>カミソリでズバ</h3>
7129            </header>
7130
7131            <p>髭を剃っていたら、数年ぶりに肌をズバッと切ってしまった。血が止まらないというほどではなくて良かった。外出時はマスクで隠れる場所で、これも良かった。</p>
7132          </section>
7133        </a>
7134
7135
7136        <a href="/blog/2022-03-04">
7137          <section class="excerpt">
7138            <header>
7139              <p class="date"><time datetime="2022-03-04T07:38:49+09:00">4日</time></p>
7140
7141              <h3>冬服の片付け</h3>
7142            </header>
7143
7144            <p>急に暖かくなり、セーターにウールのコートだと、昼には暑い。週間予報によると、もう真冬の格好でなくても良さそうなため、セーターを洗い始めた。冬服の片付けは、セーター→マフラー等の小物→パジャマ→下着→コートと、コートを最後に残すようにしている。コートさえあれば、3月の寒さはしのげるだろう。</p>
7145          </section>
7146        </a>
7147
7148
7149        <a href="/blog/2022-03-03">
7150          <section class="excerpt">
7151            <header>
7152              <p class="date"><time datetime="2022-03-03T07:44:16+09:00">3日</time></p>
7153
7154              <h3>だいたい毎日書く</h3>
7155            </header>
7156
7157            <p>ここ3か月くらい、だいたい毎日書けている。正確にはだいたい毎日公開できている。たまに怠ける言い訳を用意しておきたいので、平日限定にした。間違えて休日に公開してしまった場合は、Twitterへの投稿をずらしてお茶を濁している。</p>
7158          </section>
7159        </a>
7160
7161
7162        <a href="/blog/2022-03-02">
7163          <section class="excerpt">
7164            <header>
7165              <p class="date"><time datetime="2022-03-02T07:44:59+09:00">2日</time></p>
7166
7167              <h3>建物と公園</h3>
7168            </header>
7169
7170            <p>商業施設やマンションができると、公園ができる。今度は、小田急電鉄のオフィスや貸しオフィスのビルが開業し、横に公園が出来た。おおまかに南東向きで、木も多め、車の通りも比較的少ない(駅のすぐ横のとしては)ため、一年中居心地がよさそうな気がする。少し前にできたスーパーの横にも公園が出来ていた。こちらは周りにあるマンション向けのようで、遊具がいくつかある。</p>
7171          </section>
7172        </a>
7173
7174
7175        <a href="/blog/2022-03-01">
7176          <section class="excerpt">
7177            <header>
7178              <p class="date"><time datetime="2022-03-01T07:45:38+09:00">1日</time></p>
7179
7180              <h3>冷蔵庫から水</h3>
7181            </header>
7182
7183            <p>冷蔵庫の周囲の床に、水が漏れていた。買ってから20年近いので、どこか壊れたかと思ったが、冷蔵、冷凍ともにちゃんと動いている。拭いた後、1日待ったところ、また少し濡れており、どこからか水が来ているようだ。底面トレイからあふれたというわけでもなかった。排水ホースのつまりだと直せそうもない。</p>
7184          </section>
7185        </a>
7186
7187          </section>
7188          <section>
7189            <h2><time datetime="2022-02">2022年2月</time></h2>
7190
7191        <a href="/blog/2022-02-28">
7192          <section class="excerpt">
7193            <header>
7194              <p class="date"><time datetime="2022-02-28T07:43:24+09:00">28日</time></p>
7195
7196              <h3>ロシア語版HTML Best Practices</h3>
7197            </header>
7198
7199            <p>HTML Best Practicesへ、中国語(簡体字)版に続き、ロシア語版ã
7199®ãƒ—ル・リクエストも来たので、ビシッとマージした。今回はPrettierか何かで他のファイルの体裁も変わっていたため、手動でマージしている。ともあれ翻訳者には感謝したい。</p>
7200          </section>
7201        </a>
7202
7203
7204        <a href="/blog/2022-02-26">
7205          <section class="excerpt">
7206            <header>
7207              <p class="date"><time datetime="2022-02-26T08:00:22+09:00">26日</time></p>
7208
7209              <h3>新しいスーパー</h3>
7210            </header>
7211
7212            <p>近所に新しく大きなスーパーが開店した。神奈川を中心に展開するエイヴイで、ヤオコーが買収したらしい。これで駅周辺にスーパーが6店(成城石井を入れれば7店)になった。多すぎるような気もするが、道路事情があまり良くないため、どのスーパーも需要はあるのかもしれない。それでも客は分散が進むと思うので、どれかは閉店に追い込まれそうだ。ダイエーは怪しい。</p>
7213          </section>
7214        </a>
7215
7216
7217        <a href="/blog/2022-02-25">
7218          <section class="excerpt">
7219            <header>
7220              <p class="date"><time datetime="2022-02-25T07:57:44+09:00">25日</time></p>
7221
7222              <h3>SisyphyのPD充電器</h3>
7223            </header>
7224
7225            <p>65Wで、USB-Cが2ポート以上ある充電器が欲しくなった。前にSurface ConnectをUSB-Cに変換するケーブルを買った、Sisyphyのものにした。黒い方にし、3970円で、そこそこ高いこともないような値段だ。昔のAnker製品のような簡易パッケージで、開けやすかった。</p>
7226          </section>
7227        </a>
7228
7229
7230        <a href="/blog/2022-02-23">
7231          <section class="excerpt">
7232            <header>
7233              <p class="date"><time datetime="2022-02-23T07:43:53+09:00">23日</time></p>
7234
7235              <h3>角川ソフィア文庫を5冊</h3>
7236            </header>
7237
7238            <p>角川ソフィア文庫を1冊買う時に、他にも4冊、計5冊をまとめて買うことにしている。といってもまだ2回目なので、次があるかどうかはわからない。今回は、少し前に読んだ本に出てきた、岡倉天心の「茶の本」を買おうと考えた。この新訳はかなり読みやすくなっており、すらすらと読めた。</p>
7239          </section>
7240        </a>
7241
7242
7243        <a href="/blog/2022-02-22">
7244          <section class="excerpt">
7245            <header>
7246              <p class="date"><time datetime="2022-02-22T07:32:05+09:00">22日</time></p>
7247
7248              <h3>無印良品のテーパード靴下</h3>
7249            </header>
7250
7251            <p>テーパード靴下を買って、しばらく経った。危惧していた通り、ずり落ちるようにはなってしまった。定番のリブ編み靴下と同程度のずり落ち具合で、大きな欠点というわけではないが、残念ではある。次も同じものを買いたいという感想は変わらない。春から夏までに型番が変わった商品が出なかったら、そのまま廃番になりそうな気がするので、買いだめしようと思う。</p>
7252          </section>
7253        </a>
7254
7255
7256        <a href="/blog/2022-02-21">
7257          <section class="excerpt">
7258            <header>
7259              <p class="date"><time datetime="2022-02-21T08:14:50+09:00">21日</time></p>
7260
7261              <h3>接種回数3回の証明書</h3>
7262            </header>
7263
7264            <p>接種証明書アプリで、接種回数2回の証明書を発行していた。3回目の接種後、自動的に更新してくれるかなと考えていたが、よくある質問によると、そんなことはないようだ。接種してから1週間ほど経った後、新たに発行したところ、無事、接種回数3回の証明書が発行された。</p>
7265          </section>
7266        </a>
7267
7268
7269        <a href="/blog/2022-02-19">
7270          <section class="excerpt">
7271            <header>
7272              <p class="date"><time datetime="2022-02-19T07:41:13+09:00">19日</time></p>
7273
7274              <h3>近所の梅の木</h3>
7275            </header>
7276
7277            <p>近所の家に植えられていた梅の木が、切られてしまった。病気になってしまい、根元が折れかけていて、危なかったそうだ。また別の家の柿の木も切られてしまったし、うちの家も金木犀を切ってしまった。ふと気付くと木が切られているが、花が咲く季節にならないとなかなか気付けない。</p>
7278          </section>
7279        </a>
7280
7281
7282        <a href="/blog/2022-02-18">
7283          <section class="excerpt">
7284            <header>
7285              <p class="date"><time datetime="2022-02-18T08:06:08+09:00">18日</time></p>
7286
7287              <h3>エクスプローラー|エディター|タイムライン</h3>
7288            </header>
7289
7290            <p>
7290昔、やりたいと書いていた、VS Codeで、左エクスプローラー、中央エディター、右タイムラインというレイアウトができるようになっていた。1月に出たv1.64からだと思う。うれしい。ただ、何かの拍子に消えてしまい、再び表示する方法がわからなくて困った。サイド・パネルという概念を認識していなかったので、これを再表示すればいいということに気付けなかった(メニューの「表示」→「外観」から切り替えられる)。</p>
7291          </section>
7292        </a>
7293
7294
7295        <a href="/blog/2022-02-17">
7296          <section class="excerpt">
7297            <header>
7298              <p class="date"><time datetime="2022-02-17T07:57:30+09:00">17日</time></p>
7299
7300              <h3>静かな自転車</h3>
7301            </header>
7302
7303            <p>街を走る自転車が静かで、ちょくちょくひかれそうになる。電動アシスト自転車が増えたことが一番大きそうだ。もはや4割近くが電動アシスト自転車かもしれない。普通の自転車も、ぎこぎこ鳴らないものが増えた。こちらは世情の影響で乗る機会が増え、修繕や買い替えが進んだのかもしれない。</p>
7304          </section>
7305        </a>
7306
7307
7308        <a href="/blog/2022-02-16">
7309          <section class="excerpt">
7310            <header>
7311              <p class="date"><time datetime="2022-02-16T07:51:47+09:00">16日</time></p>
7312
7313              <h3>柿の種とキットカット</h3>
7314            </header>
7315
7316            <p>ワクチン接種後の体調不良の時につまむため、駄菓子を一時的に解禁した。久しぶりすぎて、ドラッグストアで何を買うか選んでいるだけで楽しかった。遠足のお菓子を買いに行った時を思い出す。いろいろ迷ったものの、柿の種とキットカットに落ち着いた。</p>
7317          </section>
7318        </a>
7319
7320
7321        <a href="/blog/2022-02-15">
7322          <section class="excerpt">
7323            <header>
7324              <p class="date"><time datetime="2022-02-15T07:57:16+09:00">15日</time></p>
7325
7326              <h3>顔認証デバイス</h3>
7327            </header>
7328
7329            <p>Surface Pro 6がスリープから復帰に失敗した。電源ボタンの長押し(10秒)で起動したã
7329®ã§ã€å¤§ã—たことではなかったようだ。ここ半年、顔認証デバイスの立ち上げに失敗することが時々あり、今回の復帰失敗時にも、そのインジケーター・ランプが点灯していたので、このあたりに問題がありそうだ。どうしようもないので、次のファームウェア更新で調子が戻ることを祈っている。</p>
7330          </section>
7331        </a>
7332
7333
7334        <a href="/blog/2022-02-14">
7335          <section class="excerpt">
7336            <header>
7337              <p class="date"><time datetime="2022-02-14T07:56:38+09:00">14日</time></p>
7338
7339              <h3>中国語(簡体字)版HTML Best Practices</h3>
7340            </header>
7341
7342            <p>HTML Best Practicesへzh-CNの翻訳を追加したプル・リクエストが来ていたので、サクッとマージした。毎度のことながら感謝している。高熱でぼんやりしていたので、お礼のコメントすら書いていなかった。</p>
7343          </section>
7344        </a>
7345
7346
7347        <a href="/blog/2022-02-11">
7348          <section class="excerpt">
7349            <header>
7350              <p class="date"><time datetime="2022-02-11T08:02:33+09:00">11日</time></p>
7351
7352              <h3>3ワ接後</h3>
7353            </header>
7354
7355            <p>翌日は、ベッドからほぼ離れることはなかった。2回目と同じような推移で、4時間ほどでだるくなり、1日半ほど高熱が続くという流れだった。腕はあまり痛くならず、その点は楽だったかもしれない。その反面、頭痛がひどかったが、これは2回目に比べ、より高熱になったからだと思う。</p>
7356          </section>
7357        </a>
7358
7359
7360        <a href="/blog/2022-02-10">
7361          <section class="excerpt">
7362            <header>
7363              <p class="date"><time datetime="2022-02-10T08:10:53+09:00">10日</time></p>
7364
7365              <h3>3回目の新型コロナウイルスワクチン接種</h3>
7366            </header>
7367
7368            <p>市から接種券がきたので、さくっと予約し、ぶすっと接種してきた。2回目の接種からは6か月と5日になる。接種券が来てから3日後に受けられ、待ちが短く、心理的な圧迫が少なかった。</p>
7369          </section>
7370        </a>
7371
7372
7373        <a href="/blog/2022-02-07">
7374          <section class="excerpt">
7375            <header>
7376              <p class="date"><time datetime="2022-02-07T08:10:44+09:00">7日</time></p>
7377
7378              <h3>冬のアジサイ</h3>
7379            </header>
7380
7381            <p>梅雨の時期に見ると、わさわさしていて草っぽいアジサイも、冬になるとちゃんと木に見えてくる。近所の炉端に多く植えられており、この時期には様々な伸び方をした枝を観察できる。今年は、大きな1株だと思っていたものが、3株も密集したものだったことを発見できた。写真のように半球状になっているものが多いが、ファンタジー映画に出てくる木のようにグネグネしたものもある。</p>
7382          </section>
7383        </a>
7384
7385
7386        <a href="/blog/2022-02-05">
7387          <section class="excerpt">
7388            <header>
7389              <p class="date"><time datetime="2022-02-05T07:45:19+09:00">5日</time></p>
7390
7391              <h3>デカフェ・コーヒーのドリップ・パック</h3>
7392            </header>
7393
7394            <p>コーヒーを飲みたくなるが、たまにだけなので、豆も粉も常備する気にはならない。カフェインを断っていることもあって、インスタント・コーヒーというわけにもいかない。デカフェのドリップ・パックがあればいいなと探したが、なかなか見つからない。3日くらいかけて、ようやく成城石井で見つけた。12パックで600円弱だった。週一くらいで飲むだけなので、気になる価格ではない。</p>
7395          </section>
7396        </a>
7397
7398
7399        <a href="/blog/2022-02-04">
7400          <section class="excerpt">
7401            <header>
7402              <p class="date"><time datetime="2022-02-04T07:53:44+09:00">4日</time></p>
7403
7404              <h3>1月の金遣い</h3>
7405            </header>
7406
7407            <p>
7407先月は何もしなかったせいか、ほとんど支出がなかった。マンガと、本、日用品、映画くらいだ。振り返ってみると、毎年、1月は支出が少ない。年末に色々と出費が重なることもあって、抑制しがちなのかもしれない。</p>
7408          </section>
7409        </a>
7410
7411
7412        <a href="/blog/2022-02-03">
7413          <section class="excerpt">
7414            <header>
7415              <p class="date"><time datetime="2022-02-03T07:48:10+09:00">3日</time></p>
7416
7417              <h3>Surface Typecoverの不調</h3>
7418            </header>
7419
7420            <p>いい感じで使っているSurface Pro 6とSurface Typecoverだが、接触が悪くなったのか、ごくまれにキーボードの切断・再接続が起こるように、つまりタブレット・モードへの切り替えと復帰が起こるようになった。タイピング中に起こることもあるので、ちょっと困る。頻度としては、週に1度くらいのため、致命的というほどではない。</p>
7421          </section>
7422        </a>
7423
7424
7425        <a href="/blog/2022-02-02">
7426          <section class="excerpt">
7427            <header>
7428              <p class="date"><time datetime="2022-02-02T07:58:03+09:00">2日</time></p>
7429
7430              <h3>枕の買い替え</h3>
7431            </header>
7432
7433            <p>しばらく前に枕カバーを買い替えたため、へたれてかさ(圏点を付けたい)が減ってきた枕が気になった。かさが減ると、カバーと隙間が出来、ずれていく。このままでは寝心地にも影響がでできそうなので、近所で3000円で売っていた羽根枕に新調し、カバーにパンパンに詰まるようにした。寝つきもいいし、夜中に起きることもなくなってきたので、枕に凝る必要もないと思うので、手頃な値段のものに決めた。</p>
7434          </section>
7435        </a>
7436
7437
7438        <a href="/blog/2022-02-01">
7439          <section class="excerpt">
7440            <header>
7441              <p class="date"><time datetime="2022-02-01T08:15:57+09:00">1日</time></p>
7442
7443              <h3>小物入れトレー</h3>
7444            </header>
7445
7446            <p>小銭、財布、鍵、腕時計、イヤフォンを放り込んでおくトレーを探し始めて5年くらいだが、いまだにいいものが見つからない。大きさが足りない、形が気に入らない、深さが足りない、置く場所と色が合わない、などなど。今は使っていない皿で間に合わせている。Prime Videoをよく見るようになった影響で、弾丸を取り出す手術の時に出てくる、豆の形をしているトレーが欲しくなっている。</p>
7447          </section>
7448        </a>
7449
7450          </section>
7451          <section>
7452            <h2><time datetime="2022-01">2022年1月</time></h2>
7453
7454        <a href="/blog/2022-01-31">
7455          <section class="excerpt">
7456            <header>
7457              <p class="date"><time datetime="2022-01-31T08:57:29+09:00">31日</time></p>
7458
7459              <h3>有線イヤフォンへの出戻り</h3>
7460            </header>
7461
7462            <p>AirPodsの次は、Sonyのワイアレス・イヤフォンにしたが、かっこよくなかったのでUrbanearsのJakanを使っていた。音質にこだわりはないので、気に入っていた。しかしついに充電するのが面倒になって、有線イヤフォンに出戻った。といってもSonyのMDR-EX155という安いもので、とにかく有線にしたかっただけだ。マイクやボリュームもなく、毎日1時間ほど音楽を聞く使い方なら有線イヤフォンも悪くはないことが確認できた。</p>
7463          </section>
7464        </a>
7465
7466
7467        <a href="/blog/2022-01-29">
7468          <section class="excerpt">
7469            <header>
7470              <p class="date"><time datetime="2022-01-29T08:00:43+09:00">29日</time></p>
7471
7472              <h3>富富富、ひゃくまん穀、結びの神</h3>
7473            </header>
7474
7475            <p>新米ではなくなったけれど、引き続き食べたことのない銘柄を食べている。歴史の浅い銘柄は、香りが強いものが多く、炊くとキッチンに強烈な匂いがたちこめる。ひゃくまん穀と結びの神もはその系統だった。つや姫、銀河のしずく、新之助あたりが気に入っている。富富富は近いが、一歩届かない印象だった。そろそろ一度コシヒカリに戻り、その味を思い出したい。</p>
7476          </section>
7477        </a>
7478
7479
7480        <a href="/blog/2022-01-28">
7481          <section class="excerpt">
7482            <header>
7483              <p class="date"><time datetime="2022-01-28T07:56:37+09:00">28日</time></p>
7484
7485              <h3>node-fetchパッケージのFormData</h3>
7486            </header>
7487
7488            <p>node-fetchパッケージが、v3.2.0からFormDataなどをエクスポートするようになっていた。これによりform-dataパッケージやformdata-nodeパッケージが不要になった。標準非互換の問題から始まって、いろいろあって使いやすいようになったã
7488®ã ã‚ã†ã¨æ€ã†ã€‚イシューの乱立を避けるような狙いもあるかもしれない。</p>
7489          </section>
7490        </a>
7491
7492
7493        <a href="/blog/2022-01-27">
7494          <section class="excerpt">
7495            <header>
7496              <p class="date"><time datetime="2022-01-27T08:17:51+09:00">27日</time></p>
7497
7498              <h3>冷蔵庫の開放警告</h3>
7499            </header>
7500
7501            <p>夜に30分くらい冷蔵庫を開けっ放しにしてしまった。開けた後、5分くらいで開放警告の音が鳴るが、すぐに離れてしまうこともあって気付かないこともある。車のように、開けたらずっと鳴っている方が正しそうだ。鬱陶しいという人もいるだろうから、設定できるだけでも構わない。</p>
7502          </section>
7503        </a>
7504
7505
7506        <a href="/blog/2022-01-26">
7507          <section class="excerpt">
7508            <header>
7509              <p class="date"><time datetime="2022-01-26T08:07:49+09:00">26日</time></p>
7510
7511              <h3>ドラッグストアで○○茶</h3>
7512            </header>
7513
7514            <p>カフェインレスの○○茶は、あまり考えずにスーパーや食料品店で探していた。しかし、健康志向の強い商品なので、ドラッグストアの方が品ぞろえが良いことがわかった。ドラッグストアだと、爽健美茶や十六茶のような、カフェインレスのブレンド茶も多く扱っており、そちらも試していきたい。</p>
7515          </section>
7516        </a>
7517
7518
7519        <a href="/blog/2022-01-25">
7520          <section class="excerpt">
7521            <header>
7522              <p class="date"><time datetime="2022-01-25T08:17:16+09:00">25日</time></p>
7523
7524              <h3>キーマカレー</h3>
7525            </header>
7526
7527            <p>キーマカレーをよく作るようになった。豚モモと鶏ムネのひき肉とみじん切りにした様々な野菜を、トマトだけで煮込んで作っている。季節に応じて、ナスや、カリフラワー、ブロッコリー、メキャベツ、キノコ類、レンコン、ネギ、などを焼いて添え、食べる。久しぶりに作って食べたが、おいしかった。</p>
7528          </section>
7529        </a>
7530
7531
7532        <a href="/blog/2022-01-24">
7533          <section class="excerpt">
7534            <header>
7535              <p class="date"><time datetime="2022-01-24T07:48:31+09:00">24日</time></p>
7536
7537              <h3>⚰ Meat Loaf</h3>
7538            </header>
7539
7540            <p>泣きながら長い曲名の曲のMVとファイト・クラブを観ていた。当時はBeat UKを欠かさず観ていたので、毎週のようにあの曲を聴いていたと思う。アルバムは友達とワリカンで買った。デュエット・パートの女性が誰かを探す競争を、半年くらいしていたことも思い出した。洋楽雑誌の年末特集か何かに載っていたのを発見した友達がいて、それで決着がついた。今は5秒で見つかる。</p>
7541          </section>
7542        </a>
7543
7544
7545        <a href="/blog/2022-01-22">
7546          <section class="excerpt">
7547            <header>
7548              <p class="date"><time datetime="2022-01-22T08:18:57+09:00">22日</time></p>
7549
7550              <h3>Kindleのシリーズ</h3>
7551            </header>
7552
7553            <p>最近、新刊のマンガがうまくシリーズにまとまってくれず、困っている。たいていは発売後にまとまってくれるが、ひどいシリーズだと3巻分くらいまとまっていない状態が続いている。シリーズのまとめ買いページをスクレイピングして、新刊の確認を行っているので、気づけないことがままある。</p>
7554          </section>
7555        </a>
7556
7557
7558        <a href="/blog/2022-01-21">
7559          <section class="excerpt">
7560            <header>
7561              <p class="date"><time datetime="2022-01-21T11:04:30+09:00">21日</time></p>
7562
7563              <h3>夕食と朝食の間</h3>
7564            </header>
7565
7566            <p>夕食の後、何も食べない時間を14時間くらいにしたい。夕食の時間は18時くらいで、これは動かせないため、朝食を8時にすることになる。5時に起きているため、何も食べずに3時間も過ごすã
7566“とになる。試しに7時くらいまで遅らせてみたが、もうつらい。</p>
7567          </section>
7568        </a>
7569
7570
7571        <a href="/blog/2022-01-20">
7572          <section class="excerpt">
7573            <header>
7574              <p class="date"><time datetime="2022-01-20T08:08:19+09:00">20日</time></p>
7575
7576              <h3>node:readline/promises</h3>
7577            </header>
7578
7579            <p>Node.js v17でreadlineモジュールにPromises APIが加わった。どんな感じで書けるのかよくわからなかったので、このウェブサイトの下書きから公開するスクリプトで採用し、少し書いてみた。旧来のコールバックをPromiseで書き換える場合と、あまり変わらず書けそうだ。awaitですっきり書ける一方で、拒否された時にclose()し忘れそうとは思う。</p>
7580          </section>
7581        </a>
7582
7583
7584        <a href="/blog/2022-01-19">
7585          <section class="excerpt">
7586            <header>
7587              <p class="date"><time datetime="2022-01-19T08:08:25+09:00">19日</time></p>
7588
7589              <h3>カフェインレスの○○茶</h3>
7590            </header>
7591
7592            <p>コーヒーを飲まなくなって以降、お湯か、牛乳、豆乳、ほうじ茶を飲んでいた。ほうじ茶以外には「香り」というようなものに欠け、さすがに飽きた。コーヒーへ控え目に復帰しようかとも考えたが、カフェインレスの○○茶を色々と試してみることにした。麦茶を始め、ルイボス・ティー、カモミール・ティー、そば茶、黒豆茶などが入手しやすい。</p>
7593          </section>
7594        </a>
7595
7596
7597        <a href="/blog/2022-01-18">
7598          <section class="excerpt">
7599            <header>
7600              <p class="date"><time datetime="2022-01-18T08:02:09+09:00">18日</time></p>
7601
7602              <h3>近くの自然公園</h3>
7603            </header>
7604
7605            <p>1周が5分くらいで歩ける周回コースのある自然公園を使ってウォーキングしている。公園まで7分、中を3周、帰りは遠回りで10分くらい歩く。短いからか、あまり歩いている人はいない。林の中をぐるぐると、緩やかに上って下るだけで、すっきりしてくる。</p>
7606          </section>
7607        </a>
7608
7609
7610        <a href="/blog/2022-01-17">
7611          <section class="excerpt">
7612            <header>
7613              <p class="date"><time datetime="2022-01-17T08:11:06+09:00">17日</time></p>
7614
7615              <h3>鏡割り</h3>
7616            </header>
7617
7618            <p>餅を食べ終わってしまい、さみしい。かといって、また買いたいというほどでもないが、やはり食べたい。そういえば鏡餅があった。無事、お汁粉になってくれたので、満足した。</p>
7619          </section>
7620        </a>
7621
7622
7623        <a href="/blog/2022-01-15">
7624          <section class="excerpt">
7625            <header>
7626              <p class="date"><time datetime="2022-01-15T11:26:04+09:00">15日</time></p>
7627
7628              <h3>Dependabotと復縁</h3>
7629            </header>
7630
7631            <p>唐突に更新したリポジトリーで、Dependabotに怒られた。新年で、やる気にあふれているため、いくつかのリポジトリーで止めていたDependabotを有効に戻した。止めた理由はよく思い出せない。一時期、週一くらいで何かしらの更新を要求されて面倒になったのだと思う。その時に、自分だけがたまにしか使わないリポジトリーでは止めた。</p>
7632          </section>
7633        </a>
7634
7635
7636        <a href="/blog/2022-01-14">
7637          <section class="excerpt">
7638            <header>
7639              <p class="date"><time datetime="2022-01-14T16:49:14+09:00">14日</time></p>
7640
7641              <h3>hail2u-ipsum v0.2.3</h3>
7642            </header>
7643
7644            <p>唐突に思い出したので、hail2u-ipsumのデータを更新した。1,083 additions and 9 deletionsだったので、約一年で1000文ほど書いたことになる。唐突にv0.2.1に更新したã
7644®ã§ã€å”çªã«dependabotに怒られた。npm audit fixしたり、エラーメッセージを直したりして、v0.2.2になっている、</p>
7645          </section>
7646        </a>
7647
7648
7649        <a href="/blog/2022-01-13">
7650          <section class="excerpt">
7651            <header>
7652              <p class="date"><time datetime="2022-01-13T13:10:12+09:00">13日</time></p>
7653
7654              <h3>昼食のローテーション</h3>
7655            </header>
7656
7657            <p>朝食はいつも同じでもいい気がしているが、昼食はそこそこ色々なものを食べたい。作ることが面倒でないことや、後片付けが簡単であること。お金がかからないこと、なども考慮すると、あまり広がっていかない。後片付けは重要だと考えていて、鍋1つ、フライパン1つ、食器1つ、で済むくらいがいい。今日はナポリタン・スパゲッティだった。</p>
7658          </section>
7659        </a>
7660
7661
7662        <a href="/blog/2022-01-12">
7663          <section class="excerpt">
7664            <header>
7665              <p class="date"><time datetime="2022-01-12T12:57:41+09:00">12日</time></p>
7666
7667              <h3>65ch→90ch→96ch→88ch</h3>
7668            </header>
7669
7670            <p>コンテンツ幅がこのように変遷している。最初はrem単位で作っていた幅を、単純にch単位に移し替えたものだった(Noto Sans CJK JPを想定している)。次に1行の文字数を基準に、広い画面で36文字になるようにした。ちょっと狭いと感じ、次に96chにする。この後、画面幅に応じた文字サイズの変更をやめたので、思ったよりも広くなってしまい、現在はひらがな48文字相当である88chになっている。</p>
7671          </section>
7672        </a>
7673
7674
7675        <a href="/blog/2022-01-11">
7676          <section class="excerpt">
7677            <header>
7678              <p class="date"><time datetime="2022-01-11T11:07:47+09:00">11日</time></p>
7679
7680              <h3>Chromium版Edge+Chrome用の拡張=💫</h3>
7681            </header>
7682
7683            <p>Edge 96で何か仕様が変わったのか、右クリックからURLなどをコピーする拡張がちゃんと動かない。まったく動かないわけではなく、ツールバーのボタンからは動く。また、右クリックからも、2回使うと動くようになる。謎の挙動でバグ報告をしたいが、Chrome用の拡張をEdgeで使っているので、報告しづらい。Edgeの更新ですぐ直ったら迷惑そう、ということもある。</p>
7684          </section>
7685        </a>
7686
7687
7688        <a href="/blog/2022-01-10">
7689          <section class="excerpt">
7690            <header>
7691              <p class="date"><time datetime="2022-01-10T08:37:46+09:00">10日</time></p>
7692
7693              <h3>年月日のファイル名</h3>
7694            </header>
7695
7696            <p>毎日のように記事を書いていたので、ファイル名の問題が再発生した。英語のファイル名を考えるのが面倒くさい、というやつだ。しょうがないので年月日をファイル名にすることにした。合わせて年月日それぞれの間にハイフンを入れるようにもした。</p>
7697          </section>
7698        </a>
7699
7700
7701        <a href="/blog/2022-01-08">
7702          <section class="excerpt">
7703            <header>
7704              <p class="date"><time datetime="2022-01-08T15:45:20+09:00">8日</time></p>
7705
7706              <h3>映画の登場人物</h3>
7707            </header>
7708
7709            <p>ギャング映画だと、犯罪を描くために登場人物が多い。黒幕、指示役、情報屋、武器商人、実行犯、運転手、などなど。ストーリーを追うより、「誰だっけ」で頭を使うので、観ていて疲れる。ブラック・スキャンダルは特に疲れた。似たような顔で似たような服がどんどん出てきて、ばんばん死んでいく。ドラッグ・チェイサーも登場人物が多いが、名前を持っていないので、記憶を消費せずに済み、頭が痛くならなかった。登場人物の見た目が、顔も服装もいろいろだったこともあるかもしれない。対して闇社会系のアクション映画は、半分以上がドンパチ場面なので、登場人物が少ない。ジョン・ウィックやラン・オールナイトなどはスカッと見れたã€
7709‚仮面ライダー風の登場人物構成で、なじみがあるということかもしれない。</p>
7710          </section>
7711        </a>
7712
7713
7714        <a href="/blog/2022-01-07">
7715          <section class="excerpt">
7716            <header>
7717              <p class="date"><time datetime="2022-01-07T07:14:55+09:00">7日</time></p>
7718
7719              <h3>凍る郵便受け</h3>
7720            </header>
7721
7722            <p>昨日は雪の日だった。午前中に図書館行きと買い物を済ませ、家でじっとしている。こたつが欲しくなる日だった。夜には止んだためか、今日はいたるところが凍っている。門扉や郵便受けが開かなくなり、数年ぶりにお湯をいろいろなところにかけて溶かす作業を行った。</p>
7723          </section>
7724        </a>
7725
7726
7727        <a href="/blog/on-2022-01-06">
7728          <section class="excerpt">
7729            <header>
7730              <p class="date"><time datetime="2022-01-06T07:26:24+09:00">6日</time></p>
7731
7732              <h3>ウォレット・ケースと腕時計</h3>
7733            </header>
7734
7735            <p>スマフォに蓋つきでカード入れなどがあるウォレット・ケースを着けたので、時間が見づらくなった。今までは、持ち上げると画面が点く機能を有効にして、ポケットから出して確認していた。これにカバーを開けるという動作が加わり、煩雑になった。その上、ケースが分厚くて、ポケットから出しづらいので、面倒になる。しょうがないので、また腕時計を着けるようになった。</p>
7736          </section>
7737        </a>
7738
7739
7740        <a href="/blog/strange-lost-items">
7741          <section class="excerpt">
7742            <header>
7743              <p class="date"><time datetime="2022-01-05T07:20:01+09:00">5日</time></p>
7744
7745              <h3>謎の落とし物</h3>
7746            </header>
7747
7748            <p>クリスマスを過ぎたら、街に人が増えた。学校が終わったことが大きそうで、子供が多い。シネコンが2つある街だということもある。人出に応じて、謎の落とし物もちょくちょく見かける。片方の靴とか、コートのフードとか、買った洋服の入っている袋とか。僕も買った洋服を置き忘れたことがあるので、あまり人のことは言えない。</p>
7749          </section>
7750        </a>
7751
7752
7753        <a href="/blog/osechi-kamaboko">
7754          <section class="excerpt">
7755            <header>
7756              <p class="date"><time datetime="2022-01-03T07:48:35+09:00">3日</time></p>
7757
7758              <h3>おせちのかまぼこ</h3>
7759            </header>
7760
7761            <p>昨年、おせちを作り終わったところで、かまぼこを作ってみようと考えていたことを思い出した。既に買ってしまったので、手遅れだ。来年は忘れず作りたいし、それまでに試しに作ってみたい。赤くする時はどうやるのだろう。</p>
7762          </section>
7763        </a>
7764
7765
7766        <a href="/blog/dreaming-2022-01-01">
7767          <section class="excerpt">
7768            <header>
7769              <p class="date"><time datetime="2022-01-02T16:12:38+09:00">2日</time></p>
7770
7771              <h3>初夢’22</h3>
7772            </header>
7773
7774            <p>初夢の「は」の字もないくらい熟睡した。夢などは見たくないので、幸先が良い。すうっと寝入って、ふわっと起きたい。</p>
7775          </section>
7776        </a>
7777
7778
7779        <a href="/blog/twenty-twenty-two">
7780          <section class="excerpt">
7781            <header>
7782              <p class="date"><time datetime="2022-01-01T07:58:28+09:00">1日</time></p>
7783
7784              <h3>2022年の新たな習慣</h3>
7785            </header>
7786
7787            <p>振り返り記事で習慣付けに言及する人が増えた。意識して日常的な修練をこなしていくと、日々、ささやかな成功体験を得られるような気はしている。僕の新たな習慣付けは、Prime Videoで映画の楽しさを再発見中なので、今年は劇場で映画を月に1回見ることにしたいと考えている。美術館や博物館ã
7787‚‚3月に2回が習慣になったので、もうちょっと増やしたい。</p>
7788          </section>
7789        </a>
7790
7791          </section>
7792          <section id="2021">
7793            <h2><time datetime="2021-12">2021年12月</time></h2>
7794
7795        <a href="/blog/profanities-and-film-rating">
7796          <section class="excerpt">
7797            <header>
7798              <p class="date"><time datetime="2021-12-31T07:19:07+09:00">31日</time></p>
7799
7800              <h3>卑罵語と映画レーティング</h3>
7801            </header>
7802
7803            <p>下品、罵倒、侮蔑の言葉が流れ続ける映画を観ているおかげで、英会話の概念が崩壊しつつある。これはこれで困るので、また吹替版も見るように戻った。もしかすると、卑罵語などを効率的に排除するには、映画レーティングを参照すると良いかもしれない。そう考え、Gや、PG、PG-13までの映画は字幕で観て、そうでないものは吹替で見ることにした。</p>
7804          </section>
7805        </a>
7806
7807
7808        <a href="/blog/vim-css3-syntax-v1.10.0">
7809          <section class="excerpt">
7810            <header>
7811              <p class="date"><time datetime="2021-12-30T08:34:03+09:00">30日</time></p>
7812
7813              <h3>vim-css3-syntax v1.10.0</h3>
7814            </header>
7815
7816            <p>年末の頻繁な仕様更新も落ち着いたようなので、vim-css3-syntaxのv1.10.0をリリースした。テストにあまり変更が加わっていないことからもわかる通り、今回もあまり変更はない。CSSという世界においては、主にレイヤー関連での調整が様々な仕様で加わっており、久しぶりに大きな変化があった年だったと思われる。</p>
7817          </section>
7818        </a>
7819
7820
7821        <a href="/blog/christmas-chicken-leg">
7822          <section class="excerpt">
7823            <header>
7824              <p class="date"><time datetime="2021-12-29T07:12:22+09:00">29日</time></p>
7825
7826              <h3>クリスマス期の鶏モモ肉</h3>
7827            </header>
7828
7829            <p>クリスマス前に、普通の鶏モモ肉を1枚だけ買おうとしたら、売っていなかった。全て骨付きのロースト向きになっているものか、唐揚げ用に切り分けられているものだった。丸鶏や骨付きモモ肉に場所をとられてしまうようだ。正月前には、ローストビーフ用のかたまり肉に場所をとられて、焼き肉用の牛肉も少なかったような気もする。幸い、作ろうとしていた鶏モモ肉とダイコンのバルサミコ酢煮込みは、モモ肉を切り分けて使うレシピだったので、切り分け済みのものを買った。</p>
7830          </section>
7831        </a>
7832
7833
7834        <a href="/blog/html-best-practices-pt-br">
7835          <section class="excerpt">
7836            <header>
7837              <p class="date"><time datetime="2021-12-27T07:20:49+09:00">27日</time></p>
7838
7839              <h3>ブラジル・ポルトガル語版HTML Best Practices</h3>
7840            </header>
7841
7842            <p>HTML Best Practicesのブラジル・ポルトガル語への翻訳をマージした。感謝しかない。ちょくちょくフォークされ、翻訳作業を行っている人もいるようだが、プル・リクエストは久しぶりに来た。謎のビルド・システムのせいで断念している人もいそうなので、MarkdownとJSONを少し書くくらいでいいことを、もうちょっとはっきりと書いておく必要があるかもしれない。</p>
7843          </section>
7844        </a>
7845
7846
7847        <a href="/blog/blog-instead-of-tweet">
7848          <section class="excerpt">
7849            <header>
7850              <p class="date"><time datetime="2021-12-26T07:19:06+09:00">26日</time></p>
7851
7852              <h3>ブログとマイクロブログの間</h3>
7853            </header>
7854
7855            <p>ツイートっぽいやつの代わりに雑記を書くようにしつつある。ブログとマイクロブログの間みたいな雰囲気で、ここをやっていきたい。近ごろの様子もログだけ残し、年内で投稿も止めるつもりだ。雑記、ブックマーク、本、などは、これまで通りTwitterに流すので、今度の場合はTwitterアカウントは消えない。</p>
7856          </section>
7857        </a>
7858
7859
7860        <a href="/blog/mushroom-soup">
7861          <section class="excerpt">
7862            <header>
7863              <p class="date"><time datetime="2021-12-25T11:25:36+09:00">25日</time></p>
7864
7865              <h3>キノコのスープ</h3>
7866            </header>
7867
7868            <p>キノコだけのスープというレシピを発見した。作ってみたが、レシピにある通り、5分で作れておいしい。キノコすごい。かなり黒いスープになるので、見た目はあまり良くない。アサツキでも散らすといいかもしれない。キノコはなんでも良さそうな気がするが、3種類は入れないと単調な味になりそうだ。</p>
7869          </section>
7870        </a>
7871
7872
7873        <a href="/blog/new-socks">
7874          <section class="excerpt">
7875            <header>
7876              <p class="date"><time datetime="2021-12-24T07:11:26+09:00">24日</time></p>
7877
7878              <h3>新しい靴下</h3>
7879            </header>
7880
7881            <p>靴下にも穴が開いた。台所仕事をしている時に、足の裏がペタペタすると感じ、何かゴミが付いたのかと確認すると、穴が開いていた。春から秋に家でスリッパを履かなくなったことと、下着の量を減らしたことの影響で、今までよりも早く消耗したようだ。去年の8月に購入していたので、1年と4か月だ。</p>
7882          </section>
7883        </a>
7884
7885
7886        <a href="/blog/yuzu-2021">
7887          <section class="excerpt">
7888            <header>
7889              <p class="date"><time datetime="2021-12-23T11:01:57+09:00">23日</time></p>
7890
7891              <h3>2021年のゆず</h3>
7892            </header>
7893
7894            <p>今年は100個くらいだった。毎日3個、風呂に入れても、2月の終わりまで入れられる計算だ。かなり間引きしたつもりだったようだが、それでもこれだけ生った。花はそれほど咲かなかったような印象だったので、50個くらいかと思っていたが、予想は大きく外れたã€
7894‚</p>
7895          </section>
7896        </a>
7897
7898
7899        <a href="/blog/fog-linen-work-linen-pillow-case-white">
7900          <section class="excerpt">
7901            <header>
7902              <p class="date"><time datetime="2021-12-22T07:07:59+09:00">22日</time></p>
7903
7904              <h3>fog linen workの枕カバー</h3>
7905            </header>
7906
7907            <p>枕カバーに穴が開いた。6年くらいか。無印良品の麻平織だったが、なかなか良かった。同商品名の現行品は、ペラペラっぽいので、再購入はしなかった。麻にはしたかったので、かなり昔に東京ミッドタウンの寝具ショップで見た、fog linem workのものを新しく買った。3300円とそこそこ高いが、高すぎでもない。</p>
7908          </section>
7909        </a>
7910
7911
7912        <a href="/blog/egyptian-blue-hippos">
7913          <section class="excerpt">
7914            <header>
7915              <p class="date"><time datetime="2021-12-21T06:45:39+09:00">21日</time></p>
7916
7917              <h3>エジプトの青いカバたち</h3>
7918            </header>
7919
7920            <p>ルーヴル美術館や、大英博物館、メトロポリタン美術館などに収蔵されている、エジプトの青いカバの複製品を買った。銀座にあるメゾン・デ・ミュゼ・デュ・モンド(MMM)というところで、置物を含め、いろいろと扱いがある。いくつかあるが、ルーヴルの口を閉じている方にし、血迷って大小セットで買った。自分用というわけではなく、クリスマス・プレゼントだ。隠しておくほどでもないので、もうあげてしまったが、喜んでもらえた。</p>
7921          </section>
7922        </a>
7923
7924
7925        <a href="/blog/vaccinated-app">
7926          <section class="excerpt">
7927            <header>
7928              <p class="date"><time datetime="2021-12-20T07:26:50+09:00">20日</time></p>
7929
7930              <h3>接種証明書アプリのインストール</h3>
7931            </header>
7932
7933            <p>予定通り、接種証明書アプリがリリースされているようだったので、朝ごはんを食べながら入れた。使うところ(ジムとか?)ã
7933¸è¡Œãã“とはなさそうだし、接種者への優待も問題があると思っているので、ほぼ提示することはなさそうだが、突然要求された場合に備えて入れておく。証明書は、姓名や住所などの入力もなく、マイナンバーカードとPINだけで発行できた。カードを読む前にPINを入力させられることに違和感があったが、すんなり発行された。厚生労働省や内閣官房の新型コロナウイルス感染症対策のウェブサイトから探せず、デジタル庁のウェブサイトからしか見つからないという、ささやかな問題があったくらいだ。</p>
7934          </section>
7935        </a>
7936
7937
7938        <a href="/blog/keanu-prime-video">
7939          <section class="excerpt">
7940            <header>
7941              <p class="date"><time datetime="2021-12-18T08:04:22+09:00">18日</time></p>
7942
7943              <h3>キアヌ漬け</h3>
7944            </header>
7945
7946            <p>12月の前半は、Prime Videoでキアヌ・リーヴスの映画ばかりを観ていた。マトリックス・シリーズから、コンスタンティン、ジョンウィック・シリーズまで。だらだら観たかったので、マトリックスは吹き替え版にしたが、コンスタンティンは字幕版しかなかったので、そちらを観た。そのおかげでキアヌの声が好きだったことを思い出し、ジョンウィックは字幕版で観た。ただただ楽しい。</p>
7947          </section>
7948        </a>
7949
7950
7951        <a href="/blog/rice-2021">
7952          <section class="excerpt">
7953            <header>
7954              <p class="date"><time datetime="2021-12-17T07:47:16+09:00">17日</time></p>
7955
7956              <h3>2021年の新米</h3>
7957            </header>
7958
7959            <p>今年は、新之助、銀河のしずく、青天の霹靂、金色の風、を初めて食べた。新之助は気に入っていて、つや姫と迷うくらいだ。金色の風は、餅のような香りが強く、かなりさっぱりしていて、あまり好きではなかった。他の2つはおいしかったが、コシヒカリと大差ないと感じる。</p>
7960          </section>
7961        </a>
7962
7963
7964        <a href="/blog/irony-and-humor-20211114">
7965          <section class="excerpt">
7966            <header>
7967              <p class="date"><time datetime="2021-12-16T07:32:10+09:00">16日</time></p>
7968
7969              <h3>アイロニーとユーモア(茅ヶ崎市美術館)</h3>
7970            </header>
7971
7972            <p>海を見に行った日は、茅ヶ崎市美術館へアイロニーとユーモアを見に行った。浜田知明という版画家の展覧会だ。寒かったせいか、3人くらいしか客がいなかった。一度、茅ヶ崎市美術館に行ってみたかったこともある。</p>
7973          </section>
7974        </a>
7975
7976
7977        <a href="/blog/sea-20211214">
7978          <section class="excerpt">
7979            <header>
7980              <p class="date"><time datetime="2021-12-15T07:21:57+09:00">15日</time></p>
7981
7982              <h3>2021年の海納め</h3>
7983            </header>
7984
7985            <p>雨模様の中だったが、海まで行った。誰もいなかった。茅ヶ崎駅からまっすぐ南に進むとちょうど烏帽子岩に着く。烏帽子岩をちゃんと見たのは初めてかもしれない。島へは釣り人用に渡し舟があるらしいので、いつか乗ってみたい。</p>
7986          </section>
7987        </a>
7988
7989
7990        <a href="/blog/quickle-handy">
7991          <section class="excerpt">
7992            <header>
7993              <p class="date"><time datetime="2021-12-14T06:45:31+09:00">14日</time></p>
7994
7995              <h3>クイックル・ハンディ</h3>
7996            </header>
7997
7998            <p>ほこり取りに使っていた、柄の長いシャワシャワのがダメな感じになったので買い替えた。この前に買ったテレビにも使いたいこともあって、伸び縮みするタイプのものを探して、クイックル・シリーズのそれにした。近所のシマホで690円だった。</p>
7999          </section>
8000        </a>
8001
8002
8003        <a href="/blog/diseases-2021">
8004          <section class="excerpt">
8005            <header>
8006              <p class="date"><time datetime="2021-12-12T07:08:31+09:00">12日</time></p>
8007
8008              <h3>傷病2021</h3>
8009            </header>
8010
8011            <p>ケガや病気をした日から治った日までを、Googleカレンダーで予定として記録している。ちょっとした切り傷や、火傷、捻挫、虫刺されなどもすべて記録する。すると完調だった日がどれくらいあるかがわかる。5年前からやっていて、だいたい平均で150日くらいは健康だったが、今年はかなり良く、200日くらい健康だった。</p>
8012          </section>
8013        </a>
8014
8015
8016        <a href="/blog/allbirds-wool-runners-black">
8017          <section class="excerpt">
8018            <header>
8019              <p class="date"><time datetime="2021-12-11T07:58:25+09:00">11日</time></p>
8020
8021              <h3>AllbirdsのWool Runners</h3>
8022            </header>
8023
8024            <p>ウォーキング以上ランニング未満に使いやすそうなスニーカーを探していた。色々探した結果、Allbirdsのウール・スニーカーを買った。先月の半ばに、公式のオンライン・ストアから12500円で買い、翌日に届いた。気付けばウールの何かばかりを買っている。</p>
8025          </section>
8026        </a>
8027
8028
8029        <a href="/blog/unhighlight-code">
8030          <section class="excerpt">
8031            <header>
8032              <p class="date"><time datetime="2021-12-10T16:24:36+09:00">10日</time></p>
8033
8034              <h3>コード・ハイライトの停止</h3>
8035            </header>
8036
8037            <p>v9.21.11で、雑記のコード・ハイライトをやめたã€
8037‚短いコードを強調表示すると、ユーザーが愛用している強調表示の色と混乱して、返って読みづらいのではないか、という仮説を持っている。そこそこ長いコードなら、読んでいるうちに色情報が整理されてくると思うが、短いとその時間がない。つまり、ウェブログのようなものに載せるコード断片なら、そのままの方が先入観なしに読めるのではないだろうか。</p>
8038          </section>
8039        </a>
8040
8041
8042        <a href="/blog/pixel-3a-wallet-case">
8043          <section class="excerpt">
8044            <header>
8045              <p class="date"><time datetime="2021-12-09T07:40:55+09:00">9日</time></p>
8046
8047              <h3>Pixel 3aの手帳型ケース</h3>
8048            </header>
8049
8050            <p>スマフォを落とし、AmazonでPixel 3aのケースを買ったら、入らなかったので、また違うケースを1499円で買った。プライム会員中なので、次の日に届いてすごい。もちろん気に入ってはいない。</p>
8051          </section>
8052        </a>
8053
8054
8055        <a href="/blog/returning-with-pudo-station">
8056          <section class="excerpt">
8057            <header>
8058              <p class="date"><time datetime="2021-12-08T07:06:17+09:00">8日</time></p>
8059
8060              <h3>PUDOで返品</h3>
8061            </header>
8062
8063            <p>スマフォを落としたので、新しくケースを買った。Amazonで売っていた1099円の手帳型ケースにし、翌日に届いたが、入らなかった。3~5mmくらい短い。ヘッドフォン・ジャック用にあるはずの穴の位置も左右逆で、間違ったもののようだった。触り心地はそこそこ良いPUレザーだったため残念だったが、使えないので返品した。AmazonではPUDOステーションを使って返品できるようになっていたので、初めてやってみたが、簡単でいいな。</p>
8064          </section>
8065        </a>
8066
8067
8068        <a href="/blog/repairing-pixel-3a-display">
8069          <section class="excerpt">
8070            <header>
8071              <p class="date"><time datetime="2021-12-07T07:43:20+09:00">7日</time></p>
8072
8073              <h3>Pixel 3aの画面修理</h3>
8074            </header>
8075
8076            <p>うっかり道でスマフォを落とした。角から落ちたらしく、画面の右下から画面下部にのみ亀裂が入ってしまった。ガラスの亀裂だけで、それも主に画面領域の外だったので、特に問題なく動き、操作できている。2年半弱は使ったし、高くないスマフォなので、あまりショックは受けなかった。すぐに近所の修理屋に行き、値段表を見ると、23000円前後と高かったので、買い替えも含めて、家に帰って考えることにした。</p>
8077          </section>
8078        </a>
8079
8080
8081        <a href="/blog/prime-video-or-video-streaming-services">
8082          <section class="excerpt">
8083            <header>
8084              <p class="date"><time datetime="2021-12-06T08:14:36+09:00">6日</time></p>
8085
8086              <h3>Prime Videoや定額制の映像ストリーミング・サービス</h3>
8087            </header>
8088
8089            <p>あまりPrimeに興味がわかないようなことを書いておきながら、Prime Videoを観ている。昨日までは、映画館でも観た、ブレードランナー 2049を見ていた。映画館で観た時には「間」に感じられたシーンが、なんとなくうっとうしく感じてしまう。画面への映り込みや部屋の内装などで集中しきれないのかもしれない。SFばかり観ていたが、もっと明るい映画を観てみよう。</p>
8090          </section>
8091        </a>
8092
8093
8094        <a href="/blog/lighting-remote-control">
8095          <section class="excerpt">
8096            <header>
8097              <p class="date"><time datetime="2021-12-04T07:44:35+09:00">4日</time></p>
8098
8099              <h3>照明リモコンの壁付けを面ファスナーで</h3>
8100            </header>
8101
8102            <p>天井照明の壁スイッチがない部屋に移ることになった。もちろんリモコンがあるが、置き場所に困る。ひも付きの照明を探したが、もはや絶滅の危機に瀕した商品らしく、あまりない。結局、壁スイッチがあったら良さそうな場所に、リモコンを取り付けることにした。</p>
8103          </section>
8104        </a>
8105
8106
8107        <a href="/blog/namikibashi">
8108          <section class="excerpt">
8109            <header>
8110              <p class="date"><time datetime="2021-12-03T07:21:10+09:00">3日</time></p>
8111
8112              <h3>吊橋型の歩道橋</h3>
8113            </header>
8114
8115            <p>相鉄線と小田急線の上を通る橋に、歩道橋が作られている。片側は開通した。今までは自転車とすれ違うのが難しいくらいの細い歩道が片側にしかなかったã
8115®ã§ã€ãªã„よりはましだが、建設費に見合う効果はなさそうだ。駅を挟んで反対側ではアンダー・パス(こちらは相模線をくぐる)として新たな道が作られている。東からくる車がばらけ、駐車場の入り口もまたばらけるはずなので、橋における渋滞の解消にはこちらの方が重要そうだ。</p>
8116          </section>
8117        </a>
8118
8119
8120        <a href="/blog/replacing-sheer-curtains">
8121          <section class="excerpt">
8122            <header>
8123              <p class="date"><time datetime="2021-12-02T07:16:44+09:00">2日</time></p>
8124
8125              <h3>レース・カーテンの買い替え</h3>
8126            </header>
8127
8128            <p>今年はいっぱいレース・カーテンを買い替えた。洗っても白くならないものや、少し破れているものがあり、みすぼらしさが目に余るようになっていた。レースなので、劇的に雰囲気が変わるわけではないが、部屋が少し明るく爽やかになり、過ごしやすくなった。窓側からだけ透けづらくなっていたり、遮熱機能があったり、腰高窓にも床までの長さにしたり、いろいろ工夫したので、このままドレープ・カーテンなしで生きていきたい。</p>
8129          </section>
8130        </a>
8131
8132
8133        <a href="/blog/inputting-forms-and-bottom-navigation">
8134          <section class="excerpt">
8135            <header>
8136              <p class="date"><time datetime="2021-12-01T08:24:38+09:00">1日</time></p>
8137
8138              <h3>フォームへの入力と下部固定ナビゲーション</h3>
8139            </header>
8140
8141            <p>描画領域の最下部に固定されたナビゲーションが優勢になりつつある。そういうウェブサイトを小さな端末で閲覧し、なにがしかのフォームを入力しようとすると、入力中のフォームが下部固定ナビゲーションに隠れて見えなくなってしまうことがある。入力はできるが、入力中の文字などが見えない。スクリーン・キーボードを出す時に、キーボードでフォーム要素が隠れないよう、最小限の量で入力中のフォームの位置が調整される結果だ。</p>
8142          </section>
8143        </a>
8144
8145          </section>
8146          <section>
8147            <h2><time datetime="2021-11">2021年11月</time></h2>
8148
8149        <a href="/blog/bathroom-lighting">
8150          <section class="excerpt">
8151            <header>
8152              <p class="date"><time datetime="2021-11-30T07:47:42+09:00">30日</time></p>
8153
8154              <h3>風呂場の照明</h3>
8155            </header>
8156
8157            <p>風呂場の照明が明るすぎて困っていた。照明が2つあり、それぞれ60W相当のLED電球が刺さっている。ひとつ外したら家族から「暗い」と言われたã€
8157‚明るさを調整できるスマート電球にでもしようかと考えたが、いちいち戻すのが面倒くさそうだ。妥協点が見いだせそうもないので、風呂場の照明を点けず、洗面脱衣室の照明を点けておくという方法で乗り越えた。</p>
8158          </section>
8159        </a>
8160
8161
8162        <a href="/blog/no-black-friday">
8163          <section class="excerpt">
8164            <header>
8165              <p class="date"><time datetime="2021-11-29T07:54:23+09:00">29日</time></p>
8166
8167              <h3>ノー・ブラック・フライデー</h3>
8168            </header>
8169
8170            <p>大きめで上にジッパーがついているトート・バッグを探していて、この前の金曜日にFreitagを見ようとしたら、オンライン・ストアが閉まっていた。No Black Fridayという運動の一環のようだった。セールで買って失敗することが多かった人間なので、こういう運動が広まり、セールがないとわかっていると、欲しい時にじっくりと考えて買え、うれしいかもしれない。</p>
8171          </section>
8172        </a>
8173
8174
8175        <a href="/blog/clearing-aircon-filter">
8176          <section class="excerpt">
8177            <header>
8178              <p class="date"><time datetime="2021-11-28T09:00:12+09:00">28日</time></p>
8179
8180              <h3>エアコンのフィルター掃除</h3>
8181            </header>
8182
8183            <p>去年と今年にエアコンを買い替えたので、取り扱い説明書に書いてある通り、フィルターを2週間に1回、洗うようになった。水のシャワーで洗って干すで、いつもピカピカになる。冷え込み始めたため、庭でバシャバシャ洗っているとかなり寒い。</p>
8184          </section>
8185        </a>
8186
8187
8188        <a href="/blog/tokyo-ginza-shinbashi-20211125">
8189          <section class="excerpt">
8190            <header>
8191              <p class="date"><time datetime="2021-11-27T08:05:45+09:00">27日</time></p>
8192
8193              <h3>東京~銀座~新橋(2021年11月25日)</h3>
8194            </header>
8195
8196            <p>こなさなければならない用事と、少し前に買ったスニーカーのならしという名目で、東京駅から、銀座を経由して、新橋まで散歩した。東京駅ではグランスタを初めて眺めた。駅構内と構外に分かれていて、内が飲食、外が物販と勝手に決めつけていたが、そういうわけでもなさそうだった。IDEE Tokyoなどは構内にあった。新幹線までの暇つぶしには良さそうだが、わざわざ見に行くほどのものではなかった。店もひやかしやすく、散歩にはもってこいとも言えそうだ。</p>
8197          </section>
8198        </a>
8199
8200
8201        <a href="/blog/winter-underwear-2021">
8202          <section class="excerpt">
8203            <header>
8204              <p class="date"><time datetime="2021-11-26T08:16:48+09:00">26日</time></p>
8205
8206              <h3>2021年の冬下着</h3>
8207            </header>
8208
8209            <p>綿100%の長袖Tシャツがへたれてきたので、思い切って一気に新調した。無印良品の綿とウールで真冬もあったかの古いバージョンが990円で売っており、値段に負けてそれにした。あったかいような気がしないでもない程度だが、柔らかくて着心地はよく、チクチクはしない。ユニクロの昔のソフトタッチTシャツを思い出す。</p>
8210          </section>
8211        </a>
8212
8213
8214        <a href="/blog/chocolaterie-sandglass">
8215          <section class="excerpt">
8216            <header>
8217              <p class="date"><time datetime="2021-11-25T07:13:08+09:00">25日</time></p>
8218
8219              <h3>近所のチョコレート屋</h3>
8220            </header>
8221
8222            <p>近所にできたチョコレート屋が気になっていた。最寄り駅付近には、クリーム系のおいしいケーキ屋と、フルーツたっぷりのおいしいタルト屋があるので、おいしいチョコレート屋があるとうれしい。GodivaやLindtはあるけれど、ケーキはなかった。この店にはガトー・ショコラとザッハトルテがある。</p>
8223          </section>
8224        </a>
8225
8226
8227        <a href="/blog/docomo-amazon-prime-campaign">
8228          <section class="excerpt">
8229            <header>
8230              <p class="date"><time datetime="2021-11-24T07:30:58+09:00">24日</time></p>
8231
8232              <h3>ドコモのプランについてくるAmazonプライム</h3>
8233            </header>
8234
8235            <p>ドコモが提供している、1年間Amazonプライムの料金を肩代わりしてくれる特典が、2021/11/30で終了するようだった。今までç„
8235¡æ–™ä½“験も使ったことがなかったが、なんとなく試してみている。決済の時に「プライム体験しませんか?」的なページがなくなることは、とてもうれしい。一方でAmazonへの依存度が高まりそうで、とても怖い。</p>
8236          </section>
8237        </a>
8238
8239
8240        <a href="/blog/ol-to-p">
8241          <section class="excerpt">
8242            <header>
8243              <p class="date"><time datetime="2021-11-23T09:03:12+09:00">23日</time></p>
8244
8245              <h3>マーカーのないリスト</h3>
8246            </header>
8247
8248            <p>v9.21.8から雑多な記録の記事一覧などが、リストから段落になった。マーカーのない文字のリストがどうも気になるようになってしまったからだ。合わせて一覧ではあまり必要のない投稿日も削除した。年月の表記がセクションの見出しにあり、十分なんじゃないかと思う。</p>
8249          </section>
8250        </a>
8251
8252
8253        <a href="/blog/5oclock">
8254          <section class="excerpt">
8255            <header>
8256              <p class="date"><time datetime="2021-11-22T07:24:03+09:00">22日</time></p>
8257
8258              <h3>5時起き</h3>
8259            </header>
8260
8261            <p>今年の目標は早起きだった。段階的に5時くらいまで早めることができて、ほぼ達成した。5時に起きるといっても、トイレに行って顔を洗ったら、またベッドで1時間くらい本を読んでいるので、活動的になるのは6時過ぎになる。そうやって起きてから、朝ごはんを食べるまでに1時間くらい空けると、おいしくご飯が食べられる気がする。</p>
8262          </section>
8263        </a>
8264
8265
8266        <a href="/blog/removing-page-header">
8267          <section class="excerpt">
8268            <header>
8269              <p class="date"><time datetime="2021-11-21T09:03:38+09:00">21日</time></p>
8270
8271              <h3>ページ・ヘッダーの削除</h3>
8272            </header>
8273
8274            <p>v9.21.7でページ・ヘッダーがなくなった。ナビゲーションはページ・フッターにすべて移動させた。少し前にdetails要素を使って隠したが、今度は一気に削除してみている。横断的に参照されるようなウェブサイトではないため、それほど重要ではない上、むしろ記事のタイトルや日付の方が重要だとも考えられるので、一番上になくてもいいのかもしれない。ブランディングも必要ない。</p>
8275          </section>
8276        </a>
8277
8278
8279        <a href="/blog/outdoor-research-merino-220-sensor-liners">
8280          <section class="excerpt">
8281            <header>
8282              <p class="date"><time datetime="2021-11-14T07:27:56+09:00">14日</time></p>
8283
8284              <h3>Outdoor Researchのウール手袋</h3>
8285            </header>
8286
8287            <p>昨冬、気に入っていた手袋を、どこかに引っかけて破いてしまった。その時は冬の終わりで、買い替えずに乗り切った。しかし、今年の冬はそこそこ寒いらしい。そろそろ探しておこうと近所で下見を始め、メリノ・ウール100%で軍手っぽくないOutdoor Researchの黒い手袋が軽くて(36g!)気に入り、数日考えてから買った。定価の5500円だった。</p>
8288          </section>
8289        </a>
8290
8291
8292        <a href="/blog/lhomme-qui-dessine-20211102">
8293          <section class="excerpt">
8294            <header>
8295              <p class="date"><time datetime="2021-11-09T12:28:13+09:00">9日</time></p>
8296
8297              <h3>描くひと(世田谷文学館)</h3>
8298            </header>
8299
8300            <p>漫画家の谷口ジローを回顧する展覧会、描くひとを見に行った。もう亡くなって4年も経つのか。歩くやつが好きだった。世田谷文学館に行ってみたかったものの、あまり惹かれる展覧会がなかったが、谷口ジローと聞いては行くしかない。</p>
8301          </section>
8302        </a>
8303
8304
8305        <a href="/blog/kofu-20211026">
8306          <section class="excerpt">
8307            <header>
8308              <p class="date"><time datetime="2021-11-02T07:50:52+09:00">2日</time></p>
8309
8310              <h3>墓参り(2021年10月26日)</h3>
8311            </header>
8312
8313            <p>
83131年半ほど行けていなかったので、墓参りに行った。家を出る時は怪しい雲行きだったが、うまいこと快晴になった。寒かったので月曜日の予定を火曜日に延ばし、良い目が出た。月に2回も遠出するのは久しぶりだ。</p>
8314          </section>
8315        </a>
8316
8317          </section>
8318          <section>
8319            <h2><time datetime="2021-10">2021年10月</time></h2>
8320
8321        <a href="/blog/sony-xrj-55a90j">
8322          <section class="excerpt">
8323            <header>
8324              <p class="date"><time datetime="2021-10-28T07:32:59+09:00">28日</time></p>
8325
8326              <h3>ソニーの55インチ有機ELテレビ(XRJ-55A90J)</h3>
8327            </header>
8328
8329            <p>テレビを買い替えた。17年前のシャープ製32V型液晶テレビだったが、数年前からちょくちょくB-CASカードを挿し直さなければならなくなってしまったので、買い替えをずっと考えていた。買い替え先は、ソニー製55V型有機ELテレビになった。ヨドバシカメラで385000円で、10%ポイント還元と、10/31まで15000ポイントがプレゼントされるので、331500円相当くらいになる。有機ELだ!</p>
8330          </section>
8331        </a>
8332
8333
8334        <a href="/blog/vim-css3-syntax-v1.9.1">
8335          <section class="excerpt">
8336            <header>
8337              <p class="date"><time datetime="2021-10-18T11:30:40+09:00">18日</time></p>
8338
8339              <h3>vim-css3-syntax v1.9.1</h3>
8340            </header>
8341
8342            <p>vim-css3-syntaxを更新して、v1.9.1をリリースした。変更点はあまりなく、謎の単位が大量に追加されたくらいだ。1dviとか書かれても、もはやどれが何の略か推測不能だ。正解はdynamic viewport inlineなので、動的に変化するビューポートの書字方向(の1%)ということになる。</p>
8343          </section>
8344        </a>
8345
8346
8347        <a href="/blog/rule-20211004">
8348          <section class="excerpt">
8349            <header>
8350              <p class="date"><time datetime="2021-10-07T07:21:39+09:00">7日</time></p>
8351
8352              <h3>ルール?展(21_21 Design Sight)</h3>
8353            </header>
8354
8355            <p>ちょっと見てみたかった21_21 Design Sightの展覧会、ルール?展に行ってきた。7月半ばに行っても良かったが、予約制じゃなかったため見送っていた。8月半ばから予約制になったものの、時期的にアレすぎたので行けず、結局、10月になってからになった。3号館の横尾忠則の肖像画展が終わる前に行けてよかった。</p>
8356          </section>
8357        </a>
8358
8359          </section>
8360          <section>
8361            <h2><time datetime="2021-09">2021年9月</time></h2>
8362
8363        <a href="/blog/validating-feeds-on-versioning">
8364          <section class="excerpt">
8365            <header>
8366              <p class="date"><time datetime="2021-09-19T06:51:49+09:00">19日</time></p>
8367
8368              <h3>バージョン更新時におけるフィードの検証</h3>
8369            </header>
8370
8371            <p>フィードを検証するようにした。投稿時にはめったに壊れないはずなので、バージョンを上げた時にのみ検証している。バージョンが上がった時は、生成する仕組みやテンプレートが変わり、壊れたりするかもしれない。数ファイルだけなので、W3C Feed ValidatorのAPIを利用した。</p>
8372          </section>
8373        </a>
8374
8375
8376        <a href="/blog/stopping-random-background-color-hue">
8377          <section class="excerpt">
8378            <header>
8379              <p class="date"><time datetime="2021-09-12T16:32:18+09:00">12日</time></p>
8380
8381              <h3>背景色の色相をコロコロ変えると</h3>
8382            </header>
8383
8384            <p>v9.21.0で背景色の色相がコロコロ変わるようにしていたが、戻した。一部の色相でコントラストが落ちるためだ。コントラストは60(APCAで計算した値で、WCAG 2.1の4.5:1相当)くらい確保できるが、一部の色相で57くらいまで落ちる。機械的にどうにかできるが、大変そうだった。</p>
8385          </section>
8386        </a>
8387
8388          </section>
8389          <section>
8390            <h2><time datetime="2021-08">2021年8月</time></h2>
8391
8392        <a href="/blog/ikea-runnen-floor-decking">
8393          <section class="excerpt">
8394            <header>
8395              <p class="date"><time datetime="2021-08-24T11:25:52+09:00">24日</time></p>
8396
8397              <h3>IKEAのフロア・デッキ</h3>
8398            </header>
8399
8400            <p>冬にベランダを交換した。柱や柵はダーク・ブラウンで落ち着いた色だが、床だけが白い。雨の後は汚れが目立つし、夏になったらまぶしいことがわかったã
8400®ã§ã€IKEAのフロア・デッキを敷き詰めた。そこそこぴっちり敷き詰められたので、今のところは満足している。</p>
8401          </section>
8402        </a>
8403
8404
8405        <a href="/blog/vaccinated-20210802">
8406          <section class="excerpt">
8407            <header>
8408              <p class="date"><time datetime="2021-08-05T08:52:57+09:00">5日</time></p>
8409
8410              <h3>ワクチンの接種(2回目)</h3>
8411            </header>
8412
8413            <p>予定通り2回目のワクチン接種を受けてきた。今回は時間ギリギリに行ったので、病院に着いてから20分で帰れ、効率的に接種ができた。他も特に変わりはなく、接種後8時間ほどまでは特に何もなく過ぎる。むしろ腕のだるさなどは前回より楽だった。</p>
8414          </section>
8415        </a>
8416
8417          </section>
8418          <section>
8419            <h2><time datetime="2021-07">2021年7月</time></h2>
8420
8421        <a href="/blog/ohm-electric-nit-aswb4-w">
8422          <section class="excerpt">
8423            <header>
8424              <p class="date"><time datetime="2021-07-24T12:30:45+09:00">24日</time></p>
8425
8426              <h3>オーム電機 停電対応ナイトライト NIT-ASWB4-W</h3>
8427            </header>
8428
8429            <p>夜中の災害時用に、停電した時に自動で点灯する照明を探していた。そこそこ見つかるが、人感センサーや明暗センサーで点灯してしまうものがほとんどだ。停電の時以外は真っ暗がいいので、見た目をあきらめ、オーム電機のナイトライトにした。近所で1024円だった。</p>
8430          </section>
8431        </a>
8432
8433
8434        <a href="/blog/vaccinated-20210712">
8435          <section class="excerpt">
8436            <header>
8437              <p class="date"><time datetime="2021-07-14T09:19:59+09:00">14日</time></p>
8438
8439              <h3>ワクチンの接種(1回目)</h3>
8440            </header>
8441
8442            <p>今月の始めに接種券が来たので、すぐに予約し、今日受けてきた。市の集団接種会場の予約は世代で区切られており、該当する世代の予約が始まるまではかなりあったので、すぐに予約できる個別接種にした。個別接種なのでファイザーだ。家から歩いてすぐのところで接種でき、そういう点では良かった。家族の中で最後になり、世間的には順調な部類に入るだろう。</p>
8443          </section>
8444        </a>
8445
8446          </section>
8447          <section>
8448            <h2><time datetime="2021-06">2021年6月</time></h2>
8449
8450        <a href="/blog/steps-ahead-20210622">
8451          <section class="excerpt">
8452            <header>
8453              <p class="date"><time datetime="2021-06-30T13:37:46+09:00">30日</time></p>
8454
8455              <h3>Steps Ahead (アーティゾン美術館)</h3>
8456            </header>
8457
8458            <p>アーティゾン美術館へ新収蔵作品の展覧会を見に行った。新しくなり、名前が変わってから行っておらず、建物や内装を見たかったが、企画展で興味を持てるものがなく、行く機会を逃しているうちに行きづらくなっていた。見たい新収蔵作品がいくつかあったã
8458®ã§ã€ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚’見計らって、予約して行くことにした。</p>
8459          </section>
8460        </a>
8461
8462          </section>
8463          <section>
8464            <h2><time datetime="2021-05">2021年5月</time></h2>
8465
8466        <a href="/blog/vim-css3-syntax-v1.9.0">
8467          <section class="excerpt">
8468            <header>
8469              <p class="date"><time datetime="2021-05-24T12:32:16+09:00">24日</time></p>
8470
8471              <h3>vim-css3-syntax v1.9.0</h3>
8472            </header>
8473
8474            <p>vim-css3-syntaxのv1.9.0をリリースした。5か月近く間があったが、今回も大きな変更はない。もう年末にだけリリースするだけでいいかもしれない。</p>
8475          </section>
8476        </a>
8477
8478
8479        <a href="/blog/removing-ogp">
8480          <section class="excerpt">
8481            <header>
8482              <p class="date"><time datetime="2021-05-01T08:10:13+09:00">1日</time></p>
8483
8484              <h3>OGPの削除など</h3>
8485            </header>
8486
8487            <p>Instagramが、ログインしないとまったく見られなくなっていた。これはこれで見なくてすむという見方もあるが、それならアプリに閉じていてほしいと感じる。つのるFacebookへの反感を、OGPを削除することで表明することにした。</p>
8488          </section>
8489        </a>
8490
8491          </section>
8492          <section>
8493            <h2><time datetime="2021-04">2021年4月</time></h2>
8494
8495        <a href="/blog/nike-blazer-low-x-black">
8496          <section class="excerpt">
8497            <header>
8498              <p class="date"><time datetime="2021-04-28T18:52:34+09:00">28日</time></p>
8499
8500              <h3>NikeのBlazer Low X(ブラック)</h3>
8501            </header>
8502
8503            <p>ちょうど2年くらいになるスニーカーの底に穴が開き始めた。週に3回くらいは履いているので、よくもった方かもしれない。かかとだけ直そうかと思ったが、小指の横あたりで接着がはがれ始めているし、一部割れてもいるので、買い替えることにした。ネット通販で買うしかなさそうなこともあり、交換や返品がしやすいという後ろ向きな理由で、Nike.comで買うことに決め、Blazer Low Xの黒にした。11000円と手ごろだ。</p>
8504          </section>
8505        </a>
8506
8507
8508        <a href="/blog/on-20210423">
8509          <section class="excerpt">
8510            <header>
8511              <p class="date"><time datetime="2021-04-23T11:20:20+09:00">23日</time></p>
8512
8513              <h3>小田急の町</h3>
8514            </header>
8515
8516            <p>近所にロマンスカーミュージアムが開業した。電車にはそれほど興味はないが、ロゴには興味がある。ロゴは、ロマンスカーの色を使いつつ、頭文字のRを横に寝かせただけのものだと思っていた。しかし、よく見ると、手前側にくる三角の左下が少し丸くなっており、ロマンスカーっぽい形も取り込んでいるようだった。</p>
8517          </section>
8518        </a>
8519
8520
8521        <a href="/blog/grid-area-in-style">
8522          <section class="excerpt">
8523            <header>
8524              <p class="date"><time datetime="2021-04-20T07:29:09+09:00">20日</time></p>
8525
8526              <h3>style属性にgrid-areaプロパティー</h3>
8527            </header>
8528
8529            <p>grid-template-areaプロパティーで、識別子を使って特化型のグリッドを作ることが増えた。こういう場合、各グリッド項目に対して、grid-areaプロパティーで名前を付けていくことになる。この名前付けを、CSSファイルではなく、HTMLファイルに書いてしまった方がいいのではないだろうか。</p>
8530          </section>
8531        </a>
8532
8533
8534        <a href="/blog/on-20210417">
8535          <section class="excerpt">
8536            <header>
8537              <p class="date"><time datetime="2021-04-17T07:59:26+09:00">17日</time></p>
8538
8539              <h3>5.5年のアレ</h3>
8540            </header>
8541
8542            <p>つい最近になって、近所の大型商業施設に、非常時以外にã
8542‚‚自由に使える階段があることを知った。隅の方にこっそりあった。三角のらせん階段で、なかなかいい。階段が好きなので、ちょくちょく上ったり下りたりしているが、他に誰も使っていない。</p>
8543          </section>
8544        </a>
8545
8546
8547        <a href="/blog/changing-hyperlink-color-in-main">
8548          <section class="excerpt">
8549            <header>
8550              <p class="date"><time datetime="2021-04-13T08:58:00+09:00">13日</time></p>
8551
8552              <h3>本文でだけハイパーリンク色を変更する手法</h3>
8553            </header>
8554
8555            <p>本文だけ、具体的にはmain要素以下でだけ、ハイパーリンクの色を変えたい、というようなことはよくあるだろう。色々なやり方がある。上書きするか、ハイパーリンクごとにクラスを振るのが主流と思われる。セレクターを工夫すれば、すみ分けることもできる。僕は、最近になって、カスタム・プロパティーで切り替える手法に落ち着きつつある。</p>
8556          </section>
8557        </a>
8558
8559
8560        <a href="/blog/ch-unit-size-and-japanese-webpage-with-latin-font">
8561          <section class="excerpt">
8562            <header>
8563              <p class="date"><time datetime="2021-04-07T07:33:44+09:00">7日</time></p>
8564
8565              <h3>ch単位の大きさと、欧文フォントを指定した日本語ウェブページ</h3>
8566            </header>
8567
8568            <p>ch単位は、どのようにその大きさが計算されるのか、という疑問が起こったので調べた。ch単位の仕様では「Equal to the used advance measure of the &quot;0&quot; (ZERO, U+0030) glyph found in the font used to render it.」となっており、微妙な表現だが「『0』のグリフを実際にレンダリングした幅」ということだろう。実装もそうなっているようだった。</p>
8569          </section>
8570        </a>
8571
8572
8573        <a href="/blog/on-20210405">
8574          <section class="excerpt">
8575            <header>
8576              <p class="date"><time datetime="2021-04-02T08:02:28+09:00">2日</time></p>
8577
8578              <h3>No JavaScript(v9.20.3)</h3>
8579            </header>
8580
8581            <p>データの持ち方を変えたりしていた。今までは各ページを生成する時にtimestampから細かい日時の情報を作っていたが、静的に持つようにした。読み終えた本のカバー画像も、ASINと高さと幅を保持していたが、HTMLとして持つようにしてしまった。他はキー名を、RSSに都合がいいようにそろえたりしている。生成するスクリプトやテンプレートがすっきりしただけでなく、全記事の再生成にかかる時間が0.3秒くらい速くなった。</p>
8582          </section>
8583        </a>
8584
8585          </section>
8586          <section>
8587            <h2><time datetime="2021-03">2021年3月</time></h2>
8588
8589        <a href="/blog/hayama-yokohama-20210323">
8590          <section class="excerpt">
8591            <header>
8592              <p class="date"><time datetime="2021-03-27T08:11:15+09:00">27日</time></p>
8593
8594              <h3>フランシス・ベーコン(神奈川県立近代美術館・葉山館)</h3>
8595            </header>
8596
8597            <p>神奈川県立近代美術館の葉山館が再開館した。もちろん「フランシス・ベーコン」も再開したので、すぐさま行ってきた。久しぶりに近くて遠い葉山に行った。天気は素晴らしかった。</p>
8598          </section>
8599        </a>
8600
8601
8602        <a href="/blog/not-not-not-not-p">
8603          <section class="excerpt">
8604            <header>
8605              <p class="date"><time datetime="2021-03-22T08:22:37+09:00">22日</time></p>
8606
8607              <h3>:not(#not) :not(#not) p</h3>
8608            </header>
8609
8610            <p>コーディング規約で!importantを禁止されているプロジェクトで、それらしきものを実現しようと考えている。最終的に:not(#not) :not(#not) pというセレクターをひねり出した。ウェブページでは、ブラウザーがhtmlとbody要素を補完するので、すべてのp要素に必ずマッチする。そして、詳細度が2,0,1と、かなり高くなるため、ルールセットが!importantにかなり近い強さになる。</p>
8611          </section>
8612        </a>
8613
8614
8615        <a href="/blog/on-20210317">
8616          <section class="excerpt">
8617            <header>
8618              <p class="date"><time datetime="2021-03-17T07:12:56+09:00">17日</time></p>
8619
8620              <h3>続・密造フォカッチャ</h3>
8621            </header>
8622
8623            <p>楽しいので、週一くらいでフォカッチャを焼いている。粉をいろいろ変えているが、「フォカッチャ向け」と書いてあった粉がおいしい。信じることは大切だ。</p>
8624          </section>
8625        </a>
8626
8627
8628        <a href="/blog/apca-score">
8629          <section class="excerpt">
8630            <header>
8631              <p class="date"><time datetime="2021-03-12T08:40:37+09:00">12日</time></p>
8632
8633              <h3>APCAとそのスコア化</h3>
8634            </header>
8635
8636            <p>スタイル・ガイドで手軽にAPCAのスコアを確認できるようになった。本文の色を80ギリギリにしてみたが、すぐにã
8636‚„めた。スコア化されてしまうと、意味もなくギリギリまで挑戦してみたくなってしまう。</p>
8637          </section>
8638        </a>
8639
8640
8641        <a href="/blog/on-20210307">
8642          <section class="excerpt">
8643            <header>
8644              <p class="date"><time datetime="2021-03-07T19:09:43+09:00">7日</time></p>
8645
8646              <h3>護床ブロック</h3>
8647            </header>
8648
8649            <p>川の段差があるところにこういう水の流れをならすブロックを並べると、川底がえぐれなくなるらしい。「洗堀」と言うようだ。広い川の岸辺にもあるのは、川幅が広がらないようにとかなんだろうか。</p>
8650          </section>
8651        </a>
8652
8653
8654        <a href="/blog/skip-to-main-content-v9.19.0">
8655          <section class="excerpt">
8656            <header>
8657              <p class="date"><time datetime="2021-03-03T08:51:12+09:00">3日</time></p>
8658
8659              <h3>本文へ飛ぶ(v9.19.0)</h3>
8660            </header>
8661
8662            <p>本文へ飛ぶ(Skip to Main Content)を追加した。ナビゲーションの項目が長いので、飛ばせるなら飛ばせた方が、イライラさせずにすむかもしれない。また、ヒーロー画像コンポーネントがなくなった。大きな画像に食傷気味だ。他にもいろいろ変わった。</p>
8663          </section>
8664        </a>
8665
8666
8667        <a href="/blog/on-20210301">
8668          <section class="excerpt">
8669            <header>
8670              <p class="date"><time datetime="2021-03-01T11:15:41+09:00">1日</time></p>
8671
8672              <h3>消防用空地</h3>
8673            </header>
8674
8675            <p>駅前の大きなマンションに入居が始まっていた。先月初めの入居ラッシュ時には、エアコンの室外機をいっぱい積んだトラックが来ていたりして、なかなか面白かった。かと思うと軽トラで引っ越ししている若い人たちもいた。タワーマンションだからか、小道を抜けた先に消防用の空地がかなり広くとられていた。住民がテスラを借りられる噂のマンションは、ここなのかな?</p>
8676          </section>
8677        </a>
8678
8679          </section>
8680          <section>
8681            <h2><time datetime="2021-02">2021年2月</time></h2>
8682
8683        <a href="/blog/gillette-skinguard">
8684          <section class="excerpt">
8685            <header>
8686              <p class="date"><time datetime="2021-02-25T07:50:07+09:00">25日</time></p>
8687
8688              <h3>ジレット・スキンガード</h3>
8689            </header>
8690
8691            <p>2枚刃に減ったジレットのスキンガードを使ってみている。年末にドラッグストアで、替え刃2個付きが800円くらいで安売りしており、前から試してみたかったのもあって、つい買ってしまった。無事、プログライド・フレックスボールの本体に装着できた(ウェブサイトにも互換性があると明記さã
8691‚Œã¦ã„ã‚‹)。</p>
8692          </section>
8693        </a>
8694
8695
8696        <a href="/blog/window-local-storage-for-a-local-file">
8697          <section class="excerpt">
8698            <header>
8699              <p class="date"><time datetime="2021-02-20T08:19:17+09:00">20日</time></p>
8700
8701              <h3>ローカル・ファイルでwindow.localStorageが動かないので、簡単なテスト用にどうにかするもの</h3>
8702            </header>
8703
8704            <p>window.localStorageが実装されているブラウザーでは、セキュリティー上の制限により、ローカル・ファイルでは参照するとUncaught DOM Exceptionを返す。普通のポリフィルのように、それらしきものを作ってやっても、Uncaught DOM Exceptionを返すのは変わらない。いったんdelete window.localStorageしてから、らしきものを作ってやるとうまくいく。</p>
8705          </section>
8706        </a>
8707
8708
8709        <a href="/blog/meta-name-color-scheme">
8710          <section class="excerpt">
8711            <header>
8712              <p class="date"><time datetime="2021-02-15T10:36:25+09:00">15日</time></p>
8713
8714              <h3>meta要素のname=color-schemeについて</h3>
8715            </header>
8716
8717            <p>ダーク・モードへ適応するなら、フォーム関連要素の色も切り替えるよう、CSSを書くだろう。しかし、それだけでは、例えばテキストエリアで出てくるスクロールバーが明るいままなので、かなり浮いてしまう。meta要素でname=color-schemeを適切に設定すると、そういったスクロールバーの色も含めたあらゆるものの色を暗く(明るく)できる。</p>
8718          </section>
8719        </a>
8720
8721
8722        <a href="/blog/with-twitter-uri-scheme">
8723          <section class="excerpt">
8724            <header>
8725              <p class="date"><time datetime="2021-02-12T08:23:52+09:00">12日</time></p>
8726
8727              <h3>Twitter URIスキームで</h3>
8728            </header>
8729
8730            <p>Twitterへのミラーを半手動で行うようにした。といっても難しいことはせず、Twitter URIスキームのURLを開き、関連付けに基づいてインストール済みのTwitterアプリを開くだけだ。うまくいっているようだ。あるものは使っていきたい。</p>
8731          </section>
8732        </a>
8733
8734
8735        <a href="/blog/font-size-calc-2ch-in-chrome-88-or-edge-88">
8736          <section class="excerpt">
8737            <header>
8738              <p class="date"><time datetime="2021-02-09T08:39:46+09:00">9日</time></p>
8739
8740              <h3>Chrome 88やEdge 88でのfont-size: calc(2ch)</h3>
8741            </header>
8742
8743            <p>利用しているフォントの「0」のグリフ幅によって変わるch単位は、実装されて久しい。これを、font-sizeプロパティーでcalc()やclamp()など計算するCSS関数を通して使うと、Chrome 88やEdge 88で想定より大きくなってしまうバグがあるようだ。Firefox 85やSafari 14では問題なく、またwidthプロパティーなどでなら発生しない。</p>
8744          </section>
8745        </a>
8746
8747
8748        <a href="/blog/on-20210206">
8749          <section class="excerpt">
8750            <header>
8751              <p class="date"><time datetime="2021-02-06T08:56:24+09:00">6日</time></p>
8752
8753              <h3>色(v9.18.0)</h3>
8754            </header>
8755
8756            <p>ついにGoogleが、検索結果ページで暗い背景を試し始めたようなので、ふたたび真っ黒の背景色でダーク・モードを仕込んでおいた。切り替え機能は次のバージョンで再導入される。他に、色を1つ減らしたり、ページ・ヘッダーなどでも未読リンクが判別できるようにしたり、構文強調のカラー・スキームを脱Solarizedしたりした。色関係で変更が多い。</p>
8757          </section>
8758        </a>
8759
8760
8761        <a href="/blog/on-20210201">
8762          <section class="excerpt">
8763            <header>
8764              <p class="date"><time datetime="2021-02-01T08:59:29+09:00">1日</time></p>
8765
8766              <h3>腕時計の電池交換と、スマートウォッチの検討</h3>
8767            </header>
8768
8769            <p>腕時計の電池が切れ(てい)た。およそ2年で切れたようで、やや早めくらいだろう。なんとなく新しい腕時計を買おうかと、いろいろ見てみたものの、腕時計にそれほど依存していないし、他にSwatchもあるので、欲しくてたまらないというほどにはならなかった。結局、近所で電池を交換した。</p>
8770          </section>
8771        </a>
8772
8773          </section>
8774          <section>
8775            <h2><time datetime="2021-01">2021年1月</time></h2>
8776
8777        <a href="/blog/aircon-cost-electricity-vs-gas">
8778          <section class="excerpt">
8779            <header>
8780              <p class="date"><time datetime="2021-01-27T11:28:38+09:00">27日</time></p>
8781
8782              <h3>エアコンのガスから電気による運用費の変化</h3>
8783            </header>
8784
8785            <p>
8785去年の9月にガス暖房のエアコンから電気暖房へ買い替えをした。機能的な点は不満なく動いていて、すぐ暖かくなるし、まんべんなく暖かくなっている。寒くなった12月の半ばから、暖房をよく使うようになったため、ガスや電気への、おもに金銭面での影響がはっきりした。</p>
8786          </section>
8787        </a>
8788
8789
8790        <a href="/blog/wsl2-port-forwarding">
8791          <section class="excerpt">
8792            <header>
8793              <p class="date"><time datetime="2021-01-23T12:38:09+09:00">23日</time></p>
8794
8795              <h3>WSL2のためのポート・フォワーディング</h3>
8796            </header>
8797
8798            <p>WSL2でネットワークまわりが変わった。ローカル・ネットワークの他のコンピューターから、WSL2の仮想マシンで立てたウェブサーバーへ気軽にアクセスしようとすると、ポート・フォワーディングを設定しなくてはならない。WSL2でUbuntuを使っているなら、hostnameコマンドを使うとIPアドレスだけがわかるので、これとnetsh interface portproxyコマンドを使って、バッチファイルを書く。</p>
8799          </section>
8800        </a>
8801
8802
8803        <a href="/blog/a-hamburger-button-on-the-right">
8804          <section class="excerpt">
8805            <header>
8806              <p class="date"><time datetime="2021-01-19T11:25:22+09:00">19日</time></p>
8807
8808              <h3>右にあるハンバーガー・ボタンの、メニューと文字の寄せ方向</h3>
8809            </header>
8810
8811            <p>ハンバーガー・ボタンが右にあるなら、ウェブサイトのナビゲーションも右に出てきた方が、近くていい。また、両者が共に右にあるなら、ナビゲーション項目の文字も右に寄せるといいかもしれない。こういった仮定の下、右にハンバーガー・ボタンがあるウェブサイトを探していた。いくつか挙げておく。</p>
8812          </section>
8813        </a>
8814
8815
8816        <a href="/blog/on-20210115">
8817          <section class="excerpt">
8818            <header>
8819              <p class="date"><time datetime="2021-01-15T14:54:12+09:00">15日</time></p>
8820
8821              <h3>密造フォカッチャ</h3>
8822            </header>
8823
8824            <p>材料をタッパーで混ぜ、一晩寝かせ、朝に焼く、それだけのフォカッチャのレシピを教えてもらった。本当に混ぜるだけですごい。朝起きて、やわらかい生地を整形してたらすごい楽しくなったし、オーブンで焼いているところはずっとながめていられる。おいしそうな写真は省略する(撮ったものの湯気で失敗していた)。</p>
8825          </section>
8826        </a>
8827
8828
8829        <a href="/blog/seiko-kx249b">
8830          <section class="excerpt">
8831            <header>
8832              <p class="date"><time datetime="2021-01-11T09:13:45+09:00">11日</time></p>
8833
8834              <h3>セイコーの安い掛け時計(KX249B)</h3>
8835            </header>
8836
8837            <p>かなり長い間使っていた掛け時計が、電池を変えても1日に30分くらい遅れるようになった。しばらく掛け時計なしで生活してみたが、掛かっていたところをつい見てしまうので、改めてスマフォなどを見る羽目になり、とても面倒くさい。2か月くらい我慢すれば慣れそうだが、それほどのことでもないので、買うことにした。カチカチしないのと、数字が1から12まであることを条件にして、セイコーのKX249Bにした。ヨドバシカメラで4760円だった。</p>
8838          </section>
8839        </a>
8840
8841
8842        <a href="/blog/navigation-contents-20210107">
8843          <section class="excerpt">
8844            <header>
8845              <p class="date"><time datetime="2021-01-07T08:30:36+09:00">7日</time></p>
8846
8847              <h3>ナビゲーションの中身</h3>
8848            </header>
8849
8850            <p>ハンバーガー・ボタンでウェブサイトのナビゲーションを展開させると、いわゆる「メニュー」としての性格が強くなる。ならば、アプリケーションのメニューのように、あらゆるコンテンツへのアクセス手段が含まれるという暗黙の了解があるのではないか? そうだとするとメール・アドレス、ライセンス、RSS、ソーシャル・メディアへのリンクも含まれていた方がいいかもしれない。</p>
8851          </section>
8852        </a>
8853
8854
8855        <a href="/blog/hello-2021">
8856          <section class="excerpt">
8857            <header>
8858              <p class="date"><time datetime="2021-01-03T09:40:42+09:00">3日</time></p>
8859
8860              <h3>Need Ray Knee Each</h3>
8861            </header>
8862
8863            <p>2021年が明けた。今年の酒は泉橋酒造のとんぼスパークリングだった。辛めで、香りが強くなく、おせちにはいい。栗きんとんは去年の出来を再現できなかったが、水は出なかったã
8863®ã§ã€æ‚ªãã¯ãªã‹ã£ãŸã€‚田作りは再現でき、ポリポリおいしかった。</p>
8864          </section>
8865        </a>
8866
8867          </section>
8868          <section id="2020">
8869            <h2><time datetime="2020-12">2020年12月</time></h2>
8870
8871        <a href="/blog/hamburger-button-menu-v9.17.2">
8872          <section class="excerpt">
8873            <header>
8874              <p class="date"><time datetime="2020-12-30T09:27:24+09:00">30日</time></p>
8875
8876              <h3>ハンバーガー・ボタンのメニュー(v9.17.2)</h3>
8877            </header>
8878
8879            <p>ロゴの右にちょこんとあるハンバーガー・ボタン(やその左の空間)を押すと、ページ・ヘッダーのウェブサイト・ナビゲーションを切り替えるようにした。details要素を使っている。HTMLにかなり手を入れた上で、ちょっとCSSを書いたくらいで、スクリプトは書いていない。キーボードでのアクセス性は悪くなさそうだし、おおむね問題なく操作できそうだ。v9.17.0からこうなったが、いろいろ直したので、すでにパッチ番号が2つ上がっている。</p>
8880          </section>
8881        </a>
8882
8883
8884        <a href="/blog/hello-import-meta-url">
8885          <section class="excerpt">
8886            <header>
8887              <p class="date"><time datetime="2020-12-27T09:14:22+09:00">27日</time></p>
8888
8889              <h3>import.meta.urlの利用</h3>
8890            </header>
8891
8892            <p>npmが仕込んでくれる環境変数のNPM_PACKAGE_VERSIONなどを参照するために、CSSファイルをコンパイルするスクリプトなどがちゃんとした実行ファイルになるよう、手元ã
8892§æ›¸ãç›´ã—ていた。ES modulesで書くようにしてからrequire(&quot;../package.json&quot;)などが使えなくなったため、無理やりpackage.jsonを読んでいたのが気になったからだ。でも結局はimport.meta.urlを使って、package.jsonを読むよう、さらに書き直した。</p>
8893          </section>
8894        </a>
8895
8896
8897        <a href="/blog/validating-periodically">
8898          <section class="excerpt">
8899            <header>
8900              <p class="date"><time datetime="2020-12-23T04:06:07+09:00">23日</time></p>
8901
8902              <h3>HTMLファイルの定期的な検証</h3>
8903            </header>
8904
8905            <p>たまに変なテンプレートを書いてしまっていて、HTMLがおかしくなったりする。今回は&lt;a href=&quot;/statuses/&quot;&quot;&gt;と、引用符が重なっていたりした。しかし、テンプレート・ファイルが小間切れである以上、編集時に行うことは難しいだろう。やはり定期的に生成されたHTMLファイルを検証することになる。まずは、バージョン番号を更新したタイミングで、一部を検証することにした。</p>
8906          </section>
8907        </a>
8908
8909
8910        <a href="/blog/mn-20201218">
8911          <section class="excerpt">
8912            <header>
8913              <p class="date"><time datetime="2020-12-18T08:26:21+09:00">18日</time></p>
8914
8915              <h3>MN(2020年12月18日)</h3>
8916            </header>
8917
8918            <p>思い出したようにMNを更新した。Xanh MonoとSyne Mono、そしてJetBrains Monoが追加されている。Xanh Monoはめったにないセリフの等幅で興味深い。こういうCourier風でないセリフの等幅は、東アジアには需要が多いのか、これもベトナムの人が作ったらしい。Syre Monoはよくわからないけれど、このファミリーのRegularのパスを歪めて作られたもののようだ。</p>
8919          </section>
8920        </a>
8921
8922
8923        <a href="/blog/manga-2020">
8924          <section class="excerpt">
8925            <header>
8926              <p class="date"><time datetime="2020-12-15T08:32:52+09:00">15日</time></p>
8927
8928              <h3>2020に完結してしまったマンガたち</h3>
8929            </header>
8930
8931            <p>今年は読んでいたマンガがよく完結した年だった。制限を設けないといくらでも買ってしまうので、20シリーズ前後までしか追いかけないようにしている。その1/3以上になる8シリーズが終わってしまった。</p>
8932          </section>
8933        </a>
8934
8935
8936        <a href="/blog/v9.16.0">
8937          <section class="excerpt">
8938            <header>
8939              <p class="date"><time datetime="2020-12-12T08:49:53+09:00">12日</time></p>
8940
8941              <h3>ベースラインの復活(v9.16.0)</h3>
8942            </header>
8943
8944            <p>min-device-pixel-ratioクエリーを使ったmedia属性ハック、@supportsを使ったすっぴんの刑、そしてカスタム・プロパティーを利用したプログレッシブ・エンハンスメントを2周繰り返してみて、やはり段階的にスタイルを適用することにした。HTMLに波及しないCSSの書き方が安定した文書に必要なこと、そしてベースラインという概念がウェブサイト制作者に重要なこと、これらへの思いに基づく。思想的な選択であって、実際的な選択ではない。</p>
8945          </section>
8946        </a>
8947
8948
8949        <a href="/blog/google-domains-and-account-lock">
8950          <section class="excerpt">
8951            <header>
8952              <p class="date"><time datetime="2020-12-08T08:37:44+09:00">8日</time></p>
8953
8954              <h3>Google Domainsとアカウントのロック</h3>
8955            </header>
8956
8957            <p>このウェブサイトのドメインはGoogle Domainsで管理している。以前使っていたGandiからは管理画面の不具合をきっかけに移管した。クレジットカード決済情報を預ける支払先が減らせるという理由で、使い続けている。もしGoogleアカウントがロックされた場合、巻き添えでこのドメインも失うのかもしれないと、不安になった。実際にはどうなるのだろう。</p>
8958          </section>
8959        </a>
8960
8961
8962        <a href="/blog/on-20201204">
8963          <section class="excerpt">
8964            <header>
8965              <p class="date"><time datetime="2020-12-04T13:00:29+09:00">4日</time></p>
8966
8967              <h3>v9.15.2からv9.15.4まで</h3>
8968            </header>
8969
8970            <p>
8970既に書いたが、既定ブランチ名を変えた。年末恒例のLintルールの見直しをしたり、テストを走らせる時にPrettierを通したり、生成された公開ファイルも通すようになったり、よくわからない作業をしていた。他だとヒーロー画像のコンポーネントが復活した。ので、意味もなく使ってみる。</p>
8971          </section>
8972        </a>
8973
8974          </section>
8975          <section>
8976            <h2><time datetime="2020-11">2020年11月</time></h2>
8977
8978        <a href="/blog/changing-github-default-branch-name">
8979          <section class="excerpt">
8980            <header>
8981              <p class="date"><time datetime="2020-11-30T08:49:56+09:00">30日</time></p>
8982
8983              <h3>GitHubの既定ブランチ名を変更すると……</h3>
8984            </header>
8985
8986            <p>masterブランチでGitHub Pagesを運用していた場合、既定のブランチを変更するだけでなく、GitHub Pagesの割当先ブランチも変更しなくてはいけない(Settings→GitHub Pages→Sourceにある)。僕はこれに思い至らず、まんまとやらかした。既定のブランチ名の変え方は、既に数多く書かれているので、ここには書かない。</p>
8987          </section>
8988        </a>
8989
8990
8991        <a href="/blog/chipolo-one-white">
8992          <section class="excerpt">
8993            <header>
8994              <p class="date"><time datetime="2020-11-25T14:04:31+09:00">25日</time></p>
8995
8996              <h3>Chipolo One (白)</h3>
8997            </header>
8998
8999            <p>Chipolo Cardのバッテリーが怪しくなったので、新しくChipolo Oneの白を買った。Cardのバッテリー交換プログラムは、面倒な割にそれほどお得じゃなかった。やはり自分で電池交換ができる方がいい。東急ハンズで3960円だった。</p>
9000          </section>
9001        </a>
9002
9003
9004        <a href="/blog/minatomirai-20201116">
9005          <section class="excerpt">
9006            <header>
9007              <p class="date"><time datetime="2020-11-22T09:01:43+09:00">22日</time></p>
9008
9009              <h3>トライアローグ(横浜美術館)</h3>
9010            </header>
9011
9012            <p>横浜美術館へトライアローグを見に行った。ここはこの展覧会が終わると改修(2年間!)に入ると聞いたので、あまり惹かれなかった内容だったが、見ておきたかった。近場でお出かけ欲を満たせそうという目論見もあった。展覧会は現代美術の教科書のような構成で、時系列で作品が並んでいるだけと、面白くはなかった。それでも好きなフランシス・ベーコンが2つ見れたので十分という感じだ(感想はこれで終わり)。</p>
9013          </section>
9014        </a>
9015
9016
9017        <a href="/blog/vim-css3-syntax-v1.8.0">
9018          <section class="excerpt">
9019            <header>
9020              <p class="date"><time datetime="2020-11-19T09:11:48+09:00">19日</time></p>
9021
9022              <h3>vim-css3-syntax v1.8.0</h3>
9023            </header>
9024
9025            <p>無変更が多いものの、仕様の更新が二桁になったので、vim-css3-syntaxのv1.8.0をリリースした。新規追加はCustom Highlight API Module Level 1で、::selection疑似要素などを置き換えた上で、スクリプトから扱いやすいようにし、マルチカーソルにも応用することなどを想定しているようだ。</p>
9026          </section>
9027        </a>
9028
9029
9030        <a href="/blog/light-beige-v9.15.1">
9031          <section class="excerpt">
9032            <header>
9033              <p class="date"><time datetime="2020-11-16T07:44:56+09:00">16日</time></p>
9034
9035              <h3>ヘッダーの調節と薄いベージュ(v9.15.1)</h3>
9036            </header>
9037
9038            <p>ヘッダーに置いていた「ウェブサイト内の検索」というラベルはさすがに長すぎた。これを「検索」に戻すと同時に、スクロールすること以外にたどり着く術がなかったウェブサイトの案内セクションへのリンクと組ã
9038¿åˆã‚ã›ã¦ã€ä¸¸ã”と置き換えることにした。ロゴ、主要ナビゲーション、補助ナビゲーションと分離したつもりだ。</p>
9039          </section>
9040        </a>
9041
9042
9043        <a href="/blog/lunch-20201113">
9044          <section class="excerpt">
9045            <header>
9046              <p class="date"><time datetime="2020-11-13T09:37:12+09:00">13日</time></p>
9047
9048              <h3>昼ご飯とタンパク質、焼きそば</h3>
9049            </header>
9050
9051            <p>テレビでアラビアータを作っていたのを見たら、食べたくなったので昼ご飯に作った。料理の写真はない。本当は翌日に作りたかったが、白いシャツの日だったのでやめた。トウガラシの種を入れ、タマネギを炒めないところは、見ていた男子ごはんのレシピを真似した。ガーリックオイルを別のフライパンで作るのは、洗い物が面倒なので飛ばす。缶詰のトマトではなく普通のトマトをさいの目に切って作った。おいしいが辛かったã
9051®ã§ã€æ¬¡å›žã¯ãƒˆã‚¦ã‚¬ãƒ©ã‚·ã®ç¨®ã‚’少し減らそう。</p>
9052          </section>
9053        </a>
9054
9055
9056        <a href="/blog/on-20201110">
9057          <section class="excerpt">
9058            <header>
9059              <p class="date"><time datetime="2020-11-10T11:16:01+09:00">10日</time></p>
9060
9061              <h3>押入れの整理</h3>
9062            </header>
9063
9064            <p>秋も終わりで、掃除の季節だ。押入れを空にして、掃除していたら30円出てきた。今年はほとんど小銭を使っていないのに、なぜか出てくる。着ていないスーツも虫干しのついでに、着て外出したりした。</p>
9065          </section>
9066        </a>
9067
9068
9069        <a href="/blog/on-20201109">
9070          <section class="excerpt">
9071            <header>
9072              <p class="date"><time datetime="2020-11-09T11:48:18+09:00">9日</time></p>
9073
9074              <h3>2020年の新米</h3>
9075            </header>
9076
9077            <p>新米を何種類か食べた。炊飯器が変わったこともあって、例年よりおいしい。山形のつや姫、福井のいちほまれ、鳥取の星空舞、そして地元のはるみの4種類だ。どれもおいしいが、いちほまれが一番好きかもしれない。おやつにおにぎりを作ってしまう。</p>
9078          </section>
9079        </a>
9080
9081
9082        <a href="/blog/white-v9.14.10">
9083          <section class="excerpt">
9084            <header>
9085              <p class="date"><time datetime="2020-11-06T09:07:01+09:00">6日</time></p>
9086
9087              <h3>白の維持とWindows 10でダーク・モードを有効化するショートカット(v9.14.10)</h3>
9088            </header>
9089
9090            <p>予定通りにヘッダー項目を増やしたりしたが、色は白を継続した。マークアップが変わっていたりもするが、特にCSSは変わっていない。薄いベージュは落ち着くので戻したかったが、Night Shift (または夜間モード、おやすみモードなど)で色温度を変えているユーザーのことが気になっていたことを忘れていた。どう感じるのかどうか、よくわかっていない。黄色くなりすぎと感じることはなさそうだが、思ったよりも暗い印象を持ちそうで、それは意図していない。</p>
9091          </section>
9092        </a>
9093
9094
9095        <a href="/blog/reducing-repository-size">
9096          <section class="excerpt">
9097            <header>
9098              <p class="date"><time datetime="2020-11-03T12:34:08+09:00">3日</time></p>
9099
9100              <h3>リポジトリー・サイズの減量</h3>
9101            </header>
9102
9103            <p>静的で二度と更新されないものを切り出して、別に管理するようにし、リポジトリーのサイズを9MBくらいに減量できた。具体的には特集や画像、そしてテスト用ページ群が切り出されている。主な理由はVS Codeのエクスプローラーでファイルを見つけやすくするためだ。ワークスペースの設定で隠しても良いが、管理下なのに見えないといろいろ間違えそうなので、管理下のファイルをできる限り減らす方向で行った。</p>
9104          </section>
9105        </a>
9106
9107
9108        <a href="/blog/stacked-header-v9.14.9">
9109          <section class="excerpt">
9110            <header>
9111              <p class="date"><time datetime="2020-11-01T08:22:38+09:00">1日</time></p>
9112
9113              <h3>縦並びヘッダー(v9.14.9)</h3>
9114            </header>
9115
9116            <p>ヘッダーのナビゲーション項目が縦に並ぶようになった。前バージョンでラベルを長くしたので、横並びだと狭い画面で折り返され、うまくおさまらない。縦に積めば、この問題は発生しなくなる。またラベルの長さが不規則なので、右の余白にゆらぎが生まれ、きっちりしていない雰囲気がうまく出ている気分になった。もうひとつくらいは項目を増やせそうなので、特集の項目を追加する予定だ。</p>
9117          </section>
9118        </a>
9119
9120          </section>
9121          <section>
9122            <h2><time datetime="2020-10">2020年10月</time></h2>
9123
9124        <a href="/blog/aero-launcher">
9125          <section class="excerpt">
9126            <header>
9127              <p class="date"><time datetime="2020-10-30T08:43:31+09:00">30日</time></p>
9128
9129              <h3>Aero Launcher</h3>
9130            </header>
9131
9132            <p>Aero Launcherというランチャー・アプリを使ってみている。左寄せだ! ホームを0から10個のアプリ名だけにするというもので、他に機能はほとんどない。四隅にちょっとした独自ウィジェットを置けるくらいだ。左へスワイプでアプリ一覧を開けるので、ジェスチャーナビゲーションと競合せず使いやすかった。</p>
9133          </section>
9134        </a>
9135
9136
9137        <a href="/blog/minamimachida-20201021">
9138          <section class="excerpt">
9139            <header>
9140              <p class="date"><time datetime="2020-10-27T19:18:54+09:00">27日</time></p>
9141
9142              <h3>グランベリーパークふたたび</h3>
9143            </header>
9144
9145            <p>散歩と気分転換、そしてソファー探しを兼ねてグランベリーパークに行った。もうすぐ1周年になるらしく、そうなると込みそうなので、その前にした。駅はそうでもない雰囲気だったが、パークはなかなかの人だった。去年の開業直後よりはマシだったものの、11時で既に食べ物屋は行列だった。</p>
9146          </section>
9147        </a>
9148
9149
9150        <a href="/blog/on-20201024">
9151          <section class="excerpt">
9152            <header>
9153              <p class="date"><time datetime="2020-10-24T08:55:21+09:00">24日</time></p>
9154
9155              <h3>戸別回収一年</h3>
9156            </header>
9157
9158            <p>
9158燃やせるゴミの戸別回収が、去年の9月の終わりから始まったので、1年が過ぎた。今やもう全部戸別にしてくれという感じで、堕落するのは早い。ゴミ捨て場までほんの1分だが、戸締りを気にしなくていいとか、パジャマのままでもいいとか、様々な利点があることがわかった。</p>
9159          </section>
9160        </a>
9161
9162
9163        <a href="/blog/on-20201021">
9164          <section class="excerpt">
9165            <header>
9166              <p class="date"><time datetime="2020-10-21T14:41:18+09:00">21日</time></p>
9167
9168              <h3>ソファ探し</h3>
9169            </header>
9170
9171            <p>居間のソファを買い替えよう、という話になっている。高いというか値段に幅がありすぎるので、迷うまでいかない。メーカーの中で値段に幅があるなら(例えばスマートフォンみたいに)、まずメーカーを選んで、その中から選べばいいが、そうもいかない。いろいろな店で見て寝て座って、どういうものが好きなのか具体的に決めなければならない。そこから家族の合意を形成し、さらに色を選ぶことになる。先は長い。</p>
9172          </section>
9173        </a>
9174
9175
9176        <a href="/blog/v9.14.8">
9177          <section class="excerpt">
9178            <header>
9179              <p class="date"><time datetime="2020-10-18T09:19:55+09:00">18日</time></p>
9180
9181              <h3>色を無指定に(v9.14.8)</h3>
9182            </header>
9183
9184            <p>色を変えた。白背景に黒文字ではなく、一時的に無指定にしている。ハイパーリンクも既定のままになっているが、ヘッダーとフッターでのみ文字色と同じにした。無指定だとあらゆる色のモード(ハイ・コントラスト設定やダーク・モード他)に自動でうまいことやってくれるかと思いきや、そうでもないことがよくわかる。白背景にするにしても色を指定した方が色々と無難そうだ。</p>
9185          </section>
9186        </a>
9187
9188
9189        <a href="/blog/three-by-two">
9190          <section class="excerpt">
9191            <header>
9192              <p class="date"><time datetime="2020-10-15T09:10:53+09:00">15日</time></p>
9193
9194              <h3>3:2は快適</h3>
9195            </header>
9196
9197            <p>雑なWindowsおすすめ記事を書きそうになった。僕はおおむねWindowsユーザーなので、散見されるMacからWindows機への乗り換えのような人たちには、この視点でのおすすめは役に立ちそうもない。あえて言うのなら、Surface系の3:2のディスプレイはとても快適で、16:9は避けることくらい。高価格帯では16:10が主流になりつつあるので、あまりやらかさなさそうではある。</p>
9198          </section>
9199        </a>
9200
9201
9202        <a href="/blog/edge-on-surface-chrome-on-pixel-safari-on-ipad">
9203          <section class="excerpt">
9204            <header>
9205              <p class="date"><time datetime="2020-10-12T15:09:54+09:00">12日</time></p>
9206
9207              <h3>SurfaceではEdge</h3>
9208            </header>
9209
9210            <p>相変わらずSurfaceではEdgeを使っているし、PixelではChromeを使っていて、iPadではSafariを使っている。最近はそれぞれで見るウェブサイトが違うので、ブラウザーの履歴が共有されても役に立たないし、バラバラでも困らない。ログイン情報も、それぞれに必要なものだけを記憶させておけばいいし、いざとなったらKeePassを使う。</p>
9211          </section>
9212        </a>
9213
9214
9215        <a href="/blog/on-20201009">
9216          <section class="excerpt">
9217            <header>
9218              <p class="date"><time datetime="2020-10-09T11:30:21+09:00">9日</time></p>
9219
9220              <h3>こういう記事の書き方、とっちらかった記事、ファイル名が面倒</h3>
9221            </header>
9222
9223            <p>3文くらいで終わるメモをバンバン書いていき、10くらいたまったら3つ選んでちょっと長くし、記事の下書きにするというスタイルで、こういう記事は書いている。長いことメモにはGoogle Keepを使っていたが、今はメーラーの下書きを使っている。プライベートな傾向が強いメモだった場合はのちに焼却処分される呪いの書(紙のノート)に写して消す。うっかりしたことを書きがちなので、こういう風に2クッション(メモの状態と下書きの状態)くらい挟むことにしている。</p>
9224          </section>
9225        </a>
9226
9227
9228        <a href="/blog/simomura-kihan-small-gargling-cup">
9229          <section class="excerpt">
9230            <header>
9231              <p class="date"><time datetime="2020-10-06T11:01:49+09:00">6日</time></p>
9232
9233              <h3>
9233下村企販の小さなうがいコップ</h3>
9234            </header>
9235
9236            <p>歯磨き用のコップがついにダメになった。匂いがつきにくい陶製やガラス製で重いと洗面台を割りそうだし、プラスチック製から気分を変えたかったので、ステンレス製で探すことにした。安いのでプリン・カップとかでもいいかと少し考えたが、丸みを帯びた形が魅力的に見えたうがいコップとして売られている下村企販のものにした。891円だった。</p>
9237          </section>
9238        </a>
9239
9240
9241        <a href="/blog/on-20201004">
9242          <section class="excerpt">
9243            <header>
9244              <p class="date"><time datetime="2020-10-04T09:01:52+09:00">4日</time></p>
9245
9246              <h3>蔦屋図書館の物販、ゲーム機、マンガ・シリーズのまとめ</h3>
9247            </header>
9248
9249            <p>蔦屋図書館にはスタバもあるが、物販もある。二子玉川の蔦屋家電と比べるとささやかなものだが、たまに興味深い。今は発酵コーナーがあり、山梨でよく見る大麦入り合わせ味噌が売っていた。いくらくらいで売っているのかと値札を見たら「文房具」と書いてあり、それにフフッとなってしまって、肝心の値段を見なかった。</p>
9250          </section>
9251        </a>
9252
9253
9254        <a href="/blog/on-20201002">
9255          <section class="excerpt">
9256            <header>
9257              <p class="date"><time datetime="2020-10-02T09:02:38+09:00">2日</time></p>
9258
9259              <h3>ロゴとか見出しとか</h3>
9260            </header>
9261
9262            <p>ホーム・ページでのロゴの位置を変えた。他のページと同じになり、スカスカ度が下がった。もうちょっとスカスカ度を下げたい気分の巡りになっている。余白を全体的に1段階落とし、ロゴとナビゲーションを左右分割に戻すくらいで落ち着くはずだったが、そこまでやったらやりすぎな気がしてきたので、ロゴの位置を変えるだけで終わった。</p>
9263          </section>
9264        </a>
9265
9266          </section>
9267          <section>
9268            <h2><time datetime="2020-09">2020年9月</time></h2>
9269
9270        <a href="/blog/on-20200928">
9271          <section class="excerpt">
9272            <header>
9273              <p class="date"><time datetime="2020-09-30T11:22:00+09:00">30日</time></p>
9274
9275              <h3>衣替え、ZOZOTOWNの買取サービス、ブログロール</h3>
9276            </header>
9277
9278            <p>週間天気予報で最高気温が30度を超える日がなくなったら、秋への衣替えをすることにしている。ということで連休前に衣替えをしたが、今回は正解だった。冬への衣替えは最低気温が10度、春へは最高気温が20度、夏へは最低気温が20度だ。衣服は気温に対して調整するもののはずなので、理にかなっていそうだが、湿度と天気を考慮していないので、失敗しがちでもある。</p>
9279          </section>
9280        </a>
9281
9282
9283        <a href="/blog/on-20200930">
9284          <section class="excerpt">
9285            <header>
9286              <p class="date"><time datetime="2020-09-28T08:58:02+09:00">28日</time></p>
9287
9288              <h3>無印良品での取り寄せ、シャンプーブラシ、日付の位置</h3>
9289            </header>
9290
9291            <p>無印良品の角型ハンガーの補修パーツを、最寄り店舗で取り寄せた。170円のものを取り寄せるために、店員を10分くらい占有してしまい、とても申し訳ない気分だ。オンラインショップでは買えるが、配送料が200円でモノよりも高い。また店舗受け取りも一部の店舗でしかできない。どうにかならないものかな。</p>
9292          </section>
9293        </a>
9294
9295
9296        <a href="/blog/hail2u-ipsum-or-how-to-generate-dummy-text">
9297          <section class="excerpt">
9298            <header>
9299              <p class="date"><time datetime="2020-09-26T08:37:04+09:00">26日</time></p>
9300
9301              <h3>ダミーテキストをどう作るか</h3>
9302            </header>
9303
9304            <p>ウェブサイトを作っていると、どうしても様々なタイミングでダミーテキストを必要とする。定番のLorem Ipsumで済ませることも多いが、漢字やひらがなã
9304¨ã‚¢ãƒ«ãƒ•ァベットではグリフの密度が違うため、余白のバランスが大きく変わるなど、問題も多い。しっかりと書かれた日本語の文章を適用した、完成品に近い物では思っていたのと違う結果になってしまうこともあるだろう。</p>
9305          </section>
9306        </a>
9307
9308
9309        <a href="/blog/on-20200924">
9310          <section class="excerpt">
9311            <header>
9312              <p class="date"><time datetime="2020-09-24T13:19:45+09:00">24日</time></p>
9313
9314              <h3>黒田清輝通り、昔のTwitterでのログ、IFTTTのProプラン、話題を羅列するパターン</h3>
9315            </header>
9316
9317            <p>一時的に昔のTwitterでのツイートを近況ページに含めるようにしていた。JSONとして扱っても、Mustacheテンプレートとして扱っても、HTMLの生成が遅くなってしまう。どうしようもないので、分離するように戻した。ちゃんと年ごとにページを分割することも考えなã
9317„といけない。また、そうすれば2年以上前のデータをJSONで持っている必要もなくなり、生成速度が向上するかもしれない。</p>
9318          </section>
9319        </a>
9320
9321
9322        <a href="/blog/mitsubishi-nj-sea06-w">
9323          <section class="excerpt">
9324            <header>
9325              <p class="date"><time datetime="2020-09-23T08:39:57+09:00">23日</time></p>
9326
9327              <h3>三菱電機のIH炊飯ジャー</h3>
9328            </header>
9329
9330            <p>炊飯器で悩んでいたが、開くボタンが前面にあるところを妥協して三菱電機のNJ-SEA06-Wにした。近所のヤマダ電機で税込み20680円まで下がっていたので即決だった。ノジマのポイントはどうしよう。</p>
9331          </section>
9332        </a>
9333
9334
9335        <a href="/blog/on-20200920">
9336          <section class="excerpt">
9337            <header>
9338              <p class="date"><time datetime="2020-09-20T08:48:18+09:00">20日</time></p>
9339
9340              <h3>写真ページの削除、日本語のラベル、財布</h3>
9341            </header>
9342
9343            <p>写真ページを削除し(てしまっ)た。スマフォで撮った写真は、記録やコミュニケーションに向いていて、個人ウェブサイトのような場所での自己表現には向いていない気がする。画質とかではなく、心構えとして気軽に撮りすぎるというような、撮る前の段階で向いていない。一眼レフでも買ったら復活させようと思う。それでも写真を載せたくなったら(このように)記事を書く。</p>
9344          </section>
9345        </a>
9346
9347
9348        <a href="/blog/meguro-20200914">
9349          <section class="excerpt">
9350            <header>
9351              <p class="date"><time datetime="2020-09-18T08:53:51+09:00">18日</time></p>
9352
9353              <h3>東京モダン生活(東京都庭園美術館)</h3>
9354            </header>
9355
9356            <p>久しぶりに電車に乗った。久しぶりに東京へ出た。久しぶりに展覧会に行った。どこへ行くか迷ったが、東京都庭園美術館(旧朝香宮邸)で毎年やっている邸宅再現の展覧会、東京モダン生活にした。前に行った時は庭しか見なかったので、今度は中を見れてうれしい。</p>
9357          </section>
9358        </a>
9359
9360
9361        <a href="/blog/on-20200915">
9362          <section class="excerpt">
9363            <header>
9364              <p class="date"><time datetime="2020-09-15T08:56:52+09:00">15日</time></p>
9365
9366              <h3>エアコンの設置、炊飯器の開閉ボタン</h3>
9367            </header>
9368
9369            <p>エアコンの工事が終わった。3時間くらいかかるかもと言われていたが、1時間強でササっと終わった。見た目がすっきりしたし、配管が見えないし、電源ケーブルを這わせずに済んだし、いろいろとぴったりおさまってうれしい。快調に動いている。</p>
9370          </section>
9371        </a>
9372
9373
9374        <a href="/blog/fukuyama-gomu-calcer-one-m-1">
9375          <section class="excerpt">
9376            <header>
9377              <p class="date"><time datetime="2020-09-11T20:58:37+09:00">11日</time></p>
9378
9379              <h3>福山ゴム・カルサーワンM-1</h3>
9380            </header>
9381
9382            <p>長靴を買った。真っ黒。幅広。軽い(片足300g)。庭作業や雪かき程度には向いてそうだが、ふくらはぎの部分は薄いので、酷使したら早々にダメになりそうだ。3080円と安いので、そんなものだと思う。</p>
9383          </section>
9384        </a>
9385
9386
9387        <a href="/blog/aircon-20200906">
9388          <section class="excerpt">
9389            <header>
9390              <p class="date"><time datetime="2020-09-06T12:38:45+09:00">6日</time></p>
9391
9392              <h3>エアコンの買い替え</h3>
9393            </header>
9394
9395            <p>古いリビングのエアコンが壊れないまま、夏を乗り切れたので、安そうな9月に買い換えた。暖房がガスのエアコンで、ガス管の切断(?)と隠ぺいも事前に行わないといけなかったり、設置作業のために一時的にカップボードを動かさないといけなかったり、事前の準備が大変そうで、げんなりしている。工事はもうちょっと先だが、一気にやってしまうしかなさそうだ。</p>
9396          </section>
9397        </a>
9398
9399
9400        <a href="/blog/on-20200902">
9401          <section class="excerpt">
9402            <header>
9403              <p class="date"><time datetime="2020-09-02T18:40:35+09:00">2日</time></p>
9404
9405              <h3>ロケーション履歴、Androidのランチャー、Pixel 4a</h3>
9406            </header>
9407
9408            <p>Googleマップのロケーション履歴(タイムライン)を、3か月だけ有効にする状態を続けている。ウェブとアプリのアクティビティが無効な場合、訪問先の編集ができない。そのまま放置していても20日後には確定されていくようだった。そのため行ったことのない訪問先が少しずつ増えていく。商業施設内のヨガ教室とか。</p>
9409          </section>
9410        </a>
9411
9412          </section>
9413          <section>
9414            <h2><time datetime="2020-08">2020年8月</time></h2>
9415
9416        <a href="/blog/limiting-concurrency">
9417          <section class="excerpt">
9418            <header>
9419              <p class="date"><time datetime="2020-08-27T10:46:59+09:00">27日</time></p>
9420
9421              <h3>並行実行数の制限</h3>
9422            </header>
9423
9424            <p>Windows 10上のNode.jsだと、Promise.all()で3000以上、並行にファイルの読み書きを実行しても完走できる。対してWSL上だとLinuxの設定次第になり、デフォルトだと1024(多分)を超えると落ちる。Linuxの設定を変更してもいい(らしい)が、WSLの性質上、シェルやアプリケーションの設定以外にはなるべく手をつけたくない。となると並行実行数を抑える必要があり、配列を分割しなくてはならない。</p>
9425          </section>
9426        </a>
9427
9428
9429        <a href="/blog/on-20200821">
9430          <section class="excerpt">
9431            <header>
9432              <p class="date"><time datetime="2020-08-21T12:19:42+09:00">21日</time></p>
9433
9434              <h3>プロダクト・デザイナーの本</h3>
9435            </header>
9436
9437            <p>集中して、いくつかプロダクト・デザイナーの本を読んでいた。あまり得るところがなã
9437„。エッセイとして仕上げられたものが多く、どうしても経験則にかたより、デザイン哲学みたいなようで、特に根拠がないフワッとした主張の文章に終わりがち(主張には根拠があるが、そこまで書けない)だ。第三者による評論を読んだ方がいいと思うが、プロダクト・デザイナー、しかも日本のとなるとなかなかない。</p>
9438          </section>
9439        </a>
9440
9441
9442        <a href="/blog/bon2020">
9443          <section class="excerpt">
9444            <header>
9445              <p class="date"><time datetime="2020-08-17T10:02:14+09:00">17日</time></p>
9446
9447              <h3>2020の盆</h3>
9448            </header>
9449
9450            <p>寝る→食事を作る→食べる→買い物に行く→食事を作る→食べる→本を読む→食事を作る→食べる→本を読む→寝る。これの繰り返しで、すこぶる快調だった。読書用に籐の椅子が欲しくなっている。</p>
9451          </section>
9452        </a>
9453
9454
9455        <a href="/blog/on-20200809">
9456          <section class="excerpt">
9457            <header>
9458              <p class="date"><time datetime="2020-08-09T09:31:16+09:00">9日</time></p>
9459
9460              <h3>公園のベンチ、三密、石膏ボード用どこでも下地ベース</h3>
9461            </header>
9462
9463            <p>左側の木の陰に、いつかベンチを置きたい。ベンチはいくつかあるものの、木陰じゃなかったり、道路のすぐ脇でうるさかったりと、ゆっくりできる位置じゃない。</p>
9464          </section>
9465        </a>
9466
9467
9468        <a href="/blog/affiliate-image-in-10-lines">
9469          <section class="excerpt">
9470            <header>
9471              <p class="date"><time datetime="2020-08-07T08:53:56+09:00">7日</time></p>
9472
9473              <h3>10行分のアフィリエイト画像</h3>
9474            </header>
9475
9476            <p>少し前の記事は久々のアフィリエイト記事だった。以前はアフィリエイト画像をfloatプロパティーで右に寄せていたが、今は幅いっぱいに10行分の高さで表示されるようになっている。右に寄せると狭い画面で更に本文が狭くなるし、狭い画面で狭くならないようにするには複雑なCSSコードを書く羽目になるので、こういう形に落ち着いた。</p>
9477          </section>
9478        </a>
9479
9480
9481        <a href="/blog/paper-wasp-nest-20200801">
9482          <section class="excerpt">
9483            <header>
9484              <p class="date"><time datetime="2020-08-03T08:26:08+09:00">3日</time></p>
9485
9486              <h3>アシナガバチの巣</h3>
9487            </header>
9488
9489            <p>家に、ハチが久しぶりに巣を作った。いつものようにアシナガバチだ。今回は雨戸の戸袋脇で、玄関から近く出入りが危険になりそうだった。出入り口にわらわらいたら困る。悠長に写真を撮ったりして刺されたらバカバカしいので、見つけた後は近づかないようにし、その日の暮れに自分で駆除した。</p>
9490          </section>
9491        </a>
9492
9493          </section>
9494          <section>
9495            <h2><time datetime="2020-07">2020年7月</time></h2>
9496
9497        <a href="/blog/amazon-basics-yoga-mat">
9498          <section class="excerpt">
9499            <header>
9500              <p class="date"><time datetime="2020-07-31T08:21:52+09:00">31日</time></p>
9501
9502              <h3>Amazonベーシックのヨガマット</h3>
9503            </header>
9504
9505            <p>筋トレに使っていたニトリのコルクマットがボロボロになってきたので、ヨガマットを買った。ヨガマットのようなものを買うのは初めてなので、まずは安価なAmazonベーシックのものにして、不満があったらスポーツ用品メーカーのものにしようと考えていたが、Amazonベーシックのもので満足した。1890円。</p>
9506          </section>
9507        </a>
9508
9509
9510        <a href="/blog/throttling-change-hue">
9511          <section class="excerpt">
9512            <header>
9513              <p class="date"><time datetime="2020-07-27T09:31:21+09:00">27日</time></p>
9514
9515              <h3>色相を変えるスクリプトの間引き</h3>
9516            </header>
9517
9518            <p>スクロールで色相が変わる機能がちょっと変わった。連続で変わらないよう、2000ミリ秒待つようにした。発火時間はentries[0].timeで取得できるので、低コストで待てる。同じコードで、再読み込みした時や戻った時にスクロールが起きて色相が変わるのも抑制できた。このtimeについては、その基準がtime originとしてHigh Resolution Time Level 2仕様で定義されている。</p>
9519          </section>
9520        </a>
9521
9522
9523        <a href="/blog/links-and-photos-on-20200724">
9524          <section class="excerpt">
9525            <header>
9526              <p class="date"><time datetime="2020-07-24T11:08:38+09:00">24日</time></p>
9527
9528              <h3>参照と写真ページへの機能追加</h3>
9529            </header>
9530
9531            <p>参照ページにURLを投稿する時に、コメントをつけるようにした。読んで記憶するにはやはりコメントをつける必要がある。Delicioousやはてなブックマーク、Pinboardを使っていた時ã
9531®ã‚³ãƒ¡ãƒ³ãƒˆã‚’消してしまったのが悔やまれる。なぜ消したのかは思い出せない。エクスポートしたデータを探しているところだが、見つかる気配がない。</p>
9532          </section>
9533        </a>
9534
9535
9536        <a href="/blog/sousyunakahara-and-networkprint">
9537          <section class="excerpt">
9538            <header>
9539              <p class="date"><time datetime="2020-07-22T09:12:07+09:00">22日</time></p>
9540
9541              <h3>富嶽三十六景・相州仲原とネットワークプリント</h3>
9542            </header>
9543
9544            <p>去年、北斎美術館へ行った時から、大山が描かれている富嶽三十六景・相州仲原のポスターが欲しかった。あまり売っていない。ネットワークプリントでA4の光沢紙が使えるようだったので、Wikipediaから幅3000の画像データをダウンロードして印刷し、欲しいという思いをとりあえず消化した。</p>
9545          </section>
9546        </a>
9547
9548
9549        <a href="/blog/increasing-button-contrast-on-hover">
9550          <section class="excerpt">
9551            <header>
9552              <p class="date"><time datetime="2020-07-19T14:59:54+09:00">19日</time></p>
9553
9554              <h3>オンマウス、ボタン、コントラスト</h3>
9555            </header>
9556
9557            <p>オンマウスでボタンのコントラストを上げるために色を増やすのは嫌だなと考えていたが、filterプロパティーが簡単そうだ。色モードの変更にもそのままで機能する。ボタンの背景色が白や黒でない限り、汎用的に使える。</p>
9558          </section>
9559        </a>
9560
9561
9562        <a href="/blog/changing-color-mode">
9563          <section class="excerpt">
9564            <header>
9565              <p class="date"><time datetime="2020-07-15T16:30:00+09:00">15日</time></p>
9566
9567              <h3>色モードの切り替え</h3>
9568            </header>
9569
9570            <p>Windows 10では「アプリ モード(App mode)」、Android 10では「ダークモード(Dark Theme)」、macOS 10.15やiOS 13では「外観モード(Appearance)」と、それぞれ呼ばれている色モードを尊重しつつ、ユーザーの好みで明るくも暗くもできるようにした。どう実装すると効率的かを考えたかっただけなので、次期マイナーバージョンでは消える。</p>
9571          </section>
9572        </a>
9573
9574
9575        <a href="/blog/on-20200713">
9576          <section class="excerpt">
9577            <header>
9578              <p class="date"><time datetime="2020-07-13T18:23:56+09:00">13日</time></p>
9579
9580              <h3>日本語のランダムな文章、水害時の避難</h3>
9581            </header>
9582
9583            <p>しばらく前から、この雑記記事をソースに、英数字混じりで日本語のプレースホルダー文字列を生成するツールを使っている。段落かリストを指定数だけ生成する。段落なら3から8文、リストなら3から8項目がそれぞれ生成される。そこそこうまく機能するが、読んでいて恥ずかしくなってくるのが辛いところだ。ウェブで試せるページも作った。恥ずかしい。</p>
9584          </section>
9585        </a>
9586
9587
9588        <a href="/blog/custom-properties-and-css-animations">
9589          <section class="excerpt">
9590            <header>
9591              <p class="date"><time datetime="2020-07-11T09:48:58+09:00">11日</time></p>
9592
9593              <h3>カスタム・プロパティーとCSSアニメーション</h3>
9594            </header>
9595
9596            <p>本当は色相を徐々に変えたかったが、今の書き方のCSSとこの実装ではうまくできなかった。色をスクリプトで作ってやれば可能だが、カスタム・プロパティーで管理できなくなるので見送った。どう書いてうまくいかなかったか、の記録を残しておく。</p>
9597          </section>
9598        </a>
9599
9600
9601        <a href="/blog/changing-hue-on-scroll">
9602          <section class="excerpt">
9603            <header>
9604              <p class="date"><time datetime="2020-07-09T14:12:43+09:00">9日</time></p>
9605
9606              <h3>スクロールで色相を変化</h3>
9607            </header>
9608
9609            <p>秒数ごとに変えていた背景色を、スクロールするとランダムに変わるようにした。雑記ページやスタイル・ガイドで、思う存分試せる。背景色の明るさは変わらないので、そんなに目に負担はかからないと想像しているが、本当のところはわからない。</p>
9610          </section>
9611        </a>
9612
9613
9614        <a href="/blog/on-20200706">
9615          <section class="excerpt">
9616            <header>
9617              <p class="date"><time datetime="2020-07-06T09:05:30+09:00">6日</time></p>
9618
9619              <h3>体温の計測、余裕、長靴</h3>
9620            </header>
9621
9622            <p>体温を毎日測るようになってしばらくになる。結果は36.3から36.8度くらいで、ずっと安定している。あまり意味がã
9622ªã„ような気もしているが、心の平穏には少し役立つ。</p>
9623          </section>
9624        </a>
9625
9626
9627        <a href="/blog/mozoushi">
9628          <section class="excerpt">
9629            <header>
9630              <p class="date"><time datetime="2020-07-01T09:39:09+09:00">1日</time></p>
9631
9632              <h3>模造紙風の背景色</h3>
9633            </header>
9634
9635            <p>ユーザーがアクセスした時間に応じて、背景色とハイパーリンクの色が変わるようになった。10秒おきに再読み込みすると変わるのが確認できる。模造紙のような色で、ちょっと懐かしい。すぐ飽きて戻すと思うが、現時点では気に入っている。緑(105度)と紫(285度)が見やすいと思う。</p>
9636          </section>
9637        </a>
9638
9639          </section>
9640          <section>
9641            <h2><time datetime="2020-06">2020年6月</time></h2>
9642
9643        <a href="/blog/kofu-20200624">
9644          <section class="excerpt">
9645            <header>
9646              <p class="date"><time datetime="2020-06-27T09:16:29+09:00">27日</time></p>
9647
9648              <h3>墓参り(2020年6月24日)</h3>
9649            </header>
9650
9651            <p>墓参りに行けた。雨が降らなそうだったので、前日に電車を予約して行ってきた。チケットレス割引のキャンペーンをまたやっていたので、片道720円だ。家を出る時にはまんまと雨が降っていたが、そのあとは順調だった。盆地は暑い。</p>
9652          </section>
9653        </a>
9654
9655
9656        <a href="/blog/conflict-between-min-and-max-in-clamp-function">
9657          <section class="excerpt">
9658            <header>
9659              <p class="date"><time datetime="2020-06-23T09:40:21+09:00">23日</time></p>
9660
9661              <h3>clamp()関数における最小値と最大値の競合</h3>
9662            </header>
9663
9664            <p>使われるプロパティーや式の書き方によって、clamp()関数の最小値が最大値を上回ってしまう場合がある。そのように競合した場合は、必ず最小値が勝つ。min-widthとmax-widthプロパティーが競合した場合と似た挙動になる。</p>
9665          </section>
9666        </a>
9667
9668
9669        <a href="/blog/vscode-color-scheme-for-windows-terminal">
9670          <section class="excerpt">
9671            <header>
9672              <p class="date"><time datetime="2020-06-20T09:51:55+09:00">20日</time></p>
9673
9674              <h3>Windows Terminal向けVS Code Dark/Lightカラースキーム</h3>
9675            </header>
9676
9677            <p>VS Codeの配色テーマでSolarized Lightを使っていると、このウェブサイトがグレーに見えてしまうので、最近はLight+を使っている。Windows TerminalではまだSolarized Lightを使っていたが、同じにしたくなったので、Light+(とDark+)を地道に移植したものを使うようにした。</p>
9678          </section>
9679        </a>
9680
9681
9682        <a href="/blog/github-packages-and-npmrc">
9683          <section class="excerpt">
9684            <header>
9685              <p class="date"><time datetime="2020-06-16T11:31:37+09:00">16日</time></p>
9686
9687              <h3>GitHub Packagesと.npmrcファイル</h3>
9688            </header>
9689
9690            <p>
9690興味があったのでGitHub Packagesを試してみている。node-css-mqpackerを復活させて、公開するところまではできた。ヘルプの通りでうまくいったが、.npmrcファイルで気になるところがあったので、メモを残しておく。</p>
9691          </section>
9692        </a>
9693
9694
9695        <a href="/blog/on-20200614">
9696          <section class="excerpt">
9697            <header>
9698              <p class="date"><time datetime="2020-06-14T13:09:51+09:00">14日</time></p>
9699
9700              <h3>輸入ものの果物、図書館の再開、オックスフォードのパジャマと盛夏</h3>
9701            </header>
9702
9703            <p>防腐剤まみれのグレープフルーツを食べている。地元のスーパーで、果物の品ぞろえが回復しない。いつまでもリンゴが売っていたり、イチゴも売っていたりする。安定しているのはグレープフルーツ、オレンジ、キウイやパイナップルなどの輸入ものばかりだ。ようやくスイカは出てきたが、スイカはあまり好きじゃない。メロンもあるけど、安くなっても高い。早くナシやモモを食べたい。</p>
9704          </section>
9705        </a>
9706
9707
9708        <a href="/blog/version-nine-point-ten-point-zero">
9709          <section class="excerpt">
9710            <header>
9711              <p class="date"><time datetime="2020-06-12T10:40:22+09:00">12日</time></p>
9712
9713              <h3>左寄せ(v9.10.0)</h3>
9714            </header>
9715
9716            <p>左寄せになった。ついに。他には、ロゴを反転させて左端にくっつけるようにしたり、ファビコンを微妙に小さくしたり、ナビゲーションだけ幅を広く使うようにしたりした。内部的には、CSSのファイル名がindex.{{version}}.cssになったり、色変数の命名規則がマテリアル・デザイン風になったりしている。</p>
9717          </section>
9718        </a>
9719
9720
9721        <a href="/blog/on-20200609">
9722          <section class="excerpt">
9723            <header>
9724              <p class="date"><time datetime="2020-06-09T08:36:00+09:00">9日</time></p>
9725
9726              <h3>墓参り予定</h3>
9727            </header>
9728
9729            <p>春の墓参りにタイミングを計って行こうと考えている。毎年、4月か5月に行っていた。20日以降にサッと行けるといいし、行けそうな雰囲気ではあるが、梅雨の最中というのもあって、なかなか踏ん切りがつかない。などと書いておけば、行かなくてはいけない気分になるかもしれないと思った。</p>
9730          </section>
9731        </a>
9732
9733
9734        <a href="/blog/on-20200606">
9735          <section class="excerpt">
9736            <header>
9737              <p class="date"><time datetime="2020-06-06T14:44:48+09:00">6日</time></p>
9738
9739              <h3>散髪、カワイスギクライシス、ローソンの新パッケージ</h3>
9740            </header>
9741
9742            <p>昨日は朝一で散髪に行った。2か月半ぶりくらいだったのと、暑くなってきたのとで、すっきりした。また坊主には踏み切れなかった。このままだと辞世の句で「坊主にしてみたかった」と詠む羽目になってしまう。</p>
9743          </section>
9744        </a>
9745
9746
9747        <a href="/blog/plastic-bag-stoker-type-incinarator-plastic-waste-trade">
9748          <section class="excerpt">
9749            <header>
9750              <p class="date"><time datetime="2020-06-05T19:36:11+09:00">5日</time></p>
9751
9752              <h3>レジ袋、ストーカ式焼却炉、プラごみ輸出</h3>
9753            </header>
9754
9755            <p>レジ袋が話題になってきた。僕にはこの周辺での行動の方針はまだ見えていない。しかし、最低ラインは引いていて、それはなるべく廃棄物を減らしたいというものだ。所属する自治体が、ごみ袋を指定化・有料化してしまったので、レジ袋に使い道がほとんどない。つまり、そのまま捨てることになるため、それはやりたくない。</p>
9756          </section>
9757        </a>
9758
9759
9760        <a href="/blog/text-wrapping-on-chrome-version-around-80">
9761          <section class="excerpt">
9762            <header>
9763              <p class="date"><time datetime="2020-06-03T13:21:36+09:00">3日</time></p>
9764
9765              <h3>Chrome 80前後での折り返し</h3>
9766            </header>
9767
9768            <p>このウェブサイトの文章が、最近のChromeでは、よくわからないタイミングで折り返しされるようになった。どのバージョンからかは正確に記憶していないが、Chrome 80前後からのようだ。そこじゃないところで折り返される現象で、2つ目のツイートの画像だと、1段落目の1行目や、2段落目の4行目、3段落目の3行目あたりで発生している。</p>
9769          </section>
9770        </a>
9771
9772
9773        <a href="/blog/reducing-javascript-20200602">
9774          <section class="excerpt">
9775            <header>
9776              <p class="date"><time datetime="2020-06-02T11:22:36+09:00">2日</time></p>
9777
9778              <h3>減スクリプト</h3>
9779            </header>
9780
9781            <p>JavaScriptを減らした。雑記ページにある検索機能は、DuckDuckGoにするためだけにJavaScriptを使っていたが、あきらめてGoogleにした。サイト内検索をする際にドメインを指定するパラメーターが思い出せず、15分くらいæ¤
9781œç´¢ã—た。as_sitesearchだった。</p>
9782          </section>
9783        </a>
9784
9785          </section>
9786          <section>
9787            <h2><time datetime="2020-05">2020年5月</time></h2>
9788
9789        <a href="/blog/on-20200531">
9790          <section class="excerpt">
9791            <header>
9792              <p class="date"><time datetime="2020-05-31T19:39:16+09:00">31日</time></p>
9793
9794              <h3>5月の金遣い、散髪予定のスヌーズ、祝・図書館の再開</h3>
9795            </header>
9796
9797            <p>やはり5月は金遣いが荒かった。食べ物や酒で、いつもの月より倍近くかかってしまった。体重はともかく、体脂肪率が少し増えてしまった。毎日歩く日々に戻らないと、なかなか難しそうだ。</p>
9798          </section>
9799        </a>
9800
9801
9802        <a href="/blog/min-max-rather-than-clamp">
9803          <section class="excerpt">
9804            <header>
9805              <p class="date"><time datetime="2020-05-30T08:58:21+09:00">30日</time></p>
9806
9807              <h3>clamp()関数より、まずmin()とmax()関数を</h3>
9808            </header>
9809
9810            <p>いろいろとclamp()関数を書いてみて、なかなか書きづらいことがわかった。対してmin()とmax()関数は、単なる比較に過ぎないためか、段違いに書きやすい。まずはmin()とmax()関数、そしてそれらのネストで書く。そして、差し替えられるものだけclamp()関数で書き直すと、頭の中を整理しながら書ける。</p>
9811          </section>
9812        </a>
9813
9814
9815        <a href="/blog/vim-css3-syntax-v1.7.1">
9816          <section class="excerpt">
9817            <header>
9818              <p class="date"><time datetime="2020-05-28T12:19:15+09:00">28日</time></p>
9819
9820              <h3>vim-css3-syntax v1.7.1</h3>
9821            </header>
9822
9823            <p>あまり大きな変更はないが、そこそこたまってきたので、vim-css3-syntaxのv1.7.1をリリースした。新しく追加された仕様は、CSS Box Model Module Level 4とCSS Box Sizing Module Level 4の二つだ。間違えたので、すでにパッチ・バージョンが出ている。</p>
9824          </section>
9825        </a>
9826
9827
9828        <a href="/blog/measuring-devices">
9829          <section class="excerpt">
9830            <header>
9831              <p class="date"><time datetime="2020-05-27T13:34:32+09:00">27日</time></p>
9832
9833              <h3>何かを「ハカル」もの</h3>
9834            </header>
9835
9836            <p>今年に入って、気づくと「ハカル」ものをいっぱい買ったような気がする。体温計は家族ごとに、温湿度計も増やして居間と各寝室に置いた。血圧計を新調したり、腰回りや胸囲用の布メジャーも買った。汁ものの塩分量を調べるスプーンや、500mlまでの計量カップも買った。</p>
9837          </section>
9838        </a>
9839
9840
9841        <a href="/blog/on-20200526">
9842          <section class="excerpt">
9843            <header>
9844              <p class="date"><time datetime="2020-05-26T11:35:11+09:00">26日</time></p>
9845
9846              <h3>1か月ぶりの本屋</h3>
9847            </header>
9848
9849            <p>今日はひさしぶりに、棚に並んだ背表紙をだーっとながめたり、文房具をながめたりした。雑誌の立ち読みをためらう程度には、まだ日常感に欠ける。</p>
9850          </section>
9851        </a>
9852
9853
9854        <a href="/blog/setting-basic-font-size-with-clamp">
9855          <section class="excerpt">
9856            <header>
9857              <p class="date"><time datetime="2020-05-25T09:53:52+09:00">25日</time></p>
9858
9859              <h3>clamp()関数を使った基本フォント・サイズの決定</h3>
9860            </header>
9861
9862            <p>calc()やclamp()関数など、CSSの計算式では、100vwなどから%をうまく作れない。そのため、%の基本フォント・サイズを描画領域に応じて決定することは難しいと考えていた。しかし、%を作れなくても、100%にピクセルを加える形でもいいことがわかった。そこで、最小で100%、最大で125%、その間は描画領域のサイズに応じてなめらかに上昇するという形の実装を、clamp()関数を使って行った。</p>
9863          </section>
9864        </a>
9865
9866
9867        <a href="/blog/muji-oxford-pajama">
9868          <section class="excerpt">
9869            <header>
9870              <p class="date"><time datetime="2020-05-24T08:52:21+09:00">24日</time></p>
9871
9872              <h3>
9872無印良品のオックスフォード・パジャマ</h3>
9873            </header>
9874
9875            <p>春と秋に着ていた二重ガーゼのパジャマの袖がぼろぼろになったので、ようやく買い換えた。なんとなくオックスフォードにしてみたが、二重ガーゼより好きかもしれない。さすがに夏は無理そうなので、これも春と秋に着る。</p>
9876          </section>
9877        </a>
9878
9879
9880        <a href="/blog/adding-title-to-photo">
9881          <section class="excerpt">
9882            <header>
9883              <p class="date"><time datetime="2020-05-22T10:36:21+09:00">22日</time></p>
9884
9885              <h3>写真へタイトルがつくように</h3>
9886            </header>
9887
9888            <p>写真ページに投げ、Twitterに流している写真にタイトルをつけるようにした。フィードやTwitterでは、やはりタイトルがあった方がいい。写真ページではtitle属性に仕込まれているだけなので、どのように表示されるかは、実装に依存する。過去のものにあらためてつけてはいないが、やるつもりはある。alt属性の値相当のものをつけることも考えたが、それは先送りした。</p>
9889          </section>
9890        </a>
9891
9892
9893        <a href="/blog/summer-t-shirts-2020">
9894          <section class="excerpt">
9895            <header>
9896              <p class="date"><time datetime="2020-05-21T14:04:13+09:00">21日</time></p>
9897
9898              <h3>紺紺白紺紺白</h3>
9899            </header>
9900
9901            <p>普段着のTシャツは、去年の6枚ローテーションから変わらない。ビーフィーの紺がさすがにダメになってきたので、United Athleの安いやつに買い換えた。灰色のも襟がヨレヨレになったので、ちょっと奮発してNN07のポケット付きTシャツにした。</p>
9902          </section>
9903        </a>
9904
9905
9906        <a href="/blog/complex-forms">
9907          <section class="excerpt">
9908            <header>
9909              <p class="date"><time datetime="2020-05-20T18:49:43+09:00">20日</time></p>
9910
9911              <h3>複雑なフォーム</h3>
9912            </header>
9913
9914            <p>ここ数か月はネットストアをよく使っているし、後学のために開業したてのネットストアをよく見ている。いろいろとフォームをぽちぽち埋めていると、複雑なフォームでちょくちょく問題が起きる。「ふりがな」と書いてあったのでひらがなで入力したら、カタカナを要求されたのは、まだかわいい方だ。住所で「戸建てなどマンション名がない場合は『なし』と入力してください」というのを初めて見た。</p>
9915          </section>
9916        </a>
9917
9918
9919        <a href="/blog/inline-necessary-css-only">
9920          <section class="excerpt">
9921            <header>
9922              <p class="date"><time datetime="2020-05-19T10:51:50+09:00">19日</time></p>
9923
9924              <h3>必要なCSSのみインライン化</h3>
9925            </header>
9926
9927            <p>CSSをインライン化するやつを復活させようと考えていた。前に書いたnode-inliningは、HTMLメールのためだったので、style属性にコピーしていた。また、2年半くらい前の実験では、丸ごとインライン化するだけだった。今回はHTMLファイルごとに必要なCSSのみをインライン化してやろうとしていたけど、結局のところ見送った。</p>
9928          </section>
9929        </a>
9930
9931
9932        <a href="/blog/on-20200517">
9933          <section class="excerpt">
9934            <header>
9935              <p class="date"><time datetime="2020-05-17T09:29:19+09:00">17日</time></p>
9936
9937              <h3>Twitter復帰後の感想</h3>
9938            </header>
9939
9940            <p>僕のTwitterは、一昨年の年末にアカウントを削除して、去年の年末にここでの更新を流す媒体として復活させ、4月くらいに(さみしくなって)フォローも再開した。その後、前はあんなにも嫌だった時系列じゃないタイムラインが、それほど嫌じゃなくなったことがわかってきて、なんでだろうと考えていた。</p>
9941          </section>
9942        </a>
9943
9944
9945        <a href="/blog/adjusting-white-space-after-heading">
9946          <section class="excerpt">
9947            <header>
9948              <p class="date"><time datetime="2020-05-16T11:41:36+09:00">16日</time></p>
9949
9950              <h3>見出しの後ろにくる空白の調整</h3>
9951            </header>
9952
9953            <p>見出しの前には大きく空白があると読みやすいけど、見出しの直後に段落がくる場合は詰めたくなる。ウェブページでは、対応ã
9953™ã‚‹marginプロパティーの値を0にするだけで終わりにしてしまいがち。この詰めをちゃんと計算するとしっくりくる、かもしれない。</p>
9954          </section>
9955        </a>
9956
9957
9958        <a href="/blog/shimomura-kogyo-pg-103b">
9959          <section class="excerpt">
9960            <header>
9961              <p class="date"><time datetime="2020-05-14T09:23:37+09:00">14日</time></p>
9962
9963              <h3>下村工業のパンナイフ</h3>
9964            </header>
9965
9966            <p>パン切りナイフの切れ味が鈍りはじめて、はや数年がすぎた。使っているやつは僕が生まれる前のものらしく、研ぎなおしに一度失敗してもいるらしいので、買い換えることにした。店で見ても、形もいろいろ、値段はピンキリで、よくわからない。Amazonで他に買い物があったついでに、勘で下村工業のものにした。2168円だった。</p>
9967          </section>
9968        </a>
9969
9970
9971        <a href="/blog/bye-google-closure-compiler">
9972          <section class="excerpt">
9973            <header>
9974              <p class="date"><time datetime="2020-05-12T14:05:15+09:00">12日</time></p>
9975
9976              <h3>さよなら、Google Closure Compiler</h3>
9977            </header>
9978
9979            <p>依存パッケージの更新を、npm updateですませたい。けれど、Google Closure Compilerでちょくちょく引っかかる。そのうちバージョン番号のつけ方を変えるだろうと待っていたけど、変える気がなさそうなので、ついにあきらめた。</p>
9980          </section>
9981        </a>
9982
9983
9984        <a href="/blog/for-aligning-left">
9985          <section class="excerpt">
9986            <header>
9987              <p class="date"><time datetime="2020-05-10T08:45:26+09:00">10日</time></p>
9988
9989              <h3>左寄せまであと少し</h3>
9990            </header>
9991
9992            <p>ちょっと前に左寄せにして、すぐ戻したけど、裏でずっと左寄せにしようとしていた。理由はいくつかあるけれど、一番大きいのは、真ん中寄せ以外をやっていなさすぎて、左に寄ったウェブページの正解が、まったくわからなくなりつつあるから。</p>
9993          </section>
9994        </a>
9995
9996
9997        <a href="/blog/unitless-zero-in-min-max-and-clamp-function">
9998          <section class="excerpt">
9999            <header>
10000              <p class="date"><time datetime="2020-05-08T09:39:04+09:00">8日</time></p>
10001
10002              <h3>min()やmax()、clamp()関数での単位なしの0</h3>
10003            </header>
10004
10005            <p>ようやくmin()やmax()、clamp()関数が、安定して使えるように揃った。で、いろいろ試していたんだけど、値に&lt;length-percentage&gt;を要求するプロパティーで使う時、その中で0を使うことができなくてハマった。なので0pxや、短くしたいなら0%や0Qと書かないといけない。calc()関数での制限と同じ。</p>
10006          </section>
10007        </a>
10008
10009
10010        <a href="/blog/on-removing-article-element">
10011          <section class="excerpt">
10012            <header>
10013              <p class="date"><time datetime="2020-05-07T13:56:00+09:00">7日</time></p>
10014
10015              <h3>article要素を削除すると……</h3>
10016            </header>
10017
10018            <p>いわゆるリーダー・モードの類が、うまく機能しなくなったり、うまく検知されなくなったりする。また、article要素を特別視するクローラーは検索エンジンをはじめいくつかあり、それらの解釈が安定しなくなる。他に、単純にHTML要素の入れ子構造が大きく変わるので、CSSやJavaScriptで扱いにくくなる。</p>
10019          </section>
10020        </a>
10021
10022
10023        <a href="/blog/generating-html-best-practices-readme-md">
10024          <section class="excerpt">
10025            <header>
10026              <p class="date"><time datetime="2020-05-05T09:59:32+09:00">5日</time></p>
10027
10028              <h3>HTML Best PracticesのREADME*.mdを生成する仕組み</h3>
10029            </header>
10030
10031            <p>Markdownを普通に書いて済ませていたHTML Best Practicesを、プラクティスごとにファイルに分割した。といっても一覧できないと読む気が起きないと思うので、簡単なスクリプトでREADME*.mdを生成している。主な目的は目次をちゃんと安定した形で作れるようにするためと、小さな文書群をがばっと生成する仕組みの実験のため。</p>
10032          </section>
10033        </a>
10034
10035
10036        <a href="/blog/on-20200504">
10037          <section class="excerpt">
10038            <header>
10039              <p class="date"><time datetime="2020-05-04T10:12:09+09:00">4日</time></p>
10040
10041              <h3>パンのお取り寄せ</h3>
10042            </header>
10043
10044            <p>都会に行けないので、おいしいパンに飢えている。近所にバゲットやカンパーニュがおいしいパン屋は見つけていない。ポンパドウルとセブンブレッドにはもう飽きた。ということで、パンをお取り寄せした。写真のパン・オ・エスプレッソ(コーヒー豆入り!)と、カンパーニュ、パン・オ・ノア(クルミ入りパン)。</p>
10045          </section>
10046        </a>
10047
10048
10049        <a href="/blog/removing-article-element-from-blog-articles">
10050          <section class="excerpt">
10051            <header>
10052              <p class="date"><time datetime="2020-05-02T09:21:10+09:00">2日</time></p>
10053
10054              <h3>雑記記事からarticle要素を削除</h3>
10055            </header>
10056
10057            <p>雑記記事(このページとか)でarticle要素を使わないようにした。他のインデックス・ページでタグラインが入っているところに雑記記事のタイトルが入り、main要素にitemprop=articleBodyを割り当て、その直下に記事本文がくる。</p>
10058          </section>
10059        </a>
10060
10061          </section>
10062          <section>
10063            <h2><time datetime="2020-04">2020年4月</time></h2>
10064
10065        <a href="/blog/adding-followings-to-links">
10066          <section class="excerpt">
10067            <header>
10068              <p class="date"><time datetime="2020-04-29T10:59:30+09:00">29日</time></p>
10069
10070              <h3>フォロー中を参照ページに追加</h3>
10071            </header>
10072
10073            <p>
10073Blogrollのようなものを作るだけだったのに、作業がとりとめなく広がってしまった。一時、こっちじゃない方のドメインで公開したけど、あそこではないような気がしたので、まずは参照ページの一番最後にずらっと置いた。並び順はHTMLが生成されるたびにシャッフルされる。</p>
10074          </section>
10075        </a>
10076
10077
10078        <a href="/blog/nearest-named-color">
10079          <section class="excerpt">
10080            <header>
10081              <p class="date"><time datetime="2020-04-27T15:05:50+09:00">27日</time></p>
10082
10083              <h3>一番近い色名</h3>
10084            </header>
10085
10086            <p>このウェブサイトの色をちょっと変えて、hsl()などでカンマを抜いて指定するようにしはじめた。でも、ベースラインの色はカンマ付きのままじゃないといけないので、こうすると一貫性がなくなる。ツールでどうにかすると簡単だけど、手軽に確認できなくなるし、なるべく避けたい。ベースラインでは元々正確な再現を目指していないので、近い色名を利用することにした。目で近い色を探すのは大変そうなので、機械的に探せるように、あわせて色入力フォームで選んだ色とコントラスト比が低い順で色名を並べるツールも作成した。</p>
10087          </section>
10088        </a>
10089
10090
10091        <a href="/blog/hello-again-google-location-history">
10092          <section class="excerpt">
10093            <header>
10094              <p class="date"><time datetime="2020-04-25T09:29:16+09:00">25日</time></p>
10095
10096              <h3>ロケーション履歴の利用再開</h3>
10097            </header>
10098
10099            <p>10月くらいからGoogleのロケーション履歴を止めていた。面白いけれど、行動範囲が狭い僕には、あまり役に立つこともなかったので。でも、どう行動していたかを説明できるようにしておいた方が良いのかなと、2月半ばから復活させた。ウェブとアプリのアクティビティを停止していると、ロケーション履歴の場所などを編集できないので、より説得力のあるものになりそう。</p>
10100          </section>
10101        </a>
10102
10103
10104        <a href="/blog/files-per-article">
10105          <section class="excerpt">
10106            <header>
10107              <p class="date"><time datetime="2020-04-23T09:17:47+09:00">23日</time></p>
10108
10109              <h3>記事ごとにファイルを</h3>
10110            </header>
10111
10112            <p>以前は、記事ごとにファイルに吐いておいたけど、ファイルがいっぱいで邪魔だなと、単一のJSONファイルにまとめるように変えてしまった。でもこの前、エディターでJSONファイルをいろいろ書き直すはめになって、とてもつらかったので、元に戻した。以前(entires_indexプラグイン?)と同じで、メタデータがまとまったJSONファイルとの組み合わせになる。</p>
10113          </section>
10114        </a>
10115
10116
10117        <a href="/blog/org.tasks-eu.faircode.email-and-ws.xsoh.etar">
10118          <section class="excerpt">
10119            <header>
10120              <p class="date"><time datetime="2020-04-21T11:09:07+09:00">21日</time></p>
10121
10122              <h3>TasksとFairEmail、Etar Calendar</h3>
10123            </header>
10124
10125            <p>脱Google的なのをしばらくやっていた。検索をDuckDuckGoに変えて、タスクとメール、カレンダーに、それぞれTasksとFairEmail、Etar Calendarを使うという、ガワを変えてみる程度だけど。Playストアで公開されていて、オープンソースで、規模の小さなものを主眼にこれらを選んだ。</p>
10126          </section>
10127        </a>
10128
10129
10130        <a href="/blog/jason-marrk-8oz-premium-shoe-cleaner">
10131          <section class="excerpt">
10132            <header>
10133              <p class="date"><time datetime="2020-04-18T12:30:38+09:00">18日</time></p>
10134
10135              <h3>Jason Markkのスニーカー・シャンプー</h3>
10136            </header>
10137
10138            <p>
10138スニーカーを洗う洗剤がなくなったので、Jason Markkに変えた。ブラシや布は不要だったので、洗剤のみ。わしゃわしゃ洗って、キレイになった。甘い匂いが強いけど、乾かすと新品のスニーカーの匂いに近く、臭くて困るという感じは(今のところ)ない。</p>
10139          </section>
10140        </a>
10141
10142
10143        <a href="/blog/4.5-vs-background-3-vs-foreground">
10144          <section class="excerpt">
10145            <header>
10146              <p class="date"><time datetime="2020-04-16T10:29:19+09:00">16日</time></p>
10147
10148              <h3>背景色と4.5、文字色と3</h3>
10149            </header>
10150
10151            <p>ハイパーリンクの色と文字色とのコントラスト比を上げようと、四苦八苦していた。最終的には文字色を少し暗くして、未訪問と訪問済みのどちらも、背景色と4.5以上、文字色と3以上確保するようにできた。最終的にはあまり変わっていないが、未訪問が若干明るく、訪問済みが青がかったグレーになった。</p>
10152          </section>
10153        </a>
10154
10155
10156        <a href="/blog/home-eslintrc-will-be-depreceted">
10157          <section class="excerpt">
10158            <header>
10159              <p class="date"><time datetime="2020-04-14T13:20:48+09:00">14日</time></p>
10160
10161              <h3>~/.eslintrc</h3>
10162            </header>
10163
10164            <p>ESLint v7から、~/.eslintrcなど、ホーム・ディレクトリーに置いた設定ファイルが使われなくなるようだ。自分だけしかいない小さなプロジェクトごとにESLintを入れるのも大げざなので削除していたら、別のバグでうまく読み込めず、それを調べていたらこっちを発見した。撤回されることはなさそうなので、素直に戻した。</p>
10165          </section>
10166        </a>
10167
10168
10169        <a href="/blog/step-excercize">
10170          <section class="excerpt">
10171            <header>
10172              <p class="date"><time datetime="2020-04-12T11:05:06+09:00">12日</time></p>
10173
10174              <h3>踏み台昇降運動</h3>
10175            </header>
10176
10177            <p>本気の踏み台昇降を10分やったらすごかった。上がる時の足を交互にし、膝をしっかりとのばし、1分で80回目指してやる、というもの。上げる足が交互だと、常に考えていなくちゃならないので、単調で飽きることもない。でも80回は不可能だと思う。</p>
10178          </section>
10179        </a>
10180
10181
10182        <a href="/blog/with-flour-20200411">
10183          <section class="excerpt">
10184            <header>
10185              <p class="date"><time datetime="2020-04-11T09:09:21+09:00">11日</time></p>
10186
10187              <h3>小麦粉で</h3>
10188            </header>
10189
10190            <p>小麦粉がなくなったと思って買ってきたら、ストックがあった。しょうがないので、蒸しパン、ホットケーキ、スコーンと連続で焼き、体重というものを得た。その後スーパーへ行った時に小麦粉の並んでいる棚の前を通ったら、ほとんど売り切れだった。いろいろなものが突然流行るので驚く。事前に購入してあって先見の明があったような、ふんだんに使ってしまってなかったような。</p>
10191          </section>
10192        </a>
10193
10194
10195        <a href="/blog/link-list-or-blogroll-in-2020">
10196          <section class="excerpt">
10197            <header>
10198              <p class="date"><time datetime="2020-04-09T18:24:39+09:00">9日</time></p>
10199
10200              <h3>2020年にふさわしいBlogrollとは</h3>
10201            </header>
10202
10203            <p>リンク集というかBlogroll的なものを復活させようと画策している。Feedlyからウェブログっぽいもの(200ちょっとあった)だけ引っ張ってきて、JSONにするまではやった。しかし置く場所がなã
10203„。単独で置くとナビゲーションの項目が増えてしまうし、置きやすそうなサイドバーもない。</p>
10204          </section>
10205        </a>
10206
10207
10208        <a href="/blog/jojoba-to-orive-squalane">
10209          <section class="excerpt">
10210            <header>
10211              <p class="date"><time datetime="2020-04-08T11:01:36+09:00">8日</time></p>
10212
10213              <h3>ホホバ⇒オリーブ・スクワラン</h3>
10214            </header>
10215
10216            <p>今年は、無印良品のホホバ・オイルから、無印良品のオリーブスクワラン・オイルに乗り換えた。気温が下がっても固まらない、という以外の理由はない。だいたいはこれとヴァセリンで冬は乗り越えられる。</p>
10217          </section>
10218        </a>
10219
10220
10221        <a href="/blog/replacing-in-vscode-1.43">
10222          <section class="excerpt">
10223            <header>
10224              <p class="date"><time datetime="2020-04-06T12:42:26+09:00">6日</time></p>
10225
10226              <h3>VS Code v1.43での置換</h3>
10227            </header>
10228
10229            <p>Visual Studio Codeの置換機能はよく使っている。複数行が手軽に書けるのはあまりないし、速いし、Vimの正規表現じゃないし。たまにやらかす。v1.43から、エディターで開いて置換ができるようになったので、やらかしも減るはずだ。一見してそんなに使わなそう、と思ったけど、毎回のように使っている。</p>
10230          </section>
10231        </a>
10232
10233
10234        <a href="/blog/on-20200403">
10235          <section class="excerpt">
10236            <header>
10237              <p class="date"><time datetime="2020-04-03T18:41:01+09:00">3日</time></p>
10238
10239              <h3>キンメダイ、図書館の再開延期、生存確認</h3>
10240            </header>
10241
10242            <p>安くなっていたキンメダイはおいしかった。いつか浜焼きで食べてみたい。今年も湘南ゴールドがおいしくてうれしい。</p>
10243          </section>
10244        </a>
10245
10246
10247        <a href="/blog/because-i-want-to">
10248          <section class="excerpt">
10249            <header>
10250              <p class="date"><time datetime="2020-04-02T12:20:50+09:00">2日</time></p>
10251
10252              <h3>あれを「こうしたい」ので</h3>
10253            </header>
10254
10255            <p>ホームや写真ページでの画像のサムネイル一覧をol要素からfigure要素に変えてしまった。リストではなくコラージュだと捉えると、figure要素の方が適切かなと思う。仕様のfigure要素の項ではそのような言及はない(5番目と6番目の例は複数の画像を扱っているけど、ギャラリーじゃない)。</p>
10256          </section>
10257        </a>
10258
10259
10260        <a href="/blog/hello-github-sponsors">
10261          <section class="excerpt">
10262            <header>
10263              <p class="date"><time datetime="2020-04-01T09:55:44+09:00">1日</time></p>
10264
10265              <h3>GitHubスポンサー</h3>
10266            </header>
10267
10268            <p>GitHubでスポンサーが募集できるようになった。Stripeアカウントを自前で用意しなくて良かったり、面倒なところがあまりなく始められた。更新する予定のあるリポジトリーでだけ有効にした。</p>
10269          </section>
10270        </a>
10271
10272          </section>
10273          <section>
10274            <h2><time datetime="2020-03">2020年3月</time></h2>
10275
10276        <a href="/blog/vim-css3-syntax-v1.6.0">
10277          <section class="excerpt">
10278            <header>
10279              <p class="date"><time datetime="2020-03-31T09:49:34+09:00">31日</time></p>
10280
10281              <h3>vim-css3-syntax v1.6.0</h3>
10282            </header>
10283
10284            <p>Speech ModuleがNOTEから復帰して、びっくりした。それほど緊急性はない。Scrollbars Module Level 1を追加し忘れていたことにも気づいたので、vim-css3-syntaxのv1.6.0をリリースした。他にもいくつか新しいドラフトがある。</p>
10285          </section>
10286        </a>
10287
10288
10289        <a href="/blog/ditching-gillette-gel-smoother">
10290          <section class="excerpt">
10291            <header>
10292              <p class="date"><time datetime="2020-03-30T09:46:05+09:00">30日</time></p>
10293
10294              <h3>Gilletteのヌルヌルするやつの取り外し</h3>
10295            </header>
10296
10297            <p>Gilletteの替刃についている、使うとヌルヌルしてくる青いものが好きじゃない。ジェルみたいなのが出てくるよりはマシと思って我慢していたけど、風呂場で髭剃りが終わった後になんとなく爪でこじって引っ張ったらスポッと抜けた。接着はされておらず、簡単に取り外せるみたいだ。うれしくなって、残っている8つの替刃からも取り外した。ちょっと楽しい。</p>
10298          </section>
10299        </a>
10300
10301
10302        <a href="/blog/on-20200326">
10303          <section class="excerpt">
10304            <header>
10305              <p class="date"><time datetime="2020-03-26T19:18:38+09:00">26日</time></p>
10306
10307              <h3>タブ・インデント、図書館のオンライン予約、dnscrypt-proxy</h3>
10308            </header>
10309
10310            <p>タブでインデントするようになった。理由は特にない。Tabキーを押したら、タブが入力されるようになったã
10310®ã§ã€æ­£ã—い。EditorConfigでズバッとできるものと思い込んでいたけど、そういう(ファイルを書き換える)ツールではなかった。名前の通り、エディターを設定するだけで、ファイルには何もしないツールだ。</p>
10311          </section>
10312        </a>
10313
10314
10315        <a href="/blog/on-utopia">
10316          <section class="excerpt">
10317            <header>
10318              <p class="date"><time datetime="2020-03-21T09:22:06+09:00">21日</time></p>
10319
10320              <h3>Utopia雑感</h3>
10321            </header>
10322
10323            <p>ビューポートに応じてフォント・サイズを調節するCSSを生成してくれるUtopiaなるものを見ていた。基本のフォント・サイズを調整するだけでなく、スケールの倍率も調節している。こういう考えの実装はしたことがなかった。</p>
10324          </section>
10325        </a>
10326
10327
10328        <a href="/blog/version-nine-point-six-point-zero">
10329          <section class="excerpt">
10330            <header>
10331              <p class="date"><time datetime="2020-03-13T09:27:43+09:00">13日</time></p>
10332
10333              <h3>変わっていないけど、変わっている</h3>
10334            </header>
10335
10336            <p>v9.5.0で右寄りレイアウトに戻した後、CSSを整理し、v9.6.0でヘッダーとフッターだけ幅いっぱい使うように戻した。結果があまり変わっていないのに、CSSだけ変わっている。いろいろな書き方ができるようになった上、新旧の知識が混ざるので、書き方が安定しない。他には、タグラインが最重要な見出しだと問題がありそうなので、最重要な見出しはページ名(雑記とか近況とか)にするようにした。CSSでそれにタグラインが追加される。</p>
10337          </section>
10338        </a>
10339
10340
10341        <a href="/blog/some-we-love-some-we-hate-some-we-eat">
10342          <section class="excerpt">
10343            <header>
10344              <p class="date"><time datetime="2020-03-04T09:27:59+09:00">4日</time></p>
10345
10346              <h3>ぼくらはそれでも肉を食う</h3>
10347            </header>
10348
10349            <p>行動経済学について簡単に書かれた本からの流れで、この本にたどり着いた。「ぼくらはそれでも肉を食う」は、動物の権利運動員や菜食主義者たち、または闘鶏関係者や動物実験をする学者たち、そして普通の人たち、それぞれの動物をめぐる行動について書かれている。読んだ後に若干の生きづらさを感じる。が、忘れるか、目をつぶるだろう。</p>
10350          </section>
10351        </a>
10352
10353          </section>
10354          <section>
10355            <h2><time datetime="2020-02">2020年2月</time></h2>
10356
10357        <a href="/blog/on-20200229">
10358          <section class="excerpt">
10359            <header>
10360              <p class="date"><time datetime="2020-02-29T08:54:13+09:00">29日</time></p>
10361
10362              <h3>ヒゲ坊主、サゴシ?、つや姫</h3>
10363            </header>
10364
10365            <p>待機時間の長い図書館などもそろそろ怪しい施設になりそうだ。慎重がすぎて、床屋にすら行っていないので、久々に耳を覆うくらいまで伸びてしまった。ヒゲ坊主にするチャンスと考えて、バリカンを買おうかなと考えている。</p>
10366          </section>
10367        </a>
10368
10369
10370        <a href="/blog/vim-css3-syntax-v1.5.0">
10371          <section class="excerpt">
10372            <header>
10373              <p class="date"><time datetime="2020-02-23T10:24:21+09:00">23日</time></p>
10374
10375              <h3>vim-css3-syntax v1.5.0</h3>
10376            </header>
10377
10378            <p>更新がたまったのでvim-css3-syntaxのv1.5.0をリリースした。Scroll Anchoring ModuleやResize Observerという仕様が追加されているため、マイナー番号が上がっている。大きな変更はない。今度もない。</p>
10379          </section>
10380        </a>
10381
10382
10383        <a href="/blog/on-20200215">
10384          <section class="excerpt">
10385            <header>
10386              <p class="date"><time datetime="2020-02-15T09:15:13+09:00">15日</time></p>
10387
10388              <h3>閉鎖空間</h3>
10389            </header>
10390
10391            <p>色々騒がしくて、人の多い都会に、まして閉鎖空間の美術館や博物館に行きづらい。先月はアーティゾン美術館(旧ブリヂストン美術館)に行くつもりだった。セザンヌを見たい。洛中洛外図屏風も見たい。今月末ならどうにかなるかなと考えていたが、どうも無理そう。</p>
10392          </section>
10393        </a>
10394
10395
10396        <a href="/blog/svg-favicon-2">
10397          <section class="excerpt">
10398            <header>
10399              <p class="date"><time datetime="2020-02-11T14:25:14+09:00">11日</time></p>
10400
10401              <h3>SVGのファビコン #2</h3>
10402            </header>
10403
10404            <p>およそ8年前にSVGのファビコンについて調べていた。Safariでおととし、C
10404hromeやEdgeではこの前リリースされた80でついにサポートされた。頃合いだろうと見て、ダーク・モードで色が変わるようにして、このウェブサイトでも採用した。</p>
10405          </section>
10406        </a>
10407
10408
10409        <a href="/blog/left-white-spaces-and-line-spacing">
10410          <section class="excerpt">
10411            <header>
10412              <p class="date"><time datetime="2020-02-02T13:07:46+09:00">2日</time></p>
10413
10414              <h3>左の余白と行間</h3>
10415            </header>
10416
10417            <p>左寄せレイアウトになった。合わせていくつか変更を加えたが、行間をline-heightプロパティーで1.7から1.515に下げた。左寄せレイアウトにしたら、どうも行間が開きすぎに見える。認識していなかった問題で、検索してもそれらしい情報が出てこない。</p>
10418          </section>
10419        </a>
10420
10421          </section>
10422          <section>
10423            <h2><time datetime="2020-01">2020年1月</time></h2>
10424
10425        <a href="/blog/append-others-per-month">
10426          <section class="excerpt">
10427            <header>
10428              <p class="date"><time datetime="2020-01-28T13:01:17+09:00">28日</time></p>
10429
10430              <h3>月ごとに分割読み込み</h3>
10431            </header>
10432
10433            <p>写真と書棚ページで使っていた、ユーザー操作による過去ログの一気表示を、月ごとに表示していくように変更した。ボタンを押すと前の月が、ボタンを押すとその前の月が、ボタンを押すとさらに前の月が、ボタンを押すともっと前の月が、ボタンを押すともっとその前の月が、と少しずつ進む。最後の月にはボタンはないので、そこまでになる。</p>
10434          </section>
10435        </a>
10436
10437
10438        <a href="/blog/on-20200122">
10439          <section class="excerpt">
10440            <header>
10441              <p class="date"><time datetime="2020-01-22T16:26:56+09:00">22日</time></p>
10442
10443              <h3>たかをくくってこれくらいにしておく様子</h3>
10444            </header>
10445
10446            <p>このウェブサイトは、構成は簡素じゃないし、そこかしこで妥協がなされていてミニマルではないし、見た目もブルータルなところはないし、GitHub経由な時点で倫理的ではない。合理的だとだいぶ近くなってくるけど、最高を突き詰めておらず、根拠がないのに「理」はおかしい。たかをくくってこれくらいにしておく、というと近い。この感じを表現する言葉を探している。</p>
10447          </section>
10448        </a>
10449
10450
10451        <a href="/blog/moonstar-sk-oxford">
10452          <section class="excerpt">
10453            <header>
10454              <p class="date"><time datetime="2020-01-17T12:00:51+09:00">17日</time></p>
10455
10456              <h3>MoonstarのSK Oxford Black</h3>
10457            </header>
10458
10459            <p>だましだまし履いていた革靴が、ついにかかとが削れてしまった(ような気がする)ので、新調した。高いやつを買う気満々だったけど、22000円で安いようなそうでもないような、Moonstarの革靴に落ち着いた。年末に新宿のBEAMS Japanで買った。</p>
10460          </section>
10461        </a>
10462
10463
10464        <a href="/blog/split-baseline-again">
10465          <section class="excerpt">
10466            <header>
10467              <p class="date"><time datetime="2020-01-14T15:20:36+09:00">14日</time></p>
10468
10469              <h3>baseline.cssの再分離</h3>
10470            </header>
10471
10472            <p>文書のスタイルと共有できるようにbaseline.cssを再び分離した。あわせて色を戻したり、見出しの余白を再定義したりもした。また、スタイル・ガイドでテストもできるようにした。安定の構成のつもりなので、しばらくこのままでいじるようにしてみたい。</p>
10473          </section>
10474        </a>
10475
10476
10477        <a href="/blog/on-20200107">
10478          <section class="excerpt">
10479            <header>
10480              <p class="date"><time datetime="2020-01-07T18:21:07+09:00">7日</time></p>
10481
10482              <h3>鼻血とシーツ</h3>
10483            </header>
10484
10485            <p>思えば子供のころは週一くらいで鼻血を出していた。起きたら枕が血だらけとかもあった。高校生になる頃にはほとんど出さなくなり、ここ5年にも出した記憶がなかったが、11月末から計4回も出している。</p>
10486          </section>
10487        </a>
10488
10489
10490        <a href="/blog/my-2020-manifest">
10491          <section class="excerpt">
10492            <header>
10493              <p class="date"><time datetime="2020-01-05T12:32:39+09:00">5日</time></p>
10494
10495              <h3>2020年の目標</h3>
10496            </header>
10497
10498            <p>去年は書いていなかったけど、体重を3kg増やすだった。結果は1.8kg弱と届かなかった。なので、今年はそれを継続して、2kg増量にしようと思う。ということで去年の目標は体重を毎日測る、というものだったことにした。3月に体重計を買って以降、毎朝測ã
10498‚Œã¦ã„るので達成したといってよさそう。</p>
10499          </section>
10500        </a>
10501
10502
10503        <a href="/blog/hello-2020">
10504          <section class="excerpt">
10505            <header>
10506              <p class="date"><time datetime="2020-01-01T11:45:59+09:00">1日</time></p>
10507
10508              <h3>2020年の始まり</h3>
10509            </header>
10510
10511            <p>大晦日は早寝したけど、除夜の鐘から火災無線、若者たちの叫び声、と、ひと通りの試練で新年が始まった。おせちと雑煮でリセットできた。今年の酒は(も)七賢の山ノ霞だった。安定しておいしい。値段が5倍するやつをいつか飲んでみたい。雑煮も高い餅で作ったのでおいしかった。</p>
10512          </section>
10513        </a>
10514
10515          </section>
10516          <section id="2019">
10517            <h2><time datetime="2019-12">2019年12月</time></h2>
10518
10519        <a href="/blog/gillette-proglide-limited-edition">
10520          <section class="excerpt">
10521            <header>
10522              <p class="date"><time datetime="2019-12-29T09:10:46+09:00">29日</time></p>
10523
10524              <h3>Gilleteの限定版ホルダー</h3>
10525            </header>
10526
10527            <p>T字カミソリはプログライドのフレックスボールで安定している。機能には特に不満はないけど、ホルダーの見た目と自立しないケースがイマイチとは思っていた。その辺りがうまいことなっていそうに見える限定版が、夏前くらいに出て、気になっていた。高かった(1500円くらい)ので買わずにいたが、先々月くらいに近所のドラッグストアに500円くらいで投げ売りされていたので、ついに買った。</p>
10528          </section>
10529        </a>
10530
10531
10532        <a href="/blog/kofu-20191212">
10533          <section class="excerpt">
10534            <header>
10535              <p class="date"><time datetime="2019-12-25T07:42:44+09:00">25日</time></p>
10536
10537              <h3>墓参り(2019年12月12日)</h3>
10538            </header>
10539
10540            <p>墓参りに行った。予定が合わず、今回は少し遅めになった。遠くの山沿いが地上付近だけもやっていて、盆地っぽい。</p>
10541          </section>
10542        </a>
10543
10544
10545        <a href="/blog/duckduckgo-or-google">
10546          <section class="excerpt">
10547            <header>
10548              <p class="date"><time datetime="2019-12-22T12:42:34+09:00">22日</time></p>
10549
10550              <h3>DuckDuckGoかGoogleか</h3>
10551            </header>
10552
10553            <p>サイト内検索にDuckDuckGoを使うように戻した。僕はまだGoogleを使っているけれど、それを他人に押し付けることはない。むしろ、Googleのパーソナライズが、一時的なサイト内検索の利用に影響されなくなるので、ユーザーにもメリットがあるんじゃないか、とも思う。</p>
10554          </section>
10555        </a>
10556
10557
10558        <a href="/blog/hook-chain-ring">
10559          <section class="excerpt">
10560            <header>
10561              <p class="date"><time datetime="2019-12-16T12:26:48+09:00">16日</time></p>
10562
10563              <h3>キーホルダーの錬成</h3>
10564            </header>
10565
10566            <p>キーホルダーに使っていたカラビナを人にあげてしまったので、家にあるものを改造してキーホルダーを錬成していた。鍵をつけるリングとラッチが付いたフックの間に5cmくらいの短い鎖を挟むと、鍵が、リングやフックとひっかからない(引っかかってもすぐに抜ける)というような話を聞いて、そういう風にした。嘘だった。使いづらくはないので、使っている。</p>
10567          </section>
10568        </a>
10569
10570
10571        <a href="/blog/forwarding-in-simple-dnscrypt">
10572          <section class="excerpt">
10573            <header>
10574              <p class="date"><time datetime="2019-12-15T09:02:25+09:00">15日</time></p>
10575
10576              <h3>Simple DNSCryptのForwarding</h3>
10577            </header>
10578
10579            <p>引き続きSimple DNSCryptでAdGuard DNSを利用している。悪くはない。たまに変なのもブロックされて困っていたが、(Simple )DNSCryptではForwarding (転送)という機能を使うと、特定のドメインを指定のDNSリゾルバーで解決できる。</p>
10580          </section>
10581        </a>
10582
10583
10584        <a href="/blog/dressed-with-the-best-20191203">
10585          <section class="excerpt">
10586            <header>
10587              <p class="date"><time datetime="2019-12-10T14:54:39+09:00">10日</time></p>
10588
10589              <h3>名物裂と古渡り更紗(静嘉堂文庫美術館)</h3>
10590            </header>
10591
10592            <p>古渡り更紗は茶器の展覧会などで いくつか見たことはあるものの、色々まとめて見ることはなかった。静嘉堂文庫美術館にも曜変天目のタイミングで見に行きたかった。渡りに船とか鴨が葱とかいう感じで名物裂と古渡り更紗という展覧会が行われていたので見に行った。</p>
10593          </section>
10594        </a>
10595
10596
10597        <a href="/blog/on-merging-and-splitting-css">
10598          <section class="excerpt">
10599            <header>
10600              <p class="date"><time datetime="2019-12-09T09:32:49+09:00">9日</time></p>
10601
10602              <h3>CSSの統合や分割</h3>
10603            </header>
10604
10605            <p>v9.3.16でベースラインのCSSとカスタム・プロパティーのCSSを混ぜたので、編集が局所で完了するようになった。その反面、どうしたいのかについての明快さに欠け、気持ち悪い。同じルールセットで上書きするのは、やはり好みではないようだ。前みたいにbaseline.cssに分離したい。</p>
10606          </section>
10607        </a>
10608
10609
10610        <a href="/blog/yuzu-2019">
10611          <section class="excerpt">
10612            <header>
10613              <p class="date"><time datetime="2019-12-08T13:11:04+09:00">8日</time></p>
10614
10615              <h3>ゆず(2019)</h3>
10616            </header>
10617
10618            <p>今年のゆずを収穫した。200個前後で、よくとれた。小ぶりのものが多いようにも感じたが、数があるせいかもしれない。数年前にまったくとれなかったã
10618®ã¯ã€ã‚„はりたまたまだったようだ。リモンチェッロ的なのを作ってやろうかな、と考えている。</p>
10619          </section>
10620        </a>
10621
10622
10623        <a href="/blog/framing-don-quixote">
10624          <section class="excerpt">
10625            <header>
10626              <p class="date"><time datetime="2019-12-06T14:24:51+09:00">6日</time></p>
10627
10628              <h3>ドン・キホーテの額装</h3>
10629            </header>
10630
10631            <p>おみやげで貰ったピカソのドン・キホーテを額装した。色々見たけど無印良品の壁に付けられるフレームで妥協してしまった。棚に置けるので悪くはない。</p>
10632          </section>
10633        </a>
10634
10635
10636        <a href="/blog/sotetsu-jr">
10637          <section class="excerpt">
10638            <header>
10639              <p class="date"><time datetime="2019-12-04T09:44:27+09:00">4日</time></p>
10640
10641              <h3>相鉄JR直通線</h3>
10642            </header>
10643
10644            <p>渋谷から相鉄JR直通線に乗った。あまり興味がないつもりだったが、埼京線の車両が走っているのを見たら、まんまと乗りたくなってしまった。やはり新しい路線はワクワクする。みんな興味津々という感じでキョロキョロしているのも面白い。武蔵小杉駅から羽沢横浜国大駅までがすごい長く、見慣れない景色というのもあって、どこに連れていかれるのか、と不安になった。</p>
10645          </section>
10646        </a>
10647
10648
10649        <a href="/blog/on-20191202">
10650          <section class="excerpt">
10651            <header>
10652              <p class="date"><time datetime="2019-12-02T22:11:39+09:00">2日</time></p>
10653
10654              <h3>靴ひも、スタンスミスの黒、リンクの下線</h3>
10655            </header>
10656
10657            <p>よくハイキング的なことをしていた時期に刷り込まれた、「靴ひもがある靴の方が疲れない」という偏見を持ち続けている。大事にしていきたい。チェルシー・ブーツ(人と会うので靴を脱ぐかもしれない)やレイン・ブーツ(雨がひどい日であまり歩かない)は履いている。</p>
10658          </section>
10659        </a>
10660
10661          </section>
10662          <section>
10663            <h2><time datetime="2019-11">2019年11月</time></h2>
10664
10665        <a href="/blog/daikanyama-20191121">
10666          <section class="excerpt">
10667            <header>
10668              <p class="date"><time datetime="2019-11-30T13:17:41+09:00">30日</time></p>
10669
10670              <h3>代官山~渋谷</h3>
10671            </header>
10672
10673            <p>今年は旧朝倉家住宅が建って100年、ヒルサイド・テラスが建って50年らしい。HILLSIDE TERRACE 1969-2019という展示も始まったようなので、代官山をフラフラした。</p>
10674          </section>
10675        </a>
10676
10677
10678        <a href="/blog/on-20191128">
10679          <section class="excerpt">
10680            <header>
10681              <p class="date"><time datetime="2019-11-28T13:16:02+09:00">28日</time></p>
10682
10683              <h3>Chrome、Noto、ピカソのドン・キホーテ</h3>
10684            </header>
10685
10686            <p>しばらく前からChromeを使っている。Edgeを使いたいところだけど、動かないウェブサイトが多すぎて心が死にかけた。ついでにNoto (Sans|Serif|Sans Mono) CJK JPを標準フォントなどに設定したりするようになった。こうなると総称ファミリー最高なんじゃないか、と考えがちなので、このウェブサイトでもフォント指定がsans-serifとmonospaceだけになってしまった。</p>
10687          </section>
10688        </a>
10689
10690
10691        <a href="/blog/on-20191126">
10692          <section class="excerpt">
10693            <header>
10694              <p class="date"><time datetime="2019-11-26T07:46:01+09:00">26日</time></p>
10695
10696              <h3>ペン立て、箱ティッシュのカバー、ゴミ袋の襲撃</h3>
10697            </header>
10698
10699            <p>ペン立てに使っていたマグカップを強奪された。仕方がないので、プリンの空き瓶を使っている。半分くらいの高さになった牛乳瓶というサイズで、ちょうどいい。ボールペン数本、ハサミ、定規くらいなので、これまたちょうどいい。こういったデスク周りの物にお金を出す習慣がなã
10699„。</p>
10700          </section>
10701        </a>
10702
10703
10704        <a href="/blog/on-20191122">
10705          <section class="excerpt">
10706            <header>
10707              <p class="date"><time datetime="2019-11-22T08:25:05+09:00">22日</time></p>
10708
10709              <h3>グランベリーパーク、シャトルシェフ</h3>
10710            </header>
10711
10712            <p>火曜日にグランベリーパークに行った。アウトレットモールというものに行ったことがなかったので、新鮮だった。Cole HaanやRegal、Salomonの靴はお手頃価格で惹かれた。洋服は「安い!」っていうほどでもない。他だとインテリアとキッチン雑貨を買いに行くには色々あって良さそう。アウトドア用品も悪くないけど、最近はそこら中にあるのでわざわざ行くほどでもない。</p>
10713          </section>
10714        </a>
10715
10716
10717        <a href="/blog/winter-dreams">
10718          <section class="excerpt">
10719            <header>
10720              <p class="date"><time datetime="2019-11-12T09:08:18+09:00">12日</time></p>
10721
10722              <h3>冬の夢</h3>
10723            </header>
10724
10725            <p>風邪で寝ていた時に読んだ、サリンジャー特集のMonkey vol.19には、F・スコット・フィッツジェラルドの短編も載っていた。そういえば、少し前に亡くなった和田誠が装丁を担当したフィッツジェラルドの本があったな、と思い出し、気になったので読んだ。</p>
10726          </section>
10727        </a>
10728
10729
10730        <a href="/blog/on-20191107">
10731          <section class="excerpt">
10732            <header>
10733              <p class="date"><time datetime="2019-11-07T11:48:27+09:00">7日</time></p>
10734
10735              <h3>Pixel 3a、風邪、しょうが焼き、黒から白</h3>
10736            </header>
10737
10738            <p>Pixel 3aを使い始めて3か月になった。特に何もない。マテリアル・デザインを好きになれないままなので、5年後くらいに買い替える時には、iOSに出戻りそう。ドロップ・シャドウが嫌いなんだと思う。なのでダーク・モードにしているけど、ダーク・モードも特に好きではなかった。</p>
10739          </section>
10740        </a>
10741
10742          </section>
10743          <section>
10744            <h2><time datetime="2019-10">2019年10月</time></h2>
10745
10746        <a href="/blog/on-20191029">
10747          <section class="excerpt">
10748            <header>
10749              <p class="date"><time datetime="2019-10-29T11:48:19+09:00">29日</time></p>
10750
10751              <h3>baseline.css、肉の日、おいしい○○屋</h3>
10752            </header>
10753
10754            <p>少しずつbaseline.cssを上げている。色の管理ができないので、ポスト・プロセスすることを考えている。main.cssからカスタム・プロパティーとrevertするコード以外がなくなれば、完成のはず。そこまでいけば両者をマージでき、クソみたいなmedia属性を消せる。もうちょっと。</p>
10755          </section>
10756        </a>
10757
10758
10759        <a href="/blog/vim-css3-syntax-v1.4.0">
10760          <section class="excerpt">
10761            <header>
10762              <p class="date"><time datetime="2019-10-28T08:48:31+09:00">28日</time></p>
10763
10764              <h3>vim-css3-syntax v1.4.0</h3>
10765            </header>
10766
10767            <p>vim-css3-syntaxのv1.4.0をリリースした。Overscroll BehaviorとAnimation Worklet API、Containment 2の3つが追加され、更新が2つあるが、特に目新しい点はない。</p>
10768          </section>
10769        </a>
10770
10771
10772        <a href="/blog/on-20191018">
10773          <section class="excerpt">
10774            <header>
10775              <p class="date"><time datetime="2019-10-18T12:53:07+09:00">18日</time></p>
10776
10777              <h3>CSSの構成、サンマ、Surfaceコネクター</h3>
10778            </header>
10779
10780            <p>CSSの構成を変えた。baseline.cssとmain.cssに分けて、前者に古いブラウザーと印刷メディア向けのスタイルを書き、後者で複雑なスタイルを書く。読み込みの制御は、後者を読み込むlink要素のmedia属性で、not print and (min-resolution: 1dppx)とすることでã
10780ŠãŠã–っぱに行っている。CSSハックに類する方法なので、もうちょっとうまい方法を考えたい。main.cssという名前もおかしいので変えるべきだった。</p>
10781          </section>
10782        </a>
10783
10784
10785        <a href="/blog/turkish-html-best-practices">
10786          <section class="excerpt">
10787            <header>
10788              <p class="date"><time datetime="2019-10-11T19:05:27+09:00">11日</time></p>
10789
10790              <h3>トルコ語のHTML Best Practices</h3>
10791            </header>
10792
10793            <p>少し前にHTML Best Practicesへトルコ語の翻訳が飛んできた。うれしい。スターも少しずつ増えていっているような気がする。死ぬまでに2000スター欲しい。</p>
10794          </section>
10795        </a>
10796
10797
10798        <a href="/blog/calendar-task-management-memo">
10799          <section class="excerpt">
10800            <header>
10801              <p class="date"><time datetime="2019-10-07T17:07:22+09:00">7日</time></p>
10802
10803              <h3>カレンダー、タスク管理、メモ</h3>
10804            </header>
10805
10806            <p>カレンダー(Googleカレンダー)とタスク管理(Google ToDoリスト)、メモ(Google Keep)でアプリを使い分けていたけど、面倒になってきた。重なる部分が多く、使い分けどころが難しい。これはどれに記録するか、と逡巡するのがすごくわずらわしい。</p>
10807          </section>
10808        </a>
10809
10810
10811        <a href="/blog/on-20191001">
10812          <section class="excerpt">
10813            <header>
10814              <p class="date"><time datetime="2019-10-01T12:11:40+09:00">1日</time></p>
10815
10816              <h3>戸別回収、カラス対策、マンガ本棚、Appleのストリート・ビュー</h3>
10817            </header>
10818
10819            <p>地元のゴミ収集システムが、昨日から変わった。燃やせるゴミが戸別収集に変わるので、カラスや猫への対策として、とりあえずゴミ箱を流用することにした。初日の様子だと、なんらかの対策をしている家は、半分に届かないくらいだった。</p>
10820          </section>
10821        </a>
10822
10823          </section>
10824          <section>
10825            <h2><time datetime="2019-09">2019年9月</time></h2>
10826
10827        <a href="/blog/ryogoku-20190918">
10828          <section class="excerpt">
10829            <header>
10830              <p class="date"><time datetime="2019-09-24T09:13:58+09:00">24日</time></p>
10831
10832              <h3>茂木本家美術館の北斎名品展(すみだ北斎美術館)</h3>
10833            </header>
10834
10835            <p>すみだ北斎美術館へ茂木本家美術館の北斎名品展を見に行った。久しぶりに隅田川を越えた先へ行った気がする。建物が、写真で想像していた感じとはずいぶん違って、とても驚いた。</p>
10836          </section>
10837        </a>
10838
10839
10840        <a href="/blog/sanzai-2019">
10841          <section class="excerpt">
10842            <header>
10843              <p class="date"><time datetime="2019-09-19T15:14:26+09:00">19日</time></p>
10844
10845              <h3>散財 ’19</h3>
10846            </header>
10847
10848            <p>去年、Surface Pro 6を買って以降、金遣いが荒くなった。買った直後くらいは意識してセーブしていたけど、コートを買ったりしてしまったあたりから加速してしまった。ちゃんと勘定したらそろそろSurface Pro 6がもうひとつ買えるくらい散財している。</p>
10849          </section>
10850        </a>
10851
10852
10853        <a href="/blog/back-to-top-button-with-intersection-observer-api">
10854          <section class="excerpt">
10855            <header>
10856              <p class="date"><time datetime="2019-09-12T14:38:41+09:00">12日</time></p>
10857
10858              <h3>Intersection Observer APIを使ったトップに戻るボタン</h3>
10859            </header>
10860
10861            <p>スクロール監視で作られていたトップに戻るボタンの改修をしていた。Intersection Observer APIを使うと10行に満たないJavaScriptで実装できた。グローバル・ヘッダーが見えなくなったらボタンを出す、という条件でのみだが、実用性はありそう。</p>
10862          </section>
10863        </a>
10864
10865
10866        <a href="/blog/on-20190906">
10867          <section class="excerpt">
10868            <header>
10869              <p class="date"><time datetime="2019-09-06T16:47:50+09:00">6日</time></p>
10870
10871              <h3>WAON、VisaのpayWave</h3>
10872            </header>
10873
10874            <p>
10874Pixel 3aでFeliCaデビューしたので、調子にのってWaonを作った。Suicaを自分専用にして、家用の買い物をWaonにする、というつもりだった。Suicaのチャージに使うクレジットカードを使い分けた方がよかったっぽい。使いきらないと消せず、使いきるのは難しそうだし、もうちょっと考えればよかった。</p>
10875          </section>
10876        </a>
10877
10878
10879        <a href="/blog/version-nine-point-three-point-two">
10880          <section class="excerpt">
10881            <header>
10882              <p class="date"><time datetime="2019-09-01T09:58:01+09:00">1日</time></p>
10883
10884              <h3>v9.3.2</h3>
10885            </header>
10886
10887            <p>マークアップが少し変わったりしたので、マイナー番号を上げた。Microdataが復活したり、見出しがちょっと大きくなったり、見出しの下の余白を詰めるように戻したり、概要(この最初の段落のこと)が大きい文字で表示されるようになったり、色もちょっと変わっている。昔はこんな色だった気もする。#f6edeaだっけ?</p>
10888          </section>
10889        </a>
10890
10891          </section>
10892          <section>
10893            <h2><time datetime="2019-08">2019年8月</time></h2>
10894
10895        <a href="/blog/adguard-dns">
10896          <section class="excerpt">
10897            <header>
10898              <p class="date"><time datetime="2019-08-28T11:39:54+09:00">28日</time></p>
10899
10900              <h3>AdGuard DNS</h3>
10901            </header>
10902
10903            <p>Pixel 3aにapkでインストールするAdGuard for Android(なんちゃってVPNとして動く方)をちょっと入れてた。うまく動いているようだった。ただ、Android 9だとプライベートDNSとしてDNS over TLSが設定できる。これでAdGuard DNSを使うと面倒くさくない。</p>
10904          </section>
10905        </a>
10906
10907
10908        <a href="/blog/on-20190823">
10909          <section class="excerpt">
10910            <header>
10911              <p class="date"><time datetime="2019-08-23T16:04:00+09:00">23日</time></p>
10912
10913              <h3>スマフォのマット、チノ・パンツ、Googleレンズ、Lawnchair</h3>
10914            </header>
10915
10916            <p>スマフォを伏せて置くためのマットをフェルトで作った(余っていた古いマウスパッドに薄いフェルトを接着しただけ)。満足しているけど、今度は、普通に置いた時に出っ張ったカメラが傷つきそうで気になる。</p>
10917          </section>
10918        </a>
10919
10920
10921        <a href="/blog/pixel-3a-hardware">
10922          <section class="excerpt">
10923            <header>
10924              <p class="date"><time datetime="2019-08-20T13:10:41+09:00">20日</time></p>
10925
10926              <h3>Pixel 3aのハードウェアなど</h3>
10927            </header>
10928
10929            <p>Pixel 3aを買って半月くらい経った。ハードウェアで気に入ったところもあるが、気になるところもある。カメラについては色々記事があるので話題にしない。</p>
10930          </section>
10931        </a>
10932
10933
10934        <a href="/blog/img-in-template">
10935          <section class="excerpt">
10936            <header>
10937              <p class="date"><time datetime="2019-08-15T09:17:34+09:00">15日</time></p>
10938
10939              <h3>template要素内のimg要素</h3>
10940            </header>
10941
10942            <p>大量の画像を一気に読み込ませないように写真や書棚のページではログ・ページを別に作っていたが、やはり統一したい。CSSなどで隠すとHTTPリクエストが発行されてしまうし、遅延読み込みはせめてネイティブ実装が揃わないと落ち着かない。実装とユーザー操作、転送量においてコストの低い方法を模索し、template要素内に書かれたimg要素ではHTTPリクエストが発行されないことがわかったので、これを利用した。</p>
10943          </section>
10944        </a>
10945
10946
10947        <a href="/blog/hello-pixel-3a">
10948          <section class="excerpt">
10949            <header>
10950              <p class="date"><time datetime="2019-08-07T19:19:22+09:00">7日</time></p>
10951
10952              <h3>あっ! Pixel 3aだ!</h3>
10953            </header>
10954
10955            <p>ここ半年くらいは好調だったiPhone 5sがまた調子悪くなってしまった。7月22~30日の間に15回くらいブラックアウトした。5sにはiOS 13が入らないみたいだし、これはもう買い替えしかない。そんなに酷使するわけでもないので、価格が手ごろで評判も悪くないGoogleのPixel 3aにした。色はブラックでジャスト。ちょっと安いドコモ・オンラインショップで買ったã
10955®ã§ã€dポイントも消費できた。</p>
10956          </section>
10957        </a>
10958
10959
10960        <a href="/blog/spark-app-and-docomo-mail-2">
10961          <section class="excerpt">
10962            <header>
10963              <p class="date"><time datetime="2019-08-04T14:20:55+09:00">4日</time></p>
10964
10965              <h3>Sparkとドコモメール #2</h3>
10966            </header>
10967
10968            <p>Sparkとドコモメールで書いた、dアカウントがロックされてしまう原因がわかった。パソコン等で(Spark以外のアプリを使って)ドコモメールを受信している場合にロックされるようだ。Sparkのみでドコモメールを受信するようにすればロックされない。</p>
10969          </section>
10970        </a>
10971
10972          </section>
10973          <section>
10974            <h2><time datetime="2019-07">2019年7月</time></h2>
10975
10976        <a href="/blog/pot-lid-knob">
10977          <section class="excerpt">
10978            <header>
10979              <p class="date"><time datetime="2019-07-27T08:19:48+09:00">27日</time></p>
10980
10981              <h3>鍋の蓋のつまみ</h3>
10982            </header>
10983
10984            <p>イオンかどこかで買った安い片手鍋の蓋からつまみが取れてしまった。この鍋ももう10年くらい使っていたので、買い換えようとイオンを見に行ったら、鍋の蓋のつまみだけで売っていることを知った。 </p>
10985          </section>
10986        </a>
10987
10988
10989        <a href="/blog/hara-sankei-20190716">
10990          <section class="excerpt">
10991            <header>
10992              <p class="date"><time datetime="2019-07-24T08:36:15+09:00">24日</time></p>
10993
10994              <h3>原三渓の美術(横浜美術館)</h3>
10995            </header>
10996
10997            <p>雨の中、横浜美術館へ原三渓の美術を見に行った。ポスター他に使われているロゴの「の」がかっこいい。高野切を見て、そのまま常設のセザンヌとピカソを見れるので、1600円でもいいかな……となるかは人による。せめて孔雀明王像がある間に行った方が良い。</p>
10998          </section>
10999        </a>
11000
11001
11002        <a href="/blog/date-parse-2015-02-31">
11003          <section class="excerpt">
11004            <header>
11005              <p class="date"><time datetime="2019-07-19T08:25:40+09:00">19日</time></p>
11006
11007              <h3>Date.parse(&quot;2015-02-31&quot;)</h3>
11008            </header>
11009
11010            <p>ES5以降では、Date.parse()に不正な日時を渡した場合、NaNを返す……が、不正な日時の解釈に実装によって違いがあることを今さら知った。タイトルのように2015-02-31を渡すと、Firefox 67はNaNを返すが、Chrome 75などでは良きにはからって、つまり2015-03-03とみなしてくれる。書式そのものの解釈の違いだけでなく、こんなところにも非互換性が埋まっていて、まんまとハマった。</p>
11011          </section>
11012        </a>
11013
11014
11015        <a href="/blog/futakotamagawa-20190712">
11016          <section class="excerpt">
11017            <header>
11018              <p class="date"><time datetime="2019-07-14T09:12:12+09:00">14日</time></p>
11019
11020              <h3>TAMAGAWA Special Days</h3>
11021            </header>
11022
11023            <p>玉川高島屋のセールの荷物持ちで二子玉川に行った。朝方は雨で、昼前くらいまで降っていたが、二子玉川は駅付近ならだいたい雨にぬれず移動できるので問題ない。</p>
11024          </section>
11025        </a>
11026
11027
11028        <a href="/blog/mn-20190707">
11029          <section class="excerpt">
11030            <header>
11031              <p class="date"><time datetime="2019-07-08T08:43:25+09:00">8日</time></p>
11032
11033              <h3>MN v20190707</h3>
11034            </header>
11035
11036            <p>思い出したようにMNを更新した。ちょっと前にも思い出したように更新している。B612 MonoとMajor Mono Display、IBM Plex Monoなど以外に、あえて追加していなかったNova MonoやShare Tech Monoなども追加した。等幅を見続けていると、何かに気づけそうな気がしてくるけど、今のところ何も起きていない。</p>
11037          </section>
11038        </a>
11039
11040
11041        <a href="/blog/spark-app-and-docomo-mail">
11042          <section class="excerpt">
11043            <header>
11044              <p class="date"><time datetime="2019-07-05T12:33:35+09:00">5日</time></p>
11045
11046              <h3>Sparkとドコモメール</h3>
11047            </header>
11048
11049            <p>
11049Sparkでドコモメールを使おうとすると、*dアカウントが*ロックされるようになっていた。Sparkでは、アカウントの追加時にアメリカから、メールをクロールする時にドイツから、それぞれドコモのサーバーへアクセスする。2ヶ所から連続でアクセスされている関係からか、これがドコモから不正アクセスとみなされてしまう。これらのアクセスを許可する方法はないみたいで、即座にdアカウントがロックされる。</p>
11050          </section>
11051        </a>
11052
11053          </section>
11054          <section>
11055            <h2><time datetime="2019-06">2019年6月</time></h2>
11056
11057        <a href="/blog/routers-for-ocn-virtual-connect">
11058          <section class="excerpt">
11059            <header>
11060              <p class="date"><time datetime="2019-06-28T08:48:59+09:00">28日</time></p>
11061
11062              <h3>OCNバーチャルコネクト向けルーター</h3>
11063            </header>
11064
11065            <p>ドコモnetでは、一部transixだけど、OCNバーチャルコネクトに集約されていくらしい。そのあたりの複雑さもあって、専用のドコモ光ルーター 01でしかIPv4 over IPv6できると明記していない。が、最近だとIOデータやエレコムのルーターが対応をうたいはじめたようで、これで大丈夫らしい。</p>
11066          </section>
11067        </a>
11068
11069
11070        <a href="/blog/wawoff2">
11071          <section class="excerpt">
11072            <header>
11073              <p class="date"><time datetime="2019-06-22T09:44:44+09:00">22日</time></p>
11074
11075              <h3>wawoff2</h3>
11076            </header>
11077
11078            <p>OTFなどからWOFF2へ変換するnpmパッケージ、wawoff2。OTFをソースとして持ち、ビルド・タスクでWOFF2にする、がNode.jsだけで完結する。ソースがコンパクトになる。WebAssemblyなので、バイナリーを持ってくるnpmパッケージと違い、Node.jsのバージョンを変えた時のnpm rebuildし忘れで死ぬやつが起きない。たまにやる。</p>
11079          </section>
11080        </a>
11081
11082
11083        <a href="/blog/removing-javascript">
11084          <section class="excerpt">
11085            <header>
11086              <p class="date"><time datetime="2019-06-20T10:55:49+09:00">20日</time></p>
11087
11088              <h3>JavaScriptがなくなった</h3>
11089            </header>
11090
11091            <p>もう相対日時にするやつとutm_*を削除するやつしか動かしてなかったので、JavaScriptをなくした。再構築したので消えている。</p>
11092          </section>
11093        </a>
11094
11095
11096        <a href="/blog/on-20190618">
11097          <section class="excerpt">
11098            <header>
11099              <p class="date"><time datetime="2019-06-18T16:11:23+09:00">18日</time></p>
11100
11101              <h3>魚焼きグリル、ガスコンロのボタン、欧米の五徳がごついコンロ</h3>
11102            </header>
11103
11104            <p>両面焼きの魚焼きグリルでは、魚の皮を下にして焼く方が良い、ということを1か月くらい前に知った。味は変わらない、油が落ちにくい、網に身がくっつかない、皮がきれいに焼けない。一長一短という感じだけど、洗いやすいのは助かるので、下にして生きていく。</p>
11105          </section>
11106        </a>
11107
11108
11109        <a href="/blog/six-ancient-kilns-20190605">
11110          <section class="excerpt">
11111            <header>
11112              <p class="date"><time datetime="2019-06-13T18:14:40+09:00">13日</time></p>
11113
11114              <h3>六古窯(出光美術館)</h3>
11115            </header>
11116
11117            <p>先週の梅雨前に六古窯(もう終わってる)を出光美術館へ見に行った。丹波(立杭)焼のことはよく知らなかったので、楽しかった。美術というよりも博物の感じが強い展覧会だったし、その辺りを掘り下げている書籍がちょっと欲しくなる。こういうのは拡大縮小したいし、電子書籍で欲しいな。</p>
11118          </section>
11119        </a>
11120
11121
11122        <a href="/blog/on-20190610">
11123          <section class="excerpt">
11124            <header>
11125              <p class="date"><time datetime="2019-06-10T09:01:06+09:00">10日</time></p>
11126
11127              <h3>海老名から鎌倉、Shoes Like Pottery</h3>
11128            </header>
11129
11130            <p>海老名から鎌倉へ電車で行くには3通り。直線的に進む場合、大和・藤沢・大船を経由していく。接続が良ければ一番早いものの、そんなことはまずないし、3路線なので高い。一番安いのは茅ヶ崎・大船経由。JRだけなので安いけど、当たりの相模線に乗らないと待ち合わせで時間を浪è²
11130»ã™ã‚‹ã€‚楽なのは横浜経由で、早く来た逗子の方へ行くやつに乗る。早くはないけど、楽なのが良い。</p>
11131          </section>
11132        </a>
11133
11134
11135        <a href="/blog/without-at-media-or-logic-less-css">
11136          <section class="excerpt">
11137            <header>
11138              <p class="date"><time datetime="2019-06-06T12:58:00+09:00">6日</time></p>
11139
11140              <h3>@mediaなし、またはロジックレスCSS</h3>
11141            </header>
11142
11143            <p>このウェブサイトのCSSから@mediaルールを極力なくした。今は亡き(殺した)CSS MQPackerへのモチベーションがゼロになったことをきっかけに、段階的に進めている。全廃はまだ難しいので、カスタム・プロパティーに代入していく@mediaルールだけに絞り、それ以外でもなるべく使わない、という方針にした。</p>
11144          </section>
11145        </a>
11146
11147
11148        <a href="/blog/on-20190603">
11149          <section class="excerpt">
11150            <header>
11151              <p class="date"><time datetime="2019-06-03T11:35:05+09:00">3日</time></p>
11152
11153              <h3>ドメインとクッキー、積ん読、隈vs安藤</h3>
11154            </header>
11155
11156            <p>ドコモ・オンラインショップのドメインが変わった。dアカウントと同じドメイン(smt.docomo.ne.jp)になったので、サードパーティ・クッキーの問題がなくなった。クッキー無効で生きていくのは無理だったので、サードパーティー・クッキーのブロックだけで生きながらえているため、こういう変更は歓迎したい。</p>
11157          </section>
11158        </a>
11159
11160          </section>
11161          <section>
11162            <h2><time datetime="2019-05">2019年5月</time></h2>
11163
11164        <a href="/blog/docomo-gigalight-1gb-etc">
11165          <section class="excerpt">
11166            <header>
11167              <p class="date"><time datetime="2019-05-31T11:18:16+09:00">31日</time></p>
11168
11169              <h3>ドコモ、ギガライト、1GB、他</h3>
11170            </header>
11171
11172            <p>ドコモの料金プランをギガライトの1GBにすると月3000円くらい安くなる。端末のローンと月々サポートが残っている。ローンの残りは1年で30000円くらいなので、乗り換えてもいいような気がしないでもない。月々サポートの新規受付が終了する6/1に、救済措置的なものが始まってほしい。</p>
11173          </section>
11174        </a>
11175
11176
11177        <a href="/blog/nwnwng-2019-summer-t-shirts">
11178          <section class="excerpt">
11179            <header>
11180              <p class="date"><time datetime="2019-05-27T08:42:24+09:00">27日</time></p>
11181
11182              <h3>紺白紺白紺灰</h3>
11183            </header>
11184
11185            <p>夏のTシャツのローテーション。そこそこ気に入っていたHealthknitのやつがうねうねでシワシワになってしまってた。ポロシャツでも買おうかと思ってたけど、Velva Sheenのバラ売りを見つけたので、これに差し替えた。色はネイビー。クリックポストで安くて楽だと思ったけど、実はAmazonにも出店していて、そっちだと送料無料だった。</p>
11186          </section>
11187        </a>
11188
11189
11190        <a href="/blog/vim-css3-syntax-v1.3.0">
11191          <section class="excerpt">
11192            <header>
11193              <p class="date"><time datetime="2019-05-24T19:20:03+09:00">24日</time></p>
11194
11195              <h3>vim-css3-syntax v1.3.0</h3>
11196            </header>
11197
11198            <p>キー操作によるフォーカス移動をCSSから制御するSpatial Navigationと、ユーザーの色設定に応じてゴニョゴニョするColor Adjustment Moduleが、CSS仕様群へ新たに加わった。両者の追加を行ってvim-css3-syntaxのv1.3.0をリリースした。</p>
11199          </section>
11200        </a>
11201
11202
11203        <a href="/blog/on-20190520">
11204          <section class="excerpt">
11205            <header>
11206              <p class="date"><time datetime="2019-05-20T08:45:24+09:00">20日</time></p>
11207
11208              <h3>指先のやけど、ゴム手袋、火ぶくれ</h3>
11209            </header>
11210
11211            <p>指先を3本もやけどしてから1週間がたった。タイピングしても痛みがなくなるまで2日、それから火ぶくれが硬くなるまで3日で、まだきれいになってない。</p>
11212          </section>
11213        </a>
11214
11215
11216        <a href="/blog/roppongi-20190513">
11217          <section class="excerpt">
11218            <header>
11219              <p class="date"><time datetime="2019-05-17T08:23:13+09:00">17日</time></p>
11220
11221              <h3>右脳と左脳</h3>
11222            </header>
11223
11224            <p>サントリー美術館で毎年やっている所蔵品を多く使った展覧会を見に行った。今年は「information or inspiration? 左脳と右脳でたのしむ日本の美」となっていて、いつもとはちょっと違う。</p>
11225          </section>
11226        </a>
11227
11228
11229        <a href="/blog/bookshelf-page">
11230          <section class="excerpt">
11231            <header>
11232              <p class="date"><time datetime="2019-05-12T12:36:46+09:00">12日</time></p>
11233
11234              <h3>書棚ページ</h3>
11235            </header>
11236
11237            <p>
11237ウェブページへのリンクと読んだ本のメモが混ざっているのは良くないとずっと考えていたので、本は書棚ページに分離した。どちらかというとアフィリエイトを明確に分離したい、というような理由で、ユーザーのことを考えているわけではなかった。</p>
11238          </section>
11239        </a>
11240
11241
11242        <a href="/blog/panasonic-ve-gz31dl-w">
11243          <section class="excerpt">
11244            <header>
11245              <p class="date"><time datetime="2019-05-10T08:07:20+09:00">10日</time></p>
11246
11247              <h3>パナソニック デジタルコードレス電話機 VE-GZ31DL-W</h3>
11248            </header>
11249
11250            <p>使用していたFaxの液晶の常時消灯列が10列くらいになり、ついに発信元の数字がほぼ読み取れなくなってしまった。Faxはもう3年くらい使っておらず、電話のみの安価なものということでパナソニックのVE-GZ31DLの白にした。ヨドバシカメラで買ったので、型番がGZ31だけど、説明書が共通なので、量販店向けの型番があるっぽい。</p>
11251          </section>
11252        </a>
11253
11254
11255        <a href="/blog/on-20190501">
11256          <section class="excerpt">
11257            <header>
11258              <p class="date"><time datetime="2019-05-01T11:26:06+09:00">1日</time></p>
11259
11260              <h3>変換候補、まだ平成、焼いてから蒸す、文体</h3>
11261            </header>
11262
11263            <p>iPhoneで自分の名前を入力する時に日付が出てしまう。「きょう」で今日の日付けに変換されるのは99%以上の人に便利だけど、僕には不便だ。完全に優先するようになっているのか、いちいち変換メニューを展開しなくちゃならない。ユーザー辞書で「き」から変換できるようにしているのが学習しない原因のような気もする。</p>
11264          </section>
11265        </a>
11266
11267          </section>
11268          <section>
11269            <h2><time datetime="2019-04">2019年4月</time></h2>
11270
11271        <a href="/blog/on-20190428">
11272          <section class="excerpt">
11273            <header>
11274              <p class="date"><time datetime="2019-04-28T12:12:11+09:00">28日</time></p>
11275
11276              <h3>左手首のケガ、ケガの記録、漢字とひらがな</h3>
11277            </header>
11278
11279            <p>1週間くらい前に痛めた左手首がようやく治った。キャリーバッグに重い荷物を入れて転がしていた時に、自転車を避けようとして左から右に持ち替えた時に勢い良くひねってしまった。折れていなくてよかった。</p>
11280          </section>
11281        </a>
11282
11283
11284        <a href="/blog/kofu-20190416">
11285          <section class="excerpt">
11286            <header>
11287              <p class="date"><time datetime="2019-04-21T20:29:47+09:00">21日</time></p>
11288
11289              <h3>墓参り(2019年4月16日)</h3>
11290            </header>
11291
11292            <p>年中行事になった墓参りに行ってきた。とてもいい天気で、甲府からは富士山もよく見える。甲府は、観光客の数という点で、桜が終わる頃がベストだという結論になりつつある。ブラタモリが甲府だったタイミングだが、特に混んではいなかった。いつかリニアで行きたい。</p>
11293          </section>
11294        </a>
11295
11296
11297        <a href="/blog/on-20190417">
11298          <section class="excerpt">
11299            <header>
11300              <p class="date"><time datetime="2019-04-17T14:39:12+09:00">17日</time></p>
11301
11302              <h3>RSSについて、ユーザーへの迷惑</h3>
11303            </header>
11304
11305            <p>RSSについてちょっと書いていた。半分くらい消した。書き直しもできそうにないので、フリの部分だけ抜き出して放流することにする。残りは処分した。</p>
11306          </section>
11307        </a>
11308
11309
11310        <a href="/blog/on-20190413">
11311          <section class="excerpt">
11312            <header>
11313              <p class="date"><time datetime="2019-04-13T16:56:43+09:00">13日</time></p>
11314
11315              <h3>転ぶ、スタバ、ログの分割</h3>
11316            </header>
11317
11318            <p>昨日は、道にあったくぼみに気づかず、つまづいて転んだ。買おうと考えているスニーカーを見に直営店に行ったらなくなっていた。昼ご飯を食べようと思っていたところは臨時休業と、なかなかない感じの日だった。</p>
11319          </section>
11320        </a>
11321
11322
11323        <a href="/blog/noto-sans-mono-cjk-jp-on-mintty">
11324          <section class="excerpt">
11325            <header>
11326              <p class="date"><time datetime="2019-04-11T13:17:54+09:00">11日</time></p>
11327
11328              <h3>Noto Sans Mono CJK JPとMinTTY</h3>
11329            </header>
11330
11331            <p>ついにVisual Studio CodeでもNoto Sans Mono CJK JPを使いはじめたので、サブで使うVimというかMinTTYでも使うようにした。設定ダイアログからは行えなかったので、直接.minttyrcに書き加えた。</p>
11332          </section>
11333        </a>
11334
11335
11336        <a href="/blog/to-personal-website">
11337          <section class="excerpt">
11338            <header>
11339              <p class="date"><time datetime="2019-04-08T12:34:01+09:00">8日</time></p>
11340
11341              <h3>個人ウェブサイトへ</h3>
11342            </header>
11343
11344            <p>TwitterやInstagram、Pinboardのアカウントを消したので、それらでやっていたことを自前でやりはじめている。それぞれの過去の投稿をインポートし、RSSもそれぞれ作った。あとは/feedを全部入りにするつもりだが、ちょうど1年くらい前に購読先を変えさせたので、ちょっとやりづらい。でももう少ししたら変える。こうして個人ウェブサイトへと回帰した。</p>
11345          </section>
11346        </a>
11347
11348
11349        <a href="/blog/anker-powercore-fusion-5000-a1621011">
11350          <section class="excerpt">
11351            <header>
11352              <p class="date"><time datetime="2019-04-05T11:26:54+09:00">5日</time></p>
11353
11354              <h3>Anker PowerCore Fusion 5000</h3>
11355            </header>
11356
11357            <p>たまに使う程度だったAnker Astro Miniを落としてしまった。一応は動いているようだが、本体が少し凹んでいて危なそうなので、新しいモバイルバッテリーを買った。前と同じく取り回しと重さを重視して、200g以内くらいを目安に、一体型のPowerCore Fusion 5000にした。色は黒でヨドバシカメラで3230円だった。</p>
11358          </section>
11359        </a>
11360
11361
11362        <a href="/blog/hello-docomo-hikari">
11363          <section class="excerpt">
11364            <header>
11365              <p class="date"><time datetime="2019-04-03T11:28:16+09:00">3日</time></p>
11366
11367              <h3>ドコモ光へ</h3>
11368            </header>
11369
11370            <p>フレッツ光からドコモ光に転用した。プロバイダーはドコモnetで、安定して70Mbpsくらいは出ているようだ。良い方のルーターをあげてしまったのでIPoEにはまだしていないが、この速度なら焦ることはないだろう。このまま安定していることを祈っている。</p>
11371          </section>
11372        </a>
11373
11374
11375        <a href="/blog/your-account-has-been-successfully-deleted">
11376          <section class="excerpt">
11377            <header>
11378              <p class="date"><time datetime="2019-04-01T09:41:32+09:00">1日</time></p>
11379
11380              <h3>あなたのアカウントは正常に削除されました</h3>
11381            </header>
11382
11383            <p>色々なアカウントを消した。SNS疲れの類いを感じない程度にしか利用していなかったので、依存もしていないのだろう。そういった使い方ならば、やめてもあまり変わらないし、下位互換風に自前でやるだけでも事足りるはずだ。</p>
11384          </section>
11385        </a>
11386
11387          </section>
11388          <section>
11389            <h2><time datetime="2019-03">2019年3月</time></h2>
11390
11391        <a href="/blog/omron-hbf-255t-w">
11392          <section class="excerpt">
11393            <header>
11394              <p class="date"><time datetime="2019-03-29T12:24:00+09:00">29日</time></p>
11395
11396              <h3>オムロン 体重体組成計 HBF-255T-W</h3>
11397            </header>
11398
11399            <p>アナログ体重計が壊れたので、ついにスマフォと連携できる体重計を買った。WithingsのBody+と迷ったが、オムロンのHBF-255Tにした。決め手は数字がでかさだ。白をヨドバシカメラで14490円で買った。</p>
11400          </section>
11401        </a>
11402
11403
11404        <a href="/blog/google-fonts-and-huge-html-file">
11405          <section class="excerpt">
11406            <header>
11407              <p class="date"><time datetime="2019-03-28T15:38:31+09:00">28日</time></p>
11408
11409              <h3>Google Fontsと巨大なHTMLファイル</h3>
11410            </header>
11411
11412            <p>Google Fontsの分割CSSは、致命的ではないが、巨大なHTMLファイルと相性が悪いようだ。分割CSSはフォントãƒ
11412»ãƒ•ァイルをオンデマンドでダウンロードさせることで、転送量の効率化を図っている。しかし巨大なHTMLファイルの場合、フォントの適用が少しずつ行われ、結果として開き終わるまでに10数回かそれ以上FOUT(文字が一旦消えてから再び表示される振る舞い)が起こってしまう。</p>
11413          </section>
11414        </a>
11415
11416
11417        <a href="/blog/exhibitions-201901-03">
11418          <section class="excerpt">
11419            <header>
11420              <p class="date"><time datetime="2019-03-27T14:44:13+09:00">27日</time></p>
11421
11422              <h3>2019年1月から3月に行った展覧会</h3>
11423            </header>
11424
11425            <p>世田谷美術館は遠い。根津美術館はいつも入るをのためらう。最果タヒ。鶏のティーポット。</p>
11426          </section>
11427        </a>
11428
11429
11430        <a href="/blog/clean-css-only">
11431          <section class="excerpt">
11432            <header>
11433              <p class="date"><time datetime="2019-03-25T08:53:33+09:00">25日</time></p>
11434
11435              <h3>Clean CSSだけ</h3>
11436            </header>
11437
11438            <p>CSSの書き方が昔風になりつつある。SassにもPostCSSにも依存しない書き方だ。その上で、あってもなくても良い処理を、また別の安定した独立ツールに任せるようにした。その独立ツールとしてはClean CSSが優秀なので、これに任せてあとは気にしない。</p>
11439          </section>
11440        </a>
11441
11442
11443        <a href="/blog/on-20190321">
11444          <section class="excerpt">
11445            <header>
11446              <p class="date"><time datetime="2019-03-21T18:24:51+09:00">21日</time></p>
11447
11448              <h3>npmパッケージの名前、npmアカウントの削除</h3>
11449            </header>
11450
11451            <p>やりたいことがあり、CSVファイルを処理するcsv-parseとcsv-stringifyパッケージを使ったツールを書き捨てようとしていた。npm installしたものの、全然使えるようにならず、30分くらいハマった。インストールもちゃんとできているはずなのに、なぜか使えなかった。</p>
11452          </section>
11453        </a>
11454
11455          </section>
11456          <section>
11457            <h2><time datetime="2019-01">2019年1月</time></h2>
11458
11459        <a href="/blog/on-20190108">
11460          <section class="excerpt">
11461            <header>
11462              <p class="date"><time datetime="2019-01-08T15:31:30+09:00">8日</time></p>
11463
11464              <h3>タカナシミルクレストラン、カトラリー、Twitterの休止</h3>
11465            </header>
11466
11467            <p>正月に買い物ついでに横浜へ行った。前から行ってみたかった高梨乳業のレストランで昼ご飯を食べた。ランチで1700円とそこそこする。メインがチーズの食べ放題で、肉と魚はない。割高という印象だが、それをひっくり返すほどチーズの満足度は高い。あとハチミツがとてもおいしかった。</p>
11468          </section>
11469        </a>
11470
11471          </section>
11472          <section id="2018">
11473            <h2><time datetime="2018-12">2018年12月</time></h2>
11474
11475        <a href="/blog/spook-country">
11476          <section class="excerpt">
11477            <header>
11478              <p class="date"><time datetime="2018-12-25T13:49:24+09:00">25日</time></p>
11479
11480              <h3>スプーク・カントリー</h3>
11481            </header>
11482
11483            <p>ウィリアム・ギブスンをようやく1週した。このスプーク・カントリーでおしまい。コメディーといえばコメディーなのか。「脱構築」という訳が出てくるのが気になる本もこれで7作目(3人目)くらいになり、日本翻訳界の御家芸、という認識になってきた。</p>
11484          </section>
11485        </a>
11486
11487
11488        <a href="/blog/beyond-the-end-20181213">
11489          <section class="excerpt">
11490            <header>
11491              <p class="date"><time datetime="2018-12-16T08:52:14+09:00">16日</time></p>
11492
11493              <h3>終わりの向こうへ(松涛美術館)</h3>
11494            </header>
11495
11496            <p>
11496ようやく暇ができてきたので、松涛美術館へ「終わりの向こうへ」という、廃墟が出てくる絵の展覧会を見に行った。廃墟へ行きたいとか廃墟を探検したいなどという趣味はまったくないが、絵や写真に出てくるそれは好きだし、壊れかけで放置されているものも好きだ。</p>
11497          </section>
11498        </a>
11499
11500          </section>
11501          <section>
11502            <h2><time datetime="2018-11">2018年11月</time></h2>
11503
11504        <a href="/blog/on-20181130">
11505          <section class="excerpt">
11506            <header>
11507              <p class="date"><time datetime="2018-11-30T08:30:47+09:00">30日</time></p>
11508
11509              <h3>爪、CSSスナップショット、日記記事のタイトル</h3>
11510            </header>
11511
11512            <p>今月も何もしてない。ストレスはなくなったので、上昇気配だ。先月ボコボコになった爪がきれいになったし、本を読んで楽しい気分になれる。</p>
11513          </section>
11514        </a>
11515
11516
11517        <a href="/blog/replacing-braun-watch-strap">
11518          <section class="excerpt">
11519            <header>
11520              <p class="date"><time datetime="2018-11-12T14:21:54+09:00">12日</time></p>
11521
11522              <h3>Braunの腕時計のベルト交換</h3>
11523            </header>
11524
11525            <p>愛用しているBraunの腕時計のベルトがちぎれそうになってきた。表の方はまだ平気だったが、裏の合皮っぽい方がボロボロになってしまった。文字盤が共通のメッシュベルトがあるので、それに交換してもらおうとしたが、代理店では在庫切れかつ納期不明だった。ということでAmazonで激安ベルトを買い、自分で交換した。</p>
11526          </section>
11527        </a>
11528
11529          </section>
11530          <section>
11531            <h2><time datetime="2018-10">2018年10月</time></h2>
11532
11533        <a href="/blog/on-20181026">
11534          <section class="excerpt">
11535            <header>
11536              <p class="date"><time datetime="2018-10-26T20:50:07+09:00">26日</time></p>
11537
11538              <h3>何もできなかった週</h3>
11539            </header>
11540
11541            <p>今週は何もできなかった。風邪をひいたとかではなく、成果のないことばかりをしていた。精神的に辛かったã
11541®ã§ã€ã‚¤ã‚¯ãƒ©ã‚’錬成するくらいしか楽しいことができなかった。Surface Pro 6が快調なのがせめてもの救いだ。</p>
11542          </section>
11543        </a>
11544
11545
11546        <a href="/blog/hello-surface-pro-6">
11547          <section class="excerpt">
11548            <header>
11549              <p class="date"><time datetime="2018-10-20T08:20:19+09:00">20日</time></p>
11550
11551              <h3>Surface Pro 6の雑感</h3>
11552            </header>
11553
11554            <p>発表した翌日くらいに予約したSurface Pro 6は、発売日の午前9時くらいに届いた。だいたい移行し終わった。セットアップ時にこれといったトラブルもなく、ハードウェアも安定して動いている。長々と書きそうになったが、短く書く。</p>
11555          </section>
11556        </a>
11557
11558
11559        <a href="/blog/on-20181018">
11560          <section class="excerpt">
11561            <header>
11562              <p class="date"><time datetime="2018-10-18T09:24:35+09:00">18日</time></p>
11563
11564              <h3>メモ(2018年10月18日)</h3>
11565            </header>
11566
11567            <p>缶詰の不良などを叩いて検査する打検士という職業がある。彼らの仕事は、音を聞くことではなく、音をたてることだそうだ。正しいテストを行うことが重要であり、行為の結果から目的を考えると誤解しやすいということでもある。</p>
11568          </section>
11569        </a>
11570
11571
11572        <a href="/blog/on-20181015">
11573          <section class="excerpt">
11574            <header>
11575              <p class="date"><time datetime="2018-10-15T08:40:28+09:00">15日</time></p>
11576
11577              <h3>メモ(2018年10月15日)</h3>
11578            </header>
11579
11580            <p>パソコンに大枚をはたいてしまったので、スマフォの買い換えは先延ばしすることにした。不調だったiPhone 5sも持ち直してきたし、iOS 12も無事に動いている。動作が速くなったり、バッテリー消費が改善したりはしなかったが、普通に動いてくれれば十分だ。</p>
11581          </section>
11582        </a>
11583
11584
11585        <a href="/blog/dreaming-20180926">
11586          <section class="excerpt">
11587            <header>
11588              <p class="date"><time datetime="2018-10-14T09:49:48+09:00">14日</time></p>
11589
11590              <h3>夢(2018年9月26日)</h3>
11591            </header>
11592
11593            <p>道を歩いていたら、そこら辺にいた人たちに誘われ、ハーフコートでバスケをする。50人くらいでやっていたため、30分間点が入らず終わる。終わった後、そもそもボールがなかったことに気づいたところで目が覚めた。</p>
11594          </section>
11595        </a>
11596
11597
11598        <a href="/blog/on-20181013">
11599          <section class="excerpt">
11600            <header>
11601              <p class="date"><time datetime="2018-10-13T08:27:41+09:00">13日</time></p>
11602
11603              <h3>メモ(2018年10月13日)</h3>
11604            </header>
11605
11606            <p>Todoistのスケジュールしたタスクで、完了後に新しく追加されるタスクでも時刻が維持されるようになっていた。元々そういうものかと思っていたが、単なるバグだったようだ。一時的にGoogleカレンダーに移したが、すべて戻せた。リストをアーカイブできると、退避や振り返りが手軽にできる。</p>
11607          </section>
11608        </a>
11609
11610
11611        <a href="/blog/pre-ordering-surface-pro-6">
11612          <section class="excerpt">
11613            <header>
11614              <p class="date"><time datetime="2018-10-11T08:16:51+09:00">11日</time></p>
11615
11616              <h3>Surface Pro 6の予約</h3>
11617            </header>
11618
11619            <p>13インチのノートPCを買うなら、新しく出たMacBook Proが最適になってしまった。そうなるとWindowsなら2-in-1かタブレットが楽しそうだ。回転型(Spectre x360のようなタイプ)はタブレット・モードで重く、これではうれしくない。ということで、奮発してSurface Pro 6のブラックを、Core i7、16GBメモリー、512GBストレージのモデルで予約した。</p>
11620          </section>
11621        </a>
11622
11623
11624        <a href="/blog/hello-todoist">
11625          <section class="excerpt">
11626            <header>
11627              <p class="date"><time datetime="2018-10-08T09:08:32+09:00">8日</time></p>
11628
11629              <h3>Todoistさん</h3>
11630            </header>
11631
11632            <p>いつ終了になってもおかしくないWunderlistを使い続けていた。ウェブアプリは調子がいいものの、iOSアプリは同期途中で固まる現象が多発するようになり、Windowsアプリはバックグラウンドでの同期がうまくいかなくなってしまった。どうにもならないので、諦ã
11632‚ã¦Todoistに乗り換えた。</p>
11633          </section>
11634        </a>
11635
11636
11637        <a href="/blog/shaving-with-oil">
11638          <section class="excerpt">
11639            <header>
11640              <p class="date"><time datetime="2018-10-05T13:41:08+09:00">5日</time></p>
11641
11642              <h3>オイルで髭剃り</h3>
11643            </header>
11644
11645            <p>ちびちび使っていたKiehl’sのシェービング・クリームがついになくなりそうだ。高かったが、使いきるのに3年近くかかったので、結果的には安上がりだったかもしれない。使い心地がかなり良く、これを一生使い続けようと考えていた。しかし、このクリームが切れた時に試してみたオイル・シェービングも快適で、しばらくこれでやってみたい。</p>
11646          </section>
11647        </a>
11648
11649
11650        <a href="/blog/spotify-mubert-and-music-app">
11651          <section class="excerpt">
11652            <header>
11653              <p class="date"><time datetime="2018-10-03T08:59:06+09:00">3日</time></p>
11654
11655              <h3>Spotify、Mubert、それにミュージック・アプリ</h3>
11656            </header>
11657
11658            <p>ようやくSpotifyを使い始めることに決めたが、色々な曲を流すには向くものの、それ以外にはあまり向かない、と強く感じる。結局、Mubertとミュージック・アプリも併用している。</p>
11659          </section>
11660        </a>
11661
11662
11663        <a href="/blog/generating-color-from-commit">
11664          <section class="excerpt">
11665            <header>
11666              <p class="date"><time datetime="2018-10-01T08:17:20+09:00">1日</time></p>
11667
11668              <h3>コミットから色を生成</h3>
11669            </header>
11670
11671            <p>ターミナルでGitを操作していると、コミットのSHA-1ハッシュが10桁か7桁まで表示される。それが全部数字だったり、全部アルファベットだったりすると、ちょっとうれしい。そんなことを日々考えていたが、先頭6文字はそのまま色として扱えることに思い至った。</p>
11672          </section>
11673        </a>
11674
11675          </section>
11676          <section>
11677            <h2><time datetime="2018-09">2018年9月</time></h2>
11678
11679        <a href="/blog/dreaming-20180910">
11680          <section class="excerpt">
11681            <header>
11682              <p class="date"><time datetime="2018-09-28T14:48:53+09:00">28日</time></p>
11683
11684              <h3>夢(2018年9月10日)</h3>
11685            </header>
11686
11687            <p>栗きんとんを作っている工場に出稼ぎに行く。与えられた仕事は、栗を剥いた後に残った皮を食べることだった。1つ食べるごとに10円を貰い、100円になったところで目が覚めた。</p>
11688          </section>
11689        </a>
11690
11691
11692        <a href="/blog/a-certain-garden-20180920">
11693          <section class="excerpt">
11694            <header>
11695              <p class="date"><time datetime="2018-09-26T08:49:34+09:00">26日</time></p>
11696
11697              <h3>とある庭園</h3>
11698            </header>
11699
11700            <p>
11700先日、白金台付近に届け物があったので、ついでにその近くにある庭園を主にぶらぶらしていた。今年の夏は暑すぎて、まったく散歩できなかったので、良い気分転換になった。</p>
11701          </section>
11702        </a>
11703
11704
11705        <a href="/blog/vim-css3-syntax-v1.1.1">
11706          <section class="excerpt">
11707            <header>
11708              <p class="date"><time datetime="2018-09-24T09:28:33+09:00">24日</time></p>
11709
11710              <h3>vim-css3-syntax v1.1.1</h3>
11711            </header>
11712
11713            <p>ようやくFonts Module Level 3がW3C Recommendationになった。そこそこ実装があっても、勧告までは5年もかかる。他いくつか仕様の更新もあったので、vim-css3-syntaxもリリースした。既存の仕様への更新のみのためv1.1.1とパッチ・レベルでのリリースになる。</p>
11714          </section>
11715        </a>
11716
11717
11718        <a href="/blog/hello-spotfiy">
11719          <section class="excerpt">
11720            <header>
11721              <p class="date"><time datetime="2018-09-21T12:25:52+09:00">21日</time></p>
11722
11723              <h3>Spotifyの利用開始</h3>
11724            </header>
11725
11726            <p>音楽を聞くアプリでずっと迷っていたが、まずはSpotifyにした。自分が持つ音楽を普通に聞く以外の面白さがグッと伝わってくるまでが短かったã
11726®ã§ã€ç¶šã‘ていろいろ調べるのも楽しくやれた。魅力的な部分への導線は重要だ。</p>
11727          </section>
11728        </a>
11729
11730
11731        <a href="/blog/checking-locks-with-webcam">
11732          <section class="excerpt">
11733            <header>
11734              <p class="date"><time datetime="2018-09-19T12:03:11+09:00">19日</time></p>
11735
11736              <h3>ウェブカメラで鍵の確認</h3>
11737            </header>
11738
11739            <p>玄関に鍵がかかっているかどうか不安になることがよくある。その対策として回すと色が変わるアタッチメントを使っていた。それなりに便利だったが、少し前に壊れてしまった。見た目があまり良くないので、買い直すか迷っており、まずは余っていたウェブカムで鍵のあたりを監視することにした。</p>
11740          </section>
11741        </a>
11742
11743
11744        <a href="/blog/on-20180917">
11745          <section class="excerpt">
11746            <header>
11747              <p class="date"><time datetime="2018-09-17T09:41:55+09:00">17日</time></p>
11748
11749              <h3>メモ(2018年9月17日)</h3>
11750            </header>
11751
11752            <p>ここにメモとして日常の断片を書くと、紙に書いている日記に憎しみや苛立ちしか書かなくなってしまう。そのため、メモをここに書くことをやめようと考えたが、時代を考慮して紙に書いていた方をやめることにした。あと10ページくらいしか残ってなかったので、良い区切りだ。</p>
11753          </section>
11754        </a>
11755
11756
11757        <a href="/blog/stop-using-ellipsis">
11758          <section class="excerpt">
11759            <header>
11760              <p class="date"><time datetime="2018-09-14T13:29:00+09:00">14日</time></p>
11761
11762              <h3>ellipsisやめたい期</h3>
11763            </header>
11764
11765            <p>不定な長さのテキストを一行に抑え込むtext-overflow: ellipsisにはお世話になっている。これを過去形にしたい。絶妙な場所で省略されることで、文章の意味が完全に反対になってしまう事態に何度か遭遇し、一気に否定的になった。title属性によるツールチップは環境に依存する上、それが読まれる保証はまったくない。僕の目標であって、世間への提案ではない。</p>
11766          </section>
11767        </a>
11768
11769
11770        <a href="/blog/serif-for-body-sans-serif-for-heading">
11771          <section class="excerpt">
11772            <header>
11773              <p class="date"><time datetime="2018-09-13T12:58:22+09:00">13日</time></p>
11774
11775              <h3>本文明朝、見出しゴシック</h3>
11776            </header>
11777
11778            <p>懸念だった転送サイズによる問題がほとんど見られなかったので、本文を明朝、見出しをゴシックにした。すべてはGoogle FontsとHTTPS+HTTP/2のおかげだ。小さく分割されたWOFF2ファイルが、並列で高速に必要なだけダウンロードされる。それぞれが小さいので、キャッシュからも並列で超高速(それぞれ数ms)にロードされるだろう。</p>
11779          </section>
11780        </a>
11781
11782
11783        <a href="/blog/memo-20180912">
11784          <section class="excerpt">
11785            <header>
11786              <p class="date"><time datetime="2018-09-12T11:23:44+09:00">12日</time></p>
11787
11788              <h3>メモ(2018年9月12日)</h3>
11789            </header>
11790
11791            <p>近所のスーパーでは、ほぼ毎週水曜日に明治のおいしい牛乳が安売りされる。安売り自体はあったものの、チラシに記載がなかったり、数がものすごく少なかったり、不穏な気配がする。今月に入って野菜は安くなりつつあったが、今度は乳製品となると辛い。今年は、何かしらがずっと高いまま終わりそうだ。</p>
11792          </section>
11793        </a>
11794
11795
11796        <a href="/blog/night-mode">
11797          <section class="excerpt">
11798            <header>
11799              <p class="date"><time datetime="2018-09-11T00:15:23+09:00">11日</time></p>
11800
11801              <h3>夜間モード</h3>
11802            </header>
11803
11804            <p>このウェブサイトを、夜(19から5時)の間は黒背景になるようにした。夜間モードかどうかは表示しないので、白かったり黒かったりするウェブサイトになった。通常は、モードを切り替えるボタン等を設置するが、日に何度も訪れるウェブサイトではないので、有無を言わさず適用することにした。</p>
11805          </section>
11806        </a>
11807
11808
11809        <a href="/blog/back-to-ifttt">
11810          <section class="excerpt">
11811            <header>
11812              <p class="date"><time datetime="2018-09-09T09:12:36+09:00">9日</time></p>
11813
11814              <h3>IFTTTへの出戻り</h3>
11815            </header>
11816
11817            <p>むしゃくしゃして消したIFTTTのアカウントだが、RSSをWebSub (元PubSubHubbub)で公開したくなったã
11817®ã§å‡ºæˆ»ã£ãŸã€‚GitHubのWebhookからWebSubへつなげるアプレットは、前に書いたMakerを使ったものがそのまま使えた。標準仕様は大事だ。</p>
11818          </section>
11819        </a>
11820
11821
11822        <a href="/blog/direction-of-magnifying-glass-handle">
11823          <section class="excerpt">
11824            <header>
11825              <p class="date"><time datetime="2018-09-08T09:19:54+09:00">8日</time></p>
11826
11827              <h3>🔍と🔎</h3>
11828            </header>
11829
11830            <p>虫眼鏡アイコンは柄の向きが複数ある。Microsoftは柄が左下を向いているものを、GoogleやAppleは右下を向いているものを採用している。Emojiのように右下と左下に向いているものに大別できそうだ。</p>
11831          </section>
11832        </a>
11833
11834
11835        <a href="/blog/downloading-photos-on-google-photos">
11836          <section class="excerpt">
11837            <header>
11838              <p class="date"><time datetime="2018-09-07T08:34:21+09:00">7日</time></p>
11839
11840              <h3>Googleフォトのダウンロード</h3>
11841            </header>
11842
11843            <p>写真のバックアップは、Googleフォトの高画質(容量制限なし、無料)に任せている。ローカルには必要ないかと、バックアップと同期によるGoogleドライブ経由でのダウンロードをやめ、削除した。しかし、すぐにDVDにでも保存しておこうと気が変わったので、再度Googleドライブでの連携を有効に戻したが、フォルダーは作成されるものの、写真が同期されなくなってしまった。何が悪いのかよくわからず、サポートに相談するのも面倒くさいので、アカウント管理でのデータのダウンロードを使って44GBをダウンロードすることにした。</p>
11844          </section>
11845        </a>
11846
11847
11848        <a href="/blog/auto-sectioning-in-marked">
11849          <section class="excerpt">
11850            <header>
11851              <p class="date"><time datetime="2018-09-04T11:36:38+09:00">4日</time></p>
11852
11853              <h3>markedで自動セクショニング</h3>
11854            </header>
11855
11856            <p>このブログではサブセクションを作る場合、直接&lt;section&gt;タグを書き、その内容を再帰的にmarkedで処理してやっていた。あまり困ってはいないが、普通に書かれたMarkdownをうまく処理して、好みのHTMLコードで出力してやる作業を少しずつ重ねてきたので、ついでに自動セクショニングらしきものを実装した。</p>
11857          </section>
11858        </a>
11859
11860          </section>
11861          <section>
11862            <h2><time datetime="2018-08">2018年8月</time></h2>
11863
11864        <a href="/blog/postcss-plugin-to-longhand">
11865          <section class="excerpt">
11866            <header>
11867              <p class="date"><time datetime="2018-08-31T14:49:41+09:00">31日</time></p>
11868
11869              <h3>PostCSSプラグイン: to-longhand</h3>
11870            </header>
11871
11872            <p>Edge 17にあるカスタム・プロパティーとショートハンド・プロパティーでのバグが、パッチ・レベルでは直りそうもない。つまり、そう簡単には世界から消えてくれないことが確定してしまったため、しばらく(最低1年半くらい)の間ロングハンド・プロパティーで書かなくてはならない。しかし、そう書き直されたCSSを見ていると、とにかく悲しいので、to-longhandというPostCSSプラグインを書いて誤魔化すことにした。</p>
11873          </section>
11874        </a>
11875
11876
11877        <a href="/blog/my-5s-and-new-7">
11878          <section class="excerpt">
11879            <header>
11880              <p class="date"><time datetime="2018-08-28T07:40:50+09:00">28日</time></p>
11881
11882              <h3>僕の5sと新しい7</h3>
11883            </header>
11884
11885            <p>調子が最悪だったiPhone 5sが安定してきた。2か月ほど前にApple Storeに持ち込み、何もできずに帰ったら、調子が良くなり、とても不思議だ。あのApple Store専用のiPadアプリにすごい秘密が隠されているに違いない。</p>
11886          </section>
11887        </a>
11888
11889
11890        <a href="/blog/read-list-2018">
11891          <section class="excerpt">
11892            <header>
11893              <p class="date"><time datetime="2018-08-24T13:02:39+09:00">24日</time></p>
11894
11895              <h3>読了リスト(2018版)</h3>
11896            </header>
11897
11898            <p>このウェブサイトのホームページにある本のリストは、最近読んだ実用書だ。実用書の中でもウェブサイト制作に役立ちそうな知識や感覚を得られるものに限定している。そのものずばりの本(HTMLやCSSについての本や、アプリケーションの解説本など)は入れていない。</p>
11899          </section>
11900        </a>
11901
11902
11903        <a href="/blog/shinjuku-20180814">
11904          <section class="excerpt">
11905            <header>
11906              <p class="date"><time datetime="2018-08-21T11:29:19+09:00">21日</time></p>
11907
11908              <h3>参宮橋~初台~新宿</h3>
11909            </header>
11910
11911            <p>やっといつもの夏の暑さ、というくらいにはなった。涼しくなるのを待っていたが、そうなった時には終わっていそうな新宿(初台)のオペラシティへイサム・ノグチを見に行ってきた。オペラシティも竣工してもう20年か。</p>
11912          </section>
11913        </a>
11914
11915
11916        <a href="/blog/vim-css3-syntax-v1.1.0">
11917          <section class="excerpt">
11918            <header>
11919              <p class="date"><time datetime="2018-08-16T11:55:13+09:00">16日</time></p>
11920
11921              <h3>vim-css3-syntax v1.1.0</h3>
11922            </header>
11923
11924            <p>新しくCSS Values and Units Module Level 4が公開されたので、さくっとvim-css3-syntaxにも反映させた。ぼうっとしていたら、リリースしていない変更がかなりたまってしまっている。追加もあったことだし、ついでにv1.1.0をリリースしておこう。</p>
11925          </section>
11926        </a>
11927
11928
11929        <a href="/blog/mapping-viewport-width-and-column-number">
11930          <section class="excerpt">
11931            <header>
11932              <p class="date"><time datetime="2018-08-14T08:49:07+09:00">14日</time></p>
11933
11934              <h3>ビューポート幅と列数の対応</h3>
11935            </header>
11936
11937            <p>サムネイルで画像を並べるような場合、ネイティブ・アプリケーションでは、ウィンドウ幅が変わると列数を増やすだろう。最近は、それと同時にサムネイルの大きさも調整し、常にウィンドウ幅いっぱいに並ぶように調節してくれるものが増えてきた。iTunesのアルバム・ビューがその例として挙げられる。ウェブでこれを実現するにはFlexboxでサムネイルのサイズを柔軟に決定させつつ、ビューポート幅に応じて列数を増やしていく。両者の対応にはカスタム・プロパティーを使うと楽しい。</p>
11938          </section>
11939        </a>
11940
11941
11942        <a href="/blog/gillette-fusion5-proglide-razor-blades-10-blade-refills">
11943          <section class="excerpt">
11944            <header>
11945              <p class="date"><time datetime="2018-08-10T13:16:00+09:00">10日</time></p>
11946
11947              <h3>ジレット・替刃・10個入り</h3>
11948            </header>
11949
11950            <p>久々にジレットの替刃を買った。今は10個入りが定期おトク便で2628円と、そこそこ安いようだ。ジレットの替刃は、プライム専用になってたり、そうでない場合はぼったくり価格だったり、が多かった。もう安く買えないかも……と考えていたが、手ごろな価格で手に入ってうれしい。</p>
11951          </section>
11952        </a>
11953
11954
11955        <a href="/blog/changing-certificate">
11956          <section class="excerpt">
11957            <header>
11958              <p class="date"><time datetime="2018-08-08T10:54:47+09:00">8日</time></p>
11959
11960              <h3>証明書の切り替え</h3>
11961            </header>
11962
11963            <p>バックエンドはGitHub Pagesで変わっていないが、証明書をGitHubが用意してくれるものを利用するようにした。ついでにCloudflare経由にするのもやめた。お世話になったが、CDNをあまり必要としなくなったことや、JavaScriptやクッキーが無効だと5秒待たされやすくなったことがやめたかった理由だ。また、構成は単純な方が望ましい。Herokuやレンタル・サーバーならCloudflareを経由する意味はまだあるが、GitHub Pagesだとほぼ意味はないだろう。</p>
11964          </section>
11965        </a>
11966
11967
11968        <a href="/blog/inserting-figure-element-in-marked">
11969          <section class="excerpt">
11970            <header>
11971              <p class="date"><time datetime="2018-08-06T09:39:18+09:00">6日</time></p>
11972
11973              <h3>figure要素をmarkedで</h3>
11974            </header>
11975
11976            <p>このウェブサイトでは、画像や引用をfigure要素でマークアップしている。Markdownで書いているわけだが、もちろんそんな記法はないので、今までは生HTMLを書いていた。しかし、marked v0.4.0でのバグでハマりどうしようもなさそうだったため、markedの拡張機構を使って、なんとなくうまい感じになるようにする必要がでてきてしまった。</p>
11977          </section>
11978        </a>
11979
11980
11981        <a href="/blog/on-20180803">
11982          <section class="excerpt">
11983            <header>
11984              <p class="date"><time datetime="2018-08-03T13:39:26+09:00">3日</time></p>
11985
11986              <h3>メモ(2018年8月3日)</h3>
11987            </header>
11988
11989            <p>SafariやmacOSのChromeのinput[type=search]が装飾過多で、そのままではどうにもならないのは、-webkit-appearanceプロパティーを使ってどうにかする。しばらく前まではtextfieldにすれば済んでいたが、どうもnoneまでしないとダメになってしまったようだ。まだちゃんと調べていないが、Mobile Safari 11ではtextfieldだと内側の影や丸い角が殺せなかった。:focusの時も謎の挙動をする。</p>
11990          </section>
11991        </a>
11992
11993
11994        <a href="/blog/adding-counters-to-heading-inside-section">
11995          <section class="excerpt">
11996            <header>
11997              <p class="date"><time datetime="2018-08-02T09:42:56+09:00">2日</time></p>
11998
11999              <h3>セクション内見出しへの通し番号の追加</h3>
12000            </header>
12001
12002            <p>普通のHTMLの書き方では目次にol要素を使っ(てしまっ)たが、対応ã
12002™ã‚‹è¦‹å‡ºã—には番号がない。これはあまり良くなさそうだが、文字列として追加するのも何だな……とCSSでやろうとしていた。ひとつのカウンターを作って、counters()による連結だけでいけるかと考えたが、うまくいかなかった。</p>
12003          </section>
12004        </a>
12005
12006
12007        <a href="/blog/fake-3-column">
12008          <section class="excerpt">
12009            <header>
12010              <p class="date"><time datetime="2018-08-01T13:10:22+09:00">1日</time></p>
12011
12012              <h3>疑似3カラム</h3>
12013            </header>
12014
12015            <p>疑似2カラムで右しか使わないのも飽きてきたので、右にもカラムを追加して、擬似3カラムにした。幅は1.7:2.89:1という比率になっている。使うのはほぼ真ん中のカラムだけで、今までとあまり変わらない。左右のカラムは幅が違い、真ん中寄せ風だが真ん中寄せではない、というイロモノだ。</p>
12016          </section>
12017        </a>
12018
12019          </section>
12020          <section>
12021            <h2><time datetime="2018-07">2018年7月</time></h2>
12022
12023        <a href="/blog/on-20180731">
12024          <section class="excerpt">
12025            <header>
12026              <p class="date"><time datetime="2018-07-31T09:38:34+09:00">31日</time></p>
12027
12028              <h3>メモ(2018年7月31日)</h3>
12029            </header>
12030
12031            <p>📄や🌃をタイトルにするのをやめた。text-decorationプロパティーとの相性が気になる。下線がEmojiをぶった切ってしまう。text-decoration-skipプロパティーも効かない。Chrome 69やFirefox 62ではEmojiが下線の上に重なるのであまり気にならないが、Edge 17ではかぶさってしまう。とりあえず「メモ」と「夢」に戻した。</p>
12032          </section>
12033        </a>
12034
12035
12036        <a href="/blog/raw-html-parsing-bug-in-marked-v0.4.0">
12037          <section class="excerpt">
12038            <header>
12039              <p class="date"><time datetime="2018-07-30T09:45:45+09:00">30日</time></p>
12040
12041              <h3>marked v0.4.0での手書きHTMLパースにおけるバグ</h3>
12042            </header>
12043
12044            <p>少し前に出たmarkedのv0.4.0では色々と修正が入り、かつ見出しにid属性を振らないオプションが追加された。更新してみたが、結構な感じでバグがある。一番ハマったのがMarkdownファイル内に含まれるHTMLがぶった切られるので、突然p要素が挿入されたりするものだ。同じバグについてのイシューは既に立っていた。</p>
12045          </section>
12046        </a>
12047
12048
12049        <a href="/blog/on-20180728">
12050          <section class="excerpt">
12051            <header>
12052              <p class="date"><time datetime="2018-07-28T13:52:05+09:00">28日</time></p>
12053
12054              <h3>メモ(2018年7月28日)</h3>
12055            </header>
12056
12057            <p>ほぼすべてのページからclass属性がなくなった。残っているのはコード用のlanguage-*のみだ。なくすためにマークアップを見直していたりした。なくせるように無理やり変えたとも言う。language-*は消すと戻せそうもないので残しておいた。img要素のwidthとheight属性は、定期的に消したくなるので消した。画像のサイズならどうにでもなる。</p>
12058          </section>
12059        </a>
12060
12061
12062        <a href="/blog/sharp-package-and-hsl-color-in-svg">
12063          <section class="excerpt">
12064            <header>
12065              <p class="date"><time datetime="2018-07-26T14:29:10+09:00">26日</time></p>
12066
12067              <h3>sharpパッケージとSVGでのhsl()</h3>
12068            </header>
12069
12070            <p>このウェブサイトのタッチ・アイコンが壊れていた。どうもSVGからPNGへの変換にsharpパッケージを使うように変えたところで発生したらしい。sharpがSVGでhsl()をサポートしていない(正確にはSVG 1.1までのサポートのため、その仕様で定義済みの色しかサポートしていない)ことが原因だった(バグではない)。SVG側で#rrggbbに変更し、無事修正できた。</p>
12071          </section>
12072        </a>
12073
12074
12075        <a href="/blog/on-20180725">
12076          <section class="excerpt">
12077            <header>
12078              <p class="date"><time datetime="2018-07-25T11:40:03+09:00">25日</time></p>
12079
12080              <h3>メモ(2018年7月25日)</h3>
12081            </header>
12082
12083            <p>色々あって、このウェブサイトのグローバル・ヘッダーを少しいじっている。その過程でオシャレっぽいウェブサイトを見て回っていたら、以下のようなマークアップになっているウェブサイトがあった。</p>
12084          </section>
12085        </a>
12086
12087
12088        <a href="/blog/dual-scale-sizing">
12089          <section class="excerpt">
12090            <header>
12091              <p class="date"><time datetime="2018-07-24T13:10:29+09:00">24日</time></p>
12092
12093              <h3>2値基準のサイズ決め</h3>
12094            </header>
12095
12096            <p>黄金比を始めとした固定比によるサイズ決めは、SassやCSS Custom Propertiesによって一定の市民権を得たように思う。ただ黄金比(1.618)と1の間のサイズが欲しくなることも多い。例えば見出しのline-heightプロパティーの値だったり、フォーマット済みテキストの文字サイズだったり、だ。HTML版・普通のHTMLの書き方では固定比を1.7にして、それを1と1.25にかけ合わせていくというアプローチにした。最近よく使う手法で、僕の中ではDual Scale Sizingという名前で呼ばれている。</p>
12097          </section>
12098        </a>
12099
12100
12101        <a href="/blog/html-best-practices-in-detail-in-static-html">
12102          <section class="excerpt">
12103            <header>
12104              <p class="date"><time datetime="2018-07-22T13:11:51+09:00">22日</time></p>
12105
12106              <h3>静的HTML版・普通のHTMLの書き方</h3>
12107            </header>
12108
12109            <p>普通のHTMLの書き方(またはHTML Best Practices)の校正を終えた。1週間くらい寝かせてから始め、なんとか直せたように思う。ということで静的なHTML版を「普通のHTMLの書き方」という同じ名称で生成し、このウェブサイトで公開した。まとめたら200KB超のボリュームになってしまった。</p>
12110          </section>
12111        </a>
12112
12113
12114        <a href="/blog/meguro-20180718">
12115          <section class="excerpt">
12116            <header>
12117              <p class="date"><time datetime="2018-07-19T11:43:45+09:00">19日</time></p>
12118
12119              <h3>フィンランド陶芸(目黒)</h3>
12120            </header>
12121
12122            <p>目黒区美術館へフィンランド陶芸という展覧会を見に行った。涼しそうな日を見計らって行きたかったが、9/6の終了までそんな日はなさそうなので、さっさと行くことにした。</p>
12123          </section>
12124        </a>
12125
12126
12127        <a href="/blog/t-fal-d55183">
12128          <section class="excerpt">
12129            <header>
12130              <p class="date"><time datetime="2018-07-17T12:41:45+09:00">17日</time></p>
12131
12132              <h3>ティファール グランブルー・プレミア ディープパン 22cm</h3>
12133            </header>
12134
12135            <p>5~8年くらい使っている3種類のフライパンが、どれもダメになってきたã
12135®ã§ã€è²·ã„替えることにした。今までは18cmと22cm深型、26cmの3つを使っていたが、フタが複数必要で面倒だった。22cmのガラスのフタが気に入っており、それだけにしたかったので、それに合わせて22cmで2種類買うことにした。</p>
12136          </section>
12137        </a>
12138
12139
12140        <a href="/blog/currency-exchange-emoji">
12141          <section class="excerpt">
12142            <header>
12143              <p class="date"><time datetime="2018-07-11T15:54:35+09:00">11日</time></p>
12144
12145              <h3>💱</h3>
12146            </header>
12147
12148            <p>通貨換算のEmojiがある。おおむね円とドルのマークを矢印でつないだもののようだ。特に疑問を感じてはいなかったが、もしかするとロケールで切り替わったりする仕組みがあったりするのだろうか、と考えてしまった。ユニコード的には特にそういったロケールを考慮した仕組みはなく、異体字セレクターで切り替える仕組みもないようだ。しかしEmojiを担当するフォントによっては円とドルではない場合もある。</p>
12149          </section>
12150        </a>
12151
12152
12153        <a href="/blog/on-20180709">
12154          <section class="excerpt">
12155            <header>
12156              <p class="date"><time datetime="2018-07-09T12:56:00+09:00">9日</time></p>
12157
12158              <h3>メモ(2018年7月9日)</h3>
12159            </header>
12160
12161            <p>5年くらい前に買った短パンを家で愛用していたが、ついにすり切れてきてしまった。短パンは健康面でダメージがあるため、無印良品でセールになっていたリネンのロングパンツにした。</p>
12162          </section>
12163        </a>
12164
12165
12166        <a href="/blog/on-20180702">
12167          <section class="excerpt">
12168            <header>
12169              <p class="date"><time datetime="2018-07-02T15:01:17+09:00">2日</time></p>
12170
12171              <h3>メモ(2018年7月2日)</h3>
12172            </header>
12173
12174            <p>近所に出きた成城石井にはレストランが併設されている。開店から半年以上たつが、いまだにランチが始まる前には20人前後の行列ができている。空いたら行きたいと考えているが、一向に空く気配がない。予約したい。</p>
12175          </section>
12176        </a>
12177
12178          </section>
12179          <section>
12180            <h2><time datetime="2018-06">2018年6月</time></h2>
12181
12182        <a href="/blog/on-20180629">
12183          <section class="excerpt">
12184            <header>
12185              <p class="date"><time datetime="2018-06-29T13:56:55+09:00">29日</time></p>
12186
12187              <h3>メモ(2018年6月29日)</h3>
12188            </header>
12189
12190            <p>色々諦めて無印良品の撥水ジャケットを買った。昨シーズンの商品が半額になっていたので、失敗でもダメージが少ないだろう。モンベルのレインハイカー・ジャケットでも良かった気がする、とかもう思っていたりする。</p>
12191          </section>
12192        </a>
12193
12194
12195        <a href="/blog/on-20180627">
12196          <section class="excerpt">
12197            <header>
12198              <p class="date"><time datetime="2018-06-27T19:18:40+09:00">27日</time></p>
12199
12200              <h3>メモ(2018年6月27日)</h3>
12201            </header>
12202
12203            <p>今月の20日くらいからiPhone 5sの調子がまた悪くなったので、えいやっと新しいiPhoneとして復元した。その2時間後にフリーズしたので、ついにApple Storeに持ち込んだ。ソフトウェアで検査しても異常は見つからず、バッテリーにもおかしいところはないので、やるとしたら基盤交換か本体交換しかない、と言われたã€
12203‚高いし、万が一直らなかったら(自分の環境かiOSやiCloudに問題があったら)金の無駄なので諦めた。</p>
12204          </section>
12205        </a>
12206
12207
12208        <a href="/blog/html-best-practices-in-detail">
12209          <section class="excerpt">
12210            <header>
12211              <p class="date"><time datetime="2018-06-25T14:21:01+09:00">25日</time></p>
12212
12213              <h3>HTML Best Practicesの解説</h3>
12214            </header>
12215
12216            <p>HTML Best Practices (または普通のHTMLの書き方)に解説を追加し始めた。in-detailというフォルダーに1ファイル1プラクティスで置いてある。解説を書いていないプラクティスにも空ファイルも用意してしまったのでわかりにくいが、ようやく90%といったところだ。</p>
12217          </section>
12218        </a>
12219
12220
12221        <a href="/blog/regression-bug-and-its-fix">
12222          <section class="excerpt">
12223            <header>
12224              <p class="date"><time datetime="2018-06-24T14:55:08+09:00">24日</time></p>
12225
12226              <h3>リグレッション・バグとその修正</h3>
12227            </header>
12228
12229            <p>Edge 17でのショートハンド・プロパティーにおけるリグレッション・バグが内部では修正されたようだ。ひと安心というところだが、いつ直るかとの問いに担当開発者が「秋のアップデートで直る」と答えていた。Edge 16で問題なく動いていたものが17で動かなくなり、既存のウェブサイトに影響があるのだから、月例アップデートで直すべきバグだろう。</p>
12230          </section>
12231        </a>
12232
12233
12234        <a href="/blog/card-management-app">
12235          <section class="excerpt">
12236            <header>
12237              <p class="date"><time datetime="2018-06-20T10:53:26+09:00">20日</time></p>
12238
12239              <h3>カード管理アプリ</h3>
12240            </header>
12241
12242            <p>iOSのWalletやAndroidのGoogle Payに乗っかってこないポイントカード的なものを管理するアプリを探していた。いくつかあるがStocardくらいしかものの役に立たない。そのStocardも僕のiPhone 5sだと立ち上げに10秒弱かかり、使いづらい。</p>
12243          </section>
12244        </a>
12245
12246
12247        <a href="/blog/dreaming-20180602">
12248          <section class="excerpt">
12249            <header>
12250              <p class="date"><time datetime="2018-06-19T16:25:54+09:00">19日</time></p>
12251
12252              <h3>夢(2018年6月19日)</h3>
12253            </header>
12254
12255            <p>道を歩いていたら側溝の継ぎ目につまづく。体勢を立て直して歩くもまたつまづく。靴を脱ぐ。つまづく。靴下を脱いだところで目が覚める。</p>
12256          </section>
12257        </a>
12258
12259
12260        <a href="/blog/on-20180617">
12261          <section class="excerpt">
12262            <header>
12263              <p class="date"><time datetime="2018-06-17T12:50:44+09:00">17日</time></p>
12264
12265              <h3>メモ(2018年6月17日)</h3>
12266            </header>
12267
12268            <p>Windows 10の1803で新しくアプリがいくつかインストールされる(されてしまう)。うちいくつかは消せるので、できるだけ消していったら消せないはずのフォト・アプリが消えた。ストアからMicrosoftフォトをインストールして復活できた。するとムービー・エディターも復活していたので、どうやらこれをアンインストールするとフォト・アプリも消えるようだ。</p>
12269          </section>
12270        </a>
12271
12272
12273        <a href="/blog/vim-css3-syntax-v1.0.0">
12274          <section class="excerpt">
12275            <header>
12276              <p class="date"><time datetime="2018-06-16T12:43:27+09:00">16日</time></p>
12277
12278              <h3>vim-css3-syntax v1.0.0</h3>
12279            </header>
12280
12281            <p>Vim 8.1への対応でキリが良いので、ついにvim-css3-syntaxのv1.0.0をリリースした。変更点はVim 8.1に含まれるデフォルト・ランタイムに応じた整理とテスト用CSSのフォーマットの変更だけだ。動作はVim 8.1 patch 1-26で確認している。</p>
12282          </section>
12283        </a>
12284
12285
12286        <a href="/blog/deleting-mail-app">
12287          <section class="excerpt">
12288            <header>
12289              <p class="date"><time datetime="2018-06-13T15:43:36+09:00">13日</time></p>
12290
12291              <h3>メール・アプリの削除</h3>
12292            </header>
12293
12294            <p>iOSがブラックアウトする問題が再発した。DFUモードで復元したものの、安定したã
12294®ã¯3週間くらいだった。これでもダメとなるとApple Storeに持ち込みするしかなさそう。……と考えていたところ、iOSのメール・アプリがクソでOSごと落ちる・固まるなどという信ぴょう性はあまりない噂を聞きつけたので、削除してSparkを使ってみている。</p>
12295          </section>
12296        </a>
12297
12298
12299        <a href="/blog/on-20180611">
12300          <section class="excerpt">
12301            <header>
12302              <p class="date"><time datetime="2018-06-11T09:11:44+09:00">11日</time></p>
12303
12304              <h3>メモ(2018年6月11日)</h3>
12305            </header>
12306
12307            <p>土曜日の夕方にやっていた何かの再放送で、うまく揚げ物の油を切る方法をやっていた。油から出す時に端だけを10秒くらいつけたままにしておくと良いという話だった。昨日は鶏手羽中肉の唐揚げだったので試してみたが、確かに油切れが良かった。味はあまり変わらないような気がした。</p>
12308          </section>
12309        </a>
12310
12311
12312        <a href="/blog/on-20180608">
12313          <section class="excerpt">
12314            <header>
12315              <p class="date"><time datetime="2018-06-08T15:00:16+09:00">8日</time></p>
12316
12317              <h3>メモ(2018年6月8日)</h3>
12318            </header>
12319
12320            <p>梅雨になった。雨が降った日は嬉々として長靴を履いた。家で見つけたパッカブルのレインコート着てみたりもしたが、800gくらいあって持ち歩くのは無理そうだった。</p>
12321          </section>
12322        </a>
12323
12324
12325        <a href="/blog/komaba-roppongi-20180529">
12326          <section class="excerpt">
12327            <header>
12328              <p class="date"><time datetime="2018-06-06T08:39:13+09:00">6日</time></p>
12329
12330              <h3>北沢~駒場~上原~六本木~新宿</h3>
12331            </header>
12332
12333            <p>5/29に日本民藝館と森美術館をはしごした。最寄りっぽい駅を使わず手前から歩いたので、軽く2万歩を超えてしまった。足も目も頭もまんべんなく疲れた。</p>
12334          </section>
12335        </a>
12336
12337
12338        <a href="/blog/on-20180604">
12339          <section class="excerpt">
12340            <header>
12341              <p class="date"><time datetime="2018-06-04T11:58:40+09:00">4日</time></p>
12342
12343              <h3>メモ(2018年6月4日)</h3>
12344            </header>
12345
12346            <p>ここ数年利用していた無印良品の水出しアイスコーヒーが100円も値上がりしたので、あきらめて自分で作ることにした。昨年試した時に普通のお茶パックだとうまく出ない記憶があったため、だしパックなどという名前で売っている大きめのパックを使うようにしたらおいしく出せた。少しでも節約しようと何回か試した結果、水800mlに対して28gまでなら減らせるようだ。次は24gに減らしてみる。</p>
12347          </section>
12348        </a>
12349
12350
12351        <a href="/blog/patrick-repair-service">
12352          <section class="excerpt">
12353            <header>
12354              <p class="date"><time datetime="2018-06-01T13:24:52+09:00">1日</time></p>
12355
12356              <h3>Patrickのリペア・サービス</h3>
12357            </header>
12358
12359            <p>PatrickのMarathon-LEを愛用しすぎている。ついにソールがつま先の方も薄くなってきて、かかとの部分も割れ始めてしまったので、オールソール交換を頼んだ。写真の通りきれいに交換された。ついでに靴ひもも交換したので、気分はほぼ新品だ。料金は8640円と、スニーカー自体の値段を考えると安くはない。</p>
12360          </section>
12361        </a>
12362
12363          </section>
12364          <section>
12365            <h2><time datetime="2018-05">2018年5月</time></h2>
12366
12367        <a href="/blog/on-20180530">
12368          <section class="excerpt">
12369            <header>
12370              <p class="date"><time datetime="2018-05-30T13:05:35+09:00">30日</time></p>
12371
12372              <h3>メモ(2018年5月30日)</h3>
12373            </header>
12374
12375            <p>今年のTシャツは白・紺・白・墨・白の5枚ローテーションになった。去年買ったライトグレーのTã
12375‚·ãƒ£ãƒ„はかなり調子が良かったので、お出かけ用にした。代わりにお出かけ用だった白のを普段着におろした。</p>
12376          </section>
12377        </a>
12378
12379
12380        <a href="/blog/on-20180528">
12381          <section class="excerpt">
12382            <header>
12383              <p class="date"><time datetime="2018-05-28T09:06:06+09:00">28日</time></p>
12384
12385              <h3>メモ(2018年5月28日)</h3>
12386            </header>
12387
12388            <p>暑くなったので扇風機を出した。5年目になったが、特に壊れてもおらず、まだまだ使えそうだ。「回るものはすぐに壊れる」という先入観を持っているので、毎年「今年で壊れそう……」などと考えている。季節家電の定額サブスクリプション・サービスが欲しい。夏に扇風機、冬に加湿空気清浄機とかで1万円/年くらいならきっと払える。</p>
12389          </section>
12390        </a>
12391
12392
12393        <a href="/blog/vim-css3-syntax-v0.28.0">
12394          <section class="excerpt">
12395            <header>
12396              <p class="date"><time datetime="2018-05-24T16:36:29+09:00">24日</time></p>
12397
12398              <h3>vim-css3-syntax v0.28.0</h3>
12399            </header>
12400
12401            <p>vim-css3-syntaxのv0.28.0をリリースした。特に大きな変更はないが、何に使うのかよくわからない(わかっていない)CSS Layout API Level 1が追加されたので、マイナー番号が更新されている。</p>
12402          </section>
12403        </a>
12404
12405
12406        <a href="/blog/on-20180518">
12407          <section class="excerpt">
12408            <header>
12409              <p class="date"><time datetime="2018-05-21T16:30:27+09:00">21日</time></p>
12410
12411              <h3>メモ(2018年5月21日)</h3>
12412            </header>
12413
12414            <p>あまりに暑く、家族もいなかったので、夕飯を作る気力がまったく湧かなかった。汗もかいていたので風呂へ入りながら、食べに行くところを考えていたが、やはりビールかと決めた。夕方からしかやっておらず、なかなか行く機会がなã
12414‹ã£ãŸåœ°å…ƒã®ãƒ“アバーに行くことにした。ついに「手ぶらで飲み屋」の実績を解除してしまった。</p>
12415          </section>
12416        </a>
12417
12418
12419        <a href="/blog/os-1-powder">
12420          <section class="excerpt">
12421            <header>
12422              <p class="date"><time datetime="2018-05-18T09:23:51+09:00">18日</time></p>
12423
12424              <h3>OS-1パウダー</h3>
12425            </header>
12426
12427            <p>OS-1を何本か備蓄している。災害時用と体調不良時用を兼ねたものだ。500mlは大きい気がするので小さいのはないかとOS-1のウェブサイトを見ていたら、粉末タイプがあった。水に溶かして飲むので調節しやすく、何よりも未開封なら賞味期限が5年半(66か月)と長い。備蓄している500mlペットボトルが5月末で賞味期限が切れるので、こっちにしてみた。</p>
12428          </section>
12429        </a>
12430
12431
12432        <a href="/blog/on-20180514">
12433          <section class="excerpt">
12434            <header>
12435              <p class="date"><time datetime="2018-05-16T08:24:46+09:00">16日</time></p>
12436
12437              <h3>メモ(2018年5月16日)</h3>
12438            </header>
12439
12440            <p>月曜日は天気が良かったので、予定を前倒ししてIKEA立川に行ってた。時計の電池を交換するために国分寺にいったん寄ってから行ったりした。立川にはなんでも新宿の7割くらいあって便利そうだった。</p>
12441          </section>
12442        </a>
12443
12444
12445        <a href="/blog/on-20180511">
12446          <section class="excerpt">
12447            <header>
12448              <p class="date"><time datetime="2018-05-11T13:43:17+09:00">11日</time></p>
12449
12450              <h3>メモ(2018年5月11日)</h3>
12451            </header>
12452
12453            <p>数日前に突然iPhone 5sのモーション・センサーが不調になった。3000歩くらいかかる距離を歩いても500歩にもならない。駅まで50mとかになってしまう。モーション・センサーの狂いは内蔵のコンパス・アプリで直せるが、ブラックアウトするようになった時に消してた。GPSを使った自動修正を有効にしておくと調子悪くならないらしいので、消さないようにしたい。</p>
12454          </section>
12455        </a>
12456
12457
12458        <a href="/blog/nested-custom-properties-in-shorthand-properties-bug-regression-on-edge-17">
12459          <section class="excerpt">
12460            <header>
12461              <p class="date"><time datetime="2018-05-10T09:06:43+09:00">10日</time></p>
12462
12463              <h3>Edge 17でのネストしたカスタム・プロパティーとショートハンド・プロパティーにおけるバグ</h3>
12464            </header>
12465
12466            <p>タイトルまま。Edge 17ではmarginプロパティーなどのショートハンド・プロパティーでカスタム・プロパティーをネストして(calc()などと共に)利用すると、値が解決できず0になってしまう。Edge 16では問題なく解決できるので、リグレッション・バグということになる。</p>
12467          </section>
12468        </a>
12469
12470
12471        <a href="/blog/cmd-exe-busybox-git-nodejs">
12472          <section class="excerpt">
12473            <header>
12474              <p class="date"><time datetime="2018-05-09T13:58:48+09:00">9日</time></p>
12475
12476              <h3>コマンド・プロンプト上でBusyBoxを使いつつGitとNode.js</h3>
12477            </header>
12478
12479            <p>コマンド・プロンプトでなんとかなりそうにするためにタイトルのような構成にしてみている。Unixコマンド群を手に入れるとすると、UnxUtilsかGnuWinかBusyBoxかだ。安定はGnuWin、簡便さはUnxUtilsに軍配が上がりそうだが、BusyBoxは気持ちいい。</p>
12480          </section>
12481        </a>
12482
12483
12484        <a href="/blog/on-20180508">
12485          <section class="excerpt">
12486            <header>
12487              <p class="date"><time datetime="2018-05-08T14:17:52+09:00">8日</time></p>
12488
12489              <h3>メモ(2018年5月8日)</h3>
12490            </header>
12491
12492            <p>リビングの掃き出し窓から庭への段差が33cmくらいある。そろそろ降りる時に身の危険を感じるので、踏み台のようなものを探していた。端を踏んでもバランスを崩さないなど色々考慮することがあり、ちょうど良いものがなかなか見つからない。</p>
12493          </section>
12494        </a>
12495
12496
12497        <a href="/blog/on-20180506">
12498          <section class="excerpt">
12499            <header>
12500              <p class="date"><time datetime="2018-05-06T11:25:23+09:00">6日</time></p>
12501
12502              <h3>メモ(2018年5月6日)</h3>
12503            </header>
12504
12505            <p>
12505iPhone 5sはGoogle製のアプリを消してからそこそこ安定していた。こっそり再起動していることはかなりあったようだが、ブラックアウトでのフリーズは1回だけだった。大丈夫そうかな……とは思ったが、なんとなく気が向いたのでDFUモードで更新と復元をした。安定すると良いな。</p>
12506          </section>
12507        </a>
12508
12509
12510        <a href="/blog/on-20180504">
12511          <section class="excerpt">
12512            <header>
12513              <p class="date"><time datetime="2018-05-04T15:16:25+09:00">4日</time></p>
12514
12515              <h3>メモ(2018年5月4日)</h3>
12516            </header>
12517
12518            <p>連休中日で道がちょっと空いた。初日はららぽーとから踏切2つと信号3つくらいまで詰まっていたが、踏切1つと信号1つくらいまでに減っていた。ららぽーとは変わらずけっこう人がいた。相模川か近くの公園でバーベキューをやるのか、スーパーでは大量に買い出しをする人もけっこういた。</p>
12519          </section>
12520        </a>
12521
12522
12523        <a href="/blog/hibiya-marunouchi-tokyo-20180424">
12524          <section class="excerpt">
12525            <header>
12526              <p class="date"><time datetime="2018-05-02T13:56:07+09:00">2日</time></p>
12527
12528              <h3>日比谷~丸の内~東京</h3>
12529            </header>
12530
12531            <p>くまのものが連休までだったのでその前に行こうとエンヤコラ出かけた。6月くらいまでやっていると勝手に考えていて危なかった。ついでにオープンしたばかりの東京ミッドタウン日比谷にも行ってみたかったので、日比谷から始めてフラフラ歩いて東京駅に行くことにした。</p>
12532          </section>
12533        </a>
12534
12535          </section>
12536          <section>
12537            <h2><time datetime="2018-04">2018年4月</time></h2>
12538
12539        <a href="/blog/waterproof-hat">
12540          <section class="excerpt">
12541            <header>
12542              <p class="date"><time datetime="2018-04-26T16:01:57+09:00">26日</time></p>
12543
12544              <h3>防水の帽子</h3>
12545            </header>
12546
12547            <p>軽くコンパクトとはいえ、折りたたみ傘を常に持ち歩くのも飽きてきたので、防水ハットを持ち歩こうと見繕っている。蒸れない点を重視してGore-Texのものにしたい。The North Faceのノーウェザー・ハットがつばが広くて使いやすそうだった。</p>
12548          </section>
12549        </a>
12550
12551
12552        <a href="/blog/kofu-20180420">
12553          <section class="excerpt">
12554            <header>
12555              <p class="date"><time datetime="2018-04-23T14:48:16+09:00">23日</time></p>
12556
12557              <h3>墓参り2018</h3>
12558            </header>
12559
12560            <p>今年も墓参りに甲府へ行った。草むしりのためとも言う。天気が良く、暑くなりすぎないギリギリの日に行けた。</p>
12561          </section>
12562        </a>
12563
12564
12565        <a href="/blog/google-apps-on-ios">
12566          <section class="excerpt">
12567            <header>
12568              <p class="date"><time datetime="2018-04-22T11:59:45+09:00">22日</time></p>
12569
12570              <h3>iOSとGoogle製アプリ群</h3>
12571            </header>
12572
12573            <p>ここ1か月くらいiOSがフリーズするようになっていた。ついに日に3回フリーズしたので、アプリを限界まで減らしたが改善しない。必要というかOS間での様々なやりとりに不可欠だったGoogle製のアプリをいくつか減らしたらウソのように安定した……。</p>
12574          </section>
12575        </a>
12576
12577
12578        <a href="/blog/dreaming-20180409">
12579          <section class="excerpt">
12580            <header>
12581              <p class="date"><time datetime="2018-04-16T12:41:13+09:00">16日</time></p>
12582
12583              <h3>夢(2018年4月16日)</h3>
12584            </header>
12585
12586            <p>歩くごとに1%ずつスマフォのバッテリーが減る。残り1%になって動けなくなったので、その場で前後左右に向きを変える。1分くらい続けたところで目が覚めた。</p>
12587          </section>
12588        </a>
12589
12590
12591        <a href="/blog/on-20180413">
12592          <section class="excerpt">
12593            <header>
12594              <p class="date"><time datetime="2018-04-13T14:19:40+09:00">13日</time></p>
12595
12596              <h3>メモ(2018年4月13日)</h3>
12597            </header>
12598
12599            <p>専用アプリがあるクリーニング・チェーンに乗り換えたいが、駅前で遠いので、単純に家から近いクリーニング屋を選びたくもある。前者だと持って行くのと引き取りに行くのが大変で、後者だと運が悪いと仕上がっていない。5日くらい余裕を持って引き取りに行ったが、一部仕上がっていなかった。</p>
12600          </section>
12601        </a>
12602
12603
12604        <a href="/blog/hello-keepassxc">
12605          <section class="excerpt">
12606            <header>
12607              <p class="date"><time datetime="2018-04-11T09:21:25+09:00">11日</time></p>
12608
12609              <h3>KeePassXCへ</h3>
12610            </header>
12611
12612            <p>長らくパスワード・マネージャーとしてKeePassを使っていたが、そのクロスプラットフォームのクライアントãƒ
12612»ã‚¢ãƒ—リケーションであるKeePassXCに乗り換えようとしている。KeePassのデータベースをそのまま利用できるのでインターフェイスが変わるだけだ。操作感も少し変わる。データベース・ファイルの扱いに多少の不安があるが、今のところ問題なく動いているようだ。</p>
12613          </section>
12614        </a>
12615
12616
12617        <a href="/blog/back-to-cmd">
12618          <section class="excerpt">
12619            <header>
12620              <p class="date"><time datetime="2018-04-10T18:20:13+09:00">10日</time></p>
12621
12622              <h3>コマンド・プロンプトへの帰還</h3>
12623            </header>
12624
12625            <p>久しぶりにMSYS2のbashをやめてコマンド・プロンプトで活動している。といってもUnxUtilsは入れてしまったので、よくわからない環境になってしまったような気もしている。とにかくバックスラッシュが苦行だ。これさえ乗り切ればなんとかなりそう……なってくれないと困る。</p>
12626          </section>
12627        </a>
12628
12629
12630        <a href="/blog/dreaming-20180327">
12631          <section class="excerpt">
12632            <header>
12633              <p class="date"><time datetime="2018-04-09T12:22:01+09:00">9日</time></p>
12634
12635              <h3>夢(2018年4月9日)</h3>
12636            </header>
12637
12638            <p>財布から出そうとしたクレジット・カードが折れてしまう。とりあえず現金で払おうとするも、お金が足りない。泣く々々カゴから柿の種を取り出し、棚に返しに行く途中で目が覚めた。</p>
12639          </section>
12640        </a>
12641
12642
12643        <a href="/blog/on-20180408">
12644          <section class="excerpt">
12645            <header>
12646              <p class="date"><time datetime="2018-04-08T11:13:10+09:00">8日</time></p>
12647
12648              <h3>メモ(2018年4月8日)</h3>
12649            </header>
12650
12651            <p>日付けをタイトルにするのもそこそこ面倒なので、Emojiにすることにした。過去記事も変える。夢も🌃にしたい。変えよう。</p>
12652          </section>
12653        </a>
12654
12655
12656        <a href="/blog/on-20180406">
12657          <section class="excerpt">
12658            <header>
12659              <p class="date"><time datetime="2018-04-06T09:23:06+09:00">6日</time></p>
12660
12661              <h3>メモ(2018年4月6日)</h3>
12662            </header>
12663
12664            <p>パソコンをバックアップするという作業をするには、ネットワークにつながったストレージが必要になる。バックアップ用のアプリケーションを含めパッケージングされたものから、単なるNAS、ほとんどパソコンといったものまで選択肢があるが、どれでもほぼ完全にバックアップ可能だ。</p>
12665          </section>
12666        </a>
12667
12668
12669        <a href="/blog/jr-east-ticket-vending-machine-for-reserved-seat">
12670          <section class="excerpt">
12671            <header>
12672              <p class="date"><time datetime="2018-04-04T08:31:13+09:00">4日</time></p>
12673
12674              <h3>JR東日本の指定席券売機</h3>
12675            </header>
12676
12677            <p>JR東日本はほとんどのキップを指定席券売機で買える。窓口に並ぶのは面倒くさいので、いつもドキドキハラハラしながら買っている。何を買う時も使いやすくはない。この前は家族に頼まれて新幹線の乗車券だけを買おうとしてまんまとハマった。</p>
12678          </section>
12679        </a>
12680
12681
12682        <a href="/blog/email-forwarding-on-google-domains">
12683          <section class="excerpt">
12684            <header>
12685              <p class="date"><time datetime="2018-04-01T18:30:39+09:00">1日</time></p>
12686
12687              <h3>Googleドメインでのメール転送</h3>
12688            </header>
12689
12690            <p>Googleドメインのヘルプによると、Googleのネームサーバーを利用していないとメール転送は行えないことになっている。つまりCloudflareを利用する場合はこの機能を使っての独自ドメインのメールアドレスは諦めることになる。個人で利用しているドメインでは使うあてもなかったã
12690®ã§ã€ãã†ã„うものかと理解していた。</p>
12691          </section>
12692        </a>
12693
12694          </section>
12695          <section>
12696            <h2><time datetime="2018-03">2018年3月</time></h2>
12697
12698        <a href="/blog/on-20180331">
12699          <section class="excerpt">
12700            <header>
12701              <p class="date"><time datetime="2018-03-31T09:18:57+09:00">31日</time></p>
12702
12703              <h3>メモ(2018年3月31日)</h3>
12704            </header>
12705
12706            <p>コーヒー・テーブルというかセンター・テーブルが欲しい。ソファーの前に置いてちょうど良さそうな大きさで、下に棚があると良さそうかな、と考えている。形がともかく、色が難しく、全く決めることができない。</p>
12707          </section>
12708        </a>
12709
12710
12711        <a href="/blog/on-20180329">
12712          <section class="excerpt">
12713            <header>
12714              <p class="date"><time datetime="2018-03-29T18:27:56+09:00">29日</time></p>
12715
12716              <h3>メモ(2018年3月29日)</h3>
12717            </header>
12718
12719            <p>たまにTwitterのタイムラインを見たくないなーとなることがある。とはいっても一方的に泥は吐きたいので完全に消すまでには至らない。以前はIFTTTを使ったターミナルからつぶやくだけスクリプトでやっていたが、むしゃくしゃしてIFTTTアカウントを削除して以来、使えなくなった。</p>
12720          </section>
12721        </a>
12722
12723
12724        <a href="/blog/on-20180328">
12725          <section class="excerpt">
12726            <header>
12727              <p class="date"><time datetime="2018-03-28T14:20:54+09:00">28日</time></p>
12728
12729              <h3>メモ(2018年3月28日)</h3>
12730            </header>
12731
12732            <p>このウェブサイトではHTMLで各記事がそれぞれ保存されている。Markdownでも良いが、やはり移植性に欠ける、というか受け入れる側の対応が欠けていた場合にとても面倒なことになるため、やりたくない。Markdownは文章を書くシステムであって、フォーマットではないと考えていることもある。</p>
12733          </section>
12734        </a>
12735
12736
12737        <a href="/blog/temeraire">
12738          <section class="excerpt">
12739            <header>
12740              <p class="date"><time datetime="2018-03-25T23:35:34+09:00">25日</time></p>
12741
12742              <h3>テメレア戦記</h3>
12743            </header>
12744
12745            <p>19世紀初頭のヨーロッパを舞台にして始まるテメレア戦記の既刊を読み終えた。ナポレオンがヨーロッパを制覇しつつある時代の小説だが、主戦力が歩兵・砲兵、そしてドラゴン、という小説だ。一応は現実の歴史を追ってはいるが、ドラゴンですべてどうにかされる。史上では気球で試みられるナポレオンのブリテン島上陸作戦はドラゴンで行われ、2度目には成功しちゃったりする。大変だ。</p>
12746          </section>
12747        </a>
12748
12749
12750        <a href="/blog/on-20180324">
12751          <section class="excerpt">
12752            <header>
12753              <p class="date"><time datetime="2018-03-24T14:14:16+09:00">24日</time></p>
12754
12755              <h3>メモ(2018年3月24日)</h3>
12756            </header>
12757
12758            <p>パジャマを春秋用のものに変えた。春秋はダブルガーゼ、夏はシアサッカー、冬はフランネルのものをそれぞれ2着ずつ交互に着ている。この冬はフランネルの片方がすり切れて背中に穴があいてしまった。ちょうどセールが終わった頃に気付いたため買い替えられなかった。</p>
12759          </section>
12760        </a>
12761
12762
12763        <a href="/blog/muji-working-chair-gray">
12764          <section class="excerpt">
12765            <header>
12766              <p class="date"><time datetime="2018-03-23T18:20:32+09:00">23日</time></p>
12767
12768              <h3>無印良品 ワーキング・チェアー グレー </h3>
12769            </header>
12770
12771            <p>ちょっと良い椅子を買おうとすると、やはり10万円くらい必要になる。それは無理なので、5万円以下で白いキャスターのものを探し、低めに制球された無印良品ã
12771®ãƒ¯ãƒ¼ã‚­ãƒ³ã‚°ãƒ»ãƒã‚§ã‚¢ãƒ¼ã«ãªã£ãŸã€‚送料込みで12400円だった。</p>
12772          </section>
12773        </a>
12774
12775
12776        <a href="/blog/on-20180322">
12777          <section class="excerpt">
12778            <header>
12779              <p class="date"><time datetime="2018-03-22T14:27:18+09:00">22日</time></p>
12780
12781              <h3>メモ(2018年3月22日)</h3>
12782            </header>
12783
12784            <p>保温調理鍋でプリンができる、と小耳にはさんだので作っていた。材料を合わせた後にどれくらい湯せんするかがキモで、2分くらいが良さそうだった。保温する時間は30分くらいで十分に固まるが、入れっぱなしでも大丈夫なようであまり気にする必要はない。</p>
12785          </section>
12786        </a>
12787
12788
12789        <a href="/blog/on-20180320">
12790          <section class="excerpt">
12791            <header>
12792              <p class="date"><time datetime="2018-03-20T19:13:55+09:00">20日</time></p>
12793
12794              <h3>メモ(2018年3月20日)</h3>
12795            </header>
12796
12797            <p>ボーっとしながら作ったベーコン・ホウレンソウ・シメジのスパゲッティーがおいしくできた。最後に麺をフライパンで仕上げない方が好みのようだ。というより火力と技術力の関係でうまく炒められないのかもしれない。</p>
12798          </section>
12799        </a>
12800
12801
12802        <a href="/blog/uncolor-emoji-2">
12803          <section class="excerpt">
12804            <header>
12805              <p class="date"><time datetime="2018-03-19T13:59:09+09:00">19日</time></p>
12806
12807              <h3>🙏︎😊︎😇︎😉︎</h3>
12808            </header>
12809
12810            <p>Googleを使ったサイト内検索へのリンクをグローバル・ナビゲーションに追加した。文字はEmojiだが、異体字セレクターのFE0Eでテキスト化している。文字参照は相変わらず機能しない(すごい困る)が、安定して機能するように見える。この記事のタイトルも実験だ。</p>
12811          </section>
12812        </a>
12813
12814
12815        <a href="/blog/on-20180318">
12816          <section class="excerpt">
12817            <header>
12818              <p class="date"><time datetime="2018-03-18T18:39:50+09:00">18日</time></p>
12819
12820              <h3>メモ(2018年3月18日)</h3>
12821            </header>
12822
12823            <p>冬にパジャマの上に羽織ったり、夏にTシャツの上に羽織ったりする何かを2年くらい探していたが、なかなか見つけられなかった。Vネックのカーディガンが似あわず、フード付きのものを買わないようにしていると、かなり難しくなる。</p>
12824          </section>
12825        </a>
12826
12827
12828        <a href="/blog/vim-css3-syntax-v0.27.0">
12829          <section class="excerpt">
12830            <header>
12831              <p class="date"><time datetime="2018-03-17T12:59:09+09:00">17日</time></p>
12832
12833              <h3>vim-css3-syntax v0.27.0</h3>
12834            </header>
12835
12836            <p>CSS仕様の変更に追いつけ追い越せとvim-css3-syntaxだけは真面目に更新している。最近はあまり大きな変更はないが、新しい仕様としてGrid Layout Module Level 2とText Decoration Module Level 4が追加されたのでv0.27.0をリリースした。</p>
12837          </section>
12838        </a>
12839
12840
12841        <a href="/blog/on-20180315">
12842          <section class="excerpt">
12843            <header>
12844              <p class="date"><time datetime="2018-03-15T16:38:40+09:00">15日</time></p>
12845
12846              <h3>メモ(2018年3月15日)</h3>
12847            </header>
12848
12849            <p>おとといはあまり目的もなく横浜をフラフラしていた。噂のJR改札から地下街にそのまま抜ける通路を通れたので満足した。</p>
12850          </section>
12851        </a>
12852
12853
12854        <a href="/blog/css-font-size-changer">
12855          <section class="excerpt">
12856            <header>
12857              <p class="date"><time datetime="2018-03-14T14:27:51+09:00">14日</time></p>
12858
12859              <h3>フォント・サイズ変更機能をCSSで</h3>
12860            </header>
12861
12862            <p>
12862実装と実行の両面でコストの低いフォント・サイズ変更機能の実装を考えていた。:target疑似クラスを使う方法が最もコストが低いように思えた。</p>
12863          </section>
12864        </a>
12865
12866
12867        <a href="/blog/on-20180312">
12868          <section class="excerpt">
12869            <header>
12870              <p class="date"><time datetime="2018-03-12T16:33:59+09:00">12日</time></p>
12871
12872              <h3>メモ(2018年3月12日)</h3>
12873            </header>
12874
12875            <p>Patrickの直営店がMark isみなとみらいにできたようだ。靴ひもを買いに行こう。そろそろオールソール交換を……する前にSpingle Moveの方をかかとだけ直した。空いていたので1時間買い出ししている間に直った。</p>
12876          </section>
12877        </a>
12878
12879
12880        <a href="/blog/on-20180311">
12881          <section class="excerpt">
12882            <header>
12883              <p class="date"><time datetime="2018-03-11T16:10:54+09:00">11日</time></p>
12884
12885              <h3>メモ(2018年3月11日)</h3>
12886            </header>
12887
12888            <p>近所の有隣堂の改装が終わった。雑誌コーナーが縮小し、マンガが奥から手前に移動、文芸は一番奥に追いやられた。そこそこ大きいチェーン店でも書店は大変そうだ。有隣堂は東京ミッドタウン日比谷に実験的な店舗を作ったらしいが、地元の方は時代に負けた形か。棚が全体的に低くなったのは良いところかもしれない。</p>
12889          </section>
12890        </a>
12891
12892
12893        <a href="/blog/inverting-scroll-direction-on-alps">
12894          <section class="excerpt">
12895            <header>
12896              <p class="date"><time datetime="2018-03-10T16:00:55+09:00">10日</time></p>
12897
12898              <h3>ALPS製タッチパッドでスクロール方向を反転</h3>
12899            </header>
12900
12901            <p>使用しているパソコンのタッチパッドで、二本指での上下スライドによるスクロールをiOSやmacOSの挙動と合わせたい。しかしWindows 10ではOSレベルで設定できない。何かしらのソフトウェアを入れるか、タッチパッドのドライバーに設定があることを期待するしかない。ALPS製タッチパッドでは、ドライバーの設定アプリでは行えないが、レジストリーに隠されていた。</p>
12902          </section>
12903        </a>
12904
12905
12906        <a href="/blog/updating-dependencies-automagically">
12907          <section class="excerpt">
12908            <header>
12909              <p class="date"><time datetime="2018-03-09T14:13:02+09:00">9日</time></p>
12910
12911              <h3>依存の更新を自動で</h3>
12912            </header>
12913
12914            <p>小さいプロジェクトだと依存パッケージのバージョンを固定する意味はあまりない。のでサクサク最新版に更新し、パッパッと修正していくのが知見がたまるという利点もある。といっても手作業でnpm updateは忘れがちなのでnpm versionの前に自動でやってみている。</p>
12915          </section>
12916        </a>
12917
12918
12919        <a href="/blog/on-20180308">
12920          <section class="excerpt">
12921            <header>
12922              <p class="date"><time datetime="2018-03-08T10:54:50+09:00">8日</time></p>
12923
12924              <h3>メモ(2018年3月8日)</h3>
12925            </header>
12926
12927            <p>ここ数年、頑張って爪を伸ばしていた。5mmまで伸ばして3mmに削るのは楽しい。指の形に合わせてうまく丸く削れると達成感がある。そのために伸ばしていたといっても過言ではない。色々あって普通に爪切りでバチバチ切るように戻った。</p>
12928          </section>
12929        </a>
12930
12931
12932        <a href="/blog/dreaming-20180304">
12933          <section class="excerpt">
12934            <header>
12935              <p class="date"><time datetime="2018-03-05T13:56:59+09:00">5日</time></p>
12936
12937              <h3>夢(2018年3月5日)</h3>
12938            </header>
12939
12940            <p>開幕を前にして、突然、松坂が解雇される。「えーここまできたのに……」と思ったところで一気に目が覚めた。</p>
12941          </section>
12942        </a>
12943
12944
12945        <a href="/blog/on-20180304">
12946          <section class="excerpt">
12947            <header>
12948              <p class="date"><time datetime="2018-03-04T19:04:38+09:00">4日</time></p>
12949
12950              <h3>メモ(2018年3月4日)</h3>
12951            </header>
12952
12953            <p>MinGitをあれこれした勢いでGitの設定をいじり始めてしまった。それだけでなくいつの間にかVimやターミナルの設定もいじり始めてしまい、帰ってこれなくなってしまった。なぜかSolarizedのカラースキームを作り直したりして、ようやく気が済んだ。</p>
12954          </section>
12955        </a>
12956
12957
12958        <a href="/blog/busybox-version-mingit">
12959          <section class="excerpt">
12960            <header>
12961              <p class="date"><time datetime="2018-03-03T14:29:57+09:00">3日</time></p>
12962
12963              <h3>BusyBox版MinGitとか</h3>
12964            </header>
12965
12966            <p>
12966Perl依存がなくなったので、MinGitで生きていけそうだ。特にBusyBox版はコンパクトで速いということなので是非とも使ってみたかった。環境を壊さないように注意しながら色々試してみたが、素直にフルセットのものをインストールして使うべきという振り出しに戻る結論に至ってしまった。</p>
12967          </section>
12968        </a>
12969
12970
12971        <a href="/blog/dreaming-20180301">
12972          <section class="excerpt">
12973            <header>
12974              <p class="date"><time datetime="2018-03-02T09:32:24+09:00">2日</time></p>
12975
12976              <h3>夢(2018年3月2日)</h3>
12977            </header>
12978
12979            <p>街で食事をしている。すると30くらいのゴツい男性が近づいてきて、折りたたんだ5000円札をテーブルに置く。「なんですか、これ?」と聞くと「ま、いいから、いいから」と要領を得ない答えしか返ってこないので、無理やり返す。食事を終え、店を出ると先ほどの男性に他の客が絡まれているところで目が覚めた。</p>
12980          </section>
12981        </a>
12982
12983
12984        <a href="/blog/on-20180301">
12985          <section class="excerpt">
12986            <header>
12987              <p class="date"><time datetime="2018-03-01T12:52:26+09:00">1日</time></p>
12988
12989              <h3>メモ(2018年3月1日)</h3>
12990            </header>
12991
12992            <p>npmスクリプトでrm -rfなどとやっているところをnpx経由のrimrafなどに置き換える遊びをしていた。mkdirはmkdirp、cpはcpxが良さそうだ。cdはnpx経由でやっても意味がない。</p>
12993          </section>
12994        </a>
12995
12996          </section>
12997          <section>
12998            <h2><time datetime="2018-02">2018年2月</time></h2>
12999
13000        <a href="/blog/saying-good-bye-to-awesome-blosxom">
13001          <section class="excerpt">
13002            <header>
13003              <p class="date"><time datetime="2018-02-28T13:05:22+09:00">28日</time></p>
13004
13005              <h3>3000記事目ほか</h3>
13006            </header>
13007
13008            <p>この記事で3000本目だ。そしてこれがBlosxomで生成される最後の記事になる。キリのいい数でやめようと前々から決めていた。思いおこせば……(中略)……色々な意味で良いソフトウェアであったし、今もその仕組みは尊敬できる。</p>
13009          </section>
13010        </a>
13011
13012
13013        <a href="/blog/on-20180227">
13014          <section class="excerpt">
13015            <header>
13016              <p class="date"><time datetime="2018-02-27T12:41:03+09:00">27日</time></p>
13017
13018              <h3>メモ(2018年2月27日)</h3>
13019            </header>
13020
13021            <p>メモアプリというかなんとなくDropboxにファイルとしてサクサク記録しておけるようなものが欲しい。Dropboxアプリでいいか。といった無限ループに陥っている。</p>
13022          </section>
13023        </a>
13024
13025
13026        <a href="/blog/official-vim-css-syntax">
13027          <section class="excerpt">
13028            <header>
13029              <p class="date"><time datetime="2018-02-26T14:53:05+09:00">26日</time></p>
13030
13031              <h3>Vimの公式CSSシンタックス</h3>
13032            </header>
13033
13034            <p>久しぶりにVimをアップデートし、いつもの通りデフォルト・ランタイム群に含まれるCSSシンタックスを確認していた。クラス名に使える文字に関する更新が入っているくらいで大きな変更はなかった。しかしどうやらVimの公式リポジトリーで管理されるように戻ったようだ。以前の状態に戻ったとも言える。JulesWangがメンテナンスしていたリポジトリーは非推奨ということになったようだ。</p>
13035          </section>
13036        </a>
13037
13038
13039        <a href="/blog/on-20180225">
13040          <section class="excerpt">
13041            <header>
13042              <p class="date"><time datetime="2018-02-25T18:33:47+09:00">25日</time></p>
13043
13044              <h3>メモ(2018年2月25日)</h3>
13045            </header>
13046
13047            <p>前にAmazon.co.jpでアルファ化米を買ったところ、消費期限がまちまちだった。イオンで見たところ2023-01のものが置いてあり、ほとã
13047‚“ど値段も変わらないのでザクザク買った。ネットスーパー的なものの生鮮食料品をまだ買ったことがないが、消費期限や加工日時はどんな感じのものが送られてくるものなのだろうか。</p>
13048          </section>
13049        </a>
13050
13051
13052        <a href="/blog/postcss-plugin-and-eslint-s-no-param-reassign-rule">
13053          <section class="excerpt">
13054            <header>
13055              <p class="date"><time datetime="2018-02-24T18:29:43+09:00">24日</time></p>
13056
13057              <h3>PostCSSプラグインとESLintのno-param-reassignルール</h3>
13058            </header>
13059
13060            <p>PostCSSプラグインは暗黙的にビルトイン関数の引数を書き換えるというコードを書く前提になっている。この仕組みとESLintのno-param-reassignルールの食い合わせが非常に悪い。なんとかなることもあるが、どうやればいいのか見当がつかないこともある。</p>
13061          </section>
13062        </a>
13063
13064
13065        <a href="/blog/dreaming-20180222">
13066          <section class="excerpt">
13067            <header>
13068              <p class="date"><time datetime="2018-02-23T18:22:21+09:00">23日</time></p>
13069
13070              <h3>夢(2018年2月23日)</h3>
13071            </header>
13072
13073            <p>甲府駅から中央林間駅まで地下鉄に乗っている。中央林間の手前でレールがらせん状になっており、地上までグルグル昇っていく。電車を降り、改札じゃないところから外に出る。Suicaを通していないことに気付き、あわてて駅まで戻ったところで目が覚めた。</p>
13074          </section>
13075        </a>
13076
13077
13078        <a href="/blog/on-20180222">
13079          <section class="excerpt">
13080            <header>
13081              <p class="date"><time datetime="2018-02-22T18:31:12+09:00">22日</time></p>
13082
13083              <h3>メモ(2018年2月22日)</h3>
13084            </header>
13085
13086            <p>パックご飯は消費期限がかなり長いということを知った。だいたい1年くらいあるようだ。冷蔵する必要もなく、災害用の備蓄にも良さそうだ。ローソンで買えるのも、dポイントが余っている今だとうれしい。</p>
13087          </section>
13088        </a>
13089
13090
13091        <a href="/blog/on-20180221">
13092          <section class="excerpt">
13093            <header>
13094              <p class="date"><time datetime="2018-02-21T14:39:09+09:00">21日</time></p>
13095
13096              <h3>メモ(2018年2月21日)</h3>
13097            </header>
13098
13099            <p>ドコモの更新ありがとうポイントなるものが使いづらくて困る。地道にローソンで使うのが一番マシなようだ。次点がスターバックスカードへの交換だろうか。ジョーシンが近くあればAmazonギフト券に進化させられるらしいが、近くにあるようなないような感じで面倒くさい。フレッツ・ポイントにでも交換させてほしい。</p>
13100          </section>
13101        </a>
13102
13103
13104        <a href="/blog/on-20180220">
13105          <section class="excerpt">
13106            <header>
13107              <p class="date"><time datetime="2018-02-20T18:55:03+09:00">20日</time></p>
13108
13109              <h3>メモ(2018年2月20日)</h3>
13110            </header>
13111
13112            <p>白の染めQで色々なものを白くしている。机の脚が黒なのでこれを白くしたいと考えていて、それの実験だ。だいたいのものに下処理なしで塗れることはわかってきた。下処理が必要なものも専用プライマーだけで良いようだ。そこそこお金がかかることもわかってしまった……。</p>
13113          </section>
13114        </a>
13115
13116
13117        <a href="/blog/hoshi-wo-tsukuru-monotachi">
13118          <section class="excerpt">
13119            <header>
13120              <p class="date"><time datetime="2018-02-19T19:16:47+09:00">19日</time></p>
13121
13122              <h3>星を創る者たち</h3>
13123            </header>
13124
13125            <p>読んでみたかった谷甲州による未完の大作だった「星を創る者たち」を読んだ。ハードSFに分類されるが、どちらかというと未来が舞台のノンフィクションが近いような気がする。「隧道」とか「第三工区」とかいう単語にグッとくる類いの人間なのですごく好きになった。</p>
13126          </section>
13127        </a>
13128
13129
13130        <a href="/blog/on-20180218">
13131          <section class="excerpt">
13132            <header>
13133              <p class="date"><time datetime="2018-02-18T15:14:11+09:00">18日</time></p>
13134
13135              <h3>メモ(2018年2月18日)</h3>
13136            </header>
13137
13138            <p>収納を増やすためにハンガー・バーにハンガー・バーを吊るすやつを作ろうとか考えていた。簡単そうだが、いまいち使い勝手が良くなさそうなのでやめたã€
13138‚そろそろカラーボックスの誘惑に負けそうだ。</p>
13139          </section>
13140        </a>
13141
13142
13143        <a href="/blog/on-20180217">
13144          <section class="excerpt">
13145            <header>
13146              <p class="date"><time datetime="2018-02-17T15:00:09+09:00">17日</time></p>
13147
13148              <h3>メモ(2018年2月17日)</h3>
13149            </header>
13150
13151            <p>近所で久々にルバイヤートが売っていたので買った。流行っているとこの辺りで売られなくなっちゃうのが面倒くさいな。ネットで買えみたいな話なんだろうけど、それほど高いものは買わないし、量も買わないので、送料がもったいないみたいな感じになってしまう。</p>
13152          </section>
13153        </a>
13154
13155
13156        <a href="/blog/irisohyama-scl7l-ms">
13157          <section class="excerpt">
13158            <header>
13159              <p class="date"><time datetime="2018-02-16T14:17:26+09:00">16日</time></p>
13160
13161              <h3>アイリスオーヤマ LEDシーリングライト 人感センサー付 700lm</h3>
13162            </header>
13163
13164            <p>内玄関の照明を買った。丸型蛍光灯を買ってしのぐことも考えたが、マイナーなサイズで割高(近所だと1000円くらいする)なため、思い切って買い替えることにした。人感センサー付きで安価、なるべく小さいものということで、知り合いの家で見たアイリスオーヤマの700lmで電球色のモデルにした。3237円だった。箱から出して10秒で取り付けられてすごい。</p>
13165          </section>
13166        </a>
13167
13168
13169        <a href="/blog/npx-for-linting-and-formatting">
13170          <section class="excerpt">
13171            <header>
13172              <p class="date"><time datetime="2018-02-15T14:19:33+09:00">15日</time></p>
13173
13174              <h3>リントやフォーマットをnpxで</h3>
13175            </header>
13176
13177            <p>プロジェクトで使うリンターとフォーマッターをインストールせずに(させずに)npxで呼ぶパターンはどうなのかという実験をしている。遅いと言えばそれはもう間違いなく遅いが、いずれにしてもインストールより実行の時間が支配的なので、実用的な速度であるとは言えそうだ。たまに呼ぶ、またはGitのフックで呼ぶような場合には問題なく使えるだろう。</p>
13178          </section>
13179        </a>
13180
13181
13182        <a href="/blog/on-20180214">
13183          <section class="excerpt">
13184            <header>
13185              <p class="date"><time datetime="2018-02-14T19:45:16+09:00">14日</time></p>
13186
13187              <h3>メモ(2018年2月14日)</h3>
13188            </header>
13189
13190            <p>thisとは何かを僕がちゃんと説明できないのが悪いのかもしれない。ということを考えなã
13190Œã‚‰ãƒ–リの塩焼きを食べた。ブリの照り焼きというのがどうも苦手だ。噛むとキシキシするような気がして、食感が苦手なんだと思う。なのでもっぱら塩焼きにして食べている。今の時期なら本当はサワラが食べたいが、やたら高い。</p>
13191          </section>
13192        </a>
13193
13194
13195        <a href="/blog/dreaming-20180211">
13196          <section class="excerpt">
13197            <header>
13198              <p class="date"><time datetime="2018-02-13T13:13:27+09:00">13日</time></p>
13199
13200              <h3>夢(2018年2月13日)</h3>
13201            </header>
13202
13203            <p>白いシャツを洗濯している。大体きれいになっていたが、襟と袖の黒ずみは消えきっていなかった。そこを修正ペンでぐりぐり消しながら「Photoshop欲しいな」と考えたところで目が覚めた。</p>
13204          </section>
13205        </a>
13206
13207
13208        <a href="/blog/on-20180212">
13209          <section class="excerpt">
13210            <header>
13211              <p class="date"><time datetime="2018-02-12T18:32:32+09:00">12日</time></p>
13212
13213              <h3>メモ(2018年2月12日)</h3>
13214            </header>
13215
13216            <p>1年くらい前にできた近所の焙煎屋に初めて行ってみた。「ハンドですか? エアロですか?」みたいに聞かれたのがツボに入りかけて、笑いをこらえるのが大変だった。おいしかったけどやはり高いので、たまに買うことにしよう。</p>
13217          </section>
13218        </a>
13219
13220
13221        <a href="/blog/promisified-execfile-on-error">
13222          <section class="excerpt">
13223            <header>
13224              <p class="date"><time datetime="2018-02-11T14:26:25+09:00">11日</time></p>
13225
13226              <h3>Promise化されたexecFile()でのエラー</h3>
13227            </header>
13228
13229            <p>child_processモジュールの関数群もutil.promisify()を使ってPromise化できる。しかしexecFile()などは元々のコールバックに3つ引数が渡されることから少し使い方が違ってくる。ここまでは皆が通る道だろう。実はそれだけでなくリジェクトされた時も少し違うことが公式ドキュメントの該当する項の最後に記載されていた。</p>
13230          </section>
13231        </a>
13232
13233
13234        <a href="/blog/on-20180210">
13235          <section class="excerpt">
13236            <header>
13237              <p class="date"><time datetime="2018-02-10T12:26:16+09:00">10日</time></p>
13238
13239              <h3>メモ(2018年2月10日)</h3>
13240            </header>
13241
13242            <p>ニトリの商品にクローゼット収納が侵略されていく。恐怖感が出てきたので、今回はトップバリュにした。ようやくクローゼットに入れ込んでいるチェストを捨てられそうなくらいまで整理が進んだ。無印良品のPPケースのホワイトグレーがどこでも買えるようになったので、これに下着類を入れるようにしたらチェストがいらなくなる。</p>
13243          </section>
13244        </a>
13245
13246
13247        <a href="/blog/on-20180209">
13248          <section class="excerpt">
13249            <header>
13250              <p class="date"><time datetime="2018-02-09T18:36:24+09:00">9日</time></p>
13251
13252              <h3>メモ(2018年2月9日)</h3>
13253            </header>
13254
13255            <p>横浜まで出向いてやった。遅刻されたし最悪だった。ベイクォーターのCafé&amp;Meal MUJIが閉店していた。夏くらいに謎の値段設定の家具屋ができていたらしい。どこかで見たような家具がオリジナルで売っていて、しかも安くなかった。荒んでいたので欠点ばかり目に入る。</p>
13256          </section>
13257        </a>
13258
13259
13260        <a href="/blog/bye-html-minifier">
13261          <section class="excerpt">
13262            <header>
13263              <p class="date"><time datetime="2018-02-08T11:55:57+09:00">8日</time></p>
13264
13265              <h3>HTMLMinifierの利用停止</h3>
13266            </header>
13267
13268            <p>しばらくの間、HTMLMinifierを導入していたが、やっと使うのをやめられた。そこそこ遅いこと、代替手段が存在すること、そしてビルド中に変なことが起こった時に差分をとã
13268‚Šã«ãã„こと、あたりが強い理由だ。スッキリした。</p>
13269          </section>
13270        </a>
13271
13272
13273        <a href="/blog/vim-css3-syntax-v0.26.1">
13274          <section class="excerpt">
13275            <header>
13276              <p class="date"><time datetime="2018-02-07T12:59:02+09:00">7日</time></p>
13277
13278              <h3>vim-css3-syntax v0.26.1</h3>
13279            </header>
13280
13281            <p>Selectors Level 4の新しいWDが出た。追加と変更が多く、議論を辿るのが面倒そうだ。そこそこ大きい変更で、まだ実装が追いつかないとも考えられるので、新しくv0.26.1をリリースしておいた。Selectors Level 4以外では前回のリリースからの更新は少ないので、セレクター絡みで不便な場合はv0.26.0に戻してほしい。</p>
13282          </section>
13283        </a>
13284
13285
13286        <a href="/blog/dreaming-20180205">
13287          <section class="excerpt">
13288            <header>
13289              <p class="date"><time datetime="2018-02-06T11:47:16+09:00">6日</time></p>
13290
13291              <h3>夢(2018年2月6日)</h3>
13292            </header>
13293
13294            <p>買い物から帰るとベランダに黒ずくめの男たちが2人いる。「泥棒だ!」と思い110番するも、出た人に「あー最近多いんですよね。何か盗まれていたり、誰か殺されていたりしたら改めて通報してもらえます?」などと軽くあしらわれる。仕方がないので家に入り、昼ご飯を作り始めたところで目が覚めた。</p>
13295          </section>
13296        </a>
13297
13298
13299        <a href="/blog/on-20180205">
13300          <section class="excerpt">
13301            <header>
13302              <p class="date"><time datetime="2018-02-05T12:17:20+09:00">5日</time></p>
13303
13304              <h3>メモ(2018年2月5日)</h3>
13305            </header>
13306
13307            <p>1月は外に出るとすぐに鼻水がでて大変だった。ポケットティッシュの消費量が常になく多く、ついにストックが尽きてしまった。いよいよ花粉症か……と考えていたが、すこし暖かい日には出ないのでまだ違うようだ。何日か目もショボショボして覚悟を決めていたが、これは単に風邪の引きかけだったようで、数日ですっきり治った。</p>
13308          </section>
13309        </a>
13310
13311
13312        <a href="/blog/flag-or-flags">
13313          <section class="excerpt">
13314            <header>
13315              <p class="date"><time datetime="2018-02-04T12:38:15+09:00">4日</time></p>
13316
13317              <h3>flagかflagsか</h3>
13318            </header>
13319
13320            <p>fsモジュールでwriteFile()の第三引数やcreateWriteStream()の第二引数ではオプションを渡せる。エンコーディングはそのまま渡すことが多いので、主にパーミッション操作で使うが、書き込みオプションもここで指定する。しかしあろうことか、writeFile()ではflagで、createWriteStream()ではflagsと、違う名前のキーで指定されることを知ってびっくりした。あまり使ったことがなかったので知らなかった。</p>
13321          </section>
13322        </a>
13323
13324
13325        <a href="/blog/fallen-glove-album">
13326          <section class="excerpt">
13327            <header>
13328              <p class="date"><time datetime="2018-02-03T11:50:58+09:00">3日</time></p>
13329
13330              <h3>手袋が落ちていた</h3>
13331            </header>
13332
13333            <p>iPhoneの写真アプリでアルバムを作り、落ちている手袋の写真をまとめていたが、本体交換の折に消え去った。そこそこ辛かったã
13333®ã§Googleフォトで「手袋が落ちていた」アルバムを作ることにした。落ちているのもあと1か月くらいなので頑張りたい。</p>
13334          </section>
13335        </a>
13336
13337
13338        <a href="/blog/on-20180202">
13339          <section class="excerpt">
13340            <header>
13341              <p class="date"><time datetime="2018-02-02T12:44:04+09:00">2日</time></p>
13342
13343              <h3>メモ(2018年2月2日)</h3>
13344            </header>
13345
13346            <p>ここ3年くらいでほうとうという料理の認知度が上がったせいか、シマダヤのほうとうが安価に手に入るようになってうれしい。最近は茹でほうとうなるものまで売っていてすごい。家にある味噌で作りたいので、麺だけのものが良く、量的にもちょうど良いシマダヤのものに落ち着いた。本当は内田製麺のものが欲しいが、さすがに売ってはいない。平井屋や横内製麺のものはあまり好きではない。</p>
13347          </section>
13348        </a>
13349
13350
13351        <a href="/blog/on-20180201">
13352          <section class="excerpt">
13353            <header>
13354              <p class="date"><time datetime="2018-02-01T11:49:31+09:00">1日</time></p>
13355
13356              <h3>メモ(2018年2月1日)</h3>
13357            </header>
13358
13359            <p>ポケットに1万円札と5千円札を入れたまま洗濯してしまった。思ったよりは大丈夫そうだったが、念のためATMでマネーロンダリングすることにした。1度目は両方突き返され、2度目は5千円札だけ通った。1万円札は3度挑戦してダメだったので、窓口で交換してもらった。</p>
13360          </section>
13361        </a>
13362
13363          </section>
13364          <section>
13365            <h2><time datetime="2018-01">2018年1月</time></h2>
13366
13367        <a href="/blog/hibiya-tokyo-20180130">
13368          <section class="excerpt">
13369            <header>
13370              <p class="date"><time datetime="2018-01-31T12:17:24+09:00">31日</time></p>
13371
13372              <h3>日比谷から東京、2018年1月30日</h3>
13373            </header>
13374
13375            <p>日比谷から東京までの写真をまとめた。</p>
13376          </section>
13377        </a>
13378
13379
13380        <a href="/blog/fragments-of-graphism">
13381          <section class="excerpt">
13382            <header>
13383              <p class="date"><time datetime="2018-01-30T19:01:34+09:00">30日</time></p>
13384
13385              <h3>グラフィズム断章(クリエイションギャラリーG8)</h3>
13386            </header>
13387
13388            <p>リクルートGinza8ビルでやっているグラフィズム断章という展覧会を見に行った。新橋駅のすぐ近くなので、横浜駅回りが速そうだったが、乗り換えが楽な小田急線から千代田線で日比谷駅から歩いて行った。</p>
13389          </section>
13390        </a>
13391
13392
13393        <a href="/blog/on-20180129">
13394          <section class="excerpt">
13395            <header>
13396              <p class="date"><time datetime="2018-01-29T16:12:02+09:00">29日</time></p>
13397
13398              <h3>メモ(2018年1月29日)</h3>
13399            </header>
13400
13401            <p>床屋へ行くのに成功した。すっぱり短くするつもりだったので、風邪をひかないようにニットキャップを持っていき、かぶって帰った。このニットキャップが少しヨレヨレになってきたような、馴染んできたような。買い替えるタイミングが難しい。</p>
13402          </section>
13403        </a>
13404
13405
13406        <a href="/blog/speciality-of-the-house">
13407          <section class="excerpt">
13408            <header>
13409              <p class="date"><time datetime="2018-01-28T11:43:18+09:00">28日</time></p>
13410
13411              <h3>特別料理</h3>
13412            </header>
13413
13414            <p>短編づいているので、久しぶりにスタンリイ・エリンの特別料理を読んだ。3度目の気がする。1度目は「あっそういうことか」、2度目は「羊肉がおいしいと罪悪感が残るようになってしまった……」、3度目になると「SNS時代だと成立しなそうだな」というヒネた感想になってしまった。2度目が一番面白かったと思うが、3度目もやはり面白い。</p>
13415          </section>
13416        </a>
13417
13418
13419        <a href="/blog/dreaming-20180125">
13420          <section class="excerpt">
13421            <header>
13422              <p class="date"><time datetime="2018-01-27T18:47:06+09:00">27日</time></p>
13423
13424              <h3>夢(2018年1月27日)</h3>
13425            </header>
13426
13427            <p>見覚えのない異世界らしきところに行く。しかし何もスキルや知識、手についた技術がなく、すぐ死ぬ。これを3回繰り返したところで目が覚めた。</p>
13428          </section>
13429        </a>
13430
13431
13432        <a href="/blog/on-20180126">
13433          <section class="excerpt">
13434            <header>
13435              <p class="date"><time datetime="2018-01-26T11:51:29+09:00">26日</time></p>
13436
13437              <h3>メモ(2018年1月26日)</h3>
13438            </header>
13439
13440            <p>新しいVAIOシリーズにはTruePerformanceなる技術が載っているらしい。詳しいことはよくわからないままだが、IntelのプロセッサーにあるTurbo Boost後にかかるパフォーマンス制限を、電源効率や熱効率を上げることでゆるくしてもらうというように読めた。第8世代Coreが採用されているDellのXPSシリーズにも似たような機能(Dynamic Power Modeと呼ばれている)が載っているようだ。特に筐体が変わったもうすぐ出る(はずの)XPS 13では、同じプロセッサーが採用されている製品に比べてかなりのパフォーマンスの改善がみられるレビューもあり、興味深い。</p>
13441          </section>
13442        </a>
13443
13444
13445        <a href="/blog/my-iphone-silently-shutting-down">
13446          <section class="excerpt">
13447            <header>
13448              <p class="date"><time datetime="2018-01-25T14:30:29+09:00">25日</time></p>
13449
13450              <h3>いつのまにかiPhoneが落ちてしまう</h3>
13451            </header>
13452
13453            <p>ここ2週間で3回、いつのまにかiPhoneがシャットダウンしたりしている。交換前のiPhoneでも起きていたので、交換品の不具合ということは可能性が低そうだ。SpectreやMeltdownの対策アップデートの影響か何かだろうか。</p>
13454          </section>
13455        </a>
13456
13457
13458        <a href="/blog/on-20180124">
13459          <section class="excerpt">
13460            <header>
13461              <p class="date"><time datetime="2018-01-24T12:49:10+09:00">24日</time></p>
13462
13463              <h3>メモ(2018年1月24日)</h3>
13464            </header>
13465
13466            <p>
13466ゴミ収集所がいつも汚いところは雪かきされないということを学んだ。というより汚いゴミ収集所というものが急速に増えてきた。少しだけ人気が出てきた証拠か。県内だと4番目くらいに人気があるとされているらしい(市長の広報による)が、横浜市や川崎市という大きなくくりがあっての4番目だ。それらを区単位で人気を集計したら10番目に入らないだろう。駅前のマンションが建ちきり、相鉄線から東横線乗り入れが開通したら……二俣川とかいずみ野線の方が人気が出そうだ。</p>
13467          </section>
13468        </a>
13469
13470
13471        <a href="/blog/canceling-catchphone">
13472          <section class="excerpt">
13473            <header>
13474              <p class="date"><time datetime="2018-01-23T10:19:09+09:00">23日</time></p>
13475
13476              <h3>キャッチホンの解約</h3>
13477            </header>
13478
13479            <p>さすがに固定電話でキャッチホンを使う機会もなくなってきたので解約した。ウェブ上で解約でき、解約した日付けにより日割りで最後の料金が決まる。色々考えずに解約できてよかった。</p>
13480          </section>
13481        </a>
13482
13483
13484        <a href="/blog/changing-timing-of-a-relative-datetime-unit">
13485          <section class="excerpt">
13486            <header>
13487              <p class="date"><time datetime="2018-01-22T09:51:16+09:00">22日</time></p>
13488
13489              <h3>相対日時の単位切り替えタイミング</h3>
13490            </header>
13491
13492            <p>インターネットで相対日時をよく見るようになってもうずいぶんになる。このウェブサイトでも記事の日時表記など一部で使っている。ここの実装では単位の切り替えタイミングが少し違い、90分前以上にならないと1時間前に、36時間以上にならないと1日前に、18か月以上前にならないと1年前にならないようにしていた。</p>
13493          </section>
13494        </a>
13495
13496
13497        <a href="/blog/on-20180121">
13498          <section class="excerpt">
13499            <header>
13500              <p class="date"><time datetime="2018-01-21T11:53:46+09:00">21日</time></p>
13501
13502              <h3>メモ(2018年1月21日)</h3>
13503            </header>
13504
13505            <p>定期的に机の位置を変えることにしている。久しぶりに窓に向けて置いた。冬で日が低いせいもあり、明るすぎてとまどう。あってよかったレースのカーテンという感じで、ちょうどな光量に調節できている。この前ビリッと破ってすごい怒られたけど……。</p>
13506          </section>
13507        </a>
13508
13509
13510        <a href="/blog/local-strawberry">
13511          <section class="excerpt">
13512            <header>
13513              <p class="date"><time datetime="2018-01-20T12:34:05+09:00">20日</time></p>
13514
13515              <h3>地元のイチゴ</h3>
13516            </header>
13517
13518            <p>季節なので食後にイチゴをバクバク食べている。地元でイチゴの生産が盛んなおかげで、そこそこのおいしさのものがそこそこの値段で手に入る。スーパーだと栃木や群馬のブランドものが中心だが、駅前にある農協の売店で地元産のものが売っている。イチゴは洗わなくていいし、皮をむかなくていいし、種もないし、季節柄冷やさなくても保存がきくし、良いことだらけだ。</p>
13519          </section>
13520        </a>
13521
13522
13523        <a href="/blog/on-20180119">
13524          <section class="excerpt">
13525            <header>
13526              <p class="date"><time datetime="2018-01-19T10:05:17+09:00">19日</time></p>
13527
13528              <h3>メモ(2018年1月19日)</h3>
13529            </header>
13530
13531            <p>IMEのショートカットをデフォルトに戻してみている。長年の手癖はなかなか抜けないが少しずつ思い出してきた。半角/全角キーを押しまくっている。Escキーと押し間違えまくっている。MS-IMEにあるShiftキーを単独で押して一時的に半角英数モードに変える機能も久々に良く使うようになった。</p>
13532          </section>
13533        </a>
13534
13535
13536        <a href="/blog/optimizing-promise-flow">
13537          <section class="excerpt">
13538            <header>
13539              <p class="date"><time datetime="2018-01-18T12:36:54+09:00">18日</time></p>
13540
13541              <h3>Promiseフローの最適化</h3>
13542            </header>
13543
13544            <p>Promiseで構成される処理のフローを最適化しようとするとよくわからなくなってくる。awaitで依存する処理同士を繋げ、それぞれをPromise.all()で並列に実行する、というのが基本のアプローチのようだ。しかし当然Prom
13544ise.all()の中で更にPromise.all()することになり、それがどんどん入れ子になっていく。すると見通しが悪くなってくる。</p>
13545          </section>
13546        </a>
13547
13548
13549        <a href="/blog/on-20180117">
13550          <section class="excerpt">
13551            <header>
13552              <p class="date"><time datetime="2018-01-17T11:35:16+09:00">17日</time></p>
13553
13554              <h3>メモ(2018年1月17日)</h3>
13555            </header>
13556
13557            <p>おばあさんが7人の子供たちを引き取ったものの、全員が近寄ってはいけないと注意しておいた長持の中に消えていく、という短編小説を読んだ。特におばあさんが魔女だという描写もなく、消えちゃったね……とフワッと終わる。白雪姫と7人の小人をモチーフにしているのかなとは思ったが、よくわからないままだ。</p>
13558          </section>
13559        </a>
13560
13561
13562        <a href="/blog/dreaming-20180111">
13563          <section class="excerpt">
13564            <header>
13565              <p class="date"><time datetime="2018-01-16T14:09:59+09:00">16日</time></p>
13566
13567              <h3>夢(2018年1月16日)</h3>
13568            </header>
13569
13570            <p>チキンカレーを食べながら、ビーフカレーを作っている。順調に食べつつ、順調に煮込み始める。チキンカレーをおかわりしたところ「このままでは炊飯器が足らない!」ということに気付く。駅前に買いに行こうと思い立ったあたりで目が覚めた。</p>
13571          </section>
13572        </a>
13573
13574
13575        <a href="/blog/on-20180115">
13576          <section class="excerpt">
13577            <header>
13578              <p class="date"><time datetime="2018-01-15T16:59:31+09:00">15日</time></p>
13579
13580              <h3>メモ(2018年1月15日)</h3>
13581            </header>
13582
13583            <p>横浜に用事があって久しぶりに行った。ちょっと見ない間にCial跡地のビルがにょきにょき伸びていた。他の工事箇所は特に進んでいないような、若干幕板の位置が変わったような、という程度で、先は長そうだ。駅付近はほとんど変化がないが、少し離れたところでは活発に再開発が行われているようだ。小さいものから大きいものまでクレーン車をたくさん見れて楽しい。</p>
13584          </section>
13585        </a>
13586
13587
13588        <a href="/blog/mkdir-command-on-windows">
13589          <section class="excerpt">
13590            <header>
13591              <p class="date"><time datetime="2018-01-14T14:25:24+09:00">14日</time></p>
13592
13593              <h3>Windowsのmkdirコマンド</h3>
13594            </header>
13595
13596            <p>Windowsのmkdirは内蔵コマンドだということをすっかり忘れていた。そのためnpm-scriptでmkdir foo/などと書くと失敗する(こう書き換えたら失敗していた)。別途MSYS2のmkdir.exeなどが優先順位の高いパスに置いてあっても、内蔵コマンドが優先されてしまうからだ。解決手段がなさそうなので、スラッシュなしで書くように戻している。</p>
13597          </section>
13598        </a>
13599
13600
13601        <a href="/blog/on-20180113">
13602          <section class="excerpt">
13603            <header>
13604              <p class="date"><time datetime="2018-01-13T14:46:37+09:00">13日</time></p>
13605
13606              <h3>メモ(2018年1月13日)</h3>
13607            </header>
13608
13609            <p>最寄り駅の駅周辺で多数のマンションが建築されている。駅から一番遠いマンションでようやく第一弾の入居が始まるようだが、まだ埋まっていないらしい。他にもいろいろ建つ上、さほど値段が変わらないことから様子見している人が多いという話だ。選択肢がありすぎるのも善し悪しだ。</p>
13610          </section>
13611        </a>
13612
13613
13614        <a href="/blog/tiger-wakuko-pch-g080-wp">
13615          <section class="excerpt">
13616            <header>
13617              <p class="date"><time datetime="2018-01-12T12:54:56+09:00">12日</time></p>
13618
13619              <h3>タイガー 電気ケトル PCH-G080-WP</h3>
13620            </header>
13621
13622            <p>やかんで沸かした熱湯をこぼすという事態が起こったので、ついに電気ケトルを買った。外側が熱くならないことや転倒湯こぼれ防止機能、空焚き停止機能を条件にすると、タイガーか象印しかなかった。その中で内部がプラスチックではないものとなると更に選択肢は狭まり、結局売れ筋のPCH-G080-WPになった。考えた意味がほとんどない。</p>
13623          </section>
13624        </a>
13625
13626
13627        <a href="/blog/new-iphone-5s">
13628          <section class="excerpt">
13629            <header>
13630              <p class="date"><time datetime="2018-01-11T09:12:12+09:00">11日</time></p>
13631
13632              <h3>新しいiPhone 5s</h3>
13633            </header>
13634
13635            <p>予定通りiPhone 5sのバッテリー交換をGenius Barでお願いした。1時間くらいの散歩と昼ご飯で暇をつぶして受け取りに行くと、中でバッテリーが膨張していたとのことで、バッテリー交換代金のみで新品に交換で対応ã
13635¨ã„うことになった。この前の都合の良い夢は1/4くらい正夢になった。これでまたあと4年は使えるかもしれない。でもさすがにiOSのサポートがなくなるか。</p>
13636          </section>
13637        </a>
13638
13639
13640        <a href="/blog/last-wallet">
13641          <section class="excerpt">
13642            <header>
13643              <p class="date"><time datetime="2018-01-10T09:06:56+09:00">10日</time></p>
13644
13645              <h3>最後の財布</h3>
13646            </header>
13647
13648            <p>使っているHender Schemaの財布を人生最後の財布にする、という目標を立てた。気に入っているので大切に使うということであり、キャッシュレス時代への備えということでもある。カードをメインに使うためにカード・ケースみたいなのを買おうかと考えていたが、だいたい慣れてきたので買わなくても良さそうだった。</p>
13649          </section>
13650        </a>
13651
13652
13653        <a href="/blog/on-20180109">
13654          <section class="excerpt">
13655            <header>
13656              <p class="date"><time datetime="2018-01-09T09:00:57+09:00">9日</time></p>
13657
13658              <h3>メモ(2018年1月9日)</h3>
13659            </header>
13660
13661            <p>重い腰を上げてGenius Barでバッテリー交換の予約をした。やり切ったような気がしているが、どう考えても始まってもいなかった。何かの予約のような他人も縛る行動をするのが極端に苦手なまま生きている。ふらっと行って「ヨロシク!」って渡したらサクッと交換して「マイド!」って終わってほしい。</p>
13662          </section>
13663        </a>
13664
13665
13666        <a href="/blog/building-files-with-dynamic-listing">
13667          <section class="excerpt">
13668            <header>
13669              <p class="date"><time datetime="2018-01-08T12:30:34+09:00">8日</time></p>
13670
13671              <h3>動的な一覧化を利用したファイルのビルド</h3>
13672            </header>
13673
13674            <p>少し前からCSSやJavaScriptファイル、ファビコンやタッチ・アイコンをビルドする時に入出力ファイルの対応を動的に生成していた。ファイル名を使って、ビルドするものかどうかの判断やまとめる先のファイル名を判断させる。そこそこ規模が大きくなると便利そうだが、数種類をビルドするだけには無駄なシステムだ。普通に対応関係を書くように戻した。</p>
13675          </section>
13676        </a>
13677
13678
13679        <a href="/blog/on-20180107">
13680          <section class="excerpt">
13681            <header>
13682              <p class="date"><time datetime="2018-01-07T09:37:28+09:00">7日</time></p>
13683
13684              <h3>メモ(2018年1月7日)</h3>
13685            </header>
13686
13687            <p>昨日、3時間くらい散歩したら、足の小指が軽いしもやけになってしまった。たまになる。こういうのも湿気を逃がすGore-Texの靴だとなりにくくなるのだろうか。革やダウンとGore-Texのような、自然素材との組み合わせの良さがいまいちよくわからない。無駄にスペックを盛っている印象だ。</p>
13688          </section>
13689        </a>
13690
13691
13692        <a href="/blog/on-20180106">
13693          <section class="excerpt">
13694            <header>
13695              <p class="date"><time datetime="2018-01-06T09:02:11+09:00">6日</time></p>
13696
13697              <h3>メモ(2018年1月6日)</h3>
13698            </header>
13699
13700            <p>寝ている時に地震が2回もあるとさすがにびっくりする。Apple Storeで5sのバッテリー交換をしてもらっていたところ、むこうのミスで壊れてしまい、無償でiPhone Xに交換してもらったなどという都合の良い夢を見ていた。地震で起こされると夢の内容を鮮明に思い出せる。</p>
13701          </section>
13702        </a>
13703
13704
13705        <a href="/blog/ime-osd">
13706          <section class="excerpt">
13707            <header>
13708              <p class="date"><time datetime="2018-01-05T12:12:11+09:00">5日</time></p>
13709
13710              <h3>
13710IMEのOSD</h3>
13711            </header>
13712
13713            <p>Windows 10のFall Creators UpdateでIMEのON/OFFの時にOSDで状態を教えてくれる機能が加わった。気づいた時に即座に無効にしたが、少し前から有効にして使っている。そこそこ便利なような、そうでもないような、微妙な印象のまま変わらない。しかし邪魔だなとまではならなくなったので、このまま有効にして使っていきたい。</p>
13714          </section>
13715        </a>
13716
13717
13718        <a href="/blog/main-shigusa">
13719          <section class="excerpt">
13720            <header>
13721              <p class="date"><time datetime="2018-01-04T11:30:22+09:00">4日</time></p>
13722
13723              <h3>main()しぐさ</h3>
13724            </header>
13725
13726            <p>asyncとawaitで書いていると、とりあえずasyncしてあげるためだけのmain()を書きたくなる(書いている)。これを見たり書いたりすると古の作法を思い出してしまい、体がかゆくなってしまう。セケンではあまり話題になっていなさそうなので、僕がうまく使えていないだけのようだ。それともざっくりIIFEで括るのが主流なのだろうか。&quot;use async&quot;;とかないのかな。</p>
13727          </section>
13728        </a>
13729
13730
13731        <a href="/blog/my-2018-manifesto">
13732          <section class="excerpt">
13733            <header>
13734              <p class="date"><time datetime="2018-01-03T12:14:40+09:00">3日</time></p>
13735
13736              <h3>2018年の目標</h3>
13737            </header>
13738
13739            <p>特に思いつかない。牛を食べるのは単なる欲望で目標ではない。ノートパソコンを買うのも欲望だ。欲望に塗れている。とりあえずBMIを19にする、ということにした。もうちょっと良さそうなものを考えよう。月に1回は展覧会へ行くとかでも良いかもしれない。これも欲望か。</p>
13740          </section>
13741        </a>
13742
13743
13744        <a href="/blog/dreaming-20180102">
13745          <section class="excerpt">
13746            <header>
13747              <p class="date"><time datetime="2018-01-02T12:18:05+09:00">2日</time></p>
13748
13749              <h3>夢(2018年1月2日)</h3>
13750            </header>
13751
13752            <p>丸々と太った〇〇〇〇〇の△△を背開きにし、中をくりぬいて捨てる。代わりに餃子の種を詰め、フライパンでこんがりと蒸し焼きにする。食べようとしたところで目が覚める。</p>
13753          </section>
13754        </a>
13755
13756
13757        <a href="/blog/beef-41">
13758          <section class="excerpt">
13759            <header>
13760              <p class="date"><time datetime="2018-01-01T10:06:00+09:00">1日</time></p>
13761
13762              <h3>41回</h3>
13763            </header>
13764
13765            <p>去年、夕飯に牛を41回食べた。今年は51回、つまり週一回のペースで牛を食べていきたい。うちのおせちは子供の頃からローストビーフがメインなので、今週のノルマは達成することになる。</p>
13766          </section>
13767        </a>
13768
13769          </section>
13770          <section id="2017">
13771            <h2><time datetime="2017-12">2017年12月</time></h2>
13772
13773        <a href="/blog/promise-all">
13774          <section class="excerpt">
13775            <header>
13776              <p class="date"><time datetime="2017-12-31T11:43:48+09:00">31日</time></p>
13777
13778              <h3>Promise.all()の浮いた感じ</h3>
13779            </header>
13780
13781            <p>今のところPromise.all()はそのまま書かざるをえないので、どうせなら全部Promiseの方が統一感あり、パッと見た時に気持ち良い、と感じる。しかし実際に全部そう書くのはとても面倒くさい。そうなると「シンタックスシュガーをください!」となり、キリがない。</p>
13782          </section>
13783        </a>
13784
13785
13786        <a href="/blog/wishlist-ultrabook">
13787          <section class="excerpt">
13788            <header>
13789              <p class="date"><time datetime="2017-12-30T12:43:22+09:00">30日</time></p>
13790
13791              <h3>ウルトラブックが欲しい</h3>
13792            </header>
13793
13794            <p>USB-Cの給電で間に合うパソコンだと色々楽になりそうだなと考えている。ということでã
13794„わゆるウルトラブックにしたい。他には条件はあまりなく、ディスプレイの輝度とコントラストが高く、8スレッド(つまりKaby Lake Refresh)で16GBメモリーのものが欲しい。HPのSpectre 13とRazerのBlade Stealth (国内未発売)、DellのXPS 13あたりで迷っている。自作時代にASUSに苦しめられたので、スペックはとても魅力的だがZenBook 3 Deluxeは買いたくない。</p>
13795          </section>
13796        </a>
13797
13798
13799        <a href="/blog/dreaming-20171222">
13800          <section class="excerpt">
13801            <header>
13802              <p class="date"><time datetime="2017-12-29T11:28:52+09:00">29日</time></p>
13803
13804              <h3>夢(2017年12月29日)</h3>
13805            </header>
13806
13807            <p>学校へ行こうと家を出る。駅までの道を歩いていると道路を破壊して家を建てている。「通りたい」と言うと「人の敷地を通るつもりか!」と怒られる。迂回しようと戻ると自宅に着いてしまったので、家に帰り、ベッドで寝る。なんの学校へ行くつもりだったのかな、と考えたところで目が覚める。</p>
13808          </section>
13809        </a>
13810
13811
13812        <a href="/blog/restarting-stopped-google-maps-location-history">
13813          <section class="excerpt">
13814            <header>
13815              <p class="date"><time datetime="2017-12-28T12:12:25+09:00">28日</time></p>
13816
13817              <h3>停止してしまったGoogleマップのロケーション履歴の再起動</h3>
13818            </header>
13819
13820            <p>MovesからSilentLogに乗り換え、最終的にGoogleマップのロケーション履歴に落ち着いた。しかしたまに記録されã
13820ªããªã‚‹ã€‚今回は6日前くらいから起こり、4日前くらいに戻った。iOSを更新したタイミングで起こりやすいような気がするが、確かなことはまったくわからない。Google Mapsアプリを入れ直し、移動している時にちょくちょく開いて何回か位置を明示的に確認してやると、僕の経験ではまた記録し始めてくれる。</p>
13821          </section>
13822        </a>
13823
13824
13825        <a href="/blog/my-4-years-old-iphone-5s-battery-capacity">
13826          <section class="excerpt">
13827            <header>
13828              <p class="date"><time datetime="2017-12-27T08:43:36+09:00">27日</time></p>
13829
13830              <h3>4年が経過したiPhone 5sのバッテリー容量</h3>
13831            </header>
13832
13833            <p>パソコンとスマフォのバッテリーの現在の最大容量を調べていた。パソコンは購入時の80%くらい(48WHr→39WHr)でなんとかなりそうだったが、4年物のスマフォ(iPhone 5s)は30%(1550mhA→500mhA)になっていた……。フル充電のサイクル数は902だったので、なかなか酷使している。</p>
13834          </section>
13835        </a>
13836
13837
13838        <a href="/blog/over-three-years">
13839          <section class="excerpt">
13840            <header>
13841              <p class="date"><time datetime="2017-12-26T09:53:06+09:00">26日</time></p>
13842
13843              <h3>3年物</h3>
13844            </header>
13845
13846            <p>3年以上使っていて、これからも使いそうなものを服と家電、家具で3つ書く。靴や鞄はちょくちょく書いており、それをちゃんと使い続けているので書かない。</p>
13847          </section>
13848        </a>
13849
13850
13851        <a href="/blog/on-20171225">
13852          <section class="excerpt">
13853            <header>
13854              <p class="date"><time datetime="2017-12-25T09:47:31+09:00">25日</time></p>
13855
13856              <h3>メモ(2017年12月25日)</h3>
13857            </header>
13858
13859            <p>Swatchの電池が切れた。IronyなのでSR936SWで、そこそこ大きな家電量販店へ行かないと売っていない。一番近いヨドバシカメラに行くか…と考えたが、ヨドバシのネット通販はメール便も送料無料だった。電池1個の購入には最適解かもしれない。</p>
13860          </section>
13861        </a>
13862
13863
13864        <a href="/blog/on-20171224">
13865          <section class="excerpt">
13866            <header>
13867              <p class="date"><time datetime="2017-12-24T10:22:59+09:00">24日</time></p>
13868
13869              <h3>メモ(2017年12月24日)</h3>
13870            </header>
13871
13872            <p>コースターをまだ探している。珪藻土のをもらったので使っていたが、これはダメなやつだった。コースターの求める水気を吸い取ることや器に張り付かないこと、机に温度を伝えないことに関しては完璧に近いが、水気を吸い取り戻さないため汚れが洗えず、無限に汚くなっていく。珪藻土製品は、風呂マットのようにきれいな水しか吸い取らせないことがある程度保証できる環境でのみ利用できるもののようだ。</p>
13873          </section>
13874        </a>
13875
13876
13877        <a href="/blog/fixing-cortana-opens-ie11">
13878          <section class="excerpt">
13879            <header>
13880              <p class="date"><time datetime="2017-12-23T15:24:54+09:00">23日</time></p>
13881
13882              <h3>CortanaがIE11を開いてしまうのを修正</h3>
13883            </header>
13884
13885            <p>Windows 10ではCortanaを使って色々できる。特にWinキーからスッと検索できるのはそこそこ便利だ(残念ながらBingだけど)。しかし何らかのタイミングでEdgeではなくInternet Explorer 11で立ち上がるようになってしまい、ここ2週間ほどとても不便だった。いい加減に治そうと調べたら簡単で、Edgeの設定→詳細設定にある「タスク バーの Web 検索結果をスクリーン リーダー用に最適化する」という設定をオフにするとEdgeで開かれるように戻った。</p>
13886          </section>
13887        </a>
13888
13889
13890        <a href="/blog/chipolo-classic-and-card">
13891          <section class="excerpt">
13892            <header>
13893              <p class="date"><time datetime="2017-12-23T09:27:20+09:00">23日</time></p>
13894
13895              <h3>Chipolo ClassicとCard</h3>
13896            </header>
13897
13898            <p>キーホルダーなどに取り付け、スマフォで探せるいわゆるBluetoothロケーター(正式になんていうのかいまだに知らない)を一度試してみようと考えていた。財布に入れられるものが欲しく、カード型のものを探していたがあまりなかった。探している途中(10月くらい)でChipoloがカード型を出す事を知り、それの発売を待ち、まとめて買った。かわいい。</p>
13899          </section>
13900        </a>
13901
13902
13903        <a href="/blog/appleid-and-icloud-email-address">
13904          <section class="excerpt">
13905            <header>
13906              <p class="date"><time datetime="2017-12-22T20:12:02+09:00">22日</time></p>
13907
13908              <h3>Apple IDとiCouldメールアドレス</h3>
13909            </header>
13910
13911            <p>
13911ちょっと前までGmailメールアドレスなどでApple IDを作ってしまうと、その後iCloudメールアドレスへ変更できなかった。何度かやってみてダメだった上、サポート・フォーラムでもいくつもスレッドが立っていたのでそういうものだったのだと思う。しかしさっき変更してみたら何事もなく変更することができた。Apple ID変更についてのサポート・ページでも明言されていた。今度はiCloudメールアドレスからGmailアドレスなどに変えられないようだが、それはそれで良さそうだ。</p>
13912          </section>
13913        </a>
13914
13915
13916        <a href="/blog/new-meiji-oishii-gyunyu">
13917          <section class="excerpt">
13918            <header>
13919              <p class="date"><time datetime="2017-12-22T13:18:12+09:00">22日</time></p>
13920
13921              <h3>新しい明治のおいしい牛乳</h3>
13922            </header>
13923
13924            <p>明治のおいしい牛乳パッケージが変わった。主張するほどにはユニバーサルなパッケージじゃない。特に開封する時のプルタブは、力が弱い人には硬すぎる。その形状から上に引っ張りたくなるのも良くない(上に引っ張ると内容が飛び出しやすい)。飲み終わった後の分解が素手で行えるのは確かだが、かなりの慣れを要求してくる。注ぎ口の関係で平らにたためない点でもユニバーサルではない。</p>
13925          </section>
13926        </a>
13927
13928
13929        <a href="/blog/on-20171222">
13930          <section class="excerpt">
13931            <header>
13932              <p class="date"><time datetime="2017-12-22T09:24:10+09:00">22日</time></p>
13933
13934              <h3>メモ(2017年12月22日)</h3>
13935            </header>
13936
13937            <p>正月に飲む日本酒を探している。今月頭には近所で七賢の生が売っていたので、それにしようと思っていたが、日曜くらいに売り切れてしまったようだ。獺祭の三割九分も売っていてかなり惹かれるが、ものすごい雑な激安スーパーなので買いたくない。どこかのスパークリングか、地元の蔵元の大吟醸にするか。</p>
13938          </section>
13939        </a>
13940
13941
13942        <a href="/blog/inlining-css-and-javascript">
13943          <section class="excerpt">
13944            <header>
13945              <p class="date"><time datetime="2017-12-21T09:40:22+09:00">21日</time></p>
13946
13947              <h3>CSSとJavaScriptのインライン化</h3>
13948            </header>
13949
13950            <p>CSSやJavaScriptをインライン化してみている。速い。ラスター画像もBase64で埋め込めみたくなる。しかしインライン化はやはり気持ちが悪く、落ち着かない。この気持ち悪さはウェブサイトと言う単位に意味が薄くなってしまうことにあるのではないか。</p>
13951          </section>
13952        </a>
13953
13954
13955        <a href="/blog/on-20171220">
13956          <section class="excerpt">
13957            <header>
13958              <p class="date"><time datetime="2017-12-20T08:39:56+09:00">20日</time></p>
13959
13960              <h3>メモ(2017年12月20日)</h3>
13961            </header>
13962
13963            <p>Prettierで唯一辛いのはデフォルトの設定から変えたいみたいな希望があることだ。まったく設定を変えられなければ良かった。何人かが「なるほど」などと言い出して変更され、すぐに戻されるという経験も、はや3回目だ。vim-prettierはFacebookの内規に合わせて設定が変更されているとか言っていた。はい。</p>
13964          </section>
13965        </a>
13966
13967
13968        <a href="/blog/takagi-hose-reel-rm110fj">
13969          <section class="excerpt">
13970            <header>
13971              <p class="date"><time datetime="2017-12-19T11:22:47+09:00">19日</time></p>
13972
13973              <h3>タカギ ホースリール オーロラNano 10m</h3>
13974            </header>
13975
13976            <p>ずっと使っていたホースリールがバキバキに割れ始め、うまく巻き取れなã
13976ãªã£ã¦ã—まった。そこそこ安価で取り回ししやすそうな細いホースのものを探し、タカギの10mのものにした。シマホで見て、Amazonで2800円で買った。</p>
13977          </section>
13978        </a>
13979
13980
13981        <a href="/blog/fallen-glove">
13982          <section class="excerpt">
13983            <header>
13984              <p class="date"><time datetime="2017-12-18T11:46:22+09:00">18日</time></p>
13985
13986              <h3>落ちている手袋</h3>
13987            </header>
13988
13989            <p>道端に落ちている手袋を写真に撮っている。たまにInstagramに上げるくらいでまとめたりはしていない。撮っていて気づくのは、急に寒くなるあたりで突然落ち始め、寒いピークにはあまり落ちていなくなるということだ。手袋の取り扱われ方を想像するとなんとなく理解できる。もうひとつは月曜日によく見つかることだ。日曜日に楽しくお出かけしている時は落としても気づかないのだろうか。</p>
13990          </section>
13991        </a>
13992
13993
13994        <a href="/blog/on-20171217">
13995          <section class="excerpt">
13996            <header>
13997              <p class="date"><time datetime="2017-12-17T09:55:36+09:00">17日</time></p>
13998
13999              <h3>メモ(2017年12月17日)</h3>
14000            </header>
14001
14002            <p>昨夜、半年ぶりくらいにひどい腹痛に襲われ、トイレで30分くらいうなっていた。出すものを出したらすぐにすっきりしたので、ただの食べ過ぎだったようだ。ヤリイカのショウガ焼きを2杯分くらいまでは大丈夫だったと思うが、食後に寒川神社で売っている八福餅を2つ食べたのがとどめを刺した。</p>
14003          </section>
14004        </a>
14005
14006
14007        <a href="/blog/clamp-hanger">
14008          <section class="excerpt">
14009            <header>
14010              <p class="date"><time datetime="2017-12-16T12:31:08+09:00">16日</time></p>
14011
14012              <h3>パンツを挟んで吊るすハンガー</h3>
14013            </header>
14014
14015            <p>ちょっと良いパンツをはいて出かけた時は、一晩ハンガーに吊るすようにしている。今まで洗濯ばさみが二つ付いている無印良品のハンガーを使っていたが、裾を挟むには向いていないような気がずっとしていた。そこで長い板状のもので挟むハンガー、MawaだとMAWAmat 26のような形のものを探して買った。ニトリで85円だった。</p>
14016          </section>
14017        </a>
14018
14019
14020        <a href="/blog/on-20171215">
14021          <section class="excerpt">
14022            <header>
14023              <p class="date"><time datetime="2017-12-15T09:10:32+09:00">15日</time></p>
14024
14025              <h3>メモ(2017年12月15日)</h3>
14026            </header>
14027
14028            <p>タイトルを考えることとある程度長く書くことが面倒になってくる期に入った。良い傾向だ。</p>
14029          </section>
14030        </a>
14031
14032
14033        <a href="/blog/vim-css3-syntax-v0.26.0">
14034          <section class="excerpt">
14035            <header>
14036              <p class="date"><time datetime="2017-12-12T13:19:12+09:00">12日</time></p>
14037
14038              <h3>vim-css3-syntax v0.26.0</h3>
14039            </header>
14040
14041            <p>Writing ModesのLevel 4仕様のWDが公開された。Level 3用のシンタックス・ファイルから先送りされたプロパティー等をLevel 4用のシンタックス・ファイルへ分離し、vim-css3-syntax v0.26.0をリリースした。他いくつかの仕様の更新に追随させているが、特に変更はない。</p>
14042          </section>
14043        </a>
14044
14045
14046        <a href="/blog/with-mustache">
14047          <section class="excerpt">
14048            <header>
14049              <p class="date"><time datetime="2017-12-08T14:13:18+09:00">8日</time></p>
14050
14051              <h3>ひげで</h3>
14052            </header>
14053
14054            <p>色々整理している過程でmustacheでHTMLとRSS、そしてSitemapsを生成するようにした。記事自体も更新や再生成する時はmustache経由で行うようにし、再構築(昔の流行語だ)がスムーズに行えるようになった。</p>
14055          </section>
14056        </a>
14057
14058
14059        <a href="/blog/kinto-hibi-tumbler-blue">
14060          <section class="excerpt">
14061            <header>
14062              <p class="date"><time datetime="2017-12-05T19:07:10+09:00">5日</time></p>
14063
14064              <h3>Kinto Hibiタンブラー ブルー</h3>
14065            </header>
14066
14067            <p>夏に家に転がっていたウィスキー・グラスで水を飲んでいたらすこぶる調子が良かった。しかし薄いので
14067割りそうで怖かった(怒られる)ので、厚めで安価なものを探し、Kintoの淡いブルーのものにした。MoMA Design Store 表参道で972円だった。</p>
14068          </section>
14069        </a>
14070
14071
14072        <a href="/blog/on-webfont-on-2018">
14073          <section class="excerpt">
14074            <header>
14075              <p class="date"><time datetime="2017-12-03T09:55:10+09:00">3日</time></p>
14076
14077              <h3>2018年のウェブフォントについて</h3>
14078            </header>
14079
14080            <p>少しの間Noto Sans Japaneseを利用していたが、すぐに止めた。やはりFOITが気になる。かといってFOUT強制も苦肉の策という印象しかない。……このような記事を書いていたら、先にうまくまとまったfont-displayデスクリプターについての記事が広まっていたので、そちらを読むのが良い。</p>
14081          </section>
14082        </a>
14083
14084
14085        <a href="/blog/adding-image-sizes-to-img-element">
14086          <section class="excerpt">
14087            <header>
14088              <p class="date"><time datetime="2017-12-01T14:03:33+09:00">1日</time></p>
14089
14090              <h3>
14090画像の縦横サイズの追加</h3>
14091            </header>
14092
14093            <p>img要素へ画像の縦横サイズを付け直した。数年ごとに付けたり消したりしている。付けたり消したり。</p>
14094          </section>
14095        </a>
14096
14097          </section>
14098          <section>
14099            <h2><time datetime="2017-11">2017年11月</time></h2>
14100
14101        <a href="/blog/vim-css3-syntax-v0.25.0">
14102          <section class="excerpt">
14103            <header>
14104              <p class="date"><time datetime="2017-11-29T16:10:22+09:00">29日</time></p>
14105
14106              <h3>vim-css3-syntax v0.25.0</h3>
14107            </header>
14108
14109            <p>vim-css3-syntaxからHTMLとSCSSのサポートを外し、v0.25.0をリリースした。Vimでは他のファイルタイプのシンタックス・ファイルを参照することは想定されていても、他のファイルタイプへばらまくことは考慮されていないからだ。色々なシンタックス・ファイルを見て回ったり、どうあるべきかということを考えた結果、外すべきだろうという結論になった。異論はありそうだが、メンテナンスの面倒くささなども外した理由のひとつなので、撤回はしない。</p>
14110          </section>
14111        </a>
14112
14113
14114        <a href="/blog/feedly-and-big-ogp-image">
14115          <section class="excerpt">
14116            <header>
14117              <p class="date"><time datetime="2017-11-28T08:49:45+09:00">28日</time></p>
14118
14119              <h3>Feedlyと大きなOGP画像</h3>
14120            </header>
14121
14122            <p>デフォルトのOGP向け画像を小さくした。FeedlyではOGP画像を表示することがある。その時、大きなOGP画像(例えばはてなブログのデフォルトのもの)だと、記事に画像がない場合、本文の先頭に幅いっぱいの大きさで表示される。小さくすると右上にチョコンと(float)されるので、あまり本文を読む邪魔をしない。</p>
14123          </section>
14124        </a>
14125
14126
14127        <a href="/blog/csswring-v6.0.2">
14128          <section class="excerpt">
14129            <header>
14130              <p class="date"><time datetime="2017-11-20T09:11:07+09:00">20日</time></p>
14131
14132              <h3>CSSWring v6.0.2</h3>
14133            </header>
14134
14135            <p>属性セレクターで大文字・小文字を無視するためのフラグの存在は知っていたが、実装があることを調べていなかった。イシューで指摘ã
14135•れたので、バグとして修正し、CSSWring v6.0.2をリリースした。</p>
14136          </section>
14137        </a>
14138
14139
14140        <a href="/blog/dreaming-20171116">
14141          <section class="excerpt">
14142            <header>
14143              <p class="date"><time datetime="2017-11-18T10:17:34+09:00">18日</time></p>
14144
14145              <h3>夢(2017年11月18日)</h3>
14146            </header>
14147
14148            <p>ビーフシチューを作っている。全部具材を入れ、煮込み始めたところ、なぜか肉が入っていないと思い込み、スーパーへ買いに行く。買ってきて下ごしらえしたが、肉はちゃんと入っていたので鍋にはもう入らない。仕方がないので寸胴鍋を出し、野菜も追加し、ビーフシチューが大量に作り上げる。それをすべて皿に盛ろうと、15皿くらい盛り付けたところで目が覚める。</p>
14149          </section>
14150        </a>
14151
14152          </section>
14153          <section>
14154            <h2><time datetime="2017-10">2017年10月</time></h2>
14155
14156        <a href="/blog/ikea-eket-box">
14157          <section class="excerpt">
14158            <header>
14159              <p class="date"><time datetime="2017-10-28T12:27:20+09:00">28日</time></p>
14160
14161              <h3>IKEA Eketボックス</h3>
14162            </header>
14163
14164            <p>30cmくらいの立方体の箱が欲しかったのでIKEAでEketというシリーズのボックスを買った。ポリエステル・ウール製でフタ付きのものだ。色はダークグレーで安っぽくはない。収めたかったところにちょうどピッタリで満足している。</p>
14165          </section>
14166        </a>
14167
14168
14169        <a href="/blog/rains-backpack-mini">
14170          <section class="excerpt">
14171            <header>
14172              <p class="date"><time datetime="2017-10-17T09:39:16+09:00">17日</time></p>
14173
14174              <h3>Rains Backpack Mini</h3>
14175            </header>
14176
14177            <p>防水のバッグか小さめのバックパックが欲しかったが、それほど困っていないので後回しにしていた。しかし両方兼ね備えたものがあり、かつ形や色合いが好みということでRainsのBackpack Miniを買っ(てしまっ)た。定価の13000円弱だった。ここ数日の雨で既に活躍している。</p>
14178          </section>
14179        </a>
14180
14181
14182        <a href="/blog/roppongi-20171011">
14183          <section class="excerpt">
14184            <header>
14185              <p class="date"><time datetime="2017-10-12T13:13:51+09:00">12日</time></p>
14186
14187              <h3>六本木散歩</h3>
14188            </header>
14189
14190            <p>東京ミッドタウンの21_21 Design Sightとデザインハブに行くついでに、付近を散歩した。たまにはという感じで写真のみでやってみたりする。雨が降ってもおかしくない陽気だったため、とにかく暗い。</p>
14191          </section>
14192        </a>
14193
14194
14195        <a href="/blog/nested-font-face-rule-on-edge-15">
14196          <section class="excerpt">
14197            <header>
14198              <p class="date"><time datetime="2017-10-09T08:46:41+09:00">9日</time></p>
14199
14200              <h3>Edge 15でのネストされた@font-faceルール</h3>
14201            </header>
14202
14203            <p>主にウェブフォントの利用やフォントの合成を行う時に使う@font-faceルールはまれに他のAt規則にネストされる。@mediaや@supportsルールを使って条件付きでフォントを変えたいことがあるからだ。しかしEdge 15ではそうやってネストされた@font-faceルールで作られたフォントを参照できない。</p>
14204          </section>
14205        </a>
14206
14207
14208        <a href="/blog/finnish-design-2017-20170926">
14209          <section class="excerpt">
14210            <header>
14211              <p class="date"><time datetime="2017-10-03T09:25:25+09:00">3日</time></p>
14212
14213              <h3>フィンランド・デザイン展(府中市美術館)</h3>
14214            </header>
14215
14216            <p>府中の森公園の一角にある府中市美術館でやっていたフィンランド・デザイン展に行ってきた。ちょうど椅子を買おうかというところで、Artekのも良いななどと考えていたので渡りに船だった。</p>
14217          </section>
14218        </a>
14219
14220          </section>
14221          <section>
14222            <h2><time datetime="2017-09">2017年9月</time></h2>
14223
14224        <a href="/blog/the-dinner-with-a-perfect-stranger">
14225          <section class="excerpt">
14226            <header>
14227              <p class="date"><time datetime="2017-09-13T13:29:13+09:00">13日</time></p>
14228
14229              <h3>ミステリー・ディナー</h3>
14230            </header>
14231
14232            <p>表紙にグッときたのでミステリー・ディナーという小説を読んだ。表紙の感じとタイトルから推理小説と想像していたが、イエスを名乗る男とのディナーでの神についての会話の小説だった。とはいっても淡々と進むので、説教をイメージする退屈さはあまりない。短いのもあってサラッと読めた。表紙は安西水丸の作品だった。</p>
14233          </section>
14234        </a>
14235
14236          </section>
14237          <section>
14238            <h2><time datetime="2017-08">2017年8月</time></h2>
14239
14240        <a href="/blog/html-for-developers">
14241          <section class="excerpt">
14242            <header>
14243              <p class="date"><time datetime="2017-08-31T18:26:52+09:00">31日</time></p>
14244
14245              <h3>HTMLは開発者たちのために</h3>
14246            </header>
14247
14248            <p>昔からよく「HTMLの正しさ」というような表現を見る。少し前はHTMLの構造的な完全さや文法的な正確さなどにウェブページの表示やCSS、そしてJavaScriptが依存していたので、そういった点を強く意識する必要があった。Firefoxが親切に教えてくださっていたXMLパースエラーのことを思い出すとわかりやすい。僕も良くそれに類する表現を使っていた。</p>
14249          </section>
14250        </a>
14251
14252
14253        <a href="/blog/hello-google-domains">
14254          <section class="excerpt">
14255            <header>
14256              <p class="date"><time datetime="2017-08-28T13:46:16+09:00">28日</time></p>
14257
14258              <h3>Google Domainsへ</h3>
14259            </header>
14260
14261            <p>Gandiの新管理画面が公開された。ベータから使っていたが、非常に使いづらい。2段階認証を有効にしてしまうと、毎回求められるのも致命的だった(無効にしようとすると500になるのがまったく治らない)。それほど頻繁に利用するわけでもないので我慢するか……と考えていたが、Google Domainsがいつのまにか日本からも使えるようになっていたので、つい移管してしまった。</p>
14262          </section>
14263        </a>
14264
14265
14266        <a href="/blog/dreaming-20170819">
14267          <section class="excerpt">
14268            <header>
14269              <p class="date"><time datetime="2017-08-26T09:09:05+09:00">26日</time></p>
14270
14271              <h3>夢(2017年8月26日)</h3>
14272            </header>
14273
14274            <p>家の1階がレストランになっている。買い物に出ようと階段を降りると、ノーネクタイだと通せないと言われる。しかたがないので部屋にこもっていたが、顔を洗いたいので、また降りる。しかしやはりノーネクタイだと通してもらえない。ネクタイのしめ方をググったところで目が覚める。</p>
14275          </section>
14276        </a>
14277
14278
14279        <a href="/blog/vim-css3-syntax-v0.24.3">
14280          <section class="excerpt">
14281            <header>
14282              <p class="date"><time datetime="2017-08-24T13:18:45+09:00">24日</time></p>
14283
14284              <h3>vim-css3-syntax v0.24.3</h3>
14285            </header>
14286
14287            <p>CSS Text Module Level 3の新しいWDがほぼ4年ぶりに出た。主な変更点はtext-align-lastプロパティーとtext-alignプロパティーの兼ね合い(主に均等割付絡みの面倒くささ)をtext-align-allプロパティーの新設と後者のショートハンド化で解消したことのようだ。追加もあったã
14287®ã§vim-css3-synatxのv0.24.3をリリースした。</p>
14288          </section>
14289        </a>
14290
14291
14292        <a href="/blog/win-shift-enter-on-edge-15">
14293          <section class="excerpt">
14294            <header>
14295              <p class="date"><time datetime="2017-08-22T16:04:16+09:00">22日</time></p>
14296
14297              <h3>Win+Shift+Enter</h3>
14298            </header>
14299
14300            <p>Edge 15にフルスクリーン機能はあるが、メニューからはアクセスできない。開発者ツールからがんばるしかないとずっと思っていたが、ショートカット・キーは存在した。Win+Shift+Enterでフルスクリーン表示を切り替えられる。PDFを読んでいる時やKindle Cloud Reader、Simplenoteのウェブアプリなどで威力を発揮してくれる。</p>
14301          </section>
14302        </a>
14303
14304
14305        <a href="/blog/starbucks-double-wall-mug">
14306          <section class="excerpt">
14307            <header>
14308              <p class="date"><time datetime="2017-08-18T14:07:26+09:00">18日</time></p>
14309
14310              <h3>スターバックス・ダブル・ウォール・マグ</h3>
14311            </header>
14312
14313            <p>サーモスのタンブラーが調子悪く(底の封が剥がれてきて、何回かアロンアルファで貼りつけている)なってから、マグカップとグラス、湯飲みを使い分けていたが、グラスを落として割りそうになったので、磁器のタンブラーを探していた。ビール用はそこそこ見るが、250mlくらいのものはあまり見つからない。「紙コップがそのまま磁器になったやつでいいのに……」みたいなことを話したところ、「ちょっと重いし高いけど、スターバックスにある」と教えてもらったので、ロゴ入りダブルウォール・マグを買った。</p>
14314          </section>
14315        </a>
14316
14317          </section>
14318          <section>
14319            <h2><time datetime="2017-07">2017年7月</time></h2>
14320
14321        <a href="/blog/dreaming-20170702">
14322          <section class="excerpt">
14323            <header>
14324              <p class="date"><time datetime="2017-07-03T12:21:16+09:00">3日</time></p>
14325
14326              <h3>夢(2017年7月3日)</h3>
14327            </header>
14328
14329            <p>朝起きて窓を開けると、屋根からネギが数本生えている。そういうこともあるかと1本抜き、朝ご飯に焼いて食べる。おいしかったので、これは便利だなと思うが、窓を開けるとずっとネギ臭いので焼きはらおうと火をつけたところで目が覚める。</p>
14330          </section>
14331        </a>
14332
14333          </section>
14334          <section>
14335            <h2><time datetime="2017-06">2017年6月</time></h2>
14336
14337        <a href="/blog/bye-sass">
14338          <section class="excerpt">
14339            <header>
14340              <p class="date"><time datetime="2017-06-19T09:51:44+09:00">19日</time></p>
14341
14342              <h3>Sassなし</h3>
14343            </header>
14344
14345            <p>カスタム・プロパティー(とPostCSS)を駆使してSassべったりなCSSを書きなおすという作業にどれくらいの労力が必要か知りたい。やってみるしかなさそうなので、このウェブサイトのCSSを書きなおしていた。</p>
14346          </section>
14347        </a>
14348
14349
14350        <a href="/blog/background-color-disappearance-on-edge-15">
14351          <section class="excerpt">
14352            <header>
14353              <p class="date"><time datetime="2017-06-18T09:49:15+09:00">18日</time></p>
14354
14355              <h3>Edge 15で要素の背景色が初期化されるバグ</h3>
14356            </header>
14357
14358            <p>ある要素にカスタム・プロパティーを使って背景色を指定したとする。そしてその要素に擬似要素を追加する。その擬似要素で背景色を指定すると、要素の背景色が初期化されてしまう。というバグがEdge 15にあった。</p>
14359          </section>
14360        </a>
14361
14362
14363        <a href="/blog/can-escape-or-not">
14364          <section class="excerpt">
14365            <header>
14366              <p class="date"><time datetime="2017-06-17T12:55:59+09:00">17日</time></p>
14367
14368              <h3>脱出できるか</h3>
14369            </header>
14370
14371            <p>脱出できなさそうなものはなるべく使いたくないが、代わりがなã
14371„と使わざるを得ない。古より継続中なのはAdobeプロダクトであり、少し前ならナントカeeScript (あまり書かずに逃げ切った)で、今ならカントカ-in-ナントカ(いずれ死ぬのは自分じゃないと思いながら書いている)かもしれない。</p>
14372          </section>
14373        </a>
14374
14375
14376        <a href="/blog/dreaming-20170613">
14377          <section class="excerpt">
14378            <header>
14379              <p class="date"><time datetime="2017-06-14T09:37:00+09:00">14日</time></p>
14380
14381              <h3>夢(2017年6月14日)</h3>
14382            </header>
14383
14384            <p>カラオケボックスに行く。部屋に通されると、自分の部屋の押入れがあり、中のものを整理しだす。ゲームボーイ(初代)とソフトが何本か見つかったので、電池を買いにコンビニに行く。無事に買い、帰ってくるも、いた部屋の番号がわからず途方に暮れる。</p>
14385          </section>
14386        </a>
14387
14388
14389        <a href="/blog/read-scheme">
14390          <section class="excerpt">
14391            <header>
14392              <p class="date"><time datetime="2017-06-13T08:10:46+09:00">13日</time></p>
14393
14394              <h3>read:</h3>
14395            </header>
14396
14397            <p>Edge 15の読み取りビュー(リーダー・モードみたいなもの)がマルチカラムでページめくりのものになっていた。結構うまい具合にレイアウトを調整してくれてすごいかもしれない。読み取りビューへのアクセスはアドレスバーにある開かれた本のようなアイコンから行う。</p>
14398          </section>
14399        </a>
14400
14401
14402        <a href="/blog/commission-for-paying-with-ntt-by-biglobe">
14403          <section class="excerpt">
14404            <header>
14405              <p class="date"><time datetime="2017-06-11T13:58:52+09:00">11日</time></p>
14406
14407              <h3>BIGLOBEの料金支払いに一部手数料が</h3>
14408            </header>
14409
14410            <p>プロバイダーの料金を固定電話やドコモ回線の料金とまとめて払う方法がある。ちょっと前までNTT請求書支払とかtabalまるごと決済とかよばれていたものだ。うちはドコモにまとめていた。それに手数料300円/月が加わるようになるそうだ。</p>
14411          </section>
14412        </a>
14413
14414
14415        <a href="/blog/possibilities-of-nesting-at-rules">
14416          <section class="excerpt">
14417            <header>
14418              <p class="date"><time datetime="2017-06-09T11:47:10+09:00">9日</time></p>
14419
14420              <h3>At規則のネストが起こる可能性</h3>
14421            </header>
14422
14423            <p>At規則は無限にネストできる。しかし現実的にネストが起こる可能性としては@mediaと@supportsが相手を子に持つ場合だけだろう。そのネストはどういう目的を持って起こるのだろうか。</p>
14424          </section>
14425        </a>
14426
14427
14428        <a href="/blog/at-supports-and-ie11">
14429          <section class="excerpt">
14430            <header>
14431              <p class="date"><time datetime="2017-06-08T13:01:21+09:00">8日</time></p>
14432
14433              <h3>@supportsとIE11</h3>
14434            </header>
14435
14436            <p>Internet Explorer 11以下では@supportsがサポートされていない。そのおかげで実装ベースで(CSSハックなどというものなしに)安全にCSSの新機能を試せるようになった。しかしそうなるとIE11などというもののために大量の@supportsが出てくることになり、精神衛生上良くない。実装がある方を優先させCSS全体を適当な@supportsで括ってしまえば良さそうだ。</p>
14437          </section>
14438        </a>
14439
14440
14441        <a href="/blog/vim-css3-syntax-v0.23.0">
14442          <section class="excerpt">
14443            <header>
14444              <p class="date"><time datetime="2017-06-05T16:24:15+09:00">5日</time></p>
14445
14446              <h3>vim-css3-syntax v0.23.0</h3>
14447            </header>
14448
14449            <p>CSS Logical Properties Level 1という仕様のWDが出た。この仕様で定義されているキーワードを追加し、vim-css3-syntaxのv0.23.0を出した。</p>
14450          </section>
14451        </a>
14452
14453
14454        <a href="/blog/nesting-at-rules">
14455          <section class="excerpt">
14456            <header>
14457              <p class="date"><time datetime="2017-06-01T08:40:40+09:00">1日</time></p>
14458
14459              <h3>At規則のネスト</h3>
14460            </header>
14461
14462            <p>CSS 2.1では@mediaや@pageの子に@mediaや@pageがくることはない。それぞれ子にはルールセット、または宣言(declaration)しか取れなã
14462„ことが文法で決まっているからだ。CSS 3においてはConditional Rules Module Level 3での定義が採用されるため、ネストできる。仕様上は無限に、だ。</p>
14463          </section>
14464        </a>
14465
14466          </section>
14467          <section>
14468            <h2><time datetime="2017-05">2017年5月</time></h2>
14469
14470        <a href="/blog/7167u-7267u-7567u">
14471          <section class="excerpt">
14472            <header>
14473              <p class="date"><time datetime="2017-05-31T11:42:09+09:00">31日</time></p>
14474
14475              <h3>7167uと7267u、7567u</h3>
14476            </header>
14477
14478            <p>ついにパソコンを新調しようか、となっている。Dellの15&apos;&apos; 4K XPSかIntelのNUCで組むかというところまで決めた。15&apos;&apos; XPSは4Kだとi7のモデルしか選択肢はなく、迷うことすらできない。NUCは第7世代Coreプロセッサーのモデルが出そろったようなので、どれにしようかと考えている。</p>
14479          </section>
14480        </a>
14481
14482
14483        <a href="/blog/calc-number-percentage-in-font-size-property-on-edge-15">
14484          <section class="excerpt">
14485            <header>
14486              <p class="date"><time datetime="2017-05-29T08:20:59+09:00">29日</time></p>
14487
14488              <h3>Edge 15でのfont-size: calc(&lt;number&gt; * &lt;percentage&gt;)</h3>
14489            </header>
14490
14491            <p>どうもEdge 15にはcalc()絡みのバグがまだまだ残っているようだ。font-sizeプロパティーで数字と割合を掛けてみたらよくわからない結果になった。Internet Explorer 11でも再現するため、Edge 12から15に存在しそうだ。</p>
14492          </section>
14493        </a>
14494
14495
14496        <a href="/blog/calc-in-calc-in-custom-properties-on-edge15">
14497          <section class="excerpt">
14498            <header>
14499              <p class="date"><time datetime="2017-05-27T10:32:00+09:00">27日</time></p>
14500
14501              <h3>Edge 15でのcalc()をcalc()するカスタム・プロパティーのバグ</h3>
14502            </header>
14503
14504            <p>カスタム・プロパティーを使い倒すには、どうしてもcalc()したり、そのcalc()した値を使ってまたcalc()したりする。Sassで複数の変数を使って計算した結果を変数にするのと同じだ。しかしカスタム・プロパティーをサポートしたはずのEdge 15ではcalc()が値のカスタム・プロパティーを使ってcalc()を使ったカスタム・プロパティーがうまく解決されない。</p>
14505          </section>
14506        </a>
14507
14508
14509        <a href="/blog/mdn-github-sign-in-link">
14510          <section class="excerpt">
14511            <header>
14512              <p class="date"><time datetime="2017-05-25T09:49:14+09:00">25日</time></p>
14513
14514              <h3>MDNのGitHubでサインインするリンク</h3>
14515            </header>
14516
14517            <p>MDNで検索しようとした時、よく間違えてGitHubでサインインするリンクを押してしまう。このリンクには大きく分けて形状、位置、ラベルの問題がある。</p>
14518          </section>
14519        </a>
14520
14521
14522        <a href="/blog/reload-mobile-safari-without-content-blockers">
14523          <section class="excerpt">
14524            <header>
14525              <p class="date"><time datetime="2017-05-24T00:15:18+09:00">24日</time></p>
14526
14527              <h3>コンテンツブロッカーなしで再読み込み</h3>
14528            </header>
14529
14530            <p>Mobile Safariでのバグを確認するために色々いじっていた。何かの拍子に再読み込みボタンを長押ししたところ、「デスクトップ用サイトを表示」と「コンテンツブロッカーなしで再読み込み」というメニューが出てきた。前者はともかく後者は便利に使えそうだ。</p>
14531          </section>
14532        </a>
14533
14534
14535        <a href="/blog/rem-in-media-queries-on-mobile-safari-v10.3.2">
14536          <section class="excerpt">
14537            <header>
14538              <p class="date"><time datetime="2017-05-23T17:24:50+09:00">23日</time></p>
14539
14540              <h3>Mobile Safari v10.3.2におけるメディア・クエリーでのrem単位</h3>
14541            </header>
14542
14543            <p>Mobile Safari v10.3.2で文字が少し大きくなる現象がこのウェブサイトで起きていた。再現条件がはっきりとしたことがわからない。何かしらリペイントがかかると想定通りの文字サイズに変わるので、CSSがおかしいということはなさそうだ……と思ったがメディア・クエリーでのrem単位に絡むバグだった。</p>
14544          </section>
14545        </a>
14546
14547
14548        <a href="/blog/date-format-on-ifttt-ios-calendar-service">
14549          <section class="excerpt">
14550            <header>
14551              <p class="date"><time datetime="2017-05-21T13:08:32+09:00">21日</time></p>
14552
14553              <h3>IFTTTのiOS Calendarサービスにおける日付け</h3>
14554            </header>
14555
14556            <p>3月の終わりにIFTTTでiOS Calendar(iCloudカレンダーというわけではなさそう)がついにサポートされた。今まではGoogleカレンダーを英語にしてやっていたが、これを機にGoogleカレンダーでは通常の予定のみにし、iOS Calendarに機械的な記録を集約させることにした。</p>
14557          </section>
14558        </a>
14559
14560
14561        <a href="/blog/dreaming-20170518">
14562          <section class="excerpt">
14563            <header>
14564              <p class="date"><time datetime="2017-05-20T10:22:09+09:00">20日</time></p>
14565
14566              <h3>夢(2017年5月20日)</h3>
14567            </header>
14568
14569            <p>フランス人の男になった。ピレネー山脈を歩いて越えなã
14569‘ればならないので、靴を買いに行く。靴はやっぱり日本製だということで、成田空港へ行き、成田空港行きの飛行機を探すも見つからない。泣きたくなったところで目が覚める。</p>
14570          </section>
14571        </a>
14572
14573
14574        <a href="/blog/logo-20170518">
14575          <section class="excerpt">
14576            <header>
14577              <p class="date"><time datetime="2017-05-19T01:35:16+09:00">19日</time></p>
14578
14579              <h3>ロゴ v7.1.0</h3>
14580            </header>
14581
14582            <p>手書きっぽいhに戻した。もはや戻したのかどうかよくわからない。5年位前にこのようなロゴだったような気がする。</p>
14583          </section>
14584        </a>
14585
14586
14587        <a href="/blog/hakone-free-pass-vs-normal-fare">
14588          <section class="excerpt">
14589            <header>
14590              <p class="date"><time datetime="2017-05-18T09:28:57+09:00">18日</time></p>
14591
14592              <h3>箱根フリーパスと通常運賃</h3>
14593            </header>
14594
14595            <p>先日の箱根は通常運賃で回っていた。そこそこ使ったので、本当にフリーパスの方が安いかどうか、帰ってから改めて計算した。比較するフリーパスは4640円になる。</p>
14596          </section>
14597        </a>
14598
14599
14600        <a href="/blog/spm-376-latereview">
14601          <section class="excerpt">
14602            <header>
14603              <p class="date"><time datetime="2017-05-17T09:20:31+09:00">17日</time></p>
14604
14605              <h3>SPM-376との一年</h3>
14606            </header>
14607
14608            <p>Spingle MoveのSPM-376を買って一年が経った。だいたい2日に1度のペースで履いている。まったく同じものを買って交互に履こうかな、と考えてしまったくらいには気に入っている。</p>
14609          </section>
14610        </a>
14611
14612
14613        <a href="/blog/hakone-shrine-motomiya-20170515">
14614          <section class="excerpt">
14615            <header>
14616              <p class="date"><time datetime="2017-05-16T10:09:30+09:00">16日</time></p>
14617
14618              <h3>箱根神社元宮へ</h3>
14619            </header>
14620
14621            <p>箱根神社は行ったことがあったが、元宮はなかった。暑くならないうちに行ったつもりだったが、ほぼ霧ですごく寒かった。</p>
14622          </section>
14623        </a>
14624
14625
14626        <a href="/blog/importing-ics-file-on-ios-10.3.1">
14627          <section class="excerpt">
14628            <header>
14629              <p class="date"><time datetime="2017-05-14T08:18:20+09:00">14日</time></p>
14630
14631              <h3>iOS v10.3.1でのicsファイルのインポート</h3>
14632            </header>
14633
14634            <p>以前はメールに添付されたicsファイルをメールアプリで開くと、右上に「すべてを追加」というボタンが出てきた。しかしiOS v10.3.1のメールアプリにはこのボタンがない。一方でMobile Safariにはこの「すべてを追加」ボタンがまだあるようだ。なのでこちらを使う。</p>
14635          </section>
14636        </a>
14637
14638
14639        <a href="/blog/black-accessories">
14640          <section class="excerpt">
14641            <header>
14642              <p class="date"><time datetime="2017-05-13T09:36:03+09:00">13日</time></p>
14643
14644              <h3>黒の小物</h3>
14645            </header>
14646
14647            <p>ほとんどの小物を黒にしおわった。ベルトや靴、鞄、財布、時計、手袋などなど。服に合わせて鞄を買うと、鞄が無限に増えていくような気がしてきたのが発端だ。小物の色味が安定すると、服の感じも安定しやすいかなと、小物の整理から始めた。今思うとどっちから変えるかというだけだった。</p>
14648          </section>
14649        </a>
14650
14651
14652        <a href="/blog/on-css-units-20170511">
14653          <section class="excerpt">
14654            <header>
14655              <p class="date"><time datetime="2017-05-11T10:05:32+09:00">11日</time></p>
14656
14657              <h3>CSSの単位について</h3>
14658            </header>
14659
14660            <p>
14660CSSでは単位が色々使えるようになった(なっている)。そのため、ちょくちょく「○○には✕✕単位を使うべき」という記事をよく見るようにもなった。僕は単位は管理の都合で決定し、統一した方が無難だと考えている。</p>
14661          </section>
14662        </a>
14663
14664
14665        <a href="/blog/reply-time-of-customer-support">
14666          <section class="excerpt">
14667            <header>
14668              <p class="date"><time datetime="2017-05-10T09:38:09+09:00">10日</time></p>
14669
14670              <h3>サポートの返答時間</h3>
14671            </header>
14672
14673            <p>Amazon.co.jpに問い合わせをしたら、5分くらいで人間っぽい返答が来た。返答までの時間が早いと、特に解決していなくても「なんとかしてくれそう」または「ちゃんとやっている」という気分になる。</p>
14674          </section>
14675        </a>
14676
14677
14678        <a href="/blog/soil-bath-mat-light">
14679          <section class="excerpt">
14680            <header>
14681              <p class="date"><time datetime="2017-05-09T08:42:52+09:00">9日</time></p>
14682
14683              <h3>Soil バス・マット・ライト</h3>
14684            </header>
14685
14686            <p>ついに珪藻土バスマットに手を出した。リンカーンでアンジャッシュがやっていたコーナーで見た時から買うか迷っていたので、多分7年以上になる。今は色々あるけれども、コーナーに敬意を表してSoilの薄い方にした。</p>
14687          </section>
14688        </a>
14689
14690
14691        <a href="/blog/collecting-things-on-twitter">
14692          <section class="excerpt">
14693            <header>
14694              <p class="date"><time datetime="2017-05-08T08:34:32+09:00">8日</time></p>
14695
14696              <h3>集積場所</h3>
14697            </header>
14698
14699            <p>Twitterを色々なものの集積場所に変えた。集積専用にしたいため、ミニブログ的なやつはTumblrを使うことにもした。なつかしのライフストリーミングだ。</p>
14700          </section>
14701        </a>
14702
14703
14704        <a href="/blog/node-clone-in-postcss-v6">
14705          <section class="excerpt">
14706            <header>
14707              <p class="date"><time datetime="2017-05-07T14:33:18+09:00">7日</time></p>
14708
14709              <h3>PostCSS v6でのNode#clone()</h3>
14710            </header>
14711
14712            <p>PostCSSのv6が出た。Node#clone()がちょっと賢くなって、rawsプロパティーを初期化しなくなった。そのため色々クローンして動かしてもインデントなどが崩れなくなった。</p>
14713          </section>
14714        </a>
14715
14716
14717        <a href="/blog/removing-dot-net-from-the-website-name">
14718          <section class="excerpt">
14719            <header>
14720              <p class="date"><time datetime="2017-05-05T09:50:05+09:00">5日</time></p>
14721
14722              <h3>replace(/\.net$/, &quot;&quot;)</h3>
14723            </header>
14724
14725            <p>ウェブサイト名から.netの部分を削除した。ウェブサイト名の変更は大きな意味合いを持ちそうなのでv7ということになっている。</p>
14726          </section>
14727        </a>
14728
14729
14730        <a href="/blog/haiga-oshimugi">
14731          <section class="excerpt">
14732            <header>
14733              <p class="date"><time datetime="2017-05-04T10:27:47+09:00">4日</time></p>
14734
14735              <h3>胚芽押麦</h3>
14736            </header>
14737
14738            <p>ここ5年ほど、2日に1度くらいのペースで、はくばくの胚芽押麦を混ぜたご飯を夕飯に食べている。それと時期が重なるように便通が随分改善した。因果関係は不明だが、ほのかな期待を抱いて食べ続けている。</p>
14739          </section>
14740        </a>
14741
14742
14743        <a href="/blog/weblog-and-in-site-search">
14744          <section class="excerpt">
14745            <header>
14746              <p class="date"><time datetime="2017-05-03T14:51:32+09:00">3日</time></p>
14747
14748              <h3>ウェブログと検索フォーム</h3>
14749            </header>
14750
14751            <p>個人のウェブログ程度のものに検索フォームが必要か、という疑問は常にある。そのためたまに消す。Googleにイãƒ
14751³ãƒ‡ãƒƒã‚¯ã‚¹ã•れていればそれで充分という論理に反駁の余地はまずない。</p>
14752          </section>
14753        </a>
14754
14755
14756        <a href="/blog/dreaming-20170502">
14757          <section class="excerpt">
14758            <header>
14759              <p class="date"><time datetime="2017-05-02T09:07:15+09:00">2日</time></p>
14760
14761              <h3>夢(2017年5月2日)</h3>
14762            </header>
14763
14764            <p>鼻の穴の間がかゆく、爪でかいている。少し引っ掛かりがあったのでグッと力をこめてかいたら、鼻の軟骨がすべてずるっと抜けた。「オペラ座の怪人のマスクのちっちゃいやつみたいだな」と思ったところで目が覚めた。</p>
14765          </section>
14766        </a>
14767
14768
14769        <a href="/blog/rm-then-mkdir">
14770          <section class="excerpt">
14771            <header>
14772              <p class="date"><time datetime="2017-05-01T08:32:53+09:00">1日</time></p>
14773
14774              <h3>削除からの作成</h3>
14775            </header>
14776
14777            <p>作業ディレクトリーをどう空にすると良いのか、という常識がない。シェルのグロブを使えば簡単だが、怖い。やはり削除してから作り直すのが安全そうだ。</p>
14778          </section>
14779        </a>
14780
14781          </section>
14782          <section>
14783            <h2><time datetime="2017-04">2017年4月</time></h2>
14784
14785        <a href="/blog/vaseline-for-lips">
14786          <section class="excerpt">
14787            <header>
14788              <p class="date"><time datetime="2017-04-30T10:01:53+09:00">30日</time></p>
14789
14790              <h3>ヴァセリン</h3>
14791            </header>
14792
14793            <p>年間通してリップクリームが手放せなくなってきた。今まではメンソレータムの最も安い棒状のものを買っていたが、この冬からヴァセリンに変えた。かなり調子良い。</p>
14794          </section>
14795        </a>
14796
14797
14798        <a href="/blog/too-many-lawson">
14799          <section class="excerpt">
14800            <header>
14801              <p class="date"><time datetime="2017-04-29T09:50:15+09:00">29日</time></p>
14802
14803              <h3>ローソンいっぱい</h3>
14804            </header>
14805
14806            <p>ローソンが歩ける範囲の近所に6軒ある。ここ1年ほどの間に4軒も増えた。あれば便利と言えばそうだが、なくても別に困らない同じものが増えてもうれしくはない。</p>
14807          </section>
14808        </a>
14809
14810
14811        <a href="/blog/too-small-too-big">
14812          <section class="excerpt">
14813            <header>
14814              <p class="date"><time datetime="2017-04-28T09:24:10+09:00">28日</time></p>
14815
14816              <h3>小さいかもしれないし、大きいかもしれない</h3>
14817            </header>
14818
14819            <p>人々は何を基準にしてウェブサイトの文字サイズを大きいか小さいか判断しているのだろうか。文字サイズについて扱う記事では、視力や年齢などの生物的な条件や、描画領域や機器そのもののサイズや機器との距離などの物理的な条件が挙げられることが多い。しかし実際には普段よく見るウェブサイトの文字サイズに引きずられる。文字の大小は印象に過ぎず、人は大きさを比較することでその印象を決定しているからだ。</p>
14820          </section>
14821        </a>
14822
14823
14824        <a href="/blog/homemade-mayonnaise">
14825          <section class="excerpt">
14826            <header>
14827              <p class="date"><time datetime="2017-04-27T09:20:42+09:00">27日</time></p>
14828
14829              <h3>自家製マヨネーズ</h3>
14830            </header>
14831
14832            <p>5年位前にバーミックスを買ってから、マヨネーズは家で作るようになった。材料を容器に入れてブィィィィィン。お手軽なので全卵で作っている。出来立てはフワフワな状態で、それを食べると天国へ行ける。</p>
14833          </section>
14834        </a>
14835
14836
14837        <a href="/blog/bamboo-shoots-2017">
14838          <section class="excerpt">
14839            <header>
14840              <p class="date"><time datetime="2017-04-26T09:22:15+09:00">26日</time></p>
14841
14842              <h3>春はたけのこ</h3>
14843            </header>
14844
14845            <p>この1週間、タケノコをずっと食べていた。タケノコご飯、タケノコとワカメの煮物、タケノコとã
14845‚¿ãƒžãƒã‚®ã®å‘³å™Œæ±ã€ã‚¿ã‚±ãƒŽã‚³ã®å¤©ã·ã‚‰ã€ç„¼ãã‚¿ã‚±ãƒŽã‚³ã€ãªã©ãªã©ã€‚</p>
14846          </section>
14847        </a>
14848
14849
14850        <a href="/blog/grayscale-ed-v6.112">
14851          <section class="excerpt">
14852            <header>
14853              <p class="date"><time datetime="2017-04-25T09:07:39+09:00">25日</time></p>
14854
14855              <h3>グレースケール化</h3>
14856            </header>
14857
14858            <p>色を減らしていたら勢い余ってグレースケール化してしまった。あまり変わらないような気もする。まだ薄いベージュの背景が記憶に新しいので、hsl(0, 0%, 99%)が薄いベージュに見えてくる……と思ったらNight Shiftのせいだった。</p>
14859          </section>
14860        </a>
14861
14862
14863        <a href="/blog/iwatani-cb-eco-prw">
14864          <section class="excerpt">
14865            <header>
14866              <p class="date"><time datetime="2017-04-21T12:52:30+09:00">21日</time></p>
14867
14868              <h3>イワタニ カセットフー・エコプレミアム</h3>
14869            </header>
14870
14871            <p>30年以上使ったカセットコンロがさすがに気になるので、イワタニの内炎式で一番安いエコプレミアムに買い替えた。食卓に黒いものはなるべく置きたくないので白にした。ヨドバシカメラで3900円ちょうどと高いというほどではない。</p>
14872          </section>
14873        </a>
14874
14875
14876        <a href="/blog/vim-css3-syntax-v0.21.0">
14877          <section class="excerpt">
14878            <header>
14879              <p class="date"><time datetime="2017-04-20T09:33:53+09:00">20日</time></p>
14880
14881              <h3>vim-css3-syntax v0.21.0</h3>
14882            </header>
14883
14884            <p>Fill and Stroke Moduleの最初のWDが出たので対応した。ついでにSVG 2.0用のシンタックス・ファイルで定義していたものを移動させ、できるだけCSSモジュールを優先することにした。リリース方針の変更も決意したので、これをv0.21.0とし、リリースした。</p>
14885          </section>
14886        </a>
14887
14888
14889        <a href="/blog/oyama-20170417">
14890          <section class="excerpt">
14891            <header>
14892              <p class="date"><time datetime="2017-04-18T09:40:14+09:00">18日</time></p>
14893
14894              <h3>大山</h3>
14895            </header>
14896
14897            <p>大山に登……らずに、ケーブルカーに乗りに行った。乗ったのは帰りだけなので、1/5くらいは登ったことにしておく。</p>
14898          </section>
14899        </a>
14900
14901
14902        <a href="/blog/scamorza-and-caciocavallo">
14903          <section class="excerpt">
14904            <header>
14905              <p class="date"><time datetime="2017-04-16T10:45:51+09:00">16日</time></p>
14906
14907              <h3>スカモルツァとカチョカヴァッロ</h3>
14908            </header>
14909
14910            <p>ローマみやげで貰ったスカモルツァがとてもおいしかった。吊るして乾燥させるため洋ナシのような形をしている。DOPではないようだが、EU外で作ったものはスカモルツァとは名乗れないようで、日本ではあまり売っていない。似た形のチーズにカチョカヴァッロというのがあり、こちらはまぁまぁ売っている。</p>
14911          </section>
14912        </a>
14913
14914
14915        <a href="/blog/dividing">
14916          <section class="excerpt">
14917            <header>
14918              <p class="date"><time datetime="2017-04-15T19:39:23+09:00">15日</time></p>
14919
14920              <h3>分断</h3>
14921            </header>
14922
14923            <p>ウェブログやInstagram他とTwitterとのIFTTTによる連携を切り、TwitterはTwitterとして使うようにした。たまにこうしたくなる。</p>
14924          </section>
14925        </a>
14926
14927
14928        <a href="/blog/promise-waterfall">
14929          <section class="excerpt">
14930            <header>
14931              <p class="date"><time datetime="2017-04-14T10:58:40+09:00">14日</time></p>
14932
14933              <h3>Promiseでwaterfall</h3>
14934            </header>
14935
14936            <p>async離れが完了したが、気づくとPromiseでasync-waterfall的なものを何度も書いていた。Promise.resolve()で始めたり、そうでなかったり。名前付き関数を受け取るだけのthen()を何度も書き、読みにくいなとなったり。</p>
14937          </section>
14938        </a>
14939
14940
14941        <a href="/blog/sizing-and-positioning-svg-icon">
14942          <section class="excerpt">
14943            <header>
14944              <p class="date"><time datetime="2017-04-11T10:32:37+09:00">11日</time></p>
14945
14946              <h3>SVGアイコンのサイズと位置</h3>
14947            </header>
14948
14949            <p>ヘッダーのリンクにはSVGの虫眼鏡のアイコンを流用した。vertical-alignプロパティーで文字位置と、line-heightとfont-sizeプロパティーの値を使って文字サイズと、それぞれ揃うように調節している。</p>
14950          </section>
14951        </a>
14952
14953
14954        <a href="/blog/gold-blend-and-tokachi-camembert-cheese">
14955          <section class="excerpt">
14956            <header>
14957              <p class="date"><time datetime="2017-04-09T10:11:08+09:00">9日</time></p>
14958
14959              <h3>ゴールドブレンドと十勝カマンベールチーズ</h3>
14960            </header>
14961
14962            <p>ゴールドブレンドの90gが498円、十勝カマンベールチーズ(切れてないもの)が210円、近所ではこれくらいの値段で安定して手に入る。チーズは2週に一度安い日が、インスタント・コーヒーはイオンとダイエー、ロピア、ヤマダ電気(ダイクマ)を1週間かけて回ると、どこかで安く売り出している。</p>
14963          </section>
14964        </a>
14965
14966
14967        <a href="/blog/search-form-and-focusing-by-in-page-link">
14968          <section class="excerpt">
14969            <header>
14970              <p class="date"><time datetime="2017-04-04T12:32:53+09:00">4日</time></p>
14971
14972              <h3>検索フォームとそれへのページ内リンクによるフォーカス</h3>
14973            </header>
14974
14975            <p>検索フォームへは移動と同時にフォーカスもさせたい。そうしておかないと、入力可能にするにはもう一度クリックしなくてはならず、フラストレーションがたまるからだ。このウェブサイトではinput[type=&quot;search&quot;]にIDを振ることで実現しておいた。HTMLコードだけで実装できる。しかし、Firefox 54やMobile Safari 10.2ではうまくフォーカスが当たってくれなã
14975„。</p>
14976          </section>
14977        </a>
14978
14979
14980        <a href="/blog/dreaming-20170208">
14981          <section class="excerpt">
14982            <header>
14983              <p class="date"><time datetime="2017-04-03T09:57:07+09:00">3日</time></p>
14984
14985              <h3>夢(2017年4月3日)</h3>
14986            </header>
14987
14988            <p>髭を剃っている。大体剃り終わったが、鼻の下に一本、太さが1cmくらいあるものだけ残っている。どうやっても剃れないので、病院へ行こうとパジャマのまま靴を履こうとしたところで目が覚める。</p>
14989          </section>
14990        </a>
14991
14992
14993        <a href="/blog/adding-link-to-site-search">
14994          <section class="excerpt">
14995            <header>
14996              <p class="date"><time datetime="2017-04-02T14:02:34+09:00">2日</time></p>
14997
14998              <h3>検索フォームへのリンクの追加</h3>
14999            </header>
15000
15001            <p>検索フォームはヘッダーにあるとアクセスしやすい。しかし邪魔なのでアイコンだけ置くという折衷案で妥協した。フルスクリーンの検索フォームにしようかとも考えたが、うっかりヘイトが貯まるのでやめておいた。</p>
15002          </section>
15003        </a>
15004
15005          </section>
15006          <section>
15007            <h2><time datetime="2017-03">2017年3月</time></h2>
15008
15009        <a href="/blog/slang-and-april-fool">
15010          <section class="excerpt">
15011            <header>
15012              <p class="date"><time datetime="2017-03-31T14:55:29+09:00">31日</time></p>
15013
15014              <h3>スラングとエイプリル・フール</h3>
15015            </header>
15016
15017            <p>友達がいないとスラングを使わない、というのはまったくその通りで、そのことについて考えていたら頭が痛くなった。エイプリル・フールみたいなものをやらないとかそういうのも近そうだな、くらいで思考が停止している。</p>
15018          </section>
15019        </a>
15020
15021
15022        <a href="/blog/fs-extra-outputfile-and-fs-writefile">
15023          <section class="excerpt">
15024            <header>
15025              <p class="date"><time datetime="2017-03-29T09:41:10+09:00">29日</time></p>
15026
15027              <h3>fs-extraのoutputFile()とfsのwriteFile()</h3>
15028            </header>
15029
15030            <p>fs-extraパッケージのoutputFile()は出力先のディレクトリーがないと自動で作ってくれるのでちょくちょく使っている。fsモジュールのwriteFile()と互換性があり考えずに使える……と思っていたが、パス文字列の代わりにファイル演算子(やBuffer)を投げたら通らなかった。このあたりに互換性がないようだ。</p>
15031          </section>
15032        </a>
15033
15034
15035        <a href="/blog/home-app-20170327">
15036          <section class="excerpt">
15037            <header>
15038              <p class="date"><time datetime="2017-03-28T10:34:03+09:00">28日</time></p>
15039
15040              <h3>ホーム画面のアプリ</h3>
15041            </header>
15042
15043            <p>1日に1回以上使わないアプリはフォルダーに片付けることにした。定期的に話題になるライフハック的な処方だ。アプリが9つ残り、ホーム画面にはそれらとフォルダーだけになった。やりづらい。</p>
15044          </section>
15045        </a>
15046
15047
15048        <a href="/blog/npm-to-install-package">
15049          <section class="excerpt">
15050            <header>
15051              <p class="date"><time datetime="2017-03-27T13:32:51+09:00">27日</time></p>
15052
15053              <h3>to-installパッケージ</h3>
15054            </header>
15055
15056            <p>グローバルにインストールしているnpmパッケージを整理していた。もういらなそうなものを削除したかっただけだが、to-installという記憶にないパッケージがインストールされていることに気づいた。ググってもいまいちよくわからない。</p>
15057          </section>
15058        </a>
15059
15060
15061        <a href="/blog/monkey-vol-11">
15062          <section class="excerpt">
15063            <header>
15064              <p class="date"><time datetime="2017-03-26T12:00:48+09:00">26日</time></p>
15065
15066              <h3>ともだちがいない!(Monkey Vol. 11)</h3>
15067            </header>
15068
15069            <p>猿のイラストが目印の雑誌、Monkeyの第11号をパラパラっと眺めたところ、「チャールズ・ブコウスキーには仲間、友達がいないので、仲間内の通り言葉であるスラングが彼の作品には少ない」というような文があった。ぐうの音も出なã
15069„。</p>
15070          </section>
15071        </a>
15072
15073
15074        <a href="/blog/spring-and-tidying-up-20170324">
15075          <section class="excerpt">
15076            <header>
15077              <p class="date"><time datetime="2017-03-24T16:12:00+09:00">24日</time></p>
15078
15079              <h3>春と片づけ</h3>
15080            </header>
15081
15082            <p>大物のラグの埃を払い、日光浴させた。ウールのセーターもひとつを残して全部洗った。マフラーや手袋、冬の帽子も洗って片づけた。あとは毛布をクリーニング屋に出しに行くだけだ。</p>
15083          </section>
15084        </a>
15085
15086
15087        <a href="/blog/ambie-and-curry-at-futakotamagawa">
15088          <section class="excerpt">
15089            <header>
15090              <p class="date"><time datetime="2017-03-23T09:50:35+09:00">23日</time></p>
15091
15092              <h3>Ambieとカレー</h3>
15093            </header>
15094
15095            <p>二子玉川に用事があったので、カレーを食べに行った。</p>
15096          </section>
15097        </a>
15098
15099
15100        <a href="/blog/nonwoven-fabric-strainer-filter">
15101          <section class="excerpt">
15102            <header>
15103              <p class="date"><time datetime="2017-03-21T10:56:32+09:00">21日</time></p>
15104
15105              <h3>不織布の水切り袋</h3>
15106            </header>
15107
15108            <p>台所の流しに置く三角コーナー用の水切り袋はここ3年ほど不織布のもので安定している。水が良く切れ、破れにくいと利用上ではほぼ完ぺきに近い。生協で買っている。ストックしている時にかさばるのが難点か。</p>
15109          </section>
15110        </a>
15111
15112
15113        <a href="/blog/npm-sripts-that-start-with-pre-or-post">
15114          <section class="excerpt">
15115            <header>
15116              <p class="date"><time datetime="2017-03-19T09:44:43+09:00">19日</time></p>
15117
15118              <h3>pre/postで始まるnpmスクリプト</h3>
15119            </header>
15120
15121            <p>npmの実装上の制限から、preやpostで始まる名前のnpmスクリプトを作っても想定したようには動かないことがある。具体的な例ではpreviewという名前でnpmスクリプトを作ると、それ自体は実行はできるが、prepreviewやpostpreviewが実行されない。</p>
15122          </section>
15123        </a>
15124
15125
15126        <a href="/blog/demolished-huge-residence">
15127          <section class="excerpt">
15128            <header>
15129              <p class="date"><time datetime="2017-03-18T12:03:20+09:00">18日</time></p>
15130
15131              <h3>なくなった巨大な屋敷</h3>
15132            </header>
15133
15134            <p>近所にあった巨大な屋敷がなくなった。母屋と離、あとは庭だったその跡地には、新築がなんと32軒分譲されるようだ。想像以上に巨大だった。いくらで売れたんだろう……。</p>
15135          </section>
15136        </a>
15137
15138
15139        <a href="/blog/kiehls-blue-eagle">
15140          <section class="excerpt">
15141            <header>
15142              <p class="date"><time datetime="2017-03-17T13:36:47+09:00">17日</time></p>
15143
15144              <h3>Kiehl’s ブラシレス・シェービング・クリーム</h3>
15145            </header>
15146
15147            <p>150gで2500円もするKiehl’sのシェービング・クリームをこの一年使ってた。高いのすごい、という雑な感想しかない。傷やカミソリ負けがほとんどできなくなった。匂いが少しあるが、無香料のためか後にはあまり残らないように思う。</p>
15148          </section>
15149        </a>
15150
15151
15152        <a href="/blog/more-or-frequently">
15153          <section class="excerpt">
15154            <header>
15155              <p class="date"><time datetime="2017-03-16T08:23:41+09:00">16日</time></p>
15156
15157              <h3>ペース・アップ</h3>
15158            </header>
15159
15160            <p>広告を外してから書くペースがガクッと落ちた。色々コンスタントに書いていきたい。</p>
15161          </section>
15162        </a>
15163
15164
15165        <a href="/blog/strolling-photos-at-omotesando-gaienmae-shinjukugyoen-20170314">
15166          <section class="excerpt">
15167            <header>
15168              <p class="date"><time datetime="2017-03-15T10:05:12+09:00">15日</time></p>
15169
15170              <h3>さんぽのしゃしん(表参道〜外苑前〜新宿御苑)</h3>
15171            </header>
15172
15173            <p>ずっと曇っていた。少し雨も降った。それほど寒くはなかった。</p>
15174          </section>
15175        </a>
15176
15177
15178        <a href="/blog/strolling-plan-at-omotesando-gaienmae-shinjukugyoen-20170314">
15179          <section class="excerpt">
15180            <header>
15181              <p class="date"><time datetime="2017-03-14T08:04:53+09:00">14日</time></p>
15182
15183              <h3>さんぽのしおり(表参道〜外苑前〜新宿御苑)</h3>
15184            </header>
15185
15186            <p>話題のエルメスの手しごと展が面白そうなので、それに行く。その後、外苑前から新宿御苑と散歩する計画だ。雨が降りそうなので傘を忘れないようにしよう。</p>
15187          </section>
15188        </a>
15189
15190
15191        <a href="/blog/limoncello">
15192          <section class="excerpt">
15193            <header>
15194              <p class="date"><time datetime="2017-03-13T13:23:36+09:00">13日</time></p>
15195
15196              <h3>リモンチェッロ</h3>
15197            </header>
15198
15199            <p>ローマのお土産でリモンチェッロという酒をもらった。作り方的にも作られ方的にも梅酒のような感じだが、味はかなり違う。ベースがウォッカなどのため、色や香りの爽やかさとからはちょっと裏切られる。ストレートであおるより、ロックでチビチビやる方が好みだった。</p>
15200          </section>
15201        </a>
15202
15203
15204        <a href="/blog/looking-for-lightweight-tote-bag">
15205          <section class="excerpt">
15206            <header>
15207              <p class="date"><time datetime="2017-03-09T15:48:13+09:00">9日</time></p>
15208
15209              <h3>軽いトートバッグ探し</h3>
15210            </header>
15211
15212            <p>Twitterを見てると皆がバッグを買っているような雰囲気で、それにバッグ欲が刺激され、欲しいメーターが振り切れてきた。A4サイズがすっぽりと入り、口がジッパーで閉じられ、革製で、500g前後の軽いものをずっと探しているがなかなかない。実際にはちょくちょくあるものの予算オーバーで辛い。</p>
15213          </section>
15214        </a>
15215
15216
15217        <a href="/blog/unique-array-with-set-object-and-spread-syntax">
15218          <section class="excerpt">
15219            <header>
15220              <p class="date"><time datetime="2017-03-07T14:34:38+09:00">7日</time></p>
15221
15222              <h3>
15222a = [...new Set(a)]</h3>
15223            </header>
15224
15225            <p>タイトルのようなコードが出てきたがまったく読めなかった。aは配列で、Setオブジェクトを通すことでユニークな値のみが拾われ、スプレッド文法を使って再び配列に直している。つまり配列aの要素から重複したものが取り除かれる。</p>
15226          </section>
15227        </a>
15228
15229
15230        <a href="/blog/dreaming-20170204">
15231          <section class="excerpt">
15232            <header>
15233              <p class="date"><time datetime="2017-03-05T19:32:10+09:00">5日</time></p>
15234
15235              <h3>夢(2017年3月5日)</h3>
15236            </header>
15237
15238            <p>風邪を引いたので大人しく寝ている。しかしお腹が空いたので、何か食べようと台所へ行く。「風邪には唐揚げだな」と鶏モモ肉で作る。「あっこれは骨折の時か」となったところで目が覚める。</p>
15239          </section>
15240        </a>
15241
15242
15243        <a href="/blog/vim-css3-syntax-v0.20.0">
15244          <section class="excerpt">
15245            <header>
15246              <p class="date"><time datetime="2017-03-04T10:10:44+09:00">4日</time></p>
15247
15248              <h3>vim-css3-syntax v0.20.0</h3>
15249            </header>
15250
15251            <p>いくつか新しいモジュールが公開されたので、それらへの対応を追加しvim-css-syntaxのv0.20.0をリリースした。SVG2への対応はv0.19.0で既に取り込まれている。落ち着いたかな……と思うとすぐに新たなモジュールが追加されるので、機械的にモジュールの追加や変更を察知する仕組みを作るべき、と改めて考えている。</p>
15252          </section>
15253        </a>
15254
15255
15256        <a href="/blog/building-sassc-with-msys2">
15257          <section class="excerpt">
15258            <header>
15259              <p class="date"><time datetime="2017-03-03T13:03:52+09:00">3日</time></p>
15260
15261              <h3>MSYS2によるsasscのビルド</h3>
15262            </header>
15263
15264            <p>sasscにはMSIインストーラーの野良ビルドがあるが、CLIツールをインストーラーで入れるのは抵抗がある。他にはSublime Text 2向けのsasscの単体実行ファイルが配布されていたりもするが、こちらはコンパイル・エラーが起きた時にエラー・メッセージをちゃんと吐かない。探せば他にも配っている人はいるかもしれないが、静的リンクの実行ファイルが作られるようにMakefileが修正されたらしいので、自前でMSYS2を使ってビルドすることにした。</p>
15265          </section>
15266        </a>
15267
15268
15269        <a href="/blog/merging-arrays-with-the-spread-operator-in-a-destructive-way">
15270          <section class="excerpt">
15271            <header>
15272              <p class="date"><time datetime="2017-03-02T14:43:54+09:00">2日</time></p>
15273
15274              <h3>スプレッド演算子を利用した配列同士の破壊的なマージ</h3>
15275            </header>
15276
15277            <p>配列aへ配列bを破壊的にマージしたいがletを使わずに行いたいということで、スプレッド演算子を使ってArray#push()するようなコードを書いた。同じようにletを使わずに書けるFunction#apply()を使ったマージと違ってコードが短い。また引数由来の制限(実装依存)がない。</p>
15278          </section>
15279        </a>
15280
15281          </section>
15282          <section>
15283            <h2><time datetime="2017-02">2017年2月</time></h2>
15284
15285        <a href="/blog/bye-airpods">
15286          <section class="excerpt">
15287            <header>
15288              <p class="date"><time datetime="2017-02-13T13:11:41+09:00">13日</time></p>
15289
15290              <h3>バイバイAirPods</h3>
15291            </header>
15292
15293            <p>AirPodsを売った。2016/12/31に来たので、約1か月の短い付き合いだった。一番大きい理由は着けている時の絵面が間抜けだなということが耐えられなくなったからだ。買う前にもなんとなくそんな印象を持っていたこともあり、手放ã
15293™ã¾ã§æ—©ã‹ã£ãŸã€‚</p>
15294          </section>
15295        </a>
15296
15297
15298        <a href="/blog/simplenote-api-and-user-agent-header">
15299          <section class="excerpt">
15300            <header>
15301              <p class="date"><time datetime="2017-02-07T14:30:40+09:00">7日</time></p>
15302
15303              <h3>Simplenote APIとUser-Agentヘッダー</h3>
15304            </header>
15305
15306            <p>Simplenoteを使い始めたので、ここにウェブログの下書きを置くようにした。コピペでVimに持ってきて公開スクリプトを叩くというのが面倒そうなので、一覧から選択して公開するようなツールを書くことにした。しかしうまく認証が通らず、APIトークンを取得できなかった。原因はUser-Agentヘッダーの指定がなかったことだった。</p>
15307          </section>
15308        </a>
15309
15310          </section>
15311          <section>
15312            <h2><time datetime="2017-01">2017年1月</time></h2>
15313
15314        <a href="/blog/dreaming-20170128">
15315          <section class="excerpt">
15316            <header>
15317              <p class="date"><time datetime="2017-01-29T09:51:22+09:00">29日</time></p>
15318
15319              <h3>夢(2017年1月29日)</h3>
15320            </header>
15321
15322            <p>寝ているがトイレに起きる。トイレに入ると便器がない。窓の外で男が便器を抱えており、驚いて「ドロボー?」と半疑問形で尋ねる。男が口を開きかけたところで目が覚める。</p>
15323          </section>
15324        </a>
15325
15326
15327        <a href="/blog/html-best-practices-in-korean">
15328          <section class="excerpt">
15329            <header>
15330              <p class="date"><time datetime="2017-01-24T13:52:49+09:00">24日</time></p>
15331
15332              <h3>HTML Best Practices韓国語訳</h3>
15333            </header>
15334
15335            <p>@techhtmlがHTML Best Practicesの韓国語訳を追加してくれた。感謝しかない。</p>
15336          </section>
15337        </a>
15338
15339
15340        <a href="/blog/using-edge-and-bing">
15341          <section class="excerpt">
15342            <header>
15343              <p class="date"><time datetime="2017-01-19T10:19:20+09:00">19日</time></p>
15344
15345              <h3>EdgeとBingを使用中</h3>
15346            </header>
15347
15348            <p>CortanaからはどうもEdgeとBingを切り離せないようなので、必要なピン留め機能が入ったのを機にこの2つの組み合わせで生きていくことにした。通知がWindows 10のやつになることも弱い理由としてある。</p>
15349          </section>
15350        </a>
15351
15352
15353        <a href="/blog/my-2017-manifesto">
15354          <section class="excerpt">
15355            <header>
15356              <p class="date"><time datetime="2017-01-05T08:02:08+09:00">5日</time></p>
15357
15358              <h3>2017年の目標</h3>
15359            </header>
15360
15361            <p>今年はSuicaが使えるところでは現金を使わないということにした。他のところでもなるべく現金を使いたくないが、よく利用するスーパーが現金しか使えなかったり、慣れてないのでSuicaに大金入れるのやだなとかあったりするため、できそうなところから少しずつ変えていきたい。結果としてコンビニに行かなくなったらそれはそれで良さそうだ。</p>
15362          </section>
15363        </a>
15364
15365          </section>
15366          <section id="2016">
15367            <h2><time datetime="2016-12">2016年12月</time></h2>
15368
15369        <a href="/blog/git-release-v1.2.2">
15370          <section class="excerpt">
15371            <header>
15372              <p class="date"><time datetime="2016-12-31T19:25:56+09:00">31日</time></p>
15373
15374              <h3>git-release v1.2.2</h3>
15375            </header>
15376
15377            <p>git-releaseへテストを走らせる機能を追加した。package.jsonが見つかり、かつテストが定義されている場合にnpm testを走らせるという自分の必要最小限のものだけにしておいた。冬になるとタイピングをミスってよくnpm test &amp; git release patchとやってしまい、アーアーアーってなるのを予防したかった。</p>
15378          </section>
15379        </a>
15380
15381
15382        <a href="/blog/makita-cl103dx">
15383          <section class="excerpt">
15384            <header>
15385              <p class="date"><time datetime="2016-12-27T14:26:51+09:00">27日</time></p>
15386
15387              <h3>マキタ CL103DX</h3>
15388            </header>
15389
15390            <p>ハンディー掃除機が欲しかった。といってもダイソンはさすがに高すぎな印象があったã
15390®ã§ã€2万円を切るくらいを目安に見繕っていた。いろいろ考えた結果、マキタのターボという無難なところに着地した。オレンジも悪くなかったけど、それも無難な白にする。割引なしの13230円。</p>
15391          </section>
15392        </a>
15393
15394
15395        <a href="/blog/dreaming-20161219">
15396          <section class="excerpt">
15397            <header>
15398              <p class="date"><time datetime="2016-12-21T12:43:56+09:00">21日</time></p>
15399
15400              <h3>夢(2016年12月21日)</h3>
15401            </header>
15402
15403            <p>タンスを開けてキャベツをしまおうとしている。キャベツがかなり大きく、一抱えくらいあった。そのままでは入らないので、いくつかに切り分け、しまう。しまった後で「パンツの横は良くないな」と考え、引き出しを開けたところで目が覚める。</p>
15404          </section>
15405        </a>
15406
15407
15408        <a href="/blog/nameshiya-shunju">
15409          <section class="excerpt">
15410            <header>
15411              <p class="date"><time datetime="2016-12-19T07:51:27+09:00">19日</time></p>
15412
15413              <h3>菜飯屋春秋</h3>
15414            </header>
15415
15416            <p>表紙の豆がおいしそうで、パラパラっと読んだら面白そうだったため、菜飯屋春秋という本を借りた。読んだ後にアスパラガスの卵とじを作って食べた。春になったら絹さやで作ろう。</p>
15417          </section>
15418        </a>
15419
15420
15421        <a href="/blog/adding-svg2-support-to-vim-css3-syntax">
15422          <section class="excerpt">
15423            <header>
15424              <p class="date"><time datetime="2016-12-16T10:30:11+09:00">16日</time></p>
15425
15426              <h3>vim-css3-syntaxへのSVG 2サポートの追加</h3>
15427            </header>
15428
15429            <p>インラインSVGを多用するようになりつつあるため、CSSファイルでfillやらがハイライトされると助かりそうなので、vim-css3-syntaxにSVG 2の中でCSSに書けるものを追加することにした。かなり巨大な変更になり、かつバッティングしそうな気配があるので、別ブランチでモソモソやっている。試してみたい人(動作確認してくれる人)はそちらを使ってみて欲しい。</p>
15430          </section>
15431        </a>
15432
15433
15434        <a href="/blog/inlining-svg-with-svgo">
15435          <section class="excerpt">
15436            <header>
15437              <p class="date"><time datetime="2016-12-15T13:20:09+09:00">15日</time></p>
15438
15439              <h3>SVGOでSVGをインライン化</h3>
15440            </header>
15441
15442            <p>SVGをインラインでHTMLに含める場合、SVGOを通した方が良い。HTMLファイルのサイズへ与える影響が大きいからだ。しかしデフォルトの設定だと、色々消えたり消えなかったりするのでそこそこ設定が必要になる。特にimg要素のalt属性に近いtitle要素のid属性とそれを参照するaria-labelledby属性は残さなければならない。</p>
15443          </section>
15444        </a>
15445
15446
15447        <a href="/blog/changing-blosxom-entry-format">
15448          <section class="excerpt">
15449            <header>
15450              <p class="date"><time datetime="2016-12-13T10:52:06+09:00">13日</time></p>
15451
15452              <h3>記事フォーマットの変更</h3>
15453            </header>
15454
15455            <p>Blosxomでは記事ファイルの1行目がタイトル、それ以降が本文になる。他のプログラムから扱おうとすると、そこで分割しなくてはならないのでいろいろと面倒くさい。そこでそれぞれの記事ファイルの1行目をh1要素でマークアップしてしまうように変えた。</p>
15456          </section>
15457        </a>
15458
15459
15460        <a href="/blog/tel-number-autolink-color">
15461          <section class="excerpt">
15462            <header>
15463              <p class="date"><time datetime="2016-12-08T09:27:55+09:00">8日</time></p>
15464
15465              <h3>電話番号を自動リンクする時の色</h3>
15466            </header>
15467
15468            <p>Edgeでは電話番号らしき文字列へ自動でリンクを張る。Mobile Safariもそうだが、両者の挙動は色の点でも一致しない。</p>
15469          </section>
15470        </a>
15471
15472
15473        <a href="/blog/dreaming-20161129">
15474          <section class="excerpt">
15475            <header>
15476              <p class="date"><time datetime="2016-12-03T09:05:34+09:00">3日</time></p>
15477
15478              <h3>夢(2016年12月3日)</h3>
15479            </header>
15480
15481            <p>
15481道を歩いているとやけにでかいリュックを背負った人が前を歩いている。リュックが時々もぞもぞ動くので気になってみていたら、中に赤ちゃんがいた。これは虐待かと思ったが、よく見ると動く人形だった。大丈夫だった。でもそのリュックを背負っていた人が、歩きながらずっと振り返りつつ人形に話しかけていたので、こっちは大丈夫じゃない怖いというところで目が覚めた。</p>
15482          </section>
15483        </a>
15484
15485
15486        <a href="/blog/testing-yu-gothic-ui">
15487          <section class="excerpt">
15488            <header>
15489              <p class="date"><time datetime="2016-12-01T13:41:31+09:00">1日</time></p>
15490
15491              <h3>Yu Gothic UIの仮採用</h3>
15492            </header>
15493
15494            <p>Yu Gothic UIというフォントがある。MS Pゴシックに対するMS UI Gothic的なものの、游ゴシックに対するものだ。あまり大っぴらには使われていないが、Segoe UIとフォントリンクされているので、日本語のWindows 10では日常的に目にしているはずだ。これをフォント指定に追加してみている。</p>
15495          </section>
15496        </a>
15497
15498          </section>
15499          <section>
15500            <h2><time datetime="2016-11">2016年11月</time></h2>
15501
15502        <a href="/blog/takubo-tkb-9">
15503          <section class="excerpt">
15504            <header>
15505              <p class="date"><time datetime="2016-11-26T14:15:04+09:00">26日</time></p>
15506
15507              <h3>田窪工業所のマグボトルフック</h3>
15508            </header>
15509
15510            <p>マグボトルやタンブラーをかけて乾かすものを数か月探していた。単なるトレーや、トレー付きのごついもの、立てるフックだけのもの、マグカップ向けなのか取っ手をかけるタイプのもの、などは苦労せずに見つかるが、水切りかごにセットできるようなものはあまり見つからない。この田窪工業所のステンレスのフックはほぼ条件を満たしていた。運よく地元の金物屋で見つかり、うちの水切りかごの枠にもひっかかることが確認できたため、そこで864円で買った。</p>
15511          </section>
15512        </a>
15513
15514
15515        <a href="/blog/nc-is-subtracted">
15516          <section class="excerpt">
15517            <header>
15518              <p class="date"><time datetime="2016-11-24T11:59:46+09:00">24日</time></p>
15519
15520              <h3>- NC</h3>
15521            </header>
15522
15523            <p>ライセンスをCCのBYだけに変えた。NCじゃなくなった。上位互換なので特に問題はない。</p>
15524          </section>
15525        </a>
15526
15527
15528        <a href="/blog/text-justify-inter-cluster">
15529          <section class="excerpt">
15530            <header>
15531              <p class="date"><time datetime="2016-11-17T13:28:54+09:00">17日</time></p>
15532
15533              <h3>text-justify: inter-cluster</h3>
15534            </header>
15535
15536            <p>Edge 14での両端揃えの調節をしていた。和英混在の日本語にはinter-ideographがベストと思っていたが、どうもinter-clusterが一番うまくいくようだ。</p>
15537          </section>
15538        </a>
15539
15540
15541        <a href="/blog/generating-colors-with-hsl-calc-and-custom-properties">
15542          <section class="excerpt">
15543            <header>
15544              <p class="date"><time datetime="2016-11-15T10:23:54+09:00">15日</time></p>
15545
15546              <h3>hsl()とcalc()、そしてCustom Propertiesを使った色の生成</h3>
15547            </header>
15548
15549            <p>CSSでの色については単純な変数だけでは少し足らない。それはCustom Propertiesがあったとしても同じで、論理的に操作したいという欲求があるからだ。少し明るくしたいとか、ここはビビットにとか、補色から30度近づけたい(Triad)とか、計算できるものを計算で生成できると良いわけだ。そこで明るさや鮮やかさをベースに色を定義できるhsl()関数とcalc()関数を組み合わせ、さらにそれをCustom Propertiesを通して合成することで色を生成するというアイディアを考えたã€
15549‚既にChrome 54やSafari 10では実現可能だ。</p>
15550          </section>
15551        </a>
15552
15553
15554        <a href="/blog/cycling-running-and-walking">
15555          <section class="excerpt">
15556            <header>
15557              <p class="date"><time datetime="2016-11-13T15:12:05+09:00">13日</time></p>
15558
15559              <h3>自転車とランニング、歩行</h3>
15560            </header>
15561
15562            <p>少しの間、DahonのRouteという折りたたみ自転車を借りて乗っていた。久々に自転車乗ったら気持ちいいが、その反面まったく歩かなくなった。ちょっとそこまでも自転車だし、遠出も自転車だし、足とは自転車をこぐためのものといったところだ。通勤や、ジム通い、ランニングなどを日常的に行っているのなら自転車最高! となるところだが、歩行を運動のメインに据えていた人間としては所持してはいけないもののようだ。</p>
15563          </section>
15564        </a>
15565
15566
15567        <a href="/blog/winter-is-coming">
15568          <section class="excerpt">
15569            <header>
15570              <p class="date"><time datetime="2016-11-10T12:51:26+09:00">10日</time></p>
15571
15572              <h3>冬来たる</h3>
15573            </header>
15574
15575            <p>ということでおよそ1か月半ほどかかって炎と氷の歌シリーズの既刊12冊を読み終えた。登場人物が多すぎ、死にすぎ、名前が似てて覚えられない、覚えたくらいでだいたい死ぬという感想(友人談)のテレビドラマであるGame of Thronesの原作小説(の日本語訳)だ。途中で主要キャラクターが全然出てこない巻があるのが難点だが、それもマイナーなキャラクターの掘り下げの外伝としてとらえればそれなりに面白い。中世ファンタジーどっぷりの小説は楽しいな。</p>
15576          </section>
15577        </a>
15578
15579
15580        <a href="/blog/barbour-lambs-wool-gloves">
15581          <section class="excerpt">
15582            <header>
15583              <p class="date"><time datetime="2016-11-08T08:31:27+09:00">8日</time></p>
15584
15585              <h3>Barbour ラムズウールグローブ</h3>
15586            </header>
15587
15588            <p>10年来の懸念事項だった手袋の新調をついに解決した。ロゴも特徴も何もない軍手っぽいやつだ。5076円だった。手袋はめたままスマフォをいじらないので、こういうのが良かった。</p>
15589          </section>
15590        </a>
15591
15592
15593        <a href="/blog/visiting-grave-20161101">
15594          <section class="excerpt">
15595            <header>
15596              <p class="date"><time datetime="2016-11-06T10:52:29+09:00">6日</time></p>
15597
15598              <h3>墓参り</h3>
15599            </header>
15600
15601            <p>墓参りに行った。春に納骨した時に草むしりが辛かったã
15601®ã§ã€é™¤è‰å‰¤ã¨çŸ³ã§å°å°ã—た結果の確認でもあった。</p>
15602          </section>
15603        </a>
15604
15605
15606        <a href="/blog/csswring-v5.1.1">
15607          <section class="excerpt">
15608            <header>
15609              <p class="date"><time datetime="2016-11-05T10:14:14+09:00">5日</time></p>
15610
15611              <h3>CSSWring v5.1.1</h3>
15612            </header>
15613
15614            <p>一連のセレクターのひとつで連結系のセレクターに使われる文字(&gt;や+、~)がエスケープされて最後に含まれており、かつそのセレクターにつづいて子孫セレクターとして別のシンプル・セレクターが存在する場合、両者の間の空白が消えてしまい、子孫セレクターではなく複数のシンプル・セレクターを組み合わせたものになってしまうバグを直しCSSWring v5.1.1をリリースした。ひどい日本語だ。</p>
15615          </section>
15616        </a>
15617
15618
15619        <a href="/blog/css-jutification-problem-and-solving-some">
15620          <section class="excerpt">
15621            <header>
15622              <p class="date"><time datetime="2016-11-04T12:17:58+09:00">4日</time></p>
15623
15624              <h3>CSSによる両端揃えの問題点とその解決へ向けて</h3>
15625            </header>
15626
15627            <p>日本語の文章の場合、両端が揃っているとおさまりが良い。CSSではその両端揃えを行うためにtext-alignプロパティーにjustifyという値が用意されている。完全に日本語だけの段落ならほぼ100%、和欧混在の段落でも9割以上の段落で想定通り機能するが、まれに無残な結果になる。それは自動折り返しで長めの英単語が行頭に来る場合だ。</p>
15628          </section>
15629        </a>
15630
15631          </section>
15632          <section>
15633            <h2><time datetime="2016-10">2016年10月</time></h2>
15634
15635        <a href="/blog/125-percent-win10">
15636          <section class="excerpt">
15637            <header>
15638              <p class="date"><time datetime="2016-10-30T11:32:28+09:00">30日</time></p>
15639
15640              <h3>125%に拡大したWindows 10</h3>
15641            </header>
15642
15643            <p>立て続けに10pxや12pxで長文のウェブページを読まされ、いちいちズームするのが面倒になったため、思い切ってOSレベルで125%に拡大した。思った以上に快適で、なぜこれまでやらなかったのかというくらいだ。サインアウトする必要はあったものの、常用しているアプリケーションで対応していないものもほとんどなかった。姿勢も良くなりそうだ。</p>
15644          </section>
15645        </a>
15646
15647
15648        <a href="/blog/sizing-column-with-ch-unit">
15649          <section class="excerpt">
15650            <header>
15651              <p class="date"><time datetime="2016-10-27T12:39:13+09:00">27日</time></p>
15652
15653              <h3>ch単位を使ったカラム幅指定</h3>
15654            </header>
15655
15656            <p>コンテンツのカラム幅は半角英数で45から75文字という説がある。それをem単位に直すとおおよそ25emから35emと考えられるが、実際にはフォントの横幅に依存する。一方CSSにはch単位というフォントの横幅によって変化する単位がある。ということはこの単位を幅や横方向の余白に利用すると、使用されるフォントに応じてカラム幅が適切に変化するはずだ……が、そうは問屋が卸さなかった。</p>
15657          </section>
15658        </a>
15659
15660
15661        <a href="/blog/drawic-v2.13.0">
15662          <section class="excerpt">
15663            <header>
15664              <p class="date"><time datetime="2016-10-24T14:35:54+09:00">24日</time></p>
15665
15666              <h3>Drawic v2.13.0</h3>
15667            </header>
15668
15669            <p>ちょっと使おうかなと思ってすぐやめたBehance、よく使うようになったGandiとUptime Robot、愛してやまないPenguin Booksを追加して、Drawicをv2.13.0にした。88個になった。100個まで遠いので、ぞろ目だしこれでおしまいにしよう……などというささやきが聞こえる。</p>
15670          </section>
15671        </a>
15672
15673
15674        <a href="/blog/anker-powerport-6-a2123523">
15675          <section class="excerpt">
15676            <header>
15677              <p class="date"><time datetime="2016-10-22T09:58:24+09:00">22日</time></p>
15678
15679              <h3>
15679Anker PowerPort 6</h3>
15680            </header>
15681
15682            <p>AirPodsを買うことにした。そうなるとUSB充電する機器が4つになるので、さすがに多ポートのUSB充電器を買うことにした。面倒くさいので何も考えずにAnkerのPowerPort 6にした。ヨドバシで3660円で買えた。</p>
15683          </section>
15684        </a>
15685
15686
15687        <a href="/blog/no-dreaming-20161018">
15688          <section class="excerpt">
15689            <header>
15690              <p class="date"><time datetime="2016-10-19T13:32:55+09:00">19日</time></p>
15691
15692              <h3>夢なし</h3>
15693            </header>
15694
15695            <p>今月に入ってからまったく夢を見ていないような気がする。枕を変えたからだろうか。新しい枕は羽毛のやつだ。今までは低反発のやつだったので、それと比べるとうるさい。うつぶせ寝なため、羽毛ががさがさこすれる音が聞こえる。しかし夢を見ていないことを考えると、そこそこ心地よいノイズなのかもしれない。</p>
15696          </section>
15697        </a>
15698
15699
15700        <a href="/blog/converting-time-element-content-to-relative-date">
15701          <section class="excerpt">
15702            <header>
15703              <p class="date"><time datetime="2016-10-16T13:41:43+09:00">16日</time></p>
15704
15705              <h3>time要素の内容を相対日時へ変換</h3>
15706            </header>
15707
15708            <p>time要素にdatetime属性があったら、それを元に現在時刻からの相対日時を生成し、その内容を差し替えるスクリプトを書いていた。相対日時を得るには、ミリ秒数同士を引き算して1000で割って60以下なら~秒前、60で割って60以下なら~分前、60で割って24以下なら~時間前、24で割って30以下なら~日前、30で割って12以下なら~か月前、12で割って~年前というものをそのままコードにした。車輪だ。</p>
15709          </section>
15710        </a>
15711
15712
15713        <a href="/blog/designing-for-doing-nothing">
15714          <section class="excerpt">
15715            <header>
15716              <p class="date"><time datetime="2016-10-15T02:26:32+09:00">15日</time></p>
15717
15718              <h3>何もしないためのデザイン</h3>
15719            </header>
15720
15721            <p>豆腐がある。日本ならどこのスーパーでも売っている豆腐のことだ。そのパッケージは簡易で必要十分なものだ。大抵は箱状で、上部をビニールで密閉されている。豆腐のパッケージの箱はそこそこ丈夫で、食卓にそのまま出すこともできる。一人暮らしならばそれでも良いかもしれないが、やはり必要な分だけ切り分け、器に盛るだろう。</p>
15722          </section>
15723        </a>
15724
15725
15726        <a href="/blog/justified-wrapped-flexbox-last-line">
15727          <section class="excerpt">
15728            <header>
15729              <p class="date"><time datetime="2016-10-13T12:56:05+09:00">13日</time></p>
15730
15731              <h3>均等割付した折り返しFlexboxの最後の行</h3>
15732            </header>
15733
15734            <p>Flexboxを使って折り返せる横並びのリストを作ることが増えてきた。大抵うまくいくのだが、項目間に溝をうまく確保しようとjustify-content: space-betweenを使ってしまうと、最後の行でおかしくなる困ってしまう。具体的には3列以上の横並びで最後の行に2つ(以上列数より下)しか項目がない場合、上図のように最後の行だけ項目が左寄せになってくれない。</p>
15735          </section>
15736        </a>
15737
15738
15739        <a href="/blog/a-text-beside-the-icon">
15740          <section class="excerpt">
15741            <header>
15742              <p class="date"><time datetime="2016-10-10T15:40:16+09:00">10日</time></p>
15743
15744              <h3>アイコンの横にある文字列</h3>
15745            </header>
15746
15747            <p>フロントエンド周辺のことをいろいろ書いているbitsofcodeというウェブサイトがある。記事の内容は様々で勉強になるものも多い。しかしとにかくハンバーガー・アイコンとロゴのレã
15747‚¤ã‚¢ã‚¦ãƒˆãŒæ°—になってしょうがなかった。</p>
15748          </section>
15749        </a>
15750
15751
15752        <a href="/blog/dumpling-1f95f">
15753          <section class="excerpt">
15754            <header>
15755              <p class="date"><time datetime="2016-10-08T10:34:51+09:00">8日</time></p>
15756
15757              <h3>粉をこねて皮にし、何かを詰めて茹でたり揚げたりしたもの</h3>
15758            </header>
15759
15760            <p>Unicode 10.0でEmojiに餃子が入るというのは聞いていたが、正確にはDumplingでタイトルのようなもの全般を指すEmojiのようだ。ロシアではピロシキだったり、イタリアではラビオリだったり、そして日本では餃子ということになる。こういう言い方をされると良くわからない。日本人が日本でラビオリのつもりで使うEmojiも、イタリア人がロシアで餃子のつもりで使うEmojiも、同じこのEmojiで良いということで、つまり使う人と読む人、そして前後の流れなどに依存するハイコンテキストなやつ、ということになりそう。</p>
15761          </section>
15762        </a>
15763
15764
15765        <a href="/blog/uptime-robot-public-status-page">
15766          <section class="excerpt">
15767            <header>
15768              <p class="date"><time datetime="2016-10-07T10:02:32+09:00">7日</time></p>
15769
15770              <h3>Uptime Robotのステータス・ページ公開機能</h3>
15771            </header>
15772
15773            <p>Uptime Robotというウェブサイトの死活監視サービスがある。落ちたら(復活したら)メールで通知してくれる他、Webhookで通知を投げることもできる(こちらをうまくIFTTTと組み合わせるとスマフォの通知に出せる)。手軽なので愛用している。そのUptime Robotが死活状態のページを公開する機能を提供するようになった。大手ウェブサービスもよく公開している、いわゆる死んでるっぽい時に見るページのアレだ。ものは試しと複数のドメインのステータス・ページを作ってみたところ好感触だった。</p>
15774          </section>
15775        </a>
15776
15777
15778        <a href="/blog/body-text-size">
15779          <section class="excerpt">
15780            <header>
15781              <p class="date"><time datetime="2016-10-06T00:52:19+09:00">6日</time></p>
15782
15783              <h3>本文のフォントサイズ</h3>
15784            </header>
15785
15786            <p>あなたの記事本文はフォントサイズが小さすぎる(原題: Your Body Text Is Too Small)という記事を読んだ。読める(legible)大きさではなく読みやすい(readable)大きさは、もはや20年以上前から続く伝統の16pxではないのではないかという主張だ。大きくすることの理由において僕の考えとはかなりずれがあった。</p>
15787          </section>
15788        </a>
15789
15790
15791        <a href="/blog/plain-pocket-t-shirts-2016-summer">
15792          <section class="excerpt">
15793            <header>
15794              <p class="date"><time datetime="2016-10-04T19:49:14+09:00">4日</time></p>
15795
15796              <h3>無地のポケットTシャツ</h3>
15797            </header>
15798
15799            <p>今年の夏はTシャツの入れ替え期という感じだった。計4着買った。柄物の気分ではなかったので、ポケット付きばかり買っていた。夏に普段着るものがすべて無地のポケット付きTシャツになった(なってしまった)。</p>
15800          </section>
15801        </a>
15802
15803
15804        <a href="/blog/do-not-control-scroll">
15805          <section class="excerpt">
15806            <header>
15807              <p class="date"><time datetime="2016-10-02T14:40:26+09:00">2日</time></p>
15808
15809              <h3>スクロールは制御するな</h3>
15810            </header>
15811
15812            <p>WWD Japanのウェブサイトがリニューアルして、スッキリした見やすそうな印象のものに変わった。しかし実際のところ見やすさは見せかけだけで、ナビゲーションをクリックしても見当違いのタブに切り替わったり、ニュース一覧からニュースをクリックしたら、要約ページへ移動するだけで、本文へはもう一度クリックしなければならなかったりする。中でもひどいのがMobile Safariでの閲覧だ。</p>
15813          </section>
15814        </a>
15815
15816          </section>
15817          <section>
15818            <h2><time datetime="2016-09">2016年9月</time></h2>
15819
15820        <a href="/blog/internet/ja">
15821          <section class="excerpt">
15822            <header>
15823              <p class="date"><time datetime="2016-09-28T21:14:20+09:00">28日</time></p>
15824
15825              <h3>日本語化</h3>
15826            </header>
15827
15828            <p>ウェブサイトを日本語化していた。直訳っぽさや古めかしさ、オシャレ感を排除し、ニュートラルな翻案となると難易度が高い。カタカナ語がなかったら……と考えるとã
15828‚¾ãƒƒã¨ã™ã‚‹ã€‚しかし安易にカタカナ語で目をつぶってきたことがこの体たらくにつながったのかもしれない。</p>
15829          </section>
15830        </a>
15831
15832
15833        <a href="/blog/webdesign/form-validation-hint-and-out-of-bounds-input-element">
15834          <section class="excerpt">
15835            <header>
15836              <p class="date"><time datetime="2016-09-27T22:24:04+09:00">27日</time></p>
15837
15838              <h3>フォーム・バリデーションのヒントと画面外にあるinput要素</h3>
15839            </header>
15840
15841            <p>input要素ではpattern属性でその入力された値をバリデーションできる。バリデーションに失敗した場合、title属性に指定された文字列がヒントとして表示されることが多い(ユーザー・エージェント側の実装に依存する)。事実Chromeでは古くから上記スクリーンショットのようなポップアップが表示される。多くのブラウザーで似たような実装を持つが、バリデーションに失敗した要素が画面外にある場合にはうまくヒントが表示されないことがあるようだ。</p>
15842          </section>
15843        </a>
15844
15845
15846        <a href="/blog/webdesign/multi-column-and-its-viewing-order">
15847          <section class="excerpt">
15848            <header>
15849              <p class="date"><time datetime="2016-09-23T08:32:33+09:00">23日</time></p>
15850
15851              <h3>マルチカラムとその閲覧順</h3>
15852            </header>
15853
15854            <p>Flexible Boxを使ったブロックのマルチカラム・レイアウト(Multi-columnのそれではない)をちょくちょく見るようになった。ただ作る方も見る方も慣れていないからか、並んだ項目をどのような順序で見ていけば良いのかよくわからないことがままある。何人かに聞いたり、自分で考えてみたりし、見る順番を決めている鍵は余白であるということを推察できた。</p>
15855          </section>
15856        </a>
15857
15858
15859        <a href="/blog/misc/dreaming-20160907">
15860          <section class="excerpt">
15861            <header>
15862              <p class="date"><time datetime="2016-09-19T05:18:55+09:00">19日</time></p>
15863
15864              <h3>夢(2016年9月19日)</h3>
15865            </header>
15866
15867            <p>マキネッタでコーヒーを淹れる。愛用のタンブラーにそそぐも、なかなかいっぱいにならず、せっかく淹れたコーヒーがなくなる。しょうがないのでもう1度コーヒーを淹れる。今度は慎重にそそぐ。しかしまたいっぱいにならない。というのを10回くらい繰り返したところで目が覚めた。</p>
15868          </section>
15869        </a>
15870
15871
15872        <a href="/blog/webdesign/italic-and-oblique">
15873          <section class="excerpt">
15874            <header>
15875              <p class="date"><time datetime="2016-09-16T13:31:19+09:00">16日</time></p>
15876
15877              <h3>italicとoblique</h3>
15878            </header>
15879
15880            <p>イタリック体(シュッと斜めなやつ)とオブリーク体(クタッと斜めなやつ)が違うことは知っていたが、font-styleプロパティーの値としてのitalicとobliqueは互換だと勘違いしていた。どちらを指定してもイタリック体かオブリーク体のどちらか存在する方を使ってくれ、両方ない場合は擬似斜体を生成してくれると思っていたが、違うようだ。</p>
15881          </section>
15882        </a>
15883
15884
15885        <a href="/blog/software/win10-au-emoji">
15886          <section class="excerpt">
15887            <header>
15888              <p class="date"><time datetime="2016-09-15T15:55:19+09:00">15日</time></p>
15889
15890              <h3>Windows 10 Anniversary UpdateのEmoji</h3>
15891            </header>
15892
15893            <p>⃣ 0⃣ 1⃣ 2⃣ 3⃣ 4⃣ 5⃣ 6⃣ 7⃣ 8⃣ 9⃣ © ®       ‼ ⁉ ™ ℹ ↔ ↕ ↖ ↗ ↘ ↙ ↩ ↪ ⌚ ⌛ ⏩ ⏪ ⏫ ⏬ ⏰ ⏳ Ⓜ ▪ ▫ ▶ ◀ ◻ ◼ ◽ ◾ ☀ ☁ ☎ ☑ ☔ ☕ ☝ ☺ ♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓ ♠ ♣ ♥ ♦ ♨ ♻ ♿ ⚓ ⚠ ⚡ ⚪ ⚫ ⚽ ⚾ ⛄ ⛅ ⛎ ⛔ ⛪ ⛲ ⛳ ⛵ ⛺ ⛽ ✂ ✅ ✈ ✉ ✊ ✋ ✌ ✏ ✒ ✔ ✖ ✨ ✳ ✴ ❄ ❇ ❌ ❎ ❓ ❔ ❕ ❗ ❤ ➕ ➖ ➗ ➡ ➰</p>
15894          </section>
15895        </a>
15896
15897
15898        <a href="/blog/media/jane-eyre">
15899          <section class="excerpt">
15900            <header>
15901              <p class="date"><time datetime="2016-09-13T11:49:05+09:00">13日</time></p>
15902
15903              <h3>ジェーン・エア</h3>
15904            </header>
15905
15906            <p>久しぶりに森薫の「エマ」と「シャーリー」を読んだので、流れで「ジェーン・エア」を読んだ。「嵐が丘」といっしょに高校の頃に読ã
15906‚“で以来だと思うので、20年ぶり以上だ。岩波文庫の新訳が読みやすく、3日くらいで一気に読めた。読み終わった後にまた「エマ」と「シャーリー」を読みたくなった。何の永久機関だ。</p>
15907          </section>
15908        </a>
15909
15910
15911        <a href="/blog/sports/carp-wins-2016-central-league">
15912          <section class="excerpt">
15913            <header>
15914              <p class="date"><time datetime="2016-09-10T22:10:57+09:00">10日</time></p>
15915
15916              <h3>赤いやつ</h3>
15917            </header>
15918
15919            <p>やった! 思い起こせば……(以下略)。</p>
15920          </section>
15921        </a>
15922
15923
15924        <a href="/blog/webdesign/lang-attribute-aoe">
15925          <section class="excerpt">
15926            <header>
15927              <p class="date"><time datetime="2016-09-07T15:33:36+09:00">7日</time></p>
15928
15929              <h3>lang属性の効果範囲</h3>
15930            </header>
15931
15932            <p>ウェブサイトの言語セレクトメニューを作る時、英語で一覧させることも多いが、それと同じくらいそれぞれの言語名でそれぞれの言語を表示することもある。母国語で表示されていれば絶対にわかるだろうし、見つけやすいだろうという理屈だ。そのこと自体にはいくつか欠点が考えられるわけだが、HTMLとしてはlang属性を使えばうまくマークアップできるだろう。同時にtitle属性を使って英語でフォローすると完璧……だが、そこそこ面倒くさいことになる。</p>
15933          </section>
15934        </a>
15935
15936
15937        <a href="/blog/gadget/bluetooth-keyboard-troubles">
15938          <section class="excerpt">
15939            <header>
15940              <p class="date"><time datetime="2016-09-04T14:46:58+09:00">4日</time></p>
15941
15942              <h3>Bluetoothキーボードのトラブル</h3>
15943            </header>
15944
15945            <p>少し前にキーボード何にしようかなとか書いたら「使ってない白のK480あるけどいる?」とか言われたので、ランチ・コースおごるのと交換にもらった。キーボードそのものは、キーとキーの間が広すぎて慣れなかったり、やたら重くて「えっ」となったりした(815gもある)けど、ギリギリ良いと思える。が、Bluetooth特有っぽいトラブルがいくつかあった。</p>
15946          </section>
15947        </a>
15948
15949
15950        <a href="/blog/webdesign/html-best-practices-in-japanese">
15951          <section class="excerpt">
15952            <header>
15953              <p class="date"><time datetime="2016-09-01T01:01:32+09:00">1日</time></p>
15954
15955              <h3>普通のHTMLの書き方(またはHTML Best Practices日本語版)</h3>
15956            </header>
15957
15958            <p>この夏、HTMLについて書く機会が別々に何回かあった。そのうちちゃんとした形で出ることだろう。そのままのテンションで一気にHTML Best Practicesの日本語版を作成した。内容は増えていないものの、さすがに日本語の方がさっと読め、色々直さなければという気になる……。</p>
15959          </section>
15960        </a>
15961
15962          </section>
15963          <section>
15964            <h2><time datetime="2016-08">2016年8月</time></h2>
15965
15966        <a href="/blog/webdesign/abbread">
15967          <section class="excerpt">
15968            <header>
15969              <p class="date"><time datetime="2016-08-20T19:58:08+09:00">20日</time></p>
15970
15971              <h3>Abbread</h3>
15972            </header>
15973
15974            <p>HTMLのabbr要素に指定されたtitle属性を、title属性が省略された他のabbr要素へばらまく小さなスクリプトを必要に迫られて書いていた。名前はabbrとspreadを混ぜてAbbreadとした。</p>
15975          </section>
15976        </a>
15977
15978
15979        <a href="/blog/gadget/keyboard-801-yen">
15980          <section class="excerpt">
15981            <header>
15982              <p class="date"><time datetime="2016-08-13T19:39:53+09:00">13日</time></p>
15983
15984              <h3>801円のキーボード</h3>
15985            </header>
15986
15987            <p>久々にキーボードが壊れた。ちゃんとしたキーボードを買いたいところだが、暑くて面倒だし、そもそもすぐさま必要なので考えている余裕はなさそうだ。とりあえず、ということで安価でテンキーレスなエレコムのTK-FCM084WHにした。ヨドバシカメラで801円だ。</p>
15988          </section>
15989        </a>
15990
15991
15992        <a href="/blog/misc/dreaming-20160809">
15993          <section class="excerpt">
15994            <header>
15995              <p class="date">
15995<time datetime="2016-08-11T09:11:40+09:00">11日</time></p>
15996
15997              <h3>夢(2016年8月11日)</h3>
15998            </header>
15999
16000            <p>町を歩いていると、前方にグレーのスーツを着た集団が見える。嫌な予感がするものの、歩道の隅へ避けて通り抜けようとする。しかし、うち一人に羽交い絞めにされる。そして他の全員から前髪を一本ずつナイフで切られたところで目が覚める。</p>
16001          </section>
16002        </a>
16003
16004
16005        <a href="/blog/misc/ghost-pictures-20160804">
16006          <section class="excerpt">
16007            <header>
16008              <p class="date"><time datetime="2016-08-06T13:32:21+09:00">6日</time></p>
16009
16010              <h3>幽霊画(全生庵)</h3>
16011            </header>
16012
16013            <p>東京は谷中に全生庵という寺がある。開祖である山岡鉄舟……云々はおいておく。ここには初代・三遊亭圓朝が収集していた幽霊画があり、彼の命日に合わせて8月にだけ一般公開される。少し前に読んだ小説に圓朝が出てきて興味を持ち、エンヤコラ見に行った。納涼だ。</p>
16014          </section>
16015        </a>
16016
16017          </section>
16018          <section>
16019            <h2><time datetime="2016-07">2016年7月</time></h2>
16020
16021        <a href="/blog/misc/underarm-hair-and-sweat">
16022          <section class="excerpt">
16023            <header>
16024              <p class="date"><time datetime="2016-07-31T21:34:24+09:00">31日</time></p>
16025
16026              <h3>腋の毛と汗</h3>
16027            </header>
16028
16029            <p>少し前に腋汗についてオッサンとオジサンで話していた。途中から少し若い女性が参加し、困るの困らないの、黒か白の服最高というように盛り上がった。そんな中、腋毛をある程度処理してやると腋汗が改善するのではないか、という仮説が立ったため、1か月ほど1cm以下くらいに短くする(画像略)という実験をしていた。</p>
16030          </section>
16031        </a>
16032
16033
16034        <a href="/blog/media/a-distant-shore">
16035          <section class="excerpt">
16036            <header>
16037              <p class="date"><time datetime="2016-07-28T08:03:21+09:00">28日</time></p>
16038
16039              <h3>はるかなる岸辺</h3>
16040            </header>
16041
16042            <p>表紙がかっこよかったので借りたはるかなる岸辺という小説を読んだ。中年から老年期に入った女性と、内戦から逃れて難民として他国へ逃げる30前後の男性が主人公で、章ごとに交互に両者の一人称語りで進められる。異国人に対する憎悪、結婚生活の破たん、難民と移民の同一視などが時系列を行ったり来たりしながら描かれていく。舞台となる国の先ごろの大きな決定を考えると、とても興味深い。</p>
16043          </section>
16044        </a>
16045
16046
16047        <a href="/blog/misc/forty-of-eighty">
16048          <section class="excerpt">
16049            <header>
16050              <p class="date"><time datetime="2016-07-23T00:56:32+09:00">23日</time></p>
16051
16052              <h3>40 ∕ 80</h3>
16053            </header>
16054
16055            <p>人生の前半とされるものが過ぎ去り、大厄まであと2年ということになった。健康診断でも少し痩せている以外は概ね健康体であり、このまま初老生活をエンジョイしたい。</p>
16056          </section>
16057        </a>
16058
16059
16060        <a href="/blog/software/hello-silentlog">
16061          <section class="excerpt">
16062            <header>
16063              <p class="date"><time datetime="2016-07-22T23:02:59+09:00">22日</time></p>
16064
16065              <h3>MovesからSilentLogへ</h3>
16066            </header>
16067
16068            <p>歩数計兼移動記録にMovesを使っていたのだけど、ちょくちょく位置情報が吹っ飛ぶことが起きるようになった。バッテリー消費も少なくないので、代替アプリを探し、ようやく場所名の編集が可能になったSilentLogにした。</p>
16069          </section>
16070        </a>
16071
16072
16073        <a href="/blog/misc/dreaming-20160709">
16074          <section class="excerpt">
16075            <header>
16076              <p class="date"><time datetime="2016-07-11T13:54:16+09:00">11日</time></p>
16077
16078              <h3>夢(2016年7月11日)</h3>
16079            </header>
16080
16081            <p>湖でボートに乗る。大きな遊覧船が横を通ったので、どうも芦ノ湖のようだ。突風が吹き、ボートがひっくり返る。岸まで泳いでそのままロープウェイで山頂のお宮さんへ行く。ボートを返さなくちゃと気づき、湖へ戻り沖合いに泳いで戻るっている途中で目が覚める。</p>
16082          </section>
16083        </a>
16084
16085
16086        <a href="/blog/gadget/buffalo-wex-1166dhp">
16087          <section class="excerpt">
16088            <header>
16089              <p class="date"><time datetime="2016-07-06T01:19:55+09:00">6日</time></p>
16090
16091              <h3>無線LAN中継機WEX-1166DHP</h3>
16092            </header>
16093
16094            <p>
16094Bluetoothを頻繁に使うようになって以降、11b/gでつなげている機器が不安定になることが増えてきた。それらをすべて11aのモデルに乗り換えたいところだが、機能的には困っていないので、11aのイーサネット・コンバーターを経由して繋げることにした。いろいろ見ていたが、7000円弱でヨドバシカメラで売っていた、BuffaloのWEX-1166DHPにした。でかい、がアンテナがついていると安心感がある。</p>
16095          </section>
16096        </a>
16097
16098          </section>
16099          <section>
16100            <h2><time datetime="2016-06">2016年6月</time></h2>
16101
16102        <a href="/blog/webdesign/csswring-v5.1.0">
16103          <section class="excerpt">
16104            <header>
16105              <p class="date"><time datetime="2016-06-30T08:20:47+09:00">30日</time></p>
16106
16107              <h3>CSSWring v5.1.0</h3>
16108            </header>
16109
16110            <p>冗長なユニバーサル・セレクターを削除する機能を追加して、CSSWring v5.1.0をリリースした。かなり前にやろうと考えていたもののすっかり忘れていた。v5.1.0には少し前に書いた単位の変換機能も含まれている。</p>
16111          </section>
16112        </a>
16113
16114
16115        <a href="/blog/webdesign/shorter-css-unit-for-time-and-angle">
16116          <section class="excerpt">
16117            <header>
16118              <p class="date"><time datetime="2016-06-24T10:19:55+09:00">24日</time></p>
16119
16120              <h3>時間と角度をより短い単位へ</h3>
16121            </header>
16122
16123            <p>0の値の場合に短い単位を採用するという処理は単純に実装できるが、0でない値の場合はそれなりに面倒くさい。単純に考えれば愚直に単位の変換を行い一番短いものを採用するという形で良いが、それだとかなりコストがかかるだろう。つまり変換すると短くなるケースをある程度想定しなければならない。</p>
16124          </section>
16125        </a>
16126
16127
16128        <a href="/blog/webdesign/shorter-css-unit-for-zero-value">
16129          <section class="excerpt">
16130            <header>
16131              <p class="date"><time datetime="2016-06-23T11:16:14+09:00">23日</time></p>
16132
16133              <h3>より短い単位へ(0の場合だけ)</h3>
16134            </header>
16135
16136            <p>CSSの長さでは、値が0の場合に限って単位を省略できる。このルールは周波数や角度、時間においては適用されないため、たとえば0msは0とは書けない。しかしこの場合は0sと違う単位で書くことによって1文字短くなる。こういった安全な単位の変換機能をCSSWringへ組み込んだ。</p>
16137          </section>
16138        </a>
16139
16140
16141        <a href="/blog/gadget/beoplay-a1">
16142          <section class="excerpt">
16143            <header>
16144              <p class="date"><time datetime="2016-06-21T09:24:17+09:00">21日</time></p>
16145
16146              <h3>Beoplay A1</h3>
16147            </header>
16148
16149            <p>先週の日曜日に二子玉川の蔦屋家電内にあるBang &amp; Olufsenの店で見たスピーカー、Beoplay A1がどうしても忘れられなかったので買った。ヨドバシカメラで29900円の10%ポイント還元と少し高めだった。シルバーの方にした。すごくかっこいい。</p>
16150          </section>
16151        </a>
16152
16153
16154        <a href="/blog/misc/herbs-2016">
16155          <section class="excerpt">
16156            <header>
16157              <p class="date"><time datetime="2016-06-18T15:26:28+09:00">18日</time></p>
16158
16159              <h3>ハーブ充</h3>
16160            </header>
16161
16162            <p>去年育てたバジルとイタリアンパセリが使いきれないくらい育ったことに味をしめたため、今年もハーブを育てている。今年は去年の2種に加え、大葉とディルを育てて、食べている。</p>
16163          </section>
16164        </a>
16165
16166
16167        <a href="/blog/misc/hair-wax-with-styling-powder">
16168          <section class="excerpt">
16169            <header>
16170              <p class="date"><time datetime="2016-06-14T10:23:33+09:00">14日</time></p>
16171
16172              <h3>パウダー入りのヘア・ワックス</h3>
16173            </header>
16174
16175            <p>
16175生まれて初めてパウダー入りのヘア・ワックスを使ったら、髪がふんわりしてびっくりした。ファイバーより軽いパウダーが水分を吸収してくれたりするようで、梅雨の時期でも負けない。ハゲ隠しのパウダー(黒いやつ)と同じようなものだと考えていて敬遠していたが、買わされて良かった。2年ぶりくらいにちゃんとした美容室へ行くと色々教わる。</p>
16176          </section>
16177        </a>
16178
16179
16180        <a href="/blog/software/vim-css3-syntax-v0.18.0">
16181          <section class="excerpt">
16182            <header>
16183              <p class="date"><time datetime="2016-06-11T17:26:59+09:00">11日</time></p>
16184
16185              <h3>vim-css3-syntax v0.18.0</h3>
16186            </header>
16187
16188            <p>13年ぶりに更新が入ったCSSモジュール仕様があった。ちょっとテンション上がったので、そこまでを反映させてvim-css3-syntaxプラグインのv0.18.0をリリースした。</p>
16189          </section>
16190        </a>
16191
16192
16193        <a href="/blog/misc/nihonbashi-20160531">
16194          <section class="excerpt">
16195            <header>
16196              <p class="date"><time datetime="2016-06-02T09:12:23+09:00">2日</time></p>
16197
16198              <h3>日本橋散歩</h3>
16199            </header>
16200
16201            <p>日本橋に展覧会を見に行った。少し前に読んだ本に関連した展示をやっているようなので、興味がわいたからだ。</p>
16202          </section>
16203        </a>
16204
16205          </section>
16206          <section>
16207            <h2><time datetime="2016-05">2016年5月</time></h2>
16208
16209        <a href="/blog/media/kousetsu-hyaku-monogatari">
16210          <section class="excerpt">
16211            <header>
16212              <p class="date"><time datetime="2016-05-30T12:06:26+09:00">30日</time></p>
16213
16214              <h3>巷説百物語</h3>
16215            </header>
16216
16217            <p>ようやく京極夏彦の小説を一通り読もうかなという気になったのでいろいろ読んでいる。この巷説百物語は事前知識ゼロで読みはじめたため、怖い話のオムニバスかと思って読みはじめたら全然違ったのでびっくりした。</p>
16218          </section>
16219        </a>
16220
16221
16222        <a href="/blog/webdesign/postcss-round-float">
16223          <section class="excerpt">
16224            <header>
16225              <p class="date"><time datetime="2016-05-27T10:26:05+09:00">27日</time></p>
16226
16227              <h3>postcss-round-float</h3>
16228            </header>
16229
16230            <p>多くのCSSプリプロセッサーは四則演算機能を持っている。その利用の結果、CSSファイルにはほとんど意味のない桁数の小数が散在することになる。postcss-round-floatパッケージはそういった四捨五入を行うPostCSSプラグインだ。</p>
16231          </section>
16232        </a>
16233
16234
16235        <a href="/blog/misc/dreaming-20160522">
16236          <section class="excerpt">
16237            <header>
16238              <p class="date"><time datetime="2016-05-26T13:30:12+09:00">26日</time></p>
16239
16240              <h3>夢(2016年5月26日)</h3>
16241            </header>
16242
16243            <p>おいしいと評判の湯豆腐を食べに店に入る。「いつもの」と頼むとわんこそば風にどんどん出てくる。お腹いっぱいになったので席を立ち、会計をしてる間もどんどん豆腐が鍋に入れられる。店を出たところで目が覚める。</p>
16244          </section>
16245        </a>
16246
16247
16248        <a href="/blog/software/uninstalling-onedrive-imcompletely">
16249          <section class="excerpt">
16250            <header>
16251              <p class="date"><time datetime="2016-05-25T12:11:59+09:00">25日</time></p>
16252
16253              <h3>OneDriveの(不完全な)アンインストール</h3>
16254            </header>
16255
16256            <p>OneDriveを特に使うこともなく一年近くになったので消すことにしたが、完全に消すことはできなかった。しかしホーム・ディレクトリーやエクスプローラーのサイドバーからは削除することができたので、まずまずといったところだ。きっとOSの更新時に復活したりするであろうので、記録しておく。</p>
16257          </section>
16258        </a>
16259
16260
16261        <a href="/blog/webdesign/performance-and-best-practices">
16262          <section class="excerpt">
16263            <header>
16264              <p class="date"><time datetime="2016-05-24T09:57:41+09:00">24日</time></p>
16265
16266              <h3>数値目標の達成と本当のパフォーマンス</h3>
16267            </header>
16268
16269            <p>「我々が言うところのベスト・プラクティスがモバイル機器でのパフォーマンスを殺している」(原題: Our best practices are killing mobile web performance)という記事を読んだ。ベスト・プラクティスを導入する人々はモバイル機器の持つ特徴や置かれた環境を考慮しておらず、数字を達成するためだけに導入しており、ユーザーへフラストレーションを与える結果になりやすいことについて書かれている。</p>
16270          </section>
16271        </a>
16272
16273
16274        <a href="/blog/gadget/braun-bnc002bkbk">
16275          <section class="excerpt">
16276            <header>
16277              <p class="date"><time datetime="2016-05-21T14:50:55+09:00">21日</time></p>
16278
16279              <h3>Braun BNC002</h3>
16280            </header>
16281
16282            <p>いい加減スマフォのアラームで起きたくないので、置き時計を買おうとずっと考えていた。色々候補はあったが、先日Braunの腕時計を買った勢いで、置き時計もBraunã
16282«ã—た。BNC002というモデルの黒で、6cm四方くらいでかわいい。ヨドバシで3500円くらいだった。</p>
16283          </section>
16284        </a>
16285
16286
16287        <a href="/blog/software/sassc-vim-compiler-plugin">
16288          <section class="excerpt">
16289            <header>
16290              <p class="date"><time datetime="2016-05-18T00:36:51+09:00">18日</time></p>
16291
16292              <h3>sasscのVimコンパイラー・プラグイン</h3>
16293            </header>
16294
16295            <p>ようやくsasscを自前でビルドして使うようにしたので、Vimのコンパイラー・プラグインも書いた。sasscをプロダクション環境で使うことはまだないが、エディターなどでオン・ザ・フライでコンパイルする時には速度がモノをいうので積極的に使いたい。</p>
16296          </section>
16297        </a>
16298
16299
16300        <a href="/blog/coding/replacing-fs-extra-package">
16301          <section class="excerpt">
16302            <header>
16303              <p class="date"><time datetime="2016-05-17T12:19:16+09:00">17日</time></p>
16304
16305              <h3>fs-extraパッケージの置き換え</h3>
16306            </header>
16307
16308            <p>fs-extraパッケージを便利に使っていたのだが、よくよく確認してみるとreadJson()とoutputFile()だけしか使っていなかった。それらを使うだけにはfs-extraパッケージはちょっと大きすぎる。両者はコア・モジュールと小さなパッケージでどうにかなりそうなので、ついにという感じで書き換えていくことにした。</p>
16309          </section>
16310        </a>
16311
16312
16313        <a href="/blog/media/quotes-in-western-novels">
16314          <section class="excerpt">
16315            <header>
16316              <p class="date"><time datetime="2016-05-16T11:20:42+09:00">16日</time></p>
16317
16318              <h3>欧米小説の引用癖</h3>
16319            </header>
16320
16321            <p>海外の、特にイギリスやアメリカの小説をよく読む。もちろん日本語訳されたものだが。日本語訳の出来の悪さにがっかりすることはよくあるが、それでも面白いと思えるのは少し不思議だ。欧米(狭義のそれ)小説には日本の小説にはあまり見られない気に入らないところがあり、それが引用癖とでも言うしかないような、名著や聖書からの引用が冒頭どころか章ごと・節ごとに載っているところだ。</p>
16322          </section>
16323        </a>
16324
16325
16326        <a href="/blog/misc/disposing-loungewear">
16327          <section class="excerpt">
16328            <header>
16329              <p class="date"><time datetime="2016-05-15T12:54:37+09:00">15日</time></p>
16330
16331              <h3>部屋着の整理</h3>
16332            </header>
16333
16334            <p>部屋着的なもの(スウェット・パーカーなど)をくたびれた順に少しずつ捨てていって、ついにパジャマ以外はなくなった。面倒な時に部屋着のまま外へ出ていってしまうことが多々あり、そのあたりの切り替えがおざなりに済ませていたのを改善したかったからだ。</p>
16335          </section>
16336        </a>
16337
16338
16339        <a href="/blog/misc/sedum-bulbiferum">
16340          <section class="excerpt">
16341            <header>
16342              <p class="date"><time datetime="2016-05-14T15:49:56+09:00">14日</time></p>
16343
16344              <h3>コモチマンネングサ</h3>
16345            </header>
16346
16347            <p>庭に黄色い楕円の花弁が星形になった花がいっぱい咲いていた。なんだろうと聞いたが、植えた当人は死んでいるためわからないという。写真を撮ってググったところ、どうやらコモチマンネングサというものらしい。近づいてみないとわからないが、多肉植物で、葉っぱもかわいい。</p>
16348          </section>
16349        </a>
16350
16351
16352        <a href="/blog/webdesign/3-lines-of-pre-equals-2-lines-of-p">
16353          <section class="excerpt">
16354            <header>
16355              <p class="date"><time datetime="2016-05-13T00:55:40+09:00">13日</time></p>
16356
16357              <h3>pre要素3行 = p要素2行</h3>
16358            </header>
16359
16360            <p>pre要素の行間をどのように調節するのがいいのかということをしばらく考えていた。今までは本文の行間よりも少し狭めるというだけのものだったが、もう少し論理的なものにしたいと、いろいろ考えている。まずは少しフォントãƒ
16360»ã‚µã‚¤ã‚ºã‚’落とした上で本文とある程度揃うように、具体的にはp要素の2行分の高さとちょうど揃うようにpre要素の3行分を調節してみることにした。</p>
16361          </section>
16362        </a>
16363
16364
16365        <a href="/blog/webdesign/vertical-rhythm-on-webpage">
16366          <section class="excerpt">
16367            <header>
16368              <p class="date"><time datetime="2016-05-12T13:29:09+09:00">12日</time></p>
16369
16370              <h3>ウェブページにおけるバーティカル・リズム</h3>
16371            </header>
16372
16373            <p>いわゆるバーティカル・リズム(vertical rhythm)がウェブページでも重要なのではないかと言われてから随分と経つ。僕の記憶が確かなら10年にはなるだろう。しかし当初から僕は懐疑的だった。もちろん一貫性のある余白は重要だが、バーティカル・リズムにまでなるとウェブページでは思うように機能しないのではないだろうか。</p>
16374          </section>
16375        </a>
16376
16377
16378        <a href="/blog/webdesign/necessity-of-multiline-ellipsis">
16379          <section class="excerpt">
16380            <header>
16381              <p class="date"><time datetime="2016-05-11T19:38:04+09:00">11日</time></p>
16382
16383              <h3>三点リーダーによる省略を複数行へ対応させる必要性</h3>
16384            </header>
16385
16386            <p>今のところ独自実装(SafariとChromeは古いFlexbox実装に基づいて独自拡張したもの、古いOperaはプリフィックス付きの値)しかない複数行に対応したtext-overflow: ellipsisだが、それを求める意見は多く見る。僕も欲しい派であったが、本当に必要なのかどうかという疑問がわいた。</p>
16387          </section>
16388        </a>
16389
16390
16391        <a href="/blog/webdesign/mobile-safari-9-gui-and-vertical-centering">
16392          <section class="excerpt">
16393            <header>
16394              <p class="date"><time datetime="2016-05-08T12:31:09+09:00">8日</time></p>
16395
16396              <h3>Mobile SafariのGUIと天地センタリング</h3>
16397            </header>
16398
16399            <p>このウェブサイトのホームを少しいじって初期描画エリアにロゴとグローバル・ナビゲーションだけにした。両者はcalc()関数内でvh単位を使うことで天地センタリングを行ったが、どうもMobile Safari 9で表示がずれる。しかし実際にはずれておらず、単にコンテンツにかぶさってツールバーが表示されているため、下部の余白が足りないように見え、結果ずれているように見えてしまうということのようだ。</p>
16400          </section>
16401        </a>
16402
16403
16404        <a href="/blog/software/package-json-engines-field">
16405          <section class="excerpt">
16406            <header>
16407              <p class="date"><time datetime="2016-05-07T16:26:40+09:00">7日</time></p>
16408
16409              <h3>package.jsonのenginesフィールド</h3>
16410            </header>
16411
16412            <p>Node.js v6がリリースされ、めでたく標準入力の一気読みに利用できる機能が安定版に降臨した。そこでこの機能を使うようにし、CSSWring v5とCSS MQPacker v5をメジャー・リリースした。特に機能は追加されていない。そのままだとNode.js v4以下では一部機能がきちんと動かないのでpackage.jsonでenginesフィールドを使うようにしておいた。</p>
16413          </section>
16414        </a>
16415
16416
16417        <a href="/blog/media/a-room-to-die-in">
16418          <section class="excerpt">
16419            <header>
16420              <p class="date"><time datetime="2016-05-05T16:41:25+09:00">5日</time></p>
16421
16422              <h3>チェスプレイヤーの密室</h3>
16423            </header>
16424
16425            <p>推理小説家としてゆるぎない名声を持つエラリー・クイーンは名義を貸して他の人に書かせた作品、いわゆる外典ものも多く出している。このチェスプレイヤーの密室はそのひとつで、作品の傾向としては中期の「途中の家」からライツヴィル・シリーズあたりのパズル的要素と小説的要素が融合した傑作に通じるところがある。</p>
16426          </section>
16427        </a>
16428
16429
16430        <a href="/blog/misc/dreaming-20160501">
16431          <section class="excerpt">
16432            <header>
16433              <p class="date"><time datetime="2016-05-02T10:35:39+09:00">2日</time></p>
16434
16435              <h3>夢(2016年5月2日)</h3>
16436            </header>
16437
16438            <p>Twitterで「ウェブサイトが見づらい」と言われる。「詳しく」と返すも要領を得ない返事が返ってくる。徐々に口論になる。数十回のやりとりのあと、「でも記事は好き」みたいなことを言われウワッとなって起きる。</p>
16439          </section>
16440        </a>
16441
16442          </section>
16443          <section>
16444            <h2><time datetime="2016-04">2016年4月</time></h2>
16445
16446        <a href="/blog/coding/date-parse-vs-new-date-gettime">
16447          <section class="excerpt">
16448            <header>
16449              <p class="date"><time datetime="2016-04-29T10:40:00+09:00">29日</time></p>
16450
16451              <h3>Date.parse() vs new Date().getTime()</h3>
16452            </header>
16453
16454            <p>オブジェクトの配列を、各オブジェクトが文字列で持っている日付けでソートしようとし、Date.parse()を使って実装した。しかしもしかするとnew Date().getTime()の方が速いのではないかと調べていたら色々あった。結論としては今はDate.parse()がだいたい速いようだ。</p>
16455          </section>
16456        </a>
16457
16458
16459        <a href="/blog/internet/hello-gandi-net">
16460          <section class="excerpt">
16461            <header>
16462              <p class="date"><time datetime="2016-04-28T13:46:50+09:00">28日</time></p>
16463
16464              <h3>Gandi.netへ移住</h3>
16465            </header>
16466
16467            <p>バリュードメインを使う理由がほとんどなくなってきた上、存在したCSRF脆弱性への対応ã
16467«ã¤ã„てその修正アナウンスが出ないということがあったので、レジストラーをGandi.netへ変更した。ドメインごとにメールボックスが5つ提供されること以外には特筆してメリットはなさそうだが、デメリットもないように感じたためここに決めた。ネーム・サーバーはCloudflareのそれを使っているため、ダウンタイムなしで移住できたように思う。</p>
16468          </section>
16469        </a>
16470
16471
16472        <a href="/blog/webdesign/suggested-website-on-safari-8-or-later">
16473          <section class="excerpt">
16474            <header>
16475              <p class="date"><time datetime="2016-04-26T12:46:17+09:00">26日</time></p>
16476
16477              <h3>Safari 8以降の「候補のウェブサイト」</h3>
16478            </header>
16479
16480            <p>Safariには候補のウェブサイトという機能がある。URLバーに入力した文字列からウェブサイトを推薦してくれる機能だ。どうもこの機能はサブドメインがwwwの場合、それを削ってアクセスさせるようだ。つまりwwwありで運用していて、かつwwwなしドメインからリダイレクトをしていない場合、候補のウェブサイトを開こうとすると「ページを開けません。サーバーが見つかりません。」になってしまう。</p>
16481          </section>
16482        </a>
16483
16484
16485        <a href="/blog/misc/dreaming-20160424">
16486          <section class="excerpt">
16487            <header>
16488              <p class="date"><time datetime="2016-04-25T12:03:05+09:00">25日</time></p>
16489
16490              <h3>夢(2016年4月25日)</h3>
16491            </header>
16492
16493            <p>人が死ぬ。火葬にしようと横にあった棺桶に入れて燃やす。しかし蓋がちゃんとしまってなくて、中から死体が出てくる。何人かで殴って動きを止め、もう一度棺桶に入れて火をつける。しかし蓋がしまっておらず……というのを5回くらい繰り返してウワッとなって目が覚めた。</p>
16494          </section>
16495        </a>
16496
16497
16498        <a href="/blog/gadget/spingle-move-spm-376-black">
16499          <section class="excerpt">
16500            <header>
16501              <p class="date"><time datetime="2016-04-23T18:32:55+09:00">23日</time></p>
16502
16503              <h3>Spingle Move SPM-376 Black</h3>
16504            </header>
16505
16506            <p>7年くらい履いていたシャークソールのスニーカー・ブーツが、ソールが削られすぎてついにダメになった。底を直して履くという手もあったが、なにせシャークソールなので、1万円くらいはどうしてもかかるため、新しくスニーカーを買うことにした。いろいろ迷ったがSpingle MoveのSPM-376、色は黒でサイズはMにした。</p>
16507          </section>
16508        </a>
16509
16510
16511        <a href="/blog/software/git-diff---exit-code">
16512          <section class="excerpt">
16513            <header>
16514              <p class="date"><time datetime="2016-04-19T01:53:02+09:00">19日</time></p>
16515
16516              <h3>Gitのdiffコマンドにある--exit-codeオプション</h3>
16517            </header>
16518
16519            <p>npmコマンドでよく書くパターンにGitで固定のファイルをステージしてコミットするというようなものがある。なんらかの処理を行うメインコマンドのpostコマンドでよくやる。まれにその固定のファイルが更新されないこともあり、その時コミットしてしまうとcommitサブコマンドが正常に(終了コード0で)終了しない。これを避けるためにはステージされることで更新があったかどうかをチェックする必要があることになる。それはdiffサブコマンドの--exit-codeオプションを使うとうまく書くことができる。</p>
16520          </section>
16521        </a>
16522
16523
16524        <a href="/blog/misc/dreaming-20160415">
16525          <section class="excerpt">
16526            <header>
16527              <p class="date"><time datetime="2016-04-17T00:41:59+09:00">17日</time></p>
16528
16529              <h3>夢(2016年4月17日)</h3>
16530            </header>
16531
16532            <p>雨が降ったのでこの前買った長靴をはいて出かける。快調に歩くが、ふと気づくと傘をさしておらず、足以外が全部濡れている。慌てて長靴を脱いだところで目が覚める。</p>
16533          </section>
16534        </a>
16535
16536
16537        <a href="/blog/coding/recurisive-markdown">
16538          <section class="excerpt">
16539            <header>
16540              <p class="date"><time datetime="2016-04-16T13:56:09+09:00">16日</time></p>
16541
16542              <h3>再帰的にMarkdownを処理</h3>
16543            </header>
16544
16545            <p>このウェブログではHTMLを直接ぺちぺち書くことが多いが、たまにiPhoneで書く時にはMarkdownで書いている。Markdownの処理系にはここ数年はmarkedを使っており(宗教上の理由でCommonMark系は使うことができない)、あまり困ってはいないのだが、sectionやfigure要素を使うとその中のMarkdown文字列がうまく処理できないという問題がある。</p>
16546          </section>
16547        </a>
16548
16549
16550        <a href="/blog/webdesign/csscomb-vs-alphabetical-on-gzipping">
16551          <section class="excerpt">
16552            <header>
16553              <p class="date"><time datetime="2016-04-15T09:33:00+09:00">15日</time></p>
16554
16555              <h3>gzip下における、CSScombの昇順ソートに対する優位性</h3>
16556            </header>
16557
16558            <p>CSScombを最小化ツールなどと共にデプロイ時に通すというプロジェクトはちょくちょくあるようだ。僕はCSScomb (を始めとしたルールセット内のプロパティーのソート)は可読性のã
16558Ÿã‚ã§ã€Linterやフォーマッターなどで処理すべきであると考えている。また最終的な転送量においても昇順ソートに比べさほど差が出ないのではないかとも考えている。そのためそういったデプロイ時での処理には疑問を持っている。</p>
16559          </section>
16560        </a>
16561
16562
16563        <a href="/blog/coding/no-magic-numbers-rule-of-eslint">
16564          <section class="excerpt">
16565            <header>
16566              <p class="date"><time datetime="2016-04-14T01:27:49+09:00">14日</time></p>
16567
16568              <h3>ESLintのno-magic-numbersルール</h3>
16569            </header>
16570
16571            <p>ESLintのルールが教えてもらえないという制限下で作業をしていた。pushすると怒られるという緊張感はちょっと良かった。色々なルールで怒られたが、中でもno-magic-numbersにとりわけ怒られた。怒られたコードをメモしておく。</p>
16572          </section>
16573        </a>
16574
16575
16576        <a href="/blog/software/npm-package-and-test-files">
16577          <section class="excerpt">
16578            <header>
16579              <p class="date"><time datetime="2016-04-12T14:41:39+09:00">12日</time></p>
16580
16581              <h3>npmパッケージとtestファイル群</h3>
16582            </header>
16583
16584            <p>某パッケージのイシューを眺めていたら、ファイルが多すぎてnpm installが遅いのでfilesフィールドを使おうやというようなプル・リクエストが投げられていた。そこではあっさりと却下され、他にあった同様のプル・リクエストで少し議論(ケンカ)がなされていた。どちらにも一理あり、興味深かった。</p>
16585          </section>
16586        </a>
16587
16588
16589        <a href="/blog/misc/dreaming-20160402">
16590          <section class="excerpt">
16591            <header>
16592              <p class="date"><time datetime="2016-04-11T19:26:01+09:00">11日</time></p>
16593
16594              <h3>夢(2016年4月11日)</h3>
16595            </header>
16596
16597            <p>歯医者へ行く。「ちょっと歯茎が下がってますねー」と言われる。「じゃーちょっと抜いちゃいましょうか、歯茎!」と言われる。すぐさま逃げたところで目が覚める。</p>
16598          </section>
16599        </a>
16600
16601
16602        <a href="/blog/software/fixpack-scripts-sorting">
16603          <section class="excerpt">
16604            <header>
16605              <p class="date"><time datetime="2016-04-10T14:44:21+09:00">10日</time></p>
16606
16607              <h3>fixpackにおけるscriptsフィールドのソート</h3>
16608            </header>
16609
16610            <p>package.jsonをフォーマットしなおしてくれるfixpackを愛用している。ひとつだけ気になるところがあり、それがscriptsフィールドがアルファベット順に並ぶことだ。つまりpre*やpost*コマンドがその元コマンドと関係ない場所へとまとめられてしまう。</p>
16611          </section>
16612        </a>
16613
16614
16615        <a href="/blog/software/cmd-autorun">
16616          <section class="excerpt">
16617            <header>
16618              <p class="date"><time datetime="2016-04-08T02:36:37+09:00">8日</time></p>
16619
16620              <h3>コマンド・プロンプトのAutoRun</h3>
16621            </header>
16622
16623            <p>Windowsの環境変数のPATHはシステム由来のものとユーザー由来のものがある。この両者はシステム由来のものの後にユーザー由来のものがくるので、ユーザー領域に放り込んだプログラムを優先的に探してもらうというようなことをする場合、パスを決め打ちでシステム由来のものに書く必要があった。.bashrc的なもので環境変数をいじることができればよいのに……と、ずっと思っていたのだが、どうやらAutoRunという機能があり、それを使うと任意のバッチファイルをコマンド・プロンプトの起動時に実行してくれるようだ。</p>
16624          </section>
16625        </a>
16626
16627
16628        <a href="/blog/webdesign/minifying-html">
16629          <section class="excerpt">
16630            <header>
16631              <p class="date"><time datetime="2016-04-06T14:33:46+09:00">6日</time></p>
16632
16633              <h3>HTMLの最小化</h3>
16634            </header>
16635
16636            <p>HTMLのいわゆる最小化(圧縮)を行うようにした。HTML Minifierを何度か使う機会があり、それなりに安定していることがわかったã
16636®ã§ã€å¾—られるパフォーマンスと背負うリスクが妥当なのではないかという方向へ傾いてきた。</p>
16637          </section>
16638        </a>
16639
16640
16641        <a href="/blog/webdesign/page-specific-css">
16642          <section class="excerpt">
16643            <header>
16644              <p class="date"><time datetime="2016-04-04T13:10:35+09:00">4日</time></p>
16645
16646              <h3>ページごとのCSS</h3>
16647            </header>
16648
16649            <p>HTTPS+HTTP/2時代なのでCSSを連結しなくても大丈夫だよ、といった風の記事をよく見るようになった。僕はそういった推測や検証は概ね間違っていると考えている(そのうち検証したい)のだが、一方で小さいウェブサイトではそれなりにうまくいくとも考えている。まずは色々やってみようと、このウェブサイトでCSSを論理的な単位で作るように(分割するわけではない)した。</p>
16650          </section>
16651        </a>
16652
16653          </section>
16654          <section>
16655            <h2><time datetime="2016-03">2016年3月</time></h2>
16656
16657        <a href="/blog/internet/replacing-ifttt-pinboard-channel">
16658          <section class="excerpt">
16659            <header>
16660              <p class="date"><time datetime="2016-03-29T18:46:18+09:00">29日</time></p>
16661
16662              <h3>IFTTTのPinboardチャンネルの代替案</h3>
16663            </header>
16664
16665            <p>IFTTTとPinboardの間で色々あったようでIFTTTのPinboardチャンネルが2016/4/4で終了する。IFTTTを使ってPinboardに様々なURLを(プライベートで)集約させていたため困ることになりそうなので代替案を考えていた。thisにPinboardチャンネルを指定したレシピ、つまりPinboardから他へはRSSチャンネルを利用すれば良いので特に問題はない。問題はthatにPinboardチャンネルを指定しているレシピだ。</p>
16666          </section>
16667        </a>
16668
16669
16670        <a href="/blog/media/unpaired-japanese-quotation-marks">
16671          <section class="excerpt">
16672            <header>
16673              <p class="date"><time datetime="2016-03-26T23:21:45+09:00">26日</time></p>
16674
16675              <h3>対にならないかぎかっこ</h3>
16676            </header>
16677
16678            <p>最近、少し古い小説を読むことが多い。古いといっても1970年くらいのものだが。そういう中でよく対にならないかぎかっこがあることを今さら気づいた。なんとなくは見かけた記憶はあり、単なる落丁かと思っていたが、ちゃんとした理由のようなものがあるようだ。</p>
16679          </section>
16680        </a>
16681
16682
16683        <a href="/blog/webdesign/modularized-normalize-scss-v4.0.0">
16684          <section class="excerpt">
16685            <header>
16686              <p class="date"><time datetime="2016-03-24T12:16:40+09:00">24日</time></p>
16687
16688              <h3>Normalize.scss v4</h3>
16689            </header>
16690
16691            <p>Normalize.cssがv4に更新された。ということでそのSCSSバージョンであるNormalize.scssも更新した。NPMレジストリーにも公開済みだ。</p>
16692          </section>
16693        </a>
16694
16695
16696        <a href="/blog/webdesign/csswring-v4.2.2">
16697          <section class="excerpt">
16698            <header>
16699              <p class="date"><time datetime="2016-03-17T07:57:44+09:00">17日</time></p>
16700
16701              <h3>CSSWring v4.2.2</h3>
16702            </header>
16703
16704            <p>CSSWringではfont-familyプロパティーでできうる限り引用符を削除しようとしている。逆に必要な場合は付けるようにもなっている。今までその値にvar()を使われることを想定していなかったため、var()が引用符で括られてしまうというバグがあったようだ。修正してv4.2.2をリリースした。</p>
16705          </section>
16706        </a>
16707
16708
16709        <a href="/blog/misc/dreaming-20160309">
16710          <section class="excerpt">
16711            <header>
16712              <p class="date"><time datetime="2016-03-10T19:45:08+09:00">10日</time></p>
16713
16714              <h3>夢(2016年3月10日)</h3>
16715            </header>
16716
16717            <p>墓参りへ行く。愛宕山の一角にあるので、甲府駅の北口からタクシーでちょっと登る。霊園の中では奥の方で、裏がすぐ雑木林になっている。桜はさすがにないなと眺めていたら、熊がいた。一緒に来た人達に警告しつつジグザグに逃げ、少し広い道路のところまで降りると、特急かいじがちょうど来て、それに乗って難を逃れる。「さすがかいじ、あずさとは違う」みたいな会話をしつつ二度寝に入った。</p>
16718          </section>
16719        </a>
16720
16721          </section>
16722          <section>
16723            <h2><time datetime="2016-02">2016年2月</time></h2>
16724
16725        <a href="/blog/misc/ankle-sprain">
16726          <section class="excerpt">
16727            <header>
16728              <p class="date"><time datetime="2016-02-28T13:01:11+09:00">28日</time></p>
16729
16730              <h3>足首の捻挫</h3>
16731            </header>
16732
16733            <p>駅まで歩いていたら道に落ちている3cmくらいの石に気づかず踏み、足首をぐりっとやってしまって捻挫した。幸いそれほどひどくもなく、1時間ほど休んだら歩いても痛くないくらいに回復したã
16733®ã§è‰¯ã‹ã£ãŸã€‚</p>
16734          </section>
16735        </a>
16736
16737
16738        <a href="/blog/coding/get-elemets-by-declaration">
16739          <section class="excerpt">
16740            <header>
16741              <p class="date"><time datetime="2016-02-23T13:21:33+09:00">23日</time></p>
16742
16743              <h3>CSSの定義からHTMLの要素を取得するために</h3>
16744            </header>
16745
16746            <p>text-overflow: ellipsisのためにtitle属性を仕込むのもバカバカしい。またそういった定義がある要素のクラス名を決め打ちで動的に仕込んでいくのもまたバカバカしい。ということでCSS定義を使ってHTML要素群を取得するような関数を書くことにした。@ykztsにも書いてもらったのでそちらもどうぞ。</p>
16747          </section>
16748        </a>
16749
16750
16751        <a href="/blog/misc/repairing-amido">
16752          <section class="excerpt">
16753            <header>
16754              <p class="date"><time datetime="2016-02-20T13:35:06+09:00">20日</time></p>
16755
16756              <h3>網戸の張り替え</h3>
16757            </header>
16758
16759            <p>去年の今頃に夏に自前で張り替えようかと考えていたが、色々あったため延び延びになっていた。ようやく余裕も出てきたのでやってみようかと思ったが、他にもいくつか張り替えることになったため頼むことにした。普通に何でも屋に頼んだりすると高くつくようで、シルバー人材センターの1400円/枚が一番安価だった。</p>
16760          </section>
16761        </a>
16762
16763
16764        <a href="/blog/misc/peanuts-in-new-kaki-no-tane">
16765          <section class="excerpt">
16766            <header>
16767              <p class="date"><time datetime="2016-02-19T15:50:47+09:00">19日</time></p>
16768
16769              <h3>新しい柿の種のピーナッツ</h3>
16770            </header>
16771
16772            <p>半年かそれ以上ぶりに亀田の柿の種を買ったら、ピーナッツの味が変わっていた。バターの味がすごく強く、バターピーナッツと柿の種の味が喧嘩しまくっているように感じ、すごくまずかった。捨てるのももったいないので、ピーナッツと柿の種に分け、別々のタイミングで食べている。それぞれはそれなりにおいしい。</p>
16773          </section>
16774        </a>
16775
16776
16777        <a href="/blog/misc/slide-sleeves">
16778          <section class="excerpt">
16779            <header>
16780              <p class="date"><time datetime="2016-02-17T15:59:23+09:00">17日</time></p>
16781
16782              <h3>スライドの台紙</h3>
16783            </header>
16784
16785            <p>スライドの台紙にも色々あった。Kodak(EktachromeはKodakらしい)や富士フイルム、コニカのものが多く、大塚カラーなども少しあった。それぞれにベースの色やタイプフェイス、文字色が凝っていて、個性的だ。</p>
16786          </section>
16787        </a>
16788
16789
16790        <a href="/blog/gadget/kokuyo-kps-mx100w">
16791          <section class="excerpt">
16792            <header>
16793              <p class="date"><time datetime="2016-02-15T00:36:25+09:00">15日</time></p>
16794
16795              <h3>コクヨ デスクサイドマルチシュレッダー Silent-Duo</h3>
16796            </header>
16797
16798            <p>ようやくアルバムとネガ、そして大量のスライドの処分に入った。写真には人の顔とかも色々写っているので、シュレッダーで裁断することにし、静音で手頃な価格(ポイント還元で7000円弱)のコクヨのKPS-MX100Wにした。思った以上に静かで、昼ならまずうるさく感じることはなさそうだ。家庭向けのシュレッダーとしては少し大きいが、光学メディアを処理できることを考えるとサイズには目をつむることができる。</p>
16799          </section>
16800        </a>
16801
16802
16803        <a href="/blog/webdesign/misunderstanding">
16804          <section class="excerpt">
16805            <header>
16806              <p class="date"><time datetime="2016-02-11T13:17:07+09:00">11日</time></p>
16807
16808              <h3>勘違いすること</h3>
16809            </header>
16810
16811            <p>人は経験から物事を反射的に認識する。それは察することができるというよりも、勘違いしてしまうことといえる。最近のウェブやモバイルでは様々な新しいGUIが日々発明、公開、そして批判されている。それらがわかりやすいかどうかや社会的な認知が広まっているかなどには意味はなく、結果として正解にたどり着けるかどうかが重要だ。</p>
16812          </section>
16813        </a>
16814
16815
16816        <a href="/blog/misc/ian-knot">
16817          <section class="excerpt">
16818            <header>
16819              <p class="date"><time datetime="2016-02-06T11:46:24+09:00">6日</time></p>
16820
16821              <h3>イアン結び</h3>
16822            </header>
16823
16824            <p>素早く結べ、ほどけづらいというイアン結びというちょうちょ結びのやり方を教えてもらった。スニーカーに限らず、革靴のロウ引きのひもでもこれで結べる。ゆるむということがほとんどなく、確かにほどけづらい。動画では説明が複雑で、難しく見えるが、やってみるとなんとなくできる。</p>
16825          </section>
16826        </a>
16827
16828
16829        <a href="/blog/webdesign/csswring-v4.2.1">
16830          <section class="excerpt">
16831            <header>
16832              <p class="date"><time datetime="2016-02-05T15:29:05+09:00">5日</time></p>
16833
16834              <h3>CSSWring v4.2.1</h3>
16835            </header>
16836
16837            <p>CSSハックのあたりを突き詰めていたところ、残してもしょうがない定義が残ることに気付いた。例えば00propertyなどといった不正なプロパティーを含む定義だ。これらを仕様通り、つまりブラウザーと同じように削除するようにし、CSS Wring v4.2.0をリリースした。今はちょっとしたバグを修正して、v4.2.1を既にリリースしている。</p>
16838          </section>
16839        </a>
16840
16841
16842        <a href="/blog/misc/dreaming-20160130">
16843          <section class="excerpt">
16844            <header>
16845              <p class="date"><time datetime="2016-02-02T13:12:47+09:00">2日</time></p>
16846
16847              <h3>夢(2016年2月2日)</h3>
16848            </header>
16849
16850            <p>ブランコとシーソーが合体しているものにのっている。前後に揺れながら上下にも動く、大人なのですごく怖い。向かいにのっている(シーソーなので)子供にバカにされる。イラッとしたã
16850®ã§ç«‹ã¡ã“ぎしてブランコの振れ幅を大きくすると子供が泣きはじめる。そろそろ止めようとしたところで、ブランコの止め方ってどうやるんだっけ……となり、自分も怖くなったところで目が覚める。</p>
16851          </section>
16852        </a>
16853
16854
16855        <a href="/blog/webdesign/without-adsense">
16856          <section class="excerpt">
16857            <header>
16858              <p class="date"><time datetime="2016-02-01T10:49:28+09:00">1日</time></p>
16859
16860              <h3>AdSenseなし</h3>
16861            </header>
16862
16863            <p>月が変わるキリが良いところでGoogle AdSenseを削除した。HTMLファイルとCSSファイル、JavaScriptファイルで計3ファイルになったため、ほとんどのページでロード時間が500msを切るようになった。今までも1.5s弱で遅くない部類ではあったが、500ms切るとさすがに速いと感じる。</p>
16864          </section>
16865        </a>
16866
16867          </section>
16868          <section>
16869            <h2><time datetime="2016-01">2016年1月</time></h2>
16870
16871        <a href="/blog/webdesign/color-in-ecommerce">
16872          <section class="excerpt">
16873            <header>
16874              <p class="date"><time datetime="2016-01-28T14:06:00+09:00">28日</time></p>
16875
16876              <h3>ネットショップにおける色</h3>
16877            </header>
16878
16879            <p>ネットショップのデザインを色覚異常者ために改善する5つの方法という記事を読んだ。色覚異常者のために(for Colourblind Users)となっているが、ウェブサイトが思ってもみない環境(色再現性が大きく違うといったハードウェア環境だけでなく、陽ざしを遮るところのないビーチといった自然環境も含む)から閲覧されることが想定される昨ä
16879»Šã¯ã€ã™ã§ã«ã“のあたりのこと、つまりラベリングとコントラストがベースラインとされていても良い。</p>
16880          </section>
16881        </a>
16882
16883
16884        <a href="/blog/media/less-than-zero">
16885          <section class="excerpt">
16886            <header>
16887              <p class="date"><time datetime="2016-01-27T11:10:32+09:00">27日</time></p>
16888
16889              <h3>レス・ザン・ゼロ</h3>
16890            </header>
16891
16892            <p>David Bowieが亡くなってしまい悲しいので、レス・ザン・ゼロを読みなおしていた。こんなところにも彼は生きてる(タイトルはElvis Costelloの曲からだけど)。</p>
16893          </section>
16894        </a>
16895
16896
16897        <a href="/blog/internet/three-websites">
16898          <section class="excerpt">
16899            <header>
16900              <p class="date"><time datetime="2016-01-21T13:15:10+09:00">21日</time></p>
16901
16902              <h3>3つのウェブサイト</h3>
16903            </header>
16904
16905            <p>知人と「3つだけウェブサイトを購読できるアプリがあったら何を登録する?」という話になった。3つとなると選んだウェブサイトで自分の性格や興味が如実にあらわれそうだ。つまり3つのウェブサイトで自分を表現するという形になるのかもしれない。そう考えたのでその場では保留にした。</p>
16906          </section>
16907        </a>
16908
16909
16910        <a href="/blog/software/a-html-or-an-html">
16911          <section class="excerpt">
16912            <header>
16913              <p class="date"><time datetime="2016-01-18T11:18:03+09:00">18日</time></p>
16914
16915              <h3>A HTMLかAn HTMLか</h3>
16916            </header>
16917
16918            <p>テキトウな英語を書いていると、しばしばa HTMLなのかan HTMLなのか迷う。文字ではなく発音が重要なので、この場合はan HTMLが正解なはずだ。HTML 4.01仕様の第7章やWHATWG版仕様の第12章でもan HTMLとなっている。</p>
16919          </section>
16920        </a>
16921
16922
16923        <a href="/blog/misc/dreaming-20160114">
16924          <section class="excerpt">
16925            <header>
16926              <p class="date"><time datetime="2016-01-16T10:36:56+09:00">16日</time></p>
16927
16928              <h3>夢(2016年1月16日)</h3>
16929            </header>
16930
16931            <p>隣を歩いている人の着ている服が欲しかった服に似ていた。着るとこんな風に見えるのかとちらちら見てると、その人がすごい変な顔をしたおじさんだったことに気付く。よく見てみると自分の顔だった。あーこれは夢だなと思ったところで目が覚める。</p>
16932          </section>
16933        </a>
16934
16935
16936        <a href="/blog/gadget/keyuca-lid-stand-85">
16937          <section class="excerpt">
16938            <header>
16939              <p class="date"><time datetime="2016-01-12T19:00:42+09:00">12日</time></p>
16940
16941              <h3>ケユカ フタ用スタンド</h3>
16942            </header>
16943
16944            <p>メインがノートPCになった関係で、閉じたまま立てられるスタンドを探していた。それなりに見つかるのだが、値段や見た目でなかなか折り合いがつくものが見つからない。結局ノートPC向けとして作られているものはあきらめ、まな板立ての方向で探すことにし、最終的にケユカで売っていた鍋やフライパンのフタ向けスタンドにした。定価の1728円で購入した。</p>
16945          </section>
16946        </a>
16947
16948
16949        <a href="/blog/webdesign/notification-on-scrolling-up">
16950          <section class="excerpt">
16951            <header>
16952              <p class="date"><time datetime="2016-01-11T13:33:11+09:00">11日</time></p>
16953
16954              <h3>上へスクロールした時に通知</h3>
16955            </header>
16956
16957            <p>世には下へスクロールしている時、つまりコンテンツを閲覧している時にポップアップやら何やらをアニメーションさせて表示してくるウェブサイトが数多くある。The New Yorkerでは逆で、上へスクロールした時に通知を出す。つまり閲覧を止めたと考えられる時に通知を出すようになっているということだ。</p>
16958          </section>
16959        </a>
16960
16961
16962        <a href="/blog/software/vim-css3-syntax-v0.17.0">
16963          <section class="excerpt">
16964            <header>
16965              <p class="date"><time datetime="2016-01-10T10:44:57+09:00">10日</time></p>
16966
16967              <h3>vim-css3-syntax v0.17.0</h3>
16968            </header>
16969
16970            <p>見逃していた仕様があったことを反省したので、CSS current workをちゃんとチェックして漏れがないようにした。わかりづらくなるため特に追加すべきプロパティーや値がなくても空のファイルを追加したりしている。そういったあえて無視していたものを除いてもMotion PathやNon-element Selectorsなどを見逃していたようだ。それらを追加しvim-css3-syntaxのv0.17.0をリリースした。</p>
16971          </section>
16972        </a>
16973
16974
16975        <a href="/blog/gadget/purifying-materialistic-desires">
16976          <section class="excerpt">
16977            <header>
16978              <p class="date"><time datetime="2016-01-08T13:02:40+09:00">8日</time></p>
16979
16980              <h3>物欲の浄化</h3>
16981            </header>
16982
16983            <p>冬のセールが始まる・始まってるなと、6日に新宿をうろうろしていた。いくつか欲しいものがあってセールに期待していたが、セール対象外だったりして結局定価で買った。新宿あたりまで行くと手が届く範囲のてっぺんみたいなものを色々見ることができるため、物欲が浄化されていく。</p>
16984          </section>
16985        </a>
16986
16987
16988        <a href="/blog/misc/my-2016-manifest">
16989          <section class="excerpt">
16990            <header>
16991              <p class="date"><time datetime="2016-01-06T01:27:44+09:00">6日</time></p>
16992
16993              <h3>2016年の目標</h3>
16994            </header>
16995
16996            <p>今年はやはり運動だろう。スタンディングデスクで体調そのものはかなり調子がいいものの、体力の低下とミスマッチしていて、集中力と姿勢の持続が難しい。もう少し安定できるように基礎体力をあげたい。必要なのは姿勢を保持するため筋肉だと思うので、肘をついて体を伸ばした状態を維持する運動、巷ではプランクと呼ばれているものを朝晩に行うようにすることにした。</p>
16997          </section>
16998        </a>
16999
17000
17001        <a href="/blog/software/push-f-donation">
17002          <section class="excerpt">
17003            <header>
17004              <p class="date"><time datetime="2016-01-05T12:41:24+09:00">5日</time></p>
17005
17006              <h3>push -f募金</h3>
17007            </header>
17008
17009            <p>どうしても面倒になるとやってしまうことがあるGitのpush -fを抑制するために何かしようと去年の頭くらいから考えていた。2月くらいに思いついて募金するということにした。最近はインターネットで小口の募金はできるので、対象はあまり気にせず100円前後を色々なところへ募金している。3月から12月まで計12700円募金していたので、どうやら100回以上push -fしたようだ……。</p>
17010          </section>
17011        </a>
17012
17013
17014        <a href="/blog/software/files-field-and-test-directory">
17015          <section class="excerpt">
17016            <header>
17017              <p class="date"><time datetime="2016-01-04T15:05:00+09:00">4日</time></p>
17018
17019              <h3>filesフィールドとtestディレクトリー</h3>
17020            </header>
17021
17022            <p>npmはパッケージにtestディレクトリーを含めている。それもあって自分のパッケージでも特に疑問を持たずにtestディレクトリーを含めるようにしていた。.gitignoreや.npmignoreではなく、package.jsonのfilesフィールドをメインで使うようになってからも明示的に加えていた。イシューで指摘ã
17022•れて初めてちゃんと考えたが、どうもいらないようだ。</p>
17023          </section>
17024        </a>
17025
17026
17027        <a href="/blog/misc/sparkling-sake-nene">
17028          <section class="excerpt">
17029            <header>
17030              <p class="date"><time datetime="2016-01-03T12:50:57+09:00">3日</time></p>
17031
17032              <h3>発泡純米酒ねね</h3>
17033            </header>
17034
17035            <p>年末年始しか酒を飲まなくなって久しい。それ以外では数えるくらいしか飲まなくなった。酒は嫌いではないのだけど、酔っぱらうと最悪な感じになるので15年くらい前にやめた。以来、年末年始にちょっとだけくらいにしている。今年はシュワシュワする日本酒を飲んでみたかったので、近所で売っていたねねというものの、クリスマス向けの金箔入りにした。</p>
17036          </section>
17037        </a>
17038
17039
17040        <a href="/blog/misc/dreaming-20160101">
17041          <section class="excerpt">
17042            <header>
17043              <p class="date"><time datetime="2016-01-02T11:12:04+09:00">2日</time></p>
17044
17045              <h3>夢(2016年1月2日)</h3>
17046            </header>
17047
17048            <p>初夢は見ることができなかった。おぼえていないだけかもしれない。見ていたような気にも特にならなかった。</p>
17049          </section>
17050        </a>
17051
17052
17053        <a href="/blog/software/vim-css3-syntax-v0.16.0">
17054          <section class="excerpt">
17055            <header>
17056              <p class="date"><time datetime="2016-01-01T15:35:14+09:00">1日</time></p>
17057
17058              <h3>vim-css3-syntax v0.16.0</h3>
17059            </header>
17060
17061            <p>CSSOM View Moduleで定義されているscroll-behaviorプロパティーを追加し忘れていたのを修正して、vim-css3-syntaxのv0.16.0をリリースした。このプロパティーはスムーズ・スクロールを制御するためのもので、自前でコンテンツを動かす場合にスムーズ・スクロールと競合しやすいことを抑制できる。実装は少なくないが、利用できる環境は少ない。</p>
17062          </section>
17063        </a>
17064
17065          </section>
17066          <section id="2015">
17067            <h2><time datetime="2015-12">2015年12月</time></h2>
17068
17069        <a href="/blog/webdesign/a-specific-condition">
17070          <section class="excerpt">
17071            <header>
17072              <p class="date"><time datetime="2015-12-31T19:02:59+09:00">31日</time></p>
17073
17074              <h3>特定の条件</h3>
17075            </header>
17076
17077            <p>Being patient vs. being loudという記事を読み直した。2015年4月の終わりくらいの記事だが、特にその時だけ重要だった話というわけではない。ウェブサイトに問題点があるかどうかをはっきり認識できないことがあるため、問題が報告されないことはウェブサイトに問題がないことを意味するわけではない。そしてそのことは障害のある人々には致命的であろうとしている。</p>
17078          </section>
17079        </a>
17080
17081
17082        <a href="/blog/misc/furniture-layout">
17083          <section class="excerpt">
17084            <header>
17085              <p class="date"><time datetime="2015-12-30T11:30:27+09:00">30日</time></p>
17086
17087              <h3>家具の配置</h3>
17088            </header>
17089
17090            <p>ベッドと机をどう配置するかという難問と生まれてからずっと戦っているような気がする。世のレイアウト例では寝室とホームオフィスが分かれている。分かれていないものを見つけても、ソファベッドだったりおもちゃみたいな机だったりだ。なかなか参考になりそうなものを見つけることができない。</p>
17091          </section>
17092        </a>
17093
17094
17095        <a href="/blog/misc/tadukuri">
17096          <section class="excerpt">
17097            <header>
17098              <p class="date"><time datetime="2015-12-29T14:30:18+09:00">29日</time></p>
17099
17100              <h3>田作り</h3>
17101            </header>
17102
17103            <p>残念ながら失敗した話だ。ごまめを甘辛いたれで煮込んだだけのものになった。どうもから煎りする時間が全然足りなかったようだ。中火よりちょっと弱めくらいで焦げないようにガシガシかき混ぜながら15分以上はから煎りする必要があると、今日のきょうの料理で言ってた。10分弱火で炒っただけでは全然ダメだった。味はおいしいので、違う料理として楽しむ。</p>
17104          </section>
17105        </a>
17106
17107
17108        <a href="/blog/webdesign/bye-google-analytics">
17109          <section class="excerpt">
17110            <header>
17111              <p class="date"><time datetime="2015-12-27T13:35:33+09:00">27日</time></p>
17112
17113              <h3>Google Analyticsの削除</h3>
17114            </header>
17115
17116            <p>
17116やってみるかという気になったので、このウェブサイト他からGoogle Analyticsのコードを削除した。今までも非同期にちょこっと実行させていただけなので、特に変わった様子はない。読み込まれるリソースが減った分も大勢に影響はないようだ。Googleのレスポンス力はすごいな、と素直に感じる。</p>
17117          </section>
17118        </a>
17119
17120
17121        <a href="/blog/misc/dreaming-20151223">
17122          <section class="excerpt">
17123            <header>
17124              <p class="date"><time datetime="2015-12-26T10:01:06+09:00">26日</time></p>
17125
17126              <h3>夢(2015年12月26日)</h3>
17127            </header>
17128
17129            <p>大雨で屋根の塗りがどんどん剥げていく。屋根は今の色が黒で昔は赤茶だったが、剥げたところがなぜかどんどんきれいな山吹色になっていく。これはきれいだなーとスマフォで撮ろうと乗り出して腕をのばす。のばした腕がメガネに当たる。ぽろっとメガネを落としたところで目が覚める。</p>
17130          </section>
17131        </a>
17132
17133
17134        <a href="/blog/webdesign/css-features-that-i-abandoned-in-2015">
17135          <section class="excerpt">
17136            <header>
17137              <p class="date"><time datetime="2015-12-25T11:23:23+09:00">25日</time></p>
17138
17139              <h3>2015年に見限ったCSS</h3>
17140            </header>
17141
17142            <p>去年はCSSグラデーションを見限ったような気がする。CSSグラデーションは便利ではあるものの、実装の差がいまいち想像しづらく思ってもみない結果になることがよくある。SVGでやった方が結果からもテクスチャであるという面からも安定という印象だったため、去年からほとんど使わなくなった。今年はtext-shadowとletter-spacingプロパティー、そして::selection擬似要素を見限った。</p>
17143          </section>
17144        </a>
17145
17146
17147        <a href="/blog/misc/bake-and-its-line">
17148          <section class="excerpt">
17149            <header>
17150              <p class="date"><time datetime="2015-12-24T09:18:41+09:00">24日</time></p>
17151
17152              <h3>BAKEとその行列</h3>
17153            </header>
17154
17155            <p>チーズタルトのBAKEが近所にできたが行列がものすごくて並ぶ気にならなかった。たまたま行列が少ないタイミングで近くを通る機会があったã
17155®ã§ã€ã©ã†ã«ã‹25分並んで買った。並んだことで初めてわかったが、根本的に行列ができる仕組みと運用になっているようだ。</p>
17156          </section>
17157        </a>
17158
17159
17160        <a href="/blog/misc/be-democratic">
17161          <section class="excerpt">
17162            <header>
17163              <p class="date"><time datetime="2015-12-23T13:36:53+09:00">23日</time></p>
17164
17165              <h3>民主的であること</h3>
17166            </header>
17167
17168            <p>誰かのためにデザインすることはとても重要だが、それは閉鎖的で個人的な場面で使われるもののデザインにおいてだろう。公共の施設やウェブといったオープンな場面では、誰にも自由で、誰にも平等であることが理想であるはずだ。これを民主的であること、とすると多数決社会を思い浮かべてしまうかもしれないが、人という総体のレベルで自由で平等であることと言っても良い。そういった意味での「民主的な」デザインとは何なのかというイメージを文章にまとめた。</p>
17169          </section>
17170        </a>
17171
17172
17173        <a href="/blog/misc/cost-of-embalming">
17174          <section class="excerpt">
17175            <header>
17176              <p class="date"><time datetime="2015-12-22T10:46:17+09:00">22日</time></p>
17177
17178              <h3>エンバーミングの値段</h3>
17179            </header>
17180
17181            <p>エンバーミングはまだマイナーなようだが、父親の葬儀ではやってもらった。日本では全国統一価格らしく、画像の通り12万円+オプション費用(散髪とからしい)だ。結構な値段はするものの私(や家族)の感想としてはやってもらって良かったというものになった。ただコッテコテにやりすぎてもめるとかもあるらしい。</p>
17182          </section>
17183        </a>
17184
17185
17186        <a href="/blog/gadget/standing-desk-setting-20151219">
17187          <section class="excerpt">
17188            <header>
17189              <p class="date"><time datetime="2015-12-20T12:47:37+09:00">20日</time></p>
17190
17191              <h3>スタンディングデスクのセッティング(2015年12月19日)</h3>
17192            </header>
17193
17194            <p>座卓の上にデスクを重ねるアイディアはうまく機能しているようだ。高さ的にもちょうど良く、すこぶる調子は良い。懸念だった転倒対策の半分は、壁とデスクを転倒防止用の粘着テープでつなぐことで行った。もう半分は座卓とデスクの間に弾力性のあるコルクマットを敷くことでデスクの安定度を上げることで行った。</p>
17195          </section>
17196        </a>
17197
17198
17199        <a href="/blog/webdesign/labeling">
17200          <section class="excerpt">
17201            <header>
17202              <p class="date"><time datetime="2015-12-19T13:42:17+09:00">19日</time></p>
17203
17204              <h3>ラベル</h3>
17205            </header>
17206
17207            <p>“Learn More” Links: You Can Do Betterとキャンセルのキャンセルという2つの記事を読んだ。両者は共にラベルの話だが、ウェブサイトとアプリケーションというだけでなく、コンテキストは大きく違う。しかし共にユーザーがどういう結果になるか類推できない点が大きな問題とされているように読めた。</p>
17208          </section>
17209        </a>
17210
17211
17212        <a href="/blog/misc/steamed-sweet-potato">
17213          <section class="excerpt">
17214            <header>
17215              <p class="date"><time datetime="2015-12-18T09:08:08+09:00">18日</time></p>
17216
17217              <h3>ふかしイモ</h3>
17218            </header>
17219
17220            <p>レンジでふかしイモを作るのはなかなか難しいと思っていた。強いとカピカピになるし、それを避けようと水が切れないように工夫してもムラのある出来上がりまでにしかならない。そんな話をしていたら、弱いワット数でゆっくりふかすのが良いと教えてもらった。</p>
17221          </section>
17222        </a>
17223
17224
17225        <a href="/blog/webdesign/on-style-guide-generators">
17226          <section class="excerpt">
17227            <header>
17228              <p class="date"><time datetime="2015-12-17T12:16:43+09:00">17日</time></p>
17229
17230              <h3>スタイル・ガイド・ジェネレーターについて</h3>
17231            </header>
17232
17233            <p>僕は以前からJavadocを踏襲した形のスタイル・ガイド・ジェネレーターには構造的な欠点と思想的な欠点を持っていると考えている。実際にはスタイル・ガイドを中心としたウェブ制作体制をよく利用すること、そしてその中での作業を自動化してくれるであろうジェネレーターには期待していること、はあらかじめ断っておきたい。</p>
17234          </section>
17235        </a>
17236
17237
17238        <a href="/blog/webdesign/placeholder-position-on-chrome-47">
17239          <section class="excerpt">
17240            <header>
17241              <p class="date"><time datetime="2015-12-16T09:22:02+09:00">16日</time></p>
17242
17243              <h3>Chrome 47でのプレースホルダー文字列の位置</h3>
17244            </header>
17245
17246            <p>input要素のplaceholder属性で指定することができるプレースホルダー文字列が場合によって位置がずれることがあることを知った。どうもinput要素へフォント指定があり、かつプレースホルダー文字列にマルチバイト文字列が含まれていると再現するようだ。</p>
17247          </section>
17248        </a>
17249
17250
17251        <a href="/blog/gadget/hanes-premium-japan-fit">
17252          <section class="excerpt">
17253            <header>
17254              <p class="date"><time datetime="2015-12-15T00:14:17+09:00">15日</time></p>
17255
17256              <h3>Hanes PREMIUM Japan Fit</h3>
17257            </header>
17258
17259            <p>夏に黒い無地のポケットTシャツを探していた。なかなか良いのがなかったが、Hanes PREMIUM Japan Fitが値段も手ごろで良さそうだったため、伊勢丹まã
17259§è²·ã„に行った。試着はさすがにできなかったが、店頭にあったサンプルの厚さや肌触りが良く、何よりパッケージが秀逸だったので珍しく即決で買った。定価の3014円だった。ちょうど良いのでふらっと見つけた素敵パッケージAdvent Calendar 2015へ投下しておく。</p>
17260          </section>
17261        </a>
17262
17263
17264        <a href="/blog/coding/javascript-semicolons">
17265          <section class="excerpt">
17266            <header>
17267              <p class="date"><time datetime="2015-12-14T12:11:08+09:00">14日</time></p>
17268
17269              <h3>JavaScriptでのセミコロン</h3>
17270            </header>
17271
17272            <p>A plea to use semicolons when writing JavaScriptという記事を読んでいた。僕はもちろん書く派だ。なのでこの記事には大賛成……と思いきや、こういった言語的な側面からセミコロンを使うべきだという書き方には賛成できない。これではそのまま逆にすれば使わない理由になりうる。</p>
17273          </section>
17274        </a>
17275
17276
17277        <a href="/blog/misc/dreaming-20151206">
17278          <section class="excerpt">
17279            <header>
17280              <p class="date"><time datetime="2015-12-13T12:33:21+09:00">13日</time></p>
17281
17282              <h3>夢(2015年12月13日)</h3>
17283            </header>
17284
17285            <p>某卵かけご飯のアイコンの人にすごく似てる人が電車で向かいの席へ座る。「すごい似てるなー」とTwitterでつぶやいたり、Instagramへ写真をアップロードしたりした。一通り遊んでしばらくすると、この人と会ったことがなく、まったく顔を知らないことを思い出した、というところで目が覚めた。</p>
17286          </section>
17287        </a>
17288
17289
17290        <a href="/blog/software/vim-float-round">
17291          <section class="excerpt">
17292            <header>
17293              <p class="date"><time datetime="2015-12-12T11:09:32+09:00">12日</time></p>
17294
17295              <h3>vim-float-roundプラグイン</h3>
17296            </header>
17297
17298            <p>Vimで少数を四捨五入したい時、少し前に作った置換コマンドを使っているが、やはり余計な0を削除したいと感じることが多かった。手作業でやるのも限界があるので、これも置換コマンドでやっていたが、2回置換コマンドを入力するのはいかにも面倒くさい。独自コマンドはなるべく.vimrcに書かないことにしているので、float-roundプラグインとして切り分けることにした。</p>
17299          </section>
17300        </a>
17301
17302
17303        <a href="/blog/misc/black-tkg-20151211">
17304          <section class="excerpt">
17305            <header>
17306              <p class="date"><time datetime="2015-12-11T06:33:02+09:00">11日</time></p>
17307
17308              <h3>黒いTKG</h3>
17309            </header>
17310
17311            <p>去年はピンクだったので、今年は黒にした。黒はキャビア……だけど日和ってチョウザメではなくランプフィッシュのものにした。GABANのものはKALDIであるとかで比較的容易に手に入る(税込213円だった)。適当に作ったものの結構おいしいというか、成功したっぽい。今年もやっているTKG Advent Calendarの11日目になる。</p>
17312          </section>
17313        </a>
17314
17315
17316        <a href="/blog/webdesign/test-no-webfont">
17317          <section class="excerpt">
17318            <header>
17319              <p class="date"><time datetime="2015-12-10T11:31:13+09:00">10日</time></p>
17320
17321              <h3>ウェブフォントが無効化されているケースのテスト</h3>
17322            </header>
17323
17324            <p>CSSでのフォント指定を無効にする手段はブラウザーに用意されていることもあるが、ウェブフォントだけを無効にする手段は用意されていないように思う。もちろんMobile Safariのコンテンツブロッカーに対応したアプリのã
17324„くつかでは対応しているようだが、それをデスクトップからテストするのはなかなか難しい。</p>
17325          </section>
17326        </a>
17327
17328
17329        <a href="/blog/misc/standing-desk-settings-20151207">
17330          <section class="excerpt">
17331            <header>
17332              <p class="date"><time datetime="2015-12-09T12:27:58+09:00">9日</time></p>
17333
17334              <h3>スタンディングデスクのセッティング(2015年12月7日)</h3>
17335            </header>
17336
17337            <p>仮導入だったため、スタンディングデスクは机の上にカラーボックスを重ねることで実現していた。肉体的には調子がいいのでこのまま続けたいが、このセッティングにはちょっと無理があるようだ。高さはちょうど良いが、カラーボックスの奥行が短いため色々やりづらい。天板の弱さも気になる。そこで机を重ねるようなセッティングに変えた。と言っても重ねたのは下にだ。</p>
17338          </section>
17339        </a>
17340
17341
17342        <a href="/blog/software/control-panel-freezes-after-installing-win10-th2">
17343          <section class="excerpt">
17344            <header>
17345              <p class="date"><time datetime="2015-12-08T09:02:53+09:00">8日</time></p>
17346
17347              <h3>Windows 10 TH2のインストール後、コントロール・パネルが固まる問題</h3>
17348            </header>
17349
17350            <p>Windows 10のTH2が入ったあたりからコントロール・パネルを開こうとすると10秒くらい操作不能になるようになった。コントロール・パネルを使う機会はかなり減ったためそれほど問題ではないが、気になる。色々調べたところ、TH2がアプリケーションが強制削除することが原因だったようだ。それによりコントロール・パネルのエントリーと実体に不整合ができ、実体のないコントロール・パネルのエントリーを探そうとして固まる。</p>
17351          </section>
17352        </a>
17353
17354
17355        <a href="/blog/webdesign/html-best-pracitices-explanations">
17356          <section class="excerpt">
17357            <header>
17358              <p class="date"><time datetime="2015-12-07T08:45:11+09:00">7日</time></p>
17359
17360              <h3>HTML Best Practicesへ簡単な説明の追加</h3>
17361            </header>
17362
17363            <p>重い腰を上げてHTML Best Practicesへ短い説明を追加した。おおまかに「なぜ?」を説明する形にしたが、ところどころそうでないものもある。少しは説得力も上がったのではないだろうか。</p>
17364          </section>
17365        </a>
17366
17367
17368        <a href="/blog/software/npm-quick-run">
17369          <section class="excerpt">
17370            <header>
17371              <p class="date"><time datetime="2015-12-06T09:11:48+09:00">6日</time></p>
17372
17373              <h3>npm-quick-run</h3>
17374            </header>
17375
17376            <p>npm-quick-runというツールを使い始めた。npm runをラップして、引数に与えた文字列とマッチするnpmスクリプトを実行してくれるというもの(わかりづらい)。スクリプト名の補完を自動でやってくれるというと近く、使用感的にはGitのautocorrect機能と似たものになる。</p>
17377          </section>
17378        </a>
17379
17380
17381        <a href="/blog/webdesign/node-csswring-v4.1.1">
17382          <section class="excerpt">
17383            <header>
17384              <p class="date"><time datetime="2015-12-05T13:57:59+09:00">5日</time></p>
17385
17386              <h3>CSSWring v4.1.1</h3>
17387            </header>
17388
17389            <p>CSSハックが使われていたプロパティーが正規化されてそのまま残ってしまうバグがあったã
17389®ã‚’修正し、CSSWringのv4.1.1をリリースした。これで正しいブラウザーが解釈するようにCSSハックが削除されるようになる。残したい場合は明示的にオプションで指定する必要があるのはこれまでと変わらない。</p>
17390          </section>
17391        </a>
17392
17393
17394        <a href="/blog/misc/nearest-river">
17395          <section class="excerpt">
17396            <header>
17397              <p class="date"><time datetime="2015-12-04T14:31:10+09:00">4日</time></p>
17398
17399              <h3>一番近い川</h3>
17400            </header>
17401
17402            <p>近所にある川(これでも一級河川だ)にはあまり行かなかった。理由は自分のメイン移動経路からはちょっとずれているからだ。最近になってできた商業施設へ行くときも川のあたりは通らない。完全に自分の生活とは無縁な川だが、健康のため散歩をするようになってから随分と身近になり、ちょくちょく川伝いに歩いたり、川を渡って遠くまで行くようになった。空いているようなので川 Advent Calendar 2015の4日目の記事ということにした。</p>
17403          </section>
17404        </a>
17405
17406
17407        <a href="/blog/webdesign/style-guide-is-a-matchmaker">
17408          <section class="excerpt">
17409            <header>
17410              <p class="date"><time datetime="2015-12-03T12:42:36+09:00">3日</time></p>
17411
17412              <h3>モダンとクラシックをとりもつスタイル・ガイド</h3>
17413            </header>
17414
17415            <p>既にあるウェブサイトの実装を、今後を意識してモダンにしようとすると、どうしても既存のクラシックな何かしらの置き換えが必要になる。多くの人が作り始めているであろうスタイル・ガイドはそういった時に役に立つ。現状での保証された結果を提示してくれるからだ。</p>
17416          </section>
17417        </a>
17418
17419
17420        <a href="/blog/misc/pasteli">
17421          <section class="excerpt">
17422            <header>
17423              <p class="date"><time datetime="2015-12-01T11:28:48+09:00">1日</time></p>
17424
17425              <h3>パステリ</h3>
17426            </header>
17427
17428            <p>パステリというギリシャのお菓子の作り方を知って、材料さえあれば簡単そうだったので揃えて作った。簡単でおいしかったが、カロリーはやばめな感じがある。日本では胡麻おこし、アメリカではセサミ・シード・キャンディーというらしい。見た目はまさにおこしのような感じだが、もうちょっと柔らかくサックリという食感だった。</p>
17429          </section>
17430        </a>
17431
17432          </section>
17433          <section>
17434            <h2><time datetime="2015-11">2015年11月</time></h2>
17435
17436        <a href="/blog/misc/dreaming-20151121">
17437          <section class="excerpt">
17438            <header>
17439              <p class="date"><time datetime="2015-11-29T11:44:41+09:00">29日</time></p>
17440
17441              <h3>夢(2015年11月29日)</h3>
17442            </header>
17443
17444            <p>部屋の床いっぱいに人をダメにするソファが敷き詰められている。これでいつでもどこでも横になれる最高の環境だとなって、ごろんごろん堪能していた。ふと気づくと机も人をダメにするソファにかわっていて、それに置いてあったディスプレイもなんだか柔らかい。というところで目が覚めた。</p>
17445          </section>
17446        </a>
17447
17448
17449        <a href="/blog/gadget/standing-desk">
17450          <section class="excerpt">
17451            <header>
17452              <p class="date"><time datetime="2015-11-28T10:46:01+09:00">28日</time></p>
17453
17454              <h3>スタンディングデスク雑感</h3>
17455            </header>
17456
17457            <p>レンタルしていた骨盤をサポートする座布団を返却してからスタンディングデスクを試している。以下はその雑感だが、まだ既存の机の上にカラーボックスを重ねただけの状態での体験でのものだ。</p>
17458          </section>
17459        </a>
17460
17461
17462        <a href="/blog/software/removed-from-official-postcss-plugin-list-for-promoting-competitor">
17463          <section class="excerpt">
17464            <header>
17465              <p class="date"><time datetime="2015-11-26T14:06:21+09:00">26日</time></p>
17466
17467              <h3>競合相手のプロモーションのため、公式プラグイン一覧からの削除されたこと</h3>
17468            </header>
17469
17470            <p>
17470全世界的にPostCSSが盛り上がってきたので、他の最小化ツールなどは出てるのかなと公式のプラグイン一覧を参照したところ、全然関係のないことに気付いてしまった。確か以前はCSSWringがちゃんと載っていたように思ったが、消されていた。なんかやらかしたとか出来が悪いとかならばしょうがないというところだが、どうもcssnanoのプロモートのために消されたようだ。おっと。</p>
17471          </section>
17472        </a>
17473
17474
17475        <a href="/blog/internet/the-no-javascript-times">
17476          <section class="excerpt">
17477            <header>
17478              <p class="date"><time datetime="2015-11-23T16:07:52+09:00">23日</time></p>
17479
17480              <h3>JavaScript無効時代</h3>
17481            </header>
17482
17483            <p>一週間JavaScript無効で過ごしたけどすごく良かったという記事を読んだ。大雑把な感想を言うとするとそりゃそうだろと言えるような内容であり、特に面白みはない。しかし広告に特に触れずにFSFと絡めて説明するのは比較的珍しかったので、興味深くはあった。</p>
17484          </section>
17485        </a>
17486
17487
17488        <a href="/blog/media/historiae">
17489          <section class="excerpt">
17490            <header>
17491              <p class="date"><time datetime="2015-11-21T16:43:41+09:00">21日</time></p>
17492
17493              <h3>歴史</h3>
17494            </header>
17495
17496            <p>亡くなった父親の蔵書をものすごい勢いで消費している。専門書が多くちょっと読みづらいが、あまり読んだことのないジャンルの本が多くそこそこ面白く読ませてもらっている(読み飛ばしている)。その中でも岩波文庫で出ている「歴史」は良かった。結構読むのに時間がかかるかなと思ったが、中巻まで耐えたら一気に読めた。</p>
17497          </section>
17498        </a>
17499
17500
17501        <a href="/blog/webdesign/css-layout-present-future">
17502          <section class="excerpt">
17503            <header>
17504              <p class="date"><time datetime="2015-11-19T10:35:19+09:00">19日</time></p>
17505
17506              <h3>CSS、レイアウト、現在、未来</h3>
17507            </header>
17508
17509            <p>floatプロパティーで柔軟なレイアウトを行うことは可能だが、それには熟練と標準化されていない知識が必要になる。Flexible Box Layoutは標準化されていないという問題は解決するが、限られた矩形を基準にレイアウトをすること由来の独特のおまじないという熟練は必要になる(heightプロパティーの工夫)。レイアウトには様々なパターンがあり、Flexboxが解決するのはその一部分でしかない。</p>
17510          </section>
17511        </a>
17512
17513
17514        <a href="/blog/webdesign/drawic-v2.12.0">
17515          <section class="excerpt">
17516            <header>
17517              <p class="date"><time datetime="2015-11-17T12:01:29+09:00">17日</time></p>
17518
17519              <h3>Drawic v2.12.0</h3>
17520            </header>
17521
17522            <p>使い始めたWunderlistとMedium、そしてCircle CIのアイコンをDrawicへ追加した。ついでに今後よく必要になりそうなカギのアイコンも追加し、84個になった。今年中に100個は無理そうな感じになったが気長にやる。</p>
17523          </section>
17524        </a>
17525
17526
17527        <a href="/blog/software/white-app-icons">
17528          <section class="excerpt">
17529            <header>
17530              <p class="date"><time datetime="2015-11-15T04:11:18+09:00">15日</time></p>
17531
17532              <h3>白いアプリ・アイコン</h3>
17533            </header>
17534
17535            <p>Let’s talk about white app iconsという記事を読んだ。タイトル読めばわかるけれども、iOS界隈を席巻しつつある白い背景のアイコンのことだ。ネイティブを尊重するのは良いが、もうちょっとその影響を考えた方が良いという話のようだ。</p>
17536          </section>
17537        </a>
17538
17539
17540        <a href="/blog/gadget/one-week-with-backjoy">
17541          <section class="excerpt">
17542            <header>
17543              <p class="date"><time datetime="2015-11-12T02:20:31+09:00">12日</time></p>
17544
17545              <h3>BackJoyとの一週間</h3>
17546            </header>
17547
17548            <p>
17548近所にできたLOFTでBackJoyという骨盤をサポートして腰への負担を軽減する座布団を試してみた。ちょっと違和感はあったものの使用感はいきなり良かった。ただ即購入には至らず、レンタルがあるようなので試していた。ともかくハイエンドにしようとリリーフ・グリップというモデルにした。540円で2週間レンタルできる。</p>
17549          </section>
17550        </a>
17551
17552
17553        <a href="/blog/webdesign/testing-ex-unit">
17554          <section class="excerpt">
17555            <header>
17556              <p class="date"><time datetime="2015-11-10T14:30:28+09:00">10日</time></p>
17557
17558              <h3>ex単位のテスト</h3>
17559            </header>
17560
17561            <p>@kotarokに「ex単位とかうまく動く?」と聞かれたので、100倍してわかりやすくするテスト・ページを作成した。想定通りうまく動いてくれている。例えばSource Sans Proはx-heightが480とフォント・ファイルそのもので設定されており(FontForgeなどで確認することができる)、フォント・サイズが16pxとすると100exは16px * 480 / 1000 * 100となり768pxに理論上なることになるが、実際に(ほぼ)そうなっている。</p>
17562          </section>
17563        </a>
17564
17565
17566        <a href="/blog/webdesign/show-visited-status-with-css">
17567          <section class="excerpt">
17568            <header>
17569              <p class="date"><time datetime="2015-11-09T15:14:27+09:00">9日</time></p>
17570
17571              <h3>リンク先が訪問済みかどうかのCSSによる表示</h3>
17572            </header>
17573
17574            <p>DuckDuckGoでは、検索結果に出てきたページが訪問済みかどうかをわかりやすくアイコンで表示してくれる。Googleではトリッキーなことはせずに、色を変えるだけだ。もちろん色を変えるのが簡単だが、色を増やさずに訪問済みかどうかを示すことも不可能ではないようだ。まずはテスト実装ということで擬似要素がユニバーサル・セレクターにはマッチしないことを利用して考えることにした。</p>
17575          </section>
17576        </a>
17577
17578
17579        <a href="/blog/webdesign/first-impression-of-dropbox-s-css-style-guide">
17580          <section class="excerpt">
17581            <header>
17582              <p class="date"><time datetime="2015-11-08T02:56:59+09:00">8日</time></p>
17583
17584              <h3>Dropboxの(S)CSSスタイル・ガイドの所感</h3>
17585            </header>
17586
17587            <p>Dropbox社内のスタイル・ガイドを読んでいた。スタイル・ガイドとなっているがCSSのコーディング規約の方のスタイル・ガイドだ。最近のシンプル回帰の傾向と違い、かなり厳しいようだ。完全に守ってるとしたらかなりすごい。</p>
17588          </section>
17589        </a>
17590
17591
17592        <a href="/blog/misc/dreaming-20151101">
17593          <section class="excerpt">
17594            <header>
17595              <p class="date"><time datetime="2015-11-07T12:24:07+09:00">7日</time></p>
17596
17597              <h3>夢(2015年11月7日)</h3>
17598            </header>
17599
17600            <p>冬服を衣装箱から出したところ、去年買ったお気に入りのセーターが虫食いでボロボロになっていた。どうにかならないかと穴を調べるために着てみたら、穴の方が大きいくらいだった。どうしようかなと着たまま呆然としていたらいきなり現れた見知らぬ人に「グランジだ! オシャレ!」って言われたので、調子に乗って玄関を出たところで目が覚める。</p>
17601          </section>
17602        </a>
17603
17604
17605        <a href="/blog/software/creating-dot-start-file-in-windows">
17606          <section class="excerpt">
17607            <header>
17608              <p class="date"><time datetime="2015-11-06T13:31:35+09:00">6日</time></p>
17609
17610              <h3>ドットで始まるファイルのWindowsでの作成方法</h3>
17611            </header>
17612
17613            <p>チャットの類いを見ているとたまに「Windowsでドットで始まるファイルが作れなã
17613„んだけど」というような発言を見かけることが多くなった。Windows 10のおかげかSurfaceの好調さか、ウェブ開発でWindowsを使っている人が増えつつあるようで、こういう質問が出てくるのかもしれない。簡単に言うと.filename.と最後にもドットを付けると、それが削除されてドット始まりのファイルがWindowsでも簡単に作成できる。</p>
17614          </section>
17615        </a>
17616
17617
17618        <a href="/blog/media/preferring-to-read-tech-articles-in-english">
17619          <section class="excerpt">
17620            <header>
17621              <p class="date"><time datetime="2015-11-05T12:35:58+09:00">5日</time></p>
17622
17623              <h3>英語で書かれた記事を優先的に読むこと</h3>
17624            </header>
17625
17626            <p>ウェブ開発・デザイン関係の記事は、英語で書かれたものを主に読むようにしている。英語が一次ソースなことが多いということもあるが、それは理由の2割くらいにしかならない。残りの8割の半分は先入観の排除で、もう半分は読み返しの促進だ。</p>
17627          </section>
17628        </a>
17629
17630
17631        <a href="/blog/internet/encoding-specification">
17632          <section class="excerpt">
17633            <header>
17634              <p class="date"><time datetime="2015-11-03T13:05:42+09:00">3日</time></p>
17635
17636              <h3>Encoding</h3>
17637            </header>
17638
17639            <p>2年弱くらい作業が続いているEncoding仕様を、新たなCRが出た機会に改めて読んでいた。このような仕様に人を浪費することがないように、どのような手間とヒマをかけてもUTF-8に変更していくべきなのかな、と感じる。</p>
17640          </section>
17641        </a>
17642
17643
17644        <a href="/blog/webdesign/https-checklist">
17645          <section class="excerpt">
17646            <header>
17647              <p class="date"><time datetime="2015-11-02T11:58:39+09:00">2日</time></p>
17648
17649              <h3>HTTPSにした時に気を付けたこと</h3>
17650            </header>
17651
17652            <p>何回かやる必要が出てきそうなので、どういう形でやったのかをアバウトに記録しておく。本当は何もせずできればいいのだけど、世の仕様はそんなにうまくできてはいない。</p>
17653          </section>
17654        </a>
17655
17656
17657        <a href="/blog/webdesign/moved-to-https">
17658          <section class="excerpt">
17659            <header>
17660              <p class="date"><time datetime="2015-11-01T10:15:03+09:00">1日</time></p>
17661
17662              <h3>HTTPSへ</h3>
17663            </header>
17664
17665            <p>宣言通りHTTPSに移行した。まずはCloudflareの無料HTTPSを利用している。Cloudflareでは設定でHTTP Secure Transport Securityも有効にできるので、HTTPのままであろう旧URLからもスムーズに移行されるはずだ。RSSリーダー等で全部新着になったなどがあったら申し訳ないが諦めてほしい。</p>
17666          </section>
17667        </a>
17668
17669          </section>
17670          <section>
17671            <h2><time datetime="2015-10">2015年10月</time></h2>
17672
17673        <a href="/blog/misc/kamakura-20151027">
17674          <section class="excerpt">
17675            <header>
17676              <p class="date"><time datetime="2015-10-31T14:02:30+09:00">31日</time></p>
17677
17678              <h3>鎌倉散歩</h3>
17679            </header>
17680
17681            <p>鎌倉あたりまで散歩していた。週間予報ではずっと雨っぽい予報が続いていたが、晴れて暑いくらいですごく気持ち良かった。</p>
17682          </section>
17683        </a>
17684
17685
17686        <a href="/blog/gadget/yamazaki-jitsugyo-door-stopper-cube-green">
17687          <section class="excerpt">
17688            <header>
17689              <p class="date"><time datetime="2015-10-30T12:39:25+09:00">30日</time></p>
17690
17691              <h3>山崎実業 ドアストッパー キューブ(グリーン)</h3>
17692            </header>
17693
17694            <p>ドアストッパーはたまに欲しくなるものの、必要なところには大体あり、なければ段ボールのきれっぱしでも突っ込んでおけばいいか、とあまり買うまではいかなかった。洗面所兼脱衣所と風呂場がきれいになったã
17694®æœŸã«ã€ã“こには取りあえず何か買おうと決めた。コンパクトでドアノブにかけておけ、重くなく、床を傷つけなさそうなものという条件で、山崎実業というところのキューブというものにした。色はグリーンにした。</p>
17695          </section>
17696        </a>
17697
17698
17699        <a href="/blog/internet/history-sniffing-with-hsts-and-csp">
17700          <section class="excerpt">
17701            <header>
17702              <p class="date"><time datetime="2015-10-29T00:46:49+09:00">29日</time></p>
17703
17704              <h3>HTTP Strict Transport SecurityとContent Security Policyを利用した履歴調査</h3>
17705            </header>
17706
17707            <p>Content Security Policyを使ってHTTPからしか画像を読み込めないように制限しておき、HTTP Strict Transport Securityを使ってHTTPSへ書き換えようとするウェブサイトのURLをimg要素で読み込ませることで、訪問済みかどうか調べるというSnifflyという手法の実装例を見ていた。HSTSが強制的にHTTPSへ書き換えることが逆にプライバシーを漏えいさせてしまう結果になったのは皮肉だ。</p>
17708          </section>
17709        </a>
17710
17711
17712        <a href="/blog/internet/medium-pulication-page">
17713          <section class="excerpt">
17714            <header>
17715              <p class="date"><time datetime="2015-10-28T20:23:56+09:00">28日</time></p>
17716
17717              <h3>MediumのPublication Page</h3>
17718            </header>
17719
17720            <p>少し前からMediumに記事をミラーし始め、うまく動いているようだ。個人アカウントは個人アカウントとして扱いたい感じもするので、midueM no ten.u2liaHという名前でPublication Pageを作ってそこに置くという形にした。</p>
17721          </section>
17722        </a>
17723
17724
17725        <a href="/blog/coding/file-descriptor-support-in-fs-file-functions">
17726          <section class="excerpt">
17727            <header>
17728              <p class="date"><time datetime="2015-10-27T02:28:59+09:00">27日</time></p>
17729
17730              <h3>ファイル記述子がfs.readFile()等でサポートへ</h3>
17731            </header>
17732
17733            <p>Node.js v5のリリース案を見ていたところ、fs.readFile()等の第一引数でファイル記述子(file descriptor)がサポートされるようになるようだ。便利極まりない/dev/stdinなどがない環境(Windowsとか)で標準入出力の読み込みが簡単になるのかなと想像している。</p>
17734          </section>
17735        </a>
17736
17737
17738        <a href="/blog/software/pointing-sub-directory-to-gh-pages">
17739          <section class="excerpt">
17740            <header>
17741              <p class="date"><time datetime="2015-10-26T14:01:59+09:00">26日</time></p>
17742
17743              <h3>サブディレクトリ-をgh-pagesへ向ける運用</h3>
17744            </header>
17745
17746            <p>gh-pagesブランチの管理にはいくつか手法はあると思うのだけど、決定版はなさそうに思える。まともにやるとするとsubtreeを使うのが良さそうだが、パワフルすぎて役不足な印象だ。僕は公開するファイル群を吐くサブディレクトリーをmasterからは無視しつつ、gh-pagesブランチではそのサブディレクトリーをルートにするみたいな運用に落ち着きつつある。</p>
17747          </section>
17748        </a>
17749
17750
17751        <a href="/blog/misc/dreaming-20151019">
17752          <section class="excerpt">
17753            <header>
17754              <p class="date"><time datetime="2015-10-25T14:21:21+09:00">25日</time></p>
17755
17756              <h3>夢(2015年10月25日)</h3>
17757            </header>
17758
17759            <p>マイナンバーが575になり、簡単に暗謡できるようになる。うっかり口ずさんでしまうと、俳人に依頼して新しい575を詠んでもらう。という冗談がうっかり採用され、なにかの賞の候補に……というところで頑張って起きた。</p>
17760          </section>
17761        </a>
17762
17763
17764        <a href="/blog/webdesign/unitless-zero-inside-css-calc-notation">
17765          <section class="excerpt">
17766            <header>
17767              <p class="date"><time datetime="2015-10-24T13:23:52+09:00">24日</time></p>
17768
17769              <h3>calc()内の0</h3>
17770            </header>
17771
17772            <p>感覚としてcalc(1rem + 1)は明らかにダメそうだとわかるが、なんとなく通りそうに見えるcalc(1rem + 0)もダメになるということをCSSWringへのPRで知った。0ならユニットを省略できることが多いが、calc()内では別のようだ。最初良くわからなかったが、この辺りを定義しているCSS Values and Units Module Level 3仕様でもちゃんとそうなっていた。</p>
17773          </section>
17774        </a>
17775
17776
17777        <a href="/blog/media/wdpress-89">
17778          <section class="excerpt">
17779            <header>
17780              <p class="date"><time datetime="2015-10-23T02:37:32+09:00">23日</time></p>
17781
17782              <h3>WEB+DB PRESS Vol.89</h3>
17783            </header>
17784
17785            <p>以前記事を書いてより毎号WEB+DB PRESSをいただいているが、感想を書いてなくて申し訳ない。謝罪から始めたが、11/24発売の第89号に載っていた@kazuhoによる速習HTTP/2という記事が非常に良かった。これはフロントエンド側の人からもっとデザイナーよりの人にまでも薦めることのできるHTTP/2の入門記事だと感じたã€
17785‚</p>
17786          </section>
17787        </a>
17788
17789
17790        <a href="/blog/webdesign/automatic-image-layout-and-its-goal">
17791          <section class="excerpt">
17792            <header>
17793              <p class="date"><time datetime="2015-10-22T13:11:33+09:00">22日</time></p>
17794
17795              <h3>画像配置の自動化とその本当の目標</h3>
17796            </header>
17797
17798            <p>ウェブページにおいて図であったり飾りであったりする画像の配置はCSSを通して行う。多くの場合はクラスとしてパターン化した配置のひとつを要素に割り当てることで行うわけだが、これを自動化したい。具体的に言えば、画像の縦横サイズやアスペクト比、キャプションの有無に基づいて最適な配置を自動で行い、手作業で要素にクラス名を振らなくて済むようにしたい。</p>
17799          </section>
17800        </a>
17801
17802
17803        <a href="/blog/webdesign/blurred-image-for-lazyload">
17804          <section class="excerpt">
17805            <header>
17806              <p class="date"><time datetime="2015-10-21T09:20:45+09:00">21日</time></p>
17807
17808              <h3>遅延読み込み用のぼやけた画像</h3>
17809            </header>
17810
17811            <p>Mediumでとある記事を高速にスクロールして読んでいたら、さりげなく画像を遅延読み込みしていることを知った。読み込み発火のタイミングがうまいのかあまり遅延読み込みの存在を感じさせないのもすごいと思ったが、プレースホルダー画像の実装方法が良さそうだった。単純に元の画像を幅30px程度まで小さくしてそれをブラウザーにリサイズさせることでぼやけた画像をプレースホルダーとして表示しているだけだが、十分に機能していそうで目から鱗だった。</p>
17812          </section>
17813        </a>
17814
17815
17816        <a href="/blog/software/nova-fonts-pro-fonts-and-others-on-win10">
17817          <section class="excerpt">
17818            <header>
17819              <p class="date"><time datetime="2015-10-20T01:35:36+09:00">20日</time></p>
17820
17821              <h3>NovaフォントとProフォント他</h3>
17822            </header>
17823
17824            <p>Windows 10ではデフォルトでもいくつか新しいフォントが加わっているが、欧米向けには特別に新たなフォントが提供されている。それらはオプション機能から機能の追加を選択し、ヨーロッパ各国語追加フォントを探してインストールすると使えるようになる。</p>
17825          </section>
17826        </a>
17827
17828
17829        <a href="/blog/software/installing-editorconfig-to-vim">
17830          <section class="excerpt">
17831            <header>
17832              <p class="date"><time datetime="2015-10-19T13:32:50+09:00">19日</time></p>
17833
17834              <h3>VimへのEditorConfigの導入</h3>
17835            </header>
17836
17837            <p>他人のリポジトリーをいじるときだけEditorConfigを使うような仕組みにしていたが、3回ミスして迷惑をかけたので、諦めて常時使用することにした。バイナリーをパスを通ったところに入れて、ediorconfig-vimをインストール……ではすんなり環境を構築できなかった。どうやらWindowsでset shell=shかつset shellslashしてる場合でだけで起こるようだ。</p>
17838          </section>
17839        </a>
17840
17841
17842        <a href="/blog/coding/namegen">
17843          <section class="excerpt">
17844            <header>
17845              <p class="date"><time datetime="2015-10-18T18:46:04+09:00">18日</time></p>
17846
17847              <h3>姓名ジェネレーター</h3>
17848            </header>
17849
17850            <p>必要に迫られてランダムな名前を生成するJavaScriptを書いた。姓が100通り、名が男女50通りずつで、ランダムに組み合わされる。前田さくら、大野亮太、岩崎健太、伊藤悠斗、佐藤智子。</p>
17851          </section>
17852        </a>
17853
17854
17855        <a href="/blog/webdesign/split-css-and-js">
17856          <section class="excerpt">
17857            <header>
17858              <p class="date"><time datetime="2015-10-17T02:17:59+09:00">17日</time></p>
17859
17860              <h3>CSSやJSの分割</h3>
17861            </header>
17862
17863            <p>HTTPS化したらやろうと思っていた、CSSファイルとJavaScriptファイルの分割を別ドメインの方で試していた。果たして聞いていたように効果があるのか……と思ったが、利用しているファイルが少なくてよくわからない。</p>
17864          </section>
17865        </a>
17866
17867
17868        <a href="/blog/misc/on-my-local-library">
17869          <section class="excerpt">
17870            <header>
17871              <p class="date"><time datetime="2015-10-16T11:20:16+09:00">16日</time></p>
17872
17873              <h3>図書館とか</h3>
17874            </header>
17875
17876            <p>噂の図書館は地元のため、ちょくちょく行っている。行くようになった。色々に色々と書かれていて、それに対して思うところはあるもののうまく書けそうもない。原子力発電所の地元に住んでいる人たちは東日本大震災以降ずっとこんな気持ちだったのかなと少し感じる。もちろんスケールはまったく違うと思うが。</p>
17877          </section>
17878        </a>
17879
17880
17881        <a href="/blog/internet/tracking-bookmarks">
17882          <section class="excerpt">
17883            <header>
17884              <p class="date"><time datetime="2015-10-15T10:35:47+09:00">15日</time></p>
17885
17886              <h3>ブックマークのおっかけ</h3>
17887            </header>
17888
17889            <p>ソーシャル・ブックマークはまだそれなりに機能するが、いまだに追いかけるのが難しい。その中ではてなブックマークのお気に入り機能は出色の出来栄えと言えそうだが、やはりブラウザーであのページを見るのは辛い。かといってRSSリーダーで読むのもなかなか難しいと感じる。HBFavは良いものだが、やはりデスクトップでどうにかしたい。</p>
17890          </section>
17891        </a>
17892
17893
17894        <a href="/blog/webdesign/css-system-font-shortcut">
17895          <section class="excerpt">
17896            <header>
17897              <p class="date"><time datetime="2015-10-13T10:04:30+09:00">13日</time></p>
17898
17899              <h3>システム・フォントのショートカット</h3>
17900            </header>
17901
17902            <p>システム・フォントのリフレッシュが各OSで進んでいる。かといって無指定の場合はそれらシステム・フォントが利用されるというわけでもない。あまり長いfont-familyプロパティーを書くのは好きではないので、@font-faceで抽象化したい。それを試すついでに、srcデスクリプターで-apple-systemキーワードが利用できるかどうかの確認もした。</p>
17903          </section>
17904        </a>
17905
17906
17907        <a href="/blog/misc/dreaming-20151009">
17908          <section class="excerpt">
17909            <header>
17910              <p class="date"><time datetime="2015-10-12T08:49:05+09:00">12日</time></p>
17911
17912              <h3>夢(2015年10月12日)</h3>
17913            </header>
17914
17915            <p>
17915父親が帰ってきたので、食事の用意をして一緒に食べる。後片付けをしていると客用の茶碗を出していたことに気付き、「あっ親父死んだよな」と考える。父親に「死んだよね」って聞いてみると、「そうだよーそれで言うことあったんだよ」と軽く言われたところで目が覚める。</p>
17916          </section>
17917        </a>
17918
17919
17920        <a href="/blog/webdesign/baseline">
17921          <section class="excerpt">
17922            <header>
17923              <p class="date"><time datetime="2015-10-11T09:07:13+09:00">11日</time></p>
17924
17925              <h3>ベースライン</h3>
17926            </header>
17927
17928            <p>復帰してからこっちウェブページから色々削除していた。Facebook向けのOGPやTwitter Cards用のmeta要素、ほぼGoogle向けのMicrodataなどを削除して、HTMLでは必要最小限のところまで絞った。CSSでは主にNormalize.cssを削除する作業と、SCSSでの変数のローカル化なので、結果はほとんど変わっていない。JavaScriptは元々それほど使っていないので変わっていない。この状態をベースラインにして、何をどう積み上げるか、だ。</p>
17929          </section>
17930        </a>
17931
17932
17933        <a href="/blog/misc/everyday575">
17934          <section class="excerpt">
17935            <header>
17936              <p class="date"><time datetime="2015-10-09T12:57:56+09:00">9日</time></p>
17937
17938              <h3>毎日575</h3>
17939            </header>
17940
17941            <p>毎日の 日課を何か 増やしたい</p>
17942          </section>
17943        </a>
17944
17945
17946        <a href="/blog/sports/misjudgement-acceptance-and-its-result">
17947          <section class="excerpt">
17948            <header>
17949              <p class="date"><time datetime="2015-10-08T09:14:40+09:00">8日</time></p>
17950
17951              <h3>誤審と肯定、その結末</h3>
17952            </header>
17953
17954            <p>少し前にかなりの誤審があり、そこそこの確率で勝利していたと思われる試合が引き分けに終わった。2日後にその誤審は認められ謝罪はなされたものの、試合結果は引き分けのまま修正されることはなかった。その結末は勝っていたかもしれないチームはその相手チームと半ゲーム差でポストシーズン出場を逃すというかなり後味の悪いものになった。</p>
17955          </section>
17956        </a>
17957
17958
17959        <a href="/blog/internet/ad-revenue-vs-data-cost">
17960          <section class="excerpt">
17961            <header>
17962              <p class="date"><time datetime="2015-10-07T02:36:50+09:00">7日</time></p>
17963
17964              <h3>モバイル広告益と回線益</h3>
17965            </header>
17966
17967            <p>広告パブリッシャーは広告の表示で利益を得る。キャリアーは回線の利用量が利益に直結する。モバイル広告の表示には当然回線を利用するわけで、その時にどちらがより利益を得るのかという記事を読んだ。記事ではキャリアーの方がより稼いでいるというデータの提示のみだが、そう考えるとモバイル広告の持つ(とされる)宣伝効果がその分減殺されているということになりそうだ。</p>
17968          </section>
17969        </a>
17970
17971
17972        <a href="/blog/software/hankaku-to-zenkaku-parentheses">
17973          <section class="excerpt">
17974            <header>
17975              <p class="date"><time datetime="2015-10-06T03:52:20+09:00">6日</time></p>
17976
17977              <h3>半角カッコから全角カッコ</h3>
17978            </header>
17979
17980            <p>このウェブログの本文で使っていた半角カッコを全角カッコに変えたくなった。文章校正的な理由ではなく、将来の縦書き化を見据えて今のうちに調節しておこうかなという程度の理由だ(半角カッコに戻すのは簡単そうだ、ということもある)。だが単純な置換ではなかなか難しく、手作業でやろうかと思ったが開き半角カッコだけで8000近くあったので無理そう……ということで一時間くらい色々考えたçµ
17980æžœã€ASCII範囲外の文字を含む開き半角カッコと閉じ半角カッコのペアを探して置換するのがよさそうという結論に至った。</p>
17981          </section>
17982        </a>
17983
17984
17985        <a href="/blog/misc/dreaming-20150929">
17986          <section class="excerpt">
17987            <header>
17988              <p class="date"><time datetime="2015-10-05T03:49:20+09:00">5日</time></p>
17989
17990              <h3>夢(2015年10月5日)</h3>
17991            </header>
17992
17993            <p>ガスと電気と水道、電話の名義変更を行うが失敗し、すべて止まる。暗闇に包まれ、何もできない家でじっとしていると、市役所の人が来る。「ちょっとした手違いで……すみません!」とあんぱんを3つ渡される。食べたらすごいおいしかった。が数分後に腹痛になり、トイレに入るも水が流れない。というところで目が覚めた。</p>
17994          </section>
17995        </a>
17996
17997
17998        <a href="/blog/webdesign/srcset-svg-fallback-hack">
17999          <section class="excerpt">
18000            <header>
18001              <p class="date"><time datetime="2015-10-04T03:31:06+09:00">4日</time></p>
18002
18003              <h3>srcset属性を使ったSVGフォールバック・ハック</h3>
18004            </header>
18005
18006            <p>SVGをサポートする環境がほとんどになってきた。それでもなんとか8であったり、かんとか2.3であったりのことを考慮せざるをえないという状況はありうる。それにはonerror属性を使った対応が有力だが、srcset属性でSVGファイルを指定するだけというハックのことを知った。将来的に使えなくなるわけではないが、やりたいことと実装に食い違いが少なからずあるのでハックと言って良いだろう。</p>
18007          </section>
18008        </a>
18009
18010          </section>
18011          <section>
18012            <h2><time datetime="2015-09">2015年9月</time></h2>
18013
18014        <a href="/blog/webdesign/preventing-1-char-wrapping">
18015          <section class="excerpt">
18016            <header>
18017              <p class="date"><time datetime="2015-09-30T00:02:41+09:00">30日</time></p>
18018
18019              <h3>1文字だけの改行の拒否</h3>
18020            </header>
18021
18022            <p>日本語の文章では任意の位置で改行できるため、レスポンシブ・ウェブ・デザインでは多くの場合、望まない位置での改行が起きる。例えば最後の1文字だけ次の行になってしまうと、読みやすさや理解度に致命的な影響を与える。例えば「?」だけ次の行に送られた場合、あるとないのでは大きく印象が変わるだろう。Twitterで@Takazudoと@oosugi20の会話を見て、やはりみな似たようなことは考えるものだと感じ、このあたりのことについて書いてみたくなった。</p>
18023          </section>
18024        </a>
18025
18026
18027        <a href="/blog/gadget/tiger-mmp-g031-ww">
18028          <section class="excerpt">
18029            <header>
18030              <p class="date"><time datetime="2015-09-25T12:07:54+09:00">25日</time></p>
18031
18032              <h3>TIGER サハラマグ MMP-G031</h3>
18033            </header>
18034
18035            <p>とにかく軽いマグボトルを探していた。本当はS’wellがかっこいいなと思っていたが、特に軽くもないし、氷を入れられないのは後々絶対に後悔すると考え、やめておいた。最終的に飲み口がないTIGERのサハラマグに決め、白の300mlのものにした。2648円だった。</p>
18036          </section>
18037        </a>
18038
18039
18040        <a href="/blog/software/vim-css3-syntax-v0.15.0">
18041          <section class="excerpt">
18042            <header>
18043              <p class="date"><time datetime="2015-09-23T15:29:17+09:00">23日</time></p>
18044
18045              <h3>vim-css3-syntax v0.15.0</h3>
18046            </header>
18047
18048            <p>俗に言うところのCSS3仕様もずいぶん安定版のものが増えてきた。更新があっても文章上の修正にとどまり、機能自体の追加や更新はあまりない。ある場合はLevel 4モジュールが作られるようになり、Level 3モジュールへは変更が加わらなくなった。ということでCSS Text Module Level 4最初のWDが出た記念に、vim-css3-syntaxのv0.15.0をリリースした。スナップショットの方も動きがあったようで、何かしらの一線を引ける日も近そうだ。</p>
18049          </section>
18050        </a>
18051
18052
18053        <a href="/blog/webdesign/decimal-alignment-in-table-cell">
18054          <section class="excerpt">
18055            <header>
18056              <p class="date"><time datetime="2015-09-22T11:38:50+09:00">22日</time></p>
18057
18058              <h3>表のセルにおける少数の行揃え</h3>
18059            </header>
18060
18061            <p>表のセルでは数字は右揃えにすることが多い。しかし少数を右揃えにすると、小数点以下の桁数が違う時に読みづらくなる。等幅フォントにしてもそれは解決しない。少数点がうまく縦に並ぶように揃えたいわけだ。CSSではtext-alignプロパティーで文字列が指定できるようにしたいようで、いずれ可能になるかもしれない。とされているが、実はHTML4.01の頃からほぼ同じ機能は仕様で定義されているものの実装はないので、期待は薄い……と思ったものの、うっかり実装されていないかどうか確認した。</p>
18062          </section>
18063        </a>
18064
18065
18066        <a href="/blog/webdesign/font-size-of-table-cell-on-mobile-safari-8">
18067          <section class="excerpt">
18068            <header>
18069              <p class="date"><time datetime="2015-09-21T11:57:04+09:00">21日</time></p>
18070
18071              <h3>
18071Mobile Safari 8と表のセルのフォント・サイズ</h3>
18072            </header>
18073
18074            <p>Mobile Safari 8でフォント・サイズが表のセルでのみおかしくなる現象に遭遇した。条件はセルへwhites-pace: nowrapを指定していることのみのようだ(paddingプロパティーの指定があると再現率が上がる)。手元の環境ではスクリーンショットのように16pxで表示されるはずの表のセルが19pxほどで表示されてしまった。</p>
18075          </section>
18076        </a>
18077
18078
18079        <a href="/blog/coding/sass-vars-wip">
18080          <section class="excerpt">
18081            <header>
18082              <p class="date"><time datetime="2015-09-19T00:05:04+09:00">19日</time></p>
18083
18084              <h3>Sass変数の(ダメそうな)案</h3>
18085            </header>
18086
18087            <p>時代はとっくにSass 3.4なのでローカル変数メインにしたいということが前提にある。そうすることで変数名にBEM等のしっかりとした命名規則を使わずに済み、自己言及的な変数名と数文字の変数名でおおむね完結することになる。パーシャル間で共有したい場合はしょうがないので!globalを使ってローカル変数をグローバルへエクスポートするようなあきらめを許容して誤魔化す。</p>
18088          </section>
18089        </a>
18090
18091
18092        <a href="/blog/webdesign/on-responsive-typography">
18093          <section class="excerpt">
18094            <header>
18095              <p class="date"><time datetime="2015-09-17T08:46:42+09:00">17日</time></p>
18096
18097              <h3>レスポンシブ・タイポグラフィーなど</h3>
18098            </header>
18099
18100            <p>ウィンドウや画面のサイズに合わせて文字の大きさを自動的に変更するテクニックは、俗にレスポンシブ・タイポグラフィーまたはフルイド・タイプと呼ばれている。当初は僕も良いアイディアだと思い多用していたが、重要なのはビューポートの大きさではなくデバイスとの距離だろうと思い直したためもうほとんど使うことはない。当初から嫌いといっていた人はこの辺にしっかりとした意識があったã
18100®ã ã‚ã†ã€‚</p>
18101          </section>
18102        </a>
18103
18104
18105        <a href="/blog/webdesign/fout-is-progressive-enhancement">
18106          <section class="excerpt">
18107            <header>
18108              <p class="date"><time datetime="2015-09-15T08:01:14+09:00">15日</time></p>
18109
18110              <h3>FOUTはプログレッシブ・エンハンスメントだ</h3>
18111            </header>
18112
18113            <p>僕はウェブフォントの実装はFOUTを強いる形がベストだと今のところは考えている。とにかく文章が読める状態をできる限り確保するべきだと思うからだ。だがなかなかFOUTの良さを説明することは難しい。どうしても他の手法の欠点を強調しがちで終わっていた。そういう時にFOUTをプログレッシブ・エンハンスメントととらえて説明するのは良さそうだ。</p>
18114          </section>
18115        </a>
18116
18117
18118        <a href="/blog/webdesign/version-six-point-seventy-eight-point-zero">
18119          <section class="excerpt">
18120            <header>
18121              <p class="date"><time datetime="2015-09-13T07:34:34+09:00">13日</time></p>
18122
18123              <h3>v6.78.0</h3>
18124            </header>
18125
18126            <p>画像をなくすみたいなことをやっていた(画像をなくしたいわけではない)。あんまり変わってないけれども、画像がなくなると文字の大きさのバリエーションが非常に目立つようになるので、全体的に控えめにしたりもしてた。その過程でいろいろなところで利用していた枠線もほとんどなくなった。</p>
18127          </section>
18128        </a>
18129
18130
18131        <a href="/blog/webdesign/drawic-v2.11.0">
18132          <section class="excerpt">
18133            <header>
18134              <p class="date"><time datetime="2015-09-09T06:14:05+09:00">9日</time></p>
18135
18136              <h3>Drawic v2.11.0</h3>
18137            </header>
18138
18139            <p>Drawicへ使い始めたInstapaperを始めFeedly、Cloudflare、Slackとウェブサービスのアイコンを4つ追加してv2.11.0に更新した。もう#でSlackみたいな感じになっててすごい。</p>
18140          </section>
18141        </a>
18142
18143
18144        <a href="/blog/webdesign/rounded-checkboxes">
18145          <section class="excerpt">
18146            <header>
18147              <p class="date"><time datetime="2015-09-06T02:48:07+09:00">6日</time></p>
18148
18149              <h3>丸いチェックボックス</h3>
18150            </header>
18151
18152            <p>Checkboxes Are Never Roundという記事を読んでいた。チェックボックスの見た目をちょっと変えて丸くしてしまうと、ラジオボタンとまったく変わらなくなり、ユーザーがその機能に戸惑う可能性があるので、知覚されたアフォーダンスを破壊するという風に読んだ。丸いチェックボックスだけでなく、下線だけのテキスト入力コントロールやクリックしてもフォーカスの移らないラベルなども似た問題を持つ。</p>
18153          </section>
18154        </a>
18155
18156
18157        <a href="/blog/internet/uptime-robot-to-ios-notification">
18158          <section class="excerpt">
18159            <header>
18160              <p class="date"><time datetime="2015-09-02T05:38:19+09:00">2日</time></p>
18161
18162              <h3>Uptime RobotからiOSの通知へ</h3>
18163            </header>
18164
18165            <p>Uptime Robotはウェブサイトが落ちた時に通知してくれるが、その通知方法は限られている。スマフォ・アプリがあって通知で受け取れることができれば良さそうだが、残念ながら公式アプリはない。そこで対応しているWebhookとIFTTTのMakerチャンネルを使うことでiOSの通知に送ることにした。</p>
18166          </section>
18167        </a>
18168
18169          </section>
18170          <section>
18171            <h2><time datetime="2015-08">2015年8月</time></h2>
18172
18173        <a href="/blog/misc/dreaming-20150827">
18174          <section class="excerpt">
18175            <header>
18176              <p class="date"><time datetime="2015-08-31T01:18:56+09:00">31日</time></p>
18177
18178              <h3>夢(2015年8月31日)</h3>
18179            </header>
18180
18181            <p>天の声に「CSSの基本は発声から」と言われる。朝起きたらまず裏の神社にお参りし、今日も一日CSSをうまく書けるように大きな声でお祈りすることが義務付けられる。恥ずかしいのでサボったらテキスト・エディターでCSSファイルが開けなくなった。基本大事だなーと思ったところで目が覚める。</p>
18182          </section>
18183        </a>
18184
18185
18186        <a href="/blog/misc/the-value-of-things">
18187          <section class="excerpt">
18188            <header>
18189              <p class="date"><time datetime="2015-08-27T09:57:23+09:00">27日</time></p>
18190
18191              <h3>物の価値</h3>
18192            </header>
18193
18194            <p>遺品の整理をやっているわけだが、親(や多分配偶者)のものにはまったく価値が見いだせなくて、捨てるしかどうしようもない感じだ。思い出が多少あるものがあっても、明らかに着ることのできない洋服だったりする。袖が足らなかったり、ウエストが10cmくらい余ったり。</p>
18195          </section>
18196        </a>
18197
18198          </section>
18199          <section>
18200            <h2><time datetime="2015-07">2015年7月</time></h2>
18201
18202        <a href="/blog/misc/mourning">
18203          <section class="excerpt">
18204            <header>
18205              <p class="date"><time datetime="2015-07-23T00:12:21+09:00">23日</time></p>
18206
18207              <h3>喪</h3>
18208            </header>
18209
18210            <p>ゲーム期じゃなかった。父親が死んだので色々やったりしてた。あぁ誕生日だ。ひどい言い方になるが70を超えた辺りでそろそろとか考えたことはあったような気はするけど、僕が40になる前に死ぬとも思ってなかったし、こう突然死ぬとは思ってなかった。</p>
18211          </section>
18212        </a>
18213
18214          </section>
18215          <section>
18216            <h2><time datetime="2015-06">2015年6月</time></h2>
18217
18218        <a href="/blog/webdesign/dns-prefetch-preconnect-prefetch-prerender-preload">
18219          <section class="excerpt">
18220            <header>
18221              <p class="date"><time datetime="2015-06-24T09:14:52+09:00">24日</time></p>
18222
18223              <h3>dns-prefetchとpreconnect、そしてprefetchやprerenderとpreloadの併記</h3>
18224            </header>
18225
18226            <p>2014å¹´10月より標準化作業が公開されたResource Hints仕様により、既存のrel=dns-prefetchとrel=prefetch、そしてrel=prerenderは置き換えられる可能性がある。この置き換えが起こる可能性は決して高ã
18226ã¯ãªã•そうなので、実装されているもののままでも構わないと思うが、link要素のrel属性は複数の値を取ることができるので、同時指定しても良い。</p>
18227          </section>
18228        </a>
18229
18230
18231        <a href="/blog/gadget/postcards-from-penguin">
18232          <section class="excerpt">
18233            <header>
18234              <p class="date"><time datetime="2015-06-23T00:37:30+09:00">23日</time></p>
18235
18236              <h3>Postcards from Penguin</h3>
18237            </header>
18238
18239            <p>ペンギン・ブックスの本のカバーをポストカードにしたものの100枚入りのセット、Postcards from Pengin: One Hundred Book Covers in One Boxを衝動買いした。Amazon.co.jpでタイポグラフィーの本を漁ってたら見つけた。100枚入っていてもだいたいは同じデザイン……なんだけれどもそこが異様に良い。2500円くらいだった。</p>
18240          </section>
18241        </a>
18242
18243
18244        <a href="/blog/webdesign/fetching-when-prefetching">
18245          <section class="excerpt">
18246            <header>
18247              <p class="date"><time datetime="2015-06-22T09:42:37+09:00">22日</time></p>
18248
18249              <h3>プリフェッチ中のリクエスト</h3>
18250            </header>
18251
18252            <p>特定のリソースをrel=prefetchを使ってプリフェッチしている最中に、何らかの形で新たにリクエストされるような状況になった場合、各ブラウザーはどういう挙動になるのかということを試していた。Firefox 38ではプリフェッチがそのまま続行され、新たなリクエストは発生しないという賢い挙動のようだ。</p>
18253          </section>
18254        </a>
18255
18256
18257        <a href="/blog/rss/webhook-to-pubsubhubbub">
18258          <section class="excerpt">
18259            <header>
18260              <p class="date"><time datetime="2015-06-21T07:13:29+09:00">21日</time></p>
18261
18262              <h3>WebhookからPubSubHubbubへの翻訳</h3>
18263            </header>
18264
18265            <p>少し前に公開されたIFTTTのMakerチャンネルを使って、GitHubリポジトリーのWebhookをPubSubHubbubの公開POSTリクエストに翻訳するようにした。GETを使った公開リクエストがあまり行儀が良くなさそうなことが前から気になっていたので、Makerチャンネルを使えば良いかなと試したところうまくいった。</p>
18266          </section>
18267        </a>
18268
18269
18270        <a href="/blog/misc/dreaming-20150620">
18271          <section class="excerpt">
18272            <header>
18273              <p class="date"><time datetime="2015-06-20T06:24:04+09:00">20日</time></p>
18274
18275              <h3>夢(2015年6月20日)</h3>
18276            </header>
18277
18278            <p>湯船で丸々一本漏らす。あわてて手桶ですくい、トイレに流そうと風呂から出たらおばあちゃん(故人)に見つかる。そのまま正座させられ説教をされる。おばあちゃんには怒られたことがなかったので、すごいショックを受けつつ、とにかく服を着たかった。途中で「体拭いて服着ていい?」って聞いたら、「良いよ」ってニッコリ笑って返事してくれて、そのまますうっと蒸発するみたいに消えた。</p>
18279          </section>
18280        </a>
18281
18282
18283        <a href="/blog/webdesign/layout-changes-20150618">
18284          <section class="excerpt">
18285            <header>
18286              <p class="date"><time datetime="2015-06-19T08:23:28+09:00">19日</time></p>
18287
18288              <h3>レイ → ← アウト</h3>
18289            </header>
18290
18291            <p>ロゴの形状を変えたら広い画面のマルチカラムではずいぶんとバランスが悪くなった。そうでもないと思っていたけれど日に日に気になり度が増してきたため、レイアウトの基本を少し変更することにした。広い画面ではロゴを含めてコンテンツはメインカラムの左寄せに、サブカラムの内容は右寄せにするようにし、両者が詰まりすぎないようにその間を少し広くしてバランスをとった。</p>
18292          </section>
18293        </a>
18294
18295
18296        <a href="/blog/misc/foreign-words-pronunciation">
18297          <section class="excerpt">
18298            <header>
18299              <p class="date"><time datetime="2015-06-18T09:43:05+09:00">18日</time></p>
18300
18301              <h3>外国語の読み方</h3>
18302            </header>
18303
18304            <p>外国語の読み方はしゃべる人の立場としゃべる相手の想定によって変わってくる。大雑把に有識者やエバンジェリストなどと呼ばれる立場の人達は、なるべく誤解を広めないようにすることを重視して、正確に引き写した音で読んだ方が良い。一方、知識の拡散と質の向上を狙うわけではない人達は、同じような専門家に向けてしゃべるわけではないことも考え、まずは通じることを重要視して雑に読んでも良いはずだ。</p>
18305          </section>
18306        </a>
18307
18308
18309        <a href="/blog/webdesign/webdesign-trends-and-their-backgrounds">
18310          <section class="excerpt">
18311            <header>
18312              <p class="date"><time datetime="2015-06-17T10:59:28+09:00">17日</time></p>
18313
18314              <h3>ウェブデザインのトレンドとその背景</h3>
18315            </header>
18316
18317            <p>7 future web design trendsという記事を読んでいた。これらは既に(または元々)未来のトレンドじゃないという点を見なかったことにしても、構図を単純化しすぎなきらいがあり、トレンドっぽいものの紹介とその正当化という記事としか読めなかった。</p>
18318          </section>
18319        </a>
18320
18321
18322        <a href="/blog/webdesign/pre-on-chrome">
18323          <section class="excerpt">
18324            <header>
18325              <p class="date"><time datetime="2015-06-16T10:01:37+09:00">16日</time></p>
18326
18327              <h3>Chromeとpre要素</h3>
18328            </header>
18329
18330            <p>しばらく前から特定のフォントをpre要素へ指定すると、Chromeのみでほとã
18330‚“ど意味のない縦スクロールバーが表れるという現象に悩まされている。とは言ってもWindows以外ではもはやスクロールバーが見えることはないので、事実上WindowsのChromeユーザーのみが影響を受ける。DirectWriteが有効になったChrome 37あたりから頻発するようになった印象だ。</p>
18331          </section>
18332        </a>
18333
18334
18335        <a href="/blog/software/scoped-npm-packages">
18336          <section class="excerpt">
18337            <header>
18338              <p class="date"><time datetime="2015-06-15T11:46:38+09:00">15日</time></p>
18339
18340              <h3>パッケージのスコープ化</h3>
18341            </header>
18342
18343            <p>2015/04/15よりnpmレジストリーでパッケージのスコープ化が行えるようになった。パッケージのスコープ化は名前の衝突を回避することが主な目的のような取り上げられ方だが。僕は今まで色々な理由でnpmレジストリーへは非公開にしてGitHub経由でインストールすることを推奨していたようなパターンで使うのが良さそうだという感想を持った。</p>
18344          </section>
18345        </a>
18346
18347
18348        <a href="/blog/webdesign/ogp-and-link-element">
18349          <section class="excerpt">
18350            <header>
18351              <p class="date"><time datetime="2015-06-14T07:18:07+09:00">14日</time></p>
18352
18353              <h3>OGPとlink要素</h3>
18354            </header>
18355
18356            <p>HTTPS化の準備を始めるにあたって、HTMLで内部的に利用しているURLを対応するのは簡単だ。すべて相対URLに書き換えるだけで対応することができる。その相対URLの書き換えもパスの位置を考慮して最短にする必要もなく、//で始まる相対URLで行えば良い。aやimg要素はもちろん、scriptやlink要素も相対URLで問題ない。しかし外部から利用されるURLもどきではこの限りではない。例えばOGPなど利用することになるmeta要素では相対URLは使えず、OGPの仕様そのものでmeta要素に限定されており、そのパーサー実装のã
18356²ã¨ã¤ã§ã‚ã‚‹Facebookでも解釈できない(できなかった)。</p>
18357          </section>
18358        </a>
18359
18360
18361        <a href="/blog/webdesign/logo-20150612">
18362          <section class="excerpt">
18363            <header>
18364              <p class="date"><time datetime="2015-06-13T06:27:16+09:00">13日</time></p>
18365
18366              <h3>2015ロ06ゴ12</h3>
18367            </header>
18368
18369            <p>ロゴを変えた。ベースはそのままに消印っぽい枠を付け、反時計回りに20度回転させている。ウェブページでは透過背景に青で、Facebook他で使う画像は青背景に薄いベージュした。faviconの方はそのままでは潰れてしまうので、16px四方と32px四方のバージョンのみ外側の枠を削除したものにしている。</p>
18370          </section>
18371        </a>
18372
18373
18374        <a href="/blog/media/the-phantom-of-the-opera">
18375          <section class="excerpt">
18376            <header>
18377              <p class="date"><time datetime="2015-06-12T07:39:44+09:00">12日</time></p>
18378
18379              <h3>オペラ座の怪人</h3>
18380            </header>
18381
18382            <p>5年ぶりくらいに読みたくなったので本箱を漁っていたけどなかったので買った。前に読んだのは創元推理文庫版だったと思うので、今度は角川文庫版にした。確かにずいぶんと読みやすい気がする。文体の古さを噛み砕きながらまじめにゆっくりと読むのも好きだけど、読みやすいと連続で読む気になったりして、楽なのも悪くないなと最近は感じる。</p>
18383          </section>
18384        </a>
18385
18386
18387        <a href="/blog/coding/postcss-plugin">
18388          <section class="excerpt">
18389            <header>
18390              <p class="date"><time datetime="2015-06-11T08:05:04+09:00">11日</time></p>
18391
18392              <h3>PostCSSプラグイン</h3>
18393            </header>
18394
18395            <p>PostCSS v4.1.0からプラグインAPIが実装され、postcss.plugin()でプラグインを作ることが推奨されるようになった。このガイドラインに従って作ることで、プラグイン間で一貫性が保たれ、エラーもわかりやすくなるというわけだ。一見良いとこずくめだが、それだけだとPostCSSプラグインの実行に常にPostCSSが必要になってしまう。Node.jsモジュールとして機能しているかというと微妙なã
18395¨ã“ろだ。</p>
18396          </section>
18397        </a>
18398
18399
18400        <a href="/blog/webdesign/easy-loading-marker-for-infinite-scroll">
18401          <section class="excerpt">
18402            <header>
18403              <p class="date"><time datetime="2015-06-10T03:15:58+09:00">10日</time></p>
18404
18405              <h3>無限スクロール向け雑なローディング画像</h3>
18406            </header>
18407
18408            <p>無限スクロールはちょくちょく実装することはあるが、追加するコンテンツの読み込みや挿入はともかく、ローディング画像の処理で悩むことがある。その表示の切り替えには実装と処理のどちらにおいてもそこそこコストがかかるからだ。かなり前に色々考えるのが面倒になり、常に表示しておくという雑な手をよく使うようになった。</p>
18409          </section>
18410        </a>
18411
18412
18413        <a href="/blog/misc/dreaming-20150603">
18414          <section class="excerpt">
18415            <header>
18416              <p class="date"><time datetime="2015-06-09T04:29:48+09:00">9日</time></p>
18417
18418              <h3>夢(2015年6月9日)</h3>
18419            </header>
18420
18421            <p>近くに昨日できた山が噴火する。そこから直径5mくらいの岩が降ってくるので、必死で避ける。避ける。3時間くらい避けたら岩の代わりにコインが降ってくるようになった。「コインだ! 金だ!」と思って触ったら死んだ。ところで目が覚めた。</p>
18422          </section>
18423        </a>
18424
18425
18426        <a href="/blog/webdesign/list-style-type-string">
18427          <section class="excerpt">
18428            <header>
18429              <p class="date"><time datetime="2015-06-08T03:47:33+09:00">8日</time></p>
18430
18431              <h3>list-style-type: &quot;🆕&quot;;</h3>
18432            </header>
18433
18434            <p>Firefox 39からlist-style-typeプロパティーで文字列が使えるようになる。今までは文字列を使おうとすると擬似要素経由で行うことになったため、デフォルトで要素の外側に配置されるリスト・マーカーと違和感のないように行うのはなかなか難しかった。そういった点が解決しやすくなったことや、Emojiを利用したリスト・マーカーなど、明快に広がる使い勝手の良さもあるが、他にも横並びのリストの区切りが作りやすくなる。</p>
18435          </section>
18436        </a>
18437
18438
18439        <a href="/blog/webdesign/updating-color-scheme">
18440          <section class="excerpt">
18441            <header>
18442              <p class="date"><time datetime="2015-06-07T02:34:15+09:00">7日</time></p>
18443
18444              <h3>カラースキームのアップデート</h3>
18445            </header>
18446
18447            <p>このウェブサイトのカラースキームを少し変えた。ベースとなるアクセント・カラーを#1188bbから#278dd2と少し青を強くした。並べて比較するとわかるといった程度の違いで、ほとんど変わっていない。</p>
18448          </section>
18449        </a>
18450
18451
18452        <a href="/blog/gadget/spray-stick-cream">
18453          <section class="excerpt">
18454            <header>
18455              <p class="date"><time datetime="2015-06-06T01:14:19+09:00">6日</time></p>
18456
18457              <h3>スプレーとスティック、そしてクリーム</h3>
18458            </header>
18459
18460            <p>制汗のアレの話。スプレーでおっつかなくなったので、デオナチュレのスティックをこの2年使っていたのだけど、これは長く硬いワキ毛とは相性が悪く、うまく塗れてなかったことがよくあった。さすがにワキ毛を剃るのはためらうので、メンソレータムが出してるクリーム状のしっかりと塗れるやつに乗り換えたã€
18460‚脇汗8割減という感じで、効能としては満足はしている。</p>
18461          </section>
18462        </a>
18463
18464
18465        <a href="/blog/software/node-inlining">
18466          <section class="excerpt">
18467            <header>
18468              <p class="date"><time datetime="2015-06-05T00:57:20+09:00">5日</time></p>
18469
18470              <h3>node-inlining</h3>
18471            </header>
18472
18473            <p>HTMLからlink要素で参照しているCSSの内容をstyle属性に全部展開するNode.jsパッケージ、node-inliningを書いていた。HTMLとCSSを別々に普通に書き、このパッケージに含まれるCLIプログラムでコンパイルすると、HTMLメールとしてうまく機能するHTMLができあがるということになる。GitHubで推奨されている外部リソースに依存しない静的なエラー・ページを作成するためにも使えるかもしれない。</p>
18474          </section>
18475        </a>
18476
18477
18478        <a href="/blog/software/fab">
18479          <section class="excerpt">
18480            <header>
18481              <p class="date"><time datetime="2015-06-04T03:08:24+09:00">4日</time></p>
18482
18483              <h3>Material DesignのFloating Action Button</h3>
18484            </header>
18485
18486            <p>マテリアル・デザインのコンポーネントのひとつであるFloating Action Buttonsについての記事を読んでいた。Inbox by Googleを始めとして、さまざまなアプリに既に採用されているFloating Action Buttons(以下FAB)だが、主張が強すぎるため、没入型のアプリではその体験を阻害してしまうという話のようだ。</p>
18487          </section>
18488        </a>
18489
18490
18491        <a href="/blog/gadget/pedestal-fan">
18492          <section class="excerpt">
18493            <header>
18494              <p class="date"><time datetime="2015-06-03T13:36:18+09:00">3日</time></p>
18495
18496              <h3>扇風機</h3>
18497            </header>
18498
18499            <p>もう夏なので扇風機を出した。震災後に買った口で、もう4年目。まだまだきれいだし、あと10年くらいは使えそうだ。</p>
18500          </section>
18501        </a>
18502
18503
18504        <a href="/blog/webdesign/placeholder-normalization">
18505          <section class="excerpt">
18506            <header>
18507              <p class="date"><time datetime="2015-06-02T03:10:38+09:00">2日</time></p>
18508
18509              <h3>プレースホルダーのスタイルにおけるノーマリゼーション</h3>
18510            </header>
18511
18512            <p>テキスト入力コントロールにplaceholder属性を使って入力例を表示することができるようになってから、もうかなりの年月がたった。悪用されてもいるが、わかりやすいフォームには不可欠になりつつある程度には浸透したと言ってよいだろう。ただMozilla Developer Networkのグローバル・ナビゲーションに設置されている検索フォームのようにそのスタイリングに失敗しているケースはままある(Chrome 43だと入力済みかどうかまったく判断できない)。そういった失敗を極力減らすためには、Firefoxのようにopacityプロパティーを使ってノーマライズしてやるのが良いだろう。</p>
18513          </section>
18514        </a>
18515
18516
18517        <a href="/blog/software/mn">
18518          <section class="excerpt">
18519            <header>
18520              <p class="date"><time datetime="2015-06-01T12:05:46+09:00">1日</time></p>
18521
18522              <h3>MN</h3>
18523            </header>
18524
18525            <p>等幅フォントは本文に使ってもうまく機能する。しかし余白が多くなりがちなその形状を、Google Fontsのような複雑なインターフェイスではレビューすることが難しい。MNではミニマルなスタイルでGoogle Fontsにある等幅フォントをサンプルの文章(そのフォントの説明文)を使ってレビューすることができるようにしたものだ。</p>
18526          </section>
18527        </a>
18528
18529          </section>
18530          <section>
18531            <h2><time datetime="2015-05">2015年5月</time></h2>
18532
18533        <a href="/blog/misc/strolling-in-yokohama">
18534          <section class="excerpt">
18535            <header>
18536              <p class="date"><time datetime="2015-05-31T00:12:41+09:00">31日</time></p>
18537
18538              <h3>横浜散歩</h3>
18539            </header>
18540
18541            <p>
185415/27は天気が良かったので横浜まで行ったものの、海を見に行くところまでは辿りつけなかった。暑すぎた。</p>
18542          </section>
18543        </a>
18544
18545
18546        <a href="/blog/webdesign/pseudo-element-on-resize-on-chrome-43">
18547          <section class="excerpt">
18548            <header>
18549              <p class="date"><time datetime="2015-05-30T11:20:47+09:00">30日</time></p>
18550
18551              <h3>Chrome 43における擬似要素のdisplayプロパティー</h3>
18552            </header>
18553
18554            <p>Chrome 43で擬似要素に指定したdisplay: table-cellがうまく反映されないことがあった。当初はうまく再現できなかったが、どうもメディア・クエリーを使ってdisplayプロパティーを切り替えており、かつブラウザーをリサイズするなどして能動的に切り替わった時にのみ起こるようだ。</p>
18555          </section>
18556        </a>
18557
18558
18559        <a href="/blog/gadget/kaldi-drip-coffee-filter-for-cup">
18560          <section class="excerpt">
18561            <header>
18562              <p class="date"><time datetime="2015-05-29T12:58:39+09:00">29日</time></p>
18563
18564              <h3>KALDI ドリップコーヒーフィルター(カップ用)</h3>
18565            </header>
18566
18567            <p>普段はモカエキスプレス一辺倒で、そうでなければ水出しコーヒーなので、めったにドリップでコーヒーを淹れない。そのためまともなドリッパーがない。あるのは既に穴が割れててすごいダメな感じのだけ。そこそこ場所取るので、買い直そうという気もない。KALDIに使い捨てのカップ用ドリッパーがあったã
18567®ã§ã€ãã‚Œã‚’買った。</p>
18568          </section>
18569        </a>
18570
18571
18572        <a href="/blog/webdesign/local-font">
18573          <section class="excerpt">
18574            <header>
18575              <p class="date"><time datetime="2015-05-28T07:52:33+09:00">28日</time></p>
18576
18577              <h3>ローカルのフォント</h3>
18578            </header>
18579
18580            <p>少し前にこのウェブサイトがNeue HelveticaまたはCalibriになるように変更した。ウェブ・フォントを普通に使う機会が増えたその反動で、自分のウェブサイトは使いたくなくなる、といったところであまり深い理由は無い。ローカルのフォントだと表示の速さが3倍回しくらいに感じる。初期ページ表示までに特に引っかかりがないようなウェブページだと、コンマ1秒もないウェイトですら影響は大きい。</p>
18581          </section>
18582        </a>
18583
18584
18585        <a href="/blog/software/scss-lint-sh">
18586          <section class="excerpt">
18587            <header>
18588              <p class="date"><time datetime="2015-05-27T06:07:02+09:00">27日</time></p>
18589
18590              <h3>scss-lint.sh</h3>
18591            </header>
18592
18593            <p>SCSS Lintがv0.34.0から設定ファイルを上流から探さなくなった。カレント・ディレクトリーから探して見つからなかったらユーザーのホーム・ディレクトリーから探すようにはったようだが、プロジェクトのルート・ディレクトリーから探すようにはならないようだ。イシューを立てようかと思ったのだけど上流から探す機能をわざわざ削除したことの意味を調べるのが面倒くさかったã
18593®ã§ã€ã‚·ã‚§ãƒ«ãƒ»ã‚¹ã‚¯ãƒªãƒ—トからプロジェクトのルート・ディレクトリーに.scss-lint.ymlがある場合はそれを使うようなラッパー・スクリプトを書くことにした。</p>
18594          </section>
18595        </a>
18596
18597
18598        <a href="/blog/misc/dreaming-20150523">
18599          <section class="excerpt">
18600            <header>
18601              <p class="date"><time datetime="2015-05-26T12:49:15+09:00">26日</time></p>
18602
18603              <h3>夢(2015年5月26日)</h3>
18604            </header>
18605
18606            <p>メールで連絡があり、詳細は添付したZIPファイルにあると書いてあった。ZIPファイルを展開したら、中からZIPファイルが出てきて、それを展開したら、また中からZIPファイルが……というのを永遠に繰り返していた。その間、ちょくちょくFacebookメッセージで内容確認できましたかと聞かれていたため、すみませんまだですという返事もまた永遠に繰り返していた。ずっと同じZIPファイルを展開していたことに気づき、頭がカーッとなったところで目が覚めた。</p>
18607          </section>
18608        </a>
18609
18610
18611        <a href="/blog/webdesign/site-search-with-duckduckgo">
18612          <section class="excerpt">
18613            <header>
18614              <p class="date"><time datetime="2015-05-25T00:17:54+09:00">25日</time></p>
18615
18616              <h3>DuckDuckGoでサイト内検索</h3>
18617            </header>
18618
18619            <p>このウェブサイトの全文検索フォームをDuckDuckGoによるものに変えた。公式にはiframe要素によるものが推奨されているが、そのページからリンクされている更なるカスタマイズを解説した記事のように、form要素を直接書いても良いようだ。</p>
18620          </section>
18621        </a>
18622
18623
18624        <a href="/blog/webdesign/best-practice-for-css-transform-centering">
18625          <section class="excerpt">
18626            <header>
18627              <p class="date"><time datetime="2015-05-24T02:59:56+09:00">24日</time></p>
18628
18629              <h3>CSS Transformによるセンタリングのベスト・プラクティス</h3>
18630            </header>
18631
18632            <p>上下左右のセンタリングには様々な手法が編み出されてきた。最近はCSS Transformを使う方法がメジャーになりつつある。コンテナーとセンタリングしたい要素のサイズが共に不明でもうまくいくところなど、そこそこ万能感があるのがポイントだろうか。このCSS Transformによるセンタリングは左下に動かしてから右上に戻すパターンと、その逆の右上に動かしてから左下に動かすパターンがある。どちらでも理論的には上手くいくが、ベスト・プラクティスとなりうるのは後者だけだろう。</p>
18633          </section>
18634        </a>
18635
18636
18637        <a href="/blog/internet/hello-instapaper">
18638          <section class="excerpt">
18639            <header>
18640              <p class="date"><time datetime="2015-05-23T10:57:25+09:00">23日</time></p>
18641
18642              <h3>Instapaper</h3>
18643            </header>
18644
18645            <p>Readabilityを愛して止まないのだけど、結構な頻度で読めない、または画像がうまく出ないみたいな感じになってきたので、遂に諦めてInstapaperに乗り換えたã€
18645‚特に良いなと思ったところもないけれど、悪いと思ったところもまるでない。日付やお気に入りを維持してインポートすることができ、スムーズに乗り換えることができた。</p>
18646          </section>
18647        </a>
18648
18649
18650        <a href="/blog/webdesign/main-in-main">
18651          <section class="excerpt">
18652            <header>
18653              <p class="date"><time datetime="2015-05-22T13:16:11+09:00">22日</time></p>
18654
18655              <h3>main//main</h3>
18656            </header>
18657
18658            <p>遂に&lt;div itemprop=&quot;articleBody&quot;&gt;というタグに耐え切れなくなったので、main要素をネストする方向に書き換えた。HTML5仕様ではmain要素はドキュメントごとにひとつしか許されないが、WHATWG版HTML仕様ではそのような縛りはない。すっきりした。</p>
18659          </section>
18660        </a>
18661
18662
18663        <a href="/blog/webdesign/a-visited">
18664          <section class="excerpt">
18665            <header>
18666              <p class="date"><time datetime="2015-05-21T07:01:04+09:00">21日</time></p>
18667
18668              <h3>a:visited</h3>
18669            </header>
18670
18671            <p>ウェブページのCSSでa:visitedを使うと、リンク先が訪問済みの場合にリンクの色を替えることができる。ちゃんと設定してやることによりユーザビリティーが上がるというのが定説だろう。訪問済みならばもう開く必要はなく、結果そのページに集中することができるというわけだ。この論理には3つ疑問がある。</p>
18672          </section>
18673        </a>
18674
18675
18676        <a href="/blog/webdesign/formspree">
18677          <section class="excerpt">
18678            <header>
18679              <p class="date"><time datetime="2015-05-20T11:11:11+09:00">20日</time></p>
18680
18681              <h3>Formspree</h3>
18682            </header>
18683
18684            <p>Infield Top Aligned Labelの実験がてら、Formspreeでコンタクト・フォームを作成して設置していた。Formspreeは登録不要で使えるメール・フォームの設置をサポートするウェブサービスだ。提供するのはほぼエンドポイントのURLのみで、それに自分のメール・アドレスを追加したURLへPOSTするフォームを作るだけで設置が完了する。</p>
18685          </section>
18686        </a>
18687
18688
18689        <a href="/blog/webdesign/node-csswring-v3.0.5">
18690          <section class="excerpt">
18691            <header>
18692              <p class="date"><time datetime="2015-05-19T07:33:10+09:00">19日</time></p>
18693
18694              <h3>CSSWring v3.0.5</h3>
18695            </header>
18696
18697            <p>2つのバグを修正してCSSWringのv3.0.5をリリースした。#で始まるコメントが全てソース・マップ用の埋め込みコメントとみなされていたバグと、url(&quot;&quot;)内に対応しない閉じ括弧が含まれている場合に引用符の削除に失敗するバグが修正された。あわせてCLIプログラムのちょっとしたä¿
18697®æ­£ã‚‚行っておいた。</p>
18698          </section>
18699        </a>
18700
18701
18702        <a href="/blog/webdesign/scroll-down-smoothly-with-css-transition">
18703          <section class="excerpt">
18704            <header>
18705              <p class="date"><time datetime="2015-05-18T06:55:05+09:00">18日</time></p>
18706
18707              <h3>下方向にもCSS Transitionでスムーズにスクロール</h3>
18708            </header>
18709
18710            <p>少し前のCSS Transitionを使ったスムーズにスクロールしてトップに戻る機能という記事では、CSS Transitionを使ってスムーズにスクロールさせるためにbody要素のmargin-topプロパティーを負の値を設定した。これはとにかく上方向へのスクロールにしか使うことは出来ない。下方向にスムーズにスクロールさせるためにはまた別のアプローチが必要になるようだ。</p>
18711          </section>
18712        </a>
18713
18714
18715        <a href="/blog/misc/the-end-svg">
18716          <section class="excerpt">
18717            <header>
18718              <p class="date"><time datetime="2015-05-17T06:24:23+09:00">17日</time></p>
18719
18720              <h3>The End (SVG)</h3>
18721            </header>
18722
18723            <p>重い腰を上げ、そこかしこで使っているプロフィール画像のSVG化を始めた。再現度は7割くらいまでは到達したように思う。この画像はその未完のものをPNGにエクスポートした。</p>
18724          </section>
18725        </a>
18726
18727
18728        <a href="/blog/coding/window-scrollto-infinity-infinity">
18729          <section class="excerpt">
18730            <header>
18731              <p class="date"><time datetime="2015-05-16T06:57:52+09:00">16日</time></p>
18732
18733              <h3>window.scrollTo(Infinity, Infinity)</h3>
18734            </header>
18735
18736            <p>絶対的なスクロールはwindow.scrollTo()で、相対的なスクロールはwindow.scrollBy()で可能だ。このあたりのことを決めているCSSOM View Moduleではwindow.scroll()のショートカットとしてscrollTo()が決められていたりするが、大抵はこのどちらかで行うことになる。しかしページ最下部への移動をちゃんと行うとなると、色々面倒くさい(スクロール・バーとか)。そのためありえないくらいの大きな値を渡して誤魔化すことが多かったが、それならとInifityを渡したらChrome 42やInternet Explorer 11ではうまく動いた。</p>
18737          </section>
18738        </a>
18739
18740
18741        <a href="/blog/software/restoring-current-directory-of-conemu-tabs">
18742          <section class="excerpt">
18743            <header>
18744              <p class="date">
18744<time datetime="2015-05-15T04:38:39+09:00">15日</time></p>
18745
18746              <h3>ConEmuのタブごとにカレント・ディレクトリーを復元</h3>
18747            </header>
18748
18749            <p>ConEmuでは、再起動した際にタブを復元するように設定することができるが、うまくカレント・ディレクトリーが復元されないことがある。各タブで使っているシェルに依存するので、シェル側で設定してやる必要がある。例えばGit for Windowsのbash.exeでは、~/.bashrcでシェル変数PROMPT_COMMANDを使ってカレント・ディレクトリーを明示的に記憶させる。</p>
18750          </section>
18751        </a>
18752
18753
18754        <a href="/blog/webdesign/underline-of-japanese-text-on-safari">
18755          <section class="excerpt">
18756            <header>
18757              <p class="date"><time datetime="2015-05-14T03:41:04+09:00">14日</time></p>
18758
18759              <h3>Safariにおける日本語の文章に対する下線</h3>
18760            </header>
18761
18762            <p>(Mobile )Safari 7.1より下線がディセンダーに重ならずに引かれるようになった。主にリンクの下線で確認することができる。概ね問題なく期待通りにうまく機能しているものと考えていたが、日本語の文章ではそれなりの確率(再現条件はよくわからない)でおかしくなることを知った。例えば上記スクリーンショットでは、大きめのグリフを持つ「作」や「安」などで下線が途切れているように見える。</p>
18763          </section>
18764        </a>
18765
18766
18767        <a href="/blog/misc/dreaming-20150505">
18768          <section class="excerpt">
18769            <header>
18770              <p class="date"><time datetime="2015-05-13T04:08:33+09:00">13日</time></p>
18771
18772              <h3>夢(2015年5月13日)</h3>
18773            </header>
18774
18775            <p>口内炎が歯茎に出きてた日の夜、痛すぎて病院に行ったところなぜか「あーこれは頭蓋骨全部交換しないとダメですね」と言われ、下半身の部分麻酔で手術が始まる。いや無理だろって思ったところで目が覚める。手術系の夢はあまり見た記憶がなく新鮮だった。</p>
18776          </section>
18777        </a>
18778
18779
18780        <a href="/blog/software/woff2-compression-time">
18781          <section class="excerpt">
18782            <header>
18783              <p class="date"><time datetime="2015-05-12T02:26:19+09:00">12日</time></p>
18784
18785              <h3>WOFF2への変換にかかる時間</h3>
18786            </header>
18787
18788            <p>自前でビルドすることによってwoff2_compress.exeを手に入れたので、ウェブサイトのビルドに組み込もうと考えていたが、微妙そうだということがわかった。まず元となるファイルが更新されることがあまりないこともそうだが、WOFF2への変換にかなり時間を取られるということが大きい。</p>
18789          </section>
18790        </a>
18791
18792
18793        <a href="/blog/webdesign/scroll-smoothly-to-top-with-css-transition">
18794          <section class="excerpt">
18795            <header>
18796              <p class="date"><time datetime="2015-05-11T04:05:22+09:00">11日</time></p>
18797
18798              <h3>CSS Transitionを使ったスムーズにスクロールしてトップに戻る機能</h3>
18799            </header>
18800
18801            <p>前に作ったスクロールした時に位置固定のロゴをトップに戻る機能にすり替えるものを少し手直しして再導入した。今回はスムーズにスクロールさせようかと色々考えていたが、やはりJavaScriptでscrollTo()を制御するのはコストが高い。CSSならどうだと試行錯誤したところ、どうやらbody要素への負のマージンをCSS Transitionで滑らかに変化させれば良いようだ。</p>
18802          </section>
18803        </a>
18804
18805
18806        <a href="/blog/software/using-git-grep-with-vim-2">
18807          <section class="excerpt">
18808            <header>
18809              <p class="date"><time datetime="2015-05-10T02:01:04+09:00">10日</time></p>
18810
18811              <h3>git grepをVimで使う #2</h3>
18812            </header>
18813
18814            <p>Git for Windowsをv2に上げる過程でいろいろ調べていたところ、git grepの良さそうなオプションを見逃していたことに気付いた。僕は半年くらい前からVimのgrepprgでgit grepを使っているので、その設定にいくつかオプションを追加することにした。</p>
18815          </section>
18816        </a>
18817
18818
18819        <a href="/blog/webdesign/niconne-ampersand">
18820          <section class="excerpt">
18821            <header>
18822              <p class="date"><time datetime="2015-05-09T02:14:43+09:00">9日</time></p>
18823
18824              <h3>Niconneの&amp;</h3>
18825            </header>
18826
18827            <p>&amp;だけ別のフォントで置き換えるのをまたやりたくなったã
18827®ã§å¾©æ´»ã•せた。今回はNiconneを使った。Google Fontsで人気のあるOswaldやIngressで使われているCodaも作成しているVernon Adamsのスクリプト系のタイプフェイス。</p>
18828          </section>
18829        </a>
18830
18831
18832        <a href="/blog/software/woff2_compress.exe-and-woff2_decompress.exe">
18833          <section class="excerpt">
18834            <header>
18835              <p class="date"><time datetime="2015-05-08T00:55:17+09:00">8日</time></p>
18836
18837              <h3>woff2_compress.exeとwoff2_decompress.exe</h3>
18838            </header>
18839
18840            <p>あるフォント・ファイルをWOFF2フォーマットへ変換するには、現状google/woff2をビルドするしかない。FontSquirrelはかなり優秀ではあるが若干不安定で苦労する。他にもいくつかあるが、大きなファイルを食わせることのできるオンライン・コンバーターは皆無に等しい。ということで2855ee7をクローンして、ビルドし、ローカルで頑張ることにした。</p>
18841          </section>
18842        </a>
18843
18844
18845        <a href="/blog/coding/relative-naming-rules">
18846          <section class="excerpt">
18847            <header>
18848              <p class="date"><time datetime="2015-05-07T03:45:22+09:00">7日</time></p>
18849
18850              <h3>相対命名ルール</h3>
18851            </header>
18852
18853            <p>スケールしていく変数のバリエーションを作る際の命名規則を変えていた。今まではalphaから始めて下にどんどん増やせるようにしていたのだけど、調整コストがかかる。plus1やminus3などとすると無限にスケールできそうだが読みづらい。下に3レベル、上に5レベルくらいまででだいたい足りそうな気がするので、全部で9レベルまで作った。</p>
18854          </section>
18855        </a>
18856
18857
18858        <a href="/blog/software/install-git-for-windows-v2">
18859          <section class="excerpt">
18860            <header>
18861              <p class="date"><time datetime="2015-05-06T00:39:28+09:00">6日</time></p>
18862
18863              <h3>Git for Windows v2.x.xのインストール</h3>
18864            </header>
18865
18866            <p>Git v2系のWindows版がGit for Windowsの方で少し前から公開され始めていたことを今さら知ったので、更新した。2015/05/05現在はv2.4.0がリリースされている。インストールから動かすまでけっこう手間取ったので、メモがてら記事に残しておく。Git v2の使い勝手とかについては特に書かない。</p>
18867          </section>
18868        </a>
18869
18870
18871        <a href="/blog/webdesign/infield-top-aligned-label-pattern">
18872          <section class="excerpt">
18873            <header>
18874              <p class="date"><time datetime="2015-05-05T00:16:40+09:00">5日</time></p>
18875
18876              <h3>Infield Top Aligned Labelパターン</h3>
18877            </header>
18878
18879            <p>Why Infield Top Aligned Form Labels are Quickest to Scanという記事を読んだ。Infield Top Aligned Labelとは上記スクリーンショットのように入力ボックス内の上端に置かれたラベルのことだ。記事ではラベルと入力ボックスを上下に並べるごく一般的なパターンとプレースホルダーをラベル代わりにするゴミ大人気のパターンと比較している。確かにわかりやすく、スムーズにフォームを埋められそうな印象を受ける。</p>
18880          </section>
18881        </a>
18882
18883
18884        <a href="/blog/internet/hsts">
18885          <section class="excerpt">
18886            <header>
18887              <p class="date"><time datetime="2015-05-04T14:04:34+09:00">4日</time></p>
18888
18889              <h3>HSTS: HTTP Strict Transport Security</h3>
18890            </header>
18891
18892            <p>強まるHTTPS化の圧力の中で、その移行を円滑に進めるための仕組みであるHTTP Strict Transport Securityについてちょっと調べていた。HTTPでアクセスした際にStrict-Transport-Securityヘッダーがあった場合、その後その指定期間はHTTPでアクセスしようとしてもブラウザー側でHTTPSでアクセスするように処理されるという仕組みだ。HTTPからHTTPSへのリダイレクトが不要になるというわけでもないが、ブラウザー側で処理されることによりよりセキュアにHTTPSへの移行を勧めることができるということだろう。</p>
18893          </section>
18894        </a>
18895
18896
18897        <a href="/blog/software/un-color-emoji">
18898          <section class="excerpt">
18899            <header>
18900              <p class="date"><time datetime="2015-05-03T12:21:10+09:00">3日</time></p>
18901
18902              <h3>カラーEmojiのテキスト化</h3>
18903            </header>
18904
18905            <p>Emoji (ユニコード絵文字)はOSやフォントによって色々挙動が変わる。その代表的なものがOS XやiOSでのApple Color Emojiによるフルカラーの画像形式だ。概ねこのカラーで画像形式のEmojiはうまく機能するが、稀にテキスト形式である方が都合が良いこともある。そういった場合は異体字セレクターであるU+FE0Eを使うとテキスト形式に変換できる。</p>
18906          </section>
18907        </a>
18908
18909
18910        <a href="/blog/rss/dribbble-highlights-of-the-day-feed">
18911          <section class="excerpt">
18912            <header>
18913              <p class="date"><time datetime="2015-05-02T13:23:13+09:00">2日</time></p>
18914
18915              <h3>Dribbble Highlights of the dayのフィード</h3>
18916            </header>
18917
18918            <p>ちょっとした考えがあってパーソナライズされたフィードをフィード・リーダーで読むことをやめはじめた。そこでDribbbleはPopularフィードを読みはじめたのだけど、とてもじゃないけど読める量ではない。Popular以外にも前日に人気のあったショットが9つほどピックアップされるHighlights of the dayというページがあるので、このページからPipesでフィードを作成して読むことにした。</p>
18919          </section>
18920        </a>
18921
18922
18923        <a href="/blog/coding/postcss-and-promise">
18924          <section class="excerpt">
18925            <header>
18926              <p class="date">
18926<time datetime="2015-05-01T00:44:20+09:00">1日</time></p>
18927
18928              <h3>PostCSSとPromise</h3>
18929            </header>
18930
18931            <p>PostCSSのv4.1.0からprocess()などがPromiseを返すようにもなったようだ。Promiseで処理するようにすると、何かのエラーで強制的に例外が吐かれて止まることがなくなり、エラーや警告をまとめて拾えるようになる。つまりPostCSSプロセッサーを連結して処理するツールでは非常に重要な変更だと言えそう。</p>
18932          </section>
18933        </a>
18934
18935          </section>
18936          <section>
18937            <h2><time datetime="2015-04">2015年4月</time></h2>
18938
18939        <a href="/blog/software/eslint-configuration-cascading">
18940          <section class="excerpt">
18941            <header>
18942              <p class="date"><time datetime="2015-04-30T09:49:50+09:00">30日</time></p>
18943
18944              <h3>ESLintの設定継承システム</h3>
18945            </header>
18946
18947            <p>ESLintのv0.20.0からプロジェクト・ローカルに.eslintrcがある場合は~/.eslintrcから設定を読まなくなった。つまりESLintのデフォルトの設定をユーザー・レベルで調節する術がほぼなくなったと言って良い。そうなった理由はわからないこともないのだけど、改悪な気がしてならない。</p>
18948          </section>
18949        </a>
18950
18951
18952        <a href="/blog/internet/login-with-signup-button">
18953          <section class="excerpt">
18954            <header>
18955              <p class="date"><time datetime="2015-04-29T10:14:08+09:00">29日</time></p>
18956
18957              <h3>サインアップ・ボタンでログイン</h3>
18958            </header>
18959
18960            <p>Google Analyticsで「ログイン」と間違えて「アカウントを作成」というサインアップのボタンを押したところ、それでもログインすることができた。Googleアカウントへログイン済みでAnalyticsアカウントを作成済みだとわかった場合はサインアップのボタンを押してもログインできるようになっているようだ。ログインとサインアップのボタンが横に並んでいると、間違えて違う方を押した結果サインアップ・フォームを見せられてイラッとすることがあるので、うまくできているなと感じた。</p>
18961          </section>
18962        </a>
18963
18964
18965        <a href="/blog/webdesign/node-csswring-v3.0.4">
18966          <section class="excerpt">
18967            <header>
18968              <p class="date"><time datetime="2015-04-28T06:51:40+09:00">28日</time></p>
18969
18970              <h3>CSSWring v3.0.4</h3>
18971            </header>
18972
18973            <p>完全に重複したルールを削除する際に間違ったルールが削除されることがあるバグを修正してCSSWringのv3.0.4をリリースした。他に特に大きな変更はない。</p>
18974          </section>
18975        </a>
18976
18977
18978        <a href="/blog/internet/tinyletter">
18979          <section class="excerpt">
18980            <header>
18981              <p class="date"><time datetime="2015-04-27T06:10:03+09:00">27日</time></p>
18982
18983              <h3>TinyLetter</h3>
18984            </header>
18985
18986            <p>TinyLetterは無料で手軽にニュースレターを始められるサービスだ。MailChimpの開発陣が提供しているサービスで、解析その他のビジネス用途においてはMailChimpに比べ大きく劣るものの、ことニュースレターの送付という点では遜色ないと言えるだろう。色々な点で割り切って使える、なかなか良さそうなサービスだと感じた。</p>
18987          </section>
18988        </a>
18989
18990
18991        <a href="/blog/misc/dreaming-20150422">
18992          <section class="excerpt">
18993            <header>
18994              <p class="date"><time datetime="2015-04-26T05:09:06+09:00">26日</time></p>
18995
18996              <h3>夢(2015年4月26日)</h3>
18997            </header>
18998
18999            <p>クッキーを売っている自動販売機があり、そこでクッキーを買ったら当たった。急いで食べてもう一回押すとまた当たった。急いで食べてまた当たるというのを20回くらい繰り返したら口の中がパサパサでズキズキしてきたところで目が覚めた。口内炎できてた。</p>
19000          </section>
19001        </a>
19002
19003
19004        <a href="/blog/webdesign/the-chance">
19005          <section class="excerpt">
19006            <header>
19007              <p class="date"><time datetime="2015-04-25T02:48:51+09:00">25日</time></p>
19008
19009              <h3>チャンス</h3>
19010            </header>
19011
19012            <p>
19012Being patient vs. being loudというAccessibility Winsの中の人の記事を読んだ。アクセシビリティーに欠けるウェブサイトにおいてその改善を求めるフィードバックが来ないのは、そういうウェブサイトは障害のある人にチャンスすら与えることが出来ないからであるからだろうと言う。そのため大前提としてアクセシビリティーに問題のないウェブサイトを作るべきだと読んだ。</p>
19013          </section>
19014        </a>
19015
19016
19017        <a href="/blog/webdesign/lang-ja-pre-element-font-and-mobile-safari-8">
19018          <section class="excerpt">
19019            <header>
19020              <p class="date"><time datetime="2015-04-24T01:43:26+09:00">24日</time></p>
19021
19022              <h3>Mobile Safari 8におけるlang=jaとpre要素のフォント</h3>
19023            </header>
19024
19025            <p>このウェブサイトではしばらく前にpreやcode要素のフォント・ファミリー指定を消した。あまり確認していなかったが、無指定なので良い感じになってくれるだろうと軽く考えていた。が、どうもMobile Safari 8で等幅フォントになっていなかったようだ。なかなかうまく再現できなかったが、どうやらlang属性で変わるようだ。また君か。</p>
19026          </section>
19027        </a>
19028
19029
19030        <a href="/blog/software/use-npm-for-everything">
19031          <section class="excerpt">
19032            <header>
19033              <p class="date"><time datetime="2015-04-23T06:09:59+09:00">23日</time></p>
19034
19035              <h3>全部npmで</h3>
19036            </header>
19037
19038            <p>最近はnpmで全部ラップしてやるようにしていたりするのだけど、間違っているような気がしてきた。機能とかそういう面では十分で、運用においても癖はあるもののなんとかなりそうなため、そういう点でじゃなくて。利用時に混乱しやすいとかそういうところ。npmコマンドを汎用的に使うことになるので、ふと気づくとgit run buildとかnpm rebase -iとかやってしまう。一番ひどいなって思ったのはgit run rebase -iとやった時。</p>
19039          </section>
19040        </a>
19041
19042
19043        <a href="/blog/software/vim-round-and-replace-decimal">
19044          <section class="excerpt">
19045            <header>
19046              <p class="date"><time datetime="2015-04-22T01:09:50+09:00">22日</time></p>
19047
19048              <h3>Vimで小数を四捨五入して置換</h3>
19049            </header>
19050
19051            <p>渡されたSVGファイルを見たらpath要素のアンカーポイントの数字が小数点以下6桁くらいから30桁まで混在していて、無駄な感じがあった。SVGOでできるのでそれでやっても良かったが、まずは単純に小数を指定桁(3から5桁)で四捨五入したいだけなので他に何かされてしまう可能性があるツールはちょっと避けたい。ということでVimの置換でどうにかした。</p>
19052          </section>
19053        </a>
19054
19055
19056        <a href="/blog/webdesign/drawic-v2.10.1">
19057          <section class="excerpt">
19058            <header>
19059              <p class="date"><time datetime="2015-04-21T00:02:56+09:00">21日</time></p>
19060
19061              <h3>Drawic v2.10.1</h3>
19062            </header>
19063
19064            <p>SoundCloudのアイコンと、カメラ、通知、停止のアイコンを追加してDrawicのv2.10.1をリリースした。特に追加するネタがなく、SoundCloudのアイコンを追加してからかなり時間が経った。少し前にカメラとその無効のためのアイコンが必要になったので、無理やり通知のベルのアイコンを作って4つにし、リリースにこぎつけた。</p>
19065          </section>
19066        </a>
19067
19068
19069        <a href="/blog/webdesign/using-svg-filters">
19070          <section class="excerpt">
19071            <header>
19072              <p class="date"><time datetime="2015-04-20T05:01:21+09:00">20日</time></p>
19073
19074              <h3>SVGフィルターの利用</h3>
19075            </header>
19076
19077            <p>
19077SVGフィルターの参照はCSSからurl()関数で行うことができるわけだが、やはりそのフィルターが定義されたSVGファイルが外部ファイルというのは使い勝手が悪い。今のところCSSとして書けるようになる予定はなさそうなので、どうやってSVGファイルを他のファイルへ埋め込んでやるかということになりそうだ。具体的には、HTMLドキュメントへインラインSVGとして埋め込んでも、CSSファイルへData URLとして埋め込んでも可能なようだ。</p>
19078          </section>
19079        </a>
19080
19081
19082        <a href="/blog/webdesign/color-blindness-emulation-svg-filter">
19083          <section class="excerpt">
19084            <header>
19085              <p class="date"><time datetime="2015-04-19T00:41:15+09:00">19日</time></p>
19086
19087              <h3>色覚多様性を再現するSVGフィルター</h3>
19088            </header>
19089
19090            <p>多くのウェブ制作者達が色覚多様性について考えることはまずない。せいぜいコントラストを確保したり、リンクの下線を消さないようにしたりすることで、グレースケールでもそれなりに識別できるように注意するくらいだろう。それで十分とも言えそうではあるが、それ以上考えようにも取っ掛かりがないためそれで止まっているとも言える。その取っ掛かりとして色覚多様性を再現するSVGのフィルターを作った。</p>
19091          </section>
19092        </a>
19093
19094
19095        <a href="/blog/gadget/gillette-proglide-flexball">
19096          <section class="excerpt">
19097            <header>
19098              <p class="date"><time datetime="2015-04-18T15:37:50+09:00">18日</time></p>
19099
19100              <h3>Gillette Proglide Flexball</h3>
19101            </header>
19102
19103            <p>ジレットから新しく出たフレックスボールが良さそうだという話なので、ちょうど替刃が切れるタイミングということもあって、ホルダーごと買った。口角の辺りや顎の付け根あたりがずいぶんと剃りやすくなったような気がする。傑作っぽい。ボールの部分のアシンメトリーなデザインも好き。</p>
19104          </section>
19105        </a>
19106
19107
19108        <a href="/blog/webdesign/font-preference-and-lang-attribute-on-chrome-42">
19109          <section class="excerpt">
19110            <header>
19111              <p class="date"><time datetime="2015-04-17T02:49:06+09:00">17日</time></p>
19112
19113              <h3>Chrome 42におけるフォント設定とlang属性</h3>
19114            </header>
19115
19116            <p>Chrome 42でこのウェブサイトの日本語部分が変わってしまった(かもしれない)。内部的な標準フォント設定が変わったことにもよるが、それだけではない。設定で指定したSans SerifフォントがCSSのsans-serif汎用ファミリーに反映されなくもなった。lang属性がある要素のみで再現する。</p>
19117          </section>
19118        </a>
19119
19120
19121        <a href="/blog/software/patience-time">
19122          <section class="excerpt">
19123            <header>
19124              <p class="date"><time datetime="2015-04-16T15:10:49+09:00">16日</time></p>
19125
19126              <h3>我慢の期間</h3>
19127            </header>
19128
19129            <p>MovableTypeとWordPressとJekyllとHugoや、Gruntとgulp、SassとLESSとStylus、果てはjQueryなどの話はスケールやパターンを変えて繰り返される。その話はあたかも特定の何かに依存することが良くないとか新しいこっちのがすごいぞというように結論づけられることが多くて、僕にはちょっと頷けないこともあったりする。大切なのは何を解決しようとしていたかを忘れないことだと思う。複雑化しそうな場合にそこから先へ踏み込まずに我慢する期間がいるとかかも。</p>
19130          </section>
19131        </a>
19132
19133
19134        <a href="/blog/webdesign/un-responsive-tables">
19135          <section class="excerpt">
19136            <header>
19137              <p class="date"><time datetime="2015-04-15T02:05:51+09:00">15日</time></p>
19138
19139              <h3>応答していない表</h3>
19140            </header>
19141
19142            <p>Responsive Tables in Pure CSSという記事を読んだ。狭い画面での表のレンダリングに問題があって、それを解決したいということは勿論わかるのだけど、これはないなという感想しか残らない。表は行と列の交点でデータを把握でき、その上下左右と簡単に比
19142較できるというためのものであって、そういった機能を破壊してビューポートに収めようというのはもはやレスポンシブではない。</p>
19143          </section>
19144        </a>
19145
19146
19147        <a href="/blog/webdesign/css-lunar-phase">
19148          <section class="excerpt">
19149            <header>
19150              <p class="date"><time datetime="2015-04-14T00:20:05+09:00">14日</time></p>
19151
19152              <h3>CSSで月の満ち欠け</h3>
19153            </header>
19154
19155            <p>月の満ち欠けは球体に光を当てた結果のもので、円を円でカットするようなものではない。CSSでは立体を立体としては扱うのは難しいので、それを平面として捉え、半円を円で膨らませたり押し出したりすることで近いものにすることが可能になりそうだ。</p>
19156          </section>
19157        </a>
19158
19159
19160        <a href="/blog/misc/dreaming-20150409">
19161          <section class="excerpt">
19162            <header>
19163              <p class="date"><time datetime="2015-04-13T01:18:07+09:00">13日</time></p>
19164
19165              <h3>夢(2015年4月13日)</h3>
19166            </header>
19167
19168            <p>HTML10を書いている。HTML10ではすべての要素がモジュール化されていて、HTML Section Module version 10などと仕様書がある。それとは別にHTML Article Section Module version 10とかHTML Strong Text Module version 10などもあり、コアの仕様書にはdiv要素とspan要素のみ定義されている。そのため世のウェブサイトはすべてdivとspan要素で出来ており、モジュール化された要素を利用するマークアッパーは原理主義者として公安にマークされ、外出もままならない。食料を買いに行こうと外に出ようとし、玄関前で警備している人に「今日はまだHTML書いていません」と宣誓したところで目が覚めた。</p>
19169          </section>
19170        </a>
19171
19172
19173        <a href="/blog/webdesign/social-button-color">
19174          <section class="excerpt">
19175            <header>
19176              <p class="date"><time datetime="2015-04-12T12:25:00+09:00">12日</time></p>
19177
19178              <h3>ソーシャル・ボタンの色</h3>
19179            </header>
19180
19181            <p>ウェブサイトにソーシャル・ボタンを設置する際にその色はどうすると良いのかは悩みどころだ。効果的であることとビジュアル・デザインとの兼ね合いという二つの点から考えないとならないからだ。</p>
19182          </section>
19183        </a>
19184
19185
19186        <a href="/blog/misc/bordier">
19187          <section class="excerpt">
19188            <header>
19189              <p class="date"><time datetime="2015-04-11T14:23:39+09:00">11日</time></p>
19190
19191              <h3>ボルディエ</h3>
19192            </header>
19193
19194            <p>パリみやげのボルディエのバターをパンにつけて食べてる。まずは海藻入りのやつから。食べたことなかったのでわかめみたいな感じの味がしちゃうのかと思ったけど、塩気がちょっと特徴的という程度だった。ただこれがバターかみたいな感動があってすごかった。それが600円くらいで半ポンド以上買える(250gで4.5€)とかフランスすごい。</p>
19195          </section>
19196        </a>
19197
19198
19199        <a href="/blog/webdesign/css-mqpacker-cli">
19200          <section class="excerpt">
19201            <header>
19202              <p class="date"><time datetime="2015-04-10T13:34:13+09:00">10日</time></p>
19203
19204              <h3>CSS MQPackerのCLI</h3>
19205            </header>
19206
19207            <p>CSS MQPackerのような簡単な変換ライブラリーは概ねPostCSSからやGruntからなどで利用することが想定されている。しかしGruntやgulpに絶望する人が増えた現在、そういった便利環境に縛られない形で実行する手段も用意する必要がありそうな気配がある。ので、追加し始めた。リリースまでにはもうちょっとかかりそう。</p>
19208          </section>
19209        </a>
19210
19211
19212        <a href="/blog/webdesign/left-aligned-vs-centering">
19213          <section class="excerpt">
19214            <header>
19215              <p class="date"><time datetime="2015-04-09T15:09:29+09:00">9日</time></p>
19216
19217              <h3>左寄せvs.中央寄せ</h3>
19218            </header>
19219
19220            <p>一時期は全てのウェブサイトが中央寄せになるのではないかというくらいの勢いだったような気がするが、最近は左寄せが盛り返しているようだ。AwwwardsやHTTPSTERなどのジャンルレスのウェブデザイン・ギャラリーを見るとなんとなくそう思う。正確に言うとレイアウトは中央寄せしつつ、テキストは左寄せしているウェブサイトが増えている。</p>
19221          </section>
19222        </a>
19223
19224
19225        <a href="/blog/gadget/hanes-japan-fit-h5110">
19226          <section class="excerpt">
19227            <header>
19228              <p class="date"><time datetime="2015-04-08T00:44:27+09:00">8日</time></p>
19229
19230              <h3>Hanes Japan Fit (2015)</h3>
19231            </header>
19232
19233            <p>ヘインズのJapan Fitが今年の春夏モデル(H5110とパッケージのシールに印字されている)から少し変わったみたい。前のものも悪くはなかったã
19233®ã§ã‚‚う一回、今度はUrban Researchのものを買った。</p>
19234          </section>
19235        </a>
19236
19237
19238        <a href="/blog/webdesign/css-units">
19239          <section class="excerpt">
19240            <header>
19241              <p class="date"><time datetime="2015-04-07T00:50:34+09:00">7日</time></p>
19242
19243              <h3>CSSにおける単位</h3>
19244            </header>
19245
19246            <p>CSSの単位はそれぞれに意味があり、それぞれに合った使い方があるはずだ。R.I.P. REM, Viva CSS Reference Pixel!という記事を読んで強くそう思った。ブラウザーの実装がpx指定でもうまく機能するように寄ったのは確かだが、それはつまりpx単位を使いたいところではpx単位を使えるようになったということに過ぎない。同時にemやrem単位を使いたいところではそれらを使えるということだ。</p>
19247          </section>
19248        </a>
19249
19250
19251        <a href="/blog/webdesign/modularized-normalize-scss-v3.0.3">
19252          <section class="excerpt">
19253            <header>
19254              <p class="date"><time datetime="2015-04-06T14:19:25+09:00">6日</time></p>
19255
19256              <h3>Modularized Normalize.scss v3.0.3</h3>
19257            </header>
19258
19259            <p>Normalize.cssのv3.0.3がリリースされたようなので、Modularized Normalize.scssも追随させた。主な変更点は現在のFirefox ESRであるv31を最低ラインに変更したことによるベンダー拡張プリフィックスの整理くらいか。多少npmから扱いやすくなってもいる。</p>
19260          </section>
19261        </a>
19262
19263
19264        <a href="/blog/webdesign/css-font-loading-font-face-observer-and-web-font-loader">
19265          <section class="excerpt">
19266            <header>
19267              <p class="date"><time datetime="2015-04-05T14:47:17+09:00">5日</time></p>
19268
19269              <h3>CSS Font LoadingとFont Face Observer、Web Font Loader</h3>
19270            </header>
19271
19272            <p>ウェブ標準であるCSS Font Loadingが気軽に使えるようになるにはまだまだ時間がかかりそうだ。そのポリフィルであるFont Loaderは動作が不安定かつ開発が止まっており信用できない。代替技術としてはポリフィルと同じ開発者が積極的にコミットしているFont Face Observerと、広く使われているWeb Font Loaderがある。同じフォントの読み込みを検知する場合、この三者ではどのようにコードが変わってくるのだろうか。</p>
19273          </section>
19274        </a>
19275
19276
19277        <a href="/blog/misc/gyouza">
19278          <section class="excerpt">
19279            <header>
19280              <p class="date"><time datetime="2015-04-04T18:54:23+09:00">4日</time></p>
19281
19282              <h3>餃子</h3>
19283            </header>
19284
19285            <p>無心になって野菜を刻み、無心になって豚ひき肉と混ぜ、無心になって餃子の皮で包むと、あとは焼くか茹でると餃子になる。あんまり考えずに無心に作れるので好き。</p>
19286          </section>
19287        </a>
19288
19289
19290        <a href="/blog/software/do-note">
19291          <section class="excerpt">
19292            <header>
19293              <p class="date"><time datetime="2015-04-03T16:11:02+09:00">3日</time></p>
19294
19295              <h3>Do Note</h3>
19296            </header>
19297
19298            <p>Do Noteを使い始めた。IFTTTの出した何か書いたら何かするだけのアプリ。今のところリマインダーへの登録、ツイート、そしてDropboxへメモの保存にしている。3つまでしかレシピを作れないという制限は心地良い不自由さかなと感じる。ひいき目だけど。</p>
19299          </section>
19300        </a>
19301
19302
19303        <a href="/blog/misc/indispensable">
19304          <section class="excerpt">
19305            <header>
19306              <p class="date"><time datetime="2015-04-02T13:03:25+09:00">2日</time></p>
19307
19308              <h3>不可欠さ</h3>
19309            </header>
19310
19311            <p>不可欠なことは必要なこととは微妙に違う。不可欠とはつまり無いと死ぬということでもあるけれど、無いとなめらかに作業が進まずストレスが少しずつたまっていくということでもある。必要なことはただ単に必要なだけで、ない場合は力や経験でどうにかすることになる。</p>
19312          </section>
19313        </a>
19314
19315
19316        <a href="/blog/gadget/headwear">
19317          <section class="excerpt">
19318            <header>
19319              <p class="date"><time datetime="2015-04-01T13:03:35+09:00">1日</time></p>
19320
19321              <h3>帽子</h3>
19322            </header>
19323
19324            <p>ちょくちょく帽子を買うわりにかぶらないみたいな感じになってきた。帽子好きなんだけど、年取って似合う帽子が変わってきたã
19324®ã§ã€è²·ã£ã¦å¤±æ•—するケースが増えた。昨年度は3勝2敗で5つ買った気がする。昨日はHerchelのを買った。3敗目っぽい。リバーシブル良くない。</p>
19325          </section>
19326        </a>
19327
19328          </section>
19329          <section>
19330            <h2><time datetime="2015-03">2015年3月</time></h2>
19331
19332        <a href="/blog/webdesign/gold-needle-or-remedy">
19333          <section class="excerpt">
19334            <header>
19335              <p class="date"><time datetime="2015-03-31T00:12:47+09:00">31日</time></p>
19336
19337              <h3>金の針と万能薬</h3>
19338            </header>
19339
19340            <p>Specialise or cross-skillというスライドを見ていた。挟み込まれた写真ではスベっているものの、色々ハチャメチャなのに妙に説得力のあるベン図が出てきて楽しい。ウェブ制作という世界が混沌としてきた……というよりも、人によって様々な見方があって、どれも正しく、どれも間違っているというようなことが見えてくる。残念ながら専門家かジェネラリストかの結論はスライドではほとんど出されていないが、ベン図を眺めて自分で色々考えるのが良さそうだ。</p>
19341          </section>
19342        </a>
19343
19344
19345        <a href="/blog/misc/dreaming-20150328">
19346          <section class="excerpt">
19347            <header>
19348              <p class="date"><time datetime="2015-03-30T12:09:54+09:00">30日</time></p>
19349
19350              <h3>夢(2015年3月30日)</h3>
19351            </header>
19352
19353            <p>ずっとカレーを食べてる。食べるとモッモッという感じで、皿の下からカレーが生えてくる。食べるのやめると生えてこないので、これ最高じゃないかと思って、皿を置いて飲み物を取りに行く。戻ってくると皿が2つに増えてると思うと4つに増える。手を離すと皿が増えるのかなるほどなと思ったところで目が覚める。その日は肉じゃがにした。</p>
19354          </section>
19355        </a>
19356
19357
19358        <a href="/blog/webdesign/disabled-favicon">
19359          <section class="excerpt">
19360            <header>
19361              <p class="date"><time datetime="2015-03-29T16:46:05+09:00">29日</time></p>
19362
19363              <h3>disabledなファビコン</h3>
19364            </header>
19365
19366            <p>ファビコンを状態によって変更する必要があったが、固定の2種類の切り替えに過ぎなかったのでJavaScriptでファビコンを参照しているlink要素のhref属性を書きかえるのは少し面倒くさいかなと思った。そこでdisabled属性を付けることでファビコンの参照が切れれば、操作しやすそうかなと試してみた。しかし現行のブラウザーではdisabled属性を付けても普通にファビコンへの参照と解釈するようだ。</p>
19367          </section>
19368        </a>
19369
19370
19371        <a href="/blog/webdesign/img-element-without-src-attribute-and-pseudo-element">
19372          <section class="excerpt">
19373            <header>
19374              <p class="date"><time datetime="2015-03-28T02:10:05+09:00">28日</time></p>
19375
19376              <h3>src属性のないimg要素と擬似要素</h3>
19377            </header>
19378
19379            <p>img要素は置換要素なので、現在の安定仕様では明記されてはいないものの歴史的な事情により::before/::after擬似要素による挿入は行えない。しかしChrome 41で遊んだところ、src属性がない場合は挿入することができるようだ。Internet Explorer 11やFirefox 36、Mobile Safari 8では行えない。</p>
19380          </section>
19381        </a>
19382
19383
19384        <a href="/blog/software/vim-css3-syntax-v0.14.0">
19385          <section class="excerpt">
19386            <header>
19387              <p class="date"><time datetime="2015-03-27T12:43:15+09:00">27日</time></p>
19388
19389              <h3>vim-css3-syntax v0.14.0</h3>
19390            </header>
19391
19392            <p>W3C側でのCSSモジュールの整理が進み、この半年でずいぶんと削除されたりリネームされたりするようになった。vim-css3-syntaxもできるだけ追随するようにしている。年度末ということでキリが良さそうなのでv0.14.0としてリリースすることにした。</p>
19393          </section>
19394        </a>
19395
19396
19397        <a href="/blog/software/preparations">
19398          <section class="excerpt">
19399            <header>
19400              <p class="date"><time datetime="2015-03-26T12:18:11+09:00">26日</time></p>
19401
19402              <h3>備え</h3>
19403            </header>
19404
19405            <p>Windows向けのiTunesの完全な64bit化により、Last.fmのプラグインが動作しなくなった。更新されã
19405ªã„ことには特に思うところはなく、単に収益化に失敗し続けていて、プラグイン開発者を雇用し続けることが出来なかったんだろうなとかその程度にしか思っていない。しかし仮にこれから更新されてまた機能するようになったとしても、もう二度と使うことはないだろう。</p>
19406          </section>
19407        </a>
19408
19409
19410        <a href="/blog/software/context-of-an-application">
19411          <section class="excerpt">
19412            <header>
19413              <p class="date"><time datetime="2015-03-25T10:55:32+09:00">25日</time></p>
19414
19415              <h3>アプリケーションが使われる文脈</h3>
19416            </header>
19417
19418            <p>The best icon is a text labelという記事を読んだ。記事のタイトルからは、とにかく変なアイコンをやめて文字列にしろ! という風に感じられるが、実際には継続的なアプリケーションの利用によるユーザーの学習を期待せず、アプリケーションが使われる文脈を重視して選択しろという話のようだ。別の言い方をすれば、アイコンか文字列かではなく文脈だ、という話になるだろう。</p>
19419          </section>
19420        </a>
19421
19422
19423        <a href="/blog/media/the-murder-of-roger-ackroyd">
19424          <section class="excerpt">
19425            <header>
19426              <p class="date"><time datetime="2015-03-24T15:29:54+09:00">24日</time></p>
19427
19428              <h3>アクロイド殺し</h3>
19429            </header>
19430
19431            <p>本箱から発掘したので20冊くらいあるアガサ・クリスティーの再読周回に入った。6冊目のアクロイド殺しをちょうど読み終わった。オチ知ってても面白い。僕もラルフ大尉みたいに、殺人事件が起こりそうなくらいの遺産を血の繋がっていない人から自分の手を汚さずに貰いたい。</p>
19432          </section>
19433        </a>
19434
19435
19436        <a href="/blog/coding/messageformat">
19437          <section class="excerpt">
19438            <header>
19439              <p class="date"><time datetime="2015-03-23T09:14:00+09:00">23日</time></p>
19440
19441              <h3>MessageFormat</h3>
19442            </header>
19443
19444            <p>Pluralization for JavaScriptという名詞の複数形についての記事を読んで、MessageFormatという仕組みがあることを初めて知った。複数形や三単現、性別による言葉遣いの違いなどを言語ごとに定義しておき、出力する際にその定義を利用して自然な結果になるようにする仕組みのようだ。</p>
19445          </section>
19446        </a>
19447
19448
19449        <a href="/blog/webdesign/surrounding-white-spaces-of-keywords-on-mediaqueries-4">
19450          <section class="excerpt">
19451            <header>
19452              <p class="date"><time datetime="2015-03-22T14:22:09+09:00">22日</time></p>
19453
19454              <h3>Media Queries Level 4におけるキーワード周囲の空白文字</h3>
19455            </header>
19456
19457            <p>Media Queries Level 4の2014/06/05付けのWDでは、メディア特性を構成するための)や(とnotやand、orの間にひとつ以上の空白文字が必須になった。この変化が気になるのはCSS最小化ツールを作っている人くらいか。通常は半角空白なり改行なりを挟んで書いているだろうと思われるので、気にする必要はなさそうだ。</p>
19458          </section>
19459        </a>
19460
19461
19462        <a href="/blog/gadget/hemp-bed-sheet">
19463          <section class="excerpt">
19464            <header>
19465              <p class="date"><time datetime="2015-03-21T04:47:06+09:00">21日</time></p>
19466
19467              <h3>麻のシーツ</h3>
19468            </header>
19469
19470            <p>ついに麻のシーツを買った。といっても高級なものではなくて、無印良品の麻平織だけど。夏に向けてピッタリかなと、良品週間中ということで買った。そんなにすごく厚手というわけではないので、耐久性はちょっと不安だけど、麻なりの丈夫さだといいな。</p>
19471          </section>
19472        </a>
19473
19474
19475        <a href="/blog/webdesign/negation-of-max-width-query">
19476          <section class="excerpt">
19477            <header>
19478              <p class="date"><time datetime="2015-03-20T07:34:49+09:00">20日</time></p>
19479
19480              <h3>max-widthを否定するクエリー</h3>
19481            </header>
19482
19483            <p>モバイル・ファーストが浸透して久しくなり、めっきりmin-widthクエリー以外を見かけることはなくなった。そんな中、not (max-width: 768px)という書き方を見かけて、なるほどなと思った。現状のブラウザーにおける実装(と安定した仕様)では768pxを含まずそれより大きいという表現がmin-widthでは書くことができないが、notキーワードとmax-widthを組み合わせることで実現できる。</p>
19484          </section>
19485        </a>
19486
19487
19488        <a href="/blog/internet/flets-hikari-members-club-point-program">
19489          <section class="excerpt">
19490            <header>
19491              <p class="date"><time datetime="2015-03-19T03:53:31+09:00">19日</time></p>
19492
19493              <h3>フレッツ光メンバーズクラブのポイントプログラム</h3>
19494            </header>
19495
19496            <p>フレッツ光では利用期間に応じて毎月ポイントが与えられる。そのポイントはメンバーズクラブのポイントプログラムで利用できる。僕はしばらく貯めたら使い勝手の良いiTunesギフトカードへ交換していたが、それができなくなった……どころかあらゆるギフト券や電子マネーへの交換が終了した。</p>
19497          </section>
19498        </a>
19499
19500
19501        <a href="/blog/webdesign/inlining-critical-css-dynamically">
19502          <section class="excerpt">
19503            <header>
19504              <p class="date"><time datetime="2015-03-18T06:34:06+09:00">18日</time></p>
19505
19506              <h3>クリティカルCSSの動的なインライン化</h3>
19507            </header>
19508
19509            <p>Inlining critical CSS for first-time visitsという、クリティカルCSSを初回訪問時のみインラインに展開して、その後はインライン化せず予めキャッシュさせておいたフルセットのCSSを使うというアイディアについての記事を読んだ。実装はともかく、アイディアとして成立していないんじゃないかと思う。</p>
19510          </section>
19511        </a>
19512
19513
19514        <a href="/blog/software/ctrlp-and-git-ls-files">
19515          <section class="excerpt">
19516            <header>
19517              <p class="date"><time datetime="2015-03-17T07:29:18+09:00">17日</time></p>
19518
19519              <h3>CtrlPとGitのls-filesサブコマンド</h3>
19520            </header>
19521
19522            <p>CtrlPのヘルプのカスタム・コマンドの項に記載があるように、Gitのls-filesサブコマンドを使ったカスタム・コマンドを定義すると、.gitignoreを考慮してファイルをリストアップすることができる。ただ常にこちらである必要はないので、Git管理下だけでそうなるようにしたい。その場合、ラッパー関数を作成して、その中でb:ctrlp_user_commandを設定してやると良さそうだ。</p>
19523          </section>
19524        </a>
19525
19526
19527        <a href="/blog/webdesign/sorting-on-csmqpacker">
19528          <section class="excerpt">
19529            <header>
19530              <p class="date"><time datetime="2015-03-16T04:04:03+09:00">16日</time></p>
19531
19532              <h3>CSS MQPackerの行うソート</h3>
19533            </header>
19534
19535            <p>CSS MQPackerに加わったソート機能は完全なものではない。完全なものを実現するのが難しいこともあるが、必要とされていないからでもある。メインはmin-widthクエリーに絞り、それ以上は自前で用意してもらうというのは妥協であると同時に、僕の能力の限界でもある。</p>
19536          </section>
19537        </a>
19538
19539
19540        <a href="/blog/misc/dreaming-20150308">
19541          <section class="excerpt">
19542            <header>
19543              <p class="date"><time datetime="2015-03-15T17:31:05+09:00">15日</time></p>
19544
19545              <h3>夢(2015年3月15日)</h3>
19546            </header>
19547
19548            <p>寝てたら天井の隅からカエルがずっとピョコピョコ飛び出してくる。アマガエルくらいの大きさで、色は鮮やかな緑とたまにオレンジ。生きてるし鳴くけど、ヌメッとした感じじゃなくてフワッとした感じで、顔にぶつかるとすごく心地良かった。というのを3時間(夢時間)くらいずっと堪能していた。カエルがずっと降ってくるの悪夢っぽいけど、全体的にすごく気持ちの良い夢だった。</p>
19549          </section>
19550        </a>
19551
19552
19553        <a href="/blog/misc/no-chair">
19554          <section class="excerpt">
19555            <header>
19556              <p class="date"><time datetime="2015-03-14T02:57:25+09:00">14日</time></p>
19557
19558              <h3>椅子なし生活</h3>
19559            </header>
19560
19561            <p>椅子を捨てた(廃棄してはいない)。でも別に流行っぽいスタンディング・デスクではなくて、ベッドを椅子代わりにしてる。まぁまぁ厚いマットレスで、ベッドフレームもそこそこ背が高い(掃除しやすくしたかったから)ものなので、机との差がだいたい20cmくらい。座るにはちょうど良い。</p>
19562          </section>
19563        </a>
19564
19565
19566        <a href="/blog/gadget/baffalo-bstv04j32">
19567          <section class="excerpt">
19568            <header>
19569              <p class="date"><time datetime="2015-03-13T14:06:13+09:00">13日</time></p>
19570
19571              <h3>BAFFALO 耐震ジェル BSTV04J32</h3>
19572            </header>
19573
19574            <p>かっこいい作業環境に影響されてドアに向けて机を置くようにした。ディスプレイ・アームは使っていたけど、机がそれほど重くないので、続けて使うのは無理そうかなーと付属スタンドを引っ張りだして付け直した。このままだと地震に対して不安なので耐震ジェルを980円で買った……けど失敗とまではいかないもののうーんという感じだった。</p>
19575          </section>
19576        </a>
19577
19578
19579        <a href="/blog/coding/bug-reporting-telephone-game">
19580          <section class="excerpt">
19581            <header>
19582              <p class="date"><time datetime="2015-03-12T14:27:20+09:00">12日</time></p>
19583
19584              <h3>伝言ゲーム化するバグ報告</h3>
19585            </header>
19586
19587            <p>小さく作って組み合わせていくというやり方は、作る方からすると理にかなっている。自分の必要とする機能を実現するコードだけを書けば済むようになるからだ。使う方からしてもパッケージ・マネージャーがそれなりに動作すればさほど問題になることはない。ただバグを見つけた時に伝言ゲームになりやすいという問題がある。</p>
19588          </section>
19589        </a>
19590
19591
19592        <a href="/blog/webdesign/eau-douce">
19593          <section class="excerpt">
19594            <header>
19595              <p class="date"><time datetime="2015-03-11T00:11:43+09:00">11日</time></p>
19596
19597              <h3>Eau Douce</h3>
19598            </header>
19599
19600            <p>
19600Source Sans Proに飽きてきたので、あまり使われてなさそうな、はっきり言えばGoogle Fontsには置いていない、あまり主張のないサンセリフのタイプフェイスを物色していた。最終的に前にも使おうかなと考えたことのあるEau Douceにした。おーどぅーす。</p>
19601          </section>
19602        </a>
19603
19604
19605        <a href="/blog/webdesign/node-css-mqpacker-v3.1.0">
19606          <section class="excerpt">
19607            <header>
19608              <p class="date"><time datetime="2015-03-10T00:29:46+09:00">10日</time></p>
19609
19610              <h3>CSS MQPacker v3.1.0</h3>
19611            </header>
19612
19613            <p>min-widthを使ったクエリーのみをソートするオプションを追加し、CSS MQPacker v3.1.0をリリースした。sortオプションを有効にすると、まとめられたクエリーのうちmin-widthが使われるクエリーのみソートされる。</p>
19614          </section>
19615        </a>
19616
19617
19618        <a href="/blog/software/istanbul-and-nodeunit">
19619          <section class="excerpt">
19620            <header>
19621              <p class="date"><time datetime="2015-03-09T12:21:50+09:00">9日</time></p>
19622
19623              <h3>Istanbulとnodeunit</h3>
19624            </header>
19625
19626            <p>Istanbulはよく使っていたのだけど、直接叩くことはなかった。初めてこれ単体でnodeunitと組み合わせて使おうかと、node_modules/.bin/nodeunitを引数に指定して実行してもうまく動かなかった。どうやらnodeunitパッケージ内のbin/nodeunitを指定しないとダメらしい。</p>
19627          </section>
19628        </a>
19629
19630
19631        <a href="/blog/webdesign/too-light-didnt-read">
19632          <section class="excerpt">
19633            <header>
19634              <p class="date"><time datetime="2015-03-08T12:08:22+09:00">8日</time></p>
19635
19636              <h3>TL;DR (Too Light; Didn’t Read)</h3>
19637            </header>
19638
19639            <p>コントラストの低さが読みやすさに及ぼす影響についてはそれなりに認知されてきたが、ウェブで使われ始めて間もない軽いウェイトのフォントが読みやすさに与える影響は軽視されている。このことには早いうちから警鐘は鳴らされているが、浸透しそうな気配はない。新しい10のサービスのうち、必ず1つか2つは読めたものじゃない軽いウェイトのフォントが本文でも使われていたりするような印象だ。</p>
19640          </section>
19641        </a>
19642
19643
19644        <a href="/blog/webdesign/converting-ch-and-ex-to-px">
19645          <section class="excerpt">
19646            <header>
19647              <p class="date"><time datetime="2015-03-07T11:16:32+09:00">7日</time></p>
19648
19649              <h3>chやexとpxの対応関係</h3>
19650            </header>
19651
19652            <p>1chと1pxがどちらが大きいかはすぐにわかることだが、1chと10pxとするとちゃんと答えられる人は少数派だろう。正解はフォントによって違う、だ。その要素で使われているフォントの特定のグリフの特定のパーツの正確なサイズを知らなければ、chやex単位をpx単位に変換することはできない。</p>
19653          </section>
19654        </a>
19655
19656
19657        <a href="/blog/gadget/rhodia-dotpad">
19658          <section class="excerpt">
19659            <header>
19660              <p class="date"><time datetime="2015-03-06T09:23:03+09:00">6日</time></p>
19661
19662              <h3>Rhodia dotPad</h3>
19663            </header>
19664
19665            <p>ドット方眼に目覚めてから愛用しはじめたRHODIAのdotPadの二代目をおろした。僕が使っているのは最小サイズのNo.12で270円。もちろんオレンジ。</p>
19666          </section>
19667        </a>
19668
19669
19670        <a href="/blog/webdesign/mobile-version-desktop-version-and-responsive-web-design">
19671          <section class="excerpt">
19672            <header>
19673              <p class="date"><time datetime="2015-03-05T09:05:15+09:00">5日</time></p>
19674
19675              <h3>モバイル版とデスクトップ版、そしてレスポンシブ・ウェブ・デザイン</h3>
19676            </header>
19677
19678            <p>専用バージョンのウェブサイトとレスポンシブ・ウェブ・デザインによるウェブサイトの優劣が語られることは多い。そういった場合、どちらが優れているのか、またはどちらが劣っているのか、を思想的な面でも技術的な面でも比較される。その過程で両者があたかも排他的な関係であるようによく語られるが、両者が解決するもの、したいものは違う。</p>
19679          </section>
19680        </a>
19681
19682
19683        <a href="/blog/coding/single-var-pattern-and-automatic-semicolon-insertion">
19684          <section class="excerpt">
19685            <header>
19686              <p class="date"><time datetime="2015-03-04T07:18:50+09:00">4日</time></p>
19687
19688              <h3>単一のvar宣言とセミコロンの自動補完</h3>
19689            </header>
19690
19691            <p>ESLintできれいに拾えるので、スコープ内でvarの先頭出しをやるようにしようかなという気分になっている。その過程でA criticism of the Single Var Pattern in JavaScript, and a simple alternativeという記事を読んだ。デバッガーでステップ実行しづらいという話はともかく、カンマ忘れでセミコロンの自動補完が起こり、変数のグローバル化をもたらしてしまうというのは印象的だった。</p>
19692          </section>
19693        </a>
19694
19695
19696        <a href="/blog/coding/parsing-media-query-list">
19697          <section class="excerpt">
19698            <header>
19699              <p class="date"><time datetime="2015-03-03T07:34:17+09:00">3日</time></p>
19700
19701              <h3>media_query_listのパース</h3>
19702            </header>
19703
19704            <p>Media Queriesの各クエリーは、featureとexpのセットもしくはmedia_typeでexpressionが、ex
19704pressionをandで繋いでmedia_queryが、media_queryをカンマで繋いでmedia_query_listになり、それで完成する。そこそこ正確にパースしてJavaScriptから扱えるようにするためには、まずカンマで区切り、更にandキーワードまたはスペースで区切り、更に同じfeatureがあることを考慮した多次元配列に変換してやる必要がありそうだ。</p>
19705          </section>
19706        </a>
19707
19708
19709        <a href="/blog/coding/node-feedmix">
19710          <section class="excerpt">
19711            <header>
19712              <p class="date"><time datetime="2015-03-02T06:26:59+09:00">2日</time></p>
19713
19714              <h3>node-feedmix</h3>
19715            </header>
19716
19717            <p>xml2jsを使って複数のRSS 2.0をマージするパッケージ、FeedMixを作った。手元で結構前から使っていたGruntタスクをNode.jsパッケージにして、それを叩くだけのGruntタスクを同梱するという形にした。</p>
19718          </section>
19719        </a>
19720
19721
19722        <a href="/blog/webdesign/index-markup-and-permalink-markup">
19723          <section class="excerpt">
19724            <header>
19725              <p class="date"><time datetime="2015-03-01T03:49:51+09:00">1日</time></p>
19726
19727              <h3>indexのマークアップとpermalinkのマークアップ</h3>
19728            </header>
19729
19730            <p>何らかのツールでテンプレートを元にページを生成する昨今、あまりページごとに大きくアウトラインの構造(変な表現だ)が変わることはない。枠を作って流し込む、枠を作って流し込む、というわけだ。ウェブではコンテンツは主に文章であるので、流動性はそれなりに高く、流しこむこと自体は多くの場合は問題にならないが、もうちょっと考えても良い所ではある。</p>
19731          </section>
19732        </a>
19733
19734          </section>
19735          <section>
19736            <h2><time datetime="2015-02">2015年2月</time></h2>
19737
19738        <a href="/blog/coding/javascript-for-building-javascript">
19739          <section class="excerpt">
19740            <header>
19741              <p class="date"><time datetime="2015-02-28T12:52:29+09:00">28日</time></p>
19742
19743              <h3>JavaScriptをビルドするJavaScript</h3>
19744            </header>
19745
19746            <p>たまには素でJavaScriptファイルをビルドすることも考えなã
19746„と頭がダメになりそう。他にgulpとかでかすぎるし、npm run-scriptだけでいけるいけるみたいな話を先行者以外からも聞くようになったので、そっちに比重を移すことも視野に入れたいとか。僕はビルド・ツールをnpm run-scriptで薄くラップする手法というのが現実的だと考えてて、それを確認したいというのもあった。</p>
19747          </section>
19748        </a>
19749
19750
19751        <a href="/blog/coding/pack-and-sort-min-width">
19752          <section class="excerpt">
19753            <header>
19754              <p class="date"><time datetime="2015-02-27T05:40:48+09:00">27日</time></p>
19755
19756              <h3>min-widthを含むクエリーをソート</h3>
19757            </header>
19758
19759            <p>CSS MQPackerにmin-widthを使ったクエリーのみ(なんとなく)ソートしてやる機能を付けている。あまり付けるつもりはなかったけれど、ユーザー層が広がったっぽいこともあり、たまにメールで聞かれたりもしていたので、まぁやるかという感じになった。</p>
19760          </section>
19761        </a>
19762
19763
19764        <a href="/blog/software/breaking-changes-on-semver">
19765          <section class="excerpt">
19766            <header>
19767              <p class="date"><time datetime="2015-02-26T06:49:47+09:00">26日</time></p>
19768
19769              <h3>Semantic Versioningにおける破壊的な変更</h3>
19770            </header>
19771
19772            <p>
19772io.jsがv1.3.0になり、ビルトインのURLモジュールでresolve(&apos;/foo/bar&apos;, &apos;.&apos;)が/foo/とスラッシュ付きで返されるようになった。今までは/fooとスラッシュなしで返っていたので、これは破壊的な変更であり、Semantic Versioningに従うならばメジャー・バージョンを上げるべきではないのかという議論がなされていたようだ。</p>
19773          </section>
19774        </a>
19775
19776
19777        <a href="/blog/software/jump-git-conflict-in-vim">
19778          <section class="excerpt">
19779            <header>
19780              <p class="date"><time datetime="2015-02-25T21:37:53+09:00">25日</time></p>
19781
19782              <h3>VimでGitで衝突したところにジャンプ</h3>
19783            </header>
19784
19785            <p>Gitでマージやリベースで衝突が起きた場合、その解消のために該当ファイルを開き、移動する……前に自動的に&lt;&lt;&lt;&lt;&lt;&lt;&lt;にジャンプするだけみたいなのがちょっと欲しくなった。VimだとBufReadPostでsearch()を呼べば良さそうだ。</p>
19786          </section>
19787        </a>
19788
19789
19790        <a href="/blog/coding/come-into-eslint">
19791          <section class="excerpt">
19792            <header>
19793              <p class="date"><time datetime="2015-02-24T05:14:53+09:00">24日</time></p>
19794
19795              <h3>よろしくESLint</h3>
19796            </header>
19797
19798            <p>重い腰を上げてESLintを使い始めた。そろそろv1.0.0になるらしい。これは良いなと思ったところを簡単にまとめておく。ついでに引っかかって対処にちょっと悩んだところも。既にすごく好感触なので、このまま素直に乗り換えられると良いな。</p>
19799          </section>
19800        </a>
19801
19802
19803        <a href="/blog/internet/failswatch">
19804          <section class="excerpt">
19805            <header>
19806              <p class="date"><time datetime="2015-02-23T06:54:07+09:00">23日</time></p>
19807
19808              <h3>Failswatch</h3>
19809            </header>
19810
19811            <p>ウェブサイトの死活監視をしつつ、もし落ちたら事前に保存しておいたキャッシュを自動的に返してくれる、Failswatchはそういう機能を提供する。Cloudflareや他のCDNにも同じ機能があるが、こちらはCDN的な機能はなく特化型で有料プランのみ。構成がシンプルな分、トラブルは少なそうだ。</p>
19812          </section>
19813        </a>
19814
19815
19816        <a href="/blog/webdesign/antialiased-diagonal-line-with-css">
19817          <section class="excerpt">
19818            <header>
19819              <p class="date"><time datetime="2015-02-22T01:39:06+09:00">22日</time></p>
19820
19821              <h3>CSSできれいな斜め線</h3>
19822            </header>
19823
19824            <p>CSSで斜めに線を引くようなことをするには多少なりとも工夫が必要だった。つまりCSSで作る吹き出し(もう5年前の記事だ)のようにborderプロパティーを使って頑張るしかなかったわけだ。今はlinear-gradient()があるので直観的に作ることができるようになった。しかしきれいに引くとなるとまだ工夫が必要そうだ。</p>
19825          </section>
19826        </a>
19827
19828
19829        <a href="/blog/coding/cdata-section-in-xml2js-v0.4.5">
19830          <section class="excerpt">
19831            <header>
19832              <p class="date"><time datetime="2015-02-21T01:28:40+09:00">21日</time></p>
19833
19834              <h3>xml2js v0.4.5でCDATAセクションがサポート</h3>
19835            </header>
19836
19837            <p>Node.jsでXMLをまともに読み書きできる唯一と言えそうなxml2jsパッケージがv0.4.5に更新され、待望のCDATAセクションの書き込みに対応した。今までも読み込みは普通に行えていたが、書き込みには対応していなかったため全て文字参照で書かれていたが、これできれいに(小さなRSSが)吐ける。</p>
19838          </section>
19839        </a>
19840
19841
19842        <a href="/blog/misc/dreaming-20150218">
19843          <section class="excerpt">
19844            <header>
19845              <p class="date"><time datetime="2015-02-20T05:00:49+09:00">20日</time></p>
19846
19847              <h3>夢(2015年2月20日)</h3>
19848            </header>
19849
19850            <p>ケンタウロス(セントール)のことを考えていた。あのサイズで人間の上半身だと、食料の摂取が大変で、食事だけで数時間浪費ã
19850—てしまいそうだ、とか。胃も同じサイズだと……というところまで考えて、はて胃はどこにあるのだろうか、いや待って腸はどうだろうか、いやいやそもそも心臓や肺が人間の部分にあってそのサイズのままだったら、馬として走れないんじゃないのか、などと疑問がわいた。そこで一頭捕まえて解剖しようとしたら、蹴られて痛いってなったところで目が覚めた。</p>
19851          </section>
19852        </a>
19853
19854
19855        <a href="/blog/webdesign/underlining">
19856          <section class="excerpt">
19857            <header>
19858              <p class="date"><time datetime="2015-02-19T01:42:44+09:00">19日</time></p>
19859
19860              <h3>普通に引かれた下線</h3>
19861            </header>
19862
19863            <p>Mediumライクなかっこいいリンクの下線をついに諦めた。目的とコードがあまりにもかけはなれていて、CSSらしくないのが気になるようになったからだ。プロパティーの組み合わせから結果が想像しづらいルールセットに苦しめられた過去を思い出す。</p>
19864          </section>
19865        </a>
19866
19867
19868        <a href="/blog/webdesign/universal-selector-does-not-match-against-pseudo-elements">
19869          <section class="excerpt">
19870            <header>
19871              <p class="date"><time datetime="2015-02-18T13:52:37+09:00">18日</time></p>
19872
19873              <h3>全称セレクターは擬似要素にマッチしない</h3>
19874            </header>
19875
19876            <p>Mediumの印刷スタイルシートの記事を読んでいた。印刷スタイルシートについては常に盛り上がりに欠けるような印象だが、Mediumのデザイナーが書くと盛り上がってくれるんじゃないかとちょっと期待している。ついでに少しこのウェブサイトの印刷スタイルシートに手を入れていたところ、どうやら全称セレクターは擬似要素にマッチしないという、あまり関係のないことを今さら学んだ。</p>
19877          </section>
19878        </a>
19879
19880
19881        <a href="/blog/misc/good-not-bad-not-good-bad">
19882          <section class="excerpt">
19883            <header>
19884              <p class="date"><time datetime="2015-02-17T03:46:34+09:00">17日</time></p>
19885
19886              <h3>良い・悪くない・良くない・悪い</h3>
19887            </header>
19888
19889            <p>モノの評価軸はモノと人によって違うけれど、それぞれの軸では良い・悪くない・良くない・悪いの4段階で大抵は評価してる。強く意識していなくてもきっとそう。けれどもそういった評価を判断する時、される時は、悪いとそれ以外というような2段階で判断してしまうし、されてしまう。</p>
19890          </section>
19891        </a>
19892
19893
19894        <a href="/blog/webdesign/drop-in-lightbox">
19895          <section class="excerpt">
19896            <header>
19897              <p class="date"><time datetime="2015-02-16T14:03:22+09:00">16日</time></p>
19898
19899              <h3>ドロップインで動くLightbox</h3>
19900            </header>
19901
19902            <p>リンクが張られた画像をLightbox形式で表示するようなJavaScriptを書いていた。vwとvh単位でa要素を引き伸ばして適当に前面に表示し、img要素をなんとなく拡大してから天地左右中央配置する。予めクラス指定が必要だったり、スタイルの追加が必要だったりしない、ドロップインで動作するものだ。</p>
19903          </section>
19904        </a>
19905
19906
19907        <a href="/blog/webdesign/marking-global-header-up">
19908          <section class="excerpt">
19909            <header>
19910              <p class="date"><time datetime="2015-02-15T03:30:59+09:00">15日</time></p>
19911
19912              <h3>グローバル・ヘッダーのマークアップ</h3>
19913            </header>
19914
19915            <p>ホーム以外ではロゴとサイト・ナビゲーションをまとめてnav要素で括るような形にグローバル・ヘッダーのマークアップを変えたã€
19915‚ホームでは今まで通りnav要素の外でmark要素を使ってロゴは表示される。あわせてタグラインをh1要素にしてしまったが、何か違う気がする。</p>
19916          </section>
19917        </a>
19918
19919
19920        <a href="/blog/misc/dreaming-20150214">
19921          <section class="excerpt">
19922            <header>
19923              <p class="date"><time datetime="2015-02-14T16:20:17+09:00">14日</time></p>
19924
19925              <h3>夢(2015年2月14日)</h3>
19926            </header>
19927
19928            <p>歩いてたらいきなり臭い。しばらくすると防護服を着た人に囲まれる。そのままずっとにらみ合いを続けているとどんどん臭くなっていき、慌てて脇の下とか手とかを嗅いだが臭くない。なんでだろうとお尻に手を伸ばしてからその手を嗅いだら臭くてびっくりしたところで目が覚めた。</p>
19929          </section>
19930        </a>
19931
19932
19933        <a href="/blog/coding/history-api-for-file-protocol-on-ie11">
19934          <section class="excerpt">
19935            <header>
19936              <p class="date"><time datetime="2015-02-13T01:08:09+09:00">13日</time></p>
19937
19938              <h3>IE11でのfile:プロトコルに対するHistory APIによる操作</h3>
19939            </header>
19940
19941            <p>Internet Explorer 11でfile:///で始まるローカル・ファイルのURLをHistory APIで変更すると、ドライブレターがどんどん増えていく現象が起こることを知った。実行する度に/C:が先頭に追加されていく。</p>
19942          </section>
19943        </a>
19944
19945
19946        <a href="/blog/webdesign/fullscreen-overlay-searchbox">
19947          <section class="excerpt">
19948            <header>
19949              <p class="date"><time datetime="2015-02-12T00:55:45+09:00">12日</time></p>
19950
19951              <h3>フルスクリーンでオーバーレイの検索ボックス</h3>
19952            </header>
19953
19954            <p>増えてきたフルスクリーンでオーバーレイの検索ボックスだが、まだこれといった無難な実装方法はないように見える。今だとvw/vh/vmin/vmax単位を使ってレイアウト、:target擬似クラスを使ってトグルという形にすれば、ほぼCSSで実現できそうだ。</p>
19955          </section>
19956        </a>
19957
19958
19959        <a href="/blog/misc/yogurt-scone">
19960          <section class="excerpt">
19961            <header>
19962              <p class="date"><time datetime="2015-02-11T00:01:03+09:00">11日</time></p>
19963
19964              <h3>バターなし! 牛乳なし! のヨーグルトを使ったスコーン</h3>
19965            </header>
19966
19967            <p>ヨーグルトを水切りしてクリームとホエーに分け、それをバターと牛乳の代わりにして作るスコーンを作った。水切りに時間はかかったものの、バターの時とほぼ同じ感覚で作ることができ、特に難しくなかった。おいしかったけれど、やっぱりスコーンではないかなーというできあがりだ。</p>
19968          </section>
19969        </a>
19970
19971
19972        <a href="/blog/webdesign/absolute-positioning-on-replaced-element">
19973          <section class="excerpt">
19974            <header>
19975              <p class="date"><time datetime="2015-02-10T11:36:17+09:00">10日</time></p>
19976
19977              <h3>置換要素の絶対配置</h3>
19978            </header>
19979
19980            <p>検索ボックスを更新して検索ボタンを左に動かした……つもりだったが、動いていなかったのを直していた。単純に置換要素を絶対配置する時にautoの扱いが非置換要素と違うことを完全に忘れていたのが原因で直せたが、どうしてこうなるのかがよくわからなくなったので少し調べてみたが更に混乱しただけだった。Chrome 40(31あたりから変わったらしい?)の挙動が正しそうだが……。</p>
19981          </section>
19982        </a>
19983
19984
19985        <a href="/blog/webdesign/drawic-v2.9.0">
19986          <section class="excerpt">
19987            <header>
19988              <p class="date"><time datetime="2015-02-09T10:44:06+09:00">9日</time></p>
19989
19990              <h3>Drawic v2.9.0</h3>
19991            </header>
19992
19993            <p>はてなブックマークでブックマークするリンクを復活させた都合で、はてな系のアイコンを4種類、Drawicに追加してv2.9.0にした。はてなのアイコン平べったい。</p>
19994          </section>
19995        </a>
19996
19997
19998        <a href="/blog/webdesign/character-reference-and-attribute-selector">
19999          <section class="excerpt">
20000            <header>
20001              <p class="date"><time datetime="2015-02-08T10:12:24+09:00">8日</time></p>
20002
20003              <h3>文字参照と属性セレクター</h3>
20004            </header>
20005
20006            <p>文字参照を含む可能性がある属性の値を使ってセレクターを自動生成するような仕組みで少しハマった。文字参照をそのまま属性セレクターの値として指定してしまったので、うまく動かなかった。style要素に記述するようなケースでも、属性セレクターの値には文字参照は使えない。戻して書き、必要ならバックスラッシュでエスケープする。</p>
20007          </section>
20008        </a>
20009
20010
20011        <a href="/blog/software/node-git-release-v1.1.2">
20012          <section class="excerpt">
20013            <header>
20014              <p class="date"><time datetime="2015-02-07T09:38:16+09:00">7日</time></p>
20015
20016              <h3>node-git-release v1.1.2</h3>
20017            </header>
20018
20019            <p>node-git-releaseをio.js v1.1.0を要件にして、child_process.spawnSync()を使って書き直した。使い方をうまく考えつかなくて、あんまりきれいにならない。asyncパッケージを使った方がスッキリ見えるのは慣れの問題だろうか。とか下書きしていたらNode.js v0.12.0が出て、こちらでも*Sync()がサポートされ、動くようになったようだ(試してない)。</p>
20020          </section>
20021        </a>
20022
20023
20024        <a href="/blog/misc/ginbura">
20025          <section class="excerpt">
20026            <header>
20027              <p class="date"><time datetime="2015-02-06T07:56:04+09:00">6日</time></p>
20028
20029              <h3>銀ぶら</h3>
20030            </header>
20031
20032            <p>Patrickの直営店へは銀座駅から有楽町ルミネ、松屋銀座を経由しながら歩いた。この辺りは昔(10年以上前)とあんまり変わっていない気もしたけど、楽しそうな店や変な建物があって、やはり銀座は楽しい。Cole HaanやArc’terixの店舗などをのぞいていたら、電車で下がったテンションもすぐに上がった。</p>
20033          </section>
20034        </a>
20035
20036
20037        <a href="/blog/webdesign/on-every-declaration-just-once">
20038          <section class="excerpt">
20039            <header>
20040              <p class="date"><time datetime="2015-02-05T11:54:07+09:00">5日</time></p>
20041
20042              <h3>EDJOの(デ)メリット</h3>
20043            </header>
20044
20045            <p>Every Declaration Just Once (以下EDJO)アプローチの最大のメリットはなんだろうかということについて考えていた。情報設計と重なるところがまるでないため、設計思想としては完全に成立しない。つまりCSSを設計することを放棄し、設計されたHTMLに対してスタイルを割り当てていく手法としてのみ存在しうる。このことがすなわちメリットなのではないだろうか。</p>
20046          </section>
20047        </a>
20048
20049
20050        <a href="/blog/gadget/patrick-marathon-le-black">
20051          <section class="excerpt">
20052            <header>
20053              <p class="date"><time datetime="2015-02-04T06:56:13+09:00">4日</time></p>
20054
20055              <h3>Patrick Marathon-LE</h3>
20056            </header>
20057
20058            <p>スタンスミスの黒(白ソール・白ヒールパッチ)が出そうな気配がないのであきらめて、いつか買おうと思っていたPatrickのMarathonのレザー版を買った。暇だったので銀座にある直営店まで足をのばしたものの、まさかのサイズ切れで、在庫確認をしない詰めの甘さをちょっと後悔した。それでも色違いでサイズを合わせ、サイズ違いで色を合わせてすごく気に入ったので、在庫のあった神戸の直営店から自宅に配送してもらい、無事届いた。</p>
20059          </section>
20060        </a>
20061
20062
20063        <a href="/blog/internet/social-buttons-20150203">
20064          <section class="excerpt">
20065            <header>
20066              <p class="date"><time datetime="2015-02-03T09:39:42+09:00">3日</time></p>
20067
20068              <h3>ソーシャル・ボタンの再設置</h3>
20069            </header>
20070
20071            <p>SNSをやめる人がいる一方で、僕はソーシャル・ボタンを再設置した。各記事の最後にTwitterとFacebook、はてなブックマークに流すリンクが、狭い画面ではコンテンツに続いて、広い画面では左にぶら下がる形で配置される。カウントは蛇足っぽい気がしたので、単なるリンクにしておいた。</p>
20072          </section>
20073        </a>
20074
20075
20076        <a href="/blog/webdesign/dynamic-subsetting-and-dynamic-contents">
20077          <section class="excerpt">
20078            <header>
20079              <p class="date"><time datetime="2015-02-02T06:40:08+09:00">2日</time></p>
20080
20081              <h3>動的なサブセット化と動的なコンテンツ</h3>
20082            </header>
20083
20084            <p>日本語を含むウェブ・フォントを使う場合、その転送量の多さとライセンスの問題により、動的にサブセット化されることがある。手段として間違ってはいないが、利用する側はそれなりに気をつける必要がある。それは動的に追加されるコンテンツに対しては指定しない、ということだ。</p>
20085          </section>
20086        </a>
20087
20088
20089        <a href="/blog/webdesign/adding-image-width-and-height">
20090          <section class="excerpt">
20091            <header>
20092              <p class="date"><time datetime="2015-02-01T03:29:48+09:00">1日</time></p>
20093
20094              <h3>
20094画像の縦横サイズの追加</h3>
20095            </header>
20096
20097            <p>自前の画像を参照する時にwidthとheight属性を追加すると激しい腹痛におそわれる病を長く患っていたけど、どうやら完治したようなのでバッチ処理で追加してた。ついでにimg要素の各属性の記述順序なども書きかえたりして、楽しく時間を浪費した。大いなる無駄だが、他人には迷惑をかけないし、途中から段々トランスしてきた。</p>
20098          </section>
20099        </a>
20100
20101          </section>
20102          <section>
20103            <h2><time datetime="2015-01">2015年1月</time></h2>
20104
20105        <a href="/blog/webdesign/node-dns-prefetch">
20106          <section class="excerpt">
20107            <header>
20108              <p class="date"><time datetime="2015-01-31T01:28:56+09:00">31日</time></p>
20109
20110              <h3>node-dns-prefetch</h3>
20111            </header>
20112
20113            <p>毎回dns-prefetch Online Code Generatorからコピペはさすがに面倒そうなので、URLを指定するとそのページに含まれる外部リソースのドメインから&lt;link rel=&quot;dns-prefetch&quot;&gt;を生成するCLIツール、dns-prefetchを作成した。Node.jsからPhantomJSを使って書いたので、ドメイン抽出とかも簡単でよかった。</p>
20114          </section>
20115        </a>
20116
20117
20118        <a href="/blog/webdesign/implementing-dns-prefetch">
20119          <section class="excerpt">
20120            <header>
20121              <p class="date"><time datetime="2015-01-30T19:17:30+09:00">30日</time></p>
20122
20123              <h3>rel=dns-prefetchの導入</h3>
20124            </header>
20125
20126            <p>前にちょっと書いてからもう一年以上経ってしまったが、rel=dns-prefetchを仕込むようにした。小規模なウェブサイトではあまり意味はないが、あってもほとんど損はないとも思われる。他のウェブサイトへ移動した時にも効果があるらしい、というような話を小耳に挟んだこともあり、追加してみることにした。</p>
20127          </section>
20128        </a>
20129
20130
20131        <a href="/blog/webdesign/on-critical-path-css">
20132          <section class="excerpt">
20133            <header>
20134              <p class="date"><time datetime="2015-01-29T02:35:18+09:00">29日</time></p>
20135
20136              <h3>クリティカル・パスのCSSなるシロモノ</h3>
20137            </header>
20138
20139            <p>クリティカル・パスのCSSをインライン化して、描画の開始を早めるテクニックが広まり始めている。数字上は確かに効果的だが、ソーシャル・ボタンの非同期化によるスクロールのつっかかりと似たような問題を孕んでいるのではないかという思いが強い。</p>
20140          </section>
20141        </a>
20142
20143
20144        <a href="/blog/webdesign/async-css-and-rel-subresource-together">
20145          <section class="excerpt">
20146            <header>
20147              <p class="date"><time datetime="2015-01-28T20:26:32+09:00">28日</time></p>
20148
20149              <h3>rel=subresourceを併用したCSSの遅延読み込み</h3>
20150            </header>
20151
20152            <p>クリティカルなんとかの関係やウェブ・フォントにおいて、CSSの遅延読み込みを行う気運は高まっている。様々なアイディアがあって、普通にCSSの内容を読み込んでhead要素に追加するものや、link要素を動的に追加するもの、予めlink要素をrel=stylesheetなしで書いておいて後で追加するものなどがその主なものだ。最後の手法ではrel=subresourceを追加して書いておくと、一部ブラウザーでダウンロードが速く始まるんじゃないかというアイディアを持った。</p>
20153          </section>
20154        </a>
20155
20156
20157        <a href="/blog/internet/improvmx">
20158          <section class="excerpt">
20159            <header>
20160              <p class="date"><time datetime="2015-01-27T17:42:37+09:00">27日</time></p>
20161
20162              <h3>ImprovMX</h3>
20163            </header>
20164
20165            <p>Cloudflareと組み合わせたいメールサービスというものは、つまるところMXレコードを設定するとメール転送だけしてくれるようなサービスだ。探してもドメイン・レジストラーのサービス以外にはなかなか見つからない。そんななか唯一見つけたã
20165®ãŒImprovMXだった。MXレコードを設定した後、ドメイン名と転送先のメールアドレスを指定するとキャッチオールで転送してくれる。</p>
20166          </section>
20167        </a>
20168
20169
20170        <a href="/blog/software/forget-about-bower-use-npm">
20171          <section class="excerpt">
20172            <header>
20173              <p class="date"><time datetime="2015-01-26T00:47:14+09:00">26日</time></p>
20174
20175              <h3>Bower→npm</h3>
20176            </header>
20177
20178            <p>npmとBowerが混ざってたりするとやる気ゲージが一気に減る。Bowerはやめられるけど、npmはやめられない。npmレジストリーにはNormalize.cssがあったりとわりとなんでもありな空気がある。ということでSassパーシャルをnpmパッケージ化してた。</p>
20179          </section>
20180        </a>
20181
20182
20183        <a href="/blog/coding/child_process-spawnsync-and-its-options-argument">
20184          <section class="excerpt">
20185            <header>
20186              <p class="date"><time datetime="2015-01-25T18:54:05+09:00">25日</time></p>
20187
20188              <h3>child_process.spawnSync()のoptions引数</h3>
20189            </header>
20190
20191            <p>io.js v1.0.3上では以下のようなコードで再現できる。</p>
20192          </section>
20193        </a>
20194
20195
20196        <a href="/blog/internet/mailgun-as-an-email-solution-for-cloudflare">
20197          <section class="excerpt">
20198            <header>
20199              <p class="date"><time datetime="2015-01-24T01:24:29+09:00">24日</time></p>
20200
20201              <h3>Cloudflareにおけるメール・ソリューションとしてのMailgun</h3>
20202            </header>
20203
20204            <p>Value Domainで取得したドメインをCloudflareの提供するネームサーバーでGitHub Pagesに向けてやるのは、低コストでウェブサイトをホスティングする優れた手段だ。問題はメールだ。Cloudflareではメール関係の機能はまったく用意されていない。またValue Domainで無料で取得できるXREAのアカウントはメールだけの利用は禁止されている。本道としては別にメール・サーバーを用意するわけだが、転送だけで良いのなら無料枠内で利用することができるMailgunを使うのが良さそうだ。</p>
20205          </section>
20206        </a>
20207
20208
20209        <a href="/blog/internet/muspy">
20210          <section class="excerpt">
20211            <header>
20212              <p class="date"><time datetime="2015-01-23T03:38:45+09:00">23日</time></p>
20213
20214              <h3>Muspy</h3>
20215            </header>
20216
20217            <p>よく聞くアーティストの新譜がリリースされた時にプッシュ通知させるために長らくSoundamusのカレンダーを使っていたんだけど、2014年12月を最後に完全に停止してしまった。Last.fmからアーティストをインポートできて、カレンダーが提供されているサービスという条件で替りになりそうなものを探したが全然ない。しかし簡単に見つかったもののメールとRSSだけか……と試していなかったMuspyが実はiCalでカレンダーを提供していることがわかったので、これに乗り換えることに決めた。</p>
20218          </section>
20219        </a>
20220
20221
20222        <a href="/blog/webdesign/sass-s-variable-system-and-oocss">
20223          <section class="excerpt">
20224            <header>
20225              <p class="date"><time datetime="2015-01-22T02:00:54+09:00">22日</time></p>
20226
20227              <h3>Sassの変数の仕組みとOOCSS</h3>
20228            </header>
20229
20230            <p>A List Apartに掲載されたA Vision for Our Sassという記事を読んでいた。ここに書かれていることが正しいとすると、やはりOOCSSあってのSassなのかなという思いを強くした。でも、今のSassの変数の仕組みとCSSのフラットな構造を考えると、Sassを使ったOOCSSの実現は既に詰みかけている局面だと考えることが多い。</p>
20231          </section>
20232        </a>
20233
20234
20235        <a href="/blog/gadget/muji-jeans-lable-stationaries">
20236          <section class="excerpt">
20237            <header>
20238              <p class="date"><time datetime="2015-01-21T03:02:34+09:00">21日</time></p>
20239
20240              <h3>
20240無印良品のジーンズのラベル素材シリーズ</h3>
20241            </header>
20242
20243            <p>当初のブラウンのものはかなり前に消え、黒のもののみが細々と展開されてたけど、遂に最後の一種類になってた。このシリーズの商品はいくつか買ったけど、中でも文庫本カバーはストックも含め10個くらい買った。昨日、ついに最後のストックをおろした。</p>
20244          </section>
20245        </a>
20246
20247
20248        <a href="/blog/coding/replacing-grunt-util-spawn">
20249          <section class="excerpt">
20250            <header>
20251              <p class="date"><time datetime="2015-01-20T15:30:16+09:00">20日</time></p>
20252
20253              <h3>grunt.util.spawn()のリプレース</h3>
20254            </header>
20255
20256            <p>Gruntのタスクで実行ファイルなど別プロセスを立ちあげたい場合、通常はうまくラップされたgrunt.util.spawn()を使う。今のところ非推奨というわけではないが、最近の感じだと別パッケージを利用すれば簡単にリプレースできるものはなるべくリプレースした方が良い。例えばgrunt.file.write()はfs-extraパッケージが良い。grunt.util.spawn()はというとio.jsかNode.jsのUnstableが入っている環境ならばspawnSync()とwhich.sync()を組み合わせてリプレースすると良さそうだ。</p>
20257          </section>
20258        </a>
20259
20260
20261        <a href="/blog/misc/cheese-scones">
20262          <section class="excerpt">
20263            <header>
20264              <p class="date"><time datetime="2015-01-19T03:10:43+09:00">19日</time></p>
20265
20266              <h3>チーズ・スコーン</h3>
20267            </header>
20268
20269            <p>TLにちょくちょくスコーン焼いた写真が飛んでくるので、我慢できなくなって夕飯後に焼いてた。慣れると30分くらいで作れてちょっとした遊びっぽくて楽しい。ドライフルーツみたいなのが何もなかったので、チーズを入れた。</p>
20270          </section>
20271        </a>
20272
20273
20274        <a href="/blog/webdesign/thick-layer">
20275          <section class="excerpt">
20276            <header>
20277              <p class="date"><time datetime="2015-01-18T01:44:08+09:00">18日</time></p>
20278
20279              <h3>厚いレイヤー</h3>
20280            </header>
20281
20282            <p>Sitepointに書かれたBEMやSMACSSを使っている開発者たちからのアドバイスを読んでいた。僕は今いかにして命名規則をなくすかといったことを考えている最中のため否定的に読んだが、それでもここに書かれたアドバイスは正しいとは感じた。BEMやSMACSSが概ね想定以上に機能することは確かだし、スケールするし、指揮もとりやすい。</p>
20283          </section>
20284        </a>
20285
20286
20287        <a href="/blog/webdesign/csswring-and-css-mqpacker-v3.0.0">
20288          <section class="excerpt">
20289            <header>
20290              <p class="date"><time datetime="2015-01-17T01:13:20+09:00">17日</time></p>
20291
20292              <h3>CSSWring v3.0.0とCSS MQPacker v3.0.0のリリース</h3>
20293            </header>
20294
20295            <p>CSSWringとCSS MQPackerのメジャー・バージョンをそれぞれ更新した。内容としてはPostCSSをv4.0.0に更新しただけと言って良い。PostCSS v3でしか動作しないツールやプラグインと組み合わせたい場合は引き続き古いバージョンを利用する必要がある。</p>
20296          </section>
20297        </a>
20298
20299
20300        <a href="/blog/webdesign/node-edjo">
20301          <section class="excerpt">
20302            <header>
20303              <p class="date"><time datetime="2015-01-16T00:03:19+09:00">16日</time></p>
20304
20305              <h3>node-edjo</h3>
20306            </header>
20307
20308            <p>Every Declaration Just Onceのスタイルに既存のCSSを変換し、どのような感じになるのかを確認するためのツールを書いてた。node-edjoとしてGitHubに公開しておいたので、Node.js互換の何かがあればnpmでインストールして誰でも使える。ただしnpmリポジトリーには公開されることはないので、READMEに書いてあるようにユーザー名とリポジトリー名を使ってインストールする。</p>
20309          </section>
20310        </a>
20311
20312
20313        <a href="/blog/webdesign/oocss-drawbacks-and-gifts-of-every-declaration-just-once">
20314          <section class="excerpt">
20315            <header>
20316              <p class="date"><time datetime="2015-01-15T11:29:38+09:00">15日</time></p>
20317
20318              <h3>OOCSSの欠点とEvery Declaration Just Onceのもたらすもの</h3>
20319            </header>
20320
20321            <p>昨日も少し書いたEvery Declaration Just Onceアプローチ(以下EDJOと略ã
20321™)について、皆が目を瞑っているOOCSSの欠点、CSSが持つ特徴、HTMLとの兼ね合いという点からもう少し書いてみたい。これについては未だ誰ともちゃんと議論していない。機会があったらこの記事をベースにでも誰かと話してみたい。</p>
20322          </section>
20323        </a>
20324
20325
20326        <a href="/blog/webdesign/every-declaration-just-once-example">
20327          <section class="excerpt">
20328            <header>
20329              <p class="date"><time datetime="2015-01-14T10:02:13+09:00">14日</time></p>
20330
20331              <h3>Every Declaration Just Onceの例</h3>
20332            </header>
20333
20334            <p>同じ定義は書かないCSSの簡単な例とその書き方に対する覚え書きを残しておく。同じ定義を書かないようにしていくと、CSSプリプロセッサーはおろか、セレクターのネストもなくて良いのかと感じてくる。もしかするとCSSの着地点はここなのかと洗脳されつつある。もはや第三者の目で見ることができなくなったので、他の人の意見も聞いてみたい。</p>
20335          </section>
20336        </a>
20337
20338
20339        <a href="/blog/misc/white-t-shirt">
20340          <section class="excerpt">
20341            <header>
20342              <p class="date"><time datetime="2015-01-13T13:22:47+09:00">13日</time></p>
20343
20344              <h3>白Tシャツ</h3>
20345            </header>
20346
20347            <p>良さそうな白いTシャツがなかなか見つからず、結局HanesのJapan FitなるもののBEAMSのロゴ入りのバージョンを買った。着丈がもうちょっと短めのを探すとなると大変なようなので、もうインナーでしか着ないと決め、これにした。</p>
20348          </section>
20349        </a>
20350
20351
20352        <a href="/blog/coding/with-grunt-plugin">
20353          <section class="excerpt">
20354            <header>
20355              <p class="date"><time datetime="2015-01-12T01:36:31+09:00">12日</time></p>
20356
20357              <h3>Gruntプラグインの同梱</h3>
20358            </header>
20359
20360            <p>遂に別々に管理するのが面倒になったので、PostCSSを使ったツールにGruntプラグインも同梱するようにした。grunt-postcssなどから使う方が効率的なので、もはや単体のGruntプラグインはメンテナンスが放棄されがちだ。CSSWring v2.1.0とCSS MQPacker v2.1.0には既に同梱されている(まだPostCSS v4.0.0にはなっていない)。</p>
20361          </section>
20362        </a>
20363
20364
20365        <a href="/blog/coding/postcss-v4-and-white-spaces">
20366          <section class="excerpt">
20367            <header>
20368              <p class="date"><time datetime="2015-01-11T14:00:52+09:00">11日</time></p>
20369
20370              <h3>PostCSS v4と空白</h3>
20371            </header>
20372
20373            <p>PostCSSのv4.0.0が年明け早々に出た。互換性のない変更の中では、v3.0.0でchildsと妙なスペルで名付けられたものがnodesに修正されたことが一番大きそうだ。他、便利メソッドの追加に加え、空白の最適化機能が大幅に変更になった。</p>
20374          </section>
20375        </a>
20376
20377
20378        <a href="/blog/webdesign/postcss-single-charset">
20379          <section class="excerpt">
20380            <header>
20381              <p class="date"><time datetime="2015-01-10T01:52:36+09:00">10日</time></p>
20382
20383              <h3>postcss-single-charset</h3>
20384            </header>
20385
20386            <p>minifyしてからconcatという手順でCSSをビルドしているため、連結するそれぞれのCSSファイルにある@charsetルールが無意味になる。そこで最初の@charsetを先頭に持ってくるだけのPostCSSプラグインを書き、それをconcatした後に使うことにした。</p>
20387          </section>
20388        </a>
20389
20390
20391        <a href="/blog/webdesign/loading-web-fonts">
20392          <section class="excerpt">
20393            <header>
20394              <p class="date"><time datetime="2015-01-09T13:10:56+09:00">9日</time></p>
20395
20396              <h3>ウェブ・フォントの読み込み</h3>
20397            </header>
20398
20399            <p>ウェブ・フォントも完全に行き渡り、今はどう効率的に配信するかについて多くの時間を割くようになった。Google Fontsの低め安定路線を見限り、TypeKitやFonts.comへ鞍æ›
20399¿ãˆã™ã‚‹äººã€…も増えた。それと同時に自前でホスティングする人々も徐々にその数を増やしており、どれが最適解なのか一応の結論が出るにはもう少しかかるだろう。まず、ウェブ・フォントの読み込みにおいてどのようなアプローチがあり、どのようなメリット、そしてデメリットがあるのだろうか。</p>
20400          </section>
20401        </a>
20402
20403
20404        <a href="/blog/misc/my-2015-manifest">
20405          <section class="excerpt">
20406            <header>
20407              <p class="date"><time datetime="2015-01-08T15:27:19+09:00">8日</time></p>
20408
20409              <h3>2015年の目標</h3>
20410            </header>
20411
20412            <p>今年は「夜の歯みがきに10分以上かける」ということに決めた。上に5分、下に5分かけていきたい。できれば15分くらいかける習慣にしたいが、いきなりは難しそうなので徐々に伸ばしていくつもりだ。</p>
20413          </section>
20414        </a>
20415
20416
20417        <a href="/blog/internet/http-to-https">
20418          <section class="excerpt">
20419            <header>
20420              <p class="date"><time datetime="2015-01-07T08:08:20+09:00">7日</time></p>
20421
20422              <h3>HTTPからHTTPSへ</h3>
20423            </header>
20424
20425            <p>HTTPSへの移行が今年は加速するだろうというのは言うまでもないが、それに伴い起こりうる事象については真っ二つな印象がある。僕は特にもうCool URIとか言いたくないので、301すれば良いだろう派だ。HTTPSという記事ではそれはおいておいてブラウザーのデフォルトは変えるべきなのかなど、移行の加速がもたらす環境の変化について指摘している。</p>
20426          </section>
20427        </a>
20428
20429
20430        <a href="/blog/webdesign/setting-rubyopt-for-sass">
20431          <section class="excerpt">
20432            <header>
20433              <p class="date"><time datetime="2015-01-06T08:48:11+09:00">6日</time></p>
20434
20435              <h3>RUBYOPTを使った外部エンコーディングの指定</h3>
20436            </header>
20437
20438            <p>今年からSassでcontentプロパティーなどでマルチバイトの文字列をエスケープせずにばしばし書くことにしたので、遂にWindowsでもUTF-8をデフォルトにしないとダメそうな感じになった。この場合、環境変数LANGを変えようとか良く書かれているけれど、Ruby以外に影響を及ぼさない真っ当な手段としてはRUBYOPTの方を使うべきなようだ。</p>
20439          </section>
20440        </a>
20441
20442
20443        <a href="/blog/webdesign/naming-things-is-really-hard">
20444          <section class="excerpt">
20445            <header>
20446              <p class="date"><time datetime="2015-01-05T06:14:09+09:00">5日</time></p>
20447
20448              <h3>名前を付けることの難しさ</h3>
20449            </header>
20450
20451            <p>名前をつけることの難しさについて、実際にどうして格闘してやればよいのかについて書かれたNaming Thingsという記事を読み返した。中心となるのはCSSにおけるクラス名で、SUIT CSSの命名規則を取り上げて、わかりやすさ・明白さ・機能性・一貫性・適切さ・拡張性・短さと若干のジョークが許されるゆるさのようなものが重要であるとしている。</p>
20452          </section>
20453        </a>
20454
20455
20456        <a href="/blog/software/htmlhint-in-syntastic">
20457          <section class="excerpt">
20458            <header>
20459              <p class="date"><time datetime="2015-01-04T08:58:55+09:00">4日</time></p>
20460
20461              <h3>HTMLHintをSyntasticで使う</h3>
20462            </header>
20463
20464            <p>重い腰を上げてVimでSyntasticを使うようにした。となるとHTMLHintを使いたいのだけど、対応してなかったので自分でチェッカー定義を書くところから始めた。</p>
20465          </section>
20466        </a>
20467
20468
20469        <a href="/blog/misc/dragon-in-the-sky">
20470          <section class="excerpt">
20471            <header>
20472              <p class="date"><time datetime="2015-01-03T07:17:01+09:00">3日</time></p>
20473
20474              <h3>天空のドラゴン</h3>
20475            </header>
20476
20477            <p>おせちの残りを片付けた後、だらだら散歩しつつ、初売りをちょっと覗いたら人がたくさんいた。この街はいつのまにか正月に人が集まる側になったんだなと思った。特に買うものもないかなと思ってたが、惣菜屋の福袋を買った。その帰り道に空を見上げたらドラゴンが飛んでいるように見えた。</p>
20478          </section>
20479        </a>
20480
20481
20482        <a href="/blog/misc/dreaming-20150102">
20483          <section class="excerpt">
20484            <header>
20485              <p class="date"><time datetime="2015-01-02T04:40:57+09:00">2日</time></p>
20486
20487              <h3>夢(2015年1月2日)</h3>
20488            </header>
20489
20490            <p>去年割りと高い金払って買ったセーターの袖に毛玉が大量に出来ていた。ひとつひとつ取っていったら袖丈が半分くらいになった。しょうがないので長袖Tシャツの袖を切ってホッチキスで止めたところで、これじゃきちんと止まらないので洋裁屋でジッパーとか買ってこないと、とか考えたところで終わり。</p>
20491          </section>
20492        </a>
20493
20494
20495        <a href="/blog/coding/github-compatible-header-id">
20496          <section class="excerpt">
20497            <header>
20498              <p class="date"><time datetime="2015-01-01T06:07:48+09:00">1日</time></p>
20499
20500              <h3>GitHub互換の見出しID</h3>
20501            </header>
20502
20503            <p>gfmtoc(mdtocから名前を変えた)を作っている時にGitHub flavored Markdown (本当はHTML Pipeline)互換の見出しIDをNode.jsで生成する方法を考えていた。GitHubではRubyでサポートされているPOSIX文字クラスをユニコードへ対応させた\p{Word}を使っているので、それを作ればあとは簡単なようだ。</p>
20504          </section>
20505        </a>
20506
20507          </section>
20508          <section id="2014">
20509            <h2><time datetime="2014-12">2014年12月</time></h2>
20510
20511        <a href="/blog/misc/hanpen-datemaki">
20512          <section class="excerpt">
20513            <header>
20514              <p class="date"><time datetime="2014-12-31T04:53:17+09:00">31日</time></p>
20515
20516              <h3>はんぺんだて巻き</h3>
20517            </header>
20518
20519            <p>だて巻き苦手とか言うと大人っぽいけど、そんなことは特になくおせちの中で好きなもののひとつ。だけどペッタペタに甘ã
20519„のもさすがに辛くなってきたので、今年は作ってみるかと調べたり聞いたりしたところ、はんぺんで作ると楽でおいしいという話だった。</p>
20520          </section>
20521        </a>
20522
20523
20524        <a href="/blog/webdesign/html5-empty-value-attribute">
20525          <section class="excerpt">
20526            <header>
20527              <p class="date"><time datetime="2014-12-30T03:42:50+09:00">30日</time></p>
20528
20529              <h3>HTML5における空の値の属性</h3>
20530            </header>
20531
20532            <p>属性に空の値を指定する時は、例えばalt=&quot;&quot;などと書く。実は仕様のHTML文法にはもうひとつ書き方が用意されており、それはaltとのみ書くという形のものだ。確かにこう書けるし、真偽値を取る属性で属性のみ書く方法もこの文法規定がベースになっている。少し前に読んだalt属性の書き方ガイドといったような記事ではそのように触れられている。しかし僕は属性のみを書くのは真偽値を取る属性のみに限定した方が良いように考えている。</p>
20533          </section>
20534        </a>
20535
20536
20537        <a href="/blog/webdesign/drawic-v2.8.0">
20538          <section class="excerpt">
20539            <header>
20540              <p class="date"><time datetime="2014-12-29T05:55:46+09:00">29日</time></p>
20541
20542              <h3>Drawic v2.8.0</h3>
20543            </header>
20544
20545            <p>DrawicにFlickrやGoogle+、YouTube、PayPalのアイコンを追加してv2.8.0をリリースした。必要だったのはFlickrとGoogle+でそれ以外は数合わせ。</p>
20546          </section>
20547        </a>
20548
20549
20550        <a href="/blog/webdesign/mark-things-up">
20551          <section class="excerpt">
20552            <header>
20553              <p class="date"><time datetime="2014-12-28T04:57:49+09:00">28日</time></p>
20554
20555              <h3>“マークアップ”</h3>
20556            </header>
20557
20558            <p>クリスマスにTwitterで@glatyouと少しマークアップについてやりとりをした。そこではTwitterなのでだいぶ端折ったものの、だいたい伝わったとは思う。あわせて今年はHTML5勧告のタイミングだ。このようなマークアップについての考え方を述べるにはもってこいだろう。そこで僕の考えを文書としてまとめ、“マークアップ”するということ ~ HTML5勧告に寄せて ~というタイトルで公開した。この文書を持って今年のまとめとしたい。</p>
20559          </section>
20560        </a>
20561
20562
20563        <a href="/blog/webdesign/the-browser-cache-today">
20564          <section class="excerpt">
20565            <header>
20566              <p class="date"><time datetime="2014-12-27T00:47:31+09:00">27日</time></p>
20567
20568              <h3>ブラウザー・キャッシュの今</h3>
20569            </header>
20570
20571            <p>元々「静的なファイルは限界までキャッシュしろ!」というような金言はそれほど重要視していなかった。The changing role of the browser cacheという記事では、開きっぱなしにされるタブと継続的デプロイをキーワードに、ブラウザー・キャッシュの役割が変化していることを解説している。</p>
20572          </section>
20573        </a>
20574
20575
20576        <a href="/blog/webdesign/scrollbar-width">
20577          <section class="excerpt">
20578            <header>
20579              <p class="date"><time datetime="2014-12-26T04:24:12+09:00">26日</time></p>
20580
20581              <h3>スクロールバーの幅</h3>
20582            </header>
20583
20584            <p>スクロールバーの幅を知りたいことはままある。CSSで拾えれば最高なのだけど……というところで、calc(100vw - 100%)で拾えることがわかった。ただこれで拾えるかどうかはその要素の親に依存するので、いつでもどこでも使えるわけではない。せめてJavaScriptでは扱えるようにしてみたい。</p>
20585          </section>
20586        </a>
20587
20588
20589        <a href="/blog/internet/kyonagashima-com">
20590          <section class="excerpt">
20591            <header>
20592              <p class="date"><time datetime="2014-12-25T03:32:11+09:00">25日</time></p>
20593
20594              <h3>kyonagashima.com</h3>
20595            </header>
20596
20597            <p>
20597Brad Frostが自分の名前のドメインを確保するのにぼったくられたという記事を読んで、良い機会なのでkyonagashima.comを確保した。面倒だったので735円だしといつも通りValue Domainで取得した。</p>
20598          </section>
20599        </a>
20600
20601
20602        <a href="/blog/webdesign/urlutils-hash-and-its-returning-value">
20603          <section class="excerpt">
20604            <header>
20605              <p class="date"><time datetime="2014-12-24T01:05:03+09:00">24日</time></p>
20606
20607              <h3>URLUtils.hash (location.hash)とその返す値</h3>
20608            </header>
20609
20610            <p>URLUtilsインターフェイスのブラウザーにおける実装であるLocationオブジェクトのhashプロパティーによりURLのフラグメント識別子(と#)を取得・代入できる。最近のブラウザーは非ASCII文字列もURLエンコードせずに扱えるようになっているが、この辺りの挙動がFirefoxだけ少し違うようだ。それはhashプロパティーの返す値で、常にデコードされた形で返ってくるようになっている。</p>
20611          </section>
20612        </a>
20613
20614
20615        <a href="/blog/webdesign/target-pseudo-class-and-history-api">
20616          <section class="excerpt">
20617            <header>
20618              <p class="date"><time datetime="2014-12-23T15:20:52+09:00">23日</time></p>
20619
20620              <h3>:target擬似クラスとHistory API</h3>
20621            </header>
20622
20623            <p>:target擬似クラスではフラグメント識別子と一致する要素に対してスタイルを当てることができる。これを利用するとCSSだけでインタラクティブにデザインを変更することが可能になる。一方History APIではページの遷移なくフラグメント識別子を含め、アクセス中のURLを書き換えることができる。では:target擬似クラスで有効になっているスタイルは、History APIでフラグメント識別子を変更した場合に動的に切り替わってくれるだろうか。</p>
20624          </section>
20625        </a>
20626
20627
20628        <a href="/blog/coding/mdtoc">
20629          <section class="excerpt">
20630            <header>
20631              <p class="date"><time datetime="2014-12-22T00:40:41+09:00">22日</time></p>
20632
20633              <h3>mdtoc - The markdown ToC generator</h3>
20634            </header>
20635
20636            <p>Markdownファイルの見出しからGitHub互換のToCを生成して埋め込むCLIツール、mdtocを作成した。Node.js製でmarkedパッケージに依存している。実行すると引数に指定したMarkdownファイルの中に書かれた&lt;!-- #toc --&gt;と&lt;!-- /toc --&gt;の間がToCになる。</p>
20637          </section>
20638        </a>
20639
20640
20641        <a href="/blog/webdesign/html-best-practices">
20642          <section class="excerpt">
20643            <header>
20644              <p class="date"><time datetime="2014-12-21T00:05:47+09:00">21日</time></p>
20645
20646              <h3>HTML Best Practices</h3>
20647            </header>
20648
20649            <p>少し前に書いた失われたウェブ制作のベスト・プラクティスという記事の公開後、やはりある程度まとまった形の文書が必要なのではないかという気分になった。そこでHTMLはどのようなことに気を付けて書くと安定したものになるのかという視点で、悪い例と良い例を併記したHTML Best Practicesという文書を作成した。</p>
20650          </section>
20651        </a>
20652
20653
20654        <a href="/blog/software/convert-pngs-into-ico">
20655          <section class="excerpt">
20656            <header>
20657              <p class="date"><time datetime="2014-12-20T05:03:01+09:00">20日</time></p>
20658
20659              <h3>複数のPNGからICOへ変換</h3>
20660            </header>
20661
20662            <p>favicon.icoの作成を自動化しようとして、いくつかCLIの変換ツールを物色していた。最終的にImageMagickのconvertに行き着いたので、あまり得られるところはなかった……。</p>
20663          </section>
20664        </a>
20665
20666
20667        <a href="/blog/gadget/hender-scheme-wallet">
20668          <section class="excerpt">
20669            <header>
20670              <p class="date"><time datetime="2014-12-19T12:04:32+09:00">19日</time></p>
20671
20672              <h3>Hender Schemeの財布</h3>
20673            </header>
20674
20675            <p>どんな財布を買おうか色々悩んだ結果、Hender Schemeのものにした。この財布は同型でシーズンごとに出ていて、これは2015 SSシーズンのブライドルレザーのもの。色で3日悩んだけど、結局黒にした。使いやすいとか機能性が高いとかではないけど、自分の欲しい機能は満たしていることと革の感じが良かったã
20675®ã§ã“れに決めた。16200円。</p>
20676          </section>
20677        </a>
20678
20679
20680        <a href="/blog/webdesign/lost-best-practices">
20681          <section class="excerpt">
20682            <header>
20683              <p class="date"><time datetime="2014-12-18T01:40:09+09:00">18日</time></p>
20684
20685              <h3>失われたウェブ制作のベスト・プラクティス</h3>
20686            </header>
20687
20688            <p>ベスト・プラクティスは多くの人には固定的なものだ。しかし本来は流動的なもので、革新者によって大きな変化が起きる。ウェブ制作におけるベスト・プラクティスも変化しており、その過程でいくつも失われていった。</p>
20689          </section>
20690        </a>
20691
20692
20693        <a href="/blog/misc/tkg-tarako-20141217">
20694          <section class="excerpt">
20695            <header>
20696              <p class="date"><time datetime="2014-12-17T09:50:07+09:00">17日</time></p>
20697
20698              <h3>ピンク色のTKGを食べた</h3>
20699            </header>
20700
20701            <p>ピンク色とは生のたらこ。ご飯にかける時は辛子明太子よりも普通のやつが好き。丸のままでなくても良いので、おいしいけど切り落としになってて、量の割には安価なものを買ってる。余ったらスパゲッティーの具にしよう!TKG Advent Calendar 2014も17日目か。</p>
20702          </section>
20703        </a>
20704
20705
20706        <a href="/blog/webdesign/emoji-shotcut-family">
20707          <section class="excerpt">
20708            <header>
20709              <p class="date"><time datetime="2014-12-16T10:31:12+09:00">16日</time></p>
20710
20711              <h3>絵文字のショートカット・ファミリー</h3>
20712            </header>
20713
20714            <p>Chromeでも着々とユニコード絵文字への対応が始まっているようだが、Windows版のChromeにはまだ来る気配がない。そのため絵文字をそのままで表示しようとすると工夫が必要になる。が、JavaScriptでカラー画像に差し替えて……というのは、コストがそこそこ高く個人のウェブサイト向けではない。かといって様々な要素に絵文字を表示できるフォントをプラットフォームごとに指定していくのも手がかかる。そこで絵文字用のショートカット・ファミリーの出番になる。</p>
20715          </section>
20716        </a>
20717
20718
20719        <a href="/blog/media/roboko-no-architecture">
20720          <section class="excerpt">
20721            <header>
20722              <p class="date"><time datetime="2014-12-15T08:29:38+09:00">15日</time></p>
20723
20724              <h3>ロボ娘のアーキテクチャ</h3>
20725            </header>
20726
20727            <p>山東ユカが結構好きで、昔からよく読んでる。大体は明るいギャグなのに、時々脈絡もなく真っ黒なのがぶっ込まれてドキッとする。ロボ娘のアーキテクチャは真っ黒なのが少ないけど、突然アイゼナッハとか出てきて笑ってしまう。</p>
20728          </section>
20729        </a>
20730
20731
20732        <a href="/blog/software/git-checkout-latest-tag">
20733          <section class="excerpt">
20734            <header>
20735              <p class="date"><time datetime="2014-12-14T09:21:25+09:00">14日</time></p>
20736
20737              <h3>Gitで最新のタグをチェックアウト</h3>
20738            </header>
20739
20740            <p>最新のタグを知りたいことがたまにある。その時はgit describe --tagsで調べ、結果をコピーしていた。シェルの展開をうまく利用すれば良いようなところだが、describe --tagsがハッシュ付きで返ってくる時があり、そのまま流しこむと変なことになる。未だにハッシュ付きになる条件はわからないものの、--abbrev=0を加えると消えることがわかった。</p>
20741          </section>
20742        </a>
20743
20744
20745        <a href="/blog/webdesign/minify-then-concat">
20746          <section class="excerpt">
20747            <header>
20748              <p class="date"><time datetime="2014-12-13T07:13:34+09:00">13日</time></p>
20749
20750              <h3>MinifyしてからConcat</h3>
20751            </header>
20752
20753            <p>配布されているライブラリーを最小ツールに通すと、ライセンスあたりの扱いで面倒なことになる。またCSSの場合は壊れる可能性を否定できないことは意識しなければならない。ということで重い腰を上げて、最小化してから連結するような工夫をソース・マップを維持することを前提にこのウェブサイトで実験し始めたã€
20753‚</p>
20754          </section>
20755        </a>
20756
20757
20758        <a href="/blog/software/convert-svg-to-png-with-inkscape-cli">
20759          <section class="excerpt">
20760            <header>
20761              <p class="date"><time datetime="2014-12-12T02:52:19+09:00">12日</time></p>
20762
20763              <h3>InkscapeのCLIを利用してSVGからPNGへ変換</h3>
20764            </header>
20765
20766            <p>InkscapeにはCLIがあったらしい。これを利用するとSVGから様々なファイル形式、特にPNGへの変換を自動化しやすくなる。最初PhantomJSとcanvas使ってやろうかとか錯乱してた。後出しだけどSVG Advent Calendar 2014の12日目の記事ということにしておこう。</p>
20767          </section>
20768        </a>
20769
20770
20771        <a href="/blog/misc/lalaport">
20772          <section class="excerpt">
20773            <header>
20774              <p class="date"><time datetime="2014-12-11T07:33:34+09:00">11日</time></p>
20775
20776              <h3>ららぽーと</h3>
20777            </header>
20778
20779            <p>来年10月くらいにオープンするらしいららぽーとは順調に工事が進んでいるらしく、ほぼ建物の外観は見えてきた。駅からは私鉄側からも屋根付きのペドウェイでまっすぐいけるようだ。これも半分くらいもうできてる。</p>
20780          </section>
20781        </a>
20782
20783
20784        <a href="/blog/misc/bathroom-floor">
20785          <section class="excerpt">
20786            <header>
20787              <p class="date"><time datetime="2014-12-10T04:09:48+09:00">10日</time></p>
20788
20789              <h3>風呂の床</h3>
20790            </header>
20791
20792            <p>タイルだった風呂の床が、分厚い断熱層にアクリル・コーティングされたF
20792RPが重ねられた床に変わった。うちのは石目ホワイトグレー。暖かい……のは全体的に断熱する仕組みになった(+ 暖房が付いた)からではあるんだけど、やはりタイルは冷たかったと思う。みんなの床 Advent Calendarの10日目。</p>
20793          </section>
20794        </a>
20795
20796
20797        <a href="/blog/webdesign/html-attribute-order">
20798          <section class="excerpt">
20799            <header>
20800              <p class="date"><time datetime="2014-12-09T02:49:13+09:00">9日</time></p>
20801
20802              <h3>HTMLの属性を書く順序</h3>
20803            </header>
20804
20805            <p>CSSの定義をアルファベット順にした後、HTMLの属性を書く順序についてずっと考えていた。アルファベット順だとわかりやすいが、非常に読み解きづらくなる。そういった点での読みやすさだけでなく、必須属性を書き忘れないようにもできたら良いのかなと色々考えている。</p>
20806          </section>
20807        </a>
20808
20809
20810        <a href="/blog/misc/tkg-20141208">
20811          <section class="excerpt">
20812            <header>
20813              <p class="date"><time datetime="2014-12-07T23:58:06+09:00">7日</time></p>
20814
20815              <h3>TKGを食べた</h3>
20816            </header>
20817
20818            <p>かき混ぜてからかける派、かけたあとは混ぜない組。醤油は気分。茶碗よりも丼でやりたい。というよりも卵をご飯にかけるという所業を結構大きくなってから吉野家の牛丼で覚えたので、かき混ぜてからかけるし丼でやる。TKG Advent Calendar 2014ももう8日目か。</p>
20819          </section>
20820        </a>
20821
20822
20823        <a href="/blog/webdesign/css-class-naming-rule">
20824          <section class="excerpt">
20825            <header>
20826              <p class="date"><time datetime="2014-12-07T02:20:57+09:00">7日</time></p>
20827
20828              <h3>クラス名の命名規定</h3>
20829            </header>
20830
20831            <p>pixivのCSSで使われるクラス名ルールという命名規則の記事を読んでいた。初見では大規模だとBEMの衝突が絶対に起きない書き方の方が優れているように思えた。しかし衝突するであろうことに警報を出すという形にゆるくすることで、開発者たちに自由を与えるというような目的でこうなっているようだ。ちょっと興味深い。</p>
20832          </section>
20833        </a>
20834
20835
20836        <a href="/blog/misc/thursday-poem">
20837          <section class="excerpt">
20838            <header>
20839              <p class="date"><time datetime="2014-12-06T00:58:37+09:00">6日</time></p>
20840
20841              <h3>木曜日のポエム</h3>
20842            </header>
20843
20844            <p>今年は木曜日に内向的な性格の強い記事、ざっくり言うとポエムなどと揶揄されるような記事を書くようにしていた。週で考えるとタイミングとしては良かったような気がする。</p>
20845          </section>
20846        </a>
20847
20848
20849        <a href="/blog/coding/recursive-function-in-sass">
20850          <section class="excerpt">
20851            <header>
20852              <p class="date"><time datetime="2014-12-05T01:19:17+09:00">5日</time></p>
20853
20854              <h3>Sassでの関数の再帰呼び出し</h3>
20855            </header>
20856
20857            <p>ちょっとした事情で20回ほど再帰呼び出しする関数をSassで書いたらコンパイラーが落ちた。これは単に関数にバグがあっただけだった。100回程再帰呼び出しする関数を書いてみたが、これは落ちた……と思ったらこれも間違えて無限ループさせてただけだった……。ちゃんと書いてちゃんと限界を確認した。</p>
20858          </section>
20859        </a>
20860
20861
20862        <a href="/blog/blog/encounter">
20863          <section class="excerpt">
20864            <header>
20865              <p class="date"><time datetime="2014-12-04T02:19:35+09:00">4日</time></p>
20866
20867              <h3>ゆるやかな出会い</h3>
20868            </header>
20869
20870            <p>内容に曖昧なところの少ない公式文書や仕様書、あるいはWikipediaの項目などのみをリンクで参照する形でウェブログの記事が書かれることが多くなった。孫引きや孫々引きのような記事は減り、全体的な記事の質は比べ物にならないくらい上がった。その一方でゆるやかな繋がりは死に、それに伴うゆるやかな出会いは消滅した。</p>
20871          </section>
20872        </a>
20873
20874
20875        <a href="/blog/webdesign/i-changed-my-mind-in-2014">
20876          <section class="excerpt">
20877            <header>
20878              <p class="date"><time datetime="2014-12-03T12:49:32+09:00">3日</time></p>
20879
20880              <h3>2014年の宗旨替え</h3>
20881            </header>
20882
20883            <p>移り変わりが激しい世界なので、去年まで当たり前のようにやっていたことを、今年はまったくやらなくなったりすることはよくある。僕は遂に諦めてCSSの定義(プロパティーと値のセット)を書く順
20883序をアルファベット順に統一した。去年はシンプルなクラス名からBEMへの変更だった。</p>
20884          </section>
20885        </a>
20886
20887
20888        <a href="/blog/misc/laying-out-the-blanket">
20889          <section class="excerpt">
20890            <header>
20891              <p class="date"><time datetime="2014-12-02T13:01:50+09:00">2日</time></p>
20892
20893              <h3>毛布をかけずに敷く</h3>
20894            </header>
20895
20896            <p>TwitterのTLで流れてきてた毛布をかけるのではなく敷くのを試してみている。確かに暖かい。熱が上に逃げるから、下に暖かさが維持できるものがあると効率的ということなのかな? ただ断熱性の高い羽毛布団のような掛け布団は必須そう。</p>
20897          </section>
20898        </a>
20899
20900
20901        <a href="/blog/internet/well-prepared-tech-advent-calendar">
20902          <section class="excerpt">
20903            <header>
20904              <p class="date"><time datetime="2014-12-01T13:07:06+09:00">1日</time></p>
20905
20906              <h3>ギジュツケー・アドベント・カレンダー</h3>
20907            </header>
20908
20909            <p>技術系アドベント・カレンダーもすっかり定着した感じだ。この(多分)独特の(色々)ゆるゆるな感じのものも悪くはないが、もっとしっかりと準備されたものもあった方が良いのではないかと去年くらいから思ってる。</p>
20910          </section>
20911        </a>
20912
20913          </section>
20914          <section>
20915            <h2><time datetime="2014-11">2014年11月</time></h2>
20916
20917        <a href="/blog/webdesign/wrapping-task-runner-with-npm-run-script">
20918          <section class="excerpt">
20919            <header>
20920              <p class="date"><time datetime="2014-11-30T11:48:47+09:00">30日</time></p>
20921
20922              <h3>タスク・ランナーをnpm run-scriptでラップ</h3>
20923            </header>
20924
20925            <p>npm で依存もタスクも一元化するという記事を興味深く読んだ。僕もしばらく前、具体的にはnpm v2出た時からGruntをnpm run-scriptでラップして使っている。概ね良好に機能すると感じている。懸念であった引数で特定の処理を行わせたいようなケースもnpm v2で引数を解釈できるようになったので解決した。</p>
20926          </section>
20927        </a>
20928
20929
20930        <a href="/blog/coding/getting-grunt-alias-task-name-and-target">
20931          <section class="excerpt">
20932            <header>
20933              <p class="date"><time datetime="2014-11-29T10:16:25+09:00">29日</time></p>
20934
20935              <h3>Gruntで実行しているエイリアス・タスクの名前とターゲットの取得</h3>
20936            </header>
20937
20938            <p>Gruntのタスク内から今実行されているタスクの名前とターゲットは、それぞれthis.nameとthis.targetで取得できる。しかしエイリアス・タスク経由での実行の場合、その名前やターゲットを簡単に取得する方法は用意されてない。どうやっても拾えないかというとそうでもなく、grunt.cli.tasksにコマンドラインで実際に指定されたタスク群が配列として格納されるので、それから拾えば良い。</p>
20939          </section>
20940        </a>
20941
20942
20943        <a href="/blog/internet/twitter-site-property">
20944          <section class="excerpt">
20945            <header>
20946              <p class="date"><time datetime="2014-11-28T08:18:06+09:00">28日</time></p>
20947
20948              <h3>twitter:siteプロパティー</h3>
20949            </header>
20950
20951            <p>TwitterアナリティクスにはTwitterカードの解析が出来る機能があるのだけど、単にウェブサイトにTwitterカードを設置しただけでは解析してくれなかった。どうやれば良いのか全然わからなかったけど、どうやらtwitter:creatorだけでなくtwitter:siteプロパティーも設定してやる必要があるようだ。</p>
20952          </section>
20953        </a>
20954
20955
20956        <a href="/blog/webdesign/less-than-and-or-more">
20957          <section class="excerpt">
20958            <header>
20959              <p class="date"><time datetime="2014-11-27T07:38:43+09:00">27日</time></p>
20960
20961              <h3>未満と以上</h3>
20962            </header>
20963
20964            <p>8 Facesというタイポグラフィーの雑誌では毎回インタビューが載っている。そのインタビューで触れられた書体をまとめたTypographer’s typefacesという記事ではGeorgiaやVerdanaを始め、Gotham、FF Scala (Sans)と素晴らしい書体が挙げられている。これらの書体が良いものであることはほぼ疑いがないが、その良さには多少の誤解が含まれるのではないかと感じる。</p>
20965          </section>
20966        </a>
20967
20968
20969        <a href="/blog/media/nine-stories">
20970          <section class="excerpt">
20971            <header>
20972              <p class="date"><time datetime="2014-11-26T07:06:56+09:00">26日</time></p>
20973
20974              <h3>ナイン・ストーリーズ</h3>
20975            </header>
20976
20977            <p>
20977読もうと思ったらなかったのでナイン・ストーリーズを買って読んでた。3回目くらいの新潮文庫版。いつ読んでもすっきりしなくて、難解な小説を読んだ的な満腹感があって楽しい。</p>
20978          </section>
20979        </a>
20980
20981
20982        <a href="/blog/webdesign/csswring-and-css-mqpacker-v2.0.0">
20983          <section class="excerpt">
20984            <header>
20985              <p class="date"><time datetime="2014-11-25T09:12:11+09:00">25日</time></p>
20986
20987              <h3>CSSWringとCSS MQPackerのv2.0.0をリリース</h3>
20988            </header>
20989
20990            <p>CSSWringとCSS MQPackerをPostCSS v3に更新したものをリリースした。どのバージョンを上げるか迷ったが、メジャー・バージョンアップして気持ち悪いのは自分だけなので、ユーザーに混乱を与えないようにメジャー・バージョンを上げることにした。</p>
20991          </section>
20992        </a>
20993
20994
20995        <a href="/blog/webdesign/data-uri-for-a-favicon">
20996          <section class="excerpt">
20997            <header>
20998              <p class="date"><time datetime="2014-11-24T05:53:35+09:00">24日</time></p>
20999
21000              <h3>ファビコンでData URIは使えるか</h3>
21001            </header>
21002
21003            <p>ちょっとした理由があって、外部リソースにまったく依存しないページを作る必要があった。大抵のもののインライン化については知識があったã
21003®ã ã‘ど、ファビコンをData URIでインライン化できるかはよく知らなかったため簡単なテスト・ページを作って調べてみたが、ChromeやFirefoxでは大丈夫なようだった。</p>
21004          </section>
21005        </a>
21006
21007
21008        <a href="/blog/webdesign/too-big">
21009          <section class="excerpt">
21010            <header>
21011              <p class="date"><time datetime="2014-11-23T04:38:09+09:00">23日</time></p>
21012
21013              <h3>大きすぎるヒーロー・イメージ</h3>
21014            </header>
21015
21016            <p>Your hero image is too big and here’s why it worksという記事を読んだ。ヒーロー・イメージとはアイキャッチ画像のことと言っても良い。初見では少し誤読したが、どうもヒーロー・イメージによりユーザーの目的達成をサポートできると主張したいようだ。</p>
21017          </section>
21018        </a>
21019
21020
21021        <a href="/blog/gadget/osouji-yokusou">
21022          <section class="excerpt">
21023            <header>
21024              <p class="date"><time datetime="2014-11-22T03:11:31+09:00">22日</time></p>
21025
21026              <h3>おそうじ浴槽</h3>
21027            </header>
21028
21029            <p>新しい風呂はノーリツの快適オプションのひとつのおそうじ浴槽機能付きのものになった。風呂場の外に設置されたリモコンのボタンを押すだけで15分くらいで浴槽がまずまずきれいに洗われる。ゴボゴボゴボブシャージャバジャバゴボゴボゴボゴボ。やることは毎日ボタンを押すのとたまにバスマジックリンを補充するだけ。</p>
21030          </section>
21031        </a>
21032
21033
21034        <a href="/blog/coding/output-changes-on-handlebarsjs-v2.0.0">
21035          <section class="excerpt">
21036            <header>
21037              <p class="date"><time datetime="2014-11-21T01:44:13+09:00">21日</time></p>
21038
21039              <h3>Handlebars.js v2.0.0における出力の変化</h3>
21040            </header>
21041
21042            <p>Handlebars.jsのv2.0.0が9月に出ていたようだ。今更気付いたので更新してみたら、出力が少し変わっていた。改行や空白の扱いがMustacheのspec通りになったということらしい。パーシャルで親テンプレートのインデントが継承されたり、改行が二重にならなくなったりと、おおよそ直観的な出力に変わったと言えそう。</p>
21043          </section>
21044        </a>
21045
21046
21047        <a href="/blog/coding/markdown-reference-style-links">
21048          <section class="excerpt">
21049            <header>
21050              <p class="date"><time datetime="2014-11-20T03:38:23+09:00">20日</time></p>
21051
21052              <h3>Markdownの参照形式によるリンク</h3>
21053            </header>
21054
21055            <p>Markdownでリンクを作成する方法には2種類ある。インラインで記述する方法が最もよく使われており、必ずHTMLに変換するということならばこれだけで十分とも言える。もうひとつの参照形式で記述する方法はほとんど使われていないが、Markdown文書をテキストとして読む場合に、ともすれば長くなりがちなURLが本文に挟まらないので格段に読みやすさが向上する。</p>
21056          </section>
21057        </a>
21058
21059
21060        <a href="/blog/software/major-update-of-dependencies">
21061          <section class="excerpt">
21062            <header>
21063              <p class="date"><time datetime="2014-11-19T08:57:22+09:00">19日</time></p>
21064
21065              <h3>依存しているもののメジャー・バージョンアップ</h3>
21066            </header>
21067
21068            <p>自身のライブラリーなどにおける依存しているものがSemantic Versioningで言うところのメジャー・バージョンアップした場合、APIに互換性のない変更が加えられたということなので、動作を確認して自身のライブラリーもバージョンアップする必要がある。多くの場合、パッチ・バージョンアップで十分だが、互換性のない変更が加わったAPIを透過的に使っていた場合にどうすれば良いのかよくわからなくなった。</p>
21069          </section>
21070        </a>
21071
21072
21073        <a href="/blog/coding/read-stdin-in-csswring-cli">
21074          <section class="excerpt">
21075            <header>
21076              <p class="date"><time datetime="2014-11-18T01:47:46+09:00">18日</time></p>
21077
21078              <h3>CSSWringで標準入力を読めるように</h3>
21079            </header>
21080
21081            <p>先週末の某カンファレンスの方面から無言の圧力を感じたのã
21081§ã€CSSWringのCLIプログラムをパイプで繋げられるようにした。入力ファイルが省略されたら……で実装しようとしていたが、オプションの組み合わせの分岐がややこしい。面倒そうだったので入力ファイルとして指定した文字列が-だった場合に……で実装した。</p>
21082          </section>
21083        </a>
21084
21085
21086        <a href="/blog/coding/postcss-v3">
21087          <section class="excerpt">
21088            <header>
21089              <p class="date"><time datetime="2014-11-17T02:51:26+09:00">17日</time></p>
21090
21091              <h3>PostCSS v3の変更点</h3>
21092            </header>
21093
21094            <p>PostCSS v3.0.0がリリースされ、かなり高速化した。一部互換性のないAPIの変更があるが、多くは内部的な変更でそれほど影響はないような印象だ。</p>
21095          </section>
21096        </a>
21097
21098
21099        <a href="/blog/webdesign/cropping-underline">
21100          <section class="excerpt">
21101            <header>
21102              <p class="date"><time datetime="2014-11-16T16:28:59+09:00">16日</time></p>
21103
21104              <h3>下線のクロッピング</h3>
21105            </header>
21106
21107            <p>Smarter Link Underlines For Every WebsiteというMediumのリンクの下線のアレをStylusのミックスインにしたものについての記事を読んでいた。記事そのものは普通(か劣化したもの)で新たな発見は特にないが、下線のクロッピングはブラウザー・レベルじゃないと難しそうだという印象を改めて持った。</p>
21108          </section>
21109        </a>
21110
21111
21112        <a href="/blog/misc/dreaming-20141115">
21113          <section class="excerpt">
21114            <header>
21115              <p class="date"><time datetime="2014-11-15T13:23:35+09:00">15日</time></p>
21116
21117              <h3>夢(2014年11月15日)</h3>
21118            </header>
21119
21120            <p>サンレッドが出てきた夢を見た。川崎市のアレ。サキューンのところに今から遊びに行くとか言ってて、「寒そうですねー」みたいにしゃべってた。ふとTシャツ見たら「東京砂漠」って書いてあったけどツッコめなかった。ちゃんとわかるオチがついてる夢は初めて見た気がする。</p>
21121          </section>
21122        </a>
21123
21124
21125        <a href="/blog/gadget/abitax-tag-light">
21126          <section class="excerpt">
21127            <header>
21128              <p class="date"><time datetime="2014-11-14T14:10:07+09:00">14日</time></p>
21129
21130              <h3>Abitax Tag Light</h3>
21131            </header>
21132
21133            <p>キーホルダーにつけていたLEDのハンディライトが歪んでしまい接触が悪くなった。もっとコンパクト(今までのは単4乾電池くらいのサイズだった)で常時点灯に切り替えられるものを探しててAbitaxのTag Lightを雑貨屋で見かけて買った。現行モデルが税込み800円くらいで投げ売りされてた。</p>
21134          </section>
21135        </a>
21136
21137
21138        <a href="/blog/internet/zatsu">
21139          <section class="excerpt">
21140            <header>
21141              <p class="date"><time datetime="2014-11-13T13:01:07+09:00">13日</time></p>
21142
21143              <h3>雑</h3>
21144            </header>
21145
21146            <p>雑な情報を知りたい。キュレーション・メディアに偏ると、知りたいことを集めることしかできないので世界が広がらない。有名人ベースだと多少改善されるけれども、彼らもまた自分のあるべき姿みたいなイメージを持って活動しがちであるので、あまり意味が無い。</p>
21147          </section>
21148        </a>
21149
21150
21151        <a href="/blog/coding/extract-bat">
21152          <section class="excerpt">
21153            <header>
21154              <p class="date"><time datetime="2014-11-12T10:48:18+09:00">12日</time></p>
21155
21156              <h3>extract.bat</h3>
21157            </header>
21158
21159            <p>遂にNoahを、というか統合アーカイバープロジェクトのDLLを捨てることに決めて、何か良さそうな解凍専用ソフトウェアを探してた。けれどこれというものを見つけられなかったã
21159®ã§ã€ã‚µãƒãƒ¼ãƒˆã—ているフォーマットが多い7-ZipのCLIを叩くバッチファイルにした。</p>
21160          </section>
21161        </a>
21162
21163
21164        <a href="/blog/webdesign/source-sans-pro-google-fonts-version">
21165          <section class="excerpt">
21166            <header>
21167              <p class="date"><time datetime="2014-11-11T17:29:21+09:00">11日</time></p>
21168
21169              <h3>Google Fonts版のSource Sans Pro</h3>
21170            </header>
21171
21172            <p>Google Fonts版のSource Sans Proはオリジナルと微妙に違うところがある。多くはほとんど気づかないようなものだが、稀に顕著に現れることもあり困る。僕が今まで気づいた中で最も顕著なものはExtra Lightを使った時に38px以上にすると、文字のストロークがExtra Lightに見えない程度に太くなってしまうという問題だ。</p>
21173          </section>
21174        </a>
21175
21176
21177        <a href="/blog/misc/new-bath">
21178          <section class="excerpt">
21179            <header>
21180              <p class="date"><time datetime="2014-11-10T09:45:52+09:00">10日</time></p>
21181
21182              <h3>風呂が生えた</h3>
21183            </header>
21184
21185            <p>4日くらいで風呂生えた。バスマジックリン入れると自動でお掃除できる最先端の風呂に入る人類に進化できた。LED照明で電球色になったけど、あまり違和感はなさそうな感じで良かった。技術の進歩楽しい。</p>
21186          </section>
21187        </a>
21188
21189
21190        <a href="/blog/software/scrolling-in-conemu">
21191          <section class="excerpt">
21192            <header>
21193              <p class="date"><time datetime="2014-11-09T11:16:08+09:00">9日</time></p>
21194
21195              <h3>ConEmuでのスクロール</h3>
21196            </header>
21197
21198            <p>ConEmuではBuild 141022辺りから、画面のスクロールが変更され独自にスクロールされるようになった。今までは隠されたコマンド・プロンプト画面をスクロールさせ、それをコピーした画面を表示していたけどそうじゃなくなったことにより、スクロールがおかしくなって出力が重なることがなくなった。clsする頻度が大きく減って助かる。</p>
21199          </section>
21200        </a>
21201
21202
21203        <a href="/blog/misc/disposing-of-gold-point-card">
21204          <section class="excerpt">
21205            <header>
21206              <p class="date"><time datetime="2014-11-08T09:17:59+09:00">8日</time></p>
21207
21208              <h3>ゴールドポイント・カードの廃棄</h3>
21209            </header>
21210
21211            <p>ヨドバシカメラのゴールドポイント・カードを廃棄した。渡したら「あっはい」みたいな感じで即廃棄してくれるかと思ったら「えっ?」みたいな応対だった。廃棄の際にデータの削除も行う場合は身分証が必要で、残ったポイントの削除への了承も必要だった。無事、廃棄でき、財布からカードが一枚減った。</p>
21212          </section>
21213        </a>
21214
21215
21216        <a href="/blog/webdesign/node-csswring-v1.3.1">
21217          <section class="excerpt">
21218            <header>
21219              <p class="date"><time datetime="2014-11-07T20:02:59+09:00">7日</time></p>
21220
21221              <h3>CSSWring v1.3.1</h3>
21222            </header>
21223
21224            <p>CSSWringのv1.3.1をリリースした。色のパースに失敗した後に例外で落ちる不具合への対策と:not()内の空白を全削除してしまうバグの修正が入った。</p>
21225          </section>
21226        </a>
21227
21228
21229        <a href="/blog/webdesign/print-css-and-its-performance">
21230          <section class="excerpt">
21231            <header>
21232              <p class="date"><time datetime="2014-11-06T18:59:51+09:00">6日</time></p>
21233
21234              <h3>印刷向けCSSとそのパフォーマンス</h3>
21235            </header>
21236
21237            <p>Does a print CSS file slow your site down?という印刷向けCSSの書き方によるパフォーマンスの違いについての記事を読んだ。この辺りの話はクリティカルなんちゃらのあれなので特に目新しくはないのだけど、最近のChromeが賢くなっているのはちょっと驚いた。</p>
21238          </section>
21239        </a>
21240
21241
21242        <a href="/blog/gadget/camper-mil-chelsea-boots">
21243          <section class="excerpt">
21244            <header>
21245              <p class="date"><time datetime="2014-11-05T10:18:38+09:00">5日</time></p>
21246
21247              <h3>Camperのサイドゴア・ブーツ</h3>
21248            </header>
21249
21250            <p>8年くらい履いてたシャーク・ソールのブーツがそろそろ寿命っぽいので、去年辺りからブーツを探していた。サイドゴア・ブーツのぬるっとした見た目が好きなので、ドレスっぽくなくカジュアルすぎないものを色々探した結果、CamperのMilシリーズのサイドゴア・ブーツを買った。32400円。</p>
21251          </section>
21252        </a>
21253
21254
21255        <a href="/blog/misc/no-bath">
21256          <section class="excerpt">
21257            <header>
21258              <p class="date"><time datetime="2014-11-04T19:08:28+09:00">4日</time></p>
21259
21260              <h3>風呂がないぞ</h3>
21261            </header>
21262
21263            <p>家に風呂がないと、台所の流しで頭を洗う羽目になり、いちじるしく人の尊厳を奪われる。お掃除機能付きのバスタブで天上人になる予定なので、しばらく未開人で我慢する……と思ったけど、川とかで全身洗ってるであろう未開人の方が人として格上な気がしてきた。</p>
21264          </section>
21265        </a>
21266
21267
21268        <a href="/blog/misc/rip-mootopia-lace">
21269          <section class="excerpt">
21270            <header>
21271              <p class="date"><time datetime="2014-11-03T10:13:35+09:00">3日</time></p>
21272
21273              <h3>R.I.P. Merrell Mootpia Lace</h3>
21274            </header>
21275
21276            <p>2013年の5月に買ったと書いたMerrellのMootopia Laceがアウトソールの踵部分に穴が空き、ダメになった。実際に買ったã
21276®ã¯2012年の終わりだったのでほぼ2年。履き潰した感想を書いておく。</p>
21277          </section>
21278        </a>
21279
21280
21281        <a href="/blog/software/vim-css3-syntax-v0.13.0">
21282          <section class="excerpt">
21283            <header>
21284              <p class="date"><time datetime="2014-11-02T10:15:30+09:00">2日</time></p>
21285
21286              <h3>vim-css3-syntax v0.13.0</h3>
21287            </header>
21288
21289            <p>HTML5ということでキリが良さそうなのでvim-css3-syntaxのマイナー・バージョンを更新した。v0.12.0からはCounter StylesやFlexible Box Layoutが更新され、見捨てられたHyperlinks PresentationやMarqueeが削除されている。</p>
21290          </section>
21291        </a>
21292
21293
21294        <a href="/blog/webdesign/google-fonts-and-its-life">
21295          <section class="excerpt">
21296            <header>
21297              <p class="date"><time datetime="2014-11-01T09:27:02+09:00">1日</time></p>
21298
21299              <h3>Google Fontsはいつまであるのか?</h3>
21300            </header>
21301
21302            <p>Will Google Fonts Ever Be Shut Down?という記事を読んだ。とてつもない数のウェブサイトで利用されているGoogle Fontsが果たしていつまで無料で自由に使えるままなのかを、今のGoogle Fontsの状態とその持つ意味から考察されてる。現状ではメリットがあるので提供しているけれども、それがコストに見合わなくなったらすぐやめるんじゃないかみたいな悲観的な観測で終わる。</p>
21303          </section>
21304        </a>
21305
21306          </section>
21307          <section>
21308            <h2><time datetime="2014-10">2014年10月</time></h2>
21309
21310        <a href="/blog/internet/resolve-302-found-with-cloudflare">
21311          <section class="excerpt">
21312            <header>
21313              <p class="date"><time datetime="2014-10-31T17:51:22+09:00">31日</time></p>
21314
21315              <h3>GitHub Pagesとwwwなしドメイン</h3>
21316            </header>
21317
21318            <p>wwwなしドメインをGitHub Pagesで運営しようとAレコードを使って設定すると、全てのリクエストが302 Foundで処理されるようになる。特に実用上の問題はないが、パフォーマンス上のデメリットは大きい。www付きで運営するのが手っ取り早いが、wwwなしでどうしても運営したい場合はCloudflare経由にするのがコストが低い解決法だろう。</p>
21319          </section>
21320        </a>
21321
21322
21323        <a href="/blog/webdesign/dont-process-css-libraries">
21324          <section class="excerpt">
21325            <header>
21326              <p class="date"><time datetime="2014-10-30T08:33:49+09:00">30日</time></p>
21327
21328              <h3>CSSライブラリーはそのままでどうぞ</h3>
21329            </header>
21330
21331            <p>Normalize.cssを始めとして、Twitter BootstrapやPureに至るまでCSSのライブラリーは数多くある。それらはそれなりに気をつけて作られているが、他のライブラリーと混ぜることはもとより、ページ制作者のCSSと混ぜることは想定されていない。単純にlink要素を使って先に読ませるか連結するだけで使わないと、開発者はもちろんそれらが使われているページのユーザーにも意図しない不具合が起きる可能性がある。</p>
21332          </section>
21333        </a>
21334
21335
21336        <a href="/blog/coding/grunt-verbose-log">
21337          <section class="excerpt">
21338            <header>
21339              <p class="date"><time datetime="2014-10-29T08:27:35+09:00">29日</time></p>
21340
21341              <h3>grunt.verbose.log</h3>
21342            </header>
21343
21344            <p>最近、多くの公式Gruntプラグインでログの出力が変わった(メンテナーによって違う)。正常に動作した時は何も出さず、エラーがあった時にのみエラー・メッセージを出すという形。ただし--verboseオプションを付けた場合には何をやったのかを確認できるようにgrunt.verbose.logを使うようになっている。</p>
21345          </section>
21346        </a>
21347
21348
21349        <a href="/blog/internet/github-pages-and-content-type-header">
21350          <section class="excerpt">
21351            <header>
21352              <p class="date"><time datetime="2014-10-28T08:58:43+09:00">28日</time></p>
21353
21354              <h3>GitHub PagesとContent-Typeヘッダー</h3>
21355            </header>
21356
21357            <p>GitHub Pagesでは未知のファイルはapplication/octet-streamで配信される。未知のファイルとは未知の拡張子を持つファイルと拡張子を持たないファイルの二つに分けられる。例えばこのウェブサイトのRSSフィードは拡張子なしのfeedというファイルのため、適切なContent-Type (application/rss+xml)で配信されていない。</p>
21358          </section>
21359        </a>
21360
21361
21362        <a href="/blog/webdesign/aspect-ratio-feature">
21363          <section class="excerpt">
21364            <header>
21365              <p class="date"><time datetime="2014-10-27T05:15:17+09:00">27日</time></p>
21366
21367              <h3>aspect-ratio特性</h3>
21368            </header>
21369
21370            <p>ビューポートが16:9以上かどうかの判定にaspect-ratioを使って行おうとしていた。が、min-aspect-ratio: 16/9でうまく動かず、もしや未実装かとあーでもないこーでもないと色々やってたら、単にmax-aspect-ratioでやるべきなだけだった。</p>
21371          </section>
21372        </a>
21373
21374
21375        <a href="/blog/misc/shoe-sore-and-band-aid-active-flex">
21376          <section class="excerpt">
21377            <header>
21378              <p class="date"><time datetime="2014-10-26T03:39:15+09:00">26日</time></p>
21379
21380              <h3>靴擦れとキズパワーパッド</h3>
21381            </header>
21382
21383            <p>新しい靴を買っておろしたら、10数年ぶりくらいに靴擦れになった。踵とかではなくて右の薬指の上。指にできたのは記憶になくて、こんなところにもできるんだ……という感じだった。</p>
21384          </section>
21385        </a>
21386
21387
21388        <a href="/blog/webdesign/processing-at-import-directive-with-clean-css">
21389          <section class="excerpt">
21390            <header>
21391              <p class="date"><time datetime="2014-10-25T08:23:03+09:00">25日</time></p>
21392
21393              <h3>Clean CSSと@importのインライン展開</h3>
21394            </header>
21395
21396            <p>最近のClean CSSには@importで参照しているCSSを読み込んでインライン展開する機能がある。この機能を使うとGitやBowerを使ってNormalize.cssやTwitter Bootstrapをローカルにダウンロードし(、リネームし)ておいて……などとしなくて済むので、CSSライブラリーの管理の手間がだいぶ減る。</p>
21397          </section>
21398        </a>
21399
21400
21401        <a href="/blog/webdesign/meaningless-eyecatch">
21402          <section class="excerpt">
21403            <header>
21404              <p class="date">
21404<time datetime="2014-10-24T02:13:12+09:00">24日</time></p>
21405
21406              <h3>無意味なアイキャッチ画像</h3>
21407            </header>
21408
21409            <p>ここのところ、このウェブログの記事にアイキャッチ画像があることが多い。そんな中、大きな画像がファースト・ビューにあることについてのツイートを見て、確かに大きな画像のおかげで読みたくなくなることもあるなと考えさせられた。このウェブログでも少なくとも無意味な(昨日の記事のような)アイキャッチ画像は止めようと決めた。</p>
21410          </section>
21411        </a>
21412
21413
21414        <a href="/blog/blog/responsibility-of-contents">
21415          <section class="excerpt">
21416            <header>
21417              <p class="date"><time datetime="2014-10-23T04:17:12+09:00">23日</time></p>
21418
21419              <h3>コンテンツの責任</h3>
21420            </header>
21421
21422            <p>POSSEのようなやり方は主にコンテンツの所有権を明確に自分に帰属させようという目的を持って選択される。所有権の明確化は、同時にコンテンツの責任が自分にあることも明確にされることでもある。逆に言うとPOSSEのようなやり方が流行らないのは、そういった責任を放棄したいと考えている人が多いからなのかもしれない。</p>
21423          </section>
21424        </a>
21425
21426
21427        <a href="/blog/internet/posse">
21428          <section class="excerpt">
21429            <header>
21430              <p class="date"><time datetime="2014-10-22T03:32:50+09:00">22日</time></p>
21431
21432              <h3>POSSE: Publish Own Site, Syndicate Elsewhere</h3>
21433            </header>
21434
21435            <p>POSSEは「自分のとこで公開して、他のとこへ配信しよう!」というようなやり方。コンテンツの所有権や、サード・パーティーのサービスへの依存度、安定したURLとそれに伴うオリジナルの発見性の高さ、検索性などの点で利点があるとされている。</p>
21436          </section>
21437        </a>
21438
21439
21440        <a href="/blog/coding/testing-normalize-scss">
21441          <section class="excerpt">
21442            <header>
21443              <p class="date"><time datetime="2014-10-21T04:10:39+09:00">21日</time></p>
21444
21445              <h3>Modularized Normalize.scssのテスト</h3>
21446            </header>
21447
21448            <p>Normalize.cssがv3.0.2に更新されていたので、Modularized Normalize.scssも更新した。変更点はmenu要素の追加とIE10でのa要素の背景削除がbackground-colorプロパティーのみに変わったことで、大きな変化はない。で、追随したv3.0.2をリリース後、テストを少し書き換えたã€
21448‚</p>
21449          </section>
21450        </a>
21451
21452
21453        <a href="/blog/rss/reading-in-feedly">
21454          <section class="excerpt">
21455            <header>
21456              <p class="date"><time datetime="2014-10-20T04:02:38+09:00">20日</time></p>
21457
21458              <h3>Feedlyでのフィードの分類</h3>
21459            </header>
21460
21461            <p>Feedlyでは今は亡きGoogle Readerや不死鳥のごとく蘇った(蘇る予定の)livedoor Readerのように全文表示の状態でサクサク読むのはUI的にもパフォーマンス的にも難しい。読む必要があるフィードとそうでないフィードを分類することは、Feedlyではより重要だと言える。</p>
21462          </section>
21463        </a>
21464
21465
21466        <a href="/blog/software/ignoreing-bower_components-directory-in-scss-lint">
21467          <section class="excerpt">
21468            <header>
21469              <p class="date"><time datetime="2014-10-19T15:41:11+09:00">19日</time></p>
21470
21471              <h3>SCSS Lintでbower_componentsディレクトリーを無視する</h3>
21472            </header>
21473
21474            <p>SCSS Lintでは**/*.scssなどといった指定でカレント・ディレクトリー以下のSCSSファイルを一気にチェックできる。けどBowerでインストールしたSassパーシャルなどは通らないことが多いので、bower_componentsディレクトリーは無視する方が効率が良い。その場合は設定ファイルでexcludeを使う。</p>
21475          </section>
21476        </a>
21477
21478
21479        <a href="/blog/internet/digg-deeper">
21480          <section class="excerpt">
21481            <header>
21482              <p class="date"><time datetime="2014-10-18T02:29:10+09:00">18日</time></p>
21483
21484              <h3>Digg Deeper</h3>
21485            </header>
21486
21487            <p>DiggにはDigg Deeperという機能がある。連携したソーシャル・ネットワークで複数回シェアされたURLをメールで送ってくれるというもの。メールの他にiOSアプリでの通知やDigg Readerでも読むことができる。</p>
21488          </section>
21489        </a>
21490
21491
21492        <a href="/blog/webdesign/declaration-just-once">
21493          <section class="excerpt">
21494            <header>
21495              <p class="date"><time datetime="2014-10-17T03:54:39+09:00">17日</time></p>
21496
21497              <h3>定義ごとにまとめたルールセット</h3>
21498            </header>
21499
21500            <p>CSS, DRY, and Code Optimizationという記事を読んだ。この記事ではメンテナンス性を重視したCSSの最適化について書かれている。いわゆる自然な書き方、つまりHTMLの構造をストレートに反映させたルールセットごとに定義(プロパティーと値のセット)を書いていくよりも、定義ごとにルールセットを作成してそれにセレクターを複数割り当てていく方が優れているという。</p>
21501          </section>
21502        </a>
21503
21504
21505        <a href="/blog/internet/static-file-only-hosting">
21506          <section class="excerpt">
21507            <header>
21508              <p class="date"><time datetime="2014-10-16T02:13:26+09:00">16日</time></p>
21509
21510              <h3>静的ファイルのみのホスティング</h3>
21511            </header>
21512
21513            <p>ここしばらく使わせやすい静的ファイルのみをホスティングしてくれるサービスを探している。理想としては特定のローカル・ディレクトリーがそのまま公開されるようなサービスだ。FTPフォルダー的なものを実現するクライアントまで用意されているサービスだと言っても良い。</p>
21514          </section>
21515        </a>
21516
21517
21518        <a href="/blog/internet/publishing-feed-via-pubsubhubbbub-using-github-webhooks">
21519          <section class="excerpt">
21520            <header>
21521              <p class="date"><time datetime="2014-10-15T00:55:54+09:00">15日</time></p>
21522
21523              <h3>GitHubのwebhooks経由でのPubSubHubbubによるフィードの更新通知</h3>
21524            </header>
21525
21526            <p>PubSubHubbubでフィードの更新通知を行う場合、当然RSSやらが更新された後に行う必要がある。GitHub Pagesにウェブサイトをホスティングさせている場合、ビルドにどれくらい時間がかかるかは不定なので、ローカルで行うことは難しい。しかし、当該リポジトリでwebhookをうまく作成してやると、ビルド完了後に自動で更新通知を行わせることが出来るようだ。</p>
21527          </section>
21528        </a>
21529
21530
21531        <a href="/blog/internet/hello-github-pages">
21532          <section class="excerpt">
21533            <header>
21534              <p class="date"><time datetime="2014-10-14T10:12:54+09:00">14日</time></p>
21535
21536              <h3>GitHub Pagesへ移行した</h3>
21537            </header>
21538
21539            <p>好みの問題でJekyllはどうしても使う気になれなã
21539„のでビルド・システムはそのままに、ホスティング先をGitHub Pagesに移動した。DNS設定もTTL通り5分で反映され、www付きのリダイレクトもうまくいっているようだ。</p>
21540          </section>
21541        </a>
21542
21543
21544        <a href="/blog/software/using-git-grep-with-vim">
21545          <section class="excerpt">
21546            <header>
21547              <p class="date"><time datetime="2014-10-13T00:59:45+09:00">13日</time></p>
21548
21549              <h3>git grepをVimで使う</h3>
21550            </header>
21551
21552            <p>Gitのgrepサブコマンドは通常Gitリポジトリーでしか使えない。しかし--no-indexオプションを付けると、Gitリポジトリーではないディレクトリーでも検索できる(もちろんGitリポジトリーでも)。Vimからももちろん使えるので、ackちょっと遅い、ag入れるのが面倒くさい、MSYS上で使ってるとjvgrepの出力が稀におかしい、などの理由でgrepに戻ったりしてる人はgit grepを使うのも良さそう。</p>
21553          </section>
21554        </a>
21555
21556
21557        <a href="/blog/gadget/white-plain-t-shirt">
21558          <section class="excerpt">
21559            <header>
21560              <p class="date"><time datetime="2014-10-12T00:07:24+09:00">12日</time></p>
21561
21562              <h3>白の無地Tシャツ</h3>
21563            </header>
21564
21565            <p>GAPのClassic.Tがついに終息したらしく、店頭から消えた。新しいEssential crewneckは薄くなってる上にちょっと肌触りが違う感じがする。生地の厚さや着丈、首の開き具合、丈夫さ、タグ無し、そして値段などさまざまな点でGAPのClassic.Tは気に入っていたので、これと同じくらい気に入る白の無地Tシャツを探すのは大変そう。</p>
21566          </section>
21567        </a>
21568
21569
21570        <a href="/blog/webdesign/fixed-pseudo-element-on-mobile-safari-8">
21571          <section class="excerpt">
21572            <header>
21573              <p class="date"><time datetime="2014-10-11T01:01:39+09:00">11日</time></p>
21574
21575              <h3>Mobile Safari 8でposition: fixedした擬似要素が完全に位置が固定されない</h3>
21576            </header>
21577
21578            <p>Style GuideをMobile Safari 8で確認していて気づいたのだけど、擬似要素をposition: fixedした場合、スクロールしている最中は位置が変化しないようだ。つまりスクロールを止めた後で位置がアップデートされるので、他のブラウザーのように完全に位置が固定されない。</p>
21579          </section>
21580        </a>
21581
21582
21583        <a href="/blog/webdesign/wrapping-in-pre-element">
21584          <section class="excerpt">
21585            <header>
21586              <p class="date"><time datetime="2014-10-09T22:44:27+09:00">9日</time></p>
21587
21588              <h3>pre要素での折り返し</h3>
21589            </header>
21590
21591            <p>長らくpre要素で折り返されるようにしていたが、少し前に折り返さずにスクロールバーを表示するように変更した。主な理由は狭い画面では折り返されると読めたものではないということがはっきりとわかったからだ。しかしそこそこ広い画面では折り返された方が読みやすいし、見た目の収まりも良い。つまりメディアクエリでうまいこと分岐すると良いようだ。</p>
21592          </section>
21593        </a>
21594
21595
21596        <a href="/blog/misc/refutation">
21597          <section class="excerpt">
21598            <header>
21599              <p class="date"><time datetime="2014-10-09T12:32:37+09:00">9日</time></p>
21600
21601              <h3>反論</h3>
21602            </header>
21603
21604            <p>好きなものや気に入っているものについて否定された時に、そうじゃないだろと反論したい気になるのはわかる。しかし、往々にして反論のための論理で食ってかかることが多く、それでは溝を広げる結果にしかならない。溝を埋めることは難しいが、食ってかかってわざわざ溝を広げる必要もない。</p>
21605          </section>
21606        </a>
21607
21608
21609        <a href="/blog/webdesign/searchbox-in-footer">
21610          <section class="excerpt">
21611            <header>
21612              <p class="date"><time datetime="2014-10-08T10:27:48+09:00">8日</time></p>
21613
21614              <h3>検索ボックスのグローバル・フッターへの組み込み</h3>
21615            </header>
21616
21617            <p>検索ボックスを復活させた後、置いただけだったのをグローバル・フッターへ組み込んだ。バランスのため制作者名の位置を左に動かしたり、グローバル・フッターの文字サイズが小さくなっているのを考慮して、検索ボックスの余白を調節したりもした。</p>
21618          </section>
21619        </a>
21620
21621
21622        <a href="/blog/misc/unexpected-problem">
21623          <section class="excerpt">
21624            <header>
21625              <p class="date"><time datetime="2014-10-07T01:19:21+09:00">7日</time></p>
21626
21627              <h3>予期せぬ問題</h3>
21628            </header>
21629
21630            <p>予期せぬ問題が起き、その問題はまったく手が出せない類の問題で、ただいたずらに疲弊した。問題がどのようなものかもはっきりとはわからないため、まず専門家に確認してもらって問題をちゃんと明確にしなければならないので、それまでもやもやが続く。このような問題が起きることをまったく予期していなくて、ストレスがすごい。</p>
21631          </section>
21632        </a>
21633
21634
21635        <a href="/blog/software/colorscheme-2014-10-06">
21636          <section class="excerpt">
21637            <header>
21638              <p class="date"><time datetime="2014-10-06T10:00:23+09:00">6日</time></p>
21639
21640              <h3>カラースキーム</h3>
21641            </header>
21642
21643            <p>カラースキームはPhotoshopのスウォッチで管理する事がほとんど。多くのツールで対応ã
21643•れている業界標準というだけの理由で、特にこの形式そのものがすごく便利というわけじゃない。とりあえずどう表示させても潰れることがまずないSVGで作ってみたけど、あまり意味なさそう。</p>
21644          </section>
21645        </a>
21646
21647
21648        <a href="/blog/coding/xml2js-and-emoji">
21649          <section class="excerpt">
21650            <header>
21651              <p class="date"><time datetime="2014-10-05T11:01:23+09:00">5日</time></p>
21652
21653              <h3>xml2jsと絵文字</h3>
21654            </header>
21655
21656            <p>簡単便利なxml2jsは、パーサーにsax-jsが、ジェネレーターにxmlbuilderが使われている。指定された文字コードさえ適切なら、パーサー側は何もせずに絵文字あたりをパース可能なので問題ない。しかし、ジェネレーター側では適切なオプションが立ってないので、絵文字を含むXMLを作ろうとすると例外で落ちる。</p>
21657          </section>
21658        </a>
21659
21660
21661        <a href="/blog/software/tosdr">
21662          <section class="excerpt">
21663            <header>
21664              <p class="date"><time datetime="2014-10-04T07:50:16+09:00">4日</time></p>
21665
21666              <h3>Terms of Services; Didn’t Read</h3>
21667            </header>
21668
21669            <p>利用規約(ToS)やプライバシー・ポリシーはまじめに読むにはかなり長いことがよくある。日本語でもかなりの辛さだが、英語だと更に厳しい。その利用規約を簡単なレーティングと重要そうなポイントのリストで概要を把握できるようにしてくれるブラウザー拡張がTerms of Service; Didn’t Readだ。</p>
21670          </section>
21671        </a>
21672
21673
21674        <a href="/blog/internet/duckduckgo">
21675          <section class="excerpt">
21676            <header>
21677              <p class="date"><time datetime="2014-10-03T07:01:06+09:00">3日</time></p>
21678
21679              <h3>DuckDuckGo</h3>
21680            </header>
21681
21682            <p>iOS 8のMobile SafariでもDuckDuckGoを使えるようになったので、良い機会かなとデスクトップ等でも検索にDuckDuckGoを使うようにした。Googleプロダクトのウェブサービスで使うのはGmailだけにしたい野望にまた一歩近づいた。</p>
21683          </section>
21684        </a>
21685
21686
21687        <a href="/blog/misc/a-sense-of-incongruity">
21688          <section class="excerpt">
21689            <header>
21690              <p class="date"><time datetime="2014-10-02T07:27:50+09:00">2日</time></p>
21691
21692              <h3>違和感</h3>
21693            </header>
21694
21695            <p>違和感は明確に自分が意識していない感覚に物事が触れた時に感じられるものだ。ただし自分が違和感を感じたことを大々的に「変だ! 気持ち悪い!」などと感情的に表現してしまうとおかしな人になってしまう。そこで論理的に批判したくなるわけだが、大体において理論武装には穴や見落としがあるので、これまたおかしな人になってしまう。かといって違和感を感じたという事実を封印してしまうと、ストレスでおかしな人になってしまう。</p>
21696          </section>
21697        </a>
21698
21699
21700        <a href="/blog/webdesign/samsung-chrome">
21701          <section class="excerpt">
21702            <header>
21703              <p class="date"><time datetime="2014-10-01T04:33:14+09:00">1日</time></p>
21704
21705              <h3>古いバージョンのChromeが残ること</h3>
21706            </header>
21707
21708            <p>あるプロジェクトへのモバイル・アクセスの統計によると、Chromeのうち実に25%がSamsung製で古いバージョンのものとなっていたみたいだ。こういった古いバージョンのChromeが残ることは、Internet Explorer 6の再来的な意味も多少持つけど、それだけではない気がする。</p>
21709          </section>
21710        </a>
21711
21712          </section>
21713          <section>
21714            <h2><time datetime="2014-09">2014年9月</time></h2>
21715
21716        <a href="/blog/misc/raisin-bread">
21717          <section class="excerpt">
21718            <header>
21719              <p class="date">
21719<time datetime="2014-09-30T04:25:55+09:00">30日</time></p>
21720
21721              <h3>ぶどうパン</h3>
21722            </header>
21723
21724            <p>レーズン入りの食パン、いわゆる「ぶどうパン」という感じのやつが好き。レーズン入りのバターロールとかデニッシュじゃなくて、とにかく普通の山形食パンにレーズンがこれでもかと入ってるのが好きだ。上に砂糖がかかってないとなお良い。そのまま食べても、焼いて食べても、バターを塗っても好き。</p>
21725          </section>
21726        </a>
21727
21728
21729        <a href="/blog/webdesign/web-typography-best-practices">
21730          <section class="excerpt">
21731            <header>
21732              <p class="date"><time datetime="2014-09-29T11:20:17+09:00">29日</time></p>
21733
21734              <h3>The All-Inclusive Guide to Web Typography Best Practicesの日本語訳</h3>
21735            </header>
21736
21737            <p>ここ最近のウェブデザインにおけるタイポグラフィーについてのThe All-inclusive Guide to Web Typography Best Practicesという記事をウェブ・タイポグラフィーのベスト・プラクティスとして訳した。翻訳の元記事はSmashing Magazineの記事を2014年現在を考慮して少し補足を加えつつ、柔らかい文章でサラッと書かれていて読みやすかった。</p>
21738          </section>
21739        </a>
21740
21741
21742        <a href="/blog/internet/wundelist">
21743          <section class="excerpt">
21744            <header>
21745              <p class="date"><time datetime="2014-09-28T05:02:30+09:00">28日</time></p>
21746
21747              <h3>Wunderlist</h3>
21748            </header>
21749
21750            <p>タスク管理には、GoogleのToDoリストとiCloudのリマインダーを併用していた。少し前にToDoリストはGoogle、URLで管理できるものはPinboardとPinterestに分散というような感じに変えたけど、どこに何があるか間違えやすいのでWunderlistにまとめることにした。iOSアプリはそこそこ、ウェブ・アプリは(URLがアレだけど)使いやすい。</p>
21751          </section>
21752        </a>
21753
21754
21755        <a href="/blog/software/the-scourge-of-helvetica-neue-light">
21756          <section class="excerpt">
21757            <header>
21758              <p class="date"><time datetime="2014-09-27T17:42:39+09:00">27日</time></p>
21759
21760              <h3>安易なコピー</h3>
21761            </header>
21762
21763            <p>Appleがその利用を拡大しているHelvetica Neue Lightが他でも使われるようになっていることについての記事、The Scourge of Helvetica Neue Lightを読んだ。直訳すると「Helvetica Neue Lightという悪」。大意としては文章に使うにしろUIに使うにしろOS XやiOSのDynamic Type機能のようなものがあって光るものなので、そのまま利用しても害にしかならないというような話。</p>
21764          </section>
21765        </a>
21766
21767
21768        <a href="/blog/software/installed-non-installer-software">
21769          <section class="excerpt">
21770            <header>
21771              <p class="date"><time datetime="2014-09-26T03:11:03+09:00">26日</time></p>
21772
21773              <h3>インストーラーを使わないで入れているソフトウェア</h3>
21774            </header>
21775
21776            <p>どうしても変わりになりそうなものがなくて、インストーラーがないけど入れているソフトウェアもいくつかある。他は代わりを探したり、思い切って使うのをやめたり。何もできない不自由な環境にいったんリセットして、耐えられなかったらどうにかするみたいな作業がやっと落ち着いた気がする。Microsoft IMEでも平気なくらい調教されてきた。</p>
21777          </section>
21778        </a>
21779
21780
21781        <a href="/blog/software/installer">
21782          <section class="excerpt">
21783            <header>
21784              <p class="date"><time datetime="2014-09-25T05:56:26+09:00">25日</time></p>
21785
21786              <h3>インストーラー</h3>
21787            </header>
21788
21789            <p>事前に内容を確認できフォルダーごと捨てるだけでアンインストールできるように、ZIPアーカイブでアプリケーションが配布されていることを数年前まã
21789§ã¯å¥½ã‚“でいた。しかし今はインストーラーを好むようになった。</p>
21790          </section>
21791        </a>
21792
21793
21794        <a href="/blog/webdesign/sitelinks-search-box">
21795          <section class="excerpt">
21796            <header>
21797              <p class="date"><time datetime="2014-09-24T04:23:00+09:00">24日</time></p>
21798
21799              <h3>Sitelinks Search Box</h3>
21800            </header>
21801
21802            <p>ページ下部に検索フォームを復活させて、GoogleのSitelinks Search Boxに対応させたつもり。本当は検索ページを別に作ってそっちに寄せようかと思ったけど面倒になってきたので、とりあえずGoogleカスタム検索を復活させてMicrodataを仕込んだ。</p>
21803          </section>
21804        </a>
21805
21806
21807        <a href="/blog/webdesign/overflowed-element-s-background">
21808          <section class="excerpt">
21809            <header>
21810              <p class="date"><time datetime="2014-09-23T13:37:36+09:00">23日</time></p>
21811
21812              <h3>text-overflowプロパティーを指定した要素の背景</h3>
21813            </header>
21814
21815            <p>text-overflowプロパティーは子のテキストのはみ出した部分をどのように制御するかを決定するもの。つまりテキストしか制御してくれないので、例えばその要素に背景を指定していて、かつ親要素ではみ出す方向にpaddingプロパティーが指定されていると、テキストの終わりと背景画像の終わりが一致しなくなる。</p>
21816          </section>
21817        </a>
21818
21819
21820        <a href="/blog/misc/potate-pancake">
21821          <section class="excerpt">
21822            <header>
21823              <p class="date"><time datetime="2014-09-22T13:50:21+09:00">22日</time></p>
21824
21825              <h3>じゃがいもパンケーキ</h3>
21826            </header>
21827
21828            <p>じゃがいもを細切りにして、フライパンにバターを引いて焼くやつ。じゃがいもを細切りにした後に水にさらさないことで、じゃがいもの断面が出るでんぷんがつなぎになるので、うまくパンケーキ状に固まる。ハッシュドポテトに近い。5分くらいで作れておいしい。</p>
21829          </section>
21830        </a>
21831
21832
21833        <a href="/blog/webdesign/with-svg">
21834          <section class="excerpt">
21835            <header>
21836              <p class="date"><time datetime="2014-09-21T13:03:59+09:00">21日</time></p>
21837
21838              <h3>透過PNGをSVGを利用して軽くするテクニック</h3>
21839            </header>
21840
21841            <p>透過PNGは現状では唯一に近いフルカラーの透過画像を作成する手段だが、ファイル・サイズが大きくなりがちだ。対してJPGはファイル・サイズという点で大きく優るが、透過することは出来ない。このあちらを立てればこちらが立たずの問題をSVGのマスク機能を使って透過だけを受け持つPNGとJPGを組み合わせることで両立させるテクニックを知った。</p>
21842          </section>
21843        </a>
21844
21845
21846        <a href="/blog/gadget/bialetti-moka-express-gasket-replacement">
21847          <section class="excerpt">
21848            <header>
21849              <p class="date"><time datetime="2014-09-20T13:22:32+09:00">20日</time></p>
21850
21851              <h3>モカエキスプレスの交換パーツ</h3>
21852            </header>
21853
21854            <p>Bialettiのモカ・エキスプレスの3カップ用を愛用してるけど、交換パーツがあんまり見つからない。見つかっても純正っぽくパッケージングされてない、フィルターとゴム・パッキンが別売りのだったり。ようやく純正を見つけたと思ったら1500円くらいしたり。久々に調べたらAmazonでAmazon.co.jp発送のやつを780円で見つけられたので買った。</p>
21855          </section>
21856        </a>
21857
21858
21859        <a href="/blog/webdesign/equal-to-cross">
21860          <section class="excerpt">
21861            <header>
21862              <p class="date"><time datetime="2014-09-19T14:33:50+09:00">19日</time></p>
21863
21864              <h3>二本線からバツ印へ</h3>
21865            </header>
21866
21867            <p>Appleの新ウェブサイト(2014å¹´9月)では狭い画面の時にグローバル・ナビゲーションを出す二本線のアイコンが表示される。それをタッチするとナビゲーションが表示されると同時に回転しながらバツ印に変åŒ
21867–する。同じようなアニメーションをCSSでやってみると意外に面倒くさかった。</p>
21868          </section>
21869        </a>
21870
21871
21872        <a href="/blog/blog/syntax-highlight">
21873          <section class="excerpt">
21874            <header>
21875              <p class="date"><time datetime="2014-09-18T11:10:08+09:00">18日</time></p>
21876
21877              <h3>構文強調</h3>
21878            </header>
21879
21880            <p>構文強調はエディターでプログラムのコードを書く時は必要だ。コードをそこそこちゃんと読む必要があるような場所、例えばGitHubなどでも必要だろう。ではコードの断片をちょっと読ませることが主になるウェブログのような場合はどうだろうか。</p>
21881          </section>
21882        </a>
21883
21884
21885        <a href="/blog/webdesign/excluded-ad-placement">
21886          <section class="excerpt">
21887            <header>
21888              <p class="date"><time datetime="2014-09-17T11:01:20+09:00">17日</time></p>
21889
21890              <h3>段落内に広告を突っ込むテクニック</h3>
21891            </header>
21892
21893            <p>CSSのfloatプロパティーを使うと段落等を回り込ませることができる。これをうまく使うと段落の途中でぶった切って広告を押し付けられることをExcluded Ad Placement for Responsive Designという記事を読んで知った。よく考えればその通りなんだけど、最初どうなってるのか全然わからなかった。</p>
21894          </section>
21895        </a>
21896
21897
21898        <a href="/blog/webdesign/node-csswring-v1.3.0">
21899          <section class="excerpt">
21900            <header>
21901              <p class="date"><time datetime="2014-09-16T10:16:30+09:00">16日</time></p>
21902
21903              <h3>CSSWring v1.3.0</h3>
21904            </header>
21905
21906            <p>CSSWringを最小化に特化する形にしてv1.3.0をリリースした。今後も最適化やバグの自動修正のようなCSSの解釈が変わってしまうような変更は行わないという方針にすることに決めた。CSSファイルをSource Map付きで最小化する。それだけ。</p>
21907          </section>
21908        </a>
21909
21910
21911        <a href="/blog/misc/vina-front">
21912          <section class="excerpt">
21913            <header>
21914              <p class="date"><time datetime="2014-09-15T10:03:45+09:00">15日</time></p>
21915
21916              <h3>駅前ビル</h3>
21917            </header>
21918
21919            <p>新しく駅前ビルが完成する。来月オープン。1階が銀行で、5階以上はマンション、2から4階が洋服屋、雑貨屋と軽食という郊外によくあるやつ。既に大型商業施設的なものがそこから1分ほどのところにあり、それの規模縮小版といったもの。ユニクロかぶらせてどうするんだ。</p>
21920          </section>
21921        </a>
21922
21923
21924        <a href="/blog/webdesign/iphone-6-plus-wireframe-svg">
21925          <section class="excerpt">
21926            <header>
21927              <p class="date"><time datetime="2014-09-14T10:10:35+09:00">14日</time></p>
21928
21929              <h3>iPhone 6 Plusのワイヤーフレーム(SVG)</h3>
21930            </header>
21931
21932            <p>アバウトにトレースして、SVGを作っておいた。トレースしてて「あれ? センサーでかくなった?」とか思って気付いたんだけど、前面上部のセンサーとカメラの位置が入れ替わったのかな? 拡大した画像を見ると、スピーカー横がカメラになっているように見える。</p>
21933          </section>
21934        </a>
21935
21936
21937        <a href="/blog/gadget/im-414-not-360">
21938          <section class="excerpt">
21939            <header>
21940              <p class="date"><time datetime="2014-09-13T10:23:06+09:00">13日</time></p>
21941
21942              <h3>I’m 414, not 360.</h3>
21943            </header>
21944
21945            <p>もう既に10回くらい言った気がするので画像にした。詳しくはiPhone 6 Screens Demystifiedを眺めるのが良い。</p>
21946          </section>
21947        </a>
21948
21949
21950        <a href="/blog/software/xargs-and-curl">
21951          <section class="excerpt">
21952            <header>
21953              <p class="date">
21953<time datetime="2014-09-12T07:57:24+09:00">12日</time></p>
21954
21955              <h3>xargsからのcURL</h3>
21956            </header>
21957
21958            <p>1200くらいのURLのリストを渡され、そのURLのファイルをダウンロードする必要があった。今更ダウンローダーをダウンロードしてきて、インストールして、使って、アンインストールするのも面倒だったので、xargsからcURLをつなげてやった。</p>
21959          </section>
21960        </a>
21961
21962
21963        <a href="/blog/webdesign/horizontal-overflowed-navigation">
21964          <section class="excerpt">
21965            <header>
21966              <p class="date"><time datetime="2014-09-11T10:48:12+09:00">11日</time></p>
21967
21968              <h3>横にはみ出すナビゲーション</h3>
21969            </header>
21970
21971            <p>今回(2014年9月)のAppleのウェブサイトのリニューアルにはいくつもの興味深い点がある。ナビゲーションの二本線とバツ印が共にインラインのSVGなことなどもそうだし、多くのポーションがモダナイズされたにも拘らずPrototype.jsを継続利用したこともすごく気になる。その中でも一番気になったのは狭い画面向けの横にはみ出すナビゲーションだ。</p>
21972          </section>
21973        </a>
21974
21975
21976        <a href="/blog/webdesign/node-csswring-v1.2.4">
21977          <section class="excerpt">
21978            <header>
21979              <p class="date"><time datetime="2014-09-10T07:05:45+09:00">10日</time></p>
21980
21981              <h3>CSSWring v1.2.4</h3>
21982            </header>
21983
21984            <p>CSSWringのv1.2.4をリリースした。マイナーな部分で空白削除や無駄な記述の削除がなされていなかったことを調節していた。これで圧縮機能についてはフリーズして、正規表現のバグを潰したり、正規表現をやめるのに精を出したい。</p>
21985          </section>
21986        </a>
21987
21988
21989        <a href="/blog/webdesign/apple-store-app-loading-icon">
21990          <section class="excerpt">
21991            <header>
21992              <p class="date"><time datetime="2014-09-09T12:54:08+09:00">9日</time></p>
21993
21994              <h3>1/5くらい欠けた円を回す</h3>
21995            </header>
21996
21997            <p>新しいApple Storeアプリで使われてるローディング・アイコンをCSSで模したもの。たまにこういうものを作ると、自分が新たなCSSテクニックを学ぶことに貪欲でないことを再認識させられる。</p>
21998          </section>
21999        </a>
22000
22001
22002        <a href="/blog/webdesign/centering-with-transform-causes-blurry-something">
22003          <section class="excerpt">
22004            <header>
22005              <p class="date"><time datetime="2014-09-08T07:58:17+09:00">8日</time></p>
22006
22007              <h3>transformプロパティーを使ったセンタリングで○○がぼやける</h3>
22008            </header>
22009
22010            <p>幅や高さがわからない要素を上下左右にセンタリングするには長らくdisplay: table-cellを使ったものが主流だった。最近は、よりシンプルに実装できることからtransformプロパティーを使って50%戻すというような手法がメジャーになりつつある。しかしtransformプロパティーで動かすと常に何かがぼやけるリスクを伴う。</p>
22011          </section>
22012        </a>
22013
22014
22015        <a href="/blog/software/git-release-dry-run">
22016          <section class="excerpt">
22017            <header>
22018              <p class="date"><time datetime="2014-09-07T04:59:41+09:00">7日</time></p>
22019
22020              <h3>$ git-release --dry-run</h3>
22021            </header>
22022
22023            <p>動作の確認のみできる--dry-runモードをgit-releaseに付けた。--verboseと組み合わせて、設定の確認に使う。ついでに--helpや--versionも付けたので、minimistを使うようにした。</p>
22024          </section>
22025        </a>
22026
22027
22028        <a href="/blog/software/console-padding">
22029          <section class="excerpt">
22030            <header>
22031              <p class="date">
22031<time datetime="2014-09-06T02:40:58+09:00">6日</time></p>
22032
22033              <h3>コンソールに内側の余白を</h3>
22034            </header>
22035
22036            <p>clibというプロジェクトがあって、それ自体にはほとんど興味が無いんだけど、そこに載っているコンソール画面のスクリーンショットがきれいだった。白い画面というのが珍しいこともあるけど、左に余白をもたせてあるのがすごく良さそうに見えた。真似して内側に1文字分くらい余白をもたせてみたけど、かなり快適。</p>
22037          </section>
22038        </a>
22039
22040
22041        <a href="/blog/coding/unique-array-element-with-reduce">
22042          <section class="excerpt">
22043            <header>
22044              <p class="date"><time datetime="2014-09-05T05:21:51+09:00">5日</time></p>
22045
22046              <h3>reduce()を使った配列要素のユニーク化</h3>
22047            </header>
22048
22049            <p>普通のやつは、要素ごとにindexOf()で結果を格納する配列から探して、なかったら追加みたいなの。ソートされてる前提だとindexOf()じゃなくて最後の要素と比較すれば良いだけなので速い。Underscore.jsではこれらに加えてもうちょっと複雑なことをしつつユニークにできる。普通はこれらであまり困らないけど、最近知ったreduce()を使った奴が面白かった。</p>
22050          </section>
22051        </a>
22052
22053
22054        <a href="/blog/webdesign/fixed-logo-with-to-top-function">
22055          <section class="excerpt">
22056            <header>
22057              <p class="date"><time datetime="2014-09-04T08:32:27+09:00">4日</time></p>
22058
22059              <h3>トップヘモドル機能付きの位置固定なロゴ</h3>
22060            </header>
22061
22062            <p>ロゴを位置固定にして、スクロールについてくるようにした。あまりスクロールしておらずナビゲーションがまだ見えている場合は、今まで通りウェブサイトのホームへ移動する。変わって、スクロールしてナビゲーションが見えなくなっていると、ページの最上部に移動する、いわゆる「トップヘモドル」ボタンに変わる。</p>
22063          </section>
22064        </a>
22065
22066
22067        <a href="/blog/software/git-config-fetch-prune">
22068          <section class="excerpt">
22069            <header>
22070              <p class="date"><time datetime="2014-09-03T17:55:27+09:00">3日</time></p>
22071
22072              <h3>Gitのfetch/pullサブコマンドで--pruneオプションをデフォルトにする</h3>
22073            </header>
22074
22075            <p>Gitではbranch -aでリモート・リポジトリーも一覧できる。この一覧には既にリモートでは消されたリモート・リポジトリーも表示される。この一覧を更新するにはfetch --pruneを使うわけだが、いちいちそうするのは面倒くさい。どうやらfetch.pruneをtrueにするとデフォルトで--pruneを付けてfetch(及びpull)を実行してくれるようだ。</p>
22076          </section>
22077        </a>
22078
22079
22080        <a href="/blog/software/chrome-37-and-mplus-fonts">
22081          <section class="excerpt">
22082            <header>
22083              <p class="date"><time datetime="2014-09-02T09:57:09+09:00">2日</time></p>
22084
22085              <h3>WindowsのChrome 37とM+ Outline Fonts</h3>
22086            </header>
22087
22088            <p>Chrome 37でWindowsではDirectWriteを使ったフォント・レンダリングがデフォルトで有効になった。頻発していたらしいマルチバイト文字列がまったく見えなくなるバグは、マイナー・アップデートでそこそこ解消されたようなので常用しても問題なさそうだ。しかし一部のフォント、例えばM+が表示できないという不具合に遭遇している。</p>
22089          </section>
22090        </a>
22091
22092
22093        <a href="/blog/webdesign/raise-charset-at-rule">
22094          <section class="excerpt">
22095            <header>
22096              <p class="date"><time datetime="2014-09-01T03:35:37+09:00">1日</time></p>
22097
22098              <h3>@charsetを先頭へ</h3>
22099            </header>
22100
22101            <p>CSSの仕様では@charsetは先頭に置かれたものしか効果を発揮しない。最近は共にUTF-8でHTMLとCSSを書くだろうと思うので、あまり使われず、気にすることはもうあまりない。ただä
22101½•かしらの事情があって使う場合、カジュアルにファイルを連結してプロダクション用のCSSを作成すると、無意味な場所に@charsetが出てきて無駄が多くなる。</p>
22102          </section>
22103        </a>
22104
22105          </section>
22106          <section>
22107            <h2><time datetime="2014-08">2014年8月</time></h2>
22108
22109        <a href="/blog/software/git-config-get-all">
22110          <section class="excerpt">
22111            <header>
22112              <p class="date"><time datetime="2014-08-31T16:07:55+09:00">31日</time></p>
22113
22114              <h3>git config --get(-all)</h3>
22115            </header>
22116
22117            <p>YAPC::Asiaでの@motemenのトークのスライドを見て、.git/*を見ないのはなるほどなと思った。愛用しているgit-releaseも前にちょっと書いたみたいにconfig --get(--all)を使って設定を拾うようにした。</p>
22118          </section>
22119        </a>
22120
22121
22122        <a href="/blog/webdesign/node-csswring-v1.2.2">
22123          <section class="excerpt">
22124            <header>
22125              <p class="date"><time datetime="2014-08-30T01:56:40+09:00">30日</time></p>
22126
22127              <h3>CSSWring v1.2.2</h3>
22128            </header>
22129
22130            <p>CSSWringのv1.2.2をリリースした。圧縮力については他のメジャーなツールにはだいたいのところは追いつけたんじゃないかと思う。このバージョンで圧縮力の比較ベンチマークを走らせた所、だいたい最下位は脱した感じだった。これ以上はセレクターのマージを行わないと勝てなそう。</p>
22131          </section>
22132        </a>
22133
22134
22135        <a href="/blog/webdesign/spaces-around-media-queries-and-keyword">
22136          <section class="excerpt">
22137            <header>
22138              <p class="date"><time datetime="2014-08-29T13:32:24+09:00">29日</time></p>
22139
22140              <h3>メディア・クエリーのandキーワード周囲の空白文字</h3>
22141            </header>
22142
22143            <p>メディア・クエリーではandキーワードを使って、複数の式を組み合わせることが出来る。min-width等を使う式では括弧を使うので、それらをandキーワードで組み合わせる場合に周囲の空白文字は必要ないように思えるが、どうもないと解釈できないらしい。</p>
22144          </section>
22145        </a>
22146
22147
22148        <a href="/blog/webdesign/css-gradient-link-underline">
22149          <section class="excerpt">
22150            <header>
22151              <p class="date"><time datetime="2014-08-28T11:51:26+09:00">28日</time></p>
22152
22153              <h3>CSSグラデーションによるリンクの下線</h3>
22154            </header>
22155
22156            <p>CSSグラデーションを使った太くならないリンクの下線は、Mediumの詳細な記事やterkel.jpのその解説とも言える記事を見てそのうちやってみようと思っていた。フォントサイズが大きい時に下線が2pxや場合によっては4pxくらいで引かれるようになるのは見た目に結構な負荷を与えるので、常に1pxで引きたいといった希望を持ってる人は多いはずだ。</p>
22157          </section>
22158        </a>
22159
22160
22161        <a href="/blog/software/inkscape-installer-breaks-svg-display-in-chrome">
22162          <section class="excerpt">
22163            <header>
22164              <p class="date"><time datetime="2014-08-27T15:05:55+09:00">27日</time></p>
22165
22166              <h3>InkscapeのインストーラーがChromeでのSVG表示を壊す</h3>
22167            </header>
22168
22169            <p>Inkscapeのv0.91pre2が出たのでインストールしたところ、ローカルのSVGファイルがChromeで表示できなくなった。どうもInkscapeのインストーラー(多分安定版のインストーラーでは起こらない)が関連付けを変える時に間違ったContent-Typeを設定してしまうことが原因のようだ。</p>
22170          </section>
22171        </a>
22172
22173
22174        <a href="/blog/webdesign/at-import-syntax">
22175          <section class="excerpt">
22176            <header>
22177              <p class="date"><time datetime="2014-08-26T01:06:44+09:00">26日</time></p>
22178
22179              <h3>@importの文法</h3>
22180            </header>
22181
22182            <p>
22182@importでは何の気なしにurl()を使わず書いていたんだけど、どんな時もそれで良いのかよく知らなかった。どうやら文字列で書くとそれをurl()で括ったように解釈してくれると仕様で決められているようだ。</p>
22183          </section>
22184        </a>
22185
22186
22187        <a href="/blog/webdesign/css-color-keywords-shorter-than-hex-notation">
22188          <section class="excerpt">
22189            <header>
22190              <p class="date"><time datetime="2014-08-25T01:25:52+09:00">25日</time></p>
22191
22192              <h3>HEX色コードよりも短くなる色キーワード</h3>
22193            </header>
22194
22195            <p>CSSWringに、HEX色コードと色キーワードのどちらか短い方を使う機能を実装するために調査した。32種類あるみたいだ。</p>
22196          </section>
22197        </a>
22198
22199
22200        <a href="/blog/coding/postcss-v2-raw-properties">
22201          <section class="excerpt">
22202            <header>
22203              <p class="date"><time datetime="2014-08-24T11:04:54+09:00">24日</time></p>
22204
22205              <h3>PostCSS v2系のRaw Properties</h3>
22206            </header>
22207
22208            <p>オーガニゼーション化されてロゴもできたPostCSSのv2系では元データの値を格納するキーが追加されている。これのおかげで何もしないと完全に元のCSSと同じCSSを出力できるようになった。ただそれと同時にPostCSSのクリーンアップ機能をそのまま使いたいみたいな時にこの元データを格納するキーを削除する必要があるようにもなった。</p>
22209          </section>
22210        </a>
22211
22212
22213        <a href="/blog/gadget/lcd-display-noise-and-iphone-usb-power-adaptor">
22214          <section class="excerpt">
22215            <header>
22216              <p class="date"><time datetime="2014-08-23T11:49:34+09:00">23日</time></p>
22217
22218              <h3>液晶ディスプレイのノイズとiPhoneのUSB電源アダプター</h3>
22219            </header>
22220
22221            <p>ここ3か月ほど、稀に液晶ディスプレイの全体にノイズが乗るようになった。液晶ディスプレイの寿命かなーと思ってたんだけど、どうやらiPhoneの純正USB電源アダプターの位置が原因だったようだ。部屋の模様替えで、HDMIケーブルと電源アダプターの位置が近くなってから起こるようになったと思うので、正解な気がする。</p>
22222          </section>
22223        </a>
22224
22225
22226        <a href="/blog/webdesign/node-csswring-v1.1.0">
22227          <section class="excerpt">
22228            <header>
22229              <p class="date"><time datetime="2014-08-22T12:51:08+09:00">22日</time></p>
22230
22231              <h3>CSSWring v1.1.0</h3>
22232            </header>
22233
22234            <p>Source Maps対応のCSS圧縮ツールであるCSSWringをようやくメジャー・リリースした。特に使い方は変わってない。内容的には圧縮力はそこそこ向上したけど、まだ「もうすこしがんばりましょう」程度。</p>
22235          </section>
22236        </a>
22237
22238
22239        <a href="/blog/webdesign/my-.scss-lint.yml">
22240          <section class="excerpt">
22241            <header>
22242              <p class="date"><time datetime="2014-08-21T10:02:30+09:00">21日</time></p>
22243
22244              <h3>~/.scss-lint.yml</h3>
22245            </header>
22246
22247            <p>SCSS-Lintの設定を煮詰めていた。読みやすさと書きやすさを優先して、他はCSS Lintでのチェックに先延ばししたり、CSS圧縮ツールなどによる自動処理に期待するような形に落ち着いた。そうすることでちょくちょくチェックかけてもストレスがたまらないようにできた。</p>
22248          </section>
22249        </a>
22250
22251
22252        <a href="/blog/software/dont-configure-checking-out-pull-requests-globally">
22253          <section class="excerpt">
22254            <header>
22255              <p class="date"><time datetime="2014-08-20T09:57:13+09:00">20日</time></p>
22256
22257              <h3>プル・リクエストのローカルへのチェックアウトをグローバルに設定してはいけない</h3>
22258            </header>
22259
22260            <p>GitHubのプル・リクエストはGitHubのヘルプやカンニング・ペーパーで取り上げられているようにローカルにチェックアウトすることができる。カンニング・ペーパーではその最後でグローバルに設定すると便利と書かれているが、これを設定すると厄介なことになる。</p>
22261          </section>
22262        </a>
22263
22264
22265        <a href="/blog/software/nodejs-open-david-url">
22266          <section class="excerpt">
22267            <header>
22268              <p class="date"><time datetime="2014-08-19T10:05:06+09:00">19日</time></p>
22269
22270              <h3>ディレクトリーを引数にDavidのページを開くNode.jsスクリプト</h3>
22271            </header>
22272
22273            <p>Node.jsパッケージの依存確認にはDavidを使うことが多い。けどバッジとか好きじゃなくて、付ける気がないため、いつも重いユーザーページから知りたいリポジトリーを開くみたいな感じで使っていた。コマンドラインからGitHubのページを開くgh-openがすこぶる便利だったので、それを真似てディレクトリーを引数にDavidのページを開けるNode.jsスクリプトを書いて使うようにした。</p>
22274          </section>
22275        </a>
22276
22277
22278        <a href="/blog/software/vim-tabcom-plugin">
22279          <section class="excerpt">
22280            <header>
22281              <p class="date"><time datetime="2014-08-18T09:35:01+09:00">18日</time></p>
22282
22283              <h3>Vimプラグイン: Tabcom</h3>
22284            </header>
22285
22286            <p>書いたのは10何度目かになる、Tabでなんとなく補完してくれるやつをTabcomという名前でプラグインにした。書いてはVimのビルトイン補完群に戻り、書いてはAutocomplpopに戻りするので、そろそろプラグイン化しておいてすぐ戻れるようにしたかった。</p>
22287          </section>
22288        </a>
22289
22290
22291        <a href="/blog/misc/no-fly-boxer-briefs">
22292          <section class="excerpt">
22293            <header>
22294              <p class="date"><time datetime="2014-08-17T05:19:45+09:00">17日</time></p>
22295
22296              <h3>前閉じボクサーブリーフ</h3>
22297            </header>
22298
22299            <p>ボクサーブリーフ派になって久しいんだけど、前開きのものが多いこともあって特に疑問を持たずに前開きのボクサーブリーフを穿いてた。1か月半ほど前にセールで間違えて前閉じのボクサーブリーフを買ってしまい、失敗したと思ったけどセール品だし肌着なので返品もしづらく、仕方なしに穿いてた。するとホールド感で結構な違いがあることを知ることが出来た。</p>
22300          </section>
22301        </a>
22302
22303
22304        <a href="/blog/internet/keeping-2fa-recovery-codes-safe">
22305          <section class="excerpt">
22306            <header>
22307              <p class="date"><time datetime="2014-08-16T08:27:25+09:00">16日</time></p>
22308
22309              <h3>二段階認証の緊急コードの保管場所</h3>
22310            </header>
22311
22312            <p>Dropboxの二段階認証の緊急コードをDropboxにテキスト・ファイルで保存するなどというボケたことを考えていた。機能しないこともないけど場合によってうまくいかない可能性があるので、とりあえず他のオンライン・ストレージにもコピーしておいたんだけど、こういうコードを分散させるのは良くない気がする。やはり手帳やタンスなのか。</p>
22313          </section>
22314        </a>
22315
22316
22317        <a href="/blog/webdesign/expand-eyecatch-image">
22318          <section class="excerpt">
22319            <header>
22320              <p class="date"><time datetime="2014-08-15T07:07:27+09:00">15日</time></p>
22321
22322              <h3>アイキャッチ画像を大きく</h3>
22323            </header>
22324
22325            <p>アイキャッチ画像がある時は最大限大きくするようにした。CSSで全部やろうと思ったけど、画像の拡大はともかく投稿日時等のコンポーネントの位置調整のためのセレクターが無理そうだったので、permalinkを処理するプラグインに機能を追加して誤魔化した。</p>
22326          </section>
22327        </a>
22328
22329
22330        <a href="/blog/webdesign/css-shorthand-property">
22331          <section class="excerpt">
22332            <header>
22333              <p class="date"><time datetime="2014-08-14T07:17:19+09:00">14日</time></p>
22334
22335              <h3>CSSの簡略プロパティー</h3>
22336            </header>
22337
22338            <p>CSSの標準仕様では一部のプロパティーに簡略(ショートハンド)プロパティーが用意されている。marginやbackground、fontプロパティーなどがそれ。うまく使うとCSSをかなり短くできるので、積極的に使いたいけど、なかなかの複雑さでそうもいかない。かといって機械的に処理するのも、CSSは人が簡単に書けることを想定して仕様が作られている節がある(根拠はない)のでまた難しい。</p>
22339          </section>
22340        </a>
22341
22342
22343        <a href="/blog/software/content-chrome-ratio">
22344          <section class="excerpt">
22345            <header>
22346              <p class="date"><time datetime="2014-08-13T04:48:17+09:00">13日</time></p>
22347
22348              <h3>コンテンツとUIパーツの比率</h3>
22349            </header>
22350
22351            <p>コンテンツとUIパーツ(chrome)の比率についての記事を読んだ。単純にコンテンツを最大限確保するのではなく、画面サイズに応じて適切な大きさでUIパーツを提供することによって、コンテンツとUIパーツの比率への影響を最小限に抑えるべきだという風に読んだ。U-Siteでの日本語訳に期待したい。</p>
22352          </section>
22353        </a>
22354
22355
22356        <a href="/blog/webdesign/drawic-v2.7.0">
22357          <section class="excerpt">
22358            <header>
22359              <p class="date"><time datetime="2014-08-12T08:56:45+09:00">12日</time></p>
22360
22361              <h3>Drawic v2.7.0</h3>
22362            </header>
22363
22364            <p>Drawicに地図系のアイコンを追加してv2.7.0にした。白抜きじゃないコンパスや地図のアイコンは難しい気がする。マーカーが不格好なので直したい。高さはこのままでもうちょっと太らせると良さそう。</p>
22365          </section>
22366        </a>
22367
22368
22369        <a href="/blog/software/cannot-execute-cli-tools-installed-with-rubygems-v2.3.0-on-windows">
22370          <section class="excerpt">
22371            <header>
22372              <p class="date"><time datetime="2014-08-11T07:38:11+09:00">11日</time></p>
22373
22374              <h3>RubyGems v2.3.0以降でインストールしたCLIツールがWindowsでうまく動かない</h3>
22375            </header>
22376
22377            <p>RubyGemsを最新版にしたら、それ以降インストールしたCLIツールがうまく動かない。どうもv2.3.0から生成するバッチファイルで指定されているRubyの実行ファイルのパスが変更になったことが原因みたい。v2.5.0で修正が入るようなので、それまでWindowsではその変更が入る前のv2.2.2かインストーラー付属のバージョンを使うのが良さそう。</p>
22378          </section>
22379        </a>
22380
22381
22382        <a href="/blog/internet/statlogger">
22383          <section class="excerpt">
22384            <header>
22385              <p class="date"><time datetime="2014-08-10T03:45:06+09:00">10日</time></p>
22386
22387              <h3>Statlogger</h3>
22388            </header>
22389
22390            <p>Statloggerは特定の形式で件名を記述し[email protected]へメールをé€
22390ã‚‹ã¨ã€ãƒ¡ãƒ¼ãƒ«ã§ã‚°ãƒ©ãƒ•の画像を返してくれるだけのウェブサービス。アプリ不要、登録不要、ログイン不要でとにかくメールを送るだけ。</p>
22391          </section>
22392        </a>
22393
22394
22395        <a href="/blog/internet/flets-members-club-point-to-itunes-gift-code">
22396          <section class="excerpt">
22397            <header>
22398              <p class="date"><time datetime="2014-08-09T02:04:24+09:00">9日</time></p>
22399
22400              <h3>フレッツ光メンバーズクラブのポイント→iTunesのギフトコード</h3>
22401            </header>
22402
22403            <p>フレッツ光のにねん割の更新期で、メンバーズクラブのポイントを1000P貰えた。いつものように料金支払いにでも使おうかと思ったら、どうやら少し前からiTunesギフトコードにも交換できるようになったようだ。500円ごと。</p>
22404          </section>
22405        </a>
22406
22407
22408        <a href="/blog/webdesign/async-csses">
22409          <section class="excerpt">
22410            <header>
22411              <p class="date"><time datetime="2014-08-08T18:02:30+09:00">8日</time></p>
22412
22413              <h3>CSSの非同期読み込み</h3>
22414            </header>
22415
22416            <p>印刷向けCSSだけじゃなく、ウェブフォントのCSSも非同期で読み込むことにした。FOUTが起こるようになるので、気になったら戻すかも。</p>
22417          </section>
22418        </a>
22419
22420
22421        <a href="/blog/webdesign/removing-html5shiv">
22422          <section class="excerpt">
22423            <header>
22424              <p class="date"><time datetime="2014-08-07T04:17:59+09:00">7日</time></p>
22425
22426              <h3>HTML5 Shivの削除</h3>
22427            </header>
22428
22429            <p>このウェブサイトは、rem単位を使っていたりと、Internet Explorerだと事実上バージョン9以降でしかうまく閲覧できないようになっている。となるともうHTML5 Shivを使う意味もあまりないので削除した。これでようやく不格好な条件付きコメントを見ないで済む。</p>
22430          </section>
22431        </a>
22432
22433
22434        <a href="/blog/misc/coffee-jelly">
22435          <section class="excerpt">
22436            <header>
22437              <p class="date"><time datetime="2014-08-06T08:05:01+09:00">6日</time></p>
22438
22439              <h3>コーヒーゼリー</h3>
22440            </header>
22441
22442            <p>水出しコーヒー淹れて残った250mlくらいをコーヒーゼリーにするみたいなブーム中。ゼライスだけあれば作れる。ゼライスを水でふやかして、ちょっと温めた水出しコーヒーを注いで混ぜ、粗熱を取ったら冷蔵庫へ入れて、3時間くらいで完成。</p>
22443          </section>
22444        </a>
22445
22446
22447        <a href="/blog/internet/explore-interests-on-pinterest">
22448          <section class="excerpt">
22449            <header>
22450              <p class="date"><time datetime="2014-08-05T15:19:43+09:00">5日</time></p>
22451
22452              <h3>Explore Interests</h3>
22453            </header>
22454
22455            <p>PinterestにExplore Interestsというページが出来てた。どうやら自分のピンに基づいて、興味ありそうなピンをカテゴライズしてまとめてくれるページのようだ。サムネイルの大きさは興味度に比例しているようで、スピーカーとかちょくちょくピンしてると大きくなる。</p>
22456          </section>
22457        </a>
22458
22459
22460        <a href="/blog/coding/grunt-pubsubhubbub_publish-v0.2.0">
22461          <section class="excerpt">
22462            <header>
22463              <p class="date"><time datetime="2014-08-04T03:58:24+09:00">4日</time></p>
22464
22465              <h3>grunt-pubsubhubbub_publish v0.2.0</h3>
22466            </header>
22467
22468            <p>GoogleのHubだけでなく、任意のPubSubHubbubのHubにpublishできるようにして、grunt-pubsubhubbub_publishをv0.2.0にした。他のHubとしてはSuperfeedrやAyupなどが挙げられるけど、もちろん自前で立ててるHubでも問題ない。</p>
22469          </section>
22470        </a>
22471
22472
22473        <a href="/blog/coding/fuse-two-strings">
22474          <section class="excerpt">
22475            <header>
22476              <p class="date"><time datetime="2014-08-03T00:28:10+09:00">3日</time></p>
22477
22478              <h3>二つの文字列の融合</h3>
22479            </header>
22480
22481            <p>融合っていうのは、「あいうえお」と「うえおかき」を混ぜて足して「あいうえおかき」にするケースのこと。後者の先頭の「うえお」を前者へ融かし合わせるので融合と言ったけど、それで良いのかよくわからない。ちゃんとしたアルゴリズムありそうだけど、見つけることができなかったã
22481®ã§ã€å¾Œæ–¹ã‹ã‚‰æ¤œç´¢ã—ていくみたいな感じで書いた。</p>
22482          </section>
22483        </a>
22484
22485
22486        <a href="/blog/software/vim-turn-off-diff-mode-automatically">
22487          <section class="excerpt">
22488            <header>
22489              <p class="date"><time datetime="2014-08-02T14:54:36+09:00">2日</time></p>
22490
22491              <h3>Vimのdiffモードを自動的に終了させる</h3>
22492            </header>
22493
22494            <p>Vimでdiffsplitなどで差分を見た後、片方のバッファーを閉じるとdiffモードのままなので、手動でdiffoffしないといけない。僕はdiffモードやQuickfixの時しかウィンドウ分割を使わないみたいな感じのライトなVimユーザーなので、片方閉じたら自動的にdiffモードを終了させたい。そういう設定は特になさそうなので、自動コマンドでやってやった。</p>
22495          </section>
22496        </a>
22497
22498
22499        <a href="/blog/coding/polyforest">
22500          <section class="excerpt">
22501            <header>
22502              <p class="date"><time datetime="2014-08-01T13:19:06+09:00">1日</time></p>
22503
22504              <h3>Polyforest</h3>
22505            </header>
22506
22507            <p>三角ポリゴンを使ってモザイクっぽい画像を作るブームが結構前から来ていて、長続きしている気がする。そういう画像を作るアプリもあるし、単純な背景パターンとして提供してる人もいる。遅まきながら僕も作る工夫をいろいろ考えておこうかなと、このような画像をヒイコラ作った。SVGで。</p>
22508          </section>
22509        </a>
22510
22511          </section>
22512          <section>
22513            <h2><time datetime="2014-07">2014年7月</time></h2>
22514
22515        <a href="/blog/webdesign/scrollbar">
22516          <section class="excerpt">
22517            <header>
22518              <p class="date"><time datetime="2014-07-31T11:22:27+09:00">31日</time></p>
22519
22520              <h3>スクロールバー</h3>
22521            </header>
22522
22523            <p>昔はOSネイティブを尊重したスクロールバーにしろ派だった。今は描画領域がらみで色々考えたくないので、オーバーレイで独自描画されちゃえばいいのに派になってる。WindowsだとInternet Explorer 11以降(10以降かも)の自動非表示スクロールバー的なのが妥当な落とし所なのかな。かっこいいと思ってはいないんだけど。</p>
22524          </section>
22525        </a>
22526
22527
22528        <a href="/blog/webdesign/markup-terminal-input-and-output">
22529          <section class="excerpt">
22530            <header>
22531              <p class="date"><time datetime="2014-07-30T01:07:27+09:00">30日</time></p>
22532
22533              <h3>ターミナル画面のマークアップ</h3>
22534            </header>
22535
22536            <p>Markdown (やその派生)のpre要素になる記法では、問答無用にその中はcode要素でマークアップされる。多くの場合はコードの断片なのでそれでいいんだけど、そうじゃないことももちろんある。例えばCLIプログラムでの操作手順を記載する時のターミナルの画面のコピー。</p>
22537          </section>
22538        </a>
22539
22540
22541        <a href="/blog/misc/dreaming-20140729">
22542          <section class="excerpt">
22543            <header>
22544              <p class="date"><time datetime="2014-07-29T10:39:09+09:00">29日</time></p>
22545
22546              <h3>夢(2014年7月29日)</h3>
22547            </header>
22548
22549            <p>寝てたら毒蛇に噛まれる。あっと思って飛び起き、携帯を取ろうとしたらそれも毒蛇になって噛まれる。その後触るものがすべて毒蛇になり噛まれまくるものの、玄関から出たら噛んでた蛇が消えた。安心してそのまま麦茶飲んだら毒で死んだ。というところで起床。</p>
22550          </section>
22551        </a>
22552
22553
22554        <a href="/blog/internet/public-bookmark">
22555          <section class="excerpt">
22556            <header>
22557              <p class="date"><time datetime="2014-07-28T13:04:37+09:00">28日</time></p>
22558
22559              <h3>公開ブックマーク</h3>
22560            </header>
22561
22562            <p>
22562集積所を別に作ったので、Pinboard(やそこからミラーしてるはてなブックマーク)へは能動的にブックマークしたものだけに絞ることにした。実際にはプライベートでミラーして他の人からは見えないようにしてるだけだけど。</p>
22563          </section>
22564        </a>
22565
22566
22567        <a href="/blog/software/vim-htmlhint">
22568          <section class="excerpt">
22569            <header>
22570              <p class="date"><time datetime="2014-07-27T10:47:52+09:00">27日</time></p>
22571
22572              <h3>VimからHTMLHintを使う</h3>
22573            </header>
22574
22575            <p>HTMLの簡単な文法チェックには長らくValidator.nuのAPIを利用していたけど、Node.jsパッケージのHTMLHintがそこそこ使えそうだったので今はこっちを使っている。ローカルで動くと気軽に使える度が増す。ただデフォルトでインストールされるCLIプログラムはリッチな感じの出力にしか対応していないので、ちょっと扱いづらい。Vimのデフォルトのerrorformatに応じた形でチェック結果を出力するだけのNode.jsスクリプトを書いて使ってる。</p>
22576          </section>
22577        </a>
22578
22579
22580        <a href="/blog/media/marginalia">
22581          <section class="excerpt">
22582            <header>
22583              <p class="date"><time datetime="2014-07-26T10:50:20+09:00">26日</time></p>
22584
22585              <h3>Marginalia</h3>
22586            </header>
22587
22588            <p>余白に書き込みしようという感じの記事を読んだ。タイトルのmarginaliaっていうのは本の余白の色々書く人のこと。余白への書き込みによってその本を読んだ時の感覚を記録できるので、その本が自分にどういった影響を与えたのかということを思い出せるというようなことのようだ。消費するだけになりがちな読書体験を恒久的なものにする助けになるという風に解釈した。</p>
22589          </section>
22590        </a>
22591
22592
22593        <a href="/blog/webdesign/expand-pre-with-calc-and-vw">
22594          <section class="excerpt">
22595            <header>
22596              <p class="date"><time datetime="2014-07-25T11:11:06+09:00">25日</time></p>
22597
22598              <h3>calc()とvw単位を使った飛び出すpre要素</h3>
22599            </header>
22600
22601            <p>飛び出すpre要素っていうのは昔書いた描画領域一杯にpre要素の幅を拡大するテクニックと目指す見た目は同じもの。以前考えたものはちょっとの間使ったもののバグが多くすぐやめたã€
22601‚このテクニックは大きい要素を左右に付け、はみ出した部分を隠すというものだった。それをvw単位を使ってビューポートの幅を取り、それとcalc()を組み合わせることでどうにかしようという試み。</p>
22602          </section>
22603        </a>
22604
22605
22606        <a href="/blog/webdesign/color-management-in-sass">
22607          <section class="excerpt">
22608            <header>
22609              <p class="date"><time datetime="2014-07-24T11:44:18+09:00">24日</time></p>
22610
22611              <h3>Sassでの色管理</h3>
22612            </header>
22613
22614            <p>Sassでは色を変数として定義でき、また様々な関数でそれを操作することが可能になっている。そのため色を論理的に管理することが可能になっているが、これといった手法が確立されているわけではない。このウェブサイトでは少しややこしい形で管理するようにしている。どういう目的でこういう複雑な構造になっているのかを簡単に書いておきたい。</p>
22615          </section>
22616        </a>
22617
22618
22619        <a href="/blog/misc/thirty-eight">
22620          <section class="excerpt">
22621            <header>
22622              <p class="date"><time datetime="2014-07-23T00:23:32+09:00">23日</time></p>
22623
22624              <h3>48% of 79</h3>
22625            </header>
22626
22627            <p>年齢が増えた。もうすぐ79の半分とか考えてた。まだまだなのか、もうなのか。そんなこと考えてたらなかなか寝れなかった。</p>
22628          </section>
22629        </a>
22630
22631
22632        <a href="/blog/software/segoe-ui-mono">
22633          <section class="excerpt">
22634            <header>
22635              <p class="date"><time datetime="2014-07-22T11:02:44+09:00">22日</time></p>
22636
22637              <h3>Segoe UI Mono</h3>
22638            </header>
22639
22640            <p>Segoe UIに等幅バージョンがあることは前から知っていたのだけど、購入するしか入手方法はないのかなと思っていた。ちょっと調べた所、どうやらXboxのゲームへの同梱を許可する形で再頒布パッケージとして公開されているようだ。</p>
22641          </section>
22642        </a>
22643
22644
22645        <a href="/blog/webdesign/styling-links">
22646          <section class="excerpt">
22647            <header>
22648              <p class="date"><time datetime="2014-07-21T10:56:06+09:00">21日</time></p>
22649
22650              <h3>リンクのスタイリング</h3>
22651            </header>
22652
22653            <p>立て続けにリンクに変わったスタイル当てることについての記事を二つ読んだ。ひとつはサムネイルにオンマウスすると暗くなったりしてサムネイルが見えなくなるスタイルについての記事で、もうひとつはオンマウス時や他の場所のリンクのスタイルとの食い違いについての記事。納得できるところもあり、納得できないところもあり。</p>
22654          </section>
22655        </a>
22656
22657
22658        <a href="/blog/webdesign/drawic-icon-font">
22659          <section class="excerpt">
22660            <header>
22661              <p class="date"><time datetime="2014-07-20T07:57:51+09:00">20日</time></p>
22662
22663              <h3>Drawicのアイコン・フォント</h3>
22664            </header>
22665
22666            <p>Drawicのリリース・ページにアイコン・フォントのZIPファイルをアップロードすることにした。あんまりいじるのも良くなさそうなので、IcoMoonで一発変換しただけのもの。IcoMoonが作ってくれるデモ・ページを見る限りは問題なさそう。</p>
22667          </section>
22668        </a>
22669
22670
22671        <a href="/blog/coding/unutm-with-hitcallback">
22672          <section class="excerpt">
22673            <header>
22674              <p class="date"><time datetime="2014-07-19T12:31:08+09:00">19日</time></p>
22675
22676              <h3>hitCallbackを使ったUnUTMの実行</h3>
22677            </header>
22678
22679            <p>UnUTMはGoogle Analyticsなどで使われるutm_*パラメーターを削除するものなので、当然それらを利用した解析機能は失われることになる。一応ユニバーサル・アナリティクスのga()を使って呼ぶことにより、うまくすればトラッキング出来るんじゃないかと考え、そうしていたが、どうもダメそうだ。ga()を直接使う代わりにトラッカーによるデータ送信後に発動する関数を指定できるhitCallbackフィールドを使うのが良さそう。</p>
22680          </section>
22681        </a>
22682
22683
22684        <a href="/blog/software/sass-v3.4.0.rc.1-and-grunt-contrib-sass">
22685          <section class="excerpt">
22686            <header>
22687              <p class="date"><time datetime="2014-07-18T10:50:39+09:00">18日</time></p>
22688
22689              <h3>Sass v3.4.0.rc.1とgrunt-contrib-sass</h3>
22690            </header>
22691
22692            <p>
22692Sass v3.4.0.rc.1が出た。&amp;の扱いが拡充したこととセレクターを扱う関数の追加がトピック。他に予告されていた変数スコープの改善も思ったよりも早く導入された。後方互換性を失う変更はあるものの、大体は問題なくコンパイルされる。けどコンパイラーのオプション他に変化があったため、それらをラップするツールで不具合が起こりやすい。例えばgrunt-contrib-sassが--load-pathと--sourcemapオプション辺りの変更に対応できておらず、例外を吐いて落ちたりする。</p>
22693          </section>
22694        </a>
22695
22696
22697        <a href="/blog/webdesign/easy-to-write-review-and-release">
22698          <section class="excerpt">
22699            <header>
22700              <p class="date"><time datetime="2014-07-17T09:10:35+09:00">17日</time></p>
22701
22702              <h3>書きやすい・読みやすい・優しい</h3>
22703            </header>
22704
22705            <p>およそコーディングにおいては書きやすさが重視される傾向が強い。例を挙げるまでもないだろう。しかし、その書きやすさは主観的なものであることが多く、他人の読みやすさへは寄与しない。読みやすさにも主観的な面はあるが、それでも落とし所というものはある。ただ、そういった読みやすさは人間へのもので、機械とそれを通して利用することになるユーザーに優しいとは言えないことが多い。これらすべてを満たす夢の書き方みたいなものは、特にフロントエンド開発においては、なかなか存在しない。</p>
22706          </section>
22707        </a>
22708
22709
22710        <a href="/blog/software/grunt-rsync-ac-plugin">
22711          <section class="excerpt">
22712            <header>
22713              <p class="date"><time datetime="2014-07-16T08:20:06+09:00">16日</time></p>
22714
22715              <h3>Gruntプラグイン: rsync-ac</h3>
22716            </header>
22717
22718            <p>rsync -aC --exclude-from=.rsyncignoreするだけのGruntプラグインをNode.jsパッケージにして、rsync-acという名前で公開しておいた。事実上sync: trueで同期モード(--delete)を有効にして転送先にしかないファイルを削除することとGruntfile.jsと同じディレクトリにある.rsyncignoreで除外ファイルを指定することしか出来ない。</p>
22719          </section>
22720        </a>
22721
22722
22723        <a href="/blog/software/configure-grunt-tasks-with-loadtasks-function">
22724          <section class="excerpt">
22725            <header>
22726              <p class="date"><time datetime="2014-07-15T12:13:40+09:00">15日</time></p>
22727
22728              <h3>loadTasks()を使ったGruntのタスク設定の管理</h3>
22729            </header>
22730
22731            <p>How to structure your Grunt tasksというloadTasks()を使ってGruntの設定を別ファイルに分割するアイディアについての記事を読んだ。「なんだまた変なプラグインか」という感じで読み始めたら、良い意味で裏切られた。</p>
22732          </section>
22733        </a>
22734
22735
22736        <a href="/blog/webdesign/logo-20140714">
22737          <section class="excerpt">
22738            <header>
22739              <p class="date"><time datetime="2014-07-14T02:44:32+09:00">14日</time></p>
22740
22741              <h3>ロゴ@20140714</h3>
22742            </header>
22743
22744            <p>全体的にスカスカにしたので、ロゴやアイコンもスカスカにした。ステム残したかったけど難しかったので、直線でスッキリした感じになった。</p>
22745          </section>
22746        </a>
22747
22748
22749        <a href="/blog/webdesign/split-margin-with-ratio">
22750          <section class="excerpt">
22751            <header>
22752              <p class="date"><time datetime="2014-07-13T09:07:10+09:00">13日</time></p>
22753
22754              <h3>余白を割合で分割</h3>
22755            </header>
22756
22757            <p>余白を特定の比率で分割したいなとちょっと考えていた。つまりmargin-leftとmargin-rightプロパティーの計算済みの値が3:2とかの比率で自動調節されるように、ということ。そのようなことをTwitterでちょっと書いたら、@o_tiがcalc()を使う方法を考えてくれたã€
22757‚</p>
22758          </section>
22759        </a>
22760
22761
22762        <a href="/blog/webdesign/version-six-point-fifty-seven-point-zero">
22763          <section class="excerpt">
22764            <header>
22765              <p class="date"><time datetime="2014-07-12T09:01:27+09:00">12日</time></p>
22766
22767              <h3>v6.57.0</h3>
22768            </header>
22769
22770            <p>カラム分けの比率をマイナーチェンジしてた。ヘッダーのコンパクト化とタグラインの真ん中寄せを組み合わせて調節したりも。見出しの横(や下)の飾り線とかも消したので、またほとんど飾りがなくなってきた。</p>
22771          </section>
22772        </a>
22773
22774
22775        <a href="/blog/webdesign/drawic-v2.6.0">
22776          <section class="excerpt">
22777            <header>
22778              <p class="date"><time datetime="2014-07-11T09:26:49+09:00">11日</time></p>
22779
22780              <h3>Drawic v2.6.0</h3>
22781            </header>
22782
22783            <p>VimeoとInstagramのアイコンが必要になったので、Drawicに追加した。4つずつ追加しようと考えているので、何が良いかなと考えた末、よく使っているDropboxとIFTTTのアイコンを追加することにした。</p>
22784          </section>
22785        </a>
22786
22787
22788        <a href="/blog/internet/interests">
22789          <section class="excerpt">
22790            <header>
22791              <p class="date"><time datetime="2014-07-10T09:18:05+09:00">10日</time></p>
22792
22793              <h3>興味の変遷</h3>
22794            </header>
22795
22796            <p>オンライン・ブックマークは興味を持っていたことの記録といえる。そして自分自身がその記録を閲覧することにおいてはだいたい良くできている。しかしそのソーシャル性や様々なUIパーツなどにより、他人に順を追って見せることには向いていないものでもある。見ている途中で他に気になることが出てきやすいし、またそういう風に横断的にアクセスされるよう作られているからだ。これは方向性が違うというだけの話なので、興味の変遷をざっと眺められるような形で提供するには別の形で表示する必要がある。</p>
22797          </section>
22798        </a>
22799
22800
22801        <a href="/blog/coding/grunt-pubsubhubbub_publish-plugin">
22802          <section class="excerpt">
22803            <header>
22804              <p class="date"><time datetime="2014-07-09T15:56:24+09:00">9日</time></p>
22805
22806              <h3>Gruntプラグイン: pubsubhubbub_publish</h3>
22807            </header>
22808
22809            <p>GoogleのPubSubHubbubハブへ指定したURLのフィードをpublishするだけのGruntプラグインを公開した。静的ウェブサイト生成ツールをGruntを通して実行している時などに、それらと組み合わせて使うもの。世界はPubSubHubbubってなんだったっけ……みたいな感じになってるような気がするけどそれはそれ。</p>
22810          </section>
22811        </a>
22812
22813
22814        <a href="/blog/software/github-pages-management-flow-with-git-clean">
22815          <section class="excerpt">
22816            <header>
22817              <p class="date"><time datetime="2014-07-08T11:38:59+09:00">8日</time></p>
22818
22819              <h3>git cleanを使ったGitHub Pagesの管理フロー</h3>
22820            </header>
22821
22822            <p>submodule (やsubtree)を使ったGitHub Pagesの管理フローは良いのだけど、もっと適当な感じでやりたいなと色々試している。要件としては生成に使ってる仕組みやログは非公開にしたいので、rebaseからpush -fのような変更を取り込んで更新する仕組みは使えない、というくらい。最新の実験ではclean -fでステージされてないファイルを削除できることを利用してやってみている。</p>
22823          </section>
22824        </a>
22825
22826
22827        <a href="/blog/software/node-next-update">
22828          <section class="excerpt">
22829            <header>
22830              <p class="date"><time datetime="2014-07-07T07:45:13+09:00">7日</time></p>
22831
22832              <h3>Node.jsパッケージ: next-update</h3>
22833            </header>
22834
22835            <p>next-updateパッケージは、Node.jsパッケージが依存しているパッケージを一時的に最新バージョンに更新し、設定済みのテストを走らせるツール。これによりd(evD)ependenciesを上げても大丈夫かどうかをほぼ確実に確認できる。グローバルにイãƒ
22835³ã‚¹ãƒˆãƒ¼ãƒ«ã—てコマンドラインから利用する。</p>
22836          </section>
22837        </a>
22838
22839
22840        <a href="/blog/webdesign/kerning-and-ellipsis">
22841          <section class="excerpt">
22842            <header>
22843              <p class="date"><time datetime="2014-07-06T13:35:33+09:00">6日</time></p>
22844
22845              <h3>font-feature-settingsの罠</h3>
22846            </header>
22847
22848            <p>Chrome 35でfont-feature-settingsプロパティーで&quot;kern&quot; 1を使いカーニングを有効にしている時、text-overflowプロパティーでellipsisを指定しはみ出した文字を三点リーダーで省略しようとした場合に、追加される三点リーダーがコンテント・エリアをはみ出すバグがあることに気づいた。立て続けにfont-feature-settingsプロパティーでハマってキツい。</p>
22849          </section>
22850        </a>
22851
22852
22853        <a href="/blog/coding/remove-duplicate-declarations-from-css-ruleset">
22854          <section class="excerpt">
22855            <header>
22856              <p class="date"><time datetime="2014-07-05T14:33:06+09:00">5日</time></p>
22857
22858              <h3>CSSのルールセットから重複する定義の削除</h3>
22859            </header>
22860
22861            <p>CSSWringに同じルールセット内で重複する定義(プロパティーとその値のセット)をルールセットから削除する機能をつけてる。最初、重複するプロパティーを問答無用で削除しようかと考えたんだけど、同じプロパティーを同じルールセット内でわざと使うことは結構あるのでダメそうだった。なので完全一致で削除するようにしようとしてる。</p>
22862          </section>
22863        </a>
22864
22865
22866        <a href="/blog/software/view-submodule-log-from-its-parent">
22867          <section class="excerpt">
22868            <header>
22869              <p class="date"><time datetime="2014-07-04T14:12:44+09:00">4日</time></p>
22870
22871              <h3>Gitのsubmoduleのログを親リポジトリから見る</h3>
22872            </header>
22873
22874            <p>submoduleの更新コミットをまじめに書くことはまず無いと思うけど、そうなるとsubmoduleのディレクトリまで移動しないとコミット・ログは見れない……と思ったら--submoduleオプションがちゃんとあった。コミット日時とかまでは見えないようだけど、大体の感じはつかめる。親にいる時に見たい場合は、どんな変更だったかちょっと思い出したいとかだけだと思うので、これで十分そう。</p>
22875          </section>
22876        </a>
22877
22878
22879        <a href="/blog/software/css-minifier-and-css-hacks">
22880          <section class="excerpt">
22881            <header>
22882              <p class="date"><time datetime="2014-07-03T12:40:34+09:00">3日</time></p>
22883
22884              <h3>CSS圧縮ツールとCSSハック</h3>
22885            </header>
22886
22887            <p>少し前にCSSWringにCSSハックを維持するオプションを付けた。デフォルトはオフで、必要ならばpreserveHacksをtrueにするという形で、CLIツールでも--preserve-hacksオプションで有効にするという形にした。これに対してデフォルトで有効であるべきじゃないかというイシューが立てられた。大体のことはそこで答えて、オフのままであるべきだと考えていると主張しておいたけど、もうちょっと書きたい。</p>
22888          </section>
22889        </a>
22890
22891
22892        <a href="/blog/software/resetting-zoom-setting-in-chrome">
22893          <section class="excerpt">
22894            <header>
22895              <p class="date"><time datetime="2014-07-02T14:55:21+09:00">2日</time></p>
22896
22897              <h3>Chromeでズーム設定をリセット</h3>
22898            </header>
22899
22900            <p>ローカルストレージがらみでChromeの設定を色々見ていたら、いつのまにか過去にズームしたことのあるページを一覧できるようになっていた。いつ頃からあるのかはわからないけど、まぁまぁ最近だと思う。デバッグとかで500%にしたまんまã
22900§å¿˜ã‚Œã¦ã‚‹ã¿ãŸã„なことがあり、忘れてた頃にズームさせっぱなしだったページを開いてびっくりすることがあるので、一括して参照して戻せるのは良さそう。</p>
22901          </section>
22902        </a>
22903
22904
22905        <a href="/blog/coding/support-submodule-in-git-release.js">
22906          <section class="excerpt">
22907            <header>
22908              <p class="date"><time datetime="2014-07-01T12:42:23+09:00">1日</time></p>
22909
22910              <h3>git-release.jsでのsubmoduleのサポート</h3>
22911            </header>
22912
22913            <p>自分で作った、バージョンのインクリメントからコミット、タグ付け、最後にpushする(こともできる)git-release.jsが使い勝手良いので愛用してる。ただ.gitディレクトリがあることを前提としているので、このままではsubmoduleのディレクトリではリリースできなかった。そこをちゃんとするようにしたり、iniパッケージを使うようにしたりした。</p>
22914          </section>
22915        </a>
22916
22917          </section>
22918          <section>
22919            <h2><time datetime="2014-06">2014年6月</time></h2>
22920
22921        <a href="/blog/software/scoop">
22922          <section class="excerpt">
22923            <header>
22924              <p class="date"><time datetime="2014-06-30T11:47:16+09:00">30日</time></p>
22925
22926              <h3>Scoop</h3>
22927            </header>
22928
22929            <p>NYTimesで使われているScoopというCMSについての記事を読んだ。実際に動作しているものを触ったわけではないので、記事で取り上げられている良い所のみを見てだけど、コンテンツを管理できるCMSってあったんだと感じた。巷のCMSはコンテンツの表示はそこそこ管理できるけど、コンテンツの管理自体はまだまだなので、こういうコンテンツを作る過程にフォーカスが当たったCMSは珍しいと思う。インラインDIFFからその変更を許可・拒否できるとか触ってみたい。</p>
22930          </section>
22931        </a>
22932
22933
22934        <a href="/blog/webdesign/dlig-and-japanese-text">
22935          <section class="excerpt">
22936            <header>
22937              <p class="date"><time datetime="2014-06-29T12:25:47+09:00">29日</time></p>
22938
22939              <h3>Discretionary Ligaturesと日本語</h3>
22940            </header>
22941
22942            <p>Discretionary Ligaturesと呼ばれるOpenTypeの機能(Photoshopでは任意の合字と呼ばれているもの)を有効にすると、かっこよさげにstをつなげてくれるようになったりするフォントがあったりする。アイコン・フォントでもこれを使った実装になっていることもある。CSSではfont-feature-settings: &quot;dlig&quot; 1;とするとこの機能を有効にできるが、日本語の文章に使うと「ページ」が「㌻」になるというちょっと想像しづらい結果をもたらすことがあるようだ。</p>
22943          </section>
22944        </a>
22945
22946
22947        <a href="/blog/software/git-subtree-split---branch">
22948          <section class="excerpt">
22949            <header>
22950              <p class="date"><time datetime="2014-06-28T11:07:08+09:00">28日</time></p>
22951
22952              <h3>git subtree split --branch</h3>
22953            </header>
22954
22955            <p>リポジトリの取り込みにsubtreeを使い始めて、機能的には満足の行くものだと感じた。けれどもsubtree pushする時にどんどん遅くなっていく。これは全履歴をチェックし必要ならば履歴を作り直すからのようだ。subtree splitを使うと特定のコミットをブランチとして切り出せるので、これを使うと作り直しの起点となるコミットを前進させられる……と教えてもらったがダメだった。</p>
22956          </section>
22957        </a>
22958
22959
22960        <a href="/blog/software/roboto-rkk">
22961          <section class="excerpt">
22962            <header>
22963              <p class="date"><time datetime="2014-06-27T10:42:09+09:00">27日</time></p>
22964
22965              <h3>RobotoのRKk</h3>
22966            </header>
22967
22968            <p>Robotoがバージョンアップして、字形がかなり変わった。僕は旧バージョンのRKkがどうしても好きになれなã
22968ã¦ã€çµæžœRobotoを避けてきたが、新バージョンは好きになれそうなので使うようになりそう。</p>
22969          </section>
22970        </a>
22971
22972
22973        <a href="/blog/media/writing-on-bitbucket">
22974          <section class="excerpt">
22975            <header>
22976              <p class="date"><time datetime="2014-06-26T12:40:52+09:00">26日</time></p>
22977
22978              <h3>Bitbucketでの執筆</h3>
22979            </header>
22980
22981            <p>WEB+DB Press Vol.81の特集はBitbucketでプライベート・リポジトリを使って書いた。最初はメールで詰めて、書く段階になってBitbucketへ作業場を移すという形だった。Gitを使った執筆のメリットはそこかしこで色々と触れられているので、実際に体験してのネガティブな感想を少しだけ書く。</p>
22982          </section>
22983        </a>
22984
22985
22986        <a href="/blog/coding/xml2js-root-node">
22987          <section class="excerpt">
22988            <header>
22989              <p class="date"><time datetime="2014-06-25T12:22:02+09:00">25日</time></p>
22990
22991              <h3>xml2jsでのルート・ノード</h3>
22992            </header>
22993
22994            <p>xml2jsはルート・ノードがらみが慣れないとよくわからない感じ。例えば普通にRSS 2.0のXMLを吐こうとすると、XMLへ変換するオブジェクトの方で属性を指定し、ルート・ノードの名前やXMLプロログはビルダー関数で指定する。と、コードが分断される。</p>
22995          </section>
22996        </a>
22997
22998
22999        <a href="/blog/webdesign/image-displacement-on-hover-on-chrome-35">
23000          <section class="excerpt">
23001            <header>
23002              <p class="date"><time datetime="2014-06-24T12:36:23+09:00">24日</time></p>
23003
23004              <h3>Chrome 35でオンマウス時に画像がずれる</h3>
23005            </header>
23006
23007            <p>久々にソーシャル・ネットワークのアイコン的なものを作ろうとしていた所、オンマウスで画像のコンテナのサイズが微妙に変わり、画像の位置が微妙にずれるという現象に遭遇した。どうやら%単位でpaddingプロパティーを指定すると起こるようだ。Chrome 35のバグっぽい。</p>
23008          </section>
23009        </a>
23010
23011
23012        <a href="/blog/rss/merged">
23013          <section class="excerpt">
23014            <header>
23015              <p class="date"><time datetime="2014-06-23T10:38:24+09:00">23日</time></p>
23016
23017              <h3>フィードのマージ</h3>
23018            </header>
23019
23020            <p>このウェブサイト全体の更新情報を配信しているフィードに、ウェブログのフィードを混ぜるようにした。ローカルでウェブログを処理するようにした結果、混ぜる作業がそれほど面倒でもなくなったので、そうすることにした。特にこれといった理由があって分けるようにしていたわけではなく、混ぜるのが面倒だっただけだった。どっちでも好きな方をどうぞ。</p>
23021          </section>
23022        </a>
23023
23024
23025        <a href="/blog/webdesign/drawic-v2.5.1">
23026          <section class="excerpt">
23027            <header>
23028              <p class="date"><time datetime="2014-06-22T09:07:15+09:00">22日</time></p>
23029
23030              <h3>Drawic v2.5.1</h3>
23031            </header>
23032
23033            <p>FOAFのアイコンを見かけて郷愁を感じたので、勢いでDrawicに追加した。他にSVGやCSS 3、HTML5のアイコンも追加してv2.5.0に。FOAFのような仕様は需要はあるんだろうけど、裏で機能するものなので、表側それぞれが囲い込む方へ囲い込む方へ動きやすい世界になってしまったため廃れたのかな。RDFがそもそもみたいなのもありそうだけども。</p>
23034          </section>
23035        </a>
23036
23037
23038        <a href="/blog/webdesign/changing-link-order-dynamically">
23039          <section class="excerpt">
23040            <header>
23041              <p class="date"><time datetime="2014-06-21T12:39:41+09:00">21日</time></p>
23042
23043              <h3>link要素の順序を後から変更する</h3>
23044            </header>
23045
23046            <p>ちょっとした事情があって干渉するルールを持つ二つのlink要素を状況によってスワップさせたいことがあった。どちらかのみを書いておいて条件に合わせて差し替えるのが普通のアプローチだと思うけど、先読みさせたかったã
23046®ã§ã‚らかじめ両方共読み込ませておいて、head要素内での順序を変えてカスケーディング順序を変えるという方法で行った。動的にlink要素の順序を変更すると、カスケーディングの順序に影響を与えるようだ。</p>
23047          </section>
23048        </a>
23049
23050
23051        <a href="/blog/webdesign/wdpress81">
23052          <section class="excerpt">
23053            <header>
23054              <p class="date"><time datetime="2014-06-20T11:24:10+09:00">20日</time></p>
23055
23056              <h3>WEB+DB Press Vol.81 イマドキHTML/CSS開発</h3>
23057            </header>
23058
23059            <p>6月24日発売のWEB+DB Press Vol.81にて「イマドキHTML/CSS開発」というタイトルで特集を執筆した。特集では機器や周辺技術の変化と進化がもたらす多様性に、今までのような現状の機器への逐次対応という視点ではなく、未来のそれらを見据えた形で相対するにあたっての考え方や実装方法を解説している。具体的には検証可能な「コンポーネント」という単位をどう作り、それをどう扱うか、だ。</p>
23060          </section>
23061        </a>
23062
23063
23064        <a href="/blog/software/install-rsync-to-git-for-windows">
23065          <section class="excerpt">
23066            <header>
23067              <p class="date"><time datetime="2014-06-19T12:42:29+09:00">19日</time></p>
23068
23069              <h3>rsyncをGit for Windowsに混ぜる</h3>
23070            </header>
23071
23072            <p>Windowsでrsyncをインストールする方法はいくつかあって、一番簡単なのはmingw-getでパッケージとして導入する方法。またはrsyncは諦めてChococaltely経由でcwRsyncパッケージをインストールするのが簡単。両者ともrsyncのためだけに入れるには大仰なので、既に導入されているGit for WindowsにMinGWパッケージと手作業で混ぜてインストールするのも悪くない。</p>
23073          </section>
23074        </a>
23075
23076
23077        <a href="/blog/software/git-subtree-training">
23078          <section class="excerpt">
23079            <header>
23080              <p class="date"><time datetime="2014-06-18T11:16:08+09:00">18日</time></p>
23081
23082              <h3>git subtreeの練習</h3>
23083            </header>
23084
23085            <p>Gitのサブモジュールでは面倒そうな、頻繁に更新される別のリポジトリを取り込む方法としてサブツリーマージを行うラッパーであるgit subtreeコマンドを使う練習を始めた。どちらかというと「参照する」要素の強いサブモジュールに対して、サブツリーは「切り分ける」や「取り込む」という感じなんじゃないかと理解している。全般的に間違ってそうで怖い。</p>
23086          </section>
23087        </a>
23088
23089
23090        <a href="/blog/coding/nodejs-second-argument-of-fs-readfile">
23091          <section class="excerpt">
23092            <header>
23093              <p class="date"><time datetime="2014-06-17T12:33:12+09:00">17日</time></p>
23094
23095              <h3>Node.jsのfs.readFile(Sync)()の第二引数</h3>
23096            </header>
23097
23098            <p>Node.jsのfs.readFile()の第二引数はオブジェクトに変更され、文字列指定によるエンコード指定は削除されたと思っていた。しかし、第二引数が文字列になっているコードをたてつづけに見る機会があったã
23098®ã§ã€æ–‡å­—列を渡した場合にencodingへセットしてくれる機能がそのまま残っていることがちゃんと調べたらわかった。</p>
23099          </section>
23100        </a>
23101
23102
23103        <a href="/blog/misc/smell">
23104          <section class="excerpt">
23105            <header>
23106              <p class="date"><time datetime="2014-06-16T08:23:01+09:00">16日</time></p>
23107
23108              <h3>匂いか臭いか</h3>
23109            </header>
23110
23111            <p>いつも買っていたネピアのトイレットペーパーがリニューアルして香り付きになっていた。石けんの香り。香り付きの柔らかいやつか無香だけど硬い紙のどうにもならない二択になりつつある気がする。あ、ダブル派。</p>
23112          </section>
23113        </a>
23114
23115
23116        <a href="/blog/webdesign/unutm-v0.1.0">
23117          <section class="excerpt">
23118            <header>
23119              <p class="date"><time datetime="2014-06-15T11:25:10+09:00">15日</time></p>
23120
23121              <h3>UnUTM v0.1.0</h3>
23122            </header>
23123
23124            <p>URLのutm_*パラメーターのみを削除してreplaceState()するだけのスクリプトを、UnUTMという名前でBower化してv0.1.0とした。引き続きこのウェブサイトでも稼働中。</p>
23125          </section>
23126        </a>
23127
23128
23129        <a href="/blog/software/vim-renderoptions-option">
23130          <section class="excerpt">
23131            <header>
23132              <p class="date"><time datetime="2014-06-14T02:13:27+09:00">14日</time></p>
23133
23134              <h3>Vimのrenderoptionsオプション</h3>
23135            </header>
23136
23137            <p>最近のKaoriYa版のWindows向けgVimではどうやらrenderoptionsオプションを適切に設定すると、DirectWriteを使った描画に切り替えられるようだ。一年ほど前からパッチとして含められるようになっていたらしい。</p>
23138          </section>
23139        </a>
23140
23141
23142        <a href="/blog/webdesign/node-css-mqpacker-v0.1.2">
23143          <section class="excerpt">
23144            <header>
23145              <p class="date"><time datetime="2014-06-13T04:26:25+09:00">13日</time></p>
23146
23147              <h3>CSS MQPacker v0.1.2</h3>
23148            </header>
23149
23150            <p>メディアクエリの順番が崩れることがあるバグを修正して、CSS MQPackerのv0.1.2をリリースした。CSSは順序に依存するものなので、やっぱり書いたままの順を維持した方が良いのかな……などと、このツールの根本を否定するような考えが頭をよぎった。</p>
23151          </section>
23152        </a>
23153
23154
23155        <a href="/blog/webdesign/centralizing-resources">
23156          <section class="excerpt">
23157            <header>
23158              <p class="date"><time datetime="2014-06-12T15:00:17+09:00">12日</time></p>
23159
23160              <h3>リソースの局所集中</h3>
23161            </header>
23162
23163            <p>リソースを分散することが冗長化や簡潔化には必要なのだけど、ウェブサイトのような個人レベルのプロジェクトではそれほどプライオリティが高いわけではない。狭く簡単な意味での移植性(フォルダコピーや簡単なコマンドで他の環境に移動できるか)などに焦点を当てた方が良いかなと前から考えている。このウェブサイトではWebフォントを自前でホスティングするようにしたり、静的なHTMLをポータブルに構築できるような仕組みにしたりなどしてある程度完了した。</p>
23164          </section>
23165        </a>
23166
23167
23168        <a href="/blog/coding/validate-html-js">
23169          <section class="excerpt">
23170            <header>
23171              <p class="date"><time datetime="2014-06-11T03:59:46+09:00">11日</time></p>
23172
23173              <h3>validate-html.js</h3>
23174            </header>
23175
23176            <p>W3CがホスティングしているNu Markup Checkerを使ってローカルのHTMLファイルをバリデーションにかけるNode.jsスクリプトを書き直していた。だいたい大丈夫そう。Gruntタスク……はやろうとすると遅すぎて死ぬのでやめよう。</p>
23177          </section>
23178        </a>
23179
23180
23181        <a href="/blog/software/minicap">
23182          <section class="excerpt">
23183            <header>
23184              <p class="date"><time datetime="2014-06-10T17:14:42+09:00">10日</time></p>
23185
23186              <h3>MiniCap</h3>
23187            </header>
23188
23189            <p>いわゆるスクリーンショットを撮るアプリケーションであるMiniCapは、コマンドラインであらゆる設定を指定することができる。今まではWinShotを愛用していたのだけど、落ちたり、裏にまわっちゃったりすることがたまに起こるようになったã
23189®ã§ã€ä»£ã‚ã‚Šã‚’探していてこれに落ち着いた。</p>
23190          </section>
23191        </a>
23192
23193
23194        <a href="/blog/software/vim-css3-syntax-v0.12.0">
23195          <section class="excerpt">
23196            <header>
23197              <p class="date"><time datetime="2014-06-09T14:32:01+09:00">9日</time></p>
23198
23199              <h3>vim-css3-syntax v0.12.0</h3>
23200            </header>
23201
23202            <p>Media Queriesのサポートを切り、同時にCSS Conditional Rulesをまともにして、vim-css3-syntaxをv0.12.0に更新した。Conditional Rulesは@supportsのアレ。</p>
23203          </section>
23204        </a>
23205
23206
23207        <a href="/blog/blosxom/living-themes-and-plugins">
23208          <section class="excerpt">
23209            <header>
23210              <p class="date"><time datetime="2014-06-08T01:50:24+09:00">8日</time></p>
23211
23212              <h3>テーマとプラグインをリポジトリへ追加</h3>
23213            </header>
23214
23215            <p>ローカルで動かすようにして環境もスッキリできたので、テーマとプラグインもウェブログのリポジトリに置くようにした。</p>
23216          </section>
23217        </a>
23218
23219
23220        <a href="/blog/coding/grunt-plugin-for-cli-program">
23221          <section class="excerpt">
23222            <header>
23223              <p class="date"><time datetime="2014-06-07T14:10:51+09:00">7日</time></p>
23224
23225              <h3>CLIプログラム向けGruntプラグイン</h3>
23226            </header>
23227
23228            <p>grunt-blosxomのように、なんらかのCLIプログラムを叩くだけのGruntプラグインを書く場合、いわゆるGruntプラグイン的な設定にならないように書いた方がわかりやすいかなと思う。普通のプラグインのようにsrcやfilesを使って設定するように書こうとすると、Gruntの作法にCLIプログラムの挙動を合わせるようにプラグインを書かなくてはならなくて面倒くさい。</p>
23229          </section>
23230        </a>
23231
23232
23233        <a href="/blog/webdesign/alternative-float-label-pattern">
23234          <section class="excerpt">
23235            <header>
23236              <p class="date"><time datetime="2014-06-06T11:36:34+09:00">6日</time></p>
23237
23238              <h3>入力フォームのラベルをフワッと浮かせるパターンの別解</h3>
23239            </header>
23240
23241            <p>Float Label Patternはかっこよくて、単にラベルをプレースホルダーにするよりはマシなので使いたくなる。しかしラベルとプレースホルダーは別に提供してやりたい。機能も違うものなので、その方がきっと良いはずだ。そこで別解として、ラベルが斜めに動くものを考えた。もちろんCSSのみで実装している。</p>
23242          </section>
23243        </a>
23244
23245
23246        <a href="/blog/internet/paletton">
23247          <section class="excerpt">
23248            <header>
23249              <p class="date"><time datetime="2014-06-05T12:32:00+09:00">5日</time></p>
23250
23251              <h3>Paletton</h3>
23252            </header>
23253
23254            <p>Color Scheme Designerの後継と思われるPalettonのベータテストが始まっていた。機能としてはほとんど変わらないが、デフォルトで生成されるバリエーションが少し変わっている。プレビューは補色の配置が点対称に置かれるようになり、他に上記スクリーンショットのような丸いものやピエト・モンドリアンの赤・青・黄のコンポジションのようなデザインのものなど色々増えた。</p>
23255          </section>
23256        </a>
23257
23258
23259        <a href="/blog/blosxom/grunt-blosxom">
23260          <section class="excerpt">
23261            <header>
23262              <p class="date"><time datetime="2014-06-04T02:15:27+09:00">4日</time></p>
23263
23264              <h3>Blosxom用Gruntプラグイン</h3>
23265            </header>
23266
23267            <p>前にちょっと書いたけどBlosxomの動的生成インターフェイスをGruntから叩き、その結果を指定ディレクトリに保存するだけのGruntプラグインを書いて使ってる。汎用性はあんまり考えてないけど、Blosxom側が優秀なのでそれなりにあるような気がする。本体の書き換えが不要で、特殊なプラグインを必要とせず、動的生成向けのプラグインたちが普通に動くといった辺りが、ビルトインã
23267®é™çš„生成システムと比べた利点。</p>
23268          </section>
23269        </a>
23270
23271
23272        <a href="/blog/webdesign/css-source-map">
23273          <section class="excerpt">
23274            <header>
23275              <p class="date"><time datetime="2014-06-03T11:18:40+09:00">3日</time></p>
23276
23277              <h3>CSSのSource Map</h3>
23278            </header>
23279
23280            <p>Source Mapは、JavaScriptやCSSをモニョモニョしてなんかするツールのすべてでサポートされていないと、その恩恵は受け切れない。しかしその一方でSource Mapはエンドユーザーに必要なものではないので、開発上必要になるわけではない単純な空白削除等を行うツール程度では生成する意味は無いとも言える。破壊的な、例えばCSSだとCSSプリプロセッサーだけにあれば良いとも言える。</p>
23281          </section>
23282        </a>
23283
23284
23285        <a href="/blog/internet/github-initial-default-branch">
23286          <section class="excerpt">
23287            <header>
23288              <p class="date"><time datetime="2014-06-02T00:56:36+09:00">2日</time></p>
23289
23290              <h3>GitHubの初期デフォルト・ブランチ</h3>
23291            </header>
23292
23293            <p>GitHubで空のリポジトリを作成した場合、とにかく最初にpushしたブランチがデフォルトのブランチになってくれるようだ。masterブランチをpushしたらもちろんmasterブランチが、testブランチをpushしたらtestブランチが、そしてgh-pagesブランチをpushしたらgh-pagesブランチがデフォルトになるので、masterブランチがないリポジトリをいきなり作れる。あとでリポジトリごとの設定から切り替えたり、不要なmasterブランチを削除したりする必要がないので、GitHub Pagesのみのリポジトリを作る時に様々な作業を省略できる。</p>
23294          </section>
23295        </a>
23296
23297
23298        <a href="/blog/webdesign/node-csswring-v0.2.0">
23299          <section class="excerpt">
23300            <header>
23301              <p class="date"><time datetime="2014-06-01T11:26:55+09:00">1日</time></p>
23302
23303              <h3>CSSWring v0.2.0</h3>
23304            </header>
23305
23306            <p>CSSWringにプル・リクエストを貰ったCSSハックを残す機能を追加してv0.2.0にした。しばらく前からこのウェブサイトでも使うようにして、Source Mapも吐いて辿れるようにしてみたりとか、色々試してる。問題なさそうな気がする。</p>
23307          </section>
23308        </a>
23309
23310          </section>
23311          <section>
23312            <h2><time datetime="2014-05">2014年5月</time></h2>
23313
23314        <a href="/blog/blog/posting-streak">
23315          <section class="excerpt">
23316            <header>
23317              <p class="date"><time datetime="2014-05-31T01:35:24+09:00">31日</time></p>
23318
23319              <h3>書き続けること</h3>
23320            </header>
23321
23322            <p>昨年の5/27の記事でウェブログ復帰して以来、どうやらほぼ毎日書いたようだ。飛んでる日付では前日に二記事書いてる。誰も褒めてくれないので自分で褒めておこう。</p>
23323          </section>
23324        </a>
23325
23326
23327        <a href="/blog/webdesign/hide-other-than-__first-letter">
23328          <section class="excerpt">
23329            <header>
23330              <p class="date"><time datetime="2014-05-30T11:05:55+09:00">30日</time></p>
23331
23332              <h3>::first-letter以外を隠す</h3>
23333            </header>
23334
23335            <p>ちょっとした目的があって、文章(や単語)の最初の一文字だけ残してあとは隠すみたいなことをやりたかった。::first-letter擬似要素では特定のプロパティーしか利用できないので、::before擬似要素を使った画像置換のような手法では行えない。ちょっと悩んだけどmargin-rightプロパティーが使えたのでそれで残りを弾き出してやるという方法に落ち着いた。</p>
23336          </section>
23337        </a>
23338
23339
23340        <a href="/blog/webdesign/google-fonts-proxy-htaccess">
23341          <section class="excerpt">
23342            <header>
23343              <p class="date"><time datetime="2014-05-29T12:30:52+09:00">29日</time></p>
23344
23345              <h3>.htaccessを使ったGoogle Fontsプロキシ</h3>
23346            </header>
23347
23348            <p>昨日の記事で書いたように、大量のHTMLファイルのlink要素をメンテナンスするのは無理がある。自前でのホスティングはひとつの解であるわけだけど、.htaccessを使ってプロキシ的なURLを経由させると、Google Fontsを利用しつつメンテナンス性を上げることもできそう。</p>
23349          </section>
23350        </a>
23351
23352
23353        <a href="/blog/webdesign/ditch-google-fonts">
23354          <section class="excerpt">
23355            <header>
23356              <p class="date"><time datetime="2014-05-28T12:00:56+09:00">28日</time></p>
23357
23358              <h3>Google Fontsとの決別</h3>
23359            </header>
23360
23361            <p>お世話になったGoogle Fontsをやめて自前でWOFFファイルをホスティングするように変えた。本当は3.1になってきれいなページも出来たFira Sansにしようかなと思ってたんだけど、微妙におかしな感じ(意図しないスクロールバー出現の原因になったりした)があったã
23361®ã§Source Sans Proのまま。</p>
23362          </section>
23363        </a>
23364
23365
23366        <a href="/blog/webdesign/hide-global-header-with-in-page-link">
23367          <section class="excerpt">
23368            <header>
23369              <p class="date"><time datetime="2014-05-27T12:48:34+09:00">27日</time></p>
23370
23371              <h3>グローバル・ヘッダーをページ内リンクを利用して隠す</h3>
23372            </header>
23373
23374            <p>(主にモバイル機器の)限られた画面領域を利用するためには様々な手法が考えられている。ハンバーガー・アイコンを使ったグローバル・ヘッダーはその最たるもので、ウェブサイトでも採用するところが増えてきた。なぜ普通のグローバル・ヘッダーではダメなのかと言えば、ページを開いた時にグローバル・ヘッダーの大きさが邪魔になって、コンテンツが見えなくなってしまいやすいことが挙げられるだろう。Ian Coyleというウェブサイトではそれをページ内リンクを利用してうまく解決していた。</p>
23375          </section>
23376        </a>
23377
23378
23379        <a href="/blog/webdesign/centering-overflowed-element">
23380          <section class="excerpt">
23381            <header>
23382              <p class="date"><time datetime="2014-05-26T10:37:29+09:00">26日</time></p>
23383
23384              <h3>飛び出す要素をセンタリング</h3>
23385            </header>
23386
23387            <p>一年くらい前からtop/right/bottom/leftプロパティーを使った水平・垂直センタリングをよく使うようになった。margin: 0 autoによる水平センタリングと同じように、理解できればわかりやすい手法なので気に入っている。ただrelativeを組み合わせたものと違って、センタリングしたい要素が親要素を飛び出す大きさの場合、左上が揃うように配置されるのがちょっと気になる。センタリングしたい要素の中央と親要素の中央とを合わせたい。</p>
23388          </section>
23389        </a>
23390
23391
23392        <a href="/blog/media/kurotokage">
23393          <section class="excerpt">
23394            <header>
23395              <p class="date"><time datetime="2014-05-25T12:14:35+09:00">25日</time></p>
23396
23397              <h3>黒蜥蜴</h3>
23398            </header>
23399
23400            <p>10年ぶりくらいに江戸川乱歩を読み返している。名作は色々あるし、「えっ?」みたいな後味の悪い作品もあったりして楽しい。でもやっぱり黒蜥蜴なのかなと思う。</p>
23401          </section>
23402        </a>
23403
23404
23405        <a href="/blog/webdesign/rawgit-and-responsive-code">
23406          <section class="excerpt">
23407            <header>
23408              <p class="date"><time datetime="2014-05-24T11:00:44+09:00">24日</time></p>
23409
23410              <h3>RawGitを利用したレスポンシブ・コード</h3>
23411            </header>
23412
23413            <p>以前に書いたレスポンシブ・コードは、取り込みたいコードを同じドメイン配下に置いておく必要があった。多くの場合、そういった断片のコードはGistなりに置いたものを取り込みたいはずなので、その点でかなりイマイチなものだった。先ごろ知ったCodeGrabberというコード貼り付けライブラリでは、RawGitのCDN版がAccess-Control-Origin: *なことを利用してドメイン越えをしていた。レスポンシブ・コードでもこれを利用すると良さそうだ。</p>
23414          </section>
23415        </a>
23416
23417
23418        <a href="/blog/webdesign/html-form-elements">
23419          <section class="excerpt">
23420            <header>
23421              <p class="date"><time datetime="2014-05-23T10:38:45+09:00">23日</time></p>
23422
23423              <h3>HTML Form Elements</h3>
23424            </header>
23425
23426            <p>Chrome 35でまた少しフォーム要素の見た目が変わった。そういうのをさっと確認できるようにHTML Form Elementsという標準仕様にあるフォーム要素を羅列したページを作った。</p>
23427          </section>
23428        </a>
23429
23430
23431        <a href="/blog/media/taxi-and-police-car-emoji">
23432          <section class="excerpt">
23433            <header>
23434              <p class="date"><time datetime="2014-05-22T10:12:12+09:00">22日</time></p>
23435
23436              <h3>タクシーとパトカー</h3>
23437            </header>
23438
23439            <p>当たり前だが、タクシーとパトカーは違うものだ。「タクシーに乗った」と「パトカーに乗った」ではまったく意味合いが変わってくる。しかし、この二つの区別が非常につけにくい文章になる場合がある。それはユニコード絵文字を使った場合だ。</p>
23440          </section>
23441        </a>
23442
23443
23444        <a href="/blog/blosxom/bye-blosxom-cgi">
23445          <section class="excerpt">
23446            <header>
23447              <p class="date"><time datetime="2014-05-21T11:23:24+09:00">21日</time></p>
23448
23449              <h3>$ rm blosxom.cgi</h3>
23450            </header>
23451
23452            <p>サーバー上からBlosxomのCGIスクリプトを消して、Gruntを使ってローカルで動かしてrsync (かscp)するように変えたã€
23452‚Blosxomは捨ててない。でもトップページの出力などいくつかの機能をGrunt側に持たせてしまったので、そのうち全部Gruntでやっちゃいそう……。</p>
23453          </section>
23454        </a>
23455
23456
23457        <a href="/blog/webdesign/css-egg-and-star-clip">
23458          <section class="excerpt">
23459            <header>
23460              <p class="date"><time datetime="2014-05-20T07:15:54+09:00">20日</time></p>
23461
23462              <h3>CSSで卵形と星形に切り抜く</h3>
23463            </header>
23464
23465            <p>CSSグラデーションを使った画像切り抜きの続編。卵形と星形では六角形みたいな三角形で端をカットすれば切り抜ける形と違ってもうちょっと工夫が必要になる。その工夫というのはbackground-sizeプロパティーでのサイズの制限。</p>
23466          </section>
23467        </a>
23468
23469
23470        <a href="/blog/webdesign/css-hex-clip">
23471          <section class="excerpt">
23472            <header>
23473              <p class="date"><time datetime="2014-05-19T11:10:58+09:00">19日</time></p>
23474
23475              <h3>CSSで画像を六角形にくり抜く</h3>
23476            </header>
23477
23478            <p>Swarmで使われている六角形のプロフィール画像はちょっと流行りそう。CSSだけで行えるように考えておくとなんかの時に役に立つはず。難しく考えずに擬似要素で三角形を作るテクニックを反転させて重ねるだけでも良かったけど、CSSグラデーションで重ねた方がフレキシブルに作れた。</p>
23479          </section>
23480        </a>
23481
23482
23483        <a href="/blog/coding/css-spinners">
23484          <section class="excerpt">
23485            <header>
23486              <p class="date"><time datetime="2014-05-18T12:59:49+09:00">18日</time></p>
23487
23488              <h3>CSSのローディング・アイコンのコスト</h3>
23489            </header>
23490
23491            <p>今までは主にアニメーションGIFで作られていたローディング・アイコンをCSSアニメーションで作るみたいなのが流行っている。面白いとは思うし、ちゃんと作ればスケーラブルなので便利そうでもある。けれどもローディング・アイコンを表示するための空要素が必要になり、かつ後にそれを消さなくてはならない。CSSだけだと面倒くさそうだ。</p>
23492          </section>
23493        </a>
23494
23495
23496        <a href="/blog/misc/the-user">
23497          <section class="excerpt">
23498            <header>
23499              <p class="date"><time datetime="2014-05-17T13:38:24+09:00">17日</time></p>
23500
23501              <h3>Theが付くユーザー</h3>
23502            </header>
23503
23504            <p>リニューアルしてMediumっぽい感じになったThe Usability PostのThe Userという記事を読んだ。自身のプロダクトのユーザーの傾向をカテゴライズして決めつけたりすることは良くないというように読める。人はとにかくカテゴライズしてラベルを貼るのが好きで、そうしたいので、気をつけたい。</p>
23505          </section>
23506        </a>
23507
23508
23509        <a href="/blog/internet/twitter-profile-image-url">
23510          <section class="excerpt">
23511            <header>
23512              <p class="date"><time datetime="2014-05-16T10:07:06+09:00">16日</time></p>
23513
23514              <h3>Twitterのプロフィール画像のURL</h3>
23515            </header>
23516
23517            <p>Twitterのプロフィール画像のURLはもはや認証の必要なAPIでしか取得できないのかと思っていたのだけど、ちょっと探したら固定で参照できるURLを見つけた。認証なしで任意のURLのツイート数を取得できるcount.jsonとかと同じで非公開の可能性が高い。</p>
23518          </section>
23519        </a>
23520
23521
23522        <a href="/blog/webdesign/word-break-break-all">
23523          <section class="excerpt">
23524            <header>
23525              <p class="date"><time datetime="2014-05-15T12:11:00+09:00">15日</time></p>
23526
23527              <h3>word-break: break-all</h3>
23528            </header>
23529
23530            <p>英単語の間であっても自動改行されるように、word-breakプロパティーでbreak-allを採用しているウェブサイトが地味に増えているような印象だ。コスメティックな理由で見出しやサムネイルの付記などに使うのは悪くない妥協だと思うが、本文にもわりと気軽に使われていてかなり気になる。</p>
23531          </section>
23532        </a>
23533
23534
23535        <a href="/blog/webdesign/animated-background">
23536          <section class="excerpt">
23537            <header>
23538              <p class="date"><time datetime="2014-05-14T09:56:33+09:00">14日</time></p>
23539
23540              <h3>背景画像をtransitionさせ続ける</h3>
23541            </header>
23542
23543            <p>JavaScriptで背景画像を動かすだけで怒られる。CSSでやればJavaScriptを無効にされても動かせるので、もっと怒られるのかもしれない。いちいちCSSアニメーションを書くのは面倒なので、transitionプロパティーを使ってインスタントに動かせるような工夫を考えたã€
23543‚</p>
23544          </section>
23545        </a>
23546
23547
23548        <a href="/blog/webdesign/vimmers-2">
23549          <section class="excerpt">
23550            <header>
23551              <p class="date"><time datetime="2014-05-13T10:29:50+09:00">13日</time></p>
23552
23553              <h3>Vimmers 2</h3>
23554            </header>
23555
23556            <p>手が空いた時にやってた作業が一段落したので、ペライチというかHTMLとCSSとJavaScriptを普通に書きたくなった。ので、vim-jp.orgにあったVimユーザーの一覧ページのカラフルな奴を作った。カラフル。</p>
23557          </section>
23558        </a>
23559
23560
23561        <a href="/blog/media/the-icon-handbook">
23562          <section class="excerpt">
23563            <header>
23564              <p class="date"><time datetime="2014-05-12T15:17:44+09:00">12日</time></p>
23565
23566              <h3>The Icon Handbook</h3>
23567            </header>
23568
23569            <p>Five Simple Steps復活記念ということで何回か欲しいなと思ってたThe Icon Handbookを買った。まだ文章は全然読んでないんだけど、絵だけで思った以上に楽しくて、実本ほしい感じがしてきた……。</p>
23570          </section>
23571        </a>
23572
23573
23574        <a href="/blog/webdesign/drawic-v2.4.0">
23575          <section class="excerpt">
23576            <header>
23577              <p class="date"><time datetime="2014-05-11T15:09:10+09:00">11日</time></p>
23578
23579              <h3>Drawic v2.4.0</h3>
23580            </header>
23581
23582            <p>DrawicにPinboardのアイコンを加えるついでに忘れていたInkscapeのアイコンを追加した。Dribbbleはついで。チェックマークはユニコードで代用効きそうだけど、シャープが保証されてそうなやつない気がするので作っておいた。</p>
23583          </section>
23584        </a>
23585
23586
23587        <a href="/blog/internet/delicious-out-pinboard-in">
23588          <section class="excerpt">
23589            <header>
23590              <p class="date"><time datetime="2014-05-10T14:42:56+09:00">10日</time></p>
23591
23592              <h3>グッバイDelicious、ハローPinboard!</h3>
23593            </header>
23594
23595            <p>5回くらい上げかけてやめた重い腰を今度こそ上げてPinboardを使い始めた。かなり前にアカウント作ろうとして払ってなかったけど、PayPalで今の金額($10.37だった)を払ってメールしたらちゃんと有効化された。一回支払い確認できなかったみたいで無効化されたけど、再度有効化されたのでもう大丈夫っぽい。</p>
23596          </section>
23597        </a>
23598
23599
23600        <a href="/blog/internet/url-and-curry">
23601          <section class="excerpt">
23602            <header>
23603              <p class="date"><time datetime="2014-05-09T01:54:45+09:00">9日</time></p>
23604
23605              <h3>URLとカレー</h3>
23606            </header>
23607
23608            <p>Chrome 36でURLバーでドメイン以外がすべて隠される機能が試験的に実装されたことをうけて「URLは死んだ! Googleが殺した!」的な記事がいくつも書かれている。この機能の是非やそのセキュリティについてはおおいに考えるべきだし、書かれるべきだけど、それと共にURLが死んだとか殺されたとか書くのは行き過ぎだと思う。これは主にブラウザーのUIにおける問題で、そのコンテキストで議論されるべきだ。</p>
23609          </section>
23610        </a>
23611
23612
23613        <a href="/blog/software/browser-extension-and-user-privacy">
23614          <section class="excerpt">
23615            <header>
23616              <p class="date"><time datetime="2014-05-08T13:40:22+09:00">8日</time></p>
23617
23618              <h3>ブラウザーの拡張とユーザーのプライバシー</h3>
23619            </header>
23620
23621            <p>さすがにここのところはあからさまにユーザーのプライバシーを侵害するようなブラウザーの拡張は少ないような気もする。この記事で話題にしたいのは、ある拡張のユーザーであることをあるウェブページの制作者が容易に知ることができてしまうようなケースの話だ。具体的にはウェブページに特徴的な要素や属性を仕込む拡張ということになる。</p>
23622          </section>
23623        </a>
23624
23625
23626        <a href="/blog/webdesign/resizing-svg">
23627          <section class="excerpt">
23628            <header>
23629              <p class="date"><time datetime="2014-05-07T03:56:37+09:00">7日</time></p>
23630
23631              <h3>SVGのリサイズにおける端</h3>
23632            </header>
23633
23634            <p>SVGはフレキシブルにリサイズされるけど、実装依存なので細かい部分では想定通りいかないことがある。例えばそのエッジ。キャンバスとちょうど同じ大きさのrect要素をリサイズすると、実装とサイズによっては端がぼやける。SVG側でどうにかできるので、なんとかしてやると良い。</p>
23635          </section>
23636        </a>
23637
23638
23639        <a href="/blog/internet/monospace-google-fonts">
23640          <section class="excerpt">
23641            <header>
23642              <p class="date"><time datetime="2014-05-06T11:10:58+09:00">6日</time></p>
23643
23644              <h3>等幅のGoogle Fontsが検索可能に</h3>
23645            </header>
23646
23647            <p>Google Fontsに等幅のフォントのみで絞り込む機能が追加された。待望な気がする。この勢いでSlab Serifとかも検索させて欲しい。</p>
23648          </section>
23649        </a>
23650
23651
23652        <a href="/blog/software/dot-grid-and-line-grid">
23653          <section class="excerpt">
23654            <header>
23655              <p class="date">
23655<time datetime="2014-05-05T11:41:59+09:00">5日</time></p>
23656
23657              <h3>ドットと線のグリッド</h3>
23658            </header>
23659
23660            <p>PhotoshopやInkscapeではキャンバスにグリッドが設定できて、それにスナップさせたりとか目安にしたりとかいろいろ活用できる。ないと死ぬ。そのグリッドはだいたいドットか線の二種類から選択できるようになっている。現実世界でも例えばRHODIAはドットと線を両方出していたりする。ざっと描くにはドットが向いてて、きっちり描くには線が向いているのかなと最近考えるようになった。</p>
23661          </section>
23662        </a>
23663
23664
23665        <a href="/blog/webdesign/drawic-v2.3.1">
23666          <section class="excerpt">
23667            <header>
23668              <p class="date"><time datetime="2014-05-04T01:32:42+09:00">4日</time></p>
23669
23670              <h3>Drawic v2.3.1</h3>
23671            </header>
23672
23673            <p>Drawicにメディアプレーヤーのコントロール系のアイコンを追加してv2.3.0にした。再生や早戻しはユニコードにグリフあるような感じだけど、統一されてなさそうなあたりなので不安な感じする。シャッフルはないことだし、難しくもないので作っておいた。</p>
23674          </section>
23675        </a>
23676
23677
23678        <a href="/blog/internet/gliffy">
23679          <section class="excerpt">
23680            <header>
23681              <p class="date"><time datetime="2014-05-03T13:06:28+09:00">3日</time></p>
23682
23683              <h3>Gliffy</h3>
23684            </header>
23685
23686            <p>SVGでエクスポートできる簡単なフローチャート作成ソフトウェアを探していて、オンラインで動き、操作性も良かったGliffyを使ってみている。テンプレートに用意されているフローチャートや組織図は快適に描けた。</p>
23687          </section>
23688        </a>
23689
23690
23691        <a href="/blog/misc/sleep-without-pants">
23692          <section class="excerpt">
23693            <header>
23694              <p class="date"><time datetime="2014-05-02T10:06:34+09:00">2日</time></p>
23695
23696              <h3>パンツなしで寝てる</h3>
23697            </header>
23698
23699            <p>ここ1週間ほどパンツなしで寝てる。寝る時快適とかそういう理由じゃなくて、朝に新しいパンツをはくのが良いかなとか考えたので。朝が快適なのはすごく良い。まだ慣れなくて「あっ、おもらしした!」とか思って何回か起きた。してないけど。</p>
23700          </section>
23701        </a>
23702
23703
23704        <a href="/blog/software/optimization-and-homogenization">
23705          <section class="excerpt">
23706            <header>
23707              <p class="date"><time datetime="2014-05-01T15:35:04+09:00">1日</time></p>
23708
23709              <h3>効率化と均質化</h3>
23710            </header>
23711
23712            <p>世の様々なツールは様々な作業を自動化して実行してくれるものだ。自動化の目的は効率化と均質化に分かれる。前者がとにかく素早く作業を終えることを目的としているのに対し、後者は誰が使っても同じ結果で作業が終わることを目的としていると言い換えても良い。</p>
23713          </section>
23714        </a>
23715
23716          </section>
23717          <section>
23718            <h2><time datetime="2014-04">2014年4月</time></h2>
23719
23720        <a href="/blog/software/vim-css3-syntax-v0.11.0">
23721          <section class="excerpt">
23722            <header>
23723              <p class="date"><time datetime="2014-04-30T11:29:23+09:00">30日</time></p>
23724
23725              <h3>vim-css3-syntax v0.11.0</h3>
23726            </header>
23727
23728            <p>vim-css3-syntaxをv0.11.0にした。新たに追加したのは、文章の縦方向のリズムを簡単に制御できるようにするLine Gridモジュール、Web ComponentsへとつながることになるScopingモジュール、後にウニョウニョ動かすのでハードウェア・アクセラレーション有効にしてとかリフロー起こるかもみたいなのをブラウザーに教えるWill Changeモジュールの3種。</p>
23729          </section>
23730        </a>
23731
23732
23733        <a href="/blog/software/consolez">
23734          <section class="excerpt">
23735            <header>
23736              <p class="date"><time datetime="2014-04-29T09:51:52+09:00">29日</time></p>
23737
23738              <h3>ConsoleZ</h3>
23739            </header>
23740
23741            <p>開発の止まったConsole2の後継っぽいConsoleZを試している。シェルでずっと作業するわけじゃないのでckw-modで不満はなくて、Console2には乗り換える意味はなさそうだったんだけど、ConsoleZではウィンドウの再利用が行え、他のアプリケーションから新しいタブを開くということが可能になったã
23741®ã§ã¡ã‚‡ã£ã¨è‰¯ã„。</p>
23742          </section>
23743        </a>
23744
23745
23746        <a href="/blog/webdesign/drawic-220">
23747          <section class="excerpt">
23748            <header>
23749              <p class="date"><time datetime="2014-04-28T06:40:05+09:00">28日</time></p>
23750
23751              <h3>Drawic v2.2.0</h3>
23752            </header>
23753
23754            <p>Drawicにフォント設定・gulp.js・更新・共有のアイコンを追加してv2.2.0にした。ついでにお気に入りの星をちょっと太らせた。ほんのちょっとだけど。</p>
23755          </section>
23756        </a>
23757
23758
23759        <a href="/blog/webdesign/limit-width-on-print">
23760          <section class="excerpt">
23761            <header>
23762              <p class="date"><time datetime="2014-04-27T08:38:20+09:00">27日</time></p>
23763
23764              <h3>印刷時の幅を制限する</h3>
23765            </header>
23766
23767            <p>印刷時には幅制限を解除して、用紙いっぱいに文字が並ぶようにしていた。しかしこのウェブサイトでも採用している45から75文字のルールはそもそも紙媒体での話だし、レスポンシブ・ウェブ・デザインの観点からもディスプレイと紙で折り返し幅を合わせた方が一貫性がありそう。ということでと同じ幅で折り返すように変えた。</p>
23768          </section>
23769        </a>
23770
23771
23772        <a href="/blog/webdesign/svg-noisy-background">
23773          <section class="excerpt">
23774            <header>
23775              <p class="date"><time datetime="2014-04-26T13:32:28+09:00">26日</time></p>
23776
23777              <h3>ノイズありテクスチャをSVGで</h3>
23778            </header>
23779
23780            <p>PNGのようなビットマップ形式の方が向くサブトなんとかなノイズ付きのスキューなんとかなテクスチャを、SVGのfilter要素でfractalNoiseを利用して生成する試み。SVGだからというか、filterで生成する形なのでスケーラブル、ノイズの分布が平均的なのでおおまかにリピータブルにもなる。上記画像もSVGなのでそのソース見るとわかる。</p>
23781          </section>
23782        </a>
23783
23784
23785        <a href="/blog/webdesign/history-api-and-base-element">
23786          <section class="excerpt">
23787            <header>
23788              <p class="date"><time datetime="2014-04-25T04:31:17+09:00">25日</time></p>
23789
23790              <h3>History APIとbase要素</h3>
23791            </header>
23792
23793            <p>base要素のhref要素で別のドメインのページを指し、リソースの基準となるURLを変更すると、History APIを使った履歴操作が行えなくなる。Same Origin Policyに引っかかって、セキュリティ・エラーが吐かれるようだ。</p>
23794          </section>
23795        </a>
23796
23797
23798        <a href="/blog/blog/ging">
23799          <section class="excerpt">
23800            <header>
23801              <p class="date"><time datetime="2014-04-24T11:48:40+09:00">24日</time></p>
23802
23803              <h3>書く時</h3>
23804            </header>
23805
23806            <p>ウェブログが再評価されていることの表れか、書くことについて書かれた記事を読む機会が増えた。そのひとつの「ブログの記事書くときに気をつけていること」を読んで、僕もいくつかあるなーとか考えていた。「消さない」以外だと大きいところで3つのルールがある。</p>
23807          </section>
23808        </a>
23809
23810
23811        <a href="/blog/webdesign/async-print-css">
23812          <section class="excerpt">
23813            <header>
23814              <p class="date"><time datetime="2014-04-23T10:08:47+09:00">23日</time></p>
23815
23816              <h3>印刷向けスタイルシートの非同期読み込み</h3>
23817            </header>
23818
23819            <p>印刷向けスタイルシートを分ける理由は、スクリーン向けスタイルシートをできうる限り小さくし、ウェブページのレンダリング開始をできるかぎり早めることにある。別にしたことによるHTTPリクエストの増加は問題ではあるが、それそのものではなく、増えたHTTPリクエストがレンダリングやロード時間を含めたユーザー体感速度を遅くしてしまうことが問題であると言える。そのためロード完了後に裏でこっそり印刷向けスタイルシートを読むというLazy Load的なアプローチが良いのかもしれない。</p>
23820          </section>
23821        </a>
23822
23823
23824        <a href="/blog/webdesign/link-hidden">
23825          <section class="excerpt">
23826            <header>
23827              <p class="date"><time datetime="2014-04-22T08:23:13+09:00">22日</time></p>
23828
23829              <h3>link要素へのhidden属性</h3>
23830            </header>
23831
23832            <p>link要素へhidden属性を指定してやり、それのトグルで特定のCSSファイルに書かれたルール群の有効・無効を切り替えられるかなと考えたã€
23832‚まずhidden属性でCSSが無効になる必要があるので調べた所、無効にならなかった……。仮定で挫折。</p>
23833          </section>
23834        </a>
23835
23836
23837        <a href="/blog/webdesign/media-print-and-http-request">
23838          <section class="excerpt">
23839            <header>
23840              <p class="date"><time datetime="2014-04-21T08:50:58+09:00">21日</time></p>
23841
23842              <h3>media=printとHTTPリクエスト</h3>
23843            </header>
23844
23845            <p>スクリーン向けスタイルシートと印刷向けスタイルシートを分けるように戻そうかと考えてた。過去ログ検索すると何度か切り替えてることがわかる。最近印刷向けとかに注意を向けてなかったので忘れてたけど、media=printとしてもHTTPリクエストは常に書いたところで走る。ので、別ファイルにするとHTTPリクエストがほぼ無駄な形で増えてしまう。</p>
23846          </section>
23847        </a>
23848
23849
23850        <a href="/blog/software/fragmentions">
23851          <section class="excerpt">
23852            <header>
23853              <p class="date"><time datetime="2014-04-20T16:53:34+09:00">20日</time></p>
23854
23855              <h3>Fragmentions</h3>
23856            </header>
23857
23858            <p>FragmentionsというChrome拡張がある。URLに##link-to-somethingと2個の#に続けて任意の言葉を指定すると、URLのコンテンツ内にあるその言葉へリンクを張れる。コンテンツ提供者が特別なマークアップを行わないでもページ内リンクが実現できるというわけ。Adactioの同名の記事で知った。</p>
23859          </section>
23860        </a>
23861
23862
23863        <a href="/blog/coding/github-flavoured-markdown-heading-links">
23864          <section class="excerpt">
23865            <header>
23866              <p class="date"><time datetime="2014-04-19T18:01:29+09:00">19日</time></p>
23867
23868              <h3>GFMの見出しリンク</h3>
23869            </header>
23870
23871            <p>GitHubではREADME.mdのレンダリングにはGitHub Flavored Markdownが使われている。その基本はRedcarpetみたいなんだけど、見出しリンクがなんか違う気がするなーと思った。特に半角記号の辺り。GitHubカンニング・ペーパーのToCを作ろうとした時に色々面倒だった。</p>
23872          </section>
23873        </a>
23874
23875
23876        <a href="/blog/misc/after-increasing-consumption-tax-20140418">
23877          <section class="excerpt">
23878            <header>
23879              <p class="date"><time datetime="2014-04-18T01:02:47+09:00">18日</time></p>
23880
23881              <h3>消費増税後、入手難易度が上がったもの</h3>
23882            </header>
23883
23884            <p>今までは容易に入手できていたものが、値上げや定期的な安売りがなくなったり、扱いがなくなったりと入手難易度が上がってる気がする。しばらく前の値上げの影響もあるのか、乳製品で顕著な気がする。</p>
23885          </section>
23886        </a>
23887
23888
23889        <a href="/blog/webdesign/display-none">
23890          <section class="excerpt">
23891            <header>
23892              <p class="date"><time datetime="2014-04-17T16:03:21+09:00">17日</time></p>
23893
23894              <h3>display: noneとレスポンシブ・ウェブ・デザイン</h3>
23895            </header>
23896
23897            <p>レスポンシブ・ウェブ・デザインとその設計を語る時にdisplay: noneが引き合いに出されることが多いなと感じる。その多用は設計ミスというような具合だ。そういうところは確かになくはないが、多用自体はCSSの貧弱さからくるHTMLの複雑さを意味するだけなのではないかと思う。</p>
23898          </section>
23899        </a>
23900
23901
23902        <a href="/blog/gadget/pga-pg-psi5sgc">
23903          <section class="excerpt">
23904            <header>
23905              <p class="date"><time datetime="2014-04-16T02:53:00+09:00">16日</time></p>
23906
23907              <h3>PGA 液晶保護ガラス PG-PSI5SGC</h3>
23908            </header>
23909
23910            <p>液晶保護ガラスを初めて買った。どれが良いのか良くわからなかったã
23910®ã§ã€ãƒ“ックカメラにあったPGAのPG-PSI5SGCというやつにして、貼ってもらった。2480円に作業代500円だった。</p>
23911          </section>
23912        </a>
23913
23914
23915        <a href="/blog/blog/i-m-writing">
23916          <section class="excerpt">
23917            <header>
23918              <p class="date"><time datetime="2014-04-15T02:10:22+09:00">15日</time></p>
23919
23920              <h3>書いてるよ</h3>
23921            </header>
23922
23923            <p>毎日ガシガシ文章を書いている。大抵はエディタに向かって書いてるわけだけど、たまに思い出したように余ってるルーズリーフの紙に書いてみたりもしてる。技術寄りの文章を紙に手書きで書くと、なんかすごく恥ずかしい感じで後頭部がカーッと熱くなってくる。逆にエディタで日常の感想的なことを書いてると、指がブルブル震えてくる。</p>
23924          </section>
23925        </a>
23926
23927
23928        <a href="/blog/software/github-cheat-cheet-ja">
23929          <section class="excerpt">
23930            <header>
23931              <p class="date"><time datetime="2014-04-14T12:45:29+09:00">14日</time></p>
23932
23933              <h3>GitHubカンニング・ペーパー</h3>
23934            </header>
23935
23936            <p>GitHubとGitの隠されたまたはあまり知られていない機能についてコンパクトにまとめられたGitHub Cheat Sheetの日本語訳を作った。訳すことそのものよりも、訳すくらいちゃんと読めば覚えられるかなと思って訳してた。だいたい覚えられた気がする。ブランチ比較ビューで何日前とかで比較できるのは知らなかったな。</p>
23937          </section>
23938        </a>
23939
23940
23941        <a href="/blog/webdesign/node-csswring">
23942          <section class="excerpt">
23943            <header>
23944              <p class="date"><time datetime="2014-04-13T15:38:50+09:00">13日</time></p>
23945
23946              <h3>CSSWring</h3>
23947            </header>
23948
23949            <p>CSSの圧縮を行うCLIツール兼モジュール、CSSWringをPostCSSを使って書いた。PostCSSの内蔵機能+正規表現でゴリ押しみたいな感じなので、テストあるけど不安しか無い……。CLIに至ってはテスト書いてない。意義的にはPostCSSを使った最適化の一角を担える圧縮ツールというもの。CLIの方は少し前にちょっと書いたminimistを使ってる。</p>
23950          </section>
23951        </a>
23952
23953
23954        <a href="/blog/misc/payment-mismatch-on-atbilling">
23955          <section class="excerpt">
23956            <header>
23957              <p class="date"><time datetime="2014-04-12T12:08:09+09:00">12日</time></p>
23958
23959              <h3>@ビリングにおける請求額の不一致</h3>
23960            </header>
23961
23962            <p>重い腰を上げてペーパーレス化を推進するためにNTT東日本の@ビリングに申し込んだ。申し込みと適用自体はスムーズに行なえ、電話回線の基本料金からの110円の割引も行われていた。問題ない……と思いきや、請求額と引き落とし額が一致しない。どうやらフレッツ光のプロバイダパックを利用している場合、そのプロバイダ料金は請求額として計上されないようだ。</p>
23963          </section>
23964        </a>
23965
23966
23967        <a href="/blog/rss/feedly-mark-all-as-read">
23968          <section class="excerpt">
23969            <header>
23970              <p class="date"><time datetime="2014-04-11T02:06:58+09:00">11日</time></p>
23971
23972              <h3>FeedlyのMark all as read</h3>
23973            </header>
23974
23975            <p>Feedlyを使ってる時の懸案事項のひとつだったMark all as readすると読んでいる間に追加された未読も既読になってしまう仕様が、ここ最近の更新で変更され未読のまま残ってくれるようになった気がする。そうであって当然とも言えるものだけど、長い間放置されていたのでもう変わることはないと思ってたため良かった。ちゃんと問題視してたんだなぁ。</p>
23976          </section>
23977        </a>
23978
23979
23980        <a href="/blog/webdesign/kill-middle-click-also">
23981          <section class="excerpt">
23982            <header>
23983              <p class="date"><time datetime="2014-04-10T14:40:12+09:00">10日</time></p>
23984
23985              <h3>勢い余って中クリックも殺す</h3>
23986            </header>
23987
23988            <p>リンクのクリックやタップをフックしてリンク先URLをすり替えることにより、ユーザーを追跡しようという試み他を行っているウェブサイトは多い。Googleの検索結果などもそうだ。ユーザー追跡の是非はともかく、よく出来ていないウェブサイトでは中クリックやロング・タップを考慮しておらず、ユーザーが期待する動作をしてくれないことがある。</p>
23989          </section>
23990        </a>
23991
23992
23993        <a href="/blog/software/spacesniffer">
23994          <section class="excerpt">
23995            <header>
23996              <p class="date"><time datetime="2014-04-09T13:47:21+09:00">9日</time></p>
23997
23998              <h3>SpaceSniffer</h3>
23999            </header>
24000
24001            <p>あまり余裕のないSSDを使っている場合、フォルダがディスクをどれくらい消費しているかを解析して表示してくれるツールがあると、どれを消すと良いかわかりやすくてちょっと助かる。ゲームとかそのMODとかゲームとか。SpaceSnifferはそういう解析をスクリーンショットのようにグラフィカルに表示してくれるソフトウェア。今まではTreeSizeの無料版を使っていたんだけど、立て続けに2回ほどクラッシュしたので代わりになりそうなものを探していて、これに行き着いた。</p>
24002          </section>
24003        </a>
24004
24005
24006        <a href="/blog/webdesign/sitemap-error-on-webmaster-tools">
24007          <section class="excerpt">
24008            <header>
24009              <p class="date"><time datetime="2014-04-08T11:06:05+09:00">8日</time></p>
24010
24011              <h3>ウェブマスター ツールでのSitemapのエラー</h3>
24012            </header>
24013
24014            <p>ウェブマスター ツールではSitemapのエラーを様々な点で教えてくれる。またメッセージ機能によりウェブサイトの様々なエラーを教えてくれ、それは同時にメールでも受け取れる。しかしSitemapでのエラーはメッセージ機能で教えてくれないことを今さら知った。</p>
24015          </section>
24016        </a>
24017
24018
24019        <a href="/blog/media/four-things">
24020          <section class="excerpt">
24021            <header>
24022              <p class="date"><time datetime="2014-04-07T11:31:20+09:00">7日</time></p>
24023
24024              <h3>図表のあったらいいな</h3>
24025            </header>
24026
24027            <p>世の図表がすべてこうだったらなという要望を4つ挙げた記事を読んだ。図表で教えたいことじゃなくて、図表からユーザーが知りたいことに焦点を当てると良いのではないかという感じ。真っ当な意見だけどウェブの外側では広く受け入れられることはなさそう。折れ線グラフで未完成のデータへはまだ線を引かないみたいなのは気にしたことなかったので、これからは気をつけたい。</p>
24028          </section>
24029        </a>
24030
24031
24032        <a href="/blog/misc/stomachache-20140404">
24033          <section class="excerpt">
24034            <header>
24035              <p class="date"><time datetime="2014-04-06T11:33:21+09:00">6日</time></p>
24036
24037              <h3>腹痛</h3>
24038            </header>
24039
24040            <p>おとといの3/4くらい腹痛だった。腹痛だとなにもできない。寝ることすらも難しい。腹をちょっとカパッと開いて素手で胃や腸をさすりたくなる。朝淹れたコーヒーが濃すぎた気がする。印象悪いのでこの粉は二度と買わない。</p>
24041          </section>
24042        </a>
24043
24044
24045        <a href="/blog/media/body-head-coming-apart">
24046          <section class="excerpt">
24047            <header>
24048              <p class="date"><time datetime="2014-04-05T22:50:16+09:00">5日</time></p>
24049
24050              <h3>Body/Head - Coming Apart</h3>
24051            </header>
24052
24053            <p>Sonic Youth後のKim GordonのプロジェクトであるBody/Headのアルバム、Coming Apartを聞き始めたã€
24053‚Sonic Youthの音から色々欠落した感じが、昔の変なアルバム思い出せて楽しい。Julia CafritzとやってるFree Kittenも好きだったので、そっちの新しいのも出してくれないかなとか思ってたけど、これはこれで良い。</p>
24054          </section>
24055        </a>
24056
24057
24058        <a href="/blog/webdesign/drawic-210">
24059          <section class="excerpt">
24060            <header>
24061              <p class="date"><time datetime="2014-04-04T04:48:09+09:00">4日</time></p>
24062
24063              <h3>Drawic v2.1.0</h3>
24064            </header>
24065
24066            <p>Drawicに設定、プロフィール、Wi-Fiとグラフのアイコンを追加してv2.1.0にした。必要だったのは設定とプロフィールのアイコンだけだったんだけど、キリが良い40個になるようにグラフとWi-Fiのアイコンも追加した。</p>
24067          </section>
24068        </a>
24069
24070
24071        <a href="/blog/webdesign/autocomplete-off-and-user-subjectivity">
24072          <section class="excerpt">
24073            <header>
24074              <p class="date"><time datetime="2014-04-03T11:51:20+09:00">3日</time></p>
24075
24076              <h3>autocomplete=offと人の主体性</h3>
24077            </header>
24078
24079            <p>少し前に「autocomplete=offするのやめて、ブラウザーのパスワード管理を使わせて欲しい」という記事を読んだ。autocomplete=offはブラウザー内蔵のパスワード管理機能を壊すことが多いので、結果として覚えやすいとか使い回しのパスワードにしたくなってしまうみたいな悪循環を引き起こすんじゃないかなどという様に読めた。僕はもう長いことブラウザーの管理機能使ってないので、autocomplete=offそのものについてはどっちでも良いやという感じではあるけど、それでもちょっと考えるところはある。</p>
24080          </section>
24081        </a>
24082
24083
24084        <a href="/blog/webdesign/background-images-and-css-grdient">
24085          <section class="excerpt">
24086            <header>
24087              <p class="date"><time datetime="2014-04-02T16:14:02+09:00">2日</time></p>
24088
24089              <h3>複数の背景画像とCSSグラデーション</h3>
24090            </header>
24091
24092            <p>伊勢丹の新しいタータンのような矩形模様の繰り返しに過ぎないものは、多数の背景画像を気軽に扱える時代になったので、CSSグラデーションで簡単に作ることができる時代になった。最近あまりCSSグラデーションを書いてなかったので、今時のグラデーション文法の復習も兼ねて作った。</p>
24093          </section>
24094        </a>
24095
24096
24097        <a href="/blog/blosxom/permalink-css">
24098          <section class="excerpt">
24099            <header>
24100              <p class="date"><time datetime="2014-04-01T02:39:12+09:00">1日</time></p>
24101
24102              <h3>パーマリンクに特別なCSSを追加</h3>
24103            </header>
24104
24105            <p>Blosxomで記事ごとに専用のCSSを当てる方法を考えていた。last()でrel=&quot;stylesheet&quot;を削除してCSSの参照を追加するだけのプラグインを作るのも良いけど、やることのわりにコストが高い。単純にmetaプラグインとinterpolate_fancyプラグインを組み合わせて実現するのが手っ取り早そう。</p>
24106          </section>
24107        </a>
24108
24109          </section>
24110          <section>
24111            <h2><time datetime="2014-03">2014年3月</time></h2>
24112
24113        <a href="/blog/internet/chugoku-np-subscription">
24114          <section class="excerpt">
24115            <header>
24116              <p class="date"><time datetime="2014-03-31T03:15:16+09:00">31日</time></p>
24117
24118              <h3>中国新聞のデジタルコース</h3>
24119            </header>
24120
24121            <p>毎年恒例のカープ関連のニュースのPipesを修正してた。今年は中国新聞のウェブサイトが大幅に改修されていて、HTML5化してたりとか右クリック禁止してたりとか変更があった。右クリック禁止……はおいておいて、各記事の全文が有料会員限定のコンテンツになったという大きな変更もあった。カープ関連の記事など一部記事の全文を読むにはデジタルコースの契約をする必要がある。</p>
24122          </section>
24123        </a>
24124
24125
24126        <a href="/blog/misc/super-normal">
24127          <section class="excerpt">
24128            <header>
24129              <p class="date"><time datetime="2014-03-30T17:58:54+09:00">30日</time></p>
24130
24131              <h3>普通を超えたもの</h3>
24132            </header>
24133
24134            <p>Super Normalという記事を読んだ。深澤直人。自分としてはSuper Normalを達成したつもりでも、実際は他の欠点が浮上したり(木の取っ手によりミニマルな外見が失われる)、改善点がうまく伝わらなかったり(冷たい水を大量に扱う機会がなã
24134„)する。これは問題の軽視やプレゼンテーション能力の不足による失敗というわけでもないのが難しいところ。</p>
24135          </section>
24136        </a>
24137
24138
24139        <a href="/blog/webdesign/active-nav-item-and-mark-element">
24140          <section class="excerpt">
24141            <header>
24142              <p class="date"><time datetime="2014-03-29T14:39:48+09:00">29日</time></p>
24143
24144              <h3>アクティブなナビゲーション項目とmark要素</h3>
24145            </header>
24146
24147            <p>アクティブなナビゲーション項目、つまり現在のページへのナビゲーション項目はclass属性を使ってactiveなどと付けられることが多い。特に間違ってはいないんだけど、いまいちピンとこない。というかしっくりこない。大体は流されてそうしているけど、このウェブサイトではmark要素を使ってる。</p>
24148          </section>
24149        </a>
24150
24151
24152        <a href="/blog/gadget/anker-astro-mini-silver">
24153          <section class="excerpt">
24154            <header>
24155              <p class="date"><time datetime="2014-03-28T14:38:54+09:00">28日</time></p>
24156
24157              <h3>Anker Astro Mini (シルバー)</h3>
24158            </header>
24159
24160            <p>モバイルバッテリーなるものを初めて買った。そこそこ安価でゴテゴテしてなかったスティック型のAnker Astro Miniのシルバーにした。同じAnkerのでかい容量のやつでも大は小を兼ねそうで良かったんだけど、持ち運びに便利な小ささを優先した。これでも3000mAhあるので十分そう。1500円だった。</p>
24161          </section>
24162        </a>
24163
24164
24165        <a href="/blog/coding/nodejs-dependencies-versioning">
24166          <section class="excerpt">
24167            <header>
24168              <p class="date"><time datetime="2014-03-27T17:58:36+09:00">27日</time></p>
24169
24170              <h3>npmのd*ependenciesでの~と^</h3>
24171            </header>
24172
24173            <p>npmではv1.4.3からデフォルトでは^を使ったバージョン指定でインストールした依存パッケージをpackage.jsonへ保存するようになった。後方互換性が確保されているはずなので、マイナーまでは無言で更新して良いということなのだろう。ただ、他からプラグイン的に利用されることを(も)想定しているNode.jsパッケージでは~の方が良いのかもしれないと思った。</p>
24174          </section>
24175        </a>
24176
24177
24178        <a href="/blog/misc/cant-write-now">
24179          <section class="excerpt">
24180            <header>
24181              <p class="date"><time datetime="2014-03-26T09:17:35+09:00">26日</time></p>
24182
24183              <h3>今は書けないけど</h3>
24184            </header>
24185
24186            <p>「今は書けない」としてしまうと、書けるようになった時にも書かない。単にそのテーマについて飽きてたりとか、書けるようになった時には意味が薄くなってたり、別の似たようなものに惹かれていたりとか。飽きはともかく、意味が薄くなった時や別のものに惹かれている時にもなんでそうなったのかとかで書けるはずなんだけど、一旦スイッチをオフにすると書けなくなってしまう。せめて下書きだけでもしとくと良いのかなと、最近は下書きをするようにしてる。</p>
24187          </section>
24188        </a>
24189
24190
24191        <a href="/blog/webdesign/reinvent-link-underline">
24192          <section class="excerpt">
24193            <header>
24194              <p class="date"><time datetime="2014-03-25T03:32:49+09:00">25日</time></p>
24195
24196              <h3>リンクの下線の再発明</h3>
24197            </header>
24198
24199            <p>少し前までは「リンクの下線を消すな、いやでも消したい」みたいなことしか話題にならなかったのに時代は変わったなどということをMediumのためのリンクの下線の再発明といった趣向の記事を読んで思った。僕も以前これと似たような方法(後述)でリンクの下線の再実装を行ったことがあるので、楽しく読んだ。この辺りの制御を行うCSSプロパティー達の実装が後回しにされてる現状は悲しい。</p>
24200          </section>
24201        </a>
24202
24203
24204        <a href="/blog/misc/amakunai-nomu-yogurt">
24205          <section class="excerpt">
24206            <header>
24207              <p class="date"><time datetime="2014-03-24T04:31:30+09:00">24日</time></p>
24208
24209              <h3>あまくないのむヨーグルト</h3>
24210            </header>
24211
24212            <p>小岩井乳業のあまくないのむヨーグルトを求めてさまã
24212‚ˆã£ã¦ã„た。元々飲むヨーグルトは好きだったので、甘いのでも良いから朝は飲むヨーグルトにしようかなと考えていた。ブルガリアの甘いやつを飲みつつ、なるべく無糖のがあれば良いなとインターネットで探して見つけたこれを探したけどあんまり置いてない。最終的には駅前デパートの食品売り場でたまに128円で売っているのを発見した。</p>
24213          </section>
24214        </a>
24215
24216
24217        <a href="/blog/webdesign/ruby-and-leading">
24218          <section class="excerpt">
24219            <header>
24220              <p class="date"><time datetime="2014-03-23T13:48:08+09:00">23日</time></p>
24221
24222              <h3>ルビと行間</h3>
24223            </header>
24224
24225            <p>ルビありの文章を作っていて、ルビのある行とない行で行間がずれるのを防ぐにはどうしようかと考えていた。どうもInternet ExplorerとChrome共にrtの表示はCSSで制御できないみたい。それならと論理的な計算で行間を確保すればいけるかと思ったけれども、それもダメそう。アバウトにline-height: 2という結論は出たけれども……。</p>
24226          </section>
24227        </a>
24228
24229
24230        <a href="/blog/software/fix-ios-sync-over-wi-fi">
24231          <section class="excerpt">
24232            <header>
24233              <p class="date"><time datetime="2014-03-22T16:25:54+09:00">22日</time></p>
24234
24235              <h3>iOSのWi-Fi同期を直す</h3>
24236            </header>
24237
24238            <p>PC側のiTunesやiPhone側のiOSを更新する時にUSBでiPhoneをつないだ後、Wi-Fi同期がうまくいかなくなることがある。そもそもWi-Fiで見つからないとかそういうこともあるけど、多くの場合は一瞬見つかるけど同期がうまくいかない。5時間くらい検索や格闘して、どうやら原因はiTunesのイジェクト・ボタンを押さずにUSBケーブルを抜いてしまうとおかしくなるんじゃないかという結論にとりあえず落ち着いた。話半分。</p>
24239          </section>
24240        </a>
24241
24242
24243        <a href="/blog/webdesign/stubborn-old-web-professional">
24244          <section class="excerpt">
24245            <header>
24246              <p class="date"><time datetime="2014-03-21T14:00:07+09:00">21日</time></p>
24247
24248              <h3>頭の固いウェブ専門家</h3>
24249            </header>
24250
24251            <p>初心者が犯しがちなウェブデザインの間違いという記事を読んだ。だいたいその通りで間違ってはないんだけど、こういった積み重ねた知識や記憶は、動きが速いウェブの世界では重石にもなる。あまり先入観を持たないように、頭の硬いウェブ専門家にならないように、することもまた大事だ。</p>
24252          </section>
24253        </a>
24254
24255
24256        <a href="/blog/software/to-app-confing">
24257          <section class="excerpt">
24258            <header>
24259              <p class="date"><time datetime="2014-03-20T14:04:23+09:00">20日</time></p>
24260
24261              <h3>アプリの設定への導線</h3>
24262            </header>
24263
24264            <p>アプリの、特にソーシャル・アプリでは、その設定へのアクセス方法はある程度集約されているように感じた。Twitterアプリのようにプロフィールにあるか、Facebookアプリのようにグローバル・メニューに組み込まれているかのどちらかだ。</p>
24265          </section>
24266        </a>
24267
24268
24269        <a href="/blog/webdesign/font-in-light-weight-and-windows-chrome-33">
24270          <section class="excerpt">
24271            <header>
24272              <p class="date"><time datetime="2014-03-19T12:15:15+09:00">19日</time></p>
24273
24274              <h3>細字とWindows Chrome 33</h3>
24275            </header>
24276
24277            <p>WindowsのChromeでは未だGDIを使っている関係で、それほど良くもないInternet ExplorerやWindowsのFirefoxよりも更にかなり文字のレンダリング結果が落ちる。普通のウェイトの場合は「汚い」程度で済むのだけど、細字(Light)になると「読めない」になる程に致命的だと感じる。</p>
24278          </section>
24279        </a>
24280
24281
24282        <a href="/blog/software/brunch">
24283          <section class="excerpt">
24284            <header>
24285              <p class="date"><time datetime="2014-03-18T12:59:00+09:00">18日</time></p>
24286
24287              <h3>HTML5ビルドツール、Brunch</h3>
24288            </header>
24289
24290            <p>Gruntはなんとなくわかったような気がするし、gulp.jsは注目度が高く誰かがもっと細かく色々解説してくれそうな気がするので、Brunchについて調べている。ちょっとビルド寄りで、Webアプリの環境整備とデプロイという出入口のサポートツールというと近そう。</p>
24291          </section>
24292        </a>
24293
24294
24295        <a href="/blog/software/install-vimeo-app-on-jp-ios">
24296          <section class="excerpt">
24297            <header>
24298              <p class="date"><time datetime="2014-03-17T00:33:10+09:00">17日</time></p>
24299
24300              <h3>Vimeoアプリの日本語iOSへのインストール</h3>
24301            </header>
24302
24303            <p>VimeoのiOSアプリはJoinを押すとクラッシュする。日本人による低評価なレビューを見る限りメジャーな問題っぽいんだけど、英語のレビューでは同様なレビューがまったくない。どうやらこれは日本語になってるiOSのみで起こる現象らしい。なので、インストール後一旦言語設定をEnglishにするとうまくJoinできる。その後、日本語に戻してもそのままうまく動いてくれる(ている)。</p>
24304          </section>
24305        </a>
24306
24307
24308        <a href="/blog/gadget/alfi-albergo">
24309          <section class="excerpt">
24310            <header>
24311              <p class="date"><time datetime="2014-03-16T16:40:12+09:00">16日</time></p>
24312
24313              <h3>
24313alfi アルベルゴ 1.5L</h3>
24314            </header>
24315
24316            <p>長く使っていたサーモスの保温ポットの口がちゃんと閉まらなくなってきて、保温性能が落ちてきた感じがするので、alfiというところのポットを買った。年末に9000円くらいで見てそのうち買おうと思っていたんだけど、年明けたら11000円くらいになってた。それが8600円くらいに下がったので買った。Amazonに翻弄されてる。</p>
24317          </section>
24318        </a>
24319
24320
24321        <a href="/blog/webdesign/pre-indentation-and-dark-bg">
24322          <section class="excerpt">
24323            <header>
24324              <p class="date"><time datetime="2014-03-15T16:22:02+09:00">15日</time></p>
24325
24326              <h3>インデントや暗い背景のpre</h3>
24327            </header>
24328
24329            <p>巷ではpre要素はインデントされてたり、暗い背景になっていたりすることが多い。前後の段落と明確に区切りをつけ、ここは普通の文章ではないと示したいとか、単にエディタを模しただけとか、理由は様々。インデントは引用(blockquote要素)とかぶるし、暗い背景だと目立ちすぎるので、僕はどちらも余り好きじゃない。</p>
24330          </section>
24331        </a>
24332
24333
24334        <a href="/blog/rss/smile-to-yourself">
24335          <section class="excerpt">
24336            <header>
24337              <p class="date"><time datetime="2014-03-14T13:03:04+09:00">14日</time></p>
24338
24339              <h3>ニッコリ笑ってFeedbinが一周年</h3>
24340            </header>
24341
24342            <p>Feedbinの開発者が1年やってきての記事を読んだ。最初の成功から、専用サーバーでスケーリングさせた話、デザインの変遷までがコンパクトにまとまっている。今、こんな見た目なんだ。</p>
24343          </section>
24344        </a>
24345
24346
24347        <a href="/blog/webdesign/you-might-need-css-preprocessors">
24348          <section class="excerpt">
24349            <header>
24350              <p class="date"><time datetime="2014-03-13T11:57:21+09:00">13日</time></p>
24351
24352              <h3>CSSプリプロセッサーの必要性</h3>
24353            </header>
24354
24355            <p>やはりSassは必要だと考えている。あるいはLESSでもStylusでも良い。それはCSS Variablesの実装が落ち着き、行き渡っても、だ。もちろんその時にはCSSプリプロセッサーの変数を使わずに、CSS Variablesを使って書いた方が良いけれども。</p>
24356          </section>
24357        </a>
24358
24359
24360        <a href="/blog/coding/node-minimist">
24361          <section class="excerpt">
24362            <header>
24363              <p class="date"><time datetime="2014-03-12T11:58:15+09:00">12日</time></p>
24364
24365              <h3>minimist</h3>
24366            </header>
24367
24368            <p>Node.jsでCLIツールを作る時に使えるコマンドライン・オプションのパーサーとしてminimistをよく使うようになった。なかなかの好感触。同様のものとしてoptimistやその後継のyargsが有名で、しっかりと作るならそっちの方がよく出来ているけど、数個のオプションの切り替えと余りの抽出くらいならminimistの方が楽。</p>
24369          </section>
24370        </a>
24371
24372
24373        <a href="/blog/coding/sass-variable-scope-and-bang-global">
24374          <section class="excerpt">
24375            <header>
24376              <p class="date"><time datetime="2014-03-11T12:03:09+09:00">11日</time></p>
24377
24378              <h3>Sassの変数スコープと!global</h3>
24379            </header>
24380
24381            <p>Sassの変数スコープの仕様では、ローカル・コンテキストからグローバル変数を上書きできていた。LESSでは多くのプログラミング言語と一緒で上書きはできないという素直な仕様になっている。Sass 3.3では上書きしようとすると警告が出るようになり、!globalフラグを使い明示的に上書きしていることを教える必要があるようになった。将来的には仕様が変更され、警告なしでLESSと同じ挙動になるようだ。</p>
24382          </section>
24383        </a>
24384
24385
24386        <a href="/blog/blog/blo-g-crastination">
24387          <section class="excerpt">
24388            <header>
24389              <p class="date"><time datetime="2014-03-10T12:17:32+09:00">10日</time></p>
24390
24391              <h3>Blo(g)crastination</h3>
24392            </header>
24393
24394            <p>
24394Blo(g)crastinationという記事を読んだ。書かない理由を色々持ちだしてブログの記事を書き始めるのにグズグズすること(procrastination)はあるけど、特に注目されることを意識せずに短く簡単な記事をちょくちょく書くのも良いんじゃないかとかそんな感じ。</p>
24395          </section>
24396        </a>
24397
24398
24399        <a href="/blog/gadget/buffalo-bsh5u04wh">
24400          <section class="excerpt">
24401            <header>
24402              <p class="date"><time datetime="2014-03-09T13:41:28+09:00">9日</time></p>
24403
24404              <h3>Buffaloの箱型USBハブ</h3>
24405            </header>
24406
24407            <p>使っていたUSBハブのコネクタが調子悪くなったので、USBメモリをサクッと挿せることを条件にしてBuffaloのBSH5U04WHという箱型USBハブにした。ちょっとしたケーブルの取り回しにも使えるかなという見通しは残念ながら甘すぎた。側面のロゴが死ぬほどダサい以外は、蓋がきっちり閉まる割に外しやすいし、白もテカテカしてなくて良かった。どうも在庫限りの終息品っぽく1200から1500円くらいで売ってたりもする。</p>
24408          </section>
24409        </a>
24410
24411
24412        <a href="/blog/webdesign/version-six-point-fifty-three-point-zero">
24413          <section class="excerpt">
24414            <header>
24415              <p class="date"><time datetime="2014-03-08T09:55:40+09:00">8日</time></p>
24416
24417              <h3>v6.53.0</h3>
24418            </header>
24419
24420            <p>rem単位を使うようにした。随分前からちょくちょくやってたのの蔵出し。統一するだけならさほど面倒くさくなく、px単位と同じように扱え、em単位では必要な割り算がなくなって随分楽になる。</p>
24421          </section>
24422        </a>
24423
24424
24425        <a href="/blog/webdesign/global-modifier-with-mindbemding">
24426          <section class="excerpt">
24427            <header>
24428              <p class="date"><time datetime="2014-03-07T11:13:52+09:00">7日</time></p>
24429
24430              <h3>BEMでグローバルなモディファイア</h3>
24431            </header>
24432
24433            <p>BEMを使ったクラス命名規則で「パーマリンク」といったようなグローバルな(ルートかそれより上位の)モディファイアを表現するの難しい気がする。もちろんbody要素というブロックに対してのモディファイアで良いのだけど、実際にそれを利用するのはもっと下位のコンテキストなので、CSSの子孫セレクタで表現しなければならなくなる。</p>
24434          </section>
24435        </a>
24436
24437
24438        <a href="/blog/coding/organize-grunt-task-config-by-file">
24439          <section class="excerpt">
24440            <header>
24441              <p class="date"><time datetime="2014-03-06T12:53:16+09:00">6日</time></p>
24442
24443              <h3>Gruntタスクの設定をファイルで管理</h3>
24444            </header>
24445
24446            <p>Gruntfile.jsの大半を占めるのはタスク設定の部分だ。そこを分割してやればGruntfile/jsを小さく出来るわけで、そういうNode.jsパッケージはいくつかある。load-grunt-configsがその最も有名と思われるものだが、汎用化してあり、便利すぎ・パワフルすぎで、ちょっと仰々しすぎる気がした。もっとストレートにやっても良さそうなので、5行くらいで指定ディレクトリから設定を読み出すコードを書いて、少し使ってみた。</p>
24447          </section>
24448        </a>
24449
24450
24451        <a href="/blog/software/vim-css3-syntax-v0.10.0">
24452          <section class="excerpt">
24453            <header>
24454              <p class="date"><time datetime="2014-03-05T19:45:23+09:00">5日</time></p>
24455
24456              <h3>vim-css3-syntax v0.10.0</h3>
24457            </header>
24458
24459            <p>hlexists()による簡易バージョン・チェックが想定したように動かないので元に戻した。方針変更なのでバージョンアップ。ついでにSemverに変え、v0.10.0としてリリースした。</p>
24460          </section>
24461        </a>
24462
24463
24464        <a href="/blog/software/vim-wildfire">
24465          <section class="excerpt">
24466            <header>
24467              <p class="date"><time datetime="2014-03-04T10:15:08+09:00">4日</time></p>
24468
24469              <h3>wildfire.vimでVim力を下げる</h3>
24470            </header>
24471
24472            <p>wildfire.vimという、カーソルがある辺りのテキストオブジェクトをなんとなく選択してくれるVimプラグインを使い始めたã€
24472‚Vim力が下がる代わりに魂の平穏が得られる。ような気がする。</p>
24473          </section>
24474        </a>
24475
24476
24477        <a href="/blog/coding/sass-handler-for-prettify-2">
24478          <section class="excerpt">
24479            <header>
24480              <p class="date"><time datetime="2014-03-03T09:55:46+09:00">3日</time></p>
24481
24482              <h3>Google Code PrettifyのSassハンドラ #2</h3>
24483            </header>
24484
24485            <p>Missing Language Handlers for Google Code PrettifyのSass向けハンドラを更新して、Sass 3.3.0.rc.5に対応させた。map-*()やstr-*()などの新しい関数を始め、!optionalや!globalといった新しいフラグを追加したり。他は特にいじっていない。</p>
24486          </section>
24487        </a>
24488
24489
24490        <a href="/blog/software/vim-csslint-2">
24491          <section class="excerpt">
24492            <header>
24493              <p class="date"><time datetime="2014-03-02T04:43:39+09:00">2日</time></p>
24494
24495              <h3>compiler/csslint.vim #2</h3>
24496            </header>
24497
24498            <p>Vim上ではオンザフライでガシガシCSS Lintでチェックしたいので、マイルドにチェックするようにCSS LintのCLIオプションを調節していた。多くのルールを無効にするとややこしい感じがしたので、知りたいものだけ--errorsでエラーに昇格させ、Vimのerrorformatオプションで警告は捨てるという形にした。</p>
24499          </section>
24500        </a>
24501
24502
24503        <a href="/blog/software/install-chrome-33-in-home-folder">
24504          <section class="excerpt">
24505            <header>
24506              <p class="date"><time datetime="2014-03-01T06:58:29+09:00">1日</time></p>
24507
24508              <h3>Google Chrome 33をホーム・フォルダにインストール</h3>
24509            </header>
24510
24511            <p>しばらく前からWindowsのGoogle Chromeのインストーラーは、UACの確認ダイアログを出してシステムのProgram Files以下にインストールするようになった。これでインストールしてしまうと更新時のインストーラーもUACで確認してくるようになってしまう。UACによる確認はできうる限り避けたいので、以前のようにホーム・フォルダのAppData以下にインストールする方法はないものかと探していたら見つかった。インストーラーの出すUACの確認ダイアログで「いいえ」を選択するだけだった。</p>
24512          </section>
24513        </a>
24514
24515          </section>
24516          <section>
24517            <h2><time datetime="2014-02">2014年2月</time></h2>
24518
24519        <a href="/blog/blog/list-archives">
24520          <section class="excerpt">
24521            <header>
24522              <p class="date"><time datetime="2014-02-28T03:16:46+09:00">28日</time></p>
24523
24524              <h3>ブログトップをタイトルの一覧に</h3>
24525            </header>
24526
24527            <p>ウェブログのトップ・ページをタイトル一覧に戻した。普通に並べたので縦に(ものすごく)長い。ページ全体をスクリーンショットに撮れないとか、印刷しようとすると100P超えるとかくらい。検索フォームがまだ下にあってアクセス性悪い。インクリメンタルなタイトル絞込みフォームを最上部に設置して、フォローとして下にある全文検索フォームは残しておくという形が良さそう。</p>
24528          </section>
24529        </a>
24530
24531
24532        <a href="/blog/coding/sass-variable-naming-and-bem">
24533          <section class="excerpt">
24534            <header>
24535              <p class="date"><time datetime="2014-02-27T06:20:49+09:00">27日</time></p>
24536
24537              <h3>Sassの変数命名規則とBEM</h3>
24538            </header>
24539
24540            <p>$type-subtype-component-contextというような形でSassの変数を命名していたけど、これにもBEMを使うかという感じになってきた。ただでさえ長いのが、セパレーターで更に長くなるけど、元々そんなに短くないので気にしないことにした。BEMをクラス名で使うような形で単純に利用するケースと、3.3で導入される予定のマップを使って構造化して定義し、複雑に参照するã‚
24540±ãƒ¼ã‚¹ã‚’比較して検証している。</p>
24541          </section>
24542        </a>
24543
24544
24545        <a href="/blog/webdesign/cannot-get-content-property-of-hidden-pseudo-elment-chrome-33">
24546          <section class="excerpt">
24547            <header>
24548              <p class="date"><time datetime="2014-02-26T03:32:48+09:00">26日</time></p>
24549
24550              <h3>Chrome 33で隠された擬似要素のcontentプロパティーの値が拾えない</h3>
24551            </header>
24552
24553            <p>contentプロパティーの値とgetComputedStyle()の最後で触れたように擬似要素ならcontentプロパティーの値をgetComputedStyle()経由で拾えていた。Chrome 33でちょうどこの辺りに変更が加わったのか、擬似要素がdisplay: noneの場合にcontentプロパティーの計算済みスタイルが空になるようになった。らしきIssueは見つけた。</p>
24554          </section>
24555        </a>
24556
24557
24558        <a href="/blog/coding/limit-adsense-smart-size">
24559          <section class="excerpt">
24560            <header>
24561              <p class="date"><time datetime="2014-02-25T03:53:21+09:00">25日</time></p>
24562
24563              <h3>AdSenseのスマートサイズ広告に制限をかける</h3>
24564            </header>
24565
24566            <p>Google AdSenseのスマートサイズは、場所に合わせて適当に広告を提供してくれて良いのだけど、CTRはかなり下がった。画像広告のCTRは下がっていないので、テキスト広告で限界まで埋めようとするのがよく出るのがダメな感じなので、画像広告が多く出る300x250や728x90のサイズをメインに使うように制限をかけてみている。</p>
24567          </section>
24568        </a>
24569
24570
24571        <a href="/blog/software/removal-of-user-stylesheet-on-chrome-33">
24572          <section class="excerpt">
24573            <header>
24574              <p class="date"><time datetime="2014-02-24T01:05:32+09:00">24日</time></p>
24575
24576              <h3>Chrome 33でユーザー・スタイルシートが削除</h3>
24577            </header>
24578
24579            <p>色々仕込んでたのが全部消えてびっくりしたけど、どうやらChrome 33からユーザー・スタイルシートの機能が削除され使えなくなったようだ。Stylish使うか、ユーザー・スクリプトで強引に仕込むしかない。フォントの書き換えなんかはユーザー・スタイルシートでやりたい……。</p>
24580          </section>
24581        </a>
24582
24583
24584        <a href="/blog/software/git-credential-wincred">
24585          <section class="excerpt">
24586            <header>
24587              <p class="date"><time datetime="2014-02-23T12:29:06+09:00">23日</time></p>
24588
24589              <h3>git-credential-wincred.exe</h3>
24590            </header>
24591
24592            <p>WindowsのGitでパスワードをOSに覚えさせるようにするには、てっきりgit-credential-winstoreを別途インストールする必要があるのかと思っていたけど、今はgit-credential-wincred.exeが同梱されているので不要になっているようだ。</p>
24593          </section>
24594        </a>
24595
24596
24597        <a href="/blog/misc/logo-20140220">
24598          <section class="excerpt">
24599            <header>
24600              <p class="date"><time datetime="2014-02-22T13:56:48+09:00">22日</time></p>
24601
24602              <h3>LOゴ</h3>
24603            </header>
24604
24605            <p>ロゴをちょっと変えた。他でまったく塗りつぶしを使わなくなったので、ロゴも塗らずスカスカなワイヤーに。流行りっぽい。</p>
24606          </section>
24607        </a>
24608
24609
24610        <a href="/blog/webdesign/goodbye-8-design-elements">
24611          <section class="excerpt">
24612            <header>
24613              <p class="date"><time datetime="2014-02-21T10:59:18+09:00">21日</time></p>
24614
24615              <h3>8つのデザイン要素?</h3>
24616            </header>
24617
24618            <p>Goodbye to 8 Design Elements Whose Time has Comeという死につつある8つのデザイン要素について書いているはずの記事を読んだ。見出しだけ抜き出して「この8つは死んだので使うのやめよう!」みたいに言うとまぁ納得できなくもない気がするけど、大変おかしな記事だった。</p>
24619          </section>
24620        </a>
24621
24622
24623        <a href="/blog/coding/rework-and-postcss">
24624          <section class="excerpt">
24625            <header>
24626              <p class="date"><time datetime="2014-02-20T11:13:25+09:00">20日</time></p>
24627
24628              <h3>ReworkとPostCSS</h3>
24629            </header>
24630
24631            <p>AutoprefixerやMyth経由で話題になったRework。そしてAutoprefixerが乗り換えたPostCSS。両者はどのようなことに主眼を置ã
24631„ているライブラリなのか、SassやLESSとの関係はどうなのか、そしてどのようなツールを書く時にそれらを使うべきなのだろうか。</p>
24632          </section>
24633        </a>
24634
24635
24636        <a href="/blog/software/git-log-auto-coloring">
24637          <section class="excerpt">
24638            <header>
24639              <p class="date"><time datetime="2014-02-19T10:48:13+09:00">19日</time></p>
24640
24641              <h3>git logでの%C(auto)</h3>
24642            </header>
24643
24644            <p>git logで--onelineだとコミットした人の名前やコミットされた日付が出ないので、昔頑張って--prettyでキレイにする奴を書いた。ただこれだとタグやブランチ名などが全部同じ色になっちゃってて、微妙に不便だった(--onelineでは自動色分けされる)。我慢して使っていたんだけど、直せるのかなーとgit-logのヘルプをちゃんと読んだら%C(auto)を使えば自動色分けされることがわかった。</p>
24645          </section>
24646        </a>
24647
24648
24649        <a href="/blog/coding/postcss-and-css-mqpacker">
24650          <section class="excerpt">
24651            <header>
24652              <p class="date"><time datetime="2014-02-18T14:13:22+09:00">18日</time></p>
24653
24654              <h3>PostCSSとCSS MQPacker</h3>
24655            </header>
24656
24657            <p>PostCSSというCSSのパースと変更を行うNode.jsパッケージを知った。Autoprefixerで使われている。名前からわかるように、主にCSSをポストプロセスするためのパッケージだけど、単にパーサーとして使っても良さそう。</p>
24658          </section>
24659        </a>
24660
24661
24662        <a href="/blog/coding/content-property-and-getcomputedstyle">
24663          <section class="excerpt">
24664            <header>
24665              <p class="date"><time datetime="2014-02-17T10:41:33+09:00">17日</time></p>
24666
24667              <h3>contentプロパティーの値とgetComputedStyle()</h3>
24668            </header>
24669
24670            <p>CSSのcontentプロパティーを使ってCSSのバージョン番号を仕込み、それをwindow.getComputedStyle()メソッドを使って表示してやろうと考えた(スタイル・ガイド用)。Chrome 32やFirefox 27では期待通りに動いたんだけど、Internet Explorer 11ではうまく拾えず、初期値であるnormalが返ってきた。どうやらIE11は擬似要素以外に指定したcontentプロパティーの値をgetComputedStyle()でうまく読めないようだ。バグではなさそう。</p>
24671          </section>
24672        </a>
24673
24674
24675        <a href="/blog/webdesign/fira-sans">
24676          <section class="excerpt">
24677            <header>
24678              <p class="date"><time datetime="2014-02-16T09:32:38+09:00">16日</time></p>
24679
24680              <h3>Fira SansのWebフォント</h3>
24681            </header>
24682
24683            <p>Firefox OSに採用されているオープンソースのFira SansのWebフォントがMozillaのGitHub Pages経由で配信されていることを知った。ちょっと前までGitHub Pagesはパフォーマンスに難があったけど、最近大幅に改善されたので、Fira Sansをウェブページで使いたい場合はこれを直接読み込めば良さそう。</p>
24684          </section>
24685        </a>
24686
24687
24688        <a href="/blog/coding/hyphen-and-underscore-in-sass-variable">
24689          <section class="excerpt">
24690            <header>
24691              <p class="date"><time datetime="2014-02-15T09:36:01+09:00">15日</time></p>
24692
24693              <h3>Sassの変数名での-と_</h3>
24694            </header>
24695
24696            <p>SassでBEMを利用して変数名を付けようとして、今までハイフンのみでどうにかしていた変数名を書き換えていた時に気づいたんだけど、Sassの変数名ではハイフン(-)とアンダースコア(_)が同一視される。バグだと思ってIssue立てたら、3.0.0でSCSS記法を追加した時に入れた仕様だという返事だった。</p>
24697          </section>
24698        </a>
24699
24700
24701        <a href="/blog/software/vim-sass-goto-file">
24702          <section class="excerpt">
24703            <header>
24704              <p class="date"><time datetime="2014-02-14T11:06:09+09:00">14日</time></p>
24705
24706              <h3>VimのSassでのgfを改善する</h3>
24707            </header>
24708
24709            <p>Vimの標準ランタイムに入っているftplugin/sass.vimではincludeexprやsuffixesaddが適切に設定されているので、多くの場合はそのままで快適にgfできる。けれど同じディレクトリにfooというディレクトリと_foo.scssというファイルがある場合、@import &quot;foo&quot;;でgfするとディレクトリの方が開かれてしまう。それをラッパー関数を書いて、_foo.scssを優先させようという試み。</p>
24710          </section>
24711        </a>
24712
24713
24714        <a href="/blog/software/meaningless-grunt-task">
24715          <section class="excerpt">
24716            <header>
24717              <p class="date">
24717<time datetime="2014-02-13T11:02:42+09:00">13日</time></p>
24718
24719              <h3>つまらないGruntタスク</h3>
24720            </header>
24721
24722            <p>Gruntfile.jsをサッと開く手段としてeditという簡単なタスクを勢いで書いたんだけど、無意味でつまらないGruntタスクだった。Gruntには様々なタスクがあり、自分でもNode.jsを駆使して自由に書けるので、色々やりたくなる。けれどもグッとこらえて、ワークフローにおける定型作業の自動化に絞った方が、ワークフローと開発環境、そしてGruntfile.jsに優しい。</p>
24723          </section>
24724        </a>
24725
24726
24727        <a href="/blog/coding/load-mustache-partials-from-file">
24728          <section class="excerpt">
24729            <header>
24730              <p class="date"><time datetime="2014-02-12T08:57:01+09:00">12日</time></p>
24731
24732              <h3>mustacheのパーシャルをファイルから読み込む</h3>
24733            </header>
24734
24735            <p>何かしらテンプレート使う時は、実行にはHandlebars.jsを使いつつ、mustacheの仕様に沿った形のみで書くみたいな感じで大体やってる。前に書いたHandlebars.jsのincludeヘルパーだけ便利だったのでちょっと使ったりしてたけど、パーシャルを使って書き直すことにした。パーシャルそのままなのでネストでき、他の実行環境でもだいたいそのままで動く反面、相対パスで見に行くみたいなことは出来なくなった。</p>
24736          </section>
24737        </a>
24738
24739
24740        <a href="/blog/webdesign/designer-news-unsubscribe-link">
24741          <section class="excerpt">
24742            <header>
24743              <p class="date"><time datetime="2014-02-11T06:54:12+09:00">11日</time></p>
24744
24745              <h3>Designer Newsの購読解除リンク</h3>
24746            </header>
24747
24748            <p>多くのメールマガジンと同じようにDesigner Newsのダイジェスト・メールにも購読解除のためのリンクがある。上記スクリーンショットのようなもので、購読しているか否かの表示と共に解除のリンクが並んでいる。</p>
24749          </section>
24750        </a>
24751
24752
24753        <a href="/blog/coding/organize-sass-files-with-bem">
24754          <section class="excerpt">
24755            <header>
24756              <p class="date"><time datetime="2014-02-10T08:13:41+09:00">10日</time></p>
24757
24758              <h3>BEMを使ったSassファイルの整理</h3>
24759            </header>
24760
24761            <p>このウェブサイトのSassファイル群はずっとフラットなファイル構成でやっていた。主にSassが相対パスの修正を行うことができないことが理由だったけど、最近はポストプロセスすればどうにでも出来そうな感じなので、あまり気にせず整理することにした。単純にカテゴリ分けするだけでも良いのだけど、BEMを応用してやってみている。</p>
24762          </section>
24763        </a>
24764
24765
24766        <a href="/blog/webdesign/drawic-200-cc0">
24767          <section class="excerpt">
24768            <header>
24769              <p class="date"><time datetime="2014-02-09T19:29:19+09:00">9日</time></p>
24770
24771              <h3>Drawic v2.0.0: CC0</h3>
24772            </header>
24773
24774            <p>Drawicにライセンスを付けようとしていたのをやめて、CC0で放流することにした。CC-BYをSVGに埋め込もうかなと思ってたんだけど、ファイルサイズが大きくなっちゃうのがもったいないのでやめたã€
24774‚</p>
24775          </section>
24776        </a>
24777
24778
24779        <a href="/blog/coding/grunt-load-npm-tasks-automatically">
24780          <section class="excerpt">
24781            <header>
24782              <p class="date"><time datetime="2014-02-08T05:04:37+09:00">8日</time></p>
24783
24784              <h3>Gruntタスクの自動読み込み</h3>
24785            </header>
24786
24787            <p>GruntでいちいちloadNpmTasks()しなくて済むようになるload-grunt-tasksパッケージは便利だけど、そもそもこれをインストールするのが面倒くさい。インストールしたGruntタスクはpackage.jsonのdevDependenciesに必ず書いてあり、Gruntfile.js内ではどこでもそれを利用することが可能なので、grunt-で始まるNodeパッケージだけを自動でloadNpmTasks()するようなコードを書くと簡単に自動読み込みを実装できる。</p>
24788          </section>
24789        </a>
24790
24791
24792        <a href="/blog/software/increase-developer-tools-font">
24793          <section class="excerpt">
24794            <header>
24795              <p class="date"><time datetime="2014-02-07T17:41:50+09:00">7日</time></p>
24796
24797              <h3>Chromeのデベロッパーツールのフォントを大きく</h3>
24798            </header>
24799
24800            <p>12pxでコードを読むの辛い感じがしてきたので、ユーザースタイルシートで大きくした。Chrome 32からデベロッパーツールに振られるIDとかも変わったので、そういう時の調べ方も含めてメモに。</p>
24801          </section>
24802        </a>
24803
24804
24805        <a href="/blog/blog/your-translation-is-not-your-article">
24806          <section class="excerpt">
24807            <header>
24808              <p class="date"><time datetime="2014-02-06T07:50:52+09:00">6日</time></p>
24809
24810              <h3>翻訳はあなたの記事ではない</h3>
24811            </header>
24812
24813            <p>ウェブ開発を始めとした様々なジャンルにおいて、その有用な文書の多くは日本語以外で書かれている。幸いなことに多くの人がその翻訳を公開してくれている。僕も自分が強く興味をもった範囲で訳したりもしている。良い時代だなと思うが、その翻訳がブログの記事として公開されてしまうと、「んんっ?」と思ってしまう。</p>
24814          </section>
24815        </a>
24816
24817
24818        <a href="/blog/internet/woff2-on-google-fonts">
24819          <section class="excerpt">
24820            <header>
24821              <p class="date"><time datetime="2014-02-05T05:17:34+09:00">5日</time></p>
24822
24823              <h3>Google FontsでWOFF2が</h3>
24824            </header>
24825
24826            <p>少し前にPlayfair Displayのアンパサンド(&amp;)のみを抜き出して使い始めた時に気づいたんだけど、Google Fontsでは既にWOFF2での提供も始まっているようだ。どうもダイナミック・サブセッティングを使ってグリフを絞るとWOFF2でも提供されるようになるみたい。</p>
24827          </section>
24828        </a>
24829
24830
24831        <a href="/blog/coding/coding-in-color">
24832          <section class="excerpt">
24833            <header>
24834              <p class="date"><time datetime="2014-02-04T01:37:04+09:00">4日</time></p>
24835
24836              <h3>コードをなんとなく色付けするやつ</h3>
24837            </header>
24838
24839            <p>Coding in colorという記事を読んだ。どのようなものか、通常の構文強調とはどのように違うか、は僕が言葉で説明するよりもそのデモを見てみた方がわかりやすい。記事ではtypoに気づきやすいとかあるけど、どちらかというと読むのに向いていると感じる。</p>
24840          </section>
24841        </a>
24842
24843
24844        <a href="/blog/webdesign/on-scroll-hijacking">
24845          <section class="excerpt">
24846            <header>
24847              <p class="date"><time datetime="2014-02-03T14:30:31+09:00">3日</time></p>
24848
24849              <h3>スクロール・ハイジャッキングなど</h3>
24850            </header>
24851
24852            <p>変なスクロールとか呼ばれちゃったり、邪悪とかゴミとか散々な感じ。ã
24852©ã¡ã‚‰ã‹ã¨ã„うと実装上の問題ではなくて、見る方と作る方(発注元で実装者ではない)とでウェブサイトの目的への意識がずれていることが原因なんじゃないかと考えている。</p>
24853          </section>
24854        </a>
24855
24856
24857        <a href="/blog/gadget/room-shoes">
24858          <section class="excerpt">
24859            <header>
24860              <p class="date"><time datetime="2014-02-02T13:32:43+09:00">2日</time></p>
24861
24862              <h3>ルーム・シューズ</h3>
24863            </header>
24864
24865            <p>良さ気なルーム・シューズが欲しい。5000円以上するような本気の奴じゃなくて良いけど、ソールだけはしっかりした奴が欲しい。ゴム底だと歩くとうるさそうなので、もっと柔らかい感じのソールの奴が良さそう。できれば通年履ける暑くも寒くもないのが理想だ。</p>
24866          </section>
24867        </a>
24868
24869
24870        <a href="/blog/webdesign/drawic-130-dotw">
24871          <section class="excerpt">
24872            <header>
24873              <p class="date"><time datetime="2014-02-01T13:05:31+09:00">1日</time></p>
24874
24875              <h3>Drawic v1.3.0: Days of the Week</h3>
24876            </header>
24877
24878            <p>Drawicに曜日を意匠化した(つもりの)アイコンを追加した。左から日月火水木金土。水が火に似すぎ。金・土が微妙。曜日のアイコンを追加した理由は必要になったからではなく、ちょうど読んでいた小説で曜日がそのエッセンスになっていただけ。</p>
24879          </section>
24880        </a>
24881
24882          </section>
24883          <section>
24884            <h2><time datetime="2014-01">2014年1月</time></h2>
24885
24886        <a href="/blog/webdesign/role-search">
24887          <section class="excerpt">
24888            <header>
24889              <p class="date"><time datetime="2014-01-31T13:10:16+09:00">31日</time></p>
24890
24891              <h3>role=&quot;search&quot;</h3>
24892            </header>
24893
24894            <p>検索ボックスにWAI-ARIAのsearchランドマーク・ロールを付ける時にform要素に付けていた。WordPressのデフォルト・テーマ(Twenty ThirteenやTwenty Fourteen)はこうなっている。長いものに巻かれてここでもそうしたような記憶があるけど、検索機能を提供する全てを包括する要素に追加するべきで、多くの場合はform要素を内包するaside要素等に追加する方が良いようだ。</p>
24895          </section>
24896        </a>
24897
24898
24899        <a href="/blog/internet/yahoo-jisyo-spelling-correction">
24900          <section class="excerpt">
24901            <header>
24902              <p class="date"><time datetime="2014-01-30T13:39:27+09:00">30日</time></p>
24903
24904              <h3>Yahoo!辞書のスペル修正機能の削除</h3>
24905            </header>
24906
24907            <p>Yahoo!辞書はそんなに読みやすかったわけではないけど、スペル修正が便利だったので使っていた。しばらく前のリニューアルでKotobankのフロントエンドに成り下がったのも辞書としての機能的には許せたんだけど、スペル修正がなくなったことに非常に困った。単純なスペルミスとかはともかく、複数形を戻してから検索する必要があったりとかになったのが面倒くさい。</p>
24908          </section>
24909        </a>
24910
24911
24912        <a href="/blog/webdesign/bulletproof-icon-fonts-ja">
24913          <section class="excerpt">
24914            <header>
24915              <p class="date"><time datetime="2014-01-29T14:11:48+09:00">29日</time></p>
24916
24917              <h3>Bulletproof Accessible Icon Fontsの日本語訳</h3>
24918            </header>
24919
24920            <p>安全でアクセシブルなアイコン・フォントという翻訳文書を公開した。アイコン・フォントをできうる限りアクセシブルな形で実装するための前提的な知識と、それを考慮して作成されたA Font Gardeというライブラリについての記事、Bulletproof Accessible Icon Fontsを日本語に訳したもの。</p>
24921          </section>
24922        </a>
24923
24924
24925        <a href="/blog/software/good-bye-fenrir">
24926          <section class="excerpt">
24927            <header>
24928              <p class="date"><time datetime="2014-01-28T13:10:39+09:00">28日</time></p>
24929
24930              <h3>fenrirよ、さようなら</h3>
24931            </header>
24932
24933            <p>長らく愛用していたコマンドライン・ランチャーのfenrirを使うのをやめたã€
24933‚一年近くやってないゲームとかも含め、他にも色々ソフトウェアを削除したりしてた。Chrome 32でうまくうごかなくなったWheel Redirectorとか。</p>
24934          </section>
24935        </a>
24936
24937
24938        <a href="/blog/webdesign/normalize-css-3-rc">
24939          <section class="excerpt">
24940            <header>
24941              <p class="date"><time datetime="2014-01-27T10:02:04+09:00">27日</time></p>
24942
24943              <h3>Normalize.cssのv3がRCに</h3>
24944            </header>
24945
24946            <p>Normalize.cssのv3.0.0-rc.1が出ていた。a:focusのoutlineを削除しないようになったのと、pre要素が自動折り返しではなくなりoverflow: autoになったのが大きな変更で、それ以外は特に気にすることはなさそう。</p>
24947          </section>
24948        </a>
24949
24950
24951        <a href="/blog/gadget/herve-chapelier-946c-daypack">
24952          <section class="excerpt">
24953            <header>
24954              <p class="date"><time datetime="2014-01-26T12:38:54+09:00">26日</time></p>
24955
24956              <h3>Hervé Chapelier 946C ナイロンデイパック</h3>
24957            </header>
24958
24959            <p>ちょっと前からバックパック買おうかなと思ってたんだけど、押入れ漁ったらエルベ・シャプリエの紺色のデイパックが発掘された。残念ながらフランス製の方のじゃなくて、OUTDOOR PRODUCTSが作ってるコーデュラの奴(のMade in USA時代版)だったけど、きれいな紺色で良かったのでこれを使うことにした。消臭に手間取った……。</p>
24960          </section>
24961        </a>
24962
24963
24964        <a href="/blog/webdesign/manual-kerning">
24965          <section class="excerpt">
24966            <header>
24967              <p class="date"><time datetime="2014-01-25T10:53:02+09:00">25日</time></p>
24968
24969              <h3>手動カーニング</h3>
24970            </header>
24971
24972            <p>ウェブでもちゃんとカーニングしたい的な話を最近よく見るようになった。フォントのカーニング情報がない! とか、あってもブラウザーで使えない! とか、出来るようになったかと思ったら出来なくて辛い……みたいなことを受けての魂の叫びか。それを古き良き感じにマークアップを追加して手動でやるのが結局は良さそうというA Manual Kerning Method for the Webを読んだ。</p>
24973          </section>
24974        </a>
24975
24976
24977        <a href="/blog/internet/rfc5147">
24978          <section class="excerpt">
24979            <header>
24980              <p class="date"><time datetime="2014-01-24T13:14:10+09:00">24日</time></p>
24981
24982              <h3>テキスト・ファイル向けURIフラグメント識別子</h3>
24983            </header>
24984
24985            <p>git-release.jsでファイルと行の指定をまとめて設定する良い方法を考えてた。結局はコロンでつなぐという古き良き感じにしたけど、ウェブではこういうのにも使えそうなのをRFC5147 - URI Fragment Identifiers for the text/plain Media Typeで仕様を決めているらしい。何行目かだけじゃなくて何文字目から何文字目までみたいなのが出来るようだ。</p>
24986          </section>
24987        </a>
24988
24989
24990        <a href="/blog/webdesign/css-ish-and-web-standard-ish">
24991          <section class="excerpt">
24992            <header>
24993              <p class="date"><time datetime="2014-01-23T10:39:25+09:00">23日</time></p>
24994
24995              <h3>CSS的・ウェブ標準的</h3>
24996            </header>
24997
24998            <p>Vertical align anything with just 3 lines of CSSと横に水平線のあるテキストというCSSテクニックを扱った記事を最近読んだ。どちらも有益なテクニックだが、前者はCSS的で後者はウェブ標準的という印象を持った。</p>
24999          </section>
25000        </a>
25001
25002
25003        <a href="/blog/webdesign/sparse-and-undesigned">
25004          <section class="excerpt">
25005            <header>
25006              <p class="date"><time datetime="2014-01-22T14:48:46+09:00">22日</time></p>
25007
25008              <h3>風通しが良く、意匠を凝らしていない</h3>
25009            </header>
25010
25011            <p>Typewolfを運営してるJeremiah Shoafによる2013年に人気のあったWebフォントという記事を読んだ。7位に等幅フォントであるInconsolataがランクインしている。</p>
25012          </section>
25013        </a>
25014
25015
25016        <a href="/blog/media/warpaint-warpaint">
25017          <section class="excerpt">
25018            <header>
25019              <p class="date"><time datetime="2014-01-21T04:25:38+09:00">21日</time></p>
25020
25021              <h3>Warpaint - Warpaint</h3>
25022            </header>
25023
25024            <p>
25024Warpaintの新譜、Warpaintが出た。楽しみにしててやっと出たのでずっと聴いてる。永遠に聴いていられそう。</p>
25025          </section>
25026        </a>
25027
25028
25029        <a href="/blog/webdesign/link-classification">
25030          <section class="excerpt">
25031            <header>
25032              <p class="date"><time datetime="2014-01-20T08:13:42+09:00">20日</time></p>
25033
25034              <h3>リンクの分類</h3>
25035            </header>
25036
25037            <p>リンクはリンクなんだけど、どのようなものを参照しているかで大まかに分類したい。その分類において違うものに分類された場合は、同じリストでは並べないとか気をつけたい。みたいなメモ。</p>
25038          </section>
25039        </a>
25040
25041
25042        <a href="/blog/misc/my-2014-manifesto">
25043          <section class="excerpt">
25044            <header>
25045              <p class="date"><time datetime="2014-01-19T14:25:36+09:00">19日</time></p>
25046
25047              <h3>2014年の目標</h3>
25048            </header>
25049
25050            <p>今年の目標は「夕飯後、9時間は何も食べない」にした。朝飯までにしようかと思ったけど、無理がありそうなので9時間にしておいた。去年は「コーヒーに砂糖を入れない」で達成率95%くらい。一昨年は「便器に座って小をする」で達成率90%くらいだった。どちらももう自然な習慣になった気がする。</p>
25051          </section>
25052        </a>
25053
25054
25055        <a href="/blog/webdesign/scrollable-table-on-non-screen-device">
25056          <section class="excerpt">
25057            <header>
25058              <p class="date"><time datetime="2014-01-18T03:44:48+09:00">18日</time></p>
25059
25060              <h3>非screenデバイスでのスクロールできる表</h3>
25061            </header>
25062
25063            <p>スクロールできる表はscreenなデバイスのためのものなので、プリンターやスクリーン・リーダーではおかしなことになりうる。どうなるのかまったくわからないので、そのためのフォールバックはあった方が良さそう。Media Queriesでnotやprintを駆使して上書きするのが楽な感じ。</p>
25064          </section>
25065        </a>
25066
25067
25068        <a href="/blog/coding/grunt-gitcommit">
25069          <section class="excerpt">
25070            <header>
25071              <p class="date"><time datetime="2014-01-17T10:30:56+09:00">17日</time></p>
25072
25073              <h3>git commitするGruntタスク</h3>
25074            </header>
25075
25076            <p>Gitを叩くGruntプラグインはいくつかあるけど、Grunt管理外のディレクトリにあるGitリポジトリでも気軽に叩けそうなのがなかった。大体GruntのルートとGitのルートが一致していることが想定されている。それでもGruntのルートが下流ならなんとかなるけど、逆の場合はどうにもならない。しょうがないのでファイルを指定してタスクを走らせたら、指定の作業フォルダへ移動してからそのファイルをaddしてcommitするだけのGruntタスクを書いて使うことにした。</p>
25077          </section>
25078        </a>
25079
25080
25081        <a href="/blog/webdesign/semantic-versioning-in-webdesign">
25082          <section class="excerpt">
25083            <header>
25084              <p class="date"><time datetime="2014-01-16T13:47:48+09:00">16日</time></p>
25085
25086              <h3>ウェブデザインにおけるセマンティック・バージョニング</h3>
25087            </header>
25088
25089            <p>アプリケーションの世界ではセマンティック・バージョニングが広く受け入れられた……かどうかはわからないが、採用例はすごく増えている印象だ。ウェブデザインではどうかというと、ウェブ・アプリケーションのバージョニングに追随しているだけであったり、そもそもバージョニングされていなかったりするような気がする。ウェブデザイン、主にCSS(とCSSプリプロセッサー)においてセマンティック・バージョニングを導入するとすると、どのようなタイミングでメジャー、マイナーそしてパッチ番号を増やせば良いのだろうか。</p>
25090          </section>
25091        </a>
25092
25093
25094        <a href="/blog/internet/forrst">
25095          <section class="excerpt">
25096            <header>
25097              <p class="date">
25097<time datetime="2014-01-15T15:08:16+09:00">15日</time></p>
25098
25099              <h3>Forrst</h3>
25100            </header>
25101
25102            <p>ForrstというDribbbleとGistを組み合わせたような感じのウェブサービスを使ってみている。画像や文章、コードを投稿してフィードバックを貰おうみたいな目的のもののようだ。Qiitaに近い。適当に画像あげただけとかだとそれじゃぁだめだとか怒られた……。招待制なので使えるようになるかはコミュニケーション能力と運次第。</p>
25103          </section>
25104        </a>
25105
25106
25107        <a href="/blog/webdesign/version-six-point-forty-eight">
25108          <section class="excerpt">
25109            <header>
25110              <p class="date"><time datetime="2014-01-14T13:19:55+09:00">14日</time></p>
25111
25112              <h3>v6.48</h3>
25113            </header>
25114
25115            <p>昔の「なんでもセンタリングで!」みたいなのを思い出すからなのか、どうもセンタリングが嫌いなようだ。久しぶりにセンタリングしまくる感じにしたらすぐに嫌になった。でかい画像にセンタリングで文字を重ねるみたいなのが流行っているのもありそう。</p>
25116          </section>
25117        </a>
25118
25119
25120        <a href="/blog/internet/hotlink-to-rawgithub-com">
25121          <section class="excerpt">
25122            <header>
25123              <p class="date"><time datetime="2014-01-13T02:02:32+09:00">13日</time></p>
25124
25125              <h3>rawgithub.comへのホットリンク</h3>
25126            </header>
25127
25128            <p>ある記事でrawgithub.comを使ってJavaScriptウィジェットを配布しているのを見た。もちろんrawgithub.comが「テストなどにのみ使って!」と書いているのもあるけど、使うべきじゃない理由は他にもある。</p>
25129          </section>
25130        </a>
25131
25132
25133        <a href="/blog/blog/weblog-github-repository">
25134          <section class="excerpt">
25135            <header>
25136              <p class="date"><time datetime="2014-01-12T11:26:04+09:00">12日</time></p>
25137
25138              <h3>GWietbHluobg</h3>
25139            </header>
25140
25141            <p>GitHubにこのウェブログの記事のバックアップを取ることにした。今までもネットワークHDDにバックアップはあったけど、GitHubを使った方が良さそうな気がしてきたので試しにやってみることにした。</p>
25142          </section>
25143        </a>
25144
25145
25146        <a href="/blog/webdesign/drawic-120">
25147          <section class="excerpt">
25148            <header>
25149              <p class="date"><time datetime="2014-01-11T10:47:03+09:00">11日</time></p>
25150
25151              <h3>Drawic v1.2.0</h3>
25152            </header>
25153
25154            <p>Drawicにダウンロードとアップロードのアイコンを追加した。ダウンロードやアップロードのアイコンはこういう矢印とトレーの組み合わせがデファクト・スタンダードになりつつある気がする。</p>
25155          </section>
25156        </a>
25157
25158
25159        <a href="/blog/webdesign/new-css-unit-and-future-friendly">
25160          <section class="excerpt">
25161            <header>
25162              <p class="date"><time datetime="2014-01-09T20:10:05+09:00">9日</time></p>
25163
25164              <h3>CSSの新しい単位とFuture Friendly</h3>
25165            </header>
25166
25167            <p>CSSにはちょくちょく新しい単位が導入・実装されている。remなどは広まりきった感じはあるけど、これからも新たな単位が追加されるだろう。そういった時にYUI CSS Resetを始めとしたCSSリセットを利用していると、常に厳密なフォールバックが必要になってしまう。Normalize.cssならば、フォールバックを書かなくてもとりあえずデフォルト・スタイルシートで表示してくれるため、大幅に見た目が崩れるということは少なくなる。</p>
25168          </section>
25169        </a>
25170
25171
25172        <a href="/blog/webdesign/new-global-header-for-home">
25173          <section class="excerpt">
25174            <header>
25175              <p class="date"><time datetime="2014-01-09T01:25:08+09:00">9日</time></p>
25176
25177              <h3>ホームでのグローバル・ヘッダー</h3>
25178            </header>
25179
25180            <p>ホームだけグローバル・ヘッダーのデザインを変えたã€
25180‚フォントはSource Sans Proの200と400で、&amp;のみPlayfair Display。</p>
25181          </section>
25182        </a>
25183
25184
25185        <a href="/blog/internet/roughdraft">
25186          <section class="excerpt">
25187            <header>
25188              <p class="date"><time datetime="2014-01-08T16:25:47+09:00">8日</time></p>
25189
25190              <h3>Roughdraft</h3>
25191            </header>
25192
25193            <p>Gistに置かれたMarkdownやプレーンテキストのファイルにスタイルをあてて読みやすくしてくれるRoughdraftというウェブサービスを知った。最初良いなと思ったけど、Gistオーナーの明示的な同意なしに勝手にページが作られるので、無断転載またはコンテンツ泥棒ともみなせる。一覧ページとかも勝手に作られ、適当に書いたのがコピーされてインターネットにばらまかれることになるのでちょっと辛い……。</p>
25194          </section>
25195        </a>
25196
25197
25198        <a href="/blog/coding/grunt-load-time">
25199          <section class="excerpt">
25200            <header>
25201              <p class="date"><time datetime="2014-01-07T05:01:49+09:00">7日</time></p>
25202
25203              <h3>Gruntのロード時間</h3>
25204            </header>
25205
25206            <p>必要なタスクだけを読み込むようにしてGruntタスクの実行速度を改善するというテクニックはすごく良い。けど、このようにタスクを使う側が運用でカバーするよりも、本来ならタスクを書く側が高速にタスクがロードされるようにする必要があるはず。Qiitaの記事が参照しているIssueでも似たようなことが推奨されている。</p>
25207          </section>
25208        </a>
25209
25210
25211        <a href="/blog/coding/image-map-and-css-scaling">
25212          <section class="excerpt">
25213            <header>
25214              <p class="date"><time datetime="2014-01-06T14:31:58+09:00">6日</time></p>
25215
25216              <h3>イメージマップとCSSによるスケーリング</h3>
25217            </header>
25218
25219            <p>SVGのインタラクティブ要素が色々面倒な感じなので、単純なリンクならSVGをイメージマップにしてやればいいんじゃないかと考えた。HTML側で完結するし、代替リンクも提供でき、普通にイベント割り当ても可能。ただCSSでwidthプロパティーなどを使ってスケーリングさせた場合、イメージマップのareaもスケーリングしてくれないと困るなと調べたら、全然無理だった。</p>
25220          </section>
25221        </a>
25222
25223
25224        <a href="/blog/webdesign/thirty-six-em">
25225          <section class="excerpt">
25226            <header>
25227              <p class="date"><time datetime="2014-01-05T14:44:39+09:00">5日</time></p>
25228
25229              <h3>36em</h3>
25230            </header>
25231
25232            <p>このウェブサイトは少し前まで42emに設定していた。正直なところフォント・サイズが18pxの時に728x90の広告が収まるようにとかいうろくでもない理由だった。広告ドリブン・ウェブデザイン。ちょっと長いとは思っていたけど、長すぎるというほどではないとも思っていたので、見なかったことにしていた。</p>
25233          </section>
25234        </a>
25235
25236
25237        <a href="/blog/webdesign/optimal-line-length">
25238          <section class="excerpt">
25239            <header>
25240              <p class="date"><time datetime="2014-01-04T14:35:26+09:00">4日</time></p>
25241
25242              <h3>1行の最適な長さ</h3>
25243            </header>
25244
25245            <p>1行が長すぎても短すぎても読みにくいのは誰もが経験から知っている。欧米では1行あたり45から75文字が最適と言われていることが多い(50%のleadingとして)。グリフの平均が0.5emと仮定して計算すると22.5から37.5emということになる。読み物系のウェブサイトでは30em前後がよく見られ、その説を支持する人は多いようだ。</p>
25246          </section>
25247        </a>
25248
25249
25250        <a href="/blog/webdesign/start-with-a-style-guide">
25251          <section class="excerpt">
25252            <header>
25253              <p class="date"><time datetime="2014-01-03T01:19:05+09:00">3日</time></p>
25254
25255              <h3>Style Guideから始めるウェブデザイン</h3>
25256            </header>
25257
25258            <p>Matt Steeleという人のウェブサイトのリデザインについての記事を読んだ。海外では中々ã
25258®äººæ°—を誇るExpression EngineからDB不要のフラットファイルなCMSであるStatamicに乗り換えたというのもイマドキだなーと思ったけど、まずStyle Guideを書いてそれを元に作っていったというのが、自分の作り方と重なる部分が多くて印象的だった。</p>
25259          </section>
25260        </a>
25261
25262
25263        <a href="/blog/webdesign/why-loading-web-fonts-asynchronously">
25264          <section class="excerpt">
25265            <header>
25266              <p class="date"><time datetime="2014-01-02T12:39:18+09:00">2日</time></p>
25267
25268              <h3>なぜWebフォントを非同期に読み込むのか</h3>
25269            </header>
25270
25271            <p>Webフォントを非同期に読むテクニックはいくつかあるけど、その理由についてまとめられた文章は少ない。僕は非同期に読み込むのは3つのそれぞれ違う分野での問題を解決するためだと考えている。どの問題も致命的なものではないので、非同期に読み込むべきかどうかはそれらをどう捉えるかで変わってくる。</p>
25272          </section>
25273        </a>
25274
25275
25276        <a href="/blog/coding/scss-functions-tests">
25277          <section class="excerpt">
25278            <header>
25279              <p class="date"><time datetime="2014-01-01T10:15:04+09:00">1日</time></p>
25280
25281              <h3>Sassユーザー定義関数のテスト</h3>
25282            </header>
25283
25284            <p>除夜の鐘をBGMにBowerパッケージのhail2u-scss-functionsのテストを書いていた。Gruntでコンパイルして期待される結果と付き合わせるだけだけど、あるとないのとでは大違いな気がしないでもない。</p>
25285          </section>
25286        </a>
25287
25288          </section>
25289          <section id="2013">
25290            <h2><time datetime="2013-12">2013年12月</time></h2>
25291
25292        <a href="/blog/gadget/mimikaki-kenuki-tsumekiri">
25293          <section class="excerpt">
25294            <header>
25295              <p class="date"><time datetime="2013-12-31T11:42:36+09:00">31日</time></p>
25296
25297              <h3>耳かき・毛抜き・爪やすり</h3>
25298            </header>
25299
25300            <p>耳かきは竹を削って耳に合わせてくれるところで作ったのを愛用してる。観光地価格で高かったけどほじりやすい。毛抜きは某化粧品メーカーのグルーミングセットのを使ってて調子が良い。爪切りのみよく切れるやつから切れ味は落ちるけど深爪しづらいやつまで色々使ったけどしっくりこなかった。色んな人から「削れ」と言われたので、1か月ほどガラスの爪やすりを買って削ってる。</p>
25301          </section>
25302        </a>
25303
25304
25305        <a href="/blog/webdesign/placeholder-selector">
25306          <section class="excerpt">
25307            <header>
25308              <p class="date"><time datetime="2013-12-30T11:17:29+09:00">30日</time></p>
25309
25310              <h3>プレースホルダー周りのセレクター</h3>
25311            </header>
25312
25313            <p>フォームのプレースホルダー周りのセレクターは、今のところウェブ標準では:placeholder-shown擬似クラスとして定義されている。つまりプレースホルダー文字列が表示されているかどうかという状態を反映するもの。どうやらInternet Explorer 11はこれを踏襲した実装のようだ。対してChrome 31やFirefox 25では擬似要素として実装されており、プレースホルダーそのものを表現するセレクターになっている。できることはあまり変わらないのだけど、例えば背景画像の開始位置とかでズレが生じる。</p>
25314          </section>
25315        </a>
25316
25317
25318        <a href="/blog/software/git-release-js">
25319          <section class="excerpt">
25320            <header>
25321              <p class="date"><time datetime="2013-12-29T10:36:06+09:00">29日</time></p>
25322
25323              <h3>git-release.js</h3>
25324            </header>
25325
25326            <p>Gitリポジトリでgit release majorなどとすると設定したターゲットのファイルの指定行にあるバージョン番号をインクリメントし、コミット、タグ付けまでやるNode.jsスクリプトを書いて使っている。汎用的でどこかに公開とかまでは面倒みないものがあればいいのになと思って、適当にNode.jsで書いて使ってる。</p>
25327          </section>
25328        </a>
25329
25330
25331        <a href="/blog/coding/my-scss-functions">
25332          <section class="excerpt">
25333            <header>
25334              <p class="date"><time datetime="2013-12-28T14:06:34+09:00">28日</time></p>
25335
25336              <h3>hail2u-scss-functions v1.0.0</h3>
25337            </header>
25338
25339            <p>自分で作って自分で使っているSassのユーザー定義関数をhail2u-scss-functionsという名前でBowerパッケージ化した。他人の作ったユーザー定義関数はいろいろあって使うの嫌だけど、自分のはコピペすることなく手軽に使えるようにしておくと良い気がする。</p>
25340          </section>
25341        </a>
25342
25343
25344        <a href="/blog/internet/smart-size-adsense">
25345          <section class="excerpt">
25346            <header>
25347              <p class="date"><time datetime="2013-12-27T07:40:45+09:00">27日</time></p>
25348
25349              <h3>AdSenseにスマート サイズの広告が仲間入り</h3>
25350            </header>
25351
25352            <p>メディア・クエリを書かなくても表示される場所に合わせて自動でリサイズされるスマート サイズというフォーマットがAdSenseのレã
25352‚¹ãƒãƒ³ã‚·ãƒ–広告ユニットに追加されたようだ。ざっと試したところ画像広告の場合は収まる最大の広告サイズ、テキスト広告の場合は表示される場所に合わせて文字サイズと広告数を調節して表示される。リアルタイムに切り替わるわけではないけど、これで十分そう。</p>
25353          </section>
25354        </a>
25355
25356
25357        <a href="/blog/internet/input-and-output">
25358          <section class="excerpt">
25359            <header>
25360              <p class="date"><time datetime="2013-12-26T10:12:16+09:00">26日</time></p>
25361
25362              <h3>入力と出力</h3>
25363            </header>
25364
25365            <p>ウェブでの活動は入力と出力をどう表現するかみたいな感じに集約されることが多い。ウェブログやTwitter、GitHub、Forrstは出力の場、リンクログやDelicious、Readability、Pinterestは入力の場。FacebookやTumblrは両者を混ぜたカオスな場なのかな。ウェブログの記事(出力)をDelicious (入力の場)へそのまま渡すとか、Readabilityで読んだもの(入力)をそのままTwitter (出力の場)に流すとかちょっとやってみたけど違和感(と罪悪感)しか湧かなかったのでやめたã€
25365‚</p>
25366          </section>
25367        </a>
25368
25369
25370        <a href="/blog/webdesign/async-web-font-loader">
25371          <section class="excerpt">
25372            <header>
25373              <p class="date"><time datetime="2013-12-25T13:14:38+09:00">25日</time></p>
25374
25375              <h3>Webフォントの非同期読み込み</h3>
25376            </header>
25377
25378            <p>Webフォントの読み込みは@importだと色々まずいので、主にlink要素を使って並列に読み込むわけだけど、これもまた貴重なHTTPリクエスト数を消費するとか、CSSのパース完了が少し遅れるなどあって、完璧な解というわけじゃない。それを非同期にWebフォント定義の含まれるCSSファイルを読み込むようにして、Webフォントのロードをページのレンダリングと並行して行わせるのはどうか、という試み。</p>
25379          </section>
25380        </a>
25381
25382
25383        <a href="/blog/coding/grunt-init-creates-crlf-files-on-windows">
25384          <section class="excerpt">
25385            <header>
25386              <p class="date"><time datetime="2013-12-24T12:39:52+09:00">24日</time></p>
25387
25388              <h3>grunt-initがWindowsでCR+LFなファイルを作ってしまう</h3>
25389            </header>
25390
25391            <p>grunt-initがファイルをカスタマイズしてコピーするcopyAndProcess()ではgrunt.template.process()を使っていて、それはgrunt.util.normalizelf()を最後に呼んでいる。これによりLFのファイルが環境に合わせてノーマライズされるようになっている。そのためWindowsでは常にCR+LFでファイルが吐かれる。</p>
25392          </section>
25393        </a>
25394
25395
25396        <a href="/blog/blosxom/set-env-blosxom_config_file-via-htaccess">
25397          <section class="excerpt">
25398            <header>
25399              <p class="date"><time datetime="2013-12-23T17:32:57+09:00">23日</time></p>
25400
25401              <h3>BLOSXOM_CONFIG_FILE環境変数</h3>
25402            </header>
25403
25404            <p>Blosxomの2.1.2では設定を/etc/blosxom/blosxom.confに置くことになっている。もちろん実際にはそうもいかないので、一般的には$ENV{BLOSXOM_CONFIG_FILE}を使って指定する……ということになっているけど、環境変数の設定の仕方がわからなくて書き換えて使われていたりすることが多いようだ。Apacheなら.htaccessでSetEnvを使えば良い。</p>
25405          </section>
25406        </a>
25407
25408
25409        <a href="/blog/webdesign/wai-aria-and-svg">
25410          <section class="excerpt">
25411            <header>
25412              <p class="date"><time datetime="2013-12-22T13:00:54+09:00">22日</time></p>
25413
25414              <h3>WAI-ARIAとSVG</h3>
25415            </header>
25416
25417            <p>埋め込みSVGのdesc要素等の場合、img要素におけるalt属性のようにブラウザーでサポートされていないという事情にWAI-ARIAを使ってなんとかできるのでしようという記事を読んだ。埋め込み(インライン)SVGはおざなりに対応されているような印象があるけど、ウェブはそういうのも多少は吸収できるような時代になってきたんだなと思う。その一方で「吸収できる」というようなこととかは具体的に明文化されていないことも感じる。やっぱり必要なのはドキュメントなのかな。</p>
25418          </section>
25419        </a>
25420
25421
25422        <a href="/blog/media/readymag">
25423          <section class="excerpt">
25424            <header>
25425              <p class="date"><time datetime="2013-12-21T13:14:45+09:00">21日</time></p>
25426
25427              <h3>Readymag</h3>
25428            </header>
25429
25430            <p>Origins of Common UI Symbolsというページを見て、こういうページめくりのウェブ雑誌をブラウザー上で簡単に作れるReadymagというウェブサービスを知った。ホスティングも込み。無料でひとつまで作れ、それ以上は月20ドルかかる。</p>
25431          </section>
25432        </a>
25433
25434
25435        <a href="/blog/coding/node-pit-ro">
25436          <section class="excerpt">
25437            <header>
25438              <p class="date"><time datetime="2013-12-20T12:04:58+09:00">20日</time></p>
25439
25440              <h3>Nodeモジュール: pit-ro</h3>
25441            </header>
25442
25443            <p>pitの読み込み専用のNodeモジュール、node-pit-roを作った。手元ã
25443§ä½¿ã£ã¦ãŸã®ã‚’モジュールに作り直した所で面倒になったので読み込み専用で止まった。</p>
25444          </section>
25445        </a>
25446
25447
25448        <a href="/blog/webdesign/generated-style-guides">
25449          <section class="excerpt">
25450            <header>
25451              <p class="date"><time datetime="2013-12-19T12:57:35+09:00">19日</time></p>
25452
25453              <h3>自動生成されるスタイル・ガイドはウェブ向きなのか</h3>
25454            </header>
25455
25456            <p>ウェブ制作においていわゆるスタイル・ガイドと呼ばれるものの作成をワークフローに取り入れる動きが広まりつつある。その主なものはCSSのコードから自動生成されるものだ。つまり制作の完了後に自動的に生成される。</p>
25457          </section>
25458        </a>
25459
25460
25461        <a href="/blog/webdesign/grunt-selector4096">
25462          <section class="excerpt">
25463            <header>
25464              <p class="date"><time datetime="2013-12-18T12:54:05+09:00">18日</time></p>
25465
25466              <h3>Gruntプラグイン: selector4096</h3>
25467            </header>
25468
25469            <p>IE9以下で4096個以上のセレクターがあるとスタイルが反映されなくなるバグのチェックを行うGruntプラグイン、selector4096を作った。CSSプリプロセッサーでネストしつつ@extendするとぽんぽんセレクター増えていくので、最近はまめにチェックするようにしている。自己最多記録は3400くらいで、バグに引っかかったことはまだない。</p>
25470          </section>
25471        </a>
25472
25473
25474        <a href="/blog/webdesign/max-width-and-svg-on-ie11-and-below">
25475          <section class="excerpt">
25476            <header>
25477              <p class="date"><time datetime="2013-12-17T09:17:35+09:00">17日</time></p>
25478
25479              <h3>IE11以下でのmax-widthとSVG</h3>
25480            </header>
25481
25482            <p>Internet Explorer 11以下でSVGをmax-width: 100% (max-height: 100%)を使って親要素の幅(高さ)に合わせてリサイズしようとすると、SVGのアスペクト比が考慮されないバグがあった。width: 100% (height: 100%)や、SVGではなくPNGやJPEGなら大丈夫。max-*とSVGの組み合わせの時のみなぜか起こるバグ。</p>
25483          </section>
25484        </a>
25485
25486
25487        <a href="/blog/blosxom/static_permalink-plugin">
25488          <section class="excerpt">
25489            <header>
25490              <p class="date"><time datetime="2013-12-16T07:12:09+09:00">16日</time></p>
25491
25492              <h3>Blosxomプラグイン: static_permalink</h3>
25493            </header>
25494
25495            <p>重い腰を上げてpermalinkを静的なHTMLとして吐いておくプラグインを書いて使い始めた。誰かしらがアクセスした時にHTMLが作られてなかったら作成するというシンプルなもの。振り分けはmod_rewriteに丸投げ。今までもRSSだけはそうしていたので、それをpermalinkでも使えるように深い階層でも大丈夫な感じに書き足そうと思ったけど、結局一から書き直した。これでいつでもBlosxomを捨てる用意が整った。</p>
25496          </section>
25497        </a>
25498
25499
25500        <a href="/blog/webdesign/typeplate">
25501          <section class="excerpt">
25502            <header>
25503              <p class="date"><time datetime="2013-12-15T10:16:28+09:00">15日</time></p>
25504
25505              <h3>Typeplate</h3>
25506            </header>
25507
25508            <p>TypeplateというCSSフレームワークを知った。必要最小限のものがうまくコンパクトにまとまっているのと、これの導入時点ではマルチ・クラスを強要しないようになっているのが良い。BootstrapやPureのような重量級のものとは違ってこれだけでOKとはならないものだけど、文書の基本的な体裁を整えるという面ではどのようなウェブサイトでもうまく動いてくれそう。</p>
25509          </section>
25510        </a>
25511
25512
25513        <a href="/blog/coding/test-normalize-scss">
25514          <section class="excerpt">
25515            <header>
25516              <p class="date"><time datetime="2013-12-14T06:48:04+09:00">14日</time></p>
25517
25518              <h3>Normalize.scssのテスト</h3>
25519            </header>
25520
25521            <p>Normalize.cssを分割してSassのSCSSパーシャル化したNormalize.scssのテストを書いていた。テストと言ってもオリジナルと同じコードになるかみたいなチェックを行うだけのもの。ç©
25521ºç™½è¡Œã¨ã‚³ãƒ¡ãƒ³ãƒˆã‚’無視してDIFF取れば……とか考えていたんだけど面倒くさそうだったので、圧縮して同じコードになるか比較するだけにした。これでケアレスミスは防げるんじゃないかと思う。</p>
25522          </section>
25523        </a>
25524
25525
25526        <a href="/blog/webdesign/right-100-percent-or-negative-margin">
25527          <section class="excerpt">
25528            <header>
25529              <p class="date"><time datetime="2013-12-13T03:11:40+09:00">13日</time></p>
25530
25531              <h3>right: 100%か負のマージンか</h3>
25532            </header>
25533
25534            <p>これまでCSSにはレイアウト方法があまりなかった。これからはFlexible Box LayoutやMulti-column Layout、Grid Layoutを始め、positionプロパティーに使える値の拡充などもあり柔軟に行えるようになるだろうが、それはけっして既存のレイアウト方法が不必要になるということではない。選択肢が増えると受け止めるべきだ。例えばright: 100%や負のマージンを使って親要素の外側左にレイアウトする手法はそのまま使い続けることになるだろう。</p>
25535          </section>
25536        </a>
25537
25538
25539        <a href="/blog/software/pngquant">
25540          <section class="excerpt">
25541            <header>
25542              <p class="date"><time datetime="2013-12-12T08:58:24+09:00">12日</time></p>
25543
25544              <h3>pngquant</h3>
25545            </header>
25546
25547            <p>pngquantはPNGを256色に減色してサイズを抑えるツール。同様のものはいくつかあって色々試してみたけど、最近はこれに落ち着いた。もちろんこれもアルファチャンネルに対応している。全般的に出力は良いと思うけど、稀に256色なのに気付かれたりもするので過信はできない。処理後に目で確認はした方が良い。</p>
25548          </section>
25549        </a>
25550
25551
25552        <a href="/blog/webdesign/translation-of-sass-guide">
25553          <section class="excerpt">
25554            <header>
25555              <p class="date"><time datetime="2013-12-11T11:40:36+09:00">11日</time></p>
25556
25557              <h3>Sass Basicsを訳した</h3>
25558            </header>
25559
25560            <p>先週末のことだけどSassの基本的な機能を解説した公式のページをSassの基本として日本語に訳した。Sassの公式ウェブサイトがリニューアルした後、チュートリアルがなくなっていて、その代わりに書かれたSass Basicsの翻訳。以前、Sass - チュートリアルを訳したので、その流れで。</p>
25561          </section>
25562        </a>
25563
25564
25565        <a href="/blog/webdesign/link-rel-dns-prefetch">
25566          <section class="excerpt">
25567            <header>
25568              <p class="date"><time datetime="2013-12-10T06:59:42+09:00">10日</time></p>
25569
25570              <h3>rel=dns-prefetch</h3>
25571            </header>
25572
25573            <p>そろそろrel=dns-prefetchのことは知っておかなければならない気がする。けど、調べれば調べるほど極々限られたウェブサイトでしか威力を発揮することはなさそうな気がしてくる。どうなんだろう。</p>
25574          </section>
25575        </a>
25576
25577
25578        <a href="/blog/webdesign/markup-changes-20131209">
25579          <section class="excerpt">
25580            <header>
25581              <p class="date"><time datetime="2013-12-09T10:34:58+09:00">9日</time></p>
25582
25583              <h3>マークアップをかなり変えた</h3>
25584            </header>
25585
25586            <p>
25586思うところがあったのでマークアップを変更していた。「背景画像として表示されるべきではないものを背景画像として表示しているのは良くないのではないか?」みたいな夢を見た後、じゃあ「まず変えてみよう!」みたいな。なんか変だなと思ったらF5すれば直る(はず)。</p>
25587          </section>
25588        </a>
25589
25590
25591        <a href="/blog/software/ag-capital-g-cli-option">
25592          <section class="excerpt">
25593            <header>
25594              <p class="date"><time datetime="2013-12-08T00:08:22+09:00">8日</time></p>
25595
25596              <h3>agの-Gオプション</h3>
25597            </header>
25598
25599            <p>agで特定の拡張子のファイルだけに対して再帰的に検索したいなと思っていたけどやり方がわからなかった。*.txtは可能だけど再帰的に検索してくれないし、**/*.txtは受け付けてくれないし……。Twitterでボヤいたら「ag -Gとかあるんだ」とかエアーを見たので調べてみたらまさにこれだった。</p>
25600          </section>
25601        </a>
25602
25603
25604        <a href="/blog/software/vim-css3-syntax-v0.9">
25605          <section class="excerpt">
25606            <header>
25607              <p class="date"><time datetime="2013-12-07T15:46:50+09:00">7日</time></p>
25608
25609              <h3>vim-css3-syntax v0.9</h3>
25610            </header>
25611
25612            <p>vim-css3-syntaxにSelectors Level 4などを追加してCSS current WorkのRevisingまで取り込んだ。ちょうどキリも良さそうなのでv0.9としてリリース。</p>
25613          </section>
25614        </a>
25615
25616
25617        <a href="/blog/webdesign/drawic-102">
25618          <section class="excerpt">
25619            <header>
25620              <p class="date"><time datetime="2013-12-06T15:14:15+09:00">6日</time></p>
25621
25622              <h3>Drawic v1.0.2</h3>
25623            </header>
25624
25625            <p>SVGOでSVGファイル最適化しようとするとsvg要素の子がg要素のみなどの場合、問答無用で消されてしまうようなので、それへのアドホックな対応を行ってDrawicをv1.0.2にした。アイコンの追加はなし。単一のpath要素に変換するという荒い手段をとった。</p>
25626          </section>
25627        </a>
25628
25629
25630        <a href="/blog/gadget/muji-toaster-oven-vertical">
25631          <section class="excerpt">
25632            <header>
25633              <p class="date"><time datetime="2013-12-05T15:15:15+09:00">5日</time></p>
25634
25635              <h3>無印良品 オーブントースター・縦型</h3>
25636            </header>
25637
25638            <p>今年買ったもので最も良かったのなんだろうなとか考えてた。いくつか候補があったけど、無印良品のオーブントースター・縦型が一番だった気がする(KOIZUMIのKOS-1011/Wの別デザインっぽい)。もちろん占有領域が狭いのがすごく良い。ネットストアでは売り切れてるけど店舗にはそこそこ在庫があるので、最寄りの店舗で頼めば取り寄せてくれると思う。</p>
25639          </section>
25640        </a>
25641
25642
25643        <a href="/blog/webdesign/on-css-postprocessor-era">
25644          <section class="excerpt">
25645            <header>
25646              <p class="date"><time datetime="2013-12-04T11:29:01+09:00">4日</time></p>
25647
25648              <h3>CSSポストプロセッサー時代の到来について</h3>
25649            </header>
25650
25651            <p>Frontrend Advent Calendar 2013の4日目の記事として、「CSSポストプロセッサー時代の到来」というタイトルで寄稿した。このウェブログで書こうかと思ったけど、意識はされていないもののそこそこ浸透している概念の話で、トレンドに関わりがあるもののそれに左右はされない話でもあるので、独立した文書にした。長いかと思ったけどそんなに長くもなかった。</p>
25652          </section>
25653        </a>
25654
25655
25656        <a href="/blog/software/align-objects-circularly-and-equally-with-inkscape">
25657          <section class="excerpt">
25658            <header>
25659              <p class="date"><time datetime="2013-12-03T02:11:17+09:00">3日</time></p>
25660
25661              <h3>Inkscapeでオブジェクトを丸く等間隔に並べる</h3>
25662            </header>
25663
25664            <p>昨日の記事のローディング・アイコンを作成する時に、SVGで丸が均等な間隔で丸く並ぶようにしたくて必死に計算してた。最初ストロークで調節しようと四苦八苦してたけど無理そうで、計算しよう……として頑張ったけど辛かったã
25664®ã§ä¸€æ—¦è«¦ã‚ãŸã€‚その後、よく調べたらInkscapeにはビルトイン・エクステンションにパスから生成→散乱というのがあって、これを使うととても簡単に出来るようだ。</p>
25665          </section>
25666        </a>
25667
25668
25669        <a href="/blog/coding/svg-loading-spinner">
25670          <section class="excerpt">
25671            <header>
25672              <p class="date"><time datetime="2013-12-02T13:42:50+09:00">2日</time></p>
25673
25674              <h3>SVGでローディング・アイコン</h3>
25675            </header>
25676
25677            <p>アニメーションSVGでローディング・アイコン、画像の読み込みの時とかにグルグルする奴を作った。回るスピードやサイズの変更が簡単なのが売り。8個の丸いパスを丸く並べ、g要素でグルーピングし、その子のanimateTransform要素でcalcMode=&quot;discrete&quot;を使えば結構簡単に出来た。</p>
25678          </section>
25679        </a>
25680
25681
25682        <a href="/blog/software/vim-color-scheme-advent-calendar-2013">
25683          <section class="excerpt">
25684            <header>
25685              <p class="date"><time datetime="2013-12-01T00:25:39+09:00">1日</time></p>
25686
25687              <h3>Vim Color Scheme Advent Calendar 2013</h3>
25688            </header>
25689
25690            <p>使ったことがあって気に入ってたVimのカラースキームを25個。パッと見ではかっこ良くないのも結構ある。けど、そういうのは目に優しかったり、読むのが楽だったり、昔愛用してたとかだったり。</p>
25691          </section>
25692        </a>
25693
25694          </section>
25695          <section>
25696            <h2><time datetime="2013-11">2013年11月</time></h2>
25697
25698        <a href="/blog/software/vim-show-highlight-group-name-under-cursor">
25699          <section class="excerpt">
25700            <header>
25701              <p class="date"><time datetime="2013-11-30T12:37:05+09:00">30日</time></p>
25702
25703              <h3>Vimでカーソル下のハイライト・グループ名を知る</h3>
25704            </header>
25705
25706            <p>Vimの構文強調は強力なんだけど、修正するとなるとなかなかの茨の道だったりもする。単に単語を追加とかなら良いけど、間違った強調がなされている場合は、まずどのハイライト・グループに間違えて入っているかを知らなければならない。synID()系の関数を頑張って使うとなんとなくわかる。</p>
25707          </section>
25708        </a>
25709
25710
25711        <a href="/blog/coding/svg-animatetransform">
25712          <section class="excerpt">
25713            <header>
25714              <p class="date"><time datetime="2013-11-29T11:06:32+09:00">29日</time></p>
25715
25716              <h3>SVGのanimateTransform要素</h3>
25717            </header>
25718
25719            <p>SVGのanimateTransform要素は、その親要素をアニメーションさせながら変形したり動かしたりするためのもの。fromとto要素だけでもちょっとしたことならできるけど、複雑なことをやるにはvaluesとkeyTimes属性とを組み合わせるようだ。</p>
25720          </section>
25721        </a>
25722
25723
25724        <a href="/blog/webdesign/breakpointtester-and-ish">
25725          <section class="excerpt">
25726            <header>
25727              <p class="date"><time datetime="2013-11-28T13:54:44+09:00">28日</time></p>
25728
25729              <h3>BreakpointTesterとish.</h3>
25730            </header>
25731
25732            <p>少し前にBreakpointTesterというツールを知った。任意のページでそのブックマークレットを起動すると、参照されているCSSファイルをスキャンしてMedia Queriesのブレークポイントを探し、そのブレークポイント全てを使ってiframe要素で表示しなおしてくれるというもの。また、ほぼ同時期にish.というツールがBrad Frostにより公開された。こちらは大中小でチェックでき、リサイズも可能というもの。こちらもデバイスを特に意è­
25732˜ã¯ã—ていない。しかし、両者は似ているようで少し違う。</p>
25733          </section>
25734        </a>
25735
25736
25737        <a href="/blog/software/jptemlate-vim-help">
25738          <section class="excerpt">
25739            <header>
25740              <p class="date"><time datetime="2013-11-27T10:23:08+09:00">27日</time></p>
25741
25742              <h3>JPTemplateのVimヘルプ</h3>
25743            </header>
25744
25745            <p>JPTemplateのVimヘルプを作ってた。HTMLから変換しただけで、日本語に訳したりはしてない。ついでにファイルの配置とかも変えてリポジトリにしておいたので、pathogenなどでもインストールできるようになった。</p>
25746          </section>
25747        </a>
25748
25749
25750        <a href="/blog/media/replacing-images">
25751          <section class="excerpt">
25752            <header>
25753              <p class="date"><time datetime="2013-11-26T12:57:55+09:00">26日</time></p>
25754
25755              <h3>画像を新しくした</h3>
25756            </header>
25757
25758            <p>主にogp:imageで使ってる画像を作り直した。アニメーションGIFと見せかけてSVGアニメーション。PNGをData URIで埋め込んで、それをサクサク切り替えていくアニメーション書いただけ。</p>
25759          </section>
25760        </a>
25761
25762
25763        <a href="/blog/webdesign/pull-quote">
25764          <section class="excerpt">
25765            <header>
25766              <p class="date"><time datetime="2013-11-25T07:20:47+09:00">25日</time></p>
25767
25768              <h3>プル・クオート</h3>
25769            </header>
25770
25771            <p>英語で書くとPull Quote、Calloutなどとも呼ばれる抜粋見出しのこと。雑誌のインタビュー記事などでよく見る、インタビュー内容の一部が抜き出されて見出しのように配置されているやつ。blockquote要素でマークアップするのかと思ってたら、aside要素の方が適切らしい。引用ではなく抜粋で、かつコンテンツに同じ内容が既にあるので、なくなっても特に問題がないからか。</p>
25772          </section>
25773        </a>
25774
25775
25776        <a href="/blog/software/vim-map-commands-in-autocmd">
25777          <section class="excerpt">
25778            <header>
25779              <p class="date"><time datetime="2013-11-24T09:13:51+09:00">24日</time></p>
25780
25781              <h3>Vimの自動コマンド内におけるマップコマンド</h3>
25782            </header>
25783
25784            <p>Vimのビルトイン構文強調定義のままだと、自動コマンド(autocmd)の引数でマップコマンドを指定すると強調されない。vimCommandとvimMapが分かれていて、autocmdの引数で使われるvimIsCommandにvimMapが含まれていないからみたい。</p>
25785          </section>
25786        </a>
25787
25788
25789        <a href="/blog/internet/github-2fa-and-https-push">
25790          <section class="excerpt">
25791            <header>
25792              <p class="date"><time datetime="2013-11-23T11:48:37+09:00">23日</time></p>
25793
25794              <h3>GitHubの2段階認証とhttpsアクセス</h3>
25795            </header>
25796
25797            <p>GitHubの2段階認証を有効にしたところ、httpsなURLのリモート・リポジトリへのpushが弾かれるようになった。ちゃんと記事読んだらトークンで認証させろと書いてあった……。指示に従ってアカウント設定のApplicationsからPersonal Access Tokenを発行し、パスワードの代わりにそれを使うようにしたところ、httpsでも元通り自動認証でpushできるようになったようだ。</p>
25798          </section>
25799        </a>
25800
25801
25802        <a href="/blog/coding/creating-css-font-family-shortcut">
25803          <section class="excerpt">
25804            <header>
25805              <p class="date"><time datetime="2013-11-22T08:04:20+09:00">22日</time></p>
25806
25807              <h3>CSSでフォント・ファミリーのショートカットを作る</h3>
25808            </header>
25809
25810            <p>最近のブラウザーではlocal()を使ってフォント・ファミリーのショートカット(的なもの)を作ることができる。CSS Fontsモジュール仕様のsrcプロパティーの項にも思いっきり書いてあるんだけど、今まではそんなに必要なかったã
25810®ã§ã‚まり使われていない。5ウェイト展開なヒラギノ角ゴのiOS 7へのバンドルと、3ウェイト展開の游ファミリのWindowsへのバンドルにより必要性が少し増えた気がする。</p>
25811          </section>
25812        </a>
25813
25814
25815        <a href="/blog/coding/vendor-prefixes-are-for-web-authors">
25816          <section class="excerpt">
25817            <header>
25818              <p class="date"><time datetime="2013-11-21T11:30:40+09:00">21日</time></p>
25819
25820              <h3>ベンダー拡張プリフィックスはウェブ制作者たちのためにある</h3>
25821            </header>
25822
25823            <p>ブラウザー開発者はベンダー拡張プリフィックスをなくす方向に動いているような気がする。短いリリース・サイクルの中で、仕様の要件を満たしているのなら外すといった地味な確認作業から開放されたいのかもしれない。そういう理由はわからなくもないが、ウェブ制作者も面倒くさくなくなるのでそれで良い、と考えていそうなことにはまったく賛成出来ない。</p>
25824          </section>
25825        </a>
25826
25827
25828        <a href="/blog/software/vim-css3-syntax-10">
25829          <section class="excerpt">
25830            <header>
25831              <p class="date"><time datetime="2013-11-20T04:48:45+09:00">20日</time></p>
25832
25833              <h3>vim-css3-syntax #10</h3>
25834            </header>
25835
25836            <p>CSS3 Transitionsが更新された……けど特に変わってなかった。ので、vim-css3-syntaxで今後どうやってVim 7.3以前とVim 7.4(、と開発中)の構文強調定義をサポートするかちょっと考えて、Vim 7.4の構文強調定義から新しく作られている強調グループをhlexists()関数でチェックするようにしようかなと。とりあえずお試しでafter/css/css3-trnasitions.vimのみ。</p>
25837          </section>
25838        </a>
25839
25840
25841        <a href="/blog/internet/unsplash-eye-catching">
25842          <section class="excerpt">
25843            <header>
25844              <p class="date"><time datetime="2013-11-19T12:09:55+09:00">19日</time></p>
25845
25846              <h3>Unsplashでアイキャッチ</h3>
25847            </header>
25848
25849            <p>Unsplashの配布してる自由に使える高解像度・高画質な画像をアイキャッチとして使っている記事をよく見るようになったなーと感じる。キレイな画像をアイキャッチに使いたいという気持ちはわかるんだけど、まず間違いなくアイキャッチになってない……どころか害悪になりつつあるような気がする。</p>
25850          </section>
25851        </a>
25852
25853
25854        <a href="/blog/coding/translation-of-cutting-down-on-vendor-prefixes">
25855          <section class="excerpt">
25856            <header>
25857              <p class="date"><time datetime="2013-11-18T06:35:27+09:00">18日</time></p>
25858
25859              <h3>Cutting down on vendor prefixesの日本語訳</h3>
25860            </header>
25861
25862            <p>ベンダー拡張プリフィックス書きすぎな状況は、メンテナンス上本当に良くない。だけど運用上であんまり実害はないので、とりあえず残しとけみたいな感じな気がする。ベンダー拡張プリフィックスヲ削減セヨとちょっとタイトルをアレンジして訳したCutting down on vendor prefixesでは、実例でどう削減できるのかを説明してる。</p>
25863          </section>
25864        </a>
25865
25866
25867        <a href="/blog/misc/making-things-people-want">
25868          <section class="excerpt">
25869            <header>
25870              <p class="date"><time datetime="2013-11-17T07:03:37+09:00">17日</time></p>
25871
25872              <h3>人が欲しがるものを作る</h3>
25873            </header>
25874
25875            <p>授業中にこっそりノートの切れ端をやりとりする、というのを今風に発展させたのがSnapchatだというような興味深い考察と共に、どういう風に製品を作ると良いのかについて書かれたMaking Things People Wantという記事を読んだ。いやまぁそうなんだけど的な話ではあるけど、手続きを減らす・多くの人に使えるようにする・どこからでも利用できるようにするという3つの手法に昇華させていて、思わずなるほどなーと考えさせられた。</p>
25876          </section>
25877        </a>
25878
25879
25880        <a href="/blog/software/font-face-descriptor-on-chrome-31">
25881          <section class="excerpt">
25882            <header>
25883              <p class="date"><time datetime="2013-11-16T17:39:57+09:00">16日</time></p>
25884
25885              <h3>Chrome 31での@font-face定義</h3>
25886            </header>
25887
25888            <p>Chrome 31で@font-face定義でunicode-rangeプロパティーを使った時の挙動が変わった。今までは@font-face定義を使ってローカルにあるフォントの一部をunicode-rangeプロパティーで差し替える場合、差し替えるグリフ以外はローカルのフォントが維持されていたんだけど、一部差し替えるだけだと他のグリフが全部失われるようになった。この挙動はInternet Explorer 11と同じで、仕様通りになった。</p>
25889          </section>
25890        </a>
25891
25892
25893        <a href="/blog/webdesign/svg-resized-blurry-on-ie10-11">
25894          <section class="excerpt">
25895            <header>
25896              <p class="date"><time datetime="2013-11-15T00:41:49+09:00">15日</time></p>
25897
25898              <h3>Internet Explorer 10や11でSVGがぼやけてリサイズされる(ことがある)</h3>
25899            </header>
25900
25901            <p>
25901Windows 7向けのInternet Explorer 11が出たので、早速インストールした。おかしいところも特になく、F12ツールもずいぶん使いやすくなってるし最高かと思ったら、このウェブサイトのSVGのリサイズがちょっと変だった。11だけかと思ったら10もだった。少し前までのFirefoxみたいにCSSのbackground-imageプロパティー経由だとアレなのかとか色々調べてたみたけど、どうも違う。どうやらリサイズ後の縦横サイズが小数点以下を含むようなケースでぼやけるようだ。</p>
25902          </section>
25903        </a>
25904
25905
25906        <a href="/blog/coding/simple-and-easy-is-not-enough">
25907          <section class="excerpt">
25908            <header>
25909              <p class="date"><time datetime="2013-11-14T04:21:32+09:00">14日</time></p>
25910
25911              <h3>シンプルで簡単なだけでは十分ではない</h3>
25912            </header>
25913
25914            <p>ある機能を追加しようとした時、いくつかある手法から選択する条件として、シンプルであることや簡単であることをが重要視されることは多い。けど、それと同じくらい今だけでなくこれからの機能との兼ね合いも考慮するべきで、シンプルで簡単という作業上のメリットのみで選択してしまうのは良くない。フロントエンドの人なのでclearfixを例にして書く。</p>
25915          </section>
25916        </a>
25917
25918
25919        <a href="/blog/internet/jsdelivr">
25920          <section class="excerpt">
25921            <header>
25922              <p class="date"><time datetime="2013-11-13T15:39:26+09:00">13日</time></p>
25923
25924              <h3>jsDelivr</h3>
25925            </header>
25926
25927            <p>オープンソース・ライブラリのCDNなんだけど、GitHubに作ったリポジトリをCDN経由で配信できるようにしてくれるという形のjsDelivrというウェブサービスを知った。無料で、帯域制限は特になく、httpsでも利用可能だったり、バックボーンはMaxCDNとCDN.netの組み合わせでそこそこ信頼できそう、と魅力的な点は多い。</p>
25928          </section>
25929        </a>
25930
25931
25932        <a href="/blog/software/markdown-etc">
25933          <section class="excerpt">
25934            <header>
25935              <p class="date"><time datetime="2013-11-12T00:12:56+09:00">12日</time></p>
25936
25937              <h3>Markdownなど</h3>
25938            </header>
25939
25940            <p>Markdownは、Markdownを知らない人が適当に書いたテキストでもなんとなく良い感じにHTMLにできちゃうみたいなものだったように思う。HTMLを簡単に書くための記法ではなくて、メールとかで使われてきたプレーンテキストなりの記述方法を良い感じにHTML化してくれるツール。巷に溢れるMarkdownモドキは、HTMLを簡単に書くという目的を持って拡張してしまっているので、その記法がちょっとなーという気がしてあんまり使いたくなかったりする。</p>
25941          </section>
25942        </a>
25943
25944
25945        <a href="/blog/webdesign/negative-margin-and-inline-table">
25946          <section class="excerpt">
25947            <header>
25948              <p class="date"><time datetime="2013-11-11T12:43:58+09:00">11日</time></p>
25949
25950              <h3>inline-tableに対する負のマージン</h3>
25951            </header>
25952
25953            <p>Internet Explorer 11やFirefox 25ではinline-tableとした要素への負のマージンが無視されることがあることを知った。Chrome 30では無視されない。条件と仕様がよくわからないのでただのメモ。</p>
25954          </section>
25955        </a>
25956
25957
25958        <a href="/blog/internet/restoring-a-website">
25959          <section class="excerpt">
25960            <header>
25961              <p class="date"><time datetime="2013-11-10T12:35:49+09:00">10日</time></p>
25962
25963              <h3>ウェブページの復旧</h3>
25964            </header>
25965
25966            <p>もう更新する気のないウェブサイトだけど、頑張って直したという話。サーバー側のシステム更新により、Textpatternのデータベースが壊れておかしくなったそうだ。こういうのはだいたい面倒になって捨てられることが多いので、素直に尊敬ã
25966§ãã‚‹ã€‚</p>
25967          </section>
25968        </a>
25969
25970
25971        <a href="/blog/internet/new-plusone-button">
25972          <section class="excerpt">
25973            <header>
25974              <p class="date"><time datetime="2013-11-09T11:45:26+09:00">9日</time></p>
25975
25976              <h3>新しい+1ボタン</h3>
25977            </header>
25978
25979            <p>Facebookのいいねボタンが変更されたことが大々的に拡散する陰で、Googleの+1ボタンも新しくなった。「うお、SVGだ!」とか思ったけど、フラットに……。ようやくいいねボタンがゆるいグラデーションになってTwitterの共有ボタンや古い+1ボタンと揃ったのに、今度は+1ボタンが。が……。が! 目立つようにわざと変えたってことはないと思うけど、こういうところでウェブサービス同士の足並みが揃うことが本当になくて辛い。</p>
25980          </section>
25981        </a>
25982
25983
25984        <a href="/blog/webdesign/dont-stack-lucida-sans-unicode-with-lucida-grande">
25985          <section class="excerpt">
25986            <header>
25987              <p class="date"><time datetime="2013-11-08T12:03:44+09:00">8日</time></p>
25988
25989              <h3>Lucida Sans UnicodeをLucida Grandeと組み合わせるべきではない</h3>
25990            </header>
25991
25992            <p>タイトルまま。好みが7割くらいだけど、そこそこ理由もある。別にLucida Sans Unicodeが嫌いなわけではないし、UI向けフォントであるLucida Grandeをウェブで使うな派でもない。この2つを組み合わせるのが好きではないという話。</p>
25993          </section>
25994        </a>
25995
25996
25997        <a href="/blog/webdesign/is-content-king">
25998          <section class="excerpt">
25999            <header>
26000              <p class="date"><time datetime="2013-11-07T11:51:26+09:00">7日</time></p>
26001
26002              <h3>コンテンツは王様なのか</h3>
26003            </header>
26004
26005            <p>最近に限らず、ウェブでは何かと「Content is king」というフレーズが多用されてきた。テーブル・レイアウトの駆逐期にもよく見た記憶がある。今までもこれからもコンテンツが王様で、それがために人はウェブサイトに訪れる、と。15年前ならそれは正しかったような気もするけど、様々なウェブサイトに同じようなコンテンツが散在する現在は、人はウェブサイトそのものを目的として訪れるようになっているように思う。</p>
26006          </section>
26007        </a>
26008
26009
26010        <a href="/blog/blog/blog-every-week">
26011          <section class="excerpt">
26012            <header>
26013              <p class="date"><time datetime="2013-11-06T11:18:47+09:00">6日</time></p>
26014
26015              <h3>毎週ブログる</h3>
26016            </header>
26017
26018            <p>キャッチーなタイトルに惹かれて、Commit Every Day, Blog Every Weekという記事を読んでた。ネタ元のウェブログ、先週更新してないけど……(週を日曜始まりとするとギリギリまだ大丈夫なのかな)。定期的に投稿のあるウェブログは安心して読めると思う。不定期だとその人がその時突発的に感じていることを勢いでぶつけるものになりがちな気がするので、眉に唾をつけて慎重に読む必要があって面倒くさい。流し読みしたい。</p>
26019          </section>
26020        </a>
26021
26022
26023        <a href="/blog/webdesign/blockquote-attribution">
26024          <section class="excerpt">
26025            <header>
26026              <p class="date"><time datetime="2013-11-05T11:08:32+09:00">5日</time></p>
26027
26028              <h3>引用元の表記</h3>
26029            </header>
26030
26031            <p>blockquote要素における引用元の表記をどうマークアップするかでWHATWGとW3Cの仕様で違いが出たので、俄然盛り上がってきた。昨日公開されたHTML5 Doctorの記事を始め、様々な人が見解を書いている。概ねシンプルなW3C版が優勢な気がする。どう決着するかには関心があるものの、現状どうするべきかについてはよくわからなくなってしまったので、それぞれどういうコードになるのかとその思想の違いをメモだけしておく。</p>
26032          </section>
26033        </a>
26034
26035
26036        <a href="/blog/coding/pushstate-and-child-of-head">
26037          <section class="excerpt">
26038            <header>
26039              <p class="date"><time datetime="2013-11-04T13:10:45+09:00">4日</time></p>
26040
26041              <h3>pushState()とhead要素の子</h3>
26042            </header>
26043
26044            <p>ページの一部だけ差し替えてpushState()で表示されるURLだけを更新という手法が広まりしばらく経った。全般的に素晴らしい仕組ã
26044¿ã§ã€ã¿ã‚“などんどん使えば良いと思うのだけど、head要素の子のことをちょっと気にして欲しいかなと思う。</p>
26045          </section>
26046        </a>
26047
26048
26049        <a href="/blog/webdesign/icon-fonts-and-user-stylesheets">
26050          <section class="excerpt">
26051            <header>
26052              <p class="date"><time datetime="2013-11-03T12:06:26+09:00">3日</time></p>
26053
26054              <h3>アイコン・フォントとユーザースタイルシート</h3>
26055            </header>
26056
26057            <p>ユーザースタイルシートでフォントを独自に設定(固定)している場合に、アイコン・フォントがうまく表示されないであろうことについて順に説明している記事を読んだ。ユニコードの私用領域へのマッピングだけでなく、代替となる文字列を提供する……だけでは、まだ足りないのではないかという話。前に書いた気もする。</p>
26058          </section>
26059        </a>
26060
26061
26062        <a href="/blog/internet/penflip">
26063          <section class="excerpt">
26064            <header>
26065              <p class="date"><time datetime="2013-11-02T02:37:23+09:00">2日</time></p>
26066
26067              <h3>Penflip</h3>
26068            </header>
26069
26070            <p>GitHub for Writersとかいう感覚の共同編集プラットフォーム、Penflipが公開された。せっかくなので、ちょっと使ってみた感じとかをAbout Penflip in Japaneseというタイトルで書いてみている。プレビューはいまいち。使うかどうかはともかく、懐の広いこういったウェブサービスが増えるのは喜ばしいことだと思う。</p>
26071          </section>
26072        </a>
26073
26074
26075        <a href="/blog/webdesign/still-12-column">
26076          <section class="excerpt">
26077            <header>
26078              <p class="date"><time datetime="2013-11-01T13:21:34+09:00">1日</time></p>
26079
26080              <h3>まだ12カラム?</h3>
26081            </header>
26082
26083            <p>同じ幅の12のカラムでレイアウトというアプローチを捨てたウェブサイトが増えている気がする。Bootstrapですらバージョン3では12に分けることもできるよ的なアプローチ(12カラムでやれと言わんばかりではあるけど)になっており、より柔軟なカラム・レイアウトが求められているような気配がある。時代の流れは速い。</p>
26084          </section>
26085        </a>
26086
26087          </section>
26088          <section>
26089            <h2><time datetime="2013-10">2013年10月</time></h2>
26090
26091        <a href="/blog/internet/optica-tumblr-theme">
26092          <section class="excerpt">
26093            <header>
26094              <p class="date"><time datetime="2013-10-31T05:17:50+09:00">31日</time></p>
26095
26096              <h3>Tumblrテーマ: Optica</h3>
26097            </header>
26098
26099            <p>最近よく見るTumblrのテーマが気になったので、そのソースからテーマ名を探したところOpticaというテーマらしい。そのプレビューを見るとすぐにわかるが、とてもクリーンで、ブログとしての必要最低限の機能がバランス良くキレイにまとめられてるなという印象。すごく良い。</p>
26100          </section>
26101        </a>
26102
26103
26104        <a href="/blog/webdesign/stick-last-nav-item-to-right">
26105          <section class="excerpt">
26106            <header>
26107              <p class="date"><time datetime="2013-10-30T12:02:00+09:00">30日</time></p>
26108
26109              <h3>最後のナビゲーション項目を右へ</h3>
26110            </header>
26111
26112            <p>今まではロゴとナビゲーションを、小さい時は中央揃えで2段、中くらいでは左右に分割、広い画面の時は左寄せ気味にしてた。広い画面の時に右の空き方が気になっていたので、なんか飾りでも入れようかと思って、色々試してたけどダメそうなので、単純に最後の項目(About)を右寄せにすることにした。</p>
26113          </section>
26114        </a>
26115
26116
26117        <a href="/blog/software/untouchable-vs-readable">
26118          <section class="excerpt">
26119            <header>
26120              <p class="date"><time datetime="2013-10-29T02:08:55+09:00">29日</time></p>
26121
26122              <h3>
26122タッチできないけど読める</h3>
26123            </header>
26124
26125            <p>iOS 7のボタンはタッチ出来ないだろ! というような批判の記事を読んだ。枠線等で明確なエリアが描画されてないので、タッチできる場所がどこかよくわからないということのようだ。これは正しくもあり、間違ってもいるとも思う。人はタッチできるエリアを正確に認識してからタッチするわけじゃないので、タッチできそうな感じの周辺がタッチできるなら問題はないはずだ。</p>
26126          </section>
26127        </a>
26128
26129
26130        <a href="/blog/webdesign/widget-class-name">
26131          <section class="excerpt">
26132            <header>
26133              <p class="date"><time datetime="2013-10-28T17:02:08+09:00">28日</time></p>
26134
26135              <h3>ウィジェットのクラス名</h3>
26136            </header>
26137
26138            <p>最近、Twitterのリンク共有ボタンのクラス名が変わった。twitter-share-buttonというのが追加されたかなんかしたのだと思う。このクラス名を自分のウェブサイトの別の所でも使っていたので、表示が崩れてしまった。こういう衝突はなかなか避けられないものだとは思うけど、ウィジェット提供側で少し気をつけてくれるとその機会は大きく減るんじゃないかと思う。</p>
26139          </section>
26140        </a>
26141
26142
26143        <a href="/blog/internet/snapito">
26144          <section class="excerpt">
26145            <header>
26146              <p class="date"><time datetime="2013-10-27T17:12:42+09:00">27日</time></p>
26147
26148              <h3>Snapito!</h3>
26149            </header>
26150
26151            <p>Snapito!は指定したURLのスクリーンショットを撮ってくれるウェブサービス。同様のものは多くあるが、画像がキレイで日本語が通ってAPIがあって……となるとそこそこのお値段する。今のところSnapito!は無料でそれらの条件をクリアしている。良さそう。</p>
26152          </section>
26153        </a>
26154
26155
26156        <a href="/blog/blog/two-thousand">
26157          <section class="excerpt">
26158            <header>
26159              <p class="date"><time datetime="2013-10-26T01:11:40+09:00">26日</time></p>
26160
26161              <h3>2000本記事</h3>
26162            </header>
26163
26164            <p>これで通算2000本目の記事。ブログにおける2000本記事は、プロ野球の2000本安打に匹敵するのではないか。そう考えると、「数シーズン棒に振ったのにも拘らず、2000本安打達成しててすごい!」みたいな感じに。ならない。</p>
26165          </section>
26166        </a>
26167
26168
26169        <a href="/blog/misc/beginners-ja">
26170          <section class="excerpt">
26171            <header>
26172              <p class="date"><time datetime="2013-10-25T03:18:32+09:00">25日</time></p>
26173
26174              <h3>Think of the Beginnersを訳した</h3>
26175            </header>
26176
26177            <p>月一翻訳にちょうど良さそうな量とグッとくる内容だったので、Think of the BeginnersというEtsyのリードデザイナーの人の記事を「初心者のことを考えよう」というタイトルで日本語に訳し、公開した。熟練者であることを忘れ、初心者になる便利ボタン欲しい。</p>
26178          </section>
26179        </a>
26180
26181
26182        <a href="/blog/webdesign/placeholder-as-label-low-contrast-no-whitespace-form">
26183          <section class="excerpt">
26184            <header>
26185              <p class="date"><time datetime="2013-10-24T02:20:20+09:00">24日</time></p>
26186
26187              <h3>プレースホルダーがラベルで、コントラストが低く、余白がない入力フォーム</h3>
26188            </header>
26189
26190            <p>プレースホルダーをラベルにしたフォームや、コントラストが低いフォーム、余白がなかったりするフォームはそれぞれよく見る。特にプレースホルダーをラベル代わりにするのは、すっきりするので多用されている印象。使いたい気持ちはわからなくもない。けどこの3つが組み合わされると、なかなかひどい感じになるという実例をGoogleで見てしまった。</p>
26191          </section>
26192        </a>
26193
26194
26195        <a href="/blog/webdesign/csslint-rules-ja">
26196          <section class="excerpt">
26197            <header>
26198              <p class="date"><time datetime="2013-10-23T10:40:35+09:00">23日</time></p>
26199
26200              <h3>CSSLintのルールの超訳</h3>
26201            </header>
26202
26203            <p>随分前に勢いで訳したものの、すぐに我に返って記事にはしなかったCSSLintのルールの超訳を、言及貰って気が向いたので更新した。新しく追加されたルールの訳を追加しただけ。でもドã
26203‚­ãƒ¥ãƒ¡ãƒ³ãƒˆã¨ã—て残すのも、訳し方的にアレな感じがあるので、あんまり良くないけどGistのままで。</p>
26204          </section>
26205        </a>
26206
26207
26208        <a href="/blog/webdesign/cargo-cult-css">
26209          <section class="excerpt">
26210            <header>
26211              <p class="date"><time datetime="2013-10-22T00:43:49+09:00">22日</time></p>
26212
26213              <h3>CSSカーゴ・カルト</h3>
26214            </header>
26215
26216            <p>CSSフレームワークの根本的な概念における問題点をセマンティクスやメンテナンス性の面から指摘した記事を読んだ。文明の利器がCSSフレームワークで、その礼賛者達がIDや構造に即したセレクターをないがしろにして、その模倣に躍起になっていることを指してカーゴ・カルトと評しているのだと思う。似たようなことをID使っても問題ないで書いたので、他の人も書いてるとほっとする。</p>
26217          </section>
26218        </a>
26219
26220
26221        <a href="/blog/webdesign/ten-years">
26222          <section class="excerpt">
26223            <header>
26224              <p class="date"><time datetime="2013-10-21T12:01:15+09:00">21日</time></p>
26225
26226              <h3>10å¹´</h3>
26227            </header>
26228
26229            <p>10年前に書かれたCSSでタブを作るテクニックへの多少ノスタルジックな記事。この頃に勃興したCSSでなんとかするムーブメントが後に与えた影響は大きそう。擬似要素やWebフォントに変わっただけで、やってることはあんまり変わらない気もする。10年でブラウザーとCSSは進歩したけれども、自分はどうなのと問いかけると……。</p>
26230          </section>
26231        </a>
26232
26233
26234        <a href="/blog/webdesign/source-sans-pro-and-yu-gothic">
26235          <section class="excerpt">
26236            <header>
26237              <p class="date"><time datetime="2013-10-20T12:00:35+09:00">20日</time></p>
26238
26239              <h3>Source Sans Proと游ゴシック</h3>
26240            </header>
26241
26242            <p>Windows 8.1に入った游ゴシックをウェブページで使用するイメージ固め。游ゴシックはメイリオと比べると細く薄いイメージになるので、Source Sans Proだとウェイトをひとつ落とすとちょうど良い気がする。</p>
26243          </section>
26244        </a>
26245
26246
26247        <a href="/blog/software/movable-chrome-apps-shortcut">
26248          <section class="excerpt">
26249            <header>
26250              <p class="date"><time datetime="2013-10-19T10:23:07+09:00">19日</time></p>
26251
26252              <h3>Chrome 30のアプリのショートカットを動かせるようにする</h3>
26253            </header>
26254
26255            <p>Chrome 30で、ブックマーク・バーにアプリのショートカットが表示されるようになった。ブックマークではないので、動かせない。右クリック等から非表示にはできるけど、そうすると今度はアプリにアクセスする手段がなくなる。どうしたもんかと思ったけど、普通のタブなので改めてブックマークしてやれば良いだけだった。</p>
26256          </section>
26257        </a>
26258
26259
26260        <a href="/blog/webdesign/response">
26261          <section class="excerpt">
26262            <header>
26263              <p class="date"><time datetime="2013-10-18T15:47:12+09:00">18日</time></p>
26264
26265              <h3>レスポンス</h3>
26266            </header>
26267
26268            <p>レスポンシブ・ウェブ・デザインというのを見る人の反応や感じ方(レスポンス)を公平にすることだと考えるようにしている。同じにするのではなく、公平にする。画像の最適化を例にするまでもなく現状の実装では無理があることも多いので、それを目指してベースラインをしっかりと引きたい。</p>
26269          </section>
26270        </a>
26271
26272
26273        <a href="/blog/coding/sass-3.3-maps-data-type">
26274          <section class="excerpt">
26275            <header>
26276              <p class="date"><time datetime="2013-10-17T11:54:48+09:00">17日</time></p>
26277
26278              <h3>Sass 3.3の新しいデータ型: マップ</h3>
26279            </header>
26280
26281            <p>
26281SassConfに合わせたのか、Sassの3.3 RC.1が出た。これで3.3での追加機能も固まったようなので、CHANGELOGをちゃんと読んだところ、1か月ほど前に取り込まれていた新しいデータ型であるマップについてもちゃんと入っていた。マップは、いわゆるハッシュとか連想配列とかいう名前で呼ばれるもの。</p>
26282          </section>
26283        </a>
26284
26285
26286        <a href="/blog/internet/default-profile-icon">
26287          <section class="excerpt">
26288            <header>
26289              <p class="date"><time datetime="2013-10-16T11:12:41+09:00">16日</time></p>
26290
26291              <h3>初期プロフィール・アイコン</h3>
26292            </header>
26293
26294            <p>最近はどのウェブサービスでもプロフィール・アイコンを設定できる。そこで問題になるのが、とりあえず設定されるデフォルトのプロフィール・アイコン。全ユーザー共通であったり、Gravatarであったりするのがメジャーだけど、一部では登録時に取得したユーザー名等から生成されて設定されたりもする。</p>
26295          </section>
26296        </a>
26297
26298
26299        <a href="/blog/coding/do-one-thing">
26300          <section class="excerpt">
26301            <header>
26302              <p class="date"><time datetime="2013-10-15T08:34:45+09:00">15日</time></p>
26303
26304              <h3>Do One Thing</h3>
26305            </header>
26306
26307            <p>jQueryを使って書くのは簡単なのはわかるけど、併発する問題も少なくないので、jQueryプラグインとして書くのをやめてみるのはどうかという脱jQueryガイド。ひとつのことを行う小さなライブラリ(パッケージ)として普通にウェブ標準で書くのが流行り始めてるんじゃないかというような締めで終わる。小さなライブラリを作って組み合わせるようにすると、自然とコードが自分で把握できる範囲に収まりやすいので、安心感があって好き。</p>
26308          </section>
26309        </a>
26310
26311
26312        <a href="/blog/webdesign/interlaced-png">
26313          <section class="excerpt">
26314            <header>
26315              <p class="date"><time datetime="2013-10-14T11:17:27+09:00">14日</time></p>
26316
26317              <h3>インターレースPNG</h3>
26318            </header>
26319
26320            <p>PNGファイルを書き出す時にインターレースPNGにすると、ファイルサイズ増えるけど、表示の体感は速くなる。また、ウェブページにおいては最初に画像の大きさ分だけ確保されるので、リフロー(レイアウト)を抑止できる。レスポンシブ・イメージとまでは言えないけど、多少はみんなに公平に優しい気がするので、ファイルサイズをケチらずに、すべてインターレースPNGにしてしまうのが良い気がする。デメリットも特に知らない。</p>
26321          </section>
26322        </a>
26323
26324
26325        <a href="/blog/media/luscious-jackson">
26326          <section class="excerpt">
26327            <header>
26328              <p class="date"><time datetime="2013-10-13T10:59:51+09:00">13日</time></p>
26329
26330              <h3>Luscious Jackson</h3>
26331            </header>
26332
26333            <p>10数年ぶりにLuscious Jacksonを聴いてた。1stのNatural Ingredientsはものすごく聴いた記憶ある。Veruca Saltと共に、1995年前後に最もよく聴いた女声バンドのひとつだったと思う。CDなくなったあとはまったく存在を忘れていた……。明るいWarpaintみたいな感じ(乱暴)。</p>
26334          </section>
26335        </a>
26336
26337
26338        <a href="/blog/software/vim-css3-syntax-9">
26339          <section class="excerpt">
26340            <header>
26341              <p class="date"><time datetime="2013-10-12T11:10:49+09:00">12日</time></p>
26342
26343              <h3>vim-css3-syntaxのHTML向け追加シンタックス・ファイル</h3>
26344            </header>
26345
26346            <p>vim-css3-syntaxにバンドルしていた、HTML向け追加シンタックス・ファイルであるafter/syntax/html.vimの更新をすっかり忘れていた。新たに追加したファイルやリネームしたファイルを反映させたので、HTMLにCSSを直接書く機会が多い人は特にアップデートして欲しい。</p>
26347          </section>
26348        </a>
26349
26350
26351        <a href="/blog/media/medium-negative">
26352          <section class="excerpt">
26353            <header>
26354              <p class="date"><time datetime="2013-10-11T13:44:22+09:00">11日</time></p>
26355
26356              <h3>Mediumのネガティブさ</h3>
26357            </header>
26358
26359            <p>主にシステムとして、書く人のメリットがあまりない点などがMediumの欠点として挙げられることが多い。そういうのもあるだろうけど、そもそも「喜んでタダ働きをしようとする何百万もの人々」がいるのだから、その点はあまり問題にならないと思う。それよりも、多くの記事がバッシングや自身の不満をぶつけるものに偏ってて、Medium自体がネガティブなものに見えてしまうあたりの方が気になる。</p>
26360          </section>
26361        </a>
26362
26363
26364        <a href="/blog/webdesign/worth-the-wait">
26365          <section class="excerpt">
26366            <header>
26367              <p class="date"><time datetime="2013-10-10T00:58:27+09:00">10日</time></p>
26368
26369              <h3>待つ価値がある</h3>
26370            </header>
26371
26372            <p>元記事はかっこいいローディング画像のコレクションなのだけど、その導入で「よく出来たウェブサイトは待つ価値がある」と言っている。それは正しいと言えば正しいのだけど、初めてそのウェブサイトを見た人が、よく出来たウェブサイトであるかを判断することは難しいので、ほとã
26372‚“ど空論であるとも言えそう。なるべくかっこよさげなローディング画像がイースター・エッグのようなレアなものになるようにウェブサイトを作りたい。</p>
26373          </section>
26374        </a>
26375
26376
26377        <a href="/blog/internet/hosting-web-fonts">
26378          <section class="excerpt">
26379            <header>
26380              <p class="date"><time datetime="2013-10-09T17:33:32+09:00">9日</time></p>
26381
26382              <h3>Webフォントのホスティング</h3>
26383            </header>
26384
26385            <p>Webフォントのホスティングのみを提供するようなサービス、つまりWebフォント専用のカスタムCDNを探していた。しかし、Webフォントがメジャーになったとはいえ、そこまでニッチなサービスはあんまりないようだ。代表的なものだとTypeFront。が、かなり制限厳しい。試してすらいないけど、$15/月は払わないとまともに機能しそうもないような仕様だった。</p>
26386          </section>
26387        </a>
26388
26389
26390        <a href="/blog/webdesign/fira-sans-and-fira-mono-as-web-fonts">
26391          <section class="excerpt">
26392            <header>
26393              <p class="date"><time datetime="2013-10-08T11:36:08+09:00">8日</time></p>
26394
26395              <h3>WebフォントとしてのFira SansとFira Mono</h3>
26396            </header>
26397
26398            <p>Firefox OSのデフォルト・フォントである、Fira Sansとそれに合わせてデザインされた等幅フォントであるFira Monoがウェブで使えるかテストしている。Fira Sansは「1990年代のHelvetica」とも言われているFF Metaが元になっていて、ウェイトとスタイルも揃っており、ウェブで実際に使えるとなったらかなり魅力的。</p>
26399          </section>
26400        </a>
26401
26402
26403        <a href="/blog/software/chrome-alert-confirm-prompt">
26404          <section class="excerpt">
26405            <header>
26406              <p class="date"><time datetime="2013-10-07T14:49:26+09:00">7日</time></p>
26407
26408              <h3>Chromeのalert()、confirm()とprompt()</h3>
26409            </header>
26410
26411            <p>もう結構前からだけど、Chromeのダイアログ系のデザインが変わった。白くて、「ネイティブってなんですか?」みたいな奴。変更自体は色々な考えがあってやったんだろうと思うので、そのこと自体は良いのだけど、インターネットで話題にならないのが気になる。もう誰もalert()とか使わなくなったということなのか。</p>
26412          </section>
26413        </a>
26414
26415
26416        <a href="/blog/webdesign/github-error-pages">
26417          <section class="excerpt">
26418            <header>
26419              <p class="date"><time datetime="2013-10-06T17:17:19+09:00">6日</time></p>
26420
26421              <h3>GitHubのエラー・ページ</h3>
26422            </header>
26423
26424            <p>GitHubのStyleguideにエラー・ページのセクションがあるのを知った。それによると外部ファイルに依存しないように書いているらしい。CSSはstyle要素で、JavaScriptはscript要素で、画像ファイルはBase64エンコードしてData URIで、それぞれHTMLに直接埋め込むというスタイル。</p>
26425          </section>
26426        </a>
26427
26428
26429        <a href="/blog/internet/revert-to-old-feedly-cards-layout">
26430          <section class="excerpt">
26431            <header>
26432              <p class="date"><time datetime="2013-10-05T15:11:20+09:00">5日</time></p>
26433
26434              <h3>昔のFeedlyのカード・レイアウトに戻す</h3>
26435            </header>
26436
26437            <p>Feedlyのカード・レイアウトは流し読みが出来て好きだったのだけど、結構前に画像がある場合もない場合も同じ高さで敷き詰められるように変更された。PinterestやMasonryのように違う高さでびっちりと敷き詰められていた方が、流し読みには向いていると思うので、ユーザーCSSで戻した。</p>
26438          </section>
26439        </a>
26440
26441
26442        <a href="/blog/internet/translation-and-fair-use">
26443          <section class="excerpt">
26444            <header>
26445              <p class="date"><time datetime="2013-10-04T16:57:13+09:00">4日</time></p>
26446
26447              <h3>翻訳とフェアユース</h3>
26448            </header>
26449
26450            <p>翻訳ままのウェブサイトを、著作権というかっこうの武器で気軽に批判する人は多い。アメリカのコンテンツに関してはフェアユースという概念があるので、翻訳ままã
26450‚’自分のコンテンツとして公開することが問題のある行為だとは言いきれないと思う。批判する人たちは、単純に労力はあれど何の努力もなさそうな翻訳ままのウェブサイトが人気があるというのが気に食わないだけなのではないか。</p>
26451          </section>
26452        </a>
26453
26454
26455        <a href="/blog/internet/url2markdown">
26456          <section class="excerpt">
26457            <header>
26458              <p class="date"><time datetime="2013-10-03T15:16:15+09:00">3日</time></p>
26459
26460              <h3>url2markdown</h3>
26461            </header>
26462
26463            <p>URLを指定すると、コンテンツを抽出してMarkdownに変換してくれるurl2markdownというウェブサービスを知った。コンテンツ抽出系ではかなりの安定動作が期待できるReadabilityのAPIを使ってて、その部分に関してはほぼ問題なさそう。試しにSass、そしてSassy CSS (SCSS)を投げてみた結果は非常に良好だった。キレイなものをゴミみたいにマークアップしてるページでも良好。</p>
26464          </section>
26465        </a>
26466
26467
26468        <a href="/blog/software/greenfish-icon-editor">
26469          <section class="excerpt">
26470            <header>
26471              <p class="date"><time datetime="2013-10-02T19:54:56+09:00">2日</time></p>
26472
26473              <h3>Greenfish Icon Editor</h3>
26474            </header>
26475
26476            <p>IcoFXが更新再開したらアレな感じになってたので、その代わりになるアイコン・エディターをずっと探してた。オンラインのものも含めていくつか良さそうなものがあったけど、IcoFXのようないわゆるアイコン・エディターが良かったので、触った感じが一番近かったGreenfish Icon Editorに落ち着いた。</p>
26477          </section>
26478        </a>
26479
26480
26481        <a href="/blog/webdesign/end-on-a-link">
26482          <section class="excerpt">
26483            <header>
26484              <p class="date"><time datetime="2013-10-01T00:23:57+09:00">1日</time></p>
26485
26486              <h3>リンクで終える</h3>
26487            </header>
26488
26489            <p>文をリンクで終えると、リンクを認識しやすいだけでなく、ユーザーが文を読み終えて直ぐにアクション可能になるので良いのではというユーザー体験に関わる話。リンクの位置はこの記事を読むまで、なんとなく文中にあると途切れ途切れに読まれちゃうかなーくらいにしか意識していなかった。ただし、日本語ではかなり文章を工夫しないと、名詞でリンクするのとリンクで終えるのを両立するのは難しいので、こだわりすぎると簡単に文章が破綻する。元記事はここをクリックという言葉をリンクにするな、という話が中心。</p>
26490          </section>
26491        </a>
26492
26493          </section>
26494          <section>
26495            <h2><time datetime="2013-09">2013年9月</time></h2>
26496
26497        <a href="/blog/misc/diary-130930">
26498          <section class="excerpt">
26499            <header>
26500              <p class="date"><time datetime="2013-09-30T18:36:56+09:00">30日</time></p>
26501
26502              <h3>書くことない日記 2013-09-30</h3>
26503            </header>
26504
26505            <p>書き続けるの3か月くらいでだいたい力尽きる。もうちょっとで2000記事になるので、今年中には到達したい。というようなことを去年も書いた気がする。</p>
26506          </section>
26507        </a>
26508
26509
26510        <a href="/blog/software/vim-user-runtime-directory">
26511          <section class="excerpt">
26512            <header>
26513              <p class="date"><time datetime="2013-09-29T12:10:43+09:00">29日</time></p>
26514
26515              <h3>Vimのユーザー・ランタイム・ディレクトリを探す</h3>
26516            </header>
26517
26518            <p>Vimのシステムのランタイム・ディレクトリは$VIMRUNTIMEで拾えるけど、ユーザーのはない。なのでポータブルなvimrcを書けるようにWindowsとかでも$HOME/.vimに揃えてた。Vim 7.4から(だと思う)ユーザーのランタイム・ディレクトリにvimrcを置けるようになったã
26518®ã§ã€ãã“に置けばvimrcから&lt;sfile&gt;を使って簡単に探せるようだ。</p>
26519          </section>
26520        </a>
26521
26522
26523        <a href="/blog/software/source-sans-pro-otf-windows-chrome">
26524          <section class="excerpt">
26525            <header>
26526              <p class="date"><time datetime="2013-09-28T12:21:20+09:00">28日</time></p>
26527
26528              <h3>Source Sans Pro・OpenType・Windows・Chrome</h3>
26529            </header>
26530
26531            <p>タイトルの組み合わせでSource Sans Proの部分だけが上記スクリーンショットのように少しぼやっとした感じになる。具体的にはCreative CloudのインストールでSource Sans ProのOpenType版がインストールされるので、CC入れててChrome使いの人は、このウェブサイトなどでぼやっとする。</p>
26532          </section>
26533        </a>
26534
26535
26536        <a href="/blog/media/enro-wo-yukumono">
26537          <section class="excerpt">
26538            <header>
26539              <p class="date"><time datetime="2013-09-27T13:29:56+09:00">27日</time></p>
26540
26541              <h3>炎路を行く者</h3>
26542            </header>
26543
26544            <p>守り人シリーズを読みなおしてから、読んでいなかった炎路を行く者を読んだ。本編で強烈な印象を残しながらも人物像がぼんやりしていたアラユタン・ヒュウゴを堪能できた。守り人シリーズは好きだったけど、なんかこう消化不良みたいなところり、そのひとつがヒュウゴの印象と語られ方のギャップだったので、そのあたりが補完できるこれを読み、より好きになれた。</p>
26545          </section>
26546        </a>
26547
26548
26549        <a href="/blog/internet/webmonkey">
26550          <section class="excerpt">
26551            <header>
26552              <p class="date"><time datetime="2013-09-25T23:53:06+09:00">25日</time></p>
26553
26554              <h3>Webmonkey</h3>
26555            </header>
26556
26557            <p>Webmonkeyがどうやらついに本当に終了するようだ。最後のあたりでは唯一の執筆者だった人の話。Webmonkeyに特に強い思い入れはないんだけど、ひとつの指標として個人のウェブサイトはああなるべきではなく、逆に集客を意識したウェブサイトはあああるべきみたいな感じで見て読んでいた。記事の組み立て方とか、トピックのチョイスとか。安らかに眠って欲しい。</p>
26558          </section>
26559        </a>
26560
26561
26562        <a href="/blog/coding/empty-href-value">
26563          <section class="excerpt">
26564            <header>
26565              <p class="date"><time datetime="2013-09-25T13:12:48+09:00">25日</time></p>
26566
26567              <h3>空文字列のリンク</h3>
26568            </header>
26569
26570            <p>a要素のhref属性で空文字列を指定した時の挙動はその文書の再読み込みになると思っていた。けど、どうもInternet Explorer 10(やもっと古いバージョン)では./と同じになるようだ。確実にそのものを再読み込みするためには明示的にその文書自身のURLを指定するしかなさそう。</p>
26571          </section>
26572        </a>
26573
26574
26575        <a href="/blog/webdesign/scrollable-table">
26576          <section class="excerpt">
26577            <header>
26578              <p class="date"><time datetime="2013-09-24T11:04:54+09:00">24日</time></p>
26579
26580              <h3>スクロールできる表</h3>
26581            </header>
26582
26583            <p>表をかっこよくスクロール可能にするテクニックについてのResponsive scrollable tablesという記事を読んだ。この記事ではJavaScriptで表をdiv要素で括って、それから溢れたらスクロールバーを表示(+α)という形でやっている。これをいじってて気づいたんだけど、JavaScriptで追加マークアップをする代わりにtable要素のdisplayプロパティーをいじってやると簡単にスクロール可能な表になるようだ。</p>
26584          </section>
26585        </a>
26586
26587
26588        <a href="/blog/media/gf">
26589          <section class="excerpt">
26590            <header>
26591              <p class="date"><time datetime="2013-09-23T10:58:21+09:00">23日</time></p>
26592
26593              <h3>G.F.</h3>
26594            </header>
26595
26596            <p>Google Fontsのフォントをだらだら眺めることの出来るページ、G.F.を作った。ページを開いて少し待つと最初のフォントが表示される。何もないところをクリックで次のフォントが表示されるので、ひたすらクリック! Shiftを押しながらだとひとつ前のフォントに戻れるので、あっと思っても大丈夫。</p>
26597          </section>
26598        </a>
26599
26600
26601        <a href="/blog/internet/adsense-text-ads-arrow">
26602          <section class="excerpt">
26603            <header>
26604              <p class="date"><time datetime="2013-09-22T08:58:54+09:00">22日</time></p>
26605
26606              <h3>AdSenseのテキスト広告の矢印</h3>
26607            </header>
26608
26609            <p>AdSenseのテキスト広告にのみ表示される矢印が変わった。今までは灰色のゆるやかなグラデーション背景の長方形に黒い矢印がのったものだったが、広告のカラースキームでタイトルに指定した色(より少し明るい色)が背景の丸に&gt;がのったものになった。ちょっとの間、青の四角に白矢印だったような気がしないでもない。</p>
26610          </section>
26611        </a>
26612
26613
26614        <a href="/blog/webdesign/responsive-code">
26615          <section class="excerpt">
26616            <header>
26617              <p class="date"><time datetime="2013-09-21T12:18:26+09:00">21日</time></p>
26618
26619              <h3>レスポンシブ・コード</h3>
26620            </header>
26621
26622            <p>ウェブページにコードを載せる時に、狭い画面ではそのコードのみが書かれているファイルへの単なるリンク、余裕のある広い画面ではそのファイルの内容をインライン展開するというもの。流行りの感じで言い換えると、レスポンシブ・コード的な何か。</p>
26623          </section>
26624        </a>
26625
26626
26627        <a href="/blog/software/grunt-conscious">
26628          <section class="excerpt">
26629            <header>
26630              <p class="date"><time datetime="2013-09-20T11:53:10+09:00">20日</time></p>
26631
26632              <h3>Gruntべったり</h3>
26633            </header>
26634
26635            <p>Gruntをよく使うようになったけど、プロジェクトの中心にどっかと存在していると不自由なことが多い気がするなーと感じている。Gruntべったり、つまりプロジェクトをGruntに強く依存させるとポータブルである保証のあるタスクだけを使う(書く)ことを強いられる。Gruntはその雑な自由度が良い所で、そこに何かしらの制限が加わってしまうのはその良さを低減させてしまうと思う。</p>
26636          </section>
26637        </a>
26638
26639
26640        <a href="/blog/webdesign/childs-margin-of-anchor">
26641          <section class="excerpt">
26642            <header>
26643              <p class="date"><time datetime="2013-09-19T11:23:03+09:00">19日</time></p>
26644
26645              <h3>アンカーの子要素の余白</h3>
26646            </header>
26647
26648            <p>HTML Standardsではa要素の子にh1とかpとか果てはsection要素まで含めることが出来る。その場合、子要素のmarginプロパティーによる余白があったりするわけだけど、その余白部分もリンクになるかどうかはブラウザーによって違うようだ。</p>
26649          </section>
26650        </a>
26651
26652
26653        <a href="/blog/internet/fix-readability-bookmarklet">
26654          <section class="excerpt">
26655            <header>
26656              <p class="date"><time datetime="2013-09-18T04:37:22+09:00">18日</time></p>
26657
26658              <h3>Readabilityのブックマークレットのhttps対応</h3>
26659            </header>
26660
26661            <p>ReadabilityのChrome拡張があらゆるページにjQuery (他ログイン検知するためのiframe要素など)を仕込むのでアンインストールした。代わりにブックマークレットを使うようにしたんだけど、これはこれでhttpに置いてあるJavaScriptファイルを仕込もうとするので、Chrome 29だとhttpsのウェブページではブロックされて使えない。このJavaScriptファイルはちゃんとhttps経由でもアクセスできるようなので、適宜使ってくれるように書きかえる必要があった。</p>
26662          </section>
26663        </a>
26664
26665
26666        <a href="/blog/webdesign/not-some-lorem-ipsum">
26667          <section class="excerpt">
26668            <header>
26669              <p class="date"><time datetime="2013-09-17T04:17:08+09:00">17日</time></p>
26670
26671              <h3>いわゆるlorem ipsumとかじゃなくて</h3>
26672            </header>
26673
26674            <p>ウェブデザインにおいてそのウェブサイトで実際に使われる文章を用いてテストすることは重要だという。レイアウトのテスト等においてはその限りではないけど、フォントの選択やリンク色の調節・text-*プロパティの確認などにおいてはいわゆるlorem ipsumとかじゃなくて、そのウェブサイト特有の文章を用いて行うのが良いと思う。そうしないと読むという行動においてそのウェブサイトにどういう問題があるのか確認することが出来ない。異論はかなりある。賛否半々という印象。</p>
26675          </section>
26676        </a>
26677
26678
26679        <a href="/blog/internet/last-fm-now-playing">
26680          <section class="excerpt">
26681            <header>
26682              <p class="date"><time datetime="2013-09-16T00:56:25+09:00">16日</time></p>
26683
26684              <h3>Last.fmのNow Playingウィジェット</h3>
26685            </header>
26686
26687            <p>Last.fmが再生中の曲のアルバムアートを表示するウェブページの提供を始めた。背景画像はアルバムアートをfilterプロパティーでぼかしたものになってたり、自動リフレッシュだったりなかなか良い。このウェブページは描画領域のサイズに合わせてレイアウトが変化するので、iframe要素で読みこめばウィジェットのようなものになる。</p>
26688          </section>
26689        </a>
26690
26691
26692        <a href="/blog/software/cycle-foo-bar-buz-in-vim">
26693          <section class="excerpt">
26694            <header>
26695              <p class="date"><time datetime="2013-09-15T06:22:04+09:00">15日</time></p>
26696
26697              <h3>Vimでメタ構文変数を簡単入力</h3>
26698            </header>
26699
26700            <p>メタ構文変数とか呼ばれてるらしいfooとかbarとかのアレがまったく覚えられない。のでVimに一般的なメタ構文変数のリストを覚えさせておいて、fooの上で&lt;C-a&gt;するとbarに、barの上で&lt;C-a&gt;するとbuzに、と順に次の(&lt;C-x&gt;だと前の)を選択してくれるように関数とマッピングを書いて使うことにした。</p>
26701          </section>
26702        </a>
26703
26704
26705        <a href="/blog/webdesign/force-auto-breaking-before-and-after-code-element">
26706          <section class="excerpt">
26707            <header>
26708              <p class="date"><time datetime="2013-09-14T07:12:29+09:00">14日</time></p>
26709
26710              <h3>code要素の直前・直後で自動折り返しを発動させる</h3>
26711            </header>
26712
26713            <p>
26713code要素の内容には途中で折返しされない長い文字列が入ることが多い。例えばinsertAdjacentHTML()であるとか。こういった文字列が行をまたぐ時、その手前にある文字(上記スクリーンショットでは「は」の文字)まで次の行に送られることがある。これはブラウザーにより挙動が違うが、CSSで大体のブラウザーで巻き込まないように調節することができる。</p>
26714          </section>
26715        </a>
26716
26717
26718        <a href="/blog/webdesign/no-problems-using-ids">
26719          <section class="excerpt">
26720            <header>
26721              <p class="date"><time datetime="2013-09-13T17:47:04+09:00">13日</time></p>
26722
26723              <h3>ID使っても別に問題ない</h3>
26724            </header>
26725
26726            <p>CSSでID使うの良くない……どころか、ID使うのはゴミクズカスみたいな風潮で辛い。その根拠はいくつかあり、それらはCSSだけをただそのまま書く場合には納得出来ないこともないかなーと思うので余計に辛い。特にOOCSSのようなアプローチではIDは混ぜるな危険。だからといってIDを使わないのがベスト・プラクティスなわけじゃない。</p>
26727          </section>
26728        </a>
26729
26730
26731        <a href="/blog/webdesign/small-updates-20130912">
26732          <section class="excerpt">
26733            <header>
26734              <p class="date"><time datetime="2013-09-12T04:26:53+09:00">12日</time></p>
26735
26736              <h3>ちょっとしたモノ</h3>
26737            </header>
26738
26739            <p>ロゴ変える以前からちょこちょこCSSに一定の方向性を持って手を入れてる。クリックできるものは必ずテーマカラーの青、逆に青なら必ずクリックできるようにとか。:hover擬似クラスに依存しないというような意味もある。つまりあるがままの状態で十分にコントラストを与え、メリハリを付けたいというわけ。</p>
26740          </section>
26741        </a>
26742
26743
26744        <a href="/blog/webdesign/animated-gif-and-gpu-acceleration">
26745          <section class="excerpt">
26746            <header>
26747              <p class="date"><time datetime="2013-09-11T15:36:30+09:00">11日</time></p>
26748
26749              <h3>アニメーションGIFの再生にGPUは使われるのか</h3>
26750            </header>
26751
26752            <p>動画ファイルの再生は今時のデバイスだとGPU的な何かにより再生支援が行われ、CPUへの負担は少なくなる。「じゃあそれアニメーションGIFにも効いたりするの?」と某所でピンク色の髪の毛の女の子が襲ってくるアニメーションGIFを見た時に疑問を持ったので、雑に調べた。</p>
26753          </section>
26754        </a>
26755
26756
26757        <a href="/blog/software/vim-built-in-css-syntax">
26758          <section class="excerpt">
26759            <header>
26760              <p class="date"><time datetime="2013-09-10T14:50:47+09:00">10日</time></p>
26761
26762              <h3>
26762Vim 7.4ビルトインのCSS構文ファイル</h3>
26763            </header>
26764
26765            <p>Vim 7.4の標準ランタイムに含まれているCSS構文ファイルにはかなり大幅な変更が加わっている。CSS Animations等の新しいCSS仕様に対応していたり、非推奨になった要素をErrorで表示するようになったり、ベンダー拡張プリフィックス部分を別に強調したりなどなど。</p>
26766          </section>
26767        </a>
26768
26769
26770        <a href="/blog/webdesign/favicon-cheat-sheet-ja">
26771          <section class="excerpt">
26772            <header>
26773              <p class="date"><time datetime="2013-09-09T12:33:07+09:00">9日</time></p>
26774
26775              <h3>favicon-cheat-sheetを日本語に訳した</h3>
26776            </header>
26777
26778            <p>知らないうちに増えるし、減らないし、勝手に決め打ちでリクエストしてくるし、ドキュメントのありかバラバラだし……と色々な面倒さがあるファビコン。その全般的なガイダンスであるfavicon-cheat-sheetの日本語訳を公開した。元文書がGitHubにあるためそれをフォークしたリポジトリで翻訳している。何かあったらプル・リクエストやイシューで報告してくれると楽で嬉しい。</p>
26779          </section>
26780        </a>
26781
26782
26783        <a href="/blog/gadget/microsoft-wireless-mobile-mouse-4000">
26784          <section class="excerpt">
26785            <header>
26786              <p class="date"><time datetime="2013-09-08T13:55:37+09:00">8日</time></p>
26787
26788              <h3>Microsoft Wireless Mobile Mouse 4000</h3>
26789            </header>
26790
26791            <p>ビックカメラで1281円で投げ売りされていた(もう品切れ)ので特に理由もなくMicrosoftのWireless Mobile Mouse 4000を買った。チルトホイールだと最廉価モデル。ひっかかりの無いホイールはあまり好きじゃないけどすぐ慣れるんじゃないかと楽観している。1281円なら……という程度ではあるけど、良い。</p>
26792          </section>
26793        </a>
26794
26795
26796        <a href="/blog/internet/statuscake">
26797          <section class="excerpt">
26798            <header>
26799              <p class="date"><time datetime="2013-09-07T14:13:14+09:00">7日</time></p>
26800
26801              <h3>StatusCake</h3>
26802            </header>
26803
26804            <p>was it up?が停止してからウェブサイトの死活監視にはUptime Robotsを使っていたんだけど、StatusCakeをここ1か月程併用している。無料で無限の死活監視が行え、通知先もメールだけでなくTwitterや特定のURLへのPOST等などに複数設定できたり、DNSの不達なんかもテストできたり多機能。まだ落ちてないのでちゃんと通知来るかわからない!</p>
26805          </section>
26806        </a>
26807
26808
26809        <a href="/blog/misc/tool-comparison">
26810          <section class="excerpt">
26811            <header>
26812              <p class="date"><time datetime="2013-09-06T03:10:31+09:00">6日</time></p>
26813
26814              <h3>ツールの比較</h3>
26815            </header>
26816
26817            <p>ユーザー視点でのツール(やソフトウェア、サービス)の比較はどうしても自分がメインに使っているものに偏った視点になるので、出来うる限りしない方が良いと考えている。特にブログのような場所では簡単で特徴的なケースで比較を行われやすいので、不公平であったり比較になっていないようなことが多い。そういった簡単で特徴的なケースなら、そのケースでメリットを大きく受けられるツールの話として書くのが良いと思う。</p>
26818          </section>
26819        </a>
26820
26821
26822        <a href="/blog/coding/detect-font-loading-v0.1.0">
26823          <section class="excerpt">
26824            <header>
26825              <p class="date"><time datetime="2013-09-05T12:47:37+09:00">5日</time></p>
26826
26827              <h3>Detect Font Loading v0.1.0</h3>
26828            </header>
26829
26830            <p>とりあえず作っただけ感あふれてたDetect Font Loadingをここで使うことに決めたのã
26830§ã€å°‘し手直ししてBowerに登録した。タイムアウトとかチェック間隔の設定ができたり、複数のフォントをまとめてチェックできたりするようになった。必要最低限の機能は揃った気がする。</p>
26831          </section>
26832        </a>
26833
26834
26835        <a href="/blog/internet/import-urls-to-readability">
26836          <section class="excerpt">
26837            <header>
26838              <p class="date"><time datetime="2013-09-04T11:07:26+09:00">4日</time></p>
26839
26840              <h3>ReadabilityにURLをインポート</h3>
26841            </header>
26842
26843            <p>ちょっとした事情があってReadabilityアカウントの引越し作業してた。アーカイブした記事のエクスポートはあるんだけど、インポートはない。APIで……という感じだけど、メールで投げた方が面倒くさくなさそうだったのでそっちでやった。</p>
26844          </section>
26845        </a>
26846
26847
26848        <a href="/blog/internet/traffic-from-gunosy">
26849          <section class="excerpt">
26850            <header>
26851              <p class="date"><time datetime="2013-09-03T11:38:03+09:00">3日</time></p>
26852
26853              <h3>Gunosyからのトラフィック</h3>
26854            </header>
26855
26856            <p>ユーザーとしてのGunosyについての考察は数多く見受けられるけど、トラフィックの流入元としての評価はあまり見かけない。このウェブサイトにおいてGunosyからのユーザーがちょっと極端な感じに見えて気になるので、タイプの違うTwitterとはてなブックマークとデータで比較してみる。</p>
26857          </section>
26858        </a>
26859
26860
26861        <a href="/blog/software/vim-css3-syntax-and-css-preprocessors">
26862          <section class="excerpt">
26863            <header>
26864              <p class="date"><time datetime="2013-09-02T11:20:07+09:00">2日</time></p>
26865
26866              <h3>vim-css3-syntaxとCSSプリプロセッサー</h3>
26867            </header>
26868
26869            <p>vim-css3-syntaxではSassのSCSS文法のみサポートしている。LESSについてはVIM-LESSでサポートされているので、このプラグインをインストールすれば良い。Sassのインデント文法やStylusについてはサポートしていない。</p>
26870          </section>
26871        </a>
26872
26873
26874        <a href="/blog/coding/bower-ed">
26875          <section class="excerpt">
26876            <header>
26877              <p class="date"><time datetime="2013-09-01T11:23:35+09:00">1日</time></p>
26878
26879              <h3>Bower化してた</h3>
26880            </header>
26881
26882            <p>Gitのsubmoduleの更新が面倒になってきたのでBowerを使うように変更した。のでnormlize.scssやscss-partialsなどのbower.jsonをちゃんと書いてBowerのレã
26882‚¸ã‚¹ãƒˆãƒªã«ç™»éŒ²ã—た。そしてそれらを使うようにhail2u.net-stylesなどを直してた。一生分bower.json書いた気分だ。</p>
26883          </section>
26884        </a>
26885
26886          </section>
26887          <section>
26888            <h2><time datetime="2013-08">2013年8月</time></h2>
26889
26890        <a href="/blog/webdesign/sigh-javascript">
26891          <section class="excerpt">
26892            <header>
26893              <p class="date"><time datetime="2013-08-31T08:43:52+09:00">31日</time></p>
26894
26895              <h3>あー……JavaScript……</h3>
26896            </header>
26897
26898            <p>Sigh, JavaScriptというウェブサイトが出来た。作ったのはDan Mallで、プログレッシブ・エンハンスメントについての問題提起のためということのようだ。僕はプログなんとかやJavaScript無効で云々に限らず、必要なものを必要な時に必要なだけ利用するということなのではないかなーと考えている……があまり実践していない。</p>
26899          </section>
26900        </a>
26901
26902
26903        <a href="/blog/webdesign/text-overflow-ellipsis-and-anchor">
26904          <section class="excerpt">
26905            <header>
26906              <p class="date"><time datetime="2013-08-30T11:23:29+09:00">30日</time></p>
26907
26908              <h3>text-overflow: ellipsisとリンク</h3>
26909            </header>
26910
26911            <p>text-overflow: ellipsisプロパティを使った三点リーダーによる省略は、テキストを格納するコンテナー要素に対して指定することが多い。例えばp要素であったりli要素であったり。ただしその内容がすべてa要素のようなケースの場合、Chrome 29とInternet Explorer 10では三点リーダーがクリックできなくなるので、a要素をinline-blockにしてそこでtext-overflowプロパティを使った方が良い使うとクリックできるようになるけどアレ(追記あり)。</p>
26912          </section>
26913        </a>
26914
26915
26916        <a href="/blog/internet/downtime-tweet">
26917          <section class="excerpt">
26918            <header>
26919              <p class="date"><time datetime="2013-08-29T11:58:53+09:00">29日</time></p>
26920
26921              <h3>サービスが落ちた時に</h3>
26922            </header>
26923
26924            <p>この前AWS由来で様々なサービスが停止した時の障害通知ツイートを例に、どういう通知が良いのかを簡単にまとめたWhat should you tell your users when your service is down?という記事を読んだ。コンパクトにまとまっていて、かつ実践してなさそうな話だったので、いつでもすぐ思い出せるように日本語訳を作成した。</p>
26925          </section>
26926        </a>
26927
26928
26929        <a href="/blog/software/convert-eps-to-svg-using-pdfcreator">
26930          <section class="excerpt">
26931            <header>
26932              <p class="date"><time datetime="2013-08-28T10:57:20+09:00">28日</time></p>
26933
26934              <h3>PDFCreatorでEPSをSVGに変換する</h3>
26935            </header>
26936
26937            <p>EPSをSVGに変換するソリューションは色々あるんだけど、あんまり考えずに出来て安定してるものはないかと探した末にPDFCreatorに落ち着いている。内部でGhostscriptを使っているので変換はそこそこ信頼できそう。GUIはクソでゴミをコーティングしたみたいな感じだけど、一回変換したら終わりなので我慢して使ってあげている。</p>
26938          </section>
26939        </a>
26940
26941
26942        <a href="/blog/misc/roremu-ipusamu">
26943          <section class="excerpt">
26944            <header>
26945              <p class="date"><time datetime="2013-08-27T12:42:27+09:00">27日</time></p>
26946
26947              <h3>プロジェクト: ロレム・イプサム</h3>
26948            </header>
26949
26950            <p>@ub_pnrが日本語英語数字がちょうどよく混ざったライセンスフリーの文書を探している。とつぶやいてた。僕もダミー文章にはWikipediaから英数字が混じっていることが多いIT系の記事とかを拾ってきてたけど、CC BY-SAとかなのでリンク張ったりとかちょっと公の場で使うには面倒臭い感じで、パブリック・ドメインのそういう文書群は欲しいと思ってた。ということでã
26950ã†ã„うダミー文章のためのロレム・イプサム(roremu ipusamu)というCC0なプロジェクトを作った。</p>
26951          </section>
26952        </a>
26953
26954
26955        <a href="/blog/coding/grunt-task-helper">
26956          <section class="excerpt">
26957            <header>
26958              <p class="date"><time datetime="2013-08-26T10:40:13+09:00">26日</time></p>
26959
26960              <h3>grunt-task-helperが良さそう</h3>
26961            </header>
26962
26963            <p>grunt-task-helperというGruntプラグインを使っている。ざっと言うとsrcとdestを比較してフィルターをかけた結果を他のタスクで使えるようになったりするもの。例えばビルトインの比較機能であるnewFileを使うと、更新されたファイルがあった場合にだけ走るタスクと似たようなものが簡単に作れる。</p>
26964          </section>
26965        </a>
26966
26967
26968        <a href="/blog/media/hollow-icons">
26969          <section class="excerpt">
26970            <header>
26971              <p class="date"><time datetime="2013-08-25T04:36:32+09:00">25日</time></p>
26972
26973              <h3>空白の多いアイコン</h3>
26974            </header>
26975
26976            <p>直訳だと空虚なアイコン、一般的にはライン・アイコンなどと呼ばれているものは認識するに時間がかかるという問題を抱えているという記事が数日前に話題になった。これに対して人間はもっと認識力に優れているという反論が書かれた。素早く認識できるということと、認識し覚えることができるということはまったく別の話だと思うので、反論はピントがずれてると思う。</p>
26977          </section>
26978        </a>
26979
26980
26981        <a href="/blog/coding/generate-files-grunt-task-using-handlebars-js">
26982          <section class="excerpt">
26983            <header>
26984              <p class="date"><time datetime="2013-08-24T12:10:30+09:00">24日</time></p>
26985
26986              <h3>Handlebars.jsを使ったファイル生成Gruntタスク</h3>
26987            </header>
26988
26989            <p>主にHTMLの生成を行うGruntタスクの話。色々なテンプレート・システムの利用を考えたんだけど、Handlebars.jsにした。よく使うからというのもあるし、いざとなったらデータの再構成を待たずにその場しのぎでテンプレートにロジックを混ぜてお茶を濁せるのが好き。その場しのぎ、お茶を濁す、良い言葉だ。</p>
26990          </section>
26991        </a>
26992
26993
26994        <a href="/blog/internet/build-with-jekyll-like-system-and-wordpress-like-system">
26995          <section class="excerpt">
26996            <header>
26997              <p class="date"><time datetime="2013-08-23T12:19:17+09:00">23日</time></p>
26998
26999              <h3>JekyllみたいなのとWordPressみたいなのの組み合わせ</h3>
27000            </header>
27001
27002            <p>静的ウェブサイト生成ツール(面倒なので以下Jekyllみたいなの)と動的ウェブログ・システム(同じくWordPressみたいなの)のそれぞれの長所や短所はみなよく知っているようで、よりその人の状況にあったどちらかを選んだみたいな記事をよく見る。そういうの見る度にどうして両方使わないんだろうと思う。</p>
27003          </section>
27004        </a>
27005
27006
27007        <a href="/blog/webdesign/detect-font-loading">
27008          <section class="excerpt">
27009            <header>
27010              <p class="date"><time datetime="2013-08-22T11:45:36+09:00">22日</time></p>
27011
27012              <h3>フォントの読み込み完了を検知する</h3>
27013            </header>
27014
27015            <p>TypeKitとかがやってるWebフォントの読み込みが終わったらhtml要素にクラス名を振るアレの話。TypeKitがオープンソースでリリースしているWebFont Loaderを使う方法が安全で安定。Googleがホスティングしているのもあるので手軽でもある。でも読み込み完了の検知以外にも機能があってパワフルすぎる気がするので、Adobe Blankを使って自前で書いてみることにした。</p>
27016          </section>
27017        </a>
27018
27019
27020        <a href="/blog/software/vim-sass-compiler-plugin-for-3.3">
27021          <section class="excerpt">
27022            <header>
27023              <p class="date"><time datetime="2013-08-21T10:58:39+09:00">21日</time></p>
27024
27025              <h3>Sass 3.3向けVimコンパイラー・プラグイン</h3>
27026            </header>
27027
27028            <p>Sass 3.3でコンパイラーの出すエラー・メッセージがちょっと変わる(った)。Vimプラグインの構文チェッカーで最も有名と思われるSyntasticでは既に反映されているので、これ使っている人は最新版にするだけで良い。僕みたいに使ってない人は書きかえる必要がある。</p>
27029          </section>
27030        </a>
27031
27032
27033        <a href="/blog/misc/three-parts">
27034          <section class="excerpt">
27035            <header>
27036              <p class="date"><time datetime="2013-08-20T18:23:04+09:00">20日</time></p>
27037
27038              <h3>3つのパーツ</h3>
27039            </header>
27040
27041            <p>UsabilityPostの中の人が個人サイトの方に書いた、良いビジュアル・インターフェイスをデザインするために大切な3つのパーツという記事をゆっくり読んでた。数字で始まるタイトルのエントリは総じてクソみたいに思っていたけど、そんなこともなかった。</p>
27042          </section>
27043        </a>
27044
27045
27046        <a href="/blog/webdesign/prism-vs-google-code-prettify">
27047          <section class="excerpt">
27048            <header>
27049              <p class="date"><time datetime="2013-08-19T13:17:44+09:00">19日</time></p>
27050
27051              <h3>Prism vs. Google Code Prettify</h3>
27052            </header>
27053
27054            <p>Prismを使ってるウェブサイトが増えてきたなーと感じる。Google Code Prettifyで困ってないというか既存のものの中では最もバランスが良いと思っているので、あまり乗り換える気はない。が、「Only 2KB」を謳うPrismのサイズの小ささには惹かれる。</p>
27055          </section>
27056        </a>
27057
27058
27059        <a href="/blog/webdesign/logo-2013-08-18">
27060          <section class="excerpt">
27061            <header>
27062              <p class="date"><time datetime="2013-08-18T04:09:05+09:00">18日</time></p>
27063
27064              <h3>2013ロ08ゴ18</h3>
27065            </header>
27066
27067            <p>本文フォントとロゴが同じなのがなんとなく落ち着かないので、こんな感じに変えたã€
27067‚スラブ・セリフに戻すか迷ったけど、スクリプトの方が良さそう。faviconぶっ壊れてる気がするのであとで直す。</p>
27068          </section>
27069        </a>
27070
27071
27072        <a href="/blog/webdesign/i-dont-want-to-include-normalize-css-as-untouched-library-code">
27073          <section class="excerpt">
27074            <header>
27075              <p class="date"><time datetime="2013-08-17T01:04:26+09:00">17日</time></p>
27076
27077              <h3>normalize.cssはそのまま使え?</h3>
27078            </header>
27079
27080            <p>normalize.cssのコミットを購読してる。主にnormalize.scssを追随させるためだけど、勉強になることも多い(多かった)し。この前のコミットでREADMEが更新され、そのまま使うことを推奨すると変更された。特に邪悪な変更というわけではないんだけど、そのまま使いたくないなーみたいなのがちょっとある。</p>
27081          </section>
27082        </a>
27083
27084
27085        <a href="/blog/coding/sass-str-replace-function">
27086          <section class="excerpt">
27087            <header>
27088              <p class="date"><time datetime="2013-08-16T17:19:11+09:00">16日</time></p>
27089
27090              <h3>Sassで文字列の置換を行うユーザー定義関数</h3>
27091            </header>
27092
27093            <p>Sass 3.3で入る予定の文字列関数の使い道を色々考えているけど、まったく「これは!」みたいなのが思いつかない。なので、実際に利用しがいがあるかどうかは置いておいて、色々作ってみようかなと考えている。まずは文字列の置換。</p>
27094          </section>
27095        </a>
27096
27097
27098        <a href="/blog/coding/grunt-multi-task-running-order">
27099          <section class="excerpt">
27100            <header>
27101              <p class="date"><time datetime="2013-08-15T06:22:49+09:00">15日</time></p>
27102
27103              <h3>GruntのMultiタスクの実行順</h3>
27104            </header>
27105
27106            <p>GruntのMultiタスクはまとめて実行モードだと書いた順に動くようなので、いちいちターゲット指定しなくても良さそうと勝手に考えていた。一応は本当に書いた順で実行されることが保証されてるのか気になってはいたので、ちゃんとソースを読んでみたところ、どうも保証されないようだ。</p>
27107          </section>
27108        </a>
27109
27110
27111        <a href="/blog/internet/for-28-minutes">
27112          <section class="excerpt">
27113            <header>
27114              <p class="date"><time datetime="2013-08-14T16:01:45+09:00">14日</time></p>
27115
27116              <h3>28分間</h3>
27117            </header>
27118
27119            <p>Modular Scale Calculatorの平均滞在時間だそうだ。僕も初めて使った時は一時間近くいじっていたような気もする。28分とは言わないけど15分くらい叩きだすコンテンツ作りたい。「結局どうすればいいの?」で平均5分くらいで、「Sass、そしてSassy CSS (SCSS)」だと平均7分。読み物だとこれくらいが限界な気がする。</p>
27120          </section>
27121        </a>
27122
27123
27124        <a href="/blog/misc/storm-shuters">
27125          <section class="excerpt">
27126            <header>
27127              <p class="date"><time datetime="2013-08-13T14:48:10+09:00">13日</time></p>
27128
27129              <h3>雨戸</h3>
27130            </header>
27131
27132            <p>二階の窓に雨戸付けない家増えた気がする。最近の窓はだいたい二重になってて丈夫になったからとかそんな理由もあるらしいけど、電動シャッターがメジャーになって設置にも運用にもコストかかるから二階は節約するとかいうのが本音らしい。一階には付けるのは防犯上か。</p>
27133          </section>
27134        </a>
27135
27136
27137        <a href="/blog/coding/grunt-globbing-and-filter">
27138          <section class="excerpt">
27139            <header>
27140              <p class="date"><time datetime="2013-08-12T16:02:13+09:00">12日</time></p>
27141
27142              <h3>Gruntのグロブとfilterプロパティ</h3>
27143            </header>
27144
27145            <p>Gruntのグロブでは普通のグロブと同じように特にファイルとディレクトリの区別はされã
27145ªã„。Gruntプラグイン側でパスの存在チェックまではしてくれるの多いけど、間違えてディレクトリ投げると大体はエラーを吐いて止まる。のでファイルを投げるものならfilterプロパティも使ってファイルであることを保証してやった方が良い。</p>
27146          </section>
27147        </a>
27148
27149
27150        <a href="/blog/software/cpanm-wrapper-for-mingw-hell">
27151          <section class="excerpt">
27152            <header>
27153              <p class="date"><time datetime="2013-08-11T13:27:30+09:00">11日</time></p>
27154
27155              <h3>いっぱいMinGWがある環境におけるStrawberry Perl向けcpanmのラッパー</h3>
27156            </header>
27157
27158            <p>MinGWに加えてGit for Windows、Strawberry Perl、DevKit付きのRubyInstallerと、MinGWがいっぱい入ってる。こういう環境だとStrawberry PerlのセットアップでPATH環境変数にld.exeとかがあるフォルダーへのパスを追加される(または追加する必要がある)のがコンフリクトの原因になってとても厄介。どうせもうcpanmしか使わないので、そのラッパー書いてRubyInstallerのDevKitとRubyGemの挙動に似たような感じにごまかすことにしたメモ。</p>
27159          </section>
27160        </a>
27161
27162
27163        <a href="/blog/software/vim-plugin-node">
27164          <section class="excerpt">
27165            <header>
27166              <p class="date"><time datetime="2013-08-10T14:10:35+09:00">10日</time></p>
27167
27168              <h3>Node.vimを使い始めた</h3>
27169            </header>
27170
27171            <p>Node.vimはNode.jsでのrequire()のパス解釈に従ってVimのgfによるファイルへの移動を行ってくれるVimプラグイン。つまり実際にそのNodeスクリプトで使われるファイルへ移動できるようになる。Go to file!</p>
27172          </section>
27173        </a>
27174
27175
27176        <a href="/blog/webdesign/css-condense">
27177          <section class="excerpt">
27178            <header>
27179              <p class="date"><time datetime="2013-08-09T20:01:08+09:00">9日</time></p>
27180
27181              <h3>CSS Condense</h3>
27182            </header>
27183
27184            <p>Sassで書いてると分散しまくるMedia QueriesのブロックをまとめられるCSS圧縮ツールを探している。まずはCSS Condenseというものを見つけた。だいたいの所は単純な空白と改行削除ツールだけど、Media Queriesを始めセレクターの最適化などなかなかアグレッシブな機能がある。Node.jsパッケージだし、grunt-csscというGruntプラグインもあるので導入の敷居は極めて低い。</p>
27185          </section>
27186        </a>
27187
27188
27189        <a href="/blog/webdesign/sass-and-bem">
27190          <section class="excerpt">
27191            <header>
27192              <p class="date"><time datetime="2013-08-08T13:58:08+09:00">8日</time></p>
27193
27194              <h3>SassとBEM</h3>
27195            </header>
27196
27197            <p>SCSSファイルを整理し直している時、一気にBEMなクラスを使って書きなおしてやろうかとも考えていた。けど途中でSassならSCSSファイルの分割とその中での工夫によってBEMの構造を表現できそうと感じたので、今はそういう方向で試行錯誤している。実際BEMのウェブサイトでもファイルシステムを使ったBEMの表現方法という似た話が書かれているので荒唐無稽な考えではなさそう。</p>
27198          </section>
27199        </a>
27200
27201
27202        <a href="/blog/coding/handlebars-js-include-helper">
27203          <section class="excerpt">
27204            <header>
27205              <p class="date"><time datetime="2013-08-07T16:05:43+09:00">7日</time></p>
27206
27207              <h3>Handlebars.jsのincludeヘルパー</h3>
27208            </header>
27209
27210            <p>Handlebars.jsでのテンプレートファイルの取り込みはpartial使えみたいな感じだけど、partialにするものを全て定義しなくちゃいけない。partialのテンプレートでの記述もpartialごとに変わる。それをSSIのインクルードみたいに{{include &quot;foo.hbs&quot;}}でコンテキストを考慮して取り込めたら簡単なんじゃないかなーと。でincludeするだけのヘルパーを作って使うようにしたメモ。</p>
27211          </section>
27212        </a>
27213
27214
27215        <a href="/blog/coding/shallow-and-deep">
27216          <section class="excerpt">
27217            <header>
27218              <p class="date"><time datetime="2013-08-06T16:10:32+09:00">6日</time></p>
27219
27220              <h3>浅深</h3>
27221            </header>
27222
27223            <p>Underscore.jsのclone()をずっと深いやつだと思ってた。ドキュメント読んでないのがバレる。忘れないように画像でメモ。深いやつやらないで済むような書き方を心がけましょうとか言われて目から鱗らしきものが落ちた。</p>
27224          </section>
27225        </a>
27226
27227
27228        <a href="/blog/coding/npm-xml2js">
27229          <section class="excerpt">
27230            <header>
27231              <p class="date"><time datetime="2013-08-05T00:31:51+09:00">5日</time></p>
27232
27233              <h3>Node.jsパッケージ: xml2js</h3>
27234            </header>
27235
27236            <p>Node.jsでRSSを処理するの何がいいのかなーと色々試していた。その中で一番考えなã
27236ã¦æ¸ˆã¿ãã†ãªã®ãŒxml2jsだった。XMLをparseString()に渡すと、コールバックの引数にオブジェクトに変換して渡してくれる。</p>
27237          </section>
27238        </a>
27239
27240
27241        <a href="/blog/webdesign/text-align-and-text-overflow-ellipsis">
27242          <section class="excerpt">
27243            <header>
27244              <p class="date"><time datetime="2013-08-04T11:25:26+09:00">4日</time></p>
27245
27246              <h3>中央(右)揃えと三点リーダーによる省略</h3>
27247            </header>
27248
27249            <p>text-overflow: ellipsisではみ出した文字列を三点リーダーで省略できる。画面サイズのバリエーションが増え続けているので、こういったなんとなくどうにかしてくれることを期待できるCSSプロパティーは積極的に使いたい。のだけど、これとtext-align: center (right)を組み合わせた場合、テキストの開始位置がChrome 28だけ変化する。</p>
27250          </section>
27251        </a>
27252
27253
27254        <a href="/blog/gadget/the-end-of-my-hd-6670">
27255          <section class="excerpt">
27256            <header>
27257              <p class="date"><time datetime="2013-08-03T14:23:02+09:00">3日</time></p>
27258
27259              <h3>グラボを壊した</h3>
27260            </header>
27261
27262            <p>昨日くらいから異音を発していたのでファンとヒートシンク外して掃除してグリス塗り直したら、通電してファンは回るものの画面が映らなくなった。つけてる間に壊れるよりかはマシかとか夏でうるさかったし静かになっていいな! とかポジティブに受け止めておく。IGPで耐える日々が始まった。</p>
27263          </section>
27264        </a>
27265
27266
27267        <a href="/blog/webdesign/a-massive-influx-of-flat-sites">
27268          <section class="excerpt">
27269            <header>
27270              <p class="date"><time datetime="2013-08-02T12:27:13+09:00">2日</time></p>
27271
27272              <h3>大量の・氾濫・フラットな・ウェブサイト</h3>
27273            </header>
27274
27275            <p>紫の3がそろそろ出そうなので、触るついでにいろいろな人の触った感想なんかを流し読みしている。The death of flat designではBootstrap 3により氾濫する大量のフラットなウェブサイトにより、その新鮮さはすぐに薄れるのではないかと指摘してる。</p>
27276          </section>
27277        </a>
27278
27279
27280        <a href="/blog/software/arial-plus-segoe-ui-symbol-via-unicode-range">
27281          <section class="excerpt">
27282            <header>
27283              <p class="date"><time datetime="2013-08-01T00:13:07+09:00">1日</time></p>
27284
27285              <h3>unicode-rangeを使ってArialにSegoe UI Symbolを混ぜる</h3>
27286            </header>
27287
27288            <p>TwitterでUnicode6.0絵文字を表示させるためのユーザースタイルシートで快適になった。これで大体は良さそうなんだけど、unicode-rangeを使ってArialにSegoe UI Symbolを混ぜちゃうともっと安定して良さそうな気がする。</p>
27289          </section>
27290        </a>
27291
27292          </section>
27293          <section>
27294            <h2><time datetime="2013-07">2013年7月</time></h2>
27295
27296        <a href="/blog/webdesign/unused-web-font">
27297          <section class="excerpt">
27298            <header>
27299              <p class="date"><time datetime="2013-07-31T11:19:56+09:00">31日</time></p>
27300
27301              <h3>使われないWebフォント</h3>
27302            </header>
27303
27304            <p>フォントAとフォントBの2つのWebフォントを定義したCSSファイルをlink要素や@importで読み込むとする。もちろんそのCSSファイルは読み込まれるが、Chrome 28では定義されたフォントが実際に本文で使われている場合にしかフォント・ファイルの読み込みは行われないようだ。url()で参照される画像ファイルが遅延読み込みされるのと一緒。</p>
27305          </section>
27306        </a>
27307
27308
27309        <a href="/blog/software/preview-opentype-features">
27310          <section class="excerpt">
27311            <header>
27312              <p class="date">
27312<time datetime="2013-07-30T10:45:15+09:00">30日</time></p>
27313
27314              <h3>OpenTypeのfeaturesをプレビューする</h3>
27315            </header>
27316
27317            <p>あるフォント・ファイルがオールドスタイルの数字とかスモールキャプスとかのOpenTypeのfeaturesを持つかどうか確認する方法は色々ある。Photoshopでもいいし、FontForgeでもいい。ただ、あるfeatureを有効にした状態が手軽にプレビューできるものとなるとあまりない気がする。ググってもらしきものを見つけることが出来なかったので、Drag and DropとFileReaderを使ってfeatureを一覧プレビューするページを作った。</p>
27318          </section>
27319        </a>
27320
27321
27322        <a href="/blog/coding/sass-encode-color-function">
27323          <section class="excerpt">
27324            <header>
27325              <p class="date"><time datetime="2013-07-29T09:20:21+09:00">29日</time></p>
27326
27327              <h3>Sassで色をURLエンコードする関数</h3>
27328            </header>
27329
27330            <p>Sass 3.3で導入される予定のものではなんといっても--sourcemapオプションが注目。でももちろんそれだけじゃなくて、文字列から文字列を探すstr-index()関数とか文字列から一部切り出すstr-slice()関数などといった文字列関係の関数の充実もある。これらの新文字列関数を利用すると、以下で取り上げる色の簡易URLエンコードを行う関数のような、文字列をちょっといじるというようなことをCustom Functionを作ることなく行えるようになる。</p>
27331          </section>
27332        </a>
27333
27334
27335        <a href="/blog/webdesign/using-sass-intepolation-inside-url-encoded-datauri-svg">
27336          <section class="excerpt">
27337            <header>
27338              <p class="date"><time datetime="2013-07-28T13:26:17+09:00">28日</time></p>
27339
27340              <h3>URLエンコードを利用したData URIなSVGでSassのインターポレーションを利用する</h3>
27341            </header>
27342
27343            <p>Base 64ではなくURLエンコードを利用したData URIなSVGは記号類以外は普通のテキスト。なので簡単なものならばSassのインターポレーション機能(#{$foo})を使いダイナミックにデータを弄ることができる。一年半前くらいにヨモツネットで書かれてたグラデーション・ミックスインとかで使われている。それのもっと単純で即戦力な利用例。</p>
27344          </section>
27345        </a>
27346
27347
27348        <a href="/blog/webdesign/source-sans-code-pro">
27349          <section class="excerpt">
27350            <header>
27351              <p class="date"><time datetime="2013-07-27T14:23:14+09:00">27日</time></p>
27352
27353              <h3>Source [Sans|Code] Pro</h3>
27354            </header>
27355
27356            <p>Source Sans Proを本文に、Source Code Proをコードに使うようにした。Source Sans Proは400と700をそれぞれitalic付きで、Source Code Proは400と600を使ってる。共にGoogle Fontsを利用しているけど、WOFFのみをダウンロードするようにしておいた。</p>
27357          </section>
27358        </a>
27359
27360
27361        <a href="/blog/media/practical-typography">
27362          <section class="excerpt">
27363            <header>
27364              <p class="date"><time datetime="2013-07-26T14:06:45+09:00">26日</time></p>
27365
27366              <h3>Practical Typography</h3>
27367            </header>
27368
27369            <p>Who is typography for?</p>
27370          </section>
27371        </a>
27372
27373
27374        <a href="/blog/coding/arbitrarycounter">
27375          <section class="excerpt">
27376            <header>
27377              <p class="date"><time datetime="2013-07-25T09:10:24+09:00">25日</time></p>
27378
27379              <h3>ArbitraryCounter</h3>
27380            </header>
27381
27382            <p>Hacker News経由でArbitraryCounterというのを知った。カウントをアップまたはダウンするだけというニッチなAPIを提供するだけのもの。データは48時間しか保たないので本当に開発者向けなんだろうけど、いいね! ボタンっぽいものを作るという形で遊んだら楽しかった。</p>
27383          </section>
27384        </a>
27385
27386
27387        <a href="/blog/rss/why-i-dont-want-to-use-digg-reader-or-aol-reader">
27388          <section class="excerpt">
27389            <header>
27390              <p class="date">
27390<time datetime="2013-07-24T10:35:28+09:00">24日</time></p>
27391
27392              <h3>Digg ReaderとAOL Readerにはがっかりだ</h3>
27393            </header>
27394
27395            <p>Google Readerという巨人亡き後の権力の座が欲しいだけ……というとあまりにも攻撃的だけど、少なくとも両者共に未来を見ていないようなものだった。これからのRSSリーダーに必要な物は何なのかみたいなものを考えた形跡がまったく感じられない。Google Readerが描けなかった世界を見せてくれるというような期待を、特にDigg Readerの方に持っていたのでとてもがっかりした。</p>
27396          </section>
27397        </a>
27398
27399
27400        <a href="/blog/webdesign/block-and-table-cell">
27401          <section class="excerpt">
27402            <header>
27403              <p class="date"><time datetime="2013-07-23T12:30:12+09:00">23日</time></p>
27404
27405              <h3>blockとtable-cellの組み合わせ</h3>
27406            </header>
27407
27408            <p>displayプロパティーの値のひとつであるtable-cellは、通常tableやinline-tableと組み合わせて使う。リストに使うと空白を作らずに各項目を並べられ、かつfloatプロパティーを使うより色々面倒くさくない。その場合にtableやinline-tableではなくblockと組み合わせると、table-cellの幅の自動調整が行われなかったり、他にもマークアップ上での制約や組み合わせ必須なプロパティーなどがないという特徴があり、スタイリングの自由度が上がる。</p>
27409          </section>
27410        </a>
27411
27412
27413        <a href="/blog/software/unicode6-emoji-on-windows-chrome">
27414          <section class="excerpt">
27415            <header>
27416              <p class="date"><time datetime="2013-07-22T04:25:29+09:00">22日</time></p>
27417
27418              <h3>WindowsのChromeでのUnicode6.0絵文字</h3>
27419            </header>
27420
27421            <p>Windowsの少なくともChrome 30までではUnicode6.0の絵文字がだいたい表示されず豆腐(□みたいなの)に化ける。理由はDirectWriteじゃなくてFontLinkに対応してないとか、デフォルトのフォールバックでUnicode6.0絵文字を含むフォントが指定されていないとかそんな感じなんじゃないかと憶測している。本体がDirectWriteに対応するまでどうにかなるとは思えないのでユーザースタイルシートでどうにかした。</p>
27422          </section>
27423        </a>
27424
27425
27426        <a href="/blog/webdesign/drawic-4">
27427          <section class="excerpt">
27428            <header>
27429              <p class="date"><time datetime="2013-07-21T04:41:28+09:00">21日</time></p>
27430
27431              <h3>Drawic v1.0</h3>
27432            </header>
27433
27434            <p>Drawicのアイコンも24個とキリの良い数になったので、これでv1.0ということにした。追加したのはGit、いいね!、TumblrとVimのアイコン。</p>
27435          </section>
27436        </a>
27437
27438
27439        <a href="/blog/internet/its-your-fault">
27440          <section class="excerpt">
27441            <header>
27442              <p class="date"><time datetime="2013-07-20T02:35:15+09:00">20日</time></p>
27443
27444              <h3>お前のウェブサイトがゴミだらけなのはお前のせいだ!</h3>
27445            </header>
27446
27447            <p>モデレーションの大切さを説いた記事。合わせてインターネットの10の法則もどうぞ。</p>
27448          </section>
27449        </a>
27450
27451
27452        <a href="/blog/webdesign/without-icon-font">
27453          <section class="excerpt">
27454            <header>
27455              <p class="date"><time datetime="2013-07-19T02:34:49+09:00">19日</time></p>
27456
27457              <h3>SVG使ってる</h3>
27458            </header>
27459
27460            <p>アイコン・フォントは便利ではあるので、ちょくちょく作ってはいる。けどどうしてもSVGにしたくなっちゃう……という好みの話。SVGの方が歴史がある(WOFFと比較して)とか、Adobeプロダクトがあるとか、そういう両者のフォーマットや環境における差異は時と流行りが解決することで、そういうのが理由ではない。僕がSVGよりなのはその「制御しやすさ」に尽きる。</p>
27461          </section>
27462        </a>
27463
27464
27465        <a href="/blog/webdesign/version-six-point-thirty-eight">
27466          <section class="excerpt">
27467            <header>
27468              <p class="date">
27468<time datetime="2013-07-18T00:33:08+09:00">18日</time></p>
27469
27470              <h3>v6.38</h3>
27471            </header>
27472
27473            <p>PNGを追放したり、:hoverに強く依存しないようにボタン類のコントラストを上げたり、カラースキームも#558899ベースから#1188bbベースにして背景色とのコントラストを上げたり。他はロゴとグローバル・フッターのデザインを変更したくらいで、コンテンツ部分はほとんど変わってない。そこかしこのSVGがFirefox 23まででギザギザだけど、ちょっと前に書いたようにすぐに治るのでこのままで。</p>
27474          </section>
27475        </a>
27476
27477
27478        <a href="/blog/software/svgo">
27479          <section class="excerpt">
27480            <header>
27481              <p class="date"><time datetime="2013-07-17T09:12:31+09:00">17日</time></p>
27482
27483              <h3>SVGO</h3>
27484            </header>
27485
27486            <p>SVGOはSVGに不要なホワイトスペースの削除に留まらない最適化を行ってくれるステキなソフトウェア。ちょっと前までなかなか挙動不審だったので、利用を避けていたんだけどv0.3.7では安定している感じなのでまた使い始めた。デフォルトでは入力ファイルを上書きしちゃうのでバックアップを取るように心がけたい。</p>
27487          </section>
27488        </a>
27489
27490
27491        <a href="/blog/software/one-svg-bug-was-fixed-on-firefox-24">
27492          <section class="excerpt">
27493            <header>
27494              <p class="date"><time datetime="2013-07-16T03:39:20+09:00">16日</time></p>
27495
27496              <h3>Firefox 24でSVGのバグがひとつ直る</h3>
27497            </header>
27498
27499            <p>少し前に書いたけどFirefox 23までにはSVGをCSSのbackground-imageプロパティーでサイズを変更して使うと、ぼやけたりギザギザになるバグがあったが24で直るようだ。既にAuroraでは直っているのを確認できる。SVGを避ける理由がまたひとつ減った。</p>
27500          </section>
27501        </a>
27502
27503
27504        <a href="/blog/webdesign/drawic-3">
27505          <section class="excerpt">
27506            <header>
27507              <p class="date"><time datetime="2013-07-15T13:33:02+09:00">15日</time></p>
27508
27509              <h3>Drawic #3</h3>
27510            </header>
27511
27512            <p>Drawicに時計と三本線のメニュー、そしてReadabilityのアイコンを追加した。</p>
27513          </section>
27514        </a>
27515
27516
27517        <a href="/blog/webdesign/text-rendering-optimizelegibility">
27518          <section class="excerpt">
27519            <header>
27520              <p class="date"><time datetime="2013-07-14T11:41:07+09:00">14日</time></p>
27521
27522              <h3>text-rendering: optimizeLegibility</h3>
27523            </header>
27524
27525            <p>Webフォント・text-rendering: optimizeLegibility・Windows・Webkit/Blinkという組み合わせにおいて一定の確率で文字の表示がおかしくなる。上記スクリーンショットのように本来全て同じLimelightで表示されるべき文字がそうならなかったりする。確認した限りではtext-renderingプロパティーでoptimizeLegibilityを使わなければ起こらないので、この組み合わせを使わないだけで良い。</p>
27526          </section>
27527        </a>
27528
27529
27530        <a href="/blog/internet/sixty-four">
27531          <section class="excerpt">
27532            <header>
27533              <p class="date"><time datetime="2013-07-13T17:17:03+09:00">13日</time></p>
27534
27535              <h3>フロントエンド寄りのリンク集</h3>
27536            </header>
27537
27538            <p>Sixty-Fourという名前でフロントエンド寄りのリンク集を作った。CSSが濃い目でJavaScriptは薄め、Webタイポグラフィーが隠し味。</p>
27539          </section>
27540        </a>
27541
27542
27543        <a href="/blog/webdesign/organizing-scss-files">
27544          <section class="excerpt">
27545            <header>
27546              <p class="date"><time datetime="2013-07-12T22:19:23+09:00">12日</time></p>
27547
27548              <h3>SCSSファイルの組織立て</h3>
27549            </header>
27550
27551            <p>ファイル間の移動が面倒とか補完が効きやすいからとかいうひどい理由からあまりSCSSファイルを細かく分けてなかった。積極的にplaceholder selector利用するようになったりで見通しが悪くなることが多かったã
27551®ã‚‚あって、もうちょっと組織立ててやった方がいいなとこのウェブサイトのSCSSで色々試してる。変数定義のカテゴリ分けとクラス名の追加・整理、そしてSCSSファイルのパーツ単位での分割まではやった。</p>
27552          </section>
27553        </a>
27554
27555
27556        <a href="/blog/webdesign/border-radius-and-padding-on-ie10">
27557          <section class="excerpt">
27558            <header>
27559              <p class="date"><time datetime="2013-07-11T15:45:45+09:00">11日</time></p>
27560
27561              <h3>IE10におけるborder-radiusとpaddingの組み合わせ</h3>
27562            </header>
27563
27564            <p>Internet Explorer 10においてborder-radiusとpaddingプロパティーを組み合わせると、余白を確保してから丸められる。そのためこの組み合わせを画像に適用すると画像が丸くならない。他のブラウザChrome 28やFirefox 23、Opera 15では丸めてから余白を確保するので、画像などに適用してもちゃんと画像が丸くなりきれいにふちどりされる。</p>
27565          </section>
27566        </a>
27567
27568
27569        <a href="/blog/webdesign/content-based-breakpoints">
27570          <section class="excerpt">
27571            <header>
27572              <p class="date"><time datetime="2013-07-10T09:26:08+09:00">10日</time></p>
27573
27574              <h3>コンテンツを基準にしたブレークポイント</h3>
27575            </header>
27576
27577            <p>Mobile FirstをMedia Query-less Designととらえ直し、それとContent-based Breakpoints (&amp; Tweakpoints)を組み合わせ、コンテンツに主眼をおいて段階的に構築していくというアプローチ。僕も前に似たような話書いたけど、今読み直すとデバイスを意識しないことの方に重心を置きすぎててピントがずれてるような感じだ。</p>
27578          </section>
27579        </a>
27580
27581
27582        <a href="/blog/coding/adaptive-async-adsense">
27583          <section class="excerpt">
27584            <header>
27585              <p class="date"><time datetime="2013-07-09T17:33:03+09:00">9日</time></p>
27586
27587              <h3>Async版広告コードを使ったAdSenseの広告切り替え</h3>
27588            </header>
27589
27590            <p>Google Adsenseの広告コードでAsync版のBETAテストが始まった。広告表示時にページの読み込みをブロックしないというのが売りでそれ以上でもそれ以下でもなく、コードもそんなにスッキリするわけではないし、空要素さん……みたいな感じだけど、現行のものよりはこっちの方が良い。ということでこれを利用する場合に広告サイズの切り替えはどうするのが良いのか考えてるメモ。</p>
27591          </section>
27592        </a>
27593
27594
27595        <a href="/blog/rss/pubsubhubbub-v0.4-and-link-http-header">
27596          <section class="excerpt">
27597            <header>
27598              <p class="date"><time datetime="2013-07-08T08:16:36+09:00">8日</time></p>
27599
27600              <h3>PubSubHubbub v0.4でのLink HTTPヘッダー</h3>
27601            </header>
27602
27603            <p>PubSubHubbub Working Draftのv0.4が出た。某氏のブックマーク→MLを流し読んでPublisher側では何か作業する必要はないように読んでしまったけど、どうもatom:linkの代わりにLink HTTPヘッダーを使って購読先を探せるようにするようにということのようだ。JSONや画像を筆頭にあらゆるもののPub/Subもサポートするようにするためみたい。</p>
27604          </section>
27605        </a>
27606
27607
27608        <a href="/blog/webdesign/the-main-element">
27609          <section class="excerpt">
27610            <header>
27611              <p class="date"><time datetime="2013-07-07T12:41:33+09:00">7日</time></p>
27612
27613              <h3>main要素……</h3>
27614            </header>
27615
27616            <p>main要素については色んな人が色んな所で書いてるので、そのものがどういうものかとかは今さら書かない。main要素がもし複数出てきていいならアレとアレにdiv要素使わなくて良くなるなーという。アレとアレというのは、hAtomのentry-contentともうひとつはSc
27616hema.orgのArticle(BlogPosting)/articleBody。とか言いつつそこら辺は好みの問題っぽいのでちょっと別の話。</p>
27617          </section>
27618        </a>
27619
27620
27621        <a href="/blog/misc/we-all-have-ideas">
27622          <section class="excerpt">
27623            <header>
27624              <p class="date"><time datetime="2013-07-06T21:40:18+09:00">6日</time></p>
27625
27626              <h3>みんなアイデアはあるはず</h3>
27627            </header>
27628
27629            <p>TypeKitの中の人だったり8 Facesの編集長だったりするElliot Jay Stocksによる半年ほど前のpastryから。アイデアを実現するための時間というのは存在するのだろうかみたいなお国事情はありそうだけど、オール・オア・ナッシングではないというのはそういう事例が話題になることも増えてきたしそういう時代なのかも。でもなーうーん。</p>
27630          </section>
27631        </a>
27632
27633
27634        <a href="/blog/software/vim-css3-syntax-v0.8">
27635          <section class="excerpt">
27636            <header>
27637              <p class="date"><time datetime="2013-07-05T16:10:20+09:00">5日</time></p>
27638
27639              <h3>vim-css3-syntax v0.8</h3>
27640            </header>
27641
27642            <p>HTML Standardのtemplate要素とmain要素が追加された変更はさっさと取り込んだ方が良さそうなので、追加してv0.8としてリリースした。</p>
27643          </section>
27644        </a>
27645
27646
27647        <a href="/blog/webdesign/dont-expand-searchbox-to-left">
27648          <section class="excerpt">
27649            <header>
27650              <p class="date"><time datetime="2013-07-04T12:16:33+09:00">4日</time></p>
27651
27652              <h3>検索ボックスを左に拡大しない</h3>
27653            </header>
27654
27655            <p>検索フォームの入力エリアにフォーカスすると、その入力エリアを左に拡大させるという最近多い気がするアレ。僕は片方が強い乱視だったりして目の焦点を合わせるのにまぁまぁ時間がかかるので、急に視線を動かさざるをえない状況に追い込まれるとイラッとする。比較的ウェブページを見ることに慣れている方なので目が疲れるとまでは言わないけど、慣れてない人は疲れてしまうと思う。特にアニメーションさせられたりすると、なまじ眼球はついていけるので逆に辛い。</p>
27656          </section>
27657        </a>
27658
27659
27660        <a href="/blog/webdesign/mailchimp-new-header">
27661          <section class="excerpt">
27662            <header>
27663              <p class="date"><time datetime="2013-07-03T06:20:02+09:00">3日</time></p>
27664
27665              <h3>Mailchimpの新ヘッダー</h3>
27666            </header>
27667
27668            <p>Mailchimpのウェブサイトが新しくなり、ヘッダーがかっこ良くなった。もしかしたら固定された水平ヘッダーの最適解かもしれない。なかなかパクりたい。</p>
27669          </section>
27670        </a>
27671
27672
27673        <a href="/blog/internet/keep-calm-and-send-a-pull-request">
27674          <section class="excerpt">
27675            <header>
27676              <p class="date"><time datetime="2013-07-02T03:46:21+09:00">2日</time></p>
27677
27678              <h3>GitHubのモチベーショナル・ポスター</h3>
27679            </header>
27680
27681            <p>最後の行長いな。GitHubのOctocatの利用条件に従って煮るなり焼くなりどうぞ。</p>
27682          </section>
27683        </a>
27684
27685
27686        <a href="/blog/webdesign/where-am-i">
27687          <section class="excerpt">
27688            <header>
27689              <p class="date"><time datetime="2013-07-01T03:54:22+09:00">1日</time></p>
27690
27691              <h3>どこにいるの? どこへ行けるの? どこにいたの?</h3>
27692            </header>
27693
27694            <p>どこに行けるのかに注力するあまりにどこにいるのかさっぱりなことが多かったりする。複雑な構造のウェブサイトであればあるほどそうなりがち。どこにいたのかについてはこの記事が書かれた頃あたりからブラウザが優秀になったため任せてしまっても良いからなのかあんまり書かれてないけど、パンくずナビゲーションとかはどこにいたのかを示してそうに見えて実はしてない(ことが多い)とかそういう辺りは気にした方が良い。このウェブサイトでそのページ自身のURLにリンクを張ることをほとんどやらないのはこの記事の影響もある。</p>
27695          </section>
27696        </a>
27697
27698          </section>
27699          <section>
27700            <h2><time datetime="2013-06">2013年6月</time></h2>
27701
27702        <a href="/blog/rss/feedly-crawler">
27703          <section class="excerpt">
27704            <header>
27705              <p class="date"><time datetime="2013-06-30T06:27:53+09:00">30日</time></p>
27706
27707              <h3>Feedlyのクローラー</h3>
27708            </header>
27709
27710            <p>FeedlyのクローラーのUserAgentに載ってるURLにちょっと書いてあった。304ちゃんと見るとか404ですぐにã
27710‚¯ãƒ­ãƒ¼ãƒ«ã—なくなるとか普通な感じ。もちろんPubSubHubbubもサポートしている。301辿って切り替えるとかはなさそう。Googleのもそうだったような気もするけど。</p>
27711          </section>
27712        </a>
27713
27714
27715        <a href="/blog/gadget/thermos-jda-320-s">
27716          <section class="excerpt">
27717            <header>
27718              <p class="date"><time datetime="2013-06-29T22:38:27+09:00">29日</time></p>
27719
27720              <h3>THERMOS 真空断熱タンブラー 320ml</h3>
27721            </header>
27722
27723            <p>少し前にBODUMのダブルウォールマグを予定通り一年経つ前に割ったので、今度は割れないはずのステンレスなTHERMOSの真空断熱タンブラーにした。新しいつや消しの方。前もこれにしようかと思ってたんだけどステンレスミラーのはあんまり好きじゃなかったのでちょうど良かった。</p>
27724          </section>
27725        </a>
27726
27727
27728        <a href="/blog/coding/adaptive-adsense">
27729          <section class="excerpt">
27730            <header>
27731              <p class="date"><time datetime="2013-06-28T06:33:31+09:00">28日</time></p>
27732
27733              <h3>AdSenseの広告切り替え</h3>
27734            </header>
27735
27736            <p>Google AdSenseが公式にいくつかのケースに限って広告コードの改変を許可したので、後に手を入れることも考えて効率的なコードを考えている最中のメモ。</p>
27737          </section>
27738        </a>
27739
27740
27741        <a href="/blog/webdesign/border-radius-and-anchor-area">
27742          <section class="excerpt">
27743            <header>
27744              <p class="date"><time datetime="2013-06-27T04:00:55+09:00">27日</time></p>
27745
27746              <h3>border-radiusとアンカー領域</h3>
27747            </header>
27748
27749            <p>アンカーをborder-radiusプロパティーを使って丸くするというのは良くやる。丸くと言っても微妙な角丸から完全な真円まで様々だけど、多かれ少なかれアンカーの確保する領域と丸くなった枠線の間に空白ができる。じゃぁその空白の部分はアンカーなのかという疑問への回答は実装依存だったというメモ。</p>
27750          </section>
27751        </a>
27752
27753
27754        <a href="/blog/webdesign/calibri-light-in-css">
27755          <section class="excerpt">
27756            <header>
27757              <p class="date"><time datetime="2013-06-26T03:02:29+09:00">26日</time></p>
27758
27759              <h3>Calibri LightをCSSで</h3>
27760            </header>
27761
27762            <p>Windows 8には最初からCalibri Lightがあり、Windows 7とWindows 2008 Server R2にも更新プログラムで来ている。イタリックもちゃんとある。が、CSSから手軽に切り替えて使えるわけではないようだというメモ。</p>
27763          </section>
27764        </a>
27765
27766
27767        <a href="/blog/webdesign/responsive-line-breaks">
27768          <section class="excerpt">
27769            <header>
27770              <p class="date"><time datetime="2013-06-25T18:18:28+09:00">25日</time></p>
27771
27772              <h3>適切に改行を行う</h3>
27773            </header>
27774
27775            <p>ブラウザーはviewportによって折り返しを自動で行なってくれるわけだけど、場合によっては適切ではない位置で行われてしまうのをコントロールしたいという話。見出しをセンタリングしているようなケースで幅によっては一文字だけ次の行になってかっこ悪い! みたいなのを解消したいということであったり、逆にびろ~んと間延びしないようによさそうな位置で改行を入れたいということであったり。一年くらい前にResponsive Line Breaksと呼ばれるようになった。</p>
27776          </section>
27777        </a>
27778
27779
27780        <a href="/blog/webdesign/banner-blindness">
27781          <section class="excerpt">
27782            <header>
27783              <p class="date"><time datetime="2013-06-24T13:16:49+09:00">24日</time></p>
27784
27785              <h3>バナーとは目に入らないもの</h3>
27786            </header>
27787
27788            <p>倫理的かつ効果的なバナーというものが少しずつ増えてきたような気がするが、そうしたウェブの変化ã
27788«ã‚ˆã‚Šåˆ©ç›Šã‚’得るのは倫理的ではないバナーのような気がしてならない。</p>
27789          </section>
27790        </a>
27791
27792
27793        <a href="/blog/webdesign/svg-background-on-firefox">
27794          <section class="excerpt">
27795            <header>
27796              <p class="date"><time datetime="2013-06-23T02:56:28+09:00">23日</time></p>
27797
27798              <h3>FirefoxにおけるSVGの背景画像</h3>
27799            </header>
27800
27801            <p>結構前から21の現在に至るまでFirefoxではCSSで背景画像に指定されたSVGをうまく拡大出来ずにぼやける(ラスタライズしてから拡大してる)のはSVG使おうとすると普通にぶち当たるのでかなり有名。で、その対策として大きくSVGを作って縮小するというのがベスト・プラクティスっぽい感じだったんだけど、縮小でもアレなことに最近になって気づいた。環境依存な気がするので、とりあえずメモ。</p>
27802          </section>
27803        </a>
27804
27805
27806        <a href="/blog/rss/dont-migrate-to-feedly">
27807          <section class="excerpt">
27808            <header>
27809              <p class="date"><time datetime="2013-06-21T17:10:00+09:00">21日</time></p>
27810
27811              <h3>Feedlyに引越してはいけない(今は)</h3>
27812            </header>
27813
27814            <p>Feedlyはなかなか素晴らしいフィード・リーダーだと思う。カード・レイアウトでざっと流し読みしつつ気になったのがスッと取り出せるまたはタブで開けるというスタイルは好き。最近はここが勝負とばかりにGoogle Reader互換APIを提供したり精力的で良い。それでも引っ越してはいけない。購読しているRSSのリストをOPMLでエクスポートできるようになるまでは。</p>
27815          </section>
27816        </a>
27817
27818
27819        <a href="/blog/webdesign/html-img-alt">
27820          <section class="excerpt">
27821            <header>
27822              <p class="date"><time datetime="2013-06-21T14:18:50+09:00">21日</time></p>
27823
27824              <h3>altってあれでしょ? あのーほら……</h3>
27825            </header>
27826
27827            <p>HTML Standardsの中でも屈指のややこしさな気がする4.8.1.1 Requirements for providing text to act as an alternative for imagesを全容を把握しやすいように箇条書きにして日本語に訳した文書、HTMLにおけるimg要素のalt属性を作成した。</p>
27828          </section>
27829        </a>
27830
27831
27832        <a href="/blog/webdesign/decrease-font-size-when-zoomed-out">
27833          <section class="excerpt">
27834            <header>
27835              <p class="date"><time datetime="2013-06-20T02:14:11+09:00">20日</time></p>
27836
27837              <h3>縮小したら文字が大きく</h3>
27838            </header>
27839
27840            <p>スクリーンサイズに応じたフォントサイズの変更はかなり読みやすくなるアイディアだと思っていて、ここでもずいぶん前から使っている。が、ブラウザーのズームと相性が非常に悪く、縮小したつもりが文字サイズが大きくなったみたいなことがよく起こる。このウェブサイトでもネタ元のウェブサイトでも起こる。</p>
27841          </section>
27842        </a>
27843
27844
27845        <a href="/blog/rss/rss-is-plumbing">
27846          <section class="excerpt">
27847            <header>
27848              <p class="date"><time datetime="2013-06-19T02:33:29+09:00">19日</time></p>
27849
27850              <h3>RSS is plumbing.</h3>
27851            </header>
27852
27853            <p>RSSはいろんな勝ち組ウェブサービスにほぼ瀕死に追い込まれてて、影響は意外なところにも波及する。Twitter API v1の終了により、自分のツイートを自由に自分のウェブサイトに載せることがすごく面倒になったとかもそのひとつ。自分のなのにね。スクレイピングの時代に戻ったりして。</p>
27854          </section>
27855        </a>
27856
27857
27858        <a href="/blog/webdesign/sass-extend-selector-defined-later">
27859          <section class="excerpt">
27860            <header>
27861              <p class="date"><time datetime="2013-06-18T13:16:19+09:00">18日</time></p>
27862
27863              <h3>後ろで定義したセレクターも@extendで参照できる</h3>
27864            </header>
27865
27866            <p>Sassの@extendではてっきり@extendするまでに参照するセレクターを定義しておかなければならないと思い込んでいた(変数はそうなので)んだけど、そんなことはなかった。どこに書いたセレクターでも、例えファイルをまたがっていても@extendできる。</p>
27867          </section>
27868        </a>
27869
27870
27871        <a href="/blog/webdesign/order-of-content-and-navigation">
27872          <section class="excerpt">
27873            <header>
27874              <p class="date"><time datetime="2013-06-17T03:41:39+09:00">17日</time></p>
27875
27876              <h3>コンテンツとナビゲーションの順序</h3>
27877            </header>
27878
27879            <p>見た目上ではなくHTMLソース上での話。ネタ元はonderhandのcontent vs sub navigationという記事。ここではサブナビゲーションを前にするということは訪問者に本来見て欲しいコンテンツよりもどっかに別のとこに行ってもいいよと言うようなもので、どうすればいいのか訪問者に判断させることになりもするとして否定的。つまりナビゲーションは後ろのほうがいいのではないかという。</p>
27880          </section>
27881        </a>
27882
27883
27884        <a href="/blog/misc/room-without-trash-can">
27885          <section class="excerpt">
27886            <header>
27887              <p class="date"><time datetime="2013-06-16T12:55:25+09:00">16日</time></p>
27888
27889              <h3>ゴミ箱のない部屋</h3>
27890            </header>
27891
27892            <p>部屋にゴミ箱を置かなくなって3か月になる。最初は単にã
27892‚´ãƒŸç®±ã‚’水洗いしてから外で乾かしてて元に戻し忘れただけだったんだけど、部屋には無い方がいいのかもなーと思うようになった。とにかく何かゴミを出すと捨てに行くのが面倒くさいのでゴミを出さないように気をつけるようになって良い。</p>
27893          </section>
27894        </a>
27895
27896
27897        <a href="/blog/webdesign/problematic-google-fonts-on-windows-chrome">
27898          <section class="excerpt">
27899            <header>
27900              <p class="date"><time datetime="2013-06-15T10:51:27+09:00">15日</time></p>
27901
27902              <h3>WindowsのChromeで表示がおかしくなるフォント</h3>
27903            </header>
27904
27905            <p>昔書いたWindowsのSafariで表示がおかしくなるGoogle Web Fontsのフォントというのとちょっと似てるけど、またちょっと違う問題。文字化けっぽくなるんじゃなくて、特定のグリフが特定のサイズにおいてのみ横に広がったり縦に伸びたりすることがある。</p>
27906          </section>
27907        </a>
27908
27909
27910        <a href="/blog/misc/flat-profile-image">
27911          <section class="excerpt">
27912            <header>
27913              <p class="date"><time datetime="2013-06-14T00:36:30+09:00">14日</time></p>
27914
27915              <h3>フラット</h3>
27916            </header>
27917
27918            <p>プロフィール画像をフラットにした。こういうのはフラットとは言わないのではないか。ないか。のっぺり。</p>
27919          </section>
27920        </a>
27921
27922
27923        <a href="/blog/webdesign/outline-and-box-shadow">
27924          <section class="excerpt">
27925            <header>
27926              <p class="date"><time datetime="2013-06-13T09:03:42+09:00">13日</time></p>
27927
27928              <h3>outlineとbox-shadow</h3>
27929            </header>
27930
27931            <p>borderとoutline、box-shadowプロパティーを組み合わせ、それぞれ別に少しずらしてアニメーションさせようとかそういう変なの考えてたら、Firefox 21(及びAurora 23)とそれ以外でoutlineが描画される位置が違うことを知った。最近は普通に書くとFirefoxでハマることが多いのは僕だけか。</p>
27932          </section>
27933        </a>
27934
27935
27936        <a href="/blog/internet/browserstack-screenshots">
27937          <section class="excerpt">
27938            <header>
27939              <p class="date"><time datetime="2013-06-12T11:06:32+09:00">12日</time></p>
27940
27941              <h3>BrowserStack Screenshots</h3>
27942            </header>
27943
27944            <p>BrowserStack Liveは有料のサービスだけど、いろんなデバイスでスクリーンショットを撮ってくれるだけのScreenshotsは無料で使えるサービスみたい。ローカルにあるページの確認をしたい場合とかは登録する必要があるけど、撮るだけなら登録せずにいける。Responsiveの方も同じ。</p>
27945          </section>
27946        </a>
27947
27948
27949        <a href="/blog/software/sass-precision-compile-option">
27950          <section class="excerpt">
27951            <header>
27952              <p class="date"><time datetime="2013-06-11T10:34:45+09:00">11日</time></p>
27953
27954              <h3>Sassの--precisionオプション</h3>
27955            </header>
27956
27957            <p>3.2以降のSassでは計算結果が少数になる場合、小数点以下5桁まで出すようになっている(それまでは3桁)。そこで--precisionオプションで小数部分の桁を制限してやることにより、ここくらいのコンパクトなCSSファイルでも0.5KB程度は節約できる。</p>
27958          </section>
27959        </a>
27960
27961
27962        <a href="/blog/misc/translation-of-translation-is-easy-really">
27963          <section class="excerpt">
27964            <header>
27965              <p class="date"><time datetime="2013-06-10T07:53:57+09:00">10日</time></p>
27966
27967              <h3>Translation is easy, reallyを訳した</h3>
27968            </header>
27969
27970            <p>Translation is easy, reallyというMediumの記事を訳した。ライトな雰囲気に合わせてくだけた感じにした。簡単だよ!</p>
27971          </section>
27972        </a>
27973
27974
27975        <a href="/blog/webdesign/remove-utm_xxx-for-page-owner">
27976          <section class="excerpt">
27977            <header>
27978              <p class="date"><time datetime="2013-06-09T11:28:11+09:00">9日</time></p>
27979
27980              <h3>utm_xxxを削除してURLの分散をちょっとだけ防ぐ</h3>
27981            </header>
27982
27983            <p>utm_xxxを利用したユーザー追跡はまぁ便利ではあるのだけど、どうしてもURLの正規化に悪影響がある。設置したツイートボタンやブックマークボタンはこちら側で正規のURLを仕込んでどうにかすればいいのだけど、ブラウザーの拡張やブックマークレットにはどうしようもない。かといってリダイレクトでは訪問者にも管理者にもコストが高いので、replaceState()を使ってURLだけ書きかえるという話。</p>
27984          </section>
27985        </a>
27986
27987
27988        <a href="/blog/webdesign/end-of-before-replacement">
27989          <section class="excerpt">
27990            <header>
27991              <p class="date"><time datetime="2013-06-08T05:37:07+09:00">8日</time></p>
27992
27993              <h3>::beforeによる(画像)置換の終焉</h3>
27994            </header>
27995
27996            <p>なんだか最近のGoogleのペンギン先生は::beforeや::after擬似要素で仕込まれるモノもバッチリ解釈するとかいう噂(本当か嘘かは知らない)を聞いた。スクリーンリーダーも読んじゃうらしい。ここのロゴは
27996::before擬似要素でHを一文字挿入して実現していたので、もし解釈されるとなるとウェブサイトのタイトルが「Hhail2u.net」になってしまう。</p>
27997          </section>
27998        </a>
27999
28000
28001        <a href="/blog/webdesign/double-stranded-scale-with-sass">
28002          <section class="excerpt">
28003            <header>
28004              <p class="date"><time datetime="2013-06-07T07:00:41+09:00">7日</time></p>
28005
28006              <h3>Sassで2つの基準を元にした文字サイズのスケールを作る</h3>
28007            </header>
28008
28009            <p>本文とメインとなる見出しの文字サイズを決めて、その両者に黄金比を適用して他の見出しやボタンのラベル、少し小さくしたい部分(フッターとか)、アイコンの幅などの文字サイズを決定するというメモ。要改善。</p>
28010          </section>
28011        </a>
28012
28013
28014        <a href="/blog/webdesign/place404img">
28015          <section class="excerpt">
28016            <header>
28017              <p class="date"><time datetime="2013-06-06T06:38:50+09:00">6日</time></p>
28018
28019              <h3>PlaceIMGを使った404ページ</h3>
28020            </header>
28021
28022            <p>PlaceIMGが500pxも利用しているからかlorempixelと比べるとかなりキレイなので、最近はよくこれを使っている。なんか別のにも使えないかと考えて、404ページの背景にPlaceIMGからの画像を目一杯表示するようにした。ユーザビリティ……。検索フォームぐらいは置くか。</p>
28023          </section>
28024        </a>
28025
28026
28027        <a href="/blog/webdesign/chrome-hard-reload-menu">
28028          <section class="excerpt">
28029            <header>
28030              <p class="date"><time datetime="2013-06-05T02:59:59+09:00">5日</time></p>
28031
28032              <h3>Google Chromeのスーパーリロードのメニュー</h3>
28033            </header>
28034
28035            <p>Crl+F5やCtrl+Shift+Rでのスーパーリロードは有名だけど、開発者ツールを開いているページだと更新ボタンの長押しでメニューが出てくるのは知らなかった。キャッシュ破棄からのスーパーリロードはすでに便利さを体験した。</p>
28036          </section>
28037        </a>
28038
28039
28040        <a href="/blog/blog/read-this-next">
28041          <section class="excerpt">
28042            <header>
28043              <p class="date"><time datetime="2013-06-04T04:15:34+09:00">4日</time></p>
28044
28045              <h3>次はこれ読んで</h3>
28046            </header>
28047
28048            <p>MovableTypeにあったからか前や次のエントリー(とそれに加えてウェブログのトップ)に移動するリンクをpermalinkに設置するウェブログは多い。こと日本に限ると90%以上のウェブログにあるように感じる。このクラシカルなパターンに対して、最近はRead This Nextなどとして最も関連性が高いエントリーをひとつだけ推薦したり(Dustin CurtisとかSvbtleネットワークのウェブサイトはそう)、単に時系列的に1つ古いエントリーへのリンクのみというパターンが増えている。</p>
28049          </section>
28050        </a>
28051
28052
28053        <a href="/blog/webdesign/brandcolors-scss">
28054          <section class="excerpt">
28055            <header>
28056              <p class="date"><time datetime="2013-06-03T13:46:28+09:00">3日</time></p>
28057
28058              <h3>_brandcolors.scss</h3>
28059            </header>
28060
28061            <p>BrandColorsの色をコピペするのはしんどいのでSCSSファイルにした。SCSSファイルを作った後に気づいたけど、IMEの辞書に登録するのも便利そう。</p>
28062          </section>
28063        </a>
28064
28065
28066        <a href="/blog/misc/documents-mirror">
28067          <section class="excerpt">
28068            <header>
28069              <p class="date"><time datetime="2013-06-02T08:53:54+09:00">2日</time></p>
28070
28071              <h3>文書類のミラーを作った</h3>
28072            </header>
28073
28074            <p>(ドメインやサーバーの)死後のためにDocuments配下の文書類のミラーをGitHubに作っておいた。ウェブログは死後、可及的速やかに消えてなくなってほしいと思うのでミラーしたくないな。今ですら色々消したいわけだし。</p>
28075          </section>
28076        </a>
28077
28078
28079        <a href="/blog/rss/stopped-using-feedburner">
28080          <section class="excerpt">
28081            <header>
28082              <p class="date"><time datetime="2013-06-01T02:13:13+09:00">1日</time></p>
28083
28084              <h3>FeedBurnerの利用をやめた</h3>
28085            </header>
28086
28087            <p>かなりの初期から愛用しつづけてすごくお世話になったFeedBurner経由でのフィード配信をやめ、自ホストに切り替えた。しばらく前までは利用の取りやめの後、30日間しか元になるフィードへ301でリダイレクトしてくれなã
28087‹ã£ãŸã‚“だけど、今は恒久的にリダイレクトしてくれるようになっているので、特に購読先を切り替える必要はない。</p>
28088          </section>
28089        </a>
28090
28091          </section>
28092          <section>
28093            <h2><time datetime="2013-05">2013年5月</time></h2>
28094
28095        <a href="/blog/internet/zoom-resize-crop-amazon-image">
28096          <section class="excerpt">
28097            <header>
28098              <p class="date"><time datetime="2013-05-31T03:27:43+09:00">31日</time></p>
28099
28100              <h3>Amazonの画像を拡大してリサイズし切り抜く</h3>
28101            </header>
28102
28103            <p>Amazonの商品画像は色々なパラメーターで加工できるのはよく知られている。大抵の場合はウェブサイトに合うようにサイズを変更したりとかが主なのでAA320やSX480とかを使うだけ。ただ非矩形な商品の画像の場合、余白がないことがあり白背景のウェブサイト以外ではサイズの変更だけでは上手くなじまない。それを拡大(SS)とリサイズ(AA)・切り抜き(CR)を組み合わせることにより適切に余白を追加してやろうというテクニック。頭悪そうなタイトル。</p>
28104          </section>
28105        </a>
28106
28107
28108        <a href="/blog/gadget/merrell-mootopia-lace">
28109          <section class="excerpt">
28110            <header>
28111              <p class="date"><time datetime="2013-05-30T05:47:40+09:00">30日</time></p>
28112
28113              <h3>MERRELL Mootopia Lace</h3>
28114            </header>
28115
28116            <p>つま先が広い靴を探していてDuckfeetとか良さそうだなーとか思ってたけど履き潰すには高すぎだったので、そこらじゅうで売ってるMERRELLのMootopia Laceの黒にした。9000円くらいだった気がする。</p>
28117          </section>
28118        </a>
28119
28120
28121        <a href="/blog/webdesign/drawic-2">
28122          <section class="excerpt">
28123            <header>
28124              <p class="date"><time datetime="2013-05-29T08:21:40+09:00">29日</time></p>
28125
28126              <h3>Drawic #2</h3>
28127            </header>
28128
28129            <p>DrawicにPinterestのアイコンを追加した。微妙に小さい気がするのでもうちょっと大きくした方が良いかもしれないと思ってるんだけど、Inkscapeが2回落ちてやる気なくなった。</p>
28130          </section>
28131        </a>
28132
28133
28134        <a href="/blog/misc/ie">
28135          <section class="excerpt">
28136            <header>
28137              <p class="date"><time datetime="2013-05-28T16:57:54+09:00">28日</time></p>
28138
28139              <h3>家が建ってる</h3>
28140            </header>
28141
28142            <p>建築中の家というのはとても楽しく興味深いんだけど、うるさい。5時半くらいから始めてて(さすがに準備とかでドリルとか電ノコとかは使わないけど)なんかの嫌がらせに近い。そのことに対する文句を正面切って言うと釘打つアレでドシュッとかやられそうなので言えない。そういうのでストレスが溜まるタイプではなくて良かった。</p>
28143          </section>
28144        </a>
28145
28146
28147        <a href="/blog/software/vim-css3-syntax-v0.7">
28148          <section class="excerpt">
28149            <header>
28150              <p class="date"><time datetime="2013-05-27T02:31:03+09:00">27日</time></p>
28151
28152              <h3>vim-css3-syntax v0.7</h3>
28153            </header>
28154
28155            <p>サボりすぎた。増えたのとか更新を反映させてvim-css3-syntaxをv0.7に更新した。同梱して欲しい要望があったã
28155®ã§after/syntax/html.css等を同梱するようにも。問題起こる環境ありそう。なにかあったらIssuesでどうぞ。</p>
28156          </section>
28157        </a>
28158
28159          </section>
28160          <section id="2012">
28161            <h2><time datetime="2012-08">2012年8月</time></h2>
28162
28163        <a href="/blog/misc/ampersand-wallpaper">
28164          <section class="excerpt">
28165            <header>
28166              <p class="date"><time datetime="2012-08-11T14:49:29+09:00">11日</time></p>
28167
28168              <h3>&amp;</h3>
28169            </header>
28170
28171            <p>U+0026のコンピューターのデスクトップ背景に設定する画像。</p>
28172          </section>
28173        </a>
28174
28175
28176        <a href="/blog/misc/paper-wasp">
28177          <section class="excerpt">
28178            <header>
28179              <p class="date"><time datetime="2012-08-10T16:19:43+09:00">10日</time></p>
28180
28181              <h3>アシナガバチ</h3>
28182            </header>
28183
28184            <p>季節もの。一昨年はアシナガバチで今年はスズメバチか……と思ったけど、今年もアシナガバチだった。直径20cm強くらいの巣が軒下の窓の上にできてた。時期としてはかなり早い方な気もするので、去年からあったんじゃないかとかちょっと思ったけど、既に神奈川や東京西部あたりでは最盛期なんじゃないかくらい多いと駆除の人が言ってた。</p>
28185          </section>
28186        </a>
28187
28188
28189        <a href="/blog/webdesign/drawic">
28190          <section class="excerpt">
28191            <header>
28192              <p class="date"><time datetime="2012-08-09T08:16:59+09:00">9日</time></p>
28193
28194              <h3>Drawic</h3>
28195            </header>
28196
28197            <p>フッターのアイコンをSVGにした。GitHubにリポジトリも作っておいた。ぴくせる・ぱーふぇくとってなんでしたっけ……。</p>
28198          </section>
28199        </a>
28200
28201
28202        <a href="/blog/misc/four-nines-np-21">
28203          <section class="excerpt">
28204            <header>
28205              <p class="date"><time datetime="2012-08-08T07:57:33+09:00">8日</time></p>
28206
28207              <h3>999.9 NP-21</h3>
28208            </header>
28209
28210            <p>めがねめがね。パソコン用のをJINSとかで作ろうかなーとか半年くらい悩んでたけど、結局普通のレンズのメガネにした。フレームは999.9のNP-21で、色はクリスタルダークスモーク。初999.9!JAPONISMと迷ったけどJAPONISMカッコよすぎて似合わなかった。</p>
28211          </section>
28212        </a>
28213
28214
28215        <a href="/blog/misc/badminton">
28216          <section class="excerpt">
28217            <header>
28218              <p class="date"><time datetime="2012-08-07T08:50:55+09:00">7日</time></p>
28219
28220              <h3>バドミントン</h3>
28221            </header>
28222
28223            <p>バドミントンをやった。10何年ぶりにやったような気がする。難しい。打つのはまだしも身長の低い相手へ打ちやすいように返すのが至難な気がする。というか何をどう考えたらああいうコントロールしづらいシャトルみたいなの思いついて、それで遊ぼうなんて考えたんだろう。狭い場所で遊ぶための工夫なのかな。</p>
28224          </section>
28225        </a>
28226
28227
28228        <a href="/blog/coding/nodejs-minifyjs">
28229          <section class="excerpt">
28230            <header>
28231              <p class="date"><time datetime="2012-08-06T08:09:21+09:00">6日</time></p>
28232
28233              <h3>Node.jsで書いたJS圧縮ツール</h3>
28234            </header>
28235
28236            <p>というかClosure Compiler ServiceのREST APIを叩くスクリプト。Validator.nuと違ってapplication/x-www-form-urlencodedに対応してるのでQuery Stringモジュールで良く、コア・モジュールだけでいける。けどローカル・ファイルへの対応を加える時にコールバック地獄に堕ちそうなので、asyncモジュールでガッとまとめてやるようにした。</p>
28237          </section>
28238        </a>
28239
28240
28241        <a href="/blog/software/vim-css-syntax">
28242          <section class="excerpt">
28243            <header>
28244              <p class="date"><time datetime="2012-08-05T09:40:57+09:00">5日</time></p>
28245
28246              <h3>vim-css-syntax</h3>
28247            </header>
28248
28249            <p>Vimのデフォルトのランタイム群に含まれるCSSシンタックス・ファイルはけっこうバグがある。大抵はafterディレクトリで適当に追加してやったりすれば直せるんだけど、それにも限界がある感じ。ã
28249¨ã„うことで公式へフィードバックすることも視野に入れて、GitHubにリポジトリを作った。</p>
28250          </section>
28251        </a>
28252
28253
28254        <a href="/blog/misc/experiences">
28255          <section class="excerpt">
28256            <header>
28257              <p class="date"><time datetime="2012-08-04T08:29:18+09:00">4日</time></p>
28258
28259              <h3>Experiences</h3>
28260            </header>
28261
28262            <p>製品はデザインできる。経験はそこから生まれるもの。</p>
28263          </section>
28264        </a>
28265
28266
28267        <a href="/blog/software/vim-css3-syntax-8">
28268          <section class="excerpt">
28269            <header>
28270              <p class="date"><time datetime="2012-08-03T08:43:53+09:00">3日</time></p>
28271
28272              <h3>vim-css3-syntax v0.6</h3>
28273            </header>
28274
28275            <p>バグやスペルミス、重複してるプロパティーや値を削除したりしてvim-css3-syntaxをv0.6に更新した。マイナーなアップデートだけど、あわせてそこそこまともなテストの追加も行ったのでバージョン番号を上げた。CSS 2.1の方のテストもちゃんと書こうかなあ……。</p>
28276          </section>
28277        </a>
28278
28279
28280        <a href="/blog/coding/nodejs-read-stdin">
28281          <section class="excerpt">
28282            <header>
28283              <p class="date"><time datetime="2012-08-02T03:39:50+09:00">2日</time></p>
28284
28285              <h3>Node.jsで標準入力を一気に読む</h3>
28286            </header>
28287
28288            <p>/dev/stdinとかそういうカッコイイの無いのでそういうのに依存しない方法を調べていた。今はprocess.stdin.fdのsizeを調べてそのサイズでBufferオブジェクトを作り、fs.readSync()で読み込むのが良いみたいだ。本当なのかな?</p>
28289          </section>
28290        </a>
28291
28292
28293        <a href="/blog/webdesign/svg-image-used-with-img-element-and-css-transform">
28294          <section class="excerpt">
28295            <header>
28296              <p class="date"><time datetime="2012-08-01T04:08:23+09:00">1日</time></p>
28297
28298              <h3>img要素でのSVG画像とCSS Transform</h3>
28299            </header>
28300
28301            <p>SVGは常にスケーラブルなのかというとそうではないこともある。ブラウザーがラスタライズするタイミング次第。例えばimg要素でSVG画像を参照してCSS Transformでいじった場合、Google Chrome 20やOpera 12ではラスタライズされた状態でいじられるようで、結果ぼやけることが多かった。</p>
28302          </section>
28303        </a>
28304
28305          </section>
28306          <section>
28307            <h2><time datetime="2012-07">2012年7月</time></h2>
28308
28309        <a href="/blog/coding/nodejs-validator-nu">
28310          <section class="excerpt">
28311            <header>
28312              <p class="date"><time datetime="2012-07-31T02:19:51+09:00">31日</time></p>
28313
28314              <h3>Node.jsでValidator.Nuを叩く</h3>
28315            </header>
28316
28317            <p>Node.jsでValidator.nuを使ってHTMLファイルをチェックするスクリプトを書いていた。form-dataモジュールを見つけるのに1時間、スクリプト書くのに15分。</p>
28318          </section>
28319        </a>
28320
28321
28322        <a href="/blog/coding/nodejs-https-get">
28323          <section class="excerpt">
28324            <header>
28325              <p class="date"><time datetime="2012-07-29T02:36:26+09:00">29日</time></p>
28326
28327              <h3>Node.jsのhttps.get()</h3>
28328            </header>
28329
28330            <p>HTTPモジュールのhttp.get()と違いHTTPSモジュールのhttps.get()は第一引数にURLが取れない。HTTPモジュールと同じようにURLを指定するとECONNREFUSEDになる。ソース読んだら文字列かどうかチェックしてURLモジュールでパースする処理がHTTPSモジュールにはなかった。1時間くらいハマりました!</p>
28331          </section>
28332        </a>
28333
28334
28335        <a href="/blog/webdesign/turn-off-oldstyle-numbers">
28336          <section class="excerpt">
28337            <header>
28338              <p class="date"><time datetime="2012-07-28T00:06:00+09:00">28日</time></p>
28339
28340              <h3>オールドスタイルな数字を普通のものに</h3>
28341            </header>
28342
28343            <p>オールドスタイルな数字っていうのはGeorgiaとかで見るオシャレなあの数字のこと。Corbelというx-heightが高めでオープン・カウンターという読みやすさ重視のなかなか優秀なサãƒ
28343³ã‚»ãƒªãƒ•体もオールドスタイル。ただ和文とは相性が良くないので、どうにかして数字だけ普通のものに差し替えてみようという試み。</p>
28344          </section>
28345        </a>
28346
28347
28348        <a href="/blog/webdesign/q4tjt">
28349          <section class="excerpt">
28350            <header>
28351              <p class="date"><time datetime="2012-07-27T04:45:04+09:00">27日</time></p>
28352
28353              <h3>Quote for the Japanese Typography</h3>
28354            </header>
28355
28356            <p>ひまつぶし。Google Web Fontsでファミリーが揃っているフォントのプレビューも兼ねようとしたんだけどそれは無謀だった。日本語のタイポグラフィーの話でかつ適度にアルファベットが混ざってる文章を探すの面倒すぎる。なのであんま更新(追加)する気なくなった……。</p>
28357          </section>
28358        </a>
28359
28360
28361        <a href="/blog/coding/css-lint-cli">
28362          <section class="excerpt">
28363            <header>
28364              <p class="date"><time datetime="2012-07-26T01:11:35+09:00">26日</time></p>
28365
28366              <h3>CSS LintのCLI</h3>
28367            </header>
28368
28369            <p>npmのCSS Lintを使うようにしようかなと思って入れたけどCLIがなんかうまく動かない。動くようにちゃんと直すにも色々よくわからないので、CSSファイルを受け取ってチェックするだけのオレオレCLIを書いて使うことにした。</p>
28370          </section>
28371        </a>
28372
28373
28374        <a href="/blog/webdesign/single-font">
28375          <section class="excerpt">
28376            <header>
28377              <p class="date"><time datetime="2012-07-25T18:37:32+09:00">25日</time></p>
28378
28379              <h3>単一フォント</h3>
28380            </header>
28381
28382            <p>ここのところ本文とフッターなどのウィジェット、ナビゲーションのフォントにそれぞれ違うものを指定してたけど、統一した。Webフォントをいろいろ試していたのの名残りだったりとか、ヘッドラインだけちょっと違うフォントを使ってる海外のWebサイトに影響を受けたとかそういうのでガチャガチャさせてたけどさすがに飽きてきた。</p>
28383          </section>
28384        </a>
28385
28386
28387        <a href="/blog/blog/flat-entries-list">
28388          <section class="excerpt">
28389            <header>
28390              <p class="date"><time datetime="2012-07-24T14:36:35+09:00">24日</time></p>
28391
28392              <h3>フラット、エントリー、リスト</h3>
28393            </header>
28394
28395            <p>Weblogのトップをエントリーのフラットな一覧に変えた。タイトルをずらっと並べるだけのアーカイブ・ページは一度やってみたかった。250KB以上あるHTMLファイル……。</p>
28396          </section>
28397        </a>
28398
28399
28400        <a href="/blog/webdesign/why-i-want-to-extend-inside-media-queries">
28401          <section class="excerpt">
28402            <header>
28403              <p class="date"><time datetime="2012-07-24T02:26:39+09:00">24日</time></p>
28404
28405              <h3>Media Queries内で@extend使いたくなった</h3>
28406            </header>
28407
28408            <p>Sass 3.2では様々な機能強化が図られているけど、その一方で削除された機能もある。そのひとつが既に安定版である3.1でも警告が出るようになった@extendディレクテイブがMedia Queries内等で使えていた機能。ざっと削除に至った経緯を辿ってみたけど、実装と出力上の都合っぽい。まぁそういうもんか……とこの仕様変更を受け入れて書き直したりしてたけど、最近になってやっぱり必要なんじゃないかなーと思うようになった。</p>
28409          </section>
28410        </a>
28411
28412
28413        <a href="/blog/misc/frustration-free">
28414          <section class="excerpt">
28415            <header>
28416              <p class="date"><time datetime="2012-07-23T00:14:01+09:00">23日</time></p>
28417
28418              <h3>Frustration-Free</h3>
28419            </header>
28420
28421            <p>
28421ちょっと作った画像が可愛かったので壁紙サイズ(2880x1800)にした。背景色は#bb8855で前景色は#443322。</p>
28422          </section>
28423        </a>
28424
28425
28426        <a href="/blog/misc/things-i-made">
28427          <section class="excerpt">
28428            <header>
28429              <p class="date"><time datetime="2012-07-21T23:18:56+09:00">21日</time></p>
28430
28431              <h3>Things I Made.</h3>
28432            </header>
28433
28434            <p>残すだけでなくちゃんとまとめる。</p>
28435          </section>
28436        </a>
28437
28438
28439        <a href="/blog/webdesign/sass-and-relative-url-management">
28440          <section class="excerpt">
28441            <header>
28442              <p class="date"><time datetime="2012-07-21T13:03:18+09:00">21日</time></p>
28443
28444              <h3>Sassと相対URLの管理</h3>
28445            </header>
28446
28447            <p>Sassの@importディレクティブは単にファイルを連結するだけで、インポートしたライブラリで使われている相対URLもそのまま出力される。そのためそのライブラリと生成されるCSSファイルの階層が噛みあっていないと、相対URLで参照した画像やWebフォントなどが見つけられないことがある。なのでスラッシュで始まらない相対URLを使わないか、相対URLを一括して変数に代入して管理するだけのライブラリを生成されるCSSと同じ階層に置くのが無難そう。</p>
28448          </section>
28449        </a>
28450
28451
28452        <a href="/blog/misc/pajamas">
28453          <section class="excerpt">
28454            <header>
28455              <p class="date"><time datetime="2012-07-20T10:35:32+09:00">20日</time></p>
28456
28457              <h3>ねまき</h3>
28458            </header>
28459
28460            <p>半袖や短パンのねまきがこの世に存在することが信じられない。誰が買うんだろう的な。長袖・長ズボンじゃないと肩が凝るというか起きた時に筋肉がこわばる。眠りも浅くなりやすい。という医学的根拠に基づかない偏見を持っている。</p>
28461          </section>
28462        </a>
28463
28464
28465        <a href="/blog/webdesign/svg-favicon-on-ie10">
28466          <section class="excerpt">
28467            <header>
28468              <p class="date"><time datetime="2012-07-19T08:28:52+09:00">19日</time></p>
28469
28470              <h3>IE10でのSVGのファビコン</h3>
28471            </header>
28472
28473            <p>SVGのファビコンで試した奴のWindows 8 Release Preview上のInternet Explorer 10での実験。Metro版とデスクトップ版共にSVGのファビコン自体は表示できるけど、単純にlink要素で指定してもダメで、ドメイン・ルートにfavicon.icoというファイル名でSVGファイルを置く必要がある。</p>
28474          </section>
28475        </a>
28476
28477
28478        <a href="/blog/webdesign/version-six-point-thirty-three">
28479          <section class="excerpt">
28480            <header>
28481              <p class="date"><time datetime="2012-07-18T09:24:49+09:00">18日</time></p>
28482
28483              <h3>v6.33</h3>
28484            </header>
28485
28486            <p>青をリンク以外、例えばボタンとかでも使わないようにして「青はクリックするところ」的な統一を行ったのが主な変更。他、余白とフォントサイズの調整でメリハリを付けるような感じに軌道を修正し終えたかなーという感じになったのでエントリーにした。</p>
28487          </section>
28488        </a>
28489
28490
28491        <a href="/blog/software/git-push-delete">
28492          <section class="excerpt">
28493            <header>
28494              <p class="date"><time datetime="2012-07-17T07:54:00+09:00">17日</time></p>
28495
28496              <h3>git push --delete</h3>
28497            </header>
28498
28499            <p>git-pushにリモート・リポジトリからブランチの削除を行うためのオプション、--deleteがあることを知った。1.7.0で入ってたらしい。コロンつける奴は直ぐに忘れてしまうので、このオプションで覚える。SYNOPSISに載ってない……。</p>
28500          </section>
28501        </a>
28502
28503
28504        <a href="/blog/misc/popularize-20120715">
28505          <section class="excerpt">
28506            <header>
28507              <p class="date"><time datetime="2012-07-15T06:24:03+09:00">15日</time></p>
28508
28509              <h3>流行って欲しいくない</h3>
28510            </header>
28511
28512            <p>流行るイコール消費され尽くすみたいなことが多いので、流行らないけど狭い世界では評価が高いみたいなのが良いのかなーと思う。ただ、ユーザーの場合はそれで満足できそうだけど、アーティストや開発者の場合はそれでは満足できるほどにはやっていけない。そこに金を簡単にやり取りする仕組みがあれば良い的なのがだいたいこういった話の落とし所なんだけど、狭い世界での金のやり取りって人間関係が崩壊しそうなイメージしかない。本来、こういうところに活躍の場があるのが広告なんだと思う。</p>
28513          </section>
28514        </a>
28515
28516
28517        <a href="/blog/webdesign/media-only-all">
28518          <section class="excerpt">
28519            <header>
28520              <p class="date"><time datetime="2012-07-14T07:00:08+09:00">14日</time></p>
28521
28522              <h3>media=&quot;only all&quot;</h3>
28523            </header>
28524
28525            <p>SVGやMedia Queriesのサポートのこととか考えて嫌になってきたã
28525®ã§ã€&lt;link media=&quot;only all&quot;&gt;でばっさりすることにした。media=&quot;not print&quot;にした時に思いつかなかった……。456 Berea Streetでも@mediaディレクティブの方でonly screenを利用することで簡単な分岐を実現するというほぼ同じアイディアがつい最近取り上げられており、こちらもかなり便利。</p>
28526          </section>
28527        </a>
28528
28529
28530        <a href="/blog/webdesign/combine-multiple-images-with-svg-2">
28531          <section class="excerpt">
28532            <header>
28533              <p class="date"><time datetime="2012-07-13T06:36:29+09:00">13日</time></p>
28534
28535              <h3>SVGで複数の画像をまとめる #2</h3>
28536            </header>
28537
28538            <p>前に試したのはRetinaを強く意識したものだけど、今度はCSSスプライトの代替を意識したもの。CSSスプライトの欠点のひとつに繰り返し背景を含めることが出来ないというのがあって、それをどうにか出来ないかなーと思ってSVGを使ってみたけど出来なかったという話。</p>
28539          </section>
28540        </a>
28541
28542
28543        <a href="/blog/webdesign/why-icon-web-fonts-are-better-than-svg">
28544          <section class="excerpt">
28545            <header>
28546              <p class="date"><time datetime="2012-07-12T15:30:15+09:00">12日</time></p>
28547
28548              <h3>SVGよりアイコン・フォント! な理由</h3>
28549            </header>
28550
28551            <p>両者は共にスケーラブルなもの(にできるもの)なのでその点では互角だけど、様々なプロパティーを持ち多彩な表現が可能なSVGの方がフォーマット的には優位にあると言って良い。が、なかなか利用が広まらないSVGに対して、アイコン・フォントの利用は急速に拡大している。単に流行りとみなす向きもあるけど、やっぱりそれなりに理由があるのではないかと思う。</p>
28552          </section>
28553        </a>
28554
28555
28556        <a href="/blog/webdesign/tidy-up-scss-files">
28557          <section class="excerpt">
28558            <header>
28559              <p class="date"><time datetime="2012-07-11T22:13:21+09:00">11日</time></p>
28560
28561              <h3>SCSSファイルの整理</h3>
28562            </header>
28563
28564            <p>SCSSファイルの整理をしてた。Sass 3.2を使い始めて以降、%セレクターをとりあえず使ってみる感じが多かったけど、ようやくどういうものに使うべきでどういうものに使うべきではないのかがわかってきたような気がする。というわけで現在のこのWebサイトのスタイルの構成のメモ。</p>
28565          </section>
28566        </a>
28567
28568
28569        <a href="/blog/software/vim-css3-sytax-7">
28570          <section class="excerpt">
28571            <header>
28572              <p class="date"><time datetime="2012-07-11T02:55:47+09:00">11日</time></p>
28573
28574              <h3>vim-css3-syntax v0.5</h3>
28575            </header>
28576
28577            <p>CSS RegionsとCSS Exclusions and Shapesに対応してvim-css3-syntaxのv0.5をリリースした。両方共まだ使ったことないけど、実装始まってるので。</p>
28578          </section>
28579        </a>
28580
28581
28582        <a href="/blog/webdesign/re-max-css">
28583          <section class="excerpt">
28584            <header>
28585              <p class="date"><time datetime="2012-07-10T00:40:55+09:00">10日</time></p>
28586
28587              <h3>Re: Max CSS</h3>
28588            </header>
28589
28590            <p>Max CSSというオープンレターを読んだ。Twitterでもリプライしたけど、簡潔にまとめて返信という体裁でスタイル・リポジトリという文書を書いた。英語で書こうかなとかちょっと思ったけど、結局日本語で……。</p>
28591          </section>
28592        </a>
28593
28594
28595        <a href="/blog/webdesign/data-uri-images-and-its-reusability">
28596          <section class="excerpt">
28597            <header>
28598              <p class="date"><time datetime="2012-07-09T13:51:41+09:00">9日</time></p>
28599
28600              <h3>Data URI化した画像とその再利用性</h3>
28601            </header>
28602
28603            <p>Data URI化した画像はHTTPリクエストの削減に大いに役に立つので積極的に使って良いと思う。けど、CSSにおいて変数が使えないことなどの理由からその再利用性は低いため、注意して書かないと同じData URI化した画像がいくつもCSSに出てくるなどという無駄につながりかねない。極端な例では3KBくらいのData URI化した同じ画像が8から10以上出てくるCSSファイルとか見たことが何回もある。</p>
28604          </section>
28605        </a>
28606
28607
28608        <a href="/blog/software/photoshop-cs5-and-indexed-tranceparency-color-png">
28609          <section class="excerpt">
28610            <header>
28611              <p class="date"><time datetime="2012-07-08T00:50:56+09:00">8日</time></p>
28612
28613              <h3>Photoshop CS5と透明度付きインデックスカラーPNG</h3>
28614            </header>
28615
28616            <p>Adobe Photoshop CS5ではアルファチャンネルを持つPNGもインデックスカラーのPNGも正常に表示できるが、両者が組み合わさって透明度付きのインデックスカラーになったものはうまく表示できない。ということを最近知った。CS6で直ったという噂を聞いたけど持ってないので知らない。</p>
28617          </section>
28618        </a>
28619
28620
28621        <a href="/blog/misc/removing-archives">
28622          <section class="excerpt">
28623            <header>
28624              <p class="date"><time datetime="2012-07-07T00:57:04+09:00">7日</time></p>
28625
28626              <h3>/archives/の削除</h3>
28627            </header>
28628
28629            <p>こう言うと「過去ログ消したの……」みたいな感じだけど、そうではなくて過去ログへのアクセスのために使っていた/archives/を/blog/に移動させたというだけ。逆に言うとブログのトップページが一覧ページじゃなくなって、月ごとやカテゴリーごとのアーカイブ・ページへのリンクのリストになったという感じ。CoolなURIもたまには変わる。</p>
28630          </section>
28631        </a>
28632
28633
28634        <a href="/blog/software/git-cmd-was-removed">
28635          <section class="excerpt">
28636            <header>
28637              <p class="date"><time datetime="2012-07-05T20:09:05+09:00">5日</time></p>
28638
28639              <h3>git.cmdが削除された</h3>
28640            </header>
28641
28642            <p>
28642Git for Windowsの1.7.11-preview20120704でgit.cmdが削除され、単純なラッパーとして機能するgit.exeに差し替えられた。バッチファイルで自動コミットとかスクリーンショットをGistに上げるスクリプトとかでgit.cmdにしていたためモロに影響を受けた……。</p>
28643          </section>
28644        </a>
28645
28646
28647        <a href="/blog/webdesign/update-textures">
28648          <section class="excerpt">
28649            <header>
28650              <p class="date"><time datetime="2012-07-05T04:48:08+09:00">5日</time></p>
28651
28652              <h3>テ・クス・チャ</h3>
28653            </header>
28654
28655            <p>ロゴと本文とフッターに貼っているテクスチャを更新した。全部シームレスで透過にしたので結構大変だった。でも別にどんな色にでも使えるとかそういう完成度の高いものではないので自己満足の域を出ていない。</p>
28656          </section>
28657        </a>
28658
28659
28660        <a href="/blog/webdesign/subsetted-font-usage">
28661          <section class="excerpt">
28662            <header>
28663              <p class="date"><time datetime="2012-07-04T14:03:03+09:00">4日</time></p>
28664
28665              <h3>サブセット化したフォントの取り扱い</h3>
28666            </header>
28667
28668            <p>OSにインストールされているフォントやWebフォントとしての利用がライセンスに言及されていないフォントから、例えばたった1つのグリフのみを抜き出してサブセット化したものはWebフォントとして利用して良いのか? フォントの改変と再配布にはなりうると思うのでだいたいライセンスや使用許諾条項に違反することになるとは思う。でも明らかに「フォント」としての一般的な機能に欠けたものにサブセット化した場合は使わせて欲しいよね。というわがまま。</p>
28669          </section>
28670        </a>
28671
28672
28673        <a href="/blog/webdesign/brackets-theme-for-google-code-prettify">
28674          <section class="excerpt">
28675            <header>
28676              <p class="date"><time datetime="2012-07-03T00:03:14+09:00">3日</time></p>
28677
28678              <h3>Brackets theme for Google Code Prettify</h3>
28679            </header>
28680
28681            <p>Bracketsのカラースキームがそこそこ見やすそうな感じだったのでGoogle Code Prettifyのテーマとしてパクッた。ここでも少しアレンジしてもう使っている。コントラスト弱め。</p>
28682          </section>
28683        </a>
28684
28685
28686        <a href="/blog/software/metro-ie10-scrollbar">
28687          <section class="excerpt">
28688            <header>
28689              <p class="date"><time datetime="2012-07-02T10:23:18+09:00">2日</time></p>
28690
28691              <h3>Metro IE10のスクロールバー</h3>
28692            </header>
28693
28694            <p>Internet Explorer 10のMetro版はデフォルトではスクロールバーが表示されないが、ポインターを動かすと上下に矢印のあるいわゆる「スクロールバー」が表示される。このスクロールバーはコンテンツにかぶさる形なのでviewportには影響を与えない。また表示されていない状態でポインターを動かさずにスクロールした場合は、OS Xっぽいスライダーのみの細いスクロールバーが表示される。こちらもviewportに影響は与えない。</p>
28695          </section>
28696        </a>
28697
28698
28699        <a href="/blog/misc/dreaming-20120701">
28700          <section class="excerpt">
28701            <header>
28702              <p class="date"><time datetime="2012-07-01T09:04:09+09:00">1日</time></p>
28703
28704              <h3>夢を見るようになった</h3>
28705            </header>
28706
28707            <p>夢を見るようになったというか、見た夢を覚えているようになった。これも老化か。</p>
28708          </section>
28709        </a>
28710
28711          </section>
28712          <section>
28713            <h2><time datetime="2012-06">2012年6月</time></h2>
28714
28715        <a href="/blog/webdesign/iine-v5.1">
28716          <section class="excerpt">
28717            <header>
28718              <p class="date"><time datetime="2012-06-30T10:00:53+09:00">30日</time></p>
28719
28720              <h3>iine! v5.1</h3>
28721            </header>
28722
28723            <p>iine!のデザインをマイナー・アップデート。faviconに32x32を追加するだけの予定が……。</p>
28724          </section>
28725        </a>
28726
28727
28728        <a href="/blog/misc/the-evolution-of-the-web">
28729          <section class="excerpt">
28730            <header>
28731              <p class="date"><time datetime="2012-06-29T08:15:57+09:00">29日</time></p>
28732
28733              <h3>The Evolution of the Web</h3>
28734            </header>
28735
28736            <p>Webの進化を支えているWebテクノロジーとブラウザー。意外に古い○○、新しいけど一気に広まった□□。えっ? OperaってInternet Explorerより歴史あるの?</p>
28737          </section>
28738        </a>
28739
28740
28741        <a href="/blog/webdesign/stacking-contexts-on-fixed-element">
28742          <section class="excerpt">
28743            <header>
28744              <p class="date"><time datetime="2012-06-28T07:13:04+09:00">28日</time></p>
28745
28746              <h3>位置を固定した要素のすたっきんぐ・こんてきすと?</h3>
28747            </header>
28748
28749            <p>Chrome 22で隠し設定にposition: fixedされた要素配下でのz-indexプロパティーの扱われ方を仕様に準拠する形へ変えるものが用意された……とか言われてもStacking Contextsの仕様を読んでもまったくわからなかったã
28749®ã§ç°¡å˜ãªãƒ†ã‚¹ãƒˆã‚’書いて理解した。</p>
28750          </section>
28751        </a>
28752
28753
28754        <a href="/blog/webdesign/hanging-first-letter">
28755          <section class="excerpt">
28756            <header>
28757              <p class="date"><time datetime="2012-06-27T15:09:43+09:00">27日</time></p>
28758
28759              <h3>::first-letterをぶら上げる</h3>
28760            </header>
28761
28762            <p>ぶら上げるってなんだ。段落の一文字目だけを左に飛び出して配置するというテキスト・レイアウトの話。margin-leftプロパティーで負の値を使っても良いのだけど、文字によって要調整なので面倒くさい。position: absoluteを使う場合は、親でposition: relativeが必須になるのでこれもちょっとアレ。他にもいくつかあったと思うけど、floatとmargin-right: 100%を組み合わせて行うのが一番位置合わせが簡単になる。</p>
28763          </section>
28764        </a>
28765
28766
28767        <a href="/blog/webdesign/scroll-to-stick-header">
28768          <section class="excerpt">
28769            <header>
28770              <p class="date"><time datetime="2012-06-27T04:38:06+09:00">27日</time></p>
28771
28772              <h3>スクロールすると固定に切り替わるヘッダー</h3>
28773            </header>
28774
28775            <p>最初は普通に表示されているけど、スクロールしてヘッダーが画面の外になると上端固定に切り替わる奴の話。今年になって異様に増殖してる。別に嫌いではないし、なんとか的にアレ……みたいなところもない(と思う)んだけど、実装するとなると結構色々気になるところがある。というかうまく作れる気がしない。</p>
28776          </section>
28777        </a>
28778
28779
28780        <a href="/blog/webdesign/combine-multiple-images-with-svg">
28781          <section class="excerpt">
28782            <header>
28783              <p class="date"><time datetime="2012-06-25T03:11:56+09:00">25日</time></p>
28784
28785              <h3>SVGで複数の画像をまとめる</h3>
28786            </header>
28787
28788            <p>アイコン(image/vnd.microsoft.icon)のような複数解像度をまとめる仕組みを考えている。SVGを使ってアイコンとほぼ同等なんじゃないかみたいなことは比較的簡単に出来たけど、全部の画像をリクエストしてしまうので使いものにはならなそう。というメモ。メモ多い。</p>
28789          </section>
28790        </a>
28791
28792
28793        <a href="/blog/software/git-credential-winstore">
28794          <section class="excerpt">
28795            <header>
28796              <p class="date"><time datetime="2012-06-24T01:13:20+09:00">24日</time></p>
28797
28798              <h3>git-credential-winstore</h3>
28799            </header>
28800
28801            <p>Gitでhttpsでリポジトリをクローンすると、pushの時に毎回ユーザー名とパスワードなりを入力させられる。その回避方法としてOS XなんかだとKeychainを利用する方法があることは知っていたのだけど、Windowsだと_netrcに羅列するくらいしかないものと思っていたらgit-credential-winstoreなるヘルパー・アプリケーションがあることをGitHubのセットアップガイドで知った。</p>
28802          </section>
28803        </a>
28804
28805
28806        <a href="/blog/internet/one-week-with-cloudflare">
28807          <section class="excerpt">
28808            <header>
28809              <p class="date"><time datetime="2012-06-23T02:25:57+09:00">23日</time></p>
28810
28811              <h3>Cloudflareとの一週間</h3>
28812            </header>
28813
28814            <p>Cloudflare経由にして一週間。予想していた通り静的なファイルをコロコロ更新するようなケースではちょっと面倒な感じがある。感想やわかったところ、気になったところなどのメモ。</p>
28815          </section>
28816        </a>
28817
28818
28819        <a href="/blog/webdesign/sass-adjust-font-size-mixin">
28820          <section class="excerpt">
28821            <header>
28822              <p class="date"><time datetime="2012-06-22T01:31:04+09:00">22日</time></p>
28823
28824              <h3>Sass: adjust-font-sizeミックスイン</h3>
28825            </header>
28826
28827            <p>ビューポートの幅に合わせてフォントサイズを変更するCSSを、コッぺッするのをやめSassのミックスインにした。あんまり見ない感じのミックスインになったã
28827®ã§ãƒ¡ãƒ¢ãŒã¦ã‚‰ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã«ã€‚こうなるともうCSSじゃないどころかSCSSとしてもとても読みづらいものになってきていて、ダメなミックスインの例な気がしないでもない。</p>
28828          </section>
28829        </a>
28830
28831
28832        <a href="/blog/software/vim-auto-close-quickfix-window">
28833          <section class="excerpt">
28834            <header>
28835              <p class="date"><time datetime="2012-06-21T00:55:09+09:00">21日</time></p>
28836
28837              <h3>Vim: Quickfixを自動で閉じる</h3>
28838            </header>
28839
28840            <p>Vimでバッファーを閉じた時にたまにQuickfixウィンドウだけを残してしまうことがあるので、Quickfixウィンドウしかなかったら自動で閉じるようなAutocommandを書いた。ちゃんとQuickfixを解決してからバッファーを閉じないのが悪いような気もする。</p>
28841          </section>
28842        </a>
28843
28844
28845        <a href="/blog/webdesign/responsive-what">
28846          <section class="excerpt">
28847            <header>
28848              <p class="date"><time datetime="2012-06-20T00:28:19+09:00">20日</time></p>
28849
28850              <h3>何にレスポンシブ?</h3>
28851            </header>
28852
28853            <p>レスポンシブ・ウェブ・デザインは当初は多様化するデバイスを見据えて……みたいな話だったような気がするけど、徐々にコンテンツに対してレスポンシブであるべきというような原理主義的な方向に揺り戻しが起きていると思う。それは間違っているとは思わないけど、コンテンツを重視するあまりデバイスというかその向こうにいる人を疎かにしかねないような気がする。</p>
28854          </section>
28855        </a>
28856
28857
28858        <a href="/blog/misc/slow-web">
28859          <section class="excerpt">
28860            <header>
28861              <p class="date"><time datetime="2012-06-19T00:29:59+09:00">19日</time></p>
28862
28863              <h3>Slow Web</h3>
28864            </header>
28865
28866            <p>スローウェブ。スローフードやスローシネマを引き合いに説明しようとすると誤解を招きそう。Web 2.0以降のリアルタイム・ウェブの破綻をうけてじゃぁどうするかみたいな感じなのかな? スローウェブを支える小規模なウェブサービスを支える仕組みとかが必要そう(この辺りはスローフードと通じるところがありそう)。</p>
28867          </section>
28868        </a>
28869
28870
28871        <a href="/blog/webdesign/heisei-web-fonts">
28872          <section class="excerpt">
28873            <header>
28874              <p class="date"><time datetime="2012-06-18T10:15:34+09:00">18日</time></p>
28875
28876              <h3>平成((角|丸)ゴシック|明朝)のWebフォント</h3>
28877            </header>
28878
28879            <p>Monotyope ImagingのやっているFonts.comのWebフォントサービスでは平成角ゴシック、平成丸ゴシック、平成明朝の三種がFreeプラン(ページビュー数の制限とバナー表示の義務あり)で使えるようだ。現在のデザインのWebサイトでは見つからないので、旧デザインのWebサイトの方で探す必要がある。</p>
28880          </section>
28881        </a>
28882
28883
28884        <a href="/blog/webdesign/tracking-google-web-fonts-update">
28885          <section class="excerpt">
28886            <header>
28887              <p class="date"><time datetime="2012-06-17T10:13:31+09:00">17日</time></p>
28888
28889              <h3>Google Web Fontsへのフォントの追加/更新</h3>
28890            </header>
28891
28892            <p>Google Web Fontsにはちょくちょくフォントが追加されたり更新されたりするけど公式のブログではアナウンスされないし、アナウンスしていた公式のTwitterアカウントも2012/04/08を最後に更新されていない。どうにかして効率的にフォントの追加や更新を知る方法はないかなーと探したらGoogle Codeにプロジェクトがあったã
28892®ã§ã€ãã®ãƒªãƒã‚¸ãƒˆãƒªã¸ã®ã‚³ãƒŸãƒƒãƒˆã‚’チェックすれば良さそう(フィードもある)。</p>
28893          </section>
28894        </a>
28895
28896
28897        <a href="/blog/misc/hello-cloudflare">
28898          <section class="excerpt">
28899            <header>
28900              <p class="date"><time datetime="2012-06-16T10:50:57+09:00">16日</time></p>
28901
28902              <h3>Cloudflare経由に</h3>
28903            </header>
28904
28905            <p>「メール転送無いからなー」とか知ったかしてたのでCloudflareの使用を見送っていたけど、よくよく考えたら僕はXREAのメール転送機能を使っているだけなので関係無かった。のでCloudflare経由にしたというお知らせ。何かおかしなところを見つけたらFacebookやTwitterあたりで連絡ください。</p>
28906          </section>
28907        </a>
28908
28909
28910        <a href="/blog/software/focuswriter">
28911          <section class="excerpt">
28912            <header>
28913              <p class="date"><time datetime="2012-06-15T05:56:25+09:00">15日</time></p>
28914
28915              <h3>FocusWriter</h3>
28916            </header>
28917
28918            <p>フルスクリーンで使えるテキスト・エディター、FocusWriterをちょっと使ってみている。IMEの候補メニューの位置がおかしい以外は特に不具合もない気がする。WindowsでLFで保存することができない以外はすごく良い。テキスト・モードだとほとんど何も機能がないのが素晴らしい。</p>
28919          </section>
28920        </a>
28921
28922
28923        <a href="/blog/software/vim-additional-highlights">
28924          <section class="excerpt">
28925            <header>
28926              <p class="date"><time datetime="2012-06-14T06:07:03+09:00">14日</time></p>
28927
28928              <h3>Vimで全角や行末スペースをハイライト</h3>
28929            </header>
28930
28931            <p>今まで:matchで全角スペースのハイライトだけはやってたんだけど、行末のスペースを残したまんまなミスが最近多いのでそれもハイライトしようとした。ヘルプを見たら:2matchとかできるけど:3matchまでしかないからmatchadd()使ってねと書いてあった。matchadd()でやりたいことは実現できたんだけど、かなりちゃんとスクリプト書かないとマッチのリストが肥大化しちゃう感じでアレな気がしので、syntaxをふわっと追加する感じで実現することにした。</p>
28932          </section>
28933        </a>
28934
28935
28936        <a href="/blog/software/nu-with-vim">
28937          <section class="excerpt">
28938            <header>
28939              <p class="date"><time datetime="2012-06-13T06:11:45+09:00">13日</time></p>
28940
28941              <h3>VimでNu Validatorを使う</h3>
28942            </header>
28943
28944            <p>HTMLLintはどうも更新する気なさそうなので、W3C Markup Validation Serviceを使うように戻すかと思いつつもインターフェイスがアレだなーと。で、Validator.nuの方を眺めてたら普通にGNU ErrorフォーマットやJSON、プレーンテキストでの結果を返す機能があったã
28944®ã§Vimから簡単に使えるようにスクリプトを書いてしばらく使ってみる。</p>
28945          </section>
28946        </a>
28947
28948
28949        <a href="/blog/webdesign/abridged-translation-of-rdfa-lite">
28950          <section class="excerpt">
28951            <header>
28952              <p class="date"><time datetime="2012-06-11T11:37:10+09:00">11日</time></p>
28953
28954              <h3>抄訳 RDFa Lite 1.1</h3>
28955            </header>
28956
28957            <p>RDFa Lite 1.1 (W3C Recommendation 07 June 2012)の必要な部分だけを日本語に訳して公開した。10分かからず読める程度の文量。RDFaはめんどくせーなーとかいう人もRDFa Liteなら面倒くさくない。</p>
28958          </section>
28959        </a>
28960
28961
28962        <a href="/blog/webdesign/difference-between-w3cdtf-and-dates-and-times-in-html5">
28963          <section class="excerpt">
28964            <header>
28965              <p class="date"><time datetime="2012-06-11T05:08:42+09:00">11日</time></p>
28966
28967              <h3>W3CDTFとHTML5の日付と時刻の違い</h3>
28968            </header>
28969
28970            <p>てっきりHTML5のtime要素のdatetime属性などで使われる日付と時刻のフォーマットはW3CDTFだと思い込んでいたんだけど、違った。ISO 8601というわけでも、W3CDTFのようにそのサブセットというわけでもないので、パースする時はそこそこ気をつける必要がありそう。知らなければ幸せだったような気がしないでもない。</p>
28971          </section>
28972        </a>
28973
28974
28975        <a href="/blog/coding/meta-content-and-url">
28976          <section class="excerpt">
28977            <header>
28978              <p class="date"><time datetime="2012-06-10T02:41:02+09:00">10日</time></p>
28979
28980              <h3>meta要素のcontent属性でURL</h3>
28981            </header>
28982
28983            <p>meta要素のcontent属性は特にどういう値が入るものか決められていない。のでURLじゃないかもしれないし、URLとみなせる文字列なのかもしれない。OGPではRDFaだからmeta要素を使いましょうと書かれていて、URLを値とするurlやimageプロパティーもmeta要素のcontent属性を使う。昨日見たのだとWindows 8のピンに使われるmsapplication-TileImageとかもそう。</p>
28984          </section>
28985        </a>
28986
28987
28988        <a href="/blog/coding/i-am-a-human-being">
28989          <section class="excerpt">
28990            <header>
28991              <p class="date"><time datetime="2012-06-08T06:54:40+09:00">8日</time></p>
28992
28993              <h3>僕は人間です</h3>
28994            </header>
28995
28996            <p>RDFa LiteとMicrodataで人間を表現するメモ。FOAFとか書きそうになったけど我に返った。</p>
28997          </section>
28998        </a>
28999
29000
29001        <a href="/blog/software/minified-twitter-bird-svg">
29002          <section class="excerpt">
29003            <header>
29004              <p class="date"><time datetime="2012-06-07T06:37:39+09:00">7日</time></p>
29005
29006              <h3>Twitter BirdのSVG版</h3>
29007            </header>
29008
29009            <p>新しいTwitterの鳥のSVG版を作っておいた。飛んでる感じになっているとか色が#00acedに変わってるとかかなり破壊的。利用ガイドラインはこんなんだっけ……みたいな感じだけど、何回か読んだら前からこんなんだったような気もしてきた。古い鳥にはあったトサカはどこへいったんだろう……。まさかハゲた?</p>
29010          </section>
29011        </a>
29012
29013
29014        <a href="/blog/webdesign/fixing-microdata-for-plusone">
29015          <section class="excerpt">
29016            <header>
29017              <p class="date"><time datetime="2012-06-07T01:12:42+09:00">7日</time></p>
29018
29019              <h3>+1向けにMicrodataの修正</h3>
29020            </header>
29021
29022            <p>Google +1ボタンはMicrodataを読んでくれるんだけど、HTMLありきでメタデータの注釈をつけてあとはお任せでなんとなかなるわけではない。例えばBlogとBlogPostingを組み合わせた形でMicrodataによる注釈を行って、それを一覧ページとpermalinkで使いまわすと+1ボタンからは両者の区別がつかなくなる。そりゃそうか。</p>
29023          </section>
29024        </a>
29025
29026
29027        <a href="/blog/misc/hail2u_">
29028          <section class="excerpt">
29029            <header>
29030              <p class="date"><time datetime="2012-06-06T00:03:29+09:00">6日</time></p>
29031
29032              <h3>@hail2u_</h3>
29033            </header>
29034
29035            <p>
29035Twitterのスクリーンネームを@hail2u_に変えた。別アカウントに移行とか複数のスクリーンネームをTPOで使い分けるとかそういうのではなくて単に変えただけ。今年中に5回変えたくなったら変えようと思ってて、その5回目になったので。</p>
29036          </section>
29037        </a>
29038
29039
29040        <a href="/blog/internet/poormans-cdn">
29041          <section class="excerpt">
29042            <header>
29043              <p class="date"><time datetime="2012-06-05T03:16:20+09:00">5日</time></p>
29044
29045              <h3>貧乏人のためのCDN</h3>
29046            </header>
29047
29048            <p>CMSが頑張ってキャッシングして動的に生成するというのと頑張って静的に生成してやるというののどちらもそれなりにコスト(導入・運用)はかかる。CDNももちろんコストはかかるけど、最近はCloudflareのような低コストな貧乏人のためのCDNがいくつかあり、コスト面では優位にあるような気がする。</p>
29049          </section>
29050        </a>
29051
29052
29053        <a href="/blog/internet/tumblr-v1-api">
29054          <section class="excerpt">
29055            <header>
29056              <p class="date"><time datetime="2012-06-04T00:28:35+09:00">4日</time></p>
29057
29058              <h3>Tumblrのv1 API</h3>
29059            </header>
29060
29061            <p>Tumblrのv1 APIはPOSTパラメーターでメールアドレスとパスワード投げれば良いので、単純な投稿とかには向いているような気がした。2000を超えるブックマークを250の投稿制限と格闘しながら10日くらいかけてミラーしたあとでの感想。</p>
29062          </section>
29063        </a>
29064
29065
29066        <a href="/blog/webdesign/on-writing-about-vendor-extensions">
29067          <section class="excerpt">
29068            <header>
29069              <p class="date"><time datetime="2012-06-03T15:30:03+09:00">3日</time></p>
29070
29071              <h3>ベンダー独自拡張について取り上げること</h3>
29072            </header>
29073
29074            <p>Webの世界は独自拡張だらけなのでそのことについて積極的に知る必要はある。けどそれについて個人的に使い方とかを具体的に書くことはリスクでしか無い。どうやって使うものかとかは大体ベンダー側がドキュメント化していて、それは変更があったら修正されるので、それにリンクを張れば良い。修正することのないであろうブログ等で具体的に書くのは意味がないを通り越して害悪になりうる。Twitterとか流れて忘れられるメディアなら良いけど。</p>
29075          </section>
29076        </a>
29077
29078
29079        <a href="/blog/webdesign/line-height-normal-bang-important">
29080          <section class="excerpt">
29081            <header>
29082              <p class="date"><time datetime="2012-06-02T02:27:42+09:00">2日</time></p>
29083
29084              <h3>line-height: normal !important</h3>
29085            </header>
29086
29087            <p>たまに忘れてFirebugで調査して「あーそうだった! これだよ! クソが! 俺か!」みたいな。これはFirefoxのフォーム系の置換要素に設定してあるデフォルト・スタイルで、入力ボックスとボタンの高さを揃えるのが面倒くさい原因のひとつ(もちろんこれだけではない)。これはかなり昔からあるけど「置換要素がline-heightプロパティーで高さ変わるわけねーだろクソが」という理由によりWon&apos;t Fixなので、死ぬまで付き合うことになりそう。</p>
29088          </section>
29089        </a>
29090
29091
29092        <a href="/blog/webdesign/fb-prefix-and-rdfa-lite">
29093          <section class="excerpt">
29094            <header>
29095              <p class="date"><time datetime="2012-06-01T12:14:24+09:00">1日</time></p>
29096
29097              <h3>fbプリフィックスとRDFa Lite</h3>
29098            </header>
29099
29100            <p>fbプリフィックスとRDFa Liteのメモ。ogプリフィックスはRDFa 1.1のinitial contextに含まれているので、なくても良い(あった方が良い)。</p>
29101          </section>
29102        </a>
29103
29104          </section>
29105          <section>
29106            <h2><time datetime="2012-05">2012年5月</time></h2>
29107
29108        <a href="/blog/gadget/bodum-canteen">
29109          <section class="excerpt">
29110            <header>
29111              <p class="date"><time datetime="2012-05-31T01:58:54+09:00">31日</time></p>
29112
29113              <h3>BODUM CANTEEN 0.4L</h3>
29114            </header>
29115
29116            <p>愛用していたthermo mug 3287のステンレス部分が細かい傷だらけになってしまい、漂白してもすぐ茶渋等が付いてしまうようになったã
29116®ã§ã€BODUMのダブルウォールのマグ、CANTEENの0.4リットル版を買った。</p>
29117          </section>
29118        </a>
29119
29120
29121        <a href="/blog/software/fix-inkscape-ui-font">
29122          <section class="excerpt">
29123            <header>
29124              <p class="date"><time datetime="2012-05-30T11:44:48+09:00">30日</time></p>
29125
29126              <h3>InkscapeのUIフォントを直す</h3>
29127            </header>
29128
29129            <p>InkscapeはUIフォントが明朝になっていて、他と統一感がなく気持ち悪いので直したいが特にそういった設定は用意されていない。検索して見つかる情報もgtkrcを~とかGTKアプリの問題で~とかそういうのが多く、それらは大体正しいのだけど、pango.aliasesでMingLiUが優先的に使われるように設定されているのを直すのが一番労力が少なそう。Inkscapeは7-Zipで圧縮されて配布されているWindows版のv0.48.2を前提にする。</p>
29130          </section>
29131        </a>
29132
29133
29134        <a href="/blog/webdesign/from-html-to-css-to-svg-to-css">
29135          <section class="excerpt">
29136            <header>
29137              <p class="date"><time datetime="2012-05-29T00:52:56+09:00">29日</time></p>
29138
29139              <h3>HTML -&gt; CSS -&gt; SVG -&gt; CSS</h3>
29140            </header>
29141
29142            <p>HTMLで参照しているCSSでSVGを参照する……まではマイナーとはいえ使っている人はいると思う。これでまぁスケーラブルな画像という条件は満たせるのだけど、せっかくSVGではCSSを参照できるのだから、そのCSSでSVGのスタイルも指定できたら色々便利でリソースの節約にもなるんじゃないかという実験……が失敗に終わった話。タイトルわかりづらい。</p>
29143          </section>
29144        </a>
29145
29146
29147        <a href="/blog/software/inkscape-move-object-not-translate">
29148          <section class="excerpt">
29149            <header>
29150              <p class="date"><time datetime="2012-05-28T01:05:52+09:00">28日</time></p>
29151
29152              <h3>Inkscapeでちゃんと移動させる</h3>
29153            </header>
29154
29155            <p>Inkscapeでオブジェクトを移動させたりする時に適当にドラッグアンドドロップとかでやるとtransformプロパティーでtranslate()関数を使った形の移動が行われる。出力されるSVGのサイズの節約などのためにちゃんと(?)移動させたい場合はメニューのオブジェクトにある整列と配置を使ったり、変形ダイアログで相対移動のチェックボックスをオフにして座標指定で移動させる必要がある。</p>
29156          </section>
29157        </a>
29158
29159
29160        <a href="/blog/webdesign/unobtrusive-adsense-colorscheme">
29161          <section class="excerpt">
29162            <header>
29163              <p class="date"><time datetime="2012-05-27T10:48:24+09:00">27日</time></p>
29164
29165              <h3>さりげないAdSenseカラースキーム</h3>
29166            </header>
29167
29168            <p>AdSenseのカラースキームはWebサイトのカラースキームに合わせるというのが真っ当なやり方だと思うんだけど、Googleのプロダクトで使われているカラースキームをそのまま利用するというのも悪くはない。ということで少し前からGoogle検索でメジャーな言葉を検索した時に出てくる一番上の広告のカラースキームをパクッたものに変更している。</p>
29169          </section>
29170        </a>
29171
29172
29173        <a href="/blog/internet/happy-hashbang-deprecation-day">
29174          <section class="excerpt">
29175            <header>
29176              <p class="date"><time datetime="2012-05-25T14:21:34+09:00">25日</time></p>
29177
29178              <h3>Happy Hashbang Deprecation Day!</h3>
29179            </header>
29180
29181            <p>Twitterが各ツイートのpermalinkにおいてHashbang (#!)を使わなくなったことについて様々な人が歓迎するツイートをしていたけど、Sarah Pavisがつぶやいていたツイートが最も印象に残った。</p>
29182          </section>
29183        </a>
29184
29185
29186        <a href="/blog/webdesign/lea-verous-flexible-multiline-dl">
29187          <section class="excerpt">
29188            <header>
29189              <p class="date"><time datetime="2012-05-25T08:06:31+09:00">25日</time></p>
29190
29191              <h3>Lea Verouのフレシキブルな複数行定義リスト</h3>
29192            </header>
29193
29194            <p>Lea Verouの編み出したフレキシブルな複数行定義リストは目からウロコだった。このテクニックを知るまではfloatを使うと長い時(コンテンツ幅に収まらない時)に途中で改行とかうまくできないけどまぁしょうがないか……みたいな感じで我慢していた。LF(やCR)を擬似要素経由で挿入してwhite-space: preで改行させてしまうというのは頭良い。ただ複数のdd要素を持つケースにはうまく対応ã
29194§ããªã„のでちょっと変えて使い始めた。</p>
29195          </section>
29196        </a>
29197
29198
29199        <a href="/blog/software/ckw-and-cd">
29200          <section class="excerpt">
29201            <header>
29202              <p class="date"><time datetime="2012-05-24T07:27:43+09:00">24日</time></p>
29203
29204              <h3>ckwとカレントディレクトリ</h3>
29205            </header>
29206
29207            <p>ckw(-mod)を起動した時のカレントディレクトリは-cdオプションで指定するしか無いとずっと勘違いしていた。どうもckw.cfgでCkw*chdirをコメントアウト(行頭に!を付ける)すれば実行時のカレント・ディレクトリを適切に解釈してくれるようだ。GitHub for Windowsでckwを使うためにラッパー必要だなーとかねぼけたことを言ってしまった……。</p>
29208          </section>
29209        </a>
29210
29211
29212        <a href="/blog/internet/slow-down-buddy">
29213          <section class="excerpt">
29214            <header>
29215              <p class="date"><time datetime="2012-05-23T06:31:49+09:00">23日</time></p>
29216
29217              <h3>Tumblr v1 APIの投稿制限</h3>
29218            </header>
29219
29220            <p>Tumblrにはv1 API経由でも一日250の投稿制限があるみたいだ。過去のブックマークをひたすらリンクとしてポストするスクリプト書いて動かしたら250までしか投稿できなかった。v1使ってるのはOAuthるの面倒だったから。v2使えば良かった……とか思ったけど、負荷にまつわる制限じゃなさそうなのでv2でも制限同じそう。250に達するまでは叩き過ぎると400 Slow Down Buddyとかわいく怒るというのは収穫だった。</p>
29221          </section>
29222        </a>
29223
29224
29225        <a href="/blog/webdesign/kudos-star">
29226          <section class="excerpt">
29227            <header>
29228              <p class="date"><time datetime="2012-05-22T05:13:47+09:00">22日</time></p>
29229
29230              <h3>Kudosっぽいスター</h3>
29231            </header>
29232
29233            <p>Dustin Curtisの各記事についてるKudosという頷きウィジェットみたいなのが欲しいなぁと思っている。こういう否定のないのは楽で良さそうだなぁとか、ユーザーにログインとかを要求しないとこが面倒じゃなさそうだなぁとか、わざわざ押しに行こうかなとか思わない程度のものなのも好き。で、Kudosと同じで否定のない世界のはてなスターを無理やりKudosっぽく表示させてみようかなーと思って作ったけど実用性無さそうだった。</p>
29234          </section>
29235        </a>
29236
29237
29238        <a href="/blog/webdesign/stop-changing-body-font-size">
29239          <section class="excerpt">
29240            <header>
29241              <p class="date"><time datetime="2012-05-21T04:25:32+09:00">21日</time></p>
29242
29243              <h3>body要素でフォント・サイズを変えるのを止める?</h3>
29244            </header>
29245
29246            <p>フォント・サイズの変更を行う場合、html要素でやった方が良さそうと結構前にTwitterで@terkel(多分)がつぶやいていた。body要素で設定しても現状は特に何か問題が起こるというわけではないのだけど、将来的に多くの人が使いたくなるであろうrem単位のことを考えると……という話。</p>
29247          </section>
29248        </a>
29249
29250
29251        <a href="/blog/webdesign/breakpoints">
29252          <section class="excerpt">
29253            <header>
29254              <p class="date"><time datetime="2012-05-20T02:01:56+09:00">20日</time></p>
29255
29256              <h3>ブレークポイント</h3>
29257            </header>
29258
29259            <p>このWebサイトのスタイルではブレークポイントがレイアウト向けに3つ、フォント・サイズ向けに4つ設定されている。なんと7段変速! なんでそうなってるのかとかそういう話を書きたくなったので書く。</p>
29260          </section>
29261        </a>
29262
29263
29264        <a href="/blog/internet/ninenwari">
29265          <section class="excerpt">
29266            <header>
29267              <p class="date"><time datetime="2012-05-19T16:46:38+09:00">19日</time></p>
29268
29269              <h3>にねん割</h3>
29270            </header>
29271
29272            <p>フレッツ光から乗り換える予定は特にないので、にねん割を募集が始まった直後2月の末に申し込んだ。で今日連絡が来た。NTT東日本もなかなか仕事が速い。「申し込みの翌月からってなってるので3月まで遡って割引適用してくれるんですよねー(クッチャクッチャ」とか言ってやろうと思ってたけど、そんな勇気は僕にはなかった。</p>
29273          </section>
29274        </a>
29275
29276
29277        <a href="/blog/coding/tweet-count">
29278          <section class="excerpt">
29279            <header>
29280              <p class="date"><time datetime="2012-05-18T23:22:35+09:00">18日</time></p>
29281
29282              <h3>Twitterでの言及数を知る</h3>
29283            </header>
29284
29285            <p>公式にはAPIが用意されていない。プライベートだけど誰でも叩けるAPIがあるけど使わないでくれと言っている。のでTopsyやAddThisのAPI経由とかしか今のところ方法は無さそう。などということを公式Tweet Buttonのサブセットなdata-*属性による設定を受け入れるTweet Buttonを作ってて知った。</p>
29286          </section>
29287        </a>
29288
29289
29290        <a href="/blog/webdesign/figure-a-figcaption">
29291          <section class="excerpt">
29292            <header>
29293              <p class="date"><time datetime="2012-05-18T06:39:07+09:00">18日</time></p>
29294
29295              <h3>
29295figure/a/figcaption</h3>
29296            </header>
29297
29298            <p>figcaption要素は必ずfigure要素の最初か最後の要素であるべきで、a要素を両者の間に挟むとバリデーターは怒る。単純に「As the first or last child of a figure element」を解釈するとそうであるべきなような気もするけど、ちょっと「えっ?」と思った。TransparentだとなんでもOKだぜ~みたいな適当な覚え方してるのがバレた。Transparentには特に内容モデル以外に決め事は無いのでそうなんだろう。</p>
29299          </section>
29300        </a>
29301
29302
29303        <a href="/blog/webdesign/soma-fontfriend">
29304          <section class="excerpt">
29305            <header>
29306              <p class="date"><time datetime="2012-05-18T04:10:29+09:00">18日</time></p>
29307
29308              <h3>Soma FontFriend</h3>
29309            </header>
29310
29311            <p>Google Web Fontsのテストはまじめにやる時はちゃんとテストページを作って確認してるけど面倒くさい。Google Web FontsのPreview Textは日本語使えないので、日本語部分との相性やベースラインのずれなどが確認できなくて問題外。でもできるだけ手抜きしたいので、そういう時はSoma FontFriendというブックマークレットをこのWebサイトを開いてから起動している。これは結構昔からあるブックマークレットで元々は単にfont-familyを書き換えるだけだった(と思う)んだけど、今のバージョンだとGoogle Web Fontsからフォントを引っ張ってきて確認できる。愛用してる。</p>
29312          </section>
29313        </a>
29314
29315
29316        <a href="/blog/webdesign/tokoroten-scroller">
29317          <section class="excerpt">
29318            <header>
29319              <p class="date"><time datetime="2012-05-18T01:22:06+09:00">18日</time></p>
29320
29321              <h3>ところてんスクローラー</h3>
29322            </header>
29323
29324            <p>Facebookに買われたという話で知ったLightboxという写真共有サービスのLive Streamの見せ方が良いなと思ったのでCSS Transitionsを使ったもどきっぽいのを作った。Pure CSSではない。良い名前思い浮かばなかった。</p>
29325          </section>
29326        </a>
29327
29328
29329        <a href="/blog/software/chrome-20-override-device-metrics">
29330          <section class="excerpt">
29331            <header>
29332              <p class="date"><time datetime="2012-05-17T06:17:13+09:00">17日</time></p>
29333
29334              <h3>Override device metrics</h3>
29335            </header>
29336
29337            <p>Chrome 20からviewportを制限または拡張できるOverride device metricsというオプションがデベロッパーツールについていたことを今さら知った。キモはどっちかって言うと自分の使っているマシンよりも高解像度な環境をFit windowオプションでなんとなくざっと確認できるとかそっちなのかも。2048x1536とかまぁアレでコレでソレですよね。20からなので2012-05-17現在の安定版にはまだない。</p>
29338          </section>
29339        </a>
29340
29341
29342        <a href="/blog/webdesign/border-2px-ridge-gray">
29343          <section class="excerpt">
29344            <header>
29345              <p class="date"><time datetime="2012-05-17T00:07:20+09:00">17日</time></p>
29346
29347              <h3>border: 2px ridge gray</h3>
29348            </header>
29349
29350            <p>borderプロパティーのridgeはブラウザーによってどのように違うかを軽くテストした。複数の枠線を組み合わせて作るわずかに凹んだ(凸んだ)直線の代わりに使うのは無理がありそうという結論だった。だった。だった……。</p>
29351          </section>
29352        </a>
29353
29354
29355        <a href="/blog/webdesign/css-ruleset-porability">
29356          <section class="excerpt">
29357            <header>
29358              <p class="date"><time datetime="2012-05-16T22:33:52+09:00">16日</time></p>
29359
29360              <h3>CSSのルールセットの可搬性</h3>
29361            </header>
29362
29363            <p>シンプルなセレクターが多くの利点を持つことはよくわかるんだけど、可搬性が上がるというのはどうもしっくりこない。ルールセット単位での可搬性というのはかなり無理があるんじゃないか。数種のプロパティーの組み合わせを再利用するのは良いけど、それにセレクターは含めると可搬性落ちると思う。</p>
29364          </section>
29365        </a>
29366
29367
29368        <a href="/blog/gadget/es3832p-s">
29369          <section class="excerpt">
29370            <header>
29371              <p class="date"><time datetime="2012-05-16T04:18:42+09:00">16日</time></p>
29372
29373              <h3>Panasonic スーパーレザー ES3832P-S</h3>
29374            </header>
29375
29376            <p>すぐヒゲ伸びるのでカミソリで剃ってる上に電池で動かすシェーバーも使っている。愛用していたPanasonicのES3832P-Sが壊れた(落として蹴って壁にぶつけたã
29376®ã§å£Šã—たとも言う)ので同じの買い直した。乾電池式のシェーバーはこれにたどり着くまでPhilipsやBraunなどの一流メーカーのやよくわからないメーカーの安いやつとか使ってたけど、一番良いというか比較にならない感じがする。</p>
29377          </section>
29378        </a>
29379
29380
29381        <a href="/blog/webdesign/opera-11-and-subsetted-font">
29382          <section class="excerpt">
29383            <header>
29384              <p class="date"><time datetime="2012-05-16T00:29:03+09:00">16日</time></p>
29385
29386              <h3>Opera 11とサブセット化したフォント</h3>
29387            </header>
29388
29389            <p>ナビゲーションとロゴをサブセット化したフォントを使うようにしたのだけど、Opera 11で一文字目にしか反映されないというなかなか意味不明なバグにハマった。Nextでも起こるので当面直らなそう。こういう現象も起こるよ……というメモにしとこうかと思ったけど、どうやらtext-transformプロパティーとの組み合わせでおかしくなっているっぽい。</p>
29390          </section>
29391        </a>
29392
29393
29394        <a href="/blog/webdesign/font-refreshing-20120515">
29395          <section class="excerpt">
29396            <header>
29397              <p class="date"><time datetime="2012-05-15T20:52:04+09:00">15日</time></p>
29398
29399              <h3>フォント変えた</h3>
29400            </header>
29401
29402            <p>Webフォント熱もちょっと冷めた感じなので普通な感じにフォントを変えた。Segoe UIにしようかなと思ってたんだけど、それはなんかに負けた気がするのでやめて、ClearType最適化を謳っているアレらからCalibriとConstantiaをメインにすることにした。Calibriのつづり覚えてますか? 覚える必要無いですけども。</p>
29403          </section>
29404        </a>
29405
29406
29407        <a href="/blog/webdesign/sass-file-management">
29408          <section class="excerpt">
29409            <header>
29410              <p class="date"><time datetime="2012-05-15T17:10:29+09:00">15日</time></p>
29411
29412              <h3>Sassのファイル管理</h3>
29413            </header>
29414
29415            <p>少し前に変数を格納してたSCSSファイルをフォントや単位などのカテゴリ別に分けた。けど失敗だった気がする。それぞれの値の管理はやりやすいのだけど、使う場所との行き来が煩雑になってとっちらかってしまった感がある。どちらかと言うとエディタのフォールディングとかをうまく使って1ファイルで整理した方が良さそう。</p>
29416          </section>
29417        </a>
29418
29419
29420        <a href="/blog/webdesign/centering-horizontal-list">
29421          <section class="excerpt">
29422            <header>
29423              <p class="date"><time datetime="2012-05-13T17:01:25+09:00">13日</time></p>
29424
29425              <h3>横並びのリストのセンタリング</h3>
29426            </header>
29427
29428            <p>リストを横並びにしてセンタリングというのはよく使う。ただよく使う(われる)わりには「これ!」というようなテクニックがないような気がする。inline-blockで並べた場合は項目の間に隙間ができ、floatで並べた場合はセンタリングがトリッキーすぎる。気分で色々使い分けてたけど最近はdisplay: inline-tableをよく使うようになって、これで良いかなーという感じ。</p>
29429          </section>
29430        </a>
29431
29432
29433        <a href="/blog/webdesign/svg-resizing-bug-on-chrome-18">
29434          <section class="excerpt">
29435            <header>
29436              <p class="date"><time datetime="2012-05-12T15:48:40+09:00">12日</time></p>
29437
29438              <h3>Chrome 18でSVGのリサイズがおかしい</h3>
29439            </header>
29440
29441            <p>現行の最新安定バージョンであるChrome 18でSVGのリサイズがおかしくて(だいたいどのブラウザーでもおかしいけどね!)、heightプロパティーのみでリサイズするとアンチエイリアスが切れるというバグに遭遇した。widthプロパティーも同時に使えば問題ない。Chrome 21では直っているようなので頭の隅にでも置いておく程度で良さそう。アスペクト比の維持とは。</p>
29442          </section>
29443        </a>
29444
29445
29446        <a href="/blog/webdesign/use-sub-setted-web-font-for-logo">
29447          <section class="excerpt">
29448            <header>
29449              <p class="date"><time datetime="2012-05-10T12:25:14+09:00">10日</time></p>
29450
29451              <h3>ロゴをサブセット化したWebフォントに</h3>
29452            </header>
29453
29454            <p>Noticia Textやめて(嫌いになったわけではない)、Hのグリフだけ抜き出したKameronをロゴに使うようにした。Data URI化してCSSに埋め込んだ(3KB弱くらい)のでHTTPリクエストは増えていない。</p>
29455          </section>
29456        </a>
29457
29458
29459        <a href="/blog/game/tendou-pk">
29460          <section class="excerpt">
29461            <header>
29462              <p class="date"><time datetime="2012-05-09T21:25:37+09:00">9日</time></p>
29463
29464              <h3>天道PKやってる</h3>
29465            </header>
29466
29467            <p>三國志12がすごくヤバいらしいのでPKまでスルーすることにしたã
29467®ã ã‘どKOEIゲーやりたい熱はあったので天道PKを買った。無印はプレイ済みだったので、まずは群雄覇権モードのPKシナリオで。最初に嵐の前夜を松平家でやったらフルボッコにされた……。二回目はじっくり道引き直して何とかクリアできた。</p>
29468          </section>
29469        </a>
29470
29471
29472        <a href="/blog/webdesign/inline-print-stylesheet">
29473          <section class="excerpt">
29474            <header>
29475              <p class="date"><time datetime="2012-05-08T08:58:14+09:00">8日</time></p>
29476
29477              <h3>インラインの印刷用CSS</h3>
29478            </header>
29479
29480            <p>HTML5 Boilerplateなんかでも採用されているインラインの印刷用CSSに戻した。確認面倒くさい! 分けたのはどうしてもあのチマチマ上書きしていく感じが嫌になったからとかいう書き手側の理由だった。それでは無駄にHTTPリクエスト増やす理由にはなっていないので戻した。</p>
29481          </section>
29482        </a>
29483
29484
29485        <a href="/blog/webdesign/css3-writing-modes">
29486          <section class="excerpt">
29487            <header>
29488              <p class="date"><time datetime="2012-05-06T03:33:49+09:00">6日</time></p>
29489
29490              <h3>CSS3 Writing Modes</h3>
29491            </header>
29492
29493            <p>CSS3 Writing Modesの新しいWDが出たので初めてまともに読んだ。Writing Modesは名前の通り書字方向の制御を行うプロパティーを定義するものなんだけど、それ以外にもブロックのフロー方向の制御を行うものもある。つまり縦書きとかの需要も増えていくだろうからそういう意味でも重要なんだけど、それだけではなくてレイアウトにも大きな影響を与えるのでFlexboxなんかとの兼ね合いからも重要。</p>
29494          </section>
29495        </a>
29496
29497
29498        <a href="/blog/misc/jouzai">
29499          <section class="excerpt">
29500            <header>
29501              <p class="date"><time datetime="2012-05-03T01:20:33+09:00">3日</time></p>
29502
29503              <h3>錠剤飲めない……</h3>
29504            </header>
29505
29506            <p>粉薬はわかるけど錠剤は理解できない。錠剤を口に入れて水飲んだら入ってくじゃないか……みたいなことを解熱剤飲んで布団に寝て考えてたら一日半過ぎてた。粉薬飲めないだと子供っぽくて、錠剤飲めないとかだとデリケートな感じするみたいな議論をしている夢を見た気がする。</p>
29507          </section>
29508        </a>
29509
29510          </section>
29511          <section>
29512            <h2><time datetime="2012-04">2012年4月</time></h2>
29513
29514        <a href="/blog/blog/random-post">
29515          <section class="excerpt">
29516            <header>
29517              <p class="date"><time datetime="2012-04-29T02:54:09+09:00">29日</time></p>
29518
29519              <h3>ランダムに記事を表示する機能</h3>
29520            </header>
29521
29522            <p>ウェブログには大体過去ログへアクセスする方法は用意されている。タグ別のページであったり月別のページであったり。なんか目的があって漁る場合はそういうのとあとは全文検索があれば十分なんだけど、初めて見たウェブログでどんなエントリーを書く人なのか知るなどという目的には向かない。そういう時にはTumblrでよく見るランダムに記事を表示する機能はあると便利。ここにも実はかなり前からあるけど、リンク用意してない……。古い記事についていじられると悶え苦しむのでやめてください。</p>
29523          </section>
29524        </a>
29525
29526
29527        <a href="/blog/internet/auto-width-like-button">
29528          <section class="excerpt">
29529            <header>
29530              <p class="date"><time datetime="2012-04-28T01:45:09+09:00">28日</time></p>
29531
29532              <h3>いいねボタンの幅が自動調整されるように</h3>
29533            </header>
29534
29535            <p>いいねボタンの挙動が妙な感じがすると思ったら幅が自動調整されるようになっていた。これでツイート・ボタンとかと並べる時に妙な幅ががが……みたいなことが解消される未来が現実味を帯びてきた。あの
29535隙間のために横に並べるの諦めて縦に並べているとか、box_count(上にカウントが出る奴)を使っているみたいなWebサイトも多いと思う。いいね!</p>
29536          </section>
29537        </a>
29538
29539
29540        <a href="/blog/webdesign/mapping-to-private-use-area-is-not-a-perfect-answer">
29541          <section class="excerpt">
29542            <header>
29543              <p class="date"><time datetime="2012-04-27T19:28:23+09:00">27日</time></p>
29544
29545              <h3>私用領域へのマッピングだけでは解決しないもの</h3>
29546            </header>
29547
29548            <p>意外と多い!? Web フォントに対応していない環境 ~2012 年の Web フォント事情の最後でアイコン・フォントが意味不明な文字になってしまうことに対して警鐘を鳴らしている。僕もDingbatのWebフォントというタイトルで似たようなことは書いたが、最近はU+E000からU+F8FFのPrivate Use Area (私用領域または外字領域)へアイコンをマッピングするもの増えてきており、そういった問題については一部解決しつつある。ただしフォールバックできない問題は依然として残るので、JavaScriptの力を借りつつCSS側で対応してやる必要がある。</p>
29549          </section>
29550        </a>
29551
29552
29553        <a href="/blog/webdesign/frame-options-allow-from">
29554          <section class="excerpt">
29555            <header>
29556              <p class="date"><time datetime="2012-04-26T00:32:32+09:00">26日</time></p>
29557
29558              <h3>Frame-OptionsのALLOW-FROM</h3>
29559            </header>
29560
29561            <p>iframe要素での参照等を制御できる(X-)Frame-Optionsヘッダーでは常に拒否するDENYと他者からの参照のみを拒否するSAMEORIGINが定められており、多くの現行ブラウザーで実装済み。それに加えて許可するドメインを指定できるALLOW-FROMが定められようとしている。もう実装はあるのかな……と2012/04/25現在での現行ブラウザーでざっと調べた感じでは、Internet Explorer 9(と10)だけ対応していた。他のブラウザーはALLOW-FROMを使うとどこからでも参照できるようになる。</p>
29562          </section>
29563        </a>
29564
29565
29566        <a href="/blog/webdesign/fixed-sidebar-with-media-queries">
29567          <section class="excerpt">
29568            <header>
29569              <p class="date"><time datetime="2012-04-25T13:25:26+09:00">25日</time></p>
29570
29571              <h3>位置固定サイドバーはMedia Queriesと一緒に</h3>
29572            </header>
29573
29574            <p>デスクトップではブラウザーを最大化して使う人は減る傾向にある(気がする)。僕はそうで、ブラウザーはだいたい1280x800くらいのサイズにしている。多くのサイトでは問題ないんだけど、巨大なサイドバーをposition: fixedで固定しているWebサイトで下が切れるなどというケースが増えた。サイドバー固定自体は昔からあったが、最近はフォント・サイズが大きい(というかデフォルトを採用している)ことが増えたのでそれに比例してサイドバーが巨大になってしまっているのかなーと想像している。</p>
29575          </section>
29576        </a>
29577
29578
29579        <a href="/blog/internet/colorhexa">
29580          <section class="excerpt">
29581            <header>
29582              <p class="date"><time datetime="2012-04-24T15:54:13+09:00">24日</time></p>
29583
29584              <h3>ColorHexa</h3>
29585            </header>
29586
29587            <p>カラーパレットの簡単なジェネレーターとしてColor Scheme Designer 3を使うことが多かったけど、最近はColorHexaも併用している。パレットの生成ツールとしてはColor Scheme Designer 3のが見やすく使いやすく高機能なので、ちゃんとしたい場合はそっちを使っているけど、Webセーフカラーへの丸めやShadesとかHSLへの変換などが必要になった場合にColorHexaを使うようになった。</p>
29588          </section>
29589        </a>
29590
29591
29592        <a href="/blog/software/vim-autocomplpop-and-scss">
29593          <section class="excerpt">
29594            <header>
29595              <p class="date"><time datetime="2012-04-23T11:55:45+09:00">23日</time></p>
29596
29597              <h3>SCSSファイルでAutoComplPopを有効に</h3>
29598            </header>
29599
29600            <p>自動補完に頼らないように頑張る度に挫折して、AutoComplPopに出戻っている(5回目)。AutoComplPopはデフォルトでSCSSには対応していないので、ここだけ頑張って補完を手動で起動してたけど、重い腰を上げてg:acp_behaviorに追加した。これでまた自動補完に頼る日々が続く。</p>
29601          </section>
29602        </a>
29603
29604
29605        <a href="/blog/software/vim-cursorlinenr">
29606          <section class="excerpt">
29607            <header>
29608              <p class="date"><time datetime="2012-04-22T14:18:49+09:00">22日</time></p>
29609
29610              <h3>CursorLineNrハイライトグループ</h3>
29611            </header>
29612
29613            <p>少し前にVimのハイライトグループに新しくCursorLineNrが追加された。名前の通りカーソル行の行番号のハイライトを行うためのグループ。あーそういえばなかったよなとか思った。デフォルトでは結構強烈(凶悪)なカラー指定がされているので、普通にCursorLineと合わせると良いと思う。パッチレベル479以降で使える。</p>
29614          </section>
29615        </a>
29616
29617
29618        <a href="/blog/blosxom/fanatics">
29619          <section class="excerpt">
29620            <header>
29621              <p class="date"><time datetime="2012-04-21T08:25:12+09:00">21日</time></p>
29622
29623              <h3>Blosxom Fanatics</h3>
29624            </header>
29625
29626            <p>
29626Blosxom FanaticsというGitHubのオーガニゼーションを作った。具体的に何かBlosxomを啓蒙するとか懐かしむ活動を行う場とかそういうわけではなく、単にBlosxom関連のゴミを一手に引き受ける非営利組織。例えばとりあえず作ってみただけのBlosxomクローンを捨てたり。自作のプラグインになんかあった時に修正するためにリポジトリは作っておきたいけど、積極的にメンテナンスする気はないんだよなぁ……という時にこっそり捨てたり。</p>
29627          </section>
29628        </a>
29629
29630
29631        <a href="/blog/webdesign/transition-and-max-width">
29632          <section class="excerpt">
29633            <header>
29634              <p class="date"><time datetime="2012-04-20T09:49:10+09:00">20日</time></p>
29635
29636              <h3>transitionとmax-widthプロパティー</h3>
29637            </header>
29638
29639            <p>CSS Transitionsを使ってwidthプロパティーをアニメーションさせる時にmax-widthプロパティーがあるとどうアニメーションされるのかというのが気になったので調べてみたら、Chrome 18と20、Opera 11、12でアニメーションがおかしくなるバグにぶち当たった。Internet Explorer 10とFirefox 11(及び13)では大丈夫そう。</p>
29640          </section>
29641        </a>
29642
29643
29644        <a href="/blog/webdesign/on-svg">
29645          <section class="excerpt">
29646            <header>
29647              <p class="date"><time datetime="2012-04-19T14:05:20+09:00">19日</time></p>
29648
29649              <h3>SVGの話</h3>
29650            </header>
29651
29652            <p>SitePointでCanvasじゃなくてSVGを考慮すべき7つの理由という記事が公開されていた(8つあるけど)。SVGオシみたいなことではなくて、場合によってはSVGの方が向いていることがある的な記事なので、間違ってはないと思うんだけどタイトルはあんまり良くない。</p>
29653          </section>
29654        </a>
29655
29656
29657        <a href="/blog/media/before-the-robots-8-songs-about-a-girl-vulnerable">
29658          <section class="excerpt">
29659            <header>
29660              <p class="date"><time datetime="2012-04-19T06:45:36+09:00">19日</time></p>
29661
29662              <h3>最近買ったの</h3>
29663            </header>
29664
29665            <p>月に1回はアサマシらないと調子でない。</p>
29666          </section>
29667        </a>
29668
29669
29670        <a href="/blog/software/ckw-and-white-background-cmd">
29671          <section class="excerpt">
29672            <header>
29673              <p class="date"><time datetime="2012-04-17T10:54:51+09:00">17日</time></p>
29674
29675              <h3>Ckwと白背景のコマンドプロンプト</h3>
29676            </header>
29677
29678            <p>コマンドプロンプトの既定値を白背景にしたらCkwでうまく文字が表示できなくなってしまった。Ckwの設定でもなんとかなる気配はあるんだけど、コマンドプロンプトの既定の16色の白と黒、灰色を上記スクリーンショットのように入れ替えてやってもちゃんと表示できるようになった。というメモ。</p>
29679          </section>
29680        </a>
29681
29682
29683        <a href="/blog/misc/the-past-20120417">
29684          <section class="excerpt">
29685            <header>
29686              <p class="date"><time datetime="2012-04-17T03:16:04+09:00">17日</time></p>
29687
29688              <h3>過去</h3>
29689            </header>
29690
29691            <p>2003年の自分の日記を読んだみたいなのを見かけたので自分のも読んだら死にたくなった。困る。読むとだいたい消したくなるんだけど、どうせInternet Archivesに残ってるしな……とか思うと消す意味もない。たまにBlosxomのエントリー・ディレクトリをrm -rfする遊びはやってる。結構楽しい。</p>
29692          </section>
29693        </a>
29694
29695
29696        <a href="/blog/software/vim-color-scheme-h2u_white">
29697          <section class="excerpt">
29698            <header>
29699              <p class="date"><time datetime="2012-04-16T01:18:31+09:00">16日</time></p>
29700
29701              <h3>Vimカラースキーム: h2u_white</h3>
29702            </header>
29703
29704            <p>しばらく白背景を使おうと思っている。ターミナルとVimを白背景にするだけだけど。しっくりくるものがなかったã
29704®ã§ä½œã£ãŸã€‚未完成。補完メニューとメッセージ系あたりをもうちょっと何とかしたい。書き忘れてたけどgVim専用。</p>
29705          </section>
29706        </a>
29707
29708
29709        <a href="/blog/webdesign/noticia-text">
29710          <section class="excerpt">
29711            <header>
29712              <p class="date"><time datetime="2012-04-14T22:53:21+09:00">14日</time></p>
29713
29714              <h3>Noticia Text</h3>
29715            </header>
29716
29717            <p>ロゴやフッター他のフォントをCrimson TextからNoticia Textに変えた。WindowsのChromeでもそこそこキレイで、イタリックとボールドが揃っている稀少なGoogle Web Fonts提供のWebフォント。スラブセリフを使ってみたかっただけ。読みやすいけど読みやすいだけかなぁという気もする。Crimson Textは悪くなかったけど飽きた。</p>
29718          </section>
29719        </a>
29720
29721
29722        <a href="/blog/coding/perl-compile-js-file-with-uglifyjs-http-api">
29723          <section class="excerpt">
29724            <header>
29725              <p class="date"><time datetime="2012-04-13T02:05:04+09:00">13日</time></p>
29726
29727              <h3>UglifyJSのHTTP APIを叩くPerlスクリプト</h3>
29728            </header>
29729
29730            <p>UglifyJSにClosure Compilerから乗り換えようかなーとちょっと思っているのでとりあえずコンパイルするためのスクリプトを書くところから。UglifyJSのHTTP APIがそこそこClosure Compiler ServiceのREST APIと互換性があるようなので、まずはローカルのJavaScriptファイルをClosure Compiler ServiceのREST APIでコンパイルできるようにで書いたPerlスクリプトを修正して使ってみる。</p>
29731          </section>
29732        </a>
29733
29734
29735        <a href="/blog/internet/left-feedburner-or-not">
29736          <section class="excerpt">
29737            <header>
29738              <p class="date"><time datetime="2012-04-12T20:08:58+09:00">12日</time></p>
29739
29740              <h3>FeedBurnerを捨てるべきか否か</h3>
29741            </header>
29742
29743            <p>FeedBurnerから卒業しようかな……でもな……みたいな感じで5年くらい迷っている気がする。FeedBurnerの機能自体にはさほど不満はないどころか大いに満足しているんだけど、このところの放置っぷりには不安しかない。まぁうまくいっているものをわざわざ変更することもないかという理由で使い続けている。AdSenseとの連携があるのでそう簡単にはGoogleから捨てられたりはしないと思うけど。</p>
29744          </section>
29745        </a>
29746
29747
29748        <a href="/blog/software/vim-clam">
29749          <section class="excerpt">
29750            <header>
29751              <p class="date"><time datetime="2012-04-11T06:23:45+09:00">11日</time></p>
29752
29753              <h3>Vimプラグイン: Clam</h3>
29754            </header>
29755
29756            <p>Vimでシェルコマンドを実行して結果をバッファーに吐き出すClamというプラグインを使い始めた。&quot;=レジスターを使う奴だとエスケープがめんどいこともあるのでプラグイン作ろうかなーと思って忘れてたけど見つかったのでこっち使う。</p>
29757          </section>
29758        </a>
29759
29760
29761        <a href="/blog/blosxom/efficient-plugin">
29762          <section class="excerpt">
29763            <header>
29764              <p class="date"><time datetime="2012-04-10T01:10:47+09:00">10日</time></p>
29765
29766              <h3>効率の良いBlosxomプラグイン</h3>
29767            </header>
29768
29769            <p>Blosxomではプラグイン同士が連携することはほとんど考慮されていない。プラグインで何でも出来るけど、なんでも効率的にできるわけではないということで、ここらへんはBlosxomの語られていない闇の部分(誰も興味ないから)。例えばhead.flavourでエントリーのタイトルとかを利用しようとするとプラグインが必要になるので書くわけだけど、いずれblosxom.cgiが読んでくれるファイルを自前で読まなくてはならなくてスーパー非効率的。</p>
29770          </section>
29771        </a>
29772
29773
29774        <a href="/blog/internet/stars-and-likes">
29775          <section class="excerpt">
29776            <header>
29777              <p class="date"><time datetime="2012-04-09T19:30:09+09:00">9日</time></p>
29778
29779              <h3>はてなスターとFacebookのいいね!</h3>
29780            </header>
29781
29782            <p>いいね! ボタンではいいね! したことはその人の友人とそのページのオーナーにしかわからない上、カウントのみにもできる。対してはてなスターは誰がスターを付けたã
29782®ã‹èª°ã«ã§ã‚‚わかってしまう。このスターの仕様ははてな内部と外部ではまったく逆の働きをしそう。</p>
29783          </section>
29784        </a>
29785
29786
29787        <a href="/blog/internet/gh-pages-only-repository">
29788          <section class="excerpt">
29789            <header>
29790              <p class="date"><time datetime="2012-04-07T22:55:27+09:00">7日</time></p>
29791
29792              <h3>gh-pagesのみのリポジトリ</h3>
29793            </header>
29794
29795            <p>blosxomサイトの日本語訳を単独のリポジトリにした。URLはかわらないのであんまり気にすることはない。その時にやったgh-pagesブランチだけのリポジトリを作る手順のメモ。</p>
29796          </section>
29797        </a>
29798
29799
29800        <a href="/blog/blog/mirror-to-tumblr">
29801          <section class="excerpt">
29802            <header>
29803              <p class="date"><time datetime="2012-04-07T00:58:36+09:00">7日</time></p>
29804
29805              <h3>Tumblrでミラー</h3>
29806            </header>
29807
29808            <p>kottke.orgの真似をしてTumblrでこのWeblogの完全なミラーを作った。TumblrのDashboardで購読する用。リブログされたいとかスキされたいとかフォローされたいとかそういうのも勿論ある。あと緊急時の避難用とか面倒になった時の逃げ場とか……。検索避けされてる以外はほぼ同じはず。ミラーなのでタイトルはひっくり返した。</p>
29809          </section>
29810        </a>
29811
29812
29813        <a href="/blog/internet/google-cses-new-searchbox">
29814          <section class="excerpt">
29815            <header>
29816              <p class="date"><time datetime="2012-04-06T18:03:24+09:00">6日</time></p>
29817
29818              <h3>Googleカスタム検索の新検索ボックス</h3>
29819            </header>
29820
29821            <p>Google本家のデザインに合わせてカスタム検索のデザインも変わった。デザインでデフォルトを選択するとオートコンプリートや青い虫眼鏡ボタンなど本家と似た感じの検索フォームと検索結果ページになる。今までのような感じにするにはクラシックで戻せる。</p>
29822          </section>
29823        </a>
29824
29825
29826        <a href="/blog/blosxom/fix-trailing-slash">
29827          <section class="excerpt">
29828            <header>
29829              <p class="date"><time datetime="2012-04-05T04:40:00+09:00">5日</time></p>
29830
29831              <h3>末尾のスラッシュ補完</h3>
29832            </header>
29833
29834            <p>mod_rewriteでBlosxomにリクエストされたパスをパラメーターとして渡すようにしている関係で、カテゴリーや年月ごとのページでmod_dirのような末尾のスラッシュ補完が効かないことに今さら気づいたので直した。いろいろ今さら。</p>
29835          </section>
29836        </a>
29837
29838
29839        <a href="/blog/coding/rewrite-google-code-prettify-loader">
29840          <section class="excerpt">
29841            <header>
29842              <p class="date"><time datetime="2012-04-04T02:03:37+09:00">4日</time></p>
29843
29844              <h3>Google Code Prettifyのローダースクリプトを書き直した</h3>
29845            </header>
29846
29847            <p>単にDOMContentLoadedでGoogle Code PrettifyのprettyPrint()を呼んでただけだったのをゴニョゴニョするようにした。将来性とマークアップのしやすさのためにpre要素にprettyprintというクラスを指定しないように方針変更したので、それに合わせてcode[class*=language-]な要素を探してその親がpreだったらprettyprintを追加し、その後でprettyPrint()を走らせるという感じ。一応サポートしている言語もチェックしたりとかもするようにした。Rainbow移行への布石。</p>
29848          </section>
29849        </a>
29850
29851
29852        <a href="/blog/coding/rainbow">
29853          <section class="excerpt">
29854            <header>
29855              <p class="date"><time datetime="2012-04-03T07:18:27+09:00">3日</time></p>
29856
29857              <h3>Rainbow</h3>
29858            </header>
29859
29860            <p>Rainbowはコードのシンタックス・ハイライトをやってくれるJavaScriptライブラリ。拡張の仕組ã
29860¿ãŒå‡„く書きやすそうで良さそう。名前は悪い。しかもリダイレクト先のURLはrainbowsだし……。まぁとにかく乗り換えようかなとちょっと思った理由をちょっと書いておく。「ちょっと」なのでまだあんまり乗り換える気ない。</p>
29861          </section>
29862        </a>
29863
29864
29865        <a href="/blog/webdesign/use-em-for-media-queries">
29866          <section class="excerpt">
29867            <header>
29868              <p class="date"><time datetime="2012-04-02T14:22:00+09:00">2日</time></p>
29869
29870              <h3>Media Queriesではemを使おう!</h3>
29871            </header>
29872
29873            <p>v6.15とかでちょっとem単位を使うようにした話を書いた。そこで書いたのは「描画領域に収まるレイアウト」ではなくて「文章の収まりを意識したレイアウト」にしたかったとかそういう話だった。id:vantとかu:studiomohawkなどがブックマークしてたThe EMs have it: Proportional Media Queries FTW!ではもうひとつのem単位を使うメリット、Media Queriesでem単位を使うとユーザーのズーム(スケーリング)に対応できる点を解説していた。</p>
29874          </section>
29875        </a>
29876
29877
29878        <a href="/blog/misc/kaze-de-nodo-itai">
29879          <section class="excerpt">
29880            <header>
29881              <p class="date"><time datetime="2012-04-01T17:23:00+09:00">1日</time></p>
29882
29883              <h3>風邪で喉痛い</h3>
29884            </header>
29885
29886            <p>風邪の諸症状の中で喉痛いのが一番辛くて嫌。Wilkinson辛口を温めて飲んだら結構良かったけど、なんか違う気もした。のどぬ~るスプレーがなかったらと思うとぞっとする。ということでベッドの中でぼーっと「エイプリルフールネタを仕込みました!」って書いて何ã
29886‚‚仕込まないというウソみたいなことを考えて笑っていて、風邪だなぁと思った。</p>
29887          </section>
29888        </a>
29889
29890          </section>
29891          <section>
29892            <h2><time datetime="2012-03">2012年3月</time></h2>
29893
29894        <a href="/blog/blog/one-entry-per-day">
29895          <section class="excerpt">
29896            <header>
29897              <p class="date"><time datetime="2012-03-31T15:43:48+09:00">31日</time></p>
29898
29899              <h3>一日一エントリー</h3>
29900            </header>
29901
29902            <p>2011/10/06以降、一日一エントリーのペースでここに書いてる。特に理由はなかったけど、意味はあった気がする。4月からも続けていこう。</p>
29903          </section>
29904        </a>
29905
29906
29907        <a href="/blog/coding/extract-asin-2012">
29908          <section class="excerpt">
29909            <header>
29910              <p class="date"><time datetime="2012-03-30T12:39:12+09:00">30日</time></p>
29911
29912              <h3>2012年度版・ASIN抜き出す方法</h3>
29913            </header>
29914
29915            <p>Amazon.co.jpでアソシエイトツールバーが表示されている場合、windowオブジェクト以下にあるAssociatesにASINがあることに気づいたのでしばらくこっちを使ってみる。GoogleでのSocialShareAttributes検索結果が0だったのでメモしておく。</p>
29916          </section>
29917        </a>
29918
29919
29920        <a href="/blog/webdesign/moz-selection-and-selection-on-webkit">
29921          <section class="excerpt">
29922            <header>
29923              <p class="date"><time datetime="2012-03-29T00:45:17+09:00">29日</time></p>
29924
29925              <h3>WebKitにおける::-moz-selectionと::selection</h3>
29926            </header>
29927
29928            <p>間違えて同じルールセットに::-moz-selectionと::selectionを並べて書いていた。これ不明なセレクターになってエラーになる……と思って直したんだけど、Safari 5やChrome 17(と19)ではエラーにならず素通しされてた(Firefox 11やInternet Explorer 9、Opera 11ではエラーになって無視される)。どうもこれだけ(か擬似要素すべて)が特別扱いされているかバグっているのかのどちらかな感じ。</p>
29929          </section>
29930        </a>
29931
29932
29933        <a href="/blog/misc/wrapping">
29934          <section class="excerpt">
29935            <header>
29936              <p class="date"><time datetime="2012-03-28T19:23:45+09:00">28日</time></p>
29937
29938              <h3>家電量販店のラッピング</h3>
29939            </header>
29940
29941            <p>期待はしてなかったんだけどひどかった。小学生のお楽しみ会(今でもあるのか知らないけど)でのプレゼントのラッピングみたいな感じで……。自分でうまくラッピング出来るわけではないのでアレなんだけど、もっとこう横浜ヨドバシくらいの規模ならできるだろ! みたいな気はした。</p>
29942          </section>
29943        </a>
29944
29945
29946        <a href="/blog/webdesign/dosis">
29947          <section class="excerpt">
29948            <header>
29949              <p class="date"><time datetime="2012-03-27T01:17:28+09:00">27日</time></p>
29950
29951              <h3>Dosis</h3>
29952            </header>
29953
29954            <p>Terminal DosisがDosisにリネームされてた。合わせてヒンティングに手が入ってて、Windowsでそこそこ綺麗になったような気もする。Chromeですらまぁまぁ。前までは特定のサイズでグリフがおかしくなる感じだったけどそれも直ってるぽい。</p>
29955          </section>
29956        </a>
29957
29958
29959        <a href="/blog/software/vim-css3-syntax-6">
29960          <section class="excerpt">
29961            <header>
29962              <p class="date"><time datetime="2012-03-26T19:09:51+09:00">26日</time></p>
29963
29964              <h3>vim-css3-syntax #6</h3>
29965            </header>
29966
29967            <p>2012/03/22にFlexible Box LayoutとGrid Layoutの新しいWorking Draftが出たので、それに合わせてvim-css3-syntaxを更新した。というかGrid LayoutとGrid Positioningを混同してて、Layoutの方は追加してなかったã
29967®ã§è¿½åŠ ã—ãŸã€‚</p>
29968          </section>
29969        </a>
29970
29971
29972        <a href="/blog/internet/test-mod_rewrite">
29973          <section class="excerpt">
29974            <header>
29975              <p class="date"><time datetime="2012-03-25T05:53:44+09:00">25日</time></p>
29976
29977              <h3>mod_rewriteのテスト</h3>
29978            </header>
29979
29980            <p>mod_rewriteは未だにちゃんとわかってない。単純なものならそんなでもないんだけど、ちょっと変わったことやろうとするとすぐ躓く……。この間も躓いたので、簡単にテストできるものでもないかなーと少し真面目に探したら、htaccess testerというのを見つけた。ざっと試した感じではちゃんとチェックできてそう。</p>
29981          </section>
29982        </a>
29983
29984
29985        <a href="/blog/webdesign/on-image-replacement">
29986          <section class="excerpt">
29987            <header>
29988              <p class="date"><time datetime="2012-03-24T13:44:44+09:00">24日</time></p>
29989
29990              <h3>画像置換について</h3>
29991            </header>
29992
29993            <p>画像置換には疑似要素を使う派ですこんにちは。font: 0/0 aを使う画像置換はあんまり使いたくないというか、em単位をその要素で使えなくなるのはかなり致命的な気がする。こういうテクニックは他のプロパティーに影響を与えないということが最も重要だと思う。</p>
29994          </section>
29995        </a>
29996
29997
29998        <a href="/blog/webdesign/display-table-cell-and-content-none-ir">
29999          <section class="excerpt">
30000            <header>
30001              <p class="date"><time datetime="2012-03-23T01:33:40+09:00">23日</time></p>
30002
30003              <h3>display: table-cellとcontent: &quot;&quot;による画像置換</h3>
30004            </header>
30005
30006            <p>display: table-cellした要素の中で疑似要素を使った画像置換をcontent: &quot;&quot;(空文字指定)でやると、Internet Explorer 9以外の現行ブラウザーでは謎の空白が出来てしまう現象に遭遇した。説明難しい。IE9以外で同じ挙動なので多分仕様に従ったものなんじゃないかなーとは想像できるんだけど、どうしてこうなるのかよくわからないのでメモがてら書いておく。直す方法だけは一応発見した。</p>
30007          </section>
30008        </a>
30009
30010
30011        <a href="/blog/webdesign/sass-identity-follow-up">
30012          <section class="excerpt">
30013            <header>
30014              <p class="date"><time datetime="2012-03-22T12:56:30+09:00">22日</time></p>
30015
30016              <h3>Sassの存在意義への補足</h3>
30017            </header>
30018
30019            <p>Sassの存在意義の話があんまりうまく伝わってない感じなので、3の別々に書けてSassで関連付けられるということについて少しだけ書く。抽象的な概念の話なので具体的な説明というのもなかなか難しいけど、CSSフレームワークを使う時にどうなるかみたいなことを取り上げる。</p>
30020          </section>
30021        </a>
30022
30023
30024        <a href="/blog/webdesign/fout">
30025          <section class="excerpt">
30026            <header>
30027              <p class="date"><time datetime="2012-03-21T10:43:40+09:00">21日</time></p>
30028
30029              <h3>FOUT</h3>
30030            </header>
30031
30032            <p>Flash of Unstyled Textの頭文字をとってFOUTと呼ばれる現象がある。FirefoxでWebフォントの読み込みが完了するまで別のフォントが使われる現象のことで、後にSafariやChrome、Internet Explorerで起こるようになった読み込みの完了まで空白になる現象のことも含めてFOUTと呼ぶことが多い(気がする)。このWebサイトでも起こっていて、それについて聞かれたのでさらっと書いてみる。</p>
30033          </section>
30034        </a>
30035
30036
30037        <a href="/blog/software/vim-convert-a-file-under-a-cursor-to-data-uri">
30038          <section class="excerpt">
30039            <header>
30040              <p class="date"><time datetime="2012-03-20T10:55:08+09:00">20日</time></p>
30041
30042              <h3>Vimでカーソル下のファイルをData URI化する</h3>
30043            </header>
30044
30045            <p>Data URIネタを続ける。昨日書いたData URI変換スクリプトをコマンドラインとかエクスプローラーから送るでクリップボードにコピーして使うだけだとVimで面倒くさい。Vimでは&lt;cfile&gt;でカーソル下のファイル名を拾えるので、それを利用してファイルのパスからData URIに変換するようなスクリプトを書いて使うことにした。</p>
30046          </section>
30047        </a>
30048
30049
30050        <a href="/blog/coding/perl-convert-to-data-uri">
30051          <section class="excerpt">
30052            <header>
30053              <p class="date">
30053<time datetime="2012-03-19T16:10:54+09:00">19日</time></p>
30054
30055              <h3>Data URIに変換するPerlスクリプト</h3>
30056            </header>
30057
30058            <p>Data URIはまだそれほど使いまくっているわけでもないので、ブラウザーでやったりVimからWSHでやったりいろいろしてたけど、必要な時はだいたい複数ファイルを何回も変換する必要があったりしていろいろ大変なのでPerlで書き直して右クリックから使う方法も考えた。@cho45が書いたのを見て重い腰が上がった。</p>
30059          </section>
30060        </a>
30061
30062
30063        <a href="/blog/webdesign/sass-identity">
30064          <section class="excerpt">
30065            <header>
30066              <p class="date"><time datetime="2012-03-18T06:33:13+09:00">18日</time></p>
30067
30068              <h3>Sassの存在意義</h3>
30069            </header>
30070
30071            <p>SassはCSSの貧弱さを補うような便利機能について取り上げられることが多い。そのためその機能の奥に隠れているものについて触れられることはあまりない。例えば変数や四則演算、関数によって値に論理的な意味を持たせることができることとか。そういうCSSに足りない概念の導入できることとかももちろん周知させたいけど、それ以上にHTMLとCSSによるWebサイトの作成に新たなアプローチが加わることを周知させられればいいなぁと最近思う。Sassの存在意義というのはその辺りに見いだせるんじゃないかと考えているので。もう「CSSグラデーションのミックスイン!」とかスニペットでやれるようなことを推すのはやめたい(やめてほしい)。</p>
30072          </section>
30073        </a>
30074
30075
30076        <a href="/blog/misc/downtime-20120318">
30077          <section class="excerpt">
30078            <header>
30079              <p class="date"><time datetime="2012-03-17T15:10:18+09:00">17日</time></p>
30080
30081              <h3>2012/03/18のメンテナンスのお知らせ</h3>
30082            </header>
30083
30084            <p>サーバーの増強メンテナンスで2012/03/18の午前0時から午前9時の間このWebサイトにはアクセスできなくなる。というお知らせ。何か動かなくなったりしそうで不安……。</p>
30085          </section>
30086        </a>
30087
30088
30089        <a href="/blog/game/smusou6">
30090          <section class="excerpt">
30091            <header>
30092              <p class="date"><time datetime="2012-03-15T05:02:59+09:00">15日</time></p>
30093
30094              <h3>真・三國無双6 with 猛将伝</h3>
30095            </header>
30096
30097            <p>無双シリーズはPC版で大体買ってるので買った。5はなかったことになってる。なかったことになってる……ので。GDDR5で1GBのHD6670でだいたい快適だけどフレームスキップおかしい気がする。ヌルヌルには程遠いけどパッチ待ちっぽいなぁ。UIフォントが隷書からゴシックに戻ったã
30097®ã¯ãªã‚“か残念だな。</p>
30098          </section>
30099        </a>
30100
30101
30102        <a href="/blog/software/fontwsvg">
30103          <section class="excerpt">
30104            <header>
30105              <p class="date"><time datetime="2012-03-13T22:07:40+09:00">13日</time></p>
30106
30107              <h3>フォントからパスへ</h3>
30108            </header>
30109
30110            <p>まっとうな手段というか正攻法だとInkscapeを使うわけだけど、公式Wikiのどっか(忘れた……)にも書いてあるようにWindowsだと一部フォントがリストに出てこない(少し前のバージョンで直ったバグの話ではない)。例えばWebdingsであるとか多くのDingbatフォントがコレに該当する。そういうフォントのグリフを使いたい場合はFontForgeでグリフをSVGとしてエクスポートするのが一番簡単だと思う。</p>
30111          </section>
30112        </a>
30113
30114
30115        <a href="/blog/webdesign/quote-svg">
30116          <section class="excerpt">
30117            <header>
30118              <p class="date"><time datetime="2012-03-12T04:24:57+09:00">12日</time></p>
30119
30120              <h3>引用符をSVGに</h3>
30121            </header>
30122
30123            <p>blockquote要素に付けている飾りの引用符をSVGでやることにした。フォントだとサイズ(特に横幅)を合わせるのが難しいので。アイコンみたいなコンテナー要素のサイズに合わせてぴったりサイズを縮小拡大したい場合はSVGが最適解だと思う。もののついでにhr要素もSVGで書き直した。</p>
30124          </section>
30125        </a>
30126
30127
30128        <a href="/blog/webdesign/placeholder-text-and-focus">
30129          <section class="excerpt">
30130            <header>
30131              <p class="date"><time datetime="2012-03-11T01:31:41+09:00">11日</time></p>
30132
30133              <h3>プレースホルダー文字列とフォーカス</h3>
30134            </header>
30135
30136            <p>Chrome 17やSafari 5ではフォームのプレースホルダー文字列(placeholder属性で指定した文字列)が文字を入力し始めるまで消えない。対してFirefox 10やOpera 11、Internet Explorer 10 PP5等ではフォーカスを当てただけで消える。仕様では特にどういう挙動になるべきかは決められていない(ような)ので、実装はベンダーのさじ加減。normalize.cssにこの実装の違いを吸収するルールが追加されたのでちょっと書いてみる。</p>
30137          </section>
30138        </a>
30139
30140
30141        <a href="/blog/coding/github-compare-commit-with-master">
30142          <section class="excerpt">
30143            <header>
30144              <p class="date"><time datetime="2012-03-10T18:02:26+09:00">10日</time></p>
30145
30146              <h3>GitHubで今開いているコミットをmasterの最新と比較する</h3>
30147            </header>
30148
30149            <p>GitHubには任意の二点間のスナップショット差分を見るためのCompareというビューがある。各リポジトリのページからこの機能にアクセスするUIがないのでマイナーな気がするけど、アクティビティーとかでちょっと使われてたりするので見たことはあるはず。CompareビューにはリポジトリのURLの最後に/compareと付けるだけで入ることができ、開かれるダイアログで任意のタグやブランチ、SHA1ハッシュを入力すると差分がズラッと並んでくれる。特定のコミットのページからは特にUIはないのだけどURLをちょっと書き換えるだけでmasterの最新との差分を見ることができる。</p>
30150          </section>
30151        </a>
30152
30153
30154        <a href="/blog/coding/sass-lists">
30155          <section class="excerpt">
30156            <header>
30157              <p class="date"><time datetime="2012-03-10T06:03:00+09:00">10日</time></p>
30158
30159              <h3>Sassのリスト</h3>
30160            </header>
30161
30162            <p>Sassではいわゆる「配列」のような複数のデータを格納するリストを作れる……というのだけど使ったことなかった。リファレンスでもさらっと流されてるし、リストを使う@eachの説明でもベタに並べてあるだけで、どうやって作ってどうやって使うのかイメージできなかった。変数の値を空白区切りにしたらリストな変数になるということはどう考えてもリファレンスからは読み取れなã
30162„と思う。</p>
30163          </section>
30164        </a>
30165
30166
30167        <a href="/blog/software/vim-css3-syntax-5">
30168          <section class="excerpt">
30169            <header>
30170              <p class="date"><time datetime="2012-03-09T15:18:37+09:00">9日</time></p>
30171
30172              <h3>vim-css3-syntax v0.4+ɑ</h3>
30173            </header>
30174
30175            <p>CSS Values and Units ModuleがLast Callになったので、合わせてvim-css3-syntaxを更新した。結構変わってた。vmがvminに変わってたのは知らなかったな。WebKitがvwあたりを実装したニュースは流し読みしてたのでちょっと不安になったけど、ちゃんとvminでの実装だった。ていうかそうじゃなかったらLast Callにならないか。</p>
30176          </section>
30177        </a>
30178
30179
30180        <a href="/blog/webdesign/revert-footer-cc-info">
30181          <section class="excerpt">
30182            <header>
30183              <p class="date"><time datetime="2012-03-08T15:34:48+09:00">8日</time></p>
30184
30185              <h3>フッターのCC文言を復活させた</h3>
30186            </header>
30187
30188            <p>HTMLのlinkやa要素でのrel属性だけではさすがにアレだなぁと思いつつ放置してたけど、ちゃんと文字列でCC BY-NCだということを表記するようにした。ついでにちょっと背景を追加したりとか。サトル! グランジ!</p>
30189          </section>
30190        </a>
30191
30192
30193        <a href="/blog/webdesign/display-list-item-and-block-in-ie9">
30194          <section class="excerpt">
30195            <header>
30196              <p class="date"><time datetime="2012-03-08T14:45:05+09:00">8日</time></p>
30197
30198              <h3>リストにした要素の子にブロックがあるとIE9で……</h3>
30199            </header>
30200
30201            <p>display: list-itemとした要素の中にブロックがあると要素の上に消すことのできない余白が現れることがあるというバグ問題で、IE9と書いたけど残念なことにIE10 PP4でも起こった。必ず起こるというわけではなくて、list-itemな要素とblockな要素の間にa要素などが挟まる場合という条件がある。marginやpaddingプロパティーを0にしてもこの謎の余白は消えない。</p>
30202          </section>
30203        </a>
30204
30205
30206        <a href="/blog/webdesign/selector-nesting-on-css-pre-processor">
30207          <section class="excerpt">
30208            <header>
30209              <p class="date"><time datetime="2012-03-06T17:58:51+09:00">6日</time></p>
30210
30211              <h3>セレクターのネスト</h3>
30212            </header>
30213
30214            <p>Sass等のCSSプリプロセッサーではネストを使ってくだくだしい(単に長い)セレクターを意識することなく自然に書けてしまうので、あとでちょっとだけ上書きしようかなとか言う時に面倒なことになったりする。CSSのカスケーディングは魔窟だし! 特にSassでは@extendでセレクターの順序が変わってハマるなどということもあるので、CSSの感覚にネストを組み合わせて書いていると簡単に破綻する。</p>
30215          </section>
30216        </a>
30217
30218
30219        <a href="/blog/internet/temporary-stop-using-pinterest">
30220          <section class="excerpt">
30221            <header>
30222              <p class="date"><time datetime="2012-03-05T11:13:18+09:00">5日</time></p>
30223
30224              <h3>Pinterestの使用をちょっと休止</h3>
30225            </header>
30226
30227            <p>色々なところで触れられているので詳しいことは省略するけど、PinterestのTOSのある部分が直接の原因。間接的な原因は使ってもない人が過剰に反応して煽りまくるので煩わしくなったこと。「大丈夫?」とか余計なお世話すぎる。使ってると恥ずかしい感あるとかちょっと前に書いたけど、その段階を通り越して使ってると犯罪者みたいな感じになってて面白い。</p>
30228          </section>
30229        </a>
30230
30231
30232        <a href="/blog/software/easy-to-read-git-log">
30233          <section class="excerpt">
30234            <header>
30235              <p class="date"><time datetime="2012-03-04T09:01:08+09:00">4日</time></p>
30236
30237              <h3>git logを見やすく</h3>
30238            </header>
30239
30240            <p>git log --graph --onelineをメインに使っていたんだけど、現在時刻に対する相対的な時刻とかコミッターの名前とか表示したくなったã
30240®ã§è‰²ã€…いじってた。%C(white bold blue)とかでターミナルの色を参照して文字色と背景色を指定することができるということを理解するまでが長かった……。</p>
30241          </section>
30242        </a>
30243
30244
30245        <a href="/blog/coding/update-csslint-phantomjs">
30246          <section class="excerpt">
30247            <header>
30248              <p class="date"><time datetime="2012-03-03T14:27:19+09:00">3日</time></p>
30249
30250              <h3>CSS LintのPhantomJS向けCLIをちょっと変えた</h3>
30251            </header>
30252
30253            <p>PhantomJSからCSS Lintを使うで書いたCSS LintのPhantomJS向けCLIを1ファイルで完結するようにClosure Compilerで連結した。オプションに対応とかじゃない。対応しようかと思ってたんだけど、ルールのオン・オフとかすごい面倒な感じだったのでやめた。外部ファイルに設定書けるようになったりするまではデフォルトで使ってようと思ってる。</p>
30254          </section>
30255        </a>
30256
30257
30258        <a href="/blog/software/increment-and-decrement-number-in-google-chrome-developer-tools">
30259          <section class="excerpt">
30260            <header>
30261              <p class="date"><time datetime="2012-03-02T06:18:20+09:00">2日</time></p>
30262
30263              <h3>Google Chrome 17のDeveloper Toolsでの数字操作</h3>
30264            </header>
30265
30266            <p>Google ChromeのDeveloper Toolsでは数字にカレットがあると矢印キーの上下でインクリメントとデクリメントが出来る。17になってからそれが常に1刻みになり(以前はコンテキストで増減数が変化した)不便だなーと思ってたんだけど、ShiftやAltを組み合わせると1刻み以外で増減できることを少し前に知った(結構前からあった)。</p>
30267          </section>
30268        </a>
30269
30270
30271        <a href="/blog/software/optipng-0.7">
30272          <section class="excerpt">
30273            <header>
30274              <p class="date"><time datetime="2012-03-01T14:24:15+09:00">1日</time></p>
30275
30276              <h3>OptiPNGにメタデータ削除機能が付いた</h3>
30277            </header>
30278
30279            <p>OptiPNGが0.7にバージョンアップして、待望のメタデータを削除する機能がついた。これでpngcrushいらなくなるかも。0.7では他にlibpngの脆弱性についての対応もなされているので、使用している人は更新するべき。</p>
30280          </section>
30281        </a>
30282
30283
30284        <a href="/blog/webdesign/two-plus-nine-plus-one">
30285          <section class="excerpt">
30286            <header>
30287              <p class="date"><time datetime="2012-03-01T04:23:35+09:00">1日</time></p>
30288
30289              <h3>2 + 9 + 1</h3>
30290            </header>
30291
30292            <p>シングル・カラムをベースに、ある程度ブラウザーの描画領域が広い場合は記号をぶら下げたりとかfigcaptionの飛び出しとか少し余白を有効活用する感じに少し前から変更している。当初は3:9でカラム分けていて、これだと右に寄り過ぎかなーという感じだったので、試しに2:9:1として右に少し余白を取るようにしたら少し安定した感じだけど、もっとガッと右に寄せた方が良いのかもしれない。ロゴも2:9:1のカラム分けに合わせてサイズをデザインを変更した。</p>
30293          </section>
30294        </a>
30295
30296          </section>
30297          <section>
30298            <h2><time datetime="2012-02">2012年2月</time></h2>
30299
30300        <a href="/blog/internet/meta-name-pinterest-content-nopin">
30301          <section class="excerpt">
30302            <header>
30303              <p class="date"><time datetime="2012-02-28T05:06:41+09:00">28日</time></p>
30304
30305              <h3>Pinterestのnopin</h3>
30306            </header>
30307
30308            <p>「対策しました!」みたいなニュースが普通に注目されちゃうとかPinterestの勢いはすごいな。「対策」っていうのはおかしい気がするけど(どちらかというとPinterest寄りの目線なので)。それはまぁともかくnopinは実装がおかしい気がしてしょうがない。あまり興味もなかったã
30308®ã§nopinの話は読み流していたため「えっ? alert()?」とか思っただけだった。ちょっと追ってみたところクライアント側のJavaScriptでチェックしてるだけで、実際にはPinterestはnopinをチェックしていないと言って良いと思う。</p>
30309          </section>
30310        </a>
30311
30312
30313        <a href="/blog/gadget/muji-rechargeable-radio">
30314          <section class="excerpt">
30315            <header>
30316              <p class="date"><time datetime="2012-02-27T03:02:49+09:00">27日</time></p>
30317
30318              <h3>無印良品の充電ラジオを買った</h3>
30319            </header>
30320
30321            <p>無印良品からつい最近新製品として発売された手回しとUSBからの充電に対応しているラジオのこと。5900円。LEDのライトが付いてたり乾電池も使えたり、USB経由で携帯の充電が可能だったりと防災向け。前にもあった奴よりちょっと大きくなったらしいが、代わりに内蔵電池の容量が倍以上に増えているのでより災害に強くなったとは言えそう。役に立つ日は来ないと良いな。</p>
30322          </section>
30323        </a>
30324
30325
30326        <a href="/blog/webdesign/not-print">
30327          <section class="excerpt">
30328            <header>
30329              <p class="date"><time datetime="2012-02-26T02:46:03+09:00">26日</time></p>
30330
30331              <h3>not print</h3>
30332            </header>
30333
30334            <p>Media Queriesではnotというキーワードを使って特定のメディア・タイプ以外をターゲッティングできる。link要素で使うと、notを認識しない生きる化石ブラウザーではそのlink要素で指定されたスタイルシート・ファイルが読み込まれないので、not printなどとすることによりscreen向けのスタイルシート・ファイルを古いブラウザーから隠すことができる。あーつまりすっぴんの刑。</p>
30335          </section>
30336        </a>
30337
30338
30339        <a href="/blog/internet/dropmark">
30340          <section class="excerpt">
30341            <header>
30342              <p class="date"><time datetime="2012-02-25T22:40:11+09:00">25日</time></p>
30343
30344              <h3>Dropmark</h3>
30345            </header>
30346
30347            <p>Dropmarkというウェブサービスをちょっと使い始めた。現在はまだ招待制のベータ。Dropboxからローカルでの管理機能を省いたものという感じではあるんだけど、その説明だと近くて遠い感じ。Dropboxの共有フォルダでのコラボレーションを主眼に置いたものというと近そう。Free版での1GBまでの制限は、コラボレーションで使うと直ぐに足りなくなりそうな気はする。</p>
30348          </section>
30349        </a>
30350
30351
30352        <a href="/blog/webdesign/why-normalize">
30353          <section class="excerpt">
30354            <header>
30355              <p class="date"><time datetime="2012-02-24T05:24:41+09:00">24日</time></p>
30356
30357              <h3>なぜnormalize.cssなのか</h3>
30358            </header>
30359
30360            <p>リセットでは弊害がありすぎるとか、ノーマライズの控えめなところが良いとか、まぁいろいろだとは思う。僕はそもそもリセットとかノーマライズとか自分で書いていないルールを取り込むのが好きではないので、なるべくその類のものの使用は最小限に抑えたい。YUI CSS Resetなどでは好むと好まざるに関わらず全て取り込まないとならないけど、normalize.cssではブラウザ間での差異を統一するための各コードが独立しているので、必要なものだけを取り込むなどというような使い方も難しくない。そういった自分の書くCSSとブラウザー側の実装の緩衝材(polyfill)として機能するというところがnormalize.cssを気に入った理由で、これからも使っていきたい理由。</p>
30361          </section>
30362        </a>
30363
30364
30365        <a href="/blog/webdesign/body-box-shadow-in-ie9">
30366          <section class="excerpt">
30367            <header>
30368              <p class="date"><time datetime="2012-02-23T10:35:16+09:00">23日</time></p>
30369
30370              <h3>IE9でbody要素へbox-shadowが付けられない</h3>
30371            </header>
30372
30373            <p>タイトルまま。他のブラウザでは大体意図した通りにbox-shadowが付く。box-shadowプロパティーはIE9でもtable要素絡みあたり以外ならまともに動くので、エッジケースと考えて良さそう。一応解決方法もある。</p>
30374          </section>
30375        </a>
30376
30377
30378        <a href="/blog/software/vim-move-tabpage">
30379          <section class="excerpt">
30380            <header>
30381              <p class="date"><time datetime="2012-02-23T02:43:51+09:00">23日</time></p>
30382
30383              <h3>Vimでタブページの位置を変更する</h3>
30384            </header>
30385
30386            <p>Vimでバッファーごとにタブページを開くみたいなヌルい使い方をしているみなさんこん○○は。タブページを適当に開きまくるとたまに整理してやらないとごちゃごちゃになるので、簡単に位置を変えられないかなーとタブページのヘルプをちゃんと読ã
30386‚“だら:tabmoveというまんまなコマンドでできることがわかった。</p>
30387          </section>
30388        </a>
30389
30390
30391        <a href="/blog/webdesign/right-sidebar-ads">
30392          <section class="excerpt">
30393            <header>
30394              <p class="date"><time datetime="2012-02-22T17:20:45+09:00">22日</time></p>
30395
30396              <h3>右サイドバーに広告</h3>
30397            </header>
30398
30399            <p>コンテンツの右にサイドバーがあると、行を読み終わって左に視線移動をする際にすごく気になる(うっとうしいとも言う)。そういった意味でその右サイドバーに広告を置くというのはCTR的には結構良い。実際にこのWebサイトでは右にサイドバーを置いていた頃の方が広告のCTRは高かった(収入は今の方が上だけど)。先ごろリニューアルしたSmashing Magazineでは、CTR重視で右サイドバーの広告は維持した形になったんじゃないかと思う。</p>
30400          </section>
30401        </a>
30402
30403
30404        <a href="/blog/webdesign/pixel-pushing">
30405          <section class="excerpt">
30406            <header>
30407              <p class="date"><time datetime="2012-02-21T15:37:08+09:00">21日</time></p>
30408
30409              <h3>ボタンの押し込みをCSSで表現する</h3>
30410            </header>
30411
30412            <p>時代は:active! タッチ・デバイスに:hoverなどない! みたいになりつつあるような気がしないでもないので、ボタンの押し込みの表現を色々考えている。とは言ってもタッチ・デバイスでは:active擬似クラスもいまいちアレなのでまだあんまり意味なかったりするけど。三周回ってデフォルト使えみたいな感じになっている節もある。ですよねー。</p>
30413          </section>
30414        </a>
30415
30416
30417        <a href="/blog/software/vim-css3-syntax-4">
30418          <section class="excerpt">
30419            <header>
30420              <p class="date"><time datetime="2012-02-20T12:58:58+09:00">20日</time></p>
30421
30422              <h3>vim-css3-syntaxがvim-lessのハイライトを壊してしまう</h3>
30423            </header>
30424
30425            <p>vim-css3-syntaxとvim-lessを両方入れている環境で、LESSの引数付きミックスイン内がハイライトされなくなってしまうバグを直した(つもり)。コンフリクトかと思ったら普通にバグだった……。でも他にもこのあたりの絡みで不具合があって、多分vim-less側でも対処しないと完全には直らないと思う。まぁとにかく一部は直せたので、両方使っている人は更新してみてください。</p>
30426          </section>
30427        </a>
30428
30429
30430        <a href="/blog/webdesign/monospace-font-sizing-incompatibilities">
30431          <section class="excerpt">
30432            <header>
30433              <p class="date"><time datetime="2012-02-19T16:16:45+09:00">19日</time></p>
30434
30435              <h3>等幅フォントが使われる要素の扱いがブラウザー間でまちまちな問題</h3>
30436            </header>
30437
30438            <p>少し前にFixing browsers’ broken monospace font handlingをNice Web Type経由で読んだんだけど、「単純に初期設定が違うだけだろ……%指定すれば大丈夫じゃね?」とか高をくくってたら大間違いだった。font-size: 100%がうまく動かなかったり、pre要素はともかくcode要素辺りでの実装のずれとか、monospaceだけだとWebKitでおかしくなるバグとかも絡んできてかなりの魔窟のようだ。この記事では触れられていないけど、言語設定によって等幅フォントの初期サイズが違うこともあるので更なるカオス。</p>
30439          </section>
30440        </a>
30441
30442
30443        <a href="/blog/webdesign/translation-of-learn-you-a-flexbox">
30444          <section class="excerpt">
30445            <header>
30446              <p class="date"><time datetime="2012-02-18T10:36:27+09:00">18日</time></p>
30447
30448              <h3>Learn You a Flexbox for Great Good!を訳した</h3>
30449            </header>
30450
30451            <p>おもしろい!Stephen Hayの書いたLearn You a Flexbox for Great Good!というCSS Flexible Box Layout Moduleについての記事がとても良かったã
30451®ã§ã€ŒFlexbox、おもしろいですよ?」というタイトルで日本語に訳した。もう一回言うけど、おもしろい!</p>
30452          </section>
30453        </a>
30454
30455
30456        <a href="/blog/webdesign/background-size-transtion">
30457          <section class="excerpt">
30458            <header>
30459              <p class="date"><time datetime="2012-02-17T12:25:12+09:00">17日</time></p>
30460
30461              <h3>bakcground-sizeをtransition</h3>
30462            </header>
30463
30464            <p>背景画像をbackground-sizeプロパティーで縦横サイズを制限して敷き詰めるというのは昔id:hitode909がやってた。それをCSS Transitionsで元のサイズに戻したらどうなるかなーとやってみたらそこそこ面白かった。きっかけは96x96.netを見たことで、こっちはborder-imageプロパティーを組み合わせていて、widthプロパティーをtransitionしている。</p>
30465          </section>
30466        </a>
30467
30468
30469        <a href="/blog/software/svg-favicon">
30470          <section class="excerpt">
30471            <header>
30472              <p class="date"><time datetime="2012-02-16T10:51:38+09:00">16日</time></p>
30473
30474              <h3>SVGのファビコン</h3>
30475            </header>
30476
30477            <p>@yoruakiのツイートを見て、SVGをfaviconとして表示できるブラウザーがあることを知ったので、手持ちの9つのブラウザーで確認してみた。</p>
30478          </section>
30479        </a>
30480
30481
30482        <a href="/blog/software/hougan">
30483          <section class="excerpt">
30484            <header>
30485              <p class="date"><time datetime="2012-02-15T11:10:20+09:00">15日</time></p>
30486
30487              <h3>Hougan v1.0</h3>
30488            </header>
30489
30490            <p>Houganは、方眼紙に似た感じの薄いグリッドの入ったパターン。グリッドは実線と点線の組み合わせになっていて、全体に薄くノイズも乗っている。</p>
30491          </section>
30492        </a>
30493
30494
30495        <a href="/blog/webdesign/ellegant-button">
30496          <section class="excerpt">
30497            <header>
30498              <p class="date"><time datetime="2012-02-14T10:52:40+09:00">14日</time></p>
30499
30500              <h3>_ellegant-button.scss</h3>
30501            </header>
30502
30503            <p>このサイトでも使っているSVGのグラデーションを利用したボタンをミックスインにしてscss-partialsに追加しておいた。:hoverで少し暗くなり、:activeで凹むようになっている。button要素でもa要素でも使える。あと、だいたいスケーラブル。</p>
30504          </section>
30505        </a>
30506
30507
30508        <a href="/blog/webdesign/use-vendor-prefixes-today-update-tomorrow">
30509          <section class="excerpt">
30510            <header>
30511              <p class="date"><time datetime="2012-02-13T05:41:51+09:00">13日</time></p>
30512
30513              <h3>ベンダー拡張プリフィックスを使いまくり更新しまくろう</h3>
30514            </header>
30515
30516            <p>ベンダー拡張プリフィックスはそれそのものがWebを破壊することはないし、ベンダー独自のプロパティーや関数が数万追加されて使われまくったとしても本当はWebは壊れない。またその文法が変更されても修正または追加すれば対応できるし、その余裕は十分にある。つまり壊れるのはほとんど全てのケースで開発者の怠慢に過ぎないので、ちゃんと仕様と実装を理解して必要ならば寝る間を惜しんで修正作業に血眼になるべき。みたいな実践を伴わない意識を僕は持っている。</p>
30517          </section>
30518        </a>
30519
30520
30521        <a href="/blog/webdesign/border-foo-radius-100-percent">
30522          <section class="excerpt">
30523            <header>
30524              <p class="date"><time datetime="2012-02-11T19:28:19+09:00">11日</time></p>
30525
30526              <h3>border-*-radius: 100%</h3>
30527            </header>
30528
30529            <p>あんまりborder-top-left-radiusプロパティーとか使ったことなかったのでスケーラブルな半円をborder-*-radiusプロパティーを組み合わせて作ろうとしてうまく行かなかった。スケーラブルにするのは仕様の理解と一工夫が必要なようだ。100%が100%じゃないことがあるので。</p>
30530          </section>
30531        </a>
30532
30533
30534        <a href="/blog/software/speed-up-key-repeat">
30535          <section class="excerpt">
30536            <header>
30537              <p class="date"><time datetime="2012-02-10T20:51:30+09:00">10日</time></p>
30538
30539              <h3>キーリピートの速度を上げる</h3>
30540            </header>
30541
30542            <p>Hayateを使ってたんだけど、最近常駐させるようになった何かと相性が悪いのか、たまにクラッシュするようになってしまった。代わりのソフトウェアもなさそうなのでレã
30542‚¸ã‚¹ãƒˆãƒªãƒ¼ã‚’いじってお茶を濁すことにした。</p>
30543          </section>
30544        </a>
30545
30546
30547        <a href="/blog/webdesign/on-orientation-change">
30548          <section class="excerpt">
30549            <header>
30550              <p class="date"><time datetime="2012-02-09T11:06:48+09:00">9日</time></p>
30551
30552              <h3>デバイスを回転させた時の話</h3>
30553            </header>
30554
30555            <p>少し前に回転させた時にフォント・サイズを変えるとまずいんじゃないかというようなエントリーを書いたんだけど、同じような事を取り上げつつまったく逆の結論にたどり着いてるFluid grids, orientation &amp; resolution independenceというエントリーを見つけたので読んだ。2か月ほど前のエントリーなので、筆者も今はもう違う意見を持っているのかもしれないけど、ざっと要約してその感想を書く。</p>
30556          </section>
30557        </a>
30558
30559
30560        <a href="/blog/media/comics-2011">
30561          <section class="excerpt">
30562            <header>
30563              <p class="date"><time datetime="2012-02-08T19:57:29+09:00">8日</time></p>
30564
30565              <h3>2011年に買ったマンガ</h3>
30566            </header>
30567
30568            <p>ネタに詰まるとアフィリエイトに走るのがこのWebサイトの良いところです。</p>
30569          </section>
30570        </a>
30571
30572
30573        <a href="/blog/webdesign/on-scaling-font-size">
30574          <section class="excerpt">
30575            <header>
30576              <p class="date"><time datetime="2012-02-07T07:05:35+09:00">7日</time></p>
30577
30578              <h3>フォント・サイズの拡大縮小について</h3>
30579            </header>
30580
30581            <p>ブラウザーの描画領域に合わせてフォント・サイズを変更するようにしたんだけど、スマートフォンやタブレット機器の回転機能のことを考えてなかったなーということに思い至った。フォント・サイズの変更を行うブレークポイント次第で回転させただけでフォント・サイズが変わってしまい、結果として読みづらくなってしまうことがあるということ。</p>
30582          </section>
30583        </a>
30584
30585
30586        <a href="/blog/webdesign/rem-unit">
30587          <section class="excerpt">
30588            <header>
30589              <p class="date"><time datetime="2012-02-06T02:03:53+09:00">6日</time></p>
30590
30591              <h3>rem単位</h3>
30592            </header>
30593
30594            <p>ルート要素の文字サイズを基準にする長さの単位remにOperaが11.6で対応した。これで5大ブラウザの最新安定バージョン全てで使えるようになったことになる。主に見出しのマージンの指定などで威力を発揮するんじゃないかと思うし、emよりもグリッドシステムに向いてそうな気配がある。ただrem単位をサポートしていないブラウザではガン無視されるので、書き方には工夫が必要になる。</p>
30595          </section>
30596        </a>
30597
30598
30599        <a href="/blog/webdesign/space-between-a-double-border">
30600          <section class="excerpt">
30601            <header>
30602              <p class="date"><time datetime="2012-02-05T16:50:19+09:00">5日</time></p>
30603
30604              <h3>border-style: doubleの間のスペース</h3>
30605            </header>
30606
30607            <p>border-styleプロパティーでsolid以外が使われることは滅多にないけど、doubleはそこそこ使われるんじゃないかと思う。他は大体残念な感じになることが多いが、doubleは安定しているので。そのdoubleでは2本の線が引かれその間にスペースが出来る。一体このスペースはどうなってるのかみたいなどうでも良さそうな話。</p>
30608          </section>
30609        </a>
30610
30611
30612        <a href="/blog/webdesign/remove-margin-and-indent-continuous-p">
30613          <section class="excerpt">
30614            <header>
30615              <p class="date"><time datetime="2012-02-04T15:03:44+09:00">4日</time></p>
30616
30617              <h3>段落間のマージンを省きインデントする</h3>
30618            </header>
30619
30620            <p>段落(p要素)が続く場合、その間のマージンを省き、全角2文字分インデントするようにした。Islands of Thought in Macrotypographyで推奨されていて、ざっと読んで直ぐにやりたくなったã
30620®ã§ã€‚まぁでも海の向こうのタイポグラフィー・テクニックって感じではあるので、しばらくしたら戻すと思う。</p>
30621          </section>
30622        </a>
30623
30624
30625        <a href="/blog/webdesign/opacity-and-z-index">
30626          <section class="excerpt">
30627            <header>
30628              <p class="date"><time datetime="2012-02-04T00:45:04+09:00">4日</time></p>
30629
30630              <h3>opacityとz-index</h3>
30631            </header>
30632
30633            <p>opacityプロパティーで1より下が指定された要素はその重なり順が変化するという仕様があるようだ。擬似要素を複数組み合わせて紙をずらして重ねたようにロゴをちょっと改悪した時に初めて知った。いつものChromeのバグかと思った……。</p>
30634          </section>
30635        </a>
30636
30637
30638        <a href="/blog/webdesign/version-six-point-fifteen">
30639          <section class="excerpt">
30640            <header>
30641              <p class="date"><time datetime="2012-02-02T12:36:43+09:00">2日</time></p>
30642
30643              <h3>v6.15</h3>
30644            </header>
30645
30646            <p>ブラウザーのサイズによって文字の大きさを少し変えるようにしたので、それに合わせてemを使ってレイアウトするようにした。縦のリズムもちゃんと計算してやろうかと思ってるけど面倒になってきた。やって思ったのはやっぱりcalc()が必要ということ。違う単位を混ぜられるのはとても手軽だ。Sassでも無理だし、将来的にもできるようにならないし。faviconもちょっとだけ変えた。</p>
30647          </section>
30648        </a>
30649
30650
30651        <a href="/blog/webdesign/opera-and-web-fonts">
30652          <section class="excerpt">
30653            <header>
30654              <p class="date"><time datetime="2012-02-01T10:55:41+09:00">1日</time></p>
30655
30656              <h3>OperaでWebフォントを使うと日本語が明朝体になる</h3>
30657            </header>
30658
30659            <p>タイトルはかなり不正確。Webフォントを使用した場合、そのフォントが持っていないグリフはfont-familyでの指定に従って適切にフォールバックされるべきところだが、Operaでは強制的にserif系のフォントが選択されてしまうというと正確。確認したバージョンは11.60(と11.61)。サブセット化されているためグリフを一部しか持っていない欧文フォントやアイコン・フォントで、持ってないグリフがTimes New Roman等になってしまうということでもあるので、意外に影響範囲は大きそう。</p>
30660          </section>
30661        </a>
30662
30663          </section>
30664          <section>
30665            <h2><time datetime="2012-01">2012年1月</time></h2>
30666
30667        <a href="/blog/misc/ellaneous-2012-01-31">
30668          <section class="excerpt">
30669            <header>
30670              <p class="date"><time datetime="2012-01-31T10:43:21+09:00">31日</time></p>
30671
30672              <h3>あう</h3>
30673            </header>
30674
30675            <p>あう。</p>
30676          </section>
30677        </a>
30678
30679
30680        <a href="/blog/webdesign/normalize-scss">
30681          <section class="excerpt">
30682            <header>
30683              <p class="date"><time datetime="2012-01-30T09:57:53+09:00">30日</time></p>
30684
30685              <h3>normalize.scss: Modularized and Sassy normalize.css</h3>
30686            </header>
30687
30688            <p>normalize.cssをルールごとに分離させて、必要なルールだけをSassのpartialとして@importできるようにしたnormalize.scssを作った。各ルールには特に手を入れず、normalize.cssのセクションごとにディレクトリを切って整理しただけ。それぞれのpartialは特にSassに依存してるわけではないので普通にcatで連結しても使える。</p>
30689          </section>
30690        </a>
30691
30692
30693        <a href="/blog/webdesign/cut-a-triangle-from-an-image-with-css">
30694          <section class="excerpt">
30695            <header>
30696              <p class="date"><time datetime="2012-01-29T09:44:11+09:00">29日</time></p>
30697
30698              <h3>CSSで画像を三角に切り抜く</h3>
30699            </header>
30700
30701            <p>要素の一部を切り抜くclipプロパティー(CSS3ではcropにリネームされる予定)で使える関数にtri()とか欲しい所だけどないものはないし、追加されるとã
30701‚‚思えないのでどうにかする話。空前のCSSで三角にするブーム。丸いサムネイルとかアキマシタヨネー。</p>
30702          </section>
30703        </a>
30704
30705
30706        <a href="/blog/webdesign/head-element-and-itemprop-attribute">
30707          <section class="excerpt">
30708            <header>
30709              <p class="date"><time datetime="2012-01-28T09:02:07+09:00">28日</time></p>
30710
30711              <h3>head要素以下でのitemprop属性</h3>
30712            </header>
30713
30714            <p>Microdataではitemprop属性を使ってプロパティーを追加する。HTML標準仕様の変更によってbody要素以下でもlinkやmeta要素を使えるようになったので、どうでも良いマークアップを追加してCSSで隠して誤魔化すとかしなくても大体なんとかなるようになった。しかしその一方でlinkとmeta要素はitemprop属性と同時にrel属性やname属性を使うことはできない。そのため例えば&lt;meta name=&quot;description&quot;&gt;タグにitemprop=&quot;description&quot;を追加してWebPageスキーマのプロパティーとして追加するなどということは無理。</p>
30715          </section>
30716        </a>
30717
30718
30719        <a href="/blog/webdesign/element-css-function">
30720          <section class="excerpt">
30721            <header>
30722              <p class="date"><time datetime="2012-01-27T05:48:21+09:00">27日</time></p>
30723
30724              <h3>CSSのelement()関数</h3>
30725            </header>
30726
30727            <p>せめてWebKitに実装されてからとか思ってたけど、CSS Image Values and Replaced Content Module Level 3がLast Callになったのでいい機会ということにしてelement()関数についてエントリを書く。element()関数は任意のIDを引数に取ることができ、その要素を画像として参照できるというなかなかの荒業な関数。具体的には画像のサムネイルを簡単に作成できるとかそういうものをイメージするとわかりやすいと思う。</p>
30728          </section>
30729        </a>
30730
30731
30732        <a href="/blog/webdesign/enable-javascript-ja">
30733          <section class="excerpt">
30734            <header>
30735              <p class="date"><time datetime="2012-01-26T12:35:38+09:00">26日</time></p>
30736
30737              <h3>あなたのブラウザでJavaScriptを有効にする方法</h3>
30738            </header>
30739
30740            <p>How to enable JavaScript in your browserの日本語版ができた。できたというか訳した。能動的にJavaScriptを無効にしてるとか今時あまりない気がするけど、何かの間違いで無効になってしまったような人のためとかでもあると思うので一定の需要はありそう。</p>
30741          </section>
30742        </a>
30743
30744
30745        <a href="/blog/webdesign/details">
30746          <section class="excerpt">
30747            <header>
30748              <p class="date"><time datetime="2012-01-26T05:10:14+09:00">26日</time></p>
30749
30750              <h3>ディテール</h3>
30751            </header>
30752
30753            <p>Webページにおける細かいパーツを正しく実装することがユーザー経験の向上につながるということについて書かれたUI: Getting the Details Rightを読んだ。WordPressの結構な人気テーマでもタブがあたかもパンくずリストのように表示されていたりするし、頭ではわかってても実践にまでは至らないことも多そう。</p>
30754          </section>
30755        </a>
30756
30757
30758        <a href="/blog/webdesign/create-scalable-triangle-edge-with-css-gradient">
30759          <section class="excerpt">
30760            <header>
30761              <p class="date"><time datetime="2012-01-25T05:26:58+09:00">25日</time></p>
30762
30763              <h3>スケーラブルな三角形をCSSグラデーションで作る</h3>
30764            </header>
30765
30766            <p>ひとつ前のエントリで書いたやり方だとスケーラブルじゃないので著しく生産性に欠ける。真っ当にCSSグラデーションを書いてうまく重ねてやるとスケーラブルな三角形を作ることができるようだ。変な書き方を知っているのも良し悪しですね!</p>
30767          </section>
30768        </a>
30769
30770
30771        <a href="/blog/webdesign/create-and-animate-triangle-edge-with-css-gradient">
30772          <section class="excerpt">
30773            <header>
30774              <p class="date">
30774<time datetime="2012-01-24T09:24:20+09:00">24日</time></p>
30775
30776              <h3>CSSグラデーションで三角を作ってアニメーションさせる</h3>
30777            </header>
30778
30779            <p>擬似要素とborderプロパティーを組み合わせてCSSで三角形を作る方法はかなり市民権を得ているように思う。ちょくちょく見かけるようになった。しかしこのテクニックには欠点がいくつかある。例えばbox-shadowがうまくつかないこととか。それ以外にもWebKitでCSS Transitionによるアニメーションが起こらないという欠点もある。それを回避するために三角を作る新たな方法を発明したという話。</p>
30780          </section>
30781        </a>
30782
30783
30784        <a href="/blog/webdesign/border-and-css-transform-bug-on-opera">
30785          <section class="excerpt">
30786            <header>
30787              <p class="date"><time datetime="2012-01-22T08:42:46+09:00">22日</time></p>
30788
30789              <h3>borderとCSS Transformを組み合わせるとOperaでバグる</h3>
30790            </header>
30791
30792            <p>写真を紙に挟んだような効果をCSSで作ったらOperaでバグった話。細い枠線でも起こるけど気づきづらい。太くするととてもわかりやすい。border絡みは大体いずれかのブラウザで残念な結果に終わるという経験則はやはり正しかった。</p>
30793          </section>
30794        </a>
30795
30796
30797        <a href="/blog/webdesign/problematic-google-web-fonts-on-windows-safari">
30798          <section class="excerpt">
30799            <header>
30800              <p class="date"><time datetime="2012-01-22T01:04:32+09:00">22日</time></p>
30801
30802              <h3>WindowsのSafariで表示がおかしくなるGoogle Web Fontsのフォント</h3>
30803            </header>
30804
30805            <p>昨日気づいたんだけど、Google Web Fontsの一部フォントでWindowsのSafariにおいて表示がおかしくなる。昔散見されたiTunesからぶっこ抜いたLucida GrandeでWebページの表示が一部おかしくなる問題と似てる気がする(けどもうよく覚えていない)ので、Webフォント特有の問題でもGoogle Web Fonts特有の問題でもなさそう。</p>
30806          </section>
30807        </a>
30808
30809
30810        <a href="/blog/media/collect-wallpapers-on-pinterest">
30811          <section class="excerpt">
30812            <header>
30813              <p class="date"><time datetime="2012-01-21T20:31:42+09:00">21日</time></p>
30814
30815              <h3>Wallpapers on Pinterest</h3>
30816            </header>
30817
30818            <p>Pinterestを使ってデスクトップ壁紙のコレクションを始めた。画像の縦横比がそれぞれのPinでほぼ一緒なので敷き詰めてもあまり面白くないのがちょっと悲しい。</p>
30819          </section>
30820        </a>
30821
30822
30823        <a href="/blog/webdesign/version-six-point-thirteen">
30824          <section class="excerpt">
30825            <header>
30826              <p class="date"><time datetime="2012-01-21T00:52:41+09:00">21日</time></p>
30827
30828              <h3>v6.13</h3>
30829            </header>
30830
30831            <p>ちょっと色々手を入れたのでエントリにする。手を入れたというか一度全部Webフォントでやってみたいなーと思ったので、そうしてみた話。まぁ日本語は無理なのでそんなにだけど。</p>
30832          </section>
30833        </a>
30834
30835
30836        <a href="/blog/internet/lost-facebook-page-admin-rights">
30837          <section class="excerpt">
30838            <header>
30839              <p class="date"><time datetime="2012-01-18T22:21:11+09:00">18日</time></p>
30840
30841              <h3>Facebookページの管理ができなくなった</h3>
30842            </header>
30843
30844            <p>先週末あたりから自分の所持しているFacebookページ(例えばhail2u.net)の管理ができなくなった。同じタイミングで同様の不具合に遭遇している人をそこそこフォーラムでは見かける。今のところKnown Issuesでは取り上げられていない。一部の人は稀に管理UIにアクセスできたりとか挙動不審らしい。</p>
30845          </section>
30846        </a>
30847
30848
30849        <a href="/blog/blosxom/monthview-plugin">
30850          <section class="excerpt">
30851            <header>
30852              <p class="date"><time datetime="2012-01-18T14:16:03+09:00">18日</time></p>
30853
30854              <h3>Blosxom: monthviewプラグイン</h3>
30855            </header>
30856
30857            <p>月毎のビューの時にflavourをサクっと切り替えるmonthviewというBlosxomのプラグインを書いた。list_title_at_monthの汎用版みたいな感じ。</p>
30858          </section>
30859        </a>
30860
30861
30862        <a href="/blog/webdesign/media-queries-2012">
30863          <section class="excerpt">
30864            <header>
30865              <p class="date"><time datetime="2012-01-17T10:48:02+09:00">17日</time></p>
30866
30867              <h3>2012年のMedia Queries</h3>
30868            </header>
30869
30870            <p>2011年にはMobile Firstという手法が浸透した。当初は多分に技術的な事情によるもので、先に低解像度向けのスタイルを書くことによって、高解像度向けのスタイルで使われる大きな画像を読み込まれないようにするというテクニックでしかなかった。しかし、結果としてコンテンツ重視でCSSを書きやすくなることがわかり、急速に浸透することになった。Media QueriesはそんなMobile Firstの中核をなす技術だが、その使われ方は限定的なもの(ほぼmin-widthとprintだけ)だ。2012年にはそこらへんも変わってくるんじゃないかと思う。</p>
30871          </section>
30872        </a>
30873
30874
30875        <a href="/blog/coding/itemprop-with-a-element">
30876          <section class="excerpt">
30877            <header>
30878              <p class="date"><time datetime="2012-01-16T00:26:27+09:00">16日</time></p>
30879
30880              <h3>a要素でのitemprop属性</h3>
30881            </header>
30882
30883            <p>Microdataではitemprop属性を指定された要素からどうやって値を選択するか厳密に決められていて、それに外れた書き方はできない。metaやtime、img要素の場合はまぁそうなるよねみたいな感じなんだけど、a要素だけがちょっと。</p>
30884          </section>
30885        </a>
30886
30887
30888        <a href="/blog/internet/support-hatena-antenna">
30889          <section class="excerpt">
30890            <header>
30891              <p class="date"><time datetime="2012-01-14T13:41:43+09:00">14日</time></p>
30892
30893              <h3>
30893はてなアンテナに対応した</h3>
30894            </header>
30895
30896            <p>はてなアンテナでコンテンツの更新を受け取れるようにこのWebサイトのトップページを定期的に、具体的にはブログのエントリを書いた後に、静的に生成するようにした。「アンテナに対応した」っていう言葉がものすごいツボったので勢いでエントリに。</p>
30897          </section>
30898        </a>
30899
30900
30901        <a href="/blog/webdesign/last-called-css-gradient-syntax">
30902          <section class="excerpt">
30903            <header>
30904              <p class="date"><time datetime="2012-01-14T10:51:02+09:00">14日</time></p>
30905
30906              <h3>Last CallったCSSグラデーションの文法</h3>
30907            </header>
30908
30909            <p>CSS Image Values and Replaced Content Module Level 3がLast Callったので読みなおした。古い独自実装の文法と旧仕様に基づく文法、Last Callに基づく文法にベンダー拡張プリフィックスが組み合わさるカオスな世界の始まりですね!(ブラウザがよしなにしてくれることを期待せずに)まともに対応させようとしたらCSSグラデーションを背景に使うためにbackground-imageを10行くらい書かなくてはならなそうで、もはやSassやLESSの出番とかそういう次元の話ではない。</p>
30910          </section>
30911        </a>
30912
30913
30914        <a href="/blog/software/additional-scss-syntax">
30915          <section class="excerpt">
30916            <header>
30917              <p class="date"><time datetime="2012-01-12T17:50:34+09:00">12日</time></p>
30918
30919              <h3>VimでのSCSSの構文強調を最新版のSassに対応させる</h3>
30920            </header>
30921
30922            <p>SassのSCSSを書いていて@functionや@eachが構文強調されないことにイラッとすることが増えてきたのでサクッと書いた。確認した範囲では大体うまくいっているような気がする。気が向いたらリポジトリ作る。</p>
30923          </section>
30924        </a>
30925
30926
30927        <a href="/blog/webdesign/noscript-in-head">
30928          <section class="excerpt">
30929            <header>
30930              <p class="date"><time datetime="2012-01-12T14:10:29+09:00">12日</time></p>
30931
30932              <h3>noscript要素をhead要素で使う</h3>
30933            </header>
30934
30935            <p>様々なライブラリのお陰でJavaScriptでドキュメントをゴニョゴニョするのが簡単になったので、代替コンテンツを用意することはあまりなくなった。そのためnoscript要素が使われているページを見ることはまず無い。などと始めながらそういう代替コンテンツのためのnoscript要素の話ではなく、head要素内でうまく使うとJavaScriptの有効・無効でユーザーを振り分けられるという話。</p>
30936          </section>
30937        </a>
30938
30939
30940        <a href="/blog/webdesign/use-google-cdn-or-just-cat">
30941          <section class="excerpt">
30942            <header>
30943              <p class="date"><time datetime="2012-01-11T10:51:52+09:00">11日</time></p>
30944
30945              <h3>GoogleのCDNを使うか単にcatするか</h3>
30946            </header>
30947
30948            <p>有名ライブラリ、例えばjQueryを利用する時GoogleのCDNを使うことが多いけど、どうせ依存するなら単にcatしてまとめても良い(はず)。つまりHTTPリクエストがひとつ増えるデメリットと転送量の低下を期待するメリットのどちらがそのWebサイトにとって効果的かを考えなã
30948ã¦ã¯ãªã‚‰ãªã„。</p>
30949          </section>
30950        </a>
30951
30952
30953        <a href="/blog/software/call-ctrlp-vim-based-on-git-status">
30954          <section class="excerpt">
30955            <header>
30956              <p class="date"><time datetime="2012-01-09T15:13:59+09:00">9日</time></p>
30957
30958              <h3>Git配下のファイルかどうかでCtrlPを切り替える</h3>
30959            </header>
30960
30961            <p>CtrlP (ctrlp.vim)では上位ディレクトリを辿って.gitとかがあったらそこを基準に起動するようにデフォルトではなっている。でもちょっと考えれば分かる通り、深い階層でかつGit配下ではない場合に非常に重い。ので設定でアクティブなバッファーのファイルのディレクトリを基準にしたりとかしてた。けどやはりGit配下の場合はやっぱりそれを考慮して欲しいので、Git配下かどうかを調べて適宜切り替える関数を書いて使い始めた。</p>
30962          </section>
30963        </a>
30964
30965
30966        <a href="/blog/webdesign/scss-partial-for-corporate-colors">
30967          <section class="excerpt">
30968            <header>
30969              <p class="date"><time datetime="2012-01-09T05:57:47+09:00">9日</time></p>
30970
30971              <h3>_corporate-colors.scss</h3>
30972            </header>
30973
30974            <p>色々なウェブサービスのコーポレートカラーをSassで手軽に扱えるようにするライブラリを洒落で作った。なんとなくこのあたりの色かなとロゴとかメディア向けキットの画像とかからカラーピッカーで拾って勝手にコーポレートカラーと決めてたりするので正確じゃない。</p>
30975          </section>
30976        </a>
30977
30978
30979        <a href="/blog/software/vim-run-shell-command-and-output-to-buffer">
30980          <section class="excerpt">
30981            <header>
30982              <p class="date"><time datetime="2012-01-08T13:25:15+09:00">8日</time></p>
30983
30984              <h3>Vimでちょっと実行してバッファーに吐く</h3>
30985            </header>
30986
30987            <p>Vimでちょっとシェルのコマンドを実行してその結果をバッファーに持っておきたい時には&quot;=レジスターとputを使ってやれば良いことがわかった。Windowsだとちょっと便利な気がする。他にもっと良い方法がありそうだけど、なんとなく面白いのでこれ使うことにした。</p>
30988          </section>
30989        </a>
30990
30991
30992        <a href="/blog/coding/google-code-prettify-language-handler-for-vim-script">
30993          <section class="excerpt">
30994            <header>
30995              <p class="date"><time datetime="2012-01-07T22:19:55+09:00">7日</time></p>
30996
30997              <h3>Vimスクリプト用Google Code Prettifyの言語ハンドラー</h3>
30998            </header>
30999
31000            <p>重い腰を上げてGoogle Code PrettifyでVimスクリプトのコードを構文強調できるようにする言語ハンドラーを書いた。あんまり頑張らないので、コメントとクオート文字列、Expression evaluationにあるコマンドをキーワードとして強調くらい。</p>
31001          </section>
31002        </a>
31003
31004
31005        <a href="/blog/software/vim-auto-save-and-restore-session">
31006          <section class="excerpt">
31007            <header>
31008              <p class="date"><time datetime="2012-01-06T02:48:36+09:00">6日</time></p>
31009
31010              <h3>Vimでセッションの自動保存と復帰</h3>
31011            </header>
31012
31013            <p>VimLeaveでmksessionを発動させるセッションの自動保存は結構前からやっていたけど、自動復帰はやってなかった(必要な時だけ:sourceしてた)のでちょろっと書いた。ライフ・チェンジング……という程ではなかった。でもまぁそこそこ必要そう。</p>
31014          </section>
31015        </a>
31016
31017
31018        <a href="/blog/software/how-to-disable-vim-bundle-with-pathogen">
31019          <section class="excerpt">
31020            <header>
31021              <p class="date"><time datetime="2012-01-05T20:32:12+09:00">5日</time></p>
31022
31023              <h3>pathogenプラグインで特定のVimプラグインを無効にする方法</h3>
31024            </header>
31025
31026            <p>他の多機能Vimプラグイン・マネージャーと違って、pathogenプラグインではプラグインの管理はG
31026itに任せっきりなため特定のVimプラグインを一時的に無効にするとかそういうの面倒くさい……と思ってたんですけどちゃんとそのための機能が用意されていました。無効にしたいプラグインのディレクトリ名の最後にチルダ(~)を付けるだけ!</p>
31027          </section>
31028        </a>
31029
31030
31031        <a href="/blog/coding/compile-local-js-file-with-closure-compiler-service">
31032          <section class="excerpt">
31033            <header>
31034              <p class="date"><time datetime="2012-01-05T00:20:02+09:00">5日</time></p>
31035
31036              <h3>ローカルのJavaScriptファイルをClosure Compiler ServiceのREST APIでコンパイルできるように</h3>
31037            </header>
31038
31039            <p>前に作って愛用しているClosure Compiler ServiceのREST APIを叩くPerlスクリプトにローカルのJavaScriptファイルを読み込んでコンパイルに含められる機能を付けた。Closure CompilerのJARファイルを使ってローカルで動かしても良かったんだけど、APIやWeb UIのコメントでオプション設定を書く方法(Greasemonkey的な奴)が気に入っているので@code_pathというパラメーターを追加する形にした。</p>
31040          </section>
31041        </a>
31042
31043
31044        <a href="/blog/gadget/fusion-51-vs-quattro4">
31045          <section class="excerpt">
31046            <header>
31047              <p class="date"><time datetime="2012-01-04T00:44:16+09:00">4日</time></p>
31048
31049              <h3>Fusion 5+1 vs. Quattro4</h3>
31050            </header>
31051
31052            <p>結構長い間Schick派でQuattro4を使ってたんですが、半年くらい前にFusion 5+1に乗り換えて結構快適な感じです。色々違いはあると思うんですけど、一番気に入ってるのはカミソリの裏側がすっきりしてて、ちょっと強めに水で流せば汚れが溜まらないところ。</p>
31053          </section>
31054        </a>
31055
31056
31057        <a href="/blog/webdesign/css21-advent-calendar-2011">
31058          <section class="excerpt">
31059            <header>
31060              <p class="date"><time datetime="2012-01-03T15:20:26+09:00">3日</time></p>
31061
31062              <h3>CSS 2.1 Advent Calendar ’11</h3>
31063            </header>
31064
31065            <p>CSS 2.1 Advent Calendar &apos;11からJavaScriptを撤去し、CSSをちょっと修正してざっと読めるようにしておいた。そのままブログかなんかのテーマに使えそう。ベスト・プラクティス未満! ベスト・プラクティス未満! 大事な事なので。</p>
31066          </section>
31067        </a>
31068
31069
31070        <a href="/blog/webdesign/sass-silent-directive">
31071          <section class="excerpt">
31072            <header>
31073              <p class="date"><time datetime="2012-01-02T22:16:14+09:00">2日</time></p>
31074
31075              <h3>@silent directive coming soon to Sass?</h3>
31076            </header>
31077
31078            <p>Compass開発者のChristopher M. EppsteinがSassに@silentというディレクティブを追加してた。どうやら待望の出力CSSに含めないCSSルールを書けるようになるもののようで、これがマージされれば思う存分@extendまくれそう。</p>
31079          </section>
31080        </a>
31081
31082
31083        <a href="/blog/webdesign/cascading-sass-at-extend">
31084          <section class="excerpt">
31085            <header>
31086              <p class="date"><time datetime="2012-01-01T11:14:19+09:00">1日</time></p>
31087
31088              <h3>カスケーディングとSassの@extend</h3>
31089            </header>
31090
31091            <p>Sassの@extendを駆使すると出力されるCSSを効率化することができます。ただ@extendは様々な場所に書かれている複数のセレクタをなんとなくまとめるものなので、CSSのカスケーディング順位も入れ替わってしまう。あまりハマることは無さそう……なんですけど、僕はばっちりハマりました……。</p>
31092          </section>
31093        </a>
31094
31095          </section>
31096          <section id="2011">
31097            <h2><time datetime="2011-12">
310972011年12月</time></h2>
31098
31099        <a href="/blog/webdesign/position-of-foobar">
31100          <section class="excerpt">
31101            <header>
31102              <p class="date"><time datetime="2011-12-30T09:21:17+09:00">30日</time></p>
31103
31104              <h3>○○の位置</h3>
31105            </header>
31106
31107            <p>Webデザインにおいて各パーツの位置はそのWebサイトの性格によって決まると思います。このWebサイトの場合は一見さんを重視していない文章の書き方をしていたりタイトルのつけ方をしているので、自然とそれを考慮に入れた配置にしています。</p>
31108          </section>
31109        </a>
31110
31111
31112        <a href="/blog/webdesign/sass-mixxd-function">
31113          <section class="excerpt">
31114            <header>
31115              <p class="date"><time datetime="2011-12-27T05:24:14+09:00">27日</time></p>
31116
31117              <h3>mixxd()というSassの関数を作った</h3>
31118            </header>
31119
31120            <p>rgba()のエミュレートにはadjust-rgb()だけでは不十分なので、ちゃんと背景色と混ぜるmixxd()という関数を作りました。mix()の第三引数が小数のバージョンで、xdはBy Decimalの略です。ユーザー定義関数のうまい命名規則欲しいなぁ……。</p>
31121          </section>
31122        </a>
31123
31124
31125        <a href="/blog/internet/pinterest-2">
31126          <section class="excerpt">
31127            <header>
31128              <p class="date"><time datetime="2011-12-26T00:55:01+09:00">26日</time></p>
31129
31130              <h3>Pinterest #2</h3>
31131            </header>
31132
31133            <p>PVがジャンプアップしたことと資金調達に大成功したことで国内でもPinterestのことがちょくちょく話題になっていますね。ソーシャル分野においてショッピングと絡めることが注目されていることもあって、買いたいもの・買ったもののメモ的なウェブサービスという取り上げられ方をしていますが、それはちょっと違うんじゃないかなーと思います。使ってる感覚からするとTumblrとFFFFOUND!、Svpplyを足して3で割ったけどどれともちょっと違うような感じです。</p>
31134          </section>
31135        </a>
31136
31137
31138        <a href="/blog/webdesign/sass-adjust-rgb-function">
31139          <section class="excerpt">
31140            <header>
31141              <p class="date"><time datetime="2011-12-25T04:10:14+09:00">25日</time></p>
31142
31143              <h3>adjust-rgb()というSassの関数を作った</h3>
31144            </header>
31145
31146            <p>Sassには色調節の関数が色々用意されています。その中にadjust-color()というRGBとHSLで色を割合ではなく指定量だけ調節できる汎用関数があるんですが、RGBをそれぞれ同じ量だけ明るく(暗く)したい時の引数指定が面倒です。というわけでそれをラップするadjust-rgb()という関数を作ってみました。</p>
31147          </section>
31148        </a>
31149
31150
31151        <a href="/blog/gadget/eneloop-battery-which-to-buy">
31152          <section class="excerpt">
31153            <header>
31154              <p class="date"><time datetime="2011-12-23T21:47:21+09:00">23日</time></p>
31155
31156              <h3>どのeneloop買えば良いの?</h3>
31157            </header>
31158
31159            <p>安定志向なので新型のHR-3UTGB-4を買いましたけれども。カラバリやLiteはともかくとして、ProとPlusはまだ噂が多くて手を出すのがためらわれました。コスト・パフォーマンスならまだまだ売ってる旧型が良さそうですね。</p>
31160          </section>
31161        </a>
31162
31163
31164        <a href="/blog/webdesign/footer-2011-12-22">
31165          <section class="excerpt">
31166            <header>
31167              <p class="date"><time datetime="2011-12-22T02:34:49+09:00">22日</time></p>
31168
31169              <h3>フッターをちょっと変えた</h3>
31170            </header>
31171
31172            <p>矢印をシンプルにした所、どうも枠線や色がとかが強すぎる感じがしてきたので、装飾をばっさりと剥ぎとってみました。合わせてフッターのアイコン群も黒のものから白のものに。枠付きのDeliciousのアイコンを新たに追加したりとかも。</p>
31173          </section>
31174        </a>
31175
31176
31177        <a href="/blog/webdesign/lists-after-floated-element">
31178          <section class="excerpt">
31179            <header>
31180              <p class="date"><time datetime="2011-12-21T00:22:06+09:00">21日</time></p>
31181
31182              <h3>フロートした要素に続くリスト</h3>
31183            </header>
31184
31185            <p>通常フロートした要素とデフォルトの文書フローで配置された要素は重なります。CSS 2.1仕様書のフロートの解説にある図Dがその例です。なので、通常フロートした要素に続くリストはそのブレット(や数字等)がフロートした要素の下に隠れてしまいます。この挙動には結構困らされることが多いですが、実はoverflow: autoとすると簡単に回避できます。</p>
31186          </section>
31187        </a>
31188
31189
31190        <a href="/blog/webdesign/use-link-element-outside-the-head-element">
31191          <section class="excerpt">
31192            <header>
31193              <p class="date"><time datetime="2011-12-20T16:53:58+09:00">20日</time></p>
31194
31195              <h3>link要素をhead要素外で使う</h3>
31196            </header>
31197
31198            <p>定期的にLiving Standardを読むことを趣味にしている人は多いと思います。僕もその一人なんですが、どうやら最近flow contentに属するものに変更が加わったらしくlinkやmeta要素が入っています。itemprop属性があれば……という注意書き付きなので、Microdataでの使用を考慮しての追加のようです。というわけでタイトルのようなことが条件付きで可能になりました。わーい。</p>
31199          </section>
31200        </a>
31201
31202
31203        <a href="/blog/webdesign/smooth-figcaption">
31204          <section class="excerpt">
31205            <header>
31206              <p class="date"><time datetime="2011-12-19T19:48:38+09:00">19日</time></p>
31207
31208              <h3>快い図のキャプション</h3>
31209            </header>
31210
31211            <p>画像に続けてfigcaptionをそのまま普通に表示するといまいちなことが多いです。それでも英語ならイタリック体にするとかでなんとなくその文字列がfigure要素に係っているものだということが表現できるような気がしますが、日本語の斜体はいろいろアレなので使いたくないです(よね!)。そこで画像にキャプションを綺麗に重ねる方法を模索してみました。</p>
31212          </section>
31213        </a>
31214
31215
31216        <a href="/blog/webdesign/citing-source-markup">
31217          <section class="excerpt">
31218            <header>
31219              <p class="date"><time datetime="2011-12-18T22:39:03+09:00">18日</time></p>
31220
31221              <h3>引用元のマークアップ</h3>
31222            </header>
31223
31224            <p>引用で引用元について明らかにすることは大切です。blockquote要素にはそのための属性としてciteが用意されていますが、ほとã
31224‚“ど飾りのようなもので、効果的にその情報を表示することは出来ません。じゃどうすれば良いのかというような話です。</p>
31225          </section>
31226        </a>
31227
31228
31229        <a href="/blog/webdesign/how-to-use-bang-default-flag-in-sass-and-how-it-works">
31230          <section class="excerpt">
31231            <header>
31232              <p class="date"><time datetime="2011-12-18T00:04:54+09:00">18日</time></p>
31233
31234              <h3>Sassの!defaultフラグの使い方と使われ方</h3>
31235            </header>
31236
31237            <p>Sassを書く時には変数を多用することと思います。それら変数は自分で定義して自分で使うので、同じプロジェクト内で再定義する必要はあまりありません。しかし他人や自分の作ったSassファイルを流用する場合、その中で使われている変数の値を最適化する必要が出てきます。もしその変数がハード・コーディングされているだけだとしたらどうでしょうか? その場合変数を直接書き換えることになるでしょう。こういったSassファイルの再利用における問題を解決するためにSassには!defaultというフラグが用意されています。</p>
31238          </section>
31239        </a>
31240
31241
31242        <a href="/blog/software/bashmarks">
31243          <section class="excerpt">
31244            <header>
31245              <p class="date"><time datetime="2011-12-17T11:52:57+09:00">17日</time></p>
31246
31247              <h3>Bashmarks</h3>
31248            </header>
31249
31250            <p>ちょっと前からBashにブックマーク機能を持たせるシェルスクリプト、Bashmarksを使ってます。bookmarkでカレント・ディレクトリをブックマークして、いつでもgoで移動できるようになるというただそれだけのものですけど、結構便利に使ってます。補完もあるのでブックマーク名忘れても安心です!</p>
31251          </section>
31252        </a>
31253
31254
31255        <a href="/blog/webdesign/shirokuro-social-icons-v1.5">
31256          <section class="excerpt">
31257            <header>
31258              <p class="date"><time datetime="2011-12-15T11:31:25+09:00">15日</time></p>
31259
31260              <h3>ShiroKuro Social Icons v1.5</h3>
31261            </header>
31262
31263            <p>このWebサイトのフッターで使用しているアイコン画像(PNG)の高解像度とPSDのセットをZIPにまとめました。白と黒それぞれ256pxのPSDと256/128/64/32pxのPNGが入っています。正方形に切り出してファイル名をちゃんと付けるのが面倒だったので縦長のスプライト画像です。</p>
31264          </section>
31265        </a>
31266
31267
31268        <a href="/blog/webdesign/replace-ampersand">
31269          <section class="excerpt">
31270            <header>
31271              <p class="date"><time datetime="2011-12-14T10:10:12+09:00">14日</time></p>
31272
31273              <h3>&amp;だけ別のフォントで置き換える</h3>
31274            </header>
31275
31276            <p>Google Web Fonts APIのtextパラメーターを利用すると、ダイナミックにフォントのグリフを削減できます。本来はファイルサイズを軽減してモバイル向けに最適化するというような目的で設けられているパラメーターのようですが、これを利用して&amp;だけ他のフォントから持ってくるなどということができます。昔どっかで書いた奴の焼き直しです。</p>
31277          </section>
31278        </a>
31279
31280
31281        <a href="/blog/webdesign/mplus-foo-latin">
31282          <section class="excerpt">
31283            <header>
31284              <p class="date"><time datetime="2011-12-12T06:25:13+09:00">12日</time></p>
31285
31286              <h3>M+ * Latin</h3>
31287            </header>
31288
31289            <p>Webフォント遊びの一環として、M+ Outlineの1cと1mのRegularからLatin付近、つまり半角英数と記号を抜き出してサブセット化し、WOFFを作ってみました。M+ Outlineの半角英数はかなり好きなので、Windowsのブラウザでもそのあたりを満喫できたらなぁという感じです。</p>
31290          </section>
31291        </a>
31292
31293
31294        <a href="/blog/internet/iine-resumed">
31295          <section class="excerpt">
31296            <header>
31297              <p class="date"><time datetime="2011-12-11T11:13:36+09:00">11日</time></p>
31298
31299              <h3>iine!の更新を再開しました</h3>
31300            </header>
31301
31302            <p>
31302なんとなく再開したい気分になったのでiine!を再び更新し始めました。コメント考えるのが面倒でやめたような気がするので、今後はコメント無しで。こっちに統合しちゃうことも考えたんですが、そのまま向こうで続けることに。なんらかの形でこっちにも取り込みたいなとは思ってます。イイネ!</p>
31303          </section>
31304        </a>
31305
31306
31307        <a href="/blog/webdesign/primary-scss-file">
31308          <section class="excerpt">
31309            <header>
31310              <p class="date"><time datetime="2011-12-11T02:02:28+09:00">11日</time></p>
31311
31312              <h3>プライマリSCSSファイル</h3>
31313            </header>
31314
31315            <p>Sassでは@importをうまく使うと、SCSSファイルを目的別に整理して管理することができます。モジュール化できるということですね。プライマリSCSSファイルとは僕が勝手に付けた呼称ですが、つまり各モジュールを読み込むだけのSCSSファイルのことです。グローバルに使用する変数の設定ファイルなども含めて整理して、プライマリSCSSファイルではそれらを読みこむだけとしておくと管理が少し楽になるんじゃないかと。</p>
31316          </section>
31317        </a>
31318
31319
31320        <a href="/blog/webdesign/svg-background-image-bug-on-webkit">
31321          <section class="excerpt">
31322            <header>
31323              <p class="date"><time datetime="2011-12-09T06:06:11+09:00">9日</time></p>
31324
31325              <h3>WebKitでのSVGを背景画像にすると起こるバグ</h3>
31326            </header>
31327
31328            <p>SVGはそのリサイズ(スケーリング)においてブラウザ間で差異やバグがあります。有名なのはviewBoxがないことによるIE9やWebKitでのバグでしょうか。それでもimg要素等でSVGを使う場合はSVG側でwidthとheightそしてviewBox属性を指定し、CSSなどでリサイズすれば大体問題ありません。なので背景画像で使う場合もbackground-sizeプロパティーを使えば……と思いきや、なかなかの落とし穴がありました。</p>
31329          </section>
31330        </a>
31331
31332
31333        <a href="/blog/webdesign/style-guide">
31334          <section class="excerpt">
31335            <header>
31336              <p class="date"><time datetime="2011-12-08T01:22:07+09:00">8日</time></p>
31337
31338              <h3>Style Guideを作った</h3>
31339            </header>
31340
31341            <p>今年の24 Waysの7日目のエントリー、Front-end Style Guidesを読んで触発されたので、このサイトのStyle Guideを書いてみました。元々テストするためのHTMLを書いてからスタイルを書くという手順をとっていたので、文言を無意味なLorem Ipsumからスタイルの簡単な解説文に変えただけですけど。</p>
31342          </section>
31343        </a>
31344
31345
31346        <a href="/blog/webdesign/five-favorite-fonts-on-google-web-fonts">
31347          <section class="excerpt">
31348            <header>
31349              <p class="date"><time datetime="2011-12-07T01:03:08+09:00">7日</time></p>
31350
31351              <h3>Google Web Fontsにあるお気に入りのフォント5つ</h3>
31352            </header>
31353
31354            <p>Google Web Fontsのフォント登録数も随分増えてきてチェックするのが大変になってきました。一応絞り込みとかそういう機能もありますけど、Typekitのようにかゆいところに手が届く感じではありません。そこで……というわけではないですけど、なんかの参考にでもなればと僕のお気に入りを5つだけ簡単な説明付きで紹介してみます。</p>
31355          </section>
31356        </a>
31357
31358
31359        <a href="/blog/software/only-one-line-life-changing-vimrc-setting">
31360          <section class="excerpt">
31361            <header>
31362              <p class="date"><time datetime="2011-12-06T00:19:17+09:00">6日</time></p>
31363
31364              <h3>たった一行で人生が変わった.vimrcでの設定とその意味</h3>
31365            </header>
31366
31367            <p>僕はVimを使うまでは秀丸エディタを長いこと使用していました。両者の間に設定の項目数やキーバインドに割り当てられる機能に大きな差があるとã
31367‚‚思わなかったので、使い始めた当初は「そんな言うほど高機能でもないよなー」とか思っていました。しかし色々なプラグインを試したり、様々な設定を.vimrcに書いているうちに、Vim (やEmacs)がその他エディタと決定的に違うのは設定の豊富さではなく、設定の自由さがもたらすアプローチの多様性なのではないかと考えるようになりました。というわけでそういう設定の自由さを最初に実感した話をVim Advent Calendar 2011の6日目のエントリーとして書かせてもらいます。</p>
31368          </section>
31369        </a>
31370
31371
31372        <a href="/blog/internet/soul-color">
31373          <section class="excerpt">
31374            <header>
31375              <p class="date"><time datetime="2011-12-05T01:28:55+09:00">5日</time></p>
31376
31377              <h3>Soul Color</h3>
31378            </header>
31379
31380            <p>What color is your soul?</p>
31381          </section>
31382        </a>
31383
31384
31385        <a href="/blog/webdesign/section-and-paragraph-divider">
31386          <section class="excerpt">
31387            <header>
31388              <p class="date"><time datetime="2011-12-04T15:32:33+09:00">4日</time></p>
31389
31390              <h3>セクションや段落の区切り線</h3>
31391            </header>
31392
31393            <p>段落の区切りに使うhr要素をちょっと凝ったデザインにするという話は以前書きました。似たような話はCSS-Tricksでも最近取り上げられていますね。しかしこれらはhr要素でのテクニックです。では、例えばsection要素の最後にこういったちょっと凝った感じの区切り線をつけるにはどうすれば良いのでしょうか?</p>
31394          </section>
31395        </a>
31396
31397
31398        <a href="/blog/webdesign/unknown-css-selector">
31399          <section class="excerpt">
31400            <header>
31401              <p class="date"><time datetime="2011-12-03T01:20:32+09:00">3日</time></p>
31402
31403              <h3>不明なCSSセレクター</h3>
31404            </header>
31405
31406            <p>ブラウザーがCSSをパースする際、不明なセレクターに遭遇するとどうなると思いますか? 実はそのセレクターを含むルール全体が無視されます。何を当たり前のことを言っているんだと思われるかもしれませんが、そのルールが複数のセレクターを持っていて、そのうちひとつだけが不明なものだとしてもルール全体が無視されるということはあまり知られていないような気がします。知られていないというよりも意識する必要があまりなかったという方が近いですかね。</p>
31407          </section>
31408        </a>
31409
31410
31411        <a href="/blog/webdesign/chrome-breakes-button-aa">
31412          <section class="excerpt">
31413            <header>
31414              <p class="date"><time datetime="2011-12-02T12:23:58+09:00">2日</time></p>
31415
31416              <h3>Chromeでbutton要素のアンチエイリアスが壊れる</h3>
31417            </header>
31418
31419            <p>Google Chrome 15.0.874.121 mでbutton要素へ特定のスタイルを組み合わせて適用すると、ボタンの文字列のアンチエイリアスが壊れます。無効とはちょっと違う感じなので壊れるとしておきました。ClearTypeが無効になって、標準アンチエイリアス(サブピã
31419‚¯ã‚»ãƒ«ã‚’使わないもの)になるだけかも。というわけでWindowsでの話です。</p>
31420          </section>
31421        </a>
31422
31423
31424        <a href="/blog/webdesign/target-pseudo-class-and-padding-top">
31425          <section class="excerpt">
31426            <header>
31427              <p class="date"><time datetime="2011-12-01T13:26:41+09:00">1日</time></p>
31428
31429              <h3>:targetでpadding-top</h3>
31430            </header>
31431
31432            <p>ちょっと何を言っているのかよくわからないですね。つまり:target擬似クラスでpadding-topを使うことによって、アンカーでページ内ジャンプ(&lt;a href=&quot;#foo&quot;&gt;...&lt;/a&gt;とかで飛ぶやつです)した時に上部に余白をとってやろうというアイディアです。こうすることによって上部にメニューを固定していても重ならなくすることができるでしょうし、そうでなくても多くの場合ジャンプした先のコンテンツに対してキレイに余白が確保できるんではないかと。</p>
31433          </section>
31434        </a>
31435
31436
31437        <a href="/blog/webdesign/getting-started-with-sass-jp">
31438          <section class="excerpt">
31439            <header>
31440              <p class="date"><time datetime="2011-12-01T00:00:17+09:00">1日</time></p>
31441
31442              <h3>A List ApartのGetting Started with Sassという記事を訳しました</h3>
31443            </header>
31444
31445            <p>Typekitのデザイナーの人が書いたSassの入門記事、Getting Started with Sassを日本語に訳してみました。なおこれがLess &amp; Sass Advent calendar 2011の初日のエントリになります。</p>
31446          </section>
31447        </a>
31448
31449          </section>
31450          <section>
31451            <h2><time datetime="2011-11">2011年11月</time></h2>
31452
31453        <a href="/blog/software/git-ignoring-files">
31454          <section class="excerpt">
31455            <header>
31456              <p class="date"><time datetime="2011-11-29T13:44:12+09:00">29日</time></p>
31457
31458              <h3>Gitで無視するファイル</h3>
31459            </header>
31460
31461            <p>.gitignoreで通常指定しますが、それ以外にもユーザーごとにグローバルな無視設定ファイルを設定することもできます。ここまでは知っていたんですが、リポジトリの.gitignoreには追加したくないけど特定のファイルを無視したいというケースにぶち当たってちょっと困りました。gitignoreのマニュアルを読んだ所、そういう場合は.git/info/excludeを編集すれば良いみたいですね。</p>
31462          </section>
31463        </a>
31464
31465
31466        <a href="/blog/coding/create-readability-shorturl-with-js-and-yql">
31467          <section class="excerpt">
31468            <header>
31469              <p class="date"><time datetime="2011-11-28T08:17:16+09:00">28日</time></p>
31470
31471              <h3>JavaScriptとYQLでReadabilityの短縮URLを作る</h3>
31472            </header>
31473
31474            <p>Readabilityにはrdd.meという短縮URLサービスがあり、それを使ってReadability化された読みやすい状態の記事を共有することができます。短縮URLの取得はWeb UIやReadability化したページで行える他、ウィジェットもありますが、APIも用意されているのでWebアプリケーションへの統合にはこちらを使った方が自由度が高いでしょう。YQLを使えばJavaScriptだけでも何とかなります。</p>
31475          </section>
31476        </a>
31477
31478
31479        <a href="/blog/webdesign/verify-authorship-of-web-page-with-google-profile">
31480          <section class="excerpt">
31481            <header>
31482              <p class="date"><time datetime="2011-11-27T11:32:36+09:00">27日</time></p>
31483
31484              <h3>GoogleプロフィールとWebサイトの関連付け</h3>
31485            </header>
31486
31487            <p>Googleの提供しているプロフィール・ボタンのようにrel=&quot;author&quot;でGoogleプロフィールへリンクを張ることによってWebサイトとGoogleプロフィールを関連付けることができます。Googleプロフィールをメインのオンライン・プロフィールとして利用していたり、これからGoogle+を活用するつもりならそれで良いと思いますが、そうでない場合はちょっとアレでã
31487™ã­(全部のページにリンクを追加しないとならなかったりとか)。関連付けの方法としてrel=&quot;author&quot;とrel=&quot;me&quot;を組み合わせるというやり方もあるので、こちらを使った方がいろいろ楽だと思います(メンテナンス性とか)。</p>
31488          </section>
31489        </a>
31490
31491
31492        <a href="/blog/coding/jquery-query-yql-plugin-supports-https">
31493          <section class="excerpt">
31494            <header>
31495              <p class="date"><time datetime="2011-11-27T08:22:58+09:00">27日</time></p>
31496
31497              <h3>Query YQLプラグインでhttpsを考慮するようにしてもらった</h3>
31498            </header>
31499
31500            <p>Query YQLプラグインに呼び出し元のプロトコルがhttpsだった場合にはhttpsでクエリを投げるようなPull Requestを貰ったのでマージしました。</p>
31501          </section>
31502        </a>
31503
31504
31505        <a href="/blog/misc/publish-what-you-learn">
31506          <section class="excerpt">
31507            <header>
31508              <p class="date"><time datetime="2011-11-26T06:24:24+09:00">26日</time></p>
31509
31510              <h3>Publish What You Learn.</h3>
31511            </header>
31512
31513            <p>Paul Irishのツイートの引用です。</p>
31514          </section>
31515        </a>
31516
31517
31518        <a href="/blog/internet/mit-license-org">
31519          <section class="excerpt">
31520            <header>
31521              <p class="date">
31521<time datetime="2011-11-25T09:31:14+09:00">25日</time></p>
31522
31523              <h3>mit-license.org</h3>
31524            </header>
31525
31526            <p>Open Source InitiativeのMITライセンスのページのURLを使ってMITライセンスと明示している人は結構多いと思います。ライセンス全文コピペするの面倒ですしね……。ただその場合は権利者の名前等を予め書き、ライセンス条項については以下のURLを参照……などと注意書きも含めた方が無難です。そういうのを「忘れるし! 面倒だし!」と思ったRemy Sharpがmit-license.orgというウェブサービスを作ってくれました。</p>
31527          </section>
31528        </a>
31529
31530
31531        <a href="/blog/webdesign/adsense-design">
31532          <section class="excerpt">
31533            <header>
31534              <p class="date"><time datetime="2011-11-25T03:26:09+09:00">25日</time></p>
31535
31536              <h3>AdSenseのデザイン</h3>
31537            </header>
31538
31539            <p>Google AdSenseのベストプラクティスとして長いこと「コンテンツの背景やリンク色と合わせて広告をコンテンツに溶けこませる」といったようなものが信じられていました。僕もその信者の一人でこのサイトでもそうしていたんですが、しばらく前にプログラムポリシーを参照した所、禁止事項として「ページの他のコンテンツと見分けが付かないように広告をフォーマットすること」とあり、枠線付きに変えました。いつ頃からあったんだろう……。</p>
31540          </section>
31541        </a>
31542
31543
31544        <a href="/blog/webdesign/scss-grid-basics">
31545          <section class="excerpt">
31546            <header>
31547              <p class="date"><time datetime="2011-11-23T22:06:54+09:00">23日</time></p>
31548
31549              <h3>SCSSでのグリッドの基本</h3>
31550            </header>
31551
31552            <p>SCSSなCSSフレームワークを使うのでも良いんですけど、ちょっとしたパーツだけグリッド・レイアウトしたいとかには少し大げさです。まぁつまりこのサイトのトップで使っているエントリー一覧をSCSSでどう効率的に調節しながら書いたかという話です。</p>
31553          </section>
31554        </a>
31555
31556
31557        <a href="/blog/webdesign/dingbat-web-font">
31558          <section class="excerpt">
31559            <header>
31560              <p class="date"><time datetime="2011-11-22T22:48:59+09:00">22日</time></p>
31561
31562              <h3>DingbatのWebフォント</h3>
31563            </header>
31564
31565            <p>将来的にブラウザでJavaScriptのリサイズや移動の許可・不許可設定みたいにWebフォントを使う・使わないを設定できるようになると思うんですよ(CSSアニメーションやトランスフォームとかも)。そうなるとDingbatのWebフォントを使った場合、その部分は普通のフォントで表示される可能性が高く、無意味な文字列が表示されるんではないかなと。既に現状でもドキュメントで指定されたフォントを使用しないという設定を有効にしているとそうなります。</p>
31566          </section>
31567        </a>
31568
31569
31570        <a href="/blog/webdesign/media-queries-and-webkit-scrollbar">
31571          <section class="excerpt">
31572            <header>
31573              <p class="date"><time datetime="2011-11-22T03:25:01+09:00">22日</time></p>
31574
31575              <h3>Media Queriesと-webkit-scrollbar</h3>
31576            </header>
31577
31578            <p>デバッグ用にタブレットサイズ(768px)以下の時にはスクロールバーを隠そうとしてみたんですが、どうやら動的なスクロールバーの表示切り替えが微妙にバギーな感じです(Chrome 15.0.874.121 m)。良いアイディアだと思ったのになー。</p>
31579          </section>
31580        </a>
31581
31582
31583        <a href="/blog/webdesign/google-monospace-web-fonts">
31584          <section class="excerpt">
31585            <header>
31586              <p class="date"><time datetime="2011-11-21T11:59:39+09:00">21日</time></p>
31587
31588              <h3>Google Web Fontsにある等幅フォント</h3>
31589            </header>
31590
31591            <p>2011-11-21現在、Google Web Fontsで提供されているWebフォントには等幅フォントが8つあります。目で探したã
31591®ã§æ¼ã‚Œã¯ã‚るかも。良いのがあったらここで使おうかと思って探したんですが、まぁ使うことはなさそうですね。</p>
31592          </section>
31593        </a>
31594
31595
31596        <a href="/blog/gadget/powercolor-ax6670-1gbd5-h">
31597          <section class="excerpt">
31598            <header>
31599              <p class="date"><time datetime="2011-11-19T23:12:07+09:00">19日</time></p>
31600
31601              <h3>PowerColor AX6670 1GBD5-H</h3>
31602            </header>
31603
31604            <p>愛用していたASUS EAH3650 SILENT/HTDI/1Gが今年の夏前に調子悪くなったので、とりあえず785GのIGPに切り替えて夏はしのいでいました。補助電源不要かつファンレスで探していたんですけど、夏終わりにPowerColor AX6670 1GBD5-Hの新品が4980円で投げ売りされてたのを見てうっかり買ってしまいました……。うるさく……などない!</p>
31605          </section>
31606        </a>
31607
31608
31609        <a href="/blog/webdesign/text-shadow-incompatibility">
31610          <section class="excerpt">
31611            <header>
31612              <p class="date"><time datetime="2011-11-18T00:02:36+09:00">18日</time></p>
31613
31614              <h3>text-shadowの非互換性メモ</h3>
31615            </header>
31616
31617            <p>CSS3で大幅に強化されているtext-decorationの実装状況を調べたLine Decoration (CSS3 Text)を見た時に、あんまり関係ないですがtext-shadowとtext-decorationが組み合わさったらその飾りの影は付くのか付かないのかという疑問が湧きました。テストしてみたらブラウザーによって違ったという話です。</p>
31618          </section>
31619        </a>
31620
31621
31622        <a href="/blog/webdesign/fixed-and-absolute">
31623          <section class="excerpt">
31624            <header>
31625              <p class="date"><time datetime="2011-11-16T21:44:07+09:00">16日</time></p>
31626
31627              <h3>fixedとabsolute</h3>
31628            </header>
31629
31630            <p>TwitterのTLで流れてたツイートでこの2つの挙動が違うとかいうのを見て、そんなことあったっけ……あーでもrelativeの中だと違いそうとか思ったら本当に違っていました。両者はスクロールを無視するかしないかというような違いだけだと思ってました……。元発言がこのことを指していたかどうかは知りませんけど、エントリにしておきます。</p>
31631          </section>
31632        </a>
31633
31634
31635        <a href="/blog/software/vim-css3-syntax-3">
31636          <section class="excerpt">
31637            <header>
31638              <p class="date"><time datetime="2011-11-16T00:11:52+09:00">16日</time></p>
31639
31640              <h3>vim-css3-syntaxのハイライト不具合について</h3>
31641            </header>
31642
31643            <p>vim-css3-syntaxでハイライトがうまくいかないことがある報告を結構初期に受けていたんですが、うまく再現できずに放置してる感じでした。昨日さらに報告を受けたのでやっぱりかなりの確率で起きるんだなーと調べ始めた所、どうやら:syntax keywordが常に:syntax matchより優先されるという仕様に絡む問題だったようです。</p>
31644          </section>
31645        </a>
31646
31647
31648        <a href="/blog/webdesign/counters-in-elements-with-display-none">
31649          <section class="excerpt">
31650            <header>
31651              <p class="date"><time datetime="2011-11-15T01:44:44+09:00">15日</time></p>
31652
31653              <h3>display: none;した要素でのCSSカウンター</h3>
31654            </header>
31655
31656            <p>あまりCSSカウンターを使ったことがなかったので知らなかったんですが、display: none;した要素ではインクリメントやリセットされないという仕様があったんですね。いっぱいあるセクションにCSSカウンターで番号を振って、特定のものだけ表示しようとして引っかかりました。</p>
31657          </section>
31658        </a>
31659
31660
31661        <a href="/blog/webdesign/align-news-to-grid">
31662          <section class="excerpt">
31663            <header>
31664              <p class="date"><time datetime="2011-11-14T03:04:12+09:00">14日</time></p>
31665
31666              <h3>ホームの記事一覧をグリッド表示に</h3>
31667            </header>
31668
31669            <p>味も素っ気もないリストから既に廃れ始めた感のあるグリッドに変えてみました。一覧性があるようなないような微妙な感じですね。すぐ戻しそう。</p>
31670          </section>
31671        </a>
31672
31673
31674        <a href="/blog/webdesign/font-size-of-sub-section-h1">
31675          <section class="excerpt">
31676            <header>
31677              <p class="date"><time datetime="2011-11-13T01:15:49+09:00">13日</time></p>
31678
31679              <h3>サブセクションにあるh1要素のフォントサイズ</h3>
31680            </header>
31681
31682            <p>
31682全然知らなかったのですが、Chrome 15やFirefox 8ではベンダー拡張プリフィックス付きの:any擬似クラスを使ってサブセクションのh1要素のフォントサイズを調節するようになっているようです。Internet Explorer 9も見た感じそうなっているようですが、UAスタイルシートによるものなのかよくわかりません……。なんか変なことやってそう(偏見)。</p>
31683          </section>
31684        </a>
31685
31686
31687        <a href="/blog/webdesign/humanstxt">
31688          <section class="excerpt">
31689            <header>
31690              <p class="date"><time datetime="2011-11-12T20:11:04+09:00">12日</time></p>
31691
31692              <h3>Humans TXT</h3>
31693            </header>
31694
31695            <p>Humans TXTはHTML5 Boilerplate経由で知って、結構前にブックマークしてちょろっと書いてみたりしたんですが、流行りそうもない感じですね。でもなんとなく好きなのでQuick startを翻訳してみたりしてます。</p>
31696          </section>
31697        </a>
31698
31699
31700        <a href="/blog/coding/microformats-to-html5-microdata">
31701          <section class="excerpt">
31702            <header>
31703              <p class="date"><time datetime="2011-11-10T18:59:26+09:00">10日</time></p>
31704
31705              <h3>mf2md</h3>
31706            </header>
31707
31708            <p>本気のメモです。メモなのでタイトルをわかりづらくしておきました。SEO対策ですね。</p>
31709          </section>
31710        </a>
31711
31712
31713        <a href="/blog/webdesign/document-structure">
31714          <section class="excerpt">
31715            <header>
31716              <p class="date"><time datetime="2011-11-09T19:31:06+09:00">9日</time></p>
31717
31718              <h3>文書構造を見なおした(ている)</h3>
31719            </header>
31720
31721            <p>HTML5化した後、アウトラインがおかしかったところを修正したり、WAI-ARIAを導入したり、少し調整してたりしました。まだまだ行き届いていない所があるし、本当にこれでいいのとか色々座りが悪い感じですね。</p>
31722          </section>
31723        </a>
31724
31725
31726        <a href="/blog/coding/scss-language-handler-for-google-code-prettify">
31727          <section class="excerpt">
31728            <header>
31729              <p class="date"><time datetime="2011-11-08T10:45:54+09:00">8日</time></p>
31730
31731              <h3>Google Code PrettifyのSCSSの言語ハンドラー</h3>
31732            </header>
31733
31734            <p>SCSS (Sassy CSS)をGoogle Code Prettifyでシンタックス・ハイライトできるようにする言語ハンドラーを作ってみました。元々Google Code Prettifyがそれほど強力なシンタックス・ハイライトを提供しているわけではない上、ベースにしたCSSの言語ハンドラーがそもそもしょぼいのでイマイチな感じですが、コメントとat-rule系が見やすくなるのでまぁ及第点じゃないかなと。</p>
31735          </section>
31736        </a>
31737
31738
31739        <a href="/blog/software/vim-ctrlp">
31740          <section class="excerpt">
31741            <header>
31742              <p class="date"><time datetime="2011-11-07T14:36:41+09:00">7日</time></p>
31743
31744              <h3>Vimプラグイン: CtrlP</h3>
31745            </header>
31746
31747            <p>正規表現で絞込みが出来るという謳い文句にひかれてCtrlP (ctrlp.vim)という開いているバッファやカレント・ディレクトリのファイル、最近開いたファイル(MRU)をサクっと開けるFuzzyFinder系のプラグインを入れてみました。同系統のものとしてUniteを使っていたのですが、主に使うのはファイル・ブラウザとMRUだったのでこれでも良さそうな気もしたので。ちょっと使った感じではなかなか好感触で、しばらくメインで使ってみる気になりました。</p>
31748          </section>
31749        </a>
31750
31751
31752        <a href="/blog/coding/hatena-star-and-rel-canonical">
31753          <section class="excerpt">
31754            <header>
31755              <p class="date"><time datetime="2011-11-07T11:34:03+09:00">7日</time></p>
31756
31757              <h3>はてなスターでrel=&quot;canonical&quot;を見るように</h3>
31758            </header>
31759
31760            <p>Googleの+1はデフォルトでrel=&quot;canonical&quot;を見るようになってたりします。Facebookのいいね! ボタンやはてなブックマークボタンは対応していませんが、明示的に対è
31760±¡ã®URLを指定できるようになっているのであまり問題はありません。しかし、はてなスターはa要素かwindow.locationやdocument.locationという訪問者側がいくらでも細工ができるものしか指定できないため、宗教上の理由で自身のURLへリンクを張るa要素を書くことができない人は詰みます。そんな理由で外してしまったんですが、対応してくれそうもないので重い腰を上げてHatenaStar.jsに処理を追加しました。</p>
31761          </section>
31762        </a>
31763
31764
31765        <a href="/blog/webdesign/svg-feed-icon">
31766          <section class="excerpt">
31767            <header>
31768              <p class="date"><time datetime="2011-11-06T15:45:14+09:00">6日</time></p>
31769
31770              <h3>SVGのフィード・アイコン</h3>
31771            </header>
31772
31773            <p>背景を完全に透明にして白い丸と円弧の部分だけのフィード・アイコンを作ってみました(上の画像は背景がオレンジ色になっていますが、CSSで背景色を指定しているだけです)。Wikimedia CommonsにあるSVGアイコンをエディタでいじっただけですけどね。SVGファイルのソースにコメントとして書いてあるように元ファイルと同じくMPL/GPL/LGPLのトリプル・ライセンスです。</p>
31774          </section>
31775        </a>
31776
31777
31778        <a href="/blog/webdesign/text-transform">
31779          <section class="excerpt">
31780            <header>
31781              <p class="date"><time datetime="2011-11-06T04:06:48+09:00">6日</time></p>
31782
31783              <h3>text-transform</h3>
31784            </header>
31785
31786            <p>Webフォント人気に引きずられるようにtext-transoformプロパティもよく使われるようになってきました。SteelfishやFranchiseをヘッダや見出しで使って大文字にするとかよく見かけますね。そしてかっこいい。ですがその実装に違いがいくつかあることはあまり知られていないような気がします。ひとつはcapitalizeの挙動で、もうひとつはコピーした時の挙動です。</p>
31787          </section>
31788        </a>
31789
31790
31791        <a href="/blog/webdesign/paging-arrow">
31792          <section class="excerpt">
31793            <header>
31794              <p class="date"><time datetime="2011-11-04T07:38:02+09:00">4日</time></p>
31795
31796              <h3>ページめくりの矢印</h3>
31797            </header>
31798
31799            <p>定期的に発症する画像使いたくなくなる病のため、ページめくりの矢印を画像じゃなくしたいなといろいろ考えているんですけど、なかなか良い物ができません。ユニコードのArrowやDingbatsなどにはいわゆる矢印的なもの(→みたいなもの)はいくつもあるので、そういうのが良いのならそれで良いと思うんですけど、自分のイメージではあんまり矢印々々してないのが良いかなというのがあるので、それらはちょっと使いづらかったです。いろいろ作った中ではborderとtransformプロパティを使ったものがそこそこまともに見えるような気がしました。</p>
31800          </section>
31801        </a>
31802
31803
31804        <a href="/blog/webdesign/grid-overlay-scss">
31805          <section class="excerpt">
31806            <header>
31807              <p class="date"><time datetime="2011-11-02T14:07:26+09:00">2日</time></p>
31808
31809              <h3>SCSSでグリッド・オーバーレイを簡単に</h3>
31810            </header>
31811
31812            <p>少し前に書いた::before擬似要素とCSSグラデーション、pointer-eventsプロパティを利用したグリッド・オーバーレイをSCSSのミックスインとしてみました。まぁグリッドじゃなくてカラムですけどね!</p>
31813          </section>
31814        </a>
31815
31816
31817        <a href="/blog/webdesign/reset-vs-normalize">
31818          <section class="excerpt">
31819            <header>
31820              <p class="date"><time datetime="2011-11-02T05:01:21+09:00">2日</time></p>
31821
31822              <h3>Reset vs Normalize</h3>
31823            </header>
31824
31825            <p>CSSの記述法として、ブラウザごとの違いを「Reset」して一から指定するという方法が長らくマジョリティを占めていました。まだまだその方向で書いている人が大半ですが、「Normalize」するという方法を採る人達も増えています。なぜリセットではなくノーマライズなのかというような話をなんとなくダラダラ書いてみたい感じです。</p>
31826          </section>
31827        </a>
31828
31829          </section>
31830          <section>
31831            <h2><time datetime="2011-10">
318312011年10月</time></h2>
31832
31833        <a href="/blog/webdesign/outline-text-with-text-shadow">
31834          <section class="excerpt">
31835            <header>
31836              <p class="date"><time datetime="2011-10-30T20:15:23+09:00">30日</time></p>
31837
31838              <h3>白抜き文字をtext-shadowで</h3>
31839            </header>
31840
31841            <p>CSSで文字のアウトラインを描く方法を考えていて、text-shadowプロパティを使って強引に描いてみました。WebKit系で可能な-webkit-text-storkeと-webkit-text-fill-colorプロパティによるものと比べて二重にできるとか多色展開も簡単とかが利点でしょうか。CSS-Trickで一年以上前に話題になってました……。</p>
31842          </section>
31843        </a>
31844
31845
31846        <a href="/blog/webdesign/list-colors-bookmarklet-3">
31847          <section class="excerpt">
31848            <header>
31849              <p class="date"><time datetime="2011-10-30T06:46:58+09:00">30日</time></p>
31850
31851              <h3>List Colors #3</h3>
31852            </header>
31853
31854            <p>かなり昔に書いたページ内で使われている色をリストアップするブックマークレットをquerySelectorAll()とgetComputedStyle()を使って書き直しました。Chromeでも動くように適当に手直しして使ってたんですが、hsla?()等に対応したとこなどツギハギだらけで色々アレだったので……。表示の仕方も右肩にちょっと出るとかではなくて、起動したページ全体を差し替えるように変わっています。Google Chrome 15.0.874.102 mではちゃんと動いているようです。</p>
31855          </section>
31856        </a>
31857
31858
31859        <a href="/blog/coding/perl-htmllint">
31860          <section class="excerpt">
31861            <header>
31862              <p class="date"><time datetime="2011-10-29T17:32:56+09:00">29日</time></p>
31863
31864              <h3>HTML LintのAPIを叩くPerlスクリプト</h3>
31865            </header>
31866
31867            <p>HTML LintにはAPIが用意されているのでVimからいけるようにPerlスクリプトを書いてみましたが、やばそうなHTMLだと「Validじゃない」と言ってすぐ止まってしまうし、妥当な感じで書いたHTMLだと大体Lintもパスしちゃうので、あまり意味ない感じでした……。WebService::Validator::HTML::W3Cも使ってMarkup Validation Serviceにまず通してエラーが出たらそこで終了、通ったらHTML Lintにも投げるとかにすればそこそこ良さそうではありますが、んー。</p>
31868          </section>
31869        </a>
31870
31871
31872        <a href="/blog/software/rewrite-tidyrc">
31873          <section class="excerpt">
31874            <header>
31875              <p class="date"><time datetime="2011-10-28T17:52:52+09:00">28日</time></p>
31876
31877              <h3>~/.tidyrcを書き直した</h3>
31878            </header>
31879
31880            <p>なんかの拍子にHTML Tidyの設定が書いてある.tidyrcが吹っ飛んだので書き直しました……。HTML5でのDOCTYPEや新しい要素とかになんとなく対応させた設定になってます。</p>
31881          </section>
31882        </a>
31883
31884
31885        <a href="/blog/coding/jptemplate-wrapper">
31886          <section class="excerpt">
31887            <header>
31888              <p class="date"><time datetime="2011-10-27T04:59:48+09:00">27日</time></p>
31889
31890              <h3>JPTemplateのラッパーを書いた</h3>
31891            </header>
31892
31893            <p>Vimのスニペット系のプラグインとしてJPTemplateを愛用しているんですが、テンプレート名を忘れるとどうしようもないという結構致命的な欠点があります。僕はそれほど数多くのスニペットを使うわけではないのであまり気にしてなかったんですけど、template-vimの補完を見て「やっぱあると良いなー」と思ったので、ラッパー関数を書いてみました。</p>
31894          </section>
31895        </a>
31896
31897
31898        <a href="/blog/webdesign/page-break-hoge">
31899          <section class="excerpt">
31900            <header>
31901              <p class="date"><time datetime="2011-10-26T14:15:35+09:00">26日</time></p>
31902
31903              <h3>page-break-*の話</h3>
31904            </header>
31905
31906            <p>印刷向けスタイルシートを書いていて、page-break-insideプロパティをpre要素やtable要素で使ったんですが、どうやらInternet ExplorerとOpera以外は対応してなかったり中途半端みたいですね(2011年10月現在)。</p>
31907          </section>
31908        </a>
31909
31910
31911        <a href="/blog/coding/jslint-from-phantomjs">
31912          <section class="excerpt">
31913            <header>
31914              <p class="date"><time datetime="2011-10-25T20:01:37+09:00">25日</time></p>
31915
31916              <h3>PhantomJSからJSLintを使う</h3>
31917            </header>
31918
31919            <p>CSS LintをPhantomJSから利用してCSSをチェックするスクリプトとほとんど同じのJSLintを利用してJavaScriptをチェックするスクリプトです。書けよとか言われたのã
31919§æ›¸ãã¾ã™ã€‚</p>
31920          </section>
31921        </a>
31922
31923
31924        <a href="/blog/webdesign/ore-ore-scss-writing-rule">
31925          <section class="excerpt">
31926            <header>
31927              <p class="date"><time datetime="2011-10-24T19:41:02+09:00">24日</time></p>
31928
31929              <h3>(S)CSSの書き方メモ</h3>
31930            </header>
31931
31932            <p>HTML5時代に向いていそうな(S)CSSの書き方を模索しています。SCSSで書くのでモジュール式に色々分割した方が良さそうだな……とか色々試してますが、なかなかこれ! というものに辿りつけません……。ということで、ここ最近の書き方をメモがてら晒してみる試みです。</p>
31933          </section>
31934        </a>
31935
31936
31937        <a href="/blog/webdesign/image-manipulation-with-pointer-events">
31938          <section class="excerpt">
31939            <header>
31940              <p class="date"><time datetime="2011-10-23T12:29:20+09:00">23日</time></p>
31941
31942              <h3>pointer-eventsで画像ギャラリーやLightbox</h3>
31943            </header>
31944
31945            <p>画像表示でよくあるフェードして切り替えとかLightboxっぽい全画面表示とかもpointer-eventsプロパティと:target擬似要素の組み合わせで「っぽいもの」なら簡単に出来ます。最近はCSSで出来そうだなーと思うと、普通に出来るようになってて幸せですね!</p>
31946          </section>
31947        </a>
31948
31949
31950        <a href="/blog/webdesign/pure-css-modal-window">
31951          <section class="excerpt">
31952            <header>
31953              <p class="date"><time datetime="2011-10-22T21:10:26+09:00">22日</time></p>
31954
31955              <h3>CSSでモーダル・ウィンドウ</h3>
31956            </header>
31957
31958            <p>pointer-eventsプロパティでnoneを指定すると最前面に置いた要素を無視して普通にページ操作が可能になります。なので、そういう風にしておいた要素をopacityプロパティで非表示にしておけば、普段は見えないけど特定の操作で最前面に飛び出すモーダル・ウィンドウとかも簡単に出来ます。pointer-eventsプロパティってこういう使い方するためにあるの?</p>
31959          </section>
31960        </a>
31961
31962
31963        <a href="/blog/coding/using-csslint-from-phantomjs">
31964          <section class="excerpt">
31965            <header>
31966              <p class="date"><time datetime="2011-10-21T15:55:22+09:00">21日</time></p>
31967
31968              <h3>PhantomJSからCSS Lintを使う</h3>
31969            </header>
31970
31971            <p>CSS LintのCLIはNodeやRhinoから使うようになっているので、Windowsだとちゃんと動くようにするまで結構面倒です(勿論ちゃんと動かせるようにはなります)。また、僕の場合はそもそもCSS Lintしか必要としていないので、Nodeを入れるのはちょっと大げさな気もします。そこでPhantomJSからCSS Lintを使うスクリプトを書いてみました。</p>
31972          </section>
31973        </a>
31974
31975
31976        <a href="/blog/webdesign/whitespace-jp">
31977          <section class="excerpt">
31978            <header>
31979              <p class="date"><time datetime="2011-10-20T16:00:09+09:00">20日</time></p>
31980
31981              <h3>A List ApartのWhitespaceという記事を訳した</h3>
31982            </header>
31983
31984            <p>余白の美は、「余白」が持つ基本的な概念についてサラっと触れているA List ApartのWhitespaceというMark Boultonの書いた2007年の記事を日本語訳したものです。余白は……難しいですね。</p>
31985          </section>
31986        </a>
31987
31988
31989        <a href="/blog/webdesign/dove-into-html5">
31990          <section class="excerpt">
31991            <header>
31992              <p class="date"><time datetime="2011-10-19T07:03:37+09:00">19日</time></p>
31993
31994              <h3>Dive Into HTML5した</h3>
31995            </header>
31996
31997            <p>ダイブ・イン! 60%くらい。「結局どうすればいいの?」を参考にしました。@hail2u_さん、ありがとうございます。id属性とかclass属性が減って気持ちいいですね! 別にサイズは減りませんし、むしろ増えてますけどね!</p>
31998          </section>
31999        </a>
32000
32001
32002        <a href="/blog/webdesign/css-lint">
32003          <section class="excerpt">
32004            <header>
32005              <p class="date"><time datetime="2011-10-18T14:32:53+09:00">18日</time></p>
32006
32007              <h3>CSS Lint</h3>
32008            </header>
32009
32010            <p>CSS Lintをしばらく使っていますが、さすがにLintと名乗るだけあって手厳しいですね。効率的でキレイなCSSを書くために自然とHTMLの見直しをすることになる感じが、過渡期の今にはなかなか良いツールな気がします。W3C CSS 検証サービスのCSS3対応がいまいち(border-radius: 4px / 8px;が正しい演算子ではありませんとか怒られたりとか)なこともありますし、もっとみんな使うと良いと思います! ストレスたまる気がしますけどね!</p>
32011          </section>
32012        </a>
32013
32014
32015        <a href="/blog/webdesign/petit-redesign-at-111017">
32016          <section class="excerpt">
32017            <header>
32018              <p class="date"><time datetime="2011-10-17T15:10:49+09:00">17日</time></p>
32019
32020              <h3>またちょっとCSSいじった</h3>
32021            </header>
32022
32023            <p>いじったところのメモと愚痴だけ。</p>
32024          </section>
32025        </a>
32026
32027
32028        <a href="/blog/webdesign/darken-pre-on-mouseover">
32029          <section class="excerpt">
32030            <header>
32031              <p class="date"><time datetime="2011-10-17T02:38:04+09:00">17日</time></p>
32032
32033              <h3>:hover時にpre要素を暗く</h3>
32034            </header>
32035
32036            <p>mediaHACKというサイトで:hover時にpre要素の背景が反転するようになってて、「おっ」と思ったã
32036®ã§ãƒ‘クりました。通常時から暗いとコードが目立ちすぎて気になるし、他の部分と合わせようとコントラストを弱めると読みづらいのでどうにかしたいなーと前々から思っていたのですが、これはなかなか良さそうな解な気がします。</p>
32037          </section>
32038        </a>
32039
32040
32041        <a href="/blog/software/vim-csslint">
32042          <section class="excerpt">
32043            <header>
32044              <p class="date"><time datetime="2011-10-16T06:22:07+09:00">16日</time></p>
32045
32046              <h3>CSS LintのVim compilerスクリプトを書いた</h3>
32047            </header>
32048
32049            <p>CSSのコードの最適化を指南してくれるCSS Lintを使い始めたので、ちょろっとVimのcompilerスクリプトを書いておきました。CSS Lintは「セレクタでIDを使うのはやめましょう」とか怒られるナイスなツールです。ですよねー。</p>
32050          </section>
32051        </a>
32052
32053
32054        <a href="/blog/webdesign/grid-overlay-the-lazy-way">
32055          <section class="excerpt">
32056            <header>
32057              <p class="date"><time datetime="2011-10-15T10:40:30+09:00">15日</time></p>
32058
32059              <h3>Grid Overlay: The Lasy Way</h3>
32060            </header>
32061
32062            <p>before擬似要素を利用したグリッド・オーバーレイを作成してみました。pointer-eventsプロパティでnoneを指定することによって、グリッド画像が手前にあるのにも拘らず普通に文字列を選択したりリンクをクリックしたりできるようになります。</p>
32063          </section>
32064        </a>
32065
32066
32067        <a href="/blog/webdesign/swap-hr-element-with-characters">
32068          <section class="excerpt">
32069            <header>
32070              <p class="date"><time datetime="2011-10-15T04:28:12+09:00">15日</time></p>
32071
32072              <h3>hr要素を文字で入れ替える</h3>
32073            </header>
32074
32075            <p>HTML5になってhr要素はセクション内での区切りに使うものなどと役割が割りとはっきりと決められました。今までもそんな感じで使ってた人が多いですけど。ただhr要素のCSSによる装飾はなかなか難しいところがあります。そこを擬似要素を利用してゴニョゴニョすることにより、あまり罫線々々してない区切りを作って頑張ろうとかそういうお話です。</p>
32076          </section>
32077        </a>
32078
32079
32080        <a href="/blog/internet/creative-commons-icons-font">
32081          <section class="excerpt">
32082            <header>
32083              <p class="date"><time datetime="2011-10-14T21:15:11+09:00">14日</time></p>
32084
32085              <h3>CC Iconsフォント</h3>
32086            </header>
32087
32088            <p>Creative Commonsのバナー等に使われている丸いアイコンが、画像だけではなくTrueTypeフォントとしても配布されていることを知りました。Iconsセクションの最後にIcons Fontとして配布されています。日本円のNCマークがないのがちょっと残念。</p>
32089          </section>
32090        </a>
32091
32092
32093        <a href="/blog/webdesign/loading-google-web-fonts-that-does-not-have-regular-style">
32094          <section class="excerpt">
32095            <header>
32096              <p class="date"><time datetime="2011-10-14T08:21:09+09:00">14日</time></p>
32097
32098              <h3>レギュラー書式を持たないGoogle Webフォントの読み込み</h3>
32099            </header>
32100
32101            <p>Google Web Fontsで提供されているWebフォントの中にはレギュラー書式の無いものが幾つかあります。具体的にはAllanがそうです(他にもあります)。これらを利用する場合、必ずURLパラメータに書式の情報も付け加えなければなりません。WebのUIでコツコツ選んで利用する場合は既に加えられているので問題にならないのですが、API経由でURLを組み立てる場合は少し注意が必要になります。</p>
32102          </section>
32103        </a>
32104
32105
32106        <a href="/blog/webdesign/compare-css-and-svg-gradient-size">
32107          <section class="excerpt">
32108            <header>
32109              <p class="date"><time datetime="2011-10-13T14:53:14+09:00">13日</time></p>
32110
32111              <h3>CSSグラデーションとSVGグラデーションのサイズの比較</h3>
32112            </header>
32113
32114            <p>単純なものならあまり変わらないような気がしたので実際に比較してみます。</p>
32115          </section>
32116        </a>
32117
32118
32119        <a href="/blog/webdesign/hello-svg-gradient">
32120          <section class="excerpt">
32121            <header>
32122              <p class="date"><time datetime="2011-10-13T10:54:03+09:00">13日</time></p>
32123
32124              <h3>こんにちは! SVGグラデーション!</h3>
32125            </header>
32126
32127            <p>複雑でないCSSグラデーションの代わりにSVGグラデーション(をData URIスキーム化したもの)を利用するようにしました。懸念していたFirefoxのバグも直る(直った?)みたいだし、ちょっとやってみたかったã
32127®ã§ã€‚</p>
32128          </section>
32129        </a>
32130
32131
32132        <a href="/blog/webdesign/sixteen-pixels">
32133          <section class="excerpt">
32134            <header>
32135              <p class="date"><time datetime="2011-10-12T20:10:58+09:00">12日</time></p>
32136
32137              <h3>16pxは大きすぎますか?</h3>
32138            </header>
32139
32140            <p>35はアラフォーらしいのでアラフォーです。10年前にはまったく苦ではなかった11px程のサイズはもうアレですね。そんなこんなで「もう16px以下はダメじゃないの?」というSmashing Magazineの記事は興味深く読ませてもらいました。12pxにtext-shadowプロパティとか殺す気か! みたいな。</p>
32141          </section>
32142        </a>
32143
32144
32145        <a href="/blog/webdesign/gzipped">
32146          <section class="excerpt">
32147            <header>
32148              <p class="date"><time datetime="2011-10-11T20:17:51+09:00">11日</time></p>
32149
32150              <h3>mod_gzipでのCSSとJavaScriptファイルの圧縮転送設定</h3>
32151            </header>
32152
32153            <p>そんなに表示が遅いわけではないですけど、動的生成なので少しでも早くするために重い腰を上げて.htaccessに設定を追加しました。今時mod_gzipを利用している古いサーバーでの話なので、多くの人にはかなりどうでもいい話です。</p>
32154          </section>
32155        </a>
32156
32157
32158        <a href="/blog/webdesign/combining-print-stylesheet-with-main-one">
32159          <section class="excerpt">
32160            <header>
32161              <p class="date"><time datetime="2011-10-11T17:35:08+09:00">11日</time></p>
32162
32163              <h3>メインと印刷向けスタイルシートの統合</h3>
32164            </header>
32165
32166            <p>HTTPリクエストの削減のためというかっこよさげな理由ではなく複数あると色々と面倒なので、印刷向けスタイルシートをメインのスタイルシートに含めるようにしました。元々メインのスタイルシートが印刷向きなシンプルなもののため、統合してもCSSの極端な肥大化が起こるわけではなさそうなので良いかなと。</p>
32167          </section>
32168        </a>
32169
32170
32171        <a href="/blog/internet/ifttt">
32172          <section class="excerpt">
32173            <header>
32174              <p class="date"><time datetime="2011-10-09T20:11:06+09:00">9日</time></p>
32175
32176              <h3>ifttt</h3>
32177            </header>
32178
32179            <p>乗り遅れ感が半端ないですがiftttを使い始めました。もし(if)これ(this)に何かあった時(then)アレ(that)しといて。deliciousでフォローしてる人たちのブックマークからReadabilityに送るとかで使ってます。channelで使われてる110*110ã
32179®ã‚¢ã‚¤ã‚³ãƒ³ã„いなー。</p>
32180          </section>
32181        </a>
32182
32183
32184        <a href="/blog/webdesign/petit-redesign-at-111009">
32185          <section class="excerpt">
32186            <header>
32187              <p class="date"><time datetime="2011-10-09T00:05:50+09:00">9日</time></p>
32188
32189              <h3>CSSいじった</h3>
32190            </header>
32191
32192            <p>ペンキをぶちまけたような感じにしてたヘッダやフッタの画像を消しました。飽きたので。他はフッターのアイコンを大きくしたり、流行りそうでなかなか流行らないPinterestのアイコンを追加したりとかも。あと若干幅が狭くなりました。広告の幅に合わせた。Ad Driven Designですね。そんな言葉無いですけど。</p>
32193          </section>
32194        </a>
32195
32196
32197        <a href="/blog/webdesign/update-google-web-fonts-preview">
32198          <section class="excerpt">
32199            <header>
32200              <p class="date"><time datetime="2011-10-07T17:47:59+09:00">7日</time></p>
32201
32202              <h3>Google Web Fonts Previewを更新した</h3>
32203            </header>
32204
32205            <p>Google Web FontsのHTMLが大幅に変わったため動かなくなっていたGoogle Web Fonts PreviewをGoogle Web Fonts APIを使って書き直しました。だいたい動いてる感じ。便利ですよねー(棒読み)。</p>
32206          </section>
32207        </a>
32208
32209
32210        <a href="/blog/blosxom/blosxom-info-was-closed">
32211          <section class="excerpt">
32212            <header>
32213              <p class="date"><time datetime="2011-10-07T10:33:48+09:00">7日</time></p>
32214
32215              <h3>blosxom.infoの閉鎖</h3>
32216            </header>
32217
32218            <p>ドメインの期限切れついでにblosxom.info(all about blosxom)を閉鎖しました。面倒だったからとかそういう理由にしておきます。</p>
32219          </section>
32220        </a>
32221
32222
32223        <a href="/blog/internet/at-biglobe-jp">
32224          <section class="excerpt">
32225            <header>
32226              <p class="date"><time datetime="2011-10-06T15:21:25+09:00">6日</time></p>
32227
32228              <h3>@biglobe.jp</h3>
32229            </header>
32230
32231            <p>BIGLOBEの新しいメールサービスのベータテストが始まった。そのこと自体はすごくどうでもよかった(BIGLOBE会員向けのだしね)んだけど、@biglobe.jpのアドレスが無料で貰えるようなので申し込んだ。自分の名前の3文字でとれて満足。メールボックスのサイズが5GBになったこととこの新しいメールアドレスだけでも申し込む価値はありそう。こんなことなら今年の始めにお金を出して古いアドレスを変更しなきゃ良かったよ……。</p>
32232          </section>
32233        </a>
32234
32235          </section>
32236          <section>
32237            <h2><time datetime="2011-06">2011年6月</time></h2>
32238
32239        <a href="/blog/webdesign/terror-of-hashbangs">
32240          <section class="excerpt">
32241            <header>
32242              <p class="date"><time datetime="2011-06-01T05:44:22+09:00">1日</time></p>
32243
32244              <h3>Hashbang(#!)なURLの恐怖</h3>
32245            </header>
32246
32247            <p>諸方面からお叱りの言葉しかいただけない#!なURLは様々な問題をはらんでいますが、来るべき未来(もうすぐですよ!)におけるメンテナンス性という問題についてAdactioで取り上げられていました。#!の表面的な凶悪さに思考停止していて、こういった本質的な問題についてはまったく考えていなかった気がします。</p>
32248          </section>
32249        </a>
32250
32251          </section>
32252          <section>
32253            <h2><time datetime="2011-05">2011年5月</time></h2>
32254
32255        <a href="/blog/webdesign/place-rel-canonical-in-the-head-of-head-element">
32256          <section class="excerpt">
32257            <header>
32258              <p class="date"><time datetime="2011-05-19T17:01:02+09:00">19日</time></p>
32259
32260              <h3>rel=&quot;canonical&quot;はhead要素の先頭に置いてね</h3>
32261            </header>
32262
32263            <p>Googleでのrel=&quot;canonical&quot;の扱いについての中の人の話。rel=&quot;canonical&quot;が適切ではないURLを指していた場合に、Googleとしては無視したいし、多くの場合無視するので、万全を期すのなら(「If you really want to be safe」)head要素の先頭に書けと言っている。わかるけどHTMLの書き方が検索エンジンの意向に左右される世の中は嫌だなぁ……。</p>
32264          </section>
32265        </a>
32266
32267
32268        <a href="/blog/webdesign/flexible-button">
32269          <section class="excerpt">
32270            <header>
32271              <p class="date"><time datetime="2011-05-14T09:34:16+09:00">14日</time></p>
32272
32273              <h3>フレキシブルなボタン</h3>
32274            </header>
32275
32276            <p>ほぼ全てのCSSプロパティの値を相対値やrgba()カラーを利用して指定することによって、コピペしてフォント及び色の調整をするだけで使い回せる基本的なボタンを作ってみました。完成度は85%くらい。</p>
32277          </section>
32278        </a>
32279
32280
32281        <a href="/blog/coding/update-jquery-harmonize-text-plugin">
32282          <section class="excerpt">
32283            <header>
32284              <p class="date"><time datetime="2011-05-13T06:10:57+09:00">13日</time></p>
32285
32286              <h3>jQueryプラグイン: Harmonize Textを更新</h3>
32287            </header>
32288
32289            <p>jQueryプラグイン化する以前からの懸念事項だった要素の幅に影響を与えるCSSプロパティの扱いと、子にテキストノード以外が含まれる場合の2つを考慮した感じにしてjquery.harmonize-textを0.2に更新しました。Works like a charm!?</p>
32290          </section>
32291        </a>
32292
32293
32294        <a href="/blog/coding/jquery-harmonize-text-plugin">
32295          <section class="excerpt">
32296            <header>
32297              <p class="date"><time datetime="2011-05-11T20:49:53+09:00">11日</time></p>
32298
32299              <h3>jQueryプラグイン: Harmonize Text</h3>
32300            </header>
32301
32302            <p>親要素の幅に収まるようにフォントサイズを変更するjQueryなJavaScriptコードを、Harmonize Textという名前のjQueryプラグインにしました。FitTextを見て「コード短くて凄い!」とかæ€
32302ã£ãŸã‚“ですけど、自分の求めているものとはずいぶん違ったので、自分で書いたのをjQueryプラグインにしようというモチベーションが湧きました。</p>
32303          </section>
32304        </a>
32305
32306
32307        <a href="/blog/webdesign/expand-pre-background">
32308          <section class="excerpt">
32309            <header>
32310              <p class="date"><time datetime="2011-05-07T00:14:27+09:00">7日</time></p>
32311
32312              <h3>preの背景をブラウザの幅いっぱいに拡大する</h3>
32313            </header>
32314
32315            <p>ここ最近のコードブロックのスタイリングの流行りに、本文よりもコードブロックが左右に飛び出すようなデザインがある。有名所だとQuirksModeで見ることができる(ここが発祥かもしれない)。このデザインはmarginプロパティで負の値を指定し、paddingプロパティでその分戻すことによって実現している。そのため非幅固定か幅固定でもQuirksModeのように左寄せならこの方法で実現できるが、うちのサイトのように幅固定で中央寄せな場合は左右のマージンが不定なため実現できない。しかし:before及び:after擬似要素を使うまったく別の方法でも実現することができた。</p>
32316          </section>
32317        </a>
32318
32319
32320        <a href="/blog/internet/good-bye-lastpass">
32321          <section class="excerpt">
32322            <header>
32323              <p class="date"><time datetime="2011-05-06T00:20:08+09:00">6日</time></p>
32324
32325              <h3>さようなら、LastPass</h3>
32326            </header>
32327
32328            <p>長いこと使ってきたLastPassをやめて、ローカルのパスワード管理に戻した。きっかけはパスワード流出したかも騒動だけど、それが利用をやめた理由ではなく、すぐに移住できるように保存していたログイン情報をエクスポートしようとしたところ、正常にエクスポートできなかったから。</p>
32329          </section>
32330        </a>
32331
32332
32333        <a href="/blog/coding/ccccapture">
32334          <section class="excerpt">
32335            <header>
32336              <p class="date"><time datetime="2011-05-03T15:47:56+09:00">3日</time></p>
32337
32338              <h3>CCCCAPTURE!</h3>
32339            </header>
32340
32341            <p>少し前からcapistというGistをスクリーンキャプチャーのストレージとして使うAutoHotkeyスクリプトを作って使っているが、スクリーンキャプチャーの数が40を超えた辺りでブラウザからは一覧を見ることができなくなった。削除や追加、そしてファイルそれぞれの閲覧は可能なので特に使用上に問題はないが、一覧がないとちょっと寂しいのでCCCCAPTURE!という一覧するだけのものを作った。</p>
32342          </section>
32343        </a>
32344
32345
32346        <a href="/blog/coding/resize-text-based-on-content-width">
32347          <section class="excerpt">
32348            <header>
32349              <p class="date"><time datetime="2011-05-01T12:08:01+09:00">1日</time></p>
32350
32351              <h3>親要素の幅に収まるようにフォントサイズを変更する</h3>
32352            </header>
32353
32354            <p>Webフォント(@font-face)や均等割付(text-align: justify;)、日本語と英語の間のスペース調節(text-autospace)などCSS3では文字や文章に関わる表現力も大きく向上している。とはいうもののないものはないので、親要素の幅にちょうど収まるようにフォントを拡大、つまりimg要素にwidth: 100%;を指定した時のようにはCSSではできない(少なくとも思いつかなかった)。というわけでふんだんにjQueryを利用したJavaScriptでどうにかしてみた。</p>
32355          </section>
32356        </a>
32357
32358          </section>
32359          <section>
32360            <h2><time datetime="2011-04">2011年4月</time></h2>
32361
32362        <a href="/blog/coding/auto-linking-twitter-text">
32363          <section class="excerpt">
32364            <header>
32365              <p class="date"><time datetime="2011-04-29T20:10:32+09:00">29日</time></p>
32366
32367              <h3>Twitterのテキストのリンク張り</h3>
32368            </header>
32369
32370            <p>Twitterではツイートの表示にいくつか規制がある。例えばTwitterの鳥さんを表示しなければならないとかユーザーのプロフィールへのリンクでは#!/のアレはダメだったりとかかなり細かい。ということでユーザー名やURL、ハッシュタグにまとめてリンクを張るJavaScriptをjQueryで普通に書いてみたã€
32370‚</p>
32371          </section>
32372        </a>
32373
32374
32375        <a href="/blog/webdesign/scribble-something">
32376          <section class="excerpt">
32377            <header>
32378              <p class="date"><time datetime="2011-04-25T09:38:07+09:00">25日</time></p>
32379
32380              <h3>CSSとJavaScriptで文章をメモ書き風に</h3>
32381            </header>
32382
32383            <p>または和文フォントから仮名部分のみ抜き出してサブセット化したものとYahoo! Japanのルビ振りAPIを組み合わせて、ユーザー環境やサーバー性能に左右されずに比較的自由なフォント表現を行うためのイロハ。おれ ここ めも かき なぐる!</p>
32384          </section>
32385        </a>
32386
32387
32388        <a href="/blog/software/replace-ms-pgothic-with-arial-plus-meiryo-in-chrome">
32389          <section class="excerpt">
32390            <header>
32391              <p class="date"><time datetime="2011-04-23T04:02:13+09:00">23日</time></p>
32392
32393              <h3>Google ChromeでMS PゴシックをArial+メイリオに置換する</h3>
32394            </header>
32395
32396            <p>最近のブラウザではWebフォントの利用を可能にする@font-faceをサポートしており、使われているサイトもよく見かけるようになった。@font-faceはWebフォントの利用に限らず、ローカルのフォントの再定義にも使えるので、ユーザースタイルシートで利用すればMS Pゴシックをメイリオに置換することが出来る(Chromeでも)。これに留まらず@font-faceデスクリプターのunicode-rangeプロパティを利用すれば、英数字はArialで日本語部分はメイリオで置換するなどというわがままなことが出来る。</p>
32397          </section>
32398        </a>
32399
32400
32401        <a href="/blog/webdesign/google-webfonts-ampersands">
32402          <section class="excerpt">
32403            <header>
32404              <p class="date"><time datetime="2011-04-20T20:23:22+09:00">20日</time></p>
32405
32406              <h3>&amp;: View Ampersand Glyph of Google Web Fonts</h3>
32407            </header>
32408
32409            <p>Google Web Fontsの全てのフォントの「&amp;」のグリフを一覧するツール&amp;を作った。Open Source Ampersandsと同じようなものだけど、こっちはJavaScriptだけで動き、特に何もすることなくGoogle Web Fontsの新規フォントが反映される。タイトル短すぎ。これも実用性はない……けど&amp;かわいいよね!</p>
32410          </section>
32411        </a>
32412
32413
32414        <a href="/blog/software/vim-css3-syntax-2">
32415          <section class="excerpt">
32416            <header>
32417              <p class="date"><time datetime="2011-04-20T01:30:41+09:00">20日</time></p>
32418
32419              <h3>vim-css3-syntax v0.3</h3>
32420            </header>
32421
32422            <p>@hokacchaから@mediaブロック内でのクラス名のハイライトがうまくいっていないバグの修正を貰ったのでそれを反映させ、他いくつか漏れていたCSS3モジュールへの対応を行い、vim-css3-syntaxを0.3にした。</p>
32423          </section>
32424        </a>
32425
32426
32427        <a href="/blog/webdesign/one-four-zero-colors-found">
32428          <section class="excerpt">
32429            <header>
32430              <p class="date"><time datetime="2011-04-17T19:04:54+09:00">17日</time></p>
32431
32432              <h3>140 Colors Found</h3>
32433            </header>
32434
32435            <p>140 Colors FoundというCSSで使える色キーワードをランダムにちょっとかっこよく表示するツールを作った。CSS Color Keywordsのアレンジ。実用性はまったくない。本当にない。</p>
32436          </section>
32437        </a>
32438
32439
32440        <a href="/blog/internet/lorempixum">
32441          <section class="excerpt">
32442            <header>
32443              <p class="date"><time datetime="2011-04-15T12:37:14+09:00">15日</time></p>
32444
32445              <h3>lorempixel</h3>
32446            </header>
32447
32448            <p>簡単なクエリー・パラメーターで好きなサイズのランダムな画像を返してくれるlorempixelというウェブサービスを見つけた。主にウェブサイトのプロトタイピングに使うことになると思う。多少遅い気もするが、それに目をつぶってでも使いたくなる簡便さ。</p>
32449          </section>
32450        </a>
32451
32452
32453        <a href="/blog/software/delete-win7-sp1-backup-files">
32454          <section class="excerpt">
32455            <header>
32456              <p class="date"><time datetime="2011-04-13T18:26:11+09:00">13日</time></p>
32457
32458              <h3>Windows 7 SP1のバックアップ・ファイルの削除</h3>
32459            </header>
32460
32461            <p>Windows 7のSP1導入後これといって不具合はない(し、不具合の話もあまり聞かない)ので、そろそろバックアップは削除しても良い頃合いなんじゃないかと思う。Windows 7ではサービスパックのバックアップ・ファイルをディスク クリーンアップで簡単に削除できるようになっていてちょっとびっくりした。</p>
32462          </section>
32463        </a>
32464
32465
32466        <a href="/blog/webdesign/css-color-keywords">
32467          <section class="excerpt">
32468            <header>
32469              <p class="date"><time datetime="2011-04-11T20:05:05+09:00">11日</time></p>
32470
32471              <h3>CSS Color Keywords</h3>
32472            </header>
32473
32474            <p>CSSでは色の値として#RRGGBBやrgb(r, g, b)等の他にキーワードでも指定できる。CSS3では大幅に拡充さã
32474‚Œã€140種類のキーワードのサポートが明記された。今まであまり使ったことがなかった上に、英語力の欠如からDarkOrangeやLavenderとかならまだしもBlanchedAlmondとか言われてもどんな色か想像すらできないので、一覧してクリックで背景色としてプレビューできる簡単なツール、CSS Color Keywordsを作った。DarkOliveGreenとかRGBで考えるとなかなか大変だけどキーワードなら簡単!</p>
32475          </section>
32476        </a>
32477
32478
32479        <a href="/blog/webdesign/rotate-360-degrees">
32480          <section class="excerpt">
32481            <header>
32482              <p class="date"><time datetime="2011-04-10T04:06:19+09:00">10日</time></p>
32483
32484              <h3>rotate(360deg)</h3>
32485            </header>
32486
32487            <p>WindowsのGoogle ChromeでWebフォントを使うと、その縁がギザギザになることが多い(もちろん非ClearTypeのフォントならローカルフォントでも)。今まではそれの解消のためにtext-shadowプロパティで軽く文字色と同じ影をつけてやって誤魔化していたが、-webkit-transformプロパティでrotate(360deg)として一周回すといい感じにフォントにアンチエイリアスっぽいぼかしがかかることを発見した。少し前に書いたCSS3のtransformを使ったフォントの変形の派生。テクニックというよりもハック寄り。</p>
32488          </section>
32489        </a>
32490
32491
32492        <a href="/blog/blosxom/hatom">
32493          <section class="excerpt">
32494            <header>
32495              <p class="date"><time datetime="2011-04-07T04:30:45+09:00">7日</time></p>
32496
32497              <h3>hAtomに対応した</h3>
32498            </header>
32499
32500            <p>フィードの将来を模索してるとやはりhAtomは避けて通れないかなーという感じなので、今更ながら対応した。blosxomのビルトイン変数とフレーバーで実現できるのでそんなに面倒でもない。</p>
32501          </section>
32502        </a>
32503
32504
32505        <a href="/blog/coding/get-cursor-pos-color-ahk">
32506          <section class="excerpt">
32507            <header>
32508              <p class="date"><time datetime="2011-04-05T22:58:01+09:00">5日</time></p>
32509
32510              <h3>カーソル位置の色を取得するAutoHotkeyスクリプト</h3>
32511            </header>
32512
32513            <p>カラーピッカーとか起動したくないし、常駐なんてもってのほか! みたいな人なので、Win+Cでカーソル位置の色を取得してツールチップで表示とクリップボードへのコピーを行う簡単なAutoHotkeyスクリプトを書いて愛用している。</p>
32514          </section>
32515        </a>
32516
32517          </section>
32518          <section>
32519            <h2><time datetime="2011-03">2011年3月</time></h2>
32520
32521        <a href="/blog/software/update-firefox-addons-for-version-4">
32522          <section class="excerpt">
32523            <header>
32524              <p class="date"><time datetime="2011-03-30T06:08:35+09:00">30日</time></p>
32525
32526              <h3>Update Firefox Add-ons for Version 4</h3>
32527            </header>
32528
32529            <p>遅まきながら「次世代ブラウザ」Firefox 4に公開中のアドオンを対応させた。控えめに4.0.*にしといたので4.1になったらまたインストールできなくなるけど……。</p>
32530          </section>
32531        </a>
32532
32533
32534        <a href="/blog/coding/modify-960-gridder-bookmarklet">
32535          <section class="excerpt">
32536            <header>
32537              <p class="date"><time datetime="2011-03-28T19:21:23+09:00">28日</time></p>
32538
32539              <h3>960 Gridderを使いやすくする</h3>
32540            </header>
32541
32542            <p>960 Gridderというグリッドをオーバーレイ表示してくれるブックマークレットがある。簡単便利なので使ってる人も多いと思うが、起動後に追加されるUIではカラム幅の基準になるサイズやカラム数などしか設定できず、960pxという全体の幅を設定することができない。gOverrideというグローバル変数をHTMLに書いておけば柔軟にカスタマイズすることができるということになっているが、HTMLにはちょっと書きたくない(あとで消したりとか面倒だし)ã€
32542‚このちょっとイケてない所を、アドレスバーからブックマークレットを引数付きで実行することによって改善しようという話。</p>
32543          </section>
32544        </a>
32545
32546
32547        <a href="/blog/webdesign/version-six-point-two">
32548          <section class="excerpt">
32549            <header>
32550              <p class="date"><time datetime="2011-03-28T14:28:32+09:00">28日</time></p>
32551
32552              <h3>v6.2</h3>
32553            </header>
32554
32555            <p>明るい青のグラデのスタイルが不評だったので、モノクロ+淡い青で作り直した。</p>
32556          </section>
32557        </a>
32558
32559
32560        <a href="/blog/coding/retweet-in-twitter-api">
32561          <section class="excerpt">
32562            <header>
32563              <p class="date"><time datetime="2011-03-26T15:54:07+09:00">26日</time></p>
32564
32565              <h3>Twitter APIにおけるリツイート</h3>
32566            </header>
32567
32568            <p>Twitter APIのusers/showは認証なしで手軽に最新のツイートのみを拾えるので、JavaScriptでウェブサイトにツイートを表示するなどといったケースに適しており、使っている人も多いと思う。が、最新のツイートがリツイートの場合はAPIが返すJSONからstatus以下がバッサリとなくなってしまうため、最新のツイートを拾うことができなくなってしまう。これに対処するためにもっと柔軟にツイートを拾えるstatuses/user_timelineを使ってcount=1にした……が、それだけではうまくいかなかったという話。</p>
32569          </section>
32570        </a>
32571
32572
32573        <a href="/blog/software/open-old-font-config-dialog-in-chrome-10-or-later">
32574          <section class="excerpt">
32575            <header>
32576              <p class="date"><time datetime="2011-03-21T13:43:11+09:00">21日</time></p>
32577
32578              <h3>Google Chrome 10以降で昔のフォント設定ダイアログを呼び出す</h3>
32579            </header>
32580
32581            <p>メモとして書いたGoogle Chrome 10以降の注意点でのフォントのフォールバックの
32581問題は解消されていない上、stableも10になってしまったのでこのメモの方法はもう通用しない(Google Packだとまだ9系統かも)。が、昔のフォント設定ダイアログを呼び出す方法があるので、それを使ってフォント設定をしてやれば回避できる。</p>
32582          </section>
32583        </a>
32584
32585
32586        <a href="/blog/software/use-segoe-ui-for-bookmarks-menu-ui-font">
32587          <section class="excerpt">
32588            <header>
32589              <p class="date"><time datetime="2011-03-17T14:11:59+09:00">17日</time></p>
32590
32591              <h3>Bookmarks MenuのUIフォントにSegoe UIを使う</h3>
32592            </header>
32593
32594            <p>ブックマーク バーが邪魔でしょうがない気がしてきたので、ブックマークをツールバーボタンからドロップダウンで参照できるBookmarks MenuというGoogle Chromeの拡張を使い始めた。ドロップダウンのUIはそこそこカスタマイズ出来るものの、なぜかUIフォントが訳の分からないフォント、Arial Rounded MT BoldやらLucida Consoleやら限定な感じでかなり悲しい。とはいうもののこの拡張に限らずChromeのポップアップと呼ばれるツールバーボタンクリックして出てくるアレは普通のHTMLのためユーザースタイルシートでフォントの置き換えが効き、結構簡単にSegoe UIに置き換えることが出来る。</p>
32595          </section>
32596        </a>
32597
32598
32599        <a href="/blog/gadget/microsoft-arc-keyboard">
32600          <section class="excerpt">
32601            <header>
32602              <p class="date"><time datetime="2011-03-10T15:10:16+09:00">10日</time></p>
32603
32604              <h3>Microsoft Arc Keyboard買った</h3>
32605            </header>
32606
32607            <p>使ってたキーボードのEnterがぶっ壊れ気味だったので安くなったArc Keyboardを買った。3545円。久々のパンタで慣れないけど、特に打ちにくくはない。非変態キー配列なテンキーレスだと、ベストバイな気がする。無線なのをどう評価するかで変わってくるか。</p>
32608          </section>
32609        </a>
32610
32611
32612        <a href="/blog/webdesign/google-webfonts-preview">
32613          <section class="excerpt">
32614            <header>
32615              <p class="date"><time datetime="2011-03-09T03:14:07+09:00">9日</time></p>
32616
32617              <h3>Google Web Fontsの全書体をプレビュー</h3>
32618            </header>
32619
32620            <p>Google Web Fontsの全書体を一気にプレビューするツールを作った。公式のFont Previewerを使ってるとサンプル文字列が突如リセットされたりとかアレだったので……。</p>
32621          </section>
32622        </a>
32623
32624
32625        <a href="/blog/blosxom/plugins-i-use-at-2011-03-08">
32626          <section class="excerpt">
32627            <header>
32628              <p class="date"><time datetime="2011-03-08T18:33:16+09:00">8日</time></p>
32629
32630              <h3>使用しているプラグイン@2011-03-08</h3>
32631            </header>
32632
32633            <p>少し前にBlosxom本体を開発版の2.1.2+devに切り替えた。いくつか当てていたパッチをマージするのが面倒だったので、ついでに全部オレオレパッチを追放してプラグインにしたりとかも。というわけで追加したプラグインを列挙する。Deliciousのblosxom+pluginsiuseタグも更新しておいた。</p>
32634          </section>
32635        </a>
32636
32637
32638        <a href="/blog/webdesign/design-icon-with-css-follow-up">
32639          <section class="excerpt">
32640            <header>
32641              <p class="date"><time datetime="2011-03-05T19:36:01+09:00">5日</time></p>
32642
32643              <h3>CSSでアイコンをデザインへの補足</h3>
32644            </header>
32645
32646            <p>追記でCSSでアイコンをデザインの対応ブラウザについてざっと書いておいたが、そこで「知らない」とか「書きたくない」とIE8のところで書いた。それをどうも意図した方向とは違う感じで捉えられてしまっているようだったので、すこしだけ補足する。すでに勢いに任せて某所でも書いてしまったがもうちょっとはっきりと書く。IE8でもこうやればできるよ! とかいう話ではなく、もっとモヤッとした話。</p>
32647          </section>
32648        </a>
32649
32650
32651        <a href="/blog/software/lastpass-treat-multiple-domain-as-same-domain">
32652          <section class="excerpt">
32653            <header>
32654              <p class="date"><time datetime="2011-03-04T19:09:32+09:00">4日</time></p>
32655
32656              <h3>LastPassで複数のドメインを同一視する</h3>
32657            </header>
32658
32659            <p>LastPassではだいたいドメイン単位で「サイト」と呼ばれる各ウェブサイトへのログイン情報を管理している。そのため同じログイン情報を複数のサービスで共有しているような場合、ドメインごとに同じログイン情報を持つ「サイト」を作るのが普通だが、これだとパスワードの変更などで更新するのが非常に面倒になる。実はそのための設定がアカウント設定(アドオンや拡張の設定ではない)にあり、そこでちゃんと設定してやると上手いことでã
32659ã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚</p>
32660          </section>
32661        </a>
32662
32663
32664        <a href="/blog/webdesign/design-icon-with-css">
32665          <section class="excerpt">
32666            <header>
32667              <p class="date"><time datetime="2011-03-03T16:22:16+09:00">3日</time></p>
32668
32669              <h3>CSSでアイコンをデザイン</h3>
32670            </header>
32671
32672            <p>ものすごく大雑把に言うと今まで画像編集ソフトでやっていた、角を丸くするとか背景をグラデーションにするなどという作業をCSSでやってしまおうというお話。もちろんCSSでできないことは多くあるので万能というわけではないが、できることに限って言えば数行のCSSコードでスクリーンショットのような効果を柔軟に適用することができる。</p>
32673          </section>
32674        </a>
32675
32676          </section>
32677          <section>
32678            <h2><time datetime="2011-02">2011年2月</time></h2>
32679
32680        <a href="/blog/webdesign/mark-active-item-of-navigation">
32681          <section class="excerpt">
32682            <header>
32683              <p class="date"><time datetime="2011-02-28T10:25:06+09:00">28日</time></p>
32684
32685              <h3>ナビゲーションのアクティブな項目をマークする</h3>
32686            </header>
32687
32688            <p>ウェブサイトのナビゲーションでよくある、アクティブ、つまりユーザーが閲覧中のページに対応する項目にマークを付ける場合、画像ファイルでやることが多い。最近はCSSグラデーションを使ってアクティブな時にへこませたような効果を与えたりすることもあるが、よく見かける三角のマークを付けるとなるとやはり画像で……となってしまう。しかし、単純な形に限ってなら枠線付きの吹き出しでも利用した:before又は:after擬似要素を使えば実現できる。</p>
32689          </section>
32690        </a>
32691
32692
32693        <a href="/blog/webdesign/bordered-speech-bubble">
32694          <section class="excerpt">
32695            <header>
32696              <p class="date"><time datetime="2011-02-23T08:02:43+09:00">23日</time></p>
32697
32698              <h3>枠線付きの吹き出し</h3>
32699            </header>
32700
32701            <p>ミニブログの隆盛以降ウェブ上でよく見かける吹き出しをCSSで作るお話。単色のものはかなり前に書いた。今回はそれに枠線をつけてみよう! みよう! みよう!</p>
32702          </section>
32703        </a>
32704
32705
32706        <a href="/blog/coding/scss-pitfalls">
32707          <section class="excerpt">
32708            <header>
32709              <p class="date"><time datetime="2011-02-18T21:10:35+09:00">18日</time></p>
32710
32711              <h3>SCSSでの落とし穴</h3>
32712            </header>
32713
32714            <p>SassをSCSSで書いていてはまった落とし穴についてのメモ。</p>
32715          </section>
32716        </a>
32717
32718
32719        <a href="/blog/webdesign/sass-and-sassy-css">
32720          <section class="excerpt">
32721            <header>
32722              <p class="date"><time datetime="2011-02-11T18:56:33+09:00">11日</time></p>
32723
32724              <h3>Sass、そしてSassy CSS (SCSS)</h3>
32725            </header>
32726
32727            <p>多くのCSSフレームワークのちょっと気に食わないところの話から、今ならSassのSCSSでそういうCSSフレームワークをインポートすると訪問者も含めてみんな幸せになれるはずみたいなことをはてなグループで書いた。もうちょっとまとめてしっかりとエントリで……と思ったらすごく長くなったので、Sass、そしてSassy CSS (SCSS)として単独のドキュメントにした。</p>
32728          </section>
32729        </a>
32730
32731
32732        <a href="/blog/webdesign/heading-inside-list-item">
32733          <section class="excerpt">
32734            <header>
32735              <p class="date"><time datetime="2011-02-10T22:43:03+09:00">10日</time></p>
32736
32737              <h3>リスト項目内に見出し</h3>
32738            </header>
32739
32740            <p>2つ前のエントリで書いてしまったウェブページ全体の見出しをli要素にぶち込むという案に関してTwitterで言及されていた。これについてはエントリを書いた後ちょっと考えたのã
32740§ã€è¿”答がてら(簡単にリプライしといたけど)エントリにする。</p>
32741          </section>
32742        </a>
32743
32744
32745        <a href="/blog/webdesign/update-google-code-prettify-theme">
32746          <section class="excerpt">
32747            <header>
32748              <p class="date"><time datetime="2011-02-09T15:50:25+09:00">9日</time></p>
32749
32750              <h3>Google Code Prettifyのスタイルを更新</h3>
32751            </header>
32752
32753            <p>リデザイン前までは黒背景のGoogle Code Prettifyのテーマを使っていたが、この背景(色)だとちょっと目立ち過ぎな気がするので控えめな色使いでスタイルを新しく書き直した。pre要素に背景を指定したくない感じなのでこの位で丁度良さそう。デフォルトと殆ど変わらないね!</p>
32754          </section>
32755        </a>
32756
32757
32758        <a href="/blog/webdesign/after-actually-make-things-simple">
32759          <section class="excerpt">
32760            <header>
32761              <p class="date"><time datetime="2011-02-09T07:10:56+09:00">9日</time></p>
32762
32763              <h3>リデザインからの……</h3>
32764            </header>
32765
32766            <p>公開後の調整をまとめておく。備忘録。と書いておけばだいたい許される法則。</p>
32767          </section>
32768        </a>
32769
32770
32771        <a href="/blog/webdesign/actually-make-things-simple">
32772          <section class="excerpt">
32773            <header>
32774              <p class="date"><time datetime="2011-02-07T10:05:17+09:00">7日</time></p>
32775
32776              <h3>リデザイン @ 2011-02-07</h3>
32777            </header>
32778
32779            <p>へるべちかにゅ~! CSSが20KBオーバーと肥大化してきたのでダイエットしようと思ったらいつの間にか全部書き換えていた。でも頑張っても13KBにしかならなかった。</p>
32780          </section>
32781        </a>
32782
32783
32784        <a href="/blog/webdesign/transparent-keyword-in-css-gradient">
32785          <section class="excerpt">
32786            <header>
32787              <p class="date"><time datetime="2011-02-04T15:21:46+09:00">4日</time></p>
32788
32789              <h3>CSS Gradientにおける&quot;transparent&quot;</h3>
32790            </header>
32791
32792            <p>1つ前のエントリで「transparentだと完全に透明な黒として扱われるみたい」と書いたが、気になるのでちゃんと調べた。といってもCSS3 Colorの仕様を参照して、現行のブラウザではどうかテスト・ケースを書いて確認しただけだけど。結論としてはChrome (WebKit)とFirefoxでは仕様通りtransparentをrgba(0, 0, 0, 0)と扱っているので、CSSグラデーションでもそれに従った、つまり、グラデーションの途中が黒とブレンドされた色になってしまうので注意が必要になるという話。</p>
32793          </section>
32794        </a>
32795
32796
32797        <a href="/blog/webdesign/mimic-ios-home-screen-icon-with-css">
32798          <section class="excerpt">
32799            <header>
32800              <p class="date"><time datetime="2011-02-03T18:10:39+09:00">3日</time></p>
32801
32802              <h3>iOSのホーム・スクリーンのアイコンをCSSでパクる</h3>
32803            </header>
32804
32805            <p>iOSはホーム・スクリーンにアプリケーションのアイコンを置く時、いくつかエフェクトをかけて配置する。そこら辺の話はiOS Human Interface Guidelinesに載っているので詳しくはそちらを参照。それぞれのエフェクトはCSS3ならできそうな感じのものだったので、パクっと。</p>
32806          </section>
32807        </a>
32808
32809
32810        <a href="/blog/webdesign/what-does-it-all-mean-dive-into-html5-jp">
32811          <section class="excerpt">
32812            <header>
32813              <p class="date"><time datetime="2011-02-01T22:07:31+09:00">1日</time></p>
32814
32815              <h3>What Does It All Mean? - Dive Into HTML5の日本語訳</h3>
32816            </header>
32817
32818            <p>多くの人がDive Into HTML5のコンテンツの中で最も気になるであろう(X)HTML( 4)からHTML5への移行を題材として、HTML5の書き方や新しい要素などの説明したWhat Does It All Mean?の日本語訳、「結局どうすればいいの?」を公開した。前に二度全部訳そうと思って、言い回しの複雑さにさじを投げたが、今回はとりあえず自分が一番最初に熟読したWhat Does It All Mean?に絞って訳した。</p>
32819          </section>
32820        </a>
32821
32822
32823        <a href="/blog/webdesign/css-sliding-image-gallery">
32824          <section class="excerpt">
32825            <header>
32826              <p class="date"><time datetime="2011-02-01T11:53:11+09:00">1日</time></p>
32827
32828              <h3>CSSのみでスライドして画像を切り替えるギャラリーを作る</h3>
32829            </header>
32830
32831            <p>ポートフォリオとかでよく見かけるクリックすると横にスライドしながら画像を切り替えるギャラリーUIをCSS3だけで作ってみたã€
32831‚最終的に、エフェクト的には満足のいかないところがあるもののすごくシンプルに作成できたのでまぁ満足。:target擬似クラスとtransitionプロパティ(とtransformプロパティ)の組み合わせは色々できて楽しい。</p>
32832          </section>
32833        </a>
32834
32835          </section>
32836          <section>
32837            <h2><time datetime="2011-01">2011年1月</time></h2>
32838
32839        <a href="/blog/webdesign/create-almost-perfect-google-search-button-with-css">
32840          <section class="excerpt">
32841            <header>
32842              <p class="date"><time datetime="2011-01-30T10:22:14+09:00">30日</time></p>
32843
32844              <h3>GoogleのボタンをCSSだけでほぼ完璧につくる</h3>
32845            </header>
32846
32847            <p>Google のボタンをCSSだけでつくるをDelicious経由で見て、もうちょっと出来るんじゃないかなーと思ったので、background-imageで複数のlinear-gradient()を使ってグラデーションにプラスアルファする方法の啓蒙も兼ねてほぼ完コピするCSSの書き方を解説しようかなとか何とか。このエントリの別名は「CSSグラデーションのちょっとしたテクニック #3」になる。</p>
32848          </section>
32849        </a>
32850
32851
32852        <a href="/blog/software/vim-css3-syntax">
32853          <section class="excerpt">
32854            <header>
32855              <p class="date"><time datetime="2011-01-27T22:47:25+09:00">27日</time></p>
32856
32857              <h3>VimのCSS3シンタックス・ファイルみたいな何か</h3>
32858            </header>
32859
32860            <p>VimでCSSを書いていると、最近のCSS3プロパティでもやもやした感じになるのはまぁしょうがないかな……と見ないふりをしていた。が、@mediaでブロックを作った時に最初のセレクタのハイライトに失敗するのとかにムキーとなって、もうこれは駄目だと思ったので、既存のCSSシンタックス・ファイルをCSS3に対応させた感じにする追加シンタックス・ファイルを作成した。はじめてのVimシンタックスファイル(もどき)。</p>
32861          </section>
32862        </a>
32863
32864
32865        <a href="/blog/webdesign/adding-polaroid-effects-to-img-with-box-shadow-and-radial-gradient">
32866          <section class="excerpt">
32867            <header>
32868              <p class="date"><time datetime="2011-01-24T18:09:09+09:00">24日</time></p>
32869
32870              <h3>box-shadowとradial-gradientで画像をポラロイド写真風に</h3>
32871            </header>
32872
32873            <p>CSS3のbox-shadowプロパティではinsetという値を取ることができ、その場合ブロックの内側に影が付く。これをある工夫と共に利用すると写真の端に影がつけられる。更にradial-gradientでセピア色のグラデーションを重ねてやれば、良い具合に古ぼけさせることもできるので、両方の効果を重ねてやればポラロイド写真風に見えないこともない?</p>
32874          </section>
32875        </a>
32876
32877
32878        <a href="/blog/webdesign/font-transforming-with-css3-transform">
32879          <section class="excerpt">
32880            <header>
32881              <p class="date"><time datetime="2011-01-22T17:47:32+09:00">22日</time></p>
32882
32883              <h3>CSS3のtransformを使ったフォントの変形</h3>
32884            </header>
32885
32886            <p>CSS3のtransformプロパティでscale()(または-ms-filterでMatrix())を使うと、ブロックの拡大と縮小ができる。これを利用するとVerdanaをCondensedなフォントっぽく細くしたり、ワープロ時代の倍角文字や縦倍角文字を実現することが簡単にできる。コンテンツ本文に使うのは無理があるが、見出しなどには良さそう。特に@font-faceで気軽に変更できない(してもあまり効果的ではない)日本語の見出しには面白い試みなんじゃないかと思ったが、一番綺麗にしたいIE8で残念なので微妙。</p>
32887          </section>
32888        </a>
32889
32890
32891        <a href="/blog/webdesign/zoom-in-and-out-with-rotate">
32892          <section class="excerpt">
32893            <header>
32894              <p class="date"><time datetime="2011-01-18T17:00:08+09:00">18日</time></p>
32895
32896              <h3>回転しながらズームイン・ズームアウト</h3>
32897            </header>
32898
32899            <p>オブジェクトを回転しながらズームさせるにはCSS3のtransitionとtransformを組み合わせるだけで良い。ぐるぐるぐるぐるどっか~ん。Ch9とFx4b9、Op11、Sf5あたりなら動く。</p>
32900          </section>
32901        </a>
32902
32903
32904        <a href="/blog/webdesign/horizontal-scroll-webdesign">
32905          <section class="excerpt">
32906            <header>
32907              <p class="date"><time datetime="2011-01-17T18:03:07+09:00">17日</time></p>
32908
32909              <h3>横スクロールのサイトデザイン</h3>
32910            </header>
32911
32912            <p>横スクロールで閲覧するサイトを作りたくなったので、iine!をそうしてみた。ブラウザが横幅8000px以上ならスクロールせずに見ることができる。Ch9とFx3.6、Sf5、Op11、IE8で確認した限りでは特に問題なさそう。手探りでHTMLとCSSを組んだのでdivがものすごく多い。</p>
32913          </section>
32914        </a>
32915
32916
32917        <a href="/blog/blosxom/redirect_to_random_entry-plugin">
32918          <section class="excerpt">
32919            <header>
32920              <p class="date"><time datetime="2011-01-14T13:52:39+09:00">14日</time></p>
32921
32922              <h3>redirect_to_random_entry</h3>
32923            </header>
32924
32925            <p>クエリにrandom=1が含まれる場合、全エントリからランダムに選ばれたエントリにリダイレクトするblosxomプラグイン、redirect_to_random_entryを書いた。このサイトにも仕込んであるけどリンク張ってない。置き場所がなã
32925‹ã£ãŸâ€¦â€¦ã€‚</p>
32926          </section>
32927        </a>
32928
32929
32930        <a href="/blog/internet/iine">
32931          <section class="excerpt">
32932            <header>
32933              <p class="date"><time datetime="2011-01-14T03:04:28+09:00">14日</time></p>
32934
32935              <h3>iine!</h3>
32936            </header>
32937
32938            <p>Facebookとは全く関係ない。iine!は僕がウェブ上で気に入ったロゴやフォーム、ナビゲーションなどをスクリーンショットと短いコメント付きで並べていくサイト。元々ローカルでやってたのを公開するようにした。特にそれらのパクリ方作成方法を解説したりとかはない。よくあるCSSギャラリーのパーツ版みたいな感じ。いいね!</p>
32939          </section>
32940        </a>
32941
32942
32943        <a href="/blog/coding/integrate-wufoo-form-into-my-site">
32944          <section class="excerpt">
32945            <header>
32946              <p class="date"><time datetime="2011-01-11T11:50:35+09:00">11日</time></p>
32947
32948              <h3>Wufooのフォームを自分のサイトに統合</h3>
32949            </header>
32950
32951            <p>Wufooのフォームを利用する場合、通常はWufooでホストされているフォームにリンクを張って使う。このサイトのフィードバック・フォームもそうしていたが、どうも結構簡単に既存のウェブページからPOSTできるようにすることができるらしい。といってもdocument.write()なJavaScriptコードやiframe要素を張り付けて使うEmbed Form Code等やREST APIを利用したものではなく、決められたURLにPOST Keyというユーザー固有の付きでPOSTするフォームを作成すれば良いようだ。</p>
32952          </section>
32953        </a>
32954
32955
32956        <a href="/blog/software/vim-install-pathogen">
32957          <section class="excerpt">
32958            <header>
32959              <p class="date"><time datetime="2011-01-08T19:42:31+09:00">8日</time></p>
32960
32961              <h3>pathogenのインストール</h3>
32962            </header>
32963
32964            <p>~/.vimの整理のために重い腰を上げてpathogenをインストールした。pathogenは~/.vim/bundle以下でプラグインごとにディレクトリを作ってインストールできるようにもなるプラグイン。バージョンアップでファイル構成が変わったプラグインとかでもディレクトリごとサヨナラして入れ直すだけで良くなる。</p>
32965          </section>
32966        </a>
32967
32968
32969        <a href="/blog/internet/pinterest">
32970          <section class="excerpt">
32971            <header>
32972              <p class="date"><time datetime="2011-01-06T22:49:36+09:00">6日</time></p>
32973
32974              <h3>Pinterest</h3>
32975            </header>
32976
32977            <p>使い始めたのでなんか書いてみる。モノ的にはTumblrとAmazonのなんでもほしい物リストの中間的なウェブサービスで、ウェブ上の画像をクリッピングしていくだけ。自分の好きなデザインの製品を集めたりとかに使っている人が多い。参加は既存ユーザーからの招待制ということになっているが、公式の登録フォームでメールアドレスを登録すれば数日で招待される(一日くらいで招待された)。</p>
32978          </section>
32979        </a>
32980
32981
32982        <a href="/blog/gadget/asamashi-2010">
32983          <section class="excerpt">
32984            <header>
32985              <p class="date"><time datetime="2011-01-05T19:30:37+09:00">5日</time></p>
32986
32987              <h3>アサマシ 2010</h3>
32988            </header>
32989
32990            <p>去年アサマシらなかったのでまとめてアサマシってみようという新年にふさわしいエントリ。満足度の高い順に。</p>
32991          </section>
32992        </a>
32993
32994          </section>
32995          <section id="2010">
32996            <h2><time datetime="2010-12">2010年12月</time></h2>
32997
32998        <a href="/blog/webdesign/brand-new-404-page-2010-12-31">
32999          <section class="excerpt">
33000            <header>
33001              <p class="date"><time datetime="2010-12-31T00:02:15+09:00">31日</time></p>
33002
33003              <h3>404ページのリニューアル</h3>
33004            </header>
33005
33006            <p>前に遊びで作った道路標識みたいな404ページを引っ張ってきてリニューアルした。デザイン以外は変化なし。昔のCSS見ると普通にborder-radius-topleftとか書いてて無性に悲しい。</p>
33007          </section>
33008        </a>
33009
33010
33011        <a href="/blog/webdesign/webservice-icons">
33012          <section class="excerpt">
33013            <header>
33014              <p class="date"><time datetime="2010-12-27T19:57:44+09:00">27日</time></p>
33015
33016              <h3>ウェブサービスのアイコンを書いた</h3>
33017            </header>
33018
33019            <p>このサイトの右上にあるTwitterアイコンみたいなゆるいグラデ背景なアイコンをいくつか書いた。ここで使う予定だけどまだどう使うかぼんやりとしか考えてない。はてブのアイコンだけ書いてみたら楽しくなったã
33019®ã§å‹¢ã„で書いてしまった。画像にCC-BYとかだとかなり面倒だと思うので、パブリックドメインにしておいた。テカテカしたアイコンが好きではない人にオススメ!</p>
33020          </section>
33021        </a>
33022
33023
33024        <a href="/blog/webdesign/make-things-simple">
33025          <section class="excerpt">
33026            <header>
33027              <p class="date"><time datetime="2010-12-26T22:55:36+09:00">26日</time></p>
33028
33029              <h3>物事をシンプルにするます</h3>
33030            </header>
33031
33032            <p>ヘッダが主張しすぎな感じとかがちょっと飽きてきたので、ちょっとだけリニューアルした。ロゴとヘッダ変えただけ。緑ももうやめようかな……とは考えたが面倒になったのでそのままで……。Ctrl+F5!</p>
33033          </section>
33034        </a>
33035
33036
33037        <a href="/blog/software/dont-exit-vim-when-closing-last-tab">
33038          <section class="excerpt">
33039            <header>
33040              <p class="date"><time datetime="2010-12-23T10:02:33+09:00">23日</time></p>
33041
33042              <h3>Vimで最後のタブを閉じても終了しない</h3>
33043            </header>
33044
33045            <p>Firefoxとかタブ付きエディタによくある最後のタブを閉じても終了せずに新規ファイルを編集するタブが開かれる機能がVimにもずっと欲しかった(特にgVim)。なるべく閉じないように使うことにしていたが、よく:wqaとか勢いで打ってしまい悲しいことに。そろそろどうにかしようと色々調べて、:cabbrevコマンドで:qとかを書き換えてやれば良さそうということがわかった。</p>
33046          </section>
33047        </a>
33048
33049
33050        <a href="/blog/internet/posterous-memo">
33051          <section class="excerpt">
33052            <header>
33053              <p class="date"><time datetime="2010-12-20T08:32:19+09:00">20日</time></p>
33054
33055              <h3>Posterousメモ</h3>
33056            </header>
33057
33058            <p>Posterousをなんとなく使い始めたので使い方をメモ。はてな記法が思い出せないのでg:subtech:h2uの代わりに使ってる。ブラウザからの投稿や編集は普通のブログ・サービスと似たような物なので、主にメールで投稿する方法について。アイコンが好き(どうでもいい)。</p>
33059          </section>
33060        </a>
33061
33062
33063        <a href="/blog/software/from-xp-to-7-switched-software">
33064          <section class="excerpt">
33065            <header>
33066              <p class="date"><time datetime="2010-12-16T17:26:19+09:00">16日</time></p>
33067
33068              <h3>Windows XPからWindows 7に移行した時に乗り換えたソフトウェアメモ</h3>
33069            </header>
33070
33071            <p>ちょっと古いHPの無線LANプリンタのドライバ待ちだったのだけど、どうやらWindows 7には提供されないことが判明したりしたので、諦めてCrucial RealSSD C300 64GB買うついでにWindows 7に乗り換えたã€
33071‚結構前だけど。その時にうまく動かなかったりして乗り換えたソフトウェアのメモ。戻したくなったとき用。とか言いつつ「それならこれ使うといいよ!」っていうブクマコメントを期待してる。</p>
33072          </section>
33073        </a>
33074
33075
33076        <a href="/blog/software/safely-customize-win7-explorer-nav-panel">
33077          <section class="excerpt">
33078            <header>
33079              <p class="date"><time datetime="2010-12-12T06:55:08+09:00">12日</time></p>
33080
33081              <h3>Windows 7のナビゲーション ウィンドウを比較的安全にカスタマイズ</h3>
33082            </header>
33083
33084            <p>ネタ自体はインストール後最初にやりたくなることで何を今更な話。が、ググるとHKEY_CLASSES_ROOTを開いてアクセス権を変更して……とかばっかりだったので、HKEY_CURRENT_USER以下で大概なんとかなるのでそっちでやろうという話。せっかくCLSID以下はなかなかいじれないようになっているのに……みたいな宗教。嘘かもしれない。</p>
33085          </section>
33086        </a>
33087
33088          </section>
33089          <section>
33090            <h2><time datetime="2010-01">2010年1月</time></h2>
33091
33092        <a href="/blog/software/display-unsorted-bookmarks-in-bookmark-toolbar">
33093          <section class="excerpt">
33094            <header>
33095              <p class="date"><time datetime="2010-01-06T14:09:17+09:00">6日</time></p>
33096
33097              <h3>未整理のブックマークをブックマークツールバーに表示</h3>
33098            </header>
33099
33100            <p>最近はブックマークを適切なフォルダに整理することを放棄して、どんどん未整理のブックマークに放り込み、ロケーションバーから絞込みしやすいように適当に半角英数でタグ付けするだけな感じで生活している。これで大抵の場合は問題ないが、Fx3.5では未整理のブックマークには履歴とブックマークの管理のウィンドウからしかアクセスできない(よね?)ので、一覧したい時などにかなり不便。ブックマークツールバーにでも表示させられれば良いのになぁとちょっと調べてみたら結構簡単に出来たのでメモ。</p>
33101          </section>
33102        </a>
33103
33104          </section>
33105          <section id="2009">
33106            <h2><time datetime="2009-12">2009年12月</time></h2>
33107
33108        <a href="/blog/media/comic-2009">
33109          <section class="excerpt">
33110            <header>
33111              <p class="date"><time datetime="2009-12-29T21:37:46+09:00">29日</time></p>
33112
33113              <h3>2009年に買ったマンガ</h3>
33114            </header>
33115
33116            <p>備忘録一割アサマシ九割。</p>
33117          </section>
33118        </a>
33119
33120
33121        <a href="/blog/coding/perl-load-binary-file-with-path-class">
33122          <section class="excerpt">
33123            <header>
33124              <p class="date"><time datetime="2009-12-22T13:28:23+09:00">22日</time></p>
33125
33126              <h3>Path::Class(::File)のslurp()でバイナリ・ファイルががが</h3>
33127            </header>
33128
33129            <p>添付ファイル付きのメールを作成・送信するオレオレスクリプトを作ってて、ファイル名とかの扱いが簡単そうだったのでPath::Classを使ってみた。添付ファイルの読み込みもPath::Class(::File)のslurp()でやろうとしたのだけど、バイナリ・ファイルを添付する時にbinmodeして読み込む方法がわからなくちょっと困った。そしてどうやるのが正解なのかまだわからない……。</p>
33130          </section>
33131        </a>
33132
33133
33134        <a href="/blog/webdesign/css-gradients-technique-2">
33135          <section class="excerpt">
33136            <header>
33137              <p class="date"><time datetime="2009-12-20T12:36:21+09:00">20日</time></p>
33138
33139              <h3>CSSグラデーションのちょっとしたテクニック #2</h3>
33140            </header>
33141
33142            <p>前回のエントリのような応用するための基本というものではなく、CSSグラデーションはこういう使い方もできるよ的なもので3つ。普通のグラデーションの作り方はcss gradients in Firefox 3.6とかで。#3はない。</p>
33143          </section>
33144        </a>
33145
33146
33147        <a href="/blog/software/use-complete-custom-customlist-in-vim-command">
33148          <section class="excerpt">
33149            <header>
33150              <p class="date"><time datetime="2009-12-19T07:58:48+09:00">19日</time></p>
33151
33152              <h3>Vimのcommandで-complete=custom(list)を使う</h3>
33153            </header>
33154
33155            <p>Vimのコマンドでの引数の補完にカスタム関数を使うというのを撫でてみたã€
33155‚customなら補完候補を改行で連結した文字列を、customlistなら補完候補のlistを返してやる関数を作れば良いだけで、思っていたよりも簡単そう。</p>
33156          </section>
33157        </a>
33158
33159
33160        <a href="/blog/internet/from-feedburner-to-twitter">
33161          <section class="excerpt">
33162            <header>
33163              <p class="date"><time datetime="2009-12-15T18:21:00+09:00">15日</time></p>
33164
33165              <h3>FeedBurnerからTwitterへ</h3>
33166            </header>
33167
33168            <p>最近になって「エントリ書いた」つぶやきをTwitterに投げるようになった。Twitterfeedとかを使うのは何かに負けた気がすると思ったので、エントリをPublishするPerlスクリプト内でTwitterに投げていたが、FeedBurnerでできるようになったらしいのでそれに乗り換えてみた。設定してActivateボタンを押したら502エラーとか出たけど設定は正常に行われたらしい。</p>
33169          </section>
33170        </a>
33171
33172
33173        <a href="/blog/software/dont-load-menu-in-gvim">
33174          <section class="excerpt">
33175            <header>
33176              <p class="date"><time datetime="2009-12-14T21:38:13+09:00">14日</time></p>
33177
33178              <h3>gVimでメニューを読み込まない</h3>
33179            </header>
33180
33181            <p>delmenu.vimとかで消してやるものだと勝手に思い込んでいたのだけど、ちゃんとヘルプを読むとsyntax onやfiletype onより前にset guioptions+=Mしてやれば読み込まなくなるということを今さら知った……。0.1秒起動が速くなりました!</p>
33182          </section>
33183        </a>
33184
33185
33186        <a href="/blog/coding/perl-compile-javascript-code-with-google-closure-compiler-service">
33187          <section class="excerpt">
33188            <header>
33189              <p class="date"><time datetime="2009-12-13T14:08:17+09:00">13日</time></p>
33190
33191              <h3>Google Closure Compiler ServiceでJavaScriptファイルをコンパイルするPerlスクリプト</h3>
33192            </header>
33193
33194            <p>最近になってGoogleのClosure Compiler Serviceを良く使うようになった。今まで使っていたYUI Compressorと比較すると、複数のJavaScriptファイルをまとめて圧縮出来ることと圧縮にとどまらない最適化を行うことも出来ることがメリットで、CSSの圧縮には対応していないことがデメリット。ウェブのUIで圧縮するのは面倒になってきたので、REST APIを利用してウェブのUIと同じようにコメントで設定を記述してコンパイルするPerlスクリプトを書いてみた。タイトル長い!</p>
33195          </section>
33196        </a>
33197
33198
33199        <a href="/blog/coding/open_html_by_mozilla_in_wsh">
33200          <section class="excerpt">
33201            <header>
33202              <p class="date"><time datetime="2009-12-11T19:25:05+09:00">11日</time></p>
33203
33204              <h3>WSHを使ってMozillaでHTMLファイルを開く</h3>
33205            </header>
33206
33207            <p>Dim Browser, ObjArgs, StrPath, WshShell</p>
33208          </section>
33209        </a>
33210
33211
33212        <a href="/blog/webdesign/install-google-code-prettify">
33213          <section class="excerpt">
33214            <header>
33215              <p class="date"><time datetime="2009-12-11T14:29:44+09:00">11日</time></p>
33216
33217              <h3>google-code-prettifyを導入した</h3>
33218            </header>
33219
33220            <p>どっかのサイトがシンタックス・ハイライトを導入していたので真似した。ローカルでやろうかと思ったけどフィードに&lt;span class=&quot;kwd&quot;&gt;function&lt;/span&gt;とかがたくさん入るのが嫌だったので、JavaScriptでハイライトしてくれるgoogle-code-prettifyにした。正式名称はJavascript code prettifierらしい。</p>
33221          </section>
33222        </a>
33223
33224
33225        <a href="/blog/coding/lightboxed-hatena-bookmarke-bookmarklet">
33226          <section class="excerpt">
33227            <header>
33228              <p class="date"><time datetime="2009-12-10T10:00:19+09:00">10日</time></p>
33229
33230              <h3>はてなブックマークのブックマークレットをlightbox化</h3>
33231            </header>
33232
33233            <p>はてなブックマークのデフォルトのブックマークレットはiframeでオーバーレイ表示されるが、サイズ的にも位置的にも見づらい気がするので、ユーザースタイルシートをいくつか書いてみたã€
33233‚最初はオーバーレイ表示ではない旧バージョンのブックマークレットを使い、そのページのスタイルシートを書き換えてみたのだけど、見やすいことは見やすいがイマイチな感じだった。そこでもっと単純にオーバーレイ表示のサイズと位置を変更するだけのものを書いたりしてみたが、これもイマイチ。最終的にlightboxっぽく表示してやれば良いんじゃないかと思い、試してみたらなかなか良さそうな感じだった。</p>
33234          </section>
33235        </a>
33236
33237
33238        <a href="/blog/software/use-shift-key-to-toggle-alphanumeric-mode-in-google-ime">
33239          <section class="excerpt">
33240            <header>
33241              <p class="date"><time datetime="2009-12-09T13:06:54+09:00">9日</time></p>
33242
33243              <h3>Google日本語入力でShiftキーで英数モードに</h3>
33244            </header>
33245
33246            <p>MS-IME 2002とかだと設定で「Shiftキーでの英数モード切り替えを MS-IME 95 互換とする」を有効にするとShiftを押して離すと一時的に英数モードになる。これが便利かどうかは人によると思うので何とも言えないが、ずっとこれを使って入力していたので、この設定が無いGoogle日本語入力でちょっと困った。しかし、単独のShiftにもキー割り当て可能なことがわかったので、これに英数モード切り替えを割り当てて誤魔化してみた。</p>
33247          </section>
33248        </a>
33249
33250
33251        <a href="/blog/internet/google-custom-search-engine">
33252          <section class="excerpt">
33253            <header>
33254              <p class="date"><time datetime="2009-12-08T17:01:54+09:00">8日</time></p>
33255
33256              <h3>Googleカスタム検索エンジン</h3>
33257            </header>
33258
33259            <p>このサイトではサイト内検索をAdSenseから設定できるものでやっていたのだけど、どうやらGoogleカスタム検索エンジンからサイト内検索を作成するとより細かく設定できるようなのでちょっと作り直してみた。実際に提供される検索の機能的にはあまり変わらないのだけど、トラフィックリポートが提供されたり独自のトップページが作成されたりと微妙に違うところが……とか思ったらものすごく違ってて高機能だった。使いこなせそうもないけど。</p>
33260          </section>
33261        </a>
33262
33263
33264        <a href="/blog/coding/autohotkey-accelerate-wheel-scroll">
33265          <section class="excerpt">
33266            <header>
33267              <p class="date"><time datetime="2009-12-07T10:20:31+09:00">7日</time></p>
33268
33269              <h3>AutoHotkey: ホイール・スクロールを加速</h3>
33270            </header>
33271
33272            <p>ロジクールのマウス・ユーティリティのSetPointにはホイールによるスクロールを加速するオプションが無い(モデルによって違うのかもしれない)。加速だけするソフトウェアというのもあまりなく、いくつか見つけたものは常用しているソフトウェアと干渉したりFirefoxでうまく動かなかったりしたので、単純なAutoHotkeyスクリプトを書いて誤魔化してみた。</p>
33273          </section>
33274        </a>
33275
33276
33277        <a href="/blog/software/select-and-preview-item-in-fuzzyfinder">
33278          <section class="excerpt">
33279            <header>
33280              <p class="date"><time datetime="2009-12-05T11:53:23+09:00">5日</time></p>
33281
33282              <h3>FuzzyFinderでプレビューしつつ候補を選択</h3>
33283            </header>
33284
33285            <p>最近のFuzzyFinderにはファイルのプレビュー機能がついている。既に開いているファイルの場合はカーソル行の目印付きでカーソル付近がプレビューされたり、Directoryモードだとディレクトリの内容がプレビューされたりと、状況にあった良い感じなプレビューが表示される。&lt;C-@&gt;を押すのが面倒であんまり使っていなかったんだけど、キーバインドいじって常にプレビューされるようにしてやったら結構便利だった。</p>
33286          </section>
33287        </a>
33288
33289
33290        <a href="/blog/software/shellopen-in-windows-vim">
33291          <section class="excerpt">
33292            <header>
33293              <p class="date"><time datetime="2009-12-04T10:16:30+09:00">4日</time></p>
33294
33295              <h3>WindowsのVimで開いているファイルを関連付けにしたがって開く</h3>
33296            </header>
33297
33298            <p>Windowsにはopenコマンドとかないです!:!start %や:!start start %だと「E371: Command not found」になってしまう。:!%とするとシェルで処理されるので関連付けにしたがって開かれるもののコマンドプロンプトのウィンドウが残ってしまい邪魔くさい。コマンドプロンプト上ではMac OS Xのopenコマンドと似たような感じのstartコマンドも! start %のようにすれば使えるが、ウィンドウが残ってしまうのは同じ。試行錯誤の末に:!start cmd /c %とするとうまくいくことがわかった。</p>
33299          </section>
33300        </a>
33301
33302
33303        <a href="/blog/software/convert-hex-color-to-functional-color-with-vim">
33304          <section class="excerpt">
33305            <header>
33306              <p class="date"><time datetime="2009-12-03T20:26:42+09:00">3日</time></p>
33307
33308              <h3>Vimで#RRGGBBからrgb(r,g,b)に変換</h3>
33309            </header>
33310
33311            <p>
33311CSSでrgba()を使うようになったので、#RRGGBBで書いていた色もrgb()で書き直すことにした。手作業でやるのはとても面倒なので、Vimスクリプトの勉強がてら#RRGGBBからrgb(r, g, b)に変換する関数を作って変換した。</p>
33312          </section>
33313        </a>
33314
33315
33316        <a href="/blog/webdesign/css-gradients-technique-1">
33317          <section class="excerpt">
33318            <header>
33319              <p class="date"><time datetime="2009-12-02T18:23:04+09:00">2日</time></p>
33320
33321              <h3>CSSグラデーションのちょっとしたテクニック #1</h3>
33322            </header>
33323
33324            <p>リリースを間近にひかえたFirefox 3.6で対応されるので、そこかしこで取り上げられているCSSによるグラデーション。基本的な書き方はIntroducing CSS Gradientsやcss gradients in Firefox 3.6を始めとして腐る程あるのですっ飛ばすとして、実際にボタン等で利用する時にどうすれば簡単に書けそうかということをちょっと考えてみようとかいう話。勢いで#1とかつけてしまった……。</p>
33325          </section>
33326        </a>
33327
33328
33329        <a href="/blog/software/better-smart-keywords">
33330          <section class="excerpt">
33331            <header>
33332              <p class="date"><time datetime="2009-12-01T12:48:23+09:00">1日</time></p>
33333
33334              <h3>スマートキーワードは後ろが良い</h3>
33335            </header>
33336
33337            <p>IE5(やそれを利用したタブブラウザ)を利用していた頃からロケーション・バーで検索していたので、特に操作性が優れているわけでもない検索バーなどはまったく使う気になれずスマートキーワードしか使ってない。最近はロケーション・バーで履歴やブックマークの絞込みも可能なので、ますます重要度が上がった。このスマートキーワード機能自体に特に不満があるわけではないのだけど、キーワードは前に付けるのではなく後ろに付けるのが良いのじゃないかと、履歴やブックマークの絞込み機能が付いて以降は考えるようになった。「g foobar」じゃなくて「foobar g」というように。</p>
33338          </section>
33339        </a>
33340
33341          </section>
33342          <section>
33343            <h2><time datetime="2009-11">2009年11月</time></h2>
33344
33345        <a href="/blog/gadget/elecom-tk-fcm005-and-logicool-m305">
33346          <section class="excerpt">
33347            <header>
33348              <p class="date"><time datetime="2009-11-29T22:54:07+09:00">29日</time></p>
33349
33350              <h3>ELECOMのTK-FCM005とついでにロジクールのM305を買った</h3>
33351            </header>
33352
33353            <p>昨年末に買ったZERO Tenkeylessを調子が悪くなってからも騙し々々使っていたのだけど、ついに左Shiftがダメそうな感じになってしまい終了な感じになったので、ELECOMのTK-FCM005を買った。ついでに電池一本で動くワイアレスマウスが欲しかったのでロジクールのM305マウスも買ってみた。</p>
33354          </section>
33355        </a>
33356
33357
33358        <a href="/blog/webdesign/yui3-css-reset-problem">
33359          <section class="excerpt">
33360            <header>
33361              <p class="date"><time datetime="2009-11-27T11:30:14+09:00">27日</time></p>
33362
33363              <h3>YUI 3: CSS Resetの問題</h3>
33364            </header>
33365
33366            <p>ブラウザごとのデフォルト・スタイルシートの違いを吸収するためのスタイルシートをメンテするのが面倒になったので、YUI 3のCSS Resetを使うことにした。が、このサイトではちょっとした問題が起こった。少し前にTwitterでつぶやいたりしたhtml要素にbackground-colorやbackground-imageを指定した場合、body要素の背景が描画エリアいっぱいにならなくなるというCSSの仕様絡みの問題。</p>
33367          </section>
33368        </a>
33369
33370
33371        <a href="/blog/software/use-tab-for-selecting-item-in-fenrir">
33372          <section class="excerpt">
33373            <header>
33374              <p class="date"><time datetime="2009-11-23T03:18:37+09:00">23日</time></p>
33375
33376              <h3>fenrirでTabを項目選択に使う</h3>
33377            </header>
33378
33379            <p>コマンドライン・ランチャのfenrirではデフォルトで上下カーソルで候補を選択するようになっている。Vimを使い始めた影響でカーソルを使わないで頑張るように心がけているのでTabとShift+Tabで選択できるようにしたかったã
33379®ã ã‘ど、設定ダイアログではTabを指定することができなかった(フォーム要素のフォーカスの移動が起こってしまう)。INIファイルを読んでみると仮想キーコードを10進数で指定すれば良さそうだったので、適当に書き換えてみたらうまくいった。</p>
33380          </section>
33381        </a>
33382
33383
33384        <a href="/blog/software/kill-ms-pgothic-in-fx36-or-later">
33385          <section class="excerpt">
33386            <header>
33387              <p class="date"><time datetime="2009-11-22T04:20:48+09:00">22日</time></p>
33388
33389              <h3>Firefox 3.6以降でMS Pゴシックを無効にする</h3>
33390            </header>
33391
33392            <p>CSSの@font-faceではユーザーがインストールしていないフォントをウェブ上に用意してやりそれをダウンロードさせてページ上で利用することを主眼としているが、ローカルのフォントを置換、つまりMS Pゴシックをメイリオに置換するなどということもできる。Firefoxでは3.6から可能になった(Beta版でももちろん可能)。ユーザー・スタイルシートでの利用が中心になると思う。</p>
33393          </section>
33394        </a>
33395
33396
33397        <a href="/blog/coding/simpldr">
33398          <section class="excerpt">
33399            <header>
33400              <p class="date"><time datetime="2009-11-20T09:38:08+09:00">20日</time></p>
33401
33402              <h3>SimpldR: livedoor Readerをシンプルに</h3>
33403            </header>
33404
33405            <p>しばらく前からユーザー・スタイルシートとユーザー・スクリプトのコンビネーションでlivedoor Readerをシンプルにして使うようにしていて中々快適なのでまとめてエントリにしてみる。キーボードでサクサク操作できて快適ウハウハとかじゃなくてシンプルな画面でマウス・ホイールを使ってひゅいんひゅいん読む感じ。</p>
33406          </section>
33407        </a>
33408
33409
33410        <a href="/blog/software/open-new-tab-in-existing-gvim-for-git-commit">
33411          <section class="excerpt">
33412            <header>
33413              <p class="date"><time datetime="2009-11-18T06:25:31+09:00">18日</time></p>
33414
33415              <h3>git commitで既に起動しているgVimの新しいタブを開く</h3>
33416            </header>
33417
33418            <p>すぐ忘れる。というかついさっき忘れて1時間近くGoogleと格闘して見つからなかった……。Undeleteで2か月くらい前の.gitcomfigを発掘してどうやれば良いのかわかったので、次忘れたときのためにメモ。</p>
33419          </section>
33420        </a>
33421
33422
33423        <a href="/blog/coding/perl-sort-css-properties">
33424          <section class="excerpt">
33425            <header>
33426              <p class="date"><time datetime="2009-11-14T14:11:51+09:00">14日</time></p>
33427
33428              <h3>CSSのプロパティをソートするPerlスクリプト</h3>
33429            </header>
33430
33431            <p>CSSを書く時に「セレクタ内でCSS仕様書でのプロパティの出現順序に従ってソートする」という個人的なルールを守っている。何かコーディングにおいて便利な理由があるからというわけではなく、第三者に説明する時に「仕様書の出現順で書いてます!」とかで済ませられるから。今まではファイル全体を処理するオレオレPerlスクリプトで適当にやっていたのだけど、Vimで選択範囲だけをソートとかやりたくなったので、普通に標準入力を読んで結果を標準出力に吐くように書き直した。ついでにCSS3のプロパティとFirefox(Mozilla)やSafari(WebKit)、Opera(Presto)、Internet Explorer(Trident)の独自拡張などへも対応させたりとか。</p>
33432          </section>
33433        </a>
33434
33435
33436        <a href="/blog/software/add-support-for-rgb-func-syntax-to-css-color-preview">
33437          <section class="excerpt">
33438            <header>
33439              <p class="date"><time datetime="2009-11-10T09:38:31+09:00">10日</time></p>
33440
33441              <h3>CSS color previewをrgb()に対応させた</h3>
33442            </header>
33443
33444            <p>VimでCSSを編集中に色をインライン・プレビューしてくれるCSS color previewというスクリプトをrgb()に対応させてみたã€
33444‚一応rgba()にも対応しているような感じで、透明度を無視してプレビューされる。hsl()とかも対応しようと思ったのだけどRGBからHSLへの変換が面倒になってすぐに諦めた。hsl()とか使わねーよ。</p>
33445          </section>
33446        </a>
33447
33448
33449        <a href="/blog/software/support-slash-started-relative-url-in-vim-gf">
33450          <section class="excerpt">
33451            <header>
33452              <p class="date"><time datetime="2009-11-07T04:02:30+09:00">7日</time></p>
33453
33454              <h3>Vimで&quot;gf&quot;をスラッシュで始まる相対URLに対応させる</h3>
33455            </header>
33456
33457            <p>Vimではファイル名らしき箇所でgfを押すと、見つけることができればそのファイルを開いてくれる。この機能はとても便利なのだが、HTMLファイルにスラッシュで始まる相対URLでCSSファイルやJavaScriptファイルのURLを書いた場合は、そこでgfを押してもうまく開くことができない。これを解決するためにvimでHTMLとかを編集するときに絶対パスのファイルを開くで公開されているプラグインをちょっと使っていたのだけど、どうやらpathオプションとincludeexprオプションを設定することでも対応できるようだ。Vimすげー。</p>
33458          </section>
33459        </a>
33460
33461
33462        <a href="/blog/webdesign/pure-css-speech-bubble">
33463          <section class="excerpt">
33464            <header>
33465              <p class="date"><time datetime="2009-11-04T00:46:12+09:00">4日</time></p>
33466
33467              <h3>Pure CSSな吹き出し</h3>
33468            </header>
33469
33470            <p>Twitterで「CSSで吹き出し作るのブクマし忘れててどこにあったか忘れた……」とかつぶやいたらe_luckさんがImage-free CSS Tooltip Pointers - A Use for Polygonal CSS?を探してきてくれた。このエントリでは枠線をつけるために入れ子になっていたりちょっとわかりづらかったので、ものすごく単純化して解説してみようとかなんとか。</p>
33471          </section>
33472        </a>
33473
33474
33475        <a href="/blog/software/optimize-vim-statusline">
33476          <section class="excerpt">
33477            <header>
33478              <p class="date"><time datetime="2009-11-02T09:49:50+09:00">2日</time></p>
33479
33480              <h3>Vimのstatuslineを最適化する</h3>
33481            </header>
33482
33483            <p>FuzzyFinderのbufferモードやmrufileモードの補完メニューでパスの真ん中が省略されているのがわかりやすかったので、statuslineにも導入してよりわかりやすくしようという試み。インストール済みのGreasemonkeyスクリプトをちょっと編集する時など、ものすごく長いパスのファイルを編集する時のみ便利。</p>
33484          </section>
33485        </a>
33486
33487          </section>
33488          <section>
33489            <h2><time datetime="2009-10">2009年10月</time></h2>
33490
33491        <a href="/blog/software/vim-settings-for-web-development">
33492          <section class="excerpt">
33493            <header>
33494              <p class="date"><time datetime="2009-10-31T10:58:36+09:00">31日</time></p>
33495
33496              <h3>Web開発周りのVimの設定</h3>
33497            </header>
33498
33499            <p>HTML/CSS/JavaScriptを書くために行ったVimの設定やインストールしたスクリプト等をざっとまとめてみた。「VimでWeb開発を100倍効率的にする方法」といったような生産性を上げるための設定の類ではない。</p>
33500          </section>
33501        </a>
33502
33503
33504        <a href="/blog/webdesign/redesign-and-border-radius-and-text-shadow">
33505          <section class="excerpt">
33506            <header>
33507              <p class="date"><time datetime="2009-10-30T11:54:38+09:00">30日</time></p>
33508
33509              <h3>リデザインとborder-radiusとtext-shadow</h3>
33510            </header>
33511
33512            <p>でっかいロゴに飽きてきてヘッダをコンパクトにしたくなったので、少し前からサイトのスタイルを色々いじっていた。ナビと検索フォームとロゴを一段に並べるのはかなり難しかったã
33512®ã§ã€ãƒ­ã‚´ã‚’アイコンにして無理やり詰め込むことにした。border-radiusまくり。緑の流行はまだまだ続くらしいので色はこのままで。次はオレンジだな(適当)。</p>
33513          </section>
33514        </a>
33515
33516
33517        <a href="/blog/software/firefox-userchrome-css-tricks-12">
33518          <section class="excerpt">
33519            <header>
33520              <p class="date"><time datetime="2009-10-24T01:52:19+09:00">24日</time></p>
33521
33522              <h3>FirefoxのuserChrome.cssネタ #12</h3>
33523            </header>
33524
33525            <p>久々。Firefox 3になったときにずいぶん減らしたんだけど、だんだん増えてきたので整理しつつここではまだ書いてなかったものだけ。別のところで書いたやつもあるけど、ここでは初出ということで。</p>
33526          </section>
33527        </a>
33528
33529
33530        <a href="/blog/software/should-i-use-application-x-xpinstall-or-not">
33531          <section class="excerpt">
33532            <header>
33533              <p class="date"><time datetime="2009-10-21T13:24:12+09:00">21日</time></p>
33534
33535              <h3>XPIファイルにapplication/x-xpinstallを指定した方が良い?</h3>
33536            </header>
33537
33538            <p>このサイトで公開しているFirefoxの拡張のXPIファイルにはMIMEタイプとしてapplication/x-xpinstallを指定しているので、FirefoxでXPIファイルへのリンクをクリックするとインストールの許可を求める情報バーが表示される。しかしこういった多くの人にとって得体の知れないサイトでは指定しない方が良いんじゃないかと最近になって考えるようになった。</p>
33539          </section>
33540        </a>
33541
33542
33543        <a href="/blog/software/add-toolbar-button-to-places-in-tab">
33544          <section class="excerpt">
33545            <header>
33546              <p class="date"><time datetime="2009-10-20T12:46:04+09:00">20日</time></p>
33547
33548              <h3>Places in Tabにツールバー・ボタンを追加</h3>
33549            </header>
33550
33551            <p>Places in Tabにツールバーボタンを追加し、1.0として正式リリースした。しばらく反映に時間がかかると思うので、1.0が欲しい人はバージョン履歴のページからインストールすると良い。このサイトのXPI置き場からでもOK。</p>
33552          </section>
33553        </a>
33554
33555
33556        <a href="/blog/coding/fast-megaupload">
33557          <section class="excerpt">
33558            <header>
33559              <p class="date"><time datetime="2009-10-18T17:45:17+09:00">18日</time></p>
33560
33561              <h3>MEGAUPLOADから簡単にダウンロード</h3>
33562            </header>
33563
33564            <p>MEGAUPLOADではファイルをダウンロードする時に、4文字のCAPTCHAの入力と45秒の待ち時間を要求される。が、URLにちょっと細工するとそれらをすっ飛ばしてダウンロードできることを知ったので、ユーザースクリプトにしてみた。内容は一行。</p>
33565          </section>
33566        </a>
33567
33568
33569        <a href="/blog/software/install-cpan-on-activeperl">
33570          <section class="excerpt">
33571            <header>
33572              <p class="date"><time datetime="2009-10-11T14:27:53+09:00">11日</time></p>
33573
33574              <h3>ActiverPerlにCPANをインストール</h3>
33575            </header>
33576
33577            <p>最近(2009年初頭頃から)のActivePerlではActiveStateのPPMリポジトリにCPANに必要なものが用意されており、それらをインストールすればすぐにCPANが利用できるようになる。実際にはPPMで必要なものをインストールして……などと作業を行う必要も無く、ほぼ自動で導入が完了するのでそんなに難しい話ではないのだけど、古い情報が淘汰されることを願ってエントリにしてみた。</p>
33578          </section>
33579        </a>
33580
33581
33582        <a href="/blog/software/lastpass-how-to">
33583          <section class="excerpt">
33584            <header>
33585              <p class="date"><time datetime="2009-10-08T19:48:18+09:00">8日</time></p>
33586
33587              <h3>詳解LastPass</h3>
33588            </header>
33589
33590            <p>LastPassはどんな感じで普段操作することになるのかを説明し、結構すごいよねというアピールをしようという試み。以下、Firefoxの拡張のバージョン1.51.4を利用するという前提で書く。タイトル負けしているエントリだと意è­
33590˜ã—て読んでみよう!</p>
33591          </section>
33592        </a>
33593
33594
33595        <a href="/blog/internet/lastpass">
33596          <section class="excerpt">
33597            <header>
33598              <p class="date"><time datetime="2009-10-07T17:57:27+09:00">7日</time></p>
33599
33600              <h3>LastPass</h3>
33601            </header>
33602
33603            <p>LastPassはパスワード管理ウェブサービス。FirefoxとInternet Explorer、Safari(OS Xのみ)の拡張ソフトウェアが用意されており、ブラウザでマスターパスワードのみで様々なウェブサイトにログインできるようになる。ブックマークレットでも利用できるのでOperaなどでもいける。しばらく前からインストールとアンインストールを繰り返していたのだけど、ようやくこれ一本で行くかという気になった。Chromeの拡張も出たところらしい。基本的な機能は無料で提供されているのでまったく困らないが、プレミアム機能に申し込むと指紋認証デバイスで一括管理できるようになったりとかちょっと興味深い。</p>
33604          </section>
33605        </a>
33606
33607
33608        <a href="/blog/coding/jquery-query-yql-plugin-supports-open-data-tables">
33609          <section class="excerpt">
33610            <header>
33611              <p class="date"><time datetime="2009-10-06T15:08:49+09:00">6日</time></p>
33612
33613              <h3>Query YQLプラグインでOpen Data Tableをサポートした</h3>
33614            </header>
33615
33616            <p>YQLではデフォルト多くのテーブルが組み込まれているのだけど、自由に拡張できる仕組みとしてOpen Data Tableというものがある。YQL ConsoleではShow Community Tablesをクリックして有効にすると、Community Open Data Tablesに登録されているGitHubやTwitterのためのテーブルを試すことができる。これらのOpen Data Tableを実際に利用するためにはYQLへのリクエストへenvパラメータとしてenvironmentファイルを指定しなければならない。最近よく利用するようになったのでQuery YQLプラグインでもそれらを利用できるように更新した。</p>
33617          </section>
33618        </a>
33619
33620
33621        <a href="/blog/webdesign/improve-404-error-pages">
33622          <section class="excerpt">
33623            <header>
33624              <p class="date"><time datetime="2009-10-05T09:21:49+09:00">5日</time></p>
33625
33626              <h3>404エラーページの改善</h3>
33627            </header>
33628
33629            <p>404エラーページに大幅に手を入れた。今まではフッタに載せていた人気のあるページなどを整理して、URLが間違っていることへの注意の喚起と修正候補の推薦をメインにし、その下に人気のあるページのリストを、最後に大きめの検索フォームを配置ということにした。JavaScriptが無効だとほとんど意味をなさないのが欠点。403や410、500などの他のエラーページにはまだ手をつけていない。</p>
33630          </section>
33631        </a>
33632
33633
33634        <a href="/blog/software/release-places-in-tab">
33635          <section class="excerpt">
33636            <header>
33637              <p class="date"><time datetime="2009-10-04T11:53:42+09:00">4日</time></p>
33638
33639              <h3>Firefox Extention: Places in Tab</h3>
33640            </header>
33641
33642            <p>Places、つまり「履歴とブックマークの管理」をウィンドウではなくタブで開くFirefoxの拡張を作った。Safariっぽい感じだけど、あくまでもタブで開くだけなのでSafariみたいに表示していたページと高速に行き来できたりはしないし、もちろんカバーフロー的な機能もない。今のところ正式リリース前の扱いで、しばらくの間は変わらないと思う。</p>
33643          </section>
33644        </a>
33645
33646
33647        <a href="/blog/webdesign/http-error-pages">
33648          <section class="excerpt">
33649            <header>
33650              <p class="date"><time datetime="2009-10-01T10:40:13+09:00">1日</time></p>
33651
33652              <h3>
33652HTTPエラーページ</h3>
33653            </header>
33654
33655            <p>訪問者への最適化的な意味合いでエラーページは重要性が高い。なのだけど真面目に作る気が起こらない。遊びのエラーページとかなら作りたくなるんだけど。最近読んだAdding meaning to your HTTP error pages!ではエラーページについてごく基本的なことをコンパクトにまとめてある。自戒を込めて翻訳した。</p>
33656          </section>
33657        </a>
33658
33659          </section>
33660          <section>
33661            <h2><time datetime="2009-09">2009年9月</time></h2>
33662
33663        <a href="/blog/software/delete-send-to">
33664          <section class="excerpt">
33665            <header>
33666              <p class="date"><time datetime="2009-09-27T15:40:00+09:00">27日</time></p>
33667
33668              <h3>右クリックメニューから「送る」を削除する</h3>
33669            </header>
33670
33671            <p>「送る」を使うよりも「プログラムから開く」を使いまくって充実させていく方が自分には合っているということに開眼したので、表示する時に一瞬ウェイトが入る「送る」を削除してエクスプローラーを使っている。当初は「プログラムから開く」でアプリケーションを選択するのが非常に面倒だったが、ある程度使い続けると中々使いやすい感じになってきた。「プログラムから開く」の一覧はファイルの拡張子ごとに保持されるので、拡張子によってダイナミックに変化する「送る」というのが近いと思う。</p>
33672          </section>
33673        </a>
33674
33675
33676        <a href="/blog/webdesign/a-great-many-free-fonts">
33677          <section class="excerpt">
33678            <header>
33679              <p class="date"><time datetime="2009-09-24T15:12:33+09:00">24日</time></p>
33680
33681              <h3>無料で400以上のフォントを手に入れよう!</h3>
33682            </header>
33683
33684            <p>インターネット上で公開されている無料のフォントは数多くある。しかし、それらを効率的に探すとなると大変だ。無料のフォントをまとめたサイトやページは数多く見つかるが、50程度のまとめのものであったり、ライセンスについてあやふやなだったりする。そこで便利なのがMyFontsの検索機能だ。MyFontsではフォント名や作者、その他色々な条件で検索できるが、その条件のひとつに値段があり、その条件だけで検索することができる。何も考えずに&quot;$0以下&quot;という条件で検索するだけで400以上見つけることができるのだ。</p>
33685          </section>
33686        </a>
33687
33688
33689        <a href="/blog/webdesign/bulletproof-at-font-face-syntax">
33690          <section class="excerpt">
33691            <header>
33692              <p class="date"><time datetime="2009-09-19T08:17:16+09:00">19日</time></p>
33693
33694              <h3>安全な@font-faceの書き方(抄訳)</h3>
33695            </header>
33696
33697            <p>Internet Explorerではかなり昔からあった埋め込みフォント(@font-faceによるフォントの参照)の機能は、Safari 3とFirefox 3.5で有効になったことから急速に話題になることが増えた。ようやく時代がMicrosoftに追いついてきた感じですね。その書き方は大筋では一緒なのだが、細かな仕様の違い、というかIEがEmbedded OpenTypeしかサポートしていないことから工夫が必要になる。その工夫をBulletproof、つまり将来にわたって安全であろうという観点で短くまとめたBulletproof @font-face syntaxというすごく参考になったエントリがあったã
33697®ã§è¨³ã—ておく。語調などは超訳なので、原文とニュアンスが変わっているかもしれない。</p>
33698          </section>
33699        </a>
33700
33701
33702        <a href="/blog/software/vim-color-scheme-h2u_black">
33703          <section class="excerpt">
33704            <header>
33705              <p class="date"><time datetime="2009-09-16T05:54:37+09:00">16日</time></p>
33706
33707              <h3>Vimカラースキーム: h2u_black</h3>
33708            </header>
33709
33710            <p>Vimを使い始めるきっかけのひとつになったカラースキーム、ir_black。その行番号と本文の背景が一緒だったりするところとか、カーソル行の色があまり明度に差がないこととか微妙に気になったところに手を入れつつ、色を覚えやすい単純なものにしたh2u_blackを作った。実はir_blackのテイストのまま256色にしてやろうと思ったものの途中で投げ出したものの名残りだったりする。その割にはターミナル向けの色設定を書くのが面倒になってgVim向けのカラー設定しか書いてなかったりするとかいう……。</p>
33711          </section>
33712        </a>
33713
33714
33715        <a href="/blog/software/jscrob2-itunes-plugin">
33716          <section class="excerpt">
33717            <header>
33718              <p class="date"><time datetime="2009-09-04T20:11:03+09:00">4日</time></p>
33719
33720              <h3>iTunes プラグイン: jscrob2</h3>
33721            </header>
33722
33723            <p>諸事情がありiTunesじゃないとタグ管理とかジャケット画像管理とかが面倒になってきたのでiTunesを使うようになった。それまでもiTunesを利用はしていたので特に問題は起きなかったのだが、Last.fmへ再生情報を送ろうとしたら、Last.fm Scrobblerを起動しておかなくてはならず、自動起動はしてくれるのに自動終了しないという……。「MacにはiTunesの制御とLast.fmへの再生情報の送信をサポートするBowtieがあるけどWindowsにはないの? これだからWindowsは……。まっくつかおうぜ!」(前半はうそです)とか言われたので意地になって探したらjscrob2という、Audioscrobblerと呼ばれていた頃の公式プラグインのようにプラグインだけで動作するものを見つけた。</p>
33724          </section>
33725        </a>
33726
33727
33728        <a href="/blog/software/diff-on-gvim">
33729          <section class="excerpt">
33730            <header>
33731              <p class="date"><time datetime="2009-09-03T04:57:09+09:00">3日</time></p>
33732
33733              <h3>既に起動しているgVimの新しいタブでdiffを行う</h3>
33734            </header>
33735
33736            <p>Vimのdiffがすごく楽なので使いまくり始めた。単にgVimを新たに起動してdiffを行うだけならば、-dオプションとファイルを2つ渡してやれば良い。が、既に起動しているgVimの新しいタブでdiffを行う方法がわからない。--remote-tab-silentオプションを追加するだけではうまくいかないようだ。色々調べたところ、公式MLのアーカイブにあったスレッドで、--remote系のオプションではExコマンドを1つ指定して実行することができるので、それを利用してvertical diffsplitを実行してやれば良いことがわかった。</p>
33737          </section>
33738        </a>
33739
33740          </section>
33741          <section>
33742            <h2><time datetime="2009-08">2009年8月</time></h2>
33743
33744        <a href="/blog/gadget/thermo-mug-3287-tumbler-olive">
33745          <section class="excerpt">
33746            <header>
33747              <p class="date"><time datetime="2009-08-15T19:20:25+09:00">15日</time></p>
33748
33749              <h3>thermo mug: 3287 タンブラー オリーブ</h3>
33750            </header>
33751
33752            <p>常用しているコップがガラス製の安いので、冷たい飲み物入れると結露が大変なので、結露しないタンブラーちょっと欲しいなと。特に「このブランドのこれが欲しい!」とかはなかったので、ざっと調べた中でサイトがきれいだったthermo mugの一番スタンダードな3287のオリーブにした(最近グリーン系好きなので)。Amazon.co.jpでè²
33752·ãŠã†ã¨ã—たら2週間からみたいな感じだったので、近くで売ってないかと思ったら最寄り駅の丸井で売っていたので即購入。</p>
33753          </section>
33754        </a>
33755
33756
33757        <a href="/blog/software/gvim-wrapper">
33758          <section class="excerpt">
33759            <header>
33760              <p class="date"><time datetime="2009-08-12T06:01:35+09:00">12日</time></p>
33761
33762              <h3>gVimのラッパーを作った</h3>
33763            </header>
33764
33765            <p>gVimをタブを常に表示させ、-p --remote-tab-silentをコマンドライン・オプションに指定して、タブでファイルを開くようにしているのだけど、このオプション指定が面倒。送るにショートカットを置くとか関連付けの指定とかはさほど面倒ではないのだけど、何かしらのソフトウェアでエディタを指定する時にコマンドライン・オプションを指定できないようになっている場合とかあると途端に面倒なことになる。なので、-p --remote-tab-silentを付けてgVimを起動するだけのラッパーを作った。JavaScriptで!</p>
33766          </section>
33767        </a>
33768
33769
33770        <a href="/blog/software/vim-tango-icon">
33771          <section class="excerpt">
33772            <header>
33773              <p class="date"><time datetime="2009-08-10T04:22:05+09:00">10日</time></p>
33774
33775              <h3>Tango Vimアイコン</h3>
33776            </header>
33777
33778            <p>SVG形式のかわいいVimアイコンを見つけたので、Inkscapeを使ってPNGにラスタライズし、更にそれをIcoFXでWindows形式のアイコンファイルにしたものを作った。ライセンスはCreative 
33778Commons Attribution 3.0で配布元と同じ。</p>
33779          </section>
33780        </a>
33781
33782
33783        <a href="/blog/software/start-using-vim">
33784          <section class="excerpt">
33785            <header>
33786              <p class="date"><time datetime="2009-08-05T23:28:23+09:00">5日</time></p>
33787
33788              <h3>Vimを使い始めた</h3>
33789            </header>
33790
33791            <p>思うところがあってVimをメインに使い始めた。とりあえず今まで適当だったvimrcの整理から始めて、blosxomの新規記事を公開したり既存記事を更新するコマンドを作り、コーディングのために補完関連などを覚えたり調べたり設定したりした。そしたらいつのまにか3日経っていた。とりあえずはあまり困らないくらいまでにはなった……ような気がする。</p>
33792          </section>
33793        </a>
33794
33795
33796        <a href="/blog/coding/ja-version-of-productgroup-reterned-by-paapi">
33797          <section class="excerpt">
33798            <header>
33799              <p class="date"><time datetime="2009-08-01T12:36:40+09:00">1日</time></p>
33800
33801              <h3>Amazon Product Advertising APIで返されるProductGroupの日本語訳</h3>
33802            </header>
33803
33804            <p>Amazon Product Advertising APIでSearchIndex=Allを使って検索すると、複数のカテゴリの商品が検索結果として返ってくる。検索結果の各商品がどのカテゴリの商品かはItemAttributes/ProductGroupの値を参照すれば良いのだが、「家電&amp;カメラ」が「CE」だったりとそのままではいまいちよくわからない。ということでAmazon.co.jpのカテゴリ分けのラベルに訳した。</p>
33805          </section>
33806        </a>
33807
33808          </section>
33809          <section>
33810            <h2><time datetime="2009-07">2009年7月</time></h2>
33811
33812        <a href="/blog/coding/aex">
33813          <section class="excerpt">
33814            <header>
33815              <p class="date"><time datetime="2009-07-31T15:16:41+09:00">31日</time></p>
33816
33817              <h3>Aex: Amazon.co.jpの全商品から検索するよ!</h3>
33818            </header>
33819
33820            <p>Amazon Product Advertising APIのItemSearchオペレーションのパラメータとしてSearchIndex=Allが日本でも利用できるようになったらしいので、とりあえずAexという名前でAmazon.co.jpの検索サイトを作ってみた。これでドロップダウンでカテゴリを選択とかいう腐ったUIから解放される。</p>
33821          </section>
33822        </a>
33823
33824
33825        <a href="/blog/gadget/samsung-syncmaster-2494hs">
33826          <section class="excerpt">
33827            <header>
33828              <p class="date"><time datetime="2009-07-15T21:39:06+09:00">15日</time></p>
33829
33830              <h3>Samsung SyncMaster 2494HSを買った</h3>
33831            </header>
33832
33833            <p>普段使いにSamsungのSyncMaster 2494HSをTSUKUMOで会員特価19290円にて購入。USBハブ搭載のマイナーチェンジ版2494HSMが出た関係で、少し前に値段が下がり2万円を割ってきたようだ。基本スペックはフルHD対応のノングレア23.6インチでHDMI対応、3W*2のスピーカー付き。枠が思ったよりも……太い! とりあえすドット欠けと常時点灯はなかったので一安心。</p>
33834          </section>
33835        </a>
33836
33837
33838        <a href="/blog/media/flets-tv">
33839          <section class="excerpt">
33840            <header>
33841              <p class="date"><time datetime="2009-07-13T15:26:55+09:00">13日</time></p>
33842
33843              <h3>フレッツ・テレビに移行した</h3>
33844            </header>
33845
33846            <p>さよならBSアンテナ!!! これで豪雨でも大丈夫! という感じなフレッツ・テレビに移行した。工事には特にトラブルはなく、朝9時から1時間くらいで完了した。以下はNTT東日本での話。</p>
33847          </section>
33848        </a>
33849
33850
33851        <a href="/blog/gadget/muji-wooden-bed-and-mattress">
33852          <section class="excerpt">
33853            <header>
33854              <p class="date"><time datetime="2009-07-11T10:28:25+09:00">11日</time></p>
33855
33856              <h3>
33856無印良品の木製ベッドとマットレスを買った</h3>
33857            </header>
33858
33859            <p>タモ材の安い奴のナチュラル。マットレスは安い方のポケットコイル。</p>
33860          </section>
33861        </a>
33862
33863
33864        <a href="/blog/coding/jquery-query-yql-plugin">
33865          <section class="excerpt">
33866            <header>
33867              <p class="date"><time datetime="2009-07-10T14:23:09+09:00">10日</time></p>
33868
33869              <h3>jQueryプラグイン: Query YQL</h3>
33870            </header>
33871
33872            <p>Yahoo! Query Language - YDNに式を指定するだけでクエリを投げられ、コールバック関数で結果を受け取れるようにするQuery YQLというjQueryのプラグインを作った。jQuery.getJSON()でもそんなに手間がかかるわけではないけど、エンドポイントとかcallback=?とか書くのがちょっと面倒だったのでプラグインにした。実装するのに2分、名前を考えるのに15分。</p>
33873          </section>
33874        </a>
33875
33876
33877        <a href="/blog/coding/asamashi09-3">
33878          <section class="excerpt">
33879            <header>
33880              <p class="date"><time datetime="2009-07-09T03:35:41+09:00">9日</time></p>
33881
33882              <h3>Asamashi09 #3</h3>
33883            </header>
33884
33885            <p>JavaScriptだけでAmazonのProduct Advertising APIへのリクエストの署名認証を実装するのはできないことはないが、秘密キーを隠すというのは無理がある。公式フォーラムでのAmazon側の解答ではプロクシならOKですよみたいな感じなので、プロクシCGIを作り、Asamashi09で利用しているPipeをそれ経由にしてやることにした。</p>
33886          </section>
33887        </a>
33888
33889
33890        <a href="/blog/software/pngcrush">
33891          <section class="excerpt">
33892            <header>
33893              <p class="date"><time datetime="2009-07-03T05:32:23+09:00">3日</time></p>
33894
33895              <h3>pngcrushでPNGファイルから不必要と思われるメタデータを削除</h3>
33896            </header>
33897
33898            <p>PNGファイルにはメタデータとして様々な情報を埋め込むことができる。その様々な情報のうちガンマとカラー・プロファイルの情報はブラウザでの表示に影響を与えることがあるので、そこそこ使いやすいpngcrushで削除するのが無難。それら影響を与えることがあるメタデータを削除してやれば、WindowsのPhotoshopで作ったPNGファイルがMac(Leopard)のSafariで色がずれるなどといった現象を回避することができる。</p>
33899          </section>
33900        </a>
33901
33902          </section>
33903          <section>
33904            <h2><time datetime="2009-06">2009年6月</time></h2>
33905
33906        <a href="/blog/media/flets-tv-memo">
33907          <section class="excerpt">
33908            <header>
33909              <p class="date"><time datetime="2009-06-27T17:19:06+09:00">27日</time></p>
33910
33911              <h3>フレッツ・テレビ</h3>
33912            </header>
33913
33914            <p>地元でフレッツ・テレビの個別相談会があったã
33914®ã§ã„ろいろ聞いてみた。とりあえずいきなりひかり電話も同時に導入しませんかみたいに言われたのがかなりアレ。帰るときに貰った粗品はボールペンとポケットティッシュ、洗剤(4回分)、タオル。以下はメモ。</p>
33915          </section>
33916        </a>
33917
33918
33919        <a href="/blog/gadget/muji-memory-foam-pillow">
33920          <section class="excerpt">
33921            <header>
33922              <p class="date"><time datetime="2009-06-23T18:04:38+09:00">23日</time></p>
33923
33924              <h3>無印良品の低反発まくら買った</h3>
33925            </header>
33926
33927            <p>長年使っていたまくらの一部が擦り切れて中のパイプが出てきてしまったので買い換えた。羽毛にしようかとか加齢臭対策にそばがらにしようかとか色々悩んだけど、無印良品の低反発まくら(安い方)にした。セール中で2000円を切っていて安かったので。</p>
33928          </section>
33929        </a>
33930
33931
33932        <a href="/blog/software/translate-version-control-for-designers-into-japanese">
33933          <section class="excerpt">
33934            <header>
33935              <p class="date"><time datetime="2009-06-11T20:52:57+09:00">11日</time></p>
33936
33937              <h3>Version Control for Designersを訳した</h3>
33938            </header>
33939
33940            <p>Gitを使い始めた時に読んだドキュメントのひとつであるVersion Control for Designersを日本語に訳した。for Designersとタイトルについているが、そのことは忘れて読んだ方が良いと思う。</p>
33941          </section>
33942        </a>
33943
33944
33945        <a href="/blog/coding/encode-entities-with-jquery">
33946          <section class="excerpt">
33947            <header>
33948              <p class="date"><time datetime="2009-06-10T16:13:20+09:00">10日</time></p>
33949
33950              <h3>jQueryで文字参照に変換</h3>
33951            </header>
33952
33953            <p>jQueryに文字列に含まれる特定の文字を文字参照へ変換するそのものずばりなメソッドは無い(よね?)が、ダミーの要素を作成し、text()で変換したい文字列をセットしてからhtml()で内容だけ取り出してやるとうまいこと変換することができる。</p>
33954          </section>
33955        </a>
33956
33957
33958        <a href="/blog/coding/entries-linking-to-this-entry">
33959          <section class="excerpt">
33960            <header>
33961              <p class="date"><time datetime="2009-06-07T17:39:52+09:00">7日</time></p>
33962
33963              <h3>このエントリを含むエントリ</h3>
33964            </header>
33965
33966            <p>はてなブックマークにある「このエントリを含むエントリ」機能のようなものをJavaScript+jQueryで書いてみた。ソースはGoogleブログ検索でlink:プリフィックスを使用した検索。この検索結果はAtom (やRSS 2.0)で拾えるので、それをYQLに投げてJavaScriptだけで書いた。最初ははてブのエントリ情報のページをスクレイピングして作ってたんだけど、こっちを思いついたのでこっちで。</p>
33967          </section>
33968        </a>
33969
33970
33971        <a href="/blog/coding/jquery-highlight-search-terms-plugin">
33972          <section class="excerpt">
33973            <header>
33974              <p class="date"><time datetime="2009-06-04T11:26:19+09:00">4日</time></p>
33975
33976              <h3>jQueryプラグイン: Highlight Search Terms</h3>
33977            </header>
33978
33979            <p>前回のエントリで取り上げたスクリプトをjQueryプラグイン化した。だけ。GitHubにリポジトリを作って公開しておいた。基本的にはこれでもう良いやとか思ってるんだけど、URLパターンはもうちょっと何とかならないかなとかは思ってる。あとマルチカラーなハイライトを実現できるようにはしたいかも。実装はhighlight-1とかクラス名を順に振っていくだけとか簡単そうなものになると思う(そこまで考えてるなら実装しろ)。</p>
33980          </section>
33981        </a>
33982
33983
33984        <a href="/blog/coding/highlight-search-terms">
33985          <section class="excerpt">
33986            <header>
33987              <p class="date"><time datetime="2009-06-03T22:26:06+09:00">3日</time></p>
33988
33989              <h3>検索語の強調</h3>
33990            </header>
33991
33992            <p>かなり昔から色々な人が作ってるリファラを調べて検索語を取得しドキュメントの単語を強調表示するスクリプトを今さら書いた。jQueryのおかげでそこそこ短く書けた。遅いけど。リファラから検索語を取得する部分はまぁ置いておいて(あんまり考えずに書いたので)、ドキュメントの単語をハイライトするコードの部分についてだけ書いておく。</p>
33993          </section>
33994        </a>
33995
33996          </section>
33997          <section>
33998            <h2><time datetime="2009-05">2009年5月</time></h2>
33999
34000        <a href="/blog/misc/lifestream">
34001          <section class="excerpt">
34002            <header>
34003              <p class="date"><time datetime="2009-05-31T20:54:19+09:00">31日</time></p>
34004
34005              <h3>らいふすとりーむ</h3>
34006            </header>
34007
34008            <p>Twitterでつぶやき始めたりLast.fmへの曲の登録を再開したりLifestreamに載せられそうなものが増えてきたã
34008®ã§ã€FriendFeedでまとめて、APIを利用してLifestreamを作った。当初はChi.mpで作ろうとしていたのだけど、以前書いたエントリの通り更新遅すぎで使い物にならなかったので一番メジャーなFriendFeedに落ち着いた。</p>
34009          </section>
34010        </a>
34011
34012
34013        <a href="/blog/internet/chi-mp">
34014          <section class="excerpt">
34015            <header>
34016              <p class="date"><time datetime="2009-05-31T00:36:50+09:00">31日</time></p>
34017
34018              <h3>Chi.mp</h3>
34019            </header>
34020
34021            <p>Lifestreamっぽいものを作ろうと「Content Hub and Identity Management Platform」と銘打たれているChi.mpを試してみた。結局はFriendFeedを使うことにしたんだけどね。陳腐とかチン○とか。</p>
34022          </section>
34023        </a>
34024
34025
34026        <a href="/blog/coding/window-producttags-in-amazon">
34027          <section class="excerpt">
34028            <header>
34029              <p class="date"><time datetime="2009-05-29T21:50:54+09:00">29日</time></p>
34030
34031              <h3>Amazonの商品個別ページでのwindow.productTagsオブジェクト</h3>
34032            </header>
34033
34034            <p>Amazon.co.jp(Amazon.comでも)の商品個別ページのDOMにはwindow.productTagsというオブジェクトがあり、その中にASINをはじめ商品のタイトルや商品画像のURL、著者名(CDとかならアーティスト名)など基本的な情報が格納されている。これを使えば簡単な商品紹介リンクならば外部のサービスを介することなく作成することが出来る。</p>
34035          </section>
34036        </a>
34037
34038
34039        <a href="/blog/coding/jquery-tablefilter-plugin">
34040          <section class="excerpt">
34041            <header>
34042              <p class="date"><time datetime="2009-05-28T00:53:38+09:00">28日</time></p>
34043
34044              <h3>jQueryプラグイン: TableFilter</h3>
34045            </header>
34046
34047            <p>表にインクリメンタル・サーチで行を絞り込むフォームを付けるjQueryプラグイン、TableFilterを作った。似たようなものは前に書いたのだけどjQueryプラグインを作ってみたかったので書き直した。習作。</p>
34048          </section>
34049        </a>
34050
34051
34052        <a href="/blog/webdesign/view-as-xml-bookmarklet">
34053          <section class="excerpt">
34054            <header>
34055              <p class="date"><time datetime="2009-05-26T20:38:19+09:00">26日</time></p>
34056
34057              <h3>Bookmarklet: View as XML</h3>
34058            </header>
34059
34060            <p>閲覧中のページをXMLとして見るブックマークレットを作った。ウェブ・ページのソースをFirefoxのツリー表示なXMLビューワーで見るという意味。タイトルは適当。良い名前を思いつかなかった。Firebug使えって感じではある。</p>
34061          </section>
34062        </a>
34063
34064
34065        <a href="/blog/webdesign/list-colors-bookmarklet-2">
34066          <section class="excerpt">
34067            <header>
34068              <p class="date"><time datetime="2009-05-25T16:10:44+09:00">25日</time></p>
34069
34070              <h3>Bookmarklet: List Colors #2</h3>
34071            </header>
34072
34073            <p>出力する表を色を背景にしたシンプルな表になるようにした。文字色は明度(ブライトネス)をチェックして明るい色なら黒、暗い色なら白を設定するようにしたので、文字が読めないって事はないと思う。まぁ満足のいくものが出来たのでこれで終わり。</p>
34074          </section>
34075        </a>
34076
34077
34078        <a href="/blog/blosxom/update-back_and_forth-plugin-for-autopagerize">
34079          <section class="excerpt">
34080            <header>
34081              <p class="date"><time datetime="2009-05-23T10:48:46+09:00">23日</time></p>
34082
34083              <h3>back_and_forthプラグインをAutoPagerize対応に</h3>
34084            </header>
34085
34086            <p>back_and_forthプラグインではprevで時系列的に古いエントリを、nextで時系列的に新しいエントリを参照していた。そのためAutoPagerizeはSITEINFOをちゃんと書いてやらないと動作しなかった。このサイトをAutoPagerizeへSITEINFOを書かずに対å¿
34086œã•せるためback_and_forthプラグインを更新して、prevとnextが参照するエントリを逆にしてみた。このバージョンのback_and_forthプラグインに差し替えた上で適切な要素のclass属性にautopagerize_page_elementを加えてやれば、SITEINFOを用意してやらなくてもAutoPagerizeが動作するようになるはず。</p>
34087          </section>
34088        </a>
34089
34090
34091        <a href="/blog/webdesign/list-colors-bookmarklet">
34092          <section class="excerpt">
34093            <header>
34094              <p class="date"><time datetime="2009-05-22T17:28:42+09:00">22日</time></p>
34095
34096              <h3>Bookmarklet: List Colors</h3>
34097            </header>
34098
34099            <p>閲覧中のページのスタイルシートで使われている色を列挙するブックマークレットを作った。Web Developerにある機能だが、少し前にアンインストールしてしまったのでその代わりに。Array.forEach()使ってるので(以下略)。絶賛作りかけ中。</p>
34100          </section>
34101        </a>
34102
34103
34104        <a href="/blog/internet/hatena-bookmark-new-bookmarks-and-livedoor-reader">
34105          <section class="excerpt">
34106            <header>
34107              <p class="date"><time datetime="2009-05-21T16:18:03+09:00">21日</time></p>
34108
34109              <h3>はてなブックマークの新着ブックマークとlivedoor Reader</h3>
34110            </header>
34111
34112            <p>このサイト全体のはてなブックマークでの被ブックマークをトラッキングしようとsitemap.txtを元にしたPipeを作ったのだけど、あんちぽさんに「URLで絞り込んで新着ブックマークのトラッキングできるよ」と教えてもらった。はてなにはなんでもあるな。この機能にはフィードも用意されているので、これをlivedoor Readerで購読すればOK……と思いきや、明らかに被ブックマーク情報が飛び飛びでしか閲覧できなかった。原因はフィード側ではなく、LDR側の仕様によるものみたいだ。</p>
34113          </section>
34114        </a>
34115
34116
34117        <a href="/blog/internet/move-from-delicious-to-hatena-bookmark">
34118          <section class="excerpt">
34119            <header>
34120              <p class="date"><time datetime="2009-05-21T12:39:33+09:00">21日</time></p>
34121
34122              <h3>Deliciousからはてブへ移住</h3>
34123            </header>
34124
34125            <p>Deliciousからはてなブックマークへ移住した。ブックマーク・ページのタイトルに深い意味は無い。「おいしいよね!」とかそんな程度。Deliciousに出戻る可能性は否定できない。</p>
34126          </section>
34127        </a>
34128
34129
34130        <a href="/blog/webdesign/centering-floated-list">
34131          <section class="excerpt">
34132            <header>
34133              <p class="date"><time datetime="2009-05-20T07:00:39+09:00">20日</time></p>
34134
34135              <h3>floatで並べたリストのセンタリング</h3>
34136            </header>
34137
34138            <p>ページング・ナビゲーションなどでリスト項目をfloat: left;で横に並べるというのは割りと良く使われると思う。並べること自体は特に難しいわけではないが、その並べたリスト全体をセンタリングしようとするとちょっとややこしい。display: inline-block;を使う手法やdisplay: table;を使う手法という黒魔法的(私見)な手法で実現可能だが、position: relative;でもいける。</p>
34139          </section>
34140        </a>
34141
34142
34143        <a href="/blog/webdesign/back-to-html-401-strict">
34144          <section class="excerpt">
34145            <header>
34146              <p class="date"><time datetime="2009-05-19T12:57:18+09:00">19日</time></p>
34147
34148              <h3>HTML 4.01 strictへ</h3>
34149            </header>
34150
34151            <p>流行ってるらしいので。本当は、シングル・カラムに変更したかったり、エントリのタイトル等をh1にしたかったり、検索ボックスの位置を変えたかったり、marginのとり方の変えたかったり等色々やりたいことがあったã
34151®ã§ã€ã¤ã„でにHTML 4.01 strictにしてやったというところ。確認が面倒だった。想像していた以上に。それはもう。</p>
34152          </section>
34153        </a>
34154
34155
34156        <a href="/blog/software/pito-2">
34157          <section class="excerpt">
34158            <header>
34159              <p class="date"><time datetime="2009-05-19T08:14:37+09:00">19日</time></p>
34160
34161              <h3>Pito! 0.99</h3>
34162            </header>
34163
34164            <p>デスクトップの端や他のウィンドウの端にドラッグ中のウィンドウの端をスナップ(吸着)させるソフトウェア、Pito!。同様のものはぴたすちおなど色々あるが、使い始めた時からしっくりきたので愛用。前にも書いた。0.99でマルチディスプレイに対応していたり色々機能が増えてたので再エントリ。</p>
34165          </section>
34166        </a>
34167
34168
34169        <a href="/blog/coding/fx3-filefield-element">
34170          <section class="excerpt">
34171            <header>
34172              <p class="date"><time datetime="2009-05-15T05:53:42+09:00">15日</time></p>
34173
34174              <h3>Firefox 3のfilefield要素</h3>
34175            </header>
34176
34177            <p>Firefox 3のオプション設定ダイアログやダウンロード・ダイアログなどに存在するfilefield要素。nsIFilePickerなどと組み合わせてファイルやフォルダを指定するために使うもののようだけど、MDCに書いてないので使い方が全然わからなかった。けどソースをgrepして探して読んでみたら、ファイルやフォルダの指定に特化したものだったのでそんなに難しくなかった。ということで使い方のメモ。</p>
34178          </section>
34179        </a>
34180
34181
34182        <a href="/blog/coding/amazon-product-advertising-api-authentication-in-javascript">
34183          <section class="excerpt">
34184            <header>
34185              <p class="date"><time datetime="2009-05-13T06:52:04+09:00">13日</time></p>
34186
34187              <h3>Amazon Product Advertising APIの認証をJavaScriptで</h3>
34188            </header>
34189
34190            <p>既に色々なところで話題になっているAmazonのECSがProduct Advertising APIに名称変更され、3か月後には認証を要求するようになるという変更は、Pipes(やYQL)などを利用してJavaScriptだけで書かれているアソシエイト・ツールにはかなり厳しい気がする。シグネチャの生成自体はJavaScriptで出来るので、とりあえずAsamashi09を対応させたけど、Secret Access Keyを隠さないといけないのでこのままでは公開できない(動作サンプルすら提供できない)。</p>
34191          </section>
34192        </a>
34193
34194
34195        <a href="/blog/coding/nsifilepicker-appendfilters">
34196          <section class="excerpt">
34197            <header>
34198              <p class="date"><time datetime="2009-05-12T18:05:54+09:00">12日</time></p>
34199
34200              <h3>nsIFilePicker.appendFilters()</h3>
34201            </header>
34202
34203            <p>1つのnsIFilePicker.appendFilters()で複数の拡張子のフィルタを追加する時、定数の小さな順にドロップダウンに登録される。ので、任意の順番にしたい場合は複数のnsIFilePicker.appendFilters()を並べてやる必要がある。</p>
34204          </section>
34205        </a>
34206
34207
34208        <a href="/blog/software/kakaku-com-specsearch-permalink-user-js">
34209          <section class="excerpt">
34210            <header>
34211              <p class="date"><time datetime="2009-05-11T20:34:13+09:00">11日</time></p>
34212
34213              <h3>価格.comのスペック検索の検索結果ページにpermalinkを追加するGreasemonkeyスクリプト</h3>
34214            </header>
34215
34216            <p>価格.comではカテゴリごとにスペックで絞込み検索ができる。絞込み検索のフォームの送信はPOSTで行われるので、検索結果のページにはpermalinkらしきものは無いように見えるが、検索結果をメールで送信するというリンクがページの最後の方にあり、そのリンク先のURLからpermalinkがあることがわかる。ということで検索結果ページのh1要素の最後にそのpermalinkを追加するGreasemonkeyスクリプトを作った。</p>
34217          </section>
34218        </a>
34219
34220
34221        <a href="/blog/webdesign/modify-adsense-for-search-form-styles">
34222          <section class="excerpt">
34223            <header>
34224              <p class="date"><time datetime="2009-05-11T14:59:08+09:00">11日</time></p>
34225
34226              <h3>検索フォームのスタイルを変えた</h3>
34227            </header>
34228
34229            <p>2年弱ぶりに復活してからこのサイトのサイト内検索には検索向けAdSenseを使っているのだけど、生成されるHTMLを少し書き換えてたり、そもそも検索ボタンが下にあるのに飽きてきてたりアレだった。ので、属性セレクタに対応していないブラウザのためにクラス名を付ける以外はHTMLを書き換えることなく、ブラウザの検索バー的なシンプルな見た目にしてみたã€
34229‚「フォーム要素にスタイル指定はなるべく行わない方が良い」とかいう悪魔の囁きは無視することにした。</p>
34230          </section>
34231        </a>
34232
34233
34234        <a href="/blog/internet/livedoor-reader-and-feeds-feedburner-com">
34235          <section class="excerpt">
34236            <header>
34237              <p class="date"><time datetime="2009-05-06T22:00:13+09:00">6日</time></p>
34238
34239              <h3>livedoor Readerとfeeds.feedburner.com</h3>
34240            </header>
34241
34242            <p>ここのところlivedoor Readerでこのサイトの更新が反映されないなーと思ってたら、どうやらfeeds.feedburner.com以下にある全てのフィード(多分)の更新が反映されてない感じだった。うっかりGoogle リーダーに戻ろうかとか考えたけど、それは解決になってないので止めた。</p>
34243          </section>
34244        </a>
34245
34246
34247        <a href="/blog/software/update-open-profile-folder">
34248          <section class="excerpt">
34249            <header>
34250              <p class="date"><time datetime="2009-05-05T23:14:55+09:00">5日</time></p>
34251
34252              <h3>Open Profile Folder 1.3</h3>
34253            </header>
34254
34255            <p>LinuxやFreeBSD等ではnsILocalFile.launch()でフォルダを開こうとしてもダメらしい(そもそもnsILocalFile.launch()が実装されていないとか書いてある)ので、Open Profile Folderに指定したアプリケーションでフォルダを開く設定を新設した。アプリケーションの起動時の引数も一応指定できるけど微妙。</p>
34256          </section>
34257        </a>
34258
34259
34260        <a href="/blog/software/bookmark-all-131">
34261          <section class="excerpt">
34262            <header>
34263              <p class="date"><time datetime="2009-05-05T19:29:02+09:00">5日</time></p>
34264
34265              <h3>Bookmark All 1.3.1</h3>
34266            </header>
34267
34268            <p>Bookmark Allの作成するフォルダを任意のパスに格納できるようにして欲しいというような要望があったã
34268®ã§ã€é©å½“に実装して1.3にバージョンアップし、設定を無視してルートにフォルダを作成してしまうバグを修正して1.3.1へ。懸案だったメニュー項目の位置も変更。</p>
34269          </section>
34270        </a>
34271
34272
34273        <a href="/blog/coding/dropdown-toolbarbutton-in-firefox-extension">
34274          <section class="excerpt">
34275            <header>
34276              <p class="date"><time datetime="2009-05-02T00:17:12+09:00">2日</time></p>
34277
34278              <h3>Firefoxの拡張のドロップダウンなツールバー・ボタン</h3>
34279            </header>
34280
34281            <p>Firefoxの拡張でツールバー・ボタンはtoolbarbutton要素で作る。これをドロップダウンにするにはtype属性にmenuを指定してやり、子にmenupopupを作ってやれば良い。が、このままだと微妙に表示がおかしいというかちょっと残念な形になるということに気づいたのでメモ。別にバグるとかそういう致命的なものではないけどしっくりこない感じの挙動。</p>
34282          </section>
34283        </a>
34284
34285
34286        <a href="/blog/software/change-profile-pr">
34287          <section class="excerpt">
34288            <header>
34289              <p class="date"><time datetime="2009-05-01T17:09:58+09:00">1日</time></p>
34290
34291              <h3>Firefox extension: Change Profile 0.1</h3>
34292            </header>
34293
34294            <p>Firefoxでメニューまたはツールバー・ボタンからプロファイルの切り替えを行う拡張を作ってみた。普段は滅多にプロファイルを切り替えてFirefoxを使ったりはしないんだけど、たまに切り替える必要がある時はものすごく頻繁に切り替えることになるので、あったら良さそうと思ったので。インストールはXPI置き場からchange-profile-0.1.xpiをダウンロードして、Firefoxにドラッグ・アンド・ドロップで。ソースが読みたい人はChange Profileのリポジトリ・ページを参照。</p>
34295          </section>
34296        </a>
34297
34298          </section>
34299          <section>
34300            <h2><time datetime="2009-04">2009年4月</time></h2>
34301
34302        <a href="/blog/software/update-firefox-extensions-2009-04-29">
34303          <section class="excerpt">
34304            <header>
34305              <p class="date"><time datetime="2009-04-29T08:53:40+09:00">29日</time></p>
34306
34307              <h3>Firefox Extensions更新@2009/04/29</h3>
34308            </header>
34309
34310            <p>主な更新点はレガシーなjarファイルによるXPIパッケージングからフラット・ファイルなそれに変更したこと。というかなりどうでもいい点以外に、ツールバー・ボタンの追加や日本語ロケールの追加とか。Firefox 3.5b4出るまで待とうかと思ったけど、先月のAMOアップデートで開発者ツールから対応するバージョンをいじることが出来るようになった(つまりinstall.rdf内のem:versionを変更して再パッケージング→アップロードという手順を踏まなくて良くなった)ので、先にアップデートしておいても良いかという感じ。とか下書きのエントリを書いておいて、AMOへの反映を待ってる間に3.5b4が出たという。</p>
34311          </section>
34312        </a>
34313
34314
34315        <a href="/blog/webdesign/circular-green">
34316          <section class="excerpt">
34317            <header>
34318              <p class="date"><time datetime="2009-04-24T21:14:58+09:00">24日</time></p>
34319
34320              <h3>丸くて緑の</h3>
34321            </header>
34322
34323            <p>やはりロゴは左上が良いと思ったので、ナビとロゴの位置を入れ替え、ヘッダからロゴをはみ出させてみた。ヘッダからロゴがはみ出すというのは、結構前からだけど地味に流行ってる気がする。僕が好きなだけという。</p>
34324          </section>
34325        </a>
34326
34327
34328        <a href="/blog/software/avoid-firefox-bug-in-view_source-external-editor">
34329          <section class="excerpt">
34330            <header>
34331              <p class="date"><time datetime="2009-04-23T06:48:00+09:00">23日</time></p>
34332
34333              <h3>Firefoxの&quot;ページのソースを表示&quot;で外部エディタを使うと開けないことがあるのを回避する</h3>
34334            </header>
34335
34336            <p>タイトル長い。WindowsのFirefoxで外部エディタを設定するとまず間違いなくはまるバグをどうにか回避してやろうという試み。このバグは対象のページのソースを一時的なファイルに保存までã
34336¯æ­£å¸¸ã«è¡Œãˆã¦ã„るものの、指定した外部エディタにそのファイル名がUTF-8(多分)で渡されるのが原因。直接view_source.editor.pathに外部エディタを指定せずに、ゴニョゴニョするバッチ・ファイルを指定してやるという手法で頑張ってみた。結果、できないことなどないということがわかった。バッチファイルすげー。</p>
34337          </section>
34338        </a>
34339
34340
34341        <a href="/blog/coding/you-can-do-it-with-yql">
34342          <section class="excerpt">
34343            <header>
34344              <p class="date"><time datetime="2009-04-21T01:48:41+09:00">21日</time></p>
34345
34346              <h3>それYQLで出来るよ!</h3>
34347            </header>
34348
34349            <p>トップページに表示されているRecent Weblog Entriesは、jsというflavourを作ってやっていたのだけど、YQLでフィードからJSONPにコンバートしてゴニョゴニョするものに変えた。フィードはFeedBurnerにあるのでサードパーティのウェブサービスとクライアントサイドのスクリプトで完結するのが良いところでもあり悪いところでもあり。</p>
34350          </section>
34351        </a>
34352
34353
34354        <a href="/blog/coding/json2xml-in-javascript">
34355          <section class="excerpt">
34356            <header>
34357              <p class="date"><time datetime="2009-04-19T21:19:05+09:00">19日</time></p>
34358
34359              <h3>JavaScriptでJSON2XML</h3>
34360            </header>
34361
34362            <p>多くのウェブサービスで提供されるJSONデータは改行もインデントもなく読みづらい。PipesとかPipesとかPipesとか。Big SkyではGUIツールを作っていたけど、単にデータの構造を把握したいだけとかならXMLに変換してブラウザで見るのでも良いと思う。今まではその変換を適当なPerlスクリプトでやってたが、JavaScriptだけで出来そうな気がしたのでとりあえず作ってみた。そこそこ使えそう。</p>
34363          </section>
34364        </a>
34365
34366
34367        <a href="/blog/internet/rev-canonical-rel-shorturl-or">
34368          <section class="excerpt">
34369            <header>
34370              <p class="date"><time datetime="2009-04-15T21:52:58+09:00">15日</time></p>
34371
34372              <h3>rev=&quot;canonical&quot;? rel=&quot;shorturl&quot;? それとも……</h3>
34373            </header>
34374
34375            <p>ノッチさんがrev=&quot;canonical&quot;のアイディアはいいと思うけど書き方がアレだと書いている。rev属性をいまいち理解していない僕には、なるほどくらいしか感想がない。ので、1つ前のエントリではあまり書かなかったこと(書けなかったこと)とかをいくつか書いてみようと思う。</p>
34376          </section>
34377        </a>
34378
34379
34380        <a href="/blog/internet/rev-canonical">
34381          <section class="excerpt">
34382            <header>
34383              <p class="date"><time datetime="2009-04-13T19:43:09+09:00">13日</time></p>
34384
34385              <h3>rev=&quot;canonical&quot;</h3>
34386            </header>
34387
34388            <p>海の向こうで一気に議論が過熱したrev=&quot;canonical&quot;ネタ。ざっくりまとめると、TwitterやSMS等の文字数制限のあるメディアで長いURLを投稿するためによく使われてるURL短縮サービスはアレだよね……というところから始まって、じゃぁ個々が自前で短いURLを用意してやって機械的に辿れる仕組み、rev=&quot;canonical&quot;を使おうぜ! という感じ。</p>
34389          </section>
34390        </a>
34391
34392
34393        <a href="/blog/webdesign/store-the-blanket-away">
34394          <section class="excerpt">
34395            <header>
34396              <p class="date"><time datetime="2009-04-11T18:09:18+09:00">11日</time></p>
34397
34398              <h3>昨日ようやく毛布をしまった</h3>
34399            </header>
34400
34401            <p>角丸やめたり、CSSハックをまとめたCSSを切り離したりとか、本文の左右のマージンを微妙に広げてみたりとか。本当はPrototype JavaScript frameworkからjQueryに切り替えようとか考えてたけどそれは面倒になった。はてなスターとはてなポイント受け取る奴外したりとかも。タイトルに特に意味は無い。</p>
34402          </section>
34403        </a>
34404
34405
34406        <a href="/blog/coding/asamashi09-2">
34407          <section class="excerpt">
34408            <header>
34409              <p class="date"><time datetime="2009-04-10T20:02:05+09:00">10日</time></p>
34410
34411              <h3>Asamashi09 #2</h3>
34412            </header>
34413
34414            <p>Asamashi09のテンプレート・システムにはjTemplatesを使うことにした。あんまり書きやすくない気もする。でも探すの面倒だった(作るのはもっと面倒)。とりあえずリモートのテンプレート・ファイルを指定して出力できるようにはなった。</p>
34415          </section>
34416        </a>
34417
34418
34419        <a href="/blog/coding/asamashi09">
34420          <section class="excerpt">
34421            <header>
34422              <p class="date"><time datetime="2009-04-08T12:19:44+09:00">8日</time></p>
34423
34424              <h3>Asamashi09</h3>
34425            </header>
34426
34427            <p>jQuery(とGit、GitHub)の練習にlabs.hail2u.net/amazon/asamashi/を移植してみようかなとか思って、Asamashi09として作り始めたã€
34427‚バックエンドはAmazon Web ServicesのXSLTではなく、ItemLookupするPipesに。が、肝心のテンプレートシステムをまだ作っていないという。jQueryでテンプレート・システムってどう作るのが多いのかとか調べることすらしていない。</p>
34428          </section>
34429        </a>
34430
34431
34432        <a href="/blog/blosxom/blosxom-plugins-now-available-on-github">
34433          <section class="excerpt">
34434            <header>
34435              <p class="date"><time datetime="2009-04-03T23:01:12+09:00">3日</time></p>
34436
34437              <h3>GitHubにblosxomぷらぎん置いた</h3>
34438            </header>
34439
34440            <p>盛大に乗り遅れたGitブーム(に見える)を追いかけて、GitHubを使って今まで書いたblosxomのプラグインを晒しとくことにしました。手を加えてあるinterpolate_fancyやwritebackとかが加わってるforkリポジトリが既にあったりするのでこっちもどぞ。blosxom starter kitも一応ある。一応とか。</p>
34441          </section>
34442        </a>
34443
34444
34445        <a href="/blog/webdesign/re-design-at-090402">
34446          <section class="excerpt">
34447            <header>
34448              <p class="date"><time datetime="2009-04-02T07:40:29+09:00">2日</time></p>
34449
34450              <h3>リデザイン @ 2009/04/02</h3>
34451            </header>
34452
34453            <p>どこにでも有りそうな無難なデザインになった。ちょっと本文のマージンが狭いかなーと思ってること以外はほぼ満足したので、あとは細かい調整をするだけ。ころころ変えててごめんなさい(10回くらい変わった気がする)。ていうか放置してた時の感じに戻ったような気がしないでもない。</p>
34454          </section>
34455        </a>
34456
34457          </section>
34458          <section>
34459            <h2><time datetime="2009-03">2009年3月</time></h2>
34460
34461        <a href="/blog/coding/display-latest-album">
34462          <section class="excerpt">
34463            <header>
34464              <p class="date"><time datetime="2009-03-28T14:30:42+09:00">28日</time></p>
34465
34466              <h3>Fb2k -&gt; Last.fm -&gt; Y! Pipes -&gt; AWS -&gt; ココ</h3>
34467            </header>
34468
34469            <p>ここにfoobar2000で聞いている(た)CDの情報を出すのに、自分のコストをなるべく削ろうとしたらとても遠回りになった。Last.fmのデータ(特にアルバム名)にゆらぎがあるのと、Amazonの検索結果を適切なものすることができなかったりで……。ちょっとの間つけていたけど既に取り外してしまった。</p>
34470          </section>
34471        </a>
34472
34473
34474        <a href="/blog/webdesign/green">
34475          <section class="excerpt">
34476            <header>
34477              <p class="date"><time datetime="2009-03-25T11:24:26+09:00">25日</time></p>
34478
34479              <h3>緑の</h3>
34480            </header>
34481
34482            <p>緑(#66aa11)にした。モノクロにしようかと思ったけど。でもモノクロにするかも。2カラムにした。1カラムにしようかと思ったけど。でも1カラムにするかも。思いつきで1カラムにする布石とか書かない方が良いことがわかった。</p>
34483          </section>
34484        </a>
34485
34486
34487        <a href="/blog/webdesign/url-canonicalization">
34488          <section class="excerpt">
34489            <header>
34490              <p class="date"><time datetime="2009-03-22T06:56:40+09:00">22日</time></p>
34491
34492              <h3>Canonical URLの流行に乗り遅れた</h3>
34493            </header>
34494
34495            <p>ので、Specify your canonicalに対応させると共に大幅にHTMLをいじった。こういう普通のサイトはコンテンツが複数のURLで提供されてしまうことはまず無いのであまり意味はないと思うけど、なんとなくやってみたかった。あと階層メニューをついに捨てた。ヘッダはもっとコンパクトになるはずだったのにならなかった。</p>
34496          </section>
34497        </a>
34498
34499
34500        <a href="/blog/gadget/western-digital-wd10eads">
34501          <section class="excerpt">
34502            <header>
34503              <p class="date"><time datetime="2009-03-20T08:04:38+09:00">20日</time></p>
34504
34505              <h3>Western Digital WD10EADS (1TB HDD)</h3>
34506            </header>
34507
34508            <p>年末には「HDDを買い換えようかなー」とか毎年のように考えるのだけど、結局買わないことがほとんど。が、去年の年末は1TBが&#165;8000を割り込んできたので、さすがに物欲が刺激されまくり。で、一月の末にWestern DigitalのWD10EADSをヨドバシで&#165;8280の10%ポイント還元で購入。ヨドバシで取り扱っているWDのHDDは全部SYNNEXでRMA確定らしい。</p>
34509          </section>
34510        </a>
34511
34512
34513        <a href="/blog/misc/title-not-available-090320">
34514          <section class="excerpt">
34515            <header>
34516              <p class="date"><time datetime="2009-03-20T02:58:00+09:00">20日</time></p>
34517
34518              <h3>タイトル考えるの面倒くさい</h3>
34519            </header>
34520
34521            <p>話題: フレッツ・テレビ、はてな、プチフリ、新しいあいぽっしゃほー。</p>
34522          </section>
34523        </a>
34524
34525
34526        <a href="/blog/misc/after-2-years-silence">
34527          <section class="excerpt">
34528            <header>
34529              <p class="date"><time datetime="2009-03-19T12:32:32+09:00">19日</time></p>
34530
34531              <h3>2年半弱ぶり</h3>
34532            </header>
34533
34534            <p>Yahoo! Pipesとかで(今さら)遊んでたら、久しぶりにブログとかも書きたくなったのでちょっとだけ。CSSもちょっと。色を変える気力は無いくせに、AdSenseいじる気力はあったよ! タイトルロゴはSegoe ScriptのBoldを横に1.25倍にして反時計回りに5度回転させただけ。ダンボールにサインペンでサインした感じだと思って見てください。本文にCorbelとかCalibri、Candaraを使ってみようと四苦八苦したけど、どうやってもメイリオと合わないという……。Verdanaってすごいな!</p>
34535          </section>
34536        </a>
34537
34538          </section>
34539          <section id="2006">
34540            <h2><time datetime="2006-10">2006年10月</time></h2>
34541
34542        <a href="/blog/software/firefox-userchrome-css-tricks-11">
34543          <section class="excerpt">
34544            <header>
34545              <p class="date"><time datetime="2006-10-31T17:57:56+09:00">31日</time></p>
34546
34547              <h3>FirefoxのuserChrome.cssネタ #11</h3>
34548            </header>
34549
34550            <p>Firefox 2のデフォルト・テーマは悪くは無い。けれども画像で作ったタブとか画像で作ったタブとか画像で作ったタブとか画像で作ったタブとか画像で作ったタブとかはなんだかなーと思ってしまう。というわけで以前書いたフラットなタブを実現するuserChrome.cssネタをFirefox 2に対応させたりとか他にもいくつか。</p>
34551          </section>
34552        </a>
34553
34554
34555        <a href="/blog/coding/json-feed-or-something-else-2">
34556          <section class="excerpt">
34557            <header>
34558              <p class="date"><time datetime="2006-10-20T00:07:57+09:00">20日</time></p>
34559
34560              <h3>JSONフィードとか何とか #2</h3>
34561            </header>
34562
34563            <p>TypePadがJSONフィードの出力に対応したそうで。JSONフィードってーのはdel.icio.usのJSON Feedsとかで見られる、JSONを利用したRSSやAtomっぽい配信フォーマットで、Pure JavaScriptで扱えるのが最大の特徴。特に仕様なんかは無い(と思う)。かなり昔にこのサイトで妄想として取り上げていたのが現実になった感じ。</p>
34564          </section>
34565        </a>
34566
34567
34568        <a href="/blog/software/delicious-quick-post-with-firefox">
34569          <section class="excerpt">
34570            <header>
34571              <p class="date"><time datetime="2006-10-19T00:30:17+09:00">19日</time></p>
34572
34573              <h3>Firefoxで素早くdel.icio.usへ投稿</h3>
34574            </header>
34575
34576            <p>
34576Firefoxでは各ブックマークにKeywordを割り当てることができ、割り当てたKeywordをロケーション・バーで入力してEnterまたはGoボタンを押すことによってそのブックマークを開くことが出来る。このSmart Keywordsと呼ばれている機能はロケーション・バーから検索エンジンを利用した検索を行う場合などに利用する場合が多いが、Bookmarkletなどを含めどんなブックマークにも割り当てることが出来るので、del.icio.usへ投稿するBookmarkletにKeywordとしてdを指定すると、Alt+D D Enterという連続したキー・タイプでdel.icio.usに投稿できるようになる(Alt+Dはロケーション・バーにフォーカスを当てるショートカット)。知人が見ている時にこれを使ってdel.icio.usにササッと投稿するところを見せつけると「デキる男(女)」を演出できます。</p>
34577          </section>
34578        </a>
34579
34580
34581        <a href="/blog/software/htmlhelp-sources">
34582          <section class="excerpt">
34583            <header>
34584              <p class="date"><time datetime="2006-10-17T14:24:27+09:00">17日</time></p>
34585
34586              <h3>HTMLヘルプのソースを公開</h3>
34587            </header>
34588
34589            <p>HTMLヘルプはHTML Help Workshopで逆コンパイルできるのだけど、抜き出されたHTMLのファイル名がテキトウ極まりないものだったり(うろ覚え)とか色々アレだったと思うので、元にしたHTMLファイルにHTML Help Workshopのプロジェクト・ファイル群を加えてzipアーカイブにまとめ、公開しておくことにした。</p>
34590          </section>
34591        </a>
34592
34593
34594        <a href="/blog/coding/load-settings-from-external-javascript-file">
34595          <section class="excerpt">
34596            <header>
34597              <p class="date"><time datetime="2006-10-11T08:25:17+09:00">11日</time></p>
34598
34599              <h3>設定を外部JavaScriptファイルから読み込む</h3>
34600            </header>
34601
34602            <p>JSONで記述した設定ファイルをどこかのサーバーに置き、それを動的にscript要素を追加するアレで読み込み、適用するという試み。タイトルまんま。設定を保存するということは難しいので、使いどころはとても限られる。Bookmarkletでゴニョゴニョするサイトなんかで細かい指定パラメータの代わりに使うとかが唯一に近い光明。</p>
34603          </section>
34604        </a>
34605
34606
34607        <a href="/blog/coding/labs-hail2u-net-del.icio.us-network">
34608          <section class="excerpt">
34609            <header>
34610              <p class="date"><time datetime="2006-10-08T01:42:44+09:00">8日</time></p>
34611
34612              <h3>del.icio.usのnetworkをツリー状に展開しまくる</h3>
34613            </header>
34614
34615            <p>エントリのネタに事欠いたので少し前に作ったdel.icio.usのnetworkをツリー状に展開しまくるモノについて書いてみる。タイトルの通りの代物で、基点となるユーザー名のnetworkをリストにして表示し、それぞれのリスト項目のユーザー名の後ろについている矢印画像をクリックすると、更にそのユーザー名のnetworkをリストにして表示し・・・と、延々とツリー状に展開しまくるもの。</p>
34616          </section>
34617        </a>
34618
34619
34620        <a href="/blog/blosxom/problem-of-avoiding-unknown-flavour-error-patch">
34621          <section class="excerpt">
34622            <header>
34623              <p class="date"><time datetime="2006-10-05T00:19:24+09:00">5日</time></p>
34624
34625              <h3>不明なflavour回避パッチの問題点</h3>
34626            </header>
34627
34628            <p>かなり前に書いた不明なflavourというエントリで紹介したパッチは概ねうまく機能しているのだけど、検索エンジンなどã
34628§æ„å›³ã—ないURLが検索結果に出てきてしまうことがあるという問題が。通常は多くのページでリンクを張られている.htmlで終わるURLの方が圧倒的に強く、Web全体からの検索などではあまり問題にならないが、サイト内検索などではかなりゴミとして目立ってしまう。ので、redirectif_noflavourを使い、存在しないflavourの場合は.htmlで終わるURLにリダイレクトさせることにした。</p>
34629          </section>
34630        </a>
34631
34632
34633        <a href="/blog/media/ogamiya-yokotyou-tenmatsuki">
34634          <section class="excerpt">
34635            <header>
34636              <p class="date"><time datetime="2006-10-04T02:31:52+09:00">4日</time></p>
34637
34638              <h3>拝み屋横丁顛末記</h3>
34639            </header>
34640
34641            <p>一昨日借りた拝み屋横丁顛末記を一気読みしたらもうツボにはまりすぎでどうにもこうにも。思い出し笑いしてしまったりとか、夢に出てきたりとか。「ネタが凝ってる!」とか「展開がうまい!」とかそういうのは欠片もなくて、ヒトコマで笑いをさらう感じ。シャイニング・ウィザードとか。</p>
34642          </section>
34643        </a>
34644
34645
34646        <a href="/blog/coding/xpi-packaging-batch-script">
34647          <section class="excerpt">
34648            <header>
34649              <p class="date"><time datetime="2006-10-02T12:56:36+09:00">2日</time></p>
34650
34651              <h3>XPIパッケージにまとめるバッチ・スクリプト</h3>
34652            </header>
34653
34654            <p>作成したFirefoxのExtensionをXPIパッケージにまとめる方法のひとつとして、バッチ・スクリプトがHow to create Firefox extensionsでかなり昔から公開されている。これはbuild.batをいちいちコピーしなきゃならなかったりとか.svnフォルダなども含んでしまったりする。それをbuild.batをどこかにおいておけばドラッグ・アンド・ドロップでXPIパッケージが作れるようにしたりとか改造してみた。</p>
34655          </section>
34656        </a>
34657
34658          </section>
34659          <section>
34660            <h2><time datetime="2006-09">2006年9月</time></h2>
34661
34662        <a href="/blog/blosxom/plugins-i-use">
34663          <section class="excerpt">
34664            <header>
34665              <p class="date"><time datetime="2006-09-29T15:27:06+09:00">29日</time></p>
34666
34667              <h3>使用しているプラグイン</h3>
34668            </header>
34669
34670            <p>43 Foldersの中の人がWordpressで使用しているプラグインをdel.icio.usでwordpress+pluginsiuseというタグを付けることによってまとめていた。簡単なコメントも付けられるし、URLの変更なんかの修正も簡単でメンテしやすそう。ということで真似して、このblosxomで使っているプラグインをまとめてみた。</p>
34671          </section>
34672        </a>
34673
34674
34675        <a href="/blog/coding/sitesearch-with-jsonp-of-yahoo-search-web-services">
34676          <section class="excerpt">
34677            <header>
34678              <p class="date"><time datetime="2006-09-28T16:47:11+09:00">28日</time></p>
34679
34680              <h3>Yahoo! Search Web ServicesのJSON(P)を利用したサイト内検索</h3>
34681            </header>
34682
34683            <p>Yahoo! Search Web ServicesのJSON(P)を利用すれば、JavaScriptのみでサイト内検索が実現できる上、Ajax的にページ遷移無しで検索が実行できる。Google AJAX Searchが内部で利用しているJSONPらしきアレを利用するケースと違い、こちらは公式にアナウンスされているのでおおっぴらに利用できる。というわけで、ほとんど同じタイトルでほとんど同じネタを連続で書いてみる。</p>
34684          </section>
34685        </a>
34686
34687
34688        <a href="/blog/coding/sitesearch-with-jsonp-of-google-ajax-search-api">
34689          <section class="excerpt">
34690            <header>
34691              <p class="date"><time datetime="2006-09-27T13:49:32+09:00">27日</time></p>
34692
34693              <h3>Google AJAX Search APIのJSONPを利用したサイト内検索</h3>
34694            </header>
34695
34696            <p>Google AJAX Search APIは、動的にGoogle検索結果を自分のページに挿入することができるAPI(あまり使っているサイトを見ないけど)。Ajaxっつっても内部はJSONP(みたいなもの)だったりするので、普通にGwebSearchクラスのsetSiteRestriction()メソッドを使うのではなく、JSONPを直接叩いてサイト内検索を実装することもできる。もちろんサイト内検索に限った話ではないけど。</p>
34697          </section>
34698        </a>
34699
34700
34701        <a href="/blog/software/firefox-usercontent-css-tricks-3">
34702          <section class="excerpt">
34703            <header>
34704              <p class="date"><time datetime="2006-09-26T12:16:54+09:00">26日</time></p>
34705
34706              <h3>FirefoxのuserContent.cssネタ #3</h3>
34707            </header>
34708
34709            <p>FirefoxのuserContent.cssネタで内輪受けしたネタがあったã
34709®ã§ä¹…々にエントリに。してみた。なお「某所とネタがかぶってるよ」とか「某所で書いたのを今さら引っ張り出してくるなよ」とかいう苦情は受けつけません。</p>
34710          </section>
34711        </a>
34712
34713
34714        <a href="/blog/coding/synchronous-requests-to-jsonp">
34715          <section class="excerpt">
34716            <header>
34717              <p class="date"><time datetime="2006-09-25T13:46:13+09:00">25日</time></p>
34718
34719              <h3>JSONPに同期リクエスト</h3>
34720            </header>
34721
34722            <p>コールバック関数を指定する形のJSONPへforループなどで複数回リクエストする場合、コールバック関数の実行される順はforループで回した順と一致するとは限らない(Opera除く)。そのため何番目にリクエストした結果に実行されたコールバック関数なのかといった処理状況をコールバック関数内で知ることが面倒だったりする(不可能というわけではない、多分)。それをあえて同期リクエストにすることでどうにかしてみようとかいう話。</p>
34723          </section>
34724        </a>
34725
34726
34727        <a href="/blog/coding/list-of-inbound-links">
34728          <section class="excerpt">
34729            <header>
34730              <p class="date"><time datetime="2006-09-24T04:48:00+09:00">24日</time></p>
34731
34732              <h3>インバウンド・リンクのリスト</h3>
34733            </header>
34734
34735            <p>TrackBackの代わりにWebサービスAPIを利用してインバウンド・リンクをリスト化して表示しようかと考えた。blogにTrackBackの機能を持たせるのは悪くはないのだけどコストが高いと思うので、WebサービスAPIを利用して低コストでTrackBack的な情報をページに持たせることが出来たら良いなと。結果はうまくいかなかったのだけど。</p>
34736          </section>
34737        </a>
34738
34739
34740        <a href="/blog/coding/hatena-bookmark-entry-info-api-is-hatena-screenshot-api">
34741          <section class="excerpt">
34742            <header>
34743              <p class="date"><time datetime="2006-09-22T14:45:58+09:00">22日</time></p>
34744
34745              <h3>はてなブックマークエントリー情報取得APIははてなスクリーンショットAPI(でもある)</h3>
34746            </header>
34747
34748            <p>はてなブックマークのエントリー情報取得APIは任意のURLに対するブックマークを返してくれるAPIなだけでなく、事実上はてなスクリーンショットのAPIとしても機能している。正確には、はてなスクリーンショットによるスクリーンショット画像のURLも返してくれるというだけ話なのだけど。</p>
34749          </section>
34750        </a>
34751
34752
34753        <a href="/blog/software/gdi-plusplus">
34754          <section class="excerpt">
34755            <header>
34756              <p class="date"><time datetime="2006-09-21T03:30:18+09:00">21日</time></p>
34757
34758              <h3>gdi++.dll</h3>
34759            </header>
34760
34761            <p>2ちゃんねるのWindowsのフォントスレッドでシコシコ作られていたgdi++.dllが使いやすい形になってリリースされていた。バイナリいじって適用する形のを少し前に試してみたりしていて「おー」とか「へぇー」とか驚いてたのだけど、このリリースからgdi++.exe経由でアプリケーションを起動するだけで良くなりとても使いやすくなった。すげい。</p>
34762          </section>
34763        </a>
34764
34765
34766        <a href="/blog/blosxom/includes-comments-on-hatena-bookmark">
34767          <section class="excerpt">
34768            <header>
34769              <p class="date"><time datetime="2006-09-20T04:02:58+09:00">20日</time></p>
34770
34771              <h3>はてなブックマークでつけられたコメントをblosxomにインクルード</h3>
34772            </header>
34773
34774            <p>はてなブックマークエントリー情報取得APIを利用して、blosxomのエントリ個別ページにはてなブックマークでそのエントリに付けられたコメントを引っ張ってこようとかいうネタ。blosxomでの話ということになっているけど、実装自体はほぼPure JavaScriptなので、どんなページにも応用できるはず。</p>
34775          </section>
34776        </a>
34777
34778
34779        <a href="/blog/webdesign/font-in-css">
34780          <section class="excerpt">
34781            <header>
34782              <p class="date"><time datetime="2006-09-19T02:22:40+09:00">19日</time></p>
34783
34784              <h3>CSSで指定するフォント</h3>
34785            </header>
34786
34787            <p>CSSで指定するフォントは、訪問者のマシンにその指定したフォントがインストール済みでないと(大抵の場合は)反映されã
34787ªã„ため、手に入れやすいまたは多くのOSでインストールされているフォントを指定することが多い。手に入れやすいフォントとして代表的なものはCore fonts for the WebというMicrosoftが提供しているフォント群で、具体的にはArialやTrebuchet MS、Verdana、Georgia、Times New Roman、Courier Newなど。あえてLucida GrandeやTahomaを使うというのなら違和感の少ない代替になりそうなフォントを指定しておいて挙げると良いかもねとかいう話。</p>
34788          </section>
34789        </a>
34790
34791
34792        <a href="/blog/webdesign/thumbnailed-links">
34793          <section class="excerpt">
34794            <header>
34795              <p class="date"><time datetime="2006-09-17T00:29:11+09:00">17日</time></p>
34796
34797              <h3>Linksをサムネイル化した</h3>
34798            </header>
34799
34800            <p>Linksをサムネイル化してみた。各サムネイルはSimpleAPIのウェブサイトサムネイル作成API頼みなのでNOW PRINTINGばかりだったりするけど、それはそのうち解消されるはず。無駄にポップアップとかさせてみたり。</p>
34801          </section>
34802        </a>
34803
34804
34805        <a href="/blog/internet/graph-of-hotentry">
34806          <section class="excerpt">
34807            <header>
34808              <p class="date"><time datetime="2006-09-14T00:24:38+09:00">14日</time></p>
34809
34810              <h3>一時間あたりにブクマされた数をグラフに</h3>
34811            </header>
34812
34813            <p>「これのおかげで体重は6キロ減り、念願の彼女が出来ました」という報告もある圧縮フォルダの解除ネタのエントリが1000を大きく上回るブックマーク数を獲得した。こんなことは二度と無いと思うので、記念に一時間あたりにブクマされた数をアスキーのグラフにしてみた。</p>
34814          </section>
34815        </a>
34816
34817
34818        <a href="/blog/coding/prototype.js-1.4.0-chm-and-domref-chm">
34819          <section class="excerpt">
34820            <header>
34821              <p class="date"><time datetime="2006-09-12T06:41:15+09:00">12日</time></p>
34822
34823              <h3>prototype.jsの開発メモとGecko DOM ReferenceのHTMLヘルプ</h3>
34824            </header>
34825
34826            <p>未だにちょくちょくみてしまうprototype.jsの簡単なリファレンスであるDeveloper Notes for prototype.jsの日本語版とThe Document Object Model in Mozillaで配布されているGecko DOM ReferenceのZIP version (古い奴)をHTMLヘルプにしてみた。HTMLヘルプはちょっと作ってみちゃったりすると、HDD上にあるありとあらゆるHTMLのドキュメントをHTMLヘルプにしたい欲求に駆られてしまう・・・のは僕だけですか、そうですか。</p>
34827          </section>
34828        </a>
34829
34830
34831        <a href="/blog/software/turn-off-zip-folder">
34832          <section class="excerpt">
34833            <header>
34834              <p class="date"><time datetime="2006-09-11T04:23:26+09:00">11日</time></p>
34835
34836              <h3>圧縮フォルダを使わないようにするとエクスプローラがキビキビ動く</h3>
34837            </header>
34838
34839            <p>Windows XPの圧縮フォルダというほとんどの人が使っていないと思われる機能(私見)を解除したら、エクスプローラがキビキビ動くようになった気がする。というようなことを某所で言ったら、試した人が「すげぇかるくなった kyo++」とかインクリメントしてくれたので、エントリにしておこうとか。</p>
34840          </section>
34841        </a>
34842
34843
34844        <a href="/blog/coding/perl-5.8.8-chm">
34845          <section class="excerpt">
34846            <header>
34847              <p class="date"><time datetime="2006-09-10T01:02:35+09:00">10日</time></p>
34848
34849              <h3>Perl 5.8.8 documentationのHTMLヘルプ</h3>
34850            </header>
34851
34852            <p>Perl 5.8.xのHTMLヘルプは、ActivePerlのActivePerl 5.8 documentationを元にしたものなどいくつかあるのだけど、ブラウザで愛用しているPerl 5.8.8 documentationを元にしたものは見つけられなかったã
34852®ã§ä½œã£ã¦ã¿ãŸã€‚連続してHTMLヘルプのエントリ。</p>
34853          </section>
34854        </a>
34855
34856
34857        <a href="/blog/webdesign/html-4.01-chm-and-css2-chm">
34858          <section class="excerpt">
34859            <header>
34860              <p class="date"><time datetime="2006-09-09T01:14:26+09:00">9日</time></p>
34861
34862              <h3>HTML 4.01とCSS2のHTMLヘルプ</h3>
34863            </header>
34864
34865            <p>HTML 4.01 SpecificationとCascading Style Sheets, level 2のHTML Helpを作ってみた。探せば幾つか見つけられるのだけど、キーワードがないというありがちなアレだったので。</p>
34866          </section>
34867        </a>
34868
34869
34870        <a href="/blog/software/drop-down-bookmarks-menu-in-firefox">
34871          <section class="excerpt">
34872            <header>
34873              <p class="date"><time datetime="2006-09-07T15:23:26+09:00">7日</time></p>
34874
34875              <h3>FirefoxでもドロップダウンなBookmarksメニュー</h3>
34876            </header>
34877
34878            <p>Firefoxのメニュー項目の中ではBookmarksメニューばかりを使うという人は多いと思う。そうなると、SeaMonkeyのようにBookmark Toolbarの左端にドロップダウン式のBookmarksメニューがある方が良い(と思う)。というわけでFirefoxでも擬似的にそれを実現してみようとか。</p>
34879          </section>
34880        </a>
34881
34882
34883        <a href="/blog/webdesign/styling-pre">
34884          <section class="excerpt">
34885            <header>
34886              <p class="date"><time datetime="2006-09-06T19:38:55+09:00">6日</time></p>
34887
34888              <h3>pre要素へのスタイル指定</h3>
34889            </header>
34890
34891            <p>idea * ideaでエントリになっていたので、言及されていることだしうちのサイトのことだけちょっと書こうかなとか考えてみたら結構色々あって、エントリのネタになりそうだったのでまとめてみた。どっかにもちょろっと書いたけど。</p>
34892          </section>
34893        </a>
34894
34895
34896        <a href="/blog/software/ppm4-is-gui-application">
34897          <section class="excerpt">
34898            <header>
34899              <p class="date"><time datetime="2006-09-06T12:46:17+09:00">6日</time></p>
34900
34901              <h3>PPM version 4はGUIアプリケーション</h3>
34902            </header>
34903
34904            <p>久々にActivePerlを更新し(5.8.8 build 819)、コマンド プロンプトでppmとかしてみたらなんかウィンドウが出てきた。Release NoteによるとこのbuildからPPMがversion 4になり、GUIのものがデフォルトになった模様。最初の起動時にものすごく時間がかかったけど、その後はそこそこ。</p>
34905          </section>
34906        </a>
34907
34908
34909        <a href="/blog/rss/embed-web-bug-in-feed">
34910          <section class="excerpt">
34911            <header>
34912              <p class="date"><time datetime="2006-09-05T15:37:53+09:00">5日</time></p>
34913
34914              <h3>Web Bugをフィードに埋め込む</h3>
34915            </header>
34916
34917            <p>ひとつ前のエントリで取り上げたように、エントリ内の画像を利用するとエントリの閲覧者数を大雑把に知ることが可能で、リファラを数え上げるなどをすればいろいろなサービス経由での閲覧者数を大雑把に把握することも可能。しかし、フィードの本当の購読者数にはそのまま応用することは出来ない。そこで古くからあるWeb Bug(あるいはWebビーコン)と呼ばれる手法を使ってやってみようとかそんな話。</p>
34918          </section>
34919        </a>
34920
34921
34922        <a href="/blog/rss/numbers-of-active-users-in-bloglines-and-livedoor-reader">
34923          <section class="excerpt">
34924            <header>
34925              <p class="date"><time datetime="2006-09-04T11:02:16+09:00">4日</time></p>
34926
34927              <h3>Bloglinesとlivedoor Readerのアクティブ・ユーザー</h3>
34928            </header>
34929
34930            <p>Bloglinesとlivedoor Reader(を含め多くのWebベースのフィード・リーダー)は、あるフィードの購読者の数を知ることは可能だったりするが、実際にどれくらいのユーザーが閲覧しているかを直接知ることは出来ない。つまり、単純に購読者数を比較するだけではBloglinesとlivedoor Readerのどちらが人気があるのかはわからないということ。そこを何とか知りたいなとか。色々考えた上で、エントリに載せた画像に対するリファラを調べ、Bloglinesとlivedoor Readerに属するリファラを数えて比べれば、おおまかな比較は出来そうということがわかったã
34930®ã§ã€ã–っと調べてみることにした。</p>
34931          </section>
34932        </a>
34933
34934
34935        <a href="/blog/coding/asamashi-bookmarklet">
34936          <section class="excerpt">
34937            <header>
34938              <p class="date"><time datetime="2006-09-03T00:33:53+09:00">3日</time></p>
34939
34940              <h3>アサマシ・ブックマークレット</h3>
34941            </header>
34942
34943            <p>labs.hail2u.net/amazon/asamashi/用のBookmarkletを公開。もっと前にエントリにしようと思っていたけど、Amazon Web ServicesのXSLTサービスが不調続きでダメダメな感じだったので延び延びにしていた。しかし、ここ一週間ほどはそこそこ安定しているような感じなので、公開してみる。</p>
34944          </section>
34945        </a>
34946
34947
34948        <a href="/blog/webdesign/lovely-license-free-fonts">
34949          <section class="excerpt">
34950            <header>
34951              <p class="date"><time datetime="2006-09-01T23:22:56+09:00">1日</time></p>
34952
34953              <h3>よく使うライセンス・フリーのフォント</h3>
34954            </header>
34955
34956            <p>OSより高かったりする値段のフォントを気軽に使えるわけがないので、ライセンス・フリーのフォントは重要。Webページでロゴやら何やらで使う分にはまるで問題ないクオリティなものを見つけては保存、見つけては保存てな感じ。その中で好んでよく使うものを5つ挙げてみる。</p>
34957          </section>
34958        </a>
34959
34960          </section>
34961          <section>
34962            <h2><time datetime="2006-08">2006年8月</time></h2>
34963
34964        <a href="/blog/webdesign/css2-property-order">
34965          <section class="excerpt">
34966            <header>
34967              <p class="date"><time datetime="2006-08-31T12:21:54+09:00">31日</time></p>
34968
34969              <h3>CSS2 Specificationでのプロパティの出現順序</h3>
34970            </header>
34971
34972            <p>少し前にCSSコーディング・スタイルというエントリで書いたように、各CSSルールのブロック内でプロパティを書く順序はCSS2 Specificationで出てくる順という縛りでCSSを書いている。大体のところはソラで覚えているのだけど、font-weightとfont-sizeはどっちが先だっけとかは忘れるので、備忘録がてら序列付きリストにしてみた。</p>
34973          </section>
34974        </a>
34975
34976
34977        <a href="/blog/webdesign/petit-redesign-at-060829">
34978          <section class="excerpt">
34979            <header>
34980              <p class="date"><time datetime="2006-08-30T06:48:34+09:00">30日</time></p>
34981
34982              <h3>ちょっとだけリデザイン @ 2006/08/29</h3>
34983            </header>
34984
34985            <p>全面的に作り直そうというか色を変えようと思っていたのだけど、面倒になったので考えていたアイディアの一部を使って少しだけリニューアル。メニューのカラムを突き出る感じ(どんな感じだ)にし、それに合わせてフッターを少し弄った。HTMLは弄ってない。ポリシーではなく面倒だったから。妙に見えたらCtrl+F5で。</p>
34986          </section>
34987        </a>
34988
34989
34990        <a href="/blog/blosxom/blosxom-docs-ja">
34991          <section class="excerpt">
34992            <header>
34993              <p class="date"><time datetime="2006-08-29T06:31:49+09:00">29日</time></p>
34994
34995              <h3>blosxomサイトの日本語訳</h3>
34996            </header>
34997
34998            <p>sucleさんのところからzogさんなる方のところへ移動していたblosxomサイトの日本語訳をall about blosxomのドメイン配下へ移動させてもらった。それだけ。zogさんのところ(routes.jp配下のもの)は消えるかもしれないので、リンクを張っている方はこちらに直すと良い気がする。</p>
34999          </section>
35000        </a>
35001
35002
35003        <a href="/blog/coding/shuffle-array-in-javascript">
35004          <section class="excerpt">
35005            <header>
35006              <p class="date"><time datetime="2006-08-28T07:11:08+09:00">28日</time></p>
35007
35008              <h3>JavaScriptで配列をシャッフル</h3>
35009            </header>
35010
35011            <p>配列をシャッフル、つまりランダムに要素の位置を入れ替えるというのを、sortメソッドを使ってやってみたのã
35011 ã‘ど、明らかにダメダメなものになってしまった。その後、あーでもないこーでもないと考えたのだけど、算数が得意すぎて頭が痛くなった。ということを某所でぼやいたらはてのくんがコードを見つけてくれた。どうやらFisher-Yatesという有名なアルゴリズムでやると良いらしい。</p>
35012          </section>
35013        </a>
35014
35015
35016        <a href="/blog/blosxom/interpolate_fancy-tricks">
35017          <section class="excerpt">
35018            <header>
35019              <p class="date"><time datetime="2006-08-27T13:14:25+09:00">27日</time></p>
35020
35021              <h3>interpolate_fancyプラグインの使い方</h3>
35022            </header>
35023
35024            <p>手軽にblosxomのflavourシステムを強化することが出来るようになるinterpolate_fancyプラグインについて今さら書いてみようかとか。本当に今さらすぎて笑えない。今さらとはいえ、blosxomのflavourシステムを強化するプラグインとしてはこれくらいしか選択肢はないので書いておいても損ではないはず。</p>
35025          </section>
35026        </a>
35027
35028
35029        <a href="/blog/blosxom/ufyu-plugin">
35030          <section class="excerpt">
35031            <header>
35032              <p class="date"><time datetime="2006-08-26T06:20:03+09:00">26日</time></p>
35033
35034              <h3>blosxom plugin: ufyu</h3>
35035            </header>
35036
35037            <p>Markdownが微妙に誤作動したりとか、実はあまり書きやすくはない(読みやすいけど)とかいうことに気づいた一年半ほど前に、Wiki記法に近いけど空行をマークアップのトリガにする形のufyuというフォーマッタを作った。特に小難しいことはしていないので、出来ないことは出来ないし、出来ることは出来るみたいなアレですが、まぁそこそこ使い勝手は良い(自分の好みで作ったから)ので、このblogを書く時に使ってたりします(アップロードするときにHTMLに変換しちゃうけど)。名前の由来はかなり秘密。今考えるとかなりサムイ。</p>
35038          </section>
35039        </a>
35040
35041
35042        <a href="/blog/coding/check-visited-or-not-by-getcomputedstyle">
35043          <section class="excerpt">
35044            <header>
35045              <p class="date"><time datetime="2006-08-25T11:51:51+09:00">25日</time></p>
35046
35047              <h3>getComputedStyle()を利用した既読チェック</h3>
35048            </header>
35049
35050            <p>COLLECTION &amp; COPYのそのリソースを訪問済みか判定するやHatebu Addictionなどで使われている既読チェック。これらとは違う、getComputedStyle()メソッドを利用して文字色を取得し訪問済みリンクの文字色かどうかをチェックという手法で既読チェックを実現している、Jeremiah Grossman: I know where you&apos;ve beenというページを見つけた。FirefoxやSafariなどではこれで既読チェックが可能。</p>
35051          </section>
35052        </a>
35053
35054
35055        <a href="/blog/webdesign/asterisk-hack">
35056          <section class="excerpt">
35057            <header>
35058              <p class="date"><time datetime="2006-08-24T04:28:08+09:00">24日</time></p>
35059
35060              <h3>アスタリスクをプロパティ名の頭につけるというCSSハック</h3>
35061            </header>
35062
35063            <p>CSSの各セレクタのブロック内でInternet ExplorerとFirefoxやOperaなどで分けてプロパティを設定するハックとしてUnderscore Hackという有名なものがあるが、Details on our CSS changes for IE7によるとInternet Explorer 7では修正されている。だが、アンダースコアのかわりにアスタリスク(*)をプロパティ名の頭につけるというAsterisk Hack (勝手に命名)は健在だったりとか。</p>
35064          </section>
35065        </a>
35066
35067
35068        <a href="/blog/webdesign/first-letter-and-msie-6">
35069          <section class="excerpt">
35070            <header>
35071              <p class="date"><time datetime="2006-08-23T02:24:02+09:00">23日</time></p>
35072
35073              <h3>:first-letter擬似要素と各擬似クラス絡みのInternet Explorer 6のバグ</h3>
35074            </header>
35075
35076            <p>all about blosxomのサイトを作った時にハマった、:first-letter絡みのInternet Explorer 6のバグにまたハマった(学習していない)のでまとめておいてみる。そのバグは、display: block;としたa要素に対して:first-letter擬似要素・:hover擬似クラス・:hover擬似クラスなどを利用してスタイルの指定をした場合、:first-letter擬似要素によるスタイルの指定は有効であるが、各擬似クラスによるスタイルの指定が無効になるというもの。</p>
35077          </section>
35078        </a>
35079
35080
35081        <a href="/blog/blosxom/blosxom-v202-is-available-on-sourceforge">
35082          <section class="excerpt">
35083            <header>
35084              <p class="date"><time datetime="2006-08-21T07:31:15+09:00">21日</time></p>
35085
35086              <h3>SourceForge.netで開発されているblosxomはv2.0.2に</h3>
35087            </header>
35088
35089            <p>SourceForge.netで開発・公開されているblosxomは現在2.0.2になっています。一応、こちらも公式なもの。一応っていうのもヒドイ言い様だ。Raelさんから開発を引き継いだということになっているので、文句無く公式なもの・・・一応(アレ?)。まったく追いかけていなかったã
35089®ã§ã€ã©ã‚“な感じか確認するついでに、all about blosxomの方へBlosxomAtSourceForgeというページを作っておいた。SourceForge.netで公開されているblosxomを使っている人は、気づいたことなんかがあったら書いてくれるとうれしい。</p>
35090          </section>
35091        </a>
35092
35093
35094        <a href="/blog/webdesign/css-coding-style">
35095          <section class="excerpt">
35096            <header>
35097              <p class="date"><time datetime="2006-08-20T18:33:02+09:00">20日</time></p>
35098
35099              <h3>CSSコーディング・スタイル</h3>
35100            </header>
35101
35102            <p>「こういうスタイルがCSSを記述する時に便利だよ! コンセンサス(つづりは知らない)も取れるし!」とかいう建設的な意見はまるでないんですが、CSSを書く時の自分ルールは結構あるのでまとめがてらエントリにする。もちろんhxxk.jpのCSS の記述ルール記事のまとめというエントリを見たから書く気になったんだけど。</p>
35103          </section>
35104        </a>
35105
35106
35107        <a href="/blog/internet/open-results-of-adsense-for-search-within-your-own-site">
35108          <section class="excerpt">
35109            <header>
35110              <p class="date"><time datetime="2006-08-19T19:28:39+09:00">19日</time></p>
35111
35112              <h3>検索向けAdSenseの検索結果がサイト内で表示できるように</h3>
35113            </header>
35114
35115            <p>Inside AdSenseの少し前のエントリ、Search no further than your own siteで検索向けAdSenseを利用した検索での検索結果を自サイト内に表示できるようになったとアナウンスが。「おっ?」と思ってとりあえず試してみたのだけど、想像していたのとは違ってかなりアレな感じ。</p>
35116          </section>
35117        </a>
35118
35119
35120        <a href="/blog/internet/instant-store-tm-beta">
35121          <section class="excerpt">
35122            <header>
35123              <p class="date"><time datetime="2006-08-18T15:16:37+09:00">18日</time></p>
35124
35125              <h3>Amazon.co.jpの新しいアソシエイト・ツール: インスタントストア</h3>
35126            </header>
35127
35128            <p>Amazon.co.jpのアソシエイト・セントラルのトップ・ページに、なにやら「試してみよう! インスタントストア(TM) ベータ版が登場!」という煽りが。どうやら簡単にオススメ商品のページを作成できるみたい。ストアを作ってみましょうといううたい文句になってるけど、どっちかっつーとリストマニアがトップ・ページなAmazon.co.jpのコピーサイトの作成みたいな。</p>
35129          </section>
35130        </a>
35131
35132
35133        <a href="/blog/software/pandora-in-your-tasktray">
35134          <section class="excerpt">
35135            <header>
35136              <p class="date"><time datetime="2006-08-18T02:07:39+09:00">18日</time></p>
35137
35138              <h3>Pandoras Box: Pandora in your tasktray</h3>
35139            </header>
35140
35141            <p>洋楽好きな人はほぼ間違いなくハマるPandora。聞く時はPandoraのページを開いたままにしておくのだけど、ちょっと邪魔かなと思うことは多い。Pandoras BoxはPandoraのインターフェイスを独自のウィンドウに取り込んで表示するWindows向けのアプリケーション。閉じるボタンを押すとタスクトレイに入ってくれるので、結構便利。</p>
35142          </section>
35143        </a>
35144
35145
35146        <a href="/blog/software/send-track-info-from-fb2k-to-google-talk">
35147          <section class="excerpt">
35148            <header>
35149              <p class="date"><time datetime="2006-08-17T16:46:41+09:00">17日</time></p>
35150
35151              <h3>foobar2000からGoogle Talkに再生中の曲情報を送る</h3>
35152            </header>
35153
35154            <p>先ほど正式にリリースされたGoogle Talkの1.0.0.96ではiTunesやWindows Media Playerなどで再生中の曲のアーティスト名と曲名がステータスに表示されるようになっている。当然のようにfoobar2000などには対応していない。対応待ちかなとか思っていたけど、手順的には面倒なものの比較的手軽に実現できるということがfoobar2000の公式Forumに掲載されていた。ボクニモオクレタヨ!</p>
35155          </section>
35156        </a>
35157
35158
35159        <a href="/blog/software/scrobble-from-pandora">
35160          <section class="excerpt">
35161            <header>
35162              <p class="date"><time datetime="2006-08-16T01:30:31+09:00">16日</time></p>
35163
35164              <h3>
35164PandoraからLast.fmに曲情報を送信</h3>
35165            </header>
35166
35167            <p>連続でLast.fm絡み。みんな大好きLast.fmだけど、あのラジオは正直アレ・・・という人は多いような気が。ラジオに関してはPandora Internet Radioを視聴している人も多いはず。少し前にそんな話をVoxに魂を売った人とGoogle Talkで話してて、僕が「Pandoraで視聴中の曲を送れたりしないかな」とか言ったら、彼が「あるよ、てかそんなこともしらねーのかよwwwうはwwwwおkwwww」(発言の奥に隠れている本音を再現してみました)とか言って、LastFM Firefox Extentionを教えてくれた。</p>
35168          </section>
35169        </a>
35170
35171
35172        <a href="/blog/internet/last-fm-cover-art">
35173          <section class="excerpt">
35174            <header>
35175              <p class="date"><time datetime="2006-08-15T11:52:41+09:00">15日</time></p>
35176
35177              <h3>Last.fm Cover Art</h3>
35178            </header>
35179
35180            <p>自分のマシンで聞いている曲を記録してくれるLast.fm。その記録からアルバムのジャケット画像を取得し、任意のサイトの一枚絵にしてくれる、Last.fm Cover Artというサービスを見つけた。ジャケット画像を眺めるのが大好きな人にはたまらない。</p>
35181          </section>
35182        </a>
35183
35184
35185        <a href="/blog/webdesign/fonts-css-from-yahoo-ui-library">
35186          <section class="excerpt">
35187            <header>
35188              <p class="date"><time datetime="2006-08-14T14:49:05+09:00">14日</time></p>
35189
35190              <h3>Yahoo! UI LibraryのFonts CSS</h3>
35191            </header>
35192
35193            <p>OSのみならずブラウザにも左右されるWebにおけるフォント。多くの場合はHelvetica(WindowsではArialになる)やVerdanaなどの一般的なフォントを指定し、多少サイズをいじる程度のアプローチか、まったく無指定でユーザーに任せるといったアプローチであることと思う。徹底的に調節するとなるとものすごくツライから。Yahoo! UI Libraryで提供されているFonts CSSはそのフォント調節の手助けをしてくれるCSSファイル。</p>
35194          </section>
35195        </a>
35196
35197
35198        <a href="/blog/coding/interpolate-fancy-js">
35199          <section class="excerpt">
35200            <header>
35201              <p class="date"><time datetime="2006-08-13T15:08:33+09:00">13日</time></p>
35202
35203              <h3>interpolate-fancy.js: JavaScriptのごく簡単なテンプレート・システム</h3>
35204            </header>
35205
35206            <p>blosxomのプラグインにinterpolate_fancyというものがある。このプラグインは、あまり強力ではないblosxomのテンプレート・システムを強化するもので、ベーシックなif/unless系の分岐が可能になる(他にインストールしているプラグインのサブルーチンを呼べたりもする)。あまりややこしくない正規表現による置換で実装されている。というわけで、簡単なテンプレートシステムとして使うためにJavaScriptに移植してみた。</p>
35207          </section>
35208        </a>
35209
35210
35211        <a href="/blog/gadget/creative-labs-i-trigue-2200">
35212          <section class="excerpt">
35213            <header>
35214              <p class="date"><time datetime="2006-08-12T20:09:05+09:00">12日</time></p>
35215
35216              <h3>Creative Labs I-TRIGUE 2200</h3>
35217            </header>
35218
35219            <p>スピーカー。BOSEの安い奴がぶっ壊れたので、そこそこの値段のものを探していた。ヘッドフォンジャックが前面にあり黒なら良いかとかそんな感じ。で、選択したのがCreative LabsのI-TRIGUE 2200。コンパクトですっきりとしたデザイン。音も値段の割には良い感じ。Creative Labsの音響機器ははじめて買ったけど、好印象。</p>
35220          </section>
35221        </a>
35222
35223
35224        <a href="/blog/coding/labs-hail2u-net-yahoo">
35225          <section class="excerpt">
35226            <header>
35227              <p class="date"><time datetime="2006-08-10T17:11:06+09:00">10日</time></p>
35228
35229              <h3>Pure JavaScriptなサイト内検索アプリケーション</h3>
35230            </header>
35231
35232            <p>ここのところいろいろやっていた、動的にscript要素を追加してクロス・ドメインのJavaSriptファイルを読み込むという手法を使ったYahoo!によるサイト内検索アプリケーション、labs.hail2u.net/yahoo/を作った。Amazon Web Servicesと違い、Yahoo! Search Web ServicesではJSONを出力する機能及びコールバック関数名を指定できる機能(JSONP)を備えているので、HTMLファイル単体で機能するようにすることができた。</p>
35233          </section>
35234        </a>
35235
35236
35237        <a href="/blog/rss/subscriber-details">
35238          <section class="excerpt">
35239            <header>
35240              <p class="date"><time datetime="2006-08-09T00:15:13+09:00">9日</time></p>
35241
35242              <h3>購読者の内訳</h3>
35243            </header>
35244
35245            <p>FirefoxのLive BookmarksやSageはユーザー数にほとんど変åŒ
35245–無し。スタンド・アローンのフィード・リーダーは軒並み購読者数は激減している。そこそこユーザーが残っているのはRSSバーくらいで、ブラウザでという人ばかりになったということになりそう。ソーシャル・ブックマーク・サービスとの連携やページをサクサク開けるという点で明らかにブラウザで読めるほうが良いものね。</p>
35246          </section>
35247        </a>
35248
35249
35250        <a href="/blog/coding/set-argument-for-javascript-file">
35251          <section class="excerpt">
35252            <header>
35253              <p class="date"><time datetime="2006-08-07T12:46:37+09:00">7日</time></p>
35254
35255              <h3>JavaScriptファイルに引数を渡す</h3>
35256            </header>
35257
35258            <p>前回のエントリで触れたscript要素のsrc属性に指定したJavaScriptファイルに引数を渡す方法。ネタ元はscript.aculo.usで、script.aculo.usでは読み込むライブラリを指定するために使っている模様。引数が指定できるというのは夢が拡がる(った)。</p>
35259          </section>
35260        </a>
35261
35262
35263        <a href="/blog/coding/easy-format-amazon-associate">
35264          <section class="excerpt">
35265            <header>
35266              <p class="date"><time datetime="2006-08-06T17:34:11+09:00">6日</time></p>
35267
35268              <h3>簡単な記述でアサマシ</h3>
35269            </header>
35270
35271            <p>アサマシするにははてなダイアリーのisbn/asin記法が最強。比較的環境を選ばずに、ああいったソラでも打てるフォーマットでアサマシできれば良さそうだなというわけで作ってみた。面倒かなとか思ったけど、助言が多かったã
35271®ã§çµæ§‹ç°¡å˜ã ã£ãŸã€‚</p>
35272          </section>
35273        </a>
35274
35275
35276        <a href="/blog/coding/jsonp">
35277          <section class="excerpt">
35278            <header>
35279              <p class="date"><time datetime="2006-08-05T20:26:45+09:00">5日</time></p>
35280
35281              <h3>JSONP</h3>
35282            </header>
35283
35284            <p>前回のエントリで触れたJSONP。初出はRemote JSON - JSONPというMochiKitの中の人によるエントリ(多分。一言で言うなら「JSONデータを括弧でくくった上でこっちが指定した文字列を頭につけて返してね?」というもの。文章で説明するとわけわからん。</p>
35285          </section>
35286        </a>
35287
35288
35289        <a href="/blog/coding/jsonscriptrequest">
35290          <section class="excerpt">
35291            <header>
35292              <p class="date"><time datetime="2006-08-04T17:26:20+09:00">4日</time></p>
35293
35294              <h3>JSONScriptRequest</h3>
35295            </header>
35296
35297            <p>動的にscript要素を追加してやることによってクロス・ドメインのJavaScriptファイルを読み込むというテクニック。Firefoxの場合は動的に追加するscript要素のonload属性で読み込んだJavaScriptファイルを処理するfunctionを指定してやれば問題ない。しかし、これをクロス・ブラウザで実現するには違ったアプローチが必要になる。そのひとつがJSON and the Dynamic Script Tag: Easy, XML-less Web Services for JavaScriptで取り上げられているJSONScriptRequest。XmlHttpRequestと比較するとかなり機能が限定されたものだけど、扱いが手軽で限定された環境ではなかなか威力を発揮するっぽい。</p>
35298          </section>
35299        </a>
35300
35301
35302        <a href="/blog/coding/labs-hail2u-net-amazon-asamashi">
35303          <section class="excerpt">
35304            <header>
35305              <p class="date"><time datetime="2006-08-04T00:08:36+09:00">4日</time></p>
35306
35307              <h3>labs.hail2u.net - amazon - asamashi</h3>
35308            </header>
35309
35310            <p>アサマシ。BookmarkletでのアサマシHTMLコード作成も悪くは無いのですが、まったくフォーマットが違うアサマシHTMLコードを作成するようにするにはほとんど一から作り直しになって大変。というわけで、テンプレートをどっかのサーバーに置いておき、それを読み込んでアサマシHTMLコードを作成できるlabs.hail2u.net/amazon/asamashi/を作った。アサマシ。</p>
35311          </section>
35312        </a>
35313
35314
35315        <a href="/blog/webdesign/save-css-file-and-reload-browser">
35316          <section class="excerpt">
35317            <header>
35318              <p class="date"><time datetime="2006-08-03T13:40:24+09:00">3日</time></p>
35319
35320              <h3>CSSファイルを保存すると同時にブラウザをリロード</h3>
35321            </header>
35322
35323            <p>自動リロードで開発をアジャイルにするたったひとつの方法!や萌ディタで保存と同時にSafariをリロードするデモと似たようなものをWSH with JScriptと秀丸マクロで泥臭く実現してみようとかいう話。やろうと思えばいろんな環境で実現できそうてなもんだ。</p>
35324          </section>
35325        </a>
35326
35327
35328        <a href="/blog/software/play-on-my-tv">
35329          <section class="excerpt">
35330            <header>
35331              <p class="date"><time datetime="2006-08-02T03:41:02+09:00">2日</time></p>
35332
35333              <h3>僕ので再生する</h3>
35334            </header>
35335
35336            <p>NVIDIAのグラフィックカードのドライバをふくめいろいろなものをインストールしてくれるForceWare。あれを導入していると、動画ファイル(.aviや.mpgなど)を右クリックした時に「僕ので再生する」とかいう謎なメニュー項目が出てくる。見ない振りをしていたのだけどなんとなく気になったので消そうとしてみる試み。</p>
35337          </section>
35338        </a>
35339
35340
35341        <a href="/blog/coding/labs-hail2u-net-amazon-2">
35342          <section class="excerpt">
35343            <header>
35344              <p class="date"><time datetime="2006-08-01T19:16:10+09:00">1日</time></p>
35345
35346              <h3>labs.hail2u.net - amazon #2</h3>
35347            </header>
35348
35349            <p>labs.hail2u.net/amazon/tree/の機能をlabs.hail2u.net/amazon/にくっつけてみたã€
35349‚普通に検索した結果から関連商品を辿ることが出来るようになったということ。もちろんページ遷移無しで。文字ばっかにしてしまったのでかなり見づらい。</p>
35350          </section>
35351        </a>
35352
35353
35354        <a href="/blog/coding/labs-hail2-net-amazon-tree">
35355          <section class="excerpt">
35356            <header>
35357              <p class="date"><time datetime="2006-08-01T00:09:04+09:00">1日</time></p>
35358
35359              <h3>labs.hail2u.net - amazon - tree</h3>
35360            </header>
35361
35362            <p>labs.hail2u.net/amazon/tree/は、ASINコードを送信すると似たような商品をリスト。そのリストに付いてるちっさな矢印画像をクリックすると、更に似たような商品をリスト。これを延々と繰り返すことができ、ツリー状に展開できるとかいうもの。当該ページの下の方に書いてある通り、Amazon Web ServicesのXSLT for RESTを利用してレスポンスのXMLをJSONに整形し、それをJavaScriptでHTMLとして出力しているので、どんなサイトにも設置できる。設置してどうする。</p>
35363          </section>
35364        </a>
35365
35366          </section>
35367          <section>
35368            <h2><time datetime="2006-07">2006年7月</time></h2>
35369
35370        <a href="/blog/misc/stop-smoking">
35371          <section class="excerpt">
35372            <header>
35373              <p class="date"><time datetime="2006-07-31T15:27:30+09:00">31日</time></p>
35374
35375              <h3>禁煙</h3>
35376            </header>
35377
35378            <p>禁煙して一年。特に健康になったとも感じない。禁煙して肌に感じた効果は財布に優しいことくらい。</p>
35379          </section>
35380        </a>
35381
35382
35383        <a href="/blog/media/soul-asylum-the-silver-lining">
35384          <section class="excerpt">
35385            <header>
35386              <p class="date"><time datetime="2006-07-30T21:28:12+09:00">30日</time></p>
35387
35388              <h3>Soul Asylum / The Silver Lining</h3>
35389            </header>
35390
35391            <p>いまやもう過去のバンドになった感の強いSoul Asylumのニューアルバム、The Silver Lining。あんまり買う気はなったのだけど、ジャケットがそこそこカッコイイので買ってみた。ていうか何気に8年ぶり?</p>
35392          </section>
35393        </a>
35394
35395
35396        <a href="/blog/coding/online-xslt-2.0-service">
35397          <section class="excerpt">
35398            <header>
35399              <p class="date"><time datetime="2006-07-30T00:29:51+09:00">30日</time></p>
35400
35401              <h3>Online XSLT 2.0 Service</h3>
35402            </header>
35403
35404            <p>Online XSLT 2.0 ServiceはW3Cが提供するXSLTってくれるサービス。Amazon Web ServicesのXSLT機能の汎用版といった感じ。これをJavaScriptで叩けば、XMLHttpRequestとか使わずにいろいろゴニョゴニョできそう、というかできるとかなんとか。</p>
35405          </section>
35406        </a>
35407
35408
35409        <a href="/blog/coding/get-gmail-unread-mail-count-by-jscript">
35410          <section class="excerpt">
35411            <header>
35412              <p class="date"><time datetime="2006-07-28T20:35:38+09:00">28日</time></p>
35413
35414              <h3>JScriptでGmailの未読メール数を取得</h3>
35415            </header>
35416
35417            <p>タスクトレイに鎮座しているGoogle Talkのアイコンにカーソルを合わせてGmailの未読数を確認するのが面倒になったので、テキトウにでっち上げてみようと試みる。GmailのAtomフィードにはfullcountとかいう要素があったりしたので簡単っぽい。</p>
35418          </section>
35419        </a>
35420
35421
35422        <a href="/blog/coding/change-msn-messenger-display-picture-by-vbscript">
35423          <section class="excerpt">
35424            <header>
35425              <p class="date"><time datetime="2006-07-27T14:50:15+09:00">27日</time></p>
35426
35427              <h3>VBScriptでMSN Messengerの表示アイコンを変更する</h3>
35428            </header>
35429
35430            <p>簡単なアプリケーションやなんかでMSN Messengerの表示アイコンをサクサク変更できたら楽しーなーとかæ€
35430ã£ã¦ã€ã„ろいろ漁ったところ、チラホラ「出来る!」とか「こんな感じ!」とかいうページを見かけたのでゴニョゴニョしてみた。VBScriptでやったら3行とか言う。</p>
35431          </section>
35432        </a>
35433
35434
35435        <a href="/blog/rss/livedoor-reader">
35436          <section class="excerpt">
35437            <header>
35438              <p class="date"><time datetime="2006-07-27T00:11:10+09:00">27日</time></p>
35439
35440              <h3>livedoor Reader</h3>
35441            </header>
35442
35443            <p>Bloglinesなんてもう使ってる奴いないとか言われたので、livedoor Readerに乗り換えてみる試み。livedoor IDとか持ってない。登録して、BloglinesからexportしたOPMLファイルを読み込み、ヘルプとか見ながら使ってみる。もうBloglinesに戻ることはなさそうだ。</p>
35444          </section>
35445        </a>
35446
35447
35448        <a href="/blog/software/fb2k-092">
35449          <section class="excerpt">
35450            <header>
35451              <p class="date"><time datetime="2006-07-25T20:27:51+09:00">25日</time></p>
35452
35453              <h3>foobar2000 0.9.2</h3>
35454            </header>
35455
35456            <p>いつのまにやらfoobar2000が0.9.2とかになってたので、とりあえず入れてみた。設定はそれほど面倒でもない。0.8.xとくらべて「お! これすげぇぇぇ!」という点はあんまり無い・・・ようなね? とてつもなく整理されてる感じはする。デフォルトで同梱されているcomponentにおいては「おっ!」くらいの良いところがちらほら。ReplyGain scannerがScan後に結果を一覧表示して適用するかどうか選択できるようになってたり(面倒だという説もある)とか、Masstaggerのscriptがcontext menuから直接動かせるようになってたり(そんなに使わねえょ)とか。微妙!</p>
35457          </section>
35458        </a>
35459
35460
35461        <a href="/blog/media/pearl-jam-pearl-jam">
35462          <section class="excerpt">
35463            <header>
35464              <p class="date"><time datetime="2006-07-24T14:44:47+09:00">24日</time></p>
35465
35466              <h3>Pearl Jam / Pearl Jam</h3>
35467            </header>
35468
35469            <p>Pearl Jamのバンド名をタイトルに持ってきた新譜。もう2か月以上前の話ですが。Rearviewmirrorとか結構満腹度の高いモノが間に挟まってたので、あんまり久々という気はしないですが、4年ぶりっぽい。ジャケット画像はピータン?</p>
35470          </section>
35471        </a>
35472
35473          </section>
35474          <section id="2005">
35475            <h2><time datetime="2005-10">2005年10月</time></h2>
35476
35477        <a href="/blog/internet/section-target">
35478          <section class="excerpt">
35479            <header>
35480              <p class="date"><time datetime="2005-10-18T16:27:54+09:00">18日</time></p>
35481
35482              <h3>セクション・ターゲット</h3>
35483            </header>
35484
35485            <p>Google AdSenseでは広告を最適化するためにセクション・ターゲットという機能が提供されています。このセクション・ターゲットは、コンテンツ部分(またはコンテンツ以外の部分)を明示することが可能なので、いろいろな再利用法が考えられそうかなとかいう感じ(セクション・ターゲットそのものについてはSEO関連のサイトでピックアップされているだろうと思うので触れません)。</p>
35486          </section>
35487        </a>
35488
35489
35490        <a href="/blog/media/css-cookbook">
35491          <section class="excerpt">
35492            <header>
35493              <p class="date"><time datetime="2005-10-17T00:05:10+09:00">17日</time></p>
35494
35495              <h3>CSSクックブック</h3>
35496            </header>
35497
35498            <p>発売されてから既に半年以上が過ぎているCSSクックブックをようやく真面目に読み通しました。出た当初に購入したのですが、ざっと目を通そうかなと思ったところでデスマとかだった関係で本棚の隅で干からびていましたよ。</p>
35499          </section>
35500        </a>
35501
35502
35503        <a href="/blog/blosxom/push_if_first-plugin">
35504          <section class="excerpt">
35505            <header>
35506              <p class="date"><time datetime="2005-10-16T14:19:14+09:00">16日</time></p>
35507
35508              <h3>push_if_first plugin</h3>
35509            </header>
35510
35511            <p>2か月ほど前にでっち上げた、最初のエントリにだけデータを追加できるようにするpush_if_firstというプラグインをblosxom pluginsで公開しておきました。「最初のエントリだけにGoogle AdSenseが表示されていますが、どうやってるんですか?」というメールでの質問への返事がてら。</p>
35512          </section>
35513        </a>
35514
35515
35516        <a href="/blog/software/firefox-usercontent-css-tricks-2">
35517          <section class="excerpt">
35518            <header>
35519              <p class="date"><time datetime="2005-10-14T11:29:37+09:00">14日</time></p>
35520
35521              <h3>FirefoxのuserContent.cssネタ #2</h3>
35522            </header>
35523
35524            <p>今回はurl-prefix()を使った奴とか書いてみたり。いろいろやってたらuserContent.cssが2000行超えたりしましたが、特にページの表示が遅くなるとかいう感じは無いので、いくらでもCSSルールを書いて良さそう。限界はあるでしょうがね。</p>
35525          </section>
35526        </a>
35527
35528
35529        <a href="/blog/coding/from-subscriptionid-to-awsaccesskeyid">
35530          <section class="excerpt">
35531            <header>
35532              <p class="date"><time datetime="2005-10-13T14:17:04+09:00">13日</time></p>
35533
35534              <h3>SubscriptionIdからAWSAccessKeyIdに</h3>
35535            </header>
35536
35537            <p>Amazon E-Commerce Serviceの2005-10-05版より、SubscriptionIdパラメータではなくAWSAccessKeyIdパラメータというのが推奨になったようです。これまで通りSubscriptionIdパラメータも利用できるようですが、新たにAmazon Web Servicesに登録するユーザーにはAccess Key IDしか発行されないので、AWSAccessKeyIdパラメータを使ってコーディングするようにした方が良さそう。非公開なアプリケーションなら関係ないですけど。</p>
35538          </section>
35539        </a>
35540
35541
35542        <a href="/blog/rss/bloglines-hotkeys">
35543          <section class="excerpt">
35544            <header>
35545              <p class="date"><time datetime="2005-10-13T12:24:34+09:00">13日</time></p>
35546
35547              <h3>Bloglinesにホットキーが導入</h3>
35548            </header>
35549
35550            <p>
35550Bloglinesにホットキーがつきました。Newsにはまだ出てないですが、jとsだけで全ての未読を順に見ていける感じ。微妙・・・な感じもしますが、それなりに便利でもあるような(どっちだよ)。「ギザスゴス!」とか言う感じではないことは確か!</p>
35551          </section>
35552        </a>
35553
35554
35555        <a href="/blog/coding/labs-hail2u-net-amazon">
35556          <section class="excerpt">
35557            <header>
35558              <p class="date"><time datetime="2005-10-13T11:24:22+09:00">13日</time></p>
35559
35560              <h3>labs.hail2u.net - amazon</h3>
35561            </header>
35562
35563            <p>labs.hail2u.net/amazon/にページング機能を付けてみた。ハッシュにどういう形で保存して、どういう正規表現で切り出すかちょっと迷った上に手間取ったりしましたが、/^#(\w+):(.+?):?([1-9]\d*)?$/で落ち着きました。もうちょっと厳密にチェックした方が良さそうではある。</p>
35564          </section>
35565        </a>
35566
35567
35568        <a href="/blog/webdesign/css-tips-5">
35569          <section class="excerpt">
35570            <header>
35571              <p class="date"><time datetime="2005-10-13T08:08:59+09:00">13日</time></p>
35572
35573              <h3>大きな画像でレイアウトがあばばばばば</h3>
35574            </header>
35575
35576            <p>大きな画像を利用するとレイアウトや見た目がメチャクチャになる場合があります。このサイトのように本文のカラム(つまり様々な画像を利用するカラム)が左でメニューのカラムが右にあるような場合や要素の内容物によりその要素のボックス幅が修正されてしまうというバグのあるInternet Explorerでは顕著です。幅固定なレイアウトの場合は、本文のカラムの幅は確実に把握できるので、それに合わせて画像をリサイズした上で利用すれば良いわけですが、幅可変なレイアウトの場合は、当然本文のカラムの幅が不定なのでそういうわけにはいきません。こういったケースにはoverflowの値にhiddenやscrollを指定することでレイアウトや見た目の崩れを回避することが可能です。</p>
35577          </section>
35578        </a>
35579
35580
35581        <a href="/blog/coding/labs-hail2u-net">
35582          <section class="excerpt">
35583            <header>
35584              <p class="date"><time datetime="2005-10-12T07:50:22+09:00">12日</time></p>
35585
35586              <h3>labs.hail2u.net</h3>
35587            </header>
35588
35589            <p>Pure JavaScript Wiki Like FormatterとSIXTY-SIXとかいう名前で公開していた奴をちょっとキレイにして、labs.hail2u.net配下のpjswlf/とamazon/へ移動させてみた。移動させただけ。labs.hail2u.netは実験中の何かをまとめておくためにサブドメインを切ってみた。feedburner/とかもあったり。</p>
35590          </section>
35591        </a>
35592
35593
35594        <a href="/blog/software/firefox-usercontent-css-tricks">
35595          <section class="excerpt">
35596            <header>
35597              <p class="date"><time datetime="2005-10-11T06:00:36+09:00">11日</time></p>
35598
35599              <h3>FirefoxのuserContent.cssネタ</h3>
35600            </header>
35601
35602            <p>Firefox 1.5 Beta 1よりURLやドメインなどでCSSルールを切り分けることが可能になりました。これによりuserContent.cssがとてもいじりやすくなった(あるサイト向けにテキトウに書いても他のサイトに誤爆しなくなった)ので、userChrome.cssと同じくガリガリいじると楽しいようなそうでもないような感じです。</p>
35603          </section>
35604        </a>
35605
35606
35607        <a href="/blog/rss/itmedia-rss-feeds">
35608          <section class="excerpt">
35609            <header>
35610              <p class="date"><time datetime="2005-10-10T08:32:35+09:00">10日</time></p>
35611
35612              <h3>ITmediaがフィード配信を開始</h3>
35613            </header>
35614
35615            <p>ITmediaがほぼ全てのコーナーでフィードの配信を始めたようなので、勝手に作っていたフィードを削除しました。RSS 0.91とRSS 1.0、RSS 2.0が用意されているとかいう無駄に豪華な感じですね。一応、RSS 1.0のフィードへリダイレクトさせておいたつもり。</p>
35616          </section>
35617        </a>
35618
35619
35620        <a href="/blog/software/shortpopup">
35621          <section class="excerpt">
35622            <header>
35623              <p class="date"><time datetime="2005-10-09T09:25:50+09:00">9日</time></p>
35624
35625              <h3>ShortPopUp</h3>
35626            </header>
35627
35628            <p>ShortPopUpは作成したショートカットの作業フォルダに指定されたフォルダからスタート メニューのようなメニューを作ることが出来るソフトウェアです。スタート メニューのようなプログラム・ランチャーとして使うのが本道ですが(多分)、メニュー上で右クリックとかも普通に出来るので、簡単なファイラーとしても使えたりとか。</p>
35629          </section>
35630        </a>
35631
35632
35633        <a href="/blog/media/nougami-neuro">
35634          <section class="excerpt">
35635            <header>
35636              <p class="date"><time datetime="2005-10-03T01:14:47+09:00">3日</time></p>
35637
35638              <h3>魔人探偵脳噛ネウロ</h3>
35639            </header>
35640
35641            <p>上手いんだか下手なんだかわからない微妙な絵の魔人探偵脳噛ネウロの第一巻と第二巻をいまさらまとめて買ったりした。ヘタウマって感じではないので、多分下手なんだろうとおもうのだけど、好きなのでどうでも良い。推理モノなんだけど、実は推理ネタはどうでも良くて、台詞で楽しめる感じ? そういう意味ではジョジョの後継な気がする。</p>
35642          </section>
35643        </a>
35644
35645          </section>
35646          <section>
35647            <h2><time datetime="2005-09">2005年9月</time></h2>
35648
35649        <a href="/blog/blosxom/update-paging-plugin-8">
35650          <section class="excerpt">
35651            <header>
35652              <p class="date"><time datetime="2005-09-30T20:54:56+09:00">30日</time></p>
35653
35654              <h3>paging plugin更新 #8</h3>
35655            </header>
35656
35657            <p>pagingにより生成された各ページは、当然ですが、コロコロ内容が変わります。つまり内容の保証がなã
35657„ので、検索エンジンにインデックスして貰いたくないページであるとも言えます(多くの人には)。というわけで2ページ目以降、つまりpage=2とかパラメータが付く場合はmeta要素でロボット除外を指示するようにとかいう機能を追加してみました。</p>
35658          </section>
35659        </a>
35660
35661
35662        <a href="/blog/blosxom/datetime-in-w3cdtf">
35663          <section class="excerpt">
35664            <header>
35665              <p class="date"><time datetime="2005-09-29T01:40:31+09:00">29日</time></p>
35666
35667              <h3>エントリの日付と時刻をW3CDTFで</h3>
35668            </header>
35669
35670            <p>blosxomのflavourでエントリの日時は$yrや$tiなどの組み合わせで表現します。エクスプローラなどでよくある形の日付形式(yyyy/MM/dd HH:mm:ssとか)に沿った形で表現しようとすることは簡単(というかそのまんま)なわけですが、W3CDTFに沿った形で表現しようとなると年月日と時刻を区切る文字(T)の出力のためにプラグインを書かないと・・・という感じでした(現にatomfeedではプラグイン側での実装になってます)。が、(X)HTMLやXMLのflavourならば文字参照を利用すれば良い話なんじゃないかとか。</p>
35671          </section>
35672        </a>
35673
35674
35675        <a href="/blog/coding/windows-command-line-reference">
35676          <section class="excerpt">
35677            <header>
35678              <p class="date"><time datetime="2005-09-28T19:10:24+09:00">28日</time></p>
35679
35680              <h3>Windowsのコマンド ライン リファレンス</h3>
35681            </header>
35682
35683            <p>たまにしか書かないのですぐに忘れてしまうWindowsのバッチ ファイルの書き方やコマンド ライン ツールの使い方。Windows XPではヘルプとサポートから「コマンド ライン」とかで検索すれば詳しいリファレンスを参照できます。この詳しいリファレンスは、ntcmds.chmというファイル名のHTML ヘルプ ファイルが実体なので、バッチ ファイルを書くのに使うエディタとかで登録しておくと便利かも。</p>
35684          </section>
35685        </a>
35686
35687
35688        <a href="/blog/rss/feed-history">
35689          <section class="excerpt">
35690            <header>
35691              <p class="date"><time datetime="2005-09-23T00:46:41+09:00">23日</time></p>
35692
35693              <h3>Feed History</h3>
35694            </header>
35695
35696            <p>Feed Historyはフィードの過去ログを機械的に辿ることを可能にするドラフト段階の仕様です。つまり、最近10件のフィードとかだけではなく、1か月前のフィードや一年前のフィードなども取得できるというわけ。多くのフィード購読者にはあまり意味が無さそうな仕様ですが、フィード・アグリゲーター・サービス(Google Blog SearchやBloglines、Feedsterなど)はインデックスの強化を機械的に行えることにつながるので、こういった類の仕様は大歓迎なのではないかとか。</p>
35697          </section>
35698        </a>
35699
35700
35701        <a href="/blog/coding/sixty-six-2">
35702          <section class="excerpt">
35703            <header>
35704              <p class="date"><time datetime="2005-09-19T11:19:55+09:00">19日</time></p>
35705
35706              <h3>SIXTY-SIXとかいうの #2</h3>
35707            </header>
35708
35709            <p>Amazon E-Commerce Service 4.0は「&quot;」や「&apos;」をそのまま返してくれる(XML的にはまぁOKなんだけど)ので、場合によってはそれらを適切に扱ってやらないとまずかったりします。PerlなりRubyなりでやる場合は大して面倒でもなんでもないのですが、XSLTでどうにかしようとするとなかなか厄介。厄介なのでSIXTY-SIXではこの仕様に由来するバグを放置していたわけですが、どうにかできそうだということを理解したので、ItemSearchをJSONで整形するXSLスタイルシートを修正してみました。</p>
35710          </section>
35711        </a>
35712
35713
35714        <a href="/blog/software/kill-ctfmon">
35715          <section class="excerpt">
35716            <header>
35717              <p class="date"><time datetime="2005-09-19T08:24:02+09:00">19日</time></p>
35718
35719              <h3>詳細なテキスト サービスをオフにする</h3>
35720            </header>
35721
35722            <p>
35722PCの買い替えと共にWindows XPになってからけっこう経ちました。最近は弱めのClearTypeとかなかなか良いかもとか思いはじめてたりとか。ただ、ウィンドウを切り替える時とかフォルダを新しいウィンドウで開く時とかにつっかかる感じがたまに起こったりするのがなんだかなーとか思ってたら、どうやらctfmon.exeってーのが常駐していることに原因があることが多いらしいですよ。</p>
35723          </section>
35724        </a>
35725
35726
35727        <a href="/blog/software/open-ckw-window-here">
35728          <section class="excerpt">
35729            <header>
35730              <p class="date"><time datetime="2005-09-19T06:01:59+09:00">19日</time></p>
35731
35732              <h3>Open ckw Window Here</h3>
35733            </header>
35734
35735            <p>ckwという半透明に出来るコマンド プロンプト代替アプリケーションがあるのですが、引数にフォルダのパスを渡しても作業フォルダを変更してくれないので、PowerToysのOpen Command Window Hereみたいにフォルダの右クリックメニューから起動とかはできなそーかなーという感じだったんですが、無理やりな方法でできたりしたのでメモがてら。</p>
35736          </section>
35737        </a>
35738
35739
35740        <a href="/blog/software/iedevtoolbar-beta">
35741          <section class="excerpt">
35742            <header>
35743              <p class="date"><time datetime="2005-09-17T23:00:37+09:00">17日</time></p>
35744
35745              <h3>IEDevToolbar</h3>
35746            </header>
35747
35748            <p>MicrosoftからIEDevToolbarとかいう「Web開発に欠かせない!」とか「Web 2.0時代のマストアイテム」とか言ってもらいたそうなInternet Explorer用ツールバーのBetaが出ました。「Web Developerのパク・・・」とか言うとこの世から抹殺されそうなので言いません。</p>
35749          </section>
35750        </a>
35751
35752
35753        <a href="/blog/software/firefox-usechrome-css-tricks-10">
35754          <section class="excerpt">
35755            <header>
35756              <p class="date"><time datetime="2005-09-16T04:38:10+09:00">16日</time></p>
35757
35758              <h3>FirefoxのuserChrome.cssネタ #10</h3>
35759            </header>
35760
35761            <p>Firefox 1.5 Beta 1は全般的に良い感じですが、微妙なバグとかあってまれにイライラ。シングルウィンドウ・モードで複数のウィンドウが何かの拍子に立ち上がったりすると、あとから立ち上げたブラウザが操作しづらい感じになったりとか。Minimize to Trayのせいだったりして。</p>
35762          </section>
35763        </a>
35764
35765
35766        <a href="/blog/coding/pure-javascript-wiki-like-formatter-7">
35767          <section class="excerpt">
35768            <header>
35769              <p class="date"><time datetime="2005-09-15T01:13:47+09:00">15日</time></p>
35770
35771              <h3>Pure JavaScript Wiki Like Formatter #7</h3>
35772            </header>
35773
35774            <p>たつ○大好きっ子がRESTWikiでPure JavaScript Wiki Like Formatterを利用してくれたおかげで、いくつか問題点が見つかったりしたのでちょっと手を入れたりとかしてます。持つべきものはフィードバックしてくれる人。</p>
35775          </section>
35776        </a>
35777
35778
35779        <a href="/blog/webdesign/change-permalink-style">
35780          <section class="excerpt">
35781            <header>
35782              <p class="date"><time datetime="2005-09-13T15:19:34+09:00">13日</time></p>
35783
35784              <h3>permalinkのスタイルを変えた</h3>
35785            </header>
35786
35787            <p>どうやら、Googleではアンダースコアよりもハイフンの方が単語をつなげる文字に適しているそうなので、少し前からハイフンで単語をつなげた形のpermalinkというかファイル名にしてたりします。</p>
35788          </section>
35789        </a>
35790
35791
35792        <a href="/blog/software/update-firefox-extensions-1">
35793          <section class="excerpt">
35794            <header>
35795              <p class="date"><time datetime="2005-09-11T19:19:54+09:00">11日</time></p>
35796
35797              <h3>Firefox Extension更新</h3>
35798            </header>
35799
35800            <p>公開しているExtensionをFirefox 1.5 Beta 1に対応させました。maxversionを1.4に変えただけですけど。Mozilla Updateにも反映されたようです。</p>
35801          </section>
35802        </a>
35803
35804
35805        <a href="/blog/software/firefox-usechrome-css-tricks-9">
35806          <section class="excerpt">
35807            <header>
35808              <p class="date"><time datetime="2005-09-10T11:54:18+09:00">10日</time></p>
35809
35810              <h3>FirefoxのuserChrome.cssネタ #9</h3>
35811            </header>
35812
35813            <p>
35813Firefox 1.5 Beta 1が出たので、自作のFirefox Extensionsを更新するという理由もあり入れてみました。特にこれといって不具合はない感じ。プロファイルもそのままで引き継げました。ですが、マイナーチェンジしたデフォルトのテーマは微妙に気に入らないので、久々にuserChrome.cssネタを。</p>
35814          </section>
35815        </a>
35816
35817
35818        <a href="/blog/blosxom/permalink-of-all-about-blosxom">
35819          <section class="excerpt">
35820            <header>
35821              <p class="date"><time datetime="2005-09-09T10:27:19+09:00">9日</time></p>
35822
35823              <h3>all about blosxomのpermalink</h3>
35824            </header>
35825
35826            <p>各ページのpermalinkがQUERY_STRINGでページ名を指定といった形のURL(http://blosxom.info/?PageName)だと、Googleがうまく拾ってくれない感じだったりいろいろで、Cool URI(邦訳)っぽくしてみました。mod_rewriteでですけどね。EditとかDiffとかのページもCool URIっぽくしようかと思ったんですが、逆に拾ってもらえない方が良い気がするので長ったらしいQUERY_STRINGでのURLのままだったりとか。</p>
35827          </section>
35828        </a>
35829
35830
35831        <a href="/blog/misc/new-air-conditioner">
35832          <section class="excerpt">
35833            <header>
35834              <p class="date"><time datetime="2005-09-09T01:26:36+09:00">9日</time></p>
35835
35836              <h3>ニュー・エアコン</h3>
35837            </header>
35838
35839            <p>10年ものくらいだったエアコンが新しいものに変わりました。本体やリモコンの形状からすると、霧ケ峰の2004年モデルのMSZ-WR22P-Wって奴っぽい。なんでどんなエアコンか知らないかといえば、タダで新しいものに取り替えてもらえたからとかいう。綾瀬・大和・海老名・座間・相模原限定ネタ!?</p>
35840          </section>
35841        </a>
35842
35843
35844        <a href="/blog/software/any-browser-from-google-talk">
35845          <section class="excerpt">
35846            <header>
35847              <p class="date"><time datetime="2005-09-07T20:23:00+09:00">7日</time></p>
35848
35849              <h3>Google Talkから任意のブラウザを起動</h3>
35850            </header>
35851
35852            <p>Google Talkは「これ凄い! 最強! うわくぁっわくぁwせdrftgyふじこ。」という訳ではないですが、MSN MessengerやAOL Instant Messangerなんかのコッテリギトギト具合を鑑みると、「これくらいで良いよな」みたいなさりげない良さがありますね。一昨日、Gmailに本格的に移行したこともあって、Gmailの通知としても使えるGoogle Talkをメインにしようかなとか。とりあえずなぜかInternet Explorerが立ち上がってしまうアレに悩まされたのでまとめ。</p>
35853          </section>
35854        </a>
35855
35856
35857        <a href="/blog/blosxom/re-birth-blothumbnail">
35858          <section class="excerpt">
35859            <header>
35860              <p class="date"><time datetime="2005-09-07T12:40:26+09:00">7日</time></p>
35861
35862              <h3>ぶろっさむねいる復活</h3>
35863            </header>
35864
35865            <p>blosxomerのサイトのURLはUserListでゲットできるので、サムネイル化とかやってみましたよ。どれもこれもオリジナリティがあってblosxomへの愛が溢れている感じ(多分)。ぶろっさむねいる! ぶろっさむねいる!</p>
35866          </section>
35867        </a>
35868
35869
35870        <a href="/blog/blosxom/all-about-blosxom-pluginlist">
35871          <section class="excerpt">
35872            <header>
35873              <p class="date"><time datetime="2005-09-07T10:01:10+09:00">7日</time></p>
35874
35875              <h3>all about blosxom: PluginList</h3>
35876            </header>
35877
35878            <p>blosxomerが殺伐とした心で馴れ合うサイト、all about blosxomのおそらく最も重要なページになるであろうと思われるPluginListを拡充させるための呼びかけエントリ。ページを作ってリストに登録・・・というのはかなり大変なので、とりあえずリストとして載せるだけとかも出来るようにページを編集しておきました。</p>
35879          </section>
35880        </a>
35881
35882
35883        <a href="/blog/webdesign/browsershots">
35884          <section class="excerpt">
35885            <header>
35886              <p class="date"><time datetime="2005-09-07T07:40:57+09:00">7日</time></p>
35887
35888              <h3>Browsershots</h3>
35889            </header>
35890
35891            <p>以前に、iCaptureとlixlpixel Safari Screenshot GeneratorというSafariでWebページのスクリーンショットを撮ってくれるサービスを紹介しましたが、browsershotsではSafariを始めOperaやInternet ExplorerやKonqueror、Epiphany、Firefox、Mozilla、Galeonなんかでもスクリーンショットが! それなりの期間安定稼動しているようですし、この系統のサービスでは一番の有望株かも。</p>
35892          </section>
35893        </a>
35894
35895
35896        <a href="/blog/webdesign/design-of-all-about-blosxom">
35897          <section class="excerpt">
35898            <header>
35899              <p class="date"><time datetime="2005-09-05T09:54:13+09:00">5日</time></p>
35900
35901              <h3>all about blosxomのデザイン</h3>
35902            </header>
35903
35904            <p>「Wikiと言えばPukiWiki!」みたいな世間(日本限定)ですが、all about blosxomはYukiWikiです。誰かさんに「どうしてblosxomで作らなかったã
35904®ï¼Ÿã€ã¨ã‹èžã‹ã‚Œã¾ã—たが、まぁそれはそれ。単にWikiっぽくするためのプラグインを書くのが面倒だったとかいう話です。とか言いつつ、YukiWikiのHTML変換ルーチンを8割方書き換えてたりとか。そういう話はまたの機会に譲るとして、デザインの話をしてみようとか何とか。</p>
35905          </section>
35906        </a>
35907
35908
35909        <a href="/blog/software/pserv.cpl-26">
35910          <section class="excerpt">
35911            <header>
35912              <p class="date"><time datetime="2005-09-04T10:30:26+09:00">4日</time></p>
35913
35914              <h3>pserv.cpl v2.6</h3>
35915            </header>
35916
35917            <p>以前にも紹介したpserv.cplですが、今年の1月から4月にかけて3回バージョンアップしてたりしたことに、つい5日ほど前に気づいたりとか。イベント ビューワとかいろいろと機能が追加されていて、あら便利。</p>
35918          </section>
35919        </a>
35920
35921
35922        <a href="/blog/blosxom/blosxom-plugin-helper">
35923          <section class="excerpt">
35924            <header>
35925              <p class="date"><time datetime="2005-09-04T06:19:06+09:00">4日</time></p>
35926
35927              <h3>blosxom-plugin-helper</h3>
35928            </header>
35929
35930            <p>なんとなく気が向いたりしたというか、all about blosxomのネタ用にblosxomのプラグイン作成のためのヘルパー・スクリプトとか書いてみました。スケルトン作るだけだけど。</p>
35931          </section>
35932        </a>
35933
35934
35935        <a href="/blog/software/color_control">
35936          <section class="excerpt">
35937            <header>
35938              <p class="date"><time datetime="2005-09-02T01:43:00+09:00">2日</time></p>
35939
35940              <h3>Color Control</h3>
35941            </header>
35942
35943            <p>ちょっとした手違いでWindows XPの快適な配色が消えてしまうというハメに陥ったことはありませんか(問題を提起することによって注意を引くメソッド)? 僕はあります。ていうか昨日。コントロールパネルの画面のデザインとかからシコシコ指定しても良いんですけど、反映するのが遅かったり(10数秒かかるような)、そもそも指定できないもの(3D Shadowとか3D Hilightとか)があったりしてアレレです。そこでColor Controlです。</p>
35944          </section>
35945        </a>
35946
35947
35948        <a href="/blog/blosxom/all_about_blosxom_3">
35949          <section class="excerpt">
35950            <header>
35951              <p class="date"><time datetime="2005-09-01T00:00:30+09:00">1日</time></p>
35952
35953              <h3>all about blosxom #3</h3>
35954            </header>
35955
35956            <p>blosxomユーザーのためのメーリング・リストであるall about blosxomの親サイトとして、blosxomについての雑多な情報を纏め上げるつもりのWiki、all bout blosxomを立ち上げてみたりしました。infoドメインカコイイ!</p>
35957          </section>
35958        </a>
35959
35960          </section>
35961          <section>
35962            <h2><time datetime="2005-08">2005年8月</time></h2>
35963
35964        <a href="/blog/blosxom/update_paginate_simple_plugin_2">
35965          <section class="excerpt">
35966            <header>
35967              <p class="date"><time datetime="2005-08-28T23:15:01+09:00">28日</time></p>
35968
35969              <h3>paginate_simple plugin更新 #2</h3>
35970            </header>
35971
35972            <p>使うのをやめてしまって絶賛放置プレイ中のpaginate_simpleにtypoがあったã
35972®ã§ä¿®æ­£ã—ました。BBSでバグの報告をしてくれたMatsuYanさん、どうもありがとうございました。</p>
35973          </section>
35974        </a>
35975
35976
35977        <a href="/blog/coding/sixty-six">
35978          <section class="excerpt">
35979            <header>
35980              <p class="date"><time datetime="2005-08-27T11:00:10+09:00">27日</time></p>
35981
35982              <h3>SIXTY-SIXとかいうの</h3>
35983            </header>
35984
35985            <p>Amazon E-Commerce Service 4.0のXSLTサービスを利用してJSONに整形するというひとつ前のエントリでのアイディアを利用した和書ストアのAmazon.co.jpを検索をするSIXTY-SIXってものを作ってみました。作ってみただけ・・・ですが、一応あまりメジャーでない感じのJavaScriptテクニックも使ったりしたのでそれの紹介も兼ねてエントリってみた。</p>
35986          </section>
35987        </a>
35988
35989
35990        <a href="/blog/coding/ecs4_to_feed_and_json">
35991          <section class="excerpt">
35992            <header>
35993              <p class="date"><time datetime="2005-08-27T03:23:32+09:00">27日</time></p>
35994
35995              <h3>Amazon ECS 4.0のXMLからフィードやJSONに</h3>
35996            </header>
35997
35998            <p>Amazon Web ServicesのE-Commerce Service 4.0ではクエリにStyleというパラメータでXSLTスタイルシートのURLを指定することによって返ってくる結果のXMLを整形することが可能です。前からありますけど。久々にAmazon熱が出たので、RSS 2.0とJSONに整形するXSLTスタイルシートを書いてみました。</p>
35999          </section>
36000        </a>
36001
36002
36003        <a href="/blog/blosxom/oddoreven_plugin">
36004          <section class="excerpt">
36005            <header>
36006              <p class="date"><time datetime="2005-08-26T02:32:54+09:00">26日</time></p>
36007
36008              <h3>oddoreven plugin</h3>
36009            </header>
36010
36011            <p>久々。oddorevenというプラグインを作りました。これはそのエントリがページ内で奇数番目か偶数番目を知ることが出来るプラグインです。つまり、エントリのCSSルールを交互に変えるとかいうことが出来たりします。それ以外になんか使い道があるかどうかは知らないです。</p>
36012          </section>
36013        </a>
36014
36015
36016        <a href="/blog/webdesign/ala_4">
36017          <section class="excerpt">
36018            <header>
36019              <p class="date"><time datetime="2005-08-26T00:52:10+09:00">26日</time></p>
36020
36021              <h3>A List Apart 4.0</h3>
36022            </header>
36023
36024            <p>全Articleを読了していないWebデザイナはモグリとも言われるA List Apartが、およそ3か月の沈黙を破りリニューアルされました。デザインはクラシカルな色使い。最近、この系統の白ベースに薄いブラウンという組み合わせが流行っている気がする。うちは薄いブラウンベースにグレーという組み合わせ(だからどうした)。</p>
36025          </section>
36026        </a>
36027
36028
36029        <a href="/blog/coding/json_feed_or_something_else">
36030          <section class="excerpt">
36031            <header>
36032              <p class="date"><time datetime="2005-08-25T03:35:22+09:00">25日</time></p>
36033
36034              <h3>JSON Feedとか何とか</h3>
36035            </header>
36036
36037            <p>僕をADT呼ばわりする二人の片割れの方がJSON Feedネタをぶちあげたので、「先に書かれた!」とか思いつつ対抗して書いてみる。ADTなので! てなわけでblosxomのflavourで作ってみました(今後ちゃんと更新されるかどうかは未定です)。このJSON Feedのサンプルは、アーカイブにまとめたflavourのみで生成しています。使い方とかは2nd lifeの当該エントリに書いてあるので、省略。</p>
36038          </section>
36039        </a>
36040
36041
36042        <a href="/blog/coding/delicious_sidebar">
36043          <section class="excerpt">
36044            <header>
36045              <p class="date"><time datetime="2005-08-25T00:44:05+09:00">25日</time></p>
36046
36047              <h3>del.icio.us sidebar</h3>
36048            </header>
36049
36050            <p>
36050先日、提供が開始されたde.icio.usのJSONフィードを利用して、Firefoxのサイドバーを作ってみました。現状ではダラーっとただ表示するだけ説。本当はもうちょっと作りたかったんだけど「Pandoraすげぇぇぇぇぇぇ」とか「JSONによるフィードをIETFに!!!!!」とかでほとんど何もやってないものな罠。もしAjaxとRSSの流行る順番が逆だったら、JSONによるフィードがデファクト・スタンダードという時代だったかも!? いや知りませんが。</p>
36051          </section>
36052        </a>
36053
36054
36055        <a href="/blog/internet/pandora_discover_new_music">
36056          <section class="excerpt">
36057            <header>
36058              <p class="date"><time datetime="2005-08-24T17:06:03+09:00">24日</time></p>
36059
36060              <h3>Pandoraが結構楽しい件</h3>
36061            </header>
36062
36063            <p>「Last.FMキラーだ! こいつは最高!」みたいな英語のblogのエントリを読んだ(気がするだけで夢かも)ので、Pandraという音楽発見サービスに登録してみました。アーティスト名や曲名をキーにしてラジオ・ステーションを作成すると、キーにしたものと系統が近いものが永遠に流れ続けます。CM無し!</p>
36064          </section>
36065        </a>
36066
36067
36068        <a href="/blog/internet/cannot_send_hatena_point_anonymously">
36069          <section class="excerpt">
36070            <header>
36071              <p class="date"><time datetime="2005-08-24T00:01:00+09:00">24日</time></p>
36072
36073              <h3>匿名でははてなポイントを送ることができない(かも)</h3>
36074            </header>
36075
36076            <p>はてなポイント送信機能に対応した結果、このblogのエントリで何回かポイントを貰えてたりするのですが、そのうちいくつかは「匿名」とメールで通知されていました。それはまぁ別にどうでも良いんですが、実はその送ってきた人のはてなIDがMyはてなのポイント支払・受取履歴ではわかっちゃうとかいう。少なくとも僕には匿名で送った人らしきIDが見えます。</p>
36077          </section>
36078        </a>
36079
36080
36081        <a href="/blog/webdesign/popup_jacket_image_4">
36082          <section class="excerpt">
36083            <header>
36084              <p class="date"><time datetime="2005-08-23T12:13:21+09:00">23日</time></p>
36085
36086              <h3>ジャケット画像のポップアップ #4</h3>
36087            </header>
36088
36089            <p>まだやってんのかという感じですが、まだやってます。今回は、段落の左肩にfloatさせた小さめの画像を配置するという、いわゆるアサマシ・エントリでありがちな形をまず想定し、その画像にマウスをあわせたら「ポップアップ!」というもの。全身全霊で「クリックしてくれ!」感を演出するメソッドです。</p>
36090          </section>
36091        </a>
36092
36093
36094        <a href="/blog/webdesign/popup_jacket_image_3">
36095          <section class="excerpt">
36096            <header>
36097              <p class="date"><time datetime="2005-08-22T04:13:37+09:00">22日</time></p>
36098
36099              <h3>ジャケット画像のポップアップ #3</h3>
36100            </header>
36101
36102            <p>およそ9か月前とついこの間に書いたジャケット画像のポップアップをInternet Explorerに対応させてみました。対応させたといってもHTMLコードを書き直さなきゃならないので、CSSハックというわけではありません。Internet Explorerに対応させるための鍵になったのはoverflowプロパティとvisibilityプロパティでした。</p>
36103          </section>
36104        </a>
36105
36106
36107        <a href="/blog/internet/designate_related_url_on_hatena_bookmark">
36108          <section class="excerpt">
36109            <header>
36110              <p class="date"><time datetime="2005-08-22T00:05:32+09:00">22日</time></p>
36111
36112              <h3>はてなブックマークの関連URLを指定(出来たら良いな)</h3>
36113            </header>
36114
36115            <p>みんな大好きなはてなブックマークには、関連URLという機能があります。が、現状では気が向いた人が人力で入力するという感じみたいです。これをブックマークされる側で指定できたら幸せなんじゃないかなとか。そうなれば、ある英語のサービスについての紹介とかいうエントリを書いた時にはそのサービスのURLとか、ある英語のページの翻訳を書いた場合は元のページのURLとかをブックマークのページに表示でき、ブックマークを漁って行動する人にはちょっと便利だったりしそうとか。ある本の感想を書いた時にアサマシURLを仕込んだりとかも出来そう(むしろこれがメイン)!</p>
36116          </section>
36117        </a>
36118
36119
36120        <a href="/blog/internet/dodgeit">
36121          <section class="excerpt">
36122            <header>
36123              <p class="date">
36123<time datetime="2005-08-21T17:21:01+09:00">21日</time></p>
36124
36125              <h3>dodgeit</h3>
36126            </header>
36127
36128            <p>dodgeitはメール・アドレス発行サービスです。と言うとそこらに良くあるものなわけですが、このサービスの優れたところはメールとしての機能を大幅に制限することによって、ユーザー登録の必要が無いところでしょう。</p>
36129          </section>
36130        </a>
36131
36132
36133        <a href="/blog/rss/subscriber_graph">
36134          <section class="excerpt">
36135            <header>
36136              <p class="date"><time datetime="2005-08-19T17:55:02+09:00">19日</time></p>
36137
36138              <h3>購読者数の推移</h3>
36139            </header>
36140
36141            <p>FeedBurner経由でフィードを配信していると、FeedBurnerのAwareness APIを使ってフィードのユニークなリクエスト数(circulation)を知ることが出来ます。このユニークなリクエスト数は、ほぼ購読者数と一致します。このデータをはてなグラフを使ってグラフにしてみました。</p>
36142          </section>
36143        </a>
36144
36145
36146        <a href="/blog/webdesign/popup_jacket_image_2">
36147          <section class="excerpt">
36148            <header>
36149              <p class="date"><time datetime="2005-08-18T17:29:44+09:00">18日</time></p>
36150
36151              <h3>ジャケット画像のポップアップ #2</h3>
36152            </header>
36153
36154            <p>昔書いたジャケット画像のポップアップは、今も愛用していたりするわけですが、デカイ画像をブラウザに拡大・縮小してもらってたりするので微妙に汚かったりとかします。:hover擬似クラスを適用する要素を工夫すると、小さい画像と大きい画像を切り替えてポップアップさせることが出来たりしました。</p>
36155          </section>
36156        </a>
36157
36158
36159        <a href="/blog/software/run_explorer_with_specified_folder_as_root_of_folder_tree">
36160          <section class="excerpt">
36161            <header>
36162              <p class="date"><time datetime="2005-08-18T04:19:41+09:00">18日</time></p>
36163
36164              <h3>あるフォルダをフォルダ・ツリーのルートとしてエクスプローラを起動</h3>
36165            </header>
36166
36167            <p>多くの人が知らぬ間に利用しているエクスプローラ、これが無くてはWindowsは使えない(当たり前)エクスプローラですが、ツリー付きでフォルダを開く/eというオプションと共に/rootというオプションつきで起動すると、引数に与えたフォルダのパスをツリーのルートにしてくれます。</p>
36168          </section>
36169        </a>
36170
36171
36172        <a href="/blog/blosxom/bpt_4_plugin_compatibility">
36173          <section class="excerpt">
36174            <header>
36175              <p class="date"><time datetime="2005-08-18T03:44:34+09:00">18日</time></p>
36176
36177              <h3>BPT #4: プラグインの相性</h3>
36178            </header>
36179
36180            <p>blosxomのプラグイン同士には相性というものがあります。これはblosxomの仕様上の制限に基づくものですが、プラグイン側で対応することは可能です。なんですが、blosxomユーザーの多くは(僕を含め)ライトなユーザーが多く、あまり自分の環境以外での挙動を詰めるということはやりません(やれよ)。ので、しばしばプラグインがバッティングしてしまうと言うことは良くあります。</p>
36181          </section>
36182        </a>
36183
36184
36185        <a href="/blog/blog/rss_ping">
36186          <section class="excerpt">
36187            <header>
36188              <p class="date"><time datetime="2005-08-16T06:35:25+09:00">16日</time></p>
36189
36190              <h3>RSS Ping</h3>
36191            </header>
36192
36193            <p>以前、weblogUpdates.pingは「更新した!」ということしかわからないので、これを元に最新記事を拾おうとかすると面倒極まりないとかいう話をmiyagawaさんがしていたわけですが、海の向こうではRSS P
36193ingというメタ・データ付きで更新通知を送る規格が考えられているようです。</p>
36194          </section>
36195        </a>
36196
36197
36198        <a href="/blog/sports/good-bye_sam_cassell">
36199          <section class="excerpt">
36200            <header>
36201              <p class="date"><time datetime="2005-08-16T05:09:17+09:00">16日</time></p>
36202
36203              <h3>Sam Cassellサヨウナラ</h3>
36204            </header>
36205
36206            <p>昨シーズンは怪我とフロントとの確執などで思うように実力を発揮できず、Wolvesがプレーオフ出場を逃した戦犯扱いされたSam Cassellがトレードされました。キュートな離れ目をもう見れないかと思うと悲しいですね(心を込めて)。</p>
36207          </section>
36208        </a>
36209
36210
36211        <a href="/blog/internet/send_hatena_point_from_someone_to_someone">
36212          <section class="excerpt">
36213            <header>
36214              <p class="date"><time datetime="2005-08-14T17:57:32+09:00">14日</time></p>
36215
36216              <h3>誰かから誰かにはてなポイントを送る</h3>
36217            </header>
36218
36219            <p>blogではどこかしらのサイトの文章を元にしたエントリが公開されることはよくあります。仮にそのblogではてなブックマークではてなポイントを贈る機能に対応している場合、そのエントリの著者(ぶっちゃけ自分)に向けてはてなポイントが贈られるわけですが、それを元のエントリを書いた人に贈られるようにしてやったら面白そうとか何とか。つまりアルファ・ギークに金を収束させるという仕組み(えぇ)。</p>
36220          </section>
36221        </a>
36222
36223
36224        <a href="/blog/blog/pingoat">
36225          <section class="excerpt">
36226            <header>
36227              <p class="date"><time datetime="2005-08-13T22:09:34+09:00">13日</time></p>
36228
36229              <h3>Pingoat</h3>
36230            </header>
36231
36232            <p>Pingoatは複数のblog更新通知サービスに更新通知を送信できるサービス(有名なのはPing-o-Matic!)のひとつです。見ればわかりますが、Bulkfeedsやping.bloggers.jp、1470.netなど日本の有名なサービスにも対応していたりするので、僕ら日本人にも使えるサービス。</p>
36233          </section>
36234        </a>
36235
36236
36237        <a href="/blog/blosxom/hatena_point_getter_in_blosxom">
36238          <section class="excerpt">
36239            <header>
36240              <p class="date"><time datetime="2005-08-11T00:36:20+09:00">11日</time></p>
36241
36242              <h3>blosxomではてなポイントゲッター</h3>
36243            </header>
36244
36245            <p>blosxomではてなブックマークではてなポイントを贈るに対応するにはflavourに記述するのが一番手っ取り早いです。</p>
36246          </section>
36247        </a>
36248
36249
36250        <a href="/blog/media/the_starting_line_based_on_a_true_story">
36251          <section class="excerpt">
36252            <header>
36253              <p class="date"><time datetime="2005-08-10T00:03:13+09:00">10日</time></p>
36254
36255              <h3>The Starting Line / Based On A True Story</h3>
36256            </header>
36257
36258            <p>パンクっぽい音を期待して買ったThe Starting Lineの新譜、Based On A True Storyですが、実際にはエモエモ。そういう意味では期待はずれではありましたが、これはこれとしてなかなか。元々パンクといってもかなりメロディアスではあったので、エモエモでもまぁ良いかなという感じ。</p>
36259          </section>
36260        </a>
36261
36262
36263        <a href="/blog/rss/ads_for_feeds">
36264          <section class="excerpt">
36265            <header>
36266              <p class="date"><time datetime="2005-08-09T15:29:55+09:00">9日</time></p>
36267
36268              <h3>フィード向け広告</h3>
36269            </header>
36270
36271            <p>フィードに広告を! という試みはblogによってフィードがクローズ・アップされた当初から試行錯誤されていました。その走りはMoreover Technologiesが以前(今はもう個人向けにはやってないかも)提供していたニュース記事のフィード配信などã
36271§ã—ょうか。Moreover Technologiesは広告専用のitem要素を設けるというアプローチでしたが、最近は記事そのものに横長バナー広告もしくは一行テキスト広告を追加するというアプローチのものが多いようです。</p>
36272          </section>
36273        </a>
36274
36275
36276        <a href="/blog/rss/rss_supports_in_vista">
36277          <section class="excerpt">
36278            <header>
36279              <p class="date"><time datetime="2005-08-06T07:39:27+09:00">6日</time></p>
36280
36281              <h3>VistaのRSSサポート</h3>
36282            </header>
36283
36284            <p>Windows VistaでRSSのサポートを進めているチームのblogによると、IE 7でのRSSサポートは、RSS Auto-discoveryへの対応やフィードを直接ブラウザで開いたときに読みやすい形になっているなど、Safariのそれに近いものになっている模様です。今後はblogで書きつつ、Publisher向けのガイドのページに蓄積されていくようです。</p>
36285          </section>
36286        </a>
36287
36288
36289        <a href="/blog/software/winupdateslist">
36290          <section class="excerpt">
36291            <header>
36292              <p class="date"><time datetime="2005-08-05T05:40:49+09:00">5日</time></p>
36293
36294              <h3>WinUpdatesList</h3>
36295            </header>
36296
36297            <p>Windows Updateで仕入れたHotfixの内容をリストアップしてくれるツール。実際に何に使えるかはかなり謎。ですが、Updateした後に何がしかのトラブルがあった場合、そのトラブル・シューティングに使えそう。と言うかそれ以外に使い道は無さげ。</p>
36298          </section>
36299        </a>
36300
36301          </section>
36302          <section>
36303            <h2><time datetime="2005-07">2005年7月</time></h2>
36304
36305        <a href="/blog/software/ie7_sdk_documentation">
36306          <section class="excerpt">
36307            <header>
36308              <p class="date"><time datetime="2005-07-29T00:46:33+09:00">29日</time></p>
36309
36310              <h3>IE7のSDKドキュメント</h3>
36311            </header>
36312
36313            <p>MSDNをたらたらと見ていたところInternet Explorer 7のSDKドキュメントのページが出来ていました。今のところは予定は未定みたいなあれですが、Beta 1も一部に配布されている(既にstandaloneで導入できるようにしたアーカイブとかも見かけました)ようですし、今さらながら「本当に作っているんだなぁ」と言う感じ。</p>
36314          </section>
36315        </a>
36316
36317
36318        <a href="/blog/misc/interlude">
36319          <section class="excerpt">
36320            <header>
36321              <p class="date"><time datetime="2005-07-22T12:31:34+09:00">22日</time></p>
36322
36323              <h3>Interlude</h3>
36324            </header>
36325
36326            <p>さて、なんとなく書かなかったらまるで書かなくなったわけですが。「最低、3日に1回はエントリを書かなくちゃブロガー失格じゃねぇ?」とか心の中で考えていた頃が懐かしいです。ひたすらWorld of Warcraft漬けだったという噂もありますが、それはそれ。Wireless IntelliMouse Explorer 2.0がぶっ壊れたり(かんしゃく起こして投げた)とかそんなこともありましたが、たいしたことはない。何人かにMusical Batonを渡されました(すげー前)が、渡す人を考えるのが面倒なので骨折で競争中止ということで。予後不良です。</p>
36327          </section>
36328        </a>
36329
36330          </section>
36331          <section>
36332            <h2><time datetime="2005-06">2005年6月</time></h2>
36333
36334        <a href="/blog/media/demons_dont_dream">
36335          <section class="excerpt">
36336            <header>
36337              <p class="date"><time datetime="2005-06-05T15:08:23+09:00">5日</time></p>
36338
36339              <h3>悪魔は夢を見ない</h3>
36340            </header>
36341
36342            <p>およそ一年半ぶりのザンス新刊「ナーダ王女の憂鬱」が1か月ほど前に出ていました。相変わらず邦題は独自な感じ。原題はDemon&apos;s Don&apos;
36342t Dream (多分、作品内で登場するゲームが3Dのゲームであることとかけているっぽい)なので、ちょっとアレすぎ。むやみに王道ファンタジー的な題名なのもいただけない。ストーリー自体は前作に比べてダジャレ多め、シリアス少なめというザンス・シリーズの王道系。</p>
36343          </section>
36344        </a>
36345
36346
36347        <a href="/blog/media/obakamiko">
36348          <section class="excerpt">
36349            <header>
36350              <p class="date"><time datetime="2005-06-04T02:59:12+09:00">4日</time></p>
36351
36352              <h3>打姫オバカミーコ</h3>
36353            </header>
36354
36355            <p>ノーマーク爆碑党で僕の中では神クラスに位置づけられることになった片山まさゆきが近代麻雀(1日と15日に発売の奴)現在連載中の打姫オバカミーコで「ブログ」とかがフィーチャーされてて。いやフィーチャーていうほどではなかったですが。打姫オバカミーコはかなり好きなので、その紹介がてら。</p>
36356          </section>
36357        </a>
36358
36359          </section>
36360          <section>
36361            <h2><time datetime="2005-05">2005年5月</time></h2>
36362
36363        <a href="/blog/rss/t3h_blox0r">
36364          <section class="excerpt">
36365            <header>
36366              <p class="date"><time datetime="2005-05-26T19:43:42+09:00">26日</time></p>
36367
36368              <h3>t3h Blox0r</h3>
36369            </header>
36370
36371            <p>XUL Applicationなフィード・リーダー、t3h Blox0rというものを見つけました。XUL Applicationなフィード・リーダーはいくつかありますが、それらローカルにイãƒ
36371³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã‚‚のとは違い、XULを利用したリッチなWebアプリケーションといったもの。</p>
36372          </section>
36373        </a>
36374
36375
36376        <a href="/blog/game/hellgate_london">
36377          <section class="excerpt">
36378            <header>
36379              <p class="date"><time datetime="2005-05-25T21:00:11+09:00">25日</time></p>
36380
36381              <h3>Hellgate: London</h3>
36382            </header>
36383
36384            <p>E3 2005ではXbox 360やPlayStation 3、Revolution (仮称)などの次世代(と3年ごとに言ってる)ハードに注目が集まっていますが、そこはそれ(正直、もうどうでもいい)。ソフトの方ではカクカクしてないLara CroftのTomb Raiderの新作やVaporwareとして有名だったThe Godfatherなどいくつか注目作がある中、ガン系FPSファンとハック・アンド・スラッシュ系ARPGのファンというあまり嗜好がかぶらないはずの両者から期待されている(と思う)Hellgate: Londonは要チェック。</p>
36385          </section>
36386        </a>
36387
36388
36389        <a href="/blog/rss/do_not_read_basic_authed_feed_on_bloglines">
36390          <section class="excerpt">
36391            <header>
36392              <p class="date"><time datetime="2005-05-21T01:45:47+09:00">21日</time></p>
36393
36394              <h3>BloglinesでBasic認証のフィードを読むのは止めましょう、というかここのエントリを見てあまり考えずに読んでたりする人がいたりしたらアレレな感じなので、「禁止という方向でどうよ?」というようなエントリを書いておこうと思った</h3>
36395            </header>
36396
36397            <p>以前書いたBloglinesとBasic認証というエントリで触れたBasic認証のかかったフィードをURLにユーザー名とパスワードを追加することによってBloglinesで購読する試みの危険性とか何とか。最近、パスワードがバレバレな様子が画像で公開されてたりとかしてたのを見つけたので、危ないよと改めて書いておこうかなと。</p>
36398          </section>
36399        </a>
36400
36401
36402        <a href="/blog/media/one_tree_hill">
36403          <section class="excerpt">
36404            <header>
36405              <p class="date"><time datetime="2005-05-17T09:13:06+09:00">17日</time></p>
36406
36407              <h3>One Tree Hill</h3>
36408            </header>
36409
36410            <p>アメリカのTVドラマ、One Tree Hillのサントラです。当初はMichelle Branchの参加するバンド、The Wreckersの曲(#4)のためだけに買おうとしたわけですが、他のメンツもJimmy Eat Worldや22-20s、Story of the Yearと一般的には微妙な、私的には素敵な豪華さでかなりツボ。</p>
36411          </section>
36412        </a>
36413
36414
36415        <a href="/blog/internet/simple_single_sign-on">
36416          <section class="excerpt">
36417            <header>
36418              <p class="date"><time datetime="2005-05-16T11:47:17+09:00">16日</time></p>
36419
36420              <h3>Simple Single Sign-on</h3>
36421            </header>
36422
36423            <p>Microsoftの.Net Passportを初めとして、いわゆるシングル・サインオンという分野で大成功を収めたものはあまり聞かない(僕が知らないだけ説)わけですが、手軽にシングル・サインオン的なことを実現できるシステムをJavaScriptで実現してみたとかそんなものが、Simple Single Sign-onです(リンク先はFlashムービー)。</p>
36424          </section>
36425        </a>
36426
36427
36428        <a href="/blog/rss/weather_forecasts_in_bloglines">
36429          <section class="excerpt">
36430            <header>
36431              <p class="date"><time datetime="2005-05-15T05:06:58+09:00">15日</time></p>
36432
36433              <h3>Bloglinesに天気予報(噂・・・は本当でした)</h3>
36434            </header>
36435
36436            <p>「Bloglinesの対抗は?(意訳)」というエントリについたMark Fletcherのコメントによると、来週から天気予報をBloglinesで購読できるようになるようです。どういう形になるかは謎。日本の各地方にも対応しているのかは謎(対応ã
36436—ている可能性は高いと思います、勘ですが)。</p>
36437          </section>
36438        </a>
36439
36440
36441        <a href="/blog/software/fix_ie">
36442          <section class="excerpt">
36443            <header>
36444              <p class="date"><time datetime="2005-05-14T00:32:04+09:00">14日</time></p>
36445
36446              <h3>Fix IE</h3>
36447            </header>
36448
36449            <p>新しいPCとともに環境も一新! というわけにもなかなかいかず、結局古い環境で使っていたアプリケーションを導入しなくてはならないという。その中の代表格が、ウィンドウのタイトルやクラス名によってウィンドウの位置とサイズを変更してくれるFix IEというアプリケーション。</p>
36450          </section>
36451        </a>
36452
36453
36454        <a href="/blog/internet/what_is_kyo">
36455          <section class="excerpt">
36456            <header>
36457              <p class="date"><time datetime="2005-05-06T03:59:58+09:00">6日</time></p>
36458
36459              <h3>What is kyo?</h3>
36460            </header>
36461
36462            <p>ある単語をクエリとして送信すると、その単語がどういう意味なのかを教えてくれる・・・はずなんですが、実は面白文章ジェネレータなWhat is ..?というページを見つけました。使い方はフォームに単語を入れて送信するだけ。</p>
36463          </section>
36464        </a>
36465
36466
36467        <a href="/blog/software/desktop_in_a_separate_process">
36468          <section class="excerpt">
36469            <header>
36470              <p class="date"><time datetime="2005-05-05T23:48:34+09:00">5日</time></p>
36471
36472              <h3>デスクトップのプロセスを別にする</h3>
36473            </header>
36474
36475            <p>新PCに伴いカリカリにチューニングしたくなるわけで。取り上げてみるのはデスクトップのプロセスを別にするというもの。これを設定しておくと何かの拍子にExplorer.exeが落ちてもタスクバーが生き残る・・・はず。タスクバーが生き残るということは、タスクトレイが生き残るということなので、タスクトレイに最小化しておいたまま操作不能になるとかそういうことがなくなります(多分)。</p>
36476          </section>
36477        </a>
36478
36479
36480        <a href="/blog/software/forceware_trouble">
36481          <section class="excerpt">
36482            <header>
36483              <p class="date"><time datetime="2005-05-04T19:41:41+09:00">4日</time></p>
36484
36485              <h3>ForceWare地獄</h3>
36486            </header>
36487
36488            <p>PIO病が完治したかと思ったら、今度はnVIDIAチップのグラフィック・カードのドライバ、ForceWareではまったわけで。新PCの内蔵グラフィックは特に悪いわけではないのですが、やはりDVI-Dで接続したいなと。で、Sparkle製のGeForce 6600(not GT)なAGPのグラフィック・カード(PCI Expressスロットとか無い)、SP-AG43DHを買って、取り付けたわけです。添付のCDのSmartInstallのはv66.93だったのですが、うまいことイãƒ
36488³ã‚¹ãƒˆãƒ¼ãƒ«ã§ããªã‹ã£ãŸã‚Šã—ました。ここからまともに表示されるバージョンのForceWareを探す迷走が始まります。</p>
36489          </section>
36490        </a>
36491
36492
36493        <a href="/blog/software/transfer_modes_trouble">
36494          <section class="excerpt">
36495            <header>
36496              <p class="date"><time datetime="2005-05-03T17:12:29+09:00">3日</time></p>
36497
36498              <h3>PIO病</h3>
36499            </header>
36500
36501            <p>PIO病またはPIO地獄とは、いつのまにやらWindowsがIDEデバイスの転送モードをPIOに変更してしまい、3MB/s (最近のHDDなんかだと50MB/sくらいは出る)くらいしか転送速度が出なくてOSの起動やら全てが遅くなってしまう現象です。</p>
36502          </section>
36503        </a>
36504
36505
36506        <a href="/blog/internet/is_amazon_associates_link_changed">
36507          <section class="excerpt">
36508            <header>
36509              <p class="date"><time datetime="2005-05-02T03:22:03+09:00">2日</time></p>
36510
36511              <h3>Amazonアソシエイトのリンクが変更?</h3>
36512            </header>
36513
36514            <p>某所でAmazonアソシエイトによるアソシエイト・リンクのURLが変更になったとかそんな話を聞いたので、ちょっと調べてみたんですが、これといった情報は見つからず。とりあえずアソシエイト・セントラルのリンク作成で作られるリンクは変更になってました(多分)。</p>
36515          </section>
36516        </a>
36517
36518
36519        <a href="/blog/rss/700_subscribers">
36520          <section class="excerpt">
36521            <header>
36522              <p class="date"><time datetime="2005-05-01T20:09:30+09:00">1日</time></p>
36523
36524              <h3>700 subscribers</h3>
36525            </header>
36526
36527            <p>FeedBurnerでフィードを統合した関係で、Bloglinesでより正確なsubscriber数が出るようになりました。結果、700に。統合する前のindex.rssのsubscriber数は440くらいだったので、1.5倍くらいになった計算。統合してから間もないので、重複して登録している人がまだいそうなのでもうちょっと減るかもしれませんが。</p>
36528          </section>
36529        </a>
36530
36531          </section>
36532          <section>
36533            <h2><time datetime="2005-04">2005年4月</time></h2>
36534
36535        <a href="/blog/misc/good_bye_gateway_hello_sycom">
36536          <section class="excerpt">
36537            <header>
36538              <p class="date"><time datetime="2005-04-30T09:06:57+09:00">30日</time></p>
36539
36540              <h3>新しいPCですよ</h3>
36541            </header>
36542
36543            <p>何事もなかったように日本に再進出しているGatewayで以前に購入したPCの電源が不穏な声で唸ってみてくれたりする感じなので、Sycomで新しいPCを買ってみました。4年も良くがんばった。内容はほとんど残ってないけど。ケースは丈夫だしメンテナンス性も高いので、電源を取り替ã
36543ˆã¦å†åˆ©ç”¨ã—ようかなとかなんとか。</p>
36544          </section>
36545        </a>
36546
36547
36548        <a href="/blog/internet/bookmarked">
36549          <section class="excerpt">
36550            <header>
36551              <p class="date"><time datetime="2005-04-28T00:21:03+09:00">28日</time></p>
36552
36553              <h3>ブックマークされた! 度</h3>
36554            </header>
36555
36556            <p>あるサイトがはてなブックマークでブックマークされた数を日数で割って、数値にしてみるテスト。ブックマーク数を日割りにしただけという。</p>
36557          </section>
36558        </a>
36559
36560
36561        <a href="/blog/media/nin_with_teeth">
36562          <section class="excerpt">
36563            <header>
36564              <p class="date"><time datetime="2005-04-27T16:52:45+09:00">27日</time></p>
36565
36566              <h3>Nine Inch Nails / With Teeth</h3>
36567            </header>
36568
36569            <p>てなわけでおよそ6年ぶりのNine Inch Nailsの新譜、With Teethをゲット。CDケースを持った時は手が震えました。</p>
36570          </section>
36571        </a>
36572
36573
36574        <a href="/blog/rss/feedburned">
36575          <section class="excerpt">
36576            <header>
36577              <p class="date"><time datetime="2005-04-25T18:57:23+09:00">25日</time></p>
36578
36579              <h3>FeedBurnerに移行</h3>
36580            </header>
36581
36582            <p>RSS 2.0やRSS 1.0、Atom 0.3などXMLフィードを複数提供するのも面倒(再構築が)になってきたので、FeedBurnerに依存することにしました。ついでにこのサイト全体のRSSフィードやBBSのRSSフィードもFeedBurnerへ。特に負荷がやばいとか帯域使いすぎとかそういうんではないです。</p>
36583          </section>
36584        </a>
36585
36586
36587        <a href="/blog/gadget/e-yama_19le1-b">
36588          <section class="excerpt">
36589            <header>
36590              <p class="date"><time datetime="2005-04-24T19:48:30+09:00">24日</time></p>
36591
36592              <h3>e-yama 19LE1-B</h3>
36593            </header>
36594
36595            <p>e-yamaの安い19&apos;&apos;液晶の黒モデルを購入。Amazonでは&#165;49800とかなってますが、即納かつ&#165;
3659538000程で売っているところがあったのでそこでゲット。とりあえずドット欠けは見えない。見えなきゃ良い。</p>
36596          </section>
36597        </a>
36598
36599
36600        <a href="/blog/software/alt_plus_esc">
36601          <section class="excerpt">
36602            <header>
36603              <p class="date"><time datetime="2005-04-23T17:36:44+09:00">23日</time></p>
36604
36605              <h3>Alt+Esc</h3>
36606            </header>
36607
36608            <p>某所で少し前に「ダイアログ無しで次にウィンドウへ移動するキーボード・ショートカットあるのかな?」とかいう話題になったことがありました。その時は探しもしなかったのですが、先ほど適当に探したら、どうやらAlt+Escでそういった機能が提供される模様。Alt+Tabと違い、循環する感じでウィンドウが切り替わるというもの。</p>
36609          </section>
36610        </a>
36611
36612
36613        <a href="/blog/rss/atompub_format_08">
36614          <section class="excerpt">
36615            <header>
36616              <p class="date"><time datetime="2005-04-21T19:03:25+09:00">21日</time></p>
36617
36618              <h3>Atom Syndication Format 0.8</h3>
36619            </header>
36620
36621            <p>Atom Syndication Formatの0.8が出ました。これが最終草案ということらしいです。ということで、Atomラヴな人(サービス)はそろそろ対応作業を開始して良いということになるわけですが、最近の変わりっぷりを見るとちゃんと確定してからの方が良さそうという気がしないでもない。</p>
36622          </section>
36623        </a>
36624
36625
36626        <a href="/blog/rss/time_span_of_bloglines_crawler">
36627          <section class="excerpt">
36628            <header>
36629              <p class="date"><time datetime="2005-04-20T02:54:15+09:00">20日</time></p>
36630
36631              <h3>Bloglinesのクロール間隔</h3>
36632            </header>
36633
36634            <p>IRCでインターフェイス! インターフェイス! な人に教えてもらったのですが、Bloglinesはクロールする間隔をsubscriber数に合わせて調節するみたいです。といっても、何かものすごいアルゴリズムでインテンリジェントに制御するというわけではなく、subscriber数が10人以下(くらい)だと四時間に一回とかになるというだけ。通常は一時間に一回で、これが最短のクロール間隔です。</p>
36635          </section>
36636        </a>
36637
36638
36639        <a href="/blog/internet/mozilla_update">
36640          <section class="excerpt">
36641            <header>
36642              <p class="date"><time datetime="2005-04-19T08:09:01+09:00">19日</time></p>
36643
36644              <h3>Mozilla Update</h3>
36645            </header>
36646
36647            <p>Mozilla Updateが(まだbetaと付いてますが)へのExtentionやTheme登録がとても楽になってました。プロセスはたったの2段階。参照ダイアログで作成したxpiファイルを指定しアップロード、そして適切なカテゴリを選択。これだけ。</p>
36648          </section>
36649        </a>
36650
36651
36652        <a href="/blog/blosxom/update_same_category_2">
36653          <section class="excerpt">
36654            <header>
36655              <p class="date"><time datetime="2005-04-19T05:25:08+09:00">19日</time></p>
36656
36657              <h3>same_category更新 #2</h3>
36658            </header>
36659
36660            <p>same_categoryを更新して、サブ・カテゴリのエントリ(つまりサブ・ディレクトリにあるエントリ)もリストに表示できるようにしました。つまり、foo/entry.htmlというpermalinkの場合に、サブ・カテゴリとしてbarというカテゴリがあるなら、そのカテゴリのエントリもリストに含めるようになる・・・うまく言葉で説明できないので、察してください。</p>
36661          </section>
36662        </a>
36663
36664
36665        <a href="/blog/blosxom/flavour_simplicity_for_bsk">
36666          <section class="excerpt">
36667            <header>
36668              <p class="date"><time datetime="2005-04-18T17:58:53+09:00">18日</time></p>
36669
36670              <h3>Flavour: Simplicity for bsk</h3>
36671            </header>
36672
36673            <p>Simplicityをblosxom starter kit用にコンバートしてみたã€
36673‚フォーム部品のデザインをちょいちょいっとやっただけで完成・・・のつもり。</p>
36674          </section>
36675        </a>
36676
36677
36678        <a href="/blog/sports/magic_one_to_play-off">
36679          <section class="excerpt">
36680            <header>
36681              <p class="date"><time datetime="2005-04-17T18:59:53+09:00">17日</time></p>
36682
36683              <h3>プレーオフまでマジック 1</h3>
36684            </header>
36685
36686            <p>とはいってもTimberwolvesがプレーオフ出場権利を逃がすまでにマジック 1なわけですが。対象チームはGrizzliesです。Wolvesが残り3試合で貯金5、Grizzliesが残り2試合で貯金8なので、Wolvesが3連勝かつGrizzliesが2連敗という狭き門。</p>
36687          </section>
36688        </a>
36689
36690
36691        <a href="/blog/blosxom/flavour_simplicity">
36692          <section class="excerpt">
36693            <header>
36694              <p class="date"><time datetime="2005-04-17T18:01:15+09:00">17日</time></p>
36695
36696              <h3>Flavour: Simplicity</h3>
36697            </header>
36698
36699            <p>blosxom starter kitのMovable Type 2.xライクなflavourがなんだかイヤンな感じになりつつある(私見)ので、これでもかと装飾を剥ぎ取ったシンプルなものを作ってます。で、それの過程のものをちょっと公開。エントリのネタがなかったから公開したとも言う。</p>
36700          </section>
36701        </a>
36702
36703
36704        <a href="/blog/blosxom/update_same_category">
36705          <section class="excerpt">
36706            <header>
36707              <p class="date"><time datetime="2005-04-15T02:43:14+09:00">15日</time></p>
36708
36709              <h3>same_category更新</h3>
36710            </header>
36711
36712            <p>Bloglinesのcitations経由で、same_categoryのバグっぽい・・・というか間違いなくバグな挙動についてのエントリを発見したので、それへの対処をしてみました。</p>
36713          </section>
36714        </a>
36715
36716
36717        <a href="/blog/media/bloc_party_silent_alarm">
36718          <section class="excerpt">
36719            <header>
36720              <p class="date"><time datetime="2005-04-14T02:52:36+09:00">14日</time></p>
36721
36722              <h3>Bloc Party / Silent Alarm</h3>
36723            </header>
36724
36725            <p>最近、聞く機会が多いのがBloc Partyのメジャー・デビュー・アルバム、Silent Alarm。まだ半年も過ぎてないのに「今年のベストかも!」とか思ってしまうほどツボ。ジャケットもカコイイ。</p>
36726          </section>
36727        </a>
36728
36729
36730        <a href="/blog/webdesign/11px_sized_text">
36731          <section class="excerpt">
36732            <header>
36733              <p class="date"><time datetime="2005-04-14T02:27:07+09:00">14日</time></p>
36734
36735              <h3>フォント・サイズが11pxの文</h3>
36736            </header>
36737
36738            <p>Windows (多分Windows 2000以降)のInternet Explorerでは、11pxあたり(以下かも)のフォント・サイズの扱いがちょっと特殊です。通常、font-size: 11px;などと指定した場合は、当然全て11pxで表示され、MS Pゴシックなどでは読むのが辛い感じになるはずなのですが、Internet Explorerでは日本語の文字だけがなぜか12px程度の大きさになってくれます(画像参照)。Firefoxなどでは平仮名はともかく漢字がちょい辛い感じ。</p>
36739          </section>
36740        </a>
36741
36742
36743        <a href="/blog/software/launch_dom_inspector_only">
36744          <section class="excerpt">
36745            <header>
36746              <p class="date"><time datetime="2005-04-13T00:11:12+09:00">13日</time></p>
36747
36748              <h3>DOM Inspectorだけ起動</h3>
36749            </header>
36750
36751            <p>僕にはDOM InspectorはWebデザインに欠かすことが出来ないものなわけですが、Firefoxのメニューから起動するのがどうもかったるいなーみたいなことをずっと感じていました。大概はFirefoxが既に起動しているので、たいした手間ではないんですが、たまにFirefoxを起動していない時にDOM Inspectorを起動したくなったりすると・・・。それが実は-chromeという引数に続けてDOM Inspectorのchrome URLを指定すれば、単独で起動できるということを今さらながら知りました。</p>
36752          </section>
36753        </a>
36754
36755
36756        <a href="/blog/blosxom/unknown_flavour">
36757          <section class="excerpt">
36758            <header>
36759              <p class="date"><time datetime="2005-04-12T21:27:39+09:00">12日</time></p>
36760
36761              <h3>不明なflavour</h3>
36762            </header>
36763
36764            <p>blosxomは頑張りやさんなので、予め用意していないflavourを訪問者が指定してアクセスしてきた場合もどうにか頑張ってくれちゃったりします(わけのわからないフリ)。その時はerrorというblosxom.cgi内で定義されたflavourが使用されます。そのerror flavourの替わりに、$default_flavourを利用するようにする改å
36764¤‰æ–¹æ³•がAgilityNerdで公開されていました。</p>
36765          </section>
36766        </a>
36767
36768
36769        <a href="/blog/internet/wikicities">
36770          <section class="excerpt">
36771            <header>
36772              <p class="date"><time datetime="2005-04-11T16:32:41+09:00">11日</time></p>
36773
36774              <h3>Wikicities</h3>
36775            </header>
36776
36777            <p>blosxomのまとめWikiとか作ろうかなとか投げ槍に考えていた関係で、Wikiのホスティング・サービス(レンタル・サービス)を漁っていたりするんですが、なかなか良さそうなものが無かったり。そんな中で見つけたWikicitiesは高機能なMediaWikiをホスティングしてくれるサービスです。</p>
36778          </section>
36779        </a>
36780
36781
36782        <a href="/blog/misc/d2005-04-10">
36783          <section class="excerpt">
36784            <header>
36785              <p class="date"><time datetime="2005-04-10T11:45:35+09:00">10日</time></p>
36786
36787              <h3>Links: 2005-04-10</h3>
36788            </header>
36789
36790            <p>「JavaScriptを極めて起業する。JavaScriptを勉強していく課程での発見、アイデア、エラーなどを日記メモとしていきます。将来的には、仕事に結びつくといいなと考えています。ご支援をよろしく。」</p>
36791          </section>
36792        </a>
36793
36794
36795        <a href="/blog/software/js-markdown">
36796          <section class="excerpt">
36797            <header>
36798              <p class="date"><time datetime="2005-04-08T17:37:02+09:00">8日</time></p>
36799
36800              <h3>js-markdown</h3>
36801            </header>
36802
36803            <p>MarkdownをJavaScriptで実装した、js-markdownというモノを見つけました。デモでいろいろ書いて試してみましたが、なかなか良い感じ。去年の年末くらいに作られたものみたい。</p>
36804          </section>
36805        </a>
36806
36807
36808        <a href="/blog/webdesign/hail2u-net_on_hatena">
36809          <section class="excerpt">
36810            <header>
36811              <p class="date"><time datetime="2005-04-07T09:02:37+09:00">7日</time></p>
36812
36813              <h3>CSSをはてなに移植してみた</h3>
36814            </header>
36815
36816            <p>リファラから拾ったChepooka::cssでfloatの振る舞いにトラブってる感じだったので、はてなダイアリーでもうちのサイトみたいなのできないもんかと移植してみました。こちらのエントリの内容は気にしてはいけません。</p>
36817          </section>
36818        </a>
36819
36820
36821        <a href="/blog/coding/code_snippets">
36822          <section class="excerpt">
36823            <header>
36824              <p class="date"><time datetime="2005-04-07T06:14:36+09:00">7日</time></p>
36825
36826              <h3>Code Snippets</h3>
36827            </header>
36828
36829            <p>Code Snippetsはコードの断片をタグ付けして投稿することができるサービスです。つまり、コードで語りあうSNS(まんざら嘘でもない気がする)。</p>
36830          </section>
36831        </a>
36832
36833
36834        <a href="/blog/software/hidemaru_5_beta">
36835          <section class="excerpt">
36836            <header>
36837              <p class="date"><time datetime="2005-04-07T05:41:57+09:00">7日</time></p>
36838
36839              <h3>秀丸エディタ Ver5.00β</h3>
36840            </header>
36841
36842            <p>秀丸エディタの先行バージョンの開発が始まっていたのは知っていたものの、「縦書きとかウゼー」とかアレな印象をもっていたので、スルーしていたのですが、正規表現がPerlのそれにより近づいたことやいわゆるヒア・ドキュメントの強調表示などに惹かれて入れてみました。</p>
36843          </section>
36844        </a>
36845
36846
36847        <a href="/blog/webdesign/centering_vertically_in_fixed_height_box">
36848          <section class="excerpt">
36849            <header>
36850              <p class="date"><time datetime="2005-04-06T08:10:35+09:00">6日</time></p>
36851
36852              <h3>Centering Vertically</h3>
36853            </header>
36854
36855            <p>高さの決まったボックスの中で縦方向の真ん中に内å
36855®¹ç‰©ã‚’配置するという、タイトル・ロゴなどで良くある配置をCSSで実現するとなると、結構戸惑うこともあるんじゃないかと思います。実はこれの実現は単純で、そのボックスの高さと同じだけline-heightを確保してやれば良いだけです。</p>
36856          </section>
36857        </a>
36858
36859
36860        <a href="/blog/blosxom/blugins_2">
36861          <section class="excerpt">
36862            <header>
36863              <p class="date"><time datetime="2005-04-06T02:38:46+09:00">6日</time></p>
36864
36865              <h3>blosxom plugins #2</h3>
36866            </header>
36867
36868            <p>blosxom pluginsに自分のプラグインを追加したり、mustanさんのスタイルシート選択プラグインを追加したりとかしてて感じたのですが、明らかにメンテナンスするのは無理がある感じ。無理があるというより単にメンドクサイというだけな話なんですけどね。</p>
36869          </section>
36870        </a>
36871
36872
36873        <a href="/blog/webdesign/doubled_margin_bug_at_ie">
36874          <section class="excerpt">
36875            <header>
36876              <p class="date"><time datetime="2005-04-04T17:33:53+09:00">4日</time></p>
36877
36878              <h3>IEでフロートさせたボックスのマージンが倍になるバグ</h3>
36879            </header>
36880
36881            <p>WindowsのIE5.5や6など(5とか5.01は知らない)にはfloatさせたボックスへ指定した左右のmarginが正常に反映されない(倍になる)というバグがあります。最近はfloatを使ってゴニョゴニョする機会も多いと思うので厄介に考えている人も多いでしょう。実はdisplay: inline;とか指定してやると回避できちゃったりとかします。ネタ元はThe IE Doubled Float-Margin Bugだったような気がしますが、別なところで見つけたような気もする。</p>
36882          </section>
36883        </a>
36884
36885
36886        <a href="/blog/blosxom/install_same_category">
36887          <section class="excerpt">
36888            <header>
36889              <p class="date"><time datetime="2005-04-03T07:22:44+09:00">3日</time></p>
36890
36891              <h3>same_category導入</h3>
36892            </header>
36893
36894            <p>自分で作ってすっかり忘れていたsame_categoryプラグインを導入してみました。や、permalinkがサミシイ感じだったので・・・。設置した後で、なかなか良いかもとか。ニュース・サイトによくあるのも納得。</p>
36895          </section>
36896        </a>
36897
36898
36899        <a href="/blog/webdesign/double_border_button">
36900          <section class="excerpt">
36901            <header>
36902              <p class="date"><time datetime="2005-04-02T07:40:15+09:00">2日</time></p>
36903
36904              <h3>二重枠線ボタン</h3>
36905            </header>
36906
36907            <p>どこかで「フォーム・ボタンのボーダーにdoubleを指定するとカッコイイぜ!」みたいなのを見つけて、1週間ほど前から使ってみてたりするわけですが、これはなかなか良い気がする。とりあえず憶えておくと即戦力になります。</p>
36908          </section>
36909        </a>
36910
36911
36912        <a href="/blog/sports/npb_05_season_just_opened">
36913          <section class="excerpt">
36914            <header>
36915              <p class="date"><time datetime="2005-04-01T21:06:43+09:00">1日</time></p>
36916
36917              <h3>開幕ですよ &apos;05</h3>
36918            </header>
36919
36920            <p>いやー野球って楽しいですね。</p>
36921          </section>
36922        </a>
36923
36924          </section>
36925          <section>
36926            <h2><time datetime="2005-03">2005年3月</time></h2>
36927
36928        <a href="/blog/coding/javascript_reference">
36929          <section class="excerpt">
36930            <header>
36931              <p class="date"><time datetime="2005-03-31T17:56:04+09:00">31日</time></p>
36932
36933              <h3>JavaScriptのリファレンス</h3>
36934            </header>
36935
36936            <p>Microsoftの提供しているWindows Script、その5.6のドキュメントではJScriptとなっていますが、JScriptはJavaScriptと文法は互換のなので、そのままリファレンスとして流用できます。HTMLヘルプなのでエディタから単語拾ってジャンプとかも結構魅力。JavaScriptギークにはマスト! とか。</p>
36937          </section>
36938        </a>
36939
36940
36941        <a href="/blog/software/winmerge">
36942          <section class="excerpt">
36943            <header>
36944              <p class="date"><time datetime="2005-03-30T21:13:28+09:00">30日</time></p>
36945
36946              <h3>WinMerge</h3>
36947            </header>
36948
36949            <p>2つのファイルの違いを比較するソフトウェアにはWinDiffというMicrosoft謹製の超有名なものがありますが、使い辛いなぁと感じることは多い気がします。で、ほぼデファクト・スタンダードの位置を獲得した感のあるWinMergeに本格的に乗り換えてみました。</p>
36950          </section>
36951        </a>
36952
36953
36954        <a href="/blog/coding/emulate_regexp_e_option_in_js">
36955          <section class="excerpt">
36956            <header>
36957              <p class="date"><time datetime="2005-03-30T00:31:34+09:00">30日</time></p>
36958
36959              <h3>正規表現のeオプションをJavaScriptでエミュレート</h3>
36960            </header>
36961
36962            <p>Perlなどの置換系の正規表現ではeというオプション(フラグ)をつけると、置換後の文字列をプログラム・コードとみなã
36962—てくれるわけですが、JavaScriptのreplace()の第一引数で指定する正規表現にはeオプションなどというモノはありません。しかし、replace()の第二引数である置換後の文字列にはStringオブジェクトや文字列リテラル以外にも関数を指定することもできるので、事実上eオプション相当のことが実現できます。エミュレートというのは正確ではない気がするけど気にしない。</p>
36963          </section>
36964        </a>
36965
36966
36967        <a href="/blog/internet/xmdp">
36968          <section class="excerpt">
36969            <header>
36970              <p class="date"><time datetime="2005-03-29T19:13:48+09:00">29日</time></p>
36971
36972              <h3>XHTML Meta Data Profiles</h3>
36973            </header>
36974
36975            <p>a要素のrel属性にリンク先のURLとその文書の関係を示す文字列を記述する、いわゆる小文字のセマンティック・ウェブ(書いてみたかった)とかいうシロモノで、(X)HTMLの仕様に明記さã
36975‚Œã¦ã„ない値を利用するには、プロファイルをきちんと定義しなければなりません(このサイトではまだ定義してないのに使っちゃってるんだけど)。XHTML Meta Data Profiles(以下XMDP)は、そのプロファイルを定義する文書の仕様です。</p>
36976          </section>
36977        </a>
36978
36979
36980        <a href="/blog/internet/delicious">
36981          <section class="excerpt">
36982            <header>
36983              <p class="date"><time datetime="2005-03-28T22:42:28+09:00">28日</time></p>
36984
36985              <h3>del.icio.us</h3>
36986            </header>
36987
36988            <p>今さら(中略)負け組み(中略)ですが、RssMemoを捨ててdel.icio.usに移行してみようと画策。感覚をつかむためにRssMemoのログを大量に移してみたり。荒らしっぽい感じ・・・とか後で気づいたけど取り返しがつかない罠。</p>
36989          </section>
36990        </a>
36991
36992
36993        <a href="/blog/rss/bloglines_and_basic_auth">
36994          <section class="excerpt">
36995            <header>
36996              <p class="date"><time datetime="2005-03-27T18:19:23+09:00">27日</time></p>
36997
36998              <h3>BloglinesとBasic認証</h3>
36999            </header>
37000
37001            <p>どうやらBloglinesでBasic認証のかかっているフィードを購読したり出来ちゃうみたいです。ちょっと実験してみましたが、閲覧自体は問題無い感じ。ただ・・・多分、すごく危険・・・な気がする。</p>
37002          </section>
37003        </a>
37004
37005
37006        <a href="/blog/software/arctic">
37007          <section class="excerpt">
37008            <header>
37009              <p class="date"><time datetime="2005-03-27T12:48:14+09:00">27日</time></p>
37010
37011              <h3>Arctic</h3>
37012            </header>
37013
37014            <p>最近はBitTorrentで色々なもの(ゲームのデモやデモ・ムービー、パッチなど)が配布されることが多いわけですが、Windowsでは大掛かりなクライアントが多く、なかなか手を出しにくいところがあったりなかったり。ArcticはC++で書かれたシンプルなBitTorrentクライアントで、適当にダウンロードしたいだけとかそういう人にはなかな良さげ。つまり、.torrentなファイルの関連付けにはピッタリ。</p>
37015          </section>
37016        </a>
37017
37018
37019        <a href="/blog/coding/pjswlf_6">
37020          <section class="excerpt">
37021            <header>
37022              <p class="date"><time datetime="2005-03-25T14:59:38+09:00">25日</time></p>
37023
37024              <h3>Pure JavaScript Wiki Like Formatter #6</h3>
37025            </header>
37026
37027            <p>まだまだPure JavaScript Wiki Like Formatterいじってたりする。とりあえずあのページ自体のギミック部分のJavaScriptコードはHTMLの方へ移植して、フォーマッターとして分離風味にしてみた。pjswlf.doMarkup(str)でDOM Elementが返ってくる感じ。</p>
37028          </section>
37029        </a>
37030
37031
37032        <a href="/blog/rss/feedmaker">
37033          <section class="excerpt">
37034            <header>
37035              <p class="date"><time datetime="2005-03-24T07:43:09+09:00">24日</time></p>
37036
37037              <h3>Feedmaker</h3>
37038            </header>
37039
37040            <p>タギング! タギング!FeedmarkerというWeb型のフィード・リーダーを見つけたりとか。どちらかというとフィード・リーダー機能よりも、タギングの機能の方がメイン。どっちつかずで微妙な気がしないでもない。</p>
37041          </section>
37042        </a>
37043
37044
37045        <a href="/blog/coding/pjswlf_5">
37046          <section class="excerpt">
37047            <header>
37048              <p class="date"><time datetime="2005-03-24T07:22:52+09:00">24日</time></p>
37049
37050              <h3>Pure JavaScript Wiki Like Formatter #5</h3>
37051            </header>
37052
37053            <p>Pure JavaScript Wiki Like Formatterの続き(まだやってるのか)。閲覧画面に切り替わる時、removeChild()で吐き出すターゲットのdiv要素の子供をサクサクっと削除して、ガシガシappendChild()していくようにしました。後でまとめてappendChild()のが速そうな気がするけど気にしない。</p>
37054          </section>
37055        </a>
37056
37057
37058        <a href="/blog/coding/pjswlf_4">
37059          <section class="excerpt">
37060            <header>
37061              <p class="date"><time datetime="2005-03-23T09:59:22+09:00">23日</time></p>
37062
37063              <h3>Pure JavaScript Wiki Like Formatter #4</h3>
37064            </header>
37065
37066            <p>なんとなくPure JavaScript Wiki Like Formatterの続きを作ってみる(またか)。今度はちょっと違う感じで、Wikiっぽいページに見ã
37066ˆã‚‹ãƒ¢ãƒŽã‚’試しに作ってみました。イメージしたのはWikipediaなどで使われているMediaWikiのページ上部にあるタブで編集画面に切り替えられる機能。単なるレイヤーの切り替えなのでサクサク編集画面と閲覧画面を行き来できるとか。</p>
37067          </section>
37068        </a>
37069
37070
37071        <a href="/blog/coding/pjswlf_3">
37072          <section class="excerpt">
37073            <header>
37074              <p class="date"><time datetime="2005-03-23T00:43:02+09:00">23日</time></p>
37075
37076              <h3>Pure JavaScript Wiki Like Formatter #3</h3>
37077            </header>
37078
37079            <p>なんとなくPure JavaScript Wiki Like Formatterの続きを作ってみる。textareaの改行コードがMacだと\rだったりしそうな気がするので、とりあえず改行コードを\nに統一してから\nで分割にしてみました。他にプレビュー機能をつけてみたりとか。作業時間は3分。</p>
37080          </section>
37081        </a>
37082
37083
37084        <a href="/blog/internet/blogmarks-net_api">
37085          <section class="excerpt">
37086            <header>
37087              <p class="date"><time datetime="2005-03-22T22:12:42+09:00">22日</time></p>
37088
37089              <h3>BlogMarks.net API</h3>
37090            </header>
37091
37092            <p>サムネイル付きソーシャル・ブックマーク・サービスのBlogMarks.netがAPIを公開しました。流行りのXML over HTTPなAPIで、Atomで返答があるというモノ。</p>
37093          </section>
37094        </a>
37095
37096
37097        <a href="/blog/blosxom/all_about_blosxom_2">
37098          <section class="excerpt">
37099            <header>
37100              <p class="date"><time datetime="2005-03-22T08:37:51+09:00">22日</time></p>
37101
37102              <h3>all about blosxom #2</h3>
37103            </header>
37104
37105            <p>blosxomユーザーのためのメーリング・リストであるall about blosxomを定期的に宣伝してみる試み。all about blosxomはblosxomに関することなら何でもOKなメーリング・リストです。</p>
37106          </section>
37107        </a>
37108
37109
37110        <a href="/blog/rss/feed_reader_access_stats">
37111          <section class="excerpt">
37112            <header>
37113              <p class="date"><time datetime="2005-03-21T05:01:19+09:00">21日</time></p>
37114
37115              <h3>フィード・リーダーのアクセス状況</h3>
37116            </header>
37117
37118            <p>先日、何気に配信しているRSSを全てFeedBurner化しました。ので、アクセス解析はそちらに任せてしまえるので楽で良い感じです。解析の結果は結局のところ、みんなBloglinesマンセーってことで。</p>
37119          </section>
37120        </a>
37121
37122
37123        <a href="/blog/webdesign/negative_margin_trick">
37124          <section class="excerpt">
37125            <header>
37126              <p class="date"><time datetime="2005-03-20T22:42:52+09:00">20日</time></p>
37127
37128              <h3>Negative Margin Trick</h3>
37129            </header>
37130
37131            <p>どうしてもフッターが横幅いっぱい出ないと気持ちが悪かったので、デザイン自体はそのままでCSSをいじり倒してみました。positionでの絶対配置によるレイアウトのままで、フッターを常にページ最下段に置きかつ横幅いっぱいというのはメンドクサそう(height周りの実装がバリエーションに富んでいるので)なので、floatによるレイアウトに戻してみました。うちのサイトはHeader + (Liquid Column + Fixed Column) + Footerという構成なので、いわゆるCreating Liquid Layouts with Negative Marginsというのを利用して、レイアウト。てか1年半前から使いつづけていたモノに戻ったとも言う。</p>
37132          </section>
37133        </a>
37134
37135
37136        <a href="/blog/coding/pjswlf_2">
37137          <section class="excerpt">
37138            <header>
37139              <p class="date"><time datetime="2005-03-20T15:11:11+09:00">20日</time></p>
37140
37141              <h3>Pure JavaScript Wiki Like Formatter #2</h3>
37142            </header>
37143
37144            <p>なんとなく一年ぶりにPure JavaScript Wiki Like Formatterの続きを作ってみる。Firefoxに対応したり、インライン要素の一部をサポートしたり位ですけど。</p>
37145          </section>
37146        </a>
37147
37148
37149        <a href="/blog/media/qotsa_lullabies_to_paralyze">
37150          <section class="excerpt">
37151            <header>
37152              <p class="date"><time datetime="2005-03-20T14:02:51+09:00">20日</time></p>
37153
37154              <h3>Queens Of The Stone Age / Lullabies To Paralyze</h3>
37155            </header>
37156
37157            <p>Queens Of The Stone Ageの新譜が出るのがうろ覚えだったのでチェックし忘れていたことに昨日気がつき、今日購入。タイトルはLullabies To Paralyzeで、豪華版のほうはDVDとTシャツがついてるそう。ジャケットは相変わらず斜め上をいったセンスでイカしてます。</p>
37158          </section>
37159        </a>
37160
37161
37162        <a href="/blog/internet/cc_21_released">
37163          <section class="excerpt">
37164            <header>
37165              <p class="date"><time datetime="2005-03-19T09:00:49+09:00">19日</time></p>
37166
37167              <h3>
37167Creative Commons日本法準拠版ライセンスが2.1に</h3>
37168            </header>
37169
37170            <p>Creative Commonsの日本法準拠版ライセンスが2005/03/13に2.1に更新されたそうです。思うところがあって2.0へのリンクをクリックしたら「廃止!」とか言われた。世知辛い。</p>
37171          </section>
37172        </a>
37173
37174
37175        <a href="/blog/webdesign/re-design_at_050318">
37176          <section class="excerpt">
37177            <header>
37178              <p class="date"><time datetime="2005-03-18T03:30:17+09:00">18日</time></p>
37179
37180              <h3>リデザイン@2005/03/18</h3>
37181            </header>
37182
37183            <p>てなわけで約10日で左メニューに飽きたので、右に戻すと同時にNifty Corner (=角丸)を再導入してみました。単に角丸の長方形にコンテンツとメニューを流し込むのでは面白くない・・・もとい現状のHTMLでは実現が難しいこと、ヘッダはヘッダで独立させてやりたかったことやなんやかやでこんな感じになりますた。</p>
37184          </section>
37185        </a>
37186
37187
37188        <a href="/blog/rss/rssfwd">
37189          <section class="excerpt">
37190            <header>
37191              <p class="date"><time datetime="2005-03-17T07:11:58+09:00">17日</time></p>
37192
37193              <h3>RssFwd</h3>
37194            </header>
37195
37196            <p>RssFwdは、フィードのURLをメール・アドレスと共にsubscribeすると、そのメール・アドレス宛てにフィードの新着記事が記事ごとにHTMLメールで届くというサービスです。一時期は必死になってこういった系統のサービス(rss2pop3)を探していたのですが、Bloglinesで落ち着いた今となっては、見つけても特にうれしくもなかったりする。</p>
37197          </section>
37198        </a>
37199
37200
37201        <a href="/blog/rss/start_com">
37202          <section class="excerpt">
37203            <header>
37204              <p class="date"><time datetime="2005-03-16T16:58:42+09:00">16日</time></p>
37205
37206              <h3>Start.com</h3>
37207            </header>
37208
37209            <p>Microsoft試製のフィード・リーダー、Start.comが少し前に公開され始めたようですね。とはいってもフィード・リーダーとは言えるような完成度ではないのですが、全面的にAjaxで作られており、閲覧しているフィードの切り替えなんかがサクサクできちゃったりして、ちょっと新鮮な感じ。</p>
37210          </section>
37211        </a>
37212
37213
37214        <a href="/blog/webdesign/css_image_replacement_hacks">
37215          <section class="excerpt">
37216            <header>
37217              <p class="date"><time datetime="2005-03-15T22:01:23+09:00">15日</time></p>
37218
37219              <h3>CSS Image Replacement Hacks</h3>
37220            </header>
37221
37222            <p>元祖とも言えるFahrner Image Replacementやtext-indentによるものをはじめとして、多くのCSSによる画像置換テクニックは、CSS On/画像 Offという環境において問題を抱えています。このサイトではその問題から目を逸らしていたわけですが、今回のリニューアルにともないどうにか解決出来そうな感じだったので、チャレンジしてみました。</p>
37223          </section>
37224        </a>
37225
37226
37227        <a href="/blog/webdesign/lixlpixel_safari_screenshot_generator">
37228          <section class="excerpt">
37229            <header>
37230              <p class="date"><time datetime="2005-03-13T03:26:23+09:00">13日</time></p>
37231
37232              <h3>lixlpixel Safari Screenshot Generator</h3>
37233            </header>
37234
37235            <p>かなり昔に紹介したiCaptureは膨大な負荷がかかったせいか、現在はまともに使えない感じです。この系統のサービスは手軽で使えるので、代替となるものを探していました。そしてようやくlixlpixel Safari Screenshot Generatorを発見。iCaptureとほぼ同じ感覚で使えて良い感じ。</p>
37236          </section>
37237        </a>
37238
37239
37240        <a href="/blog/misc/d2005-03-13">
37241          <section class="excerpt">
37242            <header>
37243              <p class="date"><time datetime="2005-03-13T00:02:02+09:00">13日</time></p>
37244
37245              <h3>Links: 2005-03-13</h3>
37246            </header>
37247
37248            <p>髭を剃る時はunoの薬用スキンケアシェービングジェルを使っています。深剃りしても肌すべすべまんじゅ(略)。</p>
37249          </section>
37250        </a>
37251
37252
37253        <a href="/blog/rss/feedtagger_com">
37254          <section class="excerpt">
37255            <header>
37256              <p class="date"><time datetime="2005-03-12T17:10:24+09:00">12日</time></p>
37257
37258              <h3>feedtagger.com</h3>
37259            </header>
37260
37261            <p>feedtagger.comはRssRollingにPersonalize機能とFolksonomy機能を加えたという感じのウェブ・ベースのフィード・リーダーみたい。見やすいような見づらいような・・・。メール・アドレスしか載っていないので作者不明みたいな妖しい感じですが、tahpotという人が提供しているサービスらしいです。</p>
37262          </section>
37263        </a>
37264
37265
37266        <a href="/blog/coding/hack_flickr_badge">
37267          <section class="excerpt">
37268            <header>
37269              <p class="date"><time datetime="2005-03-11T03:10:22+09:00">11日</time></p>
37270
37271              <h3>Hack Filckr badge</h3>
37272            </header>
37273
37274            <p>ちょくちょくFlickrを使ってたりして、しかも画像をサイドバーに表示させてみたりして、ようやく一人前のブロガーかな? みたいな。ね。それはともかく、Flickr badgeの吐き出すHTMLがどうも使い辛い感じ・・・というかリストっぽいからulが良いなと感じてたã
37274®ã§ã€é©å½“にJavaScriptファイルを作成するPerlスクリプトをでっち上げてみたりとかしてみました。</p>
37275          </section>
37276        </a>
37277
37278
37279        <a href="/blog/coding/site_search_powered_by_y">
37280          <section class="excerpt">
37281            <header>
37282              <p class="date"><time datetime="2005-03-09T16:57:23+09:00">9日</time></p>
37283
37284              <h3>Yahoo! Search Web Servicesでサイト内検索機能</h3>
37285            </header>
37286
37287            <p>なんとなくGoogleを利用したサイト内検索を変更したくなったので、MSN Searchを利用して作ってみました(タイトルと違う)。結局はタイトルの通り、Yahoo! Search Web Servicesを利用したもので作り上げたわけですが。</p>
37288          </section>
37289        </a>
37290
37291
37292        <a href="/blog/sports/ball_dog">
37293          <section class="excerpt">
37294            <header>
37295              <p class="date"><time datetime="2005-03-08T15:52:30+09:00">8日</time></p>
37296
37297              <h3>ボールドッグ</h3>
37298            </header>
37299
37300            <p>ボールボーイの役割りを犬にさせてみるという非常に微妙な・・・というかあんまりファンにうれしいサービスじゃないような気がする謎な企画が立ち上がったそうです。公式戦でも採用するかどうかは未定らしい。犬が嫌いな審判とか悲惨だな。</p>
37301          </section>
37302        </a>
37303
37304
37305        <a href="/blog/webdesign/about_form_controls">
37306          <section class="excerpt">
37307            <header>
37308              <p class="date"><time datetime="2005-03-07T15:03:32+09:00">7日</time></p>
37309
37310              <h3>フォーム部品周り</h3>
37311            </header>
37312
37313            <p>CSS漬けな今日この頃にふさわしく、フォーム部品のスタイリングのガイダンス、Styling even more form controlsを見つけてみた。様々なブラウザでのCSSによる装飾の無いフォーム部品の見栄えを一覧にしてあり、更にそれにスタイルを適用するとどのようになるかも一覧になってます。フォームはウェブ・デザインにおいて最も悩まされるモノのひとつなので、結構便利な気がする。</p>
37314          </section>
37315        </a>
37316
37317
37318        <a href="/blog/webdesign/iom_filter">
37319          <section class="excerpt">
37320            <header>
37321              <p class="date"><time datetime="2005-03-06T20:27:57+09:00">6日</time></p>
37322
37323              <h3>IOM Filter</h3>
37324            </header>
37325
37326            <p>Opera 7.5とMozilla 1.7.5(Firefox 1.0/1.0.1のコア)でCSSを切り分けたいというケースは、両ブラウザとも実装はかなり優秀なので(←偉そう)まず無いです。が、どうもうまくいかないケースに遭遇してしまったので、IOM Filter(ダサいネーミング)と名づけたInternet Explorer 6とOpera 7.52、Mozilla 1.7.5で違うCSSルールを適用できるような書き方を考えてみました。</p>
37327          </section>
37328        </a>
37329
37330
37331        <a href="/blog/webdesign/re-design_at_050305">
37332          <section class="excerpt">
37333            <header>
37334              <p class="date"><time datetime="2005-03-05T16:16:08+09:00">5日</time></p>
37335
37336              <h3>リデザイン@2005/03/05</h3>
37337            </header>
37338
37339            <p>メニューを左にしようと思い立ったので、そうしてみました。大幅に手を入れたのはかなり久々で楽しかったです(何か間違ってる)。本文部分と色の構成をまったく変えていないので、ビジュアル的には変わり映えしないですけど。</p>
37340          </section>
37341        </a>
37342
37343
37344        <a href="/blog/sports/shortstop_ogata">
37345          <section class="excerpt">
37346            <header>
37347              <p class="date"><time datetime="2005-03-03T15:59:46+09:00">3日</time></p>
37348
37349              <h3>ショート尾形</h3>
37350            </header>
37351
37352            <p>某外人が消えたあとのショートは尾形が当確ということで決定したようです。打順は1番。評価的には走攻守揃った好選手なわけですが、とてつもなく守備が上手いというわけでもないので、守備の失策で調子を崩してそのままã
37352‚µãƒ¨ã‚¦ãƒŠãƒ©ãƒ»ãƒ»ãƒ»ã¨ã‹æ•°å¹´å‰ã«è¦‹ãŸå…‰æ™¯ã®ç¹°ã‚Šè¿”しにならないことを心から祈ってます。いや、マジで。</p>
37353          </section>
37354        </a>
37355
37356          </section>
37357          <section>
37358            <h2><time datetime="2005-02">2005年2月</time></h2>
37359
37360        <a href="/blog/misc/d2005-02-26">
37361          <section class="excerpt">
37362            <header>
37363              <p class="date"><time datetime="2005-02-26T23:05:43+09:00">26日</time></p>
37364
37365              <h3>Links: 2005-02-26</h3>
37366            </header>
37367
37368            <p>スカルトラップ×3。</p>
37369          </section>
37370        </a>
37371
37372
37373        <a href="/blog/rss/subscribe_to_this_search">
37374          <section class="excerpt">
37375            <header>
37376              <p class="date"><time datetime="2005-02-20T14:02:44+09:00">20日</time></p>
37377
37378              <h3>Subscribe To This Search</h3>
37379            </header>
37380
37381            <p>結構前からあった(と思う)のですが、あまり注目していなかったBloglinesのSubscribe To This Searchという機能。イマイチピンと来ない名称の機能ですが、砕けた感じで説明すると、「検索結果のダイジェストを取り寄せられるよ、便利だろ?」というモノ。</p>
37382          </section>
37383        </a>
37384
37385
37386        <a href="/blog/internet/buzznet_or_flickr">
37387          <section class="excerpt">
37388            <header>
37389              <p class="date"><time datetime="2005-02-19T21:59:25+09:00">19日</time></p>
37390
37391              <h3>Buzznet or Flickr?</h3>
37392            </header>
37393
37394            <p>Flickrに今さら参加するのは何かに負けた気がするので、対抗サービスとしてなかなか好評っぽいBuzznetにもアカウントを取ってみました。閲覧画面や管理画面が激しく使いづらくて泣ける。Flickrのが圧倒的に良さげ。</p>
37395          </section>
37396        </a>
37397
37398
37399        <a href="/blog/internet/internet_slang">
37400          <section class="excerpt">
37401            <header>
37402              <p class="date"><time datetime="2005-02-18T09:49:09+09:00">18日</time></p>
37403
37404              <h3>Internet Slang</h3>
37405            </header>
37406
37407            <p>M1cr0$0ftがセキュリティ教育の一環として更新しているSecurity at HomeのChild SafetyにA parent&apos;s primer to computer slangという記事が追加されていました。タイトルそのまんまのコンピューター上での俗語についての解説で、こういう俗語を使ってるページを子供が見てたら注意しましょうとかそんなん。</p>
37408          </section>
37409        </a>
37410
37411
37412        <a href="/blog/software/ie8">
37413          <section class="excerpt">
37414            <header>
37415              <p class="date"><time datetime="2005-02-17T05:45:15+09:00">17日</time></p>
37416
37417              <h3>IE8</h3>
37418            </header>
37419
37420            <p>IE7のベータが今夏に登場という話題で盛り上がってます。それに対する反応はマチマチですが、そのひとつに「新しいプロジェクト名を考えなã
37420ã¡ã‚ƒã€ã¨ã„う反応を見つけました。反応した方はIE7というプロジェクト名で、IE5以降をよりWeb標準準拠に近づけるソフトウェアを提供しているDean Edwardsさん。</p>
37421          </section>
37422        </a>
37423
37424
37425        <a href="/blog/sports/say_goodbye_to_saunders">
37426          <section class="excerpt">
37427            <header>
37428              <p class="date"><time datetime="2005-02-14T16:17:43+09:00">14日</time></p>
37429
37430              <h3>サヨナラ・サンダース</h3>
37431            </header>
37432
37433            <p>オールスターを目前にして遂に5割を切ったTimberwolvesですが、どうやらこの成績不振はヘッド・コーチのせいということに決定したようで、Flip Saundersが解任されてしまいました。ここ数年は良くやっていたと思うので(最初の5年くらいはさっさと辞めろとか思ってましたが)、シーズン終了後に解雇とかでも良かった気がする。どうせ今シーズンはさすがにもうダメっぽいので。</p>
37434          </section>
37435        </a>
37436
37437
37438        <a href="/blog/internet/liveplasma">
37439          <section class="excerpt">
37440            <header>
37441              <p class="date"><time datetime="2005-02-13T23:46:35+09:00">13日</time></p>
37442
37443              <h3>liveplasma</h3>
37444            </header>
37445
37446            <p>ミュージシャンやバンドの相関図を綺麗なFlashで視覚化してくれるmusicplasmaが、名称をliveplasmaと変更し、新たに映画名や映画監督名、俳優・女優の相関図を視覚化する機能を追加しバージョンアップされていました。</p>
37447          </section>
37448        </a>
37449
37450
37451        <a href="/blog/media/tori_amos_the_beekeeper">
37452          <section class="excerpt">
37453            <header>
37454              <p class="date"><time datetime="2005-02-12T21:34:29+09:00">12日</time></p>
37455
37456              <h3>Tori Amos / The Beekeeper</h3>
37457            </header>
37458
37459            <p>Tori Amosの2年半ぶりの新譜、The Beekeeperが入荷されたので購入。DVD付いてない方ですけど。買いなおそうかな。ジャケットは全体的にキレイだけど、Tori Amosその人の表情が微妙。</p>
37460          </section>
37461        </a>
37462
37463
37464        <a href="/blog/blosxom/list_of_entries">
37465          <section class="excerpt">
37466            <header>
37467              <p class="date"><time datetime="2005-02-11T00:46:52+09:00">11日</time></p>
37468
37469              <h3>エントリの一覧</h3>
37470            </header>
37471
37472            <p>ヒマだったので、改造済みのentries_indexのデータ・ファイルを利用して、エントリの一覧を生成するPerlスクリプト(CGIではない)を作ってみたりしました。プラグインとして作ると逆にややこしい気がしたので単独のスクリプトで。30行くらい。</p>
37473          </section>
37474        </a>
37475
37476
37477        <a href="/blog/sports/mazda_and_carp">
37478          <section class="excerpt">
37479            <header>
37480              <p class="date"><time datetime="2005-02-10T22:33:32+09:00">10日</time></p>
37481
37482              <h3>マツダ×カープ</h3>
37483            </header>
37484
37485            <p>ユニフォーム広告とは無縁だったカープが、遂にマツダと広告契約をしたようです。特にユニフォーム広告自体には思うところはないのですが、ヘルメットにつけても誰にも読めないと思う。普通に背中にでっかく出すとかにすれば良いのに。ここらへんにはよくわからない規約とかありそうですけどね。</p>
37486          </section>
37487        </a>
37488
37489
37490        <a href="/blog/internet/organic_html">
37491          <section class="excerpt">
37492            <header>
37493              <p class="date"><time datetime="2005-02-09T05:54:16+09:00">9日</time></p>
37494
37495              <h3>Organic HTML</h3>
37496            </header>
37497
37498            <p>URLを入力すると植物が生えてくるOragnic HTMLというサイト。有名なサイトはニョロニョロ成長しカラフルになるみたい。Google APIとか使ってるのかな?</p>
37499          </section>
37500        </a>
37501
37502
37503        <a href="/blog/rss/traits_module">
37504          <section class="excerpt">
37505            <header>
37506              <p class="date"><time datetime="2005-02-08T03:34:33+09:00">8日</time></p>
37507
37508              <h3>Traitsモジュール</h3>
37509            </header>
37510
37511            <p>RSS 2.0用のTraitsというモジュールが公開されたようです(結構前みたい)。これはTraitという単語が示す通り、特性を表現するものです。簡単に説明すると、taxonomy要素とtrait要素の組み合わせで特性定義を作成しておき、itemTrait要素でそれを参照することによって、RSSの各記事がどのようなものかを直観的に理解することが可能になるとかそんなん。詳しい説明及び文法は、スクリーン・ショット付きの利用例がいくつか提示されていたりとなかなか親切な仕様書を見た方が速いです。</p>
37512          </section>
37513        </a>
37514
37515
37516        <a href="/blog/gadget/hp_photosmart_2710">
37517          <section class="excerpt">
37518            <header>
37519              <p class="date"><time datetime="2005-02-07T02:02:37+09:00">7日</time></p>
37520
37521              <h3>HP Photosmart 2710</h3>
37522            </header>
37523
37524            <p>無線LANで接続できるオールインワンのインクジェット・プリンタ、HP Photosmart 2710を買ってみたり。Bluetoothとか多種多様なメモリーカード・スロットとかメモリーカードの内容が映せる液晶(ここでちょっとした補正もできる)とかすごく多機能。PictBridgeと無線LANのために買ったといっても過言ではないので、そこらへんの機能はつかわなそうなんですがね。</p>
37525          </section>
37526        </a>
37527
37528          </section>
37529          <section>
37530            <h2><time datetime="2005-01">2005年1月</time></h2>
37531
37532        <a href="/blog/rss/feed_reader_in_my_msn">
37533          <section class="excerpt">
37534            <header>
37535              <p class="date"><time datetime="2005-01-27T11:19:59+09:00">27日</time></p>
37536
37537              <h3>My MSNのフィード・リーダー</h3>
37538            </header>
37539
37540            <p>My MSNにフィード・リーダーの機能がついていたことに気づいてみたりしました。クロール自体はずいぶん前からやっているみたいで、149日前の記事とかも表示されてたりしました。機能的にはMy Yahoo!のとほぼ同じ程度のもので、Bloglinesとは比較するのもおこがましい(ヒドイ)程度のものですね。なので、利用の形態としてはヘッドライン形式のRSSをいくつか登録してゴニョゴニョという感じが向いており、個人のblogを購読というのには向いていないと思います。</p>
37541          </section>
37542        </a>
37543
37544
37545        <a href="/blog/rss/usm">
37546          <section class="excerpt">
37547            <header>
37548              <p class="date"><time datetime="2005-01-22T16:46:06+09:00">22日</time></p>
37549
37550              <h3>Universal Subscription Mechanism</h3>
37551            </header>
37552
37553            <p>Universal Subscription Mechanismは、簡単にフィードをフィード・リーダーに登録するための仕様らしいで、す。購読のメカニズム的にはfeed URI schemeと似ていますが、こっちの方は非サポートな環境の場合は通常のリンクとして機能するっぽいですね(feed URI schemeの場合は何も起こらないリンクになってしまう)。</p>
37554          </section>
37555        </a>
37556
37557
37558        <a href="/blog/blosxom/nofollow_in_bsk">
37559          <section class="excerpt">
37560            <header>
37561              <p class="date"><time datetime="2005-01-21T00:02:47+09:00">21日</time></p>
37562
37563              <h3>nofollow in bsk</h3>
37564            </header>
37565
37566            <p>a要素のrel属性の値としてnofollowをセットすることにより、あんまり役に立たã
37566ªã„リンクであることを検索エンジンに教えてあげる謎システム(なぜか否定的)をblosxom starter kitで実装してみる方法を書いておいた方が良いかもしれないとか思ったので書いておこうかなとか。べつにえんとりのねたがないからとってつけたわけではないですよ(棒読み)。</p>
37567          </section>
37568        </a>
37569
37570
37571        <a href="/blog/rss/rss_11">
37572          <section class="excerpt">
37573            <header>
37574              <p class="date"><time datetime="2005-01-19T00:24:53+09:00">19日</time></p>
37575
37576              <h3>RSS 1.1</h3>
37577            </header>
37578
37579            <p>某所でコソコソヒッソリと論議されていたらしく、突然RSS 1.1のInitial Draftが公開されていました。RSS 1.1となっているものの、RSS 1.0との互換性はあまり考慮されていないようで、別物と考えて良いシロモノに見えます。</p>
37580          </section>
37581        </a>
37582
37583
37584        <a href="/blog/rss/tags_in_feed">
37585          <section class="excerpt">
37586            <header>
37587              <p class="date"><time datetime="2005-01-18T12:18:32+09:00">18日</time></p>
37588
37589              <h3>Tags in Feed</h3>
37590            </header>
37591
37592            <p>最近流行りのTagをRSSなどのフィードでどう表現するのかみたいな論議がrss-devでされてました。RSS 1.0ではdc:subjectを利用し半角スペースで区切って列記、RSS 2.0ではcategory要素自体を列記ということみたい。del.icio.usではtaxo:topics使ってたりしますが、こちらは対応しているもの(Taxonomyモジュールをきちんと解釈する何か)が少ないっぽいとのこと。</p>
37593          </section>
37594        </a>
37595
37596
37597        <a href="/blog/misc/the_free_license_wars">
37598          <section class="excerpt">
37599            <header>
37600              <p class="date"><time datetime="2005-01-15T14:11:58+09:00">15日</time></p>
37601
37602              <h3>自由なライセンス戦争</h3>
37603            </header>
37604
37605            <p>BSDライセンスとGPLライセンスの宗教的な論争ウザーみたいなエントリを見つけてみたりする。本筋とは関係ないけど読みやすいサイトですね。カレンダーイラネとかは思うけど。</p>
37606          </section>
37607        </a>
37608
37609
37610        <a href="/blog/webdesign/petit_redesign_at_050112">
37611          <section class="excerpt">
37612            <header>
37613              <p class="date"><time datetime="2005-01-12T11:56:13+09:00">12日</time></p>
37614
37615              <h3>ちょっとだけリデザイン @ 2005/01/12</h3>
37616            </header>
37617
37618            <p>まるで変わっていないんですが、サイドバーをあまり主張させないようにして、相対的にメイン部分に注視できるようにしたつもり。とかそんな感じでCSSに手を入れてみました。クラス名変えたりとかいろいろ試行中なので、タイミングによっては一部すっぴんだとかメチャクチャに崩れてたりしますね。スーパー・リロード(=Ctrl+F5)で。</p>
37619          </section>
37620        </a>
37621
37622
37623        <a href="/blog/sports/50_games_left">
37624          <section class="excerpt">
37625            <header>
37626              <p class="date"><time datetime="2005-01-11T00:39:08+09:00">11日</time></p>
37627
37628              <h3>残り50試合</h3>
37629            </header>
37630
37631            <p>All-Starまであと1か月少々となり、そろそろそれぞれのディビジョンも順位がばらけてくる・・・とおもいきや5割前後で大混戦なわけで。去年の下位チームががんばっているというよりも、PacersとLakers、Wolvesあたりの勝って当然と思われていたチームが諸事情により沈没しているという感じ。</p>
37632          </section>
37633        </a>
37634
37635
37636        <a href="/blog/software/opera80b1">
37637          <section class="excerpt">
37638            <header>
37639              <p class="date"><time datetime="2005-01-08T21:14:43+09:00">8日</time></p>
37640
37641              <h3>Opera 8.0 Beta 1</h3>
37642            </header>
37643
37644            <p>去年の年末にOpera 8.0 Beta 1が出ていたようなので、ちょっと入れてみたりしました。アルファベットと日本語が混在する場合に欧文フォントを指定するとガタガタになるという自分の中で最大のガンだった点がキレイになっていてかなり見やすくなった感じ。</p>
37645          </section>
37646        </a>
37647
37648
37649        <a href="/blog/webdesign/universal_accessibility">
37650          <section class="excerpt">
37651            <header>
37652              <p class="date"><time datetime="2005-01-01T16:34:18+09:00">1日</time></p>
37653
37654              <h3>うにばーさる・あくせしびりてぃー</h3>
37655            </header>
37656
37657            <p>あけました。寒いです。まだ餅を二個しか食べてないです。で、サイトのアクセスキーなんかのお話。ここではaccesskeyやtabindexまったく利用していないわけですが、それは実際に用意されてても自分が使わないとか投げやりな理由だったりします。そんなんだったのですが、突如としてアクセスキーをつけてみようかなとか。</p>
37658          </section>
37659        </a>
37660
37661          </section>
37662          <section id="2004">
37663            <h2><time datetime="2004-12">2004年12月</time></h2>
37664
37665        <a href="/blog/blog/clean_the_blog">
37666          <section class="excerpt">
37667            <header>
37668              <p class="date"><time datetime="2004-12-31T17:19:47+09:00">31日</time></p>
37669
37670              <h3>blogの掃除</h3>
37671            </header>
37672
37673            <p>年末は大掃除というわけで、writeback (コメント + TrackBack)を殺してみたりしてみました。そのうち構ってもらえなã
37673„ことに寂しさを感じて復活させそうですが。こういうなんというかこそばゆい(または子供っぽい)突発的な行動は長くテキスト系のサイトをやってると定期的に起こすような気がする。僕だけ?</p>
37674          </section>
37675        </a>
37676
37677
37678        <a href="/blog/misc/d2004-12-30">
37679          <section class="excerpt">
37680            <header>
37681              <p class="date"><time datetime="2004-12-30T14:06:25+09:00">30日</time></p>
37682
37683              <h3>Links: 2004-12-30</h3>
37684            </header>
37685
37686            <p>ポテチとマンガとコーヒーとタバコ漬け。</p>
37687          </section>
37688        </a>
37689
37690
37691        <a href="/blog/media/music_from_the_oc_mix1-3">
37692          <section class="excerpt">
37693            <header>
37694              <p class="date"><time datetime="2004-12-26T03:39:29+09:00">26日</time></p>
37695
37696              <h3>Music From The O.C. Mix 1-3</h3>
37697            </header>
37698
37699            <p>The O.C.というドラマがあり(見たこと無い)、そのサントラが今年だけで3つも出てたみたいです。アンテナに引っかかってこなかったので、特にチェックすることも無くスルーしていたわけですが、Mix 3を試聴してみたらかなりツボったので、3つまとめて買ってみたり。</p>
37700          </section>
37701        </a>
37702
37703
37704        <a href="/blog/gadget/clio">
37705          <section class="excerpt">
37706            <header>
37707              <p class="date"><time datetime="2004-12-23T23:34:37+09:00">23日</time></p>
37708
37709              <h3>Clio</h3>
37710            </header>
37711
37712            <p>Windows CEを搭載したハンドヘルドPC、Clioというものがプリ・オーダーを開始したとかいうニュースがそこかしこで話題になっていたので、どんなものだろうと販売元のサイトを見に行ってみたら回るタッチパネル液晶が売りのようです。グリングリン回ってますね。</p>
37713          </section>
37714        </a>
37715
37716
37717        <a href="/blog/media/beautiful_jackets">
37718          <section class="excerpt">
37719            <header>
37720              <p class="date"><time datetime="2004-12-21T02:29:20+09:00">21日</time></p>
37721
37722              <h3>ジャケ買い?</h3>
37723            </header>
37724
37725            <p>ジャケ買い(じゃけ - がい)。用も無いのにCD屋に入りびたり、内容をまるで考慮せずに、ジャケットの印象のみでCDを購入してしまうという病気。主に小遣いに微妙に余裕のできる10代の半ばにかかる病気で、20代になると少し収まるが、大人買いできるようになる20代後半で再び発症することが多い。根本的な治療法は無く、なるべくCDショップに近づかないという対処でやり過ごすしかない。</p>
37726          </section>
37727        </a>
37728
37729
37730        <a href="/blog/media/comics_comics_comics">
37731          <section class="excerpt">
37732            <header>
37733              <p class="date"><time datetime="2004-12-19T17:25:10+09:00">19日</time></p>
37734
37735              <h3>マンガマンガマンガ</h3>
37736            </header>
37737
37738            <p>こん(にち|ばん)は、「フルーツバスケットみたいな世界に生まれたかったな」が口癖のkyoです。別の言い方をすると「花ざかりの君たちへみたいな男子校に通ってみたかったな」が口癖のkyoです。今日はHansonラヴないのうっち(かわいそうなのでMixiのページにリンクは張らないでおくよ)にいろいろ言われたので、少女マンガについて書いてみるよ(何このフリ)。</p>
37739          </section>
37740        </a>
37741
37742
37743        <a href="/blog/rss/regulate_feeds">
37744          <section class="excerpt">
37745            <header>
37746              <p class="date"><time datetime="2004-12-18T14:04:36+09:00">18日</time></p>
37747
37748              <h3>フィードを調整してみる</h3>
37749            </header>
37750
37751            <p>RSS 2.0(適当な解説)を完全にメインのフィードにしようという腹が決まったので、このblogのRSS 1.0とAtom 0.3の各フィードはサマリのみにしてしまいました。気分で。配信しているRSSの方は当面はRSS 1.0のままですが、気分でRSS 2.0にするかもしれない。</p>
37752          </section>
37753        </a>
37754
37755
37756        <a href="/blog/internet/mappr">
37757          <section class="excerpt">
37758            <header>
37759              <p class="date"><time datetime="2004-12-16T18:47:08+09:00">16日</time></p>
37760
37761              <h3>Mappr!</h3>
37762            </header>
37763
37764            <p>
37764Flickrでシェアされた画像の中から、地名らしきタグが付いているものをリストアップして地図に貼り付けてみたというただそれだけのMappr!というモノを見つけました。今はまだスクリーンショットしか公開していないみたいですが、これがインタラクティブにサクサク眺められたら結構楽しそう。・・・アメリカ国民は。</p>
37765          </section>
37766        </a>
37767
37768
37769        <a href="/blog/misc/d2004-12-15">
37770          <section class="excerpt">
37771            <header>
37772              <p class="date"><time datetime="2004-12-15T18:41:56+09:00">15日</time></p>
37773
37774              <h3>Links: 2004-12-15</h3>
37775            </header>
37776
37777            <p>今年最後のお雑煮を食べました。最後かどうかわからないけど。</p>
37778          </section>
37779        </a>
37780
37781
37782        <a href="/blog/rss/rss_auto-discovery_3">
37783          <section class="excerpt">
37784            <header>
37785              <p class="date"><time datetime="2004-12-14T18:05:03+09:00">14日</time></p>
37786
37787              <h3>RSS auto-discovery #3</h3>
37788            </header>
37789
37790            <p>このサイト全体にCreative Commonsを導入しようかと色々いじってた時に、Creative Commonsはバナー画像の親になるa要素のrel属性を利用して「licenseへのリンクだよ」と教えてたりするような感じ(凄くテキトウな表現)なので、RSSファイルへのリンクにもこれは応用できるというか、そうしたらなんか役に立つかもしれないかもとか何とか(最近、とか何とかが多すぎだとか何とか)。</p>
37791          </section>
37792        </a>
37793
37794
37795        <a href="/blog/sports/wolves_in_trouble">
37796          <section class="excerpt">
37797            <header>
37798              <p class="date"><time datetime="2004-12-14T13:50:44+09:00">14日</time></p>
37799
37800              <h3>Wolvesダメすぎ</h3>
37801            </header>
37802
37803            <p>「ディビジョン一位はいけるような気がする」とか書いたのがすごくナツカシイです。Timberwolvesのこの体たらくっぷりは何? 成績を見るとSprewellがちと得点できてないかなー程度に見えるんですが、接戦に弱いっぽい感じで既に6敗。というか一方的にやられるQが結構あるような感じで、そういう試合をガンガン落としていると。うっかりプレーオフ出場を逃がしたとか笑えない事態も視野に入れて応援しよう。</p>
37804          </section>
37805        </a>
37806
37807
37808        <a href="/blog/software/fight_against_fb2k_title_formatting">
37809          <section class="excerpt">
37810            <header>
37811              <p class="date"><time datetime="2004-12-12T21:27:48+09:00">12日</time></p>
37812
37813              <h3>foobar2000@20004-12-12</h3>
37814            </header>
37815
37816            <p>とりあえずいろいろやってみた。Columns UIのグローバル変数の使い方がわけわかめだったのがなんとなくわかった。暇つぶしにはもってこい。Custom Sortをちゃんと作ってないので、まともにソートできないとかいう。</p>
37817          </section>
37818        </a>
37819
37820
37821        <a href="/blog/webdesign/popup_jacket_image">
37822          <section class="excerpt">
37823            <header>
37824              <p class="date"><time datetime="2004-12-12T14:50:35+09:00">12日</time></p>
37825
37826              <h3>ジャケット画像のポップアップ</h3>
37827            </header>
37828
37829            <p>INTO THE WORLD :: ネタメモとnulog &gt; 2004 &gt; 12 &gt; 11 &gt; Album 画像のポップアップを見てて、僕もサムネイルからポップアップして大きな画像を表示させたくなったので、Pure CSSでチャレンジしてみました。サイドバーの下の方にあるRecently playedで実際にどうなるかは確認できます。ちゃんとCSSが反映されてたら。</p>
37830          </section>
37831        </a>
37832
37833
37834        <a href="/blog/software/update_bookmark_all">
37835          <section class="excerpt">
37836            <header>
37837              <p class="date"><time datetime="2004-12-12T12:20:27+09:00">12日</time></p>
37838
37839              <h3>Firefox Extension: Bookmark All 1.1</h3>
37840            </header>
37841
37842            <p>
37842Bookmark Allを使ってくれた方が「フォルダ名を指定できると良いな」とかいう反応をすることが多いみたい(超他人事)なので、設定ダイアログの作り方のお勉強も兼ねてOption設定でフォルダ名のprefixを設定できるようにして、1.1に更新してみました。僕は自分に都合の良い名前を付けてくれるように作ったわけなので、どうでも良かったりとかなんとか。</p>
37843          </section>
37844        </a>
37845
37846
37847        <a href="/blog/rss/provide_faq_by_rss">
37848          <section class="excerpt">
37849            <header>
37850              <p class="date"><time datetime="2004-12-11T06:03:33+09:00">11日</time></p>
37851
37852              <h3>FAQをRSSで</h3>
37853            </header>
37854
37855            <p>RSSはニュースやらblogやらそういった速報性の高いものに利用されることが多いですが、速報性が高いというのは副次的な作用なんではないかなとか何とか。ので、アプリケーションから簡単に扱えることを利用して、うまいことトラブル・シューティングとかそういうことに利用するとかそういう利用法もあっても良いのではないかなとか寝起きに思いました。そこで考えてみたのがFAQにRSSを利用するというアプローチ。</p>
37856          </section>
37857        </a>
37858
37859
37860        <a href="/blog/software/hello_fb2k">
37861          <section class="excerpt">
37862            <header>
37863              <p class="date"><time datetime="2004-12-11T05:59:45+09:00">11日</time></p>
37864
37865              <h3>Hello foobar2000!</h3>
37866            </header>
37867
37868            <p>てなわけでAudioscrobblerのためだけにApolloからfoobar2000に乗り換えました。とりあえずSpecial installerでガリガリつっこんで要らない物をガンガン消してみた。Apolloで慣れてるのでColumn UIで。ついでにAudioscrobblerのGroupsでblosxomを作ってみたりした(これを作りたかっただけとも言う)。</p>
37869          </section>
37870        </a>
37871
37872
37873        <a href="/blog/software/firefox_userchrome_css_tricks_8">
37874          <section class="excerpt">
37875            <header>
37876              <p class="date"><time datetime="2004-12-10T09:31:17+09:00">10日</time></p>
37877
37878              <h3>FirefoxのuserChrome.cssネタ #8</h3>
37879            </header>
37880
37881            <p>Firefoxのメイン・メニューのTools以下にあるイマイチ使い道の無いRead MailとかNew Messageというメニュー項目。Optionsを開いたりとかする時に邪魔くせーとか思ってたので、消してみようかと。Thunderbirdだとそれなりに活用できそうだけど、インストールすらしたことがないので知らない。Firefox + ThunderbirdならMozila Suiteで良いじゃんとか何とか思ったりとかするけど、そういう問題でもないのか。</p>
37882          </section>
37883        </a>
37884
37885
37886        <a href="/blog/software/release_5_frefox_extensions">
37887          <section class="excerpt">
37888            <header>
37889              <p class="date"><time datetime="2004-12-09T17:34:28+09:00">9日</time></p>
37890
37891              <h3>FirefoxのExtensionを5つ公開</h3>
37892            </header>
37893
37894            <p>てなわけで単機能なFirefoxのExtensionを5つ作って、Firefox Extensionsとして公開してみました。あんまり考えてないので、良くわからないものばかりです。</p>
37895          </section>
37896        </a>
37897
37898
37899        <a href="/blog/coding/firefox_gcontextmenu">
37900          <section class="excerpt">
37901            <header>
37902              <p class="date"><time datetime="2004-12-09T08:57:19+09:00">9日</time></p>
37903
37904              <h3>Firefox: gContextMenu</h3>
37905            </header>
37906
37907            <p>ViewSourceWithやRight Encodingが常にコンテキスト・メニューに出て来るのが凄く気に食わないので、ハックしようと調べてみました。gContextMenuにはonLinkなã
37907©ã¨ã„ったどこの上で出てるかを示すプロパティがあるようなので、contentAreaContextMenuのpopupshowingというイベントでそれをチェックして、メニュー項目のhiddenをトグルしてやるとかそんな感じぽい。</p>
37908          </section>
37909        </a>
37910
37911
37912        <a href="/blog/coding/writing_firefox_extension">
37913          <section class="excerpt">
37914            <header>
37915              <p class="date"><time datetime="2004-12-07T23:44:28+09:00">7日</time></p>
37916
37917              <h3>Writing Firefox Extension</h3>
37918            </header>
37919
37920            <p>userChrome.cssをいじるにもネタ切れなので、遂にbrowser.jarハックとかFirefox Extensionとかそっちの方に手をつけ始めました。ショートカット・キー一発で&quot;Bookmark all tab in a folder&quot;の機能をエミュレートするモノやタブをダブルクリックするとリロードとかいうモノを作ってみたりして。「インストールできたー」とかケタケタ笑ってたりする(微笑ましい)。</p>
37921          </section>
37922        </a>
37923
37924
37925        <a href="/blog/software/record_opening_tabs">
37926          <section class="excerpt">
37927            <header>
37928              <p class="date"><time datetime="2004-12-07T03:35:22+09:00">7日</time></p>
37929
37930              <h3>開いているタブを記憶</h3>
37931            </header>
37932
37933            <p>UnknownPlace.のtypesterさんが「ぁぅぁぅぁー。userChrome.cssの編集結果を反映させたいけど、今は(たくさん、とってもたくさんエロい画像開いてるから)Firefoxを閉じれない! タブを記憶させる拡張ってないですかね?」とか聞かれた(注: エロい画像云々は想像です)ので、反射的にSession Saverを教えたんですが、何も拡張使うこともない気がすると思って、いろいろ調べてたらデフォルトでBookmark all tabs in a folderという機能があることがわかったりした。単に一時的に開いているタブを記憶させたいだけ場合は、この機能を使えば良いですね。Firefox最高!</p>
37934          </section>
37935        </a>
37936
37937
37938        <a href="/blog/software/firefox_userchrome_css_tricks_7">
37939          <section class="excerpt">
37940            <header>
37941              <p class="date"><time datetime="2004-12-05T19:31:17+09:00">5日</time></p>
37942
37943              <h3>FirefoxのuserChrome.cssネタ #7</h3>
37944            </header>
37945
37946            <p>ExplorerやInternet Explorerではメニュー・バーやロケーション・バー、ツールバーなどを比較的柔軟に配置できます(いわゆるCoolBarとかいうシロモノ)。Firefoxでもそれは同じ・・・どころか独自のツール・バーを作成できたりと、より多機能だったりします(独自のツール・バーを作成して使ってる人は少なそうだけど)。が、上下(メニュー・バーは下のみ)にborderが付いているだけと、CoolBarとは見た目が微妙に違います。ので、CoolBarっぽくしてやろうと。</p>
37947          </section>
37948        </a>
37949
37950
37951        <a href="/blog/game/loz_fnb">
37952          <section class="excerpt">
37953            <header>
37954              <p class="date"><time datetime="2004-12-05T00:13:57+09:00">5日</time></p>
37955
37956              <h3>ゼルダの伝説 ふしぎのぼうし</h3>
37957            </header>
37958
37959            <p>世の中がやれDQ8だDSだPSPだと騒いでいる中で、ゼルダの伝説 ふしぎなぼうしをプレイ中。小さくなってウロウロするのが結構楽しい。あと分身で解くパズルは結構面白い気がする。ワンパターンではあるんだけど。いつものように新しいアイディアが盛りだくさんで楽しく遊べてます。ゼルダ最高。今回は絵がなんか微妙な気がしないでもないですが・・・。</p>
37960          </section>
37961        </a>
37962
37963
37964        <a href="/blog/software/firefox_userchrome_css_tricks_6">
37965          <section class="excerpt">
37966            <header>
37967              <p class="date"><time datetime="2004-12-03T22:30:50+09:00">3日</time></p>
37968
37969              <h3>FirefoxのuserChrome.cssネタ #6</h3>
37970            </header>
37971
37972            <p>少し前にUnknownPlace.のFirefox userChrome.css ネタで、タブ上のアイコンでfavicon以外は消すというuserChrome.cssネタが公開されていて、これには結構ビビッと(怪電波が)来たわけですが、このままだと読み込み中だと言うことを示すアイコンも消えてしまうので、そこをハックしてみました。</p>
37973          </section>
37974        </a>
37975
37976
37977        <a href="/blog/rss/cannot_read_rss_in_bloglines">
37978          <section class="excerpt">
37979            <header>
37980              <p class="date"><time datetime="2004-12-03T20:31:28+09:00">3日</time></p>
37981
37982              <h3>BloglinesでRSSが読めない!</h3>
37983            </header>
37984
37985            <p>ここのところ(11/30あたりからでしょうか)Bloglinesでlivedoor BlogやSeesaa ブログのRSSがまったく更新されã
37985ªã„と言う状態が続いていたのですが、本日の午前中より正常に更新されるようになったようです。この間、「Bloglinesで閲覧できないんですけど・・・」みたいなメールが何通か送られてきたりして。「何で僕に?」と言う疑問は置いておいて、なぜこういう状況になるのか語ってみたりする。推測で。</p>
37986          </section>
37987        </a>
37988
37989
37990        <a href="/blog/software/new_tab_from_popup_window_in_firefox">
37991          <section class="excerpt">
37992            <header>
37993              <p class="date"><time datetime="2004-12-03T19:14:10+09:00">3日</time></p>
37994
37995              <h3>Firefoxでのポップアップ・ウィンドウから新規タブ</h3>
37996            </header>
37997
37998            <p>Firefoxで実装されたものの現在は隠し設定となっているネイティブなシングル・ウィンドウ・モードですが、ポップアップ・ウィンドウを一部許可(サイズ指定ありとかのだけを許可)する場合、思ってもみないことが起きることに今さら気づいてみた。思ってもみないこととは、ポップアップ・ウィンドウ内にあるリンクを新しいタブで開こうと中クリックしたり、そもそもtarget=&quot;_blank&quot;など指定されているリンクをクリックすると、上手く開けないということ。</p>
37999          </section>
38000        </a>
38001
38002
38003        <a href="/blog/blog/blogsnow">
38004          <section class="excerpt">
38005            <header>
38006              <p class="date"><time datetime="2004-12-03T18:01:55+09:00">3日</time></p>
38007
38008              <h3>blogsnow</h3>
38009            </header>
38010
38011            <p>アクセス・ログを眺めてニヤニヤしていたところ、blogsnowbotというUserAgentで巡回に来ていたbotを見つけました。調べてみたらblogsnowという、BloglinesのTop linksとほぼ同じサービスで、blogで言及された回数の多いURLをランキング化しているものみたいです。「blog snow」ではなく「blogs now」みたいだ。</p>
38012          </section>
38013        </a>
38014
38015
38016        <a href="/blog/rss/bloglines_in_japanese">
38017          <section class="excerpt">
38018            <header>
38019              <p class="date"><time datetime="2004-12-01T21:15:38+09:00">1日</time></p>
38020
38021              <h3>Bloglinesが日本語で!</h3>
38022            </header>
38023
38024            <p>Bloglinesが日本語になりました。トップ・ページにの左に並んでいるBloglines In Your Language以下の言語リストから、Japaneseを選択すると、「Bloglines は検索、登録、publishingさらにニュースフィードのシェア、ブログそして 豊富なウェッブコンテンツを総合的な完全なサービスで提供しています。 無料 で 簡単操作.」というように隅から隅まで日本語に!</p>
38025          </section>
38026        </a>
38027
38028          </section>
38029          <section>
38030            <h2><time datetime="2004-11">2004年11月</time></h2>
38031
38032        <a href="/blog/webdesign/smooth_scroll_anchor">
38033          <section class="excerpt">
38034            <header>
38035              <p class="date"><time datetime="2004-11-30T20:07:16+09:00">30日</time></p>
38036
38037              <h3>なめらかスクロールアンカー</h3>
38038            </header>
38039
38040            <p>Intrepidity Weblogというサイトをどこからか見つけ、このサイト内をのらりくらりと見回ってたわけですが、AboutにあるInternal Page Linksをクリックしてみてちょっと感動してみました。いわゆるページ内アンカーでのスクロールを滑らかに(スムース・スクロールのような)するJavaScriptが仕込んであるんですね。</p>
38041          </section>
38042        </a>
38043
38044
38045        <a href="/blog/misc/d2004-11-29">
38046          <section class="excerpt">
38047            <header>
38048              <p class="date"><time datetime="2004-11-29T21:16:26+09:00">29日</time></p>
38049
38050              <h3>Links: 2004-11-29</h3>
38051            </header>
38052
38053            <p>
38053コーヒーを入れようとしたらフィルターがなかった。</p>
38054          </section>
38055        </a>
38056
38057
38058        <a href="/blog/internet/today_of_the_search_engine">
38059          <section class="excerpt">
38060            <header>
38061              <p class="date"><time datetime="2004-11-29T16:56:55+09:00">29日</time></p>
38062
38063              <h3>検索エンジンの現在</h3>
38064            </header>
38065
38066            <p>iNTERNET magazine 2005年1月号に掲載されている、「どちらかというと、2人ともバリバリの理系出身者という風貌で、話し声もどことなくボソボソ声」という導入で始まるGoogleの創業者2人へのインタビュー記事を読みました。GmailやGoogle Desktop Search、Google Printなんかについてちょろっと聞いている感じですね。3P強と、量も量なので薄い感じは否定できないですけど、答え手の2人の発言の端々に余裕みたいなものが感じられる日本語になってて、「勝ち組みカコイイ」とかいう。</p>
38067          </section>
38068        </a>
38069
38070
38071        <a href="/blog/blosxom/results_of_measures_against_comment_spam_with_mod_rewrite">
38072          <section class="excerpt">
38073            <header>
38074              <p class="date"><time datetime="2004-11-27T19:12:21+09:00">27日</time></p>
38075
38076              <h3>mod_rewriteでコメント・スパム対策の効果</h3>
38077            </header>
38078
38079            <p>そういや以前書いて実際に利用しているmod_rewriteによるスパム対策の効果のほどをまったく書いてなかったので、どれくらい効果があったã
38079®ã‹æ›¸ã„てみようかなと。結論から言うと、これ以外対策は必要ないかもくらいな絶大な効果を発揮しています(多分)。</p>
38080          </section>
38081        </a>
38082
38083
38084        <a href="/blog/software/list-up_installed_fx_exts">
38085          <section class="excerpt">
38086            <header>
38087              <p class="date"><time datetime="2004-11-27T16:47:16+09:00">27日</time></p>
38088
38089              <h3>インストール済みのFirefox Extensionをリスト・アップ</h3>
38090            </header>
38091
38092            <p>Firefoxにインストール済みのExtensionは、もちろんExtension Managerで確認できるわけですが、なんかの拍子にプロファイル作り直しの刑を受けてしまうと当然Extensionも入れ直しなわけです。この作業は、新たなExtensionを導入する作業と違ってかったるいだけの作業だったりするわけで。てなわけでその作業の手間を少し楽にするためにインストール済みのExtensionの情報が書かれているExtension.rdfを(かなり適当に)パースして、Extensionの名前とバージョン、配布サイトのURLをリスト・アップするスクリプトを書いてみました。・・・WSH with JScriptで。</p>
38093          </section>
38094        </a>
38095
38096
38097        <a href="/blog/rss/rssmemo_and_live_bookmark">
38098          <section class="excerpt">
38099            <header>
38100              <p class="date"><time datetime="2004-11-26T17:45:09+09:00">26日</time></p>
38101
38102              <h3>RssMemoとLive Bookmark</h3>
38103            </header>
38104
38105            <p>RssMemoはその挙動の仕組み上Bookmarkに近いものです。ので、Firefoxの機能である、Live Bookmarkとは相性が良いです。RssMemoの生成するRSSをLive Bookmarkとして登録すると、メモした内容がそのままBookmarkに展開されるので、RssMemoを直接開いたりとかRSSリーダーでメモを確認したりとか言う作業は必要ないというわけ。</p>
38106          </section>
38107        </a>
38108
38109
38110        <a href="/blog/rss/bloglines_rss_folder_order">
38111          <section class="excerpt">
38112            <header>
38113              <p class="date"><time datetime="2004-11-26T08:44:43+09:00">26日</time></p>
38114
38115              <h3>BloglinesでのRSS/フォルダの順序</h3>
38116            </header>
38117
38118            <p>Bloglinesでフォルダをどうにかして作る(作り方がかなりわかりづらい)と、作った順に並ぶわけです(RSSは追加した順)。そのソート順の変更はReorder/Sortで変更できるわけですが、「コレはコレの次で、コレはその次」みたいに明示的に並べることは出来ません・・・と思ったら出来た。ちょうど今、新しいフォルダを作成していろいろいじってたら見つけました。わかりずらー。</p>
38119          </section>
38120        </a>
38121
38122
38123        <a href="/blog/rss/rss_and_ads">
38124          <section class="excerpt">
38125            <header>
38126              <p class="date"><time datetime="2004-11-25T08:22:00+09:00">25日</time></p>
38127
38128              <h3>RSSと広告</h3>
38129            </header>
38130
38131            <p>どうにかしてRSSへの膨大なトラフィック(それほどでもないけど)を小銭に替えられないかなぁと考えてみましたが、なかなか上手い方法というか、上手いこと流用できる既存の仕組みが存在しないですね。ちなみにうちのサイトのトラフィックの95%はRSSへのリクエストです。なのでUserAgentのシェアとか見ると、IEでようやく3%くらい。やっぱりコレはお金に換えるしか! とか思いますよね?</p>
38132          </section>
38133        </a>
38134
38135
38136        <a href="/blog/blosxom/blosxom_and_feed_url">
38137          <section class="excerpt">
38138            <header>
38139              <p class="date"><time datetime="2004-11-24T14:49:23+09:00">24日</time></p>
38140
38141              <h3>blosxom and feed URL</h3>
38142            </header>
38143
38144            <p>都内某所にあるイメクラ「blosxom」ではこんな会話が繰り広げられている ----- 店員: オプションはどうなさいますか? 客: back_and_forthでお願いします!  -----(書いてから全然面白くないことに気づいたけど、そのままにしておいてみる)。さて、紅茶飲み過ぎでは? と思わずツッコミたくなるけーきさんのblog、チェリオメアリーで、「RSSのリクエストにã
38144‚ˆã‚ŠCGIが呼ばれまくりで管理会社から警告来た!」とかそんな感じのエントリを眺めてました(観察)。ここらへんのことは動的にフィードを配信している場合、避けられない事態だったりします。CGIが起動することによる負荷自体はスクリプト側でどうにか何とかなります(一応ね)が、CGIを呼ばれるということ自体には対策するのは無理なわけで。ということで、フィードだけは静的生成してやりましょう、と推奨すると共にblosxomでの僕のアプローチ方法をたらたら書いてみようかと。僕のエントリの公開の仕方がかなりアレなので、具体的な方法は割愛し、どんな方法でやっているかの紹介に留めます。</p>
38145          </section>
38146        </a>
38147
38148
38149        <a href="/blog/rss/habari_xenu">
38150          <section class="excerpt">
38151            <header>
38152              <p class="date"><time datetime="2004-11-23T21:40:30+09:00">23日</time></p>
38153
38154              <h3>Habari Xenu</h3>
38155            </header>
38156
38157            <p>少し前に見つけたHabari XenuというMozilla/Firefox ExtensionなRSSリーダーをインストールしてみました。SageのようにSidebarを利用するのではなく、ウィンドウ(もしくはタブ)にGUIがロードされるというもので、リッチなWebサービスのような感覚で扱えるなかなか優れもの。とは言うものの、RSS単位での閲覧を強いられるので、Bloglinesで複数のRSSを一気読みとかに慣れてしまった身には辛い。</p>
38158          </section>
38159        </a>
38160
38161
38162        <a href="/blog/media/we_all_come_around">
38163          <section class="excerpt">
38164            <header>
38165              <p class="date"><time datetime="2004-11-22T01:14:44+09:00">22日</time></p>
38166
38167              <h3>We all come &apos;round</h3>
38168            </header>
38169
38170            <p>Pearl Jamの2枚組みベスト盤、Rearviewmiroor購入記念エントリ。あーもう最高。Brendan O&apos;Brienはグッジョブ過ぎ。TenやVs.は結構音がひどいので、Even Flowとかリマスター(リテイクなのかもしれない)された今回のアルバムで聞くと、うぉぉ(略。とりあえず一枚ずつ聴いても、2枚まとめて聴いても素晴らしい。こんなベスト盤は珍しい。</p>
38171          </section>
38172        </a>
38173
38174
38175        <a href="/blog/webdesign/fir_and_fir">
38176          <section class="excerpt">
38177            <header>
38178              <p class="date"><time datetime="2004-11-21T05:02:34+09:00">21日</time></p>
38179
38180              <h3>FIR and FIR</h3>
38181            </header>
38182
38183            <p>FIR and FIRでロゴを変えてみたりする。FIR and FIRとは、Fahrner Image ReplacementとFast Image Rollovers (単に頭文字をFahrner Image Replacementと合わせただけで、本当はFast Rollovers Without Preloadというテクニックです)を繋げた造語です。ちょっとすっきりした。h2要素のスタイルが浮いてる感じとか言わない。そもそもh1要素にサイトのタイトルっておかしいんじゃないかとかも言ってはいけません。</p>
38184          </section>
38185        </a>
38186
38187
38188        <a href="/blog/media/moma_gallery_re-opens">
38189          <section class="excerpt">
38190            <header>
38191              <p class="date"><time datetime="2004-11-21T03:36:39+09:00">21日</time></p>
38192
38193              <h3>MoMAのリ・オープン</h3>
38194            </header>
38195
38196            <p>海外のblogを漁っていた所、ちらほらと「ついにMoMAがリ・オープンしたぜ!」みたいな記事を見かけて、おぉ遂に(そのまんま)みたいな感じでした。閉館(一時移転とも言う)していた期間は2年以上ですかね。行きたいと素で考えてます。</p>
38197          </section>
38198        </a>
38199
38200
38201        <a href="/blog/rss/i_suggest_bloglines_2nd">
38202          <section class="excerpt">
38203            <header>
38204              <p class="date"><time datetime="2004-11-19T01:38:19+09:00">19日</time></p>
38205
38206              <h3>続・Bloglinesのススメ</h3>
38207            </header>
38208
38209            <p>某所でBloglinesのススメに言及があったことを受けて、そろそろ書いてみようかなとかいう気になってしまったので、リニューアル後のBloglinesに合わせたBloglinesのススメを書いてみたり。個別にページを作ろうかと思ったんですが、面倒だったのでとりあえずエントリとして。</p>
38210          </section>
38211        </a>
38212
38213
38214        <a href="/blog/software/xoblite_bb2_rc2">
38215          <section class="excerpt">
38216            <header>
38217              <p class="date"><time datetime="2004-11-17T17:30:13+09:00">17日</time></p>
38218
38219              <h3>xoblite bb2 RC2</h3>
38220            </header>
38221
38222            <p>少し前にリリースされたxoblite bb2のRC2をちょっといじってたり。RC2とついている割りにはRC1からかなり機能が追加されてたりして、「RCの意味ねーだろ!」とかつっこみたくなったりならなかったり。てか、正式名称はxoblite bb2なのか? ダサい気がするとか言ったら誰かに殺されそうな気がするので言わない。</p>
38223          </section>
38224        </a>
38225
38226
38227        <a href="/blog/media/soumoukareyuku">
38228          <section class="excerpt">
38229            <header>
38230              <p class="date"><time datetime="2004-11-14T19:00:46+09:00">14日</time></p>
38231
38232              <h3>草莽枯れ行く</h3>
38233            </header>
38234
38235            <p>北方謙三の草莽枯れ行くをほとんど一気読みしてました。そのうち読もうと思ってはいたのですが、なかなか文庫本を見つけられず忘れかけていたところ、一昨日にひょいっと見ã
38235¤ã‘て購入。北方謙三初の幕末小説だった気がする。ちょうど読み終えたところですが、岩倉具視がスーパー悪役(しかも陰湿)で良い感じでした。</p>
38236          </section>
38237        </a>
38238
38239
38240        <a href="/blog/software/firefox_userchrome_css_tricks_5">
38241          <section class="excerpt">
38242            <header>
38243              <p class="date"><time datetime="2004-11-11T19:15:35+09:00">11日</time></p>
38244
38245              <h3>FirefoxのuserChrome.cssネタ #5</h3>
38246            </header>
38247
38248            <p>遂に1.0と言いつつ、別に超安定版というわけでも無さそうな気がするFirefoxですが、まぁバージョン番号なんてモノは大きいのが新しいということしか意味しないわけですよ。違うと思うけど。で、僕はテーマは長らくQuteを使っていたわけですが、なんとなくデフォルトに戻してuserChrome.cssでガリゴリいじる方が良さそう(楽しそう)な感じがしたので、そうしてみました。かなり楽しいですが、userChrome.cssが3000行ちょいとか言うおかしなことになってきたのでダイエットしたりしなかったり。</p>
38249          </section>
38250        </a>
38251
38252
38253        <a href="/blog/rss/bloglines_and_301_moved_permanently">
38254          <section class="excerpt">
38255            <header>
38256              <p class="date"><time datetime="2004-11-08T01:40:54+09:00">8日</time></p>
38257
38258              <h3>Bloglinesと301 Moved Permanently</h3>
38259            </header>
38260
38261            <p>BloglinesのForumをタラタラと眺めていたら面白い情報を見つけました。Mark Fletcher曰く、フィードのURLを変更した時に301 Moved Permanently(301とは書いてないけど多分)でリダイレクトしてやると、自動的に新しいURLに変更されるそうです。Googleは301でリダイレクトするとPageRankを引き継ぐとかそういう噂なのですが、これとアプローチ的には似てますかね。</p>
38262          </section>
38263        </a>
38264
38265
38266        <a href="/blog/webdesign/w3c_space">
38267          <section class="excerpt">
38268            <header>
38269              <p class="date"><time datetime="2004-11-07T14:49:13+09:00">7日</time></p>
38270
38271              <h3>W3Cスペース</h3>
38272            </header>
38273
38274            <p>標準化組織の全貌! とかいうかなりキャッチー(違う)なサブタイトルで、W3Cスペースという連載がiNTERNET magazine 2004年12月号から始まったようです。World Wide Web Consortiumという組織がどんなものかを紹介していくという、かなりアツイ連載(私見)。なにもこんな表紙の時にこの連載を始めなくても良い気がする。</p>
38275          </section>
38276        </a>
38277
38278
38279        <a href="/blog/rss/bws_updates_1">
38280          <section class="excerpt">
38281            <header>
38282              <p class="date"><time datetime="2004-11-06T08:17:06+09:00">6日</time></p>
38283
38284              <h3>BWS: getitemsがフォルダ単位で取得可能に</h3>
38285            </header>
38286
38287            <p>Bloglines Web Servicesが更新されて、フォルダごとに未読記事を一気に取得ということができるようになりました。微妙に「だから?」みたいな感じを受ける更新な感じですが、実はかなり大きい更新な気がします。</p>
38288          </section>
38289        </a>
38290
38291
38292        <a href="/blog/rss/rssmemo_3">
38293          <section class="excerpt">
38294            <header>
38295              <p class="date"><time datetime="2004-11-05T03:26:18+09:00">5日</time></p>
38296
38297              <h3>RssMemoの投稿UI案</h3>
38298            </header>
38299
38300            <p>コアな機能自体には満足しており、もうこれ以上必要ない感じのRssMemoですが、投稿UIで面白そうなことを考えてみたので書いてみる。キーワードはリファラーと流し込み。てか、エントリにするほどでもなかったなとか書いてから思ったけど気にしない。</p>
38301          </section>
38302        </a>
38303
38304
38305        <a href="/blog/sports/wolves_wins_04-05_opening_game">
38306          <section class="excerpt">
38307            <header>
38308              <p class="date"><time datetime="2004-11-04T19:04:17+09:00">4日</time></p>
38309
38310              <h3>Timberwolves開幕戦勝利</h3>
38311            </header>
38312
38313            <p>全米がGWB!GWB!と盛り上がっている傍らで、NBAが開幕したわけですが、愛するTimber
38313wolvesも開幕戦を終えました。99-93で勝つには勝ったけど結構危うかった感じ。Marburyが3PT上手いので、4Qが点の取りあいになってたらヤバかった気がする。</p>
38314          </section>
38315        </a>
38316
38317
38318        <a href="/blog/internet/gmail">
38319          <section class="excerpt">
38320            <header>
38321              <p class="date"><time datetime="2004-11-04T18:37:10+09:00">4日</time></p>
38322
38323              <h3>Gmail</h3>
38324            </header>
38325
38326            <p>先日、盗まれたバイクが切り売りされてる(噂)asaponさんからGmailにinviteして貰ったので、&#x6b;&#x79;&#x6f;&#x40;&#x68;&#x61;&#x69;&#x6c;&#x32;&#x75;&#x2e;&#x6e;&#x65;&#x74;宛てのメールを全て転送して使ってみてたりします。感想的には、悪くはないんだけど良くもないかなぁと言うどうでも良い感想に。長年の間、Spaceキーで未読メールを順にダーッと読んでいくという形でメールを読んでおり、そういう癖がついてしまった身には、マウスでゴニョゴニョ操作すると言うだけで辛い。使い方が良くわかってないだけだったりしてな。</p>
38327          </section>
38328        </a>
38329
38330
38331        <a href="/blog/internet/hatena_and_address">
38332          <section class="excerpt">
38333            <header>
38334              <p class="date"><time datetime="2004-11-03T18:42:58+09:00">3日</time></p>
38335
38336              <h3>はてなと住所</h3>
38337            </header>
38338
38339            <p>方々で話題になっているはてなの「住所登録、ならびにはてな利用規約改定のお知らせ」ですが、なんとなく気になったので僕も書いてみる。今のところの僕の結論はこのまま放置、本当に1月から使えなくなったらそのまま捨てみたいな感じですね。</p>
38340          </section>
38341        </a>
38342
38343
38344        <a href="/blog/webdesign/the_css_weblog">
38345          <section class="excerpt">
38346            <header>
38347              <p class="date"><time datetime="2004-11-03T16:33:36+09:00">3日</time></p>
38348
38349              <h3>The CSS Weblog</h3>
38350            </header>
38351
38352            <p>ジャンルを絞ったblogをいろいろ提供している、Weblogs, Inc.でCSSをトピックにしたThe CSS Weblogというものが始まってたんですね。CSSのリソースをいろいろ集めて提示するというもので、系統的にはCSS VaultのResourcesの方と似た感じっぽいですが、こちらは「CSSって何よ?」とか「blogいじり始めて初めてCSS書いたかも!」みたいな人向けっぽい感じな。</p>
38353          </section>
38354        </a>
38355
38356
38357        <a href="/blog/media/yellowcard_ocean_avenue">
38358          <section class="excerpt">
38359            <header>
38360              <p class="date"><time datetime="2004-11-02T03:35:42+09:00">2日</time></p>
38361
38362              <h3>Yellowcard / Ocean Avenue</h3>
38363            </header>
38364
38365            <p>ヴァイオリン! #12のOne Year Six Monthsがかなりツボに入ったので、YellowcardのOcean Avenueを最近聞くことが多いです。最近っていっても、半年くらい前からですけど。なぜ今さら取り上げたかと言うと、Beyond Ocean Avenueと言うタイトルでライブDVDが出るからだったり。Election Dayということで11/02! ライブは行った事無いので、どんな感じが早く見てみたい。</p>
38366          </section>
38367        </a>
38368
38369
38370        <a href="/blog/sports/baseball_college">
38371          <section class="excerpt">
38372            <header>
38373              <p class="date"><time datetime="2004-11-01T23:58:08+09:00">1日</time></p>
38374
38375              <h3>野球専門学校</h3>
38376            </header>
38377
38378            <p>世間では11/02に決まる新球団のネタにシーズン終了前から注目が集まっていたわけですが、野球専門学院が開校されるという面白そうなニュースを見つけました。場所は広島で、広島の元ã
38378‚³ãƒ¼ãƒãŒæ ¡é•·ã«ãªã‚‹ã‚ˆã†ã§ã™ãŒã€ã‚«ãƒ¼ãƒ—の内(下)部組織と言うわけではないようです。</p>
38379          </section>
38380        </a>
38381
38382          </section>
38383          <section>
38384            <h2><time datetime="2004-10">2004年10月</time></h2>
38385
38386        <a href="/blog/media/purevolume">
38387          <section class="excerpt">
38388            <header>
38389              <p class="date"><time datetime="2004-10-29T02:41:06+09:00">29日</time></p>
38390
38391              <h3>purevolume</h3>
38392            </header>
38393
38394            <p>Emo大好きっ子shin君にpurevolumeというひたすら音源試聴が出来るサイト(こういう捉え方で良いと思う)を教えてもらいました。形的には様々なアーティストの専用ページがあるというだけのもので、何の変哲もなさそうな感じなんですが、全ての専用ページに一曲以上フル試聴できる音源があり、メジャー・マイナー入り乱れているというもので、こうなると結構珍しい気がします。とりあえずひたすらGrungeとかでブラウズしてましたが、「Grungeじゃねー! はい次!」とか「うぉぉカコイイ!」とか楽しすぎです。タダで聞けるジュークボックスみたいな感じかなぁ。</p>
38395          </section>
38396        </a>
38397
38398
38399        <a href="/blog/media/cake_pressure_chief">
38400          <section class="excerpt">
38401            <header>
38402              <p class="date"><time datetime="2004-10-29T02:20:27+09:00">29日</time></p>
38403
38404              <h3>Cake / Pressure Chief</h3>
38405            </header>
38406
38407            <p>ピッタリとした形容が思いつかない不思議なサウンドを出すバンド、Cakeの新譜、Pressure Chiefが出ました。音が一括りに表現できない幅の広さがあるので、Beckなどと同列に語られることもあるバンドですね。Beckはどちらかと言うとHip-Hop寄りなアプローチですが、Cakeはカントリー寄りなアプローチなので、最終的に出来上がる音はまったく違うものですけどね。</p>
38408          </section>
38409        </a>
38410
38411
38412        <a href="/blog/internet/slideroll">
38413          <section class="excerpt">
38414            <header>
38415              <p class="date"><time datetime="2004-10-28T22:17:08+09:00">28日</time></p>
38416
38417              <h3>Slideroll</h3>
38418            </header>
38419
38420            <p>Flashで画像のスライドショーを作成できるサービス、Sliderollというものを発見。まだ実際に自分で作ってはいませんが、いろいろな人作成し、公開されているスライドショーを見る限りでは、ちょっとしたショート・フィルムみたいな感じがうまく出ててとても素晴らしい。画像を公開するためのサービスはいろいろなモノがありますが、ここまで見せ方にこだわったものは珍しいかも。</p>
38421          </section>
38422        </a>
38423
38424
38425        <a href="/blog/media/pearl_jam_rearviewmirror">
38426          <section class="excerpt">
38427            <header>
38428              <p class="date"><time datetime="2004-10-27T21:56:59+09:00">27日</time></p>
38429
38430              <h3>Pearl Jam / rearviewmirror</h3>
38431            </header>
38432
38433            <p>Pearl Jam初のベスト盤が遂に来ました。Rearviewmirrorというタイトルだそうで、Vs.に入ってる曲からまんま持って来たみたいですね。ジャケットダサãƒ
38433»ãƒ»ãƒ»ã„けど、それもまた良い。てか、若すぎて笑える。</p>
38434          </section>
38435        </a>
38436
38437
38438        <a href="/blog/blosxom/recent_entries_shift_plugin">
38439          <section class="excerpt">
38440            <header>
38441              <p class="date"><time datetime="2004-10-27T16:13:57+09:00">27日</time></p>
38442
38443              <h3>recent_entries_shift plugin</h3>
38444            </header>
38445
38446            <p>某所で書かれていた現在表示中のn件のエントリを除いた指定件数n件のエントリのタイトルとpermalinkを表示するプラグインらしきもの、recent_entries_shiftを作ってみました。趣味的にolにしてみた。所要時間30分。確認はしましたが、僕は使わないので細かいことは知らない。P_BLOGなんかだとデフォルトでこの機能がある気がする。他のblogツール(サービス)では見たこと無いような。</p>
38447          </section>
38448        </a>
38449
38450
38451        <a href="/blog/software/firefox_userchrome_css_tricks_4">
38452          <section class="excerpt">
38453            <header>
38454              <p class="date"><time datetime="2004-10-26T16:14:03+09:00">26日</time></p>
38455
38456              <h3>FirefoxのuserChrome.cssネタ #4</h3>
38457            </header>
38458
38459            <p>フラットな感じのUIを採用するアプリケーションが3~4年程前から増えてきたわけですが、その頃に僕が使っていたマシンは貧弱そのもので、メニューの遅延やその他がどうも気になり直ぐにオフにする癖がついてしまいした。そもそもエクスプローラーとかと並べると違和感が大きいというのもあります。未だにその癖から脱却できず、実際に速度が遅いかどうかとかそういう事とは関係なく、フラットな感じのUIが生理的に受け付けなくなっています。ので、QuteではFirefoxのブラウザ部分がへこんだ枠になってないのがどうしても気になってたわけですよ。困った時はuserChrome.cssということで、へこませるようにuserChrome.cssに記述を追加してみました。</p>
38460          </section>
38461        </a>
38462
38463
38464        <a href="/blog/blosxom/hide_blosxom-cgi_from_url_alt">
38465          <section class="excerpt">
38466            <header>
38467              <p class="date"><time datetime="2004-10-26T13:04:20+09:00">26日</time></p>
38468
38469              <h3>URLからblosxom.cgiを隠す代替案</h3>
38470            </header>
38471
38472            <p>URLからblosxom.cgiを隠したいけど、mod_rewriteとか使えないよ・・・。という人はけっこう多い気がします。最近、リファラから見つけた96tsubuというサイトでそんなエントリを見かけたので、代替案を3分くらい(冷めたビーフシチューを暖めるには少し足りないくらいの時間)で考えてみました。.htaccessは使えないとダメな方法ですが、AddHandlerを利用してみたらどうでしょう? とか疑問形かよ。</p>
38473          </section>
38474        </a>
38475
38476
38477        <a href="/blog/software/firefox_userchrome_css_tricks_3">
38478          <section class="excerpt">
38479            <header>
38480              <p class="date"><time datetime="2004-10-25T01:20:21+09:00">25日</time></p>
38481
38482              <h3>FirefoxのuserChrome.cssネタ #3</h3>
38483            </header>
38484
38485            <p>Firefoxに少し前のnightlyからデフォルトで搭載されたタブ機能が素晴らしげなので、TBEを消してしまったのですが、これによりタブの幅固定や多段タブがが出来なくなってしまいました。userChrome.cssをゴニョゴニョいじってたらうまく出来たような感じなので、エントリにしてみる</p>
38486          </section>
38487        </a>
38488
38489
38490        <a href="/blog/internet/google_and_short_title">
38491          <section class="excerpt">
38492            <header>
38493              <p class="date"><time datetime="2004-10-24T09:25:21+09:00">24日</time></p>
38494
38495              <h3>Googleと短いタイトル</h3>
38496            </header>
38497
38498            <p>「エモは好きだけど、ローファイってナニソレ?」という某氏のサイト名は&quot;EF&quot;というとても短いものでした。少し前に、管理人の彼とMSN Messengerで話していたところ、「Googleの検索結果ã
38498§title要素内の文字列が拾われず、代わりにOctober 19, 2004とか出てしまうんだけど、何コレ?」みたいなことを聞かれたのですが、よくわからなかったので「短すぎなんじゃ? てか2文字て。」みたいに返しておいたんですが、どうやらこのテキトウ極まりない予想は中っていたらしく、謎な言葉をpostfixとして追加した現在はきちんと検索結果にtitle要素内の文字列が反映されるようになってました。</p>
38499          </section>
38500        </a>
38501
38502
38503        <a href="/blog/sports/carp_2004_season">
38504          <section class="excerpt">
38505            <header>
38506              <p class="date"><time datetime="2004-10-22T19:23:08+09:00">22日</time></p>
38507
38508              <h3>2004年のカープ</h3>
38509            </header>
38510
38511            <p>中国新聞のカープ情報で、投手陣と打撃陣に分けて毎年恒例のまとめが。そのまんまですね。僕の感想的には、大きな補強は皆無だったのに良くやったなという感じ。それじゃぁダメだろ。みたいな。</p>
38512          </section>
38513        </a>
38514
38515
38516        <a href="/blog/software/tabbed_browsing_in_firefox_is_extended">
38517          <section class="excerpt">
38518            <header>
38519              <p class="date"><time datetime="2004-10-20T01:51:16+09:00">20日</time></p>
38520
38521              <h3>Firefoxのタブ機能拡充</h3>
38522            </header>
38523
38524            <p>Firefoxのnightlyでタブに関する設定がいくつか追加されてました。さほど多機能なものを求めているわけではないので、私的にはコレで十分な感じ。</p>
38525          </section>
38526        </a>
38527
38528
38529        <a href="/blog/blosxom/customize_writeback_12">
38530          <section class="excerpt">
38531            <header>
38532              <p class="date"><time datetime="2004-10-19T13:30:55+09:00">19日</time></p>
38533
38534              <h3>Customize writeback plugin #12</h3>
38535            </header>
38536
38537            <p>突然思いついたので、writebackの更新通知メールをBloglinesで作成できるメールアドレスにも送るようにした。おお、なかなか良いかも。メーラーでも溜め込みたい(コメントとTrackBackのバックアップも兼ねて)ので、CCを利用してみたり。なんか今さら的なアイディアですが、やってみるとなかなか便利。アイディア的にblosxomに限ったお話ではないので、Movable Typeなどのメール通知にも流用できるでしょう(ややこしい改造になるかもしれませんが)。</p>
38538          </section>
38539        </a>
38540
38541
38542        <a href="/blog/rss/livelines">
38543          <section class="excerpt">
38544            <header>
38545              <p class="date"><time datetime="2004-10-19T12:29:15+09:00">19日</time></p>
38546
38547              <h3>LiveLines</h3>
38548            </header>
38549
38550            <p>Firefoxの1.0PR以降にはLive Bookmarkとかいう、ぶっちゃけInternet Explorer(4以降かな?)のチャンネルみたいな奴(Channel Description Formatと言うシロモノ)が搭載されているわけですが、イマイチな感じ。悪くは無いのだけれども。で、LiveLinesなわけですよ。これはLive Bookmarkのために新たに作られた、RSS auto-discoveryという仕組みを利用したステータス・バーにLive Bookmarkへ登録するためのアイコンを表示する機能を、SageまたはBloglinesへの登録に摩り替えるFirefoxのExtensionです。</p>
38551          </section>
38552        </a>
38553
38554
38555        <a href="/blog/rss/newsgator_online_free_version">
38556          <section class="excerpt">
38557            <header>
38558              <p class="date"><time datetime="2004-10-19T08:40:53+09:00">19日</time></p>
38559
38560              <h3>NewsGator Online &quot;FREE&quot; version</h3>
38561            </header>
38562
38563            <p>元々はOutlook (not Outlook Express)と強烈に連携するRSSリーダー、NewsGatorを提供していたNewsGator Technologies, Inc.は、少し前にBloglinesと同系統のブラウザで閲覧するタイプのNewsGator Onlineというサービスを開始していました。年間いくらという利用料が発生するサービスだったので試しもしていなかったã
38563®ã§ã™ãŒã€æ©Ÿèƒ½é™å®šç‰ˆãŒFreeで利用できるようになりました。というわけで、早速試してみました。日本語が通らない!</p>
38564          </section>
38565        </a>
38566
38567
38568        <a href="/blog/blosxom/blosedit">
38569          <section class="excerpt">
38570            <header>
38571              <p class="date"><time datetime="2004-10-12T04:01:02+09:00">12日</time></p>
38572
38573              <h3>Blosedit</h3>
38574            </header>
38575
38576            <p>Bloseditというblosxomの管理CGIが1.0.0に更新されたと本家MLに投稿されてました。このツールは知らなかったんですが、デモを触った感じではかなり良い感じでした。やや直感的でない操作感である感じはしますが、ファイルのアップローダーなども含めて機能的にはきちんと揃っており、操作さえ憶えてしまえばこれ一本でいけそうな。</p>
38577          </section>
38578        </a>
38579
38580
38581        <a href="/blog/coding/acl_3">
38582          <section class="excerpt">
38583            <header>
38584              <p class="date"><time datetime="2004-10-10T15:02:04+09:00">10日</time></p>
38585
38586              <h3>Amazon Check List #3</h3>
38587            </header>
38588
38589            <p>HTML::Templateのnew()のオプションで、loop_context_varsを有効にして、テンプレートを更にいじれるようにしたりしてみた。これによって、右のように最初のアイテムだけ大きな画像、残りは小さな画像というようなことも可能になりました。ぶっちゃけcho45さんのnow playingからアイディアをパクった。</p>
38590          </section>
38591        </a>
38592
38593
38594        <a href="/blog/rss/technorati_watchlist">
38595          <section class="excerpt">
38596            <header>
38597              <p class="date"><time datetime="2004-10-08T16:03:27+09:00">8日</time></p>
38598
38599              <h3>Technorati Watchlist</h3>
38600            </header>
38601
38602            <p>Technoratiでは自分のblogのURLで検索することによって、自分のblogへのリンクを手軽にリストアップすることが出来ます(例: Technorati: Search for http://hail2u.net/blog/)。Technoratiでアカウントを取得すると、そのリストアップしたリンクをRSSフィードにすることが出来、RSSリーダーで簡単にチェックできたりします。この機能がWatchlistというもの。</p>
38603          </section>
38604        </a>
38605
38606
38607        <a href="/blog/sports/nba_04-05_season_ready_to_open">
38608          <section class="excerpt">
38609            <header>
38610              <p class="date"><time datetime="2004-10-07T16:23:03+09:00">7日</time></p>
38611
38612              <h3>もうすぐNBAの04-05シーズンが開幕</h3>
38613            </header>
38614
38615            <p>さてNBAの2004-2005シーズン開幕まで1か月を切ったわけですよ。プロ野球とかいう試合をやってないところで盛り上がったスポーツに疲れた僕としては、こっち側で大いに盛り上がりたいわけです。昨年、Timberwolvesは非常に良いシーズンを過ごしたものの、ポスト・シーズンでは思ったように結果を残せなかったので、今年こそは! みたいな。ディビジョン再編成でプレーオフ出場は楽になったし、楽しみ。</p>
38616          </section>
38617        </a>
38618
38619
38620        <a href="/blog/software/xml-rpc_on_popfile">
38621          <section class="excerpt">
38622            <header>
38623              <p class="date"><time datetime="2004-10-07T15:11:32+09:00">7日</time></p>
38624
38625              <h3>XML-RPC on POPFile</h3>
38626            </header>
38627
38628            <p>POPFileの0.22.0よりサポートされているはずのXML-RPCによるAPIですが、これを設定で有効にすると起動に失敗してしまいます。少し調べてみたところ、どうやらWindows版のインストーラーではScalar::Utilというモジュールがインストールされないことに原因があるようです。CPANからダウンロードしてlibフォルダに置いてみたらきちんと動作しました。</p>
38629          </section>
38630        </a>
38631
38632
38633        <a href="/blog/rss/kinja">
38634          <section class="excerpt">
38635            <header>
38636              <p class="date"><time datetime="2004-10-05T19:29:23+09:00">5日</time></p>
38637
38638              <h3>Kinja</h3>
38639            </header>
38640
38641            <p>
38641ずいぶん前に見つけていたのですが、イマイチ使い方がわからず放置していたKinjaのアカウントにログオンしてみました。すげー変わっててビックリ(うろ覚えなのであんまり変わってないかもしれない)。Kinjaはお気に入りに指定した色々なblogを巡回し、まとめてblogにしてくれるサービスです。つまり、Rollupとかと似たようなモノです。別の見方をすれば、RssRollingをサービスとして提供した感じ。RSSリーダーと捉えても問題無いでしょう(てか、RSSリーダーですけど)。</p>
38642          </section>
38643        </a>
38644
38645
38646        <a href="/blog/software/firefox_locationbar">
38647          <section class="excerpt">
38648            <header>
38649              <p class="date"><time datetime="2004-10-04T13:23:52+09:00">4日</time></p>
38650
38651              <h3>Firefoxのロケーションバー</h3>
38652            </header>
38653
38654            <p>Firefoxのロケーションバーで、あるBookmarkに設定しておいたKeywordに続けて文字列を入力しEnterを押すとゴニョゴニョ(うまい表現が思いつかない)できるわけですが、いつものようにこの機能を利用してGoogleで検索をしようとしたら、検索文字列が文字化けしてしまいました。たらたら調べてたらUTF-8でURLエンコードされた上で送信されているになっている感じ(今まではShift_JISだった気がする)。</p>
38655          </section>
38656        </a>
38657
38658
38659        <a href="/blog/internet/tokyo_art_beat">
38660          <section class="excerpt">
38661            <header>
38662              <p class="date"><time datetime="2004-10-04T09:43:49+09:00">4日</time></p>
38663
38664              <h3>Tokyo Art Beat</h3>
38665            </header>
38666
38667            <p>Tokyo Art Beatというサイトを発見。オープンしたて。アート・イベントをいろいろなカテゴリやエリアでフィルタして表示できるというサイトです。サイト名が示す通り、首都圏限定ですけど。全てのカテゴリとエリアの情報をRSSでも配信しているのがとても素晴らしい。RSSはこういう日々内容が変化するモノに相性良いですね(刻々だとキツイ)。</p>
38668          </section>
38669        </a>
38670
38671
38672        <a href="/blog/webdesign/how_works_on_safari_2">
38673          <section class="excerpt">
38674            <header>
38675              <p class="date"><time datetime="2004-10-03T18:13:38+09:00">3日</time></p>
38676
38677              <h3>Safariでどうなのさ? #2</h3>
38678            </header>
38679
38680            <p>以前書いたSafariでどうなのさ?の続き。VMWare経由だと結構かったるいので、QEMUでやってみましょうとかなんとか。要は「QEMUでKNOPPIXを起動して、そのKonquerorで確認」ってーことです。SafariとKonquerorはいろいろ違いが増えてきたようなので、Safariでどうなのさ? というわけではないんですけどね。</p>
38681          </section>
38682        </a>
38683
38684
38685        <a href="/blog/rss/bws_getunread_2">
38686          <section class="excerpt">
38687            <header>
38688              <p class="date"><time datetime="2004-10-02T10:58:52+09:00">2日</time></p>
38689
38690              <h3>BWS: getunread #2</h3>
38691            </header>
38692
38693            <p>Bloglines Web ServicesのWSHでの実装サンプルであるgetunread.jsはなかなか面白いのですが、実用にはかなり辛い感じなので、HTMLにしてみたり。こうすると結構実用的です。内容的にはgetunread.jsとほとんど一緒なんですが、気になった時にブラウザでこのHTMLファイルを開くだけなので、あまり考えないで使えるのが良い。</p>
38694          </section>
38695        </a>
38696
38697
38698        <a href="/blog/rss/bws_bloglines_sidebar">
38699          <section class="excerpt">
38700            <header>
38701              <p class="date"><time datetime="2004-10-01T14:16:19+09:00">1日</time></p>
38702
38703              <h3>BWS: Bloglines Sidebar</h3>
38704            </header>
38705
38706            <p>Bloglines Web Servicesを利用して未読記事のあるサイトのみをリストにするCGIを作成し、FirefoxのBookmarkにそのCGIを登録、更にそのプロパティでLoad this bookmark in the sidebarとしてやったら、以下のような感じのSidebarが作れました。</p>
38707          </section>
38708        </a>
38709
38710          </section>
38711          <section>
38712            <h2><time datetime="2004-09">2004年9月</time></h2>
38713
38714        <a href="/blog/coding/acl_2">
38715          <section class="excerpt">
38716            <header>
38717              <p class="date">
38717<time datetime="2004-09-30T13:31:07+09:00">30日</time></p>
38718
38719              <h3>Amazon Check List #2</h3>
38720            </header>
38721
38722            <p>とりあえず必要と思われる機能は実装完了。ここでは例としてNowPlaying系のものを作ってみました。システム的にはASINをクエリとして渡すだけなので、Amazon.co.jpをタラタラ見ているときに「お! これ良い!」と思ったらBookmarkletからリストに追加とかできます。</p>
38723          </section>
38724        </a>
38725
38726
38727        <a href="/blog/rss/bws_getunread">
38728          <section class="excerpt">
38729            <header>
38730              <p class="date"><time datetime="2004-09-30T03:23:19+09:00">30日</time></p>
38731
38732              <h3>BWS: getunread</h3>
38733            </header>
38734
38735            <p>Bloglines Web ServicesのPerlでの実装はそこかしこで取り上げられると思う(既にmiyagawaさんがWebService::Bloglinesというモノを作っていたり)ので、WSH + MSXMLでやってみようかと。てなわけで未読の一覧をHTMLにして標準出力テキスト・ファイルに吐くJScript、getunread.jsを作ってみました。テストも兼ねてなので、スクリプトを実行しても未読は維持されます。</p>
38736          </section>
38737        </a>
38738
38739
38740        <a href="/blog/rss/bloglines_web_services">
38741          <section class="excerpt">
38742            <header>
38743              <p class="date"><time datetime="2004-09-29T12:43:51+09:00">29日</time></p>
38744
38745              <h3>Bloglines Web Services</h3>
38746            </header>
38747
38748            <p>遂に来ました。RSS 2.0(or OPML) over HTTPな感じで、Basic認証で制限がかかるだけなので、簡単なPerlスクリプトとかでチェックすることが可能。</p>
38749          </section>
38750        </a>
38751
38752
38753        <a href="/blog/coding/air_3">
38754          <section class="excerpt">
38755            <header>
38756              <p class="date"><time datetime="2004-09-28T21:00:11+09:00">28日</time></p>
38757
38758              <h3>Amazonの画像置換 #3</h3>
38759            </header>
38760
38761            <p>AWSをガリガリいじってたら、通常の画像はimage/jpegなのに対して1*1のダメ画像はimage/gifなことにふと(今さら)気づいた。ので、画像置換のためのチェック方法にはContent-Typeを利用する方法もあるわけ。てかAmazon Hacksに載ってるらしいです(持ってない)。</p>
38762          </section>
38763        </a>
38764
38765
38766        <a href="/blog/coding/acl_1">
38767          <section class="excerpt">
38768            <header>
38769              <p class="date"><time datetime="2004-09-28T00:16:13+09:00">28日</time></p>
38770
38771              <h3>Amazon Check List</h3>
38772            </header>
38773
38774            <p>ASINをクエリで送るとAWSでガリガリ情報を取得して、データ・ファイルに追加し、HTML/RSS/JavaScriptで出力できるというCGIスクリプト。RssMemoをもっとシンプルにして、Amazonと連携しようという感じ? とか、誰に聞いてるんだ。買い物メモとか買ったものメモみたいな感じで使うことを想定してたりしてなかったり。</p>
38775          </section>
38776        </a>
38777
38778
38779        <a href="/blog/internet/spamshirt">
38780          <section class="excerpt">
38781            <header>
38782              <p class="date"><time datetime="2004-09-26T21:29:28+09:00">26日</time></p>
38783
38784              <h3>SPAMSHIRT</h3>
38785            </header>
38786
38787            <p>日々大量に送られてくるスパム・メールの件名をTシャツのプリントにしてしまおうという、SPAMSHIRTというサービスを見つけました。作ったら買えます。アイディアだけで既に勝ち組。</p>
38788          </section>
38789        </a>
38790
38791
38792        <a href="/blog/rss/secunia_rss">
38793          <section class="excerpt">
38794            <header>
38795              <p class="date"><time datetime="2004-09-25T19:14:48+09:00">25日</time></p>
38796
38797              <h3>SecuniaのRSS</h3>
38798            </header>
38799
38800            <p>数日前に知ったのですが、いろいろな製品のセキュリティ情報を提供しているオランダの企業Secuniaのサイトでは、advisoryとvirus alertsのRSSフィードをそれぞれ配信しています(トップ・ページの右下にリンクがあります)。短めですがそれなりにわかりやすい概要付きで、なかなか便利。</p>
38801          </section>
38802        </a>
38803
38804
38805        <a href="/blog/media/meredith_brooks_shine">
38806          <section class="excerpt">
38807            <header>
38808              <p class="date">
38808<time datetime="2004-09-25T01:39:38+09:00">25日</time></p>
38809
38810              <h3>Meredith Brooks / Shine</h3>
38811            </header>
38812
38813            <p>レーベルとケンカばかりしてこのまま闇に消えるかと思われていたMeredith Brooksが突如としてニューアルバム、「Shine」を09/21にリリース。Alanis Morisetteのフォロワー的な評価で、イマイチ評価が低いような気がしますが、僕はかなり好きです。微妙にblack寄りになったみたいだ。</p>
38814          </section>
38815        </a>
38816
38817
38818        <a href="/blog/blosxom/blosxom_starter_kit_24">
38819          <section class="excerpt">
38820            <header>
38821              <p class="date"><time datetime="2004-09-23T14:18:57+09:00">23日</time></p>
38822
38823              <h3>blosxom starter kit #24</h3>
38824            </header>
38825
38826            <p>blosxom starter kitとは直接関係ないんですが、本家MLの方に一味違うblosxomの多機能パッケージをリリースしたよという投稿がありました。違う名前にして欲しかったなとか。てか、英訳してくれたのかと思ったけど違ったよ。</p>
38827          </section>
38828        </a>
38829
38830
38831        <a href="/blog/software/firefox_userchrome_css_tricks_2">
38832          <section class="excerpt">
38833            <header>
38834              <p class="date"><time datetime="2004-09-21T23:17:26+09:00">21日</time></p>
38835
38836              <h3>FirefoxのuserChrome.cssネタ #2</h3>
38837            </header>
38838
38839            <p>数日前には失敗(プロファイル作り直しの刑)したのですが、もう一度頑張って入れ直してみたらなんとかFirefoxの1.0 Preview Releaseを導入できました(結構苦労した)。ので、それに合わせて少しuseCrome.cssネタ追加してみたりとかしてみたりとかなんとか。ようやくFirefoxに洗脳されたみたいです。たまーにMoon Browserの方が起動が速くて良かったなぁとか思いますが、まぁまぁ慣れてきた感じ。</p>
38840          </section>
38841        </a>
38842
38843
38844        <a href="/blog/blog/blog_hackers_conference_2004">
38845          <section class="excerpt">
38846            <header>
38847              <p class="date"><time datetime="2004-09-21T18:55:53+09:00">21日</time></p>
38848
38849              <h3>Blog Hackers Conference 2004</h3>
38850            </header>
38851
38852            <p>来年もあるのだろうか? と勘ぐってしまうBlog Hackers Conferenceより帰宅。感想とかは書くのは他の人に任せて、気になった点を列記してみたりとか。何はともあれ会場の様子の画像から。</p>
38853          </section>
38854        </a>
38855
38856
38857        <a href="/blog/webdesign/turn_over_the_page">
38858          <section class="excerpt">
38859            <header>
38860              <p class="date"><time datetime="2004-09-21T14:14:06+09:00">21日</time></p>
38861
38862              <h3>ページをめくる</h3>
38863            </header>
38864
38865            <p>International Herald Tribuneのウェブ・サイトの各記事のページは、3カラムの新聞ライクな構造になっています。そのカラムの最下段には(JavaScriptで)ページをめくるための画像が用意されており、それをクリックすると続きが読めたり。ブラウザ・ウィンドウの高さによって一度に表示される内容が変化したり、3カラムの右の任意の場所をクリックして次のページに進めたりと、かなり良くできています。まさに「ページをめくる」という感じ。</p>
38866          </section>
38867        </a>
38868
38869
38870        <a href="/blog/software/bar_none">
38871          <section class="excerpt">
38872            <header>
38873              <p class="date"><time datetime="2004-09-20T18:13:57+09:00">20日</time></p>
38874
38875              <h3>Bar None</h3>
38876            </header>
38877
38878            <p>icefireやCloud9ine (開発停止かも)をリリースしているk23 productionが少し前に出したボタン型ランチャー、Bar None。GeoShellのGeoBarっぽい見た目なもので、系統的にはClaunchと似てるかも。</p>
38879          </section>
38880        </a>
38881
38882
38883        <a href="/blog/media/the_secret_machines_now_here_is_nowhere">
38884          <section class="excerpt">
38885            <header>
38886              <p class="date">
38886<time datetime="2004-09-19T14:32:57+09:00">19日</time></p>
38887
38888              <h3>The Secret Machines / Now Here Is Nowhere</h3>
38889            </header>
38890
38891            <p>発売からかなり聞くことが多い、The Secret MachinesのNow Here Is Nowhereですが、日本版も発売されたことなのでピックアップしてみたり。3ピース・バンドとは思えない分厚い、けれども聞きやすい、そしてちょっと古臭いところがサイケデリック! 適当に書かれたレコード屋のアルバム紹介みたいな文章だ。</p>
38892          </section>
38893        </a>
38894
38895
38896        <a href="/blog/rss/rss_unsubscribe_mechanism">
38897          <section class="excerpt">
38898            <header>
38899              <p class="date"><time datetime="2004-09-18T12:08:47+09:00">18日</time></p>
38900
38901              <h3>RSSの購読停止メカニズム</h3>
38902            </header>
38903
38904            <p>FeedDemon作者のNick Bradburyさんが自身のblogのAutomatic feed unsubscibeというエントリで、RSSの購読停止を機械的に行うためのアプローチを披露していました。410 Goneが返ってきたら自動的に購読停止するというアプローチで、htaccessを利用できる環境なら低コストな感じですね。</p>
38905          </section>
38906        </a>
38907
38908
38909        <a href="/blog/blosxom/measures_against_comment_spam_with_mod_rewrite">
38910          <section class="excerpt">
38911            <header>
38912              <p class="date"><time datetime="2004-09-16T20:28:20+09:00">16日</time></p>
38913
38914              <h3>mod_rewriteでスパム対策</h3>
38915            </header>
38916
38917            <p>blosxomでのスパム対策は自分で考えたものも含め、いくつか紹介してきたわけですが、どれもwritebackプラグインに対策コードを追加という形を取っているので、blosxom本体が呼ばれまくるというのは避けられないものです。現に、ここ4日ほどランダムプロクシ経由で爆撃(1000近い)受け、ちょっと精神的によろしくない感じでした(全部撃墜できたので、さほど気にすることはないとは思うのですが)。そこで思い出したのが、mod_rewriteによるスパム対策です。</p>
38918          </section>
38919        </a>
38920
38921
38922        <a href="/blog/rss/unable_to_access_rss">
38923          <section class="excerpt">
38924            <header>
38925              <p class="date"><time datetime="2004-09-16T10:57:32+09:00">16日</time></p>
38926
38927              <h3>RSSにアクセス不能</h3>
38928            </header>
38929
38930            <p>昨日のからついさっき(10:30くらい)までRSSがありとあらゆるRSSリーダーでアクセス不能になっていました。原因はhtaccessの記述ミスによる500エラーでした。今は直っています。申し訳ありませんでした。</p>
38931          </section>
38932        </a>
38933
38934
38935        <a href="/blog/blog/feedmesh">
38936          <section class="excerpt">
38937            <header>
38938              <p class="date"><time datetime="2004-09-15T11:33:48+09:00">15日</time></p>
38939
38940              <h3>FeedMesh</h3>
38941            </header>
38942
38943            <p>Weblogs.Comが作成(策定)した更新通知システム(weblogUpdates.ping)にちょっと機能不足な感じを抱いているのは世界共通なようで、その解消と共にRSSの帯域問題にも効果があるかもしれないFeedMeshというプロジェクトが始まったみたいですね。</p>
38944          </section>
38945        </a>
38946
38947
38948        <a href="/blog/coding/etag">
38949          <section class="excerpt">
38950            <header>
38951              <p class="date"><time datetime="2004-09-15T10:15:40+09:00">15日</time></p>
38952
38953              <h3>ETag</h3>
38954            </header>
38955
38956            <p>If-Modified-SinceやらLast-Modifiedやらなんやらの絡みで、ETagなるものを調べていたわけですが、とりあえずあれば使うけどなくても別に・・・みたいなモノっぽい感じ。If-Modified-Sinceは、とりあえずLast-Modifiedを常に吐いて、受信ヘッダをチェックし適切に304を返してやるだけでOKな感じ。</p>
38957          </section>
38958        </a>
38959
38960
38961        <a href="/blog/rss/rss_and_bandwidth">
38962          <section class="excerpt">
38963            <header>
38964              <p class="date">
38964<time datetime="2004-09-14T12:09:22+09:00">14日</time></p>
38965
38966              <h3>RSS and Bandwidth</h3>
38967            </header>
38968
38969            <p>The RSS WeblogにMSDNのRSSが帯域を浪費して大変というエントリに関連した、その手のお話がいくつかピックアップされていました。全般的に、「受信側はちゃんとキャッシングしろ」で「送信側はちゃんとヘッダ吐け」みたいな感じですかね。</p>
38970          </section>
38971        </a>
38972
38973
38974        <a href="/blog/software/tray_pilot_lite">
38975          <section class="excerpt">
38976            <header>
38977              <p class="date"><time datetime="2004-09-13T19:34:06+09:00">13日</time></p>
38978
38979              <h3>Tray Pilot Lite</h3>
38980            </header>
38981
38982            <p>タスクトレイを隠せるようになる常駐アプリケーション、Tray Pilot Liteを久々に使ってみたりとか。10分使ってすぐ飽きた。すっきりするけど使い勝手は下がる感じ・・・。</p>
38983          </section>
38984        </a>
38985
38986
38987        <a href="/blog/software/alphav">
38988          <section class="excerpt">
38989            <header>
38990              <p class="date"><time datetime="2004-09-12T12:43:29+09:00">12日</time></p>
38991
38992              <h3>AlphaV</h3>
38993            </header>
38994
38995            <p>ウィンドウを透過させたり、サイズ変更不可能なウィドウのサイズを変更したり、ボタンを大きくしたりなどなど各種コントロールの状態をゴニョゴニョできるAlphaVというソフトウェアを見つけました(via SHELL EXTENSION CITY)。</p>
38996          </section>
38997        </a>
38998
38999
39000        <a href="/blog/blosxom/update_paging_plugin_7">
39001          <section class="excerpt">
39002            <header>
39003              <p class="date"><time datetime="2004-09-11T11:55:13+09:00">11日</time></p>
39004
39005              <h3>paging plugin更新 #7</h3>
39006            </header>
39007
39008            <p>一部環境ではうまく動かないとの報告を受けたので、blosxomの変数からむりやり各ページのURLを生成するバージョンを作ってみました。公開しているpagingプラグインがうまく動かない人は、差し替えてみるともしかしたら動いちゃったりするかもしれません。ちと適当気味(いつものことですが)なので、今のところ公開しているものの方を差し替える予定はありません。公開しているものの方で問題なく動いている人は差し替えない方が無難。</p>
39009          </section>
39010        </a>
39011
39012
39013        <a href="/blog/software/popfile_0220">
39014          <section class="excerpt">
39015            <header>
39016              <p class="date"><time datetime="2004-09-11T11:54:11+09:00">11日</time></p>
39017
39018              <h3>POPFile 0.22.0</h3>
39019            </header>
39020
39021            <p>使っている人がどんどん増えてきた気がするスパム・フィルタリング・プロクシのPOPFileが0.22.0に更新されました。今回の更新で注目したのは二点。HTML::Templateにより完全にUIをカスタマイズできるようになった点と、そしてXML-RPCインターフェイスを備えた点。</p>
39022          </section>
39023        </a>
39024
39025
39026        <a href="/blog/rss/restricting_access_to_rss">
39027          <section class="excerpt">
39028            <header>
39029              <p class="date"><time datetime="2004-09-09T00:20:34+09:00">9日</time></p>
39030
39031              <h3>RSSへのアクセス制限</h3>
39032            </header>
39033
39034            <p>配信しているRSSへのアクセスを、IPアドレスとUser-Agentで一部制限をかけ始めました。独自のUser-Agent名を送信してくるRSSリーダーならば、大丈夫だとは思いますが、うまく取得できなくなってしまったという場合には報告お願いします。場合によっては仕様として対処できないかもしれませんが、多くの場合は対処できると思います。</p>
39035          </section>
39036        </a>
39037
39038
39039        <a href="/blog/media/miyaobon_heikemonogatari">
39040          <section class="excerpt">
39041            <header>
39042              <p class="date">
39042<time datetime="2004-09-08T13:39:34+09:00">8日</time></p>
39043
39044              <h3>宮尾本 平家物語</h3>
39045            </header>
39046
39047            <p>来年の大河ドラマの原作になった宮尾登美子の平家物語を読んでみたり。まだ2巻中ほどで、義経は出て来てません(もうちょいだけど)。女がらみのネタが多すぎというか、平清盛が単なるエロオヤジで陰が薄い感じですが、それはそれとしてオモシロイかも。</p>
39048          </section>
39049        </a>
39050
39051
39052        <a href="/blog/internet/mr_google">
39053          <section class="excerpt">
39054            <header>
39055              <p class="date"><time datetime="2004-09-07T22:52:17+09:00">7日</time></p>
39056
39057              <h3>Googleサマ</h3>
39058            </header>
39059
39060            <p>購読しているblogのRSSから見つけたThings Google knows about youというエントリ(どこからか忘れた)。これを読んで、Googleにすげーいろいろ知られてるんだなぁと改めて思った。今さら何を・・・みたいな感じですがね。</p>
39061          </section>
39062        </a>
39063
39064
39065        <a href="/blog/rss/wurldbook">
39066          <section class="excerpt">
39067            <header>
39068              <p class="date"><time datetime="2004-09-06T06:24:14+09:00">6日</time></p>
39069
39070              <h3>wURLdBook</h3>
39071            </header>
39072
39073            <p>wURLdBookという、RSSリーダー付きなオンラインBookmark管理サービスを見つけました。Bookmark管理サービスとしては中途半端、RSSリーダーとしては一覧性に欠けるような感じで、かなり使いづらいかなぁという感想です。</p>
39074          </section>
39075        </a>
39076
39077
39078        <a href="/blog/sports/larocca_remains_a_candidate_to_win_a_triple_crown">
39079          <section class="excerpt">
39080            <header>
39081              <p class="date"><time datetime="2004-09-06T05:26:14+09:00">6日</time></p>
39082
39083              <h3>ラロッカ三冠王?</h3>
39084            </header>
39085
39086            <p>とりあえず広島はチームとしてはもう何がなにやらわからないことになっているので、触れないで。個人タイトルを注目してみる。投手陣は・・・筆舌に尽くしがたいですが、打撃陣は成績の割りには奮闘。ラロッカ凄い。</p>
39087          </section>
39088        </a>
39089
39090
39091        <a href="/blog/media/counting_crows_accidentally_in_love">
39092          <section class="excerpt">
39093            <header>
39094              <p class="date"><time datetime="2004-09-06T04:06:16+09:00">6日</time></p>
39095
39096              <h3>Counting Crows / Accidentally In Love</h3>
39097            </header>
39098
39099            <p>Shrek 2のO.S.T.のリードトラックに選択されたCounting CrowsのAccidentally In Loveですが、日本では全然話題になってない気がする。そもそもCounting Crows好きな奴が少ないとか言う話もありますけどね。検索してもレコード屋とかチャートとかの結果しか。今までのCounting Crowsの楽曲とはちと毛色が違いますが、これはこれでイイ曲。売れてないけど。</p>
39100          </section>
39101        </a>
39102
39103
39104        <a href="/blog/rss/bloglines_session">
39105          <section class="excerpt">
39106            <header>
39107              <p class="date"><time datetime="2004-09-06T03:02:07+09:00">6日</time></p>
39108
39109              <h3>BloglinesのSession</h3>
39110            </header>
39111
39112            <p>Bloglinesはかなり出来が良いとは思うのですが、時々(人によってはしょっちゅう)JavaScriptエラー(か何か)でブラウザが落ちる時があります。そういう時の多くの場合、未読記事を表示しようとしているわけですが、ブラウザが落ちてしまうとその未読情報が消えてしまって新着記事を探すのが一苦労だったりとか。最近気づいたんですが、そういう時は過去ログ表示のセレクトメニューからSessionを選んでやると良いみたいです。</p>
39113          </section>
39114        </a>
39115
39116
39117        <a href="/blog/blosxom/bpt_3_read_entry">
39118          <section class="excerpt">
39119            <header>
39120              <p class="date">
39120<time datetime="2004-09-04T22:51:04+09:00">4日</time></p>
39121
39122              <h3>BPT #3: エントリを読み込む</h3>
39123            </header>
39124
39125            <p>blosxomのプラグインから、任意のエントリを読みたい時はままあります。僕の作成したプラグインだとback_and_forthなどですね。blosxom本体でFileHandleというモジュールを使っているので、それを使って書くのが手っ取り早いです。</p>
39126          </section>
39127        </a>
39128
39129
39130        <a href="/blog/coding/hw_vbs">
39131          <section class="excerpt">
39132            <header>
39133              <p class="date"><time datetime="2004-09-04T15:49:55+09:00">4日</time></p>
39134
39135              <h3>はてダラVBScript</h3>
39136            </header>
39137
39138            <p>はてなダイアリーへ自動書き込みするコマンドラインツール、はてダラをVBScriptでパクってみました。</p>
39139          </section>
39140        </a>
39141
39142
39143        <a href="/blog/blosxom/last_modified_plugin">
39144          <section class="excerpt">
39145            <header>
39146              <p class="date"><time datetime="2004-09-04T08:49:46+09:00">4日</time></p>
39147
39148              <h3>last_modified plugin</h3>
39149            </header>
39150
39151            <p>激しく作りかけなのでちゃんと動くか知りませんが、last_modifiedという、Last-Modifiedヘッダを吐き、If-Modified-Since付きのリクエストの場合は対応して304 Not Foundを返すプラグインを作ってみました。まだココでは使っていません。ローカルで動かしたblosxomをLiveHTTPHeadersとにらめっこしながらチェックした感じでは、304を吐いて$blosxom::outputを空にしてもちゃんとドキュメントが表示されるので、ちゃんと動いてそうな感じですが・・・。</p>
39152          </section>
39153        </a>
39154
39155
39156        <a href="/blog/media/franz_ferdinand_franz_ferdinand">
39157          <section class="excerpt">
39158            <header>
39159              <p class="date"><time datetime="2004-09-02T21:53:09+09:00">2日</time></p>
39160
39161              <h3>Franz Ferdinand / Franz Ferdinand</h3>
39162            </header>
39163
39164            <p>もうかなり前に爆発的に売れ始め、未だに高セールスを維持しつづけているFranz Ferdinandのデビューアルバム、Franz Ferdinandですが、3か月くらい前に僕は買いました。その時は「んー・・・微妙・・・」みたいな感じだったんですが、最近になって聞く機会が増えてきたり。</p>
39165          </section>
39166        </a>
39167
39168
39169        <a href="/blog/webdesign/a_web_standards_checklist">
39170          <section class="excerpt">
39171            <header>
39172              <p class="date"><time datetime="2004-09-02T16:39:15+09:00">2日</time></p>
39173
39174              <h3>A web standards checklist</h3>
39175            </header>
39176
39177            <p>Floatutorialを始めとして良質なCSSのチュートリアルを提供していたりするcss.maxesign.com.auを運営していたりするMaxdesignから、A web standards checklistなるウェブ標準チェックリスト(そのまんま)が(結構前に)公開されてます。</p>
39178          </section>
39179        </a>
39180
39181
39182        <a href="/blog/blosxom/customise_entries_index_2">
39183          <section class="excerpt">
39184            <header>
39185              <p class="date"><time datetime="2004-09-01T21:03:41+09:00">1日</time></p>
39186
39187              <h3>Customise entries_index plugin #2</h3>
39188            </header>
39189
39190            <p>entries_indexを久々にいじってみたり。1000エントリ超えてくると毎回ファイルチェックしていくデフォルトのままだときついんだろうなと。てか、前にやったのがうまく動いていなかったとかいう。何か月放置してるんだと。</p>
39191          </section>
39192        </a>
39193
39194
39195        <a href="/blog/webdesign/yourtotalsite">
39196          <section class="excerpt">
39197            <header>
39198              <p class="date"><time datetime="2004-09-01T15:17:17+09:00">1日</time></p>
39199
39200              <h3>YourTotalSite</h3>
39201            </header>
39202
39203            <p>YourTotalSiteは「helping you develop the web. better.」てな感じで、ウェブサイトをより良くするための技術情報なã
39203©ã‚’まとめたサイトです(via Digital Web Magazine)。どちらかというとアクセシビリティーやユーザビリティにフォーカスしているらしく、Hack的なモノはない感じです。記事のスタイルはblog + linkblogですね。</p>
39204          </section>
39205        </a>
39206
39207          </section>
39208          <section>
39209            <h2><time datetime="2004-08">2004年8月</time></h2>
39210
39211        <a href="/blog/blog/blog_hacks_79">
39212          <section class="excerpt">
39213            <header>
39214              <p class="date"><time datetime="2004-08-31T22:39:07+09:00">31日</time></p>
39215
39216              <h3>Blog Hacks: Hack #79</h3>
39217            </header>
39218
39219            <p>もう第二刷! な、ぶろがーのますとあいてむBlog HacksのHack #79ではPerlでBloglinesの新着記事数をチェックするスクリプトのお話です。このHackの子見出しは、「WindowsやMac OS Xと違ってBloglines Notifierの用意されていないLinuxなどで・・・」となっていますが、現在はMozilla Extensionとして動作するものやKDE上で動作するものが公開されています。ので、通常はこちらを使った方が良いと思います。</p>
39220          </section>
39221        </a>
39222
39223
39224        <a href="/blog/rss/syndication_module">
39225          <section class="excerpt">
39226            <header>
39227              <p class="date"><time datetime="2004-08-31T19:46:38+09:00">31日</time></p>
39228
39229              <h3>Syndicationモジュール</h3>
39230            </header>
39231
39232            <p>RSSが帯域を食べる(なんかこのタイトル変だけど)で「そろそろ転送量きついかもー」みたいな事を書いたら、「syndication namespaceにて更新間隔を記載してみるのはどうでしょうか」とglucoseの方が提案してくださいました。あーそういやそんなものあったなぁとか。</p>
39233          </section>
39234        </a>
39235
39236
39237        <a href="/blog/blog/measures_against_comment_spam">
39238          <section class="excerpt">
39239            <header>
39240              <p class="date"><time datetime="2004-08-31T12:32:27+09:00">31日</time></p>
39241
39242              <h3>コメント・スパム対策いろいろ</h3>
39243            </header>
39244
39245            <p>既にそれなりの効果を上げているものから妄想段階のものまで、コメント・スパム対策を羅列してみる。とりあえず10個。とりあえずて。ちなみにうちでは3つほどを連続でチェックしてます。現状では95%近く拒否できている模様。みんなでやればきっと楽しいいたちごっこ!</p>
39246          </section>
39247        </a>
39248
39249
39250        <a href="/blog/coding/insertdatetime_hidemaru_macro">
39251          <section class="excerpt">
39252            <header>
39253              <p class="date"><time datetime="2004-08-30T17:11:17+09:00">30日</time></p>
39254
39255              <h3>日付けと時刻を挿入マクロ</h3>
39256            </header>
39257
39258            <p>ごく普通の形式やW3CDTFの形式、RFC 822の形式をポップアップして挿入する秀丸マクロを作った。今まではW3CDTFの形式のものだけ使っていたんですが、なんとなくRFC 822の形式も追加してみたり。</p>
39259          </section>
39260        </a>
39261
39262
39263        <a href="/blog/rss/rss_20_notes">
39264          <section class="excerpt">
39265            <header>
39266              <p class="date"><time datetime="2004-08-30T16:41:53+09:00">30日</time></p>
39267
39268              <h3>RSS 2.0 Notes</h3>
39269            </header>
39270
39271            <p>日本ではいまいち使われないRSS 2.0の説明書になっていそうでなっていない各要素の説明ページを書いてみました。半年くらい前に書こうとか思ってたんですが、書いては消し、書いては消しみたいな。元のHTMLのソースが酷いのが悪い。とか責任転嫁をしてみる。</p>
39272          </section>
39273        </a>
39274
39275
39276        <a href="/blog/blosxom/gentime_plugin">
39277          <section class="excerpt">
39278            <header>
39279              <p class="date"><time datetime="2004-08-29T18:12:23+09:00">29日</time></p>
39280
39281              <h3>gentime plugin</h3>
39282            </header>
39283
39284            <p>ページの生成にかかった時間を表示する、gentimeというblosxomのプラグインを作りました。plugin registryにあるrendertimeと似たようなものです。</p>
39285          </section>
39286        </a>
39287
39288
39289        <a href="/blog/blosxom/customize_writeback_11">
39290          <section class="excerpt">
39291            <header>
39292              <p class="date"><time datetime="2004-08-29T00:23:15+09:00">29日</time></p>
39293
39294              <h3>Customize writeback plugin #11</h3>
39295            </header>
39296
39297            <p>writebackの投稿されたコメントのマークアップをpでうまくどうにかするようにしてみました。うまいこと動いてる模様。</p>
39298          </section>
39299        </a>
39300
39301
39302        <a href="/blog/software/markdown">
39303          <section class="excerpt">
39304            <header>
39305              <p class="date"><time datetime="2004-08-28T22:40:21+09:00">28日</time></p>
39306
39307              <h3>Markdown</h3>
39308            </header>
39309
39310            <p>いろいろなWikiでの記法を始めとして、HTMLに変換することを前提とした記法はいろいろあります。その中で、僕が最もtxtとしてå
39310¯èª­æ€§ãŒé«˜ã„んじゃないかな? とおもっているのがMarkdownです。そのMarkdownが1.0としてリリースされました。</p>
39311          </section>
39312        </a>
39313
39314
39315        <a href="/blog/rss/rss_eats_traffic">
39316          <section class="excerpt">
39317            <header>
39318              <p class="date"><time datetime="2004-08-28T20:55:17+09:00">28日</time></p>
39319
39320              <h3>RSSが帯域を食べる</h3>
39321            </header>
39322
39323            <p>バクバクモリモリ食べてる、そんな感じです。XREAでは1GB/日という転送量の制限(目安としてらしいけど)があるので、そろそろマズイ感じです。とりあえず暫定的な対処として、各RSSのitem数を15から10に減らしました(一部のRSSを除く)。適当に計算した感じでは3/4くらいに転送量が減る・・・かなぁ? この対処により一部のRSSでは記事が飛ぶ可能性がありますが、まぁそれは仕様ということで何卒(なにとぞ)。</p>
39324          </section>
39325        </a>
39326
39327
39328        <a href="/blog/blog/road_to_1000_entries">
39329          <section class="excerpt">
39330            <header>
39331              <p class="date"><time datetime="2004-08-28T13:42:29+09:00">28日</time></p>
39332
39333              <h3>1000エントリまでの道</h3>
39334            </header>
39335
39336            <p>1年と3か月ちょっとでようやく1000エントリに到達しました。1000エントリまでの推移を興味本位で調べてみる。ということで1000ゲットズサー(←これを書きたかったらしい)。</p>
39337          </section>
39338        </a>
39339
39340
39341        <a href="/blog/blosxom/create_entry_via_trackback">
39342          <section class="excerpt">
39343            <header>
39344              <p class="date"><time datetime="2004-08-28T11:16:49+09:00">28日</time></p>
39345
39346              <h3>TrackBackでエントリを作成</h3>
39347            </header>
39348
39349            <p>miyagawaさんが作ったMetaWeblog API経由でエントリを作るスクリプトを見てて、TrackBackでblosxomのエントリを作成するCGIとか作ってみようかなと思った。blosxomのエントリはタイトルと本文だけの構成なので、TrackBackのパラメータ構成とも矛盾せず、拡張する必要もない。問題はパスワードくらいだけど、それはblog_nameをパスワードとみなすようにスクリプトを組めば良いかもしれない。</p>
39350          </section>
39351        </a>
39352
39353
39354        <a href="/blog/blosxom/customize_writeback_10">
39355          <section class="excerpt">
39356            <header>
39357              <p class="date"><time datetime="2004-08-27T19:08:25+09:00">27日</time></p>
39358
39359              <h3>Customize writeback plugin #10</h3>
39360            </header>
39361
39362            <p>久々に本腰を入れてwritebackをいじり始めてみる。ローカルでホニャララしつつ、アップロードして確認。そしてうっかり500エラー。以上の繰り返しでいろいろやってみる。blosxom本体にCGI::CarpのfatalsToBrowserを追加して簡易チェックという手抜きっぷりで!</p>
39363          </section>
39364        </a>
39365
39366
39367        <a href="/blog/blosxom/bpt_2_how_to_apply_original_flavour">
39368          <section class="excerpt">
39369            <header>
39370              <p class="date"><time datetime="2004-08-26T19:15:18+09:00">26日</time></p>
39371
39372              <h3>BPT #2: 独自flavourを利用する方法</h3>
39373            </header>
39374
39375            <p>blosxomの出力に、プラグインで生成した何か(大抵の場合はHTMLとか)を追加したいことは良くあること、というか半分以上のプラグインはそういった類いの機能が目的なモノだと思います。この場合、ごく単純なもの(単なるリストとか)を生成する場合にはプラグインのコードに直接HTMLなりなんなりをガリガリ書いてしまえば良いのですが、それなりにユーザーに出力いじれるようにするためには何かしらのテンプレート・システムを採用する必要があります。そのシステムはプラグイン内で独自に作り上げてやっても、HTML::Templateなりを利用しても良いのですが、blosxomにはせっかくflavourという仕組みがあるのでそれを利用しない手は無いでしょう。</p>
39376          </section>
39377        </a>
39378
39379
39380        <a href="/blog/blog/no_more_weblogupdates_ping">
39381          <section class="excerpt">
39382            <header>
39383              <p class="date"><time datetime="2004-08-26T11:49:40+09:00">26日</time></p>
39384
39385              <h3>weblogUpdates.pingはなかったことに</h3>
39386            </header>
39387
39388            <p>weblogUpdates.ping の拡張メモから頭に浮かんだ妄想の類いのエントリを書いてみる。weblogUpdates.pingはblogのタイトルとURLだけなものなので、それらの情報に加えてエントリのURLとタイトル、概要が既に定義されているTrackBackを利用しちゃえば良いんじゃないかなとか。既にあるものの別な利用に過ぎないので、拡張するよりもツール側の対応も楽勝! とかなんとか。</p>
39389          </section>
39390        </a>
39391
39392
39393        <a href="/blog/blog/blog_hacks_16">
39394          <section class="excerpt">
39395            <header>
39396              <p class="date"><time datetime="2004-08-26T07:43:38+09:00">26日</time></p>
39397
39398              <h3>Blog Hacks: Hack #16</h3>
39399            </header>
39400
39401            <p>読んで楽しいHackしてて楽しいBlog HacksのHack #16では、任意のRSSの内容を自分のサイトに埋め込む方法として、Feedrollを取り上げたわけですが、どうやら任意のRSSのURLを入力することが出来なくなったみたいですね。というわけで代替となりうるサービスをいくつか紹介してみる。</p>
39402          </section>
39403        </a>
39404
39405
39406        <a href="/blog/blosxom/update_paging_plugin_6">
39407          <section class="excerpt">
39408            <header>
39409              <p class="date"><time datetime="2004-08-25T03:50:10+09:00">25日</time></p>
39410
39411              <h3>paging plugin更新 #6</h3>
39412            </header>
39413
39414            <p>場合によって負のページへのリンクが出力されるバグの修正と、Ck2 Bloggerの検索結果ã
39414«ã‚‚ページめくりというエントリののコードをアレンジしてマージし、pagingを更新してみる。</p>
39415          </section>
39416        </a>
39417
39418
39419        <a href="/blog/blosxom/bpt_1_how_to_decide_viewing_per_entry_or_not">
39420          <section class="excerpt">
39421            <header>
39422              <p class="date"><time datetime="2004-08-24T15:37:28+09:00">24日</time></p>
39423
39424              <h3>BPT #1: エントリごとのページの閲覧かどうかを判定する方法</h3>
39425            </header>
39426
39427            <p>blosxomのプラグインを作成する時に、エントリごとのページを閲覧している場合のみに動かしたいと考えることは良くあると思います。僕の作った物の中では、one_year_agoなんかがそうですね。その判定はどうやるのかということですよ。</p>
39428          </section>
39429        </a>
39430
39431
39432        <a href="/blog/blog/blog_hacks_5">
39433          <section class="excerpt">
39434            <header>
39435              <p class="date"><time datetime="2004-08-23T07:54:14+09:00">23日</time></p>
39436
39437              <h3>Blog Hacks: Hack #5</h3>
39438            </header>
39439
39440            <p>読後の感想などもちらほら見かけるようになったBlog HacksのHack #5はご存知Bloglinesの解説なわけですが、7月の大幅なリニューアル前に書いた文章なので、かなりの部分で食い違っていたりします。いくつかピックアップしながら書いてみよう。かな? 新たに追加された機能は、気が向いたらそのうちに・・・。</p>
39441          </section>
39442        </a>
39443
39444
39445        <a href="/blog/software/firefox_form_history">
39446          <section class="excerpt">
39447            <header>
39448              <p class="date"><time datetime="2004-08-23T06:55:37+09:00">23日</time></p>
39449
39450              <h3>Firefoxのフォーム履歴</h3>
39451            </header>
39452
39453            <p>IEではフォーム履歴(オートコンプリートの)を選択した状態で、Deleteを押すと履歴が消せますよね。Firefoxでも同様のことが出来ないのかと思っていたら、履歴を選択した状態でどうやらShift+Deleteを押すと消えるみたいです。プロファイル・フォルダにあるformhistory.datが壊れていたりする場合は、うまく動かないらしいですけど。やっぱり無い訳は無いか。</p>
39454          </section>
39455        </a>
39456
39457
39458        <a href="/blog/blosxom/blosxom_starter_kit_23">
39459          <section class="excerpt">
39460            <header>
39461              <p class="date"><time datetime="2004-08-23T05:08:40+09:00">23日</time></p>
39462
39463              <h3>blosxom starter kit #23</h3>
39464            </header>
39465
39466            <p>blosxom starter kitのwikieditishの中途半端なプレビュー機能が気に食わないので、ライトウェイトで改造するにもやりやすいJavaScriptでのプレビューに差し替えました。その他にちょっと手を入れて、1.1.2に更新。</p>
39467          </section>
39468        </a>
39469
39470
39471        <a href="/blog/game/bg3_announced">
39472          <section class="excerpt">
39473            <header>
39474              <p class="date"><time datetime="2004-08-22T01:01:02+09:00">22日</time></p>
39475
39476              <h3>Baldur&apos;s Gate III発表</h3>
39477            </header>
39478
39479            <p>諸事情(明かされない)により開発断念とか言う惨状だったBaldur&apos;s Gateの続編ですが、Atariが「売るよ、ベイベー」とおっしゃったようです。とりあえず採用されるルールすら決まっていないどころか、開発も決まってないような感じ。下手をするとPS2でリリースとかありうる。forGamer.netに専用ページも出来てました。</p>
39480          </section>
39481        </a>
39482
39483
39484        <a href="/blog/blosxom/update_paging_plugin_5">
39485          <section class="excerpt">
39486            <header>
39487              <p class="date"><time datetime="2004-08-21T20:28:48+09:00">21日</time></p>
39488
39489              <h3>paging plugin更新 #5</h3>
39490            </header>
39491
39492            <p>ここでも使うようになったpagingですが、バグはなさそうなので、blosxom pluginsの方で公開しました。前回のエントリから更新されてはいません。</p>
39493          </section>
39494        </a>
39495
39496
39497        <a href="/blog/coding/file-path_module">
39498          <section class="excerpt">
39499            <header>
39500              <p class="date"><time datetime="2004-08-20T09:06:38+09:00">20日</time></p>
39501
39502              <h3>File::Pathモジュール</h3>
39503            </header>
39504
39505            <p>パスを指定して部分的に静的生成するblosxomのプラグインを作っていたのですが、存在しないディレクトリ以下にファイルを吐き出すときに、再帰的にディレクトリ作成をするコードを書くのがメンドウだったので、CPAN漁ってみました。File::Pathというモジュールにそういったサブルーチンがあるようで。</p>
39506          </section>
39507        </a>
39508
39509
39510        <a href="/blog/blosxom/blosxom_plugin_template">
39511          <section class="excerpt">
39512            <header>
39513              <p class="date"><time datetime="2004-08-19T05:17:59+09:00">19日</time></p>
39514
39515              <h3>blosxom plugin template</h3>
39516            </header>
39517
39518            <p>blosxomのプラグイン・アーキテクチャは結構わかりやすいと思うので、書きやすいとは思うのですけど、プラグインのドキュメントがひたすら読みづらく、「このサブルーチンはどんな変数を渡してくれるんだっけ?」とか忘れると読むのが非常にメンドウです。しかも、一部間違ってたりする。なので、僕はあまり考えずにプラグインを書き始めることができる様に、テンプレートを作ってます(本当はもっと日本語でコメントを入れてあったりする)。</p>
39519          </section>
39520        </a>
39521
39522
39523        <a href="/blog/blosxom/update_paging_plugin_4">
39524          <section class="excerpt">
39525            <header>
39526              <p class="date"><time datetime="2004-08-19T03:27:50+09:00">19日</time></p>
39527
39528              <h3>paging plugin更新 #4</h3>
39529            </header>
39530
39531            <p>pagingプラグインでは、最初と最後のページへのリンクを作成しているので、ついでにrel属性がfirst(last)なlink要素も生成してみるようにする。これでFirefoxのLink ToolbarというExtensionのボタンが全て埋まった(なんか間違ってる)。他に、微妙にコードを書きなおしてみたり。今のところはベータ版扱いで、blosxom pluginsの方では公開はしません。使いたい場合は直接ソースをダウンロードして、適当に頑張ってください(そろそろ)。</p>
39532          </section>
39533        </a>
39534
39535
39536        <a href="/blog/blog/blog_hacks_49">
39537          <section class="excerpt">
39538            <header>
39539              <p class="date"><time datetime="2004-08-18T08:57:27+09:00">18日</time></p>
39540
39541              <h3>Blog Hacks: Hack #49</h3>
39542            </header>
39543
39544            <p>各所で絶賛されているとの噂のBlog HacksのHack #49の「HackをさらにHackする」に、「リンク集など任意のWebページから」云々という文章が書いてあるようです。「ようです」とか書いてみる。この文章がいまいち意味不明なので、説明がてら。</p>
39545          </section>
39546        </a>
39547
39548
39549        <a href="/blog/media/shikii_no_junin">
39550          <section class="excerpt">
39551            <header>
39552              <p class="date">
39552<time datetime="2004-08-17T04:07:16+09:00">17日</time></p>
39553
39554              <h3>敷居の住人</h3>
39555            </header>
39556
39557            <p>「オススメ!」とか連呼されたので、敷居の住人を一気読みしてみる。背中がむず痒くなるようなお話でしたが、オモロカッタ。最近、こういったテイストのマンガが売れることが多いような気がしますね。10年以上前にも波があったような気がそこはかとなく。定期的に来るものなのか。</p>
39558          </section>
39559        </a>
39560
39561
39562        <a href="/blog/internet/worm_ratos.a">
39563          <section class="excerpt">
39564            <header>
39565              <p class="date"><time datetime="2004-08-16T19:23:42+09:00">16日</time></p>
39566
39567              <h3>WORM_RATOS.A</h3>
39568            </header>
39569
39570            <p>エライ勢いでphotosという件名で、photos_arc.exeという添付ファイル付きのメールが来ますね。気づいただけでも80通近い。休みだからか。</p>
39571          </section>
39572        </a>
39573
39574
39575        <a href="/blog/blosxom/preview_in_wikieditish">
39576          <section class="excerpt">
39577            <header>
39578              <p class="date"><time datetime="2004-08-15T21:29:40+09:00">15日</time></p>
39579
39580              <h3>wikieditishでプレビュー</h3>
39581            </header>
39582
39583            <p>wikieditishにプレビュー機能を・・・というのは、プラグインに機能追加という形で考えていた(blosxom starter kit 1.1以降には隠し機能として既に存在します)のですが、落ち着いて考えてみるとPerlでゴニョゴニョやる必要もないわけで、JavaScriptでやろうかなという方向に落ち着きつつ。リアルタイムで結果を表示できるとか利点もあるし。</p>
39584          </section>
39585        </a>
39586
39587
39588        <a href="/blog/software/intellipoint_52">
39589          <section class="excerpt">
39590            <header>
39591              <p class="date"><time datetime="2004-08-14T15:59:27+09:00">14日</time></p>
39592
39593              <h3>IntelliPoint 5.2</h3>
39594            </header>
39595
39596            <p>任意のキーボード操作の割り当て機能とプログラム固有の割り当て機能が復活し、IntelliPoint 5.2が出ました。この2つ以外に変わった点は知らない。</p>
39597          </section>
39598        </a>
39599
39600
39601        <a href="/blog/blosxom/blosxom_starter_kit_22">
39602          <section class="excerpt">
39603            <header>
39604              <p class="date"><time datetime="2004-08-13T20:09:31+09:00">13日</time></p>
39605
39606              <h3>blosxom starter kit #22</h3>
39607            </header>
39608
39609            <p>wikieditishのTrackBack送信機能のバグを修正し、blosxom starter kitを1.1.1に更新しました。手元で設置したものではうまく動いているので、多分コレで問題無いです。きゃーさん、ご報告ありがとうございました</p>
39610          </section>
39611        </a>
39612
39613
39614        <a href="/blog/blosxom/blosxom_starter_kit_21">
39615          <section class="excerpt">
39616            <header>
39617              <p class="date"><time datetime="2004-08-12T18:44:26+09:00">12日</time></p>
39618
39619              <h3>blosxom starter kit #21</h3>
39620            </header>
39621
39622            <p>wikieditishとwritebackをいじって、blosxom starter kitを1.1に更新しました。スパム対策しただけとも言う。</p>
39623          </section>
39624        </a>
39625
39626
39627        <a href="/blog/webdesign/web_accessibility_toolbar">
39628          <section class="excerpt">
39629            <header>
39630              <p class="date"><time datetime="2004-08-12T01:04:51+09:00">12日</time></p>
39631
39632              <h3>Web Accessibility Toolbar</h3>
39633            </header>
39634
39635            <p>Internet Explorerで開いているドキュメントをいろいろなツールでチェック出来たりするWeb Accessibility ToolbarというIE拡張を見つけました。ぶっちゃけWeb Developer Extensionのパクり+α。Web Accessibilityと銘打っているだけあって、ページをグレースケールにしたりとかアクセシビリティーのチェックに使える機能もあり、その点でWeb Developer Extensionより多機能ではあります。</p>
39636          </section>
39637        </a>
39638
39639
39640        <a href="/blog/blosxom/my_writeback">
39641          <section class="excerpt">
39642            <header>
39643              <p class="date"><time datetime="2004-08-11T23:07:12+09:00">11日</time></p>
39644
39645              <h3>僕のwriteback</h3>
39646            </header>
39647
39648            <p>プラグインのディレクトリを403にした関係で、困っている人を何人か見つけた、そしてメールで「ヨコセ!」言われるので、とりあえず他のところに置いておいたりしてみる。コメント無しで設定があったり、いきなりプラグイン内部でゴニョゴニョやってたりと非常にアクロバティック(=美しくない)コードなので読みづらいでしょう(てか、自分でもたまに読めã
39648ªã‹ã£ãŸã‚Šã™ã‚‹)が、頑張ってください。</p>
39649          </section>
39650        </a>
39651
39652
39653        <a href="/blog/blog/technorati_trouble">
39654          <section class="excerpt">
39655            <header>
39656              <p class="date"><time datetime="2004-08-11T16:06:15+09:00">11日</time></p>
39657
39658              <h3>Technoratiのトラブル</h3>
39659            </header>
39660
39661            <p>私的には面白いんですが「リファラと何が違うの?」的な意見も多くイマイチ感が強い、TechnoratiのLink Cosmos。最近、デザイン変更と共に、APIサーバーもアップデートしたらしく、速度的にはそれなりに改善されてきたような。しかしながら相変わらず意味不明な検索結果を返したりすることも多く、結局微妙。それなりに日本語に対応してたりして良いサービスなんですがね。</p>
39662          </section>
39663        </a>
39664
39665
39666        <a href="/blog/internet/nioh">
39667          <section class="excerpt">
39668            <header>
39669              <p class="date"><time datetime="2004-08-11T14:30:57+09:00">11日</time></p>
39670
39671              <h3>仁王</h3>
39672            </header>
39673
39674            <p>日本最強の転職データベースなる仁王というサイトがオープンしたそうです。ジャンルごとにRSSで新着求人情報を吐いていたりするみたい。Y!ライクなシンプルなデザインで見やすい。ただ、なぜ「仁王」なのかが凄く苦しい理由なのが。「編集部ブログの方でblosxom starter kitを使わせていただきました」とメールで連絡いただいたので宣伝がてら(別に何か貰える/貰ったわけではないですけど)。</p>
39675          </section>
39676        </a>
39677
39678
39679        <a href="/blog/blosxom/blosxom_starter_kit_20">
39680          <section class="excerpt">
39681            <header>
39682              <p class="date"><time datetime="2004-08-08T16:10:48+09:00">8日</time></p>
39683
39684              <h3>blosxom starter kit #20</h3>
39685            </header>
39686
39687            <p>TrackBackスパムへだけ対処するのは片手落ちなので、コメントスパムへの対処もしようとコードを書いてみました。大体うちで利用している対策と同じコードなので、問題はないと思いますが、環境(blosxom starter kitの利用の仕方と言った方が正確)に依存しそうなので、とりあえずのところは差し替えるためのwritebackのソースのみの公開にしておきます。</p>
39688          </section>
39689        </a>
39690
39691
39692        <a href="/blog/blosxom/blosxom_starter_kit_19">
39693          <section class="excerpt">
39694            <header>
39695              <p class="date"><time datetime="2004-08-07T13:04:13+09:00">7日</time></p>
39696
39697              <h3>blosxom starter kit #19</h3>
39698            </header>
39699
39700            <p>writebackがXSS脆弱性を抱えている指摘を受けたので、それに対処し、blosxom starter kitを1.0.3に更新しました。その脆弱性とは「writebackのパラメータに特定の文字列をセットして投稿すると、任意のJavaScriptコードを実行されてしまう」というもので、危険度は高いです。オリジナルのwritebackでもflavourの書き方によっては似たような脆弱性を抱えますので、オリジナルを利用している方も注意した方が良いかもしれません。MayimMayimさん、ご報告ありがとうございました。</p>
39701          </section>
39702        </a>
39703
39704
39705        <a href="/blog/blosxom/blosxom_starter_kit_18">
39706          <section class="excerpt">
39707            <header>
39708              <p class="date"><time datetime="2004-08-07T00:00:06+09:00">7日</time></p>
39709
39710              <h3>blosxom starter kit #18</h3>
39711            </header>
39712
39713            <p>てなわけで(とフリもないのに)、遂に公開されたTrackback の脆弱性についての勧告ですが、とりあえずは08/13に攻撃コードが公開されてしまうので、writebackに対策コードを追加して、blosxom starter kitを1.0.2に更新しました。</p>
39714          </section>
39715        </a>
39716
39717
39718        <a href="/blog/blosxom/update_paging_plugin_3">
39719          <section class="excerpt">
39720            <header>
39721              <p class="date"><time datetime="2004-08-06T21:58:38+09:00">6日</time></p>
39722
39723              <h3>paging plugin更新 #3</h3>
39724            </header>
39725
39726            <p>使い始めたらpagingプラグインはけっこう気に入った(作るのが楽しいだけという噂もちらほら)ので、出力するページ数を設定できるようにしてみました。今のところはベータ版扱いで、blosxom pluginsの方では公開はしません。使いたい場合は直接ソースをダウンロードして、適当に頑張ってください(まだまだ投げやり)。</p>
39727          </section>
39728        </a>
39729
39730
39731        <a href="/blog/blog/blog_hacks_has_been_arrived">
39732          <section class="excerpt">
39733            <header>
39734              <p class="date"><time datetime="2004-08-06T12:48:43+09:00">6日</time></p>
39735
39736              <h3>Blog Hacks届きました</h3>
39737            </header>
39738
39739            <p>Blog Hacksが本日届きました。本当は昨日。なぜか不在者通知に。コレで僕もオライラー(と真似てみる)。</p>
39740          </section>
39741        </a>
39742
39743
39744        <a href="/blog/blosxom/update_paging_plugin_2">
39745          <section class="excerpt">
39746            <header>
39747              <p class="date"><time datetime="2004-08-06T10:29:25+09:00">6日</time></p>
39748
39749              <h3>paging plugin更新 #2</h3>
39750            </header>
39751
39752            <p>付け忘れていたlink要素を出力する機能と、出力されるリンクのリンク先URLの調整をして、更新。今のところはベータ版扱いで、blosxom pluginsの方では公開はしません。使いたい場合は直接ソースをダウンロードして、適当に頑張ってください(常に投げやり)。</p>
39753          </section>
39754        </a>
39755
39756
39757        <a href="/blog/blosxom/update_paging_plugin_1">
39758          <section class="excerpt">
39759            <header>
39760              <p class="date"><time datetime="2004-08-05T18:37:01+09:00">5日</time></p>
39761
39762              <h3>paging plugin更新</h3>
39763            </header>
39764
39765            <p>とりあえずこのblogでも使い始めました。大抵の場合、一番下に見えます(月ごとやエントリごとでの閲覧の場合は見えません)。不具合があった場合はpaginate_simpleに戻してしまいますけど。今のところはベータ版扱いで、blosxom pluginsの方では公開はしません。使いたい場合は直接ソースをダウンロードして、適当に頑張ってください(投げやり)。</p>
39766          </section>
39767        </a>
39768
39769
39770        <a href="/blog/coding/eval_on_firefox">
39771          <section class="excerpt">
39772            <header>
39773              <p class="date"><time datetime="2004-08-04T19:03:26+09:00">4日</time></p>
39774
39775              <h3>Firefoxでeval()</h3>
39776            </header>
39777
39778            <p>訳のわからんタイトルだ。以前書いたFirefoxでperldocと似たような感じで、ロケーションバーでJavaScriptを実行してみようとかいう。</p>
39779          </section>
39780        </a>
39781
39782
39783        <a href="/blog/software/hidemaru_410">
39784          <section class="excerpt">
39785            <header>
39786              <p class="date"><time datetime="2004-08-04T16:13:42+09:00">4日</time></p>
39787
39788              <h3>秀丸エディタ 4.10</h3>
39789            </header>
39790
39791            <p>秀丸エディタが、タブ機能の実装や文字コード関連の詳細な設定など、大幅に機能追加され、4.10にバージョン・アップされました。タブ機能は、個人的にはSDIで良いかなぁ(というか慣れてしまった)とかいう感じですが、別にあって困るものでもないので。HTMLファイルではmeta要素を解釈してその文字コードで開いてくれたりするみたい。自分の中で最も大きなポイントは、ウィンドウの大きさを記憶するようになったことですかね。あとは強調表示一覧のサイドバー化。サイドバーに切り分けられたことによってすっきりしたのと共に、明確に一覧が把握でき、簡単なアウトライン機能として使えるようになったとか。</p>
39792          </section>
39793        </a>
39794
39795
39796        <a href="/blog/coding/modchk_cgi.txt">
39797          <section class="excerpt">
39798            <header>
39799              <p class="date"><time datetime="2004-08-04T09:45:38+09:00">4日</time></p>
39800
39801              <h3>PerlのモジュールのチェックするCGI</h3>
39802            </header>
39803
39804            <p>Perlのモジュール名を入力してボタンを押すと、そのモジュールがロードできるかどうかと、ロードできた場合はバージョン番号も表示するという、なんてことはないCGI。稀に使う。</p>
39805          </section>
39806        </a>
39807
39808
39809        <a href="/blog/internet/asin_my_own_domain">
39810          <section class="excerpt">
39811            <header>
39812              <p class="date"><time datetime="2004-08-04T00:52:38+09:00">4日</time></p>
39813
39814              <h3>自分が所有するドメインのASIN</h3>
39815            </header>
39816
39817            <p>A9というAmazon.comのWeb検索エンジンがありますが、その機能のひとつにAlexaと連携したSite Infoというドメインのアクセスやトラフィック情報が取得できるというモノがあります。Alexa本家(って言ってもAmazonの完全子会社だけど)のものと変わらない内容なのですが、Amazonが提供しているだけに、ドメインにASINが割り当てられていたりする。てなことを、気が付いたりする。かなり、今さらっぽい・・・。</p>
39818          </section>
39819        </a>
39820
39821
39822        <a href="/blog/misc/strange_behavior">
39823          <section class="excerpt">
39824            <header>
39825              <p class="date"><time datetime="2004-08-03T19:19:59+09:00">3日</time></p>
39826
39827              <h3>挙動不審</h3>
39828            </header>
39829
39830            <p>最近、諸事情(!?)により道を歩いているときにキョロキョロしておもむろにパシャッとか挙動不審な人をやってるわけですが、そこらのカフェで休憩ついでに他の人はどうなんだろう? と30分くらいè¦
39830³å¯Ÿã—てみました。みんなわき目も振らず歩いてる。</p>
39831          </section>
39832        </a>
39833
39834
39835        <a href="/blog/misc/mizutama_jelly">
39836          <section class="excerpt">
39837            <header>
39838              <p class="date"><time datetime="2004-08-02T19:04:48+09:00">2日</time></p>
39839
39840              <h3>水玉ゼリー</h3>
39841            </header>
39842
39843            <p>僕の地元の丸井には、茅ヶ崎の海鮮料理屋えぼしの支店があるわけですが、レストラン・フロアだけでなく、食料品フロアにもお弁当やお惣菜を出す店舗があったりします。まぁ果てしなく普通にウマイ、というか「魚ってうまいよなぁ」と心の底から思える、スバラシイお店なわけですよ。</p>
39844          </section>
39845        </a>
39846
39847
39848        <a href="/blog/media/my_own_cds">
39849          <section class="excerpt">
39850            <header>
39851              <p class="date"><time datetime="2004-08-02T08:28:27+09:00">2日</time></p>
39852
39853              <h3>My Own CDs</h3>
39854            </header>
39855
39856            <p>自分の所有CDを管理(そして気が向いたら公開)するためのXMLファイルの作成を始めてみる。とりあえず勝手なXMLなフォーマットを捏造することから着手。別にローカルで管理するだけの話(公開する時は(X)HTMLにすれば良いし)なので、別にどんな形でもいいかなとか思いつつ、XMLに見えるモノならなんか規格が出来た(規格を見つけた)時、簡単にそれにあわせてやることが出来そうなのでXMLにしてみる。</p>
39857          </section>
39858        </a>
39859
39860
39861        <a href="/blog/blosxom/plugins_directory">
39862          <section class="excerpt">
39863            <header>
39864              <p class="date"><time datetime="2004-08-02T07:07:27+09:00">2日</time></p>
39865
39866              <h3>pluginsディレクトリ</h3>
39867            </header>
39868
39869            <p>pluginsディレクトリから直接プラグイン・ファイルを拾っていく人が多い(僕がリンクを張っていたからなんだけど)のですが、どうも設定をまるで書き換えずに置いちゃったりする人がけっこういるので、.htaccessでpluginsディレクトリ以下をアクセスできないようにしました。その結果403が返ってくるリンクが過去のエントリに含まれているかもしれません。とりあえずリンクは外せるだけ外しましたが、全てのエントリを編集するのは困難というかメンドウなので、うちのドメイン内のURLで403(ついでに404も)が返ってくるリンクがあったら教えてくれると助かります。</p>
39870          </section>
39871        </a>
39872
39873
39874        <a href="/blog/blosxom/permalink_without_flavour">
39875          <section class="excerpt">
39876            <header>
39877              <p class="date"><time datetime="2004-08-01T12:22:29+09:00">1日</time></p>
39878
39879              <h3>flavour無しpermalink</h3>
39880            </header>
39881
39882            <p>本家MLの方で、flavour無しpermalinkを実現するパッチが投稿されたんですが、これはちょっと微妙かなと。まぁ確かに実現できているといえば実現できているのですが、うまいこと$default_flavourを利用してくれはしないような感じなので、別の方法をとにかく考えてみようかと。前に考えた時はうまく思いつかなかったんですが、今日は数分で思いついたりした。</p>
39883          </section>
39884        </a>
39885
39886          </section>
39887          <section>
39888            <h2><time datetime="2004-07">2004年7月</time></h2>
39889
39890        <a href="/blog/game/final_fantasy_1_and_2_advance">
39891          <section class="excerpt">
39892            <header>
39893              <p class="date"><time datetime="2004-07-31T19:31:09+09:00">31日</time></p>
39894
39895              <h3>Final Fantasy I・II Advance</h3>
39896            </header>
39897
39898            <p>ラミアクィーンに挑戦すること20回目になりますが(テレポでここではないどこかに捨ててるだけだけど)、リボン落としません。というわけで、GBA版Final Fantasy I・IIやってます。IやったりIIやったりしてたりする。Iは土のクリスタル後に潜れるようになる「だいちのめぐみのã
39898»ã“ら」で四苦八苦中。IIは闘技場手前。</p>
39899          </section>
39900        </a>
39901
39902
39903        <a href="/blog/blosxom/sanrio_blog">
39904          <section class="excerpt">
39905            <header>
39906              <p class="date"><time datetime="2004-07-31T00:58:57+09:00">31日</time></p>
39907
39908              <h3>さんりおぶろぐ</h3>
39909            </header>
39910
39911            <p>さんりおのかわいいきゃらくたーとぶろぐできるさんりおぶろぐが! きてぃーちゃんのかおもじとか! ぱーまねんとりんくの「こめんと」とかかいてあるりんくをくりっくするとらいとばっくってなってる! ってことはblosxomかいぞうものなのかな?</p>
39912          </section>
39913        </a>
39914
39915
39916        <a href="/blog/media/pearl_jam_live_at_benaroya_hall">
39917          <section class="excerpt">
39918            <header>
39919              <p class="date"><time datetime="2004-07-29T10:56:02+09:00">29日</time></p>
39920
39921              <h3>Pearl Jam / Live At Benaroya Hall</h3>
39922            </header>
39923
39924            <p>昨年10月に行われたアコースティック・ライブの模様を収録した、Live At Benaroya Hallが発売! 完全にUnpluggedと言うわけではないですけど、Pearl Jamらしいアコースティックさ(どんなんだよ・・・)が出てる良いCDだと。</p>
39925          </section>
39926        </a>
39927
39928
39929        <a href="/blog/blog/blog_hacks">
39930          <section class="excerpt">
39931            <header>
39932              <p class="date"><time datetime="2004-07-28T22:00:35+09:00">28日</time></p>
39933
39934              <h3>Blog Hacks</h3>
39935            </header>
39936
39937            <p>「当初の発売予定は3月だっ・・・うわなんだymdhgkj」。ということで、ついにmiyagawaさんとnaoyaさん共著の「Blog Hacks - プロが使うテクニック &amp; ツール 100選」が08/07に発売決定。サマソニと同時開催(なんか違う)のLL Weekendでも即売されるそうです。僕もいくつか書いている気がしますが、もう忘れました。</p>
39938          </section>
39939        </a>
39940
39941
39942        <a href="/blog/rss/blchkr12">
39943          <section class="excerpt">
39944            <header>
39945              <p class="date"><time datetime="2004-07-27T20:48:41+09:00">27日</time></p>
39946
39947              <h3>Bloglines Checker v1.2</h3>
39948            </header>
39949
39950            <p>要望に答える形で、設定を追加し、Bloglines Checkerを1.2に更新しました。</p>
39951          </section>
39952        </a>
39953
39954
39955        <a href="/blog/sports/nba_realigns_conference_divisions">
39956          <section class="excerpt">
39957            <header>
39958              <p class="date"><time datetime="2004-07-26T20:55:05+09:00">26日</time></p>
39959
39960              <h3>NBAのディビジョン再編成</h3>
39961            </header>
39962
39963            <p>すっかり忘れていたんですが、04-05シーズンからNBAのディビジョンが再編成されるんでしたね。ということで愛するTimberwolvesのディビジョンを調べてみる。03-04シーズンの勝敗付き。</p>
39964          </section>
39965        </a>
39966
39967
39968        <a href="/blog/blosxom/one_year_later_plugin">
39969          <section class="excerpt">
39970            <header>
39971              <p class="date"><time datetime="2004-07-26T01:19:36+09:00">26日</time></p>
39972
39973              <h3>one_year_later plugin</h3>
39974            </header>
39975
39976            <p>一年前の同じ日に書いたエントリをリストにして表示する、one_year_laterというプラグインを書いてみました。訪問者がアクセスしたその日の1年前ではなく、各エントリの日付けの一年前です。このサイトの各Permalinkで動作サンプルを見ることができます(One year later...とタイトルがついているブロック)。</p>
39977          </section>
39978        </a>
39979
39980
39981        <a href="/blog/blosxom/mt3_compatible_flavour">
39982          <section class="excerpt">
39983            <header>
39984              <p class="date"><time datetime="2004-07-25T20:40:27+09:00">25日</time></p>
39985
39986              <h3>MT3互換flavour</h3>
39987            </header>
39988
39989            <p>ヒマに飽かして、Movable Type 3.x互換flavour作ってみたら、こんな感じになりました。2.xに比べると、格段に綺麗になってますね。</p>
39990          </section>
39991        </a>
39992
39993
39994        <a href="/blog/internet/yousendit">
39995          <section class="excerpt">
39996            <header>
39997              <p class="date">
39997<time datetime="2004-07-24T18:24:30+09:00">24日</time></p>
39998
39999              <h3>YouSendIt</h3>
40000            </header>
40001
40002            <p>最近はメール・サーバーの容量が増えたりして、メールに大きなファイルを添付するのもあまり気にならなくなってきたとは思うのですが、できることなら大きな添付ファイルは避けたいと思う人は多いと思います。YouSendItは、1GBまでのファイルをストレージ(多分、一時的にだと思います)してくれ、指定メール・アドレスにそのファイルをダウンロードすることができるページのURLが書かれたメールを送信してくれるサービスです。すばらしいことにユーザー登録などわずらわしい手順が必要なく、送りたい相手のメール・アドレスを入力し、ローカルのファイルを指定して、submitするだけ。</p>
40003          </section>
40004        </a>
40005
40006
40007        <a href="/blog/coding/perldoc_on_firefox">
40008          <section class="excerpt">
40009            <header>
40010              <p class="date"><time datetime="2004-07-23T22:42:13+09:00">23日</time></p>
40011
40012              <h3>Firefoxでperldoc</h3>
40013            </header>
40014
40015            <p>ふと気づくとシェルやコマンド プロンプトで、perldoc LWP::UserAgentとか叩いてたりする、そんな毎日。まぁこれで特に困らないのですが、search.cpan.orgではHTMLで見ることが出来るので、最近はそっちを見ることが多くなってきました。ので、Firefoxのロケーションバーでperldoc LWP::UserAgentと打つと、ダイレクトにモジュールのドキュメントを閲覧できるようにしてみたりする。</p>
40016          </section>
40017        </a>
40018
40019
40020        <a href="/blog/gadget/bottle_cap_tripod">
40021          <section class="excerpt">
40022            <header>
40023              <p class="date"><time datetime="2004-07-23T03:49:05+09:00">23日</time></p>
40024
40025              <h3>ボトルキャップ三脚</h3>
40026            </header>
40027
40028            <p>そこらの工具屋で売っているボルトやナットで、ペット・ボトルのキャップをカメラの三脚を作ってしまおうという、なんとも使い道が有るのか無いのか良くわからないネタをJake Ludington&apos;s MediaBlabのDIY Bottle Cap Tripodというエントリで発見しました。</p>
40029          </section>
40030        </a>
40031
40032
40033        <a href="/blog/blosxom/paging_plugin">
40034          <section class="excerpt">
40035            <header>
40036              <p class="date"><time datetime="2004-07-22T01:29:57+09:00">22日</time></p>
40037
40038              <h3>paging plugin</h3>
40039            </header>
40040
40041            <p>ココの場合は、とりあえずのところ、paginate_simpleで前後のページを辿れるので、あまり問題はないかなぁという感じなんですが、Googleの検索結果ページみたいにずらっとページが並んでて一気に戻ったり進んだりできると楽しそうだなと思ってはいます。というわけで、突如pagingプラグインを作り始めたりする。</p>
40042          </section>
40043        </a>
40044
40045
40046        <a href="/blog/webdesign/fixed_for_ie">
40047          <section class="excerpt">
40048            <header>
40049              <p class="date"><time datetime="2004-07-21T19:54:48+09:00">21日</time></p>
40050
40051              <h3>fixed for IE</h3>
40052            </header>
40053
40054            <p>少し前に見つけたInternet Explorerでposition:fixed;を実現するテクニック。どうしてもfixedのようなことを実現したい場合は、JavaScriptでやってしまう人が大半だと思うので、ホホゥ程度のものなのかもしれない。「できないことはないぞ!」とか「できちまったぜ!」という感じですかね。</p>
40055          </section>
40056        </a>
40057
40058
40059        <a href="/blog/misc/synchronicity">
40060          <section class="excerpt">
40061            <header>
40062              <p class="date"><time datetime="2004-07-21T17:55:11+09:00">21日</time></p>
40063
40064              <h3>シンクロニシティ</h3>
40065            </header>
40066
40067            <p>共時性。因果律では説明できない事象を説明するための考え方。元々は「ある人物が頭に思い描いた事象と現実の出来事が一致すること」という意味のユングの用語だが、現在は偶然の一致とほぼ同義に使われることも多い。</p>
40068          </section>
40069        </a>
40070
40071
40072        <a href="/blog/webdesign/macromedia_web_publishing_system">
40073          <section class="excerpt">
40074            <header>
40075              <p class="date"><time datetime="2004-07-20T18:04:47+09:00">20日</time></p>
40076
40077              <h3>Macromedia Web Publishing System</h3>
40078            </header>
40079
40080            <p>Studio MXやFlashPaper 2、Contribute 3、Contribute Publishing Servicesをまとめて、Web製作に関わる全ての人が、自分のやるべきことに集中できるようになるソリューション、Macromedia Web Publishing Systemの発売がアナウンスされました。features overviewなんかを見ると、「すげー!」とか「楽できる?」とかそんな感じでウハウハなんですが、それはまぁContributeで痛い目にあった人には眉唾って感じ?</p>
40081          </section>
40082        </a>
40083
40084
40085        <a href="/blog/blog/comment_without_hiragana">
40086          <section class="excerpt">
40087            <header>
40088              <p class="date"><time datetime="2004-07-19T16:44:10+09:00">19日</time></p>
40089
40090              <h3>ひらがなを含まないコメント</h3>
40091            </header>
40092
40093            <p>コメント・スパム対策に「ひらがなを含まないコメントを受け付けない」という考えを思いついてみる。似たようなものにASCIIのみのコメントを弾くという手法があり、これがとても有効なので、そこまã
40093§ã—なくても・・・という感じではありますが、こうするとマラヤラム語やアフリカーンス語のコメント・スパムや、ASCIIじゃないんだけど欧米では比較的良く使われる文字(&#169;とか&#8364;とか)を含むコメント・スパムも弾けそうかなと。</p>
40094          </section>
40095        </a>
40096
40097
40098        <a href="/blog/software/keyword_search">
40099          <section class="excerpt">
40100            <header>
40101              <p class="date"><time datetime="2004-07-19T14:37:30+09:00">19日</time></p>
40102
40103              <h3>Keyword検索</h3>
40104            </header>
40105
40106            <p>Firefox(Mozillaもだけど)ではBookmarkにKeywordを付けておくと、そのKeywordでそのbookmarkを一発で開くことが出来ます(言葉にするとややこしい)。その時、そのBookmarkのURLに%sが入っていると、Keywordに続けて打った文字と%sを入れ替えて開いてくれるそうです(これまたややこしい)。そんなことをIRCでサンバ大好きkengoさんに少し前に教えてもらいました。まーぶっちゃけIEのSearchUrlと同機能+α(こっちはURLエスケープしてくれる)。</p>
40107          </section>
40108        </a>
40109
40110
40111        <a href="/blog/blosxom/latest_entries_plugin">
40112          <section class="excerpt">
40113            <header>
40114              <p class="date"><time datetime="2004-07-17T17:33:10+09:00">17日</time></p>
40115
40116              <h3>latest_entries plugin</h3>
40117            </header>
40118
40119            <p>MLでheadlinesプラグインとかの話が出たのでちょろちょろと最近のエントリ一覧のリストを作り出すプラグイン、latest_entriesを作ってみる。コード自体はsame_categoryプラグインとほとんど一緒だったので、10分くらいで作れたりした。</p>
40120          </section>
40121        </a>
40122
40123
40124        <a href="/blog/rss/rss_reader_and_404_not_found">
40125          <section class="excerpt">
40126            <header>
40127              <p class="date"><time datetime="2004-07-17T09:59:36+09:00">17日</time></p>
40128
40129              <h3>RSSリーダーと404 Not Found</h3>
40130            </header>
40131
40132            <p>このサイトではいろいろなウェブ・ページからRSSを生成して配信したりしているわけですが、都合(公式と被ったとかうまく生成できなくなったとか)により配信を停止しちゃったりします。その場合は何も考えずにRSS自体を削除し、404 Not Foundを返しているわけですが、いつまでたっても読みに来る人とかいたりする。</p>
40133          </section>
40134        </a>
40135
40136
40137        <a href="/blog/blosxom/same_category_plugin">
40138          <section class="excerpt">
40139            <header>
40140              <p class="date"><time datetime="2004-07-16T12:45:22+09:00">16日</time></p>
40141
40142              <h3>same_category plugin</h3>
40143            </header>
40144
40145            <p>same_categoryプラグインは、エントリごとのページに同じカテゴリ(子も含む)の最近のエントリのリストを表示できるようにするプラグインです。同様のものにhotlists(多分)やfriendentriesがありましたが、なぜか自作する。</p>
40146          </section>
40147        </a>
40148
40149
40150        <a href="/blog/misc/notice_040715">
40151          <section class="excerpt">
40152            <header>
40153              <p class="date"><time datetime="2004-07-15T17:25:17+09:00">15日</time></p>
40154
40155              <h3>お知らせ</h3>
40156            </header>
40157
40158            <p>サーバーの設定がおかしかったのか、しばらくの間、ページがうまく開けない状態だったみたいですね。16時くらいに直せた気が。</p>
40159          </section>
40160        </a>
40161
40162
40163        <a href="/blog/blog/delete_title_param_from_comment_form">
40164          <section class="excerpt">
40165            <header>
40166              <p class="date"><time datetime="2004-07-14T17:35:19+09:00">14日</time></p>
40167
40168              <h3>タイトル・パラメータをコメントのフォームから削除</h3>
40169            </header>
40170
40171            <p>コメントつける時にタイトルを考えるのは苦痛だと思うので、フォームから削除してみたりする。なんか凄くいまさらな作業だ。</p>
40172          </section>
40173        </a>
40174
40175
40176        <a href="/blog/webdesign/tune_up_menu_column">
40177          <section class="excerpt">
40178            <header>
40179              <p class="date"><time datetime="2004-07-13T11:01:57+09:00">13日</time></p>
40180
40181              <h3>メニュー・カラムの調整</h3>
40182            </header>
40183
40184            <p>検索フォームとグローバル・メニューの位置を入れ替えてみる。アクセス・ログをタラタラと見る限りでは、グローバル・メニューを辿る人よりも検索使う人のが多そうという見解に達したã
40184®ã§ã€‚検索フォームは小さいので、グローバル・メニューを辿ろうとする場合にも、邪魔ということにはならなそうですしね。</p>
40185          </section>
40186        </a>
40187
40188
40189        <a href="/blog/coding/xoomle">
40190          <section class="excerpt">
40191            <header>
40192              <p class="date"><time datetime="2004-07-13T10:09:54+09:00">13日</time></p>
40193
40194              <h3>XooMLe</h3>
40195            </header>
40196
40197            <p>XooMLeは、SOAPで提供されているGoogle Web APIsを、XML over HTTP(RESTで良いか)ラップするPHPスクリプトです。XSL書いたりするだけで、手軽にGoogle Web APIsを扱える、つまりAWSのRESTとほぼ同じ感じで扱えてしまう代物。</p>
40198          </section>
40199        </a>
40200
40201
40202        <a href="/blog/coding/include_blog_entries_title_among_foaf">
40203          <section class="excerpt">
40204            <header>
40205              <p class="date"><time datetime="2004-07-12T03:32:24+09:00">12日</time></p>
40206
40207              <h3>FOAFをブラウザで表示する時にblogのエントリのタイトル一覧を埋め込む</h3>
40208            </header>
40209
40210            <p>なんとなく気が向いたので、XSLを利用して、FOAFをブラウザで表示する時にblogのエントリのタイトル一覧を埋め込んでみる。IE6やFirefoxではうまい具合に表示されました。RSS 1.0のファイル名が決め打ちなのがイタダケナイ。</p>
40211          </section>
40212        </a>
40213
40214
40215        <a href="/blog/software/firefox_userchrome_css_tricks">
40216          <section class="excerpt">
40217            <header>
40218              <p class="date"><time datetime="2004-07-10T13:43:08+09:00">10日</time></p>
40219
40220              <h3>FirefoxのuserChrome.cssネタ</h3>
40221            </header>
40222
40223            <p>FirefoxのuserChrome.cssに書いたら便利そうなものをメモするエントリ。Firefox Helpに載ってないもの限定で。Firefox限定って訳でもないか。随時更新ということにしておく。</p>
40224          </section>
40225        </a>
40226
40227
40228        <a href="/blog/software/tbe_1102004062101_and_bloglines">
40229          <section class="excerpt">
40230            <header>
40231              <p class="date"><time datetime="2004-07-10T08:40:12+09:00">10日</time></p>
40232
40233              <h3>Tabbrowser Extensions 1.10.2004070901とBloglines</h3>
40234            </header>
40235
40236            <p>先ほどFirefox Extensionsの新着情報のRSSを作成した関係で、Tabbrowser Extensionsが1.10.2004070901に更新されたことに気づきました。そしてインストールしてBloglinesを開こうとすると、一般保護エラー。たまに開くことは出来ますが、フォルダをクリックしてもうんともすんとも言わなくなりました。</p>
40237          </section>
40238        </a>
40239
40240
40241        <a href="/blog/rss/firefox_extensions_and_themes">
40242          <section class="excerpt">
40243            <header>
40244              <p class="date"><time datetime="2004-07-10T07:54:55+09:00">10日</time></p>
40245
40246              <h3>Firefox Extensions and Themes</h3>
40247            </header>
40248
40249            <p>Mozilla Updateで見ることの出来る、FirefoxのExtensionとThemeの新着情報からRSSを生成し始めました。FirefoxのOptionsでSoftware Updateでも良い気がしますが、これはあくまでもインストール済みのものの更新チェックですしね。</p>
40250          </section>
40251        </a>
40252
40253
40254        <a href="/blog/coding/document_of_aws_sdk">
40255          <section class="excerpt">
40256            <header>
40257              <p class="date"><time datetime="2004-07-09T13:29:40+09:00">9日</time></p>
40258
40259              <h3>Amazon Web Services SDKのドキュメント</h3>
40260            </header>
40261
40262            <p>ブラウザで開く度に「ガガガッ」というけたたましい音を鳴らしてくれるAmazon Web Services SDKのドキュメント。なんでフロッピー・ディスクにアクセスしにいくのだろうと思いつつ、たまにしか読まないので放置していたのをとりあえずチェックしてみたら、link要素のhref属性の値がfile:///A:/...とかになってたよ。ã
40262ªã‚“じゃそりゃ。</p>
40263          </section>
40264        </a>
40265
40266
40267        <a href="/blog/software/any_browser_from_msn_messenger">
40268          <section class="excerpt">
40269            <header>
40270              <p class="date"><time datetime="2004-07-09T03:56:24+09:00">9日</time></p>
40271
40272              <h3>MSN Messengerから任意のブラウザを起動</h3>
40273            </header>
40274
40275            <p>MSN MessengerがURLを開くブラウザを決定する挙動が、大体つかめた気がするので、手順を書いてみようかと。かなりアクロバットなレジストリの参照の仕方をしているなぁという感想。普通にhttpの関連付けから起動とかで良いじゃん。</p>
40276          </section>
40277        </a>
40278
40279
40280        <a href="/blog/software/firefox_from_msn_messenger">
40281          <section class="excerpt">
40282            <header>
40283              <p class="date"><time datetime="2004-07-08T07:46:57+09:00">8日</time></p>
40284
40285              <h3>MSN MessengerからFirefox</h3>
40286            </header>
40287
40288            <p>MSN Messengerの会話中のURLをクリックすると、IEが立ち上がってくれるわけで、Moon Browser愛用の頃から、どうにかならんものかと思っていたわけですが、出来ないことは無いらしいという噂もあることですし、ちょっと真面目に調べてみようかなと。と思ってごちゃごちゃやったらFirefoxが立ち上がるようになったっぽい。</p>
40289          </section>
40290        </a>
40291
40292
40293        <a href="/blog/media/hanazakari_no_kimitachi_he">
40294          <section class="excerpt">
40295            <header>
40296              <p class="date"><time datetime="2004-07-08T04:59:30+09:00">8日</time></p>
40297
40298              <h3>花ざかりの君たちへ</h3>
40299            </header>
40300
40301            <p>最近、「花ざかりの君たちへ」を20巻まで一気に読みました。面白すぎ。なんつーか、すげぇな、これ。22巻まで出てるんですね。とりあえず買おう。</p>
40302          </section>
40303        </a>
40304
40305
40306        <a href="/blog/rss/brand-new_bloglines">
40307          <section class="excerpt">
40308            <header>
40309              <p class="date"><time datetime="2004-07-07T17:49:42+09:00">7日</time></p>
40310
40311              <h3>Brand-new Bloglines</h3>
40312            </header>
40313
40314            <p>方々で話題になっていますが、Bloglinesが全面リニューアルされました。</p>
40315          </section>
40316        </a>
40317
40318
40319        <a href="/blog/software/alternative_shell_by_rollup">
40320          <section class="excerpt">
40321            <header>
40322              <p class="date"><time datetime="2004-07-06T14:42:31+09:00">6日</time></p>
40323
40324              <h3>alternative shell? by Rollup</h3>
40325            </header>
40326
40327            <p>昔取ったRollupのアカウントを使ってExplorer互換シェルの情報をまとめてみる。Bloglinesにぶち込んでいたのをまとめただけなんですがね。あんまりプライオリティ高くないので、こっちで見た方が良さげな気がする。Rollupは上記URLのように、HTMLとしてまとめてくれるだけでなく、RSSも吐いてくれるので、それをBloglinesで読めば済む話だし。</p>
40328          </section>
40329        </a>
40330
40331
40332        <a href="/blog/rss/changes_in_rss_reader_share">
40333          <section class="excerpt">
40334            <header>
40335              <p class="date"><time datetime="2004-07-05T08:13:07+09:00">5日</time></p>
40336
40337              <h3>RSSリーダーのシェア変化</h3>
40338            </header>
40339
40340            <p>先々月あたりから、RSSリーダーのシェアには微妙な変化が現れているようです(あくまでもうちへのアクセスではですが)。その変化とは「国産リーダーが明らかに増えた」というもの。そこかしこで特集が組まれており、そこではやはり国産のものが(多少機能は劣っていても)紹介されたりするのが大きいんでしょうね。</p>
40341          </section>
40342        </a>
40343
40344
40345        <a href="/blog/media/josh_homme_and_polly_jean_harvey">
40346          <section class="excerpt">
40347            <header>
40348              <p class="date"><time datetime="2004-07-05T02:06:48+09:00">5日</time></p>
40349
40350              <h3>Josh HommeとPolly Jean Harvey</h3>
40351            </header>
40352
40353            <p>Queen of the Stone AgeのフロントマンであるJosh HommeとPJ HarveyであるところのPolly Jean Harvey、この二人は昔付き合っていたのか! とか、今さらThe Desert Sessions, Vol. 9-10を購入していろいろサイト見てたら気づいた。ファン失格気味。</p>
40354          </section>
40355        </a>
40356
40357
40358        <a href="/blog/coding/set_data_to_clipboard_from_bookmarklet">
40359          <section class="excerpt">
40360            <header>
40361              <p class="date"><time datetime="2004-07-04T00:08:01+09:00">4日</time></p>
40362
40363              <h3>Bookmarkletからクリップボードに文字列をコピー</h3>
40364            </header>
40365
40366            <p>前回のエントリの応用で、Bookmarkletからクリップボードにコピーすることも出来ました。なにげに便利。てか、もうこれ無しでは生きていけない予感。</p>
40367          </section>
40368        </a>
40369
40370
40371        <a href="/blog/coding/view_sorce_in_firefox">
40372          <section class="excerpt">
40373            <header>
40374              <p class="date"><time datetime="2004-07-03T22:17:33+09:00">3日</time></p>
40375
40376              <h3>Firefoxのソースの表示を任意のエディタで</h3>
40377            </header>
40378
40379            <p>Firefoxで、閲覧中のページのソースを任意のエディタで開くという機能を提供する拡張はいくつかあるのですが、サブ・メニューにあったりするのがかったるかったり、もう探すの飽きてきたã
40379®ã§ã€ã©ã†ã«ã‹Bookmarkletで出来ないかと画策していました。ムリっぽい・・・と思ってたけど、かなり強引なやり方で出来たりした。</p>
40380          </section>
40381        </a>
40382
40383
40384        <a href="/blog/blog/itmedia_dev_blogcms">
40385          <section class="excerpt">
40386            <header>
40387              <p class="date"><time datetime="2004-07-03T15:24:05+09:00">3日</time></p>
40388
40389              <h3>ITmedia dev blog/CMS</h3>
40390            </header>
40391
40392            <p>いろいろなサイトで触れられていますが、ITmediaでBlogツール/サービス、コンテンツ管理のニュースとしてdev Blog/CMSというチャンネルが新設されましたね。とりあえずほにゃららしてみる(今後生成しつづけるかは未定)。なんとなく言葉の端々から「devとか言ってる割りには、開発してる人の実感がこもっていない」みたいな感覚が。あとURLがcommunityってのはどうかなとか。</p>
40393          </section>
40394        </a>
40395
40396
40397        <a href="/blog/software/firefox_searchplugins">
40398          <section class="excerpt">
40399            <header>
40400              <p class="date"><time datetime="2004-07-03T14:59:54+09:00">3日</time></p>
40401
40402              <h3>ひぎつねけんさくせっと</h3>
40403            </header>
40404
40405            <p>バックアップ(自分の)のために、Firefoxのsearchpluginsフォルダの内容を書庫にして置いてみる。たまにバージョン・アップする時に上書きして消しちゃったりしない? Firefoxのアーカイブに含まれる奴に上書きされるような名前つけている僕が悪いのですが(この書庫ではちゃんと分類した)。</p>
40406          </section>
40407        </a>
40408
40409
40410        <a href="/blog/blog/find_trackback_ping_url">
40411          <section class="excerpt">
40412            <header>
40413              <p class="date"><time datetime="2004-07-03T00:16:34+09:00">3日</time></p>
40414
40415              <h3>Find TrackBack ping URL</h3>
40416            </header>
40417
40418            <p>miyagawaさんのエントリを見て、「TrackBack Auto-discovery用のRDFはコメントアウトされているから、innerHTMLとかじゃなくて、ドキュメントのノードを全てチェックし、nodeTypeが8かどうかをチェックすればコメントを抽出できるので、そこから正規表現かけてやればTrackBack ping URL探せそう!」と思ったのでシコシコ作ってみました。</p>
40419          </section>
40420        </a>
40421
40422
40423        <a href="/blog/media/eddie">
40424          <section class="excerpt">
40425            <header>
40426              <p class="date"><time datetime="2004-07-02T18:33:22+09:00">2日</time></p>
40427
40428              <h3>Eddie</h3>
40429            </header>
40430
40431            <p>こうさぎ(今は押し入れで飼っているので、ここにはいないけど)につけた名前「Eddie」はEddie Vedderからです。で、最近、彼を見るたびに関根勤に見えて困ってると言う話です。</p>
40432          </section>
40433        </a>
40434
40435
40436        <a href="/blog/coding/associate_this_with_image">
40437          <section class="excerpt">
40438            <header>
40439              <p class="date"><time datetime="2004-07-01T20:51:10+09:00">1日</time></p>
40440
40441              <h3>Associate This (with image)!</h3>
40442            </header>
40443
40444            <p>Firefoxに暫定的に移行中なので、IEのMenuExtで愛用していたAmazonの個別商品リンクを画像付きで作るスクリプトをBookmarkletにしてみました。IEのMenuExtではevent.srcとかで画像のURLが簡単に拾えるので、簡単だったのですが、Bookmarkletではちっと苦労しました。が、ソースのimg要素を全部調べ、src属性にMZZZZZZZが含まれるかどうかを調べれば良いことに気づいたあとはけっこう簡単でした。</p>
40445          </section>
40446        </a>
40447
40448
40449        <a href="/blog/blosxom/blosxom_starter_kit_17">
40450          <section class="excerpt">
40451            <header>
40452              <p class="date"><time datetime="2004-07-01T18:35:05+09:00">1日</time></p>
40453
40454              <h3>blosxom starter kit #17</h3>
40455            </header>
40456
40457            <p>blosxom starter kitを1.0.1aに更新しました。modifiedをmodifeidとか書いてたよ。</p>
40458          </section>
40459        </a>
40460
40461
40462        <a href="/blog/software/switch_to_firefox">
40463          <section class="excerpt">
40464            <header>
40465              <p class="date"><time datetime="2004-07-01T17:06:18+09:00">1日</time></p>
40466
40467              <h3>Firefoxに移行?</h3>
40468            </header>
40469
40470            <p>なんとなくFirefoxをメインにしようと作業してました。IEã
40470®ã‚¢ãƒ¬ãªç©´(こう言うとエロい)が、さすがにちとやばそう(フラフラとあまり考えずにいろいろなところ開くから)なので、とりあえずは一時的に移行。穴が塞がるまでにこっちに慣れてしまったらそのまま使いつづけることになるでしょう。</p>
40471          </section>
40472        </a>
40473
40474          </section>
40475          <section>
40476            <h2><time datetime="2004-06">2004年6月</time></h2>
40477
40478        <a href="/blog/misc/nanami">
40479          <section class="excerpt">
40480            <header>
40481              <p class="date"><time datetime="2004-06-30T19:05:12+09:00">30日</time></p>
40482
40483              <h3>ななみちゃん</h3>
40484            </header>
40485
40486            <p>木の実から生まれたななみちゃん! 一代前のキモイポリゴンキャラクタとは雲泥の可愛さですね。</p>
40487          </section>
40488        </a>
40489
40490
40491        <a href="/blog/rss/vector_softnews">
40492          <section class="excerpt">
40493            <header>
40494              <p class="date"><time datetime="2004-06-29T23:27:22+09:00">29日</time></p>
40495
40496              <h3>Vector 新着ソフトレビュー</h3>
40497            </header>
40498
40499            <p>Vectorの新着ソフトレビューがオフィシャルにRSSの配信を始めました。この新着ソフトレビュー、最近は妙に商売っけを出している気がしますが、まぁ○○○○○○○な感じですかね(わからないよ)。</p>
40500          </section>
40501        </a>
40502
40503
40504        <a href="/blog/blosxom/customize_breadcrumbs_plugin">
40505          <section class="excerpt">
40506            <header>
40507              <p class="date"><time datetime="2004-06-29T12:23:37+09:00">29日</time></p>
40508
40509              <h3>Customize breadcrumbs plugin</h3>
40510            </header>
40511
40512            <p>BBSにて、パン屑リストを生成するプラグイン、breadcrumbsの改造を頼まれたので改造してみました。内容は「エントリごとの閲覧の場合、最後がエントリのファイル名になっているのを、そのエントリのタイトルにする」というもの。</p>
40513          </section>
40514        </a>
40515
40516
40517        <a href="/blog/blosxom/entry_filename">
40518          <section class="excerpt">
40519            <header>
40520              <p class="date"><time datetime="2004-06-28T14:05:41+09:00">28日</time></p>
40521
40522              <h3>エントリのファイル名</h3>
40523            </header>
40524
40525            <p>エントリのファイル名をいじった関係(わかってないけど多分)で、ココのトップページに過去のエントリがずらっと出てきてしまいました。はてなアンテナとかでうざったいことになってたりする。ごめんなさい(心をこめて)。ついでになんか書いてみよう。</p>
40526          </section>
40527        </a>
40528
40529
40530        <a href="/blog/blosxom/googlebot_plugin">
40531          <section class="excerpt">
40532            <header>
40533              <p class="date"><time datetime="2004-06-27T19:15:08+09:00">27日</time></p>
40534
40535              <h3>googlebot plugin</h3>
40536            </header>
40537
40538            <p>V. W. MarshallのIn Which the Fly Invites the Spider Into His Parlorと言うエントリにinspireされて(inspireとはパクったのを誤魔化したい時に使う言葉です)、Googlebotが自分が設置したblosxomのどこかしらのページをクロールした時メールを送信するプラグイン、googlebotと言うものを作ってみました。</p>
40539          </section>
40540        </a>
40541
40542
40543        <a href="/blog/media/pj_harvey_on_glastonbury_2004">
40544          <section class="excerpt">
40545            <header>
40546              <p class="date"><time datetime="2004-06-27T15:33:21+09:00">27日</time></p>
40547
40548              <h3>PJ Harvey on Glastonbury 2004</h3>
40549            </header>
40550
40551            <p>PJ HarveyのGlastonbury 2004でのパフォーマンスのWebcastを見てました。文句なし。最新アルバムからの曲が中心でしたが、昔の曲もいっぱいあったすばらしい1時間は、&quot;To Bring You My Love&quot;で終わり。MCの時の声がカワイイ。</p>
40552          </section>
40553        </a>
40554
40555
40556        <a href="/blog/internet/process_alt_ad_for_adsense_by_aws_2">
40557          <section class="excerpt">
40558            <header>
40559              <p class="date"><time datetime="2004-06-26T10:28:15+09:00">26日</time></p>
40560
40561              <h3>
40561AdSenseの代替広告をAWSで #2</h3>
40562            </header>
40563
40564            <p>AdSenseの代替広告をAWSでの続き。このエントリの追記で、ページ自体のランダム化はできたのですが、これでは各ページの最初のアイテムしか出てこないので、どうにかしてランダムの順位のアイテムを出そうといろいろいじってました。XSLファイル内ではどうにかできそうもないので、各順位を取り出すXSLファイルを10用意し(1ページに付き10アイテムなので)、AdSenseのJavaScriptコードの方でランダムにそれを呼んでやるという手段になりました。</p>
40565          </section>
40566        </a>
40567
40568
40569        <a href="/blog/internet/google_adsense_234x60_format">
40570          <section class="excerpt">
40571            <header>
40572              <p class="date"><time datetime="2004-06-25T16:23:07+09:00">25日</time></p>
40573
40574              <h3>AdSenseに234*60のフォーマットが追加</h3>
40575            </header>
40576
40577            <p>Google AdSenseで234*60という大きさのフォーマットのバナーが始まりましたね。このサイトはVerdanaなので、Verdanaで提供されるフォーマットが良いなぁと前から思っていたのですが、サイズ的にダメなモノばかりで、Arialな120*240を利用していました。この新しい234*60の大きさのものはVerdanaでかつコンパクトと、かなりツボ。なので、早速差し替えてみたり。</p>
40578          </section>
40579        </a>
40580
40581
40582        <a href="/blog/rss/modified_issued_and_created">
40583          <section class="excerpt">
40584            <header>
40585              <p class="date"><time datetime="2004-06-24T19:59:19+09:00">24日</time></p>
40586
40587              <h3>Atomのmodifiedとissued、created</h3>
40588            </header>
40589
40590            <p>Atomのentry要素では、最終更新時刻を示すmodified要素と公開時刻を示すissued要素、そして作成時刻を示すcreated要素の3つで各エントリの様々な時刻を表現できるわけですが、統一感に欠ける印象の仕様で厄介かなぁと。ま、知ってりゃ機械的に処理できるので問題無いといえば問題無いんですが。</p>
40591          </section>
40592        </a>
40593
40594
40595        <a href="/blog/blosxom/hacking_linux_zaurus">
40596          <section class="excerpt">
40597            <header>
40598              <p class="date"><time datetime="2004-06-24T12:19:53+09:00">24日</time></p>
40599
40600              <h3>ハッキングLinuxザウルス</h3>
40601            </header>
40602
40603            <p>ハッキングLinuxザウルスというLinuxザウルス(ザウルスのSLシリーズ)を使い倒す本が刊行されています。CGI実行環境を構築するという章(4.2)で、blosxom starter kitを紹介してもらい、本を頂きました。</p>
40604          </section>
40605        </a>
40606
40607
40608        <a href="/blog/media/lollapalooza_2004_is_canceled">
40609          <section class="excerpt">
40610            <header>
40611              <p class="date"><time datetime="2004-06-23T11:57:59+09:00">23日</time></p>
40612
40613              <h3>Lollapalooza中止</h3>
40614            </header>
40615
40616            <p>チケットの売り上げが芳しくないため、今年のLollapaloozaは全て中止だそうです。マジスカ。</p>
40617          </section>
40618        </a>
40619
40620
40621        <a href="/blog/blosxom/blosxom_starter_kit_16">
40622          <section class="excerpt">
40623            <header>
40624              <p class="date"><time datetime="2004-06-23T10:55:11+09:00">23日</time></p>
40625
40626              <h3>blosxom starter kit #16</h3>
40627            </header>
40628
40629            <p>blosxom starter kitを1.0.1に更新しました。writebackでコメントを投稿すると、改行をbr要素に変換する機能を付けただけです。他にも何かつけようかなとか思ったのですが、特に何も必要では無さそうな気がしないでもないので、これだけ。</p>
40630          </section>
40631        </a>
40632
40633
40634        <a href="/blog/blosxom/customize_archives_2">
40635          <section class="excerpt">
40636            <header>
40637              <p class="date"><time datetime="2004-06-22T03:49:35+09:00">22日</time></p>
40638
40639              <h3>Customize archives plugin #2</h3>
40640            </header>
40641
40642            <p>archivesプラグインを拡張して、tDiaryライクな横並びの月別ページへのリンク・リストを生成できるようにしてみたり。</p>
40643          </section>
40644        </a>
40645
40646
40647        <a href="/blog/sports/kuroda_records_first_shutout_of_the_season_04">
40648          <section class="excerpt">
40649            <header>
40650              <p class="date"><time datetime="2004-06-21T07:32:32+09:00">21日</time></p>
40651
40652              <h3>黒田初完封</h3>
40653            </header>
40654
40655            <p>いまいち調子の上がらなかった黒田がようやく今季初完封。ま、昨日のピッチングくらいはやってもらわないと困っちゃいます。いや、完封しろということでã
40655¯ãªãè¦æ‰€ã§ä¸‰æŒ¯ &amp; 四死球与えないというピッチング。</p>
40656          </section>
40657        </a>
40658
40659
40660        <a href="/blog/blosxom/customize_paginate_simple">
40661          <section class="excerpt">
40662            <header>
40663              <p class="date"><time datetime="2004-06-20T16:53:03+09:00">20日</time></p>
40664
40665              <h3>Customize paginate_simple</h3>
40666            </header>
40667
40668            <p>paginate_simpleを拡張して、phpBBとかにあるようなページ番号のリストも出力するように・・・しようとして挫折したとかいう。</p>
40669          </section>
40670        </a>
40671
40672
40673        <a href="/blog/internet/site-flavoured_google_search">
40674          <section class="excerpt">
40675            <header>
40676              <p class="date"><time datetime="2004-06-19T23:23:06+09:00">19日</time></p>
40677
40678              <h3>Site-Flavoured Google Search</h3>
40679            </header>
40680
40681            <p>AdSenseと連携したGoogle検索が話題になってますが、Google labsの方では、Site-Flavored Google Searchというものが公開されていました。あらかじめ指定したカテゴリに属すると思われるGoogleの検索結果のプライオリティをあげるというもの(多分)。</p>
40682          </section>
40683        </a>
40684
40685
40686        <a href="/blog/coding/getunreadmailnum">
40687          <section class="excerpt">
40688            <header>
40689              <p class="date"><time datetime="2004-06-18T15:20:17+09:00">18日</time></p>
40690
40691              <h3>GetUnreadMailNum</h3>
40692            </header>
40693
40694            <p>僕は鶴亀メールを愛用していているのですが、「未読メールがあるかないかしかわからず、総未読メール数は鶴亀メールのウィンドウを開かないとわからない」という不満がありました。ので、マクロを作ってみた。</p>
40695          </section>
40696        </a>
40697
40698
40699        <a href="/blog/blosxom/customize_writeback_9">
40700          <section class="excerpt">
40701            <header>
40702              <p class="date"><time datetime="2004-06-18T12:45:31+09:00">18日</time></p>
40703
40704              <h3>Customize writeback plugin #9</h3>
40705            </header>
40706
40707            <p>このblogのwritebackには「コメント投稿後、そのまま再読み込みするとコメントが二重投稿になる」という問題点がありました(前から気づいていたけど放置してた)。通常はダイアログが出てフォームの再送信を確認されたりするので、問題無いとは思うのですが、○○がある××に△△されるとアレなので(わけわからん)、単純明快にmeta要素によるリダイレクトを間に挟むことによって対策してみました。</p>
40708          </section>
40709        </a>
40710
40711
40712        <a href="/blog/blosxom/all_about_blosxom">
40713          <section class="excerpt">
40714            <header>
40715              <p class="date"><time datetime="2004-06-16T22:40:27+09:00">16日</time></p>
40716
40717              <h3>all about blosxom</h3>
40718            </header>
40719
40720            <p>blosxom.orgでblosxomのMLというblosxomに関することなら何でもOKなML開設のエントリが公開されました。僕が書いたんですけどね。参加はblosxom.orgのエントリに設置してあるフォームよりどうぞ。</p>
40721          </section>
40722        </a>
40723
40724
40725        <a href="/blog/rss/deep_link_and_rss">
40726          <section class="excerpt">
40727            <header>
40728              <p class="date"><time datetime="2004-06-16T17:33:59+09:00">16日</time></p>
40729
40730              <h3>直リンとRSS</h3>
40731            </header>
40732
40733            <p>英語では「deep link」(多分)、日本語では「じきりん」または「ちょくりん」と呼ばれる(僕は後者)この行為、多くのレンタル・サーバーでは転送量に制限があるため、画像への直リン嫌われますね。なので、.htaccessで弾いている人も多いでしょう。</p>
40734          </section>
40735        </a>
40736
40737
40738        <a href="/blog/rss/ms_kb_rss">
40739          <section class="excerpt">
40740            <header>
40741              <p class="date"><time datetime="2004-06-15T23:15:06+09:00">15日</time></p>
40742
40743              <h3>
40743Microsoftサポート技術情報のRSS</h3>
40744            </header>
40745
40746            <p>Microsoftのサポート技術情報のRSSが配信されているんですね。@ITの新着サポート技術情報を効率的にチェックする方法というWindows Tipsで知りました。descriptionにかなり要約がきちんとあることや、categoryでMicrosoftのどの製品の情報なのかがわかってかなり良いです。細かくカスタマイズできるのもポイント高い。</p>
40747          </section>
40748        </a>
40749
40750
40751        <a href="/blog/media/american_wedding">
40752          <section class="excerpt">
40753            <header>
40754              <p class="date"><time datetime="2004-06-14T23:52:11+09:00">14日</time></p>
40755
40756              <h3>American Wedding</h3>
40757            </header>
40758
40759            <p>TVKをタラタラ見ていたら、Mutoma internationalでNuというバンドを発見。スウェーデンのバンドみたい。ボーカルの人がエライカッコイイ。オフィシャルサイトも全面Flashでなかなか。</p>
40760          </section>
40761        </a>
40762
40763
40764        <a href="/blog/misc/tengallon_hat">
40765          <section class="excerpt">
40766            <header>
40767              <p class="date"><time datetime="2004-06-14T14:59:48+09:00">14日</time></p>
40768
40769              <h3>テンガロン・ハット</h3>
40770            </header>
40771
40772            <p>買いました。似合わねー。</p>
40773          </section>
40774        </a>
40775
40776
40777        <a href="/blog/blog/move_to_new_blog">
40778          <section class="excerpt">
40779            <header>
40780              <p class="date"><time datetime="2004-06-13T21:40:34+09:00">13日</time></p>
40781
40782              <h3>新しいblogへ引っ越し</h3>
40783            </header>
40784
40785            <p>某日記サービスが某blogサービスに吸収合併されたわけですが、そこで気になったのは自分がそういう目にあった場合、それまでのログをどうするかという問題。んーまーレンタル・サーバーでCGIを走らせている場合は、どうにでもなるかなとかも思うのですが(blosxomの場合はログがファイルとしてローカルに残っていることが多いのでさらに楽)。</p>
40786          </section>
40787        </a>
40788
40789
40790        <a href="/blog/sports/ohtake_signature_photo">
40791          <section class="excerpt">
40792            <header>
40793              <p class="date"><time datetime="2004-06-11T21:49:09+09:00">11日</time></p>
40794
40795              <h3>大竹のサイン入り写真貰った</h3>
40796            </header>
40797
40798            <p>大竹のサイン入り生写真貰いました。緒方と前田に続き、サイン入り写真は3つ目。とりあえず額に入れて飾っておく。なんか横に「金本 10」と書かれたサインボールとかありますが、きっと気のせい。タイガース戦に負けたときはこのボールを枕に投げつけて憂さ晴らししてるけど。</p>
40799          </section>
40800        </a>
40801
40802
40803        <a href="/blog/media/richard_prince">
40804          <section class="excerpt">
40805            <header>
40806              <p class="date"><time datetime="2004-06-11T00:13:23+09:00">11日</time></p>
40807
40808              <h3>Richard Prince</h3>
40809            </header>
40810
40811            <p>Sonic Youthの新譜、Sonic Nurseのジャケットの絵を書いた人はどうも有名な人らしいとか言うことでざっと調べてみました。浅学にして絵画の知識はほとんど無いわけで苦労したわけですが、どうやらRichard Princeという方らしい。</p>
40812          </section>
40813        </a>
40814
40815
40816        <a href="/blog/rss/hatena_antenna_rss">
40817          <section class="excerpt">
40818            <header>
40819              <p class="date"><time datetime="2004-06-10T05:36:19+09:00">10日</time></p>
40820
40821              <h3>はてなアンテナのRSS</h3>
40822            </header>
40823
40824            <p>各所で話題になっているはてなアンテナのRSSですが、微妙に使いにくいかなあと。いわゆるblogのRSSのように更新した内容までバッチリあることに慣れてしまったので、単なるURLの羅列というのはなかなか。単なるURLの羅列でもニュースサイトのRSSのように、その内容があらかじめ了解できないようなものなら構わないと思うんですけどね。</p>
40825          </section>
40826        </a>
40827
40828
40829        <a href="/blog/internet/zorome_asin">
40830          <section class="excerpt">
40831            <header>
40832              <p class="date"><time datetime="2004-06-10T01:33:38+09:00">10日</time></p>
40833
40834              <h3>ゾロ目のASIN</h3>
40835            </header>
40836
40837            <p>ヒマだったので、ゾロ目のASINには果たして商品は有るか調べてみました。ASINは[0-9A-Z]{10}だと思うので、それを踏まえてそれら36文字のゾロ目、すなわち「0000000000」とか「hhhhhhhhhh」とかのASINベースのURLのリストを作成し、一気にGETするという荒業でやってみたり。</p>
40838          </section>
40839        </a>
40840
40841
40842        <a href="/blog/misc/scanner_and_camera">
40843          <section class="excerpt">
40844            <header>
40845              <p class="date"><time datetime="2004-06-09T17:04:31+09:00">9日</time></p>
40846
40847              <h3>スキャナとカメラ</h3>
40848            </header>
40849
40850            <p>sticpl.cplというファイルが実体な、コントロール・パネルアプレットの「スキャナとカメラ」。これはスキャナやカメラをPCに接続した時に、任意のアプリケーションを起動するように設定できたりするわけで、接続したらデジカメのメモリにある全画像を既定のフォルダに即コピーとかいう荒業も(JScriptで)できたりします(XPではもっといろいろできるみたいですが、知りません)。しかし、いろいろなマシンで遊んでたら、どうやら一部のマシンではこれは無効になっているらしい。</p>
40851          </section>
40852        </a>
40853
40854
40855        <a href="/blog/gadget/turbo_toenail_clipper">
40856          <section class="excerpt">
40857            <header>
40858              <p class="date"><time datetime="2004-06-08T02:14:56+09:00">8日</time></p>
40859
40860              <h3>ターボ・足の爪切り</h3>
40861            </header>
40862
40863            <p>Gizmodで足の爪切りが紹介されていました。とりあえず商品紹介ページを見るべし。</p>
40864          </section>
40865        </a>
40866
40867
40868        <a href="/blog/misc/suicide">
40869          <section class="excerpt">
40870            <header>
40871              <p class="date"><time datetime="2004-06-07T23:51:04+09:00">7日</time></p>
40872
40873              <h3>Suicide</h3>
40874            </header>
40875
40876            <p>世間では某氏がマンションから落下したのが「自殺かも?」とかいう話で盛り上がって報道が多くされていますが、世間はこういう話は好き(言い方悪い)なのでしょうか? Yahoo!ニュースにもインフォシークニュースにも、自殺というトピックスがあるのですね。</p>
40877          </section>
40878        </a>
40879
40880
40881        <a href="/blog/misc/the_rainy_season">
40882          <section class="excerpt">
40883            <header>
40884              <p class="date"><time datetime="2004-06-07T18:51:47+09:00">7日</time></p>
40885
40886              <h3>梅雨</h3>
40887            </header>
40888
40889            <p>関東地方は既に梅雨入りしたそうですが(詳しくは知らない)、毎年この時期になると思うことが。</p>
40890          </section>
40891        </a>
40892
40893
40894        <a href="/blog/gadget/wireless_intellimouse_explorer">
40895          <section class="excerpt">
40896            <header>
40897              <p class="date"><time datetime="2004-06-06T20:20:10+09:00">6日</time></p>
40898
40899              <h3>Wireless IntelliMouse Explorer</h3>
40900            </header>
40901
40902            <p>買いました。コレまで使用していたのはコードのあるIntelliMouse Optical (左右対照の奴)ですが、汚れが目立ってきたなどの理由があり購入。レザー ブラックの手触りは中々と思ったのですが、高いので、メタリック グレーに。</p>
40903          </section>
40904        </a>
40905
40906
40907        <a href="/blog/media/velvet_revolver_contraband">
40908          <section class="excerpt">
40909            <header>
40910              <p class="date"><time datetime="2004-06-05T23:39:20+09:00">5日</time></p>
40911
40912              <h3>Velvet Revolver / Contraband</h3>
40913            </header>
40914
40915            <p>元々は元Guns N&apos; RosesのSlashとDuff McKagan、Matt Sorumが始めたバンド(プロジェクト)なので、元Gunsとしか言われないバンドVelvet Revolverの1stアルバムContrabandは6/8にin store! 私的には元Stone Temple PilotsのScott Weilandがいることが素晴らしく重要なのですが。最近紹介してきたCDとは随分毛色が違いますが、まぁSeetherやNickelbackなんかも好きだったりするので。節操が無いとか言わない。</p>
40916          </section>
40917        </a>
40918
40919
40920        <a href="/blog/blosxom/blugins">
40921          <section class="excerpt">
40922            <header>
40923              <p class="date"><time datetime="2004-06-05T21:31:23+09:00">5日</time></p>
40924
40925              <h3>blosxom + plugins = blugins</h3>
40926            </header>
40927
40928            <p>エントリのネタに詰まったので、利用しているblosxomのプラグインをまとめて、blosxom pluginsというページを作ってみる。オリジナルとの差があまり無いものとほとんど自分専用的なものは省略。</p>
40929          </section>
40930        </a>
40931
40932
40933        <a href="/blog/gadget/olympus_az-1">
40934          <section class="excerpt">
40935            <header>
40936              <p class="date"><time datetime="2004-06-04T20:25:30+09:00">4日</time></p>
40937
40938              <h3>OLYMPUS AZ-1</h3>
40939            </header>
40940
40941            <p>OLYMPUS AZ-1の後ろの液晶のデカさとボタンの少なさにちょっと感動してみたりする。SONYのDSC-T11もかなりデカくて「おっ!」と思ったけど、それ以上な感じが一瞬したけど同じ大きさだった。後ろにボタンがほとんど無い分、大きく感じられたのかもしれない。</p>
40942          </section>
40943        </a>
40944
40945
40946        <a href="/blog/blosxom/blosxom_3_4i_will_be_released_on_monday">
40947          <section class="excerpt">
40948            <header>
40949              <p class="date"><time datetime="2004-06-03T17:04:54+09:00">3日</time></p>
40950
40951              <h3>blosxom 3.0+4iは月曜日</h3>
40952            </header>
40953
40954            <p>長らく3iで止まっていたblosxom 3 alphaですが、MLでRaelさんが月曜日に出すよとのたまっておられます。「のたまう」って尊敬語だったのか。てっきり人を小馬鹿にする時に使う言葉だと。日本語勉強しなければならないですね。</p>
40955          </section>
40956        </a>
40957
40958
40959        <a href="/blog/media/sonic_youth_sonic_nurse">
40960          <section class="excerpt">
40961            <header>
40962              <p class="date"><time datetime="2004-06-02T20:08:28+09:00">2日</time></p>
40963
40964              <h3>Sonic Youth / Sonic Nurse</h3>
40965            </header>
40966
40967            <p>今年は良い年。良いロックのCDがいっぱい出てるので。そんな中、どうやら今年最高のCDになりそうなのが、少し前にゲットしたSonic Youthの新譜、Sonic Nurse。珍しく全曲Thurston作曲みたい。んースバラシイ。過去最高傑作というキャッチもあながち間違いではないと思います(個人的にはSister最高)。</p>
40968          </section>
40969        </a>
40970
40971
40972        <a href="/blog/sports/garnett_refuses_to_join_dream_team">
40973          <section class="excerpt">
40974            <header>
40975              <p class="date"><time datetime="2004-06-02T17:02:08+09:00">2日</time></p>
40976
40977              <h3>Garnetはドリーム・チーム辞退</h3>
40978            </header>
40979
40980            <p>さて、NBAも閉幕しまして(僕の中では)、気になるのはアテネでのドリーム・チームですが、Garnettは辞退みたいですね。現役のNBAのトップ・プレーヤーがオフを返上してまでオリンピックに出ることに、ほとã
40980‚“ど意味が無いこともわからなくも無いですけどね。ファン的にはとても意味があることだとは思いますが。他にShaqやJason Kidd、Tracy McGrady、Vince Carterなども辞退の模様。というわけで、凄いけど華の無い(ヒドイ)Tim Duncanを中心にチームが組まれることでしょう。LeBron Jamesは出るみたい。彼が出るだけでも見る価値はあるかもとは思う。むしろこうなったらイキの良い若手だけでチーム作って欲しいなとか。</p>
40981          </section>
40982        </a>
40983
40984
40985        <a href="/blog/blog/customise_your_blog">
40986          <section class="excerpt">
40987            <header>
40988              <p class="date"><time datetime="2004-06-02T10:14:31+09:00">2日</time></p>
40989
40990              <h3>Customise your blog</h3>
40991            </header>
40992
40993            <p>2004年7月のiNTERNET magazineはblogをカスタマイズするとかいうタイトルでの特集がメインに据えられてますね。僕は何か必要と思ったら適当に自分で捏造してしまうことが多いので、んーまーこういうのもあるんだなという感じの感想でした。どうせならdel.icio.usとかFlickrとかアレゲなモノの紹介とかのがオモロイかなぁとか。単に僕がこういうのが好きなだけとか言う。</p>
40994          </section>
40995        </a>
40996
40997
40998        <a href="/blog/coding/quote_amazon_image">
40999          <section class="excerpt">
41000            <header>
41001              <p class="date"><time datetime="2004-06-01T16:12:54+09:00">1日</time></p>
41002
41003              <h3>Amazonの画像を引用</h3>
41004            </header>
41005
41006            <p>いくつかAmazonの画像置換とかをJavaScriptで書いてみたりしましたが、そもそもAmazonで商品を見ている時には、画像を見ているわけで(あるならばですがね)、その画像のURLを一発で持ってこれれば良いということなわけだ、と、なんか「普通、最初にそれ考えるだろ」的なことに思い至りました。とりあえず考えてみていたら、Internet ExplorerのMeneExtでは、画像上で発生させると、event.srcElementでimg要素が拾えるので、それを使えば画像のURLを持ってくることができるということに気づきました。</p>
41007          </section>
41008        </a>
41009
41010          </section>
41011          <section>
41012            <h2><time datetime="2004-05">2004年5月</time></h2>
41013
41014        <a href="/blog/rss/bloglines_citations">
41015          <section class="excerpt">
41016            <header>
41017              <p class="date"><time datetime="2004-05-31T16:19:20+09:00">31日</time></p>
41018
41019              <h3>Bloglines Citations</h3>
41020            </header>
41021
41022            <p>BloglinesにはすべてのRSSの各itemに対するreferences (参照しているページ)を調べる、Citationsという機能があります。これはMy BlogsでRSSを閲覧している時に、各itemの下にx Referencesとか書いてあるリンクを踏めば参照できます。が、ついさっき気づいたんですが、どうやら適当にURLをURLエスケープして渡してやれば、それを参照しているページをずらっと出してくれるみたい。</p>
41023          </section>
41024        </a>
41025
41026
41027        <a href="/blog/internet/avoid_infoseek_403_forbidden">
41028          <section class="excerpt">
41029            <header>
41030              <p class="date"><time datetime="2004-05-30T15:09:09+09:00">30日</time></p>
41031
41032              <h3>infoseekの403 Forbiddenを回避する</h3>
41033            </header>
41034
41035            <p>infoseek iswebに置いたCGIへリンクを張り、それをクリックして飛ぼうとすると403 Forbiddenが返されるわけですが、Googleのリダイレクト機能を利用するとこれを回避できるみたいです。以下に例を挙げてみる。</p>
41036          </section>
41037        </a>
41038
41039
41040        <a href="/blog/blosxom/customize_writeback_8">
41041          <section class="excerpt">
41042            <header>
41043              <p class="date"><time datetime="2004-05-30T14:27:51+09:00">30日</time></p>
41044
41045              <h3>Customize writeback plugin #8</h3>
41046            </header>
41047
41048            <p>ここのところ微妙にコメント・スパムが増えてきたã
41048®ã§ã€ã¨ã‚Šã‚えずスパム対策のコードを追加してみた。URLに入れられている文字列が、ブラックリストなドメインを含んでいる場合、投稿させないというアプローチにしました。要はパクり!</p>
41049          </section>
41050        </a>
41051
41052
41053        <a href="/blog/coding/air_2">
41054          <section class="excerpt">
41055            <header>
41056              <p class="date"><time datetime="2004-05-30T05:53:01+09:00">30日</time></p>
41057
41058              <h3>Amazonの画像置換 #2</h3>
41059            </header>
41060
41061            <p>以前書いたAmazonの画像置換というエントリででっち上げた、無理やり09を01に置換して表示してみるJavaScriptには「09で類推できるURLと01で類推できるURLのどちらにも画像がなかった場合はどうするのよ?」という問題がありました(てか、無限ループします)。JavaScriptのコードを少し追加すれば、「両方ともなかった場合は無いよ画像を返す」ということが実現できたので、エントリにしてみる。</p>
41062          </section>
41063        </a>
41064
41065
41066        <a href="/blog/coding/gen_nmnl">
41067          <section class="excerpt">
41068            <header>
41069              <p class="date"><time datetime="2004-05-29T14:57:54+09:00">29日</time></p>
41070
41071              <h3>gen_nmnl</h3>
41072            </header>
41073
41074            <p>No Music, No Life.にGETリクエストでsubscribeするWinampのgeneral purpose plug-inを書いてみる。Winampのplug-inは初めて作ったのでかなり混乱したけど、一応動くようだ。</p>
41075          </section>
41076        </a>
41077
41078
41079        <a href="/blog/misc/kinmokusei">
41080          <section class="excerpt">
41081            <header>
41082              <p class="date"><time datetime="2004-05-29T00:37:41+09:00">29日</time></p>
41083
41084              <h3>金木犀</h3>
41085            </header>
41086
41087            <p>黄金色のパッション!</p>
41088          </section>
41089        </a>
41090
41091
41092        <a href="/blog/rss/tcbloglines">
41093          <section class="excerpt">
41094            <header>
41095              <p class="date"><time datetime="2004-05-27T21:07:49+09:00">27日</time></p>
41096
41097              <h3>tcbloglines</h3>
41098            </header>
41099
41100            <p>Bloglinesの更新をチェックして、TClock Lightのユーザー定義文字列をセットし、終了するtcbloglinesというモノを作りました。まーシャレで作ったんですが、なかなか良い。TClock Lightのマウス・クリック設定で左ダブル・クリックなどでMy Blogsを開くようにすると完璧。</p>
41101          </section>
41102        </a>
41103
41104
41105        <a href="/blog/rss/bloglines_on_pda">
41106          <section class="excerpt">
41107            <header>
41108              <p class="date"><time datetime="2004-05-26T18:58:34+09:00">26日</time></p>
41109
41110              <h3>Bloglines on PDA</h3>
41111            </header>
41112
41113            <p>最近、Bloglinesのことがそこかしこで話題にとりあげられることが多くなっているような気がします。気のせいですか、そうですか。まぁそれは置いておいて、Bloglinesを使い始めた感想とかそんな感じので良く見るのは「ウェブ・サービスなんだしPDAとかで見たいなぁ」とか「PDAで見れないことは無いんだけど本文領域狭すぎ」とか。Helpとかに載ってないので、かなり前からのユーザーでかつNewsをマメに読んでいる人しか知らないっぽいですが、Bloglines For Connected PDAsというニュースで触れられているように、PDAなどのモバイル・デバイス用のシンプルなHTMLのMy Blogsもあります。</p>
41114          </section>
41115        </a>
41116
41117
41118        <a href="/blog/rss/googlebot_is_looking_for_rssxml">
41119          <section class="excerpt">
41120            <header>
41121              <p class="date"><time datetime="2004-05-26T12:49:15+09:00">26日</time></p>
41122
41123              <h3>Googlebot is looking for rss.xml</h3>
41124            </header>
41125
41126            <p>以前、blog.bulknews.netでGooglebotがatom.xmlを探してるっぽいという話題が出ていたのですが、どうやらrss.xmlも探し始めたみたい?</p>
41127          </section>
41128        </a>
41129
41130
41131        <a href="/blog/coding/no_music_no_life">
41132          <section class="excerpt">
41133            <header>
41134              <p class="date"><time datetime="2004-05-26T06:05:37+09:00">26日</time></p>
41135
41136              <h3>No Music, No Life.</h3>
41137            </header>
41138
41139            <p>一年半も動き出さなかった某氏と話している時に、なんとなく面白そうなので、MP3プレーヤーで聞いているものをリスト化してRSSを吐き、HTMLでも閲覧できるCGIを作ってみました。題して「No Music, No Life.」! ヒネリなさすぎで、もうダメダメ。</p>
41140          </section>
41141        </a>
41142
41143
41144        <a href="/blog/rss/blchkr11">
41145          <section class="excerpt">
41146            <header>
41147              <p class="date"><time datetime="2004-05-25T23:04:09+09:00">25日</time></p>
41148
41149              <h3>Bloglines Checker更新</h3>
41150            </header>
41151
41152            <p>特に挙動が変わることは無いのですが、いくつか対策・仕様変更をして、Bloglines Checkerを1.1に更新しました。</p>
41153          </section>
41154        </a>
41155
41156
41157        <a href="/blog/rss/rss_reader_and_internet_jam">
41158          <section class="excerpt">
41159            <header>
41160              <p class="date"><time datetime="2004-05-25T21:25:41+09:00">25日</time></p>
41161
41162              <h3>
41162RSSリーダーとインターネット渋滞</h3>
41163            </header>
41164
41165            <p>HotWired JapanのWired Newsに急激に普及する「RSSリーダー」、インターネット渋滞の元凶となるかというニュースが翻訳され掲載されました。要は、至らないRSSリーダーが多く、RSSに対するトラフィックが大きな負担になってしまうとかそんなお話。</p>
41166          </section>
41167        </a>
41168
41169
41170        <a href="/blog/software/pluck">
41171          <section class="excerpt">
41172            <header>
41173              <p class="date"><time datetime="2004-05-25T04:31:41+09:00">25日</time></p>
41174
41175              <h3>Pluck</h3>
41176            </header>
41177
41178            <p>ZDNetのStart-up looks to add pluck to browsersというニュース経由でPluckというモノを見つけました。ウェブ・ページを一時的に保管し公開できるSharingと3ペインの標準的なRSS Reader、オンライン上にBookmarkを保管できるMy Web、そしてマルチ検索のPower Searchという4つのツールを詰め合わせたInternet Explorer拡張ツールのようですね。</p>
41179          </section>
41180        </a>
41181
41182
41183        <a href="/blog/webdesign/i_like_gecko_but">
41184          <section class="excerpt">
41185            <header>
41186              <p class="date"><time datetime="2004-05-24T18:41:50+09:00">24日</time></p>
41187
41188              <h3>Geckoは好きですが</h3>
41189            </header>
41190
41191            <p>Geckoは好きですが、なぜか未だにIEコンポーネントのMoon Browserを使い続けている人です。いくつか理由はある(Moon Browserに慣れてしまったので、手放せないというような理由も含めて)のですが、そのひとつにGeckoのborder消失と背景画像ズレがあります。</p>
41192          </section>
41193        </a>
41194
41195
41196        <a href="/blog/blog/ping-o-matic">
41197          <section class="excerpt">
41198            <header>
41199              <p class="date"><time datetime="2004-05-24T06:21:14+09:00">24日</time></p>
41200
41201              <h3>Ping-O-Matic</h3>
41202            </header>
41203
41204            <p>Ping-O-Maticという、ウェブ上でフォームを埋めてボタンを押すだけで複数のblog更新通知サーバー(pingサーバーとか呼ばれてる奴)にまとめて更新通知を送ってくれるウェブ・サービスがあるのですが、XML-RPCを利用しても送れるようになったみたいです。要は、weblogUpdates.ping中継・拡散サービスという感じのもの。</p>
41205          </section>
41206        </a>
41207
41208
41209        <a href="/blog/sports/kan-ohtake">
41210          <section class="excerpt">
41211            <header>
41212              <p class="date"><time datetime="2004-05-24T05:56:00+09:00">24日</time></p>
41213
41214              <h3>大竹寛</h3>
41215            </header>
41216
41217            <p>ココのリファラをまったりとチェックして、「うぉ!」と驚く。広島カープの大竹がblog始めたみたいです(リニューアルなのかな?)。しかもblosxom starter kitで。いやもう、なんていうか、びびった。その後、ふつふつと喜びが。うへへ。</p>
41218          </section>
41219        </a>
41220
41221
41222        <a href="/blog/webdesign/mac_ie_and_at_import_rule">
41223          <section class="excerpt">
41224            <header>
41225              <p class="date"><time datetime="2004-05-23T21:10:38+09:00">23日</time></p>
41226
41227              <h3>Mac IEと@importルール</h3>
41228            </header>
41229
41230            <p>Mac IEは@importの値がシングル・クォートで括られたものだと読み込まないようなのですが、読み込まないというのは適切ではなく、なんか違うものを読みに行って見つからないというのが正確なところみたいです。</p>
41231          </section>
41232        </a>
41233
41234
41235        <a href="/blog/rss/feedsweep">
41236          <section class="excerpt">
41237            <header>
41238              <p class="date"><time datetime="2004-05-22T19:49:28+09:00">22日</time></p>
41239
41240              <h3>FeedSweep</h3>
41241            </header>
41242
41243            <p>RSSをウェブ・ページに埋め込むツールやサービスはいくつもあるわけですが(メンドウなので名前は出さない)、GoogleのAdSenseライクに整形してくれるFeedSweepというサービスがあります。</p>
41244          </section>
41245        </a>
41246
41247
41248        <a href="/blog/media/ozzy-ice">
41249          <section class="excerpt">
41250            <header>
41251              <p class="date"><time datetime="2004-05-21T22:04:13+09:00">21日</time></p>
41252
41253              <h3>オジーアイス</h3>
41254            </header>
41255
41256            <p>アイスクリーム・フィーチャリング・オズボーン・ファミリー!</p>
41257          </section>
41258        </a>
41259
41260
41261        <a href="/blog/rss/thanks_for_subscribing">
41262          <section class="excerpt">
41263            <header>
41264              <p class="date"><time datetime="2004-05-20T17:00:59+09:00">20日</time></p>
41265
41266              <h3>Thanks for subscribing!</h3>
41267            </header>
41268
41269            <p>以前、Who subscribe my feed?というエントリで、BloglinesではこのblogのRSSが60人からsubscribeされてると書いたのですが、なんとなくさっき見てみたら倍増してました。</p>
41270          </section>
41271        </a>
41272
41273
41274        <a href="/blog/sports/wolves_into_the_western_conference_finals">
41275          <section class="excerpt">
41276            <header>
41277              <p class="date"><time datetime="2004-05-20T12:55:37+09:00">20日</time></p>
41278
41279              <h3>Wolvesがカンファレンス・ファイナルへ</h3>
41280            </header>
41281
41282            <p>良い子のみんな!Wolves応援してたかい? イエー! カンファレンス・ファイナル進出ですよ! イィヤホーーーーゥ!!!! なんて良い響きだ。カンファレンス・ファイナル進出。</p>
41283          </section>
41284        </a>
41285
41286
41287        <a href="/blog/rss/restudy_rss">
41288          <section class="excerpt">
41289            <header>
41290              <p class="date"><time datetime="2004-05-20T07:43:51+09:00">20日</time></p>
41291
41292              <h3>RSSを見直してみる</h3>
41293            </header>
41294
41295            <p>かなり前に気分でRSS 1.0からRSS 2.0にした都合上、エライ適当なものだったので、RSS 2.0の仕様で定義されている(のだかどうだかよくわからないですけど)ものをなるべく使うようにしてみました。まぁRSS 2.0の仕様はとても曖昧で、アレで良いのか、コレで良いのか良くわからないんですが。</p>
41296          </section>
41297        </a>
41298
41299
41300        <a href="/blog/misc/rolleiflex_minidigi">
41301          <section class="excerpt">
41302            <header>
41303              <p class="date"><time datetime="2004-05-20T03:26:22+09:00">20日</time></p>
41304
41305              <h3>Rolleiflex MiniDigi</h3>
41306            </header>
41307
41308            <p>二眼レフというカメラマニアじゃない人には「形カコイイ」とかそんなイメージしかなさそうな、キワモノ(酷い)を出しているRolleiから二眼レフデジカメ出るみたいですね(延期とか出てたけど)。Miniと付いているように、とても小さいもので、ちょっとオモチャっぽい感じが強いかなぁというネガティブなイメージを持ってしまいましたが、それ以上に「二眼だよ二眼!」みたいな。何だよ。</p>
41309          </section>
41310        </a>
41311
41312
41313        <a href="/blog/blog/blosxom_and_static_generation">
41314          <section class="excerpt">
41315            <header>
41316              <p class="date"><time datetime="2004-05-19T02:11:32+09:00">19日</time></p>
41317
41318              <h3>blosxomと静的生成</h3>
41319            </header>
41320
41321            <p>MTのライセンスが厳しくなっていろいろ意見が出ているらしい。それで代替案として最右翼はblosxomらしいのだけど、問題になるのは、複数設置と静的生成。という嘘から始めてみる。Strange Intimacyのwordpressと静的生成からパクりました。</p>
41322          </section>
41323        </a>
41324
41325
41326        <a href="/blog/media/blind_melon_blind_melon">
41327          <section class="excerpt">
41328            <header>
41329              <p class="date"><time datetime="2004-05-18T22:01:38+09:00">18日</time></p>
41330
41331              <h3>Blind Melon / Blind Melon</h3>
41332            </header>
41333
41334            <p>メガネをかけた男の子(だったよな?)のジャケット画像がとても印象的な、Blind Melonのメジャー・デビュー・アルバム、Blind Melon。週に一度は必ず聴いてしまう、そんな愛聴盤。SoundgardenやNirvana、Pearl Jamなどハード・ロックを基調としたバンドがブレイクする傍ら、Grateful Deadのような味をもったとてもメロウなバンドで、異彩を放っていました。ボーカルのShannon Hoonがうっかり死んでしまったけど。</p>
41335          </section>
41336        </a>
41337
41338
41339        <a href="/blog/rss/release_blchkr">
41340          <section class="excerpt">
41341            <header>
41342              <p class="date"><time datetime="2004-05-18T14:55:41+09:00">18日</time></p>
41343
41344              <h3>Bloglines Checker公開</h3>
41345            </header>
41346
41347            <p>ということで特にバグも無いようなので、Bloglines Checkerを1.0として公開してみる。</p>
41348          </section>
41349        </a>
41350
41351
41352        <a href="/blog/blosxom/wikieditish_flavour">
41353          <section class="excerpt">
41354            <header>
41355              <p class="date"><time datetime="2004-05-16T20:45:30+09:00">16日</time></p>
41356
41357              <h3>wikieditish flavour</h3>
41358            </header>
41359
41360            <p>かなり前にwikieditish flavourへのリンクというタイトルでエントリを書きました。まぁそれなりに考えるところはあるエントリですね。自分で言うなよ。ここでも言及したã
41360®ã§ã™ãŒã€ã©ã†ã‚‚Googleはhtml flavourよりもwikieditish flavourの方を高く評価する嫌いがあるような気がします(リンクされていることが多いからかな?)。わかんないですけど。まぁそうではないとしてもwikieditish flavourはGoogleにインデックスされてもほとんど意味無い、むしろ邪魔だと思うので、弾いた方がいいような気がします。</p>
41361          </section>
41362        </a>
41363
41364
41365        <a href="/blog/misc/pet_phrase">
41366          <section class="excerpt">
41367            <header>
41368              <p class="date"><time datetime="2004-05-16T12:52:31+09:00">16日</time></p>
41369
41370              <h3>口癖</h3>
41371            </header>
41372
41373            <p>口癖というか文章癖か。</p>
41374          </section>
41375        </a>
41376
41377
41378        <a href="/blog/software/kapsules">
41379          <section class="excerpt">
41380            <header>
41381              <p class="date"><time datetime="2004-05-16T10:39:02+09:00">16日</time></p>
41382
41383              <h3>Kapsules</h3>
41384            </header>
41385
41386            <p>Carbon Lokai (配布停止中かな?)というクールというよりも実用度が高い(explorer.exeと違和感が少ないという意味で)互換シェルをリリースして、その後音沙汰のなかったCarbon 6からKapsulesというアプリケーションが出ました。ネタ的には「パクりだろ」とか言われてはい終了みたいな、ウィジェット指向のデスクトップ・アクセサリのホスト・アプリケーションというところでしょうか。「Konfa (略」とか「侍!?」とか言ってはいけません。</p>
41387          </section>
41388        </a>
41389
41390
41391        <a href="/blog/rss/blchkr_5">
41392          <section class="excerpt">
41393            <header>
41394              <p class="date"><time datetime="2004-05-15T12:08:13+09:00">15日</time></p>
41395
41396              <h3>Bloglines Checker #5</h3>
41397            </header>
41398
41399            <p>TClock Lightの作者さんがblog始めたみたいですね。で、TrackBackを貰ったので、Bloglines Checkerを1.0 b5に更新してみる。TClock Lightが起動されているかどうかを調べる処理は必要とは思ってはいたのに、クラス名調べるのがメンドウで放置していたのは秘密だ。更新点は以下の通り。</p>
41400          </section>
41401        </a>
41402
41403
41404        <a href="/blog/rss/blchkr_4">
41405          <section class="excerpt">
41406            <header>
41407              <p class="date"><time datetime="2004-05-14T22:08:19+09:00">14日</time></p>
41408
41409              <h3>Bloglines Checker #4</h3>
41410            </header>
41411
41412            <p>ダイアログ縦に長すぎなのは大変遺憾に思っておりましたので、修正。ついでにちょっとだけ機能を追加してBloglines Checkerを1.0 b4に更新。トレイ・アイコンのクリックによる動作の拡張については後述しますが、つけない方向で決定。てか、付けてみて気に入らなかった。更新点は以下の通り。</p>
41413          </section>
41414        </a>
41415
41416
41417        <a href="/blog/media/alanis_morissette_so_called_chaos">
41418          <section class="excerpt">
41419            <header>
41420              <p class="date"><time datetime="2004-05-14T20:31:39+09:00">14日</time></p>
41421
41422              <h3>So-Called Chaos / Alanis Morissette</h3>
41423            </header>
41424
41425            <p>元アイドルAlanis Morissetteの新譜、So-Called Chaosをゲットしました。イマイチかも・・・と思いつつ、聞いてしまうスルメ・アルバムかなぁと。インパクトが薄い感じですね。まぁただ最近はこういうインパクトの薄いまったりアルバムが多い気がするので、これも時代の流れかとか無駄に考察してみる。</p>
41426          </section>
41427        </a>
41428
41429
41430        <a href="/blog/rss/blchkr_3">
41431          <section class="excerpt">
41432            <header>
41433              <p class="date"><time datetime="2004-05-13T09:20:42+09:00">13日</time></p>
41434
41435              <h3>Bloglines Checker #3</h3>
41436            </header>
41437
41438            <p>普通に使えちゃってるので、こんなもんでいいかなとか思いつつあるBloglines Checkerを1.0 b3に更新しました。更新点は以下の通り。</p>
41439          </section>
41440        </a>
41441
41442
41443        <a href="/blog/misc/ms04-11">
41444          <section class="excerpt">
41445            <header>
41446              <p class="date"><time datetime="2004-05-12T06:57:59+09:00">12日</time></p>
41447
41448              <h3>MS04-11</h3>
41449            </header>
41450
41451            <p>諸事情により、既に導入済みだったMS04-11で提供されている噂のアレをアンインストールした後、当てなおしたã
41451®ãŒ04/29(だった気がする)。そして05/08あたりにどうもおかしいことに気づく。</p>
41452          </section>
41453        </a>
41454
41455
41456        <a href="/blog/rss/blchkr_2">
41457          <section class="excerpt">
41458            <header>
41459              <p class="date"><time datetime="2004-05-10T03:32:00+09:00">10日</time></p>
41460
41461              <h3>Bloglines Checker #2</h3>
41462            </header>
41463
41464            <p>とりあえずTClock Lightのユーザー書式の設定の仕方を調べてみる。・・・ミツカラネ。と、思ったらTClock Lightのコマンドラインオプションにあった。どうやら多重起動のシステムを利用して設定するようだ。</p>
41465          </section>
41466        </a>
41467
41468
41469        <a href="/blog/rss/blchkr">
41470          <section class="excerpt">
41471            <header>
41472              <p class="date"><time datetime="2004-05-09T18:15:57+09:00">9日</time></p>
41473
41474              <h3>Bloglines Checker</h3>
41475            </header>
41476
41477            <p>Bloglines NotifierのWindows版が3.0に更新されたのですが、うちの環境ではどうも挙動がおかしい上、IE固定っぽい感じなので、ほとんど機能的には同じものを作成してみたりする。</p>
41478          </section>
41479        </a>
41480
41481
41482        <a href="/blog/sports/maeda_hits_1500_in_his_career">
41483          <section class="excerpt">
41484            <header>
41485              <p class="date"><time datetime="2004-05-09T10:11:40+09:00">9日</time></p>
41486
41487              <h3>前田・1500安打</h3>
41488            </header>
41489
41490            <p>広島の前田智徳が1500安打に到達したわけですが、まぁ怪我さえなければ今ごろ3000安打くらいでも不思議ではないかなとか。</p>
41491          </section>
41492        </a>
41493
41494
41495        <a href="/blog/coding/redirect_with_status">
41496          <section class="excerpt">
41497            <header>
41498              <p class="date"><time datetime="2004-05-09T09:08:05+09:00">9日</time></p>
41499
41500              <h3>ステータス付きリダイレクト</h3>
41501            </header>
41502
41503            <p>行動記録の「Perl の CGI モジュールの redirect メソッドに status が追加された」を読む。ステータス吐けたんか! とりあえずgoogle.cgiを手直しして303を吐いてみる。303で良いのかは知らない。適当に作ったエントリ無い時404ドキュメントに飛ばす奴もこれ使おうかな。404吐いてredirectとかアリなのかは知りませんが。別に構わないだろとかは思う。</p>
41504          </section>
41505        </a>
41506
41507
41508        <a href="/blog/misc/below_entry_above_memo">
41509          <section class="excerpt">
41510            <header>
41511              <p class="date"><time datetime="2004-05-08T09:58:16+09:00">8日</time></p>
41512
41513              <h3>エントリ以下メモ以上</h3>
41514            </header>
41515
41516            <p>エントリにするほどでもないけれど、メモよりはもうちょっとゴチャゴチャ何かしら書きたいときとかありますよね? 多くの場合、1つのエントリにいくつかまとめてどっかーんと載せるわけですが、それってどうなのよ? とか思う。</p>
41517          </section>
41518        </a>
41519
41520
41521        <a href="/blog/blog/jscache">
41522          <section class="excerpt">
41523            <header>
41524              <p class="date"><time datetime="2004-05-07T22:42:57+09:00">7日</time></p>
41525
41526              <h3>jscacheとか</h3>
41527            </header>
41528
41529            <p>「jscache作った!」とかTrackBackされたので読んでみる。blosxomの場合は動的生成で使っている人が多いので、これを使うとCGI(blosxom)からCGI(jscache)を呼ぶことになり、なかなかなこと(微妙な言い回し)になるかも。TTL効いている間はすぐ終わるスクリプトだし、Bulkfeeds側でキャッシュされてもいるので、表示パフォーマンスやBulkfeedsへの負荷の面では問題ないとおもうので良いといえば良いのですけどね。</p>
41530          </section>
41531        </a>
41532
41533
41534        <a href="/blog/coding/push_at_inc_and_use_lib">
41535          <section class="excerpt">
41536            <header>
41537              <p class="date"><time datetime="2004-05-06T21:10:46+09:00">6日</time></p>
41538
41539              <h3>push @INCとuse lib</h3>
41540            </header>
41541
41542            <p>Perlのモジュールを利用する場合、useを使ってロードするわけですが(何を今さら)、そのモジュールをパスの通っていない適当なディレクトリに置きたい場合、スクリプト内でパスを通してやらなければなりません(何を今さら)。パスを通す方法は@INCにpushしてやるとかlibプラグマを使うとかなわけです。</p>
41543          </section>
41544        </a>
41545
41546
41547        <a href="/blog/blosxom/blosxom_3_plugin_is">
41548          <section class="excerpt">
41549            <header>
41550              <p class="date"><time datetime="2004-05-06T03:34:11+09:00">6日</time></p>
41551
41552              <h3>blosxom 3.0のプラグインは</h3>
41553            </header>
41554
41555            <p>blosxom 3.0のプラグインはどうなのか? とか適当に羅列してみる。あくまでも3.0+3iで適当にプラグインを書いた上での話ですので、将来に渡ってこの内容が「blosxom 3.0のプラグインはこういうものだ」ということを言っているとは保証しません。よくわからん序文だな。</p>
41556          </section>
41557        </a>
41558
41559
41560        <a href="/blog/blosxom/licence_of_blosxom_3_alpha">
41561          <section class="excerpt">
41562            <header>
41563              <p class="date"><time datetime="2004-05-05T16:45:19+09:00">5日</time></p>
41564
41565              <h3>blosxom 3.0 alphaのライセンス</h3>
41566            </header>
41567
41568            <p>blosxomn 3.0 alphaにはCreative CommonsのAttribution-NoDerivs-NonCommercial 1.0で出されているわけですが、これは正式リリースも・・・ということではなく、単に「このalphaのコードを流用してなんか派生物作られると困るので、alphaではNoDerivsなこれにしてるですよ、ブラザー」みたいな(超訳かつ不正確)感じみたいです。詳しくはRaelさんのMLへの投稿を参照のこと。</p>
41569          </section>
41570        </a>
41571
41572
41573        <a href="/blog/blosxom/blosxom_room">
41574          <section class="excerpt">
41575            <header>
41576              <p class="date"><time datetime="2004-05-05T00:45:36+09:00">5日</time></p>
41577
41578              <h3>blosxomの部屋</h3>
41579            </header>
41580
41581            <p>暇なので、blosxomの話をするIRCの部屋を作ってみたり。wide系で、部屋名は#blosxomです。別に何かをするとかそういうつもりはまるでなかったりする。単に「プラグインの書き方わからねぇ」とか「3.0どうよ?」とかそんな話でもしてれば良いかも知れないような気がしないでもない。</p>
41582          </section>
41583        </a>
41584
41585
41586        <a href="/blog/sports/wolves_win_a_first_round_of_playoff">
41587          <section class="excerpt">
41588            <header>
41589              <p class="date"><time datetime="2004-05-04T19:18:02+09:00">4日</time></p>
41590
41591              <h3>Timberwolvesがプレーオフ2回戦へ</h3>
41592            </header>
41593
41594            <p>反応遅いな。Timberwolvesが創立以来初となるプレーオフ2回戦への進出が決定しました。わーい。シーズンの成績を見ていれば当然の結果という感じではありますが、初というのはやはりウレシイ。創立以来のファンだし。</p>
41595          </section>
41596        </a>
41597
41598
41599        <a href="/blog/blosxom/unfinished_blosxom_3_plugins">
41600          <section class="excerpt">
41601            <header>
41602              <p class="date"><time datetime="2004-05-03T05:29:48+09:00">3日</time></p>
41603
41604              <h3>作りかけのblosxom 3.0プラグイン</h3>
41605            </header>
41606
41607            <p>blosxom 3.0のプラグインを作りかけた奴。まぁリファレンス・プラグインがもうあるのでいらなそうですが、とりあえず放置してみる。無保証というか動くかすら保証しません。とりあえず動いてそうな感じはしないでもない。</p>
41608          </section>
41609        </a>
41610
41611
41612        <a href="/blog/blosxom/blosxom_3_reference_plugin">
41613          <section class="excerpt">
41614            <header>
41615              <p class="date"><time datetime="2004-05-02T18:20:10+09:00">2日</time></p>
41616
41617              <h3>blosxom 3.0のリファレンス・プラグイン</h3>
41618            </header>
41619
41620            <p>本日公開された、blosxom 3.0+3iにはいくつかのプラグインが同梱されています。今回interpolate()が更新され、$foo::varというようにflavourにかけるようになりました。ので、プラグインで作る変数は、作法的に$Plugin::PuginName::variableとflavourで指定するようにしてやる方が良いのかな? 書くのメンドウ・・・とか思ってても言っちゃいけません。</p>
41621          </section>
41622        </a>
41623
41624
41625        <a href="/blog/blosxom/blosxom_3_handlersflow_file">
41626          <section class="excerpt">
41627            <header>
41628              <p class="date"><time datetime="2004-05-01T00:07:01+09:00">1日</time></p>
41629
41630              <h3>blosxom 3.0のhandlers.flowファイル</h3>
41631            </header>
41632
41633            <p>Archives.pmとかいうarchivesを3.0用に修正したものを作ったのですが、handlers.flowにこのプラグインを実行する命令を書いておいてもうまく動かなかったです。これが昨晩。今日の午前中に起動CGIをでっち上げたわけですが、この起動CGIではBlosxom.pmの最後の方にある感じなので、ここに直接プラグインを実行する命令を書いてみたら、あっさりと動いてくれました。</p>
41634          </section>
41635        </a>
41636
41637          </section>
41638          <section>
41639            <h2><time datetime="2004-04">2004年4月</time></h2>
41640
41641        <a href="/blog/blosxom/blosxom_3_should_run_as_a_module">
41642          <section class="excerpt">
41643            <header>
41644              <p class="date"><time datetime="2004-04-30T15:45:48+09:00">30日</time></p>
41645
41646              <h3>blosxom 3.0はモジュールとして使うべき?</h3>
41647            </header>
41648
41649            <p>ちっといろいろいじってたんですが、どうやらモジュールとして利用した方がいいような気がします。MTみたいに非常に単純な起動CGIを作ってやると良さげ。そうすると単純にリネームしただけで動かす場合には切り離せないfind_entries_dirなどの設定も切り離すことが出来そうです。また、設定を切り離さない場合でも、こういった起動CGIを用意してやると、handlers.flowやhandlers.entryなどを個別に編集する必要が無くなり、メンテナンス性が向上するんではないかなぁとか思いました。</p>
41650          </section>
41651        </a>
41652
41653
41654        <a href="/blog/blosxom/blosxom_3_plugin">
41655          <section class="excerpt">
41656            <header>
41657              <p class="date"><time datetime="2004-04-30T01:13:30+09:00">30日</time></p>
41658
41659              <h3>blosxom 3.0 plugin</h3>
41660            </header>
41661
41662            <p>とりあえず手始めにExcerptという、要約になってない短文を作り出すプラグインを作りました。動いた! とか感動してみる。半日くらいかかりました。2.0のプラグインのことは忘れましょう。まったく今までの知識は役に立たã
41662ªã„と思われます。</p>
41663          </section>
41664        </a>
41665
41666
41667        <a href="/blog/blosxom/blosxom_3_pickup">
41668          <section class="excerpt">
41669            <header>
41670              <p class="date"><time datetime="2004-04-29T16:36:21+09:00">29日</time></p>
41671
41672              <h3>blosxom 3.0 pickup</h3>
41673            </header>
41674
41675            <p>気になったところというか備忘録。順不同。</p>
41676          </section>
41677        </a>
41678
41679
41680        <a href="/blog/blosxom/blosxom_3_first_alpha">
41681          <section class="excerpt">
41682            <header>
41683              <p class="date"><time datetime="2004-04-28T20:30:59+09:00">28日</time></p>
41684
41685              <h3>blosxom 3.0の最初のalpha版</h3>
41686            </header>
41687
41688            <p>blosxom 3.0の最初のalpha版がリリースされました。</p>
41689          </section>
41690        </a>
41691
41692
41693        <a href="/blog/internet/b-moni">
41694          <section class="excerpt">
41695            <header>
41696              <p class="date"><time datetime="2004-04-28T18:18:22+09:00">28日</time></p>
41697
41698              <h3>Bフレッツモニター</h3>
41699            </header>
41700
41701            <p>アンケートに答えると一回4000円のキャッシュバック、それが計三回、つまり12000円キャッシュバックされるという、制度的に問題がとてもありそうな気がするBフレッツモニターの登録が完了し、アンケート依頼のメールが来ました。</p>
41702          </section>
41703        </a>
41704
41705
41706        <a href="/blog/rss/bloglines_references">
41707          <section class="excerpt">
41708            <header>
41709              <p class="date"><time datetime="2004-04-27T23:39:30+09:00">27日</time></p>
41710
41711              <h3>BloglinesのReferences</h3>
41712            </header>
41713
41714            <p>ネットナードにマストなツール僕が愛して病まないBloglinesにReferencesという新機能が加わりました。そのものずばり「RSSのアイテムにリンクしているエントリを列記する」機能。</p>
41715          </section>
41716        </a>
41717
41718
41719        <a href="/blog/blosxom/blosxom_3_release_date">
41720          <section class="excerpt">
41721            <header>
41722              <p class="date"><time datetime="2004-04-26T12:10:13+09:00">26日</time></p>
41723
41724              <h3>blosxom 3.0のリリース日</h3>
41725            </header>
41726
41727            <p>ちょこっと書いたらいくつか反応あったので、妄想ではないことを強調しておこうかなとか。MLでRaelさんが04/17にRe: [blosxom] Re: Comment Spamという件名で投稿したメールにて言及しています。</p>
41728          </section>
41729        </a>
41730
41731
41732        <a href="/blog/blog/trackback_charset">
41733          <section class="excerpt">
41734            <header>
41735              <p class="date"><time datetime="2004-04-25T18:43:40+09:00">25日</time></p>
41736
41737              <h3>TrackBackの文字コード</h3>
41738            </header>
41739
41740            <p>いろいろあったはずですが、それはもう遠い昔の話。僕の中では勝手に「デフォルトはUTF-8。それ以外の場合はcharsetパラメータを追加。」とかいう結論になってます。blosxom starter kitで利用しているwikieditish+bookmarkletでは、UTF-8決め打ちなんですね(知らなかったのかよ)。UnknownPlace.のwikieditishプラグインでのトラックバック送信と文字コードというエントリで学ぶ。</p>
41741          </section>
41742        </a>
41743
41744
41745        <a href="/blog/rss/rss_and_relative_url">
41746          <section class="excerpt">
41747            <header>
41748              <p class="date"><time datetime="2004-04-24T21:44:23+09:00">24日</time></p>
41749
41750              <h3>RSSと相対URL</h3>
41751            </header>
41752
41753            <p>RSS(Atomもですが)に相対URLによる画像や相対URLによるリンクが含まれる場合というのは結構あるようです。いわゆるblogではまずHTMLのエントリありきなわけで、エントリを書く時にこのような状態にしてしまうと、RSSでもそのままというのはまぁわからないでもないです。てか、それで問題はないんじゃないかとかは思ったりしないでもない(RSSのパスから見て正しい参照になっていればですが)。</p>
41754          </section>
41755        </a>
41756
41757
41758        <a href="/blog/rss/rss_problem">
41759          <section class="excerpt">
41760            <header>
41761              <p class="date"><time datetime="2004-04-24T16:39:21+09:00">24日</time></p>
41762
41763              <h3>RSS変だよ、クソが</h3>
41764            </header>
41765
41766            <p>ちょっと前に窓の杜がリニューアル(04/12かな?)していて、RSSがまったく更新されã
41766ªããªã£ã¦ã„たりしました(昨日の夜に直しましたが)。自分で購読しているRSSですら気づかなかったりするので、これは「おかしいから直そうよ。てか直せクズ!」という報告する場所はあったほうが良いかなとか思ったので専用のフィードバックCGI作ろうかと思ったけどメンドウなのでエントリで。</p>
41767          </section>
41768        </a>
41769
41770
41771        <a href="/blog/misc/cannot_change_workgroup">
41772          <section class="excerpt">
41773            <header>
41774              <p class="date"><time datetime="2004-04-23T17:46:53+09:00">23日</time></p>
41775
41776              <h3>ワークグループが変更できない</h3>
41777            </header>
41778
41779            <p>ネットワークの共有フォルダが見えなくなったので、My Networksにあるネットワーク全体のアイコンをダブルクリックしてみると「ネットワークに接続されていません。」云々言われてみる。うまく共有が見えないとかそれ以前の問題っぽい。</p>
41780          </section>
41781        </a>
41782
41783
41784        <a href="/blog/coding/wshnamed_collection">
41785          <section class="excerpt">
41786            <header>
41787              <p class="date"><time datetime="2004-04-23T10:39:01+09:00">23日</time></p>
41788
41789              <h3>WshNamedコレクション</h3>
41790            </header>
41791
41792            <p>WshArgumentsコレクションにあるNamedプロパティでアクセスできるWshNamedコレクションを利用すると、/key:valueという引数にkeyを利用してアクセスできるのか。</p>
41793          </section>
41794        </a>
41795
41796
41797        <a href="/blog/rss/support_atom">
41798          <section class="excerpt">
41799            <header>
41800              <p class="date"><time datetime="2004-04-22T17:47:07+09:00">22日</time></p>
41801
41802              <h3>Atom対応</h3>
41803            </header>
41804
41805            <p>paperboy&amp;co.、「JUGEM」がAtom0.3に対応というのがニュースになるような時代になったわけですね。一年程前はRSSで検索すると、神崎さんとことmiyagawaさんとこ、rss-jp.netくらいしか出てこなかったのを思い起こすと変わったものです。</p>
41806          </section>
41807        </a>
41808
41809
41810        <a href="/blog/sports/nba_playoff_03-04">
41811          <section class="excerpt">
41812            <header>
41813              <p class="date"><time datetime="2004-04-20T08:51:59+09:00">20日</time></p>
41814
41815              <h3>
41815NBA Playoff 03-04</h3>
41816            </header>
41817
41818            <p>まずは106-92で一勝目!トーナメントはこんな感じになってます。カンファレンス一位って気持ち良いな、おい!</p>
41819          </section>
41820        </a>
41821
41822
41823        <a href="/blog/rss/content-type_of_rss">
41824          <section class="excerpt">
41825            <header>
41826              <p class="date"><time datetime="2004-04-18T09:40:15+09:00">18日</time></p>
41827
41828              <h3>RSSのContent-Type</h3>
41829            </header>
41830
41831            <p>RSSのContent-Typeは何が良いのかと結城さんの日記で話題にされていたので便乗してみる。ちなみにうちのサイトの解も結城さんと同じで、HTTPヘッダではapplication/xml; charset=UTF-8、RSS Auto-discoveryではapplication/rss+xmlになってます。</p>
41832          </section>
41833        </a>
41834
41835
41836        <a href="/blog/blosxom/release_bsk">
41837          <section class="excerpt">
41838            <header>
41839              <p class="date"><time datetime="2004-04-17T14:50:04+09:00">17日</time></p>
41840
41841              <h3>release blosxom starter kit</h3>
41842            </header>
41843
41844            <p>使ってくれている人が増えている割りにはバグ報告とかないので、とりあえず1.0としてblosxom starter kitをreleaseしておきます。モノ的には最後に出したプレバージョンから変更はないです。</p>
41845          </section>
41846        </a>
41847
41848
41849        <a href="/blog/game/sacred_impression">
41850          <section class="excerpt">
41851            <header>
41852              <p class="date"><time datetime="2004-04-17T14:34:06+09:00">17日</time></p>
41853
41854              <h3>Sacred: 感想</h3>
41855            </header>
41856
41857            <p>とりあえず1周目終わったのでSacredの感想なんぞを書いてみる。</p>
41858          </section>
41859        </a>
41860
41861
41862        <a href="/blog/game/sacred_misc">
41863          <section class="excerpt">
41864            <header>
41865              <p class="date"><time datetime="2004-04-16T08:51:37+09:00">16日</time></p>
41866
41867              <h3>Sacred: いろいろ</h3>
41868            </header>
41869
41870            <p>Sacredのいろいろなキャプチャを溜め込むエントリを作ってみる。ドラゴンや怪しいアイテムとか。変なキャラとか。</p>
41871          </section>
41872        </a>
41873
41874
41875        <a href="/blog/sports/triple_triple_double">
41876          <section class="excerpt">
41877            <header>
41878              <p class="date"><time datetime="2004-04-15T03:15:11+09:00">15日</time></p>
41879
41880              <h3>トリプルトリプルダブル</h3>
41881            </header>
41882
41883            <p>Atlanta HawksのSuraが3試合連続トリプルダブルという、レアだけどあんまり感動しない記録をだして、マスコミが大喜びしていたわけですが、取り消されちゃいました。わざとレイアップを外してリバウンドを取ったのが故意と見なされたようです。</p>
41884          </section>
41885        </a>
41886
41887
41888        <a href="/blog/game/sacred_first_dragon">
41889          <section class="excerpt">
41890            <header>
41891              <p class="date"><time datetime="2004-04-14T10:00:59+09:00">14日</time></p>
41892
41893              <h3>Sacred: 初めてのドラゴン</h3>
41894            </header>
41895
41896            <p>うむ、でかいな。ザコをトレインしてお掃除してから、1 on 1で楽勝でした(ポーションは使いますが)。本筋に絡むドラゴンなので弱いんかな? 他のはまだ見つけてない。</p>
41897          </section>
41898        </a>
41899
41900
41901        <a href="/blog/game/sacred_quests">
41902          <section class="excerpt">
41903            <header>
41904              <p class="date"><time datetime="2004-04-12T13:35:08+09:00">12日</time></p>
41905
41906              <h3>Sacred: クエスト</h3>
41907            </header>
41908
41909            <p>Sacredはクエスト多いすね。メインに加えて、サブ扱いのものとランダムのものがあるみたいです。ログブックでは金色の太陽マーク(å
41909®Œäº†ã¯é‡‘色のチェック)が本筋クエスト、○(完了は緑でチェック)がサブまたはランダムのクエスト・・・かな? EscortとかAnimated death、Wyverns are not dragonsなんかの頻繁に出てくるクエストはランダムっぽい。とりあえず2週目へのメモ代わりに。とりあえず見た目でSeraphinで始めてます。SilverきついのでBronseで。発生さえすればバカでもクリアできるクエストが大半なので、クエスト名のみ。同じクエスト名がありますが、違うクエストです(名前変えろよとか思う)。</p>
41910          </section>
41911        </a>
41912
41913
41914        <a href="/blog/game/sacred">
41915          <section class="excerpt">
41916            <header>
41917              <p class="date"><time datetime="2004-04-11T10:18:32+09:00">11日</time></p>
41918
41919              <h3>Sacred</h3>
41920            </header>
41921
41922            <p>Sacredというゲームを始めました。Divine Divintyライクな斬り捲くりARPGです。美麗グラフィック(除キャラクター・ポートレイト)と限りないアイテム! ストーリーは・・・まだ途中なのでよくわからないとかいう。</p>
41923          </section>
41924        </a>
41925
41926
41927        <a href="/blog/misc/i_dont_know_040410">
41928          <section class="excerpt">
41929            <header>
41930              <p class="date"><time datetime="2004-04-10T05:27:13+09:00">10日</time></p>
41931
41932              <h3>よく知らないけど</h3>
41933            </header>
41934
41935            <p>明け方に、</p>
41936          </section>
41937        </a>
41938
41939
41940        <a href="/blog/coding/auto_complete_by_js">
41941          <section class="excerpt">
41942            <header>
41943              <p class="date"><time datetime="2004-04-09T20:46:27+09:00">9日</time></p>
41944
41945              <h3>JavaScriptでオート・コンプリート</h3>
41946            </header>
41947
41948            <p>普段からお世話になる機会が多い(と思う)、Internet Explorerのオート・コンプリート。これに似たものをJavaScriptで作るという記事が、WebReference.comで公開されていました。</p>
41949          </section>
41950        </a>
41951
41952
41953        <a href="/blog/coding/aaal">
41954          <section class="excerpt">
41955            <header>
41956              <p class="date"><time datetime="2004-04-08T06:05:43+09:00">8日</time></p>
41957
41958              <h3>Amazon.co.jp アソシエイト・セントラルに自動でログイン</h3>
41959            </header>
41960
41961            <p>Amazon.co.jpのアソシエイト・セントラルにログインする時、毎回メール・アドレスとパスワード書くのはかったるいなと今さら思ったので、適当に考えてみました。ログイン・ページのHTMLソースからコピペしたHTMLファイルを作り、bodyのonloadでsubmit()してやるというアナログなもの。</p>
41962          </section>
41963        </a>
41964
41965
41966        <a href="/blog/blosxom/link_to_wikieditish_flavour">
41967          <section class="excerpt">
41968            <header>
41969              <p class="date"><time datetime="2004-04-08T05:02:16+09:00">8日</time></p>
41970
41971              <h3>wikieditish flavourへのリンク</h3>
41972            </header>
41973
41974            <p>blosxomでwikieditishを利用している人の多くは、story.htmlなどにwikieditishで編集するためのwikieditish flavourへのリンクを置いている人は多いと思うのですが、閲覧者には意味の無いリンクがあるのはよろしくないと思うわけです。使っても無い奴が偉そうに。</p>
41975          </section>
41976        </a>
41977
41978
41979        <a href="/blog/sports/carp_get_first_win_of_04_season">
41980          <section class="excerpt">
41981            <header>
41982              <p class="date"><time datetime="2004-04-07T21:56:33+09:00">7日</time></p>
41983
41984              <h3>今シーズン初勝利</h3>
41985            </header>
41986
41987            <p>ようやく勝ちました。河内エライ。てか、スゴイ。栗原もがんばった。嶋は神。</p>
41988          </section>
41989        </a>
41990
41991
41992        <a href="/blog/misc/roujin-maruyu">
41993          <section class="excerpt">
41994            <header>
41995              <p class="date"><time datetime="2004-04-07T18:16:53+09:00">7日</time></p>
41996
41997              <h3>老人マル優</h3>
41998            </header>
41999
42000            <p>去年の05/30に新聞等で記事になった「老人マル優(高齢者などの預金利子非課税制度)を利用した定期貯金に対する課税漏れ75億円」という奴。どうも母方の祖母が対象だった模様です。「&#165;300,750払えや」とかそんなんらしい。</p>
42001          </section>
42002        </a>
42003
42004
42005        <a href="/blog/rss/favicon_in_rss">
42006          <section class="excerpt">
42007            <header>
42008              <p class="date"><time datetime="2004-04-06T19:48:54+09:00">6日</time></p>
42009
42010              <h3>RSSにfavicon</h3>
42011            </header>
42012
42013            <p>ImageというRSS 1.0のモジュールで、faviconをRSSに埋め込むことが出来るらしい。</p>
42014          </section>
42015        </a>
42016
42017
42018        <a href="/blog/misc/dns_trouble">
42019          <section class="excerpt">
42020            <header>
42021              <p class="date"><time datetime="2004-04-06T08:34:14+09:00">6日</time></p>
42022
42023              <h3>DNSトラブル?</h3>
42024            </header>
42025
42026            <p>
42026昨晩遅くからDNSが調子悪いのか、ほとんどのサーバーに接続できなかったりして。んーむー。RSSが更新されて無かったりしたのはそんな理由。</p>
42027          </section>
42028        </a>
42029
42030
42031        <a href="/blog/software/imejpmgr">
42032          <section class="excerpt">
42033            <header>
42034              <p class="date"><time datetime="2004-04-04T18:23:26+09:00">4日</time></p>
42035
42036              <h3>imejpmgr</h3>
42037            </header>
42038
42039            <p>突如として出てくることがある「ファイルまたはフォルダの削除エラー」ダイアログ。何かしらのアプリケーションやシェルで使用中とかそういうわかりやすい場合を除くと、ほとんどの場合imejpmgr.exeがそのファイルまたはフォルダをなぜか開きっぱなしなのが原因だったりするみたい。</p>
42040          </section>
42041        </a>
42042
42043
42044        <a href="/blog/blosxom/update_similarity_plugin">
42045          <section class="excerpt">
42046            <header>
42047              <p class="date"><time datetime="2004-04-03T23:10:30+09:00">3日</time></p>
42048
42049              <h3>similarity plugin</h3>
42050            </header>
42051
42052            <p>BulkfeedsのSimilarity SearchをJavaScriptで出力するサービスをblosxomで利用するためのプラグインを前に書いたのですが、遊びでいろいろいじったまま放置していたのですよ、実は。改めて、ある程度一般的に使えるようにsimilarityを書き直してみました。</p>
42053          </section>
42054        </a>
42055
42056
42057        <a href="/blog/blosxom/blosxom_starter_kit_15">
42058          <section class="excerpt">
42059            <header>
42060              <p class="date"><time datetime="2004-04-03T22:43:34+09:00">3日</time></p>
42061
42062              <h3>blosxom starter kit #15</h3>
42063            </header>
42064
42065            <p>アーカイブは更新してませんが、専用ページを作り始めました。アーカイブに同梱されるテキスト・ファイルの補完兼FAQ蓄積先みたいな。実際にblosxom starter kitを利用して作るという選択もあるのですが、メンドウなので。更新ではなく管理が。</p>
42066          </section>
42067        </a>
42068
42069
42070        <a href="/blog/sports/carp_in_the_opening_game_of_04_season">
42071          <section class="excerpt">
42072            <header>
42073              <p class="date"><time datetime="2004-04-02T19:51:02+09:00">2日</time></p>
42074
42075              <h3>広島開幕。</h3>
42076            </header>
42077
42078            <p>黒田がんばってます。</p>
42079          </section>
42080        </a>
42081
42082
42083        <a href="/blog/coding/air">
42084          <section class="excerpt">
42085            <header>
42086              <p class="date"><time datetime="2004-04-01T13:13:16+09:00">1日</time></p>
42087
42088              <h3>Amazonの画像置換</h3>
42089            </header>
42090
42091            <p>AWSで返された画像のURLとかAmazonのASINコードから09で類推した画像が、1*1の黒いGIF画像だった場合に、01で類推できるURL無理やり置換してみる実験。</p>
42092          </section>
42093        </a>
42094
42095
42096        <a href="/blog/blog/squarespace">
42097          <section class="excerpt">
42098            <header>
42099              <p class="date"><time datetime="2004-04-01T12:20:25+09:00">1日</time></p>
42100
42101              <h3>Squarespace</h3>
42102            </header>
42103
42104            <p>Squarespaceというblogサービス。日本語が通るかどうかは知りませんが、テンプレと管理画面がすげぇキレイ。MT 3.0もキレイと思ったけど、こっちの方がもっとキレイかも(というより好み)。</p>
42105          </section>
42106        </a>
42107
42108          </section>
42109          <section>
42110            <h2><time datetime="2004-03">2004年3月</time></h2>
42111
42112        <a href="/blog/coding/imageurl_aws_returns">
42113          <section class="excerpt">
42114            <header>
42115              <p class="date"><time datetime="2004-03-31T14:36:29+09:00">31日</time></p>
42116
42117              <h3>AWSが返すImageUrl</h3>
42118            </header>
42119
42120            <p>AWSを利用してAmazon.co.jpで検索すると、輸入版のCDもヒットします。その時、Detail以下のImageUrlMediumなどに入るURLがどうもおかしいですね。</p>
42121          </section>
42122        </a>
42123
42124
42125        <a href="/blog/blosxom/update_amip_plugin_2">
42126          <section class="excerpt">
42127            <header>
42128              <p class="date"><time datetime="2004-03-30T18:59:19+09:00">30日</time></p>
42129
42130              <h3>amip plugin 更新 #2</h3>
42131            </header>
42132
42133            <p>amipプラグインを更新して、インチキな方法でジャケット表示とかやってみたり。表示しただけ・・・みたいな。</p>
42134          </section>
42135        </a>
42136
42137
42138        <a href="/blog/internet/google_pagerank_calculator">
42139          <section class="excerpt">
42140            <header>
42141              <p class="date"><time datetime="2004-03-30T12:33:30+09:00">30日</time></p>
42142
42143              <h3>Google PageRank Calculator</h3>
42144            </header>
42145
42146            <p>かなり前にGoogleのPageRankをチェックで、GoogleでのPageRankを教えてくれるサイトを紹介しましたが、あれはちょっと怪しい数値が出てきますね。今度のGoogle PageRank Calculatorはかなり正確な数値を返すような気がしないでもない。</p>
42147          </section>
42148        </a>
42149
42150
42151        <a href="/blog/blosxom/blosxom_starter_kit_14">
42152          <section class="excerpt">
42153            <header>
42154              <p class="date"><time datetime="2004-03-29T15:36:57+09:00">29日</time></p>
42155
42156              <h3>blosxom starter kit #14</h3>
42157            </header>
42158
42159            <p>誤字・脱字の訂正やデフォルトの設定の部分でまずそうな部分の修正などをした、そろそろ正式公開にしてもいい感じになってきたような気がするblosxom starter kitのアーカイブをアップロードしました。フィードバックしてくれた方に感謝。</p>
42160          </section>
42161        </a>
42162
42163
42164        <a href="/blog/rss/pigeonhole112">
42165          <section class="excerpt">
42166            <header>
42167              <p class="date"><time datetime="2004-03-28T21:56:21+09:00">28日</time></p>
42168
42169              <h3>Pigeonhole 1.1.2</h3>
42170            </header>
42171
42172            <p>Pigeonhole 1.1.2を公開しました。Bulkfeedsが、一部機能を利用するのにAPI Keyを必要とすることになったことを受けてのバージョン・アップです。ついでにRSSの存在確認を右クリックから行えるようにしてみたり。</p>
42173          </section>
42174        </a>
42175
42176
42177        <a href="/blog/software/turukame">
42178          <section class="excerpt">
42179            <header>
42180              <p class="date"><time datetime="2004-03-28T17:04:27+09:00">28日</time></p>
42181
42182              <h3>鶴亀メール</h3>
42183            </header>
42184
42185            <p>千年も万年も使いつづけられるメーラー(そうなのか?)鶴亀メールが3.50にバージョン・アップしていました。今回の更新の目玉は、独特のスレッド表示機能から一般的なリスト・ビューにスレッドをインライン表示するようになった点・・・だと思います。起動もかなり速くなった気がする。</p>
42186          </section>
42187        </a>
42188
42189
42190        <a href="/blog/blosxom/set-up_the_strongest_blog_tool">
42191          <section class="excerpt">
42192            <header>
42193              <p class="date"><time datetime="2004-03-27T16:01:29+09:00">27日</time></p>
42194
42195              <h3>最強Blogツールをセットアップ</h3>
42196            </header>
42197
42198            <p>
42198次の月曜日の03/29に発売になる、iNTERNET magazine 5月号の特集1の「最強Blogツールをセットアップ」で、自作PCのようなブログツールというキャッチでblosxomの項を書かせていただきました。blosxomの概要から、MTとの違い、インストール、ちょっとしたカスタマイズ、Tips*2という構成で、blosxomates (引っ張る)にすぐさま仲間入りできるような記事になっている・・・ような気が。</p>
42199          </section>
42200        </a>
42201
42202
42203        <a href="/blog/blosxom/recent_entries_on_side-bar">
42204          <section class="excerpt">
42205            <header>
42206              <p class="date"><time datetime="2004-03-27T15:23:15+09:00">27日</time></p>
42207
42208              <h3>サイド・バーに最近のエントリを表示</h3>
42209            </header>
42210
42211            <p>最近のエントリとかをサイド・バーに表示したいとか思うことは良くあると思います。blosxomの場合、とりあえず「プラグイン探せ!」ということになり、recent_entriesプラグインとかを見つけることになるわけですが、flavourで実現できてしまうのでflavourでやった方が良いような。</p>
42212          </section>
42213        </a>
42214
42215
42216        <a href="/blog/blosxom/how_to_publish_entry">
42217          <section class="excerpt">
42218            <header>
42219              <p class="date"><time datetime="2004-03-26T18:40:19+09:00">26日</time></p>
42220
42221              <h3>エントリのPublish方法</h3>
42222            </header>
42223
42224            <p>ごく普通の高機能なblogツールを利用している場合は、エントリをPublishする方法は、その実装方法に依存すると思います(複数のアプローチが用意されていることもあるでしょう)。blosxomでは「指定ディレクトリにファイルを作る」ということに過ぎないので、Publish方法は自由です。一番ポピュラーなのはwikieditishを導入して、Publishする方法をプラグインとして実装してやるものでしょうか?</p>
42225          </section>
42226        </a>
42227
42228
42229        <a href="/blog/coding/vbs_dailymemo">
42230          <section class="excerpt">
42231            <header>
42232              <p class="date"><time datetime="2004-03-25T09:49:49+09:00">25日</time></p>
42233
42234              <h3>VBScript: DailyMemo</h3>
42235            </header>
42236
42237            <p>ダブルクリックするとその日の日付けを元にしたファイル名で既定フォルダ(My Documents)にテキストファイルを作り(既存の場合は何もしない)、関連付けに従って開くVBScriptをでっち上げてみる。ToDoメモなんかに使うんだろう、多分。</p>
42238          </section>
42239        </a>
42240
42241
42242        <a href="/blog/blog/trackback_system_of_webryblog">
42243          <section class="excerpt">
42244            <header>
42245              <p class="date"><time datetime="2004-03-25T07:41:52+09:00">25日</time></p>
42246
42247              <h3>ウェブリブログのTrackBack</h3>
42248            </header>
42249
42250            <p>「ウェブリブログ」という名称はどうよ? とかは触れてはいけないことのような気がするので、触れませんが、そのTrackBack機能について。基本的には、本文にリンクがあればそこからTrackBack Auto-discoveryして、Ping送信先URLが見つかったら必ず送るというものみたいですね。</p>
42251          </section>
42252        </a>
42253
42254
42255        <a href="/blog/blosxom/blothumbnail">
42256          <section class="excerpt">
42257            <header>
42258              <p class="date"><time datetime="2004-03-24T07:51:04+09:00">24日</time></p>
42259
42260              <h3>ぶろっさむねいる</h3>
42261            </header>
42262
42263            <p>blosxomates (多分)なMafuyuさんが、ぶろっさむねいる(勝手に命名)というものを作ってました。blosxomで構築されているページを、サムネイルで表示しているリンク集ですね。</p>
42264          </section>
42265        </a>
42266
42267
42268        <a href="/blog/blosxom/config_plugin_does_not_work">
42269          <section class="excerpt">
42270            <header>
42271              <p class="date"><time datetime="2004-03-24T06:35:30+09:00">24日</time></p>
42272
42273              <h3>configプラグイン動かねぇ!</h3>
42274            </header>
42275
42276            <p>blosxomのパワフルなプラグインのひとつに、configプラグインという、グローバルな設定($blog_titleとか)を、カテゴリごとやフレーバーごと、さらにはあるカテゴリのã
42276‚るフレーバーに限って書き換えることができるようになるものがあるのですが、設定の説明がMLのアーカイブにしかないことや、検索しようにもconfigとかいう非常に一般的な単語なのでなかなか引っ掛けづらく、利用には結構壁があるかもしれませんね。</p>
42277          </section>
42278        </a>
42279
42280
42281        <a href="/blog/rss/blagg_version_k">
42282          <section class="excerpt">
42283            <header>
42284              <p class="date"><time datetime="2004-03-24T06:02:45+09:00">24日</time></p>
42285
42286              <h3>blagg version k</h3>
42287            </header>
42288
42289            <p>これといったバグもなさそうな感じなので、blaggを改造したソースを晒してみる。オリジナルからは大幅に変わっています。考えるのがメンドウなので、モジュール使いまくりに。くぱんマンセー。</p>
42290          </section>
42291        </a>
42292
42293
42294        <a href="/blog/sports/kawauchi_awakened">
42295          <section class="excerpt">
42296            <header>
42297              <p class="date"><time datetime="2004-03-24T01:01:29+09:00">24日</time></p>
42298
42299              <h3>河内覚醒?</h3>
42300            </header>
42301
42302            <p>眠れる大器とかそういうキャラが多すぎというか、そういう贔屓目を持たせてしまうような、ある部分だけとてつもなく優れたところのある選手が多い(=完成度が高くないともいう)広島ですが、中でも内外共にかなり評価の高い(と思う)河内が覚醒したっぽいです。その河内への達川のコメント。</p>
42303          </section>
42304        </a>
42305
42306
42307        <a href="/blog/rss/blagg_the_yeah">
42308          <section class="excerpt">
42309            <header>
42310              <p class="date"><time datetime="2004-03-23T01:08:45+09:00">23日</time></p>
42311
42312              <h3>blagg the yeah</h3>
42313            </header>
42314
42315            <p>blaggというPerlスクリプトがあるのです。ちょっと前にmiyagawaさんがベイジアンなRSS Aggregatorというエントリで公開してるRSSを集めたページもblaggですね。簡単に説明すると、RSSを巡回して新着があったらblosxomの記事フォーマットでファイルに吐くというもので、基本的にはblosxom向けにデザインされています。</p>
42316          </section>
42317        </a>
42318
42319
42320        <a href="/blog/blosxom/customize_entries_index">
42321          <section class="excerpt">
42322            <header>
42323              <p class="date"><time datetime="2004-03-22T17:04:28+09:00">22日</time></p>
42324
42325              <h3>Customize entries_index plugin</h3>
42326            </header>
42327
42328            <p>entries_indexプラグインを改造中。素直にentries_cacheを使えとかいう感じではある。インデックス・ファイルを作る間隔を指定する設定の追加と、インデックス・ファイルをシンプルなものに(外部で使うので)したりとか。強制再インデックスとかもつけたり。パクっとな。</p>
42329          </section>
42330        </a>
42331
42332
42333        <a href="/blog/blosxom/blosxom_starter_kit_13">
42334          <section class="excerpt">
42335            <header>
42336              <p class="date"><time datetime="2004-03-21T10:34:22+09:00">21日</time></p>
42337
42338              <h3>blosxom starter kit #13</h3>
42339            </header>
42340
42341            <p>正式公開に向けて、完成したんだかしていないんだか良くわからないreadme.txtと無闇に長いわりにはたいして説明が細やかでないabout_config.txtを同梱したアーカイブをアップロードしました。この2つのテキストファイルで40KB近くもあったり。あんまりきちんとチェックしていないので、誤字・脱字やおかしい部分の指摘は大歓迎です。ていうか校正してください。</p>
42342          </section>
42343        </a>
42344
42345
42346        <a href="/blog/coding/request_url_of_aws">
42347          <section class="excerpt">
42348            <header>
42349              <p class="date"><time datetime="2004-03-21T04:51:20+09:00">21日</time></p>
42350
42351              <h3>AWSのリクエストURL</h3>
42352            </header>
42353
42354            <p>今まではxml.amazon.comにlocale=jpでリクエストを投げていたわけですが、仕様が変更になったようで、xml.amazon.co.jpにlocale=jpで投げるようにしなければならないみたいですね。aws.hail2u.netの方は既に変更済みだったんですが、GoogleのAdSenseの代æ›
42354¿åºƒå‘Šã«ä½¿ã£ã¦ã„ã‚‹AWSのXSL変換サービスは変えてなかったり。今日、3/21の18:00で移行するとかそういう話らしいので、慌てて直してみたり。</p>
42355          </section>
42356        </a>
42357
42358
42359        <a href="/blog/blosxom/blosxom_starter_kit_manual">
42360          <section class="excerpt">
42361            <header>
42362              <p class="date"><time datetime="2004-03-19T23:29:06+09:00">19日</time></p>
42363
42364              <h3>blosxom starter kitのマニュアル</h3>
42365            </header>
42366
42367            <p>積極的にフィードバックしてくださっているcolor99さんが、blosxom starter kitのマニュアルを作成・公開してくださいました。</p>
42368          </section>
42369        </a>
42370
42371
42372        <a href="/blog/sports/final_phase_of_nba_03-04_season">
42373          <section class="excerpt">
42374            <header>
42375              <p class="date"><time datetime="2004-03-19T21:47:09+09:00">19日</time></p>
42376
42377              <h3>NBA03-04シーズン終盤戦</h3>
42378            </header>
42379
42380            <p>Pacersが50勝に一番乗りしたわけですが、我がTimberwolvesは絶不調・・・。Spursとの直接対決にも86-106で完全に破れ、ここ10試合は4勝6敗という体たらく。しっかりしろ!</p>
42381          </section>
42382        </a>
42383
42384
42385        <a href="/blog/rss/update_rssmemo_3">
42386          <section class="excerpt">
42387            <header>
42388              <p class="date"><time datetime="2004-03-18T22:38:47+09:00">18日</time></p>
42389
42390              <h3>RssMemo更新 #3</h3>
42391            </header>
42392
42393            <p>触発されてというか、単に忘れていたのでクッキーでパスワードを記憶する機能をつけ、RssMemoを1.3に更新しました。自分で使っている奴にはとっくに実装してたりして。</p>
42394          </section>
42395        </a>
42396
42397
42398        <a href="/blog/internet/myclip">
42399          <section class="excerpt">
42400            <header>
42401              <p class="date"><time datetime="2004-03-18T21:58:23+09:00">18日</time></p>
42402
42403              <h3>MyClip</h3>
42404            </header>
42405
42406            <p>パクられた!</p>
42407          </section>
42408        </a>
42409
42410
42411        <a href="/blog/misc/i_am_a_miser">
42412          <section class="excerpt">
42413            <header>
42414              <p class="date"><time datetime="2004-03-17T20:11:49+09:00">17日</time></p>
42415
42416              <h3>守銭奴</h3>
42417            </header>
42418
42419            <p>タイトルのフォントの変更とAdSenseの位置の変更。あんまり変わってないのに代替広告のためのXSLを書くのに2時間近くもかけてたりとか。</p>
42420          </section>
42421        </a>
42422
42423
42424        <a href="/blog/misc/danger">
42425          <section class="excerpt">
42426            <header>
42427              <p class="date"><time datetime="2004-03-16T18:04:45+09:00">16日</time></p>
42428
42429              <h3>本棚を見て危険を感じた瞬間</h3>
42430            </header>
42431
42432            <p>何か本を読もうと本棚を見たら、ちょうど目線の棚にマンガが4冊並んでいました。</p>
42433          </section>
42434        </a>
42435
42436
42437        <a href="/blog/rss/rss_which_has_a_few_error">
42438          <section class="excerpt">
42439            <header>
42440              <p class="date"><time datetime="2004-03-16T16:59:14+09:00">16日</time></p>
42441
42442              <h3>ちょっとだけ問題のあるRSS</h3>
42443            </header>
42444
42445            <p>ishinao.net/mylogの微妙にinvalidなRSSを手軽にvalidにする方法で、charsetが宣言と違うRSSが結構あるということが触れられていました。PerlでRSSをXML::Parserを利用してゴニョゴニョする(XML::RSSも含む)場合、このトラブルに加えて、Shift_JISやEUC-JPのエンコード・マッピング・ファイルが無いことが多いので、うまくゴニョゴニョできないことが多いですね。</p>
42446          </section>
42447        </a>
42448
42449
42450        <a href="/blog/media/velvet_revolver_slither">
42451          <section class="excerpt">
42452            <header>
42453              <p class="date"><time datetime="2004-03-16T16:05:20+09:00">16日</time></p>
42454
42455              <h3>Velvet Revolver / Slither</h3>
42456            </header>
42457
42458            <p>HulkのO.S.T.でお目見えした(多分)、元・銃と薔薇の中の人たちと元Stone Temple PilotsのScott Weilandが作ったVelvet Revolverの新曲、Slitherがラジオで流されたそうです。Set Me Freeに比べてガンズ臭が薄まり、STP臭が強くなった感じで、個人的には良い感じ。</p>
42459          </section>
42460        </a>
42461
42462
42463        <a href="/blog/misc/error_on_vga">
42464          <section class="excerpt">
42465            <header>
42466              <p class="date"><time datetime="2004-03-16T15:38:09+09:00">16日</time></p>
42467
42468              <h3>VGAのエラー?</h3>
42469            </header>
42470
42471            <p>Gateway(eMachinesを買収完了したので、日本市場復帰するとかしないとか)の古ぼけたマシンを再起動しようとしたら、マザーから「ビーッ ビッ ビッ ビッ」というbeep音が鳴り、BIOS画面すらうつらない状態に。</p>
42472          </section>
42473        </a>
42474
42475
42476        <a href="/blog/rss/rss_auto-discovery_2">
42477          <section class="excerpt">
42478            <header>
42479              <p class="date"><time datetime="2004-03-15T15:19:43+09:00">15日</time></p>
42480
42481              <h3>RSS Auto-discovery #2</h3>
42482            </header>
42483
42484            <p>ここではRSS Auto-discoveryのためのlink要素のhref属性の値には、/
42484始まりで記述していたのですが、どうも/始まりのURLをうまく解釈しないRSSリーダーがいくつかあるみたいなので、http://始まりのURLに変更しました。</p>
42485          </section>
42486        </a>
42487
42488
42489        <a href="/blog/blosxom/blosxom_version_3">
42490          <section class="excerpt">
42491            <header>
42492              <p class="date"><time datetime="2004-03-13T23:22:39+09:00">13日</time></p>
42493
42494              <h3>blosxom 3とか</h3>
42495            </header>
42496
42497            <p>blosxom 3を鋭意作成中だとRael DonfestさんがMLで投稿してました。かなり大幅に変わるようです。大きな違いは、プラグインで、2.0のものと互換性がないとのこと。2から3への移行には苦労しそうですね(簡単に書き直せるはずとは言ってますが)。データ・ファイルとかは変わらないみたい。</p>
42498          </section>
42499        </a>
42500
42501
42502        <a href="/blog/media/maroon_5_songs_for_jane">
42503          <section class="excerpt">
42504            <header>
42505              <p class="date"><time datetime="2004-03-12T02:36:33+09:00">12日</time></p>
42506
42507              <h3>Maroon 5 / Songs For Jane</h3>
42508            </header>
42509
42510            <p>良い! これはかなり惚れたかも。このMaroon 5のSongs About Janeは、かなり前のアルバム(2002年)みたいなんですが、最近になってかなり評価されている感じ? 今年になってこのアルバムからシングルが。</p>
42511          </section>
42512        </a>
42513
42514
42515        <a href="/blog/webdesign/liquid_layoutish">
42516          <section class="excerpt">
42517            <header>
42518              <p class="date"><time datetime="2004-03-12T00:07:01+09:00">12日</time></p>
42519
42520              <h3>リキッド・レイアウトっぽい</h3>
42521            </header>
42522
42523            <p>なんとなくリキッド・レイアウトっぽい感じにしてみました。要は、サイド・バーの幅が可変になっただけなんですが。てか、liquid layoutishって言い方良いのか? 本題とは、まるで関係ないですけど。</p>
42524          </section>
42525        </a>
42526
42527
42528        <a href="/blog/blosxom/static_on_browser">
42529          <section class="excerpt">
42530            <header>
42531              <p class="date"><time datetime="2004-03-11T20:17:08+09:00">11日</time></p>
42532
42533              <h3>ブラウザから静的生成</h3>
42534            </header>
42535
42536            <p>外部のサーバーに設置してあるblosxomの静的生成をブラウザから直接行うことも可能というエントリがどこかに書いてあった(URL失念)のを見て、「おぉ!」とか思ってたんですが、静的と動的を判定する部分で$ENV{&apos;GATEWAY_INTERFACE&apos;}をチェックしているので、ダメなサーバー(というかきちんと環境変数を吐くサーバー)ではダメっぽいですね。</p>
42537          </section>
42538        </a>
42539
42540
42541        <a href="/blog/coding/cgi_module_and_charset">
42542          <section class="excerpt">
42543            <header>
42544              <p class="date"><time datetime="2004-03-11T17:30:55+09:00">11日</time></p>
42545
42546              <h3>CGIモジュールとcharset</h3>
42547            </header>
42548
42549            <p>PerlでCGIモジュールを利用する時、Content-Typeヘッダにcharsetパラメータを加えるには、headerメソッドで-charset =&gt; &apos;UTF-8&apos;などと指定するわけですが、どうもtext/*なもの以外では無視され、Content-Typeヘッダにcharsetパラメータを加えてくれないみたいです。</p>
42550          </section>
42551        </a>
42552
42553
42554        <a href="/blog/software/wb_editor_runs_as_a_stand_alone_program_now">
42555          <section class="excerpt">
42556            <header>
42557              <p class="date"><time datetime="2004-03-11T15:28:32+09:00">11日</time></p>
42558
42559              <h3>WB Editorがスタンド・アローンで動作するように</h3>
42560            </header>
42561
42562            <p>SharpReaderなどのプラグインとして動作するblogエディタ、WB Editorがスタンド・アローンで動作するようになったそうです。前に紹介した時からかなり機能が追加されているようですし、スタンド・アローンで動作するようになったことで、Windows用の日本語が通るblogエディタとしてかなりの地位を確保するかもしないかも。</p>
42563          </section>
42564        </a>
42565
42566
42567        <a href="/blog/blosxom/ping_flavour">
42568          <section class="excerpt">
42569            <header>
42570              <p class="date"><time datetime="2004-03-10T16:21:30+09:00">10日</time></p>
42571
42572              <h3>ping flavour</h3>
42573            </header>
42574
42575            <p>
42575blosxomでTrackBackを送信する方法に決定的なものが無いのは、blosxomでTrackBack pingを送信でダラダラ書いた通りなわけですが、手軽な送信方法というのは無いことも無いです。</p>
42576          </section>
42577        </a>
42578
42579
42580        <a href="/blog/rss/channel_definition_format">
42581          <section class="excerpt">
42582            <header>
42583              <p class="date"><time datetime="2004-03-10T15:35:35+09:00">10日</time></p>
42584
42585              <h3>Channel Definition Format</h3>
42586            </header>
42587
42588            <p>何の気なしにChannel Definition Format (CDF)のリンクををお気に入りに追加してみましたら、なかなか面白いギミックがInternet Explorerにはあることが判明。正直、知りませんでした。</p>
42589          </section>
42590        </a>
42591
42592
42593        <a href="/blog/blosxom/excerpt">
42594          <section class="excerpt">
42595            <header>
42596              <p class="date"><time datetime="2004-03-10T11:41:02+09:00">10日</time></p>
42597
42598              <h3>excerpt plugin</h3>
42599            </header>
42600
42601            <p>諸事情により、概要らしきものを無理やり作ってみるexcerptプラグインを一週間前くらいに作りました。内容はforeshortenedとあんまり変わらないです。元々rss10プラグインに似たような機能を付けてはいたのですが、いくつかのプラグインやフレーバーから扱う都合上、切り分けてみたり。</p>
42602          </section>
42603        </a>
42604
42605
42606        <a href="/blog/sports/grudge">
42607          <section class="excerpt">
42608            <header>
42609              <p class="date"><time datetime="2004-03-09T12:41:40+09:00">9日</time></p>
42610
42611              <h3>イコン</h3>
42612            </header>
42613
42614            <p>まぁあれだ。とりあえず、ベイル落ち着け。野球やれ、野球。てか、マスコミも「遺恨勃発!」とか煽るなよ。</p>
42615          </section>
42616        </a>
42617
42618
42619        <a href="/blog/coding/pure_javascript_wiki_like_formatter">
42620          <section class="excerpt">
42621            <header>
42622              <p class="date"><time datetime="2004-03-07T12:54:15+09:00">7日</time></p>
42623
42624              <h3>Pure JavaScript Wiki Like Formatter</h3>
42625            </header>
42626
42627            <p>HTMLマークアップ秀丸マクロ for blosxomをベースにして、WikiライクなフォーマッターをPure JavaScriptで作成してみる。Wikiっぽくtextareaにサクサク文章を書き、ボタンを押すとマークアップしてくれるというような感じ。わからねーよ。頭の体操にはなりました。</p>
42628          </section>
42629        </a>
42630
42631
42632        <a href="/blog/blosxom/blosxom_and_404_2">
42633          <section class="excerpt">
42634            <header>
42635              <p class="date"><time datetime="2004-03-07T08:49:04+09:00">7日</time></p>
42636
42637              <h3>blosxomと404 #2</h3>
42638            </header>
42639
42640            <p>やはり存在しないエントリにアクセスしようとした場合、Statusで404 Not Foundを返したい。いろいろやってみて、404 Not Foundを返しつつ、サイトの独自404ドキュメントと同じものを出力するようにできました。かなり怪しいというか強引。</p>
42641          </section>
42642        </a>
42643
42644
42645        <a href="/blog/software/remove_msjvm">
42646          <section class="excerpt">
42647            <header>
42648              <p class="date"><time datetime="2004-03-06T16:46:36+09:00">6日</time></p>
42649
42650              <h3>MSJVMを削除</h3>
42651            </header>
42652
42653            <p>MicrosoftのJava Virtual Machineを削除するツール、MSJVM Removal Toolが公開されました。Microsoftから公式に出てるのがビックリするところ。</p>
42654          </section>
42655        </a>
42656
42657
42658        <a href="/blog/media/pj_harvey_releases_new_album_this_summer">
42659          <section class="excerpt">
42660            <header>
42661              <p class="date"><time datetime="2004-03-06T13:46:34+09:00">6日</time></p>
42662
42663              <h3>今夏、P.J. Harveyの新譜が!</h3>
42664            </header>
42665
42666            <p>来ました! マジで来た!P.J. Harveyの新譜のアナウンス! 前作のStories From The City, Stories From The Sea以来、実に4年近くもほとんど音沙汰のなかった(ちらほらゲストでいろいろなアーティストのアルバムに顔出ししてたりはしてましたけど)彼女ですが、ついに今夏New Albumリリース(予定)。</p>
42667          </section>
42668        </a>
42669
42670
42671        <a href="/blog/coding/nowplaying_wsh">
42672          <section class="excerpt">
42673            <header>
42674              <p class="date"><time datetime="2004-03-05T21:20:14+09:00">5日</time></p>
42675
42676              <h3>WSHでNowPlaying</h3>
42677            </header>
42678
42679            <p>ということでWSHで、Winampの再生中のファイルのID3タグを無理やり読んでみる。WSHでっつーのにはかなり語弊がありますが。とりあえずダイアログ出すところまでは出来たり。</p>
42680          </section>
42681        </a>
42682
42683
42684        <a href="/blog/blosxom/update_amip_plugin_1">
42685          <section class="excerpt">
42686            <header>
42687              <p class="date"><time datetime="2004-03-05T18:42:31+09:00">5日</time></p>
42688
42689              <h3>amip plugin 更新</h3>
42690            </header>
42691
42692            <p>amipプラグインを中途半端に拡張して、URLエスケープしたアーティスト名やアルバム名を変数としてå
42692–り出せるようにしました。URI::Escapeマンセー。サイド・バーにこっそりと置いてあるNow listening toまたはRecentry listened toブロックの、アーティスト名とアルバム名に張ってあるリンクをクリックすると、aws.hail2u.netでの検索結果に飛びます。</p>
42693          </section>
42694        </a>
42695
42696
42697        <a href="/blog/blosxom/customize_categories_3">
42698          <section class="excerpt">
42699            <header>
42700              <p class="date"><time datetime="2004-03-04T11:22:10+09:00">4日</time></p>
42701
42702              <h3>Customize categories plugin #3</h3>
42703            </header>
42704
42705            <p>特に改造してないですけど、補足情報ってことで。どっかでよくわからないとか言われていたので・・・。</p>
42706          </section>
42707        </a>
42708
42709
42710        <a href="/blog/blosxom/about_writeback_3">
42711          <section class="excerpt">
42712            <header>
42713              <p class="date"><time datetime="2004-03-04T03:10:56+09:00">4日</time></p>
42714
42715              <h3>writebackプラグインについて #3</h3>
42716            </header>
42717
42718            <p>どこを改造したのかはっきりと覚えてないので、備忘録がてらにうちで使ってるwritebackの変更点をメモ。そのまんま持っていく人は結構いるみたいなので、その人たちへの解説も兼ねて。順不同。</p>
42719          </section>
42720        </a>
42721
42722
42723        <a href="/blog/blosxom/post_entry_from_mt_to_blosxom">
42724          <section class="excerpt">
42725            <header>
42726              <p class="date"><time datetime="2004-03-02T23:59:25+09:00">2日</time></p>
42727
42728              <h3>MTでblosxomにエントリ投稿</h3>
42729            </header>
42730
42731            <p>かなり前にmiyagawaさんが、「MTでプレーンテキスト吐くテンプレ作れば、blosxomの投稿フロントエンドに使える」とかそういう話をしていた記憶があるのですが、それの実装方法を詳細がX *ole.netのroyさんが丁寧に解説してくれてます。</p>
42732          </section>
42733        </a>
42734
42735
42736        <a href="/blog/sports/batting_lineup_of_giants_is">
42737          <section class="excerpt">
42738            <header>
42739              <p class="date"><time datetime="2004-03-02T22:05:18+09:00">2日</time></p>
42740
42741              <h3>巨人の打線は(略</h3>
42742            </header>
42743
42744            <p>長嶋茂雄終身名誉監督のコメント。</p>
42745          </section>
42746        </a>
42747
42748
42749        <a href="/blog/rss/rss_access_ranking_at_0402">
42750          <section class="excerpt">
42751            <header>
42752              <p class="date"><time datetime="2004-03-02T21:48:49+09:00">2日</time></p>
42753
42754              <h3>RSSアクセスランキング@2004/02</h3>
42755            </header>
42756
42757            <p>2004年2月のうちで勝手に配信しているRSSのアクセスランキングを調べてみました。アクセス数なので人気とは等価ではないです。ある程度一致するとは思いますが。</p>
42758          </section>
42759        </a>
42760
42761
42762        <a href="/blog/blosxom/various_url_of_blosxom">
42763          <section class="excerpt">
42764            <header>
42765              <p class="date"><time datetime="2004-03-01T08:45:57+09:00">1日</time></p>
42766
42767              <h3>blosxomのURL</h3>
42768            </header>
42769
42770            <p>blosxomはいろいろなURLでアクセスすることができます。実はこれが混乱の元だったり、プラグイン作る時に厄介だったりするわけなのですが・・・。それはそうと、MLで挙動が面白いblosxomのURLについて触れられてましたので、紹介。</p>
42771          </section>
42772        </a>
42773
42774          </section>
42775          <section>
42776            <h2><time datetime="2004-02">2004年2月</time></h2>
42777
42778        <a href="/blog/blosxom/blosxom_starter_kit_12">
42779          <section class="excerpt">
42780            <header>
42781              <p class="date"><time datetime="2004-02-29T17:34:17+09:00">29日</time></p>
42782
42783              <h3>blosxom starter kit #12</h3>
42784            </header>
42785
42786            <p>plugins/archivesとplugins/categoriesで生成されるリンクがフレーバーを引き継いでしまう問題を修正したアーカイブをアップロードしました。color99さん、フィードバックどうもです。</p>
42787          </section>
42788        </a>
42789
42790
42791        <a href="/blog/blosxom/customize_categories_2">
42792          <section class="excerpt">
42793            <header>
42794              <p class="date"><time datetime="2004-02-29T05:45:16+09:00">29日</time></p>
42795
42796              <h3>Customize categories plugin #2</h3>
42797            </header>
42798
42799            <p>エントリのネタに欠けるところがあるので、categoriesプラグインの改造点をまとめてみる。ココで使っているcategoriesプラグインは、ご自由にお持ちください。</p>
42800          </section>
42801        </a>
42802
42803
42804        <a href="/blog/misc/spam_filter_at_xrea">
42805          <section class="excerpt">
42806            <header>
42807              <p class="date"><time datetime="2004-02-28T21:15:50+09:00">28日</time></p>
42808
42809              <h3>XREAでスパムフィルターが導入</h3>
42810            </header>
42811
42812            <p>XREAでもスパムフィルター導入ですって。削除はせずに、スパムと思しきメールのsubjectに文字列追加と独自ヘッダ(SpamAssassin)追加ということみたいですけど、普通のプロバイダなどの迷惑メール対策オプションとかもいきなり削除じゃなくてこういう感じのところが多い、多くなってきているのですかね? BIGLOBEにはどう考えても数日ででっち上げたとしか思えない惨い出来のインターフェイスで設定するショボショボ受信拒否サービスしか無いので知らないのですが。</p>
42813          </section>
42814        </a>
42815
42816
42817        <a href="/blog/blosxom/blosxom_starter_kit_11">
42818          <section class="excerpt">
42819            <header>
42820              <p class="date"><time datetime="2004-02-27T19:08:54+09:00">27日</time></p>
42821
42822              <h3>blosxom starter kit #11</h3>
42823            </header>
42824
42825            <p>config.cgi及びplugins/writebackのtypoを修正したアーカイブをアップロードしました。てつさん、フィードバック感謝。まるで気づいていませんでした。</p>
42826          </section>
42827        </a>
42828
42829
42830        <a href="/blog/coding/wiki_syntax">
42831          <section class="excerpt">
42832            <header>
42833              <p class="date"><time datetime="2004-02-27T17:47:50+09:00">27日</time></p>
42834
42835              <h3>Wiki記法</h3>
42836            </header>
42837
42838            <p>YukiWikiMiniをベースに拡張しつつ、記法をサクサク実装。記法の実装はをWikiの文法の標準化に関するWiki参考にしてたのに、独自っぽくなってしまった罠。実際にPerlの正規表現ベースでWiki記法を実装しようとすると、かなーりコーディングの都合で実装しがちになってしまいますね。標準化が達成できたら、CGI::Wiki::Standardとかキボン!</p>
42839          </section>
42840        </a>
42841
42842
42843        <a href="/blog/software/e-rename">
42844          <section class="excerpt">
42845            <header>
42846              <p class="date"><time datetime="2004-02-27T17:29:09+09:00">27日</time></p>
42847
42848              <h3>E-Rename</h3>
42849            </header>
42850
42851            <p>複数のファイルを一気にリネームするアプリケーションは数多く存在するのですが、いろいろなことができるものは操作方法を覚えるのがメンドウ、かといってシンプルなものは当然機能が足りないと。そんなことをずいぶん前に感じて見つけたã
42851®ãŒE-Reanameです。これはフォルダ内のファイル名をテキストファイルに書き出してくれ、そのテキストファイルを編集・保存した後、適用すると編集後のテキストファイルに従ってリネームしてくれるというもの。</p>
42852          </section>
42853        </a>
42854
42855
42856        <a href="/blog/misc/gpl_and_source_distribution">
42857          <section class="excerpt">
42858            <header>
42859              <p class="date"><time datetime="2004-02-26T05:28:49+09:00">26日</time></p>
42860
42861              <h3>GPLとソースコードの頒布</h3>
42862            </header>
42863
42864            <p>internet magazineの3月号の新・オープンソースライセンス概論にて、GPLにおけるソースコードの開示に関するお話がありました。もう一月くらい前に発売された奴ですが、今さら。</p>
42865          </section>
42866        </a>
42867
42868
42869        <a href="/blog/misc/blog_wiki_and_so_on">
42870          <section class="excerpt">
42871            <header>
42872              <p class="date"><time datetime="2004-02-25T17:47:10+09:00">25日</time></p>
42873
42874              <h3>blogやらwikiやら</h3>
42875            </header>
42876
42877            <p>YukiWikiMiniを改造して遊んでいるわけですが、如何ともしがたいことに、ページを作ることよりも改造することに夢中とか言う。</p>
42878          </section>
42879        </a>
42880
42881
42882        <a href="/blog/rss/mysubscriptions">
42883          <section class="excerpt">
42884            <header>
42885              <p class="date"><time datetime="2004-02-24T04:30:42+09:00">24日</time></p>
42886
42887              <h3>mySubscriptions</h3>
42888            </header>
42889
42890            <p>「他人のRSS購読リストからなにかを発見できるかも!?」みたいなことは考えることがたまにはあると思います。Bloglinesでは、アカウント設定でPublicにすることによってアカウントを公開でき、誰でもOPMLファイルをゲット(Privateのものまで出てくる罠がありますが)できます。最近では、Share Your OPML!や、FTP経由でOPMLファイルを同期できるRSS Banditなど、こういったOPMLを公開するアプローチのものが出てきたような。</p>
42891          </section>
42892        </a>
42893
42894
42895        <a href="/blog/blosxom/amip">
42896          <section class="excerpt">
42897            <header>
42898              <p class="date"><time datetime="2004-02-24T01:59:37+09:00">24日</time></p>
42899
42900              <h3>amip plugin</h3>
42901            </header>
42902
42903            <p>久々にプラグインを書いてみる。とはいうものの凝ったことをしていない単純至極なもの。AMIPというWinampやApolloで使えるプラグインを利用して、再生中の曲を適当なデータファイルにし、それをパースして表示するプラグイン。amipというそのまんまな名前を付けてみる。</p>
42904          </section>
42905        </a>
42906
42907
42908        <a href="/blog/sports/the_second_half_of_nba_03-04_season">
42909          <section class="excerpt">
42910            <header>
42911              <p class="date"><time datetime="2004-02-23T21:48:42+09:00">23日</time></p>
42912
42913              <h3>NBA03-04後半戦</h3>
42914            </header>
42915
42916            <p>さて、オール・スターは特に盛り上がりもせずに終わり(Lakers嫌いだからそういうことになってます)、後半戦がスタートしたわけですが、TimberwolvesはKingsに勝って「絶好調!」と思ったりしてたら、あっさりとSpursに競り負けてしまいました。</p>
42917          </section>
42918        </a>
42919
42920
42921        <a href="/blog/software/february_22_is_the_day_of_moon_browser">
42922          <section class="excerpt">
42923            <header>
42924              <p class="date"><time datetime="2004-02-22T14:53:11+09:00">22日</time></p>
42925
42926              <h3>2月22日はMoon Browserの日!</h3>
42927            </header>
42928
42929            <p>世間一般において、2月22日は猫の日なわけですが(そうなのか?)、僕の中ではMoon Browserの日です。</p>
42930          </section>
42931        </a>
42932
42933
42934        <a href="/blog/webdesign/css_depot">
42935          <section class="excerpt">
42936            <header>
42937              <p class="date"><time datetime="2004-02-22T00:44:11+09:00">22日</time></p>
42938
42939              <h3>CSS Depot</h3>
42940            </header>
42941
42942            <p>CSSによる段組ページ・レイアウトのモックアップがリストアップされている、CSS Depotというページを見つけました。カラムのサイズが可変かどうかとかヘッダーがあるかどうか、フッターがあるかどうかなどã
42942§5つのサンプルが公開されています。</p>
42943          </section>
42944        </a>
42945
42946
42947        <a href="/blog/rss/rollup">
42948          <section class="excerpt">
42949            <header>
42950              <p class="date"><time datetime="2004-02-21T12:59:31+09:00">21日</time></p>
42951
42952              <h3>Rollup</h3>
42953            </header>
42954
42955            <p>指定したRSSを巡回してHTMLとして閲覧できる、RollupというサービスをLockergnome&apos;s RSS Resourceで知りました。どうやらRssRollingみたいなモノを生成してくれる、すなわち登録したRSSから記事を集め、時系列順に並べ替えてblogみたいに閲覧できるというモノっぽいです。</p>
42956          </section>
42957        </a>
42958
42959
42960        <a href="/blog/rss/macromedia_central">
42961          <section class="excerpt">
42962            <header>
42963              <p class="date"><time datetime="2004-02-21T06:24:32+09:00">21日</time></p>
42964
42965              <h3>Macromedia Central</h3>
42966            </header>
42967
42968            <p>タラタラとMacromediaのサイトを彷徨っていたら、Macromedia Centralという代物を見つけました。どうやらFlashを使ったモノのようですが、イマイチよくわかりません。インターネットからデータを引っ張ってきてゴニョゴニョするとかそんな感じ。天気予報やら動画配信やらあるのですが、その中にBlogReaderというRSSリーダーがありました。</p>
42969          </section>
42970        </a>
42971
42972
42973        <a href="/blog/internet/google_adsense_formats">
42974          <section class="excerpt">
42975            <header>
42976              <p class="date"><time datetime="2004-02-21T01:51:29+09:00">21日</time></p>
42977
42978              <h3>Google AdSenseのフォーマット</h3>
42979            </header>
42980
42981            <p>Google AdSenseの広告のフォーマットが6種類増えたみたいですね。現在のサイトの構造上都合が良さそうなので、新しく追加されたスカイスクレイパー(超横長)という160*600なフォーマットに変更してみました。</p>
42982          </section>
42983        </a>
42984
42985
42986        <a href="/blog/blosxom/blosxom_starter_kit_10">
42987          <section class="excerpt">
42988            <header>
42989              <p class="date"><time datetime="2004-02-20T15:02:54+09:00">20日</time></p>
42990
42991              <h3>blosxom starter kit #10</h3>
42992            </header>
42993
42994            <p>writebackとwikieditishが作成するファイルとディレクトリがnobody (またはサーバー依存のユーザー)権限で作成されるのは、サーバー依存なので無理だとは思うのですがFTPでファイルを操作することが出来ないのはいかんともしがたいので、それぞれのプラグインで作成されるディレクトリを777にパーミッションを変更するように改造したものに差し替えたアーカイブをアップロードしました。</p>
42995          </section>
42996        </a>
42997
42998
42999        <a href="/blog/software/username_and_password_in_url">
43000          <section class="excerpt">
43001            <header>
43002              <p class="date"><time datetime="2004-02-19T19:04:43+09:00">19日</time></p>
43003
43004              <h3>URLにユーザー名とパスワード</h3>
43005            </header>
43006
43007            <p>ちょっと前のIEのパッチで、ユーザー名とパスワードをURLに含めることが出来なくなったわけですが、どうやらレジストリをいじれば元に戻せるらしいです。</p>
43008          </section>
43009        </a>
43010
43011
43012        <a href="/blog/blosxom/blosxom_starter_kit_9">
43013          <section class="excerpt">
43014            <header>
43015              <p class="date"><time datetime="2004-02-18T14:42:57+09:00">18日</time></p>
43016
43017              <h3>blosxom starter kit #9</h3>
43018            </header>
43019
43020            <p>writebackの文字コード変換コードが場合によってはエラーになることの修正と、google.cgiが環境によっては動かないことの修正を行ったアーカイブをアップロードしました。</p>
43021          </section>
43022        </a>
43023
43024
43025        <a href="/blog/webdesign/profile_attribute">
43026          <section class="excerpt">
43027            <header>
43028              <p class="date"><time datetime="2004-02-17T16:11:39+09:00">17日</time></p>
43029
43030              <h3>profile属性・・・?</h3>
43031            </header>
43032
43033            <p>head要素にprofile属性というものがあることを知ってみる。メタ情報の解釈の仕方を指示する文書のURIを入れるもの? よくわかんねーな。</p>
43034          </section>
43035        </a>
43036
43037
43038        <a href="/blog/webdesign/max-width_in_ie">
43039          <section class="excerpt">
43040            <header>
43041              <p class="date"><time datetime="2004-02-16T14:11:27+09:00">16日</time></p>
43042
43043              <h3>max-width in IE</h3>
43044            </header>
43045
43046            <p>Internet ExplorerではCSSの各プロパティにexpressionというものを指定でき、その中にはJavaScriptがかなり自由に記述できます。それを使ってmax-widthなど、IEが非対応ã
43046ªãƒ—ロパティを擬似的に実現しようという、max-width in Internet Explorerというページを見つけました。</p>
43047          </section>
43048        </a>
43049
43050
43051        <a href="/blog/software/icefire">
43052          <section class="excerpt">
43053            <header>
43054              <p class="date"><time datetime="2004-02-15T23:25:22+09:00">15日</time></p>
43055
43056              <h3>icefire</h3>
43057            </header>
43058
43059            <p>Cloud9ineをリリースしているk23 productionsからicefireというものがBetaリリースされました。これはShellとしても動作させることができるようになるみたいですが、基本的にはHoverDeskのようなtaskbar replacementみたいです。</p>
43060          </section>
43061        </a>
43062
43063
43064        <a href="/blog/media/dashboard_confessional_the_places_you_have_come_to_fear_the_most">
43065          <section class="excerpt">
43066            <header>
43067              <p class="date"><time datetime="2004-02-15T20:33:29+09:00">15日</time></p>
43068
43069              <h3>Dashboard Confessional / The Places You Have Come To Fear The Most</h3>
43070            </header>
43071
43072            <p>来日記念でピックアップ。去年のA Mark, A Mission, A Brand, A Scarでブレイクしたわけですが(僕が知ったのもこっち)、Dashboard Confessionalがバンドとなった最初のアルバム(多分)であるThe Places You Have Come To Fear The Mostの方が激しくイカスかも。MTV Unpluggedも出しているのですが、基本的に弾き語りキャラなので、もう完璧すぎです。</p>
43073          </section>
43074        </a>
43075
43076
43077        <a href="/blog/rss/who_subscribe_my_feed">
43078          <section class="excerpt">
43079            <header>
43080              <p class="date"><time datetime="2004-02-15T15:37:42+09:00">15日</time></p>
43081
43082              <h3>Who subscribe my feed?</h3>
43083            </header>
43084
43085            <p>BloglinesにUser Directoryという機能が加わったようです。現在は、各フィードをsubscribeしている人(publicにしている人だけ)の一覧を参照できる機能のみかな? このblogのRSSをsubscribeしている人はこんな感じで見れるみたい。siteidはBloglines側でユニークに割り当てていて、URLから類推とかは出来ないので、MyBlogsで閲覧している時に出てくる各フィードのヘッダ部分にあるSubscriberというリンクをクリックすると見ることができます。</p>
43086          </section>
43087        </a>
43088
43089
43090        <a href="/blog/internet/process_alt_ad_for_adsense_by_aws">
43091          <section class="excerpt">
43092            <header>
43093              <p class="date"><time datetime="2004-02-15T00:23:39+09:00">15日</time></p>
43094
43095              <h3>AdSenseの代替広告をAWSで</h3>
43096            </header>
43097
43098            <p>AdSenseの代替広告に使うために、AWSのXSL変換サービスを利用してAdSenseライクに整形するXSLをゴリゴリ書きました。ネタ元はAdSenseの代替広告から。かなり書き換えましたけど、構造はほとんど一緒。</p>
43099          </section>
43100        </a>
43101
43102
43103        <a href="/blog/blog/bloglet">
43104          <section class="excerpt">
43105            <header>
43106              <p class="date"><time datetime="2004-02-14T19:47:52+09:00">14日</time></p>
43107
43108              <h3>Bloglet</h3>
43109            </header>
43110
43111            <p>Blogletは、メールでBlogにエントリを投稿する機能(Blogger API経由)を提供するサービスなわけですが、どうやらUTF-8には対応した模様です。多分ですけど。</p>
43112          </section>
43113        </a>
43114
43115
43116        <a href="/blog/rss/rss_auto-discovery">
43117          <section class="excerpt">
43118            <header>
43119              <p class="date"><time datetime="2004-02-14T18:38:14+09:00">14日</time></p>
43120
43121              <h3>RSS Auto-discovery</h3>
43122            </header>
43123
43124            <p>RSS Auto-discoveryという仕組みは、「こんな感じでRSSをアプリケーションから探せるようにしよう!」というようなものです。しかし、きちんとまとまったページが有るような無いような感じなので、blogツールなどを利用せずにこの仕組ã
43124¿ã‚’実装しようとしたり、あらたにこの仕組みに対応したblogツールを作成しようなどという場合、どこを参照してよいのやらわかりにくいような。</p>
43125          </section>
43126        </a>
43127
43128
43129        <a href="/blog/blosxom/blosxom_starter_kit_8">
43130          <section class="excerpt">
43131            <header>
43132              <p class="date"><time datetime="2004-02-14T16:57:49+09:00">14日</time></p>
43133
43134              <h3>blosxom starter kit #8</h3>
43135            </header>
43136
43137            <p>blosxom starter kitをアーカイブ化しました。ドキュメントはまだ同梱していないので、誰でも設置できるというわけにはいかないです。ドキュメントを同梱したからといって、誰でも設置できるようになるというわけではないのですが。</p>
43138          </section>
43139        </a>
43140
43141
43142        <a href="/blog/blosxom/phpetal">
43143          <section class="excerpt">
43144            <header>
43145              <p class="date"><time datetime="2004-02-13T14:25:50+09:00">13日</time></p>
43146
43147              <h3>PHPetal</h3>
43148            </header>
43149
43150            <p>blosxom(とその互換ツール)にブラウザでエントリを編集する機能を提供する、PHPetalというPHPスクリプトを発見しました。とりあえずゴニョゴニョっと触った感じでは、んー・・・という感じ。</p>
43151          </section>
43152        </a>
43153
43154
43155        <a href="/blog/internet/add_xslt_feature_to_foaf_too">
43156          <section class="excerpt">
43157            <header>
43158              <p class="date"><time datetime="2004-02-12T20:53:43+09:00">12日</time></p>
43159
43160              <h3>FOAFにもXSLTを付けました</h3>
43161            </header>
43162
43163            <p>XSLを書いて、僕のFOAFファイルがXHTMLとして表示されるようにしてみました。前にもやってましたけど。RSSにXSLTを付けるのとは違い、こちらは意味が大いにあるかもしれません。かもしれません。かもしれません。</p>
43164          </section>
43165        </a>
43166
43167
43168        <a href="/blog/software/wb_editor">
43169          <section class="excerpt">
43170            <header>
43171              <p class="date"><time datetime="2004-02-12T11:30:19+09:00">12日</time></p>
43172
43173              <h3>WB Editor</h3>
43174            </header>
43175
43176            <p>WYSIWYGなblogのエントリ・エディタであるWB EditorというものをSharpReaderのPluginsから見つけました。非常にシンプルで好感が持てます。</p>
43177          </section>
43178        </a>
43179
43180
43181        <a href="/blog/coding/html_markup_hidemarumacro_for_blosxom">
43182          <section class="excerpt">
43183            <header>
43184              <p class="date"><time datetime="2004-02-11T20:40:54+09:00">11日</time></p>
43185
43186              <h3>HTMLマークアップ秀丸マクロ for blosxom</h3>
43187            </header>
43188
43189            <p>Wikiライクな記法でテキストを書き、このマクロを起動するとマークアップしてくれるという代物。なんとなく公開してみる。自分の気が済むようにマークアップしてるので要改造。blosxom用とか言ってますけど、一行目を無視するというだけの話なので、その部分をコメントアウトしてしまえば単なるマークアップマクロとしてつけるような気がします。</p>
43190          </section>
43191        </a>
43192
43193
43194        <a href="/blog/rss/add_xslt_feature_to_rss">
43195          <section class="excerpt">
43196            <header>
43197              <p class="date"><time datetime="2004-02-11T17:16:56+09:00">11日</time></p>
43198
43199              <h3>RSSにXSLTを付けました</h3>
43200            </header>
43201
43202            <p>XSLを書いて、このblogのRSSがXHTMLとして表示されるようにしてみました。前にもやってましたけど、今回はcontent:encodedもそのまんまレンダリングされて出てきます。普通にHTMLを閲覧すれば良い話なので、無意味に近いですが。</p>
43203          </section>
43204        </a>
43205
43206
43207        <a href="/blog/rss/rss_reader_and_if-modified-since">
43208          <section class="excerpt">
43209            <header>
43210              <p class="date"><time datetime="2004-02-11T07:12:17+09:00">11日</time></p>
43211
43212              <h3>RSSリーダーとIf-Modified-Since</h3>
43213            </header>
43214
43215            <p>ココの転送量の半分以上は配信しているRSSに占められているわけですが、最近、巡回間隔1分で常にGETとか、かなりきっついアクセスの仕方をする方が増えてきたような気がします。共用サーバーなので、酷いものは弾くようにしてますが、ちっと調べるのがかったるくなってきたりする罠。</p>
43216          </section>
43217        </a>
43218
43219
43220        <a href="/blog/webdesign/mac_ie_crash_by_css">
43221          <section class="excerpt">
43222            <header>
43223              <p class="date"><time datetime="2004-02-11T04:38:19+09:00">11日</time></p>
43224
43225              <h3>CSSでMac IEがクラッシュ</h3>
43226            </header>
43227
43228            <p>このサイトでMac版Internet Explorerがクラッシュする原因がCSSだとすると、追求するのがメンドウなので、とりあえずMac IEを弾いてみようと試みてお茶を濁すことにしました。Safari使えよ、マカー。嘘です、ゴメンナサイ。</p>
43229          </section>
43230        </a>
43231
43232
43233        <a href="/blog/blosxom/path_info_problem">
43234          <section class="excerpt">
43235            <header>
43236              <p class="date"><time datetime="2004-02-10T17:01:16+09:00">10日</time></p>
43237
43238              <h3>PATH_INFO問題</h3>
43239            </header>
43240
43241            <p>
43241環境変数PATH_INFOに文字列を渡してくれないサーバーではblosxomはうまく利用できない・・・と思い込んでいたのですが、どうやら大丈夫なようです。とはいうもののPATH_INFOに渡されることが前提なURLの指定の仕方ではダメで、pathパラメータを指定してやることになるので、URL的にカコワルイですが。</p>
43242          </section>
43243        </a>
43244
43245
43246        <a href="/blog/media/melissa_etheridge_lucky">
43247          <section class="excerpt">
43248            <header>
43249              <p class="date"><time datetime="2004-02-09T14:07:19+09:00">9日</time></p>
43250
43251              <h3>Melissa Etheridge / Lucky</h3>
43252            </header>
43253
43254            <p>レズビアン・アメリカン・ロッカー、Melissa EtheridgeのLuckyをゲット。ループしてます。良い。元々こういう声、言うなればソウルフルな声には弱いわけで・・・。あまり凝ったことしてないのであらゆる人に素直に受け入れられると勝手に思っていますが、周りの人にはそういうわけでもないようです。「古臭い。むしろ泥臭い。」とか思いっきり否定された罠。泥臭くて結構。Norah Jonesなんかを買って金を無駄にするくらいなら、Melissa Etheridgeの新譜を10枚買います。とか、全世界のNorah Jonesファンを敵に回してみるテスト。</p>
43255          </section>
43256        </a>
43257
43258
43259        <a href="/blog/internet/search_keywords">
43260          <section class="excerpt">
43261            <header>
43262              <p class="date"><time datetime="2004-02-09T03:40:36+09:00">9日</time></p>
43263
43264              <h3>検索語</h3>
43265            </header>
43266
43267            <p>うちのサイトにたどり着いた人たちがどんな言葉で検索しているか晒してみる。</p>
43268          </section>
43269        </a>
43270
43271
43272        <a href="/blog/webdesign/title_revamped">
43273          <section class="excerpt">
43274            <header>
43275              <p class="date"><time datetime="2004-02-08T03:23:32+09:00">8日</time></p>
43276
43277              <h3>タイトル改造</h3>
43278            </header>
43279
43280            <p>CSSの実験も兼ねて、タイトルをいじってみました。こういう角丸のデザインはtableを使うとかなり簡単に出来るわけですが、CSSとなると結構ややこしいかも・・・と思ったので、とりあえずやってみようかと。意外に簡単な罠。</p>
43281          </section>
43282        </a>
43283
43284
43285        <a href="/blog/blosxom/add_last-modified_header_to_rss">
43286          <section class="excerpt">
43287            <header>
43288              <p class="date"><time datetime="2004-02-07T01:06:40+09:00">7日</time></p>
43289
43290              <h3>RSSにLast-Modifiedヘッダを付けてみる</h3>
43291            </header>
43292
43293            <p>RSSリーダーでRSSをGETしなきゃ更新がわからないのはどうかと思うので、既にハックし過ぎなrss10にさらに手を入れて、最新エントリの公開日時でLast-Modifiedヘッダを吐くことにしました。RSS Reader Panelなんかはこれしか見ないですしね。</p>
43294          </section>
43295        </a>
43296
43297
43298        <a href="/blog/software/oshinobi_rename">
43299          <section class="excerpt">
43300            <header>
43301              <p class="date"><time datetime="2004-02-06T07:27:16+09:00">6日</time></p>
43302
43303              <h3>お忍びリネーム。</h3>
43304            </header>
43305
43306            <p>ファイル名を変更しようとすると、F2を押してから左カーソルを4~5回押してようやく拡張子以外の部分に辿りつくわけですが、ダルイ・・・。窓の杜をRSSでチェックしてたらF2を押すと拡張子以外の部分を選択した状態にしてくれる、お忍びリネーム。というソフトウェアが紹介されてました。</p>
43307          </section>
43308        </a>
43309
43310
43311        <a href="/blog/blosxom/blosxom_starter_kit_7">
43312          <section class="excerpt">
43313            <header>
43314              <p class="date"><time datetime="2004-02-06T02:03:53+09:00">6日</time></p>
43315
43316              <h3>blosxom starter kit #7</h3>
43317            </header>
43318
43319            <p>同梱するabout_config.txtをひたすら書いております。一通りは書き終わったã
43319®ã§è¨€è‘‰ãŒè¶³ã‚Šãªã„ところなどを埋めていけば終わりそう。これを書き終われば、アーカイブとしてはとりあえず完成。主観によってプラグインを取捨選択してしまっているので、「こういう機能が欲しい」とか「この機能はいらない」とかいう点は必ず出てくると思います。それはまぁ公開してから修正するべきだと思えば修正するし、修正するべきではないと思えば修正しないと思います。バグというか問題のある点はもちろん修正しますが。</p>
43320          </section>
43321        </a>
43322
43323
43324        <a href="/blog/rss/rss_kotohajime">
43325          <section class="excerpt">
43326            <header>
43327              <p class="date"><time datetime="2004-02-06T01:00:04+09:00">6日</time></p>
43328
43329              <h3>RSS事始め</h3>
43330            </header>
43331
43332            <p>本日(02/06)発売のUNIX USER 3月号の第2特集は、RSS事始めというタイトルでRSSの特集が組まれています。そのPart2を書かせていただきました。「RSSを扱うツール・サービス」ということで、RSSを利用したツールやサービスの紹介になっています(そのまんま)。</p>
43333          </section>
43334        </a>
43335
43336
43337        <a href="/blog/rss/rss_is_straying">
43338          <section class="excerpt">
43339            <header>
43340              <p class="date"><time datetime="2004-02-05T04:58:43+09:00">5日</time></p>
43341
43342              <h3>迷走するRSS</h3>
43343            </header>
43344
43345            <p>RSSはバージョンがいくつか存在することにより混乱しているのは周知の事実なわけですが、日本では一気にRSS配信ブームになったということもあり(多分)、仕様のちょっとした解釈の違いなどにより、パッと見には間違ってなさそうに見えるけど、実はRSSリーダーで解釈しにくいRSSが結構あったりするというような混乱もありますね。というようなことがNDO::Weblogでエントリされていたので、僕もそこらへんのことに関する雑感を書いてみようかと。</p>
43346          </section>
43347        </a>
43348
43349
43350        <a href="/blog/internet/mydoom">
43351          <section class="excerpt">
43352            <header>
43353              <p class="date"><time datetime="2004-02-04T23:21:49+09:00">4日</time></p>
43354
43355              <h3>MyDoom</h3>
43356            </header>
43357
43358            <p>昨日までは10通/日くらいだったのですが、今日だけで200通超えました。いきなり増えた?</p>
43359          </section>
43360        </a>
43361
43362
43363        <a href="/blog/blog/blog_cosmos">
43364          <section class="excerpt">
43365            <header>
43366              <p class="date"><time datetime="2004-02-04T00:01:32+09:00">4日</time></p>
43367
43368              <h3>Blog Cosmos</h3>
43369            </header>
43370
43371            <p>通常は右に配置されている各種リンクに、Blog Cosmosというものを追加しました。2か月ほど前にやっていた、TechnoratiのAPIサーバーから最近ココにリンクを張ってくれたblog引っ張ってくるものです(書き直しましたけど)。</p>
43372          </section>
43373        </a>
43374
43375
43376        <a href="/blog/software/realone_player_minus_spyware_bits">
43377          <section class="excerpt">
43378            <header>
43379              <p class="date"><time datetime="2004-02-03T18:46:42+09:00">3日</time></p>
43380
43381              <h3>RealOne Player - Spyware bits</h3>
43382            </header>
43383
43384            <p>RealOne Playerのスパイウェアらしき部分(終了時に出てくるうざったいダイアログとか)が削除されているものをゲットする方法が、Boing BoingのHow to get spyware-free RealPlayer through the BBCで紹介されていました。どうやらBBCがRealと独自に取り引きをして、スパイウェアらしき部分を削除したものを提供させることにしたようですね。</p>
43385          </section>
43386        </a>
43387
43388
43389        <a href="/blog/rss/bulkfeeds_similarity_search">
43390          <section class="excerpt">
43391            <header>
43392              <p class="date"><time datetime="2004-02-03T06:44:13+09:00">3日</time></p>
43393
43394              <h3>Bulkfeeds Similarity Search</h3>
43395            </header>
43396
43397            <p>
43397Bulkfeedsに新たな機能、Similarity Searchが加わりました。かなりいろいろなところで取りあげられていますが、面白いように似た感じのエントリが拾えて楽しすぎるので、うちでもエントリを書いてみる。</p>
43398          </section>
43399        </a>
43400
43401
43402        <a href="/blog/blosxom/blosxom_starter_kit_6">
43403          <section class="excerpt">
43404            <header>
43405              <p class="date"><time datetime="2004-02-03T02:56:48+09:00">3日</time></p>
43406
43407              <h3>blosxom starter kit #6</h3>
43408            </header>
43409
43410            <p>ドキュメント作成中。遅々として進まず。とりあえず設定ファイルの説明がメインなわけですが、これがまた長い。設定ファイル自体に簡単な説明を書いておいて、ドキュメントの方でそれぞれの意味とか例(こう設定するとこうなるという例)なんかをきっちり説明しないとまずいので、長くなるのはしょうがないか・・・。しかし、長すぎると読まないだろうなぁ・・・・。週末辺りまでには書き上げたいすな。あ、あとプラグイン作者の方々にメールも送信し始めました。</p>
43411          </section>
43412        </a>
43413
43414
43415        <a href="/blog/rss/rss_bandit_12089_released">
43416          <section class="excerpt">
43417            <header>
43418              <p class="date"><time datetime="2004-02-02T23:56:44+09:00">2日</time></p>
43419
43420              <h3>RSS Bandit</h3>
43421            </header>
43422
43423            <p>Rss Banditの1.2.0.89がリリースされていました。コレまでのバージョンでも既にRSSリーダーとしてはかなりの性能があったã
43423®ã§ã™ãŒã€ä¸€èˆ¬çš„なアプリケーションとして行き届いていなかった面(ウィンドウの位置やサイズを覚えなかったりする辺りが最たるところ)がありました。そこらへんの修正なども含め、いろいろと強化されており、かなり常用できる水準になったのじゃないかと個人的に。</p>
43424          </section>
43425        </a>
43426
43427
43428        <a href="/blog/blog/weblogupdates_ping_servers">
43429          <section class="excerpt">
43430            <header>
43431              <p class="date"><time datetime="2004-02-02T21:09:27+09:00">2日</time></p>
43432
43433              <h3>weblogUpdates pingを受け付けているサーバー</h3>
43434            </header>
43435
43436            <p>weblogUpdates pingを受け付けているサーバーをメモ。まーそんなに必死になって送らなくても良いのですが。というか、送ってもしょうがない気がする。</p>
43437          </section>
43438        </a>
43439
43440
43441        <a href="/blog/blosxom/blosxom_starter_kit_5">
43442          <section class="excerpt">
43443            <header>
43444              <p class="date"><time datetime="2004-02-02T03:10:24+09:00">2日</time></p>
43445
43446              <h3>blosxom starter kit #5</h3>
43447            </header>
43448
43449            <p>とりあえずメジャーな無料レンタルサーバーinfoseek iswebで設置してみました。アカウントはずいぶん前に取っておいたのがあったã
43449®ã§ã€ç’°å¢ƒã«åˆã‚ã›ã¦è¨­å®šã‚’書いてだけで、flavourとかその他は何もいじらずにアップロード。</p>
43450          </section>
43451        </a>
43452
43453
43454        <a href="/blog/webdesign/widgetopia">
43455          <section class="excerpt">
43456            <header>
43457              <p class="date"><time datetime="2004-02-02T03:09:44+09:00">2日</time></p>
43458
43459              <h3>Widgetopia</h3>
43460            </header>
43461
43462            <p>各ブラウザ間の互換性など厄介なことが多いウェブ・デザインですが、まーそんなことを言っても何もはじまらないわけで。そこらへんのことは置いておいて、たらたらウェブを彷徨っていると「ウホッ!」というようなデザインのパーツはけっこうあるわけですよね。有名どころだとGoogleのページングとか。そういったいろいろなウホッ・ウェブ・デザインをコレクションしているサイト、Widgetopiaを見つけました。</p>
43463          </section>
43464        </a>
43465
43466
43467        <a href="/blog/blosxom/blosxom_starter_kit_4">
43468          <section class="excerpt">
43469            <header>
43470              <p class="date"><time datetime="2004-02-01T19:51:27+09:00">1日</time></p>
43471
43472              <h3>blosxom starter kit #4</h3>
43473            </header>
43474
43475            <p>blosxom.cgiで、blosxomの設定とプラグインそれぞれの設定をひとまとめにした設定ファイルをまず最初にロードしてやるようにしました。これで基本的には設定ファイルをひとつ編集するだけで済むことになったので、相当starter kitっぽくなったような気がします。250行ほどありますが(w。まーひとつひとつに説明つけているのでしょうがない・・・ということでひとつ。</p>
43476          </section>
43477        </a>
43478
43479
43480        <a href="/blog/blosxom/blosxom_starter_kit_3">
43481          <section class="excerpt">
43482            <header>
43483              <p class="date"><time datetime="2004-02-01T02:02:18+09:00">1日</time></p>
43484
43485              <h3>blosxom starter kit #3</h3>
43486            </header>
43487
43488            <p>とりあえず形は揃った感じです。ので、blosxom starter kitをプレ公開。まだblosxom作者のRaelさんやプラグイン作者の方々に連絡を取っていないので、アーカイブ化して公開はしません。flavourは基本的には自前で書いたので適当に盗んで良し。CSSも9割方書き直してたりするので、OKかもしれない。</p>
43489          </section>
43490        </a>
43491
43492          </section>
43493          <section>
43494            <h2><time datetime="2004-01">2004年1月</time></h2>
43495
43496        <a href="/blog/blosxom/blosxom_starter_kit_2">
43497          <section class="excerpt">
43498            <header>
43499              <p class="date"><time datetime="2004-01-31T21:02:07+09:00">31日</time></p>
43500
43501              <h3>blosxom starter kit #2</h3>
43502            </header>
43503
43504            <p>blosxomを使いたくなるような人は、あの地道な設定作業をいとわない人な気がするのは、やはり気のせいじゃないようです。意味無いからヤメタ。</p>
43505          </section>
43506        </a>
43507
43508
43509        <a href="/blog/blosxom/blosxom_starter_kit_plugins">
43510          <section class="excerpt">
43511            <header>
43512              <p class="date"><time datetime="2004-01-31T03:38:30+09:00">31日</time></p>
43513
43514              <h3>blosxom starter kitのプラグイン</h3>
43515            </header>
43516
43517            <p>同梱することを決定したプラグインをとりあえずリスト・アップしてみる。当然、ハック済み。あまり怪しげなハックはしないですけど、気になる点はハックして同梱するつもりです。許可とるのメンドイ・・・。</p>
43518          </section>
43519        </a>
43520
43521
43522        <a href="/blog/blosxom/blosxom_starter_kit">
43523          <section class="excerpt">
43524            <header>
43525              <p class="date"><time datetime="2004-01-31T00:28:24+09:00">31日</time></p>
43526
43527              <h3>blosxom starter kit</h3>
43528            </header>
43529
43530            <p>設定したら即使えるblosxom starter kitを作成・・・しようかな、と。blosxomは形にするまでが異様に手間がかかるので、その過程が楽しめる人じゃないと辛いかもなぁとは思ってはいたので。</p>
43531          </section>
43532        </a>
43533
43534
43535        <a href="/blog/internet/introduce_google_adsense">
43536          <section class="excerpt">
43537            <header>
43538              <p class="date"><time datetime="2004-01-30T01:06:52+09:00">30日</time></p>
43539
43540              <h3>GoogleのAdSenseを導入</h3>
43541            </header>
43542
43543            <p>どんなものかとGoogleのAdSenseを導入してみました。うち程度のサイトでどれくらいクリック率があるんでしょうね? RSSでのトラフィックがメインなので、ほとã
43543‚“どクリックされそうもないですが。</p>
43544          </section>
43545        </a>
43546
43547
43548        <a href="/blog/blog/entry_structure_appearance">
43549          <section class="excerpt">
43550            <header>
43551              <p class="date"><time datetime="2004-01-29T16:01:08+09:00">29日</time></p>
43552
43553              <h3>エントリの構造とその見た目</h3>
43554            </header>
43555
43556            <p>いわゆるblogにおいて、エントリを構成するモノをどういう風に配置するのが良いのですかね? そんなことをなんとなく考察しながら、各エントリの見た目を変えてみました。あんまり変わってませんが、それなりに意味はあるのです!</p>
43557          </section>
43558        </a>
43559
43560
43561        <a href="/blog/media/incubus_a_crow_left_of_the_murder">
43562          <section class="excerpt">
43563            <header>
43564              <p class="date"><time datetime="2004-01-29T00:56:40+09:00">29日</time></p>
43565
43566              <h3>Incubus / A Crow Left Of The Murder</h3>
43567            </header>
43568
43569            <p>ゲット! 来日も控えているIncubusの新譜、Crow Left Of The Murderを買いました。素晴らしげ。前作のMorning Viewもそうでしたが、引き続きちょっと守りに入ってる感があります。まぁ、もともときれいな声なので、やはり多少おとなしくても許せる気がします。</p>
43570          </section>
43571        </a>
43572
43573
43574        <a href="/blog/misc/turbospoke">
43575          <section class="excerpt">
43576            <header>
43577              <p class="date"><time datetime="2004-01-28T18:58:25+09:00">28日</time></p>
43578
43579              <h3>TuRBOSPoKE</h3>
43580            </header>
43581
43582            <p>マジシャンとして有名なoyamaさんのblogに、世の男達を魅了すること請け合いな代物が紹介されてる! ペダルを漕ぐと唸る轟音!TuRBOSPoKEは自転車の後輪につける、バイクのマフラーです。排気音が鳴る・・・だけ。でも、それが良い!</p>
43583          </section>
43584        </a>
43585
43586
43587        <a href="/blog/sports/top_of_the_conference">
43588          <section class="excerpt">
43589            <header>
43590              <p class="date"><time datetime="2004-01-28T15:25:14+09:00">28日</time></p>
43591
43592              <h3>単独首位!</h3>
43593            </header>
43594
43595            <p>来ました! ついに来ました! 創設以来のカンファレンス単独首位! うひー! すげー! この勢いでNBA総合首位へ!Tウルブス、史上初の単独首位より。</p>
43596          </section>
43597        </a>
43598
43599
43600        <a href="/blog/coding/search_amazon_dvd">
43601          <section class="excerpt">
43602            <header>
43603              <p class="date"><time datetime="2004-01-28T00:04:29+09:00">28日</time></p>
43604
43605              <h3>AmazonのDVD検索</h3>
43606            </header>
43607
43608            <p>aws.hail2u.netにDVD検索もつけました。DVDはあまり買わないのですが、検索はするかもと思ったのと、誰かに「何で無いの?」とか言われたので。ついでにスクリプト内がごちゃごちゃしないように、ほとんどの商品で共通の要素のみを列記する感じにしました。共通じゃないけど欲しいもの(ArtistやAuthorなど)はうまい具合に追加するように。相当コード量減りました。</p>
43609          </section>
43610        </a>
43611
43612
43613        <a href="/blog/software/eve_and_setx">
43614          <section class="excerpt">
43615            <header>
43616              <p class="date"><time datetime="2004-01-27T15:45:18+09:00">27日</time></p>
43617
43618              <h3>eveとsetx</h3>
43619            </header>
43620
43621            <p>Windowsの環境変数は、コントロール パネル→システム→詳細→環境変数と辿って、そのダイアログで設定するわけですが、正直、面倒すぎです。また、コマンド プロンプトのsetコマンドはセッション単位なので、恒久的な環境変数の設定には使えません。とはいうもののごく一部の人しか環境変数をいじるということは無いので、多少メンドウでもひーこらè¾
43621¿ã£ã¦è¨­å®šã—てしているような気がします。eveは環境変数を自由に追加・削除・編集するソフトウェアです。</p>
43622          </section>
43623        </a>
43624
43625
43626        <a href="/blog/coding/search_by_asin">
43627          <section class="excerpt">
43628            <header>
43629              <p class="date"><time datetime="2004-01-26T20:42:21+09:00">26日</time></p>
43630
43631              <h3>ASINによる検索</h3>
43632            </header>
43633
43634            <p>とりあえずAmazon Standard Item Number、つまりASINによる検索CGIは作ってみる。本の場合は基本的にはSimilar Productsが出てくるだけ。音楽の場合はトラック・リストが出てくるかも出てこないかも。本の場合は概要(ProductDescriptionに格納されているもの)が出てくるかも出てこないかも。aws.hail2u.netでの検索結果のASINに張られているリンクは、これを利用しています。</p>
43635          </section>
43636        </a>
43637
43638
43639        <a href="/blog/internet/msn_toolbar">
43640          <section class="excerpt">
43641            <header>
43642              <p class="date"><time datetime="2004-01-26T16:39:16+09:00">26日</time></p>
43643
43644              <h3>MSN Toolbar</h3>
43645            </header>
43646
43647            <p>ツールバー多いすね、最近。素のInternet Explorerなんて使わないので、あんまり関係ないんですが。ついにMSNもツールバーをBetaリリースしたようです。Hotmailの新着通知とかそこらへんのMSN提供サービスと連携してくれると面白いかもしれないですが、それでもYahoo!の牙城は崩せないような。ESPN Motionとの連携機能とかは作られそうな気がしないでもない。てか、それ欲しいな。</p>
43648          </section>
43649        </a>
43650
43651
43652        <a href="/blog/coding/playing_with_aws">
43653          <section class="excerpt">
43654            <header>
43655              <p class="date"><time datetime="2004-01-26T13:48:55+09:00">26日</time></p>
43656
43657              <h3>Amazon Web Servicesで遊ぶ</h3>
43658            </header>
43659
43660            <p>いまさらAmazon Web Servicesで遊んでます。とりあえずサブ・ドメイン、aws.hail2u.netで運営。ま、単に自分でAmazon.comやAmazon.co.jpで検索するのがかったるいとか言う理由なわけで。大きな声では言いませんが、検索結果のリンクにはアソシエイト・タグが仕込まれてます。</p>
43661          </section>
43662        </a>
43663
43664
43665        <a href="/blog/misc/cron_at_xrea">
43666          <section class="excerpt">
43667            <header>
43668              <p class="date"><time datetime="2004-01-25T18:11:34+09:00">25日</time></p>
43669
43670              <h3>XREAでのcron</h3>
43671            </header>
43672
43673            <p>cronは標準出力と標準エラー出力をメールで通知してくれるわけですが、XREAでもそれは同様なわけです。が、XREAでは3つしかジョブを設定できないので、cronでそれほど凝ったことはしないでしょう。となると、標準エラー出力はともかく標準出力のメールは邪魔です。かといって1&gt; /dev/nullとか打ち込んでも、消えてしまうので意味なさげ。とか思ったら表示上は消えていても実際にはきちんと反映されているようです。</p>
43674          </section>
43675        </a>
43676
43677
43678        <a href="/blog/software/windows_shells_family_tree">
43679          <section class="excerpt">
43680            <header>
43681              <p class="date"><time datetime="2004-01-24T17:05:42+09:00">24日</time></p>
43682
43683              <h3>&quot;Windows&quot; Shells Family Tree</h3>
43684            </header>
43685
43686            <p>Windowsのシェルの変遷を家系樹のような感じで羅列した&quot;Windows&quot; Shells Family Treeを眺めてました。1998-99年が熱いすな。Talismanはすごかった。使わないけど。</p>
43687          </section>
43688        </a>
43689
43690
43691        <a href="/blog/rss/re_my_yahoo_rss_module">
43692          <section class="excerpt">
43693            <header>
43694              <p class="date"><time datetime="2004-01-23T13:58:28+09:00">23日</time></p>
43695
43696              <h3>再: My Yahoo!でRSSが読めるように</h3>
43697            </header>
43698
43699            <p>ずいぶん前に一旦Betaで提供されていながら撤去さã
43699‚Œã¦ã„たRSSモジュールが、My Yahoo!にBetaとしてきちんとリリースされたようですね。ちょっと試したところFeedrollやくっつき RSS的なもので、実用性には欠けるような感じがします。</p>
43700          </section>
43701        </a>
43702
43703
43704        <a href="/blog/internet/show_map_at_plink_profile">
43705          <section class="excerpt">
43706            <header>
43707              <p class="date"><time datetime="2004-01-22T09:20:24+09:00">22日</time></p>
43708
43709              <h3>PLINKで地図を出す</h3>
43710            </header>
43711
43712            <p>PLINKのProfileで地図を表示するには、FOAFファイルにbased_nearを記述してやれば良いようです。とりあえず最寄り駅の緯度・経度をぶち込んでからPingして更新したら、表示されるようになりました。縮尺でかすぎてあまり意味無い。</p>
43713          </section>
43714        </a>
43715
43716
43717        <a href="/blog/webdesign/css_tips_4">
43718          <section class="excerpt">
43719            <header>
43720              <p class="date"><time datetime="2004-01-22T05:47:36+09:00">22日</time></p>
43721
43722              <h3>続・子セレクタ</h3>
43723            </header>
43724
43725            <p>以前、Internet Explorerは子セレクタというCSSのセレクタの文法に対応していないとか書いたんですが、Web-GraphicsのLimited child selector support in IE5.0/Win?によるとInternet Explorer 5.0に限っては部分的に対応しているみたいです。どういう場合かというと、</p>
43726          </section>
43727        </a>
43728
43729
43730        <a href="/blog/rss/search_selected_text_by_bulkfeeds_menuext">
43731          <section class="excerpt">
43732            <header>
43733              <p class="date"><time datetime="2004-01-21T17:52:02+09:00">21日</time></p>
43734
43735              <h3>選択文字列をBulkfeedsで検索するMenuExt</h3>
43736            </header>
43737
43738            <p>公開してくれるとおもいますとか言われてますね。Bulkfeedsのsearch2がパラメータで渡された文字列の文字コードをかなりきっちり判別してくれるようになったので、単純にURLエスケープした文字列を後ろにつけてGETすればOKになりました。以下、MenuExtのコード。エディタなどにコピペして適当なファイル名で保存した後、IE MenuExtで登録してやりましょう。</p>
43739          </section>
43740        </a>
43741
43742
43743        <a href="/blog/blosxom/update_back_and_forth_plugin_2">
43744          <section class="excerpt">
43745            <header>
43746              <p class="date"><time datetime="2004-01-21T17:00:48+09:00">21日</time></p>
43747
43748              <h3>back_and_forth pluginまた更新</h3>
43749            </header>
43750
43751            <p>link要素の出力に対応してみたり。これまではstoryサブルーチンで前後のエントリを辿るリンクを生成していたので、(X)HTMLのhead要素内にそれに対応したlink要素を作ろうとするのにはかなり無茶でした(できないことは無い)。が、エントリ単位での閲覧の時にはheadサブルーチンでも前後のエントリを調べることが可能なことに気づいたので、対応しました。OKっぽい。</p>
43752          </section>
43753        </a>
43754
43755
43756        <a href="/blog/media/coutney_love_americas_sweetheart">
43757          <section class="excerpt">
43758            <header>
43759              <p class="date"><time datetime="2004-01-21T05:55:23+09:00">21日</time></p>
43760
43761              <h3>Coutney Love / America&apos;s Sweetheart</h3>
43762            </header>
43763
43764            <p>元ストリッパーCoutney Loveのソロ・デビューとなるAmerica&apos;s Sweetheartは、HoleでのCelebrity Skin以来のアルバムのリリースになりますね。何曲か既にラジオで流れてたり、ネットで試聴できたりしたので聞いたのですが、良いすな。キャラ的には余り好きではないのですが、曲は別。やはりというかClean版もありますね。曲はカットされてないのでビープ音入ってそう。2/10発売とのことなので、そろそろ探し始めよう。</p>
43765          </section>
43766        </a>
43767
43768
43769        <a href="/blog/blosxom/update_paginate_simple_plugin_1">
43770          <section class="excerpt">
43771            <header>
43772              <p class="date"><time datetime="2004-01-21T03:43:12+09:00">21日</time></p>
43773
43774              <h3>paginate_simple plugin更新</h3>
43775            </header>
43776
43777            <p>
43777back_and_forthプラグインのflavourへの対応に合わせて、paginate_simpleプラグインにもflavourへの対応を実装しました。こちらも見た目はまるで変わってませんね。プラグイン自体のコードはかなりすっきり。</p>
43778          </section>
43779        </a>
43780
43781
43782        <a href="/blog/blosxom/update_back_and_forth_plugin_1">
43783          <section class="excerpt">
43784            <header>
43785              <p class="date"><time datetime="2004-01-20T18:22:51+09:00">20日</time></p>
43786
43787              <h3>back_and_forth plugin更新</h3>
43788            </header>
43789
43790            <p>前々からやろうと思いつつおざなりにしていた、back_and_forthプラグインのflavourへの対応を実装しました。見た目まるで変わってませんね。てか、これでMovable Typeみたいな「&#171; 前のエントリのタイトル | Main | 次のエントリのタイトル &#187;」とかできるかなと思ったらそうは問屋がおろさない罠。できないことはないんですけど、空タグ出力せざるを得ないっぽいのがどうもイケてない。あの横にずらーっと長いのはおさまり悪くないですか? だからエントリを上下に挟んだ方が良いでしょ? とか苦しい言い訳をしてみる。</p>
43791          </section>
43792        </a>
43793
43794
43795        <a href="/blog/rss/clevercactus_feedexplorer">
43796          <section class="excerpt">
43797            <header>
43798              <p class="date"><time datetime="2004-01-20T08:21:03+09:00">20日</time></p>
43799
43800              <h3>clevercactus feedexplorer</h3>
43801            </header>
43802
43803            <p>Share Your OPMLというサイトでOPMLを公開できるのは、ちょっと前に紹介した・・・と思ったら紹介してなかった罠。まーそういうサイトがあるんです。大雑把に言えば、いろいろな人に自分のOPMLファイルを公開してもらって、そのデータを集計していろいろしようという試み。起動時にURLからOPMLなRSSの購読リストを読み込んで同期してくれるRSSリーダー(RSS Banditとか)も出てきたので、それらとの連携も考えているんではないかなと思います。</p>
43804          </section>
43805        </a>
43806
43807
43808        <a href="/blog/rss/pigeonhole_and_blogrolling">
43809          <section class="excerpt">
43810            <header>
43811              <p class="date"><time datetime="2004-01-19T22:14:30+09:00">19日</time></p>
43812
43813              <h3>PigeonholeとBlogRolling</h3>
43814            </header>
43815
43816            <p>PigeonholeはRSSの購読リストになっているOPMLファイルを編集するためのソフトウェアです。OPMLエディタではありません。ゆえにBlogRollingやBlogPeopleが吐くOPMLなどは考慮外です。これらに対å¿
43816œã™ã‚‹ã¤ã‚‚りはまるでありません。読むこと自体は特に問題は無いかもしれませんが、それは偶然であり、意図しない動作です。</p>
43817          </section>
43818        </a>
43819
43820
43821        <a href="/blog/software/myie2">
43822          <section class="excerpt">
43823            <header>
43824              <p class="date"><time datetime="2004-01-18T00:51:03+09:00">18日</time></p>
43825
43826              <h3>MyIE2</h3>
43827            </header>
43828
43829            <p>海外の有名タブブラウザ、MyIE2はどうやらGoogle Toolbarをそのまま使えるみたいですね。これは良いかも。IEを起動するのは、Windows Updateの時とPageRankチェックの時だけという僕には良いかもしれない。</p>
43830          </section>
43831        </a>
43832
43833
43834        <a href="/blog/software/comparator">
43835          <section class="excerpt">
43836            <header>
43837              <p class="date"><time datetime="2004-01-18T00:36:43+09:00">18日</time></p>
43838
43839              <h3>Comparator</h3>
43840            </header>
43841
43842            <p>ちょっと前に書いたエントリで紹介したMOZiEと同じくあるURLをMozillaとInternet Explorerで開く、Comparatorというソフトウェアを見つけました。MozillaのBookmarkを使えるのは結構良いかもしれません。その程度の差しかないんですが。.Netなので、さっと確認というわけにはいか無いのが使いづらい。MOZiEの方が良いですね。</p>
43843          </section>
43844        </a>
43845
43846
43847        <a href="/blog/internet/searchcpanorg_add_diff_and_grep_feature">
43848          <section class="excerpt">
43849            <header>
43850              <p class="date"><time datetime="2004-01-17T23:44:21+09:00">17日</time></p>
43851
43852              <h3>search.cpan.orgにDiffとGrep機能が追加</h3>
43853            </header>
43854
43855            <p>search.cpan.orgにDiffとGrep機能が加わりました(via use Perl | Diff and Grep Now Available on search.cpan.org)。各モジュールのページに、Toolsというリンクが張られており、そのリンク先から利用できます。</p>
43856          </section>
43857        </a>
43858
43859
43860        <a href="/blog/coding/wsh_introduction">
43861          <section class="excerpt">
43862            <header>
43863              <p class="date"><time datetime="2004-01-17T22:46:59+09:00">17日</time></p>
43864
43865              <h3>WSH入門</h3>
43866            </header>
43867
43868            <p>何気に便利なのに誰も使わないWindows Scriptですが、結構便利なんですけどね。@ITでWindows管理者のためのWindows Script Host入門と題して連載が始まっていたようです。</p>
43869          </section>
43870        </a>
43871
43872
43873        <a href="/blog/media/the_pixies_reunion">
43874          <section class="excerpt">
43875            <header>
43876              <p class="date"><time datetime="2004-01-16T22:04:47+09:00">16日</time></p>
43877
43878              <h3>The Pixies再結成</h3>
43879            </header>
43880
43881            <p>カリスマからカリスマ視されていた伝説というか、The Pixiesが再結成される模様。ついでにライブ・アルバムとDVDを出すところが、最近のロック復権に便乗商売みたい・・・だけど、買う。VIBE-NETのThe Pixies USコーチュラ・フェスティバルでついに再結成!! より。</p>
43882          </section>
43883        </a>
43884
43885
43886        <a href="/blog/coding/introduce_trackback">
43887          <section class="excerpt">
43888            <header>
43889              <p class="date"><time datetime="2004-01-15T21:06:26+09:00">15日</time></p>
43890
43891              <h3>TrackBack導入</h3>
43892            </header>
43893
43894            <p>tb-standaloneを設置して、トップページその他、ほとんどのページにTrackBack Auto-discoveryを仕込みました。これによってAuto-discoveryを利用して自動的にTrackBackを送信するツールを使用している人がうちのサイトのどこかのページに言及した場合、TrackBackが送信されます。</p>
43895          </section>
43896        </a>
43897
43898
43899        <a href="/blog/sports/wolves_beats_spurs">
43900          <section class="excerpt">
43901            <header>
43902              <p class="date"><time datetime="2004-01-15T19:18:24+09:00">15日</time></p>
43903
43904              <h3>Spursに勝った!</h3>
43905            </header>
43906
43907            <p>
43907勝ちました!うっほっほー! 4thQで逆転勝ち! Cassel良い!</p>
43908          </section>
43909        </a>
43910
43911
43912        <a href="/blog/sports/wolves_get_the_top_of_the_division">
43913          <section class="excerpt">
43914            <header>
43915              <p class="date"><time datetime="2004-01-14T22:32:49+09:00">14日</time></p>
43916
43917              <h3>Wolves地区首位!</h3>
43918            </header>
43919
43920            <p>好調なTimberwolvesがついに地区首位を奪取しました。明日(現地時間14日)はSpursとの直接対決。なんとしても勝って欲しいところ。</p>
43921          </section>
43922        </a>
43923
43924
43925        <a href="/blog/software/adobe_reader_speed-up">
43926          <section class="excerpt">
43927            <header>
43928              <p class="date"><time datetime="2004-01-14T22:10:59+09:00">14日</time></p>
43929
43930              <h3>Adobe Reader Speed-Up</h3>
43931            </header>
43932
43933            <p>Adobe Reader Speed-Upは、Adobe Readerの起動時に読み込まれるプラグインを制限することによって、妙に起動が遅くなったAdobe Readerの起動速度を改善するアプリケーションです。</p>
43934          </section>
43935        </a>
43936
43937
43938        <a href="/blog/webdesign/colored_boxes">
43939          <section class="excerpt">
43940            <header>
43941              <p class="date"><time datetime="2004-01-14T21:08:08+09:00">14日</time></p>
43942
43943              <h3>Colored boxes</h3>
43944            </header>
43945
43946            <p>
43946以前、Floatutorialで紹介したMax Designから、フルCSSレイアウトを構築する手順をStep by Stepで解説するColored boxesが公開されました。完成するものは、ヘッダ + メニュー + 2カラム + フッタという非常に扱いやすいもの。あまりにも「blog」という感じが強いので、通常のサイトを構築する場合はそれなりにカスタマイズしなければなりませんが、概念自体ははっきりとわかるので、フルCSSレイアウトをやってみようという方にはかなりオススメなページでしょう。</p>
43947          </section>
43948        </a>
43949
43950
43951        <a href="/blog/blog/cnet_japan_and_trackback">
43952          <section class="excerpt">
43953            <header>
43954              <p class="date"><time datetime="2004-01-13T21:51:03+09:00">13日</time></p>
43955
43956              <h3>CNet JapanとTrackBack</h3>
43957            </header>
43958
43959            <p>CNET Japanが各記事へのTrackBackを受け付けるようになったのは、方々で話題になったわけですが、どうやらTrackBackを一部フィルタしてるようですね。ココログなどからのTrackBackは反映されないそうです。</p>
43960          </section>
43961        </a>
43962
43963
43964        <a href="/blog/rss/rssmemo_cookie">
43965          <section class="excerpt">
43966            <header>
43967              <p class="date"><time datetime="2004-01-12T20:19:51+09:00">12日</time></p>
43968
43969              <h3>cookieでパスワードを保存するRssMemoの差分</h3>
43970            </header>
43971
43972            <p>RssMemoにcookieでパスワードを保存する機能を追加する差分をbricklife.*のoobaさんからいただきました。</p>
43973          </section>
43974        </a>
43975
43976
43977        <a href="/blog/blosxom/add_cookie_ability_to_writeback">
43978          <section class="excerpt">
43979            <header>
43980              <p class="date"><time datetime="2004-01-12T02:15:07+09:00">12日</time></p>
43981
43982              <h3>writebackにcookieを仕込む</h3>
43983            </header>
43984
43985            <p>毎回入力するのが自分で嫌になってきたので、writebackにcookieを読み書きする機能を仕込んで、名前とURL(orメール・アドレス)を復活させるようにしました。あえてcookiesプラグインを使わな買った理由は、put_formsとの兼ね合いです。ちなみに有効期限は3か月。</p>
43986          </section>
43987        </a>
43988
43989
43990        <a href="/blog/webdesign/renewal_failed">
43991          <section class="excerpt">
43992            <header>
43993              <p class="date"><time datetime="2004-01-11T17:45:09+09:00">11日</time></p>
43994
43995              <h3>リニューアル失敗</h3>
43996            </header>
43997
43998            <p>ちょっとだけリニューアルしたら、失敗しました。Internet Explorerではスクロールが嫌になるほど重い。position:relative;がスクロールを重くすることがあるのは知っていたのですけれど、それほどでもないような気がしたのでやっちゃったのですが、大失敗。あ、あとposition:relative;のなかでfloatさせた画像が表示されないとか言う怪しげな挙動にも。</p>
43999          </section>
44000        </a>
44001
44002
44003        <a href="/blog/webdesign/use_underscore_in_css_identifier">
44004          <section class="excerpt">
44005            <header>
44006              <p class="date"><time datetime="2004-01-11T15:33:12+09:00">11日</time></p>
44007
44008              <h3>CSSの識別名にアンダースコアを使う</h3>
44009            </header>
44010
44011            <p>CSSの識別名(identifier)には、アンダースコア(_)が使えるわけですが、どうやらInternet Explorer 5以降には、これにまつわるちょっとしたバグがあるみたいです。そのバグというのは、「識別名の先頭にあるアンダースコアを無視する」というもの。CSS: The Underscore Hackで見つけました。</p>
44012          </section>
44013        </a>
44014
44015
44016        <a href="/blog/coding/modlist_cgi">
44017          <section class="excerpt">
44018            <header>
44019              <p class="date"><time datetime="2004-01-11T00:58:24+09:00">11日</time></p>
44020
44021              <h3>モジュール一覧をリストアップするCGI</h3>
44022            </header>
44023
44024            <p>インストール済みのモジュールを調べるCGIはいくつか公開されているのですけれど、単純明快に\w+\.pmというファイル名をリストアップすることでã
44024–っと調べてみました。</p>
44025          </section>
44026        </a>
44027
44028
44029        <a href="/blog/rss/update_rssmemo_2">
44030          <section class="excerpt">
44031            <header>
44032              <p class="date"><time datetime="2004-01-10T12:36:40+09:00">10日</time></p>
44033
44034              <h3>RssMemo更新 #2</h3>
44035            </header>
44036
44037            <p>ちょっと気持ち悪いバグを見つけたのと、フォームの再送信による二重投稿のチェックくらいはした方が良さげなのがありまして、RssMemoを1.2に更新しました。</p>
44038          </section>
44039        </a>
44040
44041
44042        <a href="/blog/rss/rssmemo_and_menuext">
44043          <section class="excerpt">
44044            <header>
44045              <p class="date"><time datetime="2004-01-09T22:28:43+09:00">9日</time></p>
44046
44047              <h3>RssMemoとMenuExt</h3>
44048            </header>
44049
44050            <p>RssMemoは、あるウェブ・ページの内容を*簡便*にメモすることを目的に作られたものです。RSSをデータ形式に採用した理由は流行ってるからとか、自分の中でRSSリーダーの利用頻度が高いからそういうことにすぎなくて、たいした意味はあまり無かったりします。キモはやはりInternet ExplorerのMenuExt (またはBookmarklet)からの投稿でして。</p>
44051          </section>
44052        </a>
44053
44054
44055        <a href="/blog/rss/update_rssmemo_1">
44056          <section class="excerpt">
44057            <header>
44058              <p class="date"><time datetime="2004-01-09T13:39:34+09:00">9日</time></p>
44059
44060              <h3>RssMemo更新</h3>
44061            </header>
44062
44063            <p>utf8プラグマを使わずに、Jcodeに文字コードの変換を任せる形にして、RssMemoを1.1に更新しました。その他、出力するJavaScriptファイルの文字コードだけは指定できるようにしたり、RSSのchannel要素の子であるtitle要素やdescription要素に入る文字列を指定できるようにしました。</p>
44064          </section>
44065        </a>
44066
44067
44068        <a href="/blog/rss/pigeonhole11">
44069          <section class="excerpt">
44070            <header>
44071              <p class="date"><time datetime="2004-01-08T17:28:11+09:00">8日</time></p>
44072
44073              <h3>Pigeonhole 1.1</h3>
44074            </header>
44075
44076            <p>Pigeonhole 1.1を公開しました。最近のOPMLのトレンドでは、title属性を使うことにあるらしく、title優先またはtitleしか出さないという出力をするRSSリーダーが結構あるので、それへの対応とバグを若干つぶしてみました。</p>
44077          </section>
44078        </a>
44079
44080
44081        <a href="/blog/rss/release_rssmemo">
44082          <section class="excerpt">
44083            <header>
44084              <p class="date"><time datetime="2004-01-08T15:16:03+09:00">8日</time></p>
44085
44086              <h3>RssMemo公開</h3>
44087            </header>
44088
44089            <p>RSSで保存するメモCGIとRSSで保存するメモCGIを使用開始してみるで言及したRssMemoを公開しました。いろいろなバグをつぶしたり、コードの整理をしたりして、初回パスワード設定がわかりにくい以外の点は、それなりに使えるスクリプトになったと思います。</p>
44090          </section>
44091        </a>
44092
44093
44094        <a href="/blog/internet/itmedia_open">
44095          <section class="excerpt">
44096            <header>
44097              <p class="date"><time datetime="2004-01-08T11:16:53+09:00">8日</time></p>
44098
44099              <h3>ITmedia Open!</h3>
44100            </header>
44101
44102            <p>ITmediaがOpenしました。白いすな。ZeNetより見やすいかもしれない。ま、もともとそれほど見づらいというわけではなかったですが。</p>
44103          </section>
44104        </a>
44105
44106
44107        <a href="/blog/sports/wolves_wins">
44108          <section class="excerpt">
44109            <header>
44110              <p class="date"><time datetime="2004-01-07T18:27:13+09:00">7日</time></p>
44111
44112              <h3>Wolves快勝!</h3>
44113            </header>
44114
44115            <p>TimberwolvesがGarnetとCassel、Sprewellの&quot;BIG 3&quot;の活躍により、L.A. Lakersを106-90で下しました! うほー! うほー! うっほっほー! すげーうれしい。</p>
44116          </section>
44117        </a>
44118
44119
44120        <a href="/blog/rss/newsgator_online_services">
44121          <section class="excerpt">
44122            <header>
44123              <p class="date"><time datetime="2004-01-07T18:14:46+09:00">7日</time></p>
44124
44125              <h3>NewsGator Online Services</h3>
44126            </header>
44127
44128            <p>Outlookのアド・オンとして動作するRSSリーダー、NewsGatorのNewsによると、NewsGator Online Servicesというサービスを始めるそうです。Outlookに限らずいろいろなモノ(ウェブ・ブラウザや電子メール・クライアント、PDAなど)で一貫したRSS購読を提供するサービスみたいです。</p>
44129          </section>
44130        </a>
44131
44132
44133        <a href="/blog/rss/rssmemo_2">
44134          <section class="excerpt">
44135            <header>
44136              <p class="date"><time datetime="2004-01-07T15:45:42+09:00">7日</time></p>
44137
44138              <h3>RSSで保存するメモCGIを使用開始してみる</h3>
44139            </header>
44140
44141            <p>昨日のエントリ、RSSで保存するメモCGIで作成し始めたCGIスクリプトに、簡単なパスワード・チェックを実装したので、とりあえず使用開始と共に公開してみる。単純にこのページでログをチェクしても良いですし、RSSをRSSリーダーに登録することによってチェックしても良いでしょう。HTMLに埋め込むためのJavaScriptファイルもあるので、それを適当なページに埋め込んでやるというのもアリ。</p>
44142          </section>
44143        </a>
44144
44145
44146        <a href="/blog/rss/rssmemo_1">
44147          <section class="excerpt">
44148            <header>
44149              <p class="date"><time datetime="2004-01-06T17:08:06+09:00">6日</time></p>
44150
44151              <h3>RSSで保存するメモCGI</h3>
44152            </header>
44153
44154            <p>あるウェブ・ページを開いている時、そこに書かれている内容の一部と共にそのウェブ・ページのタイトルとURLもメモしたいなということはありますよね? そういったようなアプリケーションはいくつかあるんじゃないかと思いますが、基本的にはユーザー専用で、それをそのユーザーのウェブ・ページに公開するなどということを意識して作られているものは少なそうです。で、BookmarkletやInternet ExplorerのMenuExtから、RSSでメモしていくCGIを作ってます。これならデータにある程度汎用性があるし、ウェブ・ページにも取り込みやすいんじゃないかなと思ったã
44154®ã§ã€‚</p>
44155          </section>
44156        </a>
44157
44158
44159        <a href="/blog/software/mozie">
44160          <section class="excerpt">
44161            <header>
44162              <p class="date"><time datetime="2004-01-05T16:09:35+09:00">5日</time></p>
44163
44164              <h3>MOZiE</h3>
44165            </header>
44166
44167            <p>あるURLをInternet ExplorerとMozillaで同時に閲覧する、MOZiEというブラウザを発見しました。日々のブラウジングを行うためのソフトウェアではなく、Webデザイナの人がInternet ExplorerとMozillaでの見た目の違いを把握するためのものと考えた方が良いですね。</p>
44168          </section>
44169        </a>
44170
44171
44172        <a href="/blog/rss/modify_a_way_of_foaf_reference">
44173          <section class="excerpt">
44174            <header>
44175              <p class="date"><time datetime="2004-01-05T15:09:34+09:00">5日</time></p>
44176
44177              <h3>FOAFの参照方法を変更</h3>
44178            </header>
44179
44180            <p>CommentやTrackBackでのポインタから、foaf:makerを使ってFOAFの参照を埋め込むようにしてみました。The Web KANZAKIのfoaf:makerとdc:creatorを参考にしました。てか、そのまんまとかいう。</p>
44181          </section>
44182        </a>
44183
44184
44185        <a href="/blog/rss/add_foaf_reference_to_rss">
44186          <section class="excerpt">
44187            <header>
44188              <p class="date"><time datetime="2004-01-05T01:07:08+09:00">5日</time></p>
44189
44190              <h3>RSSにFOAFの参照を追加</h3>
44191            </header>
44192
44193            <p>RSS 1.0のDublin Coreモジュールにcreatorというモデルがあるのですが、その内容にFOAFの参照をぶち込んでやろうという試み。Internet Alchemy WeblogのFOAF in My RSSというかなり古いエントリからネタを引っ張ってきてみました。</p>
44194          </section>
44195        </a>
44196
44197
44198        <a href="/blog/rss/bloglines_checker_console_ver">
44199          <section class="excerpt">
44200            <header>
44201              <p class="date"><time datetime="2004-01-04T23:37:08+09:00">4日</time></p>
44202
44203              <h3>Bloglines checkerコンソール版</h3>
44204            </header>
44205
44206            <p>Bloglinesの未読記事数を得る方法をずいぶん前に発見したのですが、Windows版のNotifierの使い勝手が良いので、特にこれを利用して何かをやろうとは思わなかったんですよね。なんとなく気が向いたので、方法の公開と共に簡単なPerlスクリプトを組んでみました。</p>
44207          </section>
44208        </a>
44209
44210
44211        <a href="/blog/internet/check_google_pr">
44212          <section class="excerpt">
44213            <header>
44214              <p class="date"><time datetime="2004-01-04T15:27:33+09:00">4日</time></p>
44215
44216              <h3>GoogleのPageRankをチェック</h3>
44217            </header>
44218
44219            <p>GoogleのPageRankTMを教えてくれるサイト、Estimate your PageRank without the Google toolbarを発見しました。URLをhttp://から入力すると、小数点以下二桁までPageRankを教えてくれます。調べたところ、4.25でした。Google Toolbarでは、5になっているので最新とは連動していないということなのかな?</p>
44220          </section>
44221        </a>
44222
44223
44224        <a href="/blog/rss/hatena_and_bloglines">
44225          <section class="excerpt">
44226            <header>
44227              <p class="date"><time datetime="2004-01-03T18:28:42+09:00">3日</time></p>
44228
44229              <h3>はてなアンテナとBloglines</h3>
44230            </header>
44231
44232            <p>はてなアンテナには、登録したサイトの更新通知をメールで送る機能があります。一方、Bloglinesにはメール・アドレスを作成し、それ宛てのメールをMyBlogsに表示するEmail Subscriptionsという機能があります。この2つを組み合わせると、はてなアンテナの更新通知をBloglinesで購読できるようになります。</p>
44233          </section>
44234        </a>
44235
44236
44237        <a href="/blog/internet/plink">
44238          <section class="excerpt">
44239            <header>
44240              <p class="date"><time datetime="2004-01-03T17:15:40+09:00">3日</time></p>
44241
44242              <h3>PLINK</h3>
44243            </header>
44244
44245            <p>FOAFのディレクトリ・サービス、PLINKというものをIRCで教えてもらいました。とりあえず登録してみる。</p>
44246          </section>
44247        </a>
44248
44249
44250        <a href="/blog/rss/feed_protocol_url">
44251          <section class="excerpt">
44252            <header>
44253              <p class="date"><time datetime="2004-01-02T16:26:48+09:00">2日</time></p>
44254
44255              <h3>feed protocol URL</h3>
44256            </header>
44257
44258            <p>feed:で始まるURLをa要素のhref属性に記述することによって、RSSのsubscribeを行わせようという動きがマイナーながらも存在する(SeeAlso: feed and rss protocols format)わけですが、Bloglinesは対応してません(サービス側でどうにかできるわけではないので、やるとしたらBloglines Notifierによってだとは思いますが)。で、VBScriptで無理やり対応してみる。</p>
44259          </section>
44260        </a>
44261
44262
44263        <a href="/blog/misc/info_at_040102">
44264          <section class="excerpt">
44265            <header>
44266              <p class="date"><time datetime="2004-01-02T12:11:07+09:00">2日</time></p>
44267
44268              <h3>お知らせ@040102</h3>
44269            </header>
44270
44271            <p>移転の名残でBIGLOBEに残しておいたサイトはは、そろそろいいかなと思ったã
44271®ã§å‰Šé™¤ã—ました。何もありません。未だにあちらからRSSを拾っている方がかなりいるみたいですが、ファイルが見つからない(404返さなそう)状態になると思われます。本当はmod_rewriteなどでredirectしてやれば親切なんですがね。ま、そうするとファイルが消えたことに気づきにくいという欠点もありますが。そもそも使えないので無意味な考察ですけれども。</p>
44272          </section>
44273        </a>
44274
44275
44276        <a href="/blog/media/some_rock_bands">
44277          <section class="excerpt">
44278            <header>
44279              <p class="date"><time datetime="2004-01-01T13:22:50+09:00">1日</time></p>
44280
44281              <h3>ロック・バンドいくつか</h3>
44282            </header>
44283
44284            <p>チェック! ロック! チェック! バンド!</p>
44285          </section>
44286        </a>
44287
44288
44289        <a href="/blog/internet/zdnet_to_itmedia">
44290          <section class="excerpt">
44291            <header>
44292              <p class="date"><time datetime="2004-01-01T10:50:29+09:00">1日</time></p>
44293
44294              <h3>ITmedia</h3>
44295            </header>
44296
44297            <p>そういや1/8にZDNet Japanは、ITmediaにブランド名変更するんでしたっけね。デザインも変更になるということに、かなり期待しているのですが。今のZDNetのデザインも悪くはないと思うのですが、どうも本文が見づらいです。読み物サイトで幅固定もちと嫌。どんな風になるのでしょうか。</p>
44298          </section>
44299        </a>
44300
44301
44302        <a href="/blog/misc/2004_new_year">
44303          <section class="excerpt">
44304            <header>
44305              <p class="date"><time datetime="2004-01-01T00:17:44+09:00">1日</time></p>
44306
44307              <h3>あけました</h3>
44308            </header>
44309
44310            <p>今年のblogの推移を占ってみたいと思います。</p>
44311          </section>
44312        </a>
44313
44314          </section>
44315          <section id="2003">
44316            <h2><time datetime="2003-12">2003年12月</time></h2>
44317
44318        <a href="/blog/misc/2003_will_be_out">
44319          <section class="excerpt">
44320            <header>
44321              <p class="date"><time datetime="2003-12-31T23:41:48+09:00">31日</time></p>
44322
44323              <h3>暮れます</h3>
44324            </header>
44325
44326            <p>暮れますね。今年はやはりblogという感じだとは思うのですが、blogで何かうれしいことって言うのはなかったような気がします。単に僕がblogサービスとかにあまり興味ないのが大きいのでしょうが。実際にうれしかったというか「おお~」とか思ったことは、blogに付随する事が多い技術、RSSやTrackBackだったんじゃないかと。</p>
44327          </section>
44328        </a>
44329
44330
44331        <a href="/blog/rss/rss_developments_for_next_year">
44332          <section class="excerpt">
44333            <header>
44334              <p class="date"><time datetime="2003-12-31T11:22:12+09:00">31日</time></p>
44335
44336              <h3>来年のRSSの展開</h3>
44337            </header>
44338
44339            <p>RSSは、とりあえず何かしらの更新情報を積み重ねていくものみたいな方向で固定されつつある(それだけじゃないとは思うのですが、まぁそれは置いておいて)ので、単なるニュース・ポータルやメール・マガジンの代替みたいな感じにみなされており、それ以外になにかあるの? みたいな。</p>
44340          </section>
44341        </a>
44342
44343
44344        <a href="/blog/media/underneath_hanson">
44345          <section class="excerpt">
44346            <header>
44347              <p class="date"><time datetime="2003-12-25T21:16:15+09:00">25日</time></p>
44348
44349              <h3>Underneath / Hanson</h3>
44350            </header>
44351
44352            <p>1stのイメージが強すぎて、あまり正当に評価されていないバンドHansonの新譜がアナウンスされました。タイトルはUnderneath。共演のメンツがすごいです。Matthew Sweet、Michell Branch、Semisonic、Ed Robertson(Barenaked Ladies)など。</p>
44353          </section>
44354        </a>
44355
44356
44357        <a href="/blog/media/aar_aar">
44358          <section class="excerpt">
44359            <header>
44360              <p class="date"><time datetime="2003-12-25T02:47:13+09:00">25日</time></p>
44361
44362              <h3>The All-American Rejects / The All-American Rejects</h3>
44363            </header>
44364
44365            <p>The All-American Rejectsは、Foo FightersとFountains Of Wayneの中間、ややFoW寄りに位置する感じ。メロディーが非常に明快で素晴らしい。メジャー・デビューであるAll-American Rejectsはかなり前のアルバムなのですが、なんかの拍子に収録曲のMy Paper Heartsを聞いて、惚れました。</p>
44366          </section>
44367        </a>
44368
44369
44370        <a href="/blog/rss/bloglines_email_subscriptions">
44371          <section class="excerpt">
44372            <header>
44373              <p class="date"><time datetime="2003-12-24T18:28:45+09:00">24日</time></p>
44374
44375              <h3>BloglinesのEmail subscription</h3>
44376            </header>
44377
44378            <p>
44378Bloglinesの新機能、Email Subscriptionsはメールアドレスを作成する機能。作成したメールアドレス宛てのメールはBloglinesのMy Blogsに表示されるようになります。課にメーラーとして使うというのではなく、Bulknewsで言われているようにメールマガジンをnews feedとして扱えるのがポイントでしょう。</p>
44379          </section>
44380        </a>
44381
44382
44383        <a href="/blog/media/reading_at_0312">
44384          <section class="excerpt">
44385            <header>
44386              <p class="date"><time datetime="2003-12-23T04:58:39+09:00">23日</time></p>
44387
44388              <h3>2003年12月の読書</h3>
44389            </header>
44390
44391            <p>読んだ本のタイトルのメモをウェブに残してみる。感想なんていらない。各タイトルに張ってあるAmazonのリンクにあるから。</p>
44392          </section>
44393        </a>
44394
44395
44396        <a href="/blog/misc/yacht">
44397          <section class="excerpt">
44398            <header>
44399              <p class="date"><time datetime="2003-12-23T03:22:18+09:00">23日</time></p>
44400
44401              <h3>ヨット</h3>
44402            </header>
44403
44404            <p>この世の乗り物の中で一番気持ち良いものはヨットかもしれない。モーターボートやフェリーには乗ったことがあったã
44404®ã§ã™ãŒã€ãƒ¨ãƒƒãƒˆã¯åˆä½“験。なんとも言えないものがありますね。</p>
44405          </section>
44406        </a>
44407
44408
44409        <a href="/blog/sports/top_of_midwest_division">
44410          <section class="excerpt">
44411            <header>
44412              <p class="date"><time datetime="2003-12-20T16:18:41+09:00">20日</time></p>
44413
44414              <h3>地区1位!</h3>
44415            </header>
44416
44417            <p>接線の末114-109で今季好調のMavericksを下し、TimberwolvesがMidwestディビジョン1位に! すぐにSpursに抜かれたので、一瞬だけでしたが・・・。</p>
44418          </section>
44419        </a>
44420
44421
44422        <a href="/blog/rss/fastbuzz_and_myfeedster">
44423          <section class="excerpt">
44424            <header>
44425              <p class="date"><time datetime="2003-12-19T20:40:47+09:00">19日</time></p>
44426
44427              <h3>Fastbuzz &amp; myFeedster</h3>
44428            </header>
44429
44430            <p>Fastbuzzはサーバー・ベースのRSSリーダーで、閲覧はブラウザで行います。UIは2ペインですが、左には購読中のRSSの中から指定のものを入れるので、ちとメンドウ。デザイン的にも何というか、垢抜けていないというか。使いやすいならまだしも非常に使いにくいですしね。大幅に改善されるとはとても思えないので、あまり良さそうではないです。ただ、Fastbuzzには、指定の感覚で購読RSSの新着記事をまとめてメールで送ってくれる機能があります。こっちの方だけとかいう感じで利用する分には将来性ありそうです。今のところ、日本語は通りませんがね。</p>
44431          </section>
44432        </a>
44433
44434
44435        <a href="/blog/media/2_singles">
44436          <section class="excerpt">
44437            <header>
44438              <p class="date"><time datetime="2003-12-18T20:28:18+09:00">18日</time></p>
44439
44440              <h3>シングル2つ</h3>
44441            </header>
44442
44443            <p>Pearl JamがBig Fishという映画に提供した楽曲、Man Of The Hourが届きました。Pearl Jamがシングルをネット限定で発売で書いたように、オフィシャルサイト限定。っていってもサントラには入っているのですけど。所属レコード会社なしという状況から生まれた、稀なケースでしょうね。曲の方は、最近のPearl Jamから、更にスローな感じで、盛り上がりに欠けるのでイマイチとか思うかも。悪い曲ではないです。</p>
44444          </section>
44445        </a>
44446
44447
44448        <a href="/blog/rss/bloglines_support_atom">
44449          <section class="excerpt">
44450            <header>
44451              <p class="date"><time datetime="2003-12-17T15:49:36+09:00">17日</time></p>
44452
44453              <h3>BloglinesがAtom対応</h3>
44454            </header>
44455
44456            <p>Bloglinesが、まだPre Draftで、現状ではこれといって利点の無いAtomに対応したそうです。そこそこ名前も通ってきたような気がするので対応しとくかみたいな? 興味本位で配信するのはともかく、RSSリーダー側で対応するのは時期尚早な気がするのですが。</p>
44457          </section>
44458        </a>
44459
44460
44461        <a href="/blog/rss/standalone_and_server-based">
44462          <section class="excerpt">
44463            <header>
44464              <p class="date"><time datetime="2003-12-16T15:48:00+09:00">16日</time></p>
44465
44466              <h3>&quot;standalone&quot; and &quot;server-based&quot;</h3>
44467            </header>
44468
44469            <p>RSS Aggregator(RSSリーダーではなくて)はサーバー上で動くのが良いのか、スタンドアローンで動くものが良いのかとかいう記事、Sunday Afternoon Thoughts on the Design of RSS Aggregatorsを読む。サーバー上で動く場合とスタンドアローンで動く場合の利点を中心に比較してますね。完璧といって良いほど利点については言及されていると思います。</p>
44470          </section>
44471        </a>
44472
44473
44474        <a href="/blog/blog/title_is_too_long">
44475          <section class="excerpt">
44476            <header>
44477              <p class="date"><time datetime="2003-12-16T14:35:56+09:00">16日</time></p>
44478
44479              <h3>blogの序列付けとか面倒というか、序列なんて意識して見てないし、適当に好きなblog羅列してTrackBackしあえば、そのうち誰かが集計してランキングになるんじゃないの? とかæ€
44479ã£ãŸã®ã§ç¾…列してみよう!</h3>
44480            </header>
44481
44482            <p>ということで、好きなblogを5つ、アルファベット順に並べてみる。</p>
44483          </section>
44484        </a>
44485
44486
44487        <a href="/blog/internet/amazon_associates">
44488          <section class="excerpt">
44489            <header>
44490              <p class="date"><time datetime="2003-12-15T22:12:58+09:00">15日</time></p>
44491
44492              <h3>Amazon Associates</h3>
44493            </header>
44494
44495            <p>うちのサイトではAmazonのAssociates(アソシエイト・プログラム)を利用したリンクは張ってません。なんとなくキャバクラの客引きみたいだなとか。訪問した人へ「へっへっへ、いい娘揃ってますよ、旦那」で、Amazonへは「上客ゲットしましたぜ! あっしにも分け前を・・・」みたいな。</p>
44496          </section>
44497        </a>
44498
44499
44500        <a href="/blog/media/tale_of_roman">
44501          <section class="excerpt">
44502            <header>
44503              <p class="date"><time datetime="2003-12-15T13:46:02+09:00">15日</time></p>
44504
44505              <h3>ローマ人の物語</h3>
44506            </header>
44507
44508            <p>年に一冊ずつリリースされている、塩野七生のローマ人の物語。全15巻(らしい)の第12巻が本屋に並んでいました。サブ・タイトルは迷走する帝国で、皇帝がポンポン死ぬあたりのお話ですね。実は別の本を買いにいったら見つけたとかいう。買いに行った別の本はバーティミアスでした。現金を4000円しか持ってなかったので、まだローマ人の物語は買ってないとかいう噂。噂じゃないけど。</p>
44509          </section>
44510        </a>
44511
44512
44513        <a href="/blog/rss/atom_03_snapshot">
44514          <section class="excerpt">
44515            <header>
44516              <p class="date"><time datetime="2003-12-14T14:01:11+09:00">14日</time></p>
44517
44518              <h3>Atom 0.3 Snapshot</h3>
44519            </header>
44520
44521            <p>Atomが0.3に更新されたようです。最近、再び盛り上がってきているようで、MLが異様に活発です。あるものをうまく利用していろいろ実現すれば良いんじゃないの? とかいう基本的に怠惰な僕には、いまいちAtomの有用性は見えてきません。チェックしてるのは単なる好奇心。それはともかく、0.2からの変更点は以下の通り。</p>
44522          </section>
44523        </a>
44524
44525
44526        <a href="/blog/software/pito">
44527          <section class="excerpt">
44528            <header>
44529              <p class="date"><time datetime="2003-12-13T15:22:15+09:00">13日</time></p>
44530
44531              <h3>Pito!</h3>
44532            </header>
44533
44534            <p>Pito!はいわゆるウィンドウを移動する際、デスクトップの辺や他のウィンドウとスナップさせるアプリケーションです。同様のアプリケーションはかなりあるのですが、補助的な機能の部分で愛用してます。</p>
44535          </section>
44536        </a>
44537
44538
44539        <a href="/blog/misc/sleepy">
44540          <section class="excerpt">
44541            <header>
44542              <p class="date"><time datetime="2003-12-13T02:43:04+09:00">13日</time></p>
44543
44544              <h3>眠い</h3>
44545            </header>
44546
44547            <p>眠さ爆発メッセで会話。</p>
44548          </section>
44549        </a>
44550
44551
44552        <a href="/blog/media/sonic_youth_rush">
44553          <section class="excerpt">
44554            <header>
44555              <p class="date"><time datetime="2003-12-12T14:05:32+09:00">12日</time></p>
44556
44557              <h3>Sonic Youth Rush</h3>
44558            </header>
44559
44560            <p>世界一アーティストに愛されている(勝手に推測)Sonic Youthが、ニュー・アルバムPeace Attack (仮)及び、Gooの再販、そしてDVDリリースとラッシュが続く模様。ネタ元はいつものようにVIBEのSonic Youth &apos;04年はリリース・ラッシュ!?というニュースから。</p>
44561          </section>
44562        </a>
44563
44564
44565        <a href="/blog/webdesign/re-design_at_031212">
44566          <section class="excerpt">
44567            <header>
44568              <p class="date"><time datetime="2003-12-12T10:31:43+09:00">12日</time></p>
44569
44570              <h3>リデザイン@2003/12/12</h3>
44571            </header>
44572
44573            <p>進行中。プロトタイプというか構造まではほぼ完成。position:relative;のブロックにposition:absolute;をぶち込んだりとか、メニュー・カラムの幅を可変にしたりとか微妙に。しかし、どういう色にしようかまだ決まらない。なのでとりあえずは真っ白。渋い赤か、淡い緑が今のところ最有力。#CC3333とか#99CC66あたり。</p>
44574          </section>
44575        </a>
44576
44577
44578        <a href="/blog/rss/rss_history">
44579          <section class="excerpt">
44580            <header>
44581              <p class="date"><time datetime="2003-12-12T08:22:20+09:00">12日</time></p>
44582
44583              <h3>RSS History</h3>
44584            </header>
44585
44586            <p>RSSの変遷が時系列順にずらっと並べてあるページ、Web RSS (Syndication) Historyを、The RSS Weblog経由で知りました。チェック。</p>
44587          </section>
44588        </a>
44589
44590
44591        <a href="/blog/blog/boty_event">
44592          <section class="excerpt">
44593            <header>
44594              <p class="date"><time datetime="2003-12-12T07:59:21+09:00">12日</time></p>
44595
44596              <h3>Blog of the Yeah!のイベント</h3>
44597            </header>
44598
44599            <p>
44599タダで招待されたので、Blog of the Yeah!のイベントに行きます。こういうお祭りは誘われても避ける傾向が強いのですが、貴公子とカリスマにお会いできるようなので、両人の竜顔を拝謁する栄誉を賜わりに行かせていただきたいと思います。</p>
44600          </section>
44601        </a>
44602
44603
44604        <a href="/blog/webdesign/about_background-position">
44605          <section class="excerpt">
44606            <header>
44607              <p class="date"><time datetime="2003-12-11T17:51:45+09:00">11日</time></p>
44608
44609              <h3>background-postionについて</h3>
44610            </header>
44611
44612            <p>背景画像を右からxx%に並べる場合、CSSで単純には並べられないような気がするので、あーでもないこーでもないと考えてたらやり方わかりました。微妙に頭使いましたが、理解してみると単純明快で、「実は常識?」とか鬱になってみたり。CSSのコードよりも、画像の作り方がポイントだったので、なかなか思いつかなかったです。</p>
44613          </section>
44614        </a>
44615
44616
44617        <a href="/blog/webdesign/header_2_column_and_footer">
44618          <section class="excerpt">
44619            <header>
44620              <p class="date"><time datetime="2003-12-11T13:24:29+09:00">11日</time></p>
44621
44622              <h3>header, 2 column and footer</h3>
44623            </header>
44624
44625            <p>ヘッダ+(メイン・カラム+メニュー・カラム)+フッタという構成にしようかと思ったので、CSSを書き換えはじめたのですが、なかなかうまいこといかなかったりする。</p>
44626          </section>
44627        </a>
44628
44629
44630        <a href="/blog/software/radstat">
44631          <section class="excerpt">
44632            <header>
44633              <p class="date"><time datetime="2003-12-10T13:52:57+09:00">10日</time></p>
44634
44635              <h3>RadStat</h3>
44636            </header>
44637
44638            <p>RadStatというデスク・バンドなCPU/Memoryメーターを長らく愛用しているのですが、どうやらとっくの昔に配布サイトが死亡しているようなので、バックアップがてらミラーして置こうかなと。デスク・バンドなので、タスクバーに置いておけます。見やすいわりに邪魔にならず、良い感じ。</p>
44639          </section>
44640        </a>
44641
44642
44643        <a href="/blog/rss/newsmonster">
44644          <section class="excerpt">
44645            <header>
44646              <p class="date"><time datetime="2003-12-10T12:53:10+09:00">10日</time></p>
44647
44648              <h3>NewsMonster</h3>
44649            </header>
44650
44651            <p>XULアプリケーション(Java必須ですが)なRSSリーダー、NewsMonsterを久々にインストールしなおしてみました。数か月前にインストールした時から更新されたというわけではないのですが、なんとなく気が向いたので。</p>
44652          </section>
44653        </a>
44654
44655
44656        <a href="/blog/blog/cosmos_pl">
44657          <section class="excerpt">
44658            <header>
44659              <p class="date"><time datetime="2003-12-10T03:47:25+09:00">10日</time></p>
44660
44661              <h3>cosmos.pl</h3>
44662            </header>
44663
44664            <p>まー適度にまとまったスクリプトになったので、TechnoratiのLink CosmosをJavaScript includeできるようにJavaScriptファイルとして出力するスクリプトを晒してみる。正規表現ベースで&quot;いべんとどりぶん&quot;な方法でXMLをパースしてます。&quot;いべんとどりぶん&quot;って言うとカコイイ。</p>
44665          </section>
44666        </a>
44667
44668
44669        <a href="/blog/blog/technorati_link_cosmos">
44670          <section class="excerpt">
44671            <header>
44672              <p class="date"><time datetime="2003-12-09T08:39:23+09:00">9日</time></p>
44673
44674              <h3>Technorati Link Cosmos</h3>
44675            </header>
44676
44677            <p>TechnoratiのAPIを利用して、最近ココにリンクを張ったblogを一覧でサイドバーに流し込んでみる。BlogRollingとかBlogPeopleのような能動的で固定のものはあってもあまりうれしくない、というかみんなやってるからやりたくないので、こんなんで。</p>
44678          </section>
44679        </a>
44680
44681
44682        <a href="/blog/blosxom/update_writeback_mode_rss">
44683          <section class="excerpt">
44684            <header>
44685              <p class="date"><time datetime="2003-12-09T04:50:33+09:00">9日</time></p>
44686
44687              <h3>writebackの?__mode=rss更新</h3>
44688            </header>
44689
44690            <p>見た感じOKっぽいような・・・という適当実装だったので、各itemの順番を考慮していなかったã
44690®ã‚’修正しました。RSS 0.91だと時系列情報を内包できないので、上から下に新しいものから古いものへ並んでるべき(らしいということ)なので、そうなるようにしただけだったり。</p>
44691          </section>
44692        </a>
44693
44694
44695        <a href="/blog/misc/filter">
44696          <section class="excerpt">
44697            <header>
44698              <p class="date"><time datetime="2003-12-08T15:29:51+09:00">8日</time></p>
44699
44700              <h3>filter</h3>
44701            </header>
44702
44703            <p>Internet Explorerの独自拡張であるCSSのfilterプロパティを使った遊びを教えてもらったので、いろいろ作ってみる。なんか効果が現れるのは、WindowsのInternet Explorer 5以降・・・だと思います。元ネタはこのあたり。とっても重くてデンジャラスだということを踏まえた上で踏んでください。</p>
44704          </section>
44705        </a>
44706
44707
44708        <a href="/blog/blosxom/7blosxom">
44709          <section class="excerpt">
44710            <header>
44711              <p class="date"><time datetime="2003-12-08T13:16:27+09:00">8日</time></p>
44712
44713              <h3>7行blosxom</h3>
44714            </header>
44715
44716            <p>7行で書いたblosxomぽいCGI。カコイイ。</p>
44717          </section>
44718        </a>
44719
44720
44721        <a href="/blog/media/buoh_no_mon">
44722          <section class="excerpt">
44723            <header>
44724              <p class="date"><time datetime="2003-12-08T06:54:27+09:00">8日</time></p>
44725
44726              <h3>武王の門</h3>
44727            </header>
44728
44729            <p>最近、北方謙三の小説にはまってます。いきなり何の話だよ。とはいっても、あのアレなハード・ボイルドの方ではなく、歴史モノの方ですが。ちょうど僕くらいの年齢だと北方謙三は、「あー試みの地平線の人だよね。いい年して恥ずかしくないのかねぇ(失笑」とか「徳大寺有恒と違いがよくわ(略」エライ酷いイメージを持たれてたりしますが、歴史モノの小説書かせるとかなり良い感じです。文体が特徴があるというかテンポが良いので、ノリノリで読めます。</p>
44730          </section>
44731        </a>
44732
44733
44734        <a href="/blog/sports/western_midwest">
44735          <section class="excerpt">
44736            <header>
44737              <p class="date"><time datetime="2003-12-08T06:03:26+09:00">8日</time></p>
44738
44739              <h3>Western - Midwest</h3>
44740            </header>
44741
44742            <p>Spursが勝ったので、全チーム勝ち越しになりました。Timberwolvesは勝ったり負けたりしながら貯金3。Overtimeの末にKingsを下したのはちょっと安心しましたが、イマイチ安定性に欠けてて、今年も良くてプレーオフ2回戦止まりくらいっぽい感じ。GarnetとSprewellが出ずっぱりでようやく貯金という感じなので、大きい期待は禁物と言い聞かせてますが・・・。今年はとてつもなく抜けているチームが無いのでチャンスなんだけどなぁ・・・。</p>
44743          </section>
44744        </a>
44745
44746
44747        <a href="/blog/webdesign/code_samp_kbd_var">
44748          <section class="excerpt">
44749            <header>
44750              <p class="date"><time datetime="2003-12-06T15:25:31+09:00">6日</time></p>
44751
44752              <h3>code samp kbd var</h3>
44753            </header>
44754
44755            <p>CSSをちょっと追加。滅多に使わないからこそ意味がある・・・ということにしておく。</p>
44756          </section>
44757        </a>
44758
44759
44760        <a href="/blog/webdesign/who-where_are_the_women">
44761          <section class="excerpt">
44762            <header>
44763              <p class="date"><time datetime="2003-12-06T12:05:08+09:00">6日</time></p>
44764
44765              <h3>女は誰/どこだ!</h3>
44766            </header>
44767
44768            <p>一般的にデザインとか芸術分野では女性の方が多いことが多かったりするのに、web standards周辺に女性が見当たらないとかいう話。StopdesignのWho/Where are the Women?より。</p>
44769          </section>
44770        </a>
44771
44772
44773        <a href="/blog/internet/im_feeling_lucky">
44774          <section class="excerpt">
44775            <header>
44776              <p class="date"><time datetime="2003-12-06T05:11:33+09:00">6日</time></p>
44777
44778              <h3>I&apos;m Feeling Lucky</h3>
44779            </header>
44780
44781            <p>ネタが無いので。</p>
44782          </section>
44783        </a>
44784
44785
44786        <a href="/blog/media/squeezebox">
44787          <section class="excerpt">
44788            <header>
44789              <p class="date"><time datetime="2003-12-05T03:20:14+09:00">5日</time></p>
44790
44791              <h3>Squeezebox</h3>
44792            </header>
44793
44794            <p>無線LAN(イーサネット接続も可能)でPC接続し、PCに置いてあるMP3を再生することが出来る上、Internet Radioも聞けてしまうデバイス、Squeezeboxというものが・・・。これにはかなり物欲が刺激されました。</p>
44795          </section>
44796        </a>
44797
44798
44799        <a href="/blog/blog/rss_of_p_blog_official_site">
44800          <section class="excerpt">
44801            <header>
44802              <p class="date"><time datetime="2003-12-04T05:39:35+09:00">4日</time></p>
44803
44804              <h3>P_BLOGの配布サイトのRSS</h3>
44805            </header>
44806
44807            <p>P_BLOGの配布サイトのRSSは、channelやitemのlinkなど、ほとã
44807‚“どすべて相対URLで書かれてますね。RSS内の相対リンクを解釈するRSSリーダーはあるんですかね?</p>
44808          </section>
44809        </a>
44810
44811
44812        <a href="/blog/blog/tbtrace">
44813          <section class="excerpt">
44814            <header>
44815              <p class="date"><time datetime="2003-12-04T04:25:54+09:00">4日</time></p>
44816
44817              <h3>TrackBack Tracer</h3>
44818            </header>
44819
44820            <p>先週の土曜日にTrackBackをなんかこうどうにか何かしたいとか話してたので、それの最初の一歩としてTrackBackを辿っていくTrackBack TracerというCGIを作ってみました。作ってから同種のものが腐るほど存在することに気づく罠。</p>
44821          </section>
44822        </a>
44823
44824
44825        <a href="/blog/rss/rss_from_espn">
44826          <section class="excerpt">
44827            <header>
44828              <p class="date"><time datetime="2003-12-04T01:58:19+09:00">4日</time></p>
44829
44830              <h3>RSS from ESPN</h3>
44831            </header>
44832
44833            <p>ESPNがRSSでニュースを配信し始めたようです。ほぼフル・コンテンツで画像付きという素晴らしさ。MLB/NBA/NFL/NHLマニアは必読。</p>
44834          </section>
44835        </a>
44836
44837
44838        <a href="/blog/media/2003_best_cds">
44839          <section class="excerpt">
44840            <header>
44841              <p class="date"><time datetime="2003-12-03T17:55:53+09:00">3日</time></p>
44842
44843              <h3>今年よく聴いたCD</h3>
44844            </header>
44845
44846            <p>本当は12/31あたりに書こうと思っていたのですが、miyagawaさんに先に書かれたので、取り急ぎ。</p>
44847          </section>
44848        </a>
44849
44850
44851        <a href="/blog/software/lo-fi_for_15">
44852          <section class="excerpt">
44853            <header>
44854              <p class="date"><time datetime="2003-12-03T02:53:49+09:00">3日</time></p>
44855
44856              <h3>Lo-Fi for 1.5</h3>
44857            </header>
44858
44859            <p>Mozillaのskinの中で5本の指に入るほどの人気(と、勝手に推測)のLo-Fiが、どうやら1.5系への対応を開始したみたいです。制作者のGashuさんのサイトgashu.orgのSwitched to Moz 1.5というエントリがそう読めるってだけの話ですが。</p>
44860          </section>
44861        </a>
44862
44863
44864        <a href="/blog/misc/the_rubber_band_machine_gun">
44865          <section class="excerpt">
44866            <header>
44867              <p class="date"><time datetime="2003-12-03T00:50:21+09:00">3日</time></p>
44868
44869              <h3>輪ゴム機関銃</h3>
44870            </header>
44871
44872            <p>僕と同世代の男ならば、子供の頃きっと作ったであろう輪ゴム鉄砲。それの機関銃バージョン(比較するのに無理アリ)。装填数12のバレルが12あるので、144連発!!!!! ネタ元は、No-sword sans frontieresのI want itというエントリ。</p>
44873          </section>
44874        </a>
44875
44876
44877        <a href="/blog/rss/generate_rss_by_cron_1">
44878          <section class="excerpt">
44879            <header>
44880              <p class="date"><time datetime="2003-12-03T00:37:03+09:00">3日</time></p>
44881
44882              <h3>cronで配信RSSを生成 #1</h3>
44883            </header>
44884
44885            <p>配信RSSの方は微妙にうまくいってないのですが、ブログblogを楽しむMLリンク集の方はうまくいったので、こちらはローカルで作ってFTPでアップロードからcronで定期的に生成に移行しました。RSSの方も同時にやってます。</p>
44886          </section>
44887        </a>
44888
44889
44890        <a href="/blog/rss/generate_rss_by_cron">
44891          <section class="excerpt">
44892            <header>
44893              <p class="date"><time datetime="2003-12-02T15:18:03+09:00">2日</time></p>
44894
44895              <h3>cronで配信RSSを生成</h3>
44896            </header>
44897
44898            <p>XREAが有料サービス利用者のみにcronを開放したので、RSSの配信をそっちに任せようかなとか思ってます。標準出力や標準エラーの内容をメールで送ってくれるらしいので、ほとんどそのままで動かせそうな気がします。で、実験中。</p>
44899          </section>
44900        </a>
44901
44902
44903        <a href="/blog/blog/cocolog">
44904          <section class="excerpt">
44905            <header>
44906              <p class="date"><time datetime="2003-12-01T20:36:09+09:00">1日</time></p>
44907
44908              <h3>Cocolog</h3>
44909            </header>
44910
44911            <p>ココログのサービスそれ自体はどうでもいい(ヒドイ)んですが、TypePadベースということなので、もしかしたらFOAFがデフォルトで提供されているかな? とか気になりました。実際に有効活用する方法が無い(正確には僕が知らない)ので、起爆剤になるかどうかは激しく疑問ですが、認知度は多少なりとも上がるかも。</p>
44912          </section>
44913        </a>
44914
44915          </section>
44916          <section>
44917            <h2><time datetime="2003-11">2003年11月</time></h2>
44918
44919        <a href="/blog/software/vnc2swf">
44920          <section class="excerpt">
44921            <header>
44922              <p class="date"><time datetime="2003-11-30T18:05:09+09:00">30日</time></p>
44923
44924              <h3>Vnc2swf</h3>
44925            </header>
44926
44927            <p>VNCを利用してFlashで録画するVnc2swfというソフトウェアを発見。</p>
44928          </section>
44929        </a>
44930
44931
44932        <a href="/blog/webdesign/fahrner_image_replacement_hacks">
44933          <section class="excerpt">
44934            <header>
44935              <p class="date"><time datetime="2003-11-30T17:40:07+09:00">30日</time></p>
44936
44937              <h3>Fahrner Image Replacement hacks</h3>
44938            </header>
44939
44940            <p>Fahrner Image Replacementという、ロゴに画像を使用しつつ、CSSが切られていたりCSS非対応ã
44940ªãƒ–ラウザには相応のテキストを表示するCSSテクニックがあるんです。img要素のalt属性使えばいいじゃんとかそういうのはまぁ置いておいて(一応、上記URLで触れられているので、そちら参照)。コンセプト的にはかなりツボなのですが、このテクニックはあんまり意味のないマークアップを施さなきゃならない上に、このままではロゴにリンクを張るのは難しい(display:hidden;なのでポイントできない)、さらにはA List Apartでアクセシブルっぽく見えて実際にはアクセシブルじゃないよとかつっこまれているので、ちょっとどうかなとか思っていたのですが、うまいこと追加マークアップ無しで実現できたので、このテクニックを応用したものをタイトル・ロゴに導入してみました。</p>
44941          </section>
44942        </a>
44943
44944
44945        <a href="/blog/misc/big_me_if_you_can">
44946          <section class="excerpt">
44947            <header>
44948              <p class="date"><time datetime="2003-11-30T16:08:02+09:00">30日</time></p>
44949
44950              <h3>Big Me If You Can</h3>
44951            </header>
44952
44953            <p>こんなタイトルのアダルトありそうだなとか。下ネタか。</p>
44954          </section>
44955        </a>
44956
44957
44958        <a href="/blog/blosxom/ircxom">
44959          <section class="excerpt">
44960            <header>
44961              <p class="date"><time datetime="2003-11-29T20:20:35+09:00">29日</time></p>
44962
44963              <h3>ircxom</h3>
44964            </header>
44965
44966            <p>IRCからblosxomのエントリをポストすることを可能にするircxomというPerlスクリプトのIRCボットを見つけました。開発止まってるみたいですが。</p>
44967          </section>
44968        </a>
44969
44970
44971        <a href="/blog/blosxom/category_alias">
44972          <section class="excerpt">
44973            <header>
44974              <p class="date"><time datetime="2003-11-28T23:14:52+09:00">28日</time></p>
44975
44976              <h3>カテゴリを別名で</h3>
44977            </header>
44978
44979            <p>カテゴリの一文字目をキャピタライズへのコメントで、miyagawaさんに「RSSがRssでカコわるい。十年前の暴走族のセンスだ。ダッサーッ! プップクプー。」(捏造80%)とか言われたので、categoriesプラグインをガリガリに拡張して、別名カテゴリを実装しました。ついでにcategory_titleプラグインとplain_categoryプラグインの機能もまとめました。似たようなことをやってしまう羽目になるので。</p>
44980          </section>
44981        </a>
44982
44983
44984        <a href="/blog/blog/tb_from_seesaa">
44985          <section class="excerpt">
44986            <header>
44987              <p class="date"><time datetime="2003-11-28T15:46:47+09:00">28日</time></p>
44988
44989              <h3>SeesaaブログからのTrackBack</h3>
44990            </header>
44991
44992            <p>SeesaaブログからのTrackBackはexcerptでは、タグを削除したり、実体参照化してくれないみたいですね。RSSのdescriptionでは実体参照化してるのに。改善希望。受信側で対策するべきではあるでしょうが、送信側も気を使うべきな気がします。改行コードも削除した方が良いような気がする。</p>
44993          </section>
44994        </a>
44995
44996
44997        <a href="/blog/coding/about_mm">
44998          <section class="excerpt">
44999            <header>
45000              <p class="date"><time datetime="2003-11-28T14:12:50+09:00">28日</time></p>
45001
45002              <h3>Monday Moduleについて</h3>
45003            </header>
45004
45005            <p>Monday Moduleは大げさなものではなく、基本はモジュールの使い方とか利用ケースのサンプルが勝手に溜まっていく感じで、あまり肩肘張らずに出来ればいいなぁとは思います。書いて楽しい、見て楽しい、うまくすれば・・・というような。</p>
45006          </section>
45007        </a>
45008
45009
45010        <a href="/blog/misc/name_generator">
45011          <section class="excerpt">
45012            <header>
45013              <p class="date"><time datetime="2003-11-27T23:01:44+09:00">27日</time></p>
45014
45015              <h3>名前生成</h3>
45016            </header>
45017
45018            <p>Milano::Monologのプロジェクト名自動生成ツールというエントリを見て、プロジェクト名とかも困る(悩む)けど、ゲームやるときのキャラ名とかもっと困る(悩む)んだよなぁと。特に僕は洋モノRPG大好きなので、日本語で名前付けられないとかアリガチで、しかも6人パーティのRPGだったりしたらキャラ作るだけで果てしない時間が。</p>
45019          </section>
45020        </a>
45021
45022
45023        <a href="/blog/sports/healing">
45024          <section class="excerpt">
45025            <header>
45026              <p class="date"><time datetime="2003-11-27T19:23:13+09:00">27日</time></p>
45027
45028              <h3>癒し系</h3>
45029            </header>
45030
45031            <p>カープの新井が癒し系ペット飼うとかのたまってます。</p>
45032          </section>
45033        </a>
45034
45035
45036        <a href="/blog/media/the_crystal_method_legion_of_boom">
45037          <section class="excerpt">
45038            <header>
45039              <p class="date"><time datetime="2003-11-26T18:13:50+09:00">26日</time></p>
45040
45041              <h3>The Crystal Method / Legion Of Boom</h3>
45042            </header>
45043
45044            <p>チョイ好き程度なんですけど、ニュー・アルバムのLegion Of BoomにMilla Jovovichがボーカルのアレが入ってたりすることに飽きれてしまったので、ピックアップ。
45044元Limp BizkitのWes BorlandとかKyuss・Sons Of Kyuss・KatzenjammerあたりでQueens Of The Stone AgeのJosh Hommeと絡んでたりするJohn Garcia(Bjorkとも仲良さげ)など、他に聞き所あるので要チェック。</p>
45045          </section>
45046        </a>
45047
45048
45049        <a href="/blog/media/tetsujin28_by_kamui">
45050          <section class="excerpt">
45051            <header>
45052              <p class="date"><time datetime="2003-11-26T13:18:53+09:00">26日</time></p>
45053
45054              <h3>藤原カムイ版鉄人28号</h3>
45055            </header>
45056
45057            <p>藤原カムイが描いた鉄人28号が今日出るとかいう噂を聞いたんですが、それに関する情報が見つかりません。単行本ではなくて企画ものの雑誌っぽいんですが、誰か知ってる人いたら教えてください。出版社すらわからない。</p>
45058          </section>
45059        </a>
45060
45061
45062        <a href="/blog/rss/rss_preview_cgi">
45063          <section class="excerpt">
45064            <header>
45065              <p class="date"><time datetime="2003-11-25T17:13:21+09:00">25日</time></p>
45066
45067              <h3>RSSプレビュー</h3>
45068            </header>
45069
45070            <p>XMLスタイルシートを書けば済む話なのですが、XML::RSSモジュール使えるようになった喜びを端的に表現するために配信しているRSSファイルのプレビューCGIを設置してみました。マルチ・セレクトにして複数のRSSを一気にプレビューできればそれなりに良いかもしれない。</p>
45071          </section>
45072        </a>
45073
45074
45075        <a href="/blog/webdesign/through_the_eyes_of_a_mac_browser">
45076          <section class="excerpt">
45077            <header>
45078              <p class="date"><time datetime="2003-11-25T12:58:54+09:00">25日</time></p>
45079
45080              <h3>Through the eyes of a Mac browser</h3>
45081            </header>
45082
45083            <p>WindowsユーザーがSafariでサイトがどう見えているかを確認するのはかなり大変ですね。以前のエントリ、「Safariでどうなのさ?」で書いたようにエミュレータで確認するのが妥当といえば妥当なのですが、やはり面倒。とはいうものの他に良い方法も思いつかないので、稀にエミュレータで確認してたりしていたわけですが、Safariでのスクリーンショットを撮ってくれるThrough the eye of a Mac browserというサービスをhebig.org/blogのQuick Links, November 24で知りました。</p>
45084          </section>
45085        </a>
45086
45087
45088        <a href="/blog/rss/pigeonhole1">
45089          <section class="excerpt">
45090            <header>
45091              <p class="date"><time datetime="2003-11-25T11:29:32+09:00">25日</time></p>
45092
45093              <h3>Pigeonhole 1.0</h3>
45094            </header>
45095
45096            <p>Pigeonholeを1.0として公開しました。変更点は上書き保存時の不具合の修正とコードのメンテナンス。</p>
45097          </section>
45098        </a>
45099
45100
45101        <a href="/blog/blosxom/capitalise_1st_letter_of_category">
45102          <section class="excerpt">
45103            <header>
45104              <p class="date"><time datetime="2003-11-23T18:45:51+09:00">23日</time></p>
45105
45106              <h3>カテゴリの一文字目をキャピタライズ</h3>
45107            </header>
45108
45109            <p>小文字始まりのままでも良いのですけれど、大文字始まりの方がすっきりしてるような気がしたので、実装してみました。カテゴリ別名を実装すれば良いんじゃないの? とか言ってはいけません。</p>
45110          </section>
45111        </a>
45112
45113
45114        <a href="/blog/sports/timberwolves_won_4th_straight_on_the_road">
45115          <section class="excerpt">
45116            <header>
45117              <p class="date"><time datetime="2003-11-22T17:43:56+09:00">22日</time></p>
45118
45119              <h3>ティンバーウルブス、ロード4連勝</h3>
45120            </header>
45121
45122            <p>スーパー・ルーキー、リブロン・ジェームス擁するキャバリアーズを97-83で下して、ロード4連勝。今年は全般的に混戦模様(マジック以外)なので、ロードでそれなりに結果ã
45122Œå‡ºã¦ã‚‹ã®ã¯å¾Œã€…大きいかもしれない。ホームでそれなりに結果が出るのが前提ですけど。</p>
45123          </section>
45124        </a>
45125
45126
45127        <a href="/blog/blosxom/biglobe_to_here_by_301">
45128          <section class="excerpt">
45129            <header>
45130              <p class="date"><time datetime="2003-11-22T05:09:26+09:00">22日</time></p>
45131
45132              <h3>BIGLOBEから301でこちらに</h3>
45133            </header>
45134
45135            <p>miyagawaさんのアイディアで、BIGLOBEにまだ放置してあるblosxomにアクセスがあった場合、301でこっちに飛ばしてやるようにしました(もちろん対応する場所に)。飛ぶまでに若干ラグがありますが、何事もなかったようにこちらへ移動できるようになりました。</p>
45136          </section>
45137        </a>
45138
45139
45140        <a href="/blog/misc/raw_log">
45141          <section class="excerpt">
45142            <header>
45143              <p class="date"><time datetime="2003-11-21T12:32:08+09:00">21日</time></p>
45144
45145              <h3>生ログ</h3>
45146            </header>
45147
45148            <p>XREAに移転したのでApacheの生ログ見れるようになったので、眺めてニヤニヤしてるわけですが、やはり楽しいすね。特にRSSファイルへのアクセスを見てると、RSSリーダーがいろいろあって幸せな気分になります。変だな、私。多い順に、</p>
45149          </section>
45150        </a>
45151
45152
45153        <a href="/blog/coding/mm_html-linkextor">
45154          <section class="excerpt">
45155            <header>
45156              <p class="date"><time datetime="2003-11-21T02:59:56+09:00">21日</time></p>
45157
45158              <h3>Monday Moduleふたり</h3>
45159            </header>
45160
45161            <p>NDO::WeblogのnaoyaさんがMonday Module ひとり - HTML::LinkExtorというエントリでMonday Moduleの予行演習をやってらっしゃったので、言い出しっぺは僕だし、やはり面白いとは思うので僕もスクリプト作ってみました。</p>
45162          </section>
45163        </a>
45164
45165
45166        <a href="/blog/blog/blogpeople_misc">
45167          <section class="excerpt">
45168            <header>
45169              <p class="date"><time datetime="2003-11-20T22:58:28+09:00">20日</time></p>
45170
45171              <h3>BlogPeopleあれこれ</h3>
45172            </header>
45173
45174            <p>Modern Syntaxの今日のBLOGPEOPLEによると、BlogPeopleが最近の更新状況のRSSなどを配信するようになったわけですが、これにはちょっと「んー???」という感じでして。なにが「んー???」かと言うと、miyagawaさんもおっしゃっているようにURLがclick.jsp経由のものになっているところ。URLがclick.jsp経由だと、仮にWeblogs.comやping.bloggers.jpがBlogPeopleの更新状況のRSSファイルを二次利用しようとすると、それぞれのURLにheadリクエストを投げて、リダイレクト先を調べるという手間がかかりそうです。それ以前にURLでどのサイトに飛ぶか理解できないのはやはりあまり気分が良いものではないような気はしますしね。</p>
45175          </section>
45176        </a>
45177
45178
45179        <a href="/blog/media/sone_temple_pilots_disconnected">
45180          <section class="excerpt">
45181            <header>
45182              <p class="date"><time datetime="2003-11-20T22:08:38+09:00">20日</time></p>
45183
45184              <h3>Stone Temple Pilots解散</h3>
45185            </header>
45186
45187            <p>本日の深夜にStone Temple Pilots / Thank Youで、解散しないで・・・とか書いたんですが、VIBEによるとThe Stone Temple Pilots 解散を発表とのことで。</p>
45188          </section>
45189        </a>
45190
45191
45192        <a href="/blog/blosxom/blosxom_and_404">
45193          <section class="excerpt">
45194            <header>
45195              <p class="date"><time datetime="2003-11-20T04:04:59+09:00">20日</time></p>
45196
45197              <h3>blosxomと404</h3>
45198            </header>
45199
45200            <p>blosxomは存在しないエントリにアクセスしようとした場合、headとfootのflavourをつなげたものを返すわけですが、これはちとアレなので、404のページを返してやりたいなぁと思ったら、blosxom MLにHow to generate a 404?というスレッドがありました。</p>
45201          </section>
45202        </a>
45203
45204
45205        <a href="/blog/sports/carp_2003_draft">
45206          <section class="excerpt">
45207            <header>
45208              <p class="date"><time datetime="2003-11-20T01:45:40+09:00">20日</time></p>
45209
45210              <h3>カープ、2003年のドラフト</h3>
45211            </header>
45212
45213            <p>例年の通り、非常にささやかなドラフトでしたね。内野手二人(比嘉と尾形)は即戦力とか評価してますが、それは言いすぎだろ。開幕一軍も怪しい。で、シーツは? ラロッカとかいらねーよã€
45213‚ベイルはいるけど。</p>
45214          </section>
45215        </a>
45216
45217
45218        <a href="/blog/media/stone_temple_pilots_thank_you">
45219          <section class="excerpt">
45220            <header>
45221              <p class="date"><time datetime="2003-11-20T01:24:34+09:00">20日</time></p>
45222
45223              <h3>Stone Temple Pilots / Thank You</h3>
45224            </header>
45225
45226            <p>Stone Temple Pilotsの2年ぶりのアルバム、Thank Youはベスト・アルバム。曲順もさることながら、選曲自体もツボ。新曲は「All In The Suit That You Wear」だけですが、らしい曲で良かった。これでバラードだったりしたらCD叩き割るところでしたが。</p>
45227          </section>
45228        </a>
45229
45230
45231        <a href="/blog/misc/move_to_hail2u_dot_net">
45232          <section class="excerpt">
45233            <header>
45234              <p class="date"><time datetime="2003-11-19T20:44:00+09:00">19日</time></p>
45235
45236              <h3>移転しました</h3>
45237            </header>
45238
45239            <p>たいした理由もなく独自ドメインに移転しました。BIGLOBEでblosxomは重いなぁ・・・とか頻繁に思うようになったことくらいですね、理由。</p>
45240          </section>
45241        </a>
45242
45243
45244        <a href="/blog/blosxom/customize_writeback_7">
45245          <section class="excerpt">
45246            <header>
45247              <p class="date"><time datetime="2003-11-18T22:27:36+09:00">18日</time></p>
45248
45249              <h3>Customize writeback plugin #7</h3>
45250            </header>
45251
45252            <p>writebackプラグインで気になってはいたけど、見なかったことにしていたことをざっと修正してみました。面倒なので出力HTMLをプラグインにそのまんま書くという手抜きっぷり。修正点は以下の通り。</p>
45253          </section>
45254        </a>
45255
45256
45257        <a href="/blog/software/ftp_wanderer">
45258          <section class="excerpt">
45259            <header>
45260              <p class="date"><time datetime="2003-11-18T19:33:02+09:00">18日</time></p>
45261
45262              <h3>FTP Wanderer</h3>
45263            </header>
45264
45265            <p>ウェブ・サイト更新時以外でのFTPクライアントはSmartFTPがメインなわけですが、機能には満足しているものの、あまり挙動が好きではないので、いろいろ探してみたりしてます。で、見つけたのがFTP Wandererというもの。</p>
45266          </section>
45267        </a>
45268
45269
45270        <a href="/blog/rss/bk1_syndicate_itself">
45271          <section class="excerpt">
45272            <header>
45273              <p class="date"><time datetime="2003-11-18T19:32:27+09:00">18日</time></p>
45274
45275              <h3>bk1がRSS配信開始</h3>
45276            </header>
45277
45278            <p>オンライン書店のbk1がRSSの配信を開始したようです(IRCで教えていただきました)。</p>
45279          </section>
45280        </a>
45281
45282
45283        <a href="/blog/coding/entrytree">
45284          <section class="excerpt">
45285            <header>
45286              <p class="date"><time datetime="2003-11-18T19:31:47+09:00">18日</time></p>
45287
45288              <h3>EntryTree</h3>
45289            </header>
45290
45291            <p>blosxomのエントリを置くディレクトリを再帰的に検索して、エントリとカテゴリをリストアップする秀丸マクロをなんとなく作りかけてみる。起動すると、まずエントリがカテゴリ構造そのままにメニューでリストアップされます。次に、メニューのエントリをクリックすると、そのファイル名(拡張子なし)があらかじめ入力されたダイアログボックスが呼ばれます。最後に、そのダイアログボックスで適当に名前を指定すれば、同じカテゴリにエントリが保存される・・・というのを目指したものです。</p>
45292          </section>
45293        </a>
45294
45295
45296        <a href="/blog/blosxom/measures_against_empty_writeback">
45297          <section class="excerpt">
45298            <header>
45299              <p class="date"><time datetime="2003-11-18T19:31:36+09:00">18日</time></p>
45300
45301              <h3>空writeback対策</h3>
45302            </header>
45303
45304            <p>最近、本文が空のコメントやTrackBackがたまに飛んできます。しかし、writebackプラグインにはそういったものを排除する機能は存在しません。ので、手動で消さざるを得ませんそろそろこの程度のことには対策しておいた方が良さそうなので、投げやりに対策して見ました。</p>
45305          </section>
45306        </a>
45307
45308
45309        <a href="/blog/internet/google_indexing_irc">
45310          <section class="excerpt">
45311            <header>
45312              <p class="date"><time datetime="2003-11-17T16:31:36+09:00">17日</time></p>
45313
45314              <h3>GoogleがIRCをインデックス?</h3>
45315            </header>
45316
45317            <p>GoogleはIRCをクロールしようとしているらしいとかそんな噂を耳にしました。海外のIRCサーバーではかなり頻繁にeddie##(&#126;Eddie@###-###-##-#.google.com)という名前で出たり入ったりしているそうで。既にGoogleに問い合わせ済みで、マジネタらしいです。まだログを取りはじめてはいないみたいですがね。</p>
45318          </section>
45319        </a>
45320
45321
45322        <a href="/blog/blosxom/little_hack_to_rss10_plugin">
45323          <section class="excerpt">
45324            <header>
45325              <p class="date"><time datetime="2003-11-15T16:24:12+09:00">15日</time></p>
45326
45327              <h3>rss10プラグインをちょっとハック</h3>
45328            </header>
45329
45330            <p>rss10プラグインにほんの少し手を加えて、content:encodedの最後にコメント・フォームへのリンクを加えるようにしました。うちの場合はPermanent linkにコメント・フォームがあるので、スクロールする手間が少なくなる程度の利益しかありませんが、多くのblosxomのサイトはPermanent linkとwritebackのflavourが違うと思うので、こういうリンクを付け加えておくと、コメントの投稿に手間取らせずに済むかもしれないかもしれません。</p>
45331          </section>
45332        </a>
45333
45334
45335        <a href="/blog/webdesign/css_vault">
45336          <section class="excerpt">
45337            <header>
45338              <p class="date"><time datetime="2003-11-15T02:27:27+09:00">15日</time></p>
45339
45340              <h3>CSS Vault</h3>
45341            </header>
45342
45343            <p>CSSでデザインされたサイトを紹介するgalleryとCSSデザインのテクニックを公開するresourcesの2つのセクションからなる、CSS Vaultというサイトを、hebig.org/blogのQuick Links, November 13経由で知りました。</p>
45344          </section>
45345        </a>
45346
45347
45348        <a href="/blog/rss/pigeonhole1b4">
45349          <section class="excerpt">
45350            <header>
45351              <p class="date"><time datetime="2003-11-15T01:40:12+09:00">15日</time></p>
45352
45353              <h3>Pigeonhole 1.0 b4</h3>
45354            </header>
45355
45356            <p>Pigeonholeを一般的なアプリケーション挙動の実装をメインにb4に更新。変更点は更新履歴を参照。機能はここらへんでフリーズで良さそうです。以降はバグ修正とコードメンテナンスをメインに。</p>
45357          </section>
45358        </a>
45359
45360
45361        <a href="/blog/blosxom/blosxom-org_launched">
45362          <section class="excerpt">
45363            <header>
45364              <p class="date"><time datetime="2003-11-14T21:23:44+09:00">14日</time></p>
45365
45366              <h3>blosxom.org</h3>
45367            </header>
45368
45369            <p>日本人blosxomユーザーのためのポータル・サイト、blosxom.orgが運営開始されました。公式に登録されていない日本人作のプラグインの情報やblosxom MLの話題なんかを取り上げるものになると思います。</p>
45370          </section>
45371        </a>
45372
45373
45374        <a href="/blog/rss/pigeonhole1b3">
45375          <section class="excerpt">
45376            <header>
45377              <p class="date"><time datetime="2003-11-14T18:17:54+09:00">14日</time></p>
45378
45379              <h3>Pigeonhole 1.0 b3</h3>
45380            </header>
45381
45382            <p>Pigeonholeを更新。オプション設定を作成し、ウィンドウの位置・サイズを保存したり、確認ダイアログを表示させないようにしたりできるようにしました。</p>
45383          </section>
45384        </a>
45385
45386
45387        <a href="/blog/blosxom/about_writeback_2">
45388          <section class="excerpt">
45389            <header>
45390              <p class="date"><time datetime="2003-11-14T17:22:21+09:00">14日</time></p>
45391
45392              <h3>writebackプラグインについて #2</h3>
45393            </header>
45394
45395            <p>そのまま持っていってくれてもまるで問題ないです。が、メールで投稿通知の機能を手抜きで実装してあるので、送信先がソースの最後の方に素で書かれています。要は、使うときはその送信先をちゃんと書き換えてねっつーことです。</p>
45396          </section>
45397        </a>
45398
45399
45400        <a href="/blog/sports/carp_autumn_camp_1">
45401          <section class="excerpt">
45402            <header>
45403              <p class="date"><time datetime="2003-11-14T16:09:00+09:00">14日</time></p>
45404
45405              <h3>広島秋季キャンプ #1</h3>
45406            </header>
45407
45408            <p>いきなりこれですか。縁起が悪すぎですよ。ここはひとつ、監督を交代して厄払いを・・・。</p>
45409          </section>
45410        </a>
45411
45412
45413        <a href="/blog/rss/pigeonhole1b2">
45414          <section class="excerpt">
45415            <header>
45416              <p class="date"><time datetime="2003-11-12T18:26:02+09:00">12日</time></p>
45417
45418              <h3>Pigeonhole 1.0 b2</h3>
45419            </header>
45420
45421            <p>Pigeonholeの専用ページを作りました。右のメニューからも直接飛べます。以降、ダウンロードは専用ページの方で。今回からサンプルOPMLファイルを同梱することにしました。バグ潰しと挙動不審なところの調整を主に作業中です。更新点は以下の通り。</p>
45422          </section>
45423        </a>
45424
45425
45426        <a href="/blog/rss/pigeonhole1b1">
45427          <section class="excerpt">
45428            <header>
45429              <p class="date"><time datetime="2003-11-11T23:14:37+09:00">11日</time></p>
45430
45431              <h3>Pigeonhole 1.0 b1</h3>
45432            </header>
45433
45434            <p>募集しても誰も考えてくれそうも無いので、「Pigeonhole」に決定。Life with RSSとして公開してきたBeta版は以降、Pigeonholeに引き継がれます(b1~b7のアーカイブは削除しました)。アイコンも描いて用意完了。単なる白い立方体のアイコンですが。特に何もイメージすることなく・・・。</p>
45435          </section>
45436        </a>
45437
45438
45439        <a href="/blog/rss/lwr_dev_7">
45440          <section class="excerpt">
45441            <header>
45442              <p class="date"><time datetime="2003-11-11T15:24:06+09:00">11日</time></p>
45443
45444              <h3>Life with RSS開発 #7</h3>
45445            </header>
45446
45447            <p>整ってきたようなそうでもないような・・・うーん。バグ取りとブラッシュ・アップをメインにいじってます。更新点は以下の通り。</p>
45448          </section>
45449        </a>
45450
45451
45452        <a href="/blog/internet/notlong_com">
45453          <section class="excerpt">
45454            <header>
45455              <p class="date"><time datetime="2003-11-10T20:33:10+09:00">10日</time></p>
45456
45457              <h3>notlong.com</h3>
45458            </header>
45459
45460            <p>notlong.comは、以前紹介したTinyURL.comと似たようなサービスですが、こちらは任意の名前を利用してURLを短くできます。ほとã
45460‚“どURL転送サービスみたいに扱えるので、TinyURL.comよりこちらの方が素晴らしいかも。</p>
45461          </section>
45462        </a>
45463
45464
45465        <a href="/blog/media/pearl_jam_sell_new_single-cd_only_at_official_site">
45466          <section class="excerpt">
45467            <header>
45468              <p class="date"><time datetime="2003-11-10T19:11:04+09:00">10日</time></p>
45469
45470              <h3>Pearl Jamがシングルをネット限定で発売</h3>
45471            </header>
45472
45473            <p>Pearl Jamが公式サイト限定でニュー・シングルを販売するそうです。曲名は「Man Of The Hour」とな。ネタ元はVIBEのニュース、「Pearl Jam ニュー・シングルをネット上で限定販売」です。</p>
45474          </section>
45475        </a>
45476
45477
45478        <a href="/blog/rss/lwr_dev_6">
45479          <section class="excerpt">
45480            <header>
45481              <p class="date"><time datetime="2003-11-10T17:13:51+09:00">10日</time></p>
45482
45483              <h3>Life with RSS開発 #6</h3>
45484            </header>
45485
45486            <p>サクサク更新。UIの充実とRSSのchannel要素内からタイトルやリンクなどを取得できるようにしました。これで大体のところ自分の必要とする機能は実装し終わった気がします。追加機能などは以下の通り。</p>
45487          </section>
45488        </a>
45489
45490
45491        <a href="/blog/rss/lwr_dev_5">
45492          <section class="excerpt">
45493            <header>
45494              <p class="date"><time datetime="2003-11-09T19:45:49+09:00">9日</time></p>
45495
45496              <h3>Life with RSS開発 #5</h3>
45497            </header>
45498
45499            <p>なんとなく作れちゃったので、アイテムのドラッグ・アンド・ドロップで移動を実装してみました。てか、ヘルプに書いてあった。</p>
45500          </section>
45501        </a>
45502
45503
45504        <a href="/blog/rss/lwr_dev_4">
45505          <section class="excerpt">
45506            <header>
45507              <p class="date"><time datetime="2003-11-09T14:03:59+09:00">9日</time></p>
45508
45509              <h3>Life with RSS開発 #4</h3>
45510            </header>
45511
45512            <p>まだまだやる気があるらしい。Bulkfeedsのフロント・エンド的になってきました。んーまーRSSのディレクトリ・サービスと連携するという方向は、RSSリーダー補助アプリケーションとして間違ってないと思うので、良いと思うんですが。</p>
45513          </section>
45514        </a>
45515
45516
45517        <a href="/blog/webdesign/source_tree_and_iedocmon">
45518          <section class="excerpt">
45519            <header>
45520              <p class="date"><time datetime="2003-11-08T14:51:36+09:00">8日</time></p>
45521
45522              <h3>Source Tree &amp; IEDocMon</h3>
45523            </header>
45524
45525            <p>Source Tree &amp; IEDocMon are *very* useful tools for web-developpers.</p>
45526          </section>
45527        </a>
45528
45529
45530        <a href="/blog/blog/ping_to_blogpeople">
45531          <section class="excerpt">
45532            <header>
45533              <p class="date"><time datetime="2003-11-08T14:15:44+09:00">8日</time></p>
45534
45535              <h3>BlogPeopleへのping</h3>
45536            </header>
45537
45538            <p>BlogPeopleへ更新通知pingをローカルから発射すると弾かれる(多分登録されているURLから登録されているURLを送信しないとダメ?)ような気がするので、LWP::Simple使って直接更新通知URLを開いて通知してやることにしました。</p>
45539          </section>
45540        </a>
45541
45542
45543        <a href="/blog/blosxom/blosxom-branded_knicknacks">
45544          <section class="excerpt">
45545            <header>
45546              <p class="date"><time datetime="2003-11-08T09:31:14+09:00">8日</time></p>
45547
45548              <h3>Blosxom-Branded Knicknacks</h3>
45549            </header>
45550
45551            <p>Blosxom-Branded Knicknacks</p>
45552          </section>
45553        </a>
45554
45555
45556        <a href="/blog/rss/lwr_dev_3">
45557          <section class="excerpt">
45558            <header>
45559              <p class="date"><time datetime="2003-11-08T09:10:27+09:00">8日</time></p>
45560
45561              <h3>Life with RSS開発 #3</h3>
45562            </header>
45563
45564            <p>なぜか異様にやる気が出てきた。このやる気があるうちにある程度まで作り上げないと放置するな、多分。追加した機能は以下の通り。</p>
45565          </section>
45566        </a>
45567
45568
45569        <a href="/blog/rss/lwr_dev_2">
45570          <section class="excerpt">
45571            <header>
45572              <p class="date"><time datetime="2003-11-07T22:09:54+09:00">7日</time></p>
45573
45574              <h3>Life with RSS開発 #2</h3>
45575            </header>
45576
45577            <p>とりあえず読み込んだOPMLファイルの、各RSSのURLやタイトルなどの編集は出来るようにした。100行近くあったやっつけ編集コードが、16行で実装できたので。新しくRSSを追加したりとか、既にあるRSSを削除したりはまだ。ついでにAboutダイアログでバージョン情報を参照できるようにしておく。</p>
45578          </section>
45579        </a>
45580
45581
45582        <a href="/blog/rss/lwr_dev_1">
45583          <section class="excerpt">
45584            <header>
45585              <p class="date"><time datetime="2003-11-07T19:19:42+09:00">7日</time></p>
45586
45587              <h3>Life with RSS開発 #1</h3>
45588            </header>
45589
45590            <p>シコシコ作ってます。まだ編集機能が完全ではないのですが、面白そうだったのでBulkfeedsのOPMLでの検索結果を表示できるようにしてみました。本筋からどんどん離れていってます。</p>
45591          </section>
45592        </a>
45593
45594
45595        <a href="/blog/misc/barbershop_contact_lens">
45596          <section class="excerpt">
45597            <header>
45598              <p class="date"><time datetime="2003-11-07T13:41:58+09:00">7日</time></p>
45599
45600              <h3>
45600床屋とコンタクト</h3>
45601            </header>
45602
45603            <p>僕は目が悪いわけで、基本的にメガネなわけですが、床屋のときはコンタクトをつけてゆくのです。理由はメガネかけている人にはわかると思う。で、今日もコンタクトをつけていったわけですが、洗髪の時に落ちました。うっかり「あ、コンタクト落ちた」とか口が滑ったからさぁ大変。店員全員で探してくれましたよ。こういう時って居たたまれないですね。なんとなく。</p>
45604          </section>
45605        </a>
45606
45607
45608        <a href="/blog/rss/life_with_rss">
45609          <section class="excerpt">
45610            <header>
45611              <p class="date"><time datetime="2003-11-05T14:25:35+09:00">5日</time></p>
45612
45613              <h3>Life with RSS</h3>
45614            </header>
45615
45616            <p>RSSの購読リストが羅列されてるOPML専用のエディタになるかもしれないけど、多分面倒になって放置そうなものをシコシコ作ってます。</p>
45617          </section>
45618        </a>
45619
45620
45621        <a href="/blog/rss/feedroll">
45622          <section class="excerpt">
45623            <header>
45624              <p class="date"><time datetime="2003-11-04T15:44:30+09:00">4日</time></p>
45625
45626              <h3>Feedroll</h3>
45627            </header>
45628
45629            <p>FeedrollはRSSファイルを任意のウェブ・ページでJavaScript Includeできるようにしてくれるサービスです。rss-jp.netでも同じようなことをかなり前からやっていましたが、こちらはかなり細かくカスタマイズできるようです。</p>
45630          </section>
45631        </a>
45632
45633
45634        <a href="/blog/software/console">
45635          <section class="excerpt">
45636            <header>
45637              <p class="date"><time datetime="2003-11-04T14:31:17+09:00">4日</time></p>
45638
45639              <h3>Console</h3>
45640            </header>
45641
45642            <p>Consoleは、ちっと前に紹介したConsole2のベースになっているオープンソースのcmd.exeのフロント・エンドというかなんと言うかよくわからないものです。エッライ軽くなってて素晴らしいのでこっちも紹介。</p>
45643          </section>
45644        </a>
45645
45646
45647        <a href="/blog/software/online_status_indicator">
45648          <section class="excerpt">
45649            <header>
45650              <p class="date"><time datetime="2003-11-04T07:42:24+09:00">4日</time></p>
45651
45652              <h3>Online Status Indicator</h3>
45653            </header>
45654
45655            <p>MSN Messengerのログイン状況を画像で表示してくれるサービス、Online Status IndicatorがようやくMSNの新プロトコル(9だっけ?)に対応したようです。この画像をクリックしたらメンバの追加が出来るとかなら、それなりに利用価値は高そうな気がするんですが、どうこうできるわけではなさそう(Sending a message toとかいうページに飛びますが良くわからないっす)なのであんまり意味無いかもしれない。アクセサリみたいな。こんな感じで表示されます。</p>
45656          </section>
45657        </a>
45658
45659
45660        <a href="/blog/misc/birthday">
45661          <section class="excerpt">
45662            <header>
45663              <p class="date"><time datetime="2003-11-04T02:12:54+09:00">4日</time></p>
45664
45665              <h3>お誕生日</h3>
45666            </header>
45667
45668            <p>あーそういや父親の誕生日だなとか思って、家に帰って母親に「親父は?」って聞いたら「んー? スリランカ。」とか。</p>
45669          </section>
45670        </a>
45671
45672
45673        <a href="/blog/misc/mr_dissolved">
45674          <section class="excerpt">
45675            <header>
45676              <p class="date"><time datetime="2003-11-03T06:31:29+09:00">3日</time></p>
45677
45678              <h3>オワタ</h3>
45679            </header>
45680
45681            <p>&lt;!-- 私信ココから --&gt;</p>
45682          </section>
45683        </a>
45684
45685
45686        <a href="/blog/misc/suddenly">
45687          <section class="excerpt">
45688            <header>
45689              <p class="date"><time datetime="2003-11-02T06:23:37+09:00">2日</time></p>
45690
45691              <h3>ふと</h3>
45692            </header>
45693
45694            <p>いのうさんとおしゃべりがしたいと思った。彼の頭の悪さを指摘してあげたい。とか、こんなんだからまるで話しかけてくれなã
45694„んだよね。超猛省。</p>
45695          </section>
45696        </a>
45697
45698
45699        <a href="/blog/sports/nets_84_timberwolves_61">
45700          <section class="excerpt">
45701            <header>
45702              <p class="date"><time datetime="2003-11-02T04:05:08+09:00">2日</time></p>
45703
45704              <h3>Nets 84, Timberwolves 61</h3>
45705            </header>
45706
45707            <p>ボコボコだよ・・・。スプリーウェル・・・もしかしてダメダメ? てか、FGM-Aが33.3%って酷いな・・・。</p>
45708          </section>
45709        </a>
45710
45711
45712        <a href="/blog/software/internet_cache_cleaner">
45713          <section class="excerpt">
45714            <header>
45715              <p class="date"><time datetime="2003-11-02T01:08:45+09:00">2日</time></p>
45716
45717              <h3>Internet Cache Cleaner</h3>
45718            </header>
45719
45720            <p>Internet Explorerのキャッシュは無駄なというか、謎なファイルが残ってたりして肥大化しがちなわけですが、時々ばっさり捨てるって言うのもなんだかなわけで。Internet Cache Cleanerはリンク切れのキャッシュファイルなんかを削除して(多分)綺麗にしてくれるものです。それなりに綺麗になってると思います。間、主導でやるよりかははるかにマシなので、僕みたいにキャッシュを多めに確保している人にはそれなりに便利かも。</p>
45721          </section>
45722        </a>
45723
45724
45725        <a href="/blog/blosxom/tdiary_compatible_flavour">
45726          <section class="excerpt">
45727            <header>
45728              <p class="date"><time datetime="2003-11-01T08:11:14+09:00">1日</time></p>
45729
45730              <h3>tDiary互換flavour</h3>
45731            </header>
45732
45733            <p>乗りかかった船というわけで、tDiary互換も作ってみる。tDiaryのデフォルトで吐くものがイマイチよくわからなかったので、かなり怪しげ。とりあえず、tDiary 1.5系のサイトをいくつか眺めつつ、手作業で作ってみました。構造は多分あってるような気がする。例では、比較的良く見るCloverテーマを利用させていただきました。</p>
45734          </section>
45735        </a>
45736
45737          </section>
45738          <section>
45739            <h2><time datetime="2003-10">2003年10月</time></h2>
45740
45741        <a href="/blog/blosxom/mt_compatible_flavour">
45742          <section class="excerpt">
45743            <header>
45744              <p class="date"><time datetime="2003-10-31T23:55:44+09:00">31日</time></p>
45745
45746              <h3>Movable Type互換flavour</h3>
45747            </header>
45748
45749            <p>blosxomをMovable Typeっぽくしてみようというわけで、いや違うな、blosxomの難点のひとつに、ある程度HTMLやCSSなどの知識がどうしても必要になることがあると思うので、それをすっぱりと無かったことにしてみる試みの一貫として、Movable TypeのCSSファイルを流用できるflavourを作ってみました。CSSファイルはMovable TypeのDefault Stylesから貰ったTrendyです。もちろん、互換と謳ってるわけですので、Default Stylesにある他のでもまったく問題ないです。</p>
45750          </section>
45751        </a>
45752
45753
45754        <a href="/blog/rss/bulkfeeds">
45755          <section class="excerpt">
45756            <header>
45757              <p class="date"><time datetime="2003-10-31T19:40:40+09:00">31日</time></p>
45758
45759              <h3>Bulkfeeds</h3>
45760            </header>
45761
45762            <p>日帰り出張で思いっきり見逃してましたよ。Bulkfeedsとかすげえっすよ。OPML出力できるとかすげぇっすよ。小人がシコシコとパーステンプレートかいてくれるサービスとかもはじまるらしいっすよ。カテゴリ分けもしたら、Syndic8も真っ青! ・・・無理だな。</p>
45763          </section>
45764        </a>
45765
45766
45767        <a href="/blog/blosxom/static_generation">
45768          <section class="excerpt">
45769            <header>
45770              <p class="date"><time datetime="2003-10-30T04:49:01+09:00">30日</time></p>
45771
45772              <h3>RSSとAtom、ESFを静的生成に</h3>
45773            </header>
45774
45775            <p>RSSなどを動的に取ってくるとなると、このサーバーの場合ちとアレな重さなので、静的に出力するようにしてみました。とはいうものの別にプラグインで実装したわけではなく、エントリをアップロードするついでにwgetで動的に生成したものを取ってきて、それをftpでアップロードとかいう、前時代的な手法で・・・。バッチファイルで行うので、wgetとftpの組み合わせになってます。それぞれのURLは以下の通り。</p>
45776          </section>
45777        </a>
45778
45779
45780        <a href="/blog/rss/cdata_sections">
45781          <section class="excerpt">
45782            <header>
45783              <p class="date"><time datetime="2003-10-30T01:17:15+09:00">30日</time></p>
45784
45785              <h3>CDATA区間</h3>
45786            </header>
45787
45788            <p>ていうか、すべてのバージョンのRSSがXMLである以上は、descriptionやtitleにもCDATA区間が含まれる可能性はあるわけですね。ここんところ根本的に見落としてました。でもどうやって、CDATA区間が含まれるかどうかを判別するんだろ・・・。エンティティ化されてない&quot;&lt;&quot;を見つけたらとかアナログな判別の仕方でいいんかな?</p>
45789          </section>
45790        </a>
45791
45792
45793        <a href="/blog/rss/release_rsshme">
45794          <section class="excerpt">
45795            <header>
45796              <p class="date"><time datetime="2003-10-29T19:43:43+09:00">29日</time></p>
45797
45798              <h3>RSS Headline Mailer Each公開</h3>
45799            </header>
45800
45801            <p>content:encodedへの対応を実装できたので、いくつかのバグをつぶした上で、正式公開。content:encodedへの対応ã
45801¯ã€HTML::FormatTextにおまかせ。文字が壊れるのは、バグではなくUTF-8で渡すとダメ(なことがある)ということみたいでした。HTML::Parserの制限かも?</p>
45802          </section>
45803        </a>
45804
45805
45806        <a href="/blog/blosxom/boost_top-page">
45807          <section class="excerpt">
45808            <header>
45809              <p class="date"><time datetime="2003-10-29T03:23:42+09:00">29日</time></p>
45810
45811              <h3>トップ・ページを開く速度の改善</h3>
45812            </header>
45813
45814            <p>トップ・ページに最近のエントリを表示で、JavaScriptのflavourを作成し、動的にトップ・ページにblogの最近のエントリを表示できるようにしたわけですが、毎回blosxom.cgi呼んでたので、トップ・ページの表示がエライ遅いわけで。そうではなく、エントリをアップロードするついでに、JavaScriptファイルを作ってやれば良いことに気づきました。</p>
45815          </section>
45816        </a>
45817
45818
45819        <a href="/blog/sports/nba_03-04_season_ready_to_open">
45820          <section class="excerpt">
45821            <header>
45822              <p class="date"><time datetime="2003-10-28T19:33:15+09:00">28日</time></p>
45823
45824              <h3>もうすぐNBAの03-04シーズンが開幕</h3>
45825            </header>
45826
45827            <p>プロ野球/メジャー終了から流れるようにNBAが開幕するわけで。相変わらずMinnesota Timberwolvesファンな僕ですが、今年はいける! なんか直前になって怪我人出てたけど気のせいだ、多分。誕生15年ときりのいい年だし! 強引だ。</p>
45828          </section>
45829        </a>
45830
45831
45832        <a href="/blog/media/pearl_jam_lost_dogs">
45833          <section class="excerpt">
45834            <header>
45835              <p class="date"><time datetime="2003-10-28T18:01:42+09:00">28日</time></p>
45836
45837              <h3>Pearl Jam / Lost Dogs</h3>
45838            </header>
45839
45840            <p>入荷のメールを貰って速攻でゲット! うーおー!!!Lost Dogsはシングルにのみ収録などのレア・トラック集です。ジャケット画像はPearl Jamっぽくないけど、カッコイイ。出来はさほど良くない。集めただけって感じだし。ですが!!!! Leaving HereとYellow Ledbetter、Dirty Frank、Last Kissこれだけでかなり垂涎ものと。多分だけど。</p>
45841          </section>
45842        </a>
45843
45844
45845        <a href="/blog/rss/support_content-encoded">
45846          <section class="excerpt">
45847            <header>
45848              <p class="date"><time datetime="2003-10-28T16:40:42+09:00">28日</time></p>
45849
45850              <h3>content:encodedへの対応</h3>
45851            </header>
45852
45853            <p>RSS Headline Mailer (Each)を、content:encodedに対応しようかなと思って格闘中。HTML::FormatTextモジュールで、大概の場合はOKっぽいんですが、稀に文字列が破壊されてしまって停滞中。</p>
45854          </section>
45855        </a>
45856
45857
45858        <a href="/blog/rss/suspend_rsshg_ml">
45859          <section class="excerpt">
45860            <header>
45861              <p class="date"><time datetime="2003-10-28T05:02:06+09:00">28日</time></p>
45862
45863              <h3>RSS Headline Grabber MLの停止</h3>
45864            </header>
45865
45866            <p>あんまり役に立ってなさそうなので、とりあえず停止。そのうち何かまた始めるかもしれないです。今度は記事ごとに配信にして、参加者でその記事に対する反応とか投稿できたりすると面白いかもなーとか。</p>
45867          </section>
45868        </a>
45869
45870
45871        <a href="/blog/rss/release_candidate_rsshme">
45872          <section class="excerpt">
45873            <header>
45874              <p class="date"><time datetime="2003-10-28T01:55:49+09:00">28日</time></p>
45875
45876              <h3>RSS Headline Mailer Each</h3>
45877            </header>
45878
45879            <p>某所や某氏に「新着記事ごとに一通メールが来るといいなー」とかそんな感じのことを言われたので、RSS Headline Mailer Eachという名前で作ってみました。設定ファイルなどはRSS Headline Mailerとほとんど共通です。詳しくは同梱のreadme.txtを参照してください(コピペなので内容怪しいですが)。</p>
45880          </section>
45881        </a>
45882
45883
45884        <a href="/blog/blosxom/blacklist_plugin">
45885          <section class="excerpt">
45886            <header>
45887              <p class="date"><time datetime="2003-10-27T20:54:35+09:00">27日</time></p>
45888
45889              <h3>blacklist plugin</h3>
45890            </header>
45891
45892            <p>コメント・スパムの対策をそろそろしようかなとか。エントリのネタに困ったから、そういうことにしてみました。Movable Typeばかりかな? とかæ€
45892ã£ã¦ãŸã‚“ですが、結構な数tDiaryやWikiなどにも件のコメント・スパムが投稿されている(らしい)ことを知ったことも理由のひとつです。ほら! エントリのネタに困っただけじゃないでしょ?</p>
45893          </section>
45894        </a>
45895
45896
45897        <a href="/blog/misc/anti-virus_service">
45898          <section class="excerpt">
45899            <header>
45900              <p class="date"><time datetime="2003-10-27T18:23:06+09:00">27日</time></p>
45901
45902              <h3>ウィルス対策サービス</h3>
45903            </header>
45904
45905            <p>Symantecとかはハードウェアでも出してましたっけね? ウィルス対策をエンド・ユーザー側でやるのはやはり至らないことが多々あるわけで、メールサーバー側で処理(プロバイダのサービスとかで)とかルータに中継メールサーバー機能つけて遮断とかそういうアプローチが主流になりそうではありますね。専門家じゃないので適当ですけど。</p>
45906          </section>
45907        </a>
45908
45909
45910        <a href="/blog/misc/now_---_ber">
45911          <section class="excerpt">
45912            <header>
45913              <p class="date"><time datetime="2003-10-27T03:37:37+09:00">27日</time></p>
45914
45915              <h3>ナウ(中略)バー</h3>
45916            </header>
45917
45918            <p>某N氏が某I氏が契約切れたナウ(中略)バーとかいうサーバー(なぜ伏せるのか良くわかんないけど伏せてみる)でblosxomを設置したのですが、速いっすね(本当はココでリンク張って晒してやろうとか思ったけど、殺されそうな気がするのでかろうじて踏みとどまる)。gzipも使えるみたいだし、これは確かに心がゆれるな。でもサブ・ドメインが気に入らないので、自分のドメイン欲しくならないと借りる気にまではなかなか。</p>
45919          </section>
45920        </a>
45921
45922
45923        <a href="/blog/rss/full-text_search_by_feedster">
45924          <section class="excerpt">
45925            <header>
45926              <p class="date"><time datetime="2003-10-26T15:12:44+09:00">26日</time></p>
45927
45928              <h3>Feedsterで全文検索</h3>
45929            </header>
45930
45931            <p>FeedsterというRSS検索エンジンがあるのですが、ここを使ってblog全文検索機能を作る方法を知りました。半分は思いつき、半分はインスピレーション。</p>
45932          </section>
45933        </a>
45934
45935
45936        <a href="/blog/software/process_explorer_8">
45937          <section class="excerpt">
45938            <header>
45939              <p class="date"><time datetime="2003-10-26T05:43:26+09:00">26日</time></p>
45940
45941              <h3>Process Explorer 8.0</h3>
45942            </header>
45943
45944            <p>Process Explorerは、前に紹介したんですが、なかなか良い新機能が搭載されたので、再紹介。</p>
45945          </section>
45946        </a>
45947
45948
45949        <a href="/blog/rss/aggregators_and_syndication_ml">
45950          <section class="excerpt">
45951            <header>
45952              <p class="date"><time datetime="2003-10-26T03:35:50+09:00">26日</time></p>
45953
45954              <h3>aggregators &amp; syndication ML</h3>
45955            </header>
45956
45957            <p>RSS周りの情報収集に素晴らしく良さげなML2つ。naoyaさんありがとう(真似。</p>
45958          </section>
45959        </a>
45960
45961
45962        <a href="/blog/blog/blogrolling_checker">
45963          <section class="excerpt">
45964            <header>
45965              <p class="date"><time datetime="2003-10-25T15:13:25+09:00">25日</time></p>
45966
45967              <h3>BlogRolling checker</h3>
45968            </header>
45969
45970            <p>前回のエントリを受けて、BlogRollingをチェックするPerlスクリプトを作ってみる。今回はクイック起動というか、デスクトップのツール バーで実装してみました。何はともあれ実行結果。</p>
45971          </section>
45972        </a>
45973
45974
45975        <a href="/blog/software/about_msnmsgr_tab">
45976          <section class="excerpt">
45977            <header>
45978              <p class="date"><time datetime="2003-10-25T13:35:24+09:00">25日</time></p>
45979
45980              <h3>MSN Messengerのタブについて</h3>
45981            </header>
45982
45983            <p>いじれないわけではないみたいです。ただ、MSNの方に連絡を取って、利用する許可を貰って、その上でやらなきゃならないみたいです。6.1からはやり方も変わったとか何とか。某所で適当に聞き込んだ話ですので、正確なところは知りませんけどね。</p>
45984          </section>
45985        </a>
45986
45987
45988        <a href="/blog/coding/turukamemacro_selectroot">
45989          <section class="excerpt">
45990            <header>
45991              <p class="date"><time datetime="2003-10-24T16:43:29+09:00">24日</time></p>
45992
45993              <h3>SelectRoot</h3>
45994            </header>
45995
45996            <p>SelectRootという鶴亀マクロを必要に駆られて作りました。鶴亀メールで実装されて無い機能で、もっとも必要だと勝手に考えているものに「未読メールの読み進めをループする」というものがあります。未読メールの読み進めはSpaceキーにてやってるわけですが、見た目的に下の方の最後の未読メールを読み終わると、見た目的に上の方に未読メールが残っていても、そこにジャンプしてくれません。これがまた辛い。ので、単純明快に解決してみました。</p>
45997          </section>
45998        </a>
45999
46000
46001        <a href="/blog/software/k-meleon_08b833">
46002          <section class="excerpt">
46003            <header>
46004              <p class="date"><time datetime="2003-10-24T15:33:41+09:00">24日</time></p>
46005
46006              <h3>K-Meleon 0.8 Beta Build 833</h3>
46007            </header>
46008
46009            <p>FileForum経由で、K-Meleon 0.8 Beta Build 833のリリースをキャッチ。個人的にはかなり好きです。Mozilla Firebirdよりも。</p>
46010          </section>
46011        </a>
46012
46013
46014        <a href="/blog/rss/translate_atom_02_spec">
46015          <section class="excerpt">
46016            <header>
46017              <p class="date"><time datetime="2003-10-24T05:32:09+09:00">24日</time></p>
46018
46019              <h3>Atom 0.2 specを訳してみる</h3>
46020            </header>
46021
46022            <p>
46022寝付けなかったのでAtom 0.2 Spec日本語 HTML 版とか。</p>
46023          </section>
46024        </a>
46025
46026
46027        <a href="/blog/blosxom/category_title">
46028          <section class="excerpt">
46029            <header>
46030              <p class="date"><time datetime="2003-10-23T23:46:06+09:00">23日</time></p>
46031
46032              <h3>category_title plugin</h3>
46033            </header>
46034
46035            <p>カテゴリ単位での閲覧の時に、title要素やh2要素にそのカテゴリの名前を潜り込ませることが出来るように、category_titleというプラグインを作りました。月単位での閲覧の時は、list_title_at_monthで実装してるので、カテゴリ単位での閲覧の時にも実装しないのは片手落ちかなとか突然思い至ったので。</p>
46036          </section>
46037        </a>
46038
46039
46040        <a href="/blog/blog/easy_update_ping">
46041          <section class="excerpt">
46042            <header>
46043              <p class="date"><time datetime="2003-10-23T21:09:30+09:00">23日</time></p>
46044
46045              <h3>簡単な更新通知ping</h3>
46046            </header>
46047
46048            <p>BlogRollingに簡単に更新通知pingを送る方法などを・・・。BlogRollingは、更新通知ping送信機能が実装されていないとか、実装されていても利用できないサイトのために、手動で更新通知pingを送るフォームが用意されているんですが、いちいちブラウザを開いて更新通知pingを送るというのは非常にかったるいですね。</p>
46049          </section>
46050        </a>
46051
46052
46053        <a href="/blog/blosxom/send_tb_ping_in_blosxom">
46054          <section class="excerpt">
46055            <header>
46056              <p class="date"><time datetime="2003-10-23T16:52:22+09:00">23日</time></p>
46057
46058              <h3>blosxomでTrackBack pingを送信</h3>
46059            </header>
46060
46061            <p>blosxomのwritebackプラグインは、TrackBack pingを受け取る(のとコメントを受け取る)だけのものなので、TrackBack pingの送信に関しては手動で行わなければなりません。手動で行うというのは、TrackBack ping送信用のフォームを書いたHTMLファイルを作成して、必要な情報(TrackBack ping送信先URLやTrackBack送信元のエントリの要約など)をコピペしてフォームを埋め、送信するということです。</p>
46062          </section>
46063        </a>
46064
46065
46066        <a href="/blog/coding/mime-lite_module">
46067          <section class="excerpt">
46068            <header>
46069              <p class="date"><time datetime="2003-10-23T13:18:45+09:00">23日</time></p>
46070
46071              <h3>Mime::Liteモジュール</h3>
46072            </header>
46073
46074            <p>Blog Developer&apos;s Cookbookのエントリ、RSS をメールで送信するで、MIME::Liteというモジュールのことが書かれてました。</p>
46075          </section>
46076        </a>
46077
46078
46079        <a href="/blog/rss/atom_2">
46080          <section class="excerpt">
46081            <header>
46082              <p class="date"><time datetime="2003-10-22T19:23:54+09:00">22日</time></p>
46083
46084              <h3>Atomとか配信してみる</h3>
46085            </header>
46086
46087            <p>名称も決定したようですし、休みで暇なので、Atomの配信も始めてみました。blosxomのPlugin Registryでnecho-flavourという名前でAtomを出力できるようになるプラグインが公開されているんですけど、なんとなくイマイチだったので、rss10を改造して自作してみました。</p>
46088          </section>
46089        </a>
46090
46091
46092        <a href="/blog/webdesign/ala_3">
46093          <section class="excerpt">
46094            <header>
46095              <p class="date"><time datetime="2003-10-22T13:51:26+09:00">22日</time></p>
46096
46097              <h3>ALA 3.0</h3>
46098            </header>
46099
46100            <p>A List Apartのリニューアルがようやく完了し、再開されました。blogライクなデザインになってます。右にカテゴリーが出てたり、辿りやすいかなという感じではありますが、もっと雑誌っぽい感じでも良いんじゃないかなーとか。</p>
46101          </section>
46102        </a>
46103
46104
46105        <a href="/blog/software/desktop_sidebar">
46106          <section class="excerpt">
46107            <header>
46108              <p class="date"><time datetime="2003-10-21T22:27:28+09:00">21日</time></p>
46109
46110              <h3>Desktop Sidebar</h3>
46111            </header>
46112
46113            <p>Desktop Sidebarは、デスクトップにサイドバーを作り、そこにいろいろなもの(システムの状態とかカレンダー、天気予報とか)を表示するアプリケーションです(そのまんま)。</p>
46114          </section>
46115        </a>
46116
46117
46118        <a href="/blog/rss/mozbm2opml">
46119          <section class="excerpt">
46120            <header>
46121              <p class="date"><time datetime="2003-10-21T13:28:57+09:00">21日</time></p>
46122
46123              <h3>mozbm2opml</h3>
46124            </header>
46125
46126            <p>
46126誰も作るとは思えないので、mozbm2rsslistを拡張して、RSSリーダーのインポート・エクスポート用として、一般的なフォーマットに合わせたOPMLファイルを出力するスクリプトを作成。</p>
46127          </section>
46128        </a>
46129
46130
46131        <a href="/blog/software/xpde_and_xpwm">
46132          <section class="excerpt">
46133            <header>
46134              <p class="date"><time datetime="2003-10-20T20:18:42+09:00">20日</time></p>
46135
46136              <h3>XPde &amp; XPwm</h3>
46137            </header>
46138
46139            <p>Windows XPのLook &amp; Feelを再現したXPde &amp; XPwmというLinuxのDesktop environmentとWindow managerを見つけました。</p>
46140          </section>
46141        </a>
46142
46143
46144        <a href="/blog/rss/mozbm2rsslist">
46145          <section class="excerpt">
46146            <header>
46147              <p class="date"><time datetime="2003-10-20T15:15:27+09:00">20日</time></p>
46148
46149              <h3>mozbm2rsslist</h3>
46150            </header>
46151
46152            <p>MozillaのBookmarkからRSSファイルのURLリストを生成するスクリプトを作ってみました。遅いし、このスクリプトで利用しているRSS Autodiscoveryという仕様(というか仕組みというか)自体がまだまだ浸透していないので、実用性はかなり低いですが。</p>
46153          </section>
46154        </a>
46155
46156
46157        <a href="/blog/rss/update_gen_rss">
46158          <section class="excerpt">
46159            <header>
46160              <p class="date"><time datetime="2003-10-20T02:23:04+09:00">20日</time></p>
46161
46162              <h3>gen_rss.cgi更新</h3>
46163            </header>
46164
46165            <p>眠かったのですけど、布団に入ったところで、gen_rss.cgiで出力されるRSSファイルに、content:encoded付けようと考えてたことを思い出したので、速攻で付ける。</p>
46166          </section>
46167        </a>
46168
46169
46170        <a href="/blog/rss/syndicate_using_esf">
46171          <section class="excerpt">
46172            <header>
46173              <p class="date"><time datetime="2003-10-19T23:01:11+09:00">19日</time></p>
46174
46175              <h3>ESFで配信</h3>
46176            </header>
46177
46178            <p>ESFをかなり気に入ってしまったので、ESF仕様のココのエントリ一覧を配信し始めました。まぁシャレで。</p>
46179          </section>
46180        </a>
46181
46182
46183        <a href="/blog/webdesign/link_color_etc">
46184          <section class="excerpt">
46185            <header>
46186              <p class="date"><time datetime="2003-10-19T13:29:25+09:00">19日</time></p>
46187
46188              <h3>リンクの色とか</h3>
46189            </header>
46190
46191            <p>MarkupDancingの人も激しく(かどうかは知らないですが)同意してくれてましたが、ちょっと前のエントリ、秋深しで書いたように、リンクの色は悩みますね。それの一風変わったアプローチを見つけました。</p>
46192          </section>
46193        </a>
46194
46195
46196        <a href="/blog/blosxom/receive_writebacks_via_e-mail">
46197          <section class="excerpt">
46198            <header>
46199              <p class="date"><time datetime="2003-10-19T10:58:22+09:00">19日</time></p>
46200
46201              <h3>メールでwritebackへの投稿を受信</h3>
46202            </header>
46203
46204            <p>そういや付けました。結構前に。writeback notifyというプラグインがあったんですけど、配布サイト消えてたり。なので、sendmailで適当に組んでみました。writeback最後の方に以下を追加。</p>
46205          </section>
46206        </a>
46207
46208
46209        <a href="/blog/rss/rssmail">
46210          <section class="excerpt">
46211            <header>
46212              <p class="date"><time datetime="2003-10-18T17:44:20+09:00">18日</time></p>
46213
46214              <h3>RSSMail</h3>
46215            </header>
46216
46217            <p>RSSMailという名前からして、RSSファイルの新着記事をメールで配信とかそういうアプリケーションかと思ったんですが、</p>
46218          </section>
46219        </a>
46220
46221
46222        <a href="/blog/software/vos">
46223          <section class="excerpt">
46224            <header>
46225              <p class="date"><time datetime="2003-10-18T17:22:35+09:00">18日</time></p>
46226
46227              <h3>View OPML Subscriptions</h3>
46228            </header>
46229
46230            <p>ねっとりと絡みつくようにRSS関連の情報を漁っていたら、結構な数のRSSリーダーで実装されている、購読しているRSSファイルのエクスポート機能で作成されるOPMLファイルのビューワー、View OPML Subscriptionsを見つけました。</p>
46231          </section>
46232        </a>
46233
46234
46235        <a href="/blog/coding/view_source_editor_vbscript">
46236          <section class="excerpt">
46237            <header>
46238              <p class="date"><time datetime="2003-10-18T12:09:00+09:00">18日</time></p>
46239
46240              <h3>ViewSourcEditor.vbs</h3>
46241            </header>
46242
46243            <p>Internet Explorerのソースの表示に使われるエディタを指定するには、レジストリの、</p>
46244          </section>
46245        </a>
46246
46247
46248        <a href="/blog/internet/alltheweb">
46249          <section class="excerpt">
46250            <header>
46251              <p class="date"><time datetime="2003-10-18T08:42:45+09:00">18日</time></p>
46252
46253              <h3>AllTheWeb</h3>
46254            </header>
46255
46256            <p>AllTheWebはうちのサイトを拾わないらしい。&#126;付きのサイトを拾わないというわけでもないし、謎。</p>
46257          </section>
46258        </a>
46259
46260
46261        <a href="/blog/misc/good_morning">
46262          <section class="excerpt">
46263            <header>
46264              <p class="date"><time datetime="2003-10-18T07:04:18+09:00">18日</time></p>
46265
46266              <h3>起きた。</h3>
46267            </header>
46268
46269            <p>起きメモ。</p>
46270          </section>
46271        </a>
46272
46273
46274        <a href="/blog/blosxom/oops_2">
46275          <section class="excerpt">
46276            <header>
46277              <p class="date"><time datetime="2003-10-17T19:33:59+09:00">17日</time></p>
46278
46279              <h3>おおっと</h3>
46280            </header>
46281
46282            <p>1時間前後、404や500吐いてましたね、ここ。</p>
46283          </section>
46284        </a>
46285
46286
46287        <a href="/blog/rss/hep_message_server">
46288          <section class="excerpt">
46289            <header>
46290              <p class="date"><time datetime="2003-10-17T16:52:25+09:00">17日</time></p>
46291
46292              <h3>Hep Message Server</h3>
46293            </header>
46294
46295            <p>RSSファイルの内容を、いろいろなアプリケーション(ブラウザやメーラー、IMなど)に渡すことを可能にするサーバー・アプリケーションであるHep Message Serverというものを見つけました。</p>
46296          </section>
46297        </a>
46298
46299
46300        <a href="/blog/media/tori_amos_the_strokes_iggy_pop_and_stone_temple_pilots">
46301          <section class="excerpt">
46302            <header>
46303              <p class="date"><time datetime="2003-10-16T16:18:15+09:00">16日</time></p>
46304
46305              <h3>Tori Amos, The Strokes, Iggy Pop &amp; Stone Temple Pilots</h3>
46306            </header>
46307
46308            <p>もうすぐ出るのが楽しみでしょうがない。</p>
46309          </section>
46310        </a>
46311
46312
46313        <a href="/blog/rss/esf">
46314          <section class="excerpt">
46315            <header>
46316              <p class="date"><time datetime="2003-10-16T14:10:43+09:00">16日</time></p>
46317
46318              <h3>ESF</h3>
46319            </header>
46320
46321            <p>RSSの派閥争いに嫌気がさして、テキストベースのsyndicationフォーマットを考えたのã
46321¯ã€RSS 3.0だけではないみたいすね。ESFっつーのを見つけました。</p>
46322          </section>
46323        </a>
46324
46325
46326        <a href="/blog/blog/simplog">
46327          <section class="excerpt">
46328            <header>
46329              <p class="date"><time datetime="2003-10-16T13:54:52+09:00">16日</time></p>
46330
46331              <h3>Simplog</h3>
46332            </header>
46333
46334            <p>PHPなblogツール、Simplog (元MyPHPlog)は、blogツールというもののありがちな側面である、RSSとの関連性に注目しているような感じです。</p>
46335          </section>
46336        </a>
46337
46338
46339        <a href="/blog/rss/rss_news_portal">
46340          <section class="excerpt">
46341            <header>
46342              <p class="date"><time datetime="2003-10-16T13:27:18+09:00">16日</time></p>
46343
46344              <h3>Philter&apos;s RSS News Portal</h3>
46345            </header>
46346
46347            <p>FlashなRSSリーダー、Philter&apos;s RSS News Portal。これを実用的というのはちと苦しいような気がしますが、FlashはXMLをネイティブに扱えるので、Flashを利用したRSSリーダーは今後いろいろ出てきそうですね。ちょっとしたツールくらいにはなりそうだけど、実用的なものが出てくるのが僕には想像できないのは、僕がFlashは大の苦手だからです。いや、嫌いって意味じゃなくて、作るのが。</p>
46348          </section>
46349        </a>
46350
46351
46352        <a href="/blog/media/dido">
46353          <section class="excerpt">
46354            <header>
46355              <p class="date"><time datetime="2003-10-16T02:28:30+09:00">16日</time></p>
46356
46357              <h3>Dido</h3>
46358            </header>
46359
46360            <p>「ダイド」って読むらしいっすよ。素で「ディード」かと思ってました。いや、別にどうでもいいんですが。</p>
46361          </section>
46362        </a>
46363
46364
46365        <a href="/blog/rss/about_rsshg">
46366          <section class="excerpt">
46367            <header>
46368              <p class="date"><time datetime="2003-10-15T09:20:36+09:00">15日</time></p>
46369
46370              <h3>RSS Headline Grabberについて</h3>
46371            </header>
46372
46373            <p>RSS Headline GrabberでHTML出力して公開しているページは、そろそろ存在意義がなくなってきたような感じ(元々無いとか言わないで)。今から「RSSってなに?」というような人は、適当なRSSリーダー薦めれば良しみたいになったような。そんなこんなでRSSの利用例を更新して、RSSを利用できるソフトウェアとサービスについて簡単な説明を加えてみたり。どっかで見たような文章なのは秘密です。Bloglinesについて説明が一番長いのは、イチオシだからです。</p>
46374          </section>
46375        </a>
46376
46377
46378        <a href="/blog/coding/menuext">
46379          <section class="excerpt">
46380            <header>
46381              <p class="date"><time datetime="2003-10-15T04:45:01+09:00">15日</time></p>
46382
46383              <h3>MenuExt</h3>
46384            </header>
46385
46386            <p>MenuExtを雑然と公開してみる。インストール方法、機能の説明その他一切なしという手抜きっぷり。現在のソースを表示(注意:クリックするとJavaScriptエラーが出ます)は、ソースには表示されない(表示されていても見づらい)クライアント・サイドのスクリプトの実行結果が表示されるので、JavaScriptなどのデバッグに使えます。</p>
46387          </section>
46388        </a>
46389
46390
46391        <a href="/blog/webdesign/floatutorial">
46392          <section class="excerpt">
46393            <header>
46394              <p class="date"><time datetime="2003-10-15T03:35:02+09:00">15日</time></p>
46395
46396              <h3>Floatutorial</h3>
46397            </header>
46398
46399            <p>blogの隆盛以前から、floatによるレイアウトは一部の間でかなり突き詰められていたわけですが、多くのblogツールが(X)HTML+CSSなデザインを生成するため爆発的に広まってきたような感じはします。</p>
46400          </section>
46401        </a>
46402
46403
46404        <a href="/blog/webdesign/high_pass_and_mid_pass">
46405          <section class="excerpt">
46406            <header>
46407              <p class="date"><time datetime="2003-10-15T03:20:43+09:00">15日</time></p>
46408
46409              <h3>High Pass &amp; Mid Pass</h3>
46410            </header>
46411
46412            <p>CSSのブラウザごとの切り替えを、JavaScriptやSSIなどã
46412§è¡Œã†å ´åˆã€çµå±€ã¯ãƒ–ラウザが吐くUserAgent文字列に左右されてしまうので、正確性に欠きますね(書き換えることが可能なので)。最近のトレンドは実装を逆手にとって、本質的にブラウザを解析してやるアプローチなモノ。</p>
46413          </section>
46414        </a>
46415
46416
46417        <a href="/blog/media/school_of_rock">
46418          <section class="excerpt">
46419            <header>
46420              <p class="date"><time datetime="2003-10-14T03:05:59+09:00">14日</time></p>
46421
46422              <h3>School of Rock</h3>
46423            </header>
46424
46425            <p>Mr. Rock &apos;n&apos; Roll (大嘘)、Jack Black主演のSchool of Rockは日本で上映するのかな? 激しく見たい・・・。AppleのMovie Trailersで、TrailerとMusic Videoが見れます。ウヒョ。</p>
46426          </section>
46427        </a>
46428
46429
46430        <a href="/blog/rss/update_subscribe_with_bloglines_1">
46431          <section class="excerpt">
46432            <header>
46433              <p class="date"><time datetime="2003-10-14T02:25:39+09:00">14日</time></p>
46434
46435              <h3>Subscribe with Bloglines更新</h3>
46436            </header>
46437
46438            <p>12時間前に書いたSubscribe with Bloglinesが、RSSファイルへのリンクが画像に張ってあると、event.srcElement.tagNameがimgになるので、RSSファイルへのリンクが取得できないことに気づいた。とりあえず、親要素までを辿ってみることにする。単純に、その要素か親要素のtagNameが、Aだったらsubscribeするように。</p>
46439          </section>
46440        </a>
46441
46442
46443        <a href="/blog/rss/subscribe_with_bloglines">
46444          <section class="excerpt">
46445            <header>
46446              <p class="date"><time datetime="2003-10-13T14:22:49+09:00">13日</time></p>
46447
46448              <h3>Subscribe with Bloglines</h3>
46449            </header>
46450
46451            <p>Bloglinesでは、RSSファイルの登録方法としてBookmarkletが用意されているのですが、Bookmarkletは実は余り好きではないので、BloglinesのMy BlogsへRSSファイルを登録するMenuExtを書いてみました。大概のBookmarkletはMenuExtに書き直してしまう癖がどうも。</p>
46452          </section>
46453        </a>
46454
46455
46456        <a href="/blog/blog/blogrolling_back_online">
46457          <section class="excerpt">
46458            <header>
46459              <p class="date"><time datetime="2003-10-13T11:21:31+09:00">13日</time></p>
46460
46461              <h3>BlogRolling復活</h3>
46462            </header>
46463
46464            <p>サーバーを移行して、BlogRollingがパワーアップした模様です。</p>
46465          </section>
46466        </a>
46467
46468
46469        <a href="/blog/rss/modify_rss_description">
46470          <section class="excerpt">
46471            <header>
46472              <p class="date"><time datetime="2003-10-13T06:40:57+09:00">13日</time></p>
46473
46474              <h3>RSSファイルのdescriptionを調節</h3>
46475            </header>
46476
46477            <p>RSSファイルの各itemdescriptionとcontent:encodedが、両方ともエントリの内容そのまんまというのはどうも無駄な感じが否めないので、descriptionは最初の段落のみ、content:encodedはこれまで通りエントリの内容のフルコピーというようにしました。</p>
46478          </section>
46479        </a>
46480
46481
46482        <a href="/blog/rss/bloglines_notfier">
46483          <section class="excerpt">
46484            <header>
46485              <p class="date"><time datetime="2003-10-12T09:46:08+09:00">12日</time></p>
46486
46487              <h3>Bloglines Notifier</h3>
46488            </header>
46489
46490            <p>Bloglinesの自分のアカウントの登録RSSファイルの更新をタスクトレイでお知らせしてくれる、Bloglines Notifierというソフトウェアが出ました。</p>
46491          </section>
46492        </a>
46493
46494
46495        <a href="/blog/blog/auto_trackback_test">
46496          <section class="excerpt">
46497            <header>
46498              <p class="date"><time datetime="2003-10-12T06:31:17+09:00">12日</time></p>
46499
46500              <h3>自動TrackBackのテスト</h3>
46501            </header>
46502
46503            <p>とりあえず、完成したので実験してみる。</p>
46504          </section>
46505        </a>
46506
46507
46508        <a href="/blog/blog/extract_urls_and_extract_ping_url">
46509          <section class="excerpt">
46510            <header>
46511              <p class="date"><time datetime="2003-10-12T02:34:35+09:00">12日</time></p>
46512
46513              <h3>ファイルからURLを抽出し、そのURLからPing送信先を探してみる</h3>
46514            </header>
46515
46516            <p>自動TrackBackスクリプトのためのサブルーチンを2つ書いてみました。</p>
46517          </section>
46518        </a>
46519
46520
46521        <a href="/blog/blog/memo_for_auto_trackback">
46522          <section class="excerpt">
46523            <header>
46524              <p class="date"><time datetime="2003-10-11T21:24:48+09:00">11日</time></p>
46525
46526              <h3>自動TrackBack実装ためのメモ</h3>
46527            </header>
46528
46529            <p>というか、既に作成済みの、FTPでアップロードしUpdate Pingをé€
46529ã‚‹Publishスクリプトに付け加える形なんですが。</p>
46530          </section>
46531        </a>
46532
46533
46534        <a href="/blog/software/console2">
46535          <section class="excerpt">
46536            <header>
46537              <p class="date"><time datetime="2003-10-11T08:20:02+09:00">11日</time></p>
46538
46539              <h3>Console2</h3>
46540            </header>
46541
46542            <p>Console2はcmd.exeの代わりになるものです(どう表現したらいいのかわからない)。フロント・エンドというかなんというか。</p>
46543          </section>
46544        </a>
46545
46546
46547        <a href="/blog/rss/bloglines_checker">
46548          <section class="excerpt">
46549            <header>
46550              <p class="date"><time datetime="2003-10-10T23:19:01+09:00">10日</time></p>
46551
46552              <h3>Bloglines checker</h3>
46553            </header>
46554
46555            <p>しつこく引いてみる。</p>
46556          </section>
46557        </a>
46558
46559
46560        <a href="/blog/media/karen_o_fell_from_the_stage">
46561          <section class="excerpt">
46562            <header>
46563              <p class="date"><time datetime="2003-10-10T18:33:48+09:00">10日</time></p>
46564
46565              <h3>Karen Oがステージから転落?</h3>
46566            </header>
46567
46568            <p>VIBEのニュース、Yeah Yeah Yeahs カレン・Oがオーストラリアのギグでステージから転落し入院から。</p>
46569          </section>
46570        </a>
46571
46572
46573        <a href="/blog/webdesign/change_font_family_to_bitstream_vera">
46574          <section class="excerpt">
46575            <header>
46576              <p class="date"><time datetime="2003-10-10T18:02:40+09:00">10日</time></p>
46577
46578              <h3>フォント・ファミリをBitstream Veraに変更</h3>
46579            </header>
46580
46581            <p>Sun MicrosystemsがLGPL/SISSLのライセンスのもと、オープンソースとして公開・開発されているオフィスアプリケーション、OpenOffice.orgの1.1日本語版リリース記念ã
46581«ã€ãƒ—ロポーショナル・フォントをBitstream Vera Sansに、モノスペース・フォントをBitstream Vera Sans Monoに変更してみる。</p>
46582          </section>
46583        </a>
46584
46585
46586        <a href="/blog/software/msn_proxy">
46587          <section class="excerpt">
46588            <header>
46589              <p class="date"><time datetime="2003-10-10T02:24:42+09:00">10日</time></p>
46590
46591              <h3>MSN Proxy</h3>
46592            </header>
46593
46594            <p>MSN ProxyはMSN Messengerの通信をフックして、MSN Messengerにいくつかの機能を付加する、プロクシ的なソフトウェアです。機能は、</p>
46595          </section>
46596        </a>
46597
46598
46599        <a href="/blog/blog/auto_trackback">
46600          <section class="excerpt">
46601            <header>
46602              <p class="date"><time datetime="2003-10-10T00:11:56+09:00">10日</time></p>
46603
46604              <h3>自動TrackBack</h3>
46605            </header>
46606
46607            <p>rickdomからTrackBackが来て、はたと気づいたことが。</p>
46608          </section>
46609        </a>
46610
46611
46612        <a href="/blog/rss/i_suggest_bloglines">
46613          <section class="excerpt">
46614            <header>
46615              <p class="date"><time datetime="2003-10-09T17:38:38+09:00">9日</time></p>
46616
46617              <h3>Bloglinesのススメ</h3>
46618            </header>
46619
46620            <p>流行らせようと必死。</p>
46621          </section>
46622        </a>
46623
46624
46625        <a href="/blog/misc/cannot_found_dictionary">
46626          <section class="excerpt">
46627            <header>
46628              <p class="date"><time datetime="2003-10-09T02:44:42+09:00">9日</time></p>
46629
46630              <h3>辞書が見つかりません</h3>
46631            </header>
46632
46633            <p>とかいうトラブルに。</p>
46634          </section>
46635        </a>
46636
46637
46638        <a href="/blog/blosxom/tidy_up_flavour">
46639          <section class="excerpt">
46640            <header>
46641              <p class="date"><time datetime="2003-10-08T17:44:33+09:00">8日</time></p>
46642
46643              <h3>flavourの整理</h3>
46644            </header>
46645
46646            <p>昨日、writebackプラグインのflavourは.writeback固定ではないことに気づいたので、put_formsプラグインで埋め込んでやっているform要素のaction属性を、</p>
46647          </section>
46648        </a>
46649
46650
46651        <a href="/blog/media/jenna_and_jackson">
46652          <section class="excerpt">
46653            <header>
46654              <p class="date"><time datetime="2003-10-08T08:10:04+09:00">8日</time></p>
46655
46656              <h3>Jenna and Jackson</h3>
46657            </header>
46658
46659            <p>Jenna Jameson Spices up the Jackson Logo!</p>
46660          </section>
46661        </a>
46662
46663
46664        <a href="/blog/blosxom/permanent_link_flavour">
46665          <section class="excerpt">
46666            <header>
46667              <p class="date"><time datetime="2003-10-08T06:42:18+09:00">8日</time></p>
46668
46669              <h3>Permanent linkのflavor</h3>
46670            </header>
46671
46672            <p>blog.bulknews.netのpermalink flavourで、</p>
46673          </section>
46674        </a>
46675
46676
46677        <a href="/blog/rss/virgin_radio_rss_feeds">
46678          <section class="excerpt">
46679            <header>
46680              <p class="date"><time datetime="2003-10-08T05:33:39+09:00">8日</time></p>
46681
46682              <h3>Virgin Radio RSS feeds</h3>
46683            </header>
46684
46685            <p>Virgin Radio - The Station - New Media - RSS feedsより。Virgin Radioに掲載されたインタビューやらライブ映像やらの動画リンクを含む、記事のRSSファイルを作成・公開し始めたそうです。</p>
46686          </section>
46687        </a>
46688
46689
46690        <a href="/blog/misc/fall_has_come">
46691          <section class="excerpt">
46692            <header>
46693              <p class="date"><time datetime="2003-10-08T02:15:32+09:00">8日</time></p>
46694
46695              <h3>秋深し</h3>
46696            </header>
46697
46698            <p>いや、まだ深くないだろ。</p>
46699          </section>
46700        </a>
46701
46702
46703        <a href="/blog/blosxom/put_forms_plugin">
46704          <section class="excerpt">
46705            <header>
46706              <p class="date"><time datetime="2003-10-07T16:59:31+09:00">7日</time></p>
46707
46708              <h3>put_forms plugin</h3>
46709            </header>
46710
46711            <p>put_comment_formプラグインだと、TrackBack Ping送付先URLはWriteBackのフレーバーでしか参照できないので、ひと手間多くかかってしまいます。この手間を減らすためにTrackBackのためのRDFをコメントとして埋め込んだり、TrackBack Ping送付先URLを埋め込んだりもする、put_formsプラグインを作りました。</p>
46712          </section>
46713        </a>
46714
46715
46716        <a href="/blog/misc/build_my_foaf_file">
46717          <section class="excerpt">
46718            <header>
46719              <p class="date">
46719<time datetime="2003-10-06T20:56:51+09:00">6日</time></p>
46720
46721              <h3>FOAFファイルをとりあえず作ってみる</h3>
46722            </header>
46723
46724            <p>今だ具体的な利用方法が生み出されて無いような気もする、FOAFですが、IRCとか自分のプロファイルをはっきりと示せない環境で、示したいなとか思った場合に有効に使えるかもとか思ったので作ってみました。本当は、なんとなく作ってみたかっただけとかいうのが本音だったりするわけですが。</p>
46725          </section>
46726        </a>
46727
46728
46729        <a href="/blog/blosxom/browse_per_monthly">
46730          <section class="excerpt">
46731            <header>
46732              <p class="date"><time datetime="2003-10-06T15:38:00+09:00">6日</time></p>
46733
46734              <h3>月ごと閲覧の改善</h3>
46735            </header>
46736
46737            <p>liで並べていたんですけど、ちとごちゃごちゃしてわかりづらいし、月ごと閲覧の場合は日付けのポインタがわかりやすいように存在した方がいいと思ったので、dlで並べるようにしました。dlのdtに日付け、ddに対応するdtにある日付けのエントリのタイトルを並べてます。ついでにメインとは逆の順序、すなわち先頭から後尾に、古いエントリから新しいエントリへ並ぶようにしました。過去ログ的な閲覧方法である月ごとの閲覧の場合は、この方が良さそうだと思ったので。</p>
46738          </section>
46739        </a>
46740
46741
46742        <a href="/blog/software/print_to_pdf">
46743          <section class="excerpt">
46744            <header>
46745              <p class="date"><time datetime="2003-10-06T15:25:42+09:00">6日</time></p>
46746
46747              <h3>印刷からPDF</h3>
46748            </header>
46749
46750            <p>少し前に津波荘のDIARYに、PDFっていうがあったã
46750®ã§ã€ã€ŒãŠã‰ï¼ã€€ã“れは良いかも!」と、僕も試そうかと思ったんですが、バイナリ落としたところでめんどくさくなって放置。ちとインストールに苦労しますね。で、探してたらPDFCreatorっていうGhostscriptのインストールまでやってくれるものがありました。</p>
46751          </section>
46752        </a>
46753
46754
46755        <a href="/blog/rss/join_form_rsshg_ml">
46756          <section class="excerpt">
46757            <header>
46758              <p class="date"><time datetime="2003-10-05T12:36:35+09:00">5日</time></p>
46759
46760              <h3>RSS Headline Grabber MLへの参加</h3>
46761            </header>
46762
46763            <p>RSS Headline Grabber出力サンプル様々なRSSファイルの新着記事とRssRollingの新着エントリをそれぞれ4時間ごとにメールで送っているMLへの参加フォームです。いまいちどこから参加して貰ってよいものやら謎というか、わからなかったので、エントリに書いておくことにしました。</p>
46764          </section>
46765        </a>
46766
46767
46768        <a href="/blog/rss/rssrolling_via_email">
46769          <section class="excerpt">
46770            <header>
46771              <p class="date"><time datetime="2003-10-05T00:52:34+09:00">5日</time></p>
46772
46773              <h3>RssRolling via E-Mail</h3>
46774            </header>
46775
46776            <p>RssRollingのRSSファイルからdescriptionやら更新時刻も含め、定期的にまとめてメールで受信できるようにしてみたり。各記事は、</p>
46777          </section>
46778        </a>
46779
46780
46781        <a href="/blog/media/better_than_ezra">
46782          <section class="excerpt">
46783            <header>
46784              <p class="date"><time datetime="2003-10-04T21:43:24+09:00">4日</time></p>
46785
46786              <h3>なぜかBTEパワープレイ中</h3>
46787            </header>
46788
46789            <p>僕の中でBetter Than Ezraが来てます。前から好きだったんですが、最近になって加速してきました。</p>
46790          </section>
46791        </a>
46792
46793
46794        <a href="/blog/internet/google_icq_com">
46795          <section class="excerpt">
46796            <header>
46797              <p class="date"><time datetime="2003-10-04T20:20:52+09:00">4日</time></p>
46798
46799              <h3>google.icq.com</h3>
46800            </header>
46801
46802            <p>ICQのサイトにある検索はGoogleベースなんですけど、独自にGirafaと組み合わせることによって、検索結果上位のサイトのスナップ・ショットも表示してくれるみたいです。</p>
46803          </section>
46804        </a>
46805
46806
46807        <a href="/blog/blosxom/put_comment_form_plugin">
46808          <section class="excerpt">
46809            <header>
46810              <p class="date"><time datetime="2003-10-04T19:59:45+09:00">4日</time></p>
46811
46812              <h3>put_comment_form plugin</h3>
46813            </header>
46814
46815            <p>put_comment_formプラグインは、Parmanent linkからコメント投稿できるように、WriteBackの投稿フォームをParmanent linkのflavourに加えるプラグインです。これで、Parmanent linkからコメントを直接書けるようになるので、コメントつけたい人の手間が減るかも減らないかも。</p>
46816          </section>
46817        </a>
46818
46819
46820        <a href="/blog/software/hidemaru_4_beta">
46821          <section class="excerpt">
46822            <header>
46823              <p class="date"><time datetime="2003-10-03T20:32:01+09:00">3日</time></p>
46824
46825              <h3>秀丸エディタ Ver4.00β</h3>
46826            </header>
46827
46828            <p>PerlのWarningチェックの出力を、秀丸でタグジャンプできるように無理やり整形する秀丸マクロとか作ってました。拡張ダブルクリックとうまく組み合わせて、ダブルクリックでジャンプ。わーい。</p>
46829          </section>
46830        </a>
46831
46832
46833        <a href="/blog/blosxom/override_num_entries">
46834          <section class="excerpt">
46835            <header>
46836              <p class="date"><time datetime="2003-10-02T22:07:42+09:00">2日</time></p>
46837
46838              <h3>あるflavourだけ$num_entriesの数を変える</h3>
46839            </header>
46840
46841            <p>Tadahilo&apos;s Diaryのindexというエントリより。</p>
46842          </section>
46843        </a>
46844
46845
46846        <a href="/blog/rss/release_rsshm_sendmail">
46847          <section class="excerpt">
46848            <header>
46849              <p class="date"><time datetime="2003-10-02T21:40:03+09:00">2日</time></p>
46850
46851              <h3>RSS Headline Mailer [sendmail版]公開</h3>
46852            </header>
46853
46854            <p>Naotoさん謹製のsendmailを利用してメール送信するバージョン。僕は関知しません。でも、僕に文句を言うと、100倍にしてNaotoさんに連絡されます。</p>
46855          </section>
46856        </a>
46857
46858
46859        <a href="/blog/rss/update_rsshm_2">
46860          <section class="excerpt">
46861            <header>
46862              <p class="date"><time datetime="2003-10-02T20:59:10+09:00">2日</time></p>
46863
46864              <h3>RSS Headline Mailer更新 #2</h3>
46865            </header>
46866
46867            <p>文字化けした文字列が紛れ込む可能性を見過ごしていました。Naotoさんが発見。さすが! 私専用人力デバッガ!</p>
46868          </section>
46869        </a>
46870
46871
46872        <a href="/blog/misc/inside_the_house">
46873          <section class="excerpt">
46874            <header>
46875              <p class="date"><time datetime="2003-10-02T16:18:14+09:00">2日</time></p>
46876
46877              <h3>inside the house</h3>
46878            </header>
46879
46880            <p>MetaFilterのsydney opera house virtual tourより。</p>
46881          </section>
46882        </a>
46883
46884
46885        <a href="/blog/rss/update_rsshm_1">
46886          <section class="excerpt">
46887            <header>
46888              <p class="date"><time datetime="2003-10-02T16:00:14+09:00">2日</time></p>
46889
46890              <h3>RSS Headline Mailer更新</h3>
46891            </header>
46892
46893            <p>やっつけで公開してしまったRSS Headline Mailerを更新しました。</p>
46894          </section>
46895        </a>
46896
46897
46898        <a href="/blog/media/rock_n_roll_will_never_die">
46899          <section class="excerpt">
46900            <header>
46901              <p class="date"><time datetime="2003-10-01T21:09:39+09:00">1日</time></p>
46902
46903              <h3>Rock &apos;n&apos; Roll Will Never Die</h3>
46904            </header>
46905
46906            <p>Tower Recordsの企画で、Rock &apos;n&apos; Roll Will Never Dieっつーものやってます。ピック・アップされたアーティスト/バンドの作品は25% OFFというもの。Alice in Chainsが入ってる!!! こんなに評価高いんだ。かなり良いセレクションだ。</p>
46907          </section>
46908        </a>
46909
46910
46911        <a href="/blog/blosxom/recent_entries_on_top-page">
46912          <section class="excerpt">
46913            <header>
46914              <p class="date"><time datetime="2003-10-01T19:53:00+09:00">1日</time></p>
46915
46916              <h3>トップ・ページに最近のエントリを表示</h3>
46917            </header>
46918
46919            <p>トップ・ページにWeblogのエントリのヘッドラインを表示しようかなと思って、色々方法考えていたんですが、RSSから生成するとかの方法は、このサーバーにXML::RSSとかが無いので、その場しのぎ的なスクリプトを書くしかないので、どうしようかなと思っていたんですよ。で、何か良い方法ないかなぁと考えていたんですが、HTMLファイルに動的に挿入させるつもりなので、アプローチ的にはBlogRollingとかと一緒かなぁと。ということは、JavaScriptコードをblosxomのflavourで出力してやればいいんでないの? ということに思い至りました。</p>
46920          </section>
46921        </a>
46922
46923
46924        <a href="/blog/misc/switched_over_or_not">
46925          <section class="excerpt">
46926            <header>
46927              <p class="date">
46927<time datetime="2003-10-01T13:07:25+09:00">1日</time></p>
46928
46929              <h3>移行完了?</h3>
46930            </header>
46931
46932            <p>とりあえずBIGLOBEから容量増やす処理の完了メールは受け取りましたが。完了してるんだかしてないんだかはっきりわかりませんよ。ディスク移動するとか言ってたけど、パスが変わってない。移動するけどパスは変わらないとか?</p>
46933          </section>
46934        </a>
46935
46936          </section>
46937          <section>
46938            <h2><time datetime="2003-09">2003年9月</time></h2>
46939
46940        <a href="/blog/rss/rsshg_widening">
46941          <section class="excerpt">
46942            <header>
46943              <p class="date"><time datetime="2003-09-30T09:59:37+09:00">30日</time></p>
46944
46945              <h3>RSS Headline Grabberの拡張中</h3>
46946            </header>
46947
46948            <p>新着記事のあったRSSファイルを上に寄せるようにしました。Techとか見るとわかりやすいかな?</p>
46949          </section>
46950        </a>
46951
46952
46953        <a href="/blog/media/the_return_of_the_king">
46954          <section class="excerpt">
46955            <header>
46956              <p class="date"><time datetime="2003-09-30T04:16:58+09:00">30日</time></p>
46957
46958              <h3>The Return of the King</h3>
46959            </header>
46960
46961            <p>Final Lord of the Rings traler is out!</p>
46962          </section>
46963        </a>
46964
46965
46966        <a href="/blog/media/perfection">
46967          <section class="excerpt">
46968            <header>
46969              <p class="date"><time datetime="2003-09-30T04:09:45+09:00">30日</time></p>
46970
46971              <h3>perfection?</h3>
46972            </header>
46973
46974            <p>ウェブ雑誌+A4フリーペーパー(PDF)な雑誌、perfection?。ありそうでなかったこういうもの。Movable Typeでやってるみたいです。blogはパーソナル・パブリッシングの可能性を広げるっつーのは頭じゃわかってるんですけど、こう実際にやられると「おぉっ」とかちと思っちゃいますね。</p>
46975          </section>
46976        </a>
46977
46978
46979        <a href="/blog/webdesign/css_tips_3">
46980          <section class="excerpt">
46981            <header>
46982              <p class="date"><time datetime="2003-09-29T14:15:06+09:00">29日</time></p>
46983
46984              <h3>リストの扱いの差</h3>
46985            </header>
46986
46987            <p>MozillaとIEはリストをレンダリングする時に、違う方法でアプローチしてます。デフォルトの状態だと多少インデントされる幅が違うだけで、たいした問題は無いのですが、CSSを使ってインデントされる幅をいじってやろうとか思うと、この違いに対応してやった方がすっきりしますね(気分的に)。</p>
46988          </section>
46989        </a>
46990
46991
46992        <a href="/blog/software/gds_child_menu">
46993          <section class="excerpt">
46994            <header>
46995              <p class="date"><time datetime="2003-09-29T10:59:05+09:00">29日</time></p>
46996
46997              <h3>GDS Child Menu</h3>
46998            </header>
46999
47000            <p>子供向けに分かりやすいデスクトップを構成できる、GDS Child Menu、こんな互換シェルもあるみたいです。</p>
47001          </section>
47002        </a>
47003
47004
47005        <a href="/blog/misc/a_wrong_letter">
47006          <section class="excerpt">
47007            <header>
47008              <p class="date"><time datetime="2003-09-29T10:45:11+09:00">29日</time></p>
47009
47010              <h3>誤字</h3>
47011            </header>
47012
47013            <p>誤字なんてするのは気合いと集中力が足らないからですよ。とか、言ってみる。</p>
47014          </section>
47015        </a>
47016
47017
47018        <a href="/blog/rss/release_rsshm">
47019          <section class="excerpt">
47020            <header>
47021              <p class="date"><time datetime="2003-09-28T01:50:30+09:00">28日</time></p>
47022
47023              <h3>RSS Headline Mailer公開</h3>
47024            </header>
47025
47026            <p>RSSファイルから新着記事を一覧にして指定メールアドレスにメールで送信する、RSS Headline Mailerを公開しました。</p>
47027          </section>
47028        </a>
47029
47030
47031        <a href="/blog/game/cleared_toee">
47032          <section class="excerpt">
47033            <header>
47034              <p class="date"><time datetime="2003-09-27T22:42:46+09:00">27日</time></p>
47035
47036              <h3>ToEEクリア</h3>
47037            </header>
47038
47039            <p>ラスボスは造形はカコイイです。強さはそれほどでもなかった。その手前の
47039必須でないエリアにいるBalor Guardianの方が性質悪かったような気がする。</p>
47040          </section>
47041        </a>
47042
47043
47044        <a href="/blog/rss/good-bye_tabbedrsshg">
47045          <section class="excerpt">
47046            <header>
47047              <p class="date"><time datetime="2003-09-27T22:24:25+09:00">27日</time></p>
47048
47049              <h3>さようなら</h3>
47050            </header>
47051
47052            <p>MSN Messenger 6.0のタブが復活する気配がまるで無いので、Tabbed RSS Headline Grabberは更新停止。</p>
47053          </section>
47054        </a>
47055
47056
47057        <a href="/blog/misc/memo_at_030926">
47058          <section class="excerpt">
47059            <header>
47060              <p class="date"><time datetime="2003-09-26T09:46:32+09:00">26日</time></p>
47061
47062              <h3>色々メモ</h3>
47063            </header>
47064
47065            <p>ゲームばっかりやってたら、一日以上開いてしまいました。</p>
47066          </section>
47067        </a>
47068
47069
47070        <a href="/blog/rss/skimmer_dev_3">
47071          <section class="excerpt">
47072            <header>
47073              <p class="date"><time datetime="2003-09-24T00:25:56+09:00">24日</time></p>
47074
47075              <h3>Skimmer (仮)開発 - 3</h3>
47076            </header>
47077
47078            <p>とりあえずは少しずつ進んでいて、数十のRSSファイルから新着記事をメールで送信とか出来るようになったんですが、いまいち。マルチ・スレッドで作ってなかったりして異様に時間がかかったりとか。日曜プログラマというか、まともに勉強していないことが足を引っ張ってるわけで。</p>
47079          </section>
47080        </a>
47081
47082
47083        <a href="/blog/game/toee_memo_completed_quests">
47084          <section class="excerpt">
47085            <header>
47086              <p class="date"><time datetime="2003-09-23T04:49:58+09:00">23日</time></p>
47087
47088              <h3>ToEEメモ/完了クエスト</h3>
47089            </header>
47090
47091            <p>ToEEやってない人に無用の長物、やってる人にはネタバレ多すぎな、自分以外に何のメリットも無いエントリですね。</p>
47092          </section>
47093        </a>
47094
47095
47096        <a href="/blog/software/around_an_im">
47097          <section class="excerpt">
47098            <header>
47099              <p class="date"><time datetime="2003-09-22T16:00:37+09:00">22日</time></p>
47100
47101              <h3>IMまわり</h3>
47102            </header>
47103
47104            <p>サード・パーティー遮断が流行っているっつーか、なるべくしてなったというか。僕は、携帯電話で他のキャリアと通話できないくらい不便なんじゃないかな? とか思ってしまう一方で、特に不自由を感じないわけで。</p>
47105          </section>
47106        </a>
47107
47108
47109        <a href="/blog/game/i_got_toee">
47110          <section class="excerpt">
47111            <header>
47112              <p class="date"><time datetime="2003-09-21T04:27:41+09:00">21日</time></p>
47113
47114              <h3>ToEEゲット</h3>
47115            </header>
47116
47117            <p>早速、インストール。</p>
47118          </section>
47119        </a>
47120
47121
47122        <a href="/blog/webdesign/js_trap_1">
47123          <section class="excerpt">
47124            <header>
47125              <p class="date"><time datetime="2003-09-20T14:07:15+09:00">20日</time></p>
47126
47127              <h3>JavaScriptの罠</h3>
47128            </header>
47129
47130            <p>久々に一から書いたので、こんな罠に。</p>
47131          </section>
47132        </a>
47133
47134
47135        <a href="/blog/misc/biglobe_trap">
47136          <section class="excerpt">
47137            <header>
47138              <p class="date"><time datetime="2003-09-19T23:14:47+09:00">19日</time></p>
47139
47140              <h3>BIGLOBEホームページ容量拡大</h3>
47141            </header>
47142
47143            <p>で、罠があるわけですが。</p>
47144          </section>
47145        </a>
47146
47147
47148        <a href="/blog/webdesign/access_analyzer">
47149          <section class="excerpt">
47150            <header>
47151              <p class="date"><time datetime="2003-09-19T21:27:29+09:00">19日</time></p>
47152
47153              <h3>アクセス解析を付けたり外したり</h3>
47154            </header>
47155
47156            <p>付けたり、外したり。借りてみたり、設置してみたり。落ち着きなくてゴメンナサイ。とりあえず、機能的には素晴らしいのですが、blosxomのクールなURLに対応してくれなã
47156„ので、ココでは意味なさげなe-ACCESS解析は外しました。普通のページにはよろしいかと思われます。グラフは見やすいし、バナーは小さめだし、オススメではある。難点は解析のページ切り替えるのがめんどくさいとかそれくらい。</p>
47157          </section>
47158        </a>
47159
47160
47161        <a href="/blog/blosxom/customize_writeback_6">
47162          <section class="excerpt">
47163            <header>
47164              <p class="date"><time datetime="2003-09-19T06:33:53+09:00">19日</time></p>
47165
47166              <h3>Customize writeback plugin #6</h3>
47167            </header>
47168
47169            <p>writebackプラグインを改造して、TrackBackとCommentを明示的に色分けするようにしました。</p>
47170          </section>
47171        </a>
47172
47173
47174        <a href="/blog/blosxom/list_title_at_month">
47175          <section class="excerpt">
47176            <header>
47177              <p class="date"><time datetime="2003-09-19T03:32:09+09:00">19日</time></p>
47178
47179              <h3>list_title_at_month plugin</h3>
47180            </header>
47181
47182            <p>月単位での閲覧時に、すべてのエントリがずらーっとならんでてもしょうがない気がするので、各エントリのタイトルのみをliで並べるプラグイン作ってみました。</p>
47183          </section>
47184        </a>
47185
47186
47187        <a href="/blog/software/dialogmate">
47188          <section class="excerpt">
47189            <header>
47190              <p class="date"><time datetime="2003-09-18T16:34:19+09:00">18日</time></p>
47191
47192              <h3>DialogMate</h3>
47193            </header>
47194
47195            <p>起動中のアプリケーションをタスクトレイに最小化したり、コモン・ダイアログを拡張して良く使うフォルダにジャンプできるようにしたりするアプリケーションDialogMateが、ModZineで紹介されてました(VirtualPlasticでも)。</p>
47196          </section>
47197        </a>
47198
47199
47200        <a href="/blog/misc/extends_5_times">
47201          <section class="excerpt">
47202            <header>
47203              <p class="date"><time datetime="2003-09-17T17:19:56+09:00">17日</time></p>
47204
47205              <h3>うぉ、5倍すか</h3>
47206            </header>
47207
47208            <p>BIGLOBEコース体系変更およびサービス強化のお知らせによると、BIGLOBEのホームページ容量が5倍の50MBになるみたい。増設も50MB単位と。あれ? 100MBになるのか? 相変わらずわかりにくい書き方するな、BIGLOBE。これで相当の間は大丈夫っぽいな。実は8MB近いので、そろそろ増設しようかとかレンタル鯖借りるかとか考えてたところだったので、うれしいです。</p>
47209          </section>
47210        </a>
47211
47212
47213        <a href="/blog/game/gamespy_toee_review">
47214          <section class="excerpt">
47215            <header>
47216              <p class="date"><time datetime="2003-09-17T03:03:53+09:00">17日</time></p>
47217
47218              <h3>ToEEレビュー</h3>
47219            </header>
47220
47221            <p>ToEEのGameSpyによるレビューが(かなり前に)出てたみたいですね。とりあえず4ついていたので、酷い出来ではなさそうで一安心。</p>
47222          </section>
47223        </a>
47224
47225
47226        <a href="/blog/software/msnmsgr_tabs_are_vanished">
47227          <section class="excerpt">
47228            <header>
47229              <p class="date"><time datetime="2003-09-16T15:50:00+09:00">16日</time></p>
47230
47231              <h3>またタブ消えた</h3>
47232            </header>
47233
47234            <p>うちでは今日のまだ宵の内あたりからなんですが、MSN Messenger 6.0のタブ、また消えましたね。今度は読み取り属性つけても無駄っぽい。どうしようもなさそう。1週間くらい様子見して、復活気配なさそうだったらTabbed RSS Headline Grabberはお蔵入りさせよう。</p>
47235          </section>
47236        </a>
47237
47238
47239        <a href="/blog/software/online_font_browser">
47240          <section class="excerpt">
47241            <header>
47242              <p class="date"><time datetime="2003-09-16T14:54:08+09:00">16日</time></p>
47243
47244              <h3>オンラインでフォントを閲覧</h3>
47245            </header>
47246
47247            <p>Flashでフォントブラウザな、STC fontBROWSER。そこらのアプリケーションより便利かもしれない。インストール済みのものに限られますけど。</p>
47248          </section>
47249        </a>
47250
47251
47252        <a href="/blog/blosxom/back_and_forth_plugin">
47253          <section class="excerpt">
47254            <header>
47255              <p class="date"><time datetime="2003-09-15T14:25:17+09:00">15日</time></p>
47256
47257              <h3>back_and_forth plugin</h3>
47258            </header>
47259
47260            <p>前へ後ろへ。ムーブムーブ。</p>
47261          </section>
47262        </a>
47263
47264
47265        <a href="/blog/software/xplorer2_and_process_explorer">
47266          <section class="excerpt">
47267            <header>
47268              <p class="date"><time datetime="2003-09-15T09:57:08+09:00">15日</time></p>
47269
47270              <h3>xplorer² alpha &amp; Process Explorer</h3>
47271            </header>
47272
47273            <p>エントリ分けるのメンドクサイのでまとめて。</p>
47274          </section>
47275        </a>
47276
47277
47278        <a href="/blog/blosxom/paginate_plugin_bug_at_oldest_page">
47279          <section class="excerpt">
47280            <header>
47281              <p class="date"><time datetime="2003-09-14T18:12:34+09:00">14日</time></p>
47282
47283              <h3>paginateプラグインの最古のページでのバグ</h3>
47284            </header>
47285
47286            <p>総エントリー数が、一度に表示するエントリー数で割り切れる場合、最古のページが妙なã
47286“とになるような。空ページが出力されないですか?</p>
47287          </section>
47288        </a>
47289
47290
47291        <a href="/blog/misc/syakuyumiko">
47292          <section class="excerpt">
47293            <header>
47294              <p class="date"><time datetime="2003-09-13T16:02:04+09:00">13日</time></p>
47295
47296              <h3>SEO #1</h3>
47297            </header>
47298
47299            <p>日本語のページから&quot;癪由美子&quot;を検索しました。</p>
47300          </section>
47301        </a>
47302
47303
47304        <a href="/blog/blosxom/occupied_plugin">
47305          <section class="excerpt">
47306            <header>
47307              <p class="date"><time datetime="2003-09-13T15:40:48+09:00">13日</time></p>
47308
47309              <h3>使用中のプラグイン</h3>
47310            </header>
47311
47312            <p>ここのblosxomで使用しているプラグイン一覧です。</p>
47313          </section>
47314        </a>
47315
47316
47317        <a href="/blog/webdesign/css_support_in_flash_mx_2004">
47318          <section class="excerpt">
47319            <header>
47320              <p class="date"><time datetime="2003-09-13T12:59:40+09:00">13日</time></p>
47321
47322              <h3>Flash MX 2004のCSSサポート</h3>
47323            </header>
47324
47325            <p>メモメモ。</p>
47326          </section>
47327        </a>
47328
47329
47330        <a href="/blog/webdesign/skip_navigation">
47331          <section class="excerpt">
47332            <header>
47333              <p class="date"><time datetime="2003-09-13T12:45:53+09:00">13日</time></p>
47334
47335              <h3>Skip Navigation</h3>
47336            </header>
47337
47338            <p>(X)HTML+CSSで書いている場合は特にそうなんですが、HTMLでの要素の出現順序と見た感じの出現順序がずれているということは良くあることだと思います。floatやposition:absolute;を使用している場合などはありがちですね。</p>
47339          </section>
47340        </a>
47341
47342
47343        <a href="/blog/webdesign/tiny_banner">
47344          <section class="excerpt">
47345            <header>
47346              <p class="date"><time datetime="2003-09-12T03:28:50+09:00">12日</time></p>
47347
47348              <h3>巷で話題の細長バナー</h3>
47349            </header>
47350
47351            <p>Kalsey Consulting GroupのButton Makerで生成するものらしいです。これで君もクールでキャッチーなウェッブ・マスター!!!</p>
47352          </section>
47353        </a>
47354
47355
47356        <a href="/blog/misc/net_kid">
47357          <section class="excerpt">
47358            <header>
47359              <p class="date"><time datetime="2003-09-12T03:14:49+09:00">12日</time></p>
47360
47361              <h3>ネット坊</h3>
47362            </header>
47363
47364            <p>正直、どうでもいいです、あなたの外見なんか。</p>
47365          </section>
47366        </a>
47367
47368
47369        <a href="/blog/blosxom/writeback_mode_rss">
47370          <section class="excerpt">
47371            <header>
47372              <p class="date"><time datetime="2003-09-12T01:39:08+09:00">12日</time></p>
47373
47374              <h3>__mode=rss</h3>
47375            </header>
47376
47377            <p>Movable Typeのmt-tb.cgiには、TrackBack pingを送りつけるURLに?__mode=rssというパラメータをつけると、RSS 0.91のフォーマットでTrackBack一覧を返してくれる機能があることを、日記やらblogやらwikiやらCMSやらの連携について議論するMLっていうMLで知りました。</p>
47378          </section>
47379        </a>
47380
47381
47382        <a href="/blog/internet/inurl_and_site">
47383          <section class="excerpt">
47384            <header>
47385              <p class="date"><time datetime="2003-09-11T10:15:31+09:00">11日</time></p>
47386
47387              <h3>inurlとsite</h3>
47388            </header>
47389
47390            <p>Googleでinurl:url.to/somebody/site/という形式で検索かけると、特定URLのページから検索できるのをちょっと前に知ったので、このサイトの全ページにこれを利用した検索ボックスをつけているわけなんですが、微妙に使いづらいですね。</p>
47391          </section>
47392        </a>
47393
47394
47395        <a href="/blog/blosxom/flavour_registry">
47396          <section class="excerpt">
47397            <header>
47398              <p class="date"><time datetime="2003-09-11T04:40:11+09:00">11日</time></p>
47399
47400              <h3>flavour registry</h3>
47401            </header>
47402
47403            <p>blosxomのflavour registry(flavourリンク集)が出来たみたいです。プラグインをどう導入しているか、人によってかなりバラバラなので、そのまま使えるというわけではないと思いますが、こういうのあると良いですね。</p>
47404          </section>
47405        </a>
47406
47407
47408        <a href="/blog/blosxom/about_paginate">
47409          <section class="excerpt">
47410            <header>
47411              <p class="date"><time datetime="2003-09-11T00:16:41+09:00">11日</time></p>
47412
47413              <h3>paginateプラグインについて</h3>
47414            </header>
47415
47416            <p>リファラからゲット。棚からパルチャギの表示数を日単位にするプラグイン(名称未設定)とpaginate pluginの修正。ランダムにタイトルが変わるの面白いな・・・。リロードしまくり(ヤメナサイ。</p>
47417          </section>
47418        </a>
47419
47420
47421        <a href="/blog/software/wackget">
47422          <section class="excerpt">
47423            <header>
47424              <p class="date"><time datetime="2003-09-10T23:13:13+09:00">10日</time></p>
47425
47426              <h3>WackGet</h3>
47427            </header>
47428
47429            <p>WackGet is a minimalist downloader.</p>
47430          </section>
47431        </a>
47432
47433
47434        <a href="/blog/rss/local_or_remote">
47435          <section class="excerpt">
47436            <header>
47437              <p class="date"><time datetime="2003-09-10T16:22:00+09:00">10日</time></p>
47438
47439              <h3>ローカル? リモート?</h3>
47440            </header>
47441
47442            <p>RSSによる情報収集はデスクトップ・アプリケーションを使用してローカルでやるのが良いのか、ウェブ・ベース・アプリケーションを使用してリモートでやるのが良いのか。Lockergnome&apos;
47442s RSS ResourceのLocal Versus Remote Aggregationに触発(受け身な人間なもので)されたので、そこらへんのことをタラタラと。</p>
47443          </section>
47444        </a>
47445
47446
47447        <a href="/blog/blog/seven_quick_tips_for_a_spam-free_blog">
47448          <section class="excerpt">
47449            <header>
47450              <p class="date"><time datetime="2003-09-10T15:44:51+09:00">10日</time></p>
47451
47452              <h3>スパムの無いblogのための七つの知恵</h3>
47453            </header>
47454
47455            <p>Super Yoz Grahame Fighter 2 Turbo EXというサイトのSeven quick tips for a spam-free blogから。</p>
47456          </section>
47457        </a>
47458
47459
47460        <a href="/blog/blosxom/paginate_plugin_bug_at_blog_category">
47461          <section class="excerpt">
47462            <header>
47463              <p class="date"><time datetime="2003-09-09T18:11:09+09:00">9日</time></p>
47464
47465              <h3>paginateプラグインのカテゴリ/blogでのバグ</h3>
47466            </header>
47467
47468            <p>カテゴリ/blogで不具合が出たので、下記のように書き換えてみました。</p>
47469          </section>
47470        </a>
47471
47472
47473        <a href="/blog/blosxom/browse_per_category">
47474          <section class="excerpt">
47475            <header>
47476              <p class="date"><time datetime="2003-09-09T15:34:41+09:00">9日</time></p>
47477
47478              <h3>カテゴリ単位で古いエントリを辿る</h3>
47479            </header>
47480
47481            <p>この機能は実現できたっぽいです。多分(ぉ。paginateプラグインのstartを、</p>
47482          </section>
47483        </a>
47484
47485
47486        <a href="/blog/blosxom/todo_030909">
47487          <section class="excerpt">
47488            <header>
47489              <p class="date"><time datetime="2003-09-09T12:17:43+09:00">9日</time></p>
47490
47491              <h3>ToDo - 03/09/09</h3>
47492            </header>
47493
47494            <p>いろいろやらなきゃならなそうなこと。</p>
47495          </section>
47496        </a>
47497
47498
47499        <a href="/blog/blog/re2_about_blog">
47500          <section class="excerpt">
47501            <header>
47502              <p class="date"><time datetime="2003-09-09T12:00:03+09:00">9日</time></p>
47503
47504              <h3>Re[2]: blogについて</h3>
47505            </header>
47506
47507            <p>blogサイト周りのありがちなこと。</p>
47508          </section>
47509        </a>
47510
47511
47512        <a href="/blog/blog/re_about_blog">
47513          <section class="excerpt">
47514            <header>
47515              <p class="date"><time datetime="2003-09-08T16:09:30+09:00">8日</time></p>
47516
47517              <h3>Re: blogについて</h3>
47518            </header>
47519
47520            <p>で、Naotoさん、あなたはどれなのよ。INTO THE WORLD: blogについてに返信してみる。</p>
47521          </section>
47522        </a>
47523
47524
47525        <a href="/blog/blosxom/paginate_and_entry_title">
47526          <section class="excerpt">
47527            <header>
47528              <p class="date"><time datetime="2003-09-08T01:25:06+09:00">8日</time></p>
47529
47530              <h3>paginateとentry_title</h3>
47531            </header>
47532
47533            <p>paginateというプラグインを改造して、古いエントリを辿るまたは新しいエントリへ戻るリンクを生成するようにしてみました。便利は便利かも。閲覧しているページによっては、変なことになることがあるのは気が付いているのでそのうち直します。トップページから辿っていく場合のみ、エントリを辿るリンクを出すようにしました。最初、$blosxom::path_infoが空のときのみ表示するようにしたら、月ごと表示とかの時にうまく辿れないリンクが出てくるのが回避できませんでした。blosxomの変数で他に使えそうな物がなかったので、$ENV{&apos;PATH_INFO&apos;}を見て、これが空の場合だけ表示するという方法にしました。</p>
47534          </section>
47535        </a>
47536
47537
47538        <a href="/blog/blosxom/add_entries_via_email">
47539          <section class="excerpt">
47540            <header>
47541              <p class="date"><time datetime="2003-09-07T19:19:15+09:00">7日</time></p>
47542
47543              <h3>電子メールでエントリを投稿</h3>
47544            </header>
47545
47546            <p>Raelさん曰く、blosmailというCGIスクリプト(プラグインではなくて)で実現できるそうで。.procmailrc編集しろってことはProcmailでblosxomにクエリ送ってやるってことか。と、思ったらblosmailはクエリをパースしてエントリ作るだけのものみたいなので、別にProcmailじゃなくても構わないでしょうね。鶴亀メールのマクロから、クエリ送ってやるPerlスクリプトを起動してやるとかでも問題なさげ。</p>
47547          </section>
47548        </a>
47549
47550
47551        <a href="/blog/rss/skimmer_dev_2">
47552          <section class="excerpt">
47553            <header>
47554              <p class="date"><time datetime="2003-09-07T17:24:32+09:00">7日</time></p>
47555
47556              <h3>Skimmer (仮)開発 - 2</h3>
47557            </header>
47558
47559            <p>とりあえずHTTP経由までは作った。XMLパーサーは適当なものを使ってるんですが、内容の取得自体はほとんど自前でやってたりしたら、Slashdot JapanのRSSファイルでエラー吐いた。</p>
47560          </section>
47561        </a>
47562
47563
47564        <a href="/blog/rss/uefa_jp">
47565          <section class="excerpt">
47566            <header>
47567              <p class="date"><time datetime="2003-09-07T03:29:28+09:00">7日</time></p>
47568
47569              <h3>
47569UEFAサイト日本語版のRSSファイル</h3>
47570            </header>
47571
47572            <p>ウェファって読みにくいですよね。と、いうわけで要望があったのでjp.uefa.comのRSSファイルを作成してみました。</p>
47573          </section>
47574        </a>
47575
47576
47577        <a href="/blog/webdesign/how_works_on_safari">
47578          <section class="excerpt">
47579            <header>
47580              <p class="date"><time datetime="2003-09-06T20:16:52+09:00">6日</time></p>
47581
47582              <h3>Safariでどうなのさ?</h3>
47583            </header>
47584
47585            <p>きわどいCSSを書いてると、Safariでどんな風に見えているか知りたくなるわけですよ。でも、わざわざ別のマシンのところに行くのもかったるいし、ていうか、Safari入れる気ないし。ある程度効率がよさげな方法を考えてて、KNOPPIXのVMWare版で、Konqerorにて見てみることにしました。</p>
47586          </section>
47587        </a>
47588
47589
47590        <a href="/blog/rss/skimmer_dev_1">
47591          <section class="excerpt">
47592            <header>
47593              <p class="date"><time datetime="2003-09-06T08:12:44+09:00">6日</time></p>
47594
47595              <h3>Skimmer (仮)開発 - 1</h3>
47596            </header>
47597
47598            <p>Skimmerって名前でRSS Aggregator作ってます。とりあえず、XMLをパースして文字列の動的多次元配列にぶち込むまでは出来た。現在の仕様は、</p>
47599          </section>
47600        </a>
47601
47602
47603        <a href="/blog/rss/my_yahoo_rss_module">
47604          <section class="excerpt">
47605            <header>
47606              <p class="date"><time datetime="2003-09-05T14:31:09+09:00">5日</time></p>
47607
47608              <h3>My Yahoo!がRSSを読めるように</h3>
47609            </header>
47610
47611            <p>My Yahoo!でRSSファイルをモジュールとして表示できるようになったそうです。本家での話ですが。ちと触ってみました。表示されません。むー? 巡回しに行くまで表示されないのかな?</p>
47612          </section>
47613        </a>
47614
47615
47616        <a href="/blog/media/yasou">
47617          <section class="excerpt">
47618            <header>
47619              <p class="date"><time datetime="2003-09-05T14:14:56+09:00">5日</time></p>
47620
47621              <h3>夜想</h3>
47622            </header>
47623
47624            <p>復刊だって! ゴス特集で。かなり今さら感あふれてますが。てか、Marilyn Mansonはゴスというイメージは無かった。言われてみりゃそうだな。</p>
47625          </section>
47626        </a>
47627
47628
47629        <a href="/blog/rss/abilon">
47630          <section class="excerpt">
47631            <header>
47632              <p class="date"><time datetime="2003-09-05T02:27:28+09:00">5日</time></p>
47633
47634              <h3>Abilon</h3>
47635            </header>
47636
47637            <p>AbilonというActiveRefreshのフリー版という位置付けっぽいRSS Aggregator兼blog投稿ツールを知りました。異様に軽く(今まで触った中で一番軽いかも)、使い勝手も素晴らしいです。あまり凝ったものが無いのも、リッチなAggregatorが増えてる中で好感が持てました。日本語がまるでダメなんですがね。UTF-8ですら。おしいなぁ・・・。かなりツボに来たのに・・・。</p>
47638          </section>
47639        </a>
47640
47641
47642        <a href="/blog/rss/rsshg_by_delphi">
47643          <section class="excerpt">
47644            <header>
47645              <p class="date"><time datetime="2003-09-04T06:38:21+09:00">4日</time></p>
47646
47647              <h3>RSS Headline Grabber by Delphi</h3>
47648            </header>
47649
47650            <p>暇つぶしにDelphiで作りかけてみる。</p>
47651          </section>
47652        </a>
47653
47654
47655        <a href="/blog/rss/mycom-pcweb_syndicate_itself">
47656          <section class="excerpt">
47657            <header>
47658              <p class="date"><time datetime="2003-09-04T02:31:05+09:00">4日</time></p>
47659
47660              <h3>MYCOM PCWEBがRSS配信開始</h3>
47661            </header>
47662
47663            <p>RSSによるヘッドラインの配信についてということで、うちで配布してるのは用済みですな。短かった。</p>
47664          </section>
47665        </a>
47666
47667
47668        <a href="/blog/blog/blog_by_the_family">
47669          <section class="excerpt">
47670            <header>
47671              <p class="date"><time datetime="2003-09-03T22:21:08+09:00">3日</time></p>
47672
47673              <h3>家族でblog</h3>
47674            </header>
47675
47676            <p>家族でblogしてるススムココロというサイトがあるんですが、良いですね。あまり他に見ない(海外ではちょくちょくありますが)のも「おっ!」と思う要因ですけど、まさにPersonal Publishingって感じで。</p>
47677          </section>
47678        </a>
47679
47680
47681        <a href="/blog/software/metro">
47682          <section class="excerpt">
47683            <header>
47684              <p class="date"><time datetime="2003-09-03T18:45:16+09:00">3日</time></p>
47685
47686              <h3>Metro</h3>
47687            </header>
47688
47689            <p>Metroっつーシェルがあるんですが、基本的にはタスクバーとほとんど同じ(スクリーンショットはこんな感じ)なので、スキンが使えるExplorerみたいな。「こんなもの使って何が楽しいの?」とかLiteStep大好きな彼(誰ï¼
47689Ÿ)は言うのですが、そりゃーまー人それぞれでしょう。僕はこんな感じの+α的なアプローチのシェルは好きかも。Carbon Lokaiとか。</p>
47690          </section>
47691        </a>
47692
47693
47694        <a href="/blog/rss/gimme_rss">
47695          <section class="excerpt">
47696            <header>
47697              <p class="date"><time datetime="2003-09-02T20:13:20+09:00">2日</time></p>
47698
47699              <h3>ココのRSSファイルをヨコセ</h3>
47700            </header>
47701
47702            <p>ということで、「このサイトのRSSファイルが欲しい」とかありましたら、そのサイトのURLと簡単なそのサイトの説明をコメントしてください。</p>
47703          </section>
47704        </a>
47705
47706
47707        <a href="/blog/rss/alistapart">
47708          <section class="excerpt">
47709            <header>
47710              <p class="date"><time datetime="2003-09-02T10:53:42+09:00">2日</time></p>
47711
47712              <h3>A List Apart</h3>
47713            </header>
47714
47715            <p>ウェブサイト制作周りの色々な投稿が読めるA List Apartというサイトを欠かさずチェックしているのですが、欠かさずチェックするのが面倒になってきたので、RSSファイルを取得することにしよう・・・と、思ったらRSSファイルを配信してなかった(少なくとも、見つけられなかった)。ので、作りました。</p>
47716          </section>
47717        </a>
47718
47719
47720        <a href="/blog/media/heather_nova_storm">
47721          <section class="excerpt">
47722            <header>
47723              <p class="date"><time datetime="2003-09-01T23:38:47+09:00">1日</time></p>
47724
47725              <h3>Heather Nova / Storm</h3>
47726            </header>
47727
47728            <p>Heather Novaの新譜、Stormが怪しげなCD屋にかなりフライング気味に置いてあったので、買いました。ドイツ版でした。UK版とかはまだ出てないっぽいです。</p>
47729          </section>
47730        </a>
47731
47732          </section>
47733          <section>
47734            <h2><time datetime="2003-08">2003年8月</time></h2>
47735
47736        <a href="/blog/misc/translate_opml_spec">
47737          <section class="excerpt">
47738            <header>
47739              <p class="date"><time datetime="2003-08-31T14:11:56+09:00">31日</time></p>
47740
47741              <h3>OPML仕様を訳してみる</h3>
47742            </header>
47743
47744            <p>RSS Headline Grabberの設定ファイルにOPMLを使おうかとか考えはじめたので、とりあえず仕様書を訳してみました。どう使うかは激しく未定。ただ、取得しているRSSファイルのリストがOPMLファイルだと、他のRSS Aggregatorに持っていくときに楽だなぁとか思っただけなのですよ。</p>
47745          </section>
47746        </a>
47747
47748
47749        <a href="/blog/misc/lifestyle_spam_mail">
47750          <section class="excerpt">
47751            <header>
47752              <p class="date"><time datetime="2003-08-31T12:34:04+09:00">31日</time></p>
47753
47754              <h3>生活密着型スパム</h3>
47755            </header>
47756
47757            <p>このところのスパムはアダルト系のものより、もっとTVショッピング的な「痩せます!」とか「あなたの○○○が太く長く!」というようなそういう生活密着型スパム(勝手に言葉作ってみました)が多いような気がします。</p>
47758          </section>
47759        </a>
47760
47761
47762        <a href="/blog/blog/blog_tools">
47763          <section class="excerpt">
47764            <header>
47765              <p class="date"><time datetime="2003-08-31T10:07:04+09:00">31日</time></p>
47766
47767              <h3>Blog Tools</h3>
47768            </header>
47769
47770            <p>WebAttack.comにBlog Toolsというカテゴリが出来ていました。それだけ。目新しいものは特に無し。</p>
47771          </section>
47772        </a>
47773
47774
47775        <a href="/blog/rss/rss_and_advertise">
47776          <section class="excerpt">
47777            <header>
47778              <p class="date"><time datetime="2003-08-31T09:14:14+09:00">31日</time></p>
47779
47780              <h3>RSSと広告の話</h3>
47781            </header>
47782
47783            <p>RSSが広まってくるにしたがって、当然それに広告を挿入したいという要望は出てくるでしょうね。それが広告効果があるかどうかはおいておいて。今のところは、先頭や最後にitemとしてGoogle広告ライクな内容をもぐりこませると言うものが中心なようです。</p>
47784          </section>
47785        </a>
47786
47787
47788        <a href="/blog/rss/send_new_article_via_email">
47789          <section class="excerpt">
47790            <header>
47791              <p class="date"><time datetime="2003-08-30T08:10:16+09:00">30日</time></p>
47792
47793              <h3>メールで新着記事を通知する機能</h3>
47794            </header>
47795
47796            <p>新着記事をメールで送信する機能の追加は大体のところ終わりました。寝起きに書いてたりしたã
47796®ã§ã€é…·ã„コードになりつつ。あとはSMTP認証でのエラーとかの処理とか付け加えるくらいの模様。</p>
47797          </section>
47798        </a>
47799
47800
47801        <a href="/blog/webdesign/w3c_validator_065">
47802          <section class="excerpt">
47803            <header>
47804              <p class="date"><time datetime="2003-08-29T10:42:40+09:00">29日</time></p>
47805
47806              <h3>W3C Markup Validation Service v0.6.5</h3>
47807            </header>
47808
47809            <p>The Web Standards Projectsのblogの記事、Validation just got betterによると、W3CのMarkup Validation ServiceのBeta版が出たそうです。</p>
47810          </section>
47811        </a>
47812
47813
47814        <a href="/blog/rss/bloglines">
47815          <section class="excerpt">
47816            <header>
47817              <p class="date"><time datetime="2003-08-29T08:37:42+09:00">29日</time></p>
47818
47819              <h3>サーバーサイドなRSS Aggregator</h3>
47820            </header>
47821
47822            <p>Bloglinesは、オンラインでRSSを購読できるサービスです。アカウントを作って、ログインし、購読したいRSSファイルのURLを指定するだけです。OPMLファイルからインポートしたり、OPMLファイルにエクスポート(表示は文字化けしますがencodingをUTF-8に変えてやればOK)できます。カテゴリ分けも出来るし、カテゴリ内の新着をまとめて表示とかも出来ます。それなりに機能は揃っている印象ですね。RSSファイル限定のはてなアンテナみたいな感じでなかなか。</p>
47823          </section>
47824        </a>
47825
47826
47827        <a href="/blog/rss/rss_aggregator_list">
47828          <section class="excerpt">
47829            <header>
47830              <p class="date"><time datetime="2003-08-28T11:49:31+09:00">28日</time></p>
47831
47832              <h3>RSS Aggregatorリスト</h3>
47833            </header>
47834
47835            <p>とりあえずチェックしたクライアント側で動作するRSS Aggregatorsだけ、まとめようかなと。MacやLinuxでWebを徘徊することがほとんど無いので、Windowsで使えるものばかりになっているところは勘弁してください。</p>
47836          </section>
47837        </a>
47838
47839
47840        <a href="/blog/webdesign/web_usability_test_tool">
47841          <section class="excerpt">
47842            <header>
47843              <p class="date"><time datetime="2003-08-27T17:55:11+09:00">27日</time></p>
47844
47845              <h3>Webユーザビリティ評価ツール</h3>
47846            </header>
47847
47848            <p>WCAGをベースに日本独自の要素も盛り込んだWebユニバーサルデザインガイドラインなど、積極的にユーザビリティに関しての情報を提供している日立製作所より、Webユーザビリティを評価するツールが提供されるそうです。</p>
47849          </section>
47850        </a>
47851
47852
47853        <a href="/blog/rss/rss_by_yahoo_news">
47854          <section class="excerpt">
47855            <header>
47856              <p class="date"><time datetime="2003-08-27T15:24:46+09:00">27日</time></p>
47857
47858              <h3>Yahoo! NewsがRSS配信開始</h3>
47859            </header>
47860
47861            <p>といってもYahoo! JAPANじゃないですけれど。Yahoo!本家の方のお話です。配信の仕方がかなり徹底しているので、継続的にやってくれそうな気はします。ので、すぐにというわけにはいかないかもしれませんが、そのうちYahoo! Japanでも配信してくれそうな期待は持てますね。</p>
47862          </section>
47863        </a>
47864
47865
47866        <a href="/blog/webdesign/tricky">
47867          <section class="excerpt">
47868            <header>
47869              <p class="date"><time datetime="2003-08-27T15:03:40+09:00">27日</time></p>
47870
47871              <h3>小細工</h3>
47872            </header>
47873
47874            <p>見た目は大して変わっていないわりに、CSSファイル内で小細工が多くなってきた気が。</p>
47875          </section>
47876        </a>
47877
47878
47879        <a href="/blog/software/be_erased_tab_in_msnmsgr6">
47880          <section class="excerpt">
47881            <header>
47882              <p class="date"><time datetime="2003-08-27T07:49:49+09:00">27日</time></p>
47883
47884              <h3>消された</h3>
47885            </header>
47886
47887            <p>MSN Messenger 6.0のタブが、起動時など色々な時に消されるような・・・気が。06:54頃に消されたっぽいです。とりあえずConfigCache.xmlに
47887読取専用属性つけておくと、消されないですが。えーと、これはこの機能を勝手に使うなって言うこと? それとも何か設定あるのかな?</p>
47888          </section>
47889        </a>
47890
47891
47892        <a href="/blog/blosxom/item_num_in_rss">
47893          <section class="excerpt">
47894            <header>
47895              <p class="date"><time datetime="2003-08-26T11:20:44+09:00">26日</time></p>
47896
47897              <h3>RSSファイルのitem数</h3>
47898            </header>
47899
47900            <p>rss10プラグインで$blosxom::num_entriesを上書きすることによって、RSSのみ最近10件のエントリーを表示するようにしました。rss10プラグインはflavourがrssの時しかロードしないように書き換えているので、これで良いや。configプラグインってこういうときに使うんだろうな、とか思いつつ使わない。</p>
47901          </section>
47902        </a>
47903
47904
47905        <a href="/blog/rss/rss2pop3">
47906          <section class="excerpt">
47907            <header>
47908              <p class="date"><time datetime="2003-08-26T03:56:04+09:00">26日</time></p>
47909
47910              <h3>RSSファイルからPOP3アカウントに記事をメール</h3>
47911            </header>
47912
47913            <p>いわゆるRSS Aggregatorもいいのですけれど、わざわざ常駐させるくらいなら、既に常駐させているメーラーでどうにか・・・と思うわけで。Windowsのものだとバルーンチップで新着お知らせというような機能があったりして便利と言えば便利ではあると思うんですけどね。ちょっと前に書いたRSSの更新情報をメールで貯め込むでもちょろっと言ってますが。</p>
47914          </section>
47915        </a>
47916
47917
47918        <a href="/blog/rss/rss_informations">
47919          <section class="excerpt">
47920            <header>
47921              <p class="date"><time datetime="2003-08-25T23:54:45+09:00">25日</time></p>
47922
47923              <h3>RSS情報集め</h3>
47924            </header>
47925
47926            <p>Lockergnome&apos;s RSS Resourceあたりが素晴らしいかもしれない。って、今日見つけたんですが。RSS関連の動きからニュース、ソフトウェアまで、かなり広範囲にわたってチェックできそうです。</p>
47927          </section>
47928        </a>
47929
47930
47931        <a href="/blog/internet/tinyurl">
47932          <section class="excerpt">
47933            <header>
47934              <p class="date"><time datetime="2003-08-24T19:33:49+09:00">24日</time></p>
47935
47936              <h3>URLをTinyに</h3>
47937            </header>
47938
47939            <p>長いURLを短くしてくれるサービス、TinyURL.com。転送サービスとは一味違うのは、ログイン・登録不要であること。その分、任意の文字列を確保するとかは出来ないんですけど。とりあえずここもURL長いので作ってみました。</p>
47940          </section>
47941        </a>
47942
47943
47944        <a href="/blog/rss/js_rss_reader">
47945          <section class="excerpt">
47946            <header>
47947              <p class="date"><time datetime="2003-08-24T15:30:42+09:00">24日</time></p>
47948
47949              <h3>JScript RSS Reader</h3>
47950            </header>
47951
47952            <p>なんとなく思いついたのでJScript RSS Readerなるものを作ってみました。セキュリティの都合上、インターネット上では動かないと思われる(動かそうと思えば動かせるのですが)ので、ローカルにこのHTMLファイルと専用のXSL Stylesheetも一緒に保存して、動かしてください。Microsoft XML Parser 3.0 SP2かMicrosoft XML Core Services 4.0 SP1が必要だと思います。</p>
47953          </section>
47954        </a>
47955
47956
47957        <a href="/blog/rss/mycom-pcweb">
47958          <section class="excerpt">
47959            <header>
47960              <p class="date"><time datetime="2003-08-24T08:15:39+09:00">24日</time></p>
47961
47962              <h3>MYCOM PC WEB</h3>
47963            </header>
47964
47965            <p>僕はあまり見ないんですが、結構MYCOM PC WEBを見ている人多いみたいですね。ここのヘッドラインを抜き出したRSSファイルを作ってくれとか言われたのã
47965§ä½œã£ã¦ã¿ã¾ã—た。既に誰か生成して配信してても良さそうなのに・・・。</p>
47966          </section>
47967        </a>
47968
47969
47970        <a href="/blog/blog/blog_will_bring_anything">
47971          <section class="excerpt">
47972            <header>
47973              <p class="date"><time datetime="2003-08-24T03:07:17+09:00">24日</time></p>
47974
47975              <h3>Blog will bring anything.</h3>
47976            </header>
47977
47978            <p>昨日の昼頃にopenした、ブログblogを楽しむMLのグループログの自分の書いたエントリー、blogによってもたらされるものを引っ張ってきて、書いてみる。</p>
47979          </section>
47980        </a>
47981
47982
47983        <a href="/blog/media/kume_to_furutachi">
47984          <section class="excerpt">
47985            <header>
47986              <p class="date"><time datetime="2003-08-23T10:56:12+09:00">23日</time></p>
47987
47988              <h3>久米宏降板</h3>
47989            </header>
47990
47991            <p>後任は古舘伊知郎。朝日新聞によると来春で、日刊スポーツによると9月。どっちやねん。</p>
47992          </section>
47993        </a>
47994
47995
47996        <a href="/blog/rss/aggregators_attacks_info_overload">
47997          <section class="excerpt">
47998            <header>
47999              <p class="date"><time datetime="2003-08-23T02:10:50+09:00">23日</time></p>
48000
48001              <h3>RSS Aggregatorの人気が急上昇</h3>
48002            </header>
48003
48004            <p>Wired Newsのニュースやブログを効率的に読める「アグリゲーター」の人気が上昇中という記事によると、RSS Aggregator(RSSファイルを斜め読みするためのソフトウェアの総称)が大人気とか。周りではほとんど流行ってないのですが。</p>
48005          </section>
48006        </a>
48007
48008
48009        <a href="/blog/game/toee_movie">
48010          <section class="excerpt">
48011            <header>
48012              <p class="date"><time datetime="2003-08-22T06:27:57+09:00">22日</time></p>
48013
48014              <h3>ToEEはもうすぐ発売</h3>
48015            </header>
48016
48017            <p>9/16と決定で、遅れることはまず無いと言うことらしいです。あと1か月無いですね。スクリーンショット見てると、ビホールダー出てくるみたい。とりあえず、戦闘システムはPoRと似た感じのようなので、あのエグイほどの敵の足の遅さがどうなってるかだけが心配です。製作会社違うし、散々叩かれたところだから改善していると思うのだけれど。</p>
48018          </section>
48019        </a>
48020
48021
48022        <a href="/blog/software/nano98">
48023          <section class="excerpt">
48024            <header>
48025              <p class="date"><time datetime="2003-08-21T20:23:11+09:00">21日</time></p>
48026
48027              <h3>Nano98</h3>
48028            </header>
48029
48030            <p>Nano98というサイトの指示に従ってWindows98をカスタマイズすると、Windowsフォルダが、なんと4.38MB(UPXを使用しない場合は7MB)に! ヒマすぎる・・・。世の中には面白いこと考える人がいるもので。</p>
48031          </section>
48032        </a>
48033
48034
48035        <a href="/blog/blosxom/oops_1">
48036          <section class="excerpt">
48037            <header>
48038              <p class="date"><time datetime="2003-08-21T00:36:10+09:00">21日</time></p>
48039
48040              <h3>あら</h3>
48041            </header>
48042
48043            <p>エントリの更新時刻でLast-Modified送ってるので、Comment/TrackBackがついてもキャッシュから読んでしまう。難しいな。どうやって反映させれば良いのか思いつかないので、一時解除。</p>
48044          </section>
48045        </a>
48046
48047
48048        <a href="/blog/webdesign/css_hacks">
48049          <section class="excerpt">
48050            <header>
48051              <p class="date"><time datetime="2003-08-20T12:05:02+09:00">20日</time></p>
48052
48053              <h3>CSS hacks</h3>
48054            </header>
48055
48056            <p>css filters (css hacks)という、ブラウザごとのセレクタその他の書き方の解釈の差をまとめたページを見つけました。これはすごい。ここのarchiveには、色々な誤魔化し方が書いてあって面白い。実際使うのはメンドクサイんですが。</p>
48057          </section>
48058        </a>
48059
48060
48061        <a href="/blog/misc/noise_1">
48062          <section class="excerpt">
48063            <header>
48064              <p class="date"><time datetime="2003-08-20T07:16:29+09:00">20日</time></p>
48065
48066              <h3>あっはっは</h3>
48067            </header>
48068
48069            <p>肝心のビデオデッキにS端子ケーブルが無くて</p>
48070          </section>
48071        </a>
48072
48073
48074        <a href="/blog/media/pole_dancer_supermodel">
48075          <section class="excerpt">
48076            <header>
48077              <p class="date"><time datetime="2003-08-19T22:51:51+09:00">19日</time></p>
48078
48079              <h3>ポール・ダンサー・スーパーモデル</h3>
48080            </header>
48081
48082            <p>The White Stripes ニュー・ビデオでケイト・モスがポール・ダンスを披露</p>
48083          </section>
48084        </a>
48085
48086
48087        <a href="/blog/blosxom/lastmodified_simple">
48088          <section class="excerpt">
48089            <header>
48090              <p class="date"><time datetime="2003-08-19T20:20:09+09:00">19日</time></p>
48091
48092              <h3>lastmodified_simple</h3>
48093            </header>
48094
48095            <p>entires_indexのデータからLast-Modifiedヘッダを出力すると、ちょっとしたエントリの修正とかがわからなくなるので、適当に最新記事のタイムスタンプを拾ってきて出力するようにしてみる。ついでに、entries_indexとは関係ないので、切り離しておく。ブラウザで見る分にはあんまり意味が無いんですけど。逆に、キャッシュから読んだりするので不便だったりするかもしれない。</p>
48096          </section>
48097        </a>
48098
48099
48100        <a href="/blog/webdesign/pure_css_tab_navigation">
48101          <section class="excerpt">
48102            <header>
48103              <p class="date"><time datetime="2003-08-19T02:41:24+09:00">19日</time></p>
48104
48105              <h3>CSSのみでタブナビゲーション</h3>
48106            </header>
48107
48108            <p>CSS Tabs</p>
48109          </section>
48110        </a>
48111
48112
48113        <a href="/blog/blosxom/brush_up">
48114          <section class="excerpt">
48115            <header>
48116              <p class="date"><time datetime="2003-08-19T00:34:57+09:00">19日</time></p>
48117
48118              <h3>Brush Up</h3>
48119            </header>
48120
48121            <p>blosxomの設定を見直してみたり、プラグインで必要のないとかあっても機能してないようなものを削ったりしてみる。</p>
48122          </section>
48123        </a>
48124
48125
48126        <a href="/blog/blog/update_ping">
48127          <section class="excerpt">
48128            <header>
48129              <p class="date"><time datetime="2003-08-18T19:20:04+09:00">18日</time></p>
48130
48131              <h3>Update Ping</h3>
48132            </header>
48133
48134            <p>20行のPerlスクリプトで誤魔化す。いちいち手動で送るわけで。</p>
48135          </section>
48136        </a>
48137
48138
48139        <a href="/blog/rss/rss_weather_service">
48140          <section class="excerpt">
48141            <header>
48142              <p class="date"><time datetime="2003-08-18T16:36:25+09:00">18日</time></p>
48143
48144              <h3>the RSS Weather Service</h3>
48145            </header>
48146
48147            <p>the RSS Weather Serviceは、都市名と国を入力すると、週間天気予報ã
48147®RSSファイルを生成してくれるサービスです。日本とか生成してくれるのかなとか思ったら、京都とか横浜はとおりました。Weather Undergroundから生成しているみたいなので、ここにある都市はOKってことだと思います。</p>
48148          </section>
48149        </a>
48150
48151
48152        <a href="/blog/blosxom/last-modified_http_header">
48153          <section class="excerpt">
48154            <header>
48155              <p class="date"><time datetime="2003-08-18T15:07:26+09:00">18日</time></p>
48156
48157              <h3>Last-Modifiedヘッダ</h3>
48158            </header>
48159
48160            <p>Last-Modifiedヘッダをつけてやることにしてみました。公式のplugin registryにlastmodifiedというプラグインがあるんですけど、うまく機能させることができなかったので、あまり考えずにentries_indexの機能拡張という形でやってみた。timeからHTTPヘッダ用の時刻フォーマットへの変換は、HTTP::Dateのtime2strをパクった。</p>
48161          </section>
48162        </a>
48163
48164
48165        <a href="/blog/blosxom/customize_writeback_5">
48166          <section class="excerpt">
48167            <header>
48168              <p class="date"><time datetime="2003-08-18T02:14:43+09:00">18日</time></p>
48169
48170              <h3>Customize writeback plugin #5</h3>
48171            </header>
48172
48173            <p>Jcode.pmだとout of memoryと怒られるので、省メモリとの噂のUnicode::Japanese使ってみました。試しにEUC-JPで送ってみたのですが、怒られること無しにうまくいっている模様。</p>
48174          </section>
48175        </a>
48176
48177
48178        <a href="/blog/software/feeddemon_test">
48179          <section class="excerpt">
48180            <header>
48181              <p class="date"><time datetime="2003-08-18T00:34:27+09:00">18日</time></p>
48182
48183              <h3>FeedDemon試用</h3>
48184            </header>
48185
48186            <p>FeedDemon使ってみました。</p>
48187          </section>
48188        </a>
48189
48190
48191        <a href="/blog/blosxom/mo_num_variable">
48192          <section class="excerpt">
48193            <header>
48194              <p class="date"><time datetime="2003-08-17T23:30:22+09:00">17日</time></p>
48195
48196              <h3>$mo_num変数</h3>
48197            </header>
48198
48199            <p>Diary - laughing.stock - 日付日本語化プラグイン(date2ja)</p>
48200          </section>
48201        </a>
48202
48203
48204        <a href="/blog/software/mozilla_firebird">
48205          <section class="excerpt">
48206            <header>
48207              <p class="date"><time datetime="2003-08-17T22:13:03+09:00">17日</time></p>
48208
48209              <h3>Mozilla Firebird</h3>
48210            </header>
48211
48212            <p>From Internet Explorer to Firebirdっつー移行ガイドを見つけました。説得力あり。少なくとも、素のInternet Explorerを使うくらいならMozilla Firebirdの方が数段マシだと僕も思います。</p>
48213          </section>
48214        </a>
48215
48216
48217        <a href="/blog/rss/rss_via_opml">
48218          <section class="excerpt">
48219            <header>
48220              <p class="date"><time datetime="2003-08-17T04:39:27+09:00">17日</time></p>
48221
48222              <h3>配信しているRSSファイル一覧のOPMLファイル</h3>
48223            </header>
48224
48225            <p>グランド ウェブ!  ファンキー ヘタレ・ロードのウェブログ、スカンクワークスのアウトラインプロセッサーとXMLという記事読みました。で、RSSファイルの一覧をOPMLで提供すると、対応しているRSS AggregatorにRSSファイルを登録するのが非常に楽になる(らしい)ので、作ってみました。</p>
48226          </section>
48227        </a>
48228
48229
48230        <a href="/blog/blosxom/make_entry_hidemarumacro">
48231          <section class="excerpt">
48232            <header>
48233              <p class="date"><time datetime="2003-08-17T02:07:25+09:00">17日</time></p>
48234
48235              <h3>blosxomのエントリを作成する秀丸マクロ</h3>
48236            </header>
48237
48238            <p>マクロ起動すると、実体参照化→マークアップ(ちょっとした構文あり)→カテゴリ一覧のメニューを表示→エントリ名を決めるInputBox表示→UTF-8で保存、とやってくれます。確認したらバッチファイルでFTPしてます。</p>
48239          </section>
48240        </a>
48241
48242
48243        <a href="/blog/software/printscreen_archive">
48244          <section class="excerpt">
48245            <header>
48246              <p class="date"><time datetime="2003-08-17T01:56:10+09:00">17日</time></p>
48247
48248              <h3>PrintScreen Archive</h3>
48249            </header>
48250
48251            <p>他人のデスクトップを見るのはけっこう面白いですね。で、PrintScreen Archiveというサイトを見つけました。</p>
48252          </section>
48253        </a>
48254
48255
48256        <a href="/blog/media/ramones_tribute">
48257          <section class="excerpt">
48258            <header>
48259              <p class="date"><time datetime="2003-08-16T22:23:57+09:00">16日</time></p>
48260
48261              <h3>We&apos;re A Happy Family</h3>
48262            </header>
48263
48264            <p>
48264Ramonesのトリビュートアルバム買いました。ずいぶん前に出ていたのは知っていたのですが、買うのを忘れていました。最近こういうの多い。Kiss・The Pretenders・Pete Yornあたりが良いです。コンピレーションアルバムにしては珍しくハズレがなかったです。</p>
48265          </section>
48266        </a>
48267
48268
48269        <a href="/blog/rss/rss_from_rollingstone">
48270          <section class="excerpt">
48271            <header>
48272              <p class="date"><time datetime="2003-08-16T17:05:07+09:00">16日</time></p>
48273
48274              <h3>RollingStone.comがRSS提供開始</h3>
48275            </header>
48276
48277            <p>とりあえずRollingStone.comのメインニュースやCDレビューなどのRSSなどがあるみたいです。どこにあるのかわかりにくい。</p>
48278          </section>
48279        </a>
48280
48281
48282        <a href="/blog/software/release_wm5">
48283          <section class="excerpt">
48284            <header>
48285              <p class="date"><time datetime="2003-08-16T13:57:40+09:00">16日</time></p>
48286
48287              <h3>Windows Messenger 5.0</h3>
48288            </header>
48289
48290            <p>Windows Messenger 5.0が出たみたいですね。MSN Messenger 6.0に比べて、会話ウィンドウを開く時やタスクトレイから復帰させる時の微妙なもたつきは少ないそうで。Windows 2000対応になっているので、とりあえず入れてみようかなとか思いつつ、セットアップファイルを落として放置。</p>
48291          </section>
48292        </a>
48293
48294
48295        <a href="/blog/blosxom/customize_writeback_4">
48296          <section class="excerpt">
48297            <header>
48298              <p class="date"><time datetime="2003-08-16T03:16:07+09:00">16日</time></p>
48299
48300              <h3>Customize writeback plugin #4</h3>
48301            </header>
48302
48303            <p>Comment/TrackBackでURLが空欄で送られた場合、$writeback::urlが空になるので、リンク先が空のリンクを張っていたのですよ。あんまり考えずにflavourを作っていたので。flavour側でどうにかするのは無理そうなので、pluginを改造しました。</p>
48304          </section>
48305        </a>
48306
48307
48308        <a href="/blog/rss/trouble_rsshg_1">
48309          <section class="excerpt">
48310            <header>
48311              <p class="date"><time datetime="2003-08-15T23:07:38+09:00">15日</time></p>
48312
48313              <h3>RSS Headline Grabberに不具合</h3>
48314            </header>
48315
48316            <p>変換文字化け対策で目的としたことは成功したのですが、新着記事を判別するための文字列比較がうまくいってないみたいですね。ASCIIな文字列の比較ではうまくいってるようなので、違う文字コードの文字列同士で比べてるような。んー・・・。ついでにいじったところが悪さしてそうだ。</p>
48317          </section>
48318        </a>
48319
48320
48321        <a href="/blog/misc/after_dusk">
48322          <section class="excerpt">
48323            <header>
48324              <p class="date"><time datetime="2003-08-15T22:26:10+09:00">15日</time></p>
48325
48326              <h3>夕暮れ過ぎ</h3>
48327            </header>
48328
48329            <p>&lt;!-- パクってつかんでココから --&gt;</p>
48330          </section>
48331        </a>
48332
48333
48334        <a href="/blog/coding/countermeasure_against_mojibake">
48335          <section class="excerpt">
48336            <header>
48337              <p class="date"><time datetime="2003-08-15T14:06:30+09:00">15日</time></p>
48338
48339              <h3>変換文字化け対策</h3>
48340            </header>
48341
48342            <p>$content = $j-&gt;set(\$content)-&gt;utf8;</p>
48343          </section>
48344        </a>
48345
48346
48347        <a href="/blog/misc/ohedo_onsen">
48348          <section class="excerpt">
48349            <header>
48350              <p class="date"><time datetime="2003-08-15T01:33:12+09:00">15日</time></p>
48351
48352              <h3>大江戸温泉</h3>
48353            </header>
48354
48355            <p>昨日は寒かったので大人気だったそうで。</p>
48356          </section>
48357        </a>
48358
48359
48360        <a href="/blog/misc/rusk_france">
48361          <section class="excerpt">
48362            <header>
48363              <p class="date"><time datetime="2003-08-14T19:26:34+09:00">14日</time></p>
48364
48365              <h3>元氣印ラスク フランス</h3>
48366            </header>
48367
48368            <p>両親が旅行ツアーで一緒だった人からいただいたものなんですが、これはすごいです。ラスクっつーと甘ったるくて、サクサクというよりザックザックという感じのものだと思ってたのですが、これはふわ~んと甘くてサックサク。伊達に日本一は名乗ってないです。</p>
48369          </section>
48370        </a>
48371
48372
48373        <a href="/blog/coding/mojibake">
48374          <section class="excerpt">
48375            <header>
48376              <p class="date"><time datetime="2003-08-14T18:24:58+09:00">14日</time></p>
48377
48378              <h3>変換文字化け</h3>
48379            </header>
48380
48381            <p>Jcode.pmの文字コード判別は失敗することがあるので、たまに文字化けしますね。短い文字列だとなおさらなわけで。なので、頻繁に変換文字化けが起こりやすい処理の仕方をしている、RSS Headline Grabberをちょっと練り直してたりする。</p>
48382          </section>
48383        </a>
48384
48385
48386        <a href="/blog/sports/to_mr_sheets">
48387          <section class="excerpt">
48388            <header>
48389              <p class="date"><time datetime="2003-08-13T23:03:33+09:00">13日</time></p>
48390
48391              <h3>シーツ先生へ</h3>
48392            </header>
48393
48394            <p>あなたの来年の年俸が払えるか心配です。そういやハーストとか言う(以下略)。</p>
48395          </section>
48396        </a>
48397
48398
48399        <a href="/blog/blosxom/blosxom_jp">
48400          <section class="excerpt">
48401            <header>
48402              <p class="date"><time datetime="2003-08-13T22:14:28+09:00">13日</time></p>
48403
48404              <h3>Blosxomサイト日本語訳</h3>
48405            </header>
48406
48407            <p>
48407Blosxomサイト日本語訳暫定公開</p>
48408          </section>
48409        </a>
48410
48411
48412        <a href="/blog/blosxom/customize_writeback_3">
48413          <section class="excerpt">
48414            <header>
48415              <p class="date"><time datetime="2003-08-13T16:37:49+09:00">13日</time></p>
48416
48417              <h3>Customize writeback plugin #3</h3>
48418            </header>
48419
48420            <p>暇に明かして更に拡張。</p>
48421          </section>
48422        </a>
48423
48424
48425        <a href="/blog/rss/atom_1">
48426          <section class="excerpt">
48427            <header>
48428              <p class="date"><time datetime="2003-08-13T14:21:54+09:00">13日</time></p>
48429
48430              <h3>Atom</h3>
48431            </header>
48432
48433            <p>名称決定してないのですが、めんどくさいのでこのサイトではAtomということで。</p>
48434          </section>
48435        </a>
48436
48437
48438        <a href="/blog/blosxom/customize_writeback_2">
48439          <section class="excerpt">
48440            <header>
48441              <p class="date"><time datetime="2003-08-13T12:13:04+09:00">13日</time></p>
48442
48443              <h3>Customize writeback plugin #2</h3>
48444            </header>
48445
48446            <p>変数を拡張して、WriteBackの数に応じて変化する$writeback::statusっつーものを作ってみる。</p>
48447          </section>
48448        </a>
48449
48450
48451        <a href="/blog/rss/webattack">
48452          <section class="excerpt">
48453            <header>
48454              <p class="date"><time datetime="2003-08-12T16:47:02+09:00">12日</time></p>
48455
48456              <h3>WebAttack.com</h3>
48457            </header>
48458
48459            <p>WebAttack.comというソフトウェアのディレクトリサイトがあるのですが、どうやらRSS Feed Readersというカテゴリが新設されたみたいです。このサイトはソフトウェアのディレクトリサイトの中では比較的新興のものですが、かなり評判は良いみたいです。</p>
48460          </section>
48461        </a>
48462
48463
48464        <a href="/blog/software/mb_1">
48465          <section class="excerpt">
48466            <header>
48467              <p class="date"><time datetime="2003-08-12T12:02:36+09:00">12日</time></p>
48468
48469              <h3>Moon Browser ver 0.50 A</h3>
48470            </header>
48471
48472            <p>バージョンアップへ向けてAlpha版リリース。およそ一年半ぶり? まぁ、挙動にかなり惚れてしまっているので、どうしようもなくなる(Internet Explorerのバージョンアップで動かなくなったとか)まで使いつづけるつもりでしたが。</p>
48473          </section>
48474        </a>
48475
48476
48477        <a href="/blog/media/fow_wim">
48478          <section class="excerpt">
48479            <header>
48480              <p class="date"><time datetime="2003-08-11T15:19:52+09:00">11日</time></p>
48481
48482              <h3>
48482Peace And Love</h3>
48483            </header>
48484
48485            <p>Fountains Of WayneというバンドのPeace And Loveという曲「だけ」欲しくなったので、Welcome Interstate Managers買いました。なかなか。以前に出してたアルバムも漁ってみよう。</p>
48486          </section>
48487        </a>
48488
48489
48490        <a href="/blog/blog/enjoy_blog_ml_1">
48491          <section class="excerpt">
48492            <header>
48493              <p class="date"><time datetime="2003-08-11T15:00:09+09:00">11日</time></p>
48494
48495              <h3>ブログblogを楽しむML #2</h3>
48496            </header>
48497
48498            <p>ブログblogを楽しむMLのリンク集ができたそうです。</p>
48499          </section>
48500        </a>
48501
48502
48503        <a href="/blog/blosxom/ping_weblogs_com_xmlrpc_plugin">
48504          <section class="excerpt">
48505            <header>
48506              <p class="date"><time datetime="2003-08-11T11:11:19+09:00">11日</time></p>
48507
48508              <h3>ping_weblogs_com_xmlrpc plugin</h3>
48509            </header>
48510
48511            <p>Weblogs.comをはじめとして、ping.bloggers.jpなど、pingを送ってもらって何かアクションを起こすサービスはけっこうありますよね。</p>
48512          </section>
48513        </a>
48514
48515
48516        <a href="/blog/sports/timberwolves_0304">
48517          <section class="excerpt">
48518            <header>
48519              <p class="date"><time datetime="2003-08-10T23:58:52+09:00">10日</time></p>
48520
48521              <h3>03-04のティンバーウルブス</h3>
48522            </header>
48523
48524            <p>エライ面子が変わったので、強くなるかどうかはまったくわからないですね。どちらかというとトレードせざるを得ない状況なチーム同士で、似たようなプレーヤー同士を交換って感じなような。微妙に平均年齢は上がったかもしれないです。</p>
48525          </section>
48526        </a>
48527
48528
48529        <a href="/blog/rss/update_rsshg_4">
48530          <section class="excerpt">
48531            <header>
48532              <p class="date"><time datetime="2003-08-10T18:05:43+09:00">10日</time></p>
48533
48534              <h3>RSS Headline Grabber更新 #4</h3>
48535            </header>
48536
48537            <p>RSS Headline Grabber更新中で触れた、RSSファイルごとのフッタでも特殊文字をいろいろ使えるようにしたのと、RSSファイルのパースエラーで触れた拙い処理の修正で更新しました。</p>
48538          </section>
48539        </a>
48540
48541
48542        <a href="/blog/blosxom/rss091_to_rss10">
48543          <section class="excerpt">
48544            <header>
48545              <p class="date"><time datetime="2003-08-10T16:53:03+09:00">10日</time></p>
48546
48547              <h3>RSS 0.91からRSS 1.0へ</h3>
48548            </header>
48549
48550            <p>ここのエントリのRSSファイルは、当初RSS 2.0だったんですが、なんかの理由でRSS 0.91にしていたんですよね(理由忘れた)。RSS 0.91だと、更新日時とか埋め込めないので、RSS 1.0に移行中です。今はとりあえずRSS 1.0って感じで、コアの部分しか出力してません。xmlns::dcとxmlns::trackbackだけ使おうかなと。そんなにいろいろあってもしゃーないし。</p>
48551          </section>
48552        </a>
48553
48554
48555        <a href="/blog/rss/parse_error_in_rss">
48556          <section class="excerpt">
48557            <header>
48558              <p class="date"><time datetime="2003-08-10T13:13:56+09:00">10日</time></p>
48559
48560              <h3>RSSファイルのパースエラー</h3>
48561            </header>
48562
48563            <p>PerlでRSSファイルをパースする時、</p>
48564          </section>
48565        </a>
48566
48567
48568        <a href="/blog/rss/rss_tracker_1">
48569          <section class="excerpt">
48570            <header>
48571              <p class="date"><time datetime="2003-08-10T11:46:01+09:00">10日</time></p>
48572
48573              <h3>スクリプト書くのにはまると</h3>
48574            </header>
48575
48576            <p>スクリプト書くのにはまると、エントリを書かなくなる。</p>
48577          </section>
48578        </a>
48579
48580
48581        <a href="/blog/webdesign/xhtml11_to_xhtml1">
48582          <section class="excerpt">
48583            <header>
48584              <p class="date"><time datetime="2003-08-09T10:56:46+09:00">9日</time></p>
48585
48586              <h3>XHTML 1.1からXHTML 1.0に</h3>
48587            </header>
48588
48589            <p>そういや、XHTML 1.1なのにContent-Typeをtext/htmlで送ってるなぁと思ったã
48589®ã§ã€text/xmlにしたんですよ。application/xhtml+xml使うとダウンロードダイアログ出てくるし。そうしたらIEのXMLパーサーがXHTML 1.1のDTDでパースエラーを吐くわけで(XMLパーサーのバージョンに依存するかもしれません)。なので、暫定的にContent-Typeを空にして送ってやるようにしたんです。</p>
48590          </section>
48591        </a>
48592
48593
48594        <a href="/blog/software/launch_a_browser_voluntary_from_msnm6_2">
48595          <section class="excerpt">
48596            <header>
48597              <p class="date"><time datetime="2003-08-08T20:27:22+09:00">8日</time></p>
48598
48599              <h3>MSN Messengerから任意のブラウザを #2</h3>
48600            </header>
48601
48602            <p>無茶なスクリプトを組んでみる。</p>
48603          </section>
48604        </a>
48605
48606
48607        <a href="/blog/software/launch_a_browser_voluntary_from_msnm6">
48608          <section class="excerpt">
48609            <header>
48610              <p class="date"><time datetime="2003-08-08T15:59:37+09:00">8日</time></p>
48611
48612              <h3>MSN Messengerから任意のブラウザを</h3>
48613            </header>
48614
48615            <p>どっかの不定期更新インチキサイト管理人がおっしゃっているように、MSN Messengerから任意のブラウザを起動できるといいですね。で、適当にコマンドラインをそのままほかのブラウザに渡すアプリケーション作ってInternet Explorerのexeファイルと置き換えてみました。おお、立ち上がる!</p>
48616          </section>
48617        </a>
48618
48619
48620        <a href="/blog/software/google_in_msnm6">
48621          <section class="excerpt">
48622            <header>
48623              <p class="date"><time datetime="2003-08-08T15:12:01+09:00">8日</time></p>
48624
48625              <h3>Google in MSN Messenger 6.0</h3>
48626            </header>
48627
48628            <p>ぶち込んでみる。</p>
48629          </section>
48630        </a>
48631
48632
48633        <a href="/blog/rss/modify_internet-watch">
48634          <section class="excerpt">
48635            <header>
48636              <p class="date"><time datetime="2003-08-07T17:20:05+09:00">7日</time></p>
48637
48638              <h3>impress INTERNET Watch</h3>
48639            </header>
48640
48641            <p>impress INTERNET Watchが微妙に変わっていたようで、RSSファイルが空で出力されていました。気づいたところで修正。次回の出力からはきちんと出力されると思います。</p>
48642          </section>
48643        </a>
48644
48645
48646        <a href="/blog/rss/tabbed_rsshg_2">
48647          <section class="excerpt">
48648            <header>
48649              <p class="date"><time datetime="2003-08-07T11:52:30+09:00">7日</time></p>
48650
48651              <h3>Tabbed RSS Headline Grabber #2</h3>
48652            </header>
48653
48654            <p>普通にフレームとかでもOKなので、こんな感じに作ってみました。</p>
48655          </section>
48656        </a>
48657
48658
48659        <a href="/blog/sports/coby_appear_in_court">
48660          <section class="excerpt">
48661            <header>
48662              <p class="date"><time datetime="2003-08-07T10:29:28+09:00">7日</time></p>
48663
48664              <h3>コービー、法廷に</h3>
48665            </header>
48666
48667            <p>ポスト・ジョーダンの筆頭であるコービー・ブライアントの婦女暴行疑惑の法廷が開かれているみたいですね。暴行とみなされるものか合意とみなされるものかっつーのが焦点らしいです。</p>
48668          </section>
48669        </a>
48670
48671
48672        <a href="/blog/internet/google_tilda_search">
48673          <section class="excerpt">
48674            <header>
48675              <p class="date"><time datetime="2003-08-06T14:27:01+09:00">6日</time></p>
48676
48677              <h3>Googleで&quot;~&quot;検索</h3>
48678            </header>
48679
48680            <p>Googleで、「&#126;Windows」とタイプして検索すると、Windowsと同義の語の検索結果も含めて表示してくれるんだそうです。はじめて知った。この例だとMicrosoftとかWin32とかも含まれるってことです。</p>
48681          </section>
48682        </a>
48683
48684
48685        <a href="/blog/rss/rss_standard">
48686          <section class="excerpt">
48687            <header>
48688              <p class="date"><time datetime="2003-08-06T11:12:11+09:00">6日</time></p>
48689
48690              <h3>RSSの次世代標準規格</h3>
48691            </header>
48692
48693            <p>今年は鉄腕アトムが誕生したとされている年ですね。</p>
48694          </section>
48695        </a>
48696
48697
48698        <a href="/blog/rss/tabbed_rsshg_1">
48699          <section class="excerpt">
48700            <header>
48701              <p class="date"><time datetime="2003-08-06T08:45:56+09:00">6日</time></p>
48702
48703              <h3>Tabbed RSS Headline Grabber</h3>
48704            </header>
48705
48706            <p>ということで説明ページも作ってみました。まだ未完成ですが。個人的にかなりツボ。MSN Messenger 6.0最高!!</p>
48707          </section>
48708        </a>
48709
48710
48711        <a href="/blog/software/rsshg_in_msnm_tab">
48712          <section class="excerpt">
48713            <header>
48714              <p class="date"><time datetime="2003-08-05T21:20:34+09:00">5日</time></p>
48715
48716              <h3>MSN Messenger 6.0のタブに</h3>
48717            </header>
48718
48719            <p>MSN Messenger 6.0のタブにRSS Headline Grabberで出力したHeadline (右のやつです)をまとめてぶち込んでみました。</p>
48720          </section>
48721        </a>
48722
48723
48724        <a href="/blog/blog/blog_and_outdoor_festival">
48725          <section class="excerpt">
48726            <header>
48727              <p class="date"><time datetime="2003-08-05T10:14:02+09:00">5日</time></p>
48728
48729              <h3>blogと野外フェス</h3>
48730            </header>
48731
48732            <p>blogサイトの管理人って野外フェスが好きな人多くないですか? というか、単に洋楽好きな人かな? 異様に「(Fuji Rock Festival|Summer Sonic)に行ってきました!」というようなエントリが多いような気がするんですが。</p>
48733          </section>
48734        </a>
48735
48736
48737        <a href="/blog/media/janes_addiction_strays">
48738          <section class="excerpt">
48739            <header>
48740              <p class="date"><time datetime="2003-08-05T06:24:55+09:00">5日</time></p>
48741
48742              <h3>Jane&apos;s Addiction / Strays</h3>
48743            </header>
48744
48745            <p>Jane&apos;s Addiction久々の新譜、Strays。買い忘れてたよ、ペリー。</p>
48746          </section>
48747        </a>
48748
48749
48750        <a href="/blog/misc/annoy_to_inou">
48751          <section class="excerpt">
48752            <header>
48753              <p class="date"><time datetime="2003-08-04T13:03:46+09:00">4日</time></p>
48754
48755              <h3>ひたすらからむ</h3>
48756            </header>
48757
48758            <p>俗に言う“記憶力のいい人”って、「三歳の頃見た場面を覚えてる」わけじゃなく、例えば、「六歳の頃思い出した三歳の頃の記憶」を覚えてるんだと思います。</p>
48759          </section>
48760        </a>
48761
48762
48763        <a href="/blog/misc/trackback_and_inou">
48764          <section class="excerpt">
48765            <header>
48766              <p class="date"><time datetime="2003-08-04T12:59:26+09:00">4日</time></p>
48767
48768              <h3>トラックバックとか出来ません。</h3>
48769            </header>
48770
48771            <p>させろよ。いや、しろよ、か? どっちでもいいや。</p>
48772          </section>
48773        </a>
48774
48775
48776        <a href="/blog/software/mozilla_msnmsgr">
48777          <section class="excerpt">
48778            <header>
48779              <p class="date"><time datetime="2003-08-04T08:08:39+09:00">4日</time></p>
48780
48781              <h3>msnmsgr</h3>
48782            </header>
48783
48784            <p>msnmsgrといってもMS謹製のやつじゃなくて、MozillaのXULアプリケーションなわけで。MSN Messengerの互換クライアントってことでã
48784™ã€‚</p>
48785          </section>
48786        </a>
48787
48788
48789        <a href="/blog/blog/enjoy_blog_ml">
48790          <section class="excerpt">
48791            <header>
48792              <p class="date"><time datetime="2003-08-04T05:09:21+09:00">4日</time></p>
48793
48794              <h3>ブログblogを楽しむML</h3>
48795            </header>
48796
48797            <p>&quot;ブログblogを楽しむML&quot;を開設。</p>
48798          </section>
48799        </a>
48800
48801
48802        <a href="/blog/misc/that_is_so">
48803          <section class="excerpt">
48804            <header>
48805              <p class="date"><time datetime="2003-08-04T04:05:13+09:00">4日</time></p>
48806
48807              <h3>美大出身者にはデザインで勝てない。</h3>
48808            </header>
48809
48810            <p>「美大出身者にはデザインで勝てない。」とか無根拠なこと言われて、むぐぐ……となった。</p>
48811          </section>
48812        </a>
48813
48814
48815        <a href="/blog/software/feeddemon">
48816          <section class="excerpt">
48817            <header>
48818              <p class="date"><time datetime="2003-08-04T03:18:14+09:00">4日</time></p>
48819
48820              <h3>FeedDemon</h3>
48821            </header>
48822
48823            <p>FeedDemonはFeedReaderなんかと同じ系統の、3ペインメーラー型RSSビューワー/アグリゲーター。RSS NEWS READER FOR WINDOWSというサブタイトルがついてます。見た感じ無難さがただよってます。使いにくいということはなさそうですね。CSSでプレビュー画面のデザインをいじったり出来るみたい。</p>
48824          </section>
48825        </a>
48826
48827
48828        <a href="/blog/webdesign/back_and_forth">
48829          <section class="excerpt">
48830            <header>
48831              <p class="date"><time datetime="2003-08-03T13:52:07+09:00">3日</time></p>
48832
48833              <h3>行ったり来たり</h3>
48834            </header>
48835
48836            <p>こちょこちょ変わってます。いつもの通り、変だと思ったらリロード*3くらい。幾何学的にずれてるなと思ったら、間違いなくCSSファイルの内容が変わってます。そろそろ画像を使わないことに限界を感じてきました。多少は使うべき(当たり前)。</p>
48837          </section>
48838        </a>
48839
48840
48841        <a href="/blog/software/ecs">
48842          <section class="excerpt">
48843            <header>
48844              <p class="date"><time datetime="2003-08-03T11:37:29+09:00">3日</time></p>
48845
48846              <h3>ECS</h3>
48847            </header>
48848
48849            <p>nhanced Color Systemということで、いわゆる画面のプロパティ→デザインで指定したりするWindows上の色を変更するアプリケーションです。コマンドラインに規定の書式に従って設定を記述したファイルを指定して起動すると変更してくれます。</p>
48850          </section>
48851        </a>
48852
48853
48854        <a href="/blog/webdesign/apply_overflow_to_pre">
48855          <section class="excerpt">
48856            <header>
48857              <p class="date"><time datetime="2003-08-02T20:07:03+09:00">2日</time></p>
48858
48859              <h3>preにoverflowを</h3>
48860            </header>
48861
48862            <p>pre要素についてで言ってたみたいに、かなりいい加減な回避策をしてたんですけど、どっちにしろ半角英数字 + 一部の記号の連続の場合ははみ出して、レイアウト崩れるわけで。floatを使ってると顕著ですね。</p>
48863          </section>
48864        </a>
48865
48866
48867        <a href="/blog/misc/strange_immigrant">
48868          <section class="excerpt">
48869            <header>
48870              <p class="date"><time datetime="2003-08-02T07:28:07+09:00">2日</time></p>
48871
48872              <h3>変な外人て</h3>
48873            </header>
48874
48875            <p>ping.bloggers.jpとか漁ってたら、in/fluxというとこで目が止まりました。デザインキレイだなぁとログ読みつつ。</p>
48876          </section>
48877        </a>
48878
48879
48880        <a href="/blog/rss/hotwired_japan_rss">
48881          <section class="excerpt">
48882            <header>
48883              <p class="date"><time datetime="2003-08-02T03:17:43+09:00">2日</time></p>
48884
48885              <h3>
48885HotWired JapanのRSSファイル</h3>
48886            </header>
48887
48888            <p>blog.bulknews.netのRSS on ZDNetで知ったのですが、いつのまにか提供されているみたいです。いつ頃からだろう・・・。つか、どこにあるのかわかりにく。正直、新たな機能を盛り込む前にデザインを見直して欲しいとか思う。</p>
48889          </section>
48890        </a>
48891
48892
48893        <a href="/blog/rss/content_of_rss_item_description">
48894          <section class="excerpt">
48895            <header>
48896              <p class="date"><time datetime="2003-08-02T02:55:12+09:00">2日</time></p>
48897
48898              <h3>RSSファイルのitem-&gt;descriptionの内容</h3>
48899            </header>
48900
48901            <p>基本的にはitem-&gt;linkにある文書の要約であるわけですよ。RSSとは(Rich/RDF) Site Summaryなわけですから。一方で、item-&gt;linkにある文書の要約ではなく完全なコピーであると、item-&gt;linkにある文書にアクセスしなくて済むので、微妙に便利だったりするわけですよ。特にRSS aggregatorと総称されるツールなんかの場合には、その恩恵を十分に受けられますね。</p>
48902          </section>
48903        </a>
48904
48905
48906        <a href="/blog/blosxom/customize_plain_text_alt">
48907          <section class="excerpt">
48908            <header>
48909              <p class="date"><time datetime="2003-08-02T02:37:47+09:00">2日</time></p>
48910
48911              <h3>Customize plain_text_alt plugin</h3>
48912            </header>
48913
48914            <p>改行を「/」に変換して、HTMLタグを削除するplain_text_altというプラグインをインストールしてるわけですが、このプラグインはflavourがrssの時しか使っていないのです。で、これ使って生成したRSSファイルが、読めないと言われまして。調べていたら、&nbsp;がそのままあるとXMLパーサーでエラー起こすということみたいです。XMLの仕様書とか読んでたら、&nbsp;は定義されていないようなことが書いてあったり。ということで&nbsp;を&#160;に変換して誤魔化してみました。</p>
48915          </section>
48916        </a>
48917
48918
48919        <a href="/blog/blosxom/about_writeback_1">
48920          <section class="excerpt">
48921            <header>
48922              <p class="date"><time datetime="2003-08-01T16:03:37+09:00">1日</time></p>
48923
48924              <h3>writebackプラグインについて #1</h3>
48925            </header>
48926
48927            <p>ていうか、&lt;html&gt;とか、HTMLタグを普通に書き込めるのね。怖。</p>
48928          </section>
48929        </a>
48930
48931
48932        <a href="/blog/software/msn_messenger_1">
48933          <section class="excerpt">
48934            <header>
48935              <p class="date"><time datetime="2003-08-01T15:02:52+09:00">1日</time></p>
48936
48937              <h3>MSN Messenger</h3>
48938            </header>
48939
48940            <p>6.0がリリースされて、久々に常用し始めたので忘れていた。メンテナンス情報のダイアログ。何かと思ったよ。</p>
48941          </section>
48942        </a>
48943
48944          </section>
48945          <section>
48946            <h2><time datetime="2003-07">2003年7月</time></h2>
48947
48948        <a href="/blog/misc/commoncontent">
48949          <section class="excerpt">
48950            <header>
48951              <p class="date"><time datetime="2003-07-31T13:31:08+09:00">31日</time></p>
48952
48953              <h3>Common Content</h3>
48954            </header>
48955
48956            <p>Common Contentは、Creative Commonsライセンスの元に公開されているサイトを集めたディレクトリサービスらしい。Lessig Blog : re-creativity continues(日本語版)に書いてあるようなことをガンガンやって欲しいのよって感じですかね? 違いそうな気がする・・・。まぁとにかく、一通り回ってみる気になった。</p>
48957          </section>
48958        </a>
48959
48960
48961        <a href="/blog/blosxom/blosxom_and_trackback">
48962          <section class="excerpt">
48963            <header>
48964              <p class="date"><time datetime="2003-07-31T12:24:35+09:00">31日</time></p>
48965
48966              <h3>Blosxom and Trackbacks</h3>
48967            </header>
48968
48969            <p>It is the Japanese translation of the Rael&apos;s &quot;Blosxom and Trackbacks&quot; document.</p>
48970          </section>
48971        </a>
48972
48973
48974        <a href="/blog/blog/i_wanna_do_a_trackback">
48975          <section class="excerpt">
48976            <header>
48977              <p class="date"><time datetime="2003-07-31T09:06:08+09:00">31日</time></p>
48978
48979              <h3>Trackbackがしたいのですよ</h3>
48980            </header>
48981
48982            <p>
48982受け取れないんですが。</p>
48983          </section>
48984        </a>
48985
48986
48987        <a href="/blog/blosxom/blosxom_plugin_registry_1">
48988          <section class="excerpt">
48989            <header>
48990              <p class="date"><time datetime="2003-07-30T22:32:52+09:00">30日</time></p>
48991
48992              <h3>Blosxom Plugin Registry</h3>
48993            </header>
48994
48995            <p>blosxomのサイトはblosxomで構築されてるわけだし、RSSファイル取ってきてプラグインチェックしようかなとか。</p>
48996          </section>
48997        </a>
48998
48999
49000        <a href="/blog/blosxom/customize_writeback_1">
49001          <section class="excerpt">
49002            <header>
49003              <p class="date"><time datetime="2003-07-30T20:21:02+09:00">30日</time></p>
49004
49005              <h3>Customize writeback plugin #1</h3>
49006            </header>
49007
49008            <p>適当にやってたのであんまり問題を追及していませんでした。どうやらJcode.pmで文字コードを変換しない限りは、すんなり動くことがわかりました。ゆえにここらの処理を見直せばなんとかなりそうな。</p>
49009          </section>
49010        </a>
49011
49012
49013        <a href="/blog/rss/update_rsshg_3">
49014          <section class="excerpt">
49015            <header>
49016              <p class="date"><time datetime="2003-07-30T12:56:58+09:00">30日</time></p>
49017
49018              <h3>RSS Headline Grabber更新 #3</h3>
49019            </header>
49020
49021            <p>現在のデザインで出力しようかなと。そしたらスキンファイルの中で_%chmod%_という変数がチャンネルごとのフッタにあたる部分でも置換されてくれないと困るという羽目に陥りました。</p>
49022          </section>
49023        </a>
49024
49025
49026        <a href="/blog/blosxom/permanent_link_2">
49027          <section class="excerpt">
49028            <header>
49029              <p class="date"><time datetime="2003-07-30T08:54:24+09:00">30日</time></p>
49030
49031              <h3>parmanent linkの書き方</h3>
49032            </header>
49033
49034            <p>$url/$yr/$mo_num/$da#$fn</p>
49035          </section>
49036        </a>
49037
49038
49039        <a href="/blog/blosxom/do_you_need_recent_entries">
49040          <section class="excerpt">
49041            <header>
49042              <p class="date"><time datetime="2003-07-30T08:29:07+09:00">30日</time></p>
49043
49044              <h3>あなたはrecent entries必要ですか?</h3>
49045            </header>
49046
49047            <p>blogの左右にあったりする機能ですね。つけようかなとか思って、ローカルで使ってみたたんですけど、いまいち存在意義が良くわからない。</p>
49048          </section>
49049        </a>
49050
49051
49052        <a href="/blog/blosxom/install_find">
49053          <section class="excerpt">
49054            <header>
49055              <p class="date"><time datetime="2003-07-30T05:30:16+09:00">30日</time></p>
49056
49057              <h3>Install find plugin</h3>
49058            </header>
49059
49060            <p>メモリチェックで引っかかるかなと思ったけど、ちゃんと動いてるみたいです。</p>
49061          </section>
49062        </a>
49063
49064
49065        <a href="/blog/misc/what_is_foaf">
49066          <section class="excerpt">
49067            <header>
49068              <p class="date"><time datetime="2003-07-30T03:04:33+09:00">30日</time></p>
49069
49070              <h3>FOAF?</h3>
49071            </header>
49072
49073            <p>Web名刺とか、そんな感じ?</p>
49074          </section>
49075        </a>
49076
49077
49078        <a href="/blog/misc/i_became_blogger">
49079          <section class="excerpt">
49080            <header>
49081              <p class="date"><time datetime="2003-07-29T23:31:47+09:00">29日</time></p>
49082
49083              <h3>これで僕もblogger!!!</h3>
49084            </header>
49085
49086            <p>Yes! I am a blogger! Cool!</p>
49087          </section>
49088        </a>
49089
49090
49091        <a href="/blog/blosxom/plain_text_alt">
49092          <section class="excerpt">
49093            <header>
49094              <p class="date"><time datetime="2003-07-28T19:54:22+09:00">28日</time></p>
49095
49096              <h3>plain_text_alt plugin</h3>
49097            </header>
49098
49099            <p>plain_textプラグインを大幅に改造したというか、パクった。しかも、重要な部分のコードすらも、PerlメモのHTMLタグの正規表現からパクる。公開なんて出来ない。</p>
49100          </section>
49101        </a>
49102
49103
49104        <a href="/blog/misc/move_log_while_i_write">
49105          <section class="excerpt">
49106            <header>
49107              <p class="date"><time datetime="2003-07-28T19:47:37+09:00">28日</time></p>
49108
49109              <h3>書きながらログを移動</h3>
49110            </header>
49111
49112            <p>
49112すげーややこしくなる。ローカルで.entries_index.index生成して、ローカルのフルパス部分をサーバーのフルパスに置換しただけで、そのままアップロードしてるだけなんですがね。時間とか超適当だし。覚えてないって。</p>
49113          </section>
49114        </a>
49115
49116
49117        <a href="/blog/blosxom/install_plain_text">
49118          <section class="excerpt">
49119            <header>
49120              <p class="date"><time datetime="2003-07-28T12:28:49+09:00">28日</time></p>
49121
49122              <h3>Install plain_text plugin</h3>
49123            </header>
49124
49125            <p>やっぱりあった$bodyからHTMLタグを削除するプラグイン。HTML::Parser使っていました。</p>
49126          </section>
49127        </a>
49128
49129
49130        <a href="/blog/blosxom/install_paginate">
49131          <section class="excerpt">
49132            <header>
49133              <p class="date"><time datetime="2003-07-28T12:28:27+09:00">28日</time></p>
49134
49135              <h3>Install paginate plugin</h3>
49136            </header>
49137
49138            <p>これで過去ログを辿るリンクが生成できるみたいです。</p>
49139          </section>
49140        </a>
49141
49142
49143        <a href="/blog/blosxom/how_many_entries_should_i_show_on_the_home_page">
49144          <section class="excerpt">
49145            <header>
49146              <p class="date"><time datetime="2003-07-28T10:01:11+09:00">28日</time></p>
49147
49148              <h3>ホーム・ページにいくつのエントリを表示させますか?</h3>
49149            </header>
49150
49151            <p>blosxom.cgiにて$num_entriesで一度に表示する記事数を指定できるんですけど、カテゴリ表示にも適用されるのはちと過去ログを参照し辛いような気がする。月表示では適用されないので、一気に見ることが出来るのに。</p>
49152          </section>
49153        </a>
49154
49155
49156        <a href="/blog/webdesign/asahi_html_guide">
49157          <section class="excerpt">
49158            <header>
49159              <p class="date"><time datetime="2003-07-28T07:29:15+09:00">28日</time></p>
49160
49161              <h3>デタラメなHTML入門@朝日新聞土曜版</h3>
49162            </header>
49163
49164            <p>デタラメなHTML入門@朝日新聞土曜版</p>
49165          </section>
49166        </a>
49167
49168
49169        <a href="/blog/misc/creativecommons">
49170          <section class="excerpt">
49171            <header>
49172              <p class="date"><time datetime="2003-07-27T22:42:44+09:00">27日</time></p>
49173
49174              <h3>Creative Commons</h3>
49175            </header>
49176
49177            <p>流行りものなので。</p>
49178          </section>
49179        </a>
49180
49181
49182        <a href="/blog/webdesign/about_pre">
49183          <section class="excerpt">
49184            <header>
49185              <p class="date"><time datetime="2003-07-27T22:25:44+09:00">27日</time></p>
49186
49187              <h3>pre要素について</h3>
49188            </header>
49189
49190            <p>このサイトではベタテキストを書く場合、pre使う代わりにcodeで誤魔化しています。良くないことです。</p>
49191          </section>
49192        </a>
49193
49194
49195        <a href="/blog/blosxom/customize_categories">
49196          <section class="excerpt">
49197            <header>
49198              <p class="date"><time datetime="2003-07-27T22:08:06+09:00">27日</time></p>
49199
49200              <h3>Customize categories plugin</h3>
49201            </header>
49202
49203            <p>ValidなXHTML 1.1になるように出力をちょっとだけ変更。デフォルトの状態だと、ul直下にulが来ているので、そうならないようにしただけ。</p>
49204          </section>
49205        </a>
49206
49207
49208        <a href="/blog/blosxom/customize_archives">
49209          <section class="excerpt">
49210            <header>
49211              <p class="date"><time datetime="2003-07-27T22:07:12+09:00">27日</time></p>
49212
49213              <h3>Customize archives plugin</h3>
49214            </header>
49215
49216            <p>どうせ2階層しかありえないし、年まとめとかで閲覧しようなどという人は想像できないので、フラットに出力するようにしてみました。こっちの方が良いね。</p>
49217          </section>
49218        </a>
49219
49220
49221        <a href="/blog/blosxom/rss20_output">
49222          <section class="excerpt">
49223            <header>
49224              <p class="date"><time datetime="2003-07-27T09:12:54+09:00">27日</time></p>
49225
49226              <h3>RSS 2.0で出力することにしました</h3>
49227            </header>
49228
49229            <p>
49229めんどくさいのでdescriptionの無いRSSを出力することにしました。解決っていやぁ、解決。</p>
49230          </section>
49231        </a>
49232
49233
49234        <a href="/blog/blosxom/rss_note">
49235          <section class="excerpt">
49236            <header>
49237              <p class="date"><time datetime="2003-07-27T07:56:26+09:00">27日</time></p>
49238
49239              <h3>blosxomの出力するRSSファイル</h3>
49240            </header>
49241
49242            <p>ここの場合は、UTF-8なので文字コードの問題は無いですね。EUC-JPやShift-JISな人は、Perlに標準でインストールされているXMLパーサーにはそれらの文字コードのマッピングファイルが存在しなかったりするので、RSSファイルとしては問題なくても、他の人が読んでくれなかったりするかもしれないことは頭に入れとくと良いかも。</p>
49243          </section>
49244        </a>
49245
49246
49247        <a href="/blog/blosxom/install_writeback">
49248          <section class="excerpt">
49249            <header>
49250              <p class="date"><time datetime="2003-07-27T02:34:48+09:00">27日</time></p>
49251
49252              <h3>Install writeback plugin</h3>
49253            </header>
49254
49255            <p>こんなにややこしいものだったのか。使ったこと無かったからわかんなかった。テヘッ。</p>
49256          </section>
49257        </a>
49258
49259
49260        <a href="/blog/blosxom/entrymacro">
49261          <section class="excerpt">
49262            <header>
49263              <p class="date"><time datetime="2003-07-27T02:08:34+09:00">27日</time></p>
49264
49265              <h3>blosxomのエントリを作成する秀丸マクロ</h3>
49266            </header>
49267
49268            <p>適当にマークアップしてくれるもの。実体参照にて記述した方が良いと思われる文字の変換もサポート。UTF-8で保存。カテゴリを指定できる優れもの。新規カテゴリの場合はフォルダまで作ってくれるぜ!</p>
49269          </section>
49270        </a>
49271
49272
49273        <a href="/blog/blosxom/permanent_link_1">
49274          <section class="excerpt">
49275            <header>
49276              <p class="date"><time datetime="2003-07-27T02:07:24+09:00">27日</time></p>
49277
49278              <h3>permanent link</h3>
49279            </header>
49280
49281            <p>このflavourではpermanent linkは各entryのタイトルの先頭にある文字にリンクを張って表示しています。すげーわかりにくい。改善すべき。</p>
49282          </section>
49283        </a>
49284
49285
49286        <a href="/blog/blosxom/install_charset">
49287          <section class="excerpt">
49288            <header>
49289              <p class="date"><time datetime="2003-07-26T23:41:40+09:00">26日</time></p>
49290
49291              <h3>Install charset plugin</h3>
49292            </header>
49293
49294            <p>実はWriteBackの文字化けのみにしか使ってないという・・・。content_type.{flavour}とかあるし、head.{flavour}にmetaタグ書く場合はベタに記述して特に問題ないし。</p>
49295          </section>
49296        </a>
49297
49298
49299        <a href="/blog/blosxom/understand">
49300          <section class="excerpt">
49301            <header>
49302              <p class="date"><time datetime="2003-07-26T23:40:58+09:00">26日</time></p>
49303
49304              <h3>理解した!!!</h3>
49305            </header>
49306
49307            <p>entries_indexが上手く動いてないと思ったのは、ローカルでテストして作成された.entries_index.indexファイルをアップロードしたのにそれが反映されてないということだったのですが、これが大きな間違いで、.entries_index.indexファイルの内容はフルパスで各entryファイルを列記してあるので、ローカルとはフルパスが違うサーバー上では当然無視されてしまうということで・・・。</p>
49308          </section>
49309        </a>
49310
49311
49312        <a href="/blog/blosxom/install_archives">
49313          <section class="excerpt">
49314            <header>
49315              <p class="date"><time datetime="2003-07-26T23:40:54+09:00">26日</time></p>
49316
49317              <h3>Install archives plugin</h3>
49318            </header>
49319
49320            <p>滞りなく完了。</p>
49321          </section>
49322        </a>
49323
49324
49325        <a href="/blog/blosxom/install_categories">
49326          <section class="excerpt">
49327            <header>
49328              <p class="date"><time datetime="2003-07-26T23:40:46+09:00">26日</time></p>
49329
49330              <h3>Install categories plugin</h3>
49331            </header>
49332
49333            <p>特に問題も無くインストールできた。ルートが変だけど知らない。</p>
49334          </section>
49335        </a>
49336
49337
49338        <a href="/blog/blosxom/install_entries_index">
49339          <section class="excerpt">
49340            <header>
49341              <p class="date"><time datetime="2003-07-26T23:40:42+09:00">26日</time></p>
49342
49343              <h3>Install entries_index plugin</h3>
49344            </header>
49345
49346            <p>なんか上手く動いてないし。</p>
49347          </section>
49348        </a>
49349
49350
49351        <a href="/blog/blosxom/examine_blosxom">
49352          <section class="excerpt">
49353            <header>
49354              <p class="date"><time datetime="2003-07-26T23:40:20+09:00">26日</time></p>
49355
49356              <h3>blosxom考察</h3>
49357            </header>
49358
49359            <p>とりあえず見た目動いてるらしい。generate staticとか鯖上でやってみたい衝動に駆られる。</p>
49360          </section>
49361        </a>
49362
49363
49364        <a href="/blog/rss/rss_on_a_mailer">
49365          <section class="excerpt">
49366            <header>
49367              <p class="date"><time datetime="2003-07-24T00:00:00+09:00">24日</time></p>
49368
49369              <h3>RSSの更新情報をメールで貯め込む</h3>
49370            </header>
49371
49372            <p>貯め込んでなにするの? とか言ってはいけませんよ。溜め込めることよりも、単にメーラーで記事チェックできたらイイナァとかそんな事の方が重要だったりするわけで。なかなか既存のサービスでは見つけられなかったã
49372®ã§ã€è‡ªåˆ†ã§æ›¸ã„てみようと思い、ちょろっとかいてめんどくさすぎることに気づいたり。自作は危険かもなぁ・・・。既存のもので惜しかったのは、PopHeadlines。かなり理想に近いのですが、キッツイことに英語しか読めないです。期待をしつつ・・・。</p>
49373          </section>
49374        </a>
49375
49376
49377        <a href="/blog/internet/google_site_search">
49378          <section class="excerpt">
49379            <header>
49380              <p class="date"><time datetime="2003-07-23T04:00:00+09:00">23日</time></p>
49381
49382              <h3>Googleサイト検索</h3>
49383            </header>
49384
49385            <p>Googleを利用したサイト内検索を遊びで付けてみる。わーい、MovableTypeみたいだ。そのうち外すな、多分。いや、絶対。そういや、こういう時ってGoogleへのリンクだけじゃなくて、Googleのロゴも必須なのかな?</p>
49386          </section>
49387        </a>
49388
49389
49390        <a href="/blog/rss/sharing_your_site_with_rss">
49391          <section class="excerpt">
49392            <header>
49393              <p class="date"><time datetime="2003-07-23T02:00:00+09:00">23日</time></p>
49394
49395              <h3>Sharing Your Site with RSS</h3>
49396            </header>
49397
49398            <p>
49398HotWiredのWebmonkey(HotWired JapanのWebmonkeyで途中まで和訳あり)で、Sharing Your Site with RSSというコラムがありました。相変わらずくだけているというか適当この上ない文章ですが、わかりやすく正しい知識が得られるような気もする。概略つかむにはかなりいいような気がするので、参考にしてないけど参考資料に入れておこう。まぁ僕はRDFマンセーなわけですが。idealistsとか言われてる。</p>
49399          </section>
49400        </a>
49401
49402
49403        <a href="/blog/rss/rss_about_game">
49404          <section class="excerpt">
49405            <header>
49406              <p class="date"><time datetime="2003-07-23T00:00:00+09:00">23日</time></p>
49407
49408              <h3>Game関連RSS</h3>
49409            </header>
49410
49411            <p>Gameとか作ってみる。いや、はいふぁっと!やGameSpotやらを見に行くのが面倒で。GameSpotのRSSファイル、はいふぁっと! のRSSファイル、SOFTBANK GAMESのRSSファイルはここで配信です。</p>
49412          </section>
49413        </a>
49414
49415
49416        <a href="/blog/rss/rss_aggregator">
49417          <section class="excerpt">
49418            <header>
49419              <p class="date"><time datetime="2003-07-22T00:00:00+09:00">22日</time></p>
49420
49421              <h3>RSS aggregator</h3>
49422            </header>
49423
49424            <p>「RSSを集めるもの」というわけで、要はRSSを人間の頭で普通に理解できるようにものの総称。FeedReaderやKlipFolioをはじめ、結構な数あるので何を使って良いやら。クライアント側のものは、大きく分けてメーラー型のものとティッカー型のものに分けられると思います。FeedReaderが前者の例で、KlipFolioが後者の例ですね。個人的にメーラー型の方が使いやすく思うのですが、どうですか?</p>
49425          </section>
49426        </a>
49427
49428
49429        <a href="/blog/rss/rabbit_ticker">
49430          <section class="excerpt">
49431            <header>
49432              <p class="date"><time datetime="2003-07-20T02:00:00+09:00">20日</time></p>
49433
49434              <h3>Rabbit Ticker</h3>
49435            </header>
49436
49437            <p>Rabbit Tickerというものが読兎で紹介されてました。いまさらですが。KlipFolioと同じような、ティッカータイプのものですね。どうなんだろう? 電車についてる電光掲示板みたいなもんで、常に傍らにある必要は無いような気がするんですよね。Rabbit Tickerは知りませんが、KlipFolioはとても人気があるみたいだし、僕が変なのでしょうか。</p>
49438          </section>
49439        </a>
49440
49441
49442        <a href="/blog/blog/book_of_weblog">
49443          <section class="excerpt">
49444            <header>
49445              <p class="date"><time datetime="2003-07-20T00:00:00+09:00">20日</time></p>
49446
49447              <h3>ウェブログ本</h3>
49448            </header>
49449
49450            <p>届きました。ざぁっと読みましたが、こういう本は作るの難しそうだなと。Movable Typeの入門書としてはかなり良いものではないかと。ただ、詳しいことは参考URLまでアクセスしなきゃなかなかわかりづらいかなぁと。こういう本読んでると、本からハイパーリンクでウェブページに飛べたらイイナァとか思いますね。</p>
49451          </section>
49452        </a>
49453
49454
49455        <a href="/blog/misc/entropy">
49456          <section class="excerpt">
49457            <header>
49458              <p class="date"><time datetime="2003-07-19T00:00:00+09:00">19日</time></p>
49459
49460              <h3>エントロピー</h3>
49461            </header>
49462
49463            <p>エントロピー増大の法則っつーのがありますよね。温かいお茶は放っておくと冷めるけど、その逆は無いって奴。これは物理法則ではなくて経験則だそうです。で、この経験則を突き詰めて考察すると、そのうち宇宙は冷めきって、時間も糞も無い熱的死に到達するってことらしいです。</p>
49464          </section>
49465        </a>
49466
49467
49468        <a href="/blog/misc/hotspot">
49469          <section class="excerpt">
49470            <header>
49471              <p class="date"><time datetime="2003-07-16T00:00:00+09:00">16日</time></p>
49472
49473              <h3>ホットスポット</h3>
49474            </header>
49475
49476            <p>家の中が(一部)無線LAN化してたりするので、最近はPCカードの無線LANアダプタ持ち歩いて、ホットスポット見つけたらつないでみたりすることもあるんですが、「ホットスポットありマス」とか書いてないとわからないわけで。</p>
49477          </section>
49478        </a>
49479
49480
49481        <a href="/blog/rss/about_rss">
49482          <section class="excerpt">
49483            <header>
49484              <p class="date"><time datetime="2003-07-15T00:00:00+09:00">15日</time></p>
49485
49486              <h3>RSSって</h3>
49487            </header>
49488
49489            <p>
49489あれば便利。でも、積極的に使おうとは思えない。こんな感じでしょうか? それなりにいろいろニュースサイトはあるわけですし、ヘッドライン関連でRSSを広めるとかは無理っぽい気がする。</p>
49490          </section>
49491        </a>
49492
49493
49494        <a href="/blog/media/liz_phair_liz_phair">
49495          <section class="excerpt">
49496            <header>
49497              <p class="date"><time datetime="2003-07-14T02:00:00+09:00">14日</time></p>
49498
49499              <h3>Liz Phair / Liz Phair</h3>
49500            </header>
49501
49502            <p>Liz Phairの新しいアルバム、Liz Phair良いです。微妙に下手な歌にさらに磨きがかかってます。最高。</p>
49503          </section>
49504        </a>
49505
49506
49507        <a href="/blog/misc/bomb">
49508          <section class="excerpt">
49509            <header>
49510              <p class="date"><time datetime="2003-07-14T00:00:00+09:00">14日</time></p>
49511
49512              <h3>爆弾</h3>
49513            </header>
49514
49515            <p>「爆弾仕掛けてやる!」と思われるほど酷いイジメをしたのか。</p>
49516          </section>
49517        </a>
49518
49519
49520        <a href="/blog/misc/improper_remark">
49521          <section class="excerpt">
49522            <header>
49523              <p class="date"><time datetime="2003-07-13T00:00:00+09:00">13日</time></p>
49524
49525              <h3>市中引き回しの上、打ち首</h3>
49526            </header>
49527
49528            <p>スマイリー並みの毒だ。毒舌コメディアン/コメンテーターの方が向いてるんじゃないでしょうか?</p>
49529          </section>
49530        </a>
49531
49532
49533        <a href="/blog/sports/coby_was_arrested">
49534          <section class="excerpt">
49535            <header>
49536              <p class="date"><time datetime="2003-07-11T00:00:00+09:00">11日</time></p>
49537
49538              <h3>コービー・ブライアント逮捕</h3>
49539            </header>
49540
49541            <p>コービー・ブライアント逮捕と同時に、カール・マローンがレイカーズへ移籍。にわかにオフ移籍騒動が活発化しそうな気配で。しかしジャズ一筋(性格的は大いに疑問がありますが、形的には)だったカール・マローンが引退を間近にして移籍は意外だったなぁ。</p>
49542          </section>
49543        </a>
49544
49545
49546        <a href="/blog/misc/dream">
49547          <section class="excerpt">
49548            <header>
49549              <p class="date"><time datetime="2003-07-10T00:00:00+09:00">10日</time></p>
49550
49551              <h3>夢(2003年7月10日)</h3>
49552            </header>
49553
49554            <p>Q : あなたの夢を教えてください</p>
49555          </section>
49556        </a>
49557
49558
49559        <a href="/blog/misc/alarm_clock">
49560          <section class="excerpt">
49561            <header>
49562              <p class="date"><time datetime="2003-07-09T00:00:00+09:00">9日</time></p>
49563
49564              <h3>絶対に起きられる目覚まし</h3>
49565            </header>
49566
49567            <p>ちょっと欲しいとか思った。音が鳴らないというのが良いな。電子音の目覚ましだと起きないのよね。なのでアナログなジリジリジリジリと鳴るやつ(それとタイマーでCD)使ってるわけですが。</p>
49568          </section>
49569        </a>
49570
49571
49572        <a href="/blog/misc/magic">
49573          <section class="excerpt">
49574            <header>
49575              <p class="date"><time datetime="2003-07-08T00:00:00+09:00">8日</time></p>
49576
49577              <h3>マジック</h3>
49578            </header>
49579
49580            <p>
49580はーい シンちゃん パパだよ。</p>
49581          </section>
49582        </a>
49583
49584
49585        <a href="/blog/media/liz_phair">
49586          <section class="excerpt">
49587            <header>
49588              <p class="date"><time datetime="2003-07-07T00:00:00+09:00">7日</time></p>
49589
49590              <h3>Liz Phair</h3>
49591            </header>
49592
49593            <p>新しいアルバム出てた。今から買いに行ってきます。</p>
49594          </section>
49595        </a>
49596
49597
49598        <a href="/blog/misc/analyze_behavior">
49599          <section class="excerpt">
49600            <header>
49601              <p class="date"><time datetime="2003-07-06T00:00:00+09:00">6日</time></p>
49602
49603              <h3>行動の分析</h3>
49604            </header>
49605
49606            <p>良質な情報のありかが簡単にわかるようになると、個々のウェブサイトへの滞留時間は短くなる。これは、オンライン情報システムにおいて人々がどのように行動を最適化しているかを分析した結果わかったことの一端である。</p>
49607          </section>
49608        </a>
49609
49610
49611        <a href="/blog/misc/vanilla">
49612          <section class="excerpt">
49613            <header>
49614              <p class="date"><time datetime="2003-07-05T00:00:00+09:00">5日</time></p>
49615
49616              <h3>ヴァニラ</h3>
49617            </header>
49618
49619            <p>ヴァニラ・コークってうまくもないんだけど、まずくもなく、微妙に癖になるけど、わざわざ探してまで飲もうとも思えない代物ですね。</p>
49620          </section>
49621        </a>
49622
49623
49624        <a href="/blog/blog/about_blog">
49625          <section class="excerpt">
49626            <header>
49627              <p class="date"><time datetime="2003-07-04T02:00:00+09:00">4日</time></p>
49628
49629              <h3>blog</h3>
49630            </header>
49631
49632            <p>blogって流行ってるというか、テキストサイトを閉めてしまった人達が、楽だしなんとなくかっこよさげとかそんな感じでやってるだけじゃねーの?</p>
49633          </section>
49634        </a>
49635
49636
49637        <a href="/blog/misc/catcher_in_the_rye">
49638          <section class="excerpt">
49639            <header>
49640              <p class="date"><time datetime="2003-07-04T00:00:00+09:00">4日</time></p>
49641
49642              <h3>ライ麦畑でつかまえて</h3>
49643            </header>
49644
49645            <p>昔に読んだんですけど、大して面白いとも思わなかったです。きっと訳が悪かったんだということで、鳴り物入りな某訳の方を読んでみました。結構前の話ですが。それなりに面白かったです。が、あれほどまでに名作/傑作と評価されているのが良くわからないのですよ。あれを読むくらいならリア王でも読みつづけてるほうがはるかにマシなような、とか。</p>
49646          </section>
49647        </a>
49648
49649
49650        <a href="/blog/misc/hail2u_on_a_book">
49651          <section class="excerpt">
49652            <header>
49653              <p class="date"><time datetime="2003-07-03T00:00:00+09:00">3日</time></p>
49654
49655              <h3>書籍</h3>
49656            </header>
49657
49658            <p>書籍に載るそうです。このサイトが。タダでくれるというので貰っておこう。どんな書籍なのかはお楽しみ。15日に発売だそうです。まぁ、まともなコンテンツが1つしかないわけで、どんな書籍に載るかは想像つきそうなもんですが。</p>
49659          </section>
49660        </a>
49661
49662
49663        <a href="/blog/misc/diary_of_lie_2">
49664          <section class="excerpt">
49665            <header>
49666              <p class="date"><time datetime="2003-07-02T00:00:00+09:00">2日</time></p>
49667
49668              <h3>続・嘘日記</h3>
49669            </header>
49670
49671            <p>知ってますか? ピアスの穴から出てきた白い糸を抜いたら、実はそれモジュラーケーブルで、携帯電話は見えない何かでそれと接続して(以下略)。</p>
49672          </section>
49673        </a>
49674
49675
49676        <a href="/blog/misc/diary_of_lie_1">
49677          <section class="excerpt">
49678            <header>
49679              <p class="date"><time datetime="2003-07-01T00:00:00+09:00">1日</time></p>
49680
49681              <h3>嘘日記</h3>
49682            </header>
49683
49684            <p>ついに小指だけでタイピングできるキーボードが開発されたらしいですね。なかなかどうして指が釣りそうです。</p>
49685          </section>
49686        </a>
49687
49688          </section>
49689          <section>
49690            <h2><time datetime="2003-05">2003年5月</time></h2>
49691
49692        <a href="/blog/game/toee">
49693          <section class="excerpt">
49694            <header>
49695              <p class="date"><time datetime="2003-05-04T00:00:00+09:00">4日</time></p>
49696
49697              <h3>ToEE</h3>
49698            </header>
49699
49700            <p>しつこく引きますが、ToEEはArcanumという、癖があるけど、実は傑作な近現代(スチームマンセー)RPGを作ったTroikaが作ってるので、非常に期待できます。Arcanumは秀逸ですよ。日本語版ã
49700®å‡ºæ¥ãŒã‚¯ã‚ºã¿ãŸã„なものなので日本じゃあまりにも人気でなかったですが。CAPCOMは洋ゲーの和訳をリリースするなと。</p>
49701          </section>
49702        </a>
49703
49704
49705        <a href="/blog/sports/rare">
49706          <section class="excerpt">
49707            <header>
49708              <p class="date"><time datetime="2003-05-03T00:00:00+09:00">3日</time></p>
49709
49710              <h3>せっかく見に行ったのに</h3>
49711            </header>
49712
49713            <p>盛り上がるところが多々ありながら、最後に。ま、8回に玉木出して負けたのだからしょうがないといえばしょうがないですが。</p>
49714          </section>
49715        </a>
49716
49717
49718        <a href="/blog/misc/too_many_people">
49719          <section class="excerpt">
49720            <header>
49721              <p class="date"><time datetime="2003-05-02T00:00:00+09:00">2日</time></p>
49722
49723              <h3>人多すぎ</h3>
49724            </header>
49725
49726            <p>六本木の話ですが。夜に客引きしてるお姉さん方は駆逐したのかな? あっち(乃木坂歩いていく方面)の方もいろいろやってるみたいだし。Hardrock Cafeの方(十番に抜ける方面)とかはあんまり変わらんのね。微妙に良くわからない町になりつつあるような。怪しげな喫茶店とかおいしいことはおいしいけどオヤジが怖すぎる団子屋とか全部なくなってたなぁ。まー東横線からは行きやすいので、それなりに人集まり続きそうだ。新名所というほどのものにはならなそうな予感。テレビ朝日だし(酷い)。</p>
49727          </section>
49728        </a>
49729
49730
49731        <a href="/blog/game/release_date">
49732          <section class="excerpt">
49733            <header>
49734              <p class="date"><time datetime="2003-05-01T02:00:00+09:00">1日</time></p>
49735
49736              <h3>発売日</h3>
49737            </header>
49738
49739            <p>The Temple of Elemental Evilは9月中旬、Shadow of Undrentideは6月17日ということらしいです。なんにせよ、楽しみ。</p>
49740          </section>
49741        </a>
49742
49743
49744        <a href="/blog/sports/season_of_carp">
49745          <section class="excerpt">
49746            <header>
49747              <p class="date"><time datetime="2003-05-01T00:00:00+09:00">1日</time></p>
49748
49749              <h3>鯉の季節</h3>
49750            </header>
49751
49752            <p>などと言われるものの、綺麗に勝ちまくったことって記憶にないな。馬鹿のひとつ覚えのように言うのはマスコミだけ。</p>
49753          </section>
49754        </a>
49755
49756          </section>
49757          <section>
49758            <h2><time datetime="2003-04">2003年4月</time></h2>
49759
49760        <a href="/blog/sports/come_back_50pc">
49761          <section class="excerpt">
49762            <header>
49763              <p class="date"><time datetime="2003-04-29T02:00:00+09:00">29日</time></p>
49764
49765              <h3>5割復帰</h3>
49766            </header>
49767
49768            <p>なんとか3失点で抑えた高橋、中継ぎの役目をしっかりと果たした澤崎、連打で浅井の使いどころを作った前田・シーツ、警戒される中盗塁を成功させチャンスを広げてプレッシャーをかけた福地、期待にこたえた浅井、2割を切る不振の中でサヨナラヒットを放った緒方。打線は不調であまり良いところが見られないですけど、今日はいい試合だった。</p>
49769          </section>
49770        </a>
49771
49772
49773        <a href="/blog/software/shell_object_editor">
49774          <section class="excerpt">
49775            <header>
49776              <p class="date"><time datetime="2003-04-29T00:00:00+09:00">29日</time></p>
49777
49778              <h3>Shell Object Editor</h3>
49779            </header>
49780
49781            <p>Virtual Plasticより。Shell Object Editorという、My Computerやデスクトップにオブジェクトを作成するソフトウェア。ココによく使うフォルダを登録すれば、シェルのコンボボックスにでてくるので、コモンダイアログでアクセスしやすくなったりする。それ以外に利用価値は思いつかないけど。それなりに便利だと。それ以上にこういうこと思いつく柔軟な思考に萌えã€
49781‚</p>
49782          </section>
49783        </a>
49784
49785
49786        <a href="/blog/misc/golden_week">
49787          <section class="excerpt">
49788            <header>
49789              <p class="date"><time datetime="2003-04-28T00:00:00+09:00">28日</time></p>
49790
49791              <h3>大型連休</h3>
49792            </header>
49793
49794            <p>そんなものは関係ない人もいるわけで。</p>
49795          </section>
49796        </a>
49797
49798
49799        <a href="/blog/sports/lose">
49800          <section class="excerpt">
49801            <header>
49802              <p class="date"><time datetime="2003-04-27T00:00:00+09:00">27日</time></p>
49803
49804              <h3>負けてる</h3>
49805            </header>
49806
49807            <p>負けてるように見えるけど、きっと何かの間違いだ。多分。頼むから間違いで。</p>
49808          </section>
49809        </a>
49810
49811
49812        <a href="/blog/sports/well">
49813          <section class="excerpt">
49814            <header>
49815              <p class="date"><time datetime="2003-04-25T00:00:00+09:00">25日</time></p>
49816
49817              <h3>さて</h3>
49818            </header>
49819
49820            <p>5割に再挑戦な訳ですが。黒田はそれなりに試合を作ってくれそうなので、打線次第か。</p>
49821          </section>
49822        </a>
49823
49824
49825        <a href="/blog/game/shadows_of_undrentide">
49826          <section class="excerpt">
49827            <header>
49828              <p class="date"><time datetime="2003-04-24T04:00:00+09:00">24日</time></p>
49829
49830              <h3>Shadow of Undrentide</h3>
49831            </header>
49832
49833            <p>Neverwinter Nightsの拡張パックであるShadow of Undrentideは1か月後。すでに予約済みで入荷次第空輸される。友達から。同じBiowareから出されるStar Wars: Knights of the Old Republicもやってみたいな。ハックアンドスラッシュで気持ち良さそうな予感がするし、それなりにStar Wars好きだし。</p>
49834          </section>
49835        </a>
49836
49837
49838        <a href="/blog/game/the_temple_of_elemental_evil">
49839          <section class="excerpt">
49840            <header>
49841              <p class="date"><time datetime="2003-04-24T02:00:00+09:00">24日</time></p>
49842
49843              <h3>The Temple of Elemental Evil</h3>
49844            </header>
49845
49846            <p>D&amp;D 3rdなRPG、The Temple of Elemental EvilというPC用ゲーム。3人称なクォータービュー視点ということで、Baulder&apos;s GateやIcewind Daleと似たような形になるものだろうということで、激しく期待。6月らしいんですが、マジですか? 来年の6月かな?</p>
49847          </section>
49848        </a>
49849
49850
49851        <a href="/blog/rss/website_about_rss">
49852          <section class="excerpt">
49853            <header>
49854              <p class="date"><time datetime="2003-04-24T00:00:00+09:00">24日</time></p>
49855
49856              <h3>RSS関連のサイト</h3>
49857            </header>
49858
49859            <p>増えてきたような気がする。ニュース/ヘッドライン関連に偏ってるのは、現状ではそれら以外に利用価値が見出せないということなのでしょうか。といいつつ、自分自身もそれら以外に利用方法を見出せないのですけど。ごく一部のアプリケーションなどではRDFで設定を記録とかも出てきてはいるみたいですね。RSSとは関連性薄いですけど。</p>
49860          </section>
49861        </a>
49862
49863
49864        <a href="/blog/game/i_failed">
49865          <section class="excerpt">
49866            <header>
49867              <p class="date"><time datetime="2003-04-23T00:00:00+09:00">23日</time></p>
49868
49869              <h3>失敗</h3>
49870            </header>
49871
49872            <p>あー敏捷に振りすぎた。ライフが少なくて、リッチの稲妻で一撃で死ぬよ。必死に体力に降り始めてみる。ちなみにハンマー振り回す盗賊キャラです。そのうち歌う剣か混沌の剣が確実に手に入るので、両手剣になりそうな。</p>
49873          </section>
49874        </a>
49875
49876
49877        <a href="/blog/game/dont_freeze_enemy">
49878          <section class="excerpt">
49879            <header>
49880              <p class="date"><time datetime="2003-04-22T00:00:00+09:00">22日</time></p>
49881
49882              <h3>凍らせるの禁止</h3>
49883            </header>
49884
49885            <p>凍らせると楽すぎるので、禁止とか決めてやってたら、最初の町から外に出たところに稀にいる重い豚(ヘビーオーク)にサクサク殺される罠。出てきそうなあたりでセーブして、周りの普通の豚(ウォリアーオーク)や弩豚(クロスボウã‚
49885ªãƒ¼ã‚¯)を抹殺してから、弓で逃げながらチクチク。</p>
49886          </section>
49887        </a>
49888
49889
49890        <a href="/blog/sports/long_way_to_50pc">
49891          <section class="excerpt">
49892            <header>
49893              <p class="date"><time datetime="2003-04-19T00:00:00+09:00">19日</time></p>
49894
49895              <h3>5割は遠い</h3>
49896            </header>
49897
49898            <p>果てしなく。このままシーズン終了まで貯金無しな予感。</p>
49899          </section>
49900        </a>
49901
49902
49903        <a href="/blog/misc/cutting_corner">
49904          <section class="excerpt">
49905            <header>
49906              <p class="date"><time datetime="2003-04-18T00:00:00+09:00">18日</time></p>
49907
49908              <h3>手抜き</h3>
49909            </header>
49910
49911            <p>日記が明らかに手抜きなのは、ゲームはじめたからです。英語版で5週くらいしたけど日本語版やりたくなったので。悪いところは死ぬほどあると思うけど、意外に面白いDivine Divinity。凍らせる→斬る→逃げる→凍らせる→斬る→逃げる(繰り返し)。</p>
49912          </section>
49913        </a>
49914
49915
49916        <a href="/blog/misc/my_brain">
49917          <section class="excerpt">
49918            <header>
49919              <p class="date"><time datetime="2003-04-17T00:00:00+09:00">17日</time></p>
49920
49921              <h3>頭が</h3>
49922            </header>
49923
49924            <p>眼鏡にまだ慣れていないため、ディスプレィを30分くらい眺めていると、すぐ頭が痛くなる。ちと、強くしすぎたかな。ちなみに、右が0.03→1.0と左が0.2→1.0ということで、ひどいガチャ目なのですよ。</p>
49925          </section>
49926        </a>
49927
49928
49929        <a href="/blog/misc/glasses">
49930          <section class="excerpt">
49931            <header>
49932              <p class="date"><time datetime="2003-04-16T00:00:00+09:00">16日</time></p>
49933
49934              <h3>眼鏡</h3>
49935            </header>
49936
49937            <p>作りました。非球面レンズは高いなと。パソコン一台買える位の値段なことは内緒です。</p>
49938          </section>
49939        </a>
49940
49941
49942        <a href="/blog/sports/starting_pitcher">
49943          <section class="excerpt">
49944            <header>
49945              <p class="date"><time datetime="2003-04-15T00:00:00+09:00">15日</time></p>
49946
49947              <h3>今日の先発</h3>
49948            </header>
49949
49950            <p>長谷川が体調不良で2軍落ち(ついでに小山田も)なので、明日の先発がいないですね。代わりに上がってきた酒井と天野は中継ぎだと思うので、中継ぎから一人まわすことになるのでしょう。とすると中継ぎではそこそこ安定で貴重な左腕ニューマンか調子は今ひとつどころじゃない澤崎、いまいち状態不明な河内ということになりますね。個人的には河内希望。でも、多分ニューマン。そして中継ぎ崩壊。</p>
49951          </section>
49952        </a>
49953
49954
49955        <a href="/blog/software/syslogd.exe">
49956          <section class="excerpt">
49957            <header>
49958              <p class="date"><time datetime="2003-04-14T00:00:00+09:00">14日</time></p>
49959
49960              <h3>syslogd.exe</h3>
49961            </header>
49962
49963            <p>syslogd.exeで遊んでたりする。あーこれおもろいな。あんまり役に立たないのですが。</p>
49964          </section>
49965        </a>
49966
49967
49968        <a href="/blog/sports/nervous">
49969          <section class="excerpt">
49970            <header>
49971              <p class="date"><time datetime="2003-04-13T00:00:00+09:00">13日</time></p>
49972
49973              <h3>ハラハラドキドキ</h3>
49974            </header>
49975
49976            <p>というか、もう開いた口がふさがらないというか。理解に苦しむ采配だ。抑えは永川でいくんじゃなかったのか? 点差があるから小山田使ったのか? 小山田が明らかに調整失敗してるのは前回の登板で明らかじゃないですか? どっしりと構えてるといえば聞こえはいいが、投げやりに適当にやってるようにしかみえん。</p>
49977          </section>
49978        </a>
49979
49980
49981        <a href="/blog/software/release_execplus">
49982          <section class="excerpt">
49983            <header>
49984              <p class="date"><time datetime="2003-04-12T02:00:00+09:00">12日</time></p>
49985
49986              <h3>Exec+公開</h3>
49987            </header>
49988
49989            <p>強制再起動なMicrosoft謹製Hotfixとか当てる時、-zとか引数指定すると、再起動せずに済んだりするのですが、いちいち指定するのも面倒なわけで。で、引数指定して起動できるVBScript使ってたりしたんですが、なんとなくDelphiで作ってみる。ついでに作業フォルダや実行時ã
49989®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã€å„ªå…ˆåº¦ã‚‚指定できるように。使いどころがほとんど無いのが珠に傷。私的には、ごく稀にあって良かったと思うんですが。</p>
49990          </section>
49991        </a>
49992
49993
49994        <a href="/blog/sports/turnig_the_tide">
49995          <section class="excerpt">
49996            <header>
49997              <p class="date"><time datetime="2003-04-12T00:00:00+09:00">12日</time></p>
49998
49999              <h3>逆転!!!!</h3>
50000            </header>
50001
50002            <p>3ラン打たれた。林使え。</p>
50003          </section>
50004        </a>
50005
50006
50007        <a href="/blog/software/update_carrier">
50008          <section class="excerpt">
50009            <header>
50010              <p class="date"><time datetime="2003-04-11T00:00:00+09:00">11日</time></p>
50011
50012              <h3>Carrier更新</h3>
50013            </header>
50014
50015            <p>マイ ネットワークってどんな構造になってるのかいまいちわからないのですよ。Explorerで扱う分には、たんなるフォルダとほぼ同一に扱えるので良いんですが、FTPとかをネットワーク プレイスとして置いてたりするとどうなるのか。というわけで、Carrierは対応してなかったのですが、Explorerの機能をそのまんま持ってきてるものなので、あんまり気にしないでも良いような気がしてきたため、対応ということにしておきました。あんまりトリッキーな使い方しないでください(ぉ。</p>
50016          </section>
50017        </a>
50018
50019
50020        <a href="/blog/sports/stop_consecutive_defeats">
50021          <section class="excerpt">
50022            <header>
50023              <p class="date"><time datetime="2003-04-10T02:00:00+09:00">10日</time></p>
50024
50025              <h3>連敗ストップ</h3>
50026            </header>
50027
50028            <p>打順入れ替えが功を奏したというか、佐々岡がそれなりに踏ん張ったからなような。</p>
50029          </section>
50030        </a>
50031
50032
50033        <a href="/blog/misc/wireless_lan_router">
50034          <section class="excerpt">
50035            <header>
50036              <p class="date"><time datetime="2003-04-10T00:00:00+09:00">10日</time></p>
50037
50038              <h3>無線LANルータ</h3>
50039            </header>
50040
50041            <p>無線ルータを導入したので近くの公園とかからアクセスしてみる。繋がる繋がる。当たり前。マルチセッションにも対応しているし、グローバルIPを複数割り当てられるみたいだが、設定わかんね。つか、設定CGI使いにくい。せめてきちんとしたヘルプくらい付けてくれ。</p>
50042          </section>
50043        </a>
50044
50045
50046        <a href="/blog/misc/kamaage_shirasu_don">
50047          <section class="excerpt">
50048            <header>
50049              <p class="date"><time datetime="2003-04-09T00:00:00+09:00">9日</time></p>
50050
50051              <h3>釜揚げシラス丼</h3>
50052            </header>
50053
50054            <p>これ以上の何を望むというのか。</p>
50055          </section>
50056        </a>
50057
50058
50059        <a href="/blog/software/pserv.cpl">
50060          <section class="excerpt">
50061            <header>
50062              <p class="date"><time datetime="2003-04-08T00:00:00+09:00">8日</time></p>
50063
50064              <h3>pserv.cpl</h3>
50065            </header>
50066
50067            <p>インストールされているサービスやデバイスの一覧をリストビューで見ることが出来るpserv.cpl。愛用。サービスの一覧とかmmcから見るのかったるくないですが? デバイスマネージャで非表示のデバイスとか見るのも。まぁカスタムで作っても良いんですけど。バージョンアップしてスタンドアローンなEXEになりました。</p>
50068          </section>
50069        </a>
50070
50071
50072        <a href="/blog/misc/compact_degital_camera">
50073          <section class="excerpt">
50074            <header>
50075              <p class="date"><time datetime="2003-04-07T02:00:00+09:00">7日</time></p>
50076
50077              <h3>コンパクトデジカメ</h3>
50078            </header>
50079
50080            <p>DiMAGE XtとEXILIM EX-S3とOptio Sのどれを母親に買わせようかと悩み中。いや、スリムなデジカメ欲しいと言ってたので、Optio Sを薦めたんですが、他の2つもいいなぁと。320万画素あれば相当長い間つかえるだろうし。カタログ貰ってきて、デザインで選ばせることにしよう。個人的にはDiMAGE Xtに傾きつつ。</p>
50081          </section>
50082        </a>
50083
50084
50085        <a href="/blog/sports/gaping">
50086          <section class="excerpt">
50087            <header>
50088              <p class="date"><time datetime="2003-04-07T00:00:00+09:00">7日</time></p>
50089
50090              <h3>ぽかーん</h3>
50091            </header>
50092
50093            <p>
50093Aクラスなんて夢のまた夢な試合内容だったなぁ・・・。夢も希望も粉々に砕けるような、そんな試合でした。</p>
50094          </section>
50095        </a>
50096
50097
50098        <a href="/blog/sports/easily">
50099          <section class="excerpt">
50100            <header>
50101              <p class="date"><time datetime="2003-04-06T00:00:00+09:00">6日</time></p>
50102
50103              <h3>あっさりと</h3>
50104            </header>
50105
50106            <p>負けました。黒田かわいそうに。しかし、「工藤、隔年で大活躍」説はいまだ健在なのか。恐ろしいピッチャーだ。</p>
50107          </section>
50108        </a>
50109
50110
50111        <a href="/blog/software/turnflash">
50112          <section class="excerpt">
50113            <header>
50114              <p class="date"><time datetime="2003-04-04T06:00:00+09:00">4日</time></p>
50115
50116              <h3>TurnFlash</h3>
50117            </header>
50118
50119            <p>TurnFlashつーのを発見。FlashをON/OFF手軽に切り替えるアプリケーション。Flashだけというところがミソ。ま、常にFlash OFFな人なのですが。効果的で見飽きないFlashって見たこと無いような気がする。大概、一回見れば良いやというものが。インタラクティブなアクションのあるJavaScriptもそうですが。しかし、Macromediaのサイトはすげーな。Flash OFFでもかなり美しい。いや、むしろOFFの方が美しいとさえ。</p>
50120          </section>
50121        </a>
50122
50123
50124        <a href="/blog/coding/installed_module">
50125          <section class="excerpt">
50126            <header>
50127              <p class="date"><time datetime="2003-04-04T04:00:00+09:00">4日</time></p>
50128
50129              <h3>インストール済みのモジュール</h3>
50130            </header>
50131
50132            <p>BIGLOBEのサーバーのPerlに、どのモジュールが入っていて、どのモジュールが入っていないか良くわからないので、モジュールチェッカーを作ってみる。XML::Parser無いよ・・・無いよ・・・やっぱり無いよ・・・。</p>
50133          </section>
50134        </a>
50135
50136
50137        <a href="/blog/rss/bug_in_rsshg_2">
50138          <section class="excerpt">
50139            <header>
50140              <p class="date"><time datetime="2003-04-04T02:00:00+09:00">4日</time></p>
50141
50142              <h3>RSS Generatorのバグ</h3>
50143            </header>
50144
50145            <p>あんまり考えずにRSS Generatorを改造してたら、変数に格納されているものをリセットしてなかったようで、ガンガン追加されていく状態になってた。治ったような気がする。</p>
50146          </section>
50147        </a>
50148
50149
50150        <a href="/blog/rss/life_with_microsoft">
50151          <section class="excerpt">
50152            <header>
50153              <p class="date"><time datetime="2003-04-04T00:00:00+09:00">4日</time></p>
50154
50155              <h3>Life with Microsoft</h3>
50156            </header>
50157
50158            <p>ということで異様に重くて、見るのがかったるい、マイクロソフト セキュリティ情報一覧とかRSSファイルにしてみる。お、ちょっと便利。ヘルプとサポートとか新着ダウンロードとかもあったら便利かもな。</p>
50159          </section>
50160        </a>
50161
50162
50163        <a href="/blog/sports/hayashi_tamaki_nagakawa">
50164          <section class="excerpt">
50165            <header>
50166              <p class="date"><time datetime="2003-04-03T00:00:00+09:00">3日</time></p>
50167
50168              <h3>林・玉木・永川</h3>
50169            </header>
50170
50171            <p>勝ちゲームの中継ぎはこの3人で行くのかな。今のところそれなりにいけそうな気はする。永川良いな。キャラ的にはあまり好きではないんですが。</p>
50172          </section>
50173        </a>
50174
50175
50176        <a href="/blog/rss/rss_generate_function_to_mimic2">
50177          <section class="excerpt">
50178            <header>
50179              <p class="date"><time datetime="2003-04-02T00:00:00+09:00">2日</time></p>
50180
50181              <h3>Mimicboard2にRSS生成機能を</h3>
50182            </header>
50183
50184            <p>つけた。ローカルでは完璧に動いた。が、Jcode.pmを何回か使っているため、どうもメモリ使用量制限にひっかかるようです。なので、サーバーでは動きません。チューンナップしろということでã
50184™ã‹ã€ãã†ã§ã™ã‹ã€‚</p>
50185          </section>
50186        </a>
50187
50188
50189        <a href="/blog/sports/poor_batting_order">
50190          <section class="excerpt">
50191            <header>
50192              <p class="date"><time datetime="2003-04-01T02:00:00+09:00">1日</time></p>
50193
50194              <h3>貧打</h3>
50195            </header>
50196
50197            <p>つか、貧打線だな・・・。シーツの守備は非常に安心してみてられて良いのだけれども、あそこまで打てないのを見るとちょっと・・・。</p>
50198          </section>
50199        </a>
50200
50201
50202        <a href="/blog/software/oasys">
50203          <section class="excerpt">
50204            <header>
50205              <p class="date"><time datetime="2003-04-01T00:00:00+09:00">1日</time></p>
50206
50207              <h3>OASYS</h3>
50208            </header>
50209
50210            <p>OASYS 2002ってワープロソフトとしてもアウトラインエディタとしても優秀な気がする。いや、なんとなくですが。えらいキビキビした挙動に惚れかけた。</p>
50211          </section>
50212        </a>
50213
50214          </section>
50215          <section>
50216            <h2><time datetime="2003-03">2003年3月</time></h2>
50217
50218        <a href="/blog/rss/dc-date">
50219          <section class="excerpt">
50220            <header>
50221              <p class="date"><time datetime="2003-03-31T00:00:00+09:00">31日</time></p>
50222
50223              <h3>dc:date</h3>
50224            </header>
50225
50226            <p>RDFなRSSファイルの各itemにdc:dateがあると、便利といえば便利だとは思う。複数のRSSファイルをまとめて、時系列でソートするとか出来るし。が、日時以外に時分秒まで無いと意味が薄いわけで。普通の手作業なサイトでそれを書いておくのは億劫。</p>
50227          </section>
50228        </a>
50229
50230
50231        <a href="/blog/misc/literary_youth">
50232          <section class="excerpt">
50233            <header>
50234              <p class="date"><time datetime="2003-03-30T00:00:00+09:00">30日</time></p>
50235
50236              <h3>文学青年</h3>
50237            </header>
50238
50239            <p>なぜかロマン・ロランのジャン・クリストフを読み始める今日この頃。発行年月日が昭和37年とか書いてあった。丈夫な装丁の本だ。</p>
50240          </section>
50241        </a>
50242
50243
50244        <a href="/blog/sports/that_is_it">
50245          <section class="excerpt">
50246            <header>
50247              <p class="date"><time datetime="2003-03-29T00:00:00+09:00">29日</time></p>
50248
50249              <h3>これに尽きる</h3>
50250            </header>
50251
50252            <p>黒田は神。</p>
50253          </section>
50254        </a>
50255
50256
50257        <a href="/blog/rss/rdf-about">
50258          <section class="excerpt">
50259            <header>
50260              <p class="date"><time datetime="2003-03-28T04:00:00+09:00">28日</time></p>
50261
50262              <h3>rdf:about</h3>
50263            </header>
50264
50265            <p>The {resource} URL of the channel element&apos;s rdf:about attribute must be unique with respect to any other rdf:about attributes in the RSS document and is a URI which identifies the channel. Most commonly, this is either the URL of the homepage being described or a URL where the RSS file can be found.</p>
50266          </section>
50267        </a>
50268
50269
50270        <a href="/blog/rss/file_flash_rss">
50271          <section class="excerpt">
50272            <header>
50273              <p class="date"><time datetime="2003-03-28T02:00:00+09:00">28日</time></p>
50274
50275              <h3>File FlashのRSSファイル</h3>
50276            </header>
50277
50278            <p>File FlashのRSSファイルからchannelのタイトルその他が取得できない。理由がわからない。怪しいところは、</p>
50279          </section>
50280        </a>
50281
50282
50283        <a href="/blog/sports/2003_season_just_opened">
50284          <section class="excerpt">
50285            <header>
50286              <p class="date"><time datetime="2003-03-28T00:00:00+09:00">28日</time></p>
50287
50288              <h3>開幕ですよ</h3>
50289            </header>
50290
50291            <p>妄想の日々ともお別れです。これから厳しい現実に晒されることでしょう。しかし、きっと新井と福地と栗原は結果を出してくれます。先発陣は長谷川が出遅れたものの、それなりに数が揃ってるし、中継ぎは永川含めそれなり。抑えは小山田が前半くらいはもつでしょう。打線が・・・新井と福地、シーツにかかってるような気がする。激しく不安。今年は最下位でも山本浩二が首になるんだったらそれはそれでいいんだけど。うっかり上位に進出して長期政権とかになったら・・・。</p>
50292          </section>
50293        </a>
50294
50295
50296        <a href="/blog/rss/general_like_rss_generator">
50297          <section class="excerpt">
50298            <header>
50299              <p class="date"><time datetime="2003-03-27T08:00:00+09:00">27日</time></p>
50300
50301              <h3>汎用的にみえるRSS生成スクリプト</h3>
50302            </header>
50303
50304            <p>なんとなく汎用的にみえるRSS生成スクリプトが一応形になった。でも、明らかにダメな(切り出せない)サイトとか思いつくわけで。</p>
50305          </section>
50306        </a>
50307
50308
50309        <a href="/blog/rss/rss_of_last_10_comments_at_bbs">
50310          <section class="excerpt">
50311            <header>
50312              <p class="date"><time datetime="2003-03-27T06:00:00+09:00">27日</time></p>
50313
50314              <h3>最新10件の投稿を抜き出したRSSファイル</h3>
50315            </header>
50316
50317            <p>
50317暇そうだね、君。いや、自分のことですが。BBSの最新10件の投稿を抜き出したRSSファイルを配信してみる。別にMimicboard2にもぐりこませたわけではなく、ログを非常にエレガントに解析して・・・いや、「アフォか?」というくらいループさせて抜き出してるだけですが。激しく重い。普通にサイト開いた方が手っ取り早い罠。掲示板のログとかは綺麗に定型化されてるので、RSSファイルにするのは簡単。ループのさせ方さえ間違わなければ。</p>
50318          </section>
50319        </a>
50320
50321
50322        <a href="/blog/rss/myrss">
50323          <section class="excerpt">
50324            <header>
50325              <p class="date"><time datetime="2003-03-27T04:00:00+09:00">27日</time></p>
50326
50327              <h3>myRSS</h3>
50328            </header>
50329
50330            <p>怒涛のように、というか細切れに更新してみる。myRSSは怪しげで面白い。コアな言葉をキーワードにGoogleで検索し、その結果のURLとかでRSS作ったりすると結構楽しいことに。osamaをキーワードにして検索した結果のRSSとかあるし。Syndic8.comは巨大すぎて訳がわからない。検索が重いのもちと辛い。けど、それなりにRSSファイル探しには使える。News Is Freeと違って、独自生成のはないのですが。</p>
50331          </section>
50332        </a>
50333
50334
50335        <a href="/blog/rss/emphasize_rss">
50336          <section class="excerpt">
50337            <header>
50338              <p class="date"><time datetime="2003-03-27T02:00:00+09:00">27日</time></p>
50339
50340              <h3>RSSを強調してみる</h3>
50341            </header>
50342
50343            <p>RSSというのはかなり使えるものでして。とか、いまさら強調してみる。ソースコードに一定のフォーマットでコメントを埋め込んでやり、それを抽出してRSSファイル化しておくとか(CVSは別な手法でそんな感じのが実現されてますが)。まーいわゆる時系列やら重要度やら順番が明確なものを基準として、フラットに並ぶような情報の整理には向いてるんじゃないかと。Sourceforge.netなんかは開発状況などをRSS 2.0またはで配信するようになってたりするし、爆発的に普及する可能性が高くなってきたような感じもする。</p>
50344          </section>
50345        </a>
50346
50347
50348        <a href="/blog/rss/exception">
50349          <section class="excerpt">
50350            <header>
50351              <p class="date"><time datetime="2003-03-27T00:00:00+09:00">27日</time></p>
50352
50353              <h3>例外</h3>
50354            </header>
50355
50356            <p>モジュール側でわざわざ例外投げてくれるのだから、そのメッセージは表示してやったほうが良いだろうということで、Convert RSS to HTMLとConvert RSS to TXTを、パースエラーで停止した場合は例外メッセージを表示するように書き換えました。まあ大概の場合は「well-formedじゃねぇぞ、コラ」とか言われるだけなんですがね。</p>
50357          </section>
50358        </a>
50359
50360
50361        <a href="/blog/rss/character_entity_in_rss">
50362          <section class="excerpt">
50363            <header>
50364              <p class="date"><time datetime="2003-03-26T00:00:00+09:00">26日</time></p>
50365
50366              <h3>RSS内の実体参照</h3>
50367            </header>
50368
50369            <p>「&amp;」があるだけでパースできないRSSファイルの対策が、失敗しているような。いまいち挙動がつかめないな。成功してるようなしてないような。実際、加えた処理のおかげでパース出来るようになったのもあるんだけれども。あいも変わらずパースできないのもあったりして謎。つか、ちゃんと書けよ(結局これに尽きる)!!!</p>
50370          </section>
50371        </a>
50372
50373
50374        <a href="/blog/rss/general_rss_generator">
50375          <section class="excerpt">
50376            <header>
50377              <p class="date"><time datetime="2003-03-25T00:00:00+09:00">25日</time></p>
50378
50379              <h3>汎用的なRSS生成スクリプト</h3>
50380            </header>
50381
50382            <p>抜き出しの定義とかは正規表現を指定してやれば何とかなるとして、問題は複数行にまたがってtitleにあたるものが書かれてたりする場合ですね。無理だろ・・・少なくとも効率的な方法が思いつかない。</p>
50383          </section>
50384        </a>
50385
50386
50387        <a href="/blog/rss/update_rsshg_2">
50388          <section class="excerpt">
50389            <header>
50390              <p class="date"><time datetime="2003-03-24T02:00:00+09:00">24日</time></p>
50391
50392              <h3>RSS Headline Grabber更新 #2</h3>
50393            </header>
50394
50395            <p>RSS Headline Grabberの開発版で、実体参照使わないで「&amp;」とか書いてあるRSSファイルを無理やり読めるようにしてみる。あんまり良くない。出来ることならきちんと書いて欲しいものだ。</p>
50396          </section>
50397        </a>
50398
50399
50400        <a href="/blog/media/the_donnas">
50401          <section class="excerpt">
50402            <header>
50403              <p class="date"><time datetime="2003-03-24T00:00:00+09:00">24日</time></p>
50404
50405              <h3>The Donnas</h3>
50406            </header>
50407
50408            <p>LollapaloozaのLine-upをチェックしてたら、The Donnasというバンドが新たに加わってました。なんつーか、惚れた。いろんな意味でぶっ飛んでるバンドだ。</p>
50409          </section>
50410        </a>
50411
50412
50413        <a href="/blog/software/completex2">
50414          <section class="excerpt">
50415            <header>
50416              <p class="date"><time datetime="2003-03-23T00:00:00+09:00">23日</time></p>
50417
50418              <h3>CompleteX 2.00</h3>
50419            </header>
50420
50421            <p>いろいろ機能を拡張したみたいなCompleteX 2.00がうまく動かない。うまく動かないので、良いものかどうか良くわからない。1.00 beta20をしばらく使うべきな気がする。遭遇したトラブルは、</p>
50422          </section>
50423        </a>
50424
50425
50426        <a href="/blog/webdesign/charset">
50427          <section class="excerpt">
50428            <header>
50429              <p class="date"><time datetime="2003-03-22T00:00:00+09:00">22日</time></p>
50430
50431              <h3>文字コードセット</h3>
50432            </header>
50433
50434            <p>結局はこの問題はUnicodeというものが完全に普及するまでは逃げられないんだろうなと。</p>
50435          </section>
50436        </a>
50437
50438
50439        <a href="/blog/rss/publishing_rss">
50440          <section class="excerpt">
50441            <header>
50442              <p class="date"><time datetime="2003-03-21T00:00:00+09:00">21日</time></p>
50443
50444              <h3>RSSファイルの発行</h3>
50445            </header>
50446
50447            <p>1行目のXML宣言部分がおかしいのかな? とりあえず一時停止。</p>
50448          </section>
50449        </a>
50450
50451
50452        <a href="/blog/software/dwmx_61_updater">
50453          <section class="excerpt">
50454            <header>
50455              <p class="date"><time datetime="2003-03-20T00:00:00+09:00">20日</time></p>
50456
50457              <h3>Dreamweaver MX 6.1 アップデータ</h3>
50458            </header>
50459
50460            <p>マシンによっては設定ファイル壊れたり、よくわからない挙動するようになったりと結構大変だった。とりあえず設定ファイルを削除して、やり直すと大体問題ないみたいではある。黙々とキーカスタマイズしてたな・・・。</p>
50461          </section>
50462        </a>
50463
50464
50465        <a href="/blog/rss/update_rsshg_1">
50466          <section class="excerpt">
50467            <header>
50468              <p class="date"><time datetime="2003-03-19T00:00:00+09:00">19日</time></p>
50469
50470              <h3>RSS Headline Grabber更新</h3>
50471            </header>
50472
50473            <p>RSS Headline Grabberでチェックしたときの最新記事を保存して、次回にそれを参照する機能をつけるように作業中。最初、Naotoさんがファイルサイズチェックで実装した(らしい)んですが、ま、どうせ取得してる(はず)なもの使ったほうが手っ取り早いだろうと。今のところ順調。</p>
50474          </section>
50475        </a>
50476
50477
50478        <a href="/blog/coding/perl_hejp">
50479          <section class="excerpt">
50480            <header>
50481              <p class="date"><time datetime="2003-03-18T00:00:00+09:00">18日</time></p>
50482
50483              <h3>Perlのヘルプ</h3>
50484            </header>
50485
50486            <p>HTMLで困らないんですが、エディタからキーでカーソル位置の単語のヘルプを呼び出せる形だと楽なわけで。まともな日本語マニュアル見つけたのでコンパイルしたった。index作るのに2時間くらいかかった。メンドイよなã
50486ã€‚</p>
50487          </section>
50488        </a>
50489
50490
50491        <a href="/blog/misc/user_stylesheet">
50492          <section class="excerpt">
50493            <header>
50494              <p class="date"><time datetime="2003-03-17T00:00:00+09:00">17日</time></p>
50495
50496              <h3>ユーザー スタイルシート</h3>
50497            </header>
50498
50499            <p>ユーザー スタイルシートに</p>
50500          </section>
50501        </a>
50502
50503
50504        <a href="/blog/coding/jump_with_menu">
50505          <section class="excerpt">
50506            <header>
50507              <p class="date"><time datetime="2003-03-16T00:00:00+09:00">16日</time></p>
50508
50509              <h3>メニュー出してジャンプマクロ</h3>
50510            </header>
50511
50512            <p>いろいろ出来そうな。</p>
50513          </section>
50514        </a>
50515
50516
50517        <a href="/blog/coding/sub-routine_jump">
50518          <section class="excerpt">
50519            <header>
50520              <p class="date"><time datetime="2003-03-15T00:00:00+09:00">15日</time></p>
50521
50522              <h3>サブルーチンジャンプ</h3>
50523            </header>
50524
50525            <p>秀丸のタグジャンプでPerlのサブルーチンをたどれるようにしようかと思ったけど、面白そうなのでマクロでサブルーチンの一覧メニューを出して、ジャンプできるマクロを作ってました。こんな感じ。</p>
50526          </section>
50527        </a>
50528
50529
50530        <a href="/blog/sports/carp_2003">
50531          <section class="excerpt">
50532            <header>
50533              <p class="date"><time datetime="2003-03-14T02:00:00+09:00">14日</time></p>
50534
50535              <h3>今年のカープ</h3>
50536            </header>
50537
50538            <p>いまだに内野手のメンツが決まってない今年のカープ。どうなるんだ・・・。まー先発ローテーションも決まってなさそうなんですが。河内で良いよ。いや、河内が良い。もう少しだ。それなりに楽しそうではあるシーズンっぽいので、楽しみ。</p>
50539          </section>
50540        </a>
50541
50542
50543        <a href="/blog/webdesign/gray_scale">
50544          <section class="excerpt">
50545            <header>
50546              <p class="date"><time datetime="2003-03-14T00:00:00+09:00">14日</time></p>
50547
50548              <h3>グレースケール</h3>
50549            </header>
50550
50551            <p>結局、戻るのね。</p>
50552          </section>
50553        </a>
50554
50555
50556        <a href="/blog/rss/lmod_in_rss">
50557          <section class="excerpt">
50558            <header>
50559              <p class="date"><time datetime="2003-03-13T00:00:00+09:00">13日</time></p>
50560
50561              <h3>Last-Modified in RSS</h3>
50562            </header>
50563
50564            <p>Last-ModifiedでRSSファイルの更新時刻を取得して表示という機能を、Naotoさんが付けてくれたんですが、諸事情によりお蔵入り。復活させようと画策するも、なかなか綺麗に出力されるようには出来そうにもないですね。あったら便利だとは思うんです。</p>
50565          </section>
50566        </a>
50567
50568
50569        <a href="/blog/rss/release_rsshg">
50570          <section class="excerpt">
50571            <header>
50572              <p class="date"><time datetime="2003-03-12T00:00:00+09:00">12日</time></p>
50573
50574              <h3>RSS Headline Grabber公開</h3>
50575            </header>
50576
50577            <p>まとめるとこはまとめ、エラー処理もきちんとしたと思うので、よくわからないコメントの整理して、公開。Naotoさんが半分以上作ったような気がする。まーでもベースは僕が作った奴だから、僕が6割、Naotoさんが4割くらいか。僕ら二人しか使いそうも無い気がしますが、作ることに意義があるのですよ!</p>
50578          </section>
50579        </a>
50580
50581
50582        <a href="/blog/software/geoshell">
50583          <section class="excerpt">
50584            <header>
50585              <p class="date"><time datetime="2003-03-11T00:00:00+09:00">11日</time></p>
50586
50587              <h3>GeoShell</h3>
50588            </header>
50589
50590            <p>GeoShellの最新版が妙に安定しない。見た目的にはミニマリスト的なものだけど、内容的にミニマリスト的なものじゃなくなってるような気がしないでもない。やはりスキンは余計な機能だと思う。Pluginにでも分離して欲しいとか思う今日この頃。レジストリいじるのがめんどくさくなってきたし、bb4winの方に・・・。</p>
50591          </section>
50592        </a>
50593
50594
50595        <a href="/blog/media/rockin_on_200304">
50596          <section class="excerpt">
50597            <header>
50598              <p class="date"><time datetime="2003-03-09T00:00:00+09:00">9日</time></p>
50599
50600              <h3>ロキーンオン4月号</h3>
50601            </header>
50602
50603            <p>「ロキーンオン」とネイティブ張りの発音を要求される、とある雑誌の最新号は、Dave Grohl(Foo Fighters)とChris Cornell(Audioslave)のインタビューにかなり満足。しかし、Chris Cornelは若いな・・・とても37には見えん。</p>
50604          </section>
50605        </a>
50606
50607
50608        <a href="/blog/software/font_renamer">
50609          <section class="excerpt">
50610            <header>
50611              <p class="date"><time datetime="2003-03-08T00:00:00+09:00">8日</time></p>
50612
50613              <h3>Font Renamer</h3>
50614            </header>
50615
50616            <p>フォントはそれなりに必要だったりするわけですが、普段使わないのにインストールする必要はないわけで。で、一時的にフォントをインストールしたりするわけですが、その時にファイル名がフォント名になってると便利っていやぁ便利ですね。arialbbi.ttfとかよりもArial Black Bold Italic.ttfとかの方が。で、こんなツールを使ってたりします。</p>
50617          </section>
50618        </a>
50619
50620
50621        <a href="/blog/rss/naoto_must_be_tired">
50622          <section class="excerpt">
50623            <header>
50624              <p class="date"><time datetime="2003-03-07T00:00:00+09:00">7日</time></p>
50625
50626              <h3>Naotoさん、お疲れ様です</h3>
50627            </header>
50628
50629            <p>ソース読みました。とりあえずコーディングスタイルがまるで違うのが判明しました。記事制限数は良いな。まとめてJcode.pmで文字コードコンバートしたら、たまにエラーでたような気がするんだよな。それで個々で処理するように戻した記憶がã€
50629‚引数解釈はかなり強引だ。まー僕もこんな感じで作っちゃいますが。調節して動かしてみよう。</p>
50630          </section>
50631        </a>
50632
50633
50634        <a href="/blog/webdesign/easyrgb">
50635          <section class="excerpt">
50636            <header>
50637              <p class="date"><time datetime="2003-03-06T00:00:00+09:00">6日</time></p>
50638
50639              <h3>EasyRGB</h3>
50640            </header>
50641
50642            <p>HEX値と色の関連性は、それなりの経験と頭があれば把握できるんですけど、ある色にうまくマッチする色をHEXで想像するとなると、けっこう慣れてても模索する必要があったりします。たまに追い詰められてて、想像力が枯渇してしまってるような時、EasyRGBで、適当にテーマとなる色からマッチしそうな色を探してたり。カラーピッカーなどのアプリケーションで、そういう機能を実装しているものもあるので、そういうのを使うのも良いでしょう。</p>
50643          </section>
50644        </a>
50645
50646
50647        <a href="/blog/webdesign/study_css">
50648          <section class="excerpt">
50649            <header>
50650              <p class="date"><time datetime="2003-03-05T00:00:00+09:00">5日</time></p>
50651
50652              <h3>CSSのお勉強</h3>
50653            </header>
50654
50655            <p>div {</p>
50656          </section>
50657        </a>
50658
50659
50660        <a href="/blog/misc/website_name">
50661          <section class="excerpt">
50662            <header>
50663              <p class="date"><time datetime="2003-03-01T00:00:00+09:00">1日</time></p>
50664
50665              <h3>サイトのお名前</h3>
50666            </header>
50667
50668            <p>突然、変えたくなりますよね。これといった理由も無く「飽きた」とかそういう感じで。と、新しい名前を考え始める。</p>
50669          </section>
50670        </a>
50671
50672          </section>
50673          <section>
50674            <h2><time datetime="2003-02">2003年2月</time></h2>
50675
50676        <a href="/blog/software/foobar2k">
50677          <section class="excerpt">
50678            <header>
50679              <p class="date"><time datetime="2003-02-28T00:00:00+09:00">28日</time></p>
50680
50681              <h3>foobar2000</h3>
50682            </header>
50683
50684            <p>ツールバーとかシークバーとかが無いので、希望している人が多いみたいですね。が、API用意されてないので、サブクラス化して作ると「Hackすんな!」と。ま、はっきりとサブクラス化その他はダメと言ってるので、何も考えずに公開するのも問題だとは思いますが。開発者の意向とはいえ、その主張が妥当なものかどうかはまた別の話でしょうが。bb4winのmultiamp経由で使うと、foobar2000の軽快さと柔軟なタイトル書式は魅力。でも、なかなかApolloから離れられない。</p>
50685          </section>
50686        </a>
50687
50688
50689        <a href="/blog/media/new_bassist_of_metallica">
50690          <section class="excerpt">
50691            <header>
50692              <p class="date"><time datetime="2003-02-27T00:00:00+09:00">27日</time></p>
50693
50694              <h3>Mettalicaのベーシスト</h3>
50695            </header>
50696
50697            <p>Metallicaの新しい(久々の)ベーシストは、元Suicidal TendenciesのRobert Trujilloだそうな。Ozzy Osbourneにもいたな。</p>
50698          </section>
50699        </a>
50700
50701
50702        <a href="/blog/misc/run_out_of_news">
50703          <section class="excerpt">
50704            <header>
50705              <p class="date"><time datetime="2003-02-26T00:00:00+09:00">26日</time></p>
50706
50707              <h3>ネタが無い</h3>
50708            </header>
50709
50710            <p>Foo Fighters謎の男と授賞スピーチ</p>
50711          </section>
50712        </a>
50713
50714
50715        <a href="/blog/software/k-meleon">
50716          <section class="excerpt">
50717            <header>
50718              <p class="date"><time datetime="2003-02-25T00:00:00+09:00">25日</time></p>
50719
50720              <h3>K-Meleon</h3>
50721            </header>
50722
50723            <p>そういや、あったなと。初期のは文字コード切り替えができなくて、ISO-8859-1固定だったりいろいろと問題ありましたが、それなりに使いやすくなってるみたいですね。Pluginでかなりの部分を拡張できるみたいですし、Layerという形でタブ切り替えもできてます。でも、文字コードが・・・。ちゃんと指定してあるところの場合は、Geckoが解釈してくれますけど、指定していないところは妙な感じ。ã
50723“こらへん改善されたら、使いたくなる。XULのワンテンポ置いて展開するメニューとかは僕には耐えられないです。</p>
50724          </section>
50725        </a>
50726
50727
50728        <a href="/blog/media/osbourne_family_and_corgan">
50729          <section class="excerpt">
50730            <header>
50731              <p class="date"><time datetime="2003-02-24T00:00:00+09:00">24日</time></p>
50732
50733              <h3>また喧嘩してるらしい</h3>
50734            </header>
50735
50736            <p>Osbourneファミリー(Ozzy)とBilly Corganが異様に仲が悪いのは結構有名なことなんですが、最近はBilly Corganがパッとしなかった(というか休養してた)ので、特に揉めてるとか言うネタもなかったんですが、Zwan結成して活動開始した途端、揉めることを期待して、インタビューで聞くとは性格悪い>マスコミ。それに対していくら嫌いだからって、きっちりと喧嘩売るコメントを返すSharon Osbourneもかなり性格悪い。ZwanがOzzFestに出ることはありえなそうだけど、今年の夏に開かれるフェスティバルのどれにも参加しないことは無いと思うので、Lollapaloozaに参加しないかな。</p>
50737          </section>
50738        </a>
50739
50740
50741        <a href="/blog/software/blog_tool">
50742          <section class="excerpt">
50743            <header>
50744              <p class="date"><time datetime="2003-02-23T02:00:00+09:00">23日</time></p>
50745
50746              <h3>blog tool</h3>
50747            </header>
50748
50749            <p>Movable Typeもいいけど、blosxomに惚れそうだ。コンパクト。</p>
50750          </section>
50751        </a>
50752
50753
50754        <a href="/blog/coding/perl_58">
50755          <section class="excerpt">
50756            <header>
50757              <p class="date"><time datetime="2003-02-23T00:00:00+09:00">23日</time></p>
50758
50759              <h3>Perl 5.8</h3>
50760            </header>
50761
50762            <p>徐々に差し替えられていくのかなぁとか思いました。ま、現在は、実際に稼動させてるサーバ知らないのでどうでも良いんですけど。そろそろ違いとかをきちんと把握しとかないといけないか・・・。新しい言語を覚えるのは、苦痛ではないんですが、ある程度理解している言語のバージョンアップによる変更の把握はく通以外の何物でもない。だからこそブランチとかそういう仕組みを利用して開発するわけですが。</p>
50763          </section>
50764        </a>
50765
50766
50767        <a href="/blog/rss/bug_in_rsshg_1">
50768          <section class="excerpt">
50769            <header>
50770              <p class="date"><time datetime="2003-02-22T02:00:00+09:00">22日</time></p>
50771
50772              <h3>RSS Headline Grabberのバグ</h3>
50773            </header>
50774
50775            <p>RSS Headline Grabberが止まってたので、スクリプトをチェックしなおしたら、XMLパーサーのエラーで異常終了していました。evalでエラーメッセージをキャッチして、ループを次に進ませようとして、</p>
50776          </section>
50777        </a>
50778
50779
50780        <a href="/blog/webdesign/resting">
50781          <section class="excerpt">
50782            <header>
50783              <p class="date"><time datetime="2003-02-22T00:00:00+09:00">22日</time></p>
50784
50785              <h3>休息中</h3>
50786            </header>
50787
50788            <p>ウェブサイトというのはやはり、結局のところ内容なので、それほどソースの綺麗さや、Validかどうかとかは必要以上に意識する必要はないと。ですが、音声ブラウザがよく引き合いに出されますが、他にもHTML::Parserモジュールとかを使ってPerl経由でウェブページをとか、機械的に拾っていく人がいるわけで、対象のHTML文書が怪しげな書き方だったりすると、その機械的なアプローチはそれなりに妥当なものなのに、きちっとそのウェブサイトにある情報が拾えないということになります。だから、ある程度きっちり書いてやらないと、ウェブサイトの利点のひとつである情報の共有が阻害されることになるでしょう。例えば、2ちゃんねるのログが板によってまちまちな方式で管理されてたり、ログ自体がタイピカルなものでないとしてみましょう。2ちゃんねるブラウザ全滅です。で、read.cgi経由でしか安定してアクセスできなくなり・・・と。まぁ、極端な例ですが、2ちゃんねるはインターネットというものをめちゃくちゃ小さくしたようなものな訳で、2ちゃんねるでの板は無数にある各サイト、ログはそれぞれのHTMLドキュメントになるような感じ。</p>
50789          </section>
50790        </a>
50791
50792
50793        <a href="/blog/rss/rss_of_some_site">
50794          <section class="excerpt">
50795            <header>
50796              <p class="date"><time datetime="2003-02-20T00:00:00+09:00">20日</time></p>
50797
50798              <h3>あるサイトのRSS</h3>
50799            </header>
50800
50801            <p>RSS出力する時はちゃんと実体参照使えと。</p>
50802          </section>
50803        </a>
50804
50805
50806        <a href="/blog/rss/rss_misc">
50807          <section class="excerpt">
50808            <header>
50809              <p class="date"><time datetime="2003-02-19T00:00:00+09:00">19日</time></p>
50810
50811              <h3>RSSいろいろ</h3>
50812            </header>
50813
50814            <p>Convert RSS to HTMLとConvert RSS to TXTをローカルファイルからも変換できるようにした。ローカルファイルをパースする時は、parsefile()だということになかなか気づかなくて、放置していたので。</p>
50815          </section>
50816        </a>
50817
50818
50819        <a href="/blog/rss/coolmon_and_rss">
50820          <section class="excerpt">
50821            <header>
50822              <p class="date"><time datetime="2003-02-18T00:00:00+09:00">18日</time></p>
50823
50824              <h3>CoolMonとRSS</h3>
50825            </header>
50826
50827            <p>RSSのヘッドラインを表示するのにはCoolMon使うのが良いかもしれない。そのためだけに常駐させるのは馬鹿化てますが。</p>
50828          </section>
50829        </a>
50830
50831
50832        <a href="/blog/software/bb4win_2">
50833          <section class="excerpt">
50834            <header>
50835              <p class="date"><time datetime="2003-02-17T00:00:00+09:00">17日</time></p>
50836
50837              <h3>Blackbox for Windows #2</h3>
50838            </header>
50839
50840            <p>
50840シェル変えなくても、起動するだけでそのまま使えることに気づいた。これはいいかもしれない。フリーなNextSTARTて感じ。</p>
50841          </section>
50842        </a>
50843
50844
50845        <a href="/blog/misc/weather_report">
50846          <section class="excerpt">
50847            <header>
50848              <p class="date"><time datetime="2003-02-16T00:00:00+09:00">16日</time></p>
50849
50850              <h3>天気予報</h3>
50851            </header>
50852
50853            <p>常には必要ないけど、ちょっとした時に週間予報がわかると良い。天気予報に限らず、必要な時にすぐ取り出せることが出来るとうれしい情報というのはありますね。いろいろな言語のリファレンスとかはその最たるものかと。中途半端なところで切ってみる。</p>
50854          </section>
50855        </a>
50856
50857
50858        <a href="/blog/media/tori_amos_whole_lotta_love">
50859          <section class="excerpt">
50860            <header>
50861              <p class="date"><time datetime="2003-02-15T00:00:00+09:00">15日</time></p>
50862
50863              <h3>Tori AmosのWhole Lotta Love</h3>
50864            </header>
50865
50866            <p>Tori Amosの歌ってるWhole Lotta Loveに感動してみた。そんな話をしてたら、Tori Amosと千堂あきほがそっくりだというバカな話を聞かされた。千堂あきほの顔を忘れかけてたので、Googleで調べてから、改めてTori Amosビデオを見てみると、、、似てるような似てないような。鼻の形はそっくりでした。</p>
50867          </section>
50868        </a>
50869
50870
50871        <a href="/blog/webdesign/change_to_xhtml_11">
50872          <section class="excerpt">
50873            <header>
50874              <p class="date"><time datetime="2003-02-14T02:00:00+09:00">14日</time></p>
50875
50876              <h3>XHTML 1.1</h3>
50877            </header>
50878
50879            <p>なんとなくXHTML 1.1に。本当はUTF-8にしようかと思ったんだけど、へてむるクリエイタ~が対応していない罠。ez-HTMLが対応しているので乗り換えようと思ったけど、どうも肌に合わないぽ。</p>
50880          </section>
50881        </a>
50882
50883
50884        <a href="/blog/rss/few_rss">
50885          <section class="excerpt">
50886            <header>
50887              <p class="date"><time datetime="2003-02-14T00:00:00+09:00">14日</time></p>
50888
50889              <h3>RSS少ない</h3>
50890            </header>
50891
50892            <p>配布されているRSSとなると限界がありますね。html2rdf.plとか見つけたので、これをうまく使えば何とかできるかもしれない。Bulknewsのパクリか。</p>
50893          </section>
50894        </a>
50895
50896
50897        <a href="/blog/media/nirvana_bleech">
50898          <section class="excerpt">
50899            <header>
50900              <p class="date"><time datetime="2003-02-13T00:00:00+09:00">13日</time></p>
50901
50902              <h3>NirvanaのBleech</h3>
50903            </header>
50904
50905            <p>NirvanaのBleechがリマスターされて発売されるらしいです。リマスター版の儲けはいったいどこへ行くんでしょうか? そういや去年もベスト版みたいなアルバム出てたな。なんとなくロックが復活気配な感じもする。チャート見ててもそれなりに上位に出てきてるし。</p>
50906          </section>
50907        </a>
50908
50909
50910        <a href="/blog/software/pkcolorpicker">
50911          <section class="excerpt">
50912            <header>
50913              <p class="date"><time datetime="2003-02-12T02:00:00+09:00">12日</time></p>
50914
50915              <h3>pkColorPicker</h3>
50916            </header>
50917
50918            <p>カラーピッカーみたいなものはあると便利なアプリケーションですよね。いろいろあるとは思うんですが、最近見つけたpkColorPickerというのを僕は使ってます。一通りの機能が揃っていて、メイン画面がコンパクトというのが一番気に入っている点です。常駐させて使用するようになっているので、少々使いにくいですが、とくにこれといった欠点も無いので愛用。わかりにくいところも無いですしね。</p>
50919          </section>
50920        </a>
50921
50922
50923        <a href="/blog/media/audioslave">
50924          <section class="excerpt">
50925            <header>
50926              <p class="date"><time datetime="2003-02-12T00:00:00+09:00">12日</time></p>
50927
50928              <h3>Audioslave</h3>
50929            </header>
50930
50931            <p>Audioslaveは、SoundgardenのChris Cornellがボーカルということで、速攻でファンになったんですが、昨日までTim CommerfordとTom Morello、Brad WilkというRage Against The Machineのメンツが控えていることを知らなかった。あー凄い。凄い。凄い。復活するLollapaloozaに出るらしいですね。Queen Of The Stone AgeやJane&apos;s Addictionも出るみたいだし、行きたい。</p>
50932          </section>
50933        </a>
50934
50935
50936        <a href="/blog/rss/find_rss">
50937          <section class="excerpt">
50938            <header>
50939              <p class="date"><time datetime="2003-02-11T00:00:00+09:00">11日</time></p>
50940
50941              <h3>RSSを探す</h3>
50942            </header>
50943
50944            <p>取得するところを調節中。はっきりと書いてないところが多くて大変だ。rssやbackendã
50944¨ã‹ã‚’キーワードにして探してたりする。shinくんに「スクロールしなきゃならないのがメンドクサイね」とか言われて、もっともだとか思った。floatで3カラムにしてみたけど、いまいち。</p>
50945          </section>
50946        </a>
50947
50948
50949        <a href="/blog/rss/rss_reader_by_perl">
50950          <section class="excerpt">
50951            <header>
50952              <p class="date"><time datetime="2003-02-10T00:00:00+09:00">10日</time></p>
50953
50954              <h3>RSSを読むPerlスクリプト</h3>
50955            </header>
50956
50957            <p>Feedreaderとかいろいろ試してみたんですが、どうもしっくり来ないので、RSSからHTMLファイルを捏造するPerlスクリプト書きました。XML::RSS使ってるのでサルでも書けるんですが。なので、それを動かすと同時にFTPでこのサイトにアップロードするバッチファイル書いて、PC起動してる時は定期的に動かそうかなと。捏造されたHTMLファイルはでかいな。半分くらいに減らすべきだな。HTMLファイルも出力できる、メーラーみたいな3ペインのRSSビューワ作りたくなったので、DelphiのRSSパーサーコンポーネントとか探してみよう。ハナから自分で作る気無い人。</p>
50958          </section>
50959        </a>
50960
50961
50962        <a href="/blog/misc/256color_in_tasktray">
50963          <section class="excerpt">
50964            <header>
50965              <p class="date"><time datetime="2003-02-09T04:00:00+09:00">9日</time></p>
50966
50967              <h3>タスクトレイを256色表示可能に</h3>
50968            </header>
50969
50970            <p>Windows 2000のExplorer.exeにパッチを当てて、タスクトレイを256色表示可能にしてみる。</p>
50971          </section>
50972        </a>
50973
50974
50975        <a href="/blog/software/carbon_lokai">
50976          <section class="excerpt">
50977            <header>
50978              <p class="date"><time datetime="2003-02-09T02:00:00+09:00">9日</time></p>
50979
50980              <h3>Carbon Lokai</h3>
50981            </header>
50982
50983            <p>Carbon LokaiというExplorer互換シェルがあるそうな。あーこれは凄いかもしれない。いわゆるフローティングツールバー形式、もしくはデスクトップを右クリックでメニューを出す形式のシェルがほとんどな訳ですが、これはBeOSのDeskbarをエミュレートして、それにシステムトレイとタスクスイッチ機能を付け足したものです。いろんな意味で扱いやすいかもしれない。</p>
50984          </section>
50985        </a>
50986
50987
50988        <a href="/blog/media/pearl_jam_i_am_mine">
50989          <section class="excerpt">
50990            <header>
50991              <p class="date"><time datetime="2003-02-09T00:00:00+09:00">9日</time></p>
50992
50993              <h3>I Am Mine</h3>
50994            </header>
50995
50996            <p>Pearl Jamの最新アルバム「Riot Act」からシングルカットされてるI Am MineのPVが作られていたことをようやく知った罠。観賞。Eddieさんが異様に爽やかです。カコイイ。</p>
50997          </section>
50998        </a>
50999
51000
51001        <a href="/blog/misc/nose">
51002          <section class="excerpt">
51003            <header>
51004              <p class="date"><time datetime="2003-02-08T00:00:00+09:00">8日</time></p>
51005
51006              <h3>é¼»</h3>
51007            </header>
51008
51009            <p>鼻水が。ティッシュが減りまくる。それ以上に寝てる時も、鼻が詰まった感じがして目が覚めてしまうので、眠りが浅い。</p>
51010          </section>
51011        </a>
51012
51013
51014        <a href="/blog/misc/at_record_shop">
51015          <section class="excerpt">
51016            <header>
51017              <p class="date"><time datetime="2003-02-07T00:00:00+09:00">7日</time></p>
51018
51019              <h3>レコード屋で</h3>
51020            </header>
51021
51022            <p>Soundgardenのライブビデオ5本セットを500円でゲット。それなりに見れる画質だった。</p>
51023          </section>
51024        </a>
51025
51026
51027        <a href="/blog/misc/broken">
51028          <section class="excerpt">
51029            <header>
51030              <p class="date"><time datetime="2003-02-06T00:00:00+09:00">6日</time></p>
51031
51032              <h3>Broken</h3>
51033            </header>
51034
51035            <p>仕事おわんね。頭がボーッとし続けてるので、轟音で(ヘッドフォンですが)Nine Inch Nails聞きながら・・・・。</p>
51036          </section>
51037        </a>
51038
51039
51040        <a href="/blog/misc/influenza">
51041          <section class="excerpt">
51042            <header>
51043              <p class="date"><time datetime="2003-02-05T00:00:00+09:00">5日</time></p>
51044
51045              <h3>インフルエンザ</h3>
51046            </header>
51047
51048            <p>いまさらですが。喉にきた。タバコが吸えないのがつらい。</p>
51049          </section>
51050        </a>
51051
51052
51053        <a href="/blog/webdesign/spam_mail">
51054          <section class="excerpt">
51055            <header>
51056              <p class="date"><time datetime="2003-02-04T06:00:00+09:00">4日</time></p>
51057
51058              <h3>スパム</h3>
51059            </header>
51060
51061            <p>メールアドレスをサイトに載せていると、どうしてもスパムが増えてしまうわけですが、どうやらメールアドレスの一部を実体参照にしてやると、ロボットに拾われても、そのままでは使えない文字列(ブラウザ上なら大概きちんとデコードしてくれる)になるので結構有効らしいです。いまさら変えてもスパムが減ることはないでしょうが、増えるé€
51061Ÿåº¦ã¯è½ã¡ã‚‹ã‹ã‚‚しれません。掲示板への書き込みなんかにも使うと良いかもしれない。最近、run.cha.toとかいう件名でスパム飛んでくる。</p>
51062          </section>
51063        </a>
51064
51065
51066        <a href="/blog/webdesign/css_tips_2">
51067          <section class="excerpt">
51068            <header>
51069              <p class="date"><time datetime="2003-02-04T02:00:00+09:00">4日</time></p>
51070
51071              <h3>画像をウィンドウの中央に表示</h3>
51072            </header>
51073
51074            <p>某氏がtableを使わずに画像をブラウザウィンドウの中央に表示する方法を考えているというようなことを言っていたので、暇があったので考えてみたんですが、結構簡単だったり。JavaScriptを使わずに出来ちゃったりする罠。ただ、この方法は、絶対配置で、かつ、画像の大きさによってCSSに手を加えなくてはならないので、あまり融通利くとは思えないですね。まぁ、経験的にウィンドウの中心に画像を配置したいなんて状況は、あまり頻繁に更新されるとは思えない扉ページでほぼ(ウィンドウの中心に配置したい)画像だけとかいう状況が大半だと思うので、これで十分なような気がしないでもないですけど。</p>
51075          </section>
51076        </a>
51077
51078
51079        <a href="/blog/software/bb4win_1">
51080          <section class="excerpt">
51081            <header>
51082              <p class="date"><time datetime="2003-02-04T00:00:00+09:00">4日</time></p>
51083
51084              <h3>Blackbox for Windows</h3>
51085            </header>
51086
51087            <p>貝獣物語てゲームありましたね。ナムコの名作です。ま、それは置いておいて、Explorer互換シェルというものが存在するわけですが、Explorerがシェルであることを前提としたアプリケーションが多いので、結局は(本ä
51087½“内蔵かプラグインという形態で)そこらへんを補わなければならないわけで、あまりExplorerに対して速度的なメリットを享受できなくなってしまうわけで。が、そこが問題ではないのですよ。重要な点は必要のない機能をなかなかOFFにすることの出来ないExplorerに対して、そこらへんを柔軟に取捨選択出来ることではないかと。Blackbox for Windowsをいじってて、なんとなくそんなことを考えました。geOShellやSharpEも良いけど、BB4Winもなかなか。</p>
51088          </section>
51089        </a>
51090
51091
51092        <a href="/blog/webdesign/xhtml_on_i-mode">
51093          <section class="excerpt">
51094            <header>
51095              <p class="date"><time datetime="2003-02-03T00:00:00+09:00">3日</time></p>
51096
51097              <h3>eXtensible</h3>
51098            </header>
51099
51100            <p>i-modeもXHTMLに対応した端末出したそうですね。そろそろXHTMLで統一した方がいいですか? というか、application/xhtml+xmlは理解できるブラウザ多いのか? ていうか、DTD見たい。</p>
51101          </section>
51102        </a>
51103
51104
51105        <a href="/blog/media/queen_of_the_stone_age">
51106          <section class="excerpt">
51107            <header>
51108              <p class="date"><time datetime="2003-02-02T02:00:00+09:00">2日</time></p>
51109
51110              <h3>Queens Of The Stone Age</h3>
51111            </header>
51112
51113            <p>Queens Of The Stone Ageという、Led Zeppelinまんまな味を賞味させてくれるバンドがあるんですが、微妙にドラムの音変わったなと思ったら、Dave Grohlに変わってた。彼のいたNirvanaにしろ、彼がすべてといっても過言ではないFoo Fightersにしろ、Led ZeppelinやBlack Sabbathをシンプルにミックスダウンしたような曲調なバンドなので、QOTSAにはマッチしてます。つか、VocalもScreaming TreesのMark Laneganに変わってて、Foo Fightersよりこっちの方が凄いですね。Daveったら歌下手だし(まぁ、あの抜けた声がまた、たまらなかったりするわけなんですが)。カコイイ。</p>
51114          </section>
51115        </a>
51116
51117
51118        <a href="/blog/misc/one_or_another">
51119          <section class="excerpt">
51120            <header>
51121              <p class="date"><time datetime="2003-02-02T00:00:00+09:00">2日</time></p>
51122
51123              <h3>どちらか一方</h3>
51124            </header>
51125
51126            <p>どちらか一方あれば何とかなるということは、よくあることです。が、何とかなるからといって、それで良いかといったらそうではないわけで。月みたいな反射鏡的存在は必要でしょうけど、それはあくまでも太陽のような強烈な光を飛ばしてくるものがあるからで、現状では太陽になりうる素質はあるものの強烈な光を飛ばすのに躊躇する人が大半な訳なので、意味のない存在になっちゃいますね。わかりにくい例えだ。</p>
51127          </section>
51128        </a>
51129
51130
51131        <a href="/blog/media/zwan">
51132          <section class="excerpt">
51133            <header>
51134              <p class="date"><time datetime="2003-02-01T02:00:00+09:00">1日</time></p>
51135
51136              <h3>Zwan</h3>
51137            </header>
51138
51139            <p>ZwanというBilly Corganが「オレが凄いんだよ。オレが。わかる?」と必死になってるバンドがあるんですが、それはとりあえず置いておいて、彼の声はやはり独特で素晴らしいものではあるのですよ。1stアルバムはそこらへんが遺憾なく発揮されています。だからといって素晴らしいアルバムとは限らない罠。Billy Corganの声が大好きという人しか好きになれないそんな感じです。まぁ、僕は大好きなんですが。</p>
51140          </section>
51141        </a>
51142
51143
51144        <a href="/blog/misc/start_february">
51145          <section class="excerpt">
51146            <header>
51147              <p class="date"><time datetime="2003-02-01T00:00:00+09:00">1日</time></p>
51148
51149              <h3>2月な訳ですが</h3>
51150            </header>
51151
51152            <p>暦なんていうものは、現在の実生活に沿ったものではないわけで、月が変わったからといって、特に何かあるというわけでもないのですが、なんとなく気分が刷新されたような気になります。なるだけですが。</p>
51153          </section>
51154        </a>
51155
51156          </section>
51157          <section>
51158            <h2><time datetime="2003-01">2003年1月</time></h2>
51159
51160        <a href="/blog/internet/hatena_diary">
51161          <section class="excerpt">
51162            <header>
51163              <p class="date"><time datetime="2003-01-31T00:00:00+09:00">31日</time></p>
51164
51165              <h3>はてなダイアリー</h3>
51166            </header>
51167
51168            <p>某所を見てたら、どうやらはてなダイアリーというもののベータテストが始まってたそうで。Wiki+Weblogと評価されてますが、まさにそんな感じですね。これはこれで、簡易現代語辞典みたいな感じで、面白そうだけど、参加したくならないのはなぜだろう。どうしてもキーワードに趣向を凝らして、日記を書いてしまいそうな気がするからかな。想像力とかそういうものに裏打ちされていない作為的なものになっちゃいそうな気がする。まぁ、僕が書いたらと言うことでã
51168™ãŒã€‚</p>
51169          </section>
51170        </a>
51171
51172
51173        <a href="/blog/software/remover">
51174          <section class="excerpt">
51175            <header>
51176              <p class="date"><time datetime="2003-01-30T02:00:00+09:00">30日</time></p>
51177
51178              <h3>Remover</h3>
51179            </header>
51180
51181            <p>Windows2000からアプリケーションの追加と削除がHTAになってますが、あれはちょっとダルイ。ので、ずいぶん前にエライ適当なアンインストール情報が格納されているレジストリのキーを読み出して、ボタンクリックでアンインストールとか言うのを作ったんですが、激しく手抜き仕様なので、</p>
51182          </section>
51183        </a>
51184
51185
51186        <a href="/blog/webdesign/width_of_element">
51187          <section class="excerpt">
51188            <header>
51189              <p class="date"><time datetime="2003-01-30T00:00:00+09:00">30日</time></p>
51190
51191              <h3>IDつけた要素の幅</h3>
51192            </header>
51193
51194            <p>Gecko系なら、offsetWidthで。サンプルの通り、きちんと取得できます。Opera 7でもらしきものは取得できるけど、ちと微妙。</p>
51195          </section>
51196        </a>
51197
51198
51199        <a href="/blog/coding/csv2html">
51200          <section class="excerpt">
51201            <header>
51202              <p class="date"><time datetime="2003-01-29T02:00:00+09:00">29日</time></p>
51203
51204              <h3>CSV2HTML</h3>
51205            </header>
51206
51207            <p>var objArgs = WScript.Arguments;</p>
51208          </section>
51209        </a>
51210
51211
51212        <a href="/blog/misc/recentry_at_030129">
51213          <section class="excerpt">
51214            <header>
51215              <p class="date"><time datetime="2003-01-29T00:00:00+09:00">29日</time></p>
51216
51217              <h3>最近</h3>
51218            </header>
51219
51220            <p>BIGLOBEのDNSサーバーがおかしいです。サーバー自体は死んでないのに、つながらないとか頻繁に。国内のサーバーには問題なさそうなんですが、海外のは調子悪い。</p>
51221          </section>
51222        </a>
51223
51224
51225        <a href="/blog/media/shunji_iwai">
51226          <section class="excerpt">
51227            <header>
51228              <p class="date"><time datetime="2003-01-28T02:00:00+09:00">28日</time></p>
51229
51230              <h3>岩井俊二</h3>
51231            </header>
51232
51233            <p>岩井俊二ごときとオノ・ヨーコが似てるなんて。ありえない。岩井俊二はしゃべりすぎだと。彼へのインタビューは、椎名林檎へのインタビュー並みに痛々しい。</p>
51234          </section>
51235        </a>
51236
51237
51238        <a href="/blog/media/matrix">
51239          <section class="excerpt">
51240            <header>
51241              <p class="date"><time datetime="2003-01-28T00:00:00+09:00">28日</time></p>
51242
51243              <h3>Matrix</h3>
51244            </header>
51245
51246            <p>映画史上、最高傑作とも噂されるMatrixの続編の予告編が出てました。320*144と、480*224、640*288のQuickTimeストリーミング。やはりこういうのにはQuickTimeの方が圧倒的に強いな。Realなんて話になってない。</p>
51247          </section>
51248        </a>
51249
51250
51251        <a href="/blog/software/i.mage">
51252          <section class="excerpt">
51253            <header>
51254              <p class="date"><time datetime="2003-01-27T02:00:00+09:00">27日</time></p>
51255
51256              <h3>i.Mage</h3>
51257            </header>
51258
51259            <p>どんなカテゴリのソフトウェアでも、大は小を兼ねるのですが、それと使い勝手が良いことというのは、往々にして相反するものです。で、ちょっとしたことにはそういう用途を対象に絞り込まれたものを使うわけなんですが、なかなか絞られた機能だけを持ったものが見つからないカテゴリと言うのはあります。グラフィックエディタなんかはそうですね。基本的にPhotoshopで事足りるわけなんですが、切抜きとかフルカラーから256色に落とし込むとかそういうことだけのために、起動するのはかったるいわけですよ。で、特化されたソフトウェアを探すんですが、本当に特化されているものばかりで(当たり前)、この時はこのソフトウェア、と使い分けをかなり細かくしなければならないわけです。それはそれでいいんですが、やはり不精なもので、ある程度機能の揃ったもので軽快なものがあれば良いなぁと思ってしまうわけですよ。軽快さを失わずに、ある程度の機能を備えているグラフィックエディタはいくつかありますね。国産だとPictBearとかPixia、LitePaintあたりでしょうか。これらで十分なんですが、なんとなく気に入らないところがちらほらあったりして、結局Photoshopを起動するという羽目に。ここまでが半年前の僕です(導入長いな)。ひょんなことから見つけたi.Mageというグラフィックエディタ。これがまぁ、非常に小回りが効くというか、一瞬でなじんでしまったというか。愛用してます。特筆すべき点が無いというのが、特ç­
51259†ã™ã‚‹ã¨ã“ろでしょうか。エライ基本性能だけしっかりしてる。ちなみにGIFも普通に読み書きできます。</p>
51260          </section>
51261        </a>
51262
51263
51264        <a href="/blog/misc/so_close">
51265          <section class="excerpt">
51266            <header>
51267              <p class="date"><time datetime="2003-01-27T00:00:00+09:00">27日</time></p>
51268
51269              <h3>細かい</h3>
51270            </header>
51271
51272            <p>テキストファイルの末尾にEOFが付いてるとか、MP3ファイルにどうせ参照することなんてあるわけがないRiffMP3のタグ情報が付いてるとか、どうでもいいようなことが気になることってありますよね? ないですか? そうですか。</p>
51273          </section>
51274        </a>
51275
51276
51277        <a href="/blog/sports/tomonori_maeda">
51278          <section class="excerpt">
51279            <header>
51280              <p class="date"><time datetime="2003-01-26T02:00:00+09:00">26日</time></p>
51281
51282              <h3>前田智徳</h3>
51283            </header>
51284
51285            <p>どこかのテレビ放送局の広島カープ・前田智徳インタビュー。</p>
51286          </section>
51287        </a>
51288
51289
51290        <a href="/blog/coding/current_contents">
51291          <section class="excerpt">
51292            <header>
51293              <p class="date"><time datetime="2003-01-26T00:00:00+09:00">26日</time></p>
51294
51295              <h3>現在の内容</h3>
51296            </header>
51297
51298            <p>JavaScriptで動的に生成されたドキュメントの内容を知りたいと思ったことはないですか? 僕はあります。それを無理やり実現してみるテスト。</p>
51299          </section>
51300        </a>
51301
51302
51303        <a href="/blog/software/arial_unicode_ms">
51304          <section class="excerpt">
51305            <header>
51306              <p class="date"><time datetime="2003-01-25T08:00:00+09:00">25日</time></p>
51307
51308              <h3>Arial Unicode MS</h3>
51309            </header>
51310
51311            <p>Arial Unicode MS</p>
51312          </section>
51313        </a>
51314
51315
51316        <a href="/blog/webdesign/css_tips_1">
51317          <section class="excerpt">
51318            <header>
51319              <p class="date"><time datetime="2003-01-25T06:00:00+09:00">25日</time></p>
51320
51321              <h3>子セレクタ</h3>
51322            </header>
51323
51324            <p>どうでもいいことなんですが、右のメニューはMozillaだとposition:fixed;なので、常に右に表示されます。Mozilla使え。嘘です。Internet Explorerは、</p>
51325          </section>
51326        </a>
51327
51328
51329        <a href="/blog/webdesign/css_bug_3">
51330          <section class="excerpt">
51331            <header>
51332              <p class="date"><time datetime="2003-01-25T04:00:00+09:00">25日</time></p>
51333
51334              <h3>CSSバグ@IE6: textarea</h3>
51335            </header>
51336
51337            <p>Internet Explorerでは、textareaでなにか文字入力したらにょいーんって拡大するよ。なんじゃこりゃぁ!</p>
51338          </section>
51339        </a>
51340
51341
51342        <a href="/blog/webdesign/css_bug_2">
51343          <section class="excerpt">
51344            <header>
51345              <p class="date"><time datetime="2003-01-25T02:00:00+09:00">25日</time></p>
51346
51347              <h3>CSSバグ@Mozilla1.x</h3>
51348            </header>
51349
51350            <p>Mozilla 1.2.1で、first-letter擬似要素を適用している要素(またはそれに内包されているもの)に、hover擬似クラス適用すると、first-letter擬似要素の設定が解除されるのかな。左上にあるリンク付きh1なんかの場合だと、マウスを載せると文字が小さくなって異様に嫌な感じ。回避の仕方わからないので、誰か教えて。hoverの方でfont-sizeを指定してたりするなら、こういう挙動もやむを得ないでしょうが、この挙動はちょっと納得できない。Bugzillaにあった。Bugzillaは読みにくくて、読む気うせる・・・。</p>
51351          </section>
51352        </a>
51353
51354
51355        <a href="/blog/misc/train">
51356          <section class="excerpt">
51357            <header>
51358              <p class="date"><time datetime="2003-01-25T00:00:00+09:00">25日</time></p>
51359
51360              <h3>電車</h3>
51361            </header>
51362
51363            <p>電車は嫌いな人は多いみたいですね。僕は乗り物だと、自転車が一番好きで、電車は自転車の次、バイクの前くらいに好きですが。だって凄いじゃないですか。電車の中でジャンプしても電車といっしょに動くんですよ! とか、くだらないボケはおいておいて、どうも車と言うのは好きではないのですよ。車は狭い空間なので、それぞれの持ち主特有の匂いみたいなのがあるじゃないですか? あれが耐えられない。たとえ気持ちのいいジャスミンのような匂いでも。なんというか、その持ち主の世界に侵入してる気がして。ぎゃくに自分の車に他人を乗せるのも好きじゃない。嫌が応にもその人と距離が近づいてしまうので。1m以内に他人が数人という状況は僕には耐えられません。電車みたいに、他人がいて当然と言うような空間なら良いんですけどね。それに加えて、運転しててもあまり面白くない。自転車やバイクとかは「俺がこの機械のすべてを握ってるんだ!」という満足感に浸れるほど、「運転操作 = 自転車・バイクの動き」ですけど、AT車だとそういう感じはしないし、マニュアル車はメンドクサイ。だいたい車なんて戦争並に性質が悪いですよ! 年に何人車の事故によって(以下略)。</p>
51364          </section>
51365        </a>
51366
51367
51368        <a href="/blog/misc/inou">
51369          <section class="excerpt">
51370            <header>
51371              <p class="date"><time datetime="2003-01-24T02:00:00+09:00">24日</time></p>
51372
51373              <h3>いのう</h3>
51374            </header>
51375
51376            <p>kyo君は、知り合って四年目になるのに素性が謎過ぎるので、もっと生活に密着した日記を書いて下さい。</p>
51377          </section>
51378        </a>
51379
51380
51381        <a href="/blog/software/lfu">
51382          <section class="excerpt">
51383            <header>
51384              <p class="date"><time datetime="2003-01-24T00:00:00+09:00">24日</time></p>
51385
51386              <h3>LFU</h3>
51387            </header>
51388
51389            <p>日記更新の時とかは、HTMLエディタで編集→保存→FTPクライアントでアップロードとやるのはかったるいので、FTPサーバーにファイルを直接アップロードできるエディタ、Web Notepadを使ってたんですが、フォント指定できなかったり(FontLinkで何とかなるので、文字化けはしません)ちとつらい仕様(全体的には非常に出来は良いんですが)なので、やはり使い慣れた秀丸を使いたいなと。で、ftp.exe使ってみたんですが、あんまり美しくないやり方(ftp設定ファイルを毎回編集する方法)なのでコマンドラインから一気にアップロードできるものでもないかと思ったら、ありました。LFUというコマンドラインアプリケーションなんですが、こりゃ楽だ。ftp.exeと秀丸マクロでの場合と、やってることはほとんど同じだとは思うんですが(ファイルに書き出さないですけどね)、きちんと形になってると助かりますね。良いもの見つけた。</p>
51390          </section>
51391        </a>
51392
51393
51394        <a href="/blog/software/completex">
51395          <section class="excerpt">
51396            <header>
51397              <p class="date"><time datetime="2003-01-23T06:00:00+09:00">23日</time></p>
51398
51399              <h3>CompleteX</h3>
51400            </header>
51401
51402            <p>
51402かなり感動してみた。CompleteXという単語補完秀丸マクロなんですが、リストボックスで候補が。使いやすいし、LF-Supplementよりも軽いように感じるので、乗り換え中。候補絞込みが、DelphiやVisualStudioなんかと違い、一文字遅れる感じなので、ちょっとだけ違和感ありますけど、メニューで単語補完するものより数段上に感じます。すばらしい。そのまんま使ったら、リストボックスが11ptのMS UI Gothicで候補数が6だったので、Resource HackerでDLLをいじり、補完候補リストボックスのサイズとフォント変えてます。</p>
51403          </section>
51404        </a>
51405
51406
51407        <a href="/blog/misc/mornig_at_030123">
51408          <section class="excerpt">
51409            <header>
51410              <p class="date"><time datetime="2003-01-23T04:00:00+09:00">23日</time></p>
51411
51412              <h3>朝</h3>
51413            </header>
51414
51415            <p>朝飯にしようと、ソーセージを焼きながら、パンにマスタードとバターを混ぜたものを塗り、同時にコーヒーを沸かしていました。パンをトースターに入れて、しばらく新聞を読みながらボーっとしてました。ソーセージと同時に焼きあがったので、パンにソーセージを挟もうとした、その時!!! コーヒーポットが!!! 焼き立てでおいしいはずのパンはコーヒーでびちゃびちゃに。最高の出だしの一日ですね。</p>
51416          </section>
51417        </a>
51418
51419
51420        <a href="/blog/webdesign/css_bug_1">
51421          <section class="excerpt">
51422            <header>
51423              <p class="date"><time datetime="2003-01-23T02:00:00+09:00">23日</time></p>
51424
51425              <h3>CSSバグ@IE6: :first-letter</h3>
51426            </header>
51427
51428            <p>p.valid:first-letter {</p>
51429          </section>
51430        </a>
51431
51432
51433        <a href="/blog/webdesign/dl_and_table">
51434          <section class="excerpt">
51435            <header>
51436              <p class="date"><time datetime="2003-01-23T00:00:00+09:00">23日</time></p>
51437
51438              <h3>dlとtable</h3>
51439            </header>
51440
51441            <p>明示的に大きさの決まってないものをフロートさせると調整がメンドイし、揃ってそうで揃ってないので、フロートしないようにしてみる。フォームのレイアウトでのことです。</p>
51442          </section>
51443        </a>
51444
51445
51446        <a href="/blog/misc/no_imagination">
51447          <section class="excerpt">
51448            <header>
51449              <p class="date"><time datetime="2003-01-22T00:00:00+09:00">22日</time></p>
51450
51451              <h3>想像力0</h3>
51452            </header>
51453
51454            <p>ロゴ画像をこの背景色に合わせて作ったおかげで、スタイルシートをいじって色を大幅に変えるとかなり違和感が。戻しちゃる。</p>
51455          </section>
51456        </a>
51457
51458
51459        <a href="/blog/media/i_am_sam">
51460          <section class="excerpt">
51461            <header>
51462              <p class="date"><time datetime="2003-01-21T04:00:00+09:00">21日</time></p>
51463
51464              <h3>I Am Sam</h3>
51465            </header>
51466
51467            <p>I Am Samっつー映画は見てないんですが、Soundtrackのメンツとその選曲にかなり惚れました。以下はトラックリストです。</p>
51468          </section>
51469        </a>
51470
51471
51472        <a href="/blog/misc/be_forward">
51473          <section class="excerpt">
51474            <header>
51475              <p class="date"><time datetime="2003-01-21T02:00:00+09:00">21日</time></p>
51476
51477              <h3>先走る</h3>
51478            </header>
51479
51480            <p>さて、また先走ってみたわけですが。これ以上はもう何も出来ない。「勝手に何かやってるよ」とか思われそうで、もう嫌です。なんかお見合いパーティーで主催者でもないのに仕切ってピンポンパンゲームとか始めるウザい奴みたいで、嫌すぎる。</p>
51481          </section>
51482        </a>
51483
51484
51485        <a href="/blog/misc/childhood">
51486          <section class="excerpt">
51487            <header>
51488              <p class="date"><time datetime="2003-01-21T00:00:00+09:00">21日</time></p>
51489
51490              <h3>childhood</h3>
51491            </header>
51492
51493            <p>
51493子どもの頃の事ってどれくらい覚えてますか?</p>
51494          </section>
51495        </a>
51496
51497
51498        <a href="/blog/misc/ouch">
51499          <section class="excerpt">
51500            <header>
51501              <p class="date"><time datetime="2003-01-20T00:00:00+09:00">20日</time></p>
51502
51503              <h3>アイタタタタ</h3>
51504            </header>
51505
51506            <p>腕が痛いなと思ったら、バイクでこけた時にぶつけたところが痣になってました。そんなに痛くもないんだけど、なんかの拍子にぶつかったりすると痛い。そんなようなことを言ったら、「ファンデーション貸そうか?」だって。いや、痣を隠したいって話じゃなくて、痣になってて痛いって言う話なんですが。</p>
51507          </section>
51508        </a>
51509
51510
51511        <a href="/blog/misc/which">
51512          <section class="excerpt">
51513            <header>
51514              <p class="date"><time datetime="2003-01-19T00:00:00+09:00">19日</time></p>
51515
51516              <h3>どっちすか?</h3>
51517            </header>
51518
51519            <p>はっきりと物事が決まってない状態って嫌じゃないですか? 飲み会とかでも、「○○月××日にやろうか?」とかで最初は始まるわけですが、いざ何らかの事情(人が集まらないとか)で話が進まないとなると、「うまく人が集まらないので無理っぽい」とかそういうことも連絡されずに宙ぶらりんな状態。こういうのがたまらなく嫌なんですよ。なんていうか「はっきりしる!!!」とネクタイ(つけてるかどうか知りませんが)ひっつかんで、食べかけの弁当の三色ご飯の具を口から飛ばしながら問い詰めたいです(ひねりすぎ)。はっきりしてないと、とりあえずそのために時間を空けなければならないわけじゃないですか? それって非常に迷惑だとは思いませんか?</p>
51520          </section>
51521        </a>
51522
51523
51524        <a href="/blog/misc/today_is_saturday">
51525          <section class="excerpt">
51526            <header>
51527              <p class="date"><time datetime="2003-01-18T00:00:00+09:00">18日</time></p>
51528
51529              <h3>土曜日ですね</h3>
51530            </header>
51531
51532            <p>ウキウキ土曜日です。仕事じゃなければ。自分の能力以上の物を抱えるのは良くないです。「ごめんなさい。できませんでした。」とか言われても。できないことはできないのですよ。できないけどやってみたいというのは良いんですけどね。今度からは「できないかもしれないけど、やらせてください」とか・・・って、泣くなよ。ものすごく悪いことした気分になるじゃないか。</p>
51533          </section>
51534        </a>
51535
51536
51537        <a href="/blog/misc/gap">
51538          <section class="excerpt">
51539            <header>
51540              <p class="date"><time datetime="2003-01-17T00:00:00+09:00">17日</time></p>
51541
51542              <h3>ずれ</h3>
51543            </header>
51544
51545            <p>「薄い」と「ずれてる」という言葉は禁句になったようです。なぜかといえば、うちの社長がヅラ・・・ネタでした。</p>
51546          </section>
51547        </a>
51548
51549
51550        <a href="/blog/coding/hidemaru_macro_for_html">
51551          <section class="excerpt">
51552            <header>
51553              <p class="date"><time datetime="2003-01-16T02:00:00+09:00">16日</time></p>
51554
51555              <h3>秀丸マクロ</h3>
51556            </header>
51557
51558            <p>$fExt = &quot;&quot;;</p>
51559          </section>
51560        </a>
51561
51562
51563        <a href="/blog/misc/some_webring">
51564          <section class="excerpt">
51565            <header>
51566              <p class="date"><time datetime="2003-01-16T00:00:00+09:00">16日</time></p>
51567
51568              <h3>某リング</h3>
51569            </header>
51570
51571            <p>について数十行の文章書いたんですが、ここに書くことでもなさそうなことなのでやーめた。結局、メールにIRCのこととかは書かなかったわけだな。掲示板のログを見れば・・・って、だらだらと書きそうな気がするので中途半端なところでバッサリと切り捨て。</p>
51572          </section>
51573        </a>
51574
51575
51576        <a href="/blog/software/mike_shaver_says">
51577          <section class="excerpt">
51578            <header>
51579              <p class="date"><time datetime="2003-01-15T02:00:00+09:00">15日</time></p>
51580
51581              <h3>Mike Shaver says</h3>
51582            </header>
51583
51584            <p>われわれは、Geckoが『小型でスリムな』目標を外し、その目標から遠ざかり、評価者とベンチマークは置き去りにしてきたことを知っている</p>
51585          </section>
51586        </a>
51587
51588
51589        <a href="/blog/media/strongest_album_at_2002">
51590          <section class="excerpt">
51591            <header>
51592              <p class="date"><time datetime="2003-01-15T00:00:00+09:00">15日</time></p>
51593
51594              <h3>最強のアルバム@2002</h3>
51595            </header>
51596
51597            <p>最強とかつけるだけで2ちゃんねる風に感じてしまうのは、僕が2ちゃんねらだからですか?</p>
51598          </section>
51599        </a>
51600
51601
51602        <a href="/blog/media/sweet_sixteen">
51603          <section class="excerpt">
51604            <header>
51605              <p class="date"><time datetime="2003-01-14T02:00:00+09:00">14日</time></p>
51606
51607              <h3>SWEET SIXTEEN</h3>
51608            </header>
51609
51610            <p>アイリスと8人の女たちとどっち観ようか迷ったã
51610®ã§ã€SWEET SIXTEEN観ました。僕は映画に限らず結構簡単に涙流します。純粋で、繊細で、感じやすく、ロマンティストですので。ごめんなさい、泣くのは本当ですが、それ以外は嘘です。全般的にアイロニックな感じがほほえましい、そんな映画でした。いままでのローチ作品にない単純さ(政治的な側面が背景に引っ込んでいると言うような意味で)があって、良い映画でした。そこらへんが脚本が評価されている理由ってことかな? アイリスはアメリカ他各国で大絶賛なのに、ハリーポッター(ポはダメ文字です、気をつけましょう)のおかげで上映館数エライ少ないですね。関東で2館て。まぁ、関内でやってるから、今度観に行こう。8人の女たちは地元でやってるからいつでも良いや。エマニュエル・べアールよりも、ファニー・アルダンが観たい。</p>
51611          </section>
51612        </a>
51613
51614
51615        <a href="/blog/misc/think_over">
51616          <section class="excerpt">
51617            <header>
51618              <p class="date"><time datetime="2003-01-14T00:00:00+09:00">14日</time></p>
51619
51620              <h3>反省</h3>
51621            </header>
51622
51623            <p>正直、昨日の糾弾は書きすぎた。読み返してみて、しみじみとそう思った。</p>
51624          </section>
51625        </a>
51626
51627
51628        <a href="/blog/misc/strike_while_the_iron_is_hot">
51629          <section class="excerpt">
51630            <header>
51631              <p class="date"><time datetime="2003-01-13T02:00:00+09:00">13日</time></p>
51632
51633              <h3>鉄は熱いうちに打て</h3>
51634            </header>
51635
51636            <p>「鉄は熱いうちに打て」という言葉もあるように、やるべきときにやらないとなにもできなくなることは世の理。僕は、一番テンションが高かったときと比べて、今は75%ほどまで落ちています。グラフで書くなら、東証株式市場の平均株価の終り値のように順調な下降線。50%切ったらもうダメ。正直、何もないところからメール考えるならいざ知らず、まがりなりにも自分でまとめた文章がある上、他の人たちからの意見もいくつかあるのに、それをまとめて文章にするだけの内容のメールを書くのを、一週間もおざなりにしているというのは、幻滅ですよ。仮にあまり面識ない状態でこういうことになったら、確実に二度と付き合いたくないと思うだろう。「遅いですかねぇ?」とか、少しでもそう思うなら、やれ。とか、声高に糾弾してみる。</p>
51637          </section>
51638        </a>
51639
51640
51641        <a href="/blog/software/phoenix">
51642          <section class="excerpt">
51643            <header>
51644              <p class="date"><time datetime="2003-01-13T00:00:00+09:00">13日</time></p>
51645
51646              <h3>Phoenix</h3>
51647            </header>
51648
51649            <p>Phoenix常用しはじめましたという某所での日記を見て、常用しそうになった。年末あたりから、Moon BrowserとPhoenix 0.5を行ったり来たりしてますが。HTMLエディタでのプレビューには、起動が速いし、ブラウザのみなので、ずいぶん前からPhoenix使ってます。</p>
51650          </section>
51651        </a>
51652
51653
51654        <a href="/blog/software/monochrome_cursor">
51655          <section class="excerpt">
51656            <header>
51657              <p class="date"><time datetime="2003-01-12T02:00:01+09:00">12日</time></p>
51658
51659              <h3>モノクロカーソル</h3>
51660            </header>
51661
51662            <p>カーソルはモノクロに限ると思うんですがどうですか? なんかフルカラーのは、たまに邪魔に感じるような。てなわけで、長い間(多分2年近く)使いつづけていたカーソルを再掲。けっして、ネタがなかったからとかそういうんじゃ。</p>
51663          </section>
51664        </a>
51665
51666
51667        <a href="/blog/software/ez-html">
51668          <section class="excerpt">
51669            <header>
51670              <p class="date"><time datetime="2003-01-12T02:00:00+09:00">12日</time></p>
51671
51672              <h3>ez-HTML</h3>
51673            </header>
51674
51675            <p>ez-HTMLのアウトライン解析は良いな。バグも相当なくなってきたみたいだし、良さげではある。けど、ファイル切り替えのタブの位置が気に食わない。左にファイルビューやアウトライン解析などのサイドバー出してる状態で、かつ、ひとつしかファイル開いていない時とか、エディタ部分とファイル切り替えタブの位置が異様に離れてるように感じる。TTTEditorやへてむるクリエイタ~みたいにエディタ部分のすぐ上が良いな。あと、外部アプリケーション起動って、起動するだけかぃ。ファイル名も送ることが出来ないのかな? ファイル名さえ送ることが出来れば、WSH(別に何でも良いけど)使えばディレクトリを取得することが出来るので、いろいろ出来る。htmllint *.htmlとか。</p>
51676          </section>
51677        </a>
51678
51679
51680        <a href="/blog/misc/write">
51681          <section class="excerpt">
51682            <header>
51683              <p class="date"><time datetime="2003-01-12T00:00:00+09:00">12日</time></p>
51684
51685              <h3>書く</h3>
51686            </header>
51687
51688            <p>
51688いろいろなサイトを巡回してから、エディタを起動し「さて、書こうかな?」と思うわけですが、そこで手が止まることってありますね。ま、そういうときには描かないのが一番なんですが、無理やり書くのもなかなか面白いもんです。</p>
51689          </section>
51690        </a>
51691
51692
51693        <a href="/blog/misc/when_the_world_keeps_spinning_round">
51694          <section class="excerpt">
51695            <header>
51696              <p class="date"><time datetime="2003-01-11T00:00:00+09:00">11日</time></p>
51697
51698              <h3>When the world keeps spinning round</h3>
51699            </header>
51700
51701            <p>My world&apos;s upside down</p>
51702          </section>
51703        </a>
51704
51705
51706        <a href="/blog/coding/access_analyzer">
51707          <section class="excerpt">
51708            <header>
51709              <p class="date"><time datetime="2003-01-10T00:00:00+09:00">10日</time></p>
51710
51711              <h3>アクセス解析</h3>
51712            </header>
51713
51714            <p>ちっとKENT-WEBのAccess Report v3.0を改造して遊んでました。つか、GIFからPNGにしたのと、解析結果表示CGIをstrictっぽいHTMLを出力するようにしただけですけどね。くだらねー。いのうっちに「くだらないよ、アクセス解析」みたいなこと言われたのでつけたのさ。</p>
51715          </section>
51716        </a>
51717
51718
51719        <a href="/blog/media/tori_amos">
51720          <section class="excerpt">
51721            <header>
51722              <p class="date"><time datetime="2003-01-08T04:00:00+09:00">8日</time></p>
51723
51724              <h3>Tori Amos</h3>
51725            </header>
51726
51727            <p>Aboutにはまったく書いていませんが、僕が好きで好きでたまらないミュージシャンにTori Amosという御大がいらっしゃいます。僕にとっては多分いままで聞いてきた中で最もすばらしいメロディーセンスと声を持っていると考えているわけで。なんでこんなことをわざわざ書いたかといえば、去年でたCD見逃してました。出先で時間がずれてしまったので、中古CD屋になんとなく入って漁ってたら見つけてしまった。そして普通の店に行って、輸入盤の新品を買ってみたりする、ファンとはこうあるべき(そうか?)な行動をしてみたりする。いや、良いアルバムです。</p>
51728          </section>
51729        </a>
51730
51731
51732        <a href="/blog/software/safari">
51733          <section class="excerpt">
51734            <header>
51735              <p class="date"><time datetime="2003-01-08T02:00:00+09:00">8日</time></p>
51736
51737              <h3>Safari</h3>
51738            </header>
51739
51740            <p>Slashdot.jp見るまでまるで知りませんでした、Safariを。とりあえず、会社のマシンにぶち込んでみる。速いな。たしかに実感できるほどChimeraより速い。K Desktop Environment(KDE)のいろいろ出来るよアプリケーションである、Konquerorベースらしいですので、ぶっちゃけGeckoということでOKでしょう。WEBデザイナからすると、UserAgent文字列からGeckoを消さないでいただけると有り難いな。ということで、これは意外な方面からMozillaの追い風になるかもしれませんね。バンドルして良いものかどうかはわかりませんが、Appleなら絶対バンドルするだろうし。そうすりゃあきらかにイメージアップではあるだろうし。まーオープンソースなことだし、10.2.xなMacなんて吹けば飛ぶような台数しか存在しない(うちのG4 Dualは10.1.5)わけだし、Internet Explorerみたいにバンドルにピリピリすることも無いか。でも、とりあえずわざわざタブ消すなと。</p>
51741          </section>
51742        </a>
51743
51744
51745        <a href="/blog/misc/a_process_and_a_result">
51746          <section class="excerpt">
51747            <header>
51748              <p class="date"><time datetime="2003-01-08T00:00:00+09:00">8日</time></p>
51749
51750              <h3>A process and a result</h3>
51751            </header>
51752
51753            <p>なにかしらの行動を起こすときっていうのは、大概は、なにかしらの目的があるわけなんですが、その行動自体が目的とほぼ同じだったりすることもあるわけで。</p>
51754          </section>
51755        </a>
51756
51757
51758        <a href="/blog/misc/i_draw_blank">
51759          <section class="excerpt">
51760            <header>
51761              <p class="date"><time datetime="2003-01-07T02:00:00+09:00">7日</time></p>
51762
51763              <h3>はずれ</h3>
51764            </header>
51765
51766            <p>新年明けて買い物に行ったとき、いつものようにCD20枚くらいドッカリ買ったんですが、その内の10枚くらいジャケ買い・名前買いで、ほとã
51766‚“どはずれだったりする罠。唯一、Christina AguileraのStrippedはそれなりに良かったです。もろに好みの系統の音楽じゃないので、ガッツリはまったわけじゃないんですが、もうちょっとしてもたまに聞きたくなるんじゃないかなという感じです。最大の外れは、Avril LavigneのLet Goです。屑です。とりあえず、中古屋で流通させるのも癪に障るくらい屑なので、電子レンジでチンしました。</p>
51767          </section>
51768        </a>
51769
51770
51771        <a href="/blog/misc/petit_courting">
51772          <section class="excerpt">
51773            <header>
51774              <p class="date"><time datetime="2003-01-07T00:00:00+09:00">7日</time></p>
51775
51776              <h3>プチ告白</h3>
51777            </header>
51778
51779            <p>なんのことかわかんないよ! なんでもプチつけりゃいいってもんじゃないだろ! と、流行というものを認識すら出来なくなってきたので、開き直り始めたゆりかごと墓場のどっちかというと墓場の方が近くなってきて嫌な感じなkyoです。とりあえず、どこかの掲示板に書き込むようなノリで書き始めてみる。</p>
51780          </section>
51781        </a>
51782
51783
51784        <a href="/blog/webdesign/documents_for_webdesign">
51785          <section class="excerpt">
51786            <header>
51787              <p class="date"><time datetime="2003-01-06T02:00:00+09:00">6日</time></p>
51788
51789              <h3>ウェブデザインのためのドキュメント</h3>
51790            </header>
51791
51792            <p>いのうさんへクリティカルにプレゼント。The Document Object Model in MozillaにZipped HTMLでMozillaのDOMリファレンスが置いてあります。さっきバイトに教えてもらったよ。いや、かなりイケてる。</p>
51793          </section>
51794        </a>
51795
51796
51797        <a href="/blog/misc/google_pr">
51798          <section class="excerpt">
51799            <header>
51800              <p class="date"><time datetime="2003-01-06T00:00:00+09:00">6日</time></p>
51801
51802              <h3>PR</h3>
51803            </header>
51804
51805            <p>自分をPRできるというのは重要な才能ですよ。新年早々バイトの面接やってて、そんなことを考えました。ただ難しいもので、評価っていうのは絶対的に下すのはなかなか難しいんですよね。どうしても、他人との比較になってしまいがちです。ゆえに、PRというのもそれを念頭においたテクニックになりがちです。「自分には『他人に無い』こんな美点・長所・能力がある」ということを滑らかに主張するテクニック。如才ない人は、他人を貶めていることを感じさせずに、自分の美点・長所・能力をPRできますが、大概の人は、それにとどまらず少々えらぶった感じになってしまいがちです。難しいですね。</p>
51806          </section>
51807        </a>
51808
51809
51810        <a href="/blog/misc/trash_talk_1">
51811          <section class="excerpt">
51812            <header>
51813              <p class="date"><time datetime="2003-01-05T00:00:00+09:00">5日</time></p>
51814
51815              <h3>くだらない</h3>
51816            </header>
51817
51818            <p>青春のヒトコマ。</p>
51819          </section>
51820        </a>
51821
51822
51823        <a href="/blog/webdesign/text_counter_without_ssi">
51824          <section class="excerpt">
51825            <header>
51826              <p class="date"><time datetime="2003-01-04T08:00:00+09:00">4日</time></p>
51827
51828              <h3>SSI不要のテキストカウンタ</h3>
51829            </header>
51830
51831            <p>CGIのみで動作させられるテキストカウンタ見つけたので、つけてみる。JavaScriptが使えない状態だったりするとカウントアップしないけど、そこらへんはどうでもいいかなと。二・三日動かしてみて、大丈夫そうだったら古いのは外そうっと。</p>
51832          </section>
51833        </a>
51834
51835
51836        <a href="/blog/webdesign/cannot_view_w3c_website">
51837          <section class="excerpt">
51838            <header>
51839              <p class="date"><time datetime="2003-01-04T06:00:00+09:00">4日</time></p>
51840
51841              <h3>
51841W3CがIEで見れない</h3>
51842            </header>
51843
51844            <p>W3C HTML Home Pageは、どうなんだろ。個人的にはウザいことこの上ないんですが。application/xhtml+xmlとか言ってんの。</p>
51845          </section>
51846        </a>
51847
51848
51849        <a href="/blog/coding/js_disable_style-sheets">
51850          <section class="excerpt">
51851            <header>
51852              <p class="date"><time datetime="2003-01-04T04:00:00+09:00">4日</time></p>
51853
51854              <h3>スタイルシートを無効にするJavaScript</h3>
51855            </header>
51856
51857            <p>&lt;script type=&quot;text/javascript&quot; defer&gt;</p>
51858          </section>
51859        </a>
51860
51861
51862        <a href="/blog/webdesign/in_place_of_hr_elment">
51863          <section class="excerpt">
51864            <header>
51865              <p class="date"><time datetime="2003-01-04T02:00:00+09:00">4日</time></p>
51866
51867              <h3>hr要素の代替</h3>
51868            </header>
51869
51870            <p>hrへのCSS適用ルールがあまりに互換性に欠けるので、代わりになるものを考え中なんですが、divと透過画像とか使い古された考えしか思いつかないよ。</p>
51871          </section>
51872        </a>
51873
51874
51875        <a href="/blog/misc/oseti_to_curry">
51876          <section class="excerpt">
51877            <header>
51878              <p class="date"><time datetime="2003-01-04T00:00:00+09:00">4日</time></p>
51879
51880              <h3>おせちに飽きたらカレーもね</h3>
51881            </header>
51882
51883            <p>これは世の一般常識なんですか? その前に、飽きるほどおせちを作らなければいいと思うんですが。とか、そういう話を3時間くらい討論していました。新年早々馬鹿丸出しですよ。</p>
51884          </section>
51885        </a>
51886
51887
51888        <a href="/blog/misc/shopping_at_030103">
51889          <section class="excerpt">
51890            <header>
51891              <p class="date"><time datetime="2003-01-03T00:00:00+09:00">3日</time></p>
51892
51893              <h3>お買い物</h3>
51894            </header>
51895
51896            <p>160GB HDD</p>
51897          </section>
51898        </a>
51899
51900
51901        <a href="/blog/webdesign/png_color_gap">
51902          <section class="excerpt">
51903            <header>
51904              <p class="date"><time datetime="2003-01-02T00:00:00+09:00">2日</time></p>
51905
51906              <h3>PNGの色ずれ</h3>
51907            </header>
51908
51909            <p>色ずれ解消。つか、PhotoshopはPNG作るの向いてないな。勝手にフィルタかけるから、色ずれてるよ。ずれなくする方法わかったけど、単色の透過部分の画像なので、とりあえずBMPで作ってからBTJ32で変換で良いや。アルファチャンネルでの透過は捨てがたいけどな。表示されるされないは別として。ちなみに、画像ビューワーにはACDSee 3.1使ってるんですけど、まともに表示されませんよ! カウンターも変えるかな。</p>
51910          </section>
51911        </a>
51912
51913
51914        <a href="/blog/webdesign/css-validator_on_local">
51915          <section class="excerpt">
51916            <header>
51917              <p class="date"><time datetime="2003-01-01T04:00:00+09:00">1日</time></p>
51918
51919              <h3>CSS Validatorをローカルで</h3>
51920            </header>
51921
51922            <p>CSS Validatorをローカルで動かしてみたり。CVSから最新版とってきたわけじゃなくて、CSS ValidatorをWindows 98/2000で動かすを見てそのまんまやっただけですけど。</p>
51923          </section>
51924        </a>
51925
51926
51927        <a href="/blog/media/chihiro_onitsuka_special">
51928          <section class="excerpt">
51929            <header>
51930              <p class="date"><time datetime="2003-01-01T02:00:00+09:00">1日</time></p>
51931
51932              <h3>鬼束ちひろの特番</h3>
51933            </header>
51934
51935            <p>一月三日にNHKで鬼束ちひろの特番やるみたいですね。特番やるほどネタがある人物なのか、かなり謎なんですが。</p>
51936          </section>
51937        </a>
51938
51939
51940        <a href="/blog/misc/new_year_2003">
51941          <section class="excerpt">
51942            <header>
51943              <p class="date"><time datetime="2003-01-01T00:00:00+09:00">1日</time></p>
51944
51945              <h3>お年玉ください</h3>
51946            </header>
51947
51948            <p>ま、いらないですけどね。</p>
51949          </section>
51950        </a>
51951
51952          </section>
51953          <section id="2002">
51954            <h2><time datetime="2002-12">2002年12月</time></h2>
51955
51956        <a href="/blog/software/hetemulu_creator">
51957          <section class="excerpt">
51958            <header>
51959              <p class="date"><time datetime="2002-12-31T06:00:00+09:00">31日</time></p>
51960
51961              <h3>へてむるクリエイタ~</h3>
51962            </header>
51963
51964            <p>へてむるクリエイタ~を使ってみる。正直、かなり使いやすいかも。ツールバー多すぎだとかæ€
51964ã£ãŸã‘ど、全部カスタマイズできるとか言ってんの。正直、よくこんなコード書く気になったなと。UTF-8さえ! とか思うけど、そのうち対応しそうな予感。XHTML書かせようとしてるし。HTMLエディタなのに、CSSファイルが色分けできない。そのわりになぜかC/C++はともかく、Delphiが色分けできるとか、微妙に良くわからない仕様なんですが、大概のことはカスタマイズできるし、よさげ。とりあえず、実体参照とCSS2のプロパティを登録タグにこれでもかと詰め込んでみた。あー楽だ、これ。でも、CSSに弱いのは否めない。どうしようもなさそうな予感。</p>
51965          </section>
51966        </a>
51967
51968
51969        <a href="/blog/webdesign/crash_ie">
51970          <section class="excerpt">
51971            <header>
51972              <p class="date"><time datetime="2002-12-31T04:00:00+09:00">31日</time></p>
51973
51974              <h3>クラッシュ</h3>
51975            </header>
51976
51977            <p>function changeCSS(uri){</p>
51978          </section>
51979        </a>
51980
51981
51982        <a href="/blog/misc/gotcha">
51983          <section class="excerpt">
51984            <header>
51985              <p class="date"><time datetime="2002-12-31T02:00:00+09:00">31日</time></p>
51986
51987              <h3>ガッチャ!</h3>
51988            </header>
51989
51990            <p>コード補完その他、機能的に完璧に近いもの思い出しました。HomeSite。起動が遅いよ! しょうがないので、カリカリ秀丸マクロ書いてます。</p>
51991          </section>
51992        </a>
51993
51994
51995        <a href="/blog/media/jennifer_lopez">
51996          <section class="excerpt">
51997            <header>
51998              <p class="date"><time datetime="2002-12-31T00:00:00+09:00">31日</time></p>
51999
52000              <h3>ィヤ アハァ ィヤ アハァ ィヤ アハァ</h3>
52001            </header>
52002
52003            <p>タイトルはJennifer LopezのThis Is Me...Thenから。6曲目のJenny From The Block (featuring LL Cool J)です。いや、なんとなく面白かったので。なにがやりたいのかわからないシンガーだな。美人だとは思いますが。いや、好きなんですがね。</p>
52004          </section>
52005        </a>
52006
52007
52008        <a href="/blog/webdesign/do_not_matter">
52009          <section class="excerpt">
52010            <header>
52011              <p class="date"><time datetime="2002-12-30T04:00:00+09:00">30日</time></p>
52012
52013              <h3>どうでもいいけど</h3>
52014            </header>
52015
52016            <p>コードはcodeでマークアップ。そのうち、abbrとかqとかいろいろ使いそうな自分がちょっと嫌。でも、こんな自分を誉めてやりたいです。</p>
52017          </section>
52018        </a>
52019
52020
52021        <a href="/blog/coding/delphi_tips">
52022          <section class="excerpt">
52023            <header>
52024              <p class="date"><time datetime="2002-12-30T02:00:00+09:00">30日</time></p>
52025
52026              <h3>Delphi小ネタ</h3>
52027            </header>
52028
52029            <p>日記書くネタが無いので。ロングファイルネームをショートファイルネームにするのは、ExtractShortPathName()で一発なんですが、逆が無かったりする。で、書くわけさ。</p>
52030          </section>
52031        </a>
52032
52033
52034        <a href="/blog/misc/some_monday">
52035          <section class="excerpt">
52036            <header>
52037              <p class="date"><time datetime="2002-12-30T00:00:00+09:00">30日</time></p>
52038
52039              <h3>Monday (以下略</h3>
52040            </header>
52041
52042            <p>左上に、Naotoさんの文章並みにセンスあふれるロゴを作ろうと躍起になってますが、出来ません。めんどくさいので、スマイリーで良いですか? はい、決定。</p>
52043          </section>
52044        </a>
52045
52046
52047        <a href="/blog/webdesign/js_tips_1">
52048          <section class="excerpt">
52049            <header>
52050              <p class="date"><time datetime="2002-12-29T04:00:00+09:00">29日</time></p>
52051
52052              <h3>JavaScriptの小ネタ</h3>
52053            </header>
52054
52055            <p>elmで指定した要素のprmで指定したCSSプロパティをvalで指定した値に一括変換するコードです。getElementByTagNameで配列が取れるということを知ってさえいれば、誰でも思いつく程度のもの。</p>
52056          </section>
52057        </a>
52058
52059
52060        <a href="/blog/media/naked_sunday">
52061          <section class="excerpt">
52062            <header>
52063              <p class="date"><time datetime="2002-12-29T00:00:00+09:00">29日</time></p>
52064
52065              <h3>Naked Sunday</h3>
52066            </header>
52067
52068            <p>タイトルに特に意味は。Stone Temple Pilotsの1992年のアルバム、「Core」にある曲のタイトルです。</p>
52069          </section>
52070        </a>
52071
52072
52073        <a href="/blog/webdesign/still_in_progress_4">
52074          <section class="excerpt">
52075            <header>
52076              <p class="date"><time datetime="2002-12-28T02:00:00+09:00">28日</time></p>
52077
52078              <h3>まだまだリニューアル中</h3>
52079            </header>
52080
52081            <p>黒くした。灰色はネズミっぽい(ある意味、そのまんま)。なんとなく気分的に落ち着いた。やっぱり暗い色の方が好きらしい。本当は、ほんわか癒し系なブラウン系で色使いを考えてたなんてことはありません。ないってば。W3Cバナーを外したのは、暗い色背景だとなんか異様に浮いてるので。</p>
52082          </section>
52083        </a>
52084
52085
52086        <a href="/blog/misc/de-syo-n-ga">
52087          <section class="excerpt">
52088            <header>
52089              <p class="date"><time datetime="2002-12-28T00:00:00+09:00">28日</time></p>
52090
52091              <h3>でしょんが!</h3>
52092            </header>
52093
52094            <p>流行らせます。2003年の流行語大賞になるくらいに。</p>
52095          </section>
52096        </a>
52097
52098
52099        <a href="/blog/misc/room_tabacco_and_me">
52100          <section class="excerpt">
52101            <header>
52102              <p class="date"><time datetime="2002-12-27T00:00:00+09:00">27日</time></p>
52103
52104              <h3>部屋とタバコと私</h3>
52105            </header>
52106
52107            <p>ディレクトリにアクセスした時、index.cgiを参照してくれたりすると、TOPで困ることはなくなるような。どうでもいい日記を見せつけるようになってウザい上に、重かったりするという噂もあるけど。</p>
52108          </section>
52109        </a>
52110
52111
52112        <a href="/blog/webdesign/remember">
52113          <section class="excerpt">
52114            <header>
52115              <p class="date"><time datetime="2002-12-25T00:00:00+09:00">25日</time></p>
52116
52117              <h3>思い出した</h3>
52118            </header>
52119
52120            <p>標準モード:</p>
52121          </section>
52122        </a>
52123
52124
52125        <a href="/blog/webdesign/top_ten_web-design_mistakes_of_2002">
52126          <section class="excerpt">
52127            <header>
52128              <p class="date"><time datetime="2002-12-24T00:00:00+09:00">24日</time></p>
52129
52130              <h3>Top Ten Web-Design Mistakes of 2002</h3>
52131            </header>
52132
52133            <p>Top Ten Web-Design Mistakes of 2002 (Alertbox Dec. 2002)</p>
52134          </section>
52135        </a>
52136
52137
52138        <a href="/blog/media/waking_life">
52139          <section class="excerpt">
52140            <header>
52141              <p class="date"><time datetime="2002-12-23T02:00:00+09:00">23日</time></p>
52142
52143              <h3>Waking Life</h3>
52144            </header>
52145
52146            <p>「Waking Life」ですよ。いろんなところで話題にされてる(話題になってるかは知らない)と思いますけど、あーいうのはやったもんがちだなぁと痛切に思いますね。通常の実写映像とは、言葉では言い表せないような違いがあるような気がしますね。こーいうのはビットレート落としてもクオリティ保てそうなので、気軽にインターネットで配信出来そうだ。</p>
52147          </section>
52148        </a>
52149
52150
52151        <a href="/blog/misc/ability_for_expressing">
52152          <section class="excerpt">
52153            <header>
52154              <p class="date"><time datetime="2002-12-23T00:00:00+09:00">23日</time></p>
52155
52156              <h3>表現力</h3>
52157            </header>
52158
52159            <p>某所の前向きな提案に反応しようとするも、文章まとまらない罠。</p>
52160          </section>
52161        </a>
52162
52163
52164        <a href="/blog/misc/pig">
52165          <section class="excerpt">
52166            <header>
52167              <p class="date"><time datetime="2002-12-22T00:00:00+09:00">22日</time></p>
52168
52169              <h3>豚</h3>
52170            </header>
52171
52172            <p>甥っ子にクリスマスプレゼントを。何にしようかなと、いろいろ考えたんですが、とりあえず絵本でいいやと。で、三省堂をさまよってるとIan Falconer の OLIVIAを見つけたã
52172®ã§ã€ã“れにしました。</p>
52173          </section>
52174        </a>
52175
52176
52177        <a href="/blog/webdesign/still_in_progress_3">
52178          <section class="excerpt">
52179            <header>
52180              <p class="date"><time datetime="2002-12-21T00:00:00+09:00">21日</time></p>
52181
52182              <h3>惑わされ、流される私</h3>
52183            </header>
52184
52185            <p>全然決定じゃなかったりする罠。</p>
52186          </section>
52187        </a>
52188
52189
52190        <a href="/blog/software/mozilla_memo">
52191          <section class="excerpt">
52192            <header>
52193              <p class="date"><time datetime="2002-12-19T02:00:00+09:00">19日</time></p>
52194
52195              <h3>Mozillaメモ</h3>
52196            </header>
52197
52198            <p>user_pref(&quot;network.protocol-handler.external.mailto&quot;, true);</p>
52199          </section>
52200        </a>
52201
52202
52203        <a href="/blog/webdesign/still_in_progress_2">
52204          <section class="excerpt">
52205            <header>
52206              <p class="date"><time datetime="2002-12-19T00:00:00+09:00">19日</time></p>
52207
52208              <h3>ころころと</h3>
52209            </header>
52210
52211            <p>メニューを横方向に展開してみる。収まりが良い。良すぎる気も。どっちにするかなぁ・・・。</p>
52212          </section>
52213        </a>
52214
52215
52216        <a href="/blog/webdesign/still_in_progress_1">
52217          <section class="excerpt">
52218            <header>
52219              <p class="date"><time datetime="2002-12-18T02:00:00+09:00">18日</time></p>
52220
52221              <h3>リニューアル中</h3>
52222            </header>
52223
52224            <p>Formもできた。もうちょっと。色使いがちょっと変だなぁ・・・。</p>
52225          </section>
52226        </a>
52227
52228
52229        <a href="/blog/rss/think_quietly">
52230          <section class="excerpt">
52231            <header>
52232              <p class="date"><time datetime="2002-12-18T00:00:00+09:00">18日</time></p>
52233
52234              <h3>落ち着いて考えると当たり前</h3>
52235            </header>
52236
52237            <p>BIGLOBEはsocket通信禁止されてました。ということはどうあがいても、リアルタイムでここにRSS表示させることは出来ないと。ちっ。</p>
52238          </section>
52239        </a>
52240
52241
52242        <a href="/blog/rss/touch_on_the_rss">
52243          <section class="excerpt">
52244            <header>
52245              <p class="date"><time datetime="2002-12-17T02:00:00+09:00">17日</time></p>
52246
52247              <h3>RSSに触れる</h3>
52248            </header>
52249
52250            <p>RSS読んでます。XML::RSS使わないでやるサンプルが見つかりません。ローカルで動かしてるだけでも面白いからまーいーやー。</p>
52251          </section>
52252        </a>
52253
52254
52255        <a href="/blog/webdesign/motivation">
52256          <section class="excerpt">
52257            <header>
52258              <p class="date"><time datetime="2002-12-17T00:00:00+09:00">17日</time></p>
52259
52260              <h3>やる気が</h3>
52261            </header>
52262
52263            <p>ここまでできた。最大の問題点である Form のレイアウトを決めていないので、完成度は 50% 程度か。</p>
52264          </section>
52265        </a>
52266
52267
52268        <a href="/blog/misc/heh_heh_heh">
52269          <section class="excerpt">
52270            <header>
52271              <p class="date"><time datetime="2002-12-16T00:00:00+09:00">16日</time></p>
52272
52273              <h3>ふっふっふ</h3>
52274            </header>
52275
52276            <p>俺、必死だな。</p>
52277          </section>
52278        </a>
52279
52280
52281        <a href="/blog/webdesign/re-model_my_own_way">
52282          <section class="excerpt">
52283            <header>
52284              <p class="date"><time datetime="2002-12-15T00:00:00+09:00">15日</time></p>
52285
52286              <h3>勝手に改造</h3>
52287            </header>
52288
52289            <p>BBSの返信を書くURIにアクセスする時、JavaScriptでリダイレクトするのではなく、たんなるリンクで飛ぶようにしてみる。書き込み結果を表示するURIからBBSに戻る時に、openerがあるかどうか調べてから処理しているので、別ウィンドウを開いて書き込んでも、不必要になる別ウィンドウを閉じて、再読み込みしてくれる・・・と思う。</p>
52290          </section>
52291        </a>
52292
52293
52294        <a href="/blog/software/ghostzilla">
52295          <section class="excerpt">
52296            <header>
52297              <p class="date"><time datetime="2002-12-14T04:00:00+09:00">14日</time></p>
52298
52299              <h3>Ghostzilla</h3>
52300            </header>
52301
52302            <p>Ghostzillaは、すごい便利そうで、そうでもないような気もする。面白いけど。</p>
52303          </section>
52304        </a>
52305
52306
52307        <a href="/blog/software/dev-php">
52308          <section class="excerpt">
52309            <header>
52310              <p class="date"><time datetime="2002-12-14T02:00:00+09:00">14日</time></p>
52311
52312              <h3>Dev-PHP</h3>
52313            </header>
52314
52315            <p>Dev-PHPというPHPエディタ、良いです。HTMLエディタとしても使えるかも。ワードラップさえあればメインにしたくなる。そういや海外のエディタはワードラップ無いのけっこう多いんですけど、外人はガリガリ改行するらしいです。</p>
52316          </section>
52317        </a>
52318
52319
52320        <a href="/blog/misc/become_conscious">
52321          <section class="excerpt">
52322            <header>
52323              <p class="date"><time datetime="2002-12-14T00:00:00+09:00">14日</time></p>
52324
52325              <h3>まともに戻ったような</h3>
52326            </header>
52327
52328            <p>Journalとして切り離してみる。前の状態に戻ったような気がするけど、忘れっぽいので覚えてません。昔のことだし。</p>
52329          </section>
52330        </a>
52331
52332
52333        <a href="/blog/webdesign/i_wanna_use_iframe">
52334          <section class="excerpt">
52335            <header>
52336              <p class="date"><time datetime="2002-12-13T04:00:00+09:00">13日</time></p>
52337
52338              <h3>iframe</h3>
52339            </header>
52340
52341            <p>いのうさんがiframe使おうかなとか言ってたときに、「あーキライですね。僕はProxomitronで殺しちゃってるので、僕は見れなã
52341„ですね。」とか、言ってたくせに、iframe使いたくなりました。</p>
52342          </section>
52343        </a>
52344
52345
52346        <a href="/blog/software/dirkey">
52347          <section class="excerpt">
52348            <header>
52349              <p class="date"><time datetime="2002-12-13T02:00:00+09:00">13日</time></p>
52350
52351              <h3>Dirkey</h3>
52352            </header>
52353
52354            <p>Dirkeyというソフトウェアを愛用してたりする。前にも言ったような予感(ぉ。歴史は繰り返す。忘れっぽいだけじゃん。</p>
52355          </section>
52356        </a>
52357
52358
52359        <a href="/blog/webdesign/playful_mozilla">
52360          <section class="excerpt">
52361            <header>
52362              <p class="date"><time datetime="2002-12-13T00:00:00+09:00">13日</time></p>
52363
52364              <h3>Mozillaってば、お茶目さん</h3>
52365            </header>
52366
52367            <p>Mozillaでのレンダリングがどうも変です。BBSとか見てみるとわかるんですが、枠としてつけてあるborderがところどころ消えてたりする。特に問題のあるところも見つからないので、とりあえず放置。再現性はあるのに、パターンがわからないので、どうしようもないんですが。</p>
52368          </section>
52369        </a>
52370
52371          </section>
52372    </main>
52373
52374    <footer class="page-footer">
52375        <p>このウェブサイトは<a href="mailto:[email protected]">ながしまきょう</a>が<a title="Creative Commons (表示)" href="https://creativecommons.org/licenses/by/4.0/">CC-BY</a>の下で作成、公開、そして更新しています。更新情報は<a href="/feed" type="application/rss+xml">RSS</a> (<a href="/blog/feed" type="application/rss+xml">雑多な記録だけのRSS</a>)で購読できます。その他、わからないことは<a href="/#about">もう少し詳しい情報</a>を参照してください。</p>
52376
52377      <p><a href="#top"><span aria-hidden="true">↑ </span>一番上</a></p>
52378    </footer>
52379  </body>
52380</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.