タグ Nuxt.js
新着順 10 users 50 users 100 users 500 users 1000 usersレガシーシステムの大規模リプレイスで分かった「Vue.jsでSPAならNuxt.jsが有力」 #エンジニアHub - エンジニアHub|若手Webエンジニアのキャリアを考える!
JavaScript(JS)のフレームワークは、何を使うのがベストなのでしょうか。ここ3年ほどで数々のJSフレームワークが誕生していますが、React、Angularという二大巨塔を超えるものはなかなか現れていません。 そんな状況の中、GitHubではReactを上回るスター数を誇っている*1のが、2014年のリリース後、着実に進化を重ね、... 続きを読む
Nuxt.jsとFirebaseでSPA×SSR×PWA×サーバーレスを実現する - DMM inside
2018 - 04 - 10 Nuxt.jsとFirebaseでSPA×SSR×PWA×サーバーレスを実現する テクノロジー フロントエンド Nuxt.jsとFirebaseでSPA×SSR×PWA×サーバーレスを実現する Bookmark Share Tweet Pocket はじめまして。DMM.comラボ エンターテインメント本部イベント開発部の上井(ウワイ)と申します。 インフラからフロン... 続きを読む
noteのフロントエンドをNuxt.jsへ刷新します|こんぴゅ|note
webサービスのUXを向上させるために、表示速度は非常に大切です。 しかしながら、noteはリリース当初からフロントエンドの実行速度が遅い=表示が遅いという構造的な問題を抱えており、継続率や離脱率など重要指標に悪影響を及ぼすリスクが強くありました。 noteチームはnoteを本格的なメディアプラットフォームへ成長さ... 続きを読む
「Vue.js」でWebページを作成できるフレームワーク「Nuxt.js」最初の一歩 (1/3):CodeZine(コードジン)
本連載では、Webページのユーザーインタフェイス(UI)フレームワーク「Vue.js」と、Vue.jsを利用してWebページを作成できるフレームワーク「Nuxt.js」の活用方法を、サンプルとともに紹介します。初回となる今回は、Vue.jsとNuxt.jsの概要を説明するとともに、プロジェクトの生成や実行、基本的な実装例を通して、Vue.j... 続きを読む
フロントエンド開発に迷ったら「Vue.js入門」を読もう - JavaScript関連の書籍とかまとめてみた - Lean Baseball
先日のPyCon JP 2018の野球の話にてVue.js(Nuxt.js)の話をした結果、技術評論社様のご厚意により、一冊頂戴いたしました. Vue.js入門 基礎から実践アプリケーション開発まで 作者: 川口和也,喜多啓介,野田陽平,手島拓也,片山真也出版社/メーカー: 技術評論社発売日: 2018/09/22メディア: 単行本(ソフトカバー)この商... 続きを読む
Vue.js & Nuxt.js から React & Next.js へ移行した理由 | fwywd(フュード)
はじめに 2021 年から React ベースのフレームワークである Next.js を本格的に学び始めました。 昨年 2020 年は Vue.js ベースのフレームワークである Nuxt.js にどっぷりと使った1年であり、昨年リリースした キカガク (kikagaku.ai) など、本運用に乗せるところまでプロダクト開発チームで学びながら進めていきまし... 続きを読む
Vue.jsとNuxt.jsを使用して、Webページのページ遷移に気持ちいいアニメーションを与えるチュートリアル | コリス
Vue.jsとNuxt.jsを使用して、スマホアプリで見かけるようなアニメーションを伴った滑らかなページ遷移をWebページに実装するチュートリアルを紹介します。 Native-Like Animations for Page Transitions on the Web 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 最近見かけたページ... 続きを読む
Nuxt.js v2とGAE/SE Node.jsでSPA×SSR×PWA×サーバーレスを実現する - DMM inside
はじめに こんにちは。イベント事業部の上井(ウワイ)と申します。 Nuxt.jsのv2が9月に正式バージョンとしてリリースされました medium.com またそれに先立って、Google Cloud PlatformからGoogle App Engine Node.js Standard Environment(以下、GAE/SE)が6月に一般公開されました。GCPからサーバーレスでNode.jsが... 続きを読む
Vue.js(Nuxt.js)でアニメーションやってみたら最高だった話。 - Qiita
Nuxt.jsで自己紹介サイトを作りました。 https://nitta.studio/ 見ていただくと分かる通りアニメーションをしまくったのですが、、 https://t.co/CXj31medDj Nuxt.jsで自己紹介サイト作りました。NetlifyホスティングでPWA対応してます。 いろいろ自分のイカれた略歴など晒しました。宜しくお願いします。 — 新田聡一郎 (@soichiro_ni... 続きを読む
Vue.js(Nuxt.js)でアニメーションやってみたら最高だった話。 - Qiita
Nuxt.jsで自己紹介サイトを作りました。 https://nitta.studio/ 見ていただくと分かる通りアニメーションをしまくったのですが、、 https://t.co/CXj31medDj Nuxt.jsで自己紹介サイト作りました。NetlifyホスティングでPWA対応してます。 いろいろ自分のイカれた略歴など晒しました。宜しくお願いします。 — 新田聡一郎 (@soichiro_ni... 続きを読む
Vue.js + Go言語 + Docker で作る!画像アップロード機能実装ハンズオン - Qiita
こんにちはpo3rinです。Vue.js Advent Calender 2018 9日目の記事です。 8日目の記事は vue.js(nuxt.js) の plugin はとても便利 でした。 11月にフリーの案件で Vue.js + Go言語で画像アップロード機能のあるCMSを作りました。Vue.jsでの実装の際には npmモジュールである vue2-dropzone を使うと、Vue.js にとって便利... 続きを読む
Firebaseで作ったWebサービスを3ヶ月運用してみて、ハマったこと・知っておきたかったこと - Qiita
Nuxt.jsとFirebaseで作っていたWebサービスを7月末にリリースして、はや3ヶ月。。 RDB脳なのでFirebaseを使った開発でいろいろとハマった。。そのポイントを整理してみました。 Firebaseをはじめようとしている人の一助になれば。 Nuxt.js(SPA)+Firebaseで作っています! 以前、以下のような記事を書いたのですが、そのF... 続きを読む
Vue.js 製フレームワーク Nuxt.js ではじめる Universal アプリケーション開発 | HTML5Experts.jp
Vue.jsでUniversalなSPAを開発できるフレームワークである Nuxt.js のバージョン 1.0のリリースがいよいよ近づいてきました。 本稿では、シングルページアプリケーション(以下 SPA)開発によって生じた問題を解決するために生まれたサーバーサイドレンダリング (以下 SSR)を中心に、Vue.jsでの開発を強力にサポートする Nuxt ついて、その魅力と基本的な使い方をご紹介い... 続きを読む
noteをNuxt.jsで再構築した話というタイトルでお話してきました #vuefes|福井 烈 / piece of cake, inc.|note
2018-11-03にVueFesJapan2018にて 「noteをNuxt.jsで再構築した話」 というタイトルで発表させて頂きました。 ※資料内のリンクは追って本記事内に追記いたします。 続きを読む
JavaScript での時刻操作に Moment.js ではなく Day.js を利用し続けている理由 | potato4d D(iary)
JavaScript での時刻操作に Moment.js ではなく Day.js を利用し続けている理由 2020/09/21 昨日、拙作の Nuxt.js プラグインである @nuxtjs/dayjs の v1.2.0 をリリースしました。 このプラグイン自体は2019年3月に開発をはじめて、おおよそ一年半ほど管理してるのですが、それ以前から JavaScript での時刻操作では Da... 続きを読む
Nuxt.jsとFirebaseを組み合わせて爆速でWebアプリケーションを構築する - Qiita
Firebase Advent Calendar 2017 21日目の記事です。 フリーランスでフロントエンドを中心にエンジニアをやっているpotato4dです。 普段はVue.jsを中心に、案件を進めたりコミュニティに関わったりしていますが、今回はそんなVue界隈で今アツいフレームワークである Nuxt.js とFirebaseを組み合わせて、SPA + SSRにAuthとRTDBを組み合わせた... 続きを読む
Nuxt.js + phina.js でブラウザゲーを作るためにやったことまとめ - Qiita
まず初めに phina.jsだけで完結できるところを、 あえて Nuxt.jsをかぶせて作ってます。 できたクリッカーゲームがこちら↓ 鬼姫無双-ONIHIMEMUSO- 最終的に使ったモノ ゲームライブラリ:phina.js フレームワーク:Nuxt.js データ:Firebase「Cloud Firestore」 サーバー:Heroku CDN:Cloudinary WebPush:OneSignal ド... 続きを読む
池田 泰延 / Yasunobu Ikeda on Twitter: "noteのIPアドレスの不具合の件。 外野から分析してみました。 ■原因(予想) ・Nuxt.jsのSSR処理が引き金 ・API返却値に含まれたIPをSSRでうっかりHTMLに出力 Google
noteのIPアドレスの不具合の件。 外野から分析してみました。 ■原因(予想) ・Nuxt.jsのSSR処理が引き金 ・API返却値に含まれたIPをSSRでうっかりHTMLに出力 GoogleキャッシュやWaybackMac… https://t.co/tKRHfiKPnE 続きを読む
「結局Nuxt.jsって何がいいの?」に対する回答 by potato4d
@pot a to4d の名前で活動 フリーランスのWebエンジニア Vue.js jp Docs core maintenance member Vue.js Japan UserGroup スタッフ nuxt/docs en & ja contributor Nuxt tech book 著者 続きを読む
Nuxt.js 1.0 is out
Nuxt.js 1.0 is out 続きを読む
Web サイト制作にこそ Nuxt.js がベストマッチである理由 - SCOUTER開発者ブログ
2018 - 03 - 19 Web サイト制作にこそ Nuxt.js がベストマッチである理由 Tweet 業務委託でSCOUTERのフロントエンド周りの開発をお手伝いしている、 potato4d です。 SCOUTER は、先日自社のコーポレートサイトを Nuxt.js + WP REST API 構成にてリニューアルいたしました。 普段であれば SPA や SSR が必要な高度なアプリケーシ... 続きを読む
Twitter民の年収は低い 【Nuxt.js】 - Qiita
タイトルはアオリです。ツイート内容を言語処理して年代・性別・収入などを推測するアプリを簡単に作るお話です。 作ったもの Nuxt.js + Express + COTOHAのユーザ属性推定API(β)で作ったお手軽Twitter分析アプリです Google App Engineに載せて誰でも使えるようにしてます。 ↓↓↓作ったものはこちら↓↓↓ https://tweet-an... 続きを読む
AngularJSからNuxt.jsへ noteにおけるフロントエンド開発環境の刷新 - ログミーTech(テック)
2018年9月5日、第70回となる「HTML5とか勉強会」が開催されました。今回のテーマは「開発環境」。 Web フロントエンドの開発環境をテーマに、エディタプラクティスや Service Workerを開発ツールとして使うアプローチ、長期運用されたサービスのリニューアル方針など、登壇者たちがその知見を語ります。プレゼンテーショ... 続きを読む
Nuxt.jsで変わる開発フローとUniversal JavaScriptのイマ #jsfes // Speaker Deck
All slide content and descriptions are owned by their creators. 続きを読む
真のフロントエンドエンジニアになるために、まずはNuxt.js + Firebaseを使って簡易メモ帳を作ってみた - LiBz Tech Blog
目次 目次 はじめに 前提条件 Nuxtってなに? Nuxtの主な機能 Nuxt.jsやってみる Nuxt.jsのインストール Nuxt.jsでアプリ作成 nuxt.config.jsによる設定いろいろ Nuxtの構成 Nuxtでアプリ実行 ポート(3000の部分)を変更したい場合 アプリの説明/解説 レイアウト・コンポーネントの作成 レイアウト(layouts) ページ(pages... 続きを読む