---
title: 姫路IT勉強会 2022.11
langs: ja-jp
---
姫路IT系勉強会 2022.11
=======================

* 開催日: 2022/11/19 13:15
* 司会: wateさん
* 参加人数: 参加者: ???名 (うち学生 0名)
* HackMD: <https://hackmd.io/abcdefghijklmn>
* connpass: <https://histudy.connpass.com/event/265688/>
* ハッシュタグ：[#histudy](https://twitter.com/search?q=%23histudy&src=typd)
* [姫路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での話の流れから、突発的に臨時イベントが企画されされるケースがあります

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

* [姫路IT系勉強会](https://histudy.jp/)
* ClamAV、ついに[v1.0.0リリース候補 が利用可能](https://blog.clamav.net/2022/10/clamav-100-release-candidate-now.html)になる
* Linus [Linux の i486のサポートを打ち切っていいか、聞く](https://www.phoronix.com/news/Intel-i486-Linux-Possible-Drop)
* [OpenSSLにCRITICALなバグがあると予告し、v3.0.7をリリースしたが、HIGHに修正](https://japan.zdnet.com/article/35195481/)
* [KOF2022 11/11, 11/12開催](https://www.k-of.jp/2022/)

自己紹介
---------------

* Common Lispに憧れているエンジニアの集まりです！(キモい)
* まじで！キモくないから!
* コンテナ化するんなら、何の言語でもいいよな、ってことで　[Elixir](https://elixir-lang.jp/) か Smalltalk をやろうとする人がきてます
* SmallTalk は [pharo](https://pharo.org/) ? [GNU Smaltalk](https://savannah.gnu.org/projects/smalltalk) ?
* pharo の FAW を使おうかと [SeasideSt/Seaside](https://github.com/seasidest/seaside)

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

ここの下にお題(相談したいこと、発表したいことなどなんでも)お書きください。
※`### <ネタ>+(名前)`の形式でお題を記載してください。

### YouTuberにオレはなる!(もりや)

* 技術をつかっておもしろいものを作っていけるというのを伝えたい
* Youtubeの画面の[エフェクトを紹介](https://www.youtube.com/watch?v=6WrcAYy_pvE)
* シナリオをかいている
* ダイレクトにシナリオがかわったときにソフトだとうまくいかない
* ここは紙?
* Emacsでモードを作成してですよね。(違う)
* シナリオから必要なエフェクトがでてくる
* 透過動画をつくれるようになっている
* 動画作成で困るのは音
* YouTubeスタジオなどでも効果音がない
* クレジット表記がめんどい
* 効果音ない!
* リアルに音をとりにいく、音ロケ
* [環境音ロケ効率化！オーダーメイドのサラウンドバーができるまで](https://magazine.cygames.co.jp/archives/13152)
* 音効さんの本をかって作る
* [サウンドエフェクトの作り方 (I・O BOOKS) Amazon](https://www.amazon.co.jp/%E3%82%B5%E3%82%A6%E3%83%B3%E3%83%89%E3%82%A8%E3%83%95%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AE%E4%BD%9C%E3%82%8A%E6%96%B9-I%E3%83%BB-BOOKS-%E5%B0%8F%E5%B7%9D-%E5%93%B2%E5%BC%98/dp/4777519252)
* [音効さん](https://ja.wikipedia.org/wiki/%E9%9F%B3%E5%8A%B9%E3%81%95%E3%82%93)というドラマがありましたね。
* [CC0](https://creativecommons.org/publicdomain/zero/1.0/deed.ja)/[CC BY](https://creativecommons.org/licenses/by/4.0/deed.ja)の効果音配布サイト → [freesound](https://freesound.org/)

#### WebM にアルファレイヤーが！
* WebGLで動画同合成がブラウザエンドでできる！
* [稲妻を合成できる仕組みを作った](https://twitter.com/i/status/1593429791453368320)
* ただし、メモリすごい食うぞ
* iOS Safari はWebMに非対応
* 代りにQuickTime 形式で

#### 工場が欲しい

* いろいろな工作をやりたい
* 溶接、プラズマ溶断機、旋盤 etc. 使いたいなあ
* 溶接したい
* プラズマカッターがしたい
* やめている町工場借りれないかなー
* 時間で工作場を貸してくれるところあるよ
* ファボラボ [FabLab Japan Network](http://fablabjapan.org/)
* ホームセンターで時間貸しの工具も色々あるよ、レーザーカッターとか
* Youtuberが田舎で家を改造するとかそういうのはある

### KOF2022いってきた(fu7mu4)

* 11/12 に開催された対面方式の [K-OF2022](https://www.k-of.jp/2022/)に参加した。そのときの感想。
* ブース写真の紹介など(ネットにアップロードの許可はえられていないので、資料を後日公開はなしです。)
* Pixelfed.tokyoはPixelfedですな
* PixelfedはActivityPubを使ったインスタみたいなヤツでPixelfedからMastodonをフォローできたりします
* https://pixelfed.org/

### 情報収集はなにを使っていますか?(fu7mu4,wate)

* Twitterがおわるかもしれなくなったので別の情報源がほしくなるかもしれない
* みんなの情報ソースは何ですか?
* Twitter
* WEB から見るか、
* Twitter clientから見るか
* mastodon
* 最近Twitterからの流入が多い
* 試行錯誤しているかんじ。
* mastodonのサーバーをたてようかなー
* KPOPなどの情報を日本語で語る場所が欲しい
* KPOPとかは嫌韓の人が来るおそれがあるのでTwitterでは女子が戦ってたりしてました。なので守りながら公開で話をしたい需要がある
* mastodonはパブリックなので外部からの流入がある。
* 設定で何日表示するみたいなのも指定できる
* ある程度管理された、公開された場所。
* 荒しを排除できる
* 閉じるときはdiscordでよい
* reddit
* RedditのSelf Hostedは、よく見てます https://www.reddit.com/r/selfhosted/
* srad(slashdot)
* 誰も話題にしないということは...私だけ?
* [hacker news](https://news.ycombinator.com/)
* 自分はここをよく見てます（の）
* gigazine
* hacker news の情報が記事になっていることが多い印象
* [Publickey － Enterprise IT × Cloud Computing × Web Technology / Blog](https://www.publickey1.jp/)
* いろんな会社が公開したい情報をアピールする場所
* RSSリーダー
* ZennとははてぶとかQiitaを
* Github の Atom Feed
* はてブ
* discord
* 趣味の人だけで集っている
* スレッド??は使わないの??
* フレンドリー??
* slack
* [HISTUDYのslack](https://histudy.slack.com)
* [vim-jpのslack](https://vim-jp.slack.com/)
* [emacs-jpのslack](emacs-jp.slack.com)
* slackのスレッドはダメ機能では?
* スレッドの中身はデフォルトで公開するようにできたい。
* 公開をあとから設定できない?
* Twitterは140文字にするのは英断だった。
* それより長くなるなら別の媒体にするように
* スレッドの使い方がわかっていないのでは?
* Slackbotの出番じゃない?
* スレッドをたばこ部屋的にきめるのはよくない
* 意思決定したら情報をオープンにしないといけない
* オーガナイザーがいないとわからなくなる
* ただバラバラな情報が詰め込まれているだけ
* 分散型のチャットシステム
* Element | Secure collaboration and messaging https://element.io/
* 最近のオープンソース系では、よく使われてる
* 今日からMatrixを使い始める人へ https://zenn.dev/amane/books/matrix-beginner
* [mixi](https://mixi.jp/)
* 情報収集する場所ではない?
* モンストのためにあった。
* 話題には出るけど、みんな戻らないよね
* ML(メーリングリスト)
* [GNOME](https://www.gnome.org/)がメーリングリスト廃止だそう、掲示板に移行する
* https://opensource.srad.jp/story/22/10/29/042245/
* もう時代遅れなんだけど、古いプロジェクトはしかたない。
* フィルターが必須!
* FreeMLもなくなったし。
* [メーリングリストの「freeml」が終了。サービス開始から約22年](https://www.watch.impress.co.jp/docs/news/1188072.html)
* コンテナのメールサーバ離れ
* [Wordpress](https://wordpress.com/ja/) を Dockerでたてるときにメールサーバーがないと警告が
* SMTPで外部のものを使うことで対応した。メールサーバーは避けられている模様
* 最近は Docker Compose か GCPはPackerでワンクリックデプロイが組まれてた
* [Facebook](https://ja-jp.facebook.com/)
* [Linked in](https://www.linkedin.com/)
* 海外の就職につかえる
* オープンソース関連の仕事や求人もあるかも
* 日本語はちょっと、英語圏のサービス
* [Quora](https://jp.quora.com/)
* [NHK BS「キャッチ！世界のトップニュース」](https://www.nhk.jp/p/ts/KQ2GPZPJWM/)
* 技術的な話はないです、日本で報じられないニュースが見れます
* 最近だとビッグテックのリストラ話とかはあります、Twitter社がらみも
* [BBC](https://www.bbc.com/news)
* イギリスではストやっている。賃上げのスト
* フランスでもやっている、少し前だけど
* 各民放のYouTubeのフラッシュニュース
* 一般的なニュースを知っていないと雑談で困る?
* TickTokでのできごと
* 韓国関係のものをみていたら、女性関連の広告がでてきた
* 通知ってどうしている?
* 3日前、一時間半前に通知がきると忘れる
* 3日前にださないと心の準備ができないから必要
* 心の準備ができてから通知を5分前にもう一回出すようにする。

### DIY用具を色々もってきました（もりや）
* レーザー加工機(SCULPFUN S9)
* カット向けの集光型レーザー加工機
* フォーカス範囲の厚み12mmまで切削可能
* ヤニが大量に出るので廃棄ダスト必須になります。
* カット特化のためデザインの焼付精度は若干劣ります。
* 付属のソフトウェアは思い込みを捨てて使う必要がある
* リミットスイッチがないのでホームの設定は感
* FDMプリンター
* 一番初期の頃のOSS型3DプリンターRepRapをベースにした半組み立てキット
* 全く洗練されていないデザインですが、全てをカスタム可能な保守性
* 設定を詰めると、商用プリンターレベルは達成できる
* 光学式プリンター（Anycubic　Photon MONO 4K）
* 名前の通り4K解像度のスクリーンでかなり細かい表現が可能
* レジン特有の硬化時の収縮の影響で、精密な部品の出力は難しい
* 故障時に部品の調達が国内では難しく、ほぼ中国からの入手になる

* 作成したあとの作業
* 機械にくっついた状態でてくる。これを外す必要がある。
* リアル[型抜き](https://www.amazon.co.jp/%E3%83%8F%E3%82%B7%E3%83%A2%E3%83%88-Hashimoto-%E5%9E%8B%E6%8A%9C%E3%81%8D%EF%BC%88%E3%81%8B%E3%81%9F%E3%81%AC%E3%81%8D%EF%BC%89-%E6%98%93%E3%81%97%E3%81%84%E3%82%BF%E3%82%A4%E3%83%97-100%E6%9E%9A%E5%85%A5/dp/B00L6STULA)（3Dの）
* 取り外しに(ニッパーなどで)2時間かかることがある。
* 造形の細かいフィギュア等の場合、折れないように相当注意する必要が
* 注意：レジン液はMAXいれましょう
* レジンが少ないと印刷ベッドを上下したときに空気がはいる
* ベッドが下がったときにレジンの粘性で空気が抜けきる前に次の項が始まり、エラーになる
* 注意：メーカー純正のレジン液を使いましょう
* メーカー毎にレジン液の成分が異なっており、それによって硬化するレーザーの波長が異なる
* 硬化時間が1秒～10秒程度まで幅がある
* そのため他メーカーのレジン液を使うと想定していない時間で固まる
* 硬化不良の場合は謎の物体が生成
* 硬化し過ぎの場合は印刷物が剥がれない
* 固まる時間が適性ではないと最悪、モーターから煙がでて交換になる。
* ヘッドの上下送りは長いねじ棒をサーボ直差しで回転させる単純明快な仕組み
* 2万円台では現在最高峰
* 注意：中空構造にする場合は穴を2箇所空ける

### [Next.js](https://nextjs-ja-translation-docs.vercel.app/docs/getting-started) で GoogleMap - Leaflet 両対応の地図ページを作った（むねなが）

* 企業向けWEBサービスの地図ページ、事業所や店舗位置を地図上で表示したい
* 大枠の技術要素は先方で決まってる
* TypeScript
* [Next.js](https://nextjs.org/) サーバーサイドレンダー：SSR
* サーバーサイドジェネレート：SSGの方がパフォーマンスとかいいけど、一件変更すると全ページの再ビルドが走る → インフラの予算が耐えられん とのこと
* ちょうど差分生成ー[ISR](https://nextjs.org/docs/basic-features/data-fetching/incremental-static-regeneration)がリリースされたけど、出始めすぎて今回は見送り
* GoogleMap / [Leaflet](https://leafletjs.com/) 両対応
* Leaflet + OpenStreetMap なら API使用料が要らないので
* REST API
* 「サービスのページ全体構成からいうと [GraphQL](https://graphql.org/) がいい」と提案したがボツに
* 既存顧客向けに既に [Laravel](https://laravel.com/) で作ったものがあって、その兼ね合いかも
* じゃあ今回も全部 Laravel で作った方がいいのでは？
* GoogleMap React ライブラリ [google-map-react](https://www.npmjs.com/package/google-map-react)　
* [react-google-map](https://www.npmjs.com/package/react-google-maps) ってのもある
* 紛らわしい
* npm はそういうカオスめいたとこがある

**全部決まってるところにアサインするとつらいとこあるよね**

#### Leaflet
* [Leaflet](https://leafletjs.com/) は JS ライブラリだけど、Next.js のコンポーネントとしてマウントするのに一工夫要った
* React から JS オブジェクトを掴む方法を調べてみたら、煩雑、メリット分からん、関数型コンポーネントの作例がほぼない
* [他のライブラリとのインテグレーション – React](https://ja.reactjs.org/docs/integrating-with-other-libraries.html) 公式の解説はクラス型コンポーネントです
* そんでまた、React で使うにも一工夫要る

#### GoogleMapでテストデータを大量に入れたら重かった
* 本来、GoogleMapは数千件とかでもパフォーマンスには問題ない
* 表示中の地図範囲から、その範囲内の座標データしか処理しないはず
* 最終的に想定はMAX200件ぐらいなので、実用上のパフォーマンスは問題ないとの由
* 指定された [google-map-react](https://www.npmjs.com/package/google-map-react) ライブラリ内部のステート処理に問題があるのでは？
* コンポーネントには座標データを一気に渡せても、内部で1件ずつステートにセットしてるとか
* 確かに Leaflet では相当数のテストデータを入れてもさほど重くなかった

### Google Cloud にオンプレとレンサバのサイトを集約できないか試み中（むねなが）
* オンプレ
* [Redmine](https://redmine.jp/)
* Gitリモートホストが欲しい：[Gitea](https://gitea.io/ja-jp/)てのを使ってみようかと
* Facebook が [mercurial](https://www.mercurial-scm.org/) をフォークしてカスタマイズした[sapling](https://github.com/facebook/sapling)が話題に
* mercurialをカスタマイズして git 互換にする提案がとおらなかったのでフォークしたのかな。
* コマンドがslなのがアレ
* 例の[ジョークコマンド sl](http://www.tkl.iis.u-tokyo.ac.jp/~toyoda/) の最新は[これ](https://github.com/gmkou/sl)か?
* 参考：[ジョークプログラムslを動かしてみた](https://qiita.com/gm_kou/items/2840a6670dc2e733d00a)
* レンタルサーバ
* 個人ブログ
* 個人事業主サイト

これらを全部GCPに載せられないか構築中
月々の使用料がいくらになるか…おそるおそるやってます
従量制じゃないから「さくらのクラウド」の方がいいかもね

* [Fediverse](https://ja.wikipedia.org/wiki/Fediverse) インスタンスをついでに立てた
* 何年か前から Mastodon 立てようかなと思っていた
* 今回 [Misskey](https://misskey.io/) とか考えてたけど…
* https://pl.autumnsky.jp/main/public
* [Pleroma](https://pleroma.social/)
* [Mastodonに続く新たな連合型SNS「Pleroma」作者に聞く 開発の背景、特徴、ロードマップ：マストドンつまみ食い日記 - ITmedia NEWS](https://www.itmedia.co.jp/news/articles/1711/15/news124.html)
* 「[Erlang VM](https://www.erlang.org/) + [Elixir](https://elixir-lang.org/) で並行処理ならまかせろ！」らしい
* Ruby っぽい文法らしいので余裕だろ、と思って中身を見た
* 全くわかりませんでした
* Pleromaは思想信条的に自分と[合わない](https://web.archive.org/web/20190116144939/https://pl.smuglo.li/media/axis.pdf)ので控えてます
* https://hakabahitoyo.wordpress.com/2019/07/13/english-and-japanese-internet-against-far-right/
* PleromaフォークのSoapboxの人は、[トランスジェンダー差別をしていたり](https://blog.alexgleason.me/trans/)するので、野方はそういう自由は認めたくないです

### ただの業務連絡(fu7mu4)

* [Haskell](https://www.haskell.org/) と [OCaml](https://ocaml.org/) って似ているなー
* というわけで Haskellのプログラミング言語の本をつかって OCamlとLispで実装しなおすみたない遊びができるのでは?
* ただ、これアップしたらライセンス的にいかがなものかとなるのでローカルでしかできないな。

### ActivityPub周りを調べたい(のがた)

※時間埋めのネタです

* Mastdon周りが騒がしくなってきたのでいろいろ調べたいと思案中
* でも、mastodonはコードが大きいし…
* と思ったらPython実装のmicroblog.pubが！
* https://microblog.pub/
* [Flask](https://flask.palletsprojects.com/en/2.2.x/)で書いてるから自分的に読みやすい
* 上でも話したようにK-POPマストドンも立てたいなと思ったり

### Redmineのデータベース構造を読み解く(ワテ)

※お題が少ないとき用のネタなので、他に人のネタが有る場合にはスキップ可

* [Redmine Database Schema](https://github.com/wate/redmine_db_schema/)
* Redmineのソースコードを読んでいったり、画面をポチポチして実際にデータを登録して、データベースの中身を確認していくという作業は控えめに言っても大変でした・・・
* 関連用語について
* [STI(単一テーブル継承)](https://qiita.com/niwa1903/items/218713c076fb0075712f)
* [ポリモーフィック関連](https://shiro-secret-base.com/?p=918)

* 余談：[OpenProject](https://www.openproject.org/)というオープンソースのプロジェクト管理ツールのRedmineとの比較
* Best Redmine Alternative - OpenProject https://www.openproject.org/alternatives/best-redmine-alternative/

### 近況： [insta360](https://www.insta360.com/jp/) 買いました。１年ほど前から農業を始めました。(園田)

* QCを学ぶ授業の検証であらゆる場面を撮影できたり、車いすの旅行者のために移動の様子をビデオにしたい、始めた農業の記録のタイムラプスを撮影のため、子供のバレーボールの試合を記録するため、買いました。
* １年ほど前から、神河町で農業を始めました。ジャガイモ、サツマイモ、キャベツ、白菜は無農薬で、それなりに作れました。スイカ、枝豆、ナスは完全に失敗。ブロッコリー、トウガラシ、ピーマンは少しだけできました。
* 畑半分は、子供たちに貸しています。場所がそれなりに遠いので、天候と画像をリモートで収集できるようにして（スマート農業？）、週末農業を確立したいと思っています。大学近辺の耕作放棄地を耕作してみたいです。

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

### 12月の勉強会はオンライン

* 1月はオフラインで新年会を開催

### State of the Map(12/3)

* State of the Map Japan 2022 in Kakogawa - State of the Map Japan 2022 https://stateofthemap.jp/2022/