[B! Vue] mirrorbzのブックマーク

レガシーシステムの大規模リプレイスで分かった「Vue.jsでSPAならNuxt.jsが有力」 #エンジニアHub - エンジニアHub｜若手Webエンジニアのキャリアを考える！

レガシーシステムの大規模リプレイスで分かった「Vue.jsでSPAならNuxt.jsが有力」 10年以上前に作られたレガシーシステムをVue.jsで大規模リプレイスしたエムスリーに、導入して感じたVue.jsのメリットや、活用法を伺いました。 JavaScript（JS）のフレームワークは、何を使うのがベストなのでしょうか。ここ3年ほどで数々のJSフレームワークが誕生していますが、React、Angularという二大巨塔を超えるものはなかなか現れていません。そんな状況の中、GitHubではReactを上回るスター数を誇っている1のが、2014年のリリース後、着実に進化を重ね、日本でも採用事例が増えてきているVue.jsです。「JavaScript ベスト・オブ・ザ・イヤー」に2016年、2017年と2年連続で選ばれているほか、Ruby on Rails（Rails）やLaravel とい

mirrorbz 2018/12/07

リンク

初めてのウェブサービスを WordPress + Vue.js で個人開発した話 - Crieit

はじめに 11月25日(日) に「にじさんじ配信スケジュール」と呼ばれるウェブサービスをリリースしました。正確には初めてリリースしたサービスでは無いのですが、会員登録機能が用意された本格的なサービスを出した事がこれまでなく、実質的には初めてのサービスと呼んでも良いだろうと考えています。という訳で、Crieit「個人開発サービスに用いられている技術 Advent Calendar 2018」6日目は「初めてのウェブサービスを WordPress + Vue.js で個人開発した話」と題して、開発に WordPress や Vue.js を用いたこと、ウェブサービスを作るまでの話や、リリース直後の話をしたいと思います。 n番煎じなテーマですし、蛇足に感じられる内容も多々あるかと思いますが、適宜必要な箇所をお読み頂ければ幸いです。この記事の想定読者これからウェブサービスを個人で作りたい方

mirrorbz 2018/12/06

リンク

VSCode+Vue.jsを使用するならインストールするべき拡張機能と設定 | iwb.jp

VS Codeとは正式名称はVisual Studio Code。Microsoft社が開発したオープンソースのテキストエディタ。 Vue.jsとの相性が良いためVue.jsの開発者のEvan Youなどが使用している。 VS CodeはEmmetやGitなどコーディングを行う上で必須の拡張機能がいくつか最初からインストールされているので使いやすい。 (Extentionsで@builtinで検索すると一覧が見られる) しかし、Vue.jsを使用する上で必要な拡張機能は最初からインストールされている訳ではないため、インストールしたほうが良い拡張機能と設定(settings.json)をまとめた。以下にVS Codeおすすめ拡張機能を記載した。 Vue.js Extension Pack Vue.js開発でインストールされていることの多い11の拡張機能パック。 vetur vue-pee

mirrorbz 2018/12/06

リンク

Next.jsのシングルページアプリケーションをデプロイして、基本をマスターする (1/2)：CodeZine（コードジン）

対象読者 JavaScriptとWeb開発の基礎に理解がある方 Reactに興味／関心があり、これから学び始める方前提環境筆者の検証環境は以下の通りです。 macOS High Sierra 10.13.3 Node.js v10.4.1／npm 6.1.0 React 16.5.1 firebase-tools 4.2.1 create-next-app 0.5.9 Next.js 6.1.2 Babel 7.0.0 前回作成したプロジェクトを眺めてみる前回はFirebase Hostingに対応した、Next.jsのプロジェクトを、firebase-ssrという名前で作成しました。今回はまず、できあがったfirebase-ssrディレクトリの中を見てみましょう。srcディレクトリの中が、少し込み入った構造になっています（図1）。図1：srcディレクトリの中身 src/app/