フロントエンドのジュニアレベルとはどの程度を目安にすれば良いのか

この記事は約5分で読めます。

以下、作業用メモです。

Qiitaで記事を見つけたので、メモがてらここに貼っておきます。

参考にしたい記事

以下サイトに詳しく書いてあったので、これを参考にしたい。

【フロントエンド】駆け出しエンジニアが目指すジュニアレベルのエンジニアとは【2024年版】 - Qiita
はじめに こんばんは。 駆け出しエンジニア真っ只中のmamiと申します。 最近ようやく業務にも慣れてきたタイミングで、自分のエンジニアとしてのレベル感や、この先目指すべき道筋を明確にしたいな〜という思いでこの記事を書いております。 これは自...
qiita.com

その他参考サイト

公式ドキュメントの読み方
zenn.dev
ググり力、それはエンジニアには必須の能力である - Qiita
ググり力、それはエンジニアにとっては 必須の能力 になりつつあると思います。 さて、皆さんは自分のググり力で欲しい情報にちゃんとたどり着けると言えますか？ @Yametaro さんからのお題です。 ある日、コードレビュー中ワイ ワイ「さぁ、...
qiita.com
フロントエンドのテスト戦略について考える
zenn.dev
ReactでTesting Library/Jestを使ってテストを学ぼう | アールエフェクト
Reactを学び初めてテストを実施してみたいという人向けに公開したTesting Library/Jestを利用する上で必要となる基本を記述した記事です。実践的なTodoリストアプリケーションでのテストや外部のAPIからデータを取得するため...
reffect.co.jp
Reactテスト道場 〜Components編〜 - Qiita
hooks含め、ロジックのテストはできるようになったぞ...！ ただ、それではComponentが正しく動いているかまでは担保ができないぞ... そんな時に行うのが、「Componentテスト」です。 Componentをテストする方法とし...
qiita.com
Web API: The Good Parts
Web APIの設計、開発、運用についての解説書。APIは設計次第で使いづらいものになってしまうだけでなく公開後の保守運用も難しくなってしまいます。そのためAPIを美しく設計することがとても重要です。本書では「設計の美しいAPIは、使いやす...
www.oreilly.co.jp
【リソース取得APIの比較】fetchとaxiosの4つの相違点
zenn.dev
axiosの基本的な使い方 - Qiita
axiosとは HTTP通信（データの更新・取得）を簡単に行うことができる、JavaScriptのライブラリ。 APIを提供するクラウドサービスに対して、データを送受信することができる。 インストール $ npm install axios...
qiita.com
React(v18)完全入門ガイド｜Hooks、Next14、Redux、TypeScript
HTML、CSS、JavaScriptの基礎を終えた方に最適！React入門の決定版！Reactについて知っておくべき基礎知識について体系的、かつ網羅的に学習して、最短でReactをマスターしよう！
www.udemy.com
JavaScriptエンジニアのためのハンズオンで学ぶTypeScript徹底入門 2025年最新版
受講生の約6割が次に学びたいと高注目のTypeScript。Goに並ぶ人気、フロントエンド開発やバックエンド開発、そしてインフラ構築の全てで活用されるTypeScriptの費用対効果は非常に高いです。今すぐダイブしよう！
www.udemy.com
Material-UI でモバイルサイズかどうか判定する
zenn.dev
Reactにおけるスタイリング手法まとめ
zenn.dev
TailwindCSSを理解する！初心者でも分かる概要、特徴などの基礎知識について簡単に解説！ ｜ 案件評判
TailwindCSSとはWebサイト及びWebアプリケーションを作成するためのCSSフレームワークです。「開発者に自由を提供する軽量なフレームワーク」という思想を掲げております。この記事ではTailwindCSSを理解するために初心者でも...
anken-hyouban.com
MUI: The React component library you always wanted
MUI provides a simple, customizable, and accessible library of React components. Follow your own design system, or start...
mui.com
Chakra UI
Simple, Modular & Accessible UI Components for your React Applications
chakra-ui.com
Git： もう怖くないGit！チーム開発で必要なGitを完全マスター
Gitの基本コマンド、ブランチやマージ、コンフリクトの解消方法、リベース、GitHubを利用した開発フローなど、チーム開発に必要なGitの全てが含まれています。仕組みを図解で理解した上でハンズオンで実践するので、もうGitは怖くありません。
www.udemy.com
storybookを理解する
zenn.dev
Storybookを使ってReactの開発をX倍早くしよう！！便利なアドオンの使い方を紹介
Storybookを使ってReactのコンポーネント開発を効率化します。
blog.microcms.io
React 向け Storybook のチュートリアル
開発環境に Storybook を導入しましょう
storybook.js.org
【脱初心者】読みやすく綺麗なコードを書くコツまとめ - Qiita
本記事の目的 この記事を読んでプログラマ初心者の方が、少しでも良いコードを書けるようになることが目的です。 ソースコードを見やすくするために心がけておくこと 良いコードとは そもそも良いコードとは何でしょうか？良いコードとはここでは以下のこ...
qiita.com
【JS】非同期処理入門
zenn.dev
JavaScript Primer - 迷わないための入門書
JavaScript Primerは、JavaScriptの基礎から応用までを一貫して学べる入門書です。
jsprimer.net

タイトルとURLをコピーしました