新しくなったMinibufferの感想 « ku
一日遅れで LDRize minibuffer reblog command を作ってみた感想をこちらに。 まずはじめにLDRizeの(一部だった)minibuffer用にシェルを組んでみたを書いてからほんの数日で、自分がちょっと時間かかりそうだなーとあきらめた、ちゃんとしたコマンドの補完機能だけでなく、エイリアスにヒストリまで実装されていて(Ctrl-Rで検索可能だし)、そしてコードもきれいで圧倒されました。 感想と言っても細かいことばかりなのですが、いくつか。 SITEINFOを参照したい いまのreblogコマンドは、ピンの立てられたパラグラフからXPathでreblog用のリンクを取り出しています。できれば、このXPathもSTEINFOに書いてしまってコマンド側からはそれを参照して使うようになっているほうがメリットがあるのではと思います。 いまのreblogコマンドはreblog
最速インターフェース研究会 :: Mozilla24でしゃべってきました
9/15日にMozilla 24 出張Shibuya.js 24でしゃべってきました。 http://shibuyajs.org/articles/2007/08/24/Shibuya-js-24 資料はこちら。 http://ma.la/files/shibuya.js/mozilla24.html JavaScriptでBloom filterのデモ。今のところ実用性が無い。仕組みを理解するのには良いかも。 http://la.ma.la/misc/js/bloomfilter/ Bloom Filterについてはここら辺が詳しい。 http://chasen.org/~taku/blog/archives/2006/01/bloom_filter_1.html http://ja.wikipedia.org/wiki/%E3%83%96%E3%83%AB%E3%83%BC%E3%83
Mozilla24 出張Shibuya.jsでjQueryの話をしました。
反省点とか。 TAKESAKOメソッドでその場で資料を作ってたのでgdgdでした 調べる部分などはあらかじめ調べていたから良いかなと思ったら甘かった。 プロジェクタ等のチェックはやっておくべきだった。 フォントサイズとかコントラストとかレイアウトとかgdgd 声とかも聞き取りにくかったですね。ごめんなさい 銅鑼あり初めてで焦った割には、全部終わらなかった… 資料 ものすごく適当なツールなので、buggyです。 クリックで次のページに進みます。連打すると変なことがあるかもです。 http://blog.linkthink.co.jp/doc/k.sakai/mozilla24/20070915/ 追記: いぬビームの発言は半分捏造です。twitterでそういうことは言ってません。(会社で同じニュアンスのことは言ってたけど。)
Mozilla24 / Shibuya.JS Lightning Talks by ma.la
出張Shibuya.js 24 Lightning Talks ustreamのJSONP APIを勝手に作ってustreamerを改造するネタを話すつもりだったけど マッシュアップネタは大して面白くないので別の話でもするか 最速インターフェース研究会 主任研究員 ma.la あらすじ 空前のustream.tvブームがあって 同時に見れるやつをmiyagawaさんが作って クエリ渡して任意チャンネル同時に見れる奴を作った わりと好評ですぐに飽きた
shibuya.js tech talk #1
Shibuya.js TechTalk #1 Agile Web Development with Moeditor =by ma.la ---- 自己紹介 ニート ↓ プログラマ ---- 自己紹介 株式会社ライブドア ネットサービス事業部 システムグループ プログラマ ---- 自己紹介 最速インターフェース 研究会 主任研究員 ---- 今日のテーマ 萌ディタで 20分 話すのは 無理 ---- 今日のテーマ 萌ディタに限らず どんな感じで 開発してるのかとか 話します ---- 開発環境 :: サーバー 会社の サーバー FreeBSD ---- 開発環境 :: サーバー 個人的に VMWare + debian ---- 開発環境 :: クライアント <img src="./img/desk.jpg"> ---- 開発環境 :: クライアント - Dell 2005 FPW -
IT戦記 - JavaScript の this について
WEB+DB PRESS 編集の R たんから、僕の連載記事に読者様から質問が来ていると教えていただいたので、その内容を教えていただきました。 以下、内容を転載 「JavaScriptわくわく開発道」の記事に関して質問です。 今回の内容で特に興味を持ったのはthisキーワードの振る舞いでした。 thisキーワードの説明には、オブジェクト型の変数を別の変数にコピーしてから初期化すると、コピーした変数からメソッドを実行できなくなるという例が紹介されていました。 そこには「（1）の時点でobj0には{}が入っているため、hogeは未定義となってしまう」という説明があるのですが、誌面の都合上省略があるためか、thisキーワードを用いることで問題を回避できるという理由がなかなか理解できないでいます。 自分なりに考えてみたところ、内部的には以下のようなことが起きているのではないかと思いました。 (1)
出張 Shibuya.js 24 「正しい Photoshop の使い方」 - 氾濫原
Mozilla 24 の 出張 Shibuya.js 24 で LT しました。 スライドは CodeRepos にコミットしました。psd でプレゼンしましたがたぶん見れない人のほうが多いので png に変換してあります。 出張 Shibuya.js 24 「正しい Photoshop の使い方」変換済み 時間の関係で全部できませんでしたが、実演のシナリオも一応あります。 あのシェルも CodeRepos にコミットしてあります。pshell (追記: SlideShare にもアップしました) Windows 版の CS3 を持っていないのでうごくのかよくわからないですが、基本的にファイルのよみかきしか行なっていないので、ruby と CS3 があればうごくんじゃないかと思います。 追記 そういえば深夜にやっていたライブコーディングにもせかんどらいふさん経由で飛び入り参加しました。ネタ
最速ライブビデオ検索を作ってみた : no hacking, no life
動画検索SAGURIとAWS(Amazon Web Services)を使ったマッシュアップサイト 「MUSIC DIRECTORY」 を作ってみた。 やってることは単純で、 バンド名をクリックすると、バンド名をSAGURIで検索した結果と、Amazonで検索した結果を表示してるだけです。 特徴としては、すべてJavascriptで動いていて、サーバーサイドのコードはいっさいありません。 「人気動画」と「新着動画」はSAGURIの検索結果RSS feedをGoogle Ajax Feed APIで処理し、Amazonはバンド名をAWSで検索して取得したXMLをXSLTでJSONに変換し、ページのcallback関数を呼ぶようなコードもJSONに入れておき、データをjsで受け取ります。 (この手法はma.laさんのAmazon最速検索を参考にして、簡略化したものです。なのでamazo
Latest topics > CSS3セレクタとXPathでの表現の対応表 - outsider reflex
Latest topics > CSS3セレクタとXPathでの表現の対応表 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « getElementsByなんちゃら の代わりにXPathを使う Main Mozilla 24 » CSS3セレクタとXPathでの表現の対応表 - Sep 13, 2007 拡張機能勉強会の時に焚き付けられた、Text Shadowのコード（textshadow.js）を教材にして拡張機能開発のノウハウを解説していくシリーズ。 XPathをノードの検索に活用する方法を紹介したけど、肝心のXPathが書けなきゃ意味がないわけで。でもXPathって、ノードセットがどうとかノードテストがどうとか軸がどうとか修飾がどうとか、い
はて☆すた OP - 2nd life (移転しました)
※スペックが低いマシンや一部ブラウザだと固まったり落ちる可能性があります javascript:(function(){var s=document.createElement("script");s.charset="UTF-8";s.src="http://rails2u.com/misc/hatesuta.js";document.body.appendChild(s)})();を適当なページでアドレスバーに入れて実行！すると…。スターつきの blog のトップページなんかだと最後にカウンターも出てカウンターとしても使えるよ☆ ソースは CodeRepos で公開してます。MIT ライセンスとしてご自由にどうぞ。 http://coderepos.org/share/browser/lang/actionscript/hatesuta
JavaScript で構文解析: Days on the Moon
C++ の特徴のひとつである演算子オーバーロード、その粋を極めたのが Boost Lambda (無名関数) と Boost Spirit (構文解析) ではないかと思っています。JavaScript では無名関数が使えるので Lambda に関しては間に合っているとも言えますが、Spirit はそうも行きません。JavaScript 2 で演算子オーバーロードがサポートされるのならチャレンジしてみようかななどと思ってそれきりになっていました。 しかし、一部でパーサブームが起こっているというのを受け、Perl 6 Rules をつらつらと眺めているうち、正規表現のメタ文字を使えば文法定義をきれいに書けるのではと思い至りました。そこで実際に JavaScript でパーサジェネレータを作り、Spirit にあやかって Gin (ジン) と名づけてみました。 文法定義 正規表現リテラルを使うこ
JavaScript のワンライナーでカラーコード - IT戦記
RGB 値が分かってて #XXXXXX を計算するのめんどいなーと思って Firebug でやってみた。 '#' + [76, 84, 105].map(function(i){ return (i >> 4 ? '' : 0) + i.toString(16) }).join('') このくらいならワンライナーで書けて便利ー＾＾ 追記： 弾さんからトラックバックもらって見てみたけど弾さんはちょっとミスってたので再トラバします。 (function(r,g,b){return '#' + (r < 16 ? 0:'') + (r*65536+g*256+b).toString(16)})(15, 127, 255) http://blog.livedoor.jp/dankogai/archives/50911084.html これだと (function(r,g,b){return '#'
ShareOnTumblr、LDR + ShareOnTumblr、アップデート - FAX
Greasemonkeyスクリプト - LDR + ShareOnTumblrJSActionsスクリプト - /global/ShareOnTumblr.js 両者、少しだけアップデートしました。更新点は以下 写真をReBlogをオリジナルからTumblrの写真をReBlogする際、最初にその写真をポストした人からReBlogするように変更しました。これは最初の人を重んじるという意味合いは、あまりありません。ReBlogをした場所のTumblrは既に知っているので、それが表示されるより、全く知らないTumblrが表示される率が高まっておもしろいだろうという簡単な理由からです。また、LDRのフィードの中にある画像や、はてなダイアリーに貼ってあるTumblrの画像など、どこからでも統一的にReBlogとして扱われるためシンプルな動きになり、写真の質も落ちません、その写真をポストしたTumbl
mtsuyuguの日記 - 2007-09-10: TwiItter / Wii リモコンで遊ぶ Twitter クライアント
Wii のインターネットチャンネルで遊べる Twitter クライアントを作ってみました。 その名も ”Twiitter”。 名前を先に思いついて、twiitter で検索しても今のところパッと見で typo しかでてこないから、誰かに先を越されるのも嫌なんで作ってみた次第です。Wii 向けと言いつつ、リモコンのセンサ情報は使ってないので、ただ文字を大きくしただけと言われればそれまでなのですが…。 左側のリプライや URL にリンクを貼られてなかったり、機能不足の感は否めませんが、だらだらと wii リモコンで twitter をブラウジングするのもそんなに悪くないかなという感じ。右側に並ぶアイコンをドラッグ＆ドロップで上のマスに入れるか、public timeline で左側に表示されるアイコンをクリックすることで、ユーザを渡り歩いていくことが出来ます。 認証周りが面倒なので updat
jQueryから学んだ名前空間を節約する方法 - 考え得る最高を常に行う
実装側では非常に苦労しますが、使い勝手は抜群。わざわざnew演算子を使ってインスタンス生成をしなくても関数の戻り値としてオブジェクトを使うテクニックです。 例を使って説明します。以下はDOMの操作で要素を削除する方法です。 普通の方法 var elem = document.getElementById('navi'); elem.parentNode.removeChild(elem); DOMのAPIでは直接要素を削除できません。いったんparentNodeをたどり、removeChildでDOMツリーから削除します。 普通のクラス化 var Elem = function(id){ this.elem=document.getElementById(id); }; Elem.prototype.remove = function(){ this.elem.parentNode.rem
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Shibuya.JS の資料「The next genaration of browsers」公開 - IT戦記
Untitled
YUIを使って非同期ファイルアップロードする方法があるらしい: ある SE のつぶやき
いぬビーム - はてなスターをプロフィールアイコンに変えるブックマークレット
サービス終了のお知らせ