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

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

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

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

もっと見る

List

  • 2018/10/11

qduoj - オンライン・コーディング・チャレンジ

コミュニケーションは遙か昔から存在しますが、その根本にあるのは課題と共感、そして解決です。特に開発者においては課題と解決が大事であり、Q&Aサイトの人気があるのはそのせいでしょう。今回紹介するqduojはQ&Aではなく、オンラインコンテストや投票を行うシステムです。Kaggleに近いですが、もっと汎用的なものです。##...

List

  • 2018/10/10

Hacklily - オンラインで楽譜を作成、共有

音楽を演奏するためには楽譜が必要です。かつては五線譜の書かれたノートを使って手書きで行われてきましたが、最近ではデジタルで処理される方が多いでしょう。しかし、そのために専用のソフトウェアをインストールしたり、使い方を覚えるのは面倒です。そこで使ってみたいのがHacklilyです。Webベースで楽譜の描けるソフトウェアで...

List

  • 2018/10/03

Kaitai Web IDE - Kaitaiファイルを解析するバイナリエディタ

テキスト以外のファイルを扱おうと思うと必要になるのがバイナリエディタです。HEXのデータを確認したり、並び方を分析することで正しく情報を扱えるようになります。GUIでは各OSごとに様々なエディタが存在します。Kaitai Web IDEはWebブラウザベースのバイナリエディタです。特に .ksy という拡張子のKait...

List

  • 2018/09/23

Theia - Webベースで動作する開発環境

ローカルアプリケーションがどんどんWebアプリケーション化しています。そんな中、最近では開発環境もWebアプリケーション化が進んでいます。AWSがCloud9を買収したのも、その動きの一つです。今回紹介するTheiaはクラウドやデスクトップでも動作するWebベースのIDEです。## Theiaの使い方メイン画面です。左...

List

  • 2018/09/21

Unicode点字変換 - 日本語テキストを点字に変換

視覚に障害を持った人たちが利用するのが点字です。点だけで構成されており、点字を学んでいない人には殆ど読むことはできないでしょう。しかしユニバーサルデザインを考える上で、テキスト読み上げと共に欠かせない技術です。通常のテキストを書いて、それを点字に変換できるのがUnicode点字変換です。## Unicode点字変換の使...

List

  • 2018/09/20

Topsi Project Manager - デスクトップで使えるカンバン

カンバンといえば元々はトヨタの生産システムから来ていますが、ITの中に入ってかなり変質したようにも感じます。とは言え、プロジェクト管理やタスク管理など、良い形に変わってきたと言えるでしょう。そんなカンバンをデスクトップで使えるようにしたのがTopsi Project Managerです。## Topsi Project...

List

  • 2018/09/12

Worker DOM - Web WorkerでDOM操作を実現

HTML5 APIの一つにWeb Workerがあります。通常のWebブラウザ上で動作するJavaScriptとは別で、バックグラウンドで動作するJavaScriptです。時間のかかる処理を行ったりするのに便利ですが、一つの欠点にDOMが使えないという点が挙げられます。そこで使ってみたいのがWorker DOMです。W...

None

  • 2018/09/09

JsStore - IndexedDBを使いやすくするO/Rマッパー風ライブラリ

HTML5でWebブラウザ内にデータを残す方法としてlocalStorageが有名ですが、他にIndexedDBがあります。しかしIndexedDBは検索できるKVSであったり、localStorageと違って非同期で使う、スキーマが必要など何かと面倒なイメージがあります。そこで使ってみたいのがJsStoreです。In...

List

  • 2018/09/01

Fiddle - すぐにElectronアプリ開発をはじめられる開発環境

Electronを使えばWindows/macOS/Linuxなどマルチプラットフォームで動作するソフトウェアがHTML/JavaScript/CSSで作成できます。作ってみたいと思いつつも、環境を整える手間で躊躇してしまっている人もいるのではないでしょうか。そんな方に使ってみて欲しいのがFiddleです。ダウンロード...

List

  • 2018/08/29

CodeWich - TypeScript対応、サーバレスなHTMLプレイグラウンド

JSFiddleやCodePenなど、HTML/JavaScript/CSSのプレイグラウンド的サービスが多数あります。多くのサービスは専用のURLが払い出され、そのURLにアクセスして使います。そして、そのサービスが落ちたりすると使えなくなるリスクがあります。そんな中注目したいのがCodeWichです。コードを圧縮し...

List

  • 2018/08/23

SurveyJS - 入力項目が多彩なアンケート生成

Webベースでアンケートをとる時、どんなツールを使っているでしょうか。Googleスプレッドシートであったり、Zohoサーベイ、SurveyMonkeyなどの外部サービスを使うのも良いですが、すべて自分たちでコントロールしたいと考える方も多いでしょう。そんな時に使ってみたいのがSurveyJSです。アンケートフォームを...

List

  • 2018/08/10

μPad - 自由度の高いノートアプリ

アイディアをまとめたり、逆に練ったりと、ノートがあると頭の中にある情報をどんどん形にしていけます。そんな時に罫線があったり、キーボード入力に限定したりしたら情報が束縛を受けてしまうでしょう。そこで使ってみたいのがμPadです。自由度の高い、アイディアを書き留めるノートアプリです。## μPadの使い方トップページです。...

List

  • 2018/08/01

Mindmapp - Electron製のクロスプラットフォームで使えるマインドマップ

マインドマップは考えを整理するのに便利なチャートです。頭で悶々と考えている内容をどんどんアウトプットするためにも、ユーザビリティが高く、使い勝手がいいものを選ぶのが良いでしょう。そこで今回はMindmappを紹介します。シンプルで手軽に使えそうなマインドマップアプリです。## Mindmappの使い方メイン画面です。!

List

  • 2018/08/01

mobile-drag-drop - スマートフォン/タブレットでもドラッグ&ドロップAPIを使う

HTML5で追加されたAPIの一つ、ドラッグ&ドロップはWebアプリケーションをよりローカルアプリケーションのように使えるようにするAPIです。主なターゲットはデスクトップのようですが、タブレットやスマートフォンも業務利用が増えています。そこで使ってみて欲しいのがmobile-drag-dropです。モバイル向けにドラ...

List

  • 2018/07/21

Fluid Outliner - Webベースのシンプルなアウトライナー

コンテンツを一気に作成するのは大変です。最初から子細に書いていくと徐々に整合性がとれなくなりますし、途中で力尽きてしまう可能性があります。まず大見出しを洗い出し、次に小見出しと言った具合に徐々に掘り下げていくのが良いでしょう。そのために使われるのがアウトラインエディタです。今回はWebベースのFluid Outline...

List

  • 2018/07/18

Misskey - 分散型マイクロブログサービス

Mastodonが一時期流行って、さらにTwitterがユーザを憤慨させるような施策を続けるのに伴って徐々に離れていく人たちが増えています。人にとって居心地の良い空間はそれぞれあるので、使いやすい場所を選ぶのが良いでしょう。今回紹介するのはMisskey、分散型マイクロブログサービスです。## Misskeyの使い方M...

List

  • 2018/06/19

Prettier - テキストエリア内のコードを見やすく整形

プログラミングについて質問する際に、綺麗なコードで質問するかどうかで回答してもらえる可能性は変わってきます。誰しもインデントも乱れて改行も一定でない汚いコードを解析してまで質問に答えたいと思わないでしょう。そこで使ってみたいのがPrettierです。テキストエリア上でコードを綺麗に整形してくれます。## Prettie...

List

  • 2018/06/18

PeerTube - P2Pを使った分散化動画共有サービス

最近は分散化、非中央化の流れがあります。仮想通貨、ブロックチェーンであったり、Mastodonも分散化技術を特徴としています。分散化によって、ベンダーロックインも避けられ、多様性も生まれるでしょう。今回はYouTubeのような動画共有サイトを分散化技術で実現するPeerTubeを紹介します。## PeerTubeの使い...

List

  • 2018/06/10

Trackless - GoogleアナリティクスをGDPR対応でオプトイン/アウト可能に

EUの個人情報保護施策、GDPRがスタートしました。各社、個人情報をどう保護するか、どう使うかといった対応で大あらわになっています。すでにFacebookやGoogleが訴えられたという話もあります。そんなGDPRですが、Googleアナリティクスで使うための仕組みとしてTracklessを使うと良さそうです。## T...

List

  • 2018/06/09

Vue Designer - Vue.jsの表示を確認できるVisual Studio Codeプラグイン

ReactやAngular、Vueなどは独自のタグを使ったWebコンポーネント型のシステムと言うこともあって、これまでのHTMLデザインの手法が通じなくなっています。デザインの確認などで苦戦している人も多いのではないでしょうか。そこで使ってみたいのがVue Designerです。Visual Studio Codeプラ...