最新の重いJavaScript開発のための優れたリソースとツール?[閉まっている]


22

JavaScriptを多用するプロジェクトに興味があります。つまり、潜在的にnode.jsも使用するHTML5ベースのキャンバスゲーム。JavaScriptの最新のベストプラクティス、ツール、リソースを学ぶことに興味があります。

JavaScriptは、「JavaScript」が4文字の単語だった時代に由来する、本当に時代遅れの多くの資料を歩いてしまうため、調査が困難です。

JavaScriptプログラミングに深く関わっている場合...

  • どのテキストエディタまたはIDEを使用していますか?
  • どのユニットテストフレームワークを使用していますか?
  • Selenium、または何か他のものを使用していますか?
  • 他にどのようなツールを使用していますか?
  • JavaScriptの最近の出現を議論するコミュニティは何ですか?
  • どの本を読んだり、参照したりしますか?
  • どのブログを読みますか?


私が読んだいくつかの素晴らしいブログ:dailyjs.com-Node.jsに重点を置いたJSアリーナの新しいライブラリとフレームワークに関する素晴らしい投稿。perfectionkills.com -非常に頻繁に更新されませんが、Kangax記事を書き込むときに、彼は深さに本当に行く、あなたがどれだけJS実現しますしません知っています。
マットモルナー

Adobe Brackets Webエディター:github.com/adobe/brackets-主にクロム埋め込みフレームワークを使用してJavaScriptで記述されています。また、彼らはそのブラケットエディタに構築方法についての興味深い記事(ツールの話は、フレームワークを使用):ec2-174-129-28-157.compute-1.amazonaws.com/2012/06/26/...
Czarek Tomczak

うわー、この質問は更新を使用できます。
エリックReppen

回答:


19

私のリストは次のとおりです。

本は(通常)棚に届くとすぐに古くなってしまいます。


7
さらに、参照セクションにmozilla doc centerを追加します。
トレゾイド

2
+1、それはほとんど私のリストですが、YUI Compressor(またはGoogleのClosureコンパイラ)も追加します。
デミアンブレヒト

Pagespeedは、「Profile Deferrable Javascript」オプションにも適しています。厳密にはJSコーディングツールではありませんが、それでも非常に便利です。
エドジェームズ

2
@RDL-vim用のjavascriptプラグインを使用する場合、どのプラグインを使用しますか?
マイクH

何のユニットテストツール/フレームワークがそう非常にupvotedされているにもかかわらず、ここで推奨されていないことをI通知...
NT3RP

9

どのテキストエディタまたはIDEを使用していますか?

すべてが完全なWebアプリ開発機能(javascript、HTML、CSSなど)をサポートしています。フリーウェアソリューションをお探しの場合は、Aptanaを選択してください。

どのユニットテストフレームワークを使用していますか?

  • セレン

    1. 複数のプラットフォーム[Windows、Linux、Macintoshなど]にマルチブラウザサポートがあります[IE、Firefox、Chrome、Safari、Opera、Konqueror]。
    2. テストケース[HTML、Java、C#、Perl、PHP、Python、Rubyなど]を記述するための多くのプログラミング言語のサポート。
    3. リモート実行(テストケースは1台のマシンに存在し、ブラウザーでの実行は別のマシンで発生する場合があります)。
    4. ブラウザ最小化モードでも回帰を実行できます

他にどのようなツールを使用していますか?

  • Firebug、IE Dev Tool Barなど、デバッグ用のブラウザ内蔵ツール
  • 迅速な開発のために、JQuery、YUI、ExtJSなどのUIライブラリフレームワークを使用できます。
  • HTTP要求と応答をデバッグするためのFiddler / HTTP Watch。
  • JavaScript構文の問題を検証するJSLint。
  • HTML、CSS、およびJavascriptコードを縮小するためのYUICompressor。
  • DynaTrace / YSlow / Page Speed-パフォーマンステスト用
  • メモリリークを検出するためのsIEve
  • さまざまなIEバージョンでアプリケーションをテストするためのIEテスター。

どの本を読んだり、参照したりしますか?

もっと


1
Seleniumは統合テストツールであり、単体テストではありません!これの残りは私の意見ではかなりスポットです:D
エドジェームズ

1
jQueryはUIよりもはるかに多くのライブラリであり、jQueryUIは完全に独立したライブラリです。
StuperUser

@StuperUserがあります。jQueryはDOM操作用のライブラリであり、他のものはそれを大きなハンマーとして使用し、「すべての問題を解決する黄金のツール」
Raynos

@ Raynos、jQueryは、JavaScriptが行うDOM操作に使用される場合、大きなハンマーです。それは万能薬としての評判で確かにミームに値する地位を獲得しました。両方とも言ったように、それを「UIライブラリ」と呼ぶのは不正確です。
StuperUser

@StuperUser:彼は本当にjQuery UIを意味していたと思う
リーライアン

6

本格的なJavaScript開発に使用できるツールは、本来あるべきところにまだ遅れているように感じますが、ここで私が使用しているツールのいくつかを紹介します。

  • 開発にはVIMを使用しますが、試してみる価値のあるnetbeansが見つかるかもしれません。
  • 単体テストでは、ジャスミンは優れていますが完璧ではありません。
  • EnvJsは、コマンドラインでユニットテストを実行する良い方法を提供できます
  • セレン2のwebdriver部分を強くお勧めします
  • 完全なGoogleクロージャースイートは非常に便利です
  • また、Google ChromeとIEを使用して、サイドファイアバグに沿ってデバッグする方法を知っていることをお勧めします。
  • 本格的な開発に不可欠なJavaScript用の優れたライブラリがいくつかあります。jQueryから始めることをお勧めしますが、他にも優れたものがたくさんあります。
  • jQueryの作者であるJohn Resigには便利なブログもあります

私がRDLのために提起したのと同じ質問:(もしあれば)どのvimプラグインをjavascriptに使用しますか?
マイクH

@Mike vimにはJavaScript固有のプラグインを使用しません。ctagsを使用するプラグインと統合するjsctagsをお勧めします。例:taglist-plus
Duncan Grant

5

まあ...完全には程遠いですが、私は現在、新しいクロスプラットフォームのオープンソースプロジェクトの主任開発者です:

JS Studio

これがスクリーンショットです:

一部の機能は他の機能よりも完全です...しかし、目的は次のとおりです。

  • 構文の強調表示(ほぼ完成)
  • プロジェクト組織(部分的に実装)
  • 自動補完(jQueryなどの一般的なJSフレームワークの補完を含む)
  • ビルドシステム(ファイルの結合、縮小など)
  • 拡張可能なGUI(JavaScript拡張機能経由)
  • 行番号(完全な並べ替え)、ワードラップ、構文の強調表示用の構成可能な色

Windows用の毎日のビルドをセットアップしました。最新のビルドはhttp://files.quickmediasolutions.com/jsstudio/にあります。


これは面白そうです。良いJavaScript IDEを探していました。ダウンロードできるバイナリはありますか?Webページには何も表示されませんでした。
ジョナス

@Jonas:残念ながら、この初期段階では、Ubuntu用のバイナリしかありません。しかし、Windowsバイナリをさらに作成する時間があることを願っています。
ネイサンオスマン

@Jonas:非常に初期の Windowsビルド- ここではまだ機能しないものもありますが、少なくともファイルや他のいくつかのファイルを開いたり保存したりできます。
ネイサンオスマン

この面で新しい開発はありますか?
ノクティス

@Noctis:悲しいことに、いいえ。コード補完を実装するいくつかの複雑な問題に遭遇しましたが、このプロジェクトはここ1〜2年は本質的にアイドル状態でした。
ネイサンオスマン

4

「その他のツール」のカテゴリでは、CoffeeScript(JavaScriptにコンパイルされる言語)を使用します。これは、Javascriptの構文が私に課す苦痛を取り除くためです。

list.sort (a, b) -> a.isSmaller(b)

list.sort(function(a, b) { return a.isSmaller(b) });

技術的にはもはやJavaScriptではありませんが、coffescriptの「感触」は、単なる薄層であると主張することができます。


3

jQueryライブラリーhttp://api.jquery.com/のAPI およびjQuery In Actionの手際よく強調表示されたコピー。カバーしてからカバーし、http://twitter.com/jqueryを読んで新しいリリースのアップデートを入手してください。

本は時代遅れになったと言いましたが、基礎となる知識レベルを取得して構築する必要があります。

Qunit単体テスト用のとFirebug、およびデバッグ用のFirebug用のJavaScript構文ハイライト



0

願わくば、これであまり炎にならないことを願っていますが、IDEやツールのようなものがあなたにとって重要な場合は、 Google Web Toolkitをます。EclipseでJavaでコードを記述します。これは、コードの記述に非常に役立ちます。非常に効果的なコード補完、リファクタリングユーティリティを提供し、コードベースをデバッグおよびナビゲートするのに役立ちます。

必要に応じて、未加工のJavascriptを使用できます。

その後、コードは最適化および縮小されたJSにコンパイルされます。node.jsのようなDOMless JS環境でこのアプローチをうまく使用しました。

HTML5ゲームの場合は、まさにそのためにGWTを使用するライブラリーであるPlayNを調べてください。


とにかく別の言語からJavaScriptにコンパイルする場合、選択肢がたくさんあります。Javaを使用する必要はまったくありません。たとえば、js_of_ocaml職場で使用しているので、OCamlでコードを記述し、ブラウザーで実行できます。
ティコンジェルビス

0

私は多くのJavaScript開発を行っています。これらの多くが言及されていますが、ここに私が使用するものがあります:

  • メモ帳++
  • ファイアバグ
  • IEデバッガー(F12)およびChromeデバッガー(WindowsのF12)
  • スタックオーバーフローは主に質問に使用します。ここに来ることも有用であることが証明されています。
  • 私が最初に使用した本はJavaScriptでした。現在、MDNやMSDNドキュメントなどのサイトを使用するほど本を使用していません。
  • 私たちもjQueryを使用して、生活を楽にします。
  • 単体テストでは、独自のテストハーネスを構築します。

0

JavasScript Weeklyニュースレターをお勧めします。それは

JavaScriptのニュースと記事の無料の週1回の電子メールラウンドアップ。

John Resigの本は読んでいませんが、良いフィードバックを聞いて読んでいます。彼の新しい本Secrets of the JavaScript Ninjaは間もなく出版されます。


誰かが下票について説明できますか?
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.