コンポーネント例

このセクションでは、ブログで利用可能な各種コンポーネントのサンプルを紹介しています。 実際の使用例と実装方法を確認できます。

表示要素

コードブロック

さまざまな言語のシンタックスハイライト付きコードブロックを表示します。

詳細を見る

コード図表

コードから自動生成されるダイアグラムと図表を表示します。

詳細を見る

SVGパンズーム

拡大・縮小・移動可能なSVG画像を表示します。

詳細を見る

SVGメタデータ

メタデータを含むSVG画像を表示します。

詳細を見る

絶対アセット

絶対パスを使用したアセットの参照方法を示します。

詳細を見る

コード図表メタ

メタデータを含むコード図表の表示方法を示します。

詳細を見る

データ表示

テーブルデータ

データテーブルの表示とフォーマット方法を示します。

詳細を見る

Excel表

Excelファイルからデータを表示する方法を示します。

詳細を見る

詳細表示

折りたたみ可能な詳細情報の表示方法を示します。

詳細を見る

メディア

ギャラリー

PhotoSwipe対応の画像ギャラリーを表示します。

詳細を見る

ギャラリーパンズーム

パンズーム機能付きの画像ギャラリーを表示します。

詳細を見る

スワイパー

スワイプ操作に対応した画像カルーセルを表示します。

詳細を見る

コンテンツ

ノート

注釈やヒントなどの特別な表示ブロックを示します。

詳細を見る

カードボディ

コンテンツを含むカードの表示方法を示します。

詳細を見る

カードメタ

メタデータを含むカードの表示方法を示します。

詳細を見る

高度な例