常連

回答者

ベストアンサー

拍手喝采

先生

自己紹介

有名人

先日サイバー攻撃を受けたサイトの復旧を依頼されたのですが、よくよく聞くと
/var/www/
直下の中身をごっそり消されてしまった模様でした。

元々はこの直下にwordpressをインストールしていたのですが、ここへのwordpressのインストール方法がわかりません。


DBをつくる？
MySQL？
phpAdmin?

いつも案件として受けているのでwordpressのインストールは技術的にできると思っていたのですが、空っぽの中に（データベースもない）インストールするやり方が分からず………


「サイトが攻撃受けちゃってwordpressがリセット？されちゃったみたいでさ〜デザインつくりなおしてよ〜」
「がってんです！」
↓
いざサーバーを見てみると
「え……何もないですけど」
「いや知らんからwordpress入れてよ」
「いや、MySQLも使えないし、wordpressをwww直下に入れたけどアクセスできないんだよ。元々どうやってwordpress入れたの？」
「そんなん知らんわ本社海外だし日本版だけ攻撃受けたんだから」
「え……私サーバー屋さんじゃなくてデザイン屋で…いうなればこれは大工呼ばないとだめで、内装屋じゃどうにもならないっていうか……」
「知らんがな」


本社「wp-configを書き換えれば設置できますよ」
私「せやからごっそりないんやて！お願いやから見てくれって！」
本社「wp-configを〜」
私「いやだから見てないでしょ？！/var/www/の中身がごっそりないの！だからmysqlがないの！ってかそんなこと言うならwordpress設置してよ！！」
本社「wp-co以下同

先方はターミナルで確認をしているようで、まるごと中身がないことを伝えても「見れてます、ですからwp-configを……」の一点張りでした。
これってつまり、どこかにmysqlがあるってことですかね？


###new!!!
ターミナルからSSHを使用し、mysqlを更新することがようやくできました！！！！
いざユーザー名など入力してみた結果……だめでしたTT
進展ありましたらまたここに追記します。


誰か知恵を貸してください…！

よろしくお願い致します。
※ちなみにサイバー攻撃をうけたのは本当のようです

サイバー攻撃をうけてからっぽになったサーバーにwordpressをインストールする方法

#［目的地］
プログラミングで仕事の効率化をしたいと思っています。
学校の時間割を作るプログラムを作ったり、学校の三者面談のスケジュールを作るプログラムを作ったりしたいと思っています。
将来的には、プログラミングの基礎を教えられるようになりたいと思っています。

#［聞きたいこと事］
学習に行き詰まっており、ちょっとお聞きしたいです。
コードについての質問ではないので、こちらに投稿していいかちょっとわからなかってのですが、
よろしくお願いします。

現在、Javaを独学で学習しています。
2021年５月中旬から独学でJavaを学習しはじめました。
progate、ドットインストールなどで基礎を学習した後、Udemyの教材で学習をしています。
スッキリわかるJava入門 実践編　という本も愛読して８割ほど繰り返し読みました。

現在Udemyで学習している内容はprogate、ドットインストールなどでの既習内容です。
つまづくこともありますが、どうにか楽しく学習ができています。

このあたりの基礎内容は、さらに演習をこなしてどんどん慣れていきたいと思っています。

この後、２、３週間学習を続けると、Java FX やJava　データベースやJava ネットワーキングなどの内容に進みます。
もちろん、基礎のないようも引き続き学習予定ですが、新しい内容にも少しづつ進んでいきたいと思っています。
これらの内容はprogate、ドットインストールではカバーされていない内容です。

Udemyは英語の動画で実は私にはちょっとハードルが高いと思っています。
既習内容なら英語の動画でもどうにかなるかもしれませんが、まったく新しい内容を学習するのはちょっときついと思っています。

Java FX　などは、ちょっと動画をみて学習をしてみましたが、歯が立ちそうな気がしませんでした。
アマゾンで本を探してみましたが、たくさんはないようでした。
おすすめの本などありませんか？

皆さんはこれらの基礎以降の学習内容をどのように進めました？
おすすめの教材や学習方法はあったら教えてください。
現在は、メンターなどのサービスをお願いして、まずはJava FXの導入部分だけでも教えてもらおうかと考えています。
スクールに行くことも検討はしていて、見学にいったりもしているのですが、なかなかよさそうに思うところに出会っていないので行っていません。

#［環境］
Java version 16.0.1
VS Code 
Mac OS Big Surの環境です。
java -version
java version "16.0.1" 2021-04-20
Java(TM) SE Runtime Environment (build 16.0.1+9-24)
Java HotSpot(TM) 64-Bit Server VM (build 16.0.1+9-24, mixed mode, sharing)
MacBook:09_MinutesToYearsandDayCalculator $ 

パソコン MacBook(Retina, 12-inch,2017), memory 8GB

Javaの学習について

javascriptで計算フォームを作成しております。
複数あるvalue(品物の単価)の合計がsyoukeiに出るようにしています。
forでまとめたいのですが、上手くいきません。
初心者で恐縮ですが、ご教示のほどよろしくお願いいたします。

追記　下記のjavascriptは綺麗に動いた例ですが、品物が増えるとその分追記しなくてはならないため、纏められないかと思いご質問させていただきました。

```javascript
$(document).ready(function(){
	$('select').change(function() {
	var syoukei0= document.getElementsByName("syoukei0").value;
		syoukei0=0;
		$(".value0 input:text").each(function(){
			var value0 = $(this).val();
			syoukei0 = parseInt(value0)+syoukei0;                       
		});
		document.form.syoukei0.value = syoukei0; // 合計を表示
	});
});

$(document).ready(function(){
	$('select').change(function() {
	var syoukei1= document.getElementsByName("syoukei1").value;
		syoukei1=0;
		$(".value1 input:text").each(function(){
			var value1 = $(this).val();
			syoukei1 = parseInt(value1)+syoukei1;                       
		});
		document.form.syoukei1.value = syoukei1; // 合計を表示
	});
});

$(document).ready(function(){
	$('select').change(function() {
	var syoukei2= document.getElementsByName("syoukei2").value;
		syoukei2=0;
		$(".value2 input:text").each(function(){
			var value2 = $(this).val();
			syoukei2 = parseInt(value2)+syoukei2;                       
		});
		document.form.syoukei2.value = syoukei2; // 合計を表示
	});
});
```
HTMLも追記いたします。
他のscriptもありclassが乱立していますが、今回の質問では商品1～3横のinputに各商品の小計を入れることだけを目的としているためほかのscrptは記載はしておりません。必要であれば記載させていただきます。
```HTML
<form method="post" name="form">
<table border="1">
<tr>
<th>詳細</th>
<th>単価</th>
<th>数量</th>
<th>金額</th>
</tr>

<tr class="title"><td colspan="4">商品1<input type="text" name="syoukei0" class="syoukeis" value="0" disabled></td></tr>
<tr class="rows">
  <td></td>
  <td class="tanka" >440円</td>
  <td><select name="goods1">
   <option value="0" selected>0</option>
   <option value="1">1</option>
  </select></td>
  <td class="value0"><input type="text" class="price" size="7" value="0"> 円</td>
</tr>
<tr class="title"><td colspan="4">商品2<input type="text" name="syoukei1" class="syoukeis" value="0" disabled></td></tr>
<tr class="rows">
 <td></td>
 <td class="tanka" >440円</td>
 <td><select name="goods2">
  <option value="0" selected>0</option>
  <option value="1">1</option>
 </select></td>
 <td class="value1"><input type="text" class="price" size="7" value="0"> 円</td>
</tr>

<tr class="title"><td colspan="4">商品3<input type="text" name="syoukei2" class="syoukeis" value="0" disabled></td></tr>
<tr class="rows">
 <td><font color="red">キャラ1</font></td>
 <td class="tanka">605円</td>
 <td ><select name="goods3">
  <option value="0" selected>0</option>
  <option value="1">1</option>
 </select></td>
 <td class="value2"><input type="text" class="price" size="7" value="0"> 円</td>
</tr>
<tr class="rows">
 <td><font color="blue">キャラ2</font></td>
 <td class="tanka" >605円</td>
 <td ><select name="goods4">
  <option value="0" selected>0</option>
  <option value="1">1</option>
 </select></td>  
 <td class="value2"><input type="text" class="price" size="7" value="0"> 円</td>
</tr>
<tr class="rows">
 <td><font color="yellow">キャラ3</font></td>
 <td class="tanka" >605円</td>
 <td ><select name="goods5">
  <option value="0" selected>0</option>
  <option value="1">1</option>
 </select></td>  
 <td class="value2"><input type="text" class="price" size="7" value="0"> 円</td>
</tr>
<a name="top"></a>
<tr >
 <td colspan="3" >
  <button type="button" id="hide">0円を非表示</button> 　合計</td>
 <td><a name="top"></a><input type="text" id="total" size="7" value="0"> 円</td>
</tr>
<tr>
 <td colspan="3" >特典</td>
 <td><input type="text" id="tokuten" size="7" value="0"> 枚</td>
</tr>
</table>
```

### **追記　試したこと**
見よう見まねでやろうとしましたが、上手く動かなかったのでご質問した次第でございます。
```
$(document).ready(function(){
	$('select').change(function() {
	var syoukei= document.getElementsByName('[name^="syoukei"]').value;
       for( i = 0; i < syoukei.length; i++ ) {
		syoukei[ i ]=0;
		$(".value[ i ] input:text").each(function(){
			var value[ i ] = $(this).val();
			syoukei[ i ] = parseInt(value[ i ])+syoukei[ i ];                       
		});
		document.form.syoukei[ i ].value = syoukei[ i ]; // 合計を表示
	});
});
});

```

### **さらに追記　ご指摘を受けて**
ご指摘を受け変更したのですが、上手く動きませんでした。(合計値が出されなかった)
どこにミスがあるかご教示いただけますと幸いです。
```Javascript
$(document).ready(function(){
	$('select').change(function() {
	var syoukei= document.querySelectorAll('[name^="syoukei"]');
       for( i = 0; i < syoukei.length; i++ ) {
		    syoukei[ i ]=0;
		$(".value"+i+" input:text").each(function(){
			var value[ i ] = $(this).val();
			syoukei[ i ] = parseInt(value[ i ])+syoukei[ i ];                       
		});
		document.form.syoukei[ i ].value = syoukei[ i ]; // 合計を表示
	});
});
});

```
### **さらに追記　2つめの回答を受けて**
素人考えでいじった結果となります。
お手数おかけしますがよろしくお願いいたします。
```ここに言語を入力
$(document).ready(function(){
	$('select').change(function() {

// 金額入力欄をquerySelectorAllでまとめて取ってくる

let priceList = document.querySelectorAll('.price');
priceList.forEach( e => {
  // 各金額入力欄の対し、予めセットしている小計対象のname値を取得
  let targetSyoukeiClass = e.dataset.syoukei;
  // querySelectorで小計を加算するinputを特定
  let targetSyoukeiInput = document.querySelector(`input[name=${targetSyoukeiClass}]`);
  // 無事取得できたら、小計inputに金額を加算する

targetSyoukeiInput.value = 0;

  if(targetSyoukeiInput){
    targetSyoukeiInput.value = Number(targetSyoukeiInput.value) + Number(e.value);
  }
});
});
});
コード
```

同じ計算処理をまとめたい

navをクリックすると背後にふわふわ動く画像が出るようにして、クリックしたところだけにその画像が出るようになったのですが、
クリックすると画像が出ると同時にnavの文字が横に移動してしまって不自然になってしまいます。
divに画像を入れているのでdivが出現するたびに文字が動いているような気もするものの、marginをいじってもあまり意味がなくて困っています。
ご教示くださいますと幸いです。

こちらはどうしても早めに解決方法が知りたかったため、マルチポストをしてしまっている質問でした。
質問リンクはこちらになります。
https://ja.stackoverflow.com/questions/77774/%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e3%82%af%e3%83%aa%e3%83%83%e3%82%af%e3%81%99%e3%82%8b%e3%81%a8%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e6%96%87%e5%ad%97%e3%81%8c%e5%8b%95%e3%81%84%e3%81%a6%e3%81%97%e3%81%be%e3%81%86


コードは以下
```
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>タイトル</title>
    <link rel="stylesheet" href="style.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
        <nav>
                <div class="flex_">
                    <a href="#">top</a>
                    <div class="huwahuwa"></div>
                    <a href="#one">one</a>
                    <div class="huwahuwa"></div>
                    <a href="#two">two</a>
                    <div class="huwahuwa"></div>
                </div>
            </nav>
    <section id="one">
        <p>ここはoneだよ</p>
    </section>
    <section id="two">
        <p>ここはtwoだよ</p>
    </section>
    <script>
$('.flex_ a').on('click',function(){
  $('.flex_ a').removeClass('active');
  $(this).addClass('active');
})
    </script>
</body>
</html>
```
```
@charset "utf-8";

html{
    scroll-behavior: smooth;
}

body{
    width:960px;
    margin:0 auto;
    font-size: 16px;
    position: relative ;
}

a {
    -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      -ms-transition: 0.3s;
      transition: 0.3s;
  }

nav{
    height:90px;
    width:90%;
    margin:0 auto;
    position: fixed;
    top:0;
    left:0;
}

.flex_{
    max-width: 1200px;
    width:46%;
    margin:0 0 0 54%;
    height:80px;
    line-height:80px;
    display: flex;
    justify-content: space-between;
}

@media(max-width: 1100px){
    body{
        width:100%;
    }
    nav{
        width:100%;
    }
    .flex_{
        width:90%;
        margin:0  auto;
        justify-content: center;
    }
}

@media(max-width: 467px){
    .flex_{
        width:90%;
        margin:0  auto;
        justify-content:flex-start;
        flex-flow: column;
        line-height:55px;
    }
}

.flex_ a{
    display: block;
    font-size:1.25rem;
    padding:0 0 0 30px;
    color:#000;
    text-decoration: none;
}

.huwahuwa{
    animation:huwahuwa 3s infinite ease-in-out .8s alternate;
    background:url(icon.png) no-repeat center center / 60px auto;
    display:inline-block;
    transition:1.5s ease-in-out;
    width:100px;
    height:100px;
    margin-left:-100px;
    z-index:-99;
}
.huwahuwa{
    display: none;
}
.active+.huwahuwa{
    display: inline-block;
}

@keyframes huwahuwa {
    0%{
        transform:translate(0,0) rotate(-7deg);
    }
    50%{
        transform:translate(0,-7px) rotate(0deg);
    }
    100%{
        transform:translate(0,0) rotate(7deg);
    }
}

.flex_ a:hover{
    opacity:0.6;
    transition: .6s;
}

#one,#two,#three{
    width:100%;
    height:600px;
}
#one{
    margin-top:80px;
    background:pink;
    z-index:-100;
}
#two{
    background:skyblue;
    z-index:-100;
}
```

navの文字位置を固定したい

```C言語
#include<stdio.h>
int amari(int , int);
int kosuu(int, int);
int keisan(int, int);
int sum = 0, min = 11;

int main(void){
  int n, m, kans = 0;
  scanf("%d%d", &n, &m);
  int i, k, ans = 100;
  if(n == 1){
    k = 1;
  }else{
    for(i = 1 ; i < n ; i++){
      if(i*i*i > n){
	k = i-1;
	break;
      }
    }
  }
  for(;k  > 1;k--){
    kans = keisan(n, k);
if(kans < ans){
      ans = kans;
    }
    sum = 0;
  }
  if(ans <= m){
    printf("%d\n", ans);
  }else{
    printf("-1\n");
  }
}

int amari(int n, int p){
  return n % (p*p*p);
}

int kosuu(int n, int p){
  return n / (p*p*p);
}
int keisan(int n, int k){
  int q = 0;
  if(k != 1){  
    sum += kosuu(n, k);
    keisan(amari(n, k), k-1);
  }else{
    sum += n;
  }  
  return sum;
}


```競技プログラムの問題を教えていただきたいです。（C言語でお願いいたします）
【問題原文】
正整数 n と m が与えらえるとき，n を m 個以下の立方数（正整数の三乗）の和で表現することを考える．
例えば，n = 35，m = 10 のとき，n は次のように立方数を使って表現できる
35 = 33 + 23
35 = 33 + 13 + 13 + 13 + 13 + 13 + 13 + 13 + 13
35 = 23 + 23 + 23 + 23 + 13 + 13 + 13
正整数 n が m 個以下の立方数の和として表現できるとき，必要な立方数の最小個数を調べるプログラムを作成せよ．
（入力）
入力は以下の形式で与えられる．
n m
（制約）
・n，m はいずれも正整数．
・1 ≤ n ≤ 50000
・1 ≤ m ≤ 10
（出力）
正整数 n を表現するのに必要な立方数の最小個数を出力せよ． ただし，n が m 個以下の立方数の和で表現できないときには -1 と出力せよ．
（例）
入力1:
35 10
出力1:
2
35 を表現するのに必要な立方数の最小個数は2個である（35 = 33 + 23）．
入力2:
53 3
出力2:
-1
53 を3個以下の立方数の和として表現することはできない．

自分で作成したソースコードを載せさせていただきました。
上記のコードでは例の入力1, 2には対応できているのですが、自分でほかの値で試したときに正しい値を出力しませんでした。（具体的にはn=4059, m=10この場合の正しい答えは12^3+11^3+10^3で3、自分のコードでは5と出てしまいます。）
理由はわかっているのですが、改善方法がわかりません。

競技プログラミングの問題を教えていただきたいです（正整数の立方数による表現）

mysqlのバージョン8.0.25で権限付与ができません。

```mysql
mysql> GRANT ALL PRIVILEGES ON DB名.* TO ‘user’@‘localhost’ WITH GRANT OPTION;
ERROR 1410 (42000): You are not allowed to create a user with GRANT
```

エラー発生までの手順
CREATE USER 'user'@'localhost' IDENTIFIED BY 'password';
GRANT ALL PRIVILEGES ON DB名.* TO 'user'@'localhost' WITH GRANT OPTION;

rootの権限確認
```mysql
mysql> show grants for 'root'@'localhost';

| Grants for root@localhost                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   
| GRANT SELECT, INSERT, UPDATE, DELETE, CREATE, DROP, RELOAD, SHUTDOWN, PROCESS, FILE, REFERENCES, INDEX, ALTER, SHOW DATABASES, SUPER, CREATE TEMPORARY TABLES, LOCK TABLES, EXECUTE, REPLICATION SLAVE, REPLICATION CLIENT, CREATE VIEW, SHOW VIEW, CREATE ROUTINE, ALTER ROUTINE, CREATE USER, EVENT, TRIGGER, CREATE TABLESPACE, CREATE ROLE, DROP ROLE ON *.* TO `root`@`localhost` WITH GRANT OPTION                                                                                                                                                                                                                    |
| GRANT APPLICATION_PASSWORD_ADMIN,AUDIT_ADMIN,BACKUP_ADMIN,BINLOG_ADMIN,BINLOG_ENCRYPTION_ADMIN,CLONE_ADMIN,CONNECTION_ADMIN,ENCRYPTION_KEY_ADMIN,FLUSH_OPTIMIZER_COSTS,FLUSH_STATUS,FLUSH_TABLES,FLUSH_USER_RESOURCES,GROUP_REPLICATION_ADMIN,INNODB_REDO_LOG_ARCHIVE,INNODB_REDO_LOG_ENABLE,PERSIST_RO_VARIABLES_ADMIN,REPLICATION_APPLIER,REPLICATION_SLAVE_ADMIN,RESOURCE_GROUP_ADMIN,RESOURCE_GROUP_USER,ROLE_ADMIN,SERVICE_CONNECTION_ADMIN,SESSION_VARIABLES_ADMIN,SET_USER_ID,SHOW_ROUTINE,SYSTEM_USER,SYSTEM_VARIABLES_ADMIN,TABLE_ENCRYPTION_ADMIN,XA_RECOVER_ADMIN ON *.* TO `root`@`localhost` WITH GRANT OPTION |
| GRANT PROXY ON ''@'' TO 'root'@'localhost' WITH GRANT OPTION                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |

3 rows in set (0.00 sec)

```

権限付与したいユーザーの権限一覧
```mysql
mysql> show grants for 'user'@'localhost';
+-------------------------------------------------------+
| Grants for user@localhost                |
+-------------------------------------------------------+
| GRANT USAGE ON *.* TO `user`@`localhost` |
+-------------------------------------------------------+
1 row in set (0.00 sec)


```

以上、何が悪いのか全く検討がつきません。
何が悪いのでしょうか。

MySQL 8.0 権限付与ができない

お世話になります。
最近、mac(M1)を購入し開発をはじめたばかりの初心者です。
まだ、PCしか所有しておらずアプリテスト用の端末(iphone)がないので端末を購入したいと考えております。
(端末はあくまでアプリチェック用として使用するだけで、実際に契約はしない。)
ただ、iosはxoode及び言語のswiftとのver絡みで色々注意しないといけないと聞いておりますので
これから開発を開始する場合は、どのiphoneの型式を購入すればいいのでしょうか？
【最新の型式等は高額すぎて手が出ませんので、中古で済ませたいのですが。。】
宜しければアドバイス頂きたく宜しくお願い致します。

xcode ver:12.5

iosアプリ開発：iphoneの端末購入について

現在、コーディング練習をしているところなのですが、
レスポンシブサイトにて横幅指定、中央揃えがうまくできません。
URLは
https://mystyle.xrea.jp/practis/
です。

メディアクエリにて767pxで横幅指定をしているのですが、610pxくらいでレスポンシブサイトに適応します。
またレスポンシブサイトではヘッダーメニューが中央揃えにならないので、是非ご回答いただければ幸いです。

2日ほどソースとにらみっこしていますが、なかなか解決できないのでお力いただけると助かります。
URLは https://mystyle.xrea.jp/practis/ です。

以上、よろしくお願いいたします。

※下記にソースコードを載せておきます。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" href="favicon.ico">
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/style.css">
  <title>デイトラ | 無料体験</title>
</head>
<body>
    <header>
        <h1>
          30DAYSトライアル
        </h1>
        <nav>
          <ul>
            <li><a href="#">デイトラとは</a></li>
            <li><a href="#">コース一覧</a></li>
            <li><a href="#">お問い合わせ</a></li>
          </ul>
        </nav>
    </header>

    <div class="header_img">
      <p class="header_upper">
        1日1題30日で<br>
        プロのWebエンジニアになろう！
      </p>
      <p class="header_bottom">
          毎日設定された課題をこなすだけ！<br class="kaigyo">未経験から30日でプログラミングスキルが身につきます
      </p>
    </div>
  <div class="container">
      
    <h2>デイトラとは</h2>
    <div class="about">
      <div class="about_left">
        <img src="./img/about.png" alt="デイトラとは">
      </div>
      <div class="about_right">
        <p>
          デイトラとは、無料で・迷わず・楽しく学べるプログラミング学習アプリです。毎日設定された課題をこなしていくだけで、未経験から30日でプログラミングスキルが身につきます。<br>
          1日1題30日でプロのWebエンジニアを目指しましょう！
        </p>
      </div>
    </div>
    <div class="kuhaku"></div>
    <h2>コース一覧</h2>
    <div class="course">
      <div class="course_item">
         <img src="./img/web_first.png" alt="初級コース">
         <p class="course_setsumei">
          HTML / CSS / Bootstrap
        </p>
      </div>
      <div class="course_item">
        <img src="./img/web_second.png" alt="中級コース">
        <p class="course_setsumei">
          HTML /CSS / JavaScript / JQuery
        </p>
      </div>
      <div class="course_item">
        <img src="./img/web_third.png" alt="上級コース">
        <p class="course_setsumei">
          PHP / WordPress
        </p>
      </div>
    </div>

    <div class="kuhaku"></div>

    
      <h2>お問い合わせ</h2>
      <p>さあ今日から30日間を始めよう!</p>
      
      <form action="#" method="post">
        <input type="email" name="email" placeholder="メールアドレス" class="email">
        <p>
          <a href="#"><button type="submit" class="buttom">無料ではじめる</button></a>
        </p>
      </form>
    

    <footer>
      Copyright(C) 2020 東京フリーランス ALL Rights Reserved.
    </footer>

  </div>
</body>
</html>
```

```CSS
body {
  text-align: center;
  color: #082b48;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  line-height: 1.5;
}

img {
  width:100%;
  height: auto;
 }

header {
  width: 90%;
  max-width: 980px;
  height: 76px;
  display: flex;
  margin: 0 auto;
}

h1 {
  font-size: 24px;
  font-weight: 900;
  margin: auto 0;
}

nav {
  margin-left: auto;
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

nav li {
  width: 134px;
  text-align: center;
  line-height: 76px;
}

nav a {
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
  color: #082b48;
}

a:hover {
  opacity: 0.7;
  cursor: pointer;
}

.header_img {
  background-image: url("../img/main-vsual-nontitle.png");
  background-size: cover;
  padding: 80px;
}

.header_upper {
  margin-top: 35px;  
  margin-bottom: 25px;
  font-size: 45px;
  font-weight: bold;
}

.header_bottom {
  margin-top: 50px;
  font-size: 16px;
  font-weight: bold;
  width: 350px;
  margin: 0 auto;
}

.kaigyo {
  display: none;
}

.container {
  width: 90%;
  max-width: 980px;
  margin: 0 auto;
}

h2 {
  margin: 50px;
  font-size: 30px;
  font-weight: bold;
}

.about {
  display: flex;
  justify-content: space-between;
}

.about_left {
  width: 48%;
}

.about_right {
  width: 48%;
  text-align: left;
}

.kuhaku {
  height: 35px;
}

.course {
  display: flex;
  justify-content: space-between;
}

.course_item {
  width: 30%;
}

.course_setsumei {
  text-align: left;
}

.email {
  width: 600px;
  height: 50px;
  border-radius: 30px;
  font-size: 18px;
  padding-left: 10px;
  margin-bottom: 25px;
}

.buttom {
  background-color: #EC6D64;
  width: 42%;
  height: 80px;
  font-size: 25px;
  font-weight: bold;
  color: #fff;
  border-radius: 10px;
}

.buttom:hover {
  cursor: pointer;
}

footer {
  border-top: 2px solid rgb(212, 212, 212);
  margin-top: 130px;
  margin-bottom: 30px;
  padding-top: 15px;
  float: right;
  font-size: 13px;
}

/* スマホ */

@media (max-width:767px) {
  
  header {
    display: initial;
  }

  nav {
    margin-left: none;
    margin: 0 auto;
  }

  .header_img {
    padding: 120px 0;
  }

  .header_bottom {
    width: auto;
  }

  .kaigyo {
    display: block;
  }

  .about {
    margin: 0 auto;
    display: initial;
    justify-content: initial;
  }

  .about_left {
    width: 90%;
  }
  
  .about_right {
    width: 90%;
    text-align: left;
  }

  .course {
    display: initial;
    justify-content: initial;
  }

  .course_item {
    width: 100%;
  }

  .course_setsumei {
    text-align: left;
    margin-bottom: 20px;
  }

  .email {
    width: 90%;
  }

  footer {
    float: none;
  }


}
```

レスポンシブサイトの不具合で困っています。URLあり。

お世話になっております。
今作っているWindowsFormsApplicationで、以下の画像のようにフォームよりも大きなサイズの
panelを配置していて、その中にいくつかのボタンを並べて配置しています。

〇やりたいこと
・panel1のみのスクロールバーを表示して、それをスクロールすることで、
　ボタンのみがスクロールされるようにしたい。（panel1外のコントロールはスクロールされない）
・できればスクロールバーのタッチではなく、スマートフォンのように指で「サッ」とスクロールしたい
　（WindowsFormsApplicationでこれは実現可能なのでしょうか。）

〇やったこと
・panel1のAutoScrollプロパティはTrue、form1のAutoScrollプロパティはFalse
→panel1にスクロールバーが表示されない。指でスクロールもできない

・panel1のAutoScrollプロパティはFalse、form1のAutoScrollプロパティはTrue
・panel1のAutoScrollプロパティはTrue、form1のAutoScrollプロパティはTrue
→form1だけにスクロールバーが表示される。指でスクロールはできない。

どうすれば目的の動作が実現できるようになるでしょうか。
ご教授いただければ嬉しいです。宜しくお願いします。
情報が不足していれば申し訳ありませんがご指摘願います。






![イメージ説明](06d3494b5b833c50fa73d3fa18017918.png)

コンテナーのpanelの中のみをスクロールしたい

### 前提・実現したいこと

既にある隣接行列において、特定の行と列を取り除いた後に、残った行列で省いた箇所を詰め直し、新しく隣接行列を作ろうと考えています。尚、既にある隣接行列はその後に使うためデータとして残し、新しく隣接行列を作ります。
例：8＊8の隣接行列において、2、5のそれぞれの行と列を取り除く。2行目全体、2列目全体といった感じです。取り除かれなかった部分で詰め直して新しく隣接行列を作り直したいです。

### 発生している問題・エラーメッセージ
セグメントエラーと思われる箇所にて参照できないメモリを使ってしまっているのかと考えたのですが、どこが直接の原因なのか突き止めるこトができません。
```
セグメントエラーが発生しています
```

### 該当のソースコード

```ここに言語名を入力
#include <stdio.h>
#include <stdlib.h>
#include <string.h>


#define NAME_MAX 256          

int main( int argc, char *argv[] )
{
  int i, j;                       
  int N = 0;                                       
  int **adjacent;                     
  int **new_adjacent;
  int n1, n2;                                                                   
  FILE *fp;                            
  char fn[NAME_MAX]; 
  int delete1 = 2;//例：取り除く行と列
  int delete2 = 5;//例：取り除く行と列
  int a=0;
  int b=0;


  
  if ( argc != 2 ) {
    fprintf( stderr, "Usage: %s graph_file\n", argv[0] );
    exit( 1 );
  }
               
  strcpy( fn, argv[1] );
       
  if (( fp = fopen( fn, "r" )) == NULL ) {
    fprintf( stderr, "File open error %s\n", fn );
    exit( 1 );
  }
  
  //ファイルの先頭を読み取り行列の大きさを取得する
  fscanf( fp, "%d", &N );
  
  adjacent = (int **)malloc(sizeof(int *)*N);
  for(i=0;i<N;i++){
    adjacent[i] = (int *)malloc(sizeof(int)*N);
  }
  
  for(i=0;i<N;i++)
    for(j=i;j<N;j++)
      adjacent[i][j] =  adjacent[j][i] = 0;
  
  while( fscanf( fp, "%d %d", &n1, &n2 ) != EOF ) {
    adjacent[n1][n2]++;
    adjacent[n2][n1]++;      
  }
     
  //display
  for ( i=0; i<N; i++ ) {
    for ( j=0; j<N; j++ )
      printf( "%d ", adjacent[i][j] );
    printf( "\n" );
  }

  //ここでは予め省く要素数が既知であるため、N-2とする
  //6*6の新しい隣接行列を作り、該当するadjacentの値を入れていく
  new_adjacent = (int **)malloc(sizeof(int *)*(N-2));
  for(i=0;i<N-2;i++){
    new_adjacent[i] = (int *)malloc(sizeof(int)*(N-2));
  }
  //該当する行またはラインを読まないようにする
　//セグメントエラーが発生している箇所
  for ( i=0; i<N; i++ ) {
    for ( j=0; j<N; j++ ){
      if(!(i==delete1 || i==delete2 || j==delete1 || j==delete2)){
	new_adjacent[a][b] = adjacent[i][j];
	b++;
      }
    }
    b=0;
    a++;
  }
  
 printf("\n");

//display  
  for ( i=0; i<N-2; i++ ) {
    for ( j=0; j<N-2; j++ )
      printf( "%d ", new_adjacent[i][j] );
    printf( "\n" );
    }

 for(i=0;i<N-2;i++)
    free(new_adjacent[i]);
  free(new_adjacent);

  for(i=0;i<N;i++)
    free(adjacent[i]);
  free(adjacent);

  return 0;
}
 

```
読み取るファイル
```ここに言語を入力
8
4 3
4 1
3 2
1 0
1 2
2 5
0 5
0 6
6 7
7 5
0 7
6 5
5 1
2 0
3 0
4 5

```

### 試したこと
省きたいラインをforループで回したときに読み込まないようにすることでnew_adjacentへ格納できると思いプログラムを書きました。しかし、要素数が順番にならないため別の変数（a,b)を用いて試したのですが、セグメントエラーが発生しました。このエラーが発生している箇所はプログラムに書きました。
この箇所の記述が上手くイメージできません。

### 補足情報（FW/ツールのバージョンなど）

Oracle VM VirtualBox

N×Nの行列において指定した数値の行と列を取り除く

def bubble_sort(list):
    n = len(list)
    ccnt = 0 # 比較回数
    ecnt = 0 # 交換回数
    
    for i in range(n-1):
        for j in range(n-1,i,-1):
            ccnt += 1
            if list[j-1] > list[j]:
                list[j-1],list[j] = list[j],list[j-1]
                ecnt += 1
                
    print(f'比較回数 ⇒ {ccnt}')
    print(f'交換回数 ⇒ {ecnt}')
    
    return list



list = [3,1,4,2,5,6,10,8,7,9]
print(f'----- バブルソート -----')
print("並び替え前 ⇒ " + str(list))
sorted_list = bubble_sort(list)
print("並び替え後 ⇒ " + str(sorted_list))


これは、listの中の数字を比較し、交換して小さい順に並べるプログラミングなのですが上記のコードだと比較回数が45になります。
これをどうにかして比較回数を最小の３０まで減らしたいのですが詳しい方がいたら教えてください。

Python バブルソートについて　比較回数を減らしたい

プログラミング初心者です
https://www.youtube.com/watch?v=pS92AbrqfRc&t=820sの動画通りに仮想環境でcentOSのインストールを行っていたのですが、インストール中に未知のエラーが発生しました。エラー詳細を確認したところ、以下のように表示がされました。
また、ネットで似たようなものを調べてみましたが、書いてある内容がよくわからなかったりで解決できませんでした。
（以下はコピーできなかったので、冒頭部分を手書きで記載いいたします・）

anaconda 29.19.2.17 exception report 
Traceback(most recent call first):
File "/user/lib64/python3.6/site-package/pyanaconda/payload/dnfpayload.py".line1097,in install raise payload.PayloadError
…

vartual boxを用いたcentOSのインストール

### 前提・実現したいこと
c言語とgnuplotで、1クラス分の生徒の個々の平均点をヒストグラムにするプログラムを作成中です。（グラフの横軸が10点ごとの点数、縦軸が人数）
生徒1人1人の平均点を出すところまではいけたのですが、グラフ化するところで苦戦しています。

### 簡単なフローチャート
平均点0~10、11~20、21~30のように変数を10個つくる
→一人の平均点が56点だった
→51~60の変数＋1
→人数分繰り返し。

###試したこと
いろんなサイトで調べて、配列をgnuplotに渡すやり方はわかったのですが、縦軸を人数で表記するというやり方がどこにも載っていなかったので、考え方などを教えてくださるとうれしいです。
よろしくお願いします。

###ソースコード
平均を計算するプログラムとグラフ化するプログラムを一旦分けているので、グラフ化の方だけ記述します。
```
#include <stdio.h>


int main(void)
{
FILE *gp;       //パイプを開く
int i;
int x[10];

for(i=0;i<10;i++){
    x[i]=i*10;
}
gp=_popen("gnuplot -persist","w");       //gnuplot起動。-persistでずっと開いた状態にする


fprintf(gp,"set boxwidth 1\n");   //棒グラフの設定,棒の太さ
fprintf(gp, "set xrange [0:10]\n");   //x軸の表示設定
fprintf(gp, "set yrange [0:100]\n");     //y軸の表示設定

fprintf(gp,"plot '-' with boxes\n");
for(i=0;i<10;i++){
    fprintf(gp,"%d\t%d\n",i,x[i]);
}
fprintf(gp,"e\n");

fflush(gp);
_pclose(gp);
return 0;
}
```
このプログラムに、
```
if(x[i]<=10)　hist0+=1;
  else if(11<=x[i]<=20)
       hist1+=1;
  else if(21<=x[i]<=30)
       hist2+=1;
  else if(31<=x[i]<=40)
       hist3+=1;
  else if(41<=x[i]<=50)
       hist4+=1;
  else if(51<=x[i]<=60)
       hist5+=1;
  else if(61<=x[i]<=70)
       hist6+=1;
  else if(71<=x[i]<=80)
       hist7+=1;
  else if(81<=x[i]<=90)
       hist8+=1;
  else if(91<=x[i]<=100)
       hist9+=1;
```
を追加したいと思っています。
#出力結果
![イメージ説明](83a8c29906a8d571c0615901a7685cc1.png)

c言語とgnuplotを用いてヒストグラムを作成する

![イメージ説明](f425ea923414ba8755fbe85f33ed2d80.png)
![イメージ説明](08b16afd346b6417f76feedad3c839bb.png)
上記の問題について、グラフ構造を用いて解こうと試みているのですが、どの部分にBFSやDFSを適用すれば良いか悩んでいます。上手い方針があれば教えていただきたいです。