CINXE.COM
kazupon (@kazupon) on Speaker Deck
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>kazupon (@kazupon) on Speaker Deck</title> <link rel="preconnect" href="https://fonts.googleapis.com/"> <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin> <link rel="stylesheet" media="screen" href="https://d1eu30co0ohy4w.cloudfront.net/assets/application-22b0435c4ea6f7b1a840c358076015e07c901f6198f9ab389da2c4e1951ce406.css" /> <script src="https://d1eu30co0ohy4w.cloudfront.net/assets/application-6671076983cb094c30ae.js"></script> <link rel="icon" type="image/png" href="https://d1eu30co0ohy4w.cloudfront.net/assets/favicon-bdd5839d46040a50edf189174e6f7aacc8abb3aaecd56a4711cf00d820883f47.png" /> <link rel="apple-touch-icon" type="image/png" href="https://d1eu30co0ohy4w.cloudfront.net/assets/favicon-bdd5839d46040a50edf189174e6f7aacc8abb3aaecd56a4711cf00d820883f47.png" /> <link rel="manifest" href="/manifest.json"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="3CU+LTOR4Tv+yC6j3pvxUk85Sjnes2mLPjLJlE60d0L8e7r+iRCX6Rdqrsj62YNzD9L5Xc4c2loKrFTuWKLdZQ==" /> <link rel="alternate" type="application/atom+xml" title="kazupon's decks feed" href="https://speakerdeck.com/kazupon.atom" /> <link rel="canonical" href="https://speakerdeck.com/kazupon" /> <link rel="alternate" type="application/rss+xml" title="RSS" href="https://speakerdeck.com/kazupon.rss" /> <meta name="stats-owner_id" content="25980" /> <meta name="stats-view_type" content="profile" /> <meta name="stats-page" content="1" /> <style> @media only screen and (min-width: 0px) and (min-height: 0px) { .ads-container > div { min-width:300px; min-height:250px; } } @media only screen and (min-width: 640px) and (min-height: 0px) { .ads-container > div { min-width:570px; min-height:90px; } } </style> <script type="text/javascript"> (function(){ var bsa_optimize=document.createElement('script'); bsa_optimize.type='text/javascript'; bsa_optimize.async=true; bsa_optimize.src='https://cdn4.buysellads.net/pub/speakerdeck.js?'+(new Date()-new Date()%600000); (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa_optimize); })(); </script> </head> <body class="sd-app"> <div class="sd-menu"> <div class="container sd-menu-fixed-container"> <div class="sd-brand"> <a class="sd-brand-logo" href="/"> <img alt="Speaker Deck" width="32" height="20" src="https://d1eu30co0ohy4w.cloudfront.net/assets/mark-f4be6df1e05965cac9f98e664a6c35f5ffdd0207385d07464a9214d6cdf76082.svg" /> <span class="d-none d-xl-inline">Speaker Deck</span> </a> </div> <nav class="sd-fixed-nav" aria-label="Primary"> <div class="sd-nav-main js-toggle-container"> <ul class="sd-nav-fixed-group nav toggle-flex-when-off"> <li class="sd-nav-item nav-item d-none d-md-block"> <a class="sd-nav-link nav-link" href="/features"> Features </a> </li> <li class="sd-nav-item nav-item d-none d-md-block"> <a class="sd-nav-link nav-link" href="/pro"> <span class="d-none d-md-inline">Speaker Deck</span> <div class="badge badge-pro-prominent">PRO</div> </a> </li> <li class="sd-nav-item nav-item"> <a class="sd-nav-link nav-link" href="/signin"> Sign in </a> </li> <li class="sd-nav-item nav-item"> <a class="btn btn-primary" href="/signup"> Sign up for free </a> </li> <li class="sd-nav-item d-block d-md-none"> <button class="btn btn-link me-2 js-toggle-trigger" aria-label="Toggle Search"> <svg class="icon icon-search "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-search"></use></svg> </button> </li> <li class="sd-nav-item nav-item d-none d-md-block"> <form action="https://www.google.com/cse" id="cse-search-box" class="row"> <input type="hidden" name="cx" value="010150859881542981030:hqhxyxpwtc4"> <input type="hidden" name="ie" value="UTF-8"> <label for="q" class="visually-hidden">Search</label> <div class="col"><input type="text" name="q" id="q" value="" placeholder="Search..." class="form-control search-input w-auto"></div> <div class="col"><input type="submit" name="sa" value="Search" class="btn btn-outline-primary d-inline-block d-md-none d-lg-inline-block"></div> </form> </li> </ul> <ul class="sd-nav-fixed-group nav toggle-flex-when-on"> <li class="sd-nav-item"> <form action="https://www.google.com/cse" id="cse-search-box" class="row"> <input type="hidden" name="cx" value="010150859881542981030:hqhxyxpwtc4"> <input type="hidden" name="ie" value="UTF-8"> <label for="q" class="visually-hidden">Search</label> <div class="col"><input type="text" name="q" id="q" value="" placeholder="Search..." class="form-control search-input w-auto"></div> <div class="col"><input type="submit" name="sa" value="Search" class="btn btn-outline-primary d-inline-block d-md-none d-lg-inline-block"></div> </form> </li> <li class="sd-nav-item pe-2"> <button class="btn btn-link js-toggle-trigger"> <svg class="icon icon-x "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-x"></use></svg> </button> </li> </ul> </div> </nav> </div> </div> <div class="sd-categories"> <div class="container sd-categories-container td-none"> <div class="sd-categories-scroller"> <div class="sd-categories-item "> <a class="sd-categories-link" href="/p/featured">Featured</a> </div> <div class="sd-categories-item "> <a class="sd-categories-link" href="/c/business">Business</a> </div> <div class="sd-categories-item "> <a class="sd-categories-link" href="/c/design">Design</a> </div> <div class="sd-categories-item "> <a class="sd-categories-link" href="/c/education">Education</a> </div> <div class="sd-categories-item "> <a class="sd-categories-link" href="/c/how-to-diy">How-to & DIY</a> </div> <div class="sd-categories-item "> <a class="sd-categories-link" href="/c/marketing-and-seo">Marketing & SEO</a> </div> <div class="sd-categories-item "> <a class="sd-categories-link" href="/c/programming">Programming</a> </div> <div class="sd-categories-item "> <a class="sd-categories-link" href="/c/research">Research</a> </div> <div class="sd-categories-item "> <a class="sd-categories-link" href="/c/science">Science</a> </div> <div class="sd-categories-item "> <a class="sd-categories-link" href="/c/storyboards">Storyboards</a> </div> <div class="sd-categories-item "> <a class="sd-categories-link" href="/c/technology">Technology</a> </div> </div> </div> </div> <div class="sd-main"> <div class="profile container pt-md-4 pt-3"> <div class="profile-header row align-items-center mb-4"> <div class="col-12 col-md-auto text-center text-md-start"> <img width="64" height="64" class="avatar avatar-lg" loading="eager" alt="" src="https://speakerdeck.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeFZQQWc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--364f2f6362bdc462311ba49c139cbe730418555b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwUldsRiIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--ac3d2a4c66fae1e53c8715d1af1cc2a6fda48603/v_new_avatar_2.jpg" /> </div> <div class="col-12 col-md-auto ps-md-0 me-md-auto text-center text-md-start"> <h1> kazupon </h1> <div class="text-muted"> kazupon </div> <ul class="nav profile-meta"> <li class="nav-item"> <svg class="icon icon-card-fill "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-card-fill"></use></svg> <a class="" href="/kazupon"> 42 Decks </a> </li> <li class="nav-item"> <svg class="icon icon-people "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-people"></use></svg> <a class="" href="/kazupon/following"> 0 Following </a> </li> <li class="nav-item"> <a class="" href="/kazupon/followers"> 10 Followers </a> </li> </ul> </div> <div class="col-12 col-md-auto pt-3 pt-lg-0 text-center text-md-start"> <div class="btn-group btn-group-flex d-flex"> <a class="btn btn-outline-primary w-100" href="/kazupon/stars"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-star"></use></svg> 6 Stars </a> </div> </div> </div> <div class="profile-details"> <ul class="list-unstyled"> </ul> </div> </div> <div class="container py-md-4 py-3"> <div class="row mb-4 align-items-center"> <div class="col-12 col-lg-6 mb-3 mb-lg-0"> <h1>Decks</h1> </div> <div class="col-12 col-lg-6 text-lg-end d-flex justify-content-end"> <form action="" class="row align-items-center justify-content-lg-end w-100 g-1" id="form-deck-sort"> <input type="hidden" name="page" value=""> <input type="hidden" name="q" value=""> <div class="col-auto"> <label for="lang" class="visually-hidden">Language</label> <select name="lang" id="lang" class="form-select deck-sort w-auto"><option value="">All Languages</option><option value="ko">한국인</option> <option value="de">Deutsch</option> <option value="en">English</option> <option value="es">Español</option> <option value="fr">Français</option> <option value="it">Italiano</option> <option value="pt">Português</option> <option value="ru">Pусский</option> <option value="sv">Svenska</option> <option value="vi">Tiếng Việt</option> <option value="zh_cn">中文 (simplified)</option> <option value="zh_tw">中文 (traditional)</option> <option value="ja">日本語</option></select> </div> </form> </div> </div> <div class="row mt-4 mb-4"> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="a491c9c4999d4668bfdce8b94651a218" data-slide-count="72" data-cover-image="https://files.speakerdeck.com/presentations/a491c9c4999d4668bfdce8b94651a218/preview_slide_0.jpg?33946152"> <a class="deck-preview-link" href="/kazupon/watasinoosshuo-dong" title="わたしのOSS活動"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/a491c9c4999d4668bfdce8b94651a218/preview_slide_0.jpg?33946152');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/a491c9c4999d4668bfdce8b94651a218/preview_slide_0.jpg?33946152');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> わたしのOSS活動 </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/kazupon" aria-label="kazupon profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://speakerdeck.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeFZQQWc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--364f2f6362bdc462311ba49c139cbe730418555b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwSFdrZCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--9921bc95938c5ab6808e7bcfc69ae1cceac36ef1/v_new_avatar_2.jpg" /> kazupon </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-star"></use></svg> 3 </div> <div class="px-1 py-3"> <span title="403 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-eye"></use></svg> 400</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="689e73c19d764a84b739597b2059ecd6" data-slide-count="52" data-cover-image="https://files.speakerdeck.com/presentations/689e73c19d764a84b739597b2059ecd6/preview_slide_0.jpg?32735779"> <a class="deck-preview-link" href="/kazupon/vapor-revolution" title="Vapor Revolution"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/689e73c19d764a84b739597b2059ecd6/preview_slide_0.jpg?32735779');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/689e73c19d764a84b739597b2059ecd6/preview_slide_0.jpg?32735779');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> Vapor Revolution </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/kazupon" aria-label="kazupon profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://speakerdeck.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeFZQQWc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--364f2f6362bdc462311ba49c139cbe730418555b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwSFdrZCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--9921bc95938c5ab6808e7bcfc69ae1cceac36ef1/v_new_avatar_2.jpg" /> kazupon </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-star"></use></svg> 3 </div> <div class="px-1 py-3"> <span title="3,256 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-eye"></use></svg> 3.3k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="aa1700c40fdd41d49d8aad506327f5a4" data-slide-count="74" data-cover-image="https://files.speakerdeck.com/presentations/aa1700c40fdd41d49d8aad506327f5a4/preview_slide_0.jpg?29875311"> <a class="deck-preview-link" href="/kazupon/vue-dot-jszui-xin-dong-xiang" title="Vue.js最新動向"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/aa1700c40fdd41d49d8aad506327f5a4/preview_slide_0.jpg?29875311');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/aa1700c40fdd41d49d8aad506327f5a4/preview_slide_0.jpg?29875311');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> Vue.js最新動向 </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/kazupon" aria-label="kazupon profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://speakerdeck.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeFZQQWc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--364f2f6362bdc462311ba49c139cbe730418555b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwSFdrZCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--9921bc95938c5ab6808e7bcfc69ae1cceac36ef1/v_new_avatar_2.jpg" /> kazupon </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-star"></use></svg> 3 </div> <div class="px-1 py-3"> <span title="1,515 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-eye"></use></svg> 1.5k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="88cb6917b7844f8f9596197ab0506ccd" data-slide-count="73" data-cover-image="https://files.speakerdeck.com/presentations/88cb6917b7844f8f9596197ab0506ccd/preview_slide_0.jpg?29202396"> <a class="deck-preview-link" href="/kazupon/vue-3-dot-4" title="Vue 3.4"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/88cb6917b7844f8f9596197ab0506ccd/preview_slide_0.jpg?29202396');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/88cb6917b7844f8f9596197ab0506ccd/preview_slide_0.jpg?29202396');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> Vue 3.4 </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/kazupon" aria-label="kazupon profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://speakerdeck.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeFZQQWc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--364f2f6362bdc462311ba49c139cbe730418555b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwSFdrZCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--9921bc95938c5ab6808e7bcfc69ae1cceac36ef1/v_new_avatar_2.jpg" /> kazupon </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-star"></use></svg> 13 </div> <div class="px-1 py-3"> <span title="4,599 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-eye"></use></svg> 4.6k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="0a473a9de8874e1ba707a614b0f04850" data-slide-count="76" data-cover-image="https://files.speakerdeck.com/presentations/0a473a9de8874e1ba707a614b0f04850/preview_slide_0.jpg?28059855"> <a class="deck-preview-link" href="/kazupon/vue-and-vite-rustify" title="Vue & Vite Rustify"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/0a473a9de8874e1ba707a614b0f04850/preview_slide_0.jpg?28059855');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/0a473a9de8874e1ba707a614b0f04850/preview_slide_0.jpg?28059855');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> Vue & Vite Rustify </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/kazupon" aria-label="kazupon profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://speakerdeck.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeFZQQWc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--364f2f6362bdc462311ba49c139cbe730418555b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwSFdrZCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--9921bc95938c5ab6808e7bcfc69ae1cceac36ef1/v_new_avatar_2.jpg" /> kazupon </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-star"></use></svg> 4 </div> <div class="px-1 py-3"> <span title="2,232 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-eye"></use></svg> 2.2k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="b846f2cfbfbc4206ad61d47f63aecb31" data-slide-count="119" data-cover-image="https://files.speakerdeck.com/presentations/b846f2cfbfbc4206ad61d47f63aecb31/preview_slide_0.jpg?26649104"> <a class="deck-preview-link" href="/kazupon/vue-dot-jsekosisutemudong-xiang-2023" title="Vue.jsエコシステム動向2023"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/b846f2cfbfbc4206ad61d47f63aecb31/preview_slide_0.jpg?26649104');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/b846f2cfbfbc4206ad61d47f63aecb31/preview_slide_0.jpg?26649104');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> Vue.jsエコシステム動向2023 </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/kazupon" aria-label="kazupon profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://speakerdeck.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeFZQQWc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--364f2f6362bdc462311ba49c139cbe730418555b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwSFdrZCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--9921bc95938c5ab6808e7bcfc69ae1cceac36ef1/v_new_avatar_2.jpg" /> kazupon </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-star"></use></svg> 17 </div> <div class="px-1 py-3"> <span title="7,671 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-eye"></use></svg> 7.7k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="3c4531260f604964bd1e1c4cabcdb6a1" data-slide-count="36" data-cover-image="https://files.speakerdeck.com/presentations/3c4531260f604964bd1e1c4cabcdb6a1/preview_slide_0.jpg?22378638"> <a class="deck-preview-link" href="/kazupon/reactivity-transform" title="Reactivity Transform"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/3c4531260f604964bd1e1c4cabcdb6a1/preview_slide_0.jpg?22378638');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/3c4531260f604964bd1e1c4cabcdb6a1/preview_slide_0.jpg?22378638');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> Reactivity Transform </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/kazupon" aria-label="kazupon profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://speakerdeck.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeFZQQWc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--364f2f6362bdc462311ba49c139cbe730418555b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwSFdrZCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--9921bc95938c5ab6808e7bcfc69ae1cceac36ef1/v_new_avatar_2.jpg" /> kazupon </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-star"></use></svg> 1 </div> <div class="px-1 py-3"> <span title="1,326 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-eye"></use></svg> 1.3k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="a33d80ff2d9a4237bb93a9c0f75c9f82" data-slide-count="70" data-cover-image="https://files.speakerdeck.com/presentations/a33d80ff2d9a4237bb93a9c0f75c9f82/preview_slide_0.jpg?21152776"> <a class="deck-preview-link" href="/kazupon/watasifalseosshuo-dong" title="わたしのOSS活動"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/a33d80ff2d9a4237bb93a9c0f75c9f82/preview_slide_0.jpg?21152776');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/a33d80ff2d9a4237bb93a9c0f75c9f82/preview_slide_0.jpg?21152776');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> わたしのOSS活動 </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/kazupon" aria-label="kazupon profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://speakerdeck.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeFZQQWc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--364f2f6362bdc462311ba49c139cbe730418555b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwSFdrZCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--9921bc95938c5ab6808e7bcfc69ae1cceac36ef1/v_new_avatar_2.jpg" /> kazupon </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-star"></use></svg> 1 </div> <div class="px-1 py-3"> <span title="1,020 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-eye"></use></svg> 1k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="c64af36816cd4363898b3a4e9bce75b7" data-slide-count="81" data-cover-image="https://files.speakerdeck.com/presentations/c64af36816cd4363898b3a4e9bce75b7/preview_slide_0.jpg?18047734"> <a class="deck-preview-link" href="/kazupon/vue-with-vite" title="Vue with Vite"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/c64af36816cd4363898b3a4e9bce75b7/preview_slide_0.jpg?18047734');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/c64af36816cd4363898b3a4e9bce75b7/preview_slide_0.jpg?18047734');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> Vue with Vite </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/kazupon" aria-label="kazupon profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://speakerdeck.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeFZQQWc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--364f2f6362bdc462311ba49c139cbe730418555b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwSFdrZCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--9921bc95938c5ab6808e7bcfc69ae1cceac36ef1/v_new_avatar_2.jpg" /> kazupon </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-star"></use></svg> 2 </div> <div class="px-1 py-3"> <span title="2,530 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-eye"></use></svg> 2.5k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="7fa559aed73646de9b2776edb08459ef" data-slide-count="56" data-cover-image="https://files.speakerdeck.com/presentations/7fa559aed73646de9b2776edb08459ef/preview_slide_0.jpg?17480837"> <a class="deck-preview-link" href="/kazupon/state-of-vue-i18n" title="State of Vue I18n"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/7fa559aed73646de9b2776edb08459ef/preview_slide_0.jpg?17480837');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/7fa559aed73646de9b2776edb08459ef/preview_slide_0.jpg?17480837');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> State of Vue I18n </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/kazupon" aria-label="kazupon profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://speakerdeck.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeFZQQWc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--364f2f6362bdc462311ba49c139cbe730418555b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwSFdrZCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--9921bc95938c5ab6808e7bcfc69ae1cceac36ef1/v_new_avatar_2.jpg" /> kazupon </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-star"></use></svg> 3 </div> <div class="px-1 py-3"> <span title="600 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-eye"></use></svg> 600</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="65eb3efffa1a47ee985fb269b502a2e4" data-slide-count="93" data-cover-image="https://files.speakerdeck.com/presentations/65eb3efffa1a47ee985fb269b502a2e4/preview_slide_0.jpg?16104652"> <a class="deck-preview-link" href="/kazupon/matinimatuta-vue-dot-js-3" title="まちにまった Vue.js 3"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/65eb3efffa1a47ee985fb269b502a2e4/preview_slide_0.jpg?16104652');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/65eb3efffa1a47ee985fb269b502a2e4/preview_slide_0.jpg?16104652');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> まちにまった Vue.js 3 </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/kazupon" aria-label="kazupon profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://speakerdeck.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeFZQQWc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--364f2f6362bdc462311ba49c139cbe730418555b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwSFdrZCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--9921bc95938c5ab6808e7bcfc69ae1cceac36ef1/v_new_avatar_2.jpg" /> kazupon </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-star"></use></svg> 14 </div> <div class="px-1 py-3"> <span title="5,578 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-eye"></use></svg> 5.6k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="bedf3b1cc0874924950498654ae0106a" data-slide-count="69" data-cover-image="https://files.speakerdeck.com/presentations/bedf3b1cc0874924950498654ae0106a/preview_slide_0.jpg?15642612"> <a class="deck-preview-link" href="/kazupon/native-esm-powered-web-dev-build-tool" title="Native-ESM powered web dev build tool"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/bedf3b1cc0874924950498654ae0106a/preview_slide_0.jpg?15642612');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/bedf3b1cc0874924950498654ae0106a/preview_slide_0.jpg?15642612');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> Native-ESM powered web dev build tool </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/kazupon" aria-label="kazupon profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://speakerdeck.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeFZQQWc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--364f2f6362bdc462311ba49c139cbe730418555b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwSFdrZCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--9921bc95938c5ab6808e7bcfc69ae1cceac36ef1/v_new_avatar_2.jpg" /> kazupon </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-star"></use></svg> 5 </div> <div class="px-1 py-3"> <span title="1,688 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-eye"></use></svg> 1.7k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="7d0dc68d837044cfb7ef53860e407f9d" data-slide-count="107" data-cover-image="https://files.speakerdeck.com/presentations/7d0dc68d837044cfb7ef53860e407f9d/preview_slide_0.jpg?14783329"> <a class="deck-preview-link" href="/kazupon/mamonakuyatutekuru-vue-dot-js-3" title="まもなくやってくる Vue.js 3"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/7d0dc68d837044cfb7ef53860e407f9d/preview_slide_0.jpg?14783329');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/7d0dc68d837044cfb7ef53860e407f9d/preview_slide_0.jpg?14783329');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> まもなくやってくる Vue.js 3 </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/kazupon" aria-label="kazupon profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://speakerdeck.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeFZQQWc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--364f2f6362bdc462311ba49c139cbe730418555b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwSFdrZCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--9921bc95938c5ab6808e7bcfc69ae1cceac36ef1/v_new_avatar_2.jpg" /> kazupon </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-star"></use></svg> 38 </div> <div class="px-1 py-3"> <span title="19,759 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-eye"></use></svg> 20k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="970fd4abb97d4dbe81149b1edcd71e1b" data-slide-count="111" data-cover-image="https://files.speakerdeck.com/presentations/970fd4abb97d4dbe81149b1edcd71e1b/preview_slide_0.jpg?14433159"> <a class="deck-preview-link" href="/kazupon/vue-dot-js-3-nixiang-keta-vue-dot-js-ru-men" title="Vue.js 3 に向けた Vue.js 入門"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/970fd4abb97d4dbe81149b1edcd71e1b/preview_slide_0.jpg?14433159');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/970fd4abb97d4dbe81149b1edcd71e1b/preview_slide_0.jpg?14433159');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> Vue.js 3 に向けた Vue.js 入門 </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/kazupon" aria-label="kazupon profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://speakerdeck.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeFZQQWc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--364f2f6362bdc462311ba49c139cbe730418555b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwSFdrZCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--9921bc95938c5ab6808e7bcfc69ae1cceac36ef1/v_new_avatar_2.jpg" /> kazupon </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-star"></use></svg> 19 </div> <div class="px-1 py-3"> <span title="6,802 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-eye"></use></svg> 6.8k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="5f0a889b27f2488197876478b7cc0bd1" data-slide-count="95" data-cover-image="https://files.speakerdeck.com/presentations/5f0a889b27f2488197876478b7cc0bd1/preview_slide_0.jpg?12639926"> <a class="deck-preview-link" href="/kazupon/vue-i18n-xiang-keni-eslint-puraguinwozuo-tuta" title="Vue I18n 向けに ESLint プラグインを作った"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/5f0a889b27f2488197876478b7cc0bd1/preview_slide_0.jpg?12639926');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/5f0a889b27f2488197876478b7cc0bd1/preview_slide_0.jpg?12639926');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> Vue I18n 向けに ESLint プラグインを作った </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/kazupon" aria-label="kazupon profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://speakerdeck.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeFZQQWc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--364f2f6362bdc462311ba49c139cbe730418555b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwSFdrZCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--9921bc95938c5ab6808e7bcfc69ae1cceac36ef1/v_new_avatar_2.jpg" /> kazupon </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-star"></use></svg> 1 </div> <div class="px-1 py-3"> <span title="1,651 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-eye"></use></svg> 1.7k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="78809017fb084038b4601f2171d6e98f" data-slide-count="93" data-cover-image="https://files.speakerdeck.com/presentations/78809017fb084038b4601f2171d6e98f/preview_slide_0.jpg?11585417"> <a class="deck-preview-link" href="/kazupon/vue-fes-japan-2018-wu-tai-li-nituite" title="Vue Fes Japan 2018 舞台裏について"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/78809017fb084038b4601f2171d6e98f/preview_slide_0.jpg?11585417');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/78809017fb084038b4601f2171d6e98f/preview_slide_0.jpg?11585417');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> Vue Fes Japan 2018 舞台裏について </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/kazupon" aria-label="kazupon profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://speakerdeck.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeFZQQWc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--364f2f6362bdc462311ba49c139cbe730418555b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwSFdrZCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--9921bc95938c5ab6808e7bcfc69ae1cceac36ef1/v_new_avatar_2.jpg" /> kazupon </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-star"></use></svg> 4 </div> <div class="px-1 py-3"> <span title="2,482 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-eye"></use></svg> 2.5k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="ba930c6bc8274b3fa8a4d9ae9e195790" data-slide-count="40" data-cover-image="https://files.speakerdeck.com/presentations/ba930c6bc8274b3fa8a4d9ae9e195790/preview_slide_0.jpg?11435907"> <a class="deck-preview-link" href="/kazupon/the-state-of-assemblyscript-2018" title="The State of AssemblyScript 2018"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/ba930c6bc8274b3fa8a4d9ae9e195790/preview_slide_0.jpg?11435907');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/ba930c6bc8274b3fa8a4d9ae9e195790/preview_slide_0.jpg?11435907');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> The State of AssemblyScript 2018 </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/kazupon" aria-label="kazupon profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://speakerdeck.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeFZQQWc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--364f2f6362bdc462311ba49c139cbe730418555b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwSFdrZCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--9921bc95938c5ab6808e7bcfc69ae1cceac36ef1/v_new_avatar_2.jpg" /> kazupon </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-star"></use></svg> 2 </div> <div class="px-1 py-3"> <span title="976 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-eye"></use></svg> 980</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="c7e1525fa3314a2ab63bdebbedf5a5c2" data-slide-count="85" data-cover-image="https://files.speakerdeck.com/presentations/c7e1525fa3314a2ab63bdebbedf5a5c2/preview_slide_0.jpg?11359620"> <a class="deck-preview-link" href="/kazupon/vue-dot-js-sok-da-gui-mo-apurikai-fa" title="Vue.js 続・大規模アプリ開発"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/c7e1525fa3314a2ab63bdebbedf5a5c2/preview_slide_0.jpg?11359620');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/c7e1525fa3314a2ab63bdebbedf5a5c2/preview_slide_0.jpg?11359620');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> Vue.js 続・大規模アプリ開発 </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/kazupon" aria-label="kazupon profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://speakerdeck.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeFZQQWc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--364f2f6362bdc462311ba49c139cbe730418555b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwSFdrZCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--9921bc95938c5ab6808e7bcfc69ae1cceac36ef1/v_new_avatar_2.jpg" /> kazupon </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-star"></use></svg> 15 </div> <div class="px-1 py-3"> <span title="6,171 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-eye"></use></svg> 6.2k</span> </div> </div> </div> </div> </div> <nav class="pagy-bootstrap-nav"><ul class="pagination"><li class="page-item prev disabled"><a href="#" class="page-link">‹ Prev</a></li><li class="page-item next"><a href="/kazupon?page=2" class="page-link" rel="next" aria-label="next">Next ›</a></li></ul></nav> </div> <div class="container mb-4"> <div class="row"> <div class="col-12"> <p class="alert alert-promotion text-center shadow"><strong>Speaker Deck Pro:</strong> Add privacy options and schedule the publishing of your decks <a class="btn btn-sm btn-primary ms-4" href="/pro">Upgrade</a></p> </div> </div> </div> </div> <footer class="d-block bg-black sd-footer"> <img alt="" class="footer-logo-bg" loading="lazy" src="https://d1eu30co0ohy4w.cloudfront.net/assets/mark-f4be6df1e05965cac9f98e664a6c35f5ffdd0207385d07464a9214d6cdf76082.svg" /> <div class="container position-relative"> <div class="row py-3 py-md-5 justify-content-lg-between"> <div class="col-12 col-md-4 col-lg-3 text-center mb-2"> <a href="/"> <img alt="Speaker Deck" class="footer-logo mb-2" loading="lazy" src="https://d1eu30co0ohy4w.cloudfront.net/assets/mark-f4be6df1e05965cac9f98e664a6c35f5ffdd0207385d07464a9214d6cdf76082.svg" width="70" height="44" /> <p class="speaker-deck">SpeakerDeck</p> </a> <a class="footer-icon mx-1" title="SpeakerDeck on Facebook" href="https://www.facebook.com/speakerdeck"><svg class="icon icon-facebook "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-facebook"></use></svg></a> <a class="footer-icon mx-1" title="SpeakerDeck on Twitter" href="https://twitter.com/speakerdeck"><svg class="icon icon-twitter "><use xlink:href="/icons/icons.svg?v=2025-01-26#icon-twitter"></use></svg></a> </div> <div class="col-12 col-md-4 col-lg-auto py-2"> <nav aria-label="Top Categories"> <h2>Top Categories</h2> <ul class="nav-footer"> <li><a href="/c/programming">Programming</a></li> <li><a href="/c/technology">Technology</a></li> <li class="mb-3"><a href="/c/storyboards">Storyboards</a></li> <li><a href="/p/featured">Featured decks</a></li> <li><a href="/s/featured">Featured speakers</a></li> </ul> </nav> </div> <div class="col-12 col-md-4 col-lg-auto py-2"> <nav aria-label="Legal"> <h2>Use Cases</h2> <ul class="nav-footer"> <li><a href="/pro/storyboard-artists">Storyboard Artists</a></li> <li><a href="/educators">Educators</a></li> <li><a href="/student-pricing">Students</a></li> </ul> </nav> </div> <div class="col-12 col-md-4 col-lg-auto offset-md-4 offset-lg-0 py-2"> <nav aria-label="Resources"> <h2>Resources</h2> <ul class="nav-footer"> <li><a href="https://help.speakerdeck.com/">Help Center</a></li> <li><a href="https://blog.speakerdeck.com/">Blog</a></li> <li><a href="/slideshare-alternative">Compare Speaker Deck</a></li> <li><a href="/advertising">Advertising</a></li> </ul> </nav> </div> <div class="col-12 col-md-4 col-lg-auto py-2"> <nav aria-label="Features"> <h2>Features</h2> <ul class="nav-footer"> <li><a href="/features/privacy-controls">Private URLs</a></li> <li><a href="/features/password-protection">Password Protection</a></li> <li><a href="/features/custom-urls">Custom URLS</a></li> <li><a href="/features/scheduled-publishing">Scheduled publishing</a></li> <li><a href="/features/remove-branding">Remove Branding</a></li> <li><a href="/features/restrict-embedding">Restrict embedding</a></li> <li><a href="/features/slide-notes">Notes</a></li> </ul> </nav> </div> </div> <div class="row text-center border-top"> <div class="col-12 py-3"> <p class="copyright-text mb-1">Copyright © 2025 Speaker Deck, LLC.</p> <p class="mb-1">All slide content and descriptions are owned by their creators.</p> <ul class="list-inline"> <li class="list-inline-item"><a href="/about">About</a></li> <li class="list-inline-item"><a href="/tos">Terms</a></li> <li class="list-inline-item"><a href="/privacy">Privacy</a></li> <li class="list-inline-item"><a href="/dmca">DMCA</a></li> <li class="list-inline-item"><a href="/accessibility">Accessibility Statement</a></li> </ul> </div> </div> </div> </footer> <script src="https://d1eu30co0ohy4w.cloudfront.net/assets/stats-985244a1810e3ad665b3.js"></script> <script data-turbolinks-eval="false"> Stats.host = 'speakerdeck.com'; </script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-8WD0LC0MP9"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-8WD0LC0MP9'); </script> <script> !function(f,b,e,v,n,t,s) { if(f.fbq) return; n=f.fbq=function() { n.callMethod? n.callMethod.apply(n,arguments) : n.queue.push(arguments) }; if(!f._fbq) f._fbq=n; n.push=n; n.loaded=!0; n.version='2.0'; n.queue=[]; t=b.createElement(e); t.async=!0; t.src=v; s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s) }(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '2893765844191276'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=2893765844191276&ev=PageView&noscript=1" /> </noscript> <script async type="text/javascript" src="https://platform.twitter.com/widgets.js"></script> <script> Array.from(document.querySelectorAll('.facebook-share')).forEach((element) => { element.addEventListener('click', function(e){ e.preventDefault() let title = encodeURIComponent(document.title) let url = encodeURIComponent(document.location.href) window.open('https://www.facebook.com/dialog/share?app_id=1428152667543587&display=popup&href=' + url + '&title=' + title, "_blank", "toolbar=no,menubar=no,location=yes,resizable=yes,scrollbars=yes,status=yes,width=600,height=400,modal=yes,alwaysRaised=yes"); }, false) }) </script> <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'92d22b339c572328',t:'MTc0NDExOTU0NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body> </html>