Function ToolsSoundPageComponent has 175 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const ToolsSoundPageComponent = () => {
  const dispatch = useDispatch();

  const [name, setName] = useState("");
  const changeName = (event: ChangeEvent<HTMLInputElement>) => setName(event.target.value);

Function ToolsScrapingPageComponent has 172 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const ToolsScrapingPageComponent = () => {
  const state = useSelector((state: AppState) => state);
  const dispatch = useDispatch();

  const [url, setURL] = useState("");

Function connectHandler has 156 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const connectHandler = async (event: APIGatewayEvent) => {
  const connectionId = event.requestContext.connectionId;
  if (!connectionId) return;

  const body = event.body as any;

Function ToolsSpeechPageComponent has 109 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const ToolsSpeechPageComponent = () => {
  const dispatch = useDispatch();
  const [loadCheckAuth] = useLazyQuery<CheckAuth>(CHECK_AUTH, {
    onCompleted: async checkAuth => {
      if (!checkAuth.checkAuth) {

Function ToolsVRMPageComponent has 92 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const ToolsVRMPageComponent = () => {
  const dispatch = useDispatch();
  const [loadCheckAuth] = useLazyQuery<CheckAuth>(CHECK_AUTH, {
    onCompleted: async checkAuth => {
      if (!checkAuth.checkAuth) {

Function SidebarComponent has 80 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const SidebarComponent = () => {
  const states = useSelector((state: AppState) => state);
  const dispatch = useDispatch();

  return (

Function ToolsSsbPageComponent has 80 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const ToolsSsbPageComponent = () => {
  const dispatch = useDispatch();
  const [loadCheckAuth] = useLazyQuery<CheckAuth>(CHECK_AUTH, {
    onCompleted: async checkAuth => {
      if (!checkAuth.checkAuth) {

Function connectHandler has a Cognitive Complexity of 21 (exceeds 5 allowed). Consider refactoring.

Open

export const connectHandler = async (event: APIGatewayEvent) => {
  const connectionId = event.requestContext.connectionId;
  if (!connectionId) return;

  const body = event.body as any;

• Read up
  Read up

Function vrmLoad has 69 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const vrmLoad = async (divElement: HTMLDivElement, videoElement: HTMLVideoElement) => {
  const { GLTFLoader } = await import("three/examples/jsm/loaders/GLTFLoader");
  const { OrbitControls } = await import("three/examples/jsm/controls/OrbitControls");

  const width = 320;

Function vrmLoad has a Cognitive Complexity of 20 (exceeds 5 allowed). Consider refactoring.

Open

const vrmLoad = async (divElement: HTMLDivElement, videoElement: HTMLVideoElement) => {
  const { GLTFLoader } = await import("three/examples/jsm/loaders/GLTFLoader");
  const { OrbitControls } = await import("three/examples/jsm/controls/OrbitControls");

  const width = 320;

• Read up
  Read up

Function ToolsSoundPageComponent has a Cognitive Complexity of 20 (exceeds 5 allowed). Consider refactoring.

Open

const ToolsSoundPageComponent = () => {
  const dispatch = useDispatch();

  const [name, setName] = useState("");
  const changeName = (event: ChangeEvent<HTMLInputElement>) => setName(event.target.value);

• Read up
  Read up

Function BlogsPageComponent has 68 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const BlogsPageComponent = () => {
  const dispatch = useDispatch();

  const [loadCheckAuth] = useLazyQuery<CheckAuth>(CHECK_AUTH, {
    onCompleted: async checkAuth => {

Function ToolsPageComponent has 56 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const ToolsPageComponent = () => {
  const dispatch = useDispatch();
  const [loadCheckAuth] = useLazyQuery<CheckAuth>(CHECK_AUTH, {
    onCompleted: async checkAuth => {
      if (!checkAuth.checkAuth) {

Function changeFile has 56 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  const changeFile = async (event: ChangeEvent<HTMLInputElement>) => {
    if (event.target.files && event.target.files[0]) {
      const waveformElement = document.getElementById("waveform");
      if (waveformElement) {
        const childElement = waveformElement.firstChild;

Function BlogsSpeakerdeckDeskPageComponent has 52 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const BlogsSpeakerdeckDeskPageComponent = () => {
  const state = useSelector((state: AppState) => state);
  const dispatch = useDispatch();
  const router = useRouter();
  let name = process.browser

Function google has 50 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const google = async (req: express.Request, res: express.Response) => {
  let query = "";

  try {
    if (!req.user) throw new Error("not user");

Function github has 50 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const github = async (req: express.Request, res: express.Response) => {
  let query = "";

  try {
    if (!req.user) throw new Error("not user");

Function BlogsHatenaPageComponent has 48 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const BlogsHatenaPageComponent = () => {
  const state = useSelector((state: AppState) => state);
  const dispatch = useDispatch();

  const [loadCheckAuth] = useLazyQuery<CheckAuth>(CHECK_AUTH, {

Function BlogsQiitaPageComponent has 48 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const BlogsQiitaPageComponent = () => {
  const state = useSelector((state: AppState) => state);
  const dispatch = useDispatch();

  const [loadCheckAuth] = useLazyQuery<CheckAuth>(CHECK_AUTH, {

Function BlogsSpeakerdeckPageComponent has 48 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const BlogsSpeakerdeckPageComponent = () => {
  const state = useSelector((state: AppState) => state);
  const dispatch = useDispatch();

  const [loadCheckAuth] = useLazyQuery<CheckAuth>(CHECK_AUTH, {