論文の概要: Drafter: A Python Library for Full-Stack Web Development in CS1
- arxiv url: http://arxiv.org/abs/2609.28481v1
- Date: Tue, 04 Aug 2026 18:59:33 GMT
- ステータス: 翻訳完了
- システム内更新日: 2026-09-28 05:09:56.030741
- Title: Drafter: A Python Library for Full-Stack Web Development in CS1
- Title（参考訳）: Drafter: CS1のフルスタックWeb開発のためのPythonライブラリ
- Abstract要約: 本稿では,CS1用の新しいオープンソースPythonライブラリであるDrafterを紹介する。
Drafterを使えば、学生は最小限のボイラープレートを持つ純粋関数を使ってフルスタックのWebアプリケーションを開発できる。
Webアプリケーション全体のユニットテストをサポートし、分解性や再利用性といったCS1の概念を強化します。
- 参考スコア（独自算出の注目度）: 0.0
- License: http://creativecommons.org/licenses/by-nc-sa/4.0/
- Abstract: Web applications are increasingly the main way to create user interfaces, and they are often the most common software beginners have encountered. However, web development relies on concepts like HTML, CSS, JavaScript, and backend technologies, which are challenges beyond the scope of an introductory course. Additionally, many features of modern web frameworks conflict with CS1 principles, such as avoiding global mutable state and promoting test-driven development. Consequently, web development is rarely integrated into CS1 courses, despite its motivational potential. This paper introduces Drafter, a new open-source Python library for CS1, enabling students to develop full-stack web applications using pure functions with minimal boilerplate. Drafter has simple functions to generate HTML, eliminating the need to learn HTML or templating languages. The data model scales with students' mastery of types, from primitives to nested lists, Dataclasses, and dictionaries. Drafter supports unit testing of entire web applications and reinforces CS1 concepts like decomposition and reusability. Websites created with Drafter can be deployed through GitHub Pages, with plotting and image manipulation. Students receive extensive debug information, including unit test scaffolding, program state visualization, and enhanced error messages and tests. This paper discusses the pedagogical features and design decisions behind Drafter, along with instructor reflections on its use. We believe Drafter can significantly enhance student engagement in CS1 courses and reinforce key learning objectives.
- Abstract（参考訳）: Webアプリケーションは、ユーザーインターフェースを作成する主要な方法としてますます多くなり、しばしば最も一般的なソフトウェア初心者が遭遇します。
しかし、Web開発はHTML、CSS、JavaScript、バックエンド技術といった概念に依存している。
さらに、現代的なWebフレームワークの多くの機能は、グローバルな変更可能な状態を避け、テスト駆動開発を促進するなど、CS1の原則と矛盾する。
その結果、モチベーションのポテンシャルにもかかわらず、ウェブ開発はCS1コースに統合されることは稀である。
本稿では,CS1用のオープンソースのPythonライブラリであるDrafterを紹介する。
DrafterはHTMLを生成するための単純な関数を持ち、HTMLやテンプレート言語を学ぶ必要がなくなる。
データモデルは、プリミティブからネストリスト、データクラス、辞書まで、学生の型習得とスケールする。
DrafterはWebアプリケーション全体のユニットテストをサポートし、分解性や再利用性といったCS1の概念を強化している。
Drafterで作成されたWebサイトは、プロットとイメージ操作を備えたGitHub Pagesを通じてデプロイできる。
学生は、ユニットテストの足場、プログラム状態の可視化、エラーメッセージとテストの拡張を含む広範なデバッグ情報を受け取る。
本稿では,Drafter の背景にある教育的特徴と設計上の決定と,その利用に関するインストラクターの考察について述べる。
我々は、DrafterがCS1コースにおける学生のエンゲージメントを著しく向上させ、重要な学習目標を補強できると考えている。
関連論文リスト
- WebTestBench: Evaluating Computer-Use Agents towards End-to-End Automated Web Testing [57.7131457251794]
エンドツーエンドの自動Webテストを評価するベンチマークであるWebTestBenchを紹介します。
テストプロセスを2つのカスケードサブタスク、チェックリストの生成と欠陥検出に分解し、WebTesterを提案する。
以上の結果から,現在のコンピュータ利用エージェント能力と産業レベルの展開要求との間に大きなギャップがあることが判明した。
論文 参考訳（メタデータ） (2026-03-26T09:27:29Z) - The Case for HTML First Web Development [0.0]
HTMLファースト開発は、可能な限り、文字通りHTMLを使うことに重点を置いている。
HTML指向のWeb開発は、開発者にとって明らかなメリットをもたらす可能性がある。
メリットの大きさと、AI駆動型Web開発の最新トレンドとの整合性には、オープンな疑問がある。
論文 参考訳（メタデータ） (2026-02-19T09:23:21Z) - ICLF: An Immersive Code Learning Framework based on Git for Teaching and Evaluating Student Programming Projects [2.030202554182725]
Immersive Code Learning Framework (ICLF)は、学生プログラミングプロジェクトを管理し評価するためのスケーラブルなGitベースの組織パイプラインである。
学生は既存のコードベースから始めます。これは現実世界のソフトウェア開発をミラー化するのに不可欠なプラクティスです。
学生は、この中間リポジトリのプライベートフォークに招待され、教師が親リポジトリを変更するたびに、学期を通して更新される可能性がある。
論文 参考訳（メタデータ） (2026-01-21T09:39:17Z) - FronTalk: Benchmarking Front-End Development as Conversational Code Generation with Multi-Modal Feedback [92.67587639164908]
マルチモーダルフィードバックを備えたフロントエンドコード生成のベンチマークであるFronTalkを紹介する。
我々は、フロントエンド開発タスクに集中し、100のマルチターン対話のコレクションであるFronTalkをキュレートする。
20モデルの評価は、文献で体系的に調査されていない2つの重要な課題を明らかにしている。
論文 参考訳（メタデータ） (2025-12-05T23:28:09Z) - Leveraging Large Vision Language Model For Better Automatic Web GUI Testing [7.480576630392405]
本稿では,最初のLVLM駆動のエンドツーエンドWebテスト技術であるVETLを提案する。
LVLMのシーン理解機能により、VETLはローカルコンテキストに焦点を当てた有効な意味のあるテキスト入力を生成することができる。
関連GUI要素の選択は視覚的質問応答問題として定式化され、LVLMは入力ボックスと関連する要素の間の論理的接続をキャプチャする。
論文 参考訳（メタデータ） (2024-10-16T01:37:58Z) - A Problem-Based Learning Approach to Teaching Design in CS1 [0.9786690381850356]
デザインスキルは、ソフトウェアプロフェッショナルにとってコアコンピテンシーとしてますます認識されている。
新しいデザイナーは、可能性に圧倒されるのを防ぐために、構造化されたプロセスを必要とします。
初等大学200人の学生にチームデザインプロジェクトコースを指導した経験を提示する。
論文 参考訳（メタデータ） (2024-10-15T23:36:08Z) - Web2Code: A Large-scale Webpage-to-Code Dataset and Evaluation Framework for Multimodal LLMs [112.89665642941814]
MLLM(Multimodal large language model)は、画像、ビデオ、オーディオなどのモダリティにおいて顕著な成功を収めている。
現在のMLLMは、Webページのスクリーンショットを理解し、対応するHTMLコードを生成するのに驚くほど貧弱です。
命令チューニングのための大規模Webページ・ツー・コードデータセットを新たに構築したベンチマークを提案する。
論文 参考訳（メタデータ） (2024-06-28T17:59:46Z) - WebBrain: Learning to Generate Factually Correct Articles for Queries by
Grounding on Large Web Corpus [61.209202634703104]
我々は,Web から証拠をマイニングすることで,クエリを参照した短い事実記事を生成する NLP タスクを導入する。
最終的なゴールは、ウィキペディアに見当たらない事実検索のための、流動的で情報豊かで、事実的に正しい短い記事を作ることである。
我々は、英語のウィキペディア記事とそのクロール可能なウィキペディア参照を抽出し、大規模なデータセットWebBrain-Rawを構築した。
論文 参考訳（メタデータ） (2023-04-10T02:55:48Z) - Pix2Struct: Screenshot Parsing as Pretraining for Visual Language
Understanding [58.70423899829642]
Pix2Structは、純粋に視覚的な言語理解のための事前訓練された画像-テキストモデルである。
4つの領域にまたがる9つのタスクのうち6つのタスクにおいて、1つの事前訓練されたモデルが最先端の結果が得られることを示す。
論文 参考訳（メタデータ） (2022-10-07T06:42:06Z) - Nifty Web Apps: Build a Web App for Any Text-Based Programming
Assignment [14.376399934278702]
このチュートリアルセッションでは、参加者がプログラミングのためのシンプルなWebアプリを構築することを学ぶ。
私たちのアプローチでは、同じデスクトップGUIアプリよりも75%少ないコードが必要です。
インストラクタや学生は、自分のコンピュータ上でこれらのWebアプリを走らせ、修正したりできる。
論文 参考訳（メタデータ） (2020-10-09T16:43:47Z)
関連論文リストは本サイト内にある論文のタイトル・アブストラクトから自動的に作成しています。
指定された論文の情報です。
本サイトの運営者は本サイト（すべての情報・翻訳含む）の品質を保証せず、本サイト（すべての情報・翻訳含む）を使用して発生したあらゆる結果について一切の責任を負いません。