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

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

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

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

もっと見る

None

  • 2018/04/19

push-dir - ディレクトリをGitHub Pagesへ公開

GitHubのリポジトリを使っていて、プロジェクト内容をGitHub Pagesで公開している人は多いのではないでしょうか。やり方は幾つかありますが、gh-pagesというブランチを追加する方法があります。しかし、この方法はブランチを切り替えてコンテンツを編集して…と意外と手間が多いです。そこで使ってみたいのがpush...

List

  • 2018/04/15

Git WebUI - ローカルのGitリポジトリ用ブラウザ

Gitリポジトリの情報をWeb上で見たいと思った時にはGitoriusであったりGitLab、GitHubなどを使うでしょう。突然大事になってしまって、セットアップするのも面倒です。そこで使ってみたいのがGit WebUIです。ローカルで使うためのGitリポジトリブラウザです。## Git WebUIの使い方Git W...

None

  • 2018/04/07

emma-cli - npmパッケージを検索&インストール

今、システムを開発する際に一切のライブラリを使わないことのが少ないでしょう。ライブラリを探し、組み合わせて一つのライブラリやフレームワーク、システムを作るはずです。そこで求められるのがライブラリの選定力です。今回紹介するのはemma-cli、npmパッケージを検索、インストールできるソフトウェアです。## emma-c...

None

  • 2018/03/22

thanks - 既存ライブラリに寄付しよう

ソフトウェアを開発していて、オープンソース・ソフトウェアを一切使わないということはほとんどないといっても過言ではありません。さらに何らかのライブラリを作っている際には、別なライブラリを使っていたりします。そうしたソフトウェアに感謝し、その感謝の心を寄付で表明できるのがthanksです。## thanksの使い方than...

None

  • 2018/03/09

markuplint - 各種マークアップに対応したLintツール

企業などで品質を標準化するためにはフォーマットをチーム内で合わせる必要があります。個々人の書いたコードを目でチェックするのはとても大変です。そこで使えるのがLintツールになります。今回紹介するmarkuplintはHTMLやWeb Componentなど様々なマークアップをチェックするソフトウェアです。## mark...

List

  • 2018/03/04

Proton Native - React Nativeのデスクトップ版

Electronを使えばデスクトップアプリとして動作するソフトウェアがクロスプラットフォームで作成できます。しかし、HTMLなのでUIを作るのが若干大変という印象があります。同様のことはモバイルアプリでも起きており、Reactが示した解決策がReact Nativeになります。そしてProton NativeはReac...

List

  • 2018/02/28

Mermaid Live Editor - Mermaid記法をリアルタイムにチャート化

複雑な情報も図式化することによって分かりやすくなりますが、バイナリにしてしまうとメンテナンスコストが大きくなります。最初こそ気合いを入れて作ったチャートもメンテナンスで一気に崩れてしまったらやる気もなくなるでしょう。そこで使ってみたいのがMermaid Live Editorです。テキストからチャートにしてくれるソフト...

List

  • 2018/02/27

dockly - CUIのDockerコンテナ管理

Dockerコンテナは1サービスごとにコンテナを分けるべきと言われています。実際1プロセス程度の不可でしかないので分けた方が良いのですが、立ち上がっているコンテナの数が多くなりがちです。管理用インタフェースが欲しくなるでしょう。そこで使ってみたいのがdocklyです。CUIで動作する、簡易的なDocker管理インタフェ...

List

  • 2018/02/25

life-commit - Gitのように人生を記録する

時間は止めようがなく、気付かない間にもどんどん流れていってしまいます。それを留めておくためには日記を書いたり、写真を撮ったりして活動を記録しておかなければなりません。後で振り返ろうと思っても、何の記録もしていないとおぼろげになってしまうでしょう。そこで使ってみたいのがlife-commitです。生活の上での思い出深い出...

List

  • 2018/02/18

ReForum - React × MongoDBの掲示板

掲示板はインターネット黎明期の頃から存在しました。今でも某巨大掲示板をはじめとして、掲示板システムは健在です。チャットと異なり、多少の非同期感がちょうど良く、多くの人たちによって日夜会話が続いています。そんな掲示板システムの最新版としてReForumを紹介します。Reactを使った先鋭的な掲示板となっています。## R...

List

  • 2018/02/15

SQLECTRON - MySQL/PostgreSQLに対応したターミナル用データベースクライアント

WebであればphpMyAdminやphpPgAdminといったデータベース管理が使われることが多いですが、ターミナルの場合はどうでしょう。それぞれ別なクライアントソフトウェアを使って、独自のコマンドも覚えないといけません。そこで使ってみたいのがSQLECTRONです。MySQL/PostgreSQLに対応したシンプル...

List

  • 2018/02/14

WildDuck - Gmailのデザインを模したWebメーラー

Webブラウザが多機能になるにつれて、多くのアプリケーションがWeb化しています。その先進とも言えるのがWebメーラーではないかと思います。元々Webブラウザ向けにメール機能を提供するサービスは多かったですが、Gmailによって爆発的に広がっています。そんなWebメーラーの最新版がWildDuckです。Gmailのデザ...

List

  • 2018/02/01

mind - node/JavaScript製のニューラルネットワークライブラリ

ディープラーニングはここ数年人気の高い技術ですが、技術の基礎は理解しつつもそれをコードレベルで表現するのはとても難しいでしょう。そして、そのためのライブラリは多数出てきています。もしWebブラウザ上で手軽に試したいのであればmindを使ってみてください。## mindの使い方こちらはデモです。映画を10本、レーティング...

None

  • 2018/01/30

clasp - ローカルでGoogle Apps Scriptを開発

Google Apps Scriptを使えばGoogleスプレッドシートであったり、スライドなどを自動操作できる仕組みが作れます。さらにWeb APIもあり、外部からデータをウケたり、送信することも可能です。そんなGoogle Apps Scriptをローカルで作成できるのがclaspです。## claspの使い方`c...

None

  • 2018/01/07

OverTime - 複数都市のタイムゾーンを確認

海外の人たちとミーティングを行ったりする際に面倒なのがタイムゾーンの確認です。こちらでは昼でも、現地では夜というのはよくあることです。お互いが都合のいい時間というのは探すのが面倒で、どちらかが夜中に対応せざるを得なくなったりします。そこで使ってみたいのがOverTimeです。都市を指定して簡単に時刻の確認ができます。#...

None

  • 2017/12/30

js-webassembly-interpreter - WebAssemblyを解析/実行

WebAssemblyを使うことでコンパイルされたコードをWebブラウザ上で実行できるようになります。Safariでもサポートされたことで、実用的になってきたと言えます。そんな WebAssemblyはC/C++/Rustで書くのが基本です。そんな WebAssemblyのコードを解析したり、CUIで実行できるのがjs...

None

  • 2017/12/24

node-git-server - node製のカスタマイズできるGitサーバ

Gitリポジトリを管理するサービスやソフトウェアは多いですが、そのGit管理の仕組みを自分のサービスでも取り入れたりと思う方は多いはずです。そうした場合、Git操作の仕組みをすべてすべて自分でイチから実装しなければなりません。しかしnode-git-serverを使えば幾分簡単になりそうです。node-git-serv...

None

  • 2017/12/23

Parcel - 高速さが売りのWebアプリケーションバンドラー

JavaScriptの周辺環境の進化は早く、一部はGulpと言われていたのがWebPackになったりして、どんどん新しい技術が出てきては廃れるといったことを繰り返しています。さらにここで紹介するのは心苦しいのですがParcelを知っておきましょう。とても簡単に使えるWebアプリケーションバンドラーです。## Parce...

List

  • 2017/12/20

graphqlviz - GraphQLのスキーマを可視化

GraphQLはデータ構造がスキーマとして定義されています。それらを読み解くことで、あらかじめデータ構造を把握してクエリを投げられるようになっています。しかしJSONから内容を正しく見極めるのはなかなか難しいでしょう。そこで使ってみたいのがgraphqlvizです。GraphQLの構造を画像などで可視化してくれます。#...

List

  • 2017/12/06

stacks-cli - 気になるWebサービスで何が使われているのか調査

イケてるWebサービスではどんなフレームワークやライブラリが使われているのか気になる人は多いでしょう。やはりトレンドのフレームワークを組み合わせているのか、はたまた意外と枯れた技術を使っているのか。そんな調査ができるライブラリがstacks-cliです。気になるWebサービスで実行してみましょう。## stacks-c...