buttons-ja

This article is a stub. You can help the IndieWeb wiki by expanding it with relevant information.

ボタン（Buttons）は、indieweb.org や関連するサイト、テクノロジーへリンクするために使用できるバッジ、ロゴ、バナーのことです。また、原則や開発アプローチが共通しているいくつかのサイト向けの同様の画像も含まれます。

個人サイトを持つ多くの人々も、独自のボタンを掲載しています。

ロゴ

その他のバージョン（サイズ、色、ファイル形式）については、GitHub の indieweb/branding リポジトリを参照してください。

ボタン

80x15

PNG SVG

PNG SVG

PNG SVG

W3C を含む、その他の 80x15 サイズの「Valid（検証済み）」テクノロジーバッジについては、https://sh2.us/buttons/validated/ を参照してください。

88x31

88x31ピクセルは、1990年代に自由で独立したサイトの間で非常に人気があったボタン画像サイズです。ここでは、IndieWebに関連するいくつかの88x31ボタンを紹介します：

その他の88x31pxボタンについては、88x31 を参照してください。

コントリビューション（貢献）募集中！

• グラフィックデザインの助けを必要としています：IndieWebや Micropub 、その他の人気のある ビルディングブロック への支持を示す88x31バッジが（もっと）あると素晴らしいです。既存の素敵な80x15バッジ buttons#80x15 に似たデザインなどで作成し、IndieWeb Wikiにアップロードして、このページ（および 88x31）に貼り付けてください！

コミュニティによる貢献

IndieWeb

作成： Jeena Paradies

IndieWeb Verified（認証済み）

作成： Chris Aldrich

IndieWeb ビルディングブロック

Aaron Parecki が、IWC、Webmention、Microformats、その他の小さな(80x15) ボタン／バッジを https://aaronparecki.com/2017/12/30/7/indieweb-badge で公開しています。

... さらに追加 ...

IndieWebやIndieWebCampに関連する独自のロゴをアップロードして、ここに貼り付けてください！

関連する取り組み

IndieWebの活動に関連する 88x31 および 80x15 のボタン：

• および https://maya.land/ の各ボタン — IndieWeb Webring や Webmention 用を含む、ボタンやバナーの素晴らしい例がいくつかあります。
• （http://vanilla-js.com/ 用）
• （https://notbyai.fyi/ 用） — ウェブサイトのコンテンツがAIによって生成されていないことを宣言するためのバッジ／ボタンです（generative AI や LLM のページに適しているかもしれません）。
• 「人間によって作成されました」バッジ

以下も参照：

• Web Badges World — 80x15 ウェブボタンのアーカイブ

/buttons スラッシュページ

自分のサイト内の `/buttons` というアドレスのページで、ボタンをコレクションしている人たちがいます。

IndieWebの実例

• capjamesg: jamesg.blog/buttons
• zacharykaiwrites: zacharykai.net/buttons

ツールとリソース

• 同じロゴ／ブランド／デザインで異なる「標準」サイズのボタンを作成した例： https://wiki.ubuntu.com/WebsiteButtons

• 独自の 80x15 ボタンを作成する：
  • http://freeliner.atwebpages.com/buttons.htm
  • http://www.acasystems.com/en/button-maker/
  • https://trovami.altervista.org/en/webmasters/makebutton
  • http://tools.dynamicdrive.com/button/
  • https://hekate2.github.io/buttonmaker/

ブインストーミング

Webmention受付中

アイデア：自分のサイトが Webmention を受け付けていることを示すために、 I ❤️ Webmentions や Webmentions accepted ✅ と書かれたボタンを設置します。

このボタンを、設置ページのURLをデフォルトのターゲット（target）としてクエリパラメータに含む Webmention エンドポイントへリンクさせます。

Webmention エンドポイントでは、上記のリンクから渡されたデフォルトのターゲットが自動入力された状態で、Webmention を送信できるフォームUIを表示するようにします。

ユースケース： ウェブサイトが Webmention を使用しているかどうかをどうやって知るか？

Indiewebified（IndieWeb化済み）

古き良きウェブの楽しみとして、自分のサイトが Indiewebify.me のテストに合格した場合、Indiewebify.me へのリンクや合格したことを示すリンクを貼ったボタンを設置できます。（背景：これらの古いボタンの多くは、もともと特定の仕様を使用していることや、特定のバリデーションテストに合格したことを示すために使われていました。）

高解像度ディスプレイでのレンダリング

提案：高解像度ディスプレイで小さなバッジを表示する際、imgタグに `style="image-rendering:pixelated;"` を追加してください。拡大されたときにぼやけず、ピクセル化された外観を維持できます。

以前の内容

更新が必要

これらは新しいロゴに更新する必要があります。

関連項目

• ロゴ
• プレスキット
• 88x31
• 独立記念日（Independents Day）
• バッジ
• to-do: このページからリンクされている 80x15 ボタンや関連リソース（ボタンのアーカイブなど）が十分に集まったら、88x31 と同様に独立した 80x15 ページを作成することを検討する。