我が子の出産

かなり以前の記録になってしまいますが、出産時の記録をしたいと思います。 2022年6月13日無事元気な男の子を出産しました。 現在は生後10ヶ月。 本当にお腹の中にいる時からいい子で、生まれる前日まで旦那さんとおでかけもしていました。 1ヶ月の休暇を使って帰国してくれていたので立ち会い出産のために誘発剤を使うこととなり、入院している間は会えない予定でした。 これはその時の記録です。 出産予定日は6月11日(土)だったのが、結局生まれることなく入院が決まる。 当日は朝7

モーリシャス生活3ヶ月目のとある休日。

Bonjour! 年が明けてからあっという間に3ヶ月。 3月12日はモーリシャスの独立記念日！！ 今日は朝からショッピングモールでウィンドウショッピングと買出し。 いつもイベントごとに違う広場ですが、今日はモーリシャスの国旗の色で飾り付けられていました。 丸いオブジェの手前に"MORIS"ってあるのみえるかしら。 少し余談ですが、モーリシャスの人たちは英語・フランス語・クレオール語の３つの言語を話します✨ 学校では英語の教科書見ながらフランス語で授業するらしい…！！

モーリシャスの紅茶＜バニラティー＞

一生勉強をし続けるなんて考えられないと友人に言われて疑問に思った話。

noteを書こう書こうと思ってはや数ヶ月。 下書きを見直していたら留学前の意気込み（？）が綴られていたので公開することにした。 銀行で6年働いて、散々モヤモヤして悩んでもがいて出した結論。 勉強は一生し続けるものだという考えは今も変わらないけれど、プログラミングの専門学校に1年通って難しいもんは難しいとわかった。プログラミングに関しては確かにこれずっと続けるのは辛いわってのが今の私の結論。 でももう少しやりたいと、出産後３ヶ月たって思う。 ０歳児ワンオペってなったら本

Cookieとセッション

Cookie（クッキー）私の認識 ウェブサーバーにアクセスしたときにやった内容覚えておくウェブブラウザ側の記憶機能。 CookieとはCookieは、HTTPの仕様を拡張してWebアプリケーションとWebブラウザの間で情報を交換できるようにしたもの。 WebサーバーからWebブラウザへHTTPレスポンスのヘッダを利用して「名前＝値」の組み合わせてできた情報（Cookie）が送られる。 Cookieとは、Webブラウザ（クライアント）に保存された情報 WebサーバーからC

「関数コンポーネント」と「クラスコンポーネント」の違い

「ステート」の使い方が異なるクラスコンポーネント ステートに使うのは表示に使われる値 表示に使われるわけではない値はプロパティとして保管しておく 関数コンポーネント コンポーネントで使われる値は基本的に全てステートとして保管 表示に使われていないものでもコンポーネント内で値を保持するものは全てステートにする 関数コンポーネントは常にリロードされるクラスコンポーネントは状態維持される クラスはインスタンスを作成しており、インスタンスはプログラムが実行中の間、常にメモリ内に保管

create-react-app の中身

プロジェクトでのコンポーネント1. アクセスすると index.html が読み込まれる 2. index.html を読み込む際、index.js が読み込まれ実行される 3. index.js の中で App コンポーネントが読み込まれ表示される ### 画面に表示される内容に関するファイル publicフォルダ内・index.html これがアクセス時に表示されるHTMLファイル。 この中に、画面表示に関する基本的な要素がまとめてある。 srcフォルダ- inde

React - 関数コンポーネントとクラスコンポーネント -

コンポーネントを作るコンポーネントはReactで画面に表示される「部品」のこと 必要なデータ・処理などを１つのオブジェクトにまとめたもの 「関数」コンポーネント表示するエレメントを`return`で返す JSXの値を`return`で返すだけでOK function コンポーネント名 ( 引数 ) { return JSXによる表示;} コンポーネントはダグで書ける コンポーネントの利用方法にはJSXの中で、タグとして記述するというものがある 関数コンポーネントの場

Reactの基礎〜elementの表示〜

HTMLタグを値として直接記述できるようにするもので「文法拡張」という。 JSXの更新とイベント必要に応じて更新する方法 表示を一定間隔でrenderして更新する setIntervalで一定間隔で処理（関数）を実行する。 // 1秒間隔で処理を実行setInterval(() => { 処理 }, 1000); 第一引数：アロー関数で実行する処理を用意 第二引数：1000ms（１秒）ごとに処理が実行されるようにする JSXは変数代入時にコンパイルされる １秒ごと

Bash/Zshって何？

Macがどちらを使用しているか調べる方法コマンドをターミナルに入力して、数字が返ってきたら今使用しているシェル。 echo $ZSH_VERSION// zshを使用中echo $BASH_VERSION// bashを使用中 シェルとは何か？OSとアプリケーションの間に立ってユーザからの要求をシステムに伝えるためのユーザインターフェース（人間とパソコン（カーネル）の通訳者） コマンドを入力することで動くプログラムのことで、コマンドプロンプト,ターミナル,端末と呼び名が色

ReduxとContext APIの違い

ここ数年、状態を管理するにはReduxが唯一の方法だった様子。 しかし、React 16.3では新しいContext APIが登場によって状況が変化。 この投稿は、既にReactの基本を学んでいて、状態を管理する方法を学び始めた人向けのメモです。 ReactのReduxとは？Reduxは、グローバルな状態を管理するライブラリです。また、Reduxは状態を管理するための最もポピュラーなライブラリです。 しかし、Reduxを使う上でちょっとした問題があります。その問題とは…

ExpressionとStatementの違い

プログラミング言語の構文の要素は、式と文に分類される Expression（式）Expressionとは、値を生成して変数にその値の評価値を代入できるもの // 1という式の評価値を表示console.log(1);// 式の評価値を変数に代入const total = 1 + 1;// 関数式の評価値（関数オブジェクト）を変数に代入const fn = function() { return 1;};// fn()という式の評価値を表示console.log(fn())