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

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

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

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

もっと見る

List

  • 2017/11/18

Frappe Charts - GitHub風グラフもあるSVGグラフライブラリ

WebはSVG/CanvasによってWeb標準だけで高度な表現が実現できるようになりました。しかし、それを使いこなすのは大変で、多くの場合ライブラリを使って実現しているでしょう。今回紹介するFrappe ChartsはSVGを使ってグラフ表示を行うライブラリです。## Frappe Chartsの使い方棒グラフ。マウス...

List

  • 2017/11/18

Zircle - サークル型のズームUIを実現

一度にすべての情報を見せてしまうと、本当に伝えたいことが伝わらないと言ったことがよくあります。人の脳は一度に処理できる情報量に限度があるので、それを超えてしまうとフィルタリングしてしまったり、抜け落ちたりします。そこで使えるのがドリルダウンしていく方法です。今回は円形のズームするUI、Zircleを紹介します。## Z...

List

  • 2017/11/16

HEML - HTMLメール用のサブセット記法

日本はかつてテキストメールばかり使われていましたが、ようやくHTMLメールが普及してきています。セキュリティ上の懸念も殆どなくなり、カラフルだったり装飾ができるというメリットに注目が集まっています。そんなHTMLメールをすべてのデバイスに適切に配信できる形にしてくれる、それがHEMLです。## HEMLの使い方HEML...

List

  • 2017/11/15

moziplayer - 動画/Webカメラの映像をアスキーアート化

videoタグを使えばWeb上で動画をそのまま再生するなんて簡単にできます。そんな簡単にできることをただやるだけでは面白くありません。その映像をリアルタイムに加工するのが面白いのです。そこで使ってみたいのがmoziplayerです。動画やWebカメラの映像をテキストアート化します。## moziplayerの使い方変換...

List

  • 2017/11/14

GDevelop - コーディングレスでゲームを作るプラットフォーム

ゲームを作ってみたいという考えつつも、プログラミングが敷居になってしまっている人は多いでしょう。Webシステムを作ったりするプログラミングとはまた異なる知識が必要です。Unityでさえ、本格的に作ろうと思うとプログラミングの知識が必要になります。今回紹介するGDevelopはプログラミングをせずにHTML5でゲームが作...

None

  • 2017/11/13

usql - 多数のデータベースに対応したCLIクライアント

プロジェクト毎にデータベースが異なるというのはよくある話です。その度にデータベース用のクライアントソフトウェアを切り替えて使うことになります。違うクライアントソフトウェアを実行してストレスを感じることもあるでしょう。そこで使ってみたいのがusqlです。多数のデータベースに対応したCLIのデータベースクライアントです。#...

List

  • 2017/11/13

Browser homepage - クールなホームページ

ブラウザではホームページの設定ができます。Webサイトのことを意味するホームページではなく、Webブラウザを一番最初に開いた時のページです。ポータルサイトにしていたり、企業であればグループウェアのトップページにしているかも知れません。今回紹介するオープンソース・ソフトウェアはBrowser homepage、個人向けの...

List

  • 2017/11/12

Cica - 日本語向け等幅プログラミングフォント

効率的なプログラミングのためには適切なフォントが必要です。見やすく、区別が付きづらい1とlといった文字の判別がしやすいフォントが良いでしょう。また、等幅のが好きな方が多いようです。そんな方に使ってみて欲しいのがCicaです。日本語向けに作られたプログラミングフォントです。## Cicaの使い方コードを表示しているところ...

List

  • 2017/11/12

jquery-fulltable - jQueryで任意のテーブルを便利に

業務システムなどでよく使われるテーブルタグ。素のままでは小さなテーブルはよくとも、多数のデータを表示した際の使い勝手がよくありません。かといって多機能にするのは大変です。そこで使ってみたいのがjquery-fulltableです。任意のテーブルをjQueryで多機能にします。## jquery-fulltableの使い...

List

  • 2017/11/11

Node.php - PHPでnodeアプリケーションを動かす

PHPのレンタルサーバは数多いですが、nodeが使えるサーバはあまり多くありません。実用的なレベルでPaaSを使おうと思うとそれなりにお金もかかるでしょう。レンタルサーバでnodeを動かすのは難しいでしょうか。その答えの一つがNode.phpです。PHPでnodeを動かす、そんな無茶なプロジェクトです。## Node....

List

  • 2017/11/10

EVADE AND DESTROY - HTML5製。デスクトップとスマートフォン両方対応のシューティングゲーム

HTML5の表現力、JavaScriptの性能向上があり、Webブラウザでも十分なゲームが作れるようになっています。Webベースであれば、デスクトップはもちろん、スマートフォンでも遊べます。今回はシューティングゲームのEVADE AND DESTROYを紹介します。シンプルな操作で楽しめるはずです。## EVADE A...

List

  • 2017/11/09

Writing - WebベースのMarkdown + LaTeXエディタ

Markdownは便利な記法ですが、物足りないと感じることもあります。その一つとして数式の埋め込みをあげる人もいるでしょう。専用の記法で対応するソフトウェアもありますが、もっと汎用的な方が使い勝手は良いはずです。そこで紹介したいのがWritingです。Markdown記法での記述に加え、LaTeXも使えるエディタです。...

List

  • 2017/11/08

text-map-kuromoji - Web上で形態素解析&ビジュアライズ

形態素解析は日本語のテキストを扱う上でとても重要な技術になります。しかし環境をセットアップしたり、解析結果からどう情報をピックアップするかなどを分析する必要があります。そうした形態素解析を手軽にWeb上で行い、さらに結果の分析が容易にできるのがtext-map-kuromojiです。## text-map-kuromo...

List

  • 2017/11/07

accessibilityjs - JavaScriptでできるアクセシビリティチェック

Webが広くあまねく使われるようになったことで、アクセシビリティが重要視されるようになっています。スクリーンリーダー的なものにきっちりと対応するのも大事ですが、altやtitle要素を追加すると言った簡易的な対応もできます。今回はJavaScriptでできるアクセシビリティチェック、accessibilityjsを紹介...

List

  • 2017/11/07

Temporalis - Webカメラの映像をスライスして描画

Webカメラの映像はHTMLからgetUserMediaで取り込むことができます。そのままvideoタグに当てはめたり、一部だけ切り出してCanvasや画像のソースに当てることも可能です。しかし見たまま使っても面白くありません。そこで一例としてTemporalisを紹介します。Webカメラの映像に面白い効果を施してくれ...

List

  • 2017/11/06

Mini Tetris - わずか506バイトのテトリス

25年以上前のコンピュータであれば、メモリやHDDの容量が少なかったため、なるべく節約したコーディングが心がけられていました。しかしそれから何年も経ち、変数名の長さをいちいち気にするような人はいないでしょう。しかしそんな時代だからこそ、サイズにこだわる面白さがあると言えます。Mini Tetrisはなんと506バイトの...

List

  • 2017/11/05

Nat.js - Vue/Weexで使えるモバイルフレームワーク

JavaScriptでスマートフォンアプリを作る、一つのコードでiOS/Android両方に対応するという夢に挑戦する人たちは後を絶ちません。かつてのTitaniumであり、現在のReact Nativeでもあります。そして今回はもう一つの存在、Nat.jsを紹介します。こちらはVueやWeexなどで使えるライブラリ集...

None

  • 2017/11/05

neri - Rubyスクリプトを実行ファイル化

社内で使うちょっとしたスクリプトであればRubyなどで作るのが手軽です。しかしそれを人に配布するとなると、実行環境も用意しなければなりません。Windows向けに環境整備して配布というのは面倒に感じてしまうでしょう。そこで使ってみたいのがneriです。Rubyスクリプトを実行ファイル化できるソフトウェアです。## ne...

None

  • 2017/11/04

spwd - ファイルベースのセキュアなパスワード管理

パスワード管理は何を使っているでしょうか。MOONGIFTでは会社で1Passwordを使っています。個人のパスワードも管理できるので便利ですが、サーバ上で使えないのが多少不便です。そこでサーバでもパスワードを適切に管理するのに使えそうなのがspwdです。ファイルベースでセキュアにパスワードを管理してくれます。## s...

List

  • 2017/11/04

KEditor - 複雑なデザインもこなせるWYSIWYGエディタ

技術者以外の方でWebページを作成する時にはオーサリングツールを使うのが一般的です。また、ちょっとしたコンテンツの修正であればWYSIWYGエディタを使いますが、あまり凝ったデザインには対応できません。そこで使ってみたいのがKEditorです。Webベース、ドラッグ&ドロップで自在にコンテンツを作成できます。## KE...