授業や制作課題を
開けるリンクにする
HTML、CSS、JavaScript、フレームワークの練習成果を ZIP ではなく公開リンクとして共有できます。課題提出、ハッカソン、ポートフォリオ準備に使えます。
Alex Chen
情報科学 · 2026年卒
プロジェクト
天気ダッシュボード
最終課題
Snake Game
JavaScript練習
Todo List
Vue基礎
課題を提出しました
たった今
公開準備はできていますか？
プロジェクトフォルダをアップロードして公開
課題をポートフォリオにつなげる
まず無料で始める
公開前からインフラ費用をかけずに、静的な授業制作物をWeb上で見せられます。
サーバー設定に時間を使わない
nginx や Linux 設定ではなく、HTML、CSS、JavaScript、React、Vue の制作に集中できます。
どこでもデモしやすい
スマートフォンやノートPCで開けるリンクなら、授業レビュー、チームデモ、面接、作品共有が楽になります。
最近のフロントエンド課題にも対応
静的HTML、フレームワークの出力、ブラウザで動く操作型プロジェクトを同じ流れで公開できます。
学生向け静的公開に向いているもの
ブラウザが静的ファイルから動かせるプロジェクトなら、直接公開しやすいです。
HTML / CSS / JavaScript の課題
授業制作、UI練習、ランディングページ、計算機、ゲーム、フロントエンド練習課題など。
ハッカソンデモ
審査員、チームメンバー、メンターがローカル環境なしで試せるフロントエンドをすばやく公開します。
ポートフォリオ用プロジェクトページ
授業や自主制作を、履歴書やインターン応募で再利用できる公開リンクにします。
フレームワークの静的ビルド
React、Vue、Vite、Astro、Next.jsの静的書き出しは、生成された出力フォルダをアップロードします。
授業プロジェクトを公開する手順
ローカルで仕上げる
静的出力にindex.htmlのエントリーポイントと、必要な画像、スタイル、スクリプトが含まれているか確認します。
フォルダをアップロード
プロジェクトフォルダ全体をDeployPagesにドロップします。クラウドサーバーの契約やSSH設定は不要です。
公開リンクを共有
生成されたURLを課題提出、履歴書、インターン応募、作品紹介に使えます。
課題リンクを提出する前に
ローカルで動くプロジェクトでも、別の人が開くと失敗することがあります。
フォルダ全体をアップロード
index.html、スタイル、スクリプト、画像、フォント、生成された素材を含めます。ホームページだけを上げないようにします。
別の端末でテスト
スマートフォンや別ブラウザで公開リンクを開き、足りない素材、壊れたパス、レイアウトの問題を確認します。
見てほしい点を説明
README、プロジェクトページ、またはページ内の短い説明で、目的、技術、作った範囲を分かるようにします。
バックエンドは分ける
PHP、Java、Python、データベース、認証を使う課題は、フロントエンドをここで公開し、バックエンドは別環境に接続します。
学生プロジェクトでよくある公開ミス
先生が開くと 404 になる
アップロードしたフォルダのルートにindex.htmlがあるか、提出したURLが最終公開リンクかを確認します。
CSS や画像が表示されない
相対パスを確認し、素材フォルダ全体をアップロードします。自分のPCのローカルファイルパスはオンラインでは動きません。
バックエンドが必要な課題だった
静的ホスティングではPHP、Java、Python、データベースコードは実行できません。フロントエンドを公開し、バックエンドは別環境で動かします。
リンクが仮置きに見える
プロジェクト名、短い説明、クレジット、整ったホームページを入れると、ポートフォリオの1項目として見せやすくなります。
学生プロジェクト公開 FAQ
Q:学生でもクレジットカードなしで始められますか？
基本的な静的公開フローは、始めるだけなら支払い方法なしで利用できます。まず公開リンクを作り、必要になったら拡張します。
Q:PHPやJavaのバックエンドもここで動かせますか？
いいえ。DeployPagesは静的フロントエンド出力向けです。バックエンドが必要な場合は、フロントエンドをここで公開し、外部APIやサーバーに接続します。
Q:生成されたリンクは期限切れになりますか？
自分で削除しない限り、静的プロジェクトは長期的なポートフォリオリンクとして残せます。
Q:授業課題の提出リンクとして使えますか？
はい。zipより開きやすいことが多いです。ただしソースコード提出など、授業側の指定がある場合はそのルールにも従ってください。
Q:ソースコードとビルド出力のどちらをアップロードしますか？
通常のHTML課題はプロジェクトフォルダをアップロードします。React、Vue、Viteなどはビルド後に生成された出力フォルダを使います。