欲しいツールがみあたら ないので作った話

Claude Codeをつかったら色々なツール・アプリができたのでその紹介ですが、Claude Codeはなんとなくで使っているので詳しく説明しません。

Transcript

1. TITLE 欲しいツールがみあたら ないので作った話 株式会社イレブンソフト Keiichi Matsuda ゆるWeb勉強会@札幌 #31
2. アジェンダ アジェンダ 1.⾃⼰紹介 2.ツールの紹介 3.クロージング
3. 自己紹介 1/2 自己紹介 • • • 名前：Keiichi Matsuda 所属会社：株式会社イレブンソフト X：https://x.com/wood2soil • 趣味：スケルトン
4. 弊社の紹介 株式会社イレブンソフト のご紹介 • 社員数 • 26名 • 主たる業務 • SES • URL • https://11-soft.com/ • 技術ブログ • AI時代にエンジニアはどう成長するべきか？ ―「AI時代のエンジニアの育成・成長とコミュニ ティ」参加レポート | 株式会社イレブンソフト
5. 自己紹介 2/2 スケルトンとは？ （ゆるWebはウィンタースポーツの得意技を披露する場だったはず）
6. ツールの紹介 1/22 今日の主題 • Claude Codeをつかったら色々なツール・アプリができ たのでその紹介ですが、Claude Codeはなんとなくで 使っているので詳しく説明しません、技術の深堀の話も 一切でてきません • ゆるWebでの発表は初めて（初心者枠）、そもそも発表 自体、OSC依頼2回目なので察していただけると幸いです ができるはず（セルフイメージを高く持つことが大事）
7. ツールの紹介 2/22 つくったツール・アプリ アプリ名 種別 主要機能 インター ネット速度 モニター Windows常 駐アプリ＋ Webアプリ インターネットの回線速 度を定期的に計測し、 日・週・月単位でグラフ 表示できる Python、Flask、外部API SPEED TESTを利用 CLIツール ローカルLLMをつかった 音声から文字起こし、要 約作成までできる Python、PyAudioWPatch、faster-whisper、 pyannote/speaker-diarization-3.1、Qwen2.5-7B-Instruct 年表を作成できる Next.js App Router（TypeScript）、NextAuth.js（Auth.js v5）、 AWS DynamoDB、AWS Amplify（CloudFront + Lambda@Edge）、AWS CDK（TypeScript）、GitLab CI/CD Next、 DynamoDB、外部サービス（Wikipedia、Google OAuth） 動画を同時再生できる Next.js App Router（TypeScript）、NextAuth.js（Auth.js v5）、Google OAuth、react-player v3、AWS DynamoDB、Amplify、CDK、Lambda、 EventBridge、SES、Route53、GitLab CI/CD、外部サービス（Youtube、 Twitch、Google OAuth） 議事録自動 生成CLIツー ル LifeTracks よんぷれ Webアプリ Webアプリ 技術スタック
8. ツールの紹介 3/17 インターネット速度モニター 概要 インターネットの回線速度を定期的に計測し、日・週・月単位でグラフ表示できる Windows 常駐アプリです。
9. ツールの紹介 4/17 インターネット速度モニター システム構成図 ※説明省略
10. ツールの紹介 5/17 インターネット速度モニター まとめ • ClaudeCodeでWindows常駐アプリもサクッと作れるの が良い 思い付きから初回実装完了まで30分くらい • 通信速度が低下する時間帯に何がおきているのか、計測 に使用しているサイトの問題なのか否かの切り分けがで きていない
11. ツールの紹介 6/17 議事録自動生成CLIツール 概要 Slack/Teamsなどの会議音声から議事録を自動生成するPythonツール。 起動すると録音を開始し、Enterキー押下で停止する。その後、文字起こし→話者分離→要約を すべてローカル環境（CPUのみ）で実行し、Markdown形式の議事録を出力する。
12. ツールの紹介 7/17 議事録自動生成CLIツール 概要
13. ツールの紹介 8/17 議事録自動生成CLIツール システム構成図
14. ツールの紹介 9/17 議事録自動生成CLIツール まとめ • ローカルLLM完結の要約により、外部APIに音声・発言内容を送信せず、社 外秘の会議でも安心して利用できる • YouTubeなどの動画の文字起こしも対応可能 • 英語の動画も翻訳できたが日本語と英語が混じって出力された。要約は問題 なさそうだった • Slackをつかった「ひとりハドルミーティング」でプレゼンの練習にも使え る • モデルがやたらでかい（modelsフォルダは5.78GB） • 集約するまでがなかなか遅いので改善したい（1時間かかる） • Teamsの議事録機能にはとてもかなわない
15. ツールの紹介 10/17 LifeTracks 概要 人物の生年月日を入力すると、バーチャート形式の年表を作成できるWebアプリです。
16. ツールの紹介 11/17 LifeTracks システム構成図
17. ツールの紹介 12/17 LifeTracks まとめ • 結構簡単にできた • GitLab＋AmplifyですぐWebアプリがデプロイでき るのは便利 • 昭和生まれが集う飲み会で活躍 実体験ですが参加者全員の年表を作ると盛り上れ ます • ドメインを取得して公開するかも
18. ツールの紹介 13/17 よんぷれ 概要 YouTubeなどの動画サイトなどをブックマークして、マルチ画面分割で同時視聴できるWebアプリケーションです。 よんぷれ | YouTube・Twitch 複数動画を分割画面で同時視聴
19. ツールの紹介 14/17 よんぷれ 概要 レイアウトヘルパー レイアウトの保存 動画 検索 プロジェクションモード プレイリスト再生
20. ツールの紹介 15/17 よんぷれ 概要 EnsembleSyncによる再生位置の調整 XなどのSNSでシェアが可能 EnsembleSyncによる動画再生
21. ツールの紹介 16/17 よんぷれ システム構成図
22. ツールの紹介 17/17 よんぷれ まとめ • このアプリでAmplifyを初めて使ったが便利だった • BASIC認証 • 開発環境、本番環境のブランチ戦略 • 視聴体験の共有できる仕組みまでできたのはよかった • 今後、アクティブユーザーの獲得を目指し機能拡充、PRをしていきたい
23. クロージング 1/3 まとめ 作成したツールを紹介しましたが「そのツールもうすでにある よ」「あるんかい」みないな事象が発生しうることは否めない。 現に、議事録作成・要約はTeamsが最高かも。 Claude Code（Pro）を使い始めて5か月だがいろいろなツール、 アプリを作成できた。アイデアを即、形にできるのはとても強力。 今後は、各ツール、アプリをときどきアップデートしつつ、 Flutterの開発にも取り組んでいきたい。
24. クロージング 2/3 最後に スケルトンを紹介出来てよかった。 2027年2月にFu’sで札幌市民大会があるはず。 是非とも参加していただきたい。 メリット • とんでもないスリルを味わえる • LTでウィンタースポーツの得意技を紹介できる • 競技人口が少ないので入賞できるかもしれない デメリット • もうやりたくない気持ちになるくらい怖い
25. クロージング 3/3 ご清聴ありがとうございました。