teratailの回答まとめ

let sum xs =
    let acc = 0           (* 初期値は 0 *)
    let x = List.nth xs 1 (* リストから1つ目の要素を取り出す *)
    let acc = acc + x     (* acc と要素 x に関数（ここでは足し算）を適用した結果を acc に覚えておく *)
    let x = List.nth xs 2 (* リストから2つ目の要素を取り出す *)
    let acc = acc + x     (* acc と要素 x に関数を適用した結果を acc に覚えておく *)
    ...                   (* これをリストの要素の数だけ繰り返す *)
    acc                   (* 最後に acc を返す *)

val fold_left : ('a -> 'b -> 'a) -> 'a -> 'b list -> 'a
val fold_right: ('a -> 'b -> 'b) -> 'a list -> 'b -> 'b

val max_of_int_list: int list -> int

let max_of_int_list xs =
    let init = List.hd x in    (* 初期値はリストの最初の要素とします *)
    List.fold_right (fun acc x ->
        (* acc（つまり今までで最大の要素）よりも x が大きければ acc を x とします *)
        if acc < x
        then x
        else acc
    ) xs init

val max_of_list: ('a -> 'a -> int) -> 'a list -> 'a

let max_of_list cmp xs =
    let init = List.hd x in    (* 初期値はリストの最初の要素とします *)
    List.fold_right (fun acc x ->
        (* cmp a b は a < b なら負数、a > b なら正数、a = b なら 0 を返す関数 *)
        if (cmp acc x) < 0
        then x
        else acc
    ) xs init

let f x =
    match x with
    | None -> "None"
    | Some v -> v
let g = function
    | None -> "None"
    | Some v -> v

val string_of_exp : exp -> string

let rec string_of_exp = function
    | Num n -> (* n: int を string に変換する式 *)
    | Var v -> (* v: string を string に変換する式 *)
    | Add (x, y) -> (* x: exp, y: exp を string に変換する式 *)
    | Mul (x, y) -> (* x: exp, y: exp を string に変換する式 *)

let rec string_of_exp = function
    | Num n -> string_of_int n

let rec string_of_exp = function
    | Var v -> v

let rec string_of_exp = function
    | Add (x, y) -> Printf.sprintf "(%s + %s)" (string_of_exp x) (string_of_exp y)

let rec string_of_exp = function
    | Mul (x, y) -> Printf.sprintf "(%s * %s)" (string_of_exp x) (string_of_exp y)

let rec string_of_exp = function
    | Num n -> string_of_int n
    | Var v -> v
    | Add (x, y) -> Printf.sprintf "(%s + %s)" (string_of_exp x) (string_of_exp y)
    | Mul (x, y) -> Printf.sprintf "(%s * %s)" (string_of_exp x) (string_of_exp y)

string_of_int n     (* string *)
int_of_exp x        (* int_of_exp: exp -> int なら int *)
(x+y)               (* x: exp, y: exp なので対応する + が定義されておらず、型エラー *)
make_sum (...)      (* make_sum: int list -> int なら int *)

echo implode("、", array_map(
    fn($value) => '<a href='.$url.'/meta?key=team&value='.$value.'>'.$value.'</a>',
    $items1
))

$last_index = count($items1) - 1;

foreach($items1 as $index => $value) {
    echo '<a href='.$url.'/meta?key=team&value='.$value.'>'.$value.'</a>';
    if ($index != $last_index) { // 最後の要素でない場合
        echo '、'
    }
}

const textToSpeech = require('@google-cloud/text-to-speech');
const fs = require('fs');
const util = require('util');

const client = new textToSpeech.TextToSpeechClient();
const text = 'こんにちは';
const outputFile = 'output.mp3';

const request = {
  input: {text: text},
  voice: {languageCode: 'ja-JP', ssmlGender: 'FEMALE'},
  audioConfig: {audioEncoding: 'MP3'},
};
const [response] = await client.synthesizeSpeech(request);
const writeFile = util.promisify(fs.writeFile);
await writeFile(outputFile, response.audioContent, 'binary');
console.log(`Audio content written to file: ${outputFile}`);

import tkinter as tk

root = tk.Tk()

# gridを中央に寄せる
root.grid_anchor(tk.CENTER)

frame = tk.Frame(root)
frame.grid() # 親要素rootのgrid(row=0, column=0)に配置

import tkinter as tk

root = tk.Tk()
root.title("Application")
root.resizable(width=False,height=False)
root.geometry('700x500')

# gridを中央に配置
root.grid_anchor(tk.CENTER)

frame = tk.Frame(root, width=700, height=300, bg="red")
frame.grid()

border = tk.LabelFrame(frame, text="Form", fg='white', bg='#444', relief=tk.FLAT)
border.grid()
innerBox = tk.Frame(border, width=300, height=100)
innerBox.grid()

root.mainloop()

import tkinter as tk

# 1. メインウィンドウの作成
root = tk.Tk()
root.title("Application")
root.resizable(width=False,height=False)
root.geometry('700x500')

frame = tk.Frame(root, width=700, height=300, bg="red")
frame.grid()    # これはrootのgrid(row=0, column=0)に配置される

border = tk.LabelFrame(frame, text="Form", fg='white', bg='#444', relief=tk.FLAT)
border.grid()   # これはframeのgrid(row=0, column=0)に配置される
innerBox = tk.Frame(border, width=300, height=100)
innerBox.grid() # これはborderのgrid(row=0, column=0)に配置される

root.mainloop()

import tkinter as tk

root = tk.Tk()
root.title("Application")
root.resizable(width=False,height=False)
root.geometry('700x500')

frame = tk.Frame(root, width=700, height=300, bg="#000080")
frame.grid()    # これはrootのgrid(row=0, column=0)に配置される

border = tk.LabelFrame(root, text="Form", fg='white', bg='#444', relief=tk.FLAT)
border.grid()   # これはrootのgrid(row=1, column=0)に配置される
innerBox = tk.Frame(border, width=300, height=100)
innerBox.grid() # これはborderのgrid(row=0, column=0)に配置される

root.mainloop()

from tkinter import *
from tkinter import ttk

import radio      # radio.pyをインポート

root = Tk()
root.title('Frame Test')

radio.frame(root) # radio.pyの関数にrootを渡してあげる

root.mainloop()

from tkinter import *
from tkinter import ttk

def button1_clicked():
    print('v1 = %s' % v1.get())
    quit()

def rb_clicked():
    print('v1 = %s' % v1.get())

def create(root):
    # Frame
    frame1 = ttk.Frame(root,padding=10)
    frame1.grid()
    # ...いろいろつくる...

from tkinter import *
from tkinter import ttk
import multiprocessing as mp
import radio    # radio.pyをインポート

def frame():
    root = Tk()
    root.title('Frame Test')
    
    frame1 = ttk.Frame(
        root,
        height=200,
        width=300,
        relief='sunken',
        borderwidth=5)
    frame1.grid()
    
    root.mainloop()

frame_p = mp.Process(target=frame)        # frame用のプロセスを作る
radio_p = mp.Process(target=radio.main)   # radio用のプロセスを作る
frame_p.start()   # frame用のプロセスを起動する
radio_p.start()   # radio用のプロセスを起動する

from tkinter import *
from tkinter import ttk

def button1_clicked():
    print('v1 = %s' % v1.get())
    quit()

def rb_clicked():
    print('v1 = %s' % v1.get())

def main():
    root = Tk()
    root.title('Radiobutton 1')

    # Frame
    frame1 = ttk.Frame(root,padding=10)
    frame1.grid()
    
    # ...いろいろつくる...
    
    root.mainloop()

import discord
from discord.ext.commands import Bot
import os
import traceback


TOKEN = os.getenv('DISCORD_BOT_TOKEN')
GUILD_ID = int(os.getenv('DISCORD_BOT_GUILD_ID'))
ROLE_ID = int(os.getenv('DISCORD_BOT_ROLE_ID'))
WORD = os.getenv('DISCORD_BOT_WORD')


intents = discord.Intents.default()
intents.members = True
bot = Bot(command_prefix='?', intents=intents)


guild = None
role = None


@bot.event
async def on_ready():
    global guild
    global role
    guild = bot.get_guild(GUILD_ID)
    role = guild.get_role(ROLE_ID)


@bot.event
async def on_command_error(ctx, error):
    orig_error = getattr(error, "original", error)
    error_msg = ''.join(traceback.TracebackException.from_exception(orig_error).format())
    await ctx.send(error_msg)


def is_DM(message):
    return isinstance(message.channel, discord.DMChannel)


@bot.command(name='r')
async def add_role(ctx, *args):
    """DM経由かつ合言葉が合っていれば役職を付与"""
    # 「?r あああ いいい」 → add_role(ctx, ['あああ', 'いいい']) → 'あああ いいい'
    # 「?r」 → add_role(ctx, []) → ''
    word = ' '.join(args)
    if role is not None and is_DM(ctx.message) and word == WORD:
        user = guild.get_member(ctx.message.author.id)
        await ctx.send("役職を付与しました。")
        await user.add_roles(role)
    else:
        await ctx.send('合言葉が間違っています。')

bot.run(TOKEN)

for(i = 0;i < a;i++){
  for(j = 0;j < b;j++){
    printf("%c", yama[i][j]);
  }
  printf("\n");
}

for(i = 0;i < a;i++){
  for(j = 0;j < b;j++){
    yama[i][j] = 'X';
  }
  yama[i][j+1] = '\0';  // 末尾にNull文字を追加して文字列にする
}
for(i = 0;i < a;i++){
  printf("%s\n", yama[i]);
}

message.react('🤔')
  .then(console.log)
  .catch(console.error);

// カスタム絵文字を使う場合は以下

message.react(message.guild.emojis.cache.get('123456789012345678'))
  .then(console.log)
  .catch(console.error);

client.on("messageCreate", async message => {
  if (message.author.bot) {
    message.react('🤔');
    return;
  }
  /* ...その他いろいろやる */
}

if (message.author.id === client.user.id) { /* ... */ }

/* drawImage(Image, コピー元 X, コピー元 Y, コピー元 Width, コピー元 Height,
 *                  コピー先 X, コピー先 Y, コピー先 Width, コピー先 Height);
 */
context.drawImage(img, 0, 0, img.width, img.height,
                       0, 0, img.width * scale, img.height * scale);

// スライダーが動いたら拡大・縮小して再描画する
slider.addEventListener('input', e => {
    // 一旦クリア 
    ctx.clearRect(0, 0, canvas.width, canvas.height);
    // 倍率変更
    const scale = Number(e.target.value);
    // 再描画
    ctx.drawImage(img, 0, 0, img.width, img.height,
                  (canvas.width - img.width * scale) / 2,
                  (canvas.height - img.height * scale) / 2,
                  img.width * scale, img.height * scale);
});

const users = json.values.map(({ userId }) => userId);
const counts = json.values.map(({ count }) => count);

const users = [];

json.values.forEach(value => {
  users.push(value.userId);
})

const users = json.values.map(なにかする関数);

const users = json.values.map(value => value.userId);

const value = { userId: 120, count: 0 };
const { userId, count } = value;
console.log(userId); // 120
console.log(count);  // 0

const getUserIdOf = ({ userId }) => userId;
const value = { userId: 120, count: 0 };
console.log(userIdOf(value)); // 120

interface Sample1 {
    kind: 'Sample1';  // これで判別する
    id:   string;
    name: string;
}

interface Sample2 {
    kind:  'Sample2';  // これで判別する
    id:     string;
    gender: string;
}

type Sample1and2 = Sample1 | Sample2

// ユーザ定義のType Guard
function isSample1(x: Sample1and2): x is Sample1 {
    return x.kind === 'Sample1'
}

// ユーザ定義のType Guard
function isSample2(x: Sample1and2): x is Sample2 {
    return x.kind === 'Sample2'
}

const sampleFunc = ({
  sample
}: {
  sample: Sample1and2
}) => {
    if (isSample1(sample)) {
        console.log(sample.id, sample.name);
    } else {
        console.log(sample.id, sample.gender);
    }

    /* switch-caseでもOK */
    switch (sample.kind) {
        case 'Sample1':
            console.log(sample.id, sample.name);
            break;
        case 'Sample2':
            console.log(sample.id, sample.gender);
            break;
        default:
            // これを書いておくとSample1and2に型を足したときにここでエラーが出るようになり、
            // caseを増やすのを忘れにくくなります。
            const _exhaustiveCheck: never = sample;
    }
}

function urlOf(url, params) {
    return `${url}?${Object.entries(params).map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(value)}`).join('&')}`;
}

UrlFetchApp.fetch(urlOf("https://www.google.co.jp/search", { q: 'fetch やり方' }))

//Child.tsx

const Parent: React.FC = (props) => {
  const [name, setName] = useState('takeshi')

  useEffect(() => {
    setName(props.name)
  }, [props.name])    // 依存先にprops.nameを追加

  return (
    <p>{name}</p> //ここではtakeshi
  )
}

//Child.tsx

const Parent: React.FC = (props) => (
  <p>{props.name}</p> // 単純にprops.nameを使う
)

const { Client, Intents } = require('discord.js');

const client = new Client({ intents: Object.keys(Intents.FLAGS) });

/* 引数のうち1つをランダムに返す */
function oneOf(fst, ...rest) {
  const xs = [fst, ...rest];
  const i = Math.floor(Math.random() * xs.length);
  return xs[i];
}

client.on('messageCreate', async message => {
  if (message?.author?.bot) {
    // 無限ループを避けるため、Botのメッセージは無視する
    return;
  }
  const msg = message.content ?? '';
  if (['こんばんは', 'こんばんわ'].some(s => msg.includes(s))) {
    await message.channel.send(oneOf('こんばんは〜', 'ばんわ', 'こん！'));
  }
});

client.login(process.env.APP_TOKEN)

/* '13:00'→[13, 0]にする関数 */
function parseHours(hours) {
    return hours.split(':').map(v => Number(v));
}

/* ...省略... */
var startDate = new Date(day);
startDate.setHours(...parseHours(startTime));

// main.js

const Discord = require('discord.js')
const on_message = require('./on_message.js')

const client = new Discord.Client({ intents: [Discord.Intents.FLAGS.GUILDS, Discord.Intents.FLAGS.GUILD_MESSAGES] });
const prefix = "!";

on_message(client)

client.login('Botのトークン')

// on_message.js

function on_message(client) {
    client.on('message', message => {
        if (message.content === `${prefix}ping`) {
            message.channel.send('Pong.');
        } else if (message.content === `${prefix}beep`) {
            message.channel.send('Boop.');
        }
    });
}

module.exports = on_message

// main.js

const Discord = require('discord.js')
const events = require('./events.js')

const client = new Discord.Client({ intents: [Discord.Intents.FLAGS.GUILDS, Discord.Intents.FLAGS.GUILD_MESSAGES] });
const prefix = "!";

// eventsを全てclientに登録
events.forEach(({name, handler}) => client.on(name, handler));

client.login('Botのトークン')

// events.js

// イベント
const events = [
    require('./on_message.js'),
]

module.exports = events

// on_message.js

const name = 'message'

const handler = message => {
    if (message.content === `${prefix}ping`) {
        message.channel.send('Pong.');
    } else if (message.content === `${prefix}beep`) {
        message.channel.send('Boop.');
    }
}

module.exports = {name, handler}

from selenium import webdriver
from selenium.webdriver.common.by import By

options = webdriver.ChromeOptions()
options.add_argument('--headless')
driver = webdriver.Chrome(options=options)  

driver.get('取得したいサイトのURL')

links = driver.find_elements(By.CSS_SELECTOR, "a[target='QD']")
for link in links:
    link.click()
    # その他色々する

from selenium.webdriver.common.by import By
from selenium.common.exceptions import NoSuchElementException

def find(driver, selector):
    try:
        return driver.find_element(By.CSS_SELECTOR, selector)
    except NoSuchElementException:
        return None

link = find(driver, 'a[target="QD"]')
if link is not None:
    link.click()
    # その他色々する

xs = ['a', 'b', 'c']
for x in xs:
    di = x
print(di)

# 以下と同じ

x = xs[0]
di = x
x = xs[1]
di = x
x = xs[2]
di = x
print(di)

# ① 毎回 print()
for line in f:
    di = ast.literal_eval(line)
    print(di['eval_loss'])  # 毎回出力するようにする

# ② 一旦リストに保存
results = []
for line in f:
    di = ast.literal_eval(line)
    results.append(di['eval_loss'])
print(results) # [0.6871868968009949, 0.6824596524238586, ...]

results = [ast.literal_eval(line) for line in f]
print(di['eval_loss'] for di in results)

# または

print(ast.literal_eval(line)['eval_loss'] for line in f)

<script>
  var hoge = "abc";

  // script要素を作る関数
  function createScript(src, klass) {
    var script = document.createElement("script");  // script要素を作る
    srcipt.classList.add(klass);                    // idではなくclassを追加（下記の説明を参照）
    script.src = src;                               // srcを設定
    return script;
  }

  // ドキュメントが完全に読み込まれてから
  document.addEventListener('load', () => {
    // script要素を作ってbodyに追加
    var s1 = createScript('https://example.com/1/?code=' + hoge, "aaa");
    document.body.appendChild(s1);
    var s2 = createScript('https://example.com/2/?code=' + hoge, "aaa");
    document.body.appendChild(s2);
  });
</script>

alert(s.replace(/<span.*>.*<\/span>/, ''));

alert(s.replace(/<span.*>(.*)<\/span>/, "$1")); // ()で囲んだ部分が$1に入る

#include <time.h>
#include <unistd.h>

int main() {
    struct timespec start, current;
    time_t diff = 0;
    clock_gettime(CLOCK_MONOTONIC, &start);

    while (diff < 10) {
        usleep(0.5 * 1000000);  // 0.5秒待つ
        
        // その他いろいろやる

        clock_gettime(CLOCK_MONOTONIC, &current);
        diff = current.tv_sec - start.tv_sec;
    }
    
    return 0;
}

import requests
import re
from bs4 import BeautifulSoup

def get_shops_at_page(base_url, n):
    """ある区のn番目のページにあるすべてのlist_tel_shopを返す"""
    url = f"{base_url}{str(n)}.html" if n > 1 else base_url
    res = requests.get(url)
    soup = BeautifulSoup(res.text, 'html.parser')
    return soup.find_all('div', attrs={'class': 'list_tel_shop'})

def get_shops(base_url):
    """ある区のすべてのlist_tel_shopを返す
    返値は [{'name': '...', 'address': '...', 'tel': '...'}, {...}, ...]
    """
    shops = []
    n = 1
    # get_shops_at()が[]を返すまでどんどん次のページの情報を取得する
    while True:
        shop_els = get_shops_at_page(base_url, n)
        if not shop_els:
            break
        for shop_el in shop_els:
            # 以下、shop_el.find_all()でないのは「shop_el」つまり「.list_tel_shop」に
            # 「.shop_address」や「.shop_tel」といった要素が1つづつしか存在しないため
            shop = {}
            name = shop_el.find('a', href=re.compile("^/local/nsh/"))
            if name:
                shop['name'] = name.text
            address = shop_el.find('p', attrs={'class': 'shop_address'})
            if address:
                shop['address'] = address.text
            tel = shop_el.find('p', attrs={'class':'shop_tel'})
            if tel:
                shop['tel'] = tel.text
            shops.append(shop)
        n += 1
    return shops

# 複数の区の情報を得るなら以下のように使う

def flatten(xs):
    return list(itertools.chain.from_iterable(xs))

urls = [
    'https://el.e-shops.jp/local/jb/6008/jn/6000523/cn/23109/',
]

# [ [{...}, ...], [{...}, ...], ... ]になるのでflattenして[{...}, {...}, ...]に
shops = flatten([get_shops(url) for url in urls])

names   = [shop['name'] for shop in shops]
address = [shop['address'] for shop in shops]
tels    = [shop['tel'] for shop in shops]

import pandas as pd

# [[shopの社名, shopの住所, shopのTEL], [...], ...]に変換
data = [[shop['name'], shop['address'], shop['tel']] for shop in shops]
df = pd.DataFrame(data, columns=['社名', '住所', 'TEL'])

const xs = [0, 1, 2]
const ys = xs.map(x => x + 1)   // xsのすべての要素に1を足す
// ys は [1, 2, 3]

const xs = [0, 1, 2, 3, 4]
const ys = xs.slice(2)   // xsの2番目より後の要素＝3番目から最後まで
// ys は [2, 3, 4]

const split = (array, n) => array.reduce((a, c, i) => i % n == 0 ? [...a, [c]] : [...a.slice(0, -1), [...a[a.length - 1], c]], [])

// from: https://qiita.com/guttyar2213/items/46230300c5100a06198c
const split = (array, n) => array.reduce((a, c, i) => i % n == 0 ? [...a, [c]] : [...a.slice(0, -1), [...a[a.length - 1], c]], [])

const Grid = (props) => {
  // list_by_2: [{...}, {...}, ...] -> [ [{...}, {...}], [{...}, {...}], ... ]
  const list_by_2 = split(list, 2)
  return (
    <div className="grid">
    {list_by_2.map(items => (  // ​itemsは[{...}, {...}]
      <div className="grid_inner">
​        items.map(item => (
         ​ <div className="title">
            ​<a href={item._id}>{item.name}</a>
         ​ </div>
       ​   <ul className="footer-category-links">
       ​   {item.children.map(({_id, name}) => (   // child => ...の代わりに ({_id, name}) => ...と分割代入しています
            ​<li key={_id}><a href={_id}>{name}</a></li>
          ​)}
          ​</ul>
        )
      </div>
    ​)}
   ​ </div>
 ​)
}

GUILD_ID = 'サーバのID'

@client.event
async def on_message(message):
    if not isinstance(message.channel, discord.TextChannel) or message.channel.guild.id != GUILD_ID:
        # 特定のサーバでなければなにもしない
        return
    # ... なにかする ...

const cron = require('node-cron')

/* ... なんやかんやあって ... */

client.on('ready', () => {
    /* ... いろいろする ... */
})

cron.schedule('00 17 * * *', async () => {
        const guildID = 'ギルドID'

        const guild = client.guilds.cache.get(guildID);
        /* ...guildを使ってなにかする... */

const vchannels = guild.channels.cache.filter(channel => channel.type === 'voice')

vchannels.each(vchannel =>
  vchannel.members.each(/* ... */)
)

vchannel.members.each(async member => {
  if (member) {
    // disconnect()を使う方法
    await member.voice.disconnect(`2時になったのでボイスチャットからキックしました(*'▽')`).catch(console.error)
    
    // kick()を使う方法
    await member.voice.kick().catch(console.error)
    
    console.log(member.id)
  }
})

await member.voice.disconnect(`2時になったのでボイスチャットからキックしました(*'▽')`).catch(console.error)

/* 処理待ちは必要ない */ 
await channel.send(`2時になったのでボイスチャットからキックしました(*'▽')`).catch(console.error)

foreach ($data as $key => $value) {
    $sort_keys[$key] = $value['price'];
}
multisort($sort_keys, SORT_ASC, $data);

// priceがsoldのものを除く
$data = array_filter($data, fn($x) => $x['price'] !== 'sold');
// priceで昇順に並び替え
array_multisort(array_column($data, 'price'), SORT_ASC, $data);

<form name="js">
  髪<br>
  <select name="yourarea" autocomplete="on">
    <option value="ある">ある</value>
    <option value="ない">ない</value>
  </select>
</form>

const yourarea = document.forms.js.elements.yourarea.value;

if (!yourarea) {
  /* 未選択の時の処理 */
} else if (yourarea === "ある") {
  /* 「ある」の時の処理 */
} else {
  /* それ以外、つまり「ない」の時の処理 */
}

switch (yourarea) {
  case "ある":
    /* 「ある」の時の処理 */
    break;
  case "ない":
    /* 「ない」の時の処理 */
    break;
  default:
    /* それ以外、つまり未選択の時の処理 */
    break;
}

function loadImage(id) {
  /* 画像を読み込む処理 */
}

function tbox1() {
  const yourarea = document.forms.js.elements.yourarea.value;

  if (!yourarea) {
    /* 未選択の時の処理 */
  } else if (yourarea === "ある") {
    /* 「ある」の時の処理 */
  } else {
    /* それ以外、つまり「ない」の時の処理 */
  }
}

<input type="button" value="検索" onclick="tbox1()"><br>
<img id="result" alt="検索結果の画像">

function loadImage(url) {
  // <img>要素を探す
  const img = document.getElementById("result");
  if (img) {
    // <img>が見つかったら、src属性にURLを指定して画像を読み込む
    img.src = url;
  }
}

<input type="button" value="検索" onclick="tbox1()">
<canvas id="result"></canvas>

<script>
function loadImage(url) {
  // <canvas>を探す
  const canvas = document.getElementById("result");
  const context = canvas?.getContext('2d');  // .? はオプショナルチェーン演算子といいます
  if (canvas && context) {                   // canvasとcontextが取得できたら
    const image = new Image();               // 画像オブジェクトを用意
    image.src = url;                         // URLの画像を読み込む
    image.addEventListener("load", () => {   // () => {...} はアロー関数といいます
      // 読み込みが完了したらCanvasのサイズが画像のサイズと同じになるように設定して描画
      canvas.width = image.width;
      canvas.height = image.height;
      context.drawImage(image, 0, 0);
    })
  }
}

/* その他いろいろ */
</script>

if (!yourarea) {
  return;   // 未選択なら何もしない
} else if (yourarea === "ある") {
  /* 「ある」の時の処理 */
} else {
  /* それ以外、つまり「ない」の時の処理 */
}

if (!yourarea) {
  return;   // 未選択なら何もしない
} else if (yourarea === "ある") {
  loadImage("「ある」のときの画像のURL");
} else {
  loadImage("https://image.itmedia.co.jp/nl/articles/1701/21/l_miya_170121hagehair10.jpg");
}

#include <stdio.h>

void hundred1(int i) {
    i = 100;    // 引数を書き換えてみるが……
    return;
}

int main() {
    int a = 50;
    
    printf("a = %d\n", a);
    hundred1(a);
    printf("a = %d\n", a);

    return 0;
}

#include <stdio.h>

void hundred(int* i) {
    *i = 100;  // ポインタが指し示す先の値を変更する
    return;
}

int main() {
    int a = 50;
    printf("a = %d\n", a);
    hundred(&a);     // 変数を書き換えられるようにポインタを渡す
    // hundred1(a);  // これだと値をコピーして渡しているので書き換えられない
    printf("a = %d\n", a);
    return 0;
}

const edge = { "node": { "description": ..., ... } };

const node = edge["node"];

const products = { "edges": [...] };

const edges = products["edges"];

const data = {
  "products": {
    "edges": [{
      "node": {
        "description": "Sleek and black",
        "featuredImage": {
          "id": "gid://shopify/ProductImage/15464783282345",
          "originalSrc": "https://cdn.shopify.com/s/files/1/0268/1005/6873/products/bb20.jpg?v=1602116082"
        },
        "handle": "skirt",
        // ...
      },
    }],
  },
};

const result = {
  "products": data["products"]["edges"].map(edge => edge["node"])
};

const data = {
  "products": {
    "edges": [{
      "node": {
        "description": "Sleek and black",
        "featuredImage": {
          "id": "gid://shopify/ProductImage/15464783282345",
          "originalSrc": "https://cdn.shopify.com/s/files/1/0268/1005/6873/products/bb20.jpg?v=1602116082"
        },
        "handle": "skirt",
        "images": {
          "edges": [{
            "node": {
              "id": "gid://shopify/ProductImage/15464783282345",
              "originalSrc": "https://cdn.shopify.com/s/files/1/0268/1005/6873/products/bb20.jpg?v=1602116082"
            },
          }],
        },
        // ...
      },
    }],
  },
};

const result = {
  "products": data["products"]["edges"].map(
    edge => edge["node"]
  ).map(    // ここまでで{ "products": [{ "description": ... }, ...] }になっている
    node => ({ 
      ...node,
      "images": node["images"]["edges"].map(
        edge => edge["node"]
      )
    })
  ),
}

console.log(JSON.stringify(result, null, 2));

/* result
{
  "products": [{
    "description": "Sleek and black",
    "featuredImage": {
      "id": "gid://shopify/ProductImage/15464783282345",
      "originalSrc": "https://cdn.shopify.com/s/files/1/0268/1005/6873/products/bb20.jpg?v=1602116082",
    },
    "handle": "skirt",
    "images": [{
      "id": "gid://shopify/ProductImage/15464783282345",
      "originalSrc": "https://cdn.shopify.com/s/files/1/0268/1005/6873/products/bb20.jpg?v=1602116082",
    }],
  }],
}
 */

const update = (arr, index, value) =>
  // mapに渡す関数で、i番目の要素ならvalue、それ以外はオリジナルを返すことで、配列を更新する
  arr.map((v, i) => i === index ? value : v);

const updateId = (obj, newId) =>
  // スプレッド構文でオブジェクトの中身を展開し、キーが"id"のプロパティの値はnewIdにすることで更新する
  ({ ...obj, id: newId });

const update = (obj, key, value) =>
  // スプレッド構文でオブジェクトの中身を展開し、キーがkeyのプロパティの値はvalueにすることで更新する
  ({ ...obj, [key]: value });

const update = (arr, index, value = true) =>
  arr.map((item, i) => ({
    ...item,
    checked: (i === index) ? value : item.checked,
  }));

const data = [{
  id: "a",
  checked: false,
}, {
  id: "b",
  checked: false,
}];

const b_checked = update(data, 1);

/*
b_checked = [{
  id: "a",
  checked: false,
}, {
  id: "b",
  checked: true,  // 2番目のオブジェクトのcheckedプロパティが更新される
}];
 */

// parent_idとchild_idを指定して更新
const updateCheckById = (data, parentId, childId, value = true) =>
  data.map(parent => ({
    ...parent,
    state: parent.state.map(child => ({
      ...child,
      checked: (parent.parent_id === parentId && child.child_id === childId) ? value : child.checked,
    })),
  }));

// インデックスを指定して更新
const updateCheckByIndex = (data, parentIndex, childIndex, value = true) =>
  data.map((parent, parent_index) => ({
    ...parent,
    state: parent.state.map((child, child_index) => ({
      ...child,
      checked: (parent_index === parentIndex && child_index === childIndex) ? value : child.checked,
    })),
  }));