Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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

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

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

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

Avatar for pastak

pastak

April 23, 2016

More Decks by pastak

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

Featured

See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
1.1k
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
1
580
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
440
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
360
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
2
310
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
360
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
580
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
520
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
710
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
330
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
360

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