> ## Documentation Index > Fetch the complete documentation index at: https://private-7c7dfe99-postgresql-tls-support.mintlify.site/llms.txt > Use this file to discover all available pages before exploring further. # クイックスタート一覧 > ClickHouse をすぐに使い始めるためのクイックスタートガイドを紹介します export const quickStartsData = [{ "id": "connect-your-iceberg-catalog", "title": "ClickHouse Cloud で Iceberg カタログに接続する方法", "description": "ClickHouse Cloud をデータカタログに接続し、Iceberg テーブルをクエリする方法を学びます。", "href": "/ja/get-started/quickstarts/connect-your-iceberg-catalog", "useCases": ["data-warehousing"], "products": ["cloud"] }, { "id": "create-your-first-materialized-view", "title": "初めての materialized view を作成する", "description": "ClickHouse の materialized view を使って、別のソート順でクエリ結果を事前計算して保存し、主キーに含まれないカラムに対する高速なルックアップを可能にする方法を学びます。", "href": "/ja/get-started/quickstarts/create-your-first-materialized-view", "useCases": ["real-time-analytics", "data-warehousing"], "products": ["cloud"] }, { "id": "create-your-first-mergetree-table", "title": "最初のMergeTreeテーブルを作成する", "description": "MergeTreeテーブルを作成し、英国の不動産価格データを読み込み、パーツとマージがストレージやクエリ性能にどう影響するかを確認しながら、ClickHouseの中核となるテーブルエンジンの仕組みを学びます。", "href": "/ja/get-started/quickstarts/create-your-first-mergetree-table", "useCases": ["all"], "products": ["cloud"] }, { "id": "create-your-first-projection", "title": "初めてのPROJECTIONを作成する", "description": "ClickHouse でPROJECTIONを使用して、同じテーブル内にデータの別のソート済みコピーを格納し、主キーに含まれないカラムに対する高速なルックアップを可能にする方法を学びます。", "href": "/ja/get-started/quickstarts/create-your-first-projection", "useCases": ["real-time-analytics", "data-warehousing"], "products": ["cloud"] }, { "id": "create-your-first-service-on-cloud", "title": "最初のCloud サービスを作成し、サンプルデータを読み込む", "description": "ClickHouse Cloud サービスを作成し、SQL コンソールを確認してサンプルデータセットを読み込むと、わずか数分で実際のデータに対するクエリを開始できます。", "href": "/ja/get-started/quickstarts/create-your-first-service-on-cloud", "useCases": ["all"], "products": ["cloud"] }, { "id": "creating-tables", "title": "ClickHouse でのテーブルの作成", "description": "ClickHouse でのテーブルの作成について学びます", "href": "/ja/get-started/quickstarts/creating-tables", "useCases": ["all"], "products": ["self-managed"] }, { "id": "insert-data-using-clickhouse-client", "title": "clickhouse-client を使って ClickHouse Cloud にデータを挿入する", "description": "コマンドラインから、ローカルの CSV ファイルや Parquet ファイルのデータを clickhouse-client を使って ClickHouse Cloud サービスに挿入する方法を学びます。", "href": "/ja/get-started/quickstarts/insert-data-using-clickhouse-client", "useCases": ["all"], "products": ["cloud"] }, { "id": "mutations", "title": "ClickHouseデータの更新と削除", "description": "ClickHouseで更新および削除操作を実行する方法を説明します", "href": "/ja/get-started/quickstarts/mutations", "useCases": ["data-warehousing"], "products": ["self-managed"] }, { "id": "obtain-your-cloud-connection-details", "title": "Cloud 接続情報を取得する", "description": "外部クライアント、CLI、アプリケーションから接続できるように、ClickHouse Cloud サービスのホスト名、ポート、認証情報を確認する方法を説明します。", "href": "/ja/get-started/quickstarts/obtain-your-cloud-connection-details", "useCases": ["all"], "products": ["cloud"] }, { "id": "tutorial", "title": "高度なチュートリアル", "description": "ニューヨーク市のタクシーのサンプルデータセットを使って、ClickHouse でデータを取り込み、クエリする方法を学びます。", "href": "/ja/get-started/quickstarts/tutorial", "useCases": ["real-time-analytics", "data-warehousing"], "products": ["cloud", "self-managed"] }, { "id": "working-with-the-map-type", "title": "ClickHouse での Map 型の利用", "description": "OTel の リソース属性 を実例に、ClickHouse で動的なキー・バリュー データを保存、クエリ、集計するための Map 型の使い方を学びます。", "href": "/ja/get-started/quickstarts/working-with-the-map-type", "useCases": ["observability"], "products": ["self-managed"] }, { "id": "writing-queries", "title": "ClickHouse データの選択", "description": "ClickHouse データの選択について学びます", "href": "/ja/get-started/quickstarts/writing-queries", "useCases": ["all"], "products": ["self-managed"] }]; export const QuickStartsGrid = ({quickStartsData = [], featured = []}) => { const featuredIds = featured.map(f => f.id); const data = quickStartsData || []; const assetBase = typeof window !== 'undefined' && window.location.pathname.startsWith('/docs') ? '/docs' : ''; const withBase = p => p && p.startsWith('/') ? assetBase + p : p; const useCaseOptions = [{ value: 'real-time-analytics', label: "リアルタイム分析" }, { value: 'data-warehousing', label: "データウェアハウジング" }, { value: 'observability', label: "オブザーバビリティ" }, { value: 'ai-ml', label: "AI/ML" }]; const productOptions = [{ value: 'self-managed', label: 'ClickHouse（オープンソース）' }, { value: 'cloud', label: 'ClickHouse Cloud' }, { value: 'clickpipes', label: "ClickPipes" }, { value: 'language-clients', label: "言語クライアント" }, { value: 'clickstack', label: "ClickStack" }, { value: 'chdb', label: "chDB" }]; const explorable = data.filter(qs => !featuredIds.includes(qs.id)); const visibleUseCaseOptions = useCaseOptions.filter(o => explorable.some(qs => { const u = qs.useCases || []; return u.includes('all') || u.includes(o.value); })); const visibleProductOptions = productOptions.filter(o => explorable.some(qs => (qs.products || []).includes(o.value))); const readStored = key => { if (typeof window === 'undefined') return null; try { return localStorage.getItem(key); } catch { return null; } }; const writeStored = (key, value) => { if (typeof window === 'undefined') return; try { localStorage.setItem(key, value); } catch {} }; const readStoredSelection = (key, options) => { const raw = readStored(key); if (!raw) return []; try { const parsed = JSON.parse(raw); if (!Array.isArray(parsed)) return []; return parsed.filter(v => options.some(o => o.value === v)); } catch { return []; } }; const [searchTerm, setSearchTerm] = useState(() => readStored('quickstarts-search') || ''); const [selectedUseCases, setSelectedUseCases] = useState(() => readStoredSelection('quickstarts-usecases', visibleUseCaseOptions)); const [selectedProducts, setSelectedProducts] = useState(() => readStoredSelection('quickstarts-products', visibleProductOptions)); const [currentPage, setCurrentPage] = useState(1); const itemsPerPage = 6; const [showFilters, setShowFilters] = useState(() => readStored('quickstarts-show-filters') !== 'false'); const [isDesktop, setIsDesktop] = useState(true); useEffect(() => { if (typeof window === 'undefined' || !window.matchMedia) return; const mq = window.matchMedia('(min-width: 1024px)'); const update = () => setIsDesktop(mq.matches); update(); mq.addEventListener('change', update); return () => mq.removeEventListener('change', update); }, []); useEffect(() => { writeStored('quickstarts-search', searchTerm); }, [searchTerm]); useEffect(() => { writeStored('quickstarts-usecases', JSON.stringify(selectedUseCases)); }, [selectedUseCases]); useEffect(() => { writeStored('quickstarts-products', JSON.stringify(selectedProducts)); }, [selectedProducts]); useEffect(() => { writeStored('quickstarts-show-filters', String(showFilters)); }, [showFilters]); useEffect(() => { setCurrentPage(1); }, [searchTerm, selectedUseCases, selectedProducts]); const makeToggle = setter => value => { setter(prev => prev.includes(value) ? prev.filter(v => v !== value) : [...prev, value]); }; const toggleUseCase = makeToggle(setSelectedUseCases); const toggleProduct = makeToggle(setSelectedProducts); const resetFilters = () => { setSearchTerm(''); setSelectedUseCases([]); setSelectedProducts([]); }; const hasActiveFilters = searchTerm !== '' || selectedUseCases.length > 0 || selectedProducts.length > 0; const filteredQuickStarts = useMemo(() => { const term = searchTerm.toLowerCase(); return data.filter(quickStart => { if (featuredIds.includes(quickStart.id)) return false; const matchesSearch = term === '' || quickStart.title.toLowerCase().includes(term) || (quickStart.description || '').toLowerCase().includes(term); const useCases = quickStart.useCases || []; const matchesUseCases = selectedUseCases.length === 0 || useCases.includes('all') || useCases.some(uc => selectedUseCases.includes(uc)); const products = quickStart.products || []; const matchesProducts = selectedProducts.length === 0 || products.some(p => selectedProducts.includes(p)); return matchesSearch && matchesUseCases && matchesProducts; }); }, [data, searchTerm, selectedUseCases, selectedProducts, featuredIds]); const handleCardClick = (e, href) => { if (e.defaultPrevented) return; if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || e.button !== 0) return; e.preventDefault(); window.location.assign(withBase(href)); }; const featuredQuickStarts = featured.map(f => { const qs = data.find(q => q.id === f.id); return { id: f.id, href: qs && qs.href || `/ja/get-started/quickstarts/${f.id}`, title: qs && qs.title || '' }; }).filter(f => f.title); const FilterGroup = ({label, options, selectedOptions, onToggle}) => { const activeCount = selectedOptions.length; const displayLabel = activeCount > 0 ? `${label} (${activeCount})` : label; return
{displayLabel}
{options.map(option => )}
; }; return <>
{} {featuredQuickStarts.length > 0 &&

注目のクイックスタート

{featuredQuickStarts.map(quickStart => handleCardClick(e, quickStart.href)} className="group block rounded-xl overflow-hidden border border-gray-200 dark:border-white/10 transition-all hover:border-black dark:hover:border-[#FAFF69] hover:shadow-md"> {}
{} {quickStart.title}
)}
} {}
{}
{}
{}

クイックスタートを探す

{filteredQuickStarts.length > 0 ? <> {} {(() => { const totalPages = Math.ceil(filteredQuickStarts.length / itemsPerPage); if (totalPages <= 1) return null; const hasPrev = currentPage > 1; const hasNext = currentPage < totalPages; return
ページ {currentPage} / {totalPages}
; })()} :

条件に一致するクイックスタートが見つかりませんでした。

フィルターや検索キーワードを変更してお試しください。

}
; }; export const featuredQuickstarts = [{ id: 'create-your-first-service-on-cloud' }, { id: 'insert-data-using-clickhouse-client' }, { id: 'obtain-your-cloud-connection-details' }];
装飾用の背景画像。 装飾用の背景画像。