analog

Implement 4 arithmetic operations by increment

Thursday, September 20th, 2007

「＋1」だけで四則演算をするには？ − ＠IT自分戦略研究所 初心者向け記事として今後に期待できそうな連載第1回目。 でも、これはまずいんじゃないかな。 while(b--) デクリメント使っちゃいかんでしょう。 int i = 0; while(i++ < b) ならインクリメントだけで成立すると思った。 というか、タイトルだけ見たときに機械語の連載が始まったのかと思った。 インストラクションセットが異常に貧弱で最低限しかない仮想コンピュータで四則演算を実装しろみたいな。 それ楽しそう。 そういう程度の仮想機械ならJavaScript(ECMAScript)で作れるな。 そういえばJavaScriptで仮想機械を作ったという事例を聞かないな。JSVM？ JSで作られたOS上にCコンパイラが移植できたらすごいんだけど。あらゆるものを移植できる。本当のWebOSかも。 そーいえば、 Soko Monar ( ｀∀´) ソーコモナー - Javascript Virtual Console "Super Maryo World" - Javascript Virtual Machine 神すぎる。

Posted in IT, tech | No Comments »

Desktop RFID printer

Wednesday, September 19th, 2007

これはキタ。ついにキタ。これイイネ。 机周りにも置けるコンパクトなオンデマンドICタグラベルプリンタ「RL-700S」が、 9月1日に発売されました。 最安値で14万円か。気軽に買える値段じゃないけど。 RFIDラベルプリンタ販売開始しました。 1枚からのICタグラベル作成も可能。 業務用ICタグラベルプリンタに比べ、大幅な小型化を実現しました。 従来の業者発注方式にあった「最低ロット」を気にする必要がありません。 1本のテープカセットで30枚のICタグラベルが作成できます。 【商品】　RL-700S・・・157,500円 ■詳しくはこちら ※ブラザーメルマガより引用 これあったら気軽にRFIDを使った実験ができるなー。いいなー。

Posted in IT, tech | No Comments »

Migration my WordPress.com blog to Lolipop.jp

Monday, September 17th, 2007

せっかくだから書いておこう。 材料： WordPress.com 移行元のWordPressホスティングサービス(hidetox.wordpress.com) ムームードメインドメインの取得代行業者(リセラー)　※レジストラではない Sitelutions ドメインホスティングサービス ロリポップ 移行先のレンタルサーバ(dp35243519.lolipop.jp) Google Apps 独自ドメインでのメール(Gmail)運用 前提： WordPress.comで http://hidetox.wordpress.com/をhttp://hidetox.com/にドメインマッピングしている。 ムームードメインはWordPress.comのドメインホスティングを利用する設定にしている。（Domain Mapping « WordPress.com より引用） ns1.wordpress.com ns2.wordpress.com ns3.wordpress.com Google AppsはWordPress.comの設定により運用中。(Email and a blog on the same domain) 工程： 1 Googleの設定はそのまま（すでに独自ドメイン運用済み） 2 ロリポップの独自ドメインプランでhidetox.comを登録。（今回はhidetox.comがもともとロリポップサーバだったので影響ないが、新規に申し込む際はサーバが有効になってから作業した方がよい。タイムラグを防ぐため） 3 SitelutionsにWebサーバの設定 @ CNAME www www CNAME dp35243519.lolipop.jp 4 Sitelutionsにメールの設定：Google独自ドメイン(MXレコードの設定) 優先値 メール サーバー 1 ASPMX.L.GOOGLE.COM. 5 ALT1.ASPMX.L.GOOGLE.COM. 5 ALT2.ASPMX.L.GOOGLE.COM. 10 ASPMX2.GOOGLEMAIL.COM. 10 ASPMX3.GOOGLEMAIL.COM. 10 ASPMX4.GOOGLEMAIL.COM. 10 ASPMX5.GOOGLEMAIL.COM. 5 ムームードメインでhidetox.comのDNS設定を変更する。(Sitelutionsのネームサーバ) ネームサーバ NS1.SITELUTIONS.COM. NS2.SITELUTIONS.COM. NS3.SITELUTIONS.COM. NS4.SITELUTIONS.COM. NS5.SITELUTIONS.COM. DNS設定変更の波及待ち。 あとは必要があればWordPress.comのドメインマッピングを解除。

Posted in tech, web | No Comments »

CSS is a low level language (2) Scope

Wednesday, September 12th, 2007

CSSは機械語なみの低級言語(2)スコープ CSSは機械語なみの低級言語 « hidetox.com blog に追記。 CSSには「スコープ」という概念がない。すべてがフラット。グローバル・スコープ。だからCSSファイルをいくら分割@importしたところで、そんなの関係ねぇ。思わぬところで干渉してしまう。原因究明が困難。スパゲティ・コード、というよりも、CSS自体がパスタボウル。 XHTMLとCSSは分離せずに一体化させたほうが「モジュールとしての再利用性」が高まるのでは？　プログラミング言語では「オブジェクト指向」でデータと処理をバンドルしたように。 例えばTextMateでHTMLを編集するときは左端の行番号表示のところにブロック単位の表示フィルタ・コントロールが出る。defとendで括られたメソッドなどの単位で、一時的に非表示にできたりする。HTMLエディタにこういう機能を作るのは簡単なんだから、XHTMLのbody中、例えばある意味のある情報単位のボックス(div)のとなり（ソース上で隣接した場所）にCSSを埋め込んだらいい。<style>タグというよりもxml:nsによる解決策のイメージ。そしてエディタではタブなどで XHTML/CSS/Both のビューを切り替えられるようになっていればいい。 このアイデアはどうだろう？ あ、これってJavaScript使えば現状でも実現可能ですわ。ブラウザは未知のタグやネームスペースの要素を無視してくれるから。普通にソース中に埋め込んでしまえばいい。それをJavaScriptで処理したうえでStylesheetsにつっこめばいい。 スクリプトならエラーが出たときの行数が出るので、こういう処理をするとエラー行番号が分からなくなって困る（Rubyでevalブロック中のエラーのように）わけだが、そもそもCSSのエラー行番号なんてあまり役に立っていないと思うので、とくに問題は増えていない気がする。どう？ あ、ちなみに、これってXMLだから安心してやれることかもしれない。まあ実務上はべつに仕様がどうとか関係ないけど、XMLの仕様として拡張可能であることは、安心して勝手な拡張をしていい、ということになる。そういう草の根的な動き（※注：企業がやるのも含めて、非標準化団体による推進という意味で）によって新たな拡張が標準（デファクト）になるケースだってある。RSSのAuto-Discoveryだってそういうもんじゃなかったか？　要素ではなく属性による解決（よりライトウェイトなので影響度が少ないはず、という点でスマートだと思う）であるmicroformatsもそういう存在。そういう意味では、以前このブログで「XHTMLがXMLだろうがSGMLだろうがブロークンだろうが関係ない」と書いてしまったけど、まあ実務上は実際に関係ないけど、UA(user agent)実装者などにとっては大きいな。うん。

Posted in tech, web, design | 1 Comment »

CSS is a low level language (1) macro, variable, declarative relational layout

Tuesday, September 11th, 2007

CSSは機械語なみの低級言語(1)マクロ、変数、宣言的相対配置 CSSの現状はプログラミング言語史とのアナロジーで捉えるならば「機械語」と大して変わらない状態。 後述のように「機械語」は「プログラミング言語」ではない、正確に言えば。 MOONGIFT: » プログラマブルCSS「Moonfall」:オープンソースを毎日紹介 現状のCSSは言わば各数値、文字列がハードコーディングされた状態だ。柔軟なデザイン変更に対応するにはやはり変数化が便利だろう。 これで気づかされた。 CSSの現状は機械語かアセンブリ言語であり、Moonfallというソフトは要するに「アセンブラをマクロアセンブラに」発展させる手段ですね。プリプロセッサを使うという点も、まさに同じ。 ちなみに言えば、アセンブリ言語は、厳密には「プログラミング言語」ではない、という解釈もできる。機械語と1対1対応のコマンド名（ニーモニック mnemonic）を与えただけだから。 これが良い例：TAKESAKO @ Yet another Cybozu Labs: FizzBuzz x86 for バイナリアン あらためてアセンブリ言語と機械語の関係を確認。 アセンブリ言語をアセンブラというソフトによってアセンブルすると機械語（バイナリ）になる。 逆に、機械語（バイナリ）をディスアセンブラ（逆アセンブラ）というソフトによってディスアセンブル（逆アセンブル）するとアセンブリ言語のソースになる。 ※注：変数名などはアセンブルの際に消えてしまっているため、完全に元のソースコードと同一のものが再現できるわけではない（「ディスアセンブル」の解説より引用） そういう意味では、 ブラウザにとっての「実行可能形式」であるCSSは、じつはアセンブリ言語ですらなく、機械語（バイナリ）に例えてもいいのかもしれない、くらいだ。 つまり、「プログラミング言語が産まれた瞬間(epoc)」が、まだCSSには訪れていない。 Moonfallというソフトは今後のCSS進化史において重要なソフトなのかもしれない。 〜〜〜〜〜〜〜〜〜〜〜〜 以上はプログラミング言語のアナロジーで語った部分。以下、ちょっと違う観点。 ちなみに、むかしからCSSについておかしいと思っている点。（Moonfallが解決した点は除く） 「float」（流し込み）でレイアウト、っておかしくないか？ 「ボックスBは、Aの右、Bの下、Cの上に、上寄せ・左寄せで配置」といったボックス間の「制約」によって、ボックスのレイアウトは指定できるべきだ。 世の中のほとんどのサイトはグリッド・レイアウトだというのに、CSSには「グリッド」という概念がないじゃないか。（tableやdlを除くが、そういうのでレイアウトを指定するのは「正しいマークアップとはいえない」とマークアップ言語のほうで言われているわけで。スタイル言語の策定者とマークアップ言語の策定者は仲が悪い？ということはないだろうから、それだけに不可解なんだ） 結論から言えばJavaのSwingなどいわゆるGUIのAPIに含まれる「グリッド・レイアウト」の仕組み（レイアウト・マネージャとその指定方法）を取り入れてくれたら、もっとCSSの記述は簡単になるはずなんだ。 Java:Swing:GridBagLayoutクラス:コンポーネントを配置するセルを設定する そう思わない？ これをプログラミング言語のアナロジーでむりやり語れば、「命令型から宣言型へ」という進化だと言えるでしょうな。 いまのCSSは、「まずボックスAが幅●pxで、その右側に幅○のボックスBを流し込んで・・・」という具合に、ブラウザに対する「処理の手続き」を記述している、という点で手続き型言語に近い。もっと宣言的に、あるいは結果を直接指示するようなやりかたで指示できたほうがよい。「DはAの右、Bの下、Cの上」といった形で定義すれば、結果的にABCDの相対位置が一義的に決まるわけで。そういう指定のほうが人間の直感に近いし、GUIとの親和性も高いでしょ、と。 追記： って書いたらウノウの人が同じテーマについて書いていた。この記事の前半部分のトピック。および他のも。 ウノウラボ Unoh Labs: 「サーバサイドCSS」という選択 Lism.in * blog - 2007-09-11 CSS Server-side Pre-processor // ShaunInman.com CSSの記述テクニック 階層宣言コーディング The Lab - SaSS なかでもこれは知らなかった。→CSSの記述テクニック 階層宣言コーディング　と思ったらエイプリルフールのネタか。残念。 これプラス、マクロ（変数および定型文／センテンスの使い回し）をプリプロセッサで実現すればそうとうに便利になるのでは？　あ、そうそう、変数としてのピクセル値なんかは四則演算できたら便利。h2はh1よりfont-sizeが2割減とか。 続く→CSSは機械語なみの低級言語(2) « hidetox.com blog

Posted in tech, web, design | 1 Comment »

‘Ajax’ is not a technical term (it’s a design term)

Tuesday, September 11th, 2007

いいかげんAjaxを「技術」と呼ぶのをやめてほしい。 グループウェアからコラボレーティブウェアへ、NECの新「StarOffice」 − ＠IT 「インターフェイス構築においてAjax技術を採用した」 むーん 「クラッカー」を「ハッカー」と呼ぶのと同じくらい気持ち悪い。 Ajaxは「デザイン」の問題・トピックであって、技術の問題ではない。 どうすればそういう考え方が普及するのか？ と いうか、うちみたいな小さな会社がそう考えなければいけないほど、大手のWeb制作会社は世間に対するアピールが足りない。 「良い仕事できれば満足」 みたいな業界内引きこもりをすぐにやめて「社会」と向き合った方がいい。 言うべきことを言って欲しい。 37signalsのJason Fried氏やAdaptivePathのJesse James Jesse Garrett氏のように。   影響力のある人が言わなければ、言葉で世の中を変えることは出来ないから。   業界を代表して、大手の経営者なりエバンジェリストなりが、言うべきだ。

Posted in tech, web, design | No Comments »

We need just one user-interface XML

Tuesday, September 11th, 2007

仕様の乱立が結局はユーザ（制作者・開発者）の不利益になってくるんだよね。 UI定義言語としてXAML, MXML, XUL, LZXなどと乱立している。とくに本命と目されるMicrosoftのXAMLと、AdobeのMXML。サーバかクライアントか、という動作環境の違いはあるようだが。いまは開発環境の話をしているのでおいておく。 今回の主張は「Adobe CS3とExpression/VisualStudioが混在する環境で、ワークフローを統合できるようになってほしい」です。要するにファイルの相互運用性の問題。 こうしたい： １）IllustratorとPhotoshopで素材を作って書き出す ２）それをFlashで読み込み、画面を構成し、モーションもつけて書き出す ３）それをVisualStudioで読み込み、UIロジックを実装して書き出す また、 「FlashからXAMLを書き出せる」「VisualStudioでFLAを読み込める」「VisualStudioでSWFを書き出せる」となってほしい。そういうこと。 いまAdobeとMirosoftがFlash対Silverlight(WPF)で明確に対立している状態に向かいつつある。これは何が問題か。デベロッパー／デザイナー向けソフトウェアの「シェア争いの具」として「ファイルフォーマット」が使われていることが問題。 振り回されるのはユーザ（つまり制作会社／開発会社であり、デザイナ／エンジニア）である。 ユーザとして嬉しいのは、どちらのベンダーのツールを使ってもワークフローに支障がないこと。それぞれのツールが得意とする領域で使い分けたい。AdobeとMirosoftには純粋にツールの生産性で競争してもらいたいものだ。

Posted in IT, tech, web, design | No Comments »

AutoPagerize(movie and install info)

Monday, September 10th, 2007

Firefoxの素晴らしいアドオン（拡張機能）を紹介します。 AutoPagerizeをインストールしてTumblrのDashboardを表示しているデモムービー （※「デモムービー」別名：Flashムービー、動画、スクリーンキャスト） ■デモの解説 画面の一番下までスクロールしたら、 "Next »" というリンクが出た、と思った次の瞬間にリンクが消えて、記事が表示されます。ページが勝手に「下に伸びている」ということです。その瞬間に画面右端のスクロールバーも変化することに気づくと思います。 「変な動きをしているだけで、何が嬉しいのか分からない」 と思われるかもしれませんが、まあ続きを読んでやってください。 ■AutoPagerizeとは？ ページの一番下までスクロールしたときに、本来は「次のページ」をクリックして表示するはずの内容を、「いま表示しているページ」に合成してくれるソフト。 言い換えると、画面の一番下までスクロールしたときに、自動的にページが伸びて、「次のページ」の内容が追加されるのです。 つまり、もう「次のページへ」をクリックしなくていい！ それだけのことで、すごく快適なブラウジングになります。 また、AutoPagerizeは、いろんなサイトに対応していますし、対応サイトは増え続けています。有志がプログラムを書いて、対応サイトを増やしているからです。 ※参考：SWDYH - SITEINFOの数をグラフにしてみた ■インストール前に体験したい SAGOOLという検索エンジンの検索結果画面が AutoPagerize と同じ動作をします。 例：TEAMLAB の検索結果 - SAGOOL 画面の一番下までスクロールすると、ページが伸びます。 AutoPagerizeは、いろいろな（おもにメジャーな）サイトについて、この動作を実現するものだと思ってください。 ■インストール（Firefoxのみ） １．Greasemonkeyをインストールする https://addons.mozilla.org/ja/firefox/addon/748 ２．AutoPagerizeをインストールする http://userscripts.org/scripts/show/8551 ■AutoPagerizeの動作環境（詳しい解説） AutoPagerizeが動作するブラウザはFirefoxだけです。 AutoPagerizeはGreasemonkeyというソフトを使って動作します。よってGreasemonkeyをインストールしてから、AutoPagerizeをインストールしてください。 GreasemonkeyはFirefoxの拡張機能（アドオン）です。ウェブサイトを自分好みにカスタマイズするために使います。Greasemonkey自体は「エンジン」のようなもので、単体では何もできません。そこで、いろいろなサイトに対応した「スクリプト」が配布されており、それをインストールすることで、ふだん使うサイトを自分好みにカスタマイズすることができます。 ※なお、たくさんのGreasemonkey用スクリプトがUserscripts.orgで配布されています。 以上です。ご参考になれば幸いです。

Posted in tech, web | No Comments »

Appropriate HTTP response code is 503 when servers are under maintenance

Sunday, September 9th, 2007

結論からいえば503にボディ付けで。 辛辣インターフェース評議会 - アメブロのフィードが昨晩は403でしたけど、どう考えても503の方が適切 今回のケースは「503 Service Temporarily Unavailable」ていう、まさに意味そのままのステータスコードが定義されているのに何でそれを使わないのか理解できない。 同感だなあ。さらにいえば、レスポンス・コード503かつ、レスポンス・ボディに「お詫びページ」のHTMLを埋め込む方法を推奨したい。 ロボットはステータス・コード503と解釈するからボディは関係ないし、ブラウザはボディのHTMLを表示してくれる。 （※ロボット：検索エンジン、RSSクローラー、API利用プログラムなど） この原理を知らない人のために解説してみる。 GET /503.pl HTTP/1.1 Host: dp35243519.lolipop.jp HTTP/1.1 503 Service Temporarily Unavailable Date: Sun, 09 Sep 2007 11:57:07 GMT Server: Apache Connection: close Transfer-Encoding: chunked Content-Type: text/html 228 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta name="keywords" content="hidetox.com"> <meta name="description" content="hidetox"> <title>Error503@hidetox.com</title> <style> h1#title { padding-left: 45px; background: left url("myicon.jpg") no-repeat; } </style> </head> <body> <h1 ...

Posted in tech, web | 1 Comment »

Open Source Crawlers info; オープンソースのクローラー情報

Monday, September 3rd, 2007

ちょこちょこ情報をまとめておく。 MOONGIFT: » タイトル・本文抽出クローラー「Webstemmer」:オープンソースを毎日紹介 もしクローラーを作る機会には、これが役立ちそう。 オープンソース検索エンジン「Nutch」の皮算用：梅田望夫・英語で読むITトレンド - CNET Japan Nutchって2004年頃は盛り上がってましたが、最近はどうなんでしょう？ Googleの覇権に対抗、Wikipedia創設者が手がける新検索エンジン "新開発エンジンは、フリーライセンスとしてソースコードを公開するほか、検索連動型広告により収益を得る考えなどを明らかにした。" こっちのほうが期待できそう。 Grub's Distributed Web Crawling Project いますぐ使えるクローラーならこれもあるな。

Posted in IT, tech, web | No Comments »