React18からの2年ぶりの大型アップデートとなるReact19の新機能を確認した Actions（server actions） Next.jsですでに使っている機能のため割愛 【技術本まとめ】実践Next.jsを読んでのメモ - Server Action とパフォーマンス - UGA Boxxx useActionState u…

TypeScript 5.5 Beta のアナウンスが出たので使いそうな構文周りをざっくり確認した devblogs.microsoft.com Inferred Type Predicates 以下でbirdsがundefinedではなく、birdsがBird[]に推論されるようになった function makeBirdCalls(countries: string[]…

TurborepoのCode Generator について調べた turbo.build まず、generator configuration fileを用意する 基本的にpromptsとactionsを定義するだけで良い import type { PlopTypes } from "@turbo/gen"; export default function generator(plop: PlopTypes.N…

Turborepoのチュートリアルで出てくるturbo.jsonのオプションについて調べた チュートリアルは以下 Getting Started with Turborepo – Turborepo オプションについては以下 Configuration – Turborepo globalDependencies グローバルハッシュの生成に影響あ…

googleが出しているコードレビューガイドラインを知った コードレビューをやる場合はこれを見ながらやるとよさそう fujiharuka.github.io 現場のコードレビュー時に以下のようなトレードオフが存在する どんな変更に対してもレビュアーがいちいち難色を示し…

Vercelのv0.devというサービスを知ったので調べた v0.dev v0とは AIを活用したVercelのジェネレーディブUIシステム 単純なテキストプロンプトと画像から shadcn/ui を使用して UI（Reactコンポーネント） を生成するツール 早速やってみる まず、入力フォー…

VercelがEdgeレンダリングをNode.jsのレンダリングに戻したという話が話題になった So, @vercel reverted all edge rendering back to Node.js Wanted to correct the record here as it's something I've advocated for in the past, and share what I've l…

takepepeさんの新しい本『実践Next.js』を読んだので、Server Action あたりのメモ 実践Next.js —— App Routerで進化するWebアプリ開発 エンジニア選書作者:吉井 健文技術評論社Amazon 読んでいて思ったのは、噂通りApp Routerではキャッシュの仕組みや、設…

onClickCaptureを使えば、イベント伝搬のうちのキャプチャリングフェーズで実行される関数を指定できることを知った ja.react.dev キャプチャリングフェーズとは、ルート要素からクリックされた要素に向かってイベントが伝播し、それぞれの要素にイベントリ…

useTransitionを調べる ja.react.dev 上のドキュメントにあるように用途としては以下が挙げられる state 更新をノンブロッキングのトランジションとしてマークする トランジションなしの場合、ボタンを押したときそれが遅い処理だとUI が反応しなくなるが、…

もうすぐSafariでView Transitions APIが実装されるということでちょっと盛り上がった techfeed.io とはいえ、まだTech Preview中なので、全ユーザーが使うとなるともう少し後になる模様 View Transitions API はChromeでは既に実装されていて、自分でも以前…

UIとUXの慣例的に良いとされている原則や名前のついた原則をイメージ付きで説明されているサイト 感覚的にもそうだろうというものが多く、一覧でまとめられているので重宝しそうなサイト 「UI & UX Design Tips」 www.uidesign.tips www.uidesign.tips この…

前回のWardley Mappingを調べた続き uga-box.hatenablog.com Wardley Mappingは以下の孫子の兵法を基に作られたビジネス戦略のためのツール 目的…道徳的義務、行動範囲、なぜそれを行うか、他の人があなたをフォローする理由 風景…競争している環境や部隊の…

事業のコアドメインの見つけ方で、Wardley Mapping というのを知ったので調べた Wardley Mapping（ウォードリー・マッピング）は、Simon Wardley氏によって開発されたツールで、ビジネス戦略の策定において組織が提供する価値やサービスをビジュアル化し、そ…

Kent Beck氏がTDDの定義を改めて明確化した文章をt-wadaさんが翻訳した記事 t-wada.hatenablog.jp 内容としては、Kent Beck氏がTDDの本来の意味や定義が弱まって伝わっている（t-wadaさんは「意味の希薄化」と書かれている）ことが残念なので、正しく広まっ…

デザインシステムの構築と運用に関するインタビュー記事 spctrm.design Spectrum Tokyoの三瓶さんと、Figma Japanの谷さんとDMM.comの河西さんの座談会 デザインシステムの背景、その構築と運用に関する実体験、そしてデザインシステムの普及がデザインの未…

「squash & merge」対応していない現場で、ローカルで作業してて追加でコミットしたものをあるコミットに混ぜたい場合、これまでrebaseしてsquashしていたのだが、コミット時に--fixupをつけておくと簡単にできるみたい squashだと毎回コミットコメントの記…

ZodでAlways-Valid Domain Model を実現する話し zenn.dev Always-Valid Domain Model とは ドメインモデルがそのライフタイムにおいて常に有効な状態を保つように設計されるアプローチ ドメインモデルの不変条件をクラスのコンストラクターやメソッドを通じ…

昨日書いたCTOの役割変化の話とはうって変わって、そもそもポジションをつくらない話も面白かった zenn.dev 以下まとめ なぜポジションをつくらないのか？ 特定のポジションがあるとそのポジションを目指すことが社内で正当化されちゃう 会社のビジョンと個…

CTOという役割がどのように変化していったかの事例がとても参考になった speakerdeck.com CTOの役割の変化が以下のように変わっていったという話 開発 -> テックリード -> PdM/PjM -> 採用 変化の軸は企業価値最大化という目標に対して、一番ROIが高そうな仕…

以前あるイベントで拝見した、樋口さんのスライドで「サービスブループリント」が紹介されていたので調べた speakerdeck.com スライドでは ビジネス・サービスに関係する全てのステークホルダーのタスクと連携を可視化し、フロントヤード・バックヤードの課…