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

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

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

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

もっと見る

List

  • 2021/06/12

Trombone.js - Web上で奏でるトロンボーン

HTML5のAPIには音楽を奏でるものもあります。Web上でピアノを演奏したり、MIDIを解析するサービスが作られ、将来的にはWebブラウザだけで曲も作られていくかも知れません。今回紹介するTrombone.jsは名前の通り、Web上で奏でるトロンボーンです。## Trombone.jsの使い方トップページです。トロン...

List

  • 2021/06/11

Spearmint - React/Redux/アクセシビリティのテストを実行管理

ソフトウェアにはテストが付き物です。しかしテスト環境を整えるのは意外と面倒だったりします。ユニットテストならまだしも、Webブラウザを使ったようなテストだと、プロジェクトごとに環境を整えるのが大変です。そこで使ってみたいのがSpearmintです。ユーザビリティテストをはじめ、Webブラウザのテストを管理するGUIアプ...

List

  • 2021/06/10

Dataflow - JavaScriptが実行できるノートブック

データが幾ら集まっていても、ただ集めているだけでは意味がありません。そこから何からの価値を見出すためには、データを可視化しなければならないでしょう。しかし可視化するのにも工夫が必要です。今回紹介するDataflowはPythonを使ってデータをビジュアル化するソフトウェアです。## Dataflowの使い方Wikipe...

None

  • 2021/06/09

F2 - ターミナルで使えるリネーマ

ファイル名を変更する際に、ExplorerやFinderで行っているでしょうか。数個のファイルであればいいですが、100や200ものファイル名を変更するのは面倒です。macOSでは連番付けてファイル名をバッチ変更もできますが、対象を絞り込む際にはマウスで選択しなければなりません。今回紹介するF2はターミナルで使えるファ...

List

  • 2021/06/09

<file-attachment> element - GitHub製のWebアップロードコンポーネント

最近のWebアプリケーションではファイルをWebブラウザにドラッグ&ドロップしてアップロードすることが良くあります。開発するのはさほど難しい訳ではありませんが、ちょっと面倒だったります。かといって、ファイルアップロードライブラリを使うと、周りのデザインと合っていないことも良くあります。今回紹介する elementはシン...

List

  • 2021/06/08

Editable React Table - React用の編集できるテーブルコンポーネント

業務システムでは常に一覧表示が求められます。一覧化されたデータは一気に内容を確認できるので便利ですが、次にはデータのソートや絞り込みが必要になるでしょう。さらにインラインで編集したいと要望されるかも知れません。今回紹介するEditable React TableはReactの中で使える編集可能なテーブルコンポーネントで...

List

  • 2021/06/07

Color Calendar - シンプルなカレンダーライブラリ

Webサイト上でカレンダーを表示したい機会は意外と多いです。そんな時には機能面だったり、デザイン面で選択が決まるでしょう。複雑なHTMLを記述するようなものは避けたいはずです。今回紹介するColor Calendarはシンプルなカレンダーライブラリです。日付と、日付に基づいたイベントを一覧表示します。## Color ...

List

  • 2021/06/06

party.js - ビジュアルエフェクトでユーザ体験を向上させよう

Webサイトの中に、ちょっとしたギミックを組み込みたいと思ったことはないでしょうか。他のWebサイトでは見られない仕組みを入れると、訪問者の目を引くはずです。それはアニメーションのような動きがあるものが良いでしょう。今回紹介するparty.jsはクリックイベントに伴うビジュアルエフェクトを実現するライブラリです。## ...

List

  • 2021/06/05

GitEdit - Git専用エディタ

Gitでコメントを書く際には何かエディタを使っているでしょうか。VS Codeなどのエディタを設定している人もいるでしょうが、ちょっと大げさです(常に立ち上げているなら良いですが)。かといってターミナルやコマンドプロンプト上で日本語入力するのは面倒そうです。そこで使ってみたいのがGitEditです。Git専用のテキスト...

List

  • 2021/06/04

jquery.graphviz.svg - GraphvizのSVGデータを表示/機能追加するjQueryプラグイン

チャートやネットワーク図などを描くのに使われるのがGraphvizです。多くの場合PNGなどの画像で出力して利用しますが、SVGへのエクスポートも可能です。Web向けであれば、画像よりも使い勝手が良いでしょう。そんなGraphvizで出力したSVGを表示するのがjquery.graphviz.svgです。## jque...

List

  • 2021/06/03

Eva.js - Web向けのJavaScript製ゲームエンジン

ゲーム開発を行う際に一から作ることは多くありません。ゲームに関わる多くの機能を提供するゲームエンジンを選択するのが基本でしょう。モバイルアプリであればUnityやUnreal、WebであればPixiJSなどが有名です。今回紹介するEva.jsもWeb向けのゲームエンジンになります。Canvasベースのパフォーマンスに優...

List

  • 2021/06/02

Slidev - 開発者のためのスライドツール

開発者にとって使いやすいスライド作成ツールは何でしょうか。何より大事なのはコードを記述できること、さらに見た目のグラフィックスなどよりもコンテンツに集中できるのが最良でしょう。今回紹介するSlidevは開発者のためのスライドツールとなっています。ネーミング通り、開発者に対してのみ作られたソフトウェアです。## Slid...

List

  • 2021/06/02

LOVETRIS - 良いブロックばかり落ちてくるテトリス

テトリスを興じていて、狙ったブロックがこない時ほどストレスが溜まるものはありません。待っていられないと、塞いだ直後に目的のブロックが来たりするのもテトリスあるあるでしょう。ゲームがユーザの心を読んで、ブロックの提供を避けていたとさえ感じるほどです。そこでプレイしてみたいのがLOVETRISです。ゲームの状態を判断し、最...

List

  • 2021/06/01

playground-macos - Web上でmacOS風のUI/UXを再現

ポートフォリオサイトには2つの面があります。まず自分の関わってきたプロジェクトや持ち合わせている技術を一覧するものです。そしてもう一つはポートフォリオサイト自体が一つの作品になっているケースです。今回紹介するplayground-macosはまさに後者で、Xiaohan Zou氏の技術力をうかがわせるものとなっています...

List

  • 2021/06/01

TypeScriptToLua - TypeScriptからLuaに変換

TypeScriptが一プログラミング言語としてだけでなく、他のプログラミング言語への変換フォーマットのような存在になってきています。JavaScriptはもちろんのこと、AssemblyScriptのようなサブセットもあります。今回紹介するTypeScriptToLuaはTypeScriptからLuaに変換するソフト...

List

  • 2021/05/31

Mumemo - スクリーンショットベースのメモアプリ

メモを取るスタイルは人それぞれです。テキストだけで良い人もいますが、長文をコピーするくらいなら、画像で残した方が良いという人もいるでしょう。しかし検索できないのは、それはそれで不便というケースもあります。今回紹介するMumemoはスクリーンショットベースのメモアプリケーションになります。## Mumemoの使い方起動し...

List

  • 2021/05/30

satellite-viewer - 30行で作られた衛星トラッカー

夜空の星を見上げると、ISSが見えることがあります。同様に地球上には数多の人工衛星が飛んでいますが、小さいものは肉眼では見られないでしょう。しかし、どこを飛んでいるのか分かるだけでもロマンがあります。今回紹介するsatellite-viewerは、そんな衛星の周回軌道を再現するビューワーアプリです。## satelli...

List

  • 2021/05/30

BandwidthLimiter - ドメイン単位でネットワーク速度を制限

自宅やオフィスの高速ネットワーク環境下で開発していると、ついネットワークが遅い環境のことを忘れてしまいます。その結果、リッチなWebサイトやアプリを作ってしまい、利用者にとっては使いづらいものができあがります。そこであらかじめネットワーク速度を制限しながら開発してみましょう。それを手軽に実現できるのがBandwidth...

List

  • 2021/05/29

はてブ爆速検索君 - はてなブックマークをインクリメンタルに検索

MOONGIFTのはてなブックマークアカウントにはオープンソースの記事ばかり載せていますが、かれこれ3万を超えるブックマーク数となっています。これだけあると検索が便利なのですが、時々妙に遅いことがあります。そこで使ってみたいのがはてブ爆速検索君です。自分のデータだけを高速に検索します。## はてブ爆速検索君の使い方ロー...

List

  • 2021/05/29

HATETRIS - 嫌なブロックばかり落ちてくるテトリス

テトリスは皆さん知っているでしょうし、一度はプレイしたことがあるでしょう。そんな時、期待するブロックがなかなか来なくてストレスが溜まった経験があるはずです。時に、その期待するブロックが来なかったためにゲームオーバーになったこともあるでしょう。今回紹介するHATETRISは、そんなイライラした経験を再現する(というかイラ...