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

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

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

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

もっと見る

List

  • 2020/05/19

Zoom Web Browser - Zoomのバーチャル背景を変更するコマンド

Zoomではバーチャル背景と呼ばれる機能で、背景画像を別なものに差し替えられます。一般的には画像、または動画を指定できます。画像の場合、設定画面で差し替えないといけないので面倒です。そこで使ってみたいのがZoom Web Browserです。背景画像をコマンド一つで差し替えられるようになります。## Zoom Web ...

List

  • 2020/05/19

Bypass Paywalls Clean for Chrome - ペイウォールを乗り越えるChrome機能拡張

多くのニュースサイトではペイウォールと呼ばれる仕組みを導入しています。毎月、決まった記事数は読めるものの、一定数以上読もうとすると支払いを迫る仕組みです。サーバ側で制御している場合もありますが、多くはWebブラウザだけで簡易的に行っています。そんな簡易的な制御を破るのがBypass Paywalls Clean for...

List

  • 2020/05/18

Kanmail - カンバンライクなUIのメールクライアント

カンバンはプロジェクトに限らず、様々な場面で利用できます。元々トヨタで生産管理で使っていたアイディアですし、ステータスを可視化するという意味では、もっと利用場面は多そうです。今回紹介するKanmailはカンバンをメールに適用するアイディアを持ったソフトウェアです。## Kanmailの使い方まずアカウントを登録します。...

List

  • 2020/05/18

PWA install - PWAインストール体験を向上させる

PWA(Progressive Web Apps)ではWebアプリケーションをローカルアプリのようにインストールできます。しかし、ユーザとしてはインストールするメリットが見えないとインストールしてくれないでしょう。そこで使ってみたいのがPWA installです。ユーザがインストールしたくなるように促せるウィザードライ...

List

  • 2020/05/17

midori - 背景画像を格好よくアニメーション

画像をただ表示して終わりでは印象に残りづらいです。しかし、JavaScriptやCSSでちょっとアニメーションさせるだけでもインパクトが大きく違います。さらにエフェクトまで行われれば、さらに印象深くなります。今回紹介するmidoriはまさにそのためのライブラリになります。画像の切り替え時にアニメーションやエフェクトを行...

List

  • 2020/05/17

PDF-LIB - JavaScriptでPDFを作成、更新

Web上で扱うことも多いPDF。ただドキュメントとして表示するだけで、あえてJavaScriptから操作することは殆どないでしょう。しかし、JavaScriptとPDFが連携できるようになれば、もっと可能性が広がりそうです。今回紹介するPDF-LIBはWebブラウザ、nodeのどちらからでも操作できるPDFライブラリで...

None

  • 2020/05/16

clikan - CUIで使えるカンバン

カンバンを使ってプロジェクトのタスクを可視化するケースが増えています。そこで、カンバンを使って個人のタスクについても管理したいと思う人もいることでしょう。かといって、そのためにWebサーバを立ち上げたりするのは面倒です。そこで使ってみたいのがclikanです。CUIで使えるカンバンです。## clikanの使い方cli...

List

  • 2020/05/16

AirPods Battery Monitor For MAC OS - AirPodsの充電状態をステータスバーで確認

AirPodsを使っている時、突然バッテリーがなくなって焦った経験はないでしょうか。ケースを使って充電もできますが、それすらバッテリーがないこともあります。普段から充電しておけばいのですが、ついつい忘れてしまいがちです。もしmacOSとAirPodsを繋いでいるならAirPods Battery Monitor For...

List

  • 2020/05/15

Box Line Text - Webで動くバーチャルホワイトボード

会社にあって個人の家にないもの、その一つがホワイトボードではないでしょうか。リモートワークが続いて、ホワイトボードが恋しくなっている人はいないでしょうか。イメージを具体化したり、共有するのにホワイトボードはとても優れています。今回紹介するBox Line TextはWebブラウザ上で使えるホワイトボードアプリです。##...

List

  • 2020/05/15

qrcp - QRコードを使ってファイル送信

ファイルを送り合うのは意外と手間です。Apple製品同士であればAirDropが使えますが、これもWiFiが有効になっていなければなりません。つまり有線LANではできません。さらにAndroidやWindowsなどとはファイル交換が面倒です。そこで使ってみたいのがqrcpです。コマンドラインとWebブラウザで簡単にファ...

List

  • 2020/05/14

台東区周辺のテイクアウト可能なお店マップ - 地元のお店でテイクアウトしよう

コロナウィルスの影響によって、飲食店が閉店したり、テイクアウト主体に移り変わっています。こういった時に、地域の人たちが主体になって買うようにしないと、店が潰れて、外出できるようになった時に本当に困るようになります。そこで便利なのが台東区周辺のテイクアウト可能なお店マップです。名前の通り、台東区周辺でテイクアウトに対応し...

List

  • 2020/05/14

Calla - JitsiをベースにしたRPG風に会って話すチャット

オンラインで多人数の会議をすると分かりますが、複数人が同時に喋ることはできません。全員が耳元で喋りかけてくるのと同じなので、複数人が話すと訳が分からなくなります。そのため、話がなかなか盛り上がりません。そうした状態を打破する試みが幾つもありますが、今回はCallaを紹介します。## Callaの使い方まずルームに入りま...

List

  • 2020/05/13

organice - Webブラウザで使えるOrg mode

Emacsユーザであれば大抵の人たちが知っているOrg mode。個人的にもEmacsをメインで使っていた頃はOrg modeでメモを取っていました。世にあるメモ環境の多くが持っている機能はOrg modeで実現されていたのではないでしょうか。そんなOrg modeをWeb上で使えるようにしたのがorganiceです。...

List

  • 2020/05/13

Panache - Flutterのテーマエディタ

Flutterでは基本的なUIコンポーネントをあらかじめ提供しています。それらを組み合わせるだけでUIが作れるのは便利ですが、色がFlutterっぽさを感じさせるものなのが辛いところです。独自のカラーリングにしようと思うと、一つ一つ調整が必要になります。そこで使ってみたいのがPanacheです。Web上でFlutter...

List

  • 2020/05/12

Plasma Ball Simulation - プラズマボールの動きを再現

プラズマボールを知っていますか(覚えていますか、が正しいかも)。球体の中でプラズマが飛び交っており、手を付けると、その部分にプラズマが吸い付いてくるものです。今ではほとんど見かけることがなくなりましたが、昔はオシャレな部屋にあった(ような)気がします。そんな懐かしいプラズマボールを再現するのがPlasma Ball S...

List

  • 2020/05/12

Zipcall - URLを決めればすぐに動画チャット

Zoomがオンラインミーティングでよく使われるようになっています。しかしセキュリティ上の懸念が強く存在し、有名なIT企業や政府によって禁止されるところも出てきました。Zoomは目下セキュリティ対策を進めているようですが、不穏なソフトウェアの動きがあるなど信頼回復はしばらくかかりそうです。そんな中、代替となるソフトウェア...

List

  • 2020/05/11

Scrawl-canvas - Canvasを使ったアニメーションライブラリ

HTMLではDOMを使ってデザインを構築するだけでなく、Canvasで自由度高くコンテンツをレンダリングできます(他にWebGLもありますが)。Canvasは扱いが難しいですが、アニメーションなども実現でき、可用性の高い技術です。そんなCanvasを使って面白いアニメーションを実演してくれるのがScrawl-canva...

List

  • 2020/05/11

Fishbowl - みんなで遊べるジェスチャーゲーム

Fishbowlというのは一種のジェスチャーゲームのようなものです。ルールは簡単にいえば、一人3つずつ単語やフレーズを書き出します(アイスクリームなど)。それを一カ所に集め(ここが金魚鉢)、2つのチームに分かれます。各チーム代表者が紙を引いて、その単語を口に出さずにチームメイトに説明します(暑い日に食べる冷たいもの、な...

List

  • 2020/05/10

lazyhub - GitHubトレンド専用クライアント

GitHubでは日々様々なソフトウェアが開発、リリースされています。そんなGitHubのトレンドを追いかけるだけで、新しい技術の流れを学ぶこともできます。中には次の時代を作るソフトウェアも登場しているかも知れません。そんなGitHubトレンドを素早く閲覧、チェックできるソフトウェアがlazyhubになります。## la...

List

  • 2020/05/10

mobileSelect - モバイル特化型のドロップリスト

スマートフォンとデスクトップでは画面の大きさが異なるため、最適なUI/UXが異なります。しかしWebは基本的に共通のコンポーネントとなっており、JavaScriptやCSSで工夫しなければなりません。よく使われる割にUXがいけてない、セレクトをスマートフォン向けにいい感じにしてくれるmobileSelectを紹介します...