常連

注目の的

社会貢献

回答者

拍手喝采

情報収集家

自己紹介

サブクラスから `parent::` で親クラスのインスタンスメソッド、静的メソッドの両方にアクセスできます。

```
<?php

class A
{
	protected $firstName;
	protected $lastName;
	
	public function getName($args1, $args2) {
		$this->firstName = $args1;
		$this->lastName = $args2;
		echo $this->firstName . $this->lastName;
	}

	protected static $staticFirstName;
	protected static $staticLastName;
	
	public static function getStaticName($args1, $args2) {
		self::$staticFirstName = $args1;
		self::$staticLastName = $args2;
		echo self::$staticFirstName . self::$staticLastName;
	}
}

class B extends A
{
    public function hoge($args1, $args2)
    {
        parent::getName($args1, $args2);
    }
    
    public function fuga($args1, $args2)
    {
        parent::getStaticName($args1, $args2);
    }
}

$b = new B();
$b->hoge('武蔵','宮本'); // 武蔵宮本
$b->fuga('小次郎','佐々木'); // 小次郎佐々木
```

これが腑に落ちません。

インスタンス、静的という考え方に誤りがあるのでしょうか。

`static` のあるプロパティとメソッドはクラスに属することになり、スコープ定義演算子 `::` でアクセスします。（インスタンス化なしでアクセスできる）

`static` のないプロパティとメソッドはインスタンスに属することになり、アロー演算子 `->` でアクセスします。

上記のように私の中では理解しております。

親クラスのインスタンスメソッドにアクセスするなら `parent->` 、静的メソッドにアクセスするなら `parent::` という記述なら腹落ちしますが、`parent::` でインスタンスメソッドと静的メソッドの両方にアクセスできることが腑に落ちません。

なぜ、`parent::` で親クラスのインスタンスメソッドと静的メソッドの両方にアクセスできるのでしょうか？

私が根本的に誤って理解しているのかと思います。

どこに誤りがあるのか教えてください((_ _ (´ω｀ )

parent:: で親クラスのインスタンスメソッドと静的メソッドの両方にアクセスできるのが腑に落ちません

### 前提・実現したいこと

pythonで関数を呼び出した時、どの名前で呼び出したか知る方法はありませんか?

たとえば関数numを定義し、zero, one, two, threeという別名を付けます。
このときに、この関数がone()で呼ばれたのかtwo()で呼ばれたのか区別する方法はないでしょうか。

### 該当のソースコード

```python
from inspect import stack

def num():
    s = stack()
    f, c = s[0].function, s[1].code_context
    print(f, c)  # num, ['print(one() + two() + three())\n']
    func_names = ['zero', 'one', 'two', 'three']
    return func_names.index(f) if f in func_names else -1

zero = one = two = three = num
print(one() + two() + three()) # 現状では-3になってしまうのを6になるようにしたい
```

### 試したこと

inspect.stackから関数呼び出し時の情報を取得できないかと考えたのですが、.functon は常に元々の関数名('num')が格納されていました。.code_contextからは呼び出し時の情報は拾ってこれるようですが、サンプルコードのように同じ行で複数回呼び出しをしている場合に区別する方法がありません。

---
hayataka2049さんからの確認についてですが、
今回は技術的な興味からなので、関数のみで対応する方法がないか考えています。
検索してみたところ、classを使う場合は以下のような方法を発見することができました。

```pytohn
class My_Number:
    def __init__(self, n):
        self.n = n  # この数字で誰が呼ばれたのか区別する

    def __call__(self, *args, **kwargs):
        return self.n

zero, one, two, three = [My_Number(i) for i in range(4)]
print(one() + two() + three())
```

関数をどの名前で呼び出したか知る方法

### 前提・実現したいこと

FireBaseを使用したRDBによるwebアプリケーションを作成したいと思っています。
デザイン - フロントエンドが専門であり、バックエンドの下地はほぼありません。
JSについては実務レベルの経験（〜8年）があります。

DBの設計について、概念的な質問をしたいです。
イメージとして、「ユーザーが任意で投稿できるwebサービス」を想像してください。

まず、サービス側から1つのpostが行われます。
これは始祖です。（階層レベル0）

それに対し、ユーザーはそれぞれ回答をpostします。
回答は複数行われ、それらは同列として扱われます。
これは始祖に対する子孫です。（階層レベル1）
この時点で、回答は最低限「自分の親が誰か」は書き込みます。

さらに、回答に対してユーザーはそれぞれ回答をpostします。
回答は複数行われ、それらは同列として扱われます。
これは子孫に対するさらなる子孫です。（階層レベル2）
この時点で、回答は最低限「自分の親が誰か」は書き込みます。
※この時点で始祖は誰か、は持つべきなのかどうかも伺いたいです。

これを繰り返していくと、単一の始祖を起点として、
家系図のように展開していくと思います。
親子関係のレベルで1000階層程度は想定したいです。

このとき、

- このツリー構造を効率的に画面に描写したい
- 末端のpostを起点として、始祖まで一気に画面に描写したい。postは自分自身の親が誰か、は把握しているが、それを再帰的に始祖に当たるまで繰り返す事になると、DB負荷なり転送量に大きなデメリットがあり、ベターではないのではないかと、拙い理解で不安に思っている。

どのようなアプローチが最適なのか、広く皆様の見解を伺ってみたいです。

ツリー構造を持つデータの理想的なDB設計について

### 前提・実現したいこと
Webシステムの入力項目に、アルファベットっぽいけどアルファベットではない文字が入力されてしまい困っています。
例えば「Ⅴ」や「Ⅽ」や「K」です。
入力経路は何となくは分かっていて、日本語入力モードの時に「ｖ」とうって変換ボタンを押した時にでてくる「V」っぽい文字を、どれが正しい「V」かわからず選んでしまっているようです。

こういった文字の入力があった場合に強調表示をしてユーザーに知らせたいのですが、どういう文字を抽出をしたらいいのかで困っています。
後述の通り、当初は上記の3文字だけ赤くする措置を取っていたのですが、さらに別の似たような文字が出てきてしまいました。
今は発覚するたびに1文字ずつ判定に追加してしのいでいる状態です。

全角文字を入れる必要がある項目で、通常はこういった文字の入力ミスをどうやてユーザーに伝えるのでしょうか？
もしくは、通常キーボードでうてないような文字の総称（「半角英数」のような感じ）はないでしょうか…。
そういう用語がわかれば何とか自分でも調べられそうなのですが、今はキーワードも思い浮かばない状態です。。

何かヒントでもいいのでアドバイス頂けたら嬉しいです。

※以前LinuxいうパソコンとWindowsでは文字の種類（コード？）が違うという話を聞いたことがあるのでタグに「Windows」を入れました。関係がなかったらすみません。。。


### 発生している問題・エラーメッセージ

アルファベットと似た文字を間違えて入力される。

※※追記※※
何が困っているか書いた方がいいとアドバイス頂いたので追記をします。

このシステムは社内の生産管理システムで、顧客から送られてきた原材料等を加工して返すラインの管理をしています。
該当の項目は顧客側で送ってきた原材料の個体（便宜上ロット番号と呼んでいます）を特定するためのコードや名前のようなものが入っています。
多くは半角英数なのですが、一部日本語だったり全角英数だったり見たことないような文字が入っていたりします。
顧客からデータを受け取る時は、4割ぐらいはデータで受け取り、6割は紙で届くので人間が入力しています。
加工が終わると、終わりましたよという書類としてそのデータや書面を顧客に送り返します。

数か月前から書面でやりとりしていた顧客（お得意様）のシステムが変わって、弊社⇒顧客への送り返しだけデータでやりとりするようになりました。
その時にこの項目を顧客側のシステムで原材料の個体を特定するキーに使用されているようなのです。
今まで見た目がVなら実質なんでもよかった（人間はVと認識してくれるから）のに、システムでは区別されるので顧客側からクレームが来てしまっています。
入力する側の人間も今まで全半角すら区別していなかったような人たちですし、見た目がそっくりなので何を気を付けていいのかわからないという状態です。
そこで赤くして「あなたたちは赤がなくなるまで頑張るのです」という指導をしようとしています。

普段から変わった文字を入力している人たちは、変わった文字に精通しているので「変な文字は赤くしますが気にしないでください」が通用しそうなので、エラーにはできないけど赤くするぐらいはセーフと考えています。
※※※



### 該当のソースコード

[動作する環境](https://codepen.io/systemajisai/pen/gQrQdj)
※フォーカスアウトで文字強調したdivをかぶせています。

```html
<div id="vue-element">
  <div class="input-group">
    <label>項目名</label>
    <input type="text" v-model="komoku" @blur="highlightDisp=true" />
    <div v-html="highlight" class="over" v-show="highlightDisp" @click="click($event)"></div>
  </div>  
</div>
```
```javascript
   new Vue({
    el: "#vue-element",
    data(){
      return {
        highlightDisp: true,
        komoku: "ABＣDKＦＧH",
      }
    },
    computed:{
      highlight(){
        // ↓文字を判定しているところ
        const text = this.komoku.replace(/[ⅠⅭⅤⅯKⅩLⅮ]/g, 
        function(s){
          return '<span class="highlight">' + s + '</span>';
        });
        return text;
      }
    },
    methods:{
      click(event){
        this.highlightDisp = false;
        event.target.previousElementSibling.focus();
      }
    }
  });
```
```css
  .input-group{
    box-sizing: border-box;
    width: 10rem;
    position:relative;
  }

  input, .over{
    font-size:14px;
    box-sizing: border-box;
    height: 30px;
    padding: 8px;
    width: 100%;
    border: 1px gray solid;
    background-color: #FFFDE7
  }
  .over{
    background-color:#ECEFF1;
    position:relative;
    top:-30px;
    vertical-align:middle;
    display: flex;
    align-items: center;
  }
  .highlight{
    font-weight:bold;
    color:red;
  }
```

### 試したこと

●半角英数記号以外は全部赤くする
　⇒全角英数を入力する人たちから紛らわしいと苦情殺到

●単純に「Ⅴ」「Ⅽ」「K」だったら赤くする
　⇒別の文字を入力する人が現れてしまいイタチごっこに・・・


### 補足情報（FW/ツールのバージョンなど）
ブラウザ：Google Chrome
OS（クライアント側）：windows 7～10

アルファベットっぽい文字の誤入力を防ぐ方法

# 環境

処理系は clang 6.0.1 と gcc 7.3.0 の 32 ビット版で、 MSYS2 上で使っています。

# 問題

`using` を用いて二次元配列型の別名 `matrix` を定義したのですが、念のために要素の数として与えられた数値が正の数かどうかを `std::enable_if` でチェックするようにしたところ、動作が変わってしまいました。

どうしてこのような差が生まれるのでしょう？

# ソースコード

具体的にいうと、以下のコードでマクロで分岐している箇所を切り替えたような場合です。

```cpp
#include <iostream>
#include <type_traits>

#ifndef ENABLE_SIZE_CHECKING
template<class T, std::size_t Y, std::size_t X>
using matrix = T[Y][X];
#else
template<class T, size_t Y, size_t X>
using matrix = typename std::enable_if<(Y>0)&&(X>0), T[Y][X]>::type;
#endif

template<class T, size_t Y, size_t X>
std::ostream& operator<<(std::ostream& os, const matrix<T, Y, X>& mat) {
  for (auto& i: mat) {
    for (auto j: i) os << j << ',';
    os << std::endl;
  }

  return os;
}

int main() {
  matrix<int, 3, 3> mat;

  for (auto& line: mat) for (auto& element: line) element = 10;
  std::cout << "array rank is "
            << std::rank<decltype(mat)>::value
            << std::endl;
  std::cout << mat <<std::endl;

  return 0;
}
```

# 実行結果

## `std::enable_if` での判定をしない場合

```
array rank is 2
10,10,10,
10,10,10,
10,10,10,
```

## `std::enable_if` での判定をする場合
```
array rank is 2
0x65fec0
```

# 補足

上記のコードでトレイトでの判定も入れていることからわかるように変数は確かに二次元配列として定義されていて、暗黙の型変換が入る余地もないはずなのですが、ポインタとして解釈されているような挙動になっているように思われます。

std::enable_if の有無

AWSが不正利用されました。先ほど$4000を超える請求がきました。

理由は、以前に作ったrailsアプリのアクセスキーなどが書いてあるファイルを、gitigoreせずに、git hubにアップしてしまったためと思われます。（config以下をみるとS３の情報がはっきり書いてありました）

とりあえず、該当のファイルはgit hubからsetting->deleteで削除したのですが、完全に削除されているでしょうか？

これで追加の徴収を受けることはないのでしょうか?

もしかしたらAWSの方でもなにか設定は必要でしょうか？

ちなみに、アクセスキーを削除しようと AWS マネジメントコンソールに行こうとすると以下のようになり、どうやらアカウントが停止されているようです

Amazon Web Services Sign In
Authentication failed because your account has been suspended.

If you believe your account was suspended due to non-payment of outstanding balance due on your account, you can pay now using the payment page to reactivate your account. If you do not pay or provide a payment method to resolve your outstanding balance, your account resources may be terminated.

If your account was suspended for reasons other than non-payment of outstanding dues, contact AWS customer support Contact Us

To logout, click here

<助けてください>AWSが不正利用されました

# 概要

クレジットカードの番号、名義、有効期限をシステムで保存するのは何のためなのでしょうか。

# 詳細

[健康食品通販サイトにおけるお客さま情報の流出に関するお詫びと調査結果のお知らせ | ニュースリリース | 森永乳業株式会社](http://www.morinagamilk.co.jp/release/newsentry-2899.html) 

こちらの事件ではクレジットカード情報が流出し、カード情報が不正に使用されるという被害（不正請求）があったそうです。

> 　調査の結果、カード情報※1およびカード情報以外の個人情報※2が流出したと考えられるお客さまは最大29,773名でした。また、カード情報以外の個人情報※2のみが流出した可能性のあるお客さまは最大63,049名でした。
> 
> ※1：カード情報
> 　　 番号、名義、有効期限　※セキュリティコードは含まれていないことが確認できました
> ※2：カード情報以外の個人情報
> 　　 氏名、住所、電話番号、ＦＡＸ番号、メールアドレス、性別、職業、生年月日、お届け先情報、受注情報

この**「セキュリティコードは含まれていない」**という文章を見て、コードがなければ決済できないのではないのか？と疑問を持ちました。

調べてみると [「クレジットカードのサインレス決済ができるできないの違いって何？｜クレジットカードの三井住友VISAカード」](https://www.smbc-card.com/nyukai/magazine/knowledge/signless.jsp) に書かれているように、特定の条件内ならばセキュリティコードなしでも決済できるということを知りました。

「セキュリティコードを保存してはいけない」というのはよく聞くのですが、「番号、名義、有効期限を保存してはいけない」というのは聞いたことがありません。
しかし「番号、名義、有効期限」だけでも決済ができてしまうならば、これらも保存するべきではないのではないかと思いつきました。

それでもクレジットカードの情報流出というのはよく聞くので、何かシステムで保存せざるを得ない理由があるのではないだろうかと思っています。

クレジットカード決済に関わったことがなく基本的な知識もないため、変な質問になっているかもしれませんがよろしくお願いいたします。

クレジットカードの番号、名義、有効期限をシステムで保存するのは何のためか？

### 前提・実現したいこと

カタンの開拓者たちのように6角形のマス状の盤面を持つゲームはよくあると思います。
このような6角形のマス状の座標系、この質問では6角座標系としますが、このような座標系はどのようなデータ構造で表現するのでしょうか？

6角座標系を持つゲーム盤面のデータ構造について

C11ドラフトn1570の6.5.9 Equlity operators 3 (p.96)には次のように記載されています。

> Each of the operators yields 1 if the specified relation is true and 0 if it is false
> それぞれのオペレーターは、指定した関係が真の場合は 1 を、偽の場合は 0 を返す。

C11に準拠していれば、`==`演算子が真の場合、必ず`1`になります。では、C99以前や標準に準拠しないコンパイラではどうなのかがわかりません。真の場合に`1`**ではない**数値を返す環境があるのか、それとも無いのか、あるとしたらどのような環境(Cのバージョンやコンパイラ、オプションなど)なのかを教えてください。

無い事を証明する場合は悪魔の証明になるので、

* K&R初版やANSI Cなどがどうであったか？
* GCC、Clang、Visual C++、BCC32C(Embarcadero C++ Compiler)、Intel C++ Compiler、Oracle Solaris Studio Compiler、Tiny C Compilerなど現在も入手し、最新の環境でも実行でき、組み込みなど特定アーキテクチャ向けでは無い汎用のメジャーなコンパイラでどうなのか？(たりなければ、ご指摘下さい)

でも結構です。ただ、とある組み込み系のコンパイラでは違うという情報があれば、それはそれで回答していただくと助かります。

【注意事項】
この質問はCについてのみです。C++ですと`==`演算子をオーバーロードできるので、いくらでも例外が作れてしまいます。ただ、C++でもSTLに含まれる標準関数やboostで定義されたクラスではどうなっているのかという情報があれば、別途回答していただくと嬉しいです。

Cの==演算子が真の時に1以外を返す場合があるのか？

お世話になります。

データーベースでのチェックボックスの持ち方についていくつか方法があるかと思います。

１．テーブルに必要項目分のフィールドを追加する
２．１フィールドにビットフラグやカンマつなぎなどで持つ
３．別テーブルとして持ち親子関係にする

正規化的に３が最もいいと思いますが、
その実装方法として考えているのが、以下のようになります


![イメージ説明](166d7c03755096c83e033cff54720c33.png)


全テーブルで共通のcheckboxsテーブルを1つ作成し、
各テーブルはそのテーブルからcheckboxの値を取得します。

このような設計にした場合、各画面に必要なチェックボックスを１つ１つ指定する必要があるのが１つ面倒なポイントになる気がしています。
例えば、権限設定の場合だとこの設計では

```html
<input type="checkbox" name="permission_r" value="1">閲覧
<input type="checkbox" name="permission_w" value="1">登録
<input type="checkbox" name="permission_x" value="1">削除
```
になると思います。

別の方法としては
```html
<input type="checkbox" name="permission[]" value="1">閲覧
<input type="checkbox" name="permission[]" value="2">登録
<input type="checkbox" name="permission[]" value="3">削除
```
として、サーバー側でハンドリングするという形です。

上記②の方法で格納すれば配列で受け取った値をカンマで繋げばよいだけですので処理は楽になりますが、変更に弱かったり検索の必要が出てくる場合は非常にまずくなりますので、③の方法がよいと考えています。


上記の設計で起きうる問題点などがあれば教えていただきたいです。

また、これは②の様なタイプの設計パターンになりますが、カンマつなぎで登録する場合、
値を1,2,3のような値で格納するか、閲覧、登録、削除と文字列で格納するか、またはr,x,xのように文字列でもアルファベットにする場合などでそれぞれどのようなメリット、デメリットがあるか教えていただきたいです。

よろしくお願いします。

チェックボックスのデーターベースの持ち方について

こんにちは、Javaでとあるメソッドに渡す、パラメータクラスみたいなのを作ろうとしています。
その場合に、パラメータには必須項目と任意項目があり、クラスの設計として何が最善かを教えていただければと思います。
```lang=Java
class Parameter {
    private String a;    // 必須
    private String b;    // 任意
    private String c;    // 任意

}
```
このようなインスタンス変数があるとして、変数のセット方法は

- １．全てクラスのコンストラクタで求める
```lang=Java
  public Parameter(String, String, String);
    // a,b,cはゲッターのみ定義
```

- ２．必須項目のみクラスのコンストラクタで求める
```lang=Java
  public Parameter(String);
    // aはゲッターのみ定義,b,cはゲッター/セッターを定義
```

- ３．全てセッターを定義し、必須も任意項目もプログラマにセットさせる
```lang=Java
  public Parameter();
    // 全てゲッター/セッターを定義
```

が考えられると思います。

通常、パラメータクラスはどの方法が良いのか教えていただければと思います。

パラメータクラスの必須、任意項目はクラスのコンストラクタとしてどう作ればよいか？

```js
var obj = {};
// 式1
obj.__proto__.toString === Object.prototype.toString // => true
// 式2
obj.toString === Object.toString // => false
```

式2がfalseになるのはなぜでしょうか？
式2はまずobjにtoStringがあるかを探し、見つからなければ`__proto__`の中を探しに行くので、内部的には式1と同じことをやっているのだと考えていたのですが、そうではないようです
なぜこのようになるのか教えてください

obj.toString === Object.toString がfalseになる理由

# はじめに
後述のコードはGolangで書かれていますが、全言語において気になっていたので多言語のタグをつけさせていただきます。
回答コードは、Go,python , C#ないしCだと助かりますが、その他言語でも問題ありません
正直「そんな方法はありません」
という回答が来る気もしています

特にGoとC#の回答を求めています！

# やりたいこと

関数
call1
call2
call3
call4
を定義しておいて、末尾の数字だけを変えて連続実行する際に、綺麗にまとめる方法はありますか？

以下、動かないですが、やろうとしてることが伝わるように、イメージを書いておきます。。

```go
func main() {
    for i:=1;i<4;i++{
	call+i()
    }
}

func call1() {
	fmt.Println("I am call1")
}

func call2() {
	fmt.Println("I am call2")
}

func call3() {
	fmt.Println("I am call3")
}

func call4() {
	fmt.Println("I am call4")
}
```

# 追記
みなさん多彩な回答ありがとうございます。
現状Goで困っていたため、Goで回答を作ってくださった方をベストアンサーとさせていただきますが、他言語を使うことになった際は、ここを参考にさせていただきます。
ありがとうございました！

- Goは関数の配列を作って、forで回す, あるいはreflectを使う(非推奨)
- pythonはevalを使う
- phpは可変関数, call_user_func, あるいはevalを使う(非推奨)
- JSは関数を配列に入れる, あるいはevalを使う(非推奨)
- C#はデリゲートを作る, リフレクションを使う
Cとswift, objective-cにも回答がついていました。

募集から1日未満にもかかわらず、たくさんの回答、ありがとうございました。
私のみならず、他の人の参考にもなれば幸いと思います。

関数名call1, call2, call3...の連続実行をまとめる方法はありますか？

###【前提・実現したいこと】
googleフォームに検索条件を入力し送信を行うと、
その検索条件に従ってカレンダーなどの情報を取得し、
マイドライブ上のスプレッドシートに取得した情報を保存する。
その後、スプレッドシートをExcel形式に変換し、
そのExcelをメールに添付する形でメール送信する。

###発生している問題
上記を実現するために、下記のような実装にしていますが、
スプレッドシートの変更前の情報で、メール送信されてしまいます。
各々の機能の１つ１つは問題なく動作しているのですが
最新のスプレッドシートの情報で、メールが送れない状況です。

 ・googleフォーム
  スクリプト（ここですべて制御している）
 ・スプレッドシート
  スクリプトなし
###スクリプト上の機能
 １．フォームから検索条件を取得
 ２．検索条件に従ってカレンダーなどから情報を取得
 ３．取得した情報をスプレッドシート上に保存
 ４．更新したスプレッドシートをExcel形式に変換し、メール送信

###試したこと
GASが終了しないと、スプレッドシートへの更新が完了しないのではないかと考え、
スクリプトからスクリプトを呼ぶ方法を模索し
数秒後に起動するトリガーを設置することを考えましたが
googleフォームのスクリプトでは時間指定のトリガーを設置できないことがわかり、
いきずまってしまいました。

###質問
どのような全体設計をすれば実現したいことが可能になりますでしょうか？
また、即時スプレッドシートへの反映の仕方などありませんでしょうか？

###ソース
```ここに言語を入力
function submitForm(e){ 
  //ここでフォームの検索条件を取得するが割愛する
  loadEvent();
  sendMail_Excel();
}

function loadEvent() {
  sheetcreate();
  var cal = CalendarApp.getCalendarById("カレンダーID");
  var events = cal.getEvents(new Date(2017, 7, 1), new Date(2017, 7, 31));

  var arr = [];
  for(var i=0; i < events.length; i++){
    var e = [];
    var event = events[i];
    e.push(event.getStartTime());
    e.push(event.getEndTime());
    e.push(event.getTitle());
    arr.push(e);
  }
  paste(arr);
}

function sheetcreate(){
  var mspid = "スプレッドシートのID";
  var ash = SpreadsheetApp.openById(mspid);
  var sheet = ash.getSheetByName("test1");
  if(sheet==null){
    sheet = ash.insertSheet("test1");
  }else{
    sheet.clear();
  }
}

function paste(array){
  var mspid = "スプレッドシートのID";
  var ash = SpreadsheetApp.openById(mspid);
  var sheet = ash.getSheetByName("test1");
  
  var lastColumn = array[0].length;
  var lastRow = array.length;
  sheet.getRange(2,1,lastRow,lastColumn).setValues(array);
}

function sendMail_Excel() {
  var targetFileId = "スプレッドシートのID";
  var objFile;
  var fileName;
  var mailto = "メール送信先";
  var subject = "スプレッドシート添付テスト";
  var body = "";
  var fetchUrl;
  var fetchOpt = {
    "headers" : { Authorization: "Bearer " + ScriptApp.getOAuthToken() },
    "muteHttpExceptions" : true
  };

  var xlsxName;
  var attachmentFiles = new Array();

  try
  {
    objFile = DriveApp.getFileById(targetFileId);
    fileName = objFile.getName();
    xlsxName = fileName + ".xlsx";
    body = xlsxName + "を添付します";
    fetchUrl = "https://docs.google.com/feeds/download/spreadsheets/Export?key=" + targetFileId + "&amp;exportFormat=xlsx";
    attachmentFiles.push(UrlFetchApp.fetch(fetchUrl, fetchOpt).getBlob().setName(xlsxName));
  }
  catch(e){
    subject = "ERROR:" + subject;
    body = "エラー : " + e.message;
  }

  // メール送信
  GmailApp.sendEmail(mailto, subject, body, {attachments:attachmentFiles});
}
```

【GAS】スプレッドシートの更新内容がメール送信できない

お世話になります。あるSVGをスプライト化させて読み込みcss等でデザインを行なったところ、fireofxは正常に表示されたのですがgooglechrome、safariは全くスタイルが当たっていない状態で表示されました。
何故なのでしょうか。また解決策も合わせてご教授して頂けると幸いです。
以下ファイルになります。宜しくお願い致します。
```php
<!DOCTYPE html>
<html lang="ja">

<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>AnimationDemo</title>
	<link rel="stylesheet" href="./demo2_transition.css">
</head>

<body>
	<?php include_once('./all.svg') ?>
	<svg class="likeButton">
		<use xlink:href="#likeButton"/>
	</svg>

</body>

</html>
```

```css
@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
}

html, body {
  width: 100%;
  height: 100%;
}

body {
  margin: 0;
  font-family: 'Open Sans', 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  background-color: #f0f0f0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}

body {
  background-color: #f7f7f7;
}

.likeButton {
  cursor: pointer;
}

.likeButton .border {
  fill: white;
}

.likeButton .explosion {
  -webkit-transform-origin: 250px 250px;
  transform-origin: 250px 250px;
  -webkit-transform: scale(0.02);
  transform: scale(0.02);
  stroke: #dd4688;
  fill: none;
  opacity: 0;
  stroke-width: 1;
  transform-origin: 250px 250px;
}

.likeButton .particleLayer {
  opacity: 0;
}

.likeButton .particleLayer circle {
  opacity: 0;
  -webkit-transform-origin: 250px 250px;
  transform-origin: 250px 250px;
}

.likeButton .heart {
  fill: rgba(6, 6, 6, 0.24);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transform-origin: 250px 250px;
  transform-origin: 250px 250px;
}

.likeButton.clicked .explosion {
  -webkit-animation: explosionAnime 800ms;
  animation: explosionAnime 800ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.likeButton.clicked .heart {
  -webkit-animation: heartAnime 800ms;
  animation: heartAnime 800ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.likeButton.clicked .particleLayer {
  -webkit-animation: particles 800ms;
  animation: particles 800ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.likeButton.clicked .particleLayer circle:nth-child(1) {
  -webkit-animation: particleAnimate1 800ms;
  animation: particleAnimate1 800ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.likeButton.clicked .particleLayer circle:nth-child(2) {
  -webkit-animation: particleAnimate2 800ms;
  animation: particleAnimate2 800ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.likeButton.clicked .particleLayer circle:nth-child(3) {
  -webkit-animation: particleAnimate3 800ms;
  animation: particleAnimate3 800ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.likeButton.clicked .particleLayer circle:nth-child(4) {
  -webkit-animation: particleAnimate4 800ms;
  animation: particleAnimate4 800ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.likeButton.clicked .particleLayer circle:nth-child(5) {
  -webkit-animation: particleAnimate5 800ms;
  animation: particleAnimate5 800ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.likeButton.clicked .particleLayer circle:nth-child(6) {
  -webkit-animation: particleAnimate6 800ms;
  animation: particleAnimate6 800ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.likeButton.clicked .particleLayer circle:nth-child(7) {
  -webkit-animation: particleAnimate7 800ms;
  animation: particleAnimate7 800ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.likeButton.clicked .particleLayer circle:nth-child(8) {
  -webkit-animation: particleAnimate8 800ms;
  animation: particleAnimate8 800ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.likeButton.clicked .particleLayer circle:nth-child(9) {
  -webkit-animation: particleAnimate9 800ms;
  animation: particleAnimate9 800ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.likeButton.clicked .particleLayer circle:nth-child(10) {
  -webkit-animation: particleAnimate10 800ms;
  animation: particleAnimate10 800ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.likeButton.clicked .particleLayer circle:nth-child(11) {
  -webkit-animation: particleAnimate11 800ms;
  animation: particleAnimate11 800ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.likeButton.clicked .particleLayer circle:nth-child(12) {
  -webkit-animation: particleAnimate12 800ms;
  animation: particleAnimate12 800ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.likeButton.clicked .particleLayer circle:nth-child(13) {
  -webkit-animation: particleAnimate13 800ms;
  animation: particleAnimate13 800ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.likeButton.clicked .particleLayer circle:nth-child(14) {
  -webkit-animation: particleAnimate14 800ms;
  animation: particleAnimate14 800ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

```

```svg
<svg display="none" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
	<defs>

		<symbol id="likeButton" width="150px" height="150px" viewBox="0 0 500 500">
			<circle class="explosion" r="150" cx="250" cy="250"></circle>
	  		<g class="particleLayer">
	    		<circle fill="#8CE8C3" cx="130" cy="126.5" r="12.5"></circle>
			    <circle fill="#8CE8C3" cx="411" cy="313.5" r="12.5"></circle>
			    <circle fill="#91D2FA" cx="279" cy="86.5" r="12.5"></circle>
			    <circle fill="#91D2FA" cx="155" cy="390.5" r="12.5"></circle>
			    <circle fill="#CC8EF5" cx="89" cy="292.5" r="10.5"></circle>
			    <circle fill="#9BDFBA" cx="414" cy="282.5" r="10.5"></circle>
			    <circle fill="#9BDFBA" cx="115" cy="149.5" r="10.5"></circle>
			    <circle fill="#9FC7FA" cx="250" cy="80.5" r="10.5"></circle>
			    <circle fill="#9FC7FA" cx="78" cy="261.5" r="10.5"></circle>
			    <circle fill="#96D8E9" cx="182" cy="402.5" r="10.5"></circle>
			    <circle fill="#CC8EF5" cx="401.5" cy="166" r="13"></circle>
			    <circle fill="#DB92D0" cx="379" cy="141.5" r="10.5"></circle>
			    <circle fill="#DB92D0" cx="327" cy="397.5" r="10.5"></circle>
			    <circle fill="#DD99B8" cx="296" cy="392.5" r="10.5"></circle>
			</g>
			<path class="heart" d="M250,187.4c-31.8-47.8-95.5-19.8-95.5,32.2c0,35.2,31.8,60.3,55.7,79.2c24.9,19.7,31.8,23.9,39.8,31.8 c7.9-7.9,14.6-12.6,39.8-31.8c24.3-18.5,55.7-44.4,55.7-79.6C345.5,167.6,281.8,139.7,250,187.4z"></path>
		</symbol>

	</defs>
</svg>
```

スプライト化したSVGへのスタイルがChromeだけ効かない

サブネットマスクの指定で、
255.255.255.0
のような形で指定しますが、
上位ビットから1を敷き詰めただけ以外の形でも仕様としては大丈夫なのでしょうか？
例 :255.255.0.255

サブネットマスク 255.255.0.255

プロキシにはローカルプロキシ、パブリックプロキシ(公共プロキシ)の２種類があります。
今回は、**ネット上に転がっているFreeなproxy**に話を絞ります。

ふと思いました。
**「そういえば、クライアントからPROXYサーバーにどうやってwebサーバーのIPアドレスを教えているんだろ・・・」**

考えられるやり方は・・・（私の予測です。）
(1)パケットにwebサーバーのIPアドレスを付与する。2つのIPアドレスを載せるため普通のパケットとは異なるものになってしまう。
(2)戻ってくる時は、proxy内のログ（ソースIPとwebIPの対情報を載せておく）を参照すれば可能かな～～

wiresharkで多段proxyネットワークTorのパケットを覗いてみました。
・・・・Torのパケットを見つけられませんでした。普通のパケットと特に違いがないため見分けが付きませんでした。
（難易度が高すぎました。）

・・・ということで、調べてみました。（私の持っている本には載っていなかったので）
[Proxy利用時のhttps通信のパケット(IPヘッダ、TCPヘッダ)に関して](http://tonetsutomu.com/tone/node/316)
[プロキシサーバーを解する場合に、宛先IPはどのように渡されるのでしか？](https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1486289264)

> 直接接続の時の HTTPの中身(リクエストURI)が Get /upload/ HTTP1.1
プロキシ経由の時のHTTPの中身(リクエストURI)が Get http://www.hidemyass.com/upload/ HTTP1.1

つまり、**ペイロードの部分にwebサーバーの宛先ドメインを載せている**わけですね！
クライアントからProxyにパケットが届いたら、proxyはパケットを再構築しなくてはならないですね。

> プロキシ経由でWeb閲覧するクライアントパソコンは、yahooのIPアドレスを知る必要はありません。
名前解決するのはプロキシサーバなので、クライアントパソコンが名前解決できない状態であってもWeb閲覧できます。

こちらは、ローカルプロキシの場合の話だと思うので、今回の場合は適応しないですね。

しかし、クライアントに戻る時はどうするのでしょうか？？
クライアントは http://www.hidemyass.com/upload/のように特定できません。
> (2)戻ってくる時は、proxy内のログ（ソースIPとwebIPの対情報を載せておく）を参照すれば可能かな～～

これでしょうか？(これならwebサーバーからのパケットのペイロードのところに宛先を入れなくてもいい感じですかね。)

しかし、これでは匿名性が失われてしまいますよね・・・・
１段proxyの場合、権限のある人がサーバーのlogを調べれば簡単に見つかってしまいます。
アクセスした後にlogを削除しているなら、大丈夫そうですが・・・
おまけにproxyの管理者には丸見えなので、あまり良いやりかたではなさそうです。

どうやっているんでしょうか？
実際はこんな風にやっている・・・というものを教えてください！！

さらに、多段proxyの場合、次のproxyサーバーのたくさんのIPアドレスを載せる必要がありまよね？
２段以でも結構大変ではないでしょうか？

「ちなみに、多段proxyのtorは次のproxyの選択するためのサーバーが専用に用意されているようです。
普通のproxyにはそのようなサーバーはないので、この方法もないかなと思いますが・・・」

[追記]
![イメージ説明](3d60819ef3ba7f7a05d63980e04259d3.jpeg)

絵に描いてみましたわ。
なぜか横になっている・・・

クライアントからwebは、ペイロードのドメインをIPアドレスに変換し、パケットのヘッダ部分に書く必要がありますよね。（パケットを作りなおす。）
しかし、帰りはどのソケットに書き込めば良いのか分からないため、logを参照する必要が出てきます。
（２つのIPアドレスが対情報になって書かれているテーブルみたいな・・・）
mattnさんが仰っているのは、このソケット同士をproxy内部で繋げるということですか？？

「追記２」
![イメージ説明](cb8d880f2cefbb805925120f0e2d78a6.png)
acceptされた後に、webサーバーに対してconnect要求を行うという事でしょうか？

Proxyサーバーの宛先と戻り先ってどうやって指定しているんでしょうか？

### [√] cssでアニメーションさせた要素に残像が残る

![残像が残っている様子](0d0bb24be2f4009b0367fe6515a3655c.gif)

こういう状態です．
この残像はどうしたら消せるでしょうか？

---
**ソースコード**
```html
<!DOCTYPE html>

<html lang="ja">

	<head>
		<meta charset="utf-8">
		<meta name="author" content="lan.works">
		<meta name="description" content="today's ERROR //20170601_01">
		<meta name="format-detection" content="telephone=no, address=no, email=no">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		
		<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto" >
		<style>

			/*cmn*/

			*,
			*::before,
			*::after{
				font-weight: normal;
				line-height: 1em;
				padding:0;
				margin: 0;
				box-sizing: border-box;
				-webkit-tap-highlight-color:rgba(0,0,0,0);
				-webkit-user-select: none;
			}

			a,
			a:link,
			a:visited{
				text-decoration: none;
			}

			li{list-style: none;}

			img{
				max-width: 100%;
				pointer-events: none;
			}
			
			html,body{
				max-width: 100vw;
				max-height: 100vh;
			}
			html{
				font: normal 17px / 17px 'Roboto', sans-serif;
				-webkit-text-size-adjust: 100%;
			}
			
			#page_section1{
				left: auto;
				width: auto;
				margin: 0 1rem;
				padding-top:50vh;
			}
			
			
			#menubtn-switch-btn{
				position: fixed;
				bottom: 9rem;
				left: 1rem;
				width: 4rem;
				height: 4rem;
				background: rgba(255,255,255,.9);
				border: 1px solid #ccc;
			}
			#menubtn-switch-btn::before{/*bgr-shadow*/
				content: "";
				display: block;
				position: absolute;
				top: 48.75%;
				left: 25%;
				width: 50%;
				height: 2.5%;
				background: #fff;
				border-radius: 3px;
				box-shadow:
					0 0 0 1px #777,
					0 -0.7rem #777,
					0 -0.7rem 0 1px #777,
					0 0.7rem #777,
					0 0.7rem 0 1px #777;
				transition: transform .5s, box-shadow .3s .5s;
			}
			#menubtn-switch-btn::after{
				content: "";
				display: block;
				position: absolute;
				top: 48.75%;
				left: 25%;
				width: 50%;
				height: 2.5%;
				background: #fff;
				border-radius: 3px;
				box-shadow:
					0 0 0 1px #777,
					0 -0.7rem #fff,
					0 -0.7rem 0 1px #777,
					0 0.7rem #fff,
					0 0.7rem 0 1px #777;
				transition: transform .5s, box-shadow .3s .5s;
			}
			#menubtn-switch:checked +#menubtn-switch-btn::before{
				transform: rotate(-495deg);
				box-shadow:
					0 0 0 1px #777,
					0 -2px #fff,
					0 -2px 0 1px #555,
					0 2px #fff,
					0 2px 0 1px #555;
				border-radius: 0;
			}
			#menubtn-switch:checked +#menubtn-switch-btn::after{
				transform: rotate(495deg);
				box-shadow:
					0 0 0 1px #777,
					0 -2px #fff,
					0 -2px 0 1px #555,
					0 2px #fff,
					0 2px 0 1px #555;
				border-radius: 0;
			}
		</style>
		
		<title>today's ERROR //20170601_01</title>
	</head>
	
	<body>
		
		<section id="page_section1">
			<input id="menubtn-switch" type="checkbox">
			<label id="menubtn-switch-btn" for="menubtn-switch"></label>
			<p>Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur? [33] At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p>
		</section>
		
	</body>

</html>
```

cssでアニメーションさせた要素に残像が残る

プロジェクトディレクトリ内で、開発のたびに追記されていくファイル、もしくはファイル上の追記されていくリストというのがあります。

- パッケージ管理ファイル
- URLルーティング定義ファイル
- ソース上部のimport, include, require宣言的なリスト
- ユーティリティ関数を集めたファイル。関数を追加するときは大体最後に追加する。
- テストコード。新しいテストを（以下略

これらのファイルもしくはパート、複数のフィーチャーブランチを切って並行開発していると大抵マージのときにコンフリクトします。
解決も簡単なのですがコンフリクトというのは自動マージやチェリーピックの妨げになって発生すること自体が邪魔です。

ファイルの種類によってもノウハウが異なってくることとは思いますが、コンフリクトを避けるための工夫でやっていることがあったら教えてください。

追記型のファイルでマージ時のコンフリクトを避ける工夫どうしてますか

今``I401.out``という実行ファイルがあるとして、

```
./I401.out -----------------------------------------------------------------*--------------O**OO-----------*-*-----------OO*-O-----------*-*-----------O---O-------------------------------------------------------------------------------- * 0
```

のようにコマンドライン引数を渡すとします。この時第二引数に``*``を渡すのですが、これがカレントディレクトリのファイルやらディレクトリ名に展開されていまいます。

初心者なりにエスケープしようと
``"*"``, ``'*'``, ``$'*'``, ``'\*'``, ``'\\*'``, ``\*``を試しましたがやはりダメです。

どうすれば``*``を渡せますか？

cf.)

- https://twitter.com/yumetodo/status/722579505844359168
- https://twitter.com/yumetodo/status/722581337492709377
- https://twitter.com/yumetodo/status/722581836791058432
- https://twitter.com/yumetodo/status/722582947438526465
- https://twitter.com/yumetodo/status/722583695782055936
- https://twitter.com/yumetodo/status/722591462408368129

# 追記

```sh
gdb --args echo \*
```

はぶっ壊れてるけど

```sh
echo \*
```

はちゃんと

```
*
```

と表示される・・・。どうなってるんだ、msys2

# 追記2

謎挙動多いのでIssue投げました

https://github.com/Alexpux/MINGW-packages/issues/1347

# 追記3

VSでstatic linkしたものを試したら、``*``これだけ``\*``とすれば正常に動きました。つまりmingwが・・・