今年も新しいキーボードを作りました。3Dプリンタで、1キーずつのモジュールを作り、関節で折れ曲る構造をしています。STLはこちらにアップしてあります。
github.com/google/mozc-devic…
ウェブの機能に対して相互運用性向上をリクエストできる、Interop 2027 の募集が開始されています🎉
ディベロッパーの要望をブラウザに伝えられるとても貴重な機会です。
2026 年は Container Style Queries や Anchor Positioning などの機能が互換性を向上させています。
web.dev/blog/interop-2027-pr…
Yoichiro Tanaka retweeted
ChatGPTがWebMCPをサポート。WebMCPはAIエージェントによる効率的なウェブサイトの操作を可能にするHTMLやJavaScriptです。
developer.chrome.com/docs/ai…
Replying to @OpenAIDevs
We’re adding support for WebMCP in the ChatGPT desktop app’s built-in browser and ChatGPT Sites.
When you visit a compatible website, ChatGPT or Codex can automatically use it to complete your task.
Update to the latest version of the ChatGPT desktop app, then just ask Codex to create a WebMCP-enabled app and deploy it to Sites.
Yoichiro Tanaka retweeted
Chrome 152から、macOSにインストールされたPWAの通知が「Google Chrome」ではなく、PWA独自の名前とアイコンでネイティブに表示されるようになり、macOSのシステム設定や集中モードとも個別に連携できるようになります。(画像は適用前後の比較)
この改善はブラウザ側で自動適用されるため、開発者側での特別な対応やコードの書き換えは必要ありません。
ただし、`requireInteraction` の非推奨化や、App Badging API(`setAppBadge`)でのOS通知権限必須化など、一部の周辺APIには挙動変更があります。該当する機能をご利用中の開発者の皆さんはぜひ一度ご確認ください。
developer.chrome.com/blog/no…
📣 [7月11日開催] I/O Extended Tokyo 2026 現地参加者向け
「中級者向け:Chrome Built-in AIを用いたウェブアプリ開発ハンズオン」by @yoichiro さん 参加募集中!!
Chrome Built-in AI APIを使ったウェブアプリ開発を体験します!はじめに、Chrome Built-in AI APIの概要と基本的な使い方を解説し、その後、事前に用意したコードラボをベースに実際の開発に取り組みます!
参加登録はこちら👇
gdg-tokyo.connpass.com/event…
#gdgtokyo #ioextended #AI #Handson #Chrome
Yoichiro Tanaka retweeted
Chrome DevTools for Agents 1.0 が Stable リリースされました。AIコーディングエージェントが書いたコードをブラウザで動かして検証できます。
主なポイント
* 3つの接続方法: MCP Server / CLI / Agent Skills
* Lighthouse自動監査: アクセシビリティ、SEO、ベストプラクティスをエージェントが自動チェック
* メモリリーク検出: ヒープスナップショットでDetached DOMノードを特定
* Auto-Connect: 既存のブラウザセッションをエージェントと共有(再認証不要)
* WebMCPデバッグ: サイトのツールを構造化して呼び出し、検証
* 3rd Party DevTools: React/Vueなどのフレームワーク内部状態をエージェントに公開
詳しくはこちらから developer.chrome.com/blog/de…
動画は日本語吹き替えで見ることができます。
Yoichiro Tanaka retweeted
📢7/18(土)Google I/O Extended Osaka 2026
「Google I/O 26' で発表された Web 技術とWeb 開発の未来」
田中 洋一郎 氏 (Tably Inc. CTO)
Google I/O 2026 にて発表されたウェブ技術やAI時代のウェブアプリ開発の未来について、デモを交えて紹介します
👇参加登録👇
gdgs.jp/ioOsaka26xsp6
【7月11日 開催】Google I/O Extended Tokyo 2026 登壇者紹介 🎤
💠 中級者向け:Chrome Built-in AIを用いたウェブアプリ開発ハンズオン
🗣️ 田中 洋一郎 さん(@yoichiro)
➡️ 詳細はこちら!
ioe-tokyo-2026.web.app/talks…
#gdgtokyo #ioextended
📣 7月11日 開催 #ioextended「中級者向け:Chrome Built-in AIを用いたウェブアプリ開発ハンズオン」を公開!
@yoichiro さんを講師に迎え、Chrome Built-in AI APIを使ったウェブアプリ開発を体験します!
参加登録👇
gdg-tokyo.connpass.com/event…
#gdgtokyo
Yoichiro Tanaka retweeted
📢7/18(土)Google I/O Extended Osaka 2026
🎙️ セッション紹介
saku 氏
「今年のGoogle I/Oの全体感と主要なトピックについて紹介します」
👇詳細&参加登録👇
gdgs.jp/ioOsaka26xsp1
#gdgkwansai
Yoichiro Tanaka retweeted
MWGは最新APIに対応するだけでなく、Chromeチームの提供するベストプラクティスにも対応しています。コード量削減を含めたパフォーマンス改善も期待することができます。ブラウザ対応データを持つBaselineを参照することで、未対応ブラウザでの動作も考慮されています。
上記の動画では、MWGを適用した場合としなかった場合の比較をしているので、ぜひご覧ください。
Yoichiro Tanaka retweeted
コーディングエージェントは必ずしも最新のウェブAPIに対応していません。Chromeチームでは、これを解決するためにModern Web GuidanceというAgent Skillsセットを公開しました。Google I/Oでのセッションをぜひ日本語吹き替えでご覧ください。
youtube.com/watch?v=bo3i0FzD…
Yoichiro Tanaka retweeted
きこえますか…きこえますか…
Qiita Conference登壇特典として、私の「プロダクト倫理」Kindle版を無料ダウンロードしたあなた…
今、あなたの脳に直接呼びかけています…
積ん読にするのではないのです…
積んで満足してはいけません…
読むのです…
読んだらAmazonにレビューを書くのです…
Yoichiro Tanaka retweeted
HTMLに書いたテンプレートに後からコンテンツを埋めることができる宣言的な記法 Declarative Particial Updates に関する記事
developer.chrome.com/blog/de…
📣 5/29 (金) 開催 オンライン勉強会「Chrome の 組み込み AI を使ってみよう!Built-in AI API ハンズオン」の参加募集中です!
GDEの @yoichiro さんから、Chromeに組み込まれたGemini Nanoの使い方を学びましょう!
gdg-tokyo.connpass.com/event…
#gdgtokyo #BuildWithAI
Yoichiro Tanaka retweeted
ナレッジ不整合検知ツール KI Checker が、新たに Slack をナレッジソースとして取り込めるようになりました。
これにより、GitHub・Googleドキュメント・Notion・Confluenceに加え、Slackのチャンネルやスレッドも不整合検知の対象に含めることができます。
note.com/tably/n/na6d153fcd5… #kichecker
















