DVT Example

public class InputChecks {
    
    public boolean checkAlphaSpace(String s) {
        return s.matches("[a-zA-Z ]+") == true;
    }

    public boolean containsNumbers(String s) {
        boolean hasNumbers = false;

        for (char ch : s.toCharArray()) {
            if (Character.isDigit(ch)) {
                hasNumbers = true;
            }
        }
        return hasNumbers;
    }

    public boolean containsSymbols(String s) {
        boolean hasSymbols = false;

  

Variants - TW3 / TW4



// TW 3
@layer components {
  .x {
    color: red;
    border: 1px solid red;
  }
}


// TW 4 
@utility x {
  color: red;
  border: 1px solid red;
}



<div class="[&_ul]:x">
  <ul>
    <li>Test</li>
  </ul>
</div>

ページパスをハードコードではなく定義ファイルで管理する例

export const ROUTES = {
  // トップページ
  HOME: '/',

  // 静的ページ
  ABOUT: '/about',
  CONTACT: '/contact',
  PRIVACY_POLICY: '/privacy-policy',

  // ニュース(一覧 + 動的詳細ページ)
  NEWS: {
    INDEX: '/news',
    DETAIL: (id: string) => `/news/${id}` as const,
    CATEGORY: (category: string) => `/news/category/${category}` as const,
  },

  // ブログ(一覧 + 動的詳細ページ)
  BLOG: {
    INDEX: '/blog',
    DETAIL: (slug: string) => `/blog/${slug}` as const,
  },

  // 認証
  AUTH: {
    LOGIN: '/login',
    REGISTER: '/re

一定時間ごとに文字色を変化

const messages = document.querySelectorAll(".header_nav_list");
let currentIndex = 1;

const interval = 6000;
let lastTime = performance.now();

function messageAppear() {
    if (currentIndex >= messages.length) {
        currentIndex = 0;
    }

    messages.forEach((message) => {
        message.classList.remove("appear");
        message.classList.remove("appear_first");
    });

    messages[currentIndex].classList.add("appear");
    currentIndex++;
}

function loop(now)

test tab indention

code block below

```python

	this is a tab indented
	
```

``
test
``

````
	be hi
````


`
	this is a code
`

Job Content

Dear Hiring Team at Meesho,

I am interested in the Data Scientist role at Meesho. With 4+ years of experience in Machine Learning,AI/ML, statistics, and product analytics, I am confident that my skills align well with your requirements and business goals.

I would welcome the opportunity to contribute to your team.

Best regards,
Susant Kumar Sahoo

Forms in React

import { useState, useMemo } from "react"
import { checkEmail, checkPassword } from "./validators"

export function StateForm() {
  const [email, setEmail] = useState("")
  const [password, setPassword] = useState("")
  const [isAfterFirstSubmit, setIsAfterFirstSubmit] = useState(false)

  const emailErrors = useMemo(() => {
    return isAfterFirstSubmit ? checkEmail(email) : []
  }, [isAfterFirstSubmit, email])

  const passwordErrors = useMemo(() => {
    return isAfterFirstSubmit

1461. Check If a String Contains All Binary Codes of Size K

Given a binary string s and an integer k, return true if every binary code of length k is a substring of s. Otherwise, return false.
/**
 * @param {string} s
 * @param {number} k
 * @return {boolean}
 */
var hasAllCodes = function(s, k) {
    // Total number of binary codes of length k
    const needed = 1 << k;  // same as Math.pow(2, k)

    // Quick fail: if s is too short to contain all codes
    // There are (s.length - k + 1) substrings of length k
    if (s.length < k || (s.length - k + 1) < needed) {
        return false;
    }

    // A set to store all unique substrings of length k
    const seen = new Set();

    /

RSYNC: useful commands

# RSYNC useful commands
    - Install: `apt install rsync`
    - Use: `rsync [OPTIONS] SOURCE DESTINATION`

- **Copy/Sync File Locally**
    - `rsync -zvh /source/file /dest/folder/` 
    
- **Copy/Sync Directory Locally**
    - `rsync -avzh /source/folder /dest/other-folder/`

- **Copy a Directory from Local to Remote Server**
    - `rsync -avzhe ssh --progress /local-source/folder user@192.168.0.141:/remote-dest/`

- **Copy a Directory from Remote to Local Server**
    - `rsync -avzhe ssh --pr

twes

{
    "type": "object",
    "properties": {
        "vendor": { "type": "string" },
        "invoice_number": { "type": "string" },
        "amount": { "type": "number" }
    }
}

sth

{
  "id": "chatcmpl-123",
  "object": "chat.completion",
  "created": 1677652288,
  "model": "gpt-4o",
  "choices": [
    {
      "index": 0,
      "message": {
        "role": "assistant",
        "content": "{\n  \"vendor\": \"Example Inc.\",\n  \"invoice_number\": \"INV-2023-001\",\n  \"amount\": 150.00\n}"
      },
      "finish_reason": "stop"
    }
  ],
  "usage": {
    "prompt_tokens": 9,
    "completion_tokens": 12,
    "total_tokens": 21
  }
}

Guide to Using Test Credit Cards for Developers

Learn to generate & use test credit card numbers for secure e-commerce platform development.
## The Essential Role of Payment Testing in Modern Development

In the modern era of software development, building a robust e-commerce platform requires more than just a sleek user interface and a functional product catalog. The heart of any online business lies in its payment processing system. Ensuring that this system handles transactions accurately, securely, and efficiently is paramount for user trust and business continuity. This is where the strategic use of test credit card numbers beco

useLocalStorage

import { useEffect, useState } from "react"

export function useLocalStorage(key, initialValue) {
  const [value, setValue] = useState(() => {
    const localValue = localStorage.getItem(key)
    if (localValue == null) {
      if (typeof initialValue === "function") {
        return initialValue()
      } else {
        return initialValue
      }
    } else {
      return JSON.parse(localValue)
    }
  })

  useEffect(() => {
    if (value === undefined) {
      localStorage.

useArray custom hook

import { useState, useCallback } from "react"

export function useArray(initialValue) {
  const [array, setArray] = useState(initialValue)

  const push = useCallback(element => {
    setArray(a => [...a, element])
  }, [])

  const replace = useCallback((index, newElement) => {
    setArray(a => {
      return [...a.slice(0, index), newElement, ...a.slice(index + 1)]
    })
  }, [])

  const filter = useCallback(callback => {
    setArray(a => {
      return a.filter(callback)

868. Binary Gap

Given a positive integer n, find and return the longest distance between any two adjacent 1's in the binary representation of n. If there are no two adjacent 1's, return 0. Two 1's are adjacent if there are only 0's separating them (possibly no 0's). The distance between two 1's is the absolute difference between their bit positions. For example, the two 1's in "1001" have a distance of 3.
/**
 * @param {number} n
 * @return {number}
 */
var binaryGap = function(n) {
    // Convert the number to its binary string representation.
    // Example: 22 -> "10110"
    const binary = n.toString(2);

    // This will store the index of the *previous* '1' we saw.
    // We start with null because we haven't seen any '1' yet.
    let prevOneIndex = null;

    // This will track the maximum distance found so far.
    let maxDistance = 0;

    // Loop through each character in the binary stri

finncial dashboard

'use client';

import { useState } from 'react';
import { Target, Edit2, Check, X } from 'lucide-react';
import { Budget } from '../lib/types';
import { formatCurrency } from '../lib/utils';

interface BudgetOverviewProps {
  budgets: Budget[];
  onUpdateBudget: (category: string, newLimit: number) => void;
}

export default function BudgetOverview({ budgets, onUpdateBudget }: BudgetOverviewProps) {
  const [editingCategory, setEditingCategory] = useState<string | null>(null);
  co