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
100
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
300
2016HACKDAYS_52_HelloAgain
spre55
0
81
LANケーブル圧着入門
spre55
0
110
できるSEO! ver 2.1
spre55
0
63
Web班番外編 jQuery
spre55
0
140
Other Decks in Technology
See All in Technology
re:Invent2025 セッションレポ ~Spec-driven development with Kiro~
nrinetcom
PRO
2
160
[Data & AI Summit '25 Fall] AIでデータ活用を進化させる!Google Cloudで作るデータ活用の未来
kirimaru
0
4.2k
Introduce marp-ai-slide-generator
itarutomy
0
170
複雑さを受け入れるか、拒むか? - 事業成長とともに育ったモノリスを前に私が考えたこと #RSGT2026
murabayashi
0
640
AWSの新機能をフル活用した「re:Inventエージェント」開発秘話
minorun365
2
530
AWS re:Invent2025最新動向まとめ(NRIグループre:Cap 2025)
gamogamo
0
140
「もしもデータ基盤開発で『強くてニューゲーム』ができたなら今の僕はどんなデータ基盤を作っただろう」
aeonpeople
0
280
ペアーズにおけるAIエージェント 基盤とText to SQLツールの紹介
hisamouna
2
2k
BidiAgent と Nova 2 Sonic から考える音声 AI について
yama3133
2
140
『君の名は』と聞く君の名は。 / Your name, you who asks for mine.
nttcom
1
140
2025年 山梨の技術コミュニティを振り返る
yuukis
0
140
スクラムマスターが スクラムチームに入って取り組む5つのこと - スクラムガイドには書いてないけど入った当初から取り組んでおきたい大切なこと -
scrummasudar
0
460
Featured
See All Featured
Design in an AI World
tapps
0
100
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
27
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
For a Future-Friendly Web
brad_frost
180
10k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.9k
Music & Morning Musume
bryan
46
7k
エンジニアに許された特別な時間の終わり
watany
106
220k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
0
180
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
350
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.1k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.2k
Visualization
eitanlees
150
16k
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 ҙݟืूத