React18対応をしました
2022/04/19手元の個人プロジェクトで React を v18 にしました。やったことをメモします。 対応ライブラリのバージョンアップ 手元で使っているだいたいのライブラリは18対応されていて、バージョンをあげるだけで問題なく動いた storybook は alpha…
Written by fourside
コンポーネントのテストを書きました
2022/04/15最近書いたコンポーネントのテストで、よかったこと気づいたことをメモしておきます。主に react testing library を使っていて、それが前提になっています。 testing library 用の eslint rule が便利 eslint-plugin…
Eslint Pluginを作りました
2022/03/28問題 下記のようなディレクトリ構成のプロジェクトがあったとします。 このプロジェクトでは、例えば は からのみ依存されているとします。JavaScript…
Next.js 12.1 x jest x vanilla-extract でハマったこと
2022/03/15TL;DR Next.jsのドキュメントをちゃんと読んで設定を書くこと。 は swc でビルドできるプロジェクト向け 構成 Next.js 12.1 jest React Testing Library vanilla-extract 起きたこと vanilla-extract…
Spotifyのプレイリストエディタを作りました
2022/03/10何を作ったか Spotifyのプレイリスト編集アプリ です。リポジトリはこれです。 SpotifyのDiscover weeklyを聞きつつ（Spotifyがrecommendしてくれる週替りのプレイリストです）、気になった曲をお気に入りに追加して聞き直すという楽しみ方を…
Server Side Renderingしてみました
2022/02/14やりたいこと 現在運用しているサーバがsinatra + hamlで構成されており、バージョンアップに追従できておらず、普段からrubyを触らなくなってしまったのもあり、機能追加も億劫になっていました。そこでどうせなら Node.js…
ghコマンドをupdateしたい
2022/01/26日頃から ghコマンド にお世話になっていまして、PR作ったり、ターミナルからリポジトリをブラウザで開くのに使ったりしているのですが、不意にバナーが出ることで新バージョンがリリースされたことを知ります。そうするとGitHubのcli/cliリポジトリのRelease…
「クラウド破産を回避するIaC実践ガイド」を読んでCDKで再実装しました
2020/11/05クラウド破産を回避するInfrastructure as Code実践ガイド - KOS-MOS - BOOTH 技術書典9で見つけました AWSアカウントをセキュアに使うために、それ用のAWSリソースをTerraform…
XML Parserの比較
2020/10/21radikoのxmlをjsonにパースしたくて、npmモジュールの比較をしてみました 前提 ランタイムは Node.js…
JSON から SQL を生成しました
2020/09/28fourside/sqlgen-cli なにをするやつ JSON から INSERT 文や DELETE 文を出力します なぜ作ったのか 元ネタは過去にやった案件で、簡単に書いたテストのヘルパーの焼き直し テスト用のデータの作成 たまたま MySQL だったので、bulk…
Redux Toolkitの感想
2020/09/25これです Redux Toolkit | Redux Toolkit なぜ使おうと思ったか この辺を読んで「入れてもいいかな」から「やってみよう」になった(なるべくデフォルトで作って余計なものを入れたくない気持ちが邪魔をしていた) TypeScriptでReact…
Intersection Observer API でサイドメニューの状態変化
2020/09/09作ったもの fourside/vanila_scroollspy intersection observable api モチベーション Intersection Observer API を使う処理の素振り サイドメニューの expand / collapse…
郵便番号検索APIを作った
2020/09/08fourside/postalcodesearch 元になるデータは zipcloud の加工済み csv ファイル を使った。ありがたく使わせてもらっています zipcloud でも WebAPI…
aws-cdk の aws-lambda-nodejs で puppeteer を動かす
2020/09/07作ったものはこれ fourside/meigaza 映画の情報をスクレイプして、 Slack や IFTTT 経由 でモバイル通知する Lambda Function aws-cdk で Lambda とその周辺の リソースを定義した aws-cdk AWS…
Gatsby + Contentful on GitHub Pages
2020/09/02fourside.github.io を jekyll で構築していたけど、gatsby に鞍替えした。モチベーションは gatsby を触ってみたかったというくらい。 やったこと なるべくシンプルにしたかったので、オフィシャルのスターターである gatsbyjs/gatsby…
作ったものの説明
2019/08/13今まで作ったものの説明をしてこなかったので簡単に説明しようと思います。 就職活動でGitHubのURLを乗せても、README…
Java Day Tokyo 2018
2018/05/17メールをプリントアウトして名刺と合わせて受付をするんだけど、メールに書いてある名前がメールアドレスのアカウントになっていて、名刺に載っている情報と全く一致せず、受付の人を困惑させてしまった。oracle…
自己紹介ブログ
2018/01/29職務経歴書に自己PR…
Jekyllのpostをvim scriptで作る
2017/12/31問題 Jekyllでpost用のファイルを作るのがめんどくさい。 ファイル名が 数字やハイフンなんて打ちにくいところにあるのに… お決まりのテンプレートを書かなくちゃいけない dateが特にめんどい こんなの 解決方法 vim pluginを探すと…
blog 環境
2017/12/31今までメモはローカルに溜めていて、マシンの買い替えなんかが起きるとめんどくさくて、そのせいでDropboxが必須になってしまっていたり、自宅でやったことを職場で確認したいだとかは基本的に困難なので、ブログとして公開することにした。 構成要素と理由 GitHub Pages…
radiko 録音環境
2017/12/30さくらVPSを借りてradikoの録音環境を用意していたんだけど、今年の4月くらいから録音ができなくなっていた。今更だけど確認してみると、 がOSAKAになってたので、東京の放送局が聴取できない状態だった。radikoの仕様変更じゃなかったので一安心。 まずaws…