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

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

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

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

もっと見る

None

  • 2020/06/08

Deno - nodeの課題を解決する新しいJavaScriptランタイム

nodeを開発したRyan Dahl氏は、その開発過程において様々な課題点が含まれてしまったとしています。パッケージ管理やasync/await、セキュリティ面などで改善すべき点が多いと語っています。そうした課題を解決すべく開発されているのがDenoになります。"node".split

List

  • 2020/06/08

dixitOnline - オンラインでDiXitを遊ぶ

DiXit(ディクシット)というのは語り部(親的なもの)とプレイヤーに分かれるゲームで、語り部のヒントを元にカードを選択し、そのカードが全員一致または不一致じゃない場合に語り部がポイントを得るというゲームです(詳しくは日本一わかりやすい「ディクシット

List

  • 2020/06/07

SpeedVid - HTML5ビデオの動画速度を調整するブックマークレット

YouTubeやDailymotionといった動画共有サイトでは動画のスピードを設定できるようになっています(それでも基本は2倍速まで)。しかしNetflixやHulu、Amazon Primeビデオでは不可能で、ストレスを感じることがあります。今回紹介するSpeedVidはHTML5ビデオの速度を調整できるブックマー...

List

  • 2020/06/06

Snake face - 顔の動きで遊ぶスネークゲーム

スネークゲームは多くの人が一度はプレイしたことがあるでしょう。最初は1ブロックのサイズだったのが、餌を食べるごとに徐々に伸びていき、ゲームレベルが上がっていくものです。今回紹介するSnake faceはそんなスネークゲームと顔認識をつなぎ合わせたゲームになります。つまり、蛇の操作を顔で行います。## Snake fac...

List

  • 2020/06/06

Kwizz Guru - サーバレスで作られているクイズアプリ

クイズは内容のレベル次第で小さい子から大人までみんなが楽しめるゲームになります。ジャンルを歴史から数学、化学など様々なものを取りそろえれば、遊びだけでなく、学習にも効果があるでしょう。今回はそんなクイズゲームをサーバレスで興じられるKwizz Guruを紹介します。## Kwizz Guruの使い方ダッシュボードです。...

List

  • 2020/06/05

Beekeeper Studio - 多彩なデータベースに対応したデータベース管理アプリ

データベースはずっとシステムの根底に存在しています。フロント部分の技術スタックは時代に合わせて変化していますが、データベースは殆ど変化せず、不要になることもありません。それだけに、管理するUIはどんどん便利になって欲しいと思うことでしょう。今回紹介するBeekeeper Studioはデータベース管理のUIとして最新の...

List

  • 2020/06/05

Remote House - オンラインで物理的インタラクションを再現

ここ数ヶ月でオンラインミートアップやリモート会議に関係するソフトウェア、サービスが乱立しています。正直、試す時間もままならないくらいです。突然強制されたリモートワークやオンラインミートアップだけに、改善の余地が多数あるということです。今回紹介するRemote Houseはリモートワークなどで相手に話しかけていいのか分か...

List

  • 2020/06/04

lazynpm - npmのターミナル用UI

npmはJavaScriptライブラリ管理としてデファクトになっています。Bowerもありますが、多くの場合npmで代用されているように感じます。そんなnpmではpackage.jsonが使われますが、情報が多すぎて見づらいと感じることもあります。そこで使ってみたいのがlazynpmです。ターミナル上ではありますが、p...

List

  • 2020/06/04

AC Flower Planner - Web上で花壇のプランニング

手戻りはなるべく避けた方がいいでしょう。多くの場合、手戻りのコストは実行よりも大きいものです。シミュレーションできる場があれば、まずはそこで試すべきです。何度も試し、最善と思える形になったら実行するのです。今回紹介するAC Flower Plannerは、花壇のプランニングツールです。同じような仕組みは他でも流用できそ...

List

  • 2020/06/03

GyazoUploader - 写真のEXIFを使ったGyazoアップローダー

画像アップロードサービスとしてGyazoを使っている人は多いのではないでしょうか。コンピュータのスクリーンショットをアップロードしている人も多いですが、写真などを共有する目的で使っている人もいます。写真をアップロードする機会が多い人に使ってみて欲しいのがGyazoUploaderです。GyazoUploaderはEXI...

None

  • 2020/06/03

easyautotrans - クリップボードの英文を自動翻訳

英文を読んでいて翻訳が欲しいと思うケースは多々あります。単語であれば翻訳はそれほど難しくないのですが(macOSはコンテクストメニューから英和辞書が呼び出せます)、文章になるとGoogle翻訳などに頼ることになるでしょう。文をコピーして、Google翻訳に貼り付けて…といった作業を繰り返すのは面倒です。そこで使ってみた...

List

  • 2020/06/02

Pose Animator - 顔や体の動きを2Dキャラクターに反映する

アニメを人のように動かそうと思った場合、従来は顔や体にマーカーを付けて動きを記録する必要がありました。しかし、今では機械学習を使って顔や体の動きを学べるようになっています。それによってアニ文字のような技術も生まれています。今回紹介するPose Animatorは顔や体の動きを2Dに再現するソフトウェアです。## Pos...

List

  • 2020/06/02

CostBox - PWA対応のシンプルな支出管理

お金を管理する際の基本は、支出を把握することです。節約しているつもりではあっても、記録しないと意味がありません。記録することで可視化し、状態を把握できます。その次に改善するフェーズがあります。今回紹介するCostBoxは支出を記録するのに特化したアプリケーションになります。## CostBoxの使い方メイン画面です。!

List

  • 2020/06/01

AnyGrids - 高機能なテーブル表示ライブラリ

業務システムで最もよく使うのが一覧でのデータ表示ではないでしょうか。多くはテーブルタグを使って構築しますが、ソートや表示するデータの多様さによって、より多機能を求められます。今回紹介するAnyGridsはビジネスデータの表示に特化したライブラリとなっています。業務システムでのデータ表示に一役買ってくれそうです。## A...

List

  • 2020/06/01

React Flow - Reactでノード型インタフェースを実装する

ノード同士を連結するインタフェースは色々な場面で使えます。ビジュアルプログラミングであったり、マインドマップのような思考整理、ノーコーディングプラットフォームでも使えるでしょう。そうしたノードベースのビジュアルインタフェースを作る際に使えるのがReact Flowです。Reactで開発する際に便利でしょう。## Rea...

None

  • 2020/05/31

mac-cleanup - macOSの不要ファイルをまとめて削除してくれるスクリプト

コンピュータは使っている内に、徐々にゴミが溜まっていきます。分かりやすいファイルは自分で削除できますが、キャッシュや一時ファイルなど、ぱっと見では分かりづらいファイルの蓄積はなかなか削除できません。そういったファイルをまとめて消してくれるスクリプトがmac-cleanupです。## mac-cleanupの使い方mac...

List

  • 2020/05/31

Web Vitals Chrome Extension - Web Vitalsの評価を可視化するGoogle Chrome機能拡張

最近GoogleがWeb UXの指標として提示しているのがWeb Vitalsです。3つの指標があり、ローディングとインタラクティブ性、そして視覚的安定性となっています。これらの3つの指標に沿って、Webページを判定します。そんなWeb Vitalsを判定するGoogle Chrome機能拡張がWeb Vitals C...

List

  • 2020/05/30

japan-map-js - 日本のクリッカブルな地図を表示

集まったデータをただ一覧にしているだけではインパクトは薄くなってしまいます。どう可視化するかが問題です。時系列で比較する場合は棒グラフや折れ線グラフ、グループの場合は円グラフなど、データによって選ばれるグラフは異なります。もしデータが地域に合わせて作られるなら、地図上にマッピングするのがいいでしょう。日本地図にマッピン...

List

  • 2020/05/30

simpleParallax.js - 画像を使ったシンプルなパララックスエフェクト

パララックスエフェクトは見ている人にちょっとした違和感を与え、注目を集めるのに使えます。しかしスクロール時の処理を実装するのは大変で、後々のメンテナンスも面倒です。そこで専用ライブラリの利用をお勧めします。今回紹介するのはsimpleParallax.jsです。## simpleParallax.jsの使い方デモです。...