常連

注目の的

自己紹介

Webページを訪れた人がWi-Fiに繋いだりVPNをオンにしたりして閲覧中にIPアドレスが変わった時に、それを検出できますか？

WebページでIPアドレスの変更を検出できますか？

![イメージ説明](b3d3ecc5c25abe9f0108abf7415cca95.png)
![イメージ説明](d963a08bdea94311a8fa298bdd68d7aa.png)
![イメージ説明](95d247b392353ce35d0767b2c45edd9c.png)
![イメージ説明](0d2701262b162ffb8179d26d860d5916.png)
![イメージ説明](3afe7ced4539f75437e19f22cc378f34.png)
初歩的な質問でしたらすみません????‍♂️

vue.jsを用いて作成したwebサイトを
netlifyを用いて公開したのですが、
urlのlocalhostとなっているページには
他のPCからアクセスできません。
どのように対処したらアクセスできるように
なりますでしょうか。

localhostの公開

いつもお世話になっています。
下記の質問についてご存知の方がいらっしゃいましたらご教示を願います。

---

## 【質問の主旨】

ある配列内において重複する数値の要素を除いたのち、その配列がもともといくつの要素で構成されているかカウントするプログラムがあります。

```ここに言語を入力
const arr = [2, 3, 4, 4, 5]

var removeDuplicates = function(nums) {
    
    
    for (let i = 0; i < nums.length; ++i) {
        while(nums[i] === nums[i + 1]) {
          nums.splice(i + 1, 1);
        }
    }

    return nums.length;

};

console.log(removeDuplicates(arr));　// 4

```
なぜこのコードで、定数arrは4つの要素から成る配列であることが判定できるのでしょうか？

## 【質問の補足】

### 1. このアルゴリズムとプログラミングについて

このアルゴリズムは[leetcode](https://leetcode.com/problems/remove-duplicates-from-sorted-array/)から引用し、プログラミングコードはこの問題について解答をされた方のコードを引用しています。leetcode上ではこのコードは「正解(Accepted)」とされます

![イメージ説明](39229076dfc7a13747704dd88a34f745.png)


leetcode上ではこのコードは「正解」とされています。

### 2. spliceで処理をしたあとの配列値について

特にwhile文の中で、```nums.splice(i + 1, 1);``` としたあとの配列が[2, 3, 4, 5]となることは理解できますが、その配列が別の変数に代入されているわけではないにもかかわらず、```return nums.length;``` したときにはすでに要素の個数が5から1つ減って4になっていることがよくわかりません。


### 3. デバッグについて

```nums.splice(i + 1, 1);``` について確認するために、paiza.ioを使ってデバッグをしました。
するとこちらは処理結果の配列や、その要素数も想定外の結果が返されます。leetcode と paizo.io でなぜ異なるような挙動をするのかよく分かりません。

![イメージ説明](60b93817c767c8e43afd70390026468b.png)

---

以上、よろしくお願いします。

JavaScriptで作った任意の配列から重複する要素を取り除いた後、何種類の数値で構成されている確認するためのプログラミングの解説をお願いします。

初歩的な質問、大変すみません。

vue.jsを使ってlocalhostに
webサイトを作ったのですが、
私のPC以外からはアクセス
できませんでした。

私のPC以外からもアクセス
できるようにするにはどのように
したらよろしいでしょうか。

ローカルホストの公開

特定の人のみが利用できるプライベートサーバーを自分で作ろうとしているのですが、インターネット経由でサーバーにアクセスしようとすると下記のエラーが表示されます。
ローカルホストからのアクセスは問題ありません。


【発生しているエラー】
Chromeにて「このサイトにアクセスできません。」
(ERR_CONNECTION_REFUSED)


【サーバー構築環境】
・Android 11にTermuxを導入してLinux環境を再現
(Linux: 4.19.125-perf+)
・Apache 2.4.48
・使用ポート: 2000



同様の問題を抱えていらっしゃる方がいたのでそれらの記事を参考に自分でポート開放やApacheの設定を見直したりしたのですが、解決できなかったため質問させていただきました。


【自分で試したこと】
・Apacheの設定確認 (Listen等)
・Apacheの再起動
・ポート開放
・外部サイトにてポート開放できているか確認
(https://www.cman.jp/network/support/http.html)


Androidのセキュリティ上80番ポートが使用できない上に自宅にはルーター兼Wi-Fiが2台あり、ポート転送が上手くできているか不安なため上記サイトにてポート開放確認を行ったのですが、特に問題はなくアクセスできました。

Apacheのログも確認したのですが、エラーログは出力されておらず、ポート開放確認を行った時のアクセスログはしっかり記録されていました。


この事から、Apacheは正常に起動出来てポート開放も成功していると思うのですが、他にどのような原因が考えられるでしょうか？


LinuxもApacheに関してもあまり知識がなく、teratailを利用するのも初めてなので至らない部分があるかとは思いますが、ご回答いただけると有難いです。

【自作サーバー】Apacheが起動しているのにサーバーにアクセスできない

```
// sample.htmlのbody
<div class="title_btn">
  <form action=.. class="pre_form">
    <input type="hidden" value=..?>
    <input type="hidden" value=..?>
    <button type="submit" class="change_btn pre_btn">Pre</button>
  </form>

  <p class="show_title">Title</p>

  <form action=.. class="next_form">
    <input type="hidden" value=..?>
    <input type="hidden" value=..?>
    <button type="submit" class="change_btn next_btn">Next</button>
  </form>
</div>

// sample.css
*{
  margin: 0;
  padding: 0;
}
.title_show{
  width: 100%;
}
.change_btn{
  display: inline-block;
}
```
目的としては右端にPreボタンを、左端にNextボタンを、中央にTitleのテキストを持ってきたい。
初歩的なところですが、助言をいただけると助かります。

３つの要素を左、中央、右に詰める。display: flex が適用されない

※非エンジニア・Python初心者です。
質問の仕方が悪い場合、ご指摘いただけますと幸いです。

### 前提・実現したいこと

現在、htmlの中から特定の情報を取り出すプログラムを書こうと思っています。
取り出したい情報は、**htmlソース中、全ての<a>の中にある<img>**です。


例：（すごいざっくりですが）
```html
<table>
 <body>
  <tr>
    <td>
      <a href="#"><img src="A" alt=""></a>
      <a href="#"><img src="B" alt=""></a>
      <a href="#"><img src="C" alt=""></a>
    </td>
   </tr>
 </body>
</table>
```
というhtmlの場合において、取り出したいのは、
<img src="A" alt="">
<img src="B" alt="">
<img src="C" alt="">
ということになります。

***


入れ子のタグの中身を抽出する方法がわからなかったので、
[こちらのサイト](https://qiita.com/itkr/items/513318a9b5b92bd56185)を参考にしつつ
BeautifulSoupを用いて下記のようなコードを書きました。（URLはサンプルです。）
### 該当のソースコード
```Python
import urllib.request
from bs4 import BeautifulSoup

html = urllib.request.urlopen("http://www.city.kashiwa.lg.jp/")
soup = BeautifulSoup(html, "html.parser")

urllist = soup.a.find_all("img")
print(urllist)
```
### 出力結果。一番最初の<a>の中の情報しか取れなかった。
```
[<img alt="本文へ" src="/share/imgs/transparent.png/>"]
```

「aの中で入れ子になっている全てのimgを取得すること」は上記内容で解決でき、大変満足なのですが、
そもそも<a>自体がhtmlに複数ある場合はどう書いたら全部取り出せるのでしょう。

試しにsoup.find_all("a").find_all("img")
という無謀なことも書いてみましたが、当然エラーになりました。
が、思い描いているイメージとしてはそんな感じです。

この場合、どのようなコードを書いたらよいのでしょうか。どなたかご教示いただけませんか？