BLOG
ホロライブのライブ配信一覧を取得するサービスを作りました
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…
改めて考えるコンポーネントパターン
2020-07-31
フロントエンド開発において何故か軽視されがちなのが、コンポーネントの切り方です。 コンポーネントって、個人的には脳死状態でも正しく切れるようにしておくべきだと思っていて、それくらいルールの整備が重要だと思っています。 今回は…
10 modern layouts in 1 line of CSS がすごい
2020-07-31
今月 Google の YouTube チャンネルで公開された動画ですが、とても勉強になりました。 自分が知らなかったやつ、詳しくなかったやつを書き出すと、 #01 place-items: center; #02 flex: 1 1…
use-http 使ってみた
2020-07-31
最近ブログを書くモチベーションがめちゃくちゃ高いです、たまーにそういう時期が来るんですよね。 記事に書いたとおり、さっそくこのサイトのコンタクトフォームを axios から use-http に替えてみました。 axios…
React Developer 2020 が公開されている件
2020-07-31
いつから公開されていたのか知らなかったのですが、公開されていました。 React Developer Frontend Developer に引き続き、全体的にほぼ文句ないです。 95 点くらいです！素晴らしいです！…
npm パッケージの追加は最低限が良いのでは
2020-07-30
現場でフロントエンド開発をしていると思うのですが、ちょっと安易に npm パッケージを追加しすぎじゃないかなぁと。 というのも、npm パッケージって最低限で良いと思っています。 特に感じるのが lodash…