Yak shaving logs


My life is just yak shaving.

良いCSSの設計を考えるために「Web製作者のためのCSS設計の教科書」を読んでみた

2017/07/13 #css #bem #oocss #smacss

基本的にフロントからバックエンドまで実装することが多いのですが、 バックエンドの方が得意ということもあってHTML, CSSなどは既存のコードを見て雰囲気でやっていました。 既存のCSSを見て使いにくいなあとかイケてなさそうだなあということが多々あり、 ちゃんとCSSの設計を勉強しようと思っていたところ先輩からこの本を貸していただいたので、 読んでみることにしました。

Read more

途中から参画したプロジェクトにrubocopを導入してみた

2017/07/13 #rubocop

途中から参画したプロジェクトにrubocopを導入しました。.rubocop.ymlのカスタマイズと既存のソースで引っかかるrubocopのチェックはいったん無視するようにして、導入のコストを下げつつ徐々にrubocopを入れていきました。また、他の開発者のストレスにならないように、他の方がよくわからないrubocopのチェックは私が巻き取ったり、各自のエディタにrubocopのプラグインを入れてまわるということも実施しました。

Read more

[macOS/Ubuntu] Railsでredisを導入すると ERR Client sent AUTH, but no password is set が出る場合の対応方法

2017/07/07 #rails #redis #ubuntu #macOS

Railsでredisを導入すると ERR Client sent AUTH, but no password is set が出る場合の対応方法について書きました。

Read more

6月の月報

2017/07/02 #プライベート

6月のひとり振り返りです。KPTをベースにして6月にやったこと、よかったこと、わるかったことを書きました。

Read more

webpack-dev-serverで起動したアプリをlocalhostではなく0.0.0.0で外部に公開する方法

2017/07/02 #webpac-dev-server

npm run dev --host 0.0.0.0でwebpackのdevサーバーを起動して、ブラウザでIP指定してもInvalid Host headerと表示されてしまい困ってしまいました。webpack-dev-serverのissueを漁っていると解決方法を見つけたのでまとめました。

Read more

macOSでIE環境を構築する

2017/07/01 #tips #macOS #ie #vagrant

IEはmacOSで利用できないためIEに依存した不具合があった場合、不具合確認ができないため不便です。今回はVagrantを利用してmacOSでもIEを使える環境を作るための手順をまとめました。

Read more

[小ネタ][Capistrano3 x Rails4] deploy.rbで設定し忘れそうなオプション

2017/07/01 #rails #capistrano #tips

rails5がすでにリリースされたものの、まだcapistrano3 x rails4 の組み合わせのアプリも多いと思います。設定しておいた方が良いcapistranoのオプションが設定されていないプロジェクトをちょこちょこ見かけるので、設定が漏れそうなオプションをまとめました。

Read more

GitHubのcommitを追いながらVue.jsでtodoアプリを作成してherokuにデプロイしてみる

2017/06/29 #vue.js #heroku

おもにバックエンド側を触ることが多いのですが、フロント側も覚えたいなと思い最近Vue.jsに入門しました。Vue.js公式のドキュメントは日本語訳されており公式のサンプルもいくつかあるのですが、 さあこれからVue.js始めよう!と思う初心者には環境構築を含めてちょっとハードルが高い気がしました。そこで今回は自分で...

Read more

GoogleAnalyticsのリアルタイムユーザーがある一定数を下回ったらSlackにアラートを飛ばしてみる

2017/06/27 #google-apps-script #google-analytics #slack

15分毎にGoogleAnalyticsのリアルタイムユーザーを取得して、 リアルタイムユーザーがある一定数を下回っていた場合にSlackに通知するGoogleAppsScriptを書いてみました。

Read more

webpackにfont-awesomeを読み込ませる

2017/06/23 #webpack #font-awesome #vue.js

font-awesomeを利用するために 1. npmモジュールは利用せずに実現する 2. vue-awesomeを利用する 3. font-awesome-webpackという選択肢の中でfont-awesome-webpackを使ってfont-awesomeを使えるようにした話を書きました。

Read more

categories


最新記事


tags