おかわりLT 革靴メンテなんです！！

2023年12月5日
ハッカソン・おかわりLT会!!の資料です。

https://www.canva.com/design/DAF2G7eDmWE/fUMAS4LWypPJLeMIX6CuDg/view?utm_content=DAF2G7eDmWE&utm_campaign=designshare&utm_medium=link&utm_source=editor

Transcript

1. 革靴メンテなんです！！を 支えたプロダクト思考 JPHACKS 2023 Start Slide KB2315 B4_M2_D3_Last_Year Hayatto（@haruto869217） プロダクト考案・フロント・サーバサイド（やりたかった）
2. 自己紹介 プロフィール Hayatto（@haruto8692） 関西，来年から関東かも B４（学部4年） やってること HW 構築(Raspberry Pi） SW サーバーサイド ★ フロントエンド サーバー（次の人に触発されて） ★ JPHACKSで担当 好きなもの 革靴 漫才観覧 （M1地方予選に行くこと） ジョックロック 準々決勝敗退 す支きな漫才師
3. 革靴メンテなんです！！とは？ 紹介動画 → センシング& ドライ機能 通知& 記録機能 Share機能 革靴内部の状態を把握しながら 内部換気と 最適な温度変化の促進により 臭い・型崩れを防ぎます 革靴メンテナンスのために ”次にやること”を通知して 革靴を最良の状態に保つ支援します また、革靴をどんな天候でどれくら い履いたかを自動記録し、 データ分析の一助とします 革靴の使用履歴は Googleカレンダー等を介して シェアすることができます。 仲間内での交流やマウンティング ドヤりなどを実現します
4. B4 Hayatto (@haruto869217) プロダクト統括 / フロント M2 motty (@motty_mi) バックエンド / インフラ D3 Akiyama (@btakshin) ハードウェア / プレゼン B4_M2_D3 Last Year メンバーと役割
5. フロントエンド　& プロダクト 1から生み出したプロダクトの苦悩 画面に表示させ る目標でWeb サイトを作る必要 あるのか フロント表示でき てれば十分だと 思います。 誰かの意見 誰かの反応
6. フロントエンド 理想フロント オンプレミス Next.js Material UI Framer Motion Vr14でさらに高速とのうわさ レスポンシブ対応が楽。 CSS書く必要がない。（みたい） ユーザー画面のアニメーション Line API（サーバーサイド） 現実フロント Streamlit
7. Hack Day , Award Day 靴と睨めっこして検証 エラー処理を共有できる（楽しめる） 誰か外で閉じ込められる 朝しんどい & 遅刻（焦るけど） その他小ネタ ホテルでの活動が一番楽しい 「自分が使う」視点を忘れなかった mottyと深夜4時までやってキレられた 正しい見え方を指摘してもらった 予選での取捨選択・技術力 チームメンバーの取捨選択力 No.1 基準に徹した自分 早朝6時から東京に向かいチーム合流深夜12時 検証時間お化け（※強要ではありません） 17時間も履いた靴で実験！！ 検証結果、脚臭いと言われる（怒） プレゼン資料, ポスター超絶ギリギリ 革靴17時間履き続けた渋谷事変 技術構成書いて いるのかな？？
8. 革靴メンテなんです！！を 支えた技術 JPHACKS 2023 motty（@motty_mi） マイコン・サーバｰサイド・インフラ エンジニア KB2315 B4_M2_D3 Last Year
9. ★マイコン（Arduino） ★サーバーサイド ★インフラ（自宅鯖） etc.... ★ JPHACKSで担当 やってること HW HWの設計・加工 電気電子回路 FPGA 自己紹介 SW 好きなもの 猫 酒 プロフィール motty（@motty_mi） 関西，来年から関東 M2（修士 2年）
10. Devkit で実装&テスト 1. できるだけ抽象化 2. ---ここから，担当変更--- デバイスレイヤの処理を記述 1. ビルドフラグを使いたかった... 変更箇所が多すぎて断念 結合テスト 2. 複数種のArduino開発差分を吸収 HW担当とArduino SW担当は別 2人で分担して Arduino を書いていた デバイスレイヤ / 通信，ロジック 持っているマイコン＆ライブラリが違う ESP32 Devkit-C vs M5Stick-C vs M5Stick-C Plus Platform IO（Arduino開発） PlatformIOのビルドで対応
11. 手元でデータを取りたい！！ ビジュアライザ（Arduino開発） ワイヤレスで動作 数秒に一回でよい シリアル通信（有線）だと... PC とつなぎっぱなしじゃないとダメ マイコンの書き込み（シリアル）と競合 OSごとに取り回しが違う （デバッグしたくない） WiFi で情報収集じゃ！ Node Exporter の発想 センサデータを WebServerで吐き続ける クライアントを実装 リアルタイム更新対応！！
12. Line Messaging API を利用 テストでリクエストを投げまくる Botを4個くらい使いつぶした ごめんなさい APIのリクエスト数がぎりぎりに... 数を数える and 余裕を持ったローテションを ほかのLine Bot 使ったチーム教えて！ Line API（サーバーサイド）
13. Dev環境（Docker Compose）でテスト 1. Actionでビルド・ghcr にプッシュ 2. 手動 or ArgoCD で最新デプロイ 3. 本番 1日前に壊れる Metallb （外部通信用 MW）の設定ミス （2週間程前の設定ミスが，突如現出） 行きの新幹線の中で直した 安心で確実（？）なデプロイ環境 自宅サーバ勢 最近 Kubernetes に挑戦中 本番投入してみたい！ 自宅Kubernetes（インフラ） 構成
14. Hack Day 神戸会場にて... 隣のチームのHWを修理 うまく動くようになる！ そのチームが神戸会場で優勝！！ 悔しい ＆ 嬉しい w その他小ネタ ライバルであり，仲間でもある デモで失敗しないために... デバイスは通信が命 マイコン・Pi の WiFi 感度はシビア テザリングさせたスマホを常駐 povo 2.0 無制限を待機 通信の確保 深夜（3時頃）に散歩に出る カギを忘れる メンバは集中して，連絡見てない 30分くらい帰れなかった（笑） 閉じ込められる KB2316 ねこみみハリケーン エコー 引用：https://jphacks.com/information/award-finalists2023/
15. 今後の方針 未踏に応募予定 UI（施策中） Flutter にReplace かな 使いやすいモダンなUI あれば教えてください！！
16. THANK YOU JPHACKS 2023 KB2315 B4_M2_D3_Last_Year ハッカソンは楽しいよ