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

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

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

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

もっと見る

List

  • 2019/07/19

boa - Rust製のJavaScript実行エンジン

RustでWebAssemblyを開発している人は多いでしょう。JavaScriptと比べて高速に動作しますが、コンパイルが伴うので動的に動作を変えるのが困難です。例えばユーザにコードを入力してもらって、それをマクロ的に動かしたいということもあるでしょう。そんな時に使ってみたいのがboaです。Rustで作られたJava...

List

  • 2019/07/18

Dissenter - プライバシーを重視したWebブラウザ

インターネットではプライバシーが重視されます。アプリのようにオフラインで十分に使える訳ではないので、ネットワークを介してその人の属性や履歴、入力情報を使って様々な情報が抜き取られるからです。今回紹介するDissenterはプライバシーを重視するWebブラウザになります。また、様々なカスタマイズが可能です。## Diss...

List

  • 2019/07/17

urlpages - サーバレスのWebプレイグラウンド

CodePenやJSFiddleなどWeb上でHTML/CSS/JavaScriptを試せるプレイグラウンドサービスが多様に存在します。これらはコードをサーバ側に保存するので、自前で同じような環境を用意するのが面倒です。今回紹介するurlpagesは静的サイトでも使えるのが魅力です。もちろん作成したコードを他の人に見せ...

List

  • 2019/07/17

photoEditor - Web上で簡易的な画像編集

ユーザに画像をアップロードしてもらう機能はよくありますが、そのままでは使いづらいことが良くあります。例えばサイズが大きすぎたり、回転してしまっていたりといった具合です。そんな時に簡易編集機能を提供できるのがphotoEditorです。## photoEditorの使い方写真を開いたところ。この状態では、まだサーバに送信...

List

  • 2019/07/16

paintDraw - Web上のペイントアプリ

Web上で絵を描いたり、画像に装飾を施したいと思うことが多々あります。画像をCanvasに読み込んで、後は線を引いたりすれば良いのですが、その実装は意外と複雑です。さらに間違った時のために消しゴム機能などもいるでしょう。そうしたペイント機能の基盤に使えそうなのがpaintDrawです。## paintDrawの使い方線...

List

  • 2019/07/16

maps-journey-replay - 進んだ道を地図上でリプレイ

旅行前に地図を眺めてあれこれ計画を立てたり、現地を想像したりするのが好きです。逆に旅行に行ってしまった後に同じ地図を見返すことは殆どないのですが、旅路を振り返るのが好きな人も多そうです。そんな方にお勧めしたいのがmaps-journey-replayです。あの時通ったあの道を辿れるWebアプリケーションです。## ma...

List

  • 2019/07/15

GitApp - GitHub専用ブラウザアプリケーション

最近専用ブラウザを使うことが良くあります。例えばGoogleマップやGmail、チャット、YouTubeなどをWebブラウザから切り離すことで、Webブラウザは自由に再起動できます。再起動する度に音楽が止まったり、ログインし直したりすることもありません。そんな専用ブラウザとしてGitAppを紹介します。GitHub用の...

List

  • 2019/07/15

DigitalJS - Webで動くデジタル回路シミュレータ

デジタル回路を設計する際には、その回路を実際に組む前にシミュレータで確認するのが基本です。ハードウェアにするのはハードルが高いので、まずトライ&エラーがしやすい環境でどんどん試していきます。今回紹介するDigitalJSはそんなデジタル回路のシミュレータです。Web上で試せるのが特に便利です。## DigitalJSの...

List

  • 2019/07/14

Darkmode.js - Webサイトにダークモードを手軽に導入

macOSでダークモードが導入されて以降、一気にその波が広がっています。アプリなどもダークモードをサポートしたり、Webサイトでも行われるようになっています。プログラマやエンジニアでは背景を黒くするのが当たり前だったので、時代が追いついたと言えなくもなさそうです。そんなダークモードをWebサイトでも使えるようにするのが...

List

  • 2019/07/13

statbox2 - 完成度の高い宮崎県向けデータ可視化システムのプロトタイプ

行政で使われるシステムは決して安価ではありません。利用者像が様々であり、ユニバーサルデザインにも気を配らないといけないため、開発工数が増しがちです。しかし、その結果として使い勝手の悪いシステムができるのではな意味がありません。今回紹介するstatbox2は、新みやざき統計BOXで使われる機能のプロトタイプです。このシス...

List

  • 2019/07/12

Copy as Markdown - 画像/リンク/テキストをMarkdown記法でコピーするブラウザ機能拡張

ブログを書いたり、ドキュメントを記載している際に今見ているサイトをMarkdownに記述したいと思うことは良くあります。また、その対象はWebページだけでなく、画像やリンク先ということもあるでしょう。そんな時に使えるのがCopy as Markdownです。対象によってコピー方法を変えてくれるGoogle Chrome...

List

  • 2019/07/11

Point and Click Game - Webブラウザ用の脱出ゲームエンジン

脱出ゲームは人気のあるコンテンツです。アプリはもちろん、リアル脱出ゲームも人気があります。壁や家具などから様々なアイテムをゲットして、部屋を出たり、建物から脱出します。そんな脱出ゲームを作るのに使えそうなゲームエンジンがPoint and Click Gameになります。## Point and Click Gameの...

List

  • 2019/07/09

SwitchHosts - hostsファイルの設定を切り替え

開発中はhostsファイルの内容を変更したいと思ったことはないでしょうか。普段は標準のままで、特定の時だけネットワーク設定を変えたいというのは良くあることです。その度にコメントアウトしてある設定を有効にするのは面倒です。そこで使ってみたいのがSwitchHostsです。hostsファイルの入れ替えを行ってくれます。##...

List

  • 2019/07/09

Rune Search - 山羊を操作して文字を探したり戦ったり

たくさんの文字が並んだ中から目的の文字を探すゲームがあります。上下左右、斜めの中から単語を探していきます。意外と集中できて、時間つぶしにトライしている人も多いのではないでしょうか。それと似ているようで似ていない、そんなゲームがRune Searchです。## Rune Searchの使い方ゲームのチュートリアル。!

List

  • 2019/07/07

OctoLinker - GitHubでライブラリ探索を簡単に

GitHubでコードを読む機会は多いと思います。そんな時、外部ライブラリを読み込んでいるコードがあったらどうするでしょうか。ライブラリ名をコピーして、Googleで検索したりするでしょうか。意外と手間ですよね。そこで使ってみたいのがOctoLinkerです。Google Chrome機能拡張を使えば自動ジャンプできるよ...

List

  • 2019/07/05

Graviton Editor - Electron製のコードエディタ

プログラミングエディタが多彩になっています。VS CodeやAtomのようにWeb技術でエディタが作られるようになり、より手軽にエディタが作れるようになっているのでしょう。自分の手に馴染むエディタを自分で作り上げるという楽しさもあります。今回紹介するGraviton Editorもそんなエディタの一つです。機能はまだ多...

List

  • 2019/07/05

Kanban Board PWA - PWAのカンバンシステム

カンバンはタスクだけに限らず、情報をステータスに沿って管理するのに役立ちます。多くの場合、そのデータをサーバサイドに保存しますが、ちょっとしたものであればクライアントでも問題ないでしょう。今回紹介するKanban Board PWAはカンバンシステムをPWAにした、そんなソフトウェアです。## Kanban Board...

List

  • 2019/07/03

textFit - 枠に合わせてテキストを最大表示

Webの表現力は高く、ウィンドウの幅によってテキストの行数が変わってしまったりします。その結果、デザイナーの意図した表示にならないことも多く、かといって固定サイズにすると閲覧者にストレスを与えることにもなりかねません。そこで使ってみたいのがtextFitです。テキストを枠の中に収まる形で最適化してくれるライブラリです。...

List

  • 2019/07/03

GraphvizOnline - GraphvizをWebブラウザ上で使う

複雑なチャートを描く際に、ExcelやPowerPointを使っていては、後々の更新コストが大きくなります。そこでお勧めなのがGraphvizです。dotファイルを作れば、チャート化する部分は自動で任せられるようになります。今回紹介するGraphvizOnlineはWeb上でGraphvizを試せるツールです。各自のロ...

List

  • 2019/07/02

太鼓ウェブ - 太鼓の達人非公式シミュレータ

太鼓の達人は人気の衰えないゲームです。ゲームセンターはもちろん、家庭用ゲーム機としても提供されています。しかし、それだけでは満足できない人たちがいます。楽曲の数を増やしたり、さらに難しく楽しみたい人たちがいます。そんな方たちの情熱によって作られているのが太鼓ウェブです。本物かと見まごうばかりの太鼓の達人シミュレータです...