のテンプレを読んだ上で質問してください。次スレはがのテンプレ案(本スレで改善案があれば考慮)を元に立ててください
■質問を書く上で
(1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。
(2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。
(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など)
(3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。回答者はなりすましを判断できませんので、なりすましが現れても自己責任となります。
(4) 常に自発的に調べる心構えを持ってください。
具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。
わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。
(5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。
(6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。
※必ず「問題の事象が再現されること」を確認してください。
必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。
(7) サンプルコードに HTML が含まれる場合は
ttp://http://validator.w3.org/ で [Check] してみてください。 (8) 質問を具体的かつ詳細に書くと回答を得られやすいです。の質問テンプレートを活用してみてください。
(9) 時にはあなたが望む「答え」だけでなく、「意見」などが寄せられる場合もあります。
+ JavaScript & jQuery 質問用スレッド vol.7 + [無断転載禁止]©2ch.net
ttp://mevius.2ch.net/test/read.cgi/hp/1467906819/
jQuery 質問スレッド vol.8
ttp://mevius.2ch.net/test/read.cgi/hp/1508707878/
ttp://https://caniuse.com/ ⇒
ttp://http://asaswq3wq.sblo.jp/article/181819223.html 興味がある人だけ見てください。
JIAVMJEURL
ttp://https://youtu.be/lKnWfKbIR44 検索対策かなにかかもしれないな。
答える気はないが、テキスト化だけはしておこう
Please add the corresponding keywords to add the external sample.js file to the web page.
<[script] [t]="text/javascript" [src]="sample.js"></script>
My Movie 3
Japan HIKIKOMORI (
ttp://https://www.youtube.com/channel/UCTWD4JPnE_tjgB9s_MpYInQ) 2017/12/16 に公開
ttp://https://www.sololearn.com/) で出されてる問題か？
var hoge = function(){};
↓
var NAMAE = {};
NAMAE.hoge = function(){};
名前関数とは何かわからんが、そのようにすることは、
NAMAE という名前の名前空間を導入することを意味する。
そいうのはごく普通に行われているんじゃないかな
よろしくお願いします
ttp://https://jsfiddle.net/user2995/23sfa55o/ .pic {
position:relative;
width:160px;
height:160px;
}
.small {
position: absolute;
top: 50%;
left: 50%;
}
.pic:hover .small {
display:none;
}
わぁできました！魔法のようです！ありがとうございます
訳あって<form>使えず<div>内に多くの<input>や<button>があり、
HTML記述にdisabledがあったりなかったり
動的にdisabledを外したり戻したり
●理想、希望
一括でHTML記述（disabledの有無）通りに戻したい
いい方法ありますか？inputのdefaultValueみたいな
どなたかお願いします
autocomplete="off"
再読み込みではできました
まさかこれで答えたつもり・・・じゃないよな・・・
でミラードキュメントが取れるからそこから探せばいい
.replace(/<("[^"]*"|'[^']*'|[^'">])*>/g,'') と jQueryで .text() は等価でしょうか?
上で試したら、どちらも「あAB」になった
それか、ソースコードを読むとか
jQuery 内では、Sizzle を使っている
Sizzle CSS Selector Engine v2.3.0
ttp://https://sizzlejs.com/ text()の挙動とは関係ない
両院で、改憲議員が３分の２を超えております。
『憲法改正国民投票法』、でググってみてください。国会の発議は
すでに可能です。平和は勝ち取るものです。お願い致します。☆☆
JavaScriptで行うと答えが返ったので、
ここで質問させていただきたいと思います。
この５ちゃんねるのように「>>数字」をマウスホバーしたら
安価先の全文をポップアップ表示させることは可能でしょうか。
できれば、表示の際に囲っている線は無表示にして
背景色も設定したいと思っています。
サンプルコードは無いです。よろしければご教授下さい。
HTML、CSS、JSを基礎から勉強していけば数年後に自ずと分かる
カレーを作るのは簡単と言えるだろう
でもそれは当然家に便利な道具があって、家の近所の店に当たり前に材料があるということ前提だ
米を準備することは簡単だろう
でもそれを説明するのは難しい
炊くのか？買ってくるのか？によっても違う
買ってくるにしても、店を一度も使ったこともない、
売ってる米を見たこともない幼稚園児に教えて買いに行かせるのは困難だ
そして米を買ってこさせたとしても、そこからがカレー作りの始まり
そんなの教えられると思うか？
最低でも基本道具の使い方を知っている人にじゃないと説明なんてできない
いくら初心者向けの質問所と言ったって、JavaScriptのJの字も知らない人を相手にできるはずがない
実際の物づくりっていうのは「応用」なんだから、「基礎」を知らない人は願い下げよ
近くのスーパーにカレー用に切られた野菜パックが
あるかどうかで決まる
幸いなことに俺んちの近くのスーパーには
それが売ってあるので、買って家に帰ったら
鍋に投入して終わりだ。包丁も使わねぇ
10日でおぼえる jQuery 入門教室 第2版、2013
まず、この本を読め
ちと古いが（というか新しい本がほとんどない）
jQueryのAPIは安定していて大きな変化はない
変わったのはDeferredぐらいだろうな
コアjQuery+プラグイン/jQuery UI 開発実践技法 （有名なin Actioシリーズ の jQuery in Actionの翻訳）
ttp://https://www.amazon.co.jp/dp/4798124281 jQueryクックブック (オライリー）
ttp://https://www.amazon.co.jp/dp/4873114683 新人プログラマのためのjQuery Webアプリケーション開発講座
ttp://https://www.amazon.co.jp/dp/4899772580 一旦値（たろう）をセットし、後に変える（じろう、さぶろう）場合以下でいいでしょうか？
var Member = function(first, last){
this.firstName = first;
this.lastName = last;
};
Member.prototype = {
setName: function(){
var res = this.firstName + '-' + this.lastName;
$('#hoge').text(res); //処理例
}
};
var mem = new Member('やまだ', 'たろう');
mem.setName();
alert('次'); //確認用
mem.lastName = 'じろう';
mem.setName();
alert('次');
mem.lastName = 'さぶろう';
mem.setName();
いい場合、値セット（mem.lastName = ）と処理（mem.setName()）を1度にしたい場合はどうするのでしょうか？
必ずセットで用いられます。
あと、setNameという名前だと普通メンバーの名前の設定のためのメソッドに見える
そもそも、名前を書き換えられるのは変
それから"first"Nameって日本で言うと名字じゃない方のことだからね、逆になってる
日本人名しか入らないなら(sei,mei)でもいいと思う
もしくは汎用的にオブジェクトを引数に取るようにする
const Member = ( () => {
const map = new WeakMap
const priv = own => map.get( own ) || map.set( own, { __proto__: null } ).get( own )
return class Member {
constructor ( nameObj ) {
Object.assign( priv( this ), nameObj )
}
getName ( order = 'last-first' ) {
return order.split( '-' ).map( pos => priv( this )[ pos ] ).join( '-' )
}
}
} )( )
let mem = new Member( { first: '活男', middle: 'ジャイアント', last: '磯辺' } )
let name = mem.getName() // '磯辺-活男'
$( '#hoge' ).text( name )
名前の付け方と値自体はあるサンプルを適当に改変したものですのでスルーでお願いします。
IE9以上でお願いします。
クソコードと呼ぶにふさわしい
＞必ずセットで用いられます。
lastNameをdefinePropertyで定義して、そのsetの中でthis.setName()呼べばいいだけ
あまりに酷い場合そこをおざなりにして話は進められない
ありがとうございます。
だから実際の名前は全然違うんですって。
firstでもないし'たろう'でもないのです。
これだけツッコミ受けてるのはまだコードが無い方がマシなレベルで酷いんだと自覚した方がいい
質問でも質問者がクソコード貼るか貼らないかで大違いだ。どんなクソコードでもいいからなるべく貼ってくれ。お前の日本語?の説明よりよっぽどマシ。
> IE9以上でお願いします。
はいどうぞ。技巧的なことはしない必要十分なコード
function Member(param) {
function getName(order) {
var keys = (order || 'last-first').split( '-' );
var values = keys.map(function(pos) { return param[pos]; });
return values.join( '-' );
}
return {getName: getName};
}
var mem = new Member({first: '活男', middle: 'ジャイアント', last: '磯辺'});
var name = mem.getName(); // '磯辺-活男'
JSって色んな書き方ができる言語だけど、
逆に言うと回答する際細かい部分で何が良いかは変わってくるということ
特にここは初心者が質問するというスレの性質上
ただ機械的にQ&Aを返すんじゃなくて根本的に待ったをかけて『モラル』を教える必要もある
例えばファッションで、ネクタイをかっこよく結びたいっていう質問が来た時、
下ふんどしで下駄の写真が付いてきたらツッコミ入るでしょ
そもそもネクタイ無い方がいいんじゃねってこともあるし、
細かい部分から色んな関係性を想定して全体のバランスを考えて初めて
どう結ぶのが良いかって言うのが求まるんだから、手を抜いちゃ駄目だよ
だって関数やメソッドを１つ増やせば良いとも考えられるしね
はたまたのようにクラスの設計の段階で組み立てるのか、
結局他の方法も含めて状況による
俺が現状で回答できるのはで言ったようにおかしい部分を直して
まともに検討できるコード例を持ってこようということ
話はそこから
> そもそも、名前を書き換えられるのは変
変じゃないよ
変じゃない場合もあると思う
ただ「人」を表すクラスのインスタンスっていうのは「個人」
「名前」っていうのは「個人」のIDのようなもの
インスタンスのIDに当たるものを書き換えて別の存在にするっていうのは、
やってはいけないとまでは言うつもりはないが、一般的には大胆すぎる
基本的に、インスタンスっていうのは、必要なときに新たに生み出して、使い捨てるもの
書き換えて再利用するなら、クラスやコンストラクタを使わなくても良い
変じゃないな。
ttp://http://d.hatena.ne.jp/keyword/%A5%BC%A5%EB%A5%C0%A4%CE%C5%C1%C0%E2 いや変だなｗｗｗｗｗ
> 「名前」っていうのは「個人」のIDのようなもの
名前をIDにしたらだめ
被るだろ
するどいツッコミだが、
アイデンティファイではなく、アイデンティティという言葉を言いたかった
DOMのタグもtagNameは書き換えできないし、できたら変だと思うだろう？
そういうことだ
だから、名前が一意になるオブジェクトはあるだろうが
今回のMemberの場合なら名前をにしたらダメだろっていってる
そして名前は変わるだろと言ってる
鋭くもなんともねーよ。常識的な話だ
> アイデンティファイではなく、アイデンティティという言葉を言いたかった
更に意味わかんねーよ
動詞 アイデンティファイ identify の
名詞形が アイデンティティ identity だ
動詞ではなく名詞にしたかった言いたいのか？
> DOMのタグもtagNameは書き換えできないし、できたら変だと思うだろう？
なんでnameの話してるのに、tagNameの話になってんだか
DOMのタグであれば、フォーム要素がnameを持っている。
もちろん書き換え可能だ
お前もうめちゃくちゃだなｗ
"identity"と"identifier"はIT用語では別物だぞ？
まあそれは良いし、お前の頭がポンコツなのはわかった
ポンコツなお前とメチャクチャな俺でこれ以上スレを汚すのはヤメヤメ
あーはいはい生産性０の話はもうオワリ！ここまで！
アイデンティファイ identify
↓
アイデンティティ identity
↓
アイデンティファー identifier
お前混同してるだろ
ついでになんか見つけたｗ
"Identity" と "Identifier" を混同して "ID" と言わないように
一般的に使われる "ID" は "identifier" （識別子）の意味であって、 "identity" （同一性）の意味ではない。ぜんぜん違う。
ttp://http://zerobase.hateblo.jp/entry/2013/03/02/181858 生産性0なのはお前のレスでは？
> "identity"と"identifier"はIT用語では別物だぞ？（理由なし）
理由も言わずに、違うったら違うんだ！って言ってるだけ
説得力0だぞ？
>コードが無い方がマシ
こういうのに限ってコード出せと言うくせに
も読めてないのかな
割り込み失礼
各要素に複数の値持たせ、2つの要素同士または複数要素の、全値を交換するとする
（各要素にidがあるがそれを交換するのはNG）
全値を各々操作するとバグの原因になりかねないので
インスタンスに持たせてそれを交換
値は変わることもある
これはダメ？
結局、値は各要素に持たせずインスタンスに持たせてる
想定してない使い方?
どうもです。思ってた以上に入り組みますね。
元文のまま2行でやるか関数作ろうかと思います。
function func(str){
mem.lastName = str;
mem.setName();
}
画面右の赤線で囲った部分を、画像左の赤線内と同じHTMLの表示に変える方法を教えてください。
ttps://dotup.org/uploda/dotup.org1486462.jpg >メンバーというクラスなのに、固定要素への書き出しのメソッドを持つのは変
どう変？正解コードプリーズ。
左の画像には、<div class="form-group"> とあるけど、
右の画像には無い
左右は、全く異なるものだから、関係性がない
ttp://http://klutche.org/archives/682/ すいません、このサイトでDIVブロックコンテンツをクリックで切り替えってのやってるんですが
これ２DIVを同時制御したんですが、この場合どうやればいいんですかね？
該当ソースの↓
var activeTab = $(this).find("a").attr("href");//アクティブタブコンテンツ
$(activeTab).fadeIn();//アクティブタブコンテンツをフェードイン
var activeTab = $(this).eq(2).find("a").attr("href")とかnext()；とかやってみたんですがだめでした
<img src="01.jpg" width="200" height="150" alt="01"><br>
コンテンツ1
</div>
↑のブロック２つ続けてコピペ、同時表示したいのです
セレクターに、$('#tab1') を使え
【JS】 <script>
var module = ons.bootstrap("myApp",[]);
module.controller('MainController',function($interval){
var date = new Date();
var now_hours = date.getHours();
var now_minutes = date.getMinutes();
var now_seconds = date.getSeconds();
this.hours = now_hours;
this.minutes = now_minutes;
this.seconds = now_seconds;
$interval(function(){
date = new Date();
now_hours = date.getHours();
now_minutes = date.getMinutes();
now_seconds = date.getSeconds();
}, 1000); }); </script>
【HTML】 <body>
<ons-navigator page="main.html"></ons-navigator>
<ons-template id="main.html">
<ons-page ng-controller="MainController as ctrl">
<div class="content" style="text-align: center;">
<p>現在の時刻<br />{{ctrl.hours}}時{{ctrl.minutes}}分{{ctrl.seconds}}秒</p> </div>
</ons-page> </ons-template> </body>
一応、実行時の時刻は表示されるのですが、intervalで時刻の更新ができていません。
console.logでnow_secondsの内容を出力させてみると(intervalで)、きちんと取得できているみたいです。
ということは時刻が反映されていないだけだと思うのですが、その方法をどなたかご教示願います。
(ソースコードが見にくいのはすみません。投稿の際の改行数が多いみたいで...)
+ JavaScript の質問用スレッド vol.132 +
ttps://mevius.5ch.net/test/read.cgi/hp/1520329583/ Biggerlinkでリンクをdiv要素に拡大させた部分をクリックすると通常ウインドウで
開いてしまいます
これをうまく回避する方法はありますか？
残念ながらjQueryのプラグインの話はこのスレの対象外なんだよ
jQueryは世界中で多くの人が使っているが、
そのプラグインを使ってる人は少ないだろ？
そんな話をされても使ってる人がいない
jQueryの話ではなくそのプラグインの話になってしまう
Biggerlinkとやらを見るとjQuery 1.3と書いてあるし
10年ぐらいの前のものだし別の使ったら？
ここ以外で聞ける場所が見つかりません
そんなに昔の、近頃開発されていないようなプラグインは、
代わりのものを探した方が良い
html5になってブロック要素をリンクできるようになったとはいえ
リンクが複数だとこれ使わないと面倒だし
自分で作れば？
SASS で、<a>タグがあれば、
その親タグに、<div class="biggerlink">を追加するような、機能は無いのか？
それか、jQuery で自作するとか
$('a').biggerlink() とかするだけだろ
ttp://http://otani-webs.com/lab/javascript/100823.html > box全体にリンクを適用させる場合、divをaタグで括るわけにいかないので苦労するわけですが、
言ってることが古い。HTML5になった今はdivをaタグでくくればいいだけ
こんなもん完全にいらねーじゃねーかｗ
div要素にaタグ複数入れる場合は
html5じゃできねーだろ
<div> ・・・div要素に
<a href="">1</a> ・・・ aタグ
<a href="">2</a> ・・・ 複数入れる
<a href="">3</a> ・・・ 場合は
</div> ・・・昔からできますがなにか？
というかが何ができないと言ってるのかさっぱり分からん
少なくともdivにaタグ複数入れられるし、
逆にaタグにdivだって入れられる
ということでBiggerlinkは捨てろが正解
じゃないから本意はわからんけどさすがに君が状況を理解できてなさすぎだろう
HTML5では
<a href="./page1.html">
<div> </div>
</a>
はいいけど
<a href="./page1.html">
<div>
<a href="./page2.html></a>
<a href="./page3.html></a>
</div>
</a>
これができないと言いたいのでは？
そういうときは普通の人はaタグのネストというんで
ぜったいに違うね。（もしそうならそいつが馬鹿）
バカすぎワロタ
> div要素にaタグ複数入れる場合は
> html5じゃできねーだろ
らしいぜ？ｗ
恥の上塗りすんなよ恥ずかしいやつだな
というのが
aタグの中にaタグを入れるという意味だとしたら、
そもそもaタグをネストしてどうするつもりだって話になる。
リンクの中に別のリンクを入れるって意味不明だし
例えばだけどRSSリーダーを作るとする
記事ひとつに対してカード型のDiv要素を作ってその中に
画像とタイトルに記事へのリンク
サイト自体へのリンク
お気に入りに追加するボタンやその他操作リンク
を入れるとする
スマホからのアクセスを考えるとカード型Div要素全体を記事へのリンクにしておきたい
この場合がまさにそうだろ
俺はこういった場合別の方法で回避してるけどね
その別の回避方法教えて
aの中にaを入れるとか使いづらくしてるだけだわｗ
ごみみたいなサイトをつくってあれはおかしいこれはおかしい
といってるやつよりFeedlyやInoreaderを作ってるやつの意見のほうが貴重
PV100/dayのサイトで何が悪い？
コーディングは完璧だぞ？
ページを移動させるためだけに、あんなプラグイン使ってるの？
5行ぐらいか多くても10行も行かずに作れそうなのに
1. セレクタ & イベントハンドラ (
2. デフォルト処理キャンセル
3. リンク先情報取得 & オープン
4. 括弧閉じ )
やることと言ったら、これぐらいなもんだろ
じゃないけど、それぐらいすぐに思いつかないと
プロ失格だぞ。プロじゃないかもしれないけどｗ
relativeとabsoluteを使えばいいだけ
aの中にaとかアホすぎるｗ
クリックできる場所と、リンクするもの が違うってことを理解してないからだね
リンクがクリックできるのはブラウザが提供している機能であって
リンクは単に他のページ（リソース）とリンクしているという情報なだけ
だからdiv要素全体をクリックしたいのと
div要素全体をリンクにするというのは意味が違う
div要素が仮に記事へのリンクだとしたら、
div要素の内容と記事がつながっているわけで、
そこにサイト自体へのリンクが入っていることはおかしい。
なぜならリンクしてないから
「お気に入りに追加するボタンやその他操作リンク」と書いているが
これは他のリソースへのリンクではないので、a要素を使うのは間違い
（その他の操作の内容にもよるが、少なくともお気に入りに追加はリンクではない）
a要素をリンク可能な場所みたいに考えてるから、変な構造を作ってしまう。
何と何をつなげるのか？で考えれば自ずと、記事を表すの中に入れるのは間違いだおｔ
気づくはず。そのうえで見た目をどうこうしたいのであればそれはCSSの役目
おっしゃお気に入り追加ボタンをa要素で実装してる
inoreaderに説教してこい
俺の書いた文章を勝手に送信してくれ
大手だって間違えてるぞ！って言われても
はい、大手でも間違えますとしか言いようがないんだが
クレームつけるのは自分でやってくれって話
なんで自分で反論せずに、大手様に反論して貰おうとしてるのさｗ
何と戦ってるのこの長文マンは
頭大丈夫か？統合失調症ちゃうか
被害妄想過ごそう
大手だからこそバリデーションくらいして欲しいわ
なんでこう誰でもできるような低賃金言語ってこうもすぐ荒れるかな
もっと他のことにプライドもてよクソ共
オフィススイート全部jsで書くとか悪夢だ…
しかもtypescript無い時代に…
Javaで作ればJavaScriptも作ってくれるとか？
もしかしてもうオワコン？
ゴミをたくさん作ってるのもGoogleだなｗ
やれやれ
いや、そんなにないと思う
どちらかと言えばそれは当てはまるもの全てに処理したいから、class使ってねということだろう
そういう場合はカスタムエレメントでも使ったほうが良い
そうすれば要素が作られた時、挿入されたときに即座に適宜処理ができるんだから
あとから要素をclassで検索して機能を付与するとか、
スマートな解決策のように見えるかもしれないけど、それって実際はただのハックだからね？
どっかの誰かが作った物があって、それに対してハックしたいなら非常に便利が良いと思うよ
でも今どき、オマケでJSによってページを補正するみたいな開発や考え方はしないからね
HTML5の勧告に纏わる公式文書にも書いてあったけど、
HTMLっていうのはアプリケーションプラットフォームになってるんだよ
つまり土台であって、その上にJSとか乗っかって１つのものができるわけ
それが横並びだとか、化粧程度だとか、もしくはJSはHTMLを改造するためのドリルみたいに
捉えてるのだとしたら、その考え方は古臭いと思うよ
686Name_Not_Found2018/03/28(水) 23:31:40.90ID:???
> そういう場合はカスタムエレメントでも使ったほうが良い
そのカスタムエレメント作る用途で使えるって話でしょ？
っていうか、どうやってそれ作るの
ちょっとサンプル書いてみてよ
687Name_Not_Found2018/03/28(水) 23:32:38.83ID:???
> HTMLっていうのはアプリケーションプラットフォームになってるんだよ
それは一部の話ね。
ブログ、ニュース、企業サイト、情報掲載と、
これらウェブの大半はアプリケーションじゃない
HTMLがアプリケーションプラットフォームって考え方は
ぶっちゃけ危険極まりないよね・・・
俺もそう思う。
HTMLで文書じゃなくてアプリケーションを作るっていうのは
ごく一部だよ
大抵はHTMLとCSS、そしてJavaScriptでちょっと味付け
これから変えていこう！なんて波は来てない
素のJSでは、661 のように書く
だから互換性が高い、jQuery のremoveを使った方がよい
一々、各ブラウザの機能を調べて、素のJSで対応するのが面倒くさい。
古いブラウザを使っている奴もいるし
同じ処理つけたい要素を不定数生成しなきゃいけないときは
createElementの時listenerつけたりhandlerの内側でやらせる手がある
classで処理振ると他の場所でclassを
使いまわしされたら想定外のバグが出そう
個人レベルの小規模なら問題にならないかもだけど
それ単にクラスの名前つけルールが無いと困るって言ってるだけだよ。
CSSでも発生する問題
.enabledというクラス名を付けていたら、
他の場所で使い回されて困った。
これと何も変わらん
デザイナはcss変えたために自分の領域で問題が出ればすぐ把握できる
けどjavascript側で問題が出てもわからない
だから切り分けが大事
好きな要素をextendsしてregisterElementするだけじゃないか
そこにjQueryを使う？好きにしたら良いと思うが、
やっぱりjQueryありきの考え方だねと言わざるを得ないね
でも他のライブラリとかも使うかもしれないし、
jQueryで処理しちゃあ生要素に戻して他で処理するみたいなクソコードになると思うよ
それなら最初からjQUeryで完結させたほうが良い
jQueryはそういう他との相容れなさが欠点だからね
remove()が使えない？ 使いたい機能があって使えない環境があるなら
ポリフィル書くなり用意するなりすればいいじゃないか
そんな１００も２００も要るようなことなんて無いしね
それが面倒だからjQuery使うというのはOK
だけど最初から使ったほうが良いという考え方はNG
この違いが分かるか？
結局jQueryありきの価値観の人達って、他と相容れないjQueryを使いすぎて
例えばちょっとポリフィルを作って数個の素朴なライブラリを組み合わせて使うとか、
他のフレームワークを使った方が今回は良いんじゃないかとか考える能が無くなってるんだよ
jQueryだってやり方によっちゃ組み合わせて使える力も持ってるけど
上のカスタムエレメントの件で分かるように使いこなせてないしね
要するに考え方がいつまで経っても超古臭くて閉鎖的なんだよね
とりあえずjQuery使っとけばいいだろうみたいなのはやっぱり良くないよ
物は１つ１つ考えて良く使わないと
JavaScriptに取り込まれてること自体が
jQueryの多大な貢献を示していると思うけど
> カスタムエレメントどうやって作るの？という質問の意味が分からない
> 好きな要素をextendsしてregisterElementするだけじゃないか
だから、このスレか、jsfiddleなどに
実際に動くコードを一つ書くだけですよ。
一行で書けます！とか
そんなせせこましい次元じゃなくて
100行必要なところが1行になります！とか
一般に実装されてなくて個人で実装するには難易度が高い関数が使えます！
とか、そういうのないの
jQueryを超克したライブラリだと思います
そういうライブラリないんですか？
JavaScript ライブラリ総合質問所 vol.5
ttp://mevius.5ch.net/test/read.cgi/hp/1465399470/ 例えば今は必要性薄くなってきたけどsha512使うためのライブラリとか
zip/unzipするためのライブラリとか
自分で書くには行数すごくなるしいろいろと問題もある
むしろライブラリってこういうのが基本で
jQueryみたいなのは今やどっちかっていうと
「ショートカット集＆ポリフィル集」じゃないの？
置き換えたらDOM操作以外の余計なものまで付いてくるので困りますね
> 通常四行必要なところが三行になります！とか
> 一行で書けます！とか
> そんなせせこましい次元じゃなくて
四行必要なところが一行になったら1/4
1000行が250行になるんだが
> むしろライブラリってこういうのが基本で
> jQueryみたいなのは今やどっちかっていうと
> 「ショートカット集＆ポリフィル集」じゃないの？
数式だよ
「変数Xに5を加えたものを三倍する」
冗長だね
(X + 5) * 3
短い
jQueryは冗長な表現を短くすることができる
これにより可読性が高くなりレビューしやすくなるしバグも少なくなる。
簡潔な表現方法を知っていれば、あえて冗長に書く理由がない
jQueryがライブラリじゃないというのなら
もっと基本な文法に相当するものだと言うよ。
○文字節約できます！
以外にどんな機能を提供してくれるの
関数型風のプログラミング機能
あと機能じゃないが開発工数の削減と
バグを減らしてくれる
開発工数の削減ってそんなに重要なことなのかって話だよ
横から申し訳ない
カスタムエレメントってどういうときに使うもの？
いまいち理解できんのでよかったら教えてくれ
つまりHTMLパーツのコンポーネント化っていう
概念がなくて行き当たりばったりでCSSでデザインしてるだけ
こういうやつもいるからjQueryでクラス使って
コンポーネントに対して処理をする便利さが理解できないんだろうな
それな
jQueryの代替のフレームワークはJavaScriptのフレームワークで
HTML+CSSメインの作り方からJavaScriptメインに
代わってしまう。
わかりやすく言えばプログラミングできなきゃ
HTMLも表示できない。jQueryの利用者が今も増え続けてる理由だよ
ttp://https://w3techs.com/technologies/history_overview/javascript_library/all ここ二ヶ月の間73.2%から増えてないから
とうとう上げ止まったか？と思ったら今月73.3%になった
よかった。jQueryの利用者はまだ増え続けてたんだ。
要素をカスタムしたい場合、という回答では不十分か？
今回の件に限らないけど、どうして何かしら例を出した程度の場合に
そいつにその物事についての説明やサンプルを求めるのかがさっぽり理解できない
俺の考えを知りたいのか？、それとも俺を試してるつもりなのか？
そんなの適当にググって出てくるサイトの筆者の方がよっぽど詳しいし
よっぽどためになる事書いてあるに決まってるだろう
俺はカスタムエレメントの申し子じゃないんだからさ
でもとりあえず上のclassの話で回答しておくと、
要素に何かしらの機能や性質を持たせる、という考え方と違うものとして
何かしらの機能や性質を持った要素が定義してあって、それを使うという考え方を挙げた
例えば一部で幾つか配列操作メソッドがほしいときに、
Array.prortotype、もしくはArrayのインスタンスにメソッドがを定義するのではなく、
Arrayをextendsしたクラスを用意しておいて、必要なときではそちらでインスタンスを作るということ、
このたとえならjQueryはlodashを使うことに近いのかもしれない
ただし、そのlodashは入出力がArrayではなく、独自のArrayLikeオブジェクトになってるって感じ
そこがちょっと無視できないポイント
つまり基本的にlodash世界内で完結するように書くものであって、
lodashに一旦通して配列を加工して、lodash空間はそこで一旦終わらせて、
次に別のものに通していくってことが、ロジック上難しいのではないけれど、概念上困難ということになる
jQueryならサクッとできることが
カスタムエレメントだとすごく大変
具体例
JS は、Ruby, Python みたいに、
バッテリー同梱(batteries included)じゃないから、
標準ライブラリ・フレームワークが無く、自分で探さないといけない
各ブラウザ・スマホの実行環境を考慮した結果、標準にしない方がよい。
標準にすると、性能などで困るメーカーが出てくる
でズバリ具体例を言ってるだろ、コードが欲しいってことか？
具体的に何の具体例をどういう目的で欲してるのかも分からんし
そんなん比較で色々書いてたら俺が書いてきた長文以上の量になるだろう
複数の要素を扱うってことで例を考えるとHTMLだけでもそれなりになるし
書く意味も分からんし書く気は無いよ
Reactは１ミリもweb component/custom elementと関係ありません。
知ったかするな！
しいていうならPolymerだバカ
今のAngularやReactなどのフレームワークは死滅する
一番の問題はフレームワークと共存できないということ
フレームワーク側もシェア維持のためにWeb Componentsに対応するのだろうが
今と作り方がまったく変わってしまう
だけどjQueryはただのライブラリなので、Web Componentsと共存できる
部分的にjQuery、部分的にWeb Componentsを使と言うことが可能
またWeb Components時代になってもコンポーネントとコンポーネントをつなぐ
必要がある。ここにjQueryは使うことができる。
コンポーネントが見つからない場合、今までどおりjQueryを使うこともできる
混ぜて使うことが可能。これがjQueryの大きなメリット
<honoka></honoka>
とかやっておくとかわいい女の子が表示される
みたいなものｗ
ページ全部が作れるのか
正直全部どうでもいい
そんなのより
全部のブラウザでasync/await使えるようにしてくれよ
いつだよ
babel使え
「jQueryは死んだ」というのが流行ってただけで
実際はむしろ成長中だったのですね
しいていうならJavascriptは永久に100%
Javascriptはお釈迦さま。てのひらの上で一番うまく踊れるのが誰か競ってるのがライブラリ。
ブラウザがお釈迦様。手のひらの上で踊らされてるのがフロントエンドエンジニア。
リンク先には各ライブラリのシェアだけではなく
ライブラリを使わないというNoneもはいってるよ
だから正確には、どのライブラリ or ライブラリを使わないで競ってることになる
ライブラリを使わないっていうのは素のJavaScriptを使うという意味だ
お前が言うJavaScriptはライブラリを使わないという意味じゃなかったのか？
それともjQueryを使っていてもJavaScript100%に含まれる
（だからこのスレの話題としてOKってことか）
Noneの割合は年々減っている。現在は23.7%。
最近は一年で1%減るぐらいのペース
jQueryはその逆で一年で1%増えるぐらいのペース
流行りものに流されっぱなしの
JavaScripterだけな気がするｗ
jQuery使いはストイックだよ
もう10年も踊ってない
言語の未来の形を先取りしているものなので、お釈迦様というのは言い過ぎではないでしょうか？
ライブラリに先導されてJavaScriptはその後をヨチヨチと付いてきているのですから
むしろライブラリの方がお釈迦様的です
javascriptで書かれてるからなｗ
できることと言ったら実現可能なことを、早く安く作れるだけだ
ライブラリもそれと同じ
こればっかりはアセンブラでは実現できないｗ
その None にはスクリプトすら使わないというのは入っているのかな？
生JavaScriptを使ってる人はもっと少なくなるな
機能単位で見たら生jsクソほどありそう
調査方法載ってないんだよな
調査方法載ってないデータはクソ
この手の調査はだいたいそんなもん
>クソではないということになりました。
具体的な調査方法が一切無い時点でクソ
たとえばあるサイトにwordpressがどっかにあればそのサイトは各種ライブラリを使っている！と判断されるかもしれない
少なくとも「新たな開発に○○を使っているかどうか」の実証にはなりえない
> 彼らが望むのであれば、ウェブサイトはほとんどの技術を隠すことができるため、
> このタイプの調査は100％正確であることは不可能です。
Webサイトのサーバ側で使ってる言語なんかはともかく
ライブラリも含めて難読化でもしない限りフロント側はかなりわかるはずだよね
良くわからん計算で勝手にこのドメインのアクセス数はいくつ、時価は何ドル、ってやってるクソサイトと同列
sites infoで自家鯖ドメインがNTTのクラウド使ってるとか診断されてて草
たしかにw
わろた
> >クソではないということになりました。
>
> 具体的な調査方法が一切無い時点でクソ
こっちに具体的な調査方法が書いてあるよ。
+ JavaScript の質問用スレッド vol.132 +
ttps://mevius.5ch.net/test/read.cgi/hp/1520329583/742 > サイトの一覧ないと再検証できないじゃん
それは、自分で複数のサイト（少なくとも数千レベル）を調べて
こうだったって言えば良いのでは？
再検証はできなくても反論はできるでしょ？
再検証できないじゃんというだけじゃ反論にはならないので
相手のデータを否定したことにはならない。
データを否定するもなにも
w3techsのはデータじゃなくて妄想
それを根拠に語るお前も妄想
こっちでやろうとしてるのか。卑怯だなｗ
むこうのスレからコピペするね。
調査方法は以下に書いてますね
ttp://https://w3techs.com/faq > 調査方法載ってないデータはクソ
あなたの主張からすると調査方法載ってるので
クソではないということになりました。
英語わからないならGoogle翻訳使うといいですよ。
> どの技術がサイトで使用されているかをどのように知っていますか？
>
> 主に、Webページのダウンロード時にサイト自体が提供する情報を使用します。
> 言い換えれば、私たちは検索エンジンのようなWebページを取得し、その結果を分析します。
> さらに、Alexa、Google、Microsoft、ipinfo.ioなどのソースから公に入手可能な情報を使用しています 。
かと言って俺が翻訳するのは面倒
嘘はいけないなあ
主にトップページしか検索の対象にしてないってかいてるやんw
クソデータ決定だなw
しっかり書いてある。英語を読まないから見つけられない
> あなたはホームページだけ、あるいは内部のページだけを分析しますか？
>
> それはサイトについて既に知っているものに依存します。
> しばしばそれはホームページでしかありません。
> 多くの場合、我々はより深くクロールします。
卑怯ってなんだよw
あっちはすれ違いだろ
勝手にお前があっちに貼ってるだけだろ
ばかじゃねぇの?
分散させようとしてスレ違いのとこにかってに書き込んでるお前が卑怯だろ。
頭いかれてるっぽいなこいつ。
>
> That depends on what we know already about the site.
> Often it's only the home page, in many cases we crawl deeper.
なお翻訳前の英語。短いから手動で訳してあげると
あなたはホームページだけを解析しますか？ それとも内部のメージも？
私達がすでに知っているサイトの内容に依存します。
しばしば、それはホームページだけですが、多くの場合、私達は深くクロールします。
これは基本トップだけ検索してます。でもより深くまでクロールすることもあるよって意味ですが?
コンマの意味分からんのか?
「in many cases」をどこにどうやって入れるつもり？ｗ
重要な単語を２つ省略する自称英検一級ｗｗｗ
(警察車両ナンバー入り)
ttp://https://www.youtube.com/watch?v=gTOBN1AkSz0 ttp://https://www.youtube.com/watch?v=bbPcpPwO3ug ttp://https://www.youtube.com/watch?v=de1jeSPGGNo 怖ろしくてお漏らししそう´・ω・｀
Egde のプラグインの、翻訳ボタンを押せば、そのページを翻訳できる
var T = (function() {
return {a: 3};
}).prototype.aaa = function() {};
new T;
ってやったら凄い勢いでchrome 全ウィンドウ落ちてタブも復元できなかったｗｗｗ
みんなもお試しあれ
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="refresh" content="1;URL=PCで飛ばしたいURL">
<script type="text/javascript">
if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0) {
location.href = 'PC以外で飛ばしたいURL';
}
</script>
</head>
<body>
</body>
</html>
この書き方ですと、PCでは「PCで飛ばしたいURL」へ飛びますが、PC以外では「PC以外で飛ばしたいURL」に飛びます。
ここで質問なのですが、android端末のみに飛ばしたいURLを指定する場合、どのようにscriptを記載すれば宜しいのでしょうか？
location.href = 'android端末のみに飛ばしたいURL';
} else if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0) {
location.href = 'PC以外で飛ばしたいURL';
}
正常に動く
T.aaa {}
と表示される
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』
F8AFC
マルチ広告死ね。儲かる言ってる割に宣伝必死だなｗｗ
借金で首吊れやｗｗｗ
ttp://http://www.kigyo88.com/visa/ このホームページの外国語タブ使われているのは、JavaScriptでしょうか？
それでこのような翻訳機能が出来るやり方が載っている『本』とかありましたら
教えていただけないでしょうか？
表示を切り替えてるだけだから、JSもシンプルだし、別にラジオボタンとCSSでもできる
でも勿論それが銀の弾丸というわけではない
コンテンツがシンプルで量もそれほどない、という前提があって使えることだし、
もしかすると翻訳のことも考えた結果のデザインになっているのかもしれない
つまり何かを実現するための方法というのはその時その時の他の要素で大きく変わるし、
何かを実現しやすくするために別の何かを調整しておかないといけないことも多いので
そんな話は簡単ではないし、勿論本を見て勉強するようなことではないということ
所謂応用力だから
let b = $('<p>b</p>');
$('#hoge').html([a,b]);
このようにhtmlメソッドにjQueryオブジェクトの配列を渡したら問題なく動作しました
何故でしょうか？
追加ではなく入れ替えたいと思ってやってみたら動作したいう次第です
なるほど、これは翻訳をあらかじめ用意してるだけなんですか。
ありがとうございました。
jQueryはよくできているからです。
感心ですね
ありがとうございました
今はjquery自身が実装してるのでしょうか？
mousewheel jqueryでググるとまだjquery-mousewheelがトップに出てきますが、
更新が止まってますし、対象期間を1年以内にすると消えます
セルに直接クレジットカード番号打ち直せばいいんだけど、いちいち結構な手間になってしまう
特にブラウザのCSSのデザインもExcel上に残したいからなおさら
Excelのフォーマットの文字列に該当する設定ってJavaScriptでできたりする？
Excelに、文字列型と解釈させれば良いかも
20桁ぐらいある数値を、Excelにコピーして試してみれば？
jQueryやそれらの古いライブラリはまだpassiveに対応してないので
現状では実質使えないものとなってるがv4.0で対応予定
ttp://https://github.com/jquery/jquery/issues/2871 ここを追うと良い
v4.0までは自分でライブラリ書くと良いよ
passive event listenerっていうのは初耳です
console.log(event.originalEvent.deltaY);
})
radioボタンのチェックされた要素番号（？）はjQueryでどう取得したらよいので
しょうか。何がしたいのかというと、例えば第一希望、第二希望、第三希望を
ラジオボタンで選択するのですが、その際、第一希望でチェックされたものは
他の希望は選択できないようにしたいのです。
<input class="kibo01" type="radio" name="第一希望" value="2018/06/01">6/1
・・・
<input class="kibo02" type="radio" name="第二希望" value="2018/06/01">6/1
・・・
<input class="kibo03" type="radio" name="第三希望" value="2018/06/01">6/1
・・・
各classの順番は同じなので、クラスを取得して添え字を基準にdisabledにしているのですが、
jQueryを使えばIE7でも動作するのかなと思っての質問です。
name属性やvalueが日本語、Shift-JISで使えないようなので、クラスを利用したいのです。
jQueryならこうするでも構いません。どうぞ、よろしくお願いします。
name 属性は同じにしないと、同じグループにならない
まず、HTML のラジオボタンから勉強せよ
「html radio checked」「jquery radio checked」で検索！
【jQuery入門】ラジオボタン(radio要素)の取得・選択・checked操作！
ttp://https://www.sejuku.net/blog/46739 私の説明が下手だとは思うのですが、
第一希望のラジオグループと、第二希望、第三希望のラジオグループがあって、
それぞれ同じ項目を持っており、一つのラジオグループで選択された項目を
他のラジオグループではdisabledにしたいのです。
全部書かずに省略した"・・・"なのです。
ttp://https://www.sejuku.net/blog/41231 ラジオボタンのchangeイベントで、
一つのラジオグループで選択された項目を、
他のラジオグループではdisabledに設定すれば？
>name="第一希望"
半角文字以外を使うな
そうするために、要素（添え字）の数を知りたいと思っているのですが・・・。
val()で値を取得して、該当するものを探す方法でもいいんですがそれが
わからないので質問しているのです。ご紹介のサイトでは
説明をみつけられませんでした。
（値が同じという前提ではないので、値は使いたくないのですが、
それでも構いません）
ANK不使用については大前提なのです。
<input name="group" type="radio" value="1">1
<input name="group" type="radio" value="2">2
<input name="group" type="radio" value="3">3
<input name="group" type="radio" value="4">4
<input name="group" type="radio" value="5">5
$('[name="group"]').on('change', function() {
alert($(this.form || document).find('[name="group"]').index(this));
});
<input type="radio" name="radio_1" value="1">
<input type="radio" name="radio_1" value="2">
<input type="radio" name="radio_1" value="3">
</div>
<div id="radio_2">
<input type="radio" name="radio_2" value="a">
<input type="radio" name="radio_2" value="b">
<input type="radio" name="radio_2" value="c">
</div>
$('#radio_1 > input').on('change', function() {
$('#radio_2 > input').removeAttr('disabled'); // 削除
var value = $(this).val();
console.log(value);
if ( value === '2' ) {
$('#radio_2 > input[value="b"]').attr('disabled', 'disabled')
}
});
radio_1 が2 なら、radio_2 のb を、disabled にする。
value を使うのなら、radio_1, radio_2 の対応表がいる
1 - a
2 - b
3 - c
function hoge() {
var kibo1 = document.getElementsByClassName("kibo01");
var kibo2 = document.getElementsByClassName("kibo02");
//初期化
for (var k = 0; k < objA.length; k++) {
kibo1[k].disabled = false;
kibo2[k].disabled = false;
}
//クラスkibo01がチェック済
var idx;
var flg = false;
for (var i = 0; i < kibo1.length; i++) {
if (kibo1[i].checked) {
idx = i;
flg = true;
break;
}
}
if (flg) {
kibo2[idx].disabled = true;
}
//以下、クラスkibo02の場合が続く
}
つたない説明で申し訳ない。
nameが日本語で、文字コードはShift-JISなのですが、動きますか？
さくっと書いたものでは動作しませんでした。
他の書いた部分が違ったのかもしれませんけれど。
コードをありがとう。value値で引っ張るのですね。日本語通るか試してみます。
※ただ、選択肢が増えたり変更した場合にJavascriptを書き換えないといけないのと
正直、例えば20位の選択肢の第３希望までを、ifなりswitchなりで分岐するのはいかがなものかと。
正しくないのですが、（さくっと書いたら動かなかった）
var i = $(".kibo01:checkd).index();//そもそもindex()が正しいのかわからない
$(".kibo02:eq(+i+)").attr("disabled", true);
とかしたいのです。
どのように書いたらいいんでしょうか。
nth-childやdata属性は使ったことがないので調べてみます。
みなさん、ありがとう。
プログラミングの基本は、半角文字だけ。
全角文字などは、テキスト部分だけに使うように
HTML, jQueryの基礎から勉強して、わからない事は検索するように
素のJavaScript で、プログラミングしないように
>256 のようなループ処理を読むのが面倒だから
選択肢の数が変動するなら、汎用的に作らないといけないから、
簡単にプログラミングできない
>254 のような、radio_1 と、radio_2 の対応表が必要
酔っ払ってる？
気を悪くしたら申し訳ないのですが、
たぶん私の方が貴方より諸々理解していると思います。
回答しようとしてくれる気持ちはありがたいです。本当に。
土日は所用があり試せていませんが、ちょっと思いついたこともあります。
また試してみたく思います。ありがとうございました。
DOM操作してやりたいのですがやり方が分かりません。
XMLHttpRequestでゴリゴリ行くならばresponseTypeにdocumentを指定してやれば
responseXMLをそのまま使えるのですがJqueryではどうすればいいでしょうか？
かなり簡単
type: "POST",
url: "/hoehoe.php" ,
data: {
key: "ほえほえ"
},
dataType: "html",
timeout: 10000
}).done(function(html) {
console.log($(html)[0].getElementById('xxx'))
});
});
普通に考えてこんな感じでやってみたりしてるんですが上手く行かず
末端の方だと$(html).find("#xxx")で取れなくもないのですが
ルートの上の方で子要素が沢山ある場合失敗するような感じ
findで絞る場合、body直下のタグはダメなんですね。
HTML入門とかいう本を読んだほうが良い
Cross-Origin Resource Sharing (CORS) で読み込めないだろ
例えば、自分のwebページから、
5ch のHTML を、iframe 内に読み込んでも、
他のドメインのwebページだから、アクセスできない
だから、ブラウザから直接では、アクセスできないので、
自分のPC に、webサーバーを立てて、そこ経由でアクセスしないといけない
Ruby の標準サーバー、WEBrick とかを立てる
・htmlを画面表示していますか？
表示しないと（console表示だけだと)documentの関数は使えないと思います。
・表示したのであれば、単純に("#xxx")で取得できると思います。
あえてgetElementByIdを使う理由があるのでしょうか。
ここでいうhtmlというのは"hoehoe.php"で作られるファイルのことです。
更に自己レス、単純にpostで得られるドキュメントがエラー吐いてて
想定の形式じゃなかったからこっちもエラー吐いてただけの模様。
寝ないで作業するととこんな単純なことも見逃す脳みそになってしまうという言い訳。
ただ、それだけじゃ説明できないことも有るような気が戦でもないけどとりあえずちゃんと動いてるので検証はしない。
多分気のせい。そうに違いない（願望
あえて使わない理由は特に無いですが
普段jqueryは使わないのとgetElement系も自前でワッパー定義してて
実際は$i("id")とかでもっと短く書けてるのでこっちのが便利なんです
解決おめでとうございます。お疲れ様です。
アルト、エネーブル、ブーリーンという人は知っていますが
ワッパーは初めてです。
普通は時間がかかることはない
時間がかかるのは削除する情報が多い場合
その情報とはイベントハンドラとデータ（data）の二つ
データはおそらく使ってないだろうからイベントハンドラ
つまりデータを作る時セルごとにイベントハンドラをつけるのではなく
テーブルなど上位の要素に一つだけイベントハンドラをつけるようにすれば良い
とりあえず隠して
requestIdleCallback使って少しずつ消していったら？
普通は遅くならないということなので、イベントハンドラを意識して見てみたいと思います
まだまだ生きるよ。
ごちゃごちゃイキってんのはエンタープライズ用途の意識高い系で個人や小規模サイトにはまったく関係ない。
サジェストされないし、
消えることもないよ
「もういらない」がサジェストするとかありえないな
そんな言葉で検索したり書いたりしないだろ？
今までに自分が調べた言葉が優先されただけだろ
なお「不要」も「いらない」もサジェストされてない
シークレットウインドウでGoogleでサジェストされたのは以下
・ダウンロード
・使い方
・サンプル
・入門
・最新
・できること
・読み込み
・導入
・javascript
・$ 意味
止まらないようにする事は出来るでしょうか
requestIdleCallback使って少しずつ作っていったら？
phpで配列をajaxに返して表示したいのですが、
指定箇所Aでdataをdata.dTextと書いても、受け取れません
どう書けばいいですか？
///////index.html///////
$('#ajax').on('click',function(){
$.ajax({
url:'./requestA.php',
type:'GET',
data:{//phpに渡す
'divText':$('#divTextID').text()
}
})
// リクエスト成功時、phpから受け取る
.done( (data) => {
$('.result').html(data);//ココ教えて！！！！！！！！！！！！！！！！！！指定箇所A
})
});
////requestA.php//////
header('Content-type: text/plain; charset= UTF-8');
$rs=array(
"dText" => $_GET['divText']//ココの値が欲しい！！！！！！！！！！！！！！
);
echo json_encode($rs);
古い書き方ですが受け取れたので一応(1.10.1)
初版はもう売ってないようなんですが
ttp://https://www.amazon.co.jp/dp/4873114683 ttp://https://www.oreilly.co.jp/books/9784873114682/ 中古でもいいだろ？
ttp://https://goo.gl/ux7Y7F var $href = $(this).attr('href');
return $href;
});
こんな風にeachで回してhrefの値だけを取りたいんですが
$hrefには文字列でurlが格納されているのですが、$test1ではオブジェクトで返って来てしまってて<a>タグなど全ての要素が含まれてしまうのですがどのようにすれば良いでしょうか?
$test1[0] = url1の文字列
$test1[1] = url2の文字列
$test1[2] = url3の文字列
としたいです
var $links = $('a').map(function() { return this.href; });
var links = $links.get();
もしくは
var links = $.map($('a'), function(a) { return a.href; });
「要素の配列」を同じ数の「別の配列」に変換するときにはmapを使う
前者のjQueryオブジェクトのmapは、一般的にはjQueryオブジェクトを返すためにつかう
この例のように文字列を返すこともできなくはないけど。.get()メソッドで値を取得できる
（.get()メソッドは一般的にはjQueryオブジェクトからDOM要素を取り出すために使う）
後者は「何かの配列」を「別の何かの配列」に変換する。
これはreturnで返したものが単純に戻り値になる
詳しい解説までありがとうございます
mapで'href'の値のみ取得出来るようになりました!!!
textメソッドで読んだ時は
必ず同じ値になりますか？
なんとなく、変換されてしまう場合もある気がしますが
emptyメソッドとappendメソッドを使っていますが
一度に済ませる方法ありますか？
htmlメソッドに文字列以外を渡すという発想がありませんでしたが
appendのようにjqueryオブジェクトやjqueryオブジェクトの配列を渡しても動作するんですね
ありがとうございました
いつまでもおんなじネタで騙され続けるのねｗ
誤爆？
これ便利ですね
なんですたれてるの？
みんな知ってるので誰もわざわざ宣伝しないだけ。
長年連れ添った妻のようなもの。
見えないところで陰口を叩いてるだけで誰も本当に別れようとしない。
ttp://https://w3techs.com/technologies/history_overview/javascript_library/all ウェブ全体の73.3%（JavaScriptライブラリを使用している中では97%）で
しばらくは安定するのだろう。それからいつ減少に転じるかはわからない
return json.test_data;には正常に連想配列の中身が入っていることを確認したのですが
$testからidなど個別に参照したいのですがどのようにすれば良いのでしょうか?
$testの中身を見るとObjectのresponseJSON配下に欲しい値が入ってるのでこれを取り出したいです
var $test = $.getJSON(
"JSONのURL",
function(json){
return json.test_data;
}
);
console.log($test.responseJSON.test_data[0]); ← undefinedとなってしまう
$なんとかは、jQueryオブジェクトを入れる時の
（一部で使われてる）命名規則だ
たぶんtest_dataもないだろ
ちゃんと$testの中表示してみてみろ
または、使わない
$.getJSONして終了待たずにconsole.logしたらjson取ってくる前にconsole.logされちゃうでしょ
JSONを扱う処理は$.getJSON内に処理を書くのが普通なのですね
$.getJSONはJSONで渡した値を取得するだけで、取得した後に処理を書くものだと思っていましたw
変数名の$についても分かりました
質問よろしいでしょうか
WPでブログ記事に画像ギャラリーを組み込むページを作りたいと考えております
ttp://http://www.klutche.org/demo/change_pic/ 上記のサンプルを参考に組み込み、単一記事は問題ないのですが
複数記事を同時表示している場合、全てのギャラリーが切り替わってしまいます
ttp://http://w3q.jp/t/1498 質問内容としては下記の方とほぼ同じなのですが、解決しませんでした
$ChangePhoto ="ChangePhoto" .$Cnt;
$Cnt = $Cnr +1;
みたいな感じで変数を作って、
JSはChangePhoto1 ChangePhoto2…のコーディングを作って解決しました。美しくないですよね…
例えば
$(this).closest("ul").prev("p").children("img")
でもいいし、メインの画像にclass="main"を設定して、
$(this).closest("div.wrap").find("img.main")
でもいいだろうし、何通りもやり方はあるだろう
どれが効率的なのかは知らない
node.jsでビルドすれはjQuery.js読まずに単体で動きますといえば格好良くなるのに
Domを全部jqueryで生成してるならありかもな
そうでなければコンパイルとか意味なくね？
reactにコンパイル機能なんてねーよ
エスパーするとcreate-react-appでデフォで設定されてるbabelによるトランスパイル+webpackによるバンドリングのこと言ってるんだと思うが、webpack自体はふつうにjqueryもバンドルできるしｗ
なに言ってんだかｗｗｗｗｗ
index.html内のヘッダーやサブメニューなど、他のページでも同じ内容を表示する部分を
jQueryのload関数で共通化してみたのですが、
例えばヘッダーの箇所をheader.htmlとして新しいファイルにした場合
header内容のcssやjsの適応はどうすれば良いでしょうか？
試しにheader.htmlの中に!DOCTYPE htmlから始まめsrcやlinkも付け加えて、
そこに関連付けたheader.cssファイルに色々なセレクタを加えたのですが、
index.htmlで表示されるheader部分が、
header.cssのセレクタではなく、index.cssの方のセレクタが優先されてしまいます
これはそういうものなのでしょうか？（もし私の記入ミスでなけえば）
宜しくお願い致します
検索して調べてみて
上書きされるのが嫌なら、
index.html, header.html に個別のクラスをつけて、それらで指定すれば？
例えば、.index, .header を付けて、
p は黒色、p .index は赤色、p .header は青色とか
Rails とか、各フレームワークには、もっと良いやり方があるかも知れないけど
レスありがとうございます
323さんのおっしゃる通りに
header.htmlのタグにクラスを付けたのを、index.cssに加えたら無事変化しました。
できれば
index.htmlにはindex.css
header.htmlにはheader.css で分けて管理したいのですが、できないでしょうか？
header.html内のタグにクラスを付けたのを、header.cssに記入して、
それらをindex.htmlで表示してみたのですが変化が起きていませんでした。
headerをheader.htmlとして別で管理するため、
index.htmlの<header>にjQueryに読み込ませるためのクラスheader-1を記入。
ttps://dotup.org/uploda/dotup.org1587508.png_6cOQy1rSC2LKJR0TTNhb/dotup.org1587508.png ↓
jQueryに読み込ませるコード
ttps://dotup.org/uploda/dotup.org1587509.png_9ihZR6rERGSa4GGiiHFD/dotup.org1587509.png ↓
header.htmlはこうなっています。
ttps://dotup.org/uploda/dotup.org1587510.png_pQTxLo6LPU4shtM44NCE/dotup.org1587510.png ↓
header.cssはこうなっています。（header.htmlにlink relにあるcss）
ttps://dotup.org/uploda/dotup.org1587511.png_V5mMbPQf3z01fG79IatX/dotup.org1587511.png 関係ないのですが、
index.htmlに<!DOCTYPE html>.....と書いて、その中の
header.indexにも<!DOCTYPE html>.....となってしまっているのも何となく気になります…。
そんな愚かなことはしません
index.html, header.html の<body>に、個別のクラスを付けた方が簡単かな
例えば、.index, .header を付けて、
p は黒色、body.index p は赤色、body.header p は青色とか
それか、CSS に、! を付ければ、最優先される機能もある
CSS の優先度のルールがあって、優先度の高い方が上書きする。
この優先度は、かなり難しいから説明できない。
自分で、検索して調べてみて
index.css, header.css の読み込みの順番も、優先度に関係あるのかも。
後から読み込んだものが優先されるのか？
よく知らないけど
基本的には、優先度を理解して使い分けるのは、かなり難しいから、
優先度で変わるのは避けるべき。
保守できなくなる
異なるデザインには、異なるクラスを指定すべき。
これが大原則！
第1回 共通部分が多いHTML
ttp://https://app.codegrid.net/entry/template-for-coding-1 「html 分割 ファイル」で検索！
jQuery で、HTMLの断片を読み込んで、ページを作ったりはしないかな。
jQuery Mobile のようなフレームワークはあるけど
jQuery は、ユーザーのクリックなど、
イベントに応じて、ページを変化させるものが主要
フレームワークなら、Vue.js が最も易しいかも
レギュレーションでCMS入れられない、サーバーサイドインクルードも使えない会社とかたまにあって、ソース見たらJSでヘッダやフッターがインクルードされてたってことがあったな
見た目に影響及ぼしがちだから自分ではあまりやりたくないけど
だから、内容がしばらく表示されないことがある
無事、CSSもちゃんと読み込めるようになりました！
ＣＳＳの基本的な部分が抜けていました・・・
一からやり直します
丁寧に教えて頂きありがとうございました！
うちの会社のことかな？
普通だとどうしてるの？
Pugインクルード
ーーーーー静的管理の壁ーーーー
JSインクルード
ーーーーーフロントの壁ーーーー
SSIインクルード
PHPインクルード
CMSテンプレート化
Rails などのフレームワークだろ
ま、仕返しにrubyスレ荒らしとくわ。
railsのテンプレートエンジンはerbやslim、haml選択してそれ使うだけだろうが笑
nodeのテンプレートエンジンのejs、pug、handlebarsも同じじゃザーコｗ
どの言語にもあんだよ身の程知らずｗｗ
おっと先輩面すんじゃねーぞこういうのの元はphpだからなｗｗｗｗ
どこにいてもluckerを思い出す
っていうのはどう書けばいいですか？
ttp://https://api.jquery.com/jquery.when/ > $.when( $.ajax( "/page1.php" ), $.ajax( "/page2.php" ) )
> .then( myFunc, myFailure );
ttp://https://www.tam-tam.co.jp/tipsnote/javascript/post5807.html > 「複数の非同期処理が全部終わったら、続く処理を行う」というのがすっきり書けます。
>
> $.when(
> $.getJSON('a.json'),
> $.getJSON('b.json')
> )
> .done(function(data_a, data_b) {
> // すべて成功した時の処理
> console.log(data_a, data_b);
> })
> .fail(function() {
> // エラーがあった時
> console.log('error');
> });
こういうのがあったんですね
ありがとうございます
「俺は」ね
なりすましして、楽しい？
いや、それどころか？浮いてないか！？
そんな、まさか
？？？「舞空術ってやつさ」
canvasを使ったちょっとしたアニメをhtmlページの背景にしたんだが他のクリックイベントでリセットされちゃうの防止したいんだが
「js prevent propagation」で検索！
テキストボックスなどやjQ以外のライブラリ使わず
<p>
<span>いぬが、ほえる</span>／
<span>ねこ なく</span>／
<span>うま はしる</span>／
</p>
のspan間クリックまたはＷクリックで、「ねこ なく」全て選択状態に
実現する方法あったら教えてください
（通常WindowsでＷクリックだと「ねこ 」だけ、または「なく」だけが選択）
通常のUIと異なりますがあえてです
ttp://https://jsfiddle.net/you84snf/ $('span').click(function() {
var range = document.createRange();
range.selectNodeContents(this);
var selection = window.getSelection();
selection.removeAllRanges();
selection.addRange(range);
});
ドンピシャでした！ありがとうございます
まだまだ勉強しないとダメだな
独自用語使うな。馬鹿だぞ。
要素にクラスが無い場合に新規で追加するのが.classNameで
すでにあるクラスを変更するのが.classList.addという認識でよろしいのでしょうか？
自分の好きな方を使えばいい
クラスが無い状態からclassList.addでも全く問題ない
古い時代、IE2.0やネスケ3.0の時代にはクラスには一つの
値しかいれることができなかった。<a class="foo"> みたいに。
これがスペースを区切って複数入れられるようになった
<a class="foo bar baz"> みたいに。
クラスの値が1個だけの時代であれば操作は簡単だった
classNameに値を入れることぐらいしかできないのだから
だけどスペースで区切って複数入れられるようになってからは、foo bar bazのうち
barだけを消したいとか、さらに一個付け加えたいとか、複雑な操作が必要になった。
それに早くから対応したのがjQuery。addClassやremoveClassといった、
複数の値を操作するメソッドが作られた。それが2006年
それから4年後の2010年にChromeとFirefoxでclassListが部分的に実装され
2013年にChromeとFirefoxとSafariでjQuery相当の機能が実装された
IEは2012年に部分的な実装で終わり、Edgeで完全版が実装された。
ありがとうございます。
複数のクラスへの対応ということなんですね。勉強になりました。
$('...').load() ってとこでエラーが出るようになったんだけど
引数なしの load って何をしてるんですか？
要素が load されたときに引数の関数を実行するみたいなメソッドみたいなんですが
引数なしで何か意味があるんでしょうか
コーディングした人のミスなのかな…
ttp://http://api.jquery.com/load/ のNoteに3.0から変わったことが書いてある
ということは消すのはまずいんですよね
jQuery3 にしたときに影響を与えないようにおきかえるべき適切な関数ってありますか？
ttp://https://teratail.com/questions/145334 ttp://https://teratail.com/help#posted-otherservice マルチポスト先のヘルプぐらい、読んだら？
むこうでまともな回答がもらえなかったので
知らなかった…
規約じゃなければこんなのあってもわからない気がするんだけど
とりあえずこちらでの質問は〆ます
マルチすいませんでした
投稿された質問にteratailの著作権が発生するとでもいうんだろうか
> とりあえずこちらでの質問は〆ます
なぜ、ヘルプに書いてある通りにしないのだろうか
「やむを得ず複数のサイトに質問を投稿された場合は、質問内容にマルチポストをする理由を書き、他のサイトの投稿へのリンクを貼ってください。また、解決した際には必ずteratail及びすべての投稿に解決した旨と、どのように解決したかを記載してください。」
2ch内のマルチもマナーの問題で気にする人から単に回答がもらえないだけ
stackoverflowのほうがいいぞ
自業自得だろ
回答者だって他所で回答されている内容を重複回答したくないだろうに
質問者「めんどくせーなあ。マナーなんて守らなくてもいいだろ。」
回答者「めんどくせーなあ。マナー守らない奴は叩けばいいだろ。」
そこが理解できない
回答なんて労力かけてやるもんじゃないし無駄になったってどうでもよくね
マルチポストが悪なんじゃなく回答を共有しないのが悪なんであって
質問スレや質問サイトみるやつなんて
どや回答したいより他者の回答みて知識つけたいってやつのほうが多いだろ
回答がつかないまま知識獲得の機会が失われるよりいいと個人的には思うよ
まあマルチするやつは質問なげっぱなしで回答共有しないやつが多いから
先手を打って答えないようにしようってのがマルチ禁止の流れなんだろうけど
流れが落ち着いて満足な答えもらえなかったら別所できくって普通にだれでもやるだろ
むしろ何レスも前の質問に唐突に別所できいてくるので質問〆ますとか毎回かかれる方がうざくね？
「人間、自己中の塊だから、質問者も回答者もお互い様だろ」といいたげだな
5chに毒されすぎ
この程度の内容になんでマルチポストしなきゃいけない回答しかつかないんだ
アカウント持ってなくても見られるだろ？
ひとりは「周りのコードみないとわからん」
もうひとりは「triggerにおきかえろ」
もうひとり（おそらくここでマルチさわいでるやつ）は「jQueryのソースよめ」
みれたわ
アカウント必須っていってたからみれないのかと思った
性格悪そう
どれも「まともな回答」じゃね？
ソース読めはどうなの？
相手が即戦力で入社してきた10年戦士ならそれでいいが
ソース読めドキュメント読めですむなら質問サイトなんていらないだろ
指摘された後もちゃんと謝れてるし態度的には問題ないようにみえる
謝罪した後にわざわざteratailの回答でマルチ指摘しにいってるあたり性格が悪そうだから同情したくなる
何事も印象の問題
まだ謝ってるやつがただのなりすましで偶然同じ投稿されてるだけの可能性もある
ドキュメントやソースコードの存在を知らない奴もいるだろ
やるだけやってから、質問するのが筋じゃね？
新入社員はドキュメントもソースも読まず、先輩に全部教えて貰うの？
「やってみて、分からない部分を具体化する」のは質問者の仕事じゃねーの？
しかもそのメソッドがピンポイントでバージョンアップでサポートされなくなって
仕様外だから挙動がわからず置き換えるべきメソッドがわからないということか
まさに負の遺産だな
横から口出すけど、謝罪はいいとしても、その後の行動が問題だと思う
回答者がヘルプ通りの指摘をする事には、何の落ち度もないように見える
それから、マルチ指摘した回答者がこのスレの人って、一部の人が勝手に騒いでるだけで、ただの憶測だと思うけど
わざわざURLまではってマルチ指摘しにくるとか怖すぎだろ
そりゃ5chも過疎るわ
書き方が悪かった
マルチ指摘した回答者は当然、このスレを知っているけど、ここで騒いでいる人と同一人物はただの憶測って事ね
こちらの質問を〆たあとにこちらへのマルチポスト誘導リンクをはる必要があるのか？
質問者にマルチポストするなって意図はこちらのレスでもう伝わっているだろ
ただに晒したいって意図以外感じられないんだが
指摘は「マルチポストするな」ではなくて、「マルチポストしたなら、適切に対応しろ」だよね
そこが履き違えてる
必ず自分のレスでおわらないと満足できない典型的なマウンターじゃん
マルチポストのマナーは守れとかいうくせに延々スレチな話題続けるのはマナー違反じゃないのかよ
さらに同一のメソッドがあってどっちが呼ばれているかわからないという
というかjavascriptのメソッドってただのlambdaだから
引数の数で別々の関数作るの無理じゃね
どうやって同じ名前のメソッド存在してるんだ
こうやって締め切った質問にも回答する人がいるから、マルチポスト先を書いておくことは無駄ではないんだよね
引数なしならgetter, ありならsetter, とか
teratailにコード載ってるじゃん
何で見ないの？
第１引数が string じゃなかったらリネームした_loadを呼び出す
引数なしで関数を呼ぶと undefined が入っているから
ver2 まで ： load-handler のほうがよばれて引数の関数が設定されていないので何もしない
ver3 から ： if ( typeof url !== "string" && _load ) の _load が false になるのでそのまま続行されて
jQuery 3 以降は _load が存在しないから
off = url.indexOf( " " );
の url が undefined なのに indexOf を呼び出そうとして
Cannot read property 'indexOf' of undefined になる
で load-handler の方では
jQuery.fn[ name ] = function( data, fn ) {
return arguments.length > 0 ?
this.on( name, null, data, fn ) :
this.trigger( name );
};
で引数なしの場合trigger('load')が呼ばれる（分岐がかかれてるので公式では保証しない挙動ではない）
なので「triggerにおきかえる」「何かロードしている」はどっちも「まともな回答」だった
ただjQueryさわりはじめて間もない人にソースを読んで自分で理解しろはちょっと無理があるかと
最初に答えた人が周りを読まないとわからないとかまぎらわしいことをいいすぎたんだと思う
ver2 まで ： load-handler のほうがよばれて引数の関数が設定されていないので何もしない
はミスなので読み飛ばしてくれ
最初は何もしないかと思ったがよくよむと引数0の場合はtriggerを呼ぶと分岐にかいてあったわ
> で引数なしの場合trigger('load')が呼ばれる（分岐がかかれてるので公式では保証しない挙動ではない）
それ、api.jquery.comに記載されてる？
ドキュメント以外が仕様ではないのなら
ソースを読んで理解しろって回答自体が矛盾してるが？
thin49さんちーっす
自分の意見が否定されると顔真っ赤にして即レスしないと気がすまないマウンター
ばればれすぎる
仕様にないなら実装を読むしかないよね
402 だけどわかりやすくありがとう
つーかこっちに答え書いてあるのにみてねーのかよ
@katingのことなら、新しい質問始めたし、もう諦めたんじゃないか
周りのコードを見ろ見ろいいすぎなんだよな
環境変数を見るでもない限り周りのコードで挙動が変わる関数なんてないし
こいつもわかってないくせにごまかして逃げようとしてるだけ
しかもなまじ口調が丁寧なせいで質問者が信用しちゃってるのがタチが悪い
２番目の人も答えは正しいけど
書いた人の意図が〜とか余分についてるからこれじゃ曖昧だわな
最後のやつはただの荒らしだし
ここヲチスレじゃないからな
これだから仮にもマナーどうこういうやつが5chにリンク先はるとかモラルが欠如してる
迷惑なのは善意で回答してるのにヲチられてるふたりなんだよなー
これでが質問者じゃなかったら面白いのに
ほかサイトでみかけた質問を気になって2chできくとか普通にありえるし
迷惑かけそうって思ってあわてて火消ししようとしたところをthink49が晒し者にしたみたいな
どう考えてもリンクはったやつが悪い
つーか質問者がこっちの質問〆た後に誘導リンクはったんだから回答共有しろや糞回答者
ちーっす
反論してる人を全てthink49と思いこんでるようだけど、スレ違いの話題を延々と続けられて迷惑してる人が大勢いることにまだ気が付かないわけ？
質問者の為を思うなら、質問者がクローズしたここで主張せずに、teratailで回答してくるべきでしょ
たらおもちゃにされるのは当たり前なんだよなー
そうやって自己擁護するのもわかりやすすぎる
自分が他人だった場合に自分のレスよみかえしてみ
ぶっちゃけどうでもいい他人だったらいちいち擁護なんてしねーから
厳密にはこちらを〆た時点でマルチポスト状態は解除されてるので
質問者はこちらを見る義務はもうないし翌日のやり取り見ると実際見てない可能性が高い
マルチポスト状態を再開したのは他人なのに勝手に誘導リンクはったthink49
こちらの回答を共有する義務があるのもthink49
スレ違いの粘着をいつまでも続けるな！」
と心から思うが、どうせ俺もthink49扱いされるんだろうな
当方デザイナー兼コーダーとして、自社サイトの制作に携わることになりました。
その際サーバー側を担当するエンジニアからjqueryはもう古いから、他のライブラリを使うかせめてjavascriptで実装するようにと言われました。
大手のサイト等拝見しても、jqueryは現役ですし、特に陳腐化するような懸念は感じられなかったのですが何か理由があるのでしょうか。よろしくお願いします。
ttp://mevius.5ch.net/test/read.cgi/tech/1527917483/99- ttp://https://github.com/nefe/You-Dont-Need-jQuery このおかげでいちいちnullチェックをしなくてすむ
というObject が返される
要素数0、つまり該当する要素なし
Ruby では、nil が返るから、メソッドチェーンで、
nil からメソッドは呼ぶことができないというエラーになる。
ただし、nil 許容演算子を使えば、エラーにならない
jQueryではエラーにならない。
単に、そこからメソッドを呼ばないだけ
例外処理を別に書かなくてはならなくて、逆に困る
それはお前の思考回路が関数型についてこれてないだけ
アホか
書き方が分からないわけではない
Canvasだってあるわけだし、DOMでやるにしてもコンポーネントやシャドーやHoudiniもある
jQueryは排他的で独自すぎるから小さいライブラリをたくさん組み合わせて何かをしたい時に合わない
で？
誰が書き方がわかるかどうかの話をしたんだ？
書く必要がないということに気づいてないから
関数型についてこれないって言ったんだよ
jQueryが排他的？どこにjQueryほど他のライブラリと
組み合わせることが可能なライブラリがあるっていうんだ？
AngularやReactは排他的だがな。
その証拠にAngularとReactを組み合わせることができない
Canvas使って文字を書きましょうってこと
お前のいう書く必要かない「関数型プログラミングの書き方が分からないわけではない」
ttp://https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q12193781232 を100回読み直せ
書かなくていいから、楽だって話をしてるんだが
お前の中で例外処理が「該当要素がなければ、何もしない」しかないからそういう発想になるんだろ
要素に限らず、jQueryは基本的にエラーを発生させず、出来る事がない場合は「何もしない」
「何もしない処理」が複数回発生し、それが期待通りの動作でなかった場合に原因を特定するのに時間がかかる
エラーで止まるのは、むしろ良い事だ
叫ぶなｗ まず理由を書け。
何もしない処理が複数回発生するということは、
「期待した処理が行われなかった」ということだろう？
なぜ期待した動作をしてないならば、してないとすぐに分かるはずだが
なぜ特定するのに時間がかかるのか？
なぜエラーで止まるのは良いことなのか？
その理由を書こう
しかし不思議だ。jQueryは要素に対して処理を適用するものなのに
該当要素がないときに該当要素（無いはずなのに）に対して
処理を行うとはどういう意味なのか？哲学的なものを感じるなｗ
例えば検索結果がないときに「検索結果が見つかりません」と表示するとき
どう書いているのだろうか？classを書き換えればいいだけなのに
それとも他になんか想定してる例でもあるならいってくれ
> なぜエラーで止まるのは良いことなのか？
エラーが発生したら、エラー行周辺を読めば原因を特定可能なんだが、そこまで説明しないとわからないのか…
例外を発生させたことがなくて、発想出来ないのかね
おいｗ それはレベルが低い
エラーで止まらないバグの方が普通なんだよ
まずな、お前がそもそも論点がわかってないんだよ。
要素がないならエラーにならなくて良いはずなんだが、
なんでエラーにしたいんだって話をしてるのがわからないのか？
要素がない → 何もしないのが正しい動き → jQueryはそうなる
要素がない → 何もしないのが正しい動き → DOM APIだとエラーになる → 何もしないようにする処理を追加
こういう話をしてるんだよ
やっぱりお前わかってな無いだろ
なぜレベルが低いのか、理由を説明して見ろ
例外を異常時の緊急停止機能のような安全装置のように思っているから
例外で止まる（キャッチしてない例外）というのは単なるプログラムのバグに過ぎない
一部メモリ不足とかアプリケーション側で対応できないものがあるが
（例えばRubyだとStandardError以外の例外、JavaだとJava.lang.Error以外の例外）
それらを除き、例外が起きるというのは考慮漏れというプログラミング上の単純なミスに過ぎない
仕様とか設計とかそういうレベルではなく、単純な考慮漏れ。
今回の話はその中でもnullエラーという極めて単純なもの
nullエラーを防ぐには、nullになりそうな箇所を一つ一つ潰すというやり方の他に
Nullオブジェクトパターンという設計レベルで解決する方法がある
なぜNullはダメか
ttp://https://www.kaitoy.xyz/2015/07/26/why-null-is-bad/ jQueryはこのNullオブジェクトパターンを採用している
要素が見つからないかもしれないと常に考えてプログラミングすることで例外をなくすのではなく
要素が見つからなくても問題なく扱えることで例外をなくしている
こちらはバグはないほうが良いと言ってるのに、
バグがあったら止まるほうが良いだろうと言ってるからレベルが低い
× それらを除き、例外が起きるというのは考慮漏れというプログラミング上の単純なミスに過ぎない
○ それらを除き、例外で止まるというのは考慮漏れというプログラミング上の単純なミスに過ぎない
論理エラーはどうするんだ？
今は要素が見つからない時の話をしてる
俺もその話をしてる
「問題があるのに例外を握りつぶすことで例外が出ない」のではなく
「例外とすべき問題自体が存在しなくなるから例外が出ない」ってことなんだが、
なんで例外の話が出てくるんだ？
そこがjQueryの設計思想をわかってないって言われてるんだろ
どちらもエラーは返ってこないけど？
DOM APIはnullが返ってきて、
jQueryは空のjQueryオブジェクトが返ってくる
DOM APIはnullが返ってくるから、メソッドを呼び出そうとするとエラーになるので
nullチェックをしてnullだったら「なにもしないという処理」を書かないと例外で落ちる
jQueryは空のjQueryオブジェクトだから、何も書かずとも「何もしないという処理」に
なってるので例外で落ちることはない
このコードがどういうときに有用かはで書いたとおり
set は使わなくても別にもう一つ関数を作れば同じことができるが
関数を作らずとも引数の再設定という方法がある。意外と便利だよ
func() {
set -- "$@" $(($#+2))
while [ $# -gt 1 ]; do
eval "echo \"$1 \$((\$$#-$#))\""
shift
done
}
func apple orange banana
べき論に確認結果を報告するお馬鹿さん
日本語でおｋ？
それは日本語を読めない人が使う言葉じゃない
じゃあ代わりに誰か他の人、がどういう意味かを書いてみて
おそらく誰にもわからないから、誰も書かないだろう
どうすればいいですか？
Q「〜べきですか」
A「〜だったよ(べきなんて知りません)」
発想が手続き脳になってると思われる
まず、何に対して処理を適用するのかをしっかり認識すること
言い換えると処理を分けた後に、何に対して処理をするのか？ということ
その処理を適用する対象を最初に持ってくる
例えば<li>のリストが有って「次のノードがある場合に、現在のノードを赤くする」であれば
処理を適用する対象は、現在のノードなのだから
$('li').filter(function() { return $(this).next().is('li') }).css('color', 'red')
↑処理を適用する対象を一番最初に持ってくる
そしてあとはfilterで条件を書く
でもこれよりも以下のほうがより直感的だろう
$('li:not(:last-of-type)').css('color', 'red')
つまりだな。「やりたいこと」っていうのがその文章に
書かれてないから手続き型脳だなって思ったわけ。
誰も「べき」なんて言ってないね。
どこからでてきたんだろう？
は関数を実行したにもかかわらず存在しなかった場合は何が返ってきますか？って
聞いてるのに、何が返ってくるかを答えないで、べき論をしはじめた。
何が返ってきているかの答えはが答えている。
jQueryで一番いやなところがここなんだよな
$(document.getElementById(ID名))
$(document.getElementsByTagName(要素名))
$(document.querySelectorAll(要素名))
どれでも好きなものをどうぞ
セレクタは必要最小限の情報になってるので
これ以上短くはできないと思うよ
メソッド名は$の1一文字だし、これ以上短くはできないと思うな。
DOM APIの一番嫌な所はループでいちいち回さないといけない所
への回答だなんて誰もいってないし、もうアホとしか
両方ともエラーを返してない現実があるってのに
エラーを返すべきではないかとか言われても、
お前DOM APIとjQueryの方法から否定されてんでｗで終わるだろ
初心者でも使えるという意味なら
そのとおりだが、上級者も使ってる
y=f(x) ---------------- (1)
みたいな感じで横に伸びる線を書くことはよくありますが、HTML上でこれを実現したいです。
素朴に思いついたものとしては
<ul>
<li>y=f(x)<hr style="display:inline" /><span style="float:right">(1)</span></li>
</ul>
ですが、これは正しく機能しません。
どうすれば良いですか？
要望としては
- ブラウザのサイズに応じて自由に(無限に)伸縮する横線で、
数式番号(上の例で言えば(1))へ繋がる横線(くっついていても、いなくてもどちらでもいい)
- きちんと一行に収まる。改行していびつな形になるのはダメ
です。
ttp://https://teratail.com/questions/150396 この子は teratail で有名なアスペ君だから注意ね
ttp://https://teratail.com/questions/149753 > infologicmation
> 結局自己解決できました。
> 一応、参考までに私が作ったテストコードを載せておきます。
>
> ...中略...
>
> このサイトなら良い指針やアドバイスが得られると思って、わざわざ時間を掛けて質問文を作ったにもかかわらず、アスペみたいな見当違いの的外れの回答が送られたり、
> そんなのの相手に無駄に労力割かされたり散々な目に会ったのに、結局は自力で解決するという結末で、本当に不毛なことをさせられたと実感してます。
> teratailはもっと経験豊かな人が居るんじゃないんですか？どうなってんの？178viewもありながら(確認時点で)…
>
> 当然、ベストレビュアーは無しとします。
総ム省の、『憲法改正國民投票法』、でググって
みてください。拡散も含め、お願い致します。
それをどこから読んでるか全くわからんのだけどjavascriptとかhtmlの機能で
自動で呼ばれるなんて仕様ないよね？
jQueryで、指定した要素がy座標で中央らへんになるようにページをスクロールしたいのですが、どうすればよいでしょうか？
var top = $(this).offset().top;
$('html, body').animate({ scrollTop: top }, 'fast');
とすることでなんとなくスクロールはできましたが、上端になったり下端になったり安定しません。
試行錯誤の結果、あまりよくわかってませんがbodyにpadding: 50vh 0;を設定したうえで
var top = ( $(this).offset().top ) - 400;
$('html, body').animate({ scrollTop: top }, 0);
とすると一応、$(this)がどこにあっても真ん中に表示されるようになりました。
あとfastだと上にスクロールする動きが変だったので速度は0に。
これで一応自己解決した、ということになるでしょうか。
とりあえず自分の環境に合わせて400としましたが、ほんとはちゃんと画面の高さ/2で計算したほうがいいでしょうね。
あと画像などすべてのコンテンツが終わった後に呼び出さないと高さがずれると思う
WordPressにおけるfancyboxに関してです
現在、HTMLのウェブサイトをWordPressに移行しています
fancybox3を使っていたのでそのまま使おうとしたのですが、WordPressで使われているjqueryが古いのか反映されきれないオプションがあります
<a href="<?php echo content_url(); ?>/uploads/03-1.png" data-fancybox="03">テキスト</a><a href="<?php echo content_url(); ?>/uploads/03-2.png" data-fancybox="03"></a><br>
テキストをクリックするとまず画像が一枚表示され、他の画像もグループ化することによって順に表示されるようにしたいのです
HTMLのサイトでは上記の表記で問題なく動いています
easy fancyboxではテキストをクリックすると画像が呼び出される方法およびグループ化された画像を順に表示させる方法が分かりませんでした
WordPressでは固定ページでテンプレートにすべてコンテンツを入れているのでそれが原因なのでしょうか
色々調べたのですが、やり方が間違っているのかそもそも出来ないのか分からず、解決策をお持ちの方がいらっしゃれば教えてくださると嬉しいです
よろしくお願いします
解決策をお持ちの方がいらっしゃいましたらお教えくださるとうれしいです
よろしくお願いします
vh, vw は「Ctrl +-」で、文字・画像などが拡大縮小できなくなるから、使いづらい
$().onで呼び出してるので大丈夫かとは思いますがありがとうございます！
画面の高さはjQuery的に言うと$(window).heightですかね、思ってたよりずっと単純明快でしたね
Spaceキーを押すことで、対象をtoggleしようとしています
しかし、リマップソフトなどでSandS（SpaceキーをShiftキー代わりに使う）を設定している場合（主に僕ですが）は
Spaceを1度押すだけでキーイベントが2回発火してしまうようです
つまりtoggleが2回行われ、元に戻ってしまいます
ならいっそ4回押されるごとに、と変数を使ってみてもたまに半端にカウントがずれてしまいます
どうすれば1回だけの発火に抑えてうまくtoggleさせられるでしょうか…？
keypressはどうもIMEがオフの状態でないと発火しないようで…
（あくまでIMEはオンである必要があるので…）
$(this)も変数に代入しておいたほうがいいですか？（$thatとか？）
それとも「既に代入された結果が$(this)であるため、その必要はない」ですか？
やはり代入しておくほうが速い…？
var arr = [];
var document = window.document;
var getProto = Object.getPrototypeOf;
var slice = arr.slice;
var concat = arr.concat;
var push = arr.push;
var indexOf = arr.indexOf;
var toString = class2type.toString;
var hasOwn = class2type.hasOwnProperty;
var fnToString = hasOwn.toString;
var ObjectFunctionString = fnToString.call( Object );
変数をループの外に出す、テクニックも使っている。
ただし、ループ中に、変数が変化しないに限る
length = elems.length;
for ( ; i < length; i++ ) { }
こう書くと、毎回メソッドが呼ばれてしまうから。
for ( ; i < elems.length; i++ ) { }
JavaScript のthis は、that に代入することが多いけど、
jQuery のthis は、必ずインスタンスを指すように修正されているから、
that に代入することは少ない
ディスプレイの高さでも、色々ある
タスクバーのような、固定部分を引いた画面の高さ (ピクセル単位)とか。
window.screen.availHeight
固定部分を含むのか、含まないのか
Windowsのタスクバーを左でなく上（あれ、いやタスクバーはそもそも元々下か。とりあえず左や上）
に置いてる身としてはそのへんも気になりますね…今回はとりあえず大体でしたが
速いが、そもそも何度も同じjQueryオブジェクトを使うと
言うところに根本的な問題がある。
正しくjQueryを使っていれば、何度も同じjQueryオブジェクトを使うことはない
例えば
$that = $(this);
let val = $that.val();
let xxx = $that.attr('xxx');
let yyy = $that.attr('yyy');
....(略)
のようなものを想定していましたが、何かもっと良い方法がありましたか？
（このくらいならjQueryを使わないでthis.valueなどとしたほうがほんとは速いのでしょうけれど、
へたに混ぜると細かな差異に振り回されないか不安で…）
と、jQuery Object を変数に入れても、メソッドチェーンでも同じ
$('#car').before(何々).prepend(何々).append(何々).after(何々);
return で、そのインスタンス(jQuery Object)を戻しているから、同じ
$('#car').attr({src: 何々, title: 何々}).css({top: 50, left: 100});
あ、すみません、実際には続けてではなく離れた場所でやる場合です…
あと
$that = $(this);
$that.val( $that.val() + 'ついか' );
$that.attr( 'xxx', $that.attr('xxx') + 'ついか' );
この場合はどうですか？
$(this).val(function(i, value) {
return value + 'ついか';
}).attr('xxx', function(i, attr) {
return attr + 'ついか';
});
jQuery久々ですが、そういえばそういうの見かけた覚えがあります…
ドキュメント見たら普通に書いてありましたね
現代風にするとこうでしょうか…？
$(this).val( (i, value) => {
return value + 'ついか';
}).attr('xxx', (i, attr) => {
return attr + 'ついか';
});
indexは省略しても動くようですが、省略しないほうがいいんですかね？
かなり初歩的な質問になってしまうと思いますがよろしくお願いします。
最近勉強を始めHTMLCSSでサイトを作ろうとしておりました。
その中に画像のスライダーを入れたく思い、JSもしくはjQueryで組もうと
いろんなサイトを参考にしてたのですがうまくいきません。
現状、画像が縦に並んでる状態です。
jQueryをDLしてプラグインするのは難しそうだったので
head内からファイルで読み込む方法を選択しました。
明記できない部分が多かったので消去してますが
下記のコードで直す点があれば教えていただきたいです。
下記以外のコードでも試しましたができなかったので
もっと根本的なところが間違ってるとも思うのですが
<html lang="ja" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="■■.css">
<script src="
ttp://https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
<script type="text/javascript" src="
ttp://http://code.jquery.com/jquery-1.8.1.min.js"></script> <title>■■</title>
<style>
</style>
<script type="text/javascript" charset="utf-8">
$(window).load(function() {
$('.flexslider').flexslider();
//ここに指定するクラスと、先ほど<div>に指定したクラスを一致させること
});
</script>
</head>
<div class="flexslider">
<ul class="slides"><!-- 必ずクラスは slides -->
<li>
<img src="1.jpg" /><!-- 表示させたい項目を<li>に囲んで並べる -->
</li>
<li>
<img src="2.jpg" />
</li>
</ul>
</div>
</div>
</body>
</html>
長くなりましたがどうぞよろしくお願いいたします
それに、jQueryを2つも読み込んでいるのも、おかしい
それに、jQueryよりも先に、jquery.flexslider-min.js を読み込んでいるのも、おかしい。
たいてい、jQueryを一番先に読み込む
参考にしているソースコードが古いのでは？
「javascript jquery slider」で検索！
やはり根本的に間違えてるようですね
指摘いただいたところを直し
教えていただいた情報でやり直してみます
…
<div.aaa>
<div.iii>
<div.aaa>
<div.iii> ★
<div.iii> ★
<div.iii> ★
<div.aaa> ←$(this)
<div.iii>
…
$(this)から見て、違うクラス（あるいは特定のクラス）の連続した兄たち ★★★
（thisと同じクラスの兄に挟まれた兄弟）
を絞り込むにはどうすればよいでしょうか？
すみません、色々複雑になってはいますがひとまずその場で閉じているということで…
こうですね
<div.aaa></div>
<div.iii></div>
<div.aaa></div>
<div.iii></div> ←★
<div.iii></div> ←★
<div.iii></div> ←★
<div.aaa></div> ←$(this)
<div.iii></div>
開始タグと終了タグの対応関係がおかしい
オレオレ用語で説明を省略しすぎ
以前ちょっと使っただけだから忘れたが
prevAll(セレクタ)とかprevUntil(セレクタ)とかはどうか
prevUntilを使って兄要素を全部取得、eachで直近の兄のクラスを取り、直近の兄以降のクラス判定をして格納、って感じかな
prevUntil便利そうですね…！こういうのを探してました、ありがとうございます！
each…
あれ、
$a = $(this).prevAll('.aaa').first();
//ここlastにしてハマりかけましたがprevの場合は後ろから数えるんですね…
$i = $(this).prevUntil($a, '.iii');
でも行けそう？
間にあるのが.iiiだけなら
$i = $(this).prevUntil($a);
でもいいのかな？
やってみます
そうそう、書き忘れたが$(this)に近い方からになるので感覚的に逆
ついでにお気づきだろうが、後ろならnextAll(セレクタ)、nextUntil(セレクタ)ね
ブックマークレットでもなんでもいいんですけど、自分用に
「このタブを閲覧しているときだけ動くストップウォッチ」
的なものが欲しくて…
つまり他のタブを閲覧中は止まるようにしたいのです
拡張機能も見かけましたがどちらかというと「今まで何時間見たか」を計るやつっぽくて
そうではなくストップウォッチ的に頻繁にスタートとリセットを繰り返しながら計測したく…
「マウスカーソルがbodyに乗ってる間だけ時計が進む」みたくすれば可能でしょうか？
visibilitychangeイベントとdocument.hidden
まさにこれですね！ありがとうございます！
ttp://http://r2.upup.be/wV2qsULdHm ブラクラ
});
って効かないんですか？
ドラッグ時、マウスがbody外に出てもいいようにしたかったんですけど
mousemoveイベント自体を検知しなくなってしまいました
（documentでなく何かしらのdom要素に対して設定しないといけない？）
mouseupはdocumentに設定しても大丈夫だった（boby外でも検知できた）のですが…
コンソールに、エラーが出ているはず
$( '#abc' )
文字列型で、CSS セレクターを書く
うーん…？
でも単に
let wa= 0;
$(document).on('mousemove', function() {
wa++
console.log(wa);
return false;
});
としただけなら、別にエラーにならずちゃんとログも出るので
何か別の部分がおかしかったのかもしれません
（それともたまたま動いてしまっているだけで本当は推奨されていなかったりする…？）
bodyの外で動いても発生しない
外に出るのを検出するのはmouseleave
> bodyの外で動いても発生しない
html要素でも正しく発火する
mousemoveはウインドウ内限定の発火装置
この、document って、" " で囲んでいないから変数だよな。
変数を入れても動くのか
知らなかった
DOM要素の配列
$(document.querySelectorAll('A'))
二重jQueryオブジェクト（普通はしない）
$($('A'))
数値でも良い（もちろん任意のオブジェクトもOK）
$(1).each(function() { console.log(this.valueOf()) });
数値の配列でもいい
$([1,2,3]).each(function() { console.log(this.valueOf()); });
要するに、$()の中が配列として扱えればそのまま、単数であれば
配列に変換して、それをjQueryオブジェクトでラップしてるだけ
jQueryプラグインを作ったことがあればわかるんだけど、
$(・・・).on()とか$(・・・).addClass()とか言ったjQueryオブジェクトの
メソッドが呼ばれたら、中でループして（配列に変換できるのでループは必ずできる）
一つ一つの要素に対して、その要素（DOM要素とは限らない）のメソッドを呼び出しているだけ
シンプルで汎用的な設計だから柔軟な使い方ができる。
DOM APIとの相性も良い（混ぜて使える）
便利なjQueryプラグインも使わないわけだよね
どうすんの？
jQueryよりも軽いという代替案を要求しろ
そしてそれにより開発工数が減るのか検討したい、と言え
（検討に結果jQueryを使った方が良いことになるだろうｗ）
CSSとサーバーサイドでなんとかする…
俺も同じ感じでjQuery否定されてreactになった
なにに比べて重いのか明確にしてもらえ
しかもそのReactは将来性が危ういからなぁ
一部の企業でReact Native離れが始まる
ttp://https://tech.nikkeibp.co.jp/it/atcl/idg/14/481709/082000458/?ST=cio-appli&P=2 少なくともReactはNative使ってスマホアプリと
コード共有しないと意味がないね
そもそもスマホアプリがないならやる意味がない
個人的にはvue.jsとかもやるけども。
まあそりゃそうだね。なんかノリと流行りで
jQuery否定しているだけみたいだし
理論詰めで問い詰めようｗ
とか言えば大抵流れるｗ
たぶん気分が重くなるんだろう
クラスつけたりはずりたりもたまにやるけど…
みんなjQueryで何してるの？
使うなと言われる方が重くなるけどな
それはjQueryっていうより、JavaScriptで何をしましたかの答えだと思うね
iOSとAndroid、だ。
Webとアプリではない。
Webビュー使った今までのクロスプラットフォームフレームワークと全然違うから突っ込まれないようにな。
React叩くときにうっかりReactNativeまで話を広げて自爆しないようにしよう。
両方使いたい場合は片方諦める？
DOM APIも使っちゃだめなのかな
vueのプロジェクト上でjquery読み込んでゴリゴリ作ったりできるけど、わざわざそんな事する必要がない
プラグインに頼りたいなら同居させても良いんじゃない？
DOM APIが使えるならjQueryも使えるんじゃね？
DOM APIを使用する意味がないってことね
jQueryは世の中に出回ってるプラグイン、コピペ、開いたり閉じたりで
大抵のことができるからjQueryできますと言いにくい
だからといってゴリゴリのJavaScriptを要求されることはない
(´；ω；`)…
プラグインも素のjsに対応していないやつも多いし
まぁjQuery得意です！っていう奴は大体他にアピールないことが多いから取りづらいわ…
知らんがなｗ
お前の問題であってjQueryの問題じゃないだろ
画面の端からはみ出てもドラッグ距離を測れたらよかったんですが、やはり無理っぽかったですね…
その後別の問題が発生して
mousedownでaddClass('.dragging')→mousemoveで移動→mouseupで.removeClass('.dragging')
みたいな感じのこと(実際はもっと複雑)をしてるのですが
たまにmouseupを検知してくれず、ボタンから指を離しているのに.draggingになりっぱなしになってしまいます
何かこれを回避する方法ってあるでしょうか？
誤 mousedownでaddClass('.dragging')→mousemoveで移動→mouseupで.removeClass('.dragging')
正 mousedownでaddClass('dragging')→mousemoveで移動→mouseupでremoveClass('dragging')
そういうものなんだ、参考になった
うん、jQueryは何も悪くない
今の現場でVue使えるはずだったけど世の中には悪い奴がいっぱいいるっていう問題で頭いっぱい
そんな世界を滅ぼすなんて間違ってるッ！！
addEventListenerでcapturing phaseは？
毎回、思うが、なぜ再現コードを書かない？
ttp://https://www.html5rocks.com/ja/tutorials/dnd/basics/ 書けるのは書けるけど人のかいた非同期コードが全く読めない
わかりやすい解説サイトとかないですか
すぐに実行されない。
後から実行されるというだけ
初心者が書いたコードはわかりにくいからねｗ
Promise使ってるのに、なぜかネストしていたり
Promiseを使ったコードはリファクタリングしていくと最終的にこんな感じになる
ttp://https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Using_promises#Error_propagation doSomething()
.then(result => doSomethingElse(result))
.then(newResult => doThirdThing(newResult))
.then(finalResult => console.log(`Got the final result: ${finalResult}`))
.catch(failureCallback);
最初、Promiseを返す関数（doSomething()）から始まって、
thenでPromiseを返す関数 もくは Promiseを返さない関数
（そういうのは内部でPromiseに変換される） をつなげていく
こうかくためにはdoSomethingにPromiseを返す関数を実行するプロミスを返す関数を実行するプロミスを…
って定義しなきゃいえないんじゃないの？
意味がわからん
最初のdoSomeThingだが、標準でresolve状態のPromsieを
返してくれるメソッドがあるから、こんな感じのコードでも動く
Promise.resolve(123)
.then(v1 => v1)
.then(v2 => v2)
.then(v3 => console.log(v3))
functionで書き換えるならば、
Promise.resolve(123)
.then(function(v1) { return v1; })
.then(function(v2) { return v2; })
.then(function(v3) { console.log(v3); })
関数実行をただ連続で行っているだけ。この例では値をそのまま返しているだけだから
すぐに次の関数が実行されるが、Promiseを返せば処理が完了してから次の関数が実行される
だから、
1. （たくさん）作るのは、ただの関数 または Promiseを返す関数
2. その関数を引数にして、処理をthenでつないでいける
という単純な形にまで落とし込まないで使うから、初心者が書くPromiseは複雑になりがち
async () => {
await () => { A(); B(); }();
}().then(() => C());
みたいなかんじ？
fork と join だけでいいのに…
どう見てもPromiseのが簡単だわ。
難しいと感じてるのってお前が今Promise知らないから、それだけじゃん。
Promiseも覚えてから評価してよ。
await Promise.all([A(), B()]);
await C();
で終わりじゃん
forkとかjoinとかアホなの？
明示的にPromise返すならasyncいらない。async付けると暗黙でPromise返すようにしてくれるってだけなので。
awaitやPromise.all時に対象の関数がPromiseを返すかどうか気にする必要はない
Promise.all([A, B]).then(C);
Promiseを返すかどうか気にする必要はない（ 参照）
awaitはPromiseのシンタックスシュガーなので、
機能や仕組みそのものは同じ。
書き方がシンプルになったというだけ
async、awaitでPromise書かなくて良くなったのかと思ったら、
Promise.all的なことは、Promiseを直接使わないとできないのか
配列管理すれば、Promise.allを使わずとも出来ると思うが
そりゃ、そうだ
むしろ、お前は async, awaitを何だと思ってるんだ？
var jqXHRList = [];
for (var i = 0; i < request.length; i++) {
jqXHRList.push($.ajax({
type: "POST",
contentType: "application/json",
url: request[i].url,
}));
}
$.when.apply($, jqXHRList).done(function () {
var userId = arguments[0][0];
}).fail(function (ex) {
alert("Ajax通信に失敗しました");
});
みたいなよくある並列通信は async await でわかりやすくかけるの？
難しく感じるのはそれ以前の部分に問題があるんだよ
見なくていい部分は見なくて良いように関数にする
Ajaxオブジェクトを作ってるところなんか全体の流れからすりゃ見なくていいでしょ？
// 第一段階
var jqXHRList = [];
for (var i = 0; i < request.length; i++) {
jqXHRList.push(createJqXHR(request[i]);
}
$.when.apply($, jqXHRList).done(function () {
var userId = arguments[0][0];
}).fail(function (ex) {
alert("Ajax通信に失敗しました");
});
function createJqXHR(request) {
return $.ajax({
type: "POST",
contentType: "application/json",
url: request.url,
})
}
var jqXHRList = requests.map(function(request) {
return createJqXHR(request);
});
// 別解 アロー関数を使った場合
var jqXHRList = requests.map(request => createJqXHR(request));
$.when.apply($, jqXHRList).done(function () {
var userId = arguments[0][0];
}).fail(function (ex) {
alert("Ajax通信に失敗しました");
});
最近のjQueryはDOM操作ライブラリ回帰でajaxも互換性のために残してるけどメンテナンスモードだろ。slimビルドでは削除されてる。
無理に$.ajax使ってないで専用ライブラリ使いなよ。
jQuery使うだろ
$.when.apply($, [f, g])
とおなじ？
どのメソッドが何かえすのかぜんぜんわからん
fetchのポリフィルは俺も使わないよ。
俺はrequest-promise好きだがだいたいの人はaxiosかsuperagentじゃね
余計難しくなった…
関数を返すとか登録するとかなしに sync await だけでかけないの？
便乗で質問なのですが
const load(urls) {
const data = [];
for(let i = 0; i < urls.length; i++) {
$ajax(urls[i]).then((res) => {
data[i] = res;
}
}
return data;
}
data = load([...]);
console.log(data);
こんな感じで並列 ajax で取得したデータをメソッドの外で使うにはどうかいたらいいんでしょうか
可変個のループで並列化するならどうやっても Deffered なり Promise なりでメソッド登録しなきゃかけないんじゃないかな
ちょっと待てよお前,608なんてわざわざループでリクエスト作るとかアホじゃねってだけでasync/awaitに書き換えられてなんかねぇだろ
頭使えよ
一つ一つのコードは理解出来るけど、まとまると分からないなら読解力の問題
一つ一つのコードすら分からないなら勉強不足
要はおわったら次っていう関数を登録するってだけなんだけどね
fork・join は面倒
Vue.js をベースとしたフレームワークの、Nuxt.js では、
非同期処理に、axios を使っている
const requests = [/* request data */];
const promises = requests.map(request => fetch(
request.url,
{
method: "POST",
headers: ["Content-Type: application/json"],
},
));
try {
const responses = await Promise.all(promises);
responses.map(response => {
// something...
});
} catch (err) {
alert("非同期通信に失敗しました");
}
ライブラリを使って手間を減らすよりも100ミリ秒でも速いほうが重要。
客も遅くなるぐらいなら使えないほうがマシだろう
そこをライブラリなんかでモダンブラウザと同様に動かそうとするやつはアホ
IE自体のパフォーマンスも低いし、マシンもそうである確率が高いんだから
俺はいつもそういうこと言う奴にはこの喩えをしてる
夏休み家族で海水浴とか登山に行きたいと思ったとき、
寝たきりのお爺さんも無理やり連れていって同じ体験させますか、と
写真見せるだけでも十分喜んでくれるのではないですか、と
直近ではTLS1.2の話もあるしIE11以外対応することはなくなった
20年前と変わらずHTMLでしこしこホームページを作るのは間抜け
そういうのはプロの仕事ではない
Canvasを使って3Dレンダリングしたり
WebAssemblyでゲームを作ろうとは思わないのか？
WebAssemblyはすでにモダンブラウザに搭載されている
新しい作品を作ろうという意欲のないやつは最先端からおいていかれるぞ
俺は今昔作った同人ゲームの移植をしている
> 夏休み家族で海水浴とか登山に行きたいと思ったとき、
> 寝たきりのお爺さんも無理やり連れていって同じ体験させますか、と
> 写真見せるだけでも十分喜んでくれるのではないですか、と
お前は本人にそれで十分だって聞いたのか？
聞いたとしても遠慮してるかもしれないだろ
お前は寝たきりになったとき、少し頑張ればかわいい孫と海水浴や登山に一緒に行けるのに
赤の他人に「無理無理、写真見せて満足させとけ」と言われて納得するんか？
本当にお前は、自・分・勝・手 だな
最後まで人生を楽しむ
ttp://https://gendai.ismedia.jp/articles/-/45510 > 「この施設には40人ほどのお年寄りが暮らしています。8割以上が認知症を患っていますが、
> 寝たきりになっている人は一人もいません。自分の力で起き上がれない人でも、
> 毎朝必ずスタッフが手伝って車椅子に乗せます。そして食堂で一緒に食事を楽しむのです」
> 「ここでは、何より本人の意思が一番に尊重されます。散歩に出るのでも普通は誰かが付き添いますが、
> どうしても一人で散歩したいという人がいれば、家族の同意のもと、GPS付きの携帯を持たせて
> 出かけるのを許可します。それで本人が事故に遭ったとしてもあくまで自己責任なので、施設の責任が問われることはありません。
> もちろん、ベッドにしばりつけるようなこともありません。私たちが行うのは介護であって拷問ではないのですから。
> アルコールを飲みたいという人には、よほど健康上の理由がない限り、飲ませます。
> 最後まで人生を楽しめるように助けるのが、私たちの仕事なんです」(ヨハンソンさん)
の説明は、何も響かないどころか逆効果だな
IE使ってるようなクライアントこそ金払いもいいんだよな
または
2つの外部jsで、片方から片方の関数実行
はどうやるのでしょうか？
■HTML
<label><input type="checkbox" id="chk">チェック</label>
<p id="res"></p>
<ｓｃｒｉｐｔ src="jquery-*.*.*.min.js"></ｓｃｒｉｐｔ>
<ｓｃｒｉｐｔ src="ex_js_1.js"></ｓｃｒｉｐｔ>
<ｓｃｒｉｐｔ> //※
$(function(){
initChk(); //ReferenceError: initChk is not defined
});
</ｓｃｒｉｐｔ>
-----
※またはここを↓としたい
<ｓｃｒｉｐｔ src="ex_js_2.js"></ｓｃｒｉｐｔ>
$(function(){
$('#chk').click(function(){
var t = '';
($(this).prop('checked')) ? t = 'A' : t = 'B';
$('#res').text(t);
});
function initChk(){
$('#chk').prop('checked', false);
$('#res').text('初期');
}
//initChk(); //ここならエラーなし
});
■ex_js_2.js
$(function(){
initChk(); //ReferenceError: initChk is not defined
});
$('#chk').prop('checked', false);
$('#res').text('初期');
};
とvarなしならエラーなしでできましたがこれはしたくないです
何かいい方法ないでしょうか？
IE11をサポートしなくて良いなら、
ttp://https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/import やり方はあるんだが、そんなことをするのが間違ってる気がする
それをまず聞きたいね
ttps://mevius.5ch.net/test/read.cgi/hp/1533007852/871 でやって $(function() はJSがヘッダにかかれたときにDOMが生成されるより前に実行されると
$("#id") みたいに指定したものが存在しないから
HTML が生成しおわってから実行するためにつけるもので
function 定義自体はほかから呼ばれない限り即時定義して問題ない
なので他で使いたい関数定義義は $(function の外にだすのが普通
（$(function の中でしか使わないプライベートメソッドはグローバル汚染しないために中におくこともある)
なりそうだから先に書いておくわ
モジュール間の依存性を高めることなく連携させたいなら
jQueryの機能のカスタムイベントを使えば良い
関数をグローバルに定義する必要も
importも使う必要もない
だがそもそものようなことをするのがおかしい
すみません、後々jQueryがらみかなと
$(function()は理解してましたが中に書くほうがいい気がしまして
それが普通とあれば解決です
詳しくありがとう
よくわかりました
その問題ではない
どの問題？
関数内で定義された関数を外部から呼び出す方法を知りたいって質問に
そんなことするのは間違ってる、おかしいなんてのが答えになってるのかね
勝手に問題を変えちゃいかんだろう
何いってんの？ イベント使えばできるし
そもそもそんなことをする必要はないって話だろ
外部から呼び出すのが間違ってるんじゃなくて
その必要がないだろって話をしてる
関数を外部に出せばいいっていうのは、勝手に問題を変えてることになる
君はそんな回答してないじゃん
642はそういう回答しているが
だから回答の前に、なんでそんなことをしたいのか聞いたんだが？
話の邪魔するなら消えろよ
モジュールの依存性を減らすには、グローバル関数に
しないほうが良いしそのやり方もある。
もっといいやり方があるんだが、そのためには
何故そうしたいのかの理由がわからないことには適切な答えは出せない
だめなやり方しか知らないなら、他人にとって害にしかならないから
答えないでくれないかな
関数が外部ファイルで独自イベント起こす方がhtmlからじゃ
結局質問と同じことにならないか？
ttp://https://teratail.com/questions/13201 635と636の質問内容から飛躍しすぎじゃないの？
スコープが分ってればそんな質問も出なかったと思ったんだけど？
何そんなに怒ってんのよ？
その話をするじゃまをするなと言ってる
という話だぞ
なんでそんなことをしたいのかは聞かなければならないことなのか？
すでに答えてる人いるし
スコープがわってたらあんな質問するわけねーじゃんｗ
ならそれを書けばいいのに何もったいぶってるのかな
質問時点でコードも書かれてるのだからある程度意図はわかるだろうに
その点はさすが、先ず解決に至ってる
別な方法はまたそれで示せばいい
ただjQueryを使ったもっといい方法があるということだけはここに残しておこう
俺のレスを見てるはずなのに無視してるってことは、
何か（良からぬ）意図があってその話題をしてる可能性があるからな
今回はソースを全部質問者が用意してるんだからいとも何もかもソースよめばわかるだろ
だから単に回答をかいてあげればよかっただけなのに
上から目線で否定だけするならスレチだから消えてくれ
でまずそれをききたいって何をききたいのかさっぱりわからんし
日本語不自由かよ
でもいうようにグローバルにする必要はなく
「ここならエラーなし」の場所にかくほうがきれいだけど
それとは別に一般論として
「HTML内から外部jsの関数実行
または
2つの外部jsで、片方から片方の関数実行
はどうやるのでしょうか？」
に対しては と回答するしかない
イベントを使ってやり取りするって手もあるだろ
いきなり「そんなやり方間違ってるjQuery使え」ってアホかと
ソースかいてやればいいのにそれだけいってもわかるわけ無いだろ
質問者のレベルにあわせて回答してやれよキチガイ
ブラウザゲームの特定の表示がでたらデータを抽出（とりあえず localStorage にでも保存）したいんですけど
$('#result').on('load', () => {
console.log("event start");
});
とかいてもなぜか実行されません
はじめから HTML にかかれてるわけじゃなく動的に生成されるHTM:Lだからな気がするんですが
#result って要素が動的に生成されたときに何かを実行するってどうかけばいいんでしょうか
ありがとうございます
ttp://js.studio-kingdom.com/jquery/events/delegate これでいいんでしょうか？
$("body").delegate(".enemy_info", "load", () => {
console.log("enemy_info");
});
とかいても実行されないです
chorome の要素には確かに
<div class="enemy-info">
が存在してるんですが load イベントを起こさずにHTMLを生成することができるんでしょうか
それとも deligate対象は body だとダメなのでしょうか
んー delegate の説明を読むと
デフォルトで $document だったものの範囲を制限できるってだけで
別に後から生成されたものにイベントがセットできるだけではない気がするのですが…
本当に delegate だけで load されるようになるんでしょうか…
あとメソッド名はonのままでいいよ。delegateの機能はonに集約された。
delegate 案内している人のそれはミスリードだから無視しなさい
要素ノードが生成されても、loadイベントなど発生しないし、loadイベントはバブリングしない
彼が勝手に誤解しているだけだから参考には値しない
君が必要としているのは、MutationObserver
ttp://https://developer.mozilla.org/ja/docs/Web/API/MutationObserver Chrome拡張機能でjQueryに拘る理由ある？
そこでjQueryでの書き方を教えて貰って、「もう5chは信用しません」と憤慨するところまで読めた
いろいろ試したけどうまく動かない
サンプルコードほぼそのままで外側の content とか warapper とか動かなさそうなのあったので
指定してもダメで document ぜんたいにしてもダメなんですよね
直下の要素が変化したときしかイベントはとんでこないんでしょうか
chrome 開発ツール眺めてるとアニメーションごとに DOM ころころかわって（紫色になる）んですが…
target がまだ生成されてないせいかと思って $(() => {}) でかこってみたりもしたけど
１回も console.log にとんでこない…
$(() => {
const target = document;
// オブザーバインスタンスを作成
const observer = new MutationObserver((mutations) => {
mutations.forEach((mutation) => {
console.log(mutation.type);
});
});
// オブザーバの設定
const config = { attributes: true, childList: true, characterData: true };
// 対象ノードとオブザーバの設定を渡す
observer.observe(target, config);
// 後ほど、監視を中止
observer.disconnect();
});
のページの情報だけだとイベントで取得するのは自分には無理そうなので
setTimer 使ってよむのを遅らせれば enemy-info のDOMがとれるので
1 秒おきぐらいにループで DOM をみはって情報を得ようかなとも考えてるところです
childList: trueだけではtargetに対して追加されたものだけを監視するのでsubtree: trueも必要
あとありがちなMutationObserverのハマリどころとしては
先にdocument fragmentを作ってからDOMツリーに追加されてる場合はMutationRecord.addedNodesには直にDOMツリーに追加した頭の要素のみが列挙される点
かきわすれです
>サンプル通りにobserveしたすぐ後にdisconnectしちゃったら監視も糞もない
なるほど！
天才です！
動きました！！！
質問しても、アドバイス通りに対応するだけで中身を理解しようとしないから、そうなるんだ…
とりあえず一言動いてくれたらそれから
オプションいろいろ変更してみて使い方おぼて行きたかったんですけど
1回も動かなかったので…
サンプルコードに終了コードはコメントアウトしててほしかった…
まずはコピペで動く状態にしてほしくないですか？
キミ、ちょっとは遠慮したまえ
のリンク先にdisconnect()の説明が載ってるから、それで分かるだろ
説明を読みたがらないコピペプログラマの自己勝手な都合にしか見えんぞ
const sleep = time => new Promise(resolve => {
setTimeout(resolve, time);
});
console.log('4秒後にうんこと叫びたい…');
await sleep(4000);
console.log('うんこ！！');
Promiseの無駄遣い
たぶん、その要素が現れるまで待つこともできる
タイムアウトも設定できる
公式ドライバーもJava
コミュニティ製の各言語バイントはRubyのドライバーよりNodeのドライバーのほうがよくメンテされている。
まあNodeならSeleniumなんて列車砲持ち出さなくてもPupetteerでらくらく家財宅急便だけとなｗｗｗ
しかし↓の記事読むとRubyもやるじゃんと思ってしまった。
世界最大のソフトウェア開発プラットフォームで最も人気なプログラミング言語は何なのか？
ttp://https://gigazine.net/news/20181116-top-programming-languages-2018/ text()で取得した内容を判断して処理したいのですが
濁点、半濁点等が入っていると上手く動きません
よろしければご教授下さい。
html
<p id="hoge">ガギグゲゴ</p>
script
hogegoge = $('#hoge').text();
if(hogegog == ガギグゲゴ){
処理 ←ここの処理に行かない
}else{
処理 ←こっちらが処理される
}
先のはスプリクト間違いです
実際はこちらのスプリクトです。
html
<p id="hoge">ガギグゲゴ</p>
script
hogehoge = $('#hoge').text();
if(hogehoge == ガギグゲゴ){
処理 ←ここの処理に行かない
}else{
処理 ←こっちらが処理される
}
"ガギグゲゴ" 又は
`ガギグゲゴ`
ここに動かないというコードを書け
ttp://https://jsfiddle.net/ とはどういうことでしょうか?
ガギグゲゴ部分は囲ってありました
すいません。
if(hogehoge == 'ガギグゲゴ'){
「ガ」ではなくて「カ」+濁点だった
濁点が分離していました。
エディターが勝手にまとめていたみたいです。
ありがとうございました。
jQueryの人勘違いしてたっぽいな
今度はphp使ってと言い出してる
答えもせず否定から入って不自然だった
誰と勘違いしてるんだ？
俺はPHPの話なんかしてねぇよ
結合文字列は「カ」+濁点で、合成文字は「ガ」
Mac だけは、デフォルトで結合文字列なので要注意！
横着してそのまま比較しちゃそりゃうまくいかないよ
文字列を2回探させるぶんムダな処理をさせてしまうことになる…？
それなら最初からreplace()だけのほうがいいですか？
はい
他人に無駄と言われようがどうせソースなんか見ない
そんなことより何かを実現させるほうを先にやるんだ
バグなんかどんなアプリにも存在する
世界はクソコードで動いている
そのためにできるだけメンテしやすく書いておくだけなんだよ
極力シンプルなほうが良いのか、思考したままの情報が多い方が良いのか。
そういうことを考えることが時間の無駄。
自然と思いつくまま書くのが最も生産性が高い。
あえてメンテナンスしにくいように書くやつはいないから、
それでも自分にとっては十分なコードになる。
そこにコードがあるからメンテナンスしなきゃいけないんだよ。
コードがなければ（少なければ）メンテナンスするものも少なくなる
それだけははっきりしてるんだから
書き方でどうこう言う前に、まず書くコードを減らすこと優先すれば良い
期間置いてもスムーズにコードを書けるなら、それはよくやったと自分をhomeてあげていいと思う
Animate.cssを実行するJクエリ、たとえばwaypointsやScrollTriggerなどで作成したスクロールで可視範囲になってから動くアニメーションがmacOSのSafariだけで動かなかったり、動いても目的のアニメーションが実現しないのはなぜですか。他のブラウザはOKなのに
反映されない、崩れる、バグなどお祭り状態だ
Edge では対応していなかった
Safari でも動くのは、Technology Preview 版だけかも
funciton(){}
が長いので
f(){}
みたいに書ければと思ったのですが、
f = funciton();
のようなことはできますか？
()=>{}
とか
_=>{}
とかで我慢できんか？
ttp://https://minnie.tuhs.org//cgi-bin/utree.pl?file=V7/usr/src/cmd/sh/mac.h これと同じ臭いがする
こんな書き方があったのですね、ありがとうございます
即時関数にするとこうですね
(()=>{
alert('aaa');
})()
気持ち悪いですね
そんな怪しいurl踏むかよ
tuhs.orgが怪しいとか草生えますよ
真上や真下の値は簡単に取得する方法ある？
多分、無い
ライブラリとかもなさそう
地味に数えていくしかないみたいだね
ttp://https://qiita.com/PianoScoreJP/items/be721f1b06745c2bbc39 とあるセルの周囲のセルが１つとは限らないだろう
そこはどうするつもりなんだ？
はぁ
俺のテーブルは限るんだよ
な？バカみたいだろ？
reactとか、JavaScriptに完全に依存したサイトで
すでにJavaScriptファイルが数十個作られています
みたいな状況を解決するものであって、
HTMLメインのサイトではただ面倒になるだけなんだよ
必要の無いものを無理に使っては絶対にダメ。
js無しで済むならそれが一番軽いし速いんだから。
jsファイルが数十個なんてサイトは作り直しだな
あとhtmlメインサイトをこのスレで出しても無意味
無意味ではないね。HTMLメインのサイトで使うのが
JavaScriptの一番多いユースケースだから
共通部分別にするにしても数十個とか異常
そこそこのWebアプリなら数十モジュールくらいいく
おかしくはない
共通部分別にするにしても数十個とか異常
共通部分別にするにしても数十個とか異常
なんでバンドルにまとめるの？
まとめなかったらどんな問題があるの？
しかしそんなお客様もキャッシュを持ってるから普段は気づかない
要は開発者の傲慢
傲慢を客に押し付けて
「ドヤ！ロードはええだろ！バンドラー使ってるんだぜ！」
たったのこれだけ
htmlのパースを邪魔しないようにjsファイルをどうにかしたいと思います
・document.ready()でscript要素のDOM生成
・bodyの最後に書く
どちらが良いでしょうか
asyncとdeferは前後しまくってバグりまくって手がつけられなかったです
<input type="file">
<div id="hoge" style="display:none;">
HOGE
<input type="button id="piyo">
</div>
上記のソースコードで
ファイル選択時にHOGEの枠を表示したい
piyoクリックでHOGEを非表示したいです
よろしくお願いします
ttp://https://developer.mozilla.org/ja/docs/Web/HTML/Element/Input/file 表示・非表示は、display・visibility プロパティの2通りがある
jQuery で作ったけど、ボタンを押すと、テキストとボタンも消えてしまうから、
ボタンは、div の外に作らないといけない
<body>
<label for="file1" style="display:block;">選択して</label>
<input type="file" id="file1" name="file1">
<div id="btn1_wrapper" style="display:none;">あいう
<button id="btn1">押して</button>
</div>
<script type="text/javascript" src="../jQuery/jquery-3.1.0.js"></script>
<script>
$( '#file1' ).change ( function( ) {
$( "#btn1_wrapper" ).css( "display", "block" );
} );
$( '#btn1' ).click ( function( ) {
$( "#btn1_wrapper" ).text( "" ); // 空文字列を設定する
} );
</script>
</body>
ありがとうございます
しかしながら「押して」ボタンは1度使うともう2度目は使えないですか？
divの中に入っていると、div内のテキストを上書きすると、ボタンも削除されてしまうから、
この構造を変えるしかない
>$( "#btn1_wrapper" ).text( "" ); // 空文字列を設定する
$( "#btn1_wrapper" ).css( "display", "none" );
ただし、同じファイルを選択しても、change イベントが発生しないから、
フォルダ内に、ファイルが1つしかない場合に困るかも
やっぱりbodyの最後が一番ですよね
headから出っるのが気持ち悪いですが、我慢します
今後はjqueryなども全てbodyの終了直前に書くようにします
ありがとうございました
うおおお！ありがとうございます！完璧です！
感謝！
本当は、ボタンも消すと言うよりも、
disabled で有効・無効を切り替えたいだけじゃないの？
ボタンが消えるというのは、奇妙な振る舞い
jQueryでフォームのボタンを有効・無効にする
ttp://https://uxmilk.jp/40456 「一度きちんとボタンが押されたから二度押し防止のためにボタンが無効化されてるんだ」
なんて理解できる一般人はよっぽど精通した人だけ
反応がないとあちこち触って投稿中に別のページに遷移したりする人もいる
だからアニメーション画像と共に投稿中であることを表示して
時間がかかっているようなら更にその旨を表示する
完了するまで触るなと表示する
そのくらいはしないと一般人相手には厳しい
ボタンを押したら「押しました」と確認画面が出るようなものが、
うっとおしいけど、わかりやすいのかも
wordpressは1.12なのですが、これを使えば良いのでしょうか
なんで他人に決めてもらわなきゃ何もできないんだ？
何をイカってるんだ？
失敗談や地雷バージョンを聞いて避ける事が出来るなら、
それに越したことはないだろう
それで動くならそれで良い
wordpressなら差分のmigrateも入るからバージョンによる差異は起こりにくい
コードを書く時はno.conflictを外さずに
jQuery(function($){ 〜
に書くこと
もし何かプラグインやライブラリが動かないならjQuery3.x入れれば良い
ありがとうございます！
migrateって？なんですか！？
下のコードもよくわからないのでもっと詳しく教えてください
＞migrate
jQuery1.xと3.xの差を埋める差分
＞下のコード
そのままだと$が使えない
・WordPress標準のjQueryを使う場合の書き方
ttp://http://primarytext.jp/blog/1298 $()使わずにjQuery()使うならキにしなくてもいいけどね
差ってどんな差がありますか？
2.xじゃだめでしょうか？
あとリンクありがたいのですが難しいのでもっと初心者にわかりやすいリンクくれると助かります…
1→3は色々と軽量化、追加・削除された関数等がある
ttp://https://qiita.com/fmy/items/345a264a1cf2e2a73f62 1+migrateで3相応の機能になる
2は忘れた。無条件に使わなくて良いバージョンという認識しかない
知りたければ「jquery バージョン 差異」辺りで検索
＞あとリンクありがたいのですが難しいのでもっと初心者にわかりやすいリンク
「wordpress jquery $ is not a function」
で検索してくれ
古いブラウザの対応を切り捨てたものとして作られたが
結局需要がなくて3.x系で一本化された
> 1+migrateで3相応の機能になる
逆、3+migrateで、1との互換性が完璧になる
基本的に1系と3系には高い互換性があるが、3は1の時代では必要だったが
今は不要な機能などが削除されてたり機能強化に伴う仕様変更などがある
そういったものを復活させるもの
3系に置き換えて動かなくなったものがあればmigrateを使用して
古いコードを置き換えていくことで、3系に完全対応させる
スマン、完全に間違ってた
ずーっと間違ってたわ・・・
オワタ
ajax使わないならその部分削除するとすっごい軽くなると聞いたけど名前が思い出せない
vueと合わせて使ってみたい
ライブラリ複数入れるのはオススメしない。何かあったら超ハマるぞ
置き換えるのが前提のものを使うのは大変すぎるだけ
中規模以上のサイトになると両方メンテしないといけなくなる
何か新たにデータを取得して表示させるだけなのに、バックエンドとフロントエンド両方対応しないといけない
しかも整合性合うように
バックエンドでデータは更新されているのにフロントエンドで保持しているデータが更新されていませんでしたとかよくある
<article style="overflow-y:scroll height:500px;">
<section style="height: 300px;"></section>
<section style="height: 300px;"></section>
<section style="height: 300px;"></section>
<section style="height: 300px;"></section>
<section style="height: 300px;"></section>
</article>
const $section = $('article').children().eq(3);
const top = $section.offset().top;
$('article').scrollTop( top );
ではどうもズレるようです
というかブロックの中身がいくつであってもtopの値が変わらないですね
こういう場合、何を使えばいいのでしょうか
$section.prevAll().each()で.outerHeight(true)を合計するくらいしか思い浮かばないですが…
こんなのあったんだ… 実験的な機能らしいけど
マジですか？
どうやって作ったら良いですか
$('.switch').click(function(e) {
$('.popup').show();
});
});
だと、クリックしたら1度表示されてそれっきりじゃないですか。
もう1度クリックしたら非表示、
そこから更にクリックしたら表示
ってしたいのですが
<div id="chinko">うんこ<div>
<button id="chikubi" type="button">まんこ</button>
css
.minaide {display: none;}
js
function hadakaodori() {
$('#chinko').toggleClass('minaide');
}
$('#chikubi').on('click', hadakaodori);
非表示のものをどうやってクリックするんだ
解決しました
ご協力どうもです
そのクリックで表示･非表示の切り替えをして、同時にマウスホバーでも表示･非表示をやり、
それらが矛盾無く正しく動作するような関数ってどう作ればよいでしょうか？
クリック → 変数 ← ホバー
$('.switch').checked = false;
こんな感じにしてやろうとしたんですが、上手く行きませんね
.switch っていうのは、オンオフを切り替えるスイッチ役の要素(クラス)です
ウェブページを開いた直後はページ内の全てのスイッチ役の要素はスイッチオフなのでfalseを設定してます。
$('.switch').checked = false;
$('.switch').click(function(e){
if($(this).checked = !$(this).checked){
$(this).next('.popup').css({'display':'inline'});
}else{
$(this).next('.popup').css({'display':'none'});
}
});
$('.switch').hover(function(e){
$(this).next('.popup').css({'display':'inline'});
},function(e){
if(!$(this).checked){
$(this).next('.popup').css({'display':'none'});
}
})
});
propを使う
ttp://https://qiita.com/i47_rozary/items/db77352cc0af8d05d39a あとjQueryだと
$('.switch').checked = false;
ではなく
$('.switch').checked(false;)
という書き方が多いよ。どっちも動かないけどね
オブジェクト.プロパティ = 値;
っていう書き方出来てたのにJqueryでは無理なんですね
JavaScriptで出来ることはjQueryを使っていても出来るよ
$(function(){
$('.switch').each(function(){
$(this).prop('checked', false);
});
$('.switch').click(function(e){
if($(this).prop('checked',!$(this).prop('checked'))){
$(this).next('.popup').css({'display':'inline'});
}else{
$(this).next('.popup').css({'display':'none'});
}
});
$('.switch').hover(function(e){
$(this).next('.popup').css({'display':'inline'});
},function(e){
if(!$(this).prop('checked')){
$(this).next('.popup').css({'display':'none'});
}
})
});
ありがとうございました
ttp://https://codepen.io/infologicmation/pen/yGVzdw クリックによる表示･非表示切り替え
と
ホバー･アウトによる表示･非表示の切り替え
が矛盾無く共存できています
span要素にcheckedプロパティは存在しないのでpropは使ってはいけない
cssメソッドではなくclassを設定するようにしましょう
hoverはCSSを使用するようにしましょう
ttp://https://jsfiddle.net/w6bm0fn5/ [JavaScript]
$(document).on('click', '.switch', function() {
$(this).toggleClass('checked');
});
[css]
.popup {
display: none;
}
.switch.checked + .popup {
display: inline;
}
.switch:hover + .popup {
display: inline;
}
HTMLはから変更なし
jQueryは最小限のJavaScriptで実現できる = HTML+CSSにメインの処理を任せることで高速に実行できるのです。
凄いです。綺麗です
ありがとうございました。
ttp://https://jsfiddle.net/ry9Lhpz7/ 微妙なところだね。本質的にはcheckboxと同じだからねぇ
(function() {
//処理
})();
それはvar変数のスコープが関数スコープだったため、var変数のスコープを閉じ込めたかったのだ。グローバルと各ブロックで変数名が衝突しないように。
ブロックスコープなletとconstがある今、それは（大抵の場合）不要。
それです。
const baz=()=>{
let foo=1;
console.log(foo);
}
ダメですか
日本語を頑張れ
ttp://https://momdo.github.io/wai-aria-1.1/#aria-checked node.js用のjsを呼び出して（起動させて）返り値を得る…みたいなことってできないですかね
現時点ではわざわざコマンドプロンプトから「node ○○.js」ってやってテキストファイルを生成させて
そのテキストファイルを開いてコピーしてhtmlのテキストエリアに貼り付けってやってるんですが
これを省略したくて…
（html内だけで完結できないのは、生成するデータの取得にnode.jsの認証用プラグインを使ってるため）
htmlファイル自体がちゃんとfile:///でなくnode.jsによるサーバー（localhost）を通ってないとダメなんでしょうか
Nodeを起動させっぱなしで
WebSocketとかで通信するのはだめなんか？
簡単に、Node.js で実行する拡張機能はないの？
大人しくそうするのが一番手っ取り早いんでしょうかね…
Nodeを起動させるバッチファイルを書いてスタートアップに登録しておけば起動は問題なし…？
一応Node.jsの触り（ビギナーズブック
ttp://https://www.nodebeginner.org/index-jp.html） はやったことあるはずですが、それでも現状からの移行を問題なくすんなり迅速にできるか不安なので
もし他に方法があればと思い聞いてみました
HTML出力するコマンド実行して、ブラウザで開くような
バッチファイル作ればいいだけじゃん
あー…？
いえ、にも書きましたが
基本的にはhtmlを使って作業していて、文字列を取得したいときにnode.jsを起動してテキストエリアに貼り付けてそれをhtml側でパースして…ってやってるので
都度htmlを生成するとなると…
とはいえテキストエリアに初期値を設定したいだけのときはそれでも良さそうですね
node.jsと行ったり来たりする手間は省けてないような…？
webpackってファイル数をまとめるやつでしたっけ
こういうことにも使えるんですか
単なるローカルhtmlファイルではやりづらいことも、html由来のデスクトップアプリなら色々できるようになりそうだとは薄々思ってましたが
どうやればいいのかいまいちわからずにいたところでした
まだ少ししか調べられていませんがElectron良さそうですね
TW.jsというのもあるようで…
かつ
DEFいずれかのクラスを持っている
みたいなorとand混合の条件絞り込みってできますか？
ttp://https://youtu.be/klLP8EeTKtc VSCode の拡張機能の、Quokka.js は？
Node.js で実行したものを、リアルタイムで、端末とエディタ内の両方に表示する
let numbers = [ 1, 2, 3 ]
let doubled = numbers.map( n => n * 2 )
doubled
//=> [ 2, 4, 6 ]
でも、エディタ内の結果からは、コピペできない！
端末からコピペするしかない
どうもありがとうございます
期待通りのものが作れました
個人的なことならブラウザ拡張で済ますって方法もあるよ
どうせNodeも外部通信くらいにしか使ってないんじゃないの？
は、ブラウザではなく、Node.js で実行している
このQuokka.js の無料版は、既に存在するファイルから、実行できない。
新規ファイルでしか実行できない
背景＝$('option').eq(n).css('backgroundColor', c);はできますが
文字＝$('option').eq(n).css('color', c);は変わりません
Opera、Chromeで確認してます（foxは共にできず）
addClass使えはなしでお願いします（これでもできませんが）
cは#000000の形式で
文字色を変えるは動的にです
iphoneドラムロールになるし、あれは背景を変えられない
ブラウザを絞ればもう少し対応策があるかもしれない
ただ、諦めたほうが良いとは思う
iphoneや泥は捨てでいいです
動作せずは困りますが色なしは可です
PCのWinで機能すればいいです
もし白黒の電子ペーパー端末で見たり色弱者が見た場合のこととか考えてる？
切り捨てでいいです
selectとoptionにスタイルかけるのは無理だから諦めろ
どうしてもやりたいなら代替要素でselectっぽい物を描画するライブラリを使えばいい
このスレ的に言えばjQueryUIでも使えばいいんじゃないか？
ttp://https://jqueryui.com/selectmenu/ これか。すげーシンプルなHTMLだな
これな〜
モバイルだと画面の下の方でそれクリックすると下にはみ出して操作性悪いんだよな
あまりオススメできない
モバイルのデフォルト機能に任せた方が、個人的には良いと思う
なんならモバイルで見たら普通のselectで出しわけしてもいいし
見落としてた
なら問題ないね
そんなん言ったら全盲の人にも配慮しろってなって際限無いじゃん
Lighthouseで指摘されたとこパパっと直してハイ終わり！
属性付けるだけで、2,3時間で全部終わった
まぁこれぐらいならやっといて損はないかなと
ttp://https://www.my-kaigo.com/pub/kids/taiken/color/ Firefoxは切り捨てだろ
そうじゃなかったらChrome以外切り捨ててるな俺だったら
そのためにかつ健常者でも見やすくするために色を変えるのです
背景は通常にできるのにテキストはできず、別の仕組みなのですね
簡単にできると安易に考えてましたがあきらめます
ありがとう
ちなみには別人
ちなFirefoxは勝手に切り分けられます
ややこしくなるから次質問する時はIDトリップ付けたほうがいいかも
IDトリップ？検索してみます
忠告ありがとう
ChromeでもFirefoxでも文字も背景も色変わるけどなぁ
PaintWorkletでも良いけど
Canvasでフォームの値を送るにはどうしたら良い？
ちょっとここにサンプル書いてみてよ
難しくは無いけどかなりめんどくさい
ただ、表示は本当になんとでも出来る
いえ、ですからここに書いてくださいと
それとフォームって知ってますか？
めんどくさいから嫌です
既存のフォームが嫌で自分勝手に空き放題したいんだから
勝手に好きなように自分がフォームだと思うものを作ればいいじゃない
Canvas使う意味がないですよねって話をしてるんだが
普通に画像でいいやん
html5ベースのゲームはほぼ100%canvasでしょ
そんなめんどくさいことしてるの？
できてもクソ重くね？
あと見た目挙動を統一なんて誰か言ってたっけ？
> html5ベースのゲームはほぼ100%canvasでしょ
そういうのってフレームワーク使わないよね？
っていうか、それHTML5ベースと言って良いんか？
canvasタグ以外のタグ使ってないやろ？
お前大アホ?
セレクトボックスの話をしてるんだぞ?
だからセレクトボックスをcanvasで作るとか無駄な努力でしょ
HTML使ってできるものをわざわざ独自で作るとかさ
しようとすること自体がナンセンスと言ってるんだが伝わらなかったか
作られたものなんですが？
表示に関しては・・・ね
いわくできるみたいだが
どうせハッタリだろうが
HTML/CSS/JSの挙動について大規模に実験した記憶があるけど
ブラウザによってこれは反映されるけど、こっちは反映されないとかバラバラだったな
確かFirefoxはかなり検討してた
だけどimodeブラウザ2.0、NetFrontだっけ？が一番正しいってこともままあったな
HTML5がムーブメント生まれる瞬間でとにかく足並みを揃えさせるが難しかった時代
divで1点1点打つCanvasのポリフィルとか作った記憶がある
それでたしか100ｘ100くらいの表示させるとガラケーで１フレーム数分とかかかってた
imodeのコンテンツ保護を無効にする手順とか、ブラウザをクラッシュさせるJSとか
沢山発掘して今思うと一番Webを楽しんでたときだな
__proto__廻りのバグやそれを元にした脆弱性とかも普通に俺でもホイホイ見つけられた時代
今のように報奨金制度とか全く流行ってなかったので
特にお礼も言われずに終わってたのが今振り返ると悔しい
Firefoxは背景色表示はできてたが
あるバージョンから突然できなくなってしまった
コード何一つ変えてないのに
Firefoxがいつ更新されたと思ってんだ
糞馬鹿か
ttps://i.imgur.com/zXHc7FQ.png 
ttps://i.imgur.com/aFNr3Hd.png 
ttps://i.imgur.com/sLU4kX9.png 
ttps://i.imgur.com/RXa1Z56.png ttp://https://w3techs.com/technologies/overview/javascript_library/all > w3techsによると2017年1月の時点で71.9%のサイトがJavaScriptのライブラリとして
> jQueryを使用していることが判明し、それ以降もシェアの増加が続いていたが、
> 2018年4月〜2018年10月の約半年間で変化が見られず、ようやく73.3%〜73.4%で
> 増加が停止したようである。
73.5%に増加してるな。まだ微増してるってことか？
48 名前：仕様書無しさん[] 投稿日：2018/12/06(木) 07:20:27.93
jquery最強じゃないかwww
react 厨さん息してますかー？
49 自分：仕様書無しさん[sage] 投稿日：2018/12/26(水) 21:45:04.58
ttp://https://w3techs.com/technologies/overview/javascript_library/all > w3techsによると2017年1月の時点で71.9%のサイトがJavaScriptのライブラリとして
> jQueryを使用していることが判明し、それ以降もシェアの増加が続いていたが、
> 2018年4月〜2018年10月の約半年間で変化が見られず、ようやく73.3%〜73.4%で
> 増加が停止したようである。
> 73.5%に増加してるな。まだ微増してるってことか？
あぁ、もうだめだ。 73.6%にまた増加してる。微増し続けてた。
これを開発者がjQuery使ってるとか勘違いするバカが勝ち誇ってるだけ
ttp://https://w3techs.com/technologies/history_overview/content_management/all/y 仮にWordPressを使ってるサイトをJavaScriptを使ってないとみなせば
jQueryのシェア 73.6% は 40.8% 相当と考えられるかもしれないよね！
それでもJavaScriptライブラリを使ってないサイト24.3%よりはるかに多いけどね！
そんなことよりReactのシェアが0.5%から0.2%に減ったのが問題なんじゃぁ
wordpress以外にもjQuery使ってるかもわからんゴミサイトがたくさんあるからな
お前はゴミをかき集めて勝ち誇ってるゴミ信奉者
そんでの分析頼む
手足の指の数程度だろ・・・
頭大丈夫ですか？
普段どんなものを作ってるんですか？でしか無いと思うけど？
どうせウェブサイトではなくてウェブアプリ開発者用のアンケートで偏ってるんでしょ？
切り取ったデータでわからないけど、せめて誰を対象としたアンケートなのかいってくれないとね
もはやバカか無能しか使わないんだよ
冷静に考えるとメリット無いんだが
ほらみんなやってるしすごいって言ってるし
自作のページ【A】で、何かしらのイベント（例えば'#a'をクリック）が起こるたびに
バックグラウンドで開いた他者製のページ【B】で、何かしらのイベント（例えば'#bをクリック'）を起こしたいと思っています。
自分で考えつく方法としては例えば、Chrome拡張機能などで他者製のページ【B】に対し
「このページが開かれるたびに'#b'をクリック」
というユーザースクリプトを設定しておき
自作のページ【A】で'#a'をクリックするたびに【B】を開く⇢すぐ閉じる
くらいしか思いつきませんが
開いたり閉じたりしない、もう少しスマートな方法ってないでしょうか？
「このページを開いたとき」でなく
$(window).on('focus')
としておき、タブを切り替えるだけでいけますかね…？
しかしページを新たに開くのでなく、元々開いているタブにフォーカスを切り替えることなんてできるんでしょうか
なんて言えばいいのかちょっと難しいですが
業務上ちょいちょいクリックしたいボタンがあって
（悪いことではないです その他者製のページというのも半ば身内製と言いますか…
自由に変更要望を出せるものではないんですが）
わざわざ画面を行き来してボタンを探す時間の節約…
という面もありますが、うっかり忘れを防止したいというのもあります
（2つのページをセットで作業してるものの、基本的にAのページばかり開いててBの作業をやり忘れることがよくあり
忘れてて後からになると業務に遅れが生じてしまうので…）
ttp://http://www.seleniumqref.com/api/ruby/window_get/Ruby_window_handles.html Selenium WebDriver の、
driver.switch_to.window(ウィンドウ・ハンドル)
driver.navigate.to url_0 # url_0 を開く
driver.execute_script( "window.open()" ) # 新しいタブを開く
driver.switch_to.window( driver.window_handles.last ) # 新しいタブへ移動する
driver.navigate.to url_1 # url_1 を開く
all_handles = driver.window_handles
driver.switch_to.window( all_handles[ 0 ] ) # url_0 へ移動する
selenium-webdriver (3.141.0)
Ruby のは、141 まで進んでいる！
web上の事務作業を楽にするって事だろう
基本的には難しい
もしjsで別タブを触れるとすると、サイト開いた瞬間に全タブの情報を抜き取るってアホみたいな事が可能になる
＞自作のページ【A】で'#a'をクリックするたびに【B】を開く⇢すぐ閉じる
＞くらいしか思いつきませんが
＞開いたり閉じたりしない、もう少しスマートな方法ってないでしょうか？
これが通るならコレでいいと思う
はアホみたいな方法なので止めておいた方が良い
一方、Selenium Webdriver は、ブラウザを操作するもの。
そのブラウザで開いている、すべてのページを、人間がするように操作できる
役割が異なる
これのaryC選択を、aryAとaryBの両方を参照するようにしたいのですがどうしたら良いでしょうか？よろしくお願い致します。
↓
var aryA=["動物","植物"];
var aryB=[];
aryB["動物"]=["哺乳類","両生類"];
aryB["植物"]=["種子植物","その他"];
var aryC=[];
aryC["哺乳類"]=["ヒト科","サル科","ネコ科"]
aryC["両生類"]=["カエル科","サンショウウオ科"]
aryC["種子植物"]=["被子植物","裸子植物"]
aryC["その他"]=["シダ植物","細菌類"]
ttp://https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1222942487 var b=[];
b[ a[0] ]=["A","B"];
b[ a[1] ]=["C","D"];
// b => [ X: [ 'A', 'B' ], Y: [ 'C', 'D' ] ]
var c=[];
c[ b["X"][0] ]=["0","1"];
c[ b["Y"][1] ]=["2","3"];
// c => [ A: [ '0', '1' ], D: [ '2', '3' ] ]
修正。これを
c[ b["X"][0] ]=["0","1"];
c[ b["Y"][1] ]=["2","3"];
これに変えても、同じ
c[ b[ a[0] ][0] ]=["0","1"];
c[ b[ a[1] ][1] ]=["2","3"];
そのサイトでは、内部で一気にまとめて処理すればいいところを
わざわざ人間が#a #b #c #dという4つのボタンを順番に押さなければなりません。
これを何らかの1動作（例えば右クリック）だけで済むようにしたいのですが
ただ単に
$('body').on('contextmenu', () => {
$('#a').click();
$('#b').click();
$('#c').click();
$('#d').click();
return false;
});
などとしただけでは、#aの処理が終わる前に#bがクリックされてしまいうまくいきません。
setIntervalを使う以外にどんな選択肢があるでしょうか？
$.when().done()とかだと「クリックをしたことによって起こったイベント」までは待ってくれないですかね？
a,b,c,dの処理はどう定義されているのかを調べてから質問してくれ
DOMSubtreeModified propertychange
で検知すればいいと思う
>#aの処理が終わる前に、#bがクリックされてしまいうまくいきません
単に、処理A・B を続けて書いているだけなのに、実行される順番が変わるのか？
そんな事があるのか？
Aの処理に、時間が掛かっている間に、
BCDの処理の方が、先に終わってしまうという事か
それは、非同期処理の順番を指定するしかない
#a,b,c,dが非同期処理なら、あり得る
要素による。inlineとかだと出来ないので、一時的にdisplayを変更したりwrapperを設定する必要がある
あと、文字のサイズも変わらないので何か変になると思う
・ページ遷移
この時、canvasで変更された内容をそのまま持ち越すということは可能でしょうか？
ajaxでcanvas意外を変更するか、画像で一旦どこかに保存するしかないでしょうか
アニメーションはCSSでやったほうが良さそうですね
show→アニメーションはできたのですが、アニメーション→hideがうまくいかず…
opacityでいいんじゃね
font-size変えてもいいと思うけど
ttp://https://jsfiddle.net/rzhgna7k/ opacity入れないとインライン要素だけが残る
ttp://https://jsfiddle.net/rzhgna7k/1/ data uriにして持ち越すか
描画するデータを持ち越して再描画するかかな
あーなるほど、別にdisplay:none;にすることに拘らなくてもいいですね
transform:scaleでギリギリまで縮小して最後にwidth、height0にするようなkeyflames書いてみます
foreignObjectを使ってCanvasに描画してやるのがオススメ
ふつうにtransform: scale()じゃだめなのか
デベロッパーツールで調べてみるとどういうわけか、
#a〜#dを押すことによって実行される関数a()〜d()自体は単に<head>内にa.js〜d.jsを追加するというだけのものでした
a.js〜d.jsの中身はいずれもわずか20行ほどで、for内でreplaceを繰り返した結果を<textarea>に反映させるというものです
（何故こうなってるのかはちょっとわかりませんが… なにか意味あるんでしょうか）
使うのが今だけなら、いっそこれらの中身を全部コピペしてユーザースクリプトにまとめてもいいんでしょうけど
a.js〜d.jsの中身（replaceすべき文字列）が将来的にいつの間にか書き換わってることもあるでしょうからそれは避けたいなと…
DOMSubtreeModified propertychange！
そんな凄いものがあったんですね…！
これは今後色々捗りそうです
今回は<textarea>の中身がJSで勝手に書き換わるのはどうもonchangeでは検知できないようで困っていたのですが
先述のように<head>内に<script>を追加するのを検知すればいけるかもしれません
つまりこういうケースではasync/awaitのみの1択…という感じですかね
async/awaitなら全部待ってくれるんですね
ぜんぜん違う。というか関係ない
絶対に使わないというわけではないが、問題解決のための手段ではない
例えば、3人交代で仕事する時、相手に起きた出来事を引き継ぎするだろ？
async/awaitはその引き継ぎ作業に相当する。
引き継ぎは行うことだが仕事内容ではない
使えないんじゃね？ DOMツリーが変わるわけじゃないんだから
では他にはどんな引き継ぎ方があるでしょうか？
（ユーザースクリプトからだと、関数a()を直接呼び出すことはできませんでした）
<head>への<script>の追加はDOMツリーの変更とは見なされず、DOMSubtreeModified propertychangeでは検知できない…ということでしょうか
調べるのは引き継ぎ方じゃなくて、clickの中でやってる処理が終わったタイミングを知る方法
それさえわかればasync/awaitなんぞ使わず普通にclick()使えばいい
ではやはりそれぞれの関数が最終的に行っているのは<textarea>のvalueへの文字列の代入ですね…
順序なんて考えたくないでござる！って場合はこれでどうだ
str = '';
$.get("a.js", '', function(response) {
str += response;
$.get("b.js", '', function(response) {
str += response;
$.get("c.js", '', function(response) {
str += response;
$.get("d.js", '', function(response) {
str += response;
});
});
});
});
eval(str);
エラーは適当に書いてくれ
undefinedを返すため
関数にするとしてもundifined返すための関数なら引数いらなくね
なんでvoid(0)ってしてるの？なにを評価してるの
ttp://http://memories.zal.jp/WP/blog/20150504_2542.html ttp://http://blog.yuku-t.com/entry/20111111/1321021731 ※下は2011年の古い記事
昔はundefinedを上書きできてしまう仕様だったので、
それに対する保証としてvoid()があったと思われる
＞なんで最初っから定数としてundefined用意しなかったの
これは全員思っていると思う
変数でundefinedは正気の沙汰じゃない
つまり今は使う意味が無いと思う
今もundefined変数を定義出来るので、状況によっては必要
(typeof演算子で代用出来るケースがほとんどだと思うが)
var undefined = 1
これどうなってるんだ
代入がエラーにならないけど何を代入してもundefined が返ってくる
voidは関数ではなく、演算子だぞ
演算子に(0)を与えるコードが異常
グローバルコードだろ？
constや関数コード内のvarでやってみろ
グローバル変数を書き換えられない理由はObject.getOwnPropertyDescriptor()
新しくnullを作って欲しい
他の言語でもそうなの？
jsも同値扱いはしていないのでは
>true
null === undefined
>false
やめろ
どうちてそんなこと言うの？
null == undefined
>true
同じ形ではないようだが
そうだよ
だから、そもそも同値扱いしかあり得ないし、は考慮にも値しない
○ そもそも同値扱いはあり得ないし、
仕様書にないオレオレ用語は止めてくれ
・厳格な等価性比較 (Strict Equality Comparison) (===)
・== を使用する 寛容な等価性 (loose equality) ("二重等号")
ごめん俺が完全にあほだった
データベースでは、3値論理。Ruby もそう。
true, false, null
E.F.Codd は、unknown も加えた、4値論理を唱えたけど、
あまりに複雑すぎて採用されなかった
使わないと、想定外に型変換されて、バグる
Ruby では、バグる要素が多いから、これを採用しなかった
ttp://https://mickey24.hatenablog.com/entry/20100910/1284052782 ==
オブジェクトの同値性のチェック
クラスやオブジェクトの性質に合わせて再定義できる
===
オブジェクトの同値性のチェック(所属性を加味)
case式で使われる
クラスやオブジェクトの性質に合わせて再定義できる
eql?
オブジェクトの同値性のチェック(==より厳密)
Hashで二つのキーが等しいかどうかを判定するのに使われる
クラスやオブジェクトの性質に合わせて再定義できる
再定義した場合はhashメソッドも再定義しなければならない
equal?
オブジェクトの同一性のチェック
object_idが一致するかどうかを調べる
再定義してはならない
ヴァーーーーーーーーカ！ｗｗｗｗｗ
==、===、eql?、equal?の違いと使いどころを完璧に把握しているRuby信者ｗｗｗｗｗ
これは酷い。この体たらくで簡単だのバグりにくいだのホザいてんだから呆れる。
こんなにキツイのか
どちらかと言えば==を使うべき
ここ20年職場でもネットでも色んな人を見てきたが
==の方が使用頻度かなり高いのにハマった人は同じくらい
例えばよくあるパターンが正規表現でマッチして数値と比べる場合
==を使うと数値と文字列を勝手にいい具合に比較してしまうとしても
===を使っても数値と文字列が意図せずに来てしまうことには対処できない
本当の問題は数値と文字列が意図せず混在しやすいというところにあるからだ
そうしたときに、==だと高確率で実際問題が起きないが、===だと直ちにハマる
いくら潜在的なバグを生みうると言ったって、その確率は経験上こだわる必要がないほど低い
うるせーハゲ！
正規表現なら、if(/^\d+$/.test(1234)) のように書くので、===も==も使わない
if (+1234 == '+1234')は通るのに…
俺がなんでああいう独特な書き方をしたか分からないか？
書いたことはちゃんと理解してくれないと困る
「本当の問題は数値と文字列が意図せず混在しやすいというところにあるからだ 」
と言ってるだろう
君は正規表現でマッチした値を変数に入れたりすることは一切ないのだろうが
世間ではよくあるのだよ
これが良くわからない
replace('/foo/')
としてしまってアレアレってなる
まずJavaScriptのリテラルはこれだけある。
ttp://https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Grammar_and_types#Literals 'foo'は文字列リテラルで、
/foo/は正規表現リテラルだ。
昔からある堅い言語は正規表現リテラルがないから文字列からnewして作ってた。
JavaScriptでもそのような作り方もできる。
new RegExp('foo')
これは/foo/と同じように使える。
詳しくは述べないが厳密にはちょっと異なるのでリテラルで書くことを推奨しておく。
あとほんとに'foobaz'を'barbaz'に変えるようなreplaceは
'foobaz'.replace('foo', 'bar')と、単純に文字列でいい。正規表現使う必要ない。
そういう事なのか、ありがとう
ずっとよくわからずに使ってた
新しいスレッドを立ててください。
life time: 453日 14時間 47分 50秒
運営にご協力お願いいたします。
───────────────────
《プレミアム会員の主な特典》
★ 5ちゃんねる専用ブラウザからの広告除去
★ 5ちゃんねるの過去ログを取得
★ 書き込み規制の緩和
───────────────────
会員登録には個人情報は一切必要ありません。
月300円から匿名でご購入いただけます。
▼ プレミアム会員登録はこちら ▼
ttps://premium.5ch.net/ ▼ 浪人ログインはこちら ▼
ttps://login.5ch.net/login.php 