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

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

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

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

もっと見る

None

  • 2020/07/19

SpacedTime - 覚えておかなきゃいけないことを記録

人の記録はあやふやなもので、だいたいのことは数日経つと忘れてしまいます。その結果、人との約束事や重要なことまで忘れてしまったりします。そうならないために、きちんと記録しておかないといけません。記憶するために記録し、それを何度も繰り返せば記憶の定着ができるでしょう。そのためのツールがSpacedTimeです。## Spa...

List

  • 2020/07/19

table-magic - CSV/TSV/HTML/Markdownの相互変換

HTMLのテーブル組はよく使われますが、その組み方は意外と面倒です。CSVから手軽に変換できるといいなと思うことがよくあります。同様にMarkdownでの表組も記法が複雑で、ずれることがよくあります。そんな苦労を味わった方であれば便利さが分かるのがtable-magicです。CSVとHTML、そしてMarkdownを相...

List

  • 2020/07/18

shapez.io - 自動化された工場を構築するゲーム

物を作っていくゲームはなんと面白いことでしょう。一気に大きなものを作るのではなく、小さなものを積み重ねていくのに楽しさを感じます。シムシティはもちろん、Factorioのような工場建設ゲームもそうです。今回紹介するshapez.ioはFactorioにインスパイアされた工場製造ゲームです。## shapez.ioの使い...

List

  • 2020/07/17

tragopan - 別ライブラリへの依存性のないズーム/パン用JavaScriptライブラリ

デジカメやスマートフォンで撮影した写真はどんどん画素数が増え、巨大になっています。Webブラウザで表示したくらいでは確認できないくらい小さな部分まで撮影できます。拡大表示したい時は多いです。そこで使えるライブラリがtragopanです。Web上でJavaScriptを使って画像のズームイン/アウトができるライブラリです...

List

  • 2020/07/16

CindyJS - インタラクティブなコンテンツ作成に役立つJavaScriptフレームワーク

JavaScriptを使えば画面内の要素を動かすことができます。とはいえ、それを素のJavaScriptだけで自力で実装するのは現実的ではありません。特に物理的な動きと組み合わせるのは大変です。今回はインタラクティブなコンテンツを作るのに特化したJavaScriptフレームワーク、CindyJSを紹介します。## Ci...

List

  • 2020/07/15

Zettlr - 多機能で使いやすいMarkdownエディタ

Markdownエディタは世の中にたくさん存在します。しかし、日々新しい物が出てきます。それはなぜかといえば、自分のニーズにほんの少しだけ合わないものがあるからです。確かにかゆいところに手が届かないものもあるでしょう。今回紹介するZettlrは21世紀のMarkdownエディタを標榜しています(Markdownが出てき...

List

  • 2020/07/15

Briefing - プライバシーに配慮した動画チャット

リモートワークが増えて、動画で会議をすることが増えました。また、ソーシャルディスタンスによって直接会えずに動画チャットを使う機会も多くなっています。その際問題になっているのがプライバシーです。Zoomなどでもプライバシーが大きな問題になっています。今回はプライバシーに配慮した動画チャットアプリBriefingを紹介しま...

List

  • 2020/07/13

Quotebacks - コンテンツ引用をしやすくするGoogle Chrome機能拡張

Webはページ同士がリンクで繋がって構成されています。その際、単にURLを付けるだけでもいいですし、内容を引用することもできます。引用を使うことで、リンク先の内容が分かりやすくなり、誘導につなげることができます。今回紹介するQuotebacksはそんな引用をしやすくするGoogle Chrome機能拡張になります。##...

List

  • 2020/07/12

tubuler - 簡単に使えるyoutube-dlのGUIラッパー

YouTube動画をダウンロードしておきたいと思ったことはないでしょうか。誰かがアップロードした動画は常にあるとは限りません。いつ消えてしまうか分からないだけに、手元に残しておきたい場合もあるはずです。そこで使えるのがyoutube-dlですが、CLIなので人によっては使いづらいでしょう。そこで使えるのがtubuler...

List

  • 2020/07/11

Notence - Markdownとカンバンをサポートしたノートアプリ

メモを取る用のノートアプリはどんなものを使っているでしょうか。普段使っているテキストエディタをそのまま利用している人も多いはずです。しかしテキストエディタでは記述できるフォーマットに限界があるのが問題です。今回紹介するNotenceはリストとカンバン、二つの記述方法をサポートしたノートアプリになります。## Noten...

List

  • 2020/07/10

WiFi Login Card - WiFi接続情報を載せたカードを作成

コワーキングスペースやイベント会場に行くとWiFiのSSIDとパスワードが書かれた紙があります。それを入力しないとインターネットにつなげられないので、とてもアナログな操作が求められます。これはとても面倒です。そこで使ってみたいのがWiFi Login Cardです。WiFiの接続情報を記述したQRコードを手軽に作成して...

List

  • 2020/07/10

passmass - ストレージレスなパスワード管理

パスワード管理は何を使っているでしょうか。1Password、LastPassなどクラウドサービスやオープンソース・ソフトウェアなど多種多様に存在します。しかし、どこかにデータを残すということは、そこがセキュリティ上のネックになるのは間違いありません。その問題を回避するのはストレージレスになることです。今回紹介するpa...

List

  • 2020/07/09

Image Scrubber - Webブラウザで上でプライバシーに配慮した写真加工を行う

この記事が一般公開される頃にはBLMも落ち着いているでしょうか。欧米ではBLM運動が活発に行われており、様々な余波が生じています。今はソーシャルの時代であり、デモで撮影された写真があっという間に拡散されています。そうやって撮影された写真には肖像権があり、おいそれとアップロードするのはよくありません。まず最低限の処理をI...

List

  • 2020/07/09

TitleRun - これならバレない!タイトル部分で行うゲーム

仕事中に堂々とゲームをやるのは難しいですが、多少の息抜きがあってもいいのではないでしょうか(あくまでも個人の意見です)。問題はいかに見つからないかになりますが、ぱっと見で分からなければ問題ないでしょう(あくまでも個人のry)。今回紹介するTitleRunはWebブラウザのタイトル部分を使って行うゲームになります。## ...

List

  • 2020/07/08

tailblocks - Tailwindをベースにしたブロックデザインパターン

CSSフレームワークとしてTailwindが知られています。画一的なデザインを提供するBootstrapなどと異なり、個別のスタイルのみを提供します。UI部品にする際には、それらのスタイルを組み合わせて自作する必要があります。より自由度が高く、作業を効率化してくれるフレームワークです。そんなTailwindを使ってブロ...

List

  • 2020/07/07

tw-style - TwitterのUIを自分好みにカスタマイズ

住めば都という言葉はありますが、普段使いしているツールのUIが変わると慣れるまで相当なストレスになります。ネットの世界においては自分でカスタマイズできる領域も大きいので、リアルほど我慢を強いられることはありません。自分なりの都にすればいいのです。今回はtw-styleを紹介します。新しいTwitterのUIについて、自...

List

  • 2020/07/06

Wiper - Google検索結果から指定したサイトを除外するブロックリストアドオン

Google検索を使っていて、いつも出てくる邪魔なサイトは存在しないでしょうか。まとめサイトだったり、噂レベルの内容を載せているだけのサイトもあります。Googleのインデックス力に期待したいところですが、現状ではノイズが増えてしまっています。そこで使ってみたいのがWiperです。手動で登録するブロックリスト機能拡張で...

List

  • 2020/07/04

Live.js - JavaScriptを読み込むだけで使えるライブリロードライブラリ

Webサイトを開発している時には、その修正内容を素早く確認したいはずです。ライブリロードやホットリロードといった技術もありますが、専用のサーバなどを用意するのでちょっと手間です。そこで使ってみたいのがLive.jsです。JavaScriptを読み込むだけで使えるライブ/ホットリロードを実現します。## Live.jsの...

List

  • 2020/07/03

CLaD ASCII - アスキーアート製ミュージックビデオ

ミュージックビデオはミュージシャンにとって、音楽を知ってもらうために大事な作品です。しかしコロナウイルスの影響や、遠隔地に住むグループではすぐに集まって撮影するのが難しいです。Charlotte Light and Darkもそんなミュージシャンの一つです。そこで彼らはアスキーアート製のミュージックビデオを作ることにし...

List

  • 2020/07/02

MYukkuriVoice - macOS用のゆっくりボイス作成ソフトウェア

ゆっくりボイスはニコニコ動画をはじめ、各種動画サイトで使われています。作成者は声を発せず、テキストで作れるので便利です。読み間違えることも、撮り直しも簡単です。動画はちょっとしたミスによる撮り直し作業が面倒なので、自動生成される音声ファイルは便利です。今回紹介するMYukkuriVoiceはmacOS用のゆっくりボイス...