作者別: 優

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 …

の続きを読む

思考と思想

業務経歴

2020年10月10日2020年10月23日 | by 優 | にコメントを残す

振り返り 2014年システム保守会社の創業メンバーとして参画最初の１年半は社長と2人で、軌道に乗るまで5年間インフラエンジニアとして従事、ミドルウェアのパラメータだけでなくプログラミングができること。セキュリティを合わせ。WEBサービスの保守に参画しており、複数案件に対してお客様とChatツールや折衝など直接やりとりしながら、システム保守を行なってきました。社内の仕組みづくり。会社のホームペ …

の続きを読む

AWS

AWS SESのアラーム

2020年10月5日 | by 優 | にコメントを残す

CloudWatchでSESのリージョン // おそらくオレゴンが多いでしょう Reputation.BounceRate Reputation.ComplaintRate で確認できるアラームの閾値 Q4. アカウントのレビューや、送信の一時停止の原因になりえるバウンス率は公開されていますか？最良の結果を得るには、バウンス率を 2% 未満に維持する必 …

の続きを読む

SEノウハウ

Abstarctとinterfaceの違い

2020年10月5日2020年10月5日 | by 優 | にコメントを残す

interface ポリフォーイズムでの利用で使える @see ポリモーフィズムとはなにか？超わかりやすく解説します！(外部サイト) 外向け不特定数 Abstract 継承の拡張いくつも継承できる複数の派生先クラスで一部の実装が異なる場合 @see interfaceとabstractの特徴と違いを捉える(外部サイト) 内部向け仕様 & …

の続きを読む

AWS

CloudWatch Agent Laravelログ出力

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

環境 AWS EC2 Ubuntu Ubuntu + Laravel AWS Ubuntu18 + Laravelのログ集約 IAM

IAM
  ロールの作成 ->
  ポリシー -> CloudWatchAgentAdminPolicyにチェック

IAM

ロールの作成 ->

ポリシー -> CloudWatchAgentAdminPolicyにチェック

EC2にIAMロールを紐付け CloudWatch Agent [crayon-5f97633d2a97c04195 …

の続きを読む

AWS

CloudWatch AlarmをSlackに通知

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

@see https://qiita.com/taquaki-satwo/items/c9c196c1642cad626661 AWS SNSの作成 Amazon SNS -> トピック -> トピックの作成名前 hoge-cloudwatch-alarm 表示名 hoge CloudWatch alarm サブスクリプションの作成トピック …

の続きを読む

AWS, セキュリティ

AWS WAF + WafCharm

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

CloudFrontを作成済スケルトンのAWS WAF Web ACLsを作成設定したいCloudFrontに適用する // CloudFrontのWeb ACLはGlobal(CloudFront)リージョンに作られる。 IAMで AWSWAFFullAccess, S3FullAccessのグループを作成ユーザを追加アクセスキー xxxxx シークレットアクセスキー yy …

の続きを読む

HTML/CSS

videoタグで動画サムネイルがSafariで表示されない HTML/CSS

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

解決🐱✨

  <video style="width: 100%" preload="metadata" playsinline="" controls="" controlslist="nodownload" oncontextmenu="return false;">
    <source src="{{ url($file_path) }}#t=0.001" type="video/mp4" /> 
  </video>

</video>

src=”{動画パス}#t=0.001″をつける

の続きを読む

未分類

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 …

の続きを読む

AWS

Ubuntu EC2からEFSをマウント

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

先に注意んー。ログ出力するのはやめた方が良いですね🐱 共通したコンフィグファイルの共有に最適ですね。 CloudWatch Agent Laravelログ出力ログの外出しならCloudWatch Agentの方が良いよ。 EFSのマウントの参考にどうぞ〜事前準備 AWSコンソールからEFSファイルシステムの作成 EFSのマウントターゲット作成 EC2のセキュリティ …

の続きを読む

開発

Git 空コミット

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

CIデプロイだけしたい時にデプロイのブランチから新しいブランチを作って

$ git commit --allow-empty -m "空コミットでデプロイ"

1	$ git commit --allow-empty -m "空コミットでデプロイ"

コミットしてリモートにプッシュするとCIが走ってデプローイ🐱✨

の続きを読む