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

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

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

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

もっと見る

List

  • 2019/04/25

GitHub Viewer - GitHubのリポジトリを検索

GitHubがないと仕事にならないという開発者は多いでしょう。社内ではGitHub Enterpriseを使っていても、ライブラリはGitHub.com上で公開されていたりします。万一にもGitHub.comが落ちたりすると参照やインストールもできず詰んでしまったりします。そんな開発者の命とも言えるGitHubを検索す...

List

  • 2019/04/24

Editor.js - ブロック単位で編集するWYSIWYGエディタ

WYSIWYGなエディタは長い歴史があります。CKEditorのような重厚なものが好まれた時期もあれば、現在はWebページ上でインラインで編集できるものが好まれる傾向にあります。様々なソフトウェアがありますが、今なお決定的なものがありません。今回紹介するEditor.jsはブロックベースという特徴を持ったWYSIWYG...

List

  • 2019/04/23

Mprove - SQLを使ってダッシュボードを構築

企業においてデータの可視化は重要です。トレンドの変化などをグラフによって顕在化させることで次の一手を打ちやすくなります。しかし、そのためのシステムを構築するのは大変で、バックオフィス系のシステムはつい後回しになってしまいがちです。そこで使ってみたいのがMproveです。SQLを使ってダッシュボードを作成できます。## ...

List

  • 2019/04/20

‎Quirk CBT - 認知行動療法をサポートするAndroid/iOSアプリ

認知行動療法という心理療法があります。専門家ではないので詳細は省きますが、患者が意識し、自覚された思考や視覚的イメージに注目します(via 認知療法とは | 日本認知療法・認知行動療法学会

List

  • 2019/04/18

TypeTalk - TypeScriptをベースにしたSmalltalkライクなプログラミング言語

JavaScriptを書きたくない、という人たちは大勢います。その結果、様々な代替言語が開発されています。あらかじめJavaScriptに変換するタイプもであれば、Webブラウザ上でコンパイルするものなど様々です。代替言語を使うことで、より堅牢で効率的な開発ができるようになります。今回はTypeTalkを紹介します。言...

None

  • 2019/04/02

pikapkg - Webpack不要。npmライブラリをWebブラウザで利用する

現在、多くのJavaScriptライブラリがnpmで配布されています。Webブラウザ向けであってもnpmで配布されており、それらをgulpやWebpackによって一つのライブラリにしています。これは毎回のセットアップが面倒です。そこで使ってみたいのがpikapkgです。特定のディレクトリにライブラリをダウンロードし、W...

List

  • 2019/03/29

Coder - Web上で動作するVisual Studio Code

クラウドIDEはすでに誕生して10年近くになります。すでに幾つかの実用的なソフトウェアも出てきていますが、それでもまだまだローカルでの開発が主流です。特にスクリプト言語ではそうでしょう。しかし、その世界が大きく変わるかも知れません。なぜならスクリプト用のプログラミングエディタとして有名なVisual Studio Co...

List

  • 2019/03/21

connpass-notification - connpassの通知をSlackで受け取る

日本で勉強会を開催する際には必須ともなっているconnpass。そのconnpassでは参加者が増えた、減ったといった通知がメールが送られてきます。しかし時代はすでにメールではありません。たくさんのイベントを計画していたりすると、お問い合わせのメールがあっても埋もれてしまう可能性があります。そこで使ってみたいのがcon...

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の使い方メイ...