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

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

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

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

もっと見る

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を紹介します...

List

  • 2020/05/09

tower-of-go - 30秒アタックの迷路ゲーム

ターミナルで長時間作業していると、白黒の画面でメリハリがないため、疲れを感じてしまうかも知れません。そんな時には気分転換に少し遊んでみるのもよさそうです。もちろんずっと遊び続けてはいけません。そこでお勧めなのがtower-of-goです。1回30秒で終わる迷路ゲームです。## tower-of-goの使い方開始はsキー...

List

  • 2020/05/09

unsup3d - 2D画像を3Dに展開

2Dと3Dには超えられない壁が存在します。しかし描かれている絵、または撮影された写真の奥にものを見てみたいと思う欲求は常にあります。最近では3D調に撮影できるカメラや、2Dのイラストを動かす技術も出てきました。今回紹介するunsup3dもそんな2Dと3Dの境目を乗り越えるための技術になります。2Dの顔写真(またはイラス...

List

  • 2020/05/08

Audio DSL - AudioWorkletを手軽に扱えるDSL

Web AudioはWebブラウザ上で音楽を扱えるAPIですが、処理をメインスレッドで行う必要があります。それに対してAudioWorkletはオーディオ処理に特化したWorkerで、バックグラウンドで音声処理が可能になります。しかしオーディオ自体の処理は複雑なイメージがあります。そうした処理をDSLでシンプルにしてく...

List

  • 2020/05/08

Artyom.js - Webサイトにボイスコマンドを追加

ボイスコマンドといえばSiri、Google Home、Alexaなどが有名です。スピーカーやスマートフォンに語りかけるだけでアクションしてくれるのは、一度慣れると手放せません。他にももっと音声だけで操作できれば便利なのにと思ってしまうでしょう。そこで使ってみたいのがArtyom.jsです。WebサイトでJavaScr...