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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for pastak pastak
April 23, 2016
1
4.2k

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

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

Avatar for pastak

pastak

April 23, 2016
Tweet

More Decks by pastak

See All by pastak
アクセシビリティの向上がそのまま事業貢献になると良い
Avatar for pastak pastak
3
490
幕間CMを支える技術
Avatar for pastak pastak
4
670
無からniboshiを生み出す
Avatar for pastak pastak
0
26
Helpfeelがアクセシビリティにどのように取り組み始めて、どこまで来れたのか/Helpfeel Accessibility 2025-07
Avatar for pastak pastak
3
520
LT: JavaScript / HTML カルトクイズ
Avatar for pastak pastak
0
180
「夏フェス」をヒントに新しいカンファレンスを考えてみた at 函館市電LT
Avatar for pastak pastak
3
550
「アクセシビリティを始めたい！」から1年、あれからどうなったのか。
Avatar for pastak pastak
2
230
「アクセシビリティを始めたい！」から1年、あれからどうなったのか。 〜LTバージョン〜
Avatar for pastak pastak
1
990
【2024年最新】「エンジニアお茶会」という取り組みについて
Avatar for pastak pastak
1
510

Featured

See All Featured
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.2k
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
950
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
690
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
350
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
200
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
30k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.4k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
1
120

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. ΈΜͳͰ,.$Λ ࠷ڧʹ͠Α͏