surround.vimの使い方で気づいたこと

Posted on 2011-12-07 by seckie

surround.vimがいつからかVisual mode+sで起動しなくなり、Visual mode+Sにキーバインドが変更になった。

Visual mode+sを普通に使っていた僕にとってこれは手痛い変更。Visual選択してからShift押してsなんて、かったるくてやってられない。

しかし改めてドキュメントを読んでいると、ys+[なんたら]が強力であることが分かって、そっちに乗り換えるのが正しい使い方なんだろうなと思った。

例えばこれを

<h1>大見出し</h1>

こうしたいとする

<h1><a href="#">大見出し</a></h1>

今までは

vits<a href="#"<Enter>

とやっていた（Visual modeでタグの内側を選択してからsでsurround.vimを起動してタグを打ち込んでEnter）。でも今はこうしなきゃいけない。

vitS<a href="#"<Enter>

途中でShift+sは苦痛。しかしこうできることが分かった。

ysit<a href="#"<Enter>

（タグの内側に対してsurround.vimを起動。タグを打ち込んでEnter）
久しぶりに「おおっ」と思った気づきなので、思わす記事を書いてしまった。

世間ではVim Advent Calendar 2011をやってるみたいです。Check it out!!

Re: gVim でウィンドウの位置とサイズを記憶する

Posted on 2010-09-07 by seckie

マルチモニタ環境で、セカンドモニタにVimを開いた状態で:tabeとか:vspするとメインモニタにVimが何故か強制的に移動してしまい困っていました。それを見事解決できたのがこちらのVim Script。

Vim-users.jp – Hack #120: gVim でウィンドウの位置とサイズを記憶する

このスクリプトを.gvimrcに書き込んでおけば、$HOMEに.vimwinposというファイルが作られそこに前回Vim終了時のウィンドウのX座標、Y座標、横幅、縦幅が保存されます。

1点気をつけるべき点がありました。.gvimrc内にtransparencyオプションの設定がしてある場合、それより後に書かないとウィンドウの位置が強制的にメインモニタ内に移動してしまいます。
（理由は定かではありませんがtransparencyオプションが使用するWindowsの描画機能の影響・・・？）
これを回避できれば全く問題なしです。ありがとうございました！

[memo]Git Bash内でコピペ

Posted on 2010-06-07 by seckie

Git Bashのタイトルバーを右クリックすると、編集や範囲指定のメニューが出てくる。

Git Bash内でコピペをする方法 | public static void main

助かりました！
データ納品型の案件だと、ファイルの修正箇所を差分として伝えなくてはならないことが多々あります。そういう時にコミットのログやdiffを差分として納品すりゃ楽チンですねー。

WinXPローカルでXAMPPを使ってMovable Typeを動かす―2010年3月版その3

Posted on 2010-03-14 by seckie

XAMPPでMovable Typeを動作させるチュートリアルの第3弾です。

XAMPPのインストール、Apacheの設定
ActivePerlのインストールと設定、MySQLの設定
ImageMagickのインストール、Movable Typeのインストール

今回はImageMagickのインストールと、MovableTypeのインストールを扱い、全3回の記事の最後とします。

ImageMagickのダウンロードページにアクセスし、左に並んでいるメニューの中から「Release→Windows」を選択します。
「Windows Binary Release」という見出しのページが表示され、ダウンロードできるパッケージの一覧が表示されます。この中から「ImageMagick-6.6.0-3-Q8-windows-dll.exe」を選択します。HTTPとFTPどちらでダウンロードしても構いません。
6.6.0-3というところはバージョンを表しているようなので、その時によって最新となるバージョンは異なっているかもしれません。
また、お使いのマシンが64bitなら「ImageMagick-6.6.0-3-Q16-windows-x64-static.exe」を選んでください。
ダウンロードしたインストーラーファイルを実行します。インストールウィザードが始まります。
ライセンスを読み、「I accept the agreement（ライセンスに同意）」を選択して「Next」をクリックします。
「information」が表示されるので適当に読んで「Next」をクリック。
インストールするディレクトリを選択する画面になります。適当に変更しても構いませんが、今回はあえてデフォルトのままでいきます。「Next」をクリックします。
「Program Files」というようにディレクトリ名に半角スペースが入ると、この後のPerlとの連携でダメになりそうな気がするのですが・・・意外にも大丈夫なんですね。
スタートメニューになんという名前で登録されるかを設定する画面になります。特に変更せず「Next」をクリック。
インストールの追加オプションを選択する画面になります。ここで忘れずに「Install PerlMagick for ActiveState Perl v5.10.1 build 1007」を選択します。これでActivePerlと連携するためのPerlモジュールが一緒にインストールされます。「Next」をクリック。
これでインストールのための設定は終わりとなります。「Install」をクリックしてしばらく待ちます。
もう一度「Information」が表示されます。「Next」をクリック。
これでインストールは完了となります。「Finish」をクリックします。
さて、正しくインストールできたかどうか、mt-check.cgi（前回までの設定を正しく行っていれば http://site1.localhost/mtos/mt-check.cgi というURL）にブラウザでアクセスしてみましょう。すると、perl.exe – コンポーネントが見つかりませんというアラートが表示され、正しく実行できなくなっています。さきほどインストールしたImageMagickのdllファイルを呼び出そうとして、失敗していることが分かります。これはImageMagickインストール時に設定された環境変数が、まだシステムに認識されていないために起こる問題なので、Windowsを再起動することで解決します。作業を中断し、ひとまず一旦再起動です。
Windowsが起動したら、忘れずにApacheとMySQLを起動しましょう。デスクトップに追加されたショートカットやスタートメニューから「XAMPP Control Panel」を起動し、ApacheとMySQLの「Start」ボタンをクリックし、「Running」状態にします。
ApacheやMySQLをシステムの「サービス」として登録するとWindowsが起動すると同時にこれらも起動するようになりますが、今回はこの設定は行いません。
改めてmt-check.cgiにブラウザでアクセスします。「Image::Magick」項目の黄色いエラー表示が消えていることを確認します。
これでMovable Typeを使う準備がようやく整いましたので、早速インストールを行いましょう。MovableType（ここではMTOS 5.01）のファイルを保存したディレクトリ（http://site1.localhost/mtos/）にブラウザでアクセスし、「サインイン」をクリックします。
するとmt-wizard.cgiというプログラムが実行され、インストールウィザードが始まります。
システムチェックが実行され、必要なPerlモジュールはそろっています。Movable Typeのインストールを続行する準備が整いました。と表示されます。
と同時にオプションのPerlモジュールのうちいくつかが見つかりませんでした。と表示されます。「オプションモジュールを表示」をクリックするとシステムにインストールされていないモジュールの一覧を見ることができます。
Crypt::DSA や IPC::Run といったPerlモジュールがインストールされていないことが分かりますが、今回は使用することはないので「次へ」進みます。必要な場合は一旦インストールウィザードを中断し、前回のようにPPMを使ってインストールするといいでしょう。
データベースの設定の画面となります。「データベースの種類」には「MySQLデータベース（推奨）」を選択しましょう。
データベースの設定項目が出現しますので各項目を以下のように設定し、「接続テスト」をクリックします。

データベースサーバ

localhost

データベース名

mtos5 （前回作成したMySQLデータベース名）

ユーザ名

root

パスワード

前々回設定したMySQL rootユーザーのパスワード
データベースの設定を完了しました。と表示されます。「次へ」をクリック。
「メール設定」という画面となりますが、今回は特に設定せず「次へ」をクリック。
もし必要となった場合、後で設定できます
「テンポラリディレクトリの設定」画面となります。テンポラリディレクトリはMovable Typeのシステムが画像などのデータやバックアップデータなどを扱う際、一時的にデータ置き場として利用されるディレクトリです。適当なディレクトリを設定しましょう。ここでは C:\Windows\Temp とし、「次へ」をクリック。
これでMovableTypeの設定ファイル（mt-config.cgi）が生成され、今まで設定した情報が書き込まれます。mt-config.cgiが正しく生成されたことを確認し、「次へ」をクリック。
Movable Typeにログインするためのアカウントを作成する画面になります。
- ユーザー名
- 表示名
- 電子メール
- 使用言語
- パスワード
以上の項目を設定できますが、ログインに使用するのは「ユーザー名」と「パスワード」だけです。
適当に入力したら「次へ」をクリック。
ここで設定する項目は後で変更することができます。
「最初のウェブサイト」を作成という画面となり、Movable Typeで管理するウェブサイトを設定する画面となります。

ウェブサイト名

Site1
（適当なサイト名）

ウェブサイトURL

http://site1.localhost/
（Movable TypeがインストールされたサイトのURL）

公開パス

D:\htdocs\site1
（Movable Typeがインストールされたサイトのディレクトリ。Windows環境だとディレクトリ区切りがバックスラッシュになりますのでご注意を）

テーマ

クラシックウェブサイト
（どれでもOKです。選択によって設定されるテンプレートが変更されます）

タイムゾーン

UTC+9（日本標準時）

上記のように設定したら、「インストール」をクリックします。
「ウェブサイトURL」と「公開パス」は前々回にApacheのバーチャルホスト機能で定義した同サイト内であれば、自由に設定できます。ここではサイトのルートとなるディレクトリを指定しています。
しばらく待つと、インストールを完了しました！と表示されます。「Movable Typeにサインイン」をクリック。
これでめでたくMovable Typeがインストールされました。ローカルマシン上で自由に使える開発環境のできあがりです！

以上で全3回に渡る記事を終わります。

Apacheのバーチャルホスト設定とhostsファイルの設定をそれぞれ増やせば、管理するサイトを増やしていくこともできます。WindowsユーザーのWebデザイナーやフロントエンドエンジニアが利用するには、十分な環境となるのではないかと思います。欠点を挙げるとすると、「公開パス」でディレクトリ区切りが（Windows環境なので）バックスラッシュになることだったりします。ローカルで開発したものを本番の（Linux系の）サーバーに乗せる、という場合はこの辺りの設定を修正する必要があるということですね。

WinXPローカルでXAMPPを使ってMovable Typeを動かす―2010年3月版その2

Posted on 2010-03-10 by seckie

前回に引き続き、XAMPPでMovable Typeを動作させるチュートリアルの第2弾です。

今回はActivePerlのインストールと設定、MySQLの設定を行います。

ActivePerl のダウンロードページにアクセスし「ActivePerl DOWNLOAD NOW」をクリックして次のページに進みましょう。
プラットフォーム別のダウンロードファイルの一覧が表示されます。一番上のRecommended version(s) for your platformにリストアップされている ActivePerl 5.10.1.1007 for Windows (x86) をダウンロードします。
お使いのWindowsが64bit版である場合、ActivePerl 5.10.1.1007 for Windows (64-bit, x64) を選択します。
ダウンロードしたインストーラを実行しましょう。インストールウィザードが開始されます。
ライセンス規約に同意（I accept the terms in the License Agreement）を選択し、「Next」をクリックします。
インストールするプログラムと、インストールするディレクトリを設定します。インストールするディレクトリはデフォルトで C:\Perl\ になっていますが、これを C:\usr\ に変更します。「Browser」をクリック。
ディレクトリの選択画面となるので、「Folder name:」の欄に C:\usr\ と入力し、「OK」をクリックします。
「Location:」に C:\urs\ が正しく設定されたかを確認し、「Next」をクリックします。
オプションを選択する画面になります。特に変更せず「Next」をクリックします。
これで設定は終わりです。「Install」をクリックしてしばらく待ちます。
インストールが完了したら、「Finish」をクリックしてインストールウィザードを完了します。
さて、前回の記事の環境の通り、D:\htdocs\site1 というディレクトリを http://site1.localhost/ というローカルホストドメインで参照できるようにし、ここで開発を行うことを前提に話を進めましょう。

サイトのルートディレクトリ（D:\htdocs\site1）に Movable Type（ここではMTOS 5.01）のファイルを展開し、mtos というディレクトリ名をつけます。
念のため、インストールしたPerlが正しく動作するか確認してみます。テキストエディタを開いて以下のコードを記述し、C:\test.pl というパスで保存します。（あくまで例です。実際はどんなパスでもOKです）
```
#! /usr/bin/perl
print("It works!\n");
```
これをコマンドプロンプト（※1）で以下のように入力し、Enterキーを押して実行します。
```
perl c:\test.pl
```
入力の次の行に It works! と表示されれば正しく実行できたということです。

ここまでくればMovable TypeのCGIプログラムをひとまず表示はできる環境になっています。（※2）
http://site1.localhost/mtos/mt-check.cgi にブラウザからアクセスします。ここまでの作業が正しくできていれば、MTのシステムチェック画面が表示されるはずです。
この時点では Movable Typeの構成ファイルが見つかりませんでした。というメッセージが表示され、まだMovable Typeが正しく動作しないことが分かります。ページをスクロールしていくと、DBD::mysql というPerlモジュールがシステムにインストールされていないことが分かります。これは MySQL データベースを使用するために必要となるモジュールです。
では DBD::mysql モジュールをインストールしましょう。コマンドプロンプトを起動し、ppm と入力しEnterキーを押します。
すると「Perl Package Manager（略称PPM）」が起動します。Synchronizing Database…（データベースと同期中）とステータス表示されてしばらく固まるので、じっと待ちます。
同期が完了して操作できるようになったら、画面左上の「View all packages」アイコンをクリックします。
そして画面上部の検索エリアに dbd-mysql と入力しましょう。すると中央のモジュール一覧に DBD-mysql と表示されるはずです。
リストアップされた DBD-mysql を右クリックし「Install DBD-mysql 4.011 + 」を選択します。これでインストールするモジュールの一覧に登録されます。
画面右上の「→（Run marked actions）」アイコンをクリックします。

すると Ready to install 1 package? とアラート表示されるので「OK」をクリックします。
しばらく待つと、DBD::mysqlモジュールのインストールが完了します。
もう一度ブラウザで mt-check.cgi にアクセスしてみましょう。サーバーにDBD::mysqlがインストールされていますと表示され、エラー表示になっていなければOKです。
では今度はMySQLの設定を行っていきます。今回インストールするMTOS用のデータベースを作成しましょう。まずXAMPPコントロールパネルでMySQLが「Running」状態になっていることを確認し、「Admin」ボタンをクリックします。
するとブラウザでphpMyAdmin（MySQLデータベースをブラウザから操作できるツール）が開きます。「言語 – Language」に「日本語 – Japanese」が設定されていることを確認し、ユーザ名、パスワードを入力してログインしましょう。ここでのユーザ名は root 、パスワードは前回の記事のStep16でXAMPPの管理画面から設定したパスワードになります。
phpMyAdminにログインすると、様々なメニューが並んだ画面が表示されます。ページ中ほどにある「新規データベースを作成する」という入力フォームから、今回使用するデータベースを作成しましょう。

左のフィールドにはデータベース名を入力し（今回は「mtos5」とします）、隣のプルダウンメニューでデータベースの文字コードを選択します。ここでは「utf8_general_ci」を選択してください。このプルダウンメニューが結構長いのですが、一番下の方にあります。そして「作成」ボタンをクリックします。
データベース mtos5 を作成しました。　と表示されたら完了です。

以上でActivePerlのインストールと設定、MySQLの設定までが完了し、今回の記事はここまでです。次回はImage Magickのインストール、そしていよいよMovable Typeのインストールを取り上げます。

※1 コマンドプロンプトは、スタートアップメニューから「ファイル名を指定して実行」（もしくは「Windowsキー + r」）で cmd と入力してEnterキーを入力すると起動することができます。
※2 Movable Type を含む、Perl言語で書かれた大抵のCGIプログラムはデフォルトでPerlを /usr/bin/perl というパスで参照するように書かれています。（ファイルの冒頭にPerlのパスが記述されています）Step5～7でActivePerlを C:\usr\ というパスを指定してインストールしたことにより、Perl が /usr/bin/perl で参照できるようになります。