OUTPUT2018 〜怒涛の50連発〜

by Yukiya Nakagawa

Slide 1

Slide 1 text

OUTPUT 2018 ʙౖ౭ͷ50࿈ൃʙ 2018.12.8 NDS58 @Nkzn

Slide 2

Slide 2 text

Έͳ͞ΜɺΞ΢τϓοτͯ͠·͔͢ ➤ Ξ΢τϓοτ͍͍ΑͶ ➤ ΋͸΍Ξ΢τϓοτΛಈػʹͯ͠ษڧͯ͠Δͱ͋͜Δ ➤ ๻΋ࠓ೥͸Ξ΢τϓοτΛ͍ͬͺ͍͔ͨ͠Β঺հ͢ΔΑ ➤ ଟ͗ͯ͢ͻͱͭͻͱͭ͸ࡶʹ঺հ͢ΔΑ ➤ ৄ͘͠ฉ͖͍ͨਓ͸๨೥ձ͔ద౰ʹผͷͱ͜Ͱʂ

Slide 3

Slide 3 text

ࠓճΧ΢ϯτ͢Δ΋ͷ Qiita ϒϩάྨ GitHub Pull Request Sample Code ݸਓϒϩά ձࣾϒϩά ૉࡐू - גࣜձࣾ͸ͯͳ http://hatenacorp.jp/press/resource GitHub Logos and Usage https://github.com/logos جຊํ਑ɿࣗ෼ͷ໊ٛʢத઒޾࠸/L[OʣͰެ։ͨ͠΋ͷશൠ

Slide 4

Slide 4 text

ࠓճΧ΢ϯτ͢Δ΋ͷ ొஃ ٕज़هࣄࣥචۀ $PEF;JOF ग़൛ ಉਓࢽ ؂म ঎ۀࢽ ग़൛ ঎ۀࢽ ͦͷଞ Podcast ΞϓϦϦϦʔε  ݐங෺ͷམ੒

Slide 5

Slide 5 text

͍ͬ͘Αʔ

Slide 6

Slide 6 text

1݄

Slide 7

Slide 7 text

NO.1 ➤ React NativeͰΦʔόʔϨΠͳ ϑολʔΛ࣮૷͢Δ ➤ https://qiita.com/Nkzn/ items/ac27a4b39218884facc5 Qiita

Slide 8

Slide 8 text

NO.2 ➤ Ո͕ݐͪ·ͨ͠ ➤ ৽ׁࢢ੢۠Ͱ͢ ➤ ԰͕ࠜଠཅޫύωϧ੡ ➤ શؗচஆ๪ˍ24࣌ؒӡ༻ ݐங෺ͷམ੒

Slide 9

Slide 9 text

NO.3 ➤ ASUS R515MͷϝϞϦΛ8GB ʹ׵૷ͨ͠ ➤ https://blog.nkzn.info/entry/ 2018/01/24/224150 ݸਓϒϩά

Slide 10

Slide 10 text

2݄

Slide 11

Slide 11 text

NO.4 ➤ React RouterͰෳࡶͳը໘ભ ҠΛγϯϓϧʹ࣮૷͢Δ ➤ https://codezine.jp/article/ detail/10624 $PEF;JOF

Slide 12

Slide 12 text

NO.5 ➤ ٕज़ॻయ4ʹReact Nativeͷബ ͍ຊΛग़͠·͢ ➤ https://blog.nkzn.info/entry/ 2018/02/04/211309 ݸਓϒϩά

Slide 13

Slide 13 text

NO.6 ➤ DroidKaigi 2018ʹ΢Υʔλʔ ηϧͷΤϯδχΞ͕ొஃ͠· ͢ ➤ https:// watercelldev.hatenablog.jp/ entry/2018/02/07/120751 ձࣾϒϩά

Slide 14

Slide 14 text

NO.7 ➤ React Native Android͸ͳͥಈ ͘ͷ͔ ➤ DroidKaigi 2018 ➤ https://www.slideshare.net/ Nkzn/react-native- android-87622684 ొஃ

Slide 15

Slide 15 text

NO.8 ➤ DroidKaigi 2018Ͱ஻͖ͬͯ· ͨ͠+α ➤ https://blog.nkzn.info/entry/ 2018/02/09/230647 ݸਓϒϩά

Slide 16

Slide 16 text

NO.9 ➤ Android 4.4ҎԼͰReact NativeͷSwitch͕ಈ͔ͳ͍৔ ߹ͷରॲ ➤ https://qiita.com/Nkzn/ items/ 79477933c1d8762961be Qiita

Slide 17

Slide 17 text

NO.10 ➤ GitLab CIʹରԠ͠·ͨ͠ ʢgitlab.comͷΈͰಈ࡞Λ֬ ೝʣ#8 ➤ https://github.com/ TechBooster/ReVIEW- Template/pull/8 ➤ https://gitlab.com/Nkzn/ ReVIEW-Template .FSHFE Pull Request

Slide 18

Slide 18 text

NO.11 ➤ React NativeͰݱࡏ஍Λ΋Βͬ ͯ͘Δ ➤ https://qiita.com/Nkzn/ items/ed7a9b9d336f5781ecac Qiita

Slide 19

Slide 19 text

NO.12 ➤ Better error messages for ReactPackage missing empty list implementation #18107 ➤ https://github.com/facebook/ react-native/pull/18107 0QFO Pull Request

Slide 20

Slide 20 text

3݄

Slide 21

Slide 21 text

NO.13 ➤ StorybookͰίϯϙʔωϯτͷ ඼࣭Λ޲্͢Δ ➤ https://codezine.jp/article/ detail/10667 $PEF;JOF

Slide 22

Slide 22 text

NO.14 ➤ AndroidͷProduct FlavorsͬΆ ͍΋ͷΛCreate React AppͰ ࠶ݱ͔ͨͬͨ͠ ➤ https:// watercelldev.hatenablog.jp/ entry/2018/03/07/125519 ձࣾϒϩά

Slide 23

Slide 23 text

NO.15 ➤ WebͱAndroidͷϨΠΞ΢τγ εςϜʹ·ͭΘΔੇܶʢໝ૝ʣ ➤ https://blog.nkzn.info/entry/ 2018/03/07/143029 ݸਓϒϩά

Slide 24

Slide 24 text

NO.16 ➤ React NativeΛWeb IDEͰࢼͤ ΔExpo Snack͠Ύ͍͝ ➤ https://blog.nkzn.info/entry/ 2018/03/17/005824 ݸਓϒϩά

Slide 25

Slide 25 text

NO.17 ➤ ʮprop-typesʯͰPropsͷσʔ λܕΛ୲อ͢Δ ➤ https://codezine.jp/article/ detail/10729 $PEF;JOF

Slide 26

Slide 26 text

4݄

Slide 27

Slide 27 text

NO.18 ➤ ΞϓϦͷঢ়ଶ؅ཧΛ҆શʹߦ ͏ͨΊͷFluxͱRedux ➤ https://codezine.jp/article/ detail/10751 $PEF;JOF

Slide 28

Slide 28 text

NO.19 ➤ #ٕज़ॻయ #ٕज़ॻయ4 Ͱ ʮCheap Dive into React NativeʯΛ൦෍͠·͢ ➤ https://blog.nkzn.info/entry/ 2018/04/18/163301 ݸਓϒϩά

Slide 29

Slide 29 text

NO.20 ➤ Cheap Dive into React Native ➤ ٕज़ॻయ4 ➤ https://echigo-ya.booth.pm/ items/825721 ྦྷܭ෦ ग़൛ ಉਓࢽ

Slide 30

Slide 30 text

NO.21 ➤ ٕज़ॻయެ͔ࣜΜͨΜޙ෷͍ ΞϓϦiOS ➤ https://blog.techbookfest.org/ 2018/04/15/payment-ios/ ➤ https://itunes.apple.com/us/ app/ %E6%8A%80%E8%A1%93% E6%9B%B8%E5%85%B8/ id1367338964?mt=8 ΞϓϦϦϦʔε 

Slide 31

Slide 31 text

NO.22 ➤ #ٕज़ॻయ #ٕज़ॻయ4 ࢀՃ͠ ͖ͯ·ͨ͠ʢిॻˍࢴͷ࠶ൢ ৘ใΞϦʣ ➤ https://blog.nkzn.info/entry/ 2018/04/23/172852 ݸਓϒϩά

Slide 32

Slide 32 text

5݄

Slide 33

Slide 33 text

NO.23 ➤ Fluxʹ͸Model͕ͳ͍ͷͰ͸ ͳ͍͔ͱࢥ֮ͬͨॻ ➤ https://blog.nkzn.info/entry/ 2018/05/15/103658 ݸਓϒϩά

Slide 34

Slide 34 text

NO.24 ➤ Nkzn/NkznTodo ➤ https://github.com/Nkzn/ NkznTodo Sample Code

Slide 35

Slide 35 text

NO.25 ➤ Web࠷৽ٕज़͕ͯΜ͜੝Γͷ react-native-dom͔Β໨͕཭ͤ ͳ͍ ➤ https://blog.nkzn.info/entry/ 2018/05/26/020312 ݸਓϒϩά

Slide 36

Slide 36 text

NO.26 ➤ Ϛοϋ৽ॻͰ͖ͦ͏͚ͩͬͨ Ͳ΍ΒͣʹͪΌΜͱॻ͍ͨͱ ͍͏࿩ ➤ https://blog.nkzn.info/entry/ 2018/05/27/001719 ݸਓϒϩά

Slide 37

Slide 37 text

NO.27 ➤ React NativeΛWebʹ࣋ͬͯ͘ Δ͜ͱͷҙຯ ➤ https://blog.nkzn.info/entry/ 2018/05/29/210030 ݸਓϒϩά

Slide 38

Slide 38 text

NO.28 ➤ Android StudioΛ্ཱͪ͛Δͷ͕ ԯ߷ʹͳͬͯίϚϯυϥΠϯ͚ͩ Ͱࡁ·ͤͨAndroidग़਎React NativeΤϯδχΞͷࢦͷಈ͖ ➤ https://blog.nkzn.info/entry/ 2018/05/31/114939 ݸਓϒϩά

Slide 39

Slide 39 text

6݄

Slide 40

Slide 40 text

NO.29 ➤ Nkzn/VueNativeDom ➤ https://github.com/Nkzn/ VueNativeDom Sample Code

Slide 41

Slide 41 text

NO.30 ➤ ReduxͰඇಉظॲཧΛߦ͏ʙ MiddlewareΛ࢖࣮ͬͯ૷͢Δ ํ๏ ➤ https://codezine.jp/article/ detail/10888 $PEF;JOF

Slide 42

Slide 42 text

NO.31 ➤ ΞάϦϊʔτʹ͓͚ΔGIS৘ใ Λ׆͔ͨ͠ะ৔ɾ࡞෇؅ཧͷ औΓ૊Έ ➤ FOSS4G 2018 Hokkaido ➤ https://www.slideshare.net/ Nkzn/gis-foss4gj ొஃ

Slide 43

Slide 43 text

7݄

Slide 44

Slide 44 text

NO.32 ➤ ReduxͰඇಉظॲཧΛߦ͏ʙ ES2017ͷasync/awaitߏจΛ ࢖࣮ͬͯ૷͢Δํ๏ ➤ https://codezine.jp/article/ detail/10889 $PEF;JOF

Slide 45

Slide 45 text

NO.33 ➤ React Native for WebΛϓϩμ ΫγϣϯͰ࢖ͬͯΈ·ͨ͠ ➤ https:// watercelldev.hatenablog.jp/ entry/2018/07/18/122604 ձࣾϒϩά

Slide 46

Slide 46 text

NO.34 ➤ React Nativeͷޫͱҋ ➤ ্ӽTechMeetup ➤ https://www.slideshare.net/ Nkzn/react-native-106865307 ొஃ

Slide 47

Slide 47 text

NO.35 ➤ React Nativeͷޫͱҋʹ͍ͭͯ ஻͖ͬͯ·ͨ͠ #্ӽ TechMeetup ➤ https://blog.nkzn.info/entry/ 2018/07/23/165427 ݸਓϒϩά

Slide 48

Slide 48 text

8݄

Slide 49

Slide 49 text

NO.36 ➤ ep55 Revisiting React Native ➤ dex.fm ➤ http://dex.fm/post/ 176621293748/055-revisiting- react-native Podcast

Slide 50

Slide 50 text

NO.37 ➤ ep56 React Native for Web ➤ dex.fm ➤ http://dex.fm/post/ 176874609428/056-react- native-for-web Podcast

Slide 51

Slide 51 text

NO.38 ➤ ReduxͰ࡞੒ͨ͠ϩδοΫΛ JestͰςετ͢Δ ➤ https://codezine.jp/article/ detail/10996 $PEF;JOF

Slide 52

Slide 52 text

NO.39 ➤ React Native v0.57 Highlights ϝϞʢ࢑ఆ൛ʣ ➤ https://qiita.com/Nkzn/ items/070e3c599cca4748c76d Qiita

Slide 53

Slide 53 text

NO.40 ➤ React Native v0.57͕ TypeScriptʹରԠͨ͠Β͍͠ͷ Ͱಈ͔ͯ͠Έͨ ➤ https://qiita.com/Nkzn/ items/cf1516136d2db981fbb9 Qiita

Slide 54

Slide 54 text

9݄

Slide 55

Slide 55 text

NO.41 ➤ ࣮͸React NativeެࣜυΩϡϝ ϯτͰReact Native for Web͕ ࢖ΘΕ͍ͯΔ ➤ https://qiita.com/Nkzn/ items/ 93688d39ab94d16e64e8 Qiita

Slide 56

Slide 56 text

NO.42 ➤ ʮͨͬͨ1೔Ͱجຊ͕਎ʹ෇ ͘ʂ AndroidΞϓϦ։ൃ௒ೖ ໳ʯͱ͍͏ຊ͕ग़൛͞Ε·͢ ➤ https://blog.nkzn.info/entry/ 2018/09/07/003828 ݸਓϒϩά

Slide 57

Slide 57 text

NO.43 ➤ Reduxʹ͓͚Δಉظతʗඇಉ ظతͳAction CreatorΛςετ ͢Δ ➤ https://codezine.jp/article/ detail/11044 $PEF;JOF

Slide 58

Slide 58 text

NO.44 ➤ ޿ࠂIDΛ࢖͍ͬͯΔ͕֮͑ ͳ͍ͷʹGoogle Play͔Βϙ Ϧγʔҧ൓Λ௨ࠂ͞Ε͚ͨ ͲFirebaseͷ͍ͤͩͬͨ ➤ https://qiita.com/Nkzn/items/ 326ad03e358b5d3fbafc Qiita

Slide 59

Slide 59 text

NO.45 ➤ ͨͬͨ1೔Ͱجຊ͕਎ʹ෇͘ʂ AndroidΞϓϦ։ൃ௒ೖ໳ ➤ ٕज़ධ࿦ࣾ ➤ https://gihyo.jp/book/ 2018/978-4-297-10004-9 ग़൛ ঎ۀࢽ

Slide 60

Slide 60 text

NO.46 ➤ AndroidΞϓϦ։ൃͷೖ໳ຊΛ ॻ͖ͳ͕Βؾʹͨ͜͠ͱ ➤ NDS57 ➤ https://www.slideshare.net/ Nkzn/android-nds57 ొஃ

Slide 61

Slide 61 text

10݄

Slide 62

Slide 62 text

NO.47 ➤ Firebase HostingͰΞϓϦΛຊ ൪؀ڥʹσϓϩΠ͢Δ ➤ https://codezine.jp/article/ detail/11103 $PEF;JOF

Slide 63

Slide 63 text

NO.48, 49 ➤ ٕज़ॻయެ͔ࣜΜͨΜޙ෷͍ ΞϓϦ Android & iOS ➤ https://blog.techbookfest.org/ 2018/10/06/payment/ ➤ https://play.google.com/store/ apps/details?id=org.techbookfest ➤ https://itunes.apple.com/us/app/ %E6%8A%80%E8%A1%93%E6%9 B%B8%E5%85%B8/ id1367338964?mt=8 ΞϓϦϦϦʔε 

Slide 64

Slide 64 text

NO.50 ➤ WebͰ΋React Native͕ͨ͠ ͍ʂ ➤ ٕज़ॻయ5 ➤ https://echigo-ya.booth.pm/ items/1033469 ग़൛ ಉਓࢽ

Slide 65

Slide 65 text

OUTPUT 2018 ʙౖ౭ͷ50࿈ൃʙ 2018.12.8 NDS58 @Nkzn 62࿈ൃ

Slide 66

Slide 66 text

NO.51 ➤ χονͳຊͰએ఻ΛଵΔͱച Εͳ͍ͱ͍͏౰ͨΓલͷ࿩+α #ٕज़ॻయ ➤ https://blog.nkzn.info/entry/ 2018/10/08/234502 ݸਓϒϩά

Slide 67

Slide 67 text

NO.52 ➤ async/awaitͰPromiseͷ଴ͪ ߹ΘͤΛߦ͏ ➤ https://qiita.com/Nkzn/ items/e072f7a6e6396aaf4c72 Qiita

Slide 68

Slide 68 text

NO.53 ➤ ﬁx: ﬁx Snackbar static constants type for typescript #609 ➤ callstack/react-native-paper ➤ https://github.com/callstack/ react-native-paper/pull/609 .FSHFE Pull Request

Slide 69

Slide 69 text

NO.54 ➤ ﬁx(mpplib): ﬁle tree indent #1173 ➤ JetBrains/kotlin-web-site ➤ https://github.com/JetBrains/ kotlin-web-site/pull/1173 .FSHFE Pull Request

Slide 70

Slide 70 text

11݄

Slide 71

Slide 71 text

NO.55 ➤ Next.jsͷαʔόʔαΠυϨϯ μϦϯάͰɺγϯάϧϖʔδ ΞϓϦέʔγϣϯͷ՝୊Λղ ফ ➤ https://codezine.jp/article/ detail/11191 $PEF;JOF

Slide 72

Slide 72 text

NO.56 ➤ Atomic Design͸ʮϚϧνʯͰ ਅՁΛൃش͢Δ ➤ WaterCell Tech Night #1 ➤ https://www.slideshare.net/ Nkzn/atomic- design-122760604 ొஃ

Slide 73

Slide 73 text

NO.57 ➤ WaterCell Tech Night #1Λ։ ࠵͠·ͨ͠ ➤ https:// watercelldev.hatenablog.jp/ entry/2018/11/26/101800 ➤ ୈ2ճ͸@circled9͕ॻ͍ͯ͘ ΕΔ ձࣾϒϩά

Slide 74

Slide 74 text

NO.58 ➤ Next.jsͷγϯάϧϖʔδΞϓ ϦέʔγϣϯΛσϓϩΠͯ͠ɺ جຊΛϚελʔ͢Δ ➤ https://codezine.jp/article/ detail/11232 $PEF;JOF

Slide 75

Slide 75 text

12݄

Slide 76

Slide 76 text

NO.59 ➤ ೶ۀITͱ͔React Nativeͱ͔ ➤ nds.fm #10 ➤ https:// nagaokadevelopersstudy.githu b.io/ndsfm/ 2018/12/01/010.html Podcast

Slide 77

Slide 77 text

NO.60 ➤ ࣮ફExpo:   React NativeͱFirebaseͰɺSNS ΞϓϦΛ࠷଎ετΞϦϦʔεʂ ➤ ΠϯϓϨεR&D ➤ 12/14ൃച ➤ ༧໿ड෇த  https://play.google.com/store/ books/details? id=9MJ9DwAAQBAJ ؂म ঎ۀࢽ

Slide 78

Slide 78 text

NO.61 ➤ ࠓ೥ͷΞ΢τϓοτ5062࿈ൃ ➤ NDS58 ←Now! ➤ https://speakerdeck.com/ nkzn/output2018-nu-tao- false50lian-fa ొஃ

Slide 79

Slide 79 text

NO.62 ➤ NDS58ʹߦ͖ͬͯ·ͨ͠ ➤ ࠓճͦ͜Ϩϙهࣄॻͧ͘ʂ ݸਓϒϩά

Slide 80

Slide 80 text

Ҏ্ʂ

Slide 81

Slide 81 text

ूܭ

Slide 82

Slide 82 text

$PEF;JOF ग़൛ ঎ۀࢽ ؂म ঎ۀࢽ ग़൛ ಉਓࢽ ొஃ ΞϓϦ  ձࣾϒϩά 2JJUB Sample PR ݸਓϒϩά Podcast ݐங෺ͷམ੒ ܭ݅

Slide 83

Slide 83 text

ࣗ෼Ͱ΋Ҿ͘΄ͲΞ΢τϓοτͨ͠ ➤ ೔ʑͷதͰʮωλʹͳΓͦ͏ͩͳʯͱࢥͬͨΒॻ͘ ➤ ͓࢓ࣄͱͯ͠੠Λ͔͚͍͍ͯͨͩͨ΋ͷ͸جຊड͚Δ ➤ ͖ͬͱ୭͔͕خ͍͠ͱ৴͡Δ৺