はじめに千株式会社でソフトウェアエンジニアをしているyuba41です。この記事はSEN Advent Calendar 2025の12日目の記事です。 フロントエンドとバックエンドAPIの型の共有の課題Node.jsのバックエンドとNext.jsなどのフロントエンドでAPIの型を共有したいけどOpenAPIをメンテナンスしていくほどでもない、型を手書きで書いていて型の不整合が発生するなどの問題があると思います。今回はHonoのRPC機能を活用し、Next.jsのRoute Handlers上でバックエンドAPIを実装することで、フロントエンドから型安全にAPIを呼び出せる...

HonoのRPCとNext.js Route Handlersで手軽に型共有する

Vimに最近再チャレンジしていて、かな入力したときにEscを押して詰まることがあり困っていたのでメモ以下すぐにできる方法です。Karabiner-Elementsをインストールhttps://karabiner-elements.pqrs.org/Complefx ModificationsにFor Japanese （日本語環境向けの設定） (rev 6)を追加escキーを押したときに、英数キーも送信する（vim用） があるのでruleに追加する設定が完了すると↓のgifのように 英→かな→esc→:iの順でスムーズにコマンドが打てるはず

MacでVimのEsc押したときに英字入力に切り替わるようにする

導入しているnpmのライブラリのコードに何かしらのパッチの修正などを当てたい場合にライブラリをforkなどを行ってパッチを当てたことなどはないでしょうか？yarn(v3)ではコマンドを打つだけでパッケージの内容にパッチを当てることができます。今回はyarn(v3)に備わっているnode_modulesに入っているパッケージにパッチを当てる機能のyarn patchの使い方について紹介します。https://yarnpkg.com/cli/patch はじめにアプリ内において、画像の切り抜き機能を実装するにあたって既に他の用途で導入済みであったreact-native-crop...

yarn patch(v3)の使い方

背景現在関わっているプロジェクトでは monorepo を採用しておりReact, React Native, Node.js などの複数のパッケージがある状態になっており、双方で使いたい処理などは共通パッケージに置いています。今回共通パッケージに crypto.createCipheriv を使うファイルを置いたところ、React Native でエラーが出る状態になりました。crypto は Node.js に内蔵されている暗号化をするモジュールですhttps://dev.classmethod.jp/articles/node-js_encryption/ エ...

React Native で Unable to resolve module crypto の対処法

no matches foundtailwind-nextjs-starter-blogを使ってBlogを適当に作ってみようとしたときに、READMEにあるnpx degit timlrx/tailwind-nextjs-starter-blog#typescriptTypeScript用のnpx degitを打ってもzsh: no matches found: timlrx/tailwind-nextjs-starter-blog#typescriptとzshのエラーを吐いてしまう最初はnodeのパスがおかしくなったか？？と思ったけど原因は違った 解決zsh: ...

HonoのRPCとNext.js Route Handlersで手軽に型共有する

MacでVimのEsc押したときに英字入力に切り替わるようにする

yarn patch(v3)の使い方

React Native で Unable to resolve module crypto の対処法

zshでnpx degitをしてno matches foundになったときのエラーの解決