X(旧Twitter)のタイムラインを埋め込む方法

自分のポートフォリオやブログにXのタイムラインを埋め込みたい！
そんな時に読む記事です↓

タイムラインの埋め込み方1. 公式サイトで埋め込みたいページのURLを貼り付ける

こちらのURLがXをシェア公開するための公式サイトです。

https://publish.twitter.com/

ここに貼り付けたいページのURLを入れてください。
自分のアカウントならこんな感じ

2. どのスタイル

モーリシャスで地元のフェイシャルエステに行く

こんにちは！モーリシャス在住のしおりです。

先日、初めてリゾートホテル以外のSPAに行ってきたのでその時の記録を残したいと思います。

Johaness Spa Mauritius

今回利用したのはMokaエリアにあるJohaness Spa
すぐ隣にはレストランが併設されており、前回ランチでお邪魔しましたがとてもおしゃれで美味しい料理が出てきました。
お店のロゴからしてドクターフィッシュをメ

1歳3ヶ月の息子、突発性湿疹になる。

先週末、息子のご機嫌が斜めの時期が続き触るとなんだか熱い。
鼻水や咳などの症状はなく、うちに来るお手伝いさんには「歯が生えてきて熱出てるのよ〜」と痛み止めの薬を勧められる。
3日続いた熱は4日目にやっと下がって、その翌日、身体中に発疹。
あぁ、これは突発性湿疹だな…と安心したお話。

金曜日（1日目）

お昼頃、ベビーシッターさんから受け取った我が子の身体が熱く感じる。
外で遊んできたばかりだし、

我が子の出産

かなり以前の記録になってしまいますが、出産時の記録をしたいと思います。

2022年6月13日無事元気な男の子を出産しました。

現在は生後10ヶ月。
本当にお腹の中にいる時からいい子で、生まれる前日まで旦那さんとおでかけもしていました。
1ヶ月の休暇を使って帰国してくれていたので立ち会い出産のために誘発剤を使うこととなり、入院している間は会えない予定でした。
これはその時の記録です。

出産予定

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

Bonjour!

年が明けてからあっという間に3ヶ月。
3月12日はモーリシャスの独立記念日！！

今日は朝からショッピングモールでウィンドウショッピングと買出し。

いつもイベントごとに違う広場ですが、今日はモーリシャスの国旗の色で飾り付けられていました。

丸いオブジェの手前に"MORIS"ってあるのみえるかしら。

少し余談ですが、モーリシャスの人たちは英語・フランス語・クレオール語の３つ

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

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

 noteを書こう書こうと思ってはや数ヶ月。
下書きを見直していたら留学前の意気込み（？）が綴られていたので公開することにした。

銀行で6年働いて、散々モヤモヤして悩んでもがいて出した結論。

勉強は一生し続けるものだという考えは今も変わらないけれど、プログラミングの専門学校に1年通って難しいもんは難しいとわかった。プログラミングに関しては確かにこれずっと続けるのは辛いわってのが今の私の結論。

Cookieとセッション

Cookie（クッキー）私の認識
ウェブサーバーにアクセスしたときにやった内容覚えておくウェブブラウザ側の記憶機能。

CookieとはCookieは、HTTPの仕様を拡張してWebアプリケーションとWebブラウザの間で情報を交換できるようにしたもの。
WebサーバーからWebブラウザへHTTPレスポンスのヘッダを利用して「名前＝値」の組み合わせてできた情報（Cookie）が送られる。

Cook

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

「ステート」の使い方が異なるクラスコンポーネント
ステートに使うのは表示に使われる値
表示に使われるわけではない値はプロパティとして保管しておく
関数コンポーネント
コンポーネントで使われる値は基本的に全てステートとして保管
表示に使われていないものでもコンポーネント内で値を保持するものは全てステートにする

関数コンポーネントは常にリロードされるクラスコンポーネントは状態維持される
クラスはイン

create-react-app の中身

プロジェクトでのコンポーネント1. アクセスすると index.html が読み込まれる
2. index.html を読み込む際、index.js が読み込まれ実行される
3. index.js の中で App コンポーネントが読み込まれ表示される
### 画面に表示される内容に関するファイル

publicフォルダ内・index.html
これがアクセス時に表示されるHTMLファイル。
この中

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

コンポーネントを作るコンポーネントはReactで画面に表示される「部品」のこと
必要なデータ・処理などを１つのオブジェクトにまとめたもの

「関数」コンポーネント表示するエレメントを`return`で返す
JSXの値を`return`で返すだけでOK

function コンポーネント名 ( 引数 ) { return JSXによる表示;}

コンポーネントはダグで書ける
コンポーネントの利用

Reactの基礎〜elementの表示〜

HTMLタグを値として直接記述できるようにするもので「文法拡張」という。

JSXの更新とイベント必要に応じて更新する方法

表示を一定間隔でrenderして更新する
setIntervalで一定間隔で処理（関数）を実行する。

// 1秒間隔で処理を実行setInterval(() => { 処理 }, 1000);

第一引数：アロー関数で実行する処理を用意
第二引数：1000ms（１秒）ごと

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は状態を管理するための最もポピュラーなライブラリで

ExpressionとStatementの違い

プログラミング言語の構文の要素は、式と文に分類される

Expression（式）Expressionとは、値を生成して変数にその値の評価値を代入できるもの

// 1という式の評価値を表示console.log(1);// 式の評価値を変数に代入const total = 1 + 1;// 関数式の評価値（関数オブジェクト）を変数に代入const fn = function() { return

ブラウザとその仕組み

ブラウザは何のためにありますか？ブラウザとは、WEBサイトを閲覧するために使うソフトのこと。
専門知識がないと理解しづらいHTMLなどのプログラミング言語の記述を、ブラウザがWebページへと変換している。
 各ホームページ（Webサイト）はHTMLやCSSなどのプログラミング言語で構成されており、それらのプログラミング言語で構成されたソースコードを読み込み、解釈して、一般の方でも見やすいWebペ