Ryomasao

Basic認証

$ curl --user username:password url

ホスト名を変更して、バーチャルホストでたってるサーバーにアクセスしたい

$ curl -H  'Host: virtual.host.name' url

Ryomasao

いろいろ忘れた

HOCの考え方を忘れた。 https://frontarm.com/james-k-nelson/4-ways-pass-children-react-elements/

ラップしたコンポーネントを返すパターン

ChildをParentでラップするだけ。 propsとしてコンポーネントを渡してる。 hooksあるからあれだけど、クラス型とかであれば、ライフサイクル系とかstateをparentに持ってあげたりする。

Ryomasao

slotについて

このerrorsがどこから着ているか。

<ValidationProvider v-slot="{errors}" rules="secret">
    <input type="text" v-model="name">
 {{errors[0]}}

Ryomasao

jwt

https://jwt.io/introduction/

基本

• Header
• Payload
• Signature

Ryomasao

これをみればいい

基本

https://blog.ojisan.io/eslint-prettier

Vue

https://www.digitalocean.com/community/tutorials/vuejs-vue-eslint-prettier

Ryomasao

Hello Docker

導入

何はともあれ、Vagrantっぽくベースとなるイメージをとってこよう

> docker pull centos:centos7

Ryomasao

mysql

vagrantでつなぐ

外部ホストからの接続を許可する。 どのIPからもrootに対してアクセス可能にする。 パスワードの設定はしてないので、入力はしないこと。

GRANT ALL PRIVILEGES ON *.* TO 'root'@'%';

Ryomasao

[user]
	name = tohu
	email = xxxx@bbb.com

[includeIf "gitdir:~/src/tohu/"]
  path = ~/src/tohu/.gitconfig

[alias]
    ch = checkout
    b = branch

Ryomasao

gitメモ

お試しリポジトリ https://github.com/Ryomasao/gittest

merge・rebase運用について

以下のブランチがある。

master: 最新のブランチ。

Ryomasao

import React, { useState, useReducer } from 'react'
/** @jsx jsx */
import { css, jsx } from '@emotion/core'
// https://kentcdodds.com/blog/the-state-reducer-pattern-with-react-hooks
// 伝えたいこと
// ・DOMとかの構造に左右されず、機能部分のロジックを共有したい
// ・よくあるpropsにパターンをもたせるのは、つらくなりがち
// ・機能部分のと見た目のコンポーネントをわけるといい→HeadlessComponent
// ・実装パターンとしては、HOC(renderProps)で実現してる
// ・HOCわかりにくいよね、Hooksでこういうことができるよ