Web AI Summit 2024 のまとめ: デベロッパーのためのクライアントサイド AI

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title> Web AI Summit 2024 のまとめ: デベロッパーのためのクライアントサイド AI - Google Developers Blog </title> <meta property="og:title" content="Web AI Summit 2024 のまとめ: デベロッパーのためのクライアントサイド AI- Google Developers Blog" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="description" content="The first Web AI Summit, hosted by Google on October 18, 2024, brought together experts in machine learning models for web browsers." /> <meta content="summary_large_image" name="twitter:card"/> <meta content="Google for Developers Blog - News about Web, Mobile, AI and Cloud" property="twitter:title"/> <meta property="og:title" content="Web AI Summit 2024 のまとめ: デベロッパーのためのクライアントサイド AI" /> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Google for Developers Blog", "item": "https://developers.googleblog.com/" },{ "@type": "ListItem", "position": 2, "name": "Web AI Summit 2024 のまとめ: デベロッパーのためのクライアントサイド AI", "item": "http://developers.googleblog.com/ja/web-ai-summit-2024-recap/" }] } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "headline": "Web AI Summit 2024 のまとめ: デベロッパーのためのクライアントサイド AI", "description": "2024 年 10 月 18 日、初回となる Web AI Summit が Google の主催で開催され、ウェブブラウザ向けの機械学習モデルのエキスパートが集まりました。", "image": "https://storage.googleapis.com/gweb-developer-goog-blog-assets/images/IMG_6496.2e16d0ba.fill-800x400.jpg", "datePublished": "2024-11-11", "author": [ { "@type": "Person", "name": "Jason Mayes", "url": "/ja/search/?author=Jason+Mayes" } ] } </script> <meta content="https://storage.googleapis.com/gweb-developer-goog-blog-assets/images/IMG_6496.2e16d0ba.fill-1200x600.jpg" property="og:image"/>  <script type="text/javascript" src="https://storage.googleapis.com/gweb-developer-goog-blog-cms-assets/f677f1b8-8552-4a23-83cc-57c36dbaf782/js/analytics.js"></script>  <link href="//www.gstatic.com/glue/v27_1/glue.min.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="https://storage.googleapis.com/gweb-developer-goog-blog-cms-assets/f677f1b8-8552-4a23-83cc-57c36dbaf782/css/dgc_blog.css"> <link rel="icon" href="https://storage.googleapis.com/gweb-developer-goog-blog-cms-assets/f677f1b8-8552-4a23-83cc-57c36dbaf782/images/favicon.ico" type="image/x-icon"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preload" href="https://fonts.googleapis.com/css2?family=Product+Sans&family=Google+Sans+Display:ital@0;1&family=Google+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Google+Sans+Text:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap" as="style"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Product+Sans&family=Google+Sans+Display:ital@0;1&family=Google+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Google+Sans+Text:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap"> <link href="https://www.gstatic.com/glue/cookienotificationbar/cookienotificationbar.min.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="https://storage.googleapis.com/gweb-developer-goog-blog-cms-assets/f677f1b8-8552-4a23-83cc-57c36dbaf782/css/blog_detail.css" /> <link rel="stylesheet" href="https://storage.googleapis.com/gweb-developer-goog-blog-cms-assets/f677f1b8-8552-4a23-83cc-57c36dbaf782/pygmentify/css/default.min.css"> </head> <body id="main-content" class="glue-body ">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WVTLDSL " height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <header class="dgc-header"> <div class="dgc-header-inner"> <button class="hamburger" aria-haspopup="true" aria-expanded="false" aria-label="メニューを開く"> <svg role="presentation" aria-hidden="true" class="glue-icon"> <use href="/glue-icon/#menu"></use> </svg> </button> <div class="product-name-wrapper"> <a href="https://developers.google.com/" class="site-logo-link" data-label="Site logo"> <img src="https://storage.googleapis.com/gweb-developer-goog-blog-cms-assets/f677f1b8-8552-4a23-83cc-57c36dbaf782/images/g-dev.svg" class="site-logo" alt="Google for Developers"> </a> </div> <div class="desktop-nav-wrapper"> <div class="upper-tabs-wrapper"> <div class="upper-tabs"> <nav class="tabs" aria-label="上部タブ"> <div class="tab" dropdown> <a href="//developers.google.com/products" class="top-nav-title"> プロダクト </a> <a href="#" role="button" aria-haspopup="true" aria-expanded="true" aria-label="プロダクトのプルダウンメニュー" class="dropdown-toggle"> <svg role="presentation" aria-hidden="true" class="glue-icon"> <use href="/glue-icon/#arrow-drop-down"></use> </svg> </a> <div class="tabs-dropdown" aria-label="サブメニュー"> <div class="tabs-dropdown-content"> <div class="tabs-dropdown-column"> <ul class="tabs-dropdown-section"> <li class="nav-title" aria-label="開発メニュー">開発</li> <li class="nav-item"> <a href="//developer.android.com"> <div class="nav-item-title"> Android </div> </a> </li> <li class="nav-item"> <a href="//developer.chrome.com"> <div class="nav-item-title"> Chrome </div> </a> </li> <li class="nav-item"> <a href="//chromeos.dev/"> <div class="nav-item-title"> ChromeOS </div> </a> </li> <li class="nav-item"> <a href="//cloud.google.com"> <div class="nav-item-title"> Cloud </div> </a> </li> <li class="nav-item"> <a href="//firebase.google.com"> <div class="nav-item-title"> Firebase </div> </a> </li> <li class="nav-item"> <a href="//flutter.dev"> <div class="nav-item-title"> Flutter </div> </a> </li> <li class="nav-item"> <a href="//developers.google.com/assistant"> <div class="nav-item-title"> Google Assistant </div> </a> </li> <li class="nav-item"> <a href="//developers.google.com/maps"> <div class="nav-item-title"> Google Maps Platform </div> </a> </li> <li class="nav-item"> <a href="//developers.google.com/workspace"> <div class="nav-item-title"> Google Workspace </div> </a> </li> <li class="nav-item"> <a href="//www.tensorflow.org"> <div class="nav-item-title"> TensorFlow </div> </a> </li> <li class="nav-item"> <a href="//developers.google.com/youtube"> <div class="nav-item-title"> YouTube </div> </a> </li> </ul> </div> <div class="tabs-dropdown-column"> <ul class="tabs-dropdown-section"> <li class="nav-title" aria-label="成長メニュー">成長</li> <li class="nav-item"> <a href="//firebase.google.com"> <div class="nav-item-title"> Firebase </div> </a> </li> <li class="nav-item"> <a href="//developers.google.com/google-ads"> <div class="nav-item-title"> Google Ads </div> </a> </li> <li class="nav-item"> <a href="//developers.google.com/analytics"> <div class="nav-item-title"> Google Analytics </div> </a> </li> <li class="nav-item"> <a href="//developer.android.com/distribute"> <div class="nav-item-title"> Google Play </div> </a> </li> <li class="nav-item"> <a href="//developers.google.com/search"> <div class="nav-item-title"> Search </div> </a> </li> <li class="nav-item"> <a href="//developers.google.com/web/fundamentals/engage-and-retain/push-notifications"> <div class="nav-item-title"> Web Push and Notification APIs </div> </a> </li> </ul> </div> <div class="tabs-dropdown-column"> <ul class="tabs-dropdown-section"> <li class="nav-title" aria-label="収益化メニュー">収益化</li> <li class="nav-item"> <a href="//developers.google.com/admob"> <div class="nav-item-title"> AdMob </div> </a> </li> <li class="nav-item"> <a href="//developers.google.com/google-ads/api"> <div class="nav-item-title"> Google Ads API </div> </a> </li> <li class="nav-item"> <a href="//developers.google.com/pay"> <div class="nav-item-title"> Google Pay </div> </a> </li> <li class="nav-item"> <a href="//developer.android.com/google/play/billing/"> <div class="nav-item-title"> Google Play Billing </div> </a> </li> <li class="nav-item"> <a href="//developers.google.com/interactive-media-ads"> <div class="nav-item-title"> Interactive Media Ads </div> </a> </li> </ul> </div> </div> </div> </div> <div class="tab"> <a href="//developers.google.com/solutions/catalog" class="top-nav-title"> ソリューション </a> </div> <div class="tab"> <a href="//developers.google.com/events" class="top-nav-title"> イベント </a> </div> <div class="tab"> <a href="//developers.google.com/learn" class="top-nav-title"> 学習する </a> </div> <div class="tab" dropdown> <a href="//developers.google.com/community" class="top-nav-title"> コミュニティ </a> <a href="#" role="button" aria-haspopup="true" aria-expanded="true" aria-label="コミュニティのプルダウンメニュー" class="dropdown-toggle"> <svg role="presentation" aria-hidden="true" class="glue-icon"> <use href="/glue-icon/#arrow-drop-down"></use> </svg> </a> <div class="tabs-dropdown" aria-label="サブメニュー"> <div class="tabs-dropdown-content"> <div class="tabs-dropdown-column"> <ul class="tabs-dropdown-section"> <li class="nav-title" aria-label="グループメニュー">グループ</li> <li class="nav-item"> <a href="//developers.google.com/community/gdg"> <div class="nav-item-title"> Google Developer Groups </div> </a> </li> <li class="nav-item"> <a href="//developers.google.com/community/gdsc"> <div class="nav-item-title"> Google Developer Student Clubs </div> </a> </li> <li class="nav-item"> <a href="//developers.google.com/womentechmakers"> <div class="nav-item-title"> Woman Techmakers </div> </a> </li> <li class="nav-item"> <a href="//developers.google.com/community/experts"> <div class="nav-item-title"> Google Developer Experts </div> </a> </li> <li class="nav-item"> <a href="//www.techequitycollective.com/"> <div class="nav-item-title"> Tech Equity Collective </div> </a> </li> </ul> </div> <div class="tabs-dropdown-column"> <ul class="tabs-dropdown-section"> <li class="nav-title" aria-label="プログラムメニュー">プログラム</li> <li class="nav-item"> <a href="//developers.google.com/community/accelerators"> <div class="nav-item-title"> Accelerator </div> </a> </li> <li class="nav-item"> <a href="//developers.google.com/community/gdsc-solution-challenge"> <div class="nav-item-title"> Solution Challenge </div> </a> </li> <li class="nav-item"> <a href="//developers.google.com/community/devfest"> <div class="nav-item-title"> DevFest </div> </a> </li> </ul> </div> <div class="tabs-dropdown-column"> <ul class="tabs-dropdown-section"> <li class="nav-title" aria-label="ストーリーメニュー">登場</li> <li class="nav-item"> <a href="//developers.google.com/community/stories"> <div class="nav-item-title"> すべてのストーリー </div> </a> </li> </ul> </div> </div> </div> </div> <div class="tab"> <a href="//developers.google.com/profile/u/me" class="top-nav-title"> デベロッパープログラム </a> </div> <div class="tab"> <a href="//developers.googleblog.com/" class="top-nav-title"> ブログ </a> </div> </nav> </div> </div> </div> </div> <div class="dgc-header-search"> <div class="search-wrapper glue-page"> <div class="glue-grid"> <form id="search-form" action="/ja/search/" method="get" class="search-content glue-grid__col glue-grid__col--span-4-sm glue-grid__col--span-9-md glue-grid__col--span-7-lg"> <div class="search-input-wrapper"> <svg role="presentation" aria-hidden="true" class="glue-icon search-icon"> <use href="/glue-icon/#search"></use> </svg> <input type="text" name="query" placeholder="すべての記事を検索..." aria-label="検索" class="search-input-field" /> </div> <button class="glue-button glue-button--high-emphasis"> 検索 </button> </form> <div class="language-selector glue-grid__col glue-grid__col--span-4-sm glue-grid__col--span-3-md glue-grid__col--span-5-lg" aria-label="言語設定を選択"> <button type="button" aria-controls="lang-menu-header" aria-haspopup="true"> <svg role="presentation" aria-hidden="true" class="glue-icon lang-icon"> <use href="/glue-icon/#language"></use> </svg> <span class="lang-label">日本語</span> <svg role="presentation" aria-hidden="true" class="glue-icon lang-icon"> <use href="/glue-icon/#arrow-drop-down"></use> </svg> </button> <div id="lang-menu-header" class="lang-menu hidden" role="menu"> <ul role="presentation"> <li role="presentation"> <a role="menuitem" lang="en" href="/en/web-ai-summit-2024-recap/">English</a> </li> <li role="presentation"> <a role="menuitem" lang="es" href="/es/web-ai-summit-2024-recap/">Español (Latam)</a> </li> <li role="presentation"> <a role="menuitem" lang="id" href="/id/web-ai-summit-2024-recap/">Bahasa Indonesia</a> </li> <li role="presentation"> <a role="menuitem" lang="ja" aria-current="true" href="/ja/web-ai-summit-2024-recap/">日本語</a> </li> <li role="presentation"> <a role="menuitem" lang="ko" href="/ko/web-ai-summit-2024-recap/">한국어</a> </li> <li role="presentation"> <a role="menuitem" lang="pt-br" href="/pt-br/web-ai-summit-2024-recap/">Português (Brasil)</a> </li> <li role="presentation"> <a role="menuitem" lang="zh-hans" href="/zh-hans/web-ai-summit-2024-recap/">简体中文</a> </li> </ul> </div> </div> </div> </div> </div> </header> <div class="mobile-drawer" top-level-nav> <nav class="nav-content" aria-label="サイドメニュー"> <div class="mobile-header"> <button class="nav-close-btn nav-btn" aria-label="ナビゲーションを閉じる"> <svg role="presentation" aria-hidden="true" class="glue-icon"> <use href="/glue-icon/#close"></use> </svg> </button> <button class="nav-back-btn nav-btn hidden" aria-label="メニューに戻る"> <svg role="presentation" aria-hidden="true" class="glue-icon"> <use href="/glue-icon/#arrow-back"></use> </svg> </button> <div class="product-name-wrapper"> <a href="https://developers.google.com/" class="site-logo-link" data-label="Site logo"> <img src="https://storage.googleapis.com/gweb-developer-goog-blog-cms-assets/f677f1b8-8552-4a23-83cc-57c36dbaf782/images/g-dev.svg" class="site-logo" alt="Google for Developers"> </a> </div> </div> <div class="nav-wrapper"> <div class="mobile-nav-top"> <ul class="nav-list"> <li class="nav-item"> <a href="//developers.google.com/products" class="nav-title" data-label="Tab: Products"> <span class="nav-text" tooltip=""> プロダクト </span> </a> <ul class="nav-responsive-tabs"> <li class="nav-item"> <span tabindex="0" class="nav-title products-btn" data-label="More Products"> <span class="nav-text" menu="Products"> 増やす </span> <span class="nav-icon" menu="Products"> <svg role="presentation" aria-hidden="true" class="glue-icon"> <use href="/glue-icon/#arrow-forward"></use> </svg> </span> </span> </li> </ul> </li> <li class="nav-item"> <a href="//developers.google.com/solutions/catalog" class="nav-title" data-label="Tab: Solutions"> <span class="nav-text" tooltip=""> ソリューション </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/events" class="nav-title" data-label="Tab: Events"> <span class="nav-text" tooltip=""> イベント </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/learn" class="nav-title" data-label="Tab: Learn"> <span class="nav-text" tooltip=""> 学習する </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/community" class="nav-title" data-label="Tab: Community"> <span class="nav-text" tooltip=""> コミュニティ </span> </a> <ul class="nav-responsive-tabs"> <li class="nav-item"> <span tabindex="0" class="nav-title community-btn" data-label="More Community"> <span class="nav-text" menu="Community"> 増やす </span> <span class="nav-icon" menu="Community"> <svg role="presentation" aria-hidden="true" class="glue-icon"> <use href="/glue-icon/#arrow-forward"></use> </svg> </span> </span> </li> </ul> </li> <li class="nav-item"> <a href="//developers.google.com/profile/u/me" class="nav-title" data-label="Tab: Developer Program"> <span class="nav-text" tooltip=""> デベロッパープログラム </span> </a> </li> <li class="nav-item"> <a href="//developers.googleblog.com/" class="nav-title" data-label="Tab: Blog"> <span class="nav-text" tooltip=""> Blog </span> </a> </li> </ul> </div> <div class="mobile-nav-bottom"> <ul class="nav-list products-submenu" menu="Products" aria-label="サイドメニュー"> <li class="nav-item nav-heading"> <span class="nav-title"> <span class="nav-text"> 開発 </span> </span> </li> <li class="nav-item"> <a href="//developer.android.com" class="nav-title"> <span class="nav-text"> Android </span> </a> </li> <li class="nav-item"> <a href="//developer.chrome.com" class="nav-title"> <span class="nav-text"> Chrome </span> </a> </li> <li class="nav-item"> <a href="//chromeos.dev/" class="nav-title"> <span class="nav-text"> ChromeOS </span> </a> </li> <li class="nav-item"> <a href="//cloud.google.com" class="nav-title"> <span class="nav-text"> Cloud </span> </a> </li> <li class="nav-item"> <a href="//firebase.google.com" class="nav-title"> <span class="nav-text"> Firebase </span> </a> </li> <li class="nav-item"> <a href="//flutter.dev" class="nav-title"> <span class="nav-text"> Flutter </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/assistant" class="nav-title"> <span class="nav-text"> Google Assistant </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/maps" class="nav-title"> <span class="nav-text"> Google Maps Platform </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/workspace" class="nav-title"> <span class="nav-text"> Google Workspace </span> </a> </li> <li class="nav-item"> <a href="//www.tensorflow.org" class="nav-title"> <span class="nav-text"> TensorFlow </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/youtube" class="nav-title"> <span class="nav-text"> YouTube </span> </a> </li> <li class="nav-item nav-heading"> <span class="nav-title"> <span class="nav-text"> 成長 </span> </span> </li> <li class="nav-item"> <a href="//firebase.google.com" class="nav-title"> <span class="nav-text"> Firebase </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/google-ads" class="nav-title"> <span class="nav-text"> Google Ads </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/analytics" class="nav-title"> <span class="nav-text"> Google Analytics </span> </a> </li> <li class="nav-item"> <a href="//developer.android.com/distribute" class="nav-title"> <span class="nav-text"> Google Play </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/search" class="nav-title"> <span class="nav-text"> Search </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/web/fundamentals/engage-and-retain/push-notifications" class="nav-title"> <span class="nav-text"> Web Push and Notification APIs </span> </a> </li> <li class="nav-item nav-heading"> <span class="nav-title"> <span class="nav-text"> 収益化 </span> </span> </li> <li class="nav-item"> <a href="//developers.google.com/admob" class="nav-title"> <span class="nav-text"> AdMob </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/google-ads/api" class="nav-title"> <span class="nav-text"> Google Ads API </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/pay" class="nav-title"> <span class="nav-text"> Google Pay </span> </a> </li> <li class="nav-item"> <a href="//developer.android.com/google/play/billing/" class="nav-title"> <span class="nav-text"> Google Play Billing </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/interactive-media-ads" class="nav-title"> <span class="nav-text"> Interactive Media Ads </span> </a> </li> </ul> <ul class="nav-list community-submenu hidden" menu="Community" aria-label="サイドメニュー"> <li class="nav-item nav-heading"> <span class="nav-title"> <span class="nav-text"> グループ </span> </span> </li> <li class="nav-item"> <a href="//developers.google.com/community/gdg" class="nav-title"> <span class="nav-text"> Google Developer Groups </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/community/gdsc" class="nav-title"> <span class="nav-text"> Google Developer Student Clubs </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/womentechmakers" class="nav-title"> <span class="nav-text"> Woman Techmakers </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/community/experts" class="nav-title"> <span class="nav-text"> Google Developer Experts </span> </a> </li> <li class="nav-item"> <a href="//www.techequitycollective.com/" class="nav-title"> <span class="nav-text"> Tech Equity Collective </span> </a> </li> <li class="nav-item nav-heading"> <span class="nav-title"> <span class="nav-text"> プログラム </span> </span> </li> <li class="nav-item"> <a href="//developers.google.com/community/accelerators" class="nav-title"> <span class="nav-text"> Accelerator </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/community/gdsc-solution-challenge" class="nav-title"> <span class="nav-text"> Solution Challenge </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/community/devfest" class="nav-title"> <span class="nav-text"> DevFest </span> </a> </li> <li class="nav-item nav-heading"> <span class="nav-title"> <span class="nav-text"> 登場 </span> </span> </li> <li class="nav-item"> <a href="//developers.google.com/community/stories" class="nav-title" aria-label="All Stories"> <span class="nav-text"> すべてのストーリー </span> </a> </li> </ul> </div> </div> </nav> <select aria-label="言語を変更する" name="lang-selector" id="lang-selector-nav" class="glue-form__dropdown glue-mobile-nav__lang-dropdown" onchange="window.location.href=this.value" > <option value="/en/web-ai-summit-2024-recap/" lang="en" > English </option> <option value="/es/web-ai-summit-2024-recap/" lang="es" > Español (Latam) </option> <option value="/id/web-ai-summit-2024-recap/" lang="id" > Bahasa Indonesia </option> <option value="/ja/web-ai-summit-2024-recap/" lang="ja" selected > 日本語 </option> <option value="/ko/web-ai-summit-2024-recap/" lang="ko" > 한국어 </option> <option value="/pt-br/web-ai-summit-2024-recap/" lang="pt-br" > Português (Brasil) </option> <option value="/zh-hans/web-ai-summit-2024-recap/" lang="zh-hans" > 简体中文 </option> </select> </div> <div class="backdrop"></div> <div class="blog-detail-container"> <section class="tags-container glue-page glue-spacer-5-top"> <div class="glue-eyebrow"><a href="/ja/search/?product_categories=Chrome+Web">Chrome Web</a></div> </section> <section class="heading-container glue-page glue-spacer-1-top"> <h1 class="glue-headline glue-headline--headline-1">Web AI Summit 2024 のまとめ: デベロッパーのためのクライアントサイド AI</h1> </section> <section class="summary-container glue-page glue-spacer-4-top"> <div class="date-time"> <div class="published-date glue-font-weight-medium">11月 11, 2024</div> </div> </section> <section class="glue-page glue-grid glue-spacer-1-top"> <section class="author-container glue-grid__col glue-grid__col--span-4-sm glue-grid__col--span-10-md"> <div class="author-obj"> <a class="glue-font-weight-medium" href="/ja/search/?author=Jason+Mayes">Jason Mayes</a> <span class="glue-font-weight-medium role">Web AI Lead</span> </div> </section> <section class="social-container glue-grid__col glue-grid__col--span-4-sm glue-grid__col--span-2-md"> <button id="social-button" class="glue-button glue-button--low-emphasis glue-button--icon" aria-haspopup="true" aria-expanded="false"> <svg role="presentation" aria-hidden="true" class="glue-icon"> <use href="/glue-icon/#share"></use> </svg> <span>共有</span> </button> <ul id="social-menu" class="glue-elevation-level-1" role="menu" aria-labelledby="social-button"> <li> <a href="https://www.facebook.com/sharer/sharer.php?u={url}" title="Share on Facebook" target="_blank" rel="noopener"> <svg role="presentation" aria-hidden="true" class="glue-icon glue-icon--social glue-icon--32px"> <use href="/glue-icon/#post-facebook"></use> </svg> <span>Facebook</span> </a> </li> <li> <a href="https://twitter.com/intent/tweet?text={url}" title="Share on Twitter" target="_blank" rel="noopener"> <svg role="presentation" aria-hidden="true" class="glue-icon glue-icon--social glue-icon--32px"> <use href="/glue-icon/#twitter-x"></use> </svg> <span>Twitter</span> </a> </li> <li> <a href="https://www.linkedin.com/shareArticle?url={url}&mini=true" title="Share on LinkedIn" target="_blank" rel="noopener"> <svg role="presentation" aria-hidden="true" class="glue-icon glue-icon--social glue-icon--32px"> <use href="/glue-icon/#post-linkedin"></use> </svg> <span>LinkedIn</span> </a> </li> <li> <a href="mailto:name@example.com?subject=Check%20out%20this%20site&body=Check%20out%20{url}" title="Send via Email"> <svg role="presentation" aria-hidden="true" class="glue-icon glue-icon--social glue-icon--32px"> <use href="/glue-icon/#email"></use> </svg> <span>Mail</span> </a> </li> <li> <a href="#" title="Get shareable link" data-link="" data-copy-text="リンクをコピー" data-copied-text="コピーされました！"> <svg role="presentation" aria-hidden="true" class="glue-icon glue-icon--social glue-icon--32px"> <use href="/glue-icon/#link"></use> </svg> <span></span> </a> </li> </ul> </section> </section> <section class="blocks-container glue-page glue-spacer-3-top"> <div class="block"> <div class="inner-block-content rich-content"> <h2 data-block-key="3v7l4">クライアントサイドで AI を使うデベロッパーを対象とした Google 初のサミット</h2><p data-block-key="29k4n"><br/>2024 年 10 月 18 日、初回となる <a href="https://www.youtube.com/playlist?list=PLNYkxOF6rcIAEVKJ98bDkQRkwvO4grhnt">Web AI Summit</a> が Google の主催で開催され、<a href="https://developer.chrome.com/docs/ai/client-side">ウェブブラウザによるクライアントサイド</a>機械学習モデルに取り組む世界トップ級の頭脳が集まりました。こういったソリューションは、最初にページを読み込んでしまえば、すべてがクライアントデバイスで完全にオフライン動作するので、<a href="https://web.dev/articles/client-side-ai-performance">低遅延推論、コスト削減、プライバシー向上</a>といったメリットをユーザーにもたらすことができます。</p><p data-block-key="8vr7">このイベントには、Chrome や MediaPipe などの Google チームに加え、Intel、Hugging Face、Microsoft、LangChain といったサードパーティの担当者が登場しました。トークでは、コンシューマ向けパッケージ商品の検出からヘルスケアソリューションまで、幅広い業界やテーマ分野が網羅され、ウェブ AI の広がりが示されました。</p><p data-block-key="5km26">詳細については、この続きを読むことも、<a href="https://www.youtube.com/playlist?list=PLNYkxOF6rcIAEVKJ98bDkQRkwvO4grhnt">YouTube のプレイリストを見てキャッチアップし、トークをご覧いただくこともできます！</a></p> </div> <div class="inner-block-content"> <div class="image-wrapper"> <img class="regular-image" src="https://storage.googleapis.com/gweb-developer-goog-blog-assets/images/image2_IxyNSOm.original.jpg" alt="Machine Learning Panel" /> </div> </div> <div class="inner-block-content rich-content"> <h2 data-block-key="3v7l4"><b>初回となる Web AI Summit のハイライト</b></h2><p data-block-key="24av7">この歴史的なイベントには、22 か国、59 の都市、179 の Google オフィスから 1,100 件以上の登録があり、一日中満席の状態が続きました。<a href="https://www.linkedin.com/feed/hashtag/?keywords=webai">すべての人がトークに魅了されているのを目の当たりにするのは、本当にすばらしいことでした</a>。</p><p data-block-key="b8tv">ソフトウェアエンジニア、ビジネスの意思決定者、経営トップといったさまざまな人が参加し、技術的専門知識と戦略計画の間で有意義な相乗効果が生み出されました。</p><h2 data-block-key="7hms6"><br/><b>Web AI Summit の登壇者とセッション</b></h2><p data-block-key="3j826">エキスパートの登壇者が Javascript デベロッパーに向けて貴重な知見をお話ししました。クライアントの要求を満たせる高度で複雑な AI 搭載機能に関する知識は、業界基準になりつつあるものです。以下のすべてのトークをチェックするか、コーヒー休憩の際にご覧ください。</p> </div> <div class="inner-block-content"> <div class="image-wrapper"> <img class="regular-image" src="https://storage.googleapis.com/gweb-developer-goog-blog-assets/images/image3_rggEoKV.original.png" alt="image3" /> </div> </div> <div class="inner-block-content rich-content"> <h3 data-block-key="3v7l4"><b>Web AI Summit 2024 にようこそ</b></h3><p data-block-key="ddls7"><a href="https://www.linkedin.com/in/webai/">Jason Mayes - Google、ウェブ AI リード</a></p><p data-block-key="2k0li"><a href="https://www.linkedin.com/in/jimbankoski/">Jim Bankoski - Google、Chrome、エンジニアリング担当 VP</a><br/><br/>2024 年のウェブ AI の現状と Web AI Summit が生まれた理由をお話しします。<a href="https://developer.chrome.com/docs/ai/built-in">オンデバイス機械学習</a>で可能なこと、それが向かう未来を確認し、基礎知識を得てから、このシリーズの他のトークをお聞きください。すべての人を対象としたこのトークでは、生成 AI、LLM、拡散モデル、WebGPU、WebAssembly、そして WebNN などの新しい API といったテーマ分野に加え、すでにウェブ AI を活用している業界の例を紹介します。</p><h3 data-block-key="9q19n"><b><br/>Transformers.js: ウェブ機械学習の最先端</b></h3><p data-block-key="153qb"><a href="https://twitter.com/xenovacom">Joshua Lochner - Hugging Face、ML エンジニア（Transformers.js）</a><br/><br/>エキサイティングな新しい JavaScript ライブラリ、Transformers.js について学びましょう。これを使うと、これまでにないウェブアプリケーションを開発できます。Hugging Face の Python transformers ライブラリと同じ機能を持つように設計され、さまざまなタスクとモードの 120 以上のアーキテクチャをサポートしています。ユーザーは、1,000 以上の事前トレーニング済みモデルから選択したり、独自のモデルを変換してブラウザでローカルに実行できるようにしたりして、プライバシー保護、低遅延、スケーラブルな機械学習を実現します。最新の WebGPU サポートが追加されたことで、ブラウザから最新の GPU 機能を直接利用でき、高いパフォーマンスでモデルを実行できます。</p><h3 data-block-key="b1p3n"><br/><b>ウェブニューラルネットワーク（WebNN）API: 現状と今後の展開</b></h3><p data-block-key="76v8q"><a href="https://www.linkedin.com/in/rkochman/">Rob Kochman - Google、グループプロダクトマネージャー（Chrome）</a></p><p data-block-key="883lh"><a href="https://www.linkedin.com/in/rafael-cintron-97b15b1/">Rafael Cintron - Microsoft、プリンシパルソフトウェアデザインエンジニア</a><br/><br/>最近では、WebAssembly や WebGPU といった高度なウェブテクノロジーにより、AI 機能が実際にブラウザで動作するようになっています。提案されたウェブニューラルネットワーク（WebNN）API は、その勢いのままに、AI アクセラレータハードウェア（NPU）搭載デバイスを含むさまざまなデバイスで、AI ワークロードの実行を高速化および効率化することを目指しています。これらはすべてウェブ標準に基づいています。このセッションでは、WebNN の概要から始め、API の概要、デバイスのサポート、フレームワークのサポート、ブラウザの実装など、最近の進展について説明します。コミュニティからのフィードバックを得るため、今後の計画についても説明します。</p><h3 data-block-key="5fkuq"><br/><b>AI PC のウェブ AI</b></h3><p data-block-key="cu9j0"><a href="https://www.linkedin.com/in/moh-haghighat/">Moh Haghighat - Intel、フェロー</a><br/><br/>Intel より、WebNN を紹介します。これは新しい統合 W3C ウェブ標準 API で、CPU、GPU、NPU などのさまざまなクライアント AI 実行エンジンに対応したオンデバイスウェブ ML アクセラレーションに利用します。現時点で、WebNN は Chrome および Edge ブラウザのデベロッパープレビュー版や一般的な ML フレームワーク（ONNX Runtime Web など）に組み込まれており、「ほぼネイティブ」のパフォーマンスと電力特性を実現しています。ウェブに新しいタイプのエクスペリエンスをもたらすエキサイティングな WebNN のデモと事前導入事例を紹介します。</p><h3 data-block-key="18mt7"><br/><b>ml5.js - ウェブ用のフレンドリーな機械学習</b></h3><p data-block-key="9v0jt"><a href="https://yu-y.ing/">Yu Lee - ニューヨーク大学、ML5.js、研究員</a></p><p data-block-key="7qi32"><a href="https://www.aidanjnelson.com/">Aidan Nelson - ニューヨーク大学、ML5.js、客員教員</a><br/><br/>このトークでは、TensorFlow.js をベースに開発されたオープンソースライブラリ、ml5.js に注目します。ライブラリの目的は、アーティスト、クリエイティブコーダー、学生といった幅広い人々に機械学習に親しんでもらうことです。このプロジェクトは、アクセシブルでインクルーシブなコーディングに注目した Processing と p5.js から着想を得て、ニューヨーク大学の ITP プログラムの共同事業として計画されています。ml5.js は、このミッションを機械学習の分野に拡大し、複雑な技術である機械学習を、クリエイティブな初心者やアーティストでも使えるようにすることを目指しています。</p><h3 data-block-key="ffgf9"><br/><b>WebLLM: 高パフォーマンスなブラウザ内 LLM 推論エンジン</b></h3><p data-block-key="dqav9"><a href="https://www.linkedin.com/in/charlie-ruan/">Charlie Ruan - カーネギー・メロン大学、学生研究者</a><br/><br/>このトークでは、高パフォーマンスなブラウザ内 LLM 推論エンジン、WebLLM について説明します。WebLLM を使うと、高速（WebGPU によるネイティブ GPU アクセラレーション）、プライバシー保護（100% クライアントサイドで計算）、利便性（環境設定不要）を備えた AI 対応ウェブアプリを開発できます。WebLLM には、デベロッパー向けの統合規格として OpenAI-API スタイルのインターフェースが搭載されているほか、チャットアプリケーションや効率的な構造化 JSON 生成をサポートし、UI フローとバックエンドの実行を分離するウェブワーカーやサービスワーカーを組み込みでサポートしています。このトークでは、WebLLM の主な機能、全体的なアーキテクチャ、デベロッパーがこれを使って AI 対応ウェブアプリケーションを開発する方法について説明します。</p><h3 data-block-key="ctah"><br/><b>状態は万能ではないが役に立つ: ブラウザで優れた LLM アプリを開発する</b></h3><p data-block-key="8g5bn"><a href="https://www.linkedin.com/in/jacoblee93/">Jacob Lee - LangChain、創設者およびエンジニア</a><br/><br/>WebLLM、Transformers.js、Chrome AI などのプロジェクトがもたらす新しくエキサイティングな進展により、ブラウザを使ったローカル LLM がこれまで以上に身近になっています。これはウェブ開発のフロンティアを拡大する大きな可能性を秘めていますが、この小型モデルは最先端のホスト型モデルよりも制限が強いため、設計やプロンプトを慎重に検討する必要があります。</p><p data-block-key="62sca">このトークでは、そういった制約への対処方法に注目します。具体的には、LangGraph.js の強力なツールキットを使って、小型モデルを最大限に活用する実用的なアプリを実装するテクニックを紹介します。LangGraph.js は、ステートフルな LLM アプリをオーケストレーションする新しいフレームワークです。</p><h3 data-block-key="40v7f"><br/><b>Visual Blocks: AI パイプラインのビジュアルプロトタイピング</b></h3><p data-block-key="a524d"><a href="https://linkedin.com/in/duruofei">Ruofei Du - Google、インタラクティブパーセプションおよびグラフィックスリード</a><br/><br/><a href="http://visualblocks.withgoogle.com/">Visual Blocks for ML</a> は、高速 AI とマルチメディアプロトタイピングを実現するビジュアルプログラミングプラットフォームです。このトークでは、インタラクティブな AI パイプラインを構築し、インタラクティブにデータを拡張して、シンプルなドラッグアンドドロップアクションを使ってライブデータでパイプラインをテストする方法を紹介します。また、コミュニティによるさまざまなパイプラインやカスタムノードにも注目し、インタラクティブグラフィックス、大規模言語モデルチェーン、コンピュータビジョン、マルチモーダルソリューションといった多様なアプリケーションを紹介します。最後に、すべてのウェブ AI 実践者の皆さんに、独自の ML パイプラインやカスタムノードによって貢献していただくことをお願いします。それにより、この共有プラットフォームがさらに充実し、革新的なユースケースが誕生します。</p><h3 data-block-key="2lfne"><br/><b>JavaScript で代替インタラクションを検討する</b></h3><p data-block-key="egao"><a href="https://www.linkedin.com/in/charliegerard/">Charlie Gerard - CrowdStrike、シニアリサーチエンジニア</a><br/><br/>最新の AI の進展は、主に大規模言語モデルと、新しい方法でのコンテンツの作成と消費に注目したものです。しかし AI は、インターフェースとのインタラクションを再考する機会も提供します。ウェブデベロッパーが JavaScript とボディトラッキングやオーディオ分類に注目したモデルを併用すれば、代替インタラクションを試し、さらに革新的なウェブエクスペリエンスを作成するまたとないチャンスが生まれます。</p><h3 data-block-key="fjt41"><br/><b>Chrome の組み込み AI の概要</b></h3><p data-block-key="6d16p"><a href="https://www.linkedin.com/in/baheux/?originalSubdomain=jp">Kenji Baheux - Google、Chrome、プロダクトマネージャー</a><br/><br/>Chrome で組み込み AI を実現する取り組みや教訓、次のステップを共有します。Prompt API をどう見ているか、要約や作文、書き換えといった高レベルなタスク API の状況、早期プレビュー版プログラムから得られた教訓、そして今後の展開について説明します。</p><h3 data-block-key="3big9"><b><br/>産業界のウェブ AI: TensorFlow.js でスーパーマーケットの棚を改革する</b></h3><p data-block-key="98nvd"><a href="https://www.linkedin.com/in/hugozanini/">Hugo Zanini - Nubank、テクニカルプロジェクトリード</a><br/><br/>世界の消費者向けパッケージ商品（CPG）トップ 10 企業がウェブ AI を活用し、ブラジルで店舗内取引マーケティング戦略を拡大しています。このトークでは、それがどのようにして同業他社にも役立つオープンソースプロジェクトへと発展したのかを紹介します。</p><h3 data-block-key="2sphb"><b><br/>Chrome の組み込み API の最初の利用者として学んだ教訓</b></h3><p data-block-key="e0qb7"><a href="https://www.linkedin.com/in/thomassteinerlinkedin/">Thomas Steiner - Google、Chrome、デベロッパーリレーションズエンジニア</a><br/><br/>このトークでは、Chrome の組み込み API の最初の利用者となったデベロッパーリレーションズが学んだことをまとめます。AI による同義語検索アプリの例を挙げながら、プロンプトの微調整、確実な出力解析、最大限のパフォーマンスを得るためのアプリ最適化といった点を中心に、Prompt API を使う方法を紹介します。</p><h3 data-block-key="80l0l"><br/><b>AI の将来は今: ウェブアプリでのクライアントサイド AI 導入例のケーススタディ</b></h3><p data-block-key="29olv"><a href="https://www.linkedin.com/in/yurikohirota/">Yuriko Hirota - Google、パートナーソリューションエンジニア</a></p><p data-block-key="cjoij"><a href="https://x.com/herablog">Kazunari Hara - CyberAgent、デベロッパーエキスパート</a><br/><br/>クライアントサイド AI を活用すれば、AI を使うだけでなく、ユーザーエクスペリエンスを向上させることができます。このライトニングトークでは、その実用的な力を明らかにし、Google I/O 2024 で取り上げた実際のケーススタディを深く掘り下げます。日本のトップブログサービスの 1 つである CyberAgent は、クライアントサイド AI のマジックを活用し、ユーザーが簡単にブログのタイトルを生成できるようにしています。革新的なユースケース設計とユーザー中心のアプローチを通じ、クライアントサイド AI の可能性を最大限に活用している CyberAgent に学びましょう。</p><h3 data-block-key="bmtf6"><br/><b>ウェブ拡張機能と AI の相性が抜群である理由</b></h3><p data-block-key="6491e"><a href="https://www.linkedin.com/in/davidli8/">David Li - Google、Chrome、プロダクトマネージャー</a><br/><br/>このトークでは、AI と Chrome 拡張機能の可能性を紹介します。Chrome 拡張機能は、ブラウザの制御、ウェブコンテンツの監視、独自の UI の追加などに利用できます。AI と Chrome 拡張機能を組み合わせれば、ブラウジングエクスペリエンスの利便性が大きく向上し、生産性を上げることができます。このトークでは、WebStore の拡張機能が現在の AI をどのように活用しているか、そしてその最大の可能性はどこにあるかについてお話しします。</p><h3 data-block-key="e66sf"><br/><b>バナーを超える: ウェブ AI のパワーで有料メディアをパーソナライズする</b></h3><p data-block-key="c4rhq"><a href="https://www.linkedin.com/in/corygrenier/">Cory Grenier - GEENEE、CEO</a></p><p data-block-key="bvmmd"><a href="https://www.linkedin.com/in/evgeny-peshkov/">Evgeny Peshkov - GEENEE、CTO</a><br/><br/>画期的なバーチャル試着広告をすべての画面に導入し、ウェブ AI で有料メディアにパーソナライズ革命を起こす方法をご覧ください。</p><h3 data-block-key="b7vpv"><br/><b>MediaPipe Web: クロスプラットフォーム AI 技術をブラウザに導入する</b></h3><p data-block-key="6qsv2"><a href="https://www.linkedin.com/in/tyler-mullen-7b68a8123">Tyler Mullen - Google、MediaPipe、スタッフソフトウェアエンジニア</a><br/><br/>MediaPipe のクロスプラットフォームアプローチについて学び、AI パイプラインを構築してブラウザに導入しましょう。この手法のメリットとともに、このアプローチで強化された主なプロダクト（Google Meet など）を紹介します。さらに、最新の技術の進歩やデベロッパー API について説明します。これには、画像セグメンテーションなどの従来の機械学習タスクや、LLM 推論などの生成 AI タスクのソリューションが含まれています。最後に、いくつかのエキサイティングなデモを通して、未来の姿を少しだけお見せします！</p><h3 data-block-key="2alla"><br/><b>WebAI でヘルスケアアクセスを変革する</b></h3><p data-block-key="7l54p"><a href="https://www.linkedin.com/in/chrisslee/">Chris Slee - IncludeHealth、CTO</a></p><p data-block-key="2vnns"><br/>バーチャル理学療法を提供している IncludeHealth は、WebAI を活用して距離的、経済的な障壁を打破し、患者が時間や場所、デバイスを問わず、個人に合わせた綿密なケアを受けられるようにしています。</p><h3 data-block-key="7ufkr"><br/><b>ウェブで ML をトレーニングする: Google スプレッドシート向けのシンプルな ML を構築する</b></h3><p data-block-key="78bjj"><a href="https://github.com/rstz">Richard Stotz - Google、Core ML、ソフトウェアエンジニア</a></p><p data-block-key="ehrt5"><br/>ML と AI のための無料の Google スプレッドシートアドオンである Simple ML for Sheets をどのように開発したのかを紹介します。Simple ML for Sheets は、WebAssembly、Javascript、Chrome の新しい組み込み AI によるオンデバイス機械学習を活用し、すべてのユーザーのために高度な機械学習タスクを実現します。このトークでは、Simple ML for Sheets を市場で成功させることに貢献したツールや、ウェブで独自の ML を実現するために役立ったオープンソースライブラリに注目します。</p><h2 data-block-key="d7ssa"><br/><b>皆さん、ありがとうございました！</b></h2><p data-block-key="u2b0">このイベントは、制作や運営に携わる多くの方々がいなければ実現できませんでした。イベントを実現してくださった Jason Mayes、Jenna Zheng、Marcus Chang の 3 人のイベントクリエイターに感謝します。もちろん、上記のすべてのプレゼンター、そして当日のヘルパーとアシスタントに加えて、イベント後に視聴できるように、スムーズに撮影していただいた AV チームにも深く感謝しています。</p><h2 data-block-key="9ccd1"><br/><b>次回の Web AI Summit に参加してみたくなりましたか？</b></h2><p data-block-key="ad1k8">今回のイベントを見逃してしまった方は、上の動画をご覧ください。<a href="https://www.linkedin.com/newsletters/web-ai-ml-monthly-6895540524061736960/">ウェブ AI ニュースレターも発刊していますので、ぜひ購読しましょう</a>。次のイベントについては、このニュースレターでお知らせします。</p> </div> </div> </section> <section class="navigation-container glue-page glue-spacer-6-top"> <div class="posted-in-section"> <div class="posted-in-section__heading"> <span class="glue-caption"> 投稿先: </span> </div> <div class="posted-in-section__tags"> <ul> <li> <a href="/ja/search/?product_categories=Chrome+Web" class="glue-caption">Chrome Web</a> </li> <li> <a href="/ja/search/?technology_categories=Web" class="glue-caption">Web</a> </li> <li> <a href="/ja/search/?technology_categories=AI" class="glue-caption">AI</a> </li> <li> <a href="/ja/search/?content_type_categories=Community" class="glue-caption">Community</a> </li> <li> <a href="/ja/search/?content_type_categories=Events" class="glue-caption">Events</a> </li> <li> <a href="/ja/search/?content_type_categories=Industry+Trends" class="glue-caption">Industry Trends</a> </li> <li> <a href="/ja/search/?content_type_categories=Solutions" class="glue-caption">Solutions</a> </li> <li> <a href="/ja/search/?tag=Explore" class="glue-caption">Explore</a> </li> <li> <a href="/ja/search/?tag=Influence" class="glue-caption">Influence</a> </li> <li> <a href="/ja/search/?tag=Learn" class="glue-caption">Learn</a> </li> <li> <a href="/ja/search/?tag=LLM" class="glue-caption">LLM</a> </li> <li> <a href="/ja/search/?tag=Machine Learning" class="glue-caption">Machine Learning</a> </li> </ul> </div> </div> <div class="buttons-section"> <div class="buttons-section__left"> <a href="/ja/bringing-ai-agents-to-production-with-gemini-api/" class="glue-button--icon glue-elevation-level-1 " aria-label="前へ"> <svg role="presentation" aria-hidden="true" class="glue-icon"> <use href="/glue-icon/#chevron-left"></use> </svg> </a> <span class="caption ">前へ</span> </div> <div class="buttons-section__right"> <span class="caption ">次へ</span> <a href="/ja/sharing-our-latest-differential-privacy-milestones-and-advancements/" class="glue-button--icon glue-elevation-level-1 " aria-label="次へ"> <svg role="presentation" aria-hidden="true" class="glue-icon"> <use href="/glue-icon/#chevron-right"></use> </svg> </a> </div> </div> </section> <section class="related-posts-container glue-page glue-spacer-6-top glue-spacer-3-bottom"> <span class="glue-headline glue-headline--headline-3">関連投稿</span> <div class="related-posts-container__carousel glue-page glue-spacer-5-top"> <div class="glue-carousel glue-carousel--cards glue-carousel-related-posts" aria-label="関連投稿">  <button class="glue-carousel__button glue-carousel__button--prev" aria-label="前のスライドへ"> <svg role="presentation" aria-hidden="true" class="glue-icon glue-icon--32px"> <use href="/glue-icon/#chevron-left"></use> </svg> </button>  <button class="glue-carousel__button glue-carousel__button--next" aria-label="次のスライドへ"> <svg role="presentation" aria-hidden="true" class="glue-icon glue-icon--32px"> <use href="/glue-icon/#chevron-right"></use> </svg> </button>  <div class="glue-carousel__viewport"> <div class="glue-carousel__list"> <a class="glue-card glue-carousel__item" href="/ja/join-us-at-the-women-in-ai-summit-2024/"> <div aria-label="Join us at the Women in AI Summit 2024!" class="glue-card__inner"> <picture class="glue-card__asset"> <img alt="Join us at the Women in AI Summit 2024!" src="https://storage.googleapis.com/gweb-developer-goog-blog-assets/images/WAI-2024-Feature.2e16d0ba.fill-800x400.png"> </picture> <div class="glue-card__content"> <div class="glue-card__tags glue-spacer-2-top"> <span class="glue-label">AI</span> <span class="glue-label">Community</span> <span class="glue-label">Events</span> </div> <p class="glue-headline glue-headline--headline-5">Join us at the Women in AI Summit 2024!</p> <div class="glue-card__cta-custom glue-spacer-3-top"> <span class="glue-cta">2024年11月22日</span> <svg aria-hidden="true" class="glue-icon glue-icon--24px" role="presentation"> <use href="/glue-icon/#arrow-forward"></use> </svg> </div> </div> </div> </a> <a class="glue-card glue-carousel__item" href="/ja/announcing-the-winners-of-the-gemini-api-developer-competition/"> <div aria-label="Announcing the Winners of the Gemini API Developer Competition!" class="glue-card__inner"> <picture class="glue-card__asset"> <img alt="Announcing the Winners of the Gemini API Developer Competition!" src="https://storage.googleapis.com/gweb-developer-goog-blog-assets/images/Gemini_Competition_G4D_-_meta.2e16d0ba.fill-800x400.png"> </picture> <div class="glue-card__content"> <div class="glue-card__tags glue-spacer-2-top"> <span class="glue-label">Mobile</span> <span class="glue-label">Web</span> <span class="glue-label">Case Studies</span> <span class="glue-label">Community</span> </div> <p class="glue-headline glue-headline--headline-5">Announcing the Winners of the Gemini API Developer Competition!</p> <div class="glue-card__cta-custom glue-spacer-3-top"> <span class="glue-cta">2024年11月21日</span> <svg aria-hidden="true" class="glue-icon glue-icon--24px" role="presentation"> <use href="/glue-icon/#arrow-forward"></use> </svg> </div> </div> </div> </a> <a class="glue-card glue-carousel__item" href="/ja/firebase-demo-day-24/"> <div aria-label="Learn to build and run AI powered apps at Firebase Demo Day ‘24" class="glue-card__inner"> <picture class="glue-card__asset"> <img alt="Learn to build and run AI powered apps at Firebase Demo Day ‘24" src="https://storage.googleapis.com/gweb-developer-goog-blog-assets/images/Newletter_DayOf.2e16d0ba.fill-800x400.jpg"> </picture> <div class="glue-card__content"> <div class="glue-card__tags glue-spacer-2-top"> <span class="glue-label">Firebase</span> <span class="glue-label">Mobile</span> <span class="glue-label">Web</span> <span class="glue-label">Tutorials</span> <span class="glue-label">How-To Guides</span> </div> <p class="glue-headline glue-headline--headline-5">Learn to build and run AI powered apps at Firebase Demo Day ‘24</p> <div class="glue-card__cta-custom glue-spacer-3-top"> <span class="glue-cta">2024年11月19日</span> <svg aria-hidden="true" class="glue-icon glue-icon--24px" role="presentation"> <use href="/glue-icon/#arrow-forward"></use> </svg> </div> </div> </div> </a> <a class="glue-card glue-carousel__item" href="/ja/federated-credential-management-fedcm-migration-for-google-identity-services/"> <div aria-label="Google Identity Services の Federated Credential Management（FedCM）への移行について" class="glue-card__inner"> <picture class="glue-card__asset"> <img alt="Google Identity Services の Federated Credential Management（FedCM）への移行について" src="https://storage.googleapis.com/gweb-developer-goog-blog-assets/images/12.2e16d0ba.fill-800x400.png"> </picture> <div class="glue-card__content"> <div class="glue-card__tags glue-spacer-2-top"> <span class="glue-label">Chrome Web</span> <span class="glue-label">Web</span> <span class="glue-label">How-To Guides</span> <span class="glue-label">Announcements</span> </div> <p class="glue-headline glue-headline--headline-5">Google Identity Services の Federated Credential Management（FedCM）への移行について</p> <div class="glue-card__cta-custom glue-spacer-3-top"> <span class="glue-cta">2024年2月13日</span> <svg aria-hidden="true" class="glue-icon glue-icon--24px" role="presentation"> <use href="/glue-icon/#arrow-forward"></use> </svg> </div> </div> </div> </a> <a class="glue-card glue-carousel__item" href="/ja/chrome-3p-autofill-services/"> <div aria-label="Android 版 Chrome がサードパーティ製自動入力サービスをネイティブサポート" class="glue-card__inner"> <picture class="glue-card__asset"> <img alt="Android 版 Chrome がサードパーティ製自動入力サービスをネイティブサポート" src="https://storage.googleapis.com/gweb-developer-goog-blog-assets/images/Security-GfD.2e16d0ba.fill-800x400.png"> </picture> <div class="glue-card__content"> <div class="glue-card__tags glue-spacer-2-top"> <span class="glue-label">Android</span> <span class="glue-label">Chrome Web</span> <span class="glue-label">Web</span> <span class="glue-label">Announcements</span> <span class="glue-label">Best Practices</span> </div> <p class="glue-headline glue-headline--headline-5">Android 版 Chrome がサードパーティ製自動入力サービスをネイティブサポート</p> <div class="glue-card__cta-custom glue-spacer-3-top"> <span class="glue-cta">2024年10月24日</span> <svg aria-hidden="true" class="glue-icon glue-icon--24px" role="presentation"> <use href="/glue-icon/#arrow-forward"></use> </svg> </div> </div> </div> </a> </div> </div>  <div class="glue-carousel__navigation" aria-label="Choose a page" data-glue-carousel-navigation-label="Selected tab $glue_carousel_page_number$ of $glue_carousel_page_total$"> </div> </div> </div> </section> </div> <div class="footer-linkboxes__wrapper"> <nav class="footer-linkboxes" aria-label="フッターリンク"> <ul class="footer-linkboxes__list"> <li class="footer-linkbox"> <span class="footer-linkbox-heading"> 接続する </span> <ul class="footer-linkbox-list"> <li class="footer-linkbox-list__item"> <a href="//googledevelopers.blogspot.com" class="footer-linkbox-list__link"> Blog </a> </li> <li class="footer-linkbox-list__item"> <a href="https://goo.gle/googlefordevs" class="footer-linkbox-list__link"> Instagram </a> </li> <li class="footer-linkbox-list__item"> <a href="https://goo.gle/gdevs-li" class="footer-linkbox-list__link"> LinkedIn </a> </li> <li class="footer-linkbox-list__item"> <a href="https://goo.gle/gdevs-tw" class="footer-linkbox-list__link"> Twitter </a> </li> <li class="footer-linkbox-list__item"> <a href="https://goo.gle/developers" class="footer-linkbox-list__link"> YouTube </a> </li> </ul> </li> <li class="footer-linkbox"> <span class="footer-linkbox-heading"> プログラム </span> <ul class="footer-linkbox-list"> <li class="footer-linkbox-list__item"> <a href="//www.womentechmakers.com" class="footer-linkbox-list__link"> Women Techmakers </a> </li> <li class="footer-linkbox-list__item"> <a href="//developers.google.com/community/gdg" class="footer-linkbox-list__link"> Google Developer Groups </a> </li> <li class="footer-linkbox-list__item"> <a href="//developers.google.com/community/experts" class="footer-linkbox-list__link"> Google Developer Experts </a> </li> <li class="footer-linkbox-list__item"> <a href="//developers.google.com/community/accelerators" class="footer-linkbox-list__link"> Accelerators </a> </li> <li class="footer-linkbox-list__item"> <a href="//developers.google.com/community/gdsc" class="footer-linkbox-list__link"> Google Developer Student Clubs </a> </li> </ul> </li> <li class="footer-linkbox"> <span class="footer-linkbox-heading"> デベロッパーコンソール </span> <ul class="footer-linkbox-list"> <li class="footer-linkbox-list__item"> <a href="//console.developers.google.com" class="footer-linkbox-list__link"> Google API Console </a> </li> <li class="footer-linkbox-list__item"> <a href="//console.cloud.google.com" class="footer-linkbox-list__link"> Google Cloud Platform Console </a> </li> <li class="footer-linkbox-list__item"> <a href="//play.google.com/apps/publish" class="footer-linkbox-list__link"> Google Play Console </a> </li> <li class="footer-linkbox-list__item"> <a href="//console.firebase.google.com" class="footer-linkbox-list__link"> Firebase Console </a> </li> <li class="footer-linkbox-list__item"> <a href="//console.actions.google.com" class="footer-linkbox-list__link"> Actions on Google Console </a> </li> <li class="footer-linkbox-list__item"> <a href="//cast.google.com/publish" class="footer-linkbox-list__link"> Cast SDK Developer Console </a> </li> <li class="footer-linkbox-list__item"> <a href="//chrome.google.com/webstore/developer/dashboard" class="footer-linkbox-list__link"> Chrome Web Store Dashboard </a> </li> </ul> </li> </ul> </nav> </div> <div class="footer-utility__wrapper"> <div> <nav class="footer-sites" aria-label="その他の Google Developers ウェブサイト"> <a href="https://developers.google.com/" class="site-logo-link" data-label="Site logo"> <img src="https://storage.googleapis.com/gweb-developer-goog-blog-cms-assets/f677f1b8-8552-4a23-83cc-57c36dbaf782/images/g-dev.svg" class="site-logo" alt="Google for Developers"> </a> <ul class="footer-sites-list"> <li class="footer-sites-item"> <a href="//developer.android.com" class="footer-sites-link"> Android </a> </li> <li class="footer-sites-item"> <a href="//developer.chrome.com/home" class="footer-sites-link"> Chrome </a> </li> <li class="footer-sites-item"> <a href="//firebase.google.com" class="footer-sites-link"> Firebase </a> </li> <li class="footer-sites-item"> <a href="//cloud.google.com" class="footer-sites-link"> Google Cloud Platform </a> </li> <li class="footer-sites-item"> <a href="//developers.google.com/products" class="footer-sites-link"> All products </a> </li> <li class="footer-sites-item"> <button aria-hidden="true" class="glue-cookie-notification-bar-control footer-sites-link"> Manage cookies </button> </li> </ul> </nav> <nav class="footer-utility-links"> <ul class="footer-utility-list"> <li class="footer-utility-item"> <a href="//developers.google.com/terms/site-terms" class="footer-utility-link"> 利用規約 </a> </li> <li class="footer-utility-item"> <a href="//policies.google.com/privacy" class="footer-utility-link"> プライバシー </a> </li> </ul> <div class="language-selector footer" aria-label="言語設定を選択"> <button type="button" aria-controls="lang-selector-footer" aria-haspopup="true"> <svg role="presentation" aria-hidden="true" class="glue-icon lang-icon"> <use href="/glue-icon/#language"></use> </svg> <span class="lang-label">日本語</span> <svg role="presentation" aria-hidden="true" class="glue-icon lang-icon"> <use href="/glue-icon/#arrow-drop-down"></use> </svg> </button> <div id="lang-selector-footer" class="lang-menu hidden" role="menu"> <ul role="presentation"> <li role="presentation"> <a role="menuitem" lang="en" href="/en/web-ai-summit-2024-recap/">English</a> </li> <li role="presentation"> <a role="menuitem" lang="es" href="/es/web-ai-summit-2024-recap/">Español (Latam)</a> </li> <li role="presentation"> <a role="menuitem" lang="id" href="/id/web-ai-summit-2024-recap/">Bahasa Indonesia</a> </li> <li role="presentation"> <a role="menuitem" lang="ja" aria-current="true" href="/ja/web-ai-summit-2024-recap/">日本語</a> </li> <li role="presentation"> <a role="menuitem" lang="ko" href="/ko/web-ai-summit-2024-recap/">한국어</a> </li> <li role="presentation"> <a role="menuitem" lang="pt-br" href="/pt-br/web-ai-summit-2024-recap/">Português (Brasil)</a> </li> <li role="presentation"> <a role="menuitem" lang="zh-hans" href="/zh-hans/web-ai-summit-2024-recap/">简体中文</a> </li> </ul> </div> </div> </nav> </div> </div> <script src="https://www.youtube.com/player_api"></script> <script src="//www.gstatic.com/glue/v27_1/glue.min.js"></script> <script type="text/javascript" src="https://storage.googleapis.com/gweb-developer-goog-blog-cms-assets/f677f1b8-8552-4a23-83cc-57c36dbaf782/js/dgc_blog.js"></script> <script src="https://www.gstatic.com/glue/cookienotificationbar/cookienotificationbar.min.js" data-glue-cookie-notification-bar-category="2A" data-glue-cookie-notification-bar-site-id="developers.googleblog.com"> </script> <script src="https://storage.googleapis.com/gweb-developer-goog-blog-cms-assets/f677f1b8-8552-4a23-83cc-57c36dbaf782/js/blog_detail.js"></script> </body> </html>

CINXE.COM

Web AI Summit 2024 のまとめ: デベロッパーのためのクライアントサイド AI - Google Developers Blog