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

ホスティング - githubの記事一覧

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

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

もっと見る

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...

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をインストールするとより便利になることでしょ...

List

  • 2017/02/08

tlapse - 指定したURLに定期的にアクセスしてスクリーンショットを保存

Webサイトの作成はゼロから形になるものを作っていく、作品としての一面を持っています。いきなり完成品ができあがる訳ではなく、色々試行錯誤しながら、再読込を繰り返しつつできあがっていきます。そんなWebサイトのできあがっていく様を残し続けてくれるのがtlapseです。## tlapseの使い方tlapseは以下のように利...

List

  • 2017/02/07

blindpad - 音声チャット付きのコラボレーションエディタ

コラボレーションエディタは多数ありますが、単に同時に編集するだけではなかなか効率的に文章は作れません。多くの場合、チャットしながら編集状況を確認し合ったりします。しかしテキストチャットでは文字を入力するので若干手間がかかると言えます。そこで使ってみたいのがblindpadです。コラボレーションエディタに音声チャットを付...

List

  • 2017/02/07

Gitea - Go製のGitリポジトリ管理サーバ

Gitリポジトリは分散型ではありますが、一つ信頼できるサーバがある方が便利です。そこでGitHubやBitBucketなどが使われるわけですが、企業によってはセキュリティ上の理由で使えないこともあるでしょう。そんな方に使ってみて欲しいのがGiteaです。日本語化も行われているGitサーバです。## Giteaの使い方ト...

List

  • 2017/02/06

formbase - 見栄えの良いフォームデザイン

Webの表現力はHTML5によって格段に上がりましたが、それもスタイルシートなどを駆使してデザインを行った場合に限ります。標準のままでは貧弱なデザインのままです。標準でももっと見栄えの良いデザインが欲しいのではないでしょうか。そこで使ってみたいのがformbaseです。ごくシンプルな指定で見栄えの良いフォームにデザイン...

List

  • 2017/02/06

screengif - 動画をアニメーションGIFに変換するコマンド

MOONGIFTでソフトウェア紹介をする際に、なるべくアニメーションGIFを使っています。デスクトップであればLICEcapのように操作をアニメーションGIFとして記録するソフトウェアがあるのですが、iOSなどの場合は操作を動画で記録した後、アニメーションGIFに変換する必要があります。その際、アニメーションGIFへの...

List

  • 2017/02/05

Frappe Gantt - マウス操作が便利なガントチャート

個人的にはあまり好きではないのですが、プロジェクト管理において重宝されるのがガントチャートです。各タスクが時系列上に並ぶことで、タスクが重なる期間が分かりやすくなったり、タスクの関連度を可視化することでボトルネックを発見できます。そんなガントチャートを作成できるライブラリがFrappe Ganttです。## Frapp...

List

  • 2017/02/05

Sharedocs - 社内で使えるQiitaクローン

強い組織を作るためにはナレッジの共有が欠かせません。個々人のナレッジに留まっていては同じ経験を繰り返すだけですし、何も培われていきません。問題はどこに書き留めるかです。かつてはWikiもありましたが、慣れないと使いこなせませんでした。今回紹介するオープンソース・ソフトウェアはSharedocs、プログラマが使い慣れてい...