<h3>同じようなこと以前書いていた</h3>
<ul>
<li><a href="http://subtech.g.hatena.ne.jp/mala/20090618/1245322603">http://subtech.g.hatena.ne.jp/mala/20090618/1245322603</a></li>
</ul>
<p>既視感。自分のは WAF に限定した syntax についてだけど。</p>
<blockquote>
<p>これができると、Web アププフレームワークで、DB や http から取得等の非同期で平行して走られ、かつ一番時間かかる処理を同時に行える。コントローラ側では意識せずに書くことができ、(erb なら)テンプレートで呼び出されるときにまだ処理が終わってなければそこで処理が終わるまで待ち受けられる。コントローラ処理が終わったらコンテキスト変えて、とかのタイミングで非同期ロード開始すれば実装的にはできそう。</p>
<p>というのが次の世代のWebアプリケーションフレームワークでは標準(頭使わなくて非同期でどんどん書ける)になりそうな気がしてるんだけどどうだろう。もう知らないだけで、そういう実装結構出てきてるのかな。 <a href="http://subtech.g.hatena.ne.jp/secondlife/20080605/1212634318">はてなグループの終了日を2020年1月31日(金)に決定しました - はてなグループ日記 - 機能変更、お知らせなど</a></p>
</blockquote>
<p>2010 年ぐらいに Scala で FW/ORM で非同期処理を頭使わずに書ける Rails のようなブレークスルーを起こす FW が登場するんじゃないかなー、と最近思っている。</p>

同じようなこと以前書いていたhttp://subtech.g.hatena.ne.jp/mala/20090618/1245322603既視感。自分のは WAF に限定した syntax についてだけど。これができると、Web アププフレームワークで、DB や http から取得等の非同期で平行して走られ、かつ一番時間かかる処理を同時に行える。コントローラ側では意識せずに書くことができ、(erb なら)テンプレートで呼び出されるときにまだ処理が終わってなければそこで処理が終わるまで待ち受けられる。コントローラ処理が終わったらコンテキスト変えて、とかのタイミングで非同期ロード開始すれば実装的にはできそう。というのが次の世代のWebアプリケーションフレームワークでは標準(頭使わなくて非同期でどんどん書ける)になりそうな気がしてるんだけどどうだろう。もう知らないだけで、そういう実装結構出てきてる

同じようなこと以前書いていたhttp://subtech.g.hatena.ne.jp/mala/20090618/1245322603既視感。自分のは WAF に限定した syntax についてだけど。これができると、Web アププフレームワークで、DB や http から取得等の非同期で平行して走られ、かつ一番時間かかる処理を同時に行える。コントローラ側では意識せずに書くことができ、(erb なら)テンプレートで呼び出されるときにまだ処理が終わってなければそこで処理が終わるまで待ち受けられる。コントローラ処理が終わったらコンテキスト変えて、とかのタイミングで非同期ロード開始すれば実装的にはできそう。というのが次の世代のWebアプリケーションフレームワークでは標準(頭使わなくて非同期でどんどん書ける)になりそうな気がしてるんだけどどうだろう。もう知らないだけで、そういう実装結構出てきてるのかな。 はてなグループの終了日を2020年1月31日(金)に決定しました - はてなグループ日記 - 機能変更、お知らせなど2010 年ぐらいに Scala で FW/ORM で非同期処理を頭使わずに書ける Rails のようなブレークスルーを起こす FW が登場するんじゃないかなー、と最近思っている。

同じようなこと以前書いていた

<ul>
<li><a href="http://16x16.hatelabo.jp/">http://16x16.hatelabo.jp/</a></li>
</ul>
<p>先日、はてラボで 16x16 という、16x16 サイズに特化したアイコンエディタをリリースしました。</p>
<p>favicon や小さなアイコンなど、Web 上では小型サイズのドットアイコンは使いやすいので、いろいろな場所で使われていますね。16x16 サイズのアイコンを書くのに、16/32/64 サイズの同時プレビューが欲しかったり、即座に色の明度調整を行いたかったのですが、手軽に使えるツールが無かったため、Flash でサクッと作ってみました。</p>
<p>と云うわけで、はてなのユーザアイコンとも相性がいい 16x16 サイズのアイコンを、みんな描いてみましょう！絵心が無くてもなんとなーく描くだけでそれっぽいのが作れると思うので、軽いチュートリアルを作ってみました。</p>
<h4>その1 ざっくりと形を決める</h4>
<p>適当に形を決めましょう。初心者なら線対称な図形を描くのが楽ちんです。■●▲の組み合わせなんかでさくっと。今回は■を描いてみました。<br>
<img src="http://img.f.hatena.ne.jp/images/fotolife/s/secondlife/20090615/20090615191630.png?1245061171" alt=""></p>
<h4>その2 アイデンティティとなるものを描く</h4>
<p>ただの図形だと味気ないので、アイデンティティとなるものを描きます。今回は顔っぽく仕上げるために目と口をかいてみました。■●▲なんかを描くだけでもいいと思います。シンプルなアイコンっぽくなってきましたね。<br>
<img src="http://img.f.hatena.ne.jp/images/fotolife/s/secondlife/20090615/20090615191631.png?1245061153" alt=""></p>
<h4>その3 色をつける</h4>
<p>今まではモノトーン(シンプルなアイコンならモノトーンや黒白+一色が良いです)で来ましたが、ここでビビットな色でアクセントをつけてみます。ピンクと青＋灰色はなんか好きです。</p>
<p><img src="http://img.f.hatena.ne.jp/images/fotolife/s/secondlife/20090615/20090615191632.png?1245061140" alt=""></p>
<h4>その4 陰影をつける</h4>
<p>このままでは平らな感じなので、陰影をつけてみましょう。顔の灰色を選択 (CTRL でスポイト) し、カーソルキーの↑↓を押すと、色はそのままに明度を変更できるため、簡単にハイライトや陰影をつけるための色を選べます。<br>
左上から光が当たったら、というのを想定して左上のラインを明るい灰色、右下のラインを暗い灰色で塗ります。<br>
<img src="http://img.f.hatena.ne.jp/images/fotolife/s/secondlife/20090615/20090615191633.png?1245061116" alt=""></p>
<h4>その5 もの足りないので何か付け足す</h4>
<p>その4で完成！でも良いのですが、なにかもの足りないので付け足してみましょう。具体的には頭に耳を、口によだれを付け足してみました。この辺は描いてなんか違う→UNDOの繰り返しです。</p>
<p><img src="http://img.f.hatena.ne.jp/images/fotolife/s/secondlife/20090615/20090615191634.png?1245061081" alt=""></p>
<p>ちなみに q キーを押すと IE 以外のブラウザで履歴(いままで描いてきた履歴)を表示することができます。たとえば、今回のチュートリアルで作ったアイコンの履歴は下な感じです。その5でいろいろと試行錯誤してるのが解りますね。</p>
<p><img src="http://img.f.hatena.ne.jp/images/fotolife/s/secondlife/20090615/20090615191629.png?1245061056" alt=""></p>
<h4>完成したらアップロードしよう！</h4>
<p>アイコンが完成したら、保存して自分のはてなプロフィールアイコンとしてアップロードしてみましょう。 <a href="http://www.hatena.ne.jp/">http://www.hatena.ne.jp/</a> にアクセスし、右上のユーザアイコンの画像の鉛筆アイコンをクリックします。</p>
<p><img src="http://img.f.hatena.ne.jp/images/fotolife/s/secondlife/20090615/20090615185230.png" alt=""></p>
<p>その後、次のページでアップロードすれば完了です！</p>
<p><img src="http://img.f.hatena.ne.jp/images/fotolife/s/secondlife/20090615/20090615191635.png?1245061188" alt=""></p>
<p>こんな感じに、16x16 サイズでプロフィールアイコンを描くと、大きいアイコン(64x64)の方も、いい感じのドット絵になりますね。というわけで、みなさん是非これを機会に、プロフィールアイコンや favicon などを描いてみてはいかがでしょうか。</p>

http://16x16.hatelabo.jp/先日、はてラボで 16x16 という、16x16 サイズに特化したアイコンエディタをリリースしました。favicon や小さなアイコンなど、Web 上では小型サイズのドットアイコンは使いやすいので、いろいろな場所で使われていますね。16x16 サイズのアイコンを書くのに、16/32/64 サイズの同時プレビューが欲しかったり、即座に色の明度調整を行いたかったのですが、手軽に使えるツールが無かったため、Flash でサクッと作ってみました。と云うわけで、はてなのユーザアイコンとも相性がいい 16x16 サイズのアイコンを、みんな描いてみましょう！絵心が無くてもなんとなーく描くだけでそれっぽいのが作れると思うので、軽いチュートリアルを作ってみました。その1 ざっくりと形を決める適当に形を決めましょう。初心者なら線対称な図形を描くのが楽ちんです。

http://16x16.hatelabo.jp/先日、はてラボで 16x16 という、16x16 サイズに特化したアイコンエディタをリリースしました。favicon や小さなアイコンなど、Web 上では小型サイズのドットアイコンは使いやすいので、いろいろな場所で使われていますね。16x16 サイズのアイコンを書くのに、16/32/64 サイズの同時プレビューが欲しかったり、即座に色の明度調整を行いたかったのですが、手軽に使えるツールが無かったため、Flash でサクッと作ってみました。と云うわけで、はてなのユーザアイコンとも相性がいい 16x16 サイズのアイコンを、みんな描いてみましょう！絵心が無くてもなんとなーく描くだけでそれっぽいのが作れると思うので、軽いチュートリアルを作ってみました。その1 ざっくりと形を決める適当に形を決めましょう。初心者なら線対称な図形を描くのが楽ちんです。■●▲の組み合わせなんかでさくっと。今回は■を描いてみました。その2 アイデンティティとなるものを描くただの図形だと味気ないので、アイデンティティとなるものを描きます。今回は顔っぽく仕上げるために目と口をかいてみました。■●▲なんかを描くだけでもいいと思います。シンプルなアイコンっぽくなってきましたね。その3 色をつける今まではモノトーン(シンプルなアイコンならモノトーンや黒白+一色が良いです)で来ましたが、ここでビビットな色でアクセントをつけてみます。ピンクと青＋灰色はなんか好きです。その4 陰影をつけるこのままでは平らな感じなので、陰影をつけてみましょう。顔の灰色を選択 (CTRL でスポイト) し、カーソルキーの↑↓を押すと、色はそのままに明度を変更できるため、簡単にハイライトや陰影をつけるための色を選べます。左上から光が当たったら、というのを想定して左上のラインを明るい灰色、右下のラインを暗い灰色で塗ります。その5 もの足りないので何か付け足すその4で完成！でも良いのですが、なにかもの足りないので付け足してみましょう。具体的には頭に耳を、口によだれを付け足してみました。この辺は描いてなんか違う→UNDOの繰り返しです。ちなみに q キーを押すと IE 以外のブラウザで履歴(いままで描いてきた履歴)を表示することができます。たとえば、今回のチュートリアルで作ったアイコンの履歴は下な感じです。その5でいろいろと試行錯誤してるのが解りますね。完成したらアップロードしよう！アイコンが完成したら、保存して自分のはてなプロフィールアイコンとしてアップロードしてみましょう。 http://www.hatena.ne.jp/ にアクセスし、右上のユーザアイコンの画像の鉛筆アイコンをクリックします。その後、次のページでアップロードすれば完了です！こんな感じに、16x16 サイズでプロフィールアイコンを描くと、大きいアイコン(64x64)の方も、いい感じのドット絵になりますね。というわけで、みなさん是非これを機会に、プロフィールアイコンや favicon などを描いてみてはいかがでしょうか。

16x16 でアイコンを描こう！

<h3>IE 6,7 で相対URL -> 絶対 URL の変換</h3>
<p>canonical リンクの取得で変換が必要になった。IE6,7 は link 要素の href にプロパティアクセス、attr アクセスすると、相対 URL が指定されてる場合はまんま相対 URL を返す。</p>
<p>そんなとき絶対 URL に変換する一番楽なのは A 要素の href を利用して、cloneNode するといいよ、と nanto_terapad さんに教えてもらった。BK! BK!</p>
<pre><code>var a = document.createElement('a');
a.setAttribute('href', link.href);
a.href; // この時点では相対 URL
a.cloneNode(false).href; // これで絶対 URL
</code></pre>
<p>ちなみに link.cloneNode(false).href では相対 URL のまんまだった。</p>
<p>IE 8 では</p>
<blockquote>
<p>URLタイプのDOM属性は、コンテンツ属性と区別されるようになりました。例 : A href (DOM 属性) != A .getAttribute('href') ( コンテンツ属性)URL タイプの DOM 属性は常に絶対 URL を返し、コンテンツ属性はソースに指定された文字列を返します。これらの変更は、 Attr.value と getAttributeNode にも適用されます。具体的に説明します。</p>
<p>・ 絶対 URL を返すようになった DOM属性を持つ要素は、applet [codebase] 、base [href] 、body [background] 、del [cite] 、form [action] 、frame [src, longdesc] 、head [profile] 、iframe [src, longdesc] 、img [longdesc] 、ins [cite] 、link [href] 、object [codebase, data] 、q [cite] 、script [src] です。</p>
<p>・ 相対 URL を返すようになったコンテンツ属性を持つ要素は、a [href] 、area [href] 、img [src] 、input [src] です。 <a href="http://msdn.microsoft.com/ja-jp/ie/cc787982.aspx">no title</a></p>
</blockquote>
<p>らしいので、link は絶対URLを返すようになった。</p>

IE 6,7 で相対URL -> 絶対 URL の変換canonical リンクの取得で変換が必要になった。IE6,7 は link 要素の href にプロパティアクセス、attr アクセスすると、相対 URL が指定されてる場合はまんま相対 URL を返す。そんなとき絶対 URL に変換する一番楽なのは A 要素の href を利用して、cloneNode するといいよ、と nanto_terapad さんに教えてもらった。BK! BK!var a = document.createElement('a');
a.setAttribute('href', link.href);
a.href; // この時点では相対 URL
a.cloneNode(false).href; // これで絶対 URLちなみに link.cloneNode(false).href では相対 URL のまん

IE 6,7 で相対URL -> 絶対 URL の変換canonical リンクの取得で変換が必要になった。IE6,7 は link 要素の href にプロパティアクセス、attr アクセスすると、相対 URL が指定されてる場合はまんま相対 URL を返す。そんなとき絶対 URL に変換する一番楽なのは A 要素の href を利用して、cloneNode するといいよ、と nanto_terapad さんに教えてもらった。BK! BK!var a = document.createElement('a');
a.setAttribute('href', link.href);
a.href; // この時点では相対 URL
a.cloneNode(false).href; // これで絶対 URLちなみに link.cloneNode(false).href では相対 URL のまんまだった。IE 8 ではURLタイプのDOM属性は、コンテンツ属性と区別されるようになりました。例 : A href (DOM 属性) != A .getAttribute('href') ( コンテンツ属性)URL タイプの DOM 属性は常に絶対 URL を返し、コンテンツ属性はソースに指定された文字列を返します。これらの変更は、 Attr.value と getAttributeNode にも適用されます。具体的に説明します。・ 絶対 URL を返すようになった DOM属性を持つ要素は、applet [codebase] 、base [href] 、body [background] 、del [cite] 、form [action] 、frame [src, longdesc] 、head [profile] 、iframe [src, longdesc] 、img [longdesc] 、ins [cite] 、link [href] 、object [codebase, data] 、q [cite] 、script [src] です。・ 相対 URL を返すようになったコンテンツ属性を持つ要素は、a [href] 、area [href] 、img [src] 、input [src] です。 no titleらしいので、link は絶対URLを返すようになった。

A Day in the Life

同じようなこと以前書いていた

同じようなこと以前書いていた

書いている人

おたよりを送る