商業雑誌に技術記事を寄稿した振り返り

Slide 1

Slide 1 text

঎ۀࡶࢽʹٕज़هࣄΛدߘͨ͠ৼΓฦΓ Tamappe @tamapppe potatotips #71 iOS/Android։ൃTipsڞ༗ձ

Slide 2

Slide 2 text

I N T R O D U C T I O N Tamappe ϞόΠϧΞϓϦΤϯδχΞ 2014೥-2019೥3݄·ͰϑϦʔϥϯεͱͯ͠׆ಈ 2019೥4݄ΑΓϨΞδϣϒʹϞόΠϧΞϓϦΤϯδχΞͱͯ͠ೖࣾ झຯ: ϒϩάͷߋ৽ɺσΟζχʔ८Γ(ίϩφʹΑΓࣗॗ) Qiita: https://qiita.com/tamappe Blog: https://tamappe.com Twitter: https://twitter.com/tamapppe 01 גࣜձࣾϨΞδϣϒ

Slide 3

Slide 3 text

ݸਓϒϩά ( https://tamappe.com )

Slide 4

Slide 4 text

ຊ೔ͷςʔϚ ঎ۀࡶࢽʹدߘͨ͠ ৼΓฦΓ

Slide 5

Slide 5 text

͓஌Βͤ ͱͦͷલʹ…

Slide 6

Slide 6 text

02 ٕज़ධ࿦͕ࣾൃץ͍ͯ͠ΔࡶࢽʰSoftware DesignʱͷFlutterಛूͰࣥච͢Δ͜ ͱʹͳΓ·ͨ͠ɻಛूͰ͸ϞόΠϧΞϓϦΤϯδχΞ޲͚ʹFlutterͷັྗΛ 200%ͷ੎͍Ͱ఻͑·͢ɻ10/18ൃץͷ11݄߸Ͱܝࡌɻ ࡶࢽʰSoftware Designʱ(10/18)Ͱࣥච

Slide 7

Slide 7 text

঎ۀࢽʹٕज़هࣄ͕ܝࡌ͞Ε·ͨ͠

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

ͱͯ΋େมͰͨ͠ (T_T)

Slide 12

Slide 12 text

Ajenda 1. ࣥචґཔͷܦҢ 2. دߘͷϓϩηε 3. ࣥච͢Δ·Ͱͷϓϩηε 4. ࣥචͷεέδϡʔϧͱ࣮Քಇ 5. ࣥචதͷπϥϛ 6. ৘ใൃ৴ͱͯ͠ͷϚʔέςΟϯάઓུ

Slide 13

Slide 13 text

1. ࣥචґཔͷܦҢ 03 1. ݸਓϒϩάʹϝʔϧΞυϨεΛܝࡌ 2. ཌ೔ʹ1௨ͷϝʔϧ͕ಧ͘ 3. ฤूऀͷํ͔Βدߘґཔͷ໰͍߹Θͤ

Slide 14

Slide 14 text

1. ࣥචґཔͷܦҢ 04 4. ࠷ॳ͸ӕ͔৑ஊͱࢥ͍ͳ͕Β΋ஸೡʹฦ৴ 5. ཌ೔ɺฦ৴͕ؼͬͯ͘Δ 6. Ϛδͩͬͨʂʂʂ

Slide 15

Slide 15 text

1. ࣥචґཔͷܦҢ (ϙΠϯτ) 05 ݸਓϒϩάʹFlutterͷΞ΢τϓοτΛ౤ߘ (ྦྷੵ67هࣄ) iOSΤϯδχΞࢹ఺ͰFlutterͰΞϓϦ։ൃ ͜Ε͕ࢗͬͨ͞Β͍͠

Slide 16

Slide 16 text

2. دߘͷϓϩηε 06 1. ॳߘ: 2. ߍਖ਼: 3. ೖߘ:

Slide 17

Slide 17 text

2. دߘͷϓϩηε 06 1. ॳߘ: ݩʹͳΔݪߘΛॻ্͖͛Δ͜ͱ (dev؀ڥ) 2. ߍਖ਼: 3. ೖߘ:

Slide 18

Slide 18 text

2. دߘͷϓϩηε 06 1. ॳߘ: ݩʹͳΔݪߘΛॻ্͖͛Δ͜ͱ (dev؀ڥ) 2. ߍਖ਼: ܝࡌલͷϖʔδͰͷೝࣝ߹Θͤ (stg؀ڥ) 3. ೖߘ:

Slide 19

Slide 19 text

2. دߘͷϓϩηε 06 1. ॳߘ: ݩʹͳΔݪߘΛॻ্͖͛Δ͜ͱ (dev؀ڥ) 2. ߍਖ਼: ܝࡌલͷϖʔδͰͷೝࣝ߹Θͤ (stg؀ڥ) 3. ೖߘ: ߍਖ਼͕׬ྃͯ͠ҹ࡮։࢝ (prod؀ڥ)

Slide 20

Slide 20 text

2. دߘͷϓϩηε 06 1. ॳߘ: ݩʹͳΔݪߘΛॻ্͖͛Δ͜ͱ (dev؀ڥ) 2. ߍਖ਼: ܝࡌલͷϖʔδͰͷೝࣝ߹Θͤ (stg؀ڥ) 3. ೖߘ: ߍਖ਼͕׬ྃͯ͠ҹ࡮։࢝ (prod؀ڥ)

Slide 21

Slide 21 text

3. ࣥච͢Δ·Ͱͷϓϩηε 07 ॳΊͯͷࣥච࡞ۀ 1. ԿΛॻ͚͹͍͍ͷ͔໰୊ 2. ॳΊͯͷ໨࣍࡞੒

Slide 22

Slide 22 text

3. ࣥච͢Δ·Ͱͷϓϩηε 07 ॳΊͯͷࣥච࡞ۀ 1. ԿΛॻ͚͹͍͍ͷ͔໰୊ -> iPadͷGoodNoteͰϥϑҊ 2. ॳΊͯͷ໨࣍࡞੒

Slide 23

Slide 23 text

3. ࣥච͢Δ·Ͱͷϓϩηε 07 ॳΊͯͷࣥච࡞ۀ 1. ԿΛॻ͚͹͍͍ͷ͔໰୊ -> iPadͷGoodNoteͰϥϑҊ 2. ॳΊͯͷ໨࣍࡞੒ -> ϚΠϯυϚοϓ

Slide 24

Slide 24 text

4. ࣥචͷεέδϡʔϧͱ࣮Քಇ 08 1. ґཔ͞Ε͔ͯΒࣥච·Ͱ: 2. ࣥච͔Βॳߘ·Ͱ: 3. ॳߘ͔Βߍਖ਼·Ͱ: 4. ߍਖ਼͔Βೖߘ·Ͱ:

Slide 25

Slide 25 text

4. ࣥචͷεέδϡʔϧͱ࣮Քಇ 09 1. ґཔ͞Ε͔ͯΒࣥච·Ͱ: ໿2िؒ 2. ࣥච͔Βॳߘ·Ͱ: 3. ॳߘ͔Βߍਖ਼·Ͱ: 4. ߍਖ਼͔Βೖߘ·Ͱ:

Slide 26

Slide 26 text

4. ࣥචͷεέδϡʔϧͱ࣮Քಇ 09 1. ґཔ͞Ε͔ͯΒࣥච·Ͱ: ໿2िؒ 2. ࣥච͔Βॳߘ·Ͱ: ໿2.5िؒ 3. ॳߘ͔Βߍਖ਼·Ͱ: 4. ߍਖ਼͔Βೖߘ·Ͱ:

Slide 27

Slide 27 text

4. ࣥචͷεέδϡʔϧͱ࣮Քಇ 09 1. ґཔ͞Ε͔ͯΒࣥච·Ͱ: ໿2िؒ 2. ࣥච͔Βॳߘ·Ͱ: ໿2.5िؒ 3. ॳߘ͔Βߍਖ਼·Ͱ: ໿1िؒ 4. ߍਖ਼͔Βೖߘ·Ͱ:

Slide 28

Slide 28 text

4. ࣥචͷεέδϡʔϧͱ࣮Քಇ 09 1. ґཔ͞Ε͔ͯΒࣥච·Ͱ: ໿2िؒ 2. ࣥච͔Βॳߘ·Ͱ: ໿2.5िؒ 3. ॳߘ͔Βߍਖ਼·Ͱ: ໿1िؒ 4. ߍਖ਼͔Βೖߘ·Ͱ: ໿1.5िؒ

Slide 29

Slide 29 text

4. ࣥචͷεέδϡʔϧͱ࣮Քಇ 10 1. ४උ: 2. ॳߘ: 3. ߍਖ਼: 4. ೖߘ:

Slide 30

Slide 30 text

4. ࣥචͷεέδϡʔϧͱ࣮Քಇ 10 1. ४උ: 10h 2. ॳߘ: 3. ߍਖ਼: 4. ೖߘ:

Slide 31

Slide 31 text

4. ࣥචͷεέδϡʔϧͱ࣮Քಇ 10 1. ४උ: 10h 2. ॳߘ: 45h 3. ߍਖ਼: 4. ೖߘ:

Slide 32

Slide 32 text

4. ࣥචͷεέδϡʔϧͱ࣮Քಇ 10 1. ४උ: 10h 2. ॳߘ: 45h 3. ߍਖ਼: 29h 4. ೖߘ:

Slide 33

Slide 33 text

4. ࣥචͷεέδϡʔϧͱ࣮Քಇ 10 1. ४උ: 10h 2. ॳߘ: 45h 3. ߍਖ਼: 29h 4. ೖߘ: 0h

Slide 34

Slide 34 text

4. ࣥචͷεέδϡʔϧͱ࣮Քಇ 10 1. ४උ: 10h 2. ॳߘ: 45h 3. ߍਖ਼: 29h 4. ೖߘ: 0h ߹ܭ: 84h

Slide 35

Slide 35 text

4. ࣥචͷεέδϡʔϧͱ࣮Քಇ 10 1. ४උ: 10h 2. ॳߘ: 45h 3. ߍਖ਼: 29h 4. ೖߘ: 0h ߹ܭ: 84h ← iOSDC ͷLT४උͱ͸ผ࿮

Slide 36

Slide 36 text

5. ࣥචதͷπϥϛ 11 - ઐ໳༻ޠΛӳޠɾΧφɾͻΒ͕ͳͲΕͰॻ͔͘໰୊ AutoLayoutɺΦʔτϨΠΞ΢τ - ʮΤϯδχΞʯΛͲ͏΍ͬͯ౷Ұ͢Δ͔ iOSΞϓϦΤϯδχΞɺiOS։ൃऀɺiOSΤϯδχΞ - FlutterͱSwiftΛͲ͏΍ͬͯൺֱ͢Δ͔ͷ۩ମྫ - ೔ຊޠΘ͔ΒΜ - iOS 14 ৽ػೳϦϦʔε && Flutter 1.22 ͰiOS 14 ରԠ

Slide 37

Slide 37 text

6. ϚʔέςΟϯάઓུ (ςʔϚ) 12 iOS ΤϯδχΞ޲͚ - Swiftͷ஌ݟͰTypeScript (ex. SwiftUIͱReactͷൺֱ) - WWDCͰൃද͞ΕͨػೳΛେऺ޲͚ʹղઆ - UIKitͰ༗໊ͳϥΠϒϥϦΛSwiftUIʹॻ͖௚͢ - ͱ͋ΔUIΛ࠶ݱͯ͠Έͨ (UIKit and SwiftUI)

Slide 38

Slide 38 text

6. ϚʔέςΟϯάઓུ (ςʔϚ) 13 Android ΤϯδχΞ޲͚ - Android(Kotlin)ͷ஌ݟͰTypeScriptͷֶश - KMPΛ࢖ͬͨiOSΞϓϦ։ൃ - iOSͷUIΛAndroidʹΫϩʔϯ - AndroidͷUIΛiOSʹΫϩʔϯ - SwiftUIͱJetpack ComposeΛൺֱ͠ͳ͕ΒiOSΞϓϦ։ൃ

Slide 39

Slide 39 text

6. ϚʔέςΟϯάઓུ (ࢀߟਤॻ) 14

Slide 40

Slide 40 text

6. ϚʔέςΟϯάઓུ (tips) 15 ΤϯδχΞͱਓੜίϛϡχςΟ QRίʔυ ɾத্ڃऀଟ͍ ɾ৘ใൃ৴ ɾOSS ɾ੫ۚ

Slide 41

Slide 41 text

Thank you!