New community features for Google Chat and an update on Currents
Join the official community for Google Workspace administrators In the Google Cloud Community, connect with Googlers and other Google Workspace admins like yourself. Participate in product discussions, check out the Community Articles, and learn tips and tricks that will make your work and life easier. Be the first to know what's happening with Google Workspace. ______________ Learn about more Goo
クãƒã‚¹ãƒ—ラットフォーム開発ã®å¤§æœ¬å‘½!? HTML5もアプリもFlashも開発ã§ãる「OpenFLã€ã¨ã¯ï¼Ÿ - ICS MEDIA
クãƒã‚¹ãƒ—ラットフォーム開発ã®å¤§æœ¬å‘½!? HTML5もアプリもFlashも開発ã§ãる「OpenFLã€ã¨ã¯ï¼Ÿ 「インタラクティブコンテンツをワンソースã§ã‚¯ãƒã‚¹ãƒ—ラットフォームã«å¯¾å¿œã•ã›ãŸã„ã€ã€ãã‚Œã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーã§ã‚ã‚Œã°èª°ã‚‚ãŒæœ›ã‚€ã“ã¨ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚一昔å‰ã¯Adobe FlashãŒã€ŒOpen Screen Projectã€ã¨é¡Œã—ã¦ä¸€æ©æ‰‹å‰ã¾ã§å®Ÿç¾ã—ã¦ã„ã¾ã—ãŸãŒã€iPhoneã‹ã‚‰Flashã‚’ç· ã‚出ãã†ã¨ã™ã‚‹Appleã®å¼·ç¡¬ãªå§¿å‹¢ã«ã‚ˆã£ã¦é “挫ã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ 尾野ã•ã‚“(ã—ã£ã½ã•ã‚“)ã‹ã‚‰ã®å‹§ã‚ã‚‚ã‚り調ã¹ãŸã®ã§ã™ãŒã€ã€ŒOpenFLã€ï¼ˆã‚ªãƒ¼ãƒ—ンエフエル）ã¨ã„ã†ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã¯ã•ã¾ã–ã¾ãªå½¢å¼ã«ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–コンテンツを出力ã§ãã¾ã™ã€‚ã¤ã¾ã‚ŠOpenFLを使ãˆã°ãƒ¯ãƒ³ã‚½ãƒ¼ã‚¹ã§ã‚¯ãƒã‚¹ãƒ—ラットフォームを実ç¾ã§ãã‚‹ã®ã§ã™ã€‚今回ã¯OpenFLã‹ã‚‰HTML5ã¨Flashを出力ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã‚¯ãƒã‚¹
プãƒã‚°ãƒ©ãƒŸãƒ³ã‚° HTML5 Canvas
TOPICS HTML/CSS , JavaScript 発行年月日 2014å¹´07月 PRINT LENGTH 624 ISBN 978-4-87311-687-7 原書 Core HTML5 Canvas FORMAT PDF 本書ã¯ã€HTML5 Canvasを詳ã—ã解説ã—ãªãŒã‚‰ã€ã‚²ãƒ¼ãƒ やアニメーションãªã©ã®é–‹ç™ºã«å¿…é ˆã®é …目をå–り上ã’ã¦å®Ÿè·µçš„ãªçŸ¥è˜ã¨ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’æä¾›ã™ã‚‹è§£èª¬æ›¸ã§ã™ã€‚アニメーションã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ä»•æ§˜ãªã©ã€Canvasã«é–¢é€£ã™ã‚‹HTML5ã®å´é¢ã«æ·±ãè¸ã¿è¾¼ã¿ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã®ãƒ–ラウザã¨ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ã§å®Ÿè¡Œã§ãるアプリケーションを実装ã—ã¦ã„ãã¾ã™ã€‚ã¯ã˜ã‚ã«Canvas APIã®åŸºæœ¬ã¨ã‚·ã‚§ã‚¤ãƒ—やテã‚ストをã‚ャンãƒã‚¹ã«æç”»ã™ã‚‹æ–¹æ³•ã€ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’æç”»ã—æ“作ã™ã‚‹æ–¹æ³•ãªã©ã‚’解説ã—ã€ç¶šã„ã¦APIを使ã£ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„アニメーションスプライトを実装ã™ã‚‹æ–¹æ³•ã€ç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚„è¡çªåˆ¤å®šã€ãƒ“
HTML5 Canvas Image Size Tutorial
HTML5 Canvas Canvas Element Lines Line Line Width Line Color Line Cap Curves Arc Quadratic Curve Bezier Curve Paths Path Line Join Rounded Corners Shapes Custom Shape Rectangle Circle Semicircle Fill Styles Color Fill Linear Gradient Radial Gradient Pattern Images Draw Image Image Size Image Crop Image Loader Text Font, Size & Style Text Color Text Stroke Text Align Text Baseline Text Metrics Text
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.
X-LABO: Haxe 産 ゲームZombieDelivery 公開 ＆ OpenFL 開発メモ
ã“ã®è¨˜äº‹ã®URL http://www.dango-itimi.com/blog/archives/2014/001219.html Haxe 㨠Flash Professional CC を利用ã—ã¦é–‹ç™ºã‚’è¡Œã£ãŸã‚²ãƒ¼ãƒ ZombieDelivery を公開ã—ã¾ã—ãŸã€‚ http://www.deeg-entertainment.jp/zombie_delivery/ 内容ã¯ã¨ã¦ã‚‚シンプルãªä»•åˆ†ã‘系ゲームã¨ãªã£ã¦ã„ã¾ã™ã€‚Web(Flash, HTML5) / Android / iOS ã§éŠã¹ã¾ã™ã€‚ ãã‚Œãžã‚Œã®ãƒ—ラットフォームã¸ã¯ã€ä»¥ä¸‹ã®æ©Ÿæ§‹ã‚’利用ã—ã¦å‡ºåŠ›ã—ã¦ã„ã¾ã™ã€‚ ・Flash(Haxe) ・HTML5 Canvas(Haxe & CreateJS) ・Android(Haxe & OpenFL) ・iOS(Haxe & Adobe AIR) 入りå£ã®ã¿ç•°ãªã‚‹ã ã‘ã®ã€ã‚²ãƒ¼ãƒ ãƒã‚¸ãƒƒã‚¯ã¯ãƒ¯ãƒ³
Web Animations - element.animate() is now in Chrome 36  | Blog  | Chrome for Developers
Animation on the web was once the province of JavaScript, but as the world moved to mobile, animations moved to CSS for the declarative syntax and the optimizations browsers were able to make with it. With 60fps on mobile always your goal, it makes sense to never step outside of what browsers know how to efficiently display. More tools are appearing to make JavaScript-driven animations more effici
HTML5ã®ãƒ‘ワー。Webベースã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚·ã‚¹ãƒ†ãƒ を構築ã™ã‚‹Â·Filer.js MOONGIFT
Filer.jsã¯HTML5ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚·ã‚¹ãƒ†ãƒ APIを体感ã™ã‚‹Webアプリケーションã§ã™ã€‚ HTML5ã®APIã®ä¸€ã¤ã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚·ã‚¹ãƒ†ãƒ APIを体験ã§ãã‚‹ã®ãŒFiler.jsã§ã™ã€‚æ–°ã—ã„Webã®å¯èƒ½æ€§ã‚’å˜åˆ†ã«çŸ¥ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ デモã§ã™ã€‚ã¾ãšãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚’インãƒãƒ¼ãƒˆã—ã¾ã™ã€‚ インãƒãƒ¼ãƒˆã—ã¾ã—ãŸã€‚ディレクトリã¯ãƒžã‚¦ã‚¹ã§ãŸã©ã‚Œã¾ã™ã€‚ アイコンã¾ãŸã¯ãƒªã‚¹ãƒˆè¡¨ç¤ºã‚’サãƒãƒ¼ãƒˆã—ã¦ã„ã¾ã™ã€‚ ç”»åƒã‚„HTMLã§ã‚ã‚Œã°ãƒ—レビューãŒã§ãã¾ã™ã€‚通常ã®ãƒ•ã‚¡ã‚¤ãƒ«ã¯ãƒ—レビューã§ãã¾ã›ã‚“ãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ã§ãã¾ã™ã€‚ リスト表示ã§ã™ã€‚ ãƒã‚°ã‚’表示ã—ã¦ã„ã¾ã™ã€‚ Filer.jsã§ã¯Webブラウザ上ã§ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚„ファイルを作æˆã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ã—ã‹ã—実際ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚·ã‚¹ãƒ†ãƒ å´ã«ã¯å½±éŸ¿ã•ã‚Œã¾ã›ã‚“ã®ã§ã”注æ„ãã ã•ã„。ã¾ãŸæ–°ã—ã„フォルダやファイルをãƒãƒ¼ã‚«ãƒ«ã«ä½œã£ã¦ã‚‚åæ˜ ã•ã‚Œãªã„よã†ã§ã™ã€‚ Filer.jsã¯HTML5/JavaScr
Read files in JavaScript  | Articles  | web.dev
Read files in JavaScript Stay organized with collections Save and categorize content based on your preferences. Selecting and interacting with files on the user's local device is one of the most commonly used features of the web. It allows users to select files and upload them to a server, for example, when sharing photos or submitting tax documents. It also allows sites to read and manipulate the
俺ã®Web WorkersãŒã“ã‚“ãªã«é…ã„ã‚ã‘ãŒãªã„ | SONICMOOV LAB
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ã‚‰ãã•ã‚“ã§ã™ã€‚ソニックムーブ Advent Calendar 2013 2日目ã®è¨˜äº‹ã«ãªã‚Šã¾ã™ã€‚ HTML5ã®APIã«Web Workersã¨ã„ã†ã‚‚ã®ãŒã‚ã‚Šã¾ã™ãŒã€Androidã®æ¨™æº–ブラウザã§ã¯ä½¿ãˆãªã„ãŸã‚スマートフォンå‘ã‘ã«ã¯ä½¿ã„ã«ãã„状æ³ãŒç¶šã„ã¦ã„ã¾ã—ãŸã€‚ã—ã‹ã—ã€Android 4.4 KitKatã§ã¯WebViewãŒChromium 30ベースã®ã‚‚ã®ã«ãªã‚Šã€æ¨™æº–ブラウザã¯ã©ã†ãªã‚‹ã®ã‹ã¾ã ä¸é€æ˜Žã§ã¯ã‚ã‚Šã¾ã™ãŒã€æ¨™æº–ブラウザã¨ã—ã¦Chromeをプリインストールã™ã‚‹ã‹Chromiumベースã®ã‚‚ã®ã«ãªã£ã¦ã„ãæµã‚Œã ã¨æ€ã‚ã‚Œã¾ã™ã€‚ ãã®ãŸã‚ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®é–‹ç™ºã§ã‚‚今後ã¯Web WorkersãŒä½¿ãˆã‚‹æ©Ÿä¼šãŒå¾ã€…ã«å¢—ãˆã¦ã„ãã§ã—ょã†ã€‚ç§ãŒä»Šé–‹ç™ºã—ã¦ã„るスマートフォンå‘ã‘ã®ã‚µãƒ¼ãƒ“スã§ã‚‚Web Workersを使ã£ã¦ã„ã¾ã™ã€‚ãã“ã§ã“ã®è¨˜äº‹ã§ã¯ã€Web Workersã«
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.
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.
ç”»åƒã‚’組ã¿è¾¼ã‚€ - Canvas - HTML5.JP
Canvasã§ã¯ã€JPEGã‚„PNGã¨ã„ã£ãŸãƒ–ラウザã«å¯¾å¿œã—ãŸç”»åƒã§ã‚ã‚Œã°ã€ãれを組ã¿è¾¼ã‚€ã“ã¨ãŒã§ãã¾ã™ã€‚ã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã¯ã€ç”»åƒã®çµ„ã¿è¾¼ã¿æ–¹æ³•ã¨ã€ã„ãã¤ã‹ã®ã‚ªãƒ—ション機能ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ ç”»åƒçµ„ã¿è¾¼ã¿ã®åŸºæœ¬ Canvasã§ç”»åƒã‚’組ã¿è¾¼ã‚€ãŸã‚ã«ã¯ã€drawImageメソッドを使ã„ã¾ã™ã€‚与ãˆã‚‹å¼•æ•°ã«å¿œã˜ã¦ã€æç”»ã™ã‚‹ç”»åƒã®æ‰±ã„æ–¹ãŒé•ã£ã¦ãã¾ã™ã€‚ ctx.drawImage(image, dx, dy) ctx.drawImage(image, dx, dy, dw, dh) Canvasã®åº§æ¨™ (dx, dy) を左上端ã¨ã—ã¦ã€image ã«æ ¼ç´ã•ã‚ŒãŸImageオブジェクトをæç”»ã—ã¾ã™ã€‚dw 㨠dh ãŒæŒ‡å®šã•ã‚Œã‚‹ã¨ã€ç”»åƒã¯ã€dw を横幅ã€dh を縦幅ã¨ã—ãŸã‚µã‚¤ã‚ºã«ä¼¸ç¸®ã•ã‚Œã¾ã™ã€‚ ctx.drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh) å…ƒ
canvasã¾ã¨ã‚ - ã¤ã¾ã¿ãã„メモ
基本 var CV = document.getElementById('canvas'); var CX = CV.getContext('2d'); canvasã«å¯¾å¿œã—ã¦ã„ã‚‹ã‹ã©ã†ã‹ã¯æ°—ã«ã—ãªã„（気ã«ã™ã‚‹ãらã„ã ã£ãŸã‚‰ä½¿ã‚ãªã„）。 canvas自体ã®ã‚µã‚¤ã‚ºã‚’変ãˆã‚‹ CV.width = 256; CV.height = 256; CV.style.widthã¨ã‹ã‚’ã„ã˜ã‚‹ã¨ã€canvas自体ã®ã‚µã‚¤ã‚ºã§ã¯ãªãã¦ã€è¡¨ç¤ºã‚µã‚¤ã‚ºãŒå¤‰ã‚ã£ã¦æ‹¡å¤§ç¸®å°ãŒã‹ã‹ã‚‹ã€‚ ビットマップをã„ã˜ã‚‹ var DT = CX.getImageData(0, 0, CV.width, CV.height); var DD = DT.data; for (var p, y = 0; y < DT.height; ++y) { for (var x = 0; x < DT.width; ++x) { p = (x + y
Sign in - Google Accounts
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Edit fiddle - JSFiddle - Code Playground
HTML5 Canvas - Rendering of Text on high-DPI screens
Google HTML/CSS Style Guide ã¾ã¨ã‚ - Qiita
HTML5ã®åŸºç¤Žã¨å¿œç”¨ ~Open Web Platform~ WebSocket / WebRTC / Web Audio API / WebGL 第二版
Chrome Dev Summit 2014: Let's build some apps with Polymer!
{{#tags}}- {{label}}
{{/tags}}