rabbit-slide-Piro-presentation-vanilla-js-library-topics 2024.5.24.0 → 2024.5.24.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9982f56f316f7a4998e095b4951f057dadfe17162265c8d06b098e188dc31ab3
-  data.tar.gz: c781139d3b1e60add64654ae1ca2f9ee5ede7ab33ecf7f1c840f5a3f72650d76
+  metadata.gz: 51b585b3fd563baa1055cac3b479eefb36190e073abe6a674f1753242eccaa0b
+  data.tar.gz: 78e829f2e038699eeb9156bb93fbc442e957e36d44dca2fe2d701809b29f14d6
 SHA512:
-  metadata.gz: 341f40a3e3df2f4591aee60d32783275bac06d16f885a4991b00e7c40b15e1daf683185c335cb948b97b48e81e9f62419c0587a30881a8f6eef6c0de5ee7cc98
-  data.tar.gz: 7c92a6f0df619dfeb6857b65a48ce6dabe14c122f190a8b463a65b38ff5acd2f5a654e887ebc929d18e06d8c50e31450c02b4af63f1ac9f6d4475f69734618ec
+  metadata.gz: fea62aa1aa7a520377841e3cc1127f820d70303a53f4e92f5e87ce4863fab6c33b48d3a11f171f70ca9a4faf95a214d0cb3a2f97ad1e3b5c2369f5ad7f5d13d1
+  data.tar.gz: fe15b72e9f20ce0d4872b323abe2f64e8ab1c7b49a98c89ca534636453c9d39e008ecf24d890f69c813a653ffefb7fb6daf616d1507ecb8fc58cc5a82bf00bf0

data/README.md

@@ -13,6 +13,7 @@ CC BY-SA 4.0
 ### 表示
 
 ```console
+% gem install rabbit rabbit-theme-clear-code
 % rake
 ```
 

data/config.yaml

@@ -6,7 +6,7 @@ tags:
 - oss_gate
 - workshop
 presentation_date: 2024-05-24
-version: 2024.5.24.0
+version: 2024.5.24.2
 licenses:
 - CC-BY-SA-4.0
 slideshare_id: 

data/scenario.rab

@@ -4,7 +4,9 @@
    clear-code
 
 : author
-   結城洋志 aka Piro
+   結城洋志 aka Piro\n
+   github.com/piroor\n
+   x.com/piro_or
 
 : institution
     株式会社クリアコード
@@ -47,33 +49,47 @@
 * (('wait'))下手にライブラリーを使うと\n
   名前空間汚染でFirefoxが壊れる
 
-= なぜライブラリー自作？
+= なぜライブラリー自作？(1)
 
-* (('wait'))ニッチすぎて既存の物が無い
-  * Firefoxの内部実装に強く依存
-  * 設定読み書き, UIの多言語対応, etc.
-* (('wait'))既製UIライブラリーは\n
-  自我が強すぎる
-  * メニューUIなど
-  * FirefoxのUI＝ネイティブUIに\n
-    馴染むUIウィジェットが欲しい
+* (('wait'))値の型を自動判別して\n
+  nsIPrefBranchの適切な\n
+  メソッドを呼んで……
+* (('wait'))nsITimerのインスタンス作って\n
+  nsIObserverとして自身を登録し\n
+  指定秒数でコールバックを……
 
-= ライブラリーができるまでの流れ
+(('wait'))ニッチすぎて既存の物が無い
 
-* (('wait'))複数アドオンで共通して\n
-  実現したい機能が出てくる
-* (('wait'))→関数やクラスを\n
-  　単体のファイルに切り出す
-* (('wait'))→README, LICENSEを付けて\n
-  　GitHubで公開
+= なぜ自作？(2-1)
 
-= できるもの
+例：メニューUI
 
-* (('wait'))数十～数百行程度
-* (('wait'))他のライブラリーに非依存
+* (('wait'))キーボードで操作できない（jQueryUI）
+* (('wait'))キーボード操作の動作が怪しい（React MUI）
+    # image
+    # src = ./images/react-mui.png
+    # relative_width = 50
+
+= なぜ自作？(2-2)
+
+* 欲しいのはただ「OSのUIと同じ振る舞いの階層メニューUI」
+  * キーボード操作、階層表示、\n
+    アクセスキー……
+  * XULでは<menu>と書くだけで\n
+    できていたのに……
+* (('wait'))Mozillaの頑張りで目が肥えて\n
+  市井のライブラリーでは\n
+  満足できない体に
+
+= それでライブラリー自作
+
+* (('wait'))わりと小規模
+  * webextensions-lib-configs：619行
+  * webextensions-lib-menu-ui：994行
+* (('wait'))実装は1ファイル完結が多い
+  * 他のライブラリーに非依存
   * Firefox専用だからpolyfillも不要
-* (('wait'))パッケージマネージャーの\n
-  必要性が薄い
+* (('wait'))パッケージマネージャーいる？
 
 = ていうか……
 
@@ -81,7 +97,7 @@
   # src = ./images/lifetime.png
   # relative_width = 90
 
-早死にされそうで不安
+(('wait'))採用しても早死にされそうで不安
 
 == プロパティー
 
@@ -95,7 +111,7 @@
 
 = ビルド・パッケージング時
 
-* (('wait'))Makefileのmale rule中で\n
+* (('wait'))Makefileのmake rule中で\n
   ファイルをコピーするだけ
     xpi:
       cp submodules/webextensions-lib-configs/Configs.js extlib/
@@ -108,15 +124,14 @@
 
 * (('wait'))<script src="..."> で\n
   同じ名前空間にロード
-* (('wait'))ES Modulesのimport
-* (('wait'))コピー後に小加工して
-  両対応
+* (('wait'))または、ES Modulesのimport
+* (('wait'))コピー後に小加工して両対応
     xpi:
       cp submodules/webextensions-lib-configs/Configs.js extlib/
       echo 'export default Configs;' >> extlib/Configs.js
       ...
 
-= 何が正解なんだろう？
+= どうする\nのが正解\nなんですか？
 
 
 = ちなみに、今の\nFirefoxアドオン開発

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: rabbit-slide-Piro-presentation-vanilla-js-library-topics
 version: !ruby/object:Gem::Version
-  version: 2024.5.24.0
+  version: 2024.5.24.2
 platform: ruby
 authors:
 - YUKI Hiroshi
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-05-20 00:00:00.000000000 Z
+date: 2024-05-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rabbit
@@ -51,6 +51,7 @@ files:
 - Rakefile
 - config.yaml
 - images/lifetime.png
+- images/react-mui.png
 - images/systemadmingirl.jpg
 - images/tst.png
 - pdf/presentation-vanilla-js-library-topics-scenario.pdf