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

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

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

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

もっと見る

List

  • 2017/08/18

Raneto - node製/Markdownのナレッジベース

企業のWebサイトなどでよく見られるのがナレッジベースです。FAQ的なものですが、検索がついていたりカテゴライズもされていて、より洗練されたものとなっています。今回はそんなナレッジベースを作成するためのソフトウェア、Ranetoを紹介します。## Ranetoの使い方インデックスです。カテゴリ毎にタイトルが並んでいます...

List

  • 2017/08/15

Terminal recorder - ターミナル操作を記録してHTML出力

自分のターミナル操作を記録したい時はないでしょうか。手順書を作る場合でも、ブログ記事を書くときにも考えられます。すべてテキストで書いていくのもいいですが、入力した内容がそのまま記録されるなら、これほど楽なことはないでしょう。Terminal recorderはそんな希望を叶えてくれるソフトウェアです。さらに結果はHTM...

None

  • 2017/08/14

mailit - メール送信をWeb APIで

メールをシステムに組み込むのは意外と面倒で、SMTP用のライブラリをついつい頼ってしまいます。さらに日本語問題やHTMLメール、添付ファイルなど様々な用途があります。それをシンプルに解決してくれそうなのがmailitです。メール送信をシンプルなREST APIで提供してくれます。## mailitの使い方mailitは...

List

  • 2017/08/04

Mesh - 表データからJavaScriptコードを生成

JavaScriptのコードはコールバックが多かったり、処理した結果を関数で受け取ったりするので分かりづらいと感じるようです。もっと構造を分かりやすく分解して欲しいと思う方もいるでしょう。そこで使ってみたいのがMeshです。JavaScriptのコードを表計算の形で表現してくれる…何を言っているかよく分からないかも知れ...

List

  • 2017/08/04

cgmd-browser - Markdownに注釈を入れる

Markdownが開発者の間でデファクトのフォーマットになってきています。そうやって広まっていく中では、周辺ツールも充実してきます。今回はアノテーション、注釈に注目します。Markdownでもワードプロセッサのように文書に対してコメントしたいと考える時があるでしょう。そんな時に使えるのがcgmd-browserです。#...

List

  • 2017/08/03

DoppioJVM - JavaScriptで作られたJavaVM

JavaといえばかつてはWebブラウザ上でも動いていました。Javaアプレットと呼ばれる技術で、とんでもなく遅かったり、セキュリティホールになったりと悩みの多かった存在ではないでしょうか。HTML5になり、プラグインが軒並みなくなっていく中でJavaアプレットも動く機会がなくなっています。そんな中、安全にJavaが実行...

List

  • 2017/08/03

Decktape - HTMLプレゼンテーションをPDF化

HTMLでスライドを作成する方が増えています。スライドをWeb上にアップロードするだけで閲覧できる便利さは良いのですが、多くのスライド共有サイトではHTMLには対応していません。そこで使ってみたいのがDecktapeです。多数のHTMLスライドに対応したPDF変換ソフトウェアです。## Decktapeの使い方後は以下...

None

  • 2017/07/25

node-gmail-watcher - Gmailに新着メールがあったらプログラムをキック

メーラーを使っていると、新着メールが来ると通知が来るでしょう。これは便利ですが、常に通知がベストという訳ではありません。場合によってSlackに情報が欲しい場合もあれば、社内システムに書き込んで欲しいこともあるでしょう。そうしたメール受信に合わせてシステムを実行するのに向いているのがnode-gmail-watcher...

None

  • 2017/07/25

npm-icon-gen - スマートフォンアプリ/Webサイト用のアイコンファイルをまとめて生成

スマートフォンやWebサイトなどアイコンを使う機会は多いですが、それらはプラットフォームなどによってサイズがすべて違います。iOSであってもデバイスの画面の大きさや解像度によって異なります。これを一つ一つ作るのは大変です。そこで一つのSVG画像さえ用意すれば後は自動で生成してくれるnpm-icon-genを使いましょう...

Missing

  • 2017/07/23

Aperture - nodeを使ってコマンドラインでスクリーンキャプチャ

コンピュータの操作を記録するソフトウェアは幾つもあります。昔はあまり選択肢がなかったですが、今ではOS標準のソフトウェアでレコーディングできたりします。その多くのソフトウェアはGUIで、マウス操作を使って録画しなければなりません。もっとプログラマブルにレコーディングをしたければApertureを使ってみましょう。コマン...

None

  • 2017/07/23

google-apps-script - Google Apps Scriptをローカルで開発/管理

Google Apps Scriptを使うとGoogleスプレッドシートやドキュメントなどの自動操作ができるようになります。若干特殊なJavaScriptにはなりますが、デバッグ実行もできるので開発もしやすいです。難点はコードをすべてWeb上で書くという点です。開発をローカルで行いたいという方はgoogle-apps-...

List

  • 2017/07/20

#bashfill - Bashスクリプトでイラストを描く

シェルは何も白黒の世界ではありません。ANSIカラーを使えば色を表現することだってできます。多くのコマンドでカラー出力されていたり、無茶するソフトウェアによっては画像を表示するものもあります。そんな中、Bashでイラストを出力できるスクリプトを生成するのが#bashfillです。スクリプトという点がポイントです。## ...

List

  • 2017/07/17

JSON-Splora - GUIのJSONビューワー/エディタ

JSONの構造を確認するのは意外と面倒です。配列とオブジェクトを見分けるのも大変ですし、構造を間違えるとデータが取れなかったり、プログラムがエラーになってしまいます。構造が簡単に分かるようになっているとプログラミングも捗るでしょう。そこで使ってみたいのがJSON-Sploraです。GUIでJSON構造が簡単に分かるよう...

None

  • 2017/07/15

jsonsmash - ファイルシステムのような操作ができるJSONビューワー

Web APIを伴う開発を行う際にはJSONファイルを使うことが増えています。XMLに比べると冗長性がなく、サイズが小さくて済むのですが、改行などもなく見づらいのが難点です。そのため、データのある場所を間違えてしまって、うまく動かないなんてこともよくあります。そこで構造を確認するために使ってみたいのがjsonsmash...

List

  • 2017/07/10

kingraph - 家系図/組織図ジェネレータ

組織図であったり、家系図といった図を描こうと思ったらどんなツールを使っているでしょうか。ドローツールも使えますが、編集したりするのが面倒だったりします。Excel職人の方はやはりExcelを駆使して作り上げてしまうかも知れません。今回はWebベースで使える家系図を作れるkingraphを紹介します。## kingrap...

List

  • 2017/06/28

docsify - 動的/静的両方に対応したドキュメントジェネレータ

APIやSDK、ライブラリなどにドキュメントは必須です。しかも読みやすく、分かりやすいドキュメントでなければなりません。デザインに凝るのではなく、可読性を重視して作られるべきです。そういったドキュメントはなかなか作るのは難しいでしょう。そこで使ってみたいのがdocsifyです。ドキュメントサイトを作るためのフレームワー...

List

  • 2017/06/24

kityminder - 高機能なWebベースのマインドマップ

マインドマップは思考整理ために必須ツールです。紙や画面に書き出すことで、思考の漏れを省き、網羅的に考えられるようになります。コツとしてはいきなり深く考えるのではなく、満遍なくドリルダウンしていくことです。今回はWebブラウザで使えるkityminderを紹介します。十分使える機能が揃っています。## kityminde...

List

  • 2017/06/22

SecureLogin - 別なデバイスで許可して認証する

認証の仕組みはWebがはじまった当初から大して進化していません。IDとパスワードという二つの認証情報をベースに鍵ファイルを使ったり、スマートフォンを使った二段階認証と発展版が出ていますが、大きくは変わっていません。新しいログインの仕組みとして登場したのがSecureLoginです。簡単に言えば二つのデバイスを組み合わせ...

List

  • 2017/06/19

Prettier Markdown - Markdown中のJavaScriptコードを整形

Markdownで書いていて、コードを実際のプログラムからコピペすると、インデントの調整が必要になります。さらに普段書いているコードとドキュメント用のコードで若干形を変えたい時には修正が必要になります。その結果、スペースとタブが折り混ざる状態になったりします。そうしたコードにまつわる問題を解決してくれるのがPretti...

List

  • 2017/06/14

png2svg - PNGをSVGに変換

SVGもドロー系フォーマットとして一般的になりつつあります。モダンなWebブラウザは表示に対応していますし、JavaScriptと組み合わせればFlash風なインタラクティブ性を持ったコンテンツも作成できます。そんな中紹介したいのが画像をSVGに変換するというpng2svgです。## png2svgの使い方png2sv...