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

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

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

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

もっと見る

List

  • 2020/04/22

CodeJar - Web上で使える小さなコードエディタ

Web上でコードを表示したい場面はよくあります。そのためのコードハイライトライブラリも多数ありますが、それは単に装飾だけ行うものです。ユーザに編集を許可するものではありません。もしWebブラウザ上で使える手軽なコードエディタを探しているならば、CodeJarを使ってみましょう。## CodeJarの使い方表示例です。!

List

  • 2020/04/22

Raycast - HTML5でレイキャスティングを楽しむコンポーネント

3Dゲームでよくあるのがレイキャスティングによる表示です。壁などが垂直に表示されて、前後左右に動いたり、視点を変えると見える映像が変わるというものです。DOOMなどでよく知られている表示形式です。そんなレイキャスティングをReactで再現したのがRaycastになります。HTML5でも十分に3Dゲームが楽しめそうです。...

None

  • 2020/04/21

hostctl - hostsファイル管理用コマンド

開発者であればhostsファイルを編集して接続先を変更してみるといった操作を行うことがよくあるかと思います。hostsファイルは単なるテキストファイルなので管理が煩雑になりがちで、後で見返した時に分かりづらいものになってしまいやすいです。そこで使ってみたいのがhostctlです。hostsの設定をグルーピングして分かり...

None

  • 2020/04/21

CoroVent - スイス発の人工呼吸器

これはさすがに試せないのですが、ぜひ知って欲しいのでご紹介。コロナウィルスの猛威によって、世界的に医療リソース不足が問題になっています。マスクや手袋、防護服など様々な物資が足りていません。そんな中、患者向けには人工呼吸器の不足が叫ばれています。企業も増産は行っていますが、それでも新興国などでは不足しています。そんな中、...

List

  • 2020/04/20

PokeTraveler - ポケモンの街を歩こう

ポケモンでは街があり、そこでは情報を収集したり、他のキャラクターやジムリーダーとバトルすることができます。しかし、これはあくまでもあなたもポケモントレーナーである前提です。あなたがポケモントレーナーではない状態で彼らの街を訪れると、きっとPokeTravelerのような感じになるはずです。## PokeTraveler...

List

  • 2020/04/20

Mathup - MathMLを簡単に書ける記法&レンダー

Web上で数式を表示する際に使われる記法は幾つかあります。最も有名なのはMathMLではないでしょうか。他にASCIIMathMLもあります。高度な表現が可能な分、その記法がかなり難しいという難点があります。そこで作られたのがMathupです。既存の記法に比べてずいぶん分かりやすく、MathML互換の表現が可能となって...

List

  • 2020/04/19

Type Puzzles - TypeScriptの基礎、型について学ぶ

TypeScriptをこれから学習したいと考えていますか。TypeScriptはJavaScriptのスーパーセットなので、基本的にJavaScriptでできることはすべてできます。そして追加される中で最も便利で知っておかないといけないのが型の使い方です。今回紹介するType PuzzlesはTypeScriptの型を...

List

  • 2020/04/19

MVP.css - 素のHTMLでもいい感じの表示に

いきなり大掛かりなサービスを作るのではなく、ミニマムなコンセプトが分かる小さなモデルを作ってみる、それがMVP(Minimum Viable Product)と呼ばれる考え方です。MVPで仮説検証を行い、確信してからサービス開発に入ると失敗が少なくなります。今回紹介するMVP.cssは、WebでMVPを作る時に使えるス...

List

  • 2020/04/18

Fluent UI - Microsoft社製のReact向けUIコンポーネント

HTML5で高度なWebアプリケーションの開発が行えるようになっています。そういったサービスを開発する場合、大事なのはUIです。従来のWebっぽさを残すと、ユーザビリティが低くなりがちです。なるべくネイティブ風なUI/UXを意識しましょう。もしWindows向けのサービスを開発しているならばFluent UIを使ってみ...

List

  • 2020/04/18

ROYGBIV - Web向けの3Dゲームエンジン

ゲームを開発する際にスクラッチでゼロから開発するのは非効率的です。作りたいゲームジャンルに応じてフレームワークを選ぶことで、より早く、効率的に開発できます。ゲームで求められる要素はそれくらい複雑になっています。もしあなたが3Dゲームを開発したいならばROYGBIVをチェックしてみましょう。3Dアクションゲーム対応のフレ...

List

  • 2020/04/17

Vimac - Vimユーザにお勧めのmacOS操作ツール

開発者はプログラミングエディタに触れている時間が長いため、他のソフトウェアであっても同じような操作法を使いたいと思うようになります。それが特殊なキーバインドを持つソフトウェアであれば尚更です。今回紹介するVimacはVimユーザにお勧めしたいソフトウェアです。macOSの操作をVim風のキーバインドで可能にします。##...

List

  • 2020/04/17

GoIndex - Google Driveのファイルをインデックス表示

Google Driveでファイルを管理している企業は多いでしょう。そして、フォルダ内にあるファイルを公開したいと考える場合もありそうです。わざわざHTTPサーバを立てずにGoogle Drive上のファイルをメンテナンスするだけでよければ簡単です。そこで使ってみたいのがGoIndexです。Google Driveのフ...

List

  • 2020/04/16

Gantt-elastic - Vue製のガントチャート

プロジェクト管理では必ずといってもいいほど使われるのがガントチャートです。プロジェクト管理のシステムには組み込まれているものが多いですし、Excelなどを使って自作のガントチャートを利用するケースもあります。今回紹介するGantt-elasticはVueベース、Webブラウザで使えるガントチャートライブラリです。## ...

List

  • 2020/04/16

Zoom Redirector - Zoomの会議室をWebブラウザ向けに差し替え

コロナウイルスの影響もあり、オンライン会議室のニーズが高まっています。そんな中、一番使われるようになっているのがZoomではないでしょうか。有料プランなら100人までの参加が可能で、これならばミートアップでも十分使えます。そんなZoomはWebでもアクセスできるのですが、デフォルトはZoomアプリのダウンロードを迫って...

List

  • 2020/04/15

Backstage - 社内用開発者ポータル

開発者用のサービスが広まるのにつれて、チェックすべき情報が増えています。コンテナやネットワークの状態、使い方のドキュメント、各種システムのステータスも監視しなければなりません。そこで使ってみたいのがBackstageです。Spotifyが開発している開発者ポータルシステムです。## Backstageの使い方トップペー...

List

  • 2020/04/15

GreenTunnel - DPIを回避してWebサイトへアクセスする

インターネットは本来自由であるべきです。しかし、企業や政府によってコントロールされている部分もあります。そこで、見たい情報にアクセスする、そのための回避策もまた技術的に提供されています。この手の技術としてはVPNが一般的ですが、今回はDPI(ディープ・パケット・インスペクション)を回避するGreenTunnelを紹介し...

List

  • 2020/04/14

gen - Markdownで使えるテンプレート機能

Markdownを開発現場で使っていると、ドキュメントの一部を使い回したくなります。HTMLなのでリンクでもいいのですが、可読性を高めるなら同じ内容であっても書いてある方が分かりやすいです。そうしたニーズに対応できるのがgenです。Markdownでテンプレート化できるライブラリです。## genの使い方genでは次の...

List

  • 2020/04/14

Uppload - 様々なサービス/画像加工に対応した画像アップローダー

画像アップロードフォームは常に悩ましい問題です。特に最近のようにWebアプリケーションで提供される場合、ファイルアップロードをAjaxで提供したいニーズがあります。ドラッグ&ドロップでファイルアップロードしたい、アップロード前に切り抜きたいなど様々なニーズがあります。今回紹介するUpploadは様々なサービスに対応した...

List

  • 2020/04/13

Airform - お問い合わせフォームをサーバレスで作成

Webサイトでよく使うのがお問い合わせフォームです。他は静的なコンテンツでいいのに、お問い合わせフォームがあるために動的にしなければならない…なんてこともあります。Googleフォームで代用できますが、デザイン的に他と合わないのが問題です。そこで使ってみたいのがAirformです。Airformはメールアドレスだけ指定...

List

  • 2020/04/13

OpenVidu - 様々な形式をサポートするオンライン会議システム

コロナウイルスの影響によって、オンライン会議システムの需要が高まっています。ZoomやGoogle Meetなど有名なサービスもありますが、自社で立てる需要もあるでしょう。そこで使ってみたいのがOpenViduです。様々な形式のオンライン会議に対応したミーティングシステムです。## OpenViduの使い方です。マルチ...