Cacher is the code snippet organizer for pro developers

import org.json.simple.JSONArray;
import org.json.simple.JSONObject;
import org.json.simple.parser.JSONParser;
import org.json.simple.parser.ParseException;

import java.io.*;
import java.util.*;

public class ContactListToJson {
    public void WriteToJson() {
        // Create a JSON array to store contacts
        JSONArray contacts = new JSONArray();

        // Create a sample contact
        JSONObject contact1 = new JSONObject();
        contact1.put("name", "John");
     

<canvas id="myCanvas"></canvas>
<script type="importmap">
  {
    "imports": {
      "three": "https://cdnjs.cloudflare.com/ajax/libs/three.js/0.163.0/three.module.min.js"
    }
  }
</script>
<script src="assets/js/script.js" type="module"></script>

# Afficher stst des lignes par rapport des polygones


![](https://cdn.cacher.io/attachments/u/3fx93fy4dqwj6/-QLJU6xUcvyDp1Wa2LUWYJIHrSF6b-GZ/dw6qxw3ci.png)


```python
"nom_com" || '_' ||  "CODE_INSEE"  ||  '\n'  ||  '\n'  || 
to_string(round(coalesce(aggregate(
	layer:='stat',
	aggregate:= 'sum',
    expression:=$length,
    filter:=(
        "ft" LIKE '%_DET_DETECT%' AND length(intersection($geometry, geometry(@parent))) / length($geometry) > 0.5
    )
), 0), 2)) || ' m ----- Detection OK ---

module load singularity
singularity run \
    --cleanenv \
    --bind /hpspor01/tenant1/users/pc_bix/kraken_db/:/hpspor01/tenant1/users/pc_bix/kraken_db/ \
    --bind /hpspor01/tenant1/users/matt.hewitt/utilities:/hpspor01/tenant1/users/matt.hewitt/utilities \
    /hpspor01/tenant1/users/pc_bix/hpcdocker.sif 

module load singularity
singularity \
    shell \
    --cleanenv \
    --bind /hpspor01/tenant1/users/pc_bix/kraken_db/:/hpspor01/tenant1/users/pc_bix/kraken_db/ \
    --bind /

<template>
  <div>
    <h1>Async Component Example</h1>
    <suspense>
      <template #default>
        <AsyncComponent />
      </template>
      <template #fallback>
        <LoadingSpinner />
      </template>
    </suspense>
  </div>
</template>

<script setup>
import { defineAsyncComponent } from 'vue';

const AsyncComponent = defineAsyncComponent(() =>
  import('./AsyncComponent.vue')
);
</script>

export function textFluffy() {
  $(".text-fluffy").each(function () {
    var html = "";
    $(this)
      .contents()
      .each(function () {
        if (this.nodeType === 3) {
          var text = $(this).text();
          var lines = text.split("\n");
          lines.forEach(function (line) {
            var words = line.split(" ");
            words.forEach(function (word) {
              if (word.length > 0) {
                html += "<div>";
                for (var i = 0

Reference: https://ja.wikipedia.org/wiki/%E3%83%88%E3%83%A9%E3%82%A4_(%E3%83%87%E3%83%BC%E3%82%BF%E6%A7%8B%E9%80%A0)

```
struct TrieTree {
  int count = 0;                                                                     unordered_map<char, TrieTree> child;
};

int CountByTrieTree(const vector<string>& S) {
  int ans = 0;

  TrieTree root;
  for (const auto& s : S) {
    TrieTree* tree = &root;
    for (char c : s) {
      if (!tree->child.contains(c)) {
        tree->child.emplace(c, TrieTr

<button
  hx-post="/api/v1/title"
  hx-on:htmx:before-request="emptyDiv('#titles_container')"
  hx-on:htmx:after-request="doSomething()"
  type="button"
  class="btn btn-primary"
>
  Generate Title
</button>

# 思考材料

* GPT-4o はかなり有用
* Dify を使うと GPTs 的なものがかなり簡単に作れる
* Dify の便利な点は、ナレッジの追加がしやすい、処理の流れを作りやすい
* Dify の問題点は１アプリにつき入力は最初の１回しか出来ないこと(ただし入力項目は複数作れる)、チャットボットでのやり取りみたいなことをやるならアプリが複数必要そう
* Dify はローカル環境を作れる点も便利
* Dify の商用利用は可能そうだが一部条件があるようなので注意
* GPT-4o を使うと回答に縛りを設けやすい(例えば、質問内容に対して A か B のみで回答してくださいなど)
* 上記の仕組みを使えば Dify での質問分離器を活用しやすい
* チャットボットを作り、自社のプロダクト情報をナレッジとして与えて、質問者の要望に応じて適切なプロダクトを案内するなどの使い方が出来そう

# 参考記事

[GPT-4o を味見してみたらスゴかった](https://homemadegarbage.com/gpt4o-01)  
[GPT4oを使って、訓練

function Get-DistinguishedNameParent {
    [CmdletBinding()]
    param(
        [Parameter(Mandatory = $true, Position = 0, ValueFromPipeline = $true, ValueFromPipelineByPropertyName = $true)]
        [string]$distinguishedName
    )
    begin {}

    process {
        foreach ($Item In $distinguishedName) {
            $ParentOctets = $Item.Replace('\,', 'R3S3RV3D4R3PLAC3').Split(',') | Select-Object -Skip 1
            $ParentRaw = $ParentOctets -join ','
            $ParentRaw.Rep

cd <multipass>
apt install devscripts equivs
mk-build-deps -s sudo -i

cd <multipass>
git submodule update --init --recursive
mkdir build
cd build
cmake ../
make

sudo apt update
sudo apt install libgl1 libpng16-16 libqt6core6 libqt6gui6 \
    libqt6network6 libqt6widgets6 libxml2 libvirt0 dnsmasq-base \
    dnsmasq-utils qemu-system-x86 qemu-utils libslang2 iproute2 \
    iptables iputils-ping libatm1 libxtables12 xterm

sudo <multipass>/build/bin/multipassd &
mkdir -p ~/.local/share/multipass/

<!-- MouseTracker.vue -->
<script setup>
import { ref, onMounted, onUnmounted } from 'vue'
  
const x = ref(0)
const y = ref(0)

const update = e => {
  x.value = e.pageX
  y.value = e.pageY
}

onMounted(() => window.addEventListener('mousemove', update))
onUnmounted(() => window.removeEventListener('mousemove', update))
</script>

<template>
  <slot :x="x" :y="y"/>
</template>

<!-- Usage: -->
<template>
	<MouseTracker v-slot="{ x, y }">
  	Mouse is at: {{ x }}, {{ y }}
	</MouseTracker>
</templ

class MyClass {
  constructor(value){
    this.property = value;
  }
  
  getProperty(){
    return this.property;
  }
  
  setProperty(newValue){
    this.property = newValue;
  }
}

class MySecondClass extends MyClass {
  constructor(value){
    super(value);
    this.secondProperty = 0;
  }
  
  getFunction() {
    return this.secondProperty;
  }
}

const testClass = new MyClass("test");
testClass.getProperty();
testClass.setProperty("test2");
testClass.getFunction();

<!-- https://www.patterns.dev/vue/data-provider -->

<!-- Provider.vue -->
<template>
  <slot :data="data" :loading="loading"></slot>
</template>

<script setup>
  import { ref, reactive } from "vue";

  const API_ENDPOINT_URL = "https://official-joke-api.appspot.com/random_joke";

  const data = reactive({
    setup: null,
    punchline: null,
  });
  const loading = ref(false);

  const fetchJoke = async () => {
    loading.value = true;

    const response = await fetch(API_ENDPOINT_URL);
   

function getFlagEmoji(countryCode) {
  return countryCode.toUpperCase().replace(/./g, char => 
      String.fromCodePoint(127397 + char.charCodeAt())
  );
}

const getMaximumGold = (grid) => {
    const rows = grid.length; // Number of rows in the grid
    const cols = grid[0].length; // Number of columns in the grid
    let maxGold = 0; // Variable to store the maximum gold collected

    // Function to traverse the grid from a given cell
    const traverse = (row, col) => {
        // If the cell is out of bounds or has no gold, return 0
        if (row < 0 || col < 0 || row >= rows || col >= cols || !grid[row][col]) {
            return 0;