常連

注目の的

社会貢献

支持者

自己紹介

Webアプリの特にフロント側は疎いので、昨今のJavaScript関連技術の種類の多さに混乱しています。
全部をやってみるつもりはありませんが、それぞれがどのような役割で存在しているのかが良く分からないので、その辺が分かる記事やサイトなど、ご存知でしたら教えていただけませんか？


追記：
JavaScript本体ではなく、周辺技術と書いた方が良かったかもしれませんね。


よろしくお願いします。

JavaScript関連技術の関係図みたいなものありませんか？

皆さんはどうやってphpを学ばれてきたでしょうか？

皆さんお疲れ様です。
私は今まで基礎をすっとばしていきなりcakephpをやるということをしてきました。
しかし、今になってやはり基礎基本の土台の部分の学び直しをはかろうとしています。

先ほど投稿もしましたが、今僕はtackphpを使ってmvcフレームワークの勉強をしようとしていたのですが、チュートリアルを終えた後に何をすればよいのか、わからなくなってしまい、止まってしまいました。

phpを直書きでガンガン書いていきたい、でもどう書けばいいのだろう？どのように書けばよいのだろう？と悩んでいます。

そこで、皆さんが実際、いま使っているphpの原点として
どのように学ばれてきたのかを、この初心者の私に教えてほしいです。

学ぶ上での参考サイトなどがあれば詳しく教えてほしいなと思います。

どうかよろしくお願いいたします。

あなたはどうやってphpを学びましたか？

現在、非常に多くのプログラミング言語が存在していますが、なぜ一つの言語に集約しないのでしょうか？

組み込みならC、Java、WebならPHP、Ruby、Javascript、ゲーム開発ならC#、C++のように使い分けがなされていますがすべての用途を一つの言語でまかなおうという動きがないことに疑問を覚えます。

学習コストも下がるし、単一の処理系で多様な目的を実現できたりといいこと尽くめな気がするのですが……

何故プログラミング言語は一つにならないのでしょうか？

go 1.4.2を使ってMacで開発しています。

ローカルのMysql(5.6)と接続したいのですが、以下のコードだと接続できません。

```
package main

import (
  "database/sql"
  "fmt"

  _ "github.com/go-sql-driver/mysql"
)

func main() {
  db, err := sql.Open("mysql", "root:@/test")
  if err != nil {
    panic(err.Error())
  }
  defer db.Close() // 関数がリターンする直前に呼び出される

  rows, err := db.Query("SELECT id FROM posts") //
  if err != nil {
    panic(err.Error())
  }

  fmt.Println(columns) // カラム名を取得

  values := make([]sql.RawBytes, len(columns))

  //  rows.Scan は引数に `[]interface{}`が必要.

  scanArgs := make([]interface{}, len(values))
  for i := range values {
    scanArgs[i] = &values[i]
  }

  for rows.Next() {
    err = rows.Scan(scanArgs...)
    if err != nil {
      panic(err.Error())
    }

    var value string
    for i, col := range values {
      // Here we can check if the value is nil (NULL value)
      if col == nil {
        value = "NULL"
      } else {
        value = string(col)
      }
      fmt.Println(columns[i], ": ", value)
    }
    fmt.Println("-----------------------------------")
  }
}
```

実行すると、
./main.go:22: undefined: columns
./main.go:24: undefined: columns
./main.go:47: undefined: columns

となってしまいます。
解決策宜しくお願い致します。

Go Mysql接続したい

プログラミング言語を学び始めたのですが、分からないままただ時間だけが過ぎることが多くあります。他の人に分からないところを聞くと、単純な事だったりします。
人に聞いてばかりで自分で考えないのもダメだと思うのですが、なかなか解決に近づかないのもつらいです。

皆さんは、どこまで自分で考えたら、人に聞きますか。
どうしたら英語ができるようになりますか的な答えに困る質問ですが、皆さんの中での目安みたいなものがあれば教えて下さい。

プログラミングが分からない時

個人的な意見ですが国内では、
PHP/Ruby(Rails)/Java等で作られたWebサービスが多いように感じます。
スタートアップでは、Rails/PHPが多いように感じます。

国内でPythonを使ったサービスが少ない理由として考えられるのはなぜでしょうか？

・Python関連の情報量が他の言語に比べて少ないから？
・日本語の解説がほとんどないから？
・PythonでWebサービスを作るのであればPHPやRailsの方が向いている(？)から？
・Pythonを学べるプログラミング学習サービス/Pythonの入門サイトが少ないから？
・そもそもWebサービスを作るのであれば、Python(Django/Bottle等）を使う必要性があまりないから？
・国内や周りのエンジニアにPythonエンジニアがあまりいないから（困ったときに助けてもらえにくい）？

まぁ色々とあるかと思いますが、皆様の意見を聞いてみたいです。

Python 国内でPythonを使ったWebサービスが少ないのはなぜなのか？

私はいわゆるフロントエンドエンジニアです。マークアップエンジニア、コーダー、ウェブデザイナーとかいう種類の人間です。

このたび自社サービスをローンチしまして、ものすごい勢いで会員さんが増えていてとってもありがたいんですが、本日原因不明のトラブルに見舞われました。

サーバがダウンしたのか突然ページが表示されなくなってしまい、社内はパニック！

そこですぐにシステムを外注した会社さんに連絡を入れ、サーバを再起動してもらいなんとかすぐに元に戻りました。

このときふと思ったのですが、この会社さんは例に漏れず、とっても忙しくてなかなかリソースを確保しにくい時が多々あります。
今回はたまたま空いていたのですぐに対応してもらえましたが、どうしても無理な時が今後絶対出てきそうなのです。

しかも、当社では大規模なサービスを作ったのが今回が初めてなので、何が起こるのか予想ができません。（今まではヘボいレンタルサーバでMTやWPを作ったりする程度でしたのでその知識レベルです）
サーバはIDCFを利用してて、これまた全く知識がありません。
MySQLもターミナルもよくわかりません。勉強しても脳が拒絶するようになっているようです。

そこで皆さんに聞きたいのですが、このような場合どのようにリスクヘッジするべきなのでしょう？
突然サーバが「長時間」止まったりしたらすごい数のお客様に迷惑がかかってしまいます。
致命的なバグでお客様・エンドユーザーに不利益を被ることになっても大変です。

微妙な質問で申し訳ないのですが、いろんなご意見お待ちしています。

補足：安く相談に乗るよという方もいたらうれしいです。

システムを外注し、社内にいじれるエンジニアがいない時のリスクヘッジってどうしたら・・・？

RMSE値をこのようにしました。

![![イメージ説明](c918ce65d60da69c5fc8d952e5407a77.gif)](43aa7676ea438a4c32387b93673e1ba8.gif)


def rmse(v,s): #RMSE値を求める。vが元の配列、sが摂動付与後の配列
    v = np.ravel(v) #配列を1次元化
    s = np.ravel(s) #配列を1次元化
    error = v - s #errorは誤差量を格納した配列
    v2 = error**2 #誤差量を2乗
    size = len(v)
    ave = sum(v2) / size #総和を取り、平均を求める
    ret = math.sqrt(ave) #√をとる
    return ret


これと同じようにMAE値を求めたいのですがどのようにすれば良いでしょう。

![イメージ説明](8b9ca029e7b517c9efeb2f4741e81cac.gif)

python初心者です。MAE値を求めたいです

下記のコードをどのように書き換えれば、同一ページに複数のgoogle mapを表示させることが可能でしょうか？

<script type="text/javascript">
function googleMap() {


var latlng = new google.maps.LatLng(, );/* 座標 */

var myOptions = {
zoom: 16, /*拡大比率*/
center: latlng,
mapTypeControlOptions: { mapTypeIds: ['style', google.maps.MapTypeId.ROADMAP] }
};

var map = new google.maps.Map(document.getElementById('map1'), myOptions);


/*アイコン設定*/
var icon = new google.maps.MarkerImage('',/*画像url*/
new google.maps.Size(70,84),/*アイコンサイズ*/
new google.maps.Point(0,0)/*アイコン位置*/
);


var markerOptions = {
position: latlng,
map: map,
icon: icon,
title: 'shop',/*タイトル*/
animation: google.maps.Animation.DROP/*アニメーション*/
};
var marker = new google.maps.Marker(markerOptions);
/*取得スタイルの貼り付け*/
var styleOptions = [
{
"stylers": [
{ "hue": '#003366' }
]
}
];
var styledMapOptions = { name: 'shop' }/*地図右上のタイトル*/
var sampleType = new google.maps.StyledMapType(styleOptions, styledMapOptions);
map.mapTypes.set('style', sampleType);
map.setMapTypeId('style');
};
google.maps.event.addDomListener(window, 'load', function() {
googleMap();
});
</script>

同一ページに複数のgoogle mapを表示させる

お世話になっております。

自分で経験したことのないレベルの開発の工数見積もりが必要になりました。
段階的な見積もりが必要なのですが、今まで既存の機能の修正や追加しかしたことがなく、どのように見積もればいいのかわかりません。

不動産の検索サイトを作成するのですが、どのような区切りで段階分けをすればいいのかが全く分かりません。

現時点では
- サイトそのものをWPで作成し、プラグインを使用(デザイン等の修正のみなのでプログラム面ではWPのインストールや微調整のみでOK)

- オープンソースのものやフリー・シェアウェアのCGIなどを使って微調整を行う

- 一から自分で作る

があると思っています。

上二つは機能自体はできているので工数としては最初のインストールや微調整、デザイン(デザインは別の方が行います）のみになり、最初は早いと思いますが、メンテナンスやエラーの際には自分で作っていない分時間がかかってしまうかと思います。
自分で作る場合は、単にどこまで作りこみをするか、ということになると思うのですが、不動産の検索はかなり項目が多くなるため区切りをどうしていいのかわかりません。

曖昧な質問になってしまって申し訳ありませんが、誰も相談する人がおらず行き詰っています。
些細なことでもいいので、アドバイスいただけると幸いです。

よろしくお願いします。

工数見積もりの方法

開発環境を作成する場合、vagrant か docker どちらを利用するのがいいのでしょうか？

学習のための開発環境を作成したく、ホストマシンの環境は汚したくないというのが主な理由です。
多人数で開発するわけでもないのでよくいわれるDockerイメージによる開発環境の配布のメリットを享受できるわけではないかなと思っています。
どちらもファイルによるプロビジョニングはできますし、決め所が自分のニーズだと難しいのかなと思っています

自身が開発マシンは Ubuntu 14.04 です。

開発環境には Vagrant か Docker か

JavaScriptは良くも悪くも記述の自由度が高い言語ですよね。
そんなJavaScriptには現場で使われるちょっとした小技や必須のテクニック、競技や問題向けの小技や荒技が存在する物と思います。
もしよければこんなのを現場では使ってる、コードゴルフでこれが有効ではないかというようなコードを共有しませんか？

必要なもので有名なのはprototypeやこれらですよね。
```lang-javascript
//即時関数
(function (){
  //
}());

//クロージャ
//……めちゃくちゃなコードですね
function a(_N){
  var n=_N;
  return {
    add :
      function (_n){
        return n+_n;
      }
  }
}
var NN=a(10);
NN.add(5);
```

競技や問題向けですと型変換は多用されますかね。
```lang-javascript
//暗黙の型変換 文字から数値
var s="100";
s-0;//number型

//暗黙の型変換 数値から文字
var n=250;
n+"";//string型
n+[];//string型

//暗黙の型変換 数字を使わず数値を作る
var v=+!v;//1
z|z;//0
```

JavaScriptの小技募集

"組織で働くなら、なにかひとつ「ここだけは誰にも負けない」という分野を持つことが大切だ。"
といったことが書かれてる記事を見ました。
私もそういった分野を持ちたいと思いました。
スクレイピングに興味があるのですが、スクレイピングは得意なら強みになるというか必要とされる分野でしょうか？
これから必要とされるであろう分野はありますか？
みなさんは、具体的にどういった分野を得意としていますか？

「誰にも負けないような得意な分野」がありましたら教えて下さい!

「ソフトウェアエンジニアならば1時間以内に解けなければいけない5つの問題」を挑戦してみましたか？
[Five programming problems every Software Engineer should be able to solve in less than 1 hour](https://blog.svpino.com/2015/05/07/five-programming-problems-every-software-engineer-should-be-able-to-solve-in-less-than-1-hour)
[1時間以内に解けなければプログラマ失格となってしまう5つの問題が話題に](http://www.softantenna.com/wp/software/5-programming-problems/)

5問目は少しタイムアップしてしまいましたが、いい頭の体操になり楽しめました。

皆さんの解答や感想を教えて下さい。

```lang-c#
static void Main(string[] args)
{
    var dt = new DataTable();
    // 演算子の組み合わせを列挙
    Enumerable.Repeat(new[] { " ", "-", "+" }, 9).Aggregate(Enumerable.Repeat("", 1)
        , (a, ca) => from s in a from c in ca select s + c).Select(x => x + " ")
        // 1..9と組み合わせ
        .Select(p => string.Concat(Enumerable.Range(1, 9)
        .Select(x => "" + p[x - 1] + x)).Replace(" ", ""))
        // 先頭が"+"は" "と同じなのでストップ & 計算結果が100のもののみ列挙
        .TakeWhile(x => !x.StartsWith("+")).Where(x => (int)dt.Compute(x, "") == 100)
        .ToList().ForEach(x => Console.WriteLine(x + "=100"));
    Console.ReadKey();
}
```

出力結果
```
123-45-67+89=100
123-4-5-6-7+8-9=100
123+45-67+8-9=100
123+4-5+67-89=100
12-3-4+5-6+7+89=100
12+3-4+5+67+8+9=100
12+3+4+5-6-7+89=100
1+23-4+56+7+8+9=100
1+23-4+5+6+78-9=100
1+2+34-5+67-8+9=100
1+2+3-4+5+6+78+9=100
-1+2-3+4+5+6+78+9=100
```

ちょっと変更
- Compute使わない
- 1..9の配列使わない
```lang-c#
static void Main(string[] args)
{
    Enumerable.Repeat(new[] { " ", "-", "+" }, 9).Aggregate(Enumerable.Repeat("", 1)
        , (a, ca) => from s in a from c in ca select s + c)
        .Select(p => string.Concat(p.Select((x, i) => "" + x + (i + 1))).Replace(" ", ""))
        .TakeWhile(x => !x.StartsWith("+"))
        .Select(x => x.Replace("-", "@-").Replace("+", "@+").Split('@').Where(y => y != ""))
        .Where(x => x.Select(int.Parse).Sum() == 100)
        .ToList().ForEach(x => Console.WriteLine(string.Concat(x) + "=100"));
    Console.ReadKey();
}
```

「ソフトウェアエンジニアならば1時間以内に解けなければいけない5つの問題」の5問目

cakePHPでのJQueryの使い方で質問させて頂きます。

自分でサンプルで作った簡単なシステムを、
社内で調整して使うことになったのですが、
自分のサンプルはちょっと人に見せられたものじゃなったので、
新しくBAKEし直して、制作を始めました。

そこでなのですが、
同じ場所に同じようにJQueryのdialogに関するコードを書いたのに
どうしても新しく制作しているcakeでエラーを吐いてしまいます。
エラー内容は
> Error: cannot call methods on dialog prior to initialization; attempted to call method 'close'
というのが出てしまいます。

サンプルと本番作成との少し違いがありまして、
cakeのバージョンが
サンプルは**「2.5.5」**
本番は**「2.4.10」**
という事と、
**「2.5.5」**のサンプルはJQueryはCDNを使用しているのですが、
本番はローカル環境でもつかうなら・・・
という事も考えて**「2.4.10」**はサイトからダウンロードした
UIフォルダ(jquery-ui-1.11.4.custom.zipを展開したもの)を
webrootに配置しております。
読み込み方は、ダウンロードしたUIのサンプルのhtmlを参考に
ヘルパーで読み込んでいる感じにしております。

**「2.4.10」**の方に上記のエラーが出てしまいます。
ちなみに、CDNで読み込みをしてみてもエラーが出てしまいます。
これはcakeのバージョンが関係している性でしょうか？

長くなってしまいましたが、
助けていただきたいことは、
0.cakeのバージョン違いでこのような結果がでてしまったのか？
0.正しいUIフォルダのjsファイルの読み込み方
0.そもそもダウンロードしたJQueryUIのフォルダが合っているのか？

最後にdefault.ctpの読み込み部分を記載させて頂きます。
宜しくお願いします。

```lang-＜cakePHP＞
//CSSの読み込み
echo $this->Html->css(array('reset','cake.generic')).PHP_EOL;
echo $this->Html->css(array('jquery-ui.min','jquery-ui.structure.min','jquery-ui.theme.min')).PHP_EOL;
echo $this->fetch('css');

//JQueryの読み込み
//jsフォルダ直下に展開しました。
//\external\jquery\jquery.jsの所にあったjsファイルをwebrootの直下に置きました。
echo $this->Html->script(array('jquery','jquery-ui.min'),array('inline'=>true));
echo $this->fetch('script');
```

cakePHPのJQueryの読み込みについて教えてください。

①function random(max){
    var num = 0;
    num = Math.floor(Math.random()*max + 1);
    return num;
}
var num = random(3);
    
②function jyanken(i){
    if(i==1 && num==1){
     
   省略
}

上記の①のfunction関数内で処理したnumの結果を、②の関数内にてif構文の条件として使用することは可能でしょうか？

まだ初心者で初歩的な質問かと思いますがご回答宜しくお願いします。

質問内容に足りない部分がありましたら教えてください。

関数間でのデータの受け渡し方法

DOMに非常に興味をもち、深堀して勉強してみたいと思いました。そこで、DOMを勉強するのに有用な「方法」「本」「サイト」があれば教えていただきたいです。
また、合わせてDOMをやるには「javascript」「jQuery」どちらで書く方がいいのでしょうか。