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

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

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

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

もっと見る

List

  • 2020/09/21

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

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

List

  • 2020/09/17

LogBox - 開発者ツールを開かずにエラーを補足する

Webサイトを訪問していて何かJavaScriptのエラーなどが起こった際、開発者ツールを立ち上げる必要があります。逆にいえば、開発者ツールを開いていないとエラーに気付かない可能性もあります。これは開発者にとっては面倒な一手間です。今回紹介するLogBoxは開発者ツールを開かずにエラーを報告してくれるGoogle Ch...

List

  • 2020/09/14

Fluent Reader - Electron製。デスクトップ向けのRSSリーダー

RSSリーダーは最近ではあまり使われなくなっているでしょうか。個人的にはソフトウェアの情報集めに必須のツールですが、これは例外でしょう。多くの人たちはソーシャルサービスで十分なはずです。しかし、まだまだフィードリーダーを使っていこうという方は、ローカルソフトウェアを使ってみるのも手です。今回はFluent Reader...

List

  • 2020/09/14

VCam Window for mmhmm - mmhmmを画面共有で使う際に

mmhmmを使ったことがあるでしょうか。仮想カメラとして動作するソフトウェアで、Webカメラの映像や画面共有を取り込んでプレゼンテーションできるソフトウェアです。Evernoteの元CEOが開発していることで話題になっています。そんなmmhmmをWebカメラとしてでなく、画面共有で使いたいと言うニーズに応えるのがVCa...

List

  • 2020/09/13

WikiLoop DoubleCheck - Wikipediaを守るレビューツール

Wikipediaは世界最大の百科事典であり、日々多くの人たちによってコンテンツが作成、編集されています。それを一定の品質に保つため、レビューする人たちがいますが、差分を確認して受諾したり、リジェクトするのはとても大変です。そこで作られたのがWikiLoop DoubleCheckです。Wikipediaのレビューを素...

List

  • 2020/09/09

Moufette - ユーザフィードバックのフォームを生成

Webサイトを表示すると、右下のあたりにチャットウィンドウが表示されることがあります。個人的には煩わしいのですが、よく使われているということは、効果があるのでしょう。メールを書いたり、コンタクトフォームで入力するよりは手軽なのは間違いありません。そんな訪問者との接点としてフィードバック用のフォームを生成できるのがMou...

List

  • 2020/09/07

The Fabricius Project - AI/機械学習を使ってヒエログリフを学ぼう

古代のエジプトではヒエログリフと呼ばれる象形文字が使われていました。博物館などで、エジプト関連の遺跡を見たり、映画で考古学系のものを見ると目にすることの多いものです。あのヒエログリフ、書かれていることが分かったらちょっと知識人っぽいですよね。そんな夢を叶えてくれるのがThe Fabricius Projectです。AI...

List

  • 2020/09/04

Slack Custom Emoji Manager - Slackのカスタム絵文字をまとめてアップロード

Slackにはカスタム絵文字機能があります。色々な絵文字をアップロードしてカスタマイズしている人は多いです。しかし、そのアップロード作業が非常に手間です。一つ一つの画像を順番にアップロードしてたら日が暮れてしまいます。Web APIを使ってバルクアップロードもできますが、今回はもっと簡単なSlack Custom Em...

List

  • 2020/09/03

starboard-notebook - Webブラウザ上でJavaScriptを実行、確認

WebブラウザではJavaScriptが動作するので、Webブラウザさえあれば、わざわざnodeをインストールすることなく、プログラミング環境が手に入ります。しかし開発者ツールを開くのは、やはり開発者くらいでしょう。今回紹介するstarboard-notebookは、Webブラウザ上で実行できるJavaScript実行...

List

  • 2020/08/28

billboard.js - D3.jsを用いた多彩なグラフライブラリ

Web上でグラフを描きたいケースはとても多いです。そしてグラフは単に1種類知っておけばいいわけではなく、用途に合わせて最適なものを選ばないといけません。一つのライブラリだけで行うなら、なるべく多くの表示パターンに対応したものを使うべきでしょう。今回紹介するbillboard.jsは一般的なグラフであれば、大抵こなせる強...

List

  • 2020/08/20

React Guitar - ギターのコード表示と音の確認ができるReactコンポーネント

コロナ禍にあって、自宅で過ごす時間が長くなっている中、新しい趣味を見つけている人が大勢います。そんな中にはギターなどの楽器をはじめてみたという人もいるのではないでしょうか。ハイレベルなものではなく、趣味としてはじめてみるのはよさそうです。そんなギターの練習としてReact Guitarを使ってみてください。いわゆるギタ...

List

  • 2020/08/18

Grid - スプレッドシート風にもできるReactのグリッドコンポーネント

表計算ソフトウェアは様々な場面で使われています。日本においてはExcel職人と呼ばれる人たちによって、あらゆるドキュメントやアプリケーションがExcel上で展開されたりします。ちょっとしたデータベースとして使ったり、BIツールのUIになったりと大活躍していることでしょう。そんな表計算インタフェースを自分のアプリケーショ...

List

  • 2020/08/18

Perfect Arrows - 完璧な矢印をWebに描くライブラリ

一つのことにフォーカスして完璧にやり遂げるライブラリは大好きです。色々な機能に手を出すと、どれも中途半端になってしまいます。2割の機能が8割の目的を達成するというのはよくある話で、たくさんの機能はむしろ混乱を招きます。今回紹介するPerfect Arrowsはその名の通り、完璧な矢印を表示するライブラリです。## Pe...

List

  • 2020/08/13

Spaceboard - Markdown対応の付箋紙サービス

アイディアを集めたり、まとめる時に付箋紙を使っている人は大勢います。ブレインストーミングなど、チームで使っている人もいるでしょう。そうしたサービスも幾つかありますが、大抵テキストしかサポートしていません。そうした点に不満を感じている方はSpaceboardを使ってみましょう。Markdownをサポートした付箋紙サービス...

List

  • 2020/08/10

Streamlabs - OBS内蔵のゲーム用ストリーミング配信用アプリ

オンラインでイベントを行うことが増えていますが、そんな時によく使われるのがOBSです。非常に便利で、もはやデファクトといってもいいくらいのソフトウェアなのですが、物足りなさを感じている人も多いでしょう。そんな方に知って欲しいのがStreamlabsです。OBSを内蔵したストリーミング配信用アプリです。## Stream...

List

  • 2020/07/31

Screenshot.Rocks - スクリーンショットを使ってWebブラウザのモックアップを作成

スクリーンショットをそのまま貼り付けるだけでは芸がありません。そこには余計な情報も入ってしまっているかも知れませんし、アイコンなどを消したいと思うこともあります。そんな時に使ってみたいのがScreenshot.Rocksです。Webブラウザのモックアップを使ったスクリーンショットを作成します。## Screenshot...

None

  • 2020/07/26

Trex - deno用のパッケージ管理

新しいJavaScript実行環境であるdenoでは、パッケージ管理を行いません。ネットワーク上からのファイルも読み込み可能で、実行時に取得します。これは便利な仕組みですが、場合によってはパッケージ管理したいでしょう(特にバージョンを固定化したい、キャッシュしたい場合など)。そこで使えるのがTrexです。JSONファイ...

List

  • 2020/07/16

Noodel.js - ダイナミックなコンテンツをスムーズに閲覧

Webページは上から下へ、縦スクロールで辿るのが一般的です。しかし、それが最適ではないコンテンツもあるでしょう。例えばドリルダウンしていくコンテンツの場合、縦よりも横の方が合っているかも知れません。今回紹介するNoodel.jsはマウスやキーボードを組み合わせて使えるダイナミックコンテンツ用ライブラリです。## Noo...

List

  • 2020/07/14

SVGuitar - SVGでギターコードを表示

ギターはコードを覚えて弾き方をマスターしていきます。今はオンライン上にもたくさんのギターコードがアップロードされています。しかし、表示形式が特殊なので、画像でできているものが殆どです。画像の場合、別なコードを作成したり、修正するのも面倒です。そこで使ってみたいのがSVGuitarです。## SVGuitarの使い方左側...

List

  • 2020/07/11

Grid.js - React/Angular/VueをサポートしたHTMLテーブルライブラリ

HTMLで使ってデータをテーブル表示するのは簡単です。しかし、ちょっとUIをよくしたり、ソートなどの機能を追加しようと思うと、途端に面倒になります。素のHTMLのままではとても使い勝手がいいとはいえません。そんなHTMLテーブルを手軽に高機能化してくれるライブラリがGrid.jsになります。## Grid.jsの使い方...