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

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

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

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

もっと見る

List

  • 2017/12/22

Splitter - 縦横自在にコンテンツ領域を変更

情報の見せ方はなるべく提供側でコントロールしたいと思うものですが、そもそもWebの場合はデバイスの画面幅が異なったりして一様とはいきません。むしろユーザがコントロールできるようにした方がユーザビリティが高いとさえ言えるでしょう。そこで使ってみたいのがSplitterです。グリッド内に表示されるコンテンツの幅や高さを自由...

List

  • 2017/12/22

Muuri - ソート、フィルタリング、D&Dできるレスポンシブグリッドライブラリ

レスポンシブWebデザインが広く一般的になっていく中でグリッドデザインもまた多用されるようになっています。グリッドデザインにすることでデバイスの画面幅に応じた情報が表示しやすくなっています。そうした中で紹介したいのがMuuriです。ソートやフィルタリングをサポートしたグリッドレイアウトライブラリです。## Muuriの...

List

  • 2017/12/21

go-diff-image - Diff風に画像の差分を表示

プログラマにとってdiffは欠かせないツールです。何を変更したのか確認したり、二つのファイルを比較したりするのに使われています。しかし開発において使われるのはテキストだけではありません。go-diff-imageは画像の差分を表示してくれるソフトウェアですが、生成される差分画像がテキストのdiff風になっているのが面白...

List

  • 2017/12/21

furoshiki2 - Gitリポジトリ内の操作をログ

Gitは各自がリポジトリを持っているので、様々な操作を行った結果がリポジトリに残ります。そして最終的にpushされて中央のリポジトリにデータが入ります。しかし企業で使う場合にはリポジトリ内の操作についてどのようなことが行われたのかログを残したいと思うかも知れません。そこで使えるのがfuroshiki2です。Gitリポジ...

List

  • 2017/12/20

graphqlviz - GraphQLのスキーマを可視化

GraphQLはデータ構造がスキーマとして定義されています。それらを読み解くことで、あらかじめデータ構造を把握してクエリを投げられるようになっています。しかしJSONから内容を正しく見極めるのはなかなか難しいでしょう。そこで使ってみたいのがgraphqlvizです。GraphQLの構造を画像などで可視化してくれます。#...

List

  • 2017/12/20

Abema Viewer - Abema TV専用ブラウザ

先行きの危ぶまれる声も聞かれたAbema TVですが、元SMAPの3人を採用した企画を通じて一気に注目を集めているようです。インターネットながらTVと同じようにシフトがあり、コマーシャルもあるなど懐かしいような形式で放映されています。そんなAbema TVだからこそちょうど良い、そんなソフトウェアがAbema View...

List

  • 2017/12/19

Spritebot - SVGを最適化してサイズをより小さく

SVGファイルはベクターデータなので画像サイズによってはPNGやJPEGに比べて小さなサイズで表現できます。特に高解像度になればなるほどSVGのがサイズが小さくなります(SVGは画像サイズは関係がないので)。そんなSVGですが、まだまだムダがあります。それらを削り取るのがSpritebotです。## Spritebot...

List

  • 2017/12/19

Dashboards - 自由度の高いダッシュボードライブラリ

Webサービスや業務システムを通じて集められたデータを表示するのに必要なのがダッシュボードです。ダッシュボードは常に固定表示よりも、各自の使い方に合わせて情報の並び替えが求められます。そんなUIを作成できるのがDashboardsです。ユーザが自由に画面要素を変更できます。## Dashboardsの使い方最初の表示で...

List

  • 2017/12/18

Aural Player - Winampにインスパイアされた音楽プレイヤーです。

コンピュータで作業中に音楽を聴いている方は多いはずです。最近ではスマートフォンを使っている方もいますが、PCに入っている大量の音楽をソースにしている方も多いでしょう。そんな方に使ってみて欲しいのがAural Playerです。Winampにインスパイアされた音楽プレイヤーです。## Aural Playerの使い方メイ...

List

  • 2017/12/18

Joplin - タスク/メモが管理できる個人用ノートアプリ

各自ノートアプリは用意しておきましょう。そしてふと思いついたことをその場でメモっておくべきです。一箇所に書き留めておくことで、いざというときに探しやすくなります。そのためにはマルチプラットフォームで動作するノートアプリでないといけません。今回はそんなマルチプラットフォームで動作するノートアプリ、Joplinを紹介します...

List

  • 2017/12/17

Fuck-Youtube - 見られないYouTube動画を見る

YouTubeを見ていて時々出くわすのが「この動画は、お住いの国では公開されていません」というメッセージです。これは動画の設定で公開範囲を設定している場合に表示されますが、何とかして見たい動画もあるでしょう。VPNを使ったりして回避する方法もありそうですが、もっと簡単なのがFuck-Youtubeをインストールする方法...

List

  • 2017/12/17

Geist - 関連性に重点を置いた個人用ナレッジベース

個人のナレッジはきちんと積み重ねていかなければなりません。日々のインプットを書きためておく場所を用意しておかないと、あっという間に頭の片隅から抜け落ちてしまいます。そこで使ってみたいのがGeistです。個人のナレッジについて、関連性を用いて描けるソフトウェアです。## Geistの使い方メイン画面です。主な機能はノート...

List

  • 2017/12/16

PaintCoin - オリジナルのゴールドコインを作る

海外製のコインを集める人や、記念コインをコレクションしている人たちがいます。コインには通常の貨幣としての価値以外にも、怪しい魅力があるのでしょう。貨幣を表すアイコンや、リッチな雰囲気を出す場合などでもコインはよく使われます。今回はそんなコインをオリジナルで作れるPaintCoinを紹介します。## PaintCoinの...

List

  • 2017/12/16

SwipeVideo - スワイプで視点を変えられる動画プレイヤー

最近のコンテンツはユーザの自由度を上げる方に進んでいます。ユーザが見たい場所、注目したい箇所は人によって違います。それをテクノロジーで可能にします。VRや360度動画などはまさにそうした側面が反映されています。その一つとしてSwipeVideoを紹介します。見たい角度を自由に変更できるHTML5の動画プレイヤーです。#...

List

  • 2017/12/15

Codenvy - Web上の開発&実行環境

Cloud9を買収したAWSが、Web上でIDEを提供することを発表しました。これによってWebブラウザさえあれば開発を行って、さらにデプロイまでできる世界が実現します。開発環境を整えたり、エディタを用意する必要もなくなります。同じような開発、実行環境をオープンソースで作りたいならばCodenvyを使ってみましょう。#...