学習支援システム論

本サイトについて

本サイトは講義「学習支援システム論」における、プログラミング実習用ページです。ログイン後、ナビゲーションメニューの「エディタ」を押すと CHIKUWA Editor が起動し、簡単なシステム開発ができるようになっています。

実習用の資料は講義の進行に合わせて順次公開していきます。

サイトコンテンツの利用について

CHIKUWA Editor の利用にあたって

CHIKUWA Editor (Constrained Hybrid Intelligent Kernel-based Unified Writing Assistant Editor) は、研究・教育目的でエディタの操作ログを収集しています。収集したデータは統計的に処理され、個人を特定可能な情報が公開されることはありません。データの収集と利用について聞いて、承認できない場合は、いつでもエディタの利用をやめることができます。それによって不利益が生じることはありません。

上記内容を理解したうえで同意をいただける場合は、サイトからエディタをご利用ください。

登場キャラクタについて

CHIKUWA Editor の AI 機能を利用する際、「ちくわ君」と「はんぺん君」というリスのキャラクタが登場します（設定でオフにすることもできます）。それぞれのキャラクタは以下の特徴を持ちます。

ちくわ君

chikuwa

シマリス
高いプログラミング能力を持つ熟練プログラマ

はんぺん君

hanpen

リス
ちくわ君の友達（後輩）
初心者プログラマ

CHIKUWA Editor の利用方法

基本操作

CHIKUWA Editor では、*.html / *.css / *.js ファイルの作成・編集・実行ができます。

エディタ左上の CHIKUWA の文字を押すと、各種ショートカットコマンドを確認できます。

：新規作成 (Ctrl + E)
：保存 (Ctrl + S)
：実行 (Ctrl + R)

エディタ右下の「設定」を押すと、エディタの設定を変更できます。

コードの実行

*.html ファイルを実行すると、エディタ右上の実行ウィンドウに結果が表示されます。

：実行の停止
：リロード
：デプロイ

エディタ右下にはコンソールウィンドウがあります。コンソールへの出力や、エラーメッセージ（クライアントサイド）を確認することができます。

：コンソールの消去

AI アシスタント

本エディタは、以下の AI アシスタント機能を搭載しています。 (model: gpt-4o-2024-08-06)

コード解説

エディタ上でソースコードを選択し、エディタ右下の「コード解説」ボタンを押すと、コンソールに解説が表示されます。

コードチェック

エディタ上でソースコードを選択し、エディタ右下の「コードチェック」ボタンを押すと、コードに問題点がないか、チェックした結果が表示されます。

エラー解説

エラー発生時、コンソールのエラーメッセージ右側に表示されるロボットアイコン（エラー解説）を押すと、エラーの概要と解決策のヒントが表示されます。

システム改善のためのフィードバック

「コード解説」「コードチェック」「エラー解説」のメッセージの下には、（役に立った）アイコンと（役に立たなかった）アイコンが表示されます。システム改善のため、回答にご協力ください。

演習チェック

エディタ左側の「演習進捗チェック」欄にある各種演習ボタンを押すと、ソースコードが演習の要件を満たしているかどうかの判定・採点を行い、結果をコンソールに出力します。

演習チェックは実行中の HTML および JavaScript ファイルに対して行われます。
評価は 100点満点で行われ、80点以上を獲得すると、演習ボタン上のアイコンがに変化します。
AI による評価は完全なものではないため、参考に留めるよう注意してください。

節度あるご利用をお願いいたします。