BLOG
ホロライフ！モバイルに対応しました
2020-09-07
遅ればせながら ホロライフ！ のモバイル対応を行いました。 ちょっとデザインが甘いのと、パフォーマンスがアレなので暇なときに直していこうと思っています。 PWA にも対応しているので、スマホのホーム画面に追加可能です。 新しい…
husky v4 が正常に動かないっぽいです
2020-09-06
commitlint などの linter を導入する際に husky はよく噛ませると思うのですが。 husky の v4 だときちんと動かないっぽいです、自分の環境でも husky が正常に動作していないことが確認できました。 この…
GitHub で merge したブランチを自動で削除する方法
2020-09-01
Delete merged branch 上記の App を入れると自動的に削除してくれるようになります。 merge したブランチをリモートに残す理由もないですし、必須かなーと。 オマケ 他に導入している App を紹介をば。…
ネックスピーカーを比べてみた
2020-08-28
といっても、3 つしか持っていないのであんまりあてにはならないと思いますが。 今からネックスピーカーでどれを買おうか悩む人なんてそうそういないとは思いますが、自分はこういう変てこなガジェットが大好きなので…。…
キーボードアーム自作した
2020-08-24
今自分が使っているイスが これ なんですが。 これのワインレッド版を使っています。 レビューでは結構ボロクソ書かれてますが、自分が使っている分にはめちゃめちゃ快適でして。…
ホロライブのライブ配信一覧を取得するサービスを作りました
2020-08-20
ホロライフ！ チャンネル登録するほどでもないけれど、たまーに配信を見たいときがあるので作ってみました。 Windows の Edge・Firefox・Chrome で正常動作を確認しています。 スマホは未対応です、そもそも YouTube…
母方の祖父が亡くなりまして
2020-08-15
3 日前に突然実家から連絡がありまして、母方の祖父が亡くなったとのことでした。 死因は老衰ということで、今どき珍しいですよね。 色々と些細な事情があって、高校卒業からはほとんど話せなかった祖父だったりします。…
React Select の類似パッケージ
2020-08-11
普段からちょくちょく使用している React Select ですが。 ちょっと融通が利かない部分があるのと、デバッグが難しく、もうちょっと他にないのかなーと探してみました。 React Select スターは 20.7k…
成果報酬型の開発フロー
2020-08-10
とある現場でお誘いをいただき、フロントエンド開発に関する勉強会を行わせて頂きました。 小規模な勉強会でしたが、初登壇ということで、気合を入れてやってきました！ みんな熱心に話を聞いてくれて、とても楽しかったです。 今日も現場の話ですが。…
フロントエンド開発３カ条
2020-08-10
フロントエンド開発を行うにあたって、自分なりの３カ条があるので書いていこうと思います。 シンプル・イズ・ベスト 長いものには巻かれろ 楽をする 1 つずつ解説をば。 シンプル・イズ・ベスト…
この半年間で Amazon で買ったよかったもの
2020-08-07
適当にレビューしているアフィブログよりはあてになると思います。 以下アフィリンクになります。 イーサプライ モニターアーム 置き型 1 画面 27 インチまで 耐荷重 6kg 高さ変更 360 度回転 上下左右可動 ブラック…
素の Redux の型の対応状況を確認してみた
2020-08-06
Redux と TypeScript の組み合わせで開発を行う際は、いつも TypeScript FSA を使用している自分ですが。 今回は素の Redux でどこまで型が補完されるのか、確認してみました。…
React を 4 年間使ってきた所感
2020-08-04
恒例のシリーズとなってきました、定期的に書きたくなるんですよね。 過去のやつも一応リンクをば。 React を 3 年間使ってきた所感 React を 2 年間使ってきた所感 React に対する感じ方は「React を 3…
Next.js で window にアクセスする方法
2020-08-04
SSR 環境下で最初につまずくことと言えば、やはり window オブジェクトへのアクセスなのかなーと思います。 Create React App…
@commitlint/config-conventional と @commitlint/config-angular を比べてみた
2020-08-04
くっそマニアックな話で申し訳ないのですが、気になっていたので調べてみます。 前提 そもそも commitlint とは npm パッケージのことです。 これを導入すると conventional commit format…
Create React App が server rendering に(一部)対応している件について
2020-08-02
あくまで一部ですが、いつの間にか対応されていました。 server side rendering (以下 ssr)が必要なケースについては、このブログでも何度か書いてきましたが、改めて書き出すと以下の 2 つに絞られると思っています。…
なぜ Atomic Design の導入がうまくいかないのか、たった 1 つの理由
2020-08-02
Atomic Design を導入しようとしている現場は決して少なくない印象を受けます。 が、その一方で、Atomic Design を効果的に導入できている現場は決して多くない印象です。 なぜ Atomic Design…
9 月から働ける現場を探しています
2020-08-01
7 月から働き始めた現場でしたが、実は正社員ではなく契約社員での雇用だったみたいです。 2 ヶ月間の契約でしたので、9 月から無職です、ピンチです。 以前ブログに書きましたが、8…
pretty-quick で修正したファイルだけ Prettier をかける
2020-08-01
vscode でフロントエンド開発をしていれば、大概 Prettier が勝手に走っていると思いますが。 たまーに違うエディタを使う人がいたりして、Prettier でフォーマットをかけずに PR を上げちゃう人がいたりします。…
TypeScript の Record の使い方
2020-08-01
TypeScript の Handbook には以下の Utility Types が書かれています。 Partial Readonly Record Pick Omit Exclude Extract NonNullable…