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

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

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

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

もっと見る

List

  • 2020/05/02

Tablist - URLをまとめて取得、開く

Google Chromeで開いているタブをまとめてコピーしたいことはよくあります。また、そのための機能拡張も多数あります。これらはまとめ記事を作ったりするのに便利です。しかし、その逆も需要がありそうです。それは多数のURLをまとめて開きたいというニーズです。そのために使える機能拡張がTablistです。## Tabl...

List

  • 2020/05/02

Avatarify - 写真1枚であの有名人になれちゃうアバター

ZoomやGoogle Meetなどを使ってオンラインでミーティングを行うことが増えてきました。会社によっては顔を見せないのを基本としているところもありますが、多くの場合は対面としてお互い安心感が得られるようにするようです。そんな中、場の雰囲気を和ませたいならば使ってみたいのがAvatarifyです。機械学習を使って顔...

List

  • 2020/05/01

Crossnote - VS CodeをMarkdownエディタに

Markdownエディタに求める機能は何でしょうか。例えばファイルが一覧表示になっているのは大切です。さらにタグ付けできたり、タスク管理ができたりするのも便利です。他にも添付ファイルやプレビューなど様々な機能が挙げられます。プログラミングエディタとしてVS Codeを使っている方に試して欲しいのがCrossnoteです...

List

  • 2020/05/01

Theia - Eclipse製のVS Code対抗馬

プログラミングエディタの歴史はAtomの登場で一気に変わったといえます。AtomをベースにVS Codeが登場し、一気に人気を獲得しています。VS CodeはMicrosoft製のソフトウェアですが、これだけ多くの開発者に受け入れられているのは、彼らの変革を象徴する存在ともいえるでしょう。そんなVS Code対抗馬とし...

List

  • 2020/04/30

COVID-19 Japan Web API - コロナウィルスのデータをオープンなWeb APIで公開

コロナウィルス(COVID-19)が世界的に猛威を振るう中、オープンデータ活用も多数行われています。データを可視化したり、予測に使ったりといったことも、元データが出てくればこそです。しかし、そうしたデータが見やすい形になっているかは別です。ExcelやPDFで公表している場合もあるかも知れません。そこで使ってみたいのが...

List

  • 2020/04/30

VanillaJSChess - 対戦もできるチェスエンジン

オセロやチェス、将棋、碁など様々な競技がAIによって蹂躙され、人はとても太刀打ちできないレベルになってしまっています。しかし、だからといって楽しさがなくなった訳ではありません。AIを研究することで、人のレベルもまた進化していたりします。今回紹介するVanillaJSChessは外部ライブラリに依存しないJavaScri...

List

  • 2020/04/29

HTML DOM - 素のJavaScriptでどうDOMを操作するのか学ぼう

jQueryやVue、Reactなどを触っていると、実際のDOM操作をどう行うのか忘れてしまったりします。DOMを作ったり、追加する、変更するといった操作は意外と面倒ですが、直接行う分、高速であるはずです。HTML DOMはそんなDOM操作を素のJavaScriptで行う方法を学べるWebサイトになります。## HTM...

List

  • 2020/04/29

Storybook - フロントエンド開発者向けUIコンポーネント学習サイト

フロントエンドで利用できる技術が多様化しており、それらの使い方を効率的に学ぶ手段が欲しくなっているはずです。大事なのはその場で実行したりして確認できることで、それによって敷居が大幅に下がるはずです。今回紹介するStorybookは各種フロントエンドフレームワークに対応した、UIコンポーネントエクスプローラーです。## ...

List

  • 2020/04/28

Micro Sniff - 使われているマイクデバイスを画面に表示

自宅での仕事が多いと、リモートでミーティングする機会も増えていきます。そんな時にはWebカメラやマイクを使うと思いますが、切るのを忘れていると思わぬ姿や音声を晒してしまうことになるかも知れません。そうならないためにもMicro Sniffをインストールしておくといいでしょう。利用中のマイクがあれば画面上に表示してくれる...

List

  • 2020/04/28

Ocula - PWA製のお天気アプリ

天気はごくごく基本的な情報になります。スマートフォン、スマートウォッチなどにおいても天気アプリは必ず入っているものです。今日の天気、明日の天気は誰しもが気になるものでしょう。OculaはPWA(Progressive Web Apps)で作られた天気アプリになります。PWAを学ぶ上でも役立ちそうです。## Oculaの...

List

  • 2020/04/27

COVID-19-Map - コロナウイルスに関する現状を可視化するアプリ

コロナウイルスが猛威を振るっています。日々、世界中で感染者が増加しており、さらに多くの人たちが亡くなっています。こうした状況下において大事なのは、正しい情報を正しく判断することでしょう。今回紹介するCOVID-19-MapはデータのソースとしてEsri ArcGISが公開しているものを利用し、マップに展開しているアプリ...

List

  • 2020/04/27

Smooth Scrolling Image Effects - スクロールを使って画像にアニメーションを起こす

Webブラウザでは様々なユーザアクションを使ってイベントを実行できます。クリックや文字入力はもちろん、ウィンドウのリサイズやマウスオーバーなど細かく指定して、よりユーザビリティの高い仕組みを提供できます。Smooth Scrolling Image Effectsは名前の通り、スクロールを使って画像エフェクトを実行しま...

List

  • 2020/04/26

timecop - オフラインで使える時間管理スマホアプリ

時間は有限です。誰にとっても共通のリソースで、忙しくしても暇に過ごしても1日24時間は変わりません。それだけに濃密に過ごさなければなりません。自分がどう一日を過ごしているか、それはまず測定して学ばなければならないでしょう。そのためのアプリとしてtimecopを紹介します。プライバシーに配慮されており、完全にオフラインで...

List

  • 2020/04/26

LibreSpeed - Webブラウザだけでインターネット速度測定

コロナウイルスの影響で自宅勤務を余儀なくされている、遠出できずに自宅にこもっている人が増えています。その結果、動画サイトをはじめとしたインターネット利用は上がる一方だそうです。そうなると気になるのがネットワーク速度ではないでしょうか。LibreSpeedはWebブラウザだけでインターネットの速度を計測できます。## L...

List

  • 2020/04/25

gifcap - デスクトップの操作をキャプチャ&アニメーションGIF化するWebアプリ

HTML5 APIが拡充されることで、これまでデスクトップアプリケーションでしかできなかったことが、どんどんWebブラウザ上で実現できるようになっています。開発環境だってAtomやVS CodeのようにHTML5で作られたものが主流になってきています。今回紹介するgifcapはWebベースでアニメーションGIFを作成す...

List

  • 2020/04/25

colors.lol - 思わず使いたくなくなるカラーパレット紹介

Web上で表現できる色は1670万色あります。これだけあったら何を選んでいいのか分からないかも知れません。主立った色には名前が付いており、その中から選ぶのもいいでしょう。そうしたカラーパレットもたくさんあります。今回紹介するcolors.lolは一風変わったカラーパレットを紹介しています。なんというか…毒舌です。## ...

List

  • 2020/04/24

Hatena::Group Static Site Generator - はてなグループのデータから静的サイトを生成

はてなグループは2004年くらいにはじまったサービスで、複数人で日記を書いたり、カレンダーを使ったりとコミュニティ内のグループウェア的な存在でした。しかし時代の変化に取り残されたのか、2019年に終了が発表されました。Hatena::Group Static Site Generatorはそんなはてなグループのデータを...

List

  • 2020/04/24

Trollo - Vue/Vuex製のカンバンシステム

Trelloのようなカンバン機能はプロジェクト管理に限らず利用できそうです。自分たちで開発しているWebサービスの中に組み込みたいと思った方も少なくないでしょう。しかし実際に開発してみると意外と機能が多いと感じるかも知れません。そこで使ってみたいのがTrolloです。Vueで作られていますので、Vueアプリケーションの...

None

  • 2020/04/23

download - JavaScriptで簡単にファイルダウンロード実行

Webアプリケーションなどでファイルをダウンロードさせたいと思ったことはないでしょうか。別なタブで開いて自分で保存してくださいというのは格好悪いです。ZipなどであればWebブラウザ任せですが、画像などはそうはいきません。そこで使いたいのがdownloadです。とても簡単で使いやすいダウンロードライブラリです。## d...

List

  • 2020/04/23

wow.js - スクロールで開始するCSSアニメーションライブラリ

Web上でアニメーションを実現させるのはとても大変です。それだけに閲覧者にとっては大きなインパクトがあります。少しでも楽に実現させるために、ライブラリを使うのがいいでしょう。様々なライブラリを知っておけば、ぴったりの場面がありそうです。今回紹介するwow.jsはスクロールによって出現するアニメーションライブラリになりま...