[Jochun] FullStuck

SetUp

SetUp for Mac

• [SetUp][Mac][Homebrew] 開発用Macの初期設定

SetUp for Windws

Design

Presentation Layer

• [FE] フロントエンドのディレクトリ設計
• [React] Create React App(CRA)を使用したReactプロジェクトのフォルダ構成

Business Logic Layer

Date Access Layer

• [Date Management][Design] アーキテクチャデザイン

FrontEnd sphere

HTML

CSS

• [CSS] stylesheetの指定方法
• [CSS] [React] テンプレートリテラルを用いた２つのクラスを付与する方法

JavaScript/TypeScript

• [JavaScript] DOM
• [JavaScript] モジュールバンドラー
• [JavaScript] 変数
• [JavaScript] データ型とリテラル
• [JavaScript] 分割代入
• [JavaScript] コールバック関数とは
• [JavaScript] mapメソッドとは
• [JavaScript] filterメソッドとは
• Basic
  • [JavaScript] DOM/ Node/ Element の違い
  • [JavaScript] オブジェクト、プロパティ、メソッドについて
  • [JavaScript] クラス、コンストラクタ、プロパティ、メソッドについて

JavaScript/TypeScript(Applied)

ToDoApp

• [JavaScript][L1] テキストボックスのコンテンツ(div)を別コンテンツ(div)に転記(生成)する
• [JavaScript][L2] ボタン押下によりコンテンツ(div>ul>li)を削除する
• [JavaScript][L3] ボタン押下によりコンテンツ(div>ul>li)を別コンテンツ(div>ul>li)に移動(生成)する
• [JavaScript][L4] コンテンツ(div>ul>li)の生成機能を共通化する
• [JavaScript][L5] ボタン押下によりコンテンツ(div>ul>li)を別コンテンツ(div>ul>li)に移動(生成)する ([L4]で作成したコンポーネントを活用)

Test

• [JavaScript] [Jest] インスタンスを用いたテストコード

React

• [React] JSXとは
• [React][L1] 画面要素を関数で出力する
• [React][L2] Eventの設定方法
• [React][L3] Styleの設定方法
• [React][L4] Props
• [React] State
  • [React][L5] State
  • [React][L6] Stateの連結
  • [React] useState
• [React] Rendering
  • [React] 再レンダリングの条件
  • [React][L7] useEffect, ||, &&
• [React] Event
  • [React] イベントハンドラの注意点
• Basic
  • [React] Create React App（CRA）またはViteを使用したプロジェクトの作成方法
  • [React] コンポーネントを用いたレンダリング
  • [React][JavaScript][L8] default exportとnamed export

React(Applied)

ToDoApp

• [React][L1] コンテンツ(li)を出力する
• [React][L2] テキストボックスの内容を保持する
• [React][L3] テキストボックスの内容を出力する
• [React][L4] リストの項目をボタンで削除する
• [React][L5] リストの項目をボタンで削除・出力する
• [React][L6] リストの項目をボタンで削除・出力する2
• [React][L7] コンポーネン化する(Propsの利用)

PowerBI

• [React] [PowerBI] ReactアプリにPowerBIを埋め込む

DevOps & API sphere

API

• [API] RESTfulなAPIとは
• [API] API Gateway と BFF の違い

Git

GitHub

• [GitHub] GitHub CLI をインストールする
• [GitHub] GitHub CLI コマンド一覧
• [Git/GitHub] Git-flow と GitHub-flow の違い

BackEnd sphere

NET

• [.NET Framework/.NET].NET Frameworkと.NETの違い

Node.JS

• [Node.js][nodebrew] [Mac] nodebrewを使用してMacにNode.jsをインストールする
• [Node.js][Jest] Jestでテストを行う
• [Node.js][Jest] 単体テストにおける jest.spyOn の使い方
• [Node.js][winston][library] ロギングライブラリ(winston)の使い方

npm

• [Package Manager]パッケージマネージャとは

Datebase sphere

MySQL

• [MySQL] [HeidiSQL] [Azure] HediSQLからAzure Datebase for MySQL フレキシブルサーバに接続する
• [MySQL] [PowerBI] MySQLの情報をPowerBIで出力する
• [MySQL] exitとquitの違い
• [MySQL][Docker] DockerでMySQLを動かす

Date Management

• [Date Management] データ管理ツールの概論（特徴、分類、類似性）
• [Date Management][Design] アーキテクチャデザイン

Date Analytics

Platform sphere

Virtual Architecture

• [Virtual Architectute] ハイパーバイザ型、ホストOS型、コンテナ型とは
• [VirtualBox / Vagrant] VirtualBoxとVagrantとは
• [Vagrant][VirtualBox][Mac] Mac環境でVagrantからVirtualBoxを起動する
• [Vagrant][VirtualBox][Mac] Mac環境でVagrantからVirtualBoxを起動する_2
• [VirtualBox][Mac] Mac環境で仮想マシンファイルからVirtualBoxを起動する

OS

• [Linux] Linuxディストリビューションとは
• [Linux] パス=環境変数（$PATH）を通すとは
• [Mac] ハードディスクのアイコンがFinderに表示されない
• [Mac] System File (usr, bin, local) について
• [Mac] [Terminal] cdコマンドの使い方
• [Mac] error 79 (zipファイルが解凍できない)
• [Terminal/Shell] TerminalとShellの違い

Azure

• [Azure AD] Azure AD(Microsoft Entra)とテナントとサブスクリプション
• [Azure AD] Azure B2B/B2C の違い

Network sphere

• [DNS] DNSとは

Browser

• [Edge] Microsoft Edge Policiesについて

Security

Tool

Common

• [mermaid] mermaidの記法
• [Jmeter] Jmeterの使用方法
• [CodeSandbox] consoleの表示方法

ShortCut

• [US Keyboard] 言語切替
• [Keyboard] URLコピー+貼り付け

VSCode

• [VSCode] Terminalの表示・非表示・追加
• [VSCode][Python] 一括コメントアウト

Certification

• [Certification] IPA AP
• [Certification] LSM
• [Certification] LPIC 101