X



+ JavaScript & jQuery 質問用スレッド vol.8 +
レス数が1000を超えています。これ以上書き込みはできません。
0024Name_Not_Found
垢版 |
2018/02/18(日) 20:11:13.80ID:???
☆ 日本の、改憲を行いましょう。現在、衆議員と参議院の
両院で、改憲議員が3分の2を超えております。
『憲法改正国民投票法』、でググってみてください。国会の発議は
すでに可能です。平和は勝ち取るものです。お願い致します。☆☆
0025Name_Not_Found
垢版 |
2018/02/24(土) 04:04:17.21ID:broxDNDb
すみません、他のスレッドで聞いてみたんですが、
JavaScriptで行うと答えが返ったので、
ここで質問させていただきたいと思います。

この5ちゃんねるのように「>>数字」をマウスホバーしたら
安価先の全文をポップアップ表示させることは可能でしょうか。
できれば、表示の際に囲っている線は無表示にして
背景色も設定したいと思っています。
サンプルコードは無いです。よろしければご教授下さい。
0026Name_Not_Found
垢版 |
2018/02/24(土) 04:49:40.13ID:???
簡単にできるが、何もわからない人にここで教えられるようなものではない
HTML、CSS、JSを基礎から勉強していけば数年後に自ずと分かる
0027Name_Not_Found
垢版 |
2018/02/24(土) 15:37:49.91ID:???
それは簡単にできるとは言わない。スレタイ100回復唱しろ
0028Name_Not_Found
垢版 |
2018/02/24(土) 17:50:33.48ID:???
>>27
カレーを作るのは簡単と言えるだろう
でもそれは当然家に便利な道具があって、家の近所の店に当たり前に材料があるということ前提だ

米を準備することは簡単だろう
でもそれを説明するのは難しい
炊くのか?買ってくるのか?によっても違う
買ってくるにしても、店を一度も使ったこともない、
売ってる米を見たこともない幼稚園児に教えて買いに行かせるのは困難だ
そして米を買ってこさせたとしても、そこからがカレー作りの始まり
そんなの教えられると思うか?

最低でも基本道具の使い方を知っている人にじゃないと説明なんてできない
いくら初心者向けの質問所と言ったって、JavaScriptのJの字も知らない人を相手にできるはずがない
実際の物づくりっていうのは「応用」なんだから、「基礎」を知らない人は願い下げよ
0029Name_Not_Found
垢版 |
2018/02/24(土) 18:08:30.55ID:???
カレーを作るのが簡単かどうかは
近くのスーパーにカレー用に切られた野菜パックが
あるかどうかで決まる

幸いなことに俺んちの近くのスーパーには
それが売ってあるので、買って家に帰ったら
鍋に投入して終わりだ。包丁も使わねぇ
0030Name_Not_Found
垢版 |
2018/02/24(土) 19:37:21.42ID:???
ルーをお湯で溶かせば十分にカレーじゃね?
0031Name_Not_Found
垢版 |
2018/02/24(土) 19:52:59.71ID:???
レトルトはカレーでないと申すか
0032Name_Not_Found
垢版 |
2018/02/25(日) 01:45:12.76ID:???
山田祥寛(よしひろ)、翔泳社
10日でおぼえる jQuery 入門教室 第2版、2013

まず、この本を読め
0033Name_Not_Found
垢版 |
2018/02/25(日) 01:58:13.92ID:???
俺のおすすめは、おすすめ順にこの3つだな
ちと古いが(というか新しい本がほとんどない)
jQueryのAPIは安定していて大きな変化はない
変わったのはDeferredぐらいだろうな

コアjQuery+プラグイン/jQuery UI 開発実践技法 (有名なin Actioシリーズ の jQuery in Actionの翻訳)
https://www.amazon.co.jp/dp/4798124281

jQueryクックブック (オライリー)
https://www.amazon.co.jp/dp/4873114683

新人プログラマのためのjQuery Webアプリケーション開発講座
https://www.amazon.co.jp/dp/4899772580
0034Name_Not_Found
垢版 |
2018/03/08(木) 22:53:38.83ID:???
コンストラクタの基礎で質問です。
一旦値(たろう)をセットし、後に変える(じろう、さぶろう)場合以下でいいでしょうか?

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度にしたい場合はどうするのでしょうか?
必ずセットで用いられます。
0035Name_Not_Found
垢版 |
2018/03/09(金) 21:59:57.02ID:???
まず、メンバーというクラスなのに、固定要素への書き出しのメソッドを持つのは変
あと、setNameという名前だと普通メンバーの名前の設定のためのメソッドに見える
そもそも、名前を書き換えられるのは変
それから"first"Nameって日本で言うと名字じゃない方のことだからね、逆になってる
日本人名しか入らないなら(sei,mei)でもいいと思う
もしくは汎用的にオブジェクトを引数に取るようにする
0036Name_Not_Found
垢版 |
2018/03/09(金) 22:02:06.63ID:???
こんな感じになる
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 )
0038Name_Not_Found
垢版 |
2018/03/10(土) 17:36:54.97ID:???
レスありがとう。

>>35
名前の付け方と値自体はあるサンプルを適当に改変したものですのでスルーでお願いします。

>>36
IE9以上でお願いします。
0039Name_Not_Found
垢版 |
2018/03/10(土) 17:52:39.15ID:???
IE9以上の前にひどいコードだな
クソコードと呼ぶにふさわしい
0041Name_Not_Found
垢版 |
2018/03/10(土) 19:05:28.17ID:???
命名はともかく、どこのサイトでもよくある普通のコードだぞ
0042Name_Not_Found
垢版 |
2018/03/10(土) 19:19:14.89ID:???
>いい場合、値セット(mem.lastName = )と処理(mem.setName())を1度にしたい場合はどうするのでしょうか?
>必ずセットで用いられます。

lastNameをdefinePropertyで定義して、そのsetの中でthis.setName()呼べばいいだけ
0043Name_Not_Found
垢版 |
2018/03/10(土) 20:40:42.06ID:???
動的型付けで柔軟なJSでは命名こそが重要なポイントなのにね
あまりに酷い場合そこをおざなりにして話は進められない
0044Name_Not_Found
垢版 |
2018/03/10(土) 21:18:31.87ID:???
>>42
ありがとうございます。

>>43
だから実際の名前は全然違うんですって。
firstでもないし'たろう'でもないのです。
0045Name_Not_Found
垢版 |
2018/03/10(土) 22:25:08.19ID:???
実際既にあるコードをココ用に一部削ったりするのってけっこう面倒だから適当になることもあるわな
0046Name_Not_Found
垢版 |
2018/03/10(土) 23:31:02.42ID:???
その結果 構造・構成がぐちゃぐちゃじゃ評価のしようがない
これだけツッコミ受けてるのはまだコードが無い方がマシなレベルで酷いんだと自覚した方がいい
0047Name_Not_Found
垢版 |
2018/03/10(土) 23:35:26.62ID:???
いや酷いコードだろうが貼らない口だけヤロウよりはよっぽどマシ。
質問でも質問者がクソコード貼るか貼らないかで大違いだ。どんなクソコードでもいいからなるべく貼ってくれ。お前の日本語?の説明よりよっぽどマシ。
0048Name_Not_Found
垢版 |
2018/03/10(土) 23:55:50.66ID:???
>>38
> 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(); // '磯辺-活男'
0049Name_Not_Found
垢版 |
2018/03/10(土) 23:55:56.94ID:???
>>45
JSって色んな書き方ができる言語だけど、
逆に言うと回答する際細かい部分で何が良いかは変わってくるということ
特にここは初心者が質問するというスレの性質上
ただ機械的にQ&Aを返すんじゃなくて根本的に待ったをかけて『モラル』を教える必要もある

例えばファッションで、ネクタイをかっこよく結びたいっていう質問が来た時、
下ふんどしで下駄の写真が付いてきたらツッコミ入るでしょ
そもそもネクタイ無い方がいいんじゃねってこともあるし、
細かい部分から色んな関係性を想定して全体のバランスを考えて初めて
どう結ぶのが良いかって言うのが求まるんだから、手を抜いちゃ駄目だよ

>>34だって関数やメソッドを1つ増やせば良いとも考えられるしね
はたまた>>42のようにクラスの設計の段階で組み立てるのか、
結局他の方法も含めて状況による
俺が現状で回答できるのは>>35で言ったようにおかしい部分を直して
まともに検討できるコード例を持ってこようということ
話はそこから
0050Name_Not_Found
垢版 |
2018/03/11(日) 00:01:53.35ID:???
>>35
> そもそも、名前を書き換えられるのは変
変じゃないよ
0051Name_Not_Found
垢版 |
2018/03/11(日) 00:08:40.65ID:???
>>50
変じゃない場合もあると思う
ただ「人」を表すクラスのインスタンスっていうのは「個人」
「名前」っていうのは「個人」のIDのようなもの
インスタンスのIDに当たるものを書き換えて別の存在にするっていうのは、
やってはいけないとまでは言うつもりはないが、一般的には大胆すぎる

基本的に、インスタンスっていうのは、必要なときに新たに生み出して、使い捨てるもの
書き換えて再利用するなら、クラスやコンストラクタを使わなくても良い
0053Name_Not_Found
垢版 |
2018/03/11(日) 00:16:37.16ID:???
>>51
> 「名前」っていうのは「個人」のIDのようなもの

名前をIDにしたらだめ
被るだろ
0054Name_Not_Found
垢版 |
2018/03/11(日) 00:18:55.75ID:???
>>53
するどいツッコミだが、
アイデンティファイではなく、アイデンティティという言葉を言いたかった
DOMのタグもtagNameは書き換えできないし、できたら変だと思うだろう?
そういうことだ
0055Name_Not_Found
垢版 |
2018/03/11(日) 00:30:05.26ID:???
>>54
だから、名前が一意になるオブジェクトはあるだろうが
今回のMemberの場合なら名前をにしたらダメだろっていってる
そして名前は変わるだろと言ってる
鋭くもなんともねーよ。常識的な話だ
0056Name_Not_Found
垢版 |
2018/03/11(日) 00:30:31.58ID:???
今回のMemberの場合なら名前を一意にしたらダメだろっていってる
0057Name_Not_Found
垢版 |
2018/03/11(日) 00:33:38.14ID:???
>>54
> アイデンティファイではなく、アイデンティティという言葉を言いたかった
更に意味わかんねーよ

動詞 アイデンティファイ identify の
名詞形が アイデンティティ identity だ

動詞ではなく名詞にしたかった言いたいのか?
0058Name_Not_Found
垢版 |
2018/03/11(日) 00:35:00.43ID:???
>>54
> DOMのタグもtagNameは書き換えできないし、できたら変だと思うだろう?

なんでnameの話してるのに、tagNameの話になってんだか
DOMのタグであれば、フォーム要素がnameを持っている。
もちろん書き換え可能だ


お前もうめちゃくちゃだなw
0059Name_Not_Found
垢版 |
2018/03/11(日) 00:40:26.38ID:???
>>58
"identity"と"identifier"はIT用語では別物だぞ?
まあそれは良いし、お前の頭がポンコツなのはわかった
ポンコツなお前とメチャクチャな俺でこれ以上スレを汚すのはヤメヤメ
あーはいはい生産性0の話はもうオワリ!ここまで!
0060Name_Not_Found
垢版 |
2018/03/11(日) 00:46:03.28ID:???
今度は用語が変わりやがったw

アイデンティファイ identify

アイデンティティ identity

アイデンティファー identifier

お前混同してるだろ



ついでになんか見つけたw

"Identity" と "Identifier" を混同して "ID" と言わないように
一般的に使われる "ID" は "identifier" (識別子)の意味であって、 "identity" (同一性)の意味ではない。ぜんぜん違う。
http://zerobase.hateblo.jp/entry/2013/03/02/181858
0061Name_Not_Found
垢版 |
2018/03/11(日) 00:47:19.80ID:???
>>59
生産性0なのはお前のレスでは?

> "identity"と"identifier"はIT用語では別物だぞ?(理由なし)

理由も言わずに、違うったら違うんだ!って言ってるだけ
説得力0だぞ?
0062Name_Not_Found
垢版 |
2018/03/11(日) 11:16:45.18ID:???
>>46
>コードが無い方がマシ

こういうのに限ってコード出せと言うくせに
>>44も読めてないのかな
0063Name_Not_Found
垢版 |
2018/03/11(日) 12:00:26.92ID:???
>>51
割り込み失礼

各要素に複数の値持たせ、2つの要素同士または複数要素の、全値を交換するとする
(各要素にidがあるがそれを交換するのはNG)
全値を各々操作するとバグの原因になりかねないので
インスタンスに持たせてそれを交換
値は変わることもある

これはダメ?
0064Name_Not_Found
垢版 |
2018/03/11(日) 12:09:04.32ID:???
63の補足
結局、値は各要素に持たせずインスタンスに持たせてる
0065Name_Not_Found
垢版 |
2018/03/11(日) 13:44:24.16ID:???
それが普通。想定してない使い方をしたときにまで対応する必要はない
0067Name_Not_Found
垢版 |
2018/03/11(日) 14:50:07.36ID:???
マヌケじゃないのでこっちにはかかない
0069Name_Not_Found
垢版 |
2018/03/12(月) 21:40:46.53ID:???
>>36
どうもです。思ってた以上に入り組みますね。
元文のまま2行でやるか関数作ろうかと思います。

function func(str){
mem.lastName = str;
mem.setName();
}
0070Name_Not_Found
垢版 |
2018/03/16(金) 10:05:24.56ID:4RQVV6KP
chromeのデベロッパーツールの表示について質問です。
画面右の赤線で囲った部分を、画像左の赤線内と同じHTMLの表示に変える方法を教えてください。
https://dotup.org/uploda/dotup.org1486462.jpg
0071Name_Not_Found
垢版 |
2018/03/16(金) 21:21:33.89ID:???
>>35
>メンバーというクラスなのに、固定要素への書き出しのメソッドを持つのは変

どう変?正解コードプリーズ。
0072Name_Not_Found
垢版 |
2018/03/17(土) 07:38:59.29ID:???
>>70
左の画像には、<div class="form-group"> とあるけど、
右の画像には無い

左右は、全く異なるものだから、関係性がない
0073Name_Not_Found
垢版 |
2018/03/18(日) 14:56:52.54ID:iO9IqqCV
http://klutche.org/archives/682/
すいません、このサイトでDIVブロックコンテンツをクリックで切り替えってのやってるんですが
これ2DIVを同時制御したんですが、この場合どうやればいいんですかね?
該当ソースの↓
var activeTab = $(this).find("a").attr("href");//アクティブタブコンテンツ
$(activeTab).fadeIn();//アクティブタブコンテンツをフェードイン

var activeTab = $(this).eq(2).find("a").attr("href")とかnext();とかやってみたんですがだめでした
0074Name_Not_Found
垢版 |
2018/03/18(日) 14:57:43.83ID:iO9IqqCV
<div class="tab_content" id="tab1">
<img src="01.jpg" width="200" height="150" alt="01"><br>
コンテンツ1
</div>
↑のブロック2つ続けてコピペ、同時表示したいのです
0075Name_Not_Found
垢版 |
2018/03/19(月) 00:57:14.04ID:???
id="tab1" って書いてあるだろ

セレクターに、$('#tab1') を使え
0076Name_Not_Found
垢版 |
2018/03/20(火) 00:08:42.35ID:hIzW1Vha
MonacaとAngularJSで開発を行っているのですが、時刻を取得し更新するプログラムが動きません。ソースは次のとおりです。
【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で)、きちんと取得できているみたいです。
ということは時刻が反映されていないだけだと思うのですが、その方法をどなたかご教示願います。
(ソースコードが見にくいのはすみません。投稿の際の改行数が多いみたいで...)
0078Name_Not_Found
垢版 |
2018/03/20(火) 00:22:11.71ID:???
あとjsfiddleとかに書いてください
0079Name_Not_Found
垢版 |
2018/03/20(火) 00:24:59.09ID:hIzW1Vha
すみません。出直してきます。
0080Name_Not_Found
垢版 |
2018/03/24(土) 10:21:02.73ID:fs2yAZOQ
リンクをポップアップで開く系のjQueryプラグイン使ってるのですが
Biggerlinkでリンクをdiv要素に拡大させた部分をクリックすると通常ウインドウで
開いてしまいます

これをうまく回避する方法はありますか?
0081Name_Not_Found
垢版 |
2018/03/24(土) 14:31:20.88ID:???
>>80
残念ながらjQueryのプラグインの話はこのスレの対象外なんだよ

jQueryは世界中で多くの人が使っているが、
そのプラグインを使ってる人は少ないだろ?
そんな話をされても使ってる人がいない
jQueryの話ではなくそのプラグインの話になってしまう

Biggerlinkとやらを見るとjQuery 1.3と書いてあるし
10年ぐらいの前のものだし別の使ったら?
0082Name_Not_Found
垢版 |
2018/03/24(土) 18:27:57.94ID:???
とは言いますが他のスレではjQuery自体の話題が禁止されてたりもしますし
ここ以外で聞ける場所が見つかりません
0083Name_Not_Found
垢版 |
2018/03/24(土) 20:07:22.66ID:???
罪のない包皮を切り刻んでぼったくった金で飯食ってるやつが偉そうに
0084Name_Not_Found
垢版 |
2018/03/24(土) 22:28:32.39ID:???
jQueryUI みたいな有名なプラグインなら、使っている人も多いだろうが、

そんなに昔の、近頃開発されていないようなプラグインは、
代わりのものを探した方が良い
0085Name_Not_Found
垢版 |
2018/03/24(土) 23:26:33.07ID:???
biggerlinkは代わりのものがないんだよな
html5になってブロック要素をリンクできるようになったとはいえ
リンクが複数だとこれ使わないと面倒だし
0088Name_Not_Found
垢版 |
2018/03/26(月) 02:22:42.85ID:???
<div class="biggerlink"><a></a></div>

SASS で、<a>タグがあれば、
その親タグに、<div class="biggerlink">を追加するような、機能は無いのか?

それか、jQuery で自作するとか
0089Name_Not_Found
垢版 |
2018/03/26(月) 02:25:06.98ID:???
は? そのbiggerlinkとやらがまともなjQueryプラグインなら
$('a').biggerlink() とかするだけだろ
0090Name_Not_Found
垢版 |
2018/03/26(月) 02:28:42.58ID:???
つーかBiggerlinkって何かと思えば

http://otani-webs.com/lab/javascript/100823.html
> box全体にリンクを適用させる場合、divをaタグで括るわけにいかないので苦労するわけですが、

言ってることが古い。HTML5になった今はdivをaタグでくくればいいだけ
こんなもん完全にいらねーじゃねーかw
0091Name_Not_Found
垢版 |
2018/03/26(月) 04:12:39.97ID:???
>>90
div要素にaタグ複数入れる場合は
html5じゃできねーだろ
0092Name_Not_Found
垢版 |
2018/03/26(月) 10:19:44.76ID:???
> div要素にaタグ複数入れる場合は

<div> ・・・div要素に
 <a href="">1</a> ・・・ aタグ
 <a href="">2</a> ・・・ 複数入れる
 <a href="">3</a> ・・・ 場合は
</div> ・・・昔からできますがなにか?
0094Name_Not_Found
垢版 |
2018/03/26(月) 11:07:26.87ID:???
すごくないしw 普通
というか>>91が何ができないと言ってるのかさっぱり分からん
少なくともdivにaタグ複数入れられるし、
逆にaタグにdivだって入れられる
ということでBiggerlinkは捨てろが正解
0095Name_Not_Found
垢版 |
2018/03/26(月) 12:02:12.61ID:???
>>94
>>91じゃないから本意はわからんけどさすがに君が状況を理解できてなさすぎだろう

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>
これができないと言いたいのでは?
0096Name_Not_Found
垢版 |
2018/03/26(月) 12:08:27.85ID:???
>>95
そういうときは普通の人はaタグのネストというんで
ぜったいに違うね。(もしそうならそいつが馬鹿)
0097Name_Not_Found
垢版 |
2018/03/26(月) 12:11:48.54ID:???
どう考えてもdivにaタグ入れられないなんて主張してるわけないだろ
バカすぎワロタ
0098Name_Not_Found
垢版 |
2018/03/26(月) 12:22:12.41ID:???
いや? >>91が言うには

> div要素にaタグ複数入れる場合は
> html5じゃできねーだろ

らしいぜ?w
0099Name_Not_Found
垢版 |
2018/03/26(月) 13:22:23.08ID:???
話の流れを読めてないのはおまえやで
恥の上塗りすんなよ恥ずかしいやつだな
0100Name_Not_Found
垢版 |
2018/03/26(月) 13:35:09.58ID:???
プライドだけ高いと苦労するな
0101Name_Not_Found
垢版 |
2018/03/26(月) 16:18:43.91ID:???
> div要素にaタグ複数入れる場合は
というのが
aタグの中にaタグを入れるという意味だとしたら、
そもそもaタグをネストしてどうするつもりだって話になる。
リンクの中に別のリンクを入れるって意味不明だし
0102Name_Not_Found
垢版 |
2018/03/26(月) 17:08:12.77ID:???
どんだけサイト制作の経験少ないねん
例えばだけどRSSリーダーを作るとする
記事ひとつに対してカード型のDiv要素を作ってその中に
画像とタイトルに記事へのリンク
サイト自体へのリンク
お気に入りに追加するボタンやその他操作リンク
を入れるとする
スマホからのアクセスを考えるとカード型Div要素全体を記事へのリンクにしておきたい
この場合がまさにそうだろ
俺はこういった場合別の方法で回避してるけどね
0104Name_Not_Found
垢版 |
2018/03/26(月) 17:16:16.46ID:???
そうだよな。その別の回避方法を使えば良いわけで
aの中にaを入れるとか使いづらくしてるだけだわw
0105Name_Not_Found
垢版 |
2018/03/26(月) 17:28:00.70ID:???
大手RSSリーダーでもやってるけどな
0106Name_Not_Found
垢版 |
2018/03/26(月) 17:30:26.48ID:???
大手でやってたら許されるとでも思った?
0107Name_Not_Found
垢版 |
2018/03/26(月) 17:36:30.86ID:???
許されるよ
ごみみたいなサイトをつくってあれはおかしいこれはおかしい
といってるやつよりFeedlyやInoreaderを作ってるやつの意見のほうが貴重
0109Name_Not_Found
垢版 |
2018/03/26(月) 17:48:07.30ID:???
そういう事言うのやめなよ
PV100/dayのサイトで何が悪い?
コーディングは完璧だぞ?
0110Name_Not_Found
垢版 |
2018/03/26(月) 18:00:27.17ID:???
まさかと思ったけど、div要素をクリックしたら
ページを移動させるためだけに、あんなプラグイン使ってるの?
5行ぐらいか多くても10行も行かずに作れそうなのに
0111Name_Not_Found
垢版 |
2018/03/26(月) 18:08:45.37ID:???
作れそう(作れるとは言ってない)
0113Name_Not_Found
垢版 |
2018/03/26(月) 18:17:44.88ID:???
じゃあ作れるっていうよw

1. セレクタ & イベントハンドラ (
2. デフォルト処理キャンセル
3. リンク先情報取得 & オープン
4. 括弧閉じ )

やることと言ったら、これぐらいなもんだろ
0114Name_Not_Found
垢版 |
2018/03/26(月) 18:25:44.28ID:???
>>103

>>102じゃないけど、それぐらいすぐに思いつかないと
プロ失格だぞ。プロじゃないかもしれないけどw

relativeとabsoluteを使えばいいだけ
aの中にaとかアホすぎるw
0115113=114
垢版 |
2018/03/26(月) 18:36:43.48ID:???
>>102がまだまだ未熟に感じるのは
クリックできる場所と、リンクするもの が違うってことを理解してないからだね
リンクがクリックできるのはブラウザが提供している機能であって
リンクは単に他のページ(リソース)とリンクしているという情報なだけ

だからdiv要素全体をクリックしたいのと
div要素全体をリンクにするというのは意味が違う

div要素が仮に記事へのリンクだとしたら、
div要素の内容と記事がつながっているわけで、
そこにサイト自体へのリンクが入っていることはおかしい。
なぜならリンクしてないから

「お気に入りに追加するボタンやその他操作リンク」と書いているが
これは他のリソースへのリンクではないので、a要素を使うのは間違い
(その他の操作の内容にもよるが、少なくともお気に入りに追加はリンクではない)

a要素をリンク可能な場所みたいに考えてるから、変な構造を作ってしまう。
何と何をつなげるのか?で考えれば自ずと、記事を表すの中に入れるのは間違いだおt
気づくはず。そのうえで見た目をどうこうしたいのであればそれはCSSの役目
0116Name_Not_Found
垢版 |
2018/03/26(月) 18:37:35.59ID:???
けどおまえぶさいくじゃん
0117Name_Not_Found
垢版 |
2018/03/26(月) 18:39:05.00ID:???
>>115
おっしゃお気に入り追加ボタンをa要素で実装してる
inoreaderに説教してこい
0118Name_Not_Found
垢版 |
2018/03/26(月) 18:41:12.44ID:???
>>117
俺の書いた文章を勝手に送信してくれ
0120Name_Not_Found
垢版 |
2018/03/26(月) 18:46:51.73ID:???
ねぇ? >>115に 反論はしないの?

大手だって間違えてるぞ!って言われても
はい、大手でも間違えますとしか言いようがないんだが
クレームつけるのは自分でやってくれって話
0121Name_Not_Found
垢版 |
2018/03/26(月) 18:47:31.63ID:???
ここで説教はしますけど大手は怖いから説教しませんw
0123Name_Not_Found
垢版 |
2018/03/26(月) 18:48:16.95ID:???
じゃあここに大手読んできたら?
なんで自分で反論せずに、大手様に反論して貰おうとしてるのさw
0124Name_Not_Found
垢版 |
2018/03/26(月) 18:48:57.20ID:???
自分で反論する能力がないからに決まってるだろがー!
0125Name_Not_Found
垢版 |
2018/03/26(月) 18:49:57.15ID:???
そもそも反論する必要あんのか?
何と戦ってるのこの長文マンは
頭大丈夫か?統合失調症ちゃうか
0126Name_Not_Found
垢版 |
2018/03/26(月) 18:50:42.88ID:???
おくすりだしときますね
0128Name_Not_Found
垢版 |
2018/03/26(月) 18:52:21.78ID:???
なのに反論してみろって喧嘩ふっかけてて怖いな
被害妄想過ごそう
0129Name_Not_Found
垢版 |
2018/03/26(月) 20:06:13.40ID:???
「大手もやってるから俺も正しい」しか主張出来んのだろ
大手だからこそバリデーションくらいして欲しいわ
0130Name_Not_Found
垢版 |
2018/03/27(火) 08:34:44.50ID:???
顔真っ赤な奴ばっかだな
なんでこう誰でもできるような低賃金言語ってこうもすぐ荒れるかな
もっと他のことにプライドもてよクソ共
0131Name_Not_Found
垢版 |
2018/03/27(火) 10:17:26.10ID:???
誰でも日本語書けますが、プロは日本語を書いて大金を稼いでいます
0132Name_Not_Found
垢版 |
2018/03/27(火) 10:23:41.74ID:???
一番js書いてんのがgoogle
オフィススイート全部jsで書くとか悪夢だ…
しかもtypescript無い時代に…
0133Name_Not_Found
垢版 |
2018/03/27(火) 10:29:01.82ID:???
え? Google はGWTとか使ってるんでしょ?
Javaで作ればJavaScriptも作ってくれるとか?
もしかしてもうオワコン?
ゴミをたくさん作ってるのもGoogleだなw
0134Name_Not_Found
垢版 |
2018/03/27(火) 11:12:11.84ID:???
バカばっかりだな
やれやれ
0135Name_Not_Found
垢版 |
2018/03/28(水) 23:39:20.81ID:???
685Name_Not_Found2018/03/28(水) 22:28:13.59ID:???
>>682
いや、そんなにないと思う
どちらかと言えばそれは当てはまるもの全てに処理したいから、class使ってねということだろう
そういう場合はカスタムエレメントでも使ったほうが良い
そうすれば要素が作られた時、挿入されたときに即座に適宜処理ができるんだから

あとから要素をclassで検索して機能を付与するとか、
スマートな解決策のように見えるかもしれないけど、それって実際はただのハックだからね?
どっかの誰かが作った物があって、それに対してハックしたいなら非常に便利が良いと思うよ
でも今どき、オマケでJSによってページを補正するみたいな開発や考え方はしないからね

HTML5の勧告に纏わる公式文書にも書いてあったけど、
HTMLっていうのはアプリケーションプラットフォームになってるんだよ
つまり土台であって、その上にJSとか乗っかって1つのものができるわけ
それが横並びだとか、化粧程度だとか、もしくはJSはHTMLを改造するためのドリルみたいに
捉えてるのだとしたら、その考え方は古臭いと思うよ
686Name_Not_Found2018/03/28(水) 23:31:40.90ID:???
> そういう場合はカスタムエレメントでも使ったほうが良い

そのカスタムエレメント作る用途で使えるって話でしょ?

っていうか、どうやってそれ作るの
ちょっとサンプル書いてみてよ
687Name_Not_Found2018/03/28(水) 23:32:38.83ID:???
> HTMLっていうのはアプリケーションプラットフォームになってるんだよ
それは一部の話ね。

ブログ、ニュース、企業サイト、情報掲載と、
これらウェブの大半はアプリケーションじゃない
0136Name_Not_Found
垢版 |
2018/03/29(木) 00:37:32.00ID:???
jq関係ないけど
HTMLがアプリケーションプラットフォームって考え方は
ぶっちゃけ危険極まりないよね・・・
0137Name_Not_Found
垢版 |
2018/03/29(木) 03:20:19.20ID:???
>>136
俺もそう思う。
HTMLで文書じゃなくてアプリケーションを作るっていうのは
ごく一部だよ

大抵はHTMLとCSS、そしてJavaScriptでちょっと味付け
これから変えていこう!なんて波は来てない
0138Name_Not_Found
垢版 |
2018/03/29(木) 03:20:44.86ID:???
素のJS のremove では、動かないブラウザがあるから、
素のJSでは、661 のように書く

だから互換性が高い、jQuery のremoveを使った方がよい

一々、各ブラウザの機能を調べて、素のJSで対応するのが面倒くさい。
古いブラウザを使っている奴もいるし
0139Name_Not_Found
垢版 |
2018/03/29(木) 03:21:01.33ID:???
classに対して処理振るのが最善なケースってどんなのがある?

同じ処理つけたい要素を不定数生成しなきゃいけないときは
createElementの時listenerつけたりhandlerの内側でやらせる手がある

classで処理振ると他の場所でclassを
使いまわしされたら想定外のバグが出そう
個人レベルの小規模なら問題にならないかもだけど
0140Name_Not_Found
垢版 |
2018/03/29(木) 03:21:24.35ID:???
>>139
それ単にクラスの名前つけルールが無いと困るって言ってるだけだよ。
CSSでも発生する問題

.enabledというクラス名を付けていたら、
他の場所で使い回されて困った。
これと何も変わらん
0141Name_Not_Found
垢版 |
2018/03/29(木) 03:27:40.51ID:???
>>140
デザイナはcss変えたために自分の領域で問題が出ればすぐ把握できる
けどjavascript側で問題が出てもわからない
だから切り分けが大事
0142Name_Not_Found
垢版 |
2018/03/29(木) 03:49:17.73ID:???
classを使う最善なケースが出ないとなあ
0143Name_Not_Found
垢版 |
2018/03/29(木) 09:10:43.92ID:???
カスタムエレメントどうやって作るの?という質問の意味が分からない
好きな要素をextendsしてregisterElementするだけじゃないか
そこにjQueryを使う?好きにしたら良いと思うが、
やっぱりjQueryありきの考え方だねと言わざるを得ないね
でも他のライブラリとかも使うかもしれないし、
jQueryで処理しちゃあ生要素に戻して他で処理するみたいなクソコードになると思うよ
それなら最初からjQUeryで完結させたほうが良い
jQueryはそういう他との相容れなさが欠点だからね

remove()が使えない? 使いたい機能があって使えない環境があるなら
ポリフィル書くなり用意するなりすればいいじゃないか
そんな100も200も要るようなことなんて無いしね
それが面倒だからjQuery使うというのはOK
だけど最初から使ったほうが良いという考え方はNG
この違いが分かるか?

結局jQueryありきの価値観の人達って、他と相容れないjQueryを使いすぎて
例えばちょっとポリフィルを作って数個の素朴なライブラリを組み合わせて使うとか、
他のフレームワークを使った方が今回は良いんじゃないかとか考える能が無くなってるんだよ
jQueryだってやり方によっちゃ組み合わせて使える力も持ってるけど
上のカスタムエレメントの件で分かるように使いこなせてないしね
要するに考え方がいつまで経っても超古臭くて閉鎖的なんだよね
とりあえずjQuery使っとけばいいだろうみたいなのはやっぱり良くないよ
物は1つ1つ考えて良く使わないと
0144Name_Not_Found
垢版 |
2018/03/29(木) 10:52:13.60ID:???
他と相容れないってw
JavaScriptに取り込まれてること自体が
jQueryの多大な貢献を示していると思うけど
0145Name_Not_Found
垢版 |
2018/03/29(木) 10:52:31.19ID:fJ4vVpMc
>>143
> カスタムエレメントどうやって作るの?という質問の意味が分からない
> 好きな要素をextendsしてregisterElementするだけじゃないか

だから、このスレか、jsfiddleなどに
実際に動くコードを一つ書くだけですよ。
0146Name_Not_Found
垢版 |
2018/03/29(木) 10:52:48.75ID:???
通常四行必要なところが三行になります!とか
一行で書けます!とか
そんなせせこましい次元じゃなくて

100行必要なところが1行になります!とか
一般に実装されてなくて個人で実装するには難易度が高い関数が使えます!
とか、そういうのないの
0147Name_Not_Found
垢版 |
2018/03/29(木) 10:53:03.38ID:???
ライブラリってそういうもんだが
0148Name_Not_Found
垢版 |
2018/03/29(木) 10:57:40.46ID:???
jQueryを否定できるのは生JavaScriptではなくて
jQueryを超克したライブラリだと思います
そういうライブラリないんですか?
0150Name_Not_Found
垢版 |
2018/03/29(木) 11:48:10.73ID:???
ちゃんと安価先を修正してコピペしてて草というか感心した
0151Name_Not_Found
垢版 |
2018/03/29(木) 16:23:41.59ID:???
>>147
例えば今は必要性薄くなってきたけどsha512使うためのライブラリとか
zip/unzipするためのライブラリとか
自分で書くには行数すごくなるしいろいろと問題もある

むしろライブラリってこういうのが基本で
jQueryみたいなのは今やどっちかっていうと
「ショートカット集&ポリフィル集」じゃないの?
0152Name_Not_Found
垢版 |
2018/03/29(木) 16:24:12.14ID:???
悔しかったらjQueryに勝るシンプルなsource書いてね
0153Name_Not_Found
垢版 |
2018/03/29(木) 16:24:32.17ID:???
jQueryの代替を提供してるのはフレームワークばかりの感じがします
置き換えたらDOM操作以外の余計なものまで付いてくるので困りますね
0154Name_Not_Found
垢版 |
2018/03/29(木) 16:24:51.74ID:fJ4vVpMc
なにせjQuery君によるとDOM操作用のライブラリでは無いらしいからな。
0155Name_Not_Found
垢版 |
2018/03/29(木) 17:27:42.42ID:???
シンプル(千行超えの小汚ないコード)
0156Name_Not_Found
垢版 |
2018/03/29(木) 20:24:46.52ID:???
>>146
> 通常四行必要なところが三行になります!とか
> 一行で書けます!とか
> そんなせせこましい次元じゃなくて

四行必要なところが一行になったら1/4
1000行が250行になるんだが
0157Name_Not_Found
垢版 |
2018/03/29(木) 20:33:24.93ID:???
>>151
> むしろライブラリってこういうのが基本で
> jQueryみたいなのは今やどっちかっていうと
> 「ショートカット集&ポリフィル集」じゃないの?

数式だよ

「変数Xに5を加えたものを三倍する」
冗長だね

(X + 5) * 3
短い


jQueryは冗長な表現を短くすることができる
これにより可読性が高くなりレビューしやすくなるしバグも少なくなる。
簡潔な表現方法を知っていれば、あえて冗長に書く理由がない

jQueryがライブラリじゃないというのなら
もっと基本な文法に相当するものだと言うよ。
0159Name_Not_Found
垢版 |
2018/03/29(木) 20:50:38.38ID:???
それでjQueryちゃんは
○文字節約できます!
以外にどんな機能を提供してくれるの
0160Name_Not_Found
垢版 |
2018/03/29(木) 20:57:34.42ID:???
>>159
関数型風のプログラミング機能
あと機能じゃないが開発工数の削減と
バグを減らしてくれる
0161Name_Not_Found
垢版 |
2018/03/29(木) 21:04:56.97ID:???
開発工数の削減って○文字節約できますを言い換えただけだろw
開発工数の削減ってそんなに重要なことなのかって話だよ
0162Name_Not_Found
垢版 |
2018/03/29(木) 21:05:55.04ID:???
無くは無いんだがなぜか挙げられない
0164Name_Not_Found
垢版 |
2018/03/29(木) 23:34:07.39ID:???
>>143
横から申し訳ない
カスタムエレメントってどういうときに使うもの?
いまいち理解できんのでよかったら教えてくれ
0165Name_Not_Found
垢版 |
2018/03/29(木) 23:34:26.29ID:???
カスタムエレメントがほしいって思ったことがない
つまりHTMLパーツのコンポーネント化っていう
概念がなくて行き当たりばったりでCSSでデザインしてるだけ

こういうやつもいるからjQueryでクラス使って
コンポーネントに対して処理をする便利さが理解できないんだろうな
0166Name_Not_Found
垢版 |
2018/03/29(木) 23:34:55.19ID:???
>>153
それな

jQueryの代替のフレームワークはJavaScriptのフレームワークで
HTML+CSSメインの作り方からJavaScriptメインに
代わってしまう。

わかりやすく言えばプログラミングできなきゃ
HTMLも表示できない。jQueryの利用者が今も増え続けてる理由だよ
0168Name_Not_Found
垢版 |
2018/03/29(木) 23:35:39.34ID:???
>>164
要素をカスタムしたい場合、という回答では不十分か?
今回の件に限らないけど、どうして何かしら例を出した程度の場合に
そいつにその物事についての説明やサンプルを求めるのかがさっぽり理解できない

俺の考えを知りたいのか?、それとも俺を試してるつもりなのか?
そんなの適当にググって出てくるサイトの筆者の方がよっぽど詳しいし
よっぽどためになる事書いてあるに決まってるだろう
俺はカスタムエレメントの申し子じゃないんだからさ

でもとりあえず上のclassの話で回答しておくと、
要素に何かしらの機能や性質を持たせる、という考え方と違うものとして
何かしらの機能や性質を持った要素が定義してあって、それを使うという考え方を挙げた

例えば一部で幾つか配列操作メソッドがほしいときに、
Array.prortotype、もしくはArrayのインスタンスにメソッドがを定義するのではなく、
Arrayをextendsしたクラスを用意しておいて、必要なときではそちらでインスタンスを作るということ、
このたとえならjQueryはlodashを使うことに近いのかもしれない

ただし、そのlodashは入出力がArrayではなく、独自のArrayLikeオブジェクトになってるって感じ
そこがちょっと無視できないポイント
つまり基本的にlodash世界内で完結するように書くものであって、
lodashに一旦通して配列を加工して、lodash空間はそこで一旦終わらせて、
次に別のものに通していくってことが、ロジック上難しいのではないけれど、概念上困難ということになる
0169Name_Not_Found
垢版 |
2018/03/29(木) 23:36:02.69ID:???
俺が変わりに答えてあげるけど
jQueryならサクッとできることが
カスタムエレメントだとすごく大変
0170Name_Not_Found
垢版 |
2018/03/29(木) 23:36:28.28ID:fJ4vVpMc
>>168
具体例
0171Name_Not_Found
垢版 |
2018/03/30(金) 12:49:57.02ID:???
custom components は、React とかだろ

JS は、Ruby, Python みたいに、
バッテリー同梱(batteries included)じゃないから、
標準ライブラリ・フレームワークが無く、自分で探さないといけない

各ブラウザ・スマホの実行環境を考慮した結果、標準にしない方がよい。
標準にすると、性能などで困るメーカーが出てくる
0172Name_Not_Found
垢版 |
2018/03/30(金) 19:05:30.39ID:???
>>170
>>685でズバリ具体例を言ってるだろ、コードが欲しいってことか?
具体的に何の具体例をどういう目的で欲してるのかも分からんし
そんなん比較で色々書いてたら俺が書いてきた長文以上の量になるだろう
複数の要素を扱うってことで例を考えるとHTMLだけでもそれなりになるし
書く意味も分からんし書く気は無いよ
0173Name_Not_Found
垢版 |
2018/03/30(金) 19:05:49.71ID:???
なんでイライラしてるやつばかりなんだ?
0174Name_Not_Found
垢版 |
2018/03/30(金) 19:06:03.64ID:???
親を殺したjQueryがのさばってるから
0175Name_Not_Found
垢版 |
2018/03/30(金) 19:24:06.09ID:???
>>171
Reactは1ミリもweb component/custom elementと関係ありません。
知ったかするな!
しいていうならPolymerだバカ
0176Name_Not_Found
垢版 |
2018/03/30(金) 19:24:58.07ID:???
Railsにincludedされてるバッテリー風情がイキがっててワロタwwwww
0179Name_Not_Found
垢版 |
2018/03/30(金) 22:47:32.59ID:???
Web Componentsが各ブラウザでネイティブに実装されたら
今のAngularやReactなどのフレームワークは死滅する
一番の問題はフレームワークと共存できないということ
フレームワーク側もシェア維持のためにWeb Componentsに対応するのだろうが
今と作り方がまったく変わってしまう


だけどjQueryはただのライブラリなので、Web Componentsと共存できる
部分的にjQuery、部分的にWeb Componentsを使と言うことが可能
またWeb Components時代になってもコンポーネントとコンポーネントをつなぐ
必要がある。ここにjQueryは使うことができる。
コンポーネントが見つからない場合、今までどおりjQueryを使うこともできる
混ぜて使うことが可能。これがjQueryの大きなメリット
0180Name_Not_Found
垢版 |
2018/03/30(金) 22:49:51.42ID:???
使えても使えなくても変わらないという程度の影響度
0181Name_Not_Found
垢版 |
2018/03/31(土) 02:35:14.87ID:???
ウェブこんぽーねんつって何?
0182Name_Not_Found
垢版 |
2018/03/31(土) 07:22:58.09ID:???
>>181
<honoka></honoka>
とかやっておくとかわいい女の子が表示される

みたいなものw
0183Name_Not_Found
垢版 |
2018/03/31(土) 10:13:19.69ID:???
じゃあ、bodyに<all></all>と書くだけで
ページ全部が作れるのか
0184Name_Not_Found
垢版 |
2018/03/31(土) 10:36:13.69ID:???
残念、表示されるのは黒乳首
0185Name_Not_Found
垢版 |
2018/03/31(土) 23:36:19.29ID:???
jqの配信終わったら即死じゃん
0186Name_Not_Found
垢版 |
2018/03/31(土) 23:36:37.77ID:???
カスタムタグとかカスタムエレメントとかウェブコンポーネントとか
正直全部どうでもいい

そんなのより
全部のブラウザでasync/await使えるようにしてくれよ
いつだよ
0187Name_Not_Found
垢版 |
2018/03/31(土) 23:36:49.55ID:???
IEが死ぬのを期待した方がまだ早い
0189Name_Not_Found
垢版 |
2018/03/31(土) 23:37:31.08ID:???
期待せずに死んだものとして触らないのも手段だぞ
0190Name_Not_Found
垢版 |
2018/03/31(土) 23:37:58.65ID:???
>>167
「jQueryは死んだ」というのが流行ってただけで
実際はむしろ成長中だったのですね
0191Name_Not_Found
垢版 |
2018/03/31(土) 23:38:18.55ID:???
urlにおもいっきりJavascriptライブラリって書いてあるやんけ。
しいていうならJavascriptは永久に100%
Javascriptはお釈迦さま。てのひらの上で一番うまく踊れるのが誰か競ってるのがライブラリ。
0192Name_Not_Found
垢版 |
2018/03/31(土) 23:38:35.95ID:???
>>191
ブラウザがお釈迦様。手のひらの上で踊らされてるのがフロントエンドエンジニア。
0193Name_Not_Found
垢版 |
2018/03/31(土) 23:38:59.50ID:???
>>191
リンク先には各ライブラリのシェアだけではなく
ライブラリを使わないというNoneもはいってるよ

だから正確には、どのライブラリ or ライブラリを使わないで競ってることになる
ライブラリを使わないっていうのは素のJavaScriptを使うという意味だ

お前が言うJavaScriptはライブラリを使わないという意味じゃなかったのか?
それともjQueryを使っていてもJavaScript100%に含まれる
(だからこのスレの話題としてOKってことか)

Noneの割合は年々減っている。現在は23.7%。
最近は一年で1%減るぐらいのペース
jQueryはその逆で一年で1%増えるぐらいのペース
0194Name_Not_Found
垢版 |
2018/03/31(土) 23:39:40.91ID:???
正直手のひらの上で踊らされてるのは、
流行りものに流されっぱなしの
JavaScripterだけな気がするw

jQuery使いはストイックだよ
もう10年も踊ってない
0195Name_Not_Found
垢版 |
2018/03/31(土) 23:39:56.85ID:???
ライブラリは言語に足りない部分を実現して
言語の未来の形を先取りしているものなので、お釈迦様というのは言い過ぎではないでしょうか?
ライブラリに先導されてJavaScriptはその後をヨチヨチと付いてきているのですから
むしろライブラリの方がお釈迦様的です
0196Name_Not_Found
垢版 |
2018/03/31(土) 23:40:30.59ID:???
ライブラリはjavascriptで実現可能なことしか実現できない。
javascriptで書かれてるからなw
0197Name_Not_Found
垢版 |
2018/03/31(土) 23:40:44.85ID:???
高級言語はアセンブラで実現可能なことしか実現できない。

できることと言ったら実現可能なことを、早く安く作れるだけだ
ライブラリもそれと同じ
こればっかりはアセンブラでは実現できないw
0198Name_Not_Found
垢版 |
2018/03/31(土) 23:41:49.00ID:eDWIn8L7
>>193
その None にはスクリプトすら使わないというのは入っているのかな?
0199Name_Not_Found
垢版 |
2018/03/31(土) 23:57:45.68ID:???
Noneの中にJavaScriptすら使わないのがはいっていたら
生JavaScriptを使ってる人はもっと少なくなるな
0200Name_Not_Found
垢版 |
2018/04/01(日) 00:33:28.86ID:???
どうせサイト全体でロード記述がどっかにあるかどうかでしょ
機能単位で見たら生jsクソほどありそう
0201Name_Not_Found
垢版 |
2018/04/01(日) 00:40:32.83ID:???
>>200
調査方法載ってないんだよな
調査方法載ってないデータはクソ
0202Name_Not_Found
垢版 |
2018/04/01(日) 00:57:49.66ID:???
サイトの一覧ないと再検証できないじゃん
この手の調査はだいたいそんなもん
0203Name_Not_Found
垢版 |
2018/04/01(日) 01:31:33.39ID:???
>あなたの主張からすると調査方法載ってるので
>クソではないということになりました。

具体的な調査方法が一切無い時点でクソ
たとえばあるサイトにwordpressがどっかにあればそのサイトは各種ライブラリを使っている!と判断されるかもしれない
少なくとも「新たな開発に○○を使っているかどうか」の実証にはなりえない

> 彼らが望むのであれば、ウェブサイトはほとんどの技術を隠すことができるため、
> このタイプの調査は100%正確であることは不可能です。

Webサイトのサーバ側で使ってる言語なんかはともかく
ライブラリも含めて難読化でもしない限りフロント側はかなりわかるはずだよね
0204Name_Not_Found
垢版 |
2018/04/01(日) 01:45:01.85ID:???
w3techsっていう怪しいコンサル会社がやってる怪しいリポートしか出すものが無いという事実
良くわからん計算で勝手にこのドメインのアクセス数はいくつ、時価は何ドル、ってやってるクソサイトと同列

sites infoで自家鯖ドメインがNTTのクラウド使ってるとか診断されてて草
0206Name_Not_Found
垢版 |
2018/04/01(日) 03:03:04.56ID:???
> >あなたの主張からすると調査方法載ってるので
> >クソではないということになりました。
>
> 具体的な調査方法が一切無い時点でクソ

こっちに具体的な調査方法が書いてあるよ。

+ JavaScript の質問用スレッド vol.132 +
https://mevius.5ch.net/test/read.cgi/hp/1520329583/742
0207Name_Not_Found
垢版 |
2018/04/01(日) 03:12:03.10ID:???
>>202
> サイトの一覧ないと再検証できないじゃん
それは、自分で複数のサイト(少なくとも数千レベル)を調べて
こうだったって言えば良いのでは?

再検証はできなくても反論はできるでしょ?
再検証できないじゃんというだけじゃ反論にはならないので
相手のデータを否定したことにはならない。
0208Name_Not_Found
垢版 |
2018/04/01(日) 04:05:06.37ID:???
証拠なし根拠なしだから論証にすらなっていないので反論の必要がない

データを否定するもなにも
w3techsのはデータじゃなくて妄想
それを根拠に語るお前も妄想
0209Name_Not_Found
垢版 |
2018/04/01(日) 04:20:25.77ID:???
あぁ、こっちのスレでは調査方法書いてないから
こっちでやろうとしてるのか。卑怯だなw

むこうのスレからコピペするね。

調査方法は以下に書いてますね
https://w3techs.com/faq

> 調査方法載ってないデータはクソ
あなたの主張からすると調査方法載ってるので
クソではないということになりました。

英語わからないならGoogle翻訳使うといいですよ。

> どの技術がサイトで使用されているかをどのように知っていますか?
>
> 主に、Webページのダウンロード時にサイト自体が提供する情報を使用します。
> 言い換えれば、私たちは検索エンジンのようなWebページを取得し、その結果を分析します。
> さらに、Alexa、Google、Microsoft、ipinfo.ioなどのソースから公に入手可能な情報を使用しています 。
0210Name_Not_Found
垢版 |
2018/04/01(日) 07:22:54.40ID:???
英語がわからなくてgoogle翻訳使ってんの自分じゃん?w
0211Name_Not_Found
垢版 |
2018/04/01(日) 15:43:13.36ID:???
英語のまま貼ってもいいけど、読まないやつは読み飛ばすだろうからね
かと言って俺が翻訳するのは面倒
0212Name_Not_Found
垢版 |
2018/04/01(日) 15:56:43.41ID:???
面倒じゃなくて出来ないんでしょ
嘘はいけないなあ
0213Name_Not_Found
垢版 |
2018/04/01(日) 16:01:41.26ID:???
いや、読めないと探し出せないからw
0214Name_Not_Found
垢版 |
2018/04/01(日) 16:43:36.68ID:???
>>209
主にトップページしか検索の対象にしてないってかいてるやんw
クソデータ決定だなw
0215Name_Not_Found
垢版 |
2018/04/01(日) 16:51:46.72ID:???
ほらな。だから日本語に翻訳してコピペする必要があるんだよ(苦笑)
しっかり書いてある。英語を読まないから見つけられない

> あなたはホームページだけ、あるいは内部のページだけを分析しますか?
>
> それはサイトについて既に知っているものに依存します。
> しばしばそれはホームページでしかありません。
> 多くの場合、我々はより深くクロールします。
0216Name_Not_Found
垢版 |
2018/04/01(日) 16:54:29.23ID:???
>>209
卑怯ってなんだよw
あっちはすれ違いだろ
勝手にお前があっちに貼ってるだけだろ
ばかじゃねぇの?
分散させようとしてスレ違いのとこにかってに書き込んでるお前が卑怯だろ。
頭いかれてるっぽいなこいつ。
0217Name_Not_Found
垢版 |
2018/04/01(日) 16:55:32.21ID:???
> Do you analyze only the home page or also inner pages?
>
> That depends on what we know already about the site.
> Often it's only the home page, in many cases we crawl deeper.

なお翻訳前の英語。短いから手動で訳してあげると


あなたはホームページだけを解析しますか? それとも内部のメージも?
私達がすでに知っているサイトの内容に依存します。
しばしば、それはホームページだけですが、多くの場合、私達は深くクロールします。
0218Name_Not_Found
垢版 |
2018/04/01(日) 16:58:09.70ID:???
Often it's only the home page, in many cases we crawl deeper.

これは基本トップだけ検索してます。でもより深くまでクロールすることもあるよって意味ですが?
コンマの意味分からんのか?
0219Name_Not_Found
垢版 |
2018/04/01(日) 17:01:48.72ID:???
あ、俺一応英検一級持ってるんでw
0220Name_Not_Found
垢版 |
2018/04/01(日) 17:01:56.57ID:???
比率は何対何かぜんぜん分からんなこれ。計測仕様もクソもない
0221Name_Not_Found
垢版 |
2018/04/01(日) 17:07:28.23ID:???
>>218
「in many cases」をどこにどうやって入れるつもり?w
0222Name_Not_Found
垢版 |
2018/04/01(日) 17:09:41.79ID:???
「Often」も省略してるよなw
重要な単語を2つ省略する自称英検一級www
0223Name_Not_Found
垢版 |
2018/04/01(日) 17:11:47.89ID:???
oftenはオフンではなくおふとん!と発音するとアメリカのインテリから一目置かれるよ!
0225Name_Not_Found
垢版 |
2018/04/09(月) 12:37:25.83ID:q9OR0b88
一々、翻訳しなくても、

Egde のプラグインの、翻訳ボタンを押せば、そのページを翻訳できる
0226Name_Not_Found
垢版 |
2018/04/10(火) 04:18:01.72ID:???
chromeのコンソールで
var T = (function() {
return {a: 3};
}).prototype.aaa = function() {};
new T;
ってやったら凄い勢いでchrome 全ウィンドウ落ちてタブも復元できなかったwww
みんなもお試しあれ
0227Name_Not_Found
垢版 |
2018/04/10(火) 04:49:15.25ID:???
ページのリダイレクト先について質問です。

<!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を記載すれば宜しいのでしょうか?
0228Name_Not_Found
垢版 |
2018/04/10(火) 08:54:29.66ID:???
if (navigator.userAgent.indexOf('Android') > 0) {

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';

}
0230Name_Not_Found
垢版 |
2018/05/01(火) 18:31:24.13ID:l1wYHpV1
誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』

F8AFC
0231Name_Not_Found
垢版 |
2018/05/01(火) 18:47:22.15ID:qHJ4a40K
>>230
マルチ広告死ね。儲かる言ってる割に宣伝必死だなww
借金で首吊れやwww
0232Name_Not_Found
垢版 |
2018/05/07(月) 19:11:22.82ID:???
ホームページ例
http://www.kigyo88.com/visa/

このホームページの外国語タブ使われているのは、JavaScriptでしょうか?
それでこのような翻訳機能が出来るやり方が載っている『本』とかありましたら
教えていただけないでしょうか?
0233Name_Not_Found
垢版 |
2018/05/07(月) 20:43:36.70ID:???
言語が違う全く同じ内容を最初から4つ用意しておいて
表示を切り替えてるだけだから、JSもシンプルだし、別にラジオボタンとCSSでもできる
でも勿論それが銀の弾丸というわけではない

コンテンツがシンプルで量もそれほどない、という前提があって使えることだし、
もしかすると翻訳のことも考えた結果のデザインになっているのかもしれない

つまり何かを実現するための方法というのはその時その時の他の要素で大きく変わるし、
何かを実現しやすくするために別の何かを調整しておかないといけないことも多いので
そんな話は簡単ではないし、勿論本を見て勉強するようなことではないということ
所謂応用力だから
0234Name_Not_Found
垢版 |
2018/05/07(月) 22:48:59.42ID:???
let a = $('<p>a</p>');
let b = $('<p>b</p>');
$('#hoge').html([a,b]);

このようにhtmlメソッドにjQueryオブジェクトの配列を渡したら問題なく動作しました
何故でしょうか?
0235Name_Not_Found
垢版 |
2018/05/07(月) 23:22:41.60ID:???
ちなみにもともとはjQueryオブジェクトの配列を要素にappendしていたのを、
追加ではなく入れ替えたいと思ってやってみたら動作したいう次第です
0236232
垢版 |
2018/05/08(火) 14:07:27.82ID:???
>>233
なるほど、これは翻訳をあらかじめ用意してるだけなんですか。
ありがとうございました。
0239Name_Not_Found
垢版 |
2018/05/15(火) 00:47:32.14ID:???
以前はマウスホイールイベントを扱うのにjquery-mousewheelプラグインを使っていましたが
今はjquery自身が実装してるのでしょうか?
mousewheel jqueryでググるとまだjquery-mousewheelがトップに出てきますが、
更新が止まってますし、対象期間を1年以内にすると消えます
0240Name_Not_Found
垢版 |
2018/05/15(火) 02:50:25.79ID:+y/r9I8H
仕事でIEのブラウザ上を普通にctrl cコピーしてExcelに貼ることが多いんだけど、セル一枠がクレジットカード番号のみ情報が混じってると勝手に16文字目が0にされてしまう
セルに直接クレジットカード番号打ち直せばいいんだけど、いちいち結構な手間になってしまう
特にブラウザのCSSのデザインもExcel上に残したいからなおさら

Excelのフォーマットの文字列に該当する設定ってJavaScriptでできたりする?
0241Name_Not_Found
垢版 |
2018/05/15(火) 05:45:13.80ID:???
Excel の数値型の精度が、15桁までしかないのかも。
Excelに、文字列型と解釈させれば良いかも

20桁ぐらいある数値を、Excelにコピーして試してみれば?
0242Name_Not_Found
垢版 |
2018/05/15(火) 07:01:12.29ID:???
>>239
jQueryやそれらの古いライブラリはまだpassiveに対応してないので
現状では実質使えないものとなってるがv4.0で対応予定

https://github.com/jquery/jquery/issues/2871
ここを追うと良い
v4.0までは自分でライブラリ書くと良いよ
0243Name_Not_Found
垢版 |
2018/05/15(火) 15:25:11.56ID:???
ありがとうございます
passive event listenerっていうのは初耳です
0244Name_Not_Found
垢版 |
2018/05/15(火) 19:49:07.77ID:???
$(document).on('wheel', function (event){
console.log(event.originalEvent.deltaY);
})
0245Name_Not_Found
垢版 |
2018/05/16(水) 10:03:45.74ID:HI6BdTWo
初心者質問で申し訳ありません。
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ならこうするでも構いません。どうぞ、よろしくお願いします。
0246Name_Not_Found
垢版 |
2018/05/17(木) 00:20:04.50ID:???
君は、ラジオボタンの基本から間違っている。
name 属性は同じにしないと、同じグループにならない

まず、HTML のラジオボタンから勉強せよ

「html radio checked」「jquery radio checked」で検索!

【jQuery入門】ラジオボタン(radio要素)の取得・選択・checked操作!
https://www.sejuku.net/blog/46739
0247Name_Not_Found
垢版 |
2018/05/17(木) 08:36:01.83ID:72MVaTHy
>>246
私の説明が下手だとは思うのですが、
第一希望のラジオグループと、第二希望、第三希望のラジオグループがあって、
それぞれ同じ項目を持っており、一つのラジオグループで選択された項目を
他のラジオグループではdisabledにしたいのです。
全部書かずに省略した"・・・"なのです。
0249Name_Not_Found
垢版 |
2018/05/18(金) 00:43:16.48ID:???
jQueryのchange()によるイベント処理操作まとめ!
https://www.sejuku.net/blog/41231

ラジオボタンのchangeイベントで、
一つのラジオグループで選択された項目を、
他のラジオグループではdisabledに設定すれば?

>name="第一希望"
半角文字以外を使うな
0251Name_Not_Found
垢版 |
2018/05/18(金) 01:04:24.38ID:???
name="ダイイチキボウ"
0252Name_Not_Found
垢版 |
2018/05/18(金) 02:05:33.93ID:1EeoIRbM
>>249
そうするために、要素(添え字)の数を知りたいと思っているのですが・・・。
val()で値を取得して、該当するものを探す方法でもいいんですがそれが
わからないので質問しているのです。ご紹介のサイトでは
説明をみつけられませんでした。
(値が同じという前提ではないので、値は使いたくないのですが、
 それでも構いません)

ANK不使用については大前提なのです。
0253Name_Not_Found
垢版 |
2018/05/18(金) 04:18:41.47ID:???
なにやりたいのさっぱりだっから、これよんで勉強しろ

<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));
});
0254Name_Not_Found
垢版 |
2018/05/18(金) 09:27:15.60ID:???
<div id="radio_1">
<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
0255Name_Not_Found
垢版 |
2018/05/18(金) 09:35:54.27ID:???
nth-childやeq使ったり、data属性でグループ化したらいいんじゃにの
0256245, 247, 252
垢版 |
2018/05/18(金) 12:55:34.40ID:1EeoIRbM
Javascriptでは例えばこうしています。onChangeで呼び出し。
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の場合が続く

}
0257256
垢版 |
2018/05/18(金) 12:58:52.07ID:1EeoIRbM
連投すみません。
>>253
つたない説明で申し訳ない。
nameが日本語で、文字コードはShift-JISなのですが、動きますか?
さくっと書いたものでは動作しませんでした。
他の書いた部分が違ったのかもしれませんけれど。
0258256
垢版 |
2018/05/18(金) 13:09:14.12ID:1EeoIRbM
>>254
コードをありがとう。value値で引っ張るのですね。日本語通るか試してみます。
※ただ、選択肢が増えたり変更した場合にJavascriptを書き換えないといけないのと
正直、例えば20位の選択肢の第3希望までを、ifなりswitchなりで分岐するのはいかがなものかと。

>>255
正しくないのですが、(さくっと書いたら動かなかった)
var i = $(".kibo01:checkd).index();//そもそもindex()が正しいのかわからない
$(".kibo02:eq(+i+)").attr("disabled", true);
とかしたいのです。
どのように書いたらいいんでしょうか。
nth-childやdata属性は使ったことがないので調べてみます。

みなさん、ありがとう。
0259Name_Not_Found
垢版 |
2018/05/19(土) 01:22:46.92ID:???
文字コードは、BOM なしUTF-8 以外は、使わないように

プログラミングの基本は、半角文字だけ。
全角文字などは、テキスト部分だけに使うように

HTML, jQueryの基礎から勉強して、わからない事は検索するように

素のJavaScript で、プログラミングしないように
>256 のようなループ処理を読むのが面倒だから

選択肢の数が変動するなら、汎用的に作らないといけないから、
簡単にプログラミングできない

>254 のような、radio_1 と、radio_2 の対応表が必要
0260256
垢版 |
2018/05/20(日) 22:35:12.69ID:???
>>259
酔っ払ってる?
気を悪くしたら申し訳ないのですが、
たぶん私の方が貴方より諸々理解していると思います。
回答しようとしてくれる気持ちはありがたいです。本当に。
土日は所用があり試せていませんが、ちょっと思いついたこともあります。
また試してみたく思います。ありがとうございました。
0261Name_Not_Found
垢版 |
2018/05/21(月) 03:54:49.18ID:yAEwsLRn
Jqueryのajaxで他のhtmlファイルを読み込んでそいつをgetElementByIdとかで
DOM操作してやりたいのですがやり方が分かりません。
XMLHttpRequestでゴリゴリ行くならばresponseTypeにdocumentを指定してやれば
responseXMLをそのまま使えるのですがJqueryではどうすればいいでしょうか?
0262Name_Not_Found
垢版 |
2018/05/21(月) 04:08:17.20ID:???
普通にやればできる
かなり簡単
0263Name_Not_Found
垢版 |
2018/05/21(月) 05:07:07.67ID:yAEwsLRn
$.ajax({
type: "POST",
url: "/hoehoe.php" ,
data: {
key: "ほえほえ"
},
dataType: "html",
timeout: 10000
}).done(function(html) {
console.log($(html)[0].getElementById('xxx'))

});
});

普通に考えてこんな感じでやってみたりしてるんですが上手く行かず
末端の方だと$(html).find("#xxx")で取れなくもないのですが
ルートの上の方で子要素が沢山ある場合失敗するような感じ
0264Name_Not_Found
垢版 |
2018/05/21(月) 05:27:25.84ID:yAEwsLRn
自己レス、分かりました。
findで絞る場合、body直下のタグはダメなんですね。
0265Name_Not_Found
垢版 |
2018/05/21(月) 05:37:02.39ID:???
>>264
HTML入門とかいう本を読んだほうが良い
0266Name_Not_Found
垢版 |
2018/05/21(月) 05:48:42.98ID:yAEwsLRn
と思ったけどもbody直下以外にも取得できなかったりしてダメだな。何が悪いんだろう。
0267Name_Not_Found
垢版 |
2018/05/21(月) 11:40:58.93ID:???
他のHTML ファイルを読み込むって、他のドメインからは、
Cross-Origin Resource Sharing (CORS) で読み込めないだろ

例えば、自分のwebページから、
5ch のHTML を、iframe 内に読み込んでも、
他のドメインのwebページだから、アクセスできない

だから、ブラウザから直接では、アクセスできないので、
自分のPC に、webサーバーを立てて、そこ経由でアクセスしないといけない

Ruby の標準サーバー、WEBrick とかを立てる
0268Name_Not_Found
垢版 |
2018/05/21(月) 12:34:29.64ID:???
Nodeで2,30行書いた方が良くない?
0269Name_Not_Found
垢版 |
2018/05/21(月) 12:39:59.86ID:???
こいつruby宣伝クソ野郎だから。
0270256
垢版 |
2018/05/21(月) 12:58:15.19ID:???
>>263
・htmlを画面表示していますか?
 表示しないと(console表示だけだと)documentの関数は使えないと思います。
・表示したのであれば、単純に("#xxx")で取得できると思います。
 あえてgetElementByIdを使う理由があるのでしょうか。
0271256
垢版 |
2018/05/21(月) 13:01:15.07ID:???
ごめんなさい。
ここでいうhtmlというのは"hoehoe.php"で作られるファイルのことです。
0272Name_Not_Found
垢版 |
2018/05/21(月) 18:41:46.87ID:yAEwsLRn
>>266
更に自己レス、単純にpostで得られるドキュメントがエラー吐いてて
想定の形式じゃなかったからこっちもエラー吐いてただけの模様。
寝ないで作業するととこんな単純なことも見逃す脳みそになってしまうという言い訳。
ただ、それだけじゃ説明できないことも有るような気が戦でもないけどとりあえずちゃんと動いてるので検証はしない。
多分気のせい。そうに違いない(願望

>>270
あえて使わない理由は特に無いですが
普段jqueryは使わないのとgetElement系も自前でワッパー定義してて
実際は$i("id")とかでもっと短く書けてるのでこっちのが便利なんです
0274Name_Not_Found
垢版 |
2018/05/21(月) 19:40:36.57ID:???
>>272
解決おめでとうございます。お疲れ様です。
アルト、エネーブル、ブーリーンという人は知っていますが
ワッパーは初めてです。
0275Name_Not_Found
垢版 |
2018/05/21(月) 20:07:25.96ID:???
ゥラッパーって必ず小さいウ入れてくる奴はいた。吹き出さないよう必死だった俺。
0277Name_Not_Found
垢版 |
2018/05/21(月) 23:38:37.62ID:N1KmZ/qF
ラッパーですか?
0278Name_Not_Found
垢版 |
2018/05/25(金) 07:10:22.04ID:???
動的に作った大きめのtableをremoveすると時間がかかるのですが、短時間でremoveする方法はあるでしょうか
0279Name_Not_Found
垢版 |
2018/05/25(金) 09:19:16.82ID:???
>>278
普通は時間がかかることはない
時間がかかるのは削除する情報が多い場合
その情報とはイベントハンドラとデータ(data)の二つ
データはおそらく使ってないだろうからイベントハンドラ
つまりデータを作る時セルごとにイベントハンドラをつけるのではなく
テーブルなど上位の要素に一つだけイベントハンドラをつけるようにすれば良い
0280Name_Not_Found
垢版 |
2018/05/26(土) 14:17:20.24ID:???
>>278
とりあえず隠して
requestIdleCallback使って少しずつ消していったら?
0281278
垢版 |
2018/05/29(火) 07:06:59.43ID:???
アドバイスありがとうございます

普通は遅くならないということなので、イベントハンドラを意識して見てみたいと思います
0282Name_Not_Found
垢版 |
2018/05/30(水) 10:44:39.62ID:???
「Jquery もういらない」とサジェストされるんですが、まもなく消える技術なんですか?
0283Name_Not_Found
垢版 |
2018/05/30(水) 11:29:13.07ID:???
導入の簡単さ、お手軽さは替えがたい。
まだまだ生きるよ。
ごちゃごちゃイキってんのはエンタープライズ用途の意識高い系で個人や小規模サイトにはまったく関係ない。
0284Name_Not_Found
垢版 |
2018/05/30(水) 12:03:48.86ID:???
>>282
サジェストされないし、
消えることもないよ
0285Name_Not_Found
垢版 |
2018/05/30(水) 15:10:30.67ID:???
「不要」とか「いらない」ならまだしも
「もういらない」がサジェストするとかありえないな
そんな言葉で検索したり書いたりしないだろ?
今までに自分が調べた言葉が優先されただけだろ

なお「不要」も「いらない」もサジェストされてない
シークレットウインドウでGoogleでサジェストされたのは以下
・ダウンロード
・使い方
・サンプル
・入門
・最新
・できること
・読み込み
・導入
・javascript
・$ 意味
0286Name_Not_Found
垢版 |
2018/06/06(水) 07:38:14.02ID:???
GIFのローディングアニメを使ってるんですがサーバサイドの処理が終わってブラウザでDOMを作る時にアニメが止まります

止まらないようにする事は出来るでしょうか
0287Name_Not_Found
垢版 |
2018/06/08(金) 12:48:20.39ID:???
>>286
requestIdleCallback使って少しずつ作っていったら?
0288288
垢版 |
2018/06/09(土) 16:37:44.20ID:???
Ajaxで配列を受け取るときの書き方を教えて下さい(3.1.1)
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);
0289288
垢版 |
2018/06/09(土) 17:04:44.55ID:???
自己解決しました
古い書き方ですが受け取れたので一応(1.10.1)
0290Name_Not_Found
垢版 |
2018/06/19(火) 09:37:49.20ID:adLbUfl+
jqueryクックブック第2版まだですかね?
初版はもう売ってないようなんですが
0293Name_Not_Found
垢版 |
2018/06/19(火) 15:43:09.27ID:???
お前は処女から産まれてきたのか?
0294Name_Not_Found
垢版 |
2018/06/19(火) 17:03:43.91ID:???
オライリーは新品出てるし
中古でもいいだろ?
0295Name_Not_Found
垢版 |
2018/06/19(火) 17:06:03.28ID:???
ぐぐったら普通に新品もあったし
0296Name_Not_Found
垢版 |
2018/06/19(火) 18:16:28.26ID:XYAyToUj
このゲーム本当に可愛い女の子いっぱいやな
https://goo.gl/ux7Y7F
0297Name_Not_Found
垢版 |
2018/06/20(水) 20:38:49.40ID:SWAywwJI
$test1 = $('.navigation li a').each(function() {
var $href = $(this).attr('href');

return $href;
});

こんな風にeachで回してhrefの値だけを取りたいんですが
$hrefには文字列でurlが格納されているのですが、$test1ではオブジェクトで返って来てしまってて<a>タグなど全ての要素が含まれてしまうのですがどのようにすれば良いでしょうか?
$test1[0] = url1の文字列
$test1[1] = url2の文字列
$test1[2] = url3の文字列
としたいです
0298Name_Not_Found
垢版 |
2018/06/20(水) 21:04:18.06ID:???
以下のどちらか

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で返したものが単純に戻り値になる
0299Name_Not_Found
垢版 |
2018/06/20(水) 22:05:10.01ID:SWAywwJI
>>298
詳しい解説までありがとうございます
mapで'href'の値のみ取得出来るようになりました!!!
0300Name_Not_Found
垢版 |
2018/06/23(土) 02:02:21.65ID:???
DOMエレメントにtextメソッドで書き込んだ文字列を
textメソッドで読んだ時は
必ず同じ値になりますか?
なんとなく、変換されてしまう場合もある気がしますが
0301Name_Not_Found
垢版 |
2018/06/30(土) 15:48:52.26ID:???
ある要素の子要素をごっそり入れ替えるのに、
emptyメソッドとappendメソッドを使っていますが
一度に済ませる方法ありますか?
0303Name_Not_Found
垢版 |
2018/07/01(日) 00:56:50.46ID:???
>>302
htmlメソッドに文字列以外を渡すという発想がありませんでしたが
appendのようにjqueryオブジェクトやjqueryオブジェクトの配列を渡しても動作するんですね
ありがとうございました
0305Name_Not_Found
垢版 |
2018/07/01(日) 13:10:03.79ID:???
20年前にも聞いたな…
いつまでもおんなじネタで騙され続けるのねw
0307Name_Not_Found
垢版 |
2018/07/08(日) 21:07:22.63ID:???
jquery初学者の者だが
これ便利ですね
なんですたれてるの?
0308Name_Not_Found
垢版 |
2018/07/08(日) 22:00:52.40ID:???
別にすたれてない。
みんな知ってるので誰もわざわざ宣伝しないだけ。
長年連れ添った妻のようなもの。
見えないところで陰口を叩いてるだけで誰も本当に別れようとしない。
0310Name_Not_Found
垢版 |
2018/07/09(月) 13:43:38.12ID:L3chXsay
連想配列(idやnameなどが入っています)をJSONで渡してjQuery側へ持ってきた値が取り出せなくて困っています
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となってしまう
0311Name_Not_Found
垢版 |
2018/07/09(月) 14:12:17.94ID:???
$testは名前が良くないだろ。
$なんとかは、jQueryオブジェクトを入れる時の
(一部で使われてる)命名規則だ
0312Name_Not_Found
垢版 |
2018/07/09(月) 14:13:50.99ID:???
で、$testの中にresponseJSONがあるわけないだろ
たぶんtest_dataもないだろ
ちゃんと$testの中表示してみてみろ
0313Name_Not_Found
垢版 |
2018/07/09(月) 15:16:04.64ID:???
$ で始まる変数名は、付けられない

または、使わない
0314Name_Not_Found
垢版 |
2018/07/09(月) 16:21:11.42ID:???
$.getJSONは非同期処理なんだからコールバック内か$test.doneで処理しろ
$.getJSONして終了待たずにconsole.logしたらjson取ってくる前にconsole.logされちゃうでしょ
0315Name_Not_Found
垢版 |
2018/07/09(月) 16:55:02.69ID:L3chXsay
皆さん、ありがとうございます
JSONを扱う処理は$.getJSON内に処理を書くのが普通なのですね
$.getJSONはJSONで渡した値を取得するだけで、取得した後に処理を書くものだと思っていましたw
変数名の$についても分かりました
0316Name_Not_Found
垢版 |
2018/07/12(木) 17:08:04.53ID:ImfbJMnI
初心者です
質問よろしいでしょうか

WPでブログ記事に画像ギャラリーを組み込むページを作りたいと考えております
http://www.klutche.org/demo/change_pic/

上記のサンプルを参考に組み込み、単一記事は問題ないのですが
複数記事を同時表示している場合、全てのギャラリーが切り替わってしまいます

http://w3q.jp/t/1498
質問内容としては下記の方とほぼ同じなのですが、解決しませんでした
0317316
垢版 |
2018/07/12(木) 18:03:28.57ID:???
とりあえず
$ChangePhoto ="ChangePhoto" .$Cnt;
$Cnt = $Cnr +1;
みたいな感じで変数を作って、
JSはChangePhoto1 ChangePhoto2…のコーディングを作って解決しました。美しくないですよね…
0318Name_Not_Found
垢版 |
2018/07/13(金) 06:12:55.64ID:???
クリックされたimg.ChangePhotoから、変更すべきメインの画像を取得できればいいわけだから、
例えば
 $(this).closest("ul").prev("p").children("img")
でもいいし、メインの画像にclass="main"を設定して、
 $(this).closest("div.wrap").find("img.main")
でもいいだろうし、何通りもやり方はあるだろう
どれが効率的なのかは知らない
0319Name_Not_Found
垢版 |
2018/07/17(火) 08:19:12.03ID:???
jQueryもreactみたくコンパイル機能ないの?
node.jsでビルドすれはjQuery.js読まずに単体で動きますといえば格好良くなるのに
0320Name_Not_Found
垢版 |
2018/07/17(火) 08:29:16.99ID:???
>>319

Domを全部jqueryで生成してるならありかもな
そうでなければコンパイルとか意味なくね?
0321Name_Not_Found
垢版 |
2018/07/17(火) 09:12:57.33ID:???
質問する方も答える方も間違ってるとか…自演か?
reactにコンパイル機能なんてねーよ
エスパーするとcreate-react-appでデフォで設定されてるbabelによるトランスパイル+webpackによるバンドリングのこと言ってるんだと思うが、webpack自体はふつうにjqueryもバンドルできるしw
なに言ってんだかwwwww
0322Name_Not_Found
垢版 |
2018/07/17(火) 17:35:17.22ID:???
お世話りなります

index.html内のヘッダーやサブメニューなど、他のページでも同じ内容を表示する部分を
jQueryのload関数で共通化してみたのですが、
例えばヘッダーの箇所をheader.htmlとして新しいファイルにした場合
header内容のcssやjsの適応はどうすれば良いでしょうか?

試しにheader.htmlの中に!DOCTYPE htmlから始まめsrcやlinkも付け加えて、
そこに関連付けたheader.cssファイルに色々なセレクタを加えたのですが、
index.htmlで表示されるheader部分が、
header.cssのセレクタではなく、index.cssの方のセレクタが優先されてしまいます

これはそういうものなのでしょうか?(もし私の記入ミスでなけえば)
宜しくお願い致します
0323Name_Not_Found
垢版 |
2018/07/18(水) 10:27:01.88ID:???
CSS の優先度のルールがあって、優先度の高い方が上書きする。
検索して調べてみて

上書きされるのが嫌なら、
index.html, header.html に個別のクラスをつけて、それらで指定すれば?

例えば、.index, .header を付けて、
p は黒色、p .index は赤色、p .header は青色とか

Rails とか、各フレームワークには、もっと良いやり方があるかも知れないけど
0324Name_Not_Found
垢版 |
2018/07/18(水) 17:17:06.61ID:???
>>323
レスありがとうございます

323さんのおっしゃる通りに
header.htmlのタグにクラスを付けたのを、index.cssに加えたら無事変化しました。

できれば
index.htmlにはindex.css
header.htmlにはheader.css で分けて管理したいのですが、できないでしょうか?
header.html内のタグにクラスを付けたのを、header.cssに記入して、
それらをindex.htmlで表示してみたのですが変化が起きていませんでした。
0325322
垢版 |
2018/07/18(水) 17:35:56.47ID:???
画像も一緒に・・・。

headerをheader.htmlとして別で管理するため、
index.htmlの<header>にjQueryに読み込ませるためのクラスheader-1を記入。
https://dotup.org/uploda/dotup.org1587508.png_6cOQy1rSC2LKJR0TTNhb/dotup.org1587508.png

jQueryに読み込ませるコード
https://dotup.org/uploda/dotup.org1587509.png_9ihZR6rERGSa4GGiiHFD/dotup.org1587509.png

header.htmlはこうなっています。
https://dotup.org/uploda/dotup.org1587510.png_pQTxLo6LPU4shtM44NCE/dotup.org1587510.png

header.cssはこうなっています。(header.htmlにlink relにあるcss)
https://dotup.org/uploda/dotup.org1587511.png_V5mMbPQf3z01fG79IatX/dotup.org1587511.png

関係ないのですが、
index.htmlに<!DOCTYPE html>.....と書いて、その中の
header.indexにも<!DOCTYPE html>.....となってしまっているのも何となく気になります…。
0326Name_Not_Found
垢版 |
2018/07/18(水) 21:59:07.73ID:???
HTMLの断片をjQuery含めたJavaScriptで読み込んだりはしません
そんな愚かなことはしません
0328323
垢版 |
2018/07/20(金) 08:52:42.85ID:???
>323 を修正
index.html, header.html の<body>に、個別のクラスを付けた方が簡単かな

例えば、.index, .header を付けて、
p は黒色、body.index p は赤色、body.header p は青色とか

それか、CSS に、! を付ければ、最優先される機能もある

>>324
CSS の優先度のルールがあって、優先度の高い方が上書きする。
この優先度は、かなり難しいから説明できない。
自分で、検索して調べてみて

index.css, header.css の読み込みの順番も、優先度に関係あるのかも。
後から読み込んだものが優先されるのか?
よく知らないけど

基本的には、優先度を理解して使い分けるのは、かなり難しいから、
優先度で変わるのは避けるべき。
保守できなくなる

異なるデザインには、異なるクラスを指定すべき。
これが大原則!
0329323
垢版 |
2018/07/20(金) 09:14:48.55ID:???
静的HTMLのためのテンプレートエンジン
第1回 共通部分が多いHTML
https://app.codegrid.net/entry/template-for-coding-1

「html 分割 ファイル」で検索!

jQuery で、HTMLの断片を読み込んで、ページを作ったりはしないかな。
jQuery Mobile のようなフレームワークはあるけど

jQuery は、ユーザーのクリックなど、
イベントに応じて、ページを変化させるものが主要

フレームワークなら、Vue.js が最も易しいかも
0330Name_Not_Found
垢版 |
2018/07/20(金) 09:20:11.31ID:???
Ajaxでできなくはないけどね
レギュレーションでCMS入れられない、サーバーサイドインクルードも使えない会社とかたまにあって、ソース見たらJSでヘッダやフッターがインクルードされてたってことがあったな
見た目に影響及ぼしがちだから自分ではあまりやりたくないけど
0331Name_Not_Found
垢版 |
2018/07/20(金) 10:26:21.66ID:???
レギュレーション形無しだなww
0332323
垢版 |
2018/07/20(金) 14:12:45.44ID:???
5ch は、空のHTML を送ってきて、Ajax で、すべての内容を読み込んでいる

だから、内容がしばらく表示されないことがある
0333Name_Not_Found
垢版 |
2018/07/20(金) 15:25:50.82ID:???
今どき専ブラ使ってないゴミ情弱なんておらんやろ
0334Name_Not_Found
垢版 |
2018/07/23(月) 06:00:49.65ID:???
>>329
無事、CSSもちゃんと読み込めるようになりました!
CSSの基本的な部分が抜けていました・・・
一からやり直します
丁寧に教えて頂きありがとうございました!
0336Name_Not_Found
垢版 |
2018/07/25(水) 23:30:44.20ID:???
ヘッダーやフッターをインクルードしたい時って
普通だとどうしてるの?
0337Name_Not_Found
垢版 |
2018/07/25(水) 23:57:12.66ID:???
Dwテンプレ
Pugインクルード

ーーーーー静的管理の壁ーーーー

JSインクルード

ーーーーーフロントの壁ーーーー

SSIインクルード
PHPインクルード
CMSテンプレート化
0340Name_Not_Found
垢版 |
2018/07/26(木) 20:24:44.11ID:XMFp/Gj7
>>336-337
Rails などのフレームワークだろ
0341Name_Not_Found
垢版 |
2018/07/26(木) 21:45:52.50ID:???
また雑魚rubyキチガイか(呆
ま、仕返しにrubyスレ荒らしとくわ。
railsのテンプレートエンジンはerbやslim、haml選択してそれ使うだけだろうが笑
nodeのテンプレートエンジンのejs、pug、handlebarsも同じじゃザーコw
どの言語にもあんだよ身の程知らずww
おっと先輩面すんじゃねーぞこういうのの元はphpだからなwwww
0342Name_Not_Found
垢版 |
2018/07/26(木) 21:48:45.12ID:???
このスレ、luckerのような輩が潜んでるな
0344Name_Not_Found
垢版 |
2018/07/26(木) 22:08:16.50ID:???
俺はいつもluckerを目の敵にしているということ
どこにいてもluckerを思い出す
0345Name_Not_Found
垢版 |
2018/07/27(金) 00:41:42.50ID:???
「$.getJSONで二つのJSONファイルを読み終わったらこの処理をする」
っていうのはどう書けばいいですか?
0346Name_Not_Found
垢版 |
2018/07/27(金) 01:28:58.02ID:???
>>345
https://api.jquery.com/jquery.when/

> $.when( $.ajax( "/page1.php" ), $.ajax( "/page2.php" ) )
> .then( myFunc, myFailure );


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');
> });
0347Name_Not_Found
垢版 |
2018/07/27(金) 02:02:37.25ID:???
>>346
こういうのがあったんですね
ありがとうございます
0348Name_Not_Found
垢版 |
2018/07/27(金) 20:34:15.75ID:???
>>344
「俺は」ね
なりすましして、楽しい?
0349Name_Not_Found
垢版 |
2018/07/30(月) 07:03:01.37ID:???
はぁ?お前いっぺんコンクリ抱かして大阪湾沈めたろか?
0350Name_Not_Found
垢版 |
2018/07/30(月) 07:28:00.18ID:???
な!?なぜ沈まない???
いや、それどころか?浮いてないか!?
そんな、まさか


???「舞空術ってやつさ」
0351Name_Not_Found
垢版 |
2018/07/30(月) 20:28:31.52ID:IUqJs9ti
ここ初めてなんだが質問してみるよ

canvasを使ったちょっとしたアニメをhtmlページの背景にしたんだが他のクリックイベントでリセットされちゃうの防止したいんだが
0352Name_Not_Found
垢版 |
2018/07/31(火) 20:33:19.16ID:???
preventDefault(), stopPropagation() とか?

「js prevent propagation」で検索!
0353Name_Not_Found
垢版 |
2018/08/10(金) 22:54:53.88ID:IE2oNErT
テキストボックスなどでselect()メソッド使うと選択状態になりますが
テキストボックスなどやjQ以外のライブラリ使わず
<p>
<span>いぬが、ほえる</span>/
<span>ねこ なく</span>/
<span>うま はしる</span>/
</p>
のspan間クリックまたはWクリックで、「ねこ なく」全て選択状態に
実現する方法あったら教えてください
(通常WindowsでWクリックだと「ねこ 」だけ、または「なく」だけが選択)
通常のUIと異なりますがあえてです
0354Name_Not_Found
垢版 |
2018/08/10(金) 23:42:41.73ID:???
>>385
https://jsfiddle.net/you84snf/

$('span').click(function() {
 var range = document.createRange();
 range.selectNodeContents(this);
 var selection = window.getSelection();
 selection.removeAllRanges();
 selection.addRange(range);
});
0355Name_Not_Found
垢版 |
2018/08/12(日) 16:16:27.66ID:???
>>354
ドンピシャでした!ありがとうございます
0356Name_Not_Found
垢版 |
2018/08/15(水) 20:50:21.05ID:???
横からだけど、恥ずかしながらrange形始めて知った…
まだまだ勉強しないとダメだな
0358Name_Not_Found
垢版 |
2018/08/16(木) 02:39:05.34ID:???
形も系もそんなものは存在しない。
独自用語使うな。馬鹿だぞ。
0359Name_Not_Found
垢版 |
2018/08/28(火) 16:04:46.68ID:???
javascriptの「『.classList.add』 と 『.className』の違いについて教えてください。
要素にクラスが無い場合に新規で追加するのが.classNameで
すでにあるクラスを変更するのが.classList.addという認識でよろしいのでしょうか?
0360Name_Not_Found
垢版 |
2018/08/28(火) 17:15:16.38ID:???
classListはリスト、classNameはスペース区切りの文字列で格納される違い
自分の好きな方を使えばいい
クラスが無い状態からclassList.addでも全く問題ない
0361Name_Not_Found
垢版 |
2018/08/28(火) 17:37:09.19ID:???
>>359
古い時代、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で完全版が実装された。
0362Name_Not_Found
垢版 |
2018/08/28(火) 17:52:31.63ID:???
>>360
>>361
ありがとうございます。
複数のクラスへの対応ということなんですね。勉強になりました。
0363Name_Not_Found
垢版 |
2018/08/29(水) 17:02:39.82ID:dkUA5QRQ
ミイラ取りがミイラになるとはこのとこだな
0364Name_Not_Found
垢版 |
2018/08/29(水) 17:07:28.00ID:???
つまりミイラ取りはミライのミイラってわけだな
0365Name_Not_Found
垢版 |
2018/09/08(土) 05:52:40.16ID:???
jQuery を 2 から 3 にバージョンアップしたら
$('...').load() ってとこでエラーが出るようになったんだけど
引数なしの load って何をしてるんですか?

要素が load されたときに引数の関数を実行するみたいなメソッドみたいなんですが
引数なしで何か意味があるんでしょうか

コーディングした人のミスなのかな…
0367Name_Not_Found
垢版 |
2018/09/08(土) 14:00:09.66ID:???
ありがとうございます
ということは消すのはまずいんですよね
jQuery3 にしたときに影響を与えないようにおきかえるべき適切な関数ってありますか?
0369Name_Not_Found
垢版 |
2018/09/09(日) 02:10:07.74ID:???
ごめんなさい
むこうでまともな回答がもらえなかったので
0370Name_Not_Found
垢版 |
2018/09/09(日) 02:20:18.35ID:???
ヘルプなんてあったんですね
知らなかった…
規約じゃなければこんなのあってもわからない気がするんだけど
とりあえずこちらでの質問は〆ます

マルチすいませんでした
0371Name_Not_Found
垢版 |
2018/09/09(日) 06:59:19.62ID:???
なんでマルチポストしたら駄目なんだろうね
投稿された質問にteratailの著作権が発生するとでもいうんだろうか
0372Name_Not_Found
垢版 |
2018/09/09(日) 07:08:22.69ID:???
回答もらっても応答しない質問者が迷惑だからだろ
0373Name_Not_Found
垢版 |
2018/09/09(日) 08:50:10.74ID:???
>>370
> とりあえずこちらでの質問は〆ます
なぜ、ヘルプに書いてある通りにしないのだろうか

「やむを得ず複数のサイトに質問を投稿された場合は、質問内容にマルチポストをする理由を書き、他のサイトの投稿へのリンクを貼ってください。また、解決した際には必ずteratail及びすべての投稿に解決した旨と、どのように解決したかを記載してください。」
0374Name_Not_Found
垢版 |
2018/09/09(日) 11:39:24.60ID:???
5chの印象なんて便所の落書きって思ってる人もいるしリンクなんてはりたくないだろ
0375Name_Not_Found
垢版 |
2018/09/09(日) 12:20:47.51ID:???
そもそもヘルプって絶対目を通すべきものでもないし義務でも何でもない
2ch内のマルチもマナーの問題で気にする人から単に回答がもらえないだけ
0376Name_Not_Found
垢版 |
2018/09/09(日) 12:49:04.88ID:???
teratailはアカウント必須だからこういう変な粘着があるとめんどくせえ
stackoverflowのほうがいいぞ
0377Name_Not_Found
垢版 |
2018/09/09(日) 12:52:29.22ID:???
>>374
自業自得だろ
回答者だって他所で回答されている内容を重複回答したくないだろうに
0378Name_Not_Found
垢版 |
2018/09/09(日) 13:12:31.47ID:???
同じ目線に立つとこうなる。

質問者「めんどくせーなあ。マナーなんて守らなくてもいいだろ。」
回答者「めんどくせーなあ。マナー守らない奴は叩けばいいだろ。」
0379Name_Not_Found
垢版 |
2018/09/09(日) 13:16:06.07ID:???
>>377
そこが理解できない
回答なんて労力かけてやるもんじゃないし無駄になったってどうでもよくね

マルチポストが悪なんじゃなく回答を共有しないのが悪なんであって
質問スレや質問サイトみるやつなんて
どや回答したいより他者の回答みて知識つけたいってやつのほうが多いだろ
回答がつかないまま知識獲得の機会が失われるよりいいと個人的には思うよ

まあマルチするやつは質問なげっぱなしで回答共有しないやつが多いから
先手を打って答えないようにしようってのがマルチ禁止の流れなんだろうけど
0380Name_Not_Found
垢版 |
2018/09/09(日) 13:20:49.91ID:???
マルチって同時刻に同じ質問のコピペをはりまくるような露骨なののことじゃね
流れが落ち着いて満足な答えもらえなかったら別所できくって普通にだれでもやるだろ
むしろ何レスも前の質問に唐突に別所できいてくるので質問〆ますとか毎回かかれる方がうざくね?
0381Name_Not_Found
垢版 |
2018/09/09(日) 13:24:06.26ID:???
>>379
「人間、自己中の塊だから、質問者も回答者もお互い様だろ」といいたげだな
5chに毒されすぎ
0382Name_Not_Found
垢版 |
2018/09/09(日) 13:24:35.40ID:???
アカウントもってないから内容みれないけど>>365がマルチポストの内容なの?
この程度の内容になんでマルチポストしなきゃいけない回答しかつかないんだ
0384Name_Not_Found
垢版 |
2018/09/09(日) 13:27:55.58ID:???
>>382
ひとりは「周りのコードみないとわからん」
もうひとりは「triggerにおきかえろ」
もうひとり(おそらくここでマルチさわいでるやつ)は「jQueryのソースよめ」
0385Name_Not_Found
垢版 |
2018/09/09(日) 13:29:26.17ID:???
>>383
みれたわ
アカウント必須っていってたからみれないのかと思った
0386Name_Not_Found
垢版 |
2018/09/09(日) 13:31:38.42ID:???
あっちの回答でマルチポスト指摘してんのかよ
性格悪そう
0388Name_Not_Found
垢版 |
2018/09/09(日) 13:33:51.86ID:???
マルチポスト指摘すると、叩かれる時代になったのか
0389Name_Not_Found
垢版 |
2018/09/09(日) 13:36:56.65ID:???
>>384
ソース読めはどうなの?
相手が即戦力で入社してきた10年戦士ならそれでいいが
ソース読めドキュメント読めですむなら質問サイトなんていらないだろ
0390Name_Not_Found
垢版 |
2018/09/09(日) 13:40:43.32ID:???
質問者の落ち度はteratail側のヘルプを読んでなかったってだけで、
指摘された後もちゃんと謝れてるし態度的には問題ないようにみえる
謝罪した後にわざわざteratailの回答でマルチ指摘しにいってるあたり性格が悪そうだから同情したくなる
何事も印象の問題
0391Name_Not_Found
垢版 |
2018/09/09(日) 13:43:43.17ID:???
そもそもマルチ確定したわけでもないんだよなー
まだ謝ってるやつがただのなりすましで偶然同じ投稿されてるだけの可能性もある
0392Name_Not_Found
垢版 |
2018/09/09(日) 13:45:54.17ID:???
>>389
ドキュメントやソースコードの存在を知らない奴もいるだろ
やるだけやってから、質問するのが筋じゃね?
新入社員はドキュメントもソースも読まず、先輩に全部教えて貰うの?
「やってみて、分からない部分を具体化する」のは質問者の仕事じゃねーの?
0393Name_Not_Found
垢版 |
2018/09/09(日) 13:47:05.92ID:???
まじで顔真っ赤だなこいつ
0394Name_Not_Found
垢版 |
2018/09/09(日) 13:50:09.76ID:???
先任者が仕様外のコードをかいていて
しかもそのメソッドがピンポイントでバージョンアップでサポートされなくなって
仕様外だから挙動がわからず置き換えるべきメソッドがわからないということか

まさに負の遺産だな
0395Name_Not_Found
垢版 |
2018/09/09(日) 13:52:05.45ID:???
>>390
横から口出すけど、謝罪はいいとしても、その後の行動が問題だと思う
回答者がヘルプ通りの指摘をする事には、何の落ち度もないように見える
それから、マルチ指摘した回答者がこのスレの人って、一部の人が勝手に騒いでるだけで、ただの憶測だと思うけど
0396Name_Not_Found
垢版 |
2018/09/09(日) 13:53:40.73ID:???
非匿名サイトできいたことをなにげなく5chできいたら
わざわざURLまではってマルチ指摘しにくるとか怖すぎだろ
そりゃ5chも過疎るわ
0397395
垢版 |
2018/09/09(日) 13:56:25.31ID:???
> それから、マルチ指摘した回答者がこのスレの人って、一部の人が勝手に騒いでるだけで、ただの憶測だと思うけど

書き方が悪かった
マルチ指摘した回答者は当然、このスレを知っているけど、ここで騒いでいる人と同一人物はただの憶測って事ね
0398Name_Not_Found
垢版 |
2018/09/09(日) 13:57:54.80ID:???
>>395
こちらの質問を〆たあとにこちらへのマルチポスト誘導リンクをはる必要があるのか?
質問者にマルチポストするなって意図はこちらのレスでもう伝わっているだろ
ただに晒したいって意図以外感じられないんだが
0399Name_Not_Found
垢版 |
2018/09/09(日) 14:01:45.27ID:???
>>398
指摘は「マルチポストするな」ではなくて、「マルチポストしたなら、適切に対応しろ」だよね
そこが履き違えてる
0400Name_Not_Found
垢版 |
2018/09/09(日) 14:31:41.84ID:???
何このマウンターおじさん
必ず自分のレスでおわらないと満足できない典型的なマウンターじゃん
0401Name_Not_Found
垢版 |
2018/09/09(日) 14:37:09.12ID:???
いい加減マルチポストの是非はスレチなんだが
マルチポストのマナーは守れとかいうくせに延々スレチな話題続けるのはマナー違反じゃないのかよ
0402Name_Not_Found
垢版 |
2018/09/09(日) 14:40:26.20ID:???
>>394
さらに同一のメソッドがあってどっちが呼ばれているかわからないという

というかjavascriptのメソッドってただのlambdaだから
引数の数で別々の関数作るの無理じゃね
どうやって同じ名前のメソッド存在してるんだ
0403Name_Not_Found
垢版 |
2018/09/09(日) 14:56:36.10ID:???
>>402
こうやって締め切った質問にも回答する人がいるから、マルチポスト先を書いておくことは無駄ではないんだよね
0404Name_Not_Found
垢版 |
2018/09/09(日) 15:00:40.30ID:???
引数の数や型を見て処理を変えてるだけ
引数なしならgetter, ありならsetter, とか
0405Name_Not_Found
垢版 |
2018/09/09(日) 15:06:39.88ID:???
>>402
teratailにコード載ってるじゃん
何で見ないの?
0406Name_Not_Found
垢版 |
2018/09/09(日) 15:11:16.73ID:???
いったん load-handler の方を_loadにリネームしてオーバーロード
第1引数が 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さわりはじめて間もない人にソースを読んで自分で理解しろはちょっと無理があるかと
最初に答えた人が周りを読まないとわからないとかまぎらわしいことをいいすぎたんだと思う
0407Name_Not_Found
垢版 |
2018/09/09(日) 15:14:07.14ID:???

ver2 まで : load-handler のほうがよばれて引数の関数が設定されていないので何もしない

はミスなので読み飛ばしてくれ
最初は何もしないかと思ったがよくよむと引数0の場合はtriggerを呼ぶと分岐にかいてあったわ
0408Name_Not_Found
垢版 |
2018/09/09(日) 15:16:57.70ID:???
>>406
> で引数なしの場合trigger('load')が呼ばれる(分岐がかかれてるので公式では保証しない挙動ではない)
それ、api.jquery.comに記載されてる?
0409Name_Not_Found
垢版 |
2018/09/09(日) 15:18:34.93ID:???
>>408
ドキュメント以外が仕様ではないのなら
ソースを読んで理解しろって回答自体が矛盾してるが?
0411Name_Not_Found
垢版 |
2018/09/09(日) 15:21:25.09ID:???
>>408
自分の意見が否定されると顔真っ赤にして即レスしないと気がすまないマウンター
ばればれすぎる
0412Name_Not_Found
垢版 |
2018/09/09(日) 15:22:33.21ID:???
>>409
仕様にないなら実装を読むしかないよね
0414Name_Not_Found
垢版 |
2018/09/10(月) 21:03:48.35ID:???
結局まだ解決してねーじゃん
つーかこっちに答え書いてあるのにみてねーのかよ
0415Name_Not_Found
垢版 |
2018/09/10(月) 22:01:57.41ID:???
>>414
@katingのことなら、新しい質問始めたし、もう諦めたんじゃないか
0416Name_Not_Found
垢版 |
2018/09/10(月) 22:40:19.73ID:???
これ最初に答えた人がメソッドの仕様を理解してないのに
周りのコードを見ろ見ろいいすぎなんだよな

環境変数を見るでもない限り周りのコードで挙動が変わる関数なんてないし
こいつもわかってないくせにごまかして逃げようとしてるだけ
しかもなまじ口調が丁寧なせいで質問者が信用しちゃってるのがタチが悪い

2番目の人も答えは正しいけど
書いた人の意図が〜とか余分についてるからこれじゃ曖昧だわな

最後のやつはただの荒らしだし
0417Name_Not_Found
垢版 |
2018/09/10(月) 22:57:13.54ID:???
だったら答えてやれよ
ここヲチスレじゃないからな
これだから仮にもマナーどうこういうやつが5chにリンク先はるとかモラルが欠如してる
0419Name_Not_Found
垢版 |
2018/09/10(月) 23:36:58.47ID:???
katingは5chに質問すると質の悪い輩に絡まれる事がようやく学習できたというところか
0420Name_Not_Found
垢版 |
2018/09/10(月) 23:47:00.35ID:???
気づいてないと思うけどな
0421Name_Not_Found
垢版 |
2018/09/10(月) 23:50:26.36ID:???
think49はもともと自分から5ch民だって言ったわけだから気にしないだろうけど
迷惑なのは善意で回答してるのにヲチられてるふたりなんだよなー
0422Name_Not_Found
垢版 |
2018/09/10(月) 23:56:26.21ID:???
>>420
これで>>369-370が質問者じゃなかったら面白いのに
ほかサイトでみかけた質問を気になって2chできくとか普通にありえるし
迷惑かけそうって思ってあわてて火消ししようとしたところをthink49が晒し者にしたみたいな
0423Name_Not_Found
垢版 |
2018/09/10(月) 23:59:17.14ID:???
ここであれこれ騒いでる奴が一番悪い
0424Name_Not_Found
垢版 |
2018/09/11(火) 08:28:43.29ID:???
回答者や質問者叩くだけで何もしない奴は無自覚なんだな
0425Name_Not_Found
垢版 |
2018/09/11(火) 09:43:34.17ID:???
そうなるのがわかるから5chにリンクはるなんて避けるべき
どう考えてもリンクはったやつが悪い
つーか質問者がこっちの質問〆た後に誘導リンクはったんだから回答共有しろや糞回答者
0427Name_Not_Found
垢版 |
2018/09/11(火) 22:49:52.11ID:???
think49ずっとはりついて自己擁護してんの?
0428Name_Not_Found
垢版 |
2018/09/12(水) 07:47:01.04ID:???
アンチthink49もアンチ5chも相当うざい
0430Name_Not_Found
垢版 |
2018/09/12(水) 09:03:34.57ID:???
think49に粘着してる奴、過去にthink49と何かあったの?
反論してる人を全てthink49と思いこんでるようだけど、スレ違いの話題を延々と続けられて迷惑してる人が大勢いることにまだ気が付かないわけ?
質問者の為を思うなら、質問者がクローズしたここで主張せずに、teratailで回答してくるべきでしょ
0431Name_Not_Found
垢版 |
2018/09/12(水) 09:14:56.80ID:???
匿名サイトでいることがわかっててしかも毎回レス返してたら
たらおもちゃにされるのは当たり前なんだよなー
そうやって自己擁護するのもわかりやすすぎる

自分が他人だった場合に自分のレスよみかえしてみ
ぶっちゃけどうでもいい他人だったらいちいち擁護なんてしねーから
0432Name_Not_Found
垢版 |
2018/09/12(水) 09:24:31.84ID:???
>>430
厳密にはこちらを〆た時点でマルチポスト状態は解除されてるので
質問者はこちらを見る義務はもうないし翌日のやり取り見ると実際見てない可能性が高い

マルチポスト状態を再開したのは他人なのに勝手に誘導リンクはったthink49
こちらの回答を共有する義務があるのもthink49
0433Name_Not_Found
垢版 |
2018/09/12(水) 12:42:31.71ID:???
「think49なんてどうでもいいんだよ
スレ違いの粘着をいつまでも続けるな!」
と心から思うが、どうせ俺もthink49扱いされるんだろうな
0434Name_Not_Found
垢版 |
2018/09/12(水) 17:34:23.35ID:???
ご質問です。
当方デザイナー兼コーダーとして、自社サイトの制作に携わることになりました。
その際サーバー側を担当するエンジニアからjqueryはもう古いから、他のライブラリを使うかせめてjavascriptで実装するようにと言われました。
大手のサイト等拝見しても、jqueryは現役ですし、特に陳腐化するような懸念は感じられなかったのですが何か理由があるのでしょうか。よろしくお願いします。
0435Name_Not_Found
垢版 |
2018/09/12(水) 19:17:02.80ID:???
サーバーサイドのコーダーに何がわかるんだよって言ってやれ
0437Name_Not_Found
垢版 |
2018/09/12(水) 20:10:31.72ID:???
こういうのはpureJS派とjQuery派の両方にきかないと意味ないから別にいいだろ
0439Name_Not_Found
垢版 |
2018/09/12(水) 22:12:30.21ID:???
色々参考になりました。ありがとうございました。
0440Name_Not_Found
垢版 |
2018/10/01(月) 00:12:19.04ID:???
jqueryでparent(),next(),prev()等の要素の選択において、関数を実行したにもかかわらず存在しなかった場合は何が返ってきますか?
0442Name_Not_Found
垢版 |
2018/10/02(火) 05:47:19.75ID:???
jQueryは見つからなかったときの設計が素晴らしいと思う
このおかげでいちいちnullチェックをしなくてすむ
0443Name_Not_Found
垢版 |
2018/10/02(火) 08:40:34.59ID:???
該当する要素が無ければ、length: 0
というObject が返される

要素数0、つまり該当する要素なし

Ruby では、nil が返るから、メソッドチェーンで、
nil からメソッドは呼ぶことができないというエラーになる。
ただし、nil 許容演算子を使えば、エラーにならない

jQueryではエラーにならない。
単に、そこからメソッドを呼ばないだけ
0444Name_Not_Found
垢版 |
2018/10/02(火) 09:11:57.18ID:???
>>443
例外処理を別に書かなくてはならなくて、逆に困る
0445Name_Not_Found
垢版 |
2018/10/02(火) 09:41:22.67ID:???
>>444
それはお前の思考回路が関数型についてこれてないだけ
0446Name_Not_Found
垢版 |
2018/10/02(火) 12:09:51.68ID:???
>>445
アホか
書き方が分からないわけではない
0447Name_Not_Found
垢版 |
2018/10/02(火) 12:46:00.92ID:???
jQueryが古いというより今どき沢山のDOMを組み合わせて何かを為すって言うのが古い
Canvasだってあるわけだし、DOMでやるにしてもコンポーネントやシャドーやHoudiniもある
jQueryは排他的で独自すぎるから小さいライブラリをたくさん組み合わせて何かをしたい時に合わない
0449Name_Not_Found
垢版 |
2018/10/02(火) 13:12:23.11ID:???
>>446
誰が書き方がわかるかどうかの話をしたんだ?
書く必要がないということに気づいてないから
関数型についてこれないって言ったんだよ
0450Name_Not_Found
垢版 |
2018/10/02(火) 13:13:36.35ID:???
>>447
jQueryが排他的?どこにjQueryほど他のライブラリと
組み合わせることが可能なライブラリがあるっていうんだ?

AngularやReactは排他的だがな。
その証拠にAngularとReactを組み合わせることができない
0451Name_Not_Found
垢版 |
2018/10/02(火) 14:02:03.60ID:???
>>448
Canvas使って文字を書きましょうってこと
0452Name_Not_Found
垢版 |
2018/10/02(火) 19:00:04.73ID:???
>>449
お前のいう書く必要かない「関数型プログラミングの書き方が分からないわけではない」
0453Name_Not_Found
垢版 |
2018/10/02(火) 19:30:32.20ID:???
では例外処理を書く必要はないということで
0456Name_Not_Found
垢版 |
2018/10/03(水) 02:24:26.54ID:???
だからjQueryを使うと要素がない時に例外処理を
書かなくていいから、楽だって話をしてるんだが
0457Name_Not_Found
垢版 |
2018/10/03(水) 08:02:15.02ID:???
>>456
お前の中で例外処理が「該当要素がなければ、何もしない」しかないからそういう発想になるんだろ
要素に限らず、jQueryは基本的にエラーを発生させず、出来る事がない場合は「何もしない」
「何もしない処理」が複数回発生し、それが期待通りの動作でなかった場合に原因を特定するのに時間がかかる
エラーで止まるのは、むしろ良い事だ
0458Name_Not_Found
垢版 |
2018/10/03(水) 11:07:31.74ID:???
>>457
叫ぶなw まず理由を書け。

何もしない処理が複数回発生するということは、
「期待した処理が行われなかった」ということだろう?

なぜ期待した動作をしてないならば、してないとすぐに分かるはずだが
なぜ特定するのに時間がかかるのか?
なぜエラーで止まるのは良いことなのか?

その理由を書こう


しかし不思議だ。jQueryは要素に対して処理を適用するものなのに
該当要素がないときに該当要素(無いはずなのに)に対して
処理を行うとはどういう意味なのか?哲学的なものを感じるなw

例えば検索結果がないときに「検索結果が見つかりません」と表示するとき
どう書いているのだろうか?classを書き換えればいいだけなのに
それとも他になんか想定してる例でもあるならいってくれ
0459Name_Not_Found
垢版 |
2018/10/03(水) 12:15:03.89ID:???
>>458
> なぜエラーで止まるのは良いことなのか?
エラーが発生したら、エラー行周辺を読めば原因を特定可能なんだが、そこまで説明しないとわからないのか…
例外を発生させたことがなくて、発想出来ないのかね
0460Name_Not_Found
垢版 |
2018/10/03(水) 13:50:47.63ID:???
>>459
おいw それはレベルが低い
エラーで止まらないバグの方が普通なんだよ

まずな、お前がそもそも論点がわかってないんだよ。
要素がないならエラーにならなくて良いはずなんだが、
なんでエラーにしたいんだって話をしてるのがわからないのか?

要素がない → 何もしないのが正しい動き → jQueryはそうなる
要素がない → 何もしないのが正しい動き → DOM APIだとエラーになる → 何もしないようにする処理を追加

こういう話をしてるんだよ
やっぱりお前わかってな無いだろ
0461Name_Not_Found
垢版 |
2018/10/03(水) 19:14:33.33ID:???
>>460
なぜレベルが低いのか、理由を説明して見ろ
0462Name_Not_Found
垢版 |
2018/10/03(水) 20:25:58.15ID:???
>>461
例外を異常時の緊急停止機能のような安全装置のように思っているから

例外で止まる(キャッチしてない例外)というのは単なるプログラムのバグに過ぎない
一部メモリ不足とかアプリケーション側で対応できないものがあるが
(例えばRubyだとStandardError以外の例外、JavaだとJava.lang.Error以外の例外)
それらを除き、例外が起きるというのは考慮漏れというプログラミング上の単純なミスに過ぎない
仕様とか設計とかそういうレベルではなく、単純な考慮漏れ。

今回の話はその中でもnullエラーという極めて単純なもの
nullエラーを防ぐには、nullになりそうな箇所を一つ一つ潰すというやり方の他に
Nullオブジェクトパターンという設計レベルで解決する方法がある

なぜNullはダメか
https://www.kaitoy.xyz/2015/07/26/why-null-is-bad/

jQueryはこのNullオブジェクトパターンを採用している

要素が見つからないかもしれないと常に考えてプログラミングすることで例外をなくすのではなく
要素が見つからなくても問題なく扱えることで例外をなくしている

こちらはバグはないほうが良いと言ってるのに、
バグがあったら止まるほうが良いだろうと言ってるからレベルが低い
0463Name_Not_Found
垢版 |
2018/10/04(木) 07:01:40.44ID:???
細かいけど訂正

× それらを除き、例外が起きるというのは考慮漏れというプログラミング上の単純なミスに過ぎない
○ それらを除き、例外で止まるというのは考慮漏れというプログラミング上の単純なミスに過ぎない
0465Name_Not_Found
垢版 |
2018/10/04(木) 09:20:21.63ID:???
>>464
今は要素が見つからない時の話をしてる
0468Name_Not_Found
垢版 |
2018/10/04(木) 16:21:38.50ID:???
jQueryの場合は要素がない場合に
「問題があるのに例外を握りつぶすことで例外が出ない」のではなく
「例外とすべき問題自体が存在しなくなるから例外が出ない」ってことなんだが、
なんで例外の話が出てくるんだ?

そこがjQueryの設計思想をわかってないって言われてるんだろ
0469Name_Not_Found
垢版 |
2018/10/04(木) 19:15:08.48ID:???
>>440でエラー発生すべきか、発生させないべきか、という問題
0470Name_Not_Found
垢版 |
2018/10/04(木) 19:40:33.96ID:???
>>469
どちらもエラーは返ってこないけど?
DOM APIはnullが返ってきて、
jQueryは空のjQueryオブジェクトが返ってくる

DOM APIはnullが返ってくるから、メソッドを呼び出そうとするとエラーになるので
nullチェックをしてnullだったら「なにもしないという処理」を書かないと例外で落ちる

jQueryは空のjQueryオブジェクトだから、何も書かずとも「何もしないという処理」に
なってるので例外で落ちることはない
0471Name_Not_Found
垢版 |
2018/10/04(木) 20:00:04.52ID:???
正解者もいないようなのででは解答
このコードがどういうときに有用かは>>153で書いたとおり
set は使わなくても別にもう一つ関数を作れば同じことができるが
関数を作らずとも引数の再設定という方法がある。意外と便利だよ

func() {
set -- "$@" $(($#+2))

while [ $# -gt 1 ]; do
eval "echo \"$1 \$((\$$#-$#))\""
shift
done
}

func apple orange banana
0473Name_Not_Found
垢版 |
2018/10/04(木) 20:11:20.04ID:???
jQueryってよくできてるよな
0474Name_Not_Found
垢版 |
2018/10/05(金) 00:41:00.31ID:???
>>470
べき論に確認結果を報告するお馬鹿さん
0476Name_Not_Found
垢版 |
2018/10/05(金) 09:06:37.57ID:???
>>475
それは日本語を読めない人が使う言葉じゃない
0477Name_Not_Found
垢版 |
2018/10/05(金) 09:37:03.82ID:???
>>476
じゃあ代わりに誰か他の人、>>474がどういう意味かを書いてみて
おそらく誰にもわからないから、誰も書かないだろう
0478Name_Not_Found
垢版 |
2018/10/05(金) 10:03:38.31ID:???
jqueryオブジェクトのnext()って次のノードがある場合と無い場合で処理を分けたいんですが
どうすればいいですか?
0479Name_Not_Found
垢版 |
2018/10/05(金) 12:52:59.27ID:???
>>477
Q「〜べきですか」
A「〜だったよ(べきなんて知りません)」
0480Name_Not_Found
垢版 |
2018/10/05(金) 13:02:32.94ID:???
>>478
発想が手続き脳になってると思われる

まず、何に対して処理を適用するのかをしっかり認識すること
言い換えると処理を分けた後に、何に対して処理をするのか?ということ
その処理を適用する対象を最初に持ってくる

例えば<li>のリストが有って「次のノードがある場合に、現在のノードを赤くする」であれば
処理を適用する対象は、現在のノードなのだから

$('li').filter(function() { return $(this).next().is('li') }).css('color', 'red')
↑処理を適用する対象を一番最初に持ってくる
そしてあとはfilterで条件を書く

でもこれよりも以下のほうがより直感的だろう
$('li:not(:last-of-type)').css('color', 'red')

つまりだな。「やりたいこと」っていうのがその文章に
書かれてないから手続き型脳だなって思ったわけ。
0481Name_Not_Found
垢版 |
2018/10/05(金) 13:03:05.05ID:???
>>479
誰も「べき」なんて言ってないね。
どこからでてきたんだろう?
0482Name_Not_Found
垢版 |
2018/10/05(金) 13:45:11.97ID:???
>>469がべきって言ってるな。その>>469がおかしいね。

>>440は関数を実行したにもかかわらず存在しなかった場合は何が返ってきますか?って
聞いてるのに、何が返ってくるかを答えないで、べき論をしはじめた。

何が返ってきているかの答えは>>470が答えている。
0483Name_Not_Found
垢版 |
2018/10/05(金) 16:03:45.99ID:???
$("要素名") ← セレクタ打ち込むのがめんどくさいんだが楽な方法ない?
jQueryで一番いやなところがここなんだよな
0484Name_Not_Found
垢版 |
2018/10/05(金) 16:25:52.32ID:???
>>483
$(document.getElementById(ID名))
$(document.getElementsByTagName(要素名))
$(document.querySelectorAll(要素名))

どれでも好きなものをどうぞ
0485Name_Not_Found
垢版 |
2018/10/05(金) 16:33:53.53ID:???
流石に余計長くなってたらダメだろw

セレクタは必要最小限の情報になってるので
これ以上短くはできないと思うよ

メソッド名は$の1一文字だし、これ以上短くはできないと思うな。
0486Name_Not_Found
垢版 |
2018/10/05(金) 16:36:14.42ID:???
メソッド名が長いのがDOM APIの二番目にいやなこと
DOM APIの一番嫌な所はループでいちいち回さないといけない所
0487Name_Not_Found
垢版 |
2018/10/05(金) 19:25:11.87ID:???
>>482
>>440への回答だなんて誰もいってないし、もうアホとしか
0488Name_Not_Found
垢版 |
2018/10/05(金) 23:46:43.24ID:???
はぁ?じゃあべき論とか言い出すなっての、
両方ともエラーを返してない現実があるってのに
エラーを返すべきではないかとか言われても、
お前DOM APIとjQueryの方法から否定されてんでwで終わるだろ
0489Name_Not_Found
垢版 |
2018/10/06(土) 12:14:01.89ID:???
jQueryって初心者向けのライブラリだよな
0490Name_Not_Found
垢版 |
2018/10/06(土) 12:33:26.81ID:???
ライブラリに初心者用とかあるんか?
初心者でも使えるという意味なら
そのとおりだが、上級者も使ってる
0491Name_Not_Found
垢版 |
2018/10/06(土) 13:37:14.98ID:???
数学において数式に番号を付ける際、
  y=f(x) ---------------- (1)
みたいな感じで横に伸びる線を書くことはよくありますが、HTML上でこれを実現したいです。

素朴に思いついたものとしては
<ul>
<li>y=f(x)<hr style="display:inline" /><span style="float:right">(1)</span></li>
</ul>
ですが、これは正しく機能しません。
どうすれば良いですか?

要望としては
- ブラウザのサイズに応じて自由に(無限に)伸縮する横線で、
数式番号(上の例で言えば(1))へ繋がる横線(くっついていても、いなくてもどちらでもいい)
- きちんと一行に収まる。改行していびつな形になるのはダメ

です。
0493Name_Not_Found
垢版 |
2018/10/07(日) 10:21:03.02ID:???
>>491
この子は teratail で有名なアスペ君だから注意ね

https://teratail.com/questions/149753

> infologicmation
> 結局自己解決できました。
> 一応、参考までに私が作ったテストコードを載せておきます。
>
> ...中略...
>
> このサイトなら良い指針やアドバイスが得られると思って、わざわざ時間を掛けて質問文を作ったにもかかわらず、アスペみたいな見当違いの的外れの回答が送られたり、
> そんなのの相手に無駄に労力割かされたり散々な目に会ったのに、結局は自力で解決するという結末で、本当に不毛なことをさせられたと実感してます。
> teratailはもっと経験豊かな人が居るんじゃないんですか?どうなってんの?178viewもありながら(確認時点で)…
>
> 当然、ベストレビュアーは無しとします。
0494Name_Not_Found
垢版 |
2018/10/18(木) 02:24:49.21ID:???
 私たち日本人の、日本国憲法を改正しましょう。
総ム省の、『憲法改正國民投票法』、でググって
みてください。拡散も含め、お願い致します。
0495Name_Not_Found
垢版 |
2018/10/20(土) 17:19:33.30ID:???
全部のjavascriptファイルにinitializeメソッド実装してるプロジェクトあるんだけど
それをどこから読んでるか全くわからんのだけどjavascriptとかhtmlの機能で
自動で呼ばれるなんて仕様ないよね?
0496Name_Not_Found
垢版 |
2018/10/20(土) 18:06:17.41ID:???
同じ関数名は上書きされるだろ
0497Name_Not_Found
垢版 |
2018/10/23(火) 12:12:09.63ID:???
質問です。
jQueryで、指定した要素がy座標で中央らへんになるようにページをスクロールしたいのですが、どうすればよいでしょうか?

var top = $(this).offset().top;
$('html, body').animate({ scrollTop: top }, 'fast');

とすることでなんとなくスクロールはできましたが、上端になったり下端になったり安定しません。
0498497
垢版 |
2018/10/23(火) 17:09:36.94ID:???
>>497 です。
試行錯誤の結果、あまりよくわかってませんがbodyにpadding: 50vh 0;を設定したうえで

var top = ( $(this).offset().top ) - 400;
$('html, body').animate({ scrollTop: top }, 0);

とすると一応、$(this)がどこにあっても真ん中に表示されるようになりました。
あとfastだと上にスクロールする動きが変だったので速度は0に。
これで一応自己解決した、ということになるでしょうか。
とりあえず自分の環境に合わせて400としましたが、ほんとはちゃんと画面の高さ/2で計算したほうがいいでしょうね。
0499Name_Not_Found
垢版 |
2018/10/23(火) 17:21:57.73ID:???
画面の高さを取得する方法があるからそれ調べると良い。
あと画像などすべてのコンテンツが終わった後に呼び出さないと高さがずれると思う
0500Name_Not_Found
垢版 |
2018/10/23(火) 18:30:59.34ID:nf9Chzw5
WordPressスレと迷ったのですが、こちらで質問させてください

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では固定ページでテンプレートにすべてコンテンツを入れているのでそれが原因なのでしょうか

色々調べたのですが、やり方が間違っているのかそもそも出来ないのか分からず、解決策をお持ちの方がいらっしゃれば教えてくださると嬉しいです

よろしくお願いします
0501Name_Not_Found
垢版 |
2018/10/23(火) 18:33:14.33ID:nf9Chzw5
途中で切れてしまいました 申し訳ないです

解決策をお持ちの方がいらっしゃいましたらお教えくださるとうれしいです
よろしくお願いします
0502Name_Not_Found
垢版 |
2018/10/24(水) 03:20:52.84ID:???
>>497-499
vh, vw は「Ctrl +-」で、文字・画像などが拡大縮小できなくなるから、使いづらい
0503497-498
垢版 |
2018/10/24(水) 04:28:12.33ID:???
>>499

$().onで呼び出してるので大丈夫かとは思いますがありがとうございます!
画面の高さはjQuery的に言うと$(window).heightですかね、思ってたよりずっと単純明快でしたね
0504Name_Not_Found
垢版 |
2018/10/24(水) 09:30:20.01ID:???
大勢に向けたサイトでなく、少数に向けたWebツールなのですが
Spaceキーを押すことで、対象をtoggleしようとしています

しかし、リマップソフトなどでSandS(SpaceキーをShiftキー代わりに使う)を設定している場合(主に僕ですが)は
Spaceを1度押すだけでキーイベントが2回発火してしまうようです

つまりtoggleが2回行われ、元に戻ってしまいます
ならいっそ4回押されるごとに、と変数を使ってみてもたまに半端にカウントがずれてしまいます

どうすれば1回だけの発火に抑えてうまくtoggleさせられるでしょうか…?
0505Name_Not_Found
垢版 |
2018/10/24(水) 09:48:49.28ID:???
一応keyupでなくkeypressにすると1回のみのカウントになりますが、
keypressはどうもIMEがオフの状態でないと発火しないようで…
(あくまでIMEはオンである必要があるので…)
0506Name_Not_Found
垢版 |
2018/10/24(水) 22:58:43.34ID:G6k1YekJ
jQueryオブジェクトは何度も使う場合は変数に代入しておいたほうが、探させる処理の負担を減らせるようですが
$(this)も変数に代入しておいたほうがいいですか?($thatとか?)
それとも「既に代入された結果が$(this)であるため、その必要はない」ですか?
0507506
垢版 |
2018/10/24(水) 23:21:52.65ID:G6k1YekJ
…と思いましたが()がある時点で引数がある、つまり関数なのでたとえthisといえど毎回処理してるということになりそうですね
やはり代入しておくほうが速い…?
0508Name_Not_Found
垢版 |
2018/10/25(木) 00:41:52.39ID:???
jQuery のソースコードでは、冒頭部分で、よく使うものを変数に入れてる

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 に代入することは少ない
0509Name_Not_Found
垢版 |
2018/10/25(木) 00:48:25.41ID:???
>>503
ディスプレイの高さでも、色々ある

タスクバーのような、固定部分を引いた画面の高さ (ピクセル単位)とか。
window.screen.availHeight

固定部分を含むのか、含まないのか
0510503
垢版 |
2018/10/25(木) 00:56:06.87ID:???
>>509
Windowsのタスクバーを左でなく上(あれ、いやタスクバーはそもそも元々下か。とりあえず左や上)
に置いてる身としてはそのへんも気になりますね…今回はとりあえず大体でしたが
0511Name_Not_Found
垢版 |
2018/10/25(木) 02:00:14.23ID:???
>>507
速いが、そもそも何度も同じjQueryオブジェクトを使うと
言うところに根本的な問題がある。
正しくjQueryを使っていれば、何度も同じjQueryオブジェクトを使うことはない
0512506-507
垢版 |
2018/10/25(木) 03:20:58.78ID:???
>>511
例えば
$that = $(this);
let val = $that.val();
let xxx = $that.attr('xxx');
let yyy = $that.attr('yyy');
....(略)
のようなものを想定していましたが、何かもっと良い方法がありましたか?

(このくらいならjQueryを使わないでthis.valueなどとしたほうがほんとは速いのでしょうけれど、
へたに混ぜると細かな差異に振り回されないか不安で…)
0513Name_Not_Found
垢版 |
2018/10/26(金) 14:05:52.77ID:???
var c = $('#car');
と、jQuery Object を変数に入れても、メソッドチェーンでも同じ

$('#car').before(何々).prepend(何々).append(何々).after(何々);
return で、そのインスタンス(jQuery Object)を戻しているから、同じ

$('#car').attr({src: 何々, title: 何々}).css({top: 50, left: 100});
0514512
垢版 |
2018/10/27(土) 10:15:54.39ID:???
>>513
あ、すみません、実際には続けてではなく離れた場所でやる場合です…
あと

$that = $(this);

$that.val( $that.val() + 'ついか' );
$that.attr( 'xxx', $that.attr('xxx') + 'ついか' );

この場合はどうですか?
0515Name_Not_Found
垢版 |
2018/10/27(土) 10:33:33.07ID:???
$thatなんかいらない

$(this).val(function(i, value) {
 return value + 'ついか';
}).attr('xxx', function(i, attr) {
 return attr + 'ついか';
});
0516506, 507, 512, 514
垢版 |
2018/10/27(土) 12:05:49.32ID:???
>>515
jQuery久々ですが、そういえばそういうの見かけた覚えがあります…
ドキュメント見たら普通に書いてありましたね

現代風にするとこうでしょうか…?

$(this).val( (i, value) => {
 return value + 'ついか';
}).attr('xxx', (i, attr) => {
 return attr + 'ついか';
});

indexは省略しても動くようですが、省略しないほうがいいんですかね?
0517Name_Not_Found
垢版 |
2018/10/29(月) 03:15:25.09ID:???
長いと怒られましたので二つに分けます
かなり初歩的な質問になってしまうと思いますがよろしくお願いします。

最近勉強を始めHTMLCSSでサイトを作ろうとしておりました。
その中に画像のスライダーを入れたく思い、JSもしくはjQueryで組もうと
いろんなサイトを参考にしてたのですがうまくいきません。
現状、画像が縦に並んでる状態です。
jQueryをDLしてプラグインするのは難しそうだったので
head内からファイルで読み込む方法を選択しました。

明記できない部分が多かったので消去してますが
下記のコードで直す点があれば教えていただきたいです。
下記以外のコードでも試しましたができなかったので
もっと根本的なところが間違ってるとも思うのですが
0518517
垢版 |
2018/10/29(月) 03:18:33.12ID:???
<!DOCTYPE html>
<html lang="ja" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="■■.css">
<script src="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="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>
0519517
垢版 |
2018/10/29(月) 03:20:33.84ID:???
<body>
<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>

長くなりましたがどうぞよろしくお願いいたします
0520Name_Not_Found
垢版 |
2018/10/29(月) 06:26:27.67ID:???
flexslider.cssを読んでない
0521Name_Not_Found
垢版 |
2018/10/29(月) 23:13:10.14ID:???
使っている、jQuery のバージョンが古くない?
それに、jQueryを2つも読み込んでいるのも、おかしい

それに、jQueryよりも先に、jquery.flexslider-min.js を読み込んでいるのも、おかしい。
たいてい、jQueryを一番先に読み込む

参考にしているソースコードが古いのでは?

「javascript jquery slider」で検索!
0522Name_Not_Found
垢版 |
2018/10/30(火) 17:20:47.18ID:???
ありがとうございます
やはり根本的に間違えてるようですね

指摘いただいたところを直し
教えていただいた情報でやり直してみます
0529Name_Not_Found
垢版 |
2018/11/02(金) 15:25:42.78ID:???
jQueryにて


<div.aaa>
<div.iii>
<div.aaa>
<div.iii> ★
<div.iii> ★
<div.iii> ★
<div.aaa>  ←$(this)
<div.iii>


$(this)から見て、違うクラス(あるいは特定のクラス)の連続した兄たち ★★★
(thisと同じクラスの兄に挟まれた兄弟)
を絞り込むにはどうすればよいでしょうか?
0530Name_Not_Found
垢版 |
2018/11/03(土) 02:18:37.81ID:???
div閉じてないから構造がわからん
0531529
垢版 |
2018/11/03(土) 17:53:13.42ID:???
>>539
すみません、色々複雑になってはいますがひとまずその場で閉じているということで…
こうですね
<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>
0532Name_Not_Found
垢版 |
2018/11/04(日) 10:50:04.18ID:???
>>531
開始タグと終了タグの対応関係がおかしい
オレオレ用語で説明を省略しすぎ
0533Name_Not_Found
垢版 |
2018/11/04(日) 23:48:12.81ID:???
>>531
以前ちょっと使っただけだから忘れたが
prevAll(セレクタ)とかprevUntil(セレクタ)とかはどうか
0534Name_Not_Found
垢版 |
2018/11/05(月) 10:12:39.74ID:???
>>533
prevUntilを使って兄要素を全部取得、eachで直近の兄のクラスを取り、直近の兄以降のクラス判定をして格納、って感じかな
0535529
垢版 |
2018/11/05(月) 12:51:18.54ID:???
>>533
prevUntil便利そうですね…!こういうのを探してました、ありがとうございます!

>>534
each…
あれ、

$a = $(this).prevAll('.aaa').first();
//ここlastにしてハマりかけましたがprevの場合は後ろから数えるんですね…

$i = $(this).prevUntil($a, '.iii');

でも行けそう?
間にあるのが.iiiだけなら
$i = $(this).prevUntil($a);
でもいいのかな?
やってみます
0536533
垢版 |
2018/11/05(月) 19:53:23.26ID:???
>>535
そうそう、書き忘れたが$(this)に近い方からになるので感覚的に逆
ついでにお気づきだろうが、後ろならnextAll(セレクタ)、nextUntil(セレクタ)ね
0537Name_Not_Found
垢版 |
2018/11/06(火) 15:52:01.80ID:???
そのサイトを閲覧している間(タブを最前面にしている間)だけ動くスクリプトって作れますか?

ブックマークレットでもなんでもいいんですけど、自分用に
「このタブを閲覧しているときだけ動くストップウォッチ」
的なものが欲しくて…
つまり他のタブを閲覧中は止まるようにしたいのです

拡張機能も見かけましたがどちらかというと「今まで何時間見たか」を計るやつっぽくて
そうではなくストップウォッチ的に頻繁にスタートとリセットを繰り返しながら計測したく…

「マウスカーソルがbodyに乗ってる間だけ時計が進む」みたくすれば可能でしょうか?
0539Name_Not_Found
垢版 |
2018/11/06(火) 17:36:37.71ID:???
>>538
まさにこれですね!ありがとうございます!
0542Name_Not_Found
垢版 |
2018/11/11(日) 17:23:24.20ID:???
$(document).on('mousemove', function() {

});

って効かないんですか?
ドラッグ時、マウスがbody外に出てもいいようにしたかったんですけど
mousemoveイベント自体を検知しなくなってしまいました
(documentでなく何かしらのdom要素に対して設定しないといけない?)

mouseupはdocumentに設定しても大丈夫だった(boby外でも検知できた)のですが…
0543Name_Not_Found
垢版 |
2018/11/11(日) 23:43:37.47ID:???
>$(document)
コンソールに、エラーが出ているはず

$( '#abc' )
文字列型で、CSS セレクターを書く
0544542
垢版 |
2018/11/11(日) 23:59:30.72ID:???
>>543

うーん…?
でも単に

let wa= 0;

$(document).on('mousemove', function() {

wa++
console.log(wa);
return false;
});

としただけなら、別にエラーにならずちゃんとログも出るので
何か別の部分がおかしかったのかもしれません
(それともたまたま動いてしまっているだけで本当は推奨されていなかったりする…?)
0545Name_Not_Found
垢版 |
2018/11/12(月) 01:36:11.64ID:???
mousemoveは "対象要素の上で" 動いたときに発生するんだよ
bodyの外で動いても発生しない

外に出るのを検出するのはmouseleave
0546Name_Not_Found
垢版 |
2018/11/12(月) 09:12:36.96ID:???
>>545
> bodyの外で動いても発生しない
html要素でも正しく発火する
mousemoveはウインドウ内限定の発火装置
0548543
垢版 |
2018/11/13(火) 04:20:20.09ID:???
$(document)

この、document って、" " で囲んでいないから変数だよな。
変数を入れても動くのか

知らなかった
0549Name_Not_Found
垢版 |
2018/11/13(火) 05:14:06.28ID:???
こんなことしても動くよ

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との相性も良い(混ぜて使える)
0550Name_Not_Found
垢版 |
2018/11/13(火) 10:55:45.16ID:???
次のプロジェクトからjQueryは重いから使うなって言われたんだが
便利なjQueryプラグインも使わないわけだよね
どうすんの?
0551Name_Not_Found
垢版 |
2018/11/13(火) 11:34:52.58ID:???
>>550
jQueryよりも軽いという代替案を要求しろ
そしてそれにより開発工数が減るのか検討したい、と言え
(検討に結果jQueryを使った方が良いことになるだろうw)
0552Name_Not_Found
垢版 |
2018/11/13(火) 14:02:30.05ID:???
>>550
CSSとサーバーサイドでなんとかする…
0553Name_Not_Found
垢版 |
2018/11/13(火) 17:19:01.79ID:???
>>551
俺も同じ感じでjQuery否定されてreactになった
0554Name_Not_Found
垢版 |
2018/11/13(火) 17:29:20.72ID:???
>>550
なにに比べて重いのか明確にしてもらえ
0555Name_Not_Found
垢版 |
2018/11/13(火) 17:30:32.20ID:???
ReactってjQueryより重いんだけどねw
しかもそのReactは将来性が危ういからなぁ

一部の企業でReact Native離れが始まる
https://tech.nikkeibp.co.jp/it/atcl/idg/14/481709/082000458/?ST=cio-appli&;P=2

少なくともReactはNative使ってスマホアプリと
コード共有しないと意味がないね
そもそもスマホアプリがないならやる意味がない
0556Name_Not_Found
垢版 |
2018/11/13(火) 17:31:19.84ID:???
jQuery+underscore.jsで小規模案件たいてい何とかなるよ。
個人的にはvue.jsとかもやるけども。
0557Name_Not_Found
垢版 |
2018/11/13(火) 17:32:34.11ID:???
>>551 >>553 >>554
まあそりゃそうだね。なんかノリと流行りで
jQuery否定しているだけみたいだし
理論詰めで問い詰めようw
0558Name_Not_Found
垢版 |
2018/11/13(火) 17:33:06.35ID:???
みんなスマホアプリとか作ってるわけ?
0559Name_Not_Found
垢版 |
2018/11/13(火) 17:34:46.98ID:???
使ってもいいけど、学習コストかかりますよ
とか言えば大抵流れるw
0561Name_Not_Found
垢版 |
2018/11/13(火) 18:28:07.33ID:???
jQueryでどんなことしてましたか?って聞かれて、開いたり閉じたり以外が思いつかなかった
クラスつけたりはずりたりもたまにやるけど…
みんなjQueryで何してるの?
0562Name_Not_Found
垢版 |
2018/11/13(火) 18:28:33.20ID:???
>>560
使うなと言われる方が重くなるけどな
0563Name_Not_Found
垢版 |
2018/11/13(火) 18:32:44.12ID:???
>>561
それはjQueryっていうより、JavaScriptで何をしましたかの答えだと思うね
0564Name_Not_Found
垢版 |
2018/11/13(火) 18:33:37.65ID:???
ReactNativeはiOSとAndroidのコードを共通にするためのもの。
iOSとAndroid、だ。
Webとアプリではない。
Webビュー使った今までのクロスプラットフォームフレームワークと全然違うから突っ込まれないようにな。
React叩くときにうっかりReactNativeまで話を広げて自爆しないようにしよう。
0565Name_Not_Found
垢版 |
2018/11/13(火) 18:41:00.97ID:???
reactやvueとjQueryは相性悪いよね
両方使いたい場合は片方諦める?
0566Name_Not_Found
垢版 |
2018/11/13(火) 18:46:03.68ID:???
reactやvueはDOM操作を直接やるなってやつだっけ?
DOM APIも使っちゃだめなのかな
0567Name_Not_Found
垢版 |
2018/11/13(火) 18:54:56.07ID:???
はい。DOM APIも使っちゃだめです。
0569Name_Not_Found
垢版 |
2018/11/13(火) 19:19:19.65ID:???
相性悪いっていうか、jqueryが要らなくなるんだよ
vueのプロジェクト上でjquery読み込んでゴリゴリ作ったりできるけど、わざわざそんな事する必要がない
プラグインに頼りたいなら同居させても良いんじゃない?
0570Name_Not_Found
垢版 |
2018/11/13(火) 19:23:16.34ID:???
>>568
DOM APIが使えるならjQueryも使えるんじゃね?
0571Name_Not_Found
垢版 |
2018/11/13(火) 19:23:54.31ID:???
わざわざそんな事する必要がないっていうのは
DOM APIを使用する意味がないってことね
0572Name_Not_Found
垢版 |
2018/11/13(火) 20:13:04.50ID:???
>>563
jQueryは世の中に出回ってるプラグイン、コピペ、開いたり閉じたりで
大抵のことができるからjQueryできますと言いにくい
だからといってゴリゴリのJavaScriptを要求されることはない

(´;ω;`)…
0573Name_Not_Found
垢版 |
2018/11/13(火) 21:52:07.38ID:???
jQueryは一番はDOMを自由にいじれるのと、プラグインだよなあ
プラグインも素のjsに対応していないやつも多いし
0574Name_Not_Found
垢版 |
2018/11/13(火) 22:48:17.62ID:???
>>572
まぁjQuery得意です!っていう奴は大体他にアピールないことが多いから取りづらいわ…
0575Name_Not_Found
垢版 |
2018/11/14(水) 01:43:01.54ID:???
>>572
知らんがなw
お前の問題であってjQueryの問題じゃないだろ
0576542
垢版 |
2018/11/14(水) 04:30:07.53ID:???
>>545
画面の端からはみ出てもドラッグ距離を測れたらよかったんですが、やはり無理っぽかったですね…


その後別の問題が発生して
mousedownでaddClass('.dragging')→mousemoveで移動→mouseupで.removeClass('.dragging')
みたいな感じのこと(実際はもっと複雑)をしてるのですが
たまにmouseupを検知してくれず、ボタンから指を離しているのに.draggingになりっぱなしになってしまいます
何かこれを回避する方法ってあるでしょうか?
0577542 576
垢版 |
2018/11/14(水) 04:32:21.75ID:???
>>576 訂正

誤 mousedownでaddClass('.dragging')→mousemoveで移動→mouseupで.removeClass('.dragging')
正 mousedownでaddClass('dragging')→mousemoveで移動→mouseupでremoveClass('dragging')
0578Name_Not_Found
垢版 |
2018/11/14(水) 06:06:56.68ID:???
>>574
そういうものなんだ、参考になった
>>575
うん、jQueryは何も悪くない
今の現場でVue使えるはずだったけど世の中には悪い奴がいっぱいいるっていう問題で頭いっぱい
0579Name_Not_Found
垢版 |
2018/11/14(水) 08:46:54.53ID:???
なぜ悪いと決めつける?自分と考えが違うだけだろう
0580Name_Not_Found
垢版 |
2018/11/14(水) 09:03:06.20ID:???
悪くない言ってんだろ日本語分かんねーのか
0581Name_Not_Found
垢版 |
2018/11/14(水) 09:05:19.92ID:???
世の中には悪い奴がいっぱいいるって書いてあるじゃん
0582Name_Not_Found
垢版 |
2018/11/14(水) 09:48:13.15ID:???
世の中に悪いヤツがいっぱいいるというのは真実ですよ
0583Name_Not_Found
垢版 |
2018/11/14(水) 10:15:46.80ID:???
でも良い奴だってたくさんいるッ!
そんな世界を滅ぼすなんて間違ってるッ!!
0586Name_Not_Found
垢版 |
2018/11/14(水) 21:35:07.61ID:???
いい奴も悪い奴も主観だからね
0587Name_Not_Found
垢版 |
2018/11/14(水) 22:26:27.97ID:???
非同期の promise とか then とかがよくわからないんだけど
書けるのは書けるけど人のかいた非同期コードが全く読めない
わかりやすい解説サイトとかないですか
0588Name_Not_Found
垢版 |
2018/11/15(木) 01:07:46.39ID:???
callback を登録しているだけ

すぐに実行されない。
後から実行されるというだけ
0589Name_Not_Found
垢版 |
2018/11/15(木) 01:18:56.13ID:???
>>587
初心者が書いたコードはわかりにくいからねw
Promise使ってるのに、なぜかネストしていたり

Promiseを使ったコードはリファクタリングしていくと最終的にこんな感じになる
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に変換される) をつなげていく
0590Name_Not_Found
垢版 |
2018/11/15(木) 01:56:49.22ID:???
>>589
こうかくためにはdoSomethingにPromiseを返す関数を実行するプロミスを返す関数を実行するプロミスを…
って定義しなきゃいえないんじゃないの?
0591Name_Not_Found
垢版 |
2018/11/15(木) 02:21:15.41ID:???
>>590
意味がわからん

最初の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は複雑になりがち
0592Name_Not_Found
垢版 |
2018/11/15(木) 20:43:16.76ID:???
非同期関数 A B C があって A B は並列で両方おわったら C ってどうかけばいいの?

async () => {
await () => { A(); B(); }();
}().then(() => C());

みたいなかんじ?
0594Name_Not_Found
垢版 |
2018/11/15(木) 23:00:01.46ID:???
そうやって難しいことばっかりでてくるし
fork と join だけでいいのに…
0595Name_Not_Found
垢版 |
2018/11/16(金) 01:33:52.01ID:???
forkとjoin型のマルチスレッドはマジ勘弁…二度とやりたくない
どう見てもPromiseのが簡単だわ。
難しいと感じてるのってお前が今Promise知らないから、それだけじゃん。
Promiseも覚えてから評価してよ。
0596Name_Not_Found
垢版 |
2018/11/16(金) 01:47:30.30ID:???
A, B, Cがasync関数なら

await Promise.all([A(), B()]);
await C();

で終わりじゃん
forkとかjoinとかアホなの?
0597Name_Not_Found
垢版 |
2018/11/16(金) 02:04:43.96ID:???
async関数なら、というよりPromise返す関数なら、だな。
明示的にPromise返すならasyncいらない。async付けると暗黙でPromise返すようにしてくれるってだけなので。
0598Name_Not_Found
垢版 |
2018/11/16(金) 06:07:37.56ID:???
思考が逆
awaitやPromise.all時に対象の関数がPromiseを返すかどうか気にする必要はない
0600Name_Not_Found
垢版 |
2018/11/16(金) 06:32:41.33ID:???
そもそも、Promiseの時点で、対象の関数が
Promiseを返すかどうか気にする必要はない(>>591 参照)

awaitはPromiseのシンタックスシュガーなので、
機能や仕組みそのものは同じ。
書き方がシンプルになったというだけ
0601Name_Not_Found
垢版 |
2018/11/16(金) 06:35:14.12ID:???
>>599
async、awaitでPromise書かなくて良くなったのかと思ったら、
Promise.all的なことは、Promiseを直接使わないとできないのか
0602Name_Not_Found
垢版 |
2018/11/16(金) 06:38:24.67ID:???
>>601
配列管理すれば、Promise.allを使わずとも出来ると思うが
0603Name_Not_Found
垢版 |
2018/11/16(金) 06:50:28.17ID:???
Promise.allを自分で実装すればってことでしょ?
0604Name_Not_Found
垢版 |
2018/11/16(金) 06:52:49.40ID:???
>>603
そりゃ、そうだ
むしろ、お前は async, awaitを何だと思ってるんだ?
0605Name_Not_Found
垢版 |
2018/11/16(金) 07:24:37.63ID:???
>>604の「async、awaitでPromise書かなくて良くなったのかと思ったら」が答えなんだろうけど、その結論に至るまでの考えが全く書かれてないね
0606Name_Not_Found
垢版 |
2018/11/16(金) 11:36:58.33ID:???
難しすぎる…

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 でわかりやすくかけるの?
0607Name_Not_Found
垢版 |
2018/11/16(金) 12:27:02.65ID:???
>>606
難しく感じるのはそれ以前の部分に問題があるんだよ
見なくていい部分は見なくて良いように関数にする
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,
 })
}
0608Name_Not_Found
垢版 |
2018/11/16(金) 12:27:35.98ID:???
// 第二段階(requestはrequestsに変更した)
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通信に失敗しました");
});
0609Name_Not_Found
垢版 |
2018/11/16(金) 12:37:21.03ID:???
>>606
最近のjQueryはDOM操作ライブラリ回帰でajaxも互換性のために残してるけどメンテナンスモードだろ。slimビルドでは削除されてる。
無理に$.ajax使ってないで専用ライブラリ使いなよ。
0610Name_Not_Found
垢版 |
2018/11/16(金) 15:23:35.10ID:???
FetchのPolifill入れるぐらいなら
jQuery使うだろ
0611Name_Not_Found
垢版 |
2018/11/16(金) 16:05:36.44ID:???
Promise.all([f, g]) って
$.when.apply($, [f, g])
とおなじ?

どのメソッドが何かえすのかぜんぜんわからん
0612Name_Not_Found
垢版 |
2018/11/16(金) 16:16:02.72ID:???
>>610
fetchのポリフィルは俺も使わないよ。
俺はrequest-promise好きだがだいたいの人はaxiosかsuperagentじゃね
0613Name_Not_Found
垢版 |
2018/11/16(金) 17:22:09.52ID:???
>>607,608
余計難しくなった…

関数を返すとか登録するとかなしに sync await だけでかけないの?
0614Name_Not_Found
垢版 |
2018/11/16(金) 17:37:36.34ID:???
すみません
便乗で質問なのですが

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 で取得したデータをメソッドの外で使うにはどうかいたらいいんでしょうか
0615Name_Not_Found
垢版 |
2018/11/16(金) 17:50:23.82ID:???
固定回数の並列ならメソッド登録なしでかけるけど
可変個のループで並列化するならどうやっても Deffered なり Promise なりでメソッド登録しなきゃかけないんじゃないかな
0616Name_Not_Found
垢版 |
2018/11/16(金) 18:45:23.52ID:???
その前に文法めちゃくちゃだな
0617Name_Not_Found
垢版 |
2018/11/16(金) 20:35:17.02ID:???
>>613
ちょっと待てよお前>>607,608なんてわざわざループでリクエスト作るとかアホじゃねってだけでasync/awaitに書き換えられてなんかねぇだろ
頭使えよ
0618Name_Not_Found
垢版 |
2018/11/16(金) 21:23:56.17ID:???
>>606が「難しすぎる」と思うなら、何を書いても「難しすぎる」と思うよ
一つ一つのコードは理解出来るけど、まとまると分からないなら読解力の問題
一つ一つのコードすら分からないなら勉強不足
0619Name_Not_Found
垢版 |
2018/11/16(金) 23:34:49.13ID:???
fork join を先に覚えてたから自分もなれるのに苦労したわ
要はおわったら次っていう関数を登録するってだけなんだけどね
0620Name_Not_Found
垢版 |
2018/11/17(土) 01:05:52.42ID:???
Promise はメソッドチェーンできる、jQuery Object と同じ。
fork・join は面倒

Vue.js をベースとしたフレームワークの、Nuxt.js では、
非同期処理に、axios を使っている
0621Name_Not_Found
垢版 |
2018/11/17(土) 01:27:32.53ID:???
とりあえずラフにfetch(というかpromise/async/await)で書いてみた

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("非同期通信に失敗しました");
}
0622Name_Not_Found
垢版 |
2018/11/17(土) 02:05:58.87ID:???
こないだJSスレでfetchはIEで動かないからゴミうんぬんみたいな話題あったな
0623Name_Not_Found
垢版 |
2018/11/17(土) 03:36:21.83ID:???
IEを使っているやつは客じゃない
ライブラリを使って手間を減らすよりも100ミリ秒でも速いほうが重要。
客も遅くなるぐらいなら使えないほうがマシだろう
0624Name_Not_Found
垢版 |
2018/11/17(土) 09:35:16.13ID:???
官庁系のクライアントだといまだにIE+JSでオフってのがわりとあるんだよ
0626Name_Not_Found
垢版 |
2018/11/17(土) 10:46:41.83ID:???
日本国内ではIE対応は必須
0627Name_Not_Found
垢版 |
2018/11/17(土) 12:32:19.56ID:???
だからそういう輩は俺の客じゃない
0628Name_Not_Found
垢版 |
2018/11/17(土) 12:38:09.63ID:???
IE対応って、そんな変わったことしなければ文字くらい見れるだろ
そこをライブラリなんかでモダンブラウザと同様に動かそうとするやつはアホ
IE自体のパフォーマンスも低いし、マシンもそうである確率が高いんだから
俺はいつもそういうこと言う奴にはこの喩えをしてる

夏休み家族で海水浴とか登山に行きたいと思ったとき、
寝たきりのお爺さんも無理やり連れていって同じ体験させますか、と
写真見せるだけでも十分喜んでくれるのではないですか、と

直近ではTLS1.2の話もあるしIE11以外対応することはなくなった
0629Name_Not_Found
垢版 |
2018/11/17(土) 13:06:00.54ID:???
昔と違って新しいことができるようになったウェブで
20年前と変わらずHTMLでしこしこホームページを作るのは間抜け
そういうのはプロの仕事ではない

Canvasを使って3Dレンダリングしたり
WebAssemblyでゲームを作ろうとは思わないのか?

WebAssemblyはすでにモダンブラウザに搭載されている
新しい作品を作ろうという意欲のないやつは最先端からおいていかれるぞ
俺は今昔作った同人ゲームの移植をしている
0630Name_Not_Found
垢版 |
2018/11/17(土) 13:13:54.05ID:???
>>628
> 夏休み家族で海水浴とか登山に行きたいと思ったとき、
> 寝たきりのお爺さんも無理やり連れていって同じ体験させますか、と
> 写真見せるだけでも十分喜んでくれるのではないですか、と

お前は本人にそれで十分だって聞いたのか?
聞いたとしても遠慮してるかもしれないだろ

お前は寝たきりになったとき、少し頑張ればかわいい孫と海水浴や登山に一緒に行けるのに
赤の他人に「無理無理、写真見せて満足させとけ」と言われて納得するんか?

本当にお前は、自・分・勝・手 だな

最後まで人生を楽しむ

https://gendai.ismedia.jp/articles/-/45510
> 「この施設には40人ほどのお年寄りが暮らしています。8割以上が認知症を患っていますが、
> 寝たきりになっている人は一人もいません。自分の力で起き上がれない人でも、
> 毎朝必ずスタッフが手伝って車椅子に乗せます。そして食堂で一緒に食事を楽しむのです」

> 「ここでは、何より本人の意思が一番に尊重されます。散歩に出るのでも普通は誰かが付き添いますが、
> どうしても一人で散歩したいという人がいれば、家族の同意のもと、GPS付きの携帯を持たせて
> 出かけるのを許可します。それで本人が事故に遭ったとしてもあくまで自己責任なので、施設の責任が問われることはありません。

> もちろん、ベッドにしばりつけるようなこともありません。私たちが行うのは介護であって拷問ではないのですから。
> アルコールを飲みたいという人には、よほど健康上の理由がない限り、飲ませます。
> 最後まで人生を楽しめるように助けるのが、私たちの仕事なんです」(ヨハンソンさん)
0631Name_Not_Found
垢版 |
2018/11/17(土) 13:30:36.08ID:???
IE11もモダンブラウザだよ
0632Name_Not_Found
垢版 |
2018/11/17(土) 13:51:24.97ID:???
寝たきりは、寝たきりにすることでますます悪化するってことを知ってる人には、
>>628の説明は、何も響かないどころか逆効果だな
0633Name_Not_Found
垢版 |
2018/11/17(土) 16:31:10.45ID:???
「連れていきますけど?」
0634Name_Not_Found
垢版 |
2018/11/17(土) 23:27:48.30ID:???
IEに対応できないとか工数がかかるとか無能だって自白してるようなもん
IE使ってるようなクライアントこそ金払いもいいんだよな
0635Name_Not_Found
垢版 |
2018/11/18(日) 09:13:11.91ID:???
HTML内から外部jsの関数実行
または
2つの外部jsで、片方から片方の関数実行
はどうやるのでしょうか?

■HTML
<label><input type="checkbox" id="chk">チェック</label>
<p id="res"></p>

<script src="jquery-*.*.*.min.js"></script>
<script src="ex_js_1.js"></script>
<script> //※
$(function(){
 initChk();  //ReferenceError: initChk is not defined
});
</script>

-----
※またはここを↓としたい
<script src="ex_js_2.js"></script>
0636Name_Not_Found
垢版 |
2018/11/18(日) 09:13:37.18ID:???
■ex_js_1.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
});
0637Name_Not_Found
垢版 |
2018/11/18(日) 09:20:37.10ID:???
intChkは関数内で定義されてるから外からは見えないよ
0638Name_Not_Found
垢版 |
2018/11/18(日) 10:14:53.50ID:???
initChk = function(){
 $('#chk').prop('checked', false);
 $('#res').text('初期');
};

とvarなしならエラーなしでできましたがこれはしたくないです
何かいい方法ないでしょうか?
0640Name_Not_Found
垢版 |
2018/11/18(日) 10:43:35.17ID:???
>>635
やり方はあるんだが、そんなことをするのが間違ってる気がする
それをまず聞きたいね
0642Name_Not_Found
垢版 |
2018/11/18(日) 11:45:08.29ID:???
function 定義は $(function() からだせばいいだけじゃない

$(function() はJSがヘッダにかかれたときにDOMが生成されるより前に実行されると
$("#id") みたいに指定したものが存在しないから
HTML が生成しおわってから実行するためにつけるもので
function 定義自体はほかから呼ばれない限り即時定義して問題ない

なので他で使いたい関数定義義は $(function の外にだすのが普通
($(function の中でしか使わないプライベートメソッドはグローバル汚染しないために中におくこともある)
0643640
垢版 |
2018/11/18(日) 12:33:14.23ID:???
なんか質問者が俺の疑問に答える前に変な流れに
なりそうだから先に書いておくわ

モジュール間の依存性を高めることなく連携させたいなら
jQueryの機能のカスタムイベントを使えば良い

関数をグローバルに定義する必要も
importも使う必要もない

だがそもそも>>636のようなことをするのがおかしい
0644Name_Not_Found
垢版 |
2018/11/18(日) 13:31:28.90ID:???
>>641
すみません、後々jQueryがらみかなと

>>642
$(function()は理解してましたが中に書くほうがいい気がしまして
それが普通とあれば解決です
詳しくありがとう

よくわかりました
0645Name_Not_Found
垢版 |
2018/11/18(日) 13:55:38.32ID:???
スコープの勉強した方がいい
0649Name_Not_Found
垢版 |
2018/11/18(日) 14:35:20.94ID:???
>>648
関数内で定義された関数を外部から呼び出す方法を知りたいって質問に
そんなことするのは間違ってる、おかしいなんてのが答えになってるのかね
勝手に問題を変えちゃいかんだろう
0650Name_Not_Found
垢版 |
2018/11/18(日) 14:38:49.17ID:???
>>649
何いってんの? イベント使えばできるし
そもそもそんなことをする必要はないって話だろ

外部から呼び出すのが間違ってるんじゃなくて
その必要がないだろって話をしてる
0651Name_Not_Found
垢版 |
2018/11/18(日) 14:39:29.51ID:???
だいたい関数内で定義された関数を外部から呼び出す方法を知りたいって質問に
関数を外部に出せばいいっていうのは、勝手に問題を変えてることになる
0652Name_Not_Found
垢版 |
2018/11/18(日) 14:44:24.92ID:???
>>651
君はそんな回答してないじゃん
642はそういう回答しているが
0653Name_Not_Found
垢版 |
2018/11/18(日) 14:48:45.75ID:???
>>652
だから回答の前に、なんでそんなことをしたいのか聞いたんだが?
話の邪魔するなら消えろよ

モジュールの依存性を減らすには、グローバル関数に
しないほうが良いしそのやり方もある。
もっといいやり方があるんだが、そのためには
何故そうしたいのかの理由がわからないことには適切な答えは出せない

だめなやり方しか知らないなら、他人にとって害にしかならないから
答えないでくれないかな
0654Name_Not_Found
垢版 |
2018/11/18(日) 14:51:05.23ID:???
jQueryの機能のカスタムイベントと言っても
関数が外部ファイルで独自イベント起こす方がhtmlからじゃ
結局質問と同じことにならないか?
0656Name_Not_Found
垢版 |
2018/11/18(日) 14:53:26.30ID:???
>>653
635と636の質問内容から飛躍しすぎじゃないの?
スコープが分ってればそんな質問も出なかったと思ったんだけど?
何そんなに怒ってんのよ?
0657Name_Not_Found
垢版 |
2018/11/18(日) 14:56:56.99ID:???
怒ってないが? jQueryを使ったもっといいやり方があるから
その話をするじゃまをするなと言ってる
0658Name_Not_Found
垢版 |
2018/11/18(日) 15:04:50.82ID:???
いやスコープはわかってるが外は望ましくない(と思ってた)からいい方法ないか?
という話だぞ

なんでそんなことをしたいのかは聞かなければならないことなのか?
すでに答えてる人いるし
0659Name_Not_Found
垢版 |
2018/11/18(日) 15:07:24.43ID:???
>>658
スコープがわってたらあんな質問するわけねーじゃんw
0660Name_Not_Found
垢版 |
2018/11/18(日) 15:09:45.39ID:???
>>657
ならそれを書けばいいのに何もったいぶってるのかな
質問時点でコードも書かれてるのだからある程度意図はわかるだろうに

その点>>642はさすが、先ず解決に至ってる
別な方法はまたそれで示せばいい
0661Name_Not_Found
垢版 |
2018/11/18(日) 15:13:00.57ID:???
赤の他人がワーワー言った所でなんの役にも立たんわw

ただjQueryを使ったもっといい方法があるということだけはここに残しておこう
俺のレスを見てるはずなのに無視してるってことは、
何か(良からぬ)意図があってその話題をしてる可能性があるからな
0663Name_Not_Found
垢版 |
2018/11/18(日) 15:52:39.68ID:???
>>640,643
今回はソースを全部質問者が用意してるんだからいとも何もかもソースよめばわかるだろ
だから単に回答をかいてあげればよかっただけなのに
上から目線で否定だけするならスレチだから消えてくれ

>>640でまずそれをききたいって何をききたいのかさっぱりわからんし
日本語不自由かよ
0664Name_Not_Found
垢版 |
2018/11/18(日) 16:10:44.17ID:???
質問者のソースの場合は initCheck が $('#chk') ってチェックボックスにからむイベントだから
>>638 でもいうようにグローバルにする必要はなく
「ここならエラーなし」の場所にかくほうがきれいだけど

それとは別に一般論として
「HTML内から外部jsの関数実行
または
2つの外部jsで、片方から片方の関数実行
はどうやるのでしょうか?」

に対しては >>642 と回答するしかない
0665Name_Not_Found
垢版 |
2018/11/18(日) 16:20:43.19ID:???
$(function() から出すという修正がOKなら
イベントを使ってやり取りするって手もあるだろ
0666Name_Not_Found
垢版 |
2018/11/18(日) 16:34:55.13ID:???
質問の意図を理解して順序立てて説明すればね
いきなり「そんなやり方間違ってるjQuery使え」ってアホかと
0667Name_Not_Found
垢版 |
2018/11/18(日) 16:45:19.54ID:???
>>665
ソースかいてやればいいのにそれだけいってもわかるわけ無いだろ
質問者のレベルにあわせて回答してやれよキチガイ
0668Name_Not_Found
垢版 |
2018/11/18(日) 16:46:14.05ID:???
だから質問者が来るのを待ってると言ってるんだが
0669Name_Not_Found
垢版 |
2018/11/18(日) 16:47:31.20ID:???
無視されてる時点であいてにされてないか理解できてないってのもわからにアスペ
0670Name_Not_Found
垢版 |
2018/11/18(日) 16:50:33.53ID:???
開発の会話をきいてるだけで中途半端な知識だけあってコードかいたことがない営業みたい
0671Name_Not_Found
垢版 |
2018/11/18(日) 17:04:05.95ID:???
chrome 拡張機能で jQuery を動かして
ブラウザゲームの特定の表示がでたらデータを抽出(とりあえず localStorage にでも保存)したいんですけど

$('#result').on('load', () => {
console.log("event start");
});

とかいてもなぜか実行されません
はじめから HTML にかかれてるわけじゃなく動的に生成されるHTM:Lだからな気がするんですが
#result って要素が動的に生成されたときに何かを実行するってどうかけばいいんでしょうか
0672Name_Not_Found
垢版 |
2018/11/18(日) 17:16:04.75ID:???
最初からある要素にデリゲート
0673Name_Not_Found
垢版 |
2018/11/18(日) 17:37:31.20ID:???
>>672
ありがとうございます

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 だとダメなのでしょうか
0674Name_Not_Found
垢版 |
2018/11/18(日) 17:49:18.43ID:???
>>672
んー delegate の説明を読むと
デフォルトで $document だったものの範囲を制限できるってだけで
別に後から生成されたものにイベントがセットできるだけではない気がするのですが…
本当に delegate だけで load されるようになるんでしょうか…
0675Name_Not_Found
垢版 |
2018/11/18(日) 17:51:05.58ID:???
要素タブは現在のDOM構造だからソースタブで最初からあるかどうか見なよ。
あとメソッド名はonのままでいいよ。delegateの機能はonに集約された。
0676Name_Not_Found
垢版 |
2018/11/18(日) 17:59:51.15ID:???
>>671,673-674
delegate 案内している人のそれはミスリードだから無視しなさい
要素ノードが生成されても、loadイベントなど発生しないし、loadイベントはバブリングしない
彼が勝手に誤解しているだけだから参考には値しない

君が必要としているのは、MutationObserver
https://developer.mozilla.org/ja/docs/Web/API/MutationObserver
0678Name_Not_Found
垢版 |
2018/11/18(日) 20:11:45.45ID:???
>>677
Chrome拡張機能でjQueryに拘る理由ある?
0679Name_Not_Found
垢版 |
2018/11/18(日) 20:13:56.25ID:???
出来ないってことですね分かりました。
0680Name_Not_Found
垢版 |
2018/11/18(日) 20:15:41.87ID:???
こういう思い込みが激しいところが学習が進まない理由なんだろうな
0681Name_Not_Found
垢版 |
2018/11/18(日) 20:21:28.75ID:???
他所で「jQueryにはMutationObserverがないと聞いたのですが」で質問するタイプっぽい
0682Name_Not_Found
垢版 |
2018/11/18(日) 20:44:33.94ID:???
>>681
そこでjQueryでの書き方を教えて貰って、「もう5chは信用しません」と憤慨するところまで読めた
0683Name_Not_Found
垢版 |
2018/11/18(日) 21:36:49.33ID:???
>>676
いろいろ試したけどうまく動かない

サンプルコードほぼそのままで外側の content とか warapper とか動かなさそうなのあったので
指定してもダメで document ぜんたいにしてもダメなんですよね
直下の要素が変化したときしかイベントはとんでこないんでしょうか
chrome 開発ツール眺めてるとアニメーションごとに DOM ころころかわって(紫色になる)んですが…

target がまだ生成されてないせいかと思って $(() => {}) でかこってみたりもしたけど
1回も 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();
});
0684Name_Not_Found
垢版 |
2018/11/18(日) 21:40:13.90ID:???
ついでに質問なんですけど javascript って slepp みたいなのないんでしょうか

>>676 のページの情報だけだとイベントで取得するのは自分には無理そうなので
setTimer 使ってよむのを遅らせれば enemy-info のDOMがとれるので
1 秒おきぐらいにループで DOM をみはって情報を得ようかなとも考えてるところです
0685Name_Not_Found
垢版 |
2018/11/18(日) 22:20:00.09ID:???
サンプル通りにobserveしたすぐ後にdisconnectしちゃったら監視も糞もないし
childList: trueだけではtargetに対して追加されたものだけを監視するのでsubtree: trueも必要

あとありがちなMutationObserverのハマリどころとしては
先にdocument fragmentを作ってからDOMツリーに追加されてる場合はMutationRecord.addedNodesには直にDOMツリーに追加した頭の要素のみが列挙される点
0686Name_Not_Found
垢版 |
2018/11/18(日) 22:27:32.87ID:???
あ subtree は true にしてました
かきわすれです

>サンプル通りにobserveしたすぐ後にdisconnectしちゃったら監視も糞もない
なるほど!
天才です!
動きました!!!
0687Name_Not_Found
垢版 |
2018/11/18(日) 22:35:14.87ID:???
コードをコピペするだけで説明は全く読んでないだろ
質問しても、アドバイス通りに対応するだけで中身を理解しようとしないから、そうなるんだ…
0688Name_Not_Found
垢版 |
2018/11/18(日) 22:37:53.83ID:???
すいません…

とりあえず一言動いてくれたらそれから
オプションいろいろ変更してみて使い方おぼて行きたかったんですけど
1回も動かなかったので…

サンプルコードに終了コードはコメントアウトしててほしかった…
まずはコピペで動く状態にしてほしくないですか?
0690Name_Not_Found
垢版 |
2018/11/18(日) 23:42:22.49ID:???
>>688
>>676のリンク先にdisconnect()の説明が載ってるから、それで分かるだろ
説明を読みたがらないコピペプログラマの自己勝手な都合にしか見えんぞ
0691Name_Not_Found
垢版 |
2018/11/18(日) 23:46:00.67ID:???
>>684
const sleep = time => new Promise(resolve => {
setTimeout(resolve, time);
});

console.log('4秒後にうんこと叫びたい…');
await sleep(4000);
console.log('うんこ!!');
0693Name_Not_Found
垢版 |
2018/11/19(月) 03:01:21.11ID:???
Ruby で、Nokogiri, Selenium WebDriver で、ブラウザを自動操作しているけど、
たぶん、その要素が現れるまで待つこともできる

タイムアウトも設定できる
0694Name_Not_Found
垢版 |
2018/11/19(月) 09:14:57.70ID:???
SeleniumはJava製。
公式ドライバーもJava
コミュニティ製の各言語バイントはRubyのドライバーよりNodeのドライバーのほうがよくメンテされている。

まあNodeならSeleniumなんて列車砲持ち出さなくてもPupetteerでらくらく家財宅急便だけとなwww

しかし↓の記事読むとRubyもやるじゃんと思ってしまった。

世界最大のソフトウェア開発プラットフォームで最も人気なプログラミング言語は何なのか?
https://gigazine.net/news/20181116-top-programming-languages-2018/
0695Name_Not_Found
垢版 |
2018/11/19(月) 10:29:01.09ID:IhOqOzLs
質問です
text()で取得した内容を判断して処理したいのですが
濁点、半濁点等が入っていると上手く動きません

よろしければご教授下さい。

html

<p id="hoge">ガギグゲゴ</p>

script

hogegoge = $('#hoge').text();
if(hogegog == ガギグゲゴ){
 処理 ←ここの処理に行かない
}else{
 処理 ←こっちらが処理される
}
0696Name_Not_Found
垢版 |
2018/11/19(月) 10:31:22.79ID:IhOqOzLs
>>695です
先のはスプリクト間違いです
実際はこちらのスプリクトです。

html

<p id="hoge">ガギグゲゴ</p>

script

hogehoge = $('#hoge').text();
if(hogehoge == ガギグゲゴ){
 処理 ←ここの処理に行かない
}else{
 処理 ←こっちらが処理される
}
0697Name_Not_Found
垢版 |
2018/11/19(月) 10:41:06.95ID:???
「ガギグゲゴ」は本当に「ガギグゲゴ」なんでしょうか?
0698Name_Not_Found
垢版 |
2018/11/19(月) 10:54:23.10ID:???
'ガギグゲゴ' 又は
"ガギグゲゴ" 又は
`ガギグゲゴ`
0700Name_Not_Found
垢版 |
2018/11/19(月) 11:04:32.00ID:IhOqOzLs
>>697 「ガギグゲゴ」は本当に「ガギグゲゴ」なんでしょうか?
とはどういうことでしょうか?

>>698
ガギグゲゴ部分は囲ってありました
すいません。
if(hogehoge == 'ガギグゲゴ'){
0701Name_Not_Found
垢版 |
2018/11/19(月) 11:19:14.04ID:???
ガギグゲゴの前後に空白文字が入ってる
「ガ」ではなくて「カ」+濁点だった
0702Name_Not_Found
垢版 |
2018/11/19(月) 11:26:21.55ID:IhOqOzLs
>>701
濁点が分離していました。
エディターが勝手にまとめていたみたいです。
ありがとうございました。
0703Name_Not_Found
垢版 |
2018/11/19(月) 23:11:21.77ID:???
>>664
jQueryの人勘違いしてたっぽいな
今度はphp使ってと言い出してる
0704Name_Not_Found
垢版 |
2018/11/19(月) 23:38:56.07ID:???
だから探ってたんだろ
答えもせず否定から入って不自然だった
0705Name_Not_Found
垢版 |
2018/11/20(火) 00:39:27.63ID:???
>>703
誰と勘違いしてるんだ?
俺はPHPの話なんかしてねぇよ
0706Name_Not_Found
垢版 |
2018/11/20(火) 01:47:36.72ID:???
>>695-702
結合文字列は「カ」+濁点で、合成文字は「ガ」

Mac だけは、デフォルトで結合文字列なので要注意!
0707Name_Not_Found
垢版 |
2018/11/20(火) 02:27:40.98ID:???
NFDの独自拡張とかいう聳え立つクソ
0708Name_Not_Found
垢版 |
2018/11/20(火) 06:30:04.82ID:???
文字列の比較はtrimなどをした後normalize関数を通すのが常識
横着してそのまま比較しちゃそりゃうまくいかないよ
0709Name_Not_Found
垢版 |
2018/11/20(火) 06:46:22.53ID:???
それだと違う文字に一致するだろ
0711Name_Not_Found
垢版 |
2018/11/20(火) 11:11:15.27ID:???
違う文字と一致しないといけないってケースじゃん
0713Name_Not_Found
垢版 |
2018/11/20(火) 23:09:11.21ID:???
日中韓でnormalize すると、別の文字に変わるものがあるから、危険と聞いたが?
0714713
垢版 |
2018/11/20(火) 23:10:46.49ID:???
異字体・旧字体とか
0715Name_Not_Found
垢版 |
2018/11/20(火) 23:23:52.07ID:???
おまえら常識を疑うつもりか!!
0717Name_Not_Found
垢版 |
2018/11/20(火) 23:43:29.87ID:???
バカの常識世間の非常識
0718Name_Not_Found
垢版 |
2018/11/21(水) 07:05:43.14ID:???
ここまで結合文字列の注意対策方法バカ以外に無し
0719Name_Not_Found
垢版 |
2018/11/25(日) 09:00:45.84ID:???
if( str.match() )とかで指定文字列があるかどうかを確かめてからそれをreplace()するのって意味ないですか?
文字列を2回探させるぶんムダな処理をさせてしまうことになる…?
それなら最初からreplace()だけのほうがいいですか?
0721Name_Not_Found
垢版 |
2018/11/25(日) 11:12:50.08ID:???
世の中無駄な処理ばかりだからどっちでもいい
他人に無駄と言われようがどうせソースなんか見ない
そんなことより何かを実現させるほうを先にやるんだ
バグなんかどんなアプリにも存在する
世界はクソコードで動いている
0722Name_Not_Found
垢版 |
2018/11/25(日) 12:14:43.81ID:???
大抵の場合、書いたコードを見るのは自分自身なんだ
そのためにできるだけメンテしやすく書いておくだけなんだよ
0723Name_Not_Found
垢版 |
2018/11/26(月) 06:49:21.87ID:???
実際のところメンテナンスのしやすさは簡単な話ではない。
極力シンプルなほうが良いのか、思考したままの情報が多い方が良いのか。
そういうことを考えることが時間の無駄。
自然と思いつくまま書くのが最も生産性が高い。
あえてメンテナンスしにくいように書くやつはいないから、
それでも自分にとっては十分なコードになる。
0724Name_Not_Found
垢版 |
2018/11/26(月) 08:49:17.73ID:???
自分自身も変わり続けるからねぇ
0725Name_Not_Found
垢版 |
2018/11/26(月) 09:04:55.70ID:???
自分のことだけなら、何も考える必要はないだろうな
0726Name_Not_Found
垢版 |
2018/11/26(月) 11:07:38.93ID:???
>>723
そこにコードがあるからメンテナンスしなきゃいけないんだよ。
コードがなければ(少なければ)メンテナンスするものも少なくなる

それだけははっきりしてるんだから
書き方でどうこう言う前に、まず書くコードを減らすこと優先すれば良い
0727Name_Not_Found
垢版 |
2018/11/26(月) 19:17:21.27ID:???
3ヶ月前の自分の書いたコード見てぶん殴りたくなる事もある
0728Name_Not_Found
垢版 |
2018/11/26(月) 19:18:59.35ID:???
それだけ成長してるってことやね
期間置いてもスムーズにコードを書けるなら、それはよくやったと自分をhomeてあげていいと思う
0730Name_Not_Found
垢版 |
2018/11/26(月) 21:26:36.48ID:iXoFbA7t
どうにも解決できなくて困っております( ;´Д`)エロい人お願いします。
Animate.cssを実行するJクエリ、たとえばwaypointsやScrollTriggerなどで作成したスクロールで可視範囲になってから動くアニメーションがmacOSのSafariだけで動かなかったり、動いても目的のアニメーションが実現しないのはなぜですか。他のブラウザはOKなのに
0732Name_Not_Found
垢版 |
2018/11/26(月) 21:36:26.50ID:???
safari css のサジェストが酷いな
反映されない、崩れる、バグなどお祭り状態だ
0733Name_Not_Found
垢版 |
2018/11/27(火) 01:28:48.20ID:???
漏れは、WEB+DB 106号に載っている、web-animations-js というポリフィルを使ってみたけど、
Edge では対応していなかった

Safari でも動くのは、Technology Preview 版だけかも
0734Name_Not_Found
垢版 |
2018/12/01(土) 10:10:00.92ID:???
無名関数の
funciton(){}
が長いので
f(){}
みたいに書ければと思ったのですが、

f = funciton();

のようなことはできますか?
0735Name_Not_Found
垢版 |
2018/12/01(土) 16:42:11.11ID:???
それは出来ない。
()=>{}
とか
_=>{}
とかで我慢できんか?
0736Name_Not_Found
垢版 |
2018/12/01(土) 17:11:28.57ID:???
言語宗教脳があると辛いらしい
0738Name_Not_Found
垢版 |
2018/12/01(土) 17:29:39.32ID:???
>>735
こんな書き方があったのですね、ありがとうございます

即時関数にするとこうですね
(()=>{
alert('aaa');
})()
気持ち悪いですね
0740Name_Not_Found
垢版 |
2018/12/01(土) 17:52:16.85ID:???
いまどき即時関数とか使う場面なくないか?
0741Name_Not_Found
垢版 |
2018/12/01(土) 17:54:56.14ID:???
少なくともアロー関数で即時関数はやる場面ないな
0742Name_Not_Found
垢版 |
2018/12/01(土) 18:26:13.75ID:???
アロー関数使えるってことはletやconst使えるってことだもんな…
0744Name_Not_Found
垢版 |
2018/12/01(土) 18:43:52.94ID:???
あれスラッシュって2つ続けても問題なく解決できるのか
0745Name_Not_Found
垢版 |
2018/12/01(土) 19:01:51.05ID:???
みんな当たり前のようにanguler, react, vue使えるもんなの?
0746Name_Not_Found
垢版 |
2018/12/01(土) 20:10:24.31ID:???
テーブルって真横の値(とあるtdの一つ前or次のtd)は簡単に取得できるけど
真上や真下の値は簡単に取得する方法ある?
0748737
垢版 |
2018/12/01(土) 21:02:33.71ID:???
Bourne ShellのソースだとURLから分かって貰えない悲しみ
0749Name_Not_Found
垢版 |
2018/12/02(日) 13:33:58.34ID:???
>>746
とあるセルの周囲のセルが1つとは限らないだろう
そこはどうするつもりなんだ?
0750Name_Not_Found
垢版 |
2018/12/02(日) 17:33:26.45ID:???
react超めんどくさい……
0751Name_Not_Found
垢版 |
2018/12/02(日) 17:36:14.87ID:???
reactとreduxでログインページ作るのに20ファイルも必要とかww
はぁ
0753Name_Not_Found
垢版 |
2018/12/03(月) 08:34:07.68ID:???
>>751
な?バカみたいだろ?
reactとか、JavaScriptに完全に依存したサイトで
すでにJavaScriptファイルが数十個作られています
みたいな状況を解決するものであって、
HTMLメインのサイトではただ面倒になるだけなんだよ
0754Name_Not_Found
垢版 |
2018/12/03(月) 09:15:44.56ID:???
それは当たり前だろ。
必要の無いものを無理に使っては絶対にダメ。
js無しで済むならそれが一番軽いし速いんだから。
0755Name_Not_Found
垢版 |
2018/12/03(月) 16:56:41.41ID:???
>>753
jsファイルが数十個なんてサイトは作り直しだな
あとhtmlメインサイトをこのスレで出しても無意味
0756Name_Not_Found
垢版 |
2018/12/03(月) 21:13:29.74ID:???
Extensible Web、Module、HTTP2的には数十個あっても正しい
0757Name_Not_Found
垢版 |
2018/12/04(火) 00:14:18.31ID:???
>>755
無意味ではないね。HTMLメインのサイトで使うのが
JavaScriptの一番多いユースケースだから
0758Name_Not_Found
垢版 |
2018/12/04(火) 02:23:45.91ID:???
普通バンドルまとめるだろ
共通部分別にするにしても数十個とか異常
0759Name_Not_Found
垢版 |
2018/12/04(火) 07:05:54.25ID:???
1モジュール1000行未満で切り分けていけば
そこそこのWebアプリなら数十モジュールくらいいく
おかしくはない
0760Name_Not_Found
垢版 |
2018/12/04(火) 08:42:08.39ID:???
普通バンドルまとめるだろ
共通部分別にするにしても数十個とか異常
0761Name_Not_Found
垢版 |
2018/12/04(火) 12:40:46.32ID:???
まとめない状態の話に決まってるだろ
0762Name_Not_Found
垢版 |
2018/12/04(火) 12:45:02.91ID:???
普通バンドルまとめるだろ
共通部分別にするにしても数十個とか異常
0763Name_Not_Found
垢版 |
2018/12/04(火) 16:44:38.90ID:???
>>762
なんでバンドルにまとめるの?
まとめなかったらどんな問題があるの?
0764Name_Not_Found
垢版 |
2018/12/04(火) 17:18:57.69ID:???
お客様にお待ちいただくことになる
しかしそんなお客様もキャッシュを持ってるから普段は気づかない
要は開発者の傲慢
傲慢を客に押し付けて

「ドヤ!ロードはええだろ!バンドラー使ってるんだぜ!」

たったのこれだけ
0765Name_Not_Found
垢版 |
2018/12/04(火) 17:35:13.93ID:???
まとめると単純にはやくなるわけでもないがな
0766Name_Not_Found
垢版 |
2018/12/04(火) 18:59:58.46ID:???
そうだよね? 2個ぐらいならバンドルにまとめなくても十分早いよね
0768Name_Not_Found
垢版 |
2018/12/04(火) 19:07:50.32ID:???
何個ぐらいからバンドルにまとめるの?
0770Name_Not_Found
垢版 |
2018/12/04(火) 19:35:15.30ID:/YGc9PoV
jQueryに依存しているjsファイルで質問です
htmlのパースを邪魔しないようにjsファイルをどうにかしたいと思います
・document.ready()でscript要素のDOM生成
・bodyの最後に書く
どちらが良いでしょうか

asyncとdeferは前後しまくってバグりまくって手がつけられなかったです
0771Name_Not_Found
垢版 |
2018/12/04(火) 20:49:50.53ID:???
纏めないほうが必要になった時点でモジュールを遅延ロードとかもできるし明らかに早い
0774Name_Not_Found
垢版 |
2018/12/05(水) 01:35:52.65ID:WC+ojC43
質問させてください

<input type="file">
<div id="hoge" style="display:none;">
HOGE
<input type="button id="piyo">
</div>

上記のソースコードで
ファイル選択時にHOGEの枠を表示したい
piyoクリックでHOGEを非表示したいです
よろしくお願いします
0775Name_Not_Found
垢版 |
2018/12/05(水) 15:27:39.04ID:???
<input type="file">
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>
0776774
垢版 |
2018/12/05(水) 16:34:56.55ID:WC+ojC43
>>775
ありがとうございます
しかしながら「押して」ボタンは1度使うともう2度目は使えないですか?
0777Name_Not_Found
垢版 |
2018/12/05(水) 18:10:15.93ID:???
作るなら完璧なものを作れよ
0778775
垢版 |
2018/12/05(水) 18:44:00.35ID:???
ボタンを、div の外に出してみれば?

divの中に入っていると、div内のテキストを上書きすると、ボタンも削除されてしまうから、
この構造を変えるしかない
0779775
垢版 |
2018/12/05(水) 18:53:41.80ID:???
ここを、display none に修正して

>$( "#btn1_wrapper" ).text( "" ); // 空文字列を設定する
$( "#btn1_wrapper" ).css( "display", "none" );

ただし、同じファイルを選択しても、change イベントが発生しないから、
フォルダ内に、ファイルが1つしかない場合に困るかも
0780Name_Not_Found
垢版 |
2018/12/05(水) 20:00:32.54ID:???
>>773
やっぱりbodyの最後が一番ですよね
headから出っるのが気持ち悪いですが、我慢します

今後はjqueryなども全てbodyの終了直前に書くようにします
ありがとうございました
0781774
垢版 |
2018/12/05(水) 21:03:20.03ID:WC+ojC43
>>779
うおおお!ありがとうございます!完璧です!
感謝!
0782775
垢版 |
2018/12/06(木) 13:47:37.31ID:???
<button type="submit" disabled>

本当は、ボタンも消すと言うよりも、
disabled で有効・無効を切り替えたいだけじゃないの?

ボタンが消えるというのは、奇妙な振る舞い

jQueryでフォームのボタンを有効・無効にする
https://uxmilk.jp/40456
0783Name_Not_Found
垢版 |
2018/12/07(金) 06:47:11.77ID:???
ユーザーサポート歴の長い俺から言わせてもらうと
「一度きちんとボタンが押されたから二度押し防止のためにボタンが無効化されてるんだ」
なんて理解できる一般人はよっぽど精通した人だけ
反応がないとあちこち触って投稿中に別のページに遷移したりする人もいる

だからアニメーション画像と共に投稿中であることを表示して
時間がかかっているようなら更にその旨を表示する
完了するまで触るなと表示する
そのくらいはしないと一般人相手には厳しい
0784775
垢版 |
2018/12/07(金) 11:19:24.42ID:???
jQuery UI のモーダル画面のようなものが出て、
ボタンを押したら「押しました」と確認画面が出るようなものが、

うっとおしいけど、わかりやすいのかも
0785Name_Not_Found
垢版 |
2018/12/07(金) 19:26:29.63ID:???
jQueryのバージョンは幾つにしていますか?
wordpressは1.12なのですが、これを使えば良いのでしょうか
0786Name_Not_Found
垢版 |
2018/12/07(金) 21:03:07.61ID:???
そんなの自分で決めれよ
なんで他人に決めてもらわなきゃ何もできないんだ?
0787Name_Not_Found
垢版 |
2018/12/07(金) 21:44:41.94ID:???
>>786
何をイカってるんだ?
失敗談や地雷バージョンを聞いて避ける事が出来るなら、
それに越したことはないだろう

>>785
それで動くならそれで良い
wordpressなら差分のmigrateも入るからバージョンによる差異は起こりにくい
コードを書く時はno.conflictを外さずに
jQuery(function($){ 〜
に書くこと

もし何かプラグインやライブラリが動かないならjQuery3.x入れれば良い
0788Name_Not_Found
垢版 |
2018/12/07(金) 21:52:20.16ID:???
>>787
ありがとうございます!
migrateって?なんですか!?
下のコードもよくわからないのでもっと詳しく教えてください
0789Name_Not_Found
垢版 |
2018/12/07(金) 22:00:26.70ID:???
>>788
>migrate
jQuery1.xと3.xの差を埋める差分

>下のコード
そのままだと$が使えない
・WordPress標準のjQueryを使う場合の書き方
http://primarytext.jp/blog/1298

$()使わずにjQuery()使うならキにしなくてもいいけどね
0790Name_Not_Found
垢版 |
2018/12/07(金) 22:18:24.74ID:???
>>789
差ってどんな差がありますか?
2.xじゃだめでしょうか?
あとリンクありがたいのですが難しいのでもっと初心者にわかりやすいリンクくれると助かります…
0791Name_Not_Found
垢版 |
2018/12/07(金) 23:22:51.51ID:???
>>790
1→3は色々と軽量化、追加・削除された関数等がある
https://qiita.com/fmy/items/345a264a1cf2e2a73f62
1+migrateで3相応の機能になる

2は忘れた。無条件に使わなくて良いバージョンという認識しかない
知りたければ「jquery バージョン 差異」辺りで検索

>あとリンクありがたいのですが難しいのでもっと初心者にわかりやすいリンク
「wordpress jquery $ is not a function」
で検索してくれ
0792Name_Not_Found
垢版 |
2018/12/08(土) 00:31:37.68ID:???
2.x系は最新ブラウザだけに対応すれば良い場合に
古いブラウザの対応を切り捨てたものとして作られたが
結局需要がなくて3.x系で一本化された
0793Name_Not_Found
垢版 |
2018/12/08(土) 00:35:39.29ID:???
>>791
> 1+migrateで3相応の機能になる

逆、3+migrateで、1との互換性が完璧になる
基本的に1系と3系には高い互換性があるが、3は1の時代では必要だったが
今は不要な機能などが削除されてたり機能強化に伴う仕様変更などがある
そういったものを復活させるもの

3系に置き換えて動かなくなったものがあればmigrateを使用して
古いコードを置き換えていくことで、3系に完全対応させる
0794Name_Not_Found
垢版 |
2018/12/08(土) 00:40:09.41ID:???
>>793
スマン、完全に間違ってた
ずーっと間違ってたわ・・・
0795Name_Not_Found
垢版 |
2018/12/08(土) 00:41:06.59ID:???
migrate入れてるけどなんか動かないなぁ、まぁ互換性100%ってわけでもないしって諦めてた
オワタ
0796Name_Not_Found
垢版 |
2018/12/08(土) 09:32:16.26ID:???
普通に使うなら3でいいのかな?

ajax使わないならその部分削除するとすっごい軽くなると聞いたけど名前が思い出せない
vueと合わせて使ってみたい
0797Name_Not_Found
垢版 |
2018/12/08(土) 09:52:00.79ID:???
3でいいよ
ライブラリ複数入れるのはオススメしない。何かあったら超ハマるぞ
0799Name_Not_Found
垢版 |
2018/12/08(土) 11:18:58.91ID:???
vueとかサイト全体をJavaScriptフレームワークに
置き換えるのが前提のものを使うのは大変すぎるだけ
0800Name_Not_Found
垢版 |
2018/12/08(土) 11:43:55.19ID:???
バックエンドフレームワークとフロントエンドフレームワークの二重管理になるから
中規模以上のサイトになると両方メンテしないといけなくなる

何か新たにデータを取得して表示させるだけなのに、バックエンドとフロントエンド両方対応しないといけない
しかも整合性合うように

バックエンドでデータは更新されているのにフロントエンドで保持しているデータが更新されていませんでしたとかよくある
0801Name_Not_Found
垢版 |
2018/12/08(土) 19:54:31.64ID:???
Vue.js, Nuxt.js では、axios, Lodash を使う
0802Name_Not_Found
垢版 |
2018/12/15(土) 16:54:44.67ID:qZsVzFRV
bodyではなく何かoverflow-y:scrollがかかっているブロックの中で、目的の要素を頭出ししたいのですが

<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)を合計するくらいしか思い浮かばないですが…
0804802
垢版 |
2018/12/17(月) 06:00:33.86ID:fM9YUXj7
$section.get(0).scrollIntoView(true)でいけました
こんなのあったんだ… 実験的な機能らしいけど

>>803
マジですか?
0805Name_Not_Found
垢版 |
2018/12/19(水) 18:20:49.74ID:???
クリックする度に、HTMLの要素(DIVでもよい)のdisplayをオン・オフ切り替える関数ってどうすれば良いんですか?
0806Name_Not_Found
垢版 |
2018/12/19(水) 18:40:37.44ID:???
その関数が必要なら使えば良いんじゃないですか?
0807Name_Not_Found
垢版 |
2018/12/19(水) 18:56:11.91ID:???
聞き方が悪かった

どうやって作ったら良いですか
0808Name_Not_Found
垢版 |
2018/12/19(水) 19:14:19.40ID:???
$(function() {
$('.switch').click(function(e) {
$('.popup').show();
});
});

だと、クリックしたら1度表示されてそれっきりじゃないですか。
もう1度クリックしたら非表示、
そこから更にクリックしたら表示
ってしたいのですが
0809Name_Not_Found
垢版 |
2018/12/19(水) 19:17:12.89ID:???
html
<div id="chinko">うんこ<div>
<button id="chikubi" type="button">まんこ</button>


css
.minaide {display: none;}

js
function hadakaodori() {
$('#chinko').toggleClass('minaide');
}
$('#chikubi').on('click', hadakaodori);
0810Name_Not_Found
垢版 |
2018/12/19(水) 19:21:35.01ID:???
>>808
非表示のものをどうやってクリックするんだ
0812Name_Not_Found
垢版 |
2018/12/19(水) 19:30:41.23ID:???
トグルメソッドでいけますね
解決しました
0814Name_Not_Found
垢版 |
2018/12/19(水) 20:21:21.35ID:???
再質問ですが、

そのクリックで表示・非表示の切り替えをして、同時にマウスホバーでも表示・非表示をやり、
それらが矛盾無く正しく動作するような関数ってどう作ればよいでしょうか?
0815Name_Not_Found
垢版 |
2018/12/19(水) 20:21:52.24ID:???
私は、ホバーのケースはCSSで、クリックのケースはJSでと分けてしまったせいか、おかしな動きになってしまいます
0816Name_Not_Found
垢版 |
2018/12/19(水) 21:28:39.42ID:???
マウスホバーで消えるの?なにその嫌がらせ要素
0817Name_Not_Found
垢版 |
2018/12/19(水) 23:53:15.33ID:???
状態(共有)変数が必要で、それを通して更新する

クリック → 変数 ← ホバー
0818Name_Not_Found
垢版 |
2018/12/20(木) 00:00:17.54ID:???
共有変数として、

$('.switch').checked = false;

こんな感じにしてやろうとしたんですが、上手く行きませんね

.switch っていうのは、オンオフを切り替えるスイッチ役の要素(クラス)です
ウェブページを開いた直後はページ内の全てのスイッチ役の要素はスイッチオフなのでfalseを設定してます。
0819Name_Not_Found
垢版 |
2018/12/20(木) 00:00:55.88ID:???
$(function(){
$('.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'});
}
})
});
0821Name_Not_Found
垢版 |
2018/12/20(木) 00:10:38.45ID:???
JavaScriptでは
オブジェクト.プロパティ = 値;

っていう書き方出来てたのにJqueryでは無理なんですね
0822Name_Not_Found
垢版 |
2018/12/20(木) 00:21:16.68ID:???
jQueryもJavaScriptなんだから、
JavaScriptで出来ることはjQueryを使っていても出来るよ
0823Name_Not_Found
垢版 |
2018/12/20(木) 00:22:34.01ID:???
こうすれば上手く出来ました


$(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'});
}
})
});


ありがとうございました
0825Name_Not_Found
垢版 |
2018/12/20(木) 00:39:39.29ID:???
>>824
span要素にcheckedプロパティは存在しないのでpropは使ってはいけない
0826Name_Not_Found
垢版 |
2018/12/20(木) 00:42:07.35ID:???
>>824
cssメソッドではなくclassを設定するようにしましょう
0828Name_Not_Found
垢版 |
2018/12/20(木) 00:49:44.19ID:???
模範解答例

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は>>824から変更なし

jQueryは最小限のJavaScriptで実現できる = HTML+CSSにメインの処理を任せることで高速に実行できるのです。
0829Name_Not_Found
垢版 |
2018/12/20(木) 00:54:07.92ID:???
>>828
凄いです。綺麗です
ありがとうございました。
0830Name_Not_Found
垢版 |
2018/12/20(木) 01:10:24.15ID:???
クラス名に「checked」という名前つけるのは避けるな俺なら
0832Name_Not_Found
垢版 |
2018/12/20(木) 05:57:48.38ID:???
Vue.js などの、リアクティブ・プログラミングだろ
0833Name_Not_Found
垢版 |
2018/12/20(木) 11:58:10.37ID:???
今って即時関数に閉じ込めないんですか?
(function() {
//処理
})();
0834Name_Not_Found
垢版 |
2018/12/20(木) 12:27:55.59ID:???
なぜ、何を閉じ込めたかったのか?
それはvar変数のスコープが関数スコープだったため、var変数のスコープを閉じ込めたかったのだ。グローバルと各ブロックで変数名が衝突しないように。
ブロックスコープなletとconstがある今、それは(大抵の場合)不要。
0835Name_Not_Found
垢版 |
2018/12/20(木) 13:21:41.48ID:???
>>834
それです。

const baz=()=>{
let foo=1;
console.log(foo);
}

ダメですか
0836Name_Not_Found
垢版 |
2018/12/20(木) 17:27:55.19ID:???
チビ太のおでんを思い出す
0839Name_Not_Found
垢版 |
2018/12/24(月) 20:00:35.18ID:Ceg/7NXc
node.js用でないただのローカルhtml+jsファイルから
node.js用のjsを呼び出して(起動させて)返り値を得る…みたいなことってできないですかね

現時点ではわざわざコマンドプロンプトから「node ○○.js」ってやってテキストファイルを生成させて
そのテキストファイルを開いてコピーしてhtmlのテキストエリアに貼り付けってやってるんですが
これを省略したくて…
(html内だけで完結できないのは、生成するデータの取得にnode.jsの認証用プラグインを使ってるため)

htmlファイル自体がちゃんとfile:///でなくnode.jsによるサーバー(localhost)を通ってないとダメなんでしょうか
0840Name_Not_Found
垢版 |
2018/12/24(月) 20:02:17.73ID:???
ポン刀持ってヤクザ事務所に斬り込めば返り血を得ることができるよ
0841Name_Not_Found
垢版 |
2018/12/24(月) 20:28:19.71ID:???
>>839
Nodeを起動させっぱなしで
WebSocketとかで通信するのはだめなんか?
0842Name_Not_Found
垢版 |
2018/12/25(火) 00:32:04.61ID:???
VSCode の拡張機能、Code Runner とか、Ctrl+Shift+P のRun Code みたいな、

簡単に、Node.js で実行する拡張機能はないの?
0843839
垢版 |
2018/12/25(火) 02:48:41.63ID:hEC+3v12
>>841
大人しくそうするのが一番手っ取り早いんでしょうかね…
Nodeを起動させるバッチファイルを書いてスタートアップに登録しておけば起動は問題なし…?

一応Node.jsの触り(ビギナーズブック https://www.nodebeginner.org/index-jp.html
はやったことあるはずですが、それでも現状からの移行を問題なくすんなり迅速にできるか不安なので
もし他に方法があればと思い聞いてみました
0844Name_Not_Found
垢版 |
2018/12/25(火) 06:25:55.65ID:???
バッチファイルをクリックしたら、
HTML出力するコマンド実行して、ブラウザで開くような
バッチファイル作ればいいだけじゃん
0845839
垢版 |
2018/12/25(火) 16:09:41.37ID:hEC+3v12
>>844
あー…?

いえ、>>839にも書きましたが
基本的にはhtmlを使って作業していて、文字列を取得したいときにnode.jsを起動してテキストエリアに貼り付けてそれをhtml側でパースして…ってやってるので
都度htmlを生成するとなると…

とはいえテキストエリアに初期値を設定したいだけのときはそれでも良さそうですね
0846Name_Not_Found
垢版 |
2018/12/25(火) 16:26:42.36ID:???
じゃあHTMLからテキストファイル読み込めば?
0847Name_Not_Found
垢版 |
2018/12/25(火) 16:29:20.22ID:???
Electron使えばいいんじゃね
0848Name_Not_Found
垢版 |
2018/12/25(火) 16:55:40.55ID:???
普通にwebpackとかでつなげりゃいいだけでしょ
0849839
垢版 |
2018/12/26(水) 00:59:16.21ID:N3W06Q6N
>>846
node.jsと行ったり来たりする手間は省けてないような…?

>>848
webpackってファイル数をまとめるやつでしたっけ
こういうことにも使えるんですか

>>847
単なるローカルhtmlファイルではやりづらいことも、html由来のデスクトップアプリなら色々できるようになりそうだとは薄々思ってましたが
どうやればいいのかいまいちわからずにいたところでした
まだ少ししか調べられていませんがElectron良さそうですね
TW.jsというのもあるようで…
0850Name_Not_Found
垢版 |
2018/12/26(水) 16:07:51.10ID:???
ABCいずれかのクラスを持っている
かつ
DEFいずれかのクラスを持っている

みたいなorとand混合の条件絞り込みってできますか?
0851Name_Not_Found
垢版 |
2018/12/26(水) 16:57:23.75ID:???
$('.A, .B, .C').filter('.D, .E. .F')
0852Name_Not_Found
垢版 |
2018/12/26(水) 17:58:04.11ID:???
VSCode Amazing Plugin - Quokkajs rapid prototyping playground.
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 ]

でも、エディタ内の結果からは、コピペできない!
端末からコピペするしかない
0853Name_Not_Found
垢版 |
2018/12/26(水) 18:47:41.23ID:???
chromeのコンソールもおんなじことしてくれるのであまり感動しなかった…
0854Name_Not_Found
垢版 |
2018/12/26(水) 18:52:37.06ID:???
>>851
どうもありがとうございます
期待通りのものが作れました
0855Name_Not_Found
垢版 |
2018/12/26(水) 20:25:23.49ID:???
>>843
個人的なことならブラウザ拡張で済ますって方法もあるよ
どうせNodeも外部通信くらいにしか使ってないんじゃないの?
0856852
垢版 |
2018/12/26(水) 21:47:50.63ID:???
>>852
は、ブラウザではなく、Node.js で実行している

このQuokka.js の無料版は、既に存在するファイルから、実行できない。
新規ファイルでしか実行できない
0857Name_Not_Found
垢版 |
2019/01/04(金) 00:34:40.62ID:???
selectboxの各optionの文字色を変えるにはどうしたらいいでしょうか?
背景=$('option').eq(n).css('backgroundColor', c);はできますが
文字=$('option').eq(n).css('color', c);は変わりません

Opera、Chromeで確認してます(foxは共にできず)
addClass使えはなしでお願いします(これでもできませんが)
0858Name_Not_Found
垢版 |
2019/01/04(金) 00:50:23.38ID:???
補足
cは#000000の形式で
文字色を変えるは動的にです
0859Name_Not_Found
垢版 |
2019/01/04(金) 01:07:05.94ID:???
>>857
iphoneドラムロールになるし、あれは背景を変えられない
ブラウザを絞ればもう少し対応策があるかもしれない
ただ、諦めたほうが良いとは思う
0860Name_Not_Found
垢版 |
2019/01/04(金) 11:03:10.78ID:???
>>859
iphoneや泥は捨てでいいです
動作せずは困りますが色なしは可です

PCのWinで機能すればいいです
0861Name_Not_Found
垢版 |
2019/01/04(金) 16:49:50.76ID:???
いや、捨てでいいですって切り分けることが不可能でしょ
もし白黒の電子ペーパー端末で見たり色弱者が見た場合のこととか考えてる?
0863Name_Not_Found
垢版 |
2019/01/04(金) 18:44:04.41ID:???
>>857
selectとoptionにスタイルかけるのは無理だから諦めろ
どうしてもやりたいなら代替要素でselectっぽい物を描画するライブラリを使えばいい
このスレ的に言えばjQueryUIでも使えばいいんじゃないか?
0865Name_Not_Found
垢版 |
2019/01/04(金) 19:35:30.62ID:???
>>864
これな〜
モバイルだと画面の下の方でそれクリックすると下にはみ出して操作性悪いんだよな
あまりオススメできない
モバイルのデフォルト機能に任せた方が、個人的には良いと思う
0866Name_Not_Found
垢版 |
2019/01/04(金) 21:30:08.55ID:???
まあモバイル捨てていいらしいからいいんでない?
なんならモバイルで見たら普通のselectで出しわけしてもいいし
0869Name_Not_Found
垢版 |
2019/01/04(金) 22:44:01.67ID:???
色弱に配慮する必要あるか?
そんなん言ったら全盲の人にも配慮しろってなって際限無いじゃん
0870Name_Not_Found
垢版 |
2019/01/04(金) 22:57:00.78ID:???
俺は一応配慮してるわ
Lighthouseで指摘されたとこパパっと直してハイ終わり!
属性付けるだけで、2,3時間で全部終わった
まぁこれぐらいならやっといて損はないかなと
0871Name_Not_Found
垢版 |
2019/01/04(金) 22:58:20.56ID:???
色弱ってFirefoxのシェアと同じくらいには居るんだから無視できないでしょ
0874Name_Not_Found
垢版 |
2019/01/05(土) 03:43:55.99ID:???
Firefoxは基本Chromeサポートのついででサポートできるからするけど
そうじゃなかったらChrome以外切り捨ててるな俺だったら
0875Name_Not_Found
垢版 |
2019/01/05(土) 10:21:56.70ID:???
>>861
そのためにかつ健常者でも見やすくするために色を変えるのです

>>863
背景は通常にできるのにテキストはできず、別の仕組みなのですね
簡単にできると安易に考えてましたがあきらめます

ありがとう
ちなみに>>862は別人
0877Name_Not_Found
垢版 |
2019/01/05(土) 10:24:21.77ID:???
>>875
ややこしくなるから次質問する時はIDトリップ付けたほうがいいかも
0878Name_Not_Found
垢版 |
2019/01/05(土) 10:36:41.18ID:???
>>877
IDトリップ?検索してみます
忠告ありがとう
0879Name_Not_Found
垢版 |
2019/01/05(土) 12:20:07.11ID:???
>>857
ChromeでもFirefoxでも文字も背景も色変わるけどなぁ
0881Name_Not_Found
垢版 |
2019/01/06(日) 14:59:30.42ID:???
見た目挙動を統一したいならCanvas使えばいいだけなのにね
PaintWorkletでも良いけど
0882Name_Not_Found
垢版 |
2019/01/06(日) 15:54:54.79ID:???
>>881
Canvasでフォームの値を送るにはどうしたら良い?
ちょっとここにサンプル書いてみてよ
0883Name_Not_Found
垢版 |
2019/01/06(日) 15:58:05.60ID:???
Canvasに要素っぽいものを表示して、クリックされた座標でイベントを発火させるだけだよ
難しくは無いけどかなりめんどくさい
ただ、表示は本当になんとでも出来る
0884Name_Not_Found
垢版 |
2019/01/06(日) 16:39:16.08ID:???
>>883
いえ、ですからここに書いてくださいと
それとフォームって知ってますか?
0886Name_Not_Found
垢版 |
2019/01/06(日) 20:11:23.22ID:???
フォームって知ってますか?って
既存のフォームが嫌で自分勝手に空き放題したいんだから
勝手に好きなように自分がフォームだと思うものを作ればいいじゃない
0887Name_Not_Found
垢版 |
2019/01/06(日) 20:37:44.28ID:???
canvasベースのゲームとか流行ると思ったら全く流行らなかったでござる
0888Name_Not_Found
垢版 |
2019/01/06(日) 20:39:24.96ID:???
質問と全然関係ないところで盛り上がるのすきだよなお前ら
0889Name_Not_Found
垢版 |
2019/01/06(日) 21:22:00.54ID:???
>>886
Canvas使う意味がないですよねって話をしてるんだが
普通に画像でいいやん
0890Name_Not_Found
垢版 |
2019/01/06(日) 22:00:38.97ID:???
>>887
html5ベースのゲームはほぼ100%canvasでしょ
0891Name_Not_Found
垢版 |
2019/01/06(日) 23:17:35.73ID:???
>>881
そんなめんどくさいことしてるの?
できてもクソ重くね?
あと見た目挙動を統一なんて誰か言ってたっけ?
0892Name_Not_Found
垢版 |
2019/01/07(月) 02:15:03.23ID:???
>>890
> html5ベースのゲームはほぼ100%canvasでしょ
そういうのってフレームワーク使わないよね?
っていうか、それHTML5ベースと言って良いんか?
canvasタグ以外のタグ使ってないやろ?
0893Name_Not_Found
垢版 |
2019/01/07(月) 12:21:26.99ID:???
>>889
お前大アホ?
セレクトボックスの話をしてるんだぞ?
0894Name_Not_Found
垢版 |
2019/01/07(月) 12:28:30.23ID:???
>>893
だからセレクトボックスをcanvasで作るとか無駄な努力でしょ
HTML使ってできるものをわざわざ独自で作るとかさ
0895Name_Not_Found
垢版 |
2019/01/07(月) 15:39:21.74ID:???
どんな環境でも同様の表示がしたい場合はHTMLでは困難だし
しようとすること自体がナンセンスと言ってるんだが伝わらなかったか
0896Name_Not_Found
垢版 |
2019/01/07(月) 17:22:24.49ID:???
HTML5は同様の表示ができるように
作られたものなんですが?
0897Name_Not_Found
垢版 |
2019/01/07(月) 22:02:40.50ID:???
HTMLはテキストとセマンティクス(意味)を伝えるために作られた物で
表示に関しては・・・ね
0898Name_Not_Found
垢版 |
2019/01/07(月) 22:51:18.42ID:???
>>879
いわくできるみたいだが
どうせハッタリだろうが
0899Name_Not_Found
垢版 |
2019/01/08(火) 00:43:33.02ID:???
Chromeが出た瞬間くらいにとくにセレクトボックスの色つけも含めて
HTML/CSS/JSの挙動について大規模に実験した記憶があるけど
ブラウザによってこれは反映されるけど、こっちは反映されないとかバラバラだったな
確かFirefoxはかなり検討してた
だけどimodeブラウザ2.0、NetFrontだっけ?が一番正しいってこともままあったな
HTML5がムーブメント生まれる瞬間でとにかく足並みを揃えさせるが難しかった時代
divで1点1点打つCanvasのポリフィルとか作った記憶がある
それでたしか100x100くらいの表示させるとガラケーで1フレーム数分とかかかってた
imodeのコンテンツ保護を無効にする手順とか、ブラウザをクラッシュさせるJSとか
沢山発掘して今思うと一番Webを楽しんでたときだな
__proto__廻りのバグやそれを元にした脆弱性とかも普通に俺でもホイホイ見つけられた時代
0900Name_Not_Found
垢版 |
2019/01/08(火) 00:45:22.91ID:???
そのうち半分くらいは報告したが
今のように報奨金制度とか全く流行ってなかったので
特にお礼も言われずに終わってたのが今振り返ると悔しい
0901Name_Not_Found
垢版 |
2019/01/08(火) 20:33:02.45ID:???
>>899
Firefoxは背景色表示はできてたが
あるバージョンから突然できなくなってしまった
0902Name_Not_Found
垢版 |
2019/01/09(水) 19:35:40.10ID:???
と思ったらこのスレ見たのかまたできるようになってて草
コード何一つ変えてないのに
0903Name_Not_Found
垢版 |
2019/01/09(水) 20:17:12.34ID:???
お前の思考レベルが草だろ
Firefoxがいつ更新されたと思ってんだ
糞馬鹿か
0905Name_Not_Found
垢版 |
2019/01/10(木) 13:37:40.42ID:???
47 名前:仕様書無しさん[] 投稿日:2018/12/05(水) 18:33:46.31
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
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%にまた増加してる。微増し続けてた。
0906Name_Not_Found
垢版 |
2019/01/10(木) 13:57:14.66ID:???
増えているのはアフィゴミどもとかが量産してるwordpressが増えているから

これを開発者がjQuery使ってるとか勘違いするバカが勝ち誇ってるだけ
0907Name_Not_Found
垢版 |
2019/01/10(木) 14:22:02.93ID:???
その可能性はあるよね。WordPress使ってるところが32.8%、何も使ってないのが45.1%だから
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%に減ったのが問題なんじゃぁ
0908Name_Not_Found
垢版 |
2019/01/10(木) 14:29:14.07ID:???
>>907
wordpress以外にもjQuery使ってるかもわからんゴミサイトがたくさんあるからな
お前はゴミをかき集めて勝ち誇ってるゴミ信奉者

そんで>>904の分析頼む
0909Name_Not_Found
垢版 |
2019/01/10(木) 14:33:06.94ID:???
でもそれいったら、React使ってるゴミではないサイトは
手足の指の数程度だろ・・・
0911Name_Not_Found
垢版 |
2019/01/10(木) 16:30:17.05ID:???
言い返さないんですか?w
0913Name_Not_Found
垢版 |
2019/01/10(木) 17:04:51.99ID:???
分析も何も、このアンケートに記録した人は
普段どんなものを作ってるんですか?でしか無いと思うけど?
どうせウェブサイトではなくてウェブアプリ開発者用のアンケートで偏ってるんでしょ?
切り取ったデータでわからないけど、せめて誰を対象としたアンケートなのかいってくれないとね
0914Name_Not_Found
垢版 |
2019/01/10(木) 17:18:23.91ID:???
世界的にはjQueryはバカ御用達ライブラリという認識
もはやバカか無能しか使わないんだよ
0915Name_Not_Found
垢版 |
2019/01/10(木) 18:31:22.51ID:???
そう思ってないとやってられないんだよ
冷静に考えるとメリット無いんだが
ほらみんなやってるしすごいって言ってるし
0916Name_Not_Found
垢版 |
2019/01/15(火) 13:02:57.91ID:iFo+/jNR
質問です
自作のページ【A】で、何かしらのイベント(例えば'#a'をクリック)が起こるたびに
バックグラウンドで開いた他者製のページ【B】で、何かしらのイベント(例えば'#bをクリック')を起こしたいと思っています。

自分で考えつく方法としては例えば、Chrome拡張機能などで他者製のページ【B】に対し
「このページが開かれるたびに'#b'をクリック」
というユーザースクリプトを設定しておき

自作のページ【A】で'#a'をクリックするたびに【B】を開く⇢すぐ閉じる
くらいしか思いつきませんが
開いたり閉じたりしない、もう少しスマートな方法ってないでしょうか?
0917Name_Not_Found
垢版 |
2019/01/15(火) 13:07:20.17ID:???
どんな悪いことしようとしてるの?言ってごらん?
0918916
垢版 |
2019/01/15(火) 13:10:54.67ID:iFo+/jNR
>>916 追記です
「このページを開いたとき」でなく
$(window).on('focus')
としておき、タブを切り替えるだけでいけますかね…?
しかしページを新たに開くのでなく、元々開いているタブにフォーカスを切り替えることなんてできるんでしょうか
0919916
垢版 |
2019/01/15(火) 13:32:39.85ID:iFo+/jNR
>>917
なんて言えばいいのかちょっと難しいですが
業務上ちょいちょいクリックしたいボタンがあって
(悪いことではないです その他者製のページというのも半ば身内製と言いますか…
 自由に変更要望を出せるものではないんですが)

わざわざ画面を行き来してボタンを探す時間の節約…
という面もありますが、うっかり忘れを防止したいというのもあります
(2つのページをセットで作業してるものの、基本的にAのページばかり開いててBの作業をやり忘れることがよくあり
 忘れてて後からになると業務に遅れが生じてしまうので…)
0921920
垢版 |
2019/01/15(火) 15:07:10.10ID:???
Ruby で、Selenium WebDriver なら、

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 へ移動する
0922Name_Not_Found
垢版 |
2019/01/15(火) 15:30:05.62ID:???
その用途でSeleniumを使うのは時間の無駄だって言っておく
0923Name_Not_Found
垢版 |
2019/01/15(火) 15:55:07.08ID:???
そしてseleniumはJava製。いろんな言語のドライバが出ているがrubyのドライバはメンテナンスが悪い。るび〜すと(笑)が飽きっぽく、「る、るびぃ〜でもできるしっ」と言いたいがためだけの実験作だからだw
0924920
垢版 |
2019/01/15(火) 17:29:49.64ID:???
$ gem list selenium

selenium-webdriver (3.141.0)

Ruby のは、141 まで進んでいる!
0925Name_Not_Found
垢版 |
2019/01/15(火) 18:20:39.44ID:???
>>917
web上の事務作業を楽にするって事だろう

>>916
基本的には難しい
もしjsで別タブを触れるとすると、サイト開いた瞬間に全タブの情報を抜き取るってアホみたいな事が可能になる

>自作のページ【A】で'#a'をクリックするたびに【B】を開く⇢すぐ閉じる
>くらいしか思いつきませんが
>開いたり閉じたりしない、もう少しスマートな方法ってないでしょうか?
これが通るならコレでいいと思う

>>920はアホみたいな方法なので止めておいた方が良い
0926920
垢版 |
2019/01/15(火) 19:33:49.25ID:???
そりゃ、JavaScript は、そのページ内・DOM を操作するものだろ

一方、Selenium Webdriver は、ブラウザを操作するもの。
そのブラウザで開いている、すべてのページを、人間がするように操作できる

役割が異なる
0927Name_Not_Found
垢版 |
2019/01/15(火) 19:44:18.57ID:???
まあchrome限定でいいならpupetteerで両方できるんですけどね
0928Name_Not_Found
垢版 |
2019/01/16(水) 23:01:39.48ID:Z5zIizD6
質問させてください。
これのaryC選択を、aryAとaryBの両方を参照するようにしたいのですがどうしたら良いでしょうか?よろしくお願い致します。


var aryA=["動物","植物"];

var aryB=[];
aryB["動物"]=["哺乳類","両生類"];
aryB["植物"]=["種子植物","その他"];

var aryC=[];
aryC["哺乳類"]=["ヒト科","サル科","ネコ科"]
aryC["両生類"]=["カエル科","サンショウウオ科"]
aryC["種子植物"]=["被子植物","裸子植物"]
aryC["その他"]=["シダ植物","細菌類"]

https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1222942487
0929Name_Not_Found
垢版 |
2019/01/17(木) 20:33:22.95ID:???
var a=["X","Y"];

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' ] ]
0930929
垢版 |
2019/01/17(木) 20:38:19.99ID:???
>929
修正。これを

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"];
0931Name_Not_Found
垢版 |
2019/01/18(金) 23:45:31.88ID:???
Firefoxってwidth、height操作のアニメーションやslideDownの挙動がすごくもっさりしませんか?
0932Name_Not_Found
垢版 |
2019/01/31(木) 04:31:34.00ID:WuDCcsv7
とあるサイトに対して、Chrome用のユーザースクリプトを作っています。

そのサイトでは、内部で一気にまとめて処理すればいいところを
わざわざ人間が#a #b #c #dという4つのボタンを順番に押さなければなりません。

これを何らかの1動作(例えば右クリック)だけで済むようにしたいのですが
ただ単に
$('body').on('contextmenu', () => {
$('#a').click();
$('#b').click();
$('#c').click();
$('#d').click();
return false;
});
などとしただけでは、#aの処理が終わる前に#bがクリックされてしまいうまくいきません。
setIntervalを使う以外にどんな選択肢があるでしょうか?
$.when().done()とかだと「クリックをしたことによって起こったイベント」までは待ってくれないですかね?
0933932
垢版 |
2019/01/31(木) 04:35:44.23ID:WuDCcsv7
「起こったイベント」という言い方だとなんか変だったかもしれませんね(クリックそのものがイベントか)
0934Name_Not_Found
垢版 |
2019/01/31(木) 07:42:20.04ID:???
>>932
a,b,c,dの処理はどう定義されているのかを調べてから質問してくれ
0935Name_Not_Found
垢版 |
2019/01/31(木) 10:24:38.58ID:???
完了した際にドム内容が変更されるなら
DOMSubtreeModified propertychange
で検知すればいいと思う
0936Name_Not_Found
垢版 |
2019/01/31(木) 12:05:38.76ID:???
$.when().done() などがネストする場合は、使えるなら、async/await などが良い

>#aの処理が終わる前に、#bがクリックされてしまいうまくいきません
単に、処理A・B を続けて書いているだけなのに、実行される順番が変わるのか?
そんな事があるのか?
0937936
垢版 |
2019/01/31(木) 12:09:54.65ID:???
ああ、ABCD の順番でクリックされるけど、

Aの処理に、時間が掛かっている間に、
BCDの処理の方が、先に終わってしまうという事か

それは、非同期処理の順番を指定するしかない
0938Name_Not_Found
垢版 |
2019/01/31(木) 12:52:58.06ID:???
要素の中心を起点に拡大・縮小させながら対象をshow,hideさせることはできますか
0940Name_Not_Found
垢版 |
2019/01/31(木) 13:00:43.74ID:???
>>938
要素による。inlineとかだと出来ないので、一時的にdisplayを変更したりwrapperを設定する必要がある
あと、文字のサイズも変わらないので何か変になると思う
0941Name_Not_Found
垢版 |
2019/01/31(木) 13:02:59.72ID:???
・canvasを変更
・ページ遷移
この時、canvasで変更された内容をそのまま持ち越すということは可能でしょうか?

ajaxでcanvas意外を変更するか、画像で一旦どこかに保存するしかないでしょうか
0942Name_Not_Found
垢版 |
2019/01/31(木) 13:22:51.00ID:???
>>940
アニメーションはCSSでやったほうが良さそうですね
show→アニメーションはできたのですが、アニメーション→hideがうまくいかず…
0944Name_Not_Found
垢版 |
2019/01/31(木) 20:32:05.27ID:???
>>941
data uriにして持ち越すか
描画するデータを持ち越して再描画するかかな
0945Name_Not_Found
垢版 |
2019/01/31(木) 20:44:13.78ID:???
>>943
あーなるほど、別にdisplay:none;にすることに拘らなくてもいいですね
transform:scaleでギリギリまで縮小して最後にwidth、height0にするようなkeyflames書いてみます
0946Name_Not_Found
垢版 |
2019/02/01(金) 12:45:59.89ID:???
>>938
foreignObjectを使ってCanvasに描画してやるのがオススメ
0947Name_Not_Found
垢版 |
2019/02/01(金) 13:44:00.87ID:???
>>946
ふつうにtransform: scale()じゃだめなのか
0948932
垢版 |
2019/02/01(金) 18:40:45.37ID:Zy/d2zot
遅くなりましたが>>932です

>>934
デベロッパーツールで調べてみるとどういうわけか、
#a〜#dを押すことによって実行される関数a()〜d()自体は単に<head>内にa.js〜d.jsを追加するというだけのものでした
a.js〜d.jsの中身はいずれもわずか20行ほどで、for内でreplaceを繰り返した結果を<textarea>に反映させるというものです
(何故こうなってるのかはちょっとわかりませんが… なにか意味あるんでしょうか)

使うのが今だけなら、いっそこれらの中身を全部コピペしてユーザースクリプトにまとめてもいいんでしょうけど
a.js〜d.jsの中身(replaceすべき文字列)が将来的にいつの間にか書き換わってることもあるでしょうからそれは避けたいなと…

>>935
DOMSubtreeModified propertychange!
そんな凄いものがあったんですね…!
これは今後色々捗りそうです
今回は<textarea>の中身がJSで勝手に書き換わるのはどうもonchangeでは検知できないようで困っていたのですが
先述のように<head>内に<script>を追加するのを検知すればいけるかもしれません

>>936-937
つまりこういうケースではasync/awaitのみの1択…という感じですかね
async/awaitなら全部待ってくれるんですね
0949Name_Not_Found
垢版 |
2019/02/01(金) 18:46:08.85ID:???
> つまりこういうケースではasync/awaitのみの1択…という感じですかね

ぜんぜん違う。というか関係ない
絶対に使わないというわけではないが、問題解決のための手段ではない

例えば、3人交代で仕事する時、相手に起きた出来事を引き継ぎするだろ?
async/awaitはその引き継ぎ作業に相当する。
引き継ぎは行うことだが仕事内容ではない
0950Name_Not_Found
垢版 |
2019/02/01(金) 18:46:45.30ID:???
> 今回は<textarea>の中身がJSで勝手に書き換わるのはどうもonchangeでは検知できないようで困っていたのですが
使えないんじゃね? DOMツリーが変わるわけじゃないんだから
0951932
垢版 |
2019/02/01(金) 19:04:17.20ID:Zy/d2zot
>>949
では他にはどんな引き継ぎ方があるでしょうか?
(ユーザースクリプトからだと、関数a()を直接呼び出すことはできませんでした)

>>950
<head>への<script>の追加はDOMツリーの変更とは見なされず、DOMSubtreeModified propertychangeでは検知できない…ということでしょうか
0952Name_Not_Found
垢版 |
2019/02/01(金) 19:11:30.56ID:???
>>951
調べるのは引き継ぎ方じゃなくて、clickの中でやってる処理が終わったタイミングを知る方法
それさえわかればasync/awaitなんぞ使わず普通にclick()使えばいい
0953Name_Not_Found
垢版 |
2019/02/01(金) 19:43:32.23ID:Zy/d2zot
>>952
ではやはりそれぞれの関数が最終的に行っているのは<textarea>のvalueへの文字列の代入ですね…
0954Name_Not_Found
垢版 |
2019/02/01(金) 20:45:58.07ID:???
>>932
順序なんて考えたくないでござる!って場合はこれでどうだ

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);
0955Name_Not_Found
垢版 |
2019/02/01(金) 20:47:11.23ID:???
完全に自分用のjsならこれでいいやろ。順序は絶対に狂わない
エラーは適当に書いてくれ
0956Name_Not_Found
垢版 |
2019/02/02(土) 23:38:00.03ID:???
void()って本来なんのためにあるの?
0958Name_Not_Found
垢版 |
2019/02/03(日) 09:36:03.56ID:???
なんで最初っから定数としてundefined用意しなかったの
関数にするとしてもundifined返すための関数なら引数いらなくね
なんでvoid(0)ってしてるの?なにを評価してるの
0959Name_Not_Found
垢版 |
2019/02/03(日) 11:15:37.14ID:???
>>958
http://memories.zal.jp/WP/blog/20150504_2542.html
http://blog.yuku-t.com/entry/20111111/1321021731
※下は2011年の古い記事

昔はundefinedを上書きできてしまう仕様だったので、
それに対する保証としてvoid()があったと思われる

>なんで最初っから定数としてundefined用意しなかったの
これは全員思っていると思う
変数でundefinedは正気の沙汰じゃない

つまり今は使う意味が無いと思う
0960Name_Not_Found
垢版 |
2019/02/03(日) 13:03:35.97ID:???
>>959
今もundefined変数を定義出来るので、状況によっては必要
(typeof演算子で代用出来るケースがほとんどだと思うが)
0961Name_Not_Found
垢版 |
2019/02/03(日) 13:11:59.34ID:???
constと思ってた、違うのか

var undefined = 1
これどうなってるんだ
代入がエラーにならないけど何を代入してもundefined が返ってくる
0962Name_Not_Found
垢版 |
2019/02/03(日) 13:27:02.93ID:???
>>958
voidは関数ではなく、演算子だぞ
演算子に(0)を与えるコードが異常
0963Name_Not_Found
垢版 |
2019/02/03(日) 13:30:49.29ID:???
>>961
グローバルコードだろ?
constや関数コード内のvarでやってみろ
グローバル変数を書き換えられない理由はObject.getOwnPropertyDescriptor()
0964Name_Not_Found
垢版 |
2019/02/03(日) 13:46:43.20ID:???
jsのundefinedは幾ら何でも特殊すぎる
新しくnullを作って欲しい
0966Name_Not_Found
垢版 |
2019/02/03(日) 17:09:33.36ID:???
jsでnullとundefinedって別だよね
他の言語でもそうなの?
0967Name_Not_Found
垢版 |
2019/02/03(日) 17:59:04.11ID:???
nullとundefinedが2つ存在して、同値扱いは普通に考えてないんじゃない?
0969Name_Not_Found
垢版 |
2019/02/03(日) 19:36:12.85ID:???
null == undefined

>true

null === undefined

>false

やめろ
0970Name_Not_Found
垢版 |
2019/02/03(日) 19:38:26.30ID:???
同値判定でfalse出てんだから同値じゃないじゃん。
どうちてそんなこと言うの?
0971Name_Not_Found
垢版 |
2019/02/03(日) 20:03:11.11ID:???
出とるぞ

null == undefined
>true

同じ形ではないようだが
0972Name_Not_Found
垢版 |
2019/02/03(日) 20:13:14.58ID:???
等値演算子と同値演算子を混同してるのでは
0974Name_Not_Found
垢版 |
2019/02/03(日) 20:41:05.97ID:???
>>968
そうだよ
だから、そもそも同値扱いしかあり得ないし、>>966は考慮にも値しない
0975974
垢版 |
2019/02/03(日) 20:42:51.13ID:9tToFlyy
× そもそも同値扱いしかあり得ないし、
○ そもそも同値扱いはあり得ないし、
0976Name_Not_Found
垢版 |
2019/02/04(月) 12:50:45.61ID:???
==も===も両方EqualityExpression何だが
仕様書にないオレオレ用語は止めてくれ
0977Name_Not_Found
垢版 |
2019/02/04(月) 13:15:59.18ID:???
・抽象的な等価性比較 (Abstract Equality Comparison) (==)
・厳格な等価性比較 (Strict Equality Comparison) (===)
0978Name_Not_Found
垢版 |
2019/02/04(月) 13:27:56.28ID:???
・=== を使用する 厳格な等価性 (strict equality) ("三重等号" または "同一性 (identity)")
・== を使用する 寛容な等価性 (loose equality) ("二重等号")
0979972
垢版 |
2019/02/04(月) 13:37:49.21ID:???
>>976
ごめん俺が完全にあほだった
0980Name_Not_Found
垢版 |
2019/02/04(月) 16:08:10.95ID:???
J.Celko 信者のミックが書いているけど、

データベースでは、3値論理。Ruby もそう。
true, false, null

E.F.Codd は、unknown も加えた、4値論理を唱えたけど、
あまりに複雑すぎて採用されなかった
0981Name_Not_Found
垢版 |
2019/02/04(月) 16:12:51.58ID:???
JS, PHP では、必ず厳密等価演算子を使うべき!
使わないと、想定外に型変換されて、バグる

Ruby では、バグる要素が多いから、これを採用しなかった
0982Name_Not_Found
垢版 |
2019/02/04(月) 16:37:33.30ID:???
Rubyにおける==,===,eql?,equal?の違い
https://mickey24.hatenablog.com/entry/20100910/1284052782

==
オブジェクトの同値性のチェック
クラスやオブジェクトの性質に合わせて再定義できる

===
オブジェクトの同値性のチェック(所属性を加味)
case式で使われる
クラスやオブジェクトの性質に合わせて再定義できる

eql?
オブジェクトの同値性のチェック(==より厳密)
Hashで二つのキーが等しいかどうかを判定するのに使われる
クラスやオブジェクトの性質に合わせて再定義できる
再定義した場合はhashメソッドも再定義しなければならない

equal?
オブジェクトの同一性のチェック
object_idが一致するかどうかを調べる
再定義してはならない
0983Name_Not_Found
垢版 |
2019/02/04(月) 17:39:19.38ID:???
>>981
ヴァーーーーーーーーカ!wwwww
0984Name_Not_Found
垢版 |
2019/02/04(月) 17:41:04.67ID:???
es2015からちゃんとSameValueの考え方が示されてる
0985Name_Not_Found
垢版 |
2019/02/04(月) 17:45:21.79ID:???
def 、proc、Proc.new、->、lambda、ブロック、・・挙動と使いどころの異なるこれら関数ライクを使いこなし、
==、===、eql?、equal?の違いと使いどころを完璧に把握しているRuby信者wwwww
0986Name_Not_Found
垢版 |
2019/02/04(月) 17:49:53.38ID:???
>>985
これは酷い。この体たらくで簡単だのバグりにくいだのホザいてんだから呆れる。
0988Name_Not_Found
垢版 |
2019/02/04(月) 22:19:54.30ID:???
必ず===を使うべきというのは間違い
どちらかと言えば==を使うべき
ここ20年職場でもネットでも色んな人を見てきたが
==の方が使用頻度かなり高いのにハマった人は同じくらい

例えばよくあるパターンが正規表現でマッチして数値と比べる場合
==を使うと数値と文字列を勝手にいい具合に比較してしまうとしても
===を使っても数値と文字列が意図せずに来てしまうことには対処できない
本当の問題は数値と文字列が意図せず混在しやすいというところにあるからだ

そうしたときに、==だと高確率で実際問題が起きないが、===だと直ちにハマる
いくら潜在的なバグを生みうると言ったって、その確率は経験上こだわる必要がないほど低い
0991Name_Not_Found
垢版 |
2019/02/05(火) 19:21:20.28ID:???
>>988
正規表現なら、if(/^\d+$/.test(1234)) のように書くので、===も==も使わない
0992Name_Not_Found
垢版 |
2019/02/05(火) 20:37:01.76ID:???
なるほどif(/^\d+$/.test('+1234'))あ、あれ?通らない…(TдT)
if (+1234 == '+1234')は通るのに…
0993Name_Not_Found
垢版 |
2019/02/05(火) 20:42:09.88ID:???
>>991
俺がなんでああいう独特な書き方をしたか分からないか?
書いたことはちゃんと理解してくれないと困る
「本当の問題は数値と文字列が意図せず混在しやすいというところにあるからだ 」
と言ってるだろう
君は正規表現でマッチした値を変数に入れたりすることは一切ないのだろうが
世間ではよくあるのだよ
0994Name_Not_Found
垢版 |
2019/02/05(火) 21:14:24.67ID:???
意図して混在させてるからオッケー😆👌❤??
0996Name_Not_Found
垢版 |
2019/02/07(木) 12:20:22.28ID:???
正規表現って何でコーテーションで囲まなくても良いの?
これが良くわからない
replace('/foo/')
としてしまってアレアレってなる
0997Name_Not_Found
垢版 |
2019/02/07(木) 13:19:37.67ID:???
>>996
まずJavaScriptのリテラルはこれだけある。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Grammar_and_types#Literals

'foo'は文字列リテラルで、
/foo/は正規表現リテラルだ。

昔からある堅い言語は正規表現リテラルがないから文字列からnewして作ってた。
JavaScriptでもそのような作り方もできる。
new RegExp('foo')
これは/foo/と同じように使える。
詳しくは述べないが厳密にはちょっと異なるのでリテラルで書くことを推奨しておく。
0998Name_Not_Found
垢版 |
2019/02/07(木) 13:23:37.16ID:???
>>996
あとほんとに'foobaz'を'barbaz'に変えるようなreplaceは
'foobaz'.replace('foo', 'bar')と、単純に文字列でいい。正規表現使う必要ない。
0999Name_Not_Found
垢版 |
2019/02/07(木) 13:25:22.02ID:???
>>997-998
そういう事なのか、ありがとう
ずっとよくわからずに使ってた
10011001
垢版 |
Over 1000Thread
このスレッドは1000を超えました。
新しいスレッドを立ててください。
life time: 453日 14時間 47分 50秒
10021002
垢版 |
Over 1000Thread
5ちゃんねるの運営はプレミアム会員の皆さまに支えられています。
運営にご協力お願いいたします。


───────────────────
《プレミアム会員の主な特典》
★ 5ちゃんねる専用ブラウザからの広告除去
★ 5ちゃんねるの過去ログを取得
★ 書き込み規制の緩和
───────────────────

会員登録には個人情報は一切必要ありません。
月300円から匿名でご購入いただけます。

▼ プレミアム会員登録はこちら ▼
https://premium.5ch.net/

▼ 浪人ログインはこちら ▼
https://login.5ch.net/login.php
レス数が1000を超えています。これ以上書き込みはできません。

ニューススポーツなんでも実況