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

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

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

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

もっと見る

List

  • 2018/06/06

Maji - ハイブリッドアプリ開発のベストプラクティスを提供

ハイブリッドアプリと言うのはHTML5でUI、ロジックを作成したスマートフォンアプリです。ネイティブとの繋ぎ込みはCordovaなどの技術を使います。かつては遅いと言った問題がありましたが、今はほぼ分からないくらいの速度で実行できます。そんなハイブリッドアプリは画面遷移やUIなどを自分で用意する必要があります。ここが敷...

List

  • 2018/06/03

mini-c - node製のWebAssemblyコンパイラ

WebAssemblyには未来が感じられます。DOM操作などはできないものの、コンパイルしたコードがWebブラウザ上で動かせるのは魅力的です(しかもWeb標準の技術で!)。しかしまだ開発環境を整えるのは大変なのが現状です。そこで期待したいのがmini-cです。なんとWebブラウザ上でWebAssemblyを生成します。...

List

  • 2018/06/02

logo.svg - テキストとフォントからSVGを生成

スマートフォンやタブレットによって高解像度なディスプレイが普及しています。そのため、画像などのバイナリのファイルは高解像度向けにサイズの大きなファイルを用意せざるを得ず、ネットワークの負荷増大につながっています。そこで使ってみたいのがlogo.svgです。テキストベースの簡易的なロゴをSVGで生成してくれます。## l...

List

  • 2018/05/30

geotiff.js - Web/nodeでTIFFを扱う

画像には多彩なフォーマットがありますが、それでもWebブラウザ上で扱われるものは多くありません。JPEG/PNG/GIFくらいではないでしょうか。そんな中、目にする機会の多いフォーマットとしてTIFFがあります。TIFFはタグ情報を持ったビットマップ画像フォーマットです。そんなTIFFをWeb上で扱えるのがgeotif...

List

  • 2018/05/26

isomorphic-git - Webブラウザでも動作するGitライブラリ

GitHubが世界中で流行っている中、Gitを操作するライブラリの需要が高まっています。各種言語でGit操作できるライブラリができていますが、多くはサーバサイド向けです。そんな中、注目したいのがisomorphic-gitです。なんとnodeはもちろん、WebブラウザのJavaScriptでも動作するGitライブラリで...

List

  • 2018/05/23

Webfonts Generator - SVGからWebFontsを生成

WebFontsはよく使われるようになっています。特にアイコンフォントで便利です。文字サイズさえ指定すれば、大きなサイズでも綺麗に表示されます。しかし作成するのが大変という印象もあります。そこで使ってみたいのがWebfonts Generatorです。なんとSVGからWebFontsを生成します。## Webfonts...

List

  • 2018/05/12

Fontmin - サブセットフォントを使ってアジア圏のWebFontを使いやすく

Web上での表現力を高める施策としてWebFontが使われる機会が増えています。多くはアイコンフォントであったり、欧米のフォントになるでしょう。日本語や中国語など、アジア圏のフォントは文字数も多く、サイズが大きくなりがちです。そこで使ってみたいのがFontminです。使われていない文字を削ることで軽量なサブセットフォン...

List

  • 2018/05/11

Mailtrain - node製のMailchimpクローン

お知らせなどをメール配信するサービスとしてMailchimpがよく使われています。しかし、自社データとミックスしたい、一つのサービスにマーケティングの根幹を掴まれるのが怖いなどといった企業もあるでしょう。そこで使ってみたいのがMailtrainです。自前で立てられるニュースレターシステムです。## Mailtrainの...

List

  • 2018/05/02

Wey - 軽量、高速なSlackクライアント

Slackは社内外のコミュニケーションを支える大切なツールになっています。しかし多数のチャンネルに入っていて動作が重たいと感じることはないでしょうか。CPUはそれほど食いませんが、メモリを相当消費します。そこで使ってみたいのがWeyです。軽量で高速に動作するSlackクライアントです。## Weyの使い方メイン画面。!

None

  • 2018/05/02

local-web-server - HTTPS/HTTP2も使えるローカル開発用HTTPサーバ

ローカルで開発を行って、結果がうまくいったらサーバにアップロードするというのはよくある開発風景です。そんな時に必要なのがローカルでの開発用サーバです。Apacheやnginxでもいいですが、設定が面倒です。そこで使ってみたいのがlocal-web-serverです。単なる静的配信に限らず多彩な機能が揃っています。## ...

List

  • 2018/04/23

webattle.js - Web上でみんなで戦うタンクゲーム

簡単なルールのゲームであればあるほど、誰でもすぐに遊べて熱中します。一人で遊ぶタイプのゲームも良いですが、仲間同士で遊べるものもまた違った楽しさがあります。オンラインゲームであれば世界中の人たちと遊べます。今回紹介するwebattle.jsはWeb上で戦えるタンクゲームになります。ハマりすぎに注意しましょう。## we...

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です。生活の上での思い出深い出...