Webの記事一覧

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

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

もっと見る

List

  • 2020/09/16

Text to Handwriting - テキストを手書き風に変換

宿題などは手書きで提出するように求められたことはないでしょうか。コンピュータで出力するのと何が違うのかと思ってしまいますが、そうした時代錯誤は常に存在します。そこで屈して手で書くのは凡人であり、そうした逆境を克服するのもまた開発者です。今回紹介するText to Handwritingはテキストを手書き風にしてくれるソ...

List

  • 2020/09/13

WikiLoop DoubleCheck - Wikipediaを守るレビューツール

Wikipediaは世界最大の百科事典であり、日々多くの人たちによってコンテンツが作成、編集されています。それを一定の品質に保つため、レビューする人たちがいますが、差分を確認して受諾したり、リジェクトするのはとても大変です。そこで作られたのがWikiLoop DoubleCheckです。Wikipediaのレビューを素...

List

  • 2020/09/12

Gradio - 機械学習用のUIを3分で作成

AI/機械学習の分野で研究が日々行われており、これまでには考えられなかったような製品や技術が出てきています。画像認識やゲーム、さらに動画を変換するようなことまで機械学習によって実現しています。今回紹介するGradioはそんな機械学習を体験できるUIを作成するためのライブラリです。## Gradioの使い方例えば写真にカ...

List

  • 2020/09/12

wasgen - Web Audio用のサウンドを生成するライブラリ

Web Audio APIを使いこなせば音楽を奏でられることは分かっています。しかしWeb Audio APIはかなりローレベルなので、音を奏でるために必要な実装をすべてやらなければなりません。単純なビープ音であればまだしも、音楽として聞かせられるレベルではないでしょう。そこで使ってみたいのがwasgenです。Web ...

List

  • 2020/09/11

city-roads - 地図の道ごとに色分けして表示

地図を元々提供されているままではなく、オリジナルのデータを載せたり、描画方法を変えたいと思ったりすることはないでしょうか。その手のことをしようと思うとGoogleマップでは難しかったりします。そうした目的でよく使われるのがOpenStreetMapです。今回紹介するcity-roadsもそうした一例になります。地図の道...

List

  • 2020/09/09

Moufette - ユーザフィードバックのフォームを生成

Webサイトを表示すると、右下のあたりにチャットウィンドウが表示されることがあります。個人的には煩わしいのですが、よく使われているということは、効果があるのでしょう。メールを書いたり、コンタクトフォームで入力するよりは手軽なのは間違いありません。そんな訪問者との接点としてフィードバック用のフォームを生成できるのがMou...

List

  • 2020/09/07

The Fabricius Project - AI/機械学習を使ってヒエログリフを学ぼう

古代のエジプトではヒエログリフと呼ばれる象形文字が使われていました。博物館などで、エジプト関連の遺跡を見たり、映画で考古学系のものを見ると目にすることの多いものです。あのヒエログリフ、書かれていることが分かったらちょっと知識人っぽいですよね。そんな夢を叶えてくれるのがThe Fabricius Projectです。AI...

List

  • 2020/09/07

Trello Clone - Vue製のカンバン

Trelloのようなカンバンシステムを使うことで、ステータスが変化するデータをうまく可視化できるようになりました。プロジェクト管理はもちろん、注文の処理状況、製造現場でのステータス可視化など様々な場面で活躍しています。そんなカンバン表示を自分たちのシステムにも組み込みたければオープンソースなものを使いましょう。今回はV...

List

  • 2020/09/06

Infinity - プライバシーを重視したWeb検索エンジン

Web検索エンジンといえば、Googleを思い浮かべる人が多いでしょう。プライバシーを気にする人の中にはDuckDuckGoを使っている人もいます。その他のサービスではこれらの検索エンジンを使っていることが多いので、結果は同じようなものになります。しかし自分のデータをトラッキングされたり、内部で行っていることが不明確な...

List

  • 2020/09/06

WACC - WebAssemblyを使って固有のコーリングカードを生成

離席時に誰かから電話や訪問があった際に使われるのがコーリングカードです。日本でも付箋紙を貼ったり、名刺を置いておいたりするでしょう。オンラインやリモートワークの時代になり、徐々にそうした文化も失われていきそうです。WACCが提案するのはコーリングカードをWebAssemblyで作るというアイディアです。固有の形状を生成...

List

  • 2020/09/05

WAVE.js/WAVE.wasm.js - 音楽ファイルをWeb上で自在に操作

Webブラウザで音楽を奏でる場合にはWebAudioがよく使われます。ローレベルなAPIなので、使いこなすのは時間がかかるかも知れません。それでも多くのライブラリが作られており、それらを使うことで、より簡易的に音楽ファイルなどを操作できるようになっています。今回紹介するWAVE.js/WAVE.wasm.jsもその一つ...

List

  • 2020/09/03

Anime-Chan - アニメのセリフを返すWeb API

アニメやマンガには有名なセリフがたくさんあります。例えばガンダムの「親父にもぶたれたことないのに」であったり、ジョジョの「おまえはいままで食ったパンの枚数をおぼえているのか?」などがあります。きっと、皆さんも心に残る言葉があるはずです。そんなアニメのセリフを探せるAPIがAnime-Chanになります。今日の一言的に使...

List

  • 2020/09/03

starboard-notebook - Webブラウザ上でJavaScriptを実行、確認

WebブラウザではJavaScriptが動作するので、Webブラウザさえあれば、わざわざnodeをインストールすることなく、プログラミング環境が手に入ります。しかし開発者ツールを開くのは、やはり開発者くらいでしょう。今回紹介するstarboard-notebookは、Webブラウザ上で実行できるJavaScript実行...

List

  • 2020/09/02

OnTrack - Ruby on Rails製のポップな家計簿

お金を貯めたいと思っている人の多くは小遣い帳を付けているそうです。入出金を可視化することで、出金が抑制されたり、何で余計に使ってしまっているのが分かるようになります。その結果として、お金が貯まるのです。もしプライベートで使える家計簿が使ってみたいならOnTrackを使ってみるのはいかがでしょう。## OnTrackの使...

List

  • 2020/08/29

Community Geocoder - 住所から位置情報に変換するオープンソースなWeb API

位置情報と住所については、常に相互に変換したいというニーズがあります。位置情報はスマートフォンやWebブラウザから取得できますが、住所の文字列から位置情報を取り出すのは意外と面倒です。GoogleマップのAPIなどを使う人も多いでしょう。今回紹介するCommunity Geocoderはオープンソースのジオコーディング...

List

  • 2020/08/28

billboard.js - D3.jsを用いた多彩なグラフライブラリ

Web上でグラフを描きたいケースはとても多いです。そしてグラフは単に1種類知っておけばいいわけではなく、用途に合わせて最適なものを選ばないといけません。一つのライブラリだけで行うなら、なるべく多くの表示パターンに対応したものを使うべきでしょう。今回紹介するbillboard.jsは一般的なグラフであれば、大抵こなせる強...

List

  • 2020/08/28

Heroicons - 140種類のSVGアイコン集

アイコンセットはWebサイトの雰囲気やデザインによって最適なものを選ぶべきです。そのため、様々なアイコンセットを知っておけば、利用できる場面も増えるでしょう。今回紹介するHeroiconsはシンプルなアイコンセットになります。特徴としてはすべてSVGであることでしょう。## Heroiconsの使い方角丸で、柔らかい雰...

List

  • 2020/08/27

Wiki.js - モダン、軽量なnode製Wikiエンジン

Wikiは2000年くらいから存在していますが、今なお新作が登場する分野でもあります。新しい技術やトレンドを取り込んで、新しいWikiが登場します。GitHub Wikiのように、サービスの中の一機能として取り込まれるケースも多いです。今回紹介するWiki.jsはnodeで作られたWikiエンジンです。レンダリングエン...

List

  • 2020/08/24

Luckysheet - 強力な機能を持ったオンライン表計算ソフトウェア

表計算機能はあらゆるソフトウェアで利用できます。データベースのようなものの管理インタフェースであったり、家計簿、従業員管理、タイムスケジュールなどでも用いることができるでしょう。非常に利便性の高いUIです。そんな表計算風のUIを導入する際に使えそうなのがLuckysheetです。Webベースで使える表計算ソフトウェアで...

List

  • 2020/08/24

Pixelated video - Webカメラの映像をドット絵に変換

ドット絵は昔ながらの味わいがあって楽しいものです。グラフィックスが洗練された現代にあっても、ドット絵が好きという人は多いでしょう。写真などをドット絵風にする場合、単にモザイクのようにマス目に区切ればいいという訳ではありません。そんなドット絵変換を体験できるのがPixelated videoです。Webカメラの映像をドッ...