---
# Front Matter (YAML)
author: "jane.doe@kaishi.jp (Jane Doe)" ## ページの著者。(最大64文字)
banner_alt: "緑と黒のタイル張りの壁" ## サイトのバナー代替テキスト。
banner_height: "398" ## サイトのバナーの高さ。
banner_width: "1440" ## サイトのバナーの幅。
banner: "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 398' preserveAspectRatio='xMidYMid slice'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23166534'/><stop offset='1' stop-color='%2386efac'/></linearGradient></defs><rect width='1440' height='398' fill='url(%23g)'/></svg>" ## サイトのバナー。
cdn: "https://cloudcdn.pro" ## サイトのCDN。
changefreq: "weekly" ## サイトの更新頻度。
charset: "utf-8" ## サイトの文字セット。(デフォルト: utf-8)
cname: "kaishi.jp" ## サイトのCNAME値。(インデックスページでのみ必要)
copyright: "Copyright © 2023-2026 Kaishi. 全著作権所有。" ## サイトの著作権。
date: "January 01, 2025"
description: "素晴らしいウェブサイトの構築に必要なすべてがここにあります。" ## サイトの説明。(最大160文字)
download: "" ## 製品のダウンロードURL。
format-detection: "telephone=no" ## サイトのフォーマット検出。
hreflang: "ja" ## サイトの hreflang。(デフォルト: en-gb)
icon: "https://cloudcdn.pro/kaishi/v1/logos/kaishi.svg" ## SVG形式のサイトアイコン。
id: "https://kaishi.jp" ## サイトのID。
image_alt: "静的サイト用スターターテンプレート Kaishi のロゴ" ## サイトの画像代替テキスト。
image_height: "630" ## サイトの画像の高さ。
image_width: "1200" ## サイトの画像の幅。
image: "https://cloudcdn.pro/kaishi/images/banners/banner-kaishi.webp" ## SVG形式のサイトのメイン画像。
keywords: "kaishi スターターテンプレート, static site generator, 静的サイトジェネレーター, スターターテンプレート, bootstrap, bootstrap css, bootstrap javascript, コンテンツセキュリティポリシー, Open Graph メタタグ, レスポンシブナビゲーションバー, schema.org メタタグ" ## サイトのキーワード。(最大160文字)
language: "ja-JP" ## サイトの言語。(デフォルト: en-GB)
layout: "post" ## サイトのレイアウト。
locale: "ja_JP" ## サイトのロケール。
logo_alt: "静的サイト用スターターテンプレート Kaishi のロゴ" ## サイトのロゴ代替テキスト。
logo_height: "33" ## サイトのロゴの高さ。
logo_width: "100" ## サイトのロゴの幅。
logo: "https://cloudcdn.pro/kaishi/v1/logos/kaishi.svg" ## SVG形式のサイトのロゴ。
name: "Kaishi" ## サイトの名前。(最大64文字)
permalink: "https://kaishi.jp/posts" ## サイトのURL。
rating: "general" ## サイトのレーティング。
referrer: "no-referrer" ## サイトのリファラー。
revisit-after: "7 days" ## サイトの再訪問間隔。
robots: "index, follow" ## サイトのロボット指示。
short_name: "kaishi" ## サイトの短縮名。(最大12文字)
subtitle: "Kaishi スターターテンプレートで最小限の労力で素晴らしいウェブサイトを構築" ## ページのサブタイトル。(最大64文字)
tags: "kaishi スターターテンプレート, static site generator, 静的サイトジェネレーター, スターターテンプレート, bootstrap, bootstrap css, bootstrap javascript, コンテンツセキュリティポリシー, Open Graph メタタグ, レスポンシブナビゲーションバー, schema.org メタタグ" ## サイトのタグ。(最大160文字)
theme-color: "143, 250, 113" ## サイトのテーマカラー。
title: "記事" ## ページのタイトル。(最大64文字)
url: "https://kaishi.jp" ## サイトのURL。
viewport: "width=device-width, initial-scale=1, shrink-to-fit=no" ## サイトのビューポート。
# News - ニュースサイトマップのフロントマター (YAML)。
news_genres: "Blog" ## サイトのジャンル。(PressRelease|Satire|Blog|OpEd|Opinion|UserGenerated)
news_keywords: "kaishi スターターテンプレート, static site generator, 静的サイトジェネレーター, スターターテンプレート, bootstrap, bootstrap css, bootstrap javascript, コンテンツセキュリティポリシー, Open Graph メタタグ, レスポンシブナビゲーションバー, schema.org メタタグ" ## サイトのキーワード。(カンマ区切り、最大10個)
news_language: "ja" ## サイトの言語。(デフォルト: en)
news_image_loc: "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 398' preserveAspectRatio='xMidYMid slice'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23166534'/><stop offset='1' stop-color='%2386efac'/></linearGradient></defs><rect width='1440' height='398' fill='url(%23g)'/></svg>" ## サイトの画像の位置。
news_loc: "https://kaishi.jp" ## サイトの位置。
news_publication_date: "Wed, 01 Jan 2025 01:01:01 GMT" ## サイトの公開日。
news_publication_name: "Kaishi" ## ニュース出版物名。
news_title: "記事" ## ページのタイトル。(最大64文字)
# RSS - RSSフィードのフロントマター (YAML)。
atom_link: https://kaishi.jp/rss.xml
category: "テクノロジー"
docs: https://validator.w3.org/feed/docs/rss2.html
generator: "SSG (version 0.0.35)"
item_description: サイトのRSSフィード
item_guid: "https://kaishi.jp/posts/index.html"
item_link: "https://kaishi.jp/posts/index.html"
item_pub_date: "Wed, 01 Jan 2025 01:01:01 GMT"
item_title: "記事"
last_build_date: "Wed, 01 Jan 2025 01:01:01 GMT"
managing_editor: jane.doe@kaishi.jp (Jane Doe)
pub_date: "Wed, 01 Jan 2025 01:01:01 GMT"
ttl: "60"
type: "website"
webmaster: jane.doe@kaishi.jp
# Apple - Apple 用フロントマター (YAML)。
apple_mobile_web_app_orientations: "portrait" ## ページの Apple モバイルウェブアプリの向き。
apple_touch_icon_sizes: "192x192" ## ページの Apple タッチアイコンサイズ。
apple-mobile-web-app-capable: "yes" ## Apple モバイルウェブアプリ対応の可否。
apple-mobile-web-app-status-bar-inset: "black" ## Apple モバイルウェブアプリのステータスバーの挿入。
apple-mobile-web-app-status-bar-style: "black-translucent" ## Apple モバイルウェブアプリのステータスバーのスタイル。
apple-mobile-web-app-title: "Kaishi" ## Apple モバイルウェブアプリのタイトル。
apple-touch-fullscreen: "yes" ## Apple タッチ全画面表示。
# MS Application - MS Application 用フロントマター (YAML)。
msapplication-navbutton-color: "rgb(0,102,204)"
# Twitter Card - Twitter Card 用フロントマター (YAML)。
## twitter_card - ページの Twitter Card の種類。
twitter_card: "summary"
## twitter_creator - ページの Twitter Card の作成者。
twitter_creator: "janedoe"
## twitter_description - ページの Twitter Card の説明。
twitter_description: "素晴らしいウェブサイトの構築に必要なすべてがここにあります。"
## twitter_image - ページの Twitter Card の画像。
twitter_image: "https://cloudcdn.pro/kaishi/v1/logos/kaishi.svg"
## twitter_image:alt - ページの Twitter Card の画像代替テキスト。
twitter_image_alt: "静的サイト用スターターテンプレート Kaishi のロゴ"
## twitter_site - ページの Twitter Card のサイト。
twitter_site: "janedoe"
## twitter_title - ページの Twitter Card のタイトル。
twitter_title: "Kaishi、静的サイトジェネレーターのスターターテンプレート"
## twitter_url - ページの Twitter Card の URL。
twitter_url: "https://kaishi.jp"
# Humans.txt - Humans.txt のフロントマター (YAML)。
author_website: "https://cloudcdn.pro" ## ページ著者のウェブサイト。
author_twitter: "@wwdseb" ## ページ著者の Twitter。
author_location: "ロンドン、イギリス" ## ページ著者の所在地。
thanks: "お読みいただきありがとうございます！" ## ページの謝辞。
site_last_updated: "2025-01-01" ## サイトの最終更新日。
site_standards: "HTML5, CSS3, RSS, Atom, JSON, XML, YAML, Markdown, TOML" ## サイトが準拠する標準。
site_components: "Kaishi, Kaishi Builder, Kaishi CLI, Kaishi Templates, Kaishi Themes" ## サイトの構成要素。
site_software: "SSG, Rust" ## サイトのソフトウェア。
---
![輝く自然][00]
## スターターテンプレート
ページでもウェブサイトでも、すべてのスターターテンプレートは同じ原則と機能を用いてゼロから構築されています。そのため、簡単に組み合わせて、独自のカスタムレイアウトやコンテンツを作成できます。
### ページ
ウェブサイトやウェブアプリケーションの構築には、当社のスターターテンプレートのいずれかを使って SSG を始めましょう。テンプレートは柔軟性があり、変更しやすいように設計されています。
#### テンプレートの特徴
- **レスポンシブデザイン**: すべてのテンプレートは完全にレスポンシブで、どんなデバイスでも美しく表示されます。
- **モジュラーコンポーネント**: テンプレートはモジュラーコンポーネントで構築されており、カスタマイズが容易です。
- **モダンな美学**: 各テンプレートは、モダンなデザイントレンドを念頭に置いて作られています。
#### はじめに
まず、プロジェクトのニーズに合ったテンプレートを選択します。コンテンツ、スタイル、機能でカスタマイズしましょう。
1. **テンプレートを選ぶ**: コレクションを閲覧し、出発点を選びます。
2. **カスタマイズ**: レイアウトを変更し、コンテンツを追加し、スタイルを調整します。
3. **公開**: 新しいウェブサイトやウェブアプリを世界に向けてデプロイします。
### ウェブサイト
ウェブサイトをゼロから構築するのは大変な作業ですが、当社のスターターテンプレートを使えばシンプルで簡単になります。
![輝く自然][00]
### なぜ当社のテンプレートを使うのか
- **スピード**: 既成のデザインで開発を素早く始められます。
- **品質**: 高品質で十分にテストされたテンプレートが信頼性を保証します。
- **サポート**: ご質問や問題があれば、当社のチームがお手伝いします。
### カスタマイズ
特定のニーズに合わせてテンプレートをカスタマイズできます。可能性は無限大です！
#### カスタマイズのヒント
- **構造を理解する**: テンプレートの構造とコンポーネントに慣れ親しみましょう。
- **試行錯誤する**: さまざまなレイアウトやスタイルを試すことを恐れないでください。
- **フィードバック**: デザインについてフィードバックを求め、それに基づいて改善していきましょう。
## まとめ
当社のスターターテンプレートのラインナップがあれば、特定の要件に合わせたユニークなものを構築する確かな基盤が得られます。さあ、飛び込んで制作を始めましょう！
[00]: data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 398' preserveAspectRatio='xMidYMid slice'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23166534'/><stop offset='1' stop-color='%2386efac'/></linearGradient></defs><rect width='1440' height='398' fill='url(%23g)'/></svg>