プロダクトでVue.jsを採用しました 実践編 - ecbeing labs（イーシービーイング・ラボ）
こんにちは。アーキテクトの堀内です。 前回の記事ではフロントエンドフレームワークの選定についてお話をしました。 blog.ecbeing.tech 今回は採用した Vue.js を使用して開発を進めるにあたり、つまずいた点と解決方法について話していきたいと思います。 今回やろうとしたこと アプリの WebView で商品一覧を表示、スクロールに応じて追加読込をする画面です。 ざっくりですが以下のイメージです。 テンプレートも分離したのは、View 部分だけを別管理として個別に編集できるようにしておきたかったからです。 商品一覧データは、商品単位の JSON データを配列形式で持たせています。 初期表示 事前に API で取得した商品データとテンプレートを Vue.js に指定して画面表示を行います。 今回テンプレートは、事前に HTML 上の targetID の要素に追記しています。 l
プロダクトでVue.jsを採用しました 選定編 - ecbeing labs（イーシービーイング・ラボ）
はじめまして。アーキテクトの堀内です。 R&Dでecbeingに関するプロダクト開発全般を担当しています。 最近業務で担当したフロントエンド周りについてお伝えしたいと思います。 はじめに 普段はフロントで表示するコンテンツをサーバーサイドで生成することが多いのですが 今回はAPIでデータを取得してフロントエンドでレンダリングする形での実装になりました。 そのフレームワークとして Vue.js を採用することにしたのですが、採用に至った理由を書いていこうと思います。 ご承知のようにフロントエンドのフレームワークはいろいろありますので、選定の参考にしていただければと思います。 フロントエンドフレームワーク ひとくちにフロンドエンドフレームワークといってもいくつかの選択肢があります。 今回の選定でも、よく知られている代表的な３つのフレームワーク（Angular、React、Vue.js）を候補に
スタイルガイド — Vue.js
最終更新日: 2021年5月22日 このドキュメントは、 Vue 固有の記法についての公式なスタイルガイドです。もしあなたがプロジェクトにおいて Vue を使用する場合は、エラーや有益でない議論、アンチパターンを避けるための参考となります。しかし、スタイルガイドはすべてのチームやプロジェクトで理想とは限らないと考えていますので、過去の経験や、周囲の技術スタック、個人の価値観に基づいた上で必要に応じて慎重に逸脱することが推奨されます。 ほとんどのパートにおいて、基本的に JavaScript や HTML に対する提案はさけています。セミコロンやカンマの使用の是非はどちらでも良いです。 HTML の属性に対してシングルクォートかダブルクォートどちらかを利用するかもどちらでも良いです。しかし、特定のパターンにおいて Vue のコンテキストが役立つと判明した場合については、その限りではありません
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
