2022-01-01から1ヶ月間の記事一覧

zenn.dev

y-ohgi.com

PHPにおけるスプレッド演算子

next-code.jp 主な用途 関数を作成した際の引数を無限 関数の呼び出しの際に、引数をカンマ区切りで入れないといけないものを配列で入れる

プレーヤーの延長線にあるのは?

logmi.jp

【発掘記事】ResourceCollectionとJsonResourceの違い

基礎 brightful.jp ResourceCollectionとJsonResourceの違い brightful.jp JsonResourceクラスを継承し、JSONの整形を行うリソースクラスの作成を行いました。 リソースクラスの使い方については、インスタンスの生成をして、 そこにモデルを引数として渡し…

複雑なResourceの作り方

// nullの可能性があるので、collectメソッドで // (Eloquent Model : Hogeの) Collectionに変換した後、 // filterメソッドで return collect([ userId => $this->user_id, ]) // $valueがnullではないものだけ、 ->filter(fn($value) => null !== $value) …

https://qiita.com/netebakari/items/7c1db0b0cea14a3d4419?utm_content=bufferf5674&utm_medium=social&utm_source=facebook.com&utm_campaign=buffer&fbclid=IwAR3i2zzCMWoOCMMqXYetmh-ezVwaQMpFt6TwGW7JryXh2Z-f5lakRP8uKTE

https://qiita.com/TaaaZyyy/items/b2b68aec99789374a204

postman

qiita.com

【保存】混乱するbind, DIの紐解き

noel-ingenieur.hateblo.jp ファイル構成 app/Http/Controllers/Api/User/HogeController app/Domain/Repositories/BaseRepository [インターフェース:Domain] app/Domain/Repositories/HogeRepository [インターフェース:Domain] app/Infrastructure/Repo…

なぜDIするのか?

function login (LoginService $service) { } って言うのがあったときに $serviceになんのインスタンスが入るか明確ですよね? LaravelだとLoginServiceですよね 多分難しく考えすぎですね 単純に new LoginService() はできるけど new BaseRepositoryInterf…

class FooBarController extends Controller { public function __construct() { $this->middleware(function (Request $request, $next) { app()->bind(BaseRepository::class, fn($app) => $app->make(FooBarRepository::class)); return $next($request);…

アップキャストとダウンキャスト

クラスや型のアップキャスト 基本的に継承っていうのは親を引き継いで子供を作ってます すなわち親に存在するpublic / protectedな変数、関数は子供に全て引き継がれます。 そして子供は新たなpublic / protectedな変数、関数をさらに用意できます すなわち…

【優良記事Reactの状態管理

t.co

WEB色見本

www.colordic.org

HTML5のselect/optionのdisabled, selected, focused

export const Tag: React.FC<Props> = ({ options }: Props) => { // (中略) const customStyles: StylesConfig<StyleOption> = { // (中略) return { ...styles, backgroundColor: // [1] この要素にdisabled属性が付いているか否か (true or false) isDisabled // [2] TRUE (要</styleoption></props>…

qiita.com

\W 単語構成文字以外の文字にマッチします。 [^A-Za-z0-9_] と同じ意味です。/\wの反対です。 kyu-mu.net

storybook

zenn.dev

クラスコンポーネントを関数コンポーネントに書き換え

nishinatoshiharu.com

yarn.lockとpackage.jsonの関係性

qiita.com

面白い記事 (guarded, fillable)

qiita.com

マージコミットのrevert

705a6ef Merge branch 'master' into feature/#2 (1) master (2) feature/#2 と見て、 2に戻したかったので、 git revert -m1 705a6ef

React.FC

qiita.com

型引数 T (Type Arguement)

ジェネリクス型 (generics) Partial型 ジェネリクス型 (generics) => 汎用的な型 汎用的なクラス・汎用的なメソッドに対して 特定の型を紐づけるための仕組み。 以下を共通化できないか? const echo = (arg: number): number => { return arg; } const echo…

react-hook-formのuseFormContext

import { useFormContext } from 'react-hook-form'

React-hook-formにおけるname属性の指定の方法

qiita.com import { useForm, SubmitHandler } from 'react-hook-form'; import { ErrorMessage } from '@hookform/error-message'; type Inputs = { name: string; email: string; }; export const Demo = () => { const { register, handleSubmit, reset, …

省略可能なType Alias

qiita.com Type alias // ?で省略可能な引数を指定できる function buildName( firstName: string, lastName?: string): string { if (lastName) return firstName + " " + lastName; else return firstName; } Interface interface SquareConfig { color?: …

TypeScriptにおけるvoid型

「関数からの戻り値がないことを期待する型」をvoid型として扱う。 C言語のvoidとは意味が異なる TypeScriptにおけるvoid型 Void => 何もデータが存在しない時に指定 typescriptbook.jp もし、 (1) return文で明示的にundefinedを指定するのは、本筋から逸れ…