常連

注目の的

社会貢献

拍手喝采

自己紹介

前置き
---
[teratailヘルプ](https://teratail.com/help#about-questionevaluation)には、次のようにあります。

> 質問の評価基準は下記のように定めています。
> **高評価がつく質問**
> ・ 質問者以外のユーザーにも役立つ質問
> ・ 自分も答えを知りたいと思う質問
> ・ 質問内容が明確な質問

> (中略)

> 回答の評価基準は下記のように定めています。
> **高評価(+)がつく回答**
> ・ 正しい回答
> ・ わかりやすい回答
> ・ ためになる回答

これを見る限り、投稿に対する評価は『絶対的』なものであると言えると思います。

しかし、実際に利用している上で、『相対的』に高評価を入れたくなることがあります。
それは次のように思ってしまう場面です。
- **この質問／回答に、なぜ低評価が付いているのか？**
- **より正確かつ丁寧な回答が明らかに存在するのに、なぜ表示順位が低いのか？**
・ 回答投稿のタイミングに非常にずれがある場合は除きます。
・ 明らかとは、例えば包含関係など、コンセンサスが得られるような優劣です。

個人的には、**『リカバリー高評価』**という呼称がしっくり来るのですが...
要するに、評価のバランスを整えようとする行為です。

本題
---
先に提示したヘルプに従えば、評価は絶対的な指標であるはずです。
しかし、相対的に高評価を入れたくなる場面も存在します。

- **相対的な高評価は許容されるべきか**
- **実際に相対的に高評価を入れようとしたとき、何に留意する必要があるか**

明確に答えがある問題だとは思いませんが、皆さんのご意見をお伺いしたいです。
なにか質問に不足があればご指摘のほどよろしくお願いします。

---
**追記1**
KojiDoiさんがコメントで次のような観点を示してくださいました。
> ヘルプによれば《回答の評価は「高評価(+)」と「低評価(-)」が押された数の合計で決まります。》
であればマイナスポイントに対してプラスポイントを入れるのは正に「低評価を打ち消す機能」を利用していることになるのでは？

確かに読み方によっては、相対的な高評価はヘルプに準拠しているようにも捉えられそうです。

---
**追記2**
ある程度回答が出揃ったようですので、いったん質問を閉じさせていただきます。
悩んだ末、最も網羅的に質問に回答していただいたthink49さんにBAをおつけすることとします。
みなさま、ご回答ありがとうございました。どの方のご意見も非常に参考になりました。

本質問は『解決済み』になりますが、新たな回答も大歓迎です。
その人ならではの視点での回答を心待ちにしています。どうぞ忌憚なくご意見ください。

投稿自体の評価に直結しない『相対的な』高評価の是非

###困っていること
teratailAPIを用いて、ランダムに質問を表示するアプリを作っているのですが、リクエスト時にアクセストークンを上手く含めることができずに困っております。
解決方法やヒントをいただけると幸いです。

###実践したこと
下記のリンクを参考に、以下のコードを書きました。
[http://api.jquery.com/jQuery.ajax/](http://api.jquery.com/jQuery.ajax/)
[http://semooh.jp/jquery/cont/doc/ajax_event/](http://semooh.jp/jquery/cont/doc/ajax_event/)
[http://uhyohyo.net/javascript/13_1.html](http://uhyohyo.net/javascript/13_1.html)
[http://docs.teratailv1.apiary.io/#introduction](http://docs.teratailv1.apiary.io/#introduction)

```html
<html>
  <head>
    <meta name="viewport" content="width=device-width,user-scalable=no,maximum-scale=1" />
    <link rel="stylesheet" type="text/css" href="./assets/css/questionToday.css">
    <link rel="stylesheet" type="text/css" href="./assets/css/reset.css">
    <title>今日の質問</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <script type="text/javascript" src="./assets/js/questionToday.js"></script>
    <script type="text/javascript" src="./assets/js/three.min.js"></script>
  </head>
  <body id="p-questionToday">

    <ul class="u-flexBox u-flexBox--alignCenter">
      <li class="j-startChangeId c-btn p-btnStart">スタート</li>
      <li class="j-stopChangeId c-btn p-btnStop">ストップ</li>
    </ul>
    <p class="jt-stopChangeId p-questionId">0</p>

    <div class="u-modal">
      <div class="p-questionBox">
        <h2 class="p-questionBox__ttl"></h2>
        <pre class="p-questionBox__markdown"></pre>
      </div>
      <div class="p-answerBox"></div>
      <p class="c-btn p-btnAnswer is-hidden">teratailで回答する</p>
    </div>
  </body>
</html>
```


```javascript
$(function(){

  //最初にmaxのquestionIdを取得する
  $.ajax({
    //アクセストークンを仕込む
    beforeSend: function(xhr){
      xhr.setRequestHeader("Authorization", "Bearer " + "0123456789abcdef0123456789abcdef0123456789");
    },
    type: "GET",
    url: "https://teratail.com/api/v1/questions?limit=1&page=1",
    async: true,
    dataType: "json",
    success:function(json){
      $questionId = 0;
      $maxId = json.questions[0].id;

        //start
        if($('.j-startChangeId').on('click', function(){
          //loop処理の上限値に最新のquestionIdを代入する
          function loop () {
            $questionId = Math.floor(Math.random()* $maxId)+1;
            $('.jt-stopChangeId').text($questionId);
          }
          //questionIdをループで回す
          $loopId = null;
          clearInterval($loopId);
          $loopId = setInterval(loop, 20);
        }));

        //stop
        if($('.j-stopChangeId').on('click', function(){
          clearInterval($loopId);
          $questionId = $('.jt-stopChangeId').text();
          $questionUrl = "https://teratail.com/api/v1/questions/" + $questionId;
          //questionのリクエスト
          $.ajax({
            //アクセストークンを仕込む
            beforeSend: function(xhr){
              xhr.setRequestHeader("Authorization", "Bearer " + "0123456789abcdef0123456789abcdef0123456789");
            },
            type: "GET",
            url: $questionUrl,
            async: true,
            dataType: "json",
            success:function(json){
              $ttl = json.question['title'];
              $body = json.question['body'];
              $('.p-questionBox').children().empty();
              $('.p-questionBox__ttl').append($ttl);
              $('.p-questionBox__markdown').append($body);
              $('.p-btnAnswer').removeClass('is-hidden');
>');
            }
          });
        }));
    }
  });

});

```

不足している情報などございましたら、ご指摘ください。
よろしくお願いいたします。

teratailAPIのアクセストークンを上手く含めることが出来ない

初心者プログラマーです。最近webサービスのAPI化に挑戦しているのですが、Ajaxの考え方がよくわかっていません。わかるかがいれば、教えていただきたいです。

例えば、以下の例です
⓪{A:1, B:2, C:3, D:4, E:5}データがあり、Aが+1されると、BとCは+1される。D,Eは関係なし
①クライアント側からURLが叩かれる
②サーバー側から{A:1, B:2, C:3}データがクライアント側に受け渡され、ABCDEが表示される
③クライアント側でAに対して+1の入力がされる

この時ふた通りのやり方があると思います。
プランA：サーバー側で計算を全てさせる。
A-1：クライアント側でデータの変更を行わずに、サーバー側に変更伝える信号を送る
A-2：サーバー側で、A,B,Cのデータを変更し、クライアント側へ変更後のA,B,Cのデータのみを送る
A-3：クライアント側はデータを受け取り、A,B,Cのみデータを変更する
A-4：もしエラーが発生した場合は、A,B,Cを変更しない
この方法のメリットは、ロジックをサーバー側でのみ書けば良いということです。デメリットは、A-2でデータの送信をしないといけないところです。

プランB：クライアント側、サーバー側両方で計算させる。
B-1：クライアント側が保持するデータA,B,Cの変更を行う。
B-2：サーバー側に変更伝える信号を送る。
B-3：サーバー側で、A,B,Cのデータを変更し、クライアント側へsuccessメッセージのみを送信する
B-4：もしエラーが発生した場合は、A,B,Cのデータを変更前に戻す
この方法のメリットは、送信するデータを作成しなくて良いところです。デメリットは計算ロジックをクライアント側、サーバー側両方で書かなければいけないところです。

ここでは+1するといった簡単な処理の例を書きましたが、自分で実装しようとしているのはもっと複雑な処理です。データ数もABCD４つだけではなく、３０近くあります。

一般的にはどちらが普通なのでしょうか？

Ajaxの考え方について

定期的に出る質問なのは承知していますが、お客様から聞かれてどう答えるべきか、どう対応を取るべきか皆さんの意見を聞きたく思います。

数年前に作成したあるサイトでデザイン重視のため（というかクライアントの強い要望により）、どうしてもこのフォントが良いと言う事で文字を画像にしてあります。
さすがに文字無しはまずいだろうという事でその時の担当と話してdivにdisplay:noneをして画像に入っている文章を文字化して入れてありました。
altでなくdivにdisplay:noneをしたのは文章量が結構あった為、その時に調べた限りではaltに長い文章を入れると認識されない様な意見が見受けられたためです。
マウスがホバーした際に長い文章がポップアップするのがみっともないという意見もありました。

最近になってどうやらそのクライアントに別の制作会社から営業電話みたいな物があり、
「知っててやってるかどうかは知らないがGoogle的には違法だ。うちで無料で修正するからやらせろ」
的な話だったという事です。

元々この対策自体、担当と話したとは言え、こちらとしても良い対策と思っていた訳でも無かったので、担当さんと話しクライアントと担当者でどうするか決めてくれればこちらは修正に従うという話だけしました。


個人的にはいわゆる「隠し文字」的なルール違反では無いもので画像に書かれている文章を入れてるだけだし、少なくともペナルティー的な物までは無いだろうと思ってましたが、少し心配になってきました。


この辺り微妙な話とは思いますが、ご意見をお聞かせ頂けたらと思います。

文章を画像にしている場合のSEO対策はどう考えますか？

インフラ技術を極めろ！クラウドマスター認定試験｜teratail（テラテイル）
https://teratail.com/sakura-cloud

のコンテンツに従ってチュートリアルを進めている中で、
[WebサーバへのSSHログイン](https://teratail.com/sakura-cloud/tutorial/5)
の箇所でTeraTermによるサーバーへのSSHログインする場面で躓いております。

ユーザー名、パスワードを入力し、
事前作成してある秘密鍵ファイルも指定して接続しようとすると、
![エラーその1](a889e361a1b45519b93237575b3a0376.png)
が表示されたり、一度ディスク編集を加えた後は
![エラーその2](f5b157a8fb5eafb9dfbcad1cd85d4b7f.png)
という表示になり、全くサーバー接続できそうにありません。

なお、pingは通りますし、
ブラウザ上のコンソールからrootでのログインも出来ます。

手順通りやってみたつもりですが、どこかに勘違いがあったのでしょうか。
[2台のWebサーバを作成](https://teratail.com/sakura-cloud/tutorial/5)のディスクの修正のとおり、
事前作成済みの公開鍵を選択にて選び設定してあるのですが。

（もう一度サーバー作成からやり直せば良いのでしょうけど、それは明日にしようかと思います。）

コンソールからSSH接続まわりを直す方法があれば教えていただきたいです。

---

一度web01, web02をサーバー、ディスク両方共潰して、
もう一度手順通りにweb01を作って、ロードバランサーやルーター＋スイッチに繋いでみました。

![やはりつながらない](78964d9efa3c172d829a913fa15c52c8.png)

ダメですね。
うちだけでしょうか。

設定→公開鍵→追加、にて作成した秘密鍵ファイルは、
ダウンロードして「sshkey.pem」として保存してあり、
もちろんTeraTermからの接続時に指定しています。

SSH接続できない

あるデータを用いて円を描画したく、Ellipse関数に読み込んだデータの値を配列（x[0])として入れたところ、ビルドはできるのですが円が描画されません。x[0]=1.47であるので、1.47を直接Ellipse関数に入れて実行させたところ、円が描画されました。配列を用いて描画したいです。分かる方いましたらよろしくお願いいたします。以下が円（楕円）を描画するコードの一部です。ブレークポイントで確かめたところ、配列に入っている値は0でした。同じプロジェクト中の別のソースファイルでx[i]の色々な値読み込みは成功しています。ですが、そのx[i]を以下のソースファイルにも使いたいです。
コード
'''
#include  "kobayashi.h"
#include "time.h"

//月を描画するウィンドウのウィンドウプロシージャ
LRESULT CALLBACK WndProc2( HWND hWnd2, UINT msg, WPARAM wp, LPARAM lp )
{
	PAINTSTRUCT ps;
	HDC hdc;
	HPEN hPen,h01dPen;
	HBRUSH hBrush, h01dBrush;
	RECT rect;
	

	switch (msg) {
	case WM_PAINT:

		hdc = BeginPaint(hWnd2, &ps);
		
		Ellipse(hdc,0 , 0, x[0]/2*226.5+0.5, x[0]/2*226.5+0.5 );


		hPen = CreatePen(PS_DOT, 0, RGB(255, 0, 0));
		h01dPen = (HPEN)SelectObject(hdc, hPen);
		hBrush = (HBRUSH)GetStockObject(NULL_BRUSH);
		h01dBrush = (HBRUSH)SelectObject(hdc, hBrush);

		DeleteObject(hPen);
		SelectObject(hdc, h01dPen);
		SelectObject(hdc, h01dBrush);
		EndPaint(hWnd2, &ps);
		
		break;
		
case WM_DESTROY:
		PostQuitMessage(0);
		break;

	
	default:
		return (DefWindowProc(hWnd2, msg, wp, lp));

		

	}
	return 0;

}'''


もう一つ、x[]を読み込んだプログラムを以下に表示します。
、、、
BOOL read_data( HWND hDlg, FILE *hm, int channel )
{
 char cbuf[500];			// １行分のデータを読み込む文字列
	char *p, *context;		// strtok_sを使うために必要
int i = 0;
	
	
		
	static bool flag = TRUE;// 最初のデータの読み込み時はTRUE、後はFAULTにする
	int i = 0;
	
	while ( fgets( cbuf, 501, hm ) != NULL ){		// データを最後まで読み込む
		
		p = strtok_s( cbuf, ",", &context ); 
		    sscanf_s( p, "%f", &ET[i] );
			
		p = strtok_s( NULL, ",", &context );
	     sscanf_s( p, "%f", &XEQL[i]);
		p = strtok_s( NULL, ",", &context );
		 sscanf_s( p, "%f", &YEQL[i]);
		p = strtok_s( NULL, ",", &context );
		 sscanf_s( p, "%f", &ZEQL[i]);

		
		p = strtok_s( NULL, ",", &context );
		 sscanf_s( p, "%f", &VXEQL[i]);
		p = strtok_s( NULL, ",", &context );
		 sscanf_s( p, "%f", &VYEQL[i]);
		p = strtok_s( NULL, ",", &context );
		 sscanf_s( p, "%f", &VZEQL[i]);

		
		p = strtok_s( NULL, ",", &context );
		 sscanf_s( p, "%f", &XSUN[i]);
		p = strtok_s( NULL, ",", &context );
		 sscanf_s( p, "%f", &YSUN[i]);
		p = strtok_s( NULL, ",", &context );
		 sscanf_s( p, "%f", &ZSUN[i]);

		
		p = strtok_s( NULL, ",", &context );
		 sscanf_s( p, "%f", &VXSUN[i]);
		p = strtok_s( NULL, ",", &context );
		 sscanf_s( p, "%f", &VYSUN[i]);
		p = strtok_s( NULL, ",", &context );
		 sscanf_s( p, "%f", &VZSUN[i]);


		p = strtok_s( NULL, ",", &context );
		 sscanf_s( p, "%f", &XMOON[i]);
		p = strtok_s( NULL, ",", &context );
		 sscanf_s( p, "%f", &YMOON[i]);
		p = strtok_s( NULL, ",", &context );
		 sscanf_s( p, "%f", &ZMOON[i]);


		p = strtok_s( NULL, ",", &context );
		 sscanf_s( p, "%f", &VXMOON[i]);
		p = strtok_s( NULL, ",", &context );
		 sscanf_s( p, "%f", &VYMOON[i]);
		p = strtok_s( NULL, ",", &context );
		 sscanf_s( p, "%f", &VZMOON[i]);


		EQL_MOON[i] = sqrtf((XMOON[i]-XEQL[i])*(XMOON[i]-XEQL[i])
			     + (YMOON[i]-YEQL[i])*(YMOON[i]-YEQL[i])
				 + (ZMOON[i]-ZEQL[i])*(ZMOON[i]-ZEQL[i]));
x[i] = (0.00005*1737)/(EQL_MOON[i]-50);
  i++;
		
	}
	 SetDlgItemInt( hDlg, IDC_EDIT_header1, total_n, FALSE );

	 if ( flag == TRUE ){
			SetDlgItemInt( hDlg, IDC_EDIT_STOP, total_n-1, FALSE );	// 全体表示する場合の最後のサンプル番号が決まる
			SetDlgItemInt( hDlg, IDC_EDIT_START,   0, FALSE );	// 最初のサンプル番号は0にしておく
			flag = FALSE;
	 }

	return TRUE;	// 戻り値TRUEを返す
}、、、