Focus on Your ContentEffortlessly create beautiful documentation sites with just markdown. Enjoy the Vite DXInstant server start, lightning fast hot updates, and leverage Vite ecosystem plugins.
はじめに 主に2通りのやり方がある 想定している読者 Class Styleの書き方 Class Styleの特徴 Object Styleの書き方 Object Styleの特徴 どっちで書く? 見やすさ・馴染みやすさ 利用者の多さ 公式のサポート まとめ 参考 はじめに こんにちは。フロントエンドチームのayoshです。 この記事では、TypeScriptとVue.jsで開発を行う方法について紹介していきたいと思います。 自分の参加しているプロダクトでもTypeScriptとVue.jsを用いた開発をしていますが、最近のWebアプリケーションのフロントエンド開発ではTypeScriptとReact、もしくはTypeScriptとVue.jsで開発をしている現場は多いのではないでしょうか? 主に2通りのやり方がある 様々な記事でも紹介されていますが、Vue.jsとTypeScriptで開
こんにちは! Vue.js 日本ユーザーグループ代表の川口和也@kazupon です。 Vue Fes Japan 2019 開催まで、残り3週間を切りました。本日は、みなさんに重要なお知らせがあります。 キーノートで登壇を予定していました Evan You 氏が、家庭の事情により来日できなくなりました。直接の出演は叶わなくなったものの、Evan 氏の生の声を届ける貴重な機会を最大限に生かすため、構成を変更してライブ配信形式でキーノートを実施することになりました(注:当日キーノートをご覧いただけるのは会場内のみです)。 本件について Evan 氏からビデオメッセージをいただいています。 大変残念ではありますが、ご理解のほど何卒よろしくお願いいたします。また、予定されているキーノートの内容については変更ありませんので、当日はぜひお越しいただき、オープニングから楽しんでいただければと思います。
elements:utilitiesv-templatev-viewintroductionはじめにgetting-startedクイックスタートPlaygroundのチュートリアルインストール更新のガイドVue DevToolsの使用NativeScriptのプラグインを使うVueのプラグインを使うroutingutilitieselements:layoutsAbsoluteLayoutDockLayoutFlexboxLayoutGridLayoutStackLayoutWrapLayoutelements:action-barActionBarActionItemNavigationButtonelements:componentsActivityIndicatorButtonDatePickerFrameHtmlViewImageLabelListPickerListViewPa
今更ながらvue init webpackで作成したプロジェクトをwebpack4系に移行したのでメモ。 Vue CLI3系を利用すればwebpack4系のプロジェクトが生成されるけど、webpack.config自体は@vue/cli-serviceに内包されているため、全体像が掴みづらいので勉強の意味も込めて現状のものをアップデートした。 vue cli-serviceのコードを見ると、webpack-chainなどを利用して設定が生成され各種コマンドを実行している様子が伺える。 プロジェクト構成は大雑把に↓な感じ。(特に生成時から変えていない) app ├── build │ ├── utils.js │ ├── webpack.base.conf.js │ ├── webpack.dev.conf.js │ ├── webpack.prod.conf.js │ └── ... ├─
戦略 まず主要packageを一括で更新して、buildエラーを見ながら修正していく パッケージ更新 package.jsonのwebpack系とbabel系を@latestで一気に更新 下記は見やすいよう複数に分けてますが、実際はワンライナーでやった yarn add -D webpack@latest webpack-cli@latest webpack-merge@latest yarn add -D webpack-dev-middleware@latest webpack-hot-middleware yarn add -D html-webpack-plugin@latest mini-css-extract-plugin@latest yarn add -D optimize-css-assets-webpack-plugin@latest yarn add -D @babe
前提条件 バージョン情報 Vue 2.6.10 Jest 24.5.0 TL;DR DOMが絡むなら $nextTick , 絡まないなら setTimeout を使う。 実例 <template> <div id="piyo"> {{ hoge }} </div> </template> <script> export default { data() { return { hoge: '', }; }, async created() { this.hoge = await this.huga(); }, methods: { huga() { return new Promise((resolve) => { setTimeout(() => { resolve('it works'); }, 100); }); }, }, }; </script> import { shallow
2019年版Vue.jsを使ってる人には必ず知っていてほしいVue.jsの武器とドキュメントに書かれていないコンポーネントやメンテナンスの際に役立つTipsアーキテクチャVue.jsElmReactAngular2 はじめに 私はVue.js with Vuexを使った業務で1画面30APIを叩く必要のある画面から、たったの数APIしか叩かないけれど、代わりにUIがとても機能的で複雑な画面まで設計し、構築しました。 もちろん、Vue.jsのコンポーネントシステムをフル活用し、Vuexを入れていないプロジェクトの経験もあります。 現在は構築したシステムを保守・運用しています。 また、勉強の為にReact、 Angular、 最近はElm等にも少し触れています。 その際に得られたノウハウ、Vue.jsが他のライバルフレームワークと比べた際に現時点で本当に勝っている利点やノウハウを言語化し、共有
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く