NEditorJS - ビジュアルプログラミング環境の基盤にどうぞ MOONGIFT
ビジュアルプログラミングの多くはノードがあり、それらをマウスでくっつけて処理を繋げていきます。各ノードには機能があり、必要に応じて処理判定を行うノード、繰り返し処理を行うノードを選択します。 そういったビジュアル化された環境を提供するのがNEditorJSです。工夫次第で様々な使い方が考えられるでしょう。 NEditorJSの使い方 NEditorJSのメイン画面です。 ノードはマウスで接続できます。 実際に操作しているところです。 NEditorJSでは、まずアウトプット側の黒丸をクリックして、その後インプット側の黒丸をクリックします。自動的に線が伸びていくので分かりやすいでしょう。ノードはマウスでドラッグ&ドロップできます。 ユーザ向けにビジュアルプログラミング環境やデータ処理環境を提供する際に使えそうです。NEditorJSはHTML5/JavaScript製のオープンソース・ソフト
debugger.html - Web技術で作られたデバッガー MOONGIFT
MozillaはPDFビューワーをpdf.jsにするなど、特殊な技術をなるべく使わずにWeb標準でWebの世界を体感できるようにする熱があります。 そんなMozillaが開発しているのが既存のデバッガーを置き換えるdebugger.htmlです。 debugger.htmlの使い方 デバッガーはWebブラウザからアクセスできます。 ブレークポイントも利用できます。node製のアプリケーションで使っています。 ステップ実行で深く追いかけることもできます。 コールスタックの確認も可能です。 まだデバッガーとして必要な機能すべてがあるわけではありませんが、将来的に既存の開発者ツールを置き換えるものになっていくのではないでしょうか。Firefoxだけでなく、Chromeのリモートデバッグもサポートされているので標準的に使えるデバッグツールになっていくかも知れません。 debugger.htmlはH
Docbox - Web APIドキュメントジェネレータ
APIを使ってもらう上で大事なのがドキュメントです。分かりやすいドキュメントがあるかどうかで開発者としても使いたいと思うかどうかが決まってきます。 そんなドキュメントジェネレータとして使ってみて欲しいのがDocboxです。 Docboxの使い方 Docboxの生成したドキュメントの例です。3ペインになっていて、左側からメニュー、コンテンツそしてテスト実行するためのコードとなっています。 右側は言語を変更するとサンプルコードも変わるようになっています。 DocboxはAPIの構造理解と、そのテスト実行するためのコードを並べて確認できるようになっています。ドキュメントは○○で書く仕組みになっています。DocboxはAPIドキュメントとしてはかなりリッチな表示、コンテンツが実現できるでしょう。 Docboxはnode/JavaScript製のオープンソース・ソフトウェア（MIT License）
JavaScript自動化ツール「Grunt 1.0.0」がリリース
「Grunt」は、JavaScriptで記述したタスクを実行し、Web開発におけるさまざまな作業を自動化できるツール。 最新の「Grunt 1.0.0」では、複数回の呼び出しによる非同期コールバックを発生しないようにするとともに、冗長なヘッダの削除や、globのバージョン7.0.xへのアップデート、BOMのstrip codeにおける重複の削除、cliの1.2.0以降へのアップデート、インストールの確実性の向上といった変更を行っている。 なお、「Grunt 1.0.0」は「Node.js 0.8」をサポートしていない。また、package.jsonにおけるpeerDependenciesセクションに「grunt」を含むプラグインを使っている場合は、「"grunt": ">=0.4.0"」タグの使用を推奨する。また、プラグインインストール時にnpm v2ユーザーでは深刻なエラーが発生し、np
Clairvoyance - CSSカバレッジツール
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webサイトの運営を続けていると、徐々にスタイルシートが汚くなっていきます。使われているか使われていないかの判断がしづらいので、消せずに追加するのみだからです。 プログラミング言語であればコードカバレッジによってコードの利用状況が確認できます。そこで同じような仕組みであるClairvoyanceを使ってみましょう。 Clairvoyanceの使い方 Clairvoyanceを実行します。 $ clairvoyance --css path/app.css --html path/index.html --reporter clairvoyance-html HTMLとCSSファイルを指定して実行すると、結果のHTMLファイルが生成されます。 レポートです。使われているクラスは緑色に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
