基本情報・しおり ・１９９０年生まれ双子座ＡＢ型 ・Webデザイナー （元田舎の銀行員） ・名古屋出身 ・旅行、ヨガ、漫画が好き ・夫、息子と３人暮らし ・Twitter：@shiorysm_design ・行った国 ▷ 🇨🇳🇳🇿🇰🇷🇸🇬🇦🇺🇨🇦🇺🇸🇬🇧🇫🇷🇪🇸🇨🇭🇮🇹🇩🇪🇧🇪🇲🇽🇮🇩🇹🇭🇲🇾🇲🇴🇭🇰🇹🇼🇹🇷🇸🇳🇲🇺🇦🇪 ・持っている資格「 TOEIC765点 / 𝐅𝐏2級 / 中高英語教員免許 / 食育アドバイザー / 秘書技能検定２級 / 茶道裏中級 / PADI Ope
自分のポートフォリオやブログにXのタイムラインを埋め込みたい！ そんな時に読む記事です↓ タイムラインの埋め込み方1. 公式サイトで埋め込みたいページのURLを貼り付ける こちらのURLがXをシェア公開するための公式サイトです。 https://publish.twitter.com/ ここに貼り付けたいページのURLを入れてください。 自分のアカウントならこんな感じ 2. どのスタイルで表示するかを選択する 表示スタイルを選べるので左のタイムラインを選択。 3
先週末、息子のご機嫌が斜めの時期が続き触るとなんだか熱い。 鼻水や咳などの症状はなく、うちに来るお手伝いさんには「歯が生えてきて熱出てるのよ〜」と痛み止めの薬を勧められる。 3日続いた熱は4日目にやっと下がって、その翌日、身体中に発疹。 あぁ、これは突発性湿疹だな…と安心したお話。 金曜日（1日目） お昼頃、ベビーシッターさんから受け取った我が子の身体が熱く感じる。 外で遊んできたばかりだし、汗かくほど動いてきたのかなとあまり気にせず寝かしつけをする。 昼寝から起きた息子
かなり以前の記録になってしまいますが、出産時の記録をしたいと思います。 2022年6月13日無事元気な男の子を出産しました。 現在は生後10ヶ月。 本当にお腹の中にいる時からいい子で、生まれる前日まで旦那さんとおでかけもしていました。 1ヶ月の休暇を使って帰国してくれていたので立ち会い出産のために誘発剤を使うこととなり、入院している間は会えない予定でした。 これはその時の記録です。 出産予定日は6月11日(土)だったのが、結局生まれることなく入院が決まる。 当日は朝7
Bonjour! 年が明けてからあっという間に3ヶ月。 3月12日はモーリシャスの独立記念日！！ 今日は朝からショッピングモールでウィンドウショッピングと買出し。 いつもイベントごとに違う広場ですが、今日はモーリシャスの国旗の色で飾り付けられていました。 丸いオブジェの手前に"MORIS"ってあるのみえるかしら。 少し余談ですが、モーリシャスの人たちは英語・フランス語・クレオール語の３つの言語を話します✨ 学校では英語の教科書見ながらフランス語で授業するらしい…！！
noteを書こう書こうと思ってはや数ヶ月。 下書きを見直していたら留学前の意気込み（？）が綴られていたので公開することにした。 銀行で6年働いて、散々モヤモヤして悩んでもがいて出した結論。 勉強は一生し続けるものだという考えは今も変わらないけれど、プログラミングの専門学校に1年通って難しいもんは難しいとわかった。プログラミングに関しては確かにこれずっと続けるのは辛いわってのが今の私の結論。 でももう少しやりたいと、出産後３ヶ月たって思う。 ０歳児ワンオペってなったら本
Cookie（クッキー）私の認識 ウェブサーバーにアクセスしたときにやった内容覚えておくウェブブラウザ側の記憶機能。 CookieとはCookieは、HTTPの仕様を拡張してWebアプリケーションとWebブラウザの間で情報を交換できるようにしたもの。 WebサーバーからWebブラウザへHTTPレスポンスのヘッダを利用して「名前＝値」の組み合わせてできた情報（Cookie）が送られる。 Cookieとは、Webブラウザ（クライアント）に保存された情報 WebサーバーからC
「ステート」の使い方が異なるクラスコンポーネント ステートに使うのは表示に使われる値 表示に使われるわけではない値はプロパティとして保管しておく 関数コンポーネント コンポーネントで使われる値は基本的に全てステートとして保管 表示に使われていないものでもコンポーネント内で値を保持するものは全てステートにする 関数コンポーネントは常にリロードされるクラスコンポーネントは状態維持される クラスはインスタンスを作成しており、インスタンスはプログラムが実行中の間、常にメモリ内に保管
プロジェクトでのコンポーネント1. アクセスすると index.html が読み込まれる 2. index.html を読み込む際、index.js が読み込まれ実行される 3. index.js の中で App コンポーネントが読み込まれ表示される ### 画面に表示される内容に関するファイル publicフォルダ内・index.html これがアクセス時に表示されるHTMLファイル。 この中に、画面表示に関する基本的な要素がまとめてある。 srcフォルダ- inde
コンポーネントを作るコンポーネントはReactで画面に表示される「部品」のこと 必要なデータ・処理などを１つのオブジェクトにまとめたもの 「関数」コンポーネント表示するエレメントを`return`で返す JSXの値を`return`で返すだけでOK function コンポーネント名 ( 引数 ) { return JSXによる表示;} コンポーネントはダグで書ける コンポーネントの利用方法にはJSXの中で、タグとして記述するというものがある 関数コンポーネントの場
HTMLタグを値として直接記述できるようにするもので「文法拡張」という。 JSXの更新とイベント必要に応じて更新する方法 表示を一定間隔でrenderして更新する setIntervalで一定間隔で処理（関数）を実行する。 // 1秒間隔で処理を実行setInterval(() => { 処理 }, 1000); 第一引数：アロー関数で実行する処理を用意 第二引数：1000ms（１秒）ごとに処理が実行されるようにする JSXは変数代入時にコンパイルされる １秒ごと
Macがどちらを使用しているか調べる方法コマンドをターミナルに入力して、数字が返ってきたら今使用しているシェル。 echo $ZSH_VERSION// zshを使用中echo $BASH_VERSION// bashを使用中 シェルとは何か？OSとアプリケーションの間に立ってユーザからの要求をシステムに伝えるためのユーザインターフェース（人間とパソコン（カーネル）の通訳者） コマンドを入力することで動くプログラムのことで、コマンドプロンプト,ターミナル,端末と呼び名が色
ここ数年、状態を管理するにはReduxが唯一の方法だった様子。 しかし、React 16.3では新しいContext APIが登場によって状況が変化。 この投稿は、既にReactの基本を学んでいて、状態を管理する方法を学び始めた人向けのメモです。 ReactのReduxとは？Reduxは、グローバルな状態を管理するライブラリです。また、Reduxは状態を管理するための最もポピュラーなライブラリです。 しかし、Reduxを使う上でちょっとした問題があります。その問題とは…
プログラミング言語の構文の要素は、式と文に分類される Expression（式）Expressionとは、値を生成して変数にその値の評価値を代入できるもの // 1という式の評価値を表示console.log(1);// 式の評価値を変数に代入const total = 1 + 1;// 関数式の評価値（関数オブジェクト）を変数に代入const fn = function() { return 1;};// fn()という式の評価値を表示console.log(fn())
ブラウザは何のためにありますか？ブラウザとは、WEBサイトを閲覧するために使うソフトのこと。 専門知識がないと理解しづらいHTMLなどのプログラミング言語の記述を、ブラウザがWebページへと変換している。 各ホームページ（Webサイト）はHTMLやCSSなどのプログラミング言語で構成されており、それらのプログラミング言語で構成されたソースコードを読み込み、解釈して、一般の方でも見やすいWebページとして表示するのが、ブラウザの主な役割・機能。 参照: DSマガジン ブラ
