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

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

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

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

もっと見る

List

  • 2019/07/06

Jay - 高機能なJavaScript用REPL

Node.jsではインタプリタを用意していますが、あまり機能的ではありません。ライブラリを別途用意したり、ネットワークなどの非同期処理を書くのも面倒だったりします。それならばとスクリプトをファイルに書いて実行している人も多いでしょう。そこで使ってみて欲しいのがJayです。標準のものに比べると圧倒的に高機能なREPLです...

List

  • 2019/07/04

Scene.js - JavaScriptでタイムラインベースのアニメーション

アニメーションの基本はタイムラインベースでしょう。様々なオブジェクトをいつのタイミングで動かすのか、どこに動かすのかをタイムラインに沿って決めます。その結果、複雑なアニメーションが実現できます。今回紹介するScene.jsはWeb上でのアニメーションを実現するライブラリです。## Scene.jsの使い方JavaScr...

List

  • 2019/07/04

TradingView - ファイナンス系グラフライブラリ

世の中には様々なグラフ、チャートがあります。その一つとしてファイナンス系があります。FXや株などで表示されるグラフは特殊で、さらにデータをリアルタイムに処理するのが重要です。今回紹介するTradingViewはまさにそういった用途で使われるグラフライブラリになります。## TradingViewの使い方ローソクチャート...

List

  • 2019/06/25

Terminus - TypeScript製のターミナル

AtomやVisual Studio Codeの登場によって、Web技術を使っても十分ローカルアプリケーションとして利用できるというのが分かっています。そこで様々なソフトウェアがHTML/JavaScript/CSSで作られています。今回紹介するTerminusもその一つです。よりモダンなターミナルを提供します。## ...

List

  • 2019/06/04

ぺぺロミア - React Native製の旅行計画アプリ

旅行の計画を立てるのはとても楽しいですよね。計画を立て始めた時、実際にでかける前から旅行ははじまっていると言えるでしょう。それはプライベートに限らず、出張なども同様です。移動などでミスして出張した意味がなくなるようなことがないよう、きちんとした計画を立てるべきでしょう。そんな旅行計画を立て、Web上でも共有できるスマー...

List

  • 2019/05/30

ken-burns-slideshow - ケン・バーンズ効果を実現できるWebコンポーネント

ケン・バーンズ効果という演出を知っていますか。複数を写真がある時、それを単に差し替えるだけでなく、ズームや左右上下にゆっくりとアニメーションしながら切り替えることで、単なる写真に命を与えると言われています。ケン・バーンズ監督が映画の中で使っていたことでそう呼ばれています。そんなケン・バーンズ効果を手軽に実現できるWeb...

List

  • 2019/05/15

Mongoku - クールなUIのMongoDB管理

MongoDBはNoSQL、ドキュメント型データベースとして注目を集めました。位置情報を扱うのに便利なデータベースでしたが、現在はMySQLやPostgreSQLも扱えるようになり、絶対にMongoDBでないといけない場面は減っているかも知れません。とはいえ個人的には今なお使っているのでMongokuのような管理UIは...

List

  • 2019/05/14

barba.js - スムーズなページ遷移を実現

Webページを素早く表示したいというニーズは強くあります。AMPのような技術しかり、PWAのCache APIもそうです。遅くて良いことなどありません。とにかくWebページは高速に表示すべきです。そしてそのためのライブラリも多数あります。今回紹介するbarba.jsは高速、かつスムーズなページ遷移を可能にするライブラリ...

List

  • 2019/05/14

OpenPlayerJS - 動画と音楽に対応したメディアプレイヤー

HTML5になってvideo、audioタグが追加されました。これらのタグを使うことで動画や音声ファイルをWebブラウザ上で扱えるようになりましたが、そのUIはとても貧弱です。素のままではとても使いづらいでしょう。そこで使うのがサードパーティー製のライブラリです。今回はシンプルで軽量なOpenPlayerJSを紹介しま...

List

  • 2019/05/01

GraphQL Playground - Webとデスクトップ版が用意されたGraphQL実行環境

GraphQLはREST APIが抱えた問題を解決するAPIとして注目を集めています。開発者にとって便利なのが、スキーマが公開されていることでクエリの設計時に参照することができる点です。さらに必要なフィールドを増減できるので、API側を拡張する必要がありません。そんなGraphQLを試し、設計するためのIDEがGrap...

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ブラウザ...