優技録 | public string[] 優技録 = { "Data Science", "Linux", "MS", "DB", "AWS", "Infrastructure", "C#", "PHP", "Python", "JavaScript"};

AWS

CloudWatch Agent Laravelログ出力

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

環境 AWS EC2 Ubuntu Ubuntu + Laravel Ubuntu18 + Laravelのログ集約 [工事中] IAM

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

IAM

ロールの作成 ->

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

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

の続きを読む

個人開発

ナンパ師向けカウンターアプリつくる PUA(Pickup Artist)

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

https://github.com/yuukanehiro/pua-api ワイくんの技術アウトプットに最適。なぜやるのか？より良い健全なナンパを。クリクリ童貞ボーイを救う。出会いは無限自己啓発にナンパ良い最適コア機能これができたらリリースして良しカウント機能声かけオープン番ゲ連れ出し・カフェ・飲み即機能日記機能カウント …

の続きを読む

AWS

CloudWatch AlarmをSlackに通知

2020年9月23日2020年9月24日 | 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年9月18日 | by 優 | にコメントを残す

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

の続きを読む

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 …

の続きを読む

開発

Git 空コミット

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

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

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

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

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

の続きを読む

AWS

AWS Ubuntu18 + Laravelのログ集約

2020年9月3日2020年9月29日 | 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のインストール

$ sudo apt-get install php7.4 php7.4-mbstring php7.4-xml php7.4-cli hhvm php7.4-fpm php7.4-mysql -y

1	$ sudo apt-get install php7.4 php7.4-mbstring php7.4-xml php7.4-cli hhvm php7.4-fpm php7.4-mysql -y

…

の続きを読む

未分類

Postman セッションやCookieの利用

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

「Postman Intercepter」Cookie利用時のREST用ツール https://qiita.com/katsu_suzuki/items/fb8036776b4513366995

の続きを読む

Linux

Nginx+PHP-FPM環境でtimeout対応

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

Nginx+PHP-FPM構成でmax_execution_timeを変更するなら、 NginxとPHP-FPMも対応させないと意味がない max_execution_time = 300に変更する例

# vi php.ini

max_execution_time = 300

# vi php.ini

max_execution_time = 300

$ sudo vi /etc/nginx/sites-available/default

・・・

        # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
        #
        location ~ \.php$ {
                include snippets/fastcgi-php.conf;
        #
        #       # With php7.0-cgi alone:
        #       fastcgi_pass 127.0.0.1:9000;
        #       # With php7.0-fpm:
                fastcgi_pass unix:/run/php/php7.2-fpm.sock;
                fastcgi_param   HOSTNAME $client;
                fastcgi_connect_timeout 300; ←●追加
                fastcgi_read_timeout    300; ←●追加
                proxy_set_header X-Real-IP $remote_addr;
        }

・・・

$ sudo vi /etc/nginx/sites-available/default

・・・

# pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000

location ~ \.php$ {

include snippets/fastcgi-php.conf;

# # With php7.0-cgi alone:

# fastcgi_pass 127.0.0.1:9000;

# # With php7.0-fpm:

fastcgi_pass unix:/run/php/php7.2-fpm.sock;

fastcgi_param HOSTNAME $client;

fastcgi_connect_timeout 300; ←●追加

fastcgi_read_timeout 300; ←●追加

proxy_set_header X-Real-IP $remote_addr;

}

・・・

[cray …

の続きを読む

AWS

静的コンテンツサーバ NginxとCloudFront+S3の連携

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

静的コンテンツ、例えば画像をS3に配置します。その画像のパスをDBに保存するときにドメインを保存しなくて、URIだけ保存しつつ表示させる方法です。 Nginx(www.exampl.net) -> CloudFront -> S3(s3.hoge.com) Nginx

$ sudo vi /etc/nginx/sites-enabled/homestead.test

server {
    listen 80;
    listen 443 ssl http2;
    server_name example.net www.example.net;
    root "/home/vagrant/code/public";

    index index.html index.htm index.php;

    charset utf-8;

    client_header_buffer_size 64k;
    large_client_header_buffers 4 64k;

    location / {
        try_files $uri $uri/ /index.php?$query_string;

    }

・・・

●これを追加

    location /images {
        try_files $uri @s3;
    }

・・・

    location @s3 {
        return 301 https://s3.hoge.com$request_uri;
    }

    location = /favicon.ico { access_log off; log_not_found off; }
    location = /robots.txt  { access_log off; log_not_found off; }

    access_log /var/log/nginx/homestead.test.log;
    error_log  /var/log/nginx/homestead.test-error.log error;

    sendfile off;

    client_max_body_size 200M;

    location ~ \.php$ {
        fastcgi_split_path_info ^(.+\.php)(/.+)$;
        fastcgi_pass unix:/var/run/php/php7.2-fpm.sock;
        fastcgi_index index.php;
        include fastcgi_params;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;

        fastcgi_intercept_errors off;
        fastcgi_buffer_size 16k;
        fastcgi_buffers 4 16k;
        fastcgi_connect_timeout 3000;
        fastcgi_send_timeout 300;
        fastcgi_read_timeout 300;
        fastcgi_param HOSTNAME $client;
    }

    location ~ /\.ht {
        deny all;
    }

    location /phpmyadmin {
        root /usr/share;
        index index.php;

        location ~ ^/phpmyadmin.+\.php$ {
            fastcgi_split_path_info ^(.+\.php)(/.+)$;
            fastcgi_pass unix:/var/run/php/php7.2-fpm.sock;
            fastcgi_index index.php;
            include fastcgi_params;
            fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        }
    }

    ssl_certificate     /etc/nginx/ssl/homestead.test.crt;
    ssl_certificate_key /etc/nginx/ssl/homestead.test.key;
}

$ sudo vi /etc/nginx/sites-enabled/homestead.test

server {

listen 80;

listen 443 ssl http2;

server_name example.net www.example.net;

root "/home/vagrant/code/public";

index index.html index.htm index.php;

charset utf-8;

client_header_buffer_size 64k;

large_client_header_buffers 4 64k;

location / {

try_files $uri $uri/ /index.php?$query_string;

}

・・・

●これを追加

location /images {

try_files $uri @s3;

}

・・・

location @s3 {

return 301 https://s3.hoge.com$request_uri;

}

location = /favicon.ico { access_log off; log_not_found off; }

location = /robots.txt { access_log off; log_not_found off; }

access_log /var/log/nginx/homestead.test.log;

error_log /var/log/nginx/homestead.test-error.log error;

sendfile off;

client_max_body_size 200M;

location ~ \.php$ {

fastcgi_split_path_info ^(.+\.php)(/.+)$;

fastcgi_pass unix:/var/run/php/php7.2-fpm.sock;

fastcgi_index index.php;

include fastcgi_params;

fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;

fastcgi_intercept_errors off;

fastcgi_buffer_size 16k;

fastcgi_buffers 4 16k;

fastcgi_connect_timeout 3000;

fastcgi_send_timeout 300;

fastcgi_read_timeout 300;

fastcgi_param HOSTNAME $client;

}

location ~ /\.ht {

deny all;

}

location /phpmyadmin {

root /usr/share;

index index.php;

location ~ ^/phpmyadmin.+\.php$ {

fastcgi_split_path_info ^(.+\.php)(/.+)$;

fastcgi_pass unix:/var/run/php/php7.2-fpm.sock;

fastcgi_index index.php;

include fastcgi_params;

fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;

}

ssl_certificate /etc/nginx/ssl/homestead.test.crt;

ssl_certificate_key /etc/nginx/ssl/homestead.test.key;

}

Cloud …

の続きを読む