a-blog cmsで可能なマルチデバイス対応についてのセミナースライドです。

1. a-blog cmsでできる、
マルチデバイス対応
੠ቍ࿃௝ᕾૺୂଛ૩ୂ଱ଏ
༰ᓉ်ᒟ໅

2. ᝂཬᙒூ
ቍ࿃௝ᕾૺୂଛ૩ୂ଱ଏ༰ᓉ်ᒟ໅
଍૩ଲ૵૽ଭହୁ଍ૼ૪ହୁ
ૹୂ଍૩ହ૶ୁ06ኽᘅલ઱
:HEಿ௵౸᝕
౪ଝଳ૶ଯତୂ੡3+3ષည૔૆ટધ
DEORJFPVಿ௵໥ᚖૻ૪଎௎୺
ಂኪᦠ໯યቖ௵ફમ૆ડ

4. DEORJFPV૚௾ફધ
ତ଱ଇ଍ଖ૪૿༄ဌફમᰔ

5. DEORJFPVયયક૓છર
ଲ૿ଣହ૽ଜૻ૪଎
૿ତୂ଎ଛ૯ହᇡ᧖ഀૻ૪଎
କ૪ଜରଉଏฐૻ૪଎

6. レスポンシブサイト

7. 普通に作るので
いいんじゃないの？
https://www.flickr.com/photos/11250735@N07/8560841233/

8. DEORJFPVᑮᝂશዝᜏઔ
ઊ૒૆ડ

9. 1.૿ଅ૪଱૲૪ଏ

10. DEORJFPVಿ௵ᛐൠઙ၌ะ
KWWSGHYHORSHUDEORJFPVMS

11. DEORJFPV૿ଅ૪଱૲૪ଏ
KWWSGHYHORSHUDEORJFPVMSUHIHUHQFHODWHVWVWOHJXLGHKWPO

14. Ⴣᖶયક૓ᓏ౔ૻ૪଀૊
᯺ჭ໡યક૓

15. ଲ૿ଣହ૽ଜશૻ૪଎ય
෯૓છરરᢊઐસܰ

16. PC版に
合わせると
画像サイズが
重い…
https://www.flickr.com/photos/vegas/414012553/

17. 2.ᓏ౔ᚲᄪ

18. ૿ତୂ଎ଛ૯ହᓆળ༐ઝઌૻ૪଀શᓏ౔૚ᡂᕼડ૓
KWWSGHYHORSHUDEORJFPVMSUHIHUHQFHODWHVWEXLOWLQMVMVDGDSWLYHBLPDJHKWPO

19. DEORJFPVયᓏ౔૚Ⴣᖶડ૓ર੡
ᦻ྄ૻ૪଀શૃઓળ੡༐ઝઌૻ૪଀ୁ
๦કઌૻ૪଀શᓏ౔ઔᓃ႙ઝ૔૓

20. ૹହଛ૩૶ᰓᚃ᫆ᢙ໡ᰓ૪ଧୂ૾ᚃ᫆

21. MDYDVFULSW૚ᚃ᫆ટમ੡઱શዒ྇ળલ૓ર໥ᠻઝ૔૓ઓᗯ૚ჭ໡

22. +70/ଌହଝଲୂ଎શᓏ౔ᡂᕼ᧩ಳ૚ᚃ᫆

23. 少しの変更で
画像置換ができたよ！
https://www.flickr.com/photos/deerwooduk/579761138/

24. 最適化サイト

25. ൛ઠ85/ય૿ତଡୁ
ଛ૩ୂଇ଩ୂଛ૯ହૻ૪଎

27. DEORJFPVશ
੬଱ୂ଱੭રઌ઎ᢙ໡૚
௾ᓆટમჵ૒ಳઙ

28. ૿ତୂ଎ଛ૯ହર3શᡂᕼჵ૒ಳઙᆊ፜
KWWSGHYHORSHUDEORJFPVMSGRFXPHQWUXOHHLG

29. ᗽᒟᓏ᫧ᰓ଱ୂ଱ᰓ଱ୂ଱૚௵႙

30. ବୂૼୂ૮ୂ૾૭ହ଎૚੬૿ତୂ଎ଛ૯ହ੭ળᢙ໡

31. ჭ໡ટધ଱ୂ଱શ੬ૹହଛ૩૶੭ય੡૿ତୂ଎ଛ૯ହય
૨૵ଁ૿ટધ᪺શᢙ໡૚ᚃ᫆

32. ૹହଛ૩૶ᰓଌୂତ੠ય૿ତୂ଎ଛ૯ହᓆશଌୂତ૚ᢙ໡

33. 3ૻ૪଎ᡂᕼર૿ତୂ଎ଛ૯ହᡂᕼ૚ᠻકሌડ૓ଢଅହશᢙᚲ
KWWSYHUVLRQDEORJFPVMSVXSSRUWWXWRULDONHLWDLVSSFKWPO

34. છછય੡ଲ૿ଣହ૽ଜૻ૪଎ર
ᇡ᧖ഀૻ૪଎શଧରଉ଎ୁ଍ଧରଉ଎
શ઒ઝ૑ઌ

35. ଲ૿ଣହ૽ଜૻ૪଎
બશ+70/ଛ૧૪଱યᗽᒟયક૓
୼ᡸલଃୂ૿ઔઊ૓ัൗ૊
ᢙᢍୁኽᘅઔᡩᫌળલ૓ัൗ૊

36. ᇡ᧖ഀૻ૪଎
૿ତୂ଎ଛ૯ହળᇡ᧖ഀઝ૔ધ
ଃୂ૿ૌ༏ᙾ૚ᄧఆયક૓
ᢙᢍୁኽᘅઔጡᦁᔉ໰ᆥ
3ᓆર૿ତୂ଎ଛ૯ହᓆશଌହଝଲୂ଎
ઔစᡸલધૉ੡ଧହଌଐହ૿ઔᐯᫌળ

37. どっちを選んだら
いいんだろう？
https://www.flickr.com/photos/andy_emcee/5995295163/

38. ઌઌરછാ૒
ટ઩ોઌ૆ટ૏઎᯶

39. બ૆૒ܰ
લ૓ુગ౽ᦻશଛ૧૪଱યᗽᒟટધઌ
൛ઠଠୂ૾ષ൛୴85/ય᧋ᓆટધઌ
ᢙᢍ૊ኽᘅ૊૽ହଝ଱ળટધઌ

40. ハイブリッド型サイト
実装方法

41. ଟୂ૿ષ3ૻ૪଎શଌହଝଲୂ଎
૿ତଡનઙળ᧖ᓆટધઌଛ૧૪଱
૚௵ફમ୺ᇛક

42. 3 ૿ତଡ
શ᧩ಳષ౽ᦻશ+70/૚௾ᓆ
ષ੡3ୁ૿ତଡᑮᝂશ+70/

43. DEORJFPVશ
ଌୂତᙩႻዝᜏ૚௾ઌ૆ડ

44. ଌୂତશᙩႻ
KWWSGHYHORSHUDEORJFPVMSGRFXPHQWWKHPHVLQKHULWKWPO

45. 3ᑌ
PDLQ
WRSKWPO
LQFOXGH
KHDGHUKWPO
IRRWHUKWPO
FRPSDQKWPO
DFFHVVKWPO
૿ତଡᑌ
VS#PDLQ
LQFOXGH
KHDGHUKWPO
IRRWHUKWPO
FVV
VWOHFVV
FVV
VWOHFVV

46. 3ᑌ
PDLQ
WRSKWPO
LQFOXGH
KHDGHUKWPO
IRRWHUKWPO
૿ତଡᑌશଛ૧૪଱ઔ༑લઌ᯶
FRPSDQKWPO
DFFHVVKWPO
૿ତଡᑌ
VS#PDLQ
LQFOXGH
KHDGHUKWPO
IRRWHUKWPO
FVV
VWOHFVV
FVV
VWOHFVV

47. 3ᑌ
PDLQ
WRSKWPO
LQFOXGH
KHDGHUKWPO
IRRWHUKWPO
FRPSDQKWPO
DFFHVVKWPO
૿ତଡᑌ
VS#PDLQ
LQFOXGH
KHDGHUKWPO
IRRWHUKWPO
FVV
VWOHFVV
FVV
VWOHFVV

48. ૿ତଡᑌશଌୂତଛ૯଱ଆ൜
VS#PDLQ
௔ၣશ
ଛ૯଱ଆ൜
3શଌୂତ
ଛ૯଱ଆ൜

49. 3ᑌ
PDLQ
WRSKWPO
LQFOXGH
KHDGHUKWPO
IRRWHUKWPO
FRPSDQKWPO
DFFHVVKWPO
૿ତଡᑌ
VS#PDLQ
LQFOXGH
KHDGHUKWPO
IRRWHUKWPO
FVV
VWOHFVV
FVV
VWOHFVV

50. ૿ତୂ଎ଛ૯ହᑮᝂશଌହଝଲୂ଎૚
௾ᓆટધઌ᧩ಳષ੡૿ତୂ଎ଛ૯ହશ
ଌହଝଲୂ଎ଛ૯଱ଆ᯽VS#PDLQ

51. ળ
3ᑌર൛ઠଛ૯଱ଆୁଛ૧૪଱൜ય௵႙

52. ૿ତୂ଎ଛ૯ହય᡻ધ᪺ળ੡VS#PDLQ
ળ່෻ટમઌ૓ଛ૧૪଱શેઔ୺ᇛક
ઝ૔੡VS#PDLQળ່෻ટલઌଛ૧૪଱
ષ੡3ᑌશଛ૧૪଱ઔᣄેᦣ૆૔૓

53. 3 ૿ତଡ
શ᧩ಳષ౽ᦻશ+70/૚௾ᓆ
ષ੡3ୁ૿ତଡᑮᝂશ+70/

54. ᗽᒟᓏ᫧ᰓ଱ୂ଱ᰓ଱ୂ଱૚௵႙

55. ବୂૼୂ૮ୂ૾૭ହ଎૚੬૿ତୂ଎ଛ૯ହ੭ળᢙ໡

56. ૹହଛ૩૶ᰓଌୂତ੠ય૿ତୂ଎ଛ૯ହᓆશଌୂତ૚ᢙ໡

57. ଛ଱06યલઌૻ૪଎ય૊
๦୸๩᯶

58. କ૪ଜରଉଏฐૻ૪଎
ಿ௵શૹଊ

59. 1.૿ଅ૪଱૲૪ଏશᅴ౉

60. 3ᑌ૿ଅ૪଱૲૪ଏ

61. ૿ତୂ଎ଛ૯ହᑌ૿ଅ૪଱૲૪ଏ

62. 3ર૿ତୂ଎ଛ૯ହૻ૪଎શ
ૹହଌହଊ᧩ಳષ੡൛ઠ+70/ય
ᢕ᦮ડ૓
3 ૿ତଡ
શ᧩ಳષ౽ᦻશ+70/૚௾ᓆ

63. 2.ଗୂଊഛ௪યᗽᒟડ૓

64. KHDGHUKWPO
IRRWHUKWPO
ERG!
LQFOXGHᯬOH ܦLQFOXGHKHDGHUKWPO!
᫣ઌ᧩ಳશ+70/᯽ૹହଌହଊ᯾
LQFOXGHᯬOH ܦLQFOXGHIRRWHUKWPO!
ERG!

65. ଞଉଆୂୁଛଉଅୂનઙયલગ੡
ଐଙ૸ୂ૽ଭହૌ
ૹହଌହଊ಄૊ଗୂଊഀ
ડ૓છરઔયક૆ડ

66. 3 ૿ତଡ
PDLQLQFOXGHEDQQHUKWPO VS#PDLQLQFOXGHEDQQHUKWPO
LQFOXGHᯬOH ܦLQFOXGHEDQQHUKWPO!

67. 3 ૿ତଡ
PDLQLQFOXGHVFKHGXOHKWPO VS#PDLQLQFOXGHVFKHGXOHKWPO
ᢞ໻ᡂ ᢞ໻ᡂ
K!ᢞ໻ᡂK!
LQFOXGHᯬOH ܦLQFOXGHVFKHGXOHKWPO!

68. ૃઓળ૊ܰ
3ᑌષᢕணશૻତରୂ૚ᅸ໇੡
૿ତଡᑌષᅸ໇ಮડ
઒ධઌൗ૗ણીશ༏ᙾ૮ର૨૚
3ર૿ତଡયಮટಳઙ૓

69. ᡂᕼ᧩ಳશᙏઓઌಿ࿼ઔ
ᘍഛળ᯶

70. 5(665HVSRQVLYH'HVLJQ6HUYHU6LGHRPSRQHQWV
KWWSZZZOXNHZFRPᯫHQWUDVS

71. ૆રૉ
ଲ૿ଣହ૽ଜૻ૪଎
૿ତୂ଎ଛ૯ହᇡ᧖ഀૻ૪଎
କ૪ଜରଉଏฐ᯽ઌઌરછാ૒᯾
ૻ૪଎

72. ૆રૉ
᪜૑૔ધରଃୂ૿੡ᆲ᪅੡
ᡸ௓શஇયᇡᝥશ᧛Ⴧ૚᯶

73. ありがとうございました
facebook eriko.ymd
blog http://aogiri.net/
https://www.flickr.com/photos/kevincortopassi/3939632445/