[開発] Flash to HTML5 変æ›ã‚µãƒ¼ãƒ“スを開発æˆåŠŸ | blog.progression.jp
æ ªå¼ä¼šç¤¾ CLOQUE. ã¯ã€Progression 製㮠Flash サイトを HTML5 ã«å¤‰æ›ã™ã‚‹æ©Ÿèƒ½ã®æŠ€è¡“開発ã«æˆåŠŸã—ã¾ã—ãŸã€‚ 変æ›å¾Œã®ãƒ‡ãƒ¼ã‚¿ãŒå®Ÿéš›ã«å‹•ä½œã—ã¦ã„る様åã¯ä»¥ä¸‹ã®å‹•ç”»ã‹ã‚‰ç¢ºèªã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 詳細ã¯å…¬å¼ã®ãƒ—レスリリースをã”確èªãã ã•ã„。 サービスã®ç¶šå ±ã«ã¤ã„ã¦ã¯ progression.jp ã§ã‚‚ãŠçŸ¥ã‚‰ã›ã™ã‚‹äºˆå®šã§ã™ã€‚
「ãªãœAppleã¯iPadã«Flashを載ã›ã‚‹ã¹ãã§ã¯ãªã„ã€ã®ã‹
æ°—ãŒã¤ã„ãŸäººã‚‚多ã„ã¨æ€ã†ãŒã€iPadã®ã‚¢ãƒŠã‚¦ãƒ³ã‚¹ãƒ¡ãƒ³ãƒˆã§ã‚ã£ã•ã‚Šã¨ç„¡è¦–ã•ã‚ŒãŸã®ãŒAdobeã®Flash。ç§ã¯æ„図的（ï¼ã€ŒFlashãªã‚“ã‹é‡è¦ã˜ã‚ƒãªã„ã€ã¨ã„ã†ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ï¼‰ã¨èªã‚“ã ãŒã€çš†ã•ã‚“ã¯ã©ã†ã ã‚ã†ã‹ã€‚ iPhoneãŒFlashをサãƒãƒ¼ãƒˆã—ã¦ã„ãªã„ã“ã¨ã«å¯¾ã™ã‚‹Adobeã‚’å«ã‚ãŸã•ã¾ã–ã¾ãªæ–¹é¢ã‹ã‚‰ã®æ‰¹åˆ¤ã‚’考ãˆã‚Œã°ã€ã€Œthe best way to experience the web （最高ã®ã‚¦ã‚§ãƒ–環境）ã€ã‚’売り文å¥ã®iPadãŒã€ã“ã‚Œã ã‘広ã使ã‚ã‚Œã¦ã„ã‚‹Flashをサãƒãƒ¼ãƒˆã—ãªã„ã¨ã„ã†ã®ã¯ãŠã‹ã—ãªè©±ã 。 ä¸æ€è°ã«æ€ã†äººã‚‚多ã„ã‹ã‚‚ã—ã‚Œãªã„ãŒã€è‡ªåˆ†ã‚’Appleã®çµŒå–¶é™£ã®ç«‹å ´ã«ç½®ã„ã¦è‰¯ã考ãˆã¦ã¿ã‚Œã°ç”ãˆã¯æ˜Žç¢ºã«ãªã‚‹ã€‚ Appleã¨ã„ã†ä¼šç¤¾ã¯ã€æ˜”ã‹ã‚‰ã•ã¾ã–ã¾ãªã‚¯ãƒªã‚¨ãƒ¼ã‚¿ãƒ¼ãŸã¡ï¼ˆã‚¢ãƒ¼ãƒ†ã‚£ã‚¹ãƒˆã€ãƒŸãƒ¥ãƒ¼ã‚¸ã‚·ãƒ£ãƒ³ã€ã‚¦ã‚§ãƒ–・デザイナーã€etc.）をé…力的ã§ä¾¿åˆ©ãªãƒ‘ソコンやツールã§å‘³æ–¹ã«ã¤ã‘ã€å½¼ã‚‰ã®ä½œå“を消費者
ã¨ã‚ã‚‹javascriptã®ç”»åƒç”Ÿæˆ
å…ƒãƒã‚¿ï¼šã¨ã‚る櫻花ã®ç”»åƒç”Ÿæˆã€ã¨ã‚ã‚‹ç”»åƒã®è‡ªå‹•ç”Ÿæˆ<ジェãƒãƒ¬ãƒ¼ã‚¿> HTML5ã®canvasを使ã£ã¦ã‚„ã£ã¤ã‘仕事。グラデーションã¯é¢å€’ãªã®ã§ã‚„ã‚ãŸã€‚SilverLightやサーãƒãƒ¼ã‚µã‚¤ãƒ‰ã¯ã€ã‚‚ã¯ã‚„éŽåŽ»ã®éºç‰©ã§ã‚る。ã“ã‚Œã‹ã‚‰ã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®ã¿ã§ã€ã“ã‚Œãらã„ã‚„ã‚‹ã®ãŒå½“ãŸã‚Šå‰ã«ãªã‚‹ã¹ãã 。フィード経由ã§é–²è¦§ã—ã¦ã„る人ã¯ã€ã”é¢å€’ã§ã¯ã”ã–ã„ã¾ã™ãŒã€ç›´æŽ¥è¦‹ã¦ã„ãŸã ã„ãよã†ãŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ 主è¦ãƒ–ラウザã§ãƒ†ã‚¹ãƒˆã—ã¦ã¿ãŸçµæžœã€‚ Chrome, Safari: 完璧 Firefox: ãªãœã‹@ï¼ï¼³ ゴシックãŒæ„図通りã«æç”»ã•ã‚Œãªã„。 Opera:　canvasã®æ–‡å—列æ画をサãƒãƒ¼ãƒˆã—ã¦ã„ãªã„。 IE: ãˆãƒ¼ã¨â€¦â€¦ã¨ã‚Šã‚ãˆãšãŠå‰ã¯ã‚«ã‚¨ãƒ¬ã€‚ グラデーションã¯ã€æ€ã„ã®ã»ã‹ç°¡å˜ã ã£ãŸã€‚ Anonymous said... ç§ã¯Windowsã§Safari 4を使ã£ã¦ã„ã¾ã™ãŒã€æŒ¯ã‚Šä»®å（インデックス）ã®éƒ¨åˆ†ãŒ
マイクãƒã‚½ãƒ•ãƒˆãŒHTML5仕様ã‹ã‚‰Canvasè¦ç´ を外ã™ã‚ˆã†ã«æ案ã€ã—ã‹ã—一刀両æ–ã«...
HTML5ã®ä»•æ§˜ã‚’è°è«–ã™ã‚‹ãƒ¡ãƒ¼ãƒªãƒ³ã‚°ãƒªã‚¹ãƒˆã§ã€ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆãŒCanvasè¦ç´ ã‚’HTML5ã‹ã‚‰å¤–ã™ã“ã¨ã‚’æ案ã—ãŸã“ã¨ãŒã€ã„ãã¤ã‹ã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ã‚µã‚¤ãƒˆã§å ±é“ã•ã‚Œã¦ã„ã¾ã™ã€‚マイクãƒã‚½ãƒ•ãƒˆã¯ä¸»è¦ãªWebブラウザã®ãƒ™ãƒ³ãƒ€ã¨ã—ã¦å”¯ä¸€Canvasè¦ç´ を実装ã—ã¦ãŠã‚‰ãšã€ãã®ãƒ™ãƒ³ãƒ€ãŒã€ŒHTML5ã®ä»•æ§˜ã‹ã‚‰Canvasè¦ç´ を外ã—ãŸæ–¹ãŒã„ã„ã®ã§ã¯ï¼Ÿã€ã¨ã„ã†æ案をã—ãŸã“ã¨ã§é¨’ãŽã«ãªã£ã¦ã„るよã†ã§ã™ï¼ˆå‚考：Ajaxianã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ã€Webmonkeyã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ï¼‰ã€‚ 以å‰ã‹ã‚‰ã‚ã£ãŸCanvas分離ã®è°è«– HTML5ã®ä»•æ§˜ã‹ã‚‰Canvasを外ã—ã€Web Workersã‚„Web Storageã€Web Socketsã®ã‚ˆã†ã«HTML5ã®å‘¨è¾ºä»•æ§˜ã¨ã—ã¦ç‹¬ç«‹ã—ã¦è°è«–を進ã‚よã†ã¨ã„ã†æ案ã¯ä»¥å‰ã‹ã‚‰ã‚ã‚Šã¾ã—ãŸã€‚ ãã®ç†ç”±ã¨ã—ã¦ã€Canvasã«ã¤ã„ã¦ã®è°è«–ãŒHTML5全体ã®é€²æ—ã‚’é…ãã—ã¦ãŠã‚Šã€åˆ†é›¢ã—ãŸä¸Šã§æ©Ÿèƒ½ã‚„アクセシビリティã®å‘上
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Engadget | Technology News & Reviews
{{#tags}}- {{label}}
{{/tags}}