1
0

JavaScript に関するニュース記事(JavaScript Weekly)で気になったものを見てみる:「tinykeys」「heic-to」「Embla Carousel」

Last updated at Posted at 2024-08-30

普段、技術情報を見ている中で、JavaScript に関する情報源の一つに以下があります。

●JavaScript Weekly: The JavaScript Email Newsletter
 https://javascriptweekly.com/

image.png

そのサイトで定期的に出てくる情報は一通り見ているものの、その中でも個人的には下のほうに掲載されている部分がいつも気になっています。

それで、気になるものがあった時はリンク先を見てみたり、URL をメモしたりしてたのですが、その後あまり活用する方向にできてなかったので、もう少し情報を追ってみて記事に残してみるというのをやってみようと思いました。

今回の内容

今回、個人的に気になったところは、以下などに出ている「tinykeys」「heic-to」「Embla Carousel」の 3つです。

image.png

  • tinykeys: A tiny (~650 B) & modern library for keybindings
  • heic-to: Convert HEIC/HEIF images to JPEG, PNG in browser using Javascript
  • Embla Carousel: A lightweight carousel library with fluid motion and great swipe precision

これらを、ざっくり 1つずつ見ていこうと思います。

それぞれの内容

tinykeys

tinykeys はキーバインド用のライブラリのようです。

●jamiebuilds/tinykeys: A tiny (~650 B) & modern library for keybindings.
 https://github.com/jamiebuilds/tinykeys?tab=readme-ov-file

特定のキーが連続して入力されるパターンや、修飾キーを伴う入力も扱えます。

以下のデモサイトで体験できるので、実際に試してみるのがオススメです。

●tinykeys
 https://jamiebuilds.github.io/tinykeys/

image.png

heic-to

heic-to は、HEIC(High Efficiency Image Coding)形式の画像を、JPEG や PNG などの他の形式に変換するためのライブラリです。

iPhone のカメラアプリで写真を撮影したとき、デフォルトで利用される画像保存用の形式の HEIC を、扱いやすい他の形式に変換できます。

●hoppergee/heic-to: Convert HEIC/HEIF images to JPEG, PNG in browser
 https://github.com/hoppergee/heic-to?tab=readme-ov-file

image.png

説明を見ると、libheif 1.18.2 を利用する構成のようです。

なお、heic2any と libheif-web に触発されて作ったライブラリのようです。

●alexcorvi/heic2any: Converting HEIF/HEIF image formats to PNG/GIF/JPEG in the browser
 https://github.com/alexcorvi/heic2any

●joutvhu/libheif-web: An emscripten build of libheif distributed as an npm module for the browser.
 https://github.com/joutvhu/libheif-web

Embla Carousel

Embla Carousel は、高機能なカルーセル用のライブラリのようです。

●A lightweight carousel library with fluid motion and great swipe precision | Embla Carousel
 https://www.embla-carousel.com/

image.png

公式ページを見ると、プラグインがあったり、GUI で扱えるジェネレーターがあったりと、便利に使えそうです。

●Plugins | Embla Carousel
 https://www.embla-carousel.com/plugins/

●Generator | Embla Carousel
 https://www.embla-carousel.com/examples/generator/

おわりに

JavaScript Weekly というサイトで見かけて気になった、「tinykeys」「heic-to」「Embla Carousel」というライブラリについて、ざっくりと情報を見てみました。

どれも使い勝手が良さそうなので、もう少し試してみたりなどできればと思います。

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0