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

■ このスレッドは過去ログ倉庫に格納されています
2022/08/07(日) 15:57:40.26ID:TS5TGpUB0
!extend:checked:vvvvvv:1000:512
JavaScript を自ら学ぶ人のための質問スレッドです。
>>2-5のテンプレを読んだ上で質問してください。次スレは>>950が>>2の「次スレの立て方」を元に立ててください

■質問を書く上で
(1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。
(2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。
　　(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など)
(3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。回答者はなりすましを判断できませんので、なりすましが現れても自己責任となります。
(4) 常に自発的に調べる心構えを持ってください。
　　具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。
　　わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。
(5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。
(6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。
　　※必ず「問題の事象が再現されること」を確認してください。
　　　必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。
(7) サンプルコードに HTML が含まれる場合は http://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
586デフォルトの名無しさん (ｵｲｺﾗﾐﾈｵ MMa7-+Atj [150.66.84.146])
垢版 |
2023/01/15(日) 13:53:25.79ID:0IRxms8qM
ルーターのブロードステーションに電源を入れると
エッジブラウザが起動して自動的にブロードステーションのルーターのページが表示されます。
ブロードステーション関連のソフトウェアは一切インストールしていないにもかかわらずです。
これって動きだけ見ますとルータが勝手にこっちのpcを操作してるように見えるのですがどういう仕組みなんでしょうか？
ブラウザ(JavaScript)はページ内しか操作出来ない筈なんですが。
2023/01/15(日) 15:02:28.33ID:yvxMece60
よろしくお願いします

【環境】Win11,Chrome
【何をしたのか】下記コードをHTMLファイルにしてchromeで読み込ませて、コンソールで見た
JSONのItemsを一個追加して、追加したageだけ書き換えたいが、両方書き換わる
【エラーメッセージ】エラーメッセージはない
【期待する結果】Itemsの2個めのageだけが40になるはず
【サンプルコード】現象を再現可能な最小限のコードを書いてください。

<script>
json =
{
"color_list": [ "red", "green", "blue" ],
"Items": [
{ "name": "Tanaka", "age": 26 },
]
}
data0=json["Items"][0]

json["Items"].push(data0)

console.log("before");
console.log(json["Items"][0]["age"]);
console.log(json["Items"][1]["age"]);

json["Items"][1]["age"]=40

console.log("after");
console.log(json["Items"][0]["age"]);
console.log(json["Items"][1]["age"]);
</script>



結果
before
26
26
after
40
40
2023/01/15(日) 15:12:37.19ID:XTiaoq8f0
>>587
そのコードで、参照がコピーされているので
data0={...json["Items"][0]}
とすればいい
2023/01/15(日) 15:18:59.77ID:iV9MAA6y0
>>587
https://developer.mozilla.org/ja/docs/Glossary/Deep_copy
2023/01/15(日) 15:22:38.08ID:yvxMece60
>>588,589
できましたありがとうございます。
2023/01/15(日) 15:31:02.14ID:XTiaoq8f0
この場合はこれで十分ですが
スプレッド構文はシャローコピーなので、
データがより複雑な構造の場合は、それなりの記述が必要です
2023/01/15(日) 15:40:55.97ID:iV9MAA6y0
>>586
キャプティブポータルの検出機能が誤爆してるんじゃないかな
2023/01/15(日) 20:06:20.61ID:7dUg93Xk0
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()）から読めるのでしょうか？
こういう書き方が出来るのなら楽なのですが…
2023/01/15(日) 20:27:36.55ID:Vv6s9YYpr
関数内でvarを付けずに宣言された変数はグローバルスコープになる
var rd11 = pg1.add("edittext", [0,0,40,23], 100)
とすると関数スコープになって外部からアクセスできなくなるはず
関数内での変数宣言はvar文で行うべきで
これを「楽」と思ってしまうのは危険
2023/01/15(日) 20:53:03.10ID:7dUg93Xk0
>>594
ありがとうございます
非常に勉強になりました
2023/01/15(日) 21:30:36.07ID:YqyTW3mJr
>>595
'use strict'が効くならスクリプトの先頭行に書いとくといいよ
2023/01/15(日) 23:28:40.23ID:bMctduL80
>>593
それAdobe Illustratorかなにかで使うソースでしょ？
どういう環境で使うソースなのかは一言書いといた方がいいよ
2023/01/15(日) 23:45:44.09ID:r5uLxMWea
ES2015(ES6)以降は最低限、

変数宣言にはvar ではなく、let/const を付けよう
2023/01/15(日) 23:55:04.30ID:cRCjJN100
>>597
この指摘は何度も見てるが、いつになっても改善されない
質問者にとっては直す気がない、どうでもいい問題なんだろうな…
2023/01/15(日) 23:55:05.86ID:5X3ij1Yxr
>>598
この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
2023/01/15(日) 23:55:37.31ID:cRCjJN100
>>597
この指摘は何度も見てるが、いつになっても改善されない
質問者にとっては直す気がない、どうでもいい問題なんだろうな…
2023/01/15(日) 23:57:40.43ID:cRCjJN100
申し訳ない
投稿エラーで再投稿したら、二重投稿になってた
2023/01/16(月) 01:46:54.32ID:DS9XkUYq0
>>597
すみません
次から書きます
あまりillustratorに特化したことは質問しません
2023/01/16(月) 01:51:10.12ID:DS9XkUYq0
>>596
そういうのがあるんですね
知らなかったです
2023/01/16(月) 02:24:41.48ID:SauNqkHgr
>>604
知った以上次からそちらにに行って質問してください
環境の説明も必要ないしillustratorに特化した質問もし放題だし良いことづくめですよ
2023/01/16(月) 08:45:42.10ID:Hbn6MJh3M
イラレ特化だからではなくてJavaScriptのバージョンの問題なんだけど
なんも書いてなければ最新のモダンブラウザのつもりでみんな考える
今JavaScriptのバージョンってES12くらいかね、あんまりそういう言い方しないけど
イラレ搭載のはES3なの？それも知らんけど
クッソ古いから使える文法も関数もまるで違うから環境を書けと言っているのよ
そこらへん多分知らなかったんだろうけど、それは仕方ないけど、次からは環境きちんと書いて
というかできれば以降はAdobeのフォーラムでやって
2023/01/17(火) 01:44:26.39ID:BTJjkb3Ra
>>587
C/C++ 以外の言語は、参照しかコピーしない・shallow copy。
実体は再作成されない

なので、deep copy するのに、参照のリンクが切れないので困る

だから、marshal とか、わざわざオブジェクトをJSON 文字列化して、
その文字列から、新しいオブジェクトを作ったりする
2023/01/17(火) 16:25:41.45ID:XA7n1WWP0
>>607
え？
2023/01/17(火) 19:01:55.76ID:LBqNgpc6H
ポインタのこと？
2023/01/18(水) 00:05:10.90ID:csewAuIZ0
検索アドレスに言語指定が必要になって下のスクリプトを書きました。

function Jump(){
var kekka =
"ht"+"tp://www.concertzender.nl/?s=" +
document.concertzender.kensaku.value +
"&lang=nl";
location.href = kekka;
return;
}

kensaku は検索フォームの文字列です。これで正常動作するのですが、
エラーチェックすると＆が警告されて気になります。
&にしたらアドレスが&になって検索できないし、
なんとかならないものでしょうか・・・
2023/01/18(水) 00:09:24.42ID:csewAuIZ0
上
＆ａｍｐ；　です
＆＃０３８；　でも同じです
2023/01/18(水) 06:35:54.86ID:guU+fOES0
この気持ち悪いの何？
> "ht"+"tp
2023/01/18(水) 07:40:19.90ID:Eqd2U92jH
documentのpropertyにconcertzenderって標準でないっしょ？
スクリプトのどっかでなんか設定してるん？
2023/01/18(水) 07:41:25.64ID:Eqd2U92jH
それとエラーの内容も書き込まずにして質問っていうのもどうなの？
2023/01/18(水) 08:57:37.16ID:cgb3Ru010
>>612
5ch対策でしょ
2023/01/18(水) 10:05:55.23ID:csewAuIZ0
>>614
すいません。単純に特殊文字ダメよという内容だったんで・・・

"&lang=nl";

"&lang=nl"; もし、"&" で始まるエンティティを含めるつもりなら、";" で終了させるべきです。
このエラーメッセージのもう一つの理由は、このテキストの直前にある「&」文字をエスケープしなかったために、
誤ってエンティティを作成してしまったことです。（機械翻訳）

自分としては＆ａｍｐ；と書いて、リンクアドレスとして＆を出力したいわけです・・・
2023/01/18(水) 10:16:20.21ID:guU+fOES0
>>615
あーそういうことか。コピペコードで悪さでもしようとしているのかと思ったけど違うみたいね

>>610
大体どの言語でもクエリ文字列を作る仕組みが用意されているのでそれを利用するのが適切です
JavaScriptならコレかな

URLSearchParams
https://developer.mozilla.org/ja/docs/Web/API/URLSearchParams
2023/01/18(水) 11:11:32.49ID:CwkcAAQnr
>>616
載せるならエラーメッセージ原文を
で、そのメッセージでググってみた？
あとエラーチェックするとって具体的にどういう操作をしたの？
2023/01/18(水) 12:42:13.54ID:iQx/CEUf0
>>610
htmlのscript要素の中身はCDATAなので文字参照にする必要なし
もちろんinnerHTML等htmlとしてパースされるものに突っ込む場合は必要だが
htmllintなんかでエラーになるのは無視していい
2023/01/18(水) 13:08:45.81ID:csewAuIZ0
>>618
エラーメッセージはその部分は＆ａｍｐ；だろと言っているのですが、じゃあ＆ａｍｐ；と書くと
tp://www.concertzender.nl/?s=kensaku＆ａｍｐ；lang=nl と出力されてエラーになり、困ったわけです・・・

>>619
無視していいんですね。ありがとうございます。
htmlでは＆ａｍｐ；と書くと＆になるのに、スクリプトの部分ではそうならないのですね。
2023/01/18(水) 13:26:39.01ID:Okbz9NQsr
>>620
何も質問に答えてないよね
答える気があるならもう一度>>618を読んでほしい
2023/01/19(木) 22:07:44.38ID:40XBuhhWH
君は君の質問に反応しない人には
推し量って導こうという崇高な意識はないの？JS使いなのに？
2023/01/20(金) 00:14:23.52ID:VzeMnjK00
>>622
誰からも回答してもらえない質問者は、他の人を導く存在に昇格ということか
質問に回答しないのが本人の為なのかもしれんな
2023/01/20(金) 01:57:18.23ID:ptsQI5JN0
それよりJavaScriptをJSと略すと女子小学生しか思い浮かばないからそろそろやめたほうがいい
2023/01/20(金) 07:46:55.99ID:PpNyk8UWr
>>622
>君は君の質問に反応しない人には
反応しない人？
質問に反応されたけど回答になってなかったからそこを指摘したんだけど
2023/01/20(金) 17:53:26.94ID:zXaveivW0
>>624
J
2023/01/26(木) 00:31:01.01ID:c9Kzf+f60
【環境】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])
2023/01/26(木) 00:37:27.57ID:q740ttN00
>>627
arr_textがconst宣言されてるだけでは？
2023/01/26(木) 01:06:05.60ID:c9Kzf+f60
>>628
できました。
サンクスです。
630デフォルトの名無しさん (ｱｳｱｳｳｰ Saa3-6TJq [106.129.156.153])
垢版 |
2023/01/29(日) 10:31:07.49ID:rZA8vUyra
初学者質問ですいませんが、変数aが文字列あいう、かつ、変数bがundefinedでない時 というif文を書きたい時
if (a=='あいう' && (!(b === void 0))) ｛...
という書き方であってますか？
よりシンプルな書き方とか、より標準的な書き方ってありますでしょうか。
2023/01/29(日) 12:00:10.71ID:9rN3KLzS0
厳密不等価演算子 !==
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Strict_inequality

undefined が予約語になってないから void 0、ってのは……はて、今もやるものかね
2023/01/29(日) 12:54:20.77ID:eUvMCdrW0
if(a == 'あいう' && !b)でもよさそうな気がしなくもない
2023/01/29(日) 15:43:05.57ID:d0tJgmu5r
>>631
undefined は予約語ではないのでローカル変数による上書きが可能…という意味では、void 0 を使う価値はある
634デフォルトの名無しさん (ｱｳｱｳｳｰ Saa3-6TJq [106.129.157.183])
垢版 |
2023/01/29(日) 15:59:30.70ID:rpOrCqGha
>631
ありがとうございます。リンク先確認しました。
if(a=='あいう' && b!== undefined またはvoid 0)
という感じでしょうか。
ここでb!= undefined とするとまずいのはbがnullの時だけ、という認識でいいでしょうか。

>632
ありがとうございます。bが0や空文字の時にも偽になりそうです。
2023/01/29(日) 16:03:43.52ID:R24XfIrD0
第一にjavascriptみたいな後付け追加仕様が混在する言語は規格よりも実装の影響力が強いから
想定環境で検証済の方法を採用すべきだと思う
コードとしては変数をtypeofで"undefined"と比較するのが恐らく理解しやすいが、
メンテナがjavascriptに十分慣れていてvoid 0のイディオムの理解を期待できるならそっちでもいい
2023/01/29(日) 16:28:19.00ID:MX/guDl/d
>>634
結局のところ
・undefinedが上書きされる可能性を考慮する必要があるのか
・bがundefined以外のfalsyな値を取りうるのか
・取る場合それぞれの値をundefinedとは区別したいのか同じとみなしたいのか
この辺次第で望ましい書き方は変わってくるわけで
2023/01/29(日) 16:30:22.92ID:d0tJgmu5r
>>634
型チェックも働かせるなら

if (a. === 'あいう' && b !== void 0)

と書けば良い
'あいう' も==では型チェックしない

> ここでb!= undefined とするとまずいのはbがnullの時だけ

まずいのは、undefined! == void 0 の場合
638デフォルトの名無しさん (ｱｳｱｳｳｰ Sacd-3+Au [106.128.44.107])
垢版 |
2023/02/12(日) 19:44:05.09ID:zQHZ3m1Fa
//☆☆県(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];
});

上手く動かないのですがどこが間違えてますか？教えてください。

☆はわざとです
2023/02/13(月) 16:33:17.79ID:6gR8iJfAr
バグってるので調査してください

それは質問ではなく作業依頼
2023/02/13(月) 22:37:53.05ID:E1kxmkHl0
>>638
やりたいことも伝えずに上手く動かないと言われてもなー
2023/02/14(火) 07:31:57.89ID:NKP9M84/H
なぜ自身でデバッグせんのよ
2023/02/14(火) 21:18:40.92ID:snyjWmK+0
そのメソッドチェーンやめれば分かるよ
エラーが起きない前提があってのメソッドチェーンだからよ
2023/02/17(金) 12:17:26.22ID:DJukcnvm0
$.each()とsetIntervalをつかって、
インターバル時間ごとに順番に配列の中身を、コンソール出力する方法ありますでしょうか？

$.each()は、一度に処理するから、一つづつコンソール出力するのは難しいですかね。
2023/02/17(金) 20:26:53.96ID:iF4/ZjHx0
>>643
$,each()を使う理由がわからない
setIntervalだけ使えば良い
2023/02/17(金) 22:54:40.37ID:iF4/ZjHx0
>>643
clearintervalで1回だけタイマーを動かしてPromise化してawaitして$.each()を使えば、理屈ではできると思う
手段のﾓ目的化、かつ無駄に複雑だと思うが
2023/02/18(土) 19:51:29.82ID:gBmvvkX6a
nodeでPythonのif name==main
みたいなことできませんか？
メソッドの動きをデバッカーでみたいんです
2023/02/24(金) 01:21:32.26ID:jGK2BMhd0
//【環境】Win11,JScript
//【何をしたのか】case文のところに条件式を書き、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になるのでは？
2023/02/24(金) 02:46:21.28ID:thXJapXb0
>>647
上から順に case が評価され、どこかで真になればそれ以降の case は評価されない。
break してないからそれ以降の処理がフォールスルーで実行されてるだけ。

全部の条件を評価したいなら普通に if で書けばいいと思うよ。
2023/02/24(金) 05:29:40.16ID:xQyCpHMf0
そもそもswitch文って条件にtrue入れて使うようなもんじゃないぞ
2023/02/24(金) 08:59:59.37ID:thXJapXb0
>>649
case に式を書けるようにしたことによって使えるようになった副作用みたいなものだよね。
switch の式と一致する case を探すのが switch文の動作だとするなら、switch の式 true と一致する値となる、すなわち true になる式を持つ case が選択される。
個人的には if で書けばいいものをわざわざ分かりづらい書き方にしてるバッドプラクティスだと思ってるが、フォールスルーと組み合わせると if よりもスマートに書ける可能性はあるかもね。
特に >>647 のように全部の case を評価してほしいなら、switch で書く利点が何一つ無い。
if より利点がある場合は、フォールスルーする場合に最初に true になる case までしか式が評価されないことくらいなのに。
2023/02/25(土) 02:30:10.34ID:E1i3tKVi0
>>650
良いサンプルが思いつかんけど、
ifで書こうとすると、重複する処理を書かなければいけなくなったり、フラグの変数を導入したりすることになるんだけど、
breakなしのswitch case文ならうまいこと書けるんじゃないかと思ってやってみたけど、動かなかった。
2023/02/25(土) 21:04:04.70ID:5GrSMYMK0
jQuery以外のライブラリ・フレームワークは廃止して欲しい。
覚えるのが大変。
2023/02/25(土) 22:01:05.33ID:YxrjvuYta
react だけでよくね
jqueryとかいい加減消滅しろよ
2023/02/25(土) 23:22:22.93ID:5GrSMYMK0
>>653
この２つは併用出来ないから辛い。

で、reactならではの利点は？
2023/02/25(土) 23:31:29.20ID:fw0b+BcSM
質問スレで焚き付けんな
2023/02/25(土) 23:38:37.47ID:TypeZdxc0
素の JS でいじゃん。

というのは言い過ぎかもしれんけど、何に使ってるんだか分からんようなことでいちいちおまじないのように jquery 読み込んでる呆れるようなところも少なくないんだよな。
通信回線速度も処理能力も上がってるから動いちゃいるが、とりあえず素の JS で書けるようになれと言いたい。
ブラウザ毎の非互換も少なくなってるし querySelector みたいな便利なメソッドもあるし、そんなに苦労しないでしょ。
2023/02/25(土) 23:49:36.71ID:YJ+BhbRla
それなjqueryおじさんはJSだけで書けるようにしておけ
それでも足りないならReact使えな
2023/03/01(水) 19:53:41.69ID:hdBOeOla0
githubで他人のコード見てるとclassもprototypeも使われてないやつが多いんだけど何でなん？ベストプラクティスがruby以上にわからん何が正解なん？
2023/03/01(水) 23:29:12.38ID:8kmkGnGP0
暗黙的なクロージャがあるからclassやprototypeを使わずとも割と困らないのが何でなん？の回答になる
2023/03/02(木) 02:00:11.27ID:65NO3QYK0
htmlコーダー志望の初心者です。
JSの入門書を読み終えたのでより実践的な学習に移行したいのですが、
既存の書籍やサイトは総論のような基本的な知識に焦点を当てたものが多い印象で、
実務において初心者コーダーにどのようなプログラムの作成が
求められてくるのかが判然としません。
そのような内容に焦点を当てた書籍やサイト等はありますか。
2023/03/02(木) 19:51:27.97ID:eGjuMjwU0
そもそもhtmlコーダーって何？ってぐぐってみたらデザイナやエンジニアが片手間でできる内容だし専門職としては成立せんのでは
2023/03/02(木) 23:05:32.75ID:65NO3QYK0
>>661
htmlコーダーという職種自体がオワコンですかね…
ご意見参考にさせていただきます。
2023/03/03(金) 08:25:40.95ID:DJxhSXLyr
99％のエンジニアは片手間でできないからな
エンジニアはhtmlとcssをバカにするけどほとんどのエンジニアはまともに使えていないんだよ
特にcss

使い方を知らない
勉強しようとしても理解できない
なのにバカにする

エンジニアは視覚からコードに落とし込む能力が絶望的に劣っている
↓
デザイナーから上がっきたモックをhtmlとcssで再現できない
↓
だけどその事実がバレたくないからコーダーといってバカにする
↓
実際にはjsxとstyle componentなどで必須スキル
↓
必須だけどできないからhtmlとcssはデザイナーの仕事だと言い放つ
↓
じゃあjsxはデザイナーに書かせるのか？と聞くと無言

毎回このパターン
2023/03/03(金) 08:32:56.76ID:an7QtCXRd
まあでもそういう業界だからね
連携ダメだからと言って隙間に入り込める余地があるかどうか
2023/03/03(金) 09:44:56.39ID:o6EY7x580
>>663
組み込み系や汎用系のエンジニアにでも頼んでるのか？
ちゃんとWeb系やってるとこに頼みなよ
2023/03/03(金) 10:01:30.76ID:DJxhSXLyr
>>665
むしろ組み込みは汎用系のほうは知らん
Web系エンジニアはこんなんだぞ
ほんの少しだけ有能なフロントエンジニアがいる現状
なぜならフロント開発スキルとデザインスキルの両方を持ち合わせた人材がほぼいないから
2023/03/03(金) 10:24:24.87ID:o6EY7x580
webプログラマーに高度なデザインまで要求するのは無理でしょ
そのためにプロのデザイナーがいるんだし
でもほとんどのエンジニアがhtmlとcssをまともに使えないなんてありえない
今いる環境が悪すぎるんじゃないの？
2023/03/03(金) 11:25:14.28ID:yQajwbSzM
ぶっちゃけデザインするやつが CSS まで書くのが一番いいんじゃね？
位置やら大きさやらの細かい詰めまでこだわれるでしょうに。
2023/03/03(金) 11:27:48.97ID:GvE2UXq10
アニメーションとかJsonでデータいじくる時だけ呼んでください

ってことにしてる社内ニート
2023/03/03(金) 11:54:37.73ID:DJxhSXLyr
こういうこと

デザイナーの担当
・モック作成
・Atomicデザイン込みのコンポーネント設計
・コンポーネント作成
・App作成（コンポーネントの組み上げ）
・jsx、css
・state更新とrender関連
・レスポンシブ対応
・トランジションやアニメーションなど
・DOM生成後の表示・操作・調整（表示順やインタラクション）
・エラー表示、警告
・htmlバリデーションのcheckValidityやreportValidity処理

フロントエンジニアの担当
・APIでデータ送受信
・propsで流し込み
2023/03/03(金) 12:03:53.67ID:aLTOWI5kM
>>670
それ専業のデザイナー置いても暇を持て余すような職場だろ
普通デザイナーにjsxなんて書かせないよ
2023/03/03(金) 12:14:59.23ID:o6EY7x580
ほとんどのエンジニアがｈｔｍｌもｃｓｓもまともに使えない職場みたいだからなｗ
2023/03/03(金) 12:33:55.85ID:DJxhSXLyr
職場じゃなくてそもそもエンジニアたちがhtmlとcssが絶望的にゴミレベルしかいないんだよ
海外でも同じ傾向がある

なのに自分たちはできると勘違いしてるから話が通じないんだよな
2023/03/03(金) 13:31:04.49ID:o6EY7x580
jquery使えます！って嘘ついたデザイナーの尻拭いをさせられたことはあったな
2023/03/03(金) 13:32:46.28ID:yQajwbSzM
>>673
そういうお前は逆にサーバサイドは絶望的な腕前なんじゃないの？
2023/03/03(金) 15:00:35.71ID:DJxhSXLyr
>>675
わざわざ煽りご苦労
サーバーサイドが絶望的どころかサーバーサイドもやってるが？
むしろフロントよりも先にサーバーサイドからやってたわ
2023/03/03(金) 15:24:30.84ID:yQajwbSzM
>>676
という人がどれだけいるのって話でしょ。
おれもサーバサイドの人というか、むしろwebじゃないサーバの人だけど。
2023/03/03(金) 18:33:43.53ID:omRbdhVsr
やたらイキって言葉遣いが悪いのと同じ回線だと肩身が狭い・・・
2023/03/03(金) 21:01:23.22ID:bsut6PhH0
>>670
デザイナーはせいぜいコンポーネント作ってStoryBookに載せるまでが責務だろw
2023/03/03(金) 22:20:39.69ID:Q9LzyMl00
プログラマにバカにされてreact勉強中のデザイナー様が激おこです
2023/03/03(金) 22:30:19.52ID:yxGxd3AO0
webデザイナーってjqueryぐらいまでは覚えさせられたかもだけど
流石にreactやvueまでやれってのは酷ではｗ
そんなのフロントエンドエンジニアの仕事でしょｗ
2023/03/03(金) 23:30:24.99ID:Q9LzyMl00
だってフロントエンドエンジニアはｈｔｍｌもｃｓｓもわからないバカばっかりなんだもん
2023/03/04(土) 18:46:55.35ID:erCI1bTUH
javascriptコードでバグの伝搬を制限して拡張性を高める必要性のある堅牢なプログラムなんて不要だからでしょ
2023/03/04(土) 18:52:38.30ID:erCI1bTUH
みんななんで仲良くなれないかな
2023/03/05(日) 16:50:40.53ID:RB9OOifa0
仕事だし自分の領域に少なからず関わってくるんだから覚えろよ
わからないじゃねーんだよボケ^^
これでよし
■ このスレッドは過去ログ倉庫に格納されています
5ちゃんねるの広告が気に入らない場合は、こちらをクリックしてください。
ニューススポーツなんでも実況