Tech の記事一覧
![[Chrome] 実機なしでモバイル表示を確認する ― DevTools デバイスモードの使い方](/images/blog/covers/chrome-device-mode.svg)
[Chrome] 実機なしでモバイル表示を確認する ― DevTools デバイスモードの使い方
TechChrome DevTools のデバイスモードで、スマホ表示を実機なしで確認する方法をまとめました。開き方・画面サイズ・DPR・回転から、通信速度やCPUのスロットリング、位置情報の偽装、実機と違う点や実機デバッグへの移行まで。
![[Chrome] DevTools の便利機能まとめ ― 知らないと損する12個](/images/blog/covers/chrome-devtools-tips.svg)
[Chrome] DevTools の便利機能まとめ ― 知らないと損する12個
TechChrome DevTools の便利機能を実務目線でまとめました。コマンドメニュー、Local Overrides、リクエストのブロック、Copy as fetch、Recorder、Coverage、レンダリング系のエミュレーション、そしてAIアシスタントやMCP連携まで。
![[Claude Code] チーム・組織で使うためのセキュリティ設定 ― 権限とdeny、managed settings](/images/blog/covers/claude-code-security.svg)
[Claude Code] チーム・組織で使うためのセキュリティ設定 ― 権限とdeny、managed settings
TechClaude Code をチームや組織で安全に使うための設定を、権限(allow/ask/deny)の考え方、シークレットをdenyで「見せない」テクニック、managed settingsでの組織配布まで、実際に書く JSON 付きで整理しました。
![[AI] AIコーディングエージェントのグッドプラクティスとアンチパターン](/images/blog/covers/ai-coding-agent-practices.svg)
[AI] AIコーディングエージェントのグッドプラクティスとアンチパターン
TechCursor / Claude Code / Codex を毎日使う中で溜まった「こう使うと良い・こう使うと事故る」を、コンテキスト管理・タスクの切り方・モデル選択・検証などユースケース別に整理しました。丸投げせず相棒として使いこなすための実践メモです。
![[インフラ] Cloudflare / Vercel / Supabase / Neon を比較 ― 特に課金モデルのPros/Cons](/images/blog/covers/cloudflare-vercel-supabase-neon.svg)
[インフラ] Cloudflare / Vercel / Supabase / Neon を比較 ― 特に課金モデルのPros/Cons
TechCloudflare・Vercel・Supabase・Neon を、機能ではなく『課金モデル』の視点で比較。特に似ているようで大きく違う Cloudflare と Vercel の料金の考え方、Supabase と Neon の違いを、Pros/Consで整理します。
![[コマンド] ハッシュ値・強度別パスワード/パスフレーズ生成 早見メモ(Win/Mac/Linux)](/images/blog/covers/hash-password-commands.svg)
[コマンド] ハッシュ値・強度別パスワード/パスフレーズ生成 早見メモ(Win/Mac/Linux)
TechSHA-256などのハッシュ値、ランダムパスワード、単語ベースのパスフレーズを、Windows・macOS・Linux(Ubuntu)それぞれのコマンドで生成する早見メモ。毎回忘れるので自分用にまとめました。
![[Astro] カバーSVGからOGP画像(PNG)を生成して og:image に使う](/images/blog/covers/wordpress-to-astro.svg)
![[Astro] prefers-color-scheme で自動ダークモード対応にする](/images/blog/covers/tailwindcss-v4.svg)