More than 3 years have passed since last update.

限界開発鯖Advent Calendar 2020

初めてハッカソンに参加してみた話

Last updated at 2020-12-24Posted at 2020-12-24

{メリークリスマス, ハッピーホリデー}！
限界開発鯖 Advent Calendar 2020の25日目，ラスト¹の記事です．
今年ももうすぐ終わりますね...僕はこの記事を書いていたら，いつの間にかクリスマスを迎えてしまったみたいです．

さて，この記事では僕が人生初めて参加したハッカソンに対して思ったことを色々書きたいと思います．
※ちょっと長いです＞＜

そもそもハッカソンとは

《hack（ハック）＋marathon（マラソン）からの造語》ソフトウエア開発者が、一定期間集中的にプログラムの開発やサービスの考案などの共同作業を行い、その技能やアイデアを競う催し。
Weblio辞書より

一定期間内にモノを作り，発表し，アイデア力や完成度，実用性などを競うイベントです．

どんなハッカソンに出たの？

Web×IoT メイカーズチャレンジ 2020-21 in 信州に参加しました．

応募資格

16才以上の方で学生、社会人問わず学習意欲のある方

プログラミングや電子工作に興味のある方 (講習やハッカソンでは、JavaScript を使います。
初学者の方は事前にJavaScriptの予習をお願いします。)
原則として 11/7-8 の講習会、12/5-6 のハッカソンの計 4 日間にご参加いただける方
ノートPC (Bluetooth接続が可能なPC) を持参できる方

Connpassページより

日程

【Day 1】11/07 (土）ハンズオン講習会
【Day 2】11/08 (日）ハンズオン講習会＆アイデアワークショップ
11/9 〜 12/4 ここで各チーム開発
その内12/02 〜 12/04 高専チームテスト
【Day 3】12/05 (土）ハッカソン
【Day 4】12/06 (日）ハッカソン
12/07 工学実験実習レポート²提出

うーん，もうヤバそうな日程

【Day 1】11/07 (土）ハンズオン講習会

IoT の基礎と電波やワイヤレス通信についての基礎知識講座やmicro:bitの基礎的な動作を学びます．

micro:bitとは

教育向けのマイコンボードです．25個(？)のLEDを搭載していたり，デフォルトでBluetooth通信ができたりと，色々すぐれものです．
こんな見た目してる

CHIRIMEN with micro:bitとは

CHIRIMEN with micro:bitはmicro:bitの機能を，Web Bluetooth APIを用いて**__ブラウザ上で__インタラクティブに操作するライブラリ**です．コンパイルとかも必要ありません．USBすら挿さなくていいあたりがなんか令和な開発だなあって思いました．
以下は，Bluetoothでmicro:bitと接続し，GPIOポート0を出力ポートとして設定するコードのサンプルです．

mbit.js

let gpioPort0;

const connect = async() => {
	// chirimen with micro:bitの初期化
	microBitBle = await microBitBleFactory.connect();
	console.log("micro:bitとのBLE接続が完了しました");

	// GPIOポート0の初期化
	const gpioAccess = await microBitBle.requestGPIOAccess();
	const mbGpioPorts = gpioAccess.ports;
	gpioPort0 = mbGpioPorts.get(0);
	await gpioPort0.export("out"); //port0 out
}

めちゃくちゃ簡単ですね！
特にmicro:bitとの接続がmicroBitBleFactory.connect();だけでできるのがとても魅力的でした．
今回のハッカソンではこのライブラリを使うことが条件でした(重要)．

【Day 2】11/08 (日）ハンズオン講習会＆アイデアワークショップ

ここらへんでハッカソンのアイデアを投げ合う & メンバー自己紹介をします．

【信州】ハンズオン講習会2日目！こんな進捗も報告してくれています！スバラシイ！！🎉#WebIoTmakers #microbit #CHIRIMEN https://t.co/VZgSzvk6at
— Web×IoT メイカーズチャレンジ (@WebIoTmakers) November 8, 2020

これは僕の進捗を紹介してくださった運営様のツイート．

チームJanbi結成

メンバーの頭文字を取ってこの名前になりました．GitHub: @Team-Janbi

JPig

高専出身．めちゃくちゃ頭がいい．最近JSを始めたらしい[^3]．

得意そうな言語[^4]: C, LaTeX
ポートフォリオ: https://jpig-main.github.io/mypage-1/index.html
Twitter: [@JPig_Main](https://twitter.com/JPig_Main)
GitHub: [@JPig-Main](https://github.com/JPig-Main)

PLAODAS(A氏)

社会人の方．Web系のお仕事経験者．仕様伝えたら3秒後ぐらいに実装されてる[^5]．早すぎ．

得意そうな言語[^4]: PHP
GitHub: [@plaodas](https://github.com/plaodas)

Noiri

大学出身の方．Myキーボード持ち歩いてた．絶対Pythonなんでも知ってる[^6]．

得意そうな言語[^4]: Python
GitHub: [@Noiri](https://github.com/Noiri)

Bony_Chops

俺．高専出身．トークン開示大魔王[^8]．なぜかリーダーになってしまいました．

得意そうな言語[^7]: JavaScript，PHP(最近触ってない)
ポートフォリオ: [https://bonychops.com](https://bonychops.com)
Twitter: [@BonyChops](https://twitter.com/BonyChops)
GitHub: [@BonyChops](https://github.com/BonyChops)
YouTube: [Bony_Chops](https://youtube.com/c/Bony_Chops)

Token-05(I氏)

高専出身．めちゃくちゃ頭がいい．JPigの影響でJS始めてた．

得意そうな言語[^4]: C, LaTeX
Twitter: [@081keiji](https://twitter.com/081keiji)
GitHub: [@Token-05](https://github.com/Token-05)

アイデアワークショップ

何をつくるかを決めます．今回のテーマは「With コロナ」でした．Google Spread Sheetに，テーマに合ったシチュエーションと解決策を羅列していき，「独創性・有用性」「実現可能性」の観点で評価することで今回の作品を決めます．

上のやつでひ・み・つって書いてあるやつが今回採用されたアイデアです．このSheetは他のグループも見れ，アイデアをパクられたくなかったので秘密にしちゃいました．

完成したアイデア

アイデアワークショップをした結果，「人が密集したら，除菌スプレーを散布しに来てくれるロボット」を制作することに決まりました！
でもどうやって実現するのでしょう．ここでこの日の活動は終わりです．

11/9 Discord鯖設立 & 大まかな仕様決定

こんな感じになりました．(字が汚くてごめんなさい)

Sデバイス: 据え置きのセンサー．これで人の人数を測定する．
Cデバイス: クライアント(グローバル上の鯖と区別するためにこの名前にしたが，実際はローカルの鯖)．Sデバイスから受け取った人数を元にMデバイスへ司令を出す．
Mデバイス: Cデバイスから受け取った司令を実行する．つまり除菌スプレーを運んで散布するロボット．
ぐろーばるな鯖: Web AppやLINE botなどで送られてきたリクエスト(部屋の人数が知りたい，Mのスプレー散布を開始してほしいなど)を処理し，Cデバイスへ送る．

「スマホから部屋の人数把握・スプレー散布のタスクを実行とかできたらいいよね」

11/10 グローバル鯖できた

Bony「グローバル用の鯖どこにしようかな³」
A氏「こことかおすすめですよ借りておきました」

11/11 初めてのDiscord会議 / 役割分担が決定

こうなりました

役割	メンバー	仕様
S	Noiri	Python, OpenCV
C	PLAODAS(A氏)	PHP
M(主にハード)	JPig, Token-05	micro:bit, Raspberry Pi
M(主にソフト)	Bony_Chops	{Node.js, Python}
ぐろーばるな鯖	Bony_Chops	{Node.js, PHP}
{}は当時不定だったもの

11/16 Noiriさん(Sデバイス)の進捗

こんな感じの仕様にしてくださいました．天才．神．(図も作ってくれた)

ラズパイで動かすことを想定して，重いタイプと軽いタイプも作ってくださいました．こんな感じの図で解析してみると，以下のようになったそうです(Macbook Proで検証)．

タイプ	所要時間	精度
重いタイプ	15秒程度	6人検出(100%)
軽いタイプ	ほぼ一瞬	4人検出(66.67%)

結果，ラズパイに載せるため精度を犠牲に軽いタイプを載せることになりました⁴．

11/17 Mデバイスの挙動を検討

今回のゴールは「人が密集したら，除菌スプレーを散布しに来てくれるロボット」ですが，この「来てくれるロボット」をどうやって実現するかを検討しました．
高専チームで話し合った結果，「事前に部屋までのルートを記録し，Cからの司令があったとき(人が集まった時)にそれを再現する」という形で実現することにしました⁵．

11/18 〜 11/20 Mデバイスの材料決定 / 購入

言い忘れてましたが，材料費は2万円まで支給が出ます．その範囲内に収まるように調整しました⁶．

(画像は予算の一部)

11/21 プロジェクトの名前決まってなかった

ハッとしました．画像はfirebaseプロジェクトを建てるとき．

そのときに俺が適当に名付けた「COVIDiffuser」が正式名称になってしまいました．

#11/26 Mデバイスプロトタイプ完成
Mデバイスプロトタイプ動いている様子(動画)

いい感じに動いていますね

12/01 API鯖完成 / 日程見直し

PLAODAS(A氏)さんにAPI鯖を作っていただきました．あれ？Bony_Chopsの担当だったはずじゃ...⁷
さらに，ココらへんで日程を見直し，ゴールを見直しました．
唯一残る課題は，認証のフローが一切なく誰でもリクエストを投げられるところ．

各デバイスのタイプ(SデバイスのA1とかA2,Bとか)をなくし，1種類だけの実装を目指す(S, M, Cのみ)
Cデバイスをローカルではなく，グローバルにする(MデバイスをRas Piが乗ってるM-Bタイプのみにする→Wi-Fiが使えるから)

12/02 〜 12/04 高専テスト

死ねるよね⁸．

前日の進捗チェック

こんな感じです．

役割	メンバー	情強
S	Noiri	Ras Piで実際に運用済み，CへのPOSTテストも完了し，ほぼ完成
C(グローバル鯖)	PLAODAS(A氏)	JWT認証導入済み，必要なエンドポイントも揃い，ほぼ完成
M(主にハード)	JPig, Token-05	動作確認済み，部品も揃い，ほぼ完成
M(主にソフト)	Bony_Chops	...

【Day 3】12/05 (土）ハッカソン

テスト明けのハッカソン．
本当はここまででほとんど完成していて当日はゆっくり...

トラブル発生

できません．知ってた⁹．

Sデバイス - Noiriさん

昨日まで起動したRaspberry Piがお亡くなりになりました．
最初はWi-Fiに接続できなく，メンターさんにLANケーブルを借りてなんとか運用しようとしたのですが，今度は依存関係のOpenCVが壊れ，動かせなくなってしまった模様．
前日まで動いたのに，ここへ来て急に壊れるのはどうして...¹⁰

Mデバイス(ハード) - JPig, Token-05

ほとんどデバイスが完成し，スプレーを散布するときに使用するサーボモータを取り付けたときに発覚．サーボモータのトルク(回す力)が全然足りない！！！．しかもそのせいか，なんか痙攣してる！！！！(ｳｨﾝｳｨﾝｳｨﾝｳｨﾝｳｨﾝｳｨﾝ)
動画撮ればよかったですね．まあその時は焦りまくっててそれどころじゃなかったんですが．

Mデバイス(ソフト) - Bony_Chops

大変です！！！！何も進捗が生えていません！！！！！！！！！！！！！
ということで，今からMデバイス(ソフト)の具体的な仕様を決めます¹¹．
おそすぎますね．はい．大変申し訳無いです．

仕様どうしよう...

最初はこんな感じにしました．以下はMデバイスでルートを記録するフロー．

以下メンターに突っ込まれたところ

メンター「1~2のローカルIP渡す下り，本当にいる？」
俺「ゆ，ユーザーがシームレスにMデバイスに接続できるようにしたくて...」
メンター「発想自体はいいと思うけど，とりあえず動かせる段階に持ってくために，まずはIP直うちでいいんじゃないかな．時間ないんだし」
俺「はい」
メンター「3〜5，具体的にはどういう流れ？」
俺「まず，リモコンが操作されたときにページ上のJSがexpress上のAPIを叩いて，expressからRas Pi上で起動しているChromium¹²へ**どうにかして**データを渡して，ChromiumからCHIRIMENライブラリでmicro:bitへ...」
メンター「ユーザーに操作されるんだったら，この方法だと多分遅延すごいよ．それにこれRas Piからexpressでホストして，それをmicro:bitに渡すんでしょ？なんか冗長な気がする」
俺「はい」
メンター「ホストするリモコンページはどうやって作るの？」
俺「とりあえず，Reactで作って...」
メンター「さっきから思ったけど，Bony君Nodeに執着しすぎじゃない？生のHTMLとJSに書いたほうが早いと思うよ．時間ないんだし」
俺「はい」

うううぅ...¹³

改善案

改善案を考えました．以下は登録してから部屋へ行くまでのフロー．
¹⁴¹⁵

これなら，

ローカルIPを打たせる下り大変そう
→そもそもBluetoothのペアリングだけだからわかりやすいし，実装が大変じゃない！
リモコン→express→Chromium→micro:bit→Mデバイスは流石に冗長 / 遅延やばい
→ スマホから直接micro:bitを操作するから，遅延も(そんなに¹⁶)ない！
Node.jsに執着しすぎ
→俺が諦めて生のHTMLを書いてGitHub Pagesでホストすれば解決！

いざ実装

Materializecssを使っていい感じに仕上げます．動作もいいかんじです．あとはCデバイスへPOSTして...ん？

ここで会ったが百年目ッッッッッッッッ！！！！！！！！！！！！！！！！！
文化祭以来だな貴様ああああああああああ！！！！！！！！！！！！！！！！！！！！！！！！！！！#WebIoTmakers pic.twitter.com/F0IMt4gkvg
— Bony_Chops (@BonyChops) December 5, 2020

Cデバイス(グローバル鯖) - PLAODASさん

CORSくん「やあ！」

CORSくんとは

セキュリティ上の理由から、ブラウザーは、スクリプトによって開始されるオリジン間 HTTP リクエストを制限しています。例えば、 XMLHttpRequestや Fetch API は同一オリジンポリシーsame-origin policyに従います。つまり、これらの API を使用するウェブアプリケーションは、そのアプリケーションが読み込まれたのと同じオリジンに対してのみリソースのリクエストを行うことができ、それ以外のオリジンの場合は正しい CORS ヘッダーを含んでいることが必要です。
オリジン間リソース共有 (CORS) - HTTP | MDNより

セキュリティ上の理由から，ブラウザ上から任意のAPIを叩くときは，サーバー側が「(このドメイン¹⁷でホストしているページからであれば)いいですよ」という意思表示が必要です．イメージだとこんな感じ．

実際の挙動は，

ブラウザ側から，リクエストする予定のURIと同じエンドポイントへOPTIONSメソッドでリクエストする
サーバー側から，HeaderにAccess-Control-Allow-Originが含まれるレスポンスを返す(ここに許可するドメイン¹⁷を載せます)
リクエストをすることが許可され，実際のリクエストがされる

という感じです．ただし，サーバー側に設定されていなければ...

という風に，リクエスト自体が送れなくなってしまいます．

ということでPLAODASさんにAccess-Control-Allow-OriginをHeaderにつけていただきましょう．

お願いします...

俺「ということで，修正をお願いしたいです...」
PLAODAS「うーん，ライブラリ¹⁸使ってるからそんなとこ修正できるかわからないなあ...しかも，今のAPIの仕様上，認可するためにAuthorizeヘッダが必要じゃん？ないと403返っちゃうけどいいの？¹⁹」
俺「あー...じゃあ，OPTIONSメソッドのときだけ200(204)を返すとかは無理ですか？？」
PLAODAS「...技術的には可能です²⁰」
俺「Merge!?!?!?!?!²¹」

困りました²²...
ここでこの日の活動は終わりです．本当に大丈夫か...？

迫る魔(レポート)の手(期日)

おまけに明後日はレポート提出期限．ちょっとでも進めておかなければ無事高専機構に○されてしまうかもしれません．どうしよう...
俺「ま，明日の夜頑張ればいいか！」

レポートは捨てました
とにかく進捗を生やします．

夜中にPLAODASさんからDiscordが

PLAODAS「やっておきましたよ²³」
俺「うおおおおおおおおおおおおおおおおおおお！！！！！！ありがとうございますありがとうございますありがとうございますありがとうござ」
もうここまでやってもらったら進捗を生やさざるを得ません．がんばります．

結果

一旦寝て，朝早く起きて進捗を生やしました．
とりあえずルートを記録し，サーバーにPOSTするところまでできました！成功しました！

【Day 4】12/06 (日）ハッカソン

そして迎える発表当日．泣いても笑ってもこれがラスト¹です．とりあえず発表は15:00，集合する9:00からお昼を含めてあと6時間ほどあります．がんばりましょう．

現状の問題点

役割	メンバー	問題点	改善策	解決済
S	Noiri	Ras Piが死亡	MacProで運用	✅
C(グローバル鯖)	PLAODAS(A氏)	ブラウザからのリクエストがCORSによってブロックされる	適切なヘッダを設定する	✅
M(主にハード)	JPig, Token-05	サーボモータのトルク不足によりスプレー散布できない	スプレーを運送するロボットへ変更	✅
M(主にソフト)	Bony_Chops	完成していない	完成させる

俺だけですね！！！！がんばりますね！！！！！

なんとか完成

な，なんとか完成しました

発表の準備

一つのグループに付き5分の発表があります．Zoomを使い，全会場へ放映されます．万が一のために，リハーサルを兼ねて動画を撮影しておきましょう．

トラブル発生

なんと作成したMデバイスに搭載しているモバイルバッテリーが一斉に故障し始めました！！！！
どうして... うううぅ...
とりあえず，うまく動くデバイスを確認し，何度か撮影していいテイクを選びます．

結局最終的な仕様はどうなったのか

こうなりました

役割	メンバー	仕様
S	Noiri	Python, OpenCV
C(ぐろーばるな鯖)	PLAODAS(A氏)	PHP
M(主にハード)	JPig, Token-05	micro:bit, Raspberry Pi
M(主にソフト)	Bony_Chops	HTML, JS
~~ぐろーばるな鯖~~	~~Bony_Chops~~	Cをぐろーばるな鯖にし，別途用意しない

撮影

以外にも，恐れていた事態(デバイスが完全に止まって死ぬとか)はなく，シナリオを事前に考えていたおかげかすんなりとできました．ただ，動画を使うのはあくまで最悪の事態なので，人前で発表できるように練習します．

ちなみに作ったシナリオは以下です．

ごあいさつとプロジェクト: COVIDiffuserの紹介
実際にWebアプリを操作(Mデバイスとペアリング，移動，サーバへPUSH)して実演
「これで，この部屋は安全です！人が集まってきたらロボットが駆けつけてきてくれます」
Janbiがいきなり集合
適当にメンバーにインタビューして時間つぶし
Sデバイスが人を認識，3人以上でMデバイスを動かす設定にしておく
Mデバイスがこっちに来る
受け取る
JPigにスプレーをかける

これで大体5分ぐらい？

発表

発表します．めっちゃ緊張しました．

質疑応答タイム

審査員の方の質問に答えます．

Q. Sデバイスの人検知の仕組みについて，どのように行っているのか(画面内にいる人数を単に数えているのか，画面内でかつ人の距離が近いかなどを考慮しているのか，カメラ以外にセンサーはあるのかetc...)

A. 画面内に移った人数をカメラでカウントしています．
予定では，このSデバイスの他のタイプ(micro:bitのみで実装されたAタイプなど)に，二酸化炭素の濃度を測るセンサを取り入れたり，騒音センサ(もしくはマイク)を用いて，人が話しているかどうかも判定条件にしたかったです．今後これを製品にする場合は，ここの点が改善点とも言えますね．

Q. 動くロボットのクオリティが良かった．このようなものづくりは初めてか

A. はい，なかなか良い経験になりました．
我々は情報工学科に所属しているため，物理的に何かものをつくることはあんまりないですね．

ごめんなさい，他にもなにか聞かれたような気がしますが，思い出せませんでした...気が向いたら更新しておきます！

結果

特別賞をいただけました！！！！！！！
めちゃくちゃ嬉しいです．

Web×IoT メイカーズチャレンジ 2020-21
チームJanbiで特別賞いただきました！！！！！！！
改めて、このような機会を設けていただき本当にありがとうございました
頑張ってくれたチームにも感謝です！
あとUI褒められた！！！！！やったぜ！！！！！！！#WebIoTmakers pic.twitter.com/8B2BBdBR87
— Bony_Chops (@BonyChops) December 6, 2020

ツイートにもあるとおり，僕が作ったWebアプリのUIを褒められました²⁴．やったぜ．

その後

ハッカソンは終わりましたが，まだタスクは残っています．そうです．明日は工学実験実習のレポート提出期限です．死ぬ気でやりましょう．

12/07 工学実験実習レポート²提出

完徹してしまいました．というか**完徹しても終わりませんでした**．正直たかがレポートとなめていましたが，尋常じゃない報告事項の多さに，Bony君の心は折れてしまいました．素直に再提出評価を待ちましょう²⁵．

よくありそうな質問

ありそうだと思った質問を書きます．他にあればコメントください．答えられる範囲で答えます．

Q. チームで出るのと個人で出るのはどっちがおすすめ？

A. 一緒に出れる仲間がいるならダントツでチームで出ることをおすすめします．
もちろん個人で出ることも可能ですが，チーム内のメンバーが全員個人だと集まるのが大変です(進捗を1番左右する要素な気がする...)．
僕は今回学校から紹介があり，本当は一人で参加する予定でしたが，勇気をだしてクラスで一緒に出てくれる仲間を募ったところ，あまり話したことがない2人が一緒に出てくれると言ってくれました(今では結構よく話します)．新しい友達を作るいいきっかけにもなるかも？

Q.本当に初心者でも大丈夫なの？

A. はい，全く問題ありません．事前にJSを少し触っておくようご通達はありましたが，使うドキュメントがとてもわかりやすかったので，多分無知でも行けると思います²⁶．
実際，参加した高専メンバーのうち2人が，ほぼ初めてJSを触ってました(自称)が問題なく操作できていました．

Q.今回はJS使うハッカソンだったけど，他のスキルは活かせる(活かせた)？

A. はい，というか歓迎されると思います．JSで開発するのはmicro:bitの操作部分だったので，それ以外はどんな言語で書いてもOKみたいです．チームで話し合うときに自分の得意分野がある人はアピールしておいたほうがスムーズに役割分担できます．リーダーになった人は，各個人のスキルを確認する時間を設けるといいと思います．
僕はfirebaseで鯖を建てる予定でしたが，そんな余裕はありませんでしたね(かなしいね)．

Q.お金はかかった？

A. 昼食代と移動費ぐらいしかかかりませんでした．なんなら，メンバーに社会人の方がいたので，送迎はほとんどその方にお願いしていたので，移動費もかかりませんでした(A氏本当にありがとう)．
使ったmicro:bitは無料，材料は2万円まで支給がでました．

まとめ

なんだかんだこの1ヶ月，死ぬほど忙しかったのですが，とても楽しかったです．$\tiny{語彙力なくてすみません...}$
正直，こういうイベントには参加したことがなかったので，いろいろと不安はあったのですが，メンバーやメンターさんに支えられてなんとか形に残すことができました．
ただ，ちょっと計画が甘かったですね．もっとやりたいことはいっぱいあったので，もし次機会があれば全てのアイデアを拾うことができるように頑張りたいです．

長くなりましたが，最後まで読んでくださり，ありがとうございました．

Rustではありません ↩ ↩²
年内で1番重いと言われているレポートです ↩ ↩²
本当はFirebaseでAPI鯖を建てたかったのですが，着手する余裕がなくて結局できませんでした... ↩
とある事情で結局重い方を使うことになるのですが... ↩
他にも，「部屋の各地に赤外線と発行する『スポット』(要制作)を設置し，それを目安に部屋まで移動」や，「GPSを搭載し，それを元に移動」，「Webカメラを載せて画像認識によりルートを算出」などの案も上がったのですが，それらの案は別途センサーやデバイスが必要であったり，実装にかなり時間を要するものもあり，「そこばっかり重視してたら企画倒れしそうだよね」ということで一番簡単に実装できそうな方法で落ち着きました． ↩
後に発覚するのですが，合計が1万3千円しか使っていませんでした．もっと使えばよかった... ↩
当時高専チームには大量のレポートに加え，12/2(水)にテストも控えていたので，鯖の担当をPLAODASさんにお願いしました...くやしいです!!! ↩
テストの結果ですが，普段の順位より少し良かったです．なんで？？？ ↩
「あれ？家(開発環境)だとうまく言ってたのに会場(本番環境)だとうまくいかない...」は恒例イベントらしいです． ↩
俺「人間と同じで，本番来た瞬間に体調崩してるんですかね」メンター「まあ一番の原因はそれでしょうね」 ↩
え，それすら決まってなかったの！！？！？！？！？！？！？ ↩
わざわざChromiumを起動している理由は，CHIRIMENライブラリは[ここ](#CHIRIMEN with micro:bitとは)にあるように，ブラウザで使うライブラリです．あとで確認した結果，Node.js版はないみたいなので，Chromiumを起動して無理やり動かそうとしています． ↩
実際のメンターさんはここまで厳しい口調では言いません．ご安心ください． ↩
4のフローは，実際にはRas Pi側からGETで数秒に1回クロールしています． ↩
4の後，Ras Pi上ではexpressではなく，Chromium上のJSで直接受け取り，そのままCHIRIMENでデバイスを操作しています． ↩
完全にないとは言えなかったです．やっぱりちょっとカクつくことがある． ↩
わかりやすくするためにURLと書いてありますが，正しくはOriginです． ↩ ↩²
名前忘れちゃいました！！分かり次第修正しておきます＞＜ ↩
CORSでOPTIONSメソッドが送られる際，レスポンスで403が返ってしまうとたとえAccess-Control-Allow-Originを適切に設定していてもCORSポリシー違反になってしまいます． ↩
「できない」とか「やりたくない」ということを、やんわりと伝えたいときに使われる表現のひとつ 「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典より

↩
驚きなどの感情が混ざり合っている心情を指す ↩
「そもそも偉そうに言ってますが，Bonyさんがもっと進捗を生やしておけばハッカソン本番に気づくとかいう事態に陥らなかったのでは？」Bony「はいもう本当におっしゃる通りです．申し訳ございません．本当に．」 ↩
実際は全然怒っていませんでした．聖人すぎ... ↩
Materializecss使っただけです... ↩
レポートが返ってきました．報告事項が2つも抜けた~~ゴミカス~~レポートはなんと再提出を回避しました．教員曰く「報告事項が2つ抜けてたから減点しちゃった...ごめんね＞＜」とのこと(~~いやごめんねはこっちのセリフなんですが...~~)． ↩
とはいえちょっとは触っておきましょうね ↩

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up

初めてハッカソンに参加してみた話

そもそもハッカソンとは

どんなハッカソンに出たの？

応募資格

日程

【Day 1】11/07 (土）ハンズオン講習会

micro:bitとは

CHIRIMEN with micro:bitとは

【Day 2】11/08 (日）ハンズオン講習会＆アイデアワークショップ

チームJanbi結成

アイデアワークショップ

完成したアイデア

11/9 Discord鯖設立 & 大まかな仕様決定

11/10 グローバル鯖できた

11/11 初めてのDiscord会議 / 役割分担が決定

11/16 Noiriさん(Sデバイス)の進捗

11/17 Mデバイスの挙動を検討

11/18 〜 11/20 Mデバイスの材料決定 / 購入

11/21 プロジェクトの名前決まってなかった

12/01 API鯖完成 / 日程見直し

12/02 〜 12/04 高専テスト

前日の進捗チェック

【Day 3】12/05 (土）ハッカソン

トラブル発生

Sデバイス - Noiriさん

Mデバイス(ハード) - JPig, Token-05

Mデバイス(ソフト) - Bony_Chops

仕様どうしよう...

改善案

いざ実装

Cデバイス(グローバル鯖) - PLAODASさん

CORSくんとは

お願いします...

迫る魔(レポート)の手(期日)

夜中にPLAODASさんからDiscordが

結果

【Day 4】12/06 (日）ハッカソン

現状の問題点

なんとか完成

発表の準備

トラブル発生

結局最終的な仕様はどうなったのか

撮影

発表

質疑応答タイム

Q. Sデバイスの人検知の仕組みについて，どのように行っているのか(画面内にいる人数を単に数えているのか，画面内でかつ人の距離が近いかなどを考慮しているのか，カメラ以外にセンサーはあるのかetc...)

Q. 動くロボットのクオリティが良かった．このようなものづくりは初めてか

結果

その後

12/07 工学実験実習 レポート2提出

よくありそうな質問

Q. チームで出るのと個人で出るのはどっちがおすすめ？

Q.本当に初心者でも大丈夫なの？

Q.今回はJS使うハッカソンだったけど，他のスキルは活かせる(活かせた)？

Q.お金はかかった？

まとめ

12/07 工学実験実習レポート²提出