Learn web development  | web.devWeb Platform Dive into the web platform, at your pace.
『Flashã®ä»£æ›¿ã¨ã—ã¦ã®HTML5ã€
ç§ã¯å…¥ç¤¾ã—ã¦ä»¥æ¥ã€ä»®æƒ³ç©ºé–“サービスã®ã‚¢ãƒ¡ãƒ¼ãƒãƒ”ã‚°ã‚„Facebookアプリã®é–‹ç™ºãªã©Flashベースã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ä¸»ã«é–¢ã‚ã£ã¦æ¥ã¾ã—ãŸãŒï¼ˆã©ã¡ã‚‰ã‹ã¨ã„ã†ã¨ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã§ã—ãŸãŒï¼‰ã€ï¼™æœˆã‚ˆã‚Šç•°å‹•ã«ãªã‚Šã€æ—¢å˜ã®Flashコンテンツベースã®ã‚µãƒ¼ãƒ“スã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã‚’担当ã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚周知ã®é€šã‚ŠiOS(iPhoneã€iPad)ã§Flashã¯ã‚µãƒãƒ¼ãƒˆã•ã‚Œãšã€ãƒ–ラウザ上ã§å‹•ã‹ã™ã®ã§ã‚ã‚Œã°HTML5関連ã®æŠ€è¡“を使ã£ã¦ä½•ã¨ã‹ã—ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“。Flashçš„ãªã€Œã‚¿ã‚¤ãƒ ラインã«ã‚ˆã‚‹ãƒ™ã‚¯ã‚¿ãƒ¼ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’使ã†ã‚¢ãƒ—リケーションã€ã‚’ã€æ—¢å˜ã®SWFç´ æを活用ã—ã¤ã¤ã€ã¾ãŸç¢ºç«‹ã•ã‚ŒãŸé–‹ç™ºä½“制をãªã‚‹ã¹ãå´©ã™ã“ã¨ç„¡ãã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ–ラウザ環境ã§ã®HTML5ã«ãŠã„ã¦ã„ã‹ã«å®Ÿç¾ã™ã‚‹ã‹ãŒç›®ä¸‹ã®èª²é¡Œã¨ã„ã£ãŸã¨ã“ã‚ã§ã™ã€‚ ã•ã¦ã€ä¸–é–“çš„ã«ã‚‚ã€Flashã§ã§ãã‚‹ã“ã¨ã¯HTML5ã§ã§ãã‚‹ã¨ã„ã†ä¸»å¼µã®ã‚‚ã¨ã€ŒFlash vs.
åˆå¿ƒè€…ã§ã‚‚ã»ã¼ç„¡æ–™ã§HTML5/CSS3を勉強ã§ãるコンテンツ9é¸ -
Photo by slavik_V ã“ã‚“ã«ã¡ã¯ã€‚è°·å£ãŒãŠé€ã‚Šã—ã¾ã™ã€‚ Webã®ä»•äº‹ã‚’目指ã—ã¦ã„る人やプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°åˆå¿ƒè€…ã€ã•ã‚‰ã«ã¯ãƒ–ãƒã‚°ã‚’ã‚„ã£ã¦ã„る人ãªã©ã€HTMLã¨CSSã‚’ç¿’å¾—ã—ãŸã„人ã¯å¤šã„ã¨æ€ã„ã¾ã™ã€‚特ã«æœ€åˆã¯ã€ŒWebサイトを作ã£ã¦ã¿ãŸã„ã‘ã©ã©ã†ã—ãŸã‚‰ã„ã„ã‚“ã ã‚ã†â€¦â€¦ã€ã€Œè‡ªåˆ†ã®ãƒ–ãƒã‚°ã‚’豪è¯ã«ã—ã¦ã¿ãŸã„ã‚“ã ã‘ã©ã€HTMLã£ã¦ã„ã¾ã„ã¡ã‚ˆã分ã‹ã‚‰ãªã„……ã€ãªã©ã€ã•ã¾ã–ã¾ãªæ‚©ã¿ãŒã‚ã‚‹ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ HTMLã¨ã¯ã€Webページを作æˆã™ã‚‹æ™‚ã«ä½¿ç”¨ã•ã‚Œã‚‹ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—言語ã®ä¸€ã¤ã§ã™ã€‚ マークアップ言語ã¨ã¯ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã¨é•ã„「タグã€ã‚’使ã£ã¦ã€ã€Œã“ã“ã‹ã‚‰ã“ã“ã¾ã§ãŒè¦‹å‡ºã—ã§ã™ã€ã€Œã“ã“ã‹ã‚‰ã“ã“ã¾ã§ãŒä¸€ã¤ã®æ®µè½ã§ã™ã€ç‰ã¨ã„ã£ãŸå°ã‚’ã¤ã‘る言語ã§ã™ã€‚基本的ã«ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã®ã‚ˆã†ãªã€Œå…¥åŠ›å€¤ã‚’å–å¾—ã—計算処ç†ã‚’ã™ã‚‹ã€ã€Œæ¡ä»¶ã‚’満ãŸã™ã¾ã§å‡¦ç†ã‚’ç¹°ã‚Šè¿”ã™ã€ã¨ã„ã£ãŸå‡¦ç†ã‚„計算ã¯ã§ãã¾ã›ã‚“。 CSSã¯ã€Webペ
ï¼»é€Ÿå ±ï¼½HTML5ã€ã¤ã„ã«W3Cã®å‹§å‘Šã¨ãªã‚‹
W3CãŒç™ºè¡¨ã—ãŸãƒ—レスリリース（日本語）ã®å†’é を引用ã—ã¾ã™ã€‚ 2014å¹´10月28æ—¥(アメリカ)： ワールド・ワイド・ウェブ・コンソーシアム(W3C)ã¯ã€ã‚¦ã‚§ãƒ–ページやウェブアプリケーションを構築ã™ã‚‹éš›ã«ä½¿ç”¨ã•ã‚Œã‚‹ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆHTMLã®ç¬¬5版ã§ã‚ã‚‹HTML5を勧告ã¨ã—ã¦å…¬é–‹ã—ã€ã‚ªãƒ¼ãƒ—ン・ウェブ・プラットフォームã®ç¤Žã‚’築ãã¾ã—ãŸã€‚HTML5ã¯ã€ã‚¢ãƒ—リケーション開発者やアプリケーション産æ¥ãŒã“ã®å…ˆä½•å¹´ã«æ¸¡ã£ã¦ä¿¡é ¼ã™ã‚‹ã«è¶³ã‚‹ã€ã‚¢ãƒ—リケーション開発ã®ãŸã‚ã®æ©Ÿèƒ½ã‚’æä¾›ã—ã¾ã™ã€‚HTML5ã¯ä»Šã‚„幅広ã„デãƒã‚¤ã‚¹ã§ã€ãã—ã¦ä¸–ç•Œä¸ã®ãƒ¦ãƒ¼ã‚¶ãŒåˆ©ç”¨å¯èƒ½ã§ã‚ã‚Šã€ã‹ã¤è±Šå¯Œãªæ©Ÿèƒ½ã‚’æŒã¤ã‚¢ãƒ—リケーションã®é–‹ç™ºã‚³ã‚¹ãƒˆã‚’削減ã—ã¾ã™ã€‚ W3Cディレクターを務ã‚るティム・ãƒãƒ¼ãƒŠãƒ¼ã‚ºï¼ãƒªãƒ¼ã¯ã€ã€Œãƒ“デオやオーディオをブラウザ上ã§è¦‹ãŸã‚Šã€ãƒ–ラウザ上ã§é€šè©±ã‚’ã™ã‚‹ã“ã¨ã¯ã€ä»Šã‚„当然ã®äº‹ã¨ã—ã¦å—ã‘æ¢ã‚られã¦ã„ã‚‹ã€ã¨è¿°ã¹ã¦ã„ã¾ã™ã€‚「写真や店舗ã®
SPDYã‚„QUICç™»å ´ã®èƒŒæ™¯ã€‚Webã®é€²åŒ–ãŒãƒ—ãƒãƒˆã‚³ãƒ«ã‚’変ãˆã¤ã¤ã‚る。HTML5 Conference 2013
SPDYã‚„QUICç™»å ´ã®èƒŒæ™¯ã€‚Webã®é€²åŒ–ãŒãƒ—ãƒãƒˆã‚³ãƒ«ã‚’変ãˆã¤ã¤ã‚る。HTML5 Conference 2013 Webをより速ãã—よã†ã¨ã€HTTPよりも優れãŸãƒ—ãƒãƒˆã‚³ãƒ«ã¨ã—ã¦æ案ã•ã‚ŒãŸSPDY（スピーディ）。ã—ã‹ã—ãã®SPDYã«ã‚ˆã£ã¦ã€ä¸‹ä½ãƒ¬ã‚¤ãƒ¤ã§ã‚ã‚‹TCPã®åˆ¶é™ãŒé¡•è‘—ã«è¦‹ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ã—ã¾ã„ã€ãã®ã“ã¨ã§TCP以外ã®ãƒ—ãƒãƒˆã‚³ãƒ«ã¨ã—ã¦QUICã‚’GoogleãŒæ案ã—ã¦ã„ã¾ã™ã€‚ Webã®é€²åŒ–ã¯ã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã®ãƒ—ãƒãƒˆã‚³ãƒ«ã«ã¾ã§å½±éŸ¿ã‚’与ãˆã‚ˆã†ã¨ã—ã¦ã„ã‚‹ã€ã¨ã„ã†éžå¸¸ã«èˆˆå‘³æ·±ã„話ãŒã€HTML5ã®ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã€Œhtml5jã€ä¸»å‚¬ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒHTML Conference 2013ã€ã§è¡Œã‚ã‚ŒãŸå°æ¾å¥ä½œæ°ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã€Œæœ€æ–°Webプãƒãƒˆã‚³ãƒ«ã€å‚¾å‘ã¨å¯¾ç–ã€ã§è¡Œã‚ã‚Œã¾ã—ãŸã€‚ ãã®å†…容をダイジェストã§ç´¹ä»‹ã—ã¾ã—ょã†ã€‚ 最新Webプãƒãƒˆã‚³ãƒ«ã€å‚¾å‘ã¨å¯¾ç– å°æ¾ã§ã™ã€‚所属ã¯NTTコミュニケーションズã§HTML5ã®ç ”究
HTML5 Canvasã¨CSS3ã®ã‚¹ãƒžãƒ›ãƒ–ラウザã§ã®æ画性能 - ICS MEDIA
スマートフォンã®ãƒ–ラウザã§ã©ã®ç¨‹åº¦ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯è¡¨ç¾ãŒå¯èƒ½ãªã®ã‹ã€æ€§èƒ½ãŒæ°—ã«ãªã‚Šã¾ã›ã‚“ã‹ï¼Ÿã€€è¿‘å¹´ã€HTML5を利用ã§ãる分野ã¯ã‚¦ã‚§ãƒ–サイトã®ã¿ãªã‚‰ãšã€ã‚²ãƒ¼ãƒ ã‚„SPA（シングルページアプリケーション）ãªã©å¤šå²ã«æ¸¡ã£ã¦ã„ã¾ã™ã€‚ãã“ã§ã€æœ¬è¨˜äº‹ã§ã¯iOSã‚„Androidã®æ–°æ—§ã•ã¾ã–ã¾ãªç«¯æœ«ã‚’使ã£ã¦ãƒ‘フォーマンスを検証。記事ã®å‰åŠã§ã¯æ画性能をã€å¾ŒåŠã§ã¯JavaScriptã®è¨ˆç®—性能を測定ã—ã¦ã„ã¾ã™ã€‚ æ画性能ã®æ¤œè¨¼ãƒ“デオをã”覧ãã ã•ã„ ã•ã¾ã–ã¾ãªç«¯æœ«ã‚’使ã£ã¦ã€æ画検証ã®æ§˜åを録画ã—ã¾ã—ãŸã€‚ã“ã®80秒ã®å‹•ç”»ã§ã¯ç”»åƒã®ã‚ªãƒ–ジェクトã®è¡¨ç¤ºå¯èƒ½ãªå€‹æ•°ã‚’測定ã—ã¦ã„ã¾ã™ã€‚ビデオã®å¾ŒåŠãŒè¦‹ã©ã“ã‚ã§ã€iPhone 5ã®ãƒ‘フォーマンスãŒè‰¯ã™ãŽã¦ãƒ“デオを早é€ã‚Šã™ã‚‹ã»ã©ã‚¹ã‚³ã‚¢ãŒã§ã‚‹ã¾ã§æ™‚é–“ãŒã‹ã‹ã£ã¦ã„ã¾ã™ã€‚ ã•ã¾ã–ã¾ãªç«¯æœ«ã®ã‚¹ã‚³ã‚¢ã‚’測定ã—ã¾ã—㟠次ã®è¡¨ã«ã€2012å¹´ã¾ã§ã«ç™ºå£²ã•ã‚ŒãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ã‚¹ã‚³ã‚¢ã‚’掲載ã—ã¾ã—ãŸã€‚
レスãƒãƒ³ã‚·ãƒ–Webデザインã¨ã¯ (1/5)
スマートフォンやタブレットã€PCãªã©ã‚らゆるデãƒã‚¤ã‚¹ã«å¯¾å¿œã™ã‚‹åˆ¶ä½œæ‰‹æ³•ã¨ã—ã¦æ³¨ç›®ã•ã‚Œã¦ã„る「レスãƒãƒ³ã‚·ãƒ–Webデザインã€ã€‚レスãƒãƒ³ã‚·ãƒ–Webデザインã®æ¦‚念ã‹ã‚‰ã‚µã‚¤ãƒˆåˆ¶ä½œã®åŸºæœ¬ã¾ã§ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザインã«ã‚ˆã‚‹åˆ¶ä½œæ¡ˆä»¶ã‚’数多ãã“ãªã™èŠæ± å´‡æ°ãŒè§£èª¬ã—ã¾ã™ã€‚（編集部） 本連載ã§ç´¹ä»‹ã—ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザインã®åŸºç¤Žã«åŠ ãˆã¦ã€ç”»åƒã‚„å‹•ç”»ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã€ãƒ‘フォーマンス改善ã¨ã„ã£ãŸå•†ç”¨ã‚µã‚¤ãƒˆæ§‹ç¯‰ã®ãƒŽã‚¦ãƒã‚¦ã‚’大幅ã«åŠ ç†ã€‚ã•ã‚‰ã«ã€è§£åƒåº¦ã«ä¾å˜ã—ãªã„レスãƒãƒ³ã‚·ãƒ–Webデザインã®è€ƒãˆæ–¹ã‚„スマートテレビ対応ãªã©ã®å¿œç”¨ãƒ†ã‚¯ã‚‚盛り込ã¿ã¾ã—ãŸã€‚ レスãƒãƒ³ã‚·ãƒ–Webデザイン マルãƒãƒ‡ãƒã‚¤ã‚¹æ™‚代ã®ã‚³ãƒ³ã‚»ãƒ—トã¨ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ 定価：2,625円 (本体2,500円)ï¼å½¢æ…‹ï¼šB5変 (232ページ) ISBN：978-4-04-886323-0 レスãƒãƒ³ã‚·ãƒ–Webデザイン（Responsive Web Design）
HTML5--押ã•ãˆã¦ãŠãã¹ã10ã®ã‚¿ã‚°
HTML5ã§ã¯ã€ã‚¦ã‚§ãƒ–開発時ã«å¼·åŠ›ãªãƒ‘ワーや効率性ã€æŸ”軟性を発æ®ã™ã‚‹ã‚¿ã‚°ã¨å±žæ€§ãŒæ–°ãŸã«è¿½åŠ ã•ã‚Œã¦ã„る。本記事ã§ã¯ã€ãã†ã„ã£ãŸã‚¿ã‚°ã‚’10個é¸ã‚“ã§ç´¹ä»‹ã™ã‚‹ã€‚ HTML5ã§ã¯ã€ä»–ã®ã‚·ã‚¹ãƒ†ãƒ （特ã«æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ï¼ï¼‰ãŒãƒ‰ã‚ュメントをより容易ã«è§£æžã§ãるよã†ã«ã—ãŸã‚Šã€ä»Šã¾ã§ã«ãªã„データ表示をå¯èƒ½ã«ã—ãŸã‚Šã€è¤‡é›‘ãªJavaScriptã€ã‚ã‚‹ã„ã¯ã€ŒAdobe Flashã€ã‚„「Microsoft Silverlightã€ã¨ã„ã£ãŸãƒ–ラウザã®ãƒ—ラグインを必è¦ã¨ã—ã¦ã„ãŸæ©Ÿèƒ½ã«å–ã£ã¦ä»£ã‚るよã†ãªæ•°ã€…ã®æ–°ãŸãªè¦ç´ や属性ãŒè¿½åŠ ã•ã‚Œã¦ã„る。以下ã§ã¯ã€HTML5を用ã„ã¦ã‚ãªãŸã®ã‚¦ã‚§ãƒ–サイトを構築ã™ã‚‹éš›ã«å½¹ç«‹ã¤10個ã®æ–°ãŸãªã‚¿ã‚°ã‚’紹介ã™ã‚‹ã€‚ ＃1：<video>ã‚¿ã‚°ã¨<audio>ã‚¿ã‚° Flashã‚„Silverlightã¨ã„ã£ãŸãƒ†ã‚¯ãƒŽãƒã‚¸ã‚’用ã„る最大ã®ç†ç”±ã¯ã€ãƒžãƒ«ãƒãƒ¡ãƒ‡ã‚£ã‚¢ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å†ç”Ÿã«ã‚ã‚‹ã¨è¨€ã£ã¦ã‚‚よã„ã ã‚ã†ã€‚HTML5ã§
1
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
https://jp.techcrunch.com/2014/01/08/20140107vimeo-new-video-player/
{{#tags}}- {{label}}
{{/tags}}