{"id":3775,"date":"2026-11-08T15:28:18","date_gmt":"2026-11-08T06:28:18","guid":{"rendered":"https:\/\/qol-kk.com\/wp2\/?p=3775"},"modified":"2026-11-08T15:28:18","modified_gmt":"2026-11-08T06:28:18","slug":"20261024-00mvllzj","status":"publish","type":"post","link":"https:\/\/qol-kk.com\/wp2\/blog\/2026\/11\/08\/20261024-00mvllzj\/","title":{"rendered":"Zoom Meeting SDK\u3092Web\u30a2\u30d7\u30ea\u306b\u7d44\u307f\u8fbc\u3080\u30d3\u30c7\u30aa\u4f1a\u8b70\u9023\u643a\u5165\u9580"},"content":{"rendered":"<h2>\u6982\u8981<\/h2>\n<p>\u81ea\u793e\u30b5\u30fc\u30d3\u30b9\u306e\u753b\u9762\u5185\u3067\u305d\u306e\u307e\u307e\u30d3\u30c7\u30aa\u4f1a\u8b70\u3092\u958b\u304d\u305f\u3044\u3001\u3068\u3044\u3046\u30cb\u30fc\u30ba\u306f\u610f\u5916\u3068\u591a\u304f\u3042\u308a\u307e\u3059\u3002\u30aa\u30f3\u30e9\u30a4\u30f3\u8a3a\u7642\u3001\u30aa\u30f3\u30e9\u30a4\u30f3\u5bb6\u5ead\u6559\u5e2b\u3001\u5546\u8ac7\u3001\u30ab\u30b9\u30bf\u30de\u30fc\u30b5\u30dd\u30fc\u30c8\u306a\u3069\u3001\u300c\u5225\u30a2\u30d7\u30ea\u306b\u98db\u3070\u3055\u305a\u3001\u81ea\u5206\u305f\u3061\u306eWeb\u30a2\u30d7\u30ea\u306e\u4e2d\u3067\u4f1a\u8b70\u3092\u5b8c\u7d50\u3055\u305b\u305f\u3044\u300d\u3068\u3044\u3046\u30b1\u30fc\u30b9\u3067\u3059\u3002<\/p>\n<p>\u3053\u308c\u3092\u5b9f\u73fe\u3059\u308b\u624b\u6bb5\u306e\u3072\u3068\u3064\u304c <strong>Zoom Meeting SDK<\/strong> \u3067\u3059\u3002\u672c\u8a18\u4e8b\u3067\u306f\u3001Zoom Meeting SDK\uff08Web\u5411\u3051\uff09\u3092Web\u30a2\u30d7\u30ea\u306b\u7d44\u307f\u8fbc\u3080\u6700\u5c0f\u69cb\u6210\u3092\u3001\u516c\u958b\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306b\u57fa\u3065\u3044\u3066\u30cf\u30f3\u30ba\u30aa\u30f3\u5f62\u5f0f\u3067\u307e\u3068\u3081\u307e\u3059\u3002<\/p>\n<p>\u30b4\u30fc\u30eb\u306f\u6b21\u306e3\u3064\u3067\u3059\u3002<\/p>\n<ul>\n<li>Zoom Marketplace \u3067 Meeting SDK \u7528\u30a2\u30d7\u30ea\u3092\u4f5c\u308b<\/li>\n<li>\u30b5\u30fc\u30d0\u5074\u3067\u53c2\u52a0\u7528\u306e\u7f72\u540d\uff08JWT\uff09\u3092\u767a\u884c\u3059\u308b<\/li>\n<li>\u30d5\u30ed\u30f3\u30c8\u5074\uff08Component View\uff09\u3067\u4f1a\u8b70\u306b\u53c2\u52a0\u3059\u308b<\/li>\n<\/ul>\n<p>&gt; \u672c\u8a18\u4e8b\u306e\u30b3\u30fc\u30c9\u306f\u89e3\u8aac\u7528\u306e\u6700\u5c0f\u69cb\u6210\u3067\u3059\u3002\u672c\u756a\u5c0e\u5165\u6642\u306f\u8a8d\u8a3c\u30fb\u30a8\u30e9\u30fc\u30cf\u30f3\u30c9\u30ea\u30f3\u30b0\u30fb\u5229\u7528\u898f\u7d04\u307e\u308f\u308a\u3092\u5225\u9014\u8a2d\u8a08\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<h2>\u74b0\u5883<\/h2>\n<ul>\n<li>Node.js 18 \u4ee5\u964d<\/li>\n<li>\u30d5\u30ed\u30f3\u30c8: React + TypeScript\uff08\u30d7\u30ec\u30fc\u30f3\u306aJS\u3067\u3082\u53ef\uff09<\/li>\n<li>Zoom Meeting SDK: <code>@zoom\/meetingsdk<\/code><\/li>\n<li>\u30b5\u30fc\u30d0\uff08\u7f72\u540d\u767a\u884c\u7528\uff09: Node.js + Express + <code>jsonwebtoken<\/code><\/li>\n<\/ul>\n<p>Zoom \u306e Web \u5411\u3051 SDK \u306b\u306f\u63cf\u753b\u65b9\u5f0f\u304c2\u3064\u3042\u308a\u307e\u3059\u3002<\/p>\n<table>\n<thead>\n<tr>\n<th>\u65b9\u5f0f<\/th>\n<th>\u7279\u5fb4<\/th>\n<th>\u5411\u3044\u3066\u3044\u308b\u7528\u9014<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Client View<\/td>\n<td>Zoom\u7d14\u6b63\u306b\u8fd1\u3044\u30d5\u30ebUI\u3002\u753b\u9762\u3092\u307b\u307c\u5360\u6709<\/td>\n<td>Zoom\u3068\u540c\u7b49\u306e\u4f53\u9a13\u3092\u51fa\u3057\u305f\u3044<\/td>\n<\/tr>\n<tr>\n<td>Component View<\/td>\n<td>\u4efb\u610f\u306eDOM\u8981\u7d20\u306b\u57cb\u3081\u8fbc\u307f\u3002\u914d\u7f6e\u3092\u5236\u5fa1\u3057\u3084\u3059\u3044<\/td>\n<td>\u81ea\u793eUI\u306e\u4e00\u90e8\u3068\u3057\u3066\u4f1a\u8b70\u3092\u7f6e\u304d\u305f\u3044<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\u81ea\u793e\u30a2\u30d7\u30ea\u306b\u300c\u6eb6\u3051\u8fbc\u307e\u305b\u308b\u300d\u306a\u3089 <strong>Component View<\/strong> \u304c\u6271\u3044\u3084\u3059\u3044\u305f\u3081\u3001\u672c\u8a18\u4e8b\u306f\u3053\u3061\u3089\u3067\u9032\u3081\u307e\u3059\u3002<\/p>\n<h2>\u5168\u4f53\u69cb\u6210<\/h2>\n<p>\u30dd\u30a4\u30f3\u30c8\u306f\u300c<strong>\u7f72\u540d\u3092\u30d5\u30ed\u30f3\u30c8\u3067\u4f5c\u3089\u306a\u3044<\/strong>\u300d\u3053\u3068\u306b\u5c3d\u304d\u307e\u3059\u3002<\/p>\n<pre class=\"lang:default decode:true\">[\u30d6\u30e9\u30a6\u30b6]\n  \u2502 1. \u4f1a\u8b70\u756a\u53f7\u306a\u3069\u3092\u6e21\u3057\u3066\u7f72\u540d\u3092\u8981\u6c42\n  \u25bc\n[\u81ea\u524d\u306e\u30d0\u30c3\u30af\u30a8\u30f3\u30c9] \u2500\u2500 SDK Secret \u3092\u4fdd\u6301\n  \u2502 2. JWT\u7f72\u540d\u3092\u751f\u6210\u3057\u3066\u8fd4\u3059\n  \u25bc\n[\u30d6\u30e9\u30a6\u30b6]\n  \u2502 3. \u7f72\u540d\u3092\u4f7f\u3063\u3066 Zoom \u306e\u4f1a\u8b70\u306b\u53c2\u52a0\n  \u25bc\n[Zoom \u30a4\u30f3\u30d5\u30e9]<\/pre>\n<p>SDK Secret \u306f\u30af\u30ec\u30c7\u30f3\u30b7\u30e3\u30eb\u306a\u306e\u3067\u3001\u30d6\u30e9\u30a6\u30b6\u306b\u7f6e\u3044\u305f\u6642\u70b9\u3067\u6f0f\u6d29\u3057\u307e\u3059\u3002\u7f72\u540d\u306e\u751f\u6210\u306f\u5fc5\u305a\u30b5\u30fc\u30d0\u5074\u3067\u884c\u3044\u307e\u3059\u3002<\/p>\n<h2>\u624b\u98061: Zoom Marketplace \u3067\u30a2\u30d7\u30ea\u3092\u4f5c\u308b<\/h2>\n<ol>\n<li><a href=\"https:\/\/marketplace.zoom.us\/\">Zoom App Marketplace<\/a> \u306b\u30b5\u30a4\u30f3\u30a4\u30f3<\/li>\n<li>\u300cDevelop\u300d\u2192\u300cBuild App\u300d\u304b\u3089 <strong>Meeting SDK<\/strong> \u30bf\u30a4\u30d7\u306e\u30a2\u30d7\u30ea\u3092\u4f5c\u6210<\/li>\n<li>\u767a\u884c\u3055\u308c\u305f <strong>Client ID \/ Client Secret<\/strong>\uff08SDK Key \/ SDK Secret \u306b\u76f8\u5f53\uff09\u3092\u63a7\u3048\u308b<\/li>\n<\/ol>\n<p>\u3053\u306e Client ID \/ Client Secret \u304c\u7f72\u540d\u751f\u6210\u306e\u30ad\u30fc\u306b\u306a\u308a\u307e\u3059\u3002\u74b0\u5883\u5909\u6570\u306b\u5165\u308c\u3066\u304a\u304d\u307e\u3059\u3002<\/p>\n<pre class=\"lang:default decode:true\"># .env\uff08\u30b3\u30df\u30c3\u30c8\u3057\u306a\u3044\uff09\nZOOM_SDK_KEY=your_client_id\nZOOM_SDK_SECRET=your_client_secret<\/pre>\n<h2>\u624b\u98062: \u30b5\u30fc\u30d0\u5074\u3067\u7f72\u540d\uff08JWT\uff09\u3092\u767a\u884c\u3059\u308b<\/h2>\n<p>Meeting SDK \u306e\u53c2\u52a0\u7f72\u540d\u306f HS256 \u306e JWT \u3067\u3059\u3002\u30da\u30a4\u30ed\u30fc\u30c9\u306b\u4f1a\u8b70\u756a\u53f7\u30fb\u30ed\u30fc\u30eb\u30fb\u6709\u52b9\u671f\u9650\u3092\u5165\u308c\u3001SDK Secret \u3067\u7f72\u540d\u3057\u307e\u3059\u3002<\/p>\n<pre class=\"lang:default decode:true\">\/\/ server\/signature.js\nconst jwt = require('jsonwebtoken')\n\n\/**\n * @param {string|number} meetingNumber \u4f1a\u8b70\u756a\u53f7\n * @param {number} role 0=\u53c2\u52a0\u8005, 1=\u30db\u30b9\u30c8\n *\/\nfunction generateSignature(meetingNumber, role) {\n  const iat = Math.round(Date.now() \/ 1000) - 30 \/\/ \u6642\u523b\u305a\u308c\u5bfe\u7b56\u306730\u79d2\u623b\u3059\n  const exp = iat + 60 * 60 * 2 \/\/ 2\u6642\u9593\n  const header = { alg: 'HS256', typ: 'JWT' }\n\n  const payload = {\n    appKey: process.env.ZOOM_SDK_KEY,\n    sdkKey: process.env.ZOOM_SDK_KEY,\n    mn: meetingNumber,\n    role,\n    iat,\n    exp,\n    tokenExp: exp,\n  }\n\n  return jwt.sign(payload, process.env.ZOOM_SDK_SECRET, {\n    algorithm: 'HS256',\n    header,\n  })\n}\n\nmodule.exports = { generateSignature }<\/pre>\n<p>\u3053\u308c\u3092 API \u3068\u3057\u3066\u9732\u51fa\u3057\u307e\u3059\u3002<\/p>\n<pre class=\"lang:default decode:true\">\/\/ server\/index.js\nconst express = require('express')\nconst cors = require('cors')\nconst { generateSignature } = require('.\/signature')\n\nconst app = express()\napp.use(cors())\napp.use(express.json())\n\napp.post('\/api\/zoom\/signature', (req, res) =&gt; {\n  const { meetingNumber, role = 0 } = req.body\n\n  if (!meetingNumber) {\n    return res.status(400).json({ error: 'meetingNumber is required' })\n  }\n\n  \/\/ \u5b9f\u904b\u7528\u3067\u306f\u3053\u3053\u3067\u30ed\u30b0\u30a4\u30f3\u72b6\u614b\u30fb\u4f1a\u8b70\u53c2\u52a0\u6a29\u9650\u3092\u691c\u8a3c\u3059\u308b\n  const signature = generateSignature(meetingNumber, role)\n  res.json({ signature, sdkKey: process.env.ZOOM_SDK_KEY })\n})\n\napp.listen(4000, () =&gt; console.log('signature server on :4000'))<\/pre>\n<p>&gt; \u26a0\ufe0f <code>\/api\/zoom\/signature<\/code> \u3092\u8a8d\u8a3c\u306a\u3057\u3067\u516c\u958b\u3059\u308b\u3068\u3001\u8ab0\u3067\u3082\u4efb\u610f\u306e\u4f1a\u8b70\u756a\u53f7\u306e\u7f72\u540d\u3092\u767a\u884c\u3067\u304d\u3066\u3057\u307e\u3044\u307e\u3059\u3002\u5fc5\u305a\u30ed\u30b0\u30a4\u30f3\u30fb\u6a29\u9650\u30c1\u30a7\u30c3\u30af\u3092\u524d\u6bb5\u306b\u631f\u3093\u3067\u304f\u3060\u3055\u3044\u3002<\/p>\n<h2>\u624b\u98063: \u30d5\u30ed\u30f3\u30c8\u5074\u3067\u4f1a\u8b70\u306b\u53c2\u52a0\u3059\u308b\uff08Component View\uff09<\/h2>\n<p>\u307e\u305a\u30d1\u30c3\u30b1\u30fc\u30b8\u3092\u5165\u308c\u307e\u3059\u3002<\/p>\n<pre class=\"lang:default decode:true\">npm install @zoom\/meetingsdk<\/pre>\n<p>Component View \u306e\u30a8\u30f3\u30c8\u30ea\u306f <code>@zoom\/meetingsdk\/embedded<\/code> \u306e <code>ZoomMtgEmbedded<\/code> \u3067\u3059\u3002\u4f1a\u8b70\u3092\u63cf\u753b\u3059\u308b\u7a7a\u306eDOM\u8981\u7d20\u3092\u7528\u610f\u3057\u3001<code>init<\/code> \u2192 <code>join<\/code> \u306e\u9806\u3067\u547c\u3073\u307e\u3059\u3002<\/p>\n<pre class=\"lang:default decode:true\">\/\/ src\/ZoomMeeting.tsx\nimport { useRef } from 'react'\nimport ZoomMtgEmbedded from '@zoom\/meetingsdk\/embedded'\n\nconst SIGNATURE_ENDPOINT = 'http:\/\/localhost:4000\/api\/zoom\/signature'\n\nexport function ZoomMeeting() {\n  const rootRef = useRef&lt;HTMLDivElement&gt;(null)\n\n  const join = async () =&gt; {\n    const meetingNumber = '1234567890' \/\/ \u5b9f\u969b\u306f\u5165\u529b\/API\u304b\u3089\u53d6\u5f97\n    const password = ''                \/\/ \u4f1a\u8b70\u30d1\u30b9\u30b3\u30fc\u30c9\n    const userName = 'Guest User'\n\n    \/\/ 1. \u7f72\u540d\u3092\u30b5\u30fc\u30d0\u304b\u3089\u53d6\u5f97\n    const res = await fetch(SIGNATURE_ENDPOINT, {\n      method: 'POST',\n      headers: { 'Content-Type': 'application\/json' },\n      body: JSON.stringify({ meetingNumber, role: 0 }),\n    })\n    const { signature, sdkKey } = await res.json()\n\n    \/\/ 2. \u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u521d\u671f\u5316\n    const client = ZoomMtgEmbedded.createClient()\n    await client.init({\n      zoomAppRoot: rootRef.current!,\n      language: 'en-US',\n      patchJsMedia: true, \/\/ \u30e1\u30c7\u30a3\u30a2\u5468\u308a\u306e\u4e92\u63db\u30d1\u30c3\u30c1\u3092\u6709\u52b9\u5316\n    })\n\n    \/\/ 3. \u4f1a\u8b70\u306b\u53c2\u52a0\n    await client.join({\n      signature,\n      sdkKey,\n      meetingNumber,\n      password,\n      userName,\n    })\n  }\n\n  return (\n    &lt;div&gt;\n      &lt;button onClick={join}&gt;\u4f1a\u8b70\u306b\u53c2\u52a0&lt;\/button&gt;\n      {\/* Zoom \u304c\u3053\u306e\u8981\u7d20\u306e\u4e2d\u306b\u4f1a\u8b70UI\u3092\u63cf\u753b\u3059\u308b *\/}\n      &lt;div ref={rootRef} style={{ width: 800, height: 600 }} \/&gt;\n    &lt;\/div&gt;\n  )\n}<\/pre>\n<p>\u3053\u308c\u3067\u300c\u4f1a\u8b70\u306b\u53c2\u52a0\u300d\u3092\u62bc\u3059\u3068\u3001\u6307\u5b9a\u3057\u305fDOM\u8981\u7d20\u306e\u4e2d\u306bZoom\u306e\u4f1a\u8b70UI\u304c\u57cb\u3081\u8fbc\u307e\u308c\u307e\u3059\u3002<\/p>\n<h2>\u78ba\u8a8d\u65b9\u6cd5<\/h2>\n<ol>\n<li>\u7f72\u540d\u767a\u884c\u30b5\u30fc\u30d0\u3092\u8d77\u52d5\u3059\u308b\uff08<code>node server\/index.js<\/code>\uff09<\/li>\n<li>\u30d5\u30ed\u30f3\u30c8\u3092\u8d77\u52d5\u3057\u3001\u6709\u52b9\u306a\u4f1a\u8b70\u756a\u53f7\uff08\u81ea\u5206\u3067\u4f5c\u3063\u305f\u30c6\u30b9\u30c8\u4f1a\u8b70\u3067\u3088\u3044\uff09\u3092\u6307\u5b9a\u3059\u308b<\/li>\n<li>\u30dc\u30bf\u30f3\u62bc\u4e0b\u3067\u30d6\u30e9\u30a6\u30b6\u5185\u306b\u4f1a\u8b70UI\u304c\u8868\u793a\u3055\u308c\u3001\u6620\u50cf\u30fb\u97f3\u58f0\u304c\u3064\u306a\u304c\u308b\u304b\u3092\u78ba\u8a8d\u3059\u308b<\/li>\n<li>\u30d6\u30e9\u30a6\u30b6\u306e\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u30bf\u30d6\u3067 <code>\/api\/zoom\/signature<\/code> \u304c 200 \u3092\u8fd4\u3057\u3066\u3044\u308b\u304b\u3001\u7f72\u540d\u304c JWT \u5f62\u5f0f\uff08<code>xxxxx.yyyyy.zzzzz<\/code>\uff09\u306b\u306a\u3063\u3066\u3044\u308b\u304b\u3092\u78ba\u8a8d\u3059\u308b<\/li>\n<\/ol>\n<p>\u7f72\u540d\u304c\u4e0d\u6b63\u306a\u5834\u5408\u3001<code>join<\/code> \u304c\u62d2\u5426\u3055\u308c\u307e\u3059\u3002JWT \u3092\u30c7\u30b3\u30fc\u30c9\u3057\u3066 <code>mn<\/code>\uff08\u4f1a\u8b70\u756a\u53f7\uff09\u30fb<code>role<\/code>\u30fb<code>exp<\/code> \u304c\u610f\u56f3\u3069\u304a\u308a\u304b\u3092\u898b\u308b\u3068\u3001\u5207\u308a\u5206\u3051\u304c\u65e9\u304f\u306a\u308a\u307e\u3059\u3002<\/p>\n<h2>\u6ce8\u610f\u70b9<\/h2>\n<p><strong>1. SDK Secret \u3092\u30d5\u30ed\u30f3\u30c8\u306b\u7f6e\u304b\u306a\u3044<\/strong> \u7f72\u540d\u306f\u30b5\u30fc\u30d0\u751f\u6210\u304c\u9244\u5247\u3067\u3059\u3002\u30d3\u30eb\u30c9\u6210\u679c\u7269\u306b Secret \u304c\u6df7\u5165\u3057\u3066\u3044\u306a\u3044\u304b\u5fc5\u305a\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/p>\n<p><strong>2. \u6642\u523b\u305a\u308c\u3067\u7f72\u540d\u304c\u5f3e\u304b\u308c\u308b<\/strong> <code>iat<\/code> \u3092\u5c11\u3057\u904e\u53bb\u306b\u305a\u3089\u3059\u306e\u306f\u3001\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u3068\u30b5\u30fc\u30d0\u306e\u6642\u523b\u305a\u308c\u3067\u300c\u672a\u6765\u306e\u7f72\u540d\u300d\u3068\u5224\u5b9a\u3055\u308c\u308b\u306e\u3092\u9632\u3050\u305f\u3081\u306e\u5b9a\u756a\u5bfe\u7b56\u3067\u3059\u3002\u6709\u52b9\u671f\u9650 <code>exp<\/code> \u304c\u77ed\u3059\u304e\u308b\u3068\u4f1a\u8b70\u4e2d\u306b\u5207\u308c\u308b\u306e\u3067\u6ce8\u610f\u3057\u307e\u3059\u3002<\/p>\n<p><strong>3. \u30d6\u30e9\u30a6\u30b6\u8981\u4ef6\u3068HTTPS<\/strong> \u30ab\u30e1\u30e9\u30fb\u30de\u30a4\u30af\u3092\u4f7f\u3046\u305f\u3081\u3001\u30ed\u30fc\u30ab\u30eb\u4ee5\u5916\u3067\u306f HTTPS \u304c\u5b9f\u8cea\u5fc5\u9808\u3067\u3059\u3002\u5bfe\u5fdc\u30d6\u30e9\u30a6\u30b6\u3082\u516c\u5f0f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3067\u78ba\u8a8d\u3057\u3066\u304a\u304d\u307e\u3059\u3002<\/p>\n<p><strong>4. Client View \u306f\u4e8b\u524d\u30ed\u30fc\u30c9\u304c\u5fc5\u8981<\/strong> \u672c\u8a18\u4e8b\u306f Component View \u4e2d\u5fc3\u3067\u3059\u304c\u3001Client View\uff08<code>ZoomMtg<\/code>\uff09\u3092\u4f7f\u3046\u5834\u5408\u306f CDN \u30a2\u30bb\u30c3\u30c8\u306e\u6307\u5b9a\u3084 WASM \u306e\u4e8b\u524d\u30ed\u30fc\u30c9\u306a\u3069\u8ffd\u52a0\u624b\u9806\u304c\u3042\u308a\u307e\u3059\u3002\u65b9\u5f0f\u3054\u3068\u306b\u624b\u9806\u304c\u9055\u3046\u70b9\u306b\u6ce8\u610f\u3057\u307e\u3059\u3002<\/p>\n<p><strong>5. \u30d0\u30fc\u30b8\u30e7\u30f3\u5dee\u7570<\/strong> Zoom SDK \u306f\u66f4\u65b0\u304c\u901f\u304f\u3001\u95a2\u6570\u540d\u3084\u30aa\u30d7\u30b7\u30e7\u30f3\uff08\u4f8b: <code>patchJsMedia<\/code>\uff09\u304c\u5909\u308f\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002\u5c0e\u5165\u6642\u306f\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u305f\u30d0\u30fc\u30b8\u30e7\u30f3\u306e\u516c\u5f0f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3092\u4e00\u6b21\u60c5\u5831\u3068\u3057\u3066\u53c2\u7167\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<h2>\u307e\u3068\u3081<\/h2>\n<ul>\n<li>Zoom Meeting SDK \u3092\u4f7f\u3048\u3070\u3001\u81ea\u793eWeb\u30a2\u30d7\u30ea\u306b\u30d3\u30c7\u30aa\u3092UI\u3054\u3068\u57cb\u3081\u8fbc\u3081\u307e\u3059<\/li>\n<li>\u809d\u306f\u300c<strong>\u7f72\u540d\u306f\u30b5\u30fc\u30d0\u3067\u4f5c\u308a\u3001Secret \u3092\u30d5\u30ed\u30f3\u30c8\u306b\u51fa\u3055\u306a\u3044<\/strong>\u300d\u3053\u3068<\/li>\n<li>\u81ea\u793eUI\u306b\u6eb6\u3051\u8fbc\u307e\u305b\u305f\u3044\u306a\u3089 Component View\u3001Zoom\u7d14\u6b63\u4f53\u9a13\u306a\u3089 Client View<\/li>\n<li>\u6700\u5c0f\u69cb\u6210\u306f\u300cMarketplace\u3067\u30a2\u30d7\u30ea\u4f5c\u6210 \u2192 \u30b5\u30fc\u30d0\u3067\u7f72\u540d\u767a\u884c \u2192 \u30d5\u30ed\u30f3\u30c8\u3067 init\/join\u300d\u306e3\u30b9\u30c6\u30c3\u30d7<\/li>\n<\/ul>\n<p>\u307e\u305a\u306f\u30c6\u30b9\u30c8\u4f1a\u8b70\u3067\u3053\u306e3\u30b9\u30c6\u30c3\u30d7\u3092\u901a\u3059\u3068\u3001\u5168\u4f53\u50cf\u304c\u4e00\u6c17\u306b\u3064\u304b\u3081\u307e\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u81ea\u793e\u30b5\u30fc\u30d3\u30b9\u306e\u753b\u9762\u5185\u3067\u305d\u306e\u307e\u307e\u30d3\u30c7\u30aa\u4f1a\u8b70\u3092\u958b\u304d\u305f\u3044\u3001\u3068\u3044\u3046\u30cb\u30fc\u30ba\u306f\u610f\u5916\u3068\u591a\u304f\u3042\u308a\u307e\u3059\u3002\u30aa\u30f3\u30e9\u30a4\u30f3\u8a3a\u7642\u3001\u30aa\u30f3\u30e9\u30a4\u30f3\u5bb6\u5ead\u6559\u5e2b\u3001\u5546\u8ac7\u3001\u30ab\u30b9\u30bf\u30de\u30fc\u30b5\u30dd\u30fc\u30c8\u306a\u3069\u3001\u300c\u5225\u30a2\u30d7\u30ea\u306b\u98db\u3070\u3055\u305a\u3001\u81ea\u5206\u305f\u3061\u306eWeb\u30a2\u30d7\u30ea\u306e\u4e2d\u3067\u4f1a\u8b70\u3092\u5b8c\u7d50\u3055\u305b\u305f\u3044\u300d\u3068\u3044\u3046\u30b1\u30fc\u30b9\u3067\u3059\u3002<\/p>\n","protected":false},"author":1,"featured_media":3774,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"sns_share_botton_hide":"","vkExUnit_sns_title":"","_vk_print_noindex":"","sitemap_hide":"","_veu_custom_css":"","veu_display_promotion_alert":"","vkexunit_cta_each_option":"","_lightning_design_setting":[],"_jetpack_hide_featured_image":false,"_jetpack_featured_image_duplicate_dismissed":0,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[36],"tags":[1196,369,1188,1162],"class_list":["post-3775","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript-memorandum","tag-node-js","tag-view","tag-1188","tag-1162"],"veu_head_title_object":{"title":"","add_site_title":""},"jetpack_publicize_connections":[],"jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/qol-kk.com\/wp2\/wp-content\/uploads\/2026\/11\/20261024-00mvllzj-thumbnail.jpg","_links":{"self":[{"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/posts\/3775","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/comments?post=3775"}],"version-history":[{"count":1,"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/posts\/3775\/revisions"}],"predecessor-version":[{"id":3776,"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/posts\/3775\/revisions\/3776"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/media\/3774"}],"wp:attachment":[{"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/media?parent=3775"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/categories?post=3775"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/tags?post=3775"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}