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

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

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

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

もっと見る

List

  • 2015/02/25

DevOOPS - 多数のパターンを用意したBootstrap管理画面

デザインでシステムの品質が決まるわけではありません。しかし、それでも全くデザインされていないシステムよりも見た目が整っている方が安心して使えるでしょう。それは管理画面でも同様です。通常、管理画面は利用者が限定的なため、デザインが適当になってしまいます。そんな寂しい管理画面もDevOOPSを使えば一気に見た目が向上するで...

List

  • 2015/02/24

DiffImg – 画像の差分を表示

開発現場ではDiffを使って変更ポイントをチェックするのが当たり前になっています。バージョン管理とともに使うのが基本ですが、単体でも二つのテキストファイルで更新ポイントを見るのに使われています。DiffImgはその画像版というソフトウェアです。クリエイターの方必携のソフトウェアではないでしょうか。## DiffImgの...

List

  • Premium_s 2015/02/24

どんどん使おう!業務で使えるオープンソース(146)「HTMLメール」

日本では未だにテキストメールが多いのが残念な点です。コンバージョンや受信者の目を惹くという点においてもHTMLメールのが圧倒的に有利です。原因は大きく分けて2つあり、一つはOutlook ExpressのHTMLメール受信時の不具合が多かったこと、もう一つはガラケーの存在だと思います。今ではスマートフォンが主流になって...

None

  • 2015/02/24

gifify - コマンド一つで動画をアニメーションGIF化

アニメーションGIFが人気です。動画とは違って再生ボタンを押したりする手間もなく、音がないのが安心なこともあります。短い間で何度も繰り返されるとじわじわくる動画にぴったりです。そんなアニメーションGIFを動画から作成してくれるのがgififyです。動画とはまた違う面白さを秘めたコンテンツを作ってみてください。## gi...

List

  • 2015/02/23

canvg.js – SVGをパースしてCanvas上に描画

HTML5になってから新しく出てきたグラフィックス要素にSVGとCanvasがあります。Canvasはバイナリとして生成され、SVGはベクターデータでありその使い分けはできるでしょう。しかし逆にSVGデータをCanvas内に描画したい時もあるはずです。そこで使ってみたいのがcanvg.jsです。SVGデータをパースし、...

List

  • 2015/02/23

webrtc-ips - WebブラウザでLANのIPアドレスを知る方法

インターネット上にあるサーバが取得できるIPアドレスはグローバルなIPアドレスです。そしてルータやプロキシをかませば複数人で同一のIPアドレスが使えるようになっています。何をそんな当たり前なことを、と思うでしょう。しかし外部のサーバがLANのIPアドレスを取得できるというのは知っていましたか。それを実証してくれるのがw...

List

  • 2015/02/22

Amanogawa – GitHubのお気に入りリポジトリを一覧

GitHubでリポジトリにスターをつけていますか。開発している方としてはスターがつくと嬉しいのですが、つけている側としてはあまり活用できていませんでした。ウォッチとの使い分けもはっきりしていませんでした。しかしAmanogawaを使うとスターが上手に使いこなせるようになりそうです。スターをつけたリポジトリを一覧できるソ...

List

  • 2015/02/22

iceberg - Luaで拡張できるWindows向け検索型ランチャー

PCでの作業を効率化するためにはランチャーの存在は欠かせません。ファイルもアプリケーションも多くなってきた今、フォルダで厳密に管理するのは無理になってきています。ある程度おおざっぱにフォルダに入れて、後は検索するくらいのがシンプルです。icebergは検索を使ったランチャーで、すぐに使い始めることができます。UIもシン...

List

  • 2015/02/21

Interactive Painter – コラボレーションができるWebペイント

アプリケーションに一つの付加価値を与えるのがシェア(共有)です。一人で使っているものを他のユーザとコラボレーションできるようにするだけで魅力が全く変わってきます。Interactive Painterもその一つです。単純なペイントアプリですが、ここにコラボレーション機能を付与するとどんな魅力が追加されるでしょうか。##...

List

  • 2015/02/21

frame.js - FlashのようにWebGLアニメーションを編集

まだ開発途中ながらこれは期待大!WebGLはHTML5上で3Dグラフィックスを扱うために作られた技術です。その可能性は大いに感じられるところですが、扱うのが難しいためになかなか手出ししづらいものがあります。ごりごりコーディングするのは面倒で、やはり専用のエディタが欲しいと思うでしょう。そのためのエディタになるのがfra...

List

  • 2015/02/20

Compass – Webアプリ製コンパス

HTML5の機能が拡充し、HTML5でもリッチなアプリケーションが作れるようになっています。デスクトップよりもむしろスマートフォンの方が加速度センサ、位置情報、デバイスの向きなど使ってみたいAPIがたくさんあります。そんな機能を盛り込んで作られたのがCompassです。コンパスアプリですが、UIも格好良く使いやすく仕上...

None

  • Premium_s 2015/02/20

ださいサービス

最近MOONGIFTではDevRel(開発者向けPRサービス)を提供しているのですが、そこで大事にしているのは各クライアントの製品、サービスが面白いかどうかです。面白くもないものはいくら宣伝しても流行るわけもなく、宣伝する側も心が痛むものです。特に対開発者ではそうです。そこで今回は自分たちの製品、サービスが対外的に「だ...

List

  • 2015/02/20

Vesper - 格好良いデザインのHTML5音楽プレイヤー

HTML5になって、audio/videoなどマルチメディアを操作するタグが追加されました。それによってFlashなどのプラグインを使わなくともWebブラウザだけで音楽や動画が再生できるようになっています。問題はそれらのタグは最低限の表現しか提供しておらず、より使いやすくしようと思うと独自の実装が必要と言うことでしょう...

List

  • 2015/02/19

Matter.js – モバイルをサポートしたJavaScript物理エンジン

JavaScriptで有名な物理エンジンと言えばBox2Dですが、今回はまた違う選択肢を紹介します。Matter.jsはモバイルにも対応した物理エンジンで、多くの面白い機能が備わったライブラリになります。## Matter.jsの使い方!多数のデモがありますので幾つか紹介します。こちらはよくありがちなブロック。マウスで...

List

  • 2015/02/19

Myrica - Rictyをベースに視認性を向上したプログラミングフォント

プログラマーであればこだわりたいのがフォントです。特に英語は見やすくても日本語がつぶれてしまったり、誤認しやすいフォントを使っていると余計なバグが入り込む可能性が高まります。個人的にはRictyを使っているのですが、さらにそのRictyを継承してプログラマー向けに進化したフォントがMyricaです。## Myricaの...

List

  • 2015/02/18

Blockrain.js – 自動プレイもあるHTML5製のテトリス

テトリスは長い間愛され続けているゲームです。各ゲーム筐体はもちろん、スマートフォンアプリでもWebブラウザでも実装されています。かつてGoogleがパックマンを提供したのと同様、テトリスがあればハマってしまう人は多いでしょう。そんなテトリスを自分のサイトで提供したい方に使ってみて欲しいのがBlockrain.jsです。...

List

  • 2015/02/18

Knowledge - 社内で使えるナレッジベース

社内のナレッジを蓄積するにはどこかに書きためる場所を用意しなければなりません。従来、この手の試みは悉く失敗しており、例えば掲示板であったりWikiであったり、Q&Aなどなかなか動かないと言った問題がありました。もっとカジュアルにさくさく書ける仕組みが必要なのかも知れません。そこで使ってみたいのがKnowledge、その...

List

  • 2015/02/17

Jtop – Web上でデスクトップを再現

WebOSなんてのが数年前に流行りました。Webアプリケーション化の波にのって、OS自体クラウドで提供しようという試みです。なかなか広まってはいないようですが、ChromeOSのようなケースもありますし、クラウドOSは今後可能性があるかも知れません。ということでそのUIのサンプルと言えそうなのがJtopです。Webベー...

None

  • Premium_s 2015/02/17

さぼる仕事術

仕事をさぼるというと怠惰な感じがしますが、今回言いたいのは「余計な仕事をしすぎている」ということです。作ったは良いけれど誰も使わない機能、こだわった割にあまり評価されないデザイン、なぜかやっている毎月のタスク…いつも忙しい、忙しいと感じている方は仕事の適度なサボり方を覚えるのが肝要です。## 品質を上げすぎない2:8の...

List

  • 2015/02/17

JapanSakuraEf - Web上で桜の花びらが舞い散る

2月で寒い日が続きますが、もう少しすれば春になります。春と言えばそう、桜の花見です。とはいえ多忙を極めるITプログラマーはそんな花見にかまけている暇はないかも知れません。そこで使ってみて欲しいのがJapanSakuraEfです。Canvasを使い、Web上で桜の舞い散る様を表現した実に日本らしい表現となっています。##...