v19 part 1

Transcript

1. サウンドチェック⽤に⾳楽を再⽣しています。 デバイスのオーディオ設定をご確認ください。
3. 7⽉14⽇のセッション 1 14:00 デザインモード 2 14:05 ライブラリアップデート 3 14:10 Web Area 4 14:15 Web Server 5 14:20 フォームエディター 6 14:27 リストボックス 7 14:34 4D View Pro 8 14:41 デスクトップとアピアランス 9 14:45 Apple Silicon 10 14:55 オ・ル・ダ part 1 11 15:05 オブジェクト指向プログラミング 12 15:28 ORDA Class API part 1
4. part 1 v19 presentation
5. デザインモード
6. デザインモード バイナリモード 4DB, 4DC 従来の⽅式はバイナリモード
7. デザインモード プロジェクトモード 4DProject, 4DZ ϓϩδΣΫτϞʔυͷϝϦοτ όʔδϣϯ؅ཧɾνʔϜ։ൃ׆༻ ΫϥεAPI Apple Siliconλʔήοτ バイナリモード 4DB, 4DC デフォルトはプロジェクトモード
8. デザインモード プロジェクトモード 4DProject, 4DZ ϓϩδΣΫτϞʔυͷϝϦοτ όʔδϣϯ؅ཧɾνʔϜ։ൃ׆༻ ΫϥεAPI Apple Siliconλʔήοτ バイナリモード 4DB, 4DC όΠφϦϞʔυͷϝϦοτ ޙํޓ׵ੑ ؀ڥઃఆ / όΠφϦܗࣜͷσʔλϕʔε࡞੒Λ༗ޮԽ͢Δ デフォルトはプロジェクトモード
9. デザインモード プロジェクトモード 4DProject, 4DZ ϓϩδΣΫτϞʔυͷϝϦοτ όʔδϣϯ؅ཧɾνʔϜ։ൃ׆༻ ΫϥεAPI Apple Siliconλʔήοτ バイナリモード 4DB, 4DC όΠφϦϞʔυͷϝϦοτ ޙํޓ׵ੑ ؀ڥઃఆ / όΠφϦܗࣜͷσʔλϕʔε࡞੒Λ༗ޮԽ͢Δ デフォルトはプロジェクトモード developer.4D.com doc.4D.com
10. プロジェクトモード サンプルコード https://4d-jp.github.io/hdi/ ドキュメント https://github.com/4d-depot インターナショナル版 ⽇本語版 https://developer.4d.com/docs/ja/ ブログ https://blog.4d.com/tag/project/
11. 2 versions ライブラリアップデート • フィーチャーリリースで実施 • テキスト・オブジェクト型フォールドのインデックス再構築 • 予定よりも早いアップデート（Apple Siliconターゲットのため） ICU 56.1 ICU 63.1 ICU 68.1 18 R6 15 R5 17 R5 1 version 2 versions ICU 48
12. Web Area Use an offscreen web area
13. WA Run offscreen area
14. WA Run offscreen area On Load
15. WA Run offscreen area On Load On End URL Loading On URL Loading Error
16. WA Run offscreen area autoQuit=True On Load On End URL Loading On Unload On URL Loading Error
17. WA Run offscreen area autoQuit=False On Load On End URL Loading On Unload On URL Loading Error ACCEPT CANCEL WA Evaluate JavaScript WA EXECUTE JAVASCRIPT FUNCTION WA Get current URL WA GET LAST URL ERROR WA Get page content WA Get page title WA OPEN URL WA REFRESH CURRENT URL WA STOP LOADING URL WA OPEN WEB INSPECTOR new!
18. WA Run offscreen area autoQuit=False On Load On End URL Loading On Unload On URL Loading Error ACCEPT CANCEL $4dオブジェクト WA Evaluate JavaScript WA EXECUTE JAVASCRIPT FUNCTION WA Get current URL WA GET LAST URL ERROR WA Get page content WA Get page title WA OPEN URL WA REFRESH CURRENT URL WA STOP LOADING URL WA OPEN WEB INSPECTOR new!
19. WA Run offscreen area autoQuit=False On Load On End URL Loading On Unload On URL Loading Error ACCEPT CANCEL ヘッドレスモード $4dオブジェクト WA Evaluate JavaScript WA EXECUTE JAVASCRIPT FUNCTION WA Get current URL WA GET LAST URL ERROR WA Get page content WA Get page title WA OPEN URL WA REFRESH CURRENT URL WA STOP LOADING URL WA OPEN WEB INSPECTOR new!
20. WA Run offscreen area autoQuit=False On Load On End URL Loading On Unload On URL Loading Error ACCEPT CANCEL ヘッドレスモード $4dオブジェクト WA Evaluate JavaScript WA EXECUTE JAVASCRIPT FUNCTION WA Get current URL WA GET LAST URL ERROR WA Get page content WA Get page title WA OPEN URL WA REFRESH CURRENT URL WA STOP LOADING URL WA OPEN WEB INSPECTOR プリエンプティブモード new!
21. デモンストレーション
22. Web Server Multiple web servers in a single 4D instance; Scalable sessions for advanced web applications
23. セッション管理 ⾃動セッション v13 Webプロセス プリエンプティブ Webプロセス プリエンプティブ セッション情報はプロセスのコンテキストで管理 Cookie Cookie
24. セッション管理 旧式セッション v13 Webプロセス プリエンプティブ Webプロセス プリエンプティブ セッション情報はプロセスのコンテキストで管理 Cookie Cookie 同⼀セッションのリクエストはシリアル処理
25. セッション管理 旧式セッション v13 スケーラブルセッション v19 Webプロセス プリエンプティブ Webプロセス プリエンプティブ Session Webプロセス プリエンプティブ Webプロセス プリエンプティブ セッション情報はプロセスのコンテキストで管理 Cookie Cookie Cookie Cookie 同⼀セッションのリクエストはシリアル処理 同⼀セッションのリクエストはパラレル処理 共有オブジェクト
26. WEB SET OPTION Web scalable session データベース設定 / Web / オプションⅠ セッション管理 旧式セッション v13 スケーラブルセッション v19 Webプロセス プリエンプティブ Webプロセス プリエンプティブ Session Webプロセス プリエンプティブ Webプロセス プリエンプティブ セッション情報はプロセスのコンテキストで管理 Cookie Cookie Cookie Cookie 同⼀セッションのリクエストはシリアル処理 同⼀セッションのリクエストはパラレル処理 共有オブジェクト
27. サーバーオブジェクト • 複数のサーバーアプリケーションを同時に公開 • ビジネスロジックで分割 • レガシーコードを退避 コンポーネント 4DZ 管理ツール コンポーネント 4DC スレッドアンセーフ ホスト 4DProject 公開サイト
28. ホスト On Web Connection WebFolder Cache 192.168.0.1 サーバーオブジェクト
29. ホスト On Web Connection WebFolder Cache 192.168.0.1:8081 192.168.0.1 On Web Connection WebFolder Cache コンポーネント サーバーオブジェクト
30. WEB Server list ホスト On Web Connection WebFolder Cache 192.168.0.1:8081 192.168.0.1 On Web Connection WebFolder Cache コンポーネント サーバーオブジェクト
31. WEB Server WEB Server list Host database server ホスト On Web Connection WebFolder Cache 192.168.0.1:8081 192.168.0.1 On Web Connection WebFolder Cache コンポーネント サーバーオブジェクト
32. WEB Server WEB Server list Host database server ホスト On Web Connection WebFolder Cache 192.168.0.1:8081 192.168.0.1 On Web Connection WebFolder Cache コンポーネント 汎⽤メソッド WEB Server Request receiving server サーバーオブジェクト
33. セキュリティ Cross Origin Resource Sharing Cross Site Request Forgery
34. セキュリティ Cross Origin Resource Sharing WEB SET OPTION Web CORS enabled データベース設定 / Web / オプションⅡ Web CORS settings collection of objects 0 (disabled) or 1 (enabled) { host:"*.domain.org", methods:"post;delete" ] Cross Site Request Forgery WEB SET HTTP HEADERでもOK
35. セキュリティ Cross Origin Resource Sharing WEB SET OPTION Web CORS enabled データベース設定 / Web / オプションⅡ Web CORS settings collection of objects 0 (disabled) or 1 (enabled) { host:"*.domain.org", methods:"post;delete" ] Cross Site Request Forgery { sessionCookieSameSite:"Lax" ] Strict (default) Lax None (Secure=automatically True) HTTPS (Secure=always True) Cookie WEB Server.start(settings) WEB SET HTTP HEADERでは設定できない WEB SET HTTP HEADERでもOK
36. フォームエディター A new command to open a Form in the Form Editor
37. フォームエディター マクロとは スクリプトによるフォームエディターのオートメーション ⼿作業を⾃動化しているだけなので取り消しとやり直しができる 対象はエディターで編集中のフォームおよび関連ファイル
38. フォームエディター マクロでできること ・オブジェクトプロパティの追加・変更・削除 ・メソッド付きのオブジェクトの追加・削除 ・オブジェクトの配置・移動 ・オブジェクトの選択・選択解除 ・モーダルダイアログの表⽰とユーザーによるパラメーターの⼊⼒ ・フォームオブジェクトから、テンプレートとして利⽤できるCSSクラスを作成 ・ピクチャーパスやメソッドパスの検証 ・CSSファイルをエディターで開く ・XLIFF参照を検証する             など
39. フォームエディター JSONファイル クラス（オブジェクト記法・プロジェクトモードは必須！） フォームエディターのコンテキストメニューから呼び出し マクロの仕組み
40. デモンストレーション
41. フォームエディター まとめ ブログ記事 https://4d-jp.github.io/2021/02/15/6-practical-examples-on-how-to-u macros/ コミュニティが作成したマクロはGitHubにて公開: https://github.com/topics/4d-macros
42. リストボックス Time Columns and Footer Calculation!
43. リストボックス データソース フッター⾃動計算 時間型カラム 配列 v13 v2004 カレントセレクション v13 v11 命名セレクション v13 v11 コレクション v19 v19 エンティティセレクション v19 v19
44. リストボックス データソース フッター⾃動計算 時間型カラム 配列 v13 v2004 カレントセレクション v13 v11 命名セレクション v13 v11 コレクション v19 v19 エンティティセレクション v19 v19 混合データ型のフッター計算 average, sum: ਺஋Ҏ֎Λແࢹ min, max: null < bool < string < number < object < collection < date * collection.sortͱಉ͡
45. HDI_LISTBOXES_Demo_V2
46. Manage clicks in edited cells リストボックス Form event code On Clicked Contextual click Is editing text Dynamic pop up menu Pop up menu • クリックイベント • セル⼊⼒中のイベントを判別 • カスタムコンテキストメニューに FORM Event.code
47. リストボックス Ease your developer’s life with list boxes 基本プロパティ リストボックス特有のプロパティ On Header Click On Display Detail FORM Event.code .description .objectName .headerName .columnName .column .isRowSelected .area .areaName On Mouse Move • FORM Event（新コマンド） • オブジェクト型 • View Proエリアも対応
48. デモンストレーション
49. Pro list box features are now FREE! リストボックス カラムのデータソースにオブジェクト配列を使⽤ ⾏毎に⾼さを設定 LISTBOX SET ROW HEIGHT LISTBOX Get row height ⾏⾼さ配列プロパティ lk row hight array LISTBOX SET ARRAY LISTBOX Get array View Pro user only × View Pro user only × ドロップダウンメニュー 背景⾊で塗りつぶし コンボボックス ボタン 省略ボタン On Alternate Click スリーステートチェックボックス 最⼤値 最⼩値 単位切り替えボタン
50. View Pro Offscreen Areas; Use 4D formulas in your spreadsheet
51. View Pro ローカライズ⾔語 英語 フランス語 ⽇本語 ドイツ語 スペイン語 ポルトガル語 リボンインタフェース ツールバー エラーメッセージ コンテキストメニュー 関数名（フランス語のみ） SUM SOMME 㲗 ローカライズ箇所
52. View Pro フォーミュラの挿⼊ メソッド 変数 コマンド フィールド Formula VP SET CUSTOM FUNCTIONS
53. View Pro フォーミュラの挿⼊（従来式） 変数 コマンド プロジェクトメソッド フィールド SET FIELD TITLES SET TABLE TITLES VP SET ALLOWED METHODS フィールドは処理が違う ラッパーメソッドが必要 メソッド
54. If (Form event code=On Load)ɹ $o:=New objectɹ $o.GREETINGS:=New objectɹ $o.GREETINGS.formula:=Formula(࣌ީͷѫࡰ) $o.GREETINGS.summary:="ΧϨϯτ೔෇ʹରԠ͢Δ࣌ީͷѫࡰΛฦ͠·͢ɻ" ɹ ɹ ɹVP SET CUSTOM FUNCTIONS("ViewProArea"; $o)ɹ End if View Pro フォーミュラの挿⼊ メソッド フォーミュラ フィールド・変数・ίϚϯυ スプレッドシートの    fx etc.
55. View Pro フォーミュラの挿⼊
56. デモンストレーション
57. View Pro Excelでఆܕͷ.xlsxファイルを作成 （値はプレースホルダー） 1 2 3 ΦϑεΫϦʔϯΤϦΞͰ։͍ͯ಺༰Λߋ৽ VP Run offscreen area .xlsxܗࣜͰΦϑεΫϦʔϯΤϦΞΛอଘ VP EXPORT DOCUMENT
58. デモンストレーション
59. デスクトップとアピアランス Take control of your work area; CSS Media query for a dark or light UI
60. Windows macOS
61. Windows macOS SCREEN COORDINATES Screen work area ワークエリアの座標を返すオプション
62. ダークモード
63. ストラクチャー設定
64. フォームプロパティ
65. アプリケーションにカラースキームを適⽤するのに利⽤ メディア特性と値によって構成: <media feature>:<value> <media feature> <value> 使⽤可能なメディア特性 使⽤可能なメディア特性の値 prefers-color-scheme light, dark 例: メディアクエリ
66. 交互に使⽤する背景⾊ (リストボックス) ライトモード ダークモード
67. 交互に使⽤する背景⾊ (リストボックス) ライトモード ダークモード automatic automaticAlternate
68. Apple Silicon Here comes the new Silicon compiler! 4D v19 is Silicon Native!
69. Siliconターゲットコンパイルの仕組み コンパイル開始 4D Compiler Intel/ARMターゲット オブジェクト記法 メソッドをunicodeで保存 தࢭ ෆ੒ޭ Apple clang ੒ޭ オペコードの⽣成 オペコードのリンク処理 コンパイル リンク ੜ੒ࡁΈϝιου͸εΩοϓ CPUίΞ਺Λಈһͯ͠ฏߦॲཧ σʔλϕʔεઃఆ Apple Siliconターゲット lib4d-arm64.dylib ίϯύΠϥʔ ダイナミックライブラリ
75. SiliconλʔήοτίϯύΠϧͷ࢓૊Έ C_VARIANT($var; $formula) $formula:=Formula(String($1; ISO date GMT; $2)) ALERT($formula.call(Null; Current date; Current time)) arm64-apple-macos11 cpp $constants.cpp $descriptors.cpp $functions.cpp $variables.cpp method.cpp プロジェクトメソッド $asm4d.o $constants.o $descriptors.o $functions.o $variables.o $asm4d.h.pch method.o 4D.LinkFileList method.4dm オペコード⽣成 ソースコード変換
76. プロジェクトモード 4DProject clang Xcode どちらもみつからなかったり, アップデートが必要な場合: developer toolsをインストールしますか? clangがみつからない場合: Xcodeをアクティブなデベロッパツールにしますか? バイナリモード 4DB × Siliconターゲットに必要な環境
78. Mac M1 ⾃分のプロセッサ (Apple Silicon) 全てのプロセッサ (Intel/AMDおよびApple Silicon) Mac Intel ⾃分のプロセッサ (Intel/AMD) 全てのプロセッサ (Intel/AMDおよびApple Silicon) Windows ⾃分のプロセッサ (Intel/AMD) 全てのプロセッサ (Intel/AMDおよびApple Silicon) Apple clang Apple clang Apple clang 4D compiler 4D compiler 4D compiler 4D compiler × クロスコンパイル Mac Intel: OK Windows: NG (siliconコンパイルにはXcodeまたはdeveloper toolsが必要)
79. 0 100 200 300 400 データ暗号化 メモリの確保と解放 データベース検索と並び替え （キャッシュ） Rosetta 2 Silicon Native Silicon vs Intelターゲット
80. オ・ル・ダ Share an entity selection between processes part 1
81. 共有エンティティセレクション 共有オブジェクト CALL WORKER New process エンティティセレクション エンティティセレクション CALL WORKER New process エンティティセレクション 暗黙的コピー エンティティセレクション エンティティセレクション 暗黙的コピー
82. 共有エンティティセレクション プロセス間で共有できる pro con 共有オブジェクトに追加できる エンティティの⼊れ替えはできない entitySelection.add(entity) × エンティティを増減するにはコピーを作成する entitySelection.slice() entitySelection.and() entitySelection.or() entitySelection.minus()
83. 共有エンティティセレクション Form.products:=ds.Products.all() Form.products.add($product) アップグレード後にエラー shared non-shared Form.products:=ds.Products.all().copy() new! non-shared non-shared Form.products.add($product) 前⽅互換コード
84. デモンストレーション
85. オブジェクト指向プログラミング An intro to object-oriented programming in 4D; part 1 Manage class inheritance
86. オブジェクト指向 クラス ユーザー定義オブジェクトの仕様を定めたもの 特有のプロパティやメソッドなど プロパティ オブジェクトが持っている値 読み書きできる getFullName() getAge() firstName lastName birthDate プロパティ メソッド メソッド オブジェクト⽤のコマンド 実⾏させることができる Person class
87. プロトタイプ継承 クラスの仕様を追加またはオーバーライドすること 基底クラスを発展させて派⽣クラスを定義すること Student class schoolName grade getIdentity() プロパティ メソッド 基底クラス 派⽣クラス getFullName() getAge() firstName lastName birthDate プロパティ Person class メソッド
88. デモンストレーション
89. ORDA Class API ORDA Classes to handle your data model Welcome to the world of ORDA classes; part 1
90. ORDA Class API • 簡単にサービスを公開 • 実装を隠蔽して抽象化レイヤーを提供 • シンプルなREST APIで他のアプリケーションと連携 Student ID 232 firstname A lastname A englishLevel 216 finalExam A rank 216 schoolID 232 テーブル データクラス StudentSelection StudentEntity Student REST API /rest/Student/registerStudent 拡張クラス Class extends DataClass Function registerStudent Class extends Entity Function getFirstAhead Class extends EntitySelection Function setFinalExam /rest/Student(1)/getFirstAhead /rest/Student/setFinalExam
 /$entityset/{entitySetNumber} part 2 プロジェクトモード プライマリーキー（複合キーを除く） 条件
91. プロトタイプチェーン クラス継承 4D クラスストア クラスストア cs 4D.DataStoreImplementation 4D.DataClass 4D.Entity 4D.EntitySelection ストラクチャ テーブル レコード 命名セレクション/セット ビルトイン実装 メソッド プロパティ cs.DataStore cs.Student cs.StudentEntity cs.StudentSelection 各データベース/コンポーネント [Student]テーブル [Student]レコード [Student]໋໊ηϨΫγϣϯ/ηοτ ユーザー実装 メソッド プロパティ Object ビルトインクラス ユーザークラス コンストラクタ
92. インスタンス ds または クラスストア cs cs.DataStore cs.Student cs.StudentEntity cs.StudentSelection 各データベース/コンポーネント [Student]テーブル [Student]レコード [Student]໋໊ηϨΫγϣϯ/ηοτ cs.MyClass ユーザークラス Open datastore ds.Student ds.Student.new() ds.Student.query() ユーザー実装 メソッド プロパティ コンストラクタ cs.MyClass.new() ユーザークラス インスタンス Student.get() StudentEntity.first() StudentEntity.last() StudentEntity.next() StudentEntity.previous() StudentEntity.clone() StudentSelection.first() StudentSelection.last() Student.all() Student.fromCollection() Student.newSelection() StudentEntity.getSelection() StudentSelection.drop() StudentSelection.query() StudentSelection.orderByFormula() StudentSelection.and() StudentSelection.minus() StudentSelection.or() StudentSelection.orderBy() StudentSelection.slice() Create entity selection または または テーブルと同名のクラスは使⽤不可（オーバーライド） ds データストア
93. デモンストレーション