*掲載している作品は全て架空です

© 2026 SHOMA ITO All Rights Reserved.

03

SCROLL

codictionary ファーストビュー

CODICTIONARY.

URL:codictionary.tech

制作概要

HTML・CSS・JS・jQueryを学べるブラウザアプリです。AI活用とコーディング技術向上のため、自己学習用に制作しております。

工数:2週間

使用ツール・言語:Claude

コンテンツ設計

基礎・初級・中級・上級・特級・応用という6段階に難易度を分類。説明と記述例だけではなくプレビュー機能も付けております。編集した記述がプレビューでリアルタイムに反映されます。

実装

AI(Claude Code)を用いて実装しております。指示・動作確認・修正指示を担当しました。コード入力・プレビュー・ログをリアルタイムに連動させる機能、バリエーション切り替えボタン、エラーを日本語で表示するログを実装しています。

codictionary 実装イメージ
作品一覧に戻る