姫路IT系勉強会 2022.02

  • 開催日: 2022/02/19 13:15 -
  • 司会: wateさん
  • 参加人数: 参加者: 4名 (うち学生1名)
  • HackMD: https://hackmd.io/uo-y80kVQjeoCi8_HETYag
  • connpass: https://connpass.com/event/239350/
  • ハッシュタグ：#histudy
  • Discord(オンラインミーティング専用)姫路IT系勉強会招待コード: https://discord.gg/rZCeScB
    • Discordは無料プランに乗れる人数(10人以内)なので使っています。
    • 有料版でも$15/月程度なら払えなくもないですね。
    • Discord以外にも色々ありますので、人数が増えたら検討しましょう。
  • ニュース(あれば)

自己紹介

  • NaviにCommon Lispを組込めないか..?
  • 社長に社員の私物を売られる会社の話
  • いもけんぴはアイディアの源泉
  • 確定申告やろうぜ！(2/15~3/15?)

お題

SVGを動的に組み込んで見ました（もりや）

  • 発射装置の部品待ちの間に発射画面の方を進めました。
  • Inkscapeで作成したSVGをメーター類で使えるようになりました。
    • InkscapeのAdobe Illustratorのオープンソース版のようなベクター系のツール
      • Adobe Photoshopや Gimpはドロー系
    • SVGは画像形式のひとつ(xml)
    • サーバー側で読み込んだSVGをそのままクライアントに渡すと、バイナリをBase64化した物が渡る
      • これだと画像として表示は出来るけど、JavaScriptで操作できない
    • 受け取ったデータを、Base64→バイナリ（Uint8Array）→テキストデコード→InnerHTMLでDOM化　の流れでHTML化出来る
  • この結果、昨年末に作成したPDF作成ツールが不要に
    • SVGのレイアウトを作成・編集するツールを作成しましたが不要に
    • よりよい開発がすすむ

おいしいいもけんぴ

  • RTSP形式で画像を受けとりたいがいいのがない???
    • 変換していると、遅延が大きい。
    • 遅延一秒をいれると安全上の問題がある。
  • いもけんぴ加速装置のコンデンサーが多くてやばい
    • 安全を図ってください
    • コンデンサの数＝ロマンの数
    • 芸術は爆発だ(違う)
  • アリエクプレスでコイルガンが販売されていた
    • 複数のコイルを分割して使うといいとわかった
      • コイル1つあたりの電力量やスイッチが軽量のもので済む
      • それぞれのコイルで電力の制御が必要
      • タイミングはナノ秒単位でArudinoで管理できる
  • 軍事技術が民生用に平和利用できるような…
    • ロマン駆動開発

iPhoneSE バッテリ換装しました(さとう)

  • 初スマホで、2016年購入したもの
  • ここ数年、ほとんど使ってなかった
    • 情報端末としてはMediaPad(タブレット)
    • 電話機としてはNichiPhone-S 4G
      • 4G対応だけど、電話は3Gしか使えない(VoLTE非対応)
      • 既に死亡予定
  • 電話機として復活させたけど、やはりバッテリが挙動不審
  • 販売サイト公認の分解サイトを参考に。
  • その日は失敗しました。
    • 交換して、電源オンしたら、一見正常に起動したけど、タッチパネルが無反応…
    • しかも、通電中はやり直しできない…
  • バッテリが尽きるのを待って(数週間)リトライして、ようやく換装できました。
    • 一番奥のビスが締めにくいので省略したら、タッチパネルの導線が繋がってなかった(写真の中央)
  • とりあえずはちゃんと動いてますが、バッテリを新品にした効果はどうも微妙
  • 交換風景のひとつ
  • iFixitの修理しやすさの評価
  • バッテリはちゃんと止っていない
    • ネジなどではなく接着剤とか両面テープとか
      • 少しずつ引っ張って、ひんまげながら外しました
    • ドライヤーではなく、ヒートガンなどで200度手前まであたためてとる
    • ヒートガン..意外に広い範囲をあたためてしまう

休憩 14:25 - 14:35

OpenStreetMap の相談

  • 仕事でOpenStreetMapを使う上で、相談したい
  • Google Mapは有料だが精度はいい
    • APIなどを使用しようとすると有料などはある
    • Google Mapの料金体系
    • Yahoo Mapも有料化
    • 埋め込みをあきらめて、GoogleMapの場所へのリンクをいれるというのが…
      • 外部サイトになるのでユーザビリティ的によくない
  • 自分達で育てていくというのが大事
  • ムチャクチャはしないように
    • 最悪アカウントBANもある
    • 動的に地図をいじるため、リクエストはおおくなりがち
  • OpenStreetMapの見た目がアレな場合は別のプロバイダがあるので、それを使うといいですよ
  • 測地系の問題

Linuxのサーバーが更新メンドくさがってやってくれない(fu7mu4)

  • 遠隔地にある会社のサーバー。
  • あまり詳しくないのか、怖いのかやってくれない。
    • sudo apt update; sudo apt -y upgrade; sudo shotdown -r -h nowでいいはず
  • cron-aptで自動的にできるはず…
    • aptの設定(unattended-upgrades)でできるらしい、参考:Ubuntu 20.04 LTSの自動アップデートと、自動再起動を設定した話
    • こまめにアップデートしてあれば…
      • 最初にそうなるように設定しないと
    • 誰も管理しない、したがらないので、既に行き詰ってる
      • 死ぬのは時間の問題
        • 一回痛い目をみればいいんじゃないかな?かな?
      • 誰も管理しないなら、別にサーバーを建てるしかないのでは
      • クラウドに逃げられるよう、上層部に働きかけなければ
        • オブジェクトストレージに逃せられるから
  • KUSANAGIはバージョンの上げ方が乱暴(PHP7.2->7.3とか)
    • CentOS Streamのローリングアップデート
    • 長期間放置するとやばい
    • KUSANAGI 8 から KUSANAGI 9 の変更点 | KUSANAGI 9:
      • KUSANAGIはCMS専用から汎用ディストロに変わりつつある
      • でも「WordPressを除くCMS及びフレームワーク」はサポート対象外である由明記
      • 実態はWordPress専用?
      • WordPressと他サービスを併用するのはちょっと
  • 更新が必要なパッケージ数が3ケタある.
    • OpenSSHも更新が必要なので離れたところからは更新作業したくない..
    • 最悪の場合 iLO を使うしかないかな。
    • ある日、サービスが止まったので、サービス再起動させた事件
    • 代替サーバーを立てたりする時間とかがほしい
  • vuls でチェックした方がいいかも?

Linux Foundation の無料の教育コースを受けてみた。(fu7mu4)

  • 会社で研修を受けろという圧があったので、無料かつWEBで完結するコースを探していた
  • コースとしてはしっかりしている
    • ちょっと内容は初等的すぎてつまらなかった。
      • 高等な内容は高い
    • 疲れているときに英語はつらい
    • viはちゃんと動画で操作をみせてくれるよ(:wqで終了)
  • 大学のコースレベルで量は多い
    • $169で認定証が得られるらしい
    • Coursera | 一流講師によるオンライン講座でスキルアップ。会員登録無料: https://ja.coursera.org/
    • MOOCの1つ
      • 機械学習が学びたいなどで、こういう大学の授業で数学
      • JMOOC -無料で学べる日本最大のオンライン大学講座（MOOC）: https://www.jmooc.jp/
      • 海外の授業はガチが多い印象がある

PlantUML使い勝手について(tomline)

AWS開発について(inapyon)

  • 組み込みメインで開発してきたが、新規案件でAWS使うことになった。 1年目の方のサポート依頼されてるのですが、 私もサーバー系の開発経験ほぼなく……。（一応研修でクラウドプラクティショナーは取りましたが） １年目の方から伺っているやりたいこととしては
  • デバイスから送信される動画のストリーミングサーバーをAWSで構築したい
  • →動画をAmazon S3(ストレージ)にアップロードするところまでテストしたいが、 　　まずは、APIGatewayを用いてデバイスからHTTPリクエストを送れるかどうかまでテストをしたい 　　→サーバー系の開発経験がなく初歩的なところかもしれないが
    • APIGatewayを使ってリクエストを受け付ける方法
    • 認証方法どうするか
      の２点が課題とのこと
  • サポートにあたり社内にAWS経験者少なく担当者が基礎的な技術調査に時間がかかっている要件の難易度・工数などが明確にできていない（ものすごく簡単なのか、難しいのかすら分からない）が課題になりそう
  • 動画をS3に保存する段階だけに限定した方がいいのかな。
  • Amazon S3 でファイルの保存と取り出し(公式)
  • お値段や容量、帯域なども含めて技術選定してみては?
    • WEB RTC
  • 自前構築するとコストが大きいかもしれない。(納期も大事!)
    • ロマン駆動開発 や自社研究開発ならOK
    • ffmepg などでトランスコーダーやエンコードが必要かもしれない。
      • カメラごとにストリームデータの仕様が違いますが、ちゃんと埋められますか
      • コマ落ちなどが発生する可能性がある
    • Janusで配信する?
      • 試作時の所見でサーバーからのストリーム配信以外に、ツリー型にサーバーからクライアント、その下のクライアントと、配信を中継出来る可能性が高いことが分かったんですが、実証する前に試験が終わった経緯があります。
      • 試作プロジェクトに若干残骸も残っていますが、うまく動けば一昔前のSkypeのような方式で同時接続ユーザーが増えれば増えるほど回線負荷が下がるシステムを実現できる可能性がありますので、研究されるならば、是非この辺も検証をしてみてください。
    • 作ってみたことあります
    • 動いてるサンプルです
  • サービス化するのであれば、YouTube や Vimeo などの外部サービスを利用してもよいのではないか?
    • 外部サービスであれば開発者もAPIだけを把握すればいい
    • 料金なども把握しやすい
    • Vimeoの方が高品質? サービスの要件次第かな?
    • BTS のライブ配信は自前でやっている。特殊な事情がないかぎり自前実装は止めたほうが…
  • Office 365があれば、含まれているMS Streamサービスを使うのがいいんじゃない?

最新言語触ってみた感想(tomline)

  • Flutter(dart)
    • モバイルアプリ向けフレームワーク、dart言語(Googleの言語?)
    • Android・iPhoneマルチプラットフォームアプリ開発環境
      • 通常はAndroid=Kotlin、iPhone＝Swift使うことが多い
      • Widgetを埋めこんでいく形
      • マルチプラットフォーム開発には Single Page Application(SPA)が多い印象
      • コンポーネント指向で、部品の再利用を推進したい
  • Go
    • Googleの開発した言語
    • C++にガベッジコレクション追加されてもの
    • 割と古典的な環境な感触
    • 並列制御も簡単に実装する機能有り
    • サーバー系の独自コマンドをつくるにはいいかも。
    • デプロイも単一バイナリでよい。
      • Rust
        • Mozillaが開発した言語
        • 独自のメモリ管理(所有権システム)
        • C/C++/Rustが高速なシステムようの言語として有名
        • メモリ安全などに配慮されている(ダメなコードはビルドエラー)
    • アプリでのボトルネックは、DBになっていることが多い
      • SQL最適化などが重要
    • ORM
    • マスコットキャラクターのGopherくんがかわいい
  • .Net MAUI(C#)

開発中システムの依存パッケージのアップデートどうしてますか？

  • 開発中のブランチをcloneして、npm installした→依存パッケージに開発終了があった。アップデート?
    • 開発終了したとしてもそれを選んだ人がどう判断するか?(開発のポリシー次第)
      • 組織として、自分達でメンテナンスするか
      • 別のライブラリを選定するか
  • 方法とかタイミングとか
  • BacklogなんでDependaBot使えないんですが、良い代替方法ないですか？
    • githubなら、Dependabotは更新するかどうかを教えてくれる
    • 通知だけでもいいので代替がほしい
  • openhub いろいろなOSSの情報を調べるためのサイト: 最終更新日をみることも可能
    • githubなどのサイトを見てもよい
    • 更新ポリシーなどは開発毎に異なるのでみるのが
    • CIで定期的にビルドして、ビルドがこけるかを見ることもできる

nginxぜんぜんわからん(のがじゅん)

  • nginxで旧URLからのリダイレクトのrewrite設定書いてたけど全然わからんかった
    • https://www.nofuture.tv/get-messed-up-by-nginx
    • nginxのスタンダードな書き方がわからない
    • 前のシステムがあって複雑になってしまっている
    • ifは邪悪
    • システムでわけた方がいい?
      • 移行したシステムには手をいれたくなかったのでnginxにおしつけようとした
      • nginxの正規表現ぜんぜんわからない
      • nginxのlocationで / ありなしで挙動がかわる
      • もうなんにもわからない
      • nginxのマッチパターンを把握しておくこと
      • nginxのブログ書いている人が俺はこうしたら直ったとしかかいてない
        • 理由書いて…書いて…お願い…(情報の信頼性)
        • 公式文書はいっぱいよんだよ
        • もう一度同じ問題にあったときに対応できるとは思えない、忘れている…
  • サーバーで変なことはしないようにしよう(正論)
    • できることが多過ぎる
    • nginxを有効活用しようとしているのはWAF
  • 公式:NGINXクックブック設定レシピ集(日本語版)無料DL
    • 待望の【O’Reilly】NGINX Cookbook日本語版がついに完成！NGINXクックブックは、NGINXを最大限に活用する方法を解説しています。

質問

  • Qオフライン、オンラインがありますが?
    • 現状は新型コロナと会場の移転があるため、来月(3月19日)、再来月(4月)までオンラインになりそう
    • 5月以降はオンラインにしたい
    • オンラインの場合はログは重要
    • オンラインの方が遠隔地のメンバーが参加しやすい
    • オフラインとオンラインを併用したりしたい
  • Q HISTUDYの突発開催について
    • 突発で開催するには、slackで呼び掛けてください
      • 姫路IT系勉強会の方で呼び掛ければいいです
      • 参加したいメンバーだけで開催することがあります。
      • ただ、参加できないメンバーがいるかもしれません。数人で開催できるかもしれません。
    • チャンネルはあまり気にしなくていいです。