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

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

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

2017/03/29
業務で使えるオープンソース(227)「Markdown変換」
2017/03/25
やらないことを探す
2017/03/18
業務で使えるオープンソース(226)「スクリーンキャスト」

もっと見る

List

  • 2017/03/11

Snips - Windows用のスニペット管理

プログラミングやメールの文面などでスニペットがあると業務が捗ります。何度も繰り返し同じことを入力するのは面倒ですし、クリップボードは通常一つしかないので使い回しが面倒です。そこで使ってみたいのがSnipsです。すぐに呼び出して使えるスニペット管理です。## Snipsの使い方Snipsの画面です。カテゴライズされていま...

List

  • 2017/03/11

box - ハマりすぎ注意。Webベースの2Dパズルゲーム

もしこの記事を読むのが仕事中であれば、さっさと別なところに移動した方が良いでしょう。プライベートな時間で暇な時にぜひ読んで欲しいです。単純なゲームというのはそれくらい中毒性があるものです。今回紹介するオープンソース・ソフトウェアはbox、Webベースの2Dゲームです。## boxの使い方boxのゲーム画面です。WASD...

None

  • Premium_s 2017/03/10

業務で使えるオープンソース(224)「CSS」

今回のテーマはCSSです。Webページ上でのイベントを補足して何か処理を行おうと思うとついJavaScriptでやってしまいます。開発者にとってはもちろんその方が簡単なのですが、余計なコードが増えてメンテナンス性が悪くなることがあります(特にアニメーション)。そんな時にスタイルシートを使えば解決できるかも知れません。今...

None

  • 2017/03/10

godium - Go製のMedium向けアップロードツール

Mediumは日本では撤退を発表し、苦しんでいる感があります。しかしコンテンツの書きやすさであったり、目指す世界観は素晴らしく、今後の立ち直りに期待する人も多いでしょう。そんなMediumに対してローカルで書いたMarkdownファイルからアップロードできるのがgodiumです。## godiumの使い方godiumの...

List

  • 2017/03/10

Diffy.js - JavaScriptでモーション検知

例えば監視カメラなどで、定常的に流れている情報を常に記録し続けると容量がどんどん大きくなってしまいます。そこで使われるのがモーション検知です。動きがあった時だけ記録するようにすれば容量が削減されます。Webカメラでモーション検知を可能にするのがDiffy.jsです。JavaScriptだけで実現できます。## Diff...

None

  • Premium_s 2017/03/10

業務で使えるオープンソース(223)「SVG」

今回のテーマはSVGです。スマートフォンやノートPCなどがどんどん高画質化する中で、画像などのバイナリファイルがどんどん肥大化しています。今後、ますます高画質化していくとバイナリファイルでは限界が出てくるでしょう。そこで注目したいのがSVGです。ベクターベースのファイルフォーマットで、XMLで記述されています。今回は関...

List

  • 2017/03/09

Chromenu - メニュー常駐型のWebブラウザ

Webブラウザを複数使いこなす人がいます。普段のブラウジング用と開発用で分けると言った具合です。そうすると必要な機能拡張やブックマークも変わるので、重たくなったりするのを防げるようになります。今回はさらに常駐系サイトを登録しておくのに便利そうなChromenuを紹介します。## Chromenuの使い方Chromenu...

List

  • 2017/03/09

kawa - IMEを切り替えるキーボードショートカットを設定

IMEの切り替えはよくあるコンピュータの操作です。日本語と英語だけなら簡単ですが、さらに絵文字、中国語、ロシア語など様々なIMEを使いこなしている人もいるでしょう。その時の入力ソースの切り替えがコマンド+スペースなのは非常に面倒です。そこで使ってみたいのがkawaです。キーボードショートカットでIMEソースを切り替えら...

List

  • 2017/03/08

Kanboard - カンバンをベースとしたプロジェクト管理

プロジェクト管理ソフトウェアにおいてカンバンは欠かせない存在になってきています。特にアジャイルでスプリント管理しているケースは重宝するでしょう。さらに開発以外のタスクについてもカンバンは便利です。そんなカンバンをベースとして発展しているプロジェクト管理システムがkanboardです。## kanboardの使い方ダッシ...

List

  • 2017/03/08

S3 Bucket Listing - Amazon S3のインデックスページを生成

Amazon S3は静的なファイルのホスティングに最適ですが、一覧ページを作れません。静的なWebサイトとして使うのであればindex.htmlを置けば良いですが、単純にファイルを置いているのであれば一覧ページがある方が便利です。あらかじめ生成しておくこともできますが、S3 Bucket Listingを使えばもっと簡...

None

  • 2017/03/07

mdstore - 危険なドメインのリスト

インターネットは便利な仕組みですが、危ないWebサイトもたくさん存在します。プロキシのようなソフトウェアでアクセスを防いだり、Google Chromeなどはアクセスしそうになった時に警告を出してくれたりします。そんな危ないサイトへのアクセスを自己防衛できるのがmdstoreです。## mdstoreの使い方mdsto...

List

  • 2017/03/07

a-table.js - リッチな機能を持ったHTMLテーブルを出力

Web上でのテーブル表示はよく使われているだけに、そのUXが優れているかどうかでサービス全体の印象が変わってきます。Excel並とまでは言いませんが、ソートや絞り込み機能はあると便利です。そんなHTMLテーブルを手軽に優れたUIで提供してくれるのがa-table.jsになります。## a-table.jsの使い方デモで...

List

  • 2017/03/06

HyperApp - 1KBのビューライブラリ

ReactやVue、Riot.js、Angular2などバーチャルDOMを使ったフレームワークが増えています。個人的にはVueが好きなのですが、多くのビューライブラリは大型化し、ちょっとした表示に使いたいというニーズにはマッチしなくなります。そこで使ってみたいのがHyperAppです。1KBのJavaScriptライブ...

List

  • 2017/03/06

wuzz - ターミナル上のHTTPクライアント

Web APIを使った開発などをしていると必要になるのがHTTPクライアントです。ヘッダーを確認したり、返ってくるデータを細かく見たいと思うはずです。しかし手元に良いソフトウェアがないとcurlコマンドを叩いてしまったりします。そこで使ってみたいのがwuzzです。ターミナル上で使えるインタラクティブなHTTPクライアン...

List

  • 2017/03/05

Caption - 字幕を簡単に検索&ダウンロード

海外の映画などで字幕がないと分かりづらいと感じることはあるでしょう。そのためのWebサイトはとても数多く存在しますが、検索が面倒だったりダウンロードするのにユーザ登録が必要なんてケースもあります。そこで使ってみたいのがCaptionです。とても簡単に字幕の検索、ダウンロードができるソフトウェアです。## Caption...

List

  • 2017/03/05

Luxbar - CSS3だけで実装されたレスポンシブなナビゲーションバー

JavaScriptが高機能になり、有効であるのが当たり前になるとちょっとしたアクションであってもJavaScriptで実現したくなります。しかし無効になっている場合やブラウザ間の動作誤差によってうまく動かない場合もあるでしょう。そういった不具合を防止するにはスタイルシートだけで実装するのがベストです。今回はCSSだけ...

List

  • 2017/03/04

drag-drop - HTML5のドラッグ&ドロップAPIをごく簡単に扱う

HTML5で便利になった機能の一つにファイルのドラッグ&ドロップがあります。Webブラウザ上にファイルをドロップしてアップロードしたり、DOMをドラッグ&ドロップできたりします。しかしできるとは言ってもコードをそれなりに書かないと使えないのが難点です。そこで使ってみたいのがdrag-dropです。HTML5のドラッグ&...

List

  • 2017/03/04

html-docx-js - Web上でWordファイルを生成

MS Officeのファイルはデファクトといって言いほど広く使われるようになっています。企業なども特に何も気にすることなくMS Officeのファイルをメールで送信したりします。これが他のオフィススイートをであればそうはいかないでしょう。もしあなたがMS Wordを持っていないならばhtml-docx-jsを使って生成...

None

  • 2017/03/03

Breakdance - HTMLをMarkdownに変換するライブラリ

Markdownが流行っています。とりあえずMarkdownで書いておけばHTMLはもちろん、PDFなどにも展開できます。しかしこれまでに書いた資産はどうしたら良いでしょうか。WYSIWYGエディタで作られたHTMLコンテンツは捨て置くしかないのでしょうか。そんなことはありません。Breakdanceを使えばHTMLコ...

None

  • Premium_s 2017/03/03

2017年02月の人気ソフトウェアまとめ

過去分はこちら。- 01月個人的にはあまり好きではないのですが、プロジェクト管理において重宝されるのがガントチャートです。各タスクが時系列上に並ぶことで、タスクが重なる期間が分かりやすくなったり、タスクの関連度を可視化することでボトルネックを発見できます。Frappe Ganttはその操作をマウスだけでできるようになっ...