本文へスキップ
株式会社オープンナレッジ
株式会社オープンナレッジ Open Knowledge Inc.
Colophon — Architecture & Compliance Showcase 世界基準6大Web実装・自社実証(Show, Don't Tell)

このサイトの設計思想・技術仕様(Colophon)

Show, Don't Tell ── 当社自身のコーポレートサイトで実証する、世界基準6大Webエンジニアリングと公開技術アーキテクチャ

「本当に安全で、速く、誰にでも使いやすいWebサイトとはどのようなものか?」——株式会社オープンナレッジは、その答えを言葉で飾るのではなく、今ご覧いただいているこの公式コーポレートサイト(https://ok.st/)そのものの設計と公開証跡によって実証しています。

01 — Performance & Quality
Lighthouse 4部門 100点設計

Performance / Accessibility / Best Practices / SEO の全4部門で最高水準を満たすZero-JS静的設計。

02 — Security Posture
HTTP Observatory A+ 設計

CSP / HSTS Preload / Permissions-Policy 完備、および RFC 9116 /.well-known/security.txt 常設。

03 — Universal Accessibility
JIS X 8341-3:2016 AA & WCAG 2.2 AA

附属書JB試験結果・全56達成基準チェックリスト公開。文字サイズ切替・ふりがな表示バー常設。

04 — Green IT & Sustainability
CO2排出量 < 0.02g / PV

W3C Web Sustainability Guidelines 1.0 準拠。肥大化したJSや動画自動再生を排した超軽量SVG図解設計。

05 — Privacy by Design
Cookieless 0 Trackers

GDPR / CCPA / 改正個人情報保護法準拠。サードパーティ追跡Cookie・広告タグを一切排除。

06 — AI-Native Discovery
AI-Native /llms.txt & JSON-LD

生成AI・検索エンジン向けに、全ページのSchema.org @graph と /llms.txt 構造化索引を提供。

Section 01 — Philosophy of Show, Don't Tell

1. なぜ「サイトの作り方」をすべて公開するのか(Show, Don't Tell の哲学)

現在、多くの企業や公的機関のウェブサイトでは、更新のしやすさを優先して導入した動的CMS(WordPress等)のプラグイン脆弱性を突く改ざん被害や、過剰な広告追跡スクリプト・巨大画像による表示遅延、そして8,000pxを超える長大な縦スクロールによる「情報の迷子」が深刻な課題となっています。

当社は、創業者・代表取締役CTO 加藤明生(IPA未踏/登録情報処理安全確保支援士(第007617号)/上級医療情報技師)の監督のもと、「お客様にご提案する技術は、まず自社の本番環境で徹底的に実践し、その設計図と試験結果を包み隠さず公開する」という方針を貫いています。

本サイトは、見栄えだけのアニメーションや営業ポップアップを一切排し、「① 会社・代表・理念を知る」「② サービス・支援内容を探す」「③ 専門技術・公的制度を調べる」「④ 教養・地域文化に触れる」という訪問者の目的に対し、最短距離かつ最高の安全性で応えるリファレンス(模範実装)として設計されています。

1EdTech Open Badges v3.0 国際標準デジタル証明 DX検定™シリーズ プロフェッショナルレベル認定(3分野)
取得者:創業者・代表取締役CTO 加藤 明生
プロフェッショナルレベル認定(認定番号:I0132899-260315)

第16回 DX検定™「プロフェッショナルレベル」2026

プロフェッショナルレベル認定(IT先端技術トレンド・ビジネストレンド)

公式証明書(Open Badge v3.0)を検証する ↗
プロフェッショナルレベル認定(認定番号:B0127369-260615)

第10回 DXビジネス検定™「プロフェッショナルレベル」2026

プロフェッショナルレベル認定(DX基礎・ビジネスモデル・DX事例)

公式証明書(Open Badge v3.0)を検証する ↗
プロフェッショナルレベル認定(認定番号:I0134490-260915)

第17回 DX Next検定™「プロフェッショナルレベル」2026

プロフェッショナルレベル認定(経済産業省・IPAデジタルスキル標準DSS準拠)

公式証明書(Open Badge v3.0)を検証する ↗
図解:言葉による宣伝ではなく「稼働する本番サイト」で品質を証明する4段階サイクル
第1段階自社実践 まず本番環境で実装 ・Astro 静的分離設計 ・JIS X 8341-3 AA準拠 → 机上の空論を排する 第2段階仕様公開 透明な設計書(奥付) ・Colophon / Trust公開 ・/llms.txt & security.txt → ブラックボックスを作らない 第3段階外部検証 第三者ツールで常時監査 ・Google PageSpeed 100 ・Mozilla Observatory A+ → 誰でも1クリックで追試可能 第4段階社会還元 地域・中小企業へ提供 ・実証済みの安全な設計のみ ・押し売りゼロで誠実に伴走 → 長く安心が続くWeb基盤へ
Section 02 — The 6 Global Web Engineering Pillars

2. 世界基準(グローバル・スタンダード)6大Web実装仕様の詳細解剖

図解:2026.ok.st の二層分離アーキテクチャと6大品質基準
訪問者・AIクローラーからap01.ok.st(Astro静的HTML・RFC 9116・JIS X 8341-3 AA・llms.txt)へ0.4秒で安全に応答し、基幹データベースdb01.ok.st(FreeBSD ZFS + PostgreSQL 19 RLS)はプライベートvLAN内に完全隔離されている構造を示しています。 訪問者・監査機関・生成AI ・企業・自治体・システム管理者 ・ご家庭・支援技術(音声読上) ・海外パートナー(/en/ 英語圏) ・AI検索エンジン(/llms.txt) 追跡Cookie 0 / 0.4秒応答 公開エッジ層:ap01.ok.st Astro Zero-JS 静的HTML配信 ・PHP/動的CMS排除(RCEリスク0) ・JIS X 8341-3 AA / WCAG 2.2 AA ・TLS 1.3 / CSP / HSTS Preload ・RFC 9116 /.well-known/security.txt ・Schema.org @graph & /llms.txt 閉域vLAN 閉域DB層:db01.ok.st FreeBSD 15.1 + OpenZFS ・外部IPからの直接通信を確実に遮断 ・PostgreSQL 19 FORCE RLS ・ZFS Copy-on-Write 不変金庫 ・Rust 型安全バックエンド連携 監督:登録セキスペ 公的基準準拠
Pillar 01 i18n & Executive English

日英バイリンガル設計(/en/)と国際技術標準への対応

単なる機械翻訳ではなく、海外取引先・グローバル企業の監査部門・研究機関に向けて、企業理念(MVV v5.0)、4層サービス体系、トラストセンター、アクセシビリティ試験結果をSilicon Valley水準の技術・経営英語(/en/)で構築しています。

Pillar 02 JIS X 8341-3:2016 AA & WCAG 2.2 AA

高齢者・障害者・すべての人に優しいアクセシビリティ

JIS X 8341-3:2016 等級AAおよびW3C WCAG 2.2 Level AAに準拠。全ページ上部の「読みやすさ設定バー(文字サイズ切替・ふりがな表示・集中読書モード)」、44×44px以上のタップ領域、SVG図解のスクリーンリーダー対応、および附属書JB試験結果表を公開しています。

Pillar 03 DevSecOps & RFC 9116

動的CMSを排したゼロ攻撃対象領域とHTTPセキュリティ

公開Web層からPHP・データベースを完全分離し、サーバー側コード実行(RCE)やSQLインジェクションを構造的に根絶。CSP、HSTS Preload、Permissions-Policy、およびRFC 9116準拠の脆弱性報告窓口(/.well-known/security.txt)を完備しています。

Pillar 04 Lighthouse 100 & W3C Web Sustainability

0.4秒の超高速表示と環境負荷を極小化するグリーンIT設計

不要なJavaScriptバンドルを送出しないAstro Zero-JS SSG設計とベクターSVG図解により、モバイル回線でも瞬時に描画。1ページビューあたりのデータ転送量とCO2排出量を0.02g未満に抑え、W3C Web Sustainability Guidelines (WSG) 1.0に準拠しています。

Pillar 05 AI-Native AX (GEO / AEO)

/llms.txt & Schema.org 構造化知識グラフの標準実装

人間にとっての読みやすさだけでなく、生成AIや検索エンジンが正確な一次情報・国家資格(登録セキスペ公的基準準拠等)・提供サービスを誤りなく参照できるよう、全ページにSchema.org JSON-LD(@graph)と /llms.txt・/llms-full.txt を実装しています。

Pillar 06 Cookieless Privacy & Trust Center

サードパーティ追跡Cookieゼロと透明性トラストセンター

外部広告トラッカーや行動追跡Cookieを一切設置せず、煩わしいCookie同意バナーなしでGDPR・CCPA・改正個人情報保護法に準拠。ブラウザ内完結の自己診断ツールと閉域DB(db01.ok.st)による安全管理体制をトラストセンターで公開しています。

Section 03 — 1-Click Live Third-Party Verification Deck

3. 外部第三者検証ツールによる「1クリック・リアルタイム検証」パネル

当社が掲げる性能・セキュリティ・HTML品質・環境性能に偽りがないことを、Google・Mozilla・W3C・Qualys等の外部第三者機関の検証ツールへ直接送信して、今この場でリアルタイムにご確認いただけます。

表示速度・Core Web Vitals・アクセシビリティ検証
Google PageSpeed Insights ↗

Google公式ツールで当サイトのパフォーマンス・アクセシビリティ・SEOスコアをリアルタイム計測します。

2026.ok.st をリアルタイム検証する →
HTTPセキュリティヘッダー・CSP・HSTS監査
MDN HTTP Observatory (Mozilla) ↗

Mozilla / MDN公式のセキュリティヘッダー検査ツールで、CSPやHSTS等の防御設定を検証します。

2026.ok.st をリアルタイム検証する →
HTTP応答ヘッダー安全性スコア検証
SecurityHeaders.com ↗

Content-Security-Policy、Strict-Transport-Security、Permissions-Policy等の適用状態を即座に診断します。

2026.ok.st をリアルタイム検証する →
TLS 1.3 / 暗号スイート・証明書検証
Qualys SSL Labs Server Test ↗

TLS通信の暗号強度、証明書チェーン、前方秘匿性(Forward Secrecy)の適合度を検証します。

2026.ok.st をリアルタイム検証する →
HTML5 構文・セマンティック標準検証
W3C Nu Html Checker ↗

W3C公式バリデータで、HTML5マークアップの構文整合性とWAI-ARIA属性の適正性を検証します。

2026.ok.st をリアルタイム検証する →
環境負荷・サステナブルWeb検証
Green Web Check (Green Web Foundation) ↗

Webサイト配信に伴う環境配慮およびW3C Web Sustainability準拠状況を第三者視点で確認します。

2026.ok.st をリアルタイム検証する →
Section 04 — Technology Stack & Design System

4. 技術スタック&タイポグラフィ・色彩設計(生成り色 #FBF9F6 と高コントラスト比)

構成レイヤー 採用技術・仕様 選定理由とお客様へのメリット
フロントエンド・ビルド Astro SSG + Tailwind CSS ビルド時に純粋なHTML/CSSへ事前コンパイルし、初期ロード時の不要なJavaScript実行をゼロ化。
コアロジック・API・検査 Rust (Edition 2024) / WebAssembly + Edition 2027 R&D CISA/NSAが推奨するメモリ安全言語Rust(#![forbid(unsafe_code)])によりメモリ脆弱性をコンパイル時に排除し、次期 Edition 2027(RFC 3513 gen / WASI 0.3 等)の先行検証も推進。
データベース・ストレージ FreeBSD 15.1-STABLE OpenZFS + PostgreSQL 19 (PG20 R&D) 閉域vLAN内の db01.ok.st にて、行レベル権限分離(FORCE RLS)・不変スナップショット・PG19最新機能(ON CONFLICT DO SELECT / ネイティブ REPACK 等)を運用しつつ、次期 PostgreSQL 20(SQL/PGQ 等)の先行研究を実施。
色彩設計(カラーパレット) #FAF9F5 (生成り) × #1E293B (深紺) × #0F766E (青緑) 目の疲労を抑える穏やかな背景色と、コントラスト比12.5:1以上(WCAG AA基準4.5:1大幅超過)の可読性を両立。
タイポグラフィ・組版 Noto Sans JP / Hiragino Mincho / JetBrains Mono 行高1.9(line-height: 1.9)と文字詰め(palt)により、日本語の長文記事でもストレスなく読める組版を実現。
図解:視覚疲労を抑える「生成り色 × 高コントラスト比(12.5:1)」と超軽量グリーンIT設計
01 — 色彩とコントラスト 生成り色 #FAF9F5 × 深紺 #1E293B ・純白(#FFF)の眩しさ(グレア)を軽減 ・コントラスト比 12.5:1(基準4.5:1超) → シニア世代や長文読書でも目が疲れない 02 — 日本語組版と操作領域 行高 1.9 & 44×44px タップ設計 ・文字サイズ3段階切替+ふりがな対応 ・全図表にクリック/タップ拡大機能 → スマホでもPCでも細かい文字まで鮮明 03 — W3C グリーンIT準拠 CO2 < 0.02g/PV の超軽量設計 ・肥大化したJSや自動再生動画を排除 ・数KBで高精細に描くインラインSVG → 通信制限環境でも0.4秒で快適に表示
Section 05 — Enterprise Web Overhaul & Security Consulting

5. 同水準のコーポレートサイト刷新・セキュリティ設計・AX導入のご相談窓口

「WordPressの保守やプラグインの脆弱性対応に追われている」「自治体・医療・上場企業取引に求められるJIS X 8341-3:2016 AA準拠やセキュリティ基準を満たしたい」「AI検索(ChatGPT / Google AI)から正確に引用される高速サイトへ刷新したい」という企業・団体様へ、本サイト(2026.ok.st)と同一水準の設計・移行・セキュリティ適合確認について個別にご相談を承っております。

① 高信頼Webサイト刷新(静的分離移行)

既存のWordPress等からAstro静的配信+閉域システムへ安全に移行し、改ざんリスクゼロと0.4秒表示を実現します。

② 登録セキスペ適合確認・SCS★3支援

登録情報処理安全確保支援士(第007617号)による脆弱性診断、SCS評価制度(★3・★4)適合支援、規程整備を行います。

③ クラウド安全設定・業務効率化(AX)研究

FIDO2パスキーやコンテキストアウェアアクセスによるゼロトラスト環境設計と、指示文不要の業務自動化を支援します。

提供形態:現状診断および個別ご案内・お見積り(押し売りや営業電話は一切いたしません)
ご質問・公的制度の活用に関するお問い合わせ窓口

掲載資料に関するご質問・公的制度活用のご案内

本ページの図解や解説内容に関するご質問、経済産業省「SCS評価制度」やIPA「SECURITY ACTION・サイバーセキュリティお助け隊サービス」等の公的制度の確認方法について、落ち着いた参考窓口としてご案内しております。売り込みや営業連絡は一切行いませんので、社内勉強会やご家庭での確認資料としてご自由にご活用ください。

図解・ビジュアルの拡大表示

図表内のテキストもそのまま選択・検索可能です(ベクターSVG描画) 枠外クリックまたは ESC キーで閉じます