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
Chrome Extensionをはじめよう
Search
fukayatsu
March 20, 2013
Technology
1
650
Chrome Extensionをはじめよう
渋谷.rb[:20130320](拡大版) on Zusaar
http://www.zusaar.com/event/545003
の発表資料です。
fukayatsu
March 20, 2013
Tweet
Share
More Decks by fukayatsu
See All by fukayatsu
esaを支える技術と気持ち
fukayatsu
7
2.9k
esa.ioの育て方
fukayatsu
28
9k
[WIP] esa.io、その後の話
fukayatsu
20
6.6k
esaを支える睡眠を支える技術
fukayatsu
18
6.5k
esa.io - 趣味から育てたWebサービスで生きていく
fukayatsu
62
61k
esa-kai
fukayatsu
1
350
あなたの知らないesa
fukayatsu
0
310
楽しいesaの作り方
fukayatsu
0
260
tqrk07-fukayatsu.pdf
fukayatsu
3
440
Other Decks in Technology
See All in Technology
OpenTelemetryセマンティック規約の恩恵とMackerel APMにおける活用例 / SRE NEXT 2025
mackerelio
3
2k
衛星運用をソフトウェアエンジニアに依頼したときにできあがるもの
sankichi92
1
1k
QuickSight SPICE の効果的な運用戦略~S3 + Athena 構成での実践ノウハウ~/quicksight-spice-s3-athena-best-practices
emiki
0
290
組織内、組織間の資産保護に必要なアイデンティティ基盤と関連技術の最新動向
fujie
0
280
cdk initで生成されるあのファイル達は何なのか/cdk-init-generated-files
tomoki10
1
670
shake-upを科学する
rsakata
7
1k
ソフトウェアテストのAI活用_ver1.25
fumisuke
1
610
Deep Security Conference 2025:生成AI時代のセキュリティ監視 /dsc2025-genai-secmon
mizutani
4
2.9k
Talk to Someone At Delta Airlines™️ USA Contact Numbers
travelcarecenter
0
160
アクセスピークを制するオートスケール再設計: 障害を乗り越えKEDAで実現したリソース管理の最適化
myamashii
1
670
PHPからはじめるコンピュータアーキテクチャ / From Scripts to Silicon: A Journey Through the Layers of Computing
tomzoh
2
130
20250708オープンエンドな探索と知識発見
sakana_ai
PRO
4
1k
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
695
190k
A Tale of Four Properties
chriscoyier
160
23k
Done Done
chrislema
184
16k
RailsConf 2023
tenderlove
30
1.1k
Docker and Python
trallard
45
3.5k
Practical Orchestrator
shlominoach
189
11k
How to Ace a Technical Interview
jacobian
278
23k
The Cost Of JavaScript in 2023
addyosmani
51
8.6k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Why Our Code Smells
bkeepers
PRO
337
57k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Transcript
Chrome Extension Λ͡ΊΑ͏ fukayatsu 2013-03-20 shibuya.rb ֦େ൛ 133݄21༵
about me • @fukayatsu • working for https://cakes.mu • ※ΤϯδχΞืूத
• ͜͜࠷ۙΑ͘chrome extension࡞ͬͯΔ 133݄21༵
࣭ • Google ChromeͬͯΔਓʁ • Chrome Extension࡞ͬͨ͜ͱ͕͋Δਓʁ • Chrome ExtensionΛެ։͍ͯ͠Δਓʁ
133݄21༵
શ෦ͯ·Δਓฉ ͔ͳ͍͍͔ͯ͘ orz 133݄21༵
Chrome Extension Λ࡞Δಈػ 133݄21༵
1. ෆຬ • ͍͍ͪͪʓʓ͢Δͷ͕໘ • ͔ͭɺͦΕΛղܾ͢Δextension͕ݟ ͨΒͳ͍ 133݄21༵
2. ༡ͼ • ΞΠίϯΛฒͯ༡ͼ͍ͨ 133݄21༵
3. ࡞ެ։؆୯ • جຊతʹjavascript + html + chrome api •
google checkoutͰ$5͏ͱެ։Մೳʹ • ↑ॳճͷΈ • ςελʔͷΈʹެ։Մೳ 133݄21༵
ൺֱత؆୯ʹ࡞ɾެ։ Ͱ͖ͯɺࣗͷʑͷੜ ׆ΛͪΐͬͱศརʹͰ͖ ͯɺଞͷਓʹتΜͰ Β͑Δʢ͔͠Εͳ͍ʣ 133݄21༵
Chrome Extension ͷ͡Ί͔ͨ 133݄21༵
ࢀߟαΠτ • http://developer.chrome.com/extensions/ getstarted.html • ͱΓ͋͑ͣGetting Started௨Γʹ࡞ͬ ͯΈΔ • https://developer.chrome.com/extensions/
samples.html • ଞͷαϯϓϧΛಈ͔ͯ͠ΈΔ 133݄21༵
࡞σϞʁ 133݄21༵
Chrome Web Store ʹެ։͢Δ 133݄21༵
σϞʁ 133݄21༵
Tips 133݄21༵
extension ͷΠϯετʔϧઌ • Mac • ~/Library/Application Support/Google/ Chrome/Default/Extensions/ 133݄21༵
࡞֦ͬͨுػೳ ͷҰ෦Λհ #εςϚ https://chrome.google.com/webstore/search-extensions/fukayatsu 133݄21༵
Easy Copy for Pivotal Tracker • pivotal trackerͷstory idstory nameΛΫ
ϦοϓϘʔυʹίϐʔ • ΘΓͱศར 133݄21༵
Markdown Linker • webϖʔδɺϦϯΫɺը૾Λmarkdown ܗࣜͰΫϦοϓϘʔυʹίϐʔ • ͜ΕΘΓͱศར 133݄21༵
AutoProxy • ϖʔδͷurl͝ͱʹࣗಈతʹproxyΛΓ ସ͑Δ • Proxy SwitchySharp͕ಈ͔ͳ͘ͳͬͨ ͷͰ࡞ • ઃఆը໘:
JSON 133݄21༵
MessageLeaf Blocker • ϒϩάͱ͔ͰϖʔδͷԼͷํ͔Βχϣ Ωοͱग़ͯ͘Δ༿ͬͺΛফ͢ • ͋Εͱͯྑ͍αʔϏεͩͱࢥ͏͚ Ͳɺͨ·ʹअຐʹײ͡ΔͷͰ... 133݄21༵
OopsStaging • ҙͷurlʹରͯ͠ҙͷϥϕϧΛࣗಈ ૠೖ • ʮ※ը໘։ൃதͷͷͰ͢ʯΈ͍ͨͳ • stagingڥͱ͔Ͱ༻ 133݄21༵
PanaiRedirect • ͯϒͷmobile൛ͷurlΛ౿Μͩ࣌ʹɺ PC൛ʹભҠͯ͠ཉ͔ͬͨ͠ͷͰ࡞ • (http://d.hatena.ne.jp/.+/)touch/(.+): ${1}${2} • ↑͜Μͳײ͡ͰઃఆΛՃͰ͖Δ 133݄21༵
͍ͭΔ͔ʁ • શʹ߹Θͤ • ʮͺʯͷӈʹ͔͠ଘࡏ͢ΔՁ͕ແ͍ 133݄21༵
͓ΘΓ 133݄21༵