lulliecat

Software Design & Development

検索

Open Source Products

Web開発を効率化するツール群

TypeScript・Performance・Developer Experience

staticseek

NPM Package

Complete browser-side full-text search engine

完全ブラウザサイドで動作する高速全文検索エンジン。サーバーレス環境でも高速な全文検索を実現します。

  • Lightning Fast - 高度なアルゴリズムによる高速検索
  • Simple API - プロダクトへの組み込みが容易
  • Unicode Support - 日本語を含むすべての言語で検索可能
  • Fuzzy Search - 誤入力にも強い
  • TF-IDF Based Scoring - 関連性の高い文章を選択可能
  • Multiple Index Implementations - 高速性と正確性のトレードオフ
  • Integration - 多くのWebアプリに組み込み可能

Use Cases

静的サイトの検索機能、ドキュメントサイト、ブログ記事検索

svg2woff2

NPM Package

SVG to WOFF2 icon font converter

複数のSVG画像をWOFF2フォントに変換。必要最小限のアイコンフォントを生成し、ファイルサイズを大幅削減。

  • FontAwesome最適化 - 必要なアイコンのみ抽出
  • 大幅なサイズ削減 - フルセットと比較して劇的に軽量
  • HTML統合 - 文字として扱え、使いやすい
  • SSG向け - 静的サイトジェネレーターでの利用を想定

Use Cases

静的サイトのアイコン最適化、カスタムアイコンセット生成

remark-export-toc

NPM Package

Unified/Remark plugin for ToC Generation

Markdownのヘッダーに自動的にIDを付与し、目次データを別オブジェクトとして抽出するRemarkプラグイン。

  • 自動ID付与 - ヘッディングに数字ベースのIDを自動生成
  • ToC分離 - 目次をMarkdownとは別オブジェクトで出力
  • 柔軟な配置 - サイドバーなど任意の場所にToC配置可能
  • 設定 - IDプリフィックスと開始レベルをカスタマイズ

Technical Details

出力形式: [id, ヘッダ文字列, 見出しレベル]のタプル配列

Use Cases

SSGでの目次生成、ドキュメントサイト、ブログ記事の構造化

qrill

Alpha

Type-safe SSG with CSS-in-JS and TSX

TypeScriptベースの型安全なStatic Site Generator。CSS-in-JSとTSXによる柔軟な開発体験を提供。

  • CSS-in-JS - CSSをコード内で合成・自動生成・再利用
  • TSXサポート - TypeScriptでコンポーネント記述
  • セキュリティ重視 - HTML内にJS/CSSは含まず、CSP適用可能
  • 型安全 - TypeScriptによる完全な型チェック

Use Cases

GitHub PagesやCloudflare Pagesへの静的サイトデプロイ

現在アルファ版開発中。限定的なドキュメントのみ公開。正式リリースは未定です。