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

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

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

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

もっと見る

None

  • 2018/01/06

Git-todos - TodoをGit管理

Todoの良くないところは消し込んだ後にデータが見えなくなってしまうことです。そうなるとただ消化するのが目的になってしまい、後で振り返るのが難しくなります。本来はレポーティングこそが大事なはずです。そこで使ってみたいのがGit-todosです。TodoをGitを使って管理するソフトウェアです。## Git-todosの...

List

  • 2018/01/06

GitHubFolderDownloader - GitHubの指定ディレクトリだけをダウンロード

GitHubで気になったリポジトリがあると、まずそれをクローンする必要があります。またはZipファイルでダウンロードもできますが、どちらもリポジトリ全体が対象になるためサイズが大きいのが難点です。そこで使ってみたいのがGitHubFolderDownloaderです。GitHubリポジトリの一部だけをダウンロードできる...

List

  • 2018/01/05

Animation Worklet Explainer - Web上でスムーズなアニメーションを目指す

HTML5の高い表現力によって、アニメーションはなくてはならないものになっています。しかしJavaScriptの書き方であったり、CSS3の使い方によってはアニメーションというのは非常に重たい処理で、スムーズに表示されなかったりします。そんな現状を変えていこうと活動しているのがCSS Houdiniタスクフォースで、そ...

None

  • 2018/01/05

Grasp - JavaScriptの構造を解釈した検索/置換コマンド

開発者であればGrepのお世話になることが非常に多いはずです。しかしただ文字列を検索するだけで、細かい部分は正規表現などを使って書かなければなりません。また、探し出した後の編集はエディタで行うことになります。そこで使ってみたいのがGraspです。JavaScriptに特化した、構造を解釈できる検索コマンドです。## G...

List

  • 2018/01/04

PaintBBS NEO - HTML5版お絵描きしぃ掲示板

イラスト掲示板は昔から人気があります。その多くは画像がアップロードできるものですが、中にはWeb上でイラストを描いて、そのまま貼り付けられるものもあります。昔はよくJavaアプレットで実装されていました。そんな古き良き(?)時代を彷彿とさせるWebペイントがPaintBBS NEOになります。## PaintBBS N...

List

  • 2018/01/04

asc-key-to-qr-code-gif - PGP鍵をアニメーションGIF化

メールなどで使われるPGP認証。あらかじめ公開鍵を交換しておくことで、なりすましを防止して安全なメールのやり取りが可能になります。問題は鍵の交換方法でしょう。テキストで送っても良いですが、変わったやり方としてアニメーションGIFを使ってみるのはいかがでしょう。使うのはasc-key-to-qr-code-gifです。#...

List

  • 2018/01/03

microlink.js - Webサイトのプレビュー表示を格好良く

最近、Webサイトのサムネイル表示を目にすることがよくあります。SlackでURLを投稿した場合、ソーシャルメディア、キュレーションサイトなど様々なケースで使われます。次に問題になるのがその見せ方です。サムネイルの画像を使ったり、サマリーの文字列をどう表示するかによってクリックされる可能性が変わってくるでしょう。そこで...

List

  • 2018/01/03

LibreRead - Webベースの電子書籍リーダー

電子書籍コンテンツが増えてきました。電子書籍サイトで購入する場合はもちろん、自炊であったりブログなどを電子書籍に変換するサイトもあります。ローカルコンピュータにePubファイルなどが溢れているという方も多いのではないでしょうか。そんな方に使ってみて欲しいのがLibreReadです。自分で立てることもできる、Webベース...

List

  • 2018/01/02

PowerMode - 文字入力を華やかに

細部に神は宿ると言いますが、小さな機能にこだわることでユーザビリティであったり、操作性がぐっと向上することがあります。それはフォーカスを当てることだったり、文字の削除の仕方だったりします。今回は文字入力時がほんの少しだけ楽しくなる、そんなライブラリPowerModeを紹介します。## PowerModeの使い方テキスト...

List

  • 2018/01/02

Walt - WebAssemblyに変換できるJavaScriptライクなプログラミング言語

WebAssemblyはRust、C、C++を使って作成します。しかしJavaScriptに慣れた人にすれば、わざわざ別な言語を利用するのに躊躇してしまうでしょう。管理上も別な言語に分かれるのは不便です。そこで使ってみたいのがWaltです。Waltは WebAssemblyに変換できるJavaScriptライクな言語で...

List

  • 2018/01/01

Manta - デスクトップで請求書を作成

ビジネスの基本となるのが帳票です。その中でも特に大事なのが請求書です。請求書がなかったらお金の受け渡しもできず、生活が成り立ちません。電子化されていたとしても、PDFで送ったりするのはよくあることでしょう。そんな請求書をデスクトップアプリで設計、出力できるのがMantaです。## Mantaの使い方チュートリアル付きで...

List

  • 2018/01/01

Vue2 editor - Vueを使ったテキストエディタ

Web上で文章を書く機会が増えています。しかし多くの場合、テキストエリアそのままであったり、普段使っているエディタに比べて操作性が格段に落ちるものばかりです。これでは生産性が損なわれてしまうため、結局エディタで書いてコピー&ペーストせざるを得ません。より使いやすいWebベースのエディタを目指すならVue2 editor...

List

  • 2017/12/31

Fish-UI - Vue向けのUIコンポーネント集

React/Angular/Vueといった新しい形のライブラリが登場したことで、これまで使えていたUIライブラリが使えなくなってしまいました。専用のタグを使っているため、それに合わせたUIデザインが必要になります。そこで、もしVueを使って開発を行っているならば使ってみたいのがFish-UIになります。## Fish-...

List

  • 2017/12/31

LeaderLine - 情報に関連性を持たせる線を描画

情報はただ並べただけではその関連性が分かりづらいものです。線を使って表現すると情報同士の関連性が分かるようになり、理解度が増します。多くの場合、そうした内容はプレゼンテーション用のソフトウェアで作ったり画像編集ソフトウェアを使います。しかしそれではメンテナンスが面倒になります。そこで使ってみたいのがLeaderLine...

None

  • 2017/12/30

js-webassembly-interpreter - WebAssemblyを解析/実行

WebAssemblyを使うことでコンパイルされたコードをWebブラウザ上で実行できるようになります。Safariでもサポートされたことで、実用的になってきたと言えます。そんな WebAssemblyはC/C++/Rustで書くのが基本です。そんな WebAssemblyのコードを解析したり、CUIで実行できるのがjs...

None

  • 2017/12/30

Joy - GoのコードをJavaScriptに変換

JavaScriptを嫌う方は一定層います。スクリプト言語なので型がなかったり、処理が非同期な部分があったりすることに起因するようです。サーバサイドを別言語で書いていたりすると、Webブラウザ向けだけJavaScriptを使わないといけないという制約も嫌がられます。サーバサイドをGoで書いているのであれば使ってみたいの...

List

  • 2017/12/29

Hubzilla - 分散型コミュニティシステム

インターネットの基本はコミュニケーションです。メールや掲示板であったりチャットなど、様々なコミュニケーション方法が存在します。コミュニティサイトを作りたいというニーズも根強くあります。そんなコミュニティサイトを作るためのシステムとしてHubzillaを紹介します。複数のコミュニティに所属できるシステムになっています。#...

List

  • 2017/12/29

satella.io - オープンソース版Live2D!

まだ完成途中ですが、期待を込めて!Live2Dというサービスがあります。画像をアップロードすると動き出して、まるで3Dデータを作ったかのように扱えるサービスです。2D画像を分析することで、目を閉じたり口を開いたりと言った操作が可能になります。そんなLive2Dのオープンソース版がsatella.ioです。平面だったイラ...

List

  • 2017/12/28

Stopify - JavaScriptをフリーズせず安全に実行

Web IDEなどが流行っていく中で必要になるのが、ユーザが開発したコードを安全に実行できる仕組みです。セキュリティ的な意味合いはもちろん、無限ループしてしまった時であったり、重たい処理を実行している時に途中で止められる仕組みが必要です。今回はその一つ、Stopifyを紹介します。JavaScriptから安全な実行でき...

List

  • 2017/12/28

pass.sh - 有限なアクセス限度をもった情報を作る

スパイ映画でよくある、情報を伝えた後にマイクロチップやプレイヤーが突如燃えてなくなってしまう仕組み。万一もう一度聞きたいと思っても絶対にできないように、徹底した情報漏洩を貫いています。燃えてしまうわけではないですが、情報が恒久的でない仕組みを作るのがpass.shです。## pass.shの使い方メイン画面です。秘密を...