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
210
はじめてのCode4兄弟
spre55
0
240
2016HACKDAYS_52_HelloAgain
spre55
0
66
LANケーブル圧着入門
spre55
0
89
できるSEO! ver 2.1
spre55
0
43
Web班番外編 jQuery
spre55
0
110
Other Decks in Technology
See All in Technology
シフトライトなテスト活動を適切に行うことで、無理な開発をせず、過剰にテストせず、顧客をビックリさせないプロダクトを作り上げているお話 #RSGT2025 / Shift Right
nihonbuson
3
1.9k
プロダクト組織で取り組むアドベントカレンダー/Advent Calendar in Product Teams
mixplace
0
680
実践! ソフトウェアエンジニアリングの価値の計測 ── Effort、Output、Outcome、Impact
nomuson
0
1.8k
12 Days of OpenAIから読み解く、生成AI 2025年のトレンド
shunsukeono_am
0
1.1k
LangGraphとFlaskを用いた社内資料検索ボットの実装②Retriever構築編
aoikumadaki
0
100
Accessibility Inspectorを活用した アプリのアクセシビリティ向上方法
hinakko
0
140
深層学習と3Dキャプチャ・3Dモデル生成(土木学会応用力学委員会 応用数理・AIセミナー)
pfn
PRO
0
430
PHP ユーザのための OpenTelemetry 入門 / phpcon2024-opentelemetry
shin1x1
3
1.7k
デジタルアイデンティティ人材育成推進ワーキンググループ 翻訳サブワーキンググループ 活動報告 / 20250114-OIDF-J-EduWG-TranslationSWG
oidfj
0
340
自社 200 記事を元に整理した読みやすいテックブログを書くための Tips 集
masakihirose
1
230
【令和最新版】ロボットシミュレータ Genesis x ROS 2で始める快適AIロボット開発
hakuturu583
2
1.5k
コロプラのオンボーディングを採用から語りたい
colopl
5
530
Featured
See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
A Modern Web Designer's Workflow
chriscoyier
693
190k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.1k
Facilitating Awesome Meetings
lara
50
6.2k
Measuring & Analyzing Core Web Vitals
bluesmoon
5
200
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.4k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.9k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.2k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
3
340
Gamification - CAS2011
davidbonilla
80
5.1k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
950
Git: the NoSQL Database
bkeepers
PRO
427
64k
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 ҙݟืूத