Rainbow - Javascript Code Syntax Highlighting
Download Select what languages you want to include to build a custom package. Languages select all C C# Coffeescript CSS D Generic patterns Go Haskell HTML Java JavaScript JSON Lua PHP Python R Ruby Scheme Shell Smalltalk SQL CSS themes are available on GitHub. Download What is this? Rainbow is a code syntax highlighting library written in Javascript. It was designed to be lightweight (2.5kb), eas
大è¦æ¨¡UIã‚’JavaScriptã§å®Ÿç¾ã™ã‚‹ãŸã‚ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€ã‚µã‚¤ãƒœã‚¦ã‚ºkintone開発ã®ç¾å ´ã‹ã‚‰ã€‚デブサミ2012
大è¦æ¨¡UIã‚’JavaScriptã§å®Ÿç¾ã™ã‚‹ãŸã‚ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€ã‚µã‚¤ãƒœã‚¦ã‚ºkintone開発ã®ç¾å ´ã‹ã‚‰ã€‚デブサミ2012 7万行è¦æ¨¡ã®JavaScriptプãƒã‚°ãƒ©ãƒ ã§æ§‹ç¯‰ã•ã‚ŒãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã€‚ãã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§ä½¿ã‚ã‚ŒãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¨ã¯ã©ã†ã„ã†ã‚‚ã®ã‹ã€‚ 2月16æ—¥ã€17æ—¥ã®2日間ã€éƒ½å†…ã§é–‹å‚¬ã•ã‚ŒãŸã‚¤ãƒ™ãƒ³ãƒˆã€Œãƒ‡ãƒ™ãƒãƒƒãƒ‘ーズサミット2012ã€ï¼ˆãƒ‡ãƒ–サミ2012）ã§ã€ã‚µã‚¤ãƒœã‚¦ã‚ºæ ªå¼ä¼šç¤¾ 開発部 若原祥æ£æ°ã€ç”Ÿé§’浩隆æ°ãŒè¬›æ¼”「kintoneã®è¡¨ã¨è£ï½žå¤§è¦æ¨¡JavaScript開発ã¨éžæ§‹é€ データベースã€ã‚’è¡Œã„ã¾ã—ãŸã€‚ 講演ã§ã¯å‰åŠã«å¤§è¦æ¨¡JavaScriptã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€å¾ŒåŠã§ã‚¹ã‚ーマレスデータベース構築ã®ä»•çµ„ã¿ãŒè§£èª¬ã•ã‚Œã¾ã—ãŸãŒã€ã“ã®è¨˜äº‹ã§ã¯è³‡æ–™ãŒå…¬é–‹ã•ã‚ŒãŸå‰åŠã®JavaScriptã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã¤ã„ã¦ã€ãƒ€ã‚¤ã‚¸ã‚§ã‚¹ãƒˆã§ç´¹ä»‹ã—ã¾ã™ã€‚ 7万行ã®ã‚³ãƒ¼ãƒ‰ã€ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¯Closure Library
JSAPI - JavaScript Reference Manual
This is yet another JavaScript reference manual viewer. The source document was taken from MDN wiki. The keys are working if the search field has focus or your mouse cursor is in the navigation area. ESC key is global. UP - Previous category / Previous item DOWN - Next category / Next item ENTER - Open category / Load selected item ESC - Clear search field and set focus
Microjs: Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit!
Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit! How much library code do you really need — 50K? 100K? 150K? More? How much of that do you really use? Sure, we all love our favorite monolithic frameworks, and sometimes we even use them fully. But how often do we reach for the ride-on John Deere tractor with air conditioning and six-speaker sound system, when a judiciously applied
MOONGIFT: » JavaScriptã§Diff「JSBlendã€:オープンソースを毎日紹介
ã±ã£ã¨è¦‹ã€ç°¡å˜ãã†ã«è¦‹ãˆã¦ãã®å®Ÿã€æ„外ã¨å¤§å¤‰ãªã®ãŒå·®åˆ†ã‚’表示ã™ã‚‹å‡¦ç†ã 。マシンパワーもæ„外ã¨ä½¿ã†ã®ã§ã€æ²¹æ–ãªã‚‰ãªã„。ã ãŒã€Web上ã§å…±æœ‰ã—ãŸã‚Šã‚³ãƒ©ãƒœãƒ¬ãƒ¼ãƒˆã—ãŸã‚Šã™ã‚‹ã‚¢ãƒ—リケーションãŒå¢—ãˆã¦ã„ã‚‹ç¾åœ¨ã«ã‚ã£ã¦ã¯ã€é‡è¦ãªæ©Ÿèƒ½ã«ãªã£ã¦ã„る。 手軽ã«å®Ÿè£…ã™ã‚‹æ–¹æ³•ã¯ã€æ—¢å˜ã®ãƒ©ã‚¤ãƒ–ラリを使ã†ã“ã¨ã 。ãれもã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã§ãªãクライアントサイドã§ã€‚ 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯JSBlendã€JavaScriptã§å®Ÿè£…ã•ã‚ŒãŸDiffソフトウェアã 。 JavaScriptã§Diffを実装ã™ã‚‹ã¨è¨€ã†ã®ã¯ä»¥å‰ç´¹ä»‹ã—ãŸgoogle-diff-match-patchã‚„ã€ã€ŒJavascriptã§diffã‚‹ ( with å½¢æ…‹ç´ è§£æž ) (nakatani @ cybozu labs)ã€ç‰ã§è©¦ã¿ã‚‰ã‚Œã¦ã„る。JSBlendãŒå‡„ã„ã®ã¯ã€ãŸã Diffã ã‘ã§ãªãã€ãƒžãƒ¼ã‚¸ã«ã‚‚対応ã—ã¦ã„る点ã 。比較ã¯æ–‡å—å˜ä½ã§è¡Œã‚ã‚Œ
JavaScriptを使ã£ãŸã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®ãƒ†ã‚スト差分表示ライブラリ·Pretty Diff MOONGIFT
Pretty Diffã¯JavaScriptã§ãƒ†ã‚ストã®å·®åˆ†ã‚’表示ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリ。 Pretty Diffã¯JavaScript製ã®ãƒ•ãƒªãƒ¼ã‚¦ã‚§ã‚¢ï¼ˆã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯å…¬é–‹ã•ã‚Œã¦ã„る）。人ã¯é–“é•ã†ã‚‚ã®ã 。ç¾å®Ÿä¸–ç•Œã§ã¯ä¸€åº¦ç ´å£Šã—ã¦ã—ã¾ã£ãŸã‚‚ã®ã‚’復元ã™ã‚‹ã®ã¯é›£ã—ã„。ã ãŒãƒ‡ã‚¸ã‚¿ãƒ«ã®ä¸–ç•Œã§ã‚ã‚Œã°ã€ãƒãƒƒã‚¯ã‚¢ãƒƒãƒ—を使ã£ãŸã‚Šå±¥æ´ç®¡ç†ã‚’ã—ã¦ãŠãã“ã¨ã§ä»¥å‰ã®çŠ¶æ…‹ã«æˆ»ã™ã“ã¨ãŒã§ãる。 差分表示 最近ã®ã‚µãƒ¼ãƒ“スã§ã¯å±¥æ´ç®¡ç†ãŒæ¬¡ã€…ã«å–り入れられã¦ã„る。Dropboxã€WordPressã€Wikiエンジンãªã©æ§˜ã€…ã 。ãã‚“ãªå±¥æ´ç®¡ç†ã•ã‚ŒãŸå†…容をグラフィカルã«ãƒã‚§ãƒƒã‚¯ã§ãã‚‹ã®ãŒPretty Diffã 。 Pretty Diffã¯Webベースã®å·®åˆ†è¡¨ç¤ºãƒ©ã‚¤ãƒ–ラリã 。JavaScriptã‚„CSSã€å„種言語ã«å¯¾å¿œã™ã‚‹ä»–ã€CSVã®å·®åˆ†è¡¨ç¤ºã‚‚ã§ãる（ãŸã ã—CSVã¯å„é …ç›®ã”ã¨ã«æ”¹è¡Œã•ã‚Œã¦è¡¨ç¤ºã•ã‚Œã‚‹ï¼‰ã€‚差分表示ã¯ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã€ã¾ãŸã¯ã‚µã‚¤ãƒ‰ãƒã‚¤
HTML5 ã® Drag and Drop API 㨠File API を使ã£ã¦ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚’実装ã™ã‚‹ - ã—ã°ã‚„ん雑記
HTML5 ã® Drag and Drop API を使ã†ã“ã¨ã§ã€ãƒ–ラウザã«ãƒ‰ãƒãƒƒãƒ—ã•ã‚ŒãŸãƒ•ã‚¡ã‚¤ãƒ«ã®æƒ…å ±ã‚’æ‰±ã†ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ãã—㦠File API を組ã¿åˆã‚ã›ã‚‹ã“ã¨ã§ã€ãƒ•ã‚¡ã‚¤ãƒ«ã®ä¸èº«ã¾ã§æ‰±ã†ã“ã¨ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ãã—㦠FormData オブジェクト㨠XHR を組ã¿åˆã‚ã›ã‚‹ã“ã¨ã§ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰å‡¦ç†ã¾ã§ã‚’実装ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚完æˆå›³ã¯ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ 今回㯠JavaScript ã®å‡¦ç†ãŒä¸å¿ƒã§ã™ã€‚jQuery を使ã£ã¦ã„ã‚‹ã®ã§è¿½åŠ ã—ã¦ãã ã•ã„ã。 $(function () { var uploadFiles = function (files) { // FormData ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ç”¨æ„ var fd = new FormData(); // ãƒ•ã‚¡ã‚¤ãƒ«æƒ…å ±ã‚’è¿½åŠ ã™ã‚‹ for (var i = 0; i < files.length; i++) { fd.append(
File APIを使ã£ã¦ãƒ‰ãƒãƒƒãƒ—ã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚’アップãƒãƒ¼ãƒ‰ã§ãã‚‹jQueryプラグインを作ã£ã¦ã¿ã‚‹ | @blog.justoneplanet.info
■ダウンãƒãƒ¼ãƒ‰ クリックã—ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ä¸‹ã•ã„。 ■動作ブラウザ Firefox 3.6+, Google Chrome 6+ ■使ã„æ–¹ 1.HTMLã§ãƒ—ラグインをèªã¿è¾¼ã‚€ jQuery本体をèªã¿è¾¼ã‚“ã 後ã«ãƒ—ラグインã®JavaScriptã‚’èªã¿è¾¼ã‚€ã€‚ <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="jquery.dropUploader.js"></script> 2.JavaScriptã§ãƒ—ラグインをè¨ç½®ã™ã‚‹ 以下ã®ã‚ˆã†ã«ã—ã¦ã€p.uploaderã«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ドãƒãƒƒãƒ—ã™ã‚‹ã¨ã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚’アップãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ãŒã§ãる。 $(function()
HTML5 drag & drop image file uploader | jQuery Plugins
droparea HTML5 drag and drop image file uploader droparea is a HTML5 drag and drop image file uploader jQuery plug-in and a php script for server-side. I've only tested it on Google Chrome (11.0.696.65) and Mozilla Firefox (3.6.17) and it works enough for me for now! <div class="droparea spot" data-width="460" data-height="345" data-type="jpg" data-crop="true" data-quality="60" data-folder="sample
Plupload: Multi-runtime File-Uploader
Upload in HTML5 We are using HTML5 APIs. Always. Plupload is based on multi-runtime pollyfills for XMLHttpRequest L2, File and Image APIs. So when there's no HTML5 available in the browser, we emulate it ourselves. mOxie (combined code-name for pollyfills) is completely standalone and available separately. Drag'n'Drop Files from Desktop Files not only can be picked from browse dialog, but also can
jQuery File Upload Demo
jQuery File Upload Demo File Upload widget with multiple file selection, drag&drop support, progress bars, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads and client-side image resizing. Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads. Pintura
JavaScript開発ã«alertを使ã£ã¦ã„る人必見ï¼ãƒã‚°å‡ºåŠ›ãƒ©ã‚¤ãƒ–ラリ「Blackbird〠| Web活メモ帳
JavaScriptã§ãƒã‚°ã‚’表示ã™ã‚‹ã®ã«ä½¿ãˆã‚‹ãƒ©ã‚¤ãƒ–ラリ「Blackbirdã€ã®ã”紹介。 出力ã—ãŸã„メッセージを指定ã™ã‚‹ã ã‘ã§ãã‚Œã„ã«æ•´å½¢ã—ã¦è¡¨ç¤ºã—ã¦ãã‚Œã¾ã™ã€‚ 例ãˆã°ã€ä»¥ä¸‹ã®ã‚ˆã†ãªJavaScriptを実行ã—ã¦ã¿ã¾ã™ã€‚ log.debug( 'this is a debug message' ); log.info( 'this is an info message' ); log.warn( 'this is a warning message' ); log.error( 'this is an error message' ); ↑ã™ã‚‹ã¨ã€ã“ã‚“ãªæ„Ÿã˜ã§ç´ 敵ã«è¡¨ç¤ºã—ã¦ãã‚Œã¡ã‚ƒã„ã¾ã™ã€‚ アイコンã¨è‰²ã§è¦–覚的ã«ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’区別ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã§ã€å¾Œã‹ã‚‰è¦‹åˆ†ã‘ã‚‹ã®ã‚‚ç°¡å˜ã§ã™ã€‚ 使ã„æ–¹ 使ã„æ–¹ã¯ç°¡å˜ã§ã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ダウンãƒãƒ¼ãƒ‰ã—ãŸå¾Œã€headタグ内ã§JSã¨CSSã‚’èªã¿è¾¼ã‚€ã ã‘ã§OKã§ã™ã€‚ <
Backbone.jsを利用ã—ãŸã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰MVCã®å°Žå…¥ã«ã¤ã„ã¦ãã‚ãã‚書ã„ã¦ãŠãã‹ - 出町ミスド攻防記
jQueryヘビーãªã‚¢ãƒ—リケーションã®å•é¡Œç‚¹ã¨ã€MVCã«ã‚ˆã‚‹æ§‹é€ 化ã®å¿…è¦æ€§ jQueryã¯ã€ãƒ–ラウザ上ã§å‹•ãJSアプリケーションã®é–‹ç™ºç”Ÿç”£æ€§ã‚’劇的ã«å‘上ã•ã›ã¾ã—ãŸã€‚DOMæ“作ã«ã‚ˆã‚‹å‹•çš„ãªãƒšãƒ¼ã‚¸æ›¸ãæ›ãˆå‡¦ç†ãªã©ã¯ã€ã‚»ãƒ¬ã‚¯ã‚¿ã‚’使ã£ã¦ã¡ã‚‡ã‚ã£ã¨ã‚³ãƒ¼ãƒ‰ã‚’書ãã ã‘ã§ã€ã»ã‚“ã®æ•°è¡Œã§è¨˜è¿°ã§ãã¦ã—ã¾ã„ã¾ã™ã€‚ ã—ã‹ã—ã€ã“ã®æ–¹æ³•ã®å»¶é•·ã§ã€å¤§è¦æ¨¡ãªJSアプリケーションを構築ã™ã‚‹ã“ã¨ã¯æžœãŸã—ã¦ç¾å®Ÿçš„ã§ã—ょã†ã‹ã€‚例ãˆã°ã€ŒGMailã€ã‚„「New Twitterã€ç¨‹åº¦ã®è¦æ¨¡ã®JSアプリケーションを書ã‹ãªã‘ã‚Œã°ãªã‚‰ãªã„ã¨ã—ãŸã‚‰ã€ã©ã†ã§ã—ょã†ï¼Ÿ 大è¦æ¨¡ãªJSアプリケーションを開発ã™ã‚‹ã«ã¯ã€ã“ã†ã„ã£ãŸæ‰‹æ³•ã‚’延長ã™ã‚‹ã®ã§ã¯ãªãã€ã‚ˆã‚Šæ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターンを導入ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®ç›®çš„ã«ã´ã£ãŸã‚Šã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターンãŒã€ã€ŒMVCã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターンã§ã™ã€‚ MVCパターンã¯ã€Webã®ä¸–ç•Œã§ã¯ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§åºƒã知られ
zepto.js — the aerogel-weight mobile javascript framework
Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. If you use jQuery, you already know how to use Zepto. While 100% jQuery coverage is not a design goal, the APIs provided match their jQuery counterparts. The goal is to have a ~5-10k modular library that downloads and executes fast, with a familiar and versatile API, so you can concentrate on getting
About - CLEditor
CLEditor is an open source jQuery plug-in which provides a lightweight, full featured, cross browser, extensible, WYSIWYG HTML editor that can be easily added into any web site. Live Demo Go ahead, take it for a test drive. Highlight some text and click some buttons. The following demos are a great source for code samples and examples of how to use plug-ins.
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - google/diff-match-patch: Diff Match Patch is a high-performance library in multiple languages that manipulates plain text.
jQuery html5 file upload | jQuery Plugins
Google Code Archive - Long-term storage for Google Code Project Hosting.
GitHub - wise9/enchant.js: A simple JavaScript framework for creating games and apps
http://www.dmitri.me/misc/notify/
{{#tags}}- {{label}}
{{/tags}}