pad.js - ターミナルからでも使えるファイル共有サーバ MOONGIFT
ファイルを共有する仕組みは意外と簡単ではなかったりします。Apple製品同士であればAirDropが使えますが、異なるマシン間において、目の前の相手にデータを送りたいと思うことはよくあります。そして大抵メールになったりします。 今回はインターネットを介してファイルを送信、受信できるpad.jsを紹介します。 pad.jsの使い方 pad.jsが魅力的なのはコンソールで送れることでしょう。認証もいらず、さくっと送れます。 $ curl -F "file=@IMG_3721.jpg" http://127.0.0.1:9090/IMG_3721.jpg 逆に取り出す場合にはwgetでも良いでしょう。URLを指定するだけです。 $ wget http://127.0.0.1:9090/IMG_3721.jpg --2018-10-15 13:35:40-- http://127.0.0.1
local-web-server - HTTPS/HTTP2も使えるローカル開発用HTTPサーバ MOONGIFT
ローカルで開発を行って、結果がうまくいったらサーバにアップロードするというのはよくある開発風景です。そんな時に必要なのがローカルでの開発用サーバです。Apacheやnginxでもいいですが、設定が面倒です。 そこで使ってみたいのがlocal-web-serverです。単なる静的配信に限らず多彩な機能が揃っています。 local-web-serverの使い方 local-web-serverはnpmでインストールします。 $ npm install -g local-web-server これで ws というコマンドが使えます。まず機能としては単純な静的配信サーバの他、SPA対応があります。これはどのURLにアクセスしても指定したファイル （通常は index.html）を返してくれるものです。 また、HTTPS対応であったり、Web APIのプロキシ機能、HTTP2も対応しています。JSO
HTTP Responder - WebHookを使った開発を便利に MOONGIFT
WebHookはシステム連携するのに便利な仕組みですが、呼び出されるのがサーバ側とあって、開発時の確認がしづらいのが問題です。ngrokなどを使ってローカル環境を外部に繋ぐこともできますが、準備が面倒と感じる人もいるでしょう。 そこで使ってみたいのがHTTP Responderです。WebHookの内容を確認できるWebサービスです。 HTTP Responderの使い方 最初に自分の好きなURLを設定します。 後はそのURLに来たアクセスについて、細かく情報が確認できます。 HTTP Responderで設定したURLをWebHookに設定することで、どういった情報が送られてくるかが一目で分かるようになります。さらにレスポンスも決めることができます。URLを複数作れるので、サービスごとに分けられるのも便利です。 HTTP Responderはnode/JavaScript製のオープンソー
ReLaXed - Web技術からPDFを生成
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました PDFを作るのは数年前に比べると、さほど難しくなくなっています。プリンタドライバ形式でPDFを生成するプロダクトは多く、簡単な体裁のものであればすぐに作成できます。 しかし、よりこだわったレイアウトであったり、自動化となると、まだまだ技術が必要です。今回はWeb技術でPDFが作れるReLaXedを紹介します。 ReLaXedの使い方 ReLaXedはコンテンツをPug（かつてのJade）フォーマットで記述します。そしてPDFを生成します。 日本語も使えますが、フォントの指定が必要です。 ReLaXedはPugをテンプレートに採用することで、Webブラウザでの閲覧とPDFによるダウンロードの両方がサポートされます。CSSも使えるので、表示のカスタマイズも容易です。eBookや履歴書、
Stencila - ドキュメントと表計算をシームレスに連携させるオフィススイート MOONGIFT
Pythonを使っている人にとってはお馴染みのJupyter Notebook。コードと文章を一緒に書けるのでプログラミングに関連したコンテンツが見やすくなります。様々な種類の文書を埋め込む際には同様の手法が便利です。 オフィスでよく使われる文書や表計算でも同じことができそうです。それがStencilaです。 Stencilaの使い方 ドキュメントと表計算が一つのドキュメントにまとめられます。こちらはドキュメント。 こちらは表計算。 埋め込むとこんな感じになります。計算式を埋め込むことができます。 グラフも表計算を使って表現できます。 Microsoft OfficeでもOLEを使って連携はできます。しかし元ファイルを移動してしまったらリンクが切れてしまったりします。更新も複数のアプリケーションを使うのが面倒です。Stencilaは一つのファイルとしてまとまっているので、メンテナンスしやす
CodiMD - リアルタイムコラボレーション付きのMarkdownエディタ MOONGIFT
Markdownは業務の中でも広く使われるようになっています。個人でメモとして使う範疇を遙かに超えて、Markdownなしでは仕事が回らないというチームすらあるのではないでしょうか。 そんな方達にお勧めなのがCodiMDです。共同編集をサポートしたMarkdownノートアプリです。 CodiMDの使い方 エディタです。2ペインになっています。左側が編集、右側にプレビューが表示されます。 他のブラウザの編集がリアルタイムに反映されます。 画像はドラッグ&ドロップでアップロードされます。 メニューです。プレゼンテーションモードや各種フォーマットでのダウンロードが可能です。 PDFは残念ながら日本語が表示されませんでした（Herokuに日本語フォントが入っていないせいだと思いますが）。 テーブルもサポートされています。 PDFの埋め込み。 MathJax。 Graphvizによるグラフ埋め込み。
Spectrum - 複数参加できるオンラインコミュニティ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 一言でコミュニティといっても様々な形式があります。オフラインのコミュニティもあれば、オンラインもあります。チャットのようにフローな会話もあれば、フォーラムのようなストック型もあるでしょう。 Spectrumはオンラインコミュニティを形成するソフトウェアで、フローとストックの間にあるような作りになっています。 Spectrumの使い方 ログインしました。まずはコミュニティを探します。 すでに多数のコミュニティが形成されています。この中から気になるものを購読します。 ジョインすると、ダッシュボードのような画面でフォーラムの更新情報をチェックできます。 ユーザプロフィール。ここからメッセージを送れます。 SpectrumはFacebookグループだけ抽出したようなソフトウェアかも知れませ
nexe - nodeスクリプトをラッピングして実行ファイル化
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました nodeを使えばJavaScriptでローカルで動くコマンドなどを作ることが出来ます。これはとても便利で個人的にはよく使うのですが、そのためには予めnodeがインストールされていなければなりません。 もちろんバイナリでも配布されているのですが、インストールの手間は初回実行には相当大きいと言えます。そこで使ってみたいのがnodeスクリプトを実行ファイル化するnexeです。 nexeの使い方 nexeは他の同じようなソフトウェアと同じく、nodeの実行エンジンをスクリプトと一緒にするタイプのソフトウェアです。 コンパイルはこのように行います。 nexe -i ./ -o ./hello-world.nex -r 0.8.18 コンパイルのためにnodeのコンパイルまで行うので初回は時間
markuplint - 各種マークアップに対応したLintツール
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 企業などで品質を標準化するためにはフォーマットをチーム内で合わせる必要があります。個々人の書いたコードを目でチェックするのはとても大変です。そこで使えるのがLintツールになります。 今回紹介するmarkuplintはHTMLやWeb Componentなど様々なマークアップをチェックするソフトウェアです。 markuplintの使い方 markuplintは設定ファイルを作成し、ターゲットになるHTMLファイルを指定して実行します。 $ markuplint -r ~/.markuplintrc index.html <markuplint> warning: インデントは2幅スペースにしてください。 (indentation) [/index.html:102:1]<br> 1
markdownlint-cli - より良いMarkdownドキュメントを目指す
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Markdownは柔軟な記法をサポートしています。なんとなく書いてもそれっぽく表示されます。しかし、会社などで何人もMarkdownを使うようになると一定の統一された基準が必要になるでしょう。 そこで使ってみたいのがmarkdownlint-cliです。MarkdownのLintツールかつCLIになります。 markdownlint-cliの使い方 インストールが終わったら後はmarkdownlintコマンドを実行するだけです。そうすると直すべきポイントがリストアップされます。 $ markdownlint README.md README.md: 210: MD007 Unordered list indentation README.md: 92: MD009 Trailing
mind - node/JavaScript製のニューラルネットワークライブラリ MOONGIFT
ディープラーニングはここ数年人気の高い技術ですが、技術の基礎は理解しつつもそれをコードレベルで表現するのはとても難しいでしょう。そして、そのためのライブラリは多数出てきています。 もしWebブラウザ上で手軽に試したいのであればmindを使ってみてください。 mindの使い方 こちらはデモです。映画を10本、レーティングします。 その結果をもとに、映画のレーティングを類推します。 mindはWebブラウザまたはnodeの中で動かすことができるニューラルネットワークライブラリになります。JavaScriptでディープラーニングを試してみたい方はmindをベースにしてみてはいかがでしょうか。特徴としてはワードベクトル生成、設定ベース、プラグインによる拡張と言った点が挙げられています。 mindはnode/JavaScript製のオープンソース・ソフトウェア（MIT License）です。 ste
wcode - Webブラウザ上で動作するプログラミングエディタ
AtomやVisual Studio Codeなど、Web技術を使ってプログラミングエディタが動くのが当たり前になっています。JavaScriptエンジンの高機能化はもちろん、HTML5の高機能化によって実現されています。 wcodeは同じようにWeb技術を使ったコードエディタです。Webブラウザ上で動作するのがポイントです。 wcodeの使い方 実行しました。起動する際にはディレクトリを指定します。 入力補完機能付きです。 ハイライトもあります。 フォルダの作成もできます。 wcodeはまさにAtomやVS Codeのような感覚で使えます。ローカルで使う意味はないかも知れませんが、Webサービスとしてコードエディタを提供しているサービスは多いかと思います。そうしたサービスがwcodeをベースにすると開発者にとっては使い勝手が良さそうです。 wcodeはnode/JavaScript製のオ
node-git-server - node製のカスタマイズできるGitサーバ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Gitリポジトリを管理するサービスやソフトウェアは多いですが、そのGit管理の仕組みを自分のサービスでも取り入れたりと思う方は多いはずです。そうした場合、Git操作の仕組みをすべてすべて自分でイチから実装しなければなりません。 しかしnode-git-serverを使えば幾分簡単になりそうです。node-git-serverはカスタマイズできるGitサーバです。 node-git-serverの使い方 node-git-serverの基本的なコードです。以下のコードではpush/fetchに対応しています。 const Server = require('node-git-server'); const repos = new Server(path.resolve(__dirna
Parcel - 高速さが売りのWebアプリケーションバンドラー
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました JavaScriptの周辺環境の進化は早く、一部はGulpと言われていたのがWebPackになったりして、どんどん新しい技術が出てきては廃れるといったことを繰り返しています。 さらにここで紹介するのは心苦しいのですがParcelを知っておきましょう。とても簡単に使えるWebアプリケーションバンドラーです。 Parcelの使い方 例えば index.html を次のように書きます。 <html> <body> <script src="./index.js"></script> </body> </html> そして同じ階層に index.js を置きます。もちろん import に対応しています。 // import another component import main fr
Marko - eBay製。サーバ/クライアント両方に対応したビューフレームワーク MOONGIFT
Reactが導入したVirtualDOMという概念はあっという間に他のフレームワークにも影響を及ぼしていきました。最近では Webコンポーネントにも関連して、小さなパッケージを組み合わせる方法が主流になっています。 今回紹介するMarkoもそんなフレームワークの一つです。特に高速な動作がポイントになっています。 Markoの使い方 Markoの例です。クラスとスタイル、そしてHTMLの3つを組み合わせます。 class { onCreate() { this.state = { count:0 }; } increment() { this.state.count++; } } style { .count { color:#09c; font-size:3em; } .example-button { font-size:1em; padding:0.5em; } } <div .cou
Geist - 関連性に重点を置いた個人用ナレッジベース
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 個人のナレッジはきちんと積み重ねていかなければなりません。日々のインプットを書きためておく場所を用意しておかないと、あっという間に頭の片隅から抜け落ちてしまいます。 そこで使ってみたいのがGeistです。個人のナレッジについて、関連性を用いて描けるソフトウェアです。 Geistの使い方 メイン画面です。主な機能はノート、マップ、そしてリンクです。 ノートはWYSIWYGで書けます。 そしてノートはノードとしてマップ上に表示します。 そして関連性をラインで表現します。 画像も追加できます。 Geistは特に各メモ（ノート）の関連性に重点を置いたソフトウェアになります。構造的に文書を書く際に、それらをすべて分けてしまって線でつないで表現するのは面白そうです。 Geistはnode/Ja
stacks-cli - 気になるWebサービスで何が使われているのか調査 MOONGIFT
イケてるWebサービスではどんなフレームワークやライブラリが使われているのか気になる人は多いでしょう。やはりトレンドのフレームワークを組み合わせているのか、はたまた意外と枯れた技術を使っているのか。 そんな調査ができるライブラリがstacks-cliです。気になるWebサービスで実行してみましょう。 stacks-cliの使い方 MOONGIFTの実行結果です。かなり高い確度で正解しています。 stacks-cliはHTTPサーバのヘッダーやレスポンス内容を解析して使われているであろうライブラリを判別しています。この辺りのことは解析すれば分かるということで、セキュリティを気にする方は隠せるように調整しても良さそうです。 stacks-cliはnode/JavaScript製のオープンソース・ソフトウェア（MIT License）です。 WeiChiaChang/stacks-cli: ?
adminMongo - WebベースのMongoDB管理
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました MongoDBはNoSQLのドキュメント型データベースとして最も有名な存在になっています。実際の開発でも使われるケースが増えているのではないでしょうか。そして開発している際に必要なのが管理画面です。 今回紹介するadminMongoはWebベースのMongoDB管理システムです。 adminMongoの使い方 ダッシュボードです。ここでデータの作成ができます。 ドキュメント毎のコレクション数、エクスポートができます。 データ一覧。 編集画面。 adminMongoはシンプルなUIでMongoDBの最低限の管理を提供します。本番運用では物足りないかも知れませんが、開発用途であれば十分な機能と言えるのではないでしょうか。Webベースなので、社内で一つ立てておけばみんなで使えるで便利です
Rich FileManager - Webベースのファイル管理
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webアプリケーションが増えていくと必要になるのが、OSの基本とも言えるファイル管理です。サーバ上のストレージに入ったファイルを閲覧したり、編集は別なWebアプリケーションなど利用法は様々に考えられます。 そんなファイル管理としてRich FileManagerを照会します。ファイルのプレビューもできる多機能なファイルマネージャです。 Rich FileManagerの使い方 ファイル一覧です。左側にフォルダツリーがあります。 画像はプレビューできます。 テキストは閲覧および編集ができます。 日本語ローカライズも行われています。 Rich FileManagerをサーバにインストールしておけば、ストレージの内容について編集やメンテナンスが容易になります。FTPなどのようにソフトウェ
Dawn - フロントエンド/node開発のビルドツール MOONGIFT
フロントエンド開発はどんどん進化しています。その結果として様々なツールを組み合わせなければならなくなったり、手順が増えてしまっています。これでは手軽に開発できなくなってしまいます。 そこで紹介したいのがDawnです。軽量なタスク管理を備えたフロントエンドの開発、ビルドツールです。 Dawnの使い方 使っている場面です。こちらはAPIサーバのフロントです。 こちらはフロントエンドです。二つのサーバが同時に立ち上がっています。 APIを作ったりすることもできます。 技術的にはWebPackなども使われており、独自技術で固まっている訳ではありません。しかしDawnを使うことで初期テンプレート生成やテスト、ビルドなどが一手にできます。複数タスクを同時に実行したり、ミドルウェアにも対応しており、幅広い開発に利用できそうです。 Dawnはnode/JavaScript製のオープンソース・ソフトウェア（
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
