2019.4~ 金融系企業→2021.11~サーバーサイドエンジニア Laravel/React/Next.js/TypeScript
はじめに DBのデータリカバリを行う際の「ロールバック」や「ロールフォワード」について、資格の勉強で単語やその意味は知っているものの実際に使ったことは無かったので、データリカバリの流れを実践してみる。 用語解説 まずは用語をおさらいする。 ロールバック チェックポイン...
はじめに エンジニアになって一年、目の前のチケットの一機能を、使用している言語やフレームワークによってまずは動くものを実装し切る、ということをやってきた。 そして最近、動くだけでなく長く動かし続ける、運用しやすいサービスを作る為には、技術を使いこなすための「土台」となるエ...
はじめに 業務でNext.js×Laravelを使ったアプリケーションを開発しており、その中でNext.jsでCSR,SSG,SSRを使用している。 ここもと、これらがデプロイ方法を左右する奥深いものだと改めて考えさせるきっかけがあったので、勉強した以下のことをこの記事に...
はじめに 夜間に日次や月次のバッチ処理を行う、、、など定期的な処理を実行したい場合、Laravelの独自カスタムコマンドとタスクスケジュールを利用することで、便利に実装することができと学んだのでまとめておく。 通常Linux系のOSで定期的な処理を自動で実行する場合、タス...
はじめに フロント側: Next.js × API側: Laravel という構成で開発をしており、フロント側からAPIの /blogs?page=2 へリクエストすると2ページ目を取得、 /blogs?page=3 へリクエストすると3ページ目を取得というように、ページ...
はじめに 以前useRefの2つの使い方について記事にまとめたが、useRefをTypeScriptのもとで使う際には、2つの使い方それぞれで必要な型定義が異なることを学んだので、今回は型の使い分けについてまとめる。 useRefの2つの使い方 まずはuseRef...
はじめに あるinput要素が画面に表示された時に、デフォルトでフォーカスをあててinput要素をクリックしなくても入力できる状態にしたいという場面があり、ReactではuseRefというhooksを使ってこれを実装できることを知った。 さらに調べてみると、useRef ...
はじめに とあるボタンにonClickイベント時の処理を設定した際、親要素にもonClickイベント時の処理を指定していたところ、「ボタンのonClick時の処理発火→その後親要素のonClick時の処理も発火」となってしまう事態が発生した。 簡単にコードを書くと、以下の...
はじめに レスポンシブ対応でよくある、あるボタンを押すとサイドメニューが展開するというものを実装していた。 そこでメニュー部分をクリックしても閉じないが、メニュー外の部分(背景)をクリックするとサイドメニューが閉じるという機能を実装した際、 JavaScriptのイベント...
はじめに 業務で新しいプロジェクトに入ったところ、どうやらLaravelの環境構築には Laravel Sail が使われているらしいので、 Laravel Sail での環境構築を自分でやってみたいと思った。 Laravel9 も使ったことがないので、この機に Lara...
postmanを使っているときに、連想配列を渡す方法に少し詰まった。 解決してしまえばシンプルなことだったが、自分用の備忘録として残しておく。 POSTメソッドで配列・連想配列を渡す方法 以下の画像の通り、 [Body] > [raw] > [JSON] を選んで、を選ん...
業務で Laravel のアプリケーションにおいて、「既存のPDFファイルを読み込み、文字入れをした上でPDFファイルを出力する」 という実装を行ったので、備忘録としてまとめておきます。 使用するライブラリ TCPDF PHPでPDFを生成できるライブラリ。 http...
Learn about the strict lazy loading setting that allows you to disable it entirely for non-production environments.