Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
初ハッカソン ~AI活用とやらかした話~
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
KoueiAmano
November 03, 2025
Programming
0
26
初ハッカソン ~AI活用とやらかした話~
KoueiAmano
November 03, 2025
Tweet
Share
More Decks by KoueiAmano
See All by KoueiAmano
1年生向けチーム開発のすすめ
amanon04
0
20
Other Decks in Programming
See All in Programming
What Spring Developers Should Know About Jakarta EE
ivargrimstad
0
330
Takumiから考えるSecurity_Maturity_Model.pdf
gessy0129
1
130
SourceGeneratorのマーカー属性問題について
htkym
0
180
S3ストレージクラスの「見える」「ある」「使える」は全部違う ─ 体験から見た、仕様の深淵を覗く
ya_ma23
0
210
RubyとGoでゼロから作る証券システム: 高信頼性が求められるシステムのコードの外側にある設計と運用のリアル
free_world21
0
250
エラーログのマスキングの仕組みづくりに役立ったASTの話
kumoichi
0
150
TipKitTips
ktcryomm
0
160
どんと来い、データベース信頼性エンジニアリング / Introduction to DBRE
nnaka2992
1
260
Claude Codeセッション現状確認 2026福岡 / fukuoka-aicoding-00-beacon
monochromegane
4
410
AI Assistants for Your Angular Solutions
manfredsteyer
PRO
0
120
PostgreSQL を使った快適な go test 環境を求めて
otakakot
0
530
クライアントワークでSREをするということ。あるいは事業会社におけるSREと同じこと・違うこと
nnaka2992
1
320
Featured
See All Featured
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
390
Technical Leadership for Architectural Decision Making
baasie
3
280
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
97
Building a Modern Day E-commerce SEO Strategy
aleyda
45
8.8k
Optimising Largest Contentful Paint
csswizardry
37
3.6k
The Language of Interfaces
destraynor
162
26k
How to build a perfect <img>
jonoalderson
1
5.2k
We Have a Design System, Now What?
morganepeng
55
8k
A better future with KSS
kneath
240
18k
Skip the Path - Find Your Career Trail
mkilby
1
74
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
120
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
280
Transcript
AI活用とやらかし編 初ハッカソン amano kouei 2025年11月作成
自己紹介 天野 滉瑛 プロフィール 東京の情報系専門学校の2年生です! バックエンドエンジニア を目指しています! スキル Web開発5月にはじめました React.js/
Ruby on Rails/ Laravel 最近 コーヒーに凝りはじめた 福岡にハマってる 初ハッカソン行ってきた
・AI活用編 ・やらかし編 ・ネクストアクション 目次
AI 活用編 1 早めに全体像を理解したい ??? 3 AIに置いていかれてる感 ??? 2 自分で噛み砕いて理解したい
???
AI 活用編 1 早めに全体像を理解したい Figma make 3 AIに置いていかれてる感 ??? 2
自分で噛み砕いて理解したい ???
クエリ アキネーターみたいな感じのUIで 上に 質問がでてきて 下に選択肢がいくつか あるページ Figma make
AI 活用編 1 早めに全体像を理解したい Figma make 3 AIに置いていかれてる感 ??? 2
自分で噛み砕いて理解したい ???
AI 活用編 1 早めに全体像を理解したい Figma make 3 AIに置いていかれてる感 ??? 2
自分で噛み砕いて理解したい Chat gpt
やりたいこと TS からJSに変換したい 理解しながら実装したい Chat gpt React 要素は細かく実装 CSS はAIに丸投げ
機能単位での実装 使い方
AI 活用編 1 早めに全体像を理解したい Figma make 3 AIに置いていかれてる感 ??? 2
自分で噛み砕いて理解したい Chat gpt
AI 活用編 1 早めに全体像を理解したい Figma make 3 AIに置いていかれてる感 Github copilot
2 自分で噛み砕いて理解したい Chat gpt
Github copilot (agent mode) キーワード 学生無料 copilot-instructions.md 段階ごとに進める 調査 → 計画 → 実装 → デバック 使い方
Github copilot (agent mode) キーワード 学生無料 copilot-instructions.md 段階ごとに進める 調査 → 計画 → 実装 → デバック 使い方
やらかし編 1 管理しやすくしした インラインスタイル地獄 3 終盤バタバタした api 無料枠切れた 2 フロントエンドなめてた
がばがばUX
意識すること UXの向上 レスポンシブ対応 気持ちよく動くUI 飽きさせない工夫 フロンドエンドなめてた デザインが崩れないような比率の意識 ローディングアニメーションの追加 ホバー時のアニメーション モダンなレーダーチャート作成
実際にやったこと
Next Action
フロントエンドは奥が深い。 ハッカソンはバタバタしていい。 そして、AI 時代こそ 苦しんでコード書いたほうがいい。
Q & A X github.com/KoueiAmano
None