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

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) رؠ؎ش٦ך頾䬐ָ㣐ְֹ
    ؒٝآص،׮气䒦ׅ׷
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ך㜥さכ/PUP
    4BOT
    $+,
    ˖ 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) رؠ؎ٝؖ؎سٓ؎ٝ
    رؠ؎ٝؖ؎سٓ؎ٝח搀ְ׮ך
    ׌ֽ؝ىُص؛٦ءָّٝ涪欰
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 :)