AI時代のスキル評価・演習プラットフォーム

AIの出力を、自分で見極める力を。

コードを読める。仕組みが分かる。その土台があって初めて、AIが出したコードを自分で判断できます。KASANEはその力を最小限で身につける演習プラットフォームです。すべてブラウザで完結します。

AI補完オフの実装環境
gVisorサンドボックス実行
リアルタイム自動採点

app/api/todos/route.tsAI OFF

// POST /api/todos — 仕様どおりに実装せよexport async function POST(req: Request) {  const body = await req.json();  const todo = todoSchema.parse(body);  const row = await db.insert(todos)    .values(todo).returning();  return Response.json(row, {    status: 201,  });}

$ kasane test --all

12/12 tests passed(1.24s)

採点結果

Frontend92
Backend88
Database76
Performance81

gVisor isolated runtime

18
演習課題: 4
評価レイヤー: 8
対応技術スタック: 100%
ブラウザ完結

対応スタック

Python
JavaScript / TypeScript
Go
Ruby
PHP
Java
C++
Rust
React / Next.js
Express
Hono
NestJS
FastAPI
Django
Rails
Laravel
Spring
PostgreSQL

Problem

AIが全部書いてくれる時代の落とし穴

コードはAIが書いてくれます。ただ、読めないままではそれが正しいのか自分で判断できません。学ぶ側も育てる側も、ここでつまずいています。

動くけど説明できない

AIに投げれば動くものは出来上がります。でも中身を説明できなければ、直せないし責任も持てません。

コピペでは実力がつかない

答えを貼るだけで通ってしまう課題では、手を動かす経験が積まれません。分かった気になって実力は伸びない。

実力を測るものさしがない

出来上がったものを見るだけでは、本人の実力とAIの出力を区別できません。育てる側も評価する側も、判断材料を失っています。

なぜ手で書くのか

基本のところだけ、一回自分の手で書いてみる。

全部を一から書く必要はありません。本当に必要なところを自分の手で押さえるために、KASANEは3つの仕組みを用意しています。

ai.suggest(…)

OFF

AI補完をオフに

コード補完・生成をオフにした環境で、自分の手で書く。基本を押さえる時間だけはAIに頼らない。

サンドボックスで実行

書いたコードはgVisorで隔離された環境ですぐ動かせます。すぐ動かして、すぐ直す。その繰り返しが手に残ります。

レイヤー別に採点

合否だけで終わらせません。フルスタック問題はFrontend・Backend・Database・Performanceのレイヤー別に採点し、どの層が書けているかまで分かります。

Live Preview

書いたアプリがそのままブラウザで動く。

エディタで書いて保存すると、隣のプレビューにすぐ反映されます。Next.jsもAPIもデータベースも、あなた専用の実行環境で本当に動いています。開発環境の構築はいりません。

app/page.tsxプレビュー起動中

// 保存すると右のプレビューにすぐ反映export default function TodoApp() {  const { todos, addTodo } = useTodos();  return (    <main>      <h1>今日のタスク</h1>      <AddTodoForm onAdd={addTodo} />      <TodoList items={todos} />    </main>  );}

https://preview-3000.kasane.run

今日のタスク

タスクを追加...追加

POST /api/todos を実装する
テストを通す
プレビューで動きを確かめるたった今

$ npm run dev

Ready in 0.9s(port 3000)

保存したらすぐ反映

PostgreSQLも同じ環境で

フルスタックがそのまま動く

Next.jsやExpressなどのフレームワークとPostgreSQLがワンクリックで起動。ローカル開発と同じ感覚で書けます。

保存したらすぐ見える

コードを直すと、隣のプレビューに即反映。動かして確かめながら書き進められます。

壊しても平気

gVisorで隔離されたあなた専用の実行環境です。何度壊してもすぐ作り直せます。

4-Layer Evaluation

「動いた」で終わらせない。4つのレイヤーを重ねて評価する

KASANEの名は、色を重ねる日本の伝統「襲(かさね)」から。フルスタック問題をFrontend・Backend・Database・Performanceの4レイヤーに重ねて採点し、どの層まで書けているかを立体的に可視化します。

Frontend

UI表示・操作のテスト

Backend

API仕様準拠・エラーハンドリング

Database

データの保存と取得の検証

Performance

テスト実行時間の計測

総合ランクは S / A / B / C で判定

How it works

登録から採点まで、すべてブラウザで完結

無料でアカウント登録

メールアドレスだけで開始。インストールも環境構築も一切不要です。

課題を選ぶ

基礎アルゴリズムからフルスタック実装まで、レベルと目的に合わせて選択できます。

ブラウザで書いて動かす

エディタ・ターミナル・DBクライアントがブラウザ内に。コードは隔離されたサンドボックスで即実行されます。

テストケースで自動採点

提出すると即時に採点されます。フルスタック問題はFrontend・Backend・Database・Performanceのレイヤー別に結果とフィードバックが返ります。

Package

KASANE 提供パッケージ

React UI

REST API

PostgreSQL

フルスタック演習

React・API・DB を一つの課題でエンドツーエンドに実装

自動採点エンジン

テストケースによる自動評価でリアルタイムにスコアリング

レイヤー別評価

フルスタック問題をFrontend・Backend・Database・Performanceのレイヤー別に評価

$ run tests

POST /todos · 201

type-check passed

△ N+1 query detected

リアルタイムフィードバック

テスト結果・lint・型チェックを即座にフィードバック

browser IDE

ブラウザ完結IDE

環境構築不要。Monaco Editorベースのフルフィーチャーエディタ

スキル可視化

レーダーチャート・ヒートマップでスキルの成長を可視化

Use Cases

さまざまなシーンで活用されています

プログラミングスクール・ブートキャンプ

実務に近い課題で受講生のスキルを可視化。卒業時の実力を客観的に証明できます。

企業のエンジニア研修

新卒・中途エンジニアの実務力を正確に把握。研修効果の測定と個別フォローに活用できます。

大学・教育機関

プログラミング演習の自動採点基盤として。教員の負担を軽減し、学生のスキルを正確に評価します。

Founder's Message

KASANEを作った理由

AIエージェントで、知識がなくてもアプリが作れるようになりました。実際いろんな人が作れています。時代が変わりましたね。

ただ、出来上がったコードに責任を持てるかは別の話だと思います。AIが書いたコードでも、出すのは自分です。コードを読める。仕組みやアーキテクチャが分かる。それがあって初めて「ここはちゃんと書けている」「ここは直したほうがいい」と判断できます。AIにどう指示を出すかも、結局この土台がいります。

KASANEは、その土台を最小限で身につけるための場所です。APIって何だろう。どう実装されているんだろう。基本のところを、一回自分の手で書いてみる。ブラウザの中ですぐ動かして、すぐ直せます。全部を一から書く必要はありません。本当に必要なところだけ、自分の手で押さえれば十分です。

ここで養った目でAIを使いこなして、世界のITをどんどん加速させていってほしいです。僕はその補助をします。

Support

ニーズに合わせたサポート

カリキュラム設計

研修教材提供

進捗管理ダッシュボード

技術メンタリング

レポート作成

カスタム課題作成

API連携

オンボーディング支援

お悩みの方もお気軽にご相談ください

導入のご相談から、カリキュラム設計、カスタム課題の作成まで。まずはお気軽にお問い合わせください。

お問い合わせ

For You

あなたに合った使い方を

個人の方へ

基礎を学んだ次のステップとして。実務レベルの課題に取り組み、転職市場で評価されるスキルを身につけます。

詳しく見る

企業の方へ

研修後の実務ギャップを解消。エンジニアのスキルを客観的に可視化し、育成の効率を高めます。

法人プランを見る

教育機関の方へ

プログラミング演習の採点基盤として。自動採点で教員の負担を軽減し、学生のスキルを正確に評価します。

教育機関向けプランを見る

FAQ

よくあるご質問

KASANEはどのようなスキルレベルの学習者に適していますか？

プログラミングの基礎（変数、関数、条件分岐など）を学んだ方から、実務経験のあるエンジニアまで幅広く対応しています。課題は難易度別に分かれており、基礎的なCRUD実装から、N+1クエリの最適化やトランザクション設計といった上級テーマまで用意しています。

環境構築は必要ですか？

いいえ、一切不要です。KASANEはブラウザ完結型のプラットフォームです。Monaco Editorベースのコードエディタ、ターミナル、データベースクライアントがすべてブラウザ上で動作します。アカウント登録後、すぐにコーディングを開始できます。

自動採点はどのように行われますか？

テストケースベースの自動採点エンジンを使用しています。レッスンやアルゴリズム問題は入出力の一致で判定します。フルスタック問題はFrontend（UI表示・操作）・Backend（API仕様準拠）・Database（データの保存と取得）のテストをレイヤー別に採点し、Performance（テスト実行時間）も計測します。結果はS/A/B/Cのランクで表示されます。

法人研修として導入する場合、どのようなサポートがありますか？

カリキュラム設計のコンサルティング、カスタム課題の作成、受講者の進捗管理ダッシュボード、スキルレポートの提供など、研修の企画から効果測定までトータルでサポートします。まずはお気軽にお問い合わせください。

対応している技術スタックは何ですか？

8言語に対応しています。Python・Go・Java・C++・Rust・JavaScript/TypeScript・Ruby・PHP で課題に取り組めます。フルスタック課題はフロントエンドがReact（Next.js）、バックエンドはNode.js（Express/Hono/NestJS）・Python（FastAPI/Django）・Go・Ruby（Rails）・PHP（Laravel）・Java（Spring）の最大10フレームワーク、データベースはPostgreSQLに対応。同じ課題を好きなスタックで実装でき、今後も順次拡大予定です。

料金体系を教えてください。

個人利用は無料プランからお試しいただけます。法人・教育機関向けプランは利用人数やカスタマイズ内容に応じたプランをご用意しています。詳細はお問い合わせください。

今すぐ、実務力を鍛えよう

アカウント登録は無料。環境構築不要で、今すぐブラウザからコーディングを始められます。

無料で登録する課題を見てみる

AIの出力を、自分で見極める力を。

AI補完オフの実装環境

gVisorサンドボックス実行

リアルタイム自動採点

// POST /api/todos — 仕様どおりに実装せよexport async function POST(req: Request) { const body = await req.json(); const todo = todoSchema.parse(body); const row = await db.insert(todos) .values(todo).returning(); return Response.json(row, { status: 201, });}

// 保存すると右のプレビューにすぐ反映export default function TodoApp() { const { todos, addTodo } = useTodos(); return ( <main> <h1>今日のタスク</h1> <AddTodoForm onAdd={addTodo} /> <TodoList items={todos} /> </main> );}