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

レイアウト実装方法の比較ポイント

izumi
March 07, 2019

 レイアウト実装方法の比較ポイント

izumi

March 07, 2019
Tweet

More Decks by izumi

Other Decks in Technology

Transcript

  1. ϨΠΞ΢τ࣮૷ํ๏ͷ
    ൺֱϙΠϯτ
    גࣜձࣾϊϋφɹ࿨ઘɹྒ
    3PQQPOHJTXJGU

    View Slide

  2. 3ZP*[VNJ
    גࣜձࣾϊϋφ
    J04%FWFMPQFS
    5XJUUFS!J[N
    (JU)VC!SJ[VNJ

    View Slide

  3. View Slide

  4. View Slide

  5. View Slide

  6. ϨΠΞ΢τ࣮૷ํ๏ͷ
    ൺֱϙΠϯτ

    View Slide

  7. ϨΠΞ΢τͷ࣮૷ํ๏
    w 4UPSZCPBSE
    w 9JC
    w $PEF

    View Slide

  8. ஫ҙ
    w ݸਓతͳҙݟΛؚΈ·͢
    w ҧ͏ҙݟ͓࣋ͪͷํډ·ͨ͠Β࠙਌ձͰҙݟަ׵͠·͠ΐ͏ʂ

    View Slide

  9. ॳظԽॲཧ

    View Slide

  10. ॳظԽॲཧd4UPSZCPBSEd
    w 4UPSZCPBSE͕7JFX$POUSPMMFSΛॳظԽ
    w 7JFX$POUSPMMFS΁ͷύϥϝʔλʔͷ౉͠ํ͸
    w JOTUBOUJBUF7JFX$POUSPMMFS

    w QSFBQBSF GPSTFHVF

    View Slide

  11. ॳظԽॲཧd9JC$PEFd
    w JOJUͰ7JFX$POUSPMMFS΁ύϥϝʔλʔΛ౉ͤΔ
    w δΣωϦΫε΋؆୯ʹ࢖͑Δ

    View Slide

  12. ॳظԽॲཧ
    w 4UPSZCPBSE
    w ը໘ؒͷύϥϝʔλʔड͚౉͠ΛҰՕॴʹ·ͱΊΒΕΔ
    w 7JFX$POUSPMMFSͷΩϟετ͕ඞཁʹͳΔ
    w ࣝผࢠΛUZQP͢ΔͱϥϯλΠϜΤϥʔ͕ى͖Δ
    w 9JC$PEF
    w JOJUͰύϥϝʔλʔΛ౉ͤΔͷͰґଘੑ஫ೖ͕͠΍͍͢
    w δΣωϦΫε΋؆୯ʹ࢖͏͜ͱ͕Ͱ͖Δ

    View Slide

  13. 7JFXͷ࠶ར༻ੑ

    View Slide

  14. 7JFXͷ࠶ར༻ੑ

    View Slide

  15. 7JFXͷ࠶ར༻ੑ
    w 4UPSZCPBSE
    w ࠶ར༻͠ʹ͍͘
    w 9JC$PEF
    w ࠶ར༻͠΍͍͢

    View Slide

  16. "VUP-BZPVU

    View Slide

  17. "VUP-BZPVUd4UPSZCPBSE9JCd

    View Slide

  18. ղ૾౓΍ॎɾԣͰ੍໿Λมߋ

    View Slide

  19. ࣮ߦલʹϨΠΞ΢τ֬ೝ΍੍໿ͷໃ६͕Θ͔Δ

    View Slide

  20. "VUP-BZPVUd$PEFd
    w /4-BZPVU$POTUSBJOU
    w /4-BZPVU"ODIPS
    w 4OBQ,JU

    View Slide

  21. "VUP-BZPVU
    w 4UPSZCPBSE9JC
    w ࣮ߦͤͣʹϓϨϏϡʔͰ੍͖ͯ໿ͷΤϥʔ΋Θ͔Δ
    w ॎɺԣ΍ϨΠΞ΢τຖͷ੍໿ͷઃఆ͕༰қʹͰ͖Δ
    w ϝϯςφϯε͕ͭΒ͘ͳΔࣄ͕͋Δ
    w $PEF
    w ϝϯςφϯε͸*#ΑΓָ͔΋͠Εͳ͍
    w ࣮ߦ͠ͳ͍ͱϨΠΞ΢τ͕෼͔Βͳ͍

    View Slide

  22. ը໘ߏ੒ͷΘ͔Γ΍͢͞

    View Slide

  23. ը໘ߏ੒d4UPSZCPBSEd
    w ϑϩʔ͕෼͔Γ΍͍͢

    View Slide

  24. ը໘ߏ੒d9JC$PEFd
    w ίʔυͰભҠ͢Δ৔߹ϑϩʔ͕෼͔ΓͮΒ͍

    View Slide

  25. ը໘ߏ੒ͷΘ͔Γ΍͢͞
    w 4UPSZCPBSE
    w ը໘ߏ੒ͷશମ૾͕෼͔Γ΍͍͢
    w *#ॏ͘ͳΓ͕ͪ
    w 4UPSZCPBSEίϯϑϦΫτ͕ͪ͠
    w 9JC$PEF
    w ը໘ߏ੒ͷશମ૾͕෼͔Γʹ͍͘

    View Slide

  26. νʔϜ։ൃ

    View Slide

  27. View Slide

  28. νʔϜ։ൃd4UPSZCPBSE9JCd
    w ίϯϑϦΫτ͢ΔͷͰ෼ۀͮ͠Β͍
    w ίʔυϨϏϡʔ͕΍Γʹ͍͘
    w ͱ͍͏͔΄΅ෆՄೳ

    View Slide

  29. ଞʹ΋ൺֱϙΠϯτ͸͍ͬͺ͍
    w νʔϜͷن໛΍Ϩϕϧ
    w *#0VUMFU*#"DUJPO
    w ϓϩύςΟͷઃఆҐஔ
    w ଟݴޠରԠ
    w อकੑ
    w *#ॏ͍
    w 4UBUJD$FMMT
    w "OENPSFʜ

    View Slide

  30. ϓϩμΫτ΍νʔϜͰ
    ํ਑΍ࢦඪΛܾΊΔͱྑ͍

    View Slide

  31. ϊϋφͰ͸
    w 4UPSZCPBSEɺ9JCɺίʔυશ෦͋Δ
    w ೥ଓ͍͍ͯΔϓϩμΫτ
    w ։ൃऀ΋ೖΕସΘ͍ͬͯΔ
    w ࠷ۙ͸9JCʹد͍ͤͯΔ
    w ॳظԽॲཧ
    w "VUP-BZPVU
    w *#ॏ͘ͳΔͷͭΒ͍

    View Slide

  32. View Slide