Web application

CTOCEND

CTOへの道を、ゲームに。

Webのしくみを入口に、短いレッスンとさまざまな問題を進めながら、技術を理解して判断する力を育てるエンジニア学習Webアプリです。現在はWORLD 1「Webのしくみ」を最初から最後まで遊べます。

CTOCENDの画面イメージ

01

この作品について

AIを使えばコードを書けなくても形にできる時代だからこそ、提案された内容を理解し、自分で確かめて判断できる力も身につけたい。CTOCENDは、そんな学びを毎日少しずつ続けられるゲーム型の学習サービスとしてつくりました。

MVPではWORLD 1「Webのしくみ」に絞り、インターネット、HTML、CSS、JavaScript、ブラウザ、URL、DNS、サーバー、HTTP、API、Status Code、Cookie、LocalStorageなどを全20レッスンで学びます。通常レッスンは12問、最後のWORLD CHALLENGEは15問です。長文を読むよりも、問題を解き、短い解説と実務例を確認しながら進む構成です。

02

  • AIでWebサイトやアプリを作りながら、技術の意味も理解したい人
  • プログラミングの前に、Webが動く基本の流れを学びたい人
  • 教科書を長く読むより、問題を解きながら覚えたい人
  • 1回5〜10分ほどの学習を、ゲーム感覚で続けたい人

03

主な特徴

WORLD 1・全20レッスン

インターネットとWebの違いから、API、404・500、CookieとLocalStorageまでを段階的に学び、最後に総合問題へ挑戦します。

多彩な問題パターン

選択、○×、並び替え、コード穴埋め、入力、仕分け、BUG調査、AIレビューなど、内容に合わせた形式で理解を確かめます。

回答後すぐに分かる解説

正誤だけでなく、答えの理由と「実務では」の短い補足を表示します。「わからない」からヒントや答えも確認できます。

XP・レベル・学習マップ

問題とレッスンの完了でXPを獲得。レベル、連続学習日数、今日のXP、スキル、蛇行する学習マップで進み具合を見られます。

WORLD CHALLENGE

15問の総合問題で70%以上正解するとWORLD 1 CLEAR。Web Explorer BadgeとボーナスXPを獲得できます。

04

基本的な使い方

  1. 01

    今の技術レベルを選ぶ

    初回に近い選択肢を一つ選びます。開始位置はどれを選んでもLesson 1です。

  2. 02

    今日のレッスンを始める

    ホームの「学習する」または学習マップから、解放済みのレッスンを開きます。

  3. 03

    問題と解説を進める

    回答後に正解・不正解、獲得予定XP、解説、実務例を確認し、次の問題へ進みます。

  4. 04

    XPと進捗を確認する

    レッスン完了後、次のレッスンが解放されます。ホーム、スキル、マイページから学習状況を振り返れます。

05

データの保存について

メールアドレスやパスワードを使わず、ブラウザに保存した匿名の利用IDとCloudflare D1を紐づけて、XP、レベル、レッスン進捗、連続学習日数などを保存します。

引き継ぎコードを発行すると、別の端末やブラウザで進捗を復元できます。コードの有効期限は24時間で、使用できるのは1回だけです。第三者に見られないよう保管してください。

マイページから学習データを削除できます。削除後は元に戻せないため、必要な場合は事前に引き継ぎコードを確認してください。

06

利用時の注意

CTOCENDのレベルやランクはアプリ内の学習状況を表すもので、実際の役職、資格、技術力、就職・昇進を認定または保証するものではありません。

現在公開している教材はWORLD 1「Webのしくみ」が中心です。初心者向けに例外や細かな仕様を簡略化しているため、実務では公式ドキュメントや最新情報もあわせて確認してください。

07

よくある質問

無料で使えますか?

はい。現在は無料で利用でき、広告、課金、AI APIによる追加料金はありません。

アカウント登録は必要ですか?

必要ありません。匿名の利用IDを使って進捗を保存します。

機種変更後も進捗を使えますか?

はい。マイページで発行した引き継ぎコードを、新しい端末の初回画面から入力してください。コードは24時間有効で1回のみ使用できます。

AIが問題や解説を作っていますか?

学習中にAI APIは使用していません。問題、正解、解説は確認済みの固定教材として配信しています。

これだけでCTOになれますか?

CTOを目指す学習の入口を提供するアプリです。アプリ内レベルだけでCTOを認定するものではなく、実務経験や幅広い学習も必要です。

08

気になったら、ブラウザですぐに使えます。

CTOCENDを試してみる

アプリを使う ほかの作品を見るmamemochi studioのTOPへ戻る