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

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

97370d6641bedd9849c3974c65935c0d?s=47 futabooo
March 18, 2017
Programming
0
350

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

97370d6641bedd9849c3974c65935c0d?s=128

futabooo

March 18, 2017
Tweet

More Decks by futabooo

See All by futabooo
97370d6641bedd9849c3974c65935c0d?s=48 futaboooo
0
300
97370d6641bedd9849c3974c65935c0d?s=48 futaboooo
1
330
97370d6641bedd9849c3974c65935c0d?s=48 futaboooo
2
170
97370d6641bedd9849c3974c65935c0d?s=48 futaboooo
19
16k
97370d6641bedd9849c3974c65935c0d?s=48 futaboooo
2
1.6k
97370d6641bedd9849c3974c65935c0d?s=48 futaboooo
1
1.7k
97370d6641bedd9849c3974c65935c0d?s=48 futaboooo
5
6.4k
97370d6641bedd9849c3974c65935c0d?s=48 futaboooo
0
4.1k
97370d6641bedd9849c3974c65935c0d?s=48 futaboooo
1
1.3k

Other Decks in Programming

See All in Programming
0f50b010cc99988fba8a73008b21f353?s=48 e10dokup
0
450
91b77d9a98b86e27838b183407270bc0?s=48 supikiti
3
1.3k
51105482dc2e3d01b3ba64c9751d75c6?s=48 showwin
0
130
Aa97a6ad2c4c8422f5580f4f9d5b5744?s=48 dulltz
0
520
347a1b64f3a6e38981bc99b53919e2b1?s=48 azdaroth
0
170
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
1
490
6165f5bae67e249133eba24da4b93780?s=48 trajchevska
2
360
E1db053f2c2f3d3b49a5f5b9b0c7f20f?s=48 kazaman97
0
180
E473e5af1263c050599921981db46068?s=48 akatsukinewgrad
0
190
Ad8afdde67ccf5cccbde704dd9e35f84?s=48 jun0
3
650
D76231a2114896dfcc7b79ac69558b79?s=48 yosuke_furukawa
PRO
14
3.8k
96803ea99eef888c7f6637f1d3858766?s=48 attsumi
1
450

Featured

See All Featured
245cee81a9c424266e5e401d844ea881?s=48 lara
172
9.5k
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
260
11k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
294
39k
8ec1383b240b5ba15ffb9743fceb3c0e?s=48 philnash
8
500
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
66
3k
25c7c18223fb42a4c6ae1c8db6f50f9b?s=48 mojombo
358
62k
9375a9529679f1b42b567a640d775e7d?s=48 schacon
145
6.6k
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
17
1.8k
462dad0dd24c568a32dcdb0ae895ae1b?s=48 rasmusluckow
318
18k
5ce91fa49a613cbc3e20d5f96856473f?s=48 edds
56
9.3k
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
113
25k
E6c6e133e74c3b83f04d2861deaa1c20?s=48 searls
204
35k

Transcript

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

  2. 2 About me - Lead Engineer at eureka, Inc. -

    Java, Kotlin, Golang, TypeScript, AngularJS - FantasyEarth Zero, s.CRY.ed futabooo futabooo futaboooס׋ע٦

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

  4. 4 About eureka

  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

  6. 6 About Pairs PC Browser Android Mobile Browser iOS

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

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

  9. ‣ رؠ؎ٝؕٝف ˖ ٖ؎،ؐز ˖ و٦آٝծػر؍ؚٝ ˖ 俑㶵ך؟؎ؤծ葿 ˖ نةٝך؟؎ؤծ葿

    ˖ FUD ‣ 稆勞ך剅ֹ⳿׃ 9 σβΠφʔ͕σόΠεຖʹ༻ҙ͢Δ߲໨

  10. ‣ رؠ؎ٝؕٝف ˖ ٖ؎،ؐز ˖ و٦آٝծػر؍ؚٝ ˖ 俑㶵ך؟؎ؤծ葿 ˖ نةٝך؟؎ؤծ葿

    ˖ FUD ‣ 稆勞ך剅ֹ⳿׃ 10 σβΠφʔ͕σόΠεຖʹ༻ҙ͢Δ߲໨ × 4رغ؎أⴓ

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

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

  13. 13

  14. ‣ Ꟛ涪⚥ך؝ىُص؛٦ءّٝדرؠ؎ش٦٥ؒٝآص،ה׮ח气䒦ׅ׷ ˖ ぐرغ؎أדずׄ然钠ָⰅ׷ ˖ ⳿䨱׶ ‣ ٔٔ٦أ䖓חرغ؎أד䊴ⴓָ鋅אַ׷ ˖ ؝ىُص؛٦ءّٝ怩׸

    ˖ ״׃זחװ׏׋穠卓 ‣ ׅדח㶷㖈ׅ׷ػ٦خ׾⢪׻׆ח倜鋉ד⡲׏ג׃תֲ✲ָ֮׷ ˖ ⡂׋״ֲזؙٓأָ✉甧ׅ׷ 14 σβΠϯΨΠυϥΠϯ࡞੒લͷ໰୊

  15. ‣ Ꟛ涪⚥ך؝ىُص؛٦ءّٝדرؠ؎ش٦٥ؒٝآص،ה׮ח气䒦ׅ׷ ˖ ぐرغ؎أדずׄ然钠ָⰅ׷ ˖ ⳿䨱׶ ‣ ٔٔ٦أ䖓חرغ؎أד䊴ⴓָ鋅אַ׷ ˖ ؝ىُص؛٦ءّٝ怩׸

    ˖ ״׃זחװ׏׋穠卓 ‣ ׅדח㶷㖈ׅ׷ػ٦خ׾⢪׻׆ח倜鋉ד⡲׏ג׃תֲ✲ָ֮׷ ˖ ⡂׋״ֲזؙٓأָ✉甧ׅ׷ 15 σβΠϯΨΠυϥΠϯ࡞੒લͷ໰୊

  16. ‣ Ꟛ涪⚥ך؝ىُص؛٦ءّٝדرؠ؎ش٦٥ؒٝآص،ה׮ח气䒦ׅ׷ ˖ ぐرغ؎أדずׄ然钠ָⰅ׷ ˖ ⳿䨱׶ ‣ ٔٔ٦أ䖓חرغ؎أד䊴ⴓָ鋅אַ׷ ˖ ؝ىُص؛٦ءّٝ怩׸

    ˖ ״׃זחװ׏׋穠卓 ‣ ׅדח㶷㖈ׅ׷ػ٦خ׾⢪׻׆ח倜鋉ד⡲׏ג׃תֲ✲ָ֮׷ ˖ ⡂׋״ֲזؙٓأָ✉甧ׅ׷ 16 σβΠϯΨΠυϥΠϯ࡞੒લͷ໰୊

  17. ‣ Ꟛ涪⚥ך؝ىُص؛٦ءّٝדرؠ؎ش٦٥ؒٝآص،ה׮ח气䒦ׅ׷ ˖ ぐرغ؎أדずׄ然钠ָⰅ׷ ˖ ⳿䨱׶ ‣ ٔٔ٦أ䖓חرغ؎أד䊴ⴓָ鋅אַ׷ ˖ ؝ىُص؛٦ءّٝ怩׸

    ˖ ״׃זחװ׏׋穠卓 ‣ ׅדח㶷㖈ׅ׷ػ٦خ׾⢪׻׆ח倜鋉ד⡲׏ג׃תֲ✲ָ֮׷ ˖ ⡂׋״ֲזؙٓأָ✉甧ׅ׷ 17 σβΠϯΨΠυϥΠϯ࡞੒લͷ໰୊

  18. ‣ Ꟛ涪⚥ך؝ىُص؛٦ءّٝדرؠ؎ش٦ծؒٝآص،ה׮ח气䒦ׅ׷ ˖ ぐرغ؎أדずׄ然钠ָⰅ׷ ˖ ⳿䨱׶ ‣ ٔٔ٦أ䖓חرغ؎أד䊴ⴓָ鋅אַ׷ ˖ ؝ىُص؛٦ءّٝ怩׸

    ˖ ״׃זחװ׏׋穠卓 ‣ ׅדח㶷㖈ׅ׷ػ٦خ׾⢪׻׆ח倜鋉ד⡲׏ג׃תֲ✲ָ֮׷ ˖ ⡂׋״ֲזؙٓأָ✉甧ׅ׷ 18 σβΠϯΨΠυϥΠϯ࡞੒લͷ໰୊ 䊨侧ך⵴幾ה؟٦ؽأה׃גך窟♧䠬 ָ䗳銲

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

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

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

  22. 22 Material Design Color palette

  23. 23 Material Design Typography

  24. 24 Material Design And more ...

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

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

  27. ‣ 䊨侧ָ׉׸ז׶חַַ׷ךדծث٦يחず䠐׾䖤׷ ˖ ٠剢꟦װ׷➭ךةأؙה⚛遤 ˖ ⡲䧭ًٝغ٦せرؠ؎ش٦ծ8FC–ծ"OESPJEծJ04 ‣ וֿתדװ׷ַ寸׭׷ ˖ ؟٦ؽأך窟♧䠬חꟼ׻׷׮ך

    ˖ 葿 ˖ ؿؓٝزծ俑㶵؟؎ؤ ˖ ״ֻ⢪ֲ6*؝ٝه٦طٝز ˖ نةٝ ˖ ت؎،ؚٗٌ٦تٕ 27 σβΠϯΨΠυϥΠϯΛͭ͘Γ࢝ΊΔ࣌ʹ΍ͬͨ͜ͱ

  28. ‣ 䊨侧ָ׉׸ז׶חַַ׷ךדծث٦يחず䠐׾䖤׷ ˖ ٠剢꟦װ׷➭ךةأؙה⚛遤 ˖ ⡲䧭ًٝغ٦せرؠ؎ش٦ծ8FC–ծ"OESPJEծJ04 ‣ וֿתדװ׷ַ寸׭׷ ˖ ؟٦ؽأך窟♧䠬חꟼ׻׷׮ך

    ˖ 葿 ˖ ؿؓٝزծ俑㶵؟؎ؤ ˖ ״ֻ⢪ֲ6*؝ٝه٦طٝز ˖ نةٝ ˖ ت؎،ؚٗٌ٦تٕ 28 σβΠϯΨΠυϥΠϯΛͭ͘Γ࢝ΊΔ࣌ʹ΍ͬͨ͜ͱ

  29. ‣ 䊨侧ָ׉׸ז׶חַַ׷ךדծث٦يחず䠐׾䖤׷ ˖ ٠剢꟦װ׷➭ךةأؙה⚛遤 ˖ ⡲䧭ًٝغ٦せرؠ؎ش٦ծ8FC–ծ"OESPJEծJ04 ‣ וֿתדװ׷ַ寸׭׷ ˖ ؟٦ؽأך窟♧䠬חꟼ׻׷׮ך

    ˖ 葿 ˖ ؿؓٝزծ俑㶵؟؎ؤ ˖ ״ֻ⢪ֲ6*؝ٝه٦طٝز ˖ نةٝ ˖ ت؎،ؚٗٌ٦تٕ 29 σβΠϯΨΠυϥΠϯΛͭ͘Γ࢝ΊΔ࣌ʹ΍ͬͨ͜ͱ

  30. ‣ 䊨侧ָ׉׸ז׶חַַ׷ךדծث٦يחず䠐׾䖤׷ ˖ ٠剢꟦װ׷➭ךةأؙה⚛遤 ˖ ⡲䧭ًٝغ٦せرؠ؎ش٦ծ8FC–ծ"OESPJEծJ04 ‣ וֿתדװ׷ַ寸׭׷ ˖ ؟٦ؽأך窟♧䠬חꟼ׻׷׮ך

    ˖ 葿 ˖ ؿؓٝزծ俑㶵؟؎ؤ ˖ ״ֻ⢪ֲ6*؝ٝه٦طٝز ˖ نةٝ ˖ ت؎،ؚٗٌ٦تٕ 30 σβΠϯΨΠυϥΠϯΛͭ͘Γ࢝ΊΔ࣌ʹ΍ͬͨ͜ͱ

  31. ‣ 䊨侧ָ׉׸ז׶חַַ׷ךדծث٦يחず䠐׾䖤׷ ˖ ٠剢꟦װ׷➭ךةأؙה⚛遤 ˖ ⡲䧭ًٝغ٦せرؠ؎ش٦ծ8FC–ծ"OESPJEծJ04 ‣ וֿתדװ׷ַ寸׭׷ ˖ ؟٦ؽأך窟♧䠬חꟼ׻׷׮ך

    ˖ 葿 ˖ ؿؓٝزծ俑㶵؟؎ؤ ˖ ״ֻ⢪ֲ6*؝ٝه٦طٝز ˖ نةٝ ˖ ت؎،ؚٗٌ٦تٕ 31 σβΠϯΨΠυϥΠϯΛͭ͘Γ࢝ΊΔ࣌ʹ΍ͬͨ͜ͱ

  32. ‣ 䊨侧ָ׉׸ז׶חַַ׷ךדծث٦يחず䠐׾䖤׷ ˖ ٠剢꟦װ׷➭ךةأؙה⚛遤 ˖ ⡲䧭ًٝغ٦せرؠ؎ش٦ծ8FC–ծ"OESPJEծJ04 ‣ וֿתדװ׷ַ寸׭׷ ˖ ؟٦ؽأך窟♧䠬חꟼ׻׷׮ך

    ˖ 葿 ˖ ؿؓٝزծ俑㶵؟؎ؤ ˖ ״ֻ⢪ֲ6*؝ٝه٦طٝز ˖ نةٝ ˖ ت؎،ؚٗٌ٦تٕ 32 σβΠϯΨΠυϥΠϯΛͭ͘Γ࢝ΊΔ࣌ʹ΍ͬͨ͜ͱ

  33. ‣ 䊨侧ָ׉׸ז׶חַַ׷ךדծث٦يחず䠐׾䖤׷ ˖ ٠剢꟦װ׷➭ךةأؙה⚛遤 ˖ ⡲䧭ًٝغ٦せرؠ؎ش٦ծ8FC–ծ"OESPJEծJ04 ‣ וֿתדװ׷ַ寸׭׷ ˖ ؟٦ؽأך窟♧䠬חꟼ׻׷׮ך

    ˖ 葿 ˖ ؿؓٝزծ俑㶵؟؎ؤ ˖ ״ֻ⢪ֲ6*؝ٝه٦طٝز ˖ نةٝ ˖ ت؎،ؚٗٌ٦تٕ 33 σβΠϯΨΠυϥΠϯΛͭ͘Γ࢝ΊΔ࣌ʹ΍ͬͨ͜ͱ

  34. 葿 34

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

  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

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

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

  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

  40. نةٝ 40

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

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

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

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

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

  46. ‣ ׉׮׉׮ךⵃ欽欽鷿׾ֿךة؎ىؚٝד罋ִ湫ׅ ˖ 䠐䙼寸㹀 ˖ 然钠 ˖ 鏮実 ˖ 堣腉铡僇

    46 μΠΞϩάʢϞʔμϧʣͷσβΠϯΨΠυϥΠϯ࡞੒

  47. ‣ ׉׮׉׮ךⵃ欽欽鷿׾ֿךة؎ىؚٝד罋ִ湫ׅ ˖ 䠐䙼寸㹀 ˖ 然钠 ˖ 鏮実 ˖ 堣腉铡僇

    47 μΠΞϩάʢϞʔμϧʣͷσβΠϯΨΠυϥΠϯ࡞੒

  48. ‣ ِ٦ؠ٦ח㼎׃ג䠐䙼ך寸㹀׾実׭׷ ˖ כְծְְִךאך鼅䫛肇׾䭯א ˖ ☓نةٝכאֽזְ 48 ҙࢥܾఆ ApprovalPopup.fromNib() .set(

    title: “λΠτϧ", message: "ϝοηʔδ" ) .show( confirm: {͸͍ͷ৔߹ͷॲཧ}, cancel: {͍͍͑ͷ৔߹ͷॲཧ} )

  49. ‣ ׉׮׉׮ךⵃ欽欽鷿׾ֿךة؎ىؚٝד罋ִ湫ׅ ˖ 䠐䙼寸㹀 ˖ 然钠 ˖ 鏮実 ˖ 堣腉铡僇

    49 μΠΞϩάʢϞʔμϧʣͷσβΠϯΨΠυϥΠϯ࡞੒

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

    )

  51. ‣ ׉׮׉׮ךⵃ欽欽鷿׾ֿךة؎ىؚٝד罋ִ湫ׅ ˖ 䠐䙼寸㹀 ˖ 然钠 ˖ 鏮実 ˖ 堣腉铡僇

    51 μΠΞϩάʢϞʔμϧʣͷσβΠϯΨΠυϥΠϯ࡞੒

  52. ‣ ِ٦ؠ٦ח㼎׃ג湫䱸涸ז،ؙءّٝ׾実׭׷ ˖ ،ؙءّٝך鏮実׾ׅ׷ 52 ૌٻ AppealPopup .show( data: AppealContentType.communityDetailSearch.data,

    handler: { // ΞΫγϣϯॲཧ } )

  53. ‣ ׉׮׉׮ךⵃ欽欽鷿׾ֿךة؎ىؚٝד罋ִ湫ׅ ˖ 䠐䙼寸㹀 ˖ 然钠 ˖ 鏮実 ˖ 堣腉铡僇

    53 μΠΞϩάʢϞʔμϧʣͷσβΠϯΨΠυϥΠϯ࡞੒

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

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

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

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

    ؕٝف⡲䧭ך䊨侧⵴幾

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

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

  60. 60

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

    ةؚٔٝ׮遤ִ׋ 61 σβΠϯΨΠυϥΠϯ࡞੒ޙ

  62. תה׭ 62

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

    ˖ 然钠ך䖉׍儗꟦ ˖ ⳿䨱׶ 63 ·ͱΊ

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

    64 ·ͱΊ

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

  66. ֶתֽ 66

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

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

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

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