| TABLE ART | |||
| テーブルで構成された芸術 | |||
| HTMLテーブルを変形・再構成し、データ構造そのものをビジュアルアートに昇華させる。ヘッダーからフッターまで、全てがテーブル。 | |||
| 12Patterns | 0Divs Used | 100%Table | CSSOnly |
| 01 Staircase | 02 Wave | 03 Perspective | 04 Spiral | 05 Pyramid | 06 Scatter |
| 07 Zigzag | 08 Fan | 09 Mosaic | 10 Flowing | 11 Nested | 12 Circular |
| 01 — Staircase | 階段テーブル |
| EC-AC4465BK Spec |
|---|
| サイズ | 52 x 38 x 40.5 mm |
|---|
| 重量 | 約 112g |
|---|
| ポート | USB-C x2 / USB-A x1 |
|---|
| 入力 | AC100~240V, 50/60Hz |
|---|
| 温度 | 0 ~ 35 degrees C |
|---|
| カラー | Black / White / White Face |
|---|
| 保証 | 6 months warranty |
|---|
| 02 — Wave | 波テーブル |
| Year | Q1 | Q2 | Q3 | Q4 |
|---|
| 2020 | 142 | 189 | 213 | 251 |
|---|
| 2021 | 267 | 298 | 334 | 371 |
|---|
| 2022 | 392 | 418 | 445 | 489 |
|---|
| 2023 | 512 | 548 | 591 | 634 |
|---|
| 2024 | 678 | 721 | 769 | 813 |
|---|
| 2025 | 856 | 901 | 948 | 992 |
|---|
| 2026 | 1,024 | 1,089 | 1,156 | 1,225 |
|---|
| Peak | +20% | +18% | +22% | +19% |
|---|
| Avg | 553 | 595 | 637 | 682 |
|---|
| Max | 1,024 | 1,089 | 1,156 | 1,225 |
|---|
| 03 — Perspective | 透視テーブル |
| 24Projects | 98Commits | 12Reviews | 847Lines | 5Deploys |
| 31Articles | 4.2kViews | 156Likes | 23Shares | 89Comments |
| 7Skills | 42Patterns | 3Evolve | 16Fixes | ∞Growth |
| 04 — Spiral | 渦巻テーブル |
| 05 — Pyramid | ピラミッドテーブル |
| CEO |
|---|
| CTO | COO |
|---|
| Engineering | Design | Marketing |
| Frontend | Backend | UI/UX | Brand |
| React | Node.js | Python | Figma | Analytics |
| Next.js | Vue | Express | Django | Pencil | SEO |
| 06 — Scatter | 散布テーブル |
| Concept |
|---|
| Transform tables into art |
| Material |
|---|
| HTML + CSS Only |
| Year |
|---|
| 2026 |
| Patterns |
|---|
| 12 unique transformations |
| Philosophy |
|---|
| Data structures are beautiful |
| Creator |
|---|
| YamaShin Lab |
| Engine |
|---|
| Next.js + CSS |
| Responsive |
|---|
| Desktop + Mobile |
| License |
|---|
| Creative Commons |
| Status |
|---|
| v0.2 — Production |
| 07 — Zigzag | ジグザグテーブル |
| Language | TypeScript | Python | Rust |
|---|
| Framework | Next.js | Django | Actix |
|---|
| Database | PostgreSQL | Redis | SQLite |
|---|
| Cloud | AWS | Vercel | Cloudflare |
|---|
| Tool | Docker | Git | Vim |
|---|
| AI | Claude | GPT | Gemini |
|---|
| Design | Figma | Pencil | CSS |
|---|
| Deploy | CI/CD | PM2 | Nginx |
|---|
| 08 — Fan | 扇テーブル |
| Mon |
|---|
| Design |
| Practice |
| Tue |
|---|
| Site |
| Planning |
| Wed |
|---|
| Homepage |
| Update |
| Thu |
|---|
| Dashboard |
| Dev |
| Fri |
|---|
| Homepage |
| Update |
| Sat |
|---|
| App UI |
| Design |
| Sun |
|---|
| Self |
| Review |
| Daily |
|---|
| Collect |
| Article |
| 09 — Mosaic | モザイクテーブル |
| 12Patterns | CSSEngine | transform | rotate |
| skew | 0JS Lines | translate | |
| border-spacing | perspective | ARTOutput | writing-mode vertical-rl |
| 100%Table | grid | flex? No. |
| 10 — Flowing | 流れるテーブル |
| Origin |
|---|
| Concept | Design |
| HTML | CSS | Table |
| Transform | Rotate | Skew | Scale |
| Staircase | Wave | Spiral |
| Pyramid | Fan |
| Mosaic | Zigzag | Nested |
| Output |
|---|
| 11 — Nested | 入れ子テーブル |
Frontend
| Backend
| ||||||||||||||||||||||||||||||||
Data
| Deploy
| ||||||||||||||||||||||||||||||||
| 12 — Circular | 円環テーブル |