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

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

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

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

もっと見る

List

  • 2020/06/05

Beekeeper Studio - 多彩なデータベースに対応したデータベース管理アプリ

データベースはずっとシステムの根底に存在しています。フロント部分の技術スタックは時代に合わせて変化していますが、データベースは殆ど変化せず、不要になることもありません。それだけに、管理するUIはどんどん便利になって欲しいと思うことでしょう。今回紹介するBeekeeper Studioはデータベース管理のUIとして最新の...

List

  • 2020/06/05

Remote House - オンラインで物理的インタラクションを再現

ここ数ヶ月でオンラインミートアップやリモート会議に関係するソフトウェア、サービスが乱立しています。正直、試す時間もままならないくらいです。突然強制されたリモートワークやオンラインミートアップだけに、改善の余地が多数あるということです。今回紹介するRemote Houseはリモートワークなどで相手に話しかけていいのか分か...

List

  • 2020/06/03

GyazoUploader - 写真のEXIFを使ったGyazoアップローダー

画像アップロードサービスとしてGyazoを使っている人は多いのではないでしょうか。コンピュータのスクリーンショットをアップロードしている人も多いですが、写真などを共有する目的で使っている人もいます。写真をアップロードする機会が多い人に使ってみて欲しいのがGyazoUploaderです。GyazoUploaderはEXI...

List

  • 2020/06/02

Pose Animator - 顔や体の動きを2Dキャラクターに反映する

アニメを人のように動かそうと思った場合、従来は顔や体にマーカーを付けて動きを記録する必要がありました。しかし、今では機械学習を使って顔や体の動きを学べるようになっています。それによってアニ文字のような技術も生まれています。今回紹介するPose Animatorは顔や体の動きを2Dに再現するソフトウェアです。## Pos...

List

  • 2020/06/01

AnyGrids - 高機能なテーブル表示ライブラリ

業務システムで最もよく使うのが一覧でのデータ表示ではないでしょうか。多くはテーブルタグを使って構築しますが、ソートや表示するデータの多様さによって、より多機能を求められます。今回紹介するAnyGridsはビジネスデータの表示に特化したライブラリとなっています。業務システムでのデータ表示に一役買ってくれそうです。## A...

List

  • 2020/05/31

Web Vitals Chrome Extension - Web Vitalsの評価を可視化するGoogle Chrome機能拡張

最近GoogleがWeb UXの指標として提示しているのがWeb Vitalsです。3つの指標があり、ローディングとインタラクティブ性、そして視覚的安定性となっています。これらの3つの指標に沿って、Webページを判定します。そんなWeb Vitalsを判定するGoogle Chrome機能拡張がWeb Vitals C...

List

  • 2020/05/30

japan-map-js - 日本のクリッカブルな地図を表示

集まったデータをただ一覧にしているだけではインパクトは薄くなってしまいます。どう可視化するかが問題です。時系列で比較する場合は棒グラフや折れ線グラフ、グループの場合は円グラフなど、データによって選ばれるグラフは異なります。もしデータが地域に合わせて作られるなら、地図上にマッピングするのがいいでしょう。日本地図にマッピン...

List

  • 2020/05/30

simpleParallax.js - 画像を使ったシンプルなパララックスエフェクト

パララックスエフェクトは見ている人にちょっとした違和感を与え、注目を集めるのに使えます。しかしスクロール時の処理を実装するのは大変で、後々のメンテナンスも面倒です。そこで専用ライブラリの利用をお勧めします。今回紹介するのはsimpleParallax.jsです。## simpleParallax.jsの使い方デモです。...

List

  • 2020/05/29

Gallery - 軽量、レスポンシブなWeb写真ギャラリー

写真をWebサイト上で並べて閲覧できるようにすることはよくあります。その際問題になるのが、各種Webブラウザ(スマートフォンなど含む)への対応や、サイズの異なる写真を綺麗に並べることです。そこで使ってみたいのがGalleryです。JavaScript製の軽量なギャラリーソフトウェアです。## Galleryの使い方一覧...

List

  • 2020/05/29

Mi Band 2 - Web Bluetooth APIを使ってアクティビティトラッカーと通信

スマートウォッチとしてApple Watchを使っている人は大勢いますが、個人的にはAmazfit Bipを使っています。一度充電すれば1ヶ月以上保つので、ずっと付けっぱなしにできるのが魅力です。そんなAmazfit Bipをはじめ、Mi Bandなどのアクティビティトラッカーを簡単にWebブラウザと通信させられるのが...

List

  • 2020/05/28

QR角印 - 現代風。QRコードを含んだ角印

コロナウィルスによって社会に大きな影響が出ています。その一つとして、ハンコ文化の見直しが行われています。ハンコを押すためだけに出社するといった愚策がなくなるかも知れません。しかし承認という問題に対するニーズに対する代案は必要です。そこで注目したいのがQR角印になります。## QR角印の使い方キーワード(発注番号など)を...

List

  • 2020/05/26

Marpit - MarkdownからHTML/PDFのスライドを作成

プレゼンテーション用のスライドを作る際には何を使っているでしょうか。PowerPointやKeynote、Googleスライドを使っている人が多いと思いますが、開発者であれば見た目の装飾よりも内容にこだわりたいはずです。そんな方に使ってみて欲しいのがMarpitです。Markdownからスライド、そしてPDFを生成する...

List

  • 2020/05/24

Bridge.NET - C#をJavaScriptに変換するコンパイラ

Webブラウザ上で動作する保証があるプログラミング言語はJavaScriptしかありません。しかし、型がないスクリプト言語とあって、素のまま使うのを躊躇してしまう人は大勢います。その結果、TypeScriptなどを使う人も多いです。今回紹介するBridge.NETはC#からJavaScriptに変換するコンパイラです。...

List

  • 2020/05/24

styled-icons - 13,500種を超えるアイコンフォント集

Webサイトを使いやすくしてくれるアイコンフォントは多数存在します。一つですべて済む場合もあれば、幾つも組み合わせたい場合もあるでしょう。足りない時に、都度追加していくのは面倒です。そこで使ってみたいのがstyled-iconsです。13,500種類以上のアイコンが使えるようになるライブラリです。## styled-i...

List

  • 2020/05/23

Somoji - 絵文字で効果音

オンラインミーティングやミートアップ時において、周囲の反応は欲しいものです。しかし、声を出してしまうと話しづらくなってしまうという問題があります。そこで試したいのがリアクションです。チャットなどではテキストで返す代わりに絵文字を使ったリアクションが便利です。同様に音声チャットであればSomojiが便利かも知れません。#...

List

  • 2020/05/23

Strike - 白黒時代を感じさせるペイントソフトウェア

ペイントソフトウェアは幾つも存在します。自由に線を引いたり、模様を描いたり、レイヤーがあったりと多機能なものもたくさんあります。写真の上に線を引いたり、地図に注釈を付けたりするのにもペイントソフトウェアが活躍します。そんなペイントソフトウェアとしてStrikeを紹介します。白黒調の、ちょっと変わったペイントソフトウェア...

List

  • 2020/05/21

hourTimer - 1時間集中して作業するためのタイマー

人が集中して作業できる時間はそれほど長くありません。そのため、期限も決めずに作業し続けるのは困難でしょう。例えば30分、1時間といった具合に、あらかじめ終わりを決めて取り組むことで集中力を維持して仕事を行えます。今回紹介するhourTimerは1時間タイマーのアプリになります。集中して仕事を進める時に使ってみましょう。...

List

  • 2020/05/19

Bypass Paywalls Clean for Chrome - ペイウォールを乗り越えるChrome機能拡張

多くのニュースサイトではペイウォールと呼ばれる仕組みを導入しています。毎月、決まった記事数は読めるものの、一定数以上読もうとすると支払いを迫る仕組みです。サーバ側で制御している場合もありますが、多くはWebブラウザだけで簡易的に行っています。そんな簡易的な制御を破るのがBypass Paywalls Clean for...

List

  • 2020/05/18

Kanmail - カンバンライクなUIのメールクライアント

カンバンはプロジェクトに限らず、様々な場面で利用できます。元々トヨタで生産管理で使っていたアイディアですし、ステータスを可視化するという意味では、もっと利用場面は多そうです。今回紹介するKanmailはカンバンをメールに適用するアイディアを持ったソフトウェアです。## Kanmailの使い方まずアカウントを登録します。...

List

  • 2020/05/15

Box Line Text - Webで動くバーチャルホワイトボード

会社にあって個人の家にないもの、その一つがホワイトボードではないでしょうか。リモートワークが続いて、ホワイトボードが恋しくなっている人はいないでしょうか。イメージを具体化したり、共有するのにホワイトボードはとても優れています。今回紹介するBox Line TextはWebブラウザ上で使えるホワイトボードアプリです。##...