ブレイクポイント毎に柔軟な調整ができる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 コンポーネント化して公開しました。 リポジトリは以下です。 wadackel/react-md-spinner https://github.com/wadackel/react-md-spinner デモ React MD Spinner - DEMO https://wadackel.github.io/react-md-spinner/...
SVGファイルをズバッとReact Componentsに変換する
Sketch なり Illustrator なりで作成した SVG のアイコン群を、React のコンポーネントとして扱いたくなりました。アイコンの数が少なければ、SVG のコードを手動で...
りだっくすさが(redux-saga)に入門する
Web アプリを構築したくて久し振りに React を触ってみると、前に少し触っていたのにすっかり忘れてしまっていました。圧倒的に記憶力が低いので、継続的に触...
sweet-scroll.jsの1.0.0をリリースした
去年の末に、jQuery 無しで動かせて、ES2015 フレンドリーな感じのスムーススクロール用ライブラリ、sweet-scroll.jsを公開...
Sassのmap操作をおさらいする+便利な関数をいくつか
Less や Stylus、Sass などの CSS プリプロセッサはもう手放せないツールの一つとなって久しい感じです。僕は業務内/プライベート問わず、スタイル...
JavaScriptで指定した色をある基準色に分類する
React を使って作成している Web アプリ内で、画像の色を自動的に取得後、用意しておいた幾つかの基準色(カラーパレット)に分類する必要がありました。 この...
SVGで犬のしっぽをフリフリする
スマホや Retina を始めとした高解像度ディスプレイへの対応の為、アイコンやロゴなどの画像を SVG で出す機会が増えていると思います。SVG では一つのリソー...
Gitの差分ファイルをZIPにまとめるCLIツールを作った
サービス開発や、サーバの権限を持ち Git との連携が出来る環境下では無縁の内容ですが、受注開発の場合は社内においてのソースコードは Git 管理、しかし納...
GitHubのWebhookをNode.jsで受け取る
このブログではテーマファイル、及び記事データを GitHub で管理し、$ git push した際のフックを仕込む事で VPS 上に自動デプロイされるような構成になっています。...
Hugoで新しくブログ作り直した
これまでWebDesign Dackelという WordPress で構築したブログをやっていましたが、幾つか理由があって新しくブログを始めることにしました。 前ブ...