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

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

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

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

もっと見る

List

  • 2021/03/02

Dad Joke Generator - 英語圏の親父ギャグ検索

いつの時代も、どの国でもおっさんは面白くない冗談を言うようです。一説によると、脳が年を取ると言うべきでない言葉を制御できず、口から出てしまうとされています。日本で言えば親父ギャグ、英語圏ではDad Jokeと言われているので、どちらも同じ概念があるようです。そんな親父ギャグを表示したり、検索できるサービスがDad Jo...

List

  • 2021/03/01

Violentmonkey - WebExtensions APIに対応したユーザスクリプト管理

Webブラウジングをユーザ自身で拡張できるのがユーザスクリプトです。任意のWebサイトで特定のコンテンツを非表示にしたり、機能を追加したりできます。筆者も色々なWebサイトで使っています。そんなユーザスクリプトを管理するのに使われる機能拡張がViolentmonkeyになります。類似のソフトウェアは幾つかありますが、そ...

List

  • 2021/02/28

Powerlets - ブックマークレットを素早く呼び出すGoogle Chrome機能拡張

Webブラウザから任意のJavaScriptを実行できるブックマークレットは便利です。便利なだけに色々登録してしまって、目的のスクリプトを探したりします。ツールバーに並べておくのも大変で、なるべく文字数を減らしている人もいるでしょう。今回紹介するPowerletsはブックマークレットを検索、そして実行できるGoogle...

List

  • 2021/02/28

Chocolaスマートコントラクト - チョコレートの代わりにハッシュ値を送ろう

2月14日は何の日でしょうか。そう、待ちに待った(?)バレンタインデーです。今年はコロナ禍とあって、実際に会って渡せないという人たちも多いでしょう。本命はもちろん、義理チョコであればわざわざ会ってまで渡したいとも思わないはずです。そこで使ってみたいのがChocolaスマートコントラクトです。ブロックチェーンを使い、チョ...

List

  • 2021/02/23

gDriveOCR - Google Driveを使ったOCR

OCRは大抵スキャナなどに備わっています。オープンソースのOCRもあることはあるのですが、品質はあまり高くありません。画像の中から効率的に情報を取り出す方法は手間がかかるイメージがあります。紙文書からテキストデータを取り出すのに苦労した人も多いでしょう。今回紹介するgDriveOCRはスマートな解決手法になるそうです。...

List

  • 2021/02/18

Sweep The Mine - スマホでも遊べるレスポンシブなマインスイーパ

突然、マインスイーパをプレイしたくなることがあるでしょう。昔のWindowsであれば標準で入っていましたが、今はストアでインストールしなければなりません。これは手間です。そこで使ってみたいのがSweep The Mineです。Webベース、かつレスポンシブデザインなマインスイーパです。## Sweep The Mine...

List

  • 2021/02/17

Pencil.js - インタラクティブな2Dオブジェクトライブラリ

Web上で2Dのオブジェクトを描くとなると、途端に敷居が上がります。CanvasやSVGを使うことで2Dオブジェクトは描けますが、星の形を描くのすら苦戦するでしょう。さらにそれをJavaScriptと連携させるとなると大変です。そこで使いたいのが専用のライブラリです。今回はPencil.jsというCanvas向けに出力...

List

  • 2021/02/16

Graphviz Visual Editor - GraphvizをWeb上で表示、さらに編集も!

昔から開発者がビジュアル化のために使ってきたライブラリがGraphvizではないでしょうか。DOT言語と呼ばれる記法に沿って書くことで、画像やSVGとしてドローされたデータを出力できます。そんなGraphvizのビジュアル化をWeb上で行い、さらに編集まで行えるのがGraphviz Visual Editorです。##...

List

  • 2021/02/15

Kind Stranger - モバイルに最適化されたRedditビューワー

海外で有名な掲示板といえばRedditがあります。テクノロジーから日常的なことまで含め、さまざまな内容で日々会話されています。Subredditごとに異なる文化があり、レギュレーションも異なるのが面白さの一つです。そんなRedditビューワーとしてKind Strangerを紹介します。ぜひお気に入りのSubreddi...

List

  • 2021/02/15

Emoji Finder - 絵文字検索ツール

絵文字は今や世界中で使われている単語になっています。そしてiOSなどがバージョンアップする度に新しい絵文字が追加されています。もはや、そのすべてを把握している人は多くないでしょう。そこで使ってみたいのがEmoji Finderです。絵文字を素早く検索できるツールです。## Emoji Finderの使い方トップページで...

List

  • 2021/02/14

Heart Rate Monitor - Webベースの脈拍モニター

日々の健康状態をモニタリングすると、ちょっとした変化にすぐ感じ取れるようになります。雰囲気で感じるよりも、個人的には数値として取れている方が好みです。スマートウォッチなどを使うとそうしたバイタルもすぐに取れます。今回紹介するHeart Rate MonitorはWebアプリケーションながら、脈拍を測定できるアプリケーシ...

List

  • 2021/02/13

Enigma - Web暗号機

エニグマといえば、第二次世界大戦中にドイツが開発した高性能暗号機です。キーを定期的に変えることで、メッセージが解読されづらい仕組みになっています。ハッシュ値などの不可逆ではなく、原文に戻せる可逆変更なのが特徴です。そんなエニグマと同じ名前を持った暗号化ツールがEnigmaです。ぜひ体験してみてください。## Enigm...

List

  • 2021/02/11

MemgameJS - メモリ探索ゲーム

コンピュータの基本要素の一つであるメモリ。高速にアクセスできる一時記録領域として使われています。ソフトウェアが動作する上で重要な存在であり、時にクラッキングで内容を悪用されることにあります。そんなメモリの内容を探索できるゲーム(アート)がMemgameJSになります。## MemgameJSの使い方最初に表示される四角...

List

  • 2021/02/11

Air horn - エアホーンを奏でるPWA

スポーツなどで使われるエアホーン。コロナ禍とあって利用が禁止されている場合も多いようですが、サッカーや野球などで使ったことがある人も多いのではないでしょうか。スポーツが盛り上がる、楽しいツールです。そんなエアホーンをWebベースで再現したのがAir hornです。技術的な実験的ソフトウェアになります。## Air ho...

List

  • 2021/02/10

blymp.io - とても簡単に使えるデバイス間ファイル送受信ツール

目の前にあるデバイスからファイルを受け取りたい、逆に送信したいと思うことはよくあります。しかしUSBで繋いだり、専用アプリをインストールするのは面倒です。結局メールを使うことになったりします。これは体験として下の下です。今回紹介するblymp.ioはURLさえ覚えておけば簡単に使えるデバイス間ファイル送受信ツールです。...

List

  • 2021/02/09

Dancing☆Onigiri (CW Edition) - HTML5製のリズムゲーム

アミューズメント施設(ゲームセンター)に行くと必ずあるのがリズムゲームです。太鼓の達人、ポップンミュージックなど利用する体の部位、道具は異なるものの、リズムに合わせて叩いたり、踏んだりするのは同じです。最近ではスマホでも数多くのリズムゲームがあります。今回紹介するDancing☆Onigiri

List

  • 2021/02/08

emoji-rain - 絵文字の雨を降らせるWeb Components

絵文字は単純にテキストメッセージに使うだけでなく、色々な場面で利用できます。アイコンフォントとして使うこともできますし、UTF8に対応しているプログラミング言語なら変数名に使うことだってできます。今回紹介するemoji-rainはそんな絵文字の使い方として参考になりそうなソフトウェアです。絵文字の雨が降ってきます。##...

List

  • 2021/02/06

andala - シンメトリーを活かしたWebペイント

左右対称なデザインはシンメトリーと呼ばれます。もちろん左右だけでなく、上下や斜めの線に対して対称という場合もあるでしょう。鏡合わせなデザインは昔から憧れの想像美といわれています。今回紹介するandalaはそんなシンメトリーな図形を描けるペイントツールです。1つの線だけでなく、複数のシンメトリーが描けます。## anda...

List

  • 2021/02/05

AR Sudoku Solver - ARを使って数独の答えを表示

数独は日本はもちろん、世界中で楽しまれているパズルです。数字の数によって難易度が異なり、上級なものになると何日も悩み続けないと解けないかも知れません。しかし、コンピュータであれば瞬時に解けるでしょう。今回紹介するAR Sudoku Solverはまさにそんな数独を解くためのソフトウェアです。面白いのはARを用いることで...

List

  • 2021/02/05

JPEG.rocks - WASMを使ってクライアントサイドでJPEG画像を最適化

オンライン上では画像コンテンツが多用されています。その結果、1ページの容量が大きくなり、ネットワーク負荷が高まっています。表示上では不要なデータを削除することで、画像データは大幅に軽減できます。今回紹介するJPEG.rocksはプライバシーに配慮したJPEG最適化ツールです。## JPEG.rocksの使い方トップペー...