> ## Documentation Index
> Fetch the complete documentation index at: https://generaltranslation.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# ツールとライブラリ

<div id="official-resources">
  ## 公式リソース
</div>

以下のツールは、Web サイトで X を利用し始める際に役立ちます。

<CardGroup cols={3}>
  <Card title="publish.x.com" icon="x-twitter" href="https://publish.x.com/">
    埋め込みツイート、タイムライン、ボタンを構築できます。
  </Card>

  <Card title="Twitter for WordPress" icon="x-twitter" href="https://github.com/twitter/wordpress">
    WordPress サイトを X 向けに最適化するための公式プラグインで、ツイートの埋め込みや X Cards に対応しています。
  </Card>

  <Card title="twemoji" icon="x-twitter" href="https://twemoji.x.com/">
    JavaScript ライブラリによるクロスプラットフォーム対応も含む、X の無料・オープンソースの絵文字文字セットです。
  </Card>
</CardGroup>

<div id="community-tools-and-libraries">
  ## コミュニティ製ツールとライブラリ
</div>

次のツールは、幅広いウェブ開発者コミュニティによって提供およびサポートされているもので、公式リソースではありません。これらの貢献をしてくださったコミュニティの皆さまに感謝いたします。

<div id="gatsby">
  ### Gatsby
</div>

<CardGroup>
  <Card title="gatsby-remark-embedded" icon="code" href="https://github.com/MichaelDeBoey/gatsby-remark-embedder">
    作成者: [@MichaelDeBoey](https://github.com/MichaelDeBoey)
  </Card>
</CardGroup>

<div id="react">
  ### React
</div>

<CardGroup cols={3}>
  <Card title="react-tweet" icon="react" href="https://github.com/mannynotfound/react-tweet">
    作者: [@mannynotfound](https://github.com/mannynotfound)
  </Card>

  <Card title="react-tweet-embed" icon="react" href="https://github.com/capaj/react-tweet-embed">
    作者: [@capaj](https://github.com/capaj)
  </Card>

  <Card title="react-twitter-widgets" icon="react" href="https://github.com/andrewsuzuki/react-twitter-widgets">
    作者: [@andrewsuzuki](https://github.com/andrewsuzuki)
  </Card>

  <Card title="react-twitter-embed" icon="react" href="https://github.com/saurabhnemade/react-twitter-embed">
    作者: [@saurabhnemade](https://github.com/saurabhnemade)
  </Card>
</CardGroup>

<div id="web-components">
  ### Web コンポーネント
</div>

<CardGroup cols={3}>
  <Card title="twitter-status" icon="code" href="https://github.com/abraham/twitter-status">
    [@abraham](https://x.com/abraham) 提供
  </Card>

  <Card title="twitter-user" icon="code" href="https://github.com/abraham/twitter-user">
    [@abraham](https://x.com/abraham) 提供
  </Card>
</CardGroup>

<div id="wordpress">
  ### WordPress
</div>

<CardGroup cols={3}>
  <Card title="TwitterWP" icon="wordpress" href="https://github.com/jtsternberg/TwitterWP">
    [@jsternberg](https://github.com/jtsternberg) によって開発されています
  </Card>
</CardGroup>