株式会社ドリーム・シアター 新人Webエンジニア
@Web25114001
Followers
198
Following
219
Media
1
Statuses
3K
ドリーム・シアターの新人Webエンジニアが交代でつぶやきます。弊社の採用選考を受けていただいている皆さんや、「無料PHPスクール」にご参加中の生徒さんに、ぜひ、ご覧いただきたいです。#プログラミング初心者 #駆け出しエンジニアと繋がりたい #プログラミング #エンジニア転職 #プログラミング勉強中 #Pスク
東京都豊島区池袋1-16-17 カワムラビル3F-A
Joined October 2020
trigger() は、React Hook Form でバリデーションタイミングをコントロールする強力なツールで、フォーム送信以外にも、「次へ」や「確認」などのタイミングでバリデーションを走らせたいときに非常に便利。.
【React Hook Form】.trigger() は、フォームのバリデーションを手動で実行するための関数。引数に何も与えなければ、すべてのフィールドのバリデーションが動く。引数には、フィールド名の文字列や配列などを与えられる。.
0
0
0
・interface → 拡張性・再定義に強い。主にオブジェクト構造に。.・type → 柔軟な型表現が得意。関数型・ユニオン型などに向いている。.
【TypeScript(型定義)】.interfeceとtypeの使い分け。interfaceは、継承や再定義(同名の型を定義しなおすこと)が可能。typeは、ユニオン型、関数型、タプル型、条件付き型、などなど柔軟な型定義ができる。.
0
0
0
【React Hook Form】.trigger() は、フォームのバリデーションを手動で実行するための関数。引数に何も与えなければ、すべてのフィールドのバリデーションが動く。引数には、フィールド名の文字列や配列などを与えられる。.
0
0
1
【TypeScript(型定義)】.interfeceとtypeの使い分け。interfaceは、継承や再定義(同名の型を定義しなおすこと)が可能。typeは、ユニオン型、関数型、タプル型、条件付き型、などなど柔軟な型定義ができる。.
0
0
1
使用例：定数オブジェクトやEnum代わりに. const STATUS = { SUCCESS: 'success', ERROR: 'error', } as const; type StatusType = typeof STATUS[keyof typeof STATUS]; // 'success' | 'error'. as const を使うことで、型安全なEnum風の使い方が可能に。.
【JavaScript】.オブジェクトの後に、「as const」を付けると、次の効果がある。①プロパティの型がリテラル型になる。②オブジェクトが読み取り専用（readonly）になる。.
0
0
0
・クエリパラメータだけ変わると再描画されないことに注意。.・useEffect でクエリを依存配列に入れておくことで、変化に対応できる。.・特にSPA的にページ内で切り替えるような場面では、この対応が必須。.
【Next.js】.クエリパラメータが異なる場合でも、同じページコンポーネントに遷移する際は、デフォルトでは、再レンダリングされない。この仕様のため、クエリパラメータが変更されたのに、fetchが走らない不具合が起きたので修正中。.
1
0
0
【JavaScript】.オブジェクトの後に、「as const」を付けると、次の効果がある。①プロパティの型がリテラル型になる。②オブジェクトが読み取り専用（readonly）になる。.
0
0
0
【Next.js】.クエリパラメータが異なる場合でも、同じページコンポーネントに遷移する際は、デフォルトでは、再レンダリングされない。この仕様のため、クエリパラメータが変更されたのに、fetchが走らない不具合が起きたので修正中。.
0
0
1
まとめ.・Carbonは DateTime よりもシンプル・直感的.・Laravelでは自動的にCarbonとして使える.・日付処理が必要な場面では、Carbonの便利さが大きく時短に.
【Carbon】.PHPの標準 DateTimeクラスと比べ、Carbonは使いやすさと柔軟性が高く、Laravelでは、このCarbonが標準で組み込まれているため、日付フィールドも、自動的にCarbonインスタンスとして使える。.
0
0
0
・中間モデルの外部キーやローカルキーがカスタムになっている場合は、第3・第4引数以降でカスタマイズ可能。.・通常の with() や whereHas() とも併用できる。.
【Laravel】.hasManyThrough ： 中間関係を介して、離れた関係へ、アクセスできる。孫までのリレーション(A→B→C)を定義する。.
0
0
0
【Carbon】.PHPの標準 DateTimeクラスと比べ、Carbonは使いやすさと柔軟性が高く、Laravelでは、このCarbonが標準で組み込まれているため、日付フィールドも、自動的にCarbonインスタンスとして使える。.
0
0
0
【Laravel】.hasManyThrough ： 中間関係を介して、離れた関係へ、アクセスできる。孫までのリレーション(A→B→C)を定義する。.
0
0
1
セキュリティ上の注意.・{!! !!} を使うと、ユーザー入力のHTMLもそのまま実行される危険性がある。.・基本的には {{ }} を使い、安全が保証されている出力のみ {!! !!} を使うようにする。.
【Laravel(blade)】.{{ }} は、HTMLをエスケープする。{!! !!} は、HTMLをエスケープしない。.
0
0
0
注意点.・空配列に対して some を使うと、必ず false を返す。.・every() は「すべて一致」で、some() は「1つでも一致」。.
【JavaScript】.Array.prototype.some ： 第1引数で渡す関数の条件に、配列の1つ以上の要素が、合致するかどうかを返す。オブジェクトの中にあるフラグが、1つでも立っているか、判断するのに使った。.
0
0
0
【Laravel(blade)】.{{ }} は、HTMLをエスケープする。{!! !!} は、HTMLをエスケープしない。.
0
0
0
【JavaScript】.Array.prototype.some ： 第1引数で渡す関数の条件に、配列の1つ以上の要素が、合致するかどうかを返す。オブジェクトの中にあるフラグが、1つでも立っているか、判断するのに使った。.
0
0
0
物流業界(事務職)8年5ヶ月、現役Webエンジニアの「こもり」が、GAS講座を開催します！. ・これからWebエンジニアを目指される方.・非エンジニアだけど、ITで業務改善したい方.・プログラミング脳を習得して、AIを上手に使いこなしたい方. に、ぜひ、ご参加いただきたい～。.
【7/12(土)開催】 「Google Apps Script実践講座 2025年版」. JavaScript基礎からGAS連携、Webアプリ開発、clasp導入まで、業務効率化の最前線を1日で習得。. あなたのDX推進に貢献する即戦力スキル獲得の機会です。詳細・申込はこちら：
0
0
1
対処法（Laravel）.1.Policyのメソッドが期待通りの戻り値を返しているか確認.2.ルートやコントローラに authorizeResource() を使っているか確認。.3.該当ユーザーの権限・ロールを確認。.4.ログイン済かどうか、ミドルウェアで確認されていないか確認。.
【403エラー(forbidden)】.リクエストはしたが、処理できない(アクセス拒否/禁止、アクセス権なし)なので、まずはpolicy周りを疑う。.
0
0
0
よくある用途.・パスワードリセット通知.・新規ユーザー登録完了通知.・サービスのアラート通知.・承認完了／否認通知 など.
【Laravel(Notifications)】.$user->notify() で、そのユーザーに通知メールを送れる。.
0
0
0
【403エラー(forbidden)】.リクエストはしたが、処理できない(アクセス拒否/禁止、アクセス権なし)なので、まずはpolicy周りを疑う。.
0
0
0