常連

自己紹介

現在、社内で利用するwebシステムを構築しています。

名前解決を使わずURLを
http://xxx.xxx.xxx.xxx/hogehoge.jp
のようなIPアドレスを直打ちにすることで、セキュリティ上のデメリットはありますでしょうか？

私自身、名前解決を使うことで
サーバーのIPアドレスが変わっても、ユーザーが接続するURLは変わらない。
というメリットがあると考えており。
セキュリティ面でのメリットを特に感じられませんでした。

参考ＵＲＬなどの情報でもよいので教えて頂けると幸いです。

IPアドレスの直打ちは何故危ない？

今年からプログラマの研修を受けている者です。
研修の課題で出たbcコマンドを使わないで2進数を10進数に変換するシェルスクリプトを作成しているのですが、計算を行うくだりがまったくわからない状態です
2進数を10進数にする計算方法は理解できたのですが、それをスクリプトで実行させる方法が分かりません
どなたかヒントをお教えいただけないでしょうか...
シェルはbashを使っています

2進数を10進数に変換するシェルスクリプト

### 繰り返すforループ

ただいまC言語の勉強中です。
「要素数５のint型配列へ先頭から順に５～１の値を代入する」という課題で次のように記載しました。

```C
#include <stdio.h>

int main(void)
{
    int i, array[5];

    for (i = 0; i <= 5; i++) {
        array[i] = 5 - i;
        printf("array[%d] = %d\n", i, array[i]);
    }

    return 0;
}
```
すると次のようにループが終了しなくなりました。

```
array[0] = 5
array[1] = 4
array[2] = 3
array[3] = 2
array[4] = 1
array[0] = 5
array[1] = 4
array[2] = 3
array[3] = 2
array[4] = 1
.
.
.
```

どうしてループが終わらないのでしょうか。

[C言語]forループが終わらない

ヒープソートを勉強していて、どうもピンとこず、とりあえず自分で作ってみようと思い立ってみたのですが...なにがいけないのでしょうか。よろしくお願いします。

結果
```
11 45 24 18 23 12 34
```



以下ソースコード
```
#include <stdio.h>

#define N 7

// iの子の値の小さい方を返す
int min(int array[], int i){
    int i1 = 2*i+1, i2 = 2*i+2;
    if(array[i1] > array[i2])
        return i2;
    else
        return i1;
}

// 入れ替え
void swap(int array[], int i, int j){
    int tmp = array[i];
    array[i] = array[j];
    array[j] = tmp;
}

// 反順序性の回復/確保
void pushdown(int array[], int first, int last){
    int i = first;
    while(i <= (last-1)/2){
        int j = min(array, i);  // iの子の値の小さい方
        if(array[j] < array[i]){  // 子 < 親
            swap(array, i, j);  // 親iとjの内容を変換
            i = j;  // さらに子孫を調べる
        } else {
            return;  // 逆転はないので終了
        }
    }
}

// ヒープソート
void heapSort(int array[]){
    int i;
    // 配列arrayをヒープとみなす
    // 反順序性を確立し、arrayを完全なヒープに変換する
    for(i = N/2 -1; i >= 0; i--){
        pushdown(array, i, N-1);
    }
    // ヒープから最小値を順次取り出し、arrayの後ろへ並べていく
    for(i = N-1; i >= 1; i--){
        swap(array, 0, i);  // ヒープの先頭から最小値を取り除く
        pushdown(array, 0, i-1);  // 反順序性を回復する
    }
    // 最終的に大きい順に並んだ配列arrayが得られる
}

// 出力
void showdata(int array[]){
    int i;
    for(i = 0; i < N; i++){
        printf("%d ", array[i]);
    }
    printf("\n");
}

int main(){
    int array[N] = {12, 23, 24, 45, 18, 11, 34};
    heapSort(array);
    showdata(array);
    
    return 0;
}
```


途中結果
```
swap(0, 6)
34 18 12 45 23 24 11
pushdown(0, 5)
12 18 34 45 23 24 11
12 18 34 45 23 24 11
12 18 11 45 23 24 34
12 18 11 45 23 24 34
```
この結果を見た感じ、せっかく最後尾に持って行った11が前array[2]にきている。
pushdownの中で子の小さい方を選んでいるので、親34と子(24, 11)だと11が選ばれswap34<->11されているみたいです…

ヒープソートの仕組みと実現(修正)方法を教えてください

### 前提・実現したいこと

配列で複数の整数が与えられた時に和が最も大きくなる範囲とその和を求めるプログラムを書いています。

例えば
```
A = [18, -10, 30, 23, -26, 37, 48, -19, -13, 31]
なら
112, 2, 6
```

### 発生している問題・エラーメッセージ
出力は出ていて、for文も回っているようなので何が問題なのか修正方法がわからず困っています。

現行のコードの出力
```
(119, 0, 0)
```

{30, 23, -26, 37, 48}の範囲で `i = 2, j = 6`なので、出力としては以下が正しいと考えられます。
```
112, 2, 6
```

### 該当のソースコード

```python
def solution(A):
	start = 0
	end = len(A)
	max_total = 0
	tmp = 0
	for i in range(len(A)): 
		for j in range(len(A)-1, i-1, -1):
			tmp += A[j]
			if max_total < tmp:
				max_total = tmp
				start = i
				end = j
		tmp = 0
	return max_total, start, end

if __name__ == '__main__':
	A = [18, -10, 30, 23, -26, 37, 48, -19, -13, 31]
	ans = solution(A)
	print(ans)
```




### 補足情報（FW/ツールのバージョンなど）

Python 3.6

配列で複数の整数が与えられた時に和が最も大きくなる範囲とその和を求めるアルゴリズムについて

c言語で宝探しゲームのようなプログラムを作りました。
そこで自動で宝を探してくるようなプログラムを作りたくて、
アルゴリズムなどを考えたのですがどのようにしたら良いのか難しくて、
良い方法がありましたらご回答頂きたいです。

![イメージ説明](2b95260f1c938862f1f24ff8c40f6c10.png)
10×10の図の中にランダムに宝が８個配置される。
Input : b1と入力すると周囲８近傍に宝がいくつあるか表示される。
宝がある座標をInput:に入力すると＄と返す。

私が考えたのはb1,e1,h1,j1,b4,e4,h4,j4,b7,e7,h7,j7,b9,e9,h9,j9
をinputで入力したら被りが一番少なく探せるのかなと思いました。
それをどのような手順ですれば良いのでしょうか？
宝８個を全て自動で探索するアルゴリズムはどのようにしたら良いでしょうか？

c言語　アルゴリズム

同じ文字が３つ以上連続しているような文字列にマッチするような
正規表現を教えていただけないでしょうか

繰り返しの正規表現についてです。

###前提・実現したいこと
テーブルを半分に切って横に二列に並べたい
cssのtableのプロパティで縦に長いテーブルを真ん中から
二つに分け、左右に並べて表示するプロパティがあったのですが
（そのプロパティだとrowspanが一列目の範囲を超えても二列目に引き継がれた）
マイナーすぎるのか、検索のキーワードが悪いのか検索しても引っかかりません
テーブル内の文字列を折り返す話ばかり出てきます。
詳しい方教えてくだされば幸いです。

markdownでの記法がよくわからず分かりにくい図ですみません
||
|:--|:--:|--:|
|a1|a2|a3|
|b1|b2|b3|
|c1|c2|c3|
|d1|d2|d3|
|e1|e2|e3|
|f1|f2|f3|
|g1|g2|g3|

を

||
|:--|:--:|:--|:--:|--:|
|a1|a2|a3|d1の下半分|d2の下半分|d3の下半分|
|b1|b2|b3|e1|e2|e3|
|c1|c2|c3|f1|f2|f3|
|d1の上半分|d2の上半分|d3の上半分|g1|g2|g3|

こうしたいですmarkdownでは表示出来ませんが、左右とも3.5段の高さになっているイメージです

css3 テーブルを半分に切って横に二列に並べたい（行が見切れても同じ高さにしたい）

###実現したいこと
縦にリストが並んでいまして、「.side」のリストの幅を、「.main」のリストの幅と同じにしたいです。

###問題
まず「.main」ありきで、のちに「.side」が出てくるのですけど、**スクロールバーの幅があるせいで、リストを同じ幅にできない**という問題にぶちあたりました。

###コード
こちらのコードです。
「.side」と「.main」はピンクで、その中の赤い四角がリストです。

[sample!](https://jsfiddle.net/fn5ubp41/)
```html
<div>
  <div class="main">
    <ul>
    <li></li>
    <li></li>
    <li></li>
    </ul>
  </div>
  <div class="side">
    <ul>
    <li></li>
    <li></li>
    <li></li>
    </ul>
  </div>
</div>
```
```css
* {
    margin: 0;
    padding: 0;
    list-style: none;
}
div {
    display: flex;
    height: 100vh;
}
.main, .side {
    background: pink;
    width: 50%;
    margin: 10px;
    padding: 15px;
}
.main {
    height: 1000px;
}
.side {
    overflow-y: scroll;
    height: 200px;
}
ul {
    width: 100%;
}
li {
    background: red;
    margin: 10px;
    text-align: center;
    height: 500px;
}
```
JSでリストをouterWidthすればいいだけですが、

この幅の調整、CSSでできませんでしょうか！？

解決策をよろしくお願い致します。

なお、リストの幅をそろえれば「.side」のピンクの部分はスクロールバーの分だけせまくなりますがもちろん構いません。

###追記
できればブラウザによって挙動が変わったりしないような処理がありましたらお願い致します。

スクロールバーの幅を無視したいです

初心者です。続き番号の配列の要素を以下のように〜で繋げて表示させたいと考えてます。

```
[1,2,3,6,7,9,25,26,27,30] //元の配列
[1~3,6~7,9,25~27,30]      //これが欲しい。続き番号は~をつけてまとめて表示される。
```

### やってみたこと

下のように、続き番号になる部分を抽出する方法で、型を文字列にするのは後回しにしましたが、どうにかやってみました。

> 結果
> [[1,3],[6,7],9,[25,27],30]

ですが、私は知識に乏しく、より汎用性のある、特に関数を使った記述の仕方があると思います。
アドヴァイスなどいただけませんでしょうか。よろしくお願いいたします。

``` js
let a = [1,2,3,6,7,9,25,26,27,30]; //元の配列
let array = [];//新しく作る配列
let count = 0;
let start = 0, end = 0

for (var n = 0; n < a.length; n++) {
  switch(a[n] === a[n+1]-1) {
  case true:
   if(count === 0) {
   start = n
   }
   count++
   continue; 
  break
  case false:
   if(count === 0) {
   array.push(a[n])
   continue
   }
   end =　n
   count = 0
   array.push([a[start],a[end]])
  break
  }
}

console.log(array)
```

JavaScript 配列操作のより良い記述について

次の HTML があります

```html
<!doctype html>

<style>
body{
	margin: 0;
	height: 100vh;
	display: flex;
	flex-flow: column;
}
header {
	height: 30px;
	background-color: #55a0ff;
	flex: none;
}
.body {
	height: 0;
	flex: 1 1 auto;
	display: flex;
}
aside {
	width: 200px;
	flex: none;
	background-color: #66E8A0;
}
main {
	flex: 1 1 auto;
	overflow: auto;
	padding: 20px;
}
main h1 {
	color: white;
	background-color: #f65f77;
	margin: 0;
	position: sticky;
	top: 0;
}
</style>

<header>header</header>
<section class="body">
	<aside>sidebar</aside>
	<main>
		<section>
			<h1>sticky</h1>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>...</div>
			<h1>sticky2</h1>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			<div>text</div><div>text</div><div>text</div><div>text</div>
			...
		</section>
	</main>
</section>
```

main 要素の内側がスクロールし、 h1 が sticky となっているので上部で h1 要素が固定されますが、スクロールすると h1 の上の余白部分に text が表示されています。
main の padding 部分には何も表示しないようにしたいです。
はみ出してほしくないので単純に main の内側で `overflow: hidden;` を設定すればよいというものでもありません。（sticky やスクロールバーの位置がおかしくなる）

スクロールバーの位置は main 要素全体 （余白の内側に持ってこない） として、余白部分には表示しないことは実現は可能でしょうか？
以下の方法は実現できるものの避けたいと考えています。

- 余白部分に背景色と同じ色のブロック要素を本文より上のレイヤに座標指定で配置し見えなくする
- JavaScript を使う
   - スクロールバー自体を実装したり、表示用のスクロールバーを置いておいて実際にスクロールしたい部分と同期させる

position:sticky の上にはみ出す部分を非表示にしたい

### 前提・実現したいこと

JavaScript、jQueryで、多次元配列から指定キーの配列を取得したいです。
宜しくお願い致します。

### 発生している問題・エラーメッセージ
「試したこと」にあるように、JavaScriptとjQueryと試した結果、以下のエラーとなります。

まずJavaScriptの方ではundefinedです。
```
undefined
```

そしてjQueryの場合のエラーは、日付の指定がわからずこちらです。
```ここに言語を入力
v['d{4}/d{2}'] is undefined
```

### 該当のソースコード
元になる配列です。
おおまかには、「月の下にidとuxが並ぶ」という構造です。
これを一番下の配列ごとに取得し、それぞれ「hoo()」をかけたいと思っています。


```js
var array = {
  "postA":{
    "2019/05":[
    	{"id":1,"ux":a},
    	{"id":2,"ux":b}
    ],
    "2019/04":[
    	{"id":3,"ux":c}
    ]
  },
  "postB":{
    "2019/05":[
    	{"id":4,"ux":d},
    	{"id":5,"ux":e}
    ]
  }
};

function hoo(data){
	$('body').append('<p>'+data['id']+'</p>と<p>'+data['ux']+'</p>');
}
```



### 試したこと

以下、エラーの出るコートです。

まずJavaScriptでforを使ってみたのですが、上のように「undefined」となってしまいます。

```js
for (let key in array) {
  for (let k in key) {
    const data = {
        id: k.id,
        ux: k.ux
    };
    hoo(data);
  }
}	
```
続いてjQueryのeachを使ってみたものの、不確定な日付をどう指定すればいいかわからず、正規表現を使ってみましたが上のエラーになってしまいました。
```jqeury
$.each(array, function(i, v) {
	const data = {
		  id: v['\d{4}/d{2}']['id'],
		  ux: v['\d{4}/d{2}']['ux']	
	};
	hoo(data);
});
```
### 補足情報（FW/ツールのバージョンなど）
「hoo()」がかかった状態として最終的に想定している出力は次のものです。
よろしければこの出力にすべく正しいソースコードをご教授願えませんでしょうか。

```html

<p>1とa</p>
<p>2とb</p>
<p>3とc</p>
<p>4とd</p>
<p>5とe</p>

```