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

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

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

2017/04/21
チームの生産性を高めるためにできること
2017/04/18
分散型システムの利点、欠点について
2017/04/07
2017年03月の人気ソフトウェアまとめ

もっと見る

List

  • 2017/03/29

Gutenberg - Webページの印刷用フレームワーク

Webの印刷機能は貧弱です。そのため多くのレポートはHTMLではなくPDFなどに出力されます。日本の業務システムは特に印刷内容の細かい制御が求められるのではないでしょうか(経済合理性はさておき)。もっと手軽に印刷指定を行いたい、という方はGutenbergを使ってみましょう。モダンな印刷を実現するためのフレームワークで...

None

  • 2017/03/29

fsq - ファイルシステム向け問い合わせ言語

Linuxなどでファイルを検索する場合はfindコマンドを使います。多くのコマンドがそうであるように、コマンドのオプションや引数の順番を覚えないと使いこなすことはできません。もっと十分さが欲しいときもあるでしょう。そこで作られたのがfsqです。ファイルシステムへの問い合わせ言語です。## fsqの使い方カレントディレク...

None

  • Premium_s 2017/03/29

業務で使えるオープンソース(227)「Markdown変換」

今回のテーマはMarkdown変換です。Markdownは便利なフォーマットで、一度Markdownで書いておけば多種多様なフォーマットに変換できます。しかし、すでにある資産についてはそのまま放置されがちです。そこで知っておきたいのがMarkdownに変換するタイプのソフトウェアです。それを使うことで既存資産をMark...

List

  • 2017/03/28

HTML5 Bombergirl - HTML5製のボンバーマン

最近のゲームはやり方を覚えるまでにそれなりに時間がかかります。そのため、時間がない人は遊びたくともなかなかできません。その点、昔ながらの古典的ゲームであれば操作もシンプルですぐに遊べます。今回は昔懐かしいボンバーマンをWeb上で再現したHTML5 Bombergirlを紹介します。## HTML5 Bombergirl...

List

  • 2017/03/28

Clappr - 機能拡張できるWeb用動画プレイヤー

動画コンテンツが一気に広がっています。スマートフォンやアクションカメラ、360度動画など様々な撮影デバイスも登場しており、今後もますます利用が広がっていくことでしょう。そんな動画コンテンツで必要なのがプレイヤーです。今回紹介するClapprは機能拡張がサポートされた動画プレイヤーになります。## Clapprの使い方使...

List

  • 2017/03/27

Resumable.js - HTML5 File APIを使ったリジューム付きファイルアップローダー

Webで面倒に感じるのがファイルのアップロードです。特に途中でネットワークが切れた時には大きなストレスになります。1回で数百MB、数GBの大きなファイルをアップロードするとなればリジューム機能が欲しくなるはずです。そこで使ってみたいのがResumable.jsです。HTML5のFile APIを使ってリジューム機能を実...

List

  • 2017/03/27

Console Importer - DevToolsで外部ライブラリをインポート

Google Chromeの開発者ツールを使っていて、外部のライブラリを使いたいと感じることは多々あります。そんな時にはJavaScriptのコードをすべて貼り付けたり、スタイルシートを動的に生成して読み込む手があります。しかし毎回やるのは面倒です。そこで使ってみたいのがConsole Importerです。簡単に外部...

List

  • 2017/03/26

Smart Answers - インタラクティブに進めて答えが得られるシステム

世の中には計算が若干面倒という場面が多々あります。例えば通貨の換算であったり、カロリーの計算なども面倒でしょう。そうした時、ロジカルに考えていく方法が分かっていれば、考えるプロセスはとてもシンプルになります。そうした思考プロセスを補助してくれるソフトウェアがSmart Answersになります。## Smart Ans...

List

  • 2017/03/26

ffscreencast - ピクチャインピクチャのスクリーンキャストを簡単に

実況動画などで一つの動画上に別な動画(Webカメラの映像など)を載せることがあります。いわゆるピクチャインピクチャですが、自分で作成しようと思うと意外と面倒です。スクリーンキャストしながらWebカメラの映像を録画しなければならず、後で時間を合わせて結合しなければなりません。そこで使ってみたいのがffscreencast...

List

  • 2017/03/25

WebPack Playground - WebPackをWeb上で体験しよう

JavaScriptの利用範囲が広がるのに合わせてライブラリを使ったり、ソースコードが分かれているのを統合したりする必要が出てきました。その際に使われているのがBrowserifyであったり、WebPackです。今回はWebPackをWebブラウザ上で体感できるWebPack Playgroundを紹介します。## W...

List

  • 2017/03/25

macSVG - macOS用のSVGエディタ

SVGがいくらテキストベースだといっても、手入力で作成しようと考える人はまずいないでしょう。専用のドローソフトウェアがなかったらとても作ることはできません。かといってその手のソフトウェアは効果なのが常です。そこで使ってみたいのがmacSVGです。GUIで簡単にSVGコンテンツが作成できます。## macSVGの使い方新...

None

  • Premium_s 2017/03/25

やらないことを探す

個人の時間は1日24時間と決まっていて、その中でも働く時間は1日8時間と決まっています。時にそれをオーバーして働く人はいますが、残業ほどムダなものはないです。働くことだけが人生ではありませんので、ムダなことをしている暇はないはずです。今回は勤務時間中のムダを削り落とす上でどう探していくかを紹介します。## 時間がかかっ...

List

  • 2017/03/24

LayaAir - 一つの言語からFlash/HTML5/モバイル向けにコード出力できるアニメーションエンジン

HTML5によって(またはiOSによって)Flashは絶滅に瀕しています。問題はFlashがなくなった後の世界でいかに効果的なアニメーションやインタラクティブな操作を実現できるかです。HTML5でできますが、非常に面倒でしょう。そこで使ってみたいのがLayaAirです。ゲームやアニメーションで使えるレンダリングを行って...

List

  • 2017/03/24

Blear - 写真をぼかして印象的な壁紙を生成

iPhoneの壁紙はこだわっていますか。筆者は全くなので、ほぼデフォルトのまま過ごしているのですが人によって毎週のように変更している人もいます。その際に選ぶのは自分のアルバムからと言う人も多いでしょう。そんな方に使ってみて欲しいのがBlearです。写真をぼかして印象的な壁紙を生成します。## Blearの使い方起動しま...

List

  • 2017/03/23

Monster Hunter Pocket - モンハンにインスパイアされたミニゲーム

ゲームは一つだけの目的では長続きしません。時に変化となるようなちょっとしたおまけがあると良いでしょう。それはボーナスゲームであったり、サブクエストだったりします。ミニゲームもその一つです。今回紹介するMonster Hunter Pocketはモンスターハンターにインスパイアされたミニゲームになります。## Monst...

List

  • 2017/03/23

Shape Shifter - 異なるSVGに変化するアニメーションを生成

SVGとこれまでの画像バイナリと決定的に違う部分はなんと言ってもプログラムから操作しやすいということでしょう。アニメーションの定義などはSVG内でもできますが、より詳細なアニメーションはJavaScriptで制御できます。そんなSVGを使って形状変化するアニメーションを定義できるのがShape Shifterです。##...

List

  • 2017/03/22

ag-Grid - 業務要件の殆どを満たせそうなグリッドライブラリ

業務システムなどをWebベースで作っていると求められるのがリッチなグリッド機能です。ヘッダの固定、フィルタリング、チェック、カラムの順番変更、一回あたりのデータ表示件数変更…挙げれば実にきりがありません。そこで使ってみたいのがag-Gridです。ほぼこれでニーズを満たせるのではないかというくらいリッチなグリッド機能を提...

List

  • 2017/03/22

Helpy - モバイルファーストなヘルプデスクシステム

Webサービスに限らず、何らかのプロダクトやサービスを提供する際にはサポートが必須になります。無償サービスであればコミュニティベースでのサポートもありますが、有償な場合は一対一のサポートが求められるでしょう。そこで使ってみたいのがHelpyです。モダンなデザイン、モバイルファーストなヘルプデスクです。## Helpyの...

None

  • 2017/03/22

言語の壁が作るメリット・デメリット

最近、頻繁に海外に行くようにしています。一昨年と去年はカンファレンスへの参加がメインで、今年は現地でミートアップをはじめています。そんな中、感じるのが現地と日本での言語の壁です。言語の壁は良い面、悪い面の両方があります。今回はそんな体験から得た話です。## 英語が通じる国はグローバルに乗っ取られやすい英語が通じる国であ...

List

  • 2017/03/21

CanvasEffect.js - Canvasで画像にエフェクト

HTML5のCanvasを使うと画像を取り込んで表示し、エフェクトを行うことができます。しかしCanvasの扱いは意外と面倒で、コードも多くなりがちです。そのためメンテナンス性が低くなってしまいます。そこで使ってみたいのがCanvasEffect.jsです。画像を編集するための専用ライブラリとなっています。## Can...