自動勉強会
聞きたいネタをみんなでキューに貯めておいて、参加者が3人以上になったら
勉強会が開催されるシステム

が以前少人数(~5名程度)でやっていました
もともとは社内で(それぞれがあんまり詳しくないものをムリヤリ気味に勉強する)意識の低めの回だった
ふんいき
Discord上で開催
月イチペース、1時間くらいが目標(GUI会がこの時間で収まったことはないが)
話題が横道にそれないように、テーマに沿って話すことの目次を一応作っておく
開催予定
第0回
2021/9/10(金曜) 20:00 - 22:00
第1回
2021/9/24 (金) 20:00 - 22:00
第2回
2021/10/8(金) 20:00 - 22:00
第3回
2021/10/22(金) 20:00 - 22:00
第4回
2021/11/5(金) 20:00 - 22:00
第5回
2021/11/19(金) 20:00 - 22:00
第6回
2021/12/3(金) 20:00 - 22:00
以降
どこかの金曜
ネタ帳(聞きたい人、質問したい人はアイコンつけていってください。順位が上がります)
フォーカストラップ
Keynote/Sketch/Figmaとかにあるレイヤー同士のスナッピング
同一マージンでのスナッピングはナイーブに作るとO(n^2)になりそうで奥が深い
型とgenerics
ループ構文
挫折中

異物(折りたたみ、コメント、結束バンド)
高階関数

というよりステート管理だろうか?
自作アプリのステート管理論聞いてみたい

zustandも良いがvaltioも良さそう
mobx,document読んだだけでまだ強みが分からない
rxjsよりどう強いのか
(2019以降使ったことない人) view model作るとき便利、これあればReactでもvueのようなview bindingができる

逆に言うとview model大きくなりがち、状態遷移コードを理解するためのメンタル負荷がおおきい
Dan AbramovがmobxはReactと相性がわるいと一貫して主張しているイメージがあります

そうなのか、ためになる

WebViewとメインスレッド間の通信面倒だよね
ベジェカーブのオフセット


円弧と直線に近似してからオフセットする論文がどこかにあったのですが失念
ベジェカーブの角を丸める


(投げっぱなしですみません...)

ポリラインならイケました
Chamferや、(iOSアイコンのような)トロコイド曲線を使ったR付けなどへの応用
ベジエのboolean


フォントのアウトライン化

分割ウィンドウリサイズ


任意に分割リサイズ配置変え可能なフリーグリッドレイアウトの作り方
ファイル一覧(VSCodeの左ペインのツリー的なもの)


参考にしてるサイトとかCSSフレームワークとか
Webアプリのデザイン全般


モバイルブラウザ対応全般

お絵かきツールやドローツールなどのタッチ対応とか

safari特有の罠とか

リクエスト返ってくるまでの間ボタン無効化したりする
プログレスインジケータ/ローディングアニメーション
実装方法
どこまで厳密にやる?
個人はUIのプログレス表示を偽薬の類に思ってるので、厳密にしようとしない.. 実際の処理より早く切れなければOK

GUIのテスト


オブジェクトを正しくドラッグできてるかとかのテストとか
そもそもみんなどこまでテスト書いてるのか
ブラウザー上でのリッチテキストエディター

透明なinputか、contenteditableか
無限のなにか
a
グラフの編集、木の編集
時系列データのUI
無限リスト(Twitterタイムラインなど)
複数個の状態遷移を操作するスライダー

状態遷移グラフを操作してアニメーションを作る (e.g. 3dモデルのリグ/Live2Dのパラメータ)
方針についてのアイデア
参加者が今悩んでるところを話せるようにしたい
初心者がとっつきやすいお題を出しておく。予備校予習方式
複雑GUI本 Vol.2のネタにする
話のログはscrapboxにみんなで記録していきたい
そうしたいですね。話してる最中に別の人がメモ取れればスムーズですね

その他の自動勉強会
映像・グラフィック・CGI版
フォント・タイポグラフィ、グリフ版