大è¦æ¨¡ JavaScript ãã®è¨è¨ˆã¨å®Ÿè£…ã¨ç¾å®Ÿ
1. 大è¦æ¨¡ JavaScript ãã®è¨è¨ˆã¨å®Ÿè£…ã¨ç¾å®Ÿ æ ªå¼ä¼šç¤¾Aiming ソフトウェアエンジニア 竹馬光太郎 2012/10/24@AimingStudy#6 12å¹´10月24日水曜日 2. @mizchi / Koutaro Chikuba 2012/3/1- Aiming/Software Engineer * github https://github.com/mizchi * blog http://d.hatena.ne.jp/mizchi 12å¹´10月24日水曜日
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
Canvasã®ã‚¤ãƒ¡ãƒ¼ã‚¸æ‹¡å¤§æç”»ã«ã¤ã„ã¦æ¯”較ã—ã¦ã¿ãŸ - 風ã¨å®‡å®™ã¨ãƒ—ãƒã‚°ãƒ©ãƒ
Canvasã®drawImage APIã¯ä¸‹å›³ã®ã‚ˆã†ã«ã€ã‚½ãƒ¼ã‚¹ã‚¤ãƒ¡ãƒ¼ã‚¸ä¸ã®ä»»æ„ã®çŸ©å½¢é ˜åŸŸã‚’Canvasé ˜åŸŸä¸ã®ä»»æ„ã®å¤§ãã•ã®çŸ©å½¢ã«ãƒžãƒƒãƒ”ングã§ãã¾ã™ã€‚ context.drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh) ã“ã®APIã«ã‚ˆã£ã¦ã€ã‚¤ãƒ¡ãƒ¼ã‚¸ã®éƒ¨åˆ†é ˜åŸŸã®ç¸¦ãƒ»æ¨ªæ–¹å‘ã®æ‹¡å¤§ç¸®å°ãŒè‡ªç”±ã«ã§ãるよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ 今回ã¯ã€ã“ã®æ‹¡å¤§æ©Ÿèƒ½ãŒã¡ã‚‡ã£ã¨æ°—ã«ãªã£ãŸã®ã§ä»¥ä¸‹ã®ãƒ–ラウザã®å„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ Firefox Chrome Safari Opera 3.6.11 8.0.552.11 dev 5.0.2 10.63 調ã¹ãŸã®ã¯ã€ä¸‹ã®ã‚ˆã†ãªèµ¤ã¨é’ãŒï¼‘ピクセル毎ã«äº¤äº’ã«æã‹ã‚Œã¦ã„るイメージを拡大ã—ãŸã¨ãã®è£œé–“ã®è¡¨ç¾ã§ã™ã€‚ ã“ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’下記表ã®ã‚ˆã†ã«æ‹¡å¤§ã—ã¦ã¿ã¾ã—ãŸã€‚ 5å€ 10å€ 20å€ 40å€ 80å€ 160å€ 320å€ 640å€ 1
HTML5 Canvasã®ãƒ–ラウザã«ã‚ˆã£ã¦ç•°ãªã‚‹å¾®å¦™ãªæŒ¯ã‚‹èˆžã„ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ãŸã€‚ - 風ã¨å®‡å®™ã¨ãƒ—ãƒã‚°ãƒ©ãƒ
ã¯ã˜ã‚ã« Canvasã¯HTML5ã¨ã¯åˆ‡ã‚Šé›¢ã•ã‚ŒãŸç‹¬ç«‹ã—ãŸä»•æ§˜(HTML Canvas 2D Context)ã«ãªã£ã¦ã„るよã†ã§ã™ãŒã€ç¾çŠ¶ã®ãƒ–ラウザ上ã§ã®Canvasã®ã«ã¤ã„ã¦ã€æ™®æ®µã¯ã‚ã¾ã‚Šæ°—ã«ã—ãªã„微妙ãªæŒ¯ã‚‹èˆžã„ã«ã¤ã„ã¦èª¿ã¹ãŸçµæžœã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ 調ã¹ãŸãƒ–ラウザã®å„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚ Firefox Chrome Safari Opera 3.6.8 6.0.490.1 dev 5.0.1 10.61 ç·šã‚’æã (lineTo) ãŸã ã®ç›´ç·šã‚’æãã ã‘ã®lineToã§ã™ãŒã€ãã®å˜ç´”ãªã‚‚ã®ã«ã‚‚ã€æらãã€å¤šãã®äººãŒæ™®æ®µã¯æ°—ã«ã—ãªã„よã†ãªå•é¡ŒãŒã‚ã‚Šã¾ã™ã€‚ãã‚Œã¯åº§æ¨™å€¤ã¨ã‚¢ãƒ³ãƒã‚¨ãƒªã‚¢ã‚¹ã§ã™ã€‚詳ã—ã見るå‰ã«ã€å®Ÿéš›ã®çµæžœã‚’示ã—ã¾ã—ょã†ã€‚下記ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ä¸ã«æã‹ã‚Œã¦ã„ã‚‹ç·šã¯ã€ã„ãšã‚Œã‚‚ç·šå¹…(lineWidth)ãŒ1ã®ç·šã§ã™ã€‚ (å·¦ã‹ã‚‰ã€Firefox, Chrome, Safari, Opera
インターン講義5日目「ユーザインターフェース,HTML5〠- Hatena Developer Blog
インターン生ã¯ã€é€£æ—¥ã®è¬›ç¾©ã¨èª²é¡Œã§å¤§å¤‰ãã†ã§ã™ãŒã€ä»Šæ—¥ã‚‚講義ãŒç¶šãã¾ã™ã€‚ 本日ã¯ã€id:nanto_viã«ã‚ˆã‚‹ã€Œãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹,HTML5ã€ã§ã™ã€‚仕様書を隅々ã¾ã§èªã‚“ã 講師ã«ã‚ˆã‚‹ãƒ‡ã‚£ãƒ¼ãƒ—ãªè¬›ç¾©å†…容ã¨ãªã£ã¦ã„ã¾ã™ã€‚今日も2時間ã®é•·ä¸å ´ã§ã™ãŒã€é ‘å¼µã£ã¦ç€ã„ã¦ã„ãã¾ã—ょã†! ユーザーインターフェースã€HTML5 ユーザーインターフェースã§å¤§åˆ‡ãªã“ã¨ã€HTML5 åŠã³é–¢é€£ API ã§ä½•ãŒã§ãる㋠自己紹介 nanto_vi (外山真, TOYAMA Nao) ブックマークãƒãƒ¼ãƒ アプリケーションエンジニア ã¯ã¦ãªãƒ–ックマーク Firefox æ‹¡å¼µ ã¯ã¦ãªãƒ„ールãƒãƒ¼ for Firefox ã¯ã¦ãªãƒ–ックマーク Twitter 投稿機能 ã¯ã¦ãªã‚µãƒžãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ³ 2008 ãªã‚“ã¨ãªã Emacs 富山県å—ç ºå¸‚ã¨ã¯ã‚ã¾ã‚Šé–¢ä¿‚ãªã— 概略 UI ã®è©•ä¾¡ãƒ»è¨è¨ˆãƒ»å®Ÿè£…ã®æ¦‚ç•¥ HTML ã«ã¤ã„ã¦ã®æ¦‚ç•¥ã€HT
dfltweb1.onamae.com – ã“ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã¯ãŠåå‰.comã§å–å¾—ã•ã‚Œã¦ã„ã¾ã™ã€‚
ã“ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã¯ ãŠåå‰.com ã‹ã‚‰å–å¾—ã•ã‚Œã¾ã—ãŸã€‚ ãŠåå‰.com 㯠GMOインターãƒãƒƒãƒˆã‚°ãƒ«ãƒ¼ãƒ—(æ ª) ãŒé‹å–¶ã™ã‚‹å›½å†…シェアNo.1ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ç™»éŒ²ã‚µãƒ¼ãƒ“スã§ã™ã€‚ â€»è¡¨ç¤ºä¾¡æ ¼ã¯ã€å…¨ã¦ç¨Žè¾¼ã§ã™ã€‚ ※サービスå“質ç¶æŒã®ãŸã‚ã€ä¸€æ™‚çš„ã«å¯¾è±¡ã¨ãªã‚‹æ–™é‡‘ã¸ä¸€å®šå‰²åˆã®ã€Œã‚µãƒ¼ãƒ“スç¶æŒèª¿æ•´è²»ã€ã‚’åŠ ç®—ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ ※1 「国内シェアã€ã¯ã€ICANN(インターãƒãƒƒãƒˆã®ãƒ‰ãƒ¡ã‚¤ãƒ³åãªã©ã®è³‡æºã‚’管ç†ã™ã‚‹éžå–¶åˆ©å›£ä½“)ã®å…¬è¡¨æ•°å€¤ã‚’ã‚‚ã¨ã«é›†è¨ˆã€‚gTLDãŒé›†è¨ˆã®å¯¾è±¡ã€‚ 日本ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ç™»éŒ²æ¥è€…(レジストラ)（「ICANNãŒãƒ¬ã‚¸ã‚¹ãƒˆãƒ©ã¨ã—ã¦èªå®šã—ãŸä¼æ¥ã€ä¸€è¦§ï¼ˆInterNICæ供）内ã«ã€ŒJapanã€ã®è¨˜è¼‰ãŒã‚ã‚‹ã‚‚ã®ï¼‰ã‚’対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.comã€ã®ã‚·ã‚§ã‚¢å€¤ã‚’集計。 2023å¹´5月時点ã®èª¿æŸ»ã€‚
Google Slides: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
TweetShooting
{{#tags}}- {{label}}
{{/tags}}