Matreshka.jsは、ジュニアとシニアのギャップを埋めます

Matreshka.jsフレームワークの2番目のバージョンのベータ版がリリースされました。 リリースは、最後のパッチの1週間後（さらに数日後）にリリースされ、レポートはこの投稿のリリースから始まります。 プロジェクトは長い間プレアルファ/アルファステータスであり、大きな変更がなく実際のプロジェクトでチェックされているため、バージョンは安定していると見なされ、ベータステータスは純粋な形式です。

» リポジトリ
» ウェブサイト

フレームワークの位置決め

素朴な「みんなのためのJavaScriptフレームワーク」の代わりに、Matreshka.jsは「シンプルなフレームワーク」として位置付けられています。 サイトからテキストを複製する代わりに、このポイントをより詳細に説明するテキストへのリンクを配置させてください 。

一般的な変更

• フレームワークは、ECMAScript 2015と最終仕様にまだ含まれていないいくつかの構文要素を使用してゼロから書き直されました。
• すべての例も新しいJavaScriptで書き直されています。
• 潜在的なメモリリークをすべて修正しました。
• 必要な関数とクラスのみをインポートする機能が追加されました。 各静的メソッドとクラスのドキュメントには、モジュールのアドレスも示されています。

const bindNode = require('matreshka/bindnode'); bindNode(object, key, node); 

• 記事、ルーターなど、付随するすべての資料も更新されました。
• ドキュメントは、Webpackと、JSDocおよびGFMからHTMLファイルを非常に迅速に生成する独自のプラグインを使用して収集されます。

リリースプロセスの自動化

以前は、新しいリリースをリリースするために、いくつかの繰り返しアクションを実行する必要がありました。

• コードの変更、テストの作成
• コミットをコミット
• Gruntでビルドする
• ビルドレポートコミット
• package.jsonのバージョンを手動で変更する
• NPMにモジュールを公開する
• GitHubをプッシュする
• Githubでリリースを作成する
• サイトのロシア語版の「新機能」セクションの更新
• ドキュメントに新しいアイテムを追加する（新しい機能がリリースに含まれる場合）
• サイトを構築してサーバーに展開する
• サイトリポジトリにコミットする
• Twitter、VK、Facebookでの新しいバージョンのリリースの発表

したがって、変更によって問題が修正された場合、リリースは急いでいませんでしたが、これはマイナーと見なされ、変更のリストを蓄積して週末に新しいバージョンをリリースすることを好みました（もちろん、重大な問題の修正はできるだけ早く出ました）。

プロジェクトへのセマンティックリリースの追加、Travis CIの使用、およびその他の変更（たとえば、ロシア語の変更ログの削除）のおかげで、リリースのリリースは非常に単純なスキームに従って行われます。

• コードの変更、テストの作成
• GitHubをプッシュする
• ドキュメントに新しいアイテムを追加する（新しい機能がリリースに含まれる場合）
• サイトリポジトリにコミットします（新しい機能がリリースに含まれる場合）

さらに、フレームワーク自体に新しい機能を追加することはほとんどありません（以下で詳しく説明します）。そのため、最後から2番目のポイントは無視できます。

修正またはfeatプレフィックス付きのコミットがGithubに到達すると、次のことが起こります。

• CI呼び出しテスト
• セマンティックリリースは、コミットを解析し、package.jsonのバージョンを変更します
• NPM用にES5でコードをコンパイルします
• Webpackでビルドする
• gh-pagesブランチでのアセンブリの公開（つまり、 "rebuild"などのダーティコミットはありません）
• ボットがTwitterで新しいリリースを発表
• Githubで新しいリリースを公開する

1日にいくつかのパッチが作成されても驚かないでください（そのようなケースがまれになることを願っています）。

同様に、サイトリポジトリへのコミットにより、TravisはPM2を使用してサイトをサーバーに自動的にデプロイします。

その他の改革

• ウクライナ語版のドキュメントを追加しました。
• フレームワークの名前は、Matreshka.jsまたは省略形-Matreshka（ラテン語、大文字）になりました。
• VKとFacebookのページは、「新しいバージョンがリリースされました」などの不規則性とステレオタイプのニュースにより閉鎖されています。
• すべての例と基本的なチュートリアルは、現在このリポジトリにあります 。
• Patreonで資金調達キャンペーンが開始されました 。 会社でMatreshka.jsを使用している場合、プロジェクトの財政的支援は、プロジェクトが積極的に開発されることを保証します。 あなたが個人の開発者であれば、あなたの助けも同様に重要です。 このような大規模な製品の開発と3か国語のドキュメントの作成には数百時間の無償作業が必要になるため、皆さんのサポートを希望します。

APIの変更

最大の変更点は、村にも都市にもなかった多くの機能（たとえば、 trim機能）の削除でした。

これらの機能が存在したのはなぜですか？ 動機は簡単でした。フレームワークの内部メカニズムに必要でしたが、これらの関数が存在する場合、パブリックフレームワークAPIに追加してみませんか？

その結果、ドキュメントは大幅に膨らみ、フレームワークの使いやすさに最も心地よい効果がなく、多くの有用な方法が情報ノイズで失われ、そのような機能を削除する機能が失われました（これは重大な変更であるため）。

2番目のバージョンから、Matreshka.jsにはフレームワーク自体に固有の機能が含まれていますが、「共通」関数は含まれていません。 いくつかのメソッドを削除した具体的な理由については、フォーラムに書きました 。

新しい機能は、フレームワーク自体に含まれるよりも、追加のプラグインとライブラリの形で提供される可能性が高くなります（ただし、後者は除外されません）。

APIの変更点については、ドキュメントのテキストが重複しないように、以下で非常に簡単に説明します。

（!!!） -重大な変更
（！） -古いアプリケーションに影響を与えない可能性が高い破壊的な変更

削除されたもの

1. （!!!） Matreshka.delay
2. （!!!） Matreshka#delay
3. （!!!） Matreshka.define
4. （!!!） Matreshka#define
5. （!!!） Matreshka.defineSetter
6. （!!!） Matreshka#defineSetter
7. （!!!） Matreshka.defineGetter
8. （!!!） Matreshka#defineGetter
9. （!!!） Matreshka#getAnswerToTheUltimateQuestionOfLifeTheUniverseAndEverything
10. （!!!） Matreshka.trim
11. （!!!） Matreshka.orderBy
12. （!!!） Matreshka.noop
13. （!!!） Matreshka.extend
14. （!!!） Matreshka.each
15. （!!!） Matreshka.bound
16. （!!!） Matreshka#bound
17. （!!!） Matreshka.$bound
18. （!!!） Matreshka#$bound
19. （!!!） Matreshka.boundAll
20. （!!!） Matreshka#boundAll
21. （!!!） Matreshka.randomString （ 現在はここにあります ）
22. （!!!） Matreshka.get
23. （!!!） Matreshka#get
24. （!!!） Matreshka.deepFind
25. （!!!） Matreshka.setProto
26. （!!!） Matreshka.toArray
27. （!!!） Matreshka.version
28. （!!!） Matreshka#sandbox
29. （!!!） Matreshka#$sandbox
30. （!!!） Matreshka.Object#toNative
31. （!!!） Matreshka.Object#toObject
32. （!!!） Matreshka.Array#toNative
33. （!!!） Matreshka.Array#toArray
34. （!!!） Matreshka.binders.file （ 現在はここにあります ）
35. （!!!） Matreshka.binders.dropFile （ 現在はここにあります ）
36. （!!!） Matreshka.binders.dragOver （ 現在はここにあります ）
37. （!!!） Matreshka.Array#each
38. （!!!） Matreshka.Array#hasOwnProperty
39. （!!!） Matreshka.Array#useBindingsParser
40. （!!!） Matreshka.Object#hasOwnProperty
41. （!!!） window.Class （グローバル変数の代わりにMatreshka.Classを使用）
42. （!!!） window.$b 、 Matreshka.$b
43. （!!!） Matreshka.$
44. （!!!） matreshka-magicライブラリ
45. （!!!） Matreshka.binders.innerHTML
46. （!!!） Matreshka.binders.innerText
47. （!!!） Matreshka.binders.attribute
48. （!!!） Matreshka.binders.property

名前が変更されたメソッドとプロパティ

1. （!!!） Matreshka#linkProps > Matreshka#calc
2. （!!!） Matreshka.to > Matreshka.toMatreshka
3. （!!!） Matreshka#setClassFor > Matreshka#instantiate
4. Matreshka.Object#jset > Matreshka.Object#setData （ jsetは削除されません）
5. （!!!） Matreshka#isMK > Matreshka#isMatreshka
6. （!!!） Matreshka.Object#isMKObject > Matreshka.Object#isMatreshkaObject
7. （!!!） Matreshka.Array#isMKArray > Matreshka#isMatreshkaArray
8. （!!!） Matreshka.useAs$ -> Matreshka.useDOMLibrary

bindNodeおよびunbindNode変更

1. （!!!）構文{ key: [node, binder] }サポートされなくなりました。
2. （!!!）引数構文のヒープはサポートされなくなりました。
3. 新しい構文([{key, node, binder, event}], commonEventOptions) 。
4. 新しい構文{key: { node, binder }}および{key: [{ node, binder }]} （Eureka！この構文を使用すると、 bindNode 1回呼び出すだけで多くのバインディングをうまくハングさせることができます）。
5. （！）イベントbind 、 bind:KEYは、 bind:KEYされた各ノードで呼び出されます。
6. （！） unbind 、 unbind:KEYはそれぞれのアンタイドノードで呼び出されます。
7. useExactBinderフラグ。
8. （!!!） assignDefaultValueフラグのassignDefaultValue getValueOnBind変更されました。
9. フラグsetValueOnBind 。
10. （!!!） debounceフラグは削除されました。
11. （！） debounceSetValueフラグ。
12. （！）フラグdebounceGetValue 。
13. debounceSetValueOnBindフラグ。
14. debounceGetValueOnBindフラグ。
15. debounceGetValueDelayフラグ。
16. debounceSetValueDelayフラグ。
17. （!!!） deepではなくexactKeyフラグ。

詳細については、 bindNodeおよびunbindNodeのドキュメントを 参照してください。

バインダーの変更

1. 新しいdestroyバインダーメソッド。
2. （!!!） classNameは感嘆符の構文をサポートしなくなりました。 代わりに、2番目の引数としてfalseを渡すことができます。
3. すべてのバインダーメソッドのbindingOptions引数（たとえば、 getValue(bindingOptions) {...} ）。

詳細については、 bindNodeおよびバインダーのドキュメントを参照してください。

parseBindings変更

1. このメソッドはeventOptions 2番目の引数eventOptions取ります
2. {{}} span要素に置き換えられません。
3. （!!!）最初の引数は必須です。
4. {{ }}スペースを使用できます。

詳細については、 parseBindingsのドキュメントを参照してください。

bindSandbox

1. このメソッドは、新しいサンドボックスをバインドする前に、以前のサンドボックスを解きます。

詳細については、 bindSandboxのドキュメントを参照してください。

calcメソッドの変更（以前はlinkPropsと呼ばれていlinkProps ）

1. （!!!） debounceフラグの名前がdebounceCalc変更されました。
2. （！） debounceCalcデフォルトはtrueです。
3. debounceCalcOnInitフラグ。
4. exactKeyフラグ。
5. （!!!） skipLinksフラグは、 setメソッドで使用するためにskipCalcに名前skipLinks変更されskipCalc 。
6. （!!!）構文[inst, key, inst, key]削除[inst, key, inst, key]れました。
7. 新しい構文{ target: {source, event, handler} } （Eureka！多くのプロパティでcalcメソッドを1回呼び出すことができます）。
8. 新しい構文[{object, key}] 。
9. debounceCalcDelayフラグ。

詳細については、 calcのドキュメントを参照してください。

Matreshka.Array変更

1. （!!!） skipMediatorフラグの名前がskipItemMediator変更されskipItemMediator 。
2. （！） pullメソッドは、オブジェクトと数値のみをサポートします。
3. fromとof継承されます。
4. （!!!） addoneイベントaddoneは、addedではなく、 addedItemプロパティの下に追加されたaddoneが含まれます。
5. （!!!） removeoneイベントremoveoneには、 removedItem代わりに、 removedItemプロパティの下にリモートオブジェクトが含まremovedます。
6. （！） itemRendererには、複数のノードが含まれている場合はspanしません。 代わりに例外がスローされます。
7. useBindingsParserプロパティは削除useBindingsParserれました。
8. （!!!）バインディングパーサーはデフォルトで有効になっています。
9. includesメソッド。
10. findメソッド。
11. メソッドfindIndex 。
12. fillメソッド。
13. copyWithinメソッド。
14. keysメソッド。
15. メソッドvalues 。
16. entries方法。

Matreshka.Arrayのドキュメント、 pull 、 from 、 of 、 itemRenderer 、 METHODを 参照してください 。

Matreshka.Object変更

1. データを処理するプロパティ（削除ではない）が変更されたときに発生するsetイベント。
2. jsetメソッドの名前はsetData変更されsetData （コミュニティの要求により、古い名前は引き続き存在します）。
3. replaceDataメソッドのreplaceDataフラグ。
4. isDataKeyメソッド。
5. メソッドvalues 。
6. entries方法。

詳細については、 Matreshkaのドキュメントを参照してくださいObject 、 setData 、 isDataKey 、 values 、 entries

Matreshka.Class変更

1. 静的メソッドは継承されます。
2. タイプsymbol名を持つプロパティは、プロトタイププロパティと静的プロパティの両方としてサポートされます。

詳細については、 Matreshka.Classのドキュメントを参照してください。

その他の変更

1. 静的チェーン方式。
2. （!!!） sandboxプロパティの取得メソッドと設定メソッドは、すべてのオブジェクトに対して例外をスローします。
3. （!!!） containerプロパティのMatreshka.Arrayと設定Matreshka.Array 、 Matreshka.Arrayインスタンスに対して例外をMatreshka.Arrayます。
4. （!!!）スペースで区切られたキーのリストは、どのメソッドでもサポートされなくなりました。
5. いくつかの明白でないバグを修正
6. すべてのクラスと関数は、CommonJSモジュールとしてインポートできます（ import text from 'matreshka/binders/text' ）
7. 明確な間違い。

Matreshka.jsでの作業が原因で表示されたプロジェクト

• deploy-to-git -Gitサーバーに何か（私の場合はアセンブリの結果）をデプロイできるCLIツール。
• github-embed-公式Webサイトで使用されるGithubでコードを埋め込みます。
• webpack-generate-umd-externalsは、まれなタスクを解決するWebpackの障害です：UMDもサポートするもの（この場合はMatreshka.js）のUMDをサポートするプラグインを作成しますが、フレームワーク全体をインポートせずにCommonJS依存関係をインポートします（難しい、考えないでください）。
• cz-simple-conventional-changelog-簡単な cz-conventional-changelog 。
• eslint-plugin-output-todo-comments -ESLint用のプラグインで、警告またはエラーの形式で指定されたプレフィックスのコメントを表示します。 TODOコメントが失われないように、Matreshka.jsで使用されます。
• babel-plugin-transform-object-spread-inline -Object.assignを呼び出す代わりに、オブジェクトを構文変換して高速forループにObject.assignます。
• babel-plugin-nofn-メタ関数呼び出しを高速forループに変換forます。
• babel-plugin-transform-es2015-modules-simple-commonjsは、結果のコードをコンパクトにするためのCommonJSのECMAScript 2015モジュールの簡易トランスフォーマーです。
• uniquestring-擬似ランダム文字列ジェネレーター（ Matreshka.randomString置き換えMatreshka.randomString ）。
• makeelement -DOM要素を作成します（ Matreshka.$b.create置き換えMatreshka.$b.create ）。

ご清聴ありがとうございました！