# maru。

> Personal site of maru。 (@sbleru). The home page is the maru。 icon itself, an editable face built from circles, ellipses, and Bézier curves with glow. Every icon setting is a URL parameter, so the same query string opens the editor and fetches images.

## Links

- [X](https://x.com/sbleru): maru。 (@sbleru) on X
- [GitHub](https://github.com/sbleru): sbleru on GitHub
- [Zenn](https://zenn.dev/sbleru): maru。さんの記事一覧 on Zenn

## Works by theme

Each theme page shows the icon in that theme's look with links to the related works.

- [Miku](https://maru.ink/?theme=miku): Works made around Hatsune Miku. Icon: https://maru.ink/icon.svg?theme=miku
  - miku-code: https://miku-code-live.maru.ink/
  - miku-no-lyric-stage-2025: https://miku-no-lyric-stage-2025.maru.ink/
  - miku-live: https://miku-live.maru.ink/
  - mikuconda: https://mikuconda.maru.ink/

## Articles

- [とりあえず何も考えずにMCP Serverを触ってみる（Cursorで）](https://zenn.dev/sbleru/articles/ed300b3f9233f1) (2025-03-11)
- [Terraformのフォルダ構成ってどうしたらいい？ → 最小限の影響で済むことを意識したトレードオフ分析を行う](https://zenn.dev/sbleru/articles/1ebe1d05b18292) (2024-08-11)
- [Terraformハンズオン - できるだけ何も考えず、とりあえず使ってみよう](https://zenn.dev/sbleru/articles/3b4b443c7d31e5) (2024-07-28)
- [Terraform - direnvでフォルダごとにgcpやawsのconfigを切り替えよう](https://zenn.dev/sbleru/articles/d0f7bc372e7de3) (2024-05-24)
- [Terraformを使ってパルワールド - Palworld の専用サーバーをGoogle Cloudにさくっとたてたい](https://zenn.dev/sbleru/articles/92d7a585385286) (2024-02-04)
- [コミットハッシュからプルリク特定したい！](https://zenn.dev/sbleru/articles/910ba2c598a22f) (2023-10-05)
- [[nits] Incoming WebhookでSlackにグループメンションしたい！](https://zenn.dev/sbleru/articles/e12d363ba55b95) (2023-10-04)
- [Google Cloudの覚えのない課金への対処](https://zenn.dev/sbleru/articles/a83f65fa45bfdf) (2023-10-02)
- [RaycastでURLをMarkdown形式でコピペしたい！](https://zenn.dev/sbleru/articles/dc63da7c80a94c) (2023-06-03)
- [Reactでオフライン通知を出したい！ with ChatGPT](https://zenn.dev/sbleru/articles/9c1506b68e071f) (2023-04-09)
- [jsでgroup byするメモ](https://zenn.dev/sbleru/articles/450d98407312ba) (2021-09-23)
- [GitHubのIcon画像と公開鍵をURLから取得する](https://zenn.dev/sbleru/articles/c5fa96d41d5629) (2021-09-04)
- [Monorepoへの移行時にコミットログも移行する](https://zenn.dev/sbleru/articles/f9303c6c666cc9) (2021-09-04)
- [OBSのブラウザソースに使えるカウントアップタイマー](https://zenn.dev/sbleru/articles/34be26fea0c4e2) (2021-06-06)
- [Node製CLIで「BLEACH」の始解・卍解を確認したい！](https://zenn.dev/sbleru/articles/757805833cf741737c35) (2020-10-26)

JSON: https://maru.ink/api/articles

## Icon image URLs

- SVG (any size): https://maru.ink/icon.svg?glow=10&bg=1a1c22
- PNG (128 or 512 px): https://maru.ink/icon.png?size=512&hide=background
- Editor with the same settings: https://maru.ink/?glow=10&bg=1a1c22

Omitted parameters use their defaults. Out-of-range numbers are clamped and invalid values are ignored. Images are cacheable and served with `access-control-allow-origin: *`.

## Parameters

| Key | Meaning | Range | Default |
|---|---|---|---|
| `theme` | Themed look (e.g. miku turns the left eye and tear teal). Other parameters still override its colors. | none, miku | none |
| `bg` | Background color (6-digit hex without #) | hex | 000000 |
| `blue` | Left eye and tear color (6-digit hex without #) | hex | 7892f3 |
| `red` | Right eye color (6-digit hex without #) | hex | ff3b0a |
| `tooth` | Teeth fill color (6-digit hex without #) | hex | ffffff |
| `outline` | Teeth outline color (6-digit hex without #) | hex | a6a8ad |
| `glow` | Glow blur strength | 0–18 | 7 |
| `radius` | Background corner radius in percent (0 = square, 50 = circle) | 0–50 | 50 |
| `spacing` | Distance between the eye centers | 190–222 | 222 |
| `eye-y` | Vertical position of both eyes | 155–170 | 156 |
| `eye-r` | Radius of both eyes | 45–55 | 51 |
| `tear-rot` | Tear connector rotation in degrees | 0–180 | 0 |
| `tear-scale` | Tear connector size in percent | 70–150 | 100 |
| `tear-ratio` | Tear connector ellipse ratio | 1–1.7 | 1 |
| `hide` | Layers to hide, comma-separated in URLs (background, teeth, tear, left-eye, right-eye). Hiding background makes the image transparent. | background, teeth, tear, left-eye, right-eye | none |
| `size` | PNG width and height in px (/icon.png only) | 128, 512 | 128 |

## In-browser agents (WebMCP)

The site registers WebMCP tools when the browser supports `document.modelContext`: get_profile, list_articles, get_icon_settings, update_icon_settings, reset_icon_settings, get_icon_image_url. Tool inputs use the parameter keys above; `hide` is an array of layer names.