okyawa
@okyawa.bsky.social
神戸でWeb Developer、Tech Lead Cocktail researcher, Photographer Bassist、歌、筋トレ Nikon Zf, D500, RX100M4, iPhone, Google Pixel E-Bass, Cajon, Keytar No AI training
Chrome 152から、macOSにインストールされたPWAの通知が「Google Chrome」ではなく、PWA独自の名前とアイコンでネイティブに表示されるようになるみたい `requireInteraction` の非推奨化や、App Badging API（`setAppBadge`）でのOS通知権限必須化と、APIの挙動変更あり developer.chrome.com/blog/notific...
macOS のウェブアプリのネイティブ通知アトリビューション | Blog | Chrome for Developers
Chrome 152 以降では、macOS にインストールされたプログレッシブ ウェブアプリ（PWA）の通知は、Google Chrome ではなく PWA 自体にネイティブに帰属するようになります。
developer.chrome.com
VSCodeのMarkdownファイル、プレビューを見ながら編集できるモードができたんや - Markdown ファイルを開いた状態で、エディター右上の「...」から「Reopen Editor With...」を選び、「Markdown Editor - Built-in」を指定 qiita.com/ruumalilja/i...
Markdownのプレビューを見ながら編集できる──VS Code 1.131 新機能を試す - Qiita
VS Code 1.131 で、Markdown をレンダリングした見た目のまま編集できる Experimental 機能 Hybrid Markdown editor が追加されました。 公式リリースノートでは、Agents window 内で Markdown を表示・...
qiita.com
GitHubのStacked pull requests、試してみたら、数珠繋ぎ状態になったプルリクエストが把握しやすくなって便利 github.blog/changelog/20...
Stacked pull requests are now in public preview - GitHub Changelog
Stacked pull requests break large changes into small, reviewable pull requests. They’re an ordered series of pull requests that each represent focused layers of your change. With stacks, you can…
github.blog
Claude Code向けのClaudeセキュリティプラグインが、β版として利用可能になったみたい コミット前に変更内容を脆弱性に対してスキャンするか、または既存のClaude推論を実行するターミナルから、コードベース全体をフルスキャンするなど /plugin install claude-security@claude-plugins-official code.claude.com/docs/en/clau...
Scan your codebase for vulnerabilities - Claude Code Docs
Install the Claude Security plugin to scan your codebase for vulnerabilities in a Claude Code session and turn findings into patches you review and apply.
code.claude.com
Apple、Figma、Stripeなどの世界最高峰の企業のデザインシステムを、AIが読み込める DESIGN. md に整理して無料公開しているGitリポジトリ 手順は、お気に入りのブランドの DESIGN. md をコピーし、自分のプロジェクトのフォルダに置くだけ AIエージェントが、DESIGN. md に書かれた「色・フォント・余白・コンポーネントの挙動」などの細かなルールを自動で読み込み、一切ブレのないトップブランド水準のUIを自律的に生成 github.com/VoltAgent/aw...
GitHub - VoltAgent/awesome-design-md: A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.
A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI. - VoltAgent/awesome-design-md
github.com
Firebase Remote Config、長らく無料で使えていたけど、2026年9月1日から遂に重量課金に それなりの無料枠はある感じ firebase.google.com/docs/remote-...
Remote Config の料金 | Firebase Remote Config
Firebase Remote Config の料金の詳細に関するガイド。
firebase.google.com
Safari Technology Preview 247から、Safari MCP serverが導入されるみたい これで、SafariもAIエージェント自身が確認できるようになるなぁ webkit.org/blog/18136/i...
Introducing the Safari MCP server for web developers
In Safari Technology Preview 247, we’re introducing the Safari MCP server — a Model Context Protocol server for web developers that makes your web development and debugging workflow faster and more po...
webkit.org
Cloudflareがx402でAIのアクセスに課金できるシステム「Monetization Gateway」の発表、やっとキター 前は closed beta で試せなかったやつ Early Access Waitlist に申請done blog.cloudflare.com/monetization...
Announcing the Monetization Gateway: charge for any resource behind Cloudflare via x402
We're opening the waitlist for our Monetization Gateway, which will allow you to charge for any web page, dataset, API, or MCP tool behind Cloudflare. The charges will settle in stablecoins over the x...
blog.cloudflare.com
Chrome DevTools for Agents が 1.0 の Stable になってリリース AIコーディングエージェントが書いたコードをブラウザで動かして検証できるもの Lighthouse自動監査、メモリリーク検出の他に、既存のブラウザセッションをエージェントと共有できて再認証不要にできるのが良さげ developer.chrome.com/blog/devtool...
エージェント 1.0 向けの Chrome DevTools で AI コーディング ワークフローを効率化 | Blog | Chrome for Developers
エージェント用の Chrome DevTools は、コーディング エージェントがコードをリアルタイムで検証、デバッグ、最適化するために必要な可視性を提供します。
developer.chrome.com
BASE、購入時のクレジットカード決済に流量制御を導入したみたい 特定のアクセス集中ショップに購入が集中しても、その他のショップに影響が及ばないように、限られた決済の流量を能動的に制御することで受け止められるようにした、とのこと 決済の流量を1つのグローバルカウンタで測って制御しつつ、アクセス集中ショップ用バケットによってアクセス集中ショップの流量に少しだけきつめの制限を設け、その他のショップの決済分を引き算で残す形式 devblog.thebase.in/entry/2026/0...
どのショップでもいつでも購入できるカート機能を目指してRateLimiterを導入した話 - BASEプロダクトチームブログ
はじめに こんにちは、バックエンドエンジニアの小笠原（@yukineko_819）です。 Checkout Reliabilityチームに所属し、負荷試験環境の構築や購入ロジックの最適化など、購入体験の信頼性向上に向けた取り組みをしています。 今回は、「どのショップでも、いつでも安定して購入できる」という購入体験を守るために、購入時のクレジットカード決済へ流量制御（以降、レートリミッタ）を導入した...
devblog.thebase.in
Astro 7.0、コンパイラやVite8対応やMarkdown処理がRust化されて、高速化した感じかぁ HTMLの自動補正が無くなり、JSX風の空白処理に変わったみたい astro.build/blog/astro-7/
Astro 7.0 | Astro
Astro 7.0 brings faster builds with Vite 8, a new Rust compiler, Advanced Routing, background dev server support, and structured logging.
astro.build
iOSでWebKitのSafariベース以外のブラウザが開発不可だった点、EUのデジタル市場法で2024年3月から技術的には可能になってたんや まぁ、AppleのBrowserEngineKitにはバグなどの技術的な課題があるようで、まだ正式リリースには至っていないみたい gigazine.net/news/2026061...
iOSで動作するBlink駆動の試作版ChromiumブラウザがSafariを30％上回るパフォーマンスを発揮
Microsoft Edge Web Platformチームが、iOS上でBlinkベースのChromiumブラウザ試作版を動作させたベンチマーク結果を公開しました。AppleがiOS向けブラウザにWebKit使用を求めてきたことにより、少なくとも一部のブラウザ性能でユーザーが約30％の性能差を受けている可能性が示されています。
gigazine.net
AIエージェントがアカウント登録なしにCloudflareへ自律的にデプロイできる「一時アカウント」機能の提供開始 どのエージェントでも、 Wrangler（CloudflareのCLI）に新たに追加された `--temporary` フラグを使えばCloudflareアカウントなしにWorkerをデプロイ可能で、この一時的なデプロイは60分間有効 「エージェントが人間を介さずにインフラを自律調達する」という世界観に向けて進んでいると blog.cloudflare.com/temporary-ac...
Temporary Cloudflare Accounts for AI agents
The moment an agent needs to deploy something, it slams face-first into a wall built for humans. Today we're rolling out Temporary Accounts on Cloudflare Workers. Any agent can now run wrangler deploy...
blog.cloudflare.com
技術書PDF/EPUBをスキルに変換するOSS、book-to-skill 書籍を構造化されたスキルに変換し、AIエージェントが必要に応じて読み込む感じ github.com/virgiliojr94...
GitHub - virgiliojr94/book-to-skill: Turn any technical book PDF into a Claude Code skill — ready to study, reference, and use while you work.
Turn any technical book PDF into a Claude Code skill — ready to study, reference, and use while you work. - virgiliojr94/book-to-skill
github.com
価格.com のAI駆動によるシステム全面刷新プロジェクト 人手の監視なしにAIが動き続ける長時間の自立実行や、ワークフロー改善作業をスキル化してワークフロー自体もAIが自律的に改善する仕組みを構築 設計者の月額AI利用料は 440万円 💸 speakerdeck.com/tkyowa/kakak...
価格.comをAI駆動で全面刷新する ー 30年分の技術的負債を返し、次の30年の土台をつくる ー / AI Engineering Summit Tokyo 2026
AI Engineering Summit Tokyo 2026の登壇資料です。 価格.comは、C#とClassic ASPが混在するWindowsシステムを、創業から約30年、抜本的な刷新をせずに運用してきました。コードは約960万行、テーブルは13,210に及びます。この積み重なった技術的負…
speakerdeck.com
AIとセッションができると👀 Googleが2026年6月4日に公開した音楽生成AIモデル「Magenta RealTime 2」、従来の「プロンプトを入れて曲を生成する」タイプではなく、楽器のようにリアルタイム演奏・操作できる音楽生成AIとして公開されたモデルみたい 演奏者が操作できるAI音源／AI楽器、って感じかぁ MacBook上でローカル動作し、インストゥルメンタル音楽向け コードはApache 2.0、Googleは出力物に権利を主張しない一方で、著作権など第三者の権利を侵害しないよう利用者側が責任を負う gigazine.net/news/2026060...
GoogleがAIとセッションできる音楽生成AI「Magenta RealTime 2」を公開＆DAWプラグインや楽器アプリも無料公開
Googleが音楽生成AIモデル「Magenta RealTime 2」を2026年6月4日に公開しました。合わせて、Magenta RealTime 2を実行できる楽器アプリやDAWプラグインも無料公開されています。
gigazine.net
ハンバーガーメニュー、メニューアイコンのアニメーションが不要であれば、dialog要素を使う形式が手軽で安全 ics.media/entry/260527/
dialogタグで面倒が減る！ 見直したいハンバーガーメニューの作り方 - ICS MEDIA
ハンバーガーメニューは、スマートフォン向けウェブサイトでよく使われるナビゲーションUIです。ヘッダーの［≡］ボタンを押すと、リンクの一覧が、現在のページの上に重なって表示されます。
ics.media
