はてなブックマーク

El Capitanになったことだし、改めてPHP環境とVimでのPHP Lint環境を整える。 前提としてHomebrewはインストール済みとする。 この記事でインストールするもの。 PHPBrew Composer PHP_CodeSniffer PHP Mess Detector Syntastic PHPBrew PHPのバージョン管理の為 PHPBrew をインストールする。phpenvでもいいと思うので違いの分かる人はお好みで。 PHPBrewのインストール $ curl -L -O https://github.com/phpbrew/phpbrew/raw/master/phpbrew $ chmod +x phpbrew $ sudo mv phpbrew /usr/local/bin/phpbrew $ phpbrew init 本来はmv先は /usr/bin/ なの

CloudSearch使ってるのだけれども、トークナイズ辞書の仕様の所為かひらがなとカタカナでサジェスト時の候補返却内容が異なった。 候補のテキストフィールド自体はカタカナで、カタカナの方が意図する候補を返却していたので、JavaScriptでひらがな/カタカナに変換する方法を模索してみた。 後で加筆予定。 事前知識 Unicodeの各文字範囲 文字種別 Unicode Unicodeの示す文字範囲 全角ひらがな 0x3041 - 0x3096 ぁ, あ, ぃ, い, ... , ゕ, ゖ 全角カタカナ 0x30A1 - 0x30F6 ァ, ア, ィ, イ, ... , ヵ, ヶ 半角カタカナ 0xFF61 - 0xFF9F (順序が全角ひらがな/カタカナと異なる) 全角ひらがな → 全角カタカナは +0x60 全角カタカナ → 全角ひらがなは -0x60, JavaScriptでの文字操

gulp-sassで自動でSass/SCSSからcssファイルを生成する - 人生リアルタイムアタック の続き。完全上位互換のつもり。 前回は gulp-sass の導入だけだったので、この記事では gulp / Sass (SCSS) 周り全般について述べたい。 構成 以下のディレクトリ構成を例にする。 ./test ├── css │   └── // cssファイルの生成先 └── assets │ └── sass │ └── **/*.scss └── index.html Node.jsは LTSのv4.4.5 がインストール済みで、$ npmコマンドが利用可能になっている前提。 package.jsonをつくる 最初に、Node.jsのパッケージ管理ファイルであるpackage.jsonを生成する。 package.jsonはコマンドで生成できる。 $ npm init -y

こんなエラーが出た時のお話。 ~ $ npm install -g bower /Users/<user_name>/.nvm/versions/node/v4.2.1/bin/bower -> /Users/<user_name>/.nvm/versions/node/v4.2.1/lib/node_modules/bow er/bin/bower bower@1.6.5 /Users/<user_name>/.nvm/versions/node/v4.2.1/lib/node_modules/bower > bufferutil@1.2.1 install /Users/<user_name>/.nvm/versions/node/v4.2.1/lib/node_modules/browser-sync/node_modules/sock et.io/node_modules/engi

フロントエンド開発に便利なNode.js環境で、ファイル変更時に自動でSass(SCSS)からCSSファイルを生成したい。 2016-06-17 追記 上位互換記事を書きました。 gulp-sassで自動でSass/SCSSからcssファイルを生成したり、他にもいろいろする - 人生リアルタイムアタック 準備 以下のようなディレクトリ構成を想定。 . ├── css │   └── // cssファイルの生成先 └── assets └── sass └── main.scss インストール gulpとgulp-sassをインストールする $ npm install gulp gulp-sass gulpfile.jsの作成 まずは最も簡単な例として、*.scssに変更があれば自動で*.cssを生成する例。 var gulp = require('gulp'); var sass = re

Vimでエディットするにあたり、ダブルクォートで囲まれた部分をシングルクォートにしたいとか、囲まれた部分の内側を置換したいとか、いい加減テキストオブジェクトを使いこなしたいなと思ったので調べつつ憶えてみる。 Vimのコマンドは何らかの単語の頭文字であるケースが殆どなので、コマンドの意味も纏めてみた。 そもそもテキストオブジェクトとは オブジェクト単位で選択 *object-select* *text-objects* *v_a* *v_i* 次のものはビジュアルモードかオペレータコマンドの後でのみ使うことができる一連の コマンドを示しています。 "a" で始まるコマンドは "a" (1つの) まとまりをホワイトスペースを含めて選択します。 "i" で始まるコマンドはまとまりの "inner" (内部) をホワイトスペースを含まずに選択するか、もしくはホワイトスペースのみを選択します。 です