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

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

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

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

もっと見る

None

  • 2016/03/22

tracker - 配達状況チェックを自動化

何度も行う作業は自動化したり、スクリプトによって改善できる可能性があります。それを考えずに、日々なんとなく繰り返してしまっていたりしないでしょうか。今回はその一例として宅配を考えてみましょう。宅配状況を確認する際には各宅配業者のサイトに行って、送り状番号を入力します。そんな作業を自動化してくれるのがtrackerです。...

List

  • 2016/03/21

TableFilter - HTMLテーブルのフィルタリング

業務システムで必ず求められるのがテーブルベースの一覧表示です。件数が少ない時にはただ表示するだけで十分ですが、数百件を越えるようになると様々な要望があがってきます。その一つがフィルタリングではないでしょうか。HTMLのテーブルに対してフィルタ機能を追加してくれるのがTableFilterです。検索とはまた違う手軽なフィ...

List

  • 2016/03/21

xterm.js - JavaScriptで作られたWebベースのコンソール風UI

クラウドサービスの中には、Webブラウザからサーバにログインして操作できるような機能を提供しているものがあります。エンジニアであればWeb上で設定するのではなく、コンソールで操作した方が手軽と言うことは多いかと思います。そんな機能を実現してくれるソフトウェアがxterm.jsです。JavaScriptで作られたターミナ...

List

  • 2016/03/20

asciimatics - アスキーアートでアニメーション

最近CUI関連のツールに注目が集まっています。グラフィックスを駆使してまるでGUIアプリケーションのようなUIを再現したり、画像を表示するなどGUIを使わずとも多くの機能が実現できるようになっています。今回はそんなCUIでの高度なテクニックの一つを紹介します。asciimaticsはCUIでアニメーションを実現します。...

List

  • 2016/03/20

React-designer - React製のベクターグラフィックスエディタ

Reactを使った多くのコンポーネントが出てきました。Reactの利点として、デザインも一緒になっているので再利用しやすいということが挙げられます。そのため、良いコンポーネントだと思ったら、自分のプロジェクトに取り込むのも難しくないでしょう。今回はその一つとしてReact-designerを紹介します。Reactで作ら...

List

  • 2016/03/19

GrapesJS - Web上で動作するオーサリング/テンプレートエディタ

Web開発用のオーサリングソフトウェアと言えばDreamweaverですが、価格や使いこなせないことを考えて購入まで至れない人は多いのではないでしょうか。それにWebブラウザ上でデザインした方がレンダリングエンジンによる差異に悩むこともありません。そこで使ってみたいのがGrapesJSです。Webブラウザ上で動作するオ...

None

  • 2016/03/19

Vorpal - node.js用のCLIツール開発用フレームワーク

最近、nodeでCLIツールを書くことも増えてきました。単純に実行するだけなら簡単ですが、オプションをつけたり、ヘルプやパイプでの実行などCLIに欲しい機能を考えると色々面倒になります。そこで使ってみたいのがCLIツールを作るためのフレームワークです。node向けにVorpalを紹介します。## Vorpalの使い方ま...

List

  • 2016/03/18

GLSlideshow.js – WebGLを使ったスライドショー

Web上で写真やスライドを切り替えるスライドショーは数多くあります。その多くはCSS3を使ったアニメーションで切り替えるものが多いかと思います。しかしもっと高度なエフェクトを実装したいと思ったことはないでしょうか。今回はWebGLを使ったスライドショーアプリケーション、GLSlideshow.jsを紹介します。写真のス...

None

  • Premium_s 2016/03/18

業務で使えるオープンソース(186)「テスト」

今回のテーマはテストです。テストの重要性は知りつつも、なかなか工数が確保できないという意見は多々聞きます。キーになるのは開発の効率化とテストファーストの意識になるでしょう。網羅的にすべてのテストを行えば問題ないかと言われるとそうではありません。最低限すべきテストをきちんと行い、その上で自分たちのシステムに合わせたテスト...

List

  • 2016/03/18

MJML - レスポンシブなHTMLメール用テンプレート

今やレスポンシブデザインはWebだけでなく、メールにおいても大事な存在になっています。メールもデスクトップはもちろん、スマートフォンやタブレットで閲覧することもあるでしょう。そんなメール用のレスポンシブデザインを実現してくれるフレームワークがMJMLです。専用の記法で作るのが特徴です。## MJMLの使い方MJMLのシ...

List

  • 2016/03/17

Carrot - iBeaconに。ビーコン専用CMS

今ひとつ流行っていない気もしますが、BluetoothによるO2Oな仕組みとしてiBeaconが知られています。Appleが鳴り物入りでリリースしたのですが、デバイスが絡む分、なかなか使われていないかも知れません。そんなBeacon専用のCMSがCarrotです。ビーコン本体はもちろん、メッセージも管理できます。## ...

None

  • 2016/03/17

azuma - LTの順番に迷ったらプログラムに決めてもらおう

最近の勉強会ではLT、ライトニングトークが行われることが多いです。一人5〜10分くらいの持ち時間で、プレゼンテーションをします。トップバッター、場が暖まってきた中盤、トリの最後とやるべき順番によって聴衆の反応もまちまちでしょう。もし順番で揉めたり、誰も最初にやりたがらないといった時にはazumaを使ってみましょう。##...

List

  • 2016/03/16

API Console - Go製のWeb APIプロキシダッシュボード

Web APIを使った開発が増えています。それに伴って求められるのが開発を効率化するツールです。データをセットしたり、ヘッダーを書き換えたりするのは面倒で、ストレスを感じるのではないでしょうか。そこで使ってみて欲しいのがAPI Consoleです。Webブラウザ上から任意のWeb APIを実行できるツールです。## A...

List

  • 2016/03/16

dragula - 簡単に使えるD&Dライブラリ

Webアプリケーションではドラッグ&ドロップインフェースがよく使われます。ファイル管理風のUIを使う場合もそうですし、リストの並び替えであったり、Gmailのようなメーラーでも使われる機能です。そんなWeb上でのドラッグ&ドロップ操作を実現してくれるのがdragulaです。とても手軽に使えそうです。## dragula...

List

  • 2016/03/15

Atomic Chrome - Google ChromeのテキストエリアをAtomで編集

筆者は去年まではEmacsユーザだったのですが、Atomに乗り換えて勉強中です。キーバインドはEmacs風にしているのですが、モダンな開発環境を整えるならAtomが一番早いのではないでしょうか。そんなAtomの活用を広げてくれるソフトウェアがAtomic Chromeです。任意のテキストエリア編集をAtom上で行えるよ...

None

  • Premium_s 2016/03/15

業務で使えるオープンソース(184)「全天球動画」

今回のテーマは全天球動画です。個人的に2016年に一気に花開くのではないかと考えている技術の一つです。ハードは後もう一段階の進化でほぼ固まってくると思いますので、次はソフトウェアの世界になるでしょう。今回は全天球動画の現状と可能性、そして関連オープンソース・ソフトウェアを紹介します。## 画質は4Kに2015年くらいか...

None

  • 2016/03/15

mas - Mac OSXのApp StoreをCUIで使う

Mac OSXにはスマートフォンのようにアプリストアが存在します。これを使うことでアプリケーションが探しやすくなったり、インストールが容易になると言ったメリットがあります。しかし問題はApp Storeアプリが重たく、使い勝手が悪いということです。そこで使ってみたいのがmasです。CLIベースでアプリのインストールがで...

List

  • 2016/03/14

PileMd - Todoやミーティングメモに最適なMarkdownエディタ

世の中にはMarkdownエディタと呼ばれるソフトウェアが幾つも存在します。その多くは左側にエディタ、右側にプレビューがあります。この形式に慣れすぎて、特徴がなくなってしまっているのも事実です。そこで使ってみたいのがPileMdです。サムネイル機能付きのMarkdownエディタです。## PileMdの使い方PileM...

None

  • 2016/03/14

git-trend - GitHub Trending repositoriesを調べられるコマンド

GitHubでは人気のあるリポジトリをGitHub Trending repositories

List

  • 2016/03/13

Drawingboard.js - 自分のサイトに埋め込めるドローライブラリ

Canvasの利用例として、ドローイングはよくあります。その多くはドロー機能メインのWebサイトで、コラボレーションしたり、画像として保存できるものになるでしょう。しかし皆がみんな、ドローイングサイトを作りたい訳ではありません。そこで使ってみたいのがDrawingboard.jsです。自分のサイトに組み込んで使えるドロ...