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

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

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

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

もっと見る

List

  • 2020/06/19

Progressive Web Maps - オフラインでも使えるPWAの地図アプリ

PWA(Progressive Web Apps)が広まることで、スマートフォンアプリとWebアプリの垣根がなくなってきています。タスク管理や電卓のような簡易的なアプリケーションはもちろん、IDEのような大型なWebアプリケーションもPWA対応してきています。今回紹介するProgressive Web Mapsは地図ア...

List

  • 2020/06/19

Link Lock - シェアできるパスワードロック付きURLを生成

URLを他の人には分からない形でシェアしたいと思うことはないでしょうか。認証などを使えばできるでしょうが、それは面倒です。あらかじめキーワードを決めておいて、それだけでシェアできると便利でしょう。今回紹介するLink LockはURLをAESで暗号化し、パスワードを知らないと復号化できない状態にしてくれます。## Li...

List

  • 2020/06/16

YTMDesktop - YouTube Liveをデスクトップで楽しむ

Google Musicが終了し、YouTube Musicに統合されると発表されています。動画のCMもなくなるので、使っている人は多いのではないでしょうか。SpotifyやApple Music、Amazon Musicのようなライバルがある中、どこが抜きんでるでしょうか。今回紹介するYTMDesktopはYouTu...

List

  • 2020/06/15

Responsively App - レスポンシブWebデザインを効率化

レスポンシブなWebサイトを開発する際には、様々なデバイスでの表示を一気に確認できると便利です。デバイス毎に画面幅が数多くあるので、それらをまとめて表示確認して調整していくという作業が不可欠です。今回紹介するResponsively Appはそうした表示をまとめて行えるアプリになります。スクロールやイベントの追従もでき...

List

  • 2020/06/15

twigl - オンラインのGLSLエディタ

GLSLはOpenGLやWebGLなどで使われているシェーダーを記述するための言語になります。3D CGなどを行っている方であれば馴染みのある言語でしょう。書き方がJavaScriptなどのプログラミング言語とは異なるので、慣れないとなかなか使い方を覚えられないかも知れません。そんなGLSLをWeb上で書いて試せるのが...

List

  • 2020/06/14

DeepL Chrome Extension - Google ChromeからDeepLを使って簡単に翻訳

Google翻訳よりも自然な翻訳ができているとして、DeepLに注目が集まっています。執筆時点ではまだAPIベースの翻訳は日本では使えないのですが、提供されればWebサービスやビジネスでの利用も進むでしょう。そんなDeepLをGoogle Chromeから簡単に使えるようにするのがDeepL Chrome Extens...

List

  • 2020/06/13

Twitterclone - Twitter風のUIデザイン

Twitter風のWebサイトを作ってみたいと思ったことはないでしょうか。プロフィール画面やタイムラインがあって、そこにフォロワーがいて…などTwitterの基本的なデザイン構成はそれほど部品が多くはありません。TwittercloneはそうしたTwitter風のデザインを模したソフトウェアになります。少しだけサーバサ...

List

  • 2020/06/13

Github card - GitHubリポジトリ情報を表示するカスタムエレメント

HTML5ではカスタムエレメントという機能で、独自のHTMLタグを追加できます。あまり使われている例は見ませんが、特定のUIや機能をサンドボックス化できるので便利です。今回紹介するGithub cardはGitHubリポジトリの紹介をカスタムエレメント化したソフトウェアになります。## Github cardの使い方こ...

List

  • 2020/06/11

G-Desktop-Suite - Google Driveデスクトップアプリ

Google Driveを使って、ドキュメントや表計算、スライドなどの資料を作っている人は多いのではないでしょうか。Webブラウザから使うのが基本だと思いますが、毎度Google Driveを開くのは面倒だったりします。そこで使ってみたいのがG-Desktop-Suiteです。普段使っているWebブラウザから切り離すこ...

List

  • 2020/06/10

GitHub Theme - GitHub Codespaces用のカラーテーマ

GitHubで新しいサービス、GitHub Codespacesが発表されました。GitHubのリポジトリから、Web上でVisual Studio Codeを立ち上げて、ファイルを編集できる機能です。そんなGitHub Codespacesで使われているテーマがGitHub Themeになります。Web上で合わせるこ...

List

  • 2020/06/10

nicoSlack - Slackの新着メッセージをニコニコ動画のコメント風に表示

ニコニコ動画のコメント表示は当時としては画期的なものでした。横に流れていくコメントは、動画共有だけでなく、様々なサービスやソフトウェアでも取り入れられています。今回紹介するnicoSlackは名前の通り、Slackの新着通知をニコニコ動画のコメント風に表示するソフトウェアです。## nicoSlackの使い方新しいコメ...

List

  • 2020/06/08

dixitOnline - オンラインでDiXitを遊ぶ

DiXit(ディクシット)というのは語り部(親的なもの)とプレイヤーに分かれるゲームで、語り部のヒントを元にカードを選択し、そのカードが全員一致または不一致じゃない場合に語り部がポイントを得るというゲームです(詳しくは日本一わかりやすい「ディクシット

List

  • 2020/06/07

SpeedVid - HTML5ビデオの動画速度を調整するブックマークレット

YouTubeやDailymotionといった動画共有サイトでは動画のスピードを設定できるようになっています(それでも基本は2倍速まで)。しかしNetflixやHulu、Amazon Primeビデオでは不可能で、ストレスを感じることがあります。今回紹介するSpeedVidはHTML5ビデオの速度を調整できるブックマー...

List

  • 2020/06/06

Snake face - 顔の動きで遊ぶスネークゲーム

スネークゲームは多くの人が一度はプレイしたことがあるでしょう。最初は1ブロックのサイズだったのが、餌を食べるごとに徐々に伸びていき、ゲームレベルが上がっていくものです。今回紹介するSnake faceはそんなスネークゲームと顔認識をつなぎ合わせたゲームになります。つまり、蛇の操作を顔で行います。## Snake fac...

List

  • 2020/06/06

Kwizz Guru - サーバレスで作られているクイズアプリ

クイズは内容のレベル次第で小さい子から大人までみんなが楽しめるゲームになります。ジャンルを歴史から数学、化学など様々なものを取りそろえれば、遊びだけでなく、学習にも効果があるでしょう。今回はそんなクイズゲームをサーバレスで興じられるKwizz Guruを紹介します。## Kwizz Guruの使い方ダッシュボードです。...

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...