"+t+""+v+""+">"}var a,u=n(46),c=n(75),f=n(65),s=n(54),p=n(77),l=n(42),h=(n=n(53),"prototype"),v="script",y=n("IE_PROTO"),d=function(){try{a=new ActiveXObject("htmlfile")}catch(t){}var t;d="undefined"==typeof document||document.domain&&a?function(t){t.write(i("")),t.close();var r=t.parentWindow.Object;return t=null,r}(a):((t=l("iframe")).style.display="none",p.appendChild(t),t.src=String("javascript:"),(t=t.contentWindow.document).open(),t.write(i("document.F=Object")),t.close(),t.F);for(var r=f.length;r--;)delete d[h][f[r]];return d()};s[y]=!0,r.exports=Object.create||function(r,e){var n;return null!==r?(o[h]=u(r),n=new o,o[h]=null,n[y]=r):n=d(),e===t?n:c.f(n,e)}},function(t,r,e){var n=e(5),o=e(45),i=e(44),a=e(46),u=e(11),c=e(76);r.f=n&&!o?Object.defineProperties:function(t,r){a(t);for(var e,n=u(r),o=c(r),f=o.length,s=0;s=r||56320!=(64512&u(t,e))))return!1}return!0}})},function(t,r,e){var n=e(89),o=String;t.exports=function(t){if("Symbol"===n(t))throw TypeError("Cannot convert a Symbol value to a string");return o(t)}},function(r,e,n){var o=n(90),i=n(20),a=n(14),u=n(33)("toStringTag"),c=Object,f="Arguments"==a(function(){return arguments}());r.exports=o?a:function(r){var e;return r===t?"Undefined":null===r?"Null":"string"==typeof(r=function(t,r){try{return t[r]}catch(t){}}(e=c(r),u))?r:f?a(e):"Object"==(r=a(e))&&i(e.callee)?"Arguments":r}},function(t,r,e){var n={};n[e(33)("toStringTag")]="z",t.exports="[object z]"===String(n)},function(t,r,e){var n=e(2),o=e(7),i=e(13),a=e(15),u=e(88),c=(e=e(6),Array),f=i("".charAt),s=i("".charCodeAt),p=i([].join),l="".toWellFormed,h=l&&e((function(){return"1"!==o(l,1)}));n({target:"String",proto:!0,forced:h},{toWellFormed:function(){var t=u(a(this));if(h)return o(l,t);for(var r=t.length,e=c(r),n=0;n>>0)+(n>>>0)+(((t>>>=0)&(e>>>=0)|(t|e)&~(t+e>>>0))>>>31)|0}})},function(t,r,e){e(2)({target:"Math",stat:!0,forced:!0},{imulh:function(t,r){var e,n;t=65535&(e=+t),r=65535&(n=+r);return(e=e>>16)*(n=n>>16)+((r=(e*r>>>0)+(t*r>>>16))>>16)+((t*n>>>0)+(65535&r)>>16)}})},function(t,r,e){e(2)({target:"Math",stat:!0,forced:!0},{isubh:function(t,r,e,n){return(r>>>0)-(n>>>0)-((~(t>>>=0)&(e>>>=0)|~(t^e)&t-e>>>0)>>>31)|0}})},function(t,r,e){e(2)({target:"Math",stat:!0,nonConfigurable:!0,nonWritable:!0},{RAD_PER_DEG:180/Math.PI})},function(t,r,e){e=e(2);var n=Math.PI/180;e({target:"Math",stat:!0,forced:!0},{radians:function(t){return t*n}})},function(t,r,e){e(2)({target:"Math",stat:!0,forced:!0},{scale:e(281)})},function(t,r,e){var n=e(2),o=e(46),i=e(291),a=e(186),u=e(118),c=e(51),f=(e="Seeded Random")+" Generator",s=c.set,p=c.getterFor(f),l=TypeError,h=a((function(t){s(this,{type:f,seed:t%2147483647})}),e,(function(){var t=(t=p(this)).seed=(1103515245*t.seed+12345)%2147483647;return u((1073741823&t)/1073741823,!1)}));n({target:"Math",stat:!0,forced:!0},{seededPRNG:function(t){if(t=o(t).seed,!i(t))throw l('Math.seededPRNG() argument should have a "seed" field with a finite value.');return new h(t)}})},function(t,r,e){var n=e(3).isFinite;t.exports=Number.isFinite||function(t){return"number"==typeof t&&n(t)}},function(t,r,e){e(2)({target:"Math",stat:!0,forced:!0},{signbit:function(t){return(t=+t)==t&&0==t?1/t==-1/0:t<0}})},function(t,r,e){e(2)({target:"Math",stat:!0,forced:!0},{umulh:function(t,r){var e,n;t=65535&(e=+t),r=65535&(n=+r);return(e=e>>>16)*(n=n>>>16)+((r=(e*r>>>0)+(t*r>>>16))>>>16)+((t*n>>>0)+(65535&r)>>>16)}})},function(r,e,n){var o=n(2),i=n(13),a=n(61),u=n(295),c="Invalid number representation",f=RangeError,s=SyntaxError,p=TypeError,l=/^[\da-z]+$/,h=i("".charAt),v=i(l.exec),y=i(1..toString),d=i("".slice);o({target:"Number",stat:!0,forced:!0},{fromString:function(r,e){var n,o=1;if("string"!=typeof r)throw p(c);if(!r.length)throw s(c);if("-"==h(r,0)&&(o=-1,!(r=d(r,1)).length))throw s(c);if((e=e===t?10:a(e))<2||36>>0||(p(s,t)?16:10))}:c},function(t,r,e){var n=e(13),o=e(15),i=e(88),a=(e=e(297),n("".replace)),u=RegExp("^["+e+"]+"),c=RegExp("(^|[^"+e+"])["+e+"]+$");e=function(t){return function(r){return r=i(o(r)),1&t&&(r=a(r,u,"")),2&t?a(r,c,"$1"):r}};t.exports={start:e(1),end:e(2),trim:e(3)}},function(t,r){t.exports="\t\n\v\f\r \u2028\u2029\ufeff"},function(t,r,e){var n=e(2),o=e(185);n({target:"Number",stat:!0,forced:!0},{range:function(t,r,e){return new o(t,r,e,"number",0,1)}})},function(t,r,e){var n=e(2),o=e(300);n({target:"Object",stat:!0,forced:!0},{iterateEntries:function(t){return new o(t,"entries")}})},function(r,e,n){var o=n(51),i=n(186),a=n(118),u=n(38),c=n(76),f=n(39),s="Object Iterator",p=o.set,l=o.getterFor(s);r.exports=i((function(t,r){t=f(t),p(this,{type:s,mode:r,object:t,keys:c(t),index:0})}),"Object",(function(){for(var r=l(this),e=r.keys;;){if(null===e||r.index>=e.length)return r.object=r.keys=null,a(t,!0);var n=e[r.index++],o=r.object;if(u(o,n)){switch(r.mode){case"keys":return a(n,!1);case"values":return a(o[n],!1)}return a([n,o[n]],!1)}}}))},function(t,r,e){var n=e(2),o=e(300);n({target:"Object",stat:!0,forced:!0},{iterateKeys:function(t){return new o(t,"keys")}})},function(t,r,e){var n=e(2),o=e(300);n({target:"Object",stat:!0,forced:!0},{iterateValues:function(t){return new o(t,"values")}})},function(t,r,e){var n=e(2),o=e(23),i=e(13),a=e(30),u=e(15),c=e(17),f=e(202),s=o("Object","create"),p=i([].push);n({target:"Object",stat:!0,forced:!0},{groupBy:function(t,r){u(t),a(r);var e=s(null),n=0;return f(t,(function(t){var o=c(r(t,n++));o in e?p(e[o],t):e[o]=[t]})),e}})},function(t,r,e){e(305),e(308),e(309)},function(r,e,n){function o(r){this.observer=s(r),this.cleanup=t,this.subscriptionObserver=t}var i=n(2),a=n(7),u=n(5),c=n(208),f=n(30),s=n(46),p=n(157),l=n(20),h=n(16),v=n(19),y=n(29),d=n(47),g=n(116),b=n(85),m=n(306),x=n(33),w=n(51),S=n(307),A=x("observable"),E="Observable",O=(n="Subscription","SubscriptionObserver"),R=(x=w.getterFor,w.set),I=x(E),k=x(n),T=x(O);function M(t,r){var e,n=R(this,new o(t));u||(this.closed=!1);try{(e=y(t,"start"))&&a(e,t,this)}catch(r){m(r)}if(!n.isClosed()){t=n.subscriptionObserver=new j(n);try{var i=r(t),c=i;h(i)||(n.cleanup=l(i.unsubscribe)?function(){c.unsubscribe()}:f(i))}catch(r){return void t.error(r)}n.isClosed()&&n.clean()}}o.prototype={type:n,clean:function(){var r=this.cleanup;if(r){this.cleanup=t;try{r()}catch(r){m(r)}}},close:function(){var r,e;u||(r=this.facade,e=this.subscriptionObserver,r.closed=!0,e&&(e.closed=!0)),this.observer=t},isClosed:function(){return this.observer===t}},M.prototype=g({},{unsubscribe:function(){var t=k(this);t.isClosed()||(t.close(),t.clean())}}),u&&b(M.prototype,"closed",{configurable:!0,get:function(){return k(this).isClosed()}});var j=function(t){R(this,{type:O,subscriptionState:t}),u||(this.closed=!1)};j.prototype=g({},{next:function(t){var r=T(this).subscriptionState;if(!r.isClosed()){r=r.observer;try{var e=y(r,"next");e&&a(e,r,t)}catch(t){m(t)}}},error:function(t){var r=T(this).subscriptionState;if(!r.isClosed()){var e=r.observer;r.close();try{var n=y(e,"error");n?a(n,e,t):m(t)}catch(t){m(t)}r.clean()}},complete:function(){var t=T(this).subscriptionState;if(!t.isClosed()){var r=t.observer;t.close();try{var e=y(r,"complete");e&&a(e,r)}catch(t){m(t)}t.clean()}}}),u&&b(j.prototype,"closed",{configurable:!0,get:function(){return T(this).subscriptionState.isClosed()}});b=function(t){p(this,P),R(this,{type:E,subscriber:f(t)})};var P=b.prototype;g(P,{subscribe:function(r){var e=arguments.length;return new M(l(r)?{next:r,error:1e.size?c(e.getIterator(),(function(t){p(r,t)&&s(o,t)})):u(r,(function(t){e.includes(t)&&s(o,t)})),o}},function(t,r,e){var n=e(2),o=e(7),i=e(335),a=e(342);n({target:"Set",proto:!0,real:!0,forced:!0},{intersection:function(t){return o(a,this,i(t))}})},function(t,r,e){var n=e(2),o=e(345);n({target:"Set",proto:!0,real:!0,forced:!e(333)("isDisjointFrom")},{isDisjointFrom:o})},function(t,r,e){var n=e(324),o=e(325).has,i=e(331),a=e(332),u=e(330),c=e(144),f=e(165);t.exports=function(t){var r=n(this),e=a(t);if(i(r)<=e.size)return!1!==u(r,(function(t){if(e.includes(t))return!1}),!0);var s=e.getIterator();return!1!==c(s,(function(t){if(o(r,t))return f(s,"normal",!1)}))}},function(t,r,e){var n=e(2),o=e(7),i=e(335),a=e(345);n({target:"Set",proto:!0,real:!0,forced:!0},{isDisjointFrom:function(t){return o(a,this,i(t))}})},function(t,r,e){var n=e(2),o=e(348);n({target:"Set",proto:!0,real:!0,forced:!e(333)("isSubsetOf")},{isSubsetOf:o})},function(t,r,e){var n=e(324),o=e(331),i=e(330),a=e(332);t.exports=function(t){var r=n(this),e=a(t);return!(o(r)>e.size)&&!1!==i(r,(function(t){if(!e.includes(t))return!1}),!0)}},function(t,r,e){var n=e(2),o=e(7),i=e(335),a=e(348);n({target:"Set",proto:!0,real:!0,forced:!0},{isSubsetOf:function(t){return o(a,this,i(t))}})},function(t,r,e){var n=e(2),o=e(351);n({target:"Set",proto:!0,real:!0,forced:!e(333)("isSupersetOf")},{isSupersetOf:o})},function(t,r,e){var n=e(324),o=e(325).has,i=e(331),a=e(332),u=e(144),c=e(165);t.exports=function(t){var r=n(this);t=a(t);if(i(r)=e.length?a(t,!0):(e=p(e,n),r.index+=e.length,a({codePoint:s(e,0),position:n},!1))}));o({target:"String",proto:!0,forced:!0},{codePoints:function(){return new y(c(u(this)))}})},function(r,e,n){var o=n(201),i=n(2),a=n(34),u=n(23),c=n(48),f=n(13),s=n(190),p=n(46),l=n(39),h=n(20),v=n(63),y=n(44).f,d=n(197),g=n(367),b=n(370),m=(n=n(297),a("GlobalDedentRegistry",new(u("WeakMap"))));function x(t){return c((function(r){var e=d(arguments);return e[0]=function(t){var r=t.raw;if(o&&!E(r))throw S("Raw template should be frozen");if(m.has(r))return m.get(r);var e=C(r);t=N(e);return y(t,"raw",{value:A(e)}),A(t),m.set(r,t),t}(p(r)),s(t,this,e)}),"")}m.has=m.has,m.get=m.get,m.set=m.set;var w=Array,S=TypeError,A=Object.freeze||Object,E=Object.isFrozen,O=Math.min,R=f("".charAt),I=f("".slice),k=f("".split),T=f(/./.exec),M=/([\n\u2028\u2029]|\r\n?)/g,j=RegExp("^["+n+"]*"),P=RegExp("[^"+n+"]"),D="Invalid tag",C=function(t){var r,e=l(t),n=v(e),o=w(n),i=w(n),a=0;if(!n)throw S(D);for(;a=t.length)return-1;for(var n=0;r SwiftUIでもこれまで通りDelegateを使ってみたい Swift 2020.08.13 2020.04.16
はじめに お外を出歩かずに家に引きこもる時間が長くなり、少しお酒の量も増えてまいりました。これまでは焼酎をちびちびでしたが、最近はホットワインにハマっています。 あ、いや、飲みながら仕事をしているわけでは決して…… どうでもいいことですが、卵酒は口に合いませんでした。
さて今日は酒の話をしたかったのではなく……
ここ何日かSwiftUIを使いつつも、これまで通りDelegateも使っていきたいということで試行錯誤をしていました。言語が変わったわけでもなく、理屈上は使えるはずです。
世間に散らかるMVCやらアレやらコレやらに応じてどう取り組むかが変わってくる課題になるので、一概にこれが正解!とは言えないです。 ちょっと心苦しい。
参考までに見ていただければ幸いです。毎度のお約束ですが、間違っているかもしれません。後日書き直しているかもしれません。
SwiftUIを使う前のやり方 SwiftUIを使う前は、Viewと処理部分をある程度区別をつける方法で組んでいました。VC(View Controller)を軸としてM(Model)とV(View)が連携するMVVCもどきです。できるかぎりAppleの公式を参照してそれに合わせるようにしていました。
どうしても手癖というものもあり、それに適合する形で組めていたとは自信を持って言えないので、ゆる〜く、MとVCのグループとVのグループに切り分ける方式
とでも申しておきましょう。
極力Vにはユーザに見える部分だけとし、単純にユーザに見せるだけ/ユーザから受け取るだけとしました。税額計算やデータの集計などのロジック的なものは全てVCにまとめ、VCが太ってきたら業務や使い方などでグループ分けをして切り出すような感じです。
本筋に戻りますが、Delegateを使っていたのはこういうパターンです。
ボタンアクションなど、Viewで受け付けるユーザからの操作を全てVCに丸投げする VCから、切り出したクラスやMに処理を丸投げする 思想信条の都合上、VからMやVCから切り出したクラスへの直接丸投げはしない方向で進めてました。必ずVCを経由する方式です。
こういうのをSwiftUIを使ってもしたかったんです。
SwiftUIを使うようになってからのやり方 基本的には方法論や考え方は同じはずです。
SwiftUIの導入で、View(見た目)とロジックの切り分けではなく、どちらかというと業務ドメイン的な切り分け方になったように思います。Viewの構造体の中でビューをメインとしてそれに関係するロジックを持っているイメージです。
ならばdelegate不要ではと思われるかもしれませんが、非同期でデータを取得するパターンや、複数のViewを組み合わせている場合などでデータの融通をしないといけないパターンなど、Delegateのお世話になるパターンはいくつも見つかると思います。
移譲先をただのクラスにしてしまうとこれまでと同じですので、移譲先はView(SwiftUI)としてまとめてみます。
クラスでdelegateを使う まずはデリゲートプロトコルに準拠させます。構造体の宣言の横に並べるアレです。
struct testStruct:View,testDelegate {
~略~
}
ここでいうところのView
の横にあるものですね。
次に移譲先Viewのinit()
メソッドにてクラスのインスタンス生成とdelegateプロパティへの移譲先の構造体代入を済ませてしまいます。
仕上げに、移譲されたメソッドの中身を実装します。
基本的にこれまで通りです。
View(SwiftUI)でdelegateを使う 今度は移譲先も移譲元もView(SwiftUI)のパターンです。子Viewからのアクションを親Viewにて処理したり、そのまま別クラスへ丸投げしたりするときに使います。
~.delegate = self的なことをする場所に困る 基本的なアプローチは一緒なんですけどね。
SwiftUIを使う前はクラスのインスタンスが持っているdelegateプロパティに対し、委譲先のインスタンスをもたせます。ですが、SwiftUIのViewは構造体ですし、構造体をどうのこうのとするところは無いです。 そもそも構造体は値型。 委譲先を設定するところが、これまでの感覚で行くと見つからないんです。
これで詰まりました。
解決方法 一時は諦めかけたものの、解決できました。
SwiftUIのViewを呼び出すときに引数で初期化すれば良いだけでした。
イメージとしては、例えば委譲元の構造体(View)をTestViewとし、委譲先の構造体を保持するプロパティをdelegateとすると、
TestView(delegate:self)
とするだけです。
構造体(View)が持つプロパティは初期化が必須です。Viewを呼び出すときに初期化してしまえば良いわけです。
理屈がわかれば単純な話です。
※delegateプロパティと言っていますが、変数名は適当に変えられるので、名称はdelegateとは限りません。要は、委譲先を保持できるプロパティのことです。
注意点 ちょっとした点で違いがいくつか。
移譲先のインスタンスを保持するプロパティにはweak
を付けない 1つ目のは、構造体が値型だからという理由ですね。2つ目のは、移譲先がクラスではなく構造体だからです。
delegateの定型パターンを手癖でズババっと書いてしまうとエラーが出てションボリします。
まとめ これまで通りでDelegateを使うことができます。ただし、構造体相手ということもあり、若干違いがあります。そこは柔軟に対応していきましょう。
基本的にイメージで突き進む右脳人間なので、そもそものところ(Delegateの仕組み)を勘違いしているかもしれません。これまたお約束ですが、「鵜呑みはダメですよ」と申しておきましょう。
そういえばDelegateを使う方法以外にCombineとやらを使う方法もあるみたいですね。これまでの方法一本槍で突き進むだけでなく、新しい方法や違う方法も取り入れてみたいですね。
余談ですが、このご時勢でふさぎ込むことも多々あると思います。百薬の長をお供に、一日一日大切に過ごしていきましょう!!これまでの平常時のように仕事に追われる日々とは違う状況を体感できるのは、そうそう無い機会ですよ!
Cookieポリシー 当サイトは訪問者のサイト利便性向上のためにCookieを使用しています。使用に同意いただける場合は「同意する」を押してください。必要に応じてオプトアウトすることもできます。設定 同意する Privacy & Cookies Policy
タイトルとURLをコピーしました