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

自動化をデザインしよう

1adcc39bcb4268334437c9c12b84d7a4?s=47 Yusuke Hirao
October 22, 2016
Technology
1
730

 自動化をデザインしよう

福岡マークアップ勉強会 2016.10.22

1adcc39bcb4268334437c9c12b84d7a4?s=128

Yusuke Hirao

October 22, 2016
Tweet

More Decks by Yusuke Hirao

See All by Yusuke Hirao
ユニバーサルHTMLとWebのポテンシャル
1adcc39bcb4268334437c9c12b84d7a4?s=48 yusukehirao
1
550
TypeScriptでつくるNode.jsパッケージ
1adcc39bcb4268334437c9c12b84d7a4?s=48 yusukehirao
3
360
READMEにバッヂが欲しくてテストを書き始めました
1adcc39bcb4268334437c9c12b84d7a4?s=48 yusukehirao
1
470
ユニバーサルなマークアップをしよう
1adcc39bcb4268334437c9c12b84d7a4?s=48 yusukehirao
2
620
アクセシビリティチェックを自動化するためのmarkuplintのロードマップ
1adcc39bcb4268334437c9c12b84d7a4?s=48 yusukehirao
2
1.1k
本当に必要ですか？そのJavaScript 〜スクロールイベント・リサイズイベント編〜
1adcc39bcb4268334437c9c12b84d7a4?s=48 yusukehirao
0
440
コードレビュー なんてしてられるかッ!!
1adcc39bcb4268334437c9c12b84d7a4?s=48 yusukehirao
23
10k
JSONの型のはなし
1adcc39bcb4268334437c9c12b84d7a4?s=48 yusukehirao
0
510
トランスパイラという文化(…とその後) - PHPカンファレンス福岡2016
1adcc39bcb4268334437c9c12b84d7a4?s=48 yusukehirao
1
2.3k

Other Decks in Technology

See All in Technology
Data in Google I/O - IO Extended GDG Seoul
3bd69093dbe39b14603242b96cfbd7c6?s=48 kennethanceyer
0
150
ソフトウェアテスト自動化、一歩前へ
73ffa4b34cfd87eb417ee531b8224d7a?s=48 yoshikiito
5
950
UWBを使ってみた
8b0e9a3684bd29ecece29db2582e38ae?s=48 norioikedo
0
430
GeoLocationAnchor and MKTileOverlay
61a68b2172503ecdf7a7f7757df56071?s=48 toyship
0
110
HoloLens2とMetaQuest2どちらも動くWebXRアプリをBabylon.jsで作る
Bf0e54ea0d4ea19343ccfbe5d410a96b?s=48 iwaken71
0
210
プログラマがオブジェクト指向しても幸せになれない理由
Bf7fe621f4fe1615c228ef8a79b87282?s=48 shirayanagiryuji
0
150
機械学習システムのアーキテクチャとデザインパターン
Ab00369879507922677a971b56cec3ae?s=48 washizaki
1
560
【toranoana.deno#7】Denoからwasmを呼び出す基礎
6ab47a68ee78e84c34731ce12333deff?s=48 toranoana
0
130
Power AutomateでのAdaptive Cards
C0c0e8e4d7f83912cb1b1a0699df82a5?s=48 miyakemito
1
620
Rethinking how distributed applications are built
08701c3eabe85450809695cf290ef675?s=48 tillrohrmann
0
100
【Pythonデータ分析勉強会#33】「DearPyGuiに入門しました」の続き～Image-Processing-Node-Editor～
26afa82334d1037f0ba602272b950c90?s=48 kazuhitotakahashi
0
160
Azure Arc Virtual MachineとAzure Arc Resource Bridge / VM provisioning through Azure portal on Azure Stack HCI (preview)
D99b8f4147592e467fa5e778d45734e7?s=48 sashizaki
0
160

Featured

See All Featured
Mobile First: as difficult as doing things right
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
213
7.5k
ReactJS: Keep Simple. Everything can be a component!
Af6a12710770ad9a7cfd08c97efd40d3?s=48 pedronauck
655
120k
Thoughts on Productivity
A16eb159db895e3b01d3dc95767ad595?s=48 jonyablonski
43
2.3k
Clear Off the Table
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
79
280k
Creatively Recalculating Your Daily Design Routine
48c098b6579220a67a6ba949be6e4b5a?s=48 revolveconf
207
10k
Building Flexible Design Systems
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
310
34k
Happy Clients
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
89
5.6k
Designing the Hi-DPI Web
C157b16234f1e75e8eac3698c1d4414a?s=48 ddemaree
272
32k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
100
5.9k
Reflections from 52 weeks, 52 projects
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
337
17k
JazzCon 2018 Closing Keynote - Leadership for the Reluctant Leader
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
172
8.4k
Building Adaptive Systems
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
25
1.1k

Transcript

  1. ࣗಈԽΛ σβΠϯ͠Α͏ ෱ԬϚʔΫΞοϓษڧձ

  2. ©2016 Yusuke Hirao, MIT License. ࣗݾ঺հ ฏඌ༏యʢͻΒ͓Ώ͏ͯΜʣ  גࣜձࣾσΟʔθϩ ϑϩϯτΤϯυΤϯδχΞ

    ίϛϡχςΟ׆ಈ ෱ԬϑϩϯτΤϯυ༑ͷձ'VLVPLB'SPOUFOE'SPHT ෱ԬϚʔΫΞοϓษڧձ CBTFS$.4Ϣʔβʔձ Yusuke Hirao @cloud10designs

  3. ©2016 Yusuke Hirao, MIT License. ࣗݾ঺հ ίϛϡχςΟ঺հ ෱ԬϑϩϯτΤϯυ༑ͷձ'VLVPLB'SPOUFOE'SPHT ෱ԬϚʔΫΞοϓษڧձ CBTFS$.4Ϣʔβʔձ

    ʮҪͷதͷ֝ʯʹ͸ͳΒͳ͍Α͏ʹͱू·ͬͨ ϑϩϯτΤϯυΤϯδχΞͷͨΊͷίϛϡχςΟɻ 8FCίʔσΟϯάɾΞϓϦ։ൃͷ೰ΊΔ͕֝ͨͪ ͦͷ৔Ͱ࿩୊ΛܾΊͯɺΞϯΧϯϑΝϨϯεܗࣜͰ ٕज़Λڞ༗͢Δ৔Ͱ͢ɻ ɹɹɹɹɹɹɹɹɹ෱ԬͷϚʔΫΞοϓ ɹɹɹɹɹɹɹɹɹʹܞΘΔਓͨͪͷ ɹɹɹɹɹɹɹɹɹͨΊͷίϛϡχςΟ ɹɹɹɹɹɹɹɹɹͰ͢ɻ ఆظతʹηϛφʔ΍ɺϛχߨ࠲ɺ࠲ஊձ ͳͲΛߦ͍ͬͯ·͢ɻ௨শʮϚΧϕϯʯɻ ෱Ԭൃͷࠃ࢈$.4ʮCBTFS$.4ʯͷ Ϣʔβʔձ͓Αͼ։ൃίϛϡχςΟͰ͢ɻ ฏඌ΋ඍྗͳ͕Β։ൃʹܞΘΒͤͯ௖͍͍ͯ·͢ɻ

  4. ©2016 Yusuke Hirao, MIT License. ࣗಈԽΛ σβΠϯ͠Α͏

  5. ©2016 Yusuke Hirao, MIT License. ˞ਓ޻஌ೳ΍ػցֶशͷ࿩͸͠·ͤΜ

  6. ©2016 Yusuke Hirao, MIT License. ˞ਓ޻஌ೳ΍ػցֶशͷ࿩͸͠·ͤΜ Ͱ͖·ͤΜ

  7. ©2016 Yusuke Hirao, MIT License. ˞Ͱ΋ɺͦΕͷऔֻ͔ͬΓʹͳΔ͔΋

  8. ©2016 Yusuke Hirao, MIT License. ίϯϐϡʔλʔͱ ڑ཭͕ۙ͘ͳΔ͓͸ͳ͠Ͱ͢ɻ

  9. ©2016 Yusuke Hirao, MIT License. ΞδΣϯμ ࠓ೔࿩͢͜ͱ  ୣΘΕΔΜ͡Όͳ͘༩͑Δͱ͍͏͜ͱ 8FC੍࡞ʹ͓͚ΔࣗಈԽ

    ࣗಈԽͷઃܭͱݱ࣮໰୊ ·ͱΊ

  10. ©2016 Yusuke Hirao, MIT License. ΞδΣϯμ ࠓ೔࿩͢͜ͱ  ୣΘΕΔΜ͡Όͳ͘༩͑Δͱ͍͏͜ͱ 8FC੍࡞ʹ͓͚ΔࣗಈԽ

    ࣗಈԽͷઃܭͱݱ࣮໰୊ ·ͱΊ

  11. ©2016 Yusuke Hirao, MIT License. ୣΘΕΔΜ͡Όͳ͘༩͑Δͱ͍͏͜ͱ

  12. ©2016 Yusuke Hirao, MIT License. ͍ۙকདྷػց΍ίϯϐϡʔλʔʹ ࢓ࣄ͕ୣΘΕΔͱةػײΛײ͍ͯ͡·͔͢ʁ γϯΪϡϥϦςΟ ػց͕ୣ͏࢓ࣄϥϯΩϯά ೥໰୊

  13. ©2016 Yusuke Hirao, MIT License. ୣΘΕΔΜ͡Όͳ͘༩͑Δͱ͍͏͜ͱ ίϯϐϡʔλʔͱ͍͏༏लͳ෦Լ  ʮࠓͷ࢓ࣄΛίϯϐϡʔλʔ͕Ͱ͖ΔΑ͏ͳΔʯ͸ඞવɾ͋Β͕͑ͳ͍

  14. ©2016 Yusuke Hirao, MIT License. ୣΘΕΔΜ͡Όͳ͘༩͑Δͱ͍͏͜ͱ ίϯϐϡʔλʔͱ͍͏༏लͳ෦Լ  ʮࠓͷ࢓ࣄΛίϯϐϡʔλʔ͕Ͱ͖ΔΑ͏ͳΔʯ͸ඞવɾ͋Β͕͑ͳ͍ ʮࠓͷ࢓ࣄΛ෦Լʹ΋Ͱ͖ΔΑ͏ʹͤ͞Δʯ͸౰વ

  15. ©2016 Yusuke Hirao, MIT License. ୣΘΕΔΜ͡Όͳ͘༩͑Δͱ͍͏͜ͱ ίϯϐϡʔλʔͱ͍͏༏लͳ෦Լ  ʮࠓͷ࢓ࣄΛίϯϐϡʔλʔ͕Ͱ͖ΔΑ͏ͳΔʯ͸ඞવɾ͋Β͕͑ͳ͍ ʮࠓͷ࢓ࣄΛ෦Լʹ΋Ͱ͖ΔΑ͏ʹͤ͞Δʯ͸౰વ

    ίϯϐϡʔλʔΛ ෦Լͱߟ͑ͪΌ͑͹͍͍

  16. ©2016 Yusuke Hirao, MIT License. ୣΘΕΔΜ͡Όͳ͘༩͑Δͱ͍͏͜ͱ ίϯϐϡʔλʔͱ͍͏༏लͳ෦Լ  ʮ༏लͳ෦Լʯ͸্࢘ͷ࢓ࣄୣ͏

  17. ©2016 Yusuke Hirao, MIT License. ୣΘΕΔΜ͡Όͳ͘༩͑Δͱ͍͏͜ͱ ίϯϐϡʔλʔͱ͍͏༏लͳ෦Լ  ʮ༏लͳ෦Լʯ͸্࢘ͷ࢓ࣄୣ͏͕ɺ ʮ༏लͳ্࢘ʯ͸ͦΕΑΓ΋޼͘෦ԼΛૢΔʢ͍͍ҙຯͰʣ

  18. ©2016 Yusuke Hirao, MIT License. ୣΘΕΔΜ͡Όͳ͘༩͑Δͱ͍͏͜ͱ ίϯϐϡʔλʔͱ͍͏༏लͳ෦Լ  ʮ༏लͳ෦Լʯ͸্࢘ͷ࢓ࣄୣ͏͕ɺ ʮ༏लͳ্࢘ʯ͸ͦΕΑΓ΋޼͘෦ԼΛૢΔʢ͍͍ҙຯͰʣ

    ͜͏͋Γ͍ͨ

  19. ©2016 Yusuke Hirao, MIT License. ίϯϐϡʔλʔʹ ࢓ࣄΛ༩͑zΒΕΔzΑ͏ʹͳΖ͏

  20. ©2016 Yusuke Hirao, MIT License. ୣΘΕΔΜ͡Όͳ͘༩͑Δͱ͍͏͜ͱ ίϯϐϡʔλʔ͸༏ल͔  ίϯϐϡʔλʔ͸ͱͯ΋ૉ௚ ίϯϐϡʔλʔ͸໋ྩͲ͓Γʹಈ͘

  21. ©2016 Yusuke Hirao, MIT License. ୣΘΕΔΜ͡Όͳ͘༩͑Δͱ͍͏͜ͱ ίϯϐϡʔλʔ͸༏ल͔  ίϯϐϡʔλʔ͸ͱͯ΋ૉ௚ ίϯϐϡʔλʔ͸໋ྩͲ͓Γʹಈ͘

    ݴΘΕͨ͜ͱ͔͠͠ͳ͍ ༥௨ͷޮ͔ͳ͍ίϯϐϡʔλʔ

  22. ©2016 Yusuke Hirao, MIT License. ୣΘΕΔΜ͡Όͳ͘༩͑Δͱ͍͏͜ͱ ίϯϐϡʔλʔ͸༏ल͔  ίϯϐϡʔλʔ͸ͱͯ΋ૉ௚ ίϯϐϡʔλʔ͸໋ྩͲ͓Γʹಈ͘

    ݴΘΕͨ͜ͱ͔͠͠ͳ͍ ༥௨ͷޮ͔ͳ͍ίϯϐϡʔλʔ ͨͿΜ͜Ε͸ ਓ޻஌ೳ΍ػցֶश͕ղܾ͍ͯ͘͠

  23. ©2016 Yusuke Hirao, MIT License. ୣΘΕΔΜ͡Όͳ͘༩͑Δͱ͍͏͜ͱ ίϯϐϡʔλʔ͸༏ल͔  ίϯϐϡʔλʔ͸ͱͯ΋ૉ௚ ίϯϐϡʔλʔ͸໋ྩͲ͓Γʹಈ͘

    ݴΘΕͨ͜ͱ͔͠͠ͳ͍ ༥௨ͷޮ͔ͳ͍ίϯϐϡʔλʔ ͻͱ·ͣ ͜ͷ෦Լʹ࢓ࣄΛ༩͑Δʂ

  24. ©2016 Yusuke Hirao, MIT License. ୣΘΕΔΜ͡Όͳ͘༩͑Δͱ͍͏͜ͱ ࣗಈԽ  ૉ௚ʹ΍ͬͯ΋Β͍͍ͨ࢓ࣄˍ࡞ۀ ໋ྩͲ͓Γʹಈ͚͹͍͍࢓ࣄˍ࡞ۀ

  25. ©2016 Yusuke Hirao, MIT License. ୣΘΕΔΜ͡Όͳ͘༩͑Δͱ͍͏͜ͱ ࣗಈԽ  ૉ௚ʹ΍ͬͯ΋Β͍͍ͨ࢓ࣄˍ࡞ۀ ໋ྩͲ͓Γʹಈ͚͹͍͍࢓ࣄˍ࡞ۀ

    ·ͣ͸͜͏͍ͬͨ΋ͷΛ ίϯϐϡʔλʔʹ༩͑Α͏

  26. ©2016 Yusuke Hirao, MIT License. ͲΜͳ࢓ࣄɾ࡞ۀ͕͋Δ͔ ͲΜͳॱ൪ͰʁͲͷλΠϛϯάͰʁ

  27. ©2016 Yusuke Hirao, MIT License. ίϯϐϡʔλʔͷ࢓ࣄɾ࡞ۀΛઃܭ͢Δ

  28. ©2016 Yusuke Hirao, MIT License. ίϯϐϡʔλʔͷ࢓ࣄɾ࡞ۀΛઃܭ͢Δ ɹɹɹɹɹɹʹࣗಈԽͷσβΠϯ

  29. ©2016 Yusuke Hirao, MIT License. ΞδΣϯμ ࠓ೔࿩͢͜ͱ  ୣΘΕΔΜ͡Όͳ͘༩͑Δͱ͍͏͜ͱ 8FC੍࡞ʹ͓͚ΔࣗಈԽ

    ࣗಈԽͷઃܭͱݱ࣮໰୊ ·ͱΊ

  30. ©2016 Yusuke Hirao, MIT License. 8FC੍࡞ʹ͓͚ΔࣗಈԽ ΤϯδχΞͷͻͱͨͪ͸ͣͬͱੲ͔ΒࣗಈԽͯͨ͠  ͦ΋ͦ΋8FCͬͯ఻ୡํ๏ͷࣗಈԽͷͻͱͭͱ΋ݴ͑Δ $(*Λ͔ͭͬͨಈతίϯςϯπੜ੒͸׬શͳࣗಈԽखஈ

    $.4΋ͦͷਐԽ $MPVEɾ4BB4ɾ1BB4ʜ

  31. ©2016 Yusuke Hirao, MIT License. 8FC੍࡞ʹ͓͚ΔࣗಈԽ ΤϯδχΞͷͻͱͨͪ͸ͣͬͱੲ͔ΒࣗಈԽͯͨ͠  ͦ΋ͦ΋8FCͬͯ఻ୡํ๏ͷࣗಈԽͷͻͱͭͱ΋ݴ͑Δ $(*Λ͔ͭͬͨಈతίϯςϯπੜ੒͸׬શͳࣗಈԽखஈ

    $.4΋ͦͷਐԽ $MPVEɾ4BB4ɾ1BB4ʜ 8FCͷྺ࢙͸ࣗಈԽͷྺ࢙Ͱ΋͋Δ

  32. ©2016 Yusuke Hirao, MIT License. 8FC੍࡞ʹ͓͚ΔࣗಈԽ ഑৴ͷࣗಈԽ͔Β੍࡞ͷࣗಈԽ΁  8FCΞϓϦέʔγϣϯϑϨʔϜϫʔΫͳͲɺͲΜͲΜਐԽ 3VCZք۾ͷਓ͕ͨͪ)5.-$44+4ࣗମͷਐԽΛଅ͢

    ͦͷதͰ΋$44Λޮ཰Α͘࡞੒͢Δ4"44͕ྲྀߦ σβΠφʔɾϚʔΫΞοϓΤϯδχΞ·ͰͦͷӨڹ͕ٴͿ

  33. ©2016 Yusuke Hirao, MIT License. 8FC੍࡞ʹ͓͚ΔࣗಈԽ ഑৴ͷࣗಈԽ͔Β੍࡞ͷࣗಈԽ΁  8FCΞϓϦέʔγϣϯϑϨʔϜϫʔΫͳͲɺͲΜͲΜਐԽ 3VCZք۾ͷਓ͕ͨͪ)5.-$44+4ࣗମͷਐԽΛଅ͢

    ͦͷதͰ΋$44Λޮ཰Α͘࡞੒͢Δ4"44͕ྲྀߦ σβΠφʔɾϚʔΫΞοϓΤϯδχΞ·ͰͦͷӨڹ͕ٴͿ 4"44ˠ$44ͷࣗಈม׵ͷจԽ͕ ϑϩϯτΤϯυ։ൃͷࣗಈԽʹഥंΛ͔͚ͨ

  34. ©2016 Yusuke Hirao, MIT License. 8FC੍࡞ʹ͓͚ΔࣗಈԽ ϑϩϯτΤϯυ։ൃͷࣗಈԽ  ը૾εϥΠεͷࣗಈԽ ը૾ѹॖͷࣗಈԽ

    ίʔυม׵ͷࣗಈԽ ίʔυͷ࠷దԽͷࣗಈԽ ίʔυνΣοΫͷࣗಈԽ ͍ΖΜͳࣗಈԽπʔϧ͕ ࠓ΋໨·͙Δ͘͠ਐԽΛͱ͍͛ͯΔ

  35. ©2016 Yusuke Hirao, MIT License. 8FC੍࡞ʹ͓͚ΔࣗಈԽ ࠷ۙ͸ςετͷࣗಈԽ΋ਁಁ͍ͯ͠Δ  ϨΠΞ΢τͷνΣοΫͷࣗಈԽ ΞχϝʔγϣϯͷνΣοΫͷࣗಈԽ

    ΠϯλϥΫγϣϯͷςετͷࣗಈԽ ߍਖ਼ͷࣗಈԽ

  36. ©2016 Yusuke Hirao, MIT License. 8FC੍࡞ʹ͓͚ΔࣗಈԽ ࠷ۙ͸ςετͷࣗಈԽ΋ਁಁ͍ͯ͠Δ  ϨΠΞ΢τͷνΣοΫͷࣗಈԽ ΞχϝʔγϣϯͷνΣοΫͷࣗಈԽ

    ΠϯλϥΫγϣϯͷςετͷࣗಈԽ ߍਖ਼ͷࣗಈԽ ΋͸΍ͳΜͰ΋ΞϦ

  37. ©2016 Yusuke Hirao, MIT License. 8FC੍࡞ʹ͓͚ΔࣗಈԽ ۩ମతͳྫ 

  38. ©2016 Yusuke Hirao, MIT License. 8FC੍࡞ʹ͓͚ΔࣗಈԽ ۩ମతͳྫ 

  39. ©2016 Yusuke Hirao, MIT License. 8FC੍࡞ʹ͓͚ΔࣗಈԽ ۩ମతͳྫ 

  40. ©2016 Yusuke Hirao, MIT License. 8FC੍࡞ʹ͓͚ΔࣗಈԽ ۩ମతͳྫ 

  41. ©2016 Yusuke Hirao, MIT License. 8FC੍࡞ʹ͓͚ΔࣗಈԽ ۩ମతͳྫ 

  42. ©2016 Yusuke Hirao, MIT License. 8FC੍࡞ʹ͓͚ΔࣗಈԽ ۩ମతͳྫ 

  43. ©2016 Yusuke Hirao, MIT License. 8FC੍࡞ʹ͓͚ΔࣗಈԽ ۩ମతͳྫ 

  44. ©2016 Yusuke Hirao, MIT License. 8FC੍࡞ʹ͓͚ΔࣗಈԽ ۩ମతͳྫ 

  45. ©2016 Yusuke Hirao, MIT License. 8FC੍࡞ʹ͓͚ΔࣗಈԽ ۩ମతͳྫ 

  46. ©2016 Yusuke Hirao, MIT License. 8FC੍࡞ʹ͓͚ΔࣗಈԽ ۩ମతͳྫ 

  47. ©2016 Yusuke Hirao, MIT License. ͬͯ͜ͱ͸ɺͻΐͬͱ͢Δͱɺ ͋Μͳ͜ͱ͜Μͳ͜ͱɺࣗಈԽͰ͖ΔΜ͡ΌͶʁ

  48. ©2016 Yusuke Hirao, MIT License. ͱ ࢥ͑ͯ͘Δ ͬͯ͜ͱ͸ɺͻΐͬͱ͢Δͱɺ ͋Μͳ͜ͱ͜Μͳ͜ͱɺࣗಈԽͰ͖ΔΜ͡ΌͶʁ

  49. ©2016 Yusuke Hirao, MIT License. ΞδΣϯμ ࠓ೔࿩͢͜ͱ  ୣΘΕΔΜ͡Όͳ͘༩͑Δͱ͍͏͜ͱ 8FC੍࡞ʹ͓͚ΔࣗಈԽ

    ࣗಈԽͷઃܭͱݱ࣮໰୊ ·ͱΊ

  50. ©2016 Yusuke Hirao, MIT License. ࣗಈԽͷઃܭͱݱ࣮໰୊

  51. ©2016 Yusuke Hirao, MIT License. ͬͯ͜ͱ͸ɺͻΐͬͱ͢Δͱɺ ͋Μͳ͜ͱ͜Μͳ͜ͱɺࣗಈԽͰ͖ΔΜ͡ΌͶʁ ͖ͬ͞ͷ

  52. ©2016 Yusuke Hirao, MIT License. ͜ͷໝ૝͕ୈҰา ͬͯ͜ͱ͸ɺͻΐͬͱ͢Δͱɺ ͋Μͳ͜ͱ͜Μͳ͜ͱɺࣗಈԽͰ͖ΔΜ͡ΌͶʁ

  53. ©2016 Yusuke Hirao, MIT License. ࣗಈԽͷઃܭͱݱ࣮໰୊ ໝ૝ͷݴޠԽ  1IPUPTIPQͷϨΠϠʔʹϑΝΠϧ໊ΛೖΕͨΒࣗಈతʹεϥΠε͍ͨ͠ 4"44Λอଘͨ͠Β$44ʹࣗಈతʹม׵͍ͨ͠

    ΤΫηϧͷςΩετΛࣗಈతʹ)5.-ͷதʹૠೖ͍ͨ͠

  54. ©2016 Yusuke Hirao, MIT License. ࣗಈԽͷઃܭͱݱ࣮໰୊ ໝ૝ͷݴޠԽ  1IPUPTIPQͷϨΠϠʔʹϑΝΠϧ໊ΛೖΕͨΒࣗಈతʹεϥΠε͍ͨ͠ 4"44Λอଘͨ͠Β$44ʹࣗಈతʹม׵͍ͨ͠

    ΤΫηϧͷςΩετΛࣗಈతʹ)5.-ͷதʹૠೖ͍ͨ͠ ேى͖ͨΒࣗಈతʹ࢓ࣄΛऴΘΒ͍ͤͨ

  55. ©2016 Yusuke Hirao, MIT License. ࣗಈԽͷઃܭͱݱ࣮໰୊ ໝ૝ͷݴޠԽ  1IPUPTIPQͷϨΠϠʔʹϑΝΠϧ໊ΛೖΕͨΒࣗಈతʹεϥΠε͍ͨ͠ 4"44Λอଘͨ͠Β$44ʹࣗಈతʹม׵͍ͨ͠

    ΤΫηϧͷςΩετΛࣗಈతʹ)5.-ͷதʹૠೖ͍ͨ͠ ேى͖ͨΒࣗಈతʹ࢓ࣄΛऴΘΒ͍ͤͨ খ͍͓͞͡͞Μঌש తͳൃ૝Ͱ

  56. ©2016 Yusuke Hirao, MIT License. ࣗಈԽͷઃܭͱݱ࣮໰୊ ໝ૝ͷݴޠԽ  1IPUPTIPQͷϨΠϠʔʹϑΝΠϧ໊ΛೖΕͨΒࣗಈతʹεϥΠε͍ͨ͠ 4"44Λอଘͨ͠Β$44ʹࣗಈతʹม׵͍ͨ͠

    ΤΫηϧͷςΩετΛࣗಈతʹ)5.-ͷதʹૠೖ͍ͨ͠ ேى͖ͨΒࣗಈతʹ࢓ࣄΛऴΘΒ͍ͤͨ ɹɹɹɹˠ࢓ࣄ"Λ͜͏΍ͬͯ͜͏΍ͬͯ ɹɹɹɹˠ࢓ࣄ#Λ͜͏΍ͬͯ͜͏΍ͬͯʜ

  57. ©2016 Yusuke Hirao, MIT License. ࣗಈԽͷઃܭͱݱ࣮໰୊ ໝ૝ͷݴޠԽ  1IPUPTIPQͷϨΠϠʔʹϑΝΠϧ໊ΛೖΕͨΒࣗಈతʹεϥΠε͍ͨ͠ 4"44Λอଘͨ͠Β$44ʹࣗಈతʹม׵͍ͨ͠

    ΤΫηϧͷςΩετΛࣗಈతʹ)5.-ͷதʹૠೖ͍ͨ͠ ேى͖ͨΒࣗಈతʹ࢓ࣄΛऴΘΒ͍ͤͨ ɹɹɹɹˠ࢓ࣄ"Λ͜͏΍ͬͯ͜͏΍ͬͯ ɹɹɹɹˠ࢓ࣄ#Λ͜͏΍ͬͯ͜͏΍ͬͯʜ ঃʑʹ ಺༰Λࡉ෼Խ͢Ε͹ ͍͍

  58. ©2016 Yusuke Hirao, MIT License. ࣗಈԽͷઃܭͱݱ࣮໰୊ ॱ൪Λ૊ΈཱͯΔ  +"%&ϑΝΠϧΛอଘͨ͠Β ΤΫηϧͷσʔλΛಡΈࠐΜͰ

    σʔλΛૠೖͨ͠)5.-ʹม׵ͯ͠ )5.-ͷςΩετΛߍਖ਼͢Δ

  59. ©2016 Yusuke Hirao, MIT License. ࣗಈԽͷઃܭͱݱ࣮໰୊ ॱ൪Λ૊ΈཱͯΔ  +"%&ϑΝΠϧΛอଘͨ͠Β ΤΫηϧͷσʔλΛಡΈࠐΜͰ

    σʔλΛૠೖͨ͠)5.-ʹม׵ͯ͠ )5.-ͷςΩετΛߍਖ਼͢Δ ϐ

  60. ©2016 Yusuke Hirao, MIT License. ࣗಈԽͷઃܭͱݱ࣮໰୊ ॱ൪Λ૊ΈཱͯΔ  +"%&ϑΝΠϧΛอଘͨ͠Β ΤΫηϧͷσʔλΛಡΈࠐΜͰ

    σʔλΛૠೖͨ͠)5.-ʹม׵ͯ͠ )5.-ͷςΩετΛߍਖ਼͢Δ ϐ λ

  61. ©2016 Yusuke Hirao, MIT License. ࣗಈԽͷઃܭͱݱ࣮໰୊ ॱ൪Λ૊ΈཱͯΔ  +"%&ϑΝΠϧΛอଘͨ͠Β ΤΫηϧͷσʔλΛಡΈࠐΜͰ

    σʔλΛૠೖͨ͠)5.-ʹม׵ͯ͠ )5.-ͷςΩετΛߍਖ਼͢Δ ϐ λ ΰ

  62. ©2016 Yusuke Hirao, MIT License. ࣗಈԽͷઃܭͱݱ࣮໰୊ ॱ൪Λ૊ΈཱͯΔ  +"%&ϑΝΠϧΛอଘͨ͠Β ΤΫηϧͷσʔλΛಡΈࠐΜͰ

    σʔλΛૠೖͨ͠)5.-ʹม׵ͯ͠ )5.-ͷςΩετΛߍਖ਼͢Δ ϐ λ ΰ ϥ

  63. ©2016 Yusuke Hirao, MIT License. ࣗಈԽͷઃܭͱݱ࣮໰୊ ॱ൪Λ૊ΈཱͯΔ  +"%&ϑΝΠϧΛอଘͨ͠Β ΤΫηϧͷσʔλΛಡΈࠐΜͰ

    σʔλΛૠೖͨ͠)5.-ʹม׵ͯ͠ )5.-ͷςΩετΛߍਖ਼͢Δ ϐ λ ΰ ϥ ૷ஔΛͭ͘Δײ͡Ͱ ͨͷ͠ΜͰ

  64. ©2016 Yusuke Hirao, MIT License. ͔ͦ͜͠͠ʹཱͪ࠹͕Δน

  65. ©2016 Yusuke Hirao, MIT License. ͦΜͳ͜ͱ͕Ͱ͖Δͷ͔ʁ ͩΕ͕ͭ͘Δͷ͔ʁ

  66. ©2016 Yusuke Hirao, MIT License. ౴͑͸Χϯλϯ

  67. ©2016 Yusuke Hirao, MIT License. ࣗ෼ͰͰ͖ΔΑ͏ʹͳΔʂʂ

  68. ©2016 Yusuke Hirao, MIT License. ΋͘͠͸

  69. ©2016 Yusuke Hirao, MIT License. ઐ໳ՈΛཔΔʂ

  70. ©2016 Yusuke Hirao, MIT License. ࣗಈԽͷઃܭͱݱ࣮໰୊ ઐ໳ՈΛཔΔ  ݱ࣮తͳ͸ͳ͠ɺ ͳΜͰ΋ࣗ෼Ͱ͢Ε͹͍͍ͬͯ΋Μ͡Όͳ͍

    ಘखෆಘख͸͋Δ

  71. ©2016 Yusuke Hirao, MIT License. ࣗಈԽͷઃܭͱݱ࣮໰୊ ઐ໳ՈΛཔΔ  ݱ࣮తͳ͸ͳ͠ɺ ͳΜͰ΋ࣗ෼Ͱ͢Ε͹͍͍ͬͯ΋Μ͡Όͳ͍

    ಘखෆಘख͸͋Δ པΕͦ͏ͳਓ͸ͦ͜Β΁Μʹ͖ͬͱ͍Δʂ

  72. ©2016 Yusuke Hirao, MIT License. ࣗಈԽͷઃܭͱݱ࣮໰୊ ઐ໳ՈΛཔΔ  ͦͷࣗಈԽ͕ɺͲͷΑ͏ͳޮ཰ΛੜΉͷ͔ܭࢉ͢Δ ࣌ؒίετɾ؀ڥίετɾͦͯ͠ਓ݅අ

    Կճӡ༻͢Ε͹ϖΠͰ͖Δ͔

  73. ©2016 Yusuke Hirao, MIT License. ࣗಈԽͷઃܭͱݱ࣮໰୊ ઐ໳ՈΛཔΔ  ͦͷࣗಈԽ͕ɺͲͷΑ͏ͳޮ཰ΛੜΉͷ͔ܭࢉ͢Δ ࣌ؒίετɾ؀ڥίετɾͦͯ͠ਓ݅අ

    Կճӡ༻͢Ε͹ϖΠͰ͖Δ͔ ґཔͯ͠࠾ࢉ͕߹͏͔֬ೝͰ͖Δ

  74. ©2016 Yusuke Hirao, MIT License. ࣗಈԽͷ࢓૊ΈΛߟ͑ͯ ઐ໳ՈʹґཔͰ͖ΔΑ͏ʹͳΕ͹

  75. ©2016 Yusuke Hirao, MIT License. ͭ͘Δ͜ͱ͕Ͱ͖ͳͯ͘΋ ͦΕ͸ཱ೿ͳࣗಈԽσβΠχϯάͩͱࢥ͏

  76. ©2016 Yusuke Hirao, MIT License. ΞδΣϯμ ࠓ೔࿩͢͜ͱ  ୣΘΕΔΜ͡Όͳ͘༩͑Δͱ͍͏͜ͱ 8FC੍࡞ʹ͓͚ΔࣗಈԽ

    ࣗಈԽͷઃܭͱݱ࣮໰୊ ·ͱΊ

  77. ©2016 Yusuke Hirao, MIT License. ·ͱΊ

  78. ©2016 Yusuke Hirao, MIT License. ·ͱΊ ίϯϐϡʔλʔ͸෦Լ

  79. ©2016 Yusuke Hirao, MIT License. ·ͱΊ ίϯϐϡʔλʔ͸෦Լ ໝ૝Λ૊ΈཱͯΔ

  80. ©2016 Yusuke Hirao, MIT License. ·ͱΊ ίϯϐϡʔλʔ͸෦Լ ໝ૝Λ૊ΈཱͯΔ Ͱ͖ͳ͍͜ͱ͸ઐ໳Ո΁

  81. ©2016 Yusuke Hirao, MIT License. ·ͱΊ ίϯϐϡʔλʔʹࠓͷ࢓ࣄΛ༩͑ͯ ࣗ෼͸ࣗಈԽσβΠφʔʹͳΔ

  82. ©2016 Yusuke Hirao, MIT License. ·ͱΊ ίϯϐϡʔλʔʹࠓͷ࢓ࣄΛ༩͑ͯ ࣗ෼͸ࣗಈԽσβΠφʔʹͳΔ ͱ͍͏ ख΋͋Δͷ͔΋

  83. ©2016 Yusuke Hirao, MIT License. ͪΐͬͱίϯϐϡʔλʔͱͷڑ཭ ͚ۙͮͨͰ͠ΐ͏ʁ

  84. ࣗಈԽΛ σβΠϯ͠Α͏ ෱ԬϚʔΫΞοϓษڧձ

  85. Πϥετڠྗ גࣜձࣾσΟʔθϩ8FCϓϥϯφʔ͸Β http://hara-gill.hatenablog.com/ ͸ΒͱΪϧ8FCͱΠϥετͱೣϒϩά