プログラミング歴1ヶ月だけどJavaScript出来るようになった

公開日: : 最終更新日:2015/10/01 プログラミング, 初心者 , , , ,

1: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 15:29:34.528 ID:ZVKjNqss0.net
どう?

8: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 15:33:52.933 ID:ttIMUhf10.net
ガチなら天才

 

10: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 15:35:35.222 ID:ZVKjNqss0.net

>>8
まじか

何かちょっとした課題くれ。w

 

スポンサーリンク

9: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 15:34:13.642 ID:ZVKjNqss0.net
実際プログラム始めて1ヶ月でここまで出来るようになるもんなの?

 

18: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 15:47:02.952 ID:hrofzEpt0.net

>>9
ブラウザの挙動とか調べていくのは一ヶ月じゃ無理だけど
on~のイベントレベルとDOM操作ぐらいならギリ一ヶ月でいけるな

理系+相当数学得意じゃないと難しいわ
まぁjsなら数学というよりパズル得意な奴ぐらいならいけんじゃね

 

21: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 15:50:05.334 ID:ZVKjNqss0.net
>>18
数学要素どこにあるのか教えてくり〜

 

24: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 15:56:01.551 ID:hrofzEpt0.net
>>21
逆にない部分を俺に教えてくれ

 

26: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 15:58:36.896 ID:ZVKjNqss0.net
>>24
どこらへんが数学得意じゃないと難しいと思うのかもっと具体的に言って

 

35: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 16:09:14.820 ID:hrofzEpt0.net

>>26
ぱっと見数学じゃんって思っただけだけどな
具体的にと言われると難しいけど

アルゴリズムだとエラトステネスのふるいだとか、ユークリッド互除法
だとか出てくるしな。レベルあげようと思うとやっぱり理系じゃね??
プログラミングって

 

38: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 16:12:26.428 ID:ZVKjNqss0.net
>>35
それはそうかも
js覚えるのに数学があった方が良いって言ってるのかと思ったらプログラミングの事か
でもエラトステネスの篩とかユークリッドの互除法は数学出来なくても簡単に組めるよね…

 

53: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 16:23:33.360 ID:hrofzEpt0.net
>>38
jsは比較的初心者に優しいからな
基本バリバリ理系じゃなくてもいけるけどな

 

12: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 15:38:17.575 ID:ZVKjNqss0.net
>>11
出来るなら頑張って
ネットリテラシーない中高生のアカウントならツイートから機械学習とかでほげほげしたら出来るのかもだけどまあ無理っぽそう

 

25: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 15:58:13.983 ID:ERX/hK0VM.net
1か月とは大したものだ
その後はサーバーとのやりとりをする方法を覚えるのだ
サーバー側はphpが取り組むやすいだろう
phpとjavascriptでやりとりの仕組みが判ったら次はSQLだ
さらにjavascriptはjQueryやAjaxを覚える
ガンガレww

 

28: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 16:01:14.909 ID:ZVKjNqss0.net
>>25
なるほどね
ちょっと言いたい事があるんだけど、まず
Ajax 覚えろと言われても XMLHttpRequest は知ってて使えるのでそれはよくわからなかった
それと jQuery 覚える理由教えてほしい

 

31: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 16:03:47.072 ID:ERX/hK0VM.net
>>28
画面から何か入力させてサーバー側で更新させる
javascriptだとformのactionに記述してリロードかけるが
Ajaxだと非同期通信が可能なのでリロードしないで更新できる
またはサーバー側から値をもらって画面の要所をjavascript(jQuery)で書き換える

 

32: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 16:06:42.292 ID:ERX/hK0VM.net

>>28
jQueryはjavascriptでのコーディング量を劇的に減らせるよ

jsだと
document.getElementById(‘hoge’).innerHTML=’hage';

jQueryだと
(‘#hoge’).innerHTML=’hage';

それとイベント捕まえる記述が書きやすい

 

34: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 16:09:06.685 ID:ZVKjNqss0.net
>>31
それは知ってた
それjQueryを覚えなきゃいけない理由になってなくない…?
>>32
多分君はjQueryあまり使ったことなさそう

 

27: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 16:00:37.944 ID:70jcD+Ss0.net
Javascriptって
オブジェクト指向のあたりが難しい
というか癖が強くて不条理

 

29: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 16:02:00.129 ID:ZVKjNqss0.net
>>27
そんな難しいか?というかどこらへんがむずかしいとおもった?

 

30: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 16:02:50.884 ID:70jcD+Ss0.net
>>29
プロトタイプベースのクラス継承の仕組み

 

33: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 16:07:05.635 ID:ZVKjNqss0.net
>>30
なるほど
そこら辺曖昧かも

 

79: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 17:09:17.293 ID:0rSmV57g0.net
>>33
できるようになってないやん

 

81: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 17:11:32.451 ID:ZVKjNqss0.net
>>79
でも出来るって言えるレベルだし、クラス継承という概念がよく分かってないけどそれ分かればすぐ使えるようになるって確信してる

 

36: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 16:11:00.774 ID:ZVKjNqss0.net
プロトタイプベースのオブジェクト指向っての曖昧でも感覚的に使い方知ってればいいのか…?

 

37: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 16:11:24.086 ID:XgACYjdr0.net
node.js使って汎用ボードゲーム対戦用プラットフォーム作ってよ

 

40: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 16:13:19.566 ID:ZVKjNqss0.net
>>37
詳しく
node.jsも少し書いた事あるけど汎用ボードゲーム対戦用プラットフォームがよくわからん

 

44: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 16:16:12.639 ID:XgACYjdr0.net
>>40
サーバでいろいろAPIを用意しておいて「カタンのルール」みたいなスクリプトを書けば動かしてくれるやつをイメージしてる
登録とかログインとか部屋立てとかはサーバ共通で
具体的な設計は全く考えてないけど

 

45: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 16:18:14.391 ID:ZVKjNqss0.net
>>44
個別のゲームの画面を作るのが大変なだけでそれ以外は意外に簡単そう

 

46: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 16:18:24.756 ID:axXMugfE0.net

if文一つとっても、文系は苦労するでしょう

if ( A && B ) {// AでありBである
}else{ // AでないしBでもない
}

このコメントみたいな勘違いするのは間違いなく文系
&&や||で複数条件が結合されると、elseがどういう条件になるのか分かってない事が多々ある
あと文系はデバッグとかでも論理的に考えられずに、問題箇所をなかなか絞り込めない奴が多い

 

47: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 16:20:47.402 ID:ERX/hK0VM.net
javascriptできるようになったのなら、息抜きというかお遊び用に
processing.jsをオススメする
楽しいよ
詳しくはぐくってみてくれ
Flashで出来ることはprocessing.jsでほとんどできるはず

 

61: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 16:43:36.711 ID:I9yC7m110.net

[お題]
ページ内に存在する画像および
ページ内から画像(bmp/png/jpg/gif等)に直リンされている画像
を一覧表示するJavaScript

※似たようなものは既に某サイトにある

 

63: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 16:48:06.139 ID:XgACYjdr0.net
>>61
img要素とa要素の一覧を持ってきてsrc属性とhref属性の値を正規表現でマッチしたものだけ配列に格納するだけじゃないか

 

66: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 16:53:02.282 ID:ZVKjNqss0.net
>>61
vip で動かすやつ
var anchors = [].slice.call(document.getElementsByTagName(‘a’));
var imageAnchors = anchors.filter(function(a) { return /\.(?:jpg|png|gif)$/.test(a.href) });
imageAnchors.forEach(function(a) {
var img = document.createElement(‘img’);
a.href = img.src = ‘http://’+a.href.split(‘?’)[1];
a.appendChild(img);
});
雑な奴だけど適宜ブックマークレットとかにしてくれ

 

78: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 17:07:58.074 ID:D7+/ypzH0.net
ワロタwwwURL飛んだら変なページいったんだがこれってブラウザの標準機能なのか?
このサイト?に>>66みたいなコマンド入力して画像抽出させる命令出すってこと?

 

80: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 17:09:57.461 ID:ZVKjNqss0.net
>>78
えっとね、URLに飛ぶんじゃなくてね、>>66をブラウザのJavaScriptコンソールとかに貼り付けて実行するんやで…

 

85: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 17:16:32.367 ID:D7+/ypzH0.net
>>80
ぐぐってみたらクロームだとデベロッパーツールってのがそれだったっぽい
コピペしようとしたら操作受付ねえからよくわからんがカーソルあててみたら該当箇所がアクティブになっておもろいな
Webページだけじゃなくて専ブラとかもこうやって作るもんなのか?
普段何気なく色んなツール使ってるけど文字で作るとかすげえな

 

87: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 17:19:38.157 ID:ZVKjNqss0.net
>>85
そうそう、流石にネットサーフィンが趣味なだけあってGoogleを使うのが上手だ
せやで人間が文字をカタカタすると凄い人達が作ったソフトがそれを機械が認識出来る文字にしてそれを実行してくれるんやで
プログラム書くの楽しいし一緒に始めようよ

 

67: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 16:54:17.935 ID:ZVKjNqss0.net
>>63 全然それじゃなかったわ何かごめんな
>>61
ごめん正直仕様あんまり理解してないけどこんなんで合ってた?

 

75: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 17:02:35.523 ID:I9yC7m110.net
>>67
たぶん合ってる。…んだがうまく動いてない。こっちの環境のせいかも?
ずいぶんサクッと作ってしまうんだな。1ヶ月とは驚きだ。

 

77: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 17:06:49.915 ID:ZVKjNqss0.net
>>75
ごめん、多分これhttp://vipper.2ch.net/test/read.cgi/news4vip/ のスレでしか動かない…
chrome でしか動かして見てないけど、良い感じに画像表示してくれた
あとこれ気付いたけどhttp://のサイト(?)の画像しか表示出来ないわ(これはすぐ直せる)
驚かれた

 

90: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 17:22:01.810 ID:I9yC7m110.net

ちなみに>>61のほぼ正解例
http://pastebin.com/0fSzxSst

「某サイト」のコードのコピペと一部無効化してるだけなので
無駄な部分がいっぱいある。

あとたぶん画像(A)にonClickで画像(B)にリンクが張られている場合、
Aを表示してくれないから、>>61の仕様としてはNG

 

92: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 17:26:15.136 ID:BED4e8fV0.net
>>90
そもそも「ページ内に存在する画像」は拾ってないしなこれ

 

94: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 17:28:43.824 ID:I9yC7m110.net
>>92
あぁ下2行はそのせいか…
自分はよくわかってもいないのになんか偉そうなこといってすいませんでした。

 

68: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 16:55:27.235 ID:ZVKjNqss0.net
アロー関数とかテンプレートストリングリテラル(だっけ)を使う事でより綺麗になるで

 

69: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 16:57:13.390 ID:ZVKjNqss0.net
querySelectorAll とかも知ってるけどな、getElementなんちゃらが渋いと思うんだ(適当)

 

70: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 16:58:12.405 ID:D7+/ypzH0.net
ニートでネットサーフィンとネトゲが趣味の終わった28歳のおじさんなんだけど
プログラミング勉強して就職に役立てることできんのかね
wikiとかああいうブログのような自分の空間作っていくの隙なんだが

 

71: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 16:59:59.833 ID:ZVKjNqss0.net
>>70
ネトゲやってるよりプログラミング勉強してる方がまず世間体は良さそうやね
そんで何億倍も生産的だし。技術力付ければ職歴がひどくても就職出来るんじゃないかなーと思うよ

 

86: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 17:17:14.953 ID:L3zpnXA7p.net
>>71
実務経験無しでの採用は相当ハードル高いよ
githubとかでそれなりの活動してないとまず無理
ソフト作って自分で会社立ち上げるのとどっちが簡単かって感じになるよ
プログラマー目指すなら派遣に登録して、下駄履きまくりのプロフィールでなんとかしてPGとして潜り込んだほうがいい
一度実務経験ができれば以降は余裕で転職できるから

 

76: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 17:05:33.460 ID:8vI8VgeG0.net

俺はもともとブックマークレット作るためにJavaScript覚えた

編集しやすいよう展開するやつ
http://jsbeautifier.org/
ホワイトスペースなくすやつ
http://userjs.up.seesaa.net/js/bookmarklet.html

この2つはブックマークレット開発に欠かせない

 

82: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 17:11:41.119 ID:BED4e8fV0.net
とりあえず俺の環境だと動くの確認した
コピペだと「¥」がなんか化けててそこだけコケた

 

83: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 17:16:14.569 ID:ZVKjNqss0.net
>>82
全角の\になってたら半角にすれば動くんじゃないかなあ…
多分バックスラッシュ使ってるの正規表現の所だけだからそこを(ってこれ位分かるか)

 

スポンサーリンク

102: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 17:42:37.839 ID:0rSmV57g0.net
とりあえずjavascript今後もやり続けていくならjQueryは覚えておいたほうが便利だよ

 

106: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 17:53:22.942 ID:kX8j5MPm0.net
http://fightcodegame.com/
この辺でまずまともに動くコードでも書くんだな

 

109: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 17:58:32.562 ID:ZVKjNqss0.net
>>106
調べてみたけどAIを作る感じなのか単に決められたコマンドを繰り返し実行してくのか分かってない

 

108: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 17:56:43.479 ID:jYt6ADgo0.net
なんかテキスト買った?

 

110: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 17:59:51.967 ID:ZVKjNqss0.net
>>108
オライリーで入門書は買ったけどあんま読んでない

 

111: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 18:03:05.174 ID:ZVKjNqss0.net
暇だから何か軽めの課題沢山ほしい

 

115: http://jbbs.shitaraba.net/internet/23063/ 2015/09/26(土) 18:20:29.687 ID:RSYVfZWD0.net
>>111
競技プログラミングやったら?

 

114: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 18:12:12.773 ID:xEE7L88i0.net
GreaseMonkeyスクリプト使うとなんかいろいろできて楽しいよ

 

116: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 18:21:16.376 ID:BED4e8fV0.net
みんな飽きたか
javascriptはそんなに詳しくないけどjQueryだと同じ事やるにもこんな感じで便利よな
$(‘a’).filter(function(){ return this.href.match(/.(jpg|png|gif)$/) })
.each(function(){
var img = $(‘<img>’).attr({‘src':’http://’ + this.href.split(‘?’)[1]});
$(this).append(img);
});

 

117: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 18:26:01.954 ID:8vI8VgeG0.net
jQuery().append の代わりに appendTo が便利
要素作ったらそのままDOMツリーにぶち込める

 

118: 以下、\(^o^)/でVIPがお送りします 2015/09/26(土) 18:28:19.227 ID:kX8j5MPm0.net
ファイトコードはプログラマーにも人気だから理解出来るように取り敢えず組んどけ

引用元:http://viper.2ch.sc/test/read.cgi/news4vip/1443248974/

関連記事

wDluJZy

電子工作やプログラミングの質問に答えていくスレ

1: 名無しさん@おーぷん 2015/10/31(土)01:23:36 ID:dei こ

記事を読む

Slide1_100423

Tehuさん「三角関数を学んでいないと、描画系プログラミングできないよ」

1: 番組の途中ですがアフィサイトへの\(^o^)/です (ブーイモ MMa8-rCMQ) 20

記事を読む

スクリーンショット 2014-05-12 14.15.57

【色々】Java系スクリプト言語【やってるよ】

1: デフォルトの名無しさん 2007/09/28(金) 21:19:00 .net G

記事を読む

https---www.pakutaso.com-assets_c-2014-02-GREEN_O20140125500-thumb-1000xauto-4117

FC2のような動画アップサイトを作ろうと思う。プログラミング言語は何が良いんだ?

2: 番組の途中ですがアフィサイトへの\(^o^)/です 2015/05/04(月) 16:53:

記事を読む

r2002

Webアプリの複数ユーザーから参照されるオブジェクトを管理するための仕組み

1: 以下、\(^o^)/でVIPがお送りします 2015/09/21(月) 19:15:41.3

記事を読む

https---www.pakutaso.com-assets_c-2015-01-DI_IMG_5780500-thumb-1000xauto-5853

プログラミングの才能無さ過ぎて他人の書いたプログラム全然読めないwwwwwwwwww

1: 以下、\(^o^)/でVIPがお送りします 2015/05/14(木) 22:05:09.5

記事を読む

easyidec3

一見まともだが悪意のあるコードを競うC言語コンテスト開催

1: ハーフネルソンスープレックス(宮城県)@\(^o^)/ 2015/08/19(水) 22:

記事を読む

9021068066664569333

GitHubで世界で人気のプログラミング言語を発表 一番人気は皆が大好きなあの言語

1: バズソーキック(宮城県)@\(^o^)/ 2015/08/22(土) 19:54:42.2

記事を読む

https---www.pakutaso.com-assets_c-2015-04-OOK86_shirosyatu15190620-thumb-autox1000-12437

関数型プログラムと論理型プログラムって何?

1: 以下、\(^o^)/でVIPがお送りします 2015/09/27(日) 15:21:23.5

記事を読む

https---www.pakutaso.com-assets_c-2015-06-AI_IMG_7772-thumb-1000xauto-17759

【画像あり】この論理回路がよくわからない 誰か教えてください

1: 以下、\(^o^)/でVIPがお送りします 2015/07/21(火) 15:44:53.7

記事を読む

Huawei-Mate-8-benchmark-post-launch_1
Androidのベンチマーク、10万点を突破 インフレが止まらない

1: 番組の途中ですがアフィサイトへの\(^o^)/です (ニククエ

hGJvbfh
せっかくの休みだ。原付で>>5に行く。

1: 名無しさん@おーぷん 2015/11/29(日)06:13:2

9xHNnte
XperiaZ5からdocomoのロゴだけ消せるシートが発売開始

1: 番組の途中ですがアフィサイトへの\(^o^)/です (アウアウ

bsLISA78_MBAsawaru20141018102912
子供にプログラミング教えることになりそうなんだが、どうやって教えたら良いんだ?

1: 以下、\(^o^)/でVIPがお送りします 2015/11/2

top
国内で最大容量の8THDDが2万円台に値下がり

1: 海江田三郎 ★ 2015/11/29(日) 14:43:35.

→もっと見る

PAGE TOP ↑