そのUIコンポーネント、これから先も使えますか？―Headless UI,Open UI,グローバルデザインシステム｜sakito
しかし、Headless UIであっても、その制限を超えるデザインや実装には限界があります。そこで登場したのが、コードを手元に持ってきて直接カスタマイズする方式です。 コードを手元に落とす方式の登場Headless UIの思想がさらに発展したのが、「ライブラリそのものを手元に落とす」という新しい方式です。これは、UIコンポーネントをサードパーティの「依存関係」としてではなく、プロジェクト固有の「資産」として扱うという考え方です。 この方式の代表的な例がshadcn/uiです。 定義 まず明確にすべきは、shadcn/uiはコンポーネントライブラリではない、という点です。これはnpm installで導入するパッケージではなく、CLIコマンドを通じて、必要なコンポーネントのソースコードを直接プロジェクト内にコピー＆ペーストするための集合体です。 完全なコントロールという魅力 この方式は、開発
最近のClaude Codeの使い方
この記事では最近（2025/08時点）でKurogoma4DがClaude Codeを使うときにどういうフローで使っているかという話をしていきます。 既存プロジェクトの調査のとき serena MCPを導入する 調査結果はMarkdownに出力してもらう serena MCPを導入する 最近話題のやつです。プロジェクトの構造や依存関係を素早く把握できるので、既存プロジェクトに初めて触る時は特に重宝します。 調査結果はMarkdownに出力してもらう 「このプロジェクトの認証フローを調査してMarkdownにまとめて」のように依頼すると、なにかしらの調査レポートが得られます。これを最初からplan modeではなくedit modeでやらせるのが肝です。 結果をファイルとして書き出しておけば、その時点で外部メモリとして機能させることが可能なので、ブラッシュアップがしやすくなります。 また、こ
fetch() では Host ヘッダーを設定できないし話はそこまで単純じゃない - Object.create(null)
JavaScript (TypeScript) のコードから HTTP リクエストを送る手段として, 最近では Web 標準の一つである Fetch Standard で定義された fetch() が使われることが多いですね. await fetch("https://example.com"); リクエストヘッダーには Host を設定できない Fetch Standard では Host をはじめとして Content-Length, Cookie, Origin など, いくつかのリクエストヘッダーを設定 (JavaScript から上書き) することが禁止されています. https://fetch.spec.whatwg.org/#forbidden-request-header いずれのヘッダーも HTTP やセキュリティ上の取り決めに従うために, ページの JavaSript
【フロントエンド向け】JWTの安全な保管場所とCSRF・XSS対策の技術解説
はじめに Webアプリケーションで広く利用されるJWTなどの認証トークンですが、その保管場所はセキュリティを大きく左右します。この記事では、localStorageを利用する際のリスクを解説し、HttpOnly属性付きクッキーとCSRFトークンを組み合わせた、堅牢なセキュリティ対策のロジックを技術的に解説します。 1. なぜlocalStorageは危険なのか (XSSの脅威) localStorageへのトークン保存は実装が容易なため広く使われますが、XSS（クロスサイト・スクリプティング）攻撃に対して脆弱です。 XSS攻撃の概要: 攻撃者がウェブサイトの脆弱性を利用して、悪意のあるJavaScriptコードを他のユーザーのブラウザ上で実行させる攻撃手法です。入力フォームやコメント欄などが主な注入経路となります。 localStorageのリスク: localStorageに保存されたデ
AI駆動開発ツール：コーディングアシスタントツールまとめ（2025年9月版）
アプリケーション開発の生産性向上において、AIによるプログラミング支援ツールやサービスは欠かせないものになろうとしていますが、一方でこの分野にはさまざまなベンダから新製品やサービスが続々と投入され続けており、その全体像を把握するのが難しくなっています。 そこで、この記事では現時点でAIを活用したプログラミング支援ツールやサービス、いわゆる「AI駆動開発ツール」の主なものを一覧にまとめました。 本記事は「コーディングアシスタントツールまとめ」編と「コーディングエージェント／TextToAppまとめ」編の2つに分かれています。いまお読みの記事は「コーディングアシスタントツールまとめ」編です。 コーディングアシスタントとは コーディングアシスタントに分類されるツールは一般にコードエディタに統合されており、書きかけのコードを自動的に補完してくれる機能、コードの内容を自然言語でコメントとして記述する
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
