AK²Engine メインスクリーンショット

AK²Engine

制作区分
自主制作・実用
サービス分類
開発ツール・研究開発
公開状態
公開済み

Eleventyを土台に、YAMLでページ構成とCanvas背景を組み立てる、自作の静的サイト制作基盤。

Eleventy(11ty)をベースに、YAMLでセクションを並べてページを構成する仕組みを実装。個別ページのHTMLを直接書かずにランディングページを組み立てられる。Canvas APIで描く26種の背景エフェクト、セクションの追加・作成・保存を扱うCLIを備える。エンジン本体のほか、CLI、ドキュメントサイト、雛形環境、デスクトップアプリからなる複数プロダクト構成で、エンジンとCLIはnpmで公開している。

同等規模を新規制作する場合の参考価格

10,000,000円〜

アーキテクチャ設計、YAML駆動の生成基盤、テンプレート、Canvasエフェクト、CLI、検索、基本ドキュメント、配布設定を含む想定です。

掲載価格は、本事例と同等の規模・機能を新規制作する場合の目安です。ページ数、機能、素材、外部サービス連携、サーバー環境などによって変動します。

制作目的

WordPressに依存せず、静的HTMLとして公開できるサイトを継続的に制作するための基盤として開発。YAMLによるページ構成とCanvas表現を共通化し、サイトごとの情報設計・デザイン・実装に集中できるようにしている。

想定利用者

静的サイトを制作するWeb制作者・開発者

担当範囲

  • 企画・要件整理
  • 情報設計
  • アーキテクチャ設計
  • UI設計
  • Webデザイン
  • フロントエンド実装
  • CLI実装
  • ドキュメント制作
  • テスト
  • パッケージ公開

主な機能・特徴

  • YAML駆動のセクション設計(個別ページのHTMLを直接書かずに構成)
  • Canvas APIで描く26種の背景エフェクト
  • コア層とレシピ層を分離したアーキテクチャ
  • セクションの追加・作成・保存を扱うCLI(npx ak2 add / create / save)
  • エンジンとCLIをnpmで公開(@ak2lab/engine)
  • 同じエンジンで構築した約190ページのドキュメントサイト

技術スタック

制作領域

制作期間

2026年〜

ご相談について

制作内容や規模についてのご相談は、AK²Lab本サイトのお問い合わせ窓口からお送りください。

ご相談・お問い合わせ