常連

注目の的

### 実現したいこと
Reactでオフライン対応のアンケートアプリを作りたいと考えています。
オフライン時は回答をブラウザに保存し、オンライン時にデータベースへ同期する仕組みを作りたいです。
この仕組みにおすすめの設計をアドバイス頂けますでしょうか。

※バックエンドは未経験のため、できるだけシンプルな構成を目指しています。
※まずはアンケートアプリでバックエンドの仕組みを学習したいと考えております。

### 発生している問題・分からないこと
現在のところ、自分で考えた実装は以下になります。

フロントエンド：React（PWA化してオフライン対応）
データベース設計：データの一時保存にはIndexedDB、最終保存先にはFirestoreを使用



### 該当のソースコード

```
特になし
```

### 試したこと・調べたこと
- [x] teratailやGoogle等で検索した
- [ ] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [ ] その他

##### 上記の詳細・結果
Firebaseを使用する方法で進めていきたいと思っていますが、もし他に最適な組み合わせがありましたらぜひ教えていただきたいです。

### 補足
特になし

Reactアプリ オフラインでのデータベース保存について

### 実現したいこと

ボタンをクリックしたらグラフを再描画させたいです。

### 前提

apexcharts.jsを使ってグラフを作っています。
ReactやVue.jsは使わずバニラjsで書いています。

ボタンをクリックしたら、グラフの縦の数字も横のラベルも変えたいのですが、
ボタンをクリックすると縦の数字は変わりますが、横のラベルが変わりません。

再描画のためにクリックイベントにて、オブジェクトへの再代入を行っていますが、  options.series[0].data = test2;は反映されていますが
下記の二つが反映されていないようです。
options.xaxis.categories=test1;
    options.xaxis.type=test1;
   
エラーはありません。分からなくて困っているので助けてください。

### ボタンクリック前
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-04-17/2703e808-fa76-4430-af53-83f49bb709f4.png)

### ボタンクリック後（横のラベルが24....51から変化していない）
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-04-17/ec79357e-71ec-4882-883e-66e560b3edb8.png)


### 該当のソースコード

```test.php
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="style.css">
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  <script
  src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.2.0/chart.min.js"
  integrity="sha512-VMsZqo0ar06BMtg0tPsdgRADvl0kDHpTbugCBBrL55KmucH6hP9zWdLIWY//OTfMnzz6xWQRxQqsUFefwHuHyg=="
  crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns@next/dist/chartjs-adapter-date-fns.bundle.min.js"></script>
  <script src="https://unpkg.com/apexcharts/dist/apexcharts.min.js"></script>
  <title>facescale_app</title>
</head>
<body>

  <p>グラフ表示</p>
  
  
  <button id="button">ボタン</button>
 
  

  <div id="chart"></div>
 
  <script src="test.js"></script>
 
</body>
</html>
```

```test.js

let sample1=[3,6,8,7,6,90,80];
 let sample2=[7,5,3,9,2.8];
let sample=[24,72,51,90];

const button = document.getElementById('button');

var options = {
    chart: {
        height: 350,
        width: 700,
        type: 'line',
        zoom: {
            enabled: false
        }
    },
    stroke: {
        curve: 'straight',
        // dashArray: 5,
        width: 5
    },
    markers: {
        size: 8,
        colors: ["#ffffff"],
        strokeColor: "#008FFB",
        strokeWidth: 3
    },
    series: [{
        name: 'スコア',
        data: sample
    }],
    grid: {
        row: {
            colors: ['#f3f3f3', 'transparent'], 
            opacity: 0.5
        },
    },
    xaxis: {
        type: sample,
        categories: sample,
        tickAmount: 1
    },
    yaxis: {
        min: 0,
        max: 100
    },
    fill: {
        type: 'gradient',
        gradient : {
            shade: 'dark',
            gradientToColors: ['#F9A3A4'],
            shadeIntensity: 1,
            type: 'vertical',
            opacityFrom: 1,
            opacityTo: 1,
            stops: [0, 100]
        }
    }
}

var chart = new ApexCharts(document.querySelector("#chart"), options);
chart.render();

button.addEventListener("click", () => {
    
    // グラフ更新
    console.log(options.xaxis.categories);
    
    options.xaxis.categories=test1;
    options.xaxis.type=test1;
     options.series[0].data = test2;
    

    chart.update();
    console.log(options.xaxis.categories);
    console.log(options.series[0].data);
    console.log(options.xaxis.type);
});
```

### 試したこと

https://suke.io/entry/20180801/
上記のサイトによると、グラフを再描画するにはオブジェクトに再代入するとあったので、
 options.xaxis.categories=test1;
    options.xaxis.type=test1;
     options.series[0].data = test2;
のように再代入しましたが、
options.xaxis.categories=test1;
    options.xaxis.type=test1;の部分が反映されません。

公式サイトhttps://apexcharts.com/docs/methods/では
chart.render();で再描画されるとありましたがクリックイベントの中にchart.render();を書くとグラフの数が増えたり減ったりして思った鳥の挙動にならないため、
試しにchart.jsのchart.update()；メソッドを書いたところなぜか一部だけ（縦軸の変数）更新されました。

### 補足情報（FW/ツールのバージョンなど）

vscode,xampp

apexcharts.js グラフの更新がうまくいかない

### 実現したいこと

ボタンをクリックすると.fadeInがついた要素が animation-durationされたテキストがふわっと浮かんでくるようにしたいのですが
二回目以降クリックすると、.fadeInがついているのにも関わらずアニメーションが掛かっていません。
どうすればいいでしょうか？



### 該当のソースコード

```index.html

        .fadeIn{
            animation-name:fadeInAnime;
            animation-duration:3s;
            animation-fill-mode:forwards;
            opacity:0;
        }

        @keyframes fadeInAnime{
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }
        
    </style>

<script type="text/javascript" charset="UTF-8" src="//cache1.value-domain.com/xrea_header.js" async="async"></script>
</head>
<body>
  
    <p  id="name"></p>
    <p class="text-button" id="text-button">Click Here</p>
   
    <script>
    //省略
                if(name.classList.contains("fadeIn")){ 
                  
                    console.log(words);
                    console.log(name);
                    
                }else{
                   
                    words.classList.add("fadeIn");
                    name.classList.add("fadeIn");
                    
                }
                words.innerHTML = wordsList[selecter];
                name.innerHTML = nameValue;
                button.style.fontSize = "20px";
                button.innerHTML = "See More";
                
             });
        }; 
    </script>
</body>			

```



### 補足情報（FW/ツールのバージョンなど）

vscode

クリックしても二回目にフェードイン効果が効かない アニメーション

ワードプレスを移管したのですが、様々な国でアクセスすると一部のページで404エラーを吐きます。
私と友人の携帯、パソコンでアクセスしたところ404は出ませんでした。
海外の人たちだけ404エラーになるのはなぜでしょうか？ちなみにVPNで色々な国からアクセスしたのですが、全部問題なく見れました。
ただ確かにお客さんのスマホでアクセスすると404になるページがあります。何が原因かわかりますでしょうか。
サーバーはXserver、CMSでWordpressを使っております。
サーバー側のワードプレスのアクセス設定をいじってみたのですが駄目そうです。


一部の人たちだけに404エラーが発生する

### 前提
javaでjdbcを用いてSQLに接続するサンプルコードを以下のように書き換えてみたところ、
「connectionを型に解決できません」というエラーが出力される。

Connection connection =DriverManager.getConnection(．．．
⇓
Connection connection = null;
connection=  DriverManager.getConnection(．．．


### 発生している問題・エラーメッセージ

```
「connectionを型に解決できません」
```

### 該当のソースコード

```ここに言語名を入力
package jdbcsample;

import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.ResultSetMetaData;
import java.sql.SQLException;
import java.sql.Statement;
import java.util.ArrayList;
import java.util.List;

public class Main {

    public static void main(String[] args) throws Exception {

        try (     		
        		
　　　　　　　　//Connection connection = null;
                       //connection=  の形に以下を書き換えたい
        		Connection connection = DriverManager.getConnection("jdbc:mysql://127.0.0.1:3306/sample", // "jdbc:postgresql://<場所>:<ポート>/<データベース名>"
                        "root", //user
                        "root"); //password;
                Statement statement =    connection.createStatement();
                ResultSet resultSet = statement.executeQuery(

                        "select * from m_country"

                        );
                ){

            List<String> columns = new ArrayList<String>();

            ResultSetMetaData rsmd = resultSet.getMetaData();
            for (int i = 1; i <= rsmd.getColumnCount(); i++) {
                columns.add(rsmd.getColumnName(i));
            }

            System.out.println(resultSet);

            while (resultSet.next()) {
                System.out.println("\ncount:" + resultSet.getRow());

                columns.stream().forEach((i)->{try {
                    System.out.println(i + ":" + resultSet.getString(i));
                } catch (SQLException e) {
                    e.printStackTrace();
                }});
            }


        }
    }

}


```

### 試したこと



### 補足情報（FW/ツールのバージョンなど）




Javaのtry構文内で変数が参照されない

JDBC経由でのDBへの接続方法について質問します。

Class.forName("ドライバ名");
conn = DriverManager.getConnection(url, user, password);

のような接続の仕方をしますが、このClass.forNameが無いサンプルも見受けられます。
この一文は必要なのでしょうか？また、何をやっているのでしょうか？


Class.forNameの意味(JDBC)

調べても、簡単そうでわからなかったので、申し訳ございませんが
下記の点ご教示ください、

例えば以下のSQL文でnameやpriceの前にある.pとはどのような意味があるのですが、
また、where句の前のpにドットが不要なのは何故なのでしょうか。

これがSQL文上の構造なのか、$wpdb上のprepareメソッドの中の仕様なのか調べることができなかったのすが、よろしくお願い申し上げます。



```ここに言語を入力
  $sql = $wpdb->prepare("SELECT p.name, p.price FROM $wpdb->products p WHERE p.name LIKE %s", '%'.$product_name.'%' );
```

MYSQLのselect文（基礎的なことで申し訳ございません）

phpでbindValueあたりを学習していて疑問が湧きました。
環境：Mysql,MacOS catalina,PHP7 など


1
```
INSERT INTO `users` (`a`, `b`, `c`, `d`) VALUES (:a_data, :b_data, :c_data, :d_data)
```

2
```
INSERT INTO `users` (`a`, `b`, `c`, `d`) VALUES (?,?,?,?)
```

sqlを書く際に、
?で書くか、変数で書くかどちらが好ましいでしょうか？

sqlのvaluesの書き方

const arr = [
    [1, 2, 3, 4],
    [11, 12, 13, 14],
    [21, 22, 23, 24]
];
console.log(arr);
console.log(arr[1]);
console.log(arr[1][3]);

// 二次元配列の繰り返し。for文使用

for (let i =0; i < arr.length; i++) {
    let sum = 0;
    for (let j = 0; j < arr[i].length; j++) {
        sum += arr[i][j];
    }
    console.log(sum);
}

ジャバスクリプト独学勉強中です。
上記、コードの二次元配列の部分で、教科書ではコンソールが10，50，90となります。
どこをどうなったら、この数字になるのか理解がどうしてもできません。

どのたか分かりやすく教えて頂けると非常に助かります。


Java Script 二次元配列

### 実現したいこと

socket.emit('msg', { message: 'a' });
上記を変数で指定して出力するにどうしたらいいのでしょうか

p="msg"
pp="message"
socket.emit(''+p+'', '+pp+' : 'a' });
上記では動きません

JavaScript プロパティ名に変数で指定するには？

「ログインする際の重複アドレスがないかどうか」

を昨日からずっとやってるんですが、解決しないです。


**ある値がデータベースに登録済かどうかをチェックするには、データ（アドレスのカラム）の行数
をカウントするSQL文を使用する**らしいんですが、、、

知りたいのは行数のカウントじゃなくて、登録されているアドレスそのものなのにどういうことなんだ？ってなって頭がぐるぐる回ってます...



「行数のカウントを取得するということは・・・・・」

「つまり・・・・・」

「したがって、・・・・・・」


その場だけの記述を覚えても理解しないと応用できないので、分かりやすく解説頂けると助かります。

sql文はPDOではなくsqliを使っています。
参考書の記述と解説がほとんどsqliでPDOではない為です。


宜しくお願いいたします。



≪追記≫

思った以上に回答してくださる方がいらっしゃいますので、質問を具体的にする為、サンプルのソースを追記します。

冒頭で、「ログインする際の重複アドレスがないかどうか」と記載しておりますが、誤りです。

「新規登録する際の重複アドレスがないかどうか」です。

宜しくお願いします。

```
// 重複アカウントのチェック
	if (empty($error)) {
		$sql = sprintf('SELECT COUNT(*) AS cnt FROM members WHERE email="%s"',
			mysqli_real_escape_string($db, $_POST['email'])
		);
		$record = mysqli_query($db, $sql) or die(mysqli_error($db));
		$table = mysqli_fetch_assoc($record);
		if ($table['cnt'] > 0) {
			$error['email'] = 'duplicate';
		}
	}


<input type="text" name="email" size="35" maxlength="255" value="<?php echo htmlspecialchars($_POST['email'], ENT_QUOTES, 'UTF-8'); ?>" />
			<?php if ($error['email'] == 'blank'): ?>
			<p class="error">* メールアドレスを入力してください</p>
			<?php endif; ?>
			<?php if ($error['email'] == 'duplicate'): ?>
			<p class="error">* 指定されたメールアドレスはすでに登録されています</p>
			<?php endif; ?>

```

ある値がデータベースに登録済かどうかをチェックする

###前提・実現したいこと
こんにちは毎度お世話になっております。
java swing でアプリケーションをつくっている最中によくわからない挙動がおこりました。具体的には、``paintComponent``が動きません。
これが解決されないと先に進めないので大変困っております。なんだかうまくつかめないような質問だとは自分でもおもいますが、お助けよろしくお願いします。

###発生している問題
下の３行はコードの抜粋です。（まだ実際にこの関数を呼び出してはいない）
この３行を含めたままコンパイル＆実行すると、``paintComponent``が動きません。（画面が灰色。printlnでも確認）
```Java
	public void add(GameObject object){}

	public void remove(GameObject object){}
```
しかしこの３行を消し去るorコメントアウトすると、正常に動きます。（描写したいものがちゃんと表示されます。）

###試したこと
全角空白でも入っていたかな？と考えてわざと空白を入れてみたが、そもそもその場合コンパイルできなかった。

###補足情報(言語/FW/ツール等のバージョンなど)
エディタ：メモ帳
javac のバージョン：javac 1.8.0_65
メモ帳とコマンドプロンプトを再起動してもうまくいかなかった
他のPCでも同じ挙動が起きるかテストしたが、そこでも動かなかった。
コード全体の情報は、追記依頼をしていただければ公開いたします。

paintComponentの挙動がわからない

### 実現したいこと

jSliderの値が大きくなると、中央座標を保ったままellipseも大きくなり、
jSliderの値が小さくなると、ellipseも小さくなるようにしたいです。

実装したインターフェース
public void stateChanged(ChangeEvent e) { } の中で、オーバーライドされているメソッドの中のellipseを使おうと
コードの上の方で Ellipse2D ellipse;を定義しましたが、エラーになります。
また、public void stateChanged(ChangeEvent e) { } の中でJsliderのgetValue()を入れた変数を使って、width,heightを変えようとしてもエラーになります。
別のクラスの中でオーバーライドされているメソッドを呼び出して、中身を一部変えたい場合はどうすれば良いのでしょうか？
  

### 発生している問題・エラーメッセージ

```
メソッド Double(int, int, int, int) は型 Ellipse2D で未定義です
非 static フィールド ellipse を static 参照できません
非 static フィールド ellipse を static 参照できません
```

### 該当のソースコード

```java
import java.awt.Color;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.geom.Ellipse2D;

import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JSlider;
import javax.swing.event.ChangeEvent;
import javax.swing.event.ChangeListener;

public class TestFrame extends JFrame implements ChangeListener {
	JSlider slider;
	  JLabel label;
	  JPanel p;
	  Ellipse2D ellipse;
	
	
  public static void main(String[] args) {
    new TestFrame().setVisible(true);
  }

  TestFrame() {
    super("Swingサンプル（円の描画）");
    setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    setSize(800, 800);

    setContentPane(new CirclePanel());

     label = new JLabel("test");
    label.setBounds(300, 10, 100,100);
    add(label);

    JLabel label2 = new JLabel("テスト");
    label2.setBounds(300, 500, 100, 100);
    add(label2);

     slider = new JSlider();
    slider.addChangeListener(this);
    p = new JPanel();
    p.add(slider);
    p.setBounds(300, 300, 100, 50);
    add(p);
    
   
  }
  
 
 
  
  public void stateChanged(ChangeEvent e) {
	    label.setText("値：" + slider.getValue());
	    int value= slider.getValue();
	    //p.setBounds(300, 300, value, value);
//	    エラーになる
	    ellipse.Double(300,200,value, value);
	   
	    
	  } 
  
 
  private static class CirclePanel extends JPanel {
    CirclePanel() {
      super(null); //レイアウトマネージャ無し
      setBackground(Color.WHITE); //背景色
    }
    @Override
    public void paintComponent(Graphics g){
      super.paintComponent(g);

      Graphics2D g2 = (Graphics2D)g;
      g2.setColor(Color.BLUE);
//      エラーになる
       ellipse = new Ellipse2D.Double(300,200,100,100);
//       エラーになる
      g2.fill(ellipse);
    }
  }
}
```

###試したこと

どうすれば求める情報が出てくるのか検索方法がわかりませんでしたが、調べた中では。JSliderの値に合わせて図形が大小変化するものは見つけられませんでした。



JSliderの値に合わせてEllipse2Dコンポーネントの大きさも変化させたい

### 実現したいこと

ActionListener イベントのアクションリスナオブジェクトのエラーが解決できません。
labelをクリックしたら反応するようにしたいです。回答お願いします。

### 発生している問題・エラーメッセージ

```
Exception in thread "main" java.lang.Error: Unresolved compilation problem: 
	メソッド addActionListener(Sample) は型 JLabel で未定義です

	at Sample.<init>(Sample.java:26)
	at Sample.main(Sample.java:15)

```

### 該当のソースコード

```Sample.java
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;

import javax.swing.JFrame;
import javax.swing.JLabel;


public class Sample extends JFrame implements ActionListener {
	
	  JLabel label;
	 
  public static void main(String[] args) {
	  
    new Sample().setVisible(true);
  }

  Sample() {
    super("練習");
    setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    setSize(800, 800);


    label = new JLabel("クリック");
    label.setBounds(100, 10, 150,200);
    label.addActionListener(this);
    add(label);

  
  }


  
  public void actionPerformed(ActionEvent ev) {
      
      System.out.println("you clicked");
      
  }
  

}
```

### 試したこと

label.ActionListener(new MyActionListener());に変えてもエラーになりました

### 補足情報（FW/ツールのバージョンなど）

Eclipse使用しています。


JavaでActionListener イベントのアクションリスナオブジェクトのエラーが解決できない

### 実現したいこと

ラベル二つと、JSlider一つ、描写した円一つの合計一つを表示させたいのですが、
label一つと、描写した円一つしか表示されません。
原因と正しい対策を教えてください。お願いします。



### 発生している問題・エラーメッセージ

```
なし
```

### 該当のソースコード

```javaファイル
import java.awt.Color;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.geom.Ellipse2D;

import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JSlider;

public class flame extends JFrame{
	
	public void paint(Graphics g){
	    super.paint(g);
	    Graphics2D g2 = (Graphics2D)g;
	    g2.setColor(Color.BLUE);
	    Ellipse2D ellipse = new Ellipse2D.Double(300,200,100,100);
	    g2.fill(ellipse);
	    
	  }
	  

  public static void main(String[] args){
	  JFrame frame = new flame();

    frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    frame.setBounds(10, 10, 300, 200);
    frame.setTitle("タイトル");
    frame.setTitle("Swingサンプル（円の描画）");
    frame.setSize(200,200);
    frame.setBackground(Color.WHITE);
    frame.setLayout(null);
    frame.getContentPane().setBackground( Color.WHITE );
//    
    JLabel label=new JLabel("test");
    frame.setSize(600, 600);
    frame.setBounds(100, 100, 600, 400);
    label.setLocation(300, 10);
    label.setSize(100,100);
    frame.add(label);
    
    JLabel label2=new JLabel("テスト");
    label2.setSize(100,100);
    frame.add(label2);
    label.setLocation(300, 500);
    
      frame.setVisible(true);
      
      
  }
  	flame(){

	  JSlider slider = new JSlider();
	
	  JPanel p = new JPanel();
	  p.add(slider);
	  p.setLocation(300, 300);
	  add(p);
//	  getContentPane().add(p);
  
  
 }
}
```

### 試したこと

自分が検証したところ、
・JSliderは他のコンポーネントを非表示にすると表示されるのでコードの不備がわかりません。
・labelは、一つだけにするとそちらは無事に表示されます。



いくつかのコンポーネントがframe上に表示されない

![イメージ説明](aee68e8448ba3527399d760802d77a0e.png)

図のように、表の１つ１つのセルに入力(input)できるようになっており、UPDボタンを押すと、
データベースに入っている値がアップデートできるようにしたいと考えています。
(下記URLでHTMLをご確認いただけます)

**JSFiddle**
https://jsfiddle.net/knxuq305/

１行ずつであれば下記UPDATE文で良いかと思います。
```PHP
<?php
 //DB接続済($dbh)
 $ID01 = "1";
 $ID02 = "2";
 $ID03 = "3";

 $NAME1 = "ごりら";
 $NAME2 = "らっぱ";
 $NAME3 = "ぱんだ";
 $NAME4 = "だんご";

 $var1 = $_POST['d01'];
 $var2 = $_POST['d02'];
 $var3 = $_POST['d03'];
 $var4 = $_POST['d04'];
 $var5 = $_POST['d05'];
・
・
・

 //1行目の値をアプデ
 $sql = "UPDATE `テーブル` SET `$NAME1` = '$var1', `$NAME2` = '$var2', `$NAME3` = '$var3', `$NAME4` = '$var4', WHERE ID = '$ID01'";
 $stmt = $dbh -> prepare( $sql );
 $stmt -> execute();

?>

<html>
    <form action="" method="post" >
    <table>
            <tbody>

            <tr>
                <td>ID</td>
                <td>ごりら</td>
                <td>らっぱ</td>
                <td>ぱんだ</td>
                <td>だんご</td>
            </tr>

            <tr>
                <td>1</td>
                <td><input type="text" name="d01" value="452"></td>
                <td><input type="text" name="d02" value="545"></td>
                <td><input type="text" name="d03" value="452"></td>
                <td><input type="text" name="d04" value="245"></td>
            </tr>

            <tr>
                <td>2</td>
                <td><input type="text" name="d05" value="842"></td>
                <td><input type="text" name="d06" value="585"></td>
                <td><input type="text" name="d07" value="882"></td>
                <td><input type="text" name="d08" value="335"></td>
            </tr>

            <tr>
                <td>3</td>
                <td><input type="text" name="d09" value="452"></td>
                <td><input type="text" name="d10" value="545"></td>
                <td><input type="text" name="d11" value="452"></td>
                <td><input type="text" name="d12" value="245"></td>
            </tr>

            </tbody>
    </table>
    
    <center><input type="submit" value="UPD"></center>
    </form>
</html>

```
例えばこれが1000行あって、それぞれのフィールドに異なる値をいれたい場合、
1行ずつSQL文を記述しては冗長になってしまいます。

もう少し簡潔に記述できれば教えていただきたいです。
質問内容が意味不明であれば、お手数ですがご指摘ください。

よろしくお願いいたします。

【PHPmySQL】複数行をUPDATEするSQL文【PDO】

現在、データベースから取得したデータを表示させ、それを削除ボタンにて削除したいと思っております。
その際に、削除ボタンを押してアラートを出しOKなら削除、キャンセルなら処理取り消しをしたく、jsとphpファイルを分けて記述しました。削除ボタンでアラートは出るもののphpに記述した削除処理を読み込ませるのがうまくできず削除できない状況となっております。
　


行なったこといたしましては、phpに script処理を無理やりのように埋め込んでボタンが押されたら→削除処理に行くよう記述したのですがどうにも削除ボタンを押したらアラートは出るが削除押さなくてもページをリロードすると消えてしまいます。
アドバイスをいただきたいです。


・削除ボタンでアラート表示OKなら削除



```php.
<?php

$sql = 'select id, name, kana, tel, email, body, created_at  from contacts';
$stmt = $db->query( $sql );

echo "<table>\n";
echo "\t<tr><th>id</th><th></th><th>name</th><th></th><th>kana</th><th></th><th>tel</th><th></th><th>email</th><th></th><th>body</th><th></th><th>created_at</th></tr>\n";
while( $result = $stmt->fetch( PDO::FETCH_ASSOC ) ){
    echo "\t<tr>\n";
    echo "\t\t<td>{$result['id']}</td>\n";
    echo "\t\t<td>　</td>\n"; 
    echo "\t\t<td>{$result['name']}</td>\n";
    echo "\t\t<td>　</td>\n"; 
    echo "\t\t<td>{$result['kana']}</td>\n";
    echo "\t\t<td>　</td>\n"; 
    echo "\t\t<td>{$result['tel']}</td>\n";
    echo "\t\t<td>　</td>\n"; 
    echo "\t\t<td>{$result['email']}</td>\n";
    echo "\t\t<td>　</td>\n"; 
    echo "\t\t<td>{$result['body']}</td>\n";
    echo "\t\t<td>　</td>\n"; 
    echo "\t\t<td>{$result['created_at']}</td>\n";
    echo "\t\t<td>　</td>\n"; 
    echo "\t\t<td><a href=edit.php? id=".$result['id'].">編集</a>"."</td>\n";
    echo "\t\t<td>　</td>\n"; 
    ?>
    <td><a href= contact.php class="deleteBtn"  data-id='<?php echo $result['id'] ;?>' onClick="return dspDelete();" >削除</a></td>
    <?php
    echo "\t</tr>\n";
  ?>
  
<script>
    $(".deleteBtn").click(function(){
      
        var btnid = $(this).data("id");
        console.log(btnid);
        deleteData(btnid);
        });

        
  
    function deleteData(btnid){
      if(window.confirm('削除しますか？')){
        $.ajax({
            type: 'POST',
            dataType:'json',
            url:'delete_func.php',
            data:{
                btnid:btnid,
            },
          
              success:function(data) {
                console.log(data);
                  window.location.href = "./";
              },
                  error:function(XMLHttpRequest, textStatus, errorThrown) {
                      alert(errorThrown);
                  
                  }
        
        });
      
    }
    }
</script>

<?php

  }
echo "</table>\n";
  
?>
```

delete_func.php
```

 $jsondata = $_POST['btnid'];
	

 $stmt = $db->prepare('DELETE FROM contacts WHERE id = '.$jsondata.' ');
 $stmt->execute(); 
 header('Content-type: application/json');
 echo json_encode( $jsondata );
```

削除ボタン実行で削除　pdo

#環境
- apache2.4
- PHP7.3
- MySQL5.7
(ローカルホストで動作しています）
#問題
curlにてhttp://~~~?(パラメータ）
を投げた際に、MySQL上のテーブルを操作するプログラムを作成したいのですが。
パラメータ要素
- function
- name
- amount

下記コードで一番目のケース(deleteall)を実行する際は上手く動作するのですが、
それ以降のケースが動作しません。
具体例
動作OK：http://~~~?function=deleteall
動作不可：http://~~~?function=addstock&name=test&amount=2332
```php
<?php
$link = new mysqli("localhost", "root","pass","stocker");
$function = $_GET["function"];
$name= $_GET["name"];
$amountTmp = $_GET["amount"];
echo($amountTmp);
function is_decimal($value) {
    return filter_var($value, \FILTER_VALIDATE_INT) !== false;
}
$flag =  is_decimal($amountTmp);

switch($function){
    case "deleteall":
        $sqlQDel= "truncate table stocker";
        $result = $link->query($sqlQDel);
        var_dump($result);
        $link->close();
    case "addstock":
        if ($flag === true)
            exit("ERROR");
        $sqlQInert = "insert into stocker (name ,amount) values('$name','$amountTmp')";
        var_dump($sqlQInert);
        $result = $link->query($sqlQInert);
        var_dump($result);
        $link->close();
    case "checkstock":
        $sqlQCheck = "select select name,amount from stocker WHERE name = '$name'";
        $state = $link->query($sqlQ);
        var_dump($state);
        $link->close();
    // case "sell":
    
}
?>

```
#問題詳細追加
クエリ文をvar_dumpで確認したところ、
そもそも変数に値が入って居ない事が確認できました。
```php
    case "addstock":
        if ($flag === true)
            exit("ERROR");
        $sqlQInert = "insert into stocker (name ,amount) values('$name','$amountTmp')";
        var_dump($sqlQInert);
        $result = $link->query($sqlQInert);
        var_dump($result);
        $link->close();

```
実行Curl
curl http://13.112.97.12/stocker/?function=addstock&name=test&amount=2344
結果
string(48) "insert into stocker (name ,amount) values('','')"
この様にパラメータが複数渡される場合、
$_GET['キー名']では複数の項目の取得はできないのでしょうか？

URLパラメータにてMySQLを操作したい。

###前提・実現したいこと
文字列が入っている変数$fileの値を<a href="">のリンク先に渡したい。
しかし、実行結果では、以下のようになってしまいます。

###発生している問題・エラーメッセージ
```
string 'php echo $file' (length=14)
```

###該当のソースコード
```PHP
<?php
$file=hogehoge;
$title=hoge;
print '<a href="download.php?aaa=php echo $file">'.$title.'</a><br />';
?>
```
```PHP
<?php
//download.php
$path1= $_GET['aaa'];
var_dump($path1);
?>
```
###試したこと
ネットで変数の中身を渡す方法を調べて、やってみたのですが直接コードが入ってしまい上のように表示されるだけでした。
また、echo $fileを<?php ?>で括ってみても同じでした。
そもそも文字列の受け渡しは不可能なのでしょうか？

###補足情報(言語/FW/ツール等のバージョンなど)
PHP5.6

PHPで<a href=””>のリンク先に、変数の中の文字列を渡したい。

例えば

```
1.田中
2.佐藤
3.鈴木
4.山中
5.橋本
```
とあり、3.鈴木　を消した場合
```
1.田中
2.佐藤
4.山中
5.橋本
```
となってしまうところを
```
1.田中
2.佐藤
3.山中
4.橋本
```
と、連番で表示されるようにしたいです。いい方法はないかと調べると
以下のサイトを見つけました。
[how to renumber primary index](http://stackoverflow.com/questions/2643371/how-to-renumber-primary-index)

このサイトによると

```
SET @i=0;
UPDATE table_name SET column_name=(@i:=@i+1);
```
このコマンドが有効らしですが、しかしこのコマンドをphp文に組み込む際どのようにしてよいかわかりません。
例えば、
```php
if($pass==$delete_pass){
			$sql="DELETE FROM $tb_name WHERE number=$num";
			$stmt=$pdo->prepare($sql);
			$stmt->execute();
			
			$reset_num="SET @i:=0; UPDATE $tb_name SET number=(@i:=@i+1)";
			$stmt=$pdo->prepare($reset_num);
			$stmt->execute();
			
		}else{
			echo "パスワードまたは削除番号が間違っています";
			exit();
		}
```
などと書いてみましたが
【エラー】
```
SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near 'UPDATE keijiban2 SET number=(@i:=@i+1)' at line 1
```
このように、構文ミスのようです…