カテゴリー: 未分類

Nuxt.js + Firebase[工事中]

2020年9月15日2020年9月15日 | by 優 | にコメントを残す

Firebaseでプロジェクト作成 Cloudfirestore でデータベース作成(テストモード)

nuxt-projects $ npx create-nuxt-app nuxt-todo-yuu

create-nuxt-app v3.2.0
<img draggable="false" data-mce-resize="false" data-mce-placeholder="1" data-wp-emoji="1" class="emoji" alt="✨" src="https://s.w.org/images/core/emoji/12.0.0-1/svg/2728.svg">  Generating Nuxt.js project in nuxt-todo-yuu
? Project name: nuxt-todo-yuu
? Programming language: JavaScript
? Package manager: Npm
? UI framework: None
? Nuxt.js modules: (Press <space> to select, <a> to toggle all, <i> to invert se
lection)
? Linting tools: (Press <space> to select, <a> to toggle all, <i> to invert sele
ction)
? Testing framework: None
? Rendering mode: Single Page App
? Deployment target: Server (Node.js hosting)
? Development tools: (Press <space> to select, <a> to toggle all, <i> to invert
selection)
⠏ Installing packages with npm

・・・

🎉  Successfully created project nuxt-todo-yuu

  To get started:

	cd nuxt-todo-yuu
	npm run dev

  To build & start for production:

	cd nuxt-todo-yuu
	npm run build
	npm run start

nuxt-projects $ npx create-nuxt-app nuxt-todo-yuu

create-nuxt-app v3.2.0

<img draggable="false" data-mce-resize="false" data-mce-placeholder="1" data-wp-emoji="1" class="emoji" alt="✨" src="https://s.w.org/images/core/emoji/12.0.0-1/svg/2728.svg"> Generating Nuxt.js project in nuxt-todo-yuu

? Project name: nuxt-todo-yuu

? Programming language: JavaScript

? Package manager: Npm

? UI framework: None

? Nuxt.js modules: (Press <space> to select, <a> to toggle all, <i> to invert se

lection)

? Linting tools: (Press <space> to select, <a> to toggle all, <i> to invert sele

ction)

? Testing framework: None

? Rendering mode: Single Page App

? Deployment target: Server (Node.js hosting)

? Development tools: (Press <space> to select, <a> to toggle all, <i> to invert

selection)

⠏ Installing packages with npm

・・・

🎉 Successfully created project nuxt-todo-yuu

To get started:

cd nuxt-todo-yuu

npm run dev

To build & start for production:

cd nuxt-todo-yuu

npm run build

npm run start

$ cd nuxt-todo-yuu
nuxt-todo-yuu $ npm install --save firebase@7.19.1
nuxt-todo-yuu $ npm install --save vuexfire@3.0.1

$ cd nuxt-todo-yuu

nuxt-todo-yuu $ npm install --save firebase@7.19.1

nuxt-todo-yuu $ npm install --save vuexfire@3.0.1

$ view nuxt-projects/nuxt-todo-yuu/package.json

{
  "name": "nuxt-todo-yuu",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate"
  },
  "dependencies": {
    "firebase": "^7.19.1",
    "nuxt": "^2.14.0",
    "vuexfire": "^3.0.1"
  },
  "devDependencies": {}
}

$ view nuxt-projects/nuxt-todo-yuu/package.json

{

"name": "nuxt-todo-yuu",

"version": "1.0.0",

"private": true,

"scripts": {

"dev": "nuxt",

"build": "nuxt build",

"start": "nuxt start",

"generate": "nuxt generate"

"dependencies": {

"firebase": "^7.19.1",

"nuxt": "^2.14.0",

"vuexfire": "^3.0.1"

"devDependencies": {}

}

環境設定 [crayon-5f …

の続きを読む

未分類

Nuxt.js デビュー

2020年9月8日2020年9月8日 | by 優 | にコメントを残す

$ mkdir nuxt-projects
$ cd nuxt-projects
$ npx create-nuxt-app hello


create-nuxt-app v3.2.0
<img draggable="false" data-mce-resize="false" data-mce-placeholder="1" data-wp-emoji="1" class="emoji" alt="<img draggable="false" data-mce-resize="false" data-mce-placeholder="1" data-wp-emoji="1" class="emoji" alt="✨" src="https://s.w.org/images/core/emoji/12.0.0-1/svg/2728.svg">" src="https://s.w.org/images/core/emoji/12.0.0-1/svg/2728.svg">  Generating Nuxt.js project in .
? Project name: (nuxt-projects)
nuxt-projects $ npx create-nuxt-app hello

create-nuxt-app v3.2.0
✨  Generating Nuxt.js project in hello
? Project name: hello
? Programming language: JavaScript
? Package manager: Npm
? UI framework: None
? Nuxt.js modules: (Press <space> to select, <a> to toggle all, <i> to invert selection)
? Linting tools: (Press <space> to select, <a> to toggle all, <i> to invert selection)
? Testing framework: None
? Rendering mode: Universal (SSR / SSG)
? Deployment target: Server (Node.js hosting)
? Development tools: (Press <space> to select, <a> to toggle all, <i> to invert selection)
npm WARN deprecated @nuxt/static@1.0.0: this feature has been moved to the core. you can directly use nuxt generate
npm WARN deprecated core-js@2.6.11: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade y
our dependencies to the actual version of core-js@3.


Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!

The project needs your help! Please consider supporting of core-js on Open Collective or Patreon:
> https://opencollective.com/core-js

🎉  Successfully created project hello

  To get started:

	cd hello
	npm run dev

  To build & start for production:

	cd hello
	npm run build
	npm run start

$ mkdir nuxt-projects

$ cd nuxt-projects

$ npx create-nuxt-app hello

create-nuxt-app v3.2.0

<img draggable="false" data-mce-resize="false" data-mce-placeholder="1" data-wp-emoji="1" class="emoji" alt="<img draggable="false" data-mce-resize="false" data-mce-placeholder="1" data-wp-emoji="1" class="emoji" alt="✨" src="https://s.w.org/images/core/emoji/12.0.0-1/svg/2728.svg">" src="https://s.w.org/images/core/emoji/12.0.0-1/svg/2728.svg"> Generating Nuxt.js project in .

? Project name: (nuxt-projects)

nuxt-projects $ npx create-nuxt-app hello

create-nuxt-app v3.2.0

✨ Generating Nuxt.js project in hello

? Project name: hello

? Programming language: JavaScript

? Package manager: Npm

? UI framework: None

? Nuxt.js modules: (Press <space> to select, <a> to toggle all, <i> to invert selection)

? Linting tools: (Press <space> to select, <a> to toggle all, <i> to invert selection)

? Testing framework: None

? Rendering mode: Universal (SSR / SSG)

? Deployment target: Server (Node.js hosting)

? Development tools: (Press <space> to select, <a> to toggle all, <i> to invert selection)

npm WARN deprecated @nuxt/static@1.0.0: this feature has been moved to the core. you can directly use nuxt generate

npm WARN deprecated core-js@2.6.11: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade y

our dependencies to the actual version of core-js@3.

Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!

The project needs your help! Please consider supporting of core-js on Open Collective or Patreon:

> https://opencollective.com/core-js

🎉 Successfully created project hello

To get started:

cd hello

npm run dev

To build & start for production:

cd hello

npm run build

npm run start

Errorが見えたらやり直してください。 pages/index.vue

<script>
import Logo from '~/components/Logo.vue'

export default {
  components: {
    Logo
  }
}
</script>

import Logo from '~/components/Logo.vue'

export default {

components: {

Logo

}

</script>

明示的に変更した

$ npm run build
$ npm run start

1 2	$ npm run build $ npm run start

次にプレーンにする pages/inde …

の続きを読む

未分類

Ubuntu18 + Laravelのログ集約 [工事中]

2020年9月3日2020年9月3日 | by 優 | にコメントを残す

事前準備 EC2 + Ubuntu + LEMP + LaravelのAMIを作成する Ubuntu 18.04 LTS – Bionicを選択パッケージの更新

$ sudo apt-get update
$ sudo apt -y install software-properties-common
$ sudo add-apt-repository ppa:ondrej/php
$ sudo apt-get update

$ sudo apt-get update

$ sudo apt -y install software-properties-common

$ sudo add-apt-repository ppa:ondrej/php

$ sudo apt-get update

PHPのインストール [crayon-5f61d5e510efc67376 …

の続きを読む

未分類

Postman セッションやCookieの利用

2020年8月31日 | by 優 | にコメントを残す

「Postman Intercepter」Cookie利用時のREST用ツール[YouTube] IT速報よわよわエンジニア優さんフリーターから正社員インフラは2か月！童貞を救いたいナンパのすすめ最強ナンパ師優さん恥ずかしい？それ、ゴミだからwww 失恋の話ニューハーフだけど彼氏になった話ナンパ再開で思うこと LGBTの就職戦略トランス・X ジェンダー向け ( トランスジェンダ …

の続きを読む

未分類

【YouTube】人に従わせたいならまず自分が動く

2020年8月9日 | by 優 | にコメントを残す

エンジニアとか人って、口だけじゃなくて、自分ごととしてやろうってしてくれる人好きだと思うんだよね。 CTOの人がいて、その人はたぶんガチガチのエンジニアではないと思うんだけど、社内ネットワークの改善ってタスクがあって、その人は率先して自分から下流工程も理解しようとして、現場で頑張ってるそんなこと任せれば良いでしょって幹部に言われても、やってるそういう姿勢がとても格好良 …

の続きを読む

未分類

【YouTube】一流の雑談工事中

2020年8月9日2020年8月9日 | by 優 | にコメントを残す

良かったこれでワイくんの雑談力は上がったはずです🐱✨ 気温が壊れちゃったのかな。8月は30°超えるみたいで。⚫️⚫️さん、夏バテ大丈夫ですか？気温から入ったとしても相手自身に質問を向ける pic.twitter.com/ByhvEC0VO3 — 優さん🌷わくわく開発YouTuber (@yuu13n6) August 9, 2020 気温から話題を入ったとしても、 …

の続きを読む

未分類

【YouTube】行動する為に本を読もう

2020年8月4日2020年8月4日 | by 優 | にコメントを残す

結論本を読んで行動に変えられると人生が豊かになるおすすめだね。悩みとかこうしたいって思ったら本を読んだ方が良いね。その状態で本屋さんに行って気になった本それが今あなたが読むべき本です。良い出会いに巡り会う為に、できるだけでかい本屋さんにいった方が良いね。本は自分で買うこと付箋やマーカーを貼ること付箋やマーカーを貼った後に自分で要約するこ …

の続きを読む

未分類

【YouTube】固執せずに移る力

2020年8月4日 | by 優 | にコメントを残す

の続きを読む

未分類

PHP 配列の比較

2020年7月31日 | by 優 | にコメントを残す

神記事 PHPで配列を比較して差分と共通項をそれぞれ取得する[YouTube] IT速報よわよわエンジニア優さんフリーターから正社員インフラは2か月！童貞を救いたいナンパのすすめ最強ナンパ師優さん恥ずかしい？それ、ゴミだからwww 失恋の話ニューハーフだけど彼氏になった話ナンパ再開で思うこと LGBTの就職戦略トランス・X ジェンダー向け ( トランスジェンダー)

の続きを読む

未分類

DBのロック順序デッドロック対策

2020年7月28日 | by 優 | にコメントを残す

・基本は１→Nの順番で更新する規約を設定・同一テーブルでのidを利用したトランザクションはソートしてから　// ユーザ間のフリマ購入のやりとりなど [YouTube] IT速報よわよわエンジニア優さんフリーターから正社員インフラは2か月！童貞を救いたいナンパのすすめ最強ナンパ師優さん恥ずかしい？それ、ゴミだからwww 失恋の話ニューハーフだけど彼氏にな …

の続きを読む

未分類

YouTube基本姿勢

2020年7月26日 | by 優 | にコメントを残す

[YouTube] IT速報よわよわエンジニア優さんフリーターから正社員インフラは2か月！童貞を救いたいナンパのすすめ最強ナンパ師優さん恥ずかしい？それ、ゴミだからwww 失恋の話ニューハーフだけど彼氏になった話ナンパ再開で思うこと LGBTの就職戦略トランス・X ジェンダー向け ( トランスジェンダー) 友達に動画を贈る感覚で動画を撮るコンテンツとして面白いもの …

の続きを読む

未分類

【YouTube】WEB制作の仕事はなくなりますか？[下書き]

2020年7月26日 | by 優 | にコメントを残す

結論 WEB制作という狭い意味ではなくなりますが、本質的な付加価値が出せていれば残ります。なくなる時情報の非対称性 IT補助金でのゾンビ措置がなくなった時顧客が賢くなった時綺麗なだけのホームページが作れるだけの会社は死にます。残る企業付加価値っていうのはブランディング、集客、販促がうまい。 WEB制作の本質的な付加価値が出せている企業は残ります。 YouTu …

の続きを読む