JUMLY, Advanced modern rendering engine for UML diagram with JavaScript/HTML5/CSS
@found "You", -> @message "Think", -> @message "Write your idea", "JUMLY", -> @create "Diagram" Getting StartedLet's say you already have a document. In case you put a sequence diagram into it, put next four lines in your <head>. <script src='//code.jquery.com/jquery-2.1.3.min.js'></script> <script src='//coffeescript.org/extras/coffee-script.js'></script> <script src='//jumly.tmtk.net/public/juml
準備が簡単。JavaScriptテストツール「Testacular」
各質問に答えていくと設定ファイルができあがります。 今回はテストフレームワークはjasmine、 ブラウザはChrome、Firefox、Safariとしています。 ※各質問の選択肢はタブで切り替えられます。 Which testing framework do you want to use ? Press tab to list possible options. Enter to move to the next question. > jasmine Do you want to capture a browser automatically ? Press tab to list possible options. Enter empty string to move to the next question. > Chrome > Firefox > Safari > Whic
2012-11-12のJS: Sencha Touch 2.1、JavaScriptコーディングスタイル、WebStorm LiveEdit
JSer.info #96 - Sencha Touch 2.1、Sencha Cmd 3.0がリリースされました。 Sencha Cmd V3ではCode Generationの機能なども入っていますが、最近話題になった管理ツールの Yeomanにはgenerator、BrunchにはSkeletonsというように 初期テンプレのコード生成を展開するような機能を持ったものが増えてきている気がします。 Airbnb JavaScript Style GuideというJavaScriptのコーディングスタイル的な文章が公開されています。 一貫性のある慣用的なJavaScriptの書き方(idiomatic.js) と似た感じでオレオレのルールというよりは、 「こう書くのは良くないからこう書いた方がいい」という感じの内容になっています。 Let your tool help you imagi
JavaScript APIs you’ve never heard of (and some you have)
The document discusses several JavaScript APIs related to manipulating the DOM and CSS, including some newer APIs that the reader may be unfamiliar with. It describes APIs such as insertAdjacentHTML() and outerHTML for inserting and retrieving HTML, children and firstElementChild/lastElementChild for traversing element nodes, and matches() and getBoundingClientRect() for working with CSS selectors
Time Tracking, Invoicing and the lives of Freelancers - Paydirt Blog
Tips and Tricks for Freelancing More Effectively and Profitably, Getting Started and the Interesting People Who Call it Their Life. A Semester at Sea in college and the loss of a close family member made Adam Nubern realize that there’s more to life than clocking hours in a cubicle. Rather than sticking it out on the corporate career ladder, Adam took the leap and started his own freelance bookkee
Web App JavaScript Crash Reporting
We just launched Popcorn Maker 1.0 this weekend at Mozilla Festival 2012, and while the focus of the app is obviously web video remixing, one of our favourite features as a dev team was the JavaScript Crash Reporter. Bobby and I wrote a little bit about it in our Mozilla Hacks post, but I wanted to say some more about the potential for this technique. Working on Firefox code, I’ve long been a fan
Reusable JavaScript for MVC frameworks
These days, I write a lot more code, and my projects have increased in complexity. Often, a single application brings many kinds of data sources and bleeding edge web features together. On the other hand, most of what I build are prototypes, which need to be churned out quickly, work reliably in demos, and look/feel good. MVC frameworks help write UI code much more quickly, but there are drawbacks
UIWebView のJSから、ObjCネイティブの関数を呼び出す方法(Alertでドメイン名をださない方法) – Zero4Racer PRO Developer's Blog
基本的なことですが、UIWebViewからdelegateを使って機能を呼び出す簡単な方法があったので共有します。こちらのリンクからの情報です。 iphone – How to change a javascript alert box title into an UIWebView? – Stack Overflow まず UIViewに表示するHTMLから。こちらではローカルのファイルを使いましたが、通常のWebサイトでももちろん可能です。 ここで、onClick (イベントでなくても、任意の JavaScriptでOK)から、 document.location='app://alert'; や、 document.location='app://actionSheet'; などのコードを実行しています。この際、WebViewは、ページがかわる許可を得るために、UIWebViewDe
Sign in - Google Accounts
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
How To Write Fast, Memory-Efficient JavaScript — Smashing Magazine
There are many common pitfalls when it comes to writing memory-efficient and fast code. In this article we’re going to explore some test-proven approaches for writing code that performs better. JavaScript engines such as Google’s V8 (Chrome, Node) are specifically designed for the fast execution of large JavaScript applications. As you develop, if you care about memory usage and performance, you s
JavaScriptのテストツール「testem」が素晴らしいぞ - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） JavaScriptユニットテスト一年生の私が、Nettuts+ のチュートリアルで知ったテストツール 「testem」のお陰で大変捗ったので是非お勧めしたく、ここで紹介してみます。 testem ってなに testem via GitHub : airportyh/testem Unit testing in Javascript can be tedious and painful, but Testem makes it so easy that you will actually want to write tests. 要するに、面倒なJSのユニットテストをより快適にしてみんなでハッピーにテスト書こうよ！というツールです。 testem自体はnode.jsベースで動作し、Jasmine/QUnit/Mochaに対応して
Third-Party JavaScript を読んだ - フリーフォーム フリークアウト
移転しました http://please-sleep.cou929.nu/20121030.html
WebStormからtestacularでテストとデバッグをする方法
AngularJSで使われてるTestacularではWebStormからテストを実行してデバッグする事を想定した作りになっています。 (AngularJS自体もJetBrains Plugin Repository :: AngularJSプラグインがあります) Testacular – Spectacular Test Runner for JavaScript WebStorm Testacular Documentation — Testacular 0.2.1 documentation 公式のデモ動画(Testacular – JavaScript Test Runner – YouTube)でもWebStorm Integrationが紹介されていますが、 ちょっと古くて設定が変わってる(一応キャプションで補足入ってる)のと分かりにくいので、その部分だけ抜き出して紹介します。
QUnit再入門(version 1.10.0 編) - L4L
JavaScriptのユニットテストは2年ほど前にQUnitから入って、最近はもっぱらJasmineを利用していました。近年のJavaScriptテスト関連情報をまとめたいなと思い、改めてQUnit最新Version1.10.0のドキュメントとソースを読んで仕様を把握して資料にまとめてみました。 Qunit1.10.0 from Koji Nakamura サーバーサイドJSを開発する時にQUnitを採用する選択肢は僕の中ではないのですが、ブラウザJSを開発する時にはこのシンプルさと導入のしやすさはやはり利点だなと再認識した次第です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://documentup.com/kriskowal/q/
http://jules.boussekeyt.org/2012/profile-javascript-app.html
http://node.ws/translate/2012/11/03/testacular/
大規模なギョームシステムにHaxeを採用してみた話
http://mloc-js.com/
GitHub - philbooth/complexity-report: [UNMAINTAINED] Software complexity analysis for JavaScript projects![GitHub - philbooth/complexity-report: [UNMAINTAINED] Software complexity analysis for JavaScript projects](https://cdn-ak-scissors.b.st-hatena.com/image/square/ac30f8af1bb46601c7412a06abe6c0821f06e9e5/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2Feee10c985d04a6ba354e4431efbac863c246092cdda815dacdf5f57ea0bf9079%2Fphilbooth%2Fcomplexity-report)
