はてなブックマーク

Claude Codeでコードを書くのが当たり前になりつつありますが、Codexの名前も最近聞きますよね？ Claude Codeは性能低下のバグを治して元の最強になりました。 しかしそれと同時期にCodexはGPT-5-Codexという新しいモデルを出しました。 これは頂上決戦するしかないよなぁ！？ ということで、一度比較をしてみたいと思います😉 今回は人気の3つ Claude Code (Sonnet 4) Codex (GPT‑5-Codex high) Cursor Agents (Auto) と、おまけで2つ Augment Code (Sonnet 4) Warp Code (GPT-5 high-reasoning) にまったく同じプロンプトを投げ、Slackクローンを作ってもらいました。 実験条件 共通プロンプト Slackクローンアプリを作成してください。 .curso

開発初期に「どのスタイリング手法でいくべきか」などとよく悩むと思います。 筆者ならそこで「悩むよりもとりあえず書き始めよう」と言いたいところですが、規模が大きいプロジェクトなどでは途中でスタイリング手法を変えようとすると大きな負担になったりと柔軟な変更ができないことがあります。 だがしかし！！ Google先生で調べようものなら 「CSS-in-JSをやめた理由」 「CSS Modulesをやめた話」 などなど... じゃあ何ならええねん！ そもそもReactにおけるスタイリング手法は多種多様で、時代によって流行が移り変わっていくものでもあり、Googleのトップに来るのは古い情報ばかりです。 そんな悩めるあなたにこの記事では筆者が利用したことのあるスタイリング手法を、CSS-in-JSやCSS Modulesに限らず、筆者の使用感もふまえて紹介していきます。 古い情報だけでなく、zero