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

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

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

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

もっと見る

List

  • 2016/09/18

Time Keeper - HTML製のシンプルなタイマー

勉強会などでLTを行う際に重宝するのがタイマーです。アプリでもあるのですが、あまり使い勝手の良いものがありません。特に筆者が主催しているイベントでは自己紹介に25秒タイマーを必要としているのですが、幾つ試してもぴったりくるものがありませんでした。そんな時に知ったのがTime Keeperです。HTML製で、個人的なニー...

List

  • 2016/09/18

Maggie - 画像アップロード前のチェックを簡単に実装

HTML5になって、ファイル選択した際にファイルの内容を取得したり、サイズや画像の種別をチェックしたりできるようになりました。しかしその実装については面倒というイメージがあります。そこで使ってみたいのがMaggieです。指定された画像ファイルを柔軟に扱えるようになります。## Maggieの使い方使い方です。getIn...

List

  • 2016/09/17

City Generator - Web上に動かせる3D地図を表示

JAXAが公開している細かいメッシュでの地球上の高度データを使ってどんなことができるのか。主な目的は災害対策であったり、都市計画を立てる際の基礎データになるのですが、そういった目的で使う人は限られた業界の人たちになるでしょう。もっと面白い使い方が考えられれば、地図データの活用幅も広がります。今回はその一つ、City G...

List

  • 2016/09/17

Quasar Framework - SPA/ハイブリッドアプリを想定したHTML5デザインフレームワーク

Cordovaに代表されるHTML5/JavaScriptを使ったスマートフォンアプリ、いわゆるハイブリッドアプリは海外では普及しています。HTML5やJavaScriptの実行速度が速くなったので、多くの目的において十分なパフォーマンスを出すようになっています。そんなハイブリッドアプリから通常のWebサイトまで幅広く...

List

  • 2016/09/16

Web Quick Editor - Google Driveに保存するサーバレスなメモ帳

メモをしようと思った時にエディタを開いたり、ファイルを新規作成してメモして保存…などというのはとても面倒です。簡単に呼び出して内容を記述して閉じて終わり、というくらいの素早さが必要です。そこで使ってみたいのがWeb Quick Editorです。Google Driveチームが作ったサンプルテキストエディタです。## ...

None

  • Premium_s 2016/09/16

理解できる仕様書を書くために必要な6つのこと

最近、人様の書かれた仕様書をチェックする機会が何度かあったのですが、その多くが非常に分かりづらいものでした。書いているのは日本人ですし、読み手も日本人なのですが確実に齟齬が発生するだろうと分かるものです。そこで今回は人が理解できる仕様書を書くために最低限注意して欲しい6つのことを紹介します。### 主語述語をはっきりさ...

List

  • 2016/09/16

HumanInput - マウス、キーボードショートカット、音声認識までこなす入力検知ライブラリ

コンピュータへの入力方法はかつてに比べて大幅に増加しています。キーボードとマウスを使っていた時代はすでに古く、WebブラウザだけでもマイクやWebカメラのような入力方法もあります。今回はそうした多彩な入力方式をサポートするHumanInputを紹介します。## HumanInputの使い方まずは拍手を検知するデモです。...

List

  • 2016/09/15

ReDoc - Swagger/OASを使ったWeb APIドキュメントジェネレータ

開発者向けドキュメントの基本と言えるのがAPIドキュメントです。ライブラリだけでなく、最近ではWeb API向けのドキュメントも増えてきました。そのデファクトフォーマットになろうとしているのがSwagger/Open API Specification

List

  • 2016/09/15

Gitinspector - Gitリポジトリを解析するコマンド

GitHubリポジトリを解析すると様々な情報が得られます。誰が一番協力しているかであったり、どういった言語が使われているか、いつから更新が止まっているかなど興味深い情報が多いです。今回紹介するGitinspectorもそんなツールの一つです。自分のはもちろん、オープンソースのプロジェクトで使ってみると良いでしょう。##...

List

  • 2016/09/14

lightgallery.js - フル機能が揃った写真/動画ギャラリー

写真や動画はコンテンツの質はもちろんのことながら、その見せ方も大事になります。ただ一覧に貼り付けるだけでは魅力に欠けるでしょう。そのためのギャラリーソフトウェアも幾つか存在します。今回は写真と動画コンテンツに対応したギャラリーライブラリ、lightgallery.jsを紹介します。## lightgallery.jsの...

List

  • 2016/09/14

easel - Markdownからリーン・キャンバスを生成

リーン・キャンバスは企画書や事業計画書を作るための思考フレームワークです。課題やソリューション、顧客セグメントなどあらかじめ決められている項目に合わせてリストアップしていくことで30分程度で事業計画書を作ることができます。多くはPDFなどのテンプレートに合わせて作るのですが、今回はMarkdownベースのeaselを紹...

None

  • Premium_s 2016/09/14

適切な報告方法とは?

GitHubのIssueや会社のホウレンソウなど、人に対して状況を報告する機会は日々存在します。そんな時に指定されたフォーマットで提出を求められることが多いのですが、その問題点と改善案を紹介します。## 仕事の固定化を生む決められたフォーマットでレポーティングするのはうっかり漏れを防ぐのには役立ちますが、思考が固定化さ...

List

  • 2016/09/13

Eskil - マルチプラットフォーム対応のGUI差分表示ツール

バージョン管理システムを使っているとよく使うDiffツールですが、それ以外でも使いたいと思うケースは多いでしょう。特にオフィスではフォルダやファイルをコピーして使い回すこともあり、どれが最新で何が違うのか分からなくなったりします。そこで使ってみたいのがEskilです。マルチプラットフォーム対応のGUI差分ツールです。#...

None

  • 2016/09/13

PowerShell - WindowsのPowerShellがオープンソース化!

Windowsのシェルとしてはコマンドプロンプトで普通に使うものの他、PowerShellがあります。.NETと連携したり、WindowsのAPIを触るのに適したシェルです。コマンドが特徴的ですが、運用を自動化するのに使っている方も多いでしょう。そんなPowerShellがオープンソース化されました。しかもそれによって...

List

  • 2016/09/12

SmoothCSV 2 - マクロを備えたJava製のCSVエディタ

システム開発をしていると、CSVファイルを利用する機会がまだまだあります。面倒だとは思いつつも編集している人は多いのではないでしょうか。しかし、そこでExcelなどを使うと文字種が自動で変換されてしまって予期せぬ不具合に繋がるケースもあります。そこで使ってみたいのが純粋なCSVエディタです。今回はSmoothCSV 2...

List

  • 2016/09/12

Brainstorm - Markdownが使えるカード型ノートアプリケーション

自分の頭の中にある情報をすべて書き出すことができたら、どれだけ幸せでしょうか。人の脳は記憶しておいてもすぐに忘れてしまいますが、書き出しておけばそんなことなくなります。さらに記憶ではなく、考えることに脳を使えるようになるでしょう。情報を書き出しておくのに便利なのがノートアプリケーションです。今回はその一つ、Brains...

List

  • 2016/09/11

jQuery Bootgrid - jQueryでBootstrapのテーブルをパワーアップ

テーブル(グリッド)は多くのシステムの中で使われます。そのため、利用者からは多くの要望が寄せられるポイントでもあります。場合によってはExcelのような表計算並の機能を求められることもあるでしょう。そんな機能を一つ一つ作り込んでいたら幾ら時間があっても足りません。そこで使ってみたいのがjQuery Bootgridです...

List

  • 2016/09/11

NEditorJS - ビジュアルプログラミング環境の基盤にどうぞ

ビジュアルプログラミングの多くはノードがあり、それらをマウスでくっつけて処理を繋げていきます。各ノードには機能があり、必要に応じて処理判定を行うノード、繰り返し処理を行うノードを選択します。そういったビジュアル化された環境を提供するのがNEditorJSです。工夫次第で様々な使い方が考えられるでしょう。## NEdit...

List

  • 2016/09/10

JpegCamera - Webカメラの映像を画像化

最近のノートPCではWebカメラが搭載されるのも当たり前になっています。そしてHTML5ではWebカメラから映像の取り込みが可能です(Safariはできませんが)。しかしなかなか活用事例は多くありません。そこにはWebカメラから取り込んだ映像を画像ファイル化したりするのが面倒という問題があります。そこで使ってみたいのが...

List

  • 2016/09/10

Selection Sharer - ブログやサイトのシェアをスムーズに

ブログ記事などを見ていて、気になった文章があったらシェアしたくなるでしょう。そんな時に文字列をコピーしてメーラーやソーシャルメディアを開いて、リンクなども貼り付けて…なんてやっていたら面倒でシェアを止めてしまうでしょう。Mediumでは選択した文字の上にツールチップを表示してすぐにシェアできますが、同様の機能を提供する...