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

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

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

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

もっと見る

List

  • 2014/11/26

Battleboat.js - Webブラウザでロボット対手に遊べる海戦ゲーム

トランプをはじめとするシンプルな戦略系ゲームはコンピュータ相手のゲームとはまた違う面白さがあります。個人的には海戦ゲームが好きで、テーブルトークをしながら、相手の考えを読みながら遊ぶのが面白いです。そんな海戦ゲームをWebブラウザ上で楽しめるのがBattleboat.jsです。ロボット相手ですが、一人でも遊べるのが良い...

List

  • 2014/11/25

seisan – Excelの経費精算書を出力するRubyスクリプト

会社で面倒な作業の一つに経費精算があります。立て替えで払うのも面倒なのに、月末で締めて一覧を作る必要があります。面倒で煩雑だからこそ、誰も出したがらなくなるはずです。そこで多少なりとも楽しめるようにしたのがseisanです。YAMLフォーマットで記録しておき、コンバートして経費精算書を出力できるソフトウェアです。## ...

List

  • Premium_s 2014/11/25

テキスト解析の基本!業務で使えるオープンソース(145)「形態素解析」

今回は昔からよく知られている形態素解析についてです。ブログやソーシャルメディアの流行もあって、テキストコンテンツは爆発的に増えています。問題はそれらのテキストをそのまま使うのではなく、テキストから意味を受け取ってその文脈にあった結果を返すことが求められます。精度の高いテキスト解析はSiriのようなアシスタントやAdSe...

None

  • 2014/11/25

WWW-Sitemap-Simple – 簡単にサイトマップを作成するモジュール

サイトマッププロトコルにしたがったXML形式のサイトマップを作成できるモジュールです。インストールもコーディングも簡単です。サイトマップの作成は、アプリケーションやホームページなどさまざまなサイトを更新する際に行う作業ですので、このモジュールを使うことで運用が楽になるでしょう。## WWW-Sitemap-Simple...

List

  • 2014/11/24

Amazon S3 Directory Browser – ApacheのDirectory Index風にS3を閲覧

Amazon S3をクラウドのストレージとして活用している人は多いです。システムから自動保存するだけでなく、普通にファイル置き場と使っていたりします。バイナリファイルを置いて、ファイル配布の場として使っているケースも多いでしょう。そうなると欲しくなるのがファイル一覧、インデックスページではないでしょうか。そこで使ってみ...

List

  • 2014/11/24

Dashboards by Keen IO – グラフを多用したBootstrap管理画面テンプレート

Bootstrapが特に活かされている場面というと、管理画面ではないでしょうか。そこまで画面デザインにこだわらなくてよく、情報設計がきちんとできていれば見栄えの良いUIが作成できます。開発者自らが設計、デザインできるのが手軽で良いです。そんなBootstrapを使った管理画面デザインは多数ありますが、今回はビジュアル化...

List

  • 2014/11/23

Walkway.js – SVGコンテンツを取得して自動アニメーション

HTML5が正式勧告になり、SVGの利用も今後ますます広がっていくものと思われます。ベクターベースのドローができるので拡大表示したとしても綺麗に描けるのが特徴です。さらにもう一つ、アニメーションが書けるというのも特徴です。とはいえSVGアニメーションを作るというのはそうそう簡単ではありません。もうちょっとシンプルなアニ...

List

  • 2014/11/23

Ember-paper - Emberで使えるマテリアルデザイン

Googleの提唱するマテリアルデザインはフラットUIとの親和性が高いこともあって、新しいデザインの中で取り入れられています。主にスマートフォン向けと思われますが、Webデザインにおいても見逃せない存在です。そんなマテリアルデザインをEmberアプリケーションの中で活かせるのがEmber-paperになります。## E...

List

  • 2014/11/22

OpenSeadragon – ズームイン/アウトに対応したWeb画像ビューワー

写真の解像度はどんどん上がっており、もはやパソコンの画面では確認できないくらい小さな部分まで写真に収められるようになっています。そうなると欲しくなるのがズームイン/アウトに対応したビューワーです。スマートフォンやタブレットで見る限りは指で拡大、縮小ができます。同様にデスクトップでも画像の縮小、拡大に対応したビューワーが...

List

  • 2014/11/22

Twemoji - Twitter製。絵文字を画像にパース

iPhoneで絵文字がサポートされるようになって、FacebookやTwitter、GitHubなどでも絵文字が使えるようになっています。同じデバイス、サービスであれば問題はないのですが、外部サービス連携している場合などは絵文字がトウフになってしまうことが多々あります。そんな残念な状態を改善できるかも知れないのがTwe...

List

  • 2014/11/21

CSSViewer – 任意のWebサイトで要素のスタイル設定を確認

Webデザイナーの方で、今表示されているページのスタイルシート設定を確認したいと思ったことはないでしょうか。DevToolsなりを使って確認できますが、スタイルシートごとに分かれていたりしてちょっと分かりづらいです。実際にどのスタイル設定が適用されているか確認したい、そんな目的にぴったりなのがCSSViewerです。#...

None

  • Premium_s 2014/11/21

最近流行のマイコンボードでIoTをはじめよう

今回はマイコンボードの紹介になります。個人的に一通り所有しており、色々触ってみた感想なども含めて紹介します。この手のデバイスはやはり自分の手で触って感触を知っておくのが大事ではないでしょうか。コンピュータ上のプログラミングとは異なり、実際にモノが動くというのはそれだけでも面白いと思います。ぜひチャレンジしてみてください...

List

  • 2014/11/21

Alasql.js - オンメモリで動作するJavaScriptデータベース

JavaScriptを活用したWebアプリケーションを開発している際に、一時的に保存したいデータをどのように扱うかは大きな問題です。何となく変数や配列、ハッシュに保存してしまいがちですが、そのデータの取り出しや更新が面倒だったりします。そこで使ってみたいのがAlasql.jsです。JavaScriptだけで作られたクラ...

List

  • 2014/11/20

Isotope – 格好良いアニメーション付きのフィルタ/並び替えライブラリ

大量の商品があったとしても、ユーザがカテゴリ、色、サイズなどから自由にフィルタリングができる機能があればスムーズに商品選択ができるでしょう。さらに条件に沿ったソートがあると便利です。そんな機能を実装するためのライブラリがIsotopeです。フィルタリング時のスムーズなアニメーションがウリのライブラリです。## Isot...

List

  • 2014/11/20

orange-cat - ファイルウォッチに対応したMarkdownプレビュー

Markdownが普及したこともあって、各種プログラミングエディタがMarkdownのプレビュー機能を搭載するようになっています。もちろんそれはWYSIWYGに対応したエディタに限られるので、自分の好きなエディタが対応していないと残念に感じる方も多いでしょう。そんな方に使ってみて欲しいのがorange-catです。Ma...

List

  • 2014/11/19

Purplecoat.js – JavaScriptを書かずにオーバーレイ表示を実現

クリックで隠れたコンテンツを表示するというライブラリは数多くあります。JavaScriptで書くのも慣れている人であれば難しくないかも知れませんが、DOMを操作するJavaScriptは後々のメンテナンスがよくありませんので避けたいと思うでしょう。そこでオーバーレイ表示をとても簡単に実現するライブラリ、Purpleco...

List

  • 2014/11/19

jQuery Face Detection Plugin - jQueryを使ったWebベースの顔認識ライブラリ

最近のデジカメ、スマートフォンのカメラでは当たり前になっているのが顔認識機能です。その部分だけを明るく補正したり、画像を修正して遊ぶアプリもあります。こういった機能を実現するのにOpenCVというライブラリがよく使われています。jQuery Face Detection Pluginはそんな顔認識機能をWeb上で手軽に...

Missing

  • 2014/11/18

html-inline – HTML/JavaScript/スタイルシート/画像を一つのファイルにラッピング

最近はWebアプリケーション化の流れが活発なので、ちょっとした小さいツールであればHTML/JavaScriptで作ってしまえるでしょう。そういったツールを作るのは簡単ですが、配布が意外と面倒です。HTML/JavaScript/スタイルシート/画像などをZipで固めて配布…というのはあまりかっこうよくありません。そこ...

48799?type=list&url=http%3a%2f%2fimages.moongift.jp%2f2014%2f10%2fscreenshot%25202014-10-05%252014.27.25_thumb.12e13a19f2a661554a70dfecddd36f83

  • Premium_s 2014/11/18

学ぼう&使おう!業務で使えるオープンソース(144)「マテリアルデザイン」

今回のテーマはマテリアルデザインです。Google I/Oで提唱されていらい、様々なライブラリ、フレームワークが登場しています。とはいえ見た目だけでなくフォーカスやクリックしたときのアニメーションも含めて考える必要があるため、なかなか作るのは難しいと思われます。そんな中でも幾つか出てきたマテリアルデザインのフレームワー...

List

  • 2014/11/18

erd – ER図を作成するコマンドラインツール

データベースのダイアグラム(ER図)を作成する Haskell 製のコマンドラインツールです。テキストエディタで定義ファイルを作成し、コマンドを実行することでダイアグラムとなる画像を作成します。データベースを設計する際、テーブルとその関連付けについて全体像を手早く作成したい、そんな時に便利なソフトウェアです。## er...