Upgrade to Pro — share decks privately, control downloads, hide ads and more …

『中級者』の僕たちは何が出来るのか、 または『初心者』に
語るときに僕が考えること

pastak
April 23, 2016
1
4k

『中級者』の僕たちは何が出来るのか、 または『初心者』に
語るときに僕が考えること

京大マイコンクラブ新勧説明会4月14日回での発表資料です

pastak

April 23, 2016
Tweet

More Decks by pastak

See All by pastak
「夏フェス」をヒントに新しいカンファレンスを考えてみた at 函館市電LT
pastak
3
420
「アクセシビリティを始めたい！」から1年、あれからどうなったのか。
pastak
2
91
「アクセシビリティを始めたい！」から1年、あれからどうなったのか。 〜LTバージョン〜
pastak
1
800
【2024年最新】「エンジニアお茶会」という取り組みについて
pastak
1
390
UserAgentに依存した分岐を捨てられるか (または何故捨てられていないのか)
pastak
4
3.9k
開発組織外の他業種も巻き込んでアクセシビリティに関する機運を高めつつある話
pastak
0
670
手を動かして始めるアクセシビリティ改善
pastak
3
1.6k
Gyazoの開発の進め方/devlove-kansai2018-10-29 #DevKan
pastak
1
1.9k
ウェブアプリケーションがオフラインでも動作できるようにやっていった話 / ServiceWorker for Offline WebApp in MANGA Viewer
pastak
0
1.2k

Featured

See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Side Projects
sachag
452
42k
How to train your dragon (web standard)
notwaldorf
88
5.7k
Navigating Team Friction
lara
183
15k
Optimising Largest Contentful Paint
csswizardry
33
3k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
Rails Girls Zürich Keynote
gr2m
94
13k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
VelocityConf: Rendering Performance Case Studies
addyosmani
326
24k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
BBQ
matthewcrist
85
9.4k

Transcript

  1. ʰதڃऀʱͷ๻ͨͪ͸Կ͕ ग़དྷΔͷ͔ɺ ·ͨ͸ʰॳ৺ऀʱʹ
 ޠΔͱ͖ʹ๻͕ߟ͑Δ͜ͱ Pasta-K 2016/04/14 [email protected]

  2. ͜Μʹͪ͸

  3. Πϯλʔωοτ׆ಈ twitter.com/pastak id: Pasta-K pastak.hatenablog.com pastak-diary.hatenadiary.com github.com/pastak

  4. KMCͰͷ׆ಈ KMC 37୅໨ ޿ใ OSC Kyotoग़ల ɹYAPCεϙϯαʔ࡞ઓ JavaScriptͰੈքฏ࿨2014

  5. ΞϧόΠτ d Πϯλʔϯ Ն Πϯλʔϯ Ն Πϯλʔϯ ౙ

  6. None

  7. य़ٳΈͷࢥ͍ग़

  8. None

  9. େࡕࢢ಺ͷ๭ެཱதֶߍ Ͱখதֶੜʹ4DSBUDI ϓϩάϥϛϯάΛϲ݄ ؒڭ͖͑ͯͨͧ

  10. ㊗

  11. ίʔε ഑ଐʂ

  12. None

  13. ݄༵೔

  14. େֶͷڭ ຿ʹߦ͘

  15. ڭ຿ͷਓͱ ཤमཁཡͱ੒੷ද Λݟͳ͕Β ஥ྑ͘ࢉ਺

  16. ʮ͜Ε͸ճੜ഑౰ͷ˕͔ͩΒ0, Ͱ͢ΑͶʯʮ͜Εͱ͜Εͱ͜Ε Λ଍ͯ͜͜͠·Ͱ୯Ґʯ ʮ͔֬ʹʯʮ͜ͷͭ΋˕͔ͩ Βશ෦Ͱ୯Ґʯʮ;Ήʯ ʮશ෦଍ͯ͠୯Ґʯʮ͔֬ʹʯ ʮ৚݅ຬͨͯ͠·͢Ͷʯ ʮͰ͢ΑͶʯ

  17. None

  18. ৽ೖੜʹ ఻͍͑ͨ͜ͱ

  19. ࠷ޙ·Ͱ ఘΊͳ͍

  20. ࣗ෼Λ ৴ͯ͡ʂ

  21. ৽ೖੜʹ ఻͍͑ͨ͜ͱ ʲऴΘΓʳ

  22. ࣗݾ঺հͷ࠷ޙʹ ߃ྫͷ/), ग़ԋͷࢥ͍ग़঺հ ίʔφʔ

  23. None

  24. ΞχϝϑΝϯ

  25. None

  26. ຊ೔ͷ಺༰ ʹ͍ͭͯ

  27. None

  28. ఻͍͑ͨ ͜ͱ

  29. ෦һ޲͚

  30. lॳ৺ऀzͱ ޲͖߹͏ͱ͖ʹ ߟ͍͑ͨ͜ͱ

  31. ৽ೖੜ޲͚

  32. ྑ͍ײ͡ʹlॳ৺ऀzΛ ൈ͚ग़ͨ͢Ίͷώϯτ

  33. ⚠஫ҙࣄ߲⚠ ͜ͷൃද͸,.$ٴͼಛఆͷஂମɾݸਓʹؔͯ͠൷൑Λ ߦ͏΋ͷͰ͸ͳ͍ɻྫͱͯ͠ಛఆͷݸਓͷൃݴ΍ঢ়گΛ ঺հ͢Δ৔߹͕͋Δ͕ɺ͋͘·Ͱྫͷͭͱͯ͠঺հ͢ Δ΋ͷͰ͋ΓɺͦΕҎ্ͷҙਤ͸͋Γ·ͤΜɻ΋͠Ҏ߱ ͷྫ΍ࣄ߲ʹࣗ਎͕౰ͯ͸·Δͱࢥͬͨ৔߹Ͱ͋ͬͯ΋ ই͖ͭ͗ͨ͢Γ͠ͳ͍Α͏ʹ͍ͯͩ͘͠͞ɻ͜ͷൃදͷ ಺༰ʹ͍ͭͯ͸!QBTUBLͷݸਓతͳҙݟͰ͋Γ·͢ɻ ·ͨ಺༰ʹ͍ͭͯ͸ٞ࿦ͷ༨஍͕͋Δͱࢥ͏ͷͰɺ͝ҙ ݟ͝ײ૝͕͋Ε͹ੋඇ!QBTUBL·Ͱ͓د͍ͤͩ͘͞ɻ

  34. લఏೝࣝ

  35. ,.$෦һ͸ lதڃऀz Ҏ্

  36. l͠ΐ΅͍࿩z l͓·͡ͳ͍z lೖ໳z

  37. l͠ΐ΅͍࿩z

  38. ͠ΐ΅͍࿩ JT

  39. ຊ࣭Ͱͳ͍͜ͱ ͍͍ͭͭ৭ʑ ٞ࿦͕ͪ͠໰୊

  40. None

  41. ʮ༧ࢉ৹ٞձͰٞ୊ͷ߲໨ ͷ৹ٞʹཁ͢Δ࣌ؒ͸ɺͦͷ ߲໨ʹ͍ͭͯͷࢧग़ֹʹ൓ൺ ྫ͢Δʯʢͭ·Γ਎ۙͳ͜ͱ ΄Ͳ୭΋͕ҙݟΛݴ͑ΔͷͰ ৹͕ٞ࣌ؒ௕͘ͳΔʣ http://www.navigate-inc.co.jp/term/term-ha.html ύʔΩϯιϯͷ๏ଇ ͷ߲໨ΑΓҾ༻

  42. 'SFF#4%ͷίϛϡχςΟ Ͱ͸ࣗసंஔ৔ͷٞ࿦ CJLFTIFEEJTDVTTJPO  ͱݺΜͰ͍Δ http://0xcc.net/blog/archives/000135.html

  43. ྫΛ ঺հ

  44. ͲΕͰදه͢Δͷ͕ྑ͍͔ CJLFTIFE શ෦খจࣈ  CJLFTIFE εϖʔε  CJLFTIFE μογϡ 

    CJLF@TIFE Ξϯμʔόʔ  CJLF4IFE DBNFM$BTF

  45. ԿΛ࢖͏ͷ͕ྑ͍͔ 7JNWT&NBDT 3VCZWT1ZUIPO K2VFSZWT3FBDU ࢴ ϖϯWTTBJ FUD

  46. දهํ๏Ͳ͏͢Δ͔໰୊ • ϓϩάϥϛϯάͷ৔߹ • ݴޠʹΑ੍ͬͯ໿͕͋Δ • Ϋϥε໊ઌ಄͸େจࣈ Number • ม਺໊͸ઌ಄খจࣈ

    number • ఆ਺͸શͯେจࣈ NUMBER • ϓϩδΣΫτͷίʔυن໿͕͋Δ • camelCase / PascalCase / snake_case • kDaysInAWeek / DAYS_IN_A_WEEK

  47. දهํ๏Ͳ͏͢Δ͔໰୊ • ԿΒ͔ͷࠜڌʹΑΓܾ·͍ͬͯΔ΂͖໰୊ • ͍͍ͪͪม਺໊ͷ෇͚ํͱ͔Ͱٞ࿦ͨ͘͠ͳ͍ • ίʔυن໿Λ࠷ॳʹ࡞Δࡍʹ͸౰વٞ࿦ɾݕ౼͸͋Δ • ݴޠίϛϡχςΟͷจԽͱͷ߹க •

    ಡΈ΍͢͞ • ෳࡶ͗͢ͳ͍͔ • Ͳ͜·Ͱҙຯઆ໌Λߦ͏͔ (ল͍ͯྑ͍͔) • etc… • ৄ͘͠ؾʹͳΔਓ͸ʰϦʔμϒϧίʔυʱͷ֘౰෦෼ΛಡΈ ·͠ΐ͏

  48. πʔϧԿ͕ྑ͍ͷ͔໰୊ • ༷ʑͳק༠͕͋Δ • ʻʮʲΤσΟλɾݴޠɾπʔϧͷ໊લ͕ೖΔʳ ͕ΦεεϝͩΑʙʯ • ͲΕͰ΋ྑ͍ͷͰͱΓ͋͑ͣ࢖ͬͯΈΑ͏ • ଟ෼ɺޙʑʹͳͬͯ৭ʑ෼͔ͬͯ͘Δͱ࠶౓બͼ

    ௚͠νϟϯε͕౸དྷ͢Δ • બͿͱ͖ͷϙΠϯτ͸ͨͩ1ͭ • ͙ۙ͘͢ʹ࣭໰ग़དྷΔਓ͕͍Δ͔Ͳ͏͔

  49. πʔϧԿ͕ྑ͍ͷ͔໰୊ • ༷ʑͳק༠͕͋Δ • ʻʮʲΤσΟλɾݴޠɾπʔϧͷ໊લ͕ೖΔʳ ͕ΦεεϝͩΑʙʯ • ͲΕͰ΋ྑ͍ͷͰͱΓ͋͑ͣ࢖ͬͯΈΑ͏ • ଟ෼ɺޙʑʹͳͬͯ৭ʑ෼͔ͬͯ͘Δͱ࠶౓બͼ

    ௚͠νϟϯε͕౸དྷ͢Δ • બͿͱ͖ͷϙΠϯτ͸ͨͩ1ͭ • ͙ۙ͘͢ʹ࣭໰ग़དྷΔਓ͕͍Δ͔Ͳ͏͔

  50. झຯͷൣғͰ ·ͣࢼ͠ʹ 50%0ΞϓϦ Λ࡞ͬͯΈ͍ͨ࣌

  51. Ͳ͏΍ͬͯ࡞Δ͔ αʔόαΠυ3VCZ 1FSM +4 (P 8"'FYQSFTT LPB TBJMT %#.Z42- 1PTUHSF42-

    .POHP%# +4ॻ͖ํ&4POMZ VTF&4 +4MJCSBSZK2VFSZ 3FBDU "OHVMBS+4 CVJMECBCFM CBCMFXJUIHVMQ XFCQBDL OPOF

  52. Ͳ͏΍ͬͯ࡞Δ͔ αʔόαΠυ3VCZ 1FSM +4 (P 8"'FYQSFTT LPB TBJMT %#.Z42- 1PTUHSF42-

    .POHP%# +4ॻ͖ํ&4POMZ VTF&4 +4MJCSBSZK2VFSZ 3FBDU "OHVMBS+4 CVJMECBCFM CBCMFXJUIHVMQ XFCQBDL OPOF

  53. Ͳ͏΍ͬͯ࡞Δ͔ αʔόαΠυ3VCZ 1FSM +4 (P 8"'FYQSFTT LPB TBJMT %#.Z42- 1PTUHSF42-

    .POHP%# +4ॻ͖ํ&4POMZ VTF&4 +4MJCSBSZK2VFSZ 3FBDU "OHVMBS+4 CVJMECBCFM CBCMFXJUIHVMQ XFCQBDL OPOF

  54. Ͳ͏΍ͬͯ࡞Δ͔ αʔόαΠυ3VCZ 1FSM +4 (P 8"'FYQSFTT LPB TBJMT %#.Z42- 1PTUHSF42-

    .POHP%# +4ॻ͖ํ&4POMZ VTF&4 +4MJCSBSZK2VFSZ 3FBDU "OHVMBS+4 CVJMECBCFM CBCMFXJUIHVMQ XFCQBDL OPOF

  55. Ͳ͏΍ͬͯ࡞Δ͔ αʔόαΠυ3VCZ 1FSM +4 (P 8"'FYQSFTT LPB TBJMT %#.Z42- 1PTUHSF42-

    .POHP%# +4ॻ͖ํ&4POMZ VTF&4 +4MJCSBSZK2VFSZ 3FBDU "OHVMBS+4 CVJMECBCFM CBCMFXJUIHVMQ XFCQBDL OPOF

  56. Ͳ͏΍ͬͯ࡞Δ͔ αʔόαΠυ3VCZ 1FSM +4 (P 8"'FYQSFTT LPB TBJMT %#.Z42- 1PTUHSF42-

    .POHP%# +4ॻ͖ํ&4POMZ VTF&4 +4MJCSBSZK2VFSZ 3FBDU "OHVMBS+4 CVJMECBCFM CBCMFXJUIHVMQ XFCQBDL OPOF

  57. Ͳ͏΍ͬͯ࡞Δ͔ αʔόαΠυ3VCZ 1FSM +4 (P 8"'FYQSFTT LPB TBJMT %#.Z42- 1PTUHSF42-

    .POHP%# +4ॻ͖ํ&4POMZ VTF&4 +4MJCSBSZK2VFSZ 3FBDU "OHVMBS+4 CVJMECBCFM CBCMFXJUIHVMQ XFCQBDL OPOF

  58. Ͳ͏΍ͬͯ࡞Δ͔ αʔόαΠυ3VCZ 1FSM +4 (P 8"'FYQSFTT LPB TBJMT %#.Z42- 1PTUHSF42-

    .POHP%# +4ॻ͖ํ&4POMZ VTF&4 +4MJCSBSZK2VFSZ 3FBDU "OHVMBS+4 CVJMECBCFM CBCMFXJUIHVMQ XFCQBDL OPOF

  59. Ͳ͏΍ͬͯ࡞Δ͔ αʔόαΠυ3VCZ 1FSM +4 (P 8"'FYQSFTT LPB TBJMT %#.Z42- 1PTUHSF42-

    .POHP%# +4ॻ͖ํ&4POMZ VTF&4 +4MJCSBSZK2VFSZ 3FBDU "OHVMBS+4 CVJMECBCFM CBCFMXJUIHVMQ XFCQBDL OPOF

  60. http://d.hatena.ne.jp/tomoya/20160403/1459665374

  61. http://b.hatena.ne.jp/entry/d.hatena.ne.jp/tomoya/20160403/1459665374 ίϝϯτ

  62. +4Λॻ͘͏͑Ͱ φ΢ͰϠϯάʹͳͬͨ ͜͜࠷ۙͷมԽʹΑΔ ೥ͷπέΛࢧ෷͏͜ͱ ʹର͢ΔΞϨίϨ

  63. झຯͷൣғͰ ·ͣࢼ͠ʹ 50%0ΞϓϦ Λ࡞ͬͯΈ͍ͨ࣌ ͷΰʔϧ͸Ͳ͜ʁ

  64. ΰʔϧ(໨త)͸Ͳ͔͜ • ͱʹ͔͘ॳΊͯͳͷͰಈ͘෺Λ࡞Γ͍ͨ → पΓʹ૬ஊ/࣭໰Ͱ͖Δ΋ͷΛબ୒͢Δͱྑ͍͔΋ • ৽ֶ͘͠ΜͩΞϧΰϦζϜΛ࢖ͬͯΈ͍ͨ → ྫ͑͹ιʔτΞϧΰϦζϜΛࢼ͍ͨ͠ TODOͷฒͼସ͑෦෼ͰؤுΕͦ͏

    (ී௨͸ఆٛࡁͷsort()Ͱॆ෼) • ৽͘͠ొ৔ͨ͠πʔϧ΍ϥΠϒϥϦΛࢼ͍ͨ͠ → ͡Ό͋ͦΕͰ

  65. πʔϧ΍ݴޠͷબ୒ͩ ͚Ͱ͸ྑ͍50%0Ξ ϓϦʹ͸ͳΒͳ͍ɻ ͱʹ͔͘ྑ͍50%0 ΞϓϦΛ࡞ΔͱҒ͍ɻ

  66. ͠ΐ΅͍બ୒ʹ೰ΜͰ ͍ͯ͸͍͚ͳ͍ɻ ࣗ෼ͨͪͷखʹೃછΉ ࠷ߴͷ૊Έ߹ΘͤͰ Ұ൪ྑ͍ͷ੒Ռ෺Λ ੜΈग़ͨ͠ਓ͕࠷ڧ

  67. l͓·͡ͳ͍z

  68. %PZPVLOPX ͓·͡ͳ͍

  69. ࣭໰

  70. ࣍ͷ$ݴޠͰॻ͔Εͨ )FMMP8PSMEͷ ιʔείʔυ಺ʹ͓͚Δ l͓·͡ͳ͍z͸ͲΕʁ

  71. #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 ) 2016೥4݄9೔ (౔) 13:15 ࠷ऴߋ৽൛ΑΓ
  72. None

  73. ໛ൣ ճ౴

  74. #include <stdio.h> int main(void) { printf("Hello, world!"); return 0; }

    ͜ͷ෦෼͕͓·͡ͳ͍

  75. #include <stdio.h> int main(void) { printf("Hello, world!"); return 0; }

    ͜ͷ෦෼͕͓·͡ͳ͍??

  76. ຊ౰ʹͦΕͬͯ lॳ৺ऀzͷؾ࣋ͪʹ ͳͬͯ·͔͢ʁ

  77. ͓·͡ͳ͍ ˣ ೖ໳ॻͳͲ͕આ໌Λ ޙճ͠ʹ͢ΔͨΊͷ ϚδοΫϫʔυ

  78. ͓·͡ͳ͍ ˣ ೖ໳ॻͳͲ͕આ໌Λ ޙճ͠ʹ͢ΔͨΊͷ ϚδοΫϫʔυ

  79. ࣍ͷ$ݴޠͰॻ͔Εͨ )FMMP8PSMEͷ ιʔείʔυ಺ʹ͓͚Δ l͓·͡ͳ͍z͸ͲΕʁ

  80. ࣍ͷ$ݴޠͰॻ͔Εͨ )FMMP8PSMEͷ ιʔείʔυ಺ʹ͓͚Δ ݱ࣌఺ͰԿނ͜͏ͳΔͷ͔ ෼͔Βͳ͍෦෼͸ͲΕʁ

  81. ճ౴

  82. #include <stdio.h> int main(void) { printf("Hello, world!"); return 0; }

  83. #include <stdio.h> int main(void) { printf("Hello, world!"); return 0; }

  84. #include <stdio.h> int main(void) { printf("Hello, world!"); return 0; }

  85. #include <stdio.h> int main(void) { printf("Hello, world!"); return 0; }

  86. #include <stdio.h> int main(void) { printf("Hello, world!"); return 0; }

  87. #include <stdio.h> int main(void) { printf("Hello, world!"); return 0; }

  88. lೖ໳z

  89. ݸਓతͳ ॴײ

  90. None

  91. Ͳͷॱ൪Ͱ Ͳ͏ѻ͏͔

  92. ࣭໰

  93. ೖ໳ ॻ  ಡΜͩ͜ͱ ͋Δʁ

  94. None

  95. ໨͚࣍ͩ ோΊΔ

  96. .%/ +BWB4DSJQUΨΠυ

  97. None

  98. 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 )

    2016೥4݄9೔ (౔) 13:15 ࠷ऴߋ৽൛ΑΓ

  99. ·ͣ͸console.log(“ͳΜͪΌΒ”) Ͱग़ྗ

  100. ͪͳΈʹ”ͳΜͪΌΒ”͸<จࣈྻ>

  101. HTMLϖʔδ಺Ͱར༻͢Δ৔߹͸ <script>λάΛ࢖͏

  102. document͸HTMLจॻΛදݱͨ͠DOM

  103. document.writeͰͦ͜ʹॻ͖ࠐΉ

  104. ͲͷཁૉΛ͍ͭ ͲͷΑ͏ʹઆ໌͢Δ͔ ΛΠϝʔδ͓ͯ͘͠

  105. http://bokete.jp/boke/27977778

  106. #include <stdio.h> int main(void) { printf("Hello, world!"); return 0; }

  107. None

  108. ؤுΖ͏ʂ

  109. ·ͱΊ

  110. ·ͱΊ • ͠ΐ΅͍࿩Λٞ࿦͗͢͠ͳ͍Α͏ʹ͠Α͏ • ϓϩάϥϛϯάΛ໨తʹ͗͢͠ͳ͍ • Կ͕ຊ࣭తͳ໰୊Ͱٞ࿦͢΂͖ͳͷ͔ • ೖ໳࣌ʮ͓·͡ͳ͍ʯ໰୊ •

    Կނʮ͓·͡ͳ͍ʯͳͷ͔ • Ͳ͏͢Δͱʮ͓·͡ͳ͍ʯͰͳ͘ͳΔͷ͔ • ͓·͡ͳ͍Λཧղ͢ΔͨΊʹͲ͏͍͏४උ͕ग़དྷΔͷ͔

  111. ্ճੜ ৽ೖੜ

  112. ΈΜͳͰ,.$Λ ࠷ڧʹ͠Α͏