本文へスキップ
開発事例 / 教育

ネクストコードキッズ 教材サイト

子ども向けプログラミング教材の提示・運用

公開中

学習コンテンツを分かりやすく整理し、教室運用に合わせて更新しやすい構成へ。

この作品の要点
困っていたこと教材が散らばると運用が大変。
やったことカテゴリ・導線を整理して、迷わないUIにした。
起きたこと教材運用の基盤化。
もくじ

どこでつまずいたか

01教材が散らばると運用が大変

どう解いたか

01カテゴリ・導線を整理して迷わないUIに

マンガでわかる

ネクストコードキッズ 教材サイトのしくみを4コマ漫画で説明した図

できあがったもの

できあがった画面

ネクストコードキッズ 教材サイト の画面 1
ネクストコードキッズ 教材サイト の画面 2
ネクストコードキッズ 教材サイト の画面 3
ネクストコードキッズ 教材サイト の画面 4
ネクストコードキッズ 教材サイト の画面 5

結果

01教材運用の基盤化

この作品でできること

  • 教材の見せ方
  • 運用更新のしやすさ

どう作ったか

できること1項目

教育に特化した設計教育分野における課題を解決するために最適化された機能とUI。ユーザー体験を最優先に設計。

担当と道具

担当情報設計・UI構成・運用設計
使った技術Next.js・教材設計・運用UI
  • スマホでもPCでも見られる

この作品のきほん

種類教育
いまの状態公開中
規模担当3領域 / 技術3種類
公開先kids.nextcode.ltd

数字で見る

169
更新した回数
95
足した機能
85
直したところ
35
作っていた日数

2025-12-10に作りはじめて、いちばん新しい更新は2026-01-14です。

相談する

おなじものが作れます

同じ仕組みを、あなたの商品でも作れます。