+ JavaScript & jQuery 質問用スレッド vol.8 +

**Name_Not_Found** · 2017/11/10(金) 22:44:30.04

JavaScript を自ら学ぶ人のための質問スレッドです。
>>2-4のテンプレを読んだ上で質問してください。次スレは>>950が>>2のテンプレ案(本スレで改善案があれば考慮)を元に立ててください

■質問を書く上で
(1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。
(2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。
　　(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など)
(3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。回答者はなりすましを判断できませんので、なりすましが現れても自己責任となります。
(4) 常に自発的に調べる心構えを持ってください。
　　具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。
　　わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。
(5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。
(6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。
　　※必ず「問題の事象が再現されること」を確認してください。
　　　必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。
(7) サンプルコードに HTML が含まれる場合は http://validator.w3.org/ で [Check] してみてください。
(8) 質問を具体的かつ詳細に書くと回答を得られやすいです。>>2の質問テンプレートを活用してみてください。
(9) 時にはあなたが望む「答え」だけでなく、「意見」などが寄せられる場合もあります。

+ JavaScript & jQuery 質問用スレッド vol.7 + [無断転載禁止]©2ch.net
http://mevius.2ch.net/test/read.cgi/hp/1467906819/

**Name_Not_Found** · 2017/11/11(土) 02:42:52.28

本スレ

jQuery 質問スレッド vol.8
http://mevius.2ch.net/test/read.cgi/hp/1508707878/

**Name_Not_Found** · 2017/11/12(日) 07:03:12.74

ブラウザ対応
https://caniuse.com/

**Name_Not_Found** · 2017/12/12(火) 03:14:19.53

HPで友達が稼げるようになった情報とか

⇒　http://asaswq3wq.sblo.jp/article/181819223.html

興味がある人だけ見てください。

JIAVMJEURL

**Name_Not_Found** · 2017/12/17(日) 04:54:39.90

四角の中の正解わかんない。おしえて！
https://youtu.be/lKnWfKbIR44

**Name_Not_Found** · 2017/12/17(日) 09:28:31.89

↑ なんでわざわざ動画にするんだろうね？
検索対策かなにかかもしれないな。
答える気はないが、テキスト化だけはしておこう

Please add the corresponding keywords to add the external sample.js file to the web page.

<[script] [t]="text/javascript" [src]="sample.js"></script>

My Movie 3

Japan HIKIKOMORI (https://www.youtube.com/channel/UCTWD4JPnE_tjgB9s_MpYInQ)
2017/12/16 に公開

**Name_Not_Found** · 2017/12/17(日) 09:31:54.74

SoloLearn (https://www.sololearn.com/)
で出されてる問題か？

**Name_Not_Found** · 2018/01/03(水) 20:24:15.10

グローバル汚染対策で名前関数を使う例があるけど関数リテラルも同様にすべきですか？
var hoge = function(){};
↓
var NAMAE = {};
NAMAE.hoge = function(){};

**Name_Not_Found** · 2018/01/03(水) 21:00:59.58

>>8
名前関数とは何かわからんが、そのようにすることは、
NAMAE という名前の名前空間を導入することを意味する。
そいうのはごく普通に行われているんじゃないかな

**Name_Not_Found** · 2018/01/03(水) 22:09:13.44

すみません、文編集したとき入れ替わってそのままで、名前空間でした

**Name_Not_Found** · 2018/01/07(日) 18:31:23.10

初心者です。ホバーしたグレーの中の赤だけ消したいのですが全部の赤が消えてしまいます。script内でthisを使うのかなぁと思いますがどこに置いてもうまくいきません。。
よろしくお願いします
https://jsfiddle.net/user2995/23sfa55o/

**Name_Not_Found** · 2018/01/08(月) 16:06:46.83

CSSだけでできる

.pic {
position:relative;
width:160px;
height:160px;
}

.small {
position: absolute;
top: 50%;
left: 50%;
}

.pic:hover .small {
display:none;
}

**Name_Not_Found** · 2018/01/08(月) 19:23:06.03

>>12
わぁできました！魔法のようです！ありがとうございます

**Name_Not_Found** · 2018/01/13(土) 18:25:52.88

●現状
訳あって<form>使えず<div>内に多くの<input>や<button>があり、
HTML記述にdisabledがあったりなかったり
動的にdisabledを外したり戻したり

●理想、希望
一括でHTML記述（disabledの有無）通りに戻したい

いい方法ありますか？inputのdefaultValueみたいな
どなたかお願いします

**Name_Not_Found** · 2018/01/13(土) 20:31:40.77

>>14
autocomplete="off"

**Name_Not_Found** · 2018/01/14(日) 18:13:42.65

>>15
再読み込みではできました

**Name_Not_Found** · 2018/01/15(月) 23:38:43.19

>>15
まさかこれで答えたつもり・・・じゃないよな・・・

**Name_Not_Found** · 2018/01/16(火) 07:34:55.26

new DOMParser().parseFromString(await(await fetch(location)).text(),'text/html')
でミラードキュメントが取れるからそこから探せばいい

**Name_Not_Found** · 2018/02/05(月) 11:29:32.10

タグを削除する場合
.replace(/<("[^"]*"|'[^']*'|[^'">])*>/g,'') と jQueryで .text() は等価でしょうか?

**Name_Not_Found** · 2018/02/05(月) 15:06:41.77

考えるのが面倒くさいから適当に10万件くらいテストしてみ

**Name_Not_Found** · 2018/02/07(水) 08:10:01.85

<div id="abc">あ<div>A</div><div>B</div></div>

上で試したら、どちらも「あAB」になった

**Name_Not_Found** · 2018/02/07(水) 09:17:37.63

jQuery 内を、1行ずつデバッグすれば？
それか、ソースコードを読むとか

jQuery 内では、Sizzle を使っている

Sizzle CSS Selector Engine v2.3.0
https://sizzlejs.com/

**Name_Not_Found** · 2018/02/07(水) 23:32:49.14

Sizzleはクエリセレクタなんで
text()の挙動とは関係ない

**Name_Not_Found** · 2018/02/18(日) 20:11:13.80

☆ 日本の、改憲を行いましょう。現在、衆議員と参議院の
両院で、改憲議員が３分の２を超えております。
『憲法改正国民投票法』、でググってみてください。国会の発議は
すでに可能です。平和は勝ち取るものです。お願い致します。☆☆

**Name_Not_Found** · 2018/02/24(土) 04:04:17.21

すみません、他のスレッドで聞いてみたんですが、
JavaScriptで行うと答えが返ったので、
ここで質問させていただきたいと思います。

この５ちゃんねるのように「>>数字」をマウスホバーしたら
安価先の全文をポップアップ表示させることは可能でしょうか。
できれば、表示の際に囲っている線は無表示にして
背景色も設定したいと思っています。
サンプルコードは無いです。よろしければご教授下さい。

**Name_Not_Found** · 2018/02/24(土) 04:49:40.13

簡単にできるが、何もわからない人にここで教えられるようなものではない
HTML、CSS、JSを基礎から勉強していけば数年後に自ずと分かる

**Name_Not_Found** · 2018/02/24(土) 15:37:49.91

それは簡単にできるとは言わない。スレタイ100回復唱しろ

**Name_Not_Found** · 2018/02/24(土) 17:50:33.48

>>27
カレーを作るのは簡単と言えるだろう
でもそれは当然家に便利な道具があって、家の近所の店に当たり前に材料があるということ前提だ

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

最低でも基本道具の使い方を知っている人にじゃないと説明なんてできない
いくら初心者向けの質問所と言ったって、JavaScriptのJの字も知らない人を相手にできるはずがない
実際の物づくりっていうのは「応用」なんだから、「基礎」を知らない人は願い下げよ

**Name_Not_Found** · 2018/02/24(土) 18:08:30.55

カレーを作るのが簡単かどうかは
近くのスーパーにカレー用に切られた野菜パックが
あるかどうかで決まる

幸いなことに俺んちの近くのスーパーには
それが売ってあるので、買って家に帰ったら
鍋に投入して終わりだ。包丁も使わねぇ

**Name_Not_Found** · 2018/02/24(土) 19:37:21.42

ルーをお湯で溶かせば十分にカレーじゃね？

**Name_Not_Found** · 2018/02/24(土) 19:52:59.71

レトルトはカレーでないと申すか

**Name_Not_Found** · 2018/02/25(日) 01:45:12.76

山田祥寛(よしひろ)、翔泳社
10日でおぼえる jQuery 入門教室第2版、2013

まず、この本を読め

**Name_Not_Found** · 2018/02/25(日) 01:58:13.92

俺のおすすめは、おすすめ順にこの３つだな
ちと古いが（というか新しい本がほとんどない）
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

**Name_Not_Found** · 2018/03/08(木) 22:53:38.83

コンストラクタの基礎で質問です。
一旦値（たろう）をセットし、後に変える（じろう、さぶろう）場合以下でいいでしょうか？

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度にしたい場合はどうするのでしょうか？
必ずセットで用いられます。

**Name_Not_Found** · 2018/03/09(金) 21:59:57.02

まず、メンバーというクラスなのに、固定要素への書き出しのメソッドを持つのは変
あと、setNameという名前だと普通メンバーの名前の設定のためのメソッドに見える
そもそも、名前を書き換えられるのは変
それから"first"Nameって日本で言うと名字じゃない方のことだからね、逆になってる
日本人名しか入らないなら(sei,mei)でもいいと思う
もしくは汎用的にオブジェクトを引数に取るようにする

**Name_Not_Found** · 2018/03/09(金) 22:02:06.63

こんな感じになる
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 )

**Name_Not_Found** · 2018/03/09(金) 22:41:37.98

安倍の姓名ってなに？

**Name_Not_Found** · 2018/03/10(土) 17:36:54.97

レスありがとう。

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

>>36
IE9以上でお願いします。

**Name_Not_Found** · 2018/03/10(土) 17:52:39.15

IE9以上の前にひどいコードだな
クソコードと呼ぶにふさわしい

**Name_Not_Found** · 2018/03/10(土) 18:52:44.29

どこがどう？

**Name_Not_Found** · 2018/03/10(土) 19:05:28.17

命名はともかく、どこのサイトでもよくある普通のコードだぞ

**Name_Not_Found** · 2018/03/10(土) 19:19:14.89

＞いい場合、値セット（mem.lastName = ）と処理（mem.setName()）を1度にしたい場合はどうするのでしょうか？
＞必ずセットで用いられます。

lastNameをdefinePropertyで定義して、そのsetの中でthis.setName()呼べばいいだけ

**Name_Not_Found** · 2018/03/10(土) 20:40:42.06

動的型付けで柔軟なJSでは命名こそが重要なポイントなのにね
あまりに酷い場合そこをおざなりにして話は進められない

**Name_Not_Found** · 2018/03/10(土) 21:18:31.87

>>42
ありがとうございます。

>>43
だから実際の名前は全然違うんですって。
firstでもないし'たろう'でもないのです。

**Name_Not_Found** · 2018/03/10(土) 22:25:08.19

実際既にあるコードをココ用に一部削ったりするのってけっこう面倒だから適当になることもあるわな

**Name_Not_Found** · 2018/03/10(土) 23:31:02.42

その結果　構造・構成がぐちゃぐちゃじゃ評価のしようがない
これだけツッコミ受けてるのはまだコードが無い方がマシなレベルで酷いんだと自覚した方がいい

**Name_Not_Found** · 2018/03/10(土) 23:35:26.62

いや酷いコードだろうが貼らない口だけヤロウよりはよっぽどマシ。
質問でも質問者がクソコード貼るか貼らないかで大違いだ。どんなクソコードでもいいからなるべく貼ってくれ。お前の日本語?の説明よりよっぽどマシ。

**Name_Not_Found** · 2018/03/10(土) 23:55:50.66

>>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(); // '磯辺-活男'

**Name_Not_Found** · 2018/03/10(土) 23:55:56.94

>>45
JSって色んな書き方ができる言語だけど、
逆に言うと回答する際細かい部分で何が良いかは変わってくるということ
特にここは初心者が質問するというスレの性質上
ただ機械的にQ&Aを返すんじゃなくて根本的に待ったをかけて『モラル』を教える必要もある

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

>>34だって関数やメソッドを１つ増やせば良いとも考えられるしね
はたまた>>42のようにクラスの設計の段階で組み立てるのか、
結局他の方法も含めて状況による
俺が現状で回答できるのは>>35で言ったようにおかしい部分を直して
まともに検討できるコード例を持ってこようということ
話はそこから

**Name_Not_Found** · 2018/03/11(日) 00:01:53.35

>>35
> そもそも、名前を書き換えられるのは変
変じゃないよ

**Name_Not_Found** · 2018/03/11(日) 00:08:40.65

>>50
変じゃない場合もあると思う
ただ「人」を表すクラスのインスタンスっていうのは「個人」
「名前」っていうのは「個人」のIDのようなもの
インスタンスのIDに当たるものを書き換えて別の存在にするっていうのは、
やってはいけないとまでは言うつもりはないが、一般的には大胆すぎる

基本的に、インスタンスっていうのは、必要なときに新たに生み出して、使い捨てるもの
書き換えて再利用するなら、クラスやコンストラクタを使わなくても良い

**Name_Not_Found** · 2018/03/11(日) 00:09:37.64

>>50
変じゃないな。
http://d.hatena.ne.jp/keyword/%A5%BC%A5%EB%A5%C0%A4%CE%C5%C1%C0%E2

いや変だなｗｗｗｗｗ

**Name_Not_Found** · 2018/03/11(日) 00:16:37.16

>>51
> 「名前」っていうのは「個人」のIDのようなもの

名前をIDにしたらだめ
被るだろ

**Name_Not_Found** · 2018/03/11(日) 00:18:55.75

>>53
するどいツッコミだが、
アイデンティファイではなく、アイデンティティという言葉を言いたかった
DOMのタグもtagNameは書き換えできないし、できたら変だと思うだろう？
そういうことだ

**Name_Not_Found** · 2018/03/11(日) 00:30:05.26

>>54
だから、名前が一意になるオブジェクトはあるだろうが
今回のMemberの場合なら名前をにしたらダメだろっていってる
そして名前は変わるだろと言ってる
鋭くもなんともねーよ。常識的な話だ

**Name_Not_Found** · 2018/03/11(日) 00:30:31.58

今回のMemberの場合なら名前を一意にしたらダメだろっていってる

**Name_Not_Found** · 2018/03/11(日) 00:33:38.14

>>54
> アイデンティファイではなく、アイデンティティという言葉を言いたかった
更に意味わかんねーよ

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

動詞ではなく名詞にしたかった言いたいのか？

**Name_Not_Found** · 2018/03/11(日) 00:35:00.43

>>54
> DOMのタグもtagNameは書き換えできないし、できたら変だと思うだろう？

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

お前もうめちゃくちゃだなｗ

**Name_Not_Found** · 2018/03/11(日) 00:40:26.38

>>58
"identity"と"identifier"はIT用語では別物だぞ？
まあそれは良いし、お前の頭がポンコツなのはわかった
ポンコツなお前とメチャクチャな俺でこれ以上スレを汚すのはヤメヤメ
あーはいはい生産性０の話はもうオワリ！ここまで！

**Name_Not_Found** · 2018/03/11(日) 00:46:03.28

今度は用語が変わりやがったｗ

アイデンティファイ identify
↓
アイデンティティ identity
↓
アイデンティファー identifier

お前混同してるだろ

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

"Identity" と "Identifier" を混同して "ID" と言わないように
一般的に使われる "ID" は "identifier" （識別子）の意味であって、 "identity" （同一性）の意味ではない。ぜんぜん違う。
http://zerobase.hateblo.jp/entry/2013/03/02/181858

**Name_Not_Found** · 2018/03/11(日) 00:47:19.80

>>59
生産性0なのはお前のレスでは？

> "identity"と"identifier"はIT用語では別物だぞ？（理由なし）

理由も言わずに、違うったら違うんだ！って言ってるだけ
説得力0だぞ？

**Name_Not_Found** · 2018/03/11(日) 11:16:45.18

>>46
>コードが無い方がマシ

こういうのに限ってコード出せと言うくせに
>>44も読めてないのかな

**Name_Not_Found** · 2018/03/11(日) 12:00:26.92

>>51
割り込み失礼

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

これはダメ？

**Name_Not_Found** · 2018/03/11(日) 12:09:04.32

63の補足
結局、値は各要素に持たせずインスタンスに持たせてる

**Name_Not_Found** · 2018/03/11(日) 13:44:24.16

それが普通。想定してない使い方をしたときにまで対応する必要はない

**Name_Not_Found** · 2018/03/11(日) 14:23:30.11

こっちに書けマヌケ

**Name_Not_Found** · 2018/03/11(日) 14:50:07.36

マヌケじゃないのでこっちにはかかない

**Name_Not_Found** · 2018/03/11(日) 16:29:42.60

>>65
想定してない使い方?

**Name_Not_Found** · 2018/03/12(月) 21:40:46.53

>>36
どうもです。思ってた以上に入り組みますね。
元文のまま2行でやるか関数作ろうかと思います。

function func(str){
mem.lastName = str;
mem.setName();
}

**Name_Not_Found** · 2018/03/16(金) 10:05:24.56

chromeのデベロッパーツールの表示について質問です。
画面右の赤線で囲った部分を、画像左の赤線内と同じHTMLの表示に変える方法を教えてください。
https://dotup.org/uploda/dotup.org1486462.jpg

**Name_Not_Found** · 2018/03/16(金) 21:21:33.89

>>35
>メンバーというクラスなのに、固定要素への書き出しのメソッドを持つのは変

どう変？正解コードプリーズ。

**Name_Not_Found** · 2018/03/17(土) 07:38:59.29

>>70
左の画像には、<div class="form-group"> とあるけど、
右の画像には無い

左右は、全く異なるものだから、関係性がない

**Name_Not_Found** · 2018/03/18(日) 14:56:52.54

http://klutche.org/archives/682/
すいません、このサイトでDIVブロックコンテンツをクリックで切り替えってのやってるんですが
これ２DIVを同時制御したんですが、この場合どうやればいいんですかね？
該当ソースの↓
var activeTab = $(this).find("a").attr("href");//アクティブタブコンテンツ
$(activeTab).fadeIn();//アクティブタブコンテンツをフェードイン

var activeTab = $(this).eq(2).find("a").attr("href")とかnext()；とかやってみたんですがだめでした

**Name_Not_Found** · 2018/03/18(日) 14:57:43.83

<div class="tab_content" id="tab1">
<img src="01.jpg" width="200" height="150" alt="01"><br>
コンテンツ1
</div>
↑のブロック２つ続けてコピペ、同時表示したいのです

**Name_Not_Found** · 2018/03/19(月) 00:57:14.04

id="tab1" って書いてあるだろ

セレクターに、$('#tab1') を使え

**Name_Not_Found** · 2018/03/20(火) 00:08:42.35

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で)、きちんと取得できているみたいです。
ということは時刻が反映されていないだけだと思うのですが、その方法をどなたかご教示願います。
(ソースコードが見にくいのはすみません。投稿の際の改行数が多いみたいで...)

**Name_Not_Found** · 2018/03/20(火) 00:21:08.86

ここはjQueryのスレなのでこっちでどうぞ

+ JavaScript の質問用スレッド vol.132 +
https://mevius.5ch.net/test/read.cgi/hp/1520329583/

**Name_Not_Found** · 2018/03/20(火) 00:22:11.71

あとjsfiddleとかに書いてください

**Name_Not_Found** · 2018/03/20(火) 00:24:59.09

すみません。出直してきます。

**Name_Not_Found** · 2018/03/24(土) 10:21:02.73

リンクをポップアップで開く系のjQueryプラグイン使ってるのですが
Biggerlinkでリンクをdiv要素に拡大させた部分をクリックすると通常ウインドウで
開いてしまいます

これをうまく回避する方法はありますか？

**Name_Not_Found** · 2018/03/24(土) 14:31:20.88

>>80
残念ながらjQueryのプラグインの話はこのスレの対象外なんだよ

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

Biggerlinkとやらを見るとjQuery 1.3と書いてあるし
10年ぐらいの前のものだし別の使ったら？

**Name_Not_Found** · 2018/03/24(土) 18:27:57.94

とは言いますが他のスレではjQuery自体の話題が禁止されてたりもしますし
ここ以外で聞ける場所が見つかりません

**Name_Not_Found** · 2018/03/24(土) 20:07:22.66

罪のない包皮を切り刻んでぼったくった金で飯食ってるやつが偉そうに

**Name_Not_Found** · 2018/03/24(土) 22:28:32.39

jQueryUI みたいな有名なプラグインなら、使っている人も多いだろうが、

そんなに昔の、近頃開発されていないようなプラグインは、
代わりのものを探した方が良い

**Name_Not_Found** · 2018/03/24(土) 23:26:33.07

biggerlinkは代わりのものがないんだよな
html5になってブロック要素をリンクできるようになったとはいえ
リンクが複数だとこれ使わないと面倒だし

**Name_Not_Found** · 2018/03/24(土) 23:39:22.01

？

自分で作れば？

**Name_Not_Found** · 2018/03/25(日) 00:15:21.22

？ｗ

**Name_Not_Found** · 2018/03/26(月) 02:22:42.85

<div class="biggerlink"><a></a></div>

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

それか、jQuery で自作するとか

**Name_Not_Found** · 2018/03/26(月) 02:25:06.98

は？そのbiggerlinkとやらがまともなjQueryプラグインなら
$('a').biggerlink() とかするだけだろ

**Name_Not_Found** · 2018/03/26(月) 02:28:42.58

つーかBiggerlinkって何かと思えば

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

言ってることが古い。HTML5になった今はdivをaタグでくくればいいだけ
こんなもん完全にいらねーじゃねーかｗ

**Name_Not_Found** · 2018/03/26(月) 04:12:39.97

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

**Name_Not_Found** · 2018/03/26(月) 10:19:44.76

> div要素にaタグ複数入れる場合は

<div> ・・・div要素に
　<a href="">1</a> ・・・ aタグ
　<a href="">2</a> ・・・複数入れる
　<a href="">3</a> ・・・場合は
</div> ・・・昔からできますがなにか？

**Name_Not_Found** · 2018/03/26(月) 10:59:02.40

そうだねすごいね

**Name_Not_Found** · 2018/03/26(月) 11:07:26.87

すごくないしｗ普通
というか>>91が何ができないと言ってるのかさっぱり分からん
少なくともdivにaタグ複数入れられるし、
逆にaタグにdivだって入れられる
ということでBiggerlinkは捨てろが正解

**Name_Not_Found** · 2018/03/26(月) 12:02:12.61

>>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>
これができないと言いたいのでは？

**Name_Not_Found** · 2018/03/26(月) 12:08:27.85

>>95
そういうときは普通の人はaタグのネストというんで
ぜったいに違うね。（もしそうならそいつが馬鹿）

**Name_Not_Found** · 2018/03/26(月) 12:11:48.54

どう考えてもdivにaタグ入れられないなんて主張してるわけないだろ
バカすぎワロタ

**Name_Not_Found** · 2018/03/26(月) 12:22:12.41

いや？ >>91が言うには

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

らしいぜ？ｗ

**Name_Not_Found** · 2018/03/26(月) 13:22:23.08

話の流れを読めてないのはおまえやで
恥の上塗りすんなよ恥ずかしいやつだな

**Name_Not_Found** · 2018/03/26(月) 13:35:09.58

プライドだけ高いと苦労するな

**Name_Not_Found** · 2018/03/26(月) 16:18:43.91

> div要素にaタグ複数入れる場合は
というのが
aタグの中にaタグを入れるという意味だとしたら、
そもそもaタグをネストしてどうするつもりだって話になる。
リンクの中に別のリンクを入れるって意味不明だし

**Name_Not_Found** · 2018/03/26(月) 17:08:12.77

どんだけサイト制作の経験少ないねん
例えばだけどRSSリーダーを作るとする
記事ひとつに対してカード型のDiv要素を作ってその中に
画像とタイトルに記事へのリンク
サイト自体へのリンク
お気に入りに追加するボタンやその他操作リンク
を入れるとする
スマホからのアクセスを考えるとカード型Div要素全体を記事へのリンクにしておきたい
この場合がまさにそうだろ
俺はこういった場合別の方法で回避してるけどね

**Name_Not_Found** · 2018/03/26(月) 17:09:25.50

>>102
その別の回避方法教えて

**Name_Not_Found** · 2018/03/26(月) 17:16:16.46

そうだよな。その別の回避方法を使えば良いわけで
aの中にaを入れるとか使いづらくしてるだけだわｗ

**Name_Not_Found** · 2018/03/26(月) 17:28:00.70

大手RSSリーダーでもやってるけどな

**Name_Not_Found** · 2018/03/26(月) 17:30:26.48

大手でやってたら許されるとでも思った？

**Name_Not_Found** · 2018/03/26(月) 17:36:30.86

許されるよ
ごみみたいなサイトをつくってあれはおかしいこれはおかしい
といってるやつよりFeedlyやInoreaderを作ってるやつの意見のほうが貴重

**Name_Not_Found** · 2018/03/26(月) 17:37:30.92

やめたれｗ

**Name_Not_Found** · 2018/03/26(月) 17:48:07.30

そういう事言うのやめなよ
PV100/dayのサイトで何が悪い？
コーディングは完璧だぞ？

**Name_Not_Found** · 2018/03/26(月) 18:00:27.17

まさかと思ったけど、div要素をクリックしたら
ページを移動させるためだけに、あんなプラグイン使ってるの？
5行ぐらいか多くても10行も行かずに作れそうなのに

**Name_Not_Found** · 2018/03/26(月) 18:08:45.37

作れそう（作れるとは言ってない）

**Name_Not_Found** · 2018/03/26(月) 18:16:45.34

やめたれｗ

**Name_Not_Found** · 2018/03/26(月) 18:17:44.88

じゃあ作れるっていうよｗ

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

やることと言ったら、これぐらいなもんだろ

**Name_Not_Found** · 2018/03/26(月) 18:25:44.28

>>103

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

relativeとabsoluteを使えばいいだけ
aの中にaとかアホすぎるｗ

**113=114** · 2018/03/26(月) 18:36:43.48

>>102がまだまだ未熟に感じるのは
クリックできる場所と、リンクするものが違うってことを理解してないからだね
リンクがクリックできるのはブラウザが提供している機能であって
リンクは単に他のページ（リソース）とリンクしているという情報なだけ

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

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

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

a要素をリンク可能な場所みたいに考えてるから、変な構造を作ってしまう。
何と何をつなげるのか？で考えれば自ずと、記事を表すの中に入れるのは間違いだおｔ
気づくはず。そのうえで見た目をどうこうしたいのであればそれはCSSの役目

**Name_Not_Found** · 2018/03/26(月) 18:37:35.59

けどおまえぶさいくじゃん

**Name_Not_Found** · 2018/03/26(月) 18:39:05.00

>>115
おっしゃお気に入り追加ボタンをa要素で実装してる
inoreaderに説教してこい

**Name_Not_Found** · 2018/03/26(月) 18:41:12.44

>>117
俺の書いた文章を勝手に送信してくれ

**Name_Not_Found** · 2018/03/26(月) 18:42:16.56

なにぶるっとんねん

**Name_Not_Found** · 2018/03/26(月) 18:46:51.73

ねぇ？ >>115に反論はしないの？

大手だって間違えてるぞ！って言われても
はい、大手でも間違えますとしか言いようがないんだが
クレームつけるのは自分でやってくれって話

**Name_Not_Found** · 2018/03/26(月) 18:47:31.63

ここで説教はしますけど大手は怖いから説教しませんｗ

**Name_Not_Found** · 2018/03/26(月) 18:48:03.42

なにちびっとるねん

**Name_Not_Found** · 2018/03/26(月) 18:48:16.95

じゃあここに大手読んできたら？
なんで自分で反論せずに、大手様に反論して貰おうとしてるのさｗ

**Name_Not_Found** · 2018/03/26(月) 18:48:57.20

自分で反論する能力がないからに決まってるだろがー！

**Name_Not_Found** · 2018/03/26(月) 18:49:57.15

そもそも反論する必要あんのか？
何と戦ってるのこの長文マンは
頭大丈夫か？統合失調症ちゃうか

**Name_Not_Found** · 2018/03/26(月) 18:50:42.88

おくすりだしときますね

**Name_Not_Found** · 2018/03/26(月) 18:50:46.08

>>115は正論なので反論する必要はない

**Name_Not_Found** · 2018/03/26(月) 18:52:21.78

なのに反論してみろって喧嘩ふっかけてて怖いな
被害妄想過ごそう

**Name_Not_Found** · 2018/03/26(月) 20:06:13.40

「大手もやってるから俺も正しい」しか主張出来んのだろ
大手だからこそバリデーションくらいして欲しいわ

**Name_Not_Found** · 2018/03/27(火) 08:34:44.50

顔真っ赤な奴ばっかだな
なんでこう誰でもできるような低賃金言語ってこうもすぐ荒れるかな
もっと他のことにプライドもてよクソ共

**Name_Not_Found** · 2018/03/27(火) 10:17:26.10

誰でも日本語書けますが、プロは日本語を書いて大金を稼いでいます

**Name_Not_Found** · 2018/03/27(火) 10:23:41.74

一番js書いてんのがgoogle
オフィススイート全部jsで書くとか悪夢だ…
しかもtypescript無い時代に…

**Name_Not_Found** · 2018/03/27(火) 10:29:01.82

え？ Google はGWTとか使ってるんでしょ？
Javaで作ればJavaScriptも作ってくれるとか？
もしかしてもうオワコン？
ゴミをたくさん作ってるのもGoogleだなｗ

**Name_Not_Found** · 2018/03/27(火) 11:12:11.84

バカばっかりだな
やれやれ

**Name_Not_Found** · 2018/03/28(水) 23:39:20.81

685Name_Not_Found2018/03/28(水) 22:28:13.59ID:???
>>682
いや、そんなにないと思う
どちらかと言えばそれは当てはまるもの全てに処理したいから、class使ってねということだろう
そういう場合はカスタムエレメントでも使ったほうが良い
そうすれば要素が作られた時、挿入されたときに即座に適宜処理ができるんだから

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

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

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

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

ブログ、ニュース、企業サイト、情報掲載と、
これらウェブの大半はアプリケーションじゃない

**Name_Not_Found** · 2018/03/29(木) 00:37:32.00

jq関係ないけど
HTMLがアプリケーションプラットフォームって考え方は
ぶっちゃけ危険極まりないよね・・・

**Name_Not_Found** · 2018/03/29(木) 03:20:19.20

>>136
俺もそう思う。
HTMLで文書じゃなくてアプリケーションを作るっていうのは
ごく一部だよ

大抵はHTMLとCSS、そしてJavaScriptでちょっと味付け
これから変えていこう！なんて波は来てない

**Name_Not_Found** · 2018/03/29(木) 03:20:44.86

素のJS のremove では、動かないブラウザがあるから、
素のJSでは、661 のように書く

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

一々、各ブラウザの機能を調べて、素のJSで対応するのが面倒くさい。
古いブラウザを使っている奴もいるし

**Name_Not_Found** · 2018/03/29(木) 03:21:01.33

classに対して処理振るのが最善なケースってどんなのがある？

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

classで処理振ると他の場所でclassを
使いまわしされたら想定外のバグが出そう
個人レベルの小規模なら問題にならないかもだけど

**Name_Not_Found** · 2018/03/29(木) 03:21:24.35

>>139
それ単にクラスの名前つけルールが無いと困るって言ってるだけだよ。
CSSでも発生する問題

.enabledというクラス名を付けていたら、
他の場所で使い回されて困った。
これと何も変わらん

**Name_Not_Found** · 2018/03/29(木) 03:27:40.51

>>140
デザイナはcss変えたために自分の領域で問題が出ればすぐ把握できる
けどjavascript側で問題が出てもわからない
だから切り分けが大事

**Name_Not_Found** · 2018/03/29(木) 03:49:17.73

classを使う最善なケースが出ないとなあ

**Name_Not_Found** · 2018/03/29(木) 09:10:43.92

カスタムエレメントどうやって作るの？という質問の意味が分からない
好きな要素をextendsしてregisterElementするだけじゃないか
そこにjQueryを使う？好きにしたら良いと思うが、
やっぱりjQueryありきの考え方だねと言わざるを得ないね
でも他のライブラリとかも使うかもしれないし、
jQueryで処理しちゃあ生要素に戻して他で処理するみたいなクソコードになると思うよ
それなら最初からjQUeryで完結させたほうが良い
jQueryはそういう他との相容れなさが欠点だからね

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

結局jQueryありきの価値観の人達って、他と相容れないjQueryを使いすぎて
例えばちょっとポリフィルを作って数個の素朴なライブラリを組み合わせて使うとか、
他のフレームワークを使った方が今回は良いんじゃないかとか考える能が無くなってるんだよ
jQueryだってやり方によっちゃ組み合わせて使える力も持ってるけど
上のカスタムエレメントの件で分かるように使いこなせてないしね
要するに考え方がいつまで経っても超古臭くて閉鎖的なんだよね
とりあえずjQuery使っとけばいいだろうみたいなのはやっぱり良くないよ
物は１つ１つ考えて良く使わないと

**Name_Not_Found** · 2018/03/29(木) 10:52:13.60

他と相容れないってw
JavaScriptに取り込まれてること自体が
jQueryの多大な貢献を示していると思うけど

**Name_Not_Found** · 2018/03/29(木) 10:52:31.19

>>143
> カスタムエレメントどうやって作るの？という質問の意味が分からない
> 好きな要素をextendsしてregisterElementするだけじゃないか

だから、このスレか、jsfiddleなどに
実際に動くコードを一つ書くだけですよ。

**Name_Not_Found** · 2018/03/29(木) 10:52:48.75

通常四行必要なところが三行になります！とか
一行で書けます！とか
そんなせせこましい次元じゃなくて

100行必要なところが1行になります！とか
一般に実装されてなくて個人で実装するには難易度が高い関数が使えます！
とか、そういうのないの

**Name_Not_Found** · 2018/03/29(木) 10:53:03.38

ライブラリってそういうもんだが

**Name_Not_Found** · 2018/03/29(木) 10:57:40.46

jQueryを否定できるのは生JavaScriptではなくて
jQueryを超克したライブラリだと思います
そういうライブラリないんですか？

**Name_Not_Found** · 2018/03/29(木) 11:45:55.72

>>148
JavaScript ライブラリ総合質問所 vol.5
http://mevius.5ch.net/test/read.cgi/hp/1465399470/

**Name_Not_Found** · 2018/03/29(木) 11:48:10.73

ちゃんと安価先を修正してコピペしてて草というか感心した

**Name_Not_Found** · 2018/03/29(木) 16:23:41.59

>>147
例えば今は必要性薄くなってきたけどsha512使うためのライブラリとか
zip/unzipするためのライブラリとか
自分で書くには行数すごくなるしいろいろと問題もある

むしろライブラリってこういうのが基本で
jQueryみたいなのは今やどっちかっていうと
「ショートカット集＆ポリフィル集」じゃないの？

**Name_Not_Found** · 2018/03/29(木) 16:24:12.14

悔しかったらjQueryに勝るシンプルなsource書いてね

**Name_Not_Found** · 2018/03/29(木) 16:24:32.17

jQueryの代替を提供してるのはフレームワークばかりの感じがします
置き換えたらDOM操作以外の余計なものまで付いてくるので困りますね

**Name_Not_Found** · 2018/03/29(木) 16:24:51.74

なにせjQuery君によるとDOM操作用のライブラリでは無いらしいからな。

**Name_Not_Found** · 2018/03/29(木) 17:27:42.42

シンプル（千行超えの小汚ないコード）

**Name_Not_Found** · 2018/03/29(木) 20:24:46.52

>>146
> 通常四行必要なところが三行になります！とか
> 一行で書けます！とか
> そんなせせこましい次元じゃなくて

四行必要なところが一行になったら1/4
1000行が250行になるんだが

**Name_Not_Found** · 2018/03/29(木) 20:33:24.93

>>151
> むしろライブラリってこういうのが基本で
> jQueryみたいなのは今やどっちかっていうと
> 「ショートカット集＆ポリフィル集」じゃないの？

数式だよ

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

(X + 5) * 3
短い

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

jQueryがライブラリじゃないというのなら
もっと基本な文法に相当するものだと言うよ。

**Name_Not_Found** · 2018/03/29(木) 20:35:40.20

いやライブラリだよ。

**Name_Not_Found** · 2018/03/29(木) 20:50:38.38

それでjQueryちゃんは
○文字節約できます！
以外にどんな機能を提供してくれるの

**Name_Not_Found** · 2018/03/29(木) 20:57:34.42

>>159
関数型風のプログラミング機能
あと機能じゃないが開発工数の削減と
バグを減らしてくれる

**Name_Not_Found** · 2018/03/29(木) 21:04:56.97

開発工数の削減って○文字節約できますを言い換えただけだろｗ
開発工数の削減ってそんなに重要なことなのかって話だよ

**Name_Not_Found** · 2018/03/29(木) 21:05:55.04

無くは無いんだがなぜか挙げられない

**Name_Not_Found** · 2018/03/29(木) 21:08:16.43

見えない見えないｗ

**Name_Not_Found** · 2018/03/29(木) 23:34:07.39

>>143
横から申し訳ない
カスタムエレメントってどういうときに使うもの？
いまいち理解できんのでよかったら教えてくれ

**Name_Not_Found** · 2018/03/29(木) 23:34:26.29

カスタムエレメントがほしいって思ったことがない
つまりHTMLパーツのコンポーネント化っていう
概念がなくて行き当たりばったりでCSSでデザインしてるだけ

こういうやつもいるからjQueryでクラス使って
コンポーネントに対して処理をする便利さが理解できないんだろうな

**Name_Not_Found** · 2018/03/29(木) 23:34:55.19

>>153
それな

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

わかりやすく言えばプログラミングできなきゃ
HTMLも表示できない。jQueryの利用者が今も増え続けてる理由だよ

**Name_Not_Found** · 2018/03/29(木) 23:35:14.04

https://w3techs.com/technologies/history_overview/javascript_library/all

ここ二ヶ月の間73.2%から増えてないから
とうとう上げ止まったか？と思ったら今月73.3%になった
よかった。jQueryの利用者はまだ増え続けてたんだ。

**Name_Not_Found** · 2018/03/29(木) 23:35:39.34

>>164
要素をカスタムしたい場合、という回答では不十分か？
今回の件に限らないけど、どうして何かしら例を出した程度の場合に
そいつにその物事についての説明やサンプルを求めるのかがさっぽり理解できない

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

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

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

ただし、そのlodashは入出力がArrayではなく、独自のArrayLikeオブジェクトになってるって感じ
そこがちょっと無視できないポイント
つまり基本的にlodash世界内で完結するように書くものであって、
lodashに一旦通して配列を加工して、lodash空間はそこで一旦終わらせて、
次に別のものに通していくってことが、ロジック上難しいのではないけれど、概念上困難ということになる

**Name_Not_Found** · 2018/03/29(木) 23:36:02.69

俺が変わりに答えてあげるけど
jQueryならサクッとできることが
カスタムエレメントだとすごく大変

**Name_Not_Found** · 2018/03/29(木) 23:36:28.28

>>168
具体例

**Name_Not_Found** · 2018/03/30(金) 12:49:57.02

custom components は、React とかだろ

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

各ブラウザ・スマホの実行環境を考慮した結果、標準にしない方がよい。
標準にすると、性能などで困るメーカーが出てくる

**Name_Not_Found** · 2018/03/30(金) 19:05:30.39

>>170
>>685でズバリ具体例を言ってるだろ、コードが欲しいってことか？
具体的に何の具体例をどういう目的で欲してるのかも分からんし
そんなん比較で色々書いてたら俺が書いてきた長文以上の量になるだろう
複数の要素を扱うってことで例を考えるとHTMLだけでもそれなりになるし
書く意味も分からんし書く気は無いよ

**Name_Not_Found** · 2018/03/30(金) 19:05:49.71

なんでイライラしてるやつばかりなんだ？

**Name_Not_Found** · 2018/03/30(金) 19:06:03.64

親を殺したjQueryがのさばってるから

**Name_Not_Found** · 2018/03/30(金) 19:24:06.09

>>171
Reactは１ミリもweb component/custom elementと関係ありません。
知ったかするな！
しいていうならPolymerだバカ

**Name_Not_Found** · 2018/03/30(金) 19:24:58.07

Railsにincludedされてるバッテリー風情がイキがっててワロタｗｗｗｗｗ

**Name_Not_Found** · 2018/03/30(金) 20:53:42.48

バッテリーってなに?

**Name_Not_Found** · 2018/03/30(金) 21:07:50.81

押し寿司

**Name_Not_Found** · 2018/03/30(金) 22:47:32.59

Web Componentsが各ブラウザでネイティブに実装されたら
今のAngularやReactなどのフレームワークは死滅する
一番の問題はフレームワークと共存できないということ
フレームワーク側もシェア維持のためにWeb Componentsに対応するのだろうが
今と作り方がまったく変わってしまう

だけどjQueryはただのライブラリなので、Web Componentsと共存できる
部分的にjQuery、部分的にWeb Componentsを使と言うことが可能
またWeb Components時代になってもコンポーネントとコンポーネントをつなぐ
必要がある。ここにjQueryは使うことができる。
コンポーネントが見つからない場合、今までどおりjQueryを使うこともできる
混ぜて使うことが可能。これがjQueryの大きなメリット

**Name_Not_Found** · 2018/03/30(金) 22:49:51.42

使えても使えなくても変わらないという程度の影響度

**Name_Not_Found** · 2018/03/31(土) 02:35:14.87

ウェブこんぽーねんつって何?

**Name_Not_Found** · 2018/03/31(土) 07:22:58.09

>>181
<honoka></honoka>
とかやっておくとかわいい女の子が表示される

みたいなものｗ

**Name_Not_Found** · 2018/03/31(土) 10:13:19.69

じゃあ、bodyに<all></all>と書くだけで
ページ全部が作れるのか

**Name_Not_Found** · 2018/03/31(土) 10:36:13.69

残念、表示されるのは黒乳首

**Name_Not_Found** · 2018/03/31(土) 23:36:19.29

jqの配信終わったら即死じゃん

**Name_Not_Found** · 2018/03/31(土) 23:36:37.77

カスタムタグとかカスタムエレメントとかウェブコンポーネントとか
正直全部どうでもいい

そんなのより
全部のブラウザでasync/await使えるようにしてくれよ
いつだよ

**Name_Not_Found** · 2018/03/31(土) 23:36:49.55

IEが死ぬのを期待した方がまだ早い

**Name_Not_Found** · 2018/03/31(土) 23:37:14.86

>>186
babel使え

**Name_Not_Found** · 2018/03/31(土) 23:37:31.08

期待せずに死んだものとして触らないのも手段だぞ

**Name_Not_Found** · 2018/03/31(土) 23:37:58.65

>>167
「jQueryは死んだ」というのが流行ってただけで
実際はむしろ成長中だったのですね

**Name_Not_Found** · 2018/03/31(土) 23:38:18.55

urlにおもいっきりJavascriptライブラリって書いてあるやんけ。
しいていうならJavascriptは永久に100%
Javascriptはお釈迦さま。てのひらの上で一番うまく踊れるのが誰か競ってるのがライブラリ。

**Name_Not_Found** · 2018/03/31(土) 23:38:35.95

>>191
ブラウザがお釈迦様。手のひらの上で踊らされてるのがフロントエンドエンジニア。

**Name_Not_Found** · 2018/03/31(土) 23:38:59.50

>>191
リンク先には各ライブラリのシェアだけではなく
ライブラリを使わないというNoneもはいってるよ

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

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

Noneの割合は年々減っている。現在は23.7%。
最近は一年で1%減るぐらいのペース
jQueryはその逆で一年で1%増えるぐらいのペース

**Name_Not_Found** · 2018/03/31(土) 23:39:40.91

正直手のひらの上で踊らされてるのは、
流行りものに流されっぱなしの
JavaScripterだけな気がするｗ

jQuery使いはストイックだよ
もう10年も踊ってない

**Name_Not_Found** · 2018/03/31(土) 23:39:56.85

ライブラリは言語に足りない部分を実現して
言語の未来の形を先取りしているものなので、お釈迦様というのは言い過ぎではないでしょうか？
ライブラリに先導されてJavaScriptはその後をヨチヨチと付いてきているのですから
むしろライブラリの方がお釈迦様的です

**Name_Not_Found** · 2018/03/31(土) 23:40:30.59

ライブラリはjavascriptで実現可能なことしか実現できない。
javascriptで書かれてるからなｗ

**Name_Not_Found** · 2018/03/31(土) 23:40:44.85

高級言語はアセンブラで実現可能なことしか実現できない。

できることと言ったら実現可能なことを、早く安く作れるだけだ
ライブラリもそれと同じ
こればっかりはアセンブラでは実現できないｗ

**Name_Not_Found** · 2018/03/31(土) 23:41:49.00

>>193
その None にはスクリプトすら使わないというのは入っているのかな？

**Name_Not_Found** · 2018/03/31(土) 23:57:45.68

Noneの中にJavaScriptすら使わないのがはいっていたら
生JavaScriptを使ってる人はもっと少なくなるな

**Name_Not_Found** · 2018/04/01(日) 00:33:28.86

どうせサイト全体でロード記述がどっかにあるかどうかでしょ
機能単位で見たら生jsクソほどありそう