常連

拍手喝采

自己紹介

###前提・実現したいこと
htmlまたはpdfをiframe内に表示しており、それを印刷したいのですが、

HTMLはWindow.focus()とWindow.Print()で正常に印刷出来るのですが、
PDFはWindows.focus()でエラーを吐き正常に印刷出来ない状況です。
（この辺りは以前質問させて頂きまして、その時は解決せず保留という形で留めました）

そのため、取得してきたURLを使用して印刷出来ないかと考えているところです。
そこで以下のソースコードで作成したのですが、思うようにいかず何かしらアドバイスを頂きたいのです。

よろしくお願い致します。

###作成したソースコード

```javascript

function fPrint(){
//iListP内のsrcに格納されたURLを取得
	var test1 = document.getElementById("iListP").src;

//URLを別タブで開き、それを印刷後タブを閉じる
	winprint = window.open(test1,"test"); 
	winprint.focus("test");
	winprint.print("test"); 
	winprint.close("test");
}

```

```html
//default.pdfの部分は場合によって変わります。拡張子はhtmlまたはpdfです。
<div class="cFreamArea">
<iframe src="default.pdf" name="main" class="cList" id="iListP"></iframe>
</div>

 <button class="btn" type="button" onclick="javascript:fPrint()">印刷</button>
```

この例だと、印刷ボタンを押すと、default.pdfの中身を印刷するようにしたいのです。

###補足情報(言語/FW/ツール等のバージョンなど)
IE11・GoogleChromeの両方で動くようにしたいと考えています。
先程の例では、IEはHTMLのみ動きましたがPDFは×、GCは両方×でした。

ieのPDF対象の場合は以下のエラーが開発者ツールに表示されました。
```
SCRIPT70: 書き込みできません。
```

javascriptを使用して、取得したURLの中身を印刷したい。

bootstrap3で、タブの幅を徐々に狭くしていくと、
横幅1036pxになると、タブの中で折り返しが発生していまい、
高さがバラバラになってしまいます。(環境はchromeです）

折り返さないように、文字数を小さくするなど方法はないでしょうか。
それとも、文字数は少なくしないと難しいでしょうか。


```html
<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Theme Template for Bootstrap</title>

    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    
    
  </head>

  <body role="document">

    <div class="container-fulid" role="main">

        <ul class="nav nav-tabs nav-justified">
            <li class="active"><a href="#tabA" data-toggle="tab">ああああああああ</a></li>
            <li><a href="#tabB" data-toggle="tab">ああああ</a></li>
            <li><a href="#tabC" data-toggle="tab">あああ</a></li>
            <li><a href="#tabD" data-toggle="tab">ああああああああ</a></li>
            <li><a href="#tabE" data-toggle="tab">ああ・ああああ</a></li>
            <li><a href="#tabF" data-toggle="tab">ああああ</a></li>
            <li><a href="#tabG" data-toggle="tab">あああああ</a></li>
        </ul>


    </div> 

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    
    
  </body>
</html>

```

bootstrap3のタブで文字列が折り返されないようにしたい。

```.env
.envのパラメータ
SESSION_DRIVER=database
```

```Migrate設定
migrateの設定
php artisan session:table

php artisan migrate
```

```ここに言語を入力
use Session;
```

```ここに言語を入力
セッション保存処理
    session([
      'test1'  => 'abc',
      'test2'  => 'dfg',
    ]);
```

のように設定していて
以下のように表示しておりますが、セッションが画面遷移したときに引き継がれません
全ての処理が呼ばれていることを確認しております
Session::get('test1')


開発環境としてはPHP7,AWSのELBやRDS,MySQL56を使用しております
ローカル環境だとセッションが引き継がれて開発環境(ロードバランサーやRDS使用)の場合うまくいかないので、何か開発環境依存の問題なのではないかと思っています
何か設定しなければならないことはありますでしょうか

laravel5.4　databaseセッションが画面遷移で引き継がれない

###前提・実現したいこと
Laravel5.4にてRoutes内でサブドメインを判定し、サブドメインごとにview等を分けるシステムを作っています。

config内のconst.phpもサブドメインごとディレクトリを分けていますが、routes内にてサブドメインに対応するconst.phpを参照したく、下記のようなプログラムを組んでいます。
```php
Route::group([
    'domain' => '{subdomain}.example.com',
    'namespace' => 'Customer',
], function () {
        Route::get('/{area}', 'Search\TopController@searchArea')
            ->name('customer.search.area')
            ->where('area',Config::get($subdomain . '.const.area')[0]);
});
```
configのディレクトリ構造は下記の通りです。
```
config
　┗subdomain1
　　┗const.php
　┗subdomain2
　　┗const.php
```

###実行結果＆質問内容
上記を実行したところ、$subdomainが参照できず下記エラーとなってしまいます。
```
(1/1) ErrorException
Undefined variable: subdomain 
```
Laravelにおけるルーティングの書き方をイマイチ理解できておらず、解決方法が分かりません。
$subdomainはどのように取得したら良いでしょうか。

Laravel5.4　Route::groupで取得したサブドメインをroutes内で参照したい

php5.6
フレームワーク等は使用しておりません。

当方の知識不足で、稚拙な質問となっておりますので
ご了承ください。

html5の[input　file]でファイルをサーバー側のフォルダに保存して
それをブラウザ上で表示させたいと考えております。

PCでは、アップロードされる画像ファイル等の容量制限にて
大きなファイルはアップロード出来ないようにしております。

しかし、モバイル端末で撮影された画像等の容量が大きいため
アップロードが出来ない状況です。ユーザーにモバイル端末でアップロード前に
容量を落としてもらう作業をさせたくないと考えています。

そこで、私なりに調べて見た結果、下記のようにBLOB型で指定した
サーバーのディレクトリに画像を保存してもしくは、データベースに入れる方法が
あり、サーバーのディレクトリに画像を保存することは出来ました。

ですが、そのBLOB型のデータをブラウザに出力する方法が解らないのが
現状です。

大変稚拙な質問であると思いますが、お力をお貸し下さい。

また、下記の仕組みを使わず、モバイル端末等で画像の容量等を
圧縮してアップロードする方法がございましたら、お教え頂けると
幸いです。

むしろ下記の方法以外の、手段をお教え頂けますと助かります。
宜しくお願い致します。

```html
<form action="" method="post" id="imageForm">
    <img src="" id="preview" />
    <canvas id="canvas"></canvas>
    <input type="file" id="imageSelect" onChange="canvasDraw();" />
    <input type="button" onClick="imageUpload();" value="アップロード" />
</form>

```

```ここに言語を入力
//ここで出力
<img src="load.php">
```


```javascript
    function canvasDraw() {
    var file = $("#imageSelect").prop("files")[0];
                
    //画像ファイルかチェック
    if (file["type"] != "image/jpeg" && file["type"] != "image/png" && file["type"] != "image/gif") {
        alert("画像ファイルを選択してください");
        $("#imageSelect").val(''); //選択したファイルをクリア

    } else {
        var fr = new FileReader();

        fr.onload = function() {
            //選択した画像を一旦imgタグに表示
            $("#preview").attr('src', fr.result);
                        
            //imgタグに表示した画像をimageオブジェクトとして取得
            var image = new Image();
            image.src = $("#preview").attr('src');
                        
            //縦横比を維持した縮小サイズを取得
            var w = 800;
            var ratio = w / image.width;
            var h = image.height * ratio;
                        
            //canvasに描画
            var canvas = $("#canvas");
            var ctx = canvas[0].getContext('2d');
            $("#canvas").attr("width", w);
            $("#canvas").attr("height", h);
            ctx.drawImage(image, 0, 0, w, h);      
        };

        fr.readAsDataURL(file);
    }
}   

function imageUpload() {
    var form = $("#imageForm").get(0);
    var formData = new FormData(form);

    //画像処理してformDataに追加
    if ($("#canvas").length) {
        //canvasに描画したデータを取得
        var canvasImage = $("#canvas").get(0);
                    
        //オリジナル容量(画質落としてない場合の容量)を取得
        var originalBinary = canvasImage.toDataURL("image/jpeg"); //画質落とさずバイナリ化
        var originalBlob = base64ToBlob(originalBinary); //オリジナル容量blobデータを取得
        console.log(originalBlob["size"]);
                    
        //オリジナル容量blobデータをアップロード用blobに設定
        var uploadBlob = originalBlob;                    
                    
        //オリジナル容量が2MB以上かチェック
        if(2000000 <= originalBlob["size"]) {
            //2MB以下に落とす
            var capacityRatio = 2000000 / originalBlob["size"];
            var processingBinary = canvasImage.toDataURL("image/jpeg", capacityRatio); //画質落としてバイナリ化
            uploadBlob = base64ToBlob(processingBinary); //画質落としたblobデータをアップロード用blobに設定
            console.log(capacityRatio);                        
            console.log(uploadBlob["size"]);
        }
                    
        //アップロード用blobをformDataに追加
        formData.append("selectImage", uploadBlob);
    }

    //formDataをPOSTで送信
    $.ajax({
        async: false,
        type: "POST",
        url: "http://*******.com/image",
        data: formData,
        dataType: "text",
        cache: false,
        contentType: false,
        processData: false,
        error: function (XMLHttpRequest) {
            console.log(XMLHttpRequest);
            alert("アップロードに失敗しました");
        },
        success: function (res) {
            if(res !== "OK") {
                console.log(res);
                alert("アップロードに失敗しました");
            } else {
                alert("アップロードに成功しました");
            }
        }
    });
}

// 引数のBase64の文字列をBlob形式にする
function base64ToBlob(base64) {
    var base64Data = base64.split(',')[1], // Data URLからBase64のデータ部分のみを取得
          data = window.atob(base64Data), // base64形式の文字列をデコード
          buff = new ArrayBuffer(data.length),
          arr = new Uint8Array(buff),
          blob,
          i,
          dataLen;
    // blobの生成
    for (i = 0, dataLen = data.length; i < dataLen; i++) {
        arr[i] = data.charCodeAt(i);
    }
    blob = new Blob([arr], {type: 'image/jpeg'});
    return blob;
}    
```
```php
//出力用　load.php
$datas['image']　= '****.blob'
header("Content-Type: image/jpeg");
readfile($datas['image']);
exit();
```

（アップロード容量制限）モバイル端末での画像アップロードについて

bootstrapでヘッダーを作成中です
ヘッダーの左端にトップページへのリンク、右端に三つのリンクを作成し
画面幅が小さくなると右端のリンクがハンバーガーメニューに折りたたまれるというものを作りました
```html
<nav class="navbar navbar-default navbar-fixed-top">
  <div class="container-fluid">
    <div class="navbar-header">
      <a href="#" id="logo">TOP</a>
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#gnavi">
        <span class="sr-only">メニュー</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
    </div>
    <div id="gnavi" class="collapse navbar-collapse">
      <ul class="nav navbar-nav navbar-right">
        <a href="#" id="logo">検索</a>
        <a href="#" id="logo">このサイトについて</a>
        <a href="#" id="logo">ヘルプ</a>
      </ul>
    </div>
  </div>
</nav>
```
```css
.navbar-default {
  background-color: #e0edf9;
  #logo {
    font-size: 20px;
    font-weight: 400;
    margin-top: 9px;
    margin-left: 7px;
    display: inline-block;
    color: #0c3370;
    text-decoration: none;
  }
  #gnavi a {
    color: #0c3370;
    text-decoration: none;
    &:hover {
      background-color: #8fb2e8;
    }
  } 
}

.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
background-color: #ffffff;
}
```
しかし、三つのリンクのリンクのうち一番上にある検索のリンクを
ハンバーガーメニューの中に入れない　かつ
そのリンクをハンバーガーメニューの左横に置きたいと考えました


![イメージ説明](aa88bff5e64a54483436c09cd4f49eee.png)
![イメージ説明](85ba3125cf286f812b4183c5df1960fa.png)
どのようにすればうまくいくでしょうか？

bootstrapでハンバーガーメニューの中に入れたくないリンクがある

```PHP
/**
* 自然数同士の足し算を行う
*
* @param integer $x 自然数であること
* @param integer $y 自然数であること
* @return integer $xと$yの合計値
*/
function Add($x, $y) {
    $sum = $x + $y;
    return $sum;
}
```


このようなコードがあるとします。
$x, $yが引数として妥当であること（型がintegerである、自然数である）の検査をする箇所について質問があります。
検査すべき場所として下記3パターンあると思うのですがどれが妥当なのですか？
(a)関数内で行うもの
(b)呼び出し側で行うもの
(c)a,b両方で行うもの

防衛的プログラミングや契約プログラミングというワードを「達人プログラマー」の書籍でしり混乱しています...
上記3パターン以外の手法も歓迎しております。どうかお知恵をお貸しください。


【追記】
情報の質と量が多くみなさんの全ての回答を読めていません。
いまだ「未解決」のままになっていますが週末利用して頂いた回答を理解できるように致します。

関数の引数はどこで検査するべきか

bootstrapにてデザインを指定しているのですが


```
    <div class="container">
     <div class="row">
      <table class="table">
        <thead>
           <tr>TR</tr>
        </thead>

        <tbody>
          <tr>
             <td>TD1</td>
             <td>アイディ</td>
          </tr>
         
          <tr>
             <td>TD2</td>
             <td>http://awawsawas.dwdasdsaddwadwdnaifjnekfrdnkjgbnfkdfnanfiergkvmseingvkrnbkfbksnvirbnkfb kdjrnkjvnbrkbndrkbjnkrjbnkdnrjbnjnjrnrjnrjrjrrnrnnrjjrjrnrjnkgjrnkdnvjfnrfbkjnfkdjbnrkjdnfjknbkjdndjfkbnkdfjkdbnfkbndkfbnkdfnbjkfdnbkdnbkfnbkdjbfnkjbfdbnfkjnbkjfdnbjfkdnbfjdknbfjnbkjfdbnkdfnbkdnbjdkfbnkjnbkjdnkrbdnfkbndknbfjknbkdnbfknbkdjbndfknbkfnbjkfndkvmrkmglbnkdnbkfnkbnfknbdknbkfnbdbnfjkdnbdfknbknfdknbkfnbfkdjbnfdknbfdjnbfknbkdnbfkjbfnkfnkdnb</td>
          </tr>

        </tbody>
      </table>
     </div>
    </div>
```

上記のように記述し実際に表示した場合、2つ目の<tr>である要素の
URLのような長文がセットされていると横にズラーっと長くなってウィンドウのサイズを超えてしまい横にスクロールすることでしか全文をみることができません。

そこで長文が<td>に入力されていても、画面サイズに合わせて改行をさせたいのですが、どのようにすればよろしいか検討つきません。

お分かりになるかたいらっしゃればご教授お願いします。

bootstrapを使用しています、table内のtd要素の長文を画面サイズに合わせて改行させたいのですが方法がわかりません

### 前提

趣味でホームページを運営しています。今年の1月頃に今まで使っていた無料のレンタルサーバーから、有料のレンタルサーバーに移転しました。

古いサイトは、4月頃までは新しいホームページに自動で飛ばすように(Javascriptのlocation.hrefを使用)してましたが、4月頃に古いサイトを閉鎖し、今はアクセスしてもページが表示されないようになっています。

### 発生している問題

古いサイトを閉鎖して半年が経つのですが、Google Analyticsでアクセス元を見ると、古いサイトからのアクセスが定期的にあります。

頻度としては6～8月は1日に3～5アクセス程度、9月以降は1日に1,2アクセスと日に日に少なくなってはいます。

何故閉鎖したはずのサイトからのアクセスが発生しているのでしょうか？ユーザー側のキャッシュの問題？

また、この現象を解消する術はありますか？出来れば当該アクセスをフィルターで弾くよりも、古いサイトから遷移してくるという大元の原因を絶ちたいです。

半年前に閉鎖したサイトからアクセスが来る

PHPフレームワークの選定を行なっています。
おすすめなFWや選定の際に重視すべき点がありましたらご教授お願いいたします。

現状では以下4点を重視したいと考えております。
- 綺麗なソースコードを保てる(設計や規約がしっかりしている)※最重要
- 習得難易度が低い。且つ、文献が多い。
- 公式リファレンスが充実している(翻訳されていると尚良し)
- ベンチマークが早い(遅いと言う評判がなければ良しとする)

また、以下の情報も補足させていただきます。
- 開発人数：5人程度(初心者も含む)
- 開発規模：中規模!?
- 今までMVCモデル以外のFWは使用経験がない

調査したフレームワークの感想
##CakePHP3
- 習得難易度は低い。
- 公式リファレンスは充実している。翻訳もだいぶ進んでいる。
- 設計や規則もしっかりしている。
- 国内のシェアは多いものの人気は右肩下がり
- Cakephp3はあまり普及していない!?

##Laravel
- トレンド(世界だけではなく国内でも人気急上昇)
- 文献も徐々に増え始めている
- 設計や規約がなく、自由度が高すぎる
- ベンチマーク遅い!?

##Symfony3
- 習得難易度が高め(Symfony3で少し扱いやすくなった!?)
- 徐々に人気を伸ばしている
- 大規模開発向け!?
- ベンチマーク遅い!?
- メリットを把握できていないが評価が高い

一旦は、文献多いことを考慮しているため人気のある上記3つのFWを調査しました。

ご意見ご感想よろしくお願いいたします。

PHPフレームワーク選定

***困っていること**
teratailで気になること、後で読み返したいこと、忘れそうなことはクリップするようにしています。結果、忘れっぽいので膨大な数のクリップがたまっている状態です。

下記のsuyamaさんのアドバイスを受け、[teratailのAPI](http://docs.teratailv1.apiary.io/#reference/(user)/3/0?console=1)を使ってデータを取得出来るところまできましたが、**件数が20件**に絞られています。
（「○○件中20件を検索したよ」のような情報は応答のjson形式の"meta"に収まっているようでした。）

***やりたいこと**
サラッと検索できるような方法がありましたら教えていただけないでしょうか？

***調べたこと**
少し前に[teratail の過去遺産をもっと活用したい](https://teratail.com/questions/92505)という記事があり、APIに目を通しましたが「クリップの検索」はないようでした。

---
**teratailから提供されているAPIの、Python3での検証コード**
- **1)**
検証時にChromeで[URL](https://teratail.com/api/v1/users/slash/)を直接開くと問題はなかったのですが、Pythonでそのまま走らせると**teratailのAPIがSSLの認証エラー**ではじかれました。なので、'ssl._create_default_https_context = ssl._create_unverified_context'のくだりを入れています。これはteratailのSSLの設定がおかしい？ということなのでしょうか…
　
- **2)**
**やりすぎるとAPIから`403`**されてしまいます。もし試される方が居ましたらやりすぎには気を付けてください。

---

**2017-10-31 コード修正**
suyamaさんのアドバイスを受け、ページをクロールしながらタイトルを拾えるところまでできました。ここまでできればあとはwxPythonか何かでGUIをつければOKですね。ここで一区切りにします。Pythonで検索しようとしている人の参考までにコードを載せます。

```Python
# coding: UTF-8
import os
import urllib.request
import json
import ssl
import sys

USER_NAME = "slash"

# -------------------
# To avoid an error
# ssl.SSLError: [SSL: CERTIFICATE_VERIFY_FAILED] certificate verify failed (_ssl.c:720)
ssl._create_default_https_context = ssl._create_unverified_context

URL = "https://teratail.com/api/v1/users/" + USER_NAME + "/clips?limit=100&page="

# -------------------

def downloader(page):
    try:
        # Get clip data from teratail
        with urllib.request.urlopen(URL + str(page)) as response:
            html = response.read()
            text = html.decode('utf-8')

        # Load clip data as json file
        json_dat = json.loads(text)
        # print(json.dumps(json_dat, sort_keys = True, indent = 4)
    
        # Return clip data as dict type
        return json_dat["meta"], json_dat["questions"]
    except:
        sys.exit("The process was terminated. You may got 403 error caused by excess access [30 access / hour * IP address].")

def crop_titles(lst_questions):
    # Crop dictionary from list
    for dct in lst_questions:
        # print( dct["created"] + " " + dct["title"])
        print(dct["title"])

if __name__ == "__main__":
    # Initialize page index
    page = 1
    page_max = 1

    # Crawl each pages
    while page <= page_max:
        meta, title = downloader(page)
        page_max = meta["total_page"]
        crop_titles(title)
        page = page + 1
```

teratailのクリップ検索

# 背景
Chromeのコンソールで、以下のJavaScriptを実行しました。

```js
0.2*3 //⇒ 0.6000000000000001
6/10 //⇒ 0.6
```

環境は以下の通りです。
* Chrome 61.0.3163.100（Official Build） （64 ビット）
* Windows 10 64bit


# 質問
`6/10`（除算）は、なぜ小数にゴミが出ないのでしょうか？

私は、「2のべき乗で表せない小数は、ゴミが出るかもしれない」と考えています。
したがって、`0.2*3`の結果にゴミが表示されるのは、納得できます。

### 参考にしたサイト
* [小数（浮動小数点数型）の計算が思った結果にならない理由と解決法
Decimal型はいつ使うか？](http://0xcc.net/blog/archives/000164.html)