ライセンス - MIT Licenseの記事一覧
One Day list - ポップなデザインのToDo管理アプリ
Todoアプリは好みが分かれるようで、万人受けするものは存在しないようです。それは多様性を生み、各自が自分好みのソフトウェアを選択できます。シンプルなもの、Web系、アプリ系、ローカル、クラウドとさまざまです。今回紹介するOne Day listはFlutter製となっています。スマートフォン向けのToDo管理になりま...
Paged.js - まるで電子書籍のような表示に
Webページと電子書籍では見え方が大きく違います。Webページの内容をそのまま電子書籍にしたいと思っても、その見え方がまったく異なることに不安を感じる人もいるでしょう。両者の見せ方を同じものにする場合、Webページを電子書籍側に寄せるのがよさそうです。今回紹介するPaged.jsはWebページをまるで電子書籍であるかの...
splashy - 画像から色情報をピックアップ
デザインのカラーパレットを決める際に、別なものからインスピレーションを得たいと考えないでしょうか。格好良いロゴがあったなら、そこで使われている色情報をベースに、Webページを作れば雰囲気のよいものができあがりそうです。今回紹介するsplashyは画像を読み込み、そこからメインとおぼしき色情報を抽出するソフトウェアです。...
filters.css - CSSを使って画像の簡易編集
写真を加工する際には画像編集ソフトウェアを使います。UGM（ユーザー生成コンテンツ）の場合、アップロードされる画像すべてを加工するのはたいへんです。サーバ側で処理できますが、サーバの負荷は大きくなるでしょう。そこで使ってみたいのがfilters.cssです。CSSベース、クライアント側でフィルタリング処理が可能です。#...
css3d-game - CSS3製のファーストパーソンゲームエンジン
自分視点で楽しめるゲーム、いわゆるファーストパーソン系のゲームは主にシューティングで採用されています。しかし、自分の視点なのでより没入感が高く、他のジャンルでも応用できます。脱出ゲームなどもこの視点で提供されることが多いジャンルです。今回紹介するcss3d-gameはCSS3を駆使して提供されるファーストパーソン視点の...
Flexbox Defense - タワーディフェンスゲームを通じてFlexboxの使い方を学ぶ
ゲームを通じて技術を学ぶのは興味深い手法です。体験する人も楽しみながらプログラミングが学べます。書籍やオンライン情報を元に自分だけで学んでいくのは困難ですが、ゲームで対話を楽しみながらできれば継続できそうです。今回紹介するFlexbox DefenseはCSS3のFlexboxをタワーディフェンスゲームをベースに学ぶソ...
danfo.js - データを素早く手軽にビジュアル化
データのビジュアライズはとても大きな問題です。ツールによって使い勝手がばらばらで、簡単に使えるものもあれば、とても複雑なものもあります。データ量によって選択肢が変わり、最適な表示方法も異なります。今回紹介するdanfo.jsは、とても簡単に使えるデータビジュアライズソフトウェアです。## danfo.jsの使い方dan...
imgproxy - 高速で手軽な変換機能付き画像プロキシサーバ
画像は扱いが難しいメディアです。オンラインでよく使われていますが、同じ写真でも表示する場面によって大きさを変更したいことがあります。常にきれいで、画素の高い画像を使っているとネットワークを圧迫してしまうので、必要に応じたサイズへの変更が必要になります。これがとても面倒です。そこで使ってみたいのがimgproxyです。画...
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...
PuffinBASIC - Java製のBASIC実行環境
BASICといえば、40代以上のプログラマーが一番初めに触ったプログラミング言語ではないでしょうか。筆者も一番最初がBASICでした。今思えば非効率的な言語に思えますが、上から順番に実行される安心感はあります。そんなBASICのインタプリタとしてPuffinBASICを紹介します。PuffinBASICはJavaで書か...
Finicky - 設定に沿ってブラウザを自動切り替え
Webサイトによって最適なブラウザがあります。極端な例でいえば、ActiveXが使われていてInternet Explorerでないと動かないといったWebサイトです。Webサイトごとにブラウザを切り替えてアクセスし直すのは面倒です。そこで使ってみたいのがFinickyです。あらかじめ定義した設定に従って、自動的に表示...
handwritten.js - テキストを瞬時に手書き風PDFに変換
パソコンで書いたレポートを教諭のところに持っていったら、手書きで提出しろと理不尽なことを言われたことはないでしょうか。印刷したドキュメントを真正直に書き直してもいいですが、それでは屈したと感じてしまいます（個人の感想です）。そこで使ってみたいのがhandwritten.jsです。テキストファイルを瞬時にして手書き風に変...
電脳麻将 - Webブラウザだけで遊べる麻雀
麻雀が好きな人は多いですが、コロナウイルスの影響で雀荘が軒並み営業できない状態です。オンラインに流れている人もいますが、顔も分からない人と打つのにちょっと気後れしてしまっている人もいるでしょう。今回紹介する電脳麻将はWebブラウザ、JavaScriptで実装された麻雀アプリです。## 電脳麻将の使い方最初に書いておくと...
inappropriate-words-ja - 不適切表現をまとめたスクリーニング用単語一覧
以前広告代理店に勤めていた時、AdWordsの広告設定はとても大変そうでした。特に除外ワードの設定が大変で、ユーザが入力してくる不適切なワードをすべて登録して弾いていました。そうした言葉を考えたり、リストアップするのは苦痛です。今回紹介するinappropriate-words-jaは不適切なワードだけを集めたリポジト...
Better - よりよいサービス/製品を提案してくれるWebブラウザ機能拡張
自分が使っているサービスやソフトウェアを完全に信用していますか。例えばZoomはセキュリティやプライバシー意識が低いと、一時期批判を受けていました。同様に、ユーザのデータよりも利益や企業メリットを優先しているサービスもあります。そうしたサービスに対して代替になるものを提案してくれるのがBetterです。## Bette...
Text to Handwriting - テキストを手書き風に変換
宿題などは手書きで提出するように求められたことはないでしょうか。コンピュータで出力するのと何が違うのかと思ってしまいますが、そうした時代錯誤は常に存在します。そこで屈して手で書くのは凡人であり、そうした逆境を克服するのもまた開発者です。今回紹介するText to Handwritingはテキストを手書き風にしてくれるソ...
SteganograhyProject - 画像の中に画像、テキストを隠す
映画などではコンピュータ上に重要なデータを残す際、暗号化しているのが基本です。しかし暗号化はパスフレーズなどによって解かれる可能性があります。さらに暗号化されていたら、そこに重要な物があると教えているようなものです。そこであなたに使って欲しいのがSteganograhyProjectです。画像ファイルの中にテキストや画...
VCam Window for mmhmm - mmhmmを画面共有で使う際に
mmhmmを使ったことがあるでしょうか。仮想カメラとして動作するソフトウェアで、Webカメラの映像や画面共有を取り込んでプレゼンテーションできるソフトウェアです。Evernoteの元CEOが開発していることで話題になっています。そんなmmhmmをWebカメラとしてでなく、画面共有で使いたいと言うニーズに応えるのがVCa...