## 技育博に参加してきたで。

全国各地から集結したオタクと語り合う会をした。もちろん企業様の方とも。

## 目次

## まずは感想

> とっても楽しかったです！めっちゃ貴重な機会を作ってくださりありがとうございます！また機会がありましたら参加したいです！本日はとても楽しいイベントの企画、運営ありがとうございます！お疲れ様でした！  #技育博
> 引用: 私のツイート[^1]

## 規模がすごすぎた話

### まず会場がエグい

技育博の会場は[CARTA HOLDINGS](https://cartaholdings.co.jp/)さんのオフィスをお借りして行われました。都会の中のオフィスって感じで感動してました...。

![渋谷ソラスタの見た目(マジでかっこよすぎる)](https://res.cloudinary.com/re-taro/image/upload/q_60/f_auto/v1656519621/posts/joined-geekhaku/geek1_pzwies.jpg)

会場内は撮影okだったので写真をたくさん貼ります。

![15階らしい...](https://res.cloudinary.com/re-taro/image/upload/q_60/f_auto/v1656519621/posts/joined-geekhaku/geek2_g528xe.jpg)

![CAさんが提供してくれた...](https://res.cloudinary.com/re-taro/image/upload/q_60/f_auto/v1656519621/posts/joined-geekhaku/geek3_ics7to.jpg)

![サイバー弁当](https://res.cloudinary.com/re-taro/image/upload/q_60/f_auto/v1656519621/posts/joined-geekhaku/geek4_c3yw6j.jpg)

↑これまじで美味しすぎて一人でぴょんぴょんしてた。

### 協賛の企業がエグい

一度は名前を聞いたことがある企業がたくさん協賛していました！ノベルティも豪華でこんなにもらって大丈夫なのかなって思うほどでした笑。

![協賛企業様](https://res.cloudinary.com/re-taro/image/upload/q_60/f_auto/v1656513375/posts/joined-geekhaku/sponsor_qkrvcc.png)

## 企業LT

イベントが始まってからすぐに企業LTが始まりました。各企業初めて登壇する人やお若い人たちが登壇していて、技育の新しい試みに乗っかってどこの企業もチャレンジしているように見えました。
僕は来年就職を考えているため、とても参考になるLTが多かったです。

## 企業ブース

各企業のブースにお邪魔しました！
ゆめみさんのところではKotlinオヂサンに絡まれたり、[福太郎さん](https://twitter.com/fukutaro_yumemi)と仲良くなったりしました。
DeNAさんのところでは面談をしました。就職を考えているのでそこらへんを聞きました。現場の声や人事さんの声などとても貴重なものでした。
CAさんのところではただただWeb Speed Hackathonを企画、開催してくれていることに絶大な感謝を送っていました。なかなかフロントエンドの競い合う系の大会って無いので自分はすごくあの大会が好きです。
他にも周りを歩いている企業の方と名刺を交換したりインターンや学生の時の思い出などたくさんお話させていただきました。

## 学生ブース

古今東西津々浦々の学生団体の方とたくさん交流しました。
各団体によってやっていることが異なり、自分の好きなジャンル以外の学生団体経も積極的に話に行きました。

今回、私が技育博に参加した理由の一つに、他団体がどのように団体を継続しているのか疑問に思い、運営のノウハウを聞きたかったことがあります。
いくつかの(主に大学の)団体にお聞きしたところ、どこも同じような課題を抱えていました。主に。

- 興味を持ってくれて入ってくれた新入生が来年にはいなくなっている
-  しかしどのように継続的に興味をもたせるかはわからない

などです。

そんな中いくつかの解をもらったのですが、具体的に。

- 上級生がメンターとなって着いてあげる
- 使用言語の固定
- 自作Progate

などなど、私の思想には合わないものからそれはすごすぎるなぁってものまで。とにかく参考になりました。

### 自分の団体

私は鈴鹿高専プロコンプロジェクトとして参加したのですが、{普段からお菓子を食べながら駄弁る}^(頭を柔らかくする)部活なためどう説明しようか終始タジタジしていましたが、幸い弊部は個人で何かをやる部活って色が強いので結構話せる内容は多かったです。来てくださった方にはずっと笑ってもらえて嬉しかったです！

### 自分について

Twitterで見たことのある人だ！と学生の方から言われたり、企業の方からもちょくちょく知られていて嬉しかったです。これからも自分の「好き」をいっぱい表現できるエンジニアになりたいです。

## 用意したもの

名刺を初めて作ってみました。色んな人の心の何処かに残ってほしかったので作っちゃいました。

![表面。あえてengineerではなくcrafterなのがポイント](https://res.cloudinary.com/re-taro/image/upload/q_60/f_auto/v1656517640/posts/joined-geekhaku/name_card_front_w9myd2.png)

![裏面。自分の中でビビッときたデザイン](https://res.cloudinary.com/re-taro/image/upload/q_60/f_auto/v1656517640/posts/joined-geekhaku/name_card_back_wbogfp.png)

## 最後に

本当にいい機会をもらえたと実感しています。いろいろな方と繋がりができて、あれから四人の方とオンラインでお話をするきっかけになりました。また企業の方とこんなにラフにお話できる機会もそうそうないと思うので、たくさんお話できて良かったなぁと思います。最後に、今回の運営をしていたサポーターズの方々並びに関係者の方々に改めて感謝の気持ちを伝えたいです。ありがとうございました！

近いうちに二日目の東京旅行も記事にします。

[^1]: https://twitter.com/10969_rintaro/status/1540676447324733442


技育博に参加しました

高専祭のCTOをしていた話

## ブログ開設しました

こんにちは、[@Re-taro](https://twitter.com/10969_rintaro/)です。

この度ブログをポートフォリオの内部に開設しました。

一応雑多ブログのつもりですが、技術メインで色々アウトプットできる場にしていきたいと考えてます。

それでは。

Hello World

ポートフォリオを新調しました

山口県で生まれる.

鈴鹿工業高等専門学校 電子情報工学科に入学.

NIT Toba Hackathon 三重電算センター賞 受賞.

パソコン甲子園 2021 モバイル部門 本戦出場.

Hack U KOSEN 2021 に出場. ヤフー賞,Happy Hacking賞 受賞.

Web Speed Hackathon 2022 for Students に出場. 総合順位4位.

NIT Toba Hackathon アイエスイー賞 受賞.

Twogate Dev Campに参加.

C-Style に入社.

第57回鈴鹿高専祭HP, 入場管理システム「monaqa」作成.

TwoGate でインターンを開始.

Hack U KOSEN 2022 に出場.

2年生を振り返って

技育博に参加します

不可解参(狂)の感想とか。

デスマーチの歩み方

アドカレを主催した

Micelle

Togather

この記事は鈴鹿高専祭アドベントカレンダー21日目の記事です。

https://qiita.com/advent-calendar/2022/snct

## はじめに

今年、3年ぶりの開催となる鈴鹿高専祭に、延べ2800人の来場がありました。私も5年前に訪れた高専祭を機に高専を目指したので、誰かの心境の変化の種となっていれば幸いです。私は今年の3月ぐらいから本部のIT開発のCTOと、HPの作成を担当していました。その反省を綴れたらなぁと考えています。APIサーバーを実際に実装したのは僕の友達でそっちの話は[こっち](https://note.com/bayaya651/n/n46fa102c6450)に書かれているのでぜひ。

## 事の成り行き

そもそも私って3年生で、実行委員の部門のトップになる必要はないんですよ。まぁその辺何があったかって話をちょっとします。

私の所属していた班が動き始めたのは6月ぐらい(遅い)で、その時に発覚したのですが実働できる人間が3人しかいなかったという事です。

え？って思った方もいるでしょう。私もそう思いました。困りましたねぇ。私が一番困ったわけですが。

そんなわけで人が足りない中、開発環境を整えるだとか、コードレビューができる人が私以外にいないだとかして、結果的にCTO的な立ち位置でおよそ10ヶ月を過ごしました。では反省していきましょう！

## 何をしたの？

時系列順に何をしたかを振り返りたいと思います。

### 4月

4月の11日に記念すべき初めてのcommitがなされました。

https://github.com/suzuka-kosen-festa/2022-HP/commit/87867f651f7082ea88bd3538b25f921f1750a139

ここから実に7ヶ月間のデスマーチを経て、今年のホームページができたと思うと感慨深いですね。

良かった点は、CIをしっかり整備して、コードの品質を常に保っていたこと、Storybookを導入 [^1] して、レビューをしやすくし、デザイナーの方にも見やすい環境を整えられたこと、design tokenを整備することでデザインと実装の乖離をできるだけ防げたことだと思います。

反省として、当初Next.jsとtwin.macroを技術に採択したということです。フレームワークについては[ここ](https://github.com/suzuka-kosen-festa/2022-HP/pull/187)でReact.jsに載せ替えています。
載せ替えているだけあって、Next.jsはオーバースペックだったというのと、Cloudflare Pagesにデプロイする予定だったからです。
うーん、先を見据えて技術は選びましょうね。
twin.macroを選んだのは、tailwindの開発効率と、twin.macroならではのエラー表示で開発体験も良いという過去の経験から採択しました。
はい戦犯です。なんでチーム開発に保守性皆無なtailwindを採用したんですかね？まじで後悔しています。今私が技術をもう一回選び直せるんだったら、React.js(Vite)×emotionもしくはvanilla-extract(こっちはStorybookでの動作を確認できていないので選んでないかも？)にしています。絶対。 

### 6月

6月に、先生を交えた会議で入場制限を設けるべきという声({これ言った教員を私は許さない}^(全ての元凶))を頂いたため、私の方で入場管理システム(後の{monaqa}^(モナカ))の提案書を書いて、処理フローなどを組みました。

このときの反省として、処理フローとかの前に大体当日どれくらいの人が来る予想か、本当に当日それで回るのか、障害対応マニュアルや問題発生時の順序の打ち合わせを本部の上の人間とするなどをしなさい。と五年生の先輩に言われて、学びになりました。
こういう大きなイベントで導入されるシステムを定義する際の考え方を教わりました。

夏休みに入るまでは、毎日のように入場管理システムの設計や、どうやって処理するか、ITに疎い民間の方のUX体験の良い招待方法などを議論していました。

これは学校に対する愚痴なんですけど、当初最初に立案された処理フローが、学校からもらった個人情報リストを使って承認する方法ってものだったんですけど、そのデータは絶対に学校のネットワーク外からアクセスしてはいけないという縛りが課せられていました(これは当たり前)。ただ、学校のネットワークはクソなので到底私達がやりたいことってのはできそうにありませんでした。これが議論が詰まっていた理由だったりします。

最終的に教員との相談で私達が規約を定めて正しく情報を管理するのなら勝手に収集して良いという判断が降りたのでその方針で定義書を書きました。(この時点で8月、[ここ](https://note.com/bayaya651/n/n46fa102c6450)で友人がデスマーチになっているのは実は私の判断が遅かったからなどがあったりします。ごめんね)

### 夏休み

夏休みに入ってすぐ、私はこのプロダクトとは別に2つのプロダクトを抱えていて精神的に完全に参ってしまってました。色々な方に迷惑をかけてしまったことをこの場を借りて謝ります、ごめんなさい。

自分の好きなアーティストさんのライブに行ったりして、リフレッシュできたあとは一瞬でした。

### 9月

9月9日に[v1.0.0](https://github.com/suzuka-kosen-festa/2022-HP/releases/tag/v1.0.0)がリリースされました。当時のtagにはこんなメッセージを残しておきました。エモくないですか？

![エモエモなメッセージ](https://res.cloudinary.com/re-taro/image/upload/q_60/f_auto/v1671544656/posts/look-back-cto/image_k3afaa.png)

![トップページ](https://res.cloudinary.com/re-taro/image/upload/q_60/f_auto/v1671544907/posts/look-back-cto/image_nmifoh.png)

![](https://res.cloudinary.com/re-taro/image/upload/q_60/f_auto/v1671544906/posts/look-back-cto/image2_lranzw.png)

その後、何故か愚かな私はSplatoonを200時間やってしまった。高専祭が終わって2ヶ月が経とうとしている今だからこそ告白します。あのデスマーチは私が夏休みにSplatoonをやりまくっていたのが原因です。

### 10月

夏休みが明けると私は毎日が戦争でした、いやまじで。一日18時間近くコーディングして、実装とテストと修正と、全てをこなしました。
おかげさまで寮の点呼違反の反則点で来年は寮に居られなくなりました。

これも愚痴なんですけど、学校の行事の成功を願って心身をボロボロにしながら制作したはずなのに称賛の声もなく、ただ非情にも退寮を叩きつけられました。来年以降の私のモチベーションには大きく関わるでしょうね。

10月19日に[v2.0.0-rc](https://github.com/suzuka-kosen-festa/2022-HP/releases/tag/v2.0.0-rc)がリリースされました。これは緊急用のリリースで、このリリースの時点ではv2.0.0の外側のみが実装されていました。この状態でリリースすることは私のプライドがすごい許しませんでしたが、大型のプロジェクトではこういった妥協も大事だと学びました。

その後10月28日に[v2.0.0](https://github.com/suzuka-kosen-festa/2022-HP/releases/tag/v2.0.0)をリリースしました。このときもtagにメッセージを残しておきました。ぜひ後輩とか未来の私はこれを見つけて「えも！！！！」って叫びたいですね。

![エモエモなメッセージ其の二](https://res.cloudinary.com/re-taro/image/upload/q_60/f_auto/v1671546250/posts/look-back-cto/image_oxwkth.png)

![トップページ](https://res.cloudinary.com/re-taro/image/upload/q_60/f_auto/v1671546250/posts/look-back-cto/image2_ihnozd.png)

![個人的に頑張ったCSS芸](https://res.cloudinary.com/re-taro/image/upload/q_60/f_auto/v1671546250/posts/look-back-cto/image3_gf2j17.png)

## 完走した感想

およそ10ヶ月間に及んだ開発ですが、なんだかんだ言って楽しかったです。

高専祭の大工メンバーがみんな校長先生に三角チョコパイを奢ってもらっていて私はもらっていませんでした。

完成したホームページは述べ3000人に見てもらいました。誰も私が作ったことは知りません。でも影からなくてはならないものを支えるっていうのも悪くはないなと感じました。

私が設計提案定義した入場管理システム「monaqa」は一日目の朝のピークを一切の混雑なく捌けて、見知らぬおじさん(たぶん一般の人)からすごいねぇと褒められたりして、それがとても嬉しかったです。

10ヶ月前と比べて一段と強くなれたかなぁと思います。

最後まで読んでくださりありがとうございます。


[^1]: [chromatic](http://www.chromatic.com/library?appId=6256f5d6e0b94a003ab4a0e1) にデプロイされたカタログ


re-taro.dev

Blog Posts

高専祭のCTOをしていた話