Kazuho@Cybozu Labs JavaScript ã‚’å¦ã¶ä¸Šã§èªã‚€ã¹ãウェブサイト
« JavaScript ã® String 型を継承ã™ã‚‹ | メイン | JavaScript ã¯ã€ãªãœãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ベースãªã®ã‹ » 2006å¹´10月18æ—¥ JavaScript ã‚’å¦ã¶ä¸Šã§èªã‚€ã¹ãウェブサイト JavaScript ã«ã¤ã„ã¦è°è«–ã™ã‚‹éš›ã€è‰¯ã挙ã’られるå‚照文献㯠ECMA-262 (日本語版) ã§ã™ã€‚ ã—ã‹ã—ã€ã©ã¡ã‚‰ã‹ã¨ã„ã†ã¨ ECMA-262 㯠JavaScript ã®å‡¦ç†ç³»ã‚’実装ã™ã‚‹äººã«å‘ã‘ãŸæ–‡æ›¸ãªã®ã§ã€JavaScript を使ã„ãŸã„人ã«ã¯å‘ãã¾ã›ã‚“。 ç§ã¯ã€ JavaScript ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¯ã€mozilla developer center ã® Core JavaScript 1.5 Guide (日本語版)Core JavaScript 1.5 Reference (日本語版ã¯æ•´å‚™ä¸?)ãŒè‰¯ã„ã®ã§ã¯ãªã„ã‹ã€ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ Mozilla ã®ãƒ‰ã‚ュメントã‹ã‚ˆ
高橋メソッド風プレゼンジェãƒãƒ¬ãƒ¼ã‚¿
高橋メソッド風 プレゼンジェãƒãƒ¬ãƒ¼ã‚¿ プレゼンテーション手法ã®ã²ã¨ã¤é«˜æ©‹ãƒ¡ã‚½ãƒƒãƒ‰ã‚’å†ç¾ã§ãã‚‹ JavaScript コードを生æˆã—ã¾ã™ã€‚生æˆã•ã‚ŒãŸ HTML + JavaScript をコピーã—ã¦HTML文書ã«è²¼ã‚Šä»˜ã‘ã‚‹ã ã‘ã§ã€å‹•ãページãŒä½œã‚Œã¾ã™ã€‚ 一発ã§ã„ã„ã‚‚ã®ãŒç”Ÿæˆã§ããªãã¦ã‚‚ã€ãƒ—レビューを見ãªãŒã‚‰ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ä¿®æ£ã™ã‚‹ã“ã¨ã‚‚å¯ã€‚ 淡白ã™ãŽã‚‹ã‚µã‚¤ãƒˆã«ã‚¤ãƒ³ãƒ‘ã‚¯ãƒˆã‚’ä»˜åŠ ã™ã‚‹ãŸã‚ã«ã€æ˜Žæ—¥ã«è¿«ã£ãŸç™ºè¡¨ã®ãŸã‚ã«ã€ã¡ã‚‡ã£ã¨ä¾¿åˆ©ãªãƒ—レゼンツール。ãã®ã†ã¡ã‚‚ã‚“ãŸãƒ¡ã‚½ãƒƒãƒ‰ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚‚ã¤ãã‚‹ã‹ã‚‚。 2006å¹´11月6æ—¥ 全画é¢è¡¨ç¤ºãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’生æˆã§ãるよã†ã«ãªã‚Šã¾ã—ãŸã€‚大画é¢ã§æœ¬æ ¼çš„ã«é«˜æ©‹ãƒ¡ã‚½ãƒƒãƒ‰ã—ãŸã„æ–¹ã¯ã©ã†ãžã”利用ãã ã•ã„。 (ã•ã‚‰ã«ã€tDiary用高橋メソッドプラグイン"bigpresen.rb"ã¨é«˜æ©‹ãƒ¡ã‚½ãƒƒãƒ‰GIFアニメ生æˆå™¨ã‚‚よã‚ã—ã。) (ã§ã‹ã„プレゼンã¯é«˜æ©‹ãƒ¡ã‚½ãƒƒãƒ‰ã ã‘ã˜ã‚ƒãªã„ã€ã€Œæ‹¡å¤§é¡ã®ã™
JavaScript 用デãƒãƒƒã‚°ã‚³ãƒ³ã‚½ãƒ¼ãƒ« "IEerBug" [tech.nitoyon.com]
IEerBug 㯠Internet Explorer 6.0 㨠FireFox 1.5 ã§å‹•ã JavaScript 用ã®ãƒ‡ãƒãƒƒã‚° コンソールã§ã™ã€‚ FireBug ã¨åŒã˜ console.log()ã€console.debug() ãªã©ã®é–¢æ•°ãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ãŸã‚ã€FireFox 㨠IE ã®ä¸¡æ–¹ã§ãƒ‡ãƒãƒƒã‚°ã™ã‚‹å ´åˆã«ä¾¿åˆ©ã§ã™ã€‚コンソールã«å‡ºåŠ›ã—ãŸã‚ªãƒ–ジェクトをã€DOM インスペクタを利用ã—ã¦è§£æžã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ 使ã„æ–¹ ieerbug.zip をダウンãƒãƒ¼ãƒ‰ã—ã€ä¸èº«ã‚’アプリケーションã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã«é…ç½®ã—ã¾ã™ã€‚IEerBug 用ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚’作æˆã—ã¦ã€ãã®ä¸ã«é…ç½®ã—ã¦ã‚‚å•é¡Œã‚ã‚Šã¾ã›ã‚“。 HTML ã®ä¸ã§æ¬¡ã®ã‚ˆã†ã«ã—㦠ieerbug.js ã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚
![JavaScript 用デãƒãƒƒã‚°ã‚³ãƒ³ã‚½ãƒ¼ãƒ« "IEerBug" [tech.nitoyon.com]](https://cdn-ak-scissors.b.st-hatena.com/image/square/95abde13f7ed41248843e654a2f2ddcde8983db4/height=288;version=1;width=512/http%3A%2F%2Ftech.nitoyon.com%2Fapple-touch-icon-114x114.png){kind=icon}
[戯] target="_blank" を使ã‚ãªã„ã§æ–°ã—ã„ウィンドウã§ãƒªãƒ³ã‚¯ã‚’é–‹ã方法
target="_blank" を使ã‚ãªã„ã§æ–°ã—ã„ウィンドウã§ãƒªãƒ³ã‚¯ã‚’é–‹ã方法 2006-03-14-5: [JavaScript] <a href="foo.html" target="_blank">foo</a> を使ãˆã°æ–°ã—ã„ウィンドウã§ãƒªãƒ³ã‚¯ãŒé–‹ãã¾ã™ãŒï¼Œã“れ㯠XHTML 1.1 ã‚„ XHTML Basic ã§ã¯æŽ¡ç”¨ã•ã‚Œã¦ã„ã¾ã›ã‚“． ã§ã¯ã©ã†ã™ã‚‹ã‹ã¨ã„ã†ã¨ï¼Œã‚¹ã‚¯ãƒªãƒ—トを使ã†ã‚ã‘ã§ã™ãŒï¼Œ <a href="javascript:void(0)" onclick="window.open('foo.html');">foo</a> ã“ã†ã™ã‚‹ã¨ï¼Œä¸€è¦‹è§£æ±ºã—ãŸã‚ˆã†ã§ã™ãŒï¼ŒJavaScript ㌠off ã®å ´åˆã¯ãƒªãƒ³ã‚¯å…ˆã«é£›ã¹ã¾ã›ã‚“． ã—ã‹ã‚‚，ステータスãƒãƒ¼ã«ãƒªãƒ³ã‚¯å…ˆãŒå‡ºãªã„ã®ã§ä¸å®‰ã«ãªã‚Šã¾ã™ï¼Žã“れを <a href="foo.html" onclick="window.open('f
満足ã›ã‚‹è±šã€‚çœ ãŸã’ãªãƒãƒã€‚:2005å¹´ã®æŠ€è¡“çš„ãªãƒˆãƒ¬ãƒ³ãƒ‰ã«ä¹—ã‚Šé…ã‚Œãªã„ãŸã‚ã®5ã¤ã®ãƒ†ãƒ¼ãƒž
å¹´ã®æš®ã‚Œã ã‹ã‚‰ã“ãã€ä»Šå¹´ã®æŠ€è¡“çš„ãªãƒˆãƒ¬ãƒ³ãƒ‰ã¸ä¹—ã‚Šé…ã‚Œãªã„よã†ã«å¾©ç¿’ã‚’ã—ãŸã„ã‚‚ã®ã€‚ Web2.0ãŒè„šå…‰ã‚’æµ´ã³ãŸ2005年。ã¨ã‚Šã‚ãˆãšã“ã®5ã¤ã®åˆ†é‡Žã‹ã‚‰è‹¦æ‰‹åˆ†é‡Žã‚’ãã£ã¡ã‚Šæ½°ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚（多分ã«ã¼ãã®å見ã¨è‹¦æ‰‹åˆ†é‡Žã®é‡è¦–ãŒå½±éŸ¿ã—ã¦ã„る点ã¯ã”了承ãã ã•ã„。） Ajax Ruby on Rails HTML/CSS Javascript æ£è¦è¡¨ç¾ ã¨ã„ã†ã“ã¨ã§ã€ãŠã™ã™ã‚ã®æ›¸ç±ã‚„サイトをç·æ‹¬ã€‚ Ajax 2005å¹´ã¯ã“ã‚Œã—ã‹ãªã„ã§ã—ょã†ã€‚猫もæ“åã‚‚Ajaxã¨é€£å‘¼ã—ãŸå¹´ã§ã—ãŸã€‚ Ajax: Web アプリケーション開発ã®æ–°ã—ã„アプãƒãƒ¼ãƒ http://antipop.gs/docs/translations/ajax.html ã“ã‚ŒãŒãªãã¡ã‚ƒå§‹ã¾ã‚‰ãªã„ã§ã™ã‹ã‚‰ã€‚ Ajaxã®æœ¬è³ªã€ã€ŒéžåŒæœŸãƒ¡ãƒƒã‚»ãƒ¼ã‚¸åž‹ã‚¦ã‚§ãƒ–・アプリケーションã€ã®ã‚¹ã‚¹ãƒ¡ http://satoshi.blogs.com/life
Ajax を使ã£ãŸæ‰‹æ›¸ãæ–‡å—èªè˜
Ajax ã‚’ 使ã£ãŸæ‰‹æ›¸ãæ–‡å—èªè˜ã§ã™ã€‚下ã®ã‚ャンãƒã‚¹ã«ãƒžã‚¦ã‚¹ã§æ–‡å—ã‚’æã„ã¦ã¿ã¦ãã ã•ã„。 デモ
naoyaã®ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ - onsubmit 㧠submit ボタンを disable ã«ã—ã¦ãƒ¦ãƒ¼ã‚¶ãƒ“リティを良ãã™ã‚‹
先㮠Yahoo! Shopping ã®ã‚¢ãƒ—リケーションã§ã€ä»Šåº¦ã¡ã‚‡ã£ã¨ã‚„ã£ã¦ã¿ã‚ˆã†ã¨æ€ã£ã¦ãŸã“ã¨ã‚’実装ã—ã¦ã¿ãŸã€‚ http://bloghackers.net/~naoya/ys/app.cgi ボタンを押ã—ãŸã¨ãã«ã€ãã®ãƒœã‚¿ãƒ³ãŒ disable ã«ãªã‚Šã¾ã™ã€‚ã“ã®æ–¹æ³•ã‚’使ã†ã¨ãƒœã‚¿ãƒ³ãŒæŠ¼ã•ã‚Œã¦æ¬¡ã®å‡¦ç†ã«å…¥ã‚ã†ã¨ã—ã¦ã„ã‚‹ã¨ã„ã†ã®ãŒç›´æ„Ÿçš„ã«åˆ†ã‹ã‚‹ã®ã¨ã€äºŒé‡é€ä¿¡é˜²æ¢ã«ã‚‚ãªã‚‹ã¨ã„ã†ã“ã¨ã§ãƒ¦ãƒ¼ã‚¶ãƒ“リティãŒæ”¹å–„ã§ãã¾ã™ã€‚ 仕掛ã‘ã¯ã™ã”ãç°¡å˜ã§ã€form ã® onsubmit ãƒãƒ³ãƒ‰ãƒ©ã«ã€ãã® form ã«ç´ã¥ã submit ボタンを disable ã«ãªã‚‹ã‚ˆã†ãª JavaScript を登録ã—ã¦ãŠãã ã‘。 function disableSubmit(form) { var elements = form.elements; for (var i = 0; i < elements.length;
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Videobox: Lightbox for videos, Youtube, Metacafe, Google Video, iFilm
Japan.internet.com デベãƒãƒƒãƒ‘ー - JavaScriptを利用ã—ã¦ãƒ•ã‚©ãƒ¼ãƒ ã®äºŒé‡é€ä¿¡ã‚’防æ¢ã™ã‚‹
http://script.aculo.us/drag-and-drop
{{#tags}}- {{label}}
{{/tags}}