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

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

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

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

もっと見る

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/08

Beat of the Day - みんなで音楽を作ろう

音楽界隈ではマッシュアップという文化があります。音楽同士を組み合わせたり、カスタマイズして新しい音楽を生み出していきます。DJによる楽曲の操作もマッシュアップの一つです。今回紹介するBeat of the Dayはそんなマッシュアップを加速させそうなWebサービスになります。## Beat of the Dayの使い方...

List

  • 2021/06/07

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

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

List

  • 2021/06/07

sqliteviz - オフラインでも使えるWebベースのデータビジュアライズ

データのビジュアライズを行う際に、Excelなどの表計算ソフトウェアを使っていないでしょうか。全データを対象とするなら良いですが、絞り込んだ上でグラフ化するのはちょっと面倒です。そこで使ってみたいのがsqlitevizです。Webブラウザで使えるデータビジュアルツールです。## sqlitevizの使い方CSVやSQl...

List

  • 2021/06/06

Animate - 画面に表示されたタイミングを管理するJavaScriptライブラリ

最近、スクロールと連動するアニメーションを行うWebサイトが増えています。主にLPのような広告系のところに多いですが、スクロールに合わせて制御するのはとても大変です。今回紹介するAnimateはDOMが表示されたタイミングで発火するイベントを追加できるJavaScriptライブラリです。## Animateの使い方利用...

List

  • 2021/06/06

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

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

List

  • 2021/06/05

WinBox.js - Webアプリ用のウィンドウ管理

Webアプリケーションが次々と登場しており、複雑な画面を持ったものも増えています。Gmailなどはメールは個別のウィンドウで作成でき、複数のメールを開いて編集できます。こうしたウィンドウ管理がWebアプリケーションのレベルを引き上げることでしょう。今回紹介するWinBox.jsはWeb向けのウィンドウ管理ライブラリにな...

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/04

Getbook - コマンド一つでURLからePubを生成

電子書籍を作ろうと思うと、専用のエディタを使わないといけないと思うでしょうか。もっと手軽に、ブログを書くように作成できると手軽ですよね。WebもePubは両方ともHTMLをベースにしているので、フォーマットは流用できるはずです。今回紹介するGetbookはWebサイトのフィードや記事URLから電子書籍を生成するソフトウ...

List

  • 2021/06/03

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

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

List

  • 2021/06/03

What Time Today? - 空いている日程を素早く確認

リモートワークになってミーティングが増えたと感じている人は多そうです。そんな時に、参加者の時間調整をするのが一番面倒だったりします。空いている時間を見つけるのはとても大変です。そこで使ってみたいのがWhat Time Today?です。カレンダーから選ぶだけで空いている時間をリストアップできます。## What Tim...

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

proofreading-tool - 開発者以外でも使える文書校正ツール

読みやすい文章というのは、ある程度体系化されています。漢字や平仮名の使い方、句読点の使い方などで読みやすさは大きく改善できます。そして、それらのチェックは自動的に行えます。そこで使われているのがLintツールになります。そんなLintツールは開発者であれば使うのは容易ですが、開発者でない人たちにとっては敷居が高いもので...

List

  • 2021/05/31

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

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