サクラエディタのgrepで不要なファイルを除外する

ザ・SIerの仕事、みたいなこのタイトル。苦笑
SIerで仕事している方には共感いただけると思うのですが、ファイルの検索とか影響調査とかでやたらとgrepをする機会が多いです。
SVNのブランチごとgrepしようというとき、SVN管理用？のファイルが邪魔になります。
ファイルの拡張子指定でgrepするときはいいのですが、拡張子関係なく全体を検索したい場合に、邪魔なファイルを除外する方法を調べました。

関連記事
us-key-tech.hatenablog.com

SVN管理ファイルをgrep対象から外す

画像の編集がものすごく雑でアレなのですが。。

• ファイル名の条件に「!*.svn-base」を指定⇒拡張子が「svn-base」のファイルをgrep対象から除外する。

ファイル名の条件で「!」の後にgrep対象から外したいファイルを指定することで、検索条件から外すことができます。結構直感的に分かりやすい書き方ですね。もうちょい正規表現でうにょうにょしないといけないかと思ってたのですが。

ちなみに、条件は「複数の単語のうちどれかが含まれる行」を抽出するために正規表現で書いたつもりだったのですが、どうやら単純に単語をパイプ(|)でつなげばいいらしい。。
正規表現はまだまだ苦手なので勉強しなくては。迷わず使えるのと使えないのでは大違いなので。

［改訂新版］正規表現ポケットリファレンス

自作サイトをレスポンシブ対応しようとして躓いた話

自作のサイトをスマートフォンとPC両方で使えるよう、レスポンシブ対応しようとしました。

デザインはとりあえずそれなりの見た目になればいいのでBootstrap3を使い、グリッドシステム使えば画面幅によって表示を最適化してくれるんでしょってな感じで。

グリッド・システム ≪ CSS ≪ Bootstrap3日本語リファレンス

しかし、最適化されず、スマートフォンでみるとめっちゃ縮小して表示される。。。

正確には、tableタグ(を囲っているdivタグ)にtable-responsiveクラスを適用して、レスポンシブな表（画面幅で表示しきれない分は表の中で横スクロールして表示する）を表示したかったのですが、表がめっちゃ縮小して表示されました。

別に作っていたサイトはレスポンシブに表示されていて、「なんでやねん！」と一人突っ込みを入れていたのですが、HTMLをよくよく比較してみると、ただ単にmetaタグ1行抜けていたという結論に。。

tech.nitoyon.com

スマホートフォンは PC 向けのサイトを表示するときには、「横幅 980px 向けにデザインされている」という前提で描画する。結果として、文字が小さくなる。

なるほど、それで横幅980px想定で幅いっぱいに表を表示してくれていたのね。

で、デバイスごとの表示幅に合わせて表示するには、以下をmetaタグに入れましょうと。

<meta name="viewport" content="width=device-width">

width=device-widthってのが「デバイスの幅で表示」を意味するわけですね。

なお、縦向け、横向けで文字の表示サイズなどを変更したくない場合には、以下のようにすればいいようです。

HTMLに以下のmetaタグを。

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

CSSに以下の指定を。

body {
  -webkit-text-size-adjust: 100%;
}

これをやると表示サイズが固定されるのでスマホでの拡大縮小ができなくなるようですが、自分はスマホでの文字入力時に勝手に入力欄が拡大されてしまうのをこれを使って防ぐという利用の仕方をしています。

スマホで入力欄を選択したときに勝手に画面が拡大されたりするとイラっとします、よね？？

今日は以上ですー。

【レビュー】ZenBook3：驚異的に薄くて軽くてハイスペックなノートPC

先日PCを購入してからの設定に関して記事を書きましたが、今回は購入したPCのレビュー記事です。

us-key-tech.hatenablog.com

上記の記事にも書きましたが、購入したのはASUSのZenBook3です。

www.asus.com

開封の儀

ASUSおなじみらしい外装の段ボールの中に化粧箱っぽい感じの箱が入っているという2段構え。

化粧箱を開けると本体、電源ケーブルなどがお目見えします。

なお、USB-Cのミニドックが本体の下に入ってますが、最初気付かず割と焦りました。これがないと電源しか挿せない拡張性ゼロのマシンなので。。。（後述）

なお、他に本体を収納するスリーブケースが付いてきます。これがなかなか高級感があっていい感じ。わざわざ他のケースを購入する必要もなさそうです。

本体サイズについて

今まで使ってきたMacBookAir 13-inchと比較してみました。

↓重ねてみたところ。液晶サイズが13.3→12.5インチと小さくなってるのはあるにしても、かなり小さいです。

今までプライベートで持ち歩くときなどボディバックに無理矢理押し込んでたのですが、余裕ですっぽり入るようになりました。

↓厚さを比較してみた図。だいぶ薄いです。MacBookAirも17mmで結構薄いですがZenBook3は11.9mm。驚異的。

スペック

• CPU：Core i7-7500U
• メモリ：16GB LPDDR3-2133
• ストレージ：SSD 512GB（PCI Express3.0×4）

一言でいうとめちゃくちゃ速いです。通常のネットサーフィンなどでストレスを感じることはほぼないレベル。これまで使ってたMacBookAirが5年前のモデル（吊るしの一番安価だったやつ）だったのもありますが、かなり快適さを感じています。

いいとこ・悪いとこ

いいとこ

• 小さくて軽くてハイスペック

もう、これに尽きますね。「開発用途でストレスを感じないスペック（メモリ16Gほしい）でできるだけ軽いの」という条件で探していたのですが、そもそもメモリ16GBという時点で選択肢が殆どなく、最終的にはMacBookProかZenBook3かで迷ったのですが、値段とサイズの小ささでZenBook3を選ぶ結果となりました。

値段については後述します。

• USB-C

このPC、USB-C端子1つしか端子がありません（正確にはイヤホン端子もついてますが）。MacBookProでも端子問題は色々言われてますが、個人的には外出時には電源以外使うことはほぼないし、自宅では付属のミニドックにディスプレイ、マウス・キーボード（ここは別のハブ経由してますが）、電源を挿してるので、USB-C1本つなげばこれらにまとめてつながるってのは大きな利点です。

特にUSB-Cに電源もつながるってのが大きなメリットで、モバイルバッテリーも今は対応しているものが少ないようですが今後選択肢が増えれば外出時の電源不安もだいぶ軽減されるなあと期待しています。

悪いとこ

• 光沢液晶

個人的にはかなり減点ポイント。写真とかはきれいに見えるけど。。

液晶保護フィルムが結構販売されているので、アンチグレアの商品を使って非光沢にするしかないですね。。

下記を購入したのですが、アンチグレアと思いきやグレアでした。。ちゃんと説明読めよと。

ASUS ZenBook 3 UX390UA 用 保護 フィルム OverLay Eye Protector for GPD Win 【送料無料】【ポストイン指定商品】 液晶 保護 フィルム シート シール フィルター 目にやさしい ブルーライト カット 10P03Dec16

• タッチパッドのクリック感が弱い

キーボードについて酷評されている記事を多く見ますが、個人的にはキーボードはMacBookProなどよりもストロークがある分打ちやすく感じました。

それより気になったのはタッチパッド。これまで使っていたMacBookAirがしっかりしたクリック感があったのに対し、ZenBook3のタッチパッドはクリック感がだいぶ弱いです。かつ中央付近しかクリックできないという。。Windowsはタップでクリックと同等の操作になるため、一切クリックしてないです。

あとWindows10でドラッグアンドドロップをダブルクリックorタップせずにする方法ってないのだろうか（Macでいう3本指）。文字列を選択してコピーする際などだいぶツラいです。。

購入方法

Joshinの楽天市場店で購入しました。購入しようとしていたタイミングでちょうど楽天スーパーセールが開催されていたのもあり、買い回りによるプラスも含めてポイント20%程度付いて、実質13万円台で購入できました。

未だに価格.comの最安値で17万切ったくらい（2017年初時点）だし、この値段でCore i7・メモリ16G・SSD512GのノートPCが買えるってのはかなり驚きです。

kakaku.com

まとめ

ZenBook3を購入して3週間くらい経ちますが、Windowsに不慣れな部分以外は非常に快適に使ってます。

とにかく軽くて薄いのは正義！これでメインマシンとして使えるスペックを兼ね備えているってのはほんとすばらしい。

拡張性に乏しいという点も、ミニドックが付属していることにより問題なく使用できます。今後対応したモバイルバッテリーの選択肢が増えていくことにも期待したいと思います。

総じて、高スペックなマシンを気軽に持ち歩きたい人には非常におすすめできるマシンです！