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

最強の500系エラー画面を探し求めて

akatsuki174
September 18, 2021

 最強の500系エラー画面を探し求めて

2021/09/18 iOSDC Japan 2021 day1 LT

akatsuki174

September 18, 2021
Tweet

More Decks by akatsuki174

Other Decks in Design

Transcript

  1. ࠷ڧͷ500ܥΤϥʔը໘Λ


    ୳͠ٻΊͯ
    iOSDC Japan 2021 day1


    @akatsuki174
    ͕࣌ؒͳ͍͔Β͜͜ͷཝͰࣗݾ঺հ͍ͯ͘͠Ϥʂ

    View full-size slide

  2. օ͞Μ


    ࣗ෼ͷΞϓϦͰͲΜͳ


    500ܥΤϥʔը໘Λ


    ग़ͯ͠·͔͢ʁ
    ໊લɿਢ౻ຘ

    View full-size slide

  3. • ʮ500ܥ͸ϋϯυϦϯάͯ͠ͳ͍͔΋ʯ


    • ʮͲΜͳը໘͔֮ͩͬͨ͑ͯͳ͍ʯ
    Twitterɿ@akatsuki174
    🙎 💬

    View full-size slide

  4. ॴଐɿגࣜձࣾTimers
    ͦΕ͡ΌμϝͰ͢🙅

    View full-size slide

  5. ͳͥ500ܥΤϥʔը໘͕େࣄ͔
    • ʮ"ࠓ೔͸͜ͷ͓ళͰ৯΂Α͏"ͱࢥͬͯӦۀ࣌ؒ಺ʹߦͬͨΒɺ͓
    ళ͕΍ͬͯͳ͔ͬͨʯͱಉ͡ঢ়گͰ͸ʁ


    • ʮࠓ͓ෲݮͬͯΔͷʹʂʯͱࢥ͍·ͤΜ͔ʁ


    • ళઌʹೲಘͷ͍͘షΓࢴ͕͋ͬͯ΄͘͠ͳ͍Ͱ͔͢ʁ
    ୲౰ɿAndroidʢϝΠϯ/ྺ໿2೥ʣ, iOSʢඞཁͱ͋Ε͹/ྺ໿7೥ʣ

    View full-size slide

  6. ͳͥ500ܥΤϥʔը໘͕େࣄ͔
    • ʮ"ࠓ೔͸͜ͷ͓ళͰ৯΂Α͏"ͱࢥͬͯӦۀ࣌ؒ಺ʹߦͬͨΒɺ͓
    ళ͕΍ͬͯͳ͔ͬͨʯͱಉ͡ঢ়گͰ͸ʁ


    • ʮࠓ͓ෲݮͬͯΔͷʹʂʯͱࢥ͍·ͤΜ͔ʁ


    • ళઌʹೲಘͷ͍͘షΓࢴ͕͋ͬͯ΄͘͠ͳ͍Ͱ͔͢ʁ
    ୲౰ɿAndroidʢϝΠϯ/ྺ໿2೥ʣ, iOSʢඞཁͱ͋Ε͹/ྺ໿7೥ʣ
    Ϣʔβʹඇ͸ͳ͍
    ࠓͦͷΞϓϦ͕
    ඞཁ͔ͩΒ։͍ͨ͸ͣ

    View full-size slide

  7. ͦ͜Ͱ
    51ΞϓϦͷ500ܥΤϥʔը໘ΛूΊͨࢲ͔Βɺ


    • ੈͷ500ܥΤϥʔը໘ͷλΠϓ෼ྨ


    • ྑ͍ / ྑ͘ͳ͍500ܥΤϥʔը໘


    ʹ͍ͭͯ঺հ͠·͢
    ࠓ೥4݄ʹୈҰࢠग़࢈ 🎉🎉🎉
    ˞ܥΤϥʔ
    ϝϯςφϯεɺো֐ൃੜ
    ྆ํΛࢦ͢
    5XFFU%FDLʹ
    ʮḉམͪʯݕࡧλϒΛ
    ࡞ͬͯεΫγϣ
    ूΊͨΑʜ

    View full-size slide

  8. ੈͷ500ܥΤϥʔը໘ͷλΠϓ
    ҭٳͳ͏Ͱɺདྷ೥౓ϑϧ෮ؼ༧ఆ
    1. 500ܥΤϥʔͰ͋Δ͜ͱ͑͞આ໌ͯ͠ͳ͍ܥʢ24/51ʣ


    2. 500ܥΤϥʔ͕ൃੜͨ͜͠ͱΛ໌ࣔͯ͠Δܥʢ20/51ʣ


    3. 500ܥΤϥʔ͕ൃੜͨ͜͠ͱΛ໌ࣔ͠ɺ͔ͭΞΫγϣϯϘλϯ͕ɹ
    ͋Δܥʢ7/51ʣ

    View full-size slide

  9. 1. 500ܥΤϥʔͰ͋Δ͜ͱ͑͞આ໌ͯ͠ͳ͍ܥ
    ޷͖ͳiOS 15ͷ৽ػೳɿϋʔϑϞʔμϧͬΆ͍γʔτ
    • ωοτϫʔΫΤϥʔද͕ࣔग़Δ


    • Πϯδέʔλ͙Δ͙ΔˠλΠϜΞ΢τ


    • ਅͬന

    View full-size slide

  10. 1. 500ܥΤϥʔͰ͋Δ͜ͱ͑͞આ໌ͯ͠ͳ͍ܥ
    ࢖ͬͯΔiPhoneͷػछɿiPhone XʢͦΖͦΖങ͍ସ͍͑ͨʣ
    ˞ը૾͸ΠϝʔδͰ͢

    View full-size slide

  11. 2. 500ܥΤϥʔ͕ൃੜͨ͜͠ͱΛ໌ࣔͯ͠Δܥ
    ޷͖ͳSF Symbolsɿmoon.zzz.
    fi
    ll wind.snow
    • ϝϯςφϯεத or ো֐͕ൃੜͨ͜͠ͱΛ఻͑Δจݴ͕͋Δ


    • ʢʮ͠͹Β͘଴ͬͯͶʯ౳Ϣʔβ͕Ͳ͏ͨ͠Β͍͍͔͍ࣔͯ͠Δʣ


    • ʢϝϯςφϯεऴྃ༧ఆ࣌ࠁ͕ॻ͍ͯ͋Δʣ

    View full-size slide

  12. 2. 500ܥΤϥʔ͕ൃੜͨ͜͠ͱΛ໌ࣔͯ͠Δܥ
    ޷͖ͳXcodeγϣʔτΧοτɿCmd + Shift + kʢΫϦʔϯʣ
    ˞ը૾͸ΠϝʔδͰ͢

    View full-size slide

  13. 3. 500ܥΤϥʔ͕ൃੜͨ͜͠ͱΛ໌ࣔ͠ɺ


    ͔ͭΞΫγϣϯϘλϯ͕͋Δܥ
    Vim೿ʁEmacs೿ʁɿEmacs೿ʢ΄ͱΜͲ࢖Θͳ͍͚Ͳʣ
    • ύλʔϯ2ͷཁૉΛඋ͍͑ͯΔ


    • Twitter΍͓஌Βͤ΁ͭͳ͕ΔϘλϯ͕͋Δ

    View full-size slide

  14. 3. 500ܥΤϥʔ͕ൃੜͨ͜͠ͱΛ໌ࣔ͠ɺ


    ͔ͭΞΫγϣϯϘλϯ͕͋Δܥ
    એ఻ɿདྷ݄DroidKaigiʹ΋ొஃ͢ΔΑʂݟͯͶʂ
    ˞ը૾͸ΠϝʔδͰ͢

    View full-size slide

  15. ྑ͘ͳ͍500ܥΤϥʔը໘
    • ঢ়گΛઆ໌͍ͯ͠ͳ͍


    • ঢ়گΛਖ਼͘͠આ໌͍ͯ͠ͳ͍
    એ఻ɿ͜ͷൃදͷཪ࿩Λϒϩάʹॻ͘ΑʂݟͯͶʂ

    View full-size slide

  16. ྑ͘ͳ͍500ܥΤϥʔը໘
    • ঢ়گΛઆ໌͍ͯ͠ͳ͍


    • ঢ়گΛਖ਼͘͠આ໌͍ͯ͠ͳ͍
    એ఻ɿ͜ͷൃදͷཪ࿩Λϒϩάʹॻ͘ΑʂݟͯͶʂ
    ʮ͋ΕɺωοτϫʔΫ؀ڥ
    μϝͳͷʁʁʯͱ͍Β͵
    ৺഑Λͤͯ͞͠·͏

    View full-size slide

  17. ྑ͍500ܥΤϥʔը໘
    • ঢ়گΛਖ਼͘͠આ໌͍ͯ͠Δ


    • Ϣʔβ͕࣍ʹͲ͏͢΂͖͔൑அͰ͖Δࡐྉ͕ࣔ͞Ε͍ͯΔ


    • ʢ࠷৽ͷঢ়گ͕Θ͔ΔΑ͏ʹͳ͍ͬͯΔʣ
    …ͦΖͦΖωλ͕ͳ͘ͳ͖ͬͯͨ΍Ͱ(ʀ´∀ʆ)

    View full-size slide

  18. ྑ͍500ܥΤϥʔը໘
    • ঢ়گΛਖ਼͘͠આ໌͍ͯ͠Δ


    • Ϣʔβ͕࣍ʹͲ͏͢΂͖͔൑அͰ͖Δࡐྉ͕ࣔ͞Ε͍ͯΔ


    • ʢ࠷৽ͷঢ়گ͕Θ͔ΔΑ͏ʹͳ͍ͬͯΔʣ
    …ͦΖͦΖωλ͕ͳ͘ͳ͖ͬͯͨ΍Ͱ(ʀ´∀ʆ)
    ిं͕ٸʹࢭ·ͬͨ࣌ɺԿͷઆ໌΋ͳ͍ͱ
    ৐٬͕૽͗࢝ΊΔ͕ɺঢ়گઆ໌͕͋Δͱ੩͔ʹ
    ଴͍ͬͯΔͱ͍͏σʔλ΋͋Δ
    ʮళओ͕ոզͨ͠ͷͰ೔ٳΈ·͢ʯ
    ͱॻ͔ΕͯͨΒೲಘͯ͠·ͨࠓ౓དྷΑ͏ͱ
    ࢥ͑·ͤΜ͔ʁ

    View full-size slide

  19. ·ͱΊ
    • 500ܥΤϥʔը໘΋खΛൈ͔ͣʹ࡞͍ͬͯ͜͏ͥʂʂʂ
    ΦϯϥΠϯiOSDCɺָ͠ΜͰ͍͜͏ͥʂʂʂ🍻🍻🍻

    View full-size slide

  20. • αʔόʔαΠυΤϯδχΞ (PHP, Golang, AWS)


    • AndroidΤϯδχΞ (Kotlin)


    • iOSΤϯδχΞ (Swift)
    TimersͰ͸ݱࡏΤϯδχΞશ৬छ࠾༻தʂ

    ৄ͘͠͸”Timers”Ͱݕࡧ

    View full-size slide

  21. ͝ਗ਼ௌ


    ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ

    View full-size slide