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

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

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

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

もっと見る

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...

None

  • 2018/07/17

transfer.sh - コマンド一つでファイルアップロード&共有

手元にあるファイルをすばやく別な人に渡したいと思ったことはないでしょうか。macOS同士であればAirDropが使えますが、異なるOSの場合はそうはいきません。USBドライブを使ったり、メールしたりするのも面倒です。そこで使ってみたいのがtransfer.shです。コマンド一つでファイルを共有できるソフトウェアです。#...

List

  • 2018/07/16

RoRdit - Ruby on Rails製のRedditクローン

何かのプログラミング言語、フレームワークを覚える上で良い方法の一つが、有名なソフトウェアを真似てみるというのがあります。何か作ってみるのは良いことですが、アイディアが沸かない時にはすでにある有名なものを自分でも作ってみると良いでしょう。今回はその一つ、RoRditを紹介します。コミュニティサイトで有名なRedditをR...

List

  • 2018/07/16

BoxIcons - シンプルで使いやすいアイコンセット

テキストによる説明よりもアイコンの方が分かりやすいケースは多いです(逆もありますが)。アイコンは言語を超えて使えるので、多言語対応しなければならない場合にもほぼ同じものが使えます。今回は400を超えるシンプルなアイコンセットを提供するBoxIconsを紹介します。## BoxIconsの使い方一例です。単色で分かりやす...

None

  • 2018/07/15

iTunes CLI - iTunesをCLIで操作

iPhone、iPadが流行っているので、iTunesを共に使っている方は多いでしょう。しかし、機能が多すぎて動きがもっさりしていたり、巨大なUIを扱いたくないと思っている人もいるはずです。そんな方にお勧めなのがiTunes CLIです。iTunesをCUIから操作できます。## iTunes CLIの使い方iTune...

List

  • 2018/07/15

C2Rust - C言語をRustに変換

WebAssemblyを記述できる言語としてはRustやC、C++、C#などがありますが、改めてRustを学ぶのを躊躇してしまっている人もいるでしょう。Cなら分かるという方なら多数いるはずです。そんな方に使ってみて欲しいのがC2Rustです。Cで書いたコードをRustに変換します。## C2Rustの使い方元々のコード...

List

  • 2018/07/14

Clippy - スクリーンショットやクリップボード管理など機能が詰まったユーティリティ

小さい機能で便利なソフトウェアは多数存在します。しかし、それらを個別にインストールしていると、常駐するソフトウェアが嫌というほど増えてしまうでしょう。それはそれで困りものです。そこで使ってみたいのがClippyです。小粒ながら便利な機能を多数提供するユーティリティです。## Clippyの使い方Clippyの一機能、ス...

List

  • 2018/07/14

Gesture Helper - Webブラウザのスワイプ操作、ズームを検知

スマートフォンはこれまでにない操作を生み出しました。例えばスワイプ操作であったり、ズームやパンといった操作もインタラクティブに行われます。デスクトップとの整合性を取るのに苦労することもあるでしょう。そこで使ってみたいのがGesture Helperです。スマートフォンのみならず、デスクトップでもスワイプ操作などを可能に...

List

  • 2018/07/13

Rabbit Ear - 折り紙をWeb上で表現

折り紙は日本が世界に誇れる文化です。海外によく見られるペーパークラフトとは異なり、一枚の紙を切らずに折りきるところに折り紙の良さがあります。できあがった形だけを見ると、どう折ったらこうなるのかと疑問に思うことさえあるでしょう。そんな折り紙をWeb上で表現するのがRabbit Earです。## Rabbit Earの使い...