@katsuo_code profile picture
katsuo @katsuo_code

🛜 NWエンジニア（半年）｜📚 ShiftB受講中｜🎯 Webエンジニアへ転向志望｜📜 基本情報•CCNA•LinuC101｜⏭ 次はAWS SAA！｜学習アウトプット用🧑‍💻

Joined December 2022
  • Tweets 57
  • Following 21
  • Followers 6
23 Photos and videos
Pinned Tweet
katsuo@katsuo_code
May 19
【2026年度の目標】 🎯Webエンジニアへ転向 ✅ LinuCレベル1の取得（101🈴） 📜 AWS SAAの取得 → Webエンジニア転向への土台作り 🛠 AWSハンズオン学習 → ポートフォリオ制作 💻 shiftBでWeb開発スキル習得
1
47
【#ShiftB 25・26日目】（#React 実践演習） ・課題３の修正中！！ 　提出することを意識しすぎて細かな部分の自己レビューを怠ってしまっている。。 　それ以上に、完璧を目指すよりもレビューをもらって修正を繰り返して行くことに重きを置いていく！！ @shiftb_dev
13
【#ShiftB 24日目】（#React 実践演習） ・課題２を提出完了！！ 　→勉強になることばかり、、、追いついていくしかない。 ・課題３を明日には提出したいする。 　→参考書だけでは理解できなかったより深い部分に取り組めている。難しいが楽しい！！ @shiftb_dev
1
1
23
【#ShiftB 23日目】（#React 実践演習） ・今日は通勤時に少し触れた。 　UrlParameterのところで止まってる。。。 　明日中には、提出したい！！ @shiftb_dev
1
1
15
【#ShiftB 22日目】（#React 実践演習） ・今日は、ページ遷移を実装！！ 　少しではあるが進んだ。 土日までには課題３に進めるようにやる！！ @shiftb_dev
12
【#ShiftB 21日目】（#React 実践演習） ・私のgitの使い方が理解できておらず、レビュー時に齟齬が生まれて不必要な時間を使ってしまった。 　→これも学びにしていくしかない。 ・必要なのは、次回できるかどうかだな。。。
13
【#ShiftB 20日目】（#React 実践演習） ・修正を重ねて、また修正。。 　→アウトプットがあってこそインプットの意味があるように感じる。 ・しかしながら、CSS ModulesとTailWindowCSSを一緒に使おうとして苦戦している。😎 　→沼にハマりそうだったのでレビューの力を借ります。👍👍 @shiftb_dev
1
1
35
【#ShiftB 19日目】（#React 実践演習） ・CSS Modulesの書き方をしてみて、よりコンポーネントのイメージできるようになった。 　完璧に理解しようとせず、自走力を鍛えていく！！ @shiftb_dev
1
1
49
【#ShiftB 18日目】（#React 実践演習） ・ようやく、課題１を提出できた。 やっぱり、実践学習に入ると難易度上がって、自分が頭で理解したと思っても実際に書いてみると難しい。 とにかく続けること。これしかないな。。。 @shiftb_dev
1
1
47
【#ShiftB 17日目】（#React 実践演習） ・必要な情報をまず出力してからその後、 Tailwind CSSでサンプルになるように調整中！！ でも、色々課題がたくさんある、、、、 でも、楽しい。明日もやろ！！ @shiftb_dev
1
1
34
もっと色んなWebAPI叩きたいな〜！ 【5章】Web APIの基礎を終えて #ShiftB @shiftb_dev shiftb.vibely.site/blog/EEtb…

【5章】Web APIの基礎を終えて｜かつお/Webアプリ7期

React 5章を終えて:非同期処理と「初めて触れたWeb APIの面白さ」学んだこと1. 現場では async/await がほとんど使われる教材で「現場では .then() より async/await が主流」と知った。 理由を自分なりに調べたところ、async/await は上から下に同期処理のような見た目で読

shiftb.vibely.site
1
1
30
【#ShiftB 16日目】（#WebAPI） ・実務では、async　～ awaitがほとんど使用される。 　→関数コンポーネントとして捉えられるから。
1
7
Claudeに確認してみたら以下のように答えてくれた。 学習中は、生成AIは検証に用いるべし！ ・上から下に同期処理のような見た目で読める。 ・try/catch` でエラー処理をまとめて書ける ・ネストが深くならず可読性が高い
71
【#ShiftB 17日目】（#React 実践演習） ・gitのリポジトリ作成やブランチを作成した。 　これから、難しいことが多いことばかりだろうけどWEBエンジニアとしての一歩になりそう！！ 　楽しみ！！！😎😎
29
【#ShiftB 15日目】（#WebAPI） ・同期処理 　　→直列的に処理を行う ◯ ・非同期処理 　　→並列的に処理を行う △ 　　→実行した処理が返ってくるまで他の処理を行い、　　　　　 　　　終わったら戻ってくる。 @shiftb_dev #Webエンジニア #Web開発
1
2
34
【#ShiftB 15日目】（#React） ・ぜひ、読んでみて下さい！ 【4章】Reactの基礎学習の振り返り @shiftb_dev shiftb.vibely.site/blog/2hGt…

【4章】Reactの基礎学習の振り返り｜かつお/Webアプリ7期

React 4章を終えて:省略記法の前に「冗長な書き方」を知る大切さはじめにShiftBカリキュラムで React の4章を終えました。 書籍『これからはじめる React 実践入門』の必修箇所を進めながら、 コンポーネントや props、配列展開などを学んだ章です。4章で一番強く感じたのは、「省略された書き方を理解す

shiftb.vibely.site
1
1
39
【#ShiftB 14日目】（#React） ・コードを簡単するためには、その土台となる冗長的な表現を知っておくことは大切である。 #JSX @shiftb_dev
1
1
25
【#ShiftB 13日目】（#React） ・...form 　→formオブジェクトを個々に要素分解 　　→冗長的な表現を避けられる。 #JSX @shiftb_dev
17
【#ShiftB 12日目】（#React） ・AIが台頭してコードを書く必要がなくなったとしても可読性を意識したコードを作ることが大切なのは変わらない。 #JSX @shiftb_dev
1
1
26
【#ShiftB 12日目】（#React） ・jsx内でfilter,sortメソッドを使った内容を学習！！ 　→progate,３章の課題のおかげもあり詰まることなく進められた。 　これからも、適度に３章の課題は行なっていこ！！🥸 @shiftb_dev #JavaScript #JSX
1
1
35
【ShiftB 11日目】（React） ・省略形を使うのがごく自然ではあるが、省略形を理解していないと内容を理解できないし使えるようにもならない。(例：import文における拡張子の省略) #ShiftB #JSX #JavaScript #React
17
Load more