---
# 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: "feature" ## サイトのレイアウト。
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/features" ## サイトの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, 静的サイトジェネレーター, ミニマルなウェブサイトテンプレート, モダンなウェブサイトテンプレート, レスポンシブウェブサイトテンプレート, スターターウェブサイトテンプレート, フリーランスクリエイター, スタートアップ創業者, 中小企業オーナー, オンラインプレゼンス" ## サイトのキーワード。(カンマ区切り、最大10個)
news_language: "ja" ## サイトの言語。(デフォルト: en)
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/features/index.html"
item_link: "https://kaishi.jp/features/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" ## サイトのソフトウェア。
---
## スターターテンプレート
ページでもウェブサイトでも、すべてのスターターテンプレートは同じ原則と機能を用いてゼロから構築されています。そのため、簡単に組み合わせて、独自のカスタムレイアウトやコンテンツを作成できます。
ウェブサイトやウェブアプリケーションの構築には、当社のスターターテンプレートのいずれかを使って SSG を始めましょう。
**Kaishi スターターテンプレート** には以下の機能が搭載されています。
- **アクセシビリティメタタグ:** これらのメタタグは、障害のあるユーザーにとってウェブサイトをより利用しやすくするために設計されています。Accessible Rich Internet Applications (ARIA) のロールと属性、フルキーボード操作、点滅ハザードなしの設定により、誰もがアクセスできるウェブサイトを実現できます。
- **Apple メタタグ:** これらのメタタグは、iPhone、iPad などの Apple デバイス向けにウェブサイトを最適化します。ウェブアプリの機能、ステータスバーのスタイル、タイトル、アプリケーション名、作者を変更して、Apple デバイスでの見た目を改善できます。
- **Bootstrap CSS:** Bootstrap は人気のある CSS フレームワークで、事前に設計されたスタイルとコンポーネントのセットを提供します。Bootstrap を使用すれば、CSS をゼロから書くことなく、プロフェッショナルなウェブサイトを素早く簡単に作成できます。
- **Bootstrap JavaScript:** Bootstrap JavaScript は、レスポンシブなナビゲーションメニューやモーダルダイアログを提供するビルド済みスクリプトのセットです。
- **コンテンツセキュリティポリシー:** このメタタグは、ページに読み込める許可コンテンツのソースを指定するために使用されます。クロスサイトスクリプティング (XSS) 攻撃やその他のセキュリティ脆弱性を防ぐために設計されています。
- **Microsoft メタタグ:** これらのメタタグは、Microsoft デバイス向けにウェブサイトを最適化するために設計されています。サイト検証、アプリケーション構成、タップハイライトの色、タイルの色、タイル画像を設定して、Windows デバイスでの見栄えを良くすることができます。
- **Open Graph / Facebook メタタグ:** これらのメタタグは、Facebook などのソーシャルメディアで共有された際のウェブサイトの表示方法を制御します。タイトル、説明、画像を設定することで、オンラインで共有された際にウェブサイトが最高の状態で表示されることを保証できます。
- **レスポンシブナビゲーションバー:** レスポンシブナビゲーションバーは、ウェブサイトをナビゲートするための直感的で使いやすいインターフェースをユーザーに提供します。画面サイズに合わせて適応し、デスクトップとモバイルの両方のデバイスでアクセスしやすくすることを目指しています。
- **Schema.org メタタグ:** これらのメタタグは、ウェブサイトのコンテンツに関する構造化データを提供するために使用されます。ウェブサイトに名前、説明、画像を設定することで、検索エンジンなどがコンテンツをよりよく理解できるようになります。
- **Twitter メタタグ:** これらのメタタグは、Twitter での共有向けにウェブサイトを最適化するために設計されています。カードの種類、作成者、説明、画像、サイト、タイトル、URL を設定して、Twitter 上でウェブサイトが良く見えるようにできます。