ãŠå‰è‡ªåˆ†ã¡ã®ãƒšãƒ¼ã‚¸ãƒ£UIãŒæœ¬å½“ã«é€Ÿã„ã¨æ€ã£ã¦ã‚“ã®ï¼Ÿæ‰‹æŠœãã§ã™
[JS]ãªã«ã“れ楽ã—ã„ï¼ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³æº€è¼‰ã®è·¯ç·šå›³ã‚’実装ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -transitive.js
路線図ã®å…¥ã‚Šçµ„ã‚“ã§ã„ã‚‹ã¨ã“ã‚ã£ã¦ã€åˆ†ã‹ã‚Šã«ãã„ã§ã™ã‚ˆã。 ãã‚“ãªå•é¡Œã‚’解決ã™ã‚‹Canvasã§å®Ÿè£…ã™ã‚‹ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³æº€è¼‰ã®è·¯ç·šå›³ã®ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã™ã€‚ ↓ãã£ã¤ã„ã¦ã¦åˆ†ã‹ã‚Šã«ãã„箇所もã€ã“ã‚“ãªæ„Ÿã˜ã«ç§»å‹•ã§ãã¾ã™ã€‚ デモページ 上ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³gifã¿ãŸã„ã«ç§»å‹•ã•ã›ã‚‹ã“ã¨ã ã‘ã§ãªãã€ãƒ›ã‚¤ãƒ¼ãƒ«æ“作ã§ã®æ‹¡å¤§ç¸®å°ã‚„ドラッグæ“作ãªã©ã‚‚ã§ãã¾ã™ã€‚ 路線図ã¯å„è¦ç´ （駅やルートãªã©ï¼‰ã®ãƒ†ã‚ストファイルを元ã«ã€Canvasã§æç”»ã•ã‚Œã¦ã„ã¾ã™ã€‚ å„è¦ç´ ã®ãƒ‡ãƒ¼ã‚¿ï¼ˆã‚ªãƒ¬ãƒ³ã‚¸ã®ãƒ«ãƒ¼ãƒˆï¼‰ã¯ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ "route": "ORANGE", "from": "12488", "to": "7588", "fromName": "COURTHOUSE METRO STATION", "toName": "METRO CENTER METRO STATION", "routeShortName": "Orange
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
ã„ã‚„ãªãƒ–ãƒã‚°: JavaScript ã§ã‚¤ãƒ³ã‚¯ãƒªãƒ¡ãƒ³ã‚¿ãƒ« grep 検索
JavaScript ã§ã‚¤ãƒ³ã‚¯ãƒªãƒ¡ãƒ³ã‚¿ãƒ« grep 検索 JavaScript㧠grep 検索をã—よã†ã¨æ€ã„ã€æ¬¡ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã‚’書ã„ãŸã€‚ function grep (pattern) { try { var regex = new RegExp(pattern, "i"); var spans = document.getElementsByTagName('span'); var length = spans.length; for (var i = 0; i < length; i++) { var e = spans[i]; if (e.className == "line") { if (e.innerHTML.match(regex)) { e.style.display = "inline"; } else { e.style.display = "none"; } } }
svartalfheim.jp - é…列を少ãªã„仕事é‡ã§ã‚·ãƒ£ãƒƒãƒ•ãƒ«ã™ã‚‹Fisher-Yates法
Fisher-Yates法ã¯é…列をシャッフルã™ã‚‹éš›ã«ç”¨ã„る一般的ãªã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã®ã‚ˆã†ã§ã™ã€‚ Wikipedia：Fisher-Yates法（英語） Javascriptã§æ›¸ãã¨ï¼ˆWikipediaより抜粋） var n = a.length; for(var i = n - 1; i > 0; i--) { var j = Math.floor(Math.random() * (i + 1)); var tmp = a[i]; a[i] = a[j]; a[j] = tmp; } ActionScript（jp.ferv.blogã•ã‚“より） var i:int = array.length; var j:int,tmp:Object; while(i){ var j = Math.floor(Math.random()*i); var tmp = array[--i]; array[i]
[JavaScript] newã¯å¤§äº‹ã ã‚ˆï¼ / LiosK-free Blog
2010-07-19 カテゴリ: Client Side ã‚¿ã‚°: JavaScript トラックãƒãƒƒã‚¯ JavaScriptã®newã£ã¦ä½•ï¼Ÿä¸€ä½“何ãªã®ï¼Ÿã¨ã„ã†è©± - æ„›ã¨å‹‡æ°—ã¨ç¼¶ãƒ“ール クラスã£ã¦ã‚‚ã®ã¯JavaScriptã«ã¯ãªã„ã¯ãšãªã®ã«ã€ new ClassName();ã¨æ›¸ãã¨ã‚ãŸã‹ã‚‚ClassNameクラスã®ã‚ªãƒ–ジェクトã®ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ãŒç”Ÿæˆã•ã‚Œã€ãã‚ŒãŒè¿”ã£ã¦ãã‚‹ã‹ã®ã‚ˆã†ãªæŒ™å‹•ã‚’ã—ã¦ã„る。 ã“ã‚Œã¯æ°—æŒã¡æ‚ªã„。言語仕様ã¨ã—ã¦ã¯ã‚¯ãƒ©ã‚¹ã¯æœ¬æ¥å˜åœ¨ã—ãªã„ã®ã«ã€ã‚¯ãƒ©ã‚¹ã®ã‚ˆã†ãªã‚‚ã®ãŒå°Žå…¥ã•ã‚Œã¦ã„る。ã¾ã¨ã‚‚ãªç¥žçµŒã‚’æŒã£ãŸäººé–“ãªã‚‰ã€ä¸€ä½“ new演算åã£ã¦ä½•ãªã®ï¼Ÿã¨ã„ã†ç–‘å•ã‚’æŒã¤ã®ãŒå½“ãŸã‚Šå‰ã§ã‚る。 ã“ã‚“ãªæ‰±ã„ã‚’å—ã‘ã¦ã„ã‚‹newãŒã‚ã¾ã‚Šã«ã‚‚ä¸æ†«ã§æ¶™ã—ãŸï¼žï¼œ newã¯prototype-basedãªJavaScriptを書ããŸã‚ã®å”¯ä¸€ã®æ‰‹æ®µ[1]ã§ã€çœŸã«JavaScriptらã—ã„コードを書ããŸã‚ã«ã¯æ¬ ã‹
HTML5ã®localStorageã§iPhone用Webアプリを高速化
HTML5ã®localStorageã§iPhone用Webアプリを高速化：iPhoneã§å‹•ã‹ã™æ¥å‹™ç”¨Webアプリ開発入門（4）（2/2 ページ） function loadList() { var ul = document.getElementById('list'); // ã€1】 リストã®å†…容をä¿æŒã™ã‚‹JSONæ–‡å—列ã‹ã‚‰<li>を作æˆã™ã‚‹é–¢æ•°ã‚ªãƒ–ジェクト var rebuild = function(json) { ul.innerHTML = ''; var list = JSON.parse(json); for (i = 0; i < list.length; i++) { li = document.createElement('li'); li.innerHTML = '<a href="#content" onclick="openContent('+ list[i].i
æœ€é€Ÿã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ç ”ç©¶ä¼š :: IEã«Firefox風検索ãƒãƒ¼ã‚’ãã£ã¤ã‘ã‚‹Bookmarklet
ã¨ã„ã†ã®ã‚’作ã£ã¦ã¿ã¾ã—ãŸã€‚ ã“ã®ãƒšãƒ¼ã‚¸ã§è©¦ã—ã¦ã¿ã‚‹(IEé™å®š) ãƒãƒ¼ãƒžå—ã®ã¾ã¾æ¤œç´¢ã§ãã‚‹ã®ã§ã€ä¾‹ãˆã°mohicanã§ãƒ¢ãƒ’カンã«ãƒ’ットã—ã¾ã™ã€‚ 例ãˆã°ã“ã‚“ãªå…·åˆã€‚ http://la.ma.la/misc/demo/isearch.htm 上記ブックマークレットã§ä»–ã®ãƒšãƒ¼ã‚¸ã§ã‚‚å‹•ã‹ã›ã¾ã™ãŒã€ãƒªãƒ•ã‚¡ãƒ©ãŒä»˜ãã¨ã‚¤ãƒ¤ãªã®ã§ã‚„ã‚ã¦ãã ã•ã„。ã„ããªã‚Šã‚¯ãƒƒã‚ー盗んã ã‚Šã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トã«åŒ–ã‘ã‚‹å¯èƒ½æ€§ãŒã‚ã‚‹ã®ã§ã€ãƒãƒ¼ã‚«ãƒ«ã«ä¿å˜ã—ã¦å‹•ä½œã•ã›ã‚‹ã“ã¨ã‚’推奨ã—ã¾ã™ã€‚ ã§ã€ãƒ•ã‚¡ã‚¤ãƒ«ä¿å˜ã—ã¦JavaScript書ãæ›ãˆã¦ãƒªãƒ³ã‚¯ãƒãƒ¼ã«ç™»éŒ²ã¨ã‹ã„ã†ä½œæ¥ã¯éžå¸¸ã«é¢å€’ãã•ã„ã¨æ€ã†ã®ã§ã€ãƒ–ックマークレットã§ä½¿ã†jsファイルã®ä¸ã«WSHを使ã£ãŸã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ©ãƒ¼ã‚’書ã„ã¦ã¿ãŸã€‚ ---- インストール方法 http://la.ma.la/misc/bookmarklet/isearch.js ã“ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’é©å½“ãªãƒ•ã‚©ãƒ«ãƒ€ã«ä¿å˜ã—ã¦ãƒ€ãƒ–ルク
JavaScriptã ã‘ã§ä½œã‚‰ã‚ŒãŸåˆ†ã‹ã¡æ›¸ã·TinySegmenter MOONGIFT
TinySegmenterã¯JavaScriptã§ä½œã‚‰ã‚ŒãŸåˆ†ã‹ã¡æ›¸ãライブラリã§ã™ã€‚ 日本語ã‹ã‚‰æƒ…å ±ã‚’å¾—ã‚‹éš›ã«ä½¿ã‚れる技術ãŒåˆ†ã‹ã¡æ›¸ãã§ã™ã€‚ãã‚“ãªåˆ†ã‹ã¡æ›¸ãã§ã¯è¾žæ›¸ã‚’使ã£ã¦è§£æžã‚’è¡Œã†ã®ãŒä¸€èˆ¬çš„ã§ã™ãŒã€JavaScriptã®ã‚ˆã†ãªè¨€èªžã§ã¯å¤§é‡ã®è¾žæ›¸ã‚’扱ã†ã®ã«ã¯ä¸å‘ãã§ã™ã€‚ãã“ã§è‡ªå‹•çš„ã«åˆ¤å®šã™ã‚‹TinySegmenterを使ã£ã¦ã¿ã¾ã—ょã†ã€‚ 分ã‹ã¡æ›¸ãã®ã‚µãƒ³ãƒ—ルã§ã™ã€‚機械的分類ã§ã™ãŒã€ç²¾åº¦ã¯é«˜ã„よã†ã«è¦‹ãˆã¾ã™ã€‚ 2ã¨5ã€9ã¨5ãªã©ã®é€£ç¶šã™ã‚‹æ•°å€¤ãŒåˆ†ã‹ã‚Œã¦ã—ã¾ã£ã¦ã„ã‚‹ã®ãŒç„¡å¿µã€‚ã—ã‹ã—凄ã„ã§ã™ã€‚ TinySegmenterã§ã¯è§£æžã¯å…¨ã¦ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã§è¡Œã‚ã‚Œã¾ã™ã€‚ライブラリã¯åƒ…ã‹25KBã§ã™ã€‚機械å¦ç¿’åž‹ã§ã‚ã‚Šã€n-gramã‚„æ–‡å—種を組ã¿åˆã‚ã›ã¤ã¤åˆ†é¡žã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ãã®ãŸã‚æ–°èžã®ã‚ˆã†ãªæ–‡å—種ãŒæ§˜ã€…ã«çµ„ã¿åˆã‚ã•ã£ãŸã‚る程度ã®é•·ã•ã‚’æŒã£ãŸæ–‡ç« ã«å¯¾ã—ã¦å¼·ã„åé¢ã€ãƒãƒ£ãƒƒãƒˆã‚„çŸã„メッセージã€å¹³ä»®åã®ã¿ã¨
ã¯ã˜ã‚ã¦ã®jQuery
デザイナå‘ã‘「åˆã‚ã¦ã®jQueryã€
jQueryプラグインã®ä½œã‚Šæ–¹ï½œjQuery Tips｜Ajax｜PHP & JavaScript Room
jquery.basic.js(function($){ /* プラグインå（myplugin）を指定 */ /* 関数ã«ã‚ªãƒ—ション変数を渡㙠*/ $.fn.myplugin=function(config){ /* 引数ã®åˆæœŸå€¤ã‚’è¨å®šï¼ˆã‚«ãƒ³ãƒžåŒºåˆ‡ã‚Šï¼‰ */ var defaults={ defColor:"#ff6699", defPadding:5 } var options=$.extend(defaults, config); /* 一致ã—ãŸè¦ç´ 上ã§ç¹°ã‚Šè¿”ã™ */ return this.each(function(i){ /* プラグイン内ã§ã®ç¾åœ¨ã®è¦ç´ ã¯thisã§å‚ç…§ */ $(this).text(this.tagName+"["+i+"]").css({"color":defaults.defColor,"padding":defaults.defPadding}); }
Backbone.js+CoffeeScriptを試ã—ã¦ã¿ã‚‹ « サーãƒãƒ¼ãƒ¯ãƒ¼ã‚¯ã‚¹ エンジニアブãƒã‚°
ã“ã‚“ã«ã¡ã‚ã€ãƒ—ãƒã‚°ãƒ©ãƒžã®å·å£ã§ã™ã€‚今回ã¯Backbone.jsã‚’CoffeeScriptã§è¨˜è¿°ã—ã€Ruby on Railsã¨çµ„ã¿åˆã‚ã›ã¦åˆ©ç”¨ã™ã‚‹ç°¡å˜ãªãƒ‘ターンを試ã—ã¦ã¿ã¾ã—ãŸã€‚CoffeeScriptã¯éžå¸¸ã«ç°¡æ½”ã«JavaScriptを記述ã§ãる上ã«å¦ç¿’コストも低ã„ã®ã§ãŠã™ã™ã‚ã§ã™ã€‚最近ã¯JavaScriptãŒãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆå…¨ä½“ã®ã‚³ãƒ¼ãƒ‰ã«å ã‚る割åˆãŒå¤§ãããªã£ã¦ãã¦ã„ã¾ã™ã—ã€ãã‚Œã«æ¯”例ã—ã¦ã‚„ã¯ã‚Šãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ã‚„å¯èªæ€§ãŒä¸‹ãŒã£ã¦ã„ãã“ã¨ã‚‚ã‚り事å‰ã«å¯¾å¿œç–ãŒå¿…é ˆã§ã™ã€‚ Backbone.jsã¨ã¯ãƒ»ãƒ»ãƒ»ã¨ã‹ã¯åˆ¥ã«ã„ã„デスヨãƒï¼Ÿdwangoã•ã‚“ã®Backbone.js記事を見ã¦ãã ã•ã„(完全ã«ãƒã‚¿ã‹ã¶ã‚Šã§ã™ã€æœ¬å½“ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸ)。 å‰æº–å‚™ ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯ã“ã‚“ãªæ„Ÿã˜ã€‚ Ruby on Rails 3.1.1.rc1 CoffeeScript version 1.1.2 Backbone.js
Backbone.jsを利用ã—ãŸã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰MVCã®å°Žå…¥ã«ã¤ã„ã¦ãã‚ãã‚書ã„ã¦ãŠãã‹ - 出町ミスド攻防記
jQueryヘビーãªã‚¢ãƒ—リケーションã®å•é¡Œç‚¹ã¨ã€MVCã«ã‚ˆã‚‹æ§‹é€ 化ã®å¿…è¦æ€§ jQueryã¯ã€ãƒ–ラウザ上ã§å‹•ãJSアプリケーションã®é–‹ç™ºç”Ÿç”£æ€§ã‚’劇的ã«å‘上ã•ã›ã¾ã—ãŸã€‚DOMæ“作ã«ã‚ˆã‚‹å‹•çš„ãªãƒšãƒ¼ã‚¸æ›¸ãæ›ãˆå‡¦ç†ãªã©ã¯ã€ã‚»ãƒ¬ã‚¯ã‚¿ã‚’使ã£ã¦ã¡ã‚‡ã‚ã£ã¨ã‚³ãƒ¼ãƒ‰ã‚’書ãã ã‘ã§ã€ã»ã‚“ã®æ•°è¡Œã§è¨˜è¿°ã§ãã¦ã—ã¾ã„ã¾ã™ã€‚ ã—ã‹ã—ã€ã“ã®æ–¹æ³•ã®å»¶é•·ã§ã€å¤§è¦æ¨¡ãªJSアプリケーションを構築ã™ã‚‹ã“ã¨ã¯æžœãŸã—ã¦ç¾å®Ÿçš„ã§ã—ょã†ã‹ã€‚例ãˆã°ã€ŒGMailã€ã‚„「New Twitterã€ç¨‹åº¦ã®è¦æ¨¡ã®JSアプリケーションを書ã‹ãªã‘ã‚Œã°ãªã‚‰ãªã„ã¨ã—ãŸã‚‰ã€ã©ã†ã§ã—ょã†ï¼Ÿ 大è¦æ¨¡ãªJSアプリケーションを開発ã™ã‚‹ã«ã¯ã€ã“ã†ã„ã£ãŸæ‰‹æ³•ã‚’延長ã™ã‚‹ã®ã§ã¯ãªãã€ã‚ˆã‚Šæ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターンを導入ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®ç›®çš„ã«ã´ã£ãŸã‚Šã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターンãŒã€ã€ŒMVCã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターンã§ã™ã€‚ MVCパターンã¯ã€Webã®ä¸–ç•Œã§ã¯ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§åºƒã知られ
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
[JS]エレメントã¨ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’繋ã„ã§è‡ªç”±ã«å‹•ã‹ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -jsPlumb
DHTML SAMPLES
{{#tags}}- {{label}}
{{/tags}}