+ JavaScript の質問用スレッド vol.123 + [転載禁止]©2ch.net
■ このスレッドは過去ログ倉庫に格納されています
JavaScript を自ら学ぶ人のための質問スレッドです。
>>2-4のテンプレを読んだ上で質問してください。
■質問を書く上で
(1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。
(2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。
(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など)
(3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。回答者はなりすましを判断できませんので、なりすましが現れても自己責任となります。
(4) 常に自発的に調べる心構えを持ってください。
具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。
わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。
(5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。
(6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。
※必ず「問題の事象が再現されること」を確認してください。
必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。
(7) サンプルコードに HTML が含まれる場合は http://validator.w3.org/ で [Check] してみてください。
(8) 質問を具体的かつ詳細に書くと回答を得られやすいです。>>2の質問テンプレートを活用してみてください。
(9) 時にはあなたが望む「答え」だけでなく、「意見」などが寄せられる場合もあります。
+ JavaScript の質問用スレッド vol.122 +(c)2ch.net
http://peace.2ch.net/test/read.cgi/hp/1420095379/
（ライブラリ禁止条項は、多数の意見によって廃止されました。ライブラリの質問もOKです） prop('checked')はcheckしてないならundefを返す仕様のようですが、
jQueryって存在しないchbox3に対して
$('[name="chbox3"]').〜ってやっていいのでしょうか？ >>745
問題ないように作られている。
NULLオブジェクトパターンとでも言えばいいかな？
コレクションだから少し違う気もするが、要素がなくても（NULLでも）
何も効果がないだけでコードは動くように作れる。
jQueryを使ったプログラミングでは「要素があるか？」という
条件文をなくすことが出来る。（これはNULLオブジェクトパターンの特徴でもある）
> $('[name="chbox3"]')
これだと分かりにくいかもしれないからちょっと変えて、
$(':checkbox ').prop('checked', true) を実行すると
すべてのチェックボックスのチェックをONにする。
言い換えると、0個以上のチェックボックスをONにする。
0個以上なので、0個の場合でもOK
反対にこれは、$(':checkbox ').prop('checked')見つかったようその内
最初の要素のcheckedを取得する。見つからなければundefined。
そのように作られている。 https://www.visualstudio.com/en-us/products/code-vs.aspx
これでJS書いてる人はいますか？
sublimeの未登録アラートがうざいので乗り換えもありかと思ってます
どうですか？ jqueryって仕様が変わるたびに、jquery使用箇所を書き直す必要があるので
基本的にJavascriptで書いてますが、皆さんjQuery等って使ってますか？ jQueryを使うこともある
使うときは基本的にバージョン固定にするよ >>748
jQueryの欠陥を指摘させて、吐く毒に紛れて見え隠れする次世代のアイデアをパクろうとしてないか？w
ソース読んでみたら？マズイ所ばかりでウンザリさせられるよ。 >>740
> jqueryって仕様が変わるたびに
JavaScriptだって仕様が変わるたびに、見直し必要だろうｗ
もちろん滅多に仕様は変わらないが。あ、jQueryの話しね。 >>748
> 皆さんjQuery等って使ってますか？
それに関してなら、どれくらい使われているかのデータが有る
http://w3techs.com/
JavaScript Libraries
Most popular JavaScript libraries
1. JQuery 63.8% +0.7% 95.1% +0.1%
2. Modernizr 8.1% +0.2% 12.1% +0.3%
3. Bootstrap 7.2% +0.4% 10.8% +0.5%
4. MooTools 4.1% -0.1% 6.1% -0.2%
5. Prototype 2.3% 3.5%
63.8%の人が使ってる一番使われているライブラリだそうだ。 やっぱり皆使ってるんですね。ありがとうございました。 jQueryなんか使いまくるからスマホが激熱になって、毎日のように落ちる。
閲覧者サイドで一番便利なスマホページとは、スクリプトを使っていないページ。まさに10年以上前のPCページと相似な状況。 Javascript Good partsをボロボロになるまで勉強しました。
http://demon-uploader.rosepink.us/small.html?img=2015050308253711382.JPG
jQuery使わないとキツイとこはライブラリ使ってますが、
idクリックして関数実行とかはjQueryなしで実装できるので、使ってません。
Ajaxでphpにデータ送るとかは、ブラウザ毎の対策が面倒なのでjQuery使ってます。 >>754
なにいってるんだ？
JavaScriptが動いてないところでは
jQuery使っていたって関係ねーよ。 激熱になっただけで落ちるっていうのも意味不明だな。
まあ素人さんが嘘をついたらこうなるという実例ｗ コンピュータにでたらめにキー入力したら
爆発するという映像表現を信じているとか？ Ajaxはajax()ではなくfetch()のポリフィルを使っていこうぜ インターネットのネットワークリソースが枯渇する
みたいなニュースが最近あったので
ニュー速あたりで謎知識を聞きかじってしまったのではないかと 普段はbootcampでwinを使っているのですが
winがおかしくなったのでosxで作業してます
chromeの場合は同じアプリがosxでも使えるのでありがたいですが
tweetdeckが、winと比べるとクッソ重いことに気づきました
jsの実行速度はOSによってかなり違うのでしょうか？ 糞アポ〜の標準アプリであるサファリを負かす事は許されないルール。だからgoogle chromeはosx用だけ嫌味のように遅い。 普通に
func();
で実行するのと
function(){func();};
で実行するのと何が違うんですか? Amazonのカートに保存する、戻すとか
リアルタイムに更新されるのはJavaScriptですか？
ああいったものを使いたいのですが難しいですか？ 使いたいの？
Amazonを使うだけなら、JavaScriptの知識は無用だよ。 >>766
簡単だよ。
JavaScriptを普通に使えるプログラマなら簡単 本スレ
+ JavaScript の質問用スレッド vol.125 + [転載禁止]©2ch.net
http://peace.2ch.net/test/read.cgi/hp/1436910657/ マウスホイールを使ったスクロールの向きって変更できるん？(´・ω・｀) 現行スレ
+ JavaScript の質問用スレッド vol.125 + [転載禁止]©2ch.net
http://peace.2ch.net/test/read.cgi/hp/1436910657/ 別スレより誘導されてきました
お願いします
スクロールしてもヘッダ（とcaption）は固定表示のtableを作りたいのですが、
・tableのwidthはパーセント指定
・theadのセルはwidth指定無し（可変）
・border-collapse: collapse
この条件だと、色々なチュートリアルサイトの方法やjQueryプラグイン等を試してもどうもレイアウトが崩れてしまいます
どうかアドバイスいただきたいです
お願いします！ >>774について
申し訳ありません、現行スレに書き込みます .
.
板違い（？）の上に、話をさえぎってしまいゴメンナサイ！(*_ _)人
でも、この板のユーザーさんにも有意義な告知かと思うのでカキコませてください。
★ 謝礼は十分いたします ★ アメブロなどのサイト制作ができる方！！
アメブロなどを使用してのサイト制作のできる方を早急に求めています！
私はリケジョやPC女子からはほど遠く、サイト作成にはまったく疎いのでとても不自由しています…(> <；)
そこで私に代わりサイトを作成してくださる方を求めてこの場をお借りしました。
■サイトの内容…
アダルト系、違法性、その他公序良俗に反するものではありませんのでご安心ください。
■サイト制作の仕様ベース…
アメーバブログで十分です。願わくばwordpressなどのブログ形式のサイトを希望します。
それに準ずるもので使い慣れたものがあれば別のものでも構いません。
■条件はありません…
技術さえお持ちでしたら、学歴・職歴等は一切問いません。
フリーター、ニート、高齢ニート、コミュニケーション障害をお持ちの方、引きこもりの方、中年失業者、長期無職等、歓迎！
■作業形態…
作業は在宅でやって頂くことになりますので、時間の指定は一切ありません。別のお仕事の傍らに…でもOKです。
■詳細をお知りになりたい方は…
下記メールアドレスまでご連絡ください。詳しく書いた返信文を差し上げます。
※真剣な告知です。冷やかしはご遠慮ください。
井 上
inoue1952w★gmail.com
迷惑メール対策のため＠部分を★にしてあります。
実際に送信する際には★を＠マークに変えてください。
.
. <SCRIPT Language="JavaScript">
<!--
function show_hide(id) {
disp = document.all(id).style.display;
if(disp == "block")
document.all(id).style.display = "none";
else
document.all(id).style.display = "block";
}
//-->
</SCRIPT>
クリックすると隠れていた文字列が表示されるスクリプトですが、
パカッと表示されるのではなく、スルッと表示されるようにできませんか？ このスレは使われていないので、以下のスレへ書き込んで
+ JavaScript の質問用スレッド vol.129 +
http://echo.2ch.net/test/read.cgi/hp/1456250334/l50 質問
よくあるhoverのmouseoutで子孫要素は無視するやーつの関連なんですが
<div>
<input type="text">
</div>
<div>には十分なpaddingがあるとして
<input>をダブルクリックとかしたときに出るブラウザUIの入力補完サジェストに
マウスを乗せると<div>でmouseoutイベントが発火するのだけれど
これを検知して除外するにはどうしたら良いでしょうか？
event.relatedTargetはnullでした
jQueryのhover()メソッドではmouseout扱いでした HPで友達が稼げるようになった情報とか
⇒ http://asaswq3wq.sblo.jp/article/181819223.html
興味がある人だけ見てください。
HVY0TJD7SU 誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』
D13NS 関数構造で質問です。
【環境】IE9以上、他最新で動けば可。
【エラー】なし。
【期待する結果】結果は現状通り。コードの整理。
【サンプルコード】下記。
fanc-中1(){
fanc-中1の処理
fanc-下1(); fanc-下2(); fanc-下3();
}
fanc-中2(){
fanc-中2の処理
fanc-下1(); fanc-下2();
}
fanc-上(){
fanc-中1(); fanc-中2();
}
で結果は正常ですが下1と2が2回呼ばれてしまいます。
下は再描画など処理後の後処理なので最後に各1回実行すればいいものです。 fanc-上(){
fanc-中1(); fanc-中2();
fanc-下1(); fanc-下2(); fanc-下3();
}
としたいのですが、すると中用にもう1つづつfuncが必要になります。
fanc-中1(){
fanc-中1の処理
}
fanc-中2(){
fanc-中2の処理
}
fanc-中3(){
fanc-中1();
fanc-下1(); fanc-下2(); fanc-下3();
}
fanc-中4(){
fanc-中2();
fanc-下1(); fanc-下2();
}
これでもいいのですが、もっとスマートな書き方があれば
教えてください。
部分適用やカリー化の記事を見ましたが今ひとつ理解しきれません（そもそも関係ない？）。
よろしく願いします。 私たち日本人の、日本国憲法を改正しましょう。
総ム省の、『憲法改正國民投票法』、でググって
みてください。拡散も含め、お願い致します。 JavaScriptでリアルタイムアクションゲームが作れる日は来るのだろうか？ >>797
ストリートファイター３はさすがに無理だよね？ 何でUnityはjavascriptを外したんだよ、バカヤロー。
あと、Unreal.jsって何なんだよ。
もっと本格的なjavascript用のゲーム開発ツールを作ってほしい。 現在調べつつ手元で適当に色々と試していた初心者なのですが
document.write("alert" alert(1) "alert");
document.write("alert" alert(1) in"alert");
document.write("alert"(alert(1))"alert");
document.write("alert" (alert(1)) in"alert");
これで最後の物だけalert(1)が動作したのですが理由がわかりません
このin演算子はなんのためにあるのでしょうか
mozillaのリファレンスも読んだのですが論理値を返すということしか分かりませんでした 1〜3番目は構文解析の時点でエラーになるので何も実行されない
4番目は"alert"(alert(1))という関数呼び出しとみなされその引数を得るためにalert(1)を実行するから
でもそのあとダイアログを閉じるとエラーになる
inの右側は文字列じゃなくてオブジェクト
その指定したオブジェクトにinの左側に指定した名前のプロパティが存在するかどうかを調べる演算子
それからdocument.writeなんて使わない。使ってるような所も手本にしちゃだめ >>802
ありがとうございます！
"alert"()という関数と見做すんですね…関数名に文字列指定できるのは意外でした
とりあえずdocument.write()は使わないようにします 質問です
JavaScript API 群のブラウザ実装状況
https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/Browser_support_for_JavaScript_APIs
に記載されている数字の意味を教えてください
例えば一覧表のの一番上にあるAlarmは
Chrome あり
Edge なし
Firefox 45
とありますが、45の意味が分かりません
同じくこの表全体で数字が何を意味しているのかが分からないです。意味を教えてください。 audio要素使ってautoplayしようとしたのですが
だいぶ前にブラウザのポリシーで塞がれてしまったようです
Chrome版Edgeとか一部のブラウザはまだいけるようです
ソシャゲでなってるのがあったのでソースをみたのですが
かろうじてCreateJS使ってるぐらいまではわかったのですが
そこから先は解読出来ませんでした
ChromeとFirefoxぐらいには対応したいのですがなんかハックありますか？
ググったら色々紹介されてはいるのですが
そのころよりさらにaudio事情が進んだようで今はもう使えないような感じでした >>808
再生ボタンを自動でクリックさせるようにしたらいいだけじゃなかろうか？
再生ボタン.click();
みたいな感じで Webサイトを提供する側の話で
利用する側の話ではないんじゃ？ ブラウザゲーだとaudioタグじゃなくてWebAudioAPI使ってるかもね >>808
autoplayはもう自分の努力じゃ無理
統計的によく利用されてるサイトかどうかが許される基準に含まれてる >>609-612
レスありがとうございます。
youtubeとか自動再生される時もあるのですが（基本手動）、
やっぱもう難しい感じなんですかね。
WebAudioAPIに関してですが、MDN見ると、
>自動再生のブロックは、Mozilla でもまだ開発中です。
と書いてるので、それもいずれ塞がれる方向なんですかね。
ゲームとかならサウンドONとか設定で選ばせばよさそうですが、
今回は思いもよらない音声で閲覧者を爆笑させるという趣旨だったので、
諦めようと思います。 すみません、javascriptというよりDOMの質問なのですが教えて下さい。
ある要素の子に要素を追加したいとき、element.appendChild()
みたいな形ができると思いますが、大量に子要素を一気に追加したいとき、
なにかよいやり方あるのでしょうか？
element.appendChild()の引数で配列を渡せればよかったのですが、
うまくいきませんでした。 >>814
$("#id").append(["<hr>", "<hr>", "<hr>", "<hr>"]);
$("#id").append([$("<hr>"), $("<hr>"), $("<hr>"), $("<hr>")]); Document.createDocumentFragment()
https://developer.mozilla.org/ja/docs/Web/API/Document/createDocumentFragment
フレームワークなどでは、DocumentFragment を使う
一旦、DOM と無関係の場所に、複雑な木を構築しておいて、
最後に、1回だけDOMにアクセスして、木を丸ごと追加する
これで、その都度、DOMアクセスしなくてもよい。
1回だけで済む >>818
ParentNode.append()も内部でDocumentFragment使ってるぞ
createDocumentFragment()して
fragmentにappendChild()する部分を代わりにやってくれる 複雑でないなら
文字列で必要なhtml作っておいて
最後にポンと追加するのがバランスいい >>813
安定させたければ
PWAをインストールしてもらうしかない こんばんはー！
INPUTでpattern書いてバリデートしているときに
今入力文字列が正しいか正しくない（赤枠光ってる）かを
JavaScriptで拾うことは可能ですか？ こんなコードあったんですがどういうこしですか？
(function test(){
ここにいっぱい処理が書いてある
})(); >>827
関数を定義して実行してる(即時実行)
そのケースはスコープを切る目的で使ってる >>829
ありがとうございます
では
function test(){
ここにいっぱい処理が書いてある
}
test();
と同じことですね？
なぜそんなひねくれたコードにするんですかね。
よくわからないのは混乱のもとなのに。 >>830
そう書くとグローバルのスコープにtestという名前の関数ができて名前空間を汚染する
ライブラリの作者なんかを含めてみんながそれやっちゃうと名前が衝突するでしょ あー、moduleが一般的でない時代の名残だと思ってもらっていいよ
今はESのmodule使えば必要ない IEで動くように修正しろ、今すぐ、いつ出来るか？すぐ返事 IE9でもJSは動くようになりましたが、CSSのtransformが効きません
全部jQueryで書き直してください
ってことでサポート外ブラウザは仕事受けたら負け 書き直せばええやん
そのためにIEサポート用の追加費用もらってるんやろ なお貰っておらず言われたらしぶしぶ追加対応する運ゲーやってるマヌケもいる模様 個人相手だったら
そいつの年収の7割以上になるくらい発注しておいて
値下げに応じないなら全部引き上げますが
ってやるのよな 初見 Mathjaxについて質問
これ、バージョンが2と3でstyle要素に書く文言が大きく変わったみたいなんだが、分かりやすく説明してるサイト教えて ■ このスレッドは過去ログ倉庫に格納されています
