Flow, a new static type checker for JavaScript
Today we’re excited to release an early version of Flow, a new open-source static type checker for JavaScript. Flow adds static typing to JavaScript to improve developer productivity and code quality. In particular, static typing offers benefits like early error checking, which helps you avoid certain kinds of runtime failures, and code intelligence, which aids code maintenance, navigation, transf
Building JavaScript Tools
Greg Franko 2/12/2014 Use arrow keys to navigate About The Speaker Greg Franko JavaScript Engineer at AddThis Open Source Developer Author Speaker What Types of Tools Are We Talking About? Static Code Analysis What Do These Tools Typically Do? Analyze Code Performance, Maintainability, Validation Generate Code For Transpilers, Minifiers, Visualizers Could You Provide Some Examples? UglifyJS Compre
Web制作時に地味に役立ちそうな様々なツールを一纏めにしてOSS化したツールセット・Effin Toolset - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 JavaScriptのコード整形や難読化、 リソースのリンク集などなど、Web 制作に地味に役立ちそうなツール を一纏めにしてOSSとして無償配布 しているツール郡、Effin Toolset のご紹介です。役に立つかどうか は個人差もあるでしょうけど・・ データスキームURI変換ツールやJSコードの整形、難読化ツールなどなど様々なツールが一纏めにされてGithubで無償公開されています。 便利そうなものからネタ的なものまでツールいろいろ。 dataurl ↑ 画像をドラッグ&ドロップしてdataスキームURIに変換するやつ Escaper ↑ CSSのcontentプロパティで特殊文字等を使う際にUnicode エスケープシーケンス形式に変換するツール jjenc
reveal.jsベースのプレゼンをWeb上で作れちゃうオンラインエディタ『rvl.io』の使い方をrvl.ioを使って解説してみた | TM Life
なんか昨日, koba04さんの『「プログラミング未経験のタワレコ店員がエンジニアになって思ったこと」というスライドを書いてみた』というエントリーがキッカケで １年前に公開したエントリー『オシャレなスライドショーを簡単に作れちゃう reveal.js の使い方を reveal.js を使って解説してみた.』へのアクセス数が急上昇しました. これに便乗して, 今回は reveal.js の オンラインエディタ版『rvl.io』の使い方ついて解説したいと思います. 最近は, ありがたいことに講演に依頼や, 実際にセミナーで発表する機会も増えてきたので かなり重宝しています. とても便利なオンラインエディタなのでぜひ使ってみて下さい. Table of contents reveal.js って？ rvl.io って？ rvl.io の使い方をrvl.ioで作ったプレゼンで解説してみた 過去に
Frontred vol.4に参加してきました | STUDIO KINGDOM
サイバーエージェントさんが主催するフロントエンド向けの勉強会「Frontrend vol.4」に参加してきました。 前回のvol.3に引き続きの参加で、今回のテーマは「javaScript」でした。 この記事では個人的にピックアップしたい内容だけを紹介しています。全体を通した内容は下記リンク先が非常に参考になります。 Frontrend/04 – Toggeter Frontrend Vol.4に行って来ましたメモ – < /gecko > 「JavaScript Development Tools – JavaScript開発の効率アップ」 Crhrome Developer Tools まずはChromeのデベロッパーツールですが、同じくサイバーエージェントの吉川さんが既に発表(下記スライド)されていたので、それをふまえつつ、おさらい＋追加情報的な感じ。 Chrome DevTool
25 Useful JavaScript Libraries And Tools
A huge number of web designing and development tool is available on the web, making it really tough to find the good ones that actually work. Many not-so-popular tools are also present which are really nice but don’t get the deserved attention because they are lost in the crowd! This is where lists of specific type of tool and collections come in handy, as they provide you information in a brief a
Tools and Techniques for Faster Development
This document discusses testing web apps with Remote IE and F12 Developer Tools. It provides an overview of using Remote IE to test websites on different versions of Internet Explorer. It demonstrates how to use the F12 Developer Tools to debug websites by setting breakpoints, inspecting elements, and profiling performance. The document notes that while tools between browsers share many similariti
HTML5 開発者に便利なツール 14 個
先日 Google+で Addy Osmani 氏が紹介していたオンラインツールが便利そうだったので紹介します。 DocHub.io # CSS, HTML, JavaScript, DOM, jQuery, PHP, Python の API リファレンス。インクリメンタルサーチできるので、開発中は常に開いておきたい。 Dillinger.io # 最近 GitHub 関連で使われるようになって流行り始めた Markdown 記法を、視覚的に確認しながら入力できるツール。Dropbox や GitHub のアカウントで繋ぐと、アップロードできるようです。Mac 用デスクトップアプリの Mou というのも合わせて紹介されていました。 HTML5Please # 今から使える HTML5 機能のリストとブラウザの対応状況に応じたアドバイス、そして Pollyfill (未対応ブラウザ向けに機
データのビジュアリゼーションに使えるJSライブラリ「d3.js」:phpspot開発日誌
d3.js データのビジュアリゼーションに使えるJSライブラリ「d3.js」 ユニークで様々なビジュアリゼーションが可能になっており、更にアニメーションしたりインタラクティブな要素を盛り込めるのも特徴 次のようなデータビジュアリゼーションをjavascriptのコードを使って描画でき、サンプルコードなんかも公開されています。 IEには対応していませんが、かなり色々なことができるので覚えておいてもよいかも。 関連エントリ 色々と使えそうなグラフや図が描けるビジュアリゼーションライブラリ集 データの様々なヴィジュアリゼーションが可能なFlexライブラリ「birdeye」
JavaScriptistを作る際に活用したツールや素材あれこれ:phpspot開発日誌
オンラインでBasicやC++、JavaScriptの開発＆実行が出来る「codeide」 次の記事 ≫：.htaccess ファイルを簡単作成「.htaccess Editor」 JavaScriptist を作る際に活用したツールや素材あれこれ。 先日、JavaScript 情報サイトの JavaScriptistを公開しましたが、その際に利用したツールや素材のサイトを紹介しておきます。 Silk Icon サイトに使ってるアイコンは殆どこれを使っています feed icons RSS用のアイコン ドリームラインジェネレーター 一部、画像生成のためにドリームラインジェネレーターを使わせていただきました。 参考：「ドリームラインジェネレーター」で誰でも簡単に目を引くクールな画像を作る方法 dp.SyntaxHighlighter JavaScriptのみでコードの色分け表示が可能なライブ
JavaScriptデバッグツール集:phpspot開発日誌
Ajax Digest // Javascript debuggers overview JavaScript debugging has some specifics in comparison with stand-alone applications. JavaScript programs usually rely on interaction with the loaded page's Document Object Model (DOM) so errors may be caused by wrong DOM usage in a technically correct script. JavaScriptデバッグツール集。 様々なJavaScriptデバッグツールが紹介されてます。 （Microsoft Script Debugger) IE上で動作するもの Micros
Leak Monitor Extension
This extension is no longer maintained and would take significant work to get working again. Summary This Firefox extension detects one very specific type of memory leak in chrome JavaScript and in Web pages. (Not in JavaScript components, though.) It detects when JavaScript objects in the chrome or Web page are still held by native code after the window is closed. It notifies the user after the f
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
コラボレータをオートワイヤリングする