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
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
シュプレ
August 28, 2014
Technology
110
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
pre講義 jQuery
jQueryをサークルのプレ講義でやった.
シュプレ
August 28, 2014
More Decks by シュプレ
See All by シュプレ
エンジニア(?)にオススメの本
spre55
0
170
PHPエンジニアが転職してGoを書き始めたら楽しくなってきた話.pdf
spre55
2
1.3k
GCP使ってテスト自動化したい.pdf
spre55
0
260
はじめてのCode4兄弟
spre55
0
330
2016HACKDAYS_52_HelloAgain
spre55
0
88
LANケーブル圧着入門
spre55
0
120
できるSEO! ver 2.1
spre55
0
68
Web班番外編 jQuery
spre55
0
150
Other Decks in Technology
See All in Technology
データと地図で読む 大井町の「かわるもの、かわらないもの」
yoshiyama_hana
0
610
歴史から理解するクラウドインフラのしくみ
kizawa2020
0
190
GMOフィナンシャルゲートが挑む、「止まらない」決済インフラ構築の裏側【SORACOM Discovery 2026】
soracom
PRO
0
110
SRENEXT_2026_Chairs__Talks_in_Tamachi.sre.pdf
srenext
1
170
脱Jenkins、インターン生が挑んだCIツールGitHubActions移行
mixi_engineers
PRO
1
260
人手不足への挑戦:車両保全を支えるIoTとクラウド内製化の道【SORACOM Discovery 2026】
soracom
PRO
0
160
Claude Code並行開発環境の ムダ‧ムラ‧ムリを見直した話
muranakaaa
0
300
AI時代におけるテストの基礎の再定義 / Rethinking the Fundamentals of Testing in the AI Era
mineo_matsuya
15
6.2k
現場をAIで動かす「フィジカル AI」の組み込み設計の考え方【SORACOM Discovery 2026】
soracom
PRO
0
150
DevOps Agentで運用判断をチーム資産にする~Agent InstructionsとAgent Skillを継続的に育てる~
fujioka6789
0
170
エンタープライズデータへ安全につなぐ Production-ready なエージェント設計 ― AI × MCP リファレンスアーキテクチャ ― #AIDevDay
cdataj
1
300
AI驚き屋発見器
yama3133
1
380
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
Embracing the Ebb and Flow
colly
88
5.1k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.7k
Become a Pro
speakerdeck
PRO
31
6k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Reflections from 52 weeks, 52 projects
jeffersonlam
356
21k
A Tale of Four Properties
chriscoyier
163
24k
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
0
190
HDC tutorial
michielstock
2
760
Music & Morning Musume
bryan
47
7.3k
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
450
Optimising Largest Contentful Paint
csswizardry
37
3.8k
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 ҙݟืूத