技術的負債を抱えながら突っ走る -日々15分の改善活動-

技術的負債 Engineering

開発しているシステムが大規模かつ老朽化しかけていることもあり、最近は負債の返却を念頭に置いて普段の開発をしている。前提として、個人的には負債を返す頻度は多いほど良い*1と考えている。この立場に立つときに生まれる問い、「では、日々の開発のス…

2018-04-05

package.json の dependencies を JavaScript のコード内で参照する

JavaScript

package.json に書かれた、依存しているライブラリの名前 (dependencies) を JavaScript のコード内で参照するやり方。 import pkg from './package.json'; const dependencies = Object.keys(pkg.dependencies) const devDependencies = Object.keys(pkg.de…

2018-04-01

brew cleanup でディスクの空き容量を増やす

brew

brew は古くなった formula を自動的に消してくれないので、使い続けるほどにインストールしたパッケージが積もってディスクを圧迫する。 FAQ — Homebrew Documentation に書いてある brew cleanup を試したら 4GB ほどの空き領域を得られた。 How to use br…

2018-03-27

スプレッド構文と Object.assign の違い

JavaScript

JavaScript の Object の spread operator (スプレッド構文) と Object.assign の違いを調べてわかった気になるが何度も忘れるので整理結論実質ほぼ同じことが実現できるが互換性の問題があるので Babel や TypeScript でトランスパイルするなら spread op…

2018-03-27

React で SVG を描画するための use タグでは xlinkHref を使う

React

React で use tag 使うときの躓き結論 sprite - SVG use tag and ReactJS - Stack Overflow にある通り xlinkHref を使うとよい。 <svg> <use xlinkHref="#my-logo" /> </svg> 古いバージョンでは dangerouslySetInnerHTML を使うしか回避策が無かったようだが、今ではこの方法は避けたほうが良い。…

2018-03-17

JavaScript が動作する Capybara の feature spec でブラウザのコンソールを確認する

React Capybara Ruby Selenium RSpec JavaScript

結論 page.driver.browser.manage.logs.get(:browser) 調べた経緯フォームの text input に対する fill が働かないのでどうしたかと思い、Selenium で操作中のブラウザをのぞいてみると React の component が一切 render されていなかった。どこかで Java…

2018-03-11

休日の成果を手放しに称賛しない

土日祝日などの勤務時間外にがんばって出した成果を「やっていき」「圧倒的当事者意識」などと手放しに称賛しない方が良いと思っている。「いやー土日にがんばるなんてスゴイっすね〜〜〜」と褒められて気分良くなったりするんだけど往々にしてそもそも実現…

2018-03-10

PhantomJS + Poltergeist を Selenium + Headless Chrome で置き換える (2) Teaspoon による JavaScript test 編

PhantomJS + Poltergeist を Selenium + Headless Chrome で置き換える (1) Rails + Capybara による feature spec 編 - valid,invalid の続き。 teaspoon.env の変更内容について Capybara + Selenium + headless Chrome の設定例はググると結構出てくるも…

2018-03-10

PhantomJS + Poltergeist を Selenium + Headless Chrome で置き換える (1) Rails + Capybara による feature spec 編

レガシーに半身浴しているような、ふだんなかなか触らないけれど現役のレポジトリに潜んでいた亡霊を退治!!! Poltergeist + PhantomJS を消し去り、 Selenium + Headless Chromium に置き換えた。このレポジトリは Rails による API バックエンドと SPA フ…

2018-03-03

Chrome Music Lab の Song Maker で遊ぶ

Chrome Music Lab 触るだけでめちゃ面白いし、成果物をかんたんにシェアできる仕組みも web って感じで最高ゲーム音楽っぽいの作ってみた森 https://goo.gl/EE7HFH 村 https://goo.gl/R4NHHL 洞窟 https://goo.gl/CpWJNk

2018-02-25

Bootstrap3 要素の順番をレスポンシブに入れ替える

Bootstrap3 のグリッドシステムでは pull / push という要素を押し込む/引っ張るためのクラスが使える。これを使うことでレスポンシブに要素の順番を入れ替えることができる。押し込む/引っ張ると言ってもわかりづらいので実例を見たい。要素を入れ替える…

2018-02-25

TreasureData (Presto) で複数行をまとめて1行に集約

SQL Presto TreasureData

Oracle の LISTAGG, MySQL の GROUP_CONCAT みたいなことを TreasureData (Presto) でやりたい。答え array_join と array_agg を組み合わせることで実現できる。 6.15. Array Functions and Operators — Presto 0.195 Documentation 例 employee : departm…

2018-01-22

YAMLのAnchorとAliasを使ってconfigをDRYに書く

YAML CircleCI

あらすじふだん無意識に読み飛ばしているが使おうと思ったときに出てこなかった YAML の anchor と alias を使うと色々 DRY に書ける DRYに書いた Anchor/Alias YAML では &name (Anchor) で名前をつけて *name (Alias) で参照することができる*1。 Example…

2018-01-21

社員は「会社のために」「いつまでも」働くという欺瞞を葬る本『ALLIANCE 人と企業が信頼で結ばれる新しい雇用』

読書感想文

同僚から「"退職"に関する本ですよ…（暗黒微笑）」とスッと渡された本、『ALLIANCE 人と企業が信頼で結ばれる新しい雇用』を読んだ。ＡＬＬＩＡＮＣＥアライアンス作者: リード・ホフマン,ベン・カスノーカ,クリス・イェ出版社/メーカー: ダイヤモンド社発…

2018-01-15

Bower は deprecated なので Yarn へ移行した

JavaScript Bower Yarn

一度もまともに使ったことなかったけど bower って死んでたんだね…。正確にいうと "maintained, but deprecated" か。 github.com snyk.io 自分には関係ない話かと思っていた…が、普段まったく触らないがひっそりと稼働を続けるレポジトリに2014年来の bower…

2018-01-14

OSSに貢献してお金を得る

OSS cryptocurrency GitHub

OSSに貢献して￥6,000ぐらい貰えたのでその話をする。OSSがお金になった話 · Dとはちょっと違う。 contribution に対する tip として 0.00357757 BTC (≒ ￥6,000) 貰った— 広島の粗大ゴミ (@ohbarye) 2018年1月14日 tip4commit Tip4Commit — Kontribusi ke O…