はてなブックマーク

巷を賑わせている id:a-know さんの Pixela を使って、1週間ほど前から飲酒のログをつけ始めた。 pixe.la このブログのサイドバーにあるグラフがそれ。グラフのパディングが厚かったので↓のようにネガティブマージンをつけて描画位置を少し左に寄せている。 <img src="https://pixe.la/v1/users/ravelll/graphs/drank?mode=short" alt="飲酒ログのグラフ" style="margin-left:-20px"> 目的は飲酒生活の改善ではなく後から振り返ってぼんやり楽しめるようにすることなので、ざっくりと1杯を1単位として記録している。飲んでいるものがビールなのか日本酒なのかワインなのか、また1杯が1パイントなのかハーフパイントなのかも考慮していない。 今は家の Mac から素朴に curl を叩いて更新しているけど、

会社で担当してる Vue.js のプロダクトの webpack のバージョンを 3.8.1 から 4.8.3 に上げた。 どこか1つのドキュメントやエントリを見ただけで完了するものでもなかったので、手順をまとめてみる。誰かの助けになったら嬉しいですね！ 手順 package.json の "webpack" を含むパッケージのバージョンを上げる 各環境の webpack の設定に mode プロパティを追加 webpack-cli を devDependencies に追加 UglifyJsPlugin の設定を消し optimization プロパティの minimize を設定 *-loader パッケージのバージョンを上げる VueLoaderPlugin を plugins プロパティに追加 .vue と .scss の loader 設定を分離する 各項目の詳細を書いていきます。

エディタの左上にリアルタイムに顔を表示する - hitode909の日記 を見て僕は主にVimを使っているのでさっとエディター上にリアルタイムに顔を出すのは難しそうだな〜と思ったのだけど、Slackクライアントだったらシュッと出せるんではとやってみたら出せた。 Macユーザーの人は以下のコードを /Applications/Slack.app/Contents/Resources/app.asar.unpacked/src/static/ssb-interop.js に追加してクライアントを再起動すると出せる。多分クライアントをバージョンアップすると消えるので注意。 navigator.mediaDevices.getUserMedia({audio: false, video: true}).then((stream) => { const video = document.create

3行まとめ GMO ペパボ株式会社を退職します 来年よりさくらインターネット株式会社に所属する予定です 主たる開発領域がバックエンドからフロントエンドになります もう少し丁寧に + 謝辞 在籍している GMO ペパボ株式会社を 2017/12/31 を以って退職することになり、12/8 に最終出勤を終えました。新卒三期生として入社（当時は株式会社 paperboy&co. という社名でした）し、4年半ほど在籍していました。 入社して研修を終えてからは最終出社日まで EC サービスのチームに所属し、新規機能を作ったり既存機能を改善したりテクニカルサポートをやったり、特にここ1年くらいは12歳を超えた大規模サービスの PHP のバージョンアップに尽力していました。また、新卒・新入エンジニアのメンタリングやアルバイト、インターン生、OJT の全般的なサポートも何度か担当させてもらいました。 入社

数日前に homebrew で install できる tmux のバージョンが 2.4 になった。 https://github.com/Homebrew/homebrew-core/commit/04c280961f568c8fcd25aa35d58834e016ccbd64 tmux 2.4 では幾つかのコマンドが廃止された。特に vi-copy, emacs-copy の廃止は多くのユーザに影響があったんじゃないだろか。僕にもあった。 tmux のコピーモードが使えないのは QoL に小さくない影響があるので Changelog 見つつピッと tmux.conf を修正した。 直した点は vi-copy を copy-mode-vi を使うようにしたのと、copy-pipe を copy-pipe-and-cancel にしたくらい。 https://github.com/rave

去年末、社員旅行での抽選会で純金が当たった。 社員旅行の抽選会で純金当たった…— 谷口 (@ravelll) 2016年12月27日 これが金です。 https://t.co/mivJigz8LO— 谷口 (@ravelll) 2016年12月28日 まだしばらく売る気はないのだけど、ひとまず金相場が見たい、ということで Mackerel で監視することにした。 稼働環境は Amazon EC2（Amazon Linux）です。 手順 まずは mackerel-agent をインストール。APIKEY は各自のものに読み換えてください。 $ curl -fsSL https://mackerel.io/file/script/amznlinux/setup-all-yum.sh | MACKEREL_APIKEY='yourmackerelapikey' sh 次に監視するパラメータを取得

ウェブ接客プラットフォーム Karte を運営する株式会社プレイドさんと合同で行われた勉強会 "【ペパボ×プレイド】Tech Meetup 〜自動テスト・CI編〜" にてトークしてきました。 プレイドさんのテックブログにも開催エントリが公開されています。 tech.plaid.co.jp 今回は自動テストと CI がテーマということで、ペパボの CI 環境におけるプロダクトの変遷や drone.io を使った現在の構成、開発現場での利用事例について話しました。 speakerdeck.com 自身のトークについて書くと、今回のトークは20分の枠で、実は過去最長の枠だった（それまで過去最長は YAPC::Hachioji と修論発表の15分）。加えてペパボで drone.io が運用され始めた頃は休職していて導入フェーズの事情をあまり知らなかったり、drone.io の構造や仕様にも明るくな

git リポジトリの特定のタグバージョンへのチェックアウト方法を良く忘れるので peco でバッとやる関数を書いた。 function peco_git_tags () { local selected_tag="$(git tag -l | peco)" if [ -n "$selected_tag" ]; then BUFFER="git checkout refs/tags/${selected_tag}" zle accept-line fi } 昔のバージョンのコードが読みたくなってもさっとやれて便利。 ちなみに自身はターミナル上で ctrl + j -> t で呼び出せるようにしています。 詳しい方法は dotfile のリポジトリを参照。 github.com

業務で触っているサービスにはUTF-8でないファイルが山ほどあります。 そういったファイルをナチュラルに開きグリッチされた日本語を見ては日々IQを下げていました。 そんな折、Vim の fileencodings を複数設定すると良いことを知りました。 vimの文字コード自動認識 http://www.tooyama.org/vim-2.html 早速上記エントリに倣って設定したところ正常に日本語が表示されるように。 " encoding set fileencodings=iso-2022-jp,cp932,sjis,euc-jp,utf-8 よかったですね。学びですね。 追記 上記の設定だと UTF-8 が最も優先度が低いため問題があった。 取り急ぎ、優先度を逆に設定した。 " encoding set fileencodings=utf-8,euc-jp,sjis,cp932,iso

とある puppet リポジトリで vagrant マシンに向けて Serverspec のテストを実行したところ、すべてがFになった。 どうやら vagrant のプラグインがコンフリクトしていて、bundler のバージョンもサポート外の様子。 $ bundle exec rake spec Vagrant experienced a version conflict with some installed plugins! This usually happens if you recently upgraded Vagrant. As part of the upgrade process, some existing plugins are no longer compatible with this version of Vagrant. The recommended way

会社で自分のデスクにいるときは有線 LAN を繋いでいて、Wi-Fi 設定はトラフィックを減らすべく off にしてる。 けど毎日席を立つごとにメニューバーにある無線アイコンをクリックして設定を変えることに疲弊し、Alfred からぺぺッと切り替えたい気持ちになった。 調べてみると networksetup コマンドで切り替えられるようだったのでそれを使ってシンプルに切り替えられる Alfred Workflow を作った。 github.com wifi off で無線設定が off にできて爽やか。 Packal にも登録したので家族みんなで毎日使ってください。 reference Managing WIFI connections using the Mac OSX... http://blog.mattcrampton.com/post/64144666914/managing-w

Chrome を vim のように操作したいという欲求があって、しばらく前まで Vrome を使っていた。 Vrome はキーバインドの設定が柔軟に記述できたり、Web 上にある設定ファイルを読み込めたりできて便利だったんだけど、ビジュアルモードがなかったり、ヒントモードが日本語入力で使えないのが地味にストレス溜まってつらかった。 それらの問題を解消したのが Hometype だった。 Hometype は作者が日本人（というか社内で活躍されていた @Balloonbros の方々）ということもあり、日本語入力のままでも問題なくヒントモードが使える。 ビジュアルモードも快適で、ページ内の文章コピーがマウスなしでストレスなくできる。 コマンドモードの <C-p>, <C-n> （タブが切り替え）が何故かインサートモードでも動作してしまっていて、 公開されてからしばらくはキーバインドの無効化も

弊社には先輩エンジニアが新卒エンジニアに好き勝手に座学をする習わしがある。 Git の話 by @kenchan 余暇プログラミング概論 by @morygonzalez コードレビューの話 by @hisaichi5518 素晴らしい話を色々な方がしている中恐縮だったのですが、Vim とかについて話してきました。 何を目的としたか 日常の業務の効率を少しでも、すぐに上げる 業務遂行に使う物を継続的に改善する意識を作る 頑張る必要がないところで頑張らないようにする 最初は Vim の話をひたすら話そうかと思ったのですが、新卒エンジニアは2人ともターミナルを多用するようになったのは入社してからで、Vim を使い始めたのはつい最近。 その中でレジスタとかの話をして貢献になるとは思えなかったので、プログラムを構築するまでに使う各種ツールについて広く浅く話すことにした。 （と言うのは半分後付

Active Admin is a Ruby on Rails plugin that provides administration web page. Our development team uses it for our service. Few days ago, we bring in bullet gem, then we found N+1 query problems in some administration index pages. I searched the way, therefore we could prevent it in following way. (In following codes, the product model belongs to the user model and the brand model) ActiveAdmin.reg

新人エンジニアとの読書会でシグナルの話が出た時に色々知識が曖昧なことに気づいたので読んだ。(Spyglass についてはまだ触っていない) 社内の別の読書会にこれの原著を読むものがあったんだけど、 当時 Ruby や UNIX について知識がなさ過ぎたり英語読むのに少しつらみがあったり そもそも途中から参加していなかった。覚えていたのはゾンビプロセスの語感と内容が重要そうだったってことくらい。 今回は英語学習より内容の速習を求めたので、翻訳版を読むことにした。 以下は読書感想文です。 プロセス、カーネル、システムコール この本はプロセスとそれを取り巻く技術についてそれぞれかなり基礎的なことから書かれており、UNIX について然程知識がなくとも問題なく理解し読み進められる。 自身ではプロセスは親子関係やPIDについて知っている程度で、5章のファイルディスクリプタや 10章の終了コード、11章