Learn web development  | web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
『Flashã®ä»£æ›¿ã¨ã—ã¦ã®HTML5ã€
ç§ã¯å…¥ç¤¾ã—ã¦ä»¥æ¥ã€ä»®æƒ³ç©ºé–“サービスã®ã‚¢ãƒ¡ãƒ¼ãƒãƒ”ã‚°ã‚„Facebookアプリã®é–‹ç™ºãªã©Flashベースã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ä¸»ã«é–¢ã‚ã£ã¦æ¥ã¾ã—ãŸãŒï¼ˆã©ã¡ã‚‰ã‹ã¨ã„ã†ã¨ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã§ã—ãŸãŒï¼‰ã€ï¼™æœˆã‚ˆã‚Šç•°å‹•ã«ãªã‚Šã€æ—¢å˜ã®Flashコンテンツベースã®ã‚µãƒ¼ãƒ“スã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã‚’担当ã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚周知ã®é€šã‚ŠiOS(iPhoneã€iPad)ã§Flashã¯ã‚µãƒãƒ¼ãƒˆã•ã‚Œãšã€ãƒ–ラウザ上ã§å‹•ã‹ã™ã®ã§ã‚ã‚Œã°HTML5関連ã®æŠ€è¡“を使ã£ã¦ä½•ã¨ã‹ã—ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“。Flashçš„ãªã€Œã‚¿ã‚¤ãƒ ラインã«ã‚ˆã‚‹ãƒ™ã‚¯ã‚¿ãƒ¼ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’使ã†ã‚¢ãƒ—リケーションã€ã‚’ã€æ—¢å˜ã®SWFç´ æを活用ã—ã¤ã¤ã€ã¾ãŸç¢ºç«‹ã•ã‚ŒãŸé–‹ç™ºä½“制をãªã‚‹ã¹ãå´©ã™ã“ã¨ç„¡ãã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ–ラウザ環境ã§ã®HTML5ã«ãŠã„ã¦ã„ã‹ã«å®Ÿç¾ã™ã‚‹ã‹ãŒç›®ä¸‹ã®èª²é¡Œã¨ã„ã£ãŸã¨ã“ã‚ã§ã™ã€‚ ã•ã¦ã€ä¸–é–“çš„ã«ã‚‚ã€Flashã§ã§ãã‚‹ã“ã¨ã¯HTML5ã§ã§ãã‚‹ã¨ã„ã†ä¸»å¼µã®ã‚‚ã¨ã€ŒFlash vs.
åˆå¿ƒè€…ã§ã‚‚ã»ã¼ç„¡æ–™ã§HTML5/CSS3を勉強ã§ãるコンテンツ9é¸ - paiza times
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}}