プログラミング言語 - TypeScriptの記事一覧
Mongoku - クールなUIのMongoDB管理
MongoDBはNoSQL、ドキュメント型データベースとして注目を集めました。位置情報を扱うのに便利なデータベースでしたが、現在はMySQLやPostgreSQLも扱えるようになり、絶対にMongoDBでないといけない場面は減っているかも知れません。とはいえ個人的には今なお使っているのでMongokuのような管理UIは...
barba.js - スムーズなページ遷移を実現
Webページを素早く表示したいというニーズは強くあります。AMPのような技術しかり、PWAのCache APIもそうです。遅くて良いことなどありません。とにかくWebページは高速に表示すべきです。そしてそのためのライブラリも多数あります。今回紹介するbarba.jsは高速、かつスムーズなページ遷移を可能にするライブラリ...
OpenPlayerJS - 動画と音楽に対応したメディアプレイヤー
HTML5になってvideo、audioタグが追加されました。これらのタグを使うことで動画や音声ファイルをWebブラウザ上で扱えるようになりましたが、そのUIはとても貧弱です。素のままではとても使いづらいでしょう。そこで使うのがサードパーティー製のライブラリです。今回はシンプルで軽量なOpenPlayerJSを紹介しま...
GraphQL Playground - Webとデスクトップ版が用意されたGraphQL実行環境
GraphQLはREST APIが抱えた問題を解決するAPIとして注目を集めています。開発者にとって便利なのが、スキーマが公開されていることでクエリの設計時に参照することができる点です。さらに必要なフィールドを増減できるので、API側を拡張する必要がありません。そんなGraphQLを試し、設計するためのIDEがGrap...
WWA Wing - Webブラウザで遊べるドット絵風RPG
World Wide Adventure
GitHub Viewer - GitHubのリポジトリを検索
GitHubがないと仕事にならないという開発者は多いでしょう。社内ではGitHub Enterpriseを使っていても、ライブラリはGitHub.com上で公開されていたりします。万一にもGitHub.comが落ちたりすると参照やインストールもできず詰んでしまったりします。そんな開発者の命とも言えるGitHubを検索す...
Editor.js - ブロック単位で編集するWYSIWYGエディタ
WYSIWYGなエディタは長い歴史があります。CKEditorのような重厚なものが好まれた時期もあれば、現在はWebページ上でインラインで編集できるものが好まれる傾向にあります。様々なソフトウェアがありますが、今なお決定的なものがありません。今回紹介するEditor.jsはブロックベースという特徴を持ったWYSIWYG...
Mprove - SQLを使ってダッシュボードを構築
企業においてデータの可視化は重要です。トレンドの変化などをグラフによって顕在化させることで次の一手を打ちやすくなります。しかし、そのためのシステムを構築するのは大変で、バックオフィス系のシステムはつい後回しになってしまいがちです。そこで使ってみたいのがMproveです。SQLを使ってダッシュボードを作成できます。## ...
Quirk CBT - 認知行動療法をサポートするAndroid/iOSアプリ
認知行動療法という心理療法があります。専門家ではないので詳細は省きますが、患者が意識し、自覚された思考や視覚的イメージに注目します（via 認知療法とは | 日本認知療法・認知行動療法学会
TypeTalk - TypeScriptをベースにしたSmalltalkライクなプログラミング言語
JavaScriptを書きたくない、という人たちは大勢います。その結果、様々な代替言語が開発されています。あらかじめJavaScriptに変換するタイプもであれば、Webブラウザ上でコンパイルするものなど様々です。代替言語を使うことで、より堅牢で効率的な開発ができるようになります。今回はTypeTalkを紹介します。言...
pikapkg - Webpack不要。npmライブラリをWebブラウザで利用する
現在、多くのJavaScriptライブラリがnpmで配布されています。Webブラウザ向けであってもnpmで配布されており、それらをgulpやWebpackによって一つのライブラリにしています。これは毎回のセットアップが面倒です。そこで使ってみたいのがpikapkgです。特定のディレクトリにライブラリをダウンロードし、W...
Coder - Web上で動作するVisual Studio Code
クラウドIDEはすでに誕生して10年近くになります。すでに幾つかの実用的なソフトウェアも出てきていますが、それでもまだまだローカルでの開発が主流です。特にスクリプト言語ではそうでしょう。しかし、その世界が大きく変わるかも知れません。なぜならスクリプト用のプログラミングエディタとして有名なVisual Studio Co...
connpass-notification - connpassの通知をSlackで受け取る
日本で勉強会を開催する際には必須ともなっているconnpass。そのconnpassでは参加者が増えた、減ったといった通知がメールが送られてきます。しかし時代はすでにメールではありません。たくさんのイベントを計画していたりすると、お問い合わせのメールがあっても埋もれてしまう可能性があります。そこで使ってみたいのがcon...
GraphQL Visual Editor - ビジュアルでGraphQLを設計
GraphQLはRESTfulに代わる、または補助する存在として注目を集めています。しかし、まだ出始めの技術だけに最適な設計手法が確立されていません。スキーマを作る作業する手作業、またはフレームワークを導入していることでしょう。今回紹介するGraphQL Visual Editorはそんなスキーマの作成をWebブラウザ...
Vanilla Clipper - コマンド一つでURLをアーカイブ
Webサイトをローカルに保存しておきたいと思うことがよくあります。ある日消えてしまって情報が消失してしまうのは嫌ですし、限定公開だったりすれば尚更保存しておきたいと思うことでしょう。Webブラウザにもアーカイブ保存する機能はありますが、汎用的ではありません。そこで使ってみたいのがVanilla Clipperです。##...
mdline - Markdown記法で縦型の年表表示
サービスバージョンアップの歴史、個人の年表などタイムライン表示を使いたいことはよくあります。それ用のライブラリもありますが、記法が面倒だったり、後々のメンテナンスが面倒というイメージがあります。そこで使ってみたいのがmdlineです。記法はMarkdownを使っていますので、使い方はすぐに覚えられます。## mdlin...
Sprite - フローチャートを生成するコード風記法
詳細設計を行うなら実装してしまった方が早いと言った声もありますが、それでも機能単位のフローチャートが用意されている方が間違いはないように思います。共通認識がないと個人の勝手な判断が入り、思わぬバグを生み出したりします。今回紹介するSpriteはコードライクにフローチャートが書けるソフトウェアです。テキストベースなのでメ...
indigo-player - 高い拡張性を誇る動画プレイヤー
videoタグの登場によってWeb上でも動画が再生できるようになりました。しかし機能的には実に簡素で、ただ再生する以上の機能がありません。大抵は別途ライブラリを用意して、そのライブラリ経由でvideoタグを使うでしょう。今回紹介するindigo-playerもそんな動画プレイヤーの一つです。扱える動画が多いのが特徴です...
Chrome Github Points - GitHubのIssueでストーリーポイントを管理
開発すると必ず工数がかかります。そのため、やらなければならない数あるタスクの中からなるべく小さなコストで大きな成果を達成できるものを選択する必要があります。その際に使われるのがストーリーポイントです。ストーリーポイントを使うことで各タスクの相対的な大きさが可視化されます。そしてGitHub Issueとストーリーポイン...
Cookie AutoDelete - プライバシー保護に。タブを閉じたらCookie削除
プライバシーを重視する人にとってWebブラウジングは注意すべき点が多いことでしょう。個人のデータは大手のベンダーに吸い上げられており、広告などに使われています。不必要に収集した情報が漏洩することも少なくありません。そこで使ってみたいのがCookie AutoDeleteです。タブを閉じる際にCookieを自動的に削除し...