PhpStormでGruntを使う

最近はフロントエンド部分の開発を行っていなかったので、JavaScriptやCSSの結合や圧縮をすることがなかったのですが、サイトの運用開始後にちょっとだけ修正するといったことも増えてきたので、この作業を自動化してみることにしました。

今回使ったのはGruntとというJavaScriptで記述するタスクランナーです。

https://www.jetbrains.com/help/phpstorm/grunt.html

基本的な手順は、PhpStorm 2017.2 Helpに書かれています。

今回はGit Bashを使って設定したので、GitとNode.js(windows版)を予めインストールしておきます。

管理者権限で起動したGit Bachでgrunt-cliをインストール
$ npm install -g grunt-cli

この時に表示されるインストールパスをメモ。

[Run] - [Edit Configurations...]でインタプリターの設定と、grant-cliのパスを指定。


package.jsonの初期化とgruntのインストール。必ず、プロジェクトディレクトリのルートに移動してからコマンドを実行します。
$ cd /d/workspace/hoge
$ npm init
$ npm install grunt --save-dev


[File] - [Settings...] - [Language & Frameworks] - [Node.js and NPM]

ここで、npm installが出来るっぽいんですが、上手くいかなかったので(インストールしたはずのパッケージがNot Foundになる)、引き続きGit Bashでインストール。
$ npm install grunt-contrib-concat --save-dev
$ npm install grunt-contrib-ugify --save-dev

d:¥workspace¥hoge¥gruntfile.js
module.exports = function (grunt) {
grunt.initConfig({
concat: {
files: {
src : ['assets/js/plugin.js','assets/js/script.js'],
dest: 'assets/js/concat.js'
}
},

uglify: {
dist: {
files: {
'assets/js/all.js': 'assets/js/concat.js'
}
}
}
});

grunt.loadNpmTasks('grunt-contrib-uglify');
grunt.loadNpmTasks('grunt-contrib-concat');
grunt.registerTask('default', ['concat', 'uglify']);
};
plugin.jsとscript.jsを結合して、concat.jsとして保存して、それをminifyしてall.jsとして出力する例。

[View] - [Tool Window] - [Grunt]でGruntのツールウィンドウが開くので、そこから実行。

Nintendo Switch

12月に発売されるゼノブレード2に合わせて、9月に予約していたNintendo Switchが届きました。

Joy-Conは青+青です。

スーパーマリオオデッセイのダウンロード版を購入して、少し試していたんですが、Joy-Conを左右分離にして使うのが違和感がありすぎて(軽すぎる)、Joy-Conグリップも試してみたら、これも違和感がありすぎるので(幅が狭すぎる)、素直にプロコンを買おうと思います。

そして結局3タイトルしか遊んでいないWii Uは、そっと物置に片付けました…。

Razer BlackWidow Chroma V2

PC環境リニューアルのラストはキーボード。

Archiss Cherry青軸の一部のキーがヘタってきたので、Razer BlackWidow Chroma V2に買い換え。

青軸に慣れすぎた結果


たぶん、青軸のキーボードを使っている人にはわかると思うのですが、青軸に慣れてくると、キーを底打ちしなくなって、キーが反応するところまでしかキーを押下しなくなり、更に慣れてくると手加減しすぎて、キーが反応しない時があったりして、たまにイラっとすることがあります。

青軸は2.2mmくらいでキーが反応するらしいんですが、これより更に浅い位置で反応するキーボードが欲しくなってきました(そもそもストロークが深くなるメカニカルスイッチを選ぶのが悪い気もしますが)。

Razer Green = 青軸
Razer Orange = 茶軸
Razer Yellow = 黒軸

に相当するようで、GreenとOrangeは反応位置が1.9mmで青軸とあまり変わりません。Yellowは1.2mmで反応するので、これならイライラを解消できるかもしれません。

ということで、今よりキーストロークが浅くて、押下圧は同じくらい、全キーのカスタマイズが可能で、マクロ機能もあるキーボードを探すことにしました。しかし、この条件だと、Razer BlackWidow Chroma V2 Yellow switchくらいしか候補がありません。

スペースキーは小さい方がいい


次点は、REALFORCE RGBで、APC(Actuation Point Changer)で反応位置を1.5mm〜3.0mmに設定できるらしく興味があったのですが、キーのカスタマイズが貧弱で少々残念。

あと、Archissのキーボードでもスペースキーが大きすぎて不満だったので、REALFORCE RGBのスペースキーの大きさも気になります。

自分がJIS配列を選ぶ理由の1つに、「無変換」キーと「変換」キーのように、親指で操作できるベストポジションなのに(人によっては)使い道が無いキーが付いているという点があります。このキーにショートカットを割り当てつつ、できれば左手だけで操作できると捗るので、スペースキーは小さい方が良かったり。

使用感については、また後日、追記しようと思います。

黄軸の使用感


打鍵した感覚は想像していたとおりでした。かなり浅く押しても反応してくれるので、キーボードが速く打てているように錯覚します。

底打ちすると、そこそこ打鍵音がするのですが、ストロークを浅めに打つと、めちゃめちゃ静かです。逆にキーを底まで打ちきってしまう打鍵方法の人は、うるさくてたまらないと思います…。

前のキーボードとカーソルキーの位置が大分違うので、慣れるまで少し時間がかかりそうな感じですが、とにかく打っていて気持ちがいいというのがイイですね。

とりあえず、IDE用にキーのカスタマイズを始めました。

無変換Ctrl + F7
変換Ctrl + B
英数Ctrl
M1Ctrl + K
M2Ctrl + T


カスタマイズは1ヶ月くらいかけて調整することになりそうですが、よく使うコンビネーションを登録しました。

DC-HC4FSPEC

ここ数年、オーディオ環境はヘッドセットのRazer Tiamat 7.1に頼っています。

PCのみならず、PS4などのゲーム機の音声もS/PDIFでSound Blaster Zに入力して聴いていました。

そんな変わった使い方をしている中、マザーボード交換に伴い、オンボードの7.1chオーディオを使うようになったので、Sound Blaster Zが不要に。結果、Sound Blaster Zに付いていたS/PDIF入力が使えなくなりました。

来週にはSwitchも届くので、PS4とSwitchの両方の音声をTiamat 7.1で聴きたいし、どうしたものか…。

5年前くらいに購入したHDMIキャプチャーカードの「DC-HC1」を使って映像と音声をPCに入力してしまおうかと考えたのですが、流石に1080iというのも辛い感じがするので、「DC-HC4FSPEC」に買い換えることにしました。

このキャプチャーカードはHDMI入力が2系統あるので、PS4とSwitchを同時に接続して、入力を切り換えることができます。

ただ、オーディオキャプチャ部分の仕様では、リニアPCM 2chとなっていて、7.1chは無理な気配。リニアPCMマルチチャネルは諦めるとして、ビットストリーム(DTSとか)のままPCで再生できるといいんですが、今のところ方法が判りません。

実際の取り付けですが、うちのマザーボード(ROG STRIX X299-E GAMING)だと、4番目のスロット(PCIEX16/X8_2)でだけ動作しました。PCIEX4だと、SATA6Gb/sポートと排他利用のため利用できず、PCIEX1_2とPCIE9/IX1_3はなぜか、USBポートと競合してしまい、ブルスクになります。各スロットの動作をUEFI BIOSで「自動」ではなく固定しても結果は変わらず。

No.スロット名動作(28レーンCPU)メモ
1PCIEX16/X8_1x16Geforce GTX1080
2PCIEX1_1x1物理的に塞がっている
3PCIEX1_1x1USBが使用不可になり、ブルスク
4PCIEX16/X8_2x8正常動作
5PCIEX4x4SATA6Gb/sポートが利用不可になる
6PCIEX8/X1_3x1USBが使用不可になり、ブルスク

消去法でPCIEX16/X8_2だけが残ったわけですが、SLI構成だと、このスロットも埋まっているはずなので、結構環境を選ぶキャプチャーカードかもしれません。



Razer DeathAdder Elite

Razer Naga Hex(2014/01購入)から3年ぶりにマウスを買い換えです。

買い換えの理由は、壊れたからではなく、Nagaのサムボタンをほとんど使わなくなってしまったので、サムボタンを押さないように使い続けるのが辛くなってきたからです…。

たまに意図せず押してしまったりするので、サムボタンの無い(戻る/進むボタンはあるけど)、Razerの定番マウス「DeathAdder」にしました。

少し使った感想は、マウス本体が軽い割にはちゃんと動かせるし、クリックもブレがなくて、しっかり押した感じがします。特に親指と小指があたる部分だけがラバーになっていて、マウスが手の中で滑ることがないのがイイ。

DeathAdderは10年くらい大きく形状が変わっていないようなので、しばらく、この系統を使い続けるかも。