VanJS で素のDOM操作をリファクタしたら最高だった

2023/08/17 24 users バンドルサイズ gzip圧縮 トランスパイル DOM操作 特徴

VanJSを試してみたら開発体験が良かったので紹介します。 🍦 VanJSとは？ VanJSは、数ヶ月前にメジャーバージョンがリリースされた比較的新しいReactive UIフレームワークです。軽量、非依存、トランスパイル不要、シンプルなAPIという特徴があります。 gzip圧縮で0.9kbと非常に軽量で、バンドルサイズの肥大化を気にす... 続きを読む

頻出単語表示、わずか9KBのAI日本語単語分割ライブラリ「TinySegmenter」をESモジュール化

2022/05/30 238 users deno TinySegmenter 辞書 単語 実装

自由入力された文章をデータ化する形態素解析ですが、巨大な辞書が必要になったり次々登場する単語に対応することなどなかなか大変そうなイメージでしたが、機械学習を使った、単語分割するコンパクトな実装「TinySegmenter」を発見。ブラウザやDenoでいい感じに使えるESモジュール版にしてみました。 「頻出単語表示 by... 続きを読む

Web制作者は要チェック！モーダルダイアログをアクセシブルに実装する超軽量スクリプト -Micromodal.js | コリス

2017/10/10 66 users アクセシブル モーダルダイアログ モーダル コリス ライブラリ

ちょうどいいモーダルってなかなか見つからないんだよな、と探している人は要チェックです。シンプルで操作性もよく、アクセシブルに実装する超軽量の単体で動作するJavaScriptのライブラリを紹介します。 WAI-ARIAガイドライン に準拠したモーダルダイアログを実装。 1.9kbの超軽量のJavaScriptライブラリ。 aria属性でモーダルの開閉を切り替える。 オーバーレイをクリックすると、モ... 続きを読む

シンプルで使いやすい！レスポンシブ対応のさまざまなページを実装できる超軽量フレームワーク -TukTuk | コリス

2014/07/28 79 users OOCSS コリス Bootstrap Foundation

BootstrapやFoundationは高性能だけど機能が豊富すぎる、またグリッドだけのフレームワークでは物足りない、そんな人にぴったりのレスポンシブ対応のOOCSS（オブジェクト指向CSS）で設計された超軽量（9KB）のフレームワークを紹介します。 TukTuk TukTuk -GitHub TukTukは、レスポンシブ対応の実用的なさまざまなページを軽量のスタイルシートで実装することを目的と... 続きを読む

table要素内をキーワードでフィルタリングする軽量なjQueryプラグイン・jquery.table_filter.js - かちびと.net

2012/10/25 40 users フィルタリング スクリプト jQueryプラグイン 需要 用途

table要素内をキーワードで フィルタリングできる、と いうプラグイン。シンプル な用途ですが、割と需要が あるのと、軽量なので一応 メモ。 キーワードを入力するとマッチしない行がテーブルから非表示される、というもの。圧縮版で0.9KBと結構軽量で済みます。 jquery.table_filter.js たまに見かけるタイプのスクリプトですが、フィルタリングのみというのはなかなか無いので助かりま... 続きを読む