Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
googkitをはじめよう
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Kuniwak
PRO
March 19, 2014
Technology
660
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
googkitをはじめよう
sendagaya.jsのLTで発表したスライド。
Kuniwak
PRO
March 19, 2014
More Decks by Kuniwak
See All by Kuniwak
AIベース静的検査器の偽陽性率を抑える工夫3選
orgachem
PRO
6
940
仕様漏れ実装漏れをなくすトレーサビリティAI基盤のご紹介
orgachem
PRO
9
6.4k
要求定義・仕様記述・設計・検証の手引き - 理論から学ぶ明確で統一された成果物定義
orgachem
PRO
31
16k
DeNA での思い出 / Memories at DeNA
orgachem
PRO
7
3.6k
それ CLI フレームワークがなくてもできるよ / Building CLI Tools Without Frameworks
orgachem
PRO
18
4.7k
状態遷移図を書こう / Sequence Chart vs State Diagram
orgachem
PRO
4
740
テストケースの名前はどうつけるべきか?
orgachem
PRO
2
900
欠陥を早期に発見するための Software Engineer in Test とその重要性 / What is Software Engineer in Test and How they works
orgachem
PRO
21
5k
住宅を WebXR で評価しよう / Evaluating My Home by WebXR
orgachem
PRO
0
240
Other Decks in Technology
See All in Technology
2026TECHFRESH畢業分享會 - Lightning Talk - E起 See See : 電商推薦讀心術? 數據說了算
line_developers_tw
PRO
0
1.2k
2026TECHFRESH畢業分享會 - 葬送的通靈師:化系統與用戶雜訊成行動訊號
line_developers_tw
PRO
0
1.2k
スキルと MCP ツール、責務をどう分けるか? AI が迷わないインターフェース設計の戦略
cdataj
1
1.1k
Bucharest Tech Week 2026 - Guardians of the Cloud-Native Galaxy
edeandrea
PRO
0
100
脱SaaS!FDEを支えるプロビジョニングと分離設計
knih
0
120
AGENTS.mdとSkillsで始めるAIエージェント活用
sonoda_mj
3
220
AI時代のコスト管理を考えよう〜明日から使える実践AWSノウハウ~
yoshimi0227
0
130
「エンジニア進化論」2028年の開発完全自動化、エンジニアはどう進化するか
cyberagentdevelopers
PRO
6
5.3k
気軽に使える"情報のハブ"としてのNotion活用 〜フロー情報の集積点 と、 Claude Code × Notion AI〜
syucream
1
150
MUSUBI 田中裕一『AIと共に行う「しごとのリデザイン」- スモールバックオフィス編』AI Ops Lab #4
musubi
0
220
Kubernetesにおける学習基盤とLLMOpsの概要
ry
1
310
LayerXにおけるセキュリティ管理の現在地と次の一手
tosho
0
220
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.5k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
3
160
How to Talk to Developers About Accessibility
jct
2
230
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
160
The untapped power of vector embeddings
frankvandijk
2
1.8k
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
150
AI: The stuff that nobody shows you
jnunemaker
PRO
8
720
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
340
The Language of Interfaces
destraynor
162
27k
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
840
XXLCSS - How to scale CSS and keep your sanity
sugarenia
250
1.3M
The SEO identity crisis: Don't let AI make you average
varn
0
490
Transcript
HPPHLJUΛ͡ΊΑ͏ 4FOEBHBZBKT-5
"CPVUΘͨ͠ ˒ !PSHB@DIFN ʢʔͱ΅ʔΔʣ ˒ ి௨େӃੜ ˒ Ѫ+BWB4DSJQU ˒ HPPHLJUDPOUSJCVUPS
͍ͩͿલ K2VFSZ͖͚ͬͯͨͲɺ Ͳ͏ͯ͠࠶ར༻Ͱ͖ͳ͍ ͷ͕Ͱ͖͕͋ͬͯ͠·͏ʜ
ͳʹ͔͍͍ͷʜ ࣌·ͩແ໊
ग़ձ͍ ! ! ! $MPTVSF-JCSBSZ Λ͏ͱ ࠶ར༻͍͢͠Β͍͠ʂ
͡Ό͋ͬͯΈΔ͔ɺͬͯʜ ͋ͬɺ$MPTVSF-JCSBSZ ͷηοτΞοϓɺ ϚδͰͩΔ͍ʜ
આ໌ϖʔδ ͻͨ͢Β͍
࠷ॳ զຫͯ͠ηοτΞοϓ
ચ SZ $MPTVSF-JCSBSZʜ εΰΫʜΠΠʜ
ͱ͍͏ͷ Ϟδϡʔϧʢ໊લۭؒʣ Ϋϥεࢦܧঝ
ͱ͍͏ͷʜ Ϟδϡʔϧʢ໊લۭؒʣʂ goog.provide(‘hoge’); goog.require(‘hoge’);
ͱ͍͏ͷʜ ҆৺ͷΫϥεࢦܧঝʂ var Parent = function() {}; ! var Child
= function() { goog.base(this); }; goog.inherits(Child, Parent);
܁Γฦ͠·͕͢ $MPTVSF-JCSBSZʜ εΰΫʜΠΠʜ
ͦΕͰଓ͚͍ͯΔͱ ͬͺΓηοτΞοϓ͕ ΊΜͲ͍͘͞
ͦΜͳͱ͖ ! ! ! HPPHLJUΛݟ͚ͭΔ
͜Ε͕ɺ͜͏ $ googkit init $ googkit setup આ໌ϖʔδ
HPPHLJUͬͯΈͨ Χ—ϯ—λ—ϯ
͍Ζ͍Ζ͍ͬͯͨ͘͡Βʜ $POUSJCVUPSʹʜ
Ͱ ࣮ࡍʹΈͯΈ·͠ΐ͏
͜ΜͳʹΧϯλϯͩͱʜ Ͱʁ ͭʹ$MPTVSF-JCSBSZͱ͔ ͬͯͳ͍͠ʁ
$MPTVSF-JCSBSZεΰΠʂ ! ! (NBJMͱ͔ (PPHMF.BQTͰ ΘΕͯΔ
$MPTVSF-JCSBSZεΰΠʂ .#ͷϞδϡʔϧ܈ ✦ 6*ʢ5BCɺ)47ύϨοτʣ ✦ ҉߸ܥʢCBTFɺTIBʣ ✦ ಌΕͷΧελϜΠϕϯτ hoge.addEventListener
$MPTVSF-JCSBSZεΰΠʂ $MPTVSF$PNQJMFSͰ ͯ͢Λѹॖ ࠷దԽ Ͱ͖Δͷ $MPTVSF-JCSBSZ͚ͩοʂ ѹॖͰ༗໊ͳ
ͦΜͳ$MPTVSF-JCSBSZ͕ HPPHLJUͰ Χϯλϯʹ ࢝ΊΒΕ·͢
͋Γ͕ͱ͏͍͟͝·ͨ͠ @orga_chem