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

[過去ﾛｸﾞ] JavaScript の質問用スレッド vol.125 (1002ﾚｽ)
上下前次 1-新

このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索歴削→次ｽﾚ栞削→次ｽﾚ過去ﾛｸﾞﾒﾆｭｰ

878: (ｽｯﾌﾟ Sd9f-asTj [49.97.111.88]) 2023/07/17(月)23:23 ID:XzfBWjood(1) AAS
フォームフィールドが定義されたPDFファイルがすでにあって、ブラウザ上のJavascriptでWebフォームに入力されたテキストをPDF側のフィールドに反映させてダウンロードすることができるpdfライブラリってあまりすか？

使い方のイメージとしては、たとえばPDF上に名前を入力する箇所がいくつかあるけど、ユーザーは単にweb上で普通のinputフォームを入力してsubmitすると名前が入力済みのPDFファイルをダウンロードできる、という感じです。

pdfmake等いくつかライブラリは見たのですが、白紙ベースでPDF作る例しか見あたらなくて(テンプレートは画像背景で切り替え等)、直接PDFフォームを扱えるものは無いかなと。

879(2): (ｱｳｱｳｳｰ Sac5-HZc/ [106.130.137.152]) 2023/07/29(土)00:54 ID:s0ko+FdFa(1) AAS
プログラミング全く知らない状態からやっとJavaScript一通り学びました
かなり難しかったです。でもJavaScriptは比較的簡単な言語なんですよね？
ES6以降のJavaScriptでもやっぱり簡単なんですか？
それとES6で大規模アップデート合った時は絶望しましたか？
勉強していて苦しんだのがスコープ、this、反復処理の背景（iteratorの動き、yieldは何をしてるか）、非同期処理（Promise、then、async）、その他様々なメソッド、静的メソッド、、、
これら全てES6から導入されましたよね？絶望しませんでしたか？
例えば私がもしES5までのJavaScriptに慣れ親しんでいてES6のアップデートに触れたら絶対絶望してました。概要見ても「？？？？？」となってたはずです
プログラミングに向いてる人はこんな大規模アップデートがあるとワクワクする人なのでしょうか？
絶望せず、「何ができるようになったんだろう！凄い！こんな事やあんな事が出来る！」みたいな人も居ましたか？

880(1): (ﾜｯﾁｮｲ c200-pYoK [221.118.182.138 [上級国民]]) 2023/07/29(土)08:26 ID:wB1gRUiQ0(1/2) AAS
ES5までは貧弱だったのでそりゃもう大歓喜よ。
それと現代のJavaScript（を使いこなすの）はもはや簡単な部類じゃないように思う。

881(1): (ｵｯﾍﾟｹ Sr91-xmUq [126.254.133.95]) 2023/07/29(土)09:45 ID:ZQ+RMRi1r(1) AAS
苦しみとか絶望とか>>879は言語の習得を学校の勉強と同じようなものとしか捉えてないフシがある
日本史の勉強範囲が大政奉還までだと思ったら第二次大戦までだった！みたいな感覚

新しく覚えたことは実際のプログラミングで活かせるんだという意識が全く感じられない

882: (ｱｳｱｳｳｰ Sac5-HZc/ [106.130.201.25]) 2023/07/29(土)14:21 ID:LQ1ElLyya(1/2) AAS
>>880
>>881
とにかく理解するのに必死で苦しみました。jJavaScriptが簡単とは全く思いませんでした

883: (ｱｳｱｳｳｰ Sac5-HZc/ [106.130.201.25]) 2023/07/29(土)14:27 ID:LQ1ElLyya(2/2) AAS
try,catch,finally文の存在異議が分からなかったけど、今さっき急にasync/awaitのエラーハンドリングに向いてるのに気が付きました
つまりthen,catchのPromiseチェーンをより楽に書けるのに今さっき気が付きました。こんな感じで上手くいかないですね

884: (ﾜｯﾁｮｲ c200-pYoK [221.118.182.138 [上級国民]]) 2023/07/29(土)15:03 ID:wB1gRUiQ0(2/2) AAS
.then().catch()の方が綺麗に書けて（副作用的な意味で）好きだなぁ

885: (ﾜｯﾁｮｲ c6bd-g4Mn [119.240.43.146]) 2023/07/30(日)02:24 ID:oecUblNe0(1) AAS
>>879
言語として簡単かっていうとどうだろうね。
Webブラウザがあれば動かせる上にデバッグ環境まで付いてるから、誰でもすぐ始められるし、作ったものをどこででも動かしてもらえるという手軽さはあると思うけど。

886: (ﾜｯﾁｮｲ 095f-kJnY [14.8.104.32]) 2023/07/30(日)14:24 ID:av5XIWe10(1) AAS
自分はプロトタイプ型オブジェクト指向から入ったから気にならないけどクラス型でプログラム書いてた人は違和感凄いんだろうな

あとクロスブラウザ対応しなきゃいけなかった人達もJSはしんどかったんだろうなと想像

887(3): (ﾜｯﾁｮｲ e94b-C8We [110.2.215.28 [上級国民]]) 2023/08/04(金)01:16 ID:LzfYm8xL0(1/2) AAS
rd41 = "";
alert (rd41);
これで「rd41は未定義です」ってエラーは出ますか？

alert(rd41);
これだけだと「rd41は未定義です」ってエラーが出ますよね

実際のコードはalertでは無いのですが、rd41に無を代入して何も表示させたくないのです
rd41 = null;
だと、nullと表示されてしまいます

888: (ﾜｯﾁｮｲ e94b-C8We [110.2.215.28 [上級国民]]) 2023/08/04(金)01:36 ID:LzfYm8xL0(2/2) AAS
chatGPTに質問したら答えが返ってきた
画像ﾘﾝｸ[jpg]:i.imgur.com

889: (ﾜｯﾁｮｲ febd-FWk2 [49.129.241.111]) 2023/08/04(金)09:00 ID:2wk44tWe0(1) AAS
>>887
delete を調べてみるとどうだろう。
やりたいことによってはブロックスコープで足りるかも。
個人的にはブロックスコープを活用して、変数を小まめに狭い範囲に閉じ込める書き方をおすすめしたい。

890: (ﾜｯﾁｮｲ a101-CknR [60.89.4.138]) 2023/08/04(金)09:14 ID:TEvOuQNU0(1) AAS
>>887
ECMAScriptに「未定義」というエラーはない
Strict Modeで実行すれば、両コードともにReferenceErrorになるだろう
外部ﾘﾝｸ:developer.mozilla.org
外部ﾘﾝｸ:developer.mozilla.org

891: (ｵｯﾍﾟｹ Sr91-q/g9 [126.254.212.243]) 2023/08/04(金)09:37 ID:EZ9l15Zsr(1) AAS
>>887
>rd41 = "";
>alert (rd41);
>これで「rd41は未定義です」ってエラーは出ますか？
なんで試してみないの？

892(1): (ﾜｯﾁｮｲ f233-yhDR [101.141.60.18]) 2023/08/14(月)23:07 ID:QNJSoVjn0(1) AAS
時報みたいなのを作成中でそのhtmlのページさえ開いておけば
9時、12時、18時(プリセットとかは無く固定)に特定のwavサウンドファイルがaudioElement.play() で再生される用にしています
(タブが非アクティブだとなんか動かない時があったのでwindow.openで表示させてます)
chromeのポリシーみたいなのでユーザーが明示的なアクションをしないと音声の自動再生はされないみたいで
それの良い回避策ってありますか？
実用性考えると携帯のアラームが百倍使いやすいけど
自分用にチープなのを作って遊んでるんだけど解決策が思いつかなくて・・・

893: (ﾜｯﾁｮｲ 1f4b-uBRt [110.2.215.28 [上級国民]]) 2023/08/15(火)01:53 ID:Efj8IW440(1) AAS
>>892
そういう質問はchatGTP得意や
聞いてみれば

894(2): (ﾜｯﾁｮｲ 7e63-SF+K [153.218.139.115]) 2023/08/21(月)00:13 ID:v7lFaH3H0(1) AAS
【環境】Windows 11, Chrome最新版
【何をしたのか】PHPで動的に出力されたテキストに replace (new RegExp）
【エラーメッセージ】コンソールには何も出ません
【期待する結果】ページ内に複数生成される動的クラス内テキストを置換したい
【サンプルコード】
おはようございます*2023.08.150000
ごきげんよう*2023.08.200000
・
・

tx-dateクラスの中身をtx-bodyの*以降の文字列に置き換えたく、以下を<body>の後半に書きましたが期待する置換変化が起きません、エラーも出ません、
省12

895: (ｽｯｯﾌﾟ Sdca-jTH6 [49.98.168.137]) 2023/08/21(月)11:40 ID:cB09UaOod(1/2) AAS
>>894
まずconsole.log()や開発者ツールを使って自分の書いたコードがどこまで想定通りに動いてるか確認してみよう

896: (ﾜｯﾁｮｲ 534b-ubuk [110.2.215.28 [上級国民]]) 2023/08/21(月)11:51 ID:7Ts4WfMN0(1) AAS
>>894
コードを見る限り、置換を行うためのコードは一見正しく見えますが、複数の潜在的な問題が考えられます。まず、コード内のいくつかのポイントをチェックしてみましょう。

1. **クラス名のスペル**: `tx-date` クラスが正しく `x-date` クラスになっているか確認してください。

2. **期待する置換変化の確認**: 期待する置換変化がどのようなものか確認してみてください。コード内で `tDate` の内容を `console.log()` を使って出力し、実際の値が正しいか確認できます。

3. **変数 `replaceDate` の設定**: `tBody.split("*")[1]` の部分で、正しい位置に `*` が存在しているか確認してください。`split()` メソッドは対象の文字列を指定の文字で区切って配列にしますが、もし `*` が存在しない場合、期待通りの結果が得られない可能性があります。

4. **置換操作の適用**: `tDate` に対して行った置換操作が、実際のDOM要素に反映されていない可能性があります。`tDate` の内容を変更した後、対応するDOM要素の内容を更新するコードが不足しているようです。
省1

897: (ｽｯｯﾌﾟ Sdca-jTH6 [49.98.168.137]) 2023/08/21(月)12:25 ID:cB09UaOod(2/2) AAS
このﾜｯﾁｮｲ **4bは質問スレにchatGPTの回答貼るだけのボットみたいなもんだからスルー推奨
NG入れといてもいい

上下前次 1-新書関写板覧索設栞歴

あと 105 ﾚｽあります
ｽﾚ情報赤ﾚｽ抽出画像ﾚｽ抽出歴の未読ｽﾚ AAｻﾑﾈｲﾙ

ぬこの手ぬこTOP 0.017s