February 2006

Allowing VPN Access under Windows XP Service Pack 2

詳しくはリンク先に書いてある通りなんですが、日本語情報が見当たらなかったので。

Windows XP SP2 以降に搭載された Firewall 機能を on にすると Cisco VPN の接続に失敗します。そこで exception ルールを一つ追加するだけで、接続は可能になります。

1. スタートメニュー → コントロールパネル → Windows Firewall
2. “例外” タブを選んで “ポートを追加” を押す。
3. サービス名を “Cisco Port”（ホントはなんでもいい）Port 番号に “62515” そして UDP のラジオボタンを選択。
4. OK を押して設定を終了。

実際は落としているパケットが結構いっぱいあるらしく、接続維持が出来なくなるようですが、そもそも使わずに接続しっぱなしというのは非効率ですし、VPN の為に Firewall を使わないのは馬鹿げているので、よろしいのではないでしょうか。

今まで、（ある意味妄信的に）Helvetica を基準にいろいろデザインの基を作ってくるのが普通でしたが、まぁ New York 暮らしも長くなり、気分一新、最近は Universe も使っています。MoMA も Universe だしね！って関係ないですが。。あと Favicon も新しくしました。詳しくは上の絵を click して Flickr にて。

http://mrl.nyu.edu/~jhan/ledtouch/index.html

よく出来てるよ。というか ITP な人たちからこう言うのが出てこなくなったのは、もう時代の限界と言うことかもしれないし、現役の彼らに（その表層でも）危機意識が少ないのは残念なことだ。

ITP というのは、技術者であろうとする姿勢に欠けているからね。何が起こっているのか知らないままに、行動を起こせるのはやはり天才だけだと思うなぁ。世代上の Tom Igoe やら Dan Rozin は（その僕が問題とする）ITP を作った人で、彼らの功績は讃えるとしても、新時代に対応できない罪は重い。

新時代というか、今時代が求めているのは、Denis Crowley, Dan Schiffman のような強い Programming background を持って（そう言う意味では最初に挙げた漢クンはその系列だ）いて、それをアートに昇華できる統合能力の持ち主。Denis / Dan 以降に big name を輩出できてないのは、僕らの責任でもあるが。

なんちて。

Daniel に言われたので、新しいアイデアはどんどん書き込むことにします。誰かがパクりたかったらパクっても良し、僕に気力があれば、頑張って作るも良し。

Flickr Wide Viewer

User Senario: Flickr に新しい User を Contact List に入れた時、たくさんの写真を一気に見たいけれど、Default の Pager を使うと、１ページにつき10枚ごとにしか見られない。それは面白くないので、100枚くらい一気に見られて、Mouse Hover で 拡大、Ajax 通信で、大きくなる様な、そんなサイト。

Sub Layer のある Layer を複製しようとすると、かならず落ちるようですが、これは仕様でしょうか？？正確には、

• Layer 内に Sub Layer を作り、その Sub Layer 内に何かしらの Object を作る。
• Sub Layer　を含めた Parent Layer を Layer menu (Layer Floating window の右上はしにある丸を押すと出てくる奴)のレイヤーを複製を押す
• Crash!

環境

Mac OS X 10.3.9 Adobe Illustrator CS (11.0.1)

と思ったら 11.0.2 ってのがあった。けど、変わらん。というか、このインストールの仕方凄いな…Splash 画面のバージョンも変わらんし。

対処法

Option キー押下のドラッグコピーは可能なので、それでやるのが吉か。

Delicious を使った project の片鱗。pre-alpha level ですが、milestone 5 ということで。

b005

上記 b005 をクリックするか、それを bookmark bar に drag'n'drop するかして、何処かのページで実行。そいで、delicious のアカウント名（なんでもいい）を入れる。すると…

Firefox のみ。Safari だと script タグの onload ハンドラが動かない。これって… prototype でカヴァーできる範囲だ、よな。。

眠くて説明書くのしんどいのでまたこんど。わかる人だけ、ということで。

ある project で bookmarklet をやっているのだけれども、Prototype.js と Script.aculo.us がどうしても使いたい。でも個別にロードすると、（script.aculo.us は prototype に依存しているので）ロードタイミングでうまく動かなかったりして、結局 library ファイルだけ一個にして、main の logic だけを別に、という形でいこうと思ってる。

しかし（ちょっと前にあった議論だけれども）script.aculo.us の Effects と Dragdrop だけ（勿論 prototype も入れて）でなんと 100k を超えている！！う〜ん。どうしよう。と思って思い付いたのが、Obfuscator（難読化）ツール。結構ありそうなのに探してみると、多くは有償だったりして、すごい驚きました。と言うわけで無償で使えそうなのをいくつか。

Creativyst CSS & JavaScript Compressor (v2.2c)

オンラインツール。一番僕のニーズには合ってる感じ。コメントと余計な空白/改行などを取り除く。関数・変数名の変更は無しで、全ての改行を取り除くわけでなさそう。試したらちゃんと動きました。ちなみに約 20% のスリム化。

Javascript compressor
オンラインツール。これは文字通り Obfuscator なので、関数・変数名 が変更されてしまう。なのでどういう関数なのかは全くわからなくなるし、改行も全て無くなる。。でもおかげで、圧縮率はちょっと高めで、約 35% スリム化に成功。ただ出てきたもので試してないので動くかどうかはわかりませぬ（無責任）。。

jsjam - Compress JavaScript code
ローカルで実行する Perl script。僕の環境（Mac OS X 10.3.9, Perl 5.8.1rc3）では Segmentation Fault で動きませんでした。~/Library/Logs/CrashReporter/perl.crash.log によるとどうやら正規表現周りで落ちてるっぽいけどそんなの追っかけられないのでパスしました。

自分で新しいの書くかな。。考え中。でも昨日 JSAN でだいぶコード見たけど、compressor 通ってる感じだったんだよねぇ。。みんな何使ってんだろ？

管理している sudoyuko.com/blog で FeedBurner を利用してみました。まだ使い込んでませんけど（Circulation と Hits の違いって何？Unique Vistor と Hit 数の違いかな？）最初に数字じゃなくて表が出てくるのは面白いですね。Google Analystics もそうだけど。

何処かの blog で移転方法の簡単なアイデアを読んだけど、何処で読んだか忘れたので自分用にメモを作ってみました。でもその前に、

FeedBurner の仕組み

を説明しましょう。技術的には、Feedburner も Feed file 収集（aggregator）サーバーアプリケーションの一種。代表的なものとしては Bloglines とか、はてなRSS とか、Google Reader とかでしょうか。ここに挙げた３つが、どれも

Input

→ Output

各種 Feed ファイル

→ Browser 上で確認できるファイル

の変換に対して、Feedburner は

Input

→ Output

各種 Feed ファイル

→ 各種 Feed ファイル (as Browser 上で確認できるファイル)

という変換をしてくれると云う所。Feed → Feed って意味ないじゃん！と思うかもしれないけれども、僕が思うに利点は以下の３点。

• Feed 転送量の肩代わり
• Feed 読者の便利機能
• Feed 発行者の便利機能

まず、僕の様な弱小blog でも、今や atom.xml のリクエストが一番多いという事実。アルファブロガーとかになっちゃうような人はどうか知りませんが、サイト運用者にとって、転送量は ambivalent な存在。いろんな人に読んで欲しいけど、多すぎるとどうなるのか考えたくない。（もちろんコストを肩代わりしてくれるのだから、何かしらの方法で支払いをするわけですが。。）

読者の便利機能としては、Browser 表示用スタイルと有名サーバー型 Feed Aggregator への講読リンクかな。Feedburner の Output に括弧で“as Browser 上で確認できるファイル”と書いたのはこのこと。ブラウザ用の style なんて技術的には対したこと無いですけど、MT のデフォルトでは当たってないし、これはこれで便利な機能だと思います。

発行者の便利機能は、統計だけど、此の部分でお金を払うと、すごい解析／最適化が使えるらしい。しかし僕は払ってないのでよくわかりません（詳しくは “Why Go Pro?”）。

さてそれでは移転方法

戦略としては以下。

＜これまで＞

sudoyuko.com/blog → ３種Feed ファイル → 読者 Feed リーダー

＜これから＞

sudoyuko.com/blog → Atom.xml → FeedBurner → 読者 Feed リーダー

ついでにもうFeed リーダーに登録してくれてる人も FeedBurner 経由にしてもらいたいけれども、その辺はサーバー側でなんとかしたい。これは blog.bulknes.net の “RSS の移転” を参考にする。

具体的なやりかた

1. FeedBurner 用の Feed を設定

MovableType ではデフォルトで、３種類の Feed を作っています。テンプレート管理ページ（メイン・メニュー > [Blog の名前] > テンプレート）より行えます。MT 3.2 になっていると、タブがいくつかありますが、その中で インデックス を選んで（おそらくデフォルト）、以下の３つが Feed 用ファイル。

テンプレート名

出力ファイル名

Atom Index

atom.xml

RSS 1.0 Index

index.rdf

RSS 2.0 Index

index.xml

最初にするのは、FeedBurner だけが収集する Feed ファイルを作ります。僕は深く考えずに Atom を形式を配布することにしました。今ある atom.xml には既に購読者がついているでしょうから、違う名前で作り直すように設定。テンプレート管理ページで、テンプレート名をクリックして、そこで出力ファイル名を適当に付ける。

既存の feed ファイル群も FeedBurner にリンクして欲しいので、各ファイルをクリックして、再構築オプションのチェックを外しておく。

2. FeedBurner で 新規 Feed を作成

新しく作った Feed を登録する。簡単すぎるので割愛。

3. 既存ファイルを 301 で FeedBurner へ Redirect

前述の宮川さんの記事によれば、301 で飛ばせば、ちゃんと Feedリーダー側でなんとかしてくれるらしいので、.htaccess ファイルを作成。mod_alias の Redirect ディレクティブ で設定できる。具体的には、


Redirect permanent /blog/index.rdf http://feeds.feedburner.com/YukoTheSmileGrabber
Redirect permanent /blog/index.xml http://feeds.feedburner.com/YukoTheSmileGrabber
Redirect permanent /blog/atom.xml http://feeds.feedburner.com/YukoTheSmileGrabber


となる。

第一引数に permanent と指定すると 301 Moved Permanently となる。

第二引数は元あった Feed ファイル群。ポイントはドキュメントルートからの絶対パスであるということ。

第三引数は Redirect 先。

あ、chmod 644 .htaccess として属性の変更 644(RW-R--R--)も忘れずに！

4. Index template の作り直し

デフォルトでは Main Index に以下の様な３行が、header 内にある筈

<link rel="alternate" type="application/atom+xml" title="Atom" href="<$MTBlogURL$>atom.xml" />
<link rel="alternate" type="application/rss+xml" title="RSS 1.0" href="<$MTBlogURL$>index.rdf" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<$MTBlogURL$>index.xml" />

これらは全部削除して、代わりに

<link rel="alternate" type="application/atom+xml" title="Atom" href="http://feeds.feedburner.com/YukoTheSmileGrabber" />

を挿入しておきます。

ITmedia の Apple、ハッカーに「詩の警告」 ですが、どうよ？この詩は。

… 原文を当たってみましょう。Google っても出てこなかったので、行く所は del.icio.us/popular/apple ですぐ見つかりました。 Apple Seeks (Poetic) Justice

僕だったらこうします。

---

原文: Apple Computer, Inc.
翻訳: Takashi Mizohata <mizo AT grf-design DOT com>

---

本日の業(カルマ)チェック:
かつて哀れすすり泣くユーザーがあった。
その者の持つ OS のなんと盲(めしい)なこと、
略奪に走るべきなのか、
その素晴らしい OS を。
しかしその者の武器では歯が立たぬことを知るのみ。
Mac OS を盗まないで！
マジで、超、かっこ悪い
(C) Apple Computer, Inc.

あ…同じの使ってた。アハ。

興味深いのは、『哀れ』の Whin と『ウィンドウズ』の WIN をかけているところでしょうか。あとは ３行目から５行目は仮定だなとか。

Continue reading

Thanks to Yu, I made a feast for my gf, on her birthday! Grilleded chicken marinated with mideastern style sour cheeze. That was easy but graet! And his recipe ratatouille, which he used to make a lot of times when we hanged out there.. Yu's recipe rocks!

We had a Black Hound cakes later. Their service was terriblly bad, tastes for sure.