Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Decoupled Drupal with Flutter

Decoupled Drupal with Flutter

Decoupled Drupal has become commonplace with JavaScript front-end frameworks. That setup makes a lot of sense for decoupled websites and progressive web applications. What about accessing Drupal content from within native mobile Android and iOS applications, native desktop applications, and more? That is just what this session will dive into; combining the power of Drupal as a CMS, and Flutter for super fast and beautiful native apps.

Flutter is a Google-developed open source UI toolkit for building amazing, natively compiled applications for mobile, web, and desktop from one codebase. Flutter is user and developer-focused around four vision pillars: beautiful, fast, productive, and open. While it is best known for helping launch mobile native apps, such as the official Hamilton app, it is now being used for building native desktop and web applications.

We will kick off this session discussing how native applications can benefit from integration with Drupal for content delivery to your users. Attendees will learn about native application use cases and when to use native application vs. PWAs (Progressive Web Applications). The session will wrap with a live mobile app demo, including code examples from the Contenta Flutter open source project!

Topics Covered

Why consume Drupal content with native applications?
Drupal and native application architecture
What’s Flutter?
Demo - Recipe magazine companion mobile app
Consuming content via Contenta CMS API
Saving persistent state and user data with Google Firebase

First presented by shrop at Decoupled Days 2020

66915a7bf21d69f3ec3207fd9c493504?s=128

Mark Shropshire

July 22, 2020
Tweet

Transcript

  1. 'āóŋŽťķāù'ũŽťÖķ ƒĢŶĞDķŽŶŶāũ $ČÿŚƜŽŇČĆ͉$ãƺƈ ]ƜŇƺ͉ˠˠ̟͉ˠ˞ˠ˞

  2. ¦ŋùÖƘ̗ŭ ėāłùÖ ˟̤ ÎĬƺ͉$ƀƜŽãŇ͉͉ͩkãƔıƳČ͉ŽŽŇıÿãƔıŚőƈ̥ ˠ̤ ÎĬãƔ͂ƈ͉AŇƜƔƔČƀ̥ ˡ̤ ÎĬãƔ͂ƈ͉AıƀČþãƈČ̥ ˢ̤ ¶ŏãŏı͉šČÿıŽČ͉iãĥãDŽıőČ͉kãƔıƳČ͉ŽŽ

    ˣ̤ ™΅
  3. ƈ͉ƔĬČ͉¢ČőıŚƀ͉$ıƀČÿƔŚƀ͉ŚĤ͉$ČƳČŇŚŽŏČőƔ̟͉iãƀń͉ ̿ƈĬƀŚŽ͉̀ŇŚƳČƈ͉ƴŚƀńıőĥ͉ãƔ͉ƔĬČ͉ıőƔČƀƈČÿƔıŚő͉ŚĤ͉ ŇČãĆČƀƈĬıŽ͉ãőĆ͉ƔČÿĬőŚŇŚĥƺ̤͉tƳČƀ͉Ĭıƈ͉ˠ˞̷ŽŇƜƈ̷ƺČãƀ͉ ÿãƀČČƀ͉ãƈ͉ã͉ƔČÿĬőıÿãŇ͉ƔČãŏ͉ŇČãĆČƀ̟͉¢ĬƀŚŽ͉ĬČŇĆ͉N¯͉ ƀŚŇČƈ͉ãƔ͉ã͉ŇãƀĥČ͉Ɯƀþãő͉ƀČƈČãƀÿĬ͉ƜőıƳČƀƈıƔƺ͉ãőĆ͉ã͉ őãƔıŚőãŇŇƺ͉ƀČÿŚĥőıDŽČĆ͉ĥƀãŽĬıÿ͉ÿŚŏŏƜőıÿãƔıŚőƈ͉ ÿŚŏŽãőƺ͉ŽƀıŚƀ͉ƔŚ͉iČĆıãÿƜƀƀČőƔ̤͉IČ͉Ĭãƈ͉ã͉ŽãƈƈıŚő͉ ĤŚƀ͉ŽČƀƈŚőãŇ͉ãőĆ͉ƔČãŏ͉ĥƀŚƴƔĬ̟͉ãŇıĥőıőĥ͉ıőĆıƳıĆƜãŇ͉ ŽƜƀŽŚƈČ͉ƴıƔĬ͉iČĆıãÿƜƀƀČőƔ͂ƈ͉ƳıƈıŚő̤͉¢ĬƀŚŽ͉ĤŚÿƜƈČƈ͉ Śő͉ČŏŽŚƴČƀıőĥ͉ƔČãŏƈ͉ƔŚ͉ČƹÿČŇ͉ƴĬıŇČ͉Ɯƈıőĥ͉þČƈƔ͉ŚĤ͉

    ÿŇãƈƈ͉ŚŽČő͉ƈŚƜƀÿČ͉ƔČÿĬőŚŇŚĥƺ͉ƈŚŇƜƔıŚőƈ̤ Nő͉ãĆĆıƔıŚő̟͉¢ĬƀŚŽ͉ıƈ͉ãő͉ŚƀĥãőıDŽČƀ͉ãőĆ͉ĤƀČſƜČőƔ͉ ŽƜþŇıÿ͉ƈŽČãńČƀ͉ãƔ͉ŏČČƔƜŽƈ͉ãőĆ͉ÿŚőĤČƀČőÿČƈ̟͉ ƔãŇńıőĥ͉ãþŚƜƔ͉ŇČãĆČƀƈĬıŽ̟͉ƔČÿĬőŚŇŚĥƺ̟͉ŽƀŚĆƜÿƔıƳıƔƺ̟͉ ãőĆ͉ŏČőƔŚƀƈĬıŽ̤ mÖũĴœĞũŋťŭĞĢũā ¢ČőıŚƀ͉$ıƀČÿƔŚƀ͉ŚĤ͉$ČƳČŇŚŽŏČőƔ ̪ıő̪ŏãƀńƈĬƀŚŽƈĬıƀČ ΄ƈĬƀŚŽ
  4. zťāłœŋŽũóā 1ƗťÖłŭĢŋł”ÖũŶłāũ

  5. ÂĞŋÂāũā ÎČ͉ãƀČ͉$ƀƜŽãŇ͉ŽıŚőČČƀƈ̟͉ĆıĥıƔãŇ͉ƈƔƀãƔČĥƺ͉ČƹŽČƀƔƈ̟͉ ŚŽČő͉ƈŚƜƀÿČ͉ãĆƳŚÿãƔČƈ̟͉ƀČƈČãƀÿĬČƀƈ̟͉ĆČƈıĥőČƀƈ̟͉ ãőĆ͉ıőőŚƳãƔŚƀƈ͉ƴĬŚ͉ƈŚŇƳČ͉ƔČÿĬőŚŇŚĥƺ͉ÿĬãŇŇČőĥČƈ̤

  6. zŽũmĢŭŭĢŋł ¯Ś͉þƀıőĥ͉ƔŚĥČƔĬČƀ͉ƔĬČ͉ŏŚƈƔ͉ƔãŇČőƔČĆ͉ƔČãŏ͉ŏČŏþČƀƈ͉ ƔŚ͉ŽƀŚƳıĆČ͉ƴŚƀŇĆ̷ÿŇãƈƈ͉ƈŚŇƜƔıŚőƈ͉ĤŚƀ͉ƔĬČ͉ƴČþ̤

  7. ÂĞƘ'ũŽťÖķ̻pÖŶĢƑā ťťķĢóÖŶĢŋłŭ˽

  8. $ƀƜŽãŇ͉ÿãő͉þČ͉ƈČƔƜŽ͉ãƈ͉ã͉ÿŚőƔČőƔ͉ĬƜþ̟͉ŽƀŚƳıĆıőĥ͉ƈƔƀƜÿƔƜƀČĆ͉ ÿŚőƔČőƔ͉ĤŚƀ͉ãŇŇ͉ƔƺŽČƈ͉ŚĤ͉ƜƈČƀ͉ıőƔČƀĤãÿČƈ̤͉NƔ͉ıƈ͉ãő͉ČƹÿČŇŇČőƔ͉i¢͉ ̱ŚőƔČőƔ͉iãőãĥČŏČőƔ͉¢ƺƈƔČŏ̲͉þãÿńČőĆ͉ĤŚƀ͉ƴČþ͉ãőĆ͉őãƔıƳČ͉ ㎎ŇıÿãƔıŚőƈ͉ƴĬČƀČ͉ÿŚőƔČőƔ͉ČĆıƔıőĥ͉ČƹŽČƀıČőÿČ͉ãőĆ͉ˡƀĆ͉ŽãƀƔƺ͉ ıőƔČĥƀãƔıŚőƈ͉ãƀČ͉ıŏŽŚƀƔãőƔ̤ Ό͉˦ 'ũŽťÖķ

  9. Ό͉˧ Nő͉ˠ˞˟ˣ͉ŇČƹ͉šƜƈƈČŇŇ͉ãőĆ͉AƀãőÿČƈ͉ Čƀƀıŏãő͉ÿŚıőČĆ͉ƔĬČ͉őãŏČ͉ —ƀŚĥƀČƈƈıƳČ͉ÎČþ͉ŽŽƈ͉ƔŚ͉ ĆČƈÿƀıþČ͉ã͉ÿŚŇŇČÿƔıŚő͉ŚĤ͉ŚŽČő͉ƴČþ͉ —Nƈ͉ãőĆ͉ŽƀŚĥƀČƈƈıƳČ͉ ČőĬãőÿČŏČőƔ͉ƈƔƀãƔČĥıČƈ͉ƔĬãƔ͉ ãŇŇŚƴ͉ĤŚƀ͉ÿƀŚƈƈ̷ŽŇãƔĤŚƀŏ͉ ÿŚŏŽãƔıþıŇıƔƺ̤͉—Î͉ƜƈČƀ͉ ČƹŽČƀıČőÿČ͉ƀıƳãŇƈ͉ƔĬãƔ͉ŚĤ͉őãƔıƳČ͉

    ㎎ŇıÿãƔıŚőƈ̤ ”ũŋėũāŭŭĢƑāÂāðťťŭ
  10. ÂĞāłŶŋŽĢķù֔ Ό͉˟˞ —Îƈ͉ãŇŇŚƴ͉ƜƈČƀƈ͉ƔŚ͉ĬãƳČ͉ őãƔıƳČ̷ŇıńČ͉㎎ŇıÿãƔıŚő͉ ČƹŽČƀıČőÿČ̤͉ŽŽŇıÿãƔıŚőƈ͉ÿãő͉ ƴŚƀń͉ãőĆ͉ĤČČŇ͉ŏŚƀČ͉ŇıńČ͉ őãƔıƳČ͉㎎ŇıÿãƔıŚőƈ͉Śő͉ ŏŚþıŇČ͉ãőĆ͉ĆČƈńƔŚŽ̤͉—Îƈ͉ ĬãƳČ͉NŏŽƀŚƳČĆ͉ŽČƀĤŚƀŏãőÿČ͉ ãőĆ͉ŚNjıőČ͉ãÿÿČƈƈ͉Ƴƈ̤͉

    ƔƀãĆıƔıŚőãŇ͉ƴČþ͉ƈıƔČƈ̤ —Îƈ͉ÿãő͉ĬČŇŽ͉ıŏŽƀŚƳČ͉ ÿŚőƳČƀƈıŚőƈ͉ƔĬƀŚƜĥĬ͉ ŽČƀĤŚƀŏãőÿČ͉ãőĆ͉ őãƔıƳČ̷ŇıńČ͉ĤƜőÿƔıŚőãŇıƔƺ̤͉ ¯ĬČƺ͉ÿãő͉ãŇƈŚ͉ıŏŽƀŚƳČ͉ ÿŚőƳČƀƈıŚő͉ŚĤ͉ƜƈČƀƈ͉ƔŚ͉ ƺŚƜƀ͉ĤƜŇŇƺ͉őãƔıƳČ͉ŏŚþıŇČ͉ ㎎ŇıÿãƔıŚőƈ̤ !ŋłƑāũŭĢŋłŭ —Îƈ͉ãƀČ͉ĥŚŚĆ͉ƴĬČő͉ƔĬČƀČ͉ ıƈ͉ã͉Ňãÿń͉ŚĤ͉þƜĆĥČƔ͉ĤŚƀ͉őãƔıƳČ͉ ㎎ŇıÿãƔıŚő͉ĆČƳČŇŚŽŏČőƔ̤͉ *ƹıƈƔıőĥ͉ƴČþ͉ĆČƳČŇŚŽŏČőƔ͉ ƔČãŏƈ͉ÿãő͉þƜıŇĆ͉—Îƈ͉ŏƜÿĬ͉ ČãƈıČƀ͉ƔĬãő͉őãƔıƳČ͉ ㎎ŇıÿãƔıŚőƈ͉þČÿãƜƈČ͉ƔĬČƺ͉ ÿãő͉ÿŚőƔıőƜČ͉ƔŚ͉ƜƈČ͉I¯ia̟͉ ¢¢̟͉ãőĆ͉]ãƳã¢ÿƀıŽƔ̤ ŽùėāŶ ­ŭāũ1ƗťāũĢāłóā
  11. ÂĞāłŶŋ'āƑāķŋťpÖŶĢƑā ťťķĢóÖŶĢŋłŭ Ό͉˟˟ ÎĬČő͉ƺŚƜ͉őČČĆ͉ŏãƹıŏƜŏ͉ ƈŽČČĆ͉ŚĤ͉ƔĬČ͉ƔãƀĥČƔ͉ ĆČƳıÿČ̱ƈ̲̤͉BČőČƀãŇŇƺ̟͉—Îƈ͉ ƴıŇŇ͉őŚƔ͉þČ͉ãƈ͉ĤãƈƔ͉ãƈ͉őãƔıƳČ͉ ㎎ŇıÿãƔıŚő͉ŇãőĥƜãĥČƈ͉ãőĆ͉ ¢$_ƈ̤ kãƔıƳČ͉㎎ŇıÿãƔıŚőƈ͉ŏãńČ͉

    ƈČőƈČ͉ƴĬČő͉ƺŚƜ͉őČČĆ͉ƔŚ͉ þČ͉ıő͉ãő͉ŽŽ͉¢ƔŚƀČ͉ƈƜÿĬ͉ãƈ͉ ƔĬČ͉ŽŽŇČ͉ŽŽ͉¢ƔŚƀČ͉Śƀ͉ ƔĬČ͉BŚŚĥŇČ͉—Ňãƺ͉¢ƔŚƀČ̤ kãƔıƳČ͉㎎ŇıÿãƔıŚőƈ͉ãƀČ͉ ĥƀČãƔ͉ĤŚƀ͉ČőƔČƀŽƀıƈČƈ͉ƔĬãƔ͉ őČČĆ͉ƔŚ͉ĆıƈƔƀıþƜƔČ͉ŏŚþıŇČ͉ ãőĆ͉ĆČƈńƔŚŽ͉㎎ŇıÿãƔıŚőƈ̤ ťťœŶŋũāŭ kãƔıƳČ͉㎎ŇıÿãƔıŚő͉¢$_ƈ͉ ŽƀŚƳıĆČ͉ĆıƀČÿƔ͉ãÿÿČƈƈ͉ƔŚ͉ƔĬČ͉ ŇãƔČƈƔ͉ĬãƀĆƴãƀČ͉ãőĆ͉ĤČãƔƜƀČƈ͉ ãƳãıŇãþŇČ͉Śő͉ČãÿĬ͉ŽŇãƔĤŚƀŏ̤͉ ¢ŚŏČ͉ŽŇãƔĤŚƀŏ͉ĤČãƔƜƀČƈ͉ãƀČ͉ ŚőŇƺ͉ãÿÿČƈƈıþŇČ͉ĤƀŚŏ͉őãƔıƳČ͉ ㎎ŇıÿãƔıŚőƈ͉̱Č̤ĥ̤̟͉—ƜƈĬ͉ őŚƔınjÿãƔıŚőƈ͉ıő͉ıt¢̲̤ DāÖŶŽũāóóāŭŭ œťāāù
  12. Ňƴãƺƈ͉ƈƔãƀƔ͉ƴıƔĬ͉ƀČƈŽŚőƈıƳČ͉ƴČþ͉㎎ŇıÿãƔıŚőƈ͉ãőĆ͉ÿŚőƈıĆČƀ͉Ɯƈıőĥ͉ —Î̷ƀČŇãƔČĆ͉ƔČÿĬőŚŇŚĥıČƈ̤͉kãƔıƳČ͉㎎ŇıÿãƔıŚőƈ͉þČÿŚŏČ͉ŚŽƔıŚőƈ͉ þãƈČĆ͉Śő͉ŽƀŚŁČÿƔ͉őČČĆƈ̞ Ɣ iãƀńČƔıőĥ͉ıő͉㎎͉ƈƔŚƀČƈ Ɣ *őƔČƀŽƀıƈČ͉ĆČŽŇŚƺŏČőƔ Ɣ ŽŽŇıÿãƔıŚő͉ĤČãƔƜƀČƈ͉ãőĆ͉ŽČƀĤŚƀŏãőÿČ Ό͉˟ˠ

    ťťķĢóÖŶĢŋł­ÇzťŶĢŋłŭ šČƈŽŚőƈıƳČ —Î kãƔıƳČ
  13. ÂĞÖŶ̗ŭDķŽŶŶāũ˽

  14. Ό͉˟ˢ DķŽŶŶāũĢŭFŋŋėķā̗ŭ­RŶŋŋķĴĢŶĕŋũðŽĢķùĢłėðāÖŽŶĢĕŽķ˶ łÖŶĢƑāķƘóŋĿťĢķāùÖťťķĢóÖŶĢŋłŭĕŋũĿŋðĢķā˶ƒāð˶Öłù ùāŭĴŶŋťĕũŋĿÖŭĢłėķāóŋùāðÖŭā˼ ǍƜƔƔČƀ̤ĆČƳ

  15. BŚŚĥŇČ͉ıƈ͉ŽƜƔƔıőĥ͉ã͉ŇãƀĥČ͉ãŏŚƜőƔ͉ŚĤ͉ƀČƈŚƜƀÿČƈ͉ıőƔŚ͉þƜıŇĆıőĥ͉ãőĆ͉ ČőƈƜƀıőĥ͉AŇƜƔƔČƀ͂ƈ͉ÿĬãőÿČ͉ƔŚ͉ƈƜÿÿČČĆ̤ Ɣ $ČĆıÿãƔČĆ͉ƔČãŏ͉ĆČƳČŇŚŽƈ͉AŇƜƔƔČƀ Ɣ ˟ƈƔ͉ÿŇãƈƈ͉ıőƔČĥƀãƔıŚőƈ͉ƴıƔĬ͉AıƀČþãƈČ̟͉őĆƀŚıĆ͉$ČƳČŇŚŽČƀ͉ ¢ƔƜĆıŚ̟͉ÍıƈƜãŇ͉¢ƔƜĆıŚ͉ŚĆČ̟͉ãőĆ͉ŏŚƀČ Ɣ AƜŇŇƺ͉ŚŽČő̡ Ɣ

    *ƹÿČŇŇČőƔ͉ĆŚÿƜŏČőƔãƔıŚő Ɣ ĬƔƔŽƈ̞̪ ̪ŽƜþ̤ĆČƳ̷͉͉$ãƀƔ͉ãőĆ͉AŇƜƔƔČƀ͉ŽãÿńãĥČƈ Ό͉˟ˣ Fŋŋėķā
  16. Ό͉˟ˤ ÂĞŋĢŭ­ŭĢłėDķŽŶŶāũ˽ 6RXUFHOLQN

  17. Ό͉˟˥ DÖŭŶ'āƑāķŋťĿāłŶ pÖŶĢƑā”āũĕŋũĿÖłóā 1ƗťũāŭŭĢƑāÖłù DķāƗĢðķā­R

  18. Ό͉˟˦ 1ƑāũƘŶĞĢłė̗ŭÖÂĢùėāŶ 6RXUFHOLQN

  19. Ό͉˟˧ ˜āÖóŶĢƑā`ÖƑ֜óũĢťŶťťũŋÖóĞ 6RXUFHOLQN

  20. Ό͉ˠ˞ DķŽŶŶāũ̗ŭťťũŋÖóĞ 6RXUFHOLQN

  21. Ό͉ˠ˟ pŋŶ`ŽŭŶĕŋũłùũŋĢùÖłùĢzœ 6RXUFHOLQN

  22. Ό͉ˠˠ ”ũŋùŽóŶĢƑā mŽķŶĢ̌”ķÖŶĕŋũĿ DÖŭŶ

  23. Ό͉ˠˡ ˑˏˑˏ—ˑ'ÖũŶ”˜ŭŋłFĢŶĞŽð 6RXUFHOLQN

  24. ÂĞÖŶ̗ŭDĢũāðÖŭā˽

  25. ˵RŶ̗ŭłŋŶıŽŭŶÖóķŋŽù ùÖŶÖðÖŭā˸

  26. Ό͉ˠˤ ŽĢķùÖťťŭĕÖŭŶ˶ƒĢŶĞŋŽŶĿÖłÖėĢłėĢłĕũÖŭŶũŽóŶŽũā˼ njƀČþãƈČ̤ĥŚŚĥŇČ̤ÿŚŏ

  27. Ό͉ˠ˥ DÖŭŶ'āƑāķŋťĿāłŶ złā­łĢƩāù”ķÖŶĕŋũĿ pŋRłĕũÖŭŶũŽóŶŽũāŶŋ mÖłÖėā

  28. Ό͉ˠ˦ 6RXUFHOLQN

  29. BŚŚĥŇČ͉ıƈ͉ŽƜƔƔıőĥ͉ã͉ŇãƀĥČ͉ãŏŚƜőƔ͉ŚĤ͉ƀČƈŚƜƀÿČƈ͉ıőƔŚ͉þƜıŇĆıőĥ͉ãőĆ͉ ČőƈƜƀıőĥ͉AıƀČþãƈČ͂ƈ͉ÿĬãőÿČ͉ƔŚ͉ƈƜÿÿČČĆ̤ Ɣ $ČĆıÿãƔČĆ͉ƔČãŏ͉ĆČƳČŇŚŽƈ͉AıƀČþãƈČ Ɣ ˟ƈƔ͉ÿŇãƈƈ͉ıőƔČĥƀãƔıŚőƈ͉ƴıƔĬ͉őĆƀŚıĆ̟͉ıt¢̟͉ƴČþ̟͉¶őıƔƺ̟͉ãőĆ͉ͩͩ Ɣ *ƹÿČŇŇČőƔ͉ĆŚÿƜŏČőƔãƔıŚő Ό͉ˠ˧ Fŋŋėķā

  30. ­ĿÖĿĢ˜āóĢťāmÖėÖơĢłā pÖŶĢƑāťť

  31. Ό͉ˡ˟ Ɣ ¶ƔıŇıDŽČ͉ƔĬČ͉BŚŚĥŇČ͉—Ňãƺ͉ãőĆ͉ ŽŽŇČ͉ŽŽ͉¢ƔŚƀČ͉ƔŚ͉ŏãƀńČƔ͉ ¶ŏãŏı͉͉͉͉ Ɣ _ČČŽ͉ƔĬČ͉¶ŏãŏı͉šČÿıŽČ͉ iãĥãDŽıőČ͉þƀãőĆ͉ƔŚŽ͉ŚĤ͉ŏıőĆ Ɣ —ƀŚƳıĆČ͉ƜƈČĤƜŇ͉ĤČãƔƜƀČƈ͉őŚƔ͉

    ãƳãıŇãþŇČ͉Śő͉ƔĬČ͉ƴČþƈıƔČ Ɣ ¶ƔıŇıDŽČ͉őãƔıƳČ͉ŽŇãƔĤŚƀŏ͉ ĤƜőÿƔıŚőãŇıƔƺ͉őŚƔ͉ãƳãıŇãþŇČ͉ ƴıƔĬ͉—Î͉ƔČÿĬőŚŇŚĥƺ Ό͉ˡ˟ pÖŶĢƑāmŋðĢķāťť­ŭā!Öŭā
  32. AŇƜƔƔČƀ͉ĤƀŚőƔČőĆ͉ĤŚƀ͉ŚőƔČőƔã͉i¢͉ĥŚãŇƈ Ɣ AŇƜƔƔČƀ͉㎎͉ĤŚƀ͉őĆƀŚıĆ͉ãőĆ͉ıt¢ Ɣ $ČÿŚƜŽŇČ͉$ƀƜŽãŇ͉˦͉ÿŚőƔČőƔ͉̱ƀČãĆ͉ŚőŇƺ̲ Ɣ ¶ƈČ͉AıƀČƈƔŚƀČ͉ƔŚ͉ƈƔŚƀČ͉㎎͉ƜƈČƀ͉ĆãƔã Ɣ tŽČő͉ƈŚƜƀÿČ͉ÿŚĆČþãƈČ͉ĤŚƀ͉ŇČãƀőıőĥ͉AŇƜƔƔČƀ Ό͉ˡˠ

    Nāķķŋ˶!ŋłŶāłŶÖDķŽŶŶāũ˸ ĬƔƔŽƈ̞̪ ̪ĥıƔĬƜþ̤ÿŚŏ̪ƈĬƀŚŽ̪ÿŚőƔČőƔã̫ǍƜƔƔČƀ͉
  33. Ό͉ˡˡ !ŋłŶāłŶÖDķŽŶŶāũũóĞĢŶāóŶŽũā $ƀƜŽãŇ͉˦ ãÿńČőĆ͉̱ŚőƔČőƔã͉i¢̲ AıƀČþãƈČ͉AıƀČƈƔŚƀČ AŇƜƔƔČƀ͉ŽŽ šČÿıŽČƈ͉Ƴıã͉]¢tk͉—N ̱ƀČãĆ͉ŚőŇƺ̲ ¢ãƳČ͉ãőĆ͉ƀČƔƀıČƳČ͉ĤãƳŚƀıƔČƈ͉ ̱ͩãĆĆıƔıŚőãŇ͉ĆãƔã͉ıő͉ƔĬČ͉ĤƜƔƜƀČ̲

  34. ­ĿÖĿĢ˜āóĢťāmÖėÖơĢłā pÖŶĢƑāťť'āĿŋ

  35. —͢ aČƔ͂ƈ͉ƔãŇń̡ ΄ƈĬƀŚŽ ıő̪ŏãƀńƈĬƀŚŽƈĬıƀČ͉

  36. Ό͉ˡˤ ˜āŭŋŽũóāŭ Ɣ ĬƔƔŽƈ̞̪ ̪ǍƜƔƔČƀ̤ĆČƳ͉ Ɣ ĬƔƔŽƈ̞̪ ̪njƀČþãƈČ̤ĥŚŚĥŇČ̤ÿŚŏ͉ Ɣ ĬƔƔŽƈ̞̪

    ̪ƴƴƴ̤ÿŚőƔČőƔãÿŏƈ̤Śƀĥ͉ Ɣ ĬƔƔŽƈ̞̪ ̪ĥıƔĬƜþ̤ÿŚŏ̪ƈĬƀŚŽ̪ÿŚőƔČőƔã̫ǍƜƔƔČƀ͉
  37. ¦ĞÖłĴƘŋŽ˸ ΄iČĆıãÿƜƀƀČőƔ iČĆıãÿƜƀƀČőƔ ΄iČĆıãÿƜƀƀČőƔ iČĆıãÿƜƀƀČőƔ$ƀƜŽãŇ iČĆıãÿƜƀƀČőƔ̤ÿŚŏ ΄iČĆıãÿƜƀƀČőƔ