Vuetify 2.0の注目機能とNuxt.jsでの試し方 - Qiita
本日 Vuetify v2.0.0 Arcadia がリリースされました！ 居ても立っても居られず、早速試してみました！ 個人的注目機能 VColorPicker リファレンス：VColorPicker vue-colorの使用を検討していた身としては、Vuetifyのコンポーネントとして提供されるのはありがたいです。 VFileInput リファレンス：VFileInput こちらも地味にVuetifyに今までなかったやつです。 「ファイルを選択」ボタンのカスタマイズは地味に面倒なので、大変ありがたいです。 VOverlay リファレンス：VOverlay こちらもたまにcssで自力でやっていたので、楽になりますね。 Nuxt.jsでVuetify 2.0を使う 素のvueの場合はvuecliでできるようですが、Nuxt.jsの場合は@nuxt/vuetifyモジュールがまだv2.0.0
Nuxt.js v2.7.0 の変更点と注目のポイントまとめ - Qiita
本日 Nuxt.js v2.7.0 がリリースされました。 普段は大きな変更点がある場合を除き日本語でまとめたりしないのですが、いくつか便利そうな変更点があったので簡単にまとめます。 tl;dr アップデートにおいて変わった主な変更は以下(# は該当の Pull Request) SSR 側での console.log が開発環境に限定してクライアントへと引き継がれるように #5673 store ディレクトリ内の新規作成がウォッチ対象に #5681 serverMiddleware のウォッチも改善 #5681 TypeScript プロジェクトにて Node.js v8.6 のサポートを廃止 #5691 今回のリリースについての公式情報 GitHub Release https://github.com/nuxt/nuxt.js/releases/tag/v2.7.0 Official
Nuxtでデコレーターを使わずTypeScriptを書いてみた | Mix Design
こんにちわ、ななきです。 だいぶ前にVueをTypeScript化した的な記事書いたのですが、それから案件でもTS化したVueを使っていたのと最近の界隈の流れもありNuxtもTypeScript化してみました。 結果的にデコレータを使わずに、vuexもコンポーネントも型が効いており満足です。 ちなみにvuex部分にかんしてはこちらのリポジトリを参考にさせて頂きました。 コンポーネントのTS化 コンポーネントに関してはびっくりするほどやることないです。 $ yarn add ts-node $ yarn add -D @nuxt/typescript $ touch tsconfig.json $ nuxt build
Nuxt.js v2.0.0がリリースされたので触ってみた【変更点まとめ】 | Studio Andy
去る2018年9月21日にVue.jsのユニバーサルフレームワークであるNuxt.jsのメジャーアップデート版、v2.0.0がリリースされました。 Embedded content: https://github.com/nuxt/nuxt.js/releases/tag/v2.0.0 Embedded content: https://medium.com/@nuxt_js/nuxt-js-2-0-webpack-4-esm-modules-create-nuxt-app-and-more-6936ce80d94c 思えば3月にv2.0.0がリリース準備中であることが発表されてからはや半年。首を長くして待っていた開発者の方も多いと思います。 自分も2月のVue conf AmsterdamでChopin brothersの口からv2.0.0の事を聞いてから、今か今かと待ちわびていた一人で
TypeScriptでNuxtアプリケーションを作成する際の覚書 | Studio Andy
この記事はCAMPHOR- Advent Calendar 2018 11日目の記事です。 このたびブログを新調しました。Nuxt + TypeScriptで作成したSingle Page ApplicationをGAEにホストして、Server Side Renderingも行っています。 ブログ移行の経緯や実装時のあれやこれやはまた明日別の記事でお話ししますが、その前段として本日はNuxt + TypeScriptのアプリケーションを作る時に自分がやったことを備忘録的に記録したいと思います。 また本記事で紹介しているソースコードはGitHubに公開しています↓↓ Embedded content: https://github.com/andoshin11/nuxt-typescript-example TypeScriptとは TypeScriptとはMicrosoftの主導で開発さ
真のフロントエンドエンジニアになるために、まずはNuxt.js + Firebaseを使って簡易メモ帳を作ってみた - LiBz Tech Blog
目次 目次 はじめに 前提条件 Nuxtってなに？ Nuxtの主な機能 Nuxt.jsやってみる Nuxt.jsのインストール Nuxt.jsでアプリ作成 nuxt.config.jsによる設定いろいろ Nuxtの構成 Nuxtでアプリ実行 ポート(3000の部分)を変更したい場合 アプリの説明/解説 レイアウト・コンポーネントの作成 レイアウト(layouts) ページ(pages) コンポーネント(components) データの扱い/保存 firebase firebaseでdatabase作成 firebaseで認証設定 store(Vuex) デバッグ ビルド herokuにデプロイ やってみて はじめに こんにちは! 11月にLiBに入社したアベと申します。 アラサー子持ちのエンジニア(エンジニアと名乗るのは憚れる...)です。 社会人3年目からWebの世界へ転身し、webデザ
阿部寛を超えるための技術: はてなブログからNuxtに移行した話
旧サイト(はてなブログ)からのパフォーマンスの伸びが顕著ですね。 Performanceは言わずもがなですが、はてなブログでPWA対応がほとんどされていないのが気になりました。Service Workerのような標準化しつつある仕様に追従できていないのは痛いところ。 Nuxt + Contentfulでやっていき 今回の実装にあたってはフレームワークに依存せずSPAを作成することも検討しましたが、SEOなどを考えるとSSRの仕組みが必須です。またSSRもスクラッチで組もうとすると中々ハードルが高く(Storeのハイドレーション、Render hooksのAPI設計等)、今回は業務でも利用した事のあるNuxt.jsを利用しました。 Embedded content: https://nuxtjs.org/ 詳細は後述しますが、Nuxt communityの提供しているModule群がものすご
Adobe MAX Japan 2023 | 2023年11月16日開催 #AdobeMAX
クリエイターの祭典 #AdobeMAX 第一線のクリエイターが集まる、クリエイターのための祭典に参加しましょう。様々な著名人やエキスパートからインスピレーションとクリエイティブな刺激を得たり、すぐに役立つテクニックを学ぶことができます。 クリエイターの祭典 #AdobeMAX 第一線のクリエイターが集まる、クリエイターのための祭典に参加しましょう。様々な著名人やエキスパートからインスピレーションとクリエイティブな刺激を得たり、すぐに役立つテクニックを学ぶことができます。 Adobe MAX Japanはグラフィックデザイン、写真、Web制作、UI/UXデザイン、映像制作、3D制作などに携わるクリエイターの方、およびそれらを目指す方が楽しめる「クリエイターの祭典」。 クリエイティブのトレンド、第一線で活躍するクリエイターのアイデアやテクニック、Adobe Creative Cloudの最新機
Nuxt.jsによるAdobe MAX Japan 2018公式Webサイト制作の舞台裏
2018/11/30 DIST.24 「Re: Adobe MAX Japan 2018」
NuxtのOGP対応について / firebaseとNuxtでwebサービスつくったのでそのNuxtまわり - Qiita
趣味制作で、これ最高なんすよ〜といったランキングを作れるサービス、COUCH(カウチ)をリリースしました。 URLのランキングしか作れない、知り合いに向けたNAVERまとめ的なものをイメージしてもらえたら大体あってます。 人は忘れるし変わるので年月で区切ってBEST保存できればなと。 毎月2000reblog、100likeしてる身として、去年のおすすめreblogすぐ出せない&忘れてる状態となるのが悔しくて作ったというのが本音 使ってもらえたら嬉しいです。基本1人で作ってるので、足りない至らない部分あります。暖かく見守ってもらえれたら助かります。 COUCH(カウチ)は、Nuxtとfirebase（Authentication, Firestore, Functions, Storage, Hosting）で作ったので、当記事はそのNuxt周りのお話、 具体的にはnpmとOGPについて書
create-nuxt-appを読んでみた - Qiita
cli.js cli.jsと名付けられたファイルは恐らくユーザーが触れている部分で分かりやすいだろうと考え、まずはcli.jsを読んでみることにしました。開いてみると、非常に小さいファイルでした。 #!/usr/bin/env node const path = require('path') const sao = require('sao') const minimist = require('minimist') const argv = minimist(process.argv.slice(2)) // In a custom directory or current directory const targetPath = path.resolve(argv._[0] || '.') console.log(`> Generating Nuxt.js project in ${
create nuxt-appした初期プロジェクトでprettierからエラーが出て動かない - Qiita
create nuxt-appでアプリケーションをテンプレートから作成時にprettierを使うと謎のエラーが出て実行できない症状に悩まされたので、調べてみました。 環境 "nuxt": "^2.0.0", "eslint": "^5.0.1", "prettier": "1.14.3", エラーメッセージ 初期テンプレートを利用しているのに、 yarn create nuxt-app mytest ... ? Use eslint yes ? Use prettier yes ... yarn run build yarn run dev ERROR Failed to compile with 1 errors 17:31:46 error in ./layouts/default.vue Module Error (from ./node_modules/eslint-loader/
Nuxt入門〜create-nuxt-appでお手軽開発 | WINDII
Nuxtがv2にアップデートされてますます盛り上がりを見せてますね。話題のNuxt開発を今すぐ始めるために便利なcreate-nuxt-appでプロジェクトを作成する手順を説明します。 create-nuxt-appとは create-nuxt-appとはNuxtのプロジェクトを一瞬で立ち上げられる便利なツールです。Reactの世界ではcreate-react-appが提供されていましたが、ついにNuxtの方にもきました！ プロジェクトを作成する npxを使う まずはnpxを使う方法です。 npx create-nuxt-app my-app yarnを使う yarnの場合は以下のようにして作成します。 yarn create nuxt-app my-app create-nuxt-appをグローバルインストールする yarn global add create-nuxt-app crea
create-nuxt-appで構築したNuxt2のプロジェクトにTypeScriptを入れてvuexを使えるところまで持っていく - Qiita
create-nuxt-appで構築したNuxt2のプロジェクトにTypeScriptを入れてvuexを使えるところまで持っていくTypeScriptVuexNuxt はじめに Nuxt1を軽く触った程度なのと、tsほぼ未経験の状態でこの記事を記載していますので間違っているところはぜひご指摘頂けますと幸いです🙇 前提 nuxt 2.0.0 typescript 3.1.1 やってみる Nuxt2をインストールする 執筆時点ではver2インストールの和訳はされていないのでenページの手順通り行います。 npxを使ったことがなかったので今回はnpxでやってみます。
Nuxt.js Vuetify.js&lr=lang_ja&tbs=qdr:m - Google 検索
すべて動画画像書籍 地図 ニュース ショッピング 検索ツール すべての言語すべての言語日本語のページを検索期間指定なし期間指定なし 1 時間以内 24 時間以内 1 週間以内 1 か月以内 1 年以内すべての結果すべての結果完全一致画像すべて表示すべて表示
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
NuxtMeetUp#6 - 資料一覧 - connpass
インストール
GitHub - munierujp/nuxt-vuetify-example: Nuxt.js + Vuetify.js Application Example
Vuetify Nuxt TypeScript - Google 検索
Nuxt.js Vuetify.js - Google 検索