Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
【Japanese】readable code part.1
Search
readalpha
September 16, 2020
Programming
47
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
【Japanese】readable code part.1
readalpha
September 16, 2020
More Decks by readalpha
See All by readalpha
【Japanese】What is "this" in JavaScript.
readalpha
0
37
Other Decks in Programming
See All in Programming
Vibes Containers 〜AIで変わるコンテナ設計と運用〜
tkikuc
3
550
WebRTC映像をAirPlayに対応させる挑戦.pdf
monolithic_adam
0
290
App Intentsのビルドプロセスを支える技術
kntkymt
0
410
技術的負債を組織課題として解く-増えすぎたマイクロサービスとの戦い-
reimaru
1
2.1k
すこし踏み込む CancellationToken
htkym
2
650
JRuby: Past, Present, and Future
headius
0
160
UnityでSystem.Net.WebSocketsなWebSocketサーバが動かないのでUnity Monoのコードを覗いてみた / about implementing websocket server with unity mono
drumath2237
1
230
Streamlitで実現する自然言語データアプリ開発
ayumu_yamaguchi
1
300
Jetpack Compose メカニズム
skydoves
0
450
スマートフォンでモールス信号を送受信する 〜スマートフォンのLEDとカメラで作る光通信の設計と実装〜
atsuki_seo
0
160
Augmenting AI with the Power of Jakarta EE
ivargrimstad
0
240
個人開発基盤をまるごとCloudflareに引っ越して爆速で総合的体験を向上させた話
tinykitten
0
200
Featured
See All Featured
What's in a price? How to price your products and services
michaelherold
247
13k
Darren the Foodie - Storyboard
khoart
PRO
4
3.9k
Faster Mobile Websites
deanohume
310
32k
Balancing Empowerment & Direction
lara
6
1.3k
My Coaching Mixtape
mlcsv
0
320
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2.2k
SEO for Brand Visibility & Recognition
aleyda
0
4.7k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
830
Into the Great Unknown - MozCon
thekraken
41
2.7k
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
540
Skip the Path - Find Your Career Trail
mkilby
1
230
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
1
530
Transcript
ಡΈ͍͢ίʔυͱ Ϧʔμϒϧίʔυ͔ΒֶͿίʔυͷॻ͖ํQBSU
Ͳͬͪͷํ͕ಡΈ͍͢ʁ /** * αΠίϩͷ͕6͔ͦΕҎ֎͔Λग़ྗ͢ΔϓϩάϥϜ * ࡾ߲ԋࢉࢠύλʔϯ */ const return6orNo =
function () { const RollTheDice =Math.floor(Math.random() * 6 + 1); let result = RollTheDice === 6 ? 'yes' : 'No'; return result; } console.log(return6orNo()); /** * ී௨ͷifจύλʔϯ */ const return6orNo = function () { const RollTheDice =Math.floor(Math.random() * 6 + 1); if (RollTheDice === 6) { return 'yes'; } else { return 'No'; } } console.log(return6orNo());
lίʔυଞͷਓ͕ ࠷࣌ؒͰཧղͰ͖ΔΑ͏ʹॻ͔Ͷ͍͚ͳ͍z 伴ͱͳΔߟ͑
໊લʹใΛ٧ΊࠐΉ w ໊લ͚ͩͰͦΕ͕ԿΛ͢Δͷ͔அͰ͖Δˠ w ໌֬ͳ୯ޠΛબͿʢಈ࡞ΛࢭΊΔɿTUPQ ˠQBVTF ։͍͍ͯΔϖʔδͷ63- Λऔಘ͢ΔɿHFU63- ˠHFU$VSSFOU1BHF63- ʣ
w ൚༻తͳ໊લΛආ͚Δɺ͘͠͏ঢ়گΛબͿʢ߹ܭֹ͕ۚ ΓͷؔͳΒɺSFUVSOSFUVSO7BMˠSFUVSOUPUBM"NPVOUʣ w ໊લͷ͞ΛܾΊΔʢ໊લ͍ํ͕͍͍͕ɺ͍͜ͱѱ͍͜ͱͰͳ͍ɻε ίʔϓ͕খ͚͞Ε໊͍લΛͬͯΑ͍ɻάϩʔόϧมͰ͋Ε͔ͬ͠Γ໊ͨ͠લʹ ͢Δɻʣ
ίϝϯτ͖͢͜ͱ w ໋໊Ͱ࣮ଶ͕Θ͔ΔͳΒɺίϝϯτඞཁͳ͍ɻ //ݱࡏͷϖʔδͷURLΛऔಘ͢Δ getCurrentPageURL();
ίϝϯτ͖͢͜ͱ w ໋໊ͷࠅ͞ΛίϝϯτͰิΘͳ͍ɻ /** * ཁૉAͱཁૉBͷߴ͞Λ߹ΘͤͨͷΛग़ྗ͢Δɻ */ function calculationHeight() {
ίϝϯτ͖͢͜ͱ w ༷Λॻ͘ɻͲͷΑ͏ͳ͕݅ἧ͑ͷͳ͍ಈ࡞Λ ͢Δͷ͔ͳͲ /** * λϒΓସ͑༻ͷؔ * ཁૉʹ.js-tabsΫϥεΛ༩͢Εɺ *
ͦͷԼͷཁૉશͯλϒػೳΛ࣋ͭɻ */ function tabFunc() {
ίϝϯτ͖͢͜ͱ w ઃܭͷϩδοΫΛॻ͘ɻಡऀʹϩʔυϚοϓΛෑ͚ΔͷͰɺ هड़ͷྲྀΕΛѲ͢Δͷָ͕͍͢͝ʹͳΔɻ /** * Γସ͍͑ͨը૾ΛpositionͰશͯॏͶɺ * ࣌ؒܦաͰͦΕͧΕͷz-indexΛͣΒ͍ͯ͘͠ɻ *
[3,2,1,0]→[0,3,2,1]→[1,,3,2,0]ͱ͍͏ײ͡ɻ * Γସ͑ͱಉ࣌ʹjQueryͷfadeIn()Λ͍ͬͯΔɻ */ function switchImages() {
ίϝϯτ͖͢͜ͱ w ίʔυͷܽؕʹίϝϯτΛ͚ͭΔɻ /** * ͜ͷؔquerySelectorAllΛ͍·ͬͯ͘ΔͷͰॲཧ͕͍ɻ * ͬͱແବͷͳ͍ཁૉऔಘΛ͢ΔΑ͏ʹϦϑΝΫλϦϯά͖͢ɻ * ෳՕॴͷઃஔඇରԠ
*/ function tabFunc() {