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

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

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

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

もっと見る

List

  • 2017/11/25

tlx-editor - フォーム入力に特化したWeb components

Web componentsは多くの可能性を持っています。Web標準ではまだまだ貧弱なUIも、Web componentsを使うことでリッチであったり、複雑なUIコンポーネントが生まれていくことでしょう。今回紹介するtlx-editorはその一例です。入力系コンポーネントを一手に提供するライブラリになります。## tl...

List

  • 2017/11/25

ExcelMerge - Excelファイルの差分ビューワー

Excelを仕事で使っていると、メールでやり取りしたり誤った上書きを避けるためにコピーを作ったりして次第に同じようなExcelファイルに埋もれることになります。二つのExcelファイルを並べて、どこが違うのか見比べた経験は誰しもがあるのではないでしょうか。そんな方に使ってみて欲しいのがExcelMergeです。Exce...

List

  • 2017/11/23

Fengari - JavaScript製。Webブラウザ上で動くLua

JavaScriptはWebブラウザ上で動作することが保証されている唯一のプログラミング言語ですが、好きではないという人も多いようです。プログラミング言語の選択肢はもっと幅広く存在して良いはずです。Webブラウザ上であってもLuaを書きたい、という方はFengariを使ってみてはいかがでしょう。## Fengariの使...

List

  • 2017/11/23

tikzcd-editor - Web上で可換図式を描く

Webの表現力はCanvasやSVGによって大きく広がっています。しかし、それらを使いこなすにはプログラミングを駆使する必要があります。例えば、ちょっとした数式を埋め込むダメにプログラミングを行うのは面倒です。そこで使ってみたいのが外部ライブラリです。今回は可換図式をWebベースで実現するtikzcd-editorを紹...

List

  • 2017/11/22

ajsr-confirm - 豪華な確認ダイアログ

Webを作成する際にはWebブラウザが用意している標準のコンポーネントがよく使われます。しかし、その表示では満足できない人が多いのも確かです。そこでより使い勝手の良いデザインを追求し始めます。今回はダイアログです。独自のダイアログを出したいと思ったらajsr-confirmを参考にしてみてください。## ajsr-co...

List

  • 2017/11/21

gifgen - より綺麗なアニメーションGIF生成

動画をアニメーションGIFに変換する際に使われるのがFFMPEGです。単純にファイルを指定するだけで変換できるのですが、若干画質が落ちてしまうのが残念です。しょせんGIFだから、と諦めてしまっていないでしょうか。そこで使ってみて欲しいのがgifgenです。設定を変更し、より画質の良いアニメーションGIFを生成します。#...

List

  • 2017/11/20

ExcelPass - オフィスでよく使われるファイルにパスワードを付加

未だに多いのがメールにパスワードZipファイルを送りつけてくるパターンです。また、パスワードは大抵その後のメールに添付されてきます。それらを自動で行うシステムもあったりして、ストレスが溜まる経験をした人も多いことでしょう。そうした各種ファイルへのパスワード追加を行えるのがExcelPassです。Excelに限らずパスワ...

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