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

ライセンス - MIT Licenseの記事一覧

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

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

もっと見る

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...

None

  • 2020/05/07

runmd - Markdown中のコードを実行

Markdownの中にコードを書くことはよくあります。そんな時、このコードが実行できればいいのにと思ったことはないでしょうか。コードの実行結果をドキュメントに反映できれば、本当の結果との齟齬もなくなります。そんな使い方ができそうなのがrunmdです。プログラムを実行し、ドキュメント内に反映できます。## runmdの使...

List

  • 2020/05/06

Mailu - Dockerで立てられるメールサーバ

メールサーバを立てるのはとても面倒なイメージがあります。安定して動かしておかないとメールが受信できない、なんて問題にもなりかねません。メールがビジネスの根幹を担っている場合にはなおさらです。そこで紹介したいのがMailuです。Dockerで簡単に立ち上げられるメールサーバです。## Mailuの使い方ログインします。!

List

  • 2020/05/05

QuakeJS - あの名作QuakeをEmscriptenでWeb化

QuakeといえばFPSゲームの傑作ともいえる存在です。DOOMにはなかった高さの概念を組み入れ、多人数での対戦ができるなど、ゲームとしての面白さに満ちています。すでに20年以上前のゲームのようですが、今なお多くのユーザに愛されています。そんなQuake 3をベースにオープンソースとして作られたIOQUAKE3を、Em...

List

  • 2020/05/04

Blurred - 余計な情報を隠して作業に集中する

集中するにはどうしたらいいでしょうか。まず余計な情報を切り捨てなければなりません。五感を刺激する聴覚、嗅覚、視覚など余計な情報をシャットダウンすることで、作業すべきものだけに集中できます。今回紹介するBlurredを使うと、作業用のウィンドウ以外は暗く表示してくれます。これによって視覚的な阻害要因を減らせることでしょう...

List

  • 2020/05/03

Nautilus - Docker Composeの設定を可視化

開発時にDockerを利用している開発現場は多いでしょう。そして、複数のコンテナを組み合わせる場合、Docker Composeを使って管理しているのではないでしょうか。Docker Composeの設定を細かくこだわると、徐々に複雑なものになっていきます。そこで使ってみたいのがNautilusです。Docker Co...

List

  • 2020/05/03

markmap-lib - Markdownをマインドマップに展開

Markdownでメモを書くのに慣れると、なんでもMarkdownで書き残しておきたくなります。後はMarkdownから別なフォーマットに展開できればいいわけです。グラフィカルな部分が少ないので、コンテンツに集中できるのが大きなメリットでしょう。今回紹介するmarkmap-libはMarkdownファイルをマインドマッ...

List

  • 2020/04/30

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

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

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/25

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

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

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はスクロールによって出現するアニメーションライブラリになりま...