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

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

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

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

もっと見る

List

  • 2019/03/15

GraphQL Visual Editor - ビジュアルでGraphQLを設計

GraphQLはRESTfulに代わる、または補助する存在として注目を集めています。しかし、まだ出始めの技術だけに最適な設計手法が確立されていません。スキーマを作る作業する手作業、またはフレームワークを導入していることでしょう。今回紹介するGraphQL Visual Editorはそんなスキーマの作成をWebブラウザ...

List

  • 2019/03/04

Vanilla Clipper - コマンド一つでURLをアーカイブ

Webサイトをローカルに保存しておきたいと思うことがよくあります。ある日消えてしまって情報が消失してしまうのは嫌ですし、限定公開だったりすれば尚更保存しておきたいと思うことでしょう。Webブラウザにもアーカイブ保存する機能はありますが、汎用的ではありません。そこで使ってみたいのがVanilla Clipperです。##...

List

  • 2019/02/21

mdline - Markdown記法で縦型の年表表示

サービスバージョンアップの歴史、個人の年表などタイムライン表示を使いたいことはよくあります。それ用のライブラリもありますが、記法が面倒だったり、後々のメンテナンスが面倒というイメージがあります。そこで使ってみたいのがmdlineです。記法はMarkdownを使っていますので、使い方はすぐに覚えられます。## mdlin...

List

  • 2019/02/17

Sprite - フローチャートを生成するコード風記法

詳細設計を行うなら実装してしまった方が早いと言った声もありますが、それでも機能単位のフローチャートが用意されている方が間違いはないように思います。共通認識がないと個人の勝手な判断が入り、思わぬバグを生み出したりします。今回紹介するSpriteはコードライクにフローチャートが書けるソフトウェアです。テキストベースなのでメ...

List

  • 2019/02/07

indigo-player - 高い拡張性を誇る動画プレイヤー

videoタグの登場によってWeb上でも動画が再生できるようになりました。しかし機能的には実に簡素で、ただ再生する以上の機能がありません。大抵は別途ライブラリを用意して、そのライブラリ経由でvideoタグを使うでしょう。今回紹介するindigo-playerもそんな動画プレイヤーの一つです。扱える動画が多いのが特徴です...

List

  • 2019/02/02

Chrome Github Points - GitHubのIssueでストーリーポイントを管理

開発すると必ず工数がかかります。そのため、やらなければならない数あるタスクの中からなるべく小さなコストで大きな成果を達成できるものを選択する必要があります。その際に使われるのがストーリーポイントです。ストーリーポイントを使うことで各タスクの相対的な大きさが可視化されます。そしてGitHub Issueとストーリーポイン...

List

  • 2019/02/02

Cookie AutoDelete - プライバシー保護に。タブを閉じたらCookie削除

プライバシーを重視する人にとってWebブラウジングは注意すべき点が多いことでしょう。個人のデータは大手のベンダーに吸い上げられており、広告などに使われています。不必要に収集した情報が漏洩することも少なくありません。そこで使ってみたいのがCookie AutoDeleteです。タブを閉じる際にCookieを自動的に削除し...

List

  • 2019/01/18

Notable - 添付ファイルも使えるMarkdown記法のメモ

メモを取るソフトウェアは何を使っていますか。テキストエディタをそのまま使っている人もいるでしょうし、ブログエディタを利用する人もいるでしょう。個人的にはこれまでBoostnoteを使ってきました。そこにきて強力なライバルの登場です。今回紹介するのはNotable、Markdownベースのメモソフトウェアです。## No...

List

  • 2019/01/14

rrweb.io - Webサイトの操作を記録&再生

Webサイトでユーザがどんな操作を行ったのかを解析することによって次の改善策が生まれることがあります。また、ゲームプレイのように後で見返したり、リプレイしてみたいケースもあります。録画しておくことで後で振り返れるようになります。任意のWebサイトにおいてセッションを記録できるライブラリがrrweb.ioになります。##...

List

  • 2019/01/06

fur - 3Dモデルからぬいぐるみ用の型紙を作る

個人的に立体物をコンピュータの中で表現できる人を尊敬します。平面なディスプレイの中で、立体を想像して描くのは非常に難易度が高い操作です。さらにそれをリアルな物体に展開することを考慮して(3Dプリンタのような)作成するとなると高度なスキルでしょう。今回紹介するfurは3Dモデルをベースに、ぬいぐるみの型紙に展開する作業を...

List

  • 2019/01/05

Textoverlay - テキストエリアでテキストをデコレーション

ソーシャル、チャットなどのサービスではテキストエリアに文字を入力するとメンションを表示したり、タグのところだけ色を変えたりします。ユーザとしては入力した情報が正しく認識されていると安心できます。同じ仕組みを提供する際に使えるのがTextoverlayです。テキストエリアをデコレーションしてくれる素敵なライブラリです。#...

List

  • 2019/01/04

DevHub - GitHubをTweetDeck風に閲覧

TweetDeckは開発者でもよく使っているTwitterクライアントになっています。多くの検索条件でツイートを閲覧したり、メンションやDM、タイムラインなどを切り替えることなく閲覧できる一覧性が便利です。そんなTweetDeck風のUIをGitHubで実現してくれるのがDevHubです。## DevHubの使い方メイ...

List

  • 2019/01/03

Shree - 軽量版Three.js

Three.jsといえばWebGLを使った高度な表現を可能にするライブラリですが、機能が相当に多く、ファイルサイズも大きいのが難点です。素のWebGLを触るのは相当に難度が高いですが、Three.js経由でも難しいという印象があります。そんな中登場したのがShreeです。Three.jsの主要な機能を残して実装された軽...

List

  • 2019/01/01

actual-code - コードを実行できるMarkdownエディタ

Markdownは開発者がよく使っているだけあって、内容にコードがよく含まれています。様々な言語が記述されており、そのコードをコピーしてローカルで実行したりすることも多々あるでしょう。そんな時、Markdown上でコードが実行できれば良いのにと思ったことはないでしょうか。そこで使ってみたいのがactual-codeです...

List

  • 2018/12/29

Apple Music web player - Apple MusicをWebブラウザ上で楽しむ

Appleはアプリビジネスを突き詰めるために、あまりWebには力を入れていないイメージがあります。とはいえ、iCloudのWeb版(Keynoteなどを含め)であったりSafariなどWeb技術にも目を向けつつあります。そんな中、Appleの提供する各種サービスのJavaScript Kitが提供されてきています。今回...

List

  • 2018/12/23

Dark Reader - どんなサイトでもダークモードに

macOS Mojaviやスマートフォンで取り入れ始めているダークモード。目の疲れを軽減したり、ハイライトを高めることで可読性を高める、電力消費量を抑える効果があります。次のSafariではダークモードが実装され、Webサイトでもダークモードが取り入れられるようになります。今回紹介するDark Readerはそんなダー...

List

  • 2018/12/19

ONNX.js - Webブラウザでディープラーニングを実行

Web上でディープラーニングを行うなんて、といった意見は過去によく聞かれました。しかしすでにネットワークを組んで訓練も終わったモデルを使うのであればJavaScriptからでも有益に使えます。エッジでディープラーニングの処理ができるならばユーザにとってもメリットがあります。そんな可能性を飛躍的に拡大してくれるのがONN...

None

  • 2018/12/13

js-green-licenses - JavaScriptプロジェクトのライセンスをチェック

オープンソースの基本であり、肝なのがライセンスです。さらにライブラリを使っていたりすると、そのライセンスも関わってきます。ライセンスの誤った利用はビジネス上のリスクになり得ますが、それでもオープンソースを一切用いないという選択は困難になってきています。もしNode.jsをプロジェクトに採用しているならば使ってみたいのが...

List

  • 2018/12/12

エディ太郎 - 下書き専用エディタ

SlackやGitHubのIssueに投稿する際に、長文はあらかじめ別なテキストファイルに書いたりしないでしょうか。いきなり本番のサービス上で書くのは躊躇してしまうので、一旦下書きに書くという人は多いはずです。確かに下書きであれば間違って公開されることもありません。そこで使ってみたいのがエディ太郎です。下書き専用のエデ...

List

  • 2018/12/11

WatchingU - インターネットオタクのためのRSSリーダー

オンライン上の情報を効率よく集めるのにRSS(フィード)リーダーは最適です。しかしビジネス的には難しいようで、多くの会社がフィードリーダーから撤退しています(それこそGoogleリーダーさえも)。そんな中生き残るのはむしろオープンソースなのかも知れません。今回紹介するWatchingUはWebベースのRSSリーダーで、...