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
pre講義 jQuery
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
シュプレ
August 28, 2014
Technology
0
110
pre講義 jQuery
jQueryをサークルのプレ講義でやった.
シュプレ
August 28, 2014
Tweet
Share
More Decks by シュプレ
See All by シュプレ
エンジニア(?)にオススメの本
spre55
0
170
PHPエンジニアが転職してGoを書き始めたら楽しくなってきた話.pdf
spre55
2
1.3k
GCP使ってテスト自動化したい.pdf
spre55
0
250
はじめてのCode4兄弟
spre55
0
310
2016HACKDAYS_52_HelloAgain
spre55
0
83
LANケーブル圧着入門
spre55
0
110
できるSEO! ver 2.1
spre55
0
64
Web班番外編 jQuery
spre55
0
140
Other Decks in Technology
See All in Technology
Contract One Engineering Unit 紹介資料
sansan33
PRO
0
14k
kintone開発のプラットフォームエンジニアの紹介
cybozuinsideout
PRO
0
840
IBM Bobを使って、PostgreSQLのToDoアプリをDb2へ変換してみよう/202603_Dojo_Bob
mayumihirano
0
220
事例に見るスマートファクトリーへの道筋〜工場データをAI Readyにする実践ステップ〜
hamadakoji
0
200
組織のSREを推進するためのPlatform EngineeringとEKS / Platform Engineering and EKS to drive SRE in your organization
chmikata
0
190
男(監査)はつらいよ - Policy as CodeからAIエージェントへ
ken5scal
5
770
Abuse report だけじゃない。AWS から緊急連絡が来る状況とは?昨今の攻撃や被害の事例の紹介と備えておきたい考え方について
kazzpapa3
1
150
開発組織の課題解決を加速するための権限委譲 -する側、される側としての向き合い方-
daitasu
5
300
Windows ネットワークを再確認する
murachiakira
PRO
0
300
JAWS Days 2026 楽しく学ぼう! 認証認可 入門/20260307-jaws-days-novice-lane-auth
opelab
9
1.5k
生成AIの利用とセキュリティ /gen-ai-and-security
mizutani
1
1.4k
JAWSDAYS2026_A-6_現場SEが語る 回せるセキュリティ運用~設計で可視化、AIで加速する「楽に回る」運用設計のコツ~
shoki_hata
0
2.9k
Featured
See All Featured
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.1k
Are puppies a ranking factor?
jonoalderson
1
3.1k
State of Search Keynote: SEO is Dead Long Live SEO
ryanjones
0
150
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
150
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
First, design no harm
axbom
PRO
2
1.1k
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.1k
A Modern Web Designer's Workflow
chriscoyier
698
190k
Joys of Absence: A Defence of Solitary Play
codingconduct
1
300
Chasing Engaging Ingredients in Design
codingconduct
0
130
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
1
1.4k
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
0
170
Transcript
K2VFSZϓϨߨٛ 1 ݄
࣍ 2 K2VFSZͷ֓೦ K2VFSZͷμϯϩʔυ ηϨΫλ ϝιου ϩʔϧΦʔόʔ͠Α͏ͥ
K2VFSZͷ֓೦ 3
४උ͢Δͷ 4 w ςΩετΤσΟλ w ϒϥβ 'JSFGPYPS$ISPNFਪ w K2VFSZ
K2VFSZͷ֓೦ 5 8FCαΠτ ϑϩϯτΤϯυ )5.-ߏ $44σβΠϯ +BWB4DSJQUಈ͖ɹˡ 8FCαΠτ αʔόαΠυ
3VCZɺ1)1ɺ1ZUIPOɺ+BWBɺ1FSM
K2VFSZͷ֓೦ 6 +BWB4DSJQU ˣ ໘ ˣ K2VFSZΖ͏
K2VFSZͷ֓೦ 7 ʮԿ͔Λऔͬͯ͘Δʯ ɹɹɹɹˣ ʮͦΕʹԿ͔͢Δʯ
K2VFSZͷ֓೦ 8 ʮԿ͔Λऔͬͯ͘Δʯ ʮ ʯͰ)5.-ͷཁૉΛΦϒδΣΫτԽɻ ͜ͷதʹηϨΫλΛೖΕΔɻ ʮK2VFSZʯͷҝɺʮ K2VFSZ ʯɻ
K2VFSZͷ֓೦ 9 ʮͦΕʹԿ͔͢Δʯ ʮ bTBNQMF` IJEF ʯ ɹɹɹɹɹˣ ʮTBNQMFʯͱ͍͏ཁૉΛऔͬͯ͘Δɻ ͦΕʹʮIJEF
ʯ͢Δɻ
K2VFSZͷμϯϩʔυ 10
K2VFSZͷμϯϩʔυ 11 IUUQKRVFSZDPNɹ ߦͬͯμϯϩʔυ͢Δ͔ɺ ԼͷεΫϦϓτΛIUNMʹຒΊࠐΜͰԼ͍͞ɻ TDSJQUTSDIUUQBKBYHPPHMFBQJTDPNBKBY MJCTKRVFSZKRVFSZNJOKTTDSJQU
12 IUUQKRVFSZDPNɹ ˡ͜Εͬͯ͘Ε K2VFSZͷμϯϩʔυ
K2VFSZͷμϯϩʔυ 13 .JOJpFE Ұൠతʹ͜Ε վߦίʔυΠϯσϯτΛআڈͯ͠ɺϑΝΠϧαΠζΛখ ͨ͘͞͠ͷͰ͢ɻ 6ODPNQSFTTFE ܗ͞Εͨɺ࠷ਓ͕ؒಡΈқ͍ܗͷίʔυͰ͢ɻ 1BDLFE
࠷খԽͨ͠ίʔυʹ1BDLॲཧΛࢪͨ͠ͷͰ͢ɻ αʔόͷෛՙܰݮΛୈҰʹ͍ͨ͠߹ʹద͍ͯ͠·͢ɻ
ηϨΫλ 14
ηϨΫλ 15 ηϨΫλ ʮ bηϨΫλ` ʯ ˣ ͜ΕͰηϨΫλʹԊͬͨཁૉΛ࣋ͬͯདྷΕΔ
ηϨΫλ 16 ηϨΫλ ʮ bηϨΫλ` DTT ʯ ˣ ͜ΕͰηϨΫλʹDTT ͢Δɻ
ηϨΫλ 17 DTT ʮDTT bϓϩύςΟ໊` ʯ ྫ
bJE` DTT bCPSEFS` bQYTPMJESFE` $44ͱಉ͡Α͏ͳ͜ͱ͕ग़དྷΔɻͦΜͳϝιου
ηϨΫλ 18 *%ηϨΫλJE7BMVF ΫϥεηϨΫλDMBTT/BNF λΠϓηϨΫλFMFNFOU ࢠଙηϨΫλBODFTUPSEFTDFOEBOU
ηϨΫλ 19 *%ηϨΫλJE7BMVF *%ཁૉΛऔಘ͢Δɻ .html .js ϒϥβ্
ηϨΫλ 20 ΫϥεηϨΫλDMBTT/BNF ΫϥεཁૉΛऔಘ͢Δɻ .html ϒϥβ্ .js
ηϨΫλ 21 λΠϓηϨΫλFMFNFOU ࢦఆͨ͠ཁૉ໊ͷཁૉͯ͢Λऔಘ͢Δɻ .html .js ϒϥβ্
ηϨΫλ 22 ࢠଙηϨΫλBODFTUPSEFTDFOEBOU ཁૉͷ֊ߏΛஅ͠ɺཉ͍͠ཁૉΛऔಘ͢Δɻ ϒϥβ্ .js .html
ηϨΫλ 23 ԋशͱ͍͏͔༡ͼ TFMFDUFSIUNMͷʮޙͰՃʯͷ෦ͷίϝϯτΞτΛ ֎ͯ͠Լͷͭͬͯ͘Εɻ ɹIVNBOΫϥεͷഎܠΛHSFFOʹ ɹʮௗਓؒʯͷΈͷഎܠΛCMVFʹ ɹશͯΛࠇ͘ృΓͭͿͤ ɹ͋ͱదʹ༡ΜͰ
ϝιου 24
ϝιου 25 pOE แ͢Δཁૉͷத͔Βߋʹ୳ͯ͘͠Δ IPWFS ϚεϙΠϯλͷΓ߱Γ BUUS ཁૉͷଐੑΛมߋ͢Δ FBDI ͦΕͧΕʹ͍ͭͯॲཧ͢Δ
ϝιου 26 pOE แ͢Δཁૉͷத͔Βߋʹ୳ͯ͘͠Δ ࣗཁૉͷࢠଙ͕แ͢Δཁૉͷશͯͷͳ͔͔Βɺ ࢦఆͨ͠ηϨΫλʹϚον͢ΔͷΛ୳͢ɻ ॻ͖ํ ɹpOE bࢠଙͷ*%໊`
ϝιου 27 pOE แ͢Δཁૉͷத͔Βߋʹ୳ͯ͘͠Δ ྫ pOEIUNM pOEKT ༨ஊ +BWB4DSJQUͷมͷܕ ɹશ෦WBSͰ͢ɻJOUͱ͔EPVCMFͱ͔ແ͍Ͱ͢ɻ
ϝιου 28 IPWFS ϚεϙΠϯλͷΓ߱Γ NBVTFFOUFS ͱNBVTFMFBWF Λ͍ͬΜʹߦ͏ ཉுΓͳͭ ॻ͖ํ
ɹ IPWFS NBVTFFOUFSΠϕϯτϋϯυϥ NBVTFMFBWFΠϕϯτϋϯυϥ
ϝιου 29 IPWFS ϚεϙΠϯλͷΓ߱Γ NBVTFFOUFS ϚεϙΠϯλ͕ͬͨ࣌ NBVTFMFBWF ϚεϙΠϯλ͕߱Γͨ࣌ ॻ͖ํ
ɹ NBVTFFOUFS Ϛεͬͨ࣌ͷಈ࡞ ɹ NBVTFMFBWF Ϛε߱Γͨ࣌ͷಈ࡞
ϝιου 30 IPWFS ϚεϙΠϯλͷΓ߱Γ ྫʣIPWFSIUNM ɹɹIPWFSDTT ɹɹIPWFSKT
ϝιου 31 BUUS ཁૉͷଐੑΛมߋ͢Δ ͪͳΈʹBUUSBUUSJCVUFͷུͰଐੑͱ͍͏ҙຯ ॻ͖ํ ɹ BUUS bଐੑ໊`
มߋޙͷ ྫ ɹBUUSIUNM ɹBUUSKT
ϝιου 32 FBDI ͦΕͧΕʹ͍ͭͯॲཧ͢Δ ॻ͖ํ ɹ FBDI ॲཧ
ྫ ɹFBDIIUNM ɹFBDIKT
ϝιου 33 FBDI ͦΕͧΕʹ͍ͭͯॲཧ͢Δ FBDIKTͷಈ͖ΛݟΔ ɹɾEJWDMBTTlBOJNBMzೣEJWͷςΩετΛ ɹɹऔಘͯ͠มOBNFʹೖ ɹɾOBNFͷதΛμΠΞϩάͰग़͢ ɹɹˠμΠΞϩάͰग़ݱೣ
ɹ˞͜ΕΒΛݘɺௗɺڕʹߦ͏
ϝιου 34 UFYU ·Δ͝ͱςΩετͰॻ͖͑Δϝιου ɹɹɹͷऔಘग़དྷΔ ॻ͖ํ ɹ UFYU bॻ͖͑ޙͷςΩετ`
ॻ͖͑ ɹ UFYU ͷऔಘɹˡࠓճ
ϝιου 35 UIJTʹ͍ͭͯ ɹΠϕϯτ͕ൃੜͨ͠ཁૉͰͳ͘ɺݱࡏॲཧத ͷཁૉΛࣔ͢ɻ FBDIKT ɹWBSOBNF UIJT UFYU
ɹɹɹɹɹɹɹɹˢ ɹɹɹɹɹɹEJWBOJNBMʹม͑ͯΈͯ͘Ε
ϝιου 36 ͬͯΈΑ͏ QSBDUJDFKTʹॻ͍ͯ͋Δͬ͢ ɾТɾ ɹQSBDUJDFIUNM ɹQSBDUJDFKT
ϩʔϧΦʔόʔ͠Α͏ͥ 37
ϩʔϧΦʔόʔ͠Α͏ͥ 38 ϩʔϧΦʔόʔͱ ը૾ͷ্ʹϚεϙΠϯλ͕Δͱɺը૾͕Γ ସΘΔΈɻ
ϩʔϧΦʔόʔ͠Α͏ͥ 39 ϩʔϧΦʔόʔͱ ɹྫ ɹɹSPMMPWFSIUNM ɹɹSPMMPWFSKT
ϩʔϧΦʔόʔ͠Α͏ͥ 40 SPMMPWFSKTͷதΛݟͯΈΑ͏ ɹFBDI ɹɹ bSPMMPWFS` FBDI GVODUJPO \
ɹɹɹʜ ɹɹ^ ɹΫϥεSPMMPWFS͕ࢦఆ͞Ε͍ͯΔཁૉͷ ɹͦΕͧΕʹ͍ͭͯॲཧΛߦ͏Α͏ʹ͍ͨ͠ ɹͷͰFBDI Λ͍ͬͯΔɻ
ϩʔϧΦʔόʔ͠Α͏ͥ 41 SPMMPWFSKTͷதΛݟͯΈΑ͏ ɹUIJT ɹɹWBSB UIJT ɹɹWBSJNHBpOE bJNH` ɹɹ
ɹBཁૉͱɺͦͷதʹ͋ΔJNHཁૉΛ ɹมBɺJNHʹ֨ೲ͓ͯ͘͠ɻ
ϩʔϧΦʔόʔ͠Α͏ͥ 42 SPMMPWFSKTͷதΛݟͯΈΑ͏ ɹBUUS ɹɹWBSTSD@P⒎JNHBUUS bTSD` ɹˡɹ ɹɹWBSTSD@POTSD@P⒎SFQMBDF b@P⒎`
`@PO` ɹ ɹ ɹTSD@P⒎͡Ί͔Β༻ҙ͞Ε͍ͯΔJNHཁૉ ɹͷTSDଐੑʮJNBHFTNFOV@P⒎QOHʯΛ֨ ɹೲɻ
ϩʔϧΦʔόʔ͠Α͏ͥ 43 SPMMPWFSKTͷதΛݟͯΈΑ͏ ɹSFQMBDF ஔ͢Δ +BWB4DSJQUݩʑͷػೳ ɹɹWBSTSD@P⒎JNHBUUS bTSD` ɹ
ɹɹWBSTSD@POTSD@P⒎SFQMBDF b@P⒎` `@PO` ˡ ɹɹ ɹTSD@POมTSD@P⒎ʹ֨ೲ͞Ε͍ͯΔ ɹʮJNBHFTNFOV@P⒎QOHʯͷʮ@P⒎ʯΛ ɹஔͯ͠ʮ@POʯʹม͍͑ͯΔɻ
ϩʔϧΦʔόʔ͠Α͏ͥ 44 SPMMPWFSKTͷதΛݟͯΈΑ͏ ɹIPWFS ɹɹBIPWFS GVODUJPO \ ɹɹɹJNHBUUS bTSD`
TSD@PO ˡϚεͬͨ ɹɹ^ GVODUJPO \ ɹɹɹJNHBUUS bTSD` TSD@P⒎ ˡϚε߱Γͨ ɹɹ^
ϩʔϧΦʔόʔ͠Α͏ͥ 45 SPMMPWFSKTͷதΛݟͯΈΑ͏ ɹը૾ͷϓϦϩʔυ ɹɹ bJNH` BUUS bTSD` TSD@PO
ɹJNHཁૉΛ࡞ͬͯɺͦͷTSDଐੑʹϩʔϧΦʔ όʔঢ়ଶͷը૾ͷύεΛࢦఆ͢Δɻ
ϩʔϧΦʔόʔ͠Α͏ͥ 46 SPMMPWFSKTͷதΛݟͯΈΑ͏ ɹը૾ͷϓϦϩʔυ ɹଐੑdNFOV@P⒎QOH ɹϚε͕͔ͬΔ ɹଐੑdNFOV@POQOHʹͳΔ ɹϒϥβ͕dNFOV@POQOHΛಡΈࠐΈʹߦ͘ ɹಡΈࠐΈऴྃͰը૾͕ඳը ɹɹͱͷؒʹμϯϩʔυͷ͕͔͔࣌ؒΔ
ɹɹɹˠࣄલʹϩʔυͯ͠ղܾϓϦϩʔυ
͓ΘΓ 47 ҙݟืूத