最近は、LLMによるコード生成が日常的になっています。 それに伴って、テストはコードが正しく実行されているかを保証するために今後更に重要になっていきます。 そこでLLMにとっても人間にとっても、実行速度が重要な要素となりますが、特にe2eは実行速度が遅い点が課題です。 さらに実際のDBを用いたテストを行う際、並列に実行した場合にはテスト全体を冪等にすることは難しく、直列実行が一般的です。(GitHub Actionsのmatrixやコンテナで隔離すれば可能) 今回は、実際のDBを用いつつ、並列に実行し、e2e全体の実行時間を大幅に短縮しつつ堅牢にする方法を考えます。 今回使用する技術スタック Next.js NextAuth.js Prisma PostgreSQL Playwright Testcontainers Playwrightの問題点 webserverは、単一のサーバー起動の

Release v3.39.2RooCodeIncのRoo-Codeのリリースv3.39.2では、いくつかのバグ修正と機能改善が行われた。具体的には、Cerebrasとの互換性を確保するためにツールの厳格モード値を一貫させる修正や、OpenAI互換プロバイダーのためにconvertToSimpleMessagesを削除する修正が含まれている。また、Geminiとの互換性を保つためにアシスタントメッセージの内容が未定義にならないようにする修正も行われた。新機能としては、プロバイダーからのストリーム終了エラーに対するエラーメッセージの改善や、トラブルシューティングを容易にするためのデバッグ設定の追加がある。CLIサポートのために、@roo-code/typesや@roo-code/coreに機能が追加され、CLI開発に役立つスラッシュコマンドも導入された。 • Cerebrasとの互換性を確保

Feedlyをやめてから今まではRSSフィードをすべてslackに流し、記録しておきたいものは「後で見る」に保存していましたが、SlackのUI的に見づらいのなーとはずっと思っていたので、今回このようなものを作成しました。 なのでここにあるRSSフィードは、自分が普段見ているものを集めたものですが、HTMLをスクレイピングできるようになったので、新しくRSSフィードを配信してないサイトも追加しました。 本当はXもこっちに流したかったけど、無料枠だと月100件しかreadできないので諦めました。今は、IndexedDBで状態を管理していますが、たまにスマホで見たいときがあるので、クロスデバイスでの同期をいつかは考えるかもです。 もし自分でフロントエンドの情報を集めるのがめんどくさいなと思っている方は、ぜひご活用ください。 これらをまとめたRSSフィードも提供しています。 LLM すべての記事

Claude Code のステータスラインを TUI でカスタマイズできる ccstatuslineClaude Code のステータスラインは oh-my-zsh のターミナルプロンプトのようにカスタマイズ可能です。これにより現在のブランチやトークンの使用量などを一目で確認できるようになります。この記事では TUI で簡単にステータスラインをカスタマイズできる ccstatusline の使い方を紹介します。 Fly's new Sprites.dev addresses both developer sandboxes and API sandboxes at the same timeNew from Fly.io today: Sprites.dev. Here’s their blog post and YouTube demo. It’s an interesting new

Next.js@15.1から実験的にミドルウェアのテストヘルパーが追加されました。 なぜかv15.1のリリースノートにも書かれてないため、まだまだ破壊的な変更が入るかもしれない点に注意が必要です。 このヘルパーはApp Router, Pages Router両方共に対応しています。 提供されているヘルパー 2つのヘルパーが提供され、2軸でのテストを行っていきます。 unstable_doesMiddlewareMatch そのミドルウェアがリクエストにマッチするかどうかをテストする ミドルウェアのconfig と next.config.ts での rewrites の両方共を確認できる あくまでも中身のロジックを確認するわけではない isRewrite, getRewrittenUrl そのミドルウェアが実際に期待している挙動をするかどうかをテストする コード例 middleware.

自分はDBをモックしてテストを行うのが嫌いですが、もし実際のDBを利用し並列実行する場合にポートやtruncate周りの問題が発生します。 今回は、それを解決するためにTestcontainersとVitestを利用したコードで解決します。 Testcontiners Docker社が買収したTestcontainersは、Dockerコンテナをテストで利用しやすくするライブラリです。 開発時にdocker composeを利用している人が多いと思うので、そこで利用しているcompose.yamlの定義をまんまテストで再利用できる点も便利かなと思います。 Testcontainers Testcontainers is an opensource library for providing lightweight, throwaway instances of common dat...

デザインエンジニアの表(@HirokiOmote)です。 Next.jsでApp Routerがリリースされて、1年が過ぎました。 弊社では、@hiroppyさんを技術顧問に迎え、Frontendを中心とした長期的な技術選定にご協力いただきました。 本日は、そこで得た学びをご紹介したいと思います。 App Routerについて 2023年5月にNext.js 13.4がstableとしてリリースされ、App Routerが登場しました。 ツリー構造でのファイル配置が基本となりました。 ディレクトリ構成とルーティング page単位・feature(機能)ごとに切り分けたディレクトリ構成が可能になったため、より直感的で再利用性の高い構造が実現しました。 // App Router . ├── dashboard │ ├── components │ │ ├── button.tsx │ │ └

module: add --experimental-strip-types by marco-ippolito · Pull Request #53725 · nodejs/node It is possible to execute TypeScript files by setting the experimental flag --experimental-strip-types. Node.js will transpile TypeScript source code into JavaScript source code. During the transpi... 💁‍♀️ まだマージされてない点に注意してください --experimental-strip-typesというフラグを実行時に付けることにより、Node.jsでTypeScriptのコードを実行できるようになる

新しくCJSとESMの間での解決方法が変わる提案が出てきました。 まだマージされてませんが、すでに複数の承認があり、この方針から変わることはないように見えるので紹介したいと思います。 module: support require()ing synchronous ESM graphs by joyeecheung · Pull Request #51977 · nodejs/node Summary This patch adds require() support for synchronous ESM graphs under the flag --experimental-require-module This is based on the the following design aspect of ESM: The resolution can be syn...

新卒時代に作った資料を加筆。

最近アメリカに行く話ばかり書いてきました。アメリカ三部作は今回で完結です。 第一部: アメリカに行きたい - ダンの日常2 第二部: アメリカに行くのは大変 - ダンの日常2 番外編: パスポートは5年派 - ダンの日常2 第三部: この記事 Vision Proを買いにアメリカへ ずっと噂されていたApple製のゴーグル型新デバイス、2023年のWWDCでついに発表されました。WWDCでAppleが見せてくれた世界はとても素晴らしく、今すぐ使いたいという気持ちにさせられました。しかし、発売はアメリカから。それ以外の国は2024年中に、とのこと。 しばらく経ち、2月2日が発売日に決まり、当初の予定通り発売はアメリカだけです。もちろんアメリカに買いに行くことは考えたのですが、あまり海外旅行が好きじゃない僕は乗り気にならず、発売日に手に入れることは諦めました。ただしその後、Xなどで使っている様

週末に自分がよく使っている技術をまとめたら反応が良かったので、テンプレートを作りました。 なにかWebサービスを作るときに、自分はこれらのライブラリを基本的には入れます。 ベースはcreate-next-appとなりますが、そこで生成された状態だと認証もDBも何もありません。 しかし、サービスを作るにあたって必要なケースがほとんどです。 このテンプレートには特定のライブラリを入れると毎回書かないといけない項目等を事前に作っておき、 開発に集中できる仕組みを作るのがゴールとなります。また、例を示しつつ削除するコード量を最小限に抑えます。 主にNext.js固有のハマるポイントや環境構築などめんどくさいけど毎回書いている点をカバーします。 linterと関連があるVSCode, pre-commit等の設定NextAuthに指定されたDB Schemaの作成やAPI routeの設置開発、テス

Next.js App Router TrainingIntroducing various basic patterns of app router with simplified code.

Next.js App Router TrainingIntroducing various basic patterns using Next.js' app router with simplified code. ディレクトリ作って、コード書いたら新しいサンプル追加できるので、追加ウェルカムです！ 目的 自分の検証サンドボックスがほしかった 公式ドキュメント含め、解説と参考コードはあるが、実際に動いている状態とコードを同時に見たい 簡潔な短いコードで早く理解を促したい 一番の目的は、初学者にApp Routerの機能を説明するときにこのサイトである程度、網羅されており実行されているコードとその状態が見えるものが欲しかったというのが主な理由です。 逆にあまり説明は書きたくなく、それは公式ドキュメントや他の方のブログで説明されているのでそちらを読んでもらいたいです。 知見 / 感想 仕事

はじめまして。鈴木 颯介(@__sosukesuzuki)です。私は筑波大学情報学群情報科学類の学生をしながら、Ubie株式会社でプロダクト開発エンジニアとして働いています。また、余暇時間を使って、いくつかのOSSの開発に関わっています。 この記事では、私がプログラミングやOSS活動を始めたきっかけから入り、OSS活動で収入を得るということについて私なりの考えを示し、最後にOSSと私のキャリアについて振り返ります。 私は2022年の3月に初めて正社員として働くようになり、まだキャリアと呼べるほど長いキャリアを持ってはいません。ですのでこの記事が、私と立場の近いコンピューターについて勉強している学生やまだ経験の浅いエンジニアの方々が、ご自身のキャリアを考える上での参考になれば幸いです。 最初に断っておきますが、私がこれまで関わってきたOSSのほとんどは、JavaScriptのコミュニティのも

OSS活動をする中で知った、届かない存在に対する焦燥感。ソフトウェアエンジニアとしてプログラミングが一番の強みだという廣戸裕大（hiroppy）さんですが、IC（Individual Contributor）のキャリアを歩むなかで技術のキャッチアップにもがき、悩んだ時期もあったといいます。その焦燥感をどう解消していったのか、今につながった転機を寄稿いただきました。 △ 留学先のアイルランドにて、セミナーゲストとしてNode.jsを解説（2019年） ずっとプログラミングを強みにして走り続けられるのか 焦燥感と戦ってひたすらキャッチアップした20代の日々 新しくできた数名の組織に参加して広がった視野 シード期のスタートアップでtoBサービス開発に挑戦 視野を広げてキャリアパスの選択肢を増やす この記事を書くにあたって、過去を振り返って自分の強みとは一体何かと考えたときに、やはりプログラミング

タイトルそのままの内容なので閲覧には注意されたい。一部の人にはつらい記憶を思い出させてしまうかもしれない。女性視点の体験記は数多くある一方で、男性視点のものは少ない。妻が妊娠すると男性も覚悟を決める。しかし、（過去の自分も含めて）何が起こり得るかはぼんやりとしか想像できない。稚拙ながらも自分の体験と後悔を書き残しておけば、その解像度が上がるかもしれない。そう思い投稿する。 分娩室。妻につながれた医療モニタが歪なサインカーブを描いていた。正確にはサイン波の絶対値のような概形でゼロ区間が長い。波形がピークに近づくにつれて妻のうめき声が大きくなる。これが陣痛発作だ。間欠的な小休止を挟みつつ、数分おきに発作が起こる。モニタの値が妻の痛みを表している。全力で妻をサポートしたいなら、助産師の動きを脳裏に焼き付けて、完全に模倣すればよい。一挙手一投足に意味がある。プロの動きを邪魔しないように、分娩室の俯

GitHub Next GitHub Next investigates the future of software development この機能の登場により、PR でのレビューのオーバヘッドを少なくすることが期待されます。この PR では何を変更したのかを説明したり、更には review の依頼を投げることもできます。 また、Issue でも AI にどうしたらよいか？を聞くこともできるそうです。詳しくは公式の動画を見てください。 How many times have you submitted a change and forgot to update the unit tests? Or the documentation? Or introduced linter errors. Perhaps we can fix that for you….watch this spa

タイトルの通りこの hiroppy.me のサイトを 1 から刷新し、そこにブログページが入ったことによりブログもはてなから移管することにしました。 特に意識してなかったのですが、はてな ブログの方が、ちょうど 100 記事目の時に移行するという流れになってしまいました。。 はてな ブログは有料会員で 4 年間ぐらいやっていたのですが、最近は使えておらず、そうなると当初の目的である独自ドメインでのはてブ通知も今はあまり必要なくなりました。 また、ブログの名前が技術探しですが、最近はプライベートの話や技術を昔以上に探せてない点があり、もう自分としては役割を終えたのかなと思っています。 359 人の方に購読してもらい、多くの方に閲覧してもらって本当にありがとうございました。1 年半も技術の記事を投稿していなかったのに未だにアクセスがあり、嬉しく思います。 過去の記事もこちらへ移動させてますが、

一回目の退職の後に、アイルランドに住みながらメルカリ Web のリアーキテクチャに関する技術顧問として 1 年半ほど働いた後に日本に帰ったタイミングでお誘いを頂き、2019 年の 11 月に二回目の正式な入社をしました。 メルカリでやったこと 入社後、リアーキテクチャとは異なりますが、メルカリ web の刷新プロダクトがはじまるということだったのでそちらに一年ぐらい開発に関わっていました。その後に、再度設立されたソウゾウの初期メンバーとして参加することとなりました。 メルカリ チームメンバーとは 2017 年や技術顧問時代からの知り合いも多く、プライベートでも遊ぶような人たちばかりでした。数ヶ月後には、気づいたらチーム内の外国人の方の比率が多くなってきて共通言語はすべて英語となりました。この頃にメルカリの Web を 0 から刷新するプロダクトが始まり、一年近く開発に関わりました。 新しい