Technical Presentation https://events.apifirstcms.org/ en Q&A https://events.apifirstcms.org/node/204 <span class="field field--name-title field--type-string field--label-hidden">Q&amp;A</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">office</span></span> <span class="field field--name-created field--type-created field--label-hidden">Fri, 11/22/2019 - 14:34</span> <div class="field field--name-field-mt-ses-image field--type-image field--label-hidden field__items"> <div class="images-container clearfix"> <div class="image-preview clearfix"> <div class="image-wrapper clearfix"> <div class="field__item"> <img loading="lazy" src="/sites/default/files/styles/large/public/default_images/session-abstract-placeholder.jpg?itok=XZJCfmmp" width="1110" height="600" alt="Session default image" title="Session default image" typeof="foaf:Image" class="image-style-large" /> </div> </div> </div> </div> </div> <div class="clearfix text-formatted field field--name-field-mt-ses-body field--type-text-with-summary field--label-hidden field__item"><p>Q&amp;A</p> <p> </p> <p>Discussion:  API-First, Open Source, Decoupled, Headless, CMS, JavaScript, Node.js, React, Angular, Vue.js, Drupal, WordPress.......</p> </div> Fri, 22 Nov 2019 05:34:06 +0000 office 204 at https://events.apifirstcms.org A node.js proxy between Drupal and your consumers https://events.apifirstcms.org/sessions/presentation-eight <span class="field field--name-title field--type-string field--label-hidden">A node.js proxy between Drupal and your consumers</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">office</span></span> <span class="field field--name-created field--type-created field--label-hidden">Tue, 12/18/2018 - 21:00</span> <div class="field field--name-field-mt-ses-image field--type-image field--label-hidden field__items"> <div class="images-container clearfix"> <div class="image-preview clearfix"> <div class="image-wrapper clearfix"> <div class="field__item"> <img loading="lazy" src="/sites/default/files/styles/large/public/2019-12/A%20node%20js%20proxy%20between%20Drupal%20and%20your%20consumers%20-%20YouTube.png?itok=t6wAOg8E" width="1110" height="600" alt="A node.js proxy between Drupal and your consumers" typeof="foaf:Image" class="image-style-large" /> </div> </div> </div> </div> </div> <div class="clearfix text-formatted field field--name-field-mt-ses-body field--type-text-with-summary field--label-hidden field__item"><h3>Abstract</h3> <h4><a href="https://events.drupal.org/minneapolis2020/sessions/nodejs-proxy-between-drupal-and-your-consumers">A node.js proxy between Drupal and your consumers</a></h4> <p>From DrupalCon Minneapolis 2020 <a href="https://events.drupal.org/minneapolis2020">https://events.drupal.org/minneapolis2020</a></p> <p> </p> <p>If you are building a digital experience that includes a JS website you will need to have a node.js server for SSR purposes. In this talk we'll learn how to leverage that infrastructure to add a node.js proxy server between Drupal and all of your consumers. Most importantly we'll discuss how we can collaborate on this node.js starter kit that can be used in most of your decoupled projects.</p> <h4>Learning objectives are:</h4> <ul><li>How different teams (domains) on your organization (or client) can benefit from a decoupled application.</li> <li>How to orchestrate multiple decoupled Drupal install in a single application.</li> <li>How to aggregate and integrate disparate data sources in your application.</li> <li>How to design your application to minimize risks and improve performance.</li> </ul><h4>Target Audience</h4> <p>This talk if focused at digital architects and back-end developers working on non-trivial projects, specially if they have to deal with complex organizational structures in their project.</p> <h4>Prerequisites</h4> <p>To benefit most from this session, you’ll need to have a basic understanding of decoupled Drupal. Ideally, you already have experience deploying a decoupled Drupal project to production.</p> </div> <div class="field field--name-field-mt-ses-files field--type-file field--label-above"> <h4>Content</h4> <div class="field__items"> <div class="field__item"> <span class="file file--mime-application-pdf file--application-pdf"> <a href="/sites/default/files/2019-12/a-nodejs-proxy-between-drupal-and-your-consumers.pdf" type="application/pdf" title="a-nodejs-proxy-between-drupal-and-your-consumers.pdf">A node.js proxy between Drupal and your consumers</a></span> </div> </div> </div> <div class="field field--name-field-mt-ses-video-url field--type-video-embed-field field--label-above"> <div class="field__label">Video URL</div> <div class="field__items"> <div class="field__item"><div class="video-embed-field-provider-youtube video-embed-field-responsive-video"><iframe width="854" height="480" frameborder="0" allowfullscreen="allowfullscreen" src="https://www.youtube.com/embed/1hkz51paaBI?autoplay=1&amp;start=0&amp;rel=0"></iframe> </div> </div> </div> </div> <div class="field field--name-field-mt-ses-speaker field--type-entity-reference field--label-hidden field--entity-reference-target-type-node clearfix field__items"> <div class="field__item"> <article data-history-node-id="181" role="article" about="/speakers/mateu-aguilo-bosh" class="node node--type-speaker node--sticky node--view-mode-mt-speaker-node-teaser clearfix"> <div class="node__container"> <div class="node__main-content clearfix"> <header class="node__header"> </header> <div class="row content views-row"> <div class="order-lg-2 col-lg-6"> <div class="photo-container"> <div class="images-container clearfix"> <div class="image-preview clearfix"> <div class="image-wrapper clearfix"> <div class="field field--name-field-mtt-spk-speaker-photo field--type-image field--label-hidden field__item"> <div class="overlay-container"> <span class="overlay overlay--colored"> <a class="overlay-target-link image-popup" href="/speakers/mateu-aguilo-bosh"></a> </span> <img loading="lazy" src="/sites/default/files/styles/mt_member_photo/public/2019-11/Mateu_Aguilo.jpg?itok=ufKSx8uc" width="1300" height="1300" alt="Mateu Aguiló Bosch" typeof="foaf:Image" class="image-style-mt-member-photo" /> </div> </div> </div> </div> </div> </div> </div> <div class="order-lg-1 col-lg-6"> <header class="node__header"> <h5 class="mt-0 mb-0"> <a href="/speakers/mateu-aguilo-bosh" rel="bookmark"><span class="field field--name-title field--type-string field--label-hidden">Mateu Aguiló Bosch</span> </a> </h5> </header> <div class="field field--name-field-mt-spk-subtitle field--type-string field--label-hidden field__item">JSON API developer</div> <div class="clearfix text-formatted field field--name-field-mt-spk-body field--type-text-with-summary field--label-hidden field__item"><p> </p> <p>API-First initiative co-coordinator.</p> <p>Co-maintainer and co-author of Contenta CMS.</p> <p>at <a href="https://www.drupal.org/u/e0ipso">Drupal.org</a> </p> <p><a href="https://humanbits.es/">Blog</a></p> </div> <ul class="icons-list icons-list--bordered"> <li> <a target="_blank" href="https://twitter.com/e0ipso"> <i class="fab fa-twitter"></i><span class="sr-only">twitter</span> </a> </li> <li> <a target="_blank" href="https://www.linkedin.com/in/mateuaguilobosch/"> <i class="fab fa-linkedin"></i><span class="sr-only">linkedin</span> </a> </li> <li> <a target="_blank" href="https://www.youtube.com/channel/UCL7LYJ25RUyY7rsypFDl_FA"> <i class="fab fa-youtube"></i><span class="sr-only">youtube</span> </a> </li> </ul> </div> </div> </div> </div> </article> </div> </div> Tue, 18 Dec 2018 12:00:08 +0000 office 165 at https://events.apifirstcms.org Introduce Development tools DevOps DDEV、How to Contribution Drupal Community https://events.apifirstcms.org/sessions/presentation-seven <span class="field field--name-title field--type-string field--label-hidden">Introduce Development tools DevOps DDEV、How to Contribution Drupal Community</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">office</span></span> <span class="field field--name-created field--type-created field--label-hidden">Tue, 12/18/2018 - 20:55</span> <div class="field field--name-field-mt-ses-image field--type-image field--label-hidden field__items"> <div class="images-container clearfix"> <div class="image-preview clearfix"> <div class="image-wrapper clearfix"> <div class="field__item"> <img loading="lazy" src="/sites/default/files/styles/large/public/2019-12/Introduce%20Development%20tools%20DevOps%20DDEV%20How%20to%20Contribution%20Drupal%20Community%20-%20YouTube_3.png?itok=xfPlpGSN" width="1110" height="600" alt="Introduce Development tools DevOps DDEV、How to Contribution Drupal Community" typeof="foaf:Image" class="image-style-large" /> </div> </div> </div> </div> </div> <div class="clearfix text-formatted field field--name-field-mt-ses-body field--type-text-with-summary field--label-hidden field__item"><h3>Abstract</h3> <p>1) Introduce Development tools DevOps DDEV</p> <p>2) How to Contribution Drupal Community</p> <h4>Download :</h4> <ul><li>Presentation No.1  <a href="https://events.apifirstcms.org/sites/default/files/event/ddev/ddev_how2contribution.pdf">download here</a> </li> <li>Presentation No.2  <a href="https://events.apifirstcms.org/sites/default/files/event/ddev/first_time_contribution_workshop.pdf">download  here</a></li> </ul></div> <div class="field field--name-field-mt-ses-files field--type-file field--label-above"> <h4>Content</h4> <div class="field__items"> <div class="field__item"> <span class="file file--mime-application-pdf file--application-pdf"> <a href="/sites/default/files/2019-12/ddev_how2contribution_1.pdf" type="application/pdf" title="ddev_how2contribution_1.pdf">Introduce Development tools DevOps DDEV、How to Contribution Drupal Community</a></span> </div> </div> </div> <div class="field field--name-field-mt-ses-video-url field--type-video-embed-field field--label-above"> <div class="field__label">Video URL</div> <div class="field__items"> <div class="field__item"><div class="video-embed-field-provider-youtube video-embed-field-responsive-video"><iframe width="854" height="480" frameborder="0" allowfullscreen="allowfullscreen" src="https://www.youtube.com/embed/udZljaH7lhE?autoplay=1&amp;start=0&amp;rel=0"></iframe> </div> </div> </div> </div> <div class="field field--name-field-mt-ses-speaker field--type-entity-reference field--label-hidden field--entity-reference-target-type-node clearfix field__items"> <div class="field__item"> <article data-history-node-id="207" role="article" about="/speakers/kazu-hodota" class="node node--type-speaker node--view-mode-mt-speaker-node-teaser clearfix"> <div class="node__container"> <div class="node__main-content clearfix"> <header class="node__header"> </header> <div class="row content views-row"> <div class="order-lg-2 col-lg-6"> <div class="photo-container"> <div class="images-container clearfix"> <div class="image-preview clearfix"> <div class="image-wrapper clearfix"> <div class="field field--name-field-mtt-spk-speaker-photo field--type-image field--label-hidden field__item"> <div class="overlay-container"> <span class="overlay overlay--colored"> <a class="overlay-target-link image-popup" href="/speakers/kazu-hodota"></a> </span> <img loading="lazy" src="/sites/default/files/styles/mt_member_photo/public/2019-12/2019_0705_1200x1200.jpg?itok=fuEQjoVk" width="1300" height="1300" alt="Kazu Hodota" typeof="foaf:Image" class="image-style-mt-member-photo" /> </div> </div> </div> </div> </div> </div> </div> <div class="order-lg-1 col-lg-6"> <header class="node__header"> <h5 class="mt-0 mb-0"> <a href="/speakers/kazu-hodota" rel="bookmark"><span class="field field--name-title field--type-string field--label-hidden">Kazu Hodota</span> </a> </h5> </header> <div class="field field--name-field-mt-spk-subtitle field--type-string field--label-hidden field__item">Open Source and CMS user</div> <div class="clearfix text-formatted field field--name-field-mt-spk-body field--type-text-with-summary field--label-hidden field__item"><p>Kazu Hodota</p> <p>Open Source CMS Drupal project information is <a href="drupal.org/u/hodota">drupal.org/u/hodota</a></p> <p> </p> </div> <ul class="icons-list icons-list--bordered"> <li> <a target="_blank" href="https://www.facebook.com/kazu.hodota"> <i class="fab fa-facebook"></i><span class="sr-only">facebook</span> </a> </li> <li> <a target="_blank" href="https://twitter.com/kazuhodota"> <i class="fab fa-twitter"></i><span class="sr-only">twitter</span> </a> </li> <li> <a target="_blank" href="https://www.linkedin.com/in/kazuhodota/"> <i class="fab fa-linkedin"></i><span class="sr-only">linkedin</span> </a> </li> </ul> </div> </div> </div> </div> </article> </div> </div> Tue, 18 Dec 2018 11:55:54 +0000 office 164 at https://events.apifirstcms.org JSON API based Content server Contenta introduction and demo https://events.apifirstcms.org/sessions/presentation-three <span class="field field--name-title field--type-string field--label-hidden">JSON API based Content server Contenta introduction and demo</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">office</span></span> <span class="field field--name-created field--type-created field--label-hidden">Fri, 12/14/2018 - 21:12</span> <div class="field field--name-field-mt-ses-image field--type-image field--label-hidden field__items"> <div class="images-container clearfix"> <div class="image-preview clearfix"> <div class="image-wrapper clearfix"> <div class="field__item"> <img loading="lazy" src="/sites/default/files/styles/large/public/2019-12/JSON%20API%20based%20Content%20server%20Contenta%20introduction%20and%20demo%20-%20YouTube.png?itok=bFXAXbmn" width="1110" height="600" alt="JSON APIを活用したコンテンツサーバーContenta紹介デモ" title="Contenta" typeof="foaf:Image" class="image-style-large" /> </div> </div> </div> </div> </div> <div class="clearfix text-formatted field field--name-field-mt-ses-body field--type-text-with-summary field--label-hidden field__item"><h3>Abstract</h3> <h4>JSON API based Content server Contenta introduction and demo</h4> <p>presentation PDF <a href="https://events.apifirstcms.org/sites/default/files/event/contenta/contenta.pdf">download here</a></p> <p> </p> <p>Contenta is JSON API based, an API-First Drupal distribution.</p> <p>Please check : <a href="http://www.contentacms.org/">http://www.contentacms.org/</a></p> </div> <div class="field field--name-field-mt-ses-files field--type-file field--label-above"> <h4>Content</h4> <div class="field__items"> <div class="field__item"> <span class="file file--mime-application-pdf file--application-pdf"> <a href="/sites/default/files/2019-12/contenta.pdf" type="application/pdf" title="contenta.pdf">JSON API based Content server Contenta introduction and demo</a></span> </div> </div> </div> <div class="field field--name-field-mt-ses-video-url field--type-video-embed-field field--label-above"> <div class="field__label">Video URL</div> <div class="field__items"> <div class="field__item"><div class="video-embed-field-provider-youtube video-embed-field-responsive-video"><iframe width="854" height="480" frameborder="0" allowfullscreen="allowfullscreen" src="https://www.youtube.com/embed/uNkb0WNSqFo?autoplay=1&amp;start=0&amp;rel=0"></iframe> </div> </div> </div> </div> <div class="field field--name-field-mt-ses-speaker field--type-entity-reference field--label-hidden field--entity-reference-target-type-node clearfix field__items"> <div class="field__item"> <article data-history-node-id="207" role="article" about="/speakers/kazu-hodota" class="node node--type-speaker node--view-mode-mt-speaker-node-teaser clearfix"> <div class="node__container"> <div class="node__main-content clearfix"> <header class="node__header"> </header> <div class="row content views-row"> <div class="order-lg-2 col-lg-6"> <div class="photo-container"> <div class="images-container clearfix"> <div class="image-preview clearfix"> <div class="image-wrapper clearfix"> <div class="field field--name-field-mtt-spk-speaker-photo field--type-image field--label-hidden field__item"> <div class="overlay-container"> <span class="overlay overlay--colored"> <a class="overlay-target-link image-popup" href="/speakers/kazu-hodota"></a> </span> <img loading="lazy" src="/sites/default/files/styles/mt_member_photo/public/2019-12/2019_0705_1200x1200.jpg?itok=fuEQjoVk" width="1300" height="1300" alt="Kazu Hodota" typeof="foaf:Image" class="image-style-mt-member-photo" /> </div> </div> </div> </div> </div> </div> </div> <div class="order-lg-1 col-lg-6"> <header class="node__header"> <h5 class="mt-0 mb-0"> <a href="/speakers/kazu-hodota" rel="bookmark"><span class="field field--name-title field--type-string field--label-hidden">Kazu Hodota</span> </a> </h5> </header> <div class="field field--name-field-mt-spk-subtitle field--type-string field--label-hidden field__item">Open Source and CMS user</div> <div class="clearfix text-formatted field field--name-field-mt-spk-body field--type-text-with-summary field--label-hidden field__item"><p>Kazu Hodota</p> <p>Open Source CMS Drupal project information is <a href="drupal.org/u/hodota">drupal.org/u/hodota</a></p> <p> </p> </div> <ul class="icons-list icons-list--bordered"> <li> <a target="_blank" href="https://www.facebook.com/kazu.hodota"> <i class="fab fa-facebook"></i><span class="sr-only">facebook</span> </a> </li> <li> <a target="_blank" href="https://twitter.com/kazuhodota"> <i class="fab fa-twitter"></i><span class="sr-only">twitter</span> </a> </li> <li> <a target="_blank" href="https://www.linkedin.com/in/kazuhodota/"> <i class="fab fa-linkedin"></i><span class="sr-only">linkedin</span> </a> </li> </ul> </div> </div> </div> </div> </article> </div> </div> Fri, 14 Dec 2018 12:12:46 +0000 office 159 at https://events.apifirstcms.org What is JSON_API and how can I use it well https://events.apifirstcms.org/sessions/presentation-two <span class="field field--name-title field--type-string field--label-hidden">What is JSON_API and how can I use it well</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">office</span></span> <span class="field field--name-created field--type-created field--label-hidden">Fri, 12/14/2018 - 19:36</span> <div class="field field--name-field-mt-ses-image field--type-image field--label-hidden field__items"> <div class="images-container clearfix"> <div class="image-preview clearfix"> <div class="image-wrapper clearfix"> <div class="field__item"> <img loading="lazy" src="/sites/default/files/styles/large/public/2019-12/What%20is%20JSON%20API%20and%20how%20can%20I%20use%20it%20well%20-%20YouTube.png?itok=02vr7_mT" width="1110" height="600" alt="What is JSON_API and how can I use it well" typeof="foaf:Image" class="image-style-large" /> </div> </div> </div> </div> </div> <div class="clearfix text-formatted field field--name-field-mt-ses-body field--type-text-with-summary field--label-hidden field__item"><h3>Abstract</h3> <p>presentation PDF<a href="/sites/default/files/event/JSON/What%20is%20JSON_API%20and%20how%20can%20I%20use%20it%20well.pdf"> download here</a></p> <h4>What is JSON_API and how can I use it well</h4> <p> You will learn about… JSON API Drupal module Extend it</p> <p> Stop deciding unimportant things. Start working</p> <p> Defines: Transport Interaction</p> <p> Creative Commons specification Strongly driven by FE &amp; UX experts</p> <p> Why this one? Since there are others, and there is GraphQL as well.</p> <p> 141 repos 18 languages Client &amp; Server</p> <p> With a highlight on its flexibility</p> <p> Response to the typical problems</p> <p> </p> <p><strong>1. TRANSPORT FORMAT</strong></p> <ul><li>Format ID GLUE Data Hypermedia</li> </ul><p><strong>2. RESOURCE INTERACTION</strong></p> <ul><li>Uses REST</li> <li>Typical request</li> <li>Response to the typical problems</li> <li>The typical solutions</li> <li>EXTREMELY SIMPLE Your project will have way more stuff than this!</li> <li>Resource embedding</li> <li>Sparse fieldsets</li> <li>Collections and filters</li> <li>WRITE URL QUERIES</li> <li>Every consumer has different data needs. The server (Drupal) cannot choose what those are.</li> <li>Every resource 4 “endpoints”</li> </ul><p><strong>3. PERFORMANCE</strong></p> <ul><li>Benchmarking JSON API</li> <li>Benchmarking core HAL JSON</li> <li>Results (core): anonymous</li> <li>Results (jsonapi): anonymous</li> <li>AVOID BOOTSTRAPS</li> </ul><p><strong>4. DRUPAL MODULE</strong></p> <ul><li>It is in Drupal core!</li> <li>Oriented to entity bundles</li> <li>Customize your API with JSON:API Extras</li> <li>JSON:API cross bundles</li> <li>JSON:API hypermedia</li> </ul><p> </p> <ul><li>Do not have the client app check the product stock API</li> <li>JSON:API Resources</li> <li>OpenAPI</li> </ul></div> <div class="field field--name-field-mt-ses-files field--type-file field--label-above"> <h4>Content</h4> <div class="field__items"> <div class="field__item"> <span class="file file--mime-application-pdf file--application-pdf"> <a href="/sites/default/files/2019-12/what-is-jsonapi-and-how-can-i-use-it-well.pdf" type="application/pdf" title="what-is-jsonapi-and-how-can-i-use-it-well.pdf">What is JSON_API and how can I use it well</a></span> </div> </div> </div> <div class="field field--name-field-mt-ses-video-url field--type-video-embed-field field--label-above"> <div class="field__label">Video URL</div> <div class="field__items"> <div class="field__item"><div class="video-embed-field-provider-youtube video-embed-field-responsive-video"><iframe width="854" height="480" frameborder="0" allowfullscreen="allowfullscreen" src="https://www.youtube.com/embed/NEkKDQljiLw?autoplay=1&amp;start=0&amp;rel=0"></iframe> </div> </div> </div> </div> <div class="field field--name-field-mt-ses-speaker field--type-entity-reference field--label-hidden field--entity-reference-target-type-node clearfix field__items"> <div class="field__item"> <article data-history-node-id="181" role="article" about="/speakers/mateu-aguilo-bosh" class="node node--type-speaker node--sticky node--view-mode-mt-speaker-node-teaser clearfix"> <div class="node__container"> <div class="node__main-content clearfix"> <header class="node__header"> </header> <div class="row content views-row"> <div class="order-lg-2 col-lg-6"> <div class="photo-container"> <div class="images-container clearfix"> <div class="image-preview clearfix"> <div class="image-wrapper clearfix"> <div class="field field--name-field-mtt-spk-speaker-photo field--type-image field--label-hidden field__item"> <div class="overlay-container"> <span class="overlay overlay--colored"> <a class="overlay-target-link image-popup" href="/speakers/mateu-aguilo-bosh"></a> </span> <img loading="lazy" src="/sites/default/files/styles/mt_member_photo/public/2019-11/Mateu_Aguilo.jpg?itok=ufKSx8uc" width="1300" height="1300" alt="Mateu Aguiló Bosch" typeof="foaf:Image" class="image-style-mt-member-photo" /> </div> </div> </div> </div> </div> </div> </div> <div class="order-lg-1 col-lg-6"> <header class="node__header"> <h5 class="mt-0 mb-0"> <a href="/speakers/mateu-aguilo-bosh" rel="bookmark"><span class="field field--name-title field--type-string field--label-hidden">Mateu Aguiló Bosch</span> </a> </h5> </header> <div class="field field--name-field-mt-spk-subtitle field--type-string field--label-hidden field__item">JSON API developer</div> <div class="clearfix text-formatted field field--name-field-mt-spk-body field--type-text-with-summary field--label-hidden field__item"><p> </p> <p>API-First initiative co-coordinator.</p> <p>Co-maintainer and co-author of Contenta CMS.</p> <p>at <a href="https://www.drupal.org/u/e0ipso">Drupal.org</a> </p> <p><a href="https://humanbits.es/">Blog</a></p> </div> <ul class="icons-list icons-list--bordered"> <li> <a target="_blank" href="https://twitter.com/e0ipso"> <i class="fab fa-twitter"></i><span class="sr-only">twitter</span> </a> </li> <li> <a target="_blank" href="https://www.linkedin.com/in/mateuaguilobosch/"> <i class="fab fa-linkedin"></i><span class="sr-only">linkedin</span> </a> </li> <li> <a target="_blank" href="https://www.youtube.com/channel/UCL7LYJ25RUyY7rsypFDl_FA"> <i class="fab fa-youtube"></i><span class="sr-only">youtube</span> </a> </li> </ul> </div> </div> </div> </div> </article> </div> </div> Fri, 14 Dec 2018 10:36:57 +0000 office 157 at https://events.apifirstcms.org Decoupled - Why we’re building a worse wheel <Japanese> https://events.apifirstcms.org/sessions/presentation-one <span class="field field--name-title field--type-string field--label-hidden">Decoupled - Why we’re building a worse wheel &lt;Japanese&gt;</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">office</span></span> <span class="field field--name-created field--type-created field--label-hidden">Thu, 12/13/2018 - 21:54</span> <div class="field field--name-field-mt-ses-image field--type-image field--label-hidden field__items"> <div class="images-container clearfix"> <div class="image-preview clearfix"> <div class="image-wrapper clearfix"> <div class="field__item"> <img loading="lazy" src="/sites/default/files/styles/large/public/2019-12/Decoupled%20Why%20we%E2%80%99re%20building%20a%20worse%20wheel%20-%20YouTube.png?itok=ZPXZB_En" width="1110" height="600" alt="Decoupled - Why we’re building a worse wheel &lt;日本語&gt;" typeof="foaf:Image" class="image-style-large" /> </div> </div> </div> </div> </div> <div class="clearfix text-formatted field field--name-field-mt-ses-body field--type-text-with-summary field--label-hidden field__item"><h3>Abstract</h3> <h4>Decoupled - Why we’re building a worse wheel &lt;Japanese&gt;</h4> <p>PDF download : <a href="/sites/default/files/event/s1/%E5%92%8C%E8%A8%B3_Copy_of_Decoupled_-_Why_we_re_building_a_worse_wheel.pdf">here</a></p> </div> <div class="field field--name-field-mt-ses-files field--type-file field--label-above"> <h4>Content</h4> <div class="field__items"> <div class="field__item"> <span class="file file--mime-application-pdf file--application-pdf"> <a href="/sites/default/files/2019-12/%E5%92%8C%E8%A8%B3_Copy_of_Decoupled_-_Why_we_re_building_a_worse_wheel.pdf" type="application/pdf" title="和訳_Copy_of_Decoupled_-_Why_we_re_building_a_worse_wheel.pdf">Decoupled - Why we’re building a worse wheel </a></span> </div> </div> </div> <div class="field field--name-field-mt-ses-video-url field--type-video-embed-field field--label-above"> <div class="field__label">Video URL</div> <div class="field__items"> <div class="field__item"><div class="video-embed-field-provider-youtube video-embed-field-responsive-video"><iframe width="854" height="480" frameborder="0" allowfullscreen="allowfullscreen" src="https://www.youtube.com/embed/BWZIZDivWcQ?autoplay=1&amp;start=0&amp;rel=0"></iframe> </div> </div> </div> </div> <div class="field field--name-field-mt-ses-speaker field--type-entity-reference field--label-hidden field--entity-reference-target-type-node clearfix field__items"> <div class="field__item"> <article data-history-node-id="206" role="article" about="/speakers/Hikaru-Maruyama" class="node node--type-speaker node--view-mode-mt-speaker-node-teaser clearfix"> <div class="node__container"> <div class="node__main-content clearfix"> <header class="node__header"> </header> <div class="row content views-row"> <div class="order-lg-2 col-lg-6"> <div class="photo-container"> <div class="images-container clearfix"> <div class="image-preview clearfix"> <div class="image-wrapper clearfix"> <div class="field field--name-field-mtt-spk-speaker-photo field--type-image field--label-hidden field__item"> <div class="overlay-container"> <span class="overlay overlay--colored"> <a class="overlay-target-link image-popup" href="/speakers/Hikaru-Maruyama"></a> </span> <img loading="lazy" src="/sites/default/files/styles/mt_member_photo/public/2019-12/hikaru_Maruyama_2_0.png?itok=VmrtwOvK" width="1300" height="1300" alt="Hikaru Maruyama" typeof="foaf:Image" class="image-style-mt-member-photo" /> </div> </div> </div> </div> </div> </div> </div> <div class="order-lg-1 col-lg-6"> <header class="node__header"> <h5 class="mt-0 mb-0"> <a href="/speakers/Hikaru-Maruyama" rel="bookmark"><span class="field field--name-title field--type-string field--label-hidden">Hikaru Maruyama</span> </a> </h5> </header> </div> </div> </div> </div> </article> </div> </div> Thu, 13 Dec 2018 12:54:55 +0000 office 156 at https://events.apifirstcms.org The Safest Headless Drupal 8 with Elm https://events.apifirstcms.org/sessions/presentation-six <span class="field field--name-title field--type-string field--label-hidden">The Safest Headless Drupal 8 with Elm</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">office</span></span> <span class="field field--name-created field--type-created field--label-hidden">Tue, 12/18/2018 - 20:44</span> <div class="field field--name-field-mt-ses-image field--type-image field--label-hidden field__items"> <div class="images-container clearfix"> <div class="image-preview clearfix"> <div class="image-wrapper clearfix"> <div class="field__item"> <img loading="lazy" src="/sites/default/files/styles/large/public/2019-12/The%20Safest%20Headless%20Drupal8%20with%20Elm%20-%20YouTube.png?itok=hj9-vBsx" width="1110" height="600" alt="The Safest Headless Drupal 8 with Elm" title="Drupal 8 with Elm" typeof="foaf:Image" class="image-style-large" /> </div> </div> </div> </div> </div> <div class="clearfix text-formatted field field--name-field-mt-ses-body field--type-text-with-summary field--label-hidden field__item"><h3>Abstract</h3> <h4>The Safest Headless Drupal 8 with Elm</h4> <p>After several years with Elm in production, I can full heartedly say that Elm's tagline "A delightful language for reliable webapps", is correct.</p> <p> </p> <p>Elm is a language that compiles to JS, and has no run time exceptions.</p> <p>It's like Vue, React or Angular2, only completely different.</p> <p> </p> <p>If you are an avid user of the aforementioned libraries, this session is for you.</p> <p>Maybe it will affirm your decision to stick to those libraries, or maybe you'll get to see a different way of approaching front end development.</p> <p>An approach that has a friendly compiler helping you with an opinionated architecture.</p> <p>An approach that, for me at least, made front end more reliable and more predictable than the backend.</p> <p> </p> <p>Elm, as our front end tool, helps us deliver some really interesting projects such as a medical records webapp for</p> <p>an NGO operating in Rwanda;</p> <p>a graphic webapp for allowing teachers to run an online interactive classroom;</p> <p>a webapp for selling in auction millions of dollars worth of items.</p> <p> </p> <p>No Elm knowledge is needed - I plan to explain Elm basics and how to integrate with with Headless/ Hybrid Drupal.</p> <ul><li>Sample Code : <a href="https://github.com/Gizra-Presentations/drupalcamp-tokyo-2019">https://github.com/Gizra-Presentations/drupalcamp-tokyo-2019</a></li> <li>Presentation slide : <a href="https://gizra-presentations.github.io/drupalcamp-tokyo-2019/#/">https://gizra-presentations.github.io/drupalcamp-tokyo-2019/#/</a></li> </ul></div> <div class="field field--name-field-mt-ses-files field--type-file field--label-above"> <h4>Content</h4> <div class="field__items"> <div class="field__item"> <span class="file file--mime-application-pdf file--application-pdf"> <a href="/sites/default/files/2019-12/Gizra_1.pdf" type="application/pdf" title="Gizra_1.pdf">The Safest Headless Drupal 8 with Elm</a></span> </div> </div> </div> <div class="field field--name-field-mt-ses-video-url field--type-video-embed-field field--label-above"> <div class="field__label">Video URL</div> <div class="field__items"> <div class="field__item"><div class="video-embed-field-provider-youtube video-embed-field-responsive-video"><iframe width="854" height="480" frameborder="0" allowfullscreen="allowfullscreen" src="https://www.youtube.com/embed/lKCJuP-VXb8?autoplay=1&amp;start=0&amp;rel=0"></iframe> </div> </div> </div> </div> <div class="field field--name-field-mt-ses-speaker field--type-entity-reference field--label-hidden field--entity-reference-target-type-node clearfix field__items"> <div class="field__item"> <article data-history-node-id="203" role="article" about="/speakers/Amitai-Burstein" class="node node--type-speaker node--sticky node--view-mode-mt-speaker-node-teaser clearfix"> <div class="node__container"> <div class="node__main-content clearfix"> <header class="node__header"> </header> <div class="row content views-row"> <div class="order-lg-2 col-lg-6"> <div class="photo-container"> <div class="images-container clearfix"> <div class="image-preview clearfix"> <div class="image-wrapper clearfix"> <div class="field field--name-field-mtt-spk-speaker-photo field--type-image field--label-hidden field__item"> <div class="overlay-container"> <span class="overlay overlay--colored"> <a class="overlay-target-link image-popup" href="/speakers/Amitai-Burstein"></a> </span> <img loading="lazy" src="/sites/default/files/styles/mt_member_photo/public/2019-11/125707%20%281%29.jpg?itok=zoWnW3wk" width="1300" height="1300" alt="Amitai Burstein" typeof="foaf:Image" class="image-style-mt-member-photo" /> </div> </div> </div> </div> </div> </div> </div> <div class="order-lg-1 col-lg-6"> <header class="node__header"> <h5 class="mt-0 mb-0"> <a href="/speakers/Amitai-Burstein" rel="bookmark"><span class="field field--name-title field--type-string field--label-hidden">Amitai Burstein</span> </a> </h5> </header> <div class="field field--name-field-mt-spk-subtitle field--type-string field--label-hidden field__item">Amitai Burstein</div> <div class="clearfix text-formatted field field--name-field-mt-spk-body field--type-text-with-summary field--label-hidden field__item"><p> </p> <p><a href="https://github.com/amitaibu">https://github.com/amitaibu</a></p> <p> </p> <p>at <a href="https://www.drupal.org/u/amitaibu" rel="nofollow">Drupal.org</a> co-founder <a href="https://www.gizra.com/" rel="nofollow">gizra</a></p> <p> </p> <p> </p> </div> <ul class="icons-list icons-list--bordered"> <li> <a target="_blank" href="https://twitter.com/amitaibu"> <i class="fab fa-twitter"></i><span class="sr-only">twitter</span> </a> </li> </ul> </div> </div> </div> </div> </article> </div> </div> Tue, 18 Dec 2018 11:44:34 +0000 office 163 at https://events.apifirstcms.org React based Frontend framework,GatsbyJS Introduction https://events.apifirstcms.org/sessions/presentation-five <span class="field field--name-title field--type-string field--label-hidden">React based Frontend framework,GatsbyJS Introduction</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">office</span></span> <span class="field field--name-created field--type-created field--label-hidden">Tue, 12/18/2018 - 20:38</span> <div class="field field--name-field-mt-ses-image field--type-image field--label-hidden field__items"> <div class="images-container clearfix"> <div class="image-preview clearfix"> <div class="image-wrapper clearfix"> <div class="field__item"> <img loading="lazy" src="/sites/default/files/styles/large/public/2019-12/React%20based%20Frontend%20framework%20GatsbyJS%20introduction%20-%20YouTube_0.png?itok=ywPXLEzv" width="1110" height="600" alt="Reactのフロントエンドが簡単に作れるGatsbyJSの紹介" typeof="foaf:Image" class="image-style-large" /> </div> </div> </div> </div> </div> <div class="clearfix text-formatted field field--name-field-mt-ses-body field--type-text-with-summary field--label-hidden field__item"><h3>Abstract</h3> <h4>React based Frontend framework,GatsbyJS Intorduction</h4> <p>Presentation Speaker : Kazu Hodota</p> <p>Presentation PDF <a href="/sites/default/files/event/gatsby/Gatsby_introduce.pdf">download here</a> </p> <p> </p> <p>Gatsby is a free and open source framework based on React that helps developers build blazing fast <strong>websites</strong> and <strong>apps.</strong></p> <p>support WordPress, Drupal, and others.</p> <p>data from :  <a href="https://www.gatsbyjs.org/">https://www.gatsbyjs.org/</a></p> </div> <div class="field field--name-field-mt-ses-files field--type-file field--label-above"> <h4>Content</h4> <div class="field__items"> <div class="field__item"> <span class="file file--mime-application-pdf file--application-pdf"> <a href="/sites/default/files/2019-12/Gatsby_introduce_0.pdf" type="application/pdf" title="Gatsby_introduce_0.pdf">React based Frontend framework,GatsbyJS Introduction</a></span> </div> </div> </div> <div class="field field--name-field-mt-ses-video-url field--type-video-embed-field field--label-above"> <div class="field__label">Video URL</div> <div class="field__items"> <div class="field__item"><div class="video-embed-field-provider-youtube video-embed-field-responsive-video"><iframe width="854" height="480" frameborder="0" allowfullscreen="allowfullscreen" src="https://www.youtube.com/embed/AqnQh5dB6bQ?autoplay=1&amp;start=0&amp;rel=0"></iframe> </div> </div> </div> </div> <div class="field field--name-field-mt-ses-speaker field--type-entity-reference field--label-hidden field--entity-reference-target-type-node clearfix field__items"> <div class="field__item"> <article data-history-node-id="207" role="article" about="/speakers/kazu-hodota" class="node node--type-speaker node--view-mode-mt-speaker-node-teaser clearfix"> <div class="node__container"> <div class="node__main-content clearfix"> <header class="node__header"> </header> <div class="row content views-row"> <div class="order-lg-2 col-lg-6"> <div class="photo-container"> <div class="images-container clearfix"> <div class="image-preview clearfix"> <div class="image-wrapper clearfix"> <div class="field field--name-field-mtt-spk-speaker-photo field--type-image field--label-hidden field__item"> <div class="overlay-container"> <span class="overlay overlay--colored"> <a class="overlay-target-link image-popup" href="/speakers/kazu-hodota"></a> </span> <img loading="lazy" src="/sites/default/files/styles/mt_member_photo/public/2019-12/2019_0705_1200x1200.jpg?itok=fuEQjoVk" width="1300" height="1300" alt="Kazu Hodota" typeof="foaf:Image" class="image-style-mt-member-photo" /> </div> </div> </div> </div> </div> </div> </div> <div class="order-lg-1 col-lg-6"> <header class="node__header"> <h5 class="mt-0 mb-0"> <a href="/speakers/kazu-hodota" rel="bookmark"><span class="field field--name-title field--type-string field--label-hidden">Kazu Hodota</span> </a> </h5> </header> <div class="field field--name-field-mt-spk-subtitle field--type-string field--label-hidden field__item">Open Source and CMS user</div> <div class="clearfix text-formatted field field--name-field-mt-spk-body field--type-text-with-summary field--label-hidden field__item"><p>Kazu Hodota</p> <p>Open Source CMS Drupal project information is <a href="drupal.org/u/hodota">drupal.org/u/hodota</a></p> <p> </p> </div> <ul class="icons-list icons-list--bordered"> <li> <a target="_blank" href="https://www.facebook.com/kazu.hodota"> <i class="fab fa-facebook"></i><span class="sr-only">facebook</span> </a> </li> <li> <a target="_blank" href="https://twitter.com/kazuhodota"> <i class="fab fa-twitter"></i><span class="sr-only">twitter</span> </a> </li> <li> <a target="_blank" href="https://www.linkedin.com/in/kazuhodota/"> <i class="fab fa-linkedin"></i><span class="sr-only">linkedin</span> </a> </li> </ul> </div> </div> </div> </div> </article> </div> </div> Tue, 18 Dec 2018 11:38:49 +0000 office 162 at https://events.apifirstcms.org Drupal & Frontend & Theming https://events.apifirstcms.org/sessions/presentation-four <span class="field field--name-title field--type-string field--label-hidden">Drupal &amp; Frontend &amp; Theming</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">office</span></span> <span class="field field--name-created field--type-created field--label-hidden">Tue, 12/18/2018 - 20:15</span> <div class="field field--name-field-mt-ses-image field--type-image field--label-hidden field__items"> <div class="images-container clearfix"> <div class="image-preview clearfix"> <div class="image-wrapper clearfix"> <div class="field__item"> <img loading="lazy" src="/sites/default/files/styles/large/public/2019-12/Drupal%20%20%20Frontend%20%20%20Theming%20-%20YouTube_1.png?itok=R2jtMV7V" width="1110" height="600" alt="Drupal &amp; Frontend &amp; Theming" typeof="foaf:Image" class="image-style-large" /> </div> </div> </div> </div> </div> <div class="clearfix text-formatted field field--name-field-mt-ses-body field--type-text-with-summary field--label-hidden field__item"><h3>Download</h3> <p>Slide show data: <a href="https://slides.com/mathieuspillebeen/the-future-of-drupal-theming#/">https://slides.com/mathieuspillebeen/the-future-of-drupal-theming#/</a></p> <p>PDF download :  <a href="/sites/default/files/event/s4/the-future-of-drupal-theming.pdf">here</a> </p> <p> </p> <h3>Abstract</h3> <h3>Main keywords:</h3> <p>Drupal &amp; Frontend &amp; Theming</p> <h4>Secondary keywords:</h4> <p>CSS, JS, HTML, components, platform, ideas, community</p> <h3>Experience level: </h3> <p>intermediate</p> <h4>Session outline:</h4> <p>What if API-first didn’t mean API-only?</p> <p>What if the future was hybrid decoupling?</p> <p>What if you don't need to decouple, to have some fun?</p> <p>What if you could make your CSS and JS over 90% more lean, with just a slice of opinion?</p> <p>What if frontend frameworks die?</p> <p>What if someone is going to tell you about a cutting-edge native Drupal frontend alternative?</p> <p>Would you come?</p> <h4>Longer context:</h4> <p>This talk is around the potential of splitting up the theming layer of Drupal.</p> <p>I took a break from paid work for more than a year to evolve the theming layer of Drupal.</p> <p>The outcome of my work resulted in a future for Drupal where cutting edge frontend standards will become the norm (and stay the norm).</p> <p>Not only do I revolutionise the idea of what we consider the theming layer to be, I will share an open-source toolset and platform to grow Drupal’s Frontend community.</p> </div> <div class="field field--name-field-mt-ses-files field--type-file field--label-above"> <h4>Content</h4> <div class="field__items"> <div class="field__item"> <span class="file file--mime-application-pdf file--application-pdf"> <a href="/sites/default/files/2019-12/the-future-of-drupal-theming.pdf" type="application/pdf" title="the-future-of-drupal-theming.pdf">Drupal &amp; Frontend &amp; Theming</a></span> </div> </div> </div> <div class="field field--name-field-mt-ses-video-url field--type-video-embed-field field--label-above"> <div class="field__label">Video URL</div> <div class="field__items"> <div class="field__item"><div class="video-embed-field-provider-youtube video-embed-field-responsive-video"><iframe width="854" height="480" frameborder="0" allowfullscreen="allowfullscreen" src="https://www.youtube.com/embed/80_OqBVhyfY?autoplay=1&amp;start=0&amp;rel=0"></iframe> </div> </div> </div> </div> <div class="field field--name-field-mt-ses-speaker field--type-entity-reference field--label-hidden field--entity-reference-target-type-node clearfix field__items"> <div class="field__item"> <article data-history-node-id="202" role="article" about="/speakers/Mathieu-Spillebeen" class="node node--type-speaker node--view-mode-mt-speaker-node-teaser clearfix"> <div class="node__container"> <div class="node__main-content clearfix"> <header class="node__header"> </header> <div class="row content views-row"> <div class="order-lg-2 col-lg-6"> <div class="photo-container"> <div class="images-container clearfix"> <div class="image-preview clearfix"> <div class="image-wrapper clearfix"> <div class="field field--name-field-mtt-spk-speaker-photo field--type-image field--label-hidden field__item"> <div class="overlay-container"> <span class="overlay overlay--colored"> <a class="overlay-target-link image-popup" href="/speakers/Mathieu-Spillebeen"></a> </span> <img loading="lazy" src="/sites/default/files/styles/mt_member_photo/public/2019-11/mathieuspil1500x500_2.jpg?itok=3JUgsmyP" width="1300" height="1300" alt="Mathieu Spillebeen" typeof="foaf:Image" class="image-style-mt-member-photo" /> </div> </div> </div> </div> </div> </div> </div> <div class="order-lg-1 col-lg-6"> <header class="node__header"> <h5 class="mt-0 mb-0"> <a href="/speakers/Mathieu-Spillebeen" rel="bookmark"><span class="field field--name-title field--type-string field--label-hidden">Mathieu Spillebeen</span> </a> </h5> </header> <div class="clearfix text-formatted field field--name-field-mt-spk-body field--type-text-with-summary field--label-hidden field__item"><p> </p> <p>Inventor of <a href="https://www.compony.io/">Compony.io</a>,</p> <p>Diversity-lead / Organiser and visionair @ Frontend United,<br /> Freelance Drupal Frontend Developer</p> <p> </p> <p>from Twitter</p></div> <ul class="icons-list icons-list--bordered"> <li> <a target="_blank" href="https://twitter.com/mathieuspil"> <i class="fab fa-twitter"></i><span class="sr-only">twitter</span> </a> </li> <li> <a target="_blank" href="https://www.linkedin.com/in/mathieuspil"> <i class="fab fa-linkedin"></i><span class="sr-only">linkedin</span> </a> </li> </ul> </div> </div> </div> </div> </article> </div> </div> Tue, 18 Dec 2018 11:15:18 +0000 office 161 at https://events.apifirstcms.org