ITエンジニア/デザイナ向けにオープンソースを毎日紹介

フレームワーク - node.jsの記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

None

  • 2017/10/19

youtube-to - YouTube動画を動画/MP3としてダウンロード

YouTubeで気に入った音楽や動画があってもユーザの意思によっていつでも消すことができます。視聴する側としてはいつでも聞けると思っていただけに、突然の削除でがっかりしてしまいます。そこで使ってみたいのがyoutube-toです。YouTube動画を動画または音楽ファイルにするソフトウェアです。## youtube-t...

None

  • 2017/10/17

Code Quality Checker - プログラムコードの品質チェッカー

コードの品質はどう判断したら良いでしょうか。幾つかの判断基準はあると思いますが、複雑さやコードの重複などは挙げられるでしょう。そうしたネガティブな要素が積み重なった結果、バグを含みやすくなると言うことはあると言えます。今回紹介するCode Quality Checkerはコードの品質チェックを行ってくれるソフトウェアで...

List

  • 2017/10/15

Franchise - 多数のデータベースに対応したSQLノートブック

SQLを覚えると実務で使える様々なデータを取得できるようになります。毎回同じようなSQLを記述するのが面倒で、テキストファイルに定番のSQLをメモで残している方も多いのではないでしょうか。そんな方にお勧めなのがFranchiseです。SQLを残しておけるノートブックです。## Franchiseの使い方メイン画面です。...

None

  • 2017/10/14

strip-debug-cli - JavaScriptのコードからデバッグ系出力を取り除く

開発していてデバッグメッセージを出力させることはよくあります。そしてそのままリリースしてしまったりして、本番環境でもデバッグメッセージが出てしまうことがあります。これは恥ずかしいでしょう。そこで使ってみたいのがstrip-debug-cliです。コードの中からデバッグメッセージを見つけ出して除外してくれます。## st...

List

  • 2017/10/13

Terminal Kit - CLIのソフトウェアをパワーアップ

開発者向けのツールを開発する場合、GUIがない方が手軽で自動化も考えられるのでメリットがあります。しかしユーザビリティを考えるならばインジケータを付けたり、インタラクティブに入力がある方が良いでしょう。今回はそんなCLIツールを便利にしてくれる機能を満載したTerminal Kitを紹介します。## Terminal ...

None

  • 2017/10/09

node-read - URLからメインコンテンツをピックアップ

オンラインにはテキストコンテンツが溢れています。問題はそうしたテキストコンテンツから意味のある情報をどう得るかです。HTMLタグを外しただけでは意味がありません。そこで使ってみたいのがnode-readです。メインコンテンツとおぼしき部分をピックアップしてくれるnode用ライブラリです。## node-readの使い方...

None

  • 2017/10/06

jsize - nodeパッケージのサイズをチェック&比較

JavaScriptのプロジェクトでは大抵ミニファイされた上で提供されます。3KBといってもミニファイし、GZipした上での数字だったりします。そうした中で採用するテクノロジーがどれくらいのサイズなのかを比較したいと思うことがあるでしょう。そこで使ってみたいのがjsizeです。npmパッケージのファイルサイズを比較でき...

List

  • 2017/10/05

src2png - ソースコードを画像に変換

ソースコードを埋め込んで表示してくれるサービスは多数ありますが、ブログによっては対応していないこともあります。さらにそもそもコードのシンタックスハイライト表示にも対応しておらず、コード表示が微妙になってしまうこともあります。そんな時にはsrc2pngを使ってみましょう。画像ではありますが、ソースコードを綺麗に表示してく...

List

  • 2017/10/03

Electroshot - ElectronでWebサイトのスクリーンショットを取得

Webサイトのスクリーンショットを必要とする機会は多いです。Webブラウザをそのままキャプチャしても良いですが、Webブラウザの枠や機能拡張が写ってしまうのが問題です。また常にデスクトップとは限らず、異なるウィンドウサイズで指定したい時もあるでしょう。そこで使ってみたいのがElectroshotです。Electron製...

List

  • 2017/10/02

UI Recorder - node.js製のSelenium IDE代替

Selenium IDEが最新のFirefoxで動かなくなりました。これに伴い、新しいAPIで動くIDEも開発がスタートしたようですが、それを待つのも辛いでしょう。かといって旧バージョンを使い続けるのも問題です。そこで使ってみたいのがUI Recorderです。新しく登場したSelenium IDEライクなWebブラウ...

List

  • 2017/09/30

ドラえもんのタイトルジェネレーター - ドラえもんで脳内再生されるタイトル画像ジェネレータ

ドラえもんと言えば国民的アニメです。アニメやテレビは見ないという人でも、一度は最初のタイトルコールを見たことがあるのではないでしょうか。そして表示された文字がドラえもんの声で(世代によって分かれると思いますが)再生されることでしょう。そんなドラえもんのタイトルを生成してくれるソフトウェアがドラえもんのタイトルジェネレー...

List

  • 2017/09/29

Blazer - SQLを使ってデータベースから有益な情報を引き出そう

ビジネスの根幹にはデータベースがあります。日々の業務を通じて蓄積されていくデータをいかに検索し、有益なデータを抽出するかがビジネスの成否を決めると言っても過言ではないでしょう。そのために必要なのがSQLを自由に実行できる環境です。今回はBlazerを紹介します。## Blazerの使い方最初の画面です。データが一覧表示...

List

  • 2017/09/24

Dawn - フロントエンド/node開発のビルドツール

フロントエンド開発はどんどん進化しています。その結果として様々なツールを組み合わせなければならなくなったり、手順が増えてしまっています。これでは手軽に開発できなくなってしまいます。そこで紹介したいのがDawnです。軽量なタスク管理を備えたフロントエンドの開発、ビルドツールです。## Dawnの使い方使っている場面です。...

None

  • 2017/09/22

Scotty.js - コマンド一つでS3/CloudFrontへのアップロード

簡単なWebサイトや静的サイトをAmazon S3上で公開するケースが増えています。さらに表示を高速化したり、SSL/TLSを使うためにCloudFrontを使うケースも増えています。しかしそのアップロード法は今なおFTP並のやり方のことも多いでしょう。そこで使ってみたいのがScotty.jsです。コマンド一つでアップ...

List

  • 2017/09/22

AssemblyScript - WebAssemblyに変換できるTypeScriptのサブセット

JavaScriptはWebブラウザ上で実行する際にソースコードが見えてしまう問題がありますが、それはWebAssemblyによって解決できようとしています。しかし、改めて別な言語を覚えるのに二の足を踏んでしまっている方も多いでしょう。そこで使ってみたいのがWebAssemblyです。TypeScript(のサブセット...

List

  • 2017/09/20

Ordinance format jp - Markdownで日本の公文書を記述

Markdownは広く使われるようになっていますが、シンプルな記法だけに簡易的なHTMLへの変換以外のニーズ向けとなると使い勝手が悪いことがあります。そのためグラフを入れられるようにしたり、チャートを描けるようにするソフトウェアが作られます。今回紹介するOrdinance format jpもその一つです。日本の公文書...

None

  • 2017/09/19

psi-local - ローカルサイトにPageSpeed Insightsを適用する

Webページの表示速度が遅くて良い理由はありません。ユーザ体験はもちろん、Eコマースサイトなどでは売り上げに直結するほどです。Googleも表示速度を検索順位の指標に組み込んでおり、その指摘を行ってくれるサービスとしてPageSpeed Insightsを提供しています。しかしこのPageSpeed Insightsは...

List

  • 2017/09/14

Marko - eBay製。サーバ/クライアント両方に対応したビューフレームワーク

Reactが導入したVirtualDOMという概念はあっという間に他のフレームワークにも影響を及ぼしていきました。最近では Webコンポーネントにも関連して、小さなパッケージを組み合わせる方法が主流になっています。今回紹介するMarkoもそんなフレームワークの一つです。特に高速な動作がポイントになっています。## Ma...

List

  • 2017/09/10

wcode - Webブラウザ上で動作するプログラミングエディタ

AtomやVisual Studio Codeなど、Web技術を使ってプログラミングエディタが動くのが当たり前になっています。JavaScriptエンジンの高機能化はもちろん、HTML5の高機能化によって実現されています。wcodeは同じようにWeb技術を使ったコードエディタです。Webブラウザ上で動作するのがポイント...

List

  • 2017/09/09

qbrt - Geckoエンジンを使って特定サイトだけ立ち上がるアプリを生成

ElectronはWeb標準の技術を使ってデスクトップアプリケーションが作れるとあって人気があります。とは言え、よく使われるのはWebサイトのガワアプリで、特定のサイトだけ使える点においてセキュリティ上のメリットがあります。そんなガワアプリをコマンドラインで作れるのがqbrtです。さらにレンダリングエンジンとしてWeb...