オープン Web テクノãƒã‚¸ãƒ¼ã®ãƒ‡ãƒ¢ | MDN
Mozilla ã¯ã€å¹…広ã„æ—¢å˜ã® Web テクノãƒã‚¸ãƒ¼ã‚’サãƒãƒ¼ãƒˆã—ã€ãれらを使用ã™ã‚‹ã“ã¨ã‚’奨励ã—ã¦ã„ã¾ã™ã€‚ã“ã®ãƒšãƒ¼ã‚¸ã¯ã€ã‹ã¤ã¦ Demo Studio ã§äººæ°—ã®ã‚ã£ãŸã‚‚ã®ã‚‚å«ã‚ã€æŠ€è¡“ã®ãƒ‡ãƒ¢ãƒ³ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æä¾›ã—ã¾ã™ã€‚オープン Web テクノãƒã‚¸ãƒ¼ã®ãƒ‡ãƒ¢ãƒ³ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚„アプリケーションを知ã£ã¦ã„ã‚‹å ´åˆã€é©åˆ‡ãªã‚»ã‚¯ã‚·ãƒ§ãƒ³ã«ãƒªãƒ³ã‚¯ã‚’è¿½åŠ ã—ã¦ãã ã•ã„。
canvas ã® getImageDataãŒå°‘ã—ã‚ã‚“ã©ãã•ã„（特ã«ãƒãƒ¼ã‚«ãƒ«ã§å‹•ã‹ã™å ´åˆï¼‰ - 地平線ã«è¡Œã
egg (JavaScript Effect Library)ã«ãƒ¢ã‚¶ã‚¤ã‚¯ã‚¤ãƒ³ãƒ»ãƒ¢ã‚¶ã‚¤ã‚¯ã‚¢ã‚¦ãƒˆã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚ egg ã¨ã¯ï¼Ÿ HTML5 ã® canvas を使ã£ãŸç”»åƒã‚¨ãƒ•ã‚§ã‚¯ãƒˆãƒ©ã‚¤ãƒ–ライブラリã§ã™ã€‚ ã¾ã æ•°ã¯å°‘ãªã„ã§ã™ãŒã€çµæ§‹ãã‚Œã„ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‹ã‹ã‚Šã¾ã™ã€‚ Firefox, Google Chrome ã‚’ã”利用ã®æ–¹ã¯ã€ãœã²ä¸‹è¨˜ã®ãƒšãƒ¼ã‚¸ã‹ã‚‰ã‚µãƒ³ãƒ—ルをã”覧ãã ã•ã„。 Ver0.1.1ã®å¤‰åŒ–点 ãƒ¢ã‚¶ã‚¤ã‚¯ã‚¤ãƒ³ãƒ»ãƒ¢ã‚¶ã‚¤ã‚¯ã‚¢ã‚¦ãƒˆã‚’è¿½åŠ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¨ã‚µãƒ³ãƒ—ル㯠ã“ã¡ã‚‰(egg (JavaScript Effect Library)) ã‹ã‚‰ã©ã†ãžï¼ ä»Šå›žè¿½åŠ ã—ãŸã‚¨ãƒ•ã‚§ã‚¯ãƒˆã§ã€åˆã‚㦠canvas ã® getImageDataを使ã„ã¾ã—ãŸã€‚ ピクセルå˜ä½ã§è‰²ã‚’扱ãˆã¦ä¾¿åˆ©ã‹ãªãƒ¼ã¨æ€ã£ãŸã‚“ã§ã™ãŒã€å°‘ã—扱ã„ãŒã‚ã‚“ã©ãã•ã‹ã£ãŸã§ã™ã€‚ 1．ピクセルデータã¯ã‚ャンãƒã‚¹ã‹ã‚‰ã—ã‹å–å¾—ã§ããªã„ ç”»åƒã‹ã‚‰ç›´æŽ¥ getIm
Drawing Graphics with Canvas - MDC
Firefox 1.5 より〠Firefox ã¯ãƒ—ãƒã‚°ãƒ©ãƒ å¯èƒ½ãªç”»åƒã®ãŸã‚ã®æ–°ã—ã„ HTML è¦ç´ ã‚’å«ã¿ã¾ã™ã€‚<canvas> 㯠WHATWG ã® canvas ã®ä»•æ§˜ã‚’基ã«ã—ã¦ã„ã¾ã™ã€‚WhatWG canvas 仕様自体㯠Safari ã§å®Ÿè£…ã•ã‚ŒãŸ Apple ã® <canvas> を基ã«ã—ã¦ã„ã¾ã™ã€‚クライアント上ã§ã‚°ãƒ©ãƒ•ã€UI è¦ç´ ã€ãŠã‚ˆã³ä»–ã®ã‚«ã‚¹ã‚¿ãƒ グラフィックスã®æç”»ã«ä½¿ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ <canvas> 㯠1 ã¤ä»¥ä¸Šã®æ画コンテクスト を公開ã—ãŸå›ºå®šã‚µã‚¤ã‚ºã®æ画表é¢ã‚’作りã¾ã™ã€‚ç¾åœ¨ã¯ 2 次元æ画コンテクストã®ã¿ãŒå®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ 3D グラフィックスã®æç”»ã«ã¯ã€ WebGL レンダリングコンテクストを用ã„ã‚‹ã¨è‰¯ã„ã§ã—ょã†ã€‚ 始ã‚ã«ã€2 ã¤ã®äº¤å·®ã—ãŸé•·æ–¹å½¢ã‚’æãç°¡å˜ãªä¾‹ã‚’見ã¦ã¿ã¾ã—ょã†ã€‚片方ã®é•·æ–¹å½¢ã¯é€æ˜Žåº¦ã‚’æŒã£ã¦ã„ã¾ã™ã€‚ function draw() { va
「HTML5ã®canvasã§ä½œã‚‹ç”»åƒãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ã€ã¯è‡ªåˆ†ãªã‚‰ã“ã†æ›¸ã - by edvakf in hatena
ASCII.jp：HTML5ã®canvasã§ä½œã‚‹ç”»åƒãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ï½œå¤ç±ä¸€æµ©ã®JavaScriptラボ ã“ã¡ã‚‰ã®è¨˜äº‹ã‚’ãŸã¾ãŸã¾æ‹è¦‹ã—ã¦ã€ã‚³ãƒ¡ãƒ³ãƒˆæ¬„ã‚‚ãªã‘ã‚Œã°ãƒˆãƒ©ãƒƒã‚¯ãƒãƒƒã‚¯ã‚‚ã§ããªã„よã†ãªã®ã§ã€ã©ã†ã‚„ã£ã¦å応を返ã›ã°ã„ã„ã®ã‹ã‚ã‹ã‚‰ãªã„ã‘ã‚Œã©ã€ã‚‚ã—å¤ç±ä¸€æµ©ã•ã‚“ã”本人ãŒè¦‹ã¦ãã‚ŒãŸã‚‰ã„ã„ãªã‚ã€ã¨ã„ã†ã“ã¨ã§æ›¸ãã¾ã™ã€‚ 全体的ã«ã¯ã¨ã¦ã‚‚ç´ æ™´ã‚‰ã—ã„記事ãªã®ã§ã™ãŒã€ã„ãã¤ã‹è¨€ã„ãŸã„ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ImageData ã¾ãšã€CanvasRenderingContext2D#createImageData ã¨ã„ã†ãƒ¡ã‚½ãƒƒãƒ‰ã€‚ã“ã‚Œã¯çŸ¥ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ Opera ã«ã¯ window.ImageData ã¨ã„ã†ã‚°ãƒãƒ¼ãƒãƒ«ã‚ªãƒ–ジェクトã¨ã—ã¦ä¼¼ãŸã‚‚ã®ãŒå®šç¾©ã•ã‚Œã¦ã„ã¾ã™ã€‚(createImageData ã¨é•ã„ã€ç¬¬ä¸‰å¼•æ•°ã«é…列を渡ã›ã‚‹ã®ãŒç‰¹å¾´ã§ã™ãŒ) if (window.CanvasRenderingContext2D
Visualizing and Manipulating Audio in the Browser
Badass JavaScriptA showcase of awesome JavaScript that pushes the boundaries of what's possible on the web, by @devongovett. The Firefox team has been busy working on the HTML5 Audio Data API, which lets JavaScript code interact with the Audio tag in a bidirectional manner. Â Developers have been busy putting together some cool demos of what the API enables, including visualizations using the Canva
ç”»é¢ä¸Šã®åº§æ¨™ã‚’指定ã—ã¦ãã®ä½ç½®ã®è¦ç´ ã‚’å–å¾—ã™ã‚‹ã€ã¨ã„ã†å‡¦ç† - outsider reflex
Latest topics > ç”»é¢ä¸Šã®åº§æ¨™ã‚’指定ã—ã¦ãã®ä½ç½®ã®è¦ç´ ã‚’å–å¾—ã™ã‚‹ã€ã¨ã„ã†å‡¦ç† 宣ä¼ã€‚日経Linuxã«ã¦Linuxã®åŸºç¤Žï¼Ÿã‚’紹介ã™ã‚‹æ¼«ç”»ã€Œã‚·ã‚¹ç®¡ç³»å¥³åã€ã‚’連載ã•ã›ã¦ã„ãŸã ã„ã¦ã„ã¾ã™ã€‚ 以下ã®ç‰¹è¨ã‚µã‚¤ãƒˆã«ã¦ã€å˜è¡Œæœ¬ã¾ã‚“ãŒã§ã‚ã‹ã‚‹Linux シス管系女åã®è©¦ã—èªã¿ãŒå¯èƒ½ï¼ « å‹•ç”»ã§ã‚¿ãƒ–ã‚«ã‚¿ãƒã‚°ã®æŒ™å‹•ã‚’示ã—ã¦ã¿ã‚‹ãƒ†ã‚¹ãƒˆ Main é¸æŠžç¯„囲ã®ãƒªãƒ³ã‚¯ã‚’タブã§é–‹ã拡張機能 » ç”»é¢ä¸Šã®åº§æ¨™ã‚’指定ã—ã¦ãã®ä½ç½®ã®è¦ç´ ã‚’å–å¾—ã™ã‚‹ã€ã¨ã„ã†å‡¦ç† - May 09, 2007 タブカタãƒã‚°ã®ã‚µãƒ ãƒã‚¤ãƒ«ä¸Šã§ãƒªãƒ³ã‚¯ã‚’クリックã—ãŸã‚‰ãƒªãƒ³ã‚¯å…ˆã«é£›ã¹ã‚‹ã‚ˆã†ã«ã—ãŸã¤ã„ã§ã«ã€ãƒªãƒ³ã‚¯ä¸Šã®ä¸ã‚¯ãƒªãƒƒã‚¯ã§ã‚¿ãƒ–ã‚‚é–‹ã‘るよã†ã«ã—ã¦ã¿ãŸã‚“ã ã‘ã©ã€ã“ã‚Œã€ã¡ã‚‡ã£ã¨ã§ã‚‚クリックä½ç½®ãŒãšã‚ŒãŸã‚‰ã‚¿ãƒ–ã‚’é–‰ã˜ã¦ã—ã¾ã„ã‹ããªã„ãªã‚。ã„ã¾ãƒªãƒ³ã‚¯ã®ä¸Šã«ãƒã‚¤ãƒ³ã‚¿ãŒã‚ã‚‹ã®ã‹ã©ã†ã‹ä¸€ç›®ã§åˆ†ã‹ã‚‹ã‚ˆã†ã«ã—ãŸã„ã‘ã©ã€CSSã®cursorã¿ãŸã„ãªã“ã¨ã¯Java
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}