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

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

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

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

もっと見る

List

  • 2020/02/10

Compressor.js - Web上で画像を圧縮

スマートフォンやデジカメが高性能化し、作成される写真のサイズがどんどん大きくなっています。数MBで済めばいいほうで、場合によっては10MBを超える場合もあるでしょう。そうした写真を受け取る側のサービスもネットワークが逼迫してしまいます。そこで使ってみたいのがCompressor.jsです。画像をJavaScriptで圧...

List

  • 2020/02/09

Markmap - Markdownファイルをマインドマップ化

Markdown記法は開発者の間で幅広く使われるようになっています。基本はドキュメントを書くために使われていますが、構造がシンプルな分、解析することで他の目的でも使えます。今回はその一つ、Markmapを紹介します。Markdown記法をマインドマップに変換するソフトウェアです。## Markmapの使い方デモです。!

List

  • 2020/02/08

DiagramFlowJS - Web上でフローチャートを描くJavaScriptライブラリ

Web上でフローチャートを描いたり、図を描く際にはどんなツールを使っているでしょうか。各ノードを連結させたり、連結後に動かしてもちゃんと線が繋がったままになっているツールを選ぶのがいいでしょう。今回紹介するDiagramFlowJSはそんな図を作るのに使えるソフトウェアです。## DiagramFlowJSの使い方多く...

List

  • 2020/02/06

JsBattle - 対戦ゲームを通じてプログラミングを学ぶ

プログラミングを覚えるのにゲーミフィケーションを取り入れるのはいいアイディアです。ただひたすらに写経しながら覚えるのは忍耐力が必要ですし、目的があった方がモチベーションが維持しやすいでしょう。今回紹介するJsBattleはJavaScriptをゲームを通して学べるソフトウェアです。## JsBattleの使い方トップペ...

List

  • 2020/02/05

mute.vc - VCな人たちをまとめてミュート

Twitterにはブロックではなくミュート機能というのもあります。ブロックするほどではないけれど、ツイートを見たくないという時に使える機能です。せっかくTwitterを楽しんでいるのに、見たくないツイートで残念な気分になるのは避けたいものです。今回紹介するmute.vcはいわゆるVC(ベンチャーキャピタル)に関わる人た...

List

  • 2020/02/05

ffmpeg.js - Web上で使えるFFMPEG

WebAssemblyを使うことで、これまでのWebでは難しかったスピードでアプリケーションを実行できるようになります。DOMやネットワークが使えないといった制限はありますが、計算処理を高速に行えるのは大きなメリットです。そんなWebAssemblyでは既存のソフトウェアをEmscriptenを通してWebAssmbl...

List

  • 2020/02/04

Excalidraw - プロトタイプに。ラフな線が書けるドローツール

きっちりした、正確な図を書くと、ほんの少しの乱れが気になって修正に時間がかかってしまったりします。それは些細な問題で、本質的な問題ではないにも関わらずです。特にプロトタイプなどではラフさを残した方がはやく作れます。今回紹介するExcalidrawは手書き風の図を書けるソフトウェアです。乱れている分、細かな点は気にせず作...

List

  • 2020/02/02

jExcel - Web上でExcelレベルの表計算機能を実現

業務システムをWebアプリケーション化すると、必ず一覧表の機能が必要になります。そして、テーブル組などで簡単に終わらせようとすると、並び替えやインライン編集などの機能要望が出てきます。今回紹介するjExcelはExcel風の表計算機能をWeb上で実現してくれるソフトウェアです。## jExcelの使い方ページネーション...

List

  • 2020/02/01

OpenInTerminal - Finderからターミナル、エディタをディレクトリ指定して呼び出し

macOSでファイルを操作する際にはFinderを使いますが、その際に今見ているディレクトリでターミナルを開きたいと思うことがあります。フォルダをドラッグ&ドロップしてもいいのですが、あまりスマートではありません。そこで使いたいのがOpenInTerminalです。ターミナルを開くのに加えて、エディタでディレクトリを指...

List

  • 2020/01/30

Multiplayer 2d car game! - マルチプレイヤーで接続して遊べるゲームの基盤に

ゲームは一人でやっても面白いですが、複数人になるとさらに面白さが増します。コンピュータ相手に戦うのでは味気ないですが、友達やインターネットを通じた人とゲームを興じるのは、思いもしなかった展開になったりすることでしょう。今回紹介するMultiplayer 2d car game!はそんなWebブラウザゲームの基盤に使えそ...

List

  • 2020/01/28

React Spectrum - カラフルなテキスト用プレースホルダーを生成

Webやアプリのデザインを行う際に、アテで文字列を適用します。同じ文字を繰り返す、小説の一文を使うなど様々な方法がありますが、むしろテキストでない方がいいこともあるでしょう。そんな時に使ってみたいのがReact Spectrumです。カラフルなプレースホルダーを生成します。## React Spectrumの使い方生成...

List

  • 2020/01/27

G6 - ノードの繋がりを可視化するチャートライブラリ

Webの表現力を補うために多くのデータビジュアル化ライブラリが存在します。グラフのようなものもあれば、さらに複雑なチャートライブラリもあります。アニメーションしたり、高速で表示されたりと様々な特徴があります。G6はノード同士を連携し、それを表現するのを得意とするチャートライブラリになります。## G6の使い方サンプルで...

List

  • 2020/01/26

ASCIIPlayer - 動画/アニメーションGIFをターミナルで楽しむ

ターミナルでも動画を見たいと思ったことはないでしょうか。私たちには画像をアスキーアート化するテクニックが昔から知られており、さらにASINカラーで色付けすれば、それなりに楽しめそうです。ASCIIPlayerはそんな夢を叶えてくれる動画プレイヤーです。ターミナル上でアニメーションGIFや動画を楽しめます。## ASCI...

List

  • 2020/01/25

isocity - 小さな箱庭で自分の街を作る

シムシティに代表される、シミュレーションゲームが好きな人たちは大勢います。箱庭的な空間で自分が最高と考える都市を造ったり、ビルを造りあげるのはとても面白いです。個人的にも大好きなのですが、時間を奪いすぎるので控えるようにしています。そんな街作りが好きな人であればきっとisocityが楽しめるはずです。## isocit...

None

  • 2020/01/25

jbang - Javaをスクリプト言語風に実行

Javaは世界中で最も使われているプログラミング言語の一つでしょう。その特徴の一つがコンパイルする点にありますが、開発を行う際にはコンパイルしてから実行する際の手間が否めません。そこで使ってみたいのがjbangです。jbangを使えばJavaをスクリプト言語風に実行できます。## jbangの使い方コードです。 `//...

List

  • 2020/01/23

NodeTube - 画像や音楽もアップロードできるYouTube代替

YouTubeの持つ力はとても大きいです。YouTuberをはじめ、様々な新しい文化を生み出しています。その中から新しいスターが日々誕生しており、YouTubeを頼る人たちがどんどん増えています。そんなYouTube代替ともいえるのがNodeTubeです。動画だけでなく、画像やオーディオもアップロードできます。## N...

None

  • 2020/01/21

2020 - OpenFaaSの使い方を学ぶFaaSサンプル

FaaS(Function as a Service)と呼ばれるサービスを使えばサーバレスでちょっとしたコードを実行できるようになります。AWS Lambdaが有名ですが、他のクラウドも同様のサービスを提供しています。今回はその一つ、OpenFaaSを使って作られた2020を紹介します。## 2020の使い方2020は...

List

  • 2020/01/21

mastogetter - ますとげったー。Mastodon版Togetter

Twitterはリアルタイムに情報が流れていきます。爆発的に一気に盛り上がった話題も、刻々と新しい話題に移り変わってしまい、その余韻も残りません。そこで使われるのがTogetterで、ツイートをストックして残せる仕組みです。分散型Twitterとして知られるMastodonについては、mastogetter(ますとげっ...

List

  • 2020/01/20

Native JavaScript for Bootstrap - 脱jQueryしたBootstrap

Bootstrapは開発者でも整ったデザインが簡単に実現できる便利なUIフレームワークですが、jQueryに依存している点がいけてません。jQueryは便利ですが、今時…と思ってしまっている人も多いでしょう。実際、次期バージョンのv5からはjQueryを外す

None

  • 2020/01/19

gore - 入力補完も可能なGo用のREPL

プログラミング言語を学習する際に対話的にコードとその結果を確認できるREPLの存在は欠かせません。RubyやPython、PHPなどスクリプト言語であれば大抵用意されています。JavaScriptであれば開発者ツールを使うことが多いでしょう。そんな中、Go言語で使えるREPLがgoreです。入力補完も可能なソフトウェア...