feature image

2024年2月14日 | ブログ記事

23冬ハッカソン01班 感想とか

メンバー: @H1rono_K @ikura-hamu @mehm8128 @itt @zer0-star

作ったもの

年賀状投稿サービス「postQard」を作成しました。

年賀状を作成して投稿日時と投稿先チャンネルを指定すると、自動でtraQ(部内SNS)に投稿してくれます。

年賀状作成画面

年賀状一覧

traQに投稿された年賀状

反省

フロントエンド

以下の技術スタックでした。
Next.js: app routerを使いました
fabric.js: お絵かき用。@mehm8128が過去のハッカソンで使ってちょっと慣れていたので今回も使いました
jotai: 状態管理。編集履歴の表示や、fabric.jsの諸々の処理で使いました
shadcn/ui: デザイナーがいなかったこともあって1からCSSを書くのは大変なので、ライブラリに頼りました。内部でtailwindが使われていて、importするのではなくてコピペして運用するタイプなので気に入らないところは自由にスタイルを変えられていいです。これを使ったことが理由で、他の箇所もスタイリングはtailwindを使いました
biome: 最近話題のあれです。prettierとeslintの代わりとなるもので、爆速でformat&lintしてくれます。気になっていたので使ってみましたが、stableなルールは特に問題なく使えたので、今後プラグインが使えるようになったりしてより便利になってくれるといいなと思いました
react hook form: フォームがあったので使いました
msw: モックサーバー。使おうと思っていたのですが、現状server componentで使えないことと途中まで認証が上手くいっていなかったことが理由で入れるだけ入れてほとんど使っていませんでした

バックエンド

技術選定:

SeaORM周りメリット・デメリット

Rocket周りメリット・デメリット

tokio-cron-scheduler周りメリット・デメリット

DI感想

ほか

その他

traP部員の認証にNeoShowcaseの認証を用いて、アクセスした人をNeoShowcase側で認証してくれるような設定にしたのですが、フロントエンドとバックエンドの間での認証がCORSやcookieの扱い周りなどで上手くいかず、Next.jsのapi routeを一度経由してバックエンドに渡すということをしてしまったので、そこをもうちょっときれいにできていたら開発効率やパフォーマンスの向上に繋がったと思います。

感想

@H1rono_K 筋肉が足りなかった。ハッカソンで触ったことのないライブラリに挑戦するのはもうやめたい。来年もrust書きたい
@mehm8128 認証周りもうちょっと詳しくならないとなと思いました。来年は多分いません
@ikura-hamu いつもはバックエンドを書いていますが、今回はフロントエンドに挑戦しました。難しい部分はめふもさんがやってくれました。普段と違うことができて楽しかったです。
@zer0-star 初めてRustでまともなアプリケーションを作りましたが、なんとかなって良かったです。来年はHaskellでなんかやります
@itt 今までwebサーバーをほとんど書いてこなかったので経験が積めてよかった。来年はzigかも

H1rono_K icon
この記事を書いた人
H1rono_K

趣味プログラマー(大学生)

ikura-hamu icon
この記事を書いた人
ikura-hamu

SysAd班、ゲーム班 いろいろやりたい

mehm8128 icon
この記事を書いた人
mehm8128

21B JC。SysAd班で色々やってます

itt icon
この記事を書いた人
itt

SysAd班でweb開発をしています

zer0-star icon
この記事を書いた人
zer0-star

インターネット以外全部したことあります

この記事をシェア

このエントリーをはてなブックマークに追加
共有

関連する記事

2022年9月26日
競プロしかシラン人間が web アプリ QK Judge を作った話
tqk icon tqk
2024年8月29日
クロスコンパイルRust
H1rono_K icon H1rono_K
2024年1月16日
2023年冬ハッカソン参加記 チーム2 20%電電 "Orbit"
onkyi icon onkyi
2023年12月25日
オレオレRustプロジェクトテンプレート
H1rono_K icon H1rono_K
2023年6月23日
2023 春ハッカソン 26班 『traP Mission』
Ras icon Ras
2024年9月10日
Tauriでtodolist作ってみた
mehm8128 icon mehm8128
記事一覧 タグ一覧 Google アナリティクスについて 特定商取引法に基づく表記