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

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

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

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

もっと見る

List

  • 2020/03/22

Copy Excel Paste Markdown - Excelの表をMarkdownに変換

Excelで作成した表をWebページに使いたいと思うことは多いでしょう。そんな時、Markdownを使っている場合はどうするでしょうか。テキストファイルに貼り付けて、正規表現でタブを|に変換したりすることでしょう。しかしカラムの数を間違えたりして、なかなかうまくいきません。そこで使ってみたいのがCopy Excel P...

List

  • 2020/03/16

Neat URL - トラッキング情報をURLから削除

ソーシャルメディアなどでリンクをクリックするとutm_ではじまるパラメータが追加されていることがあります。これはUrchinトラッカーと呼ばれるもので、アクセス解析サービスを提供していたUrchin社がトラッキングに用いていたものです(Urchinは現在Googleに買収され、Googleアナリティクスのベースになりま...

List

  • 2020/03/15

markdown-table-editor kernel - Markdownのテーブルを簡単に編集

Markdownでテーブル組を作っていて、ある行だけカラム数がずれていて、うまく表示できないといった経験はないでしょうか。カラム数が2〜3個ならまだしも、数十あるような大きなテーブルを編集するのに、|だけでは大変です。そこで使ってみたいのがmarkdown-table-editor kernelです。自動補完、セル移動...

List

  • 2020/03/14

glTF Viewer - WebGLを使ったglTFビューワー

glTFは3Dモデル界隈で今最も注目されているフォーマットだそうです。3Dモデル界隈におけるJPEGを目指すと言われているので、まさにデファクトを目指すべく作られています。執筆時点での最新版は2.0で、1.0とは互換性がないとのことです。そんなglTFのファイルをWebブラウザ上で閲覧するビューワーがglTF View...

List

  • 2020/03/13

Asobiba - WebAssembly製のGo言語のプレイグラウンド

新しいプログラミング言語を学ぶとき、Webブラウザで確認できると便利です。しかしWebブラウザ上で動くことが保障されている言語はJavaScriptしかありません。他の言語の場合、どうしたらいいでしょうか。その一つの答えになりそうなのがAsobibaです。AsobibaはWebAssemblyを使ったGo言語のプレイグ...

List

  • 2020/03/13

Panolens.js - Three.jsを使ったパノラマビューワー

全天球動画(画像)やパノラマ写真など、従来の写真にはなかった形のメディアが登場しています。そうしたメディアを楽しむためには専用のビューワーが必要です。それによって、より強い没入感や楽しみ方が生まれるでしょう。今回紹介するPanolens.jsはThree.jsを使ったパノラマビューワーです。## Panolens.js...

List

  • 2020/03/11

DBML - データベース構造用マークアップ言語

データベースはアプリケーションのコードとは別で管理されることが多いです。構造の変更をコードで書けるようになっていますが、ER図を見ようと思うと専用のツールを使ったりします。今回は別な仕組みとしてDBMLを紹介します。データベース構造を現すのに使うマークアップ言語です。## DBMLの使い方左側がDBMLです。右側にビジ...

List

  • 2020/03/09

Kap - 画面の操作をアニメーションGIFや動画で保存

macOS Catalinaになって、基本的に32bitのアプリケーションは利用できなくなりました。そのため筆者は移行せずにいたのですが、最近ではソフトウェアがCatalina向けのものが増えています。一番厄介だったのがLICEcap

List

  • 2020/03/07

人工芝 - GitHubのアクティビティを綺麗に

GitHubの影響からか、アクティビティを小さなグラフで表示するサイトが幾つかあります。GitHubのものは緑色なこともあって、芝と呼ばれることがあります。芝はなるべく綺麗な緑に染まっている方が気持ちいいのは確かです。そこまで活動できていないという人は人工芝を使ってみましょう。あくまでも自己満足ですが、GitHubのア...

List

  • 2020/03/03

TsumiQiita - ローカルに書きためられるQiitaクライアント

プログラマでQiitaを使っている人は多いでしょう。そして、とりあえずメモ代わりに書いておいて、下書きのまま放置されている投稿も多いのではないでしょうか。そして書き残しが多くて整理するのも面倒になります。そこで使ってみたいのがTsumiQiitaです。ローカルで動くので、Markdownエディタ代わりに使うこともできま...

List

  • 2020/03/02

Twinkle Notes - 暗号化して安全にデータを保存するメモソフトウェア

クラウドサービスは数多く存在します。クラウド上にあるデータの安全性は自分では担保できません。万一クラウド側でハッキングがあれば、大量のデータ流出にもつながるでしょう。企業によってはそういった状況になるのを恐れてクラウドを導入できません。Twinkle Notesはメモサービスを提供しますが、エンドトゥーエンドで暗号化さ...

List

  • 2020/03/01

Pervane - ローカルファイルを使ったメモアプリ

メモする場所は一カ所に決めておくのが大事です。散在させてしまうと、どこにメモしたのか分からなくなり、探すのに時間がかかってしまいます。一カ所にあれば、探す手間もありません。過去に書いたメモを参照するのも簡単です。今回紹介するPervaneはメモソフトウェアです。ローカルにあるテキストファイルを利用するのがポイントです。...

List

  • 2020/02/29

GoodTwitter - TwitterのUIを前のものに戻すFirefoxアドオン

Twitterの新しいUIには慣れたでしょうか。個人的にはTweetDeckからしか使っていないので、まだ慣れていない気がします。そして、中には昔の使い慣れたUIがいいと感じている人も多いようです。あなたがFirefoxユーザであるならば、GoodTwitterを使ってUIを戻してみましょう。## GoodTwitte...

List

  • 2020/02/28

Work Time Logger - 作業前にクリックするだけの時間管理

仕事中は何らかのタスクを行っています。例え、それが休憩中だったとしても休憩というタスクにあるといえるでしょう。つまり、タスクの変わり目を記録し続ければ、自分がどんな時間の使い方をしているのが分かるはずです。そんな時間管理ツールとしてWork Time Loggerを紹介します。作業開始時にクリックするだけの簡単な時間管...

List

  • 2020/02/27

terminal.js - Web上にターミナル風UIを

開発者用のドキュメントなどでターミナル風のUIを用いることはよくあります。ユーザに何か入力してもらい、その内容に応じて出力を変えたりすると、インタラクティブでユーザビリティの高いドキュメントが実現します。今回はそんな面白い仕組みを作るのに使えそうなterminal.jsを紹介します。## terminal.jsの使い方...

List

  • 2020/02/25

Pixiv Tag Collector for Chrome - Pixivの巡回を効率的にしたいあなたに

Pixivでイラストを投稿している人は多いと思いますが、それ以上に眺める専門の人も多いでしょう。毎日多数のイラストがアップされる中、それをチェックするには効率的な方法を考えなければなりません。もしGoogle Chromeを使っているならインストールしてみたいのがPixiv Tag Collector for Chro...

List

  • 2020/02/25

Userbase - 静的サイト向けのBaaS

Netlifyをはじめ、静的なWebサイトシステムが人気です。しかしすべて完全に静的ではなく、一部に動的な機能(コメントや認証など)を追加したいと考えることもあるでしょう。一部を動的にするためにすべてをサーバサイドで開発するのは面倒です。そこで使ってみたいのがUserbaseです。静的サイトにも動的機能を追加できるバッ...

List

  • 2020/02/24

Pullp - Githubのプルリクエストをモニタリング

GitHubでプルリクエストが来るとメールが来ます。しかし、普段の仕事がチャットツールに移っている現在、なかなかメールを見なかったり、一度放置したメールを見返す機会がなくなっています。そこで使ってみたいのがPullpです。プルリクエストの監視に特化したソフトウェアです。## Pullpの使い方最初に監視するリポジトリを...

List

  • 2020/02/23

TuneIn - 新しい音楽と出会える音楽プレイヤー

20年以上昔はCD屋にいって探し回ることで新しい楽曲との出会いがありました。今はYouTubeなどで探すこともできますが、レコメンドエンジンは類似したものを紹介するので、自分ではまったく知らなかった音楽と出会うことは多くないように感じます。そこで使ってみたいのがTuneInです。新しい音楽を見つけられる、そんなWebサ...

List

  • 2020/02/23

rÊg - 数字を並べる対戦型パズルゲーム

世の中にはゲームがたくさんありますが、個人的には複雑なものよりもパズルのようなシンプルなものが好きです。自分でじっくり考えるのもいいですが、対戦式も好きです。ルールがシンプルであればすぐに覚えて遊べるので特に楽しいです。今回紹介するrÊgは数字を並べる対戦型パズルゲームです。## rÊgの使い方数字を順番に並べていきま...