...という煽り文句タイトルで講演をさせていただくことになりました。

表題	普段遣いが3倍楽しくなるイマドキVimプラグインまとめ
日時	2012年5月26日(土) 16:30～18:30 (受付開始 16:10)
会場	四谷アクセア会議室　第１会議室
»参加募集ページ

内容としては、「そろそろプラグイン探してみようかな」とか「似たようなのが多すぎて訳わかめ」みたいな人向けに僕のVim愛を分け与え ...もとい、「最近だとコレが良いっすよー」とオヌヌメする感じを予定しております。Vim Scriptについて語る気はあんまり無いので、Webな人たちは安心されたし。なんかリクエストがあれば@sigwygまで。

主催は日本UNIXユーザ会です。以前にLTで参加させてもらったことがあり、とても楽しかったので軽い気持ちで引き受けました。所属団体をSugamo.cssにしてもらったので、ｽｶﾞﾏｰ(謎)は若干安くなるらしいです。過去の参加者のTwitter_IDはメモっているので、それを利用しましょうかね。

ちなみに5月のSugamoは5日です。連休でたいへん申し訳ない。6月は2日を予定しております6月のSugamo.cssは6/9(土)になりました。

Vim Advent Calendar 2011 43日目の記事です。というかもう2012年ですね！ あけましておめでとうございます。この度は前回の続き。本当は翌日にでも書くつもりだったけど伸ばしに伸びたWeb屋のためのVim特集をお送りします。初めに言っときますが、3部作です。つまりこの記事は2/3。どうしてこうなった。

Web屋のための Vim-Starter-kit

Demo: Vim Starter-Kit from sigwyg on Vimeo.

はい、けっきょく作ってしまったんですよ。初心者導入キット。黒い画面恐怖症の方々のためにGit依存しないように作ったらNeoBundleでもVundleでもなくPathogen管理となり、Uniteの代わりにNERDTreeとなりました。できればUnite.vim使って欲しい。でもまずVimそのものに慣れてからのほうが良いと思うんだよね。

ファイル構成は以下のようになってます。

»続きがあります

Vim Advent Calendar 2011 19日目。
迫り来るX'dayに有形無形の圧力を感じつつ、それでも健気に生きる紳士淑女へ捧ぐ。全ての独身貴族の味方@sigwygです。飲みに行こうぜ！

さて、今回はWeb屋に向けて「Vim使おうぜ！」て記事を書こうかと思ってました。こないだのSugamoで「どんな記事がいいkana？」と訊いてみたところ、以下３点の意見が挙がりました。

• 初心者導入キット(汎用.vimrc)
• 定番プラグイン
• ファイルの開き方がそもそも判りづらい＞＜

うん、つまらん！ 初心者向け講座ってのは以前てきとーだけどやったことがあって、もっとマシに纏めればはてブ稼げるだろうってのも解ってますよ。しかし同じブログで似たような記事を連投するのも微妙なので止めときます。きっとえどさんがやってくれると信じてる。

• Vim基本操作まとめ
• はじめてのVim (てきとー補完)
• Vim: 複数ファイル検索/置換をもうちょい詳しく

定番プラグインってのはアレだね。良くあるネタです。
今回のVim Advent Calendarでも@__papix__さんとかが纏めてくださってますが、個人的には...

»続きがあります

こんにちは『Less & Sass Advent calendar 2011』4日目。Sig.@sigwygがお送りします。「ハードル下げるよ」と言っていたtacamyが文量ある良記事を上げており、高まるハードルに恐々としている今日この頃。皆さん如何お過ごしでしょうか。まあ僕はマイペースで行きます。久しぶりのBlog記事ですしね！（言い訳）

さて、小狡く予防線を張ったところでLESS紹介です。LESSはCSSに変数やら関数やらネストやらを実装します。Sassと同じようなCSS拡張とかメタ言語とか言われるモノです。この辺りの解説はdebiruくんの記事が詳しいので割愛。

要するにhoge.lessとかファイル作って、変数とか織り交ぜて書いておくと...

// ベンダープレフィックスとか書いておく
.rounded-corners (@radius: 5px) {
    -webkit-border-radius: @radius;
       -moz-border-radius: @radius;
            border-radius: @radius;
}

// 呼び出すと1行で終了
#header {
    .rounded-corners;
}

// 値も適宜に変更可能
#footer {
    .rounded-corners(10px);
}

このファイルを解析して、以下のようなCSSファイルに変換（コンパイル）してくれます。

#header {
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    }
#footer {
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
}

変数を示す記号に@が使われている辺り、@mediaとか@importみたいな@ルールみたいで紛らわしいなとか多少は思ったりしますが、LESSファイルの記述(「LESS記法」って言って良いのかな？)そのものは慣れ親しんだCSSとほとんど同じですし、変数とか関数とかインクルードとか簡単な計算機能とか使ってすっきりと書くことができる。なんだったら、そのまま普通にCSS書いてても良いし。

»続きがあります

お金を振り込み忘れてやんごとなき事情により、長らく利用していたXREAを締め出されたため、サーバー移転しました。直近のバックアップは3記事前だったため、幾つかの記事と画像は失われましたが、概ね回収できたかと思います。コメントは消えてしまいましたが... どっか不具合があったら、教えて頂けると助かります。ではでは。