永遠にWIP

2022年の振り返りと2023年に向けて

2022 2021年の末で就職活動を終わらせていたので、2022年はひたすら内定先でアルバイトをしていた。 週4でアルバイトしていたので週4働いて週1で学校に行くという生活を繰り返していたらいつの間にか年が終わっていた。 学校 なん...
生活

monorepoでnull-ls.nvimをいい感じにしたい

はじめに 私はnull-ls.nvim(以後null-ls)を使ってformatやlintをしています。 例えば、普段開発しているプロジェクトではPrettierとESLintを使ってlintやformatをしています。 問題 上記...
nvim

atc ~ AtCoder Command Line Tool ~

この記事は IPFactory Advent Calendar 2022 の 5日目の記事です。 atc atcはコマンドライン上でAtCoderへの回答の提出などを行うためのツールになります。 https://github.com...
競プロ

LinkBudsを買った

はじめに LinkBudsを買って一週間ちょっと経ったので適当に感想を書いていく。 メリット 音質とかについては正直自分の耳に自信がないので書きません。 気になる人は店頭で試してみるのが一番早い。 ながら聞きが捗る 音楽は聞きたいが...
LinkBuds

2021年の振り返り

年末なのでダラダラ書いていきます。 やったこと 今年は3社ほどインターンに行きました。ただ、扶養の関係で今年の後半は特にインターンなど行けずにかなり暇になっていました。 ただ、割と今年の後半でやらなきゃいけないことを終わらせたりした...
振り返り

width-checkerというツールを作った話

はじめに 私は、スマホで見たときに画像などのwidthが大きすぎたりして横スクロールできてしまうようなWebページがとても苦手です。 ただ、毎回毎回これをチェックするのもかったるいなと思ったため、半自動的に検査できるツールを作成しま...
Go

キーボードの配列を変えた話

はじめに みなさんが最初にPCに触れたのはいつでしょうか？ 私は、小学校のクラブ活動で触れたのが最初だった気がします。 PCに触れ始めてから今までQWERTY配列しか使ってきませんでした。それもそのはずで、世の中にある99%以上のキ...
キーボード

そのdotfilesちゃんと動きますか？

TL;DR GitHub Actionsを使って複数の環境でdotfilesがしっかり動作するかを確認できるようにしたという話。 はじめに 先日インターンに行ったときにMBPを貸し出してもらいました。 私はある程度dotfilesを...
dotfiles

ただ移行するだけでいいのか？

TL;DR モダンなフレームワークに移行するなどと言うのは聞こえはいいが、ただ移行するだけじゃだめなのではという話。 はじめに 最近、create-react-app(craco) + react-router割と大きめのシステムを...
Frontend
React

身に覚えのないWorkerが立ち上がっていた話

TL;DR デベロッパーツール見るの大切だねという話。 はじめに ある日デベロッパーツールでパフォーマンス周りの調査をしていたら見に覚えのないWorkerが立ち上がっていました。 20MB ~ 50MB程度のメモリーを使用しており、...
Frontend
React

足跡

はじめに ちょうどインターンも一旦なくなり、かなり暇な期間に突入したのでなんか書いておく。 ちなみにこれやこれのパクリ。 年表 保育園 小学生 中学生 高校生 専門 1年生 専門 2年生 専門 3年生 保育園 岩手に住んでいました。...
足跡

requestAnimationFrameを使ったカスタムhookのテストを書く

はじめに requestAnimationFrameを使ったカスタムhookを作成したときに、どうテストすればいいのかわからなかったので、メモとして残しておきます。 既存の実装を見に行く まずは react-use の実装を見に行く...
Frontend
React

フロントエンドのlinterやformatter周りの設定をまとめておく

はじめに 毎回毎回プロジェクトの初期設定で「どうすればいいんだっけ？」ってなるのでここにまとめておきます。 ESLint ESLintにやってほしいことは以下になります。 なんか使ってない変数とかimportがあったら警告出してほし...
ESLint
Frontend
Prettier

BlogのCLS対策をする

はじめに 皆さん、CLS対策してますか？ CLSはCumulative Layout Shiftの略で、予期しないレイアウトのズレを表します。 よく、画像などがあとから読み込まれたせいで画面がガクッってなるあれです。 一応Googl...
CLS
Frontend
React

useStopTypingというHookを作った

はじめに 皆さんGoogle Slideなどのアプリケーションを使ったことはあるでしょうか？ Google Slideの機能の一つに一定時間操作がなかったら自動的に保存するというものがあります。 私のブログでは管理画面側で記事を作成...
React

スクロール可能な方向に影をつけるあれを実装する

はじめに こんにちはダメガネです。 皆さんは下の画像のような、スクロール可能な方向に影を表示するようなものを実装したことがあるでしょうか？ 割と見たことがあるが、実際に実装するときに少し詰まったのでメモ程度代わりに記事を書こうと思い...
Frontend
React

git configを簡単に切り替えるツールを作った

はじめに この記事はIPFactoryアドベントカレンダー2020の23日目に記事です。 git configを切り替えるのってめんどくさい 最近GitLabの方でコミットすることが増えたのですが、GitHubの時とは別のユーザー名...
CLI
Git
Go
© 2020 DuGlaser