[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][React] スタイル一覧
• [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] WebAPIの分類_TreeDiagram
• [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] アーキテクチャデザイン

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

shell

• [Linux] システム、プロセス、デーモン、シェル、コマンド、スクリプト、プログラムの違い
• [Linux][directory] ディレクトリ一覧
• [Linux][directory] デバイスファイルと設定ファイル_/dev, /etc, /bot, /proc
• [Linux][quotation mark][command] 引用符_', ", `
• [Linux][RegularExpression] 正規表現
• [Linux][code]改行コードとは_CRLF, CR, LF, \r\n, \r, \n
• [Linux] Linuxディストリビューションとは
• [Linux] パス=環境変数（$PATH）を通すとは
• [Mac] ハードディスクのアイコンがFinderに表示されない

Mac.OS

• [Mac] System File (usr, bin, local) について
• [Mac] [Terminal] cdコマンドの使い方
• [Mac] error 79 (zipファイルが解凍できない)

Cloud

Serverless Computing Service

• [Serverless Computing Service][Managed Service] サーバーレスコンピューティングサービスとマネージドサービスの違い
• [Serverless Computing Service][Azure][Azure Functions] Azure Functionsとそのアーキテクト
• [Serverless Computing Service][AWS][AWS Lambda] AWS Lambdaとそのアーキテクト

Azure

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

AWS

Network sphere

• [DNS] DNSとは

Browser

• [Edge] Microsoft Edge Policiesについて

Hardware

• [Memory] メモリの種類
• [Memory] 大容量記憶装置（Mass Storage Device）について

Security

• [Cryptosystem] 共通鍵暗号方式、公開鍵暗号方式、デジタル署名について
• [Cryptosystem] デジタル証明書の失効情報
• [Cryptosystem] 暗号文とハッシュ値の違い
• [Security] プロキシ
• [Security] WAF, TLSアクセラレーター
• [Security] セキュリティ対策製品
• [Security of Mail Service] メールサービスのセキュリティ
• [Authentication] Challenge and Response Authentication
• [Authentication] SSO
• [Security] PasswordCrack
• [Security] CyberAttack
• [Risk Assessment] リスクアセスメント
• [Standard] セキュリティ評価の標準化

Date Science

Date Analytics

• [Python] 教師あり学習、教師なし学習、強化学習
• [Python][Financial Engineering] 金融モデリングにおける教師あり学習、教師なし学習、強化学習
• [Python] ライブラリ概観_前処理、計算、ファイリング、可視化
• [Python][Equations] 方程式の種類とそのユースケース
• [Python][Financial Engineering][Fluid Mechanics] 金融工学と流体力学の類似性
• [Python][Financial Engineering][Fluid Mechanics] 線形PDEと非線形PDE
• [Python][Financial Engineering] 金融モデリングとは
• [Python][Financial Engineering][Energy Engineering] 金融モデリングとエネルギーモデリングの違い

Date Visualization

• [PowerBI] 列内の文字列（データ）の分割

Peoject Management

• [PM] プロジェクト必要資料一覧

Tool

Common

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

ShortCut

• [US Keyboard] 言語切替
• [Keyboard] URLコピー+貼り付け
• [Keyboard][ShortCut][Browser] ブラウザショートカット
• [Keyboard][ShortCut][Excel] エクセルショートカット

VSCode

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

Certification

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