常連

注目の的

社会貢献

質問力

回答者

ベストアンサー

拍手喝采

プロフェッサー

スピードスナイプ

先生

自己紹介

有名人

最近耳にするようになったECMAScriptについてwikiなどでも調べたのですが、
言葉の定義・理解が漠然としており質問させていただきました。

「ECMAScript＝JavaScriptの標準仕様」というのは分かったのですが、
下記について教えていただけると嬉しいです。

※私自身は非エンジニアで所謂エージェント業をしています
(出来るだけミスマッチの起きない理解が出来ればと思い質問させていただきました)

【質問】

1.ECMAScriptが標準仕様ということはそれ以外の仕様には何(名称)があるのか？

2.質問1の回答が「なし」であれば、基本的にはJavaScript＝ECMAScriptと抑えても
　問題ないのでしょうか？？(厳密には違うと思うのですが凡その理解レベルでは)

3.質問2とも関係します。質問2がOKである前提の質問となりますが、
　最近求人でES6の経験を問われるケースが増えているのですが、
　凡そ下記理解で問題ないでしょうか。

　・JavaScriptの世界にはECMAScriptという仕様がある
　・ECMAScriptの中でもES5以前とES6以降で全然内容が異なる
　・「JavaScriptが出来ます！」という人のスキルや対応範囲を判別するときは、
　　ES6について質問し、対応経験の有無を聞けば大別できる。


素人の質問ですいません！
ご教示いただけると嬉しいです。

JavaScriptの分類・言葉の定義について

###ご質問
HTML5／Javascriptでのブラウザゲーム（完全２Ｄ）制作に向いている
オーサリングツール（ソフトウェア）があれば、教えていただけないでしょうか。


※コーディングだけでなく、イラスト描画やアニメーションづけなど、
　なるべく１つの環境内で作業連携が図れるようなツールを望んでおります。


※現状（Flash時代から）Adobe Animate CCを使っていますが、恥ずかしながらそれ以外の選択肢を知りません。。

※ブラウザゲーム　＝　アニメーションを伴うカジュアルゲームをイメージしています。

※検索してみましたが、ライブラリ単体や、プログラミング未経験者向けのコーディングエンジンなどはヒットしたのですが、上記に当てはまるような情報にはたどり着けませんでした。

何卒よろしくお願いいたします。

HTML5ゲーム制作に適しているオーサリングツールを教えてください。

ニュースアプリのようなものを運営しております。
実際に今ブラウザで運営をしていて、iOSアプリをReact Nativeで実装してAppleの審査に出したところリジェクトされている状況です。


Guideline 4.2 - Design - Minimum Functionality
という名目で『静的なコンテンツで相互的なアクション、ないしはnative iOS featureに欠ける』と指摘されました。
実際にアップルの方と電話で話した中では『リードオンリー』という言葉が何度も出てきました。読むだけならブラウザでもできるので意味がないということのようです。

こちらとしては、ニュースアプリなので"読む"という体験がベースにあり、それを補強するためにいいね機能（記事中で2回連続でタップするといいねされるなどブラウザではできないUIを）を入れたり、ブラウザよりユーザーにとって快適な状態にはなっているはずなのですが、それも『結局ブックマークだよね？』という趣旨の指摘をされました。


ただ、よく考えたらグノシーもスマートニュースも基本リードオンリーじゃね？ということを感じていて、
・リードオンリーを脱却するのか
・リードオンリーでありながらもブラウザを遥かに超えた体験を実装する

のどちらにするかを決めかねています。

実際、『Karen』や『RETRIP』などのキュレーションメディアのアプリも、リードオンリーだと思われます。（そのデザインやクオリティなどは当然優れていますが。）

また、担当者の方は何度も『インタラクティブであること』『リードオンリーではいけない』ということを指摘していますが、実際のところガイドラインに明文化されているのは『ブラウザを超えた体験』ということで、審査基準にインタラクティブ（相互）性というのは確認できません。リードオンリーはダメだよとも書いてありません。


リードオンリーだと100%通らないのでしょうか？
それとも、担当者が説明の都合上、理由付の都合上、『リードオンリーだから』という言い回しをしているだけで、リードオンリーであってもブラウザとは比べ物にならない体験を提供できればガイドラインを満たせるのでしょうか？

ニュースアプリというアプリの目的上当然読むことが本質にあります。なので、ニュースアプリというものを否定されたようで、何が正確な基準なのかをご教授頂ければ幸いです。

iOSアプリのリジェクト基準【ニュースアプリ】

円の中に文字を入れたいのですが、円の外に文字が出てしまいます。
円の枠に沿って文字が自動的に折り返されるようにしたいのですが、HTMLとCSSだけで表現できるのでしょうか？

下記のようにコーディングすると、当然ですが、円から文字がはみ出ます。
それを参考画像のように綺麗に折り返されるしたいです。
HTMLとCSSだけでできれば良いですが、jQuery等で実現できる場合はそちらでも構いません。

```html
<div>
<p>サンプルサンプルサンプルサンプルサンプル</p>
</div>
```

```CSS
div {
  width: 100px;
  height: 100px;
  background: blue;
  color: #fff;
  border-radius: 50%;
}
```

![実現したい文字の折り返し](aec358356b45bf4769a7f60127e79965.png)

よろしくお願いいたします。

円の枠に沿って文字が折り返すようにしたい

###前提・実現したいこと
SourcetreeでGithub管理をしています。
変更された可能性のある複数ファイルをローカルのリポジトリに上書きし、Sourcetree上で差分を確認することで、変更点、または変更がなかったことを確認しています。
変更のあったファイルもなかったファイルもプッシュし、履歴を残したいと思っています。

###発生している問題・エラーメッセージ
差分のないファイルは「変更ファイル」として認識されず、コミットできない状態です。
ファイルのタイムスタンプを認識するなどして、差分のない更新ファイル（上書きしたファイル）も拾い上げてプッシュしたいのですが、可能でしょうか。

###該当のソースコード

###試したこと
現状、各ファイルの中身に固有のIDを書き加えることで、無理やり変更点を作っています。

###補足情報(言語/FW/ツール等のバージョンなど)

Sourcetree 差分のないファイルもタイムスタンプが更新されたら変更ファイルとして認識させる

## 聞きたいこと
先日セキュリティ業務支援サービスにて、CentOS7のkernelに
複数のセキュリティホールが存在することが発表されました([該当脆弱性情報](https://sid.softek.jp/content/show/27302))
脆弱性の対応方法を確認してみると、kernelのバージョンを4.12.7以上にすることで、
複数のセキュリティーホールすべてに対応できるように見受けられましたが、
```yum check-update```でkernelのアップデートを確認してみても、バージョン4.12.7は存在していないように見受けられました。
そこで、
- yumリポジトリにて脆弱性対応したkernelが配布されたか確認などできるサイトはないか

を教えていただけたらと持っています。

## 環境
OS：CentOS7（AWS）
kernelの現行バージョン：3.10.0-514.10.2.el7

## その他
CentOSにもyumリポジトリから脆弱性パッチがインストールされるように設定変更などは実施ています([参考サイト](https://orebibou.com/2016/09/centos-7%E3%81%A7yum%E3%81%8B%E3%82%89securityupdate%E3%82%92%E8%A1%8C%E3%81%88%E3%82%8B%E3%82%88%E3%81%86%E3%81%AB%E3%81%99%E3%82%8B/))

先日発表されたCentOSのkernelの脆弱性に関して

サーバーのログに下記のようなログが大量に残っていました。
一部略しています。

[error] [client xx.xxx.xxx.x] PHP Warning:  mysql_fetch_array(): supplied argument is not a valid MySQL result resource in /var/www/html/example.com/mysql.php on line 22, ref
erer: 
http://www.example.com/sample.php?page=5&u_sort=count&u_order=999999.9+%2f**%2fuNiOn%2f**%2faLl+%2f**%2fsElEcT+0x393133353134353632312e39,0x393133353134353632322e39,0x393133353134353632332e39,0x39313
3353134353632342e39,0x39313335313435363233352e39--

これは不正なアクセスを狙ったものでしょうか。
その場合、どのようにして対策をしたらいいのでしょうか？

パラメーターに数字以外が含まれていたらアクセス拒否したらいいのかなと思ったのですが、その方法が分かりません。

また、mysql.phpの該当箇所に@を入れてブラウザ上にエラー表示をしないようにしました。
これで根本的解決にはなっていないと思いますが、不正なアクセスをしようとしている人には効果があるのでしょうか？

どうかよろしくお願いいたします。

URLクエリパラメータの改ざん対策について

LaravelでCookieを利用する際には、デフォルトで、 `httpOnly` が `true` となるように設定されていると思います。
[symfonyのcookie生成のコンストラクタ](https://github.com/symfony/http-foundation/blob/master/Cookie.php#L96)

しかし、CSRF対策のトークンに関してはこの `httpOnly` が `false` に設定されているようです。
[framework/src/Illuminate/Foundation/Http/Middleware/VerifyCsrfToken.php](https://github.com/laravel/framework/blob/5.5/src/Illuminate/Foundation/Http/Middleware/VerifyCsrfToken.php#L154-L166)

これは、AngularなどのJSフレームワーク上からCSRFトークンを利用出来るようにあえて `false` となっていると思うのですが、このCSRFトークンのクッキーの `httpOnly` が `false` となっていることによるセキュリティリスクはありますでしょうか？

なんとなく問題はなさそうな気はしているのですが、問題がない事の解説がもらえると助かります。
逆にセキュリティ的に問題がある場合はその理由がわかるとありがたいです。

よろしくお願いします。

LaravelのCSRFトークンのhttpOnly属性がfalseとなっている事によるセキュリティリスクの有無

タイトルを囲うボーダーの角を逆方向に丸くしたいのですが、
うまくいきません。（下にイメージ画像）
イメージ画像は角が綺麗な円状になっていませんが、円状で構いません。

条件としては、
・タイトルの文字数は未定なので、文字数が増えても形が崩れないこと
・htmlは変更しない
・横幅が変化しても形が崩れないこと
・CSSのみで形をつくる

以上の条件下でイメージ画像のような形をつくることができるのでしょうか。
ぜひご教授いただければ幸いです。

```html
<div>タイトル</div>
```

![実現したい形](880fe316f72d7a0758b7862be0d3c7fb.png)


追記
試したこと

４つのパーツに分けて画像を切り出し、背景として合わせました。
ブラウザの倍率やブラウザが変わるとずれが生じてしまうことから、CSSだけで実現できないか質問させていただきました。
```css
  width: 100%;
  margin: 0 auto;
  padding: 10px;
  background: url(img/top.png), url(img/bottom.png), url(img/right.png), url(img/left.png);
  background-position: top center, bottom center, center right, center left;
  background-size: 100% 10px, 100% 10px, 4px 100%, 4px 100%;
  background-repeat: no-repeat;
```

CSSのみでborderの角を逆方向に丸くしたい。

現状
---
![イメージ説明](d1883627069357dc6bb5b43245adcdf1.png)
図１
![イメージ説明](5c2b3119b978b4dfaa4462aa6e4c7040.png)
図２

図１のinboxをongoingの方へドラッグすると、図２のように、ongoingが下の方へ行ってしまう

目標
---
図２ではなく、図３になってほしいです
![イメージ説明](905a287f97817ef3235ae6bfc57c7d20.png)
図３



以下のコードにどこが問題なのでしょうか？ご指摘お願いします！

コード
---
```javascript
          $(function(){
            $(".contentBox").sortable({
                connectWith: ".contentBox",
                handle:".boxHeader",
                placeholder:"ui-state-highlight",
            }).disableSelection();

            $(".cardSortable").sortable({
                connectWith:".cardSortable",
                placeholder:"ui-state-highlight",
                tolerance:"pointer"
            }).disableSelection();
          });
```
```html
        <div class="contentBox" >
            <div class="portlet">
              <div class="boxHeader">Inbox</div>
　            <div class="oneCdList">
                <ul class="cardSortable">
                  <li class="ui-state-default">項目1</li>
                  <li class="ui-state-default">項目2</li>
      　        </ul>
              </div>
          </div>
        </div>


     
        <div class="contentBox">
            <div class="portlet">
              <div class="boxHeader">Ongoing</div>
              <div class="oneCdList">
                <ul class="cardSortable">
                  <li class="ui-state-default">項目1</li>
                  <li class="ui-state-default">項目2</li>
                </ul>
              </div>
            </div>
        </div>
      </div>
```

jQueryのsortableでAとBの位置をドラッグにより置き換えることをしたい

VirtualBox/Parallelsまたはその他の仮想環境を使用したいのですがCPUのタイプとしてはどちらが良いでしょうか？

【タイプA】
・処理能力
==> 小～中
==> クアッドコア

【タイプB】
・処理能力
==> 中～大
==> デュアルコア

一概には言えないかとも思いますが、大まかな目安及び理由を教えていただけたらと思います。
よろしくお願いいたします。

仮想環境に適したCPUのタイプはどちらか？

エディタのAtomを使い始めたのですが、エディタとして非常に(個人的に)重要視している、{}ひとまとめに対して薄い線が引かれているようなものってAtomではどこの設定をいじればいいのでしょうか？
```
int main(){
    printf("Hello World");
}
```
この場合だとintのiの部分から下の}の部分にかけて薄く線が引かれて、塊ごとにわかりやすくなるアレの事です。

エディタAtomを使い始めました

###知りたいこと
PHPで自社製品プログラムを開発しているのですが、ライセンスのある外部プログラム（`GPL`等）を自作プログラムに含めてパッケージングするといろいろと面倒なので、CDNに公開されているものはリンクして利用すれば気にしなくてOKだと思って開発を進めていました。ですが、一応、気になったので質問です。

JavaScriptやその他CSS等、CDNでリンクしてくるものは特にライセンスを気にせず自社製品に使ってOKなのでしょうか。
例えば [Font Awesome](http://fontawesome.io/) はGPLライセンスですが、 [cdnjsにあるFontAwesome](https://cdnjs.com/libraries/font-awesome) に以下のようにリンクして自社製品のHTML画面で利用した場合、ライセンス的に何か問題あるでしょうか。

```html
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" />
```

`GPL` や `LGPL` や `MIT` などのライセンス内容を解説サイトなどで調べましたが、CDNリンクについての言及が見当たらなかったため、こちらにて質問させていただきました。
ご見識のある方、何卒ご教授願います。

CDNリンクだけならライセンス気にせず自社製品に使っていいでしょうか

###わからないこと
herokuを無料で使用すると
・30分以上アクセスがないとスリープする
・一日に６時間はスリープする

と聞いていくつか疑問があリます。

①スリープしているときにアクセスしたときと、動いているときにアクセスしたときとでは表示する速さは変わる？
②もしずっとアクセスがあった場合どのタイミングで６時間スリープする？

herokuを最近知ったばかりなのでよくわかりません。
回答よろしくお願いします

herokuを無料で使用すると

グーグルアナリティクスを導入しており、どこからアクセスがあったか、いつの時間にアクセスがあったか確認できます。

Webやパソコンの知識がない方がそのデータを見て、全然正確ではないという指摘がありました。

その方は、東京に住んでいる方向けの情報ではないのに、東京からのアクセスが多いのがおかしいし、アクセス数があると予想した時間にアクセスがないのがおかしいという主張です。

私は、そもそも全体のアクセス数が少ないので、東京からのアクセス数が数十件あった程度で上位に入るのはおかしくないと考えております。
また、東京や海外などからはロボットなどのアクセスも含まれているのはないかと考えております。

あまり、アクセス解析について詳しくはありませんが、他のサービスでも別の位置が表示される場合もあるため、市区町村単位で正確な位置情報は取れないのではと考えておりますが、位置や時間など正確に取得できるのでしょうか？
正確に取得できない場合、どのような理由で取得できないのか簡単にで結構ですので、教えてもらえると嬉しいです。

グーグルアナリティクスの位置情報や時間の正確性について

お世話になっています。
今回はjsについての質問です。

ブラウザ側でアニメーションやDOM操作を行いたいと思い調べると、
**「jQueryを使えばいい」**みたいな記事をたくさん見つけました。
jQuery、確かに便利そうで、しかも覚えやすい感じがしました。
（メソッドチェーンが個人的には直感的で分かりやすかったです。）
情報も（古いものが多いですが）かなりあって「これいいじゃん！」と使い始めました。

しかし、調べていくうちに**「jQueryは前時代的」**だの**「遅い」**だの
ひょっとしてこれを使ってはまずいのか？と思うような記事もありました。

そしてその記事には比較として**「仮想DOM」**なるものが出ていることが大半です。

仮想DOMを使うと相当に早くなる？（伝聞なので分かりませんが）らしいのですが、
これだけボロクソに書かれていてjQueryをメリットは今現在でも存在するのでしょうか？
**リアルなDOM操作と仮想DOM操作の違い**も、それらで**出来ること/出来ないこと**も
いまいちピンときていないので、教えていただけたらと思います。

出来れば、**どちらかに肩入れせずに中立な意見を聞きたい**です。
（仮想DOM派の記事、**好きを上げて他を貶す**に見えてしまって
真っ当な意見なのか判断できないものが多かったため。）

jQueryは必要ない？

下のコードの様にして、javascriptで定義しているjsMethodの引数に、s:iteratorのstatus.countを渡したいです。
```ここに言語を入力
<s:iterator value="list" var="element" status="sta">
	<s:submit method="actionMethod" value="ボタン" onclick="jsMethod(#sta.count);" />
</s:iterator>
```しかし上のような実装では空文字が送られてしまいます。

引数をシングルクォーテーションで囲うと
"#sta.count"文字列のまま送られてしまったり、
なにかいい案がないかと思い質問しました。
よろしくお願いします。

【JSP,Struts2】s:iteratorのstatus属性について

###前提・実現したいこと
オセロのAIを、下記サイトを参考にJavaScriptへ移植しましたが、うまく動作しません。

[人工知能に関する断創録](http://aidiary.hatenablog.com/entry/20050105/1274149687)

特に、ひっくり返るはずのない石がひっくり返ります。
jarファイルでの実行はできているので、確実に私のプログラムが間違っています。
AIを用いず個人プレイでの盤のエラーは発生しないため、AI内でのエラーと思われます。(下記リンク参照)
[jsdo.it](http://jsdo.it/Kodai/reversi2)


###該当のソースコード
```lang-HTML
<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <title>Reversi AI</title>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script src="Reversi.js"></script>
    <style>body{background: black; color: white;}</style>
  </head>
  <body>
    <div id="turn"></div>
    <div id="currentResult"></div>
    <canvas id="canvas"></canvas>
    <form>
        <button type="button" onclick="pass()">Pass</button>
        <button type="button" onclick="resetBoard()">Reset</button>
    </form>

    <audio id="sound-file" preload="auto">
    	<source src="http://jsrun.it/assets/C/x/c/E/CxcEq.mp3" type="audio/mp3">
    </audio>
  </body>
</html>

```

JavaScriptは、リンク先のJavaScriptをReversi.jsという名前で保存して利用してください。(字数制限のため申し訳ありません。)
[こちらをクリック](http://jsdo.it/Kodai/wrong)


###試したこと
配列インデックスの間違いと判断し、よく見直しましたが、問題は解決されませんでした。
コンソール出力ではUndoはうまく動作しているように思えます。

オセロAIのJavaScript実装に関するエラー

将来、ゲームプログラマになるために、プログラムを学んでいる中学生です。
そこでとても不安なのですが、プログラマは将来、仕事として残っているでしょうか？もし残っていても、今のようなものではなく設計メイン（フロートチャートを書いたり）になるのでしょうか？
せっかくなりたいと思っているのに、不安で仕方がありません。

追加
皆さんお答えしていただきありがとうございました。どのご回答もとても参考になるものでした。皆さんから学んだ教訓、考え方を、明日へ生かしていきたいと思います。本当に助かりました。感謝の気持ちでいっぱいです。
本当にありがとうございました。

プログラマの将来性について

これはちょっと試しに書いたコードですがajaxでデータを取ってきた後そのデータで設定(setGrid)
を行います。(bootstrapのcollapseを使用しています)

```ここに言語を入力
        $.when( ajaxGet(url) )
        .done(function(data) {

            var procSetting = (function () {
                var d = new $.Deferred();

                //ajaxでとってきた値での設定
                var setGrid = (function () {
                    return function () {
                        console.log("setGrid");
                    };
                }());

                return function (collapseopened) {
                    if( collapseopened ){
                        $('#collapse').addClass('no-transition');

                        $('#collapse').bind('shown.bs.collapse',function(e){
                            setGrid();

                            $(this).unbind(e);
                            $(this).collapse('hide');
                            $(this).removeClass('no-transition');

                            d.resolve();
                        })

                        $('#collapse').collapse('show');
                    }
                    else{
                        setGrid();
                        d.resolve();
                    }
                };
                return d.promise();

            }());

            $.when(
                procSetting( $('#collapse').is(':hidden') )
            ).done(function() {
                console.log("proc2");
            });
        })
        .fail(function() {
            console.log("ajax fail");
        });
```

このコードだと$('#collapse')が非表示の場合(つまり閉じているとき)setGrid()より先に
proc2が表示されます。procSettingの処理はshowで終わっているので当然だとは思うので
すが、shown.bs.collapseのハンドラで書いている処理をproc2より先に行いたいのです。

何がしたいかというと
「collapseが開いてなかったら開いてからsetGrid()の処理をしてcollapseを閉じます。そのあとにproc2の処理が行われるようにしたい」
ということなのですがいまいちjavascriptは勉強不足のためうまく動く書き方が導き出せていません。解決方法のヒントがあれば教えて下さい。