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

List

  • 2017/02/17

mediacenterjs - Webベースのメディアセンター

使ってみると意外と便利なのがメディアセンターです。ローカルやネットワーク内にある動画、音楽ファイルなどを一箇所で管理でき、スマートフォンなどから操作して音楽や映画を楽しめるようになります。そんなメディアセンターをWebベースで提供するのがmediacenterjsです。## mediacenterjsの使い方セットアッ...

None

  • 2017/02/16

gplaycli - AndroidアプリをGoogle Playからダウンロード

Android用アプリが提供されているGoogle PlayではあらかじめGoogleに登録してあるAndroid端末があればWeb上からインストールの指定ができます。ただし端末側にGoogle Playが入っていなければなりません。海外製の端末では入っていないことがあり、そのためにアプリがインストールできないという人...

List

  • 2017/02/16

Spectacle Editor - HTMLスライドをグラフィカルに作成

HTMLで作るプレゼンテーション用のスライドが流行っていますが、作成するのが意外と面倒だったりします。多くはMarkdownファイルをベースにしたものですが、エフェクトを定義できなかったりとスライドとしてのインパクトに欠けるものもあります。そこで使ってみたいのがSpectacle Editorです。HTMLをベースにし...

List

  • 2017/02/15

QArt.js - 好きな画像と組み合わせたQRコード生成

QRコードというと小さな四角が並んだ白黒の模様で、一般の人からするとよく分からないものに見えます。見た目の違いも分かりづらく、目を引きづらいため最近ではカラーにしたり、他の絵柄を混ぜると言った手法も開発されています。今回紹介するQArt.jsもその一つで、好きな画像をベースにQRコードを生成してくれます。## QArt...

List

  • 2017/02/15

Cerebro - 生産性を向上してくれるランチャー

Webでちょっとした調べ物をしたいということは多々あります。例えば地図を調べる、通貨の換算をする、英単語を知ると言った具合です。アドレスバーに検索ワードを入れて実行すれば良いのですが、それすら煩わしくなるくらい調べる頻度は多いものです。そこで使ってみたいのがCerebroです。ランチャー風のUIで調べ物が簡単にできるよ...

None

  • Premium_s 2017/02/14

業務で使えるオープンソース(219)「Gitリポジトリ」

今回はGitです。バージョン管理の仕組みとしてあっという間にデファクトになりつつあるGitですが、開発だけで使うのは勿体ないくらい様々な使い道が考えられます。今回はGitリポジトリを便利にしてくれるツールと、通常のソースコード管理以外にGitリポジトリを使っている例を紹介します。## スライド一般的にスライドはPowe...

List

  • 2017/02/14

multi.js - 複数選択のドロップダウンをリッチに変身

WebのフォームはHTML5でリッチになっていますが、それでもまだまだ標準では使い勝手がよくありません。とは言え、それを改善するためのライブラリも出てきていますので、積極的に取り入れていきましょう。今回紹介するのはmulti.js、複数選択できるselectタグを格好良くしてくれるライブラリです。## multi.js...

List

  • 2017/02/14

php-simple-kanban - PHP製のシンプルなカンバン

最近のプロジェクト管理ではカンバンを使うことが増えています。また、プロジェクトだけでなく考えを整理したり情報を可視化する際にもカンバン風のリストが役立ちます。そんなカンバン風リストを提供するサービスにTrelloがありますが、アトラシアン社により買収されています。そこで使ってみたいのがphp-simple-kanban...

List

  • 2017/02/13

photo-screen-saver - Electronで作るWindows用スクリーンセーバー

今時スクリーンセーバーは不要という考えがあります。確かに液晶ディスプレイでは焼き付けはほぼ起こりません。しかしプラズマTVでは起こりえます(もちろん対処されているでしょうが)。また、なんとなくスクリーンセーバーは見ていて面白いものです。そんなスクリーンセーバーをHTML標準の技術で作れるのがphoto-screen-s...

List

  • 2017/02/13

LabelImg - GUIで写真をラベリング

最近は機械学習によって画像のタグ付けを行う試みが増えています。しかし多くは顔から人を特定したり、屋外や海、山などカテゴライズする程度のものです。もっと具体的に写真を判別するには手作業が必要です。そんな写真のタグ付け、ラベリングを補助してくれるソフトウェアがLabelImgです。## LabelImgの使い方写真を読み込...

None

  • 2017/02/12

whalebrew - Dockerを使ったパッケージインストーラー

最近はローカルの環境をいかに汚さずに保てるかが注目されています。ローカルを汚さないと言うことはポータブルであり、さらに仮想化されていればホストOSに依存せずに機能が使えます。macOSで使われるHomebrewは便利なライブラリインストーラーですが、環境を汚してしまうのが難点です。そこで使ってみたいのがwhalebre...

List

  • 2017/02/12

svg2png - SVGファイルをPNGに変換

最近、画像の代わりにSVGを使っているサイトが増えてきました。それは良いことなのですが、まだまだ対応していないソフトウェアも多く、使い回す際に若干の不便があります。そんな時はWebブラウザでSVGを表示して、それのスクリーンショットを取るなんて面倒なことをしたりします。今回紹介するオープンソース・ソフトウェアはsvg2...

List

  • 2017/02/11

mo · js - Web上でモーションアニメーションを実現

Webの表現力は上がったと言われていますが、そのためのテクニックは必要です。SVGやCanvasを使いこなすのは相当難しく、専用のライブラリを使う方が手軽にアニメーションなどが実現できます。今回紹介するmo · jsもその一つで、モーションアニメーションが実装できるライブラリです。## mo · jsの使い方実装例です...

List

  • 2017/02/11

PaintsChainer - 機械学習を使って線画に色付け

機械学習に注目が集まっていますが、それによって何ができるのかは開発者のアイディア次第と言えます。分かりやすい例としては画像から情報を抜き出したり、逆に画像に情報を付与するというものです。今回紹介するPaintsChainerもそんな機械学習の実例と言えます。なんと線画に色をつけてくれるソフトウェアです。## Paint...

None

  • Premium_s 2017/02/11

業務で使えるオープンソース(218)「ダッシュボード」

今回のテーマはダッシュボードです。様々な情報を可視化する際にダッシュボードが役立ちます。システム監視はもちろん、サービスのステータスを可視化したり、IoTのようなリアルタイム系ダッシュボードも必要です。今回はダッシュボードを作るための仕組みと、関連オープンソース・ソフトウェアについて紹介します。## Bootstrap...

List

  • 2017/02/10

Tui - Twitterが手放せない人のための常駐型クライアント

仕事をしないと分かっているのについつい気になってしまうTwitter。万一にもアプリケーションを立ち上げているのがバレると上司に怒られる可能性だってあります。しかしついつい気になるTwitter。そんなTwitter中毒の方に使って欲しいTwitterクライアントがTuiです。## Tuiの使い方Tuiはメニューバー常...

List

  • 2017/02/10

pen - React製のシンプルなMarkdownプレビューワー

Markdownはプログラマー界隈では広く普及した記法となっています。そのための専用エディタも多数存在します。しかしエディタはプログラマにとって大事なものであり、手に馴染むかどうかに大きな隔たりがあります。専用エディタは馴染まず、でもMarkdownのプレビューはしたいという方はpenを使ってみましょう。## penの...

List

  • 2017/02/09

参加者の名は。 - Connpassから参加者用ネームカードを生成

勉強会などで全く知らない人たちといきなり会話をするのは気後れしてしまいますが、実はTwitter上でつながっていたなんてことはよくあります。また、顔は知らなくともオンライン上の名前は知っているなんてことも多々あります。そうした良い出会いの助けになりそうなのが参加者の名は。です。Connpassの参加者一覧からネームカー...

List

  • 2017/02/09

FiraCode - プログラミングの可読性が上がる(?)なリガチャフォント

プログラミングをしているとよく使う記号が出てきます。例えばES2015を使っていると度々出るのが `=>` でしょう。PHPであれば `->` でしょう。これらはもはやセットで語られるべき存在なのかも知れません。そんなプログラミング言語にマッチしたフォントがFiraCodeです。合字を使って面白い表現ができます。## ...

List

  • 2017/02/08

Q Accelerator - Qiitaをよりアグレッシブに使いこなすためのChrome機能拡張

よく使っているサービスこそ、ちょっとした工夫でさらに便利にできることがあります。時々しか使わないものを改善するのに比べて圧倒的に分かりやすく、かつドッグフーティングで改善策がどんどん出てくるはずです。もしあなたがQiitaをよく使っているのであれば、Q Acceleratorをインストールするとより便利になることでしょ...