常連

自己紹介

gulp+sass（gulp-sass）で開発をしています。
サイトのコーディング規約で改行コードはCR+LFとされているのですが、
gulp+sass環境から出力するとCSSの改行コードがLFになってしまいます。
改行コードをCR+LFで出力することはできるのでしょうか？
できるのであればどのように設定すれば良いのでしょうか？

検索してみましたがそれらしき情報を拾うことができず、、
最悪、最終納品前に手動で改行コード変更することも考えましたが
できればツールで設定したいので何か情報がありましたら
ご教授いただけますと助かります。

よろしくお願い申し上げます。

### 環境
・gulp 3.9.0
・gulp-sass バージョン不明（調べ方がわかりません）

※不足情報がありましたらご指摘ください。

gulp+sass環境で出力されるCSSの改行コードをCR+LFにするには？

PHPで現在Aドメインのサイトから、Bドメインのサイトにリダイレクトを行いたいと思っています。

ただし、その際にAサイトからBサイトに対して、HTTPヘッダに独自ヘッダを含めて渡したいと思っているのですが、そういったことは実装可能なものでしょうか？

リダイレクト自体に独自ヘッダを渡すところまではできるのですが、Bサイト側で送られてきたヘッダを確認することができず、どうやったらいいのかつまづいてしまいました。。。

ご存知の方がいらっしゃいましたら、ご教示いただけますと幸いです。


やりたいことは以下のようなことです。

### Aサイト(https://hogehoge.com)
**redirect.php**
```
<?
header( "HTTP/1.1 301 Moved Permanently" ); 
header( "x-origin-header: 123456789" );
header( "Location: https://fugafuga.com/" ); 
exit;
```

### Bサイト(https://fugafuga.com)
**index.php**
```
<?php
echo $_SERVER['X_ORIGIN_HEADER'];
```
よろしくお願いいたします。

PHPでのリダイレクト時のHTTP独自headerについて

いつもお世話になっています。
javascriptを触りたてで、vue.jsの一部処理につまずいております。

下記コードは、
`li`の要素全体にクリックイベントを発生させたかったため、
`ol`に`v-for`を記述し、回しています。
`li`自体にクリックイベントを発生させることはできたのですが、
その中にある、spanの[x]をクリックしたとき、
spanEventだけでなく、liEventも同時に併発してしまいます。

[x]をクリックしたときは、spanEventのみ、
`li`のそれ以外の部分をクリックしたときは、liEventが実行されるようにしたいのですが、
うまく実現できませんでした。

```vue
      <ul>
        <ol v-for="(item, index) in myList">
          <li @click="liEvent(index)">
            <span>
              {{ item.name }}
            </span>
            <span @click="spanEvent(index)">
              [x]
            </span>
          </li>
        </ol>
      </ul>


    liEvent: function(index) {
      console.log("---liEvent")
    },
    spanEvent: function(index) {
      console.log("---spanEvent")
    },
```
どなたかご教授のほど、お願いいたします。

-----
**2018/10/13 11:17追記**
maisumakun様ありがとうございます。
イベントオブジェクトを渡すということで解決することができました。
下記二点の解決法コードを記載します。

```stopPropagation
      <ul>
        <ol v-for="(item, index) in myList">
          <li @click="liEvent(index, $event)">
            <span>
              {{ item.name }}
            </span>
            <span id="hoge" @click="spanEvent(index)">
              [x]
            </span>
          </li>
        </ol>
      </ul>


    liEvent: function(index, e) {
      if (e.target.id !== "hoge") {
        console.log("---liEvent")
      }
    },
    spanEvent: function(index) {
      console.log("---spanEvent")
    },
```
```target
      <ul>
        <ol v-for="(item, index) in myList">
          <li @click="liEvent(index)">
            <span>
              {{ item.name }}
            </span>
            <span @click="spanEvent(index, $event)">
              [x]
            </span>
          </li>
        </ol>
      </ul>


    liEvent: function(index) {
      console.log("---liEvent")
    },
    spanEvent: function(index, e) {
      console.log("---spanEvent")
      e.stopPropagation();
    },
```

vue.jsでliイベントと中身のイベントが同時に発生する

### ■背景

以下リンクのように、特定のサイトで使用されているテクノロジーを紹介する記事を見て、果たして外部の人間がどのようにアーキテクチャを調べているのか、疑問に思いました。

[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サイトのアーキテクチャの調べ方を教えて下さい

現在LaravelとVueJSでアプリを作成中です。
LaravelのPaginationを使い、ページングのメタ情報を含めてレスポンスを返すようコードを書いています。

***現状***
・Example.vueが呼ばれた際、見た目上のURIが「http://..../example」（vue-routerのURIが優先される）


***やりたいこと***
URIを「http://..../example?page=...」となるようコーディング

```javascript
const router = new VueRouter({
    mode: 'history',
    routes: [
        { path: '/', name: 'home', component: Index},
        { path: '/example/', name: 'example', component: Example},
    ]
})

export default router
```

```javascript

// Example.vue

<template>
  ...
</template>

<script>
import { get } from '../connectio/api'

export default {
    data() {
        return {
            data : [],
            counter: 0,
            pagination: {
                total: 0,
                per_page: 8,
                from: 1,
                to: 0,
                current_page: 1
            },
            offset: 2,
        }
    },
    mounted : function() {
        this.getPage(this.pagination.current_page);
    },
    methods: {
        getPage(page) {
            get(`/api/example?page=` + page)
                .then((res) => {
                    this.pagination = res;
                    this.data = res.data;
                })
                .catch((err) => {
                    // error
                })

        },
    }
}
</script>
```

追加の必要情報等ありましたら、お手数ですがコメントいただければと思います。
よろしくお願いいたします。