カテゴリー: 未分類

Vue.jsのお勉強

2020年10月14日2020年10月15日 | by 優 | 4件のコメント

●Udemy https://www.udemy.com/course/vuejs-firebase/learn/lecture/14098728#overview ●演習フォルダ /Users/kanehiroyuu/Desktop/develop.nosync/Vue-Study/vuejs-firebase/sample-app Vue Cliの導入 [crayo …

の続きを読む

未分類

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 …

の続きを読む

未分類

【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で配列を比較して差分と共通項をそれぞれ取得するLaravel, AWS ポートフォリオ作成サポート！定員5名 https://menta.work/plan/2381 Laravel, AWSによるポートフォリオ作成を通して、エンジニア転職をサポートします

の続きを読む

未分類

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

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

・基本は１→Nの順番で更新する規約を設定・同一テーブルでのidを利用したトランザクションはソートしてから　// ユーザ間のフリマ購入のやりとりなど Laravel, AWS ポートフォリオ作成サポート！定員5名 https://menta.work/plan/2381 Laravel, AWSによるポートフォリオ作成を通して、エンジニア転職をサポートします &nbs …

の続きを読む

未分類

YouTube基本姿勢

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

Laravel, AWS ポートフォリオ作成サポート！定員5名 https://menta.work/plan/2381 Laravel, AWSによるポートフォリオ作成を通して、エンジニア転職をサポートします友達に動画を贈る感覚で動画を撮るコンテンツとして面白いものを物事を受けた時に抽象的に捉えて多くの子うさぎちゃんに届くネタにする

の続きを読む

未分類

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

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

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

の続きを読む

未分類

【YouTube】NoCodeがエンジニアの仕事を奪う AIは奪わない[工事中]

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

私が感じることデザイナーが覚えておくと強いエンジニアできることを知っておく。 NoCodeで実現できて、機能のスケールがあまり要求されない場面で採用するのが良い CMSで実現できること、NoCodeで実現できることを知っておく ECCUBEやWordPressもそうだけど、 CMSで実現できることを自分でつくっても仕様がな …

の続きを読む