https://jp.techcrunch.com/2011/12/22/20111221guide-to-html5-14-predictions-2012/
HTML5ã®å¯èƒ½æ€§ã‚’体験ã§ãã‚‹ã€ã™ã”ã„サイトã®ã¾ã¨ã‚
当サイトã§ã¯Cookieを使用ã—ã¦ã„ã¾ã™ã€‚引ã続ã当サイトを閲覧ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€ãƒãƒªã‚·ãƒ¼ã‚’å—ã‘入れãŸã‚‚ã®ã¨ã¿ãªã•ã‚Œã¾ã™ã€‚今後表示ã—ãªã„詳ã—ã見る
1時間ã§æºå¸¯ã‚µã‚¤ãƒˆã‚’スマートフォン対応ã«ã™ã‚‹æ–¹æ³• | GREE Engineering
åˆã‚ã¦ã®æŠ•ç¨¿ã¨ãªã‚Šã¾ã™ã€‚エンジニアã®matsuã§ã™ã€‚ æºå¸¯å‘ã‘ウェブサイトを1時間ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ æ¦‚è¦ 2011å¹´4月7æ—¥ã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ã«ã¦æºå¸¯é›»è©±ã®æ–°è¦å¥‘ç´„æ•°ã®ã†ã¡ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒå ã‚る割åˆãŒ50%を越ãˆã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒæœ¬æ ¼çš„ã«æ™®åŠã™ã‚‹å…†ã—ãŒè¦‹ãˆã¦ãã¾ã—ãŸã€‚ ç¾åœ¨ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘サイトを新è¦æ§‹ç¯‰ã™ã‚‹ãŸã‚ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¯æ•°å¤šã出ã¦ã„ã¾ã™ãŒã€æ—¢å˜ã®æºå¸¯ã‚µã‚¤ãƒˆã‚’スマートフォンã«æœ€é©åŒ–ã™ã‚‹æ–¹æ³•ãŒã‚ã¾ã‚Šç´¹ä»‹ã•ã‚Œã¦ã„ãªã„ã®ã§ã“ã®è¨˜äº‹ã§ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’è¡Œã†ã¨ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ 実装 全部ã§8ステップã‚ã‚Šã¾ã™ã€‚ ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã¯ãƒ–ãƒã‚°ã®ãƒˆãƒƒãƒ—ページを例ã«ã¨ã£ã¦èª¬æ˜Žã—ã¾ã™ã€‚ å‰åŠã§ã¯æ–‡å—コードã®å¤‰æ›´ã€HTMLã®å¤‰æ›´ã¨ã„ã£ãŸæ§‹é€ を変更ã—ã¾ã™ã€‚後åŠã§ã¯çµµæ–‡å—ã‚„æ–‡å—スタイルを行ã„ã€ä»•ä¸Šã’ã¨ã—ã¦HTML5ã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¡Œã£ã¦ã„ãã¾ã™ã€‚最åˆ
「jQuery Mobileã€ã®ç™»å ´ã§ã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーション開発ã¯å¤§ãã変ã‚ã‚‹ ï¼ Publickey
ã“ã®ã¨ã“ã‚HTML5関連ã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーション開発ã«ã¤ã„ã¦èª¿ã¹ã¦ã„ã¦ã€å…ˆé€±ã®æ°´æ›œæ—¥ã«ã¯SwapSkills主催ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒjQueryモãƒã‚¤ãƒ«ã§ç°¡å˜ï¼ スマートフォンサイト作æˆã€ã«å‚åŠ ã—ã¦jQuery Mobileã«ã¤ã„ã¦å‹‰å¼·ã—ã¦ãã¾ã—ãŸã€‚ jQuery Mobileã¨ã¯ã€jQueryã®ãƒ—ラグインã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーション用ã®ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ãã—ã¦ãã®é©šç•°çš„ãªã¾ã§ã®ç°¡å˜ã•ã¯ã€ã“ã‚Œã‹ã‚‰æ¥å‹™ç”¨ã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーションã®ä½œã‚Šæ–¹ã‚’一変ã•ã›ã¦ã—ã¾ã†å¯èƒ½æ€§ã‚’æ„Ÿã˜ã•ã›ã¾ã™ã€‚ jQuery Mobileã®å¤§ããªç‰¹å¾´ã¯æ¬¡ã®3ã¤ã§ã™ã€‚ 1）HTMLを書ãã ã‘ã§ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーションãŒã§ãã¦ã—ã¾ã† 2）モãƒã‚¤ãƒ«ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹å¯¾å¿œã®éƒ¨å“ãŒå¤šãæƒã£ã¦ã„ã‚‹ 3）iOSã€Androidã€WebOSã€Windows Moblieã€Symbianãªã©ã‚¯ãƒã‚¹ãƒ—ラットフォーム対応ã§ã‚ã‚‹ 具体的ãª
ã“ã‚Œã¯å‡„ã„ãžï¼ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘HTML5生æˆãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã€Œmobl〠| MOONGIFT | オープンソース・ソフトウェア紹介をä¸å¿ƒã¨ã—ãŸITエンジニア/Webデザイナーå‘ã‘ブãƒã‚°
moblã¯Eclipse上ã§é–‹ç™ºã—ã€HTML5/CSS/JavaScript/ç”»åƒã‚’生æˆã™ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã€‚ moblã¯Java製ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。スマートフォンã®äººæ°—ãŒã¨ã¦ã‚‚高ã„。特ã«WebKitã®ãƒ¢ãƒã‚¤ãƒ«ç‰ˆã‚’組ã¿è¾¼ã‚“ã§ã„ã‚‹ã‚‚ã®ãŒæ®†ã©ã§ï¼ˆiOS/Android/Palm Pre/Blackberryãªã©ï¼‰HTML5ã®æ©æµã«ã‚ãšã‹ã‚Šã‚„ã™ã„ã®ãŒè‰¯ã„。 開発環境ã¯Eclipse ãã‚“ãªHTML5ã®ãƒ‘ワーを使ãˆã°ã€ã¾ã‚‹ã§ãƒã‚¤ãƒ†ã‚£ãƒ–アプリã®ã‚ˆã†ãªå‹•ä½œã‚’ã•ã›ã‚‹ã“ã¨ã‚‚å¯èƒ½ã«ãªã£ã¦ã„る。ãã®ãŸã‚ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ライブラリã¯æ•°å¤šãã‚ã‚Œã©ã€moblã¯ä¸€å‘³ã‚‚二味もé•ã†ã€‚完全ã«å°‚用言語ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘Webアプリケーションを開発ã§ãる。 moblã¯Eclipse用ã®ãƒ—ラグインをé…布ã—ã¦ãŠã‚Šã€ãれをインストールã—ãŸå¾Œãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’作æˆã™ã‚‹ã€‚使ã†ã®ã¯moblã¨ã„ã†æ‹¡å¼µåã®
Androbookã§ãƒŽãƒ™ãƒ«ã‚„ゲームもï¼-HTMLã§å£²ä¸Š628万円?-：æ‘上ç¦ä¹‹ã®ã€Œãƒãƒƒãƒˆã¨ã‚±ãƒ¼ã‚¿ã‚¤ã¨ä¿ºæ§˜ã€ï¼šã‚ªãƒ«ã‚¿ãƒŠãƒ†ã‚£ãƒ–・ブãƒã‚°
Androbookã¨ã„ã†android用電å書ç±ãƒ—ラットフォームを作りã¾ã—ãŸã€‚誰ã§ã‚‚ç°¡å˜ã«ç„¡æ–™ã§Androidマーケットを通ã˜ã¦ä¸–ç•Œä¸ã«é›»å書ç±ã‚’売れるサービスã§ã™ã€‚今回HTML5ã«æœ¬æ ¼å¯¾å¿œã—ã¾ã—ãŸã€‚zipã§åœ§ç¸®ã—ãŸHTMLã ã‘ã§æŒ¿çµµä»˜ãノベルやゲームãªã©ã‚‚作れã¾ã™ã—ã€ãれをAndroidマーケットを通ã˜ã¦ä¸–ç•Œä¸ã«å‡ºã›ã¾ã™ã€‚androbookã¯æ‰‹æ•°æ–™ã‚‚å–ã‚Šã¾ã›ã‚“。無料ã®ã‚µãƒ¼ãƒ“スã§ã™ã€‚ HTMLã‚‚æ–‡å—ã ã‘ã§ãªãã€å°èª¬ã«æŒ¿çµµã‚’入れãŸã„。 ノベルゲームãªã©ã‚’作りãŸã„。 çµµãŒæã‘ãªã„ã‹ã‚‰æ–‡å—ã ã‘ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を作りãŸã„。 ãã†ã„ã†å£°ãŒã„ã£ã±ã„æ¥ã¦ã„ãŸã‚“ã§å®Ÿè£…ã—ã¦ã¿ã¾ã—ãŸã€‚ 書ç±ã®ã‚µãƒ³ãƒ—ルã¨ã—ã¦ä½œã£ãŸã€Œãƒ€ãƒ¡äººé–“ã®ãŸã‚ã®èµ·æ¥å…¥é–€ã€ã€‚3ページãらã„ã§çµ‚ã‚ã‚‹ã‚„ã‚‹æ°—ã®ãªã„新書ã§ã™ã€‚ã™ã§ã«Androidマーケットã§ç„¡æ–™ã§é…ã£ã¦ã„ã¾ã™ã€‚サンプルã®HTMLã‚‚Webã«ã‚ã‚Šã¾ã™ã€‚ ã¾ãŸã€ã‚²ãƒ¼ãƒ ã®ã‚µãƒ³ãƒ—ルも作ã£ã¦ã¿ã¾ã—ãŸ
HTML5ã§ä½œã‚‰ã‚ŒãŸç”»åƒåŠ 工サイト「Mugtug Darkroomã€ãŒã™ã”ã™ãŽã‚‹*二åæ³è¡—é“ã¾ã£ã—ãら（FC2ブãƒã‚°æ™‚代）
「Darkroomã€ã¯HTML5ã§ä½œã‚‰ã‚ŒãŸã‚ªãƒ³ãƒ©ã‚¤ãƒ³ç”»åƒåŠ 工サイトã§ã™ã€‚ ã¡ã‚‡ã“ã£ã¨åŠ å·¥ã™ã‚‹ãらã„ãªã‚‰å分ãªãらã„ã®æ©Ÿèƒ½ã‚’ã‚‚ã£ã¦ã„ã¾ã™ã€‚ HTML5ã§ä½œã‚‰ã‚ŒãŸã£ã¦ã¨ã“ãŒã™ã”ã„ã§ã™ãー。 IE8ã§ã¯å‹•ãã¾ã›ã‚“ã§ã—ãŸã€‚ 以下ã«ä½¿ã£ã¦ã¿ãŸæ§˜åを載ã›ã¦ãŠãã¾ã™ã€‚（※Chrome dev 6使用） ã¾ãšã€ŒDarkroomã€ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã™ã€‚ ã†ãŠã€ã‚ã¡ã‚ƒãã¡ã‚ƒé«˜æ©Ÿèƒ½ã£ã½ãã†ï¼ã“ã‚ŒãŒHTML5ï¼ï¼Ÿ 以下ã«å„機能をã–ã£ã¨ç´¹ä»‹ã—ã¾ã™ã€‚ トリミングやå転ã€èµ¤ç›®è£œæ£ãªã©ãŒã‚ã‚Šã¾ã™ã€‚ カラーãƒãƒ©ãƒ³ã‚¹ã‚„露出ã®èª¿æ•´ã€‚ ã“ã¡ã‚‰ã¯ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã€‚用æ„ã•ã‚Œã¦ã„ã‚‹10ã»ã©ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‹ã‚‰é¸ã³ã¾ã™ã€‚ IE8ã§ã¯ã”覧ã®é€šã‚Šã€ã‚¨ãƒ©ãƒ¼ã§å‹•ã„ã¦ãã‚Œã¾ã›ã‚“。 一見Flashã§ã‚‚使ã£ã¦ã‚‹ã®ã‹ãªã¨æ€ã£ã¡ã‚ƒã†ãらã„リッãƒã§ã™ã。 動作もサクサクã—ã¦ã„ã¦å®Ÿç”¨çš„ï¼ ï¼ˆæœ¬è¨˜äº‹ã§ç´¹ä»‹ã—ãŸã‚µã‚¤ãƒˆï¼šDarkroom）
HTMLã§å›³ã¾ã§æã‘ã‚‹ï¼é€²åŒ–ã—ãŸã€ŒHTML5ã€ã£ã¦ã©ã‚“ãªã‚‚ã®ï¼Ÿ - ã¯ã¦ãªãƒ‹ãƒ¥ãƒ¼ã‚¹
HTML言語ã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ã—ã¦ã€ç¾åœ¨æ¨™æº–化作æ¥ãŒé€²ã‚られã¦ã„る「HTML5ã€ã€‚ã¯ã¦ãªãƒ–ックマークã§ã‚‚ã“ã®ã‚ーワードを目ã«ã™ã‚‹æ©Ÿä¼šãŒå¢—ãˆã€ã€ŒHTML5ã£ã¦ä½•ï¼Ÿã€ã¨ç–‘å•ã«æ€ã£ã¦ã„る人も多ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚今回ã¯ã€ã€ŒHTML5ã£ã¦ä½•ï¼Ÿã©ã‚“ãªã“ã¨ãŒã§ãã‚‹ã®ï¼Ÿã€ã¨ã„ã†ç–‘å•ã«ãŠç”ãˆã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ â– HTML5ã§ã§ãã‚‹ã“㨠ã¾ãšã¯ã€HTML5を使ã†ã¨å…·ä½“çš„ã«ã©ã‚“ãªã“ã¨ãŒã§ãã‚‹ã®ã‹ã‚’見ã¦ã„ãã¾ã—ょã†ã€‚ ＜具体的ã«ä½•ãŒã§ãã‚‹ã®ï¼Ÿï¼ž â–½HTML5.JP - 次世代HTML標準 HTML5æƒ…å ±ã‚µã‚¤ãƒˆ â–½HTML5ã¨ã¯ï¼Ÿå¤‰ã‚ã‚‹Webã¨æ³¨ç›®ã®æ–°è¦ç´ HTML5.0ã®æƒ…å ±ã‚µã‚¤ãƒˆ ▽大幅ã«é€²åŒ–ã—ãŸæ¬¡ä¸–代 HTML è¦æ ¼ã€ŒHTML5ã€ã¨ã¯ï¼Ÿ - japan.internet.com Webビジãƒã‚¹ â–½HTML5, ãã¡ã‚“ã¨ã€‚ â–½ã‚ã–ã¾ã—Tech - HTML5 ã«ã¤ã„ã¦ã® Q&A â–½2010å¹´ã«å‹§å‘Šã•ã‚Œã‚‹ã€Œ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}