JS でモーションタイポグラフィー - 2nd life (移転しました)
http://svn.coderepos.org/share/lang/javascript/jstweener/trunk/examples/mtypo_bezier.html http://svn.coderepos.org/share/lang/javascript/jstweener/trunk/examples/mtypo.html JSTweener の機能追加と同時に、もちょっとサンプルになんか作ってみようかな、ということでモーションタイポグラフィーで遊んでみました。思ったよりは重くなかった感じです。半透明にすると重くなるかな、と思いきやどのブラウザでも割と普通に。 でも JS だと一文字一文字の横幅を正確に求めることができず(IEでできるのかな)、破壊的な動きなら出来るんですけど、あらかじめレンダリングされるであろう場所に文字を吸着とかかなり難しそうな感。 JSTweene
JSTweener - JavaScript でモーショントゥイーンするライブラリ - 2nd life (移転しました)
http://coderepos.org/share/wiki/JSTweener http://svn.coderepos.org/share/lang/javascript/jstweener/trunk/examples/ JS でモーショントィーンするのに、JSTween というライブラリがあるのですが、一つ一つのモーションで setTimeout(func, 0) で回しててるため増えれば増えるほど重くなったり、style 設定が結構面倒だったり、一度に複数プロパティ登録ができなかったりしたので、自分でライブラリを作ってみました。ひっつき☆スターを JSTweener で動かしたら体感で全然速くなりました。 コード例ですが、ひっつきスターでのトゥイーン処理は JSTweener.addTween(el.style, { time: tm, transitions: 'easeOu
crossdomain.xml と CSRF 脆弱性について - 2nd life (移転しました)
crossdomain.xml を安易に設置すると CSRF 脆弱性を引き起こす可能性があります。というのも、ここ数が月、それなりの数の crossdomain.xml による CSRF 脆弱性を発見し(現在、それらのサイトでは対策がなされています)、まだまだ Web プログラマに脆弱性を引き起こす可能性がある、という考え方が浸透してないんじゃないか、と思ったので。 先月、Life is beautiful: ウェブサービスAPIにおける『成りすまし問題』に関する一考察にも crossdomain.xml について書かれてたのですが、その後もいくつかのサービスで crossdomain.xml を許可ドメインすべてにしているサービスがあったので、注意喚起としてエントリーに書き起こします。 自分も一年半ぐらい前は、crossdomain.xml を許可ドメインすべて ('*') にして設置し
川o・-・）＜2nd life - RubyGems パッケージの作り方 - rubyforge 登録まで
日本語の解説で RubyGems パッケージの作り方や rubyforge 登録までの一連の方法が書いてあるところを見かけたことがないため、エントリーにしてみます。なれると割と簡単です。 優しい RubyGems パッケージの作り方 newgem コマンドでのひな形作成 http://drnicwilliams.com/2006/10/11/generating-new-gems/ perl には module-starter など、CPAN モジュールのひな形を作ってくれる便利なユーティリティがありますが、gem でそれにあたるのが newgem というパッケージです。 使い方は簡単で、 # gem install newgemで newgem をインストールしてから newgem コマンドを実行するだけで以下のようにひな形を作ってくれます。 $ newgem packagename c
川o・-・）＜2nd life - Developer Enviroments Conference の発表資料
9/8 に開かれた DEcon で windows enviroments and vim という内容で発表してきました。主に自分が使ってる windows の開発に便利なツールと、vim についてプレゼンしてきました。時間大幅に押してしまいましてスイマセン…。 また、スピーカと参加者のみなさん、お疲れ様でした。他の方の開発環境やポリシーが聴けて大変参考になりました。あとカンジマン(id:tnx)には毎度の事ながら様々な準備お疲れ様でした。 自分のプレゼンには自作のはてな記法つかったプレゼンツールを使ったのですが、よくよく考えるとそれをエントリーに貼り付ければいいじゃん！ということに気づいたので、以下に発表資料を貼り付けておきます。 windows environments and vim secondlife 発表内容 windows での環境 どんなツールがあると便利か vim vim
選択範囲を数値文字参照に変換するスクリプト str2numchar.vim - 2nd life (移転しました)
http://www.vim.org/scripts/script.php?script_id=1646 HTML を書いているときに文字列を数値文字参照に変更したいときがあります。特に greasemonkey のスクリプトでは日本語を直接記述することができません。そんなときは今まではちまちま調べていたりしたんですが、めんどくさくなってきたので、選択範囲を数値文字参照に変換する vim スクリプトを書いてみました。スクリプトファイルを ~/.vim/plugin/str2numchar.vim に配置して .vimrc に vmap <silent> sn :Str2NumChar<CR> vmap <silent> sh :Str2HexLiteral<CR> と書いておけば、文字列をビジュアルモードで選択して sn を押すと 川o・-・）＜2nd life // ←顔の絵文字部分の文
CSS2 Specification 順で sort するスクリプト - 2nd life (移転しました)
http://rails2u.com/misc/vim_css_sort/ (Flash 動画) hail2u.net - Weblog - CSS2 Specificationでのプロパティの出現順序 のエントリーを読んで、へー普段全く持って順番とか気にしてなかったけどこんなポリシーもあるんだ、とちょっと感心しました。 というわけで vim の場合、フィルタを使って特定順序でソートしてくれるプログラムがあればエディタ上から簡単にソート可能なので作ってみました。 http://rails2u.com/misc/vim_css_sort/sortcss.txt *1 このファイルを適当なパスが通ったディレクトリに sortcss などの名前で保存して実行権限を与え、.vimrc などに nmap gso vi{:!sortcss<CR> vmap gso i{:!sortcss<CR>とか書
MochiKit の API リファレンスを htmlhelp で - 2nd life (移転しました)
http://rails2u.com/htmlhelp/mochikit.chm 先ほどのエントリーに続いて MochiKit の API リファレンスも htmlhelp にしてみました。API リファレンスは svn head 最新のを使っています。まだ MochiKit 使い始めて間もないので API リファレンスを引く機会が多いのですが、そんなときはすぐに関数名でインクリメンタルサーチできる htmlhelp がやはりベンリダナー、とか思ったりします。 またこれは一から ruby で htmlhelp のプロジェクトや索引、インデックスを生成したんですが結構簡単にできました。下のソースをMochiKit の trunk/scripts/htmlhelp.rb に保存して実行すると各種 htmlhelp に必要なファイルが生成されると思います。 http://rails2u.com/
川o・-・）＜2nd life - はてなブックマークのお気に入りユーザ数を視覚化 - Hatebu Domain Visualization
http://lab.rails2u.com/hatebu_domain_visualization/ はてなブックマークを見ていると、どのドメインのサイトが人気なのかを知りたくなるときがあります。そんなんでドメイン別にカウントを集計し、グラフ化してみました。最近の人気なドメインや月別人気のドメイン、日別人気のドメインなどを見ることができます。 一年前ぐらいのグラフはGIGAZINEが無くて今と傾向が違っておもしろいです。 グラフの表示には PlotKit (http://www.liquidx.net/plotkit/ ) という Canvas/VML/SVG を使ってレンダリングしてくれるライブラリを使っています。WinIE でも Canvas をエミュレートしてくれてきちんと綺麗なベクターグラフが出力されてスゴース！また PlotKit は MochiKit を使って作られてるので
川o・-・）＜2nd life - はてな注目キーワードをグラフ化する GreaseMonkey
http://rails2u.com/misc/hatena_hotkeyword_graph.user.js はてなの注目キーワードではその日どんなキーワードを注目されているかが解って結構面白いです。視覚的に解るともっと面白いかもー、というわけで PlotKit + GreaseMonkey でサクッと作ってみました。 こんな感じで表示されます。1画面内のグラフに主だったキーワードが表示されるので、「あっ、そういえばこの日こんな事あったよー」というのが解って割と面白いと思います。もちろんジャンル事の表示などにも対応してます。また例えば先日の大停電の日のグラフですが このように、普段あまり使われてない「東電」というキーワードが一時的にめちゃくちゃ使われてる事が解って面白いです。 技術的なところでは、GreaseMonkey の開発ならヤツに丸投げまかせろ！でお馴染みな砂糖さん の外部ライブ
ウクレレ記法リリース - 2nd life (移転しました)
http://d.hatena.ne.jp/hatenadiary/20060707/1152249195 というわけでウクレレ記法をリリースしました。この記法は自分がプログラミングを初めて一ヶ月ぐらいの時に、Hiki という wiki に習作がてらに独自実装して、仲間内でプライベートなウクレレHiki(弾き)として利用していた思い出深い記法です。ウクレレ仲間の間ではかなり評判が良くて、いつかはどこかの wiki に実装したいなぁ、と思っていたのですが、この度はてな記法としてリリースすることができました。 ウクレレ自体は簡単な楽器で、弦楽器が初めての人でも一週間ぐらいの練習でそこそこ弾けるようになるので楽しいですよ。安いウクレレは980円ぐらいから高いのは数十万までと価格は様々ですが、これから趣味でウクレレをやっていたいなぁ、と思っている人は10,000円ぐらいのウクレレを買うのがベストだ
CSSXSS脆弱性よりもっとヤバイ脆弱性がIEに発見されたようですね の対策 - 2nd life (移転しました)
hoshikuzu | star_dust の書斎#P20060428MHTMLREDIRECT で指摘されているように、現在の WinIE では mhtml スキームを悪用して、クロスドメインの html を取得することが可能になってしまっています。これを利用したはまちちゃんの実証コードを踏んだ人も居るでしょう(実際に WinIE だと情報が抜かれるので、安易に WinIE で見に行かないで下さい)。 この対策として id:hosikuzu:20060428#P20060428MHTMLREDIRECT では以下のような対策方法が提示されています。 そもそも信頼できないページを見ない IE使わない アクティブスクリプトとAxtiveXを切る レジストリでmhtmlスキームのハンドラを殺す この中で一番簡単かつ安心なのは WinIE を使わないことですが、IE コンポーネントブラウザなどを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ひっつき☆スター - 2nd life (移転しました)
livedoor クリップで、はてブのブックマークユーザ数を表示する greasemonkey - 2nd life (移転しました)