fitme

2013年頃に考えたブラウザのUI

Transcript

1. W
2. /FX#SPXTFS
   
   'JU
   .F
    ೔ৗੜ׆ʹ࢖༻͢ΔαʔϏεͷ૿Ճ΍ɺσόΠεͷ ଟ༷ԽɺϢʔβʔͷଐੑʹ߹Θͤͯɺ࠷దͳ6*΁ͷ มߋΛՄೳʹ͢ΔͨΊʹ࡞Γ·ͨ͠ɻ
4. 'JU
   .F
   ͱ͸ ࣗ෼ͷར༻έʔεʹ߹ͬͨΠϯλʔϑΣʔεΛ࣮ݱ͍ͨ͠
   
   
   %FTLUPQϒϥ΢βΛ࢖͏Ϣʔβʔ޲͚ͷɺ
   
   
   'JU
   .Fͱ͍͏ϓϩμΫτ͸ɺ
   
   
   %FTLUPQ্Ͱಈ࡞͢Δ8&#ϒϥ΢βΞϓϦέʔγϣϯͰ͋Δɻ
   
   
   ͜Ε͸ϒϥ΢βͱͯ͠ͷ࠷௿ݶͷػೳΛআ͖ɺλϒͷΧςΰϦΛ੾ Γସ͑Δ͜ͱ΍֦ுΛߦ͏͜ͱͰɺϢʔβʔͷར༻༻్ʹ߹ͬͨϒ ϥ΢βΛ࣮ݱ͢Δ͜ͱ͕Ͱ͖ɺ
   
   
   0QFSBͱ͸ҧͬͯɺ
   
   
   ࠨαΠυόʔͷػೳΛվྑ͠ɺαΠυόʔͷ໊લΛzύωϧzͱͯ͠ ओ࣠ʹஔ͍ͨΠϯλʔϑΣʔε͕උΘ͍ͬͯΔɻ
6. 1. ϒϥ΢βදࣔྖҬͷ໰୊ 2. σόΠεؒͷಉظɺදࣔՕॴͷ໰୊ 3. ΧελϚΠζͷෆศ͞ͷ໰୊ ϒϥ΢βͷ3ͭͷ໰୊ɺFit Me ͷ௅ઓ
7. 1. ϒϥ΢βදࣔྖҬͷ໰୊ 2. σόΠεؒͷಉظɺදࣔՕॴͷ໰୊ 3. ΧελϚΠζͷෆศ͞ͷ໰୊ ϒϥ΢βͷ3ͭͷ໰୊ɺFit Me ͷ௅ઓ
8. 1. ϒϥ΢βදࣔྖҬͷ໰୊ Լهͷཧ༝͔Βϒϥ΢βͷදࣔྖҬ͸ॎΛ௕͘͢Δ ͜ͱΛҙࣝͨ͠΄͏͕͍͍ɻ - ਓ͸ߦͷจࣈ਺͕ଟ͍จষΛಡΉͱർΕΔ - ଟ͘ͷϒϥ΢β͕ԣ෯ʹ༨෼ͳ༨നΛ͍࣋ͬͯΔ
9. 1. ϒϥ΢βදࣔྖҬͷ໰୊ ·ͨɺλϒΛ্ʹऔΔ͜ͱͰ … - title ͷจࣈ਺͕λϒΛ։͘͜ͱͰݟ͑ʹ͘͘ͳ Δɻ࠷ऴతʹ͸ favicon ΋ title ΋දࣔ͞Εͳ͍ɻ - λϒͷදࣔྖҬ͕ڱ·Δ͜ͱͰɺλϒͷΫϦοΫ ͕ߦ͍ʹ͘͘ͳΔɻ
10. 1. ϒϥ΢βදࣔྖҬͷ໰୊ Google Chrome λϒ Firefox λϒ
11. 1. ϒϥ΢βදࣔྖҬͷ໰୊ Fit Me ͷղܾํ๏ શͯͷλϒΛ೺ѲͰ͖ΔΑ͏ʹ͢ΔҝɺදࣔྖҬΛ ݮΒ͞ͳ͍ҝʹλϒΛύωϧʹදࣔ͢Δɻ λϒΛύωϧʹදࣔ͢Δ͜ͱͰҰఆͷදࣔྖҬɺ ΫϦοΫྖҬΛ֬อ
12. 1. ϒϥ΢βදࣔྖҬͷ໰୊ λϒΛύωϧʹදࣔ͢Δ͜ͱͰҰఆͷදࣔྖҬɺ ΫϦοΫྖҬΛ֬อ
13. 1. ϒϥ΢βදࣔྖҬͷ໰୊ 2. σόΠεؒͷಉظɺදࣔՕॴͷ໰୊ 3. ΧελϚΠζͷෆศ͞ͷ໰୊ ϒϥ΢βͷ3ͭͷ໰୊ɺFit Me ͷ௅ઓ
14. Ո΍ձࣾͰ͸Desktopɺ֎Ͱ͸Tablet΍MobileΛ࢖ ͏ͳͲɺϢʔβʔ͕ར༻γʔϯʹ߹ΘͤͯσόΠε Λ੾Γସ͍͑ͯΔɻ طଘͷϒϥ΢βͰ͸ɺಉظΛ࣮ߦ͢Δػೳͷ഑ஔՕ ॴɺಉظޙͷ࢖༻ํ๏͕Θ͔Γʹ͍͘ɻ 2. σόΠεؒͷಉظɺදࣔՕॴͷ໰୊
15. σόΠεΛ੾Γସ͑ͨ࣌ʹλϒ΍ཤྺɺϒοΫϚʔ Ϋ͕ಉظ͞Εͳ͍ͷ͸ෆศɻDesktop্Ͱશͯ؅ཧ Ͱ͖ΔΑ͏ʹ͢Δɻ σόΠεͷ੾Γସ͑πʔϧͷൃݟ͠΍͘͢ɺ࢖͍΍ ͍͢ॴʹஔ͘ɻ 2. σόΠεؒͷಉظɺදࣔՕॴͷ໰୊
16. 2. σόΠεؒͷಉظɺදࣔՕॴͷ໰୊ Google Chrome ಉظʢ৽͍͠λϒ Footerʣ Firefox ಉظʢελʔτϖʔδ Footerʣ
17. 2. σόΠεؒͷಉظɺදࣔՕॴͷ໰୊ Fit Me ͷղܾํ๏ Dashboard΍΢Οϯυ΢λϒ಺ʹDesktopɺ TabletɺMobileͰ੾Γସ͑ද͕ࣔ༰қʹͰ͖ΔΑ͏ ʹ͢Δɻ
18. 2. σόΠεؒͷಉظɺදࣔՕॴͷ໰୊ μογϡϘʔυ
19. 2. σόΠεؒͷಉظɺදࣔՕॴͷ໰୊ ύωϧʢ΢Οϯυ΢ʣ
20. 1. ϒϥ΢βදࣔྖҬͷ໰୊ 2. σόΠεؒͷಉظɺදࣔՕॴͷ໰୊ 3. ΧελϚΠζͷෆศ͞ͷ໰୊ ϒϥ΢βͷ3ͭͷ໰୊ɺFit Me ͷ௅ઓ
21. 3. ΧελϚΠζͷෆศ͞ͷ໰୊ Ϣʔβʔͷଐੑ͕֦େ͢Δத 1ͭͷΠϯλʔϑΣʔεͰຊ౰ʹ࢖͍΍͍͢΋ͷΛ ࡞Δͷ͸೉͍͠ɻ
22. 3. ΧελϚΠζͷෆศ͞ͷ໰୊ Ϣʔβʔʹϒϥ΢βͷػೳΛֶशͯ͠΋Β͍ɺ ࣗ෼ʹ߹ͬͨΠϯλʔϑΣʔεΛϢʔβʔࣗ਎͕࡞ Γ্͛Δඞཁ͕͋Δɻ
23. 3. ΧελϚΠζͷෆศ͞ͷ໰୊ Firefox ΧελϚΠζ
24. 3. ΧελϚΠζͷෆศ͞ͷ໰୊ Firefox ͷΑ͏ʹ͢΂ͯΛදࣔ͠ɺॎͷྖҬΛڱΊ Δ͜ͱ͚ͩ͸͠ͳ͍Α͏ʹ͢Δɻ
25. 3. ΧελϚΠζͷෆศ͞ͷ໰୊ Fit Me ͷղܾํ๏ ݱࡏɺଞͷϒϥ΢βͰ͸όʔͱͯ͠ѻΘΕ͍ͯΔ΋ ͷΛύωϧ಺ʹؚΊɺ୳͍ͯ͠Δ΋ͷ͕ҰఆͷதͰ ׬݁͢ΔΑ͏ʹ͢Δɻ
26. 3. ΧελϚΠζͷෆศ͞ͷ໰୊ ΢Οϯυ΢
27. 3. ΧελϚΠζͷෆศ͞ͷ໰୊ ϒοΫϚʔΫ
28. 3. ΧελϚΠζͷෆศ͞ͷ໰୊ App
29. 3. ΧελϚΠζͷෆศ͞ͷ໰୊ ཤྺ
30. 3. ΧελϚΠζͷෆศ͞ͷ໰୊ ϝϞ
31. 3. ΧελϚΠζͷෆศ͞ͷ໰୊ μ΢ϯϩʔυʢ্෦ʣ
32. 3. ΧελϚΠζͷෆศ͞ͷ໰୊ μ΢ϯϩʔυʢԼ෦ʣ
33. 1. ϒϥ΢βදࣔྖҬͷ໰୊ 2. σόΠεؒͷಉظɺදࣔՕॴͷ໰୊ 3. ΧελϚΠζͷෆศ͞ͷ໰୊ ϒϥ΢βͷ3ͭͷ໰୊ɺFit Me ͷ௅ઓ
34. ࣗ෼ʹͽͬͨΓͳϒϥ΢βΛ͋ͳͨʹ 'JU
    .F
35. ੡࡞ऀ