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

オープンソースの記事一覧

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

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

もっと見る

List

  • 2020/10/02

Taskcafe - いかしたデザインのカンバンシステム

カンバンの概念は多くのシステム、サービスに影響を与えています。単純なタスク管理とは異なり、ビジュアル化されること、ステータスの変化がはっきりと分かるのがポイントです。カンバンを共有すれば、チーム全体で状況を共有できます。今回紹介するTaskcafeはそんなカンバンシステムになります。デザインも格好良く、使いやすそうです...

List

  • 2020/10/02

ztext.js - テキストや絵文字、画像を3D化

2Dのものを3Dで表現する試みは多数あります。人の脳は2次元であったとしても、奥行きを持たせることで、向こう側にある空間を意識します。さらに静的ではなく、動かしたりするとより、立体感が生まれます。今回紹介するztext.jsはテキストや絵文字を3D化するソフトウェアです。## ztext.jsの使い方実際に試していると...

List

  • 2020/10/01

PeopleMap - 研究者を自然言語で可視化

学術的な研究分野はオンラインの発展により、どんどん広がっています。世界はどんどん狭くなっており、情報は日々大量に作成されています。大学内にある古いインデックスを見ても正しい研究者にたどり着くのは至難の業でしょう。そこで作り出されたのがPeopleMapです。研究者のグルーピングを機械学習によって行います。## Peop...

List

  • 2020/10/01

Screenshoteer - コマンド一つでWebサイトのスクリーンショット取得

Webサイトのスクリーンショットを撮る際にはどうしているでしょうか。ドキュメントやヘルプ、スライドなどスクリーンショットが必要になる場面は実に多いです。ブラウザをそのままキャプチャしてもよいですが、個人の機能拡張など余計な情報が入ってしまいます。今回紹介するScreenshoteerはスクリーンショットが取得できるCL...

List

  • 2020/09/30

One Day list - ポップなデザインのToDo管理アプリ

Todoアプリは好みが分かれるようで、万人受けするものは存在しないようです。それは多様性を生み、各自が自分好みのソフトウェアを選択できます。シンプルなもの、Web系、アプリ系、ローカル、クラウドとさまざまです。今回紹介するOne Day listはFlutter製となっています。スマートフォン向けのToDo管理になりま...

List

  • 2020/09/30

Paged.js - まるで電子書籍のような表示に

Webページと電子書籍では見え方が大きく違います。Webページの内容をそのまま電子書籍にしたいと思っても、その見え方がまったく異なることに不安を感じる人もいるでしょう。両者の見せ方を同じものにする場合、Webページを電子書籍側に寄せるのがよさそうです。今回紹介するPaged.jsはWebページをまるで電子書籍であるかの...

List

  • 2020/09/29

splashy - 画像から色情報をピックアップ

デザインのカラーパレットを決める際に、別なものからインスピレーションを得たいと考えないでしょうか。格好良いロゴがあったなら、そこで使われている色情報をベースに、Webページを作れば雰囲気のよいものができあがりそうです。今回紹介するsplashyは画像を読み込み、そこからメインとおぼしき色情報を抽出するソフトウェアです。...

List

  • 2020/09/28

Leaflet Image - 地図上にフリーハンドでヒートマップを描く

地図とヒートマップの相性はよいです。どの地域で特に問題が発生しているか、気温が高い、風が強いかなど多くの情報が地図とヒートマップの組み合わせで表現されています。しかし自分で作るのは骨が折れるでしょう。そこで使ってみたいのがLeaflet Imageです。地図を使ってフリーハンドで描けるヒートマップライブラリになります。...

List

  • 2020/09/28

filters.css - CSSを使って画像の簡易編集

写真を加工する際には画像編集ソフトウェアを使います。UGM(ユーザー生成コンテンツ)の場合、アップロードされる画像すべてを加工するのはたいへんです。サーバ側で処理できますが、サーバの負荷は大きくなるでしょう。そこで使ってみたいのがfilters.cssです。CSSベース、クライアント側でフィルタリング処理が可能です。#...

List

  • 2020/09/27

css3d-game - CSS3製のファーストパーソンゲームエンジン

自分視点で楽しめるゲーム、いわゆるファーストパーソン系のゲームは主にシューティングで採用されています。しかし、自分の視点なのでより没入感が高く、他のジャンルでも応用できます。脱出ゲームなどもこの視点で提供されることが多いジャンルです。今回紹介するcss3d-gameはCSS3を駆使して提供されるファーストパーソン視点の...

List

  • 2020/09/26

Flexbox Defense - タワーディフェンスゲームを通じてFlexboxの使い方を学ぶ

ゲームを通じて技術を学ぶのは興味深い手法です。体験する人も楽しみながらプログラミングが学べます。書籍やオンライン情報を元に自分だけで学んでいくのは困難ですが、ゲームで対話を楽しみながらできれば継続できそうです。今回紹介するFlexbox DefenseはCSS3のFlexboxをタワーディフェンスゲームをベースに学ぶソ...

List

  • 2020/09/25

Graphtage - JSON/YAML/HTMLなどに特化した差分ビューア

差分表示というのは難しいです。従来は文章やプログラミングコードのような上から順番に書かれているフォーマットが対象だったはずです。最近では画像であったり、形式を変更したものに対しても差分表示が求められたりします。今回紹介するGraphtageはツリー構造になっているファイルフォーマットに対して使える差分ソフトウェアになり...

List

  • 2020/09/24

danfo.js - データを素早く手軽にビジュアル化

データのビジュアライズはとても大きな問題です。ツールによって使い勝手がばらばらで、簡単に使えるものもあれば、とても複雑なものもあります。データ量によって選択肢が変わり、最適な表示方法も異なります。今回紹介するdanfo.jsは、とても簡単に使えるデータビジュアライズソフトウェアです。## danfo.jsの使い方dan...

List

  • 2020/09/23

imgproxy - 高速で手軽な変換機能付き画像プロキシサーバ

画像は扱いが難しいメディアです。オンラインでよく使われていますが、同じ写真でも表示する場面によって大きさを変更したいことがあります。常にきれいで、画素の高い画像を使っているとネットワークを圧迫してしまうので、必要に応じたサイズへの変更が必要になります。これがとても面倒です。そこで使ってみたいのがimgproxyです。画...

List

  • 2020/09/23

Speech to Text Webcam Overlay - Webカメラの映像に音声認識した字幕を表示

コロナ禍にあって、さまざまな変化が生じています。ネガティブな変化も多いですが、そうした中だからこそ生まれる新しいしくみもあります。多くのイベントがオンライン開催になる中、聴覚障害がある方に字幕を見せるような試みも行われています。今回紹介するSpeech to Text Webcam Overlayはブラウザ上に移ったW...

None

  • 2020/09/22

webify - コマンドの入出力をWebで行う

CUIとWebの間には大きな壁があります。たとえばWebアプリケーションを使えば、サーバサイドのコマンドを使うこともできるでしょう。しかし、そのために実行環境を作ったり、Webアプリケーションを立てるのはとても面倒です。そこで使ってみたいのがwebifyです。ちょっとしたコマンドをブラウザから実行できます。## web...

List

  • 2020/09/22

Fuzbal - ページ内でファジーな検索を可能にするGoogle Chrome機能拡張

ブラウザのページ内検索で、微妙に文字が違っていて結果に出てこない思いをしたことはないでしょうか。GoogleのWeb検索などでは大文字小文字はもちろん、異なる単語でも意味をくみ取ってくれたりします。そうした柔軟性がローカルの検索でも欲しいと思わないでしょうか。今回紹介するFuzbalはあやふやな検索も可能なページ内検索...

List

  • 2020/09/21

goplayground-js - Go言語のプレイグラウンド用JavaScriptクライアント

Go言語は今注目が集まっているプログラミング言語の1つでしょう。多彩なOS向けにまとめてコンパイル可能で、堅牢かつ高速に実行できます。ライブラリも充実してきており、利用しやすくなっています。そんなGoを任意のWebサイトやJavaScriptから実行できるのがgoplayground-jsになります。## goplay...

List

  • 2020/09/21

PuffinBASIC - Java製のBASIC実行環境

BASICといえば、40代以上のプログラマーが一番初めに触ったプログラミング言語ではないでしょうか。筆者も一番最初がBASICでした。今思えば非効率的な言語に思えますが、上から順番に実行される安心感はあります。そんなBASICのインタプリタとしてPuffinBASICを紹介します。PuffinBASICはJavaで書か...

List

  • 2020/09/20

Finicky - 設定に沿ってブラウザを自動切り替え

Webサイトによって最適なブラウザがあります。極端な例でいえば、ActiveXが使われていてInternet Explorerでないと動かないといったWebサイトです。Webサイトごとにブラウザを切り替えてアクセスし直すのは面倒です。そこで使ってみたいのがFinickyです。あらかじめ定義した設定に従って、自動的に表示...