Flight by Twitter
A lightweight, component-based JavaScript framework for assigning behavior to DOM nodes.Flight A lightweight, component-based JavaScript framework from Twitter View on GitHub Overview Flight is a lightweight, component-based JavaScript framework that maps behavior to DOM nodes. Twitter uses it for their web applications. By way of example, we've including a simple email client demo (browse the sou
Introducing emojify.js, the easy way to add Emoji support to your site
Hassan Khan Developer, Hacker, Dreamweaver Home Twitter Instagram Github StackOverflow Steam CV Contact Introducing emojify.js, the easy way to add Emoji support to your site December 25, 2012 I’ve been working on my site, and I decided I wanted it to show simple emoticons like :) or :( as actual images, not the text representation of it. So, last weekend (or two), I decided to hack together some
Ruby脳ãŒç†è§£ã™ã‚‹JavaScriptã®ã‚ªãƒ–ジェクト指å‘
(追記：2012-12-15) 本記事ãŠã‚ˆã³ã“ã‚Œã«ç¶šããã®ï¼’，ãã®ï¼“ã‚’ã¾ã¨ã‚ã¦é›»å書ç±åŒ–ã—ã¾ã—ãŸã€‚「Gumroadã€ã‚’通ã—ã¦100円ã«ã¦è²©å£²ã—ã¦ã„ã¾ã™ã€‚内容ã«ã¤ã„ã¦ã®è¿½åŠ ・変更ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€èª¤è¨˜ã®ä¿®æ£ãŠã‚ˆã³ãƒ¡ãƒ‡ã‚£ã‚¢å‘ã‘ã®èª¿æ•´ã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ é›»å書ç±ã€ŒRuby脳ãŒç†è§£ã™ã‚‹JavaScriptã®ã‚ªãƒ–ジェクト指å‘ã€EPUB版 ã“ã®ãƒªãƒ³ã‚¯ã¯Gumroadã«ãŠã‘る商å“購入リンクã«ãªã£ã¦ã„ã¾ã™ã€‚クリックã™ã‚‹ã¨ã€ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ãƒ»ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ãŒç«‹ã¡ä¸ŠãŒã£ã¦ã€ã“ã®å ´ã§ã‚¯ãƒ¬ã‚¸ãƒƒãƒˆã‚«ãƒ¼ãƒ‰æ±ºæ¸ˆã«ã‚ˆã‚‹è³¼å…¥ãŒå¯èƒ½ã§ã™ã€‚購入ã«ã¯ã‚¯ãƒ¬ã‚¸ãƒƒãƒˆæƒ…å ±ãŠã‚ˆã³ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã®å…¥åŠ›ãŒå¿…è¦ã«ãªã‚Šã¾ã™ã€‚購入ã™ã‚‹ã¨ã€å…¥åŠ›ã—ãŸãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®DLリンクãŒé€ã‚‰ã‚Œã¦ãã¾ã™ã€‚ 購入ã”検討ã®ã»ã©ã‚ˆã‚ã—ããŠé¡˜ã„ã—ã¾ã™m(__)m 関連記事： é›»å書ç±ã€ŒRuby脳ãŒç†è§£ã™ã‚‹JavaScriptã®ã‚ªãƒ–ジェクト指å‘ã€EPUB版をGumroadã‹
『knockout.jsã§ã•ãã•ãWebアプリ開発ã€
1 pixel｜サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–り組ã¿ã‚’紹介ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚最新技術ã¸ã®æŒ‘戦やサービス誕生ã®è£è©±ã€å‹‰å¼·ä¼šã‚„イベントã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAクリエイターã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ ã¯ã˜ã‚ã¾ã—ã¦ï¼ スマホ対応アメーãƒãƒ”ã‚° Webアプリ版ã®é–‹ç™ºã‚’担当ã—ã¦ã„ã‚‹å‰å·æµ©å¤ªã¨ç”³ã—ã¾ã™ã€‚ knockout.jsã€ã®æ©Ÿèƒ½ã¨ç‰¹å¾´ã‚’ã€ç°¡å˜ã«ã”紹介ã§ãã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ knockout.js？knockout.js (http://knockoutjs.com/) knockout.jsã¯MVVM（Model-View-ViewModel）パターンã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã€‚ åŒæ–¹å‘データãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã‚„アイテムテンプレートç‰ã®æ©Ÿèƒ½ãŒã‚ã‚Šã€Silverlightã‚„WPF開発者ã«ã¯ã‹ãªã‚Šã¨ã£ã¤ãã‚„ã™ã„フレームワークã ã¨æ€ã„ã¾ã™ã€‚ Webアプリã§ã¯DOMã‚’å‹•
Ember.js - A framework for ambitious web developers
A framework for ambitious web developers. Ember.js is a productive, battle-tested JavaScript framework for building modern web applications. It includes everything you need to build rich UIs that work on any device. Build with the teams that never stop shipping. Some of the best development teams in the world have been iterating on their products for years with Ember. With scalable UI architecture
Building the SoundCloud mobile site using backbone.js « « SoundCloud Backstage SoundCloud Backstage
Until early this year, there was a gap. A gap between the desktop-targeted main SoundCloud site, what we call the ‘mothership’, and the native iOS (iPhone, iPod touch) and Android applications. A common and frustrating use-case was mobile Twitter: Someone would share a new favorite or upload on Twitter, you tap on it, and it tried to load the regular site on your tiny smartphone screen. Pushing th
Learning Advanced JavaScript
Double-click the code to edit the tutorial and try your own code. This tutorial contains code and discussion from the upcoming book Secrets of the JavaScript Ninja by John Resig. Our Goal Goal: To be able to understand this function: // The .bind method from Prototype.js Function.prototype.bind = function(){ var fn = this, args = Array.prototype.slice.call(arguments), object = args.shift(); return
ガントãƒãƒ£ãƒ¼ãƒˆä¸Šã§ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§ã‚¿ã‚¹ã‚¯ã®ä¸¦ã³æ›¿ãˆã‚‰ã‚Œã‚‹ã‚ˆã†ã«ã—ã¦ã»ã—ㄠ– Customer Feedback for Backlog
ヌーラボブãƒã‚°ã€ŒBacklogã€ã‚«ãƒ†ã‚´ãƒªã®è¨˜äº‹ä¸€è¦§ã§ã™ã€‚ヌーラボã®ãƒ–ãƒã‚°ã§ã¯ã€ã‚³ãƒ©ãƒœãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚„プãƒã‚¸ã‚§ã‚¯ãƒˆç®¡ç†ã«é–¢ã™ã‚‹ã‚³ãƒ©ãƒ ã€ç¤¾å†…文化やイベントレãƒãƒ¼ãƒˆãªã©ã€å¤šå½©ãªæƒ…å ±ã‚’ãŠå±Šã‘ã—ã¦ã„ã¾ã™ã€‚最新ã®è¨˜äº‹ã‚’通ã˜ã¦ã€ãƒŒãƒ¼ãƒ©ãƒœã®å–り組ã¿ã‚„æœ€æ–°æƒ…å ±ã‚’ã”覧ãã ã•ã„。
スクãƒãƒ¼ãƒ«ã§é †ã«ç”»åƒèªã¿è¾¼ã¿Lazy Load Plugin for jQuery
Mon, Jan 1, 0001 Lazy Load delays loading of images in long web pages. Images outside of viewport will not be loaded before user scrolls to them. This is opposite of image preloading. This is a modern vanilla JavaScript version of the original Lazy Load plugin. It uses Intersection Observer API to observe when the image enters the browsers viewport. Original code was inspired by YUI ImageLoader ut
足ã—算引ãç®—ã§10を作るゲームã¨éƒ¨åˆ†å’Œå•é¡Œã€DP - ç´ äººãŒãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’勉強ã—ã¦ã„ãŸãƒ–ãƒã‚°
切符ã®å•é¡Œ 切符ã®è£ã«å°åˆ·ã—ã¦ã‚ã‚‹4æ¡ã®æ•°å—ã‚’4ã¤ã®æ•°å—ã¨è€ƒãˆã¦ã€è¶³ã—ç®—ã¨å¼•ãç®—ã ã‘ã§10を作るゲームã®è§£ã方。 例ãˆã°ã€1,2,3,4ã®å ´åˆã¯1+2+3+4=10。 プãƒã‚°ãƒ©ãƒ çš„ã«ã¯ã€ prob([1,2,3,4]); // [{plus: [1,2,3,4], minus: []}] ã“ã‚“ãªæ„Ÿã˜ã«è¿”ã£ã¦ãるよã†ã«ã—ãŸã„。 ã¾ãšã€2,4,5,7ã‹ã‚‰10ã‚’ä½œã‚‹å ´åˆã€‚2+4+5+7=18ã§ã‚ã‚‹ã®ã§ã€ä¸Šè¨˜ã®å¼ã®ã„ãã¤ã‹ã®ç¬¦å·ã‚’-ã«ã™ã‚Œã°ã„ã„ã“ã¨ãŒåˆ†ã‹ã‚‹ã€‚一ã¤ã®æ•°å—を引ãã¨ã€18を出ã™æ™‚ã«æœ€åˆã«è¶³ã—ãŸåˆ†ã¨ã€ä»Šå¼•ã“ã†ã¨ã—ã¦ã„る分ã®2ã¤å¼•ã‹ãªã‘ã‚Œã°ãªã‚‰ãªã„ã‹ã‚‰ã€é€†ç®—ã—ã¦ã€(18-10)/2=4を引ã‘ã°ã„ã„ã¨åˆ†ã‹ã‚‹ã€‚ ã“ã®å ´åˆã€åˆè¨ˆãŒ4ã«ãªã‚‹çµ„åˆã›ã¯ã€4ãã®ã‚‚ã®ã—ã‹ãªã„ã‹ã‚‰ã€2-4+5+7=10ã€ãŒç”ãˆã¨åˆ†ã‹ã‚‹ã€‚ (åˆè¨ˆ-10)/2ãŒå¼•ãæ•°ã®åˆè¨ˆã§ã€ãれ以外ãŒè¶³ã™æ•°ã§ã‚る。2ã§å‰²ã£ã¦ã„ã‚‹ã®ã§ã€å…¨éƒ¨ã®æ•°
最近ã®jsプãƒã‚°ãƒ©ãƒ ã®çµ„ã¿æ–¹ - nazokingã®ãƒ–ãƒã‚°
僕ã¯ã‚³ãƒ¼ãƒ‰ã‚¹ã‚¿ã‚¤ãƒ«ãŒä¸€å®šã—ãªã„ã®ã§ã™ãŒã€æœ€è¿‘ã¯ã‚¯ãƒãƒ¼ã‚¸ãƒ£ï¼ã‚¯ãƒãƒ¼ã‚¸ãƒ£ï¼ 最近㯠Firefoxæ‹¡å¼µ/Greasemonkey/userChrome.js 系㮠javascript ã—ã‹æ›¸ã„ã¦ãªã„ã‚“ã ã‘ã©ã€ãã®ã‚ãŸã‚Šã§ã€Œã‚ªãƒ–ジェクトã®ç¶™æ‰¿ã€ã¨ã‹ã—ãŸã„ã¨æ€ã†ã“ã¨ãŒãªã〠prototype ã¨ã‹ã‚„ã‚„ã“ã—ã„ã ã‘ãªã®ã§å…¨ç„¶ä½¿ã‚ãªããªã‚Šã¾ã—ãŸã€‚ 昔 function myClass(){ this.init.apply(this,arguments); } myClass.prototype.init=function(name){ this.name=name; } myClass.prototype.hoge=function(){ return "hoge" } myClass.prototype.huga=function(){ return this.name+this.hoge()+"
AutoPagerizeã®å‹•ä½œã®æµã‚Œã‚’追ãˆ! - taizooo
ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ã¨ã„ã†ã‹ã€ã“ã‚“ãªæ„Ÿã˜ã§ã‚ˆã„ã§ã—ょã†ã‹?taizoooã•ã‚“。 http://d.hatena.ne.jp/os0x/20090508/1241780936 thx!!! os0x 以下ã€è‡ªåˆ†ã®ã‚ã‹ã‚Šã‚„ã™ã„よã†ã«æ›¸ãæ›ãˆä¸ã€‚ function åã¾ã§å…¥ã‚Œã‚Œã°ã‚‚ã£ã¨ã€ã‚ã‹ã‚Šã‚„ã™ããªã‚‹ã‹ãª? source http://userscripts.org/scripts/review/8551 ç™ºç« ãƒšãƒ¼ã‚¸ã®èªã¿è¾¼ã¿ Greasemonkeyèµ·å‹•(ã“ã®è¾ºã¯çœç•¥) AutoPagerizeèµ·å‹• SITEINFOã®èªã¿è¾¼ã¿ script ã«æ›¸ãè¾¼ã¾ã‚Œã¦ã„ã‚‹ SITEINFO を試ã™[launchAutoPager(SITEINFO)] SITEINFO_IMPORT_URLS ã® SITEINFO を試ã™(wedata)[SITEINFO_IMPORT_URL.forEach(funcit
Diggã®é«˜é€ŸåŒ–技術MXHRを解説ã—ã¦ã¿ã‚‹ - by edvakf in hatena
ã“ã‚Œã®ã“ã¨ã€‚ AJAXサイトをスピード化ã™ã‚‹MXHR - huixingã®æ—¥è¨˜ Digg the Blog » Blog Archive » DUI.Stream and MXHR ã©ã“ã«ã‚‚解説ãŒç„¡ã‹ã£ãŸã®ã§ã€è©³ã—ãèªã‚“ã 。 上ã®è¨˜äº‹ã‹ã‚‰å¼•ç”¨ã™ã‚‹ã¨ã€ã€Œã‚µãƒ¼ãƒãƒ¼ã¨ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆé–“ã§ã€ãŸã ã²ã¨ã¤ã ã‘ã®HTTPコãƒã‚¯ã‚·ãƒ§ãƒ³ã‚’é–‹ã。ã“ã‚Œã«ã‚ˆã‚Šã‚µãƒ¼ãƒãƒ¼ãŒãƒšãƒ¼ã‚¸ã®ã©ã®ãƒ‘ーツを先行ã—ã¦èªã¿è¾¼ã‚€ã‹ã‚’コントãƒãƒ¼ãƒ«ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¨ã£ã¦ã¯ãƒšãƒ¼ã‚¸èªã¿è¾¼ã¿ãŒã»ã¼ä¸€çž¬ã§æ¸ˆã‚€ã“ã¨ã‚’æ„味ã™ã‚‹ã€‚ã€ã¨ã„ã†æŠ€è¡“。XMLHttpRequest を使ã£ã¦è¤‡æ•°ã®ãƒ‡ãƒ¼ã‚¿ã‚’å—ä¿¡ã™ã‚‹å ´åˆã«åŠ¹æžœãŒã‚る。 ã¾ãšãƒ‡ãƒ¢ã‹ã‚‰ デモ1ã¯10個ã®ãƒ†ã‚ストをダウンãƒãƒ¼ãƒ‰ã—ã¦è¡¨ç¤ºã™ã‚‹ã‚‚ã®ã€‚ デモ2ã¯300個ã®ç”»åƒã‚’ダウンãƒãƒ¼ãƒ‰ã—ã¦è¡¨ç¤ºã™ã‚‹ã‚‚ã®ã€‚ ã©ã¡ã‚‰ã‚‚å·¦å´ (MXHR 有効) ãŒå®Œäº†ã—ãŸå¾Œã«å³å´ (MXHR 無効) を開始ã™ã‚‹ã®ã§é©šã‹ãªã„
spaceforaname.com - ã“ã®ã‚¦ã‚§ãƒ–サイトã¯è²©å£²ç”¨ã§ã™ï¼Â - Domain hosting リソースãŠã‚ˆã³æƒ…å ±
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
ヽ( ・∀・)ノãã¾ãã¾ãƒ¼(2009-04-16) WYSIWYG エディタを徒然ã¨è©¦ã™
â— [jQuery] WYSIWYG エディタを徒然ã¨è©¦ã™ 機能 表組ãŒã§ãã‚‹ 日本語ã®IME変æ›èª¤å‹•ä½œãŒãªã„ HTMLソース切り替ãˆãŒinline ç”»åƒã®æŒ¿å…¥ãŒã§ãã‚‹ (from File, URL) 多段リストãŒã§ãã‚‹ ブラウザã®æ–°è¦windowを出ã•ãªã„ カスタマイズãŒå®¹æ˜“（Obfuscatedã§ã¯ãªã„ソースãŒå…¥æ‰‹å¯èƒ½ï¼‰ ライセンス ã¨ã„ã†ç‚¹ã‚’ä¸å¿ƒã«å¾’然ã¨èª¿æŸ»ã™ã‚‹ã€‚ CKEditor http://ckeditor.com/ FCKEditor 2.x 㯠3.x ã‹ã‚‰ CKEditor ã¨å¤‰å。 Mac + Firefox ã®å ´åˆã®ã¿ã€IME変æ›ç¢ºå®šã§æ”¹è¡ŒãŒå…¥ã‚‹ä¸å…·åˆã‚ã‚Š RET㯠p, S-RET 㯠br 表組 (popup, propertyã§å¤‰æ›´å¯) HTML (inline, スムーズ) ç”»åƒ (popup, url, upload) リスト (single) ソース (
JavaScriptã¯æ‚ªããªã„ - os0x.blog
JavaScript ã®ä¸æ€è°ãªé¢ç™½ã• - Yahoo! JAPAN Tech Blog JavaScript ã®ä¸æ€è°ãªé¢ç™½ã• - 第二回 - Yahoo! JAPAN Tech Blog JavaScript ã®ä¸æ€è°ãªé¢ç™½ã• - 第三回 - Yahoo! JAPAN Tech Blog JavaScript ã®ä¸æ€è°ãªé¢ç™½ã• - 第四回 - Yahoo! JAPAN Tech Blog JavaScript ã®ä¸æ€è°ãªé¢ç™½ã• - 第五回 - Yahoo! JAPAN Tech Blog JavaScript ã®ä¸æ€è°ãªé¢ç™½ã• - 第å…回 - Yahoo! JAPAN Tech Blog JavaScript ã®ä¸æ€è°ãªé¢ç™½ã• - 最終回 - Yahoo! JAPAN Tech Blog ã®ã‚·ãƒªãƒ¼ã‚ºãŒJavaScriptã®é¢ç™½ã•ã‚ˆã‚Šã‚‚ã€æš—é»’é¢ã°ã‹ã‚Šä¼ãˆã¦ã—ã¾ã£ã¦ã„ã‚‹å°è±¡ã§ã€é€£è¼‰ãƒ¢ãƒŽã ã‹
blogparts framework suzunariを作æˆã—ã¾ã—ãŸã€‚ : tech.kayac.com - KAYAC engineers' blog
よã†ã‚„ã会社ã®ãƒ–ラインドを閉ã‚る方法を発見ã—ã¾ã—ãŸã€‚agoã§ã™ã€‚ 弊社ã§ã¯ãƒ–ãƒã‚°ãƒ‡ã‚³ã¨ã„ã†ãƒ–ãƒã‚°ãƒ‘ーツã®ãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆã‚’é‹å–¶ã—ã¦ãŠã‚Šã€ã‹ãªã‚Šã®æ•°ã®ãƒ–ãƒã‚°ãƒ‘ーツを作æˆã—ã¦ã„ã¾ã™ã€‚ ã“ã®ãŸã³ã€ãã“ã§å¾—られãŸæ§˜ã€…ãªãƒŽã‚¦ãƒã‚¦ã‚’集ã‚ã¦ã€ãƒ–ãƒã‚°ãƒ‘ーツフレームワークを公開ã—ã¾ã—ãŸã€‚ 元々社内ã§ã‚‚ã‚る程度ã¾ã¨ã¾ã£ãŸãƒ©ã‚¤ãƒ–ラリã¯ã‚ã£ãŸã®ã§ã™ãŒã€ã‚³ãƒ¼ãƒ‰ã‚’èªã¾ãªã„ã¨ï¼ˆã‚‚ã—ãã¯ä½œæˆè€…ã«èžã‹ãªã„ã¨ï¼‰ä¸æ˜Žãªæ©Ÿèƒ½ç¾¤ã¨ã€ä½¿ç”¨ã—ã¦ã‚‚一定ã®JSを記述ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ãŸã‚公開ã™ã‚‹ã¾ã§ã«ã¯è‡³ã£ã¦ã„ã¾ã›ã‚“ã§ã—ãŸã€‚ （社内ã‹ã‚‰ã¯1年以上å‰ã‹ã‚‰ã€Œæ—©ã‚ã«ã¾ã¨ã‚ã¦å…¬é–‹ã‚’ã€ã¨ã„ã†å£°ãŒã‚ã£ãŸã‚“ã§ã™ãŒã€‚。。） ãã“ã§ã€å¿…è¦ãªæ©Ÿèƒ½ã‚’ã¾ã¨ã‚ç›´ã—ã€é€šå¸¸ã®å…¨ç”»é¢ã‚¸ãƒ£ãƒƒã‚¯ç¨‹åº¦ã§ã‚ã‚Œã°ã‚¿ã‚°ã®ã¿ã§å®Ÿè£…å¯èƒ½ãªJSフレームワークを作æˆã—ã¾ã—ãŸã€‚ ã“ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークを使用ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€å„種ブラウザã§ã®ExternalInterfaceã®å„種å•é¡Œã‚„ã€wmodeã«ã‚ˆã‚‹
1
メンテナンス
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://blk.jp/archives/765
GitHub - stevekwan/best-practices: JavaScript and CSS guidelines for pragmatists.
http://getsprockets.org/
{{#tags}}- {{label}}
{{/tags}}