CSSでボックス内画像のスクロールパララックス

<ul class="list">
  <li class="item">
    <img src="assets/images/1.jpg" class="image" />
  </li>
  <li class="item">
    <img src="assets/images/1.jpg" class="image" />
  </li>
  <li class="item">
    <img src="assets/images/1.jpg" class="image" />
  </li>
  <li class="item">
    <img src="assets/images/1.jpg" class="image" />
  </li>
  <li class="item">
    <img src="assets/images/1.jpg" class="image" />
  </li>
  <li class="item">
    <img src="assets/images/1.jpg" class="image" />
  </li>
  

945. Minimum Increment to Make Array Unique

You are given an integer array nums. In one move, you can pick an index i where 0 <= i < nums.length and increment nums[i] by 1. Return the minimum number of moves to make every value in nums unique. The test cases are generated so that the answer fits in a 32-bit integer.
/**
 * @param {number[]} nums
 * @return {number}
 */
var minIncrementForUnique = function(nums) {
    // Sort the array in ascending order
    nums.sort((a, b) => a - b);

    // Initialize moves to 0
    let moves = 0;

    // Iterate over the array, starting from the second element
    for (let i = 1; i < nums.length; i++) {
        // If the current element is less than or equal to the previous one
        if (nums[i] <= nums[i - 1]) {
            // Calculate the difference
            let 

DNS records for new site

// Main domain
Name: @
Type: A
Value: <your-server-ip-address>


// www Domain
Name: www
Type: CNAME
Value: example.com





grid内の要素の高さが、最も高い要素の高さで統一されてしまう場合

<div class="container">
  <div class="item1">1</div>
  <div class="item2">2</div>
  <div class="item3">3</div>
  <div class="item4">4</div>
</div>

NotePad++

All S3_path in txt:

:: call aws s3 cp s3://vc-data-barossolutions/jacobs_br/invoices/20220603-20220610_jacobs_br_invoices_daily_1711064661756_.csv ./downloaded-s3-files


call set /p DUMMY=Hit ENTER to continue..

1-  ersetzten:   $             =>>      ./downloaded-s3-files
2-  ersetzen:    ^             =>>      call aws s3 cp s3://


call set /p DUMMY=Hit ENTER to continue..

textareaの高さを入力された文字の行数に合わせて伸縮させる

<textarea class="textarea"></textarea>

Create an empty branch/commit in Git

# Create an empty branch with an empty initial commit in Git

## The challenge

Before Git version v2.27, there was no regular way to create an empty branch in a repository that already had commits.

Well, unless you knew the big secrets of Git:
- http://colinschimmelfing.com/blog/gits-empty-tree/
- https://stackoverflow.com/questions/115983/how-do-i-add-an-empty-directory-to-a-git-repository/8944077#8944077
- https://stackoverflow.com/questions/645450/insert-a-commit-before-the-root-commit-in-g

Laravel最強テンプレート:構築の流れ編

## 1. Laravelインストール

```
$ composer create-project --prefer-dist laravel/laravel=11.* .
$ php artisan migrate
```

## 2. Fortifyインストール

```
$ composer require laravel/fortify
$ php artisan fortify:install
```

## 3. Tailwind CSS, Preline UI インストール&設定

```
$ npm install -D tailwindcss @tailwindcss/forms postcss autoprefixer preline
$ npx tailwindcss init -p
```

[tailwind.config.js]  

```js
// tailwind.config.js
module.exports = {
  content: [
    "./resources/**/*.bla

vue 简单列表 List

<template>
    <div>
      <ele-pro-table
        ref="table"
        :columns="columns"
        :datasource="datasource"
        height="calc(100vh - 330px)"
        tool-class="ele-toolbar-form"
      >
      </ele-pro-table>
    </div>
  </template>
  <script>
    import { inwareList } from '@/api/analysis';
    export default {
      name: 'InwareList',
      components: {  },
      data() {
        return {
          columns: []
        };
      },
      methods: {
  

Difference between two times

public String timeDifference(String t1, String t2){
        Duration td = Duration.between(LocalTime.parse(t1), LocalTime.parse(t2));
        long ss = td.toSeconds();
        
        long h = (int)(ss/3600);
        ss = ss - (h * 3600); 
        long m = (int)(ss/60);
        long s = ss - (m * 60);
        
        return String.format("%02d:%02d:%02d", h, m, s);
    }

MSAccess DB with ucanaccess

import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Statement;

public class AccessDatabaseExample {

    public static void main(String[] args) {
        // Path to your MS Access database
        String dbPath = "path/to/your/database.accdb";

        // JDBC URL to connect to the database
        String url = "jdbc:ucanaccess://" + dbPath;

        // SQL query to execute
        String query = "SE

Laravel最強テンプレート:構成編

# 利用するパッケージ

## PHP

|種別|名称|説明|
|---|---|---|
|フレームワーク|Laravel||
|認証パッケージ|Fortify||
|テンプレートエンジン|Blade||

## JavaScript

|種別|名称|説明|
|---|---|---|
|ビルドツール|Vite||
|CSSフレームワーク|Tailwind CSS||
|UIコンポーネント|Preline UI||

# 構成方法

## 認証まわり

- Fortifyを使ってマルチ認証(User, Admin)の仕組みを作る
- UserはデフォルトのFortifyベースで作成
- AdminはFortifyの仕組みを利用&複製して作成

## 表示まわり

- Bladeコンポーネントを使い主要なパーツやレイアウトは部品化する
- スタイルにはTailwindCSSを使いコンポーネント内にスタイルを隠ぺいする

横スクロール

<div class="hoge__wrap">
	<ul class="hoge__list js-hoge-trigger">
		<li class="hoge__item js-hoge-target">コンテンツを記述</li>
	</ul>
</div>

Micromodal

[公式ドキュメント](https://micromodal.vercel.app/)
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).MicroModal=t()}(this,(function(){"use strict";function e(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function t(e){return function(e){if(Array.isArray(e))return o(e)}(e)||function(e){if("undefined"!=t

qemu-img

# 转换格式
qemu-img convert -f qcow2 -O raw xxx.qcow2 xxx.raw

# 上传镜像
glance image-create --name "CentOS-7.9-aarch64-B81129" \
--container-format bare --file CentOS-7.9-aarch64-B81031.raw \
--disk-format "raw" \
--visibility public \
--protected True \
--property hw_qemu_guest_agent=yes \
--property os_type="linux" \
--property os_distro="centos" \
--property os_version="7" \
--property hw_vif_multiqueue_enabled=true \
--property ctcm_enabled=true \
--property image_version="B1" \
--arch aarch64 \
-

InputActionGameplayAbility.cpp

// Fill out your copyright notice in the Description page of Project Settings.

#include "InputActionGameplayAbility.h"
#include "EnhancedInputComponent.h"
#include "Dandelion/Sandbox/Input/InputActionGameplayAbilityMappings.h"
#include "Dandelion/Sandbox/Pawns/DandelionPlayerCharacter.h"

UInputActionGameplayAbility::UInputActionGameplayAbility()
{
	InstancingPolicy = EGameplayAbilityInstancingPolicy::InstancedPerActor;
	NetExecutionPolicy = EGameplayAbilityNetExecutionPolicy::LocalOn