ちいさい春さん

ちいさい春さん

記事一覧

[React]"Use client"について

★特定のコードがクライアントサイドのみで実行されること。 これは、サーバーサイドのプロセスやデータベースへのお問い合わせなどサーバーに依存する処理を避け、ウェブ…

[Next.js]Parallel Routesパラレルルートとは

パラレルルート パラレルルートでは、同じレイアウト内で1つまたは複数のページを同時に、または条件付きでレンダリングできます。ダッシュボードやソーシャルサイトのフィ…

1

[Next.js]プリレンダリングとは

プリレンダリング(事前レンダリング) Next.jsの強力な機能の一つに、サーバーサイドでのページのプリレンダリングがあります。 これは、サーバー上でページのHTMLが先…

7

【package.json】npmとnpxの違い

結論から申し上げますと npm パッケージをインストールして管理するためのツール npx パッケージをインストールせずに実行することにフォーカスしたツール npm Node Pa…

1

[React Hooks]useReducerについて

◎useReducerとは何ですか細かくわかりやすく教えて? 〇useReducerは、ReactのHooksの1つで、コンポーネント内で状態を管理するための強力なツールです。useReducerを使…

1

[React] モーダル実装,Toast作り

Q, React Portalとは何ですか? React Portal(React ポータル)は、React アプリケーション内でコンポーネントの階層構造を無視して、コンポーネントを DOM ツリー内の…

2

[React] ラベル要素にはForではなくhtmlForでした。

<div> <label htmlFor"123">스티커</label> <input id="123" placeholder="안녕" Reactを勉強初めて3日目。 こんな感じでinput要素を書こうとしたらラベ…

DOMツリーとは

※こちらは韓国語で書かれた記事の和訳です。(自分用) DOM 트리웹 페이지의 모든 요소를 Document 객체가 관리합니다. 때문에 웹 페이지의 요소들을 관리하고 제어하기 …

浮動小数点とは

浮動小数点数(Floating Point Number)は、数値を仮数部(M)と指数部(P)に分けて表現するものです。 具体的には、ある数値Nに対して以下のように表現されます。 N = M…

2

[JS]0.1+1.1==1.2 これは間違いです。

0.1+1.1==1.2  false  そうです、この式は間違いであると言えます。 コンソールで聞いてみても答えはfalseが返ってきます。 では、なぜでしょう? 我々が0.1+1.1==…

2

[DB]MySQLデータベース作成時のエラー

はじめまして。 簡単なWebアンケートページの作成。 まず初めにデータベース作成、テーブル作成 その中で生まれたエラー達を自分が後で見返せるように書き留めておきます…

2

プロトコルとURLの違いとは

Q、プロトコルとURLの関係はなんですか    (この時点でプロトコルとは?URIとは?URLとはといった区別が付け      れていませんでした。今回はその曖昧に覚えて…

1

$updated_rowsと$inserted_rowの違いとは

Q. $updated_rowsと$inserted_rowの違いは? A. 変数名$updated_rowsと$inserted_rowは、それぞれ更新された行と挿入された行の数を保持する変数として慣習的に使用さ…

例外処理 (PHP 7の変更点など)

Q. catch(PDOException $e) {と catch (Exception $e)ではどう違うの? A.  `catch(PDOException $e)`と`catch(Exception $e)`は、例外をキャッチするための構文ですが…

1

【PHP】ロックとデットロック

ロック(Lock)とデッドロック(Deadlock)は、データベースにおける並行処理や同時アクセスの管理に関連した概念ですが、異なる意味と状況で使用されます。 ロック(Lock…

2

[PHP]HTTP/1.1とKeepAliveについて

What`s 3way handshake 3ウェイハンドシェイク(3-way handshake)は、TCP(Transmission Control Protocol)プロトコルを使用して通信を確立するための手順です。TCPは…

1

[React]"Use client"について

★特定のコードがクライアントサイドのみで実行されること。
これは、サーバーサイドのプロセスやデータベースへのお問い合わせなどサーバーに依存する処理を避け、ウェブブラウザ内で完結する処理を推進すること。

[ 注意点 ]

 client sideのコードは閲覧・改変が可能。

★XSS Cross-Site-Scripting

Reflected XSS (反射型 クロスサイトスクリプティング)

もっとみる

[Next.js]Parallel Routesパラレルルートとは

パラレルルート
パラレルルートでは、同じレイアウト内で1つまたは複数のページを同時に、または条件付きでレンダリングできます。ダッシュボードやソーシャルサイトのフィードなど、アプリの非常に動的なセクションに便利です。

例えば、ダッシュボードを考えると、パラレルルートを使ってチームページとアナリティクスページを同時にレンダリングすることができます:

Twitterのログイン画面を例にすると一番最初

もっとみる

[Next.js]プリレンダリングとは

プリレンダリング(事前レンダリング)

Next.jsの強力な機能の一つに、サーバーサイドでのページのプリレンダリングがあります。

これは、サーバー上でページのHTMLが先に生成されるということです。これにより、ブラウザがページを要求したとき、すぐにすべてのHTMLが送信されます。

このプロセスを「プリレンダリング」と言います。プリレンダリングされたページは、ブラウザによって読み込まれた後、J

もっとみる

【package.json】npmとnpxの違い

結論から申し上げますと

npm パッケージをインストールして管理するためのツール
npx パッケージをインストールせずに実行することにフォーカスしたツール

npm Node Package Manager
package 様々なシーンで便利に利用できるプログラムの塊のこと
manger 管理

npx Node Package Executor
executor 実行者(特定の任務や計画を実行

もっとみる

[React Hooks]useReducerについて

◎useReducerとは何ですか細かくわかりやすく教えて?

〇useReducerは、ReactのHooksの1つで、コンポーネント内で状態を管理するための強力なツールです。useReducerを使うことで、コンポーネント内で複雑な状態管理とアクションの処理を行うことができます。

以下に、useReducerの基本的な概念を細かく説明します:

Reducer(リデューサ):

useRed

もっとみる

[React] モーダル実装,Toast作り

Q, React Portalとは何ですか?

React Portal(React ポータル)は、React アプリケーション内でコンポーネントの階層構造を無視して、コンポーネントを DOM ツリー内の別の場所に描画するための仕組みです。通常、React コンポーネントは親から子へデータを伝えるために使われ、コンポーネントの階層は親から子へと下がっていきます。しかし、時にはコンポーネントをルート

もっとみる
[React] ラベル要素にはForではなくhtmlForでした。

[React] ラベル要素にはForではなくhtmlForでした。

<div> <label htmlFor"123">스티커</label> <input id="123" placeholder="안녕"

Reactを勉強初めて3日目。
こんな感じでinput要素を書こうとしたらラベルのforの存在について知ることができた。

ジャバス(日本でもそう呼ぶのかな?w)ではfor 要素何回か使った記憶があるのだが、htmlFor

もっとみる
DOMツリーとは

DOMツリーとは

※こちらは韓国語で書かれた記事の和訳です。(自分用)

DOM 트리웹 페이지의 모든 요소를 Document 객체가 관리합니다. 때문에 웹 페이지의 요소들을 관리하고 제어하기 위해서는 Document 객체가 웹 페이지 요소들을 잘 반영하는 자료구조를 가지고 있어야 합니다. 그래서 Document 객체 모델인 DOM은 트리 자료구조 형태를 가지고 있습니다. 트리 자

もっとみる
浮動小数点とは

浮動小数点とは

浮動小数点数(Floating Point Number)は、数値を仮数部(M)と指数部(P)に分けて表現するものです。
具体的には、ある数値Nに対して以下のように表現されます。
N = M × bP
ここで、Mは仮数、bは指数の基数、Pは指数です。
Pは、10進数では10、2進数では2、4、8、16... となります。
コンピュータの計算では、レジスタや加減算器のハードウェアが扱える数値の範

もっとみる
[JS]0.1+1.1==1.2 これは間違いです。

[JS]0.1+1.1==1.2 これは間違いです。

0.1+1.1==1.2 
false 
そうです、この式は間違いであると言えます。
コンソールで聞いてみても答えはfalseが返ってきます。

では、なぜでしょう?

我々が0.1+1.1==1.2という数字が当たり前に知識としてあるのは我々が使う数字は基本的には10進数であります。
それは我々の指の数が10本であるからとここでは理解しましょう。

≫正確には10進数(十進法)は、数学や日常生活

もっとみる
[DB]MySQLデータベース作成時のエラー

[DB]MySQLデータベース作成時のエラー

はじめまして。
簡単なWebアンケートページの作成。
まず初めにデータベース作成、テーブル作成

その中で生まれたエラー達を自分が後で見返せるように書き留めておきますセット

一番引っかかった点

'' "" `` シングルコーテーションなのかダブルなのか
(DBeaverでは" "はあまり使わないというより文字として認識するので命令文としてコンピューターがよんでくれない(多分)

もっとみる
プロトコルとURLの違いとは

プロトコルとURLの違いとは

Q、プロトコルとURLの関係はなんですか
   (この時点でプロトコルとは?URIとは?URLとはといった区別が付け      れていませんでした。今回はその曖昧に覚えていた部分を確認していく。)

A、プロトコルとURL(Uniform Resource Locator)の関係は、URLがインターネット上の特定のリソースへの参照を提供する際に、プロトコルを使用して「どのように」そのリソースにアク

もっとみる

$updated_rowsと$inserted_rowの違いとは

Q.
$updated_rowsと$inserted_rowの違いは?

A. 変数名$updated_rowsと$inserted_rowは、それぞれ更新された行と挿入された行の数を保持する変数として慣習的に使用されることがあります。これらの名前は、操作の内容を示すために選ばれますが、変数名自体に特別な機能があるわけではありません。変数の動作は、どのように使用されるかによって決まります。

もっとみる
例外処理 (PHP 7の変更点など)

例外処理 (PHP 7の変更点など)

Q. catch(PDOException $e) {と catch (Exception $e)ではどう違うの?

A.  `catch(PDOException $e)`と`catch(Exception $e)`は、例外をキャッチするための構文ですが、キャッチする例外のタイプに違いがあります。

`catch(PDOException $e)`:

この構文は、`PDOException`

もっとみる
【PHP】ロックとデットロック

【PHP】ロックとデットロック

ロック(Lock)とデッドロック(Deadlock)は、データベースにおける並行処理や同時アクセスの管理に関連した概念ですが、異なる意味と状況で使用されます。

ロック(Lock): ロックは、データベースにおいて同時アクセスを制御するための仕組みです。複数のトランザクションやセッションが同じデータやリソースにアクセスしようとする場合、ロックを使用して排他制御や同時実行制御を行います。ロックにはい

もっとみる
[PHP]HTTP/1.1とKeepAliveについて

[PHP]HTTP/1.1とKeepAliveについて

What`s 3way handshake

3ウェイハンドシェイク(3-way handshake)は、TCP(Transmission Control Protocol)プロトコルを使用して通信を確立するための手順です。TCPは、信頼性の高いデータ転送を提供するために使用されるプロトコルであり、3ウェイハンドシェイクはその通信の確立フェーズの一部です。

3ウェイハンドシェイクは以下の手順で

もっとみる