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

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

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

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

もっと見る

List

  • 2021/02/22

RevoGrid - Web上でのデータメンテナンスに使えるグリッドライブラリ

高品質なグリッドライブラリの存在は大事です。多くのWebシステムでは一覧表示機能が求められ、その表示したデータをストレスなくメンテナンスできる仕組みが求められるからです。あまり多機能すぎても使いこなせず、必要十分な機能だけが実装されている必要があります。今回紹介するRevoGridはExcelライクにデータをメンテナン...

List

  • 2021/02/20

Ractive-Player - HTMLをまるで動画のように再生するプレーヤー

動画はバイナリフォーマットなので、テキストをコピーしたり、マウス操作で何か表示を変えると言ったインタラクティブ性はありません。ただ流れていく動画を見続けたり、速度を変化させたりする程度しかできません。もっと動画をインタラクティブに楽しみたい、という願いを叶えてくれそうなソフトウェアがRactive-Playerです。#...

57826?type=list&url=https%3a%2f%2fimages.moongift.jp%2f2021%2f02%2fopen-source-x6-4.0867c80877d63fd3f7a340b6c92ccfe0

  • 2021/02/18

X6 - Web上にSVG出力するドローライブラリ

Web上で図を描きたいと思うことはよくあります。しかし使い勝手の良いものがないので、ドローツールやプレゼンツールで作ってしまいます。しかし画像なので後で編集するのが面倒だったりします。そこで使ってみたいのがX6です。アニメーションまでサポートしたドローライブラリです。## X6の使い方こんな感じのドローが簡単にできます...

List

  • 2021/02/16

Dev Bookmarks - 開発者向けのブックマーク・スニペット管理

オンラインのブックマークというとはてなブックマークが有名です。ソーシャルブックマークなので他のユーザとのコミュニケーションを楽しむべきなのでしょうが、時に荒れることもあって個人的には交流目的では使っていません。もっと独立したブックマークという目的にフォーカスしたものが良い場合はDev Bookmarksを使ってみるのは...

List

  • 2021/02/14

Deskreen - 任意のタブレット/スマートフォンにPCの画面を表示

SidecarやDuetを使うことで、iPadなどをデュアルモニターとして利用できます。タブレットであれば持ち歩くのも簡単ですし、出先で外部ディスプレイが必要になった時に役立ちます。そんな外部ディスプレイ(に似た表示?)を、どんなタブレットでも実現できるのがDeskreenです。## Deskreenの使い方最初にタブ...

List

  • 2021/02/12

freezeframe.js - アニメーションGIFの再生/停止を可能にするJavaScriptライブラリ

アニメーションGIFは動画と違ってハイライト部分だけを繰り返したり、YouTubeのように埋め込んだりする必要がないので手軽に扱えます。自動再生されるのが便利ですが、途中で止めたいと思うこともあるでしょう。そんな時に使えるのがfreezeframe.jsです。アニメーションGIFの再生、停止を制御できるJavaScri...

List

  • 2021/02/12

Flappy Code - Visual Studio Codeで遊べるFlappy Bird

開発は楽しいものの、ずっとやっていると気分転換が欲しくなります。しかしあからさまにゲームなどをやっていると上司に見つかってしまう恐れがあるでしょう。ばれずに遊ぶには、エディタ上でできるゲームを探さなければなりません。今回紹介するFlappy CodeはVisual Studio Code上で遊べるFlappy Bird...

List

  • 2021/02/10

Beam Cafe - サーバにアップロードせずにデバイス間でファイルを送受信

異なるデバイス間でファイルを送受信するのは意外と面倒です。iOSとmacOSであればAirDropが用意されていますが、これは両者がApple製だからです。利用者の異なるAndroidとWindowsでうまく送受信する方法はないでしょうか。今回紹介するBeam Cafeはデバイス間でのファイル送受信が簡単に使えそうなW...

List

  • 2021/02/03

CodeSwing - Visual Studio CodeをHTMLプレイグラウンドに

HTMLやJavaScriptのプレイグラウンドサービスは便利です。特に外部公開する際に便利なのですが、逆にオフラインで自分だけをちょっと試したい時には面倒だったりします。社内データにアクセスした結果を試したい時にも不便でしょう。今回紹介するCodeSwingはVisual Studio Code上で使えるプレイグラウ...

List

  • 2021/01/30

MTDeck - TweetDeckをスマホでも楽しむ

パソコンでTwitterをディープに楽しんでいる人は、大抵TweetDeckを使っているようです。複数のカラムを使いこなし、さらに複数アカウントを上手に管理しようと思うとTweetDeckは使い勝手がいいでしょう。しかしスマホには対応していません。そこで使ってみたいのがMTDeckです。TweetDeckをスマホ対応の...

List

  • 2021/01/28

Google Meet Mute Toggler - ツールバーからマイク音声をオンオフ

オンラインでのミーティングが増えるのに伴って、音声がミュートのまま話してしまったり、逆にミュートだと思っていたらマイクが入っていたという失敗を見かけるようになりました。やらかした人も多いのではないでしょうか。そこで使ってみたいのがGoogle Meet Mute Togglerです。Google Chromeのツールバ...

List

  • 2021/01/25

TakeNote - データベース不要なWebベースのメモ環境

Webベースのテキストエディタは多数あります。データベースを利用するものもありますが、その分セットアップが面倒です。データがクラウドに保存されるのはいいですが、セキュリティ的なリスクもあります。今回紹介するTakeNoteはローカルのストレージにデータを保存します。みんな、または個人で使えるメモ環境です。## Take...

List

  • 2021/01/18

Piping Server - HTTPを使ったパイプライン

UnixやLinuxではコマンドをパイプする機能があります。あるコマンドの出力を次のコマンドに繋ぐことで、複雑な処理を一度にできるようになります。開発者であればよく利用する機能でしょう。しかし、このパイプラインはローカルマシン内でしか使えません。便利な機能なパイプをネットワーク越しでも可能にしよう、それがPiping ...

List

  • 2021/01/16

reflect - 理由を述べれば解除してくれるWebサイトブロッカー

仕事中だと分かっていながら、ついつい見てしまうWebサイトがありませんか。ソーシャル系や動画共有サイトは、ほんの少しだけと思って見始めて気付いたら1時間経っていたなんてこともざらです。そうしたWebサイトはブロックしなければいけません。今回紹介するreflectは緩い雰囲気のWebサイトブロッカーです。## refle...

List

  • 2021/01/15

Personal Kanban - 個人向けのカンバンシステム

カンバンはチームでのプロジェクトなどに使われることが多いです。しかし、個人的なプロジェクトであったり、プライベートでも使ってみたいと思うことはないでしょうか。面倒なのはそのためにサーバを立てたりする必要があることです。今回紹介するPersonal Kanbanは個人で使えるカンバンになります。## Personal K...

List

  • 2021/01/13

3D Book Image CSS Generator - CSSで3D風に書籍を表示

コンピュータ上では2Dが基本です。そのため、3Dのコンテンツがあるとそれだけで見た目にインパクトがあります。それは分かっていつつも作成するのが大変なのが3Dコンテンツです。ちょっとした素材のために3Dソフトウェアで作成というのは面倒です。そこで擬似的な3D表示にチャレンジしてみましょう。今回はCSSを使った3D表現を行...

List

  • 2021/01/09

pdf-translate-replacer - PDFのテキストをGoogle翻訳/DeepL翻訳する際のお供に

Google翻訳やDeepLの登場によって英文を手軽に翻訳できるようになりました。とても便利なのですが、テキストをちゃんとコピーできていないと翻訳後の結果が読みづらいものになります。これは特にPDFで発生します。そうした困りごとを抱えていた方はpdf-translate-replacerを使ってみましょう。PDFから貼...

List

  • 2021/01/08

Kill the Newsletter! - ニュースレターをフィード化

メールボックスに飛び込んでくるニュースレター。あまりの数に辟易していないでしょうか。時々役立つものもあるので解約するまでもないけれど、数が多すぎると嫌になってきます。そこで使ってみたいのがKill the Newsletter!です。専用のメールアドレスを使ってニュースレターをフィード化します。## Kill the ...

List

  • 2021/01/07

Sengi - マルチアカウント対応のMastodonクライアント

Mastodonは一時人気を博しましたが、今はそれほど使われていないかも知れません。しかし、サーバごとに濃い話題を交わせたり、分散型でコンテンツの制約を受けないなど、魅力的な部分が多数あります。今なおMastodonが好きという方も多いでしょう。今回紹介するSengiはデスクトップ向け、そしてWebブラウザでも使えるM...

List

  • 2021/01/03

Copy Guard - 不正なクリップボード操作を監視するGoogle Chrome機能拡張

JavaScriptにはクリップボードのAPIが用意されています。それを使うことでクリック一つでコピーしたりできます。便利な反面、ユーザが意図していない情報をコピーさせることもできてしまいます。そうした意図しない情報コピーに対して警告を出せるのがCopy Guardになります。## Copy Guardの使い方テキスト...