はてなブックマーク

fs.statSync('hoge.txt'); // Uncaught Error: ENOENT: no such file or directory, stat 'hoge.txt' hoge.txtが存在しないと、エラーになるので try catchでくるんであげる。 （ENOENT は、「No such file or directory」のエラーコード。） function isExistFile(file) { try { fs.statSync(file); return true } catch(err) { if(err.code === 'ENOENT') return false } } isExistFile('./hoge.txt'); // false

頭悪そうなタイトルですみません。 再びPCのセットアップをしたので、未来の自分のためにメモ。 問題 $ gem install hoge で Permission denied と言われる。 sudoなしにhoge入れたい。 （Permission Deniedのときは、sudo使うと便利〜というくらいが初期の認識でしたが、ことあるごとに「sudoを使ってはいけない」局面に陥ったので、sudoを使わずになんとかinstallしたい。） ググる。 → sudoつけてとかgem入れ直してとか出てくるけど違いそう そもそもなにがおこってるか systemのrubyを使っている sudo権限の必要な領域に色々installしようとしている（→ sudo付けろと言われる） → sudoのいらない、 /usr 領域にrubyを置くと良い。 （systemのrubyを使うこと自体は問題はないが、このまま

小さなアイコン類をテキストにすることで、 リクエスト本数を減らし、全体的な速度向上につなげることができます。 作り方 実はターミナル上で１行コマンドを打つだけ。 $ base64 icon.png iVBORw0KGgoAAAANSUhEUgAAAB4AAA … AgCI= // Base64化された画像の文字列が出力される（凄く長い） これだけ。超簡単。 変換サイトをよく見かけるけど、使わなくても実はできるというびっくり。 Macにはデフォルトで入ってました。 Base64化する前に、画像圧縮ソフトで圧縮してから変換すると、さらに小さくなります。 使い方 出力された文字列をこのまま貼っても使えません。 ()の代わりに出力された文字列をコピペ。 pngを適宜拡張子に合わせて書き換えます。 めんどくさいのでDashでスニペット登録しています。 つかいどき Base64化することで却って重くな

npm run script, npm shrinkwrapでnpm, bowerのバージョン管理をなんとかしたいnpmbower プロジェクトで、npmとBowerを使ってフロントエンド開発のパッケージ管理をしています。 最近、フロント開発者・普段フロント開発をしないエンジニアでビルド環境を揃えるために、「npm-run-script」 を使うようにしました。「npm shrinkwrap」については検討中。 色々苦戦しながら対応したので、ビビりながらまとめます。 Frontrend Advent Calendar 2014 - Qiita 9日目の記事です。 発端 Bowerで管理しているはずのjsライブラリがGitにコミットされていた どのタイミングからかは分からないのですが、インストール時にgit上でライブラリの更新分の差分が出るようになっていて発覚しました。 これはプロダクトが、

「webデザイナー」になるつもりでアプリ制作会社に入り、 フロントエンドエンジニア（一般的にはWebデザイナー）として配属後、 直属の先輩にはじめて教わったことが 「とりあえず、ターミナル使っとけばいいよ。」 でした。 当時、ターミナル＝黒い画面　くらいしか知らなかったし、vimって何だよレベル。 分からん動かんと泣きつきながら覚えながら１年半。 それなりに使えるようになってきたので、 黒い画面を使いながらフロントエンドエンジニアをやってみて気づいた「良かったなぁ」と思うことをまとめてみます。 ※ zsh, vimの便利ツールや、補完が凄いとかの機能についての紹介記事ではないです 1. 意外にターミナルかっこいい やっぱりかっこいいのじゃないとテンション上がらないので、vimとzshを使い始めてはじめにしたことが、画面のカスタマイズ。 iTerm2がいいらしいと教えてもらって、Powerl

普段業務で、レガシーブラウザ IE8対応のWebサービスを開発＆運用しています。 開発に関わっておよそ１年半ですが、 2014年11月現在 運用中のWebサービスで使っている IE8でも使えるCSSに関わるTIPSを、備忘録がてら記録しておこうと思います。 （IE7以下はサポートを切ってしまったので、先輩方の更なる苦労は存じ上げません。ごめんなさい。） 対応ブラウザ（動作確認環境） この記事の前提として、動作確認環境です。 IETesterで IE8, IE9, IE10 / Windows（IETesterとか信じられない方はすみません） IE11 / Windows Firefox（ほぼ最新） / Windows, Mac Google Chrome（ほぼ最新） / Windows, Mac Safari（ほぼ最新） / Mac IE以外をお使いの方はほぼアップデートかかる＆できるだろ

普段業務ではタスクランナーにGruntを使っているのですが、別件で簡単なアプリケーションを作ることになりました。 小さいプロジェクトにはGruntよりGulpがいいんじゃない？とか 今流行ってるし一回使ってみるかとか そういう気分で試してみたので、メモを兼ねて紹介します。 GruntとGulpの違い Grunt：「設定ファイル」に近い 箇条書きのようにつらつらと設定を書いていくため、タスクの流れを読みづらく、膨大になりやすいという欠点がある。（もちろんとても便利ですが） （今のプロジェクトではcoffeeで書いてるのに700行くらいあって泣いてる） Gulp：処理を「プロセス」として記述 あれをこうしてここに入れる、と処理が一連のプロセスになるので、読みやすい。 あとなんか速いらしい。（曖昧） 大体このくらいの認識です。 バージョンとか node: v0.10.29 下記をpackage.

フロントエンジニア歴２年目、未だにコマンドのインストールが苦手なエンジニアです。 サンプルアプリをRailsで作ろうとして、Bundlerをインストールするときに詰まったのでメモしておきます。 主にパスの通し方で悩んでいました。 Bundlerについて Gemfileに記載されたパッケージの種類・バージョンのものをインストールするための仕組み。 Gemパッケージ Rubyで使うライブラリやアプリケーションを、RubyGemというツールでインストールできるようにしたもの。 Gemfileに必要なGemとバージョンを記載しておく。npmとかBowerみたいなやつ。 ruby 2.x.x以上でデフォルトでgemコマンドが使えます。 動作確認環境 ruby 2.1.2 shellはzsh（詳しくはない） 1. Bundlerのインストール $ gem install bundler // Bund