2022年を振り返って
いつもの振り返りです。
前回の振り返りも置いておきます (去年は振り返りサボっていたので2年前のものです)。
書いた記事
1ヶ月に1記事のペースで書いていたようです。
一方で、今年は深い学びが得られたり話題になるような、質の高い記事を多く出せていたように思います。
また、こうした記事を読んだ方が、真似してみたエントリを書いてくださったり、自身の事例を紹介してくださったりといった出来事もありました。これぞインターネットという感じで感慨深かったですし、非常に嬉しかったです。皆さんありがとうございました！！
あと今年はチームでソフトスキルを学んでいこうという動きがあって、それに合わせてソフトスキルの話も書いてました。一言でソフトスキルといっても、得意なものから苦手なものまで様々ありますが、その中でも自分が得意としているものや、自分の型を持っているものについて、言語化してみました。正直書いた内容に対する手応えはよく分かってないのですが、言葉にする過程で頭の中が整理されてスッキリしました。
今年作った OSS
今年作ったのは happy-css-modules だけです。
作ったものは 1 つだけでしたが、コードの品質や機能性に拘ったりしていて、これだけでかなり学びが得られる良い教材だったと思います。コードを書くと沢山学べますね。
今年登壇したイベント
今年は2件登壇しました！
- Hatena Engineer Seminar #21「GraphQL 活用編」 (2022/9/7)
- #個人開発祭り #1 (2022/12/9)
ここ数年弊社のイベントしか出てなかったのですが、流石にそろそろ登壇も増やしていきたいな...と思い、12 月に滑り込みで「#個人開発祭り #1」に登壇しました。発表内容について色々反応があったり、懇親会でも個人開発者同士で交流ができたりと、とても楽しかったです。
登壇はしませんでしたが、JS Conf JP にも視聴者として参加しました。Twitter 越しに交流はしていたけど口頭で喋ったことはない...という方々にご挨拶をしたり、情報共有をしたりできて楽しかったです。
来年は大きめのイベントに登壇してみたいですね。まずは proposal を出すところから...
インプット
平常通りWeb で見れる記事はめっちゃ読んでました。Twitter の TL も 7 割くらいは目を通してたと思います。
TL を研ぎ澄ませることに情熱を注いでいるので、欲しい情報が TL に流れてくるようになっているのですが、全然情報を読んだり見たりするペースが追いついてない！ インプット用に使ってる Chrome for Android のタブの数を今見てみたら、700 枚と書いてありました *1。インプットが少なすぎて困り果てている訳ではないので、それほど深刻には捉えてないです。もうちょっとインプットの時間増やしても良いかもなーくらい。
それよりも、情報を仕入れる媒体が偏っているほうが深刻です。書籍もほとんど読んでないし、Podcast もほとんど聞いてません。なんか好きなペースで消費できないことや、分量が多すぎることが合わないんですよね... こういう媒体にも面白い情報が溢れているので、勿体ないなと感じてます。
お風呂の時間や、掃除や掃除の時間は耳が空いているので、その時間に Podcast 聞くようにしたらハマるかな? とか続けられるような工夫がないかを考えてます。あと読書のほうでは、Web記事っぽく読んでみたりとか。最近『エリック・エヴァンスのドメイン駆動設計』を読んだ時に、気になる章だけ好きな順番で読むようにしたら、意外とテンポよく 5 章ほど読めたので、これはいけるんじゃないかと思ってます。
また、仕入れた情報の活用法は去年からちょっと傾向が変わったように思います。面白そうな記事を見つけたら、その情報を知りたがってそうな人がいる社内の slack チャンネルに流すようにしてました。「これ面白かったです」とペタッと貼るだけで、あとは興味のある人が集まってきて勝手に盛り上がるので、それを眺めてヨシヨシ...とやってました。これは良かったので来年もまた続けたいですね。
あとはコードを書くために、他の人が書いたコードを読む機会、というのが今年は圧倒的に増えました。この記事のやり方をもとに、.zhistory から手元に git clone したリポジトリ一覧を洗い出してみたのですが、全部で 37 リポジトリありました。
- https://github.com/zsh-users/zsh
- https://github.com/zhouzi/graphql-codegen-factories
- https://github.com/webpack/webpack
- https://github.com/webpack/enhanced-resolve
- https://github.com/webpack-contrib/sass-loader
- https://github.com/webpack-contrib/less-loader
- https://github.com/webpack-contrib/css-loader
- https://github.com/vercel/next.js
- https://github.com/sass/dart-sass
- https://github.com/royriojas/file-entry-cache
- https://github.com/pulyaevskiy/node-interop
- https://github.com/prettier/prettier
- https://github.com/postcss/postcss-selector-parser
- https://github.com/postcss/postcss
- https://github.com/nadeesha/ts-prune
- https://github.com/mrmckeb/typescript-plugin-css-modules
- https://github.com/microsoft/TypeScript
- https://github.com/madyankin/postcss-modules-example
- https://github.com/madyankin/postcss-modules
- https://github.com/less/less.js
- https://github.com/jest-community/vscode-jest
- https://github.com/jest-community/jest-editor-support
- https://github.com/garris/BackstopJS
- https://github.com/facebook/jest
- https://github.com/facebook/docusaurus
- https://github.com/dotansimha/graphql-code-generator
- https://github.com/denoland/deno
- https://github.com/dart-lang/sdk
- https://github.com/dart-lang/path
- https://github.com/css-modules/postcss-modules-extract-imports
- https://github.com/azu/url-cheatsheet
- https://github.com/AriPerkkio/eslint-remote-tester
- https://github.com/APIs-guru/graphql-faker
7 割くらいは happy-css-modules の実装過程で clone したものですね。既存のライブラリやツールの実装と happy-css-modules の挙動を合わせる必要があったので、コードリーディングしまくってました。コードを書くと、他の人のコードをついでに読むタスクが発生してお得。
仕事
今年は異動がありました。9月まではマンガビューワ (GigaViewer) を作るチームに居たのですが、10月から別の部署で仕事をしてます。
マンガチームでは Perl のレガシーな Web アプリケーションを徐々に Next.js 化していくプロジェクトを担当してました。去年の12月くらいから準備して、半年かけてリリースをしました。
新マンガサイトリリースしました！ GigaViewer for Web、初の Next.js 採用サイトです。新技術を使ってより良いサービスを提供する仲間も募集中です。 / “はてな、マンガビューワをホーム社に提供。新マンガサイト「COMIC OGYAAA!!」 - プレスリリース - 株式会社はてな” https://t.co/NGVioIZder
— mizdra (@mizdra) 2022年5月20日
GigaViewer はマルチテナントアーキテクチャを採用しており、Next.js 化された部分でも、それを引き継いでマルチテナントアーキテクチャにしています。Next.js を使ったマルチテナントは事例がほとんどなくて、参考にするものがなく苦労しました。「Perl で実現されていたアレを Next.js でどうやって実現するか」「実現できないのであれば、Next.js way になるようにアプリケーションをどう合わせていくか」などのことを、ひたすら考えてました。チャレンジングなプロジェクトで、
id:mizdra のフロントエンドの専門性も活かせたので、とても楽しかったです。一方で、Next.js 化のまだ道半ばで異動したことで、Next.js 化が進行するにつれて遭遇するであろう様々な面白い問題と戦ったり *2、初期の設計の不味いところが自分に跳ね返ってくる体験ができなかったのはちょっと勿体なかったなあと思ってます。まだまだやることあるので、興味ある人いたら入社してください！！！
異動後のチームはまだまだ不慣れで頑張りましょうという感じ... うまく行かないなあと思う日が続いてますが、しぶとく食らいついていってます。異動したばかりなので自分は赤ちゃんという気持ちで過ごしてます。
あと今年から社内で「フロントエンドエキスパート」という肩書をもらいました。Web フロントエンドエンジニアという職種が確立できるよう、社内でフロントエンドのことだけやっていてもバリューが出せるような場を作るべく活動してます。バックエンドとフロントエンドの分離を推進したり、フロントエンドの情報を社内横断で共有する会の運営をしたり、バックエンドの言語として Node.js/TypeScript が採用しやすいよう周辺技術の検証をしたり...(Prismaの記事とかがそれ)。 できる範囲で、地道に自分のやり方でやってます。目に見えるような分かりやすい成果が出にくい活動なので、うまくやれてるのだろうか〜と常に不安なりながら過ごしてます。自分なりにうまくやれてるんじゃないかと思ってるのですが、どうでしょうねー。
生活
去年同様実家で過ごしてます。東京へ出るまでに時間がかかって色々なチャンスを失ってしまっている気がしてならなくて、一人暮らししたいなあと最近は思ってます。引きこもっているせいで交友関係が良くない状態なので改善したいです。
一人暮らしをすれば、ふらっと人と会って話したりしやすくなりますし、そういうのに憧れますが、引っ込み思案で果たして上手くいくかな... 今まで色々な失敗をしたり、迷惑を掛けてきたので... (すみません...)
出かけやすい状況を作るところから、少しずつ始めていきたいです。
買ってよかったもの
- WF-1000XM4
- 電車用
- 最高
- ambie sound earcuffs(アンビーサウンドイヤカフ) AM-TW01
- 買ったのは 2021/12 だけど、去年振り返りしてないので 2022年分にランクインしてみる
- 無茶苦茶楽で最高。付けてないのと同然。
- OpenComm みたいに後ろに線がないので寝転がれる
- 一日中使う運用だと、お昼休憩〜定時くらいでバッテリーが切れてしまうのが難点
- Razer Kraken
- ゲーム用
- 安いのに快適で最高
- SwitchBot スマートリモコン ハブミニ
- 最先端のガジェットにたまには触れてみようよ、と家族を奮い立たせてリビングに設置した
- Google Nest Hub と組み合わせて、声でライトやテレビを ON/OFF できるようにしてる
- 手がふさがってるときや、リモコンから遠い場所から ON/OFF できるのが便利で、使いこなしてもらってる。買ってよかった。
- アイリスオーヤマ 静音シュレッダー 家庭用
- そのまま捨てるのが気まずい紙ゴミを気軽に捨てられるようになった
- 掃除が捗って最高
Nreal Air とかも買ったのですが、まだうまく使いこなせてないんですよね... dアニメストアが見れないし、購入した度付きレンズの度が微妙に悪くてイマイチ使えてない…*3
あとこれ以外に高額な買い物で、歯列矯正があります。歯並び悪すぎて顎の調子が悪いので、そろそろやるか…という気持ちで始めました。健康保険対象外なので良いお値段します。まだまだ治療に時間掛かるのでやってよかったと思えるのは再来年くらいかなー。
音楽
今年 YouTube Music でよく聞いた曲リストです (ほぼアニソン)。
個人的ベストソングは以下です (順不同)。
- はじまりのセツナ / 蝋梅学園中等部1年3組
- 往け / LiSA
- 花の塔 / さユり
- 夢想的クロニクル / 石原夏織
- ここから先は歌にならない / Poppin'Party
- ゆずれない / 藤川千愛
- ギターと孤独と蒼い惑星 / 結束バンド
- 想いのち晴れ / あおい(CV.井口裕香)、ひなた(CV.阿澄佳奈)
- Love? Reason why!! / 鈴木このみ
読んでよかった漫画
どれも良かったです。
観てよかったアニメ
- ぼっち・ざ・ろっく！
- ヤマノススメ Next Summit
- Do It Yourself!! -どぅー・いっと・ゆあせるふ-
- リコリス・リコイル
どれも良かったけど、実は下3つは途中までしかまだ観てない… そのうち観ます。
総括
今年のアウトプットは絶好調で、量・質、ともに高いレベルを達成できていたと思います。「よく頑張った！！！」と自分に言ってやってます。記事読みましたよーと声を掛けてもらえる機会も増えてきたように感じていて、順調に外部への露出を広げていくことができてそうです。この調子で来年も頑張りたいと思います。
私生活は一人暮らしするところからかなーと考えてますが、歯列矯正のためにかかりつけの歯科医院からしばらく離れられないので、様子を見つつという感じになりそうです。
来年もいい感じに過ごしたいですね。
whywiper
この記事は whywaita Advent Calendar 2021 11 日目の記事です。10 日目は 
id:hogashi さんで、秘蔵UserCSS大放出祭 でした。
突然ですがこちらをご覧下さい *1。
こちらもあわせてご覧下さい。
明日は 
id:nersonu さんです。
*1:ワイパー素材は https://www.irasutoya.com/2016/04/blog-post_332.html を使いました。whywaita さんのロゴの使用は本人の許可を頂いています。
クリニカNEXT STAGE ハブラシ
この記事は masawada Advent Calendar 2021 8 日目の記事です。7 日目は 
id:side_tana さんでした。本物が決まったら教えて下さい
突然ですが皆さん歯のケアはしっかりやられてますでしょうか。磨き残しがあるとそこから虫歯になっていくので、毎日きちんと歯磨きすることが大切です。歯医者さんに定期検診に行って、定期的に歯の状態をチェックしてもらうのもオススメです。
id:mizdra も歯医者さんの定期検診を利用しているのですが、最近衛生士さんから「歯茎が下がっていますよ」と注意されました。話によると、歯を強く磨き過ぎたりすると、歯肉 (歯の根本を覆っている肉のことです) がすり減り、本来歯肉で隠れていた歯の根本の部分が露出する「歯肉退縮」が発生するそうです。歯肉退縮によって露出した部分にはエナメル質と呼ばれる歯を保護する膜がないため、汚れが付きやすかったり、露出した部分から刺激が伝わることで知覚過敏を感じやすくなるというお話もありました。
歯肉縮退の図解。「歯ぐき下がりのサイン｜歯の健康基礎知識｜ライオン」より引用。
ふと思い返してみると、歯肉縮退が起きていた部分では確かに歯がしみて痛みを感じることが多々ありました。それに歯がしみていたので虫歯ができたのかと思い、最近はその部分だけ他より強く磨くようにしていました。思い当たる節がありすぎる…
磨く力を矯正する
そうした出来事があったと家族に話すと、「クリニカNEXT STAGE ハブラシ」という歯ブラシを使うと良いとオススメされました。何でも磨く力が強すぎる人にはオススメの歯ブラシらしいです。
実際に買って使ってみているのですが、これがもうとにかく良いです。この歯ブラシにはアラーム部という機構があり、強く力を入れて磨こうとするとカチッと音がなるようになっています。力の入れすぎを音でお知らせしてくれる訳ですね。
また、アラーム部はある程度しなるようになっているため、ブラシ部分にそもそも力が伝わりにくいような作りになっています。多少磨いている過程で力が入りすぎる場面があっても、本体がしなって丁度よい力で磨けます。
実際に使用してみての感想
とにかく適当に磨いていても、本体がしなるおかげで勝手に丁度良い力で磨けるし、気づかぬうちに力を入れすぎたら音で知らせてくれるしで、これは世紀の大発明だ！！！ と id:mizdra は感動していました。2021 年で一番買って良かったものは MacBook Pro でも SHURE MV7 でもなく、この歯ブラシです。
id:masawada さんも歯磨きする時に力の入れすぎでお困りでしたら、是非ご購入を検討してみてください (この記事唯一の masawada 要素です)。
masawada Advent Calendar 2021、明日の担当は未定です！ 誰か書いてください！！！
24歳になりました
24歳になりました。めでたいですね。24歳もやっていきます。
こちらmizdraの誕生日をお祝いできる最高便利ワンライナーになります。
$ npx @mizdra/happy-birthday
こちらは例のリンクです。
- 色々: https://www.amazon.jp/hz/wishlist/ls/20IQBSW28QN30?ref_=wl_share
- コミック: https://www.amazon.jp/hz/wishlist/ls/2AB3HPTXIID2W?ref_=wl_share
- 技術書: 去年までリストを用意してましたが、電子書籍に一本化したので非公開にしました
HHKB Professional HYBRID Type-S を買った
- 趣味や仕事でキーボードに触れる機会が多い割には、今までキーボードに対して無頓着だった
- デスクトップPCを購入したことがなく、ずっとノートPCばかり弄ってきていたため、実質的にノートPC本体と一体化したキーボードをずっと使っていた
- PC触り始めたのが確か小学校低学年くらいなので、かれこれ15年くらいずっとそういう暮らしをしていたことになる
- 一方僕の周りの人々には外付けキーボードに情熱を捧げる人がちらほらいて、HHKB最高だとか、自作キーボード最高だとか、ErgoDox最高だとか叫んでいる人々をよく目にしていた
- 当時は外付けキーボードの魅力がわかってなくて、へーって思いながらただ眺めるだけだった
- けど楽しそうにしていて良いな〜とは思っていた
- 外付けキーボードを避けていた訳ではなくて、機会があれば買ってみても良いくらいの気持ちだったけど、なかなか機会が訪れなかった
- そんな状態だったけど、最近あった知人にHHKBを勧められたり、HHKBを買ってQoLが上がる夢を見たりしたので、これもなにかの縁かなと思って、HHKBを購入してみた
今日の夢、人生で初めてお高い外付けキーボード (HHKB) 買って、その打鍵感に感動するというものだった
— mizdra (@mizdra) 2021年4月30日— mizdra (@mizdra) 2021年5月1日
- あと最近高い買い物をしてなくて、積もりに積もった消費欲を何とかしたかったという狙いもあった
- この文章も、購入したHHKBを使って書いてます
- 実際にHHKBを使ってみた感想としては…
- 外付けキーボードを使っているという体験が得られた
- 個人的にはこれだけでもそこそこ満足している
- 左手小指に優しい
- 最近使っていたキーボードはMBPに付いていたバタフライキーボードだったのだけど、結構左手小指への負荷が高くて困っていた
- 結構強く押さないとキートップが沈まないので小指には厳しかった
- ここ1年くらい慢性的に小指の痛みに悩まされていた
- HHKBは全体的に軽いタッチで入力できるので小指にも優しい
- かなり違いが実感できる程度には優しい。ありがたい。
- キーボードが熱を帯びない
- ノートPCだとキーボードが本体に結合されているせいもあって、ノートPCの熱がキーボードに伝わって、キーボードが熱くなる、という問題がある
- 冬場は気にならないけど、それ以外の季節では結構大きな問題で、キーボード打ってると手汗をかく、みたいなことになりがちだった
- 丁度昨日も困っていた
- HHKB、というか外付けキーボードはPC本体から分離しているので、その点の不満が解消されていて良かった
- 誤打率は減ってない気がする
- もともとホームポジショニングとか無視して適当にタイピングしていて、誤打率MAXみたいな暮らしをしているせいか、HHKBになっても誤打率MAXのまま
- この辺は人によりそう
- 外付けキーボードを使っているという体験が得られた
- 良い買い物だったか
- タイピングが楽しくなったかと言われると、別に楽しくはなってない
- キーボードの熱問題が解消したのは最高だけど、マイナスが0になっただけなので、楽しさにはそれほど貢献してない気がする
- 左手小指への負担もそう
- 誤打率が下がって流れるようにタイピングできるようになったら楽しくなるかも
- 外付けキーボードに慣れてきたらもうちょっと誤打率下がったりするかもしれない
- ホームポジショニング身につけたほうが良いのではという見方もある
- とはいえまだ使い始めて1日目なので
- 外付けキーボードに慣れてきたらもうちょっと誤打率下がったりするかもしれない
- まあマイナスが0になったことは十分喜ばしいことで、良い買い物だったと言えそう
思考実験: Wasm が普及した未来を考える
移動しました。