2025年まとめ

目次
  1. 入社
  2. 会社の話
  3. アクセシビリティ
    1. 記事執筆
    2. OSS
    3. WAICへの参加
    4. カンファレンス
  4. ポートフォリオのリニューアル
  5. お金使ったものトップ3
    1. 3位 Cornix LP
      1. おまけ：Nape Pro
    2. 2位 卒業旅行
    3. 1位 PC
  6. 他人のよかった記事3選
    1. アクセシビリティ学習の手引きとしての入門講座
    2. アクセシビリティの向上がそのまま事業貢献になると良い
    3. You Can’t Opt-Out of Accessibility
    4. おまけ：ウェブアクセシビリティの原則
  7. 来年
  8. まとめのまとめ

雑に列挙していきます。

入社 #

入社しました。去年の10月から内定者バイトをしていて、チームもそのままだったので業務自体はあまり変わらずという感じです。 ただ、同期とオフラインで会うようになったり、研修を経て会社の事業や理念への理解が深まったりしたのは大きかったです。

また、大学で入っていたサークルであるtraPとの繋がりも、10周年記念イベントや文化祭への参加、OB/OG用のサークル内SNSやDiscordでの交流、会社としてのイベントへの協賛などでまだ続いています。

あと半年で終わらせた卒業研究を、教授に引き継いで英訳とか資料作成して発表とかを全てやってもらっていたやつがポスター発表で賞を取ったらしくて、驚きました。

会社の話 #

会社では25新卒エンジニア5人の内定者アルバイト体験記や巨大データを扱うintegテスト改善から見る、kintoneアプリ領域刷新で書いているようにkintoneの脱Closureということで、kintoneのフロントエンドをReactで作り直すプロジェクトに参加しています。内定者バイトをやっていたこともあり、あまり新卒ということを（少なくとも自分では）意識することなく他のメンバーと同じように開発に関わっていて、他チームとのコミュニケーションなども含めて自走できていると思います。 また、今までAIをちゃんと使っていなかったのですが、チーム内で環境整備したりして当たり前に使えるようになってきました。チームでの環境整備については、チームの先輩がJSConfで発表したものをご覧ください。

大規模プロダクトで実践するAI活用の仕組みづくり
speakerdeck.com

その他フロントエンドエンジニアの探究活動についてサイボウズのフロントエンドエンジニアの探究活動について全てをお話しますで全てをお話したり、W3Cに加入したことでWeb 標準動向を始めてみたりしました。TPAC 2025参加記 - アクセシビリティの話も併せてご覧ください。

ここらへんは先輩たちの協力もあって成り立っている企画なので感謝してるし、今後はもっと同期や後輩たちも巻き込んでいきたいです。

アクセシビリティ #

会社では、フロントエンド開発の一貫としてチーム内でアクセシビリティ系の指摘や提案をすることはあっても、デザインシステムの開発に直接関わったり、ちゃんとしたアクセシビリティレビューを行ったりしているわけではないです。なので、アクセシビリティ系の活動は外部での活動が中心になっています。

記事執筆 #

技術的なところだとここらへんです。その他sizu.meやこのブログでいくつか書いています。

OSS #

これを読むと全てがわかります。

OSS活動まとめ2025 - mehm8128のWeblog
mehm8128のWeblogです。
portfolio.hm8128.me

WAICへの参加 #

これを読むと全てがわかります。

ウェブアクセシビリティ基盤委員会（WAIC）の作業部会2で作業協力者になりました - mehm8128のWeblog
mehm8128のWeblogです。
portfolio.hm8128.me

まだ定例会に1度参加しただけなので、来年から本格的に活動をしていきます。

カンファレンス #

千葉も福岡もオンラインでの参加だったので、来年は現地参加しようかなと思っています。来年は沖縄もあるらしいし。

ポートフォリオのリニューアル #

今までブログ記事やコントリビューションとかを列挙した1枚のページだけだったのですが、Next.jsからAstroにして、ブログ機能を搭載したり色も変えたりしていい感じにしました。大体GitHub Copilotがやってくれました。 技術的なところだと目次プラグインを作ったり、数日前にOGP画像を動的に生成するようにしたりしました。 こだわりポイントとしては、文字が小さいページが読みづらいと感じることが多いので、全体的に文字を大きめにしています。ベースが18pxです。なんかローカルで見てるときとデプロイされたサイトで文字の大きさが違うので、20pxにしてもいいかもと思ったりしてます。 あと、text-autospace: normalを入れています。リニューアルしたときはまだFirefoxがサポートしていなくてLimited AvailabilityだったのでProgressive Enhancement的に入れていたのですが、この前Newly Availableになったので、主要ブラウザの最新版を使っている限りはいい感じに表示されます。ただし、日本語テキストにしているリンクと日本語の間には入ってくれなさそうなので、textlint-ja/textlint-rule-preset-ja-spacingとか入れて半角スペース入れるしかないかなと思っています。

お金使ったものトップ3 #

厳密に記録しているわけではないので多分これかなというのと、ここで書いて面白そうなやつに絞ってます。実家暮らしということもあって普段あんまりお金を使わないので、来年はもっと使っていきたい。

3位 Cornix LP #

話題になっていたので、買ってしまいました。ずっとHHKB Professional HYBRID Type-S 無刻印／墨（英語配列）を使っているのですが、分割キーボードも使ってみようかなというのと、会社に置いておく用のがほしかったので買ってみることにしました。届くのが3月くらいらしいので、届いたらまた記事を書いたりするかもしれません。使い心地が良さげだったら、無刻印キーキャップとか静音のキースイッチとかも追加で買ったりしようと思っています。

おまけ：Nape Pro #

キーボードに添えるだけ。ホームポジションの常識を変えるトラックボール｢Nape Pro｣ ｜ CoSTORY
キーボードに添えるだけ。ホームポジションの常識を変えるトラックボール｢Nape Pro｣ ｜CoSTORY（コストリー）とはユニークな製品や、CoSTORY（コストリー）ならではの限定品、あるいはまだ世の中で広く一般販売されていない商品をプレオーダー(先行予約・購入)できるサービスです。
costory.jp
- YouTube
Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.
www.youtube.com

なんかすごそうなトラックボールマウスです。2億も集まっててすごい。 今はlogicoolのERGO M575を使っているのですが、コンパクトでボタンも今より増えて良さげだったので買ってみることにしました。 Xとか見てても、Cornixと合わせて購入している人がいるようです。クラファンが今日までなので、気になる人は試しに購入ボタンを押してみるといいかもしれません。

2位 卒業旅行 #

去年の9月に卒業していたけど、3月に卒業勢と一緒に行きました。飛騨高山と下呂温泉です。温泉には入っていません。外では記事とか書いてなかったけど、社内ではもっと写真貼ったりしてたような気がします。 実は直前に風邪をひいたので一人だけ2日目から参加になり、1泊2日でした。最終日も死にかけてた。

自分は学部卒だったので、再来年は一緒に行ったメンバーが修士を卒業する卒業旅行についていきたいです。

また、卒業旅行以外でも来年はもう少し色んなところに行ってみたいなと思っています。カンファレンスとかもあるし。

1位 PC #

DAIV R6-I7G50SR-A
Windows 11 home<br>＜メモリ・ストレージ増量モデル＞DCI-P3 100％対応の大画面16型液晶搭載。写真や動画編集におすすめのクリエイター向けノートPC。
www.mouse-jp.co.jp

大学で4年間使っていたPCが死んだので、新しく買いました。16GBではDockerやRustのコンパイルを走らせたりするとWSLが暴走して死ぬので、64GBにしました。快適に使えています。 親がWindowsユーザーで、小さい頃からWindowsを使っているのでずっとWindows（WSL）です。インターンで強制Macのときだけ頑張ってMacを使っていました。

他人のよかった記事3選 #

今年よかった他人の記事を3つ選んで勝手に紹介するコーナーです。順位をつけているわけではないので、紹介する順番に関係なく同列だと思ってください。 全部アクセシビリティの記事になってしまいました。

アクセシビリティ学習の手引きとしての入門講座 #

アクセシビリティ学習の手引きとしての入門講座
アクセシビリティの概念的な理解から、取り組むべき理由、ガイドライン、実践方法、その学び方など、幅広いテーマについての概説と、それら各論の参考資料の紹介。
tech.plaid.co.jp

当時話題になっていたやつです。アクセシビリティの基本が全て詰まっていてかつ、参考文献が豊富なのが魅力です。自分も参考文献を全て読めているわけではないですが、今後全部読めたらと思っています。Web系の記事で、最後に挙げられているような書籍を紹介している記事はなかなかないと思います。『目の見えない人は世界をどう見ているのか』『記憶する体』は著者の方が母校の教授ということもあって、特に読んでみたいと思っています。 弊社はアクセシビリティ系の発信が（自分が書いているWeb標準系のもの以外）最近あまりないような気がするので、盛り上げて行きたさがあります。

アクセシビリティの向上がそのまま事業貢献になると良い #

アクセシビリティの向上がそのまま事業貢献になると良い
Google Slide版: https://docs.google.com/presentation/d/1trkBgfi-5jHzehXhGqX5oXftVMboe-ZvvsB4_GS9Y6c/edit?usp=sharing
speakerdeck.com

記事じゃないですが、開発組織でアクセシビリティを進める技術 by SmartHRで行われたLTのうちの1つです。 まだアクセシビリティは開発業務の中でもなかなか優先順位を高められない現場が多い中で、「アクセシビリティ向上は事業貢献になる」ということを自信を持って主張できるようになる、熱意のある発表でした。

You Can’t Opt-Out of Accessibility #

You Can't Opt-Out of Accessibility
Shiny exclusion all the way down.
vale.rocks

日本ではあまり話題になっていないですが、実は今年1番好きだった記事かもしれません。まだ機械翻訳した日本語でしか読めていないので、今度ちゃんと原文で読みたいです。 アクセシビリティを無視してWebサイト・サービスを作ることがどれだけ良くないことなのかが語られています。

おまけ：ウェブアクセシビリティの原則 #

principles-of-web-accessibility/README_ja.md at main · Heydon/principles-of-web-accessibility
How to approach accessible web interface design. Contribute to Heydon/principles-of-web-accessibility development by creating an account on GitHub.
github.com

Principles Of Web Accessibilityというものを、日本のアクセシビリティ界隈の方々が有志で翻訳したものです。 当時は自信がなくて立候補しなかったのですが、またこういう機会があればやってみたいです。

来年 #

来年は今年足りていないと分かった部分の基礎を固めつつ、アクセシビリティやUIといった領域でもっと専門性を高めていきたいと思っています。 あと英語も頑張りたいです。英語はなんか会社の先輩の過去の記事がさっき伸びてた。

まとめのまとめ #

あんまり書く気がなかったのですが、みんな書いてるし書いてしまいました。 もう少し細かい話とかは普段🦋で呟いているので、そちらを見てください。