サーフィンや写真、ブログ・ネット技術、Macのブログ

2010年2月25日

Emacs に、Zencoding.el と YASnippet.el の二つのスニペットをインストール

巷で話題のZen Coding。emacs 版もあるようなので、Mac のCarbon Emacsに入れてみた。今までスニペット機能は、emacs + snippet.el を使っていましたが、この動画を見ると(YouTube - Emacs with HTML, Zencoding and YASnippet)、そういうのは YASnippet 使えという雰囲気なので、ついでに YASnippet に切り替えてみた。

zen-coding-emacs

まずは、zencoding.elをインストール。

上記のページから、zencoding-mode.elを取得して、load-path を通しているフォルダに配置。emacsの設定ファイル(.emacs.el )に以下を追加するだけ。キーバインドは Ctr-z に変更しています。

;; Zen Coding Mode
(require 'zencoding-mode)
(add-hook 'sgml-mode-hook 'zencoding-mode)
(add-hook 'html-mode-hook 'zencoding-mode)
(add-hook 'text-mode-hook 'zencoding-mode)
(define-key zencoding-mode-keymap "\C-z" 'zencoding-expand-line)

ただし、この emacs 版はAbbre的な部分のみの実装していて、ZenHTMLElements みたな派手な補完には対応していないよう。あと、スニペット補完後のカーソルの位置が、あまり使いやすくない。Zen Codingのミソは、Snippetの内容を様々なエディタで共有できることだと思うので、そのあたりは今後のzencoding-mode.el の進化に期待というところでしょうか。とりあえず今のところは YASnippet で。

Bundle版ではなく、カスタマイズが可能な通常版をインストールしました。ちなみにemacsの設定ファイルはDropboxにおいて、色々なMacでシェアしています。

;; Yasnippet
(add-to-list 'load-path "˜/Dropbox/emacs/yasnippet-0.6.1c")
(require 'yasnippet)
(yas/initialize)
(yas/load-directory "˜/Dropbox/emacs/yasnippet-0.6.1c/snippets")
(setq yas/prompt-functions '(yas/dropdown-prompt))

独自のスニペットの作成方法は以下のドキュメントで。

基本的には、M-x yas/new-snippet で編集モードを起動して、以下のような書式で独自のスニペットを作成する。作成している最中に、C-c C-t で動作テストをおこなえる。


# -*- mode: snippet -*-
# name: div h4
# key: div4
# --
<div class="section" id="$1">
  <h4>$2</h4>
  $0
</div> <!-- $1 -->

どのように記述するかは、 yasnippet-0.6.1c/snippets/text-mode/html-mode に既存のスニペットが沢山あるので、参考にすればよい。

なんだか、最終的にZen Codingをあまり使わない方法になっている気もしますがw、色々とすっきりしたのでよしとします。

2010年2月24日

Google Chrome の操作性、キーバインドを強化する拡張機能8個

そろそろGoogle Chromeを本格的に使ってみようと思い、操作感を向上させる拡張機能を色々とインストールしてみた。基本的にキーボードショートカット大好き、マウス操作はできるだけ少なく、という志向です。TwitterやGmailなどのウェブサービス通知系の拡張機能は、気が散るのであまりいれていません。

Shortcut Manager

まずは、これが無いと生きていけないキーボドショートカットのカスタマイズ。キーボード操作だけで、Bookmarkletの呼び出しや、ウェブサイトへの移動ができる。FireFoxのkeyconfigと同じ機能をChromeで実現。例えば、

shorcutmenu

"Ctr+d"で、deliciousにブックマークスする。

document.location = 'http://delicious.com/save?url='+encodeURIComponent(window.location.href)+'&title='+encodeURIComponent(document.title)+'&v=5&';

"Ctr+m"で、Gmailにアクセスする。

document.location = "https://mail.google.com/mail/?shva=1#";

などなど、よく使うサイトをマウスを使わずに、どんどん切り替えて表示できます。

AutoPagerize for Chrome

AutoPagerize

色々なニュースサイトや、検索結果のページ分割を自動で読み込んでくれる。『次へ』をクリックする必要が無くなる。

LDR open in background tab

livedoorReader

Chromeは、Greasemonkeyスクリプトを直接利用できるのが素晴らしい。Livedoor Reader で、"p"キーでピンを立てた記事を"o"キーで開くときに、タブのバックグラウンドで表示するスクリプト。これを入れないと新しいウィンドウがポップアップしてしまう。

  • Input Focus
  • 検索サイトなどで、意外と便利なショートカットキーを追加してくれる。Macでは Cmd+Alt+L、Windowsでは Crtl+Alt+L を入力すると、画面内のフォームのInput入力欄を選択。キーワードを入力してリターンを押せば、ほとんどのサイトでマウスなしで検索できる。

    似たような拡張機能として、OpenIDの入力欄を自動で埋めてくれるエクステンション。

    Create Link

    見ているページのHTMLを作成。カスタマイズが可能なので、引用文やwikiリンクなど色々な記法に対応できる。

    その他

    その他にも操作性を改善する拡張機能として、以下を入れています。

    これで、かなり快適なスピード感でウェブサーフィンできるようになりました。

    2010年2月20日

    ニセコ山頂スノーボード 2日目(動画)

    1週間たってしまったけれど、『ニセコ山頂でディープパウダー』に続き、2日めのニセコ スノーボードの写真をアップしてみます。1日めは雪が降り続く中、アンヌプリ山頂に2回ハイクアップしましたけれど、2日めも朝一を狙ってみる。

    山頂ゲートが空くのを待つ人々

    パウダー狙いは朝一番が基本。山頂ゲートが空くのを待つ人々。ゲートの入り口には、雪崩情報と「いってらっしゃい!」と見送ってくれるパトロールの方たち。ニセコルールは本当に素晴らしい制度だと思います。

    アンヌプリ ハイクアップ

    黙々と登ります。皆で歩くルートができているので、そんなにつらくはない。全部で20分ぐらい? とはいえ、ここはれっきとした管理外エリアのバックカントリー。ルートのすぐ横はむき出しの山肌。吹く風も荒々しい。

    アンヌプリ山頂
    アンヌプリ山頂 途中

    山頂まで登って振り返ると、ゲートから続く隊列がくっきり見えます。

    下まで隊列が見えます
    風やガスが激しく流れる

    素晴らしい天気と、なんといってもパウダー天国! これぞニセコの醍醐味。

    パウダー天国
    アンヌプリ山頂の小屋

    早速パウダーに向かってドロップするスノーボーダー、スキーヤーたち。

    いざパウダーにドロップ!

    昨日からコンディションが良さそうだった東尾根を狙います。思った通り、ノートラックのパウダーが残っている。

    ニセコ 山頂からパウダーにドロップします

    頂上でスノーボードをセットしたら、山頂の雄大な斜面にジャンプイン。サラサラとしたきめの細かいパウダーの質感がボードを伝わってくる。重力に引かれるままにボードを落としていくと、パウダーの浮力と、直滑降のスピードが均衡する、フリーフォールのゾーンに入っていく。体の軸を少しずらし、ボードに角度をつけると見事な勢いでスプレーが後ろに吹き上がる。

    山頂からのきれいなパウダーライン

    後ろを振り返ると、一本のパウダーライン。頭がすっかり空になる、最高の瞬間。周りのみんなも、歓声を上げつつ、お互いに Thumbs up! しながら横を滑り降りていきます。広大な山頂の斜面を滑り終わると、次はツリーラン。羊蹄山を横目に臨みつつ、立ち木の間を、スプレーを上げてカービングする。

    羊蹄山を望む
    ディープです!
    銀世界
    ニセコ 山頂パウダールートの出口1
    雄大な斜面

    滑り終わって見上げると、ドシリと構えるニセコの山。やはりもういちど滑りたくなって、この日も二回登ってしまいました。

    コースに戻るための登り返し
    ニセコ 山頂パウダールートの出口2

    二回めはさらに麓まで続くルートに入ってみたけれど、こちらは最後の平坦なスケーティングの距離が長くて、スノボーにはちとキツかった。

    パウダー続くが、スノボーは最後にかなり歩く

    Niseko Snowboad 2010 - a set on Flickr

    ヒルトンニセコでハンバーガーランチまだまだ続くパウダーニセコゲート