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

プログラミング言語 - TypeScriptの記事一覧

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

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

もっと見る

List

  • 2020/11/18

Team Blog Hub - チームブログをメンバーのフィードから作成する

企業のテックブログは廃れやすいという問題があります。個人のブログならば更新するのに、会社のブログを更新するのは面倒に感じる人は多いようです。また、転職するかも知れない可能性は常にあるので、それを考えると個人で情報発信したいと考えることでしょう。そこで使ってみたいのがTeam Blog Hubです。個々人の発信した情報を...

List

  • 2020/11/13

essentia.js - WebAssemblyを使って音声/音楽を高速解析

インターネット上で扱うメディアにはいくつかの種類があります。プログラミングで解析しやすいのはテキストでしょう。次に画像を解析するライブラリも多数あります。最近では機械学習が盛り上がっているので、動画解析を行うライブラリも増えています。意外と少ないのは音楽ファイルの解析ツールです。essentia.jsはそんな中で数少な...

List

  • 2020/11/13

Detect GPU - GPUの性能を取得するライブラリ

WebブラウザでもGPUを利用する機会が増えてきています。3Dゲームを提供する、CSSアニメーションをする、さらに機械学習でWebGLを利用することもあります。しかしGPUはすべて同じではなく、性能の良し悪しがあります。一口にGPUといってもピンキリです。今回紹介するDetect GPUはGPUの性能を簡易的に取得でき...

List

  • 2020/11/10

Visible - AIを用いたアクセシビリティテスト

利用しやすさ、アクセシビリティは大きな問題です。健常者はもちろんのこと、視覚や身体に何らかのハンディキャップがあったとしても情報は適切に伝えられなければいけません。Webは特に幅広い人たちにアプローチできるので、特にアクセシビリティを注視しなければならないでしょう。今回紹介するVisibleはアクセシビリティのテスト、...

List

  • 2020/11/06

Diagram Maker - AWS製。ノードベースのドローツール

テキストで説明するよりも、グラフや図を使った方が分かりやすいという場面は多いです。しかし、ちょっとした図であっても編集が面倒だったり、ソフトウェアをインストールするのが面倒で控えてしまいがちです。その結果、テキストで説明して認識違いが起こったりします。今回紹介するDiagram MakerはAWSが作成したソフトウェア...

List

  • 2020/11/02

Modfy - FFMPEGをWASM化して動画変換

動画変換を行うソフトウェアは多数あります。簡易的なものであればVLCを使ったり、QuickTimeなどでもできるでしょう。より高度な変換をしたい場合にはFFMPEGが使えますが、コマンドラインだけで目的としている動画を作るのはとても大変です。そこで使ってみたいのがModfyです。Webベースで使える動画変換ソフトウェア...

List

  • 2020/10/29

Firetable - Firestoreのデータ管理を表計算風に

モバイルアプリやWebサイトで、FirebaseのFirestoreを使っている方もいるでしょう。Firestoreはクラウドのデータベースシステムですが、データをJSONで管理しているので、Firebaseの管理画面からでも見づらいのが問題です。そこで使ってみたいのがFiretableです。Firetableを使えば...

List

  • 2020/10/29

WebSheets - GoogleスプレッドシートをCMSのデータ管理に使うWebサイト

Googleスプレッドシートを使うことで、Webサイトのコンテンツを管理できるというのはよくある手法です。個人的にもOnline Meetup

List

  • 2020/10/26

signal - Webブラウザではじめる作曲生活

音楽制作をはじめようと思うと、さまざまな機材が必要になります。ずっと制作しているならば用意した方がいいですが、時々しかしない時に機材を購入したり、引っ張り出してくるのは面倒です。そのせいで制作意欲が削がれてしまうのは勿体ないことです。今回紹介するsignalはWebブラウザだけで使える音楽制作ソフトウェアです。今すぐに...

List

  • 2020/10/25

GitHub Breakout - GitHubのアクティビティグラフがブロック崩しに

GitHubの活動を可視化するアクティビティグラフは、開発者の記録としても使われるようになっています。そんなアクティビティグラフを遊ぶべく、自由な絵を描くソフトウェアは有名です。そろそろ、もっと新しい遊び方(?)が欲しくなっていることでしょう。そこで使ってみたいのがGitHub Breakoutです。アクティビティグラ...

List

  • 2020/10/20

glitch-image - 画像にグリッチ加工を行う

グリッチは画像などのバイナリデータをわざと壊すことで、映像に乱れを起こす加工技術です。乱れによってちょっとした不安感を感じさせたり、空気の乱れやSF的な効果を呼び起こせます。そんなグリッチを任意の画像に適用できるライブラリがglitch-imageです。## glitch-imageの使い方適用した画像です。!

List

  • 2020/10/18

Online GitHub Contributor Graph Generator - GitHubのアクティビティグラフで自由に絵を描く

GitHubでは日々の活動(Gitログ)によってアクティビティグラフが描かれます。それによって毎日開発を続けようと思いますし、モチベーションにしている人も多いでしょう。あのグラフはサーバ側で制御しているものではないので、Online GitHub Contributor Graph Generatorのような仕組みを使...

List

  • 2020/10/13

labelmake - WebでもCUIでも使えるPDF生成ライブラリ

PDFとシステムの連携で思いつくのはレポートや帳票でしょう。基本的に両方とも提携であり、データだけ変わります。テンプレートがあると、より作りやすくなります。今回紹介するlabelmakeはスキーマと呼ぶスタイル設定を用いてPDFを生成するソフトウェアです。## labelmakeの使い方左側がコード、その結果が右側のP...

List

  • 2020/10/10

AVR8js - WebベースのArduinoシミュレータ

IoTをはじめてみようと思っても、一番のネックになるのが専用のマイコンを手に入れないといけないことでしょう。高いものではありませんが、それでも最初から出費が伴うのを嫌がる心理は分かります。そうした中登場したのがAVR8jsです。なんとJavaScript製のArduinoシミュレータです。## AVR8jsの使い方確か...

List

  • 2020/10/09

SmartBlock - ブロックベースのReact用WYSIWYGエディタ

ユーザにHTML編集を任せる場合、何らかのツールバーやWYSIWYGなエディタが欲しいと思うでしょう。そういったツールは多々ありますが、なかなか使いやすいものに出会えません。今回紹介するSmartBlockはブロック単位での編集が可能なエディタです。並び替えもできて使い勝手はよさそうです。## SmartBlockの使...

List

  • 2020/10/08

html-midi-player - MIDIファイルの再生と可視化を行うWebコンポーネント

MIDIはかつて耳コピーが流行っていた時代に一世を風靡した音楽フォーマットです。今もミュージシャンの人たちは使っていることでしょう。Web上で再生もできますが、ただアップロードするだけでは味気ないものです。そこで使ってみたいのがhtml-midi-playerです。MIDIファイルの可視化と再生ができるWebコンポーネ...

List

  • 2020/10/02

Taskcafe - いかしたデザインのカンバンシステム

カンバンの概念は多くのシステム、サービスに影響を与えています。単純なタスク管理とは異なり、ビジュアル化されること、ステータスの変化がはっきりと分かるのがポイントです。カンバンを共有すれば、チーム全体で状況を共有できます。今回紹介するTaskcafeはそんなカンバンシステムになります。デザインも格好良く、使いやすそうです...

List

  • 2020/09/26

TimeCat Chrome - ごく小さなファイルサイズでブラウザ操作を記録

ブラウザの操作を記録したいと思ったことはないでしょうか。動画で録画したり、アニメーションGIFとして保存するソフトウェアもあります。確かに便利ですが、ソフトウェアを立ち上げるのが面倒です。もっと手軽にさくっとできると便利です。そこで使ってみたいのがTimeCat Chromeです。Google Chrome上で、まるで...

List

  • 2020/09/21

goplayground-js - Go言語のプレイグラウンド用JavaScriptクライアント

Go言語は今注目が集まっているプログラミング言語の1つでしょう。多彩なOS向けにまとめてコンパイル可能で、堅牢かつ高速に実行できます。ライブラリも充実してきており、利用しやすくなっています。そんなGoを任意のWebサイトやJavaScriptから実行できるのがgoplayground-jsになります。## goplay...