Skip to content

Commit

Permalink
[esa] Update post.
Browse files Browse the repository at this point in the history
  • Loading branch information
SatooRu65536 committed Feb 3, 2025
1 parent 25baa02 commit bdb24f7
Showing 1 changed file with 10 additions and 9 deletions.
19 changes: 10 additions & 9 deletions src/contents/posts/407.html.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,12 +3,12 @@ title: 技育CAMPキャラバン @博多 Vol.2 最優秀賞受賞
category:
tags:
created_at: '2023-06-19T14:29:08+09:00'
updated_at: '2024-01-26T16:00:47+09:00'
updated_at: '2025-02-03T15:11:28+09:00'
published: true
number: 407
---

<img width="1920" alt="完全に理解した_かみあぷり.006.png (2.9 MB)" src="/img/407/50d741ff-b7ba-4778-98a5-6afb65fe1cf2.webp">
<img width="1920" alt="完全に理解した_かみあぷり.006.png (2.9 MB)" src="https://img.esa.io/uploads/production/attachments/19973/2023/07/04/148413/50d741ff-b7ba-4778-98a5-6afb65fe1cf2.png">

# ハッカソンの概要
6月17日 技育CAMPキャラバン vol.2 博多
Expand All @@ -17,12 +17,12 @@ number: 407
今回は前回の京都に続く第2回で、福岡で開催されました。
# 作ったものの概要
今回制作したものは **かみあぷり** というMac用アプリです。
<img width="1920" alt="完全に理解した_かみあぷり.006.png (2.9 MB)" src="/img/407/50d741ff-b7ba-4778-98a5-6afb65fe1cf2.webp">
<img width="1920" alt="完全に理解した_かみあぷり.006.png (2.9 MB)" src="https://img.esa.io/uploads/production/attachments/19973/2023/07/04/148413/50d741ff-b7ba-4778-98a5-6afb65fe1cf2.png">
このアプリでは **紙を破く** という動作を認知し、**スライドを移動する****プレゼンを開始/終了**する、そして**ソースコードを全て消す** といった操作ができます。
<img width="1920" alt="完全に理解した_かみあぷり.007.png (3.0 MB)" src="/img/407/9f238355-e4bf-48cb-a803-8d72f26125ef.webp">
<img width="1920" alt="完全に理解した_かみあぷり.007.png (3.0 MB)" src="https://img.esa.io/uploads/production/attachments/19973/2023/07/04/148413/9f238355-e4bf-48cb-a803-8d72f26125ef.png">
以下の画像は実際のアプリの画面です。
紙を破いたと判断されると 付箋 に書かれている内容が実行され、ログが追加されます。また右側の2本の棒で認識状況がわかるようになっています。
<img width="1920" alt="完全に理解した_かみあぷり.009.png (2.5 MB)" src="/img/407/94130707-0f99-4eb3-800b-1245ee3e5f0a.webp">
<img width="1920" alt="完全に理解した_かみあぷり.009.png (2.5 MB)" src="https://img.esa.io/uploads/production/attachments/19973/2023/07/04/148413/94130707-0f99-4eb3-800b-1245ee3e5f0a.png">
実行内容は 付箋 をクリックすることで、先にあげた3つと何もしないの4つの操作を切り替えできます。
## 技術スタックについて

Expand Down Expand Up @@ -71,12 +71,12 @@ Googleフォントにいいのがなかったのでダウンロードしたの
こちらは1回破いたときの値です。
`0.8` 以上となったところの背景を赤くしています
(手抜きのため少しずれているのは気にしないでください)
<img width="315.36" alt="raw.png (24.0 kB)" src="/img/407/4aae0639-6088-4fc3-8320-a1b20c4589e3.webp">
<img width="315.36" alt="raw.png (24.0 kB)" src="https://img.esa.io/uploads/production/attachments/19973/2023/07/04/148413/4aae0639-6088-4fc3-8320-a1b20c4589e3.png">
このグラフを見ると `1回の破き` で `3回認識`してしまっています。
ほかにもノイズが入り、一瞬だけ0.8を超えたり...

そこで移動平均フィルターを掛け、平滑化してあげることで以下のように1回だけ反応するようになりました
<img width="315.36" alt="filter.png (19.3 kB)" src="/img/407/3da83b1e-75f6-4dfa-a542-2a8081455489.webp">
<img width="315.36" alt="filter.png (19.3 kB)" src="https://img.esa.io/uploads/production/attachments/19973/2023/07/04/148413/3da83b1e-75f6-4dfa-a542-2a8081455489.png">
このグラフは Python を使って描きました
(matplotlibさいこう!!)

Expand All @@ -100,7 +100,8 @@ osascript -e 'display dialog "hi!"'

以下のようなダイアログが出現します

[https___qiita-image-store.s3.ap-northeast-1.amazonaws.com_0_2727329_a44a91a9-28e1-5de5-88c9-f4470ff11c8f.avif (7.2 kB)](https://esa-storage-tokyo.s3-ap-northeast-1.amazonaws.com/uploads/production/attachments/19973/2024/01/26/148142/f9c29ce2-dfd7-434f-ac7c-0956502b4cfd.avif)
<img width="532" alt="a44a91a9-28e1-5de5-88c9-f4470ff11c8f.png (115.4 kB)" src="https://img.esa.io/uploads/production/attachments/19973/2025/02/03/148142/e3972e0e-04a8-4c16-9e67-86c55e647b58.png">



キーノートのスライドを開始した状態で以下のコマンドを実行すると、次のスライドに移動することができます
Expand Down Expand Up @@ -199,7 +200,7 @@ const path = await resolveResource(`osascript/next.applescript`);
# 発表の概要
当日の発表では台本を印刷した紙を用意しました。
実際に""台本""と書かれた紙を持って発表している様子が技育CAMPの公式Twitterに上がっています。
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr"><p><a href="https://twitter.com/hashtag/%E6%8A%80%E8%82%B2CAMP%E3%82%AD%E3%83%A3%E3%83%A9%E3%83%90%E3%83%B3?src=hash&amp;ref\_src=twsrc%5Etfw">#技育CAMPキャラバン</a> </p>@福岡<a href="https://twitter.com/hashtag/%E3%83%8F%E3%83%83%E3%82%AB%E3%82%BD%E3%83%B3?src=hash&amp;ref\_src=twsrc%5Etfw">#ハッカソン</a><br><br>//<br>🗣️ 実況中継〜〜📷<br>\\\<br><br>チーム名:完全に理解した<br>作品名:かみあぷり<br> <img src="/img/407/FyziEzKaMAMFIxe.webp"> 【公式】技育プロジェクト (@geek\_pjt) June 17, 2023</blockquote>
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr"><p><a href="https://twitter.com/hashtag/%E6%8A%80%E8%82%B2CAMP%E3%82%AD%E3%83%A3%E3%83%A9%E3%83%90%E3%83%B3?src=hash&amp;ref\_src=twsrc%5Etfw">#技育CAMPキャラバン</a> </p>@福岡<a href="https://twitter.com/hashtag/%E3%83%8F%E3%83%83%E3%82%AB%E3%82%BD%E3%83%B3?src=hash&amp;ref\_src=twsrc%5Etfw">#ハッカソン</a><br><br>//<br>🗣️ 実況中継〜〜📷<br>\\\<br><br>チーム名:完全に理解した<br>作品名:かみあぷり<br> <img src="https://pbs.twimg.com/media/FyziEzKaMAMFIxe?format=jpg&name=4096x4096"> 【公式】技育プロジェクト (@geek\_pjt) June 17, 2023</blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

発表ではインパクトを強く、聞いていて面白い発表にしたいと考えていました。オフラインのハッカソンだからこそのパソコンの中だけで終わらない現実でアクションのあるプレゼンを目指しました。
Expand Down

0 comments on commit bdb24f7

Please sign in to comment.