JavaScript関連ツール

→JavaScript

→モダンJavaScript ←ReactなどのES6系はこちら

→Webアプリ開発

→開発支援ツール

→AJAX関連

サブトピック†

• Node.js関連
• React関連
• Vue.js関連
• jQuery関連

JavaScriptライブラリ・フレームワーク†

• フロントエンド開発ツールのまとめ 2017.5.22

• http://www.graphicsjs.org/

• 最近のJavaScript開発まとめ 2013.7.18

• HTML5開発者必見、最速のJavaScriptライブラリはどれだ!? パフォーマンスの徹底検証 2013.4.14

• 最近のJSの開発環境について知っておくべきライブラリ10個 2013.2.16

• JavaScriptで画像加工アプリを作ろうぜ！ 2012.8.7

• knockout.jsでさくさくWebアプリ開発 2012.7.25
  • knockout.jsはMVVM（Model-View-ViewModel）パターンのフレームワークです。 双方向データバインディングやアイテムテンプレート等の機能があり、SilverlightやWPF開発者にはかなりとっつきやすいフレームワークだと思います。
  • WebアプリではDOMを動的にゴリゴリ更新/生成することがほぼ必須になると思いますが、knockout.jsではDOMを直接操作することが（ほぼ）無くなります。 データのやり取りだけを指示しUIの更新はknockout.jsに任せるといった形になりHTMLとロジックと切り分けて開発が可能になるハズです。

• JavaScript MVCフレームワークはすでに十種類以上、その比較や最新情報などのまとめ 2012.6.19

• FLAC.js, Aurora, and the Future of Web Audio
  • https://github.com/ofmlabs/flac.js

• dancer.js high-level audio API, designed to make sweet visualizations
  • デモ音がなるので注意

• サウンドプログラミング用のJavaScriptライブラリができた！！！！ 2012.6.2

• FileReader.js 2012.6.2
  • FileReader.js is intended to make accessing files via the FileReader interface easier.

• minishowcase
  • minishowcase is a small and simple php/javascript online photo gallery, powered by AJAX that allows you to easily show your images online, without complex databases or coding, allowing to have an up-and-running gallery in a few minutes.

• JavaScriptだけでさまざまなグラフを描画できる高機能ライブラリ『HighCharts』

• サーバサイドJavaScriptフレームワークEjScript
  • http://www.ejscript.org/

• ドラッグ＆ドロップで画像を切り抜くJavaScriptライブラリjsCropperUI
  • http://defusion.org.uk/code/javascript-image-cropper-ui-using-prototype-scriptaculous/

• anvaka / VivaGraphJS
  • Graph drawing library for JavaScript

• 透明感のあるデザインをJavaScriptで実現するglassbox.js

• Webベースの表計算ライクなグリッドライブラリgrrid.js
  • http://www.grridjs.org/

• http://www.prototypejs.org/

Shadcn/ui†

• 今アツい（気がする）UIライブラリ...?ではないらしい shadcn/uiを使ってみる - Nealle Developer's Blog 2024.12

• Shadcn/UIの中身を詳しくチェック 2024.11

• Next.jsでReact向けのUIコンポーネントセットshadcn/uiを導入する方法 #React - Qiita 2024.11

• shadcn/uiで考えるコンポーネント設計 - Speaker Deck 2024.9

• 巷で噂のshadcn/uiをNext.jsで使ってみた #JavaScript - Qiita 2024.5

• 【JavaScript】JavaScript ライジングスター 2023 #JavaScript - Qiita 2024.1
  • 2023年１位は Shadcn/ui

• Radix × Tailwindなshadcn/uiがいい感じ #React - Qiita 2023

• shadcn/ui 公式

開発ツール†

• マルチランタイム時代のモダン JavaScript レジストリ JSR を使ってみる | 豆蔵デベロッパーサイト 2024.5

• ESLint 最初の一歩 2019.7

• JSFiddle
  • コードを書いて動作確認できるサイト

• mocha / chai チートシート 2017.5.13
  • Mocha = jsのユニットテストツール
  • Chai = アサーションツール

• IEでのJavaScriptのデバッグ方法 - Microsoft Script Editor編

• Greasemonkeyを超えた！ユーザースクリプトを自在に実行できるChromeエクステンション「jsshell」 2011.11.22

• JS Bin
  • http://jsbin.com/

• YUI Testを使ったJavaScriptユニットテストのすすめ

• JSLint

• Ajax向けIDE「WaveMaker Visual Ajax Studio」

• IEでのデバッグ／動作確認に便利なソフトいろいろ 2008.3.28

• IE8で実装されたSelectors APIとは何か 2008.3.7

• JavaScriptの開発のお供にnewjs

• FancyZoom
  • 画像を簡単にズームする
  • 紹介記事

• 入力のチェックをするyav

• http://www.highdots.com/css-tab-designer/

• http://aptana.com/ Javascript用のオープンソースIDE

• Facebook発のアニメーションJavaScriptライブラリ「FBJS/Animation」

• Dreamweaverの代わりになるフリーソフト「Aptana」

Jest†

• Jestの基本的な書き進め方 | DevelopersIO 2024.12

• TypeScriptの環境構築から分かる、Jestを使用したテストの方法 | DevelopersIO 2024.5

• テストCI実行時間を半分にした話 - Qiita 2023.7

• Jest CLIで未コミットのテストファイルのみをテスト実行対象にする | DevelopersIO 2023.1

• Jest再入門 - カスタムマッチャー作成編 | 豆蔵デベロッパーサイト 2022.7

• jest で非同期関数をテストするときの注意点 2020.1
  • 非同期関数呼び出しがテスト関数内にある場合、引数で受け取った done() の呼び出しをして終了待ちする必要がある。

• Jestで例外スローされることを確認したいが、expect()がエラーになる問題
  • toThrow()を期待するならexpect()に渡すものは関数でないといけない。関数の呼び出しではない点に注意が必要

• Jestで標準出力（console.log）を非表示にする | DevelopersIO 2021.11
  • 起動時にsilentオプション

• Jestでconsole.logをモックする 2017

• Jest で書かれたテストコードを Visual Studio Code でデバッグする 2020.1

• https://jestjs.io/ja/ JavaScriptテストツール
  • 「Jest」の逆引き使用例
  • ついに jest の軍門に降った 2020.7
  • Getting Started
  • jest初心者がつまづいたところまとめ 2020.7

Firebug†

• Webのバグを燃やしまくるFirebugと、そのアドオン7選

• Firebugについてまとめ

• Firebugクックブック#1

• http://getfirebug.com/jp.html
  • いまさら人に聞けないFirebug tips 2008.3.6

最新の50件