Pairsのデザインガイドラインを作って開発を効率化した話

Transcript

1. Pairsךرؠ؎ٝؖ؎سٓ؎ٝ׾⡲׏ג
   Ꟛ涪׾⸬桦⻉׃׋鑧
   Minami Aoyama Night#2
   @futabooo
   

   View Slide

2. 2
   About me
   - Lead Engineer at eureka, Inc.
   - Java, Kotlin, Golang, TypeScript, AngularJS
   - FantasyEarth Zero, s.CRY.ed
   futabooo
   futabooo
   futaboooס׋ע٦
   

   View Slide

3. 3
   About eureka
   https://eure.jp/
   

   View Slide

4. 4
   About eureka
   

   View Slide

5. 5
   About eureka
   • Web
   • Golang, Gin
   • TypeScript, AngularJS
   • Android
   • Java, Kotlin
   • Dagger2, Orma, OkHttp3,
   Retrofit2, RxKotlin, Picasso,
   ButterKnife, DataBinding
   • iOS
   • Objective-C, Swift
   • CoreStore, Alamofire, Moya,
   RxSwift, AsyncDisplayKit
   • Web
   • PHP, Codeigniter
   • Android
   • Java
   • ActiveAndroid, Volley,
   OkHttp3, Retrofit2,
   Socket.IO, RxJava, Glide
   • iOS
   • Swift, Objective-C
   • CoreStore, AFNetworking,
   SwiftyJSON, SDWebImage,
   RxSwift, Cartography
   

   View Slide

6. 6
   About Pairs
   PC Browser
   Android
   Mobile
   Browser
   iOS
   

   View Slide

7. 7
   About Pairs
   PC Browser
   Android
   Mobile
   Browser
   iOS
   אךرغ؎أ
   

   View Slide

8. رؠ؎ٝؖ؎سٓ؎ٝ⡲䧭⵸
   8
   

   View Slide

9. ‣ رؠ؎ٝؕٝف
   ˖ ٖ؎،ؐز
   ˖ و٦آٝծػر؍ؚٝ
   ˖ 俑㶵ך؟؎ؤծ葿
   ˖ نةٝך؟؎ؤծ葿
   ˖ FUD
   ‣ 稆勞ך剅ֹ⳿׃
   9
   σβΠφʔ͕σόΠεຖʹ༻ҙ͢Δ߲໨
   

   View Slide

10. ‣ رؠ؎ٝؕٝف
    ˖ ٖ؎،ؐز
    ˖ و٦آٝծػر؍ؚٝ
    ˖ 俑㶵ך؟؎ؤծ葿
    ˖ نةٝך؟؎ؤծ葿
    ˖ FUD
    ‣ 稆勞ך剅ֹ⳿׃
    10
    σβΠφʔ͕σόΠεຖʹ༻ҙ͢Δ߲໨
    × 4رغ؎أⴓ
    

    View Slide

11. 11
    σβΠφʔͱΤϯδχΞͷίϛϡχέʔγϣϯ
    رؠ؎ش٦
    ؒٝآص،
    iOS
    Android
    Web(PC,SP)
    

    View Slide

12. 12
    σβΠφʔͱΤϯδχΞͷίϛϡχέʔγϣϯ
    رؠ؎ش٦
    ؒٝآص،
    iOS
    Android
    Web(PC,SP)
    رؠ؎ش٦ך頾䬐ָ㣐ְֹ
    ؒٝآص،׮气䒦ׅ׷
    

    View Slide

13. View Slide

14. ‣ Ꟛ涪⚥ך؝ىُص؛٦ءّٝדرؠ؎ش٦٥ؒٝآص،ה׮ח气䒦ׅ׷
    ˖ ぐرغ؎أדずׄ然钠ָⰅ׷
    ˖ ⳿䨱׶
    ‣ ٔٔ٦أ䖓חرغ؎أד䊴ⴓָ鋅אַ׷
    ˖ ؝ىُص؛٦ءّٝ怩׸
    ˖ ״׃זחװ׏׋穠卓
    ‣ ׅדח㶷㖈ׅ׷ػ٦خ׾⢪׻׆ח倜鋉ד⡲׏ג׃תֲ✲ָ֮׷
    ˖ ⡂׋״ֲזؙٓأָ✉甧ׅ׷
    14
    σβΠϯΨΠυϥΠϯ࡞੒લͷ໰୊
    

    View Slide

15. ‣ Ꟛ涪⚥ך؝ىُص؛٦ءّٝדرؠ؎ش٦٥ؒٝآص،ה׮ח气䒦ׅ׷
    ˖ ぐرغ؎أדずׄ然钠ָⰅ׷
    ˖ ⳿䨱׶
    ‣ ٔٔ٦أ䖓חرغ؎أד䊴ⴓָ鋅אַ׷
    ˖ ؝ىُص؛٦ءّٝ怩׸
    ˖ ״׃זחװ׏׋穠卓
    ‣ ׅדח㶷㖈ׅ׷ػ٦خ׾⢪׻׆ח倜鋉ד⡲׏ג׃תֲ✲ָ֮׷
    ˖ ⡂׋״ֲזؙٓأָ✉甧ׅ׷
    15
    σβΠϯΨΠυϥΠϯ࡞੒લͷ໰୊
    

    View Slide

16. ‣ Ꟛ涪⚥ך؝ىُص؛٦ءّٝדرؠ؎ش٦٥ؒٝآص،ה׮ח气䒦ׅ׷
    ˖ ぐرغ؎أדずׄ然钠ָⰅ׷
    ˖ ⳿䨱׶
    ‣ ٔٔ٦أ䖓חرغ؎أד䊴ⴓָ鋅אַ׷
    ˖ ؝ىُص؛٦ءّٝ怩׸
    ˖ ״׃זחװ׏׋穠卓
    ‣ ׅדח㶷㖈ׅ׷ػ٦خ׾⢪׻׆ח倜鋉ד⡲׏ג׃תֲ✲ָ֮׷
    ˖ ⡂׋״ֲזؙٓأָ✉甧ׅ׷
    16
    σβΠϯΨΠυϥΠϯ࡞੒લͷ໰୊
    

    View Slide

17. ‣ Ꟛ涪⚥ך؝ىُص؛٦ءّٝדرؠ؎ش٦٥ؒٝآص،ה׮ח气䒦ׅ׷
    ˖ ぐرغ؎أדずׄ然钠ָⰅ׷
    ˖ ⳿䨱׶
    ‣ ٔٔ٦أ䖓חرغ؎أד䊴ⴓָ鋅אַ׷
    ˖ ؝ىُص؛٦ءّٝ怩׸
    ˖ ״׃זחװ׏׋穠卓
    ‣ ׅדח㶷㖈ׅ׷ػ٦خ׾⢪׻׆ח倜鋉ד⡲׏ג׃תֲ✲ָ֮׷
    ˖ ⡂׋״ֲזؙٓأָ✉甧ׅ׷
    17
    σβΠϯΨΠυϥΠϯ࡞੒લͷ໰୊
    

    View Slide

18. ‣ Ꟛ涪⚥ך؝ىُص؛٦ءّٝדرؠ؎ش٦ծؒٝآص،ה׮ח气䒦ׅ׷
    ˖ ぐرغ؎أדずׄ然钠ָⰅ׷
    ˖ ⳿䨱׶
    ‣ ٔٔ٦أ䖓חرغ؎أד䊴ⴓָ鋅אַ׷
    ˖ ؝ىُص؛٦ءّٝ怩׸
    ˖ ״׃זחװ׏׋穠卓
    ‣ ׅדח㶷㖈ׅ׷ػ٦خ׾⢪׻׆ח倜鋉ד⡲׏ג׃תֲ✲ָ֮׷
    ˖ ⡂׋״ֲזؙٓأָ✉甧ׅ׷
    18
    σβΠϯΨΠυϥΠϯ࡞੒લͷ໰୊
    䊨侧ך⵴幾ה؟٦ؽأה׃גך窟♧䠬
    ָ䗳銲
    

    View Slide

19. 19
    رؠ؎ٝؖ؎سٓ؎ٝ׾⡲׹ֲ
    

    View Slide

20. رؠ؎ٝؖ؎سٓ؎ٝהכ
    20
    

    View Slide

21. 21
    Material Design
    ˖ Googleـٓٝس
    ˖ ֿ׸׾黝欽ׅ׷ה嫰鯰涸ؕٝةٝח؎؛ג׷رؠ؎ָٝ⡲׸׷
    

    View Slide

22. 22
    Material Design
    Color palette
    

    View Slide

23. 23
    Material Design
    Typography
    

    View Slide

24. 24
    Material Design
    And more ...
    

    View Slide

25. 25
    Material Design
    And more ...
    ֿֿתד⡲׶鴥׬ךכ
    植㹋涸דכזְ
    

    View Slide

26. 1BJSTה׃ג䗳銲⼧ⴓז׮ך׾אֻ׷
    26
    

    View Slide

27. ‣ 䊨侧ָ׉׸ז׶חַַ׷ךדծث٦يחず䠐׾䖤׷
    ˖ ٠剢꟦װ׷➭ךةأؙה⚛遤
    ˖ ⡲䧭ًٝغ٦せرؠ؎ش٦ծ8FC–ծ"OESPJEծJ04
    ‣ וֿתדװ׷ַ寸׭׷
    ˖ ؟٦ؽأך窟♧䠬חꟼ׻׷׮ך
    ˖ 葿
    ˖ ؿؓٝزծ俑㶵؟؎ؤ
    ˖ ״ֻ⢪ֲ6*؝ٝه٦طٝز
    ˖ نةٝ
    ˖ ت؎،ؚٗٌ٦تٕ
    27
    σβΠϯΨΠυϥΠϯΛͭ͘Γ࢝ΊΔ࣌ʹ΍ͬͨ͜ͱ
    

    View Slide

28. ‣ 䊨侧ָ׉׸ז׶חַַ׷ךדծث٦يחず䠐׾䖤׷
    ˖ ٠剢꟦װ׷➭ךةأؙה⚛遤
    ˖ ⡲䧭ًٝغ٦せرؠ؎ش٦ծ8FC–ծ"OESPJEծJ04
    ‣ וֿתדװ׷ַ寸׭׷
    ˖ ؟٦ؽأך窟♧䠬חꟼ׻׷׮ך
    ˖ 葿
    ˖ ؿؓٝزծ俑㶵؟؎ؤ
    ˖ ״ֻ⢪ֲ6*؝ٝه٦طٝز
    ˖ نةٝ
    ˖ ت؎،ؚٗٌ٦تٕ
    28
    σβΠϯΨΠυϥΠϯΛͭ͘Γ࢝ΊΔ࣌ʹ΍ͬͨ͜ͱ
    

    View Slide

29. ‣ 䊨侧ָ׉׸ז׶חַַ׷ךדծث٦يחず䠐׾䖤׷
    ˖ ٠剢꟦װ׷➭ךةأؙה⚛遤
    ˖ ⡲䧭ًٝغ٦せرؠ؎ش٦ծ8FC–ծ"OESPJEծJ04
    ‣ וֿתדװ׷ַ寸׭׷
    ˖ ؟٦ؽأך窟♧䠬חꟼ׻׷׮ך
    ˖ 葿
    ˖ ؿؓٝزծ俑㶵؟؎ؤ
    ˖ ״ֻ⢪ֲ6*؝ٝه٦طٝز
    ˖ نةٝ
    ˖ ت؎،ؚٗٌ٦تٕ
    29
    σβΠϯΨΠυϥΠϯΛͭ͘Γ࢝ΊΔ࣌ʹ΍ͬͨ͜ͱ
    

    View Slide

30. ‣ 䊨侧ָ׉׸ז׶חַַ׷ךדծث٦يחず䠐׾䖤׷
    ˖ ٠剢꟦װ׷➭ךةأؙה⚛遤
    ˖ ⡲䧭ًٝغ٦せرؠ؎ش٦ծ8FC–ծ"OESPJEծJ04
    ‣ וֿתדװ׷ַ寸׭׷
    ˖ ؟٦ؽأך窟♧䠬חꟼ׻׷׮ך
    ˖ 葿
    ˖ ؿؓٝزծ俑㶵؟؎ؤ
    ˖ ״ֻ⢪ֲ6*؝ٝه٦طٝز
    ˖ نةٝ
    ˖ ت؎،ؚٗٌ٦تٕ
    30
    σβΠϯΨΠυϥΠϯΛͭ͘Γ࢝ΊΔ࣌ʹ΍ͬͨ͜ͱ
    

    View Slide

31. ‣ 䊨侧ָ׉׸ז׶חַַ׷ךדծث٦يחず䠐׾䖤׷
    ˖ ٠剢꟦װ׷➭ךةأؙה⚛遤
    ˖ ⡲䧭ًٝغ٦せرؠ؎ش٦ծ8FC–ծ"OESPJEծJ04
    ‣ וֿתדװ׷ַ寸׭׷
    ˖ ؟٦ؽأך窟♧䠬חꟼ׻׷׮ך
    ˖ 葿
    ˖ ؿؓٝزծ俑㶵؟؎ؤ
    ˖ ״ֻ⢪ֲ6*؝ٝه٦طٝز
    ˖ نةٝ
    ˖ ت؎،ؚٗٌ٦تٕ
    31
    σβΠϯΨΠυϥΠϯΛͭ͘Γ࢝ΊΔ࣌ʹ΍ͬͨ͜ͱ
    

    View Slide

32. ‣ 䊨侧ָ׉׸ז׶חַַ׷ךדծث٦يחず䠐׾䖤׷
    ˖ ٠剢꟦װ׷➭ךةأؙה⚛遤
    ˖ ⡲䧭ًٝغ٦せرؠ؎ش٦ծ8FC–ծ"OESPJEծJ04
    ‣ וֿתדװ׷ַ寸׭׷
    ˖ ؟٦ؽأך窟♧䠬חꟼ׻׷׮ך
    ˖ 葿
    ˖ ؿؓٝزծ俑㶵؟؎ؤ
    ˖ ״ֻ⢪ֲ6*؝ٝه٦طٝز
    ˖ نةٝ
    ˖ ت؎،ؚٗٌ٦تٕ
    32
    σβΠϯΨΠυϥΠϯΛͭ͘Γ࢝ΊΔ࣌ʹ΍ͬͨ͜ͱ
    

    View Slide

33. ‣ 䊨侧ָ׉׸ז׶חַַ׷ךדծث٦يחず䠐׾䖤׷
    ˖ ٠剢꟦װ׷➭ךةأؙה⚛遤
    ˖ ⡲䧭ًٝغ٦せرؠ؎ش٦ծ8FC–ծ"OESPJEծJ04
    ‣ וֿתדװ׷ַ寸׭׷
    ˖ ؟٦ؽأך窟♧䠬חꟼ׻׷׮ך
    ˖ 葿
    ˖ ؿؓٝزծ俑㶵؟؎ؤ
    ˖ ״ֻ⢪ֲ6*؝ٝه٦طٝز
    ˖ نةٝ
    ˖ ت؎،ؚٗٌ٦تٕ
    33
    σβΠϯΨΠυϥΠϯΛͭ͘Γ࢝ΊΔ࣌ʹ΍ͬͨ͜ͱ
    

    View Slide

34. 葿
    34
    

    View Slide

35. ‣ 植朐ד⢪׻׸גְ׷葿׾峤ְ⳿ׅ
    ˖ ぐرغ؎أ嫣חⰋג峤ְ⳿ׅ
    35
    ৭ͷσβΠϯΨΠυϥΠϯ࡞੒
    Web(PC,SP) Android iOS
    

    View Slide

36. ‣ 邌植ה葿ך窟♧
    ˖ رؠ؎ش٦הؒٝآص،ָずׄ鎉铂דװ׶《׶ָ〳腉חז׷
    36
    ৭ͷσβΠϯΨΠυϥΠϯ࡞੒
    ؗ٦せץ׋剅ֹכ
    pairs_press_ripple_blue
    pairs_blue_08
    -
    pairs_blue_09
    -
    pairs_blue_10
    pairs_blue_11
    pairs_blue_12
    pairs_blue_13
    ؕٓ٦؝٦س
    #3ab6ba
    #53B7BB
    #53b7bb
    #71C3C8
    #71c3c8
    #8ECFD3
    #ABDBDE
    #C7E7E9
    #E4F3F4
    Before
    ؗ٦せץ׋剅ֹכ
    pairs_blue_00
    pairs_blue_01
    pairs_blue_02
    pairs_blue_03
    pairs_blue_04
    pairs_blue_05
    pairs_blue_06
    ؕٓ٦؝٦س
    #3ab6ba
    #53b7bb
    #71c3c8
    #8ecfd3
    #abdbde
    #c7e7e9
    #e4f3g4
    After
    

    View Slide

37. ‣ ⡲䧭׃׋ؖ؎سٓ؎ٝכ4LFUDIד盖椚
    37
    ৭ͷσβΠϯΨΠυϥΠϯ࡞੒
    

    View Slide

38. ؿؓٝز٥俑㶵؟؎ؤ
    38
    

    View Slide

39. ‣ ؿؓٝزװ俑㶵؟؎ؤכ寸׭
    ˖ "OESPJEך㜥さכ/PUP4BOT$+,
    ˖ J04ך㜥さכؼؘٓظ錬؞1SPה4BO'SBODJTDP%JTQMBZ
    ˖ 8FC 1$ 41
    כ劢㼎䘔
    39
    ϑΥϯτɾจࣈαΠζͷσβΠϯΨΠυϥΠϯ࡞੒
    Text XL
    Text L
    Text M
    Text S
    Text XS
    Text XXS
    20dp
    16dp
    14dp
    13dp
    12dp
    11dp
    ְֲִֶ֮ABC123
    ְֲִֶ֮ABC123
    ְֲִֶ֮ABC123
    ְֲִֶ֮ABC123
    ְֲִֶ֮ABC123
    ְֲִֶ֮ABC123
    ͍͋͏͓͑ABC123
    ͍͋͏͓͑ABC123
    ͍͋͏͓͑ABC123
    ͍͋͏͓͑ABC123
    ͍͋͏͓͑ABC123
    ͍͋͏͓͑ABC123
    Android iOS
    

    View Slide

40. نةٝ
    40
    

    View Slide

41. ‣ نةٝךػًٓ٦ة٦׾㹀纏ׅ׷
    ˖ 胜兝葿
    ˖ 넝ׁ
    ‣ 稢ַֻ寸׭ֺׅזְךָه؎ٝز
    41
    ϘλϯͷσβΠϯΨΠυϥΠϯ࡞੒
    

    View Slide

42. ت؎،ؚٗٌ٦تٕ
    42
    

    View Slide

43. ‣ 傀㶷ךت؎،ؚٗٌ٦تٕ׾峤ְ⳿ׅ
    ˖ "OESPJEכⰋ鿇ד⦐
    ˖ J04כⰋ鿇ד⦐
    43
    μΠΞϩάʢϞʔμϧʣͷσβΠϯΨΠυϥΠϯ࡞੒
    

    View Slide

44. ‣ 傀㶷ךت؎،ؚٗٌ٦تٕ׾峤ְ⳿ׅ
    ˖ "OESPJEכⰋ鿇ד⦐
    ˖ J04כⰋ鿇ד⦐
    44
    μΠΞϩάʢϞʔμϧʣͷσβΠϯΨΠυϥΠϯ࡞੒
    㢳ֺׅ
    

    View Slide

45. 45
    欽鷿׾僇然ח׃״ֲ
    

    View Slide

46. ‣ ׉׮׉׮ךⵃ欽欽鷿׾ֿךة؎ىؚٝד罋ִ湫ׅ
    ˖ 䠐䙼寸㹀
    ˖ 然钠
    ˖ 鏮実
    ˖ 堣腉铡僇
    46
    μΠΞϩάʢϞʔμϧʣͷσβΠϯΨΠυϥΠϯ࡞੒
    

    View Slide

47. ‣ ׉׮׉׮ךⵃ欽欽鷿׾ֿךة؎ىؚٝד罋ִ湫ׅ
    ˖ 䠐䙼寸㹀
    ˖ 然钠
    ˖ 鏮実
    ˖ 堣腉铡僇
    47
    μΠΞϩάʢϞʔμϧʣͷσβΠϯΨΠυϥΠϯ࡞੒
    

    View Slide

48. ‣ ِ٦ؠ٦ח㼎׃ג䠐䙼ך寸㹀׾実׭׷
    ˖ כְծְְִךאך鼅䫛肇׾䭯א
    ˖ ☓نةٝכאֽזְ
    48
    ҙࢥܾఆ
    ApprovalPopup.fromNib()
    .set(
    title: “λΠτϧ",
    message: "ϝοηʔδ"
    )
    .show(
    confirm: {͸͍ͷ৔߹ͷॲཧ},
    cancel: {͍͍͑ͷ৔߹ͷॲཧ}
    )
    

    View Slide

49. ‣ ׉׮׉׮ךⵃ欽欽鷿׾ֿךة؎ىؚٝד罋ִ湫ׅ
    ˖ 䠐䙼寸㹀
    ˖ 然钠
    ˖ 鏮実
    ˖ 堣腉铡僇
    49
    μΠΞϩάʢϞʔμϧʣͷσβΠϯΨΠυϥΠϯ࡞੒
    

    View Slide

50. ‣ ِ٦ؠ٦ח㼎׃ג䞔㜠ך鸐濼׾遤ֲ
    ˖ 暴ח،ؙءّٝ׾実׭זְ
    50
    ֬ೝ
    ConfirmationPopup
    .show(
    title:"λΠτϧ",
    message:”ϝοηʔδ"
    )
    

    View Slide

51. ‣ ׉׮׉׮ךⵃ欽欽鷿׾ֿךة؎ىؚٝד罋ִ湫ׅ
    ˖ 䠐䙼寸㹀
    ˖ 然钠
    ˖ 鏮実
    ˖ 堣腉铡僇
    51
    μΠΞϩάʢϞʔμϧʣͷσβΠϯΨΠυϥΠϯ࡞੒
    

    View Slide

52. ‣ ِ٦ؠ٦ח㼎׃ג湫䱸涸ז،ؙءّٝ׾実׭׷
    ˖ ،ؙءّٝך鏮実׾ׅ׷
    52
    ૌٻ
    AppealPopup
    .show(
    data: AppealContentType.communityDetailSearch.data,
    handler: { // ΞΫγϣϯॲཧ }
    )
    

    View Slide

53. ‣ ׉׮׉׮ךⵃ欽欽鷿׾ֿךة؎ىؚٝד罋ִ湫ׅ
    ˖ 䠐䙼寸㹀
    ˖ 然钠
    ˖ 鏮実
    ˖ 堣腉铡僇
    53
    μΠΞϩάʢϞʔμϧʣͷσβΠϯΨΠυϥΠϯ࡞੒
    

    View Slide

54. ‣ ِ٦ؠ٦ח倜堣腉װծ铡僇ך歗⫷׾邌爙ׅ׷
    ˖ 歗⫷ך׫׾邌爙ׅ׷
    54
    ػೳઆ໌
    ImagePopup.show(image: image)
    

    View Slide

55. رؠ؎ٝؖ؎سٓ؎ٝ⡲䧭䖓
    55
    

    View Slide

56. ‣ رؠ؎ٝؕٝف
    ˖ ؖ؎سٓ؎ٝח֮׷׮ךכ㼎䘔ׅ׷갪湡׾剅ֻ
    ˖ ؖ؎سٓ؎ٝח搀ְ鿇ⴓ׌ֽ倜׋ח⡲䧭ׅ׷
    ‣ 稆勞ךⴖ׶⳿׃
    56
    σβΠφʔ͕σόΠεຖʹ༻ҙ͢Δ߲໨
    

    View Slide

57. ‣ رؠ؎ٝؕٝف
    ˖ ؖ؎سٓ؎ٝח֮׷׮ךכ㼎䘔ׅ׷갪湡׾剅ֻ
    ˖ ؖ؎سٓ؎ٝח搀ְ鿇ⴓ׌ֽ倜׋ח⡲䧭ׅ׷
    ‣ 稆勞ךⴖ׶⳿׃
    57
    σβΠφʔ͕σόΠεຖʹ༻ҙ͢Δ߲໨
    ؕٝف⡲䧭ך䊨侧⵴幾
    

    View Slide

58. 58
    σβΠφʔͱΤϯδχΞͷίϛϡχέʔγϣϯ
    رؠ؎ش٦
    ؒٝآص،
    iOS
    Android
    Web(PC,SP)
    رؠ؎ٝؖ؎سٓ؎ٝ
    

    View Slide

59. 59
    σβΠφʔͱΤϯδχΞͷίϛϡχέʔγϣϯ
    رؠ؎ش٦
    ؒٝآص،
    iOS
    Android
    Web(PC,SP)
    رؠ؎ٝؖ؎سٓ؎ٝ
    رؠ؎ٝؖ؎سٓ؎ٝח搀ְ׮ך
    ׌ֽ؝ىُص؛٦ءָّٝ涪欰
    

    View Slide

60. View Slide

61. ‣ Ꟛ涪⚥ך搀꼽ז؝ىُص؛٦ءָّٝ幾׶⡲噟ח꧊⚥דֹ׷״ֲחז׏׋
    ‣ رغ؎أ嫣ךؤָٖקה׿ו涪欰׃זֻז׏׋
    ˖ رؠ؎ٝؖ؎سٓ؎ٝ⡲䧭鿇ⴓחאְגכקר搀ְ朐䡾
    ‣ ؝٦سָ笺뜧חז׏׋
    ˖ رؠ؎ٝؖ؎سٓ؎ٝך黝欽׾傀㶷鿇ⴓח׃גְֻ⚥דず儗חٔؿ؋ؙ
    ةؚٔٝ׮遤ִ׋
    61
    σβΠϯΨΠυϥΠϯ࡞੒ޙ
    

    View Slide

62. תה׭
    62
    

    View Slide

63. ‣ ؖ؎سٓ؎ٝ⡲䧭⵸כرؠ؎ش٦ך؝ىُص؛٦ءّٝ؝أزָ넝ַ׏׋
    ˖ رؠ؎ٝך䭷爙
    ˖ 切僳ז鿇ⴓ׾然钠ׅ׷؝ىُص؛٦ءّٝ
    ˖ 醱侧ךرغ؎أ䬐䔲罏הず儗ךװ׶《׶
    ‣ ؖ؎سٓ؎ٝ⡲䧭⵸כؒٝآص،׮气䒦׃ָ׍׌׏׋
    ˖ 然钠ך䖉׍儗꟦
    ˖ ⳿䨱׶
    63
    ·ͱΊ
    

    View Slide

64. ‣ ؖ؎سٓ؎ٝ⡲䧭儗כأ؝٦ف׾כ׏ֹ׶ׇׁג滠䩛
    ˖ ְאתדחװ׷ךַ
    ˖ וֿתדװ׷ךַ
    ‣ ؖ؎سٓ؎ٝכ刿倜׃װְׅ䕎ד⥂㶷ׅ׷
    ˖ ➙䖓رؠ؎ٝ何⥜זוָ֮׏׋㜥さח׮厫鮾ח㼎䘔דֹ׷
    64
    ·ͱΊ
    

    View Slide

65. ‣ 4LFUDIד盖椚׃גְ׷ؖ؎سٓ؎ٝ׾HJU盖椚דֹ׷״ֲחׅ׷
    ‣ 4LFUDI׾㢌刿׃׋׵㹋鄲׮㢌刿ׁ׸׷״ֲז荈⹛⻉׾遤ֲ
    ˖ 4LFUDI⟃㢩ך倯岀ָ葺ֽ׸ל⛦׶䳔ִ׮嗚鎢ׅ׷
    65
    ࠓޙͷ՝୊
    

    View Slide

66. ֶתֽ
    66
    

    View Slide

67. ‣ 傀㶷ך峤ְ⳿׃ָ㖑柰ך״ֲח㣐㢌
    ˖ 葿
    ˖ نةٝ
    ˖ ٌ٦تٕ
    67
    ۤ࿑ͨ͜͠ͱ
    

    View Slide

68. ‣ رؠ؎ٝؖ؎سٓ؎ٝ⡲䧭䖓ך傀㶷鿇ⴓפך黝欽׮㣐㢌
    68
    ۤ࿑ͨ͜͠ͱ
    

    View Slide

69. ‣ 傀㶷鿇ⴓפך黝欽䖓ךذأز׮㣐㢌
    ˖ 6*ך鿇ⴓזךדذأز؝٦سדؕغ٦׃ב׵ְ
    ˖ 㢩鿇ךذأز⠓爡ׁ׿׾⢪׏גؚٖٔحءّٝذأز
    69
    ۤ࿑ͨ͜͠ͱ
    

    View Slide

70. Credit: NASA Earth Observatory/NOAA NGDC
    Thank you :)
    

    View Slide