---
title: 姫路IT勉強会 2024.09
description: 姫路IT勉強会 2024.09
lang: ja-jp
---
姫路IT系勉強会 2024.09
=======================

* 開催日: 2024/09/21 13:15
* 司会: wateさん
* 参加人数: 参加者: ???名 (うち学生：0名)
* HackMD: <https://hackmd.io/abcdefghijklmn>
* connpass: <https://histudy.connpass.com/event/329867/>
* [姫路IT系勉強会 Discordへ参加する](https://discord.gg/rZCeScB)
* **オンライン開催の場合はDiscordのボイスチャットを利用しています**
* Discordは無料プランに乗れる人数(10人以内)なので使っています。
* 有料版でも$15/月程度なら払えなくもないですね。
* Discord以外にも色々ありますので、人数が増えたら検討しましょう。
* [姫路IT系勉強会 Slackへ参加する](https://join.slack.com/t/histudy/shared_invite/zt-ugowinom-ZG0ORhstkrqQGVyjksr_OA)
* 勉強会当日以外での質疑応答やメンバー同士のコミュニケーションに利用しています
* Slackでの話の流れから、突発的に臨時イベントが企画されされるケースがあります
* 画面共有について(オフライン開催時のみ)
* [Chrome ツールバーにキャスト アイコンを追加する](https://support.google.com/chromecast/answer/7249696?hl=ja)

最近のニュース
-----------------

* [姫路IT系勉強会](https://histudy.jp/)
* [ElasticSearch is open source, again](https://www.elastic.co/jp/blog/elasticsearch-is-open-source-again)
* ElasticSearch と Kibanaのライセンスが Apache 2.0 -> SSPL or Elastic License -> **AGPL** or SSPL or Elastic License になるらしいよ。
* [Oracle、Apple Silicon Mac上でArm版Linux＆BSD仮想マシンをサポートした「VirtualBox v7.1」をリリース。](
https://applech2.com/archives/20240912-virtualbox-v7-1-for-apple-silicon-mac-support-linux.html)
* やっとApple Silicon Macにも対応してくれた！(まだβ版っぽいけど)

お題
---------------

ここの下にお題(相談したいこと、発表したいことなどなんでも)お書きください。

* `### <ネタ>+(名前)`の形式でお題を記載してください。(任意)
(聞いてほしい話がある、または、相談したい内容がある人だけで結構です)
* 記載するお題は参加者一人につき1つだけ記載するようにお願いします。
(他の参加者が話をする時間がなくなってしまうため)

### お題をここに書く(名前を書く)

(概要や背景などをここに書く)

### CloudRun + SecretManager + NextJSで環境変数が使えないんだが(Seaoftrees08)
* 非同期バリデーション
* バリデーションとはWEBページなどで入力をチェックすること
* 非同期ってのはサーバーと通信を行う
* やってみると 404 エラーがかえってきてる?
* envファイル修正モレ
* 注意事項
* 悩み事相談です。ダメ元なのでわからんならわからんで大丈夫です。
* 相談内容
* ググればよく出てくるNextJSをCGPにデプロイするあれですが、環境変数だけが使えない...
* やったよネタ(NextJS by TS)
* React Hook Form非同期バリデーション
* 非同期バリデーション結果に応じてコンポーネントを表示する
* シークレットがとれない?
* https://cloud.google.com/run/docs/samples/cloudrun-connect-cloud-sql-parent-tag?hl=ja を参考にしてみては?
* 空文字がかえってくるのは参照できていないからではないですか?
* Google Cloudは権限管理が複雑だから設定が難しい
* GCPを利用するのは、最終的にGoogle Docにおくので一つにまとめたかったから
* Cloudflare の Worker を利用して、別に Google Docになげる。
* サーバーからGoogle Docに送信するときに、CPU時間の制限を超えるからむずかしいのでは?
* サーバーでは開く閉じるだけにして他の処理はクライアントで行うほうがいい
* お金で延長できるらしい(有料プラン怖いよ!)
* ドル請求怖い

### つくったアプリをみてください(cake)

* Youtubeにあわせて絵がうごく
* URLをいれて画面をだすことができた
* Youtubeの曲から楽譜だしたい
* 楽譜のエディタをだしたい
* Event系処理をしているところ
* Youtubeをiframeで流しているから、楽譜を流すタイミングをあわせるのがむずかしい。
* 突破している方法はあってる。
* Webサイトをみるときは、ドメインがあるので、いける。
* localhostからの要求のときは、細かい情報を返さない。
* そのため ElectronではなくWebサービスにすればいい。
* Electronから移行するならVercelの方がいいかも
* 楽譜
* [SVG](https://developer.mozilla.org/ja/docs/Web/SVG)で絵の要素をコンポーネントで作成できる。
* コンポーネントとアニメーション
* スタイルシートのアニメーションだと秒単位だからかなりむずかしい
* SVGのアニメーション https://developer.mozilla.org/ja/docs/Web/SVG/Element/animate
* こういうサービスがあります
* <https://www.ufret.jp/song.php?data=88737>
* こういう感じにしたいのかなと思いました
* 確かにこれはYouTube同期してる

### よしださんの話

* なんかすごいなと思った。
* ソフトをみせているときは彼が主役だった。
* マイクラのAPIをいじりだしたのがきっかけ。アドオンでマイクラの中にゲーム
* マイクラが好きなら、 minetest がいいかも
* Minetest | Open source voxel game engine https://www.minetest.net/
* lua (スクリプト言語)でできている。
* コードが全部みれる。
* Minetest Modding Book https://rubenwardy.com/minetest_modding_book/en/index.html
* minecraftのオープンソース実装 https://content.minetest.net/packages/Wuzzy/mineclone2/
* 他の人のソースコードを読むのは勉強になる
* 英語はこわくない、最近は飜訳ソフトがあるので
* DEBCONFなど他の人との会話できるよ。
* 第一線の人と話をするには、英語必要。
* Microsoftの飜訳ドキュメントはたまにちんぷんかんぷんになっている
* 姫路の中学校で マイクラをつかった授業
* 中学生17名でやってみた
* マイクラでビルを作ることでプログラミングを学ぶ
* この方式は jarをアップロードする必要がある
* マイクラのハッククラフト2で検索してほしい
* https://github.com/yokmama/8x9Craft-download
* http://www.hackcraft2.sakura.ne.jp/
* https://pypi.org/project/py2hackCraft2/
* GEG Kansai
* グーグルの教育グループ
* NotebookLMの話
* https://notebooklm.google.com/
* gmailアカウントだけで利用できる
* LLM は世界中の情報からとってくるAI
* LM は指定したファイルなどから情報をとってくるAI
* アップロードした範囲内の情報から回答してほしいときに便利
* RAG 自分の情報だけ検索する
* https://www.nri.com/jp/knowledge/glossary/lst/alphabet/rag Retrieval-Augmented Generation (RAG) は、大規模言語モデル（LLM）によるテキスト生成に、外部情報の検索を組み合わせることで、回答精度を向上させる技術のこと。
* 新しいサービスがすぐにつかえるとは限らないので注意
* MS の Copilotも同等の機能もある
* MS の SharePointの情報を収集して、そこから回答してくれる。
* ただし古い情報もまざってでてくるので
* 文書を収集するときにメタデータで生成日などをうめこんだベクトルデータをつくれば技術的には可能
* GoogleもMSもこの技術を採用した製品はない
* 個人でやるとベクトルデータを生成するときにリソースが足りない

### NextJS + vercelで認証作りました（もりや）
* OpenAuth2のフローに沿う流れで認証を行います。
* とりあえずSPA向けなのでサーバー側の処理がありません。
* 認証後のトークンにはJWTを使用
* 仕様をみて公開鍵公開しなければSPAで保存して問題ないんじゃ？を元に作成
* JWTの検証は認証サーバーのみで行う
* トークンの検証からDB処理を排除し軽量化
* UZAYAで提供するサービス、デモサイトの認証用に、マルチドメイン間で使用できるように作成
* OpenAI系の有料サービスの回数制限等にも使用

### 韓国で開催されたDebConf 24に行ってきました。そしてコロナに感染（nogajun）

* 韓国で開催されたDebianの国際会議DebConf 24に行ってきました
* DebConf 24 <https://debconf24.debconf.org/>
* で、最終日にコロナになりました
* 最後ボロボロすぎて見てきた話の内容をほとんど覚えてない
* スケジュールのところに講演の動画があるのでそれをごらんください
* <https://debconf24.debconf.org/schedule/>

### Python in LibreOfficeを教えて(fu7mu4)

なんかおもしろそうな機能なのでおしえてください。

* LibrePythonistaという拡張機能です
* LibrePythonista » Libreoffice Extensions: <https://extensions.libreoffice.org/en/extensions/show/99231>
* GitHub - Amourspirit/python_libre_pythonista_ext: <https://github.com/Amourspirit/python_libre_pythonista_ext>
* いままでマクロとしてPython使えましたが、この拡張機能を使うとセルにPythonを直接埋め込めます
* しかも、拡張機能をインストールするとPandasやMatplotlibがインストールされて使えます
* Introducing Python in LibreOffice Calc - YouTube: <https://www.youtube.com/watch?v=AQLuSNHhUY4>

### OpenStreetMapの地図情報を更新しても反映されません(fu7mu4)

* ブラウザで地図を更新してる
* キャッシュの問題では？
* アプリ使ったほうが良くない?
* [Ja:Download – JOSM](https://josm.openstreetmap.de/wiki/Ja:Download)

### [Restic]が何気に良かった(ワテ)

以前に見かけた、以下の記事がずっと気になってたので、
実際にインストールして色々と試してみました。

* [第765回　高度なことが簡単にできる多機能バックアップツール、Restic［前編］](https://gihyo.jp/admin/serial/01/ubuntu-recipe/0765)
* [第766回　高度なことが簡単にできる多機能バックアップツール、Restic［後編］](https://gihyo.jp/admin/serial/01/ubuntu-recipe/0766)

[restic]: https://restic.readthedocs.io/

告知
---------------

### イベント名(開催日時)

(イベントの概要をここに書く)