Clik here to view.
まっさらなMacを手にして最初にやる設定（システム環境設定編）
毎回OSがメジャーアップデートするたびにクリーンインストールしているのですが、その時に面倒なのが設定までリセットされてしまうこと。毎回同じ設定にしているのだけど、微妙に忘れたりすることもありますよね。人間だもの。そんな時は都度調べてるわけなのですが、それもそれで面倒だし手間なので毎回必ずやってる設定をメモっておくことにしました。まずはシステム環境設定など。一般「サイドバーのアイコンサイズ」を小にする...
View ArticleClik here to view.
まっさらなMacを手にして最初にやる設定（Finder編）
Macを快適に使うためのオレオレ設定メモFinder編。Finderの設定は直接Macの使い勝手にも関わってくるので最初にしっかりとやっておきたいですよね。Finderを制するものはMacを制す。Finder >...
View ArticleClik here to view.
Node.jsのバージョン管理ツール、nvmをhomebrewでmacにインストールする方法
Webの開発をやっていると何かと触れる機会の多いNode.jsですが、バージョン違いによってパッケージが正常に動作しないなんてことがよくあります。そんな問題を解決してくれるのがバージョン管理ツール。これを導入すると複数のバージョンの切り替えてNode.jsを使うことができるのです。nvmをインストールする方法はいくつかあるのですが、MacならHomebrewを使うのが簡単だと思うので今回はそのやり方...
View ArticlemacOS Sierraでssh接続すると毎回パスワードをきかれる問題の解決方法
macOS Sierraをクリーンインストールして一から色々と設定をしている中で、ssh接続が以前のようにできなくなるというトラブルに見舞われました。症状としては~/.ssh/configや秘密鍵のファイルはちゃんと存在していてパーミッションも間違ってないのに、ターミナルでssh接続を試みると「Enter passphrase for key ‘【秘密鍵のパス】’:...
View ArticleBabelでES6を書く環境を作る（gulp不使用）
Qiitaで読んだこちらの記事に触発されてES6を本格的に使っていくことにしました。以前から勉強だけはしていて、趣味での開発ではたまに使っていたのですが、2017年になったしそろそろ仕事でも導入していって良い時期なのかなと思いまして。今年の4月でIE10までのサポートも切れますしね。とりあえずBabelを使ってES6で書いたコードを一般的なJavaScriptに変換（トランスパイル）する環境を作った...
View ArticleClik here to view.
まっさらなMacを手にして最初にインストールしたアプリたち
macOS Sierraのクリーンインストール後、すぐにインストールしたアプリたち。これがないと日々の仕事、生活が成り立たない、逆にいえばこれさえあればとりあえずなんとかなるっていうラインナップ（2017/01/15執筆時点）。ブラウザGoogle Chromeメインで使うブラウザ。なんだかんだ一番使いやすいと思います。Google Chrome...
View ArticleAtomにインストールしているパッケージたち（フロントエンド用）
Web制作のお仕事に欠かせないものをといえばテキストエディタですね。SublimeText、Visual Studio...
View ArticleClik here to view.
Atomエディタの設定変更メモ
前回はAtomにインストールしているパッケージを紹介しました。パッケージによるカスタマイズもインパクト大きいのですが、エディタ本体の設定変更も使いやすい環境を作る上では地味に大事。というわけで今回はAtom本体の設定をメモ。設定変更のやり方Atomを起動。メニューバーのAtom> Preferences…をクリックするとSettings画面が開きます。ここで設定を変更していきましょう。Core...
View ArticleClik here to view.
Google Chrome Developer Toolsをダークテーマ（黒背景）にする
Web開発のデバッグに欠かせない存在といえばGoogle Chromeのデベロッパーツール。日常的に使っている人も多いと思いますが、実はこいつにダークテーマが用意されているって知っていましたか？...
View ArticleClik here to view.
AtomのEmmetで展開されるHTMLテンプレートのlangをenからjaに変更したい
Atomでhtmlとcssを書くときはEmmetに頼りきってます。普通に書くよりも圧倒的に早いですよね。すごく便利なEmmetですが一つ不満があります。それはHTMLファイルで!を展開した時に<html...
View ArticleClik here to view.
餃子ランチ at 焼き餃子つちだ丸八（青葉区） #仙台ランチ
少し前に会社の近くにオープンした餃子専門店、焼き餃子つちだでランチ。お店自体は数ヶ月前にオープンしていたのですが、当初は夜営業のみだったので中々行けず。。今日ぶらっと見たらランチやってたので突撃してきました。ハンバーグのプロが作る餃子このお店はハンバーグ専門店「HACHI（ハチ）」の姉妹店らしいです。ハチといえば、いつぞやハンバーグをのせたナポリタンが日本一に輝いたことでも話題になりましたね。ハンバ...
View ArticleMacでスクリーンショットを撮った時にできる影（ふち）をなくす方法
Macで特定のウインドウのスクリーンショットを撮る（Command + Shift + 4→ Space）とデフォルトではウインドウに影（を含む透明のふち）が付いています。これが邪魔なのでなくしたい、という時には次の手順を実行します。コマンドで設定変更やることは簡単。ターミナルを起動して下記の2つのコマンドを続けて実行するだけでOK。$ defaults write...
View ArticleClik here to view.
AUKEYのワイヤレスヘッドセットを買ってみた
必要に迫られてドットインストールでPHPを勉強しております。PCにイヤホンをつないで、動画を視聴しながらエディタを開いているのですが、キーをペチペチ叩いてる時にイヤホンのコードが手に触れたり絡まったりするんですよね。これがもう邪魔で邪魔で仕方ない。激しく集中力を乱されるよなと思ったので、こちらのブログで紹介されていたワイヤレスヘッドセットを衝動買いしました。本当はちゃんとしたワイヤレスのヘッドフォン...
View ArticleClik here to view.
Slackのチャンネル名を変更する方法
最近Slackをよく使うようになってきました。いろいろなサービスと連携したりbotを使ったり、何かと拡張性が高いSlackさんですが、いまいち使い方が分かりにくかったりもします。先日もチャンネル名を変更しようとしたら分かりにくかったので、やり方メモっておきます。（※2017/02/08執筆時点）以下、Macアプリからの操作方法です。まずは名称を変更したいチャンネルを表示してチャンネル名の右上にある歯...
View ArticleClik here to view.
ローストビーフランチ at ぼんてん漁港 #仙台ランチ
仙台の街中は雪が凍ってツルッツル、足元あんまりよろしくないので近場ランチにしよう。てことで会社近くのぼんてん漁港に行ってきました。注文したのはローストビーフランチ（プレート？）だったかな。名前がうろ覚えだけどとにかくローストビーフのやつです。でっかいでプレートに乗っかってドドンとやってきました。ローストビーフ、ご飯、サラダ、お味噌汁がセットになってます。ローストビーフはオニオンソースにつけていただく...
View Article