プレミアムユーザー限定記事
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
- 2017/12/14
- できることを全力でやる
- 2017/11/25
- 恥ずかしさを感じないためにできること
- 2017/11/11
- プロジェクトを遅延させないコミュニケーションパス管理
Leaflet Image - 地図上にフリーハンドでヒートマップを描く
地図とヒートマップの相性はよいです。どの地域で特に問題が発生しているか、気温が高い、風が強いかなど多くの情報が地図とヒートマップの組み合わせで表現されています。しかし自分で作るのは骨が折れるでしょう。そこで使ってみたいのがLeaflet Imageです。地図を使ってフリーハンドで描けるヒートマップライブラリになります。...
filters.css - CSSを使って画像の簡易編集
写真を加工する際には画像編集ソフトウェアを使います。UGM（ユーザー生成コンテンツ）の場合、アップロードされる画像すべてを加工するのはたいへんです。サーバ側で処理できますが、サーバの負荷は大きくなるでしょう。そこで使ってみたいのがfilters.cssです。CSSベース、クライアント側でフィルタリング処理が可能です。#...
Talk - 登録不要ですぐに使えるビデオ会議
Webでビデオ会議をする際には、WebRTCを使うのが基本です。そしてWebRTCでほかの人たちとつながる際には2つの選択肢があります。一つはMeshで、P2Pで接続します。もう一つはSFUで中央サーバがある形です。SFUで中央サーバの方が多くの人数が接続できますが、P2Pの方がセキュアです。今回紹介するTalkはMe...
css3d-game - CSS3製のファーストパーソンゲームエンジン
自分視点で楽しめるゲーム、いわゆるファーストパーソン系のゲームは主にシューティングで採用されています。しかし、自分の視点なのでより没入感が高く、他のジャンルでも応用できます。脱出ゲームなどもこの視点で提供されることが多いジャンルです。今回紹介するcss3d-gameはCSS3を駆使して提供されるファーストパーソン視点の...
Flexbox Defense - タワーディフェンスゲームを通じてFlexboxの使い方を学ぶ
ゲームを通じて技術を学ぶのは興味深い手法です。体験する人も楽しみながらプログラミングが学べます。書籍やオンライン情報を元に自分だけで学んでいくのは困難ですが、ゲームで対話を楽しみながらできれば継続できそうです。今回紹介するFlexbox DefenseはCSS3のFlexboxをタワーディフェンスゲームをベースに学ぶソ...
TimeCat Chrome - ごく小さなファイルサイズでブラウザ操作を記録
ブラウザの操作を記録したいと思ったことはないでしょうか。動画で録画したり、アニメーションGIFとして保存するソフトウェアもあります。確かに便利ですが、ソフトウェアを立ち上げるのが面倒です。もっと手軽にさくっとできると便利です。そこで使ってみたいのがTimeCat Chromeです。Google Chrome上で、まるで...
present - ターミナルでプレゼンテーション
プレゼンテーション用のスライドを作成するソフトウェアといえば、多くがGUIまたはWebアプリケーションです。ビジュアルに気を配る場合にはいいですが、内容を重視する場合にマウスでドラッグしたり、文字サイズを気にしたりするのは面倒です。そこで使ってみたいのがpresentです。ターミナルベースのプレゼンテーションツールです...
Graphtage - JSON/YAML/HTMLなどに特化した差分ビューア
差分表示というのは難しいです。従来は文章やプログラミングコードのような上から順番に書かれているフォーマットが対象だったはずです。最近では画像であったり、形式を変更したものに対しても差分表示が求められたりします。今回紹介するGraphtageはツリー構造になっているファイルフォーマットに対して使える差分ソフトウェアになり...
ランダムにグループ分け - なるべく重複しないグループ分けを提案
適当にグループ分けするというのが、どれだけ難しいか。マンパワーでやるのは無駄に時間がかかりますし、ランダムでのグループ分けをするとムラが出やすいです。なぜならランダムの場合、前回の結果を考慮せずに行われるからです。今回紹介するランダムにグループ分けは、そうしたグループ分けを繰り返す際に使えるソフトウェアです。なるべく重...
danfo.js - データを素早く手軽にビジュアル化
データのビジュアライズはとても大きな問題です。ツールによって使い勝手がばらばらで、簡単に使えるものもあれば、とても複雑なものもあります。データ量によって選択肢が変わり、最適な表示方法も異なります。今回紹介するdanfo.jsは、とても簡単に使えるデータビジュアライズソフトウェアです。## danfo.jsの使い方dan...
imgproxy - 高速で手軽な変換機能付き画像プロキシサーバ
画像は扱いが難しいメディアです。オンラインでよく使われていますが、同じ写真でも表示する場面によって大きさを変更したいことがあります。常にきれいで、画素の高い画像を使っているとネットワークを圧迫してしまうので、必要に応じたサイズへの変更が必要になります。これがとても面倒です。そこで使ってみたいのがimgproxyです。画...
Speech to Text Webcam Overlay - Webカメラの映像に音声認識した字幕を表示
コロナ禍にあって、さまざまな変化が生じています。ネガティブな変化も多いですが、そうした中だからこそ生まれる新しいしくみもあります。多くのイベントがオンライン開催になる中、聴覚障害がある方に字幕を見せるような試みも行われています。今回紹介するSpeech to Text Webcam Overlayはブラウザ上に移ったW...
webify - コマンドの入出力をWebで行う
CUIとWebの間には大きな壁があります。たとえばWebアプリケーションを使えば、サーバサイドのコマンドを使うこともできるでしょう。しかし、そのために実行環境を作ったり、Webアプリケーションを立てるのはとても面倒です。そこで使ってみたいのがwebifyです。ちょっとしたコマンドをブラウザから実行できます。## web...
Fuzbal - ページ内でファジーな検索を可能にするGoogle Chrome機能拡張
ブラウザのページ内検索で、微妙に文字が違っていて結果に出てこない思いをしたことはないでしょうか。GoogleのWeb検索などでは大文字小文字はもちろん、異なる単語でも意味をくみ取ってくれたりします。そうした柔軟性がローカルの検索でも欲しいと思わないでしょうか。今回紹介するFuzbalはあやふやな検索も可能なページ内検索...
goplayground-js - Go言語のプレイグラウンド用JavaScriptクライアント
Go言語は今注目が集まっているプログラミング言語の1つでしょう。多彩なOS向けにまとめてコンパイル可能で、堅牢かつ高速に実行できます。ライブラリも充実してきており、利用しやすくなっています。そんなGoを任意のWebサイトやJavaScriptから実行できるのがgoplayground-jsになります。## goplay...