Ionic Framework - The Cross-Platform App Development Leader
HTMLã®srcsetを使ã£ã¦ç”»åƒã‚’レスãƒãƒ³ã‚·ãƒ–ã«Retina対応ã•ã›ã¦ã¿ã‚ˆã† | Kia King
WEBã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã™ã‚‹ã¨ãã«çµæ§‹å¤§å¤‰ãªã®ãŒç”»åƒã®æ‰±ã„。iPhoneç‰ã®é«˜è§£åƒåº¦ãƒ‡ãƒã‚¤ã‚¹(Retinaディスプレイç‰)ã«ã¯2å€ã®ç”»åƒã‚’用æ„ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã—ã€æœ€è¿‘ã¯ç”»é¢ã®ã‚µã‚¤ã‚ºã«ä¼šã‚ã›ã¦ç”»åƒã‚’切り替ãˆãŸã„å ´åˆã‚‚多ã„。ãã‚“ãªæ™‚ã«HTML5ã®srcsetãŒã™ã“ã¶ã‚‹ä¾¿åˆ©ã ã£ãŸã®ã§ã”紹介ã—ã¾ã™ã€‚ srcsetã§ã§ãã‚‹ã“㨠次ã®ã‚ˆã†ãªã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ Retinaディスプレイ用ã«ç”»åƒã‚’切り替ãˆã‚‹ ウィンドウサイズã«åˆã‚ã›ã¦ç”»åƒã‚’切り替ãˆã‚‹ ウィンドウサイズã«åˆã‚ã›ã¦å‹•çš„ã«ç”»åƒã‚’切り替ãˆã‚‹ Retinaディスプレイ用ã«ç”»åƒã‚’切り替ãˆã‚‹ 基本的ãªä½¿ã„æ–¹ã¯ä¸‹è¨˜ã®ã‚ˆã†ãªæ„Ÿã˜ã§imgã‚¿ã‚°ã«ä½¿ç”¨ã—ã¾ã™ã€‚シンプルã§ã™ã。 <img src="img/example-img.jpg" srcset="img/example-img.jpg 1x, img/[email protected] 2x" alt
HTML5ã¨HTML 5.1ã€ãれらã®æ–°æ©Ÿèƒ½
2016å¹´11月ã«2å¹´ã¶ã‚Šã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã‚’æžœãŸã—ãŸHTMLã®è¨€èªžä»•æ§˜ã€‚ãã®ç›®æŒ‡ã™ã¨ã“ã‚ã¨ã€HTML 5.1ã®æ–°æ©Ÿèƒ½ã‚’å¹¾ã¤ã‹è¦‹ã¦ã¿ã‚ˆã†ã€‚ 連載目次 2016å¹´11月1日付ã‘ã§W3Cã¯HTML 5.1を勧告ã—ãŸã€‚ã“ã‚Œã¯2014å¹´10月28日付ã‘ã§å‹§å‘Šã•ã‚ŒãŸHTML5ã‚’ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã™ã‚‹ã‚‚ã®ã 。本稿ã§ã¯ãã®ä¸»ãªè¿½åŠ 機能ãªã©ã‚’ã–ã£ãã‚Šã¨è¦‹ã¦ã„ãã“ã¨ã«ã—よã†ï¼ˆãªãŠã€æœ¬ç¨¿ã§ã¯ãƒ¡ã‚¸ãƒ£ãƒ¼ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ã¿ã‚’ä»˜åŠ ã™ã‚‹å ´åˆã«ã¯ã€ŒHTML5ã€ã¨ã€ãƒžã‚¤ãƒŠãƒ¼ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’å«ã‚ã‚‹å ´åˆã«ã¯ã€ŒHTML 5.1ã€ãªã©ã¨è¡¨è¨˜ã™ã‚‹ã€‚ã“ã‚Œã¯W3Cã§ã®ä»•æ§˜ã«ãŠã‘る表記ã¨ã‚‚åˆè‡´ã—ã¦ã„る）。 ãã‚‚ãã‚‚HTML5ã¨ã¯ 新機能ã®è©±ã‚’ã™ã‚‹å‰ã«ã€ŒHTML5ã¨ã¯ã€ã«ã¤ã„ã¦å°‘ã—考ãˆã¦ãŠããŸã„。1ã¤ã¯èª°ãŒä»•æ§˜ã‚’ç–定ã—ã¦ã„ã‚‹ã‹ã€‚ã‚‚ã†1ã¤ã¯HTML5ã®ä½ç½®ä»˜ã‘ã 。 仕様をç–定ã™ã‚‹ã®ã¯èª°ï¼Ÿ å‰è€…ã«é–¢ã—ã¦ã„ãˆã°ã€ç¾åœ¨ã€HTMLã¯WHATWG（Web Hyp
プãƒã‚¸ã‚§ã‚¯ãƒˆã®å…±æœ‰ã¨ãƒªãƒªãƒ¼ã‚¹
Unreal Engine ãŒã‚µãƒãƒ¼ãƒˆã™ã‚‹ãƒ—ラットフォームã§ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒ‘ブリッシュã«é–¢ã™ã‚‹æƒ…å ±
#noscript
HTML5ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„モデルをç†è§£ã—ã‚„ã™ã„よã†ã«ã‚°ãƒ«ãƒ¼ãƒ—分ã‘ã—ã¦ã„ã¾ã™ã€‚è¦ç´ ã”ã¨ã«ä½¿ç”¨ã§ãる親åを一目ã§ç¢ºèªã§ãã¾ã™ã€‚
HTML5 入れåãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ | å‰å·ã‚¦ã‚§ãƒ–
HTML 5.2ã®ãã‚Œãžã‚Œã®è¦ç´ ãŒå…¥ã‚Œåã«ã§ãる「åè¦ç´ ã€ã€åŒ…å«ã•ã‚Œã‚‹ã“ã¨ãŒå¯èƒ½ãªã€Œè¦ªè¦ç´ ã€ã®ä¸€è¦§ã®ãƒ«ãƒ¼ãƒ«ã‚’視覚化ã—ã¦è¡¨ç¤ºã—ã¾ã™ã€‚ ※1 aè¦ç´ ã®è¦ªè¦ç´ ãŒåŒ…å«å¯èƒ½ã§ã‚ã‚‹ã“ã¨â€»1 audioè¦ç´ ã®è¦ªè¦ç´ ãŒåŒ…å«å¯èƒ½ã§ã‚ã‚‹ã“ã¨â€»1 canvasè¦ç´ ã®è¦ªè¦ç´ ãŒåŒ…å«å¯èƒ½ã§ã‚ã‚‹ã“ã¨â€»1 delè¦ç´ ã®è¦ªè¦ç´ ãŒåŒ…å«å¯èƒ½ã§ã‚ã‚‹ã“ã¨â€»1 insè¦ç´ ã®è¦ªè¦ç´ ãŒåŒ…å«å¯èƒ½ã§ã‚ã‚‹ã“ã¨åè¦ç´ çœç•¥â€»1 mapè¦ç´ ã®è¦ªè¦ç´ ãŒåŒ…å«å¯èƒ½ã§ã‚ã‚‹ã“ã¨â€»1 noscriptè¦ç´ ã®è¦ªè¦ç´ ãŒåŒ…å«å¯èƒ½ã§ã‚ã‚‹ã“㨠ã‹ã¤ bodyè¦ç´ ã®åå«ã§ã‚ã‚‹ã“ã¨åè¦ç´ çœç•¥â€»1 videoè¦ç´ ã®è¦ªè¦ç´ ãŒåŒ…å«å¯èƒ½ã§ã‚ã‚‹ã“㨠ルートè¦ç´ ＆文書メタデータ html 親 å head 親 å title 親 å base 親 å link 親 å※HTML 5.2ã‹ã‚‰å¯èƒ½ã€‚フレージングコンテンツãŒæœŸå¾…ã•ã‚Œã‚‹å ´æ‰€â€»headè¦ç´ ã®åå«ã§ã‚ã‚‹ã“㨠meta 親 å※he
accesskey=key - アクセスã‚ー - ã¨ã»ã»ã®WWW入門
accesskey=key - アクセスã‚ー トップ HTMLリファレンス accesskey=key 属性 <tagName accesskey=key> - アクセスã‚ー サãƒãƒ¼ãƒˆ https://caniuse.com/mdn-html_global_attributes_accesskey 説明 アクセスã‚ーã¯ã€ãƒžã‚¦ã‚¹ã®ä½¿ãˆãªã„環境ã§ã‚‚ã€ãƒªãƒ³ã‚¯ã«ã‚¸ãƒ£ãƒ³ãƒ—ã™ã‚‹ã€ãƒœã‚¿ãƒ³ã‚’押ã™ã€å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚’移ã™ãªã©ã®æ“作を簡å˜ã«è¡Œã†ã“ã¨ãŒã§ãるよã†ã«è€ƒæ…®ã•ã‚ŒãŸã‚‚ã®ã§ã™ã€‚Windows ã®ã€Œãƒ•ã‚¡ã‚¤ãƒ«(F)ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã«ã¤ã„ã¦ã„ã‚‹ã€F ã¨åŒã˜ã‚ˆã†ãªåƒãã‚’ã—ã¾ã™ã€‚ HTML4.01 ã§ã¯ã‚¢ã‚¯ã‚»ã‚¹ã‚ーã«ã¯ 1æ–‡å—ã®ã¿æŒ‡å®šå¯èƒ½ã¨å®šç¾©ã•ã‚Œã¦ã„ã¾ã™ã€‚HTML5 ã§ã¯ã‚¹ãƒšãƒ¼ã‚¹æ–‡å—ã§åŒºåˆ‡ã£ã¦è¤‡æ•°ã®æ–‡å—を指定å¯èƒ½ã¨ãªã‚Šã¾ã—ãŸãŒã€HTML5.1 ã§å†åº¦ 1æ–‡å—ã®ã¿æŒ‡å®šå¯èƒ½ãªä»•æ§˜ã«æˆ»ã•ã‚Œã¾ã—ãŸã€‚ OS やブラウザã«
HTML Living Standardå„è¦ç´ 別メモ
▼冒é 説明書ãを飛ã°ã™ æ³¨æ„ Another HTML-lintを個人的ã«HTML Living Standard対応ã«æ”¹é€ ã—ã¦ã‚‹ã¨ãã«ã€ã„ã¡ã„ã¡ä»•æ§˜ç‰ã‚’確èªã™ã‚‹ã®ã‚‚é¢å€’ã«ãªã£ã¦ä½œæˆã—ãŸã‚‚ã®ã§ã™ã€‚ HTML Living Standardã®å„è¦ç´ ã«ç„¦ç‚¹ã‚’ã‚ã¦ã¦ã€è¦ç‚¹ã ã‘ã«çµžã£ã¦ã¾ã™ã€‚ 仕様ã ã¨ã€åŒã˜è¦ç´ ã®ã“ã®ã“ã¨ã¯ã‚ã£ã¡ã«æ›¸ã„ã¦ã‚ã£ã¦ã‚ã®ã“ã¨ã¯ãã£ã¡ã«æ›¸ã„ã¦ã‚ã‚‹ã¿ãŸã„ãªã“ã¨ãŒçµæ§‹ã‚ã‚‹ã®ã§ã€å„è¦ç´ ã”ã¨ã«ã¾ã¨ã‚ã¦è¦‹ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ä¸€ç·’ã«ã—ãŸã¨ã„ã£ãŸã¨ã“ã‚ã§ã™ã€‚ 基本的ã«ã€HTML Living Standardã«åŸºã¥ã„ã¦ã¾ã™ãŒã€ãƒã‚§ãƒƒã‚¯ãŒã‚‚ã‚Œã¦ãŸã‚Šå¤‰æ›´ã«è¿½ã„ã¤ã„ã¦ãªã‹ã£ãŸã‚Šã™ã‚‹å¯èƒ½æ€§ã‚‚高ã„ã§ã™ã€‚ 解釈間é•ã„ã€èª¤å—ã€ã‚³ãƒ”ペã—ãŸã¨ãã®ä¿®æ£æ¼ã‚Œãªã©ã‚‚ãŠãŠã„ã«ã‚ã‚Šãˆã¾ã™ã€‚ 記載内容ã«ã¤ã„ã¦ã¯ã€è‘—者独自ã®è§£é‡ˆãƒ»è¦‹è§£ã«ã‚ˆã‚‹éƒ¨åˆ†ã‚‚ã‚ã‚Šã¾ã™ã€‚ 記載内容ã«åŸºã¥ã„ã¦ä½•ã‚‰ã‹ã®æ害ãŒç”Ÿã˜ãŸã¨ã—ã¦ã‚‚ã€è‘—者ã¯ä¸€åˆ‡ã®è²¬ä»»ã‚’è² ã„
HTML 5.2: 4.13. Common idioms without dedicated elements
Table of contents 1 Introduction2 Common infrastructure3 Semantics, structure, and APIs of HTML documents4 The elements of HTML5 Microdata6 User interaction7 Loading web pages8 Web application APIs9 Communication10 Web workers11 Worklets12 Web storage13 The HTML syntax14 The XML syntax15 Rendering16 Obsolete features17 IANA considerationsIndexReferencesAcknowledgmentsIntellectual property rights F
サービスワーカーã®ä½¿ç”¨ - Web API | MDN
ã“ã®è¨˜äº‹ã¯ã‚µãƒ¼ãƒ“スワーカーを使ã„始ã‚ã‚‹ãŸã‚ã®æƒ…å ±ã‚’æä¾›ã™ã‚‹ãƒšãƒ¼ã‚¸ã§ã™ã€‚基本的ãªæ§‹é€ ã€ã‚µãƒ¼ãƒ“スワーカーã®ç™»éŒ²ã€æ–°ã—ã„サービスワーカーã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¨æœ‰åŠ¹åŒ–ã®ãƒ—ãƒã‚»ã‚¹ã€ã‚µãƒ¼ãƒ“スワーカーã®æ›´æ–°ã€ã‚ャッシュやレスãƒãƒ³ã‚¹ã®æ“作をå«ã‚ãŸã€ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã§å‹•ä½œã™ã‚‹ã‚·ãƒ³ãƒ—ルãªã‚¢ãƒ—リケーションã®æ©Ÿèƒ½ã«ã¤ã„ã¦ã§ã™ã€‚ サービスワーカーã®å‰ææ¡ä»¶ ウェブユーザーãŒé•·å¹´è‹¦ã—ã‚られã¦ããŸä¸»è¦ãªå•é¡Œã®ä¸€ã¤ã¯ã€æŽ¥ç¶šã‚’失ã†ã“ã¨ã§ã™ã€‚世界ä¸ã®æœ€é«˜ã®ã‚¦ã‚§ãƒ–アプリã¯ã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ããªã„ã¨ãã®ä½¿ã„å‹æ‰‹ãŒæœ€æ‚ªã§ã—ãŸã€‚ã“ã‚Œã¾ã§ã«ã‚‚ã€ã“ã®å•é¡Œã‚’解決ã™ã‚‹ãŸã‚ã®æŠ€è¡“を生ã¿å‡ºã™è©¦ã¿ã¯ã•ã¾ã–ã¾ã«è¡Œã‚ã‚Œã€ã„ãã¤ã‹ã®å•é¡Œã¯è§£æ±ºã•ã‚Œã¦ãã¾ã—ãŸã€‚ã—ã‹ã—ã€ä¸€ç•ªã®å•é¡Œã¯ã€è³‡ç”£ã®ã‚ャッシュã¨ã‚«ã‚¹ã‚¿ãƒ ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ãƒªã‚¯ã‚¨ã‚¹ãƒˆã®ãŸã‚ã®å„ªã‚ŒãŸå…¨ä½“çš„ãªåˆ¶å¾¡ãƒ¡ã‚«ãƒ‹ã‚ºãƒ ãŒå˜åœ¨ã—ãªã‹ã£ãŸã“ã¨ã§ã™ã€‚ ã“ã®ã‚ˆã†ãªèª²é¡Œã‚’ä¿®æ£ã—ãŸã®ãŒã‚µãƒ¼ãƒ“スワーカーã§ã™ã€‚サービスワーカーを使用ã™ã‚‹ã¨
resouce hintsã¨preloadを使ã£ã¦ãƒªã‚½ãƒ¼ã‚¹ã®å–得を最é©åŒ–ã™ã‚‹ | 69log
Resource Hintsã¨Preloadを使ã†ã“ã¨ã§ãƒªã‚½ãƒ¼ã‚¹ã®å–得を最é©åŒ–ã§ãるよã†ãªã®ã§è©¦ã—ã¦ã¿ãŸã€‚ ã‚‚ã¨ã‚‚ã¨ã¯HTTP2ã«ã—ã¦Server Pushを使ã†ã“ã¨ã§ã€äºˆã‚リソースをサーãƒãƒ¼å´ã‹ã‚‰é€ã‚‹ã“ã¨ãŒã§ãã‚‹ãŒã€ ブラウザã®ã‚ャッシュã®ãƒ¡ãƒªãƒƒãƒˆã‚’活用ã§ããªã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨ã„ã†ã“ã¨ãŒæ°—ã«ãªã£ã¦ã„ãŸã€‚ ã¾ãŸã€å˜ç´”ã«HTTP2対応ã—ã¦ã‚‚ウェブページã«ã¯crossoriginãªãƒªã‚½ãƒ¼ã‚¹ã‚’多ã利用ã—ã¦ã„ã‚‹ã®ã§ã€ ãã®ãƒ‘フォーマンスã®å•é¡Œã¯è§£æ±ºã—ãªã„ã®ã§ã¯ãªã„ã‹ã¨ã„ã†ç–‘å•ãŒã‚ã£ãŸã€‚ ãれらを解決ã™ã‚‹æ‰‹æ®µã¨ã—ã¦Resource Hintsãªã©ã‚’使ã£ãŸPrebrowsingã®æŠ€è¡“ãŒæ´»ç”¨ã§ããã†ã€‚ preloadã«é–¢ã—ã¦ã¯Preload: What Is It Good For?ãŒã¾ã¨ã¾ã£ã¦ã„ã‚‹ã®ã§å‚考ã«ã—ãŸã€‚ Resource Hints ã«ã¤ã„ã¦Resource Hints ã¯linkè¦ç´ ã« dn
Publickey ï¼ Enterprise IT × Cloud Computing × Web Technology / Blog
2025-7-10 「Oracle Database@AWSã€æ£å¼æ供開始。ã“ã‚Œã§AWSã€Azureã€Google Cloudã™ã¹ã¦ã§Oracle Cloudインフラを用ã„ãŸãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ãŒåˆ©ç”¨å¯èƒ½ã« 2025-7-9 Amazon DynamoDBã€è¤‡æ•°ãƒªãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚‚å¼·æ•´åˆæ€§ã«ã‚ˆã‚‹ãƒ‡ãƒ¼ã‚¿ã®ä¸€è²«æ€§ã‚’æ供開始 2025-7-9 Nuxtã®é–‹ç™ºå…ƒNuxtLabsã€Next.jsã®é–‹ç™ºå…ƒVercelã¸ã®åˆæµã‚’発表 2025-7-9 主è¦ãªã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã€AIãƒã‚¤ãƒ†ã‚£ãƒ–ãªã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°ã€ç”ŸæˆAIプラットフォームエンジニアリングãªã©ã€ã‚¬ãƒ¼ãƒˆãƒŠãƒ¼ãŒç™ºè¡¨ 2025-7-8 オラクルãŒè¶…大型クラウド案件をç²å¾—ã€å¹´é–“300億ドル（約4å…†5000億円）。シェアã§Google Cloudを逆転ã§ãã‚‹ã‹ï¼Ÿ 2025-7-7 ã‚ãšã‹3æ—¥ã§å…¨ä¸–界販売本数800万本çªç ´ï¼ モンスター
スマートフォンã¯ã‚»ãƒ³ã‚µãƒ¼ã®å¡Šï¼ ãŸã£ãŸæ•°è¡Œã®HTML5ã¨JSã§æ‰±ãˆã‚‹ã‚»ãƒ³ã‚µãƒ¼ã¾ã¨ã‚(デモ・動画ã‚ã‚Š) – ICS MEDIA
View Transitions API入門 - 連続性ã®ã‚ã‚‹ç”»é¢é·ç§»ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’実ç¾ã™ã‚‹ã‚¦ã‚§ãƒ–ã®æ–°æŠ€è¡“ 10月15æ—¥æ›´æ–°æ± ç”° 泰延♥ 142
Electron + Travis ã§æ¥½ã€…ビルド・リリースã™ã‚‹æœ€å¼·ã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリ開発 - Qiita
ã“ã®è¨˜äº‹ã¯å¤ã„ã§ã™ã€‚ ã¼ããŒè€ƒãˆãŸæœ€å¼·ã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリ開発環境 Web技術ã§ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリ書ã„㦠push ã™ã‚‹ã ã‘ã®ç’°å¢ƒã‚’作る。 主ã«åˆ©ç”¨ã™ã‚‹ã®ã¯ Electron + Travis + GitHub ã®3ã¤ã€‚ Electron ã§ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリ書ã„ã¦ã€push ã™ã‚‹ã ã‘ã§ãƒ“ルドã—ã¦ãƒªãƒªãƒ¼ã‚¹ã¾ã§å®Œçµã™ã‚‹ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリ開発ãŒã§ãる。 ã‚‚ã£ã¨ç°¡å˜ã«è¨€ã†ã¨ 「ãƒãƒ¼ã‚«ãƒ«ã§é–‹ç™ºâ†’push〠ã ã‘㧠GitHub Release ã«è‡ªå‹•ã§ãƒªãƒªãƒ¼ã‚¹ã§ãる。 アプリã®ãƒ“ルド自体もTravis内ã§è¡Œãˆã‚‹ãŸã‚ã€é–‹ç™ºç’°å¢ƒã®OSã«ä¾å˜ã—ãªã„開発ãŒå¯èƒ½ã€‚ 以下㯠OS X 環境をå‰æã¨ã—ã¦èª¬æ˜Žã™ã‚‹ãŒã€ã‚¯ãƒã‚¹ãƒ—ラットフォームã®ãŸã‚ã®ãƒ“ルドã¯Travis内ã§è¡Œã†ãŸã‚ OS ã¯ä½•ã§ã‚‚良ã„。 念ã®ãŸã‚å„種サービス・フレームワークã®èª¬æ˜Ž ç°¡å˜ã«èª¬æ˜Žã™ã‚‹ã¨ä»¥ä¸‹ã€‚ã©ã‚Œã‚‚ã™ã”ã便利。 Electron: ã¿ã‚“ãªå¤§
旧石器時代ã®JavaScriptを書ã„ã¦ã‚‹å„ä½ã«å‘Šãã€ç¾ä»£çš„ãªJavaScript超入門 Section1 ～ã™ãã«ã§ã‚‚ç¾ä»£ã£ã½ã出æ¥ã‚‹ãƒ¯ãƒ³ãƒã‚¤ãƒ³ãƒˆã¾ã¨ã‚～ - Qiita
ã¯ã˜ã‚ã« ãƒãƒƒãƒˆã«ã¯æ§˜ã€…ãªæƒ…å ±ãŒæº¢ã‚Œã¦ãŠã‚Šã€JavaScriptã«é–¢ã™ã‚‹æƒ…å ±ã‚‚å¤šæ•°å˜åœ¨ã—ã¦ãŠã‚Šã¾ã™ã€‚ ãã®ä¸ã«ã¯ã€ã€Œä»Šæ™‚ã“ã‚“ãªæ›¸ãæ–¹ã—ããˆã‚ˆâ€¦ã€ã¨æ€ã‚ãšãƒ„ッコミを入れãŸããªã‚‹ã‚ˆã†ãªã€æœ¬å½“ã«ã€æœ¬å½“ã«å¤ã„内容ã«ã¤ã„ã¦æ›¸ã‹ã‚Œã¦ã„ã‚‹å¤æ–‡æ›¸ã‚‚å˜åœ¨ã—ã¾ã™ã€‚ ãã‚“ãªç½ 記事ã®æƒ…å ±ã«å›šã‚ã‚Œã¦ã—ã¾ã£ã¦ã€ã„ã¤ã¾ã§çµŒã£ã¦ã‚‚ç¾ä»£çš„ãªJavaScriptãŒæ›¸ã‘ãªã„皆ã•ã‚“ã®ãŸã‚ã«ã€ã“ã®ã‚·ãƒªãƒ¼ã‚ºã®è¨˜äº‹ã§ã¯ã€å„セクション毎ã«åˆ†ã‘ã¦ã€æ—§çŸ³å™¨æ™‚代ã®è¨˜è¿°ã¨ã€ç¾ä»£ã®è¨˜è¿°ã‚’紹介ã™ã‚‹å½¢ã§ã€æ–‡æ˜Žé–‹åŒ–ã‚’ã—ã¦ã„ããŸã„ã¨ã„ã†æ€ã„ã§è¨˜è¿°ã™ã‚‹ã€‚ 最åˆã¯ã€ç¾åœ¨æ¯”較的メジャーãªãƒ–ラウザã§ä¸€é€šã‚Šå‹•ä½œã™ã‚‹ã€ŒECMAScript 5ã€ã¾ã§ã®å†…容ã«é–¢ã—ã¦ãƒã‚¨ãƒ を書ã連ãã¦ã„ãã€æœ€çµ‚çš„ã«ã¯ä¸€é€£ã®å†…容をèªã‚€ã ã‘ã§ã€ŒES6(ES2015)ã€ã«ã‚ˆã‚‹æ–°æ©Ÿèƒ½ã‚„ã€çµ¶è³›æ案ä¸ã®ã€ŒES7ã€ã®ä¸€éƒ¨æ案内容ã«ã¤ã„ã¦ã‚‚把æ¡ã—ã€ãŠãŠã‚ˆãç¾ä»£äººã‚’育æˆã™ã‚‹ã“ã¨ã‚’目標ã¨ã™ã‚‹ã€‚ …ãªã‚“ã¦ã‚ã£
ブラウザゲーム開発ã§ä½¿ãˆãã†ãªã‚²ãƒ¼ãƒ エンジンã¾ã¨ã‚ - Qiita
æ¦‚è¦ ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§å®Ÿè¡Œå¯èƒ½ãªHTML5+JavaScriptãªã‚²ãƒ¼ãƒ エンジンãŒã„ã‚ã„ã‚出ã¦ã¾ã™ã。 ã©ã‚ŒãŒå®Ÿéš›ä½¿ã„ã‚„ã™ã„ã®ã‹åˆ†ã‹ã‚‰ãšã€ã¨ã‚Šã‚ãˆãšè§¦ã£ã¦ã¿ãŸæ„Ÿæƒ³ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã‹ãªã‚Šã–ã£ãり（雑ã«â€¦ï¼‰è§¦ã£ã¦ã‚‹ã®ã§ã€ãƒ¢ãƒƒã‚¯ã‚’作ã£ãŸã‚‚ã®ã‚‚ã‚ã‚Œã°ã€ サンプル動ã‹ã—ãŸã ã‘ã®ã‚‚ã®ãªã©ãŒå…¥ã‚Šä¹±ã‚Œã¦ã¾ã™ã€‚ ã“ã‚“ãªã‚‚ã®ã§ã‚‚å‚考ã«ãªã‚Œã°å¹¸ã„ã§ã™ è¦ä»¶ オープンソースã§ã‚ã‚‹ã“㨠ãŠã•ãˆãŸã„è©•ä¾¡é …ç›® å¦ç¿’コスト 実績 フォーラムã®æœ‰ç„¡ãƒ»æ´»ç™ºã• å¦ç¿’コストã¯å°Žå…¥ã‹ã‚‰é–‹ç™ºãƒ»é‹ç”¨ã¾ã§å«ã‚ã¦è€ƒãˆã¦ã¾ã™ã€‚ ã¾ãŸã€å®Ÿç¸¾ãŒã‚ã‚Œã°ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«å°Žå…¥ã—ã‚„ã™ã„ã¨ã„ã†ã“ã¨ã§ã€å®Ÿç¸¾ã®æœ‰ç„¡ã‚’載ã›ãŸã„ã¨æ€ã„ã¾ã™ã€‚ フォーラムã¯ã‚ã‹ã‚‰ãªã„ã“ã¨ãŒã‚る時ã«èžã‘る環境㌠公å¼ã§æä¾›ã•ã‚Œã¦ã„ã‚‹ã¨å®‰å¿ƒã™ã‚‹ã®ã§ãŠã•ãˆã¦ãŠã“ã†ã¨æ€ã„ã¾ã—ãŸã€‚ ※実際ã«ãƒ•ã‚©ãƒ¼ãƒ©ãƒ ã«æ›¸ãè¾¼ã¿ã—ãŸã‚‚ã®ã¯Cocos2d-jsã®ã¿ã§ã™ ※評価ã¯â—Žãƒ»â—‹ãƒ»â–³ãƒ»âœ•ã®4段階評価ã«ãªã£ã¦
ブラウザã§ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ï¼Ÿ Web Storageを使ã„ã“ãªãã†
連載目次 â– Web Storageã®æ¦‚è¦ã¨æ´»ç”¨ä¾‹ æ—§æ¥ï¼ˆï¼HTML 4.1以å‰ï¼‰ã®Webブラウザã§ã¯ã€eコマース・サイトã®ã‚«ãƒ¼ãƒˆæƒ…å ±ã‚„ãƒã‚°ã‚¤ãƒ³çŠ¶æ…‹ã®ç®¡ç†æƒ…å ±ãªã©ã®ãƒ‡ãƒ¼ã‚¿ã‚’ブラウザã«ä¿å˜ã™ã‚‹ä»•çµ„ã¿ã¨ã—ã¦ã€å¤§åŠã®Webサイトã§ã¯ã‚¯ãƒƒã‚ーを利用ã—ã¦ã„ãŸã€‚ã—ã‹ã—ã€ã‚¯ãƒƒã‚ーã§ã¯ã€ä¿å˜å®¹é‡ãŒ4KBytesã¾ã§ã§ã‚ã‚‹ã“ã¨ã‚„ã€ã™ã¹ã¦ã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆã«å¯¾ã—ã¦ã‚µãƒ¼ãƒã«ãƒ‡ãƒ¼ã‚¿ã‚’自動ã§é€ä¿¡ã™ã‚‹ãŸã‚ã€å®¹é‡åˆ¶é™ã‚„ã‚»ã‚ュリティ対ç–ã«æ‚©ã¾ã•ã‚Œã‚‹ã“ã¨ã‚‚多ãã‚ã£ãŸã€‚ HTML5ã§ã¯ã€ã‚¯ãƒƒã‚ーã«ä»£ã‚るデータä¿å˜ã®ä»•çµ„ã¿ã¨ã—ã¦ã€ã€ŒWeb Storageã€ã¨å‘¼ã°ã‚Œã‚‹æ©Ÿèƒ½ã‚’利用ã§ãる。Web Storageã¯ã€ãƒ–ラウザå´ã§Key-Valueåž‹ã§ãƒ‡ãƒ¼ã‚¿ã‚’ä¿å˜ã™ã‚‹æ©Ÿèƒ½ã®ã“ã¨ã§ã€ç¾åœ¨ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚’å–り囲む環境ã«å¯¾å¿œã—ãŸã€Œã‚¯ãƒƒã‚ーã®å¾Œç¶™æŠ€è¡“ã€ã¨ã‚‚ã„ãˆã‚‹ã€‚ Web Storageã¨ã‚¯ãƒƒã‚ーã®æ©Ÿèƒ½ã®å·®ç•°ã¯ã€ä»¥ä¸‹ã®è¡¨ã®ã¨ãŠã‚Šã 。
WebGL 開発支æ´ã‚µã‚¤ãƒˆ wgld.org
次ãªã‚‹ Web を見æ®ãˆã¦ æ¥ãŸã‚‹ã¹ã WebGL2 ã®æ™‚代㸠2011 å¹´ã€æœ€åˆã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹ 1.0 ãŒå‹§å‘Šã•ã‚ŒãŸ WebGL ã¯ã€ã‚¦ã‚§ãƒ–ブラウザ上㧠OpenGL ES ã«ç›¸å½“ã™ã‚‹ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ API ã®æ©Ÿèƒ½ã‚’利用ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ JavaScript ã® API ã§ã™ã€‚ ãã—㦠2016 å¹´ã€WebGL ã®æ£å½“ãªå¾Œç¶™ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ãªã‚‹ WebGL2 (ã‚‚ã—ã㯠WebGL 2.0) ãŒã„よã„ã‚ˆæœ¬æ ¼çš„ã«åˆ©ç”¨ã§ãる段階ã«ãªã‚Šã¤ã¤ã‚ã‚Šã¾ã™ã€‚ 当サイトã§ã¯ã€2012 å¹´ã®é–‹è¨ä»¥æ¥ã€WebGL 1.0 系㮠API を用ã„ã‚‹ãŸã‚ã®æŠ€è¡“解説を掲載ã—ã¦ãã¾ã—ãŸã€‚ãã—ã¦ä»Šå¾Œã¯ã€æ™‚代ã®å¤‰é·ã«åˆã‚ã›ã¦ WebGL 2.0 ç³»ã®è§£èª¬è¨˜äº‹ã‚‚公開ã—ã¦ã„ãæ–¹é‡ã§ã™ã€‚ WebGL 2.0 ãŒç™»å ´ã™ã‚‹ã¨ã¯è¨€ã£ã¦ã‚‚ã€å¾Œæ–¹äº’æ›ã‚’ä¿ã¤ã¨ã„ã†æ„味もã‚ã£ã¦ æ„図的ã«æœ‰åŠ¹åŒ– ã—ãªã„é™ã‚Šã¯ WebGL 1.0 相当㮠AP
FN1501003 | EaselJS 0.8.0: Matrix2Dクラスã®åŸºæœ¬çš„ãªãƒ¡ã‚½ãƒƒãƒ‰ã¨è¡Œåˆ—演算 | HTML5 : テクニカルノート
EaselJSライブラリã®Matrxi2Dクラスã«ã‚ˆã‚‹åº§æ¨™å¤‰æ›ã¯ã€ãŠã‚‚ã«å¤‰æ›è¡Œåˆ—ã®ä¹—ç®—ã§è¡¨ã•ã‚Œã¾ã™[*1]。ãã“ã§ã€Matrix2Dクラスã®åŸºæœ¬çš„ãªãƒ¡ã‚½ãƒƒãƒ‰ã«ã¤ã„ã¦ã€ãã®è¡Œåˆ—演算をã”紹介ã—ã¾ã™ã€‚
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
The W3C Markup Validation Service
{{#tags}}- {{label}}
{{/tags}}