大手WebサービスãŒã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã§ç™ºç”Ÿã—ãŸJavaScriptã®ã‚¨ãƒ©ãƒ¼ã‚’ã©ã†åŽé›†ã—ã¦ã„ã‚‹ã®ã‹ ã¾ã¨ã‚ - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
jQuery Mobileã§ã®ã‚¢ãƒ—リケーション開発ã«Backbone.jsã‚’å°Žå…¥ã—よㆠ| Lab by [email protected]
ã“ã‚“ã«ã¡ã¯ã€2011年度新å’エンジニアã®å¤ç›®ã§ã™ï¼çªç„¶ã§ã™ãŒã¿ãªã•ã‚“JavaScript書ã„ã¦ã¾ã™ã‹ï¼Ÿ 最近ã¯jQuery Mobileãªã©ã‚’利用ã—ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘アプリ開発ã«ãŠã„ã¦ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã§ã‚‚ヘビーãªJavaScriptã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã™ã‚‹æ©Ÿä¼šãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ãã®ã‚ˆã†ãªã¨ãコードã®ã„ãŸã‚‹ã¨ã“ã‚ã«HTMLãŒæ··å…¥ã—ãŸã‚Šã€ã©ã“ã§ã©ã®ãƒ‡ãƒ¼ã‚¿ã‚’扱ã£ã¦ã„ã‚‹ã®ã‹åˆ†ã‹ã‚‰ãªããªã‚‹ã¨ã„ã†ã“ã¨ã«ãªã‚ŠãŒã¡ã§ã™ã€‚ 今回ã¯ãã‚“ãªæ‚ªå¤¢ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”Ÿæ´»ã«ä¸€ç‹ã®å¸Œæœ›ã®å…‰ã‚’照らã™Backbone.jsを紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 対象èªè€… JavaScriptã§ã®é–‹ç™ºçµŒé¨“ãŒã‚ã‚‹æ–¹ Backbone.jsã¨ã¯ Backbone.jsã¯DocumentCloudãŒé–‹ç™ºã‚’ã—ã¦ã„ã‚‹ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®JavaScriptコードをModelã€Viewã€Controllerã§æ§‹ç¯‰ã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã€‚b
jenkinsã¨jslintを連æºã•ã›ã¦ã¿ãŸã‚ˆ - ã¶ã‚Œã™ã¨ã¤ãƒ¼ã‚‹
jslintã¨jenkinsを連æºã•ã›ãŸã‹ã£ãŸã®ã§è‰²ã€…調ã¹ã¦ã¿ãŸã€‚ jslint4javaã£ã¦ã„ã†jslintã®javaãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒã§ã¦ã„ãŸã®ã‚’発見ã—ãŸã®ã§ant使ã£ã¦é€£æºã—ã¦ã¿ã¾ã—ãŸã€‚ ä»¥ä¸‹æ‰‹é † ã¨ã‚Šã‚ãˆãšä½¿ç”¨ã™ã‚‹ãƒ—ラグインã„ã‚Œã¦ãŠã Jenkinsã®ç®¡ç† > プラグインã®ç®¡ç† > 以下ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’è¿½åŠ Git Plugin ant Violations jenkinså†èµ·å‹• 次ã«jslintã«ã‹ã‘る対象ã®jobを作æˆã—ã¾ã™ã€‚ æ–°è¦Jobã®ä½œæˆ > (Jobåを決ã‚ã¦ã‹ã‚‰)フリースタイル・プãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒ“ルド > ok プãƒã‚¸ã‚§ã‚¯ãƒˆåã‚„ã‚‚ã‚ã‚‚ã‚入力 今回ã¯Gitリãƒã‚¸ãƒˆãƒª(Test)ã‚’jslintã«ã‹ã‘ã‚‹ã®ãƒªãƒã‚¸ãƒˆãƒªã‚’è¨å®š ã¡ãªã¿ã«ä»Šå›žå¯¾è±¡ã«ã™ã‚‹ãƒªãƒã‚¸ãƒˆãƒªã¯ã“ã‚Œ (https://github.com/nazomikan/Test) ビルドトリガã®SCMã‚’ãƒãƒ¼ãƒªãƒ³ã‚°ã«ãƒã‚§ãƒƒã‚¯ã‚’ã„れる
GPLãªJavaScriptã®ã‚³ãƒ¼ãƒ‰ã¯ã€éžãƒ•ãƒªãƒ¼ãªã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã«ä½¿ãˆã‚‹ã®ã‹ ― ã‚ã‚Šãˆã‚‹ãˆã‚Šã‚
Recent entries Apache2.4ã®ãƒªãƒªãƒ¼ã‚¹äºˆå®šã¯æ¥å¹´(2011å¹´)åˆã‚(ã‚ãã¾ã§äºˆå®š) inoue 2010-12-23 Herokuã®ç™ºéŸ³ inoue 2010-12-20 雑誌記事「ソフトウェア・テストPRESS Vol.9ã€ã®åŽŸç¨¿å…¬é–‹ inoue 2010-12-18 IPA未è¸ã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ inoue 2010-12-15 労基法ã¨ãƒã‚ンゲームinoue 2010-12-06 フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ inoue 2010-12-03 ASCII.technologies誌ã«MapReduceã®è¨˜äº‹ã‚’書ãã¾ã—㟠inoue 2010-11-25 æŠ€è¡“è©•è«–ç¤¾ãƒ‘ãƒ¼ãƒ•ã‚§ã‚¯ãƒˆã‚·ãƒªãƒ¼ã‚ºçµ¶è³›ç™ºå£²ä¸ inoue 2010-11-24 雑誌連載「Emacsã®ãƒˆãƒ©ãƒŽãƒžã‚ã€ã®åŽŸç¨¿(part8)公開 inoue 2010-11-22 RESTã®å½“惑 inoue 2010-11-22 「プ
MOONGIFTプレミアムã«ã¤ã„㦠| MOONGIFT | オープンソース・ソフトウェア紹介をä¸å¿ƒã¨ã—ãŸITエンジニア/Webデザイナーå‘ã‘ブãƒã‚°
Arborã¯è¤‡æ•°ã®ã‚ªãƒ–ジェクトを関連性をå«ã‚ã¦ãƒ“ジュアル化ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリ。 Arborã¯JavaScript/jQuery製ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。データをビジュアル化ã™ã‚‹æ–¹æ³•ã¯å¹¾ã¤ã‹å˜åœ¨ã™ã‚‹ã€‚例ãˆã°æ£’グラフや折れ線グラフも一ã¤ã®ãƒ“ジュアル化ã 。ã©ã®æ–¹æ³•ã‚’é¸ã¶ã‹ã¯ãƒ‡ãƒ¼ã‚¿ã®ç¨®é¡žã¨è¦‹ã›æ–¹ã«ã‚ˆã£ã¦ç•°ãªã‚‹ã ã‚ã†ã€‚ ã“ã‚“ãªè¡¨ç¤ºã‚‚ å¹¾ã¤ã‹ã®ã‚ªãƒ–ジェクトåŒå£«ãŒé–¢é€£ã—ã¦å˜åœ¨ã™ã‚‹å ´åˆã«ä½¿ãˆã‚‹ã®ãŒArborã 。例ãˆã°ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã®ãƒ¦ãƒ¼ã‚¶ã®é–¢é€£æ€§ã‚’表示ã—ãŸã‚Šã€å‹äººåŒå£«ã®ã¤ãªãŒã‚Šã‚’ビジュアル化ã™ã‚‹ã¨ã„ã£ãŸæ™‚ã«ä½¿ãˆãã†ãªãƒ©ã‚¤ãƒ–ラリã 。 Arborã¯å¹¾ã¤ã‹ã®ãƒãƒ–ãŒã‚ã‚Šã€ãã®ãƒãƒ–ã‹ã‚‰æžãŒä¼¸ã³ã¦åˆ¥ãªãƒãƒ–ã«ã¤ãªãŒã£ã¦ã„るよã†ãªãƒ“ジュアル化を行ã†ã€‚表示ã—ã¦çµ‚ã‚ã‚Šã¨ã„ã†è¨³ã§ã¯ãªãã€å¸¸ã«ã‚†ã‚‰ã‚†ã‚‰ã¨å‹•ã„ã¦ã„る。ã•ã‚‰ã«ãƒãƒ–をドラッグã—ã¦ç§»å‹•ã•ã›ã‚‹ã“ã¨ã‚‚ã§ãる。ãã®æ™‚ã«ã¯é–¢é€£ã™ã‚‹ãƒãƒ–も干渉ã—ã¦å‹•ã。 ã•ã‚‰ã«è¤‡é›‘ãªæç”»
jQuery custom event 応用編 - monjudoh’s diary
å‰ç½®ã custom eventã¨ã¯ä½•ã‹?(å‰ç½®ãã®å‰ç½®ã) ブラウザãŒã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹eventã§ã¯ãªã„独自定義event。 clickã¨ã‹ã¯ãƒ–ラウザãŒã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹event ユーザã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚„ブラウザã®çŠ¶æ…‹ç‰ã«ã‚ˆã£ã¦ç›´æŽ¥ç™ºç«ã•ã‚Œã‚‹ã“ã¨ã¯ãªã„ click eventã¯ã€ãƒ¦ãƒ¼ã‚¶ãŒãƒžã‚¦ã‚¹ãƒã‚¤ãƒ³ã‚¿ã‚’è¦ç´ ã®ä¸Šã«ç§»å‹•å¾Œã«ãƒžã‚¦ã‚¹ã®ãƒœã‚¿ãƒ³ã‚’押ã™ã¨ç™ºç«ã•ã‚Œã‚‹ DOMContentLoaded eventã¯ã€ãƒšãƒ¼ã‚¸ã®HTMLãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å®Œäº†ã—ã€ã™ã¹ã¦ãƒ‘ースã•ã‚Œã‚‹ã¨ç™ºç«ã•ã‚Œã‚‹ jQueryã§ã¯trigger,triggerHandler methodã§eventをユーザã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ç‰ã«é–¢ä¿‚ãªã発ç«ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ custom eventも発ç«å‡ºæ¥ã‚‹ 逆ã«è¨€ã†ã¨custom eventã¯JavaScriptã®å´ã‹ã‚‰ã—ã‹ç™ºç«ã•ã‚Œãªã„ 以å‰The JUI 2009 Returnsã§è©±ã‚’ã—ã¾ã—ãŸã€‚ htt
ãªãœJSONPã ã¨ã‚¯ãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³åˆ¶ç´„を超ãˆã‚‰ã‚Œã‚‹ã®ã‹ï¼Ÿ - å°„æ’ƒã—ã¤ã¤å‰è»¢ 改
ãªãœé€šå¸¸ã®XMLHttpRequestã«ã¯ã‚¯ãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³åˆ¶ç´„ãŒã‚ã‚‹ã®ã«ã€JSONPã§ã¯ã‚¯ãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³ã§ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’é€ä¿¡ã§ãã‚‹ã®ã‹ï¼Ÿä¸æ€è°ã«æ„Ÿã˜ãŸã®ã§ã€ã¡ã‚‡ã£ã¨èª¿ã¹ã¦ã¿ãŸã€‚ クãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³åˆ¶ç´„ã¯ã€Œãƒ–ラウザ上ã§å®Ÿè¡Œã•ã‚Œã‚‹JavaScriptã¯åŒã˜ãƒ‰ãƒ¡ã‚¤ãƒ³ã«ã—ã‹ãƒªã‚¯ã‚¨ã‚¹ãƒˆã®é€ä¿¡ã‚„クッã‚ーã®ç·¨é›†ã‚’è¡Œãˆãªã„ã€ã¨ã„ã†åˆ¶é™ã§ã‚る。 ãªãœã“ã®ã‚ˆã†ãªåˆ¶é™ãŒå¿…è¦ã«ãªã‚‹ã®ã‹ã€‚クãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³åˆ¶ç´„ãŒãªã‹ã£ãŸã‚‰ã©ã†ãªã‚‹ã‹ã‚’æ€è€ƒå®Ÿé¨“ã—ã¦ã¿ã‚ˆã†ã€‚ブラウザ上ã§ã¯ã€ã„ãã¤ã‚‚ã®ã‚µã‚¤ãƒˆã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ããŸJavaScriptãŒåŒæ™‚ã«å®Ÿè¡Œã•ã‚Œã‚‹ã“ã¨ã¯çã—ããªã„。ã¾ãŸã€æ‚ªæ„ã®ã‚るページã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã—ã¾ã„ã€æ‚ªæ„ã‚ã‚‹JavaScriptを実行ã—ã¦ã—ã¾ã†ã“ã¨ã‚‚ã€å分ã«èµ·ã“り得る話ã§ã‚る。間é•ãˆã¦å¤‰ãªãƒšãƒ¼ã‚¸ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸã‚‰è‡´å‘½çš„ãªå•é¡ŒãŒèµ·ãã¾ã—ãŸã€ã§ã¯ã¾ãšã„ã®ã§ã€ãƒ–ラウザã§ã¯JavaScriptãŒã§ãる事ã«ã‹ãªã‚Šã®åˆ¶é™ã‚’与ãˆã¦ã„る。X
Servlet(Spring MVC) + JSP + jQueryã§Twitterライクãªmoreボタンを実装ã™ã‚‹ - Fight the Future
ã²ã¨ã¾ãšåˆæœŸè¡¨ç¤ºã™ã‚‹ã€‚ DAOã§ã¯10件ãªã©å›ºå®šã®ä»¶æ•°ã‚’å–å¾—ã™ã‚‹ã€‚ ã“ã®ã‚µãƒ³ãƒ—ルã§ã¯ã€IDã®é †ç•ªã«è¡¨ç¤ºã—ã¦ã„ã。 @RequestMapping(method = { RequestMethod.GET }) public ModelAndView index(@RequestParam(defaultValue = "0") Long Id) { // limit 10ãªã©ã®SQLを使ã£ã¦10件ã ã‘å–å¾—ã™ã‚‹ List<Dto> dtoList = this.service.list(Id); ModelAndView view = new ModelAndView(); view.addObject("list", dtoList); view.setViewName("index"); return view; } moreボタンを押ã—ãŸã‚‰ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»åƒã‚’表示ã™ã‚‹ã€‚ リクエストパラメ
Togetter - 「scriptタグ内をHTMLコメントã§æ‹¬ã£ã¦ã‹ã‚‰JavaScript書ãã®ã£ã¦æ„味ã‚ã‚‹ã®?ã€
@monjudoh scriptタグ内を<!-- // -->ã§æ‹¬ã£ã¦ã‹ã‚‰JavaScript書ãã®ã£ã¦ã©ã®è¾ºã®ãƒ–ラウザå‘ã‘ã«ã‚„ã£ã¦ã‚‹ã‚“ã ã£ã‘? #javascript 2010-07-28 11:31:45
arguments.calleeã¨setTimeoutを使ã£ã¦JavaScriptã®ãƒªãƒˆãƒ©ã‚¤å‡¦ç†ã‚’ç°¡å˜ã«æ›¸ã方法
jQuery ã®ã‚½ãƒ¼ã‚¹ã‹ã‚‰æ‹¾ã£ã¦ããŸãƒã‚¿ãªã‚“ã™ãŒã€arguments.callee 㨠setTimeout を使ã£ãŸãƒªãƒˆãƒ©ã‚¤å‡¦ç†ãŒè¶…便利ãªã®ã§ã”紹介。 ã¾ãšåŸºæœ¬å½¢ã¯ã“ã‚“ãªæ„Ÿã˜ã™ã€‚ (function() { // ãªã‚“ã‹å‡¦ç† if (error) { setTimeout(arguments.callee, 20); } })(); 上ã®ã‚³ãƒ¼ãƒ‰ã¯ error ãŒçœŸã®ã¨ã20マイクãƒç§’後ã«ç„¡å関数ã®å®Ÿè¡Œã‚’リトライã—ã¾ã™ã€‚20マイクãƒç§’ã ã¨ãƒªãƒˆãƒ©ã‚¤é–“éš”ãŒçŸã„よã†ãªæ°—ãŒã™ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ãƒªãƒˆãƒ©ã‚¤å›žæ•°ã¯1秒ã«50回ã§ã™ã®ã§è¨€ã†ã»ã©ã§ã‚‚ãªã„ã§ã™ã€‚ arguments.callee ã¯é–¢æ•°å†…ã§ã®ã¿å‚ç…§å¯èƒ½ã§ã€å®Ÿè¡Œä¸ã®é–¢æ•°è‡ªèº«ã¸ã®å‚照をä¿æŒã—ã¾ã™ã€‚上ã®ä¾‹ã§ã¯ arguments.callee ã¯ç„¡å関数ã¸ã®å‚ç…§ã¨ãªã‚Šã¾ã™ã€‚setTimeout ã« arguments.callee を渡ã™ãã®é–¢æ•°ã‚’
30ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³
Learn Web Design Retro CSS Text Effect: A Step-by-Step TutorialCSS offers an array of tools that, when used correctly, can improve the visual experience on your website. In this tutorial, we’ll explore a straightforward way to design a retro text effect with pure CSS. The approach, while not overly complex, yields a visually appealing result and serves as a… UX surveys can be pivotal tools for des
JavaScriptã§æœ¬æ–‡æŠ½å‡ºÂ·ExtractContentJS MOONGIFT
ExtractContentJSã¯JavaScript製ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。ブãƒã‚°ã‚„Webサイトã®ãƒ‡ãƒ¼ã‚¿ã‚’集ç©ã—ã¦ã€ãã“ã‹ã‚‰æƒ…å ±ã‚’å¸ã„出ã—ã¦ä½•ã‚‰ã‹ã®ã‚µã‚¤ãƒˆã‚’構築ã™ã‚‹ã¨ã„ã†ã‚µãƒ¼ãƒ“スã¯å¤šã„。ãã®æ™‚é‡è¦ã«ãªã‚‹ã®ãŒç‰¹å®šURLã‹ã‚‰ã®æœ¬æ–‡æŠ½å‡ºã 。サイドãƒãƒ¼ã‚„ヘッダーãªã©ä½™è¨ˆãªæƒ…å ±ã‚’çœãã“ã¨ã§ã‚ˆã‚Šæ„味ã®ã‚るコンテンツãŒå¾—られるよã†ã«ãªã‚‹ã€‚ ç”»é¢ä¸‹ã®æ–‡å—列ãŒæœ¬æ–‡æŠ½å‡ºã—ãŸçµæžœ Rubyã§ã‚ã‚Œã°ä»¥å‰ç´¹ä»‹ã—ãŸExtractcontentã¨ã„ã†ãƒ©ã‚¤ãƒ–ラリãŒã‚る。ãã—ã¦ãれをベースã®ã¯ã¦ãªã«ã¦JavaScript実装ã—ãŸã®ãŒExtractContentJSã 。JavaScriptベースã®å®Ÿè£…ã¨ã‚ã£ã¦ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãƒ™ãƒ¼ã‚¹ã§æŠ½å‡ºã‚’è¡Œã„ãŸã„ã¨ã„ã†æ™‚ã«ä½¿ãˆãã†ãªãƒ©ã‚¤ãƒ–ラリã 。 使ã„æ–¹ã¯ç°¡å˜ã§ã€ExtractContentJSã®ã‚ªãƒ–ジェクトを作ã£ãŸã‚‰ç¾åœ¨è¡¨ç¤ºã•ã‚Œã¦ã„るページã®ã‚ªãƒ–ジェクト（document）を渡ã™
Webサイトã®ãƒžã‚¦ã‚¹æ“作をトラッã‚ングã™ã‚‹Â·simple mouse tracking MOONGIFT
Webサイトã®é‹å–¶ã¯å¤ç‹¬ã 。ユーザã‹ã‚‰ã®ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’å¾—ã‚‹ã¨ã„ã†ã®ã¯ã‹ãªã‚Šé›£ã—ã„。対é¢å¼ã§ãªã„分ã€æ™‚間や地ç†çš„æ¡ä»¶ã«æŸç¸›ã•ã‚Œãªã„ã¨ã„ã†ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚‹åé¢ã€è¨ªå•è€…ãŒä½•ã‚’考ãˆã€ã©ã†ã„ã†å‹•ãã‚’ã—ã¦ã„ã‚‹ã®ã‹ã¨ã„ã£ãŸæƒ…å ±ãŒåˆ†ã‹ã‚‰ãšãƒ¦ãƒ¼ã‚¶ãƒ“リティã®æ”¹å–„ã¯å›°é›£ã 。 ユーザã®ãƒžã‚¦ã‚¹ã®å‹•ãをトラッã‚ングã™ã‚‹ ã ãŒãƒ‡ã‚¸ã‚¿ãƒ«ã ã‘ã«ä»•çµ„ã¿ã‚’ã†ã¾ã用ã„ã‚Œã°ã‚‚ã£ã¨ãƒ¦ãƒ¼ã‚¶ã®å‹•å‘ãŒåˆ†ã‹ã‚‹ã‚ˆã†ã«ãªã‚‹ã¯ãšã 。 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯simple mouse trackingã€ãƒžã‚¦ã‚¹ã®è»Œè·¡ã‚’記録ã€å†ç¾ã™ã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã 。 simple mouse trackingã¯JavaScriptã¨PHPã§æä¾›ã•ã‚Œã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã€æŒ‡å®šã•ã‚ŒãŸJavaScriptタグを埋ã‚込むã“ã¨ã§å‹•ä½œã™ã‚‹ã€‚埋ã‚è¾¼ã¾ã‚ŒãŸWebサイトã§ãƒžã‚¦ã‚¹ã‚’å‹•ã‹ã™ã¨ãã®è»Œè·¡ãŒè¨˜éŒ²ã•ã‚Œã€ç®¡ç†ç”»é¢ã‹ã‚‰è¦‹ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ å‹•ãを追ã£ã¦ã„ã‚‹ã¨ã“ã‚
scriptè¦ç´ ã«removeChildを使ã†éš›ã¯setTimeoutã‚’å™›ã¾ã›ãŸã»ã†ãŒè‰¯ã„ã‹ã‚‚ - mayokara memo
IEã§ã¯é…延ã•ã›ãªã„ã¨ã€å‡¦ç†ãŒè¿½ã„ã¤ã‹ãšå‰Šé™¤ã«å¤±æ•—ã™ã‚‹ã“ã¨ãŒã‚る。 id属性を指定ã—ã¦ã„ãŸã‚Šã™ã‚‹ã¨ã€é‡è¤‡ã—ãŸéš›IEãŒè½ã¡ã‚‹ã®ã§æ³¨æ„ãŒå¿…è¦ã€‚ ■追記 2007å¹´12月25æ—¥ os0x ã©ã†ã„ã†æ¡ä»¶ã§å†ç¾ã™ã‚‹ã®ã‹æ°—ã«ãªã‚‹ãªãƒ¼ ã¯ã¦ãªãƒ–ックマーク - removeChildを使ã†éš›ã¯setTimeoutã§ã®é…延ãŒå¿…è¦ | mayokara memo デタラメã«ã‚‚程ãŒã‚る内容ã ã£ãŸãŸã‚ä¿®æ£ã€‚ ã©ã†ã‚‚実行ä¸ã®scriptè¦ç´ ã¨çµ¡ã‚€ã¨æ€ªã—ã„模様。 具体的ã«ã¯innerHTMLã«ãƒ‡ãƒ¼ã‚¿ã‚’æµã—込んã 直後ã«removeChildã—ãŸã¨ããŒæ€ªã—ã„。 関数ã®å®Ÿè¡Œé †ã®å•é¡Œã‹ã‚‚ã—ã‚Œãªã„。 ãã®é–¢ä¿‚ã‹ã€setTimeoutã§ç™»éŒ²ã—ãªãŠã™ã¨ã†ã¾ãè¡Œãã¿ãŸã„ã§ã™ã€‚ ã‚ã¨ã€idãŒé‡è¤‡ã—ãŸã‹ã‚‰è½ã¡ã‚‹ã¨ã„ã†ã®ã¯ç§ã®é–“é•ã„ã§ã—ãŸã€‚ é…列を用æ„ã—ã¦pushã€shiftã—ã¦ã‚‚è½ã¡ã¾ã™ã€‚ ã“ã®å ´åˆã‚‚setTimeoutã§ï¼ˆä¸€å¿œï¼‰å›žé¿
ブックマークレットã€IEã§è½ã¡ã‚‹ - snippets from shinichitomita’s journal
外部スクリプトを呼ã³å‡ºã™ãƒ–ックマークレットã®ã‚¹ã‚¯ãƒªãƒ—トã®ä¸ã«ã€scriptタグをクリーンアップã™ã‚‹ã‚³ãƒ¼ãƒ‰ã‚’入れã¦ã„ãŸã‚‰ã€ï¼’回目ã®å‘¼ã³å‡ºã—ã§IE7ãŒè½ã¡ãŸã€‚リãƒãƒ¼ãƒ‰ã—ã¦ãŸã‚Šãƒšãƒ¼ã‚¸ç§»å‹•ã—ã¦ã„ã¦ã‚‚åŒã˜ã€‚ 外部スクリプト (bookmarklet_helloworld.js) (function() { alert('Hello World, from bookmarklet code'); var scripts = document.getElementsByTagName('script'); for (var i=0; i<scripts.length; i++) { var script = scripts[i]; if (/\/bookmarklet_helloworld\.js$/.test(script.src)) { script.parentNode.removeChild(s
リアルタイム入力ãƒã‚§ãƒƒã‚¯ã®JavaScriptライブラリ·yav MOONGIFT
時々ã€Webサイトã§å…¥åŠ›ã—ã¦ã„る内容をãã®å ´ã§åˆ¤å®šã™ã‚‹ã‚‚ã®ãŒã‚ã‚‹ã€‚å…¥åŠ›å¿…é ˆã®é …目やメールアドレスã€ãƒ‘スワードã®ä¸€è‡´ãªã©ã§ã‚¨ãƒ©ãƒ¼ãŒã‚ã‚Œã°ã™ãã«è¡¨ç¤ºã—ã¦ãれるã®ã§ã€é€ä¿¡ã—ã¦ã‹ã‚‰ä¿®æ£ã™ã‚‹ã¨è¨€ã£ãŸäºŒåº¦æ‰‹é–“ãŒãªãã¦ä¾¿åˆ©ã 。 Webブラウザ上ã§å…¥åŠ›ãƒã‚§ãƒƒã‚¯ã‚’実行ã™ã‚‹ サーãƒå´ã§ã‚‚入力ãƒã‚§ãƒƒã‚¯ã¯è¡Œã†ãŒã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティを考ãˆã‚‹ã¨ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§ã‚‚検証ã—ãŸã„。ãã‚“ãªæ¤œè¨¼ã‚·ã‚¹ãƒ†ãƒ ã‚’ç°¡å˜ã«ä½œã‚Œã‚‹ã®ãŒyavã 。 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯yavã€JavaScriptã®å…¥åŠ›ãƒã‚§ãƒƒã‚¯ãƒ©ã‚¤ãƒ–ラリã 。 yavã¯å…¥åŠ›å¿…é ˆã¯ã‚‚ã¡ã‚ã‚“ã€æ•°å—ã®ã¿ã‚„æ–‡å—ã®ã¿ã¨ã„ã£ãŸãƒã‚§ãƒƒã‚¯ã‚‚ã§ãる。メールや日付ã€æ–‡å—ã®é•·ã•ãªã©ã¨ã„ã£ãŸãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã«ã‚ˆã‚‹ãƒã‚§ãƒƒã‚¯ã‚„ã€ã€Œandã€ã¨ã€Œorã€ã«ã‚ˆã‚‹ä»–ã®é …ç›®ã®å€¤ã«ã‚ˆã£ã¦å…¥åŠ›ãƒã‚§ãƒƒã‚¯å†…容を変更ã™ã‚‹æ©Ÿèƒ½ã‚‚ã‚る。多言語ã«ã‚‚対応ã—ã¦ã„る。 è¨å®šã¯ã“ã®ã‚ˆã†ã«ãªã‚‹ 入力フォーマットをè¦å®šã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã€äºˆ
jQueryã€é•·ã„ドãƒãƒƒãƒ—ダウンリストをインクリメンタルã«ã—ã¼ã‚Šã“むサンプル with migemoã£ã½ã„ã‚‚ã®
jQueryã€é•·ã„ドãƒãƒƒãƒ—ダウンリストをインクリメンタルã«ã—ã¼ã‚Šã“むサンプル with migemoã£ã½ã„も㮠説明 ãŸãã•ã‚“ã®ã‚¢ã‚¤ãƒ†ãƒ ã®ä¸ã‹ã‚‰ã²ã¨ã¤é¸ã³ãŸã„ã¨ã„ã†ã‚±ãƒ¼ã‚¹ã€‚ 対象ã®åå‰ã¯çŸ¥ã£ã¦ã‚‹ã€‚ã§ã‚‚検索ã™ã‚‹ã®ã‚‚ã ã‚‹ã„。 å˜ãªã‚‹ãƒ‰ãƒãƒƒãƒ—ダウンã ã¨ã©ã“ã«ã‚ã‚‹ã‹ã‚ã‹ã‚‰ãªãã¦å›°ã‚‹ã€‚ ã¨ã„ã†ã‚±ãƒ¼ã‚¹ã«ã©ã†ãžã€‚ ユーザビリティメモ: jsãŒç„¡åŠ¹ãªäººã¯æ©æµã‚’å—ã‘られãªã„ã®ã§ä»£æ›¿æ‰‹æ®µã‚’何ã¨ã‹ã—ãŸã»ã†ãŒã„ã„ã‚“ã˜ã‚ƒãªã„ã£ã™ã‹ã。 ã¤ã„ã§ã«migemoã£ã½ã„検索ã™ã‚‹æ©Ÿèƒ½ã‚‚ã¤ã‘ã¦ã¿ãŸã€‚ 入力ã•ã‚ŒãŸãƒãƒ¼ãƒžå—ã‚’å…ƒã«æ£è¦è¡¨ç¾ä½œã£ã¦èªã¿ãƒ‡ãƒ¼ã‚¿(ã²ã‚‰ãŒãª)を検索ã™ã‚‹ã ã‘。 ã¡ã‚‡ã£ã¨ã‹ã—ã“ã„ãƒã‚¤ãƒ©ã‚¤ãƒˆæ©Ÿèƒ½ã¤ã。 æ“作: 上下ã‚ーã§ç§»å‹•ã€Enterã§ç¢ºå®šã€ESC or 検索窓ãŒãƒ•ã‚©ãƒ¼ã‚«ã‚¹å¤±ã†ã¨ã‚ャンセル。 Windows XP上ã®Opera 9.64ã€Firefox 3.0.10ã€IE 7.0ã§å‹•ä½œç¢ºèªã€‚
bookreader.js
bookreader.jsã¯ã€é•·æ–‡ã‚’縦スクãƒãƒ¼ãƒ«ã§ã¯ãªãã€æ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§è¡¨ç¤ºã—èªã¿ã‚„ã™ãã™ã‚‹JavaScriptライブラリã§ã™ã€‚ →プãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒ›ãƒ¼ãƒ (Google Code) - New!! →ダウンãƒãƒ¼ãƒ‰(ver 0.4.6) - 2009/04/18公開 ※ダウンãƒãƒ¼ãƒ‰ã®è©³ç´°ã«ã¤ã„ã¦ã¯ã€ã“ã¡ã‚‰ã®ãƒšãƒ¼ã‚¸ã‚’ã”覧下ã•ã„。 ã¾ãšã¯ã€ã“ã®ãƒšãƒ¼ã‚¸ã§ä½“験ã—ã¦ã¿ã¦ä¸‹ã•ã„。ã‚ーボードã®[→]/[â†]ã‚ーãŒã€ã€Œé€²ã‚€ã€ã‚ã‚‹ã„ã¯ã€Œæˆ»ã‚‹ã€ã«å¯¾å¿œã—ã¾ã™ã€‚ç”»é¢ä¸Šã«è¡¨ç¤ºã•ã‚Œã‚‹ã€åŠé€æ˜Žã®â–¶/◀ボタンをクリックã—ã¦ã‚‚OKã§ã™ã€‚使ã„æ–¹ã®è©³ç´°ã¯ã€Œãƒ˜ãƒ«ãƒ—ã€ã‚’å‚ç…§ãã ã•ã„。 次期ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®é–‹ç™ºçŠ¶æ³ 幸ã„ã«ã—ã¦ã•ã¾ã–ã¾ãªæ–¹ã‹ã‚‰ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’ã„ãŸã ãã¾ã—ãŸã€‚ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ãれを元ã«æ©Ÿèƒ½ã®çµžã‚Šè¾¼ã¿ã¨WEBサイトã¸ã®ã€Œçµ„è¾¼ã¿æ–¹ã€ã«ã¤ã„ã¦æ¤œè¨Žã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ã¾ã ã€å®Ÿè£…ã®æ–¹é‡ãŒå®šã¾ã£ãŸã€ã¨ã„ã†æ®µéšŽã§ã™ãŒæ¬¡æœŸ0.8.xç³»ã®ã‚µ
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ANTã®ä¸ã§JavaScriptを使ㆠ- Object Design
http://blog.fulltext-search.biz/articles/2008/03/01/jquery-loader-for-greasemonkey
{{#tags}}- {{label}}
{{/tags}}