Big Sky

先日、「はてなFizzBuzzグループ」に入って、さっそくvimのFizzBuzzを書いたのですが...

2010-03-04 - mattnの日記 - fizzbuzzグループ

for v in range(1,100)|ec v%15?v%3?v%5?v :"Buzz":"Fizz":"FizzBuzz"|endfo

http://fizzbuzz.g.hatena.ne.jp/mattn/20100304

数日後にid:tyruさんにgolfで抜かされた！

Vim script - id:tyruが毎日FizzBuzzを一生懸命書く日記 - fizzbuzzグループ

for i in range(1,100)|ec[[i,"Buzz"],["Fizz","FizzBuzz"]][i%3<1][i%5<1]|endfo

http://fizzbuzz.g.hatena.ne.jp/tyru/20100310

これはくやしい！


ということで、もっかいFizzBuzzにチャレンジ。
ただこのgolf度はちょっとやそっとじゃ抜けないだろうし、そのままやっても面白くないのでFizzBuzzやめてBrainfuckやってみた。
コードはこんな感じ。

続きを読む...

全国１億８千万人のzen-codingファンの皆様、如何お過ごしでしょうか。
先日の記事でzen-codingをpure vimscriptに移植した「zencoding.vim」をご紹介させて頂きました。
あの時は略語の展開(Expand Abbreviation)しか機能がなく物足りなかったかもしれません。まぁ殆どの移植品はExpand Abbreviationしか無いのですが。

zen-codingには他どんな機能があるかというと、実はまだ便利な機能があったりします。 オフィシャルのサイトによると

• Expand Abbreviation
• Wrap with Abbreviation
• Balance Tag Inward/Outward
• Go to Next/Previous Edit Point
• Update Image Size
• Merge Lines
• Remove Tag
• Split/Join Tag
• Toggle Comment

とあります。日本とだと以下のサイトが分かりやすいです。

Zen-Codingのショートカットをまとめてみました - EC studio デザインブログ

前回の記事ではZen-Codingの導入方法について解説しました。今回はZen-Codingの機能とそれを実行するためのショートカットの解説をします。

http://designblog.ecstudio.jp/htmlcss/zen-coding-shortcut-key.html

以前までのzencoding.vimが対応していたのは一番上のExpand Abbreviationだけです。
ここ数日、zencoding.vimのコードを弄りまくって、残りのあと少しで100移植出来る所まで来ました。

以下チュートリアル的なものを書いておきます。

Expand Abbreviation

まずは略語展開。もう皆さん知ってると思いますが

div>p#foo$*3>a{こんにちわ}

と書いて<c-z>,(コントロールとzを押してカンマ)をタイプすると

<div>
    <p id="foo1">
        <a href="">こんにちわ</a>
    </p>
    <p id="foo2">
        <a href="">こんにちわ</a>
    </p>
    <p id="foo3">
        <a href="">こんにちわ</a>
    </p>
</div>

と展開してくれる機能です。括弧によるグルーピングもサポートしています。

Wrap with Abbreviation

ラップを作成する略語展開です。

おはよう
こんにちわ
こんばんわ

とあるテキストをビジュアル選択して<c-z>,をタイプすると「Tag:」とタグを聞かれます。ここにラップするタグを記述します。

Tag: bq

とすると

<blockquote>
おはよう
こんにちわ
こんばんわ
</blockquote>

といった感じにラップしてくれます。また

Tag: ul>li*>a>span

とすると

<ul>
    <li>
        <a href=""><span>おはよう</span></a>
    </li>
    <li>
        <a href=""><span>こんにちわ</span></a>
    </li>
    <li>
        <a href=""><span>こんばんわ</span></a>
    </li>
</ul>

こんな感じになります。便利す。

Balance Tag Inward/Outward

タグの外側、内側を選択します。

<ul>
    <li>
        <a href=""><span>おはよう</span></a>
    </li>
    <li>
    _   <a href=""><span>こんにちわ</span></a>
    </li>
    <li>
        <a href=""><span>こんばんわ</span></a>
    </li>
</ul>

上記"_"の位置にカーソルがある状態で<c-z>dをタイプすると

<ul>
    <li>
        <a href=""><span>おはよう</span></a>
    </li>
    <li>
        <a href=""><span>こんにちわ</span></a>
    </li>
    <li>
        <a href=""><span>こんばんわ</span></a>
    </li>
</ul>

こんな感じに選択してくれます。もちろん<li>の前で実行すると<ul>全体が選択されます。なお、タグの内側で実行するとタグ自身が選択されます。
これとは逆にタグを含まないで中身のみを選択する場合には<c-z>Dをタイプします。

Go to Next/Previous Edit Point

編集位置へカーソルを移動します。<c-z>nで空の属性値や中身が空のタグ内側へジャンプします。逆向きは<c-z>Nです。

Update Image Size

IMGタグの画像サイズを更新します。

<img src="http://mattn.kaoriya.net/images/logo.png"/>

この様なIMGタグの上で<c-z>iをタイプするとwidth/heigth属性を埋めてくれます。ローカルのファイルだと絶対パスもしくは編集中のファイルからの相対パスが扱え、URLも対応しています。

<img src="http://mattn.kaoriya.net/images/logo.png" width="96" height="96" />

こんな感じです。ちなみにvimが不得意とする

<img id="foo" src="logo.png"/> <img src="github-logo.png" class="bar" />
<img src="http://mattn.kaoriya.net/images/logo.png"/>

この様な１行複数個のIMGタグでも正しく動作します。
この画像ファイルを扱う部分だけperl拡張を使いました。モジュールとしてはImage::Infoが入っていれば動くはずです。ちなみにこの機能さえ使わなければ、別にperl拡張が入っていなくても良いです。

Merge Lines

これはvimだけの機能で出来るので実装していません。ビジュアル選択してJですね。

Remove Tag

以下の様なHTMLで「cursor is here」の部分にカーソルがあった場合

<div class="foo">
    <a>cursor is here</a>
</div>

<c-z>kをタイプすると

<div class="foo">
    
</div>

となり、さらに<c-z>kをタイプすると

となる機能です。

Split/Join Tag

先ほどと同様のカーソル位置で

<div class="foo">
    <a>cursor is here</a>
</div>

<c-z>jをタイプすると

<div class="foo"/>

となります。なお、このdivタグの上で再度タイプすると今度は

<div class="foo">
</div>

と分割されます。

Toggle Comment

タグの上で<c-z>/をタイプするとそのタグ全体をコメントアウトしてくれます。

<blockquote>
    <a href="">aaa</a>  
</blockquote>

このHTMLのaの上でタイプすると

<blockquote>
    <!-- <a href="">aaa</a> -->  
</blockquote>

となり、aの前あたりでタイプすると

<!-- <blockquote>
    <a href="">aaa</a>  
</blockquote> -->

となります。

おまけ１

URLの上で<c-z>aをタイプするとHTMLを取得してきてアンカータグを作ってくれます。

http://www.google.com/

これが

<a href="http://www.google.com/">Google</a>

こうなります。

おまけ2

おまけ1とさほど変わりませんが... URLの上で<c-z>Aをタイプすると本文抽出して引用文を作ってくれます。

http://www.google.com/

これが

<blockquote class="quote">
    <a href="http://www.google.com/">Google</a><br />
    <p>広告掲載 - ビジネス ソリューション - Google について - Google.com in English&copy;2010 - プライバシー ...</p>
    <cite>http://www.google.com/</cite>
</blockquote>

こうなります。ほぼ俺様用！

100% zen-coding 互換まであと少しです。

mattn's zencoding-vim at master - GitHub

zen-coding for vim: http://code.google.com/p/zen-coding/

http://github.com/mattn/zencoding-vim

タイトルは釣りです。
perlでは一般的にperldocを使って調べ物をする事が殆どですが

あれー、あのモジュールなんだっけ...IO:: 忘れた。

とか

IO:: の下辺りに似たモジュールあったよなー

なんて事が結構あったりするのですが(私だけかも)、今日もSys::SendfileのAuthorから「チミが送ってくれたpatchに対して僕が書いたtestがWindowsで通らないんだけど、何か分かるかい？」とメールが来てて

それ、以前ワテがp5pに送ったpatchの件ちゃいますやろか、確かIO:: ...えーっと...

ってなってしまった訳です。
なんか良くある事なので解決出来ないかなぁと思っていた所、見つけてしまいました。perldoc-completeを。

ap's perldoc-complete at master - GitHub

A bash completion helper for perldoc

http://github.com/ap/perldoc-complete

パスの通った所に perldoc-complete を置いて

complete -C perldoc-complete -o nospace -o default perldoc

を .bashrc に書いておくと...

# perldoc IO:: ここでタブ押す
AIO            File           Pipe           Socket         Wrap
AtomicFile     Handle         Poll           Socket::       WrapTie
Capture        Handle::       Pty            String         Zlib
Capture::      InnerFile      Scalar         Stringy        
CaptureOutput  Lambda         ScalarArray    Tty            
Compress::     Lambda::       Seekable       Tty::          
Dir            Lines          Select         Uncompress::  
# perldoc IO::

きたーーー！
常用確定しました。

といっても、やってもらったのですが！

勝手に改造版 Google Reader Full Feed - Firefox更新情報Wikiブログ

以前のエントリーで、GreasemonkeyスクリプトのGoogle Reader Full FeedがFirefox 3.6（Beta）では正しく動作しないことを書きましたが、どうにかならないかなぁと思いスクリプトをいじって試行錯誤してみたら動作するようになったので、その改造版を載せておきますね。

http://fxwiki.blog63.fc2.com/blog-entry-237.html

すみません。遅くなりました。
ありがたくcommitさせて頂きました。codereposにあるので手動で入れる方はココから。Wescript使ってる人は、勝手にアップデートされると思います。