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

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

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

2017/12/14
できることを全力でやる
2017/11/25
恥ずかしさを感じないためにできること
2017/11/11
プロジェクトを遅延させないコミュニケーションパス管理

もっと見る

List

  • 2018/07/27

intercooler.js - Ajaxの実装をHTMLだけで簡単に

Webアプリケーション開発時において、切っても切り離せないのがAjaxです。サーバからのコンテンツを取得したり、逆に登録したりして画面を書き換えると言ったことが良く行われています。実装が面倒なAjaxをHTMLだけで実現してくれるのがintercooler.jsです。## intercooler.jsの使い方HTMLの...

List

  • 2018/07/27

Clipboard Manager - Electron製、クロスプラットフォームのクリップボード管理

クリップボードは非常によく使われる機能であるにも関わらず、昔から殆ど進化の見られない存在です。そのため、拡張するユーティリティが無数に作られてきましたが、多くはOSに密接に関係してきました。そこで使ってみたいのがClipboard Managerです。Electron製で、OSによらずクロスプラットフォームで使えるクリ...

List

  • 2018/07/26

twentytwenty - 上下または左右で画像を比較

二つの画像を見比べて何が違うのか判断するにはどうしたら良いでしょうか。横並びにしてもなかなか分かりづらいかも知れません。逆に変換前後でファイルサイズが軽減されている場合は、見た目が変わっていないことを理解させたいこともあります。そんな時に使えるのがtwentytwentyです。スライダーを使って左右の画像を差し替えます...

List

  • 2018/07/26

QiitaPolice - Qiitaのコンテンツに対してスパム判定

Qiitaにはプログラミングやサーバ設定など、開発に役立つ情報が溢れていますが、中にはスパムと思われるコンテンツも存在します。スパムによってS/Nが悪くなるのは誰もが嫌なはずです。そこで使ってみたいのがQiitaPoliceです。Qiitaに投稿されるスパムを判定するのに役立つソフトウェアです。## QiitaPoli...

List

  • 2018/07/25

LightningQR - QRコードを瞬時に生成

URLをスマートフォンに送りたい時など、QRコードを使うと便利です。スマートフォンのカメラで読み取るだけで情報が送れます。しかし、そのためにどこかのWebサービスにいって生成するのでは面倒です。そこで使ってみたいのがLightningQRです。QRコードを素早く生成できます。## LightningQRの使い方URLを...

List

  • 2018/07/25

WinDynamicDesktop - macOSのダイナミックデスクトップをWindowsに移植

新しいmacOS、Mojaveではダイナミックデスクトップという機能があります。これは時間に合わせて壁紙やステータスバーなどの色を変化させる機能です。より自然で、目の疲れを軽減する効果もありそうです。そんなダイナミックデスクトップをWindowsで実現するのがWinDynamicDesktopです。## WinDyna...

List

  • 2018/07/24

WebVR UI - WebVRサイト用の便利UIライブラリ

VRが人気です。Unityなどで作るのも良いですが、WebVRであればWeb技術だけでできるので、より障壁が低いと言えるでしょう。そして多くのWebVRサイトでは、ボタンをクリックしてWebVRモードに入る仕組みが使われています。WebVRモードになると最大化されたり、左右の視差を使うために表示が二分割されたりします。...

List

  • 2018/07/24

DrawerJs - Web上で組み込んで使えるドロー

Webサービスの中にイラスト機能を追加したいと思ったことはないでしょうか。掲示板でも使えますし、作業内容を写真と合わせて記録するのにも向いています。テキストで書くのとはまた違った情報が入れられるでしょう。そこで使ってみたいのがDrawerJsです。Webサイトの中に組み込めるドローソフトウェアです。## DrawerJ...

List

  • 2018/07/23

png-font.js - Canvas上にピクセルアートなテキストを出力

Canvasを使えばDOMとはまったく違うグラフィックスを描けます。しかしDOMやCSSとは異なる使い方なので、適切に描くのに苦労することも多いでしょう。そういうときには最適なライブラリを使うのが一番です。今回紹介するpng-font.jsはピクセルアートなテキストを出力できるライブラリです。## png-font.j...

List

  • 2018/07/23

termtosvg - ターミナルの操作を記録してSVGアニメーション化

CLIのソフトウェアなどのインストール記事を書く際、ターミナルの入力を残しておくと便利です。社内でドキュメントにする際にも良いでしょう。しかし、出力を適宜コピー&ペーストするのは非常に面倒です。そこで使ってみたいのがtermtosvgです。ターミナル出力を記録し、SVGアニメーションにしてくれます。## termtos...

List

  • 2018/07/22

Rete.js - ビジュアルプログラミング用フレームワーク

小学校などの教育でプログラミングが取り入れられるようになります。プログラミングをはじめるにあたって、最初はビジュアルプログラミングが分かりやすいでしょう。例えばScratchなどは有名です。そうしたビジュアルプログラミング環境を作ることができるのがRete.jsです。## Rete.jsの使い方ノード同士をつなぎ合わせ...

List

  • 2018/07/22

Vim.Wasm - Webブラウザ上で動作するVim

ただひたすらに恐ろしい…。現在ローカルアプリケーションが次々にWebアプリケーション化しています。JavaScriptが高機能化、高性能化するのに伴ったものですが、さらにそれを促進しそうなのがEmscriptenです。C言語をJavaScript化するすごい技術です。そんなEmscriptenを活用し、VimをWebA...

List

  • 2018/07/21

CodiMD - リアルタイムコラボレーション付きのMarkdownエディタ

Markdownは業務の中でも広く使われるようになっています。個人でメモとして使う範疇を遙かに超えて、Markdownなしでは仕事が回らないというチームすらあるのではないでしょうか。そんな方達にお勧めなのがCodiMDです。共同編集をサポートしたMarkdownノートアプリです。## CodiMDの使い方エディタです。...

List

  • 2018/07/21

Fluid Outliner - Webベースのシンプルなアウトライナー

コンテンツを一気に作成するのは大変です。最初から子細に書いていくと徐々に整合性がとれなくなりますし、途中で力尽きてしまう可能性があります。まず大見出しを洗い出し、次に小見出しと言った具合に徐々に掘り下げていくのが良いでしょう。そのために使われるのがアウトラインエディタです。今回はWebベースのFluid Outline...

List

  • 2018/07/20

AstroChart - SVGによる占星術用チャート生成

チャートは実に多彩に存在します。ガントチャートや組織図のようなビジネス向きのものもあれば、地図や路線図と合わせるものなど様々です。何かの情報を分かりやすく伝えるためにはチャートによる可視化が有効です。今回は特殊なチャートを描くAstroChartを紹介します。なんと占星術用のチャートを描くライブラリです。## Astr...

List

  • 2018/07/19

Micron.js - CSSアニメーションをJavaScriptで制御

CSS3によってアニメーション機能が強化されています。JavaScriptで動きを書かなくて良くなっているのは良いことですが、それでもユーザ操作を受けて動かしたり、より細かく制御するためにはJavaScriptの存在は欠かせません。そこで使ってみたいのがMicron.jsです。CSSアニメーションをJavaScript...

List

  • 2018/07/19

browsh - ターミナルで動くモダンなブラウザ

ターミナルで使えるWebブラウザと言えばlynxやw3mが有名です。しかしWebブラウザとしてごく基本的な機能しか提供されておらず、最近のサイトを見ようと思っても殆ど確認できないことでしょう。そこで使ってみたいのがbrowshです。なんと動画の再生までできてしまうターミナル用Webブラウザです。## browshの使い...

List

  • 2018/07/18

Misskey - 分散型マイクロブログサービス

Mastodonが一時期流行って、さらにTwitterがユーザを憤慨させるような施策を続けるのに伴って徐々に離れていく人たちが増えています。人にとって居心地の良い空間はそれぞれあるので、使いやすい場所を選ぶのが良いでしょう。今回紹介するのはMisskey、分散型マイクロブログサービスです。## Misskeyの使い方M...

None

  • 2018/07/18

Treeify - JSONをtreeコマンド風に表示

treeコマンドはエンジニアであれば誰しもが一度は使ったことのあるコマンドではないでしょうか。ディレクトリ構成をCUIで分かりやすく表示してくれます。多段の階層構造を表現するのに適した手法と言えます。そんなtreeコマンド風にJSONを表示してくれるのがTreeifyです。## Treeifyの使い方元のコードです。`...

List

  • 2018/07/17

HTML5 Canvas Drawing App - マウス/タッチ操作に対応したドローアプリ

スマートフォンで文字を入力するのは面倒ですが、画面にタッチ操作できるので指で絵を描いたりするのは簡単です。写真のレタッチであったり、自分が書いた絵をそのままアップロードしたりと絵には様々な使い道があります。今回紹介するのはHTML5 Canvas Drawing App、Webブラウザを使ったドローアプリです。## H...