Webページ部門
Webアプリケーション開発1
Webページの制作から公開まで、コンテストに必要なHTML・CSS・JavaScriptの基礎を学べるZEN Studyのコースです。ZEN大学の科目「Webアプリケーション開発1」と同等の内容です。
コースを見る
ZEN大生・N高グループ生・
N中等部生ならびに
ZEN Study ユーザーが、
プログラミングの成果物を
競うコンテストです！
応募締切 2026年9月13日(日)
お知らせ
特番
7/21(火) 17:00 からコンテスト特番を開催いたします！
コンテストの概要や
質問コーナーなどもございますので、
ぜひご参加ください
記念品
応募規定を満たした参加者の皆さんには、記念品としてアスタリスくん新規描き下ろしシール(非売品)を贈呈いたします！
デザイン作成中！
どんなアスタリスくんシールになるか、お楽しみに！
応募部門
- Webページ部門
-
HTML / CSS / JavaScript で制作した動きのあるWebページを応募してください。
ZEN Studyユーザー・ZEN大学生・N高グループ生・N中等部生で応募フォームや賞品が分かれます。
- NEWScratch部門
-
Scratchで制作した作品を応募してください。
2分程度の作品紹介動画の提出が必須となります。
所属に関わらず、応募フォームや賞品は同一となります。
- NEWUnity部門
-
Unityで制作した作品を応募してください。
2分程度の作品紹介動画の提出が必須となります。
所属に関わらず、応募フォームや賞品は同一となります。
応募規定
- 一定以上のオリジナリティがあること
- 教科書やWebサイトにあるものを作ってそのまま提出したものや、少し変えただけのものは審査の対象となりません。
- ZEN Study有料会員・ZEN大学生・N高グループ生・N中等部生であること
-
ZEN Study有料会員・ZEN大学生・N高グループ生・N中等部生が応募できます。
それぞれ部門が分かれていますので、自分が当てはまるものに応募してください。
- 著作権上問題のないメディアファイル、コードのみで構成されていること
- 自作でない画像やライブラリを利用する際は、該当コンテンツのライセンスを十分に確認してください。
- 応募作品は公開される可能性があるため、それに了承できること
-
応募作品のコード、アプリケーションの URL、紹介動画などは結果ページにリンクが貼られ、プログラミングの授業などにて紹介されます。
授業での表彰および紹介が終わるまでは、提出物の公開・共有状態を維持してください。
- HTML / CSS / JavaScript で作成された作品であること
-
Webページ部門は HTML / CSS / JavaScript で作成された動きのある Web ページを応募してください。
Bootstrap以外の外部ライブラリ (jQuery, anime.js, Pixi.js など) の利用は、完成度に差がついてしまうため禁止とします。
ただし、外部ライブラリを参考にしたオリジナルのプログラムであれば使用可能です。
※ 今回からTailWind CSSもOKとしました。他に使いたいライブラリがありましたら、Slackやフォーラム等でご相談ください。
- コードの提出は GitHub リポジトリの URL を提出すること
-
Webページ部門はコードの提出として GitHub リポジトリの URL を提出してください。
審査期間中のコード変更は禁止しませんが、バグなどが含まれると評点が下がる可能性があります。
審査用にブランチを分けておくと管理がしやすいです。
リポジトリの公開設定は Public で作成してください。
- 動作確認ができる提出物を用意すること
-
Webページ部門は応募作品のWebページをホスティングし URL を提出してください。
提出しているコードと同じ動作となるようにしてください。
GitHub Pages でのホスティングがおすすめです。もちろん、その他の場所にホスティングしても構いません。
GitHub Pages はWebアプリケーション開発コース第13回で学習します。
- PC 版・スマートフォン版の Google Chrome で正常に動作すること
- Webページ部門の審査は PC 版・スマートフォン版の Google Chrome ブラウザにて行われます。
- Scratchで制作された作品であること
-
Scratch部門は Scratch で制作された作品を応募してください。
アイデアや完成度、遊びやすさなどを総合的に評価します。
- 作品の紹介動画を提出すること
-
Scratch部門では、作品の内容や操作方法が分かる紹介動画の提出を必須とします。
紹介動画は2分程度を目安に制作してください。動画のサイズは問いません。
応募フォームから動画を提出するか、SNSに投稿した動画のURLを送ってください。
- 動作確認できる URL を提出すること
-
Scratch部門では、審査期間中に作品を動作確認できる URL の提出を必須とします。
審査期間中に確認できる状態を維持してください。
- Unityで制作された作品であること
-
Unity部門は Unity で制作された作品を応募してください。
ゲーム性や表現力、操作性などを総合的に評価します。
- 作品の紹介動画を提出すること
-
Unity部門では、作品の内容や操作方法が分かる紹介動画の提出を必須とします。
紹介動画は2分程度を目安に制作してください。動画のサイズは問いません。
応募フォームから動画を提出するか、SNSに投稿した動画のURLを送ってください。
- 制作物の共有 URL について
-
Unity部門では、制作物そのものの提出は必須ではありません。
可能であれば、作品の ZIP ファイルを Google ドライブや GitHub などで公開し、その URL を応募フォームで提出してください。
審査の参考にできるため、ご協力いただけると嬉しいです。
紹介動画
作品の魅力を、 2分程度の動画で 伝えてください！
作品の内容や操作方法、こだわったポイントが分かるように2分程度にまとめ、応募フォームの案内に従って提出してください。動画のサイズは問いません。SNSに投稿する場合は、投稿した動画のURLを応募フォームから送ってください。
- 01 作品を見せる実際の画面や動きを録画
- 02 魅力を伝える遊び方や工夫した点を紹介
- 03 動画またはURLを送るSNSに投稿した場合は、投稿した動画のURLを送信
授業・教材
Webページ部門
ZEN Study ユーザー
- 最優秀賞(1名)
-
最も優れた作品を
最優秀賞
として表彰します- 最優秀賞の表彰状
- 審査員からの評価コメント
- 記念品
- 特別賞(複数名)
-
デザインやコーディングに優れた作品を
特別賞
として表彰します- 特別賞の表彰状
- 審査員からの評価コメント
- 記念品
- 健闘賞(複数名)
-
特に頑張りが認められた作品を
健闘賞
として表彰します- 健闘賞の表彰状
- 審査員からの評価コメント
- 記念品
ZEN大学
- 最優秀賞(1名)
-
最も優れた作品を
最優秀賞
として表彰します-
大学提供の賞品
(以下の中からいずれか1つ) - 最優秀賞の表彰状
- 審査員からの評価コメント
- 記念品
-
大学提供の賞品
- 優秀賞(2名)
-
優れた作品を
優秀賞
として表彰します-
大学提供の賞品
(以下の中からいずれか1つ) - 特別賞の表彰状
- 審査員からの評価コメント
- 記念品
-
大学提供の賞品
- 健闘賞(複数名)
-
特に頑張りが認められた作品を
健闘賞
として表彰します- 健闘賞の表彰状
- 審査員からの評価コメント
- 記念品
角川ドワンゴ学園
(N高グループ生・N中等部生)
- 最優秀賞(1名)
-
最も優れた作品を
最優秀賞
として表彰します-
学園提供の賞品
(以下の中からいずれか1つ)- HHKB（限定版や定価での入手が不可のものを除く）
- Logicoolヘッドセット Pro X2
- Raspberry Pi 8g or Raspberry Pi 4g + 周辺機器セット
- New Kindle Paperwhite(32GB)
- 最優秀賞の表彰状
- 審査員からの評価コメント
- 記念品
-
学園提供の賞品
- 優秀賞(2名)
-
最優秀賞に惜しくも届かなかった優秀な作品を
優秀賞
として表彰します-
学園提供の賞品
(以下の中からいずれか1つ) - 優秀賞の表彰状
- 審査員からの評価コメント
- 記念品
-
学園提供の賞品
- のびしろ∞で賞(3名)
-
最優秀賞、優秀賞に届かなかった中で
大きな期待ができる作品を
のびしろ∞ で賞
として表彰します-
学園提供の賞品
(以下の中からいずれか1つ) - のびしろ∞で賞の表彰状
- 審査員からの評価コメント
- 記念品
-
学園提供の賞品
- 健闘賞(複数名)
-
特に頑張りが認められた作品を
健闘賞
として表彰します- 健闘賞の表彰状
- 審査員からの評価コメント
- 記念品
Scratch部門
- 最優秀賞(1名)
-
Scratch部門で最も優れた作品を
最優秀賞
として表彰します- 最優秀賞の表彰状
- 審査員からの評価コメント
- 記念品
- 優秀賞(複数名)
-
アイデアや完成度に優れた作品を
優秀賞
として表彰します- 優秀賞の表彰状
- 審査員からの評価コメント
- 記念品
- 健闘賞(複数名)
-
特に頑張りが認められた作品を
健闘賞
として表彰します- 健闘賞の表彰状
- 審査員からの評価コメント
- 記念品
Unity部門
- 最優秀賞(1名)
-
Unity部門で最も優れた作品を
最優秀賞
として表彰します- 最優秀賞の表彰状
- 審査員からの評価コメント
- 記念品
- 優秀賞(複数名)
-
ゲーム性や表現力に優れた作品を
優秀賞
として表彰します- 優秀賞の表彰状
- 審査員からの評価コメント
- 記念品
- 健闘賞(複数名)
-
特に頑張りが認められた作品を
健闘賞
として表彰します- 健闘賞の表彰状
- 審査員からの評価コメント
- 記念品
特別賞
- 視聴者特別賞(1名)
-
他の賞に受賞されていない作品のうち
結果発表特番での得票数が多かった作品を
視聴者特別賞
として表彰します- 視聴者特別賞の表彰状
- 審査員からの評価コメント
- 記念品
評価項目
- コーディング
(主にWebページ部門) -
- ファイル/フォルダが整理されているか
- コードが見やすく整理されているか
- 必要なコメントが記述されているか
- GitHubを有効に活用できているか
- テストコードが書かれているか
- 完成度
-
- バグや動作不良などはないか
- 目的に応じたデザインになっているか
- UI/UX が洗練されているか
- 初めての人が迷子にならないか
- アイデア
-
- 作品のテーマ・アイデアが新しいか
- 機能や実装に独創性があるか
- 時世やトレンドを取り入れているか
- デザインに創意工夫があるか
- 実際に使われていてユーザーが付いているか
審査員
教材責任者
折原 ダビデ竜
東京理科大学大学院情報科学専攻修了。卒業後、株式会社ドワンゴに入社。 ニコニコ生放送の開発に携わり、2016年よりZEN Studyのプログラミング講師として高校生にプログラミングを教える。
プログラミング講師
津野 貴大
株式会社ドワンゴに新卒入社。長年ニコニコ関連サービスのエンジニアをしてきた経験を活かして、初心者にも分かりやすくて、より実践的なWebサービス開発について教えている。
プログラミング講師
ガーバー明菜
株式会社ドワンゴ入社後、ZEN大学助教として、人工知能（AI）やプログラミングの教育に携わる。「ビジュアルプログラミング」では、Scratchを楽しく学べる授業を展開。本コンテストでは、Scratch部門の審査員を務める。
プログラミング講師
佐藤 弘崇(hsjoihs)
スタンフォード大学修士課程修了。株式会社ドワンゴに新卒入社。セキュリティ・キャンプ全国大会2022・2023・2024・2025「Cコンパイラゼミ」講師。ZEN大学情報コース講師着任予定。
教材総監修
戀塚 昭彦
システム開発会社にて制御系プログラムの開発に従事。その後、フリーランスを経てドワンゴに入社。ニコニコ動画のプロトタイプを三日で創り出した伝説的プログラマ。
作りたい部門から選んで、アイデアを形にしてみましょう！