2016/09/29

改行文字やタブなどを含む複数行を正規表現でマッチさせる

DBMSのログを、JavaScriptの正規表現を使って整形して表示するということをしていた。
「< 2016-09-27 11:48:17.282 JST >STATEMENT:select *\r\n\tfrom test\r\n\twhere id = 1;\n」を「/(\d{4}-\d{2}-\d{2}\s+\d{1,2}:\d{2}:\d{2}\.\d{3}\s\w{3,5}).+>(.+?):\s+(.*)/」の正規表現で、次のように分割したかった。

2016-09-27 11:48:17.282 JST
STATEMENT
select *\r\n\tfrom test\r\n\twhere id = 1;\n

しかし、3つ目を「(.*)」でマッチングさせているのに「select *」しか取得できない。
なぜか改行やタブが入ると取得できず、ちょっとハマりかけた。

2016/09/28

もうgulpやwebpackで消耗しない！vue-cliを使ったVue.js開発

Labels: JavaScript , Tools , Vue.js

フロントエンド界隈の闇といえば、開発をはじめる前に周辺ツールで消耗すること。
以下の記事を見ていただくと、わかるかと思う。
1年半ほど前に書いた記事だ。
フロントエンド初心者だった私が、Vue.js（0.12）を使ってTypeScriptでChrome拡張機能を開発しようとしたとき、本題の「Vue.js」を触るまでに以下のツールを学ばなければならなかった。

npm: nodeのパッケージ管理ツール
bower: フロントエンド系のライブラリ管理ツール
tsd: TypeScriptの型情報管理ツール
gulp: タスクランナー（ビルドやテスト自動化のため）
webpack: モジュールバンドラー（ファイルを1つにまとめ依存解決するため）
ts-loader: TypeScriptをwebpackでビルドするときに使うプラグイン
Jasmine: テストツール（BDD）
mocha+chai: テストツール+アサーション

初心者だったので、すべてイチから使い方を覚えなければならず、周辺ツール疲れになってしまい、開発をはじめるまでにずいぶん時間がかかったことを思い出す。
しかも、1年後にはbowerとtsdはオワコンになり、別のツールが登場していた。
こんなことで消耗するのはツラすぎる！

そんなときにオススメなのが「vue-cli」
いろいろ用意してくれるScaffoldingツールだ。

2016/09/27

Web業界ではなくSIerのシステムエンジニアとして働く5つのメリット

Labels: コラム

SIerからWeb業界に転職した系ブロガーや過激派Webメディアは、一言目には「Web系はいいぞー」、そして二言目には「SIerはダメだ」とディスる。

SIerに親でも殺されたのかってくらい、やれ技術力がないだの、意識低い系社会人の群れだの、将来仕事がなくなるだの、方眼Excel爆発しろだの、社会のガンだの、人月商売のヤxザだの、滅すべきブラック企業だの、言いたい放題だ。

新卒でSIerに入社して数年働いた私としては、そういった過激で攻撃的な内容に疑問を抱くと同時に、腹立たしく思う。
ビッグライトを当てたがごとく主語をでかくして「SIerｶﾞｰ」と叫んでいるのではないだろうか？それともSIerを叩けばアクセス数が稼げるという、安易な考えからなのだろうか？

とにかく、SIerからWeb業界に転職し1年経った私の立場から、Web業界とSIerを比較して「SIerのシステムエンジニアとして働くメリット」について語ろうと思う。

SIerとWeb業界の基準について

「SIer」と「Web業界」は、私が所属したことのある下記の会社を基準にしている。

新卒で入社したSIer: 資本金9,000万円、社員数170人、創立35年以上
中途で入社したWeb系: 資本金89,000万円、社員数340人、東証一部上場

また、この記事でいう「Web業界」とは、Webサービスを自社開発している会社を指す。

2016/09/06

moment.jsで1ヶ月前（30日前）などが正確に取得できないときの対処法

Labels: JavaScript

JavaScriptで日付を扱うなら、ぜひ使いたい「moment.js」というライブラリがある。
仕事で実際に使っていたのだが、なぜか「1ヶ月前」や「30日前」の日付がうまく取得できない。1ヶ月後なら大丈夫なのに…。

ちょっとハマったので、1ヶ月前や○日前の日付を正確に取得する方法を紹介する。