2018年 スタートアップでSSRにVue.jsを導入してWebサービスを開発して得た設計 - Qiita
私がWebサービスのバージョンアップでVue.js導入することになり、取り組んでる内容についてWEBエンジニア向けに簡単に解説する記事です。 例えばjQueryのUIプラグインを沢山使ってるサーバーフレームワークで Vue.js、Vuex、Storybook を導入する際にどうすれば良いのか？などのノウハウについて記述します。 はじめに サーバーフレームワークのテンプレートへの組み込みが今回の要件です。 つまりVue.jsでカスタムコンポーネントもどきを作り、テンプレートエンジンで使えるようにするのが今回の要件です。 フロントエンド界隈のノウハウ集は大体がビッグスケールしても耐えられるようにフロントエンドとサーバーを開発チームまで完全に分離し、サーバーは API のみ提供する設計でしょう。最近ではVue.jsがどんどん認知され、実験的にRailsに組み込む軽いサンプルが散見するでしょう。
Vuex：mapStateの書き方8パターン+11サンプルコード - Qiita
VuexのmapStateは書き方にバリエーションがある。ここではできるだけ多くのパターンを紹介する。 まず、話を具体的にするために次のようなストアを前提にする。 const profile = { namespaced: true, state: { twitter: "@suin", facebook: null, text: "よろしく〜" } }; const user = { namespaced: true, state: { name: "suin" }, modules: { profile } }; const post = { namespaced: true, state: { title: "VuexのmapStateの書き方", tags: ["JavaScript", "Vue", "Vuex"] } }; const store = new Store({ s
Vue.js 2017年まとめ & 今後
Vue.js 2017年まとめ & 今後この記事は、Vue.js #1 Advent Calendar 2017の25日目最後の記事です。 Vue.js 2.0 のリリースされた2016年10月から1年以上経過しました。今年はメジャーリリースは特にありませんでしたが、バグ対応、機能追加そして改善を通じて着実にのリリースを積み重ねて進化してきました。 この記事では、2017年の Vue.js 界隈における状況、出来事をまとめつつ、最後に Vue.js の今後について紹介して、4つもある Vue.js アドベンドカレンダの最後を締めくくりたいと思います。 Stats2017年 Vue.js はどうであったか。Stats を色々見ていきましょう。 まずは、Google Trend から。 2016年と比較して、2017年は常に人気が高い状態が続いているのがわかります。 次に、The State
Best Vuejs Books 2024 - ReactDOM
Pablo David Garaguso (Author)English (Publication Language)296 Pages - 05/30/2023 (Publication Date) - Packt Publishing (Publisher) One of the key strengths of this book is its focus on design patterns and best practices. It explores software principles and design patterns to build maintainable applications. This approach allows you to not only learn how to use Vue.js but also understand how to wr
8月28日「第9回ペパボテックカンファレンス ～ Vue.js 特集 ～」開催しました - ペパボHRブログ
こんにちは、中途採用担当のシェリーです！ 8月後半はイベントウィークでして、また懲りずに私からイベントレポートをお届けしますよっ。 既に主催者のおいちゃん（@inouetakuya）がブログに記載してくれていて、それがまたホットエントリーになっているということで、熱いイベントであったことが分かります。 第9回 ペパボテックカンファレンス Vue.js 特集を開催した #pbtech 遅ればせながらですが、こちらからも写真たっぷりでお届していきます！ イベント内容についてはconnpassページをご覧ください → こちら 8月28日（月） 月曜日にも関わらず、80名近くの方に参加いただきました！ 参加希望者は200名近く、本当にありがたいです。 最近面接でもよく気になる環境で話が出るようになった「vue.js」ですが 今回はテックカンファレンスのテーマとして実施することになりました。 100
導入 · electron-vue
vue で構築された electron アプリケーションを作成するためのボイラープレートです(名前から分かるように)。 概要 このプロジェクトは vue を使用した electron アプリケーションの手動セットアップをなくすことを目標としています。electron-vue はスキャフォールディングのために vue-cli 、 vue-loader と webpack、 electron-packager または electron-builder、 vue-router や vuex などの最も使われているプラグインを使用します。 ドキュメントは こちらを確認してください。 このボイラープレートで見つけることができるもの... 単一の package.json セットアップによる基本的なプロジェクト構造 詳細なドキュメント vue-cli を使用したプロジェクトスキャフォールディング Vu
【動画付き】Rails 5.1で作るVue.jsアプリケーション ～Herokuデプロイからシステムテストまで～ - Qiita
はじめに Rails 5.1ではJavaScript/index.html.erb周りのサポートが大きく改善されました。 これにより、Vue.jsやReactといったモダンなJSフレームワークをRails内で非常に扱いやすくなっています。 僕も実際に試してみましたが、本当にびっくりするぐらい簡単にVue.jsやReactを動かすことができました。 そこでこの記事ではRails 5.1とVue.jsを組み合わせたサンプルアプリケーションの作成方法をチュートリアル形式で、できるだけ詳しく説明します。 また、ローカルで動かしておしまい、ではなく、Herokuにデプロイしたり、テストコードを書いたりするところまでカバーします。 この記事自体は長いですが、実際に手を動かすと（スムーズに進んだ場合）30分以内で終わらせることができるはずです！ 今回作成するサンプルアプリケーション 今回は以下のリンク先
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
10年前のレガシーシステムをVue.js TypeScript Elementでフルリニューアルしている話 #vuejs_meetup6