ハックツハッカソン二度目の参加
12/20～12/21で行われたハックツハッカソンプテラカップに参加しました
3.4年生と初めてチームを組んで参加し、自身の知らなかったことを色々知ることができて個人的には収穫のあったハッカソンになりました
その超雑あうとぷっと記録です
堅苦しいのがだるくて割と適当な言葉遣いですが悪しからず
チームリポジトリhttps://github.com/jyogi-web/2025_Ptera
Topa'z https://topaz.dev/projects/85a0cdfc5556c481cc2b
デプロイ先 https://2025-ptera.vercel.app/
初NEXT
NEXTの存在は知っていたんですが今まで触ったことがなく今回が初めてになりました
どんな構造かはなんとなくmvcフレームワークを触っていたこともありざーっくりの理解はぼちぼち出来たかな？といった感じです
学び
今回先輩方と組んで自身の知らなかったことやその周辺のことについて雑にアウトプットします
coderabbit
coderabbitの存在を今まで知らず、コードレビューも初心者同士で組むとあまり行わない(できない)上コミュニケーション不足によるコンフリクトやエラーが多発してました
coderabbitは導入するとプルリクエストを作った時に自動的にコードレビューを行い修正案とまたそれを修正できるプロンプトの出力なども行ってくれます
仕様などもエラーと認識してしまうこともあるのでcoderabbitが毎回全部が全部正しいとは限りませんがまだ全然レビューができず「なんとなくやばそうだから修正しなきゃ」とか「UI周りだし変な変更なさそう」とかでレビューしてた人間なのでそれに比べると全然良いです
あとうさちゃんかわいい
扱う全部の言語レビューできるようになるのは流石に中々難しいだろうけど自分の得意言語はこれですって言えるぐらい勉強してある程度自力レビューできるようになりたいですね
npm run lint
今回NEXTを使って開発をしてVercelでデプロイを行い、CI/CDの自動ビルドと継続的デプロイを行ってました(表現方法が正確じゃなかったらsorryです)
そのためlintコマンドを使ってビルドが落ちないように細かいエラーのチェックなどを行ってました
npm run lint:fixで修正ができたり一回このコマンドを通すことによってCI/CDが落ちるのを防げたりして個人的に結構便利だなと思いました
デプロイの自動更新の仕組みがわかってないとかデプロイ先で動かずに上手くいかなかった過去があったので今回のvercelデプロイとlintは割とよかったなーと思います
CI/CDなんなん↓
https://qiita.com/choco_p/items/1bd1b106daee1fbd4449
Lintなんなん↓
https://qiita.com/Udy03/items/154a80fb7ac9ccc01855
最近思ってること
他の自分の知り合いも言ってて最近感じてることなんですけどAIに聞くだけじゃなくて自分でちゃんと調べたり記事読んだり先輩とかメンターさんに聞いたりするのって大事なんだなーって思います
例えばAIに「物事Aについて」聞くと確かに物事Aについての色々な回答は出てきます
でもこれを人に聞いたり記事読んだりするとAについてのことだけじゃなくてA関連の出来事とか物事Bとの比較とか余分な回答がくっついてきてそれでまた知らない知識を知ることができます
AIに聞けるのは「自分が知った単語」だけど人から得られるのはまず「知らない単語や概念」自体を聞けるのマジででけぇ
最初の方ほどAI過信してたけど最近はAI以外のメリットを割と知れた気がしますね
正味よくわからんかったもの
・先輩が調整してたUI
・アーキテクチャ図作ってた時に先輩が使ってたもの
・"next": "16.0.10","react": "19.2.1","tailwindcss": "^4"とかの使用技術これは書くこれは別にいいやの判断ライン
一つ目UI
わからん
何をどう調整してUI整えてるのかわっかんない
最後の開発大詰め段階辺りで「とりあえず形作ったらUIやる」と言われて形だけぶん投げ続けてたらあら不思議UI統一されたものがpushされてるじゃないですか
コードを自力でめちゃんこ読めるわけじゃないのとcssどういじったらどうなるとかパッケージこう使えばいいとかようわかってないからわかんねーです
なんとかなるようになりたーい
二つ目アーキテクチャ図
何使ってたか聞いたけど忘れました
自分がアーキテクチャ図作ってるとき何か色々ひっぱってきて矢印つけてとかやってるけどこの辺の知識も増やしてサクッと作れるようになりたいっすね
Mermaidとか使って作れるようになりたい
三つ目使用技術関係のやつ
Topa'z書いてるときにここで詰まってました
自分で開発してるときに知識がないからこれを使えば楽とかこのパッケージがあるとか色々導入できてないから色々入ってるときに何かくか迷ってたーって感じですね
この辺こそ前述のAIに聞くんじゃなくて先輩とか人に聞いたり記事読んだりかな
総括
先輩たちつよつよの人と組んでハッカソンってのが今まであんまりなかったから知らないことを知れたなーって感じですね
あとは上記のこと以外だとfigmaもっとうまく使ったりとかコード理解とか深めていきたいです
適当な文章ですが最後までお付き合いいただきありがとうございました