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

Laravel Redisへの保存

2020年12月1日2020年12月2日 | by 優 | にコメントを残す

負荷対策にNoSQLに一旦保存して、後からバッチでバルクインサートっていうタスクがあったので〜🐱 config/redis.php

・・・
    'redis' => [

        'client' => 'predis',

        'default' => [
            'host' => env('REDIS_HOST', '127.0.0.1'),
            'password' => env('REDIS_PASSWORD', null),
            'port' => env('REDIS_PORT', 6379),
            'database' => 0,
        ],
        'session' => [
            'host' => env('REDIS_HOST', '127.0.0.1'),
            'password' => env('REDIS_PASSWORD', null),
            'port' => env('REDIS_PORT', 6379),
            'database' => 1,
        ],
        'member_session' => [
            'host' => env('REDIS_HOST', '127.0.0.1'),
            'password' => env('REDIS_PASSWORD', null),
            'port' => env('REDIS_PORT', 6379),
            'database' => 2,
        ],
・・・

・・・

'redis' => [

'client' => 'predis',

'default' => [

'host' => env('REDIS_HOST', '127.0.0.1'),

'password' => env('REDIS_PASSWORD', null),

'port' => env('REDIS_PORT', 6379),

'database' => 0,

'session' => [

'host' => env('REDIS_HOST', '127.0.0.1'),

'password' => env('REDIS_PASSWORD', null),

'port' => env('REDIS_PORT', 6379),

'database' => 1,

'member_session' => [

'host' => env('REDIS_HOST', '127.0.0.1'),

'password' => env('REDIS_PASSWORD', null),

'port' => env('REDIS_PORT', 6379),

'database' => 2,

・・・

$ php artisan config:clear

1	$ php artisan config:clear

<?php

・・・
use Illuminate\Support\Facades\Redis;
use Illuminate\Support\Str;



class MemberService extends SectionAbstractService
{


    public function __construct(
        ・・・
    ) {
        ・・・
        $this->redis_member_session = Redis::connection("member_session");
    }



    public function countUpViewCount(int $section_id, ?int $menber_id, ?string $member_token): void
    {
        $this->redis_member_session = Redis::connection("member_session");

        $key = 'member_session_' . Str::uuid();
        $data = [
                    'section_id' => $member_id,
                    'member_id' => $member_id,
                    'member_token' => $member_token,
                    'date' => Carbon::now()->toDateTimeString()
        ];
        $this->redis_member_session->set($key, json_encode($data));
    }

・・・
}

<?php

・・・

use Illuminate\Support\Facades\Redis;

use Illuminate\Support\Str;

class MemberService extends SectionAbstractService

{

public function __construct(

・・・

) {

・・・

$this->redis_member_session = Redis::connection("member_session");

}

public function countUpViewCount(int $section_id, ?int $menber_id, ?string $member_token): void

{

$this->redis_member_session = Redis::connection("member_session");

$key = 'member_session_' . Str::uuid();

$data = [

'section_id' => $member_id,

'member_id' => $member_id,

'member_token' => $member_token,

'date' => Carbon::now()->toDateTimeString()

];

$this->redis_member_session->set($key, json_encode($data));

}

・・・

}

…

の続きを読む

PHP

Laravel Validatorの拡張

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

https://readouble.com/laravel/5.8/ja/validation.html 下記のValidatorの雛形があったとする app/Validators/Member/ServiceValidator.php

<?php

namespace App\Validators\Member;

use Illuminate\Validation\Factory as Validator;

/**
 * Class CreateUpdateValidator.
 *
 * @package namespace App\Validators\Member;
 */
class ServiceValidator
{
    const SECTION_ID_RULE = "member_section_id_validation:%s";

    protected $rules = [
        'member_id' => 'required|member_id_and_module:member',
    ];
    protected $additional_rules = [
        "update" => [
            'member.*' => ['is_fill_langmember:section_id'],
            'member.*.*.enable' => ['required', 'boolean'],
        ],
        "common_update" => [
            'member.layout' => ['required', 'array'],
            'member.layout.*' => ['is_fill_langmember:section_id'],
            'member.setting' => ['is_fill_langmember:section_id'],
            'member.setting.*.favorite' => ['boolean'],
        ],
        "section" => [
            "section_id" => ['required']
        ],
        "movie" => [
            'file' => ['required', 'max:2097152', 'mimetypes:video/mp4'],
        ],
    ];

    public function __construct(Validator $v)
    {
        $this->v = $v;
    }

    public function commonValidate(array $data)
    {
        return $this->validate($data);
    }

    public function updateValidate(array $data)
    {
        if (!is_null($data["section_id"])) {
            $this->additional_rules["update"] = array_merge($this->additional_rules["update"], $this->additional_rules["section"]);
        }

        return $this->validate($data, "update");
    }

    public function commonUpdateValidate(array $data)
    {
        return $this->validate($data, "common_update");
    }

    public function movieValidate(array $data)
    {
        return $this->validate($data, "movie");
    }

    protected function validate(array $data, string $additional_rule = null)
    {
        $rules = !is_null($additional_rule) && isset($this->additional_rules[$additional_rule]) ?
            array_merge($this->rules, $this->additional_rules[$additional_rule]) : $this->rules;
        $this->validator = $this->v->make($data, $rules);
        return $this->validator->validate();
    }
}

<?php

namespace App\Validators\Member;

use Illuminate\Validation\Factory as Validator;

/**

* Class CreateUpdateValidator.

* @package namespace App\Validators\Member;

class ServiceValidator

{

const SECTION_ID_RULE = "member_section_id_validation:%s";

protected $rules = [

'member_id' => 'required|member_id_and_module:member',

];

protected $additional_rules = [

"update" => [

'member.*' => ['is_fill_langmember:section_id'],

'member.*.*.enable' => ['required', 'boolean'],

"common_update" => [

'member.layout' => ['required', 'array'],

'member.layout.*' => ['is_fill_langmember:section_id'],

'member.setting' => ['is_fill_langmember:section_id'],

'member.setting.*.favorite' => ['boolean'],

"section" => [

"section_id" => ['required']

"movie" => [

'file' => ['required', 'max:2097152', 'mimetypes:video/mp4'],

];

public function __construct(Validator $v)

{

$this->v = $v;

}

public function commonValidate(array $data)

{

return $this->validate($data);

}

public function updateValidate(array $data)

{

if (!is_null($data["section_id"])) {

$this->additional_rules["update"] = array_merge($this->additional_rules["update"], $this->additional_rules["section"]);

}

return $this->validate($data, "update");

}

public function commonUpdateValidate(array $data)

{

return $this->validate($data, "common_update");

}

public function movieValidate(array $data)

{

return $this->validate($data, "movie");

}

protected function validate(array $data, string $additional_rule = null)

{

$rules = !is_null($additional_rule) && isset($this->additional_rules[$additional_rule]) ?

array_merge($this->rules, $this->additional_rules[$additional_rule]) : $this->rules;

$this->validator = $this->v->make($data, $rules);

return $this->validator->validate();

}

updateValidate()を拡張する更新データの配列がユニー …

の続きを読む

開発

Ubuntu Nodebrewでnodeのバージョンを指定インストール

2020年11月18日2020年11月20日 | by 優 | にコメントを残す

$ curl -L git.io/nodebrew | perl - setup
vagrant@homestead:~/code$ export PATH=$HOME/.nodebrew/current/bin:$PATH

1 2	$ curl -L git.io/nodebrew \| perl - setup vagrant@homestead:~/code$ export PATH=$HOME/.nodebrew/current/bin:$PATH

$ nodebrew install v10.18
$ nodebrew use v10.18

1 2	$ nodebrew install v10.18 $ nodebrew use v10.18

$ node -v
v10.18.1

1 2	$ node -v v10.18.1

$ npm i
$ npm run dev

1 2	$ npm i $ npm run dev

Laravel, AWS ポートフォリオ作成サポート！定員5名 h …

の続きを読む

開発

コードレビュー指摘ポイント

2020年11月12日2020年11月20日 | by 優 | にコメントを残す

配列の初期化配列で初期化を忘れずに。型指定、戻り値指定漏れメソッドではわずれずに。配列のキーが存在するかを確認してから参照しているか isset()、array_key_exists() foreachでループしすぎていないか。適当な関数があるのでは？ array_key_exists() array_diff()による差分 arra …

の続きを読む

未分類

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 …

の続きを読む

AWS

AWS SESのアラーム

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

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

の続きを読む

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-5fc9ba97acc7365716 …

の続きを読む

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年11月20日 | 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″をつけるLaravel, AWS ポートフォリオ作成サポート！定員5名 https://menta.work/plan/2381 Laravel, AWSによるポートフォリオ作成を通して、エンジニア転職をサポートします

の続きを読む

未分類

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 …

の続きを読む