クラシルで、CPOをしている坪田です。 この記事は、「デザインハーネス」イベントで登壇した内容をnoteにしたものです。 チャレンジしたのは「Claude CodeでUIデザインを作りきれるか」。 「ハーネス」という仕組みを作ったことで、デザイナーではないPdMやエンジニアがClaude Codeでデザインシステム（DS）に沿ったUIを作れるようになり、すでにチームの運用として回っている。 この記事では、そこに至るまでに作った仕組みと、つまずいたポイントを共有する。 まず実物からこの通り、同じ依頼でも、ハーネスの有無で出てくるUIはここまで変わる。 この比較で頼んだのは、日本語で「レシピ一覧画面を作って」のひと言だけ。色もフォントも指定していないのに、右側はDSの思想に沿ったUIが出てくる。 出力は技術スタックに合わせられる。ウェブならHTML、アプリならSwiftのコードで、そのまま動く

なるほど、いろんなスキルを組み合わせる。しかし、すでにもう一旦作ってしまっているので、ClaudeCodeでWebサイトのフォルダを開き、ブランチを作って次の二つのスキルだけ適用してみます。 /frontend-design /baseline-ui インストール方法は、上記のリンクを参考にしてください。 どう変わったか方法は、作業ディレクトリで `frontend-design` と `baseline-ui` を実行しただけです。 結果として、かなり良い仕上がりになりました。 当初は「WordPressの標準テンプレートに文字を載せただけ」のような印象でしたが、適用後は強調したい部分が際立ち、適度に色が加わるなど、しっかりと「デザインされた」感じが伝わってきます。 最初から紹介されているスキルをフルに組み合わせればもっと変わったはずですが、今回の簡単な実験でも既存のベースを活かした「良

ハト @okugaikoukok 【お願い】 私ごとで恐縮ですが、皆様が「買ったらQOL爆上がりした」ものを教えていただけないでしょうか... 日々を豊かにするための買い物の参考にしたいのです... 除湿機 2026-05-31 11:16:04

カライドサイクルとは、6個以上の合同な四面体を蝶番でつなぎ環状に連ねたリンク機構で、イルカが吹くバブルリングのようにくるくると回転させることができます。折り紙として作ることのできるリンク機構の代表例として50年以上前から知られていますが、自明な場合を除き、カライドサイクルの存在の厳密な証明や明示的な公式の構成は、リンク機構の設計・解析の難しさから、その長い歴史にも関わらずこれまで存在しませんでした。 鍛冶静雄 理学研究科教授、重富尚太 九州大学助教、梶原健司 同所長からなる研究グループは、楕円テータ関数という特殊な数学的道具を用いてこの問題を解決しました。研究グループはまず、カライドサイクルを「捩れ角と辺の長さが一定の閉じた折れ線」として捉えられるという事実に着目しました。次に、捩れ角と辺の長さが一定である折れ線の頂点の位置ベクトルを表す公式を、楕円テータ関数を用いて明示的に構成しました。

こんな経験ありませんか? 土曜の朝、 新機能を開発する。 まずは Codex で DB migration の boilerplate を書かせる (= 機械的な作業、 Codex の方が早い)。 「users table の email column は CITEXT、 RLS は auth.uid() で scope」 と方針を伝えて、 30 分で完成。 水曜、 同じ機能の 複雑なビジネスロジック を Claude Code で組み始める (= reasoning 必要、 Opus がよく考えてくれる)。 You: Codex で書いた migration の RLS 制約、 ここで効くんだっけ? Code: 申し訳ありません、 Codex の作業履歴にはアクセスできません。 migration の内容を教えていただけますか? You: [~/.codex/ にある migration

はじめに Qiita で「Claude Code を社内で使うための『AIエージェントセキュリティ』実践編」がトレンド入りしていました。 Claude Code を組織で使い始める時、最も多い不安は 「機密情報がうっかり漏れないか」 です。 実際にうちのチームで1年以上運用してきた経験から、最低限これだけは設定しておけ という5項目のガードレールを共有します。 セットアップは合計15分。最初の1日でやっておくべきです。 ガードレール1: .claudeignore で機密ファイルを除外 最重要。Claude Code がプロジェクト内のファイルを読む時、.claudeignore に書いたものは無視 されます。 プロジェクトルートに .claudeignore を作って：

2026/04/16 に「技育CAMPアカデミア」で話したスライドです。2025 年のはてなインターンの講義資料 (https://speakerdeck.com/hatena/internship-2025-frontend) に手を加えたものになってます。 https://talent.sup…

鶏まみれ 作者:繁延 あづさ亜紀書房Amazonこの『鶏まみれ』は、長崎に移住し、猟師の知り合いにお願いして狩猟の現場に同行する過程で、狩猟と肉の解体の実体験を綴った『山と獣と肉と皮』などで知られる繁延あづさの最新ノンフィクションだ。著者の持ち味は、狩猟や食肉処理の過程を、写真家ならではの高精細な文章で紡ぎ出していく文章と、彼女の人生の流れの中に「狩猟」や「食肉処理」が自然に入り込んでいく本の構成そのものにある。 今回で言えば著者は食鳥処理場に通いはじめて、スピード重視の鶏肉処理の加工の現場を3年以上身を持って体験し、様々なことを考えこの『鶏まみれ』を書いていくわけだが、それは別にこの本を書くためにやったことではなく、彼女と彼女の家族に必要なことだったからだ。具体的には、リストラにあって失職した夫が一年を費やしても仕事が見つからず、最終的に養鶏をやって卵でも売ろうかなと言い出し、妻である著

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? お前がコードを書き始める前に 言っておきたい事がある かなりきびしい話もするが 俺の本音を聞いておけ はじめに これから少しの間、不器用で、偉そうで、厳しいことを言う。けれど最後まで聞いてくれれば、その裏側にあるものもわかってもらえると思う。だから先に謝っておく。生意気な口を、許してほしい。 まず、お前に話す前に、業界を取り巻く空気の話をさせてくれ。ソフトウェア業界には、昔から消えない風潮がある。 「売れたプロダクトはすべて正しい」 「品質? 障害が起きなければそれでいい」 「細かいことはベンダーに丸投げで構わない」 ビジネスの現場で生

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

CLAUDE.mdは長いほど効くわけではありません。むしろ長いほどClaude Codeは従いにくくなります。 100行書いたCLAUDE.mdと、35行に削って残りを.claude/rules/に分離したCLAUDE.md。同じ指示を出しても、後者の方がClaudeの出力品質が明らかに高いのです。 この記事では、なぜそうなるのかを公式仕様に基づいて解説し、「どの行を残し、どの行を移し、どの行を消すか」を1行単位で設計する方法論を紹介します。 CLAUDE.mdの注入メカニズム — なぜ「埋もれる」のか User Messageとして注入される事実 公式ドキュメントにはこう書かれています。 CLAUDE.md adds the contents as a user message following Claude Code's default system prompt. — Claude

リストを作成しながら「どんなジャンルを読んだって良い。読んだそばからどんどん忘れていって良い。あなたの中にその本のエッセンスはちゃんと溜まっていく」という小学校の先生の言葉を思い出した。 『黒い家』貴志祐介 『不道徳教育講座』三島由紀夫 『感じるオープンダイアローグ』森川すいめい 『自分の中に毒をもて』岡本太郎 『ぼぎわんが、来る』澤村伊智 『宇宙人と出会う前に読む本』高水裕一 『秘密の花園』バーネット 『論より詭弁』香西秀信 『窓ぎわのトットちゃん』黒柳徹子 『草の根のファシズム』吉見義明 『桶川ストーカー殺人事件 遺言』清水潔 『しあわせの書』泡坂妻夫 『或日の大石内蔵助』芥川龍之介 『ものぐさ精神分析』岸田秀 『私の嫌いな10の人びと』中島義道 『ボッコちゃん』星新一 『男たちへ』塩野七生 『イニシエーション・ラブ』乾くるみ 『A3』森達也 『幽霊人命救助隊』高野和明 『ウケる技術』

プロジェクト・ヘイル・メアリー　上 (ハヤカワ文庫SF) 作者:アンディ ウィアー早川書房Amazon映画『プロジェクト・ヘイル・メアリー』が洋画として久々の大ヒット、ということで、原作小説も合わせて大きく話題になっているようだ。僕も映画を公開初日に観に行ったが、上下巻の原作小説を二時間半にまとめるために、様々な要素をカット、改変しながらも、コアな側面は外さず「映画版」として再構築し、特にファーストコンタクトもののＳＦ映画としては、間違いなく歴史に残る作品といえる。*1 その原作にあたる同名小説は翻訳ＳＦとしては近年最大のヒット作で、ファーストコンタクトに科学的な探求譚に人類の危機といった壮大なスケールの物語が上下巻でまとまっているという点で、初心者にもおすすめしやすい、内容的にも傑作だった。そのうえ、この絶望の時代に、非常にポジティブな気持ちにさせてくれる作品でもあり、ある意味、今この瞬

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? みなさん、ClaudeCodeを使っていますか？ (「バチバチ使いこなしているぜ！」という方は読んでも意味ないので、この記事は閉じてください！) 私はClaudeCodeが好きで、業務はもちろん日常生活でもほぼ毎日使っています。なるべくClaudeCodeに仕事をさせるように、設定やSkillを日々いじくり回しています。 ただ、ClaudeCodeは便利な反面、難しいツールでもあります。難しい理由は「機能の豊富さ」と「爆発的なアップデート速度および頻度」から来ていると思っています。気を抜くとすぐに自分の知らない機能が増えています。私もな

AIが発見し、人間が検証・証明する。数学研究における人間とAIの協働モデルが、世界最高峰の研究者によって初めて公式に記録された。 見えた限界 公平を期すために、今回の事例で見えた限界も整理しておく。 Claudeにできたこと 複数のアプローチを体系的に試行する 失敗から方針を切り替える 分野横断的な発想で問題を再定式化する 未知の構成法を発見する Claudeにできなかったこと 発見した解が「なぜ正しいか」を数学的に証明する 偶数ケースを解く（長時間セッションで性能が劣化） 人間の誘導なしに、自発的にこの問題に取り組む つまり「AIが単独で数学を解く時代が来た」のではない。「人間が正しく使えば、AIは数学的発見のパートナーになり得る」 ことが示された。 Knuthの言葉 最後に、論文の中でKnuthが残した2つの言葉を引用する。 冒頭。 "Shock! Shock!" そして、発見の喜びに

こういった、昨今のLLM事情を憂いる記事は親の顔より見ているが、やはり書かずにはいられなかった。 一点言い訳をしておくと、私は普段からLLMを使いまくっている。LLMを使っている人を批判したい意図は無い。 この記事を読んで、今一度LLMの使い方を俯瞰して見てもらえたら嬉しい。 LLM とわたし これでいいんだっけ？ もともと自分はコーディングが好きだった。面倒なことも多かったが、目的達成のために試行錯誤しながらプログラムを書き進め、ついに動いたときの感動がよかった。 だが、自分が手を動かして真心こめた手作りのソースコードを生成している間に、LLMはその10倍、いや100倍ものソースコードを生成できる。 世界が加速しているので、自分も同じだけ加速しなくては、相対的に遅れていく。 なので、LLMを活用できる人材とそうでない人材の格差はどんどん広がっていくだろう。 自分も理性でそう判断し、LLM

ちゃんと人間が書いています。 Claude Codeをこれから使い始める初学者の方から、 すでに使っているけれど もっと活用したい上級者の方まで、 幅広く対象にしています。 2026/02/18時点のAnthropic公式のベストプラクティスと、私の開発の知見を元にまとめています。 上から順に読んでいけば、誰でもプロになれるように書きました。

編集部内での激論の末、受賞ブログが決定しました！ はてなブログ編集部が選出する、はてなブログ年間アワード2025。 特設ページにて、受賞エントリーを発表しました！ blog.hatenablog.com 受賞エントリーは以下のとおりです！ インターネットにときめき続けたい - それは恋とか愛とかの類ではなくて むすめの朝顔 - kakasi3211’s blog シティポップと焼け野原（その3）【大貫妙子の父親の本『特攻隊振武寮──証言:帰還兵は地獄を見た』】 - 佐藤いぬこのブログ 大企業の幹部がやっている事について - Software Transactional Memo 定期的に何度も読み返している個人的名エントリを置いておく - 空の箱 多分、採用。 - 31から始めたブログ 11.10〜16日記 - 北村早樹子日記 突如覚醒した朝ラン生活の思い出 - ばらで飾る生活 AI生成の