プログラミング

React.js

EmotionをReactで使ってみた

2023/4/19  

本記事ではReactとEmotionを組み合わせてReactアプリケーションのコンポーネントのスタイリング方法を解説します。 Emotionとは EmotionはCSS in JSのフレームワークで、 ...

Laravel

LaravelのManyToManyのリレーションについてのまとめ

2023/4/7  

この記事では、LaravelのモデルのManyToManyのリレーションについて紹介します。 ManyToManyリレーションとは MayToManyリレーションとは、2つのモデル間で多対多の関連性を ...

React.js

React Hooksの一覧や用途をまとめてみた:その3

2023/3/29  

今回もReact Hooksの紹介をしていきます。 useMemo useMemoはuseCallbackと同じくパフォーマンスの最適化に使われるHookです。 例えば、APIや複雑な計算の結果をレン ...

React.js

React Hooksの一覧や用途をまとめてみた:その2

2023/3/28  

前回に続いて、React Hooksについてまとめていきます。 useReducer useReducerは状態を管理するためのReact Hookで状態を操作する複数のアクションに基づいて状態を更新 ...

React.js

React Hooksの一覧や用途をまとめてみた:その1

2023/3/28  

この記事では、React Hooksの一覧と用途を紹介します。 React Hooksは、Reactコンポーネントの開発をよりシンプルにするための強力な機能です。 Hook一覧 知っておいた方がいいリ ...

React.js プログラミング

ReactのContextを使ってコンポーネント間でデータを共有する方法

2023/3/24  

ReactのContextは、コンポーネント間でデータを共有するための仕組みです。Contextを使うことで、プロパティを親から子に渡す必要がなくなり、コンポーネントのネストを浅くすることができます。 ...

React.js 認証認可

Reactで認証機能を簡単に実装する方法 - Auth0の導入手順

2023/3/23  

ReactにAuth0を導入する方法について説明します。 Auth0とは Auth0は認証・認可のサービスです。以下のような特徴を持っています。 ユーザー認証の構築が簡単 認証機能の実装を簡単かつ高速 ...

フロントサイド

huskyでコミット前にeslintを実行させる方法

2022/11/3  

どうもシローです。久しぶりの投稿となりますが、相変わらずエンジニアとして開発ライフを送っております。 最近はフロントエンドの開発に携わることが多く、多くの現場でコミット前にeslintでコードチェック ...

Next.js

Next.js : ログイン済みユーザの取得をcustom hooksで実装した

2022/7/6  

どうも、シローです。 アプリケーションではユーザの認証機能が必要になることが多いです。 認証にはサーバサイドとフロントサイドのそれぞれの担当があり、主にフロントサイドでは 認証済みのユーザを取得したり ...

Laravel PHP サーバサイド

Laravelでモデルをレスポンスとして返すならResourcesを使うべし

2022/6/29  

どうも、シローです。 今回はLaravelでモデルデータをAPIとして返す場合は、Resourcesを使うと便利という内容です。 Laravel Resourcesとは APIでモデルデータをJSON ...

認証認可 Next.js Laravel PHP サーバサイド セキュリティ フロントサイド

LaravelをAPIサーバとして運用するならSanctumにすべし

2022/6/28  

どうも、シローです。 今回はフロントサイドをNext.jsで実装し、LaravelをAPIサーバのみとして利用する場合、 認証部分はLaravel Sanctumを使うと良いよという内容です。 Lar ...

Laravel Docker サーバサイド

ローカルでメール送信試すにはMailHogがおすすめ

2022/6/20  

Webシステム開発ではユーザーにメールを送信する機能が必要になるケースが多いですが、ローカル環境で試す分にはMailHog使うと良いというお話です。 MailHogとは MailHogは開発用のメール ...

Next.js フロントサイド

Next.js + Ant Designでデフォルトテーマをカスタマイズできるようにしてみた

2022/4/23  

ご無沙汰してます、シローです。 最近はフロントサイドの開発がメインになってます。 今回は、Next.jsにAnt Designを導入し、デフォルトテーマのカスタマイズが可能な環境の構築手順について紹介 ...

Next.js Nginx

Next.jsのバージョン12をNginxでプロキシしてるならやるべきこと

2022/1/6  

シローです。 今回はNext.jsのバージョン12を立ち上げてNginx経由のリバースプロキシでアクセスを振り分けているときに 気をつけるようにしたポイントをお話しします。 何が起きたか・・hot r ...

Laravel

Laravelのバージョンを6から8に上げてみた

2022/1/5  

どうも、シローです。 久しぶりの投稿です。 最近新しく始めた個人開発でLaravelのバージョンを6から8に上げたので、その内容についてまとめようと思います。 やり方 phpのバージョンを7.3以上に ...

コマンド Shell

[シェルスクリプト] grepコマンドについて整理してみた

2021/10/16  

どうも、シローです。 今回は、コマンドで文字列を扱う際によく使われるgrepコマンドについてまとめようと思います。 grepコマンドとは grepコマンドは標準入力から渡された文字列に特定の文字列が含 ...

コマンド Shell

[シェルスクリプト] readコマンドについて整理してみた

2021/10/16  

どうも、シローです。 今回はreadコマンドについての整理をしようと思います。 readコマンドとは readコマンドは標準入力から文字列を受け取って変数に格納することができるコマンドです。 read ...

Shell

シェルスクリプトの入門編14:関数を作ってみる

2021/9/26  

どうも、シローです。 シェルスクリプトも他のプログラミング言語と同じく、関数を作ることができます。 今回は関数の使い方についてまとめていきます。 関数について プログラムにおいて一連の処理において、一 ...

no image

Shell

シェルスクリプトの入門編13:パイプラインについて

2021/9/26  

どうも、シローです。 今回はパイプラインについて整理していきます。 コマンドの出力を次のコマンドに渡すことができるので、複数のコマンドを組み合わせて色んなに応用できるテクニックです。 パイプラインとは ...

Shell

シェルスクリプトの入門編12:ヒアドキュメント、ヒアストリングについて

2021/9/15  

ども、シローです。 今回はヒアドキュメント、ヒアストリングについて整理しました。 ヒアドキュメント、ヒアストリングとは 前回のリダイレクトの(https://shiro-secret-base.com ...

© 2023 Shiro's secret base