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
シュプレ
August 28, 2014
Technology
0
83
pre講義 jQuery
jQueryをサークルのプレ講義でやった.
シュプレ
August 28, 2014
Tweet
Share
More Decks by シュプレ
See All by シュプレ
エンジニア(?)にオススメの本
spre55
0
150
PHPエンジニアが転職してGoを書き始めたら楽しくなってきた話.pdf
spre55
2
1.2k
GCP使ってテスト自動化したい.pdf
spre55
0
220
はじめてのCode4兄弟
spre55
0
250
2016HACKDAYS_52_HelloAgain
spre55
0
66
LANケーブル圧着入門
spre55
0
91
できるSEO! ver 2.1
spre55
0
43
Web班番外編 jQuery
spre55
0
110
Other Decks in Technology
See All in Technology
目の前の仕事と向き合うことで成長できる - 仕事とスキルを広げる / Every little bit counts
soudai
24
6.6k
地方拠点で エンジニアリングマネージャーってできるの? 〜地方という制約を楽しむオーナーシップとコミュニティ作り〜
1coin
1
220
The Future of SEO: The Impact of AI on Search
badams
0
160
Platform Engineeringは自由のめまい
nwiizo
4
2k
開発スピードは上がっている…品質はどうする? スピードと品質を両立させるためのプロダクト開発の進め方とは #DevSumi #DevSumiB / Agile And Quality
nihonbuson
2
2.4k
Cloud Spanner 導入で実現した快適な開発と運用について
colopl
1
320
関東Kaggler会LT: 人狼コンペとLLM量子化について
nejumi
3
540
SA Night #2 FinatextのSA思想/SA Night #2 Finatext session
satoshiimai
1
130
Developers Summit 2025 浅野卓也(13-B-7 LegalOn Technologies)
legalontechnologies
PRO
0
500
エンジニアのためのドキュメント力基礎講座〜構造化思考から始めよう〜(2025/02/15jbug広島#15発表資料)
yasuoyasuo
16
6.3k
開発組織のための セキュアコーディング研修の始め方
flatt_security
3
1.4k
データ資産をシームレスに伝達するためのイベント駆動型アーキテクチャ
kakehashi
PRO
2
470
Featured
See All Featured
Typedesign – Prime Four
hannesfritz
40
2.5k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Testing 201, or: Great Expectations
jmmastey
42
7.2k
Scaling GitHub
holman
459
140k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
31
2.1k
Mobile First: as difficult as doing things right
swwweet
223
9.3k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
Speed Design
sergeychernyshev
26
790
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
3
320
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
45
2.3k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
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 ҙݟืूத