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

ライセンス - MIT Licenseの記事一覧

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

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

もっと見る

None

  • 2017/03/03

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

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

None

  • 2017/03/02

prh - コマンドラインで文章を校正

文章を書くというのは難しいものです。文字数もそうですが、分かりやすい文章を書くには漢字の使い方にも気をつける必要があります。あまり多用すると文章が固くなりますし、使わなすぎると幼稚に見えます。今回紹介するオープンソース・ソフトウェアはprh、そんな文章の構成を行ってくれるソフトウェアです。## prhの使い方prhはコ...

List

  • 2017/02/28

Lepton - Electron製のGist管理

GitHubの提供するGistはちょっとしたコードをアップロードしたり、文章を載せておくのに良い場所です。スクラップ的に載せておくこともあれば、繰り返し何度も使うケースもあります。再利用性を高めるためには手元に常に見られる状態になっているのがお勧めです。そこで使ってみたいのがLepton、GUIのGistクライアントで...

List

  • 2017/02/26

GetPageTitleAndURL - 複数パターンでタイトルとURLをコピー

WebブラウザではURLのコピーは簡単でも、タイトルのコピーは意外と面倒だったりします。HTMLソースからコピーするのは面倒ですし、ブックマークレットを実行する方が多いかと思います。そんなURLとタイトルのコピーを手軽に、かつ複数のフォーマットに対応させたのがGetPageTitleAndURLです。## GetPag...

List

  • 2017/02/25

Path Graph - レイトレーシングをビジュアル化

レイトレーシングは波の線(伝播経路)を追跡することで、ある点において観測される画像・音像などをシミュレートする計算手法になります(via レイトレーシング - Wikipedia

None

  • 2017/02/24

git-status-all - すべてのGitリポジトリのステータスをチェック

Gitリポジトリを多数使うようになると、その中のどれがアップデートされていて、さらにプッシュしていない更新が残っているのかと言った確認が大変になります。できればまとめて一気にチェックしたいと思うことでしょう。そこで使ってみたいのがgit-status-allです。ディレクトリ以下にあるすべてのGitリポジトリに対してそ...

List

  • 2017/02/23

DownGit - GitHubのダウンロードリンクを生成

GitHubではmasterブランチなどをZipファイルでダウンロードできます。しかしそのためにはClone or downloadをクリックしてDownload Zipをクリックするといった具合に操作が面倒だったりします。そこで使ってみたいのがDownGitです。Zipダウンロードするためのリンクを生成してくれます。...

List

  • 2017/02/22

I-Miss-You - 非アクティブになるとタイトル、お気に入りアイコンを変更

タブをたくさん開くのが当たり前になると、URLを開いたものの全然見ていないタブも出てくるかも知れません。サービス提供側としてみれば、なるだけWebサイトを見て欲しいと思うわけで、どうにかユーザにアピールしたいでしょう。そこで使ってみたいのがI-Miss-Youです。ユーザが見ていない時にこそ使われるjQueryプラグイ...

List

  • 2017/02/21

git-recall - Gitのログを見やすく

Gitのログは標準出力でひたすら並ぶだけなので分かりづらいでしょう。GUIのGitリポジトリ管理ツールではログの一覧や、その詳細を見るのに便利な機能があります。とは言えログのためだけに専用ツールを導入するのも面倒です。そこで使ってみたいのがgit-recallです。Gitのログを見やすく整形してくれるソフトウェアです。...

List

  • 2017/02/19

Web Maker - Google Chrome上で動くWebプレイグラウンド

HTML/JavaScript/スタイルシートを使ってWeb上で簡単なプロトタイプを公開できるサイトがあります。JSFiddle、CodePenなどが有名どころです。しかしクラウド上で書くことに若干敷居を感じている人もいるのではないでしょうか。そんな方にお勧めしたいのがWeb Makerです。Google Chrome...

List

  • 2017/02/19

AirSlide - Webでスライド操作を共有

プロジェクターが暗かったり、そもそもなかったりすると小さなラップトップの画面を全員で共有することになります。これでは見る方に集中しなければならず、良い会議になりません。資料は各自で見られる方が便利です。そこで使ってみたいのがAirSlideです。Webブラウザでスライドを共有し、さらに操作もオーナー側でできるソフトウェ...

List

  • 2017/02/17

Zazu - ハッカー、クリエイター用のランチャー

今時のランチャーは自分でアプリを登録したりなんかせず、自動的にファイルを探索してくれます。さらに、単にローカルだけでなく、Webサービスなどとも連携して機能が呼び出せるようになっています。今回紹介するZazuもそんなランチャーの一つで、ハッカーやクリエイター向けのランチャーと銘打たれています。## Zazuの使い方デフ...

List

  • 2017/02/16

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

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

List

  • 2017/02/15

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

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

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の使い方写真を読み込...

List

  • 2017/02/11

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

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

List

  • 2017/02/11

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

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