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

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

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

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

もっと見る

List

  • 2021/02/03

Handtrackjs - 手をリアルタイムに認識する

機械学習を用いることで、オブジェクトを認識する精度が飛躍的に向上しています。写真の中に何が映っているかタグ付けしたり、顔認識したりする例があります。特定のオブジェクトに関して認識する例もあります。今回のHandtrackjsも特定のオブジェクトを認識します。それは名前の通り、手の認識です。## Handtrackjsの...

List

  • 2021/02/02

EasyGrid - 外部依存のないグリッドライブラリ

コンテンツを綺麗に並べる際に必要なのがグリッドです。さらにレスポンシブに対応しようと思うとJavaScriptライブラリが欲しくなるでしょう。グリッドと一言でいっても奥が深い技術です。今回はそんなグリッドを手軽に導入できるEasyGridを紹介します。## EasyGridの使い方基本的な同じ高さのコンテンツを並べる例...

List

  • 2021/02/02

js-image-zoom - 外部依存のない画像ズームライブラリ

最近は高解像度な写真が増えたので、元の大きさのまま貼り付けてしまうと、閲覧に苦労するでしょう。かといって、見たい部分は拡大してみたいと思うはずです。この相反するニーズを解決するのがズーム機能です。今回紹介するjs-image-zoomは外部ライブラリに依存しないJavaScript製の画像ズームライブラリです。## j...

List

  • 2021/02/01

OpenMTP - macOS用のAndroidファイル転送ツール

Androidからファイルを送受信する方法は面倒なイメージがあります。Android File TransferはあまりこなれたUIではありません。共有機能もありますが、ローカルにあるデバイス間でファイルを授受するのにインターネットを介するのは面倒です。そこで使ってみたいのがOpenMTPです。AndroidとmacO...

List

  • 2021/01/31

horse-racing-game-js - Webベースの競馬ゲーム

これだけコンピュータの性能が向上し、機械学習も登場している中にあって、それでも競馬の収益を常にプラスにするのは難しいようです。動物が関わる以上、不確定要素が大きくなるのでしょう。そんな競馬を手軽に楽しめるのがhorse-racing-game-jsです。ちゃんとオッズもあります。## horse-racing-game...

List

  • 2021/01/30

typewriter-app - 文章作成サービスを集めてElectron化

文字を書く場面は色々あります。プログラミング、ブログ、ツイート、ドキュメント、小説など場面によって最適なエディタは異なるかも知れません。実際、使い分けている人もいるでしょう。今回紹介するtypewriter-appは特化型の文章を書くためのサービス、TypefullyとHemingwayをラッピングしたElectron...

List

  • 2021/01/29

twitter-mute-buzzhuff - Twitterのお勧めからメディアを非表示に

同じ情報を何度も見せられると、それはスパムのように感じられてきます。時に有益な物があるかも知れませんが、そのために普段からスパムに我慢するいわれはありません。開発者であればなおのこと、自分で改善できるでしょう。今回紹介するtwitter-mute-buzzhuffはTwitterのお勧めから過剰に出てくるメディアを除去...

List

  • 2021/01/28

tab-numbering - タブに数字を振って移動を簡単に

Google ChromeやFirefoxではタブの移動時にショートカットとして、Ctrl(macOSの場合はコマンド)+数字というキーが割り当てられています。しかしいざ移動しようと思った時にタブの数を数えるのが面倒です。その結果、マウスを使ってしまう人が多いことでしょう。そこで使ってみたいのがtab-numberin...

List

  • 2021/01/27

misc finder - 自分の情報ソースから検索するGoogle Chrome機能拡張

未知の情報を探す時にはGoogleが役立ちます。キーワードを入れれば、欲しい情報が見つかるはずです。しかし、既知の情報を探す場合、とても面倒だったりします。Google検索を使っても、あったはずのページになかなかたどり着けなかった経験は誰もがあるはずです。そこで使ってみたいのがmisc finderです。自分の見知って...

List

  • 2021/01/27

myDrive - オープンソース・ソフトウェアのクラウドストレージ

クラウドストレージは何を使っていますか。iCloud、Google Drive、Dropbox…などなど様々なストレージが存在します。いくつも使っていると、サブスクライブ費用が大きくなってしまいます。そこで思い切って自分で立ててしまうのはどうでしょうか。今回はGoogle Driveクローンを目指すmyDriveを紹介...

List

  • 2021/01/26

Snipp.in - コードエディタが強力なスニペット管理

開発していてよく使うコードはスニペットに登録しておきます。同じリポジトリなら関数やライブラリ化したいですが、異なるプロジェクトの場合はスニペットが便利です。企業であれば顧客やプロジェクトごとにコードが分かれるので、スニペットが活躍するでしょう。今回紹介するSnipp.inはWebベースのスニペット管理です。エディタ機能...

None

  • 2021/01/25

TabFS - Webブラウザのタブをファイルシステムとしてマウント

FUSE(Filesystem in Userspace)という技術があります。ファイルシステムAPIを仮想化しており、ユーザが独自のファイルシステムを作れる技術です。外部のAPIをファイルシステム化したりするのに使われます。そんなFUSEを使って変わったものがファイルシステム化されました。それはWebブラウザのタブ情...

List

  • 2021/01/24

Fonio - 複数人でコンテンツを作成するWebベースのエディタ

書籍を書く際に一人で書く単著と、複数人で書く共著があります。一人で書くのも気楽ですが、個人的には共著の方が楽しいです。一つのストーリーをみんなで作り上げる過程が面白いです。今回紹介するFonioは複数人でコラボレーションできるWebベースのテキストエディタです。共著での文章作成などにも使えそうです。## Fonioの使...

List

  • 2021/01/24

ytGREP - YouTube動画の字幕を検索

動画コンテンツの難しいところは、映像から検索できないことでしょう。動画の中の色や表情などで検索するのは難しい(できないことはないですが)ですが、字幕を使えばセリフの検索はできないことはなさそうです。そんな機能をGoogle機能拡張として提供してくれるのがytGREPです。## ytGREPの使い方字幕が公開されている動...

List

  • 2021/01/23

newsdash - iGoogleに似たニュースダッシュボード

iGoogleは2013年に終了したサービスですが、ダッシュボードとして情報を閲覧するのに便利なサービスでした。RSSフィードのように購読するまでではなく、ざっと最新記事だけチェックしたいという時に使えます。同様の画面をフィードで実現してくれるのがnewsdashになります。iGoogleが忘れられない方はぜひ。## ...

List

  • 2021/01/21

PixelCraft - Webベースのドット絵エディタ

どれだけグラフィックスが綺麗になっても今なお人気なのがドット絵です。1ピクセル1ピクセル、色を決めていくことでできあがっていく絵は決して滑らかな線ではないにも関わらず、とても魅力的です。そんなドット絵をWeb上で描けるソフトウェアがPixelCraftになります。## PixelCraftの使い方最初に大きさを決めます...

List

  • 2021/01/21

Memo App - GitHub Gist連携型ノートアプリ

メモをどこに残すのか、それは大きな問題です。ローカルにあればオフライン時でも使えます。しかしほかのマシンと共有するのが面倒です。Webベースのものも多いですが、インターネットが貧弱な環境では操作がしんどいでしょう。そこで使ってみたいのがMemo Appです。オフラインで使えつつ、GitHub Gistにデータをアップロ...

List

  • 2021/01/17

jQuery Numerator - 滑らかなカウントアップ/ダウンライブラリ

アニメーションを一工夫すると、自然な動きを実現できます。物体を単純に移動させるのは簡単ですが、それは自然ではありません。いわゆるイージングを付けることで、自然な動きに近づけられます。イージングは種類も多く、そのアルゴリズムも公開されています。今回紹介するjQuery Numeratorは数字のカウントアップ/ダウンを滑...

List

  • 2021/01/15

Unleash - A/Bテストやユーザテストに使えるフラグ管理システム

Webサービスやアプリを改善する際にA/Bテストは欠かせません。また、ベータ機能を試せるようにしたり、特定のユーザに機能を提供したりすることもあります。そうした時に使われるのがいわゆるフラグで、その状態によって機能を見せたり、逆に消したりします。今回紹介するUnleashはWebベースのフラグ管理ソフトウェアです。##...

List

  • 2021/01/13

github-readme-quotes - GitHubのREADMEに名言を表示しよう

GitHubのREADMEに用いるバッジは数多く存在します。たとえばビルド結果を出したり、バージョンを出したりします。多くはそのソフトウェアを知るための情報です。開発者もそうした情報を埋め込むことで、ソフトウェアの信頼を獲得できます。今回紹介するgithub-readme-quotesはそういった信頼性とは一線を画す存...