JavaScript の質問用スレッド vol.125

1 名前：デフォルトの名無しさん mailto:sage [2022/08/07(日) 15:57:40.26 ID:TS5TGpUB0.net] !extend:checked:vvvvvv:1000:512 JavaScript を自ら学ぶ人のための質問スレッドです。 >>2-5のテンプレを読んだ上で質問してください。次スレは>>950が>>2の「次スレの立て方」を元に立ててください ■質問を書く上で (1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。 (2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。 　　(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など) (3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。回答者はなりすましを判断できませんので、なりすましが現れても自己責任となります。 (4) 常に自発的に調べる心構えを持ってください。 　　具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。 　　わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。 (5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。 (6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。 　　※必ず「問題の事象が再現されること」を確認してください。 　　　必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。 (7) サンプルコードに HTML が含まれる場合は validator.w3.org/ で [Check] してみてください。 (8) 質問を具体的かつ詳細に書くと回答を得られやすいです。>>2の質問テンプレートを活用してみてください。 (9) ライブラリ関連の質問は禁止です。関連スレにあるライブラリ質問スレで質問して下さい。 (10) 時にはあなたが望む「答え」だけでなく、「意見」などが寄せられる場合もあります。 ■前スレ JavaScript の質問用スレッド vol.124 https://mevius.5ch.net/test/read.cgi/tech/1636525464/ VIPQ2_EXTDAT: checked:vvvvvv:1000:512:: EXT was configured 601 名前：デフォルトの名無しさん mailto:sage [2023/01/15(日) 15:18:59.77 ID:iV9MAA6y0.net] >>589 https://developer.mozilla.org/ja/docs/Glossary/Deep_copy 602 名前：デフォルトの名無しさん mailto:sage [2023/01/15(日) 15:22:38.08 ID:yvxMece60.net] >>590,591 できましたありがとうございます。 603 名前：デフォルトの名無しさん mailto:sage [2023/01/15(日) 15:31:02.14 ID:XTiaoq8f0.net] この場合はこれで十分ですが スプレッド構文はシャローコピーなので、 データがより複雑な構造の場合は、それなりの記述が必要です 604 名前：デフォルトの名無しさん mailto:sage [2023/01/15(日) 15:40:55.97 ID:iV9MAA6y0.net] >>588 キャプティブポータルの検出機能が誤爆してるんじゃないかな 605 名前：デフォルトの名無しさん mailto:sage [2023/01/15(日) 20:06:20.61 ID:7dUg93Xk0.net] mainfn() function mainfn(){ pg1 = win1.pnl.add('group') pg1.orientation = "row" pg1.add("statictext", [0,0,70,23], "拡大・縮小") rd11 = pg1.add("edittext", [0,0,40,23], 100) pg1.add("statictext", [0,0,30,23], "％") pg9 = win1.pnl.add('group') pg9.orientation = "row" CAN = pg9.add("button",[0,0,100,30],"cancel") OK = pg9.add("button",[0,0,100,30],"OK") CAN.onClick = function(){win1.close()} OK.onClick = function(){ win1.close() dofn() } win1.show() } function dofn(){ bai = parseFloat(rd11.text) …… 以下略 これが正常に動作するのですが、rd11はローカル変数だとおもうのですが、なぜ違う関数内（dofn()）から読めるのでしょうか？ こういう書き方が出来るのなら楽なのですが… 606 名前：デフォルトの名無しさん mailto:sage [2023/01/15(日) 20:27:36.55 ID:Vv6s9YYpr.net] 関数内でvarを付けずに宣言された変数はグローバルスコープになる var rd11 = pg1.add("edittext", [0,0,40,23], 100) とすると関数スコープになって外部からアクセスできなくなるはず 関数内での変数宣言はvar文で行うべきで これを「楽」と思ってしまうのは危険 607 名前：デフォルトの名無しさん mailto:sage [2023/01/15(日) 20:53:03.10 ID:7dUg93Xk0.net] >>596 ありがとうございます 非常に勉強になりました 608 名前：デフォルトの名無しさん mailto:sage [2023/01/15(日) 21:30:36.07 ID:YqyTW3mJr.net] >>597 'use strict'が効くならスクリプトの先頭行に書いとくといいよ 609 名前：502 mailto:sage [2023/01/15(日) 23:28:40.23 ID:bMctduL80.net] >>595 それAdobe Illustratorかなにかで使うソースでしょ？ どういう環境で使うソースなのかは一言書いといた方がいいよ 610 名前：デフォルトの名無しさん mailto:sage [2023/01/15(日) 23:45:44.09 ID:r5uLxMWea.net] ES2015(ES6)以降は最低限、 変数宣言にはvar ではなく、let/const を付けよう 611 名前：デフォルトの名無しさん mailto:sage [2023/01/15(日) 23:55:04.30 ID:cRCjJN100.net] >>599 この指摘は何度も見てるが、いつになっても改善されない 質問者にとっては直す気がない、どうでもいい問題なんだろうな… 612 名前：デフォルトの名無しさん mailto:sage [2023/01/15(日) 23:55:05.86 ID:5X3ij1Yxr.net] >>600 このadobeのスクリプトはES3相当らしいのでvarを案内してるのよ まあそもそもスレ違いだからID:7dUg93Xk0は今後adobeのフォーラムで質問するようにね その方が我々も余計な労力を払わなくていいし君も的確な回答がもらえる https://community.adobe.com/t5/forums/searchpage/tab/message?filter=location&q=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%97%E3%83%88%20script&noSynonym=false&location=category:jp&collapse_discussion=true 613 名前：デフォルトの名無しさん mailto:sage [2023/01/15(日) 23:55:37.31 ID:cRCjJN100.net] >>599 この指摘は何度も見てるが、いつになっても改善されない 質問者にとっては直す気がない、どうでもいい問題なんだろうな… 614 名前：デフォルトの名無しさん mailto:sage [2023/01/15(日) 23:57:40.43 ID:cRCjJN100.net] 申し訳ない 投稿エラーで再投稿したら、二重投稿になってた 615 名前：デフォルトの名無しさん mailto:sage [2023/01/16(月) 01:46:54.32 ID:DS9XkUYq0.net] >>599 すみません 次から書きます あまりillustratorに特化したことは質問しません 616 名前：デフォルトの名無しさん mailto:sage [2023/01/16(月) 01:51:10.12 ID:DS9XkUYq0.net] >>598 そういうのがあるんですね 知らなかったです 617 名前：デフォルトの名無しさん mailto:sage [2023/01/16(月) 02:24:41.48 ID:SauNqkHgr.net] >>606 知った以上次からそちらにに行って質問してください 環境の説明も必要ないしillustratorに特化した質問もし放題だし良いことづくめですよ 618 名前：デフォルトの名無しさん mailto:sage [2023/01/16(月) 08:45:42.10 ID:Hbn6MJh3M.net] イラレ特化だからではなくてJavaScriptのバージョンの問題なんだけど なんも書いてなければ最新のモダンブラウザのつもりでみんな考える 今JavaScriptのバージョンってES12くらいかね、あんまりそういう言い方しないけど イラレ搭載のはES3なの？それも知らんけど クッソ古いから使える文法も関数もまるで違うから環境を書けと言っているのよ そこらへん多分知らなかったんだろうけど、それは仕方ないけど、次からは環境きちんと書いて というかできれば以降はAdobeのフォーラムでやって 619 名前：デフォルトの名無しさん mailto:sage [2023/01/17(火) 01:44:26.39 ID:BTJjkb3Ra.net] >>589 C/C++ 以外の言語は、参照しかコピーしない・shallow copy。 実体は再作成されない なので、deep copy するのに、参照のリンクが切れないので困る だから、marshal とか、わざわざオブジェクトをJSON 文字列化して、 その文字列から、新しいオブジェクトを作ったりする 620 名前：デフォルトの名無しさん mailto:sage [2023/01/17(火) 16:25:41.45 ID:XA7n1WWP0.net] >>609 え？ 621 名前：デフォルトの名無しさん mailto:sage [2023/01/17(火) 19:01:55.76 ID:LBqNgpc6H.net] ポインタのこと？ 622 名前：デフォルトの名無しさん mailto:sage [2023/01/18(水) 00:05:10.90 ID:csewAuIZ0.net] 検索アドレスに言語指定が必要になって下のスクリプトを書きました。 function Jump(){ var kekka = "ht"+"tp://www.concertzender.nl/?s=" + document.concertzender.kensaku.value + "&lang=nl"; location.href = kekka; return; } kensaku は検索フォームの文字列です。これで正常動作するのですが、 エラーチェックすると＆が警告されて気になります。 &にしたらアドレスが&になって検索できないし、 なんとかならないものでしょうか・・・ 623 名前：デフォルトの名無しさん mailto:sage [2023/01/18(水) 00:09:24.42 ID:csewAuIZ0.net] 上 ＆ａｍｐ；　です ＆＃０３８；　でも同じです 624 名前：デフォルトの名無しさん mailto:sage [2023/01/18(水) 06:35:54.86 ID:guU+fOES0.net] この気持ち悪いの何？ > "ht"+"tp 625 名前：デフォルトの名無しさん mailto:sage [2023/01/18(水) 07:40:19.90 ID:Eqd2U92jH.net] documentのpropertyにconcertzenderって標準でないっしょ？ スクリプトのどっかでなんか設定してるん？ 626 名前：デフォルトの名無しさん mailto:sage [2023/01/18(水) 07:41:25.64 ID:Eqd2U92jH.net] それとエラーの内容も書き込まずにして質問っていうのもどうなの？ 627 名前：デフォルトの名無しさん mailto:sage [2023/01/18(水) 08:57:37.16 ID:cgb3Ru010.net] >>614 5ch対策でしょ 628 名前：デフォルトの名無しさん mailto:sage [2023/01/18(水) 10:05:55.23 ID:csewAuIZ0.net] >>616 すいません。単純に特殊文字ダメよという内容だったんで・・・ "&lang=nl"; "&lang=nl"; もし、"&" で始まるエンティティを含めるつもりなら、";" で終了させるべきです。 このエラーメッセージのもう一つの理由は、このテキストの直前にある「&」文字をエスケープしなかったために、 誤ってエンティティを作成してしまったことです。（機械翻訳） 自分としては＆ａｍｐ；と書いて、リンクアドレスとして＆を出力したいわけです・・・ 629 名前：デフォルトの名無しさん mailto:sage [2023/01/18(水) 10:16:20.21 ID:guU+fOES0.net] >>617 あーそういうことか。コピペコードで悪さでもしようとしているのかと思ったけど違うみたいね >>612 大体どの言語でもクエリ文字列を作る仕組みが用意されているのでそれを利用するのが適切です JavaScriptならコレかな URLSearchParams https://developer.mozilla.org/ja/docs/Web/API/URLSearchParams 630 名前：デフォルトの名無しさん mailto:sage [2023/01/18(水) 11:11:32.49 ID:CwkcAAQnr.net] >>618 載せるならエラーメッセージ原文を で、そのメッセージでググってみた？ あとエラーチェックするとって具体的にどういう操作をしたの？ 631 名前：デフォルトの名無しさん mailto:sage [2023/01/18(水) 12:42:13.54 ID:iQx/CEUf0.net] >>612 htmlのscript要素の中身はCDATAなので文字参照にする必要なし もちろんinnerHTML等htmlとしてパースされるものに突っ込む場合は必要だが htmllintなんかでエラーになるのは無視していい 632 名前：デフォルトの名無しさん mailto:sage [2023/01/18(水) 13:08:45.81 ID:csewAuIZ0.net] >>620 エラーメッセージはその部分は＆ａｍｐ；だろと言っているのですが、じゃあ＆ａｍｐ；と書くと tp://www.concertzender.nl/?s=kensaku＆ａｍｐ；lang=nl と出力されてエラーになり、困ったわけです・・・ >>621 無視していいんですね。ありがとうございます。 htmlでは＆ａｍｐ；と書くと＆になるのに、スクリプトの部分ではそうならないのですね。 633 名前：デフォルトの名無しさん mailto:sage [2023/01/18(水) 13:26:39.01 ID:Okbz9NQsr.net] >>622 何も質問に答えてないよね 答える気があるならもう一度>>620を読んでほしい 634 名前：デフォルトの名無しさん mailto:sage [2023/01/19(木) 22:07:44.38 ID:40XBuhhWH.net] 君は君の質問に反応しない人には 推し量って導こうという崇高な意識はないの？JS使いなのに？ 635 名前：デフォルトの名無しさん mailto:sage [2023/01/20(金) 00:14:23.52 ID:VzeMnjK00.net] >>624 誰からも回答してもらえない質問者は、他の人を導く存在に昇格ということか 質問に回答しないのが本人の為なのかもしれんな 636 名前：デフォルトの名無しさん mailto:sage [2023/01/20(金) 01:57:18.23 ID:ptsQI5JN0.net] それよりJavaScriptをJSと略すと女子小学生しか思い浮かばないからそろそろやめたほうがいい 637 名前：デフォルトの名無しさん mailto:sage [2023/01/20(金) 07:46:55.99 ID:PpNyk8UWr.net] >>624 >君は君の質問に反応しない人には 反応しない人？ 質問に反応されたけど回答になってなかったからそこを指摘したんだけど 638 名前：デフォルトの名無しさん mailto:sage [2023/01/20(金) 17:53:26.94 ID:zXaveivW0.net] >>626 J 639 名前：デフォルトの名無しさん mailto:sage [2023/01/26(木) 00:31:01.01 ID:c9Kzf+f60.net] 【環境】Win11,Chromeで表示させたHTMLの中のjavascript Windowsのフルパスのファイル名が入った変数を\でsplitしたいんだけど可能？ x_textにはJSONデータから取ってきた'D:\\00.png'が入っていて console.log(x_text)だとD:\00.pngと表示 これをsplitすると aaa1.html:154 Uncaught TypeError: Assignment to constant variable. になる。 split('\\')をsplit('\\\\')にしても同じ console.log(x_text) arr_text = x_text.split('\\')　←ここでエラー console.log(arr_text[0]) 640 名前：デフォルトの名無しさん mailto:sage [2023/01/26(木) 00:37:27.57 ID:q740ttN00.net] >>629 arr_textがconst宣言されてるだけでは？ 641 名前：デフォルトの名無しさん mailto:sage [2023/01/26(木) 01:06:05.60 ID:c9Kzf+f60.net] >>630 できました。 サンクスです。 642 名前：デフォルトの名無しさん [2023/01/29(日) 10:31:07.49 ID:rZA8vUyra.net] 初学者質問ですいませんが、変数aが文字列あいう、かつ、変数bがundefinedでない時 というif文を書きたい時 if (a=='あいう' && (!(b === void 0))) ｛... という書き方であってますか？ よりシンプルな書き方とか、より標準的な書き方ってありますでしょうか。 643 名前：502 mailto:sage [2023/01/29(日) 12:00:10.71 ID:9rN3KLzS0.net] 厳密不等価演算子 !== https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Strict_inequality undefined が予約語になってないから void 0、ってのは……はて、今もやるものかね 644 名前：デフォルトの名無しさん mailto:sage [2023/01/29(日) 12:54:20.77 ID:eUvMCdrW0.net] if(a == 'あいう' && !b)でもよさそうな気がしなくもない 645 名前：デフォルトの名無しさん mailto:sage [2023/01/29(日) 15:43:05.57 ID:d0tJgmu5r.net] >>633 undefined は予約語ではないのでローカル変数による上書きが可能…という意味では、void 0 を使う価値はある 646 名前：デフォルトの名無しさん [2023/01/29(日) 15:59:30.70 ID:rpOrCqGha.net] >633 ありがとうございます。リンク先確認しました。 if(a=='あいう' && b!== undefined またはvoid 0) という感じでしょうか。 ここでb!= undefined とするとまずいのはbがnullの時だけ、という認識でいいでしょうか。 >634 ありがとうございます。bが0や空文字の時にも偽になりそうです。 647 名前：デフォルトの名無しさん mailto:sage [2023/01/29(日) 16:03:43.52 ID:R24XfIrD0.net] 第一にjavascriptみたいな後付け追加仕様が混在する言語は規格よりも実装の影響力が強いから 想定環境で検証済の方法を採用すべきだと思う コードとしては変数をtypeofで"undefined"と比較するのが恐らく理解しやすいが、 メンテナがjavascriptに十分慣れていてvoid 0のイディオムの理解を期待できるならそっちでもいい 648 名前：デフォルトの名無しさん mailto:sage [2023/01/29(日) 16:28:19.00 ID:MX/guDl/d.net] >>636 結局のところ ・undefinedが上書きされる可能性を考慮する必要があるのか ・bがundefined以外のfalsyな値を取りうるのか ・取る場合それぞれの値をundefinedとは区別したいのか同じとみなしたいのか この辺次第で望ましい書き方は変わってくるわけで 649 名前：デフォルトの名無しさん mailto:sage [2023/01/29(日) 16:30:22.92 ID:d0tJgmu5r.net] >>636 型チェックも働かせるなら if (a. === 'あいう' && b !== void 0) と書けば良い 'あいう' も==では型チェックしない > ここでb!= undefined とするとまずいのはbがnullの時だけ まずいのは、undefined! == void 0 の場合 650 名前：デフォルトの名無しさん (ｱｳｱｳｳｰ Sacd-3+Au [106.128.44.107]) [2023/02/12(日) 19:44:05.09 ID:zQHZ3m1Fa.net] //☆☆県(API番号☆00000)の予報を取得 let url = "https://www.jma.go.jp/bosai/forecast/data/forecast/☆00000.json"; fetch(url) .then(function(response) { return response.json(); }) .then(function(weather) { console.log(weather); //☆☆県を選択し、変数に詰め直す let area = weather[0].timeSeries[0].areas[0]; console.log(area); //発表者と更新日時の情報を書き出す document.getElementById("publishingOffice").lastElementChild.textContent = weather[0].publishingOffice; document.getElementById("reportDatetime").lastElementChild.textContent = weather[0].reportDatetime; //特定の地域の情報を画面に書き出す document.getElementById("targetArea").lastElementChild.textContent = area.area.name; document.getElementById("today").lastElementChild.textContent = area.weathers[0]; document.getElementById("tomorrow").lastElementChild.textContent = area.weathers[1]; document.getElementById("dayAfterTomorrow").lastElementChild.textContent = area.weathers[2]; }); 上手く動かないのですがどこが間違えてますか？教えてください。 ☆はわざとです 651 名前：デフォルトの名無しさん mailto:sage [2023/02/13(月) 16:33:17.79 ID:6gR8iJfAr.net] バグってるので調査してください それは質問ではなく作業依頼 652 名前：502 mailto:sage [2023/02/13(月) 22:37:53.05 ID:E1kxmkHl0.net] >>640 やりたいことも伝えずに上手く動かないと言われてもなー 653 名前：デフォルトの名無しさん mailto:sage [2023/02/14(火) 07:31:57.89 ID:NKP9M84/H.net] なぜ自身でデバッグせんのよ 654 名前：デフォルトの名無しさん mailto:sage [2023/02/14(火) 21:18:40.92 ID:snyjWmK+0.net] そのメソッドチェーンやめれば分かるよ エラーが起きない前提があってのメソッドチェーンだからよ 655 名前：デフォルトの名無しさん mailto:sage [2023/02/17(金) 12:17:26.22 ID:DJukcnvm0.net] $.each()とsetIntervalをつかって、 インターバル時間ごとに順番に配列の中身を、コンソール出力する方法ありますでしょうか？ $.each()は、一度に処理するから、一つづつコンソール出力するのは難しいですかね。 656 名前：デフォルトの名無しさん mailto:sage [2023/02/17(金) 20:26:53.96 ID:iF4/ZjHx0.net] >>645 $,each()を使う理由がわからない setIntervalだけ使えば良い 657 名前：デフォルトの名無しさん mailto:sage [2023/02/17(金) 22:54:40.37 ID:iF4/ZjHx0.net] >>645 clearintervalで1回だけタイマーを動かしてPromise化してawaitして$.each()を使えば、理屈ではできると思う 手段のﾓ目的化、かつ無駄に複雑だと思うが 658 名前：デフォルトの名無しさん mailto:sage [2023/02/18(土) 19:51:29.82 ID:gBmvvkX6a.net] nodeでPythonのif name==main みたい 659 名前：なことできませんか？ メソッドの動きをデバッカーでみたいんです [] [ここ壊れてます] 660 名前：デフォルトの名無しさん mailto:sage [2023/02/24(金) 01:21:32.26 ID:jGK2BMhd0.net] //【環境】Win11,JScript //【何をしたのか】case文のところ 661 名前：に条件式を書き、breakせずにすべての条件式で評価したい //【サンプルコード】現象を再現可能な最小限のコードを書いてください。 a=1 switch (true) { case (a==1): a=a+16 WScript.echo("aの値を変更a=",a) case (a>10): WScript.echo("a>10","a=",a) a=a-10 WScript.echo("aの値を変更a=",a) case (a>30): WScript.echo("a>30です","a=",a) a=0 WScript.echo("aの値を変更a=",a) } WScript.echo("最終的な結果a=",a) //【エラーメッセージ】エラーメッセージがあれば正確に書き写してください。(Windows なら「コピット」を活用) aの値を変更a= 17 a>10 a= 17 aの値を変更a= 7 a>30です a= 7 aの値を変更a= 0 最終的な結果a= 0 //【期待する結果】最終的にどういう結果を望んでいるのか、を書いてください。 2番目のcaseでa=7だから3番目のcaseにはいかず、最終的にはa=7になるのでは？ [] [ここ壊れてます] 662 名前：デフォルトの名無しさん mailto:sage [2023/02/24(金) 02:46:21.28 ID:thXJapXb0.net] >>649 上から順に case が評価され、どこかで真になればそれ以降の case は評価されない。 break してないからそれ以降の処理がフォールスルーで実行されてるだけ。 全部の条件を評価したいなら普通に if で書けばいいと思うよ。 663 名前：デフォルトの名無しさん mailto:sage [2023/02/24(金) 05:29:40.16 ID:xQyCpHMf0.net] そもそもswitch文って条件にtrue入れて使うようなもんじゃないぞ 664 名前：デフォルトの名無しさん mailto:sage [2023/02/24(金) 08:59:59.37 ID:thXJapXb0.net] >>651 case に式を書けるようにしたことによって使えるようになった副作用みたいなものだよね。 switch の式と一致する case を探すのが switch文の動作だとするなら、switch の式 true と一致する値となる、すなわち true になる式を持つ case が選択される。 個人的には if で書けばいいものをわざわざ分かりづらい書き方にしてるバッドプラクティスだと思ってるが、フォールスルーと組み合わせると if よりもスマートに書ける可能性はあるかもね。 特に >>649 のように全部の case を評価してほしいなら、switch で書く利点が何一つ無い。 if より利点がある場合は、フォールスルーする場合に最初に true になる case までしか式が評価されないことくらいなのに。 665 名前：デフォルトの名無しさん mailto:sage [2023/02/25(土) 02:30:10.34 ID:E1i3tKVi0.net] >>652 良いサンプルが思いつかんけど、 ifで書こうとすると、重複する処理を書かなければいけなくなったり、フラグの変数を導入したりすることになるんだけど、 breakなしのswitch case文ならうまいこと書けるんじゃないかと思ってやってみたけど、動かなかった。 666 名前：デフォルトの名無しさん mailto:sage [2023/02/25(土) 21:04:04.70 ID:5GrSMYMK0.net] jQuery以外のライブラリ・フレームワークは廃止して欲しい。 覚えるのが大変。 667 名前：デフォルトの名無しさん mailto:sage [2023/02/25(土) 22:01:05.33 ID:YxrjvuYta.net] react だけでよくね jqueryとかいい加減消滅しろよ 668 名前：デフォルトの名無しさん mailto:sage [2023/02/25(土) 23:22:22.93 ID:5GrSMYMK0.net] >>655 この２つは併用出来ないから辛い。 で、reactならではの利点は？ 669 名前：デフォルトの名無しさん mailto:sage [2023/02/25(土) 23:31:29.20 ID:fw0b+BcSM.net] 質問スレで焚き付けんな 670 名前：デフォルトの名無しさん mailto:sage [2023/02/25(土) 23:38:37.47 ID:TypeZdxc0.net] 素の JS でいじゃん。 というのは言い過ぎかもしれんけど、何に使ってるんだか分からんようなことでいちいちおまじないのように jquery 読み込んでる呆れるようなところも少なくないんだよな。 通信回線速度も処理能力も上がってるから動いちゃいるが、とりあえず素の JS で書けるようになれと言いたい。 ブラウザ毎の非互換も少なくなってるし querySelector みたいな便利なメソッドもあるし、そんなに苦労しないでしょ。 671 名前：デフォルトの名無しさん mailto:sage [2023/02/25(土) 23:49:36.71 ID:YJ+BhbRla.net] それなjqueryおじさんはJSだけで書けるようにしておけ それでも足りないならReact使えな 672 名前：デフォルトの名無しさん mailto:sage [2023/03/01(水) 19:53:41.69 ID:hdBOeOla0.net] githubで他人のコード見てるとclassもprototypeも使われてないやつが多いんだけど何でなん？ベストプラクティスがruby以上にわからん何が正解なん？ 673 名前：デフォルトの名無しさん mailto:sage [2023/03/01(水) 23:29:12.38 ID:8kmkGnGP0.net] 暗黙的なクロージャがあるからclassやprototypeを使わずとも割と困らないのが何でなん？の回答になる 674 名前：デフォルトの名無しさん mailto:sage [2023/03/02(木) 02:00:11.27 ID:65NO3QYK0.net] htmlコーダー志望の初心者です。 JSの入門書を読み終えたのでより実践的な学習に移行したいのですが、 既存の書籍やサイトは総論のような基本的な知識に焦点を当てたものが多い印象で、 実務において初心者コーダーにどのようなプログラムの作成が 求められてくるのかが判然としません。 そのような内容に焦点を当てた書籍やサイト等はありますか。 675 名前：デフォルトの名無しさん mailto:sage [2023/03/02(木) 19:51:27.97 ID:eGjuMjwU0.net] そもそもhtmlコーダーって何？ってぐぐってみたらデザイナやエンジニアが片手間でできる内容だし専門職としては成立せんのでは 676 名前：660 mailto:sage [2023/03/02(木) 23:05:32.75 ID:65NO3QYK0.net] >>663 htmlコーダーという職種自体がオワコンですかね… ご意見参考にさせていただきます。 677 名前：デフォルトの名無しさん mailto:sage [2023/03/03(金) 08:25:40.95 ID:DJxhSXLyr.net] 99％のエンジニアは片手間でできないからな エンジニアはhtmlとcssをバカにするけどほとんどのエンジニアはまともに使えていないんだよ 特にcss 使い方を知らない 勉強しようとしても理解できない なのにバカにする エンジニアは視覚からコードに落とし込む能力が絶望的に劣っている ↓ デザイナーから上がっきたモックをhtmlとcssで再現できない ↓ だけどその事実がバレたくないからコーダーといってバカにする ↓ 実際にはjsxとstyle componentなどで必須スキル ↓ 必須だけどできないからhtmlとcssはデザイナーの仕事だと言い放つ ↓ じゃあjsxはデザイナーに書かせるのか？と聞くと無言 毎回このパターン 678 名前：デフォルトの名無しさん mailto:sage [2023/03/03(金) 08:32:56.76 ID:an7QtCXRd.net] まあでもそういう業界だからね 連携ダメだからと言って隙間に入り込める余地があるかどうか 679 名前：デフォルトの名無しさん mailto:sage [2023/03/03(金) 09:44:56.39 ID:o6EY7x580.net] >>665 組み込み系や汎用系のエンジニアにでも頼んでるのか？ ちゃんとWeb系やってるとこに頼みなよ 680 名前：デフォルトの名無しさん mailto:sage [2023/03/03(金) 10:01:30.76 ID:DJxhSXLyr.net] >>667 むしろ組み込みは汎用系のほうは知らん Web系エンジニアはこんなんだぞ ほんの少しだけ有能なフロントエンジニアがいる現状 なぜならフロント開発スキルとデザインスキルの両方を持ち合わせた人材がほぼいないから 681 名前：デフォルトの名無しさん mailto:sage [2023/03/03(金) 10:24:24.87 ID:o6EY7x580.net] webプログラマーに高度なデザインまで要求するのは無理でしょ そのためにプロのデザイナーがいるんだし でもほとんどのエンジニアがhtmlとcssをまともに使えないなんてありえない 今いる環境が悪すぎるんじゃないの？ 682 名前：デフォルトの名無しさん mailto:sage [2023/03/03(金) 11:25:14.28 ID:yQajwbSzM.net] ぶっちゃけデザインするやつが CSS まで書くのが一番いいんじゃね？ 位置やら大きさやらの細かい詰めまでこだわれるでしょうに。 683 名前：デフォルトの名無しさん mailto:sage [2023/03/03(金) 11:27:48.97 ID:GvE2UXq10.net] アニメーションとかJsonでデータいじくる時だけ呼んでください ってことにしてる社内ニート 684 名前：デフォルトの名無しさん mailto:sage [2023/03/03(金) 11:54:37.73 ID:DJxhSXLyr.net] こういうこと デザイナーの担当 ・モック作成 ・Atomicデザイン込みのコンポーネント設計 ・コンポーネント作成 ・App作成（コンポーネントの組み上げ） ・jsx、css ・state更新とrender関連 ・レスポンシブ対応 ・トランジションやアニメーションなど ・DOM生成後の表示・操作・調整（表示順やインタラクション） ・エラー表示、警告 ・htmlバリデーションのcheckValidityやreportValidity処理 フロントエンジニアの担当 ・APIでデータ送受信 ・propsで流し込み 685 名前：デフォルトの名無しさん mailto:sage [2023/03/03(金) 12:03:53.67 ID:aLTOWI5kM.net] >>672 それ専業のデザイナー置いても暇を持て余すような職場だろ 普通デザイナーにjsxなんて書かせないよ 686 名前：デフォルトの名無しさん mailto:sage [2023/03/03(金) 12:14:59.23 ID:o6EY7x580.net] ほとんどのエンジニアがｈｔｍｌもｃｓｓもまともに使えない職場みたいだからなｗ 687 名前：デフォルトの名無しさん mailto:sage [2023/03/03(金) 12:33:55.85 ID:DJxhSXLyr.net] 職場じゃなくてそもそもエンジニアたちがhtmlとcssが絶望的にゴミレベルしかいないんだよ 海外でも同じ傾向がある なのに自分たちはできると勘違いしてるから話が通じないんだよな 688 名前：デフォルトの名無しさん mailto:sage [2023/03/03(金) 13:31:04.49 ID:o6EY7x580.net] jquery使えます！って嘘ついたデザイナーの尻拭いをさせられたことはあったな 689 名前：デフォルトの名無しさん mailto:sage [2023/03/03(金) 13:32:46.28 ID:yQajwbSzM.net] >>675 そういうお前は逆にサーバサイドは絶望的な腕前なんじゃないの？ 690 名前：デフォルトの名無しさん mailto:sage [2023/03/03(金) 15:00:35.71 ID:DJxhSXLyr.net] >>677 わざわざ煽りご苦労 サーバーサイドが絶望的どころかサーバーサイドもやってるが？ むしろフロントよりも先にサーバーサイドからやってたわ 691 名前：デフォルトの名無しさん mailto:sage [2023/03/03(金) 15:24:30.84 ID:yQajwbSzM.net] >>678 という人がどれだけいるのって話でしょ。 おれもサーバサイドの人というか、むしろwebじゃないサーバの人だけど。 692 名前：デフォルトの名無しさん mailto:sage [2023/03/03(金) 18:33:43.53 ID:omRbdhVsr.net] やたらイキって言葉遣いが悪いのと同じ回線だと肩身が狭い・・・ 693 名前：デフォルトの名無しさん mailto:sage [2023/03/03(金) 21:01:23.22 ID:bsut6PhH0.net] >>672 デザイナーはせいぜいコンポーネント作ってStoryBookに載せるまでが責務だろw 694 名前：デフォルトの名無しさん mailto:sage [2023/03/03(金) 22:20:39.69 ID:Q9LzyMl00.net] プログラマにバカにされてreact勉強中のデザイナー様が激おこです 695 名前：デフォルトの名無しさん mailto:sage [2023/03/03(金) 22:30:19.52 ID:yxGxd3AO0.net] webデザイナーってjqueryぐらいまでは覚えさせられたかもだけど 流石にreactやvueまでやれってのは酷ではｗ そんなのフロントエンドエンジニアの仕事でしょｗ 696 名前：デフォルトの名無しさん mailto:sage [2023/03/03(金) 23:30:24.99 ID:Q9LzyMl00.net] だってフロントエンドエンジニアはｈｔｍｌもｃｓｓもわからないバカばっかりなんだもん 697 名前：デフォルトの名無しさん mailto:sage [2023/03/04(土) 18:46:55.35 ID:erCI1bTUH.net] javascriptコードでバグの伝搬を制限して拡張性を高める必要性のある堅牢なプログラムなんて不要だからでしょ 698 名前：デフォルトの名無しさん mailto:sage [2023/03/04(土) 18:52:38.30 ID:erCI1bTUH.net] みんななんで仲良くなれないかな 699 名前：デフォルトの名無しさん mailto:sage [2023/03/05(日) 16:50:40.53 ID:RB9OOifa0.net] 仕事だし自分の領域に少なからず関わってくるんだから覚えろよ わからないじゃねーんだよボケ^^ これでよし 700 名前：デフォルトの名無しさん mailto:sage [2023/03/11(土) 23:19:16.39 ID:qvilA0zq0.net] sortメソッドは必ず、比較関数と一緒に使用する必要ありますか？ sortメソッドは数値を並びかえだと比較関数と一緒でないとうまくいかなくて、 でも、文字列のソートなら、ソート関数なくてもうまくいくみたい。 sortは文字列でも数値でもソート関数使った方がいいのでしょうか？

---

---

[ 続きを読む ] / [ 携帯版 ]

read.cgi ver5.27 [feat.BBS2 +1.6] / e.0.2 (02/09/03) / eucaly.net products.
担当:undef