wakayama.ninja

技術観測所

ブラウザ拡張が識別しやすい技術を、小さな実例として一覧化しています。

0

展示中の技術

局所

このページだけで読込

軽量

小さなデモだけ実行

カテゴリで表示を切り替えます。

Bootstrap

ボタン群と折りたたみコンポーネントの例です。

展示メモ

外部CSSを読み込みつつ、ページ全体の色調は既存サイトに合わせています。

Alpine.js

htmx

属性でHTML断片を読み込みます。

jQuery

未実行

Prism.js

const site = "wakayama.ninja";
console.log(site);

Day.js

日付を整形します。

Axios

HTML断片を取得します。

Fuse.js

検索結果を表示します。

Clipboard.js

tech-zoo

待機中

Mermaid

flowchart LR
  A[HTML] --> B[Library]
  B --> C[Detection]

Chart.js

ECharts

D3.js

Lodash

候補を整列中です。

Leaflet

Three.js

Swiper

UI
Data
Browser

GSAP

単純なループアニメーションの例です。

PWA

Web App Manifest と Service Worker の登録状態です。

確認中

JSON-LD / Open Graph

検索エンジンやSNS向けのメタデータを埋め込んでいます。