常連

注目の的

社会貢献

回答者

拍手喝采

自己紹介

async/awaitの勉強のためにpromiseを勉強しています。

やりたいことは、要素が3つずつある2次元の配列([[1,2,3],[4,5,6],...])をループする形で、一つめの配列をpromise.allで並列実行し、それがおわれば次の配列をpromise.allで実行...という風にしたいです。
それを実現するとなると以下の様な構造でやるしかないでしょうか？

```ここに言語を入力
Promise.all([1,2,3])
   .then(Promise.all([4,5,6])
         .then(Promise.all([7,8,9])
               .then(Promise.all([10,11,12]))))

```
以下に試しに書いてみましたが、4秒ぐらいですべての処理が終わってしまいます。本当は9秒で終えてほしいです。setTimeout(3秒) * 3
```ここに言語を入力
function main(n){
	return new Promise(resolve => {
  	setTimeout(console.log, 3000, 'インデックス' + n + 'の処理終了')
    resolve()
    })
}

function promisewrapper(arr){
	return Promise.all(arr)
}

let array = [1,2,3,4,5,6,7,8,9]

function divide(arr, n){
	return arr.reduce((new_arr, _ , i)=> i % n === 0 ? [...new_arr, arr.slice(i, i + n)] : new_arr, [])
}

array = divide(array, 3)
array = array.map(val => val.map(val2 => main(val2)))
array = array.map((x, i) => promisewrapper(x, i))


array.reduce((pre, cur, i) => pre.then(() => {cur; return cur}), Promise.resolve())
```
チェーン化する場合、pre.thenのcallback内でreturn preすると思いますが、return curとしましたが、結果が変わりませんでした。

javascript 複数のPromise.allをそれぞれのPromiseが完了してから実行したい

## 質問内容
初歩的な質問ばかりなのですが、struts2の主にsタグについて、ECサイトにおけるsessionの使用頻度について、計3項目確認をさせてください。
(各教材の写経でsタグを使う意図が見えない箇所がちらほら見られた為、確認をしております。)

###### [1]sタグとhtmlタグの差別化について
sタグの内、htmlタグに対応するものについては、sタグ独自の属性を使用しないのであれば、最終的な生成物(html)としてはhtmlタグで書くのと差異が無い為、htmlタグで記述するべきである？
（下記例のような場合、わざわざsタグを使用する必要はない）
```
### jsp(sタグ使用の場合)

<s:form action="HomeAction">
<s:submit value="ホーム画面へ"/>
</s:form>
<s:a href="URL">URL</a>
```
```
### jsp(htmlタグのみの場合)

<form action="HomeAction">
<input type="submit" value="ホーム画面へ"/>
</form>
<a href="URL">URL</a>
```
######[2]s:setタグやs:pushタグについて
これらのタグの利用価値がわかりません。
jspのコンパイルタイミングを考えると、Action側でValueStackやスコープに値を登録をする事と何が違うのかわかりません。jspで書かなくて済むならActionクラス側で記述するべきではないのでしょうか？

#####[3]session(SessionAwareインターフェース)の使用について
一般的なショッピングサイトで考えた場合、初心者考えだと何でもかんでもデータをsessionに入れて、各画面遷移先で使用したくなるのですが、sessionを保持しているサーバー側の事を考えると、ログイン情報など必要最低限のデータ格納にするべきかと思います。ただ、カート情報や、履歴等に頻繁にアクセスする場合、sessionにデータを格納しないとしたら、毎度DBにアクセスする事になりますが、それも無駄な気がします。
実用では、DBへの頻繁なアクセスとsessionの肥大化を比較した場合、どちらに重きを置くのが一般的なのでしょうか？
そもそも他にもっと良い方法があるだろ！という事であれば、是非ともご教授ください。

Struts2のsタグについて

ご回答者様

いつもお世話になっております。

「長い英単語やURLがボックスやテーブルからはみ出る理由」について教えていただけますと幸いです。

以下のコードを例にさせていただきます。

```HTML
<div class="sample-a">
 サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルsamplesamplesamplesamplesamplesamplesamplesamplesamplesamplesamplesamplesamplesample
</div>
```
```css
.sample-a {
  width: 300px;
  background: #f4f4f4;
}
```
＜ブラウザの表示＞
![イメージ説明](6ef8272422000083c60b6f9bf23f1673.png)

このように、なぜ親要素にwidthを指定しているのに長い英単語はボックスを突き破ってしまうのでしょうか？
また、日本語はなぜボックス内に収まるのでしょうか？

突き破ってしまった時の対策はネット上に散見されますが、なぜ突き破ってしまうのか？についての資料を見つけることが出来ませんでした。

その理由や理屈を知っていらっしゃる方がおられましたら、教えていただけますと幸いです。

長い英単語やURLがボックスやテーブルからはみ出る理由について

WordPressを使ってサイトを構築していたのですが、下記記事を参考にスクロールアニメーションを導入しました。
https://liginc.co.jp/357845

しかし、IE11でのみ動作せずどういうことなのかとググっていたらどうやらES6で書かれたJavascriptはIE11では動作しないというところまでわかりました。

そこで、どうやったらES6をIE11でも使えるようにできるのかなと思い、皆様のお知恵を拝借したいと思っております。
下記JSのコードです。
これをIE11でも使えるようにしたいです。

```ここに言語を入力
class ScrollFade {
    constructor() {
        this.ANIMATION_CLASS = 'is-animation';

        let $section = document.querySelectorAll('.scroll-fade:not(.is-animation)');
        if($section.length === null) {
            return;
        }
        let controller = new ScrollMagic.Controller();
        for(let i = 0; i < $section.length; i++) {
            let scene = new ScrollMagic.Scene({
                triggerElement: $section[i],
                triggerHook: 'onEnter',
                reverse: false,
                offset: 300
            })
                .addTo(controller);
            scene.on('enter', ()=>{
                $section[i].classList.add(this.ANIMATION_CLASS);
            });
            scene.on('end', ()=>{
                scene.destroy(true);
            });
        }
    }
}

new ScrollFade();
```

ES6をIE11でも使えるようにしたい。。。

プログラムを作成したあとに、結合テストと単体テストをすると思うのですが　結構漏れが発生してしまっていてとんでもないミスにつながるなどのことがあります。
そこで、単体テストや結合テストの強化としてなにかいい方法はないか、漏れを軽減するにはどうしたらいいのかという状況になっております。

今まで、結合テストだけしかしておらず（それはそれで問題）単体テストは初めて作成していくことになりました。

どうすれば、いい単体テストができるようになるのでしょうか？
単体テストや結合テストで漏れを軽減する方法がある。
こうすればバグが見つけやすくなるなどありましたらご教授お願い致します。

単体テストは、初めてとなりますので全く分からない状態です。
調べているもののテンプレートはたくさんあるし、共通点的なものが見当たりません。。。

Web系のテストとなります。

テスト漏れを軽減するには

現在javaでオブジェクト指向を勉強しています。

躓いているというほどではないのですが、友達と話している中でpublicとstaticの話になりました。
明確に何が違うのか友達に尋ねられたのですがうまく言語化できませんでした。

public→異なるパッケージからでも呼び出せる
static→主にクラスに紐づけられていてクラス全般で使える。

上記の認識で今までやってきました。

どなたかこの二つの違いを分かりやすく説明していただけると助かります。

java staticとpublic

### 前提・実現したいこと

一部の属性のユーザーにターゲットを絞ったSNSを作っています。
＜機能＞
基本はTwitterと同じ
・タイムライン
・フォロー/リムーブ
・いいね
・コメント

特殊な部分
・セグメントA/Bでプロフィールレイアウトを分けたい
・リツイートはセグメントBのつぶやきのみ
・検索機能にWordpressサイトの記事も表示させたい



### 発生している問題

現在、MONACAで開発をしているのですが、非常に時間がかかってしまっています。
そもそも、SNSをJSで作るのは中長期的にどうなのか？という気すらしています。

オープンソースのSNSはPHPで作られているものが多いようですが、
「スマホアプリをPHPで作るのはイマイチ」といった記事を多く目にしましたので迷っています。


###質問

１、このような機能のSNS（スマホアプリ）を作るならどんな言語がおすすめでしょうか？（学習コストが低いもの）

２、（１）の場合で、ノンプログラマーでも高速で開発できるような環境

３、その場合のDBはどのような環境が良いでしょうか？
（現在はニフクラを使用しています）



プログラミングはど素人の為苦戦に苦戦を重ねております。
どうぞご教授のほどよろしくお願いいたします。

独自のSNSを作りたい！ノンプログラマーでも扱い易い開発環境について

クラス内のメソッドでコンストラクタに初期化した数値を使いたいのですが、
上手くメソッドで使われていません。
nameが定義されていません。
とエラーが出てしまいます
クラスの扱いに慣れていないので、書き方が間違っているのでしょうか？
```js
let MongoClient = require('mongodb').MongoClient;
let url = "mongodb://localhost:27017/";
module.exports = class Mongo{

  constructor(name,password){
    this.name = name ;
    this.password = password ;
  }

    registration(){
    MongoClient.connect(url,{ useNewUrlParser: true }, function(err, db) {
      if (err) throw err;
      let dbo = db.db("mydb");
      let myobj = {name : this.name, password : this.password } ;
      dbo.collection("students").insertOne(myobj, function(err, res) {
        if (err) throw err;
        console.log("Number of documents inserted: " + res.insertedCount);
        db.close();
      });
    });
    return true ;
  }
```
↑のregistrationでコンストラクタのnameとpasswordを使いたいのですが使えません

```js
let fs  = require("fs") ;
const  Mongo= require("./mongo.js");

function handler(req,res){
  fs.readFile(__dirname+"/index.html",function(err,data){
    if(err){
      res.writeHead(500);
      return res.end("Error");
    }
    res.writeHead(200);
    res.write(data);
    res.end();
  });
}

let app = require("http").createServer(handler).listen(3000);
console.log("server start!");

let io  = require("socket.io").listen(app) ;

io.sockets.on("connection",function(socket){
  socket.on("emit_data",function(data){
    console.log(data) ;

// 登録ページ、ログインページ
    let regist = new Mongo(data.name,data.password) ;

    if(regist.registration()){
      socket.emit("data_from_server","あなたの名前は「" +
      regist.name + "」です。" +　"あなたのpasswordは「" +
      regist.password + "」です。") ;
    }
  });
});

```
↑恐らく、初期化は上手くいっているとは思います

クライアントからのnameとpassをmongodbのデータベースに送っているのですが、
ソケットを使ってサーバー側に送ると、サーバーコンソールにエラー文が出ます
内容は、

motegiyuuta-no-MacBook-Air:js_template motegiyuta$ node socket.js
server start!
{ name: 'dddddd', password: '123445' }
/Users/motegiyuta/node_modules/mongodb/lib/operations/mongo_client_ops.js:466
      throw err;

      ^

TypeError: Cannot read property 'name' of undefined
    at /Users/motegiyuta/Desktop/js_template/mongo.js:14:32
    at result (/Users/motegiyuta/node_modules/mongodb/lib/utils.js:414:17)
    at executeCallback (/Users/motegiyuta/node_modules/mongodb/lib/utils.js:40
6:9)
    at err (/Users/motegiyuta/node_modules/mongodb/lib/operations/mongo_client
_ops.js:286:5)
    at connectCallback (/Users/motegiyuta/node_modules/mongodb/lib/operations/
mongo_client_ops.js:241:5)

です。
1つめのjsコードの
let myobj = {name : this.name, password : this.password } ;
でエラーがおきています

javascriptでクラス内のメソッドにコンストラクタで定義した変数を使いたい

### ■背景

以下リンクのように、特定のサイトで使用されているテクノロジーを紹介する記事を見て、果たして外部の人間がどのようにアーキテクチャを調べているのか、疑問に思いました。

[10 Popular Sites Made With Django](https://djangostars.com/blog/10-popular-sites-made-on-django/)


### ■質問
曖昧になるのを防ぐために、実在するサイトを例にお尋ねしたいと思います。

[Scores and Stats](https://www.scoresandstats.com/teams/baseball/mlb/los-angeles-dodgers/)

上記のサイトで、
①どのようなテクノロジーやフレームワークが使用されているか
②どうやってそれら①が使用されていることを確認されたか

を教えていただけると誠にありがたいです。小さなヒントでも大歓迎です。

例えば、使用言語やデータベースの種類など、以下のようなイメージでわかることなら何でも構いません。
PHP、Python、MySQL、Django、Scrapyなどなど。

![・イメージ1](946e6dab15a82f03403e15e48e895534.png)
ソース: [slideshare.net](https://www.slideshare.net/cjhacker/spider-12966847)

・イメージ2
ソース: [twitter.com](https://pbs.twimg.com/media/DHWcou0VoAEYI1L.jpg)

### ■質問者のスキル

- ChromeデベロッパーツールでHTML,CSSの大まかな構成を確認できる程度
- スクレイピングについて独習しており、お手本になりそうなサイトの構成を分析する入り口のところでつまずいています。

Webサイトのアーキテクチャの調べ方を教えて下さい

１点ご質問があります。

Html css js  JQueryのコードをコピペして、それを加工することに対して著作権は発生してるのでしょうか。

例えば、ハンバーガーメニューを作成しようとした際に、業務効率化のために、ハンバーガーメニューのソースコードをコピペして、それを加工して、クライアントに出すといったことに対してです。

質問は以上です。

ご回答のほど、よろしくお願いします。

コードをコピペすることは著作権違反に抵触するのか否かに際して

# 前置き

この質問は、皆さんにソースコードの読み解き方の考え方をご指導いただきたく立ち上げました。
コーディングに疲れた際の息抜き感覚で答えていただけると幸いです。

# 背景

現在業務で [Open-Source Subscription Billing & Payment Platform - Kill Bill](http://killbill.io/) が、実務で使えるか、使うにはどの様にするかという調査をしております。（支払い・決済システムのオープンソースソフトウェアです）

恥ずかしながら、私自身専門学校の授業でJavaのCLIアプリを作った程度の者のため、最近のJavaの読み方・書き方は愚か、ここまで大規模でデザインパターンやデータドリブン・イベントドリブンな設計のソフトウェアの動作を読み解くのに、とても難航しております。（素直に申し上げると、ユーザーガイドの読み解きにも行き詰まりを感じております）

素直な感想を申し上げると、簡単なVB.netのソースコードの読み書きはできるのに……と悔しい気持ちでいっぱいです。

# 質問

そもそも私のオブジェクト指向の理解が漠然としているからソースコードの読み解きに難航しているのだと思いますが、
皆さんは大規模なオブジェクト指向で組まれたプログラムの読み解きを行う際は、どの様なことを意識しているのでしょうか？

* 読み解く際の考え方
* ソースコードリーディングする際に使うツール
* 読み解くに当たって参考にした資料
* etc...

「これ、今どきのプログラマだったら普通に分かってるだろう……」
と思うようなことでも構いません。自分や「オブジェクト指向に馴染みがない人」のアドバイスになるかもしれないと思いましたら、ぜひご回答いただけると幸いです。

# P.S. 質問者の技量

回答する際の参考になるかわかりませんが、筆者の技量を掲載いたします。

## 業務経験など

* 2000年: HotSoupProcessorで `if` と `goto` のみで構成されたスクリプトを書く
* 2008年: Pythonで `if`, `for`, `while`, `def`, `class` で構成したスクリプトを書く 
* 2011年: 2年生専門学校卒
* 今日まで: 2, 3年ブランクはあるものの、プログラマとして働いている
* GitHubには亀よりも遅い開発速度だが、趣味で作ったプログラムを公開してたり。[manzyun (Hidetsugu Takahashi)](https://github.com/manzyun)

## 使用経験のある言語
* Python
* VB(6, .net）
* C#
* PHP
* JavaScript
* Go
* TypeScript

## 趣味で触っている（触った）言語
* Nim
* Haskell
* Scheme
* Smalltalk(Pharo)

## （一応）読んだ書籍
* Java言語で学ぶデザインパターン入門 / 結城浩
* その他、Webの記事（TECHSCOREなど）

オブジェクト指向で組まれたソースコードの読み解き方について

いま，htmlを勉強する中でcssを同時進行でやっています．その中でcssのdisplayでblock,inline,inline-blockがあることを知りました．しかし，これらの違いを見ている限りinlineよりもinline-blockのほうが使い勝手がいいような気がします．しかし，始めたばかりなので詳しい違いが分かっていません．
inlineを使うときはすべてinline-blockでもよろしいのでしょか？

cssのdisplayにおけるblockとinlineの違いに関して

初めまして、現在”関数型リアクティブプログラミング”　著Stephen Blackheath　を読みながら勉強をしています。

その中で、一つどうしてもわからない箇所があったので、ご質問をさせていただきました。

Java言語にて、クラスの中に処理が書かれていないメソッド？のようなものがあるのですが、これがなんのために存在しているのかいまいちわかりません・・・。

C言語を以前触っており、関数を使用する前にしなければいけないプロトタイプ宣言に似たものなのかな・・・？と思いましたが、調べてみると、Java言語はする必要が無いようで、おそらく違うと見ています。

また、コードは書籍からの引用となりますので、最低限のものだけこちらに記載させていただきました。

sodiumというFRPライブラリがCentral Repositoryから参照されています。

また、他に同じディレクトリ下に6つのフォルダがあり、mavenを用いて参照されています。

一度その一行をコメントアウトすると、シンボルが見つからないというエラーが出たので、そのエラーメッセージからも少し調べましたが、これといった答えにはたどり着けませんでした・・・。

Java言語については完全に初心者ですが、どうかご教授お願いいたします。


```Java

import java.awt.Graphics;

public class Drawable {
    public void draw(Graphics g, int ht, Point orig, double scale) {};          //ここはなんのためにある・・・プロトタイプ宣言的な・・・？（なかったら動かない
    public final Drawable append(Drawable second) {
        Drawable first = this;
        return new Drawable() {
            public void draw(Graphics g, int ht, Point orig, double sc) {
                first.draw(g, ht, orig, sc);
                second.draw(g, ht, orig, sc);
            }
        };
    }
}
```




以下加筆いたします。
エラーが出る場合のエラーメッセージです。
最初にlsでディレクトリの中身も記載しておきます。

```(MacOS)

hogehoge:continuous taka$ ls
Animate.java	Animation.java	Drawable.java	Point.java	Shapes.java	fwoomph.java	pom.xml		target

hogehoge:continuous taka$ mvn test -Pfwoomph
[INFO] Scanning for projects...
[INFO] 
[INFO] ----------< nz.sodium.continuous-time:sodium-continuous-time >----------
[INFO] Building sodium-continuous-time 1.0.0
[INFO] --------------------------------[ jar ]---------------------------------
[INFO] 
[INFO] --- maven-resources-plugin:2.6:resources (default-resources) @ sodium-continuous-time ---
[WARNING] Using platform encoding (UTF-8 actually) to copy filtered resources, i.e. build is platform dependent!
[INFO] skip non existing resourceDirectory /Users/taka/continuous/src/main/resources
[INFO] 
[INFO] --- maven-compiler-plugin:3.1:compile (default-compile) @ sodium-continuous-time ---
[INFO] Changes detected - recompiling the module!
[WARNING] File encoding has not been set, using platform encoding UTF-8, i.e. build is platform dependent!
[INFO] Compiling 6 source files to /Users/taka/continuous/target/classes
[INFO] -------------------------------------------------------------
[ERROR] COMPILATION ERROR : 
[INFO] -------------------------------------------------------------
[ERROR] /Users/taka/continuous/Drawable.java:[9,22] シンボルを見つけられません
  シンボル:   メソッド draw(java.awt.Graphics,int,Point,double)
  場所: タイプDrawableの変数 first
[ERROR] /Users/taka/continuous/Drawable.java:[10,23] シンボルを見つけられません
  シンボル:   メソッド draw(java.awt.Graphics,int,Point,double)
  場所: タイプDrawableの変数 second
[ERROR] /Users/taka/continuous/Shapes.java:[25,19] シンボルを見つけられません
  シンボル:   メソッド draw(java.awt.Graphics,int,Point,double)
  場所: タイプDrawableの変数 dr
[ERROR] /Users/taka/continuous/Shapes.java:[33,19] シンボルを見つけられません
  シンボル:   メソッド draw(java.awt.Graphics,int,Point,double)
  場所: タイプDrawableの変数 dr
[ERROR] /Users/taka/continuous/Shapes.java:[41,20] シンボルを見つけられません
  シンボル:   メソッド draw(java.awt.Graphics,int,Point,double)
  場所: タイプDrawableの変数 drb
[ERROR] /Users/taka/continuous/Shapes.java:[42,20] シンボルを見つけられません
  シンボル:   メソッド draw(java.awt.Graphics,int,Point,double)
  場所: タイプDrawableの変数 dra
[ERROR] /Users/taka/continuous/Animate.java:[26,26] シンボルを見つけられません
  シンボル:   メソッド draw(java.awt.Graphics,int,Point,double)
  場所: クラス Drawable
[INFO] 7 errors 
[INFO] -------------------------------------------------------------
[INFO] ------------------------------------------------------------------------
[INFO] BUILD FAILURE
[INFO] ------------------------------------------------------------------------
[INFO] Total time: 1.696 s
[INFO] Finished at: 2018-10-04T16:41:32+09:00
[INFO] ------------------------------------------------------------------------
[ERROR] Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.1:compile (default-compile) on project sodium-continuous-time: Compilation failure: Compilation failure: 
[ERROR] /Users/taka/continuous/Drawable.java:[9,22] シンボルを見つけられません
[ERROR]   シンボル:   メソッド draw(java.awt.Graphics,int,Point,double)
[ERROR]   場所: タイプDrawableの変数 first
[ERROR] /Users/taka/continuous/Drawable.java:[10,23] シンボルを見つけられません
[ERROR]   シンボル:   メソッド draw(java.awt.Graphics,int,Point,double)
[ERROR]   場所: タイプDrawableの変数 second
[ERROR] /Users/taka/continuous/Shapes.java:[25,19] シンボルを見つけられません
[ERROR]   シンボル:   メソッド draw(java.awt.Graphics,int,Point,double)
[ERROR]   場所: タイプDrawableの変数 dr
[ERROR] /Users/taka/continuous/Shapes.java:[33,19] シンボルを見つけられません
[ERROR]   シンボル:   メソッド draw(java.awt.Graphics,int,Point,double)
[ERROR]   場所: タイプDrawableの変数 dr
[ERROR] /Users/taka/continuous/Shapes.java:[41,20] シンボルを見つけられません
[ERROR]   シンボル:   メソッド draw(java.awt.Graphics,int,Point,double)
[ERROR]   場所: タイプDrawableの変数 drb
[ERROR] /Users/taka/continuous/Shapes.java:[42,20] シンボルを見つけられません
[ERROR]   シンボル:   メソッド draw(java.awt.Graphics,int,Point,double)
[ERROR]   場所: タイプDrawableの変数 dra
[ERROR] /Users/taka/continuous/Animate.java:[26,26] シンボルを見つけられません
[ERROR]   シンボル:   メソッド draw(java.awt.Graphics,int,Point,double)
[ERROR]   場所: クラス Drawable
[ERROR] -> [Help 1]
[ERROR] 
[ERROR] To see the full stack trace of the errors, re-run Maven with the -e switch.
[ERROR] Re-run Maven using the -X switch to enable full debug logging.
[ERROR] 
[ERROR] For more information about the errors and possible solutions, please read the following articles:
[ERROR] [Help 1] http://cwiki.apache.org/confluence/display/MAVEN/MojoFailureException
```

JAVA言語のプロトタイプ宣言・・・？のようなものについて。

MySQLの条件定義で表題の件が可能なのかどうか、調べたのですがわからなかったのでご教授いただきたいです。

#やりたいこと
下記のような値が格納されたDBがあります

tb_actor
| no | name |
|:--|:--|
| 1 | ジョニー・デップ |
| 2 | オーランド・ブルーム |
| 3 | ハリー・ポッター |


「ジョニー」とか「デップ」などで検索された時はLIKE検索で1のレコードをヒットすることはできるのですが「ジョニーデップ」と入力があった時に記号の「・」があるため、ヒットさせることはできません。

```SQL
SELECT * FROM tb_actor WHERE name LIKE '%ジョニーデップ%';
```

※記号は・だけでなく一般的な記号全般（$#_-*など）を含みます。

そもそも記号が含まれている値に対して記号無しのワードでLIKE検索はできないのでしょうか。

表題の件、できる・できないを含めてご教授いただけないでしょうか。

よろしくお願いいたします。

MySQLのSELECT文の条件で記号が含まれた値をヒットさせたい

変数のスコープについてお聞きしたいことがあり、ご質問させていただきました。
```javascript
let x = 3;
    
    function closure(init) {
        
        var counter = init;
        
        return function() {
            
            return x += counter ;
            
        }
    }
    
    var myClosure1 = closure(1);
    var myClosure2= closure(100);
    
    console.log(myClosure1());
    console.log(myClosure1());
    console.log(myClosure2());
    console.log(x);
```
上記は僕が作成したコードになるのですが、「console.log(myClosure2(x));」の部分で結果が105となっており、「myClosure2」を実行した結果、グローバル変数の値が書き換わっているのですが、このように関数内部からはトップレベルで宣言した変数の値を書き換えることができるが、関数外部からは、関数内部で宣言した変数に影響を与えることができない、という認識で合っていますでしょうか？

変数のスコープについて

###前提・実現したいこと
JavaScriptで処理を順番に実行したいと考えています。

例えば以下のような処理があったとします。

###該当のソースコード
```javascript
heavy_function1();
heavy_function2();

other_function();
```

この関数heavy_function1()とheavy_function2()はものすごく重い処理です。
しかし、二つの関数heavy_function1()、heavy_function2()で取得したデータがを用いないとother_function()は正常に動作しません。
こういった場合、heavy_function1()、heavy_function2()が終了してからother_function()を実行するにはどのようにしたらよいのでしょうか？
ご回答をいただけると助かりますm(._.)m

###試したこと
http://www.hp-stylelink.com/news/2013/11/20131126.php
上記サイトを参考に試したのですが、setIntervalメソッドでは、if文を書かなければならず、私のやりたい処理の場合結構複雑になってしまいます。
そうではなく、単純に「heavy_function1()、heavy_function2()が終わってから」というふうにしたです。

JavaScriptで処理を順番に実行したい

HTMLを練習しているのですが、CSSと結びつけたときにbackglound-colorがなぜか反映されません
文字色は反映されるのに、背景色は反映されない。

こういう場合、どのようなことが起こっているのでしょうか？

初心者で右も左も分からない状態です、、、、
以下のコードと実際のページをご覧ください。

初めの小さな一歩ではありますが皆様の力をお貸しくださいm(_ _)m![イメージ説明](c58482fa74ae3a2bec404aee22b30418.png)

```HTML
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>header</title>
    <link rel="stylesheet" href="stylesheet.css">
  </head>
  <body>
   
    <header>
      <div class="header-logo">ヘッダーロゴ </div>
      
      <div class="header-list">
        <li>リスト1</li>
        <li>リスト2</li>
        <li>リスト3</li>
        
      </div>
    
    </header>
    
  </body>
</html>
```

```CSS
header{
  
  background-color: #26d0c9;
  color: #26d0c9;
  
  
}

.header-logo{
  
  float: left;
  padding: 20px 40px;
  font-size: 36px;
  
  
}

.header-list li{
  
  float: left;
  padding: 33px 20px;
  list-style: none;
  
  
}
```

CSSでbackground-colorのみが反映されません

掲題通りなのですが、固定ページごとにCSSを読み込ませたいのですが分かりません。
調べてはいるのですが解決できず質問させていただきました。

分かる方ご教授いただけたら幸いです。
もしくは初心者でも分かるサイトがあれば教えていただけると大変嬉しいです。

よろしくお願いいたします。

WordPress 固定ページごとにCSSを読み込ませる方法

Ruby に以下のコメントがありますがはどのように動作するのでしょうか?

```lang-＜ここに言語を入力＞
# Encoding: utf-8
```

他にもこのようなタイプのコメントが使われる状況はあるのでしょうか?