Nuxt.js + LaravelによるSPA開発(リポジトリ分割パターン)
概要 仕事でNuxtとLaravelでSPAを構築する機会があったため環境構築方法を備忘録として残しておく。 バージョン Nuxt: 2.14.x PHP: 8.0.x Laravel: 8.x PostgreSQL: 12.x 前提 Laravelの公式では認証でSanctumを利用することを勧めていますが、 Multi認証方法が調べてもでてこなかったためSession認証を使って実装する。 Sanctumを利用する場合はこちらの記事を参考にしてください また、各種Dockerfileの説明は記事の長さの関係上省略してあります。 コードはこちらからご確認ください。 構成図 Nuxt側設定 完成品 docker-compose 構成図の左のようにNuxtコンテナだけの構成にしてあります。 Backendとの通信を可能にするためにNetworkをBackendで定義しているsample-sp
AngularJSからNuxt.jsへ noteにおけるフロントエンド開発環境の刷新 - ログミーTech
2018年9月5日、第70回となる「HTML5とか勉強会」が開催されました。今回のテーマは「開発環境」。 Webフロントエンドの開発環境をテーマに、エディタプラクティスやService Workerを開発ツールとして使うアプローチ、長期運用されたサービスのリニューアル方針など、登壇者たちがその知見を語ります。プレゼンテーション「noteのフロントエンド刷新中の開発環境」に登場したのは、fukuiretu氏。「明確なコーディング規約がない」「コンポーネントの設計ルールがない」という2つの課題を解決するために行った開発環境の刷新の裏側ついて語ります。講演資料はこちら noteにおけるフロントエンド開発環境の刷新 fukuiretu氏（以下、fukuiretu）：では、『フロントエンド刷新中のnoteの開発環境について』というタイトルでお話しさせていただきます。よろしくお願いします。 （会場拍
noteのフロントエンドをNuxt.jsへ刷新します｜こんぴゅ｜note
webサービスのUXを向上させるために、表示速度は非常に大切です。 しかしながら、noteはリリース当初からフロントエンドの実行速度が遅い=表示が遅いという構造的な問題を抱えており、継続率や離脱率など重要指標に悪影響を及ぼすリスクが強くありました。 noteチームはnoteを本格的なメディアプラットフォームへ成長させるスピードを加速していきます。それを踏まえ、手遅れになる前に技術的な負債を解消し、最新のベストプラクティスに沿ったフレームワークに移行することで、高性能なサービスを提供する基盤を作っていくという決断をしました。 本ポストでは、移行プロジェクトの技術的背景や移行手順を説明します。また、途中成果のデモをUPしているのでご紹介します。 技術的な背景noteの現在のフロントエンドはAngular.js 1系で構築されたSPAです。Angular 1系はかなり複雑なUIでも簡単に構築でき
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「結局Nuxt.jsって何がいいの？」に対する回答 by potato4d
