JavaScriptについて

質問

新卒でフロントエンドを目指し入社したものです。
大学でHTML,CSSなどの基礎は学びました。
JSはソースをみてインターネットを見ながら解読は可能ですが、実際に書くことはなかなか難しいです。
将来海外で働きたいという夢があるため、フロントエンドとして頑張りたいです。
なのでこの一年でJSを勉強することを目標にたてましたが、実際にどのように勉強してい良いのかわかりません。今はドットインストールをひたすらやっていますが、他にいい勉強方法がありましたら教えてください。

現場ではどのような使われ方をしているのか(どういったシステム、どういった動きにJSを使うことが多いのか)を教えていただけると勉強のイメージがわきます。
また、自信を持ってJSをかけるというというレベルは皆さんどのようにお考えでしょうか？

回答No.11

b0a0a

例えばゲームならenchant.js、もっと抽象的になんらかのアプリケーションならAngularJSのように
有名なオープンソースのライブラリやフレームワークがありますよね
そういう世界的に有名なプロジェクトに参加すれば、海外の企業からも評価されるでしょう

具体的には、特に興味関心のあるプロジェクトの成果物を積極的に利用し
コミュニティであなたのアイディアを共有し、
プルリクエストを投げ続け、認められてコミッタにならなければなりません

海外で働きたいのであればなんたら情報技術者などとかいう資格などは役に立ちません
代わりにそういうオープンな実績が評価されるのです

ですから、現場ではどういう使い方がされているのか？ではありません
普通に優秀なエンジニアなんて腐るほど居ますから、わざわざ外国人を雇おうなんて思いません
企業はあなたにしかない魅力をもったあなたを雇いたがっているのです

あなたはどうしてフロントエンドで頑張りたいと思ったのですか？
何らかのWeb技術、もしくは作品に興味を惹かれたからですか？
自分でこういう物を作っていきたい、という熱い想いがあるのではないですか？

あなたがしたいことを突き詰めるべきです
それはけして難しいことではありません
例えばWebで音を鳴らすことに興味があれば、audio要素の使い方を調べて詳しくなるでしょう
その後WebAudioAPIに進み、そこからゲームのための音声フレームワークを作るか、
ブラウザ非サポートの形式を再生するためのデコーダライブラリを作るかは、その人次第です

そうやって興味のある分野の先端に達し、あなたが道を切り開いて行く立場になった時、初めて自信を持って良いでしょう
積極的に色んなカンファレンスに参加して、そういう人と会話してみると良いですよ

回答No.10

amanojaku1

http://ashtarte.hotcom-web.com/test/CheckQuestion015.htm

↑これは機能的には とでも簡単です。
buttonが押された時にcheckboxの状態を読んで、答えのデータと比較し、メッセージを出力しているだけです(とりあえず このようなもの(問題2とか)から始めては如何でしょうか？)。

回答No.9

amanojaku1

>回答No.8　amanojaku1

初心者用の説明です(プログラムができるようになったら どう作っても良いです)。
とりあえず外見だけマネて作って、それからJavaScriptの部分を作ったり、元のHTML部分をJavaScript化したりしてみて下さい。

回答No.8

amanojaku1

>簡単なページどころか普通にLPページも1人で作ることができます。

そこまで出来るのなら、t_ohtaさんも仰ってるとおり「世にあるJSを使ったサイトをそのサイトのソースを見ずに真似て作ってみる」のが良いでしょう。
できるだけ簡単そうなモノから始めると良いと思います(難しすぎると全く進めないと言うことになりかねません)。

回答No.7

amanojaku1

>(CSSは置いておくとしても)最低限HTMLで簡単なページ作れないと話が始まりません。

ネットでCSSを使ってない簡単なページを探して、外見だけをマネしてみて下さい。
ネットで調べながらでも良いですから、とりあえず自分で考えて下さい(人に聞いてばかりでは勉強の意味がないですから)、どうしても分からない場合は人に聞いて良いですが。
できたら必ずHTMLが分かる人にチックしてもらって下さい(正常に表示できていてもHTML的に問題がある場合があります)。

回答No.6

amanojaku1

(CSSは置いておくとしても)最低限HTMLで簡単なページ作れないと話が始まりません。

補足

簡単なページどころか普通にLPページも1人で作ることができます。

回答No.5

amanojaku1

>>大学でHTML,CSSなどの基礎は学びました。

>「HTML,CSS」で簡単なページは作れますか？

例えて言うとJavaScriptは2階建ての家です、HTML(CSSなども含む)は1階部分、JavaScriptは2階部分です、1階部分が作れないなら、当然2階建ての家は作れません。
(文法などはネットで調べれば良いので正確に覚えている必要はありません)ネットで調べながらでも良いですから、とりあえずHTML(できればCSSも含む)で簡単なページ作れないと話が始まりません。

回答No.4

amanojaku1

>大学でHTML,CSSなどの基礎は学びました。

「HTML,CSS」で簡単なページは作れますか？

補足

回答ありがとうございます。
もちろん作れます。

回答No.3

amanojaku1

>とりあえず簡単な目標を想定し、そのプログラムを作ってみて下さい。
>下記は一例ですが、初めは下記よりも簡単なプログラムを作ってみると良いかもしれません。

>CheckQuestion015
>http://ashtarte.hotcom-web.com/utf8/smt.cgi?r+sara/&bid+00000020&tsn+0000002C-.&bts+2016/05/01%2012%3A11%3A41&

↑この「問題2」だけをソースを見ないで作ってみるとか。

回答No.2

amanojaku1

当方は簡単なプログラムしか作れませんが

とりあえず簡単な目標を想定し、そのプログラムを作ってみて下さい。
下記は一例ですが、初めは下記よりも簡単なプログラムを作ってみると良いかもしれません。

CheckQuestion015
http://ashtarte.hotcom-web.com/utf8/smt.cgi?r+sara/&bid+00000020&tsn+0000002C-.&bts+2016/05/01%2012%3A11%3A41&

CheckQuestion031
http://ashtarte.hotcom-web.com/utf8/smt.cgi?r+sara/&bid+00000020&tsn+00000039-.&bts+2016/05/01%2012%3A11%3A41&

RolloverText006
http://ashtarte.hotcom-web.com/utf8/smt.cgi?r+sara/&bid+00000020&tsn+0000006B-.&bts+2016/05/01%2012%3A11%3A41&

補足

回答ありがとうございます。
はい、一歩づつ勉強していこうと思います。