Submit Search
Upload
Ma gician <Vue にはできないこと (1)> WeJS 37th
•
1 like
•
1,158 views
Eucen Stew
Follow
Vue ではできないけど Ma_gician ならできるシリーズのひとつ目です。
Read less
Read more
Software
Report
Share
Report
Share
1 of 26
Download now
Download to read offline
Recommended
Ma_gician (世界中のフロントエンダーの残業時間を減らす、新しいフロントエンドフレームワーク)<詳細版>
Ma_gician (世界中のフロントエンダーの残業時間を減らす、新しいフロントエンドフレームワーク)<詳細版>
Eucen Stew
株式会社オプトさんで開催された LT会「俺得フロントエンド (2) 2019/10/24」で発表した内容です。
翻訳から始めるVue.js 入門
翻訳から始めるVue.js 入門
Makoto Chiba
Vue.js用バリデータコンポーネント vue-validatorを25日掛けて翻訳したお話です。
Vue.jsでさくっとMVVM
Vue.jsでさくっとMVVM
Satoshi Anai
MVVMパターンJavascriptフレームワークのVue.jsを紹介します
20160927 reactmeetup
20160927 reactmeetup
Naoki Kurosawa
React.jsアプリケーションにおける、GoogleAnalyticsの組み込みについて ・react-ga等のコンポーネントを利用するより、従来の組み込み方法の方が柔軟 ・pageviewをsendするポイントはreact-router-reduxのlistenerより、react-routerのonEnterフックを利用した方がGAのレポートがうまく出せる
AngularJSの高速化
AngularJSの高速化
Kon Yuichi
2014/8/22 第二回 html5minutes LTのスライドです
まだDOM操作で消耗してるの?
まだDOM操作で消耗してるの?
IRI MO
社内LTで発表した React.js(0.14)の紹介
AngularJSでの非同期処理の話
AngularJSでの非同期処理の話
Yosuke Onoue
今すぐブラウザでES6を使おう
今すぐブラウザでES6を使おう
Hayashi Yuichi
BabelとWebPackを使ってES6からブラウザで動く環境を作るための登壇資料。半分ライブコーディング的に動かしているので、スライドだけだと少々わかりにくいかもしれません。 ※ 後日LIGブログで記事にするかもです
Recommended
Ma_gician (世界中のフロントエンダーの残業時間を減らす、新しいフロントエンドフレームワーク)<詳細版>
Ma_gician (世界中のフロントエンダーの残業時間を減らす、新しいフロントエンドフレームワーク)<詳細版>
Eucen Stew
株式会社オプトさんで開催された LT会「俺得フロントエンド (2) 2019/10/24」で発表した内容です。
翻訳から始めるVue.js 入門
翻訳から始めるVue.js 入門
Makoto Chiba
Vue.js用バリデータコンポーネント vue-validatorを25日掛けて翻訳したお話です。
Vue.jsでさくっとMVVM
Vue.jsでさくっとMVVM
Satoshi Anai
MVVMパターンJavascriptフレームワークのVue.jsを紹介します
20160927 reactmeetup
20160927 reactmeetup
Naoki Kurosawa
React.jsアプリケーションにおける、GoogleAnalyticsの組み込みについて ・react-ga等のコンポーネントを利用するより、従来の組み込み方法の方が柔軟 ・pageviewをsendするポイントはreact-router-reduxのlistenerより、react-routerのonEnterフックを利用した方がGAのレポートがうまく出せる
AngularJSの高速化
AngularJSの高速化
Kon Yuichi
2014/8/22 第二回 html5minutes LTのスライドです
まだDOM操作で消耗してるの?
まだDOM操作で消耗してるの?
IRI MO
社内LTで発表した React.js(0.14)の紹介
AngularJSでの非同期処理の話
AngularJSでの非同期処理の話
Yosuke Onoue
今すぐブラウザでES6を使おう
今すぐブラウザでES6を使おう
Hayashi Yuichi
BabelとWebPackを使ってES6からブラウザで動く環境を作るための登壇資料。半分ライブコーディング的に動かしているので、スライドだけだと少々わかりにくいかもしれません。 ※ 後日LIGブログで記事にするかもです
sgvizler
sgvizler
Fumihiro Kato
2014-03-08に行われたOpen DATA METI ヴィジュアライズソンでのsgvizlerの紹介.HTML版はhttp://fumi.me/talks/20140308/
エンタープライズ分野での実践AngularJS
エンタープライズ分野での実践AngularJS
Ayumi Goto
AngularJSを浅めに紹介します
AngularJSを浅めに紹介します
nkazuki
Google製JavaScriptフレームワークAngularJS(http://angularjs.org/)の良さを10分くらいで紹介するための資料です.身内向けの勉強会でしゃべるときに使いました. スライド中のサンプルコードはこちらに https://github.com/daisy1754/angular-simple-demo-flickr-cat
Chart.jsで簡単にグラフを描画する
Chart.jsで簡単にグラフを描画する
iPride Co., Ltd.
2020/07/03の勉強会で発表されたものです。
React.jsでクライアントサイドなWebアプリ入門
React.jsでクライアントサイドなWebアプリ入門
spring_raining
KC3 2015にて発表したスライドです。 written by @spring_raining
JavaScriptフレームワーク入門にVue.jsはいかが?
JavaScriptフレームワーク入門にVue.jsはいかが?
好洋 山崎
グランフロントエンド2016のLTスライドです
3分でわかるangular js
3分でわかるangular js
Shin Adachi
社内LTで自分の番だったので、チュートリアルしかやってないのにAngularJSの解説を書いた。
株式会社インタースペース 清水様 登壇資料
株式会社インタースペース 清水様 登壇資料
leverages_event
10月6日実施イベントのスライド
ASP.NET MVCとEntity Frameworkで作ってみた
ASP.NET MVCとEntity Frameworkで作ってみた
Kentaro Inomata
Tech Ed 2010 Rejected LT
Ma gician <wide version> @meguro.es 2019/10/10
Ma gician <wide version> @meguro.es 2019/10/10
Eucen Stew
世界中のフロントエンダーの残業時間を減らす、新しい JavaScript フロントエンドフレームワークの LT 用資料です。
React Redux Redux-Saga + サーバサイドレンダリング
React Redux Redux-Saga + サーバサイドレンダリング
エンジニア勉強会 エスキュービズム
React/Redux/Redux-Saga+サーバサイドレンダリング
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
Kohei Asai
2015/05/27にLINE社で行われた、Data Binding JS Nightでの発表内容です。
React を導入したフロントエンド開発
React を導入したフロントエンド開発
daisuke-a-matsui
フレームワークを利用したシングルページアプリケーションの制御 GMOインターネット次世代システム研究室の勉強会発表資料。 2015年12月作成。 案件対応期間は2015年4月-8月。
Riot + generator で始める新しいデータバインディング
Riot + generator で始める新しいデータバインディング
Tsutomu Kawamura
主に Riot.js の紹介で、時間があったら最近作ってるライブラリの話も、という感じで話してきました。Data Binding JS Night にて。 http://vuejs-meetup.connpass.com/event/14017/
はじめてのVue.js
はじめてのVue.js
kamiyam .
DevLOVE関西「JavaScript フレームワークは Angular JS だけじゃない!」
チュートリアルではじめるVue.js
チュートリアルではじめるVue.js
小川 昌吾
社内教育用のVue.jsチュートリアル
Vue.js 2.0を試してみた
Vue.js 2.0を試してみた
Toshiro Shimizu
Vue.js: Revolutionary Front-end #1 http://abeja-innovation-meetup.connpass.com/event/38214/
Gws 20141024 gradle_intro
Gws 20141024 gradle_intro
Nobuhiro Sue
Gradle introduction and latest update for G*WorkshopZ 2014/10/24 (Japanese)
WebXR TechTokyo #3 in Cluster発表資料
WebXR TechTokyo #3 in Cluster発表資料
WheetTweet
WebXR Tech Tokyo #3で発表した資料です。 イベントURL https://vrtokyo.connpass.com/event/189470/ この発表に関する詳細を書いたブログ記事 https://www.crossroad-tech.com/entry/babylonjs-webxr-vr1
Nuxt なしで Vue App 作る時に乗り越えるべき5つの壁
Nuxt なしで Vue App 作る時に乗り越えるべき5つの壁
Yutaro Miyazaki
Vue.js Tokyo v-meetup #5 LT の資料です https://vuejs-meetup.connpass.com/event/65442/
Getting started with node.js
Getting started with node.js
kouzouman
Node.jsを始める際に必要なことあれこれ
Vue.js で XSS
Vue.js で XSS
tobaru_yuta
Vue.jsでXSSが発生するケースについて調べてみました。
More Related Content
What's hot
sgvizler
sgvizler
Fumihiro Kato
2014-03-08に行われたOpen DATA METI ヴィジュアライズソンでのsgvizlerの紹介.HTML版はhttp://fumi.me/talks/20140308/
エンタープライズ分野での実践AngularJS
エンタープライズ分野での実践AngularJS
Ayumi Goto
AngularJSを浅めに紹介します
AngularJSを浅めに紹介します
nkazuki
Google製JavaScriptフレームワークAngularJS(http://angularjs.org/)の良さを10分くらいで紹介するための資料です.身内向けの勉強会でしゃべるときに使いました. スライド中のサンプルコードはこちらに https://github.com/daisy1754/angular-simple-demo-flickr-cat
Chart.jsで簡単にグラフを描画する
Chart.jsで簡単にグラフを描画する
iPride Co., Ltd.
2020/07/03の勉強会で発表されたものです。
React.jsでクライアントサイドなWebアプリ入門
React.jsでクライアントサイドなWebアプリ入門
spring_raining
KC3 2015にて発表したスライドです。 written by @spring_raining
JavaScriptフレームワーク入門にVue.jsはいかが?
JavaScriptフレームワーク入門にVue.jsはいかが?
好洋 山崎
グランフロントエンド2016のLTスライドです
3分でわかるangular js
3分でわかるangular js
Shin Adachi
社内LTで自分の番だったので、チュートリアルしかやってないのにAngularJSの解説を書いた。
株式会社インタースペース 清水様 登壇資料
株式会社インタースペース 清水様 登壇資料
leverages_event
10月6日実施イベントのスライド
ASP.NET MVCとEntity Frameworkで作ってみた
ASP.NET MVCとEntity Frameworkで作ってみた
Kentaro Inomata
Tech Ed 2010 Rejected LT
Ma gician <wide version> @meguro.es 2019/10/10
Ma gician <wide version> @meguro.es 2019/10/10
Eucen Stew
世界中のフロントエンダーの残業時間を減らす、新しい JavaScript フロントエンドフレームワークの LT 用資料です。
React Redux Redux-Saga + サーバサイドレンダリング
React Redux Redux-Saga + サーバサイドレンダリング
エンジニア勉強会 エスキュービズム
React/Redux/Redux-Saga+サーバサイドレンダリング
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
Kohei Asai
2015/05/27にLINE社で行われた、Data Binding JS Nightでの発表内容です。
React を導入したフロントエンド開発
React を導入したフロントエンド開発
daisuke-a-matsui
フレームワークを利用したシングルページアプリケーションの制御 GMOインターネット次世代システム研究室の勉強会発表資料。 2015年12月作成。 案件対応期間は2015年4月-8月。
Riot + generator で始める新しいデータバインディング
Riot + generator で始める新しいデータバインディング
Tsutomu Kawamura
主に Riot.js の紹介で、時間があったら最近作ってるライブラリの話も、という感じで話してきました。Data Binding JS Night にて。 http://vuejs-meetup.connpass.com/event/14017/
はじめてのVue.js
はじめてのVue.js
kamiyam .
DevLOVE関西「JavaScript フレームワークは Angular JS だけじゃない!」
チュートリアルではじめるVue.js
チュートリアルではじめるVue.js
小川 昌吾
社内教育用のVue.jsチュートリアル
Vue.js 2.0を試してみた
Vue.js 2.0を試してみた
Toshiro Shimizu
Vue.js: Revolutionary Front-end #1 http://abeja-innovation-meetup.connpass.com/event/38214/
Gws 20141024 gradle_intro
Gws 20141024 gradle_intro
Nobuhiro Sue
Gradle introduction and latest update for G*WorkshopZ 2014/10/24 (Japanese)
WebXR TechTokyo #3 in Cluster発表資料
WebXR TechTokyo #3 in Cluster発表資料
WheetTweet
WebXR Tech Tokyo #3で発表した資料です。 イベントURL https://vrtokyo.connpass.com/event/189470/ この発表に関する詳細を書いたブログ記事 https://www.crossroad-tech.com/entry/babylonjs-webxr-vr1
Nuxt なしで Vue App 作る時に乗り越えるべき5つの壁
Nuxt なしで Vue App 作る時に乗り越えるべき5つの壁
Yutaro Miyazaki
Vue.js Tokyo v-meetup #5 LT の資料です https://vuejs-meetup.connpass.com/event/65442/
What's hot
(20)
sgvizler
sgvizler
エンタープライズ分野での実践AngularJS
エンタープライズ分野での実践AngularJS
AngularJSを浅めに紹介します
AngularJSを浅めに紹介します
Chart.jsで簡単にグラフを描画する
Chart.jsで簡単にグラフを描画する
React.jsでクライアントサイドなWebアプリ入門
React.jsでクライアントサイドなWebアプリ入門
JavaScriptフレームワーク入門にVue.jsはいかが?
JavaScriptフレームワーク入門にVue.jsはいかが?
3分でわかるangular js
3分でわかるangular js
株式会社インタースペース 清水様 登壇資料
株式会社インタースペース 清水様 登壇資料
ASP.NET MVCとEntity Frameworkで作ってみた
ASP.NET MVCとEntity Frameworkで作ってみた
Ma gician <wide version> @meguro.es 2019/10/10
Ma gician <wide version> @meguro.es 2019/10/10
React Redux Redux-Saga + サーバサイドレンダリング
React Redux Redux-Saga + サーバサイドレンダリング
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
React を導入したフロントエンド開発
React を導入したフロントエンド開発
Riot + generator で始める新しいデータバインディング
Riot + generator で始める新しいデータバインディング
はじめてのVue.js
はじめてのVue.js
チュートリアルではじめるVue.js
チュートリアルではじめるVue.js
Vue.js 2.0を試してみた
Vue.js 2.0を試してみた
Gws 20141024 gradle_intro
Gws 20141024 gradle_intro
WebXR TechTokyo #3 in Cluster発表資料
WebXR TechTokyo #3 in Cluster発表資料
Nuxt なしで Vue App 作る時に乗り越えるべき5つの壁
Nuxt なしで Vue App 作る時に乗り越えるべき5つの壁
Similar to Ma gician <Vue にはできないこと (1)> WeJS 37th
Getting started with node.js
Getting started with node.js
kouzouman
Node.jsを始める際に必要なことあれこれ
Vue.js で XSS
Vue.js で XSS
tobaru_yuta
Vue.jsでXSSが発生するケースについて調べてみました。
jQuery と MVC で実践する標準志向 Web 開発
jQuery と MVC で実践する標準志向 Web 開発
Akira Inoue
Presentation for OSC 2010 in Hokkaido. http://www.ospn.jp/osc2010-do/
20200304 vuejs
20200304 vuejs
yamamotomsc
Vue.js1歩目
2016/12/17 ASP.NET フロントエンドタスク入門
2016/12/17 ASP.NET フロントエンドタスク入門
miso- soup3
https://atnd.org/events/82659
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
normalian
ASP.NET vNext / Visual Studio "14" に見る .NET の未来像
ASP.NET vNext / Visual Studio "14" に見る .NET の未来像
Akira Inoue
VSUG DAY 2014 Autumn 資料
20140517 knockoutjs hands-on
20140517 knockoutjs hands-on
Seiji Noro
初めてのvue.js(2.x系)
初めてのvue.js(2.x系)
健人 井関
フロントエンドカンファレンス福岡2019で行ったVue.jsのワークショップ資料
【17-C-2】 クラウド上でのエンタープライズアプリケーション開発
【17-C-2】 クラウド上でのエンタープライズアプリケーション開発
lalha
Developers Summit 2011での発表資料 小野和俊 氏 / 松本幹 氏 / 中村研二 氏 / 宮崎貴司 氏 / 渡辺俊史 氏 / 内藤浩史 氏 MIJS製品技術強化委員会では2010年度の活動として、エンタープライズアプリケーションをクラウド上で動作させるための各種調査や実証実験を行っています。このセッションでは、ロック、トランザクション、読み取り一貫性など、エンタープライズシステムに求められる各種要件を含む「英会話教師予約システム」をWindows Azure、Google App Engine、Force.com、AWSそれぞれを用いて構築した実証実験に関する報告を行います。
サンプルアプリケーションで学ぶApache Cassandraを使ったJavaアプリケーションの作り方
サンプルアプリケーションで学ぶApache Cassandraを使ったJavaアプリケーションの作り方
Yuki Morishita
JJUG CCC 2017 Fall 発表資料 #jjug_ccc #ccc_a2
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
david9142
Asp.net core mvc の core な話
Asp.net core mvc の core な話
Masuda Tomoaki
2016年08月の .NETラボ勉強会の発表資料
VSCodeで始めるAzure Static Web Apps開発
VSCodeで始めるAzure Static Web Apps開発
Yuta Matsumura
登壇資料です https://vscode.connpass.com/event/221961/
SpringMVC
SpringMVC
Akio Katayama
いまさらJavaScript
いまさらJavaScript
Naomichi Yamakita
~ Cloud First から Cloud Optimized へ ~ .NET on Cloud が描くモダナイゼーション
~ Cloud First から Cloud Optimized へ ~ .NET on Cloud が描くモダナイゼーション
Akira Inoue
Developers Summit 2014 Summer A-2 セッション資料です。
[公開用]Netラボ2012年2月勉強会 asp.netmvc4 beta新機能の紹介
[公開用]Netラボ2012年2月勉強会 asp.netmvc4 beta新機能の紹介
david9142
[AC06] クラウド・ネイティブなスケーラブル・アプリ開発のために~12 Factor App on Kubernetes on Azure
[AC06] クラウド・ネイティブなスケーラブル・アプリ開発のために~12 Factor App on Kubernetes on Azure
de:code 2017
クラウド環境で、メンテナンス性を持ち移植性が高くスケーラブルなアプリケーションを構築するために、12 Factor のアプリケーションを実装することが重要です。本セッションは、クラウド ネィティブなアプリを構築するために重要な 12 Factor + α (Beyond the 12 factor) を、コードを交えながら紹介し Azure Container Service で提供する Kubernetes 上にデプロイし、その効果と有用性についてご紹介します。サンプル コードは Java で紹介しますが任意のプログラミング言語に有用な情報をお届けします。 寺田 佳央 日本マイクロソフト株式会社 デベロッパー エバンジェリズム統括本部 エバンジェリスト
アプリ開発も出来るイマドキのWeb技術入門(エンジニア適職フェアWeb技術入門セミナー)
アプリ開発も出来るイマドキのWeb技術入門(エンジニア適職フェアWeb技術入門セミナー)
友太 渡辺
1/18(土) @type エンジニア適職フェア内企画 "Web技術"入門セミナーにて、「アプリ開発も出来るイマドキのWeb技術入門」と題してお話しさせていただきました。Web 制作にとどまらず、Web の技術を使ってできることのご紹介です。
Similar to Ma gician <Vue にはできないこと (1)> WeJS 37th
(20)
Getting started with node.js
Getting started with node.js
Vue.js で XSS
Vue.js で XSS
jQuery と MVC で実践する標準志向 Web 開発
jQuery と MVC で実践する標準志向 Web 開発
20200304 vuejs
20200304 vuejs
2016/12/17 ASP.NET フロントエンドタスク入門
2016/12/17 ASP.NET フロントエンドタスク入門
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
ASP.NET vNext / Visual Studio "14" に見る .NET の未来像
ASP.NET vNext / Visual Studio "14" に見る .NET の未来像
20140517 knockoutjs hands-on
20140517 knockoutjs hands-on
初めてのvue.js(2.x系)
初めてのvue.js(2.x系)
【17-C-2】 クラウド上でのエンタープライズアプリケーション開発
【17-C-2】 クラウド上でのエンタープライズアプリケーション開発
サンプルアプリケーションで学ぶApache Cassandraを使ったJavaアプリケーションの作り方
サンプルアプリケーションで学ぶApache Cassandraを使ったJavaアプリケーションの作り方
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
Asp.net core mvc の core な話
Asp.net core mvc の core な話
VSCodeで始めるAzure Static Web Apps開発
VSCodeで始めるAzure Static Web Apps開発
SpringMVC
SpringMVC
いまさらJavaScript
いまさらJavaScript
~ Cloud First から Cloud Optimized へ ~ .NET on Cloud が描くモダナイゼーション
~ Cloud First から Cloud Optimized へ ~ .NET on Cloud が描くモダナイゼーション
[公開用]Netラボ2012年2月勉強会 asp.netmvc4 beta新機能の紹介
[公開用]Netラボ2012年2月勉強会 asp.netmvc4 beta新機能の紹介
[AC06] クラウド・ネイティブなスケーラブル・アプリ開発のために~12 Factor App on Kubernetes on Azure
[AC06] クラウド・ネイティブなスケーラブル・アプリ開発のために~12 Factor App on Kubernetes on Azure
アプリ開発も出来るイマドキのWeb技術入門(エンジニア適職フェアWeb技術入門セミナー)
アプリ開発も出来るイマドキのWeb技術入門(エンジニア適職フェアWeb技術入門セミナー)
Recently uploaded
RaySheet Product Description Documentation - 2024.6.19
RaySheet Product Description Documentation - 2024.6.19
GrapeCity, inc.
RaySheetの製品説明資料です。
シグネチャで始めるRustプログラミング - Superteam Japan Developer Event
シグネチャで始めるRustプログラミング - Superteam Japan Developer Event
K Kinzal
https://lu.ma/wgpk8fdp
RaySheetで解決できるシナリオ10選-業務改善に貢献する機能 - RaySheet Documentation
RaySheetで解決できるシナリオ10選-業務改善に貢献する機能 - RaySheet Documentation
GrapeCity, inc.
GrapeCityのRaySheet製品を活用し、業務改善に貢献できる機能を10シナリオ紹介します。
GPT - 振り返りフレームワークKPTをちょっとKAIZENしてちょうど良いフレームワークに。
GPT - 振り返りフレームワークKPTをちょっとKAIZENしてちょうど良いフレームワークに。
Hibiki Mizuno
@Scrum Fest Osaka 2024
RayPen Product Description Documentation - 2024.6.19
RayPen Product Description Documentation - 2024.6.19
GrapeCity, inc.
メシウス株式会社のRayPenの製品資料です。(20240619更新)
RayBarcode Product Description Documentation - 2024.6.19
RayBarcode Product Description Documentation - 2024.6.19
GrapeCity, inc.
メシウス株式会社のRayBarcodeの製品資料です。(20240619更新)
Solanaで始めるRustプログラミング - Superteam Japan Developer Event
Solanaで始めるRustプログラミング - Superteam Japan Developer Event
K Kinzal
https://lu.ma/wgpk8fdp
Recently uploaded
(7)
RaySheet Product Description Documentation - 2024.6.19
RaySheet Product Description Documentation - 2024.6.19
シグネチャで始めるRustプログラミング - Superteam Japan Developer Event
シグネチャで始めるRustプログラミング - Superteam Japan Developer Event
RaySheetで解決できるシナリオ10選-業務改善に貢献する機能 - RaySheet Documentation
RaySheetで解決できるシナリオ10選-業務改善に貢献する機能 - RaySheet Documentation
GPT - 振り返りフレームワークKPTをちょっとKAIZENしてちょうど良いフレームワークに。
GPT - 振り返りフレームワークKPTをちょっとKAIZENしてちょうど良いフレームワークに。
RayPen Product Description Documentation - 2024.6.19
RayPen Product Description Documentation - 2024.6.19
RayBarcode Product Description Documentation - 2024.6.19
RayBarcode Product Description Documentation - 2024.6.19
Solanaで始めるRustプログラミング - Superteam Japan Developer Event
Solanaで始めるRustプログラミング - Superteam Japan Developer Event
Ma gician <Vue にはできないこと (1)> WeJS 37th
1.
Ma_gician 世界中のフロントエンダーの残業時間を減らす、 新しい JavaScript フロントエンドフレームワーク Vue
にはできない事(1)
2.
読み方 Ma_gician 「マジシャン」
3.
どういうもの? 新しいアーキテクチャで作られた JavaScipt フロントエンド フレームワーク
4.
特徴は? 極端に少ないコード量で動作可能。
5.
どこで見られるの? ソースコードと正式名称は未公開です。 (2019/10/25時点)
6.
マイルストーン 令和元年内にオープンソース化
7.
コードが減る様子を見てみましょう
8.
Vue.js の リアクティブ <script src="assets/js/vue"></script> <div
id="controller"> <input v-model="message"> <p>Message = {{ message }}</p> </div> <script> new Vue({ el: '#controller, data: { message: '' } }) </script>
9.
Vue.js の実装を Ma_gician
で書き替え 1. new Vue が書かれている <script> を削除 2. ライブラリの読み込みを vue から ma_gician に変更 3. <div id="component"> の > の直前に :: を追加 * Lightning Talk では、ここでライブコーディングします
10.
Vue.js の リアクティブ <script src="assets/js/vue"></script> <div
id="controller"> <input v-model="message"> <p>Message = {{ message }}</p> </div> <script> new Vue({ el: '#controller, data: { message: '' } }) </script>
11.
Ma_gician の リアクティブ <script src="assets/js/ma_gician"></script> <div
::> <input v-model="message"> <p>Message = {{ message }}</p> </div>
12.
結論 * Ma_gician で実装すると、コード量が減る *
コード量が減れば、バグの可能性も減る * バグが減れば、作業時間も減る * 作業時間が減れば、残業時間も減る Q.E.D.
13.
Vue にはできない事(1)
14.
HTML 文字列で <script>
を追加 <script> タグを innerHTML や insertAdjacentHTML で追加した場合、 <script></script> の中に書かれたコードは実行されません。
15.
<script> を innerHTML で追加 const
tag = "<script> alert('Hello') </script>" document.body.innerHTML += tag // alert は出ません
16.
mount されません Vue.js の リアクティブを innerHTML
で追加 const vueReactive = ` <div id="controller"> <input v-model="message"> <p>Message = {{ message }}</p> </div> <script> new Vue({ el: '#controller', data: { message: '' } }) </script> ` document.body.innerHTML += vueReactive
17.
HTML 文字列で追加できると何がいいの? ● localStorage
や History API の state に、 マウント状態を再現するコードを一緒に保存しておける。 ● Vue の要素を動的に少しずつ変えながら追加したい時に便利。
18.
Ma_gician でばんがってみる
19.
Ma_gician を追加 ● Ma_gician
を追加すると、innerHTML に <script> を追加した際に 中のコードが実行されて、Vue のリアクティブが動作します。 (ライブコーディングで紹介)
20.
そもそも Ma_gician では
21.
Ma_gician の リアクティブを innerHTML で追加 const
ma_gicianReactive = ` <div ::> <input v-model="message"> <p>Message = {{ message }}</p> </div> ` document.body.innerHTML += ma_gicianReactive 普通に動きます。 てか元々 <script> 不要
22.
Ma_gician が何をしてるのか。 気になる方は、懇親会で 最寄りの Stew
Eucen まで お声がけください!
23.
自己紹介 ● Ma_gician を作った人 名前:Stew
Eucen(悉生 游漩) 読み方: しちゅう ゆうせん 国籍:日本 ● SNS Twitter: @StewEucen Facebook: stew.eucen
24.
OSS 活動に向けて スポンサー募集中です!
25.
他のデモを見たい方は、 懇親会でお声がけください!
26.
ご静聴ありがとうございました!
Download now