ブログのダークモード対応とその他リファクタリングなど
はじめに 以下 @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 コンポーネントの素振り...
PinterestなレイアウトのためのReactコンポーネントを作った
ここ最近はずっと、前の記事で書いた Web サービスをコツコツ作り進めています。その中で、よくある Pinterest っぽいレイアウトを使いたかったのですが、既存の React...
wip: 個人開発でやる気枯渇を防ぐために気をつけてること、やってること
現在趣味で Web サービスを作っています。今年の 4 月末くらいから準備をし始めていたので、かれこれ 4 ヶ月くらい開発を進めています。一人きりの開発+完...
24歳になったので抱負とか
今日で 24 歳になりました。20 歳過ぎたら時間が早くなるっていうのは聞いてましたが、なるほどこれは早い。という感じです。 今年は本厄で特にお祓いと...
enzyme+mocha+power-assertでReactコンポーネントのフルレンダリングテスト
公開されている React コンポーネントのテストコードを見てみると、enzymeを使ってテストしているものを結構見かけます。enzyme はReact 公...
Reactで使えるMaterial DesignのSpinnerコンポーネントを作った
Google の提唱するMaterial Designチックな Spinner を、React コンポーネント化して公開しました。 リポジトリは以下です。 tsuyoshiwada/react-md-spinner https://github.com/tsuyoshiwada/react-md-spinner デモ React MD Spinner - DEMO https://tsuyoshiwada.github.io/react-md-spinner/...
SVGファイルをズバッとReact Componentsに変換する
Sketch なり Illustrator なりで作成した SVG のアイコン群を、React のコンポーネントとして扱いたくなりました。アイコンの数が少なければ、SVG のコードを手動で...