Google Optimize を使った Cacheable な A/B Testing 設計
はじめに 少し前に業務で実装した A/B Testing の実装について、チームメンバー用にドキュメントを書いたのですが、Optimize の導入を考えている社内外の...
reg-cli の Report UI をリニューアルした
はじめに reg-cli は Visual Regression Testing のためのツールです。この reg-cli は reg-suit で使われています。reg-cli および reg-suit については以下の記事を参照ください。 コンポーネント/...
Rust で書いた TD4 Emulator を WebAssembly で動かしてみた
はじめに 1 年くらい前に Monkey というインタープリタ言語を Rust で実装、WebAssembly で動かすということをやってみました。 Writing An Interpreter In Rust して、Was...
IntersectionObserver を扱う React Hooks を作った
はじめに 気になってはいたけど、特に触ることなく過ごしていた React Hooks なのですが、最近少しずつですが仕事でも趣味でも導入を始めました。 最近 Lazy Image 的な実...
Markdown Driven な scaffolding ツールを作った
はじめに タイトルにある通り、scaffdog という scaffolding のためのツールを作りました。Node.js で書いています。 scaffdog https://github.com/cats-oss/scaffdog スカーフを巻いた犬がロゴ&...
2018年の振り返りと反省、2019年への抱負
今年も 1 年を振り返ってみます。 去年の振り返り: 2017 年の振り返りと反省、2018 年への抱負 2018 年の振り返り 今年 1 年を通して沢山の初体験がありました...
ブログのダークモード対応とその他リファクタリングなど
はじめに 以下 @Jxck_ さんの記事に触発されて、このブログのデザインをダークモードに対応してみました。 prefers-color-scheme を用いた Dark Mode 対応と User Preference Media Features | blog.jxck.io また、機能追加の...
Writing An Interpreter In Rust して、Wasm で動かしてみた
はじめに 最近 Rust に興味が湧いて少しずつ触ってみています。学習用に何かガッツリと取り組める題材が欲しいなぁと思い、Writing An Interpreter In Go という本...
サイバーエージェントに入社して半年経つ
去年の振り返りを書いた記事でサイバーエージェントに入社することを書きました。そこから実際に働き始めてもう少しで半年経ちます。 そんなタイミング...
Go製のCHANGELOGジェネレータを作った
はじめに タイトルにある通り、git-chglog という Go 製の CHANGELOG ジェネレータを作りました。 git-chglog/git-chglog https://github.com/git-chglog/git-chglog Git を使用したコミットとタグからなる情報を元に CHANGELOG を...
Storybookとreg-suitで気軽にはじめるVisual Regression Testing
約半年前に「Puppeteer を使った Storybook の自動スクリーンショット撮影用のアドオンを作った」という記事を書きました。この時 storybook-chrome-screenshot というアドオンを作...
2017 年の振り返りと反省、2018 年への抱負
年末の大掃除も落ち着いて、夜まで少し時間あるのでここ一年の振り返りをしてみました。 転職 自分の中で今年一番の出来事は転職でした。8 月に退職が決...
PrevimのMarkdownプレビューをGitHubっぽい見た目に変更した
はじめに 普段 Markdown に限らず、文書やコードを書く時、ほとんどの場合 Vim を使っています。Markdown はそのままの書式で十分に見やすいと感じますが、...
Puppeteerを使ったStorybookの自動スクリーンショット撮影用のアドオンを作った
先日、Storybook のストーリーを、Puppeteer を使って自動でスクリーンショットを撮影する Addon を作りました。まだ React のサポートのみだっ...
ブラウザ上でSVGをJSXに変換するWebアプリを作った
以前に CLI で SVG を React Components へ変換する方法 を記事に書きました。数が多いものなら一気に変換したいのですが、ちょっとしたデモサイトのロゴや、少量のアイコン...
もうReactのフォームで消耗したくないので、HoCベースのフォームライブラリを作った
2017 年。React のフォームに消耗しました。 いくつか良さそうなフォームライブラリはありますが、個人的に満足のいくものが無かったので、とあるプロ...
ブレイクポイント毎に柔軟な調整ができるFlexboxベースのCSSグリッドシステムを作った
「ブレイクポイント毎にカラム間の余白を変えられるグリッドシステムってなかなか無いな」と思いたち、lime-grid.css という Flexbox ベースの CSS...
Goの勉強を兼ねてGitHubのPull RequestをCheckoutするCLIツールを作った
最近、年度末の忙しさにかまけてインプット+アウトプットが殆ど出来ていませんでした。 リハビリがてら、書きたいと思いつつ中々書く機会が無かった Go...
SlackとVimとメモ管理と私
この記事は Vim (その 2) Advent Calendar 2016 の 9 日目の記事です。 Vim に関する記事 + Advent Calendar 初投稿です。よろしくお願いします。 昨年末、仕事が凄く詰まっている時期に突然...
create-react-appを使ってReactコンポーネントの素振り、GitHub Pagesへのデプロイまで
今年の 7 月にcreate-react-appがリリースされ、僕の観測範囲内ではかなり話題となりました。 昨晩、React コンポーネントの素振り...