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

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

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

2017/11/11
プロジェクトを遅延させないコミュニケーションパス管理
2017/10/28
2017年09月の人気ソフトウェアまとめ
2017/10/03
面倒な仕事は分解しよう

もっと見る

List

  • 2017/10/03

avogadr.io - 分子構造を壁紙に

化学が好きな人であれば誰でも一つは好きな分子構造があるはずです(たぶん)。より複雑なものが好きだったり、複雑そうに見えて実はとてもシンプルな構造に惹かれたりすることもあるでしょう。そんな分子構造を生成できるのがavogadr.ioです。## avogadr.ioの使い方例です。恐らくカフェイン。!

List

  • 2017/10/03

Electroshot - ElectronでWebサイトのスクリーンショットを取得

Webサイトのスクリーンショットを必要とする機会は多いです。Webブラウザをそのままキャプチャしても良いですが、Webブラウザの枠や機能拡張が写ってしまうのが問題です。また常にデスクトップとは限らず、異なるウィンドウサイズで指定したい時もあるでしょう。そこで使ってみたいのがElectroshotです。Electron製...

List

  • 2017/10/02

Captura - 画像/動画に加えて録音にも対応したスクリーンキャスト

デスクトップの操作やスクリーンショットを撮る機会は意外とあります。作ったシステムのヘルプを作る際であったり、動画で操作を説明する際などです。もちろんMOONGIFTのようにソフトウェアを紹介する場合もスクリーンショットやスクリーンキャストを必要とします。Windows向けにも幾つかソフトウェアがありますが、今回はCap...

List

  • 2017/10/02

UI Recorder - node.js製のSelenium IDE代替

Selenium IDEが最新のFirefoxで動かなくなりました。これに伴い、新しいAPIで動くIDEも開発がスタートしたようですが、それを待つのも辛いでしょう。かといって旧バージョンを使い続けるのも問題です。そこで使ってみたいのがUI Recorderです。新しく登場したSelenium IDEライクなWebブラウ...

List

  • 2017/10/01

Hack - ソースコードのためのフォント

プログラミング用のフォントは何を使っているでしょうか。すでに世の中にはたくさんのフォントがあるので、好みによって千差万別でしょう。しかし見やすいフォントであれば文字の識別も容易になってバグも減りますし、何より書いていて快適です。今回はそんなプログラミングフォントの一つ、Hackを紹介します。## Hackの使い方こちら...

List

  • 2017/10/01

Nulis - 文章を書く人のためのツリーエディタ

文章を書くときにはまず構成を考える必要があります。章立てを考えて、その中で何を書くのかを順番に決めていきます。段階的に掘り下げていくことで、その中で何を書くべきかを明確にしていけるでしょう。そんな時に役立つのがNulisです。文章を書くためのツリーエディタです。## Nulisの使い方メイン画面です。幾つかのブロックに...

List

  • 2017/09/30

ドラえもんのタイトルジェネレーター - ドラえもんで脳内再生されるタイトル画像ジェネレータ

ドラえもんと言えば国民的アニメです。アニメやテレビは見ないという人でも、一度は最初のタイトルコールを見たことがあるのではないでしょうか。そして表示された文字がドラえもんの声で(世代によって分かれると思いますが)再生されることでしょう。そんなドラえもんのタイトルを生成してくれるソフトウェアがドラえもんのタイトルジェネレー...

None

  • 2017/09/30

Linguist - プロジェクトで最も使われているプログラミング言語は何か

ソフトウェアを紹介する際に、それが何の言語で作られているのかを書くようにしています。そんな時、GitHubの言語の割合を表示してくれる機能がとても便利だったりします。ライブラリを探す際にもカスタマイズできるプログラミング言語のが良いので、そのソフトウェアが何でできているかは大事な情報になるでしょう。そんなGitHubの...

None

  • 2017/09/29

devd - Go製の開発用HTTPサーバ

開発する際にローカルにHTTPサーバを立てるのは当たり前になっています。スクリプト言語を使ってワンライナーでHTTPサーバを立てるのも良いですが、あまり機能がなさ過ぎるのが残念です。せめてライブリロードくらい欲しいでしょう。そこで使ってみたいのがdevdです。Go製の開発用HTTPサーバです。## devdの使い方de...

List

  • 2017/09/29

Blazer - SQLを使ってデータベースから有益な情報を引き出そう

ビジネスの根幹にはデータベースがあります。日々の業務を通じて蓄積されていくデータをいかに検索し、有益なデータを抽出するかがビジネスの成否を決めると言っても過言ではないでしょう。そのために必要なのがSQLを自由に実行できる環境です。今回はBlazerを紹介します。## Blazerの使い方最初の画面です。データが一覧表示...

List

  • 2017/09/28

pong - pingと打ち間違えると実行されるゲーム

pingコマンドはよく使われますよね。でも、よく使っているコマンドほどタイポが増えがちです。例えばlsコマンドはslと打ってしまうことが多々あります。そのためにslコマンドが作られています。ではpingだとどうなるか。pongと打ってしまった時に実行するのがpongです。## pongの使い方こんな感じです。```$ ...

List

  • 2017/09/28

Database to PlantUML - データベースの内容からER図を生成

システム開発時にER図を作ることはよくあります。しかし図を作ったとしても、それがデータベースに反映できなかったら絵に描いた餅でしかありません。できれば同期されて欲しいと考えるはずです。今回紹介するDatabase to PlantUMLは現状のデータベース構造を読み取って、PlantUML形式にしてくれるソフトウェアで...

None

  • 2017/09/27

oxipng - PNGを圧縮してサイズ軽減

PNGは広くWebで使われるようになっています。写真のような画像を除けば、大抵PNGになっているのではないでしょうか。PNGには可逆圧縮機能があり、圧縮することでサイズを大幅に軽減できます。そうやって縮小すればインターネット全体の転送量を大幅に下げることだってできるでしょう。手元の環境で試すならoxipngを使ってみま...

None

  • 2017/09/27

jsweet - JavaからJavaScriptへ変換

JavaScriptはWebブラウザ上で動作することが保証されている唯一のプログラミング言語なので、Webに関わる開発をする方にとっては必修の存在と言えます。しかし、それでも書きたくないという方も多いでしょう。そこで今回はJavaプログラマに使ってみて欲しいjsweetを紹介します。コンパイルするとJavaScript...

List

  • 2017/09/26

Phosphor Float Area - 自由度の高いレイアウト変更ライブラリ

業務システムなどでは情報をいかに分かりやすい整理できるかが作業効率化の肝になります。しかし担当する業務であったり、作業によって必要な幅は違ったりします。そうした時にユーザ毎に好きな配置に変更できる仕組みは便利です。使えるライブラリはPhosphor Float Areaです。## Phosphor Float Area...

List

  • 2017/09/26

C0 - macOSで2Dアニメーション作成

アニメーションを作るのは簡単なことではありません。モーションであれば最初と最後を決めるだけで中間は自動的に補完してくれますが、細かい動きは自分で一コマ一コマ決めていく必要があります。今回紹介するC0は細かくコマを設定するアニメーションツールです。## C0の使い方メイン画面です。絵を描いて、次のカットでは薄くなった部分...

None

  • Premium_s 2017/09/26

人と違うことをしよう

筆者は人によく「変わっている」と言われることが多いのですが、時に違和感を感じることがあります。元々、個人事業主であったり、一人法人だった期間が長いので、人と同じことをやる方がリスクだったりします。特に開発系などはあっという間に自分よりも若い世代が現れます。もちろん効率などを含めればまだまだコーディングスキルは負けないと...

List

  • 2017/09/25

Mobiledoc Kit - 好みのWYSIWYGエディタを作る

世の中には多くのWYSIWYGエディタが存在します。どれもそれぞれに特徴があり、選択が多くて迷ってしまうでしょう。しかし、それでもなお自分の目的にぴったりと合っていないことがあるかも知れません。そこで使ってみたいのがWYSIWYGビルディングキットです。今回はMobiledoc Kitを紹介します。## Mobiled...

List

  • 2017/09/25

Megadraft - Draft.JSをベースにしたリッチテキストエディタ

Facebookが開発している、WYSIWYGエディタのベースになるDraft.JS

List

  • 2017/09/24

smoothState.js - 滑らかな画面遷移を提供

スマートフォン向けのWebサイトなどでは画面遷移が大事です。普通のURLを遷移するような動きではUXがよくありません。新しいコンテンツがスライドしてきたり、前の画面と滑らかに入れ替わることでユーザの意識を切らさずに操作を継続できるようになります。そうした動きをサポートしてくれるライブラリがsmoothState.jsで...