管理画面を Smarty から Vue.js に一新した話 - Colorful Bullet
PHPエンジニアの堀田です。 もう一回言っておきますがPHPエンジニアです。 しばらくリファクタリングを続けたおかげで、だいぶ見通しが良くなってきたな〜と喜んでいたのも束の間。 「Smartyイケてないんで、フロント技術の入れ替えしたいですね」 マネージャーからの無茶振りありがたいお言葉。 より優先の課題があるのでと後回しにされていた問題にも焦点が当たりました。 導入にあたっての意見 最終的には「やる」ということになったのですが、決定打だったのは微調整により手動のテストに繰り返しかかる工数のあたりでした。 他にも出た意見は以下のような感じ。 賛成 (メリット) Smartyはページの表示出力だけなので、ページ遷移やデータのやりとりは独自実装。JSが無法地帯になりがちなのでやめたい。 JSフレームワークに移行すれば表示系でまとめて開発・管理できる（疎結合な開発ができる） テストが書ける(時間
Vue.jsを100時間勉強して分かったこと - Qiita
Vue.jsを100時間ほど勉強して分かったことを整理します。 勉強時間の内訳は、 Udemyの Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex) をだいたい全て完了（85時間） 実際に自分でコードを書いてみた（15時間） です。 学習開始時のレベルは、JavaScript・jQueryはそれなりに扱うことができ、過去に少しだけReactを勉強したことがある感じでした（専門は Ruby on Rails）。 Vue.js 自体の構文 まず、Vue.js 自体の基本的な構文を整理します。 Vue インスタンス Vue インスタンスの書き方は次のような感じです。 new Vue({ el: "#app", data: { name: "Kei", age: "30", counter: 0 }, methods: { increas
2020年のフロントエンドマスターになりたければこの9プロジェクトを作れ - Qiita
以下はSimon Holdorf( dev.to/ Twitter / GitHub )による記事、9 Projects you can do to become a Frontend Master in 2020の日本語訳です。 9 Projects you can do to become a Frontend Master in 2020 Introduction あなたがプログラミングの初心者であるか、既に経験豊富な開発者であるかにかかわらず、この業界では、急速な変化に追いつくために新しい概念と言語・フレームワークを学び続けることが必要です。 たとえばFacebookが4年前にオープンソース化したReactは、既に世界中のJavaScript開発者にとって第一の選択肢になっています。 もちろんVueとAngularにも多くのフォロアーがついています。 さらにはSvelte、Next
プロダクトでVue.jsを採用しました 実践編 - ecbeing labs（イーシービーイング・ラボ）
こんにちは。アーキテクトの堀内です。 前回の記事ではフロントエンドフレームワークの選定についてお話をしました。 blog.ecbeing.tech 今回は採用した Vue.js を使用して開発を進めるにあたり、つまずいた点と解決方法について話していきたいと思います。 今回やろうとしたこと アプリの WebView で商品一覧を表示、スクロールに応じて追加読込をする画面です。 ざっくりですが以下のイメージです。 テンプレートも分離したのは、View 部分だけを別管理として個別に編集できるようにしておきたかったからです。 商品一覧データは、商品単位の JSON データを配列形式で持たせています。 初期表示 事前に API で取得した商品データとテンプレートを Vue.js に指定して画面表示を行います。 今回テンプレートは、事前に HTML 上の targetID の要素に追記しています。 l
TypeScript + Vue.jsでのフロントエンド開発 - razokulover publog
最近webアプリ(RailsのviewでVue.jsを使ってる感じの部分)をフロントエンドだけ切り離してリライトする業務をやった。 他の業務と並行で進め、実装からリリースまでの期間は大体営業日換算で2週間ちょいくらい。 バックエンドのAPIなどはすでに開発済みのものを使えたので純粋にフロントエンドのみ。 途中、既存の動いてるアプリへ機能追加などされていたので都度追従していく作業もやった。 そもそもリライトすることを決めたのは元のアプリが歴史的な経緯などあり、トランスパイルできる環境に無く、加えてAndroid4.2以降のwebブラウザに対応する必要があったため。素手でES5を書き続けるのは規模が大きくなっていくとだいぶ辛いしここらでちゃんと整えましょうということで重い腰をあげたという感じ。 フロントエンドライブラリとしてはVue.jsに元々は慣れてたこともあり、Vue.jsを利用。この夏に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
