jpskill.com
📦 その他 コミュニティ

hackathon-attendee

ハッカソン参加者が最大限に成果を上げられるよう、準備、アイデア出し、開発、プレゼンテーション、人脈作りなど、あらゆる段階における実践的なアドバイスを提供するSkill。

📜 元の英語説明(参考)

Best practices, tips, and tricks for hackathon participants. Use when someone asks how to prepare for, compete in, or make the most of a hackathon as an attendee — covering preparation, ideation, building, presenting, and networking.

🇯🇵 日本人クリエイター向け解説

一言でいうと

ハッカソン参加者が最大限に成果を上げられるよう、準備、アイデア出し、開発、プレゼンテーション、人脈作りなど、あらゆる段階における実践的なアドバイスを提供するSkill。

※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。

⚡ おすすめ: コマンド1行でインストール(60秒)

下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。

🍎 Mac / 🐧 Linux
mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o hackathon-attendee.zip https://jpskill.com/download/10392.zip && unzip -o hackathon-attendee.zip && rm hackathon-attendee.zip
🪟 Windows (PowerShell)
$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/10392.zip -OutFile "$d\hackathon-attendee.zip"; Expand-Archive "$d\hackathon-attendee.zip" -DestinationPath $d -Force; ri "$d\hackathon-attendee.zip"

完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。

💾 手動でダウンロードしたい(コマンドが難しい人向け)
  1. 1. 下の青いボタンを押して hackathon-attendee.zip をダウンロード
  2. 2. ZIPファイルをダブルクリックで解凍 → hackathon-attendee フォルダができる
  3. 3. そのフォルダを C:\Users\あなたの名前\.claude\skills\(Win)または ~/.claude/skills/(Mac)へ移動
  4. 4. Claude Code を再起動

⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。

🎯 このSkillでできること

下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。

📦 インストール方法 (3ステップ)

  1. 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
  2. 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
  3. 3. 展開してできたフォルダを、ホームフォルダの .claude/skills/ に置く
    • · macOS / Linux: ~/.claude/skills/
    • · Windows: %USERPROFILE%\.claude\skills\

Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。

詳しい使い方ガイドを見る →
最終更新
2026-05-18
取得日時
2026-05-18
同梱ファイル
1

📖 Skill本文(日本語訳)

※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。

ハッカソン参加者 — ヒントとベストプラクティス

ハッカソンの準備、競技、そして最大限に活用するために知っておくべきことすべて。

参考ファイル

  • references/building-and-strategy.md — 技術戦略、MVPアプローチ、技術スタックの選択、時間管理
  • references/presenting-and-networking.md — デモのヒント、審査員が注目する点、ネットワーキング、ハッカソン後のフォローアップ

いつアクティブにするか

  • ユーザーが参加者として今後のハッカソンの準備をしている
  • ユーザーがハッカソンのヒント、戦略、またはアドバイスを求めている
  • ユーザーが初めてのハッカソンで何が起こるかを知りたい
  • ユーザーがハッカソンで優勝または上位入賞する方法を尋ねている
  • ユーザーがハッカソンのプロジェクトのアイデアやデモのヒントについて尋ねている

いつアクティブにしないか

  • ユーザーがハッカソンを主催している(代わりに hackathon-organizer を使用)
  • ユーザーがOatmealプラットフォームでハッカソンを管理している(hackathon-cli または hackathon-api を使用)
  • ユーザーがハッカソンプラットフォームのコードを書いている

ハッカソン前

持参するもの

  • ラップトップ + 充電器(当然ですが、充電器を忘れる人がいます)
  • 携帯電話の充電器 / モバイルバッテリー
  • ヘッドホン — 騒がしい環境で集中するために不可欠
  • 延長コードまたは電源タップ — あなたのテーブルで人気者になります
  • パーカーまたはブランケット — 会場は寒くなることがあり、特に夜間
  • 洗面用品 — 歯ブラシ、デオドラント、一晩の場合は顔拭きシート
  • スナック — 食事の合間にエネルギーが必要なときのための自分だけの隠し場所
  • 水筒 — 水分補給をしましょう
  • ノート + ペン — コードに触れる前にブレインストーミングやスケッチをするために
  • 名刺またはポートフォリオ/GitHub/LinkedInへのQRコード

イベント前の準備

  1. 到着前に開発環境をセットアップする — 言語、フレームワーク、IDE、ツールをインストールします。環境のセットアップほどハッカソンの時間を無駄にするものはありません
  2. スターターテンプレートを準備する — お気に入りのスタック(Next.js、Flask、React Nativeなど)用のボイラープレートリポジトリを用意します。これは不正行為ではありません — 賢いことです
  3. スポンサーAPIを事前に調査する — ドキュメントを読み、APIキーを取得し、テストコールを実行します。スポンサー賞の審査員は、単なるhello-worldコールではなく、深い統合を見るのが大好きです
  4. 過去の受賞プロジェクトを調査する — ハッカソンまたは類似のハッカソンのDevpostギャラリーを見てください。どのようなレベルの磨き込みが勝利につながるかを理解します
  5. 2〜3個のプロジェクトのアイデアを用意する — 何も考えずに到着しないでください。潜在的なチームメイトに売り込むことができるアイデアを用意します。ただし、柔軟に対応してください — 最高のアイデアは、出会った人から生まれるかもしれません

チームを見つける

  • フルスタックができる場合はソロで行く — 相補的なスキルを持つ小規模なチーム(2〜3人)は、大規模なチームよりも優れていることがよくあります
  • 理想的なチーム構成: フロントエンド開発者1人、バックエンド開発者1人、デザイナー/プレゼンター1人。専任のプレゼンターは過小評価されている利点です
  • チームがない場合: チーム編成セッションに参加し、30秒で自分のアイデアを売り込み、同一のスキルではなく相補的なスキルを探します
  • 早い段階で期待値を設定する: 最初の1時間以内にアイデアに合意し、役割を割り当て、コミュニケーションツールを決定します

ハッカソン中

最初の1時間が重要

  1. 30分でアイデアを確定する — 3時間も議論に費やさないでください。チームが最も興奮し、実現可能なアイデアを選択します
  2. 15分でMVPを定義する — デモする必要がある1つのコア機能は何ですか? それ以外はすべてストレッチゴールです
  3. すぐに作業を分担する — 誰がフロントエンド、バックエンド、デザイン、プレゼンテーションを担当しますか? 最初から並行して作業します

時間管理

24時間ハッカソンの場合:

フェーズ 時間 何をするか
計画 0-1 アイデア、MVPスコープ、タスク分担
コア構築 1-8 メイン機能をエンドツーエンドで動作させる
統合 8-14 フロントエンドをバックエンドに接続し、スポンサーAPIを追加する
磨き込み 14-20 UIのクリーンアップ、デモフロー、バグ修正
デモ準備 20-22 スクリプトの作成、プレゼンテーションの練習、スクリーンショット
提出 22-24 早めに提出し、バックアップとしてデモビデオを録画する

黄金律:中間の時点で動作するデモを用意する。 コア機能が12時間で動作しない場合は、簡略化します。

技術戦略

  • デモから始める — 最初に表示するものを構築し、残りを埋めます。 1つの機能の洗練されたデモは、5つの機能の壊れたデモよりも優れています
  • 知っているものを使用する — ハッカソンは新しいフレームワークを学ぶ時間ではありません。 最も強力なツールを使用します
  • 早期にデプロイする — 最初の数時間でパブリックURL(Vercel、Railway、Netlify)に公開します。 審査員はデプロイされたプロジェクトをより信頼します
  • AIツールを積極的に使用する — Claude、Copilot、Cursor。 誰もがそれらを使用しています。 スピードがすべてです
  • 最初からGitを使用する — 頻繁にコミットします。 20時間目にラップトップがクラッシュして作業を失いたくないでしょう
  • 認証を構築しない — モックユーザーを使用するか、資格情報をハードコードします。 認証はデモの価値をゼロにします
  • 意味のある場所で偽造する — ハードコードされたデータ、モックAPIレスポンス、事前にシードされたデータベース。 デモで本物に見える場合は、十分に本物です
  • API統合は目に見えるようにする — スポンサー賞を目指す場合は、API統合をデモで目立つように表示します

やってはいけないこと

  • インフラストラクチャを構築しない — Kubernetes、カスタムCI/CD、マイクロサービスは不要です。 ハッカソンです
  • テストを書かない — 本番環境では冒涜ですが、ハッカソンでは実用主義です
  • ランディングページを4回再設計しない — デザインを選択して次に進みます
  • パフォーマンスが低下する場合は、徹夜しない — 16時間の集中作業を行った休息したチームは、収穫逓減の法則が働く24時間のゾンビチームよりも優れています
  • テクノロジーの選択について10分以上議論しない — 最も経験豊富な人が決定します

審査員が実際に注目する点

採点基準(通常)

  1. 動作するか? — 美しいピッチデッキよりも、動作するデモの方が価値があります
  2. 問題は現実のものか? — 審査員は、あなたが真の苦痛を特定したことを確認したいと考えています
  3. 解決策は斬新か? — 「別のtodoアプリ」ではなく、現実の問題に対する新鮮な視点
  4. 技術的に印象的か? — 複雑な統合、リアルタイム機能、AI/MLパイプラインは、CRUDアプリよりも高いスコアを獲得します
  5. 磨き上げられているか? — 優れたUI、一貫性

(原文はここで切り詰められています)

📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開

Hackathon Attendee — Tips & Best Practices

Everything you need to know to prepare for, compete in, and get the most out of a hackathon.

Reference Files

  • references/building-and-strategy.md — Technical strategy, MVP approach, tech stack choices, time management
  • references/presenting-and-networking.md — Demo tips, what judges look for, networking, and post-hackathon follow-up

When to Activate

  • User is preparing for an upcoming hackathon as a participant
  • User asks for hackathon tips, strategies, or advice
  • User wants to know what to expect at their first hackathon
  • User asks how to win or place well at a hackathon
  • User asks about hackathon project ideas or demo tips

When NOT to Activate

  • User is organizing a hackathon (use hackathon-organizer instead)
  • User is managing a hackathon on the Oatmeal platform (use hackathon-cli or hackathon-api)
  • User is writing hackathon platform code

Before the Hackathon

What to Bring

  • Laptop + charger (obvious, but people forget chargers)
  • Phone charger / power bank
  • Headphones — essential for focusing in noisy environments
  • Extension cord or power strip — makes you popular at your table
  • Hoodie or blanket — venues get cold, especially overnight
  • Toiletries — toothbrush, deodorant, face wipes if it's overnight
  • Snacks — your own stash for when you need fuel between meals
  • Water bottle — stay hydrated
  • Notebook + pen — for brainstorming and sketching before touching code
  • Business cards or a QR code to your portfolio/GitHub/LinkedIn

Pre-Event Preparation

  1. Set up your dev environment before you arrive — install languages, frameworks, IDEs, and tools. Nothing burns hackathon time like environment setup
  2. Prepare starter templates — have boilerplate repos for your favorite stacks (Next.js, Flask, React Native, etc.). This is not cheating — it's smart
  3. Explore sponsor APIs in advance — read docs, get API keys, run test calls. Judges for sponsor prizes love seeing deep integration, not just a hello-world call
  4. Research past winning projects — look at Devpost galleries for the hackathon or similar ones. Understand what level of polish wins
  5. Have 2-3 project ideas ready — don't arrive blank. Have ideas you can pitch to potential teammates. But stay flexible — the best idea might come from someone you meet

Finding a Team

  • Go solo if you can do full-stack — small teams (2-3) with complementary skills often beat large teams
  • Ideal team composition: 1 frontend dev, 1 backend dev, 1 designer/presenter. A dedicated presenter is an underrated advantage
  • If you don't have a team: attend the team formation session, pitch your idea in 30 seconds, and look for complementary skills rather than identical ones
  • Set expectations early: agree on the idea within the first hour, assign roles, decide on communication tools

During the Hackathon

The First Hour Is Critical

  1. Finalize your idea in 30 minutes — don't spend 3 hours debating. Pick the idea that excites the team most and is feasible
  2. Define your MVP in 15 minutes — what is the one core feature you must demo? Everything else is stretch goals
  3. Divide work immediately — who does frontend, backend, design, and presentation? Parallel work from minute one

Time Management

For a 24-hour hackathon:

Phase Hours What to Do
Plan 0-1 Idea, MVP scope, task division
Build core 1-8 Get the main feature working end-to-end
Integrate 8-14 Connect frontend to backend, add sponsor APIs
Polish 14-20 UI cleanup, demo flow, bug fixes
Prepare demo 20-22 Write script, practice presentation, screenshots
Submit 22-24 Submit early, record demo video as backup

Golden rule: Have a working demo by the halfway point. If your core feature doesn't work at hour 12, simplify it.

Technical Strategy

  • Start with the demo — build what you'll show first, then fill in the rest. A polished demo of 1 feature beats a broken demo of 5
  • Use what you know — hackathons are not the time to learn a new framework. Use your strongest tools
  • Deploy early — get it on a public URL (Vercel, Railway, Netlify) in the first few hours. Judges trust deployed projects more
  • Use AI tools aggressively — Claude, Copilot, Cursor. Everyone is using them. Speed is everything
  • Git from the start — commit frequently. You don't want to lose work to a laptop crash at hour 20
  • Don't build auth — use a mock user or hardcode credentials. Auth adds zero demo value
  • Fake it where it makes sense — hardcoded data, mock API responses, pre-seeded databases. If it looks real in the demo, it's real enough
  • API integrations should be visible — if you're going for a sponsor prize, make the API integration prominent and visible in the demo

What NOT to Do

  • Don't build infrastructure — no Kubernetes, no custom CI/CD, no microservices. It's a hackathon
  • Don't write tests — blasphemy in production, pragmatism at a hackathon
  • Don't redesign the landing page 4 times — pick a design and move on
  • Don't stay up all night if it hurts your performance — a rested team with 16 hours of focused work beats a zombie team with 24 hours of diminishing returns
  • Don't argue about technology choices for more than 10 minutes — whoever has the most experience decides

What Judges Actually Look For

The Scoring Criteria (Usually)

  1. Does it work? — A working demo is worth more than a beautiful pitch deck
  2. Is the problem real? — Judges want to see you identified a genuine pain point
  3. Is the solution novel? — Not "another todo app" but a fresh angle on a real problem
  4. Is it technically impressive? — Complex integrations, real-time features, AI/ML pipelines score higher than CRUD apps
  5. Is it polished? — Good UI, consistent design, smooth demo flow

What Separates Winners from the Pack

  • The story — winners tell a compelling story: "We noticed X problem, we built Y to solve it, here's Z impact"
  • The live demo — working software shown live, not screenshots
  • The "wow" moment — one feature that makes judges lean forward. Build toward this moment in your demo
  • Technical depth — mentioning the architecture, challenges overcome, and tradeoffs made shows maturity
  • Team energy — enthusiasm is infectious. Judges remember teams that were genuinely excited

Presenting Your Project

Demo Structure (3 minutes)

0:00 - 0:30  The problem (make it relatable)
0:30 - 0:45  Our solution (one sentence)
0:45 - 2:15  Live demo (show, don't tell)
2:15 - 2:45  Technical highlights (architecture, challenges)
2:45 - 3:00  What's next / call to action

Presentation Tips

  • Practice your demo 3+ times before presenting
  • Have a backup — screen recording of the demo in case live demo fails
  • Start with the user, not the tech — "Imagine you're a nurse doing X..." beats "We built a React app with..."
  • One person presents — don't pass the mic around. Have your best speaker present, others answer technical questions
  • Make it visual — show the app full-screen. No IDE, no terminal, no code (unless it's a developer tool)
  • End strong — your last slide or statement should be memorable

If Things Go Wrong

  • Demo crashes: switch to the recording. Say "Let me show you the recording we prepared." Judges understand — they respect the preparation
  • Feature doesn't work: skip it. Show what does work. Never debug live
  • Timer runs out: you should have shown the wow moment by minute 2. If you get cut off, the important parts were already shown

Networking

  • Talk to sponsors — they're there to recruit. Ask about their tech stack, open roles, and what they look for in candidates
  • Talk to judges — after judging, approach them for feedback. They've seen dozens of projects and can give you perspective
  • Connect with teammates afterward — exchange LinkedIn/GitHub. Hackathon teammates become lifelong collaborators
  • Attend workshops — even if they're on tech you know, you'll meet the sponsor engineers running them
  • Help other teams — if you solve a bug for another team, you've made a friend and demonstrated expertise

Post-Hackathon

  1. Push your code to GitHub and write a proper README within 48 hours while it's fresh
  2. Connect with everyone on LinkedIn — teammates, judges, sponsors, organizers, people you met
  3. Share your project — post on X/Twitter, LinkedIn, Devpost. Tag the hackathon and sponsors
  4. Keep building — many successful startups started as hackathon projects. If you're excited about it, keep going
  5. Reflect — what worked? What would you do differently? Write it down for next time

For detailed building strategies and presentation techniques, see the reference files.