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
『中級者』の僕たちは何が出来るのか、 または『初心者』に 語るときに僕が考えること
Search
pastak
April 23, 2016
1
4k
『中級者』の僕たちは何が出来るのか、 または『初心者』に 語るときに僕が考えること
京大マイコンクラブ新勧説明会4月14日回での発表資料です
pastak
April 23, 2016
Tweet
Share
More Decks by pastak
See All by pastak
LT: JavaScript / HTML カルトクイズ
pastak
0
31
「夏フェス」をヒントに新しいカンファレンスを考えてみた at 函館市電LT
pastak
3
440
「アクセシビリティを始めたい!」から1年、あれからどうなったのか。
pastak
2
110
「アクセシビリティを始めたい!」から1年、あれからどうなったのか。 〜LTバージョン〜
pastak
1
830
【2024年最新】「エンジニアお茶会」という取り組みについて
pastak
1
410
UserAgentに依存した分岐を捨てられるか (または何故捨てられていないのか)
pastak
4
4k
開発組織外の他業種も巻き込んでアクセシビリティに関する機運を高めつつある話
pastak
0
680
手を動かして始めるアクセシビリティ改善
pastak
3
1.6k
Gyazoの開発の進め方/devlove-kansai2018-10-29 #DevKan
pastak
1
1.9k
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
460
33k
Statistics for Hackers
jakevdp
797
220k
Become a Pro
speakerdeck
PRO
26
5.1k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Into the Great Unknown - MozCon
thekraken
34
1.6k
Music & Morning Musume
bryan
46
6.3k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
380
Done Done
chrislema
182
16k
Fireside Chat
paigeccino
34
3.2k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.2k
How to Ace a Technical Interview
jacobian
276
23k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
Transcript
ʰதڃऀʱͷͨͪԿ͕ ग़དྷΔͷ͔ɺ ·ͨʰॳ৺ऀʱʹ ޠΔͱ͖ʹ͕ߟ͑Δ͜ͱ Pasta-K 2016/04/14
[email protected]
͜Μʹͪ
Πϯλʔωοτ׆ಈ twitter.com/pastak id: Pasta-K pastak.hatenablog.com pastak-diary.hatenadiary.com github.com/pastak
KMCͰͷ׆ಈ KMC 37 ใ OSC Kyotoग़ల ɹYAPCεϙϯαʔ࡞ઓ JavaScriptͰੈքฏ2014
ΞϧόΠτ d Πϯλʔϯ Ն Πϯλʔϯ Ն Πϯλʔϯ ౙ
None
य़ٳΈͷࢥ͍ग़
None
େࡕࢢͷެཱதֶߍ Ͱখதֶੜʹ4DSBUDI ϓϩάϥϛϯάΛϲ݄ ؒڭ͖͑ͯͨͧ
㊗
ίʔε ଐʂ
None
݄༵
େֶͷڭ ʹߦ͘
ڭͷਓͱ ཤमཁཡͱද Λݟͳ͕Β ྑ͘ࢉ
ʮ͜Εճੜͷ˕͔ͩΒ0, Ͱ͢ΑͶʯʮ͜Εͱ͜Εͱ͜Ε Λͯ͜͜͠·Ͱ୯Ґʯ ʮ͔֬ʹʯʮ͜ͷͭ˕͔ͩ Βશ෦Ͱ୯Ґʯʮ;Ήʯ ʮશ෦ͯ͠୯Ґʯʮ͔֬ʹʯ ʮ݅ຬͨͯ͠·͢Ͷʯ ʮͰ͢ΑͶʯ
None
৽ೖੜʹ ͍͑ͨ͜ͱ
࠷ޙ·Ͱ ఘΊͳ͍
ࣗΛ ৴ͯ͡ʂ
৽ೖੜʹ ͍͑ͨ͜ͱ ʲऴΘΓʳ
ࣗݾհͷ࠷ޙʹ ߃ྫͷ/), ग़ԋͷࢥ͍ग़հ ίʔφʔ
None
ΞχϝϑΝϯ
None
ຊͷ༰ ʹ͍ͭͯ
None
͍͑ͨ ͜ͱ
෦һ͚
lॳ৺ऀzͱ ͖߹͏ͱ͖ʹ ߟ͍͑ͨ͜ͱ
৽ೖੜ͚
ྑ͍ײ͡ʹlॳ৺ऀzΛ ൈ͚ग़ͨ͢Ίͷώϯτ
⚠ҙࣄ߲⚠ ͜ͷൃද,.$ٴͼಛఆͷஂମɾݸਓʹؔͯ͠൷Λ ߦ͏ͷͰͳ͍ɻྫͱͯ͠ಛఆͷݸਓͷൃݴঢ়گΛ հ͢Δ߹͕͋Δ͕ɺ͋͘·Ͱྫͷͭͱͯ͠հ͢ ΔͷͰ͋ΓɺͦΕҎ্ͷҙਤ͋Γ·ͤΜɻ͠Ҏ߱ ͷྫࣄ߲ʹ͕ࣗͯ·Δͱࢥͬͨ߹Ͱ͋ͬͯ ই͖ͭ͗ͨ͢Γ͠ͳ͍Α͏ʹ͍ͯͩ͘͠͞ɻ͜ͷൃදͷ ༰ʹ͍ͭͯ!QBTUBLͷݸਓతͳҙݟͰ͋Γ·͢ɻ ·ͨ༰ʹ͍ͭͯٞͷ༨͕͋Δͱࢥ͏ͷͰɺ͝ҙ ݟ͝ײ͕͋Εੋඇ!QBTUBL·Ͱ͓د͍ͤͩ͘͞ɻ
લఏೝࣝ
,.$෦һ lதڃऀz Ҏ্
l͠ΐ΅͍z l͓·͡ͳ͍z lೖz
l͠ΐ΅͍z
͠ΐ΅͍ JT
ຊ࣭Ͱͳ͍͜ͱ ͍͍ͭͭ৭ʑ ͕ٞͪ͠
None
ʮ༧ࢉ৹ٞձͰٞͷ߲ ͷ৹ٞʹཁ͢Δ࣌ؒɺͦͷ ߲ʹ͍ͭͯͷࢧग़ֹʹൺ ྫ͢Δʯʢͭ·Γۙͳ͜ͱ ΄Ͳ୭͕ҙݟΛݴ͑ΔͷͰ ৹͕ٞ࣌ؒ͘ͳΔʣ http://www.navigate-inc.co.jp/term/term-ha.html ύʔΩϯιϯͷ๏ଇ ͷ߲ΑΓҾ༻
'SFF#4%ͷίϛϡχςΟ Ͱࣗసंஔͷٞ CJLFTIFEEJTDVTTJPO ͱݺΜͰ͍Δ http://0xcc.net/blog/archives/000135.html
ྫΛ հ
ͲΕͰදه͢Δͷ͕ྑ͍͔ CJLFTIFE શ෦খจࣈ CJLFTIFE εϖʔε CJLFTIFE μογϡ
CJLF@TIFE Ξϯμʔόʔ CJLF4IFE DBNFM$BTF
ԿΛ͏ͷ͕ྑ͍͔ 7JNWT&NBDT 3VCZWT1ZUIPO K2VFSZWT3FBDU ࢴ ϖϯWTTBJ FUD
දهํ๏Ͳ͏͢Δ͔ • ϓϩάϥϛϯάͷ߹ • ݴޠʹΑ੍͕ͬͯ͋Δ • Ϋϥε໊ઌ಄େจࣈ Number • ม໊ઌ಄খจࣈ
number • ఆશͯେจࣈ NUMBER • ϓϩδΣΫτͷίʔυن͕͋Δ • camelCase / PascalCase / snake_case • kDaysInAWeek / DAYS_IN_A_WEEK
දهํ๏Ͳ͏͢Δ͔ • ԿΒ͔ͷࠜڌʹΑΓܾ·͍ͬͯΔ͖ • ͍͍ͪͪม໊ͷ͚ํͱ͔Ͱٞͨ͘͠ͳ͍ • ίʔυنΛ࠷ॳʹ࡞Δࡍʹવٞɾݕ౼͋Δ • ݴޠίϛϡχςΟͷจԽͱͷ߹க •
ಡΈ͢͞ • ෳࡶ͗͢ͳ͍͔ • Ͳ͜·Ͱҙຯઆ໌Λߦ͏͔ (ল͍ͯྑ͍͔) • etc… • ৄ͘͠ؾʹͳΔਓʰϦʔμϒϧίʔυʱͷ֘෦ΛಡΈ ·͠ΐ͏
πʔϧԿ͕ྑ͍ͷ͔ • ༷ʑͳק༠͕͋Δ • ʻʮʲΤσΟλɾݴޠɾπʔϧͷ໊લ͕ೖΔʳ ͕ΦεεϝͩΑʙʯ • ͲΕͰྑ͍ͷͰͱΓ͋͑ͣͬͯΈΑ͏ • ଟɺޙʑʹͳͬͯ৭ʑ͔ͬͯ͘Δͱ࠶બͼ
͠νϟϯε͕౸དྷ͢Δ • બͿͱ͖ͷϙΠϯτͨͩ1ͭ • ͙ۙ͘͢ʹ࣭ग़དྷΔਓ͕͍Δ͔Ͳ͏͔
πʔϧԿ͕ྑ͍ͷ͔ • ༷ʑͳק༠͕͋Δ • ʻʮʲΤσΟλɾݴޠɾπʔϧͷ໊લ͕ೖΔʳ ͕ΦεεϝͩΑʙʯ • ͲΕͰྑ͍ͷͰͱΓ͋͑ͣͬͯΈΑ͏ • ଟɺޙʑʹͳͬͯ৭ʑ͔ͬͯ͘Δͱ࠶બͼ
͠νϟϯε͕౸དྷ͢Δ • બͿͱ͖ͷϙΠϯτͨͩ1ͭ • ͙ۙ͘͢ʹ࣭ग़དྷΔਓ͕͍Δ͔Ͳ͏͔
झຯͷൣғͰ ·ͣࢼ͠ʹ 50%0ΞϓϦ Λ࡞ͬͯΈ͍ͨ࣌
Ͳ͏ͬͯ࡞Δ͔ αʔόαΠυ3VCZ 1FSM +4 (P 8"'FYQSFTT LPB TBJMT %#.Z42- 1PTUHSF42-
.POHP%# +4ॻ͖ํ&4POMZ VTF&4 +4MJCSBSZK2VFSZ 3FBDU "OHVMBS+4 CVJMECBCFM CBCMFXJUIHVMQ XFCQBDL OPOF
Ͳ͏ͬͯ࡞Δ͔ αʔόαΠυ3VCZ 1FSM +4 (P 8"'FYQSFTT LPB TBJMT %#.Z42- 1PTUHSF42-
.POHP%# +4ॻ͖ํ&4POMZ VTF&4 +4MJCSBSZK2VFSZ 3FBDU "OHVMBS+4 CVJMECBCFM CBCMFXJUIHVMQ XFCQBDL OPOF
Ͳ͏ͬͯ࡞Δ͔ αʔόαΠυ3VCZ 1FSM +4 (P 8"'FYQSFTT LPB TBJMT %#.Z42- 1PTUHSF42-
.POHP%# +4ॻ͖ํ&4POMZ VTF&4 +4MJCSBSZK2VFSZ 3FBDU "OHVMBS+4 CVJMECBCFM CBCMFXJUIHVMQ XFCQBDL OPOF
Ͳ͏ͬͯ࡞Δ͔ αʔόαΠυ3VCZ 1FSM +4 (P 8"'FYQSFTT LPB TBJMT %#.Z42- 1PTUHSF42-
.POHP%# +4ॻ͖ํ&4POMZ VTF&4 +4MJCSBSZK2VFSZ 3FBDU "OHVMBS+4 CVJMECBCFM CBCMFXJUIHVMQ XFCQBDL OPOF
Ͳ͏ͬͯ࡞Δ͔ αʔόαΠυ3VCZ 1FSM +4 (P 8"'FYQSFTT LPB TBJMT %#.Z42- 1PTUHSF42-
.POHP%# +4ॻ͖ํ&4POMZ VTF&4 +4MJCSBSZK2VFSZ 3FBDU "OHVMBS+4 CVJMECBCFM CBCMFXJUIHVMQ XFCQBDL OPOF
Ͳ͏ͬͯ࡞Δ͔ αʔόαΠυ3VCZ 1FSM +4 (P 8"'FYQSFTT LPB TBJMT %#.Z42- 1PTUHSF42-
.POHP%# +4ॻ͖ํ&4POMZ VTF&4 +4MJCSBSZK2VFSZ 3FBDU "OHVMBS+4 CVJMECBCFM CBCMFXJUIHVMQ XFCQBDL OPOF
Ͳ͏ͬͯ࡞Δ͔ αʔόαΠυ3VCZ 1FSM +4 (P 8"'FYQSFTT LPB TBJMT %#.Z42- 1PTUHSF42-
.POHP%# +4ॻ͖ํ&4POMZ VTF&4 +4MJCSBSZK2VFSZ 3FBDU "OHVMBS+4 CVJMECBCFM CBCMFXJUIHVMQ XFCQBDL OPOF
Ͳ͏ͬͯ࡞Δ͔ αʔόαΠυ3VCZ 1FSM +4 (P 8"'FYQSFTT LPB TBJMT %#.Z42- 1PTUHSF42-
.POHP%# +4ॻ͖ํ&4POMZ VTF&4 +4MJCSBSZK2VFSZ 3FBDU "OHVMBS+4 CVJMECBCFM CBCMFXJUIHVMQ XFCQBDL OPOF
Ͳ͏ͬͯ࡞Δ͔ αʔόαΠυ3VCZ 1FSM +4 (P 8"'FYQSFTT LPB TBJMT %#.Z42- 1PTUHSF42-
.POHP%# +4ॻ͖ํ&4POMZ VTF&4 +4MJCSBSZK2VFSZ 3FBDU "OHVMBS+4 CVJMECBCFM CBCFMXJUIHVMQ XFCQBDL OPOF
http://d.hatena.ne.jp/tomoya/20160403/1459665374
http://b.hatena.ne.jp/entry/d.hatena.ne.jp/tomoya/20160403/1459665374 ίϝϯτ
+4Λॻ͘͏͑Ͱ φͰϠϯάʹͳͬͨ ͜͜࠷ۙͷมԽʹΑΔ ͷπέΛࢧ͏͜ͱ ʹର͢ΔΞϨίϨ
झຯͷൣғͰ ·ͣࢼ͠ʹ 50%0ΞϓϦ Λ࡞ͬͯΈ͍ͨ࣌ ͷΰʔϧͲ͜ʁ
ΰʔϧ(త)Ͳ͔͜ • ͱʹ͔͘ॳΊͯͳͷͰಈ͘Λ࡞Γ͍ͨ → पΓʹ૬ஊ/࣭Ͱ͖ΔͷΛબ͢Δͱྑ͍͔ • ৽ֶ͘͠ΜͩΞϧΰϦζϜΛͬͯΈ͍ͨ → ྫ͑ιʔτΞϧΰϦζϜΛࢼ͍ͨ͠ TODOͷฒͼସ͑෦ͰؤுΕͦ͏
(ී௨ఆٛࡁͷsort()Ͱॆ) • ৽͘͠ొͨ͠πʔϧϥΠϒϥϦΛࢼ͍ͨ͠ → ͡Ό͋ͦΕͰ
πʔϧݴޠͷબͩ ͚Ͱྑ͍50%0Ξ ϓϦʹͳΒͳ͍ɻ ͱʹ͔͘ྑ͍50%0 ΞϓϦΛ࡞ΔͱҒ͍ɻ
͠ΐ΅͍બʹΜͰ ͍͍͚ͯͳ͍ɻ ࣗͨͪͷखʹೃછΉ ࠷ߴͷΈ߹ΘͤͰ Ұ൪ྑ͍ͷՌΛ ੜΈग़ͨ͠ਓ͕࠷ڧ
l͓·͡ͳ͍z
%PZPVLOPX ͓·͡ͳ͍
࣭
࣍ͷ$ݴޠͰॻ͔Εͨ )FMMP8PSMEͷ ιʔείʔυʹ͓͚Δ l͓·͡ͳ͍zͲΕʁ
#include <stdio.h> int main(void) { printf("Hello, world!"); return 0; }
Wikipedia ຊޠ൛ Hello worldϓϩάϥϜͷҰཡ( https://ja.wikipedia.org/wiki/Hello_world%E3%83%97%E3%83%AD %E3%82%B0%E3%83%A9%E3%83%A0%E3%81%AE%E4%B8%80%E8%A6%A7#C ) 20164݄9 () 13:15 ࠷ऴߋ৽൛ΑΓ
None
ൣ ճ
#include <stdio.h> int main(void) { printf("Hello, world!"); return 0; }
͜ͷ෦͕͓·͡ͳ͍
#include <stdio.h> int main(void) { printf("Hello, world!"); return 0; }
͜ͷ෦͕͓·͡ͳ͍??
ຊʹͦΕͬͯ lॳ৺ऀzͷؾ࣋ͪʹ ͳͬͯ·͔͢ʁ
͓·͡ͳ͍ ˣ ೖॻͳͲ͕આ໌Λ ޙճ͠ʹ͢ΔͨΊͷ ϚδοΫϫʔυ
͓·͡ͳ͍ ˣ ೖॻͳͲ͕આ໌Λ ޙճ͠ʹ͢ΔͨΊͷ ϚδοΫϫʔυ
࣍ͷ$ݴޠͰॻ͔Εͨ )FMMP8PSMEͷ ιʔείʔυʹ͓͚Δ l͓·͡ͳ͍zͲΕʁ
࣍ͷ$ݴޠͰॻ͔Εͨ )FMMP8PSMEͷ ιʔείʔυʹ͓͚Δ ݱ࣌ͰԿނ͜͏ͳΔͷ͔ ͔Βͳ͍෦ͲΕʁ
ճ
#include <stdio.h> int main(void) { printf("Hello, world!"); return 0; }
#include <stdio.h> int main(void) { printf("Hello, world!"); return 0; }
#include <stdio.h> int main(void) { printf("Hello, world!"); return 0; }
#include <stdio.h> int main(void) { printf("Hello, world!"); return 0; }
#include <stdio.h> int main(void) { printf("Hello, world!"); return 0; }
#include <stdio.h> int main(void) { printf("Hello, world!"); return 0; }
lೖz
ݸਓతͳ ॴײ
None
Ͳͷॱ൪Ͱ Ͳ͏ѻ͏͔
࣭
ೖ ॻ ಡΜͩ͜ͱ ͋Δʁ
None
͚࣍ͩ ோΊΔ
.%/ +BWB4DSJQUΨΠυ
None
Wikipedia ຊޠ൛ Hello worldϓϩάϥϜͷҰཡ ( https://ja.wikipedia.org/wiki/Hello_world %E3%83%97%E3%83%AD %E3%82%B0%E3%83%A9%E3%83%A0%E3%81%A E%E4%B8%80%E8%A6%A7#C )
20164݄9 () 13:15 ࠷ऴߋ৽൛ΑΓ
·ͣconsole.log(“ͳΜͪΌΒ”) Ͱग़ྗ
ͪͳΈʹ”ͳΜͪΌΒ”<จࣈྻ>
HTMLϖʔδͰར༻͢Δ߹ <script>λάΛ͏
documentHTMLจॻΛදݱͨ͠DOM
document.writeͰͦ͜ʹॻ͖ࠐΉ
ͲͷཁૉΛ͍ͭ ͲͷΑ͏ʹઆ໌͢Δ͔ ΛΠϝʔδ͓ͯ͘͠
http://bokete.jp/boke/27977778
#include <stdio.h> int main(void) { printf("Hello, world!"); return 0; }
None
ؤுΖ͏ʂ
·ͱΊ
·ͱΊ • ͠ΐ΅͍Λٞ͗͢͠ͳ͍Α͏ʹ͠Α͏ • ϓϩάϥϛϯάΛతʹ͗͢͠ͳ͍ • Կ͕ຊ࣭తͳͰ͖ٞ͢ͳͷ͔ • ೖ࣌ʮ͓·͡ͳ͍ʯ •
Կނʮ͓·͡ͳ͍ʯͳͷ͔ • Ͳ͏͢Δͱʮ͓·͡ͳ͍ʯͰͳ͘ͳΔͷ͔ • ͓·͡ͳ͍Λཧղ͢ΔͨΊʹͲ͏͍͏४උ͕ग़དྷΔͷ͔
্ճੜ ৽ೖੜ
ΈΜͳͰ,.$Λ ࠷ڧʹ͠Α͏