Claude Codeを使い始めるとき、多くの人がセットアップを飛ばしていきなり使い始めます。 それが最初の失敗です。.claude/フォルダの構造と、CLAUDE.md・settings.json・commands・agents の役割を整理します。
テクノロジーとは
一般的にテクノロジーとは、基礎知識・使い方・活用例などを含めて継続的に情報が更新されるテーマです。 テクノロジーは、attripで扱う「テクノロジー」関連の記事をまとめたカテゴリです。基本情報、使い方、比較、実例、注意点まで、実際に試した内容を中心に整理しています。 初めて調べる人にも、すでに使っている人にも、次に読むべき情報へ最短でたどり着けるように構成しています。最新の更新内容や実運用での気づきも、できるだけ具体的に追記していきます。
Chromeが重いとき、まず疑うべきはログインではなく“常駐”だった
Chromeが重い。 地味だけど、これが続くと作業のリズムが崩れる。 開く。待つ。 切り替える。少し止まる。 WordPressを触る。ChatGPTを触る。Gmailを見る。 そのたびに少しずつ引っかかる。 この「少し […]
Claude Codeに高いお金を払う前に、最初に決めておきたい5つのこと
Claude Codeを導入する前に、先に設計しておきたい5つのことを整理します。CLAUDE.mdとsettings.jsonの違い、確認レベル、触ってよい場所、完了条件まで、無駄打ちを減らす視点でまとめました。
GPT-5.4で気持ちのよいUIを作るには、先に制約を渡す
AIでフロントエンドを作れる時代になって、画面を作る速さはかなり上がりました。ただ、速く作れることと、気持ちよく読める画面になることは、やはり別です。OpenAI Developersの公式記事「Designing de […]
AIでコードを書く初心者が詰まりやすい失敗のロードマップ|最初に崩れやすい4つの壁
AIでコードを書く初心者が、どこで詰まりやすいのかを4つの失敗に分けて整理します。設計不足、依頼文の曖昧さ、切り分け不足、広げすぎ問題まで、最初に知っておくとかなり楽になる考え方をやさしくまとめました。
Codexの使用制限に悩んだら。STATUS.mdで文脈を絞る運用術
Codexの利用枠を賢く使うには、やり取りを増やす前に文脈を絞ることが大切です。STATUS.mdに現在地だけをまとめて、AIへ渡す情報を小さく保つ実務的な運用術をやさしく解説します。
AIっぽくないWebデザイン参考20選
AIっぽくないWebデザインを観察するための参考20選です。余白、情報の優先順位、CTA数、ブランドの温度を学ぶ視点ごとに整理しています。
AIっぽさを振り切ると、余白が作品になる
AIっぽい文章を隠すより、あえて振り切るほうが強い。 さらに文字を抜いて余白を作ると、その空白自体が作品になる。