+ JavaScript の質問用スレッド vol.124 +

1 名前：デフォルトの名無しさん mailto:sage [2021/11/10(水) 15:24:24.80 ID:jxD2VXPG0.net] JavaScript を自ら学ぶ人のための質問スレッドです。 >>2-6のテンプレを読んだ上で質問してください。次スレは>>950が>>2のテンプレ案(本スレで改善案があれば考慮)を元に立ててください ■質問を書く上で (1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。 (2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。 　　(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など) (3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。回答者はなりすましを判断できませんので、なりすましが現れても自己責任となります。 (4) 常に自発的に調べる心構えを持ってください。 　　具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。 　　わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。 (5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。 (6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。 　　※必ず「問題の事象が再現されること」を確認してください。 　　　必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。 (7) サンプルコードに HTML が含まれる場合は validator.w3.org/ で [Check] してみてください。 (8) 質問を具体的かつ詳細に書くと回答を得られやすいです。>>2の質問テンプレートを活用してみてください。 (9) ライブラリ関連の質問は禁止です。関連スレにあるライブラリ質問スレで質問して下さい。 (10) 時にはあなたが望む「答え」だけでなく、「意見」などが寄せられる場合もあります。 ※前スレ + JavaScript の質問用スレッド vol.123 + https://mevius.5ch.net/test/read.cgi/tech/1491143438/ VIPQ2_EXTDAT: checked:vvvvvv:1000:512:: EXT was configured 655 名前：デフォルトの名無しさん mailto:sage [2022/04/03(日) 22:20:40.81 ID:apGbIMaW0.net] >>639 挙動は仕様書に書かれているため、仕様を理解すればするほど驚く機会は少なくなる 普段から勉強をせず、プログラミング系サイトを巡回すれば、「あっと驚く理不尽な処理」に出会える可能性を高められるだろう (まともな技術者なら自らの無知を恥じるべきだろうが) 656 名前：デフォルトの名無しさん [2022/04/09(土) 18:27:31.25 ID:d8bX3KTm0.net] ページをスムーズに移動するときscrollToを使いますが これみたいにelementをスムーズに移動させる関数はありますか？ 657 名前：デフォルトの名無しさん mailto:sage [2022/04/09(土) 19:11:11.85 ID:NsLa5u+dr.net] jsでスムーズは無理なのでcssでやってくれ 658 名前：デフォルトの名無しさん [2022/04/09(土) 19:46:32.17 ID:mW5Jyv0xM.net] GSAPとか使えば楽に動かせる 659 名前：デフォルトの名無しさん [2022/04/13(水) 09:13:53.65 ID:Qi5auZGwM.net] <div id="test"> <a href="aaa.html"></a> <a href="bbb.html"></a> </div> このdivの中にあるhrefを全て取得するには どうやったらいいんですか? aにidやclassはつけないものとします。 660 名前：デフォルトの名無しさん mailto:sage [2022/04/13(水) 09:24:08.70 ID:j7E4iT5n0.net] >>644 https://developer.mozilla.org/ja/docs/Web/CSS/Child_combinator https://developer.mozilla.org/ja/docs/Web/CSS/Type_selectors 661 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ b602-9+GH [119.106.222.232]) mailto:sage [2022/04/14(木) 06:34:43 ID:hMI8sVN30.net] document.querySelectorAll 662 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ b72f-jtTv [218.220.251.107]) [2022/04/14(木) 12:38:00 ID:VhBZ5PIH0.net] document.querySelectorはいま流行りなんですか？ document.getElementByIdしか知らなかったけど。 663 名前：デフォルトの名無しさん mailto:sage [2022/04/14(木) 13:03:41.45 ID:e+FW9n+1r.net] 流行りっていうかもうかなり昔からあるけどな 664 名前：デフォルトの名無しさん mailto:sage [2022/04/14(木) 13:53:57.95 ID:AzvcwCnH0.net] 流行りで決めるスタンスは分からんが、ノード検索系は既に成熟してる感ある xpathはなぜか最新仕様が実装されないけど 665 名前：デフォルトの名無しさん mailto:sage [2022/04/15(金) 10:18:55.82 ID:sZWwv8hr0.net] javascriptって初心者向けと言われているけど、難しいよね？ 666 名前：デフォルトの名無しさん mailto:sage [2022/04/15(金) 11:05:45.21 ID:DZhoNVLD0.net] 初心者向けと言われてるのを知らない 667 名前：デフォルトの名無しさん mailto:sage [2022/04/15(金) 12:40:06.63 ID:28sm60Uu0.net] >>650 環境構築の敷居が低いだけ 668 名前：デフォルトの名無しさん mailto:sage [2022/04/17(日) 12:45:46.17 ID:lD7JO0wI0.net] javascriptの勉強中です。 Wordでコード試作してEdgeのコンソールにコピペしたら、クォーテーションやダブルクォーテーションのある行で必ずエラーになります。 どうもwordで書いたことが問題らしいです。 同じコードを色んなファイル形式で書いてからコンソールで検証した結果、 ・最初からコンソールに直接書くと、正常に作動 ・テキストドキュメントに書いてコンソールにコピペすると、正常に作動 ・最初からコンソールに書き込んだものをwordにコピペして、フォントを適当に変えた後、コンソールにコピペすると正常に作動 ・wordに書いたコードをコンソールにコピペするとクオーテーションのある行でエラーになる。 ・wordで書いたコード(そのままコンソールにコピペするとエラー)の全てのクォーテーションに、コンソールに書いたクォーテーションを上書きコピペ(元の書式を保持)すると、コンソール上で正常に作動するようになる という検証結果になりました。 試作コードをwordじゃなくテキストドキュメントで作るようにしてからは、今のところ問題は起きていないです。 で、質問なんですが、 どうもword形式で書いたクォーテーションやダブルクォーテーションは、内部的に問題がありそうなのですが、理由を詳しく知っている方はいますか? あと、編集や保存が楽なテキスト形式でコードを試作したいとき、みなさんは何を使ってますか? 669 名前：デフォルトの名無しさん mailto:sage [2022/04/17(日) 12:49:32.71 ID:U+v/j1Oq0.net] 文字コードやないんか？ 670 名前：デフォルトの名無しさん mailto:sage [2022/04/17(日) 12:51:06.49 ID:U+v/j1Oq0.net] エディタはvscodeつかったらいいよ 671 名前：デフォルトの名無しさん mailto:sage [2022/04/17(日) 12:55:31.73 ID:TTO+H6Xx0.net] ブラウザにいれてるviolentmonkeyのエディタ使ってる 672 名前：デフォルトの名無しさん mailto:sage [2022/04/17(日) 13:05:51.20 ID:k8OFv/xgr.net] wordうんたらはネタだろ 673 名前：デフォルトの名無しさん mailto:sage [2022/04/17(日) 17:04:07.98 ID:lD7JO0wI0.net] >>654 それだ…!! 「"」で確認してみたけど、まったく同じキーで入力したのに Wordで入力…レフトダブルクォーテーション、文字コードは201C、文字は「“」 コンソールで入力…ダブルクォーテーション、文字コードは0022、文字は「"」 全く同じ入力方法、フォントも同じ。見た目もそっくりだけど、200%に拡大したら確かに違う文字ですた。 >>655、>>656 ありがとん。 vsコード持ってるから今度からそっちにしてみます。 >>657 それがネタじゃないんだな(泣)。 トライアンドエラーでコード構築の練習をしたかったので、楽なソフトでコードを書きたかったんよ。 wordならダブルクリックで立ち上がるし、字も見やすい大きさに拡大できるし、採用しなかったコードも適当にストックできて、楽そうだなぁ、と…。 まさか文字コード違いで問題が起きるとは想像もしなかったにゃ。 674 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ d98b-Ckae [210.228.102.1]) mailto:sage [2022/04/17(日) 17:51:02 ID:pn/ClTGJ0.net] >>658 それWordのオートコレクト機能 オフにできたと思う でも普通にvscode使う方がいいよ 675 名前：デフォルトの名無しさん mailto:sage [2022/04/17(日) 18:12:43.66 ID:lD7JO0wI0.net] >>659 オートコレクト機能、そんなのもあるのか!! 了解しますた。 まぁvscodeの方が無難よね。間違いないです。 676 名前：デフォルトの名無しさん [2022/04/17(日) 18:15:32.20 ID:xdoWfkC30.net] 何気にwordでコード書いてる人みたのネット上ですら初めてかもしれん 677 名前：デフォルトの名無しさん mailto:sage [2022/04/19(火) 02:49:01.33 ID:tGbJiwG70.net] >>644 jQuery で、id="test" 直下・子(a, c)と子孫(b)を取得した <div id="test"> <a href="a.html"></a> <div><a href="b.html"></a></div> <a href="c.html"></a> </div> $( function ( ) { function get_a( selector ) { return $( selector ).map( function( ) { return $( this ).attr( 'href' ); } ); } const children = get_a( '#test > a' ) const descendants = get_a( '#test a' ) console.log( children, descendants ) } ); 出力 ['a.html', 'c.html'] // 直下・子のみ ['a.html', 'b.html', 'c.html'] // 子孫 678 名前：デフォルトの名無しさん mailto:sage [2022/04/19(火) 10:51:06.57 ID:9fIYs0Yt0.net] proxyってどうやってfor inやforEachすればいいですか 679 名前：デフォルトの名無しさん mailto:sage [2022/04/20(水) 13:31:39.60 .net] https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Function/bind ↑でbindのメリットを考えてみたのですが const module2 = {x:333} const hogeGetX = unboundGetX.bind(module2); console.log(hogeGetX()); xの値を変更しつつmoduleのgetXはそのまま使える、 みたいなことでしょうか？？ 680 名前：デフォルトの名無しさん [2022/04/24(日) 03:36:46.70 ID:G77ToU3y0.net] JavaScript初心者なんですが、marindeckっていうTwitterクライアントアプリでとあることがしたくて下のコードを書いて実行したんですがcan't create variable duplicate "title"ってエラーが出てしまいました。調べてみたらwebkitが悪いらしいんですが解決方法が分からなくて困ってます。titleを変えたら次はheaderが駄目になって、headerを変えたらitem、最終的にはtitleのところがエラーになります。constをletやvarに変えても駄目でした。どうすればいいでしょうか？ コード(他の部分は長いので載せてません) const header = document.querySelectorAll(".column-heading"); const title = document.querySelectorAll(".column-heading,.column-title-edit-box"); const item = document.querySelectorAll(".md-navbar-item"); 681 名前：デフォルトの名無しさん mailto:sage [2022/04/24(日) 04:03:59.22 ID:oRZQtxTd0.net] 変数名を手当たり次第変える 682 名前：デフォルトの名無しさん mailto:sage [2022/04/24(日) 06:03:31.51 ID:8Psb/90zM.net] >>665 スコープを切る (function() { const header = … })(); 683 名前：デフォルトの名無しさん mailto:sage [2022/04/24(日) 07:36:29.99 ID:zeaUlF5d0.net] >>664 よくあるのは、無名のcallback 関数のthis が、window を指してしまうのを避けるために、bind する。 setTimeout( function( ) { this.count++ }.bind( this ), 100 ) この場合、thisをthatに代入して使うのも簡単。 const that = this setTimeout( function( ) { that.count++ }, 100 ) ES2015では、アロー関数も使える。 setTimeout( ( ) => { this.count++ }, 100 ) だから最近は、bind する事も減った JavaScript は、thisの変動が非常に難しい。 thisが何を指しているのか分からない それで、jQuery の$( this ) がよく使われる 684 名前：デフォルトの名無しさん [2022/04/24(日) 15:54:46.75 ID:G77ToU3y0.net] >>666 >>667 スコープを切る方法で行けました！お二人ともありがとうございました 685 名前：デフォルトの名無しさん mailto:sage [2022/04/25(月) 18:54:55.48 ID:J2rghl7a0.net] JavaScriptでwebアプリを作るにはNode.jsを使うのでしょうか？ 686 名前：デフォルトの名無しさん mailto:sage [2022/04/26(火) 02:37:55.71 ID:JTn9J4710.net] Ruby on Rails でも当然、Node.js を使う。 ただし、Rails 7, Elixir のPhoenix 1.6 からは、脱webpack でesbuild に変わったけど それでも開発環境では、webpack-dev-server も使うし、 VSCode, Node.js, npm/npx, yarn, タスクランナーのGulp/npm-scripts なども必須 687 名前：デフォルトの名無しさん [2022/04/29(金) 21:50:48.52 ID:ZLykNYRC0.net] window.addEventListener( "load", function(){ 処理 } ); これだとページ全体のhtmlと画像の読み込みが完了してから実行するみたいですが 画像の読み込みは完了しなくてもhtmlだけ読み込んだら実行とするようにするにはどうすればいいですか？ 688 名前：デフォルトの名無しさん mailto:sage [2022/04/29(金) 21:55:56.96 ID:u+oETHzl0.net] DOMContentLoaded 689 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 0910-6Jp9 [180.12.82.129]) mailto:sage [2022/05/01(日) 18:51:12 ID:oQCfhHaq0.net] >>673 ありがとうございます 690 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 0910-6Jp9 [180.12.82.129]) mailto:sage [2022/05/01(日) 18:55:01 ID:oQCfhHaq0.net] let e = new Event('scroll'); window.dispatchEvent(e); window.addEventListener( "scroll", function(e){ alert("スクロール"); } ); スクロールバーでスクロールしなくてもスクロールイベント内の処理を実行したいんだけど このようにやってもスクロールと表示されませんでした。 どうやればいいんでしょうか？ 691 名前：デフォルトの名無しさん (ﾃﾃﾝﾃﾝﾃﾝ MM6b-WFod [133.106.196.99]) mailto:sage [2022/05/01(日) 19:09:09 ID:LZNxkfFyM.net] 単に処理順の問題じゃねぇの 692 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 0910-dnm2 [180.12.82.129]) mailto:sage [2022/05/01(日) 19:47:26 ID:oQCfhHaq0.net] >>676 スクロールバーを動かしたときとプログラムを実行したときの どっちでも動くようにしたいので 上ではalertだけど実際はもっと長い処理です 693 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 7b01-z2li [111.188.124.89]) mailto:sage [2022/05/01(日) 19:50:41 ID:MBePrVzJ0.net] >>675 window以外でscrollイベントが発火してる可能性 694 名前：デフォルトの名無しさん (ﾃﾃﾝﾃﾝﾃﾝ MM6b-WFod [133.106.196.99]) mailto:sage [2022/05/01(日) 19:58:27 ID:LZNxkfFyM.net] >>677 いやじゃなくてリスナー登録する前に発火させてるから 695 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 7b01-z2li [111.188.124.89]) mailto:sage [2022/05/01(日) 20:01:30 ID:MBePrVzJ0.net] ああ、>>679が正解だな 要件を誤認してた 696 名前：デフォルトの名無しさん mailto:sage [2022/05/05(木) 20:35:17.57 ID:ouaPcFFk0.net] >>677に限らんが、質問投げっぱなしの奴ばかり 697 名前：デフォルトの名無しさん mailto:sage [2022/05/14(土) 22:48:35.26 ID:6u2rsBseH.net] obj=document.getElementsByClassName('className'); でclassNameがゲットできますが、 ワイルドカード*(使えない)を使って obj=document.getElementsByClassName('className-*'); みたいにゲットする方法ないですか？ 698 名前：デフォルトの名無しさん mailto:sage [2022/05/14(土) 23:15:15.43 ID:jzLnji7p0.net] document.querySelectorAllでやれば 699 名前：デフォルトの名無しさん mailto:sage [2022/05/14(土) 23:36:26.94 ID:PViH6pDdH.net] >>683 できましたありがとう 700 名前：デフォルトの名無しさん mailto:sage [2022/05/18(水) 14:44:39.05 ID:59TKgDoa0.net] [JavaScript で特定の長さの配列を作成する | Delft スタック] https://www.delftstack.com/ja/howto/javascript/javascript-create-array-of-length/ で new Array(5)とnewを使ったやつと、ただのArray(5)がでてくるけど、その違いは何？ Array(5)ってnew無しで呼ぶ意味は？ 教えてください。 701 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 1901-mvDa [36.240.123.131]) mailto:sage [2022/05/18(水) 18:09:01 ID:SpJKU45h0.net] >>685 返り値は同じ 702 名前：デフォルトの名無しさん mailto:sage [2022/05/19(木) 03:10:01.87 ID:mjk3HrMxd.net] > new Array(3) [ <3 empty items> ] > Array(3) [ <3 empty items> ] > Array(3).length 3 > a = Array(3); a.length = 3; a [ <3 empty items> ] > [...Array(3)] [ undefined, undefined, undefined ] > Array(3).reduce((r, _) => r + _, 0) 0 > Reflect.construct(Array, [3]) [ <3 empty items> ] > Reflect.construct(Array, {length: 3}) [ undefined, undefined, undefined ] > Reflect.construct(Array, {length: 3}).reduce((r, _) => r + _, 0) NaN > Reflect.construct(Array, {length: 3}).reduce(r => ++r, 0) 3 > Reflect.construct(Array, {length: 3}).reduce((r, _) => r + _, '') 'undefinedundefinedundefined' > Array(3).reduce(r => ++r, 0) 0 703 名前：デフォルトの名無しさん mailto:sage [2022/05/19(木) 07:19:17.78 ID:BgFJDolr0.net] >> 686 >>687 ありがとうございます。 もっとも687の途中からは理解できませんが。 しかし、new Array(3)とかしても実際３つの要素（の参照）を格納する場所が確保されるわけじゃないということなんですね [ <3 empty items> ] と [ undefined, undefined, undefined ] の違い。 704 名前：デフォルトの名無しさん mailto:sage [2022/05/19(木) 07:35:12.83 ID:BgFJDolr0.net] やっぱりArray(3)でも、領域は確保されてるけど、初期化されてないということなのですか？ Javaとかじゃnullで初期化されてるけど。Javascriptじゃundefinedでさえも代入されてない？ 705 名前：デフォルトの名無しさん mailto:sage [2022/05/19(木) 07:39:11.56 ID:BgFJDolr0.net] a = Array(3) for(const i of a){ console.log(i) } を実行すると、確かにundefinedが３つ要素としてあるみたいですが 706 名前：デフォルトの名無しさん mailto:sage [2022/05/19(木) 07:43:27.24 ID:BgFJDolr0.net] 以下を実行してみると > a = Array[3] > a[1] = 7; > a [ <1 empty item>, 2, <1 empty item> ] empty itemってのはundefinedとは違う？ forで取り出すとundefinedになる？ やっまりArray(3)とかでもメモリ領域は確保されてるみたいですね 707 名前：デフォルトの名無しさん mailto:sage [2022/05/19(木) 07:44:22.36 ID:BgFJDolr0.net] 間違った > a = Array[3] > a[1] = 7; > a [ <1 empty item>, 7, <1 empty item> ] でした。書き込み多くなってすみません。 708 名前：デフォルトの名無しさん [2022/05/19(木) 08:39:33.80 ID:YbOBvtu00.net] 素のjavascriptでanimateを使って３秒毎に100pxずつelementを移動したいんだけど let a=0; setInterval( function(){ let aa = a + "px"; let bb = a + 100 + "px"; a+=100; element.animate( {left:[aa,bb]}, {iterations:1,fill:"forwords";duration:1000} ); }, 3000 ); 何か問題点はありますか？もっといい方法はありますか？ 709 名前：デフォルトの名無しさん mailto:sage [2022/05/19(木) 09:47:03.34 ID:AC6zTZlHH.net] newをつけないから実体がなくてundefinedなんじゃないの それに無理やり要素をぶっこんだら実体ができてemptyになるとか 710 名前：デフォルトの名無しさん mailto:sage [2022/05/19(木) 12:07:22.78 ID:RG1roS1xM.net] >>693 移動回数が無限ってことならそのままでいいけど、一定条件（動的な条件）を満たした場合に移動を終了させたいならclearIntervalを使おう 移動回数が決まってる場合はハナからそのようなkeyframeを書くことでsetIntervalを使わずに済ませることもできるはず 711 名前：デフォルトの名無しさん [2022/05/19(木) 12:23:52.20 ID:YbOBvtu00.net] >>695 なるほど 移動回数が決まっている場合のkeyframeはどう書けばいいですか？ 712 名前：デフォルトの名無しさん mailto:sage [2022/05/19(木) 13:28:23.81 ID:Qw9EnnZ00.net] >>691 Array(3)　や　new Array(3) の場合は { length:3 } [undefined, undefined, undefined] とか Array(3).fill(undefined) の場合は { length:3, 0: undefined, 1: undefined, 2: undefined } arr = Array(3) ってやって arr[0] で undefined が返ってくるのは arr[100] とか arr[‘hoge’] で undefined が返ってくるのと同じことです 存在しないプロパティにアクセスしたから undefined 疎な配列 とか sparse array で検索するとちょっとは疑問解消されるかもしれないです 713 名前：デフォルトの名無しさん mailto:sage [2022/05/19(木) 18:14:23.53 ID:BgFJDolr0.net] >>697 ありがとうございます。 JavaScriptって、やっぱりこの辺は特殊ですね。 お手軽なスクリプト言語としてはじまって、オブジェクトがすごい動的でハッシュマップみたいに扱えて、 714 名前：デフォルトの名無しさん mailto:sage [2022/05/23(月) 17:33:52.64 ID:+N2AIhklr.net] Winでプログラミングするためにnotepad++とATOMに辿り着いたんですが、ちょくちょくスペル間違いをしてしまい気が付かずに延々と探してるみたいなことになっちゃってます 間違えた場合に色が変わって教えてくれるみたいな機能があれば教えて欲しいです 715 名前：デフォルトの名無しさん mailto:sage [2022/05/23(月) 17:35:15.16 ID:pMTVA02Y0.net] >>699 なぜそこまで探してVSCode使わんのだ……？ 716 名前：デフォルトの名無しさん mailto:sage [2022/05/23(月) 17:54:55.74 ID:+N2AIhklr.net] >>700 かなり前の話なんですけど軽く教えてくれた人からhtmlとかプログラミングはテキストエディタでやればいいとか言われたんで存在も知らなかったです 結構よさげですねコレ 717 名前：デフォルトの名無しさん mailto:sage [2022/05/23(月) 18:01:49.29 ID:pMTVA02Y0.net] >>701 ちゃんとプログラミング用のエディタなら 一回設定した変数名はそのまま入力候補として出てくる もし英語の誤字/脱字が気になるなら 拡張機能のCode Spell Checker辺りを入れれば 一般的に使われる英単語なら誤ってる所に印付けてくれる 718 名前：デフォルトの名無しさん mailto:sage [2022/05/23(月) 19:08:40.21 ID:NujtHCtT0.net] はあああぁ Emacs 使わないとか素人かよ 719 名前：デフォルトの名無しさん mailto:sage [2022/05/23(月) 20:02:16.92 ID:6OeQRku90.net] エディタ戦争でも始める気か？ 主要なエディタを全て試して使いこなせるものを選べとしか vi vim Emacs Sublime Text Atom Visual Studio Code 720 名前：デフォルトの名無しさん mailto:sage [2022/05/23(月) 21:27:13.02 ID:41Pi679sa.net] 秀まるは？ 721 名前：デフォルトの名無しさん mailto:sage [2022/05/23(月) 21:52:53.33 ID:XDgutXclH.net] >>704 ｘｙｚｚｙぇ‥‥ 722 名前：デフォルトの名無しさん [2022/05/23(月) 22:50:53.85 ID:VcvR62I30.net] 禿丸は使ったらハゲになるから除外。 723 名前：デフォルトの名無しさん mailto:sage [2022/05/23(月) 22:52:20.76 ID:6OeQRku90.net] >>705 プログラミング関連機能はないと思ってたが、今は違う？ >>706 懐かしい名前だな 開発停止してるっぽいが、今でも使ってる人いる？ 724 名前：デフォルトの名無しさん mailto:sage [2022/05/23(月) 22:58:39.67 ID:XDgutXclH.net] >>708 のし 725 名前：デフォルトの名無しさん mailto:sage [2022/05/24(火) 08:27:07.85 ID:jLN19JC1M.net] xyzzy使ってる奴なんてジジイだけ 726 名前：デフォルトの名無しさん [2022/05/24(火) 18:02:01.97 ID:BzukVrXt0.net] Javascript勉強したらJavaも使えるようになりますか？ 727 名前：デフォルトの名無しさん mailto:sage [2022/05/24(火) 18:14:58.22 ID:3sl5OHzvM.net] 勉強しただけで使えるなら試験はいらない 728 名前：デフォルトの名無しさん [2022/05/24(火) 18:16:43.89 ID:EDq4wx2f0.net] vscode以外は悪として見られる つらい 729 名前：デフォルトの名無しさん [2022/05/24(火) 18:52:14.84 ID:6jvtixg50.net] EmacsenやVSCはエディタじゃないかもしれんね。 エディタと言い張る低能が多数派なので、我々良識派が肩身の狭い思いをしてるけども。 730 名前：デフォルトの名無しさん [2022/05/24(火) 19:26:26.98 ID:VAh5gH+20.net] >>704 今の時代、 VSCode以外は悪ですよ。 731 名前：デフォルトの名無しさん [2022/05/24(火) 19:28:43.15 ID:VAh5gH+20.net] HTMLやCSSをプログラミングと呼ぶ低能がいる。 それはこの2chを作ったといわれる(彼のスキルで作れるわけがない)ひろゆきだ。 732 名前：デフォルトの名無しさん mailto:sage [2022/05/25(水) 01:56:29.52 ID:Mmr3hh6F0.net] 難しすぎワロスw 片手間じゃ一生まともなの書ける気しない 733 名前：デフォルトの名無しさん mailto:sage [2022/05/25(水) 11:42:51.30 ID:Y26hlNPT0.net] ==の自動型変換？がキモいから毎回確実に===とキャスト使っていい？ 734 名前：デフォルトの名無しさん mailto:sage [2022/05/25(水) 11:50:09.46 ID:FOuBKfShM.net] むしろそうすべき ==をつかっていいのはobj==undefinedとする時だけ 735 名前：デフォルトの名無しさん mailto:sage [2022/05/25(水) 18:08:52.45 ID:cwF0DySLr.net] これは見とけっておすすめのYouTubeある？ 一通り終わって次何するか悩んでる 736 名前：デフォルトの名無しさん mailto:sage [2022/05/26(木) 21:47:12.94 ID:bX/ymiQ/M.net] HTML/CSSと勉強してきて、JavaScriptの勉強を始めました。 if文やfor文が出てくると一気にプログラミングを勉強してるって感じになりますね。 737 名前：デフォルトの名無しさん mailto:age [2022/05/27(金) 13:56:03.01 ID:tzFUQxnX0.net] HTMLやCSSも立派なプログラミング言語だぞ！ 738 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 8b2f-tVBN [218.220.251.107]) [2022/05/27(金) 14:48:41 ID:dExuQKQN0.net] >>722 それを言うは低脳。 739 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 8b2f-tVBN [218.220.251.107]) [2022/05/27(金) 14:50:10 ID:dExuQKQN0.net] 自分が「プログラミングできます」と言われたいだけがために HTML/CSSをプログラミング言語の仲間にしたい。 740 名前：デフォルトの名無しさん mailto:age [2022/05/27(金) 15:09:21.81 ID:tzFUQxnX0.net] HTML/CSSのプログラマですが質問ありますか？ 741 名前：デフォルトの名無しさん mailto:sage [2022/05/27(金) 15:16:49.16 ID:ZHjBLFll0.net] プログラミング言語の定義は知らないが コンピュータに命令する言語とすれば、HTML/CSSも立派なプログラミン言語だよ。 JavaScriptより高水準のね。 742 名前：デフォルトの名無しさん [2022/05/27(金) 15:31:01.51 ID:dExuQKQN0.net] >>725 きみは低悩 >>726 きみも低悩 これはわたしだけでなくプログラマー99.9999999%のみんなの認識だ。 743 名前：デフォルトの名無しさん [2022/05/27(金) 15:32:12.79 ID:dExuQKQN0.net] 低脳ザルたちは頭が悪いからそれを良く見せようと必死。 744 名前：デフォルトの名無しさん mailto:sage [2022/05/27(金) 16:15:19.27 ID:5JjyCdCCH.net] 私プログラミングが趣味なんです へえ、どの言語やってるんですか？ HTMLです 745 名前：デフォルトの名無しさん mailto:sage [2022/05/27(金) 16:49:48.86 ID:9vqfxpN6M.net] HTML/CSSプログラマは XMLやJSONもプログラミング言語だと思ってるの？ 746 名前：デフォルトの名無しさん mailto:sage [2022/05/27(金) 17:13:25.37 ID:VTFlQjvpr.net] おれトップレベルのhtml css使いだぞ 年収はお前らの5倍くらいある 747 名前：デフォルトの名無しさん mailto:sage [2022/05/27(金) 17:25:13.78 ID:A0QsKn+t0.net] RPGツクールはプログラミング言語ですか？ マインクラフトはプログラミング言語ですか？ ポケモンピカチュウを� 748 名前：oグらせるのはプログラミング言語ですか？ [] [ここ壊れてます] 749 名前：デフォルトの名無しさん mailto:sage [2022/05/27(金) 18:00:04.78 ID:zOBEp9hN0.net] 英語の動画見てるとhtmlをプログラミング言語と呼んでるな 750 名前：デフォルトの名無しさん [2022/05/27(金) 19:50:11.33 ID:izvqMSf/0.net] 「HTML CSS チューリング完全」と検索してみるが良い。 我々がなぜこ奴らをプログラミング言語とみなしているか理解できるであろう。 そして、プログラミング言語であることを理解せずに使えば、セキュリティ穴になるのだ。 751 名前：デフォルトの名無しさん mailto:sage [2022/05/27(金) 20:01:09.68 ID:4GpIk9M10.net] >>732 プログラミング言語ではない 752 名前：デフォルトの名無しさん [2022/05/27(金) 21:09:31.75 ID:dExuQKQN0.net] >>731 あなた低脳ザル >>733 You are another tiny-brain monkey. 753 名前：デフォルトの名無しさん mailto:sage [2022/05/27(金) 23:06:30.96 ID:Xaqhk7aS0.net] 74 デフォルトの名無しさん (ﾜｯﾁｮｲ 372f-IS5D [218.220.251.107]) 2021/11/20(土) 20:02:17.98 ID:4VXr5Xxs0 仕事で使ってるサイトをJavascriptで自動化できませんか？ たとえば出勤と退勤のときの時間を管理するのに「勤次郎」というサイトを使ってるんだけど 毎回ログインしたあといちいち入力するのが面倒くさい。 754 名前：デフォルトの名無しさん mailto:sage [2022/05/27(金) 23:50:21.69 ID:3AyZwk8CM.net] userscript 755 名前：デフォルトの名無しさん mailto:sage [2022/05/28(土) 12:58:35.52 ID:hJZUTFMkH.net] Tampermonkey使えばできそうだよね 756 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 179a-4uwL [120.75.69.71]) mailto:sage [2022/05/28(土) 16:55:38 ID:HuhrBNQu0.net] プログラム中でs=文字列という形でsに文字列を格納しました これをクリップボードにコピーするにはどうしたらいいでしょうか？ ちょっと調べるとselectしてcopyするようなのが出てきたのですが、 変数だけで具体的に文字列をselectできるわけではないのでうまくいきませんでした 757 名前：デフォルトの名無しさん mailto:sage [2022/05/28(土) 17:05:49.60 ID:zElwYawI0.net] >>740 単純な文字列だけならClipboard.writeText（）を使う リファレンス https://developer.mozilla.org/en-US/docs/Web/API/Clipboard/writeText 758 名前：デフォルトの名無しさん mailto:sage [2022/05/28(土) 17:11:13.68 ID:ipcjwkTWM.net] 218.220.251.107は半年の間にずいぶん偉くなったもんだな 759 名前：デフォルトの名無しさん mailto:sage [2022/05/28(土) 17:30:21.43 ID:zElwYawI0.net] >>737 半年前な上、スレチだけど そういうのを自動化したいならRPA使った方が早いって今更だけどアドバイスしたい…… UiPathとか使えばわりとサクッと実装できる 760 名前：デフォルトの名無しさん mailto:sage [2022/05/28(土) 19:19:22.03 ID:6Sv+ENTH0.net] タコペッティのユーチューブチャンネルより ・週4日勤務の導入て゛、従業員の生産性も、幸福度も、お客さんの満足度も、全てが向上するという事実ww ・【朗報】日本企業、めちゃめちゃ働きやすくなっているw ・職務範囲も勤務地も不明確な正社員ってオワコンし゛ゃね？受け持つ仕事が辞令 　ひとつで変更になり、勤務地も会社都合で決まるって冷静に考えてヤバすぎだろ... ・1つの会社に長く勤めるのはもう辞めませんか？勤続年数が増えるほど、生産性は下がります... ・リモートワークとかもう古いからw　これからは働く場所も時間も自由に選べる「ABW」の時代です ・【悲報】上場大企業の年収、スタートアップ企業とほぼ同じであることが判明w　 　え？大企業に行く意味ある...？ ・【悲報】有名大学を出て大企業に入るという勝ち組ロード、完全にオワコン... 761 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ b35f-yO3c [14.13.137.64]) mailto:sage [2022/05/29(日) 17:53:31 ID:IyXpp6fQ0.net] >>727 それを成立させるために何億人いるんだよ、プログラマ 762 名前：デフォルトの名無しさん [2022/05/29(日) 22:20:48.94 ID:z/FJvc6j0.net] constだとあとで再代入可の変数にしたい場合letに書き直すのがめんどくさいから 最初からconst使わずに全部letにした方がいいのではないでしょうか？ 763 名前：デフォルトの名無しさん mailto:sage [2022/05/29(日) 22:32:45.58 ID:1SJx00EZM.net] >>746 素晴らしい発想だ キミは天才か? 764 名前：デフォルトの名無しさん mailto:sage [2022/05/29(日) 22:48:40.87 ID:48OBnFq00.net] >>746 実際それで何の問題もない 765 名前：デフォルトの名無しさん mailto:sage [2022/05/30(月) 00:56:47.97 ID:aQGXKbLd0.net] >>746 天才現る 766 名前：デフォルトの名無しさん mailto:sage [2022/05/30(月) 07:24:12.50 ID:aJrcSub80.net] 笑 767 名前：デフォルトの名無しさん [2022/05/30(月) 10:17:04.04 ID:zAJLNfWa0.net] 俺も全てlet使ってる 流石にvarは使わない 何がおかしいのかさっぱりわからない 768 名前：デフォルトの名無しさん (ｵｯﾍﾟｹ Sr93-H/X0 [126.133.245.183]) mailto:sage [2022/05/30(月) 15:29:33 ID://zvb+Vbr.net] 馬鹿!? 769 名前：デフォルトの名無しさん [2022/05/30(月) 16:10:10.56 ID:uE5mh+rL0.net] 【渡辺裕之(66)】　ワクチン鬱？　【上島竜兵(61)】 ://egg.5ch.net/test/read.cgi/cafe60/1652426631/l50 o.5ch.net/1yfxm.png 770 名前：デフォルトの名無しさん [2022/06/06(月) 11:49:25.24 ID:eBxFzq660.net] 質問です。 予め指定したフォルダ内にある全てのファイル名を読み取るにはどうするといいでしょうか？ 771 名前：デフォルトの名無しさん mailto:sage [2022/06/06(月) 12:09:31.46 ID:IR62wvND0.net] >>754 サーバのフォルダならサーバサイドスクリプトで読み取る 772 名前：デフォルトの名無しさん [2022/06/06(月) 13:35:42.25 ID:eBxFzq660.net] >>755 ありがとうございます。 やってみます。 773 名前：デフォルトの名無しさん [2022/06/08(水) 23:55:21.66 ID:YvahfHwm0.net] ちゃんとした他のプログラミング言語と足並みを揃えるべくES6でスコープを考慮した結果がletのはず 最近出版された本でもvarを使っているのはなんなのか… 774 名前：デフォルトの名無しさん mailto:sage [2022/06/08(水) 23:56:30.69 ID:7YcOaZwm0.net] >>757 破り捨てよう 775 名前：デフォルトの名無しさん mailto:sage [2022/06/08(水) 23:58:50.30 ID:oUrdFXCt0.net] どう覚えているのか知らないが、varは禁止されていない var,let const,関数宣言を全て使いこなすのがベスト 776 名前：デフォルトの名無しさん [2022/06/09(木) 00:01:10.95 ID:DZT4jyMC0.net] 敢えて関数スコープを使うシーンが分からない 777 名前：デフォルトの名無しさん mailto:sage [2022/06/09(木) 00:14:24.38 ID:ilG0UUWS0.net] 関数コードを巨大にしなければ、関数スコープで十分な局面は多い パフォーマンスへの影響を踏まえて使い分けてるな 778 名前：デフォルトの名無しさん mailto:sage [2022/06/09(木) 00:22:00.27 ID:PLMk4iqod.net] バベルからトランスコンパイルしたらvarって出てくる 779 名前：デフォルトの名無しさん (ﾌﾞｰｲﾓ MM9f-P3ru [49.239.64.75]) mailto:sage [2022/06/09(木) 00:45:27 ID:HJM4k0T5M.net] 再宣言と巻き上げに関するバグを生むリスクを取ってまでvarを使う場面があるのかね 780 名前：デフォルトの名無しさん mailto:sage [2022/06/09(木) 03:15:19.34 ID:6mot2Q//d.net] varは初期の数ヶ月から数年の期間Netscapeでは function F() {var v = 'v';} ;alert(F.v);// v だった。これは今でいう class C {static s = 's'} C.s// s constはmozillaで99年から00年に普通にみんなに使われるようになった。ただし細部で約20年後(というか約15年後かな)の今の仕様とは違う。 あと JScript .netでもconstは使えたから、複数のプラットフォームで20年選手ということになる。 letも今のものとは細部で違うが、私は2007年初期にJS1.7で使っている。 この時期のpython化は黒歴史になっているから、comprehensionは完全に消されたな。 当初は[for (i in [0, 1, 2]) i]と書けた。これは[i for i in range(3)]のこと。 inじゃなくofになって、今はそれも消されたな。 しかし残っているものの方がむしろ多くて、let以外にも分割代入なんかもこの15年前から10年前くらいまでの黒歴史期間で導入されていた。 で、何が言いたいかというと、let要らないんだよな。だって、comprehensionでlet/const無しでレキシカルスコープ実現できてたじゃん。 だから、レキシカルで初登場時に暗黙のletでいいじゃんって思う。 781 名前：デフォルトの名無しさん mailto:sage [2022/06/09(木) 03:19:09.76 ID:e981VJmIr.net] javascript → varを非推奨 c# → varを推奨 これだから動的言語は欠陥なんだよな 782 名前：デフォルトの名無しさん mailto:sage [2022/06/09(木) 10:39:24.14 ID:asu6OMcO0.net] 話の腰を折って知識の開陳したいだけならよそでやってくれるかな 783 名前：デフォルトの名無しさん mailto:sage [2022/06/09(木) 11:47:04.96 ID:gZS+KUMq0.net] >>766 すみません。 784 名前：デフォルトの名無しさん mailto:sage [2022/06/09(木) 18:15:08.29 ID:4vVekUOlM.net] 最近勉強を始めた初学者です 参考書には基本的にletで記述されています varはこんなのもあるよって感じで紹介だけだなあ 785 名前：デフォルトの名無しさん mailto:sage [2022/06/09(木) 18:56:04.47 ID:gZS+KUMq0.net] 日本国内でjavascriptのプログラマは何人いるのでしょうか？ 786 名前：デフォルトの名無しさん mailto:sage [2022/06/09(木) 19:53:55.33 ID:qJMpHUUT0.net] ちゃんと組めるのは50人ぐらいじゃね 787 名前：デフォルトの名無しさん mailto:sage [2022/06/09(木) 21:13:45.42 ID:ObjsHLlTr.net] 人数でいえば300万人はいる 788 名前：デフォルトの名無しさん mailto:sage [2022/06/10(金) 00:12:00.40 ID:PVhyJTd00.net] >>771 ええーーーーーーーーーーーーーーーーー。 そんなにいるの？ 789 名前：デフォルトの名無しさん mailto:sage [2022/06/10(金) 00:12:53.26 ID:fPak2i7g0.net] >>765 論拠になってねえ… 790 名前：デフォルトの名無しさん mailto:sage [2022/06/10(金) 00:13:04.77 ID:PVhyJTd00.net] プロで活躍出来る人は１０万人位かと思っていた。 791 名前：デフォルトの名無しさん mailto:sage [2022/06/10(金) 10:36:42.56 ID:Mtfam+l2M.net] >>773 どう見てもネタやん 792 名前：デフォルトの名無しさん mailto:sage [2022/06/10(金) 10:49:39.80 ID:/BiTxEDsr.net] javascriptは初心者向けだから半日もあればマスターできるぞ 793 名前：デフォルトの名無しさん mailto:sage [2022/06/10(金) 12:19:15.49 ID:W2vGiqFG0.net] いや、わいは１時間でいけたな 794 名前：デフォルトの名無しさん mailto:sage [2022/06/10(金) 13:24:03.72 ID:PVhyJTd00.net] >>776 未だにthree.jsすら使えこなせない俺って…。 で、javascriptのプログラマーは日本国内でどれ位いる？ 795 名前：デフォルトの名無しさん mailto:sage [2022/06/10(金) 13:37:21.85 ID:tfSxvHhSr.net] プログラマーであればjavascript使えるからほぼプログラマー人口と同じくらい 796 名前：デフォルトの名無しさん mailto:sage [2022/06/10(金) 15:34:16.82 ID:PVhyJTd00.net] >>779 https://hrzine.jp/article/detail/2123 日本人プログラマーは約１００万人。 でもjavascriptを使いこなせている人はそんなにたくさんいるかな？ 797 名前：デフォルトの名無しさん mailto:sage [2022/06/10(金) 15:36:51.91 ID:PVhyJTd00.net] https://xtech.nikkei.com/atcl/nxt/mag/nc/18/072100242/072100001/ 国内シェアは4.4%だから大体４万４千人程度だった。 798 名前：デフォルトの名無しさん mailto:sage [2022/06/10(金) 16:11:25.97 ID:tfSxvHhSr.net] >>781 そもそもその統計はおかしい 一人でいくつも言語を使うのが当たり前 4.4％ってのはjavascript「しか」使えない人口だろう ということはやはりjavascriptを使える人口は100万人に近くなる 799 名前：デフォルトの名無しさん mailto:sage [2022/06/10(金) 16:44:02.22 ID:2xPsbg+9M.net] そもそもｵｯﾍﾟｹにマジレスするのがおかしい 800 名前：デフォルトの名無しさん mailto:sage [2022/06/10(金) 19:46:27.69 ID:PVhyJTd00.net] >>782 アンケートでは、現在使っているプログラミング言語を3つまで挙げてもらった。 JavaScriptは２位。 最も使っている言語を1つだけ挙げてもらった。 上位３位で４３．２％を占める。 １００万人?４３．２％で約４万３千人位がJavaScriptを使えるかと。 801 名前：デフォルトの名無しさん mailto:sage [2022/06/10(金) 19:47:20.81 ID:PVhyJTd00.net] 約４３万人。 802 名前：デフォルトの名無しさん mailto:sage [2022/06/10(金) 21:29:30.02 ID:tfSxvHhSr.net] >>785 すごい 43万人がjavascriptのスペシャリストプログラマー 残りの57万人もほぼ使えるのだろうが初心者向け言語だから重視していないんだろうな 803 名前：デフォルトの名無しさん mailto:sage [2022/06/10(金) 21:32:15.40 ID:q2HycVdQM.net] 親でも殺されたのか？ 804 名前：デフォルトの名無しさん [2022/06/13(月) 08:40:40.71 ID:am3Wwq1W0.net] element.animate( { left:["100px","200px","300px","400px","500px"] }, {duration:6000} ); というアニメーションの場合で leftが100px,200px・・・500pxになった毎にalert表示したいんだけどどうやればできますか？ 各位置に達したら発生するイベントはないんでしょうか？ 805 名前：デフォルトの名無しさん mailto:sage [2022/06/13(月) 17:30:17.10 ID:mNIVTbIq0.net] for(const left of ["100px","200px","300px","400px","500px"]){ await element.animate({left}, {duration:1200, fill:'forwards'}).finished alert(left) } こんな感じだろうが、うちのブラウザではalertと非同期処理の相性が悪くて 期待通りには動かんな 806 名前：デフォルトの名無しさん [2022/06/13(月) 18:03:23.16 ID:am3Wwq1W0.net] >>789d どうもっす awaitっていうのは何ですか？あと1200という数字はどこから来たんですか？ 807 名前：デフォルトの名無しさん mailto:sage [2022/06/13(月) 19:32:06.01 ID:GwwyxVQWd.net] 6000/5かな 808 名前：デフォルトの名無しさん mailto:sage [2022/06/13(月) 19:38:33.43 ID:i6A98kDWM.net] >>790 横からだけど、awaitはpromiseオブジェクトの解決(成功・失敗)まで待機する構文 1200は6000(6秒)をキーフレームの数(ループ回数=5)で割ったもの 809 名前：デフォルトの名無しさん mailto:sage [2022/06/13(月) 21:01:30.83 ID:0JGjDuiuM.net] >>789 理屈は分からんけどダミーのアニメーションか何かを挟むと上手くいくっぽい https://jsfiddle.net/0c3hmbok/ 810 名前：デフォルトの名無しさん mailto:sage [2022/06/14(火) 07:59:04.85 ID:QblsDI8c0.net] >>793 >>789の書き方だとプロミスチェーンされないからだと思います await element.animate({left}, {duration:1200, fill:'forwards'}).finished await alert(left) でいけました await element.animate({left}, {duration:1200, fill:'forwards'}).finished.then( () => { alert(left) } ) でもOK 811 名前：デフォルトの名無しさん mailto:sage [2022/06/14(火) 11:53:12.03 ID:jm08kgMyM.net] >>794 うちの環境だとalertにawait付けただけでは上手くいかなかったのよ jsfiddle.net/m3pq6djw/ ダイアログでOK押したときに●がワープしない？ 812 名前：デフォルトの名無しさん mailto:sage [2022/06/14(火) 20:15:11.04 ID:QblsDI8c0.net] >>795 確認しました 朝はSafariだったので SafariとFirefoxではそもそもawaitつけなくても>>789で問題なく動く Chromeはawaitあるなし関係なくダメ、全体をthenに書き換えてもダメ ちなみに全てMac版です 色々試してみた感じ Chromeはalert()のダイアログを出したタイミングで次のPromiseを実行する 画面は止まってるが計算は実行されているので、OKでダイアログ閉じた時に辻褄合わせでワープする SafariとFirefoxはダイアログのOKボタンを押したタイミングで次のPromiseを実行する それまで画面も計算も止まってるのでダイアログ閉じてからアニメーションが始まる かなあと思ったりしましたが、実際のところはわからないです まあでもChromeで動かないならダメですね 813 名前：デフォルトの名無しさん mailto:sage [2022/06/14(火) 21:03:39.71 ID:BrOck07XM.net] 戻り値のある confirm() や prompt() ならイケそうな気がするけど、どうだろう 814 名前：デフォルトの名無しさん mailto:sage [2022/06/15(水) 11:59:48.35 ID:1XehFqTjM.net] >>795をawait confirmに変えてみたけど挙動は変化なし 815 名前：デフォルトの名無しさん mailto:sage [2022/06/15(水) 13:13:12.54 ID:aRosNJ ] [ここ壊れてます] 816 名前：Ld0.net mailto: そりゃPromise返さないやつにawait付けたところで変わるわけないわな chromiumのモダールダイアログの処理に問題あるんだろうね [] [ここ壊れてます] 817 名前：デフォルトの名無しさん mailto:sage [2022/06/15(水) 19:49:56.67 ID:xgXbyqQZ0.net] awaitの後の式の値がPromiseでない場合はPromise.resolve()に変換されるってことなので 最初はそこかと思ったんですよね >>793がどうしてChromeでちゃんと動くのかを考えたんだけど おそらくChromeはダイアログ出した段階でPromiseｂﾌ中身を実行しｂﾄるけど OKを押すまでPromiseの状態は変えないんだと思います つまりダミーのアニメーションはすぐ実行完了するけどOKを押すまではPendingなので次に行かない なのでPendingで返却してすぐにFulfilledになるPromiseにすりゃいいのではと思って試したら多分できた https://jsfiddle.net/v2c7baL3/ 818 名前：デフォルトの名無しさん mailto:sage [2022/06/18(土) 17:12:37.89 ID:AZEFiuqJ0.net] ようやく大手を振ってIEサポート拒否出来るわ IEモードなんて知らん 819 名前：デフォルトの名無しさん [2022/06/20(月) 11:37:14.04 ID:L+sRNCcV0.net] クラス内のコンストラクタについてこの認識で合ってますか？ constructor(引数){this.プロパティ名 = 値;} 1.受け取った引数は値に格納され 2.インスタンス生成することで値が「this.プロパティ名」に代入され 3.同時に「this.プロパティ名」はインスタンスに渡される。 ググれどググれどページによってニュアンスが違くて混乱しております。 820 名前：デフォルトの名無しさん mailto:sage [2022/06/20(月) 18:00:16.96 ID:HWRjc4FJ0.net] setInterval内でループ毎に変化するelementがあってそのelementに対してのaddEventListenerを使う場合は イベントが蓄積されていくからremoveEventListenerでループ毎に削除する必要があるけど プロミスは１回のイベントが実行されれば蓄積されないので削除しなくていいって聞いたけど正しいんですか？ 821 名前：デフォルトの名無しさん [2022/06/20(月) 18:10:56.22 ID:HWRjc4FJ0.net] >>796 animateを関数で囲ってanimation.finished.then毎にその関数を再起呼び出しでできました 822 名前：デフォルトの名無しさん [2022/06/27(月) 11:19:58.02 ID:qD2YGrhX0.net] これだと、単に変数に文字列 "a" を代入しただけに思えるけど どうしてobjのプロパティが代入されるんですか？ const obj = {a: 10, b:20}; const num = 'a'; console.log(obj[num]); // 10 823 名前：デフォルトの名無しさん mailto:sage [2022/06/27(月) 11:47:02.50 ID:VP93VLfnM.net] >>805 下記は共にオブジェクトのaプロパティを参照する式で、結果としてaプロパティの値が得られる obj.a obj['a'] 824 名前：デフォルトの名無しさん mailto:sage [2022/06/27(月) 16:22:22.11 ID:Xs6h66q80.net] >>805 console.log(obj['a']) で同じ動作になるから 825 名前：デフォルトの名無しさん mailto:sage [2022/06/27(月) 17:24:02.66 ID:R3+dz0k/M.net] obj[num]のnumが評価されてobj[‘a’]になる さらにobj[‘a’]が評価されて10になる 826 名前：デフォルトの名無しさん mailto:sage [2022/07/01(金) 21:12:32.27 ID:e3WLxABv0.net] varだとこのように書けるけど if(a > 1){var b = 0;} else{var b = 1;} alert(b); letだと if(a > 1){let b = 0;} else{let b = 1;} alert(b); のようには書けないので let b; if(a > 1){b = 0;} else{b = 1;} alert(b); と書くしかないので行数が多くなるのでvarの方が使える場面もあるってこと？ 827 名前：デフォルトの名無しさん mailto:sage [2022/07/02(土) 07:53:03.90 ID:ZhYOvAvRM.net] 代入してん？ 828 名前：デフォルトの名無しさん mailto:sage [2022/07/02(土) 08:46:29.95 ID:k/gTnCZpM.net] >>809 varは「既存コードとの互換性目的で残されているだけ」であって、利用禁止が大前提 無意味にletを使うのもやめた方がいい 例1 - 名付けあり > const b = a > 1 ? 0 : 1; > alert(b); 例2 - 名付けなし > alert(a > 1 ? 0 : 1); 829 名前：デフォルトの名無しさん [2022/07/02(土) 08:46:33 ] [ここ壊れてます] 830 名前：.37 ID:f8ozX99S0.net mailto: 代入してるよ [] [ここ壊れてます] 831 名前：デフォルトの名無しさん [2022/07/02(土) 08:46:35.20 ID:f8ozX99S0.net] 代入してるよ 832 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 2d01-UYEv [114.48.125.16]) mailto:sage [2022/07/02(土) 09:07:06 ID:7+dzE5OL0.net] >>809 あなたにとってはそうなんだろうが、letの方が宣言か一箇所で済む分、わかりやすく感じる 最も、そのコードは三項演算子で1行に出来るから比較する必要はないが 833 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 2d01-UYEv [114.48.125.16]) mailto:sage [2022/07/02(土) 14:56:48 ID:7+dzE5OL0.net] とりあえず、[180.12.82.129]は何か反応したら？ 834 名前：デフォルトの名無しさん [2022/07/02(土) 18:09:44.92 ID:5kfVxUizM.net] iPadでJavaScriptの勉強したいんやけど可能？ 一応外付けのマウスキーボードはあって、OracleのJava bronzeを取りたいんたけど。 835 名前：デフォルトの名無しさん [2022/07/02(土) 18:11:06.76 ID:f8ozX99S0.net] >>814 そうなんですか 836 名前：デフォルトの名無しさん mailto:sage [2022/07/02(土) 18:20:43.79 ID:TQdsQirm0.net] var は使っちゃいけない。 スコープとか、色々とややこしいから、バグるだけ そういうのを研究していない人には分からないし、 研究するだけ時間の無駄 varを使うな、という結論だけを使えばよい 837 名前：デフォルトの名無しさん mailto:sage [2022/07/02(土) 18:21:59.34 ID:7+dzE5OL0.net] >>817 結局、何を知りたかったのか さっぱり、わからないな 838 名前：デフォルトの名無しさん mailto:sage [2022/07/02(土) 18:35:23.42 ID:6gDxbKhpM.net] >>816 JavaかJavaScriptかはっきりしてくれ 839 名前：デフォルトの名無しさん [2022/07/03(日) 21:22:54.13 ID:u2gGVzOi0.net] javascriptでフォーム作ってます。 java scriptからメールを送る方法ってどんなのがありますでしょうか？ 840 名前：デフォルトの名無しさん mailto:sage [2022/07/03(日) 21:32:55.50 ID:W01+4hlo0.net] >>821 マルチポスト先でいわれたSMTPサーバは調べた？ https://mevius.5ch.net/test/read.cgi/hp/1478002550/652 https://qiita.com/ryunakae/items/0ceed3728d46ee67d1f2 841 名前：デフォルトの名無しさん mailto:sage [2022/07/03(日) 22:51:52.67 ID:qXMK1yPV0.net] javascriptでメールの送信は無理！ rubyを使うと簡単にできるYO！ 842 名前：デフォルトの名無しさん mailto:sage [2022/07/03(日) 23:26:54.42 ID:C1pvOjRy0.net] AWS Lambda/SNS, Ruby など、サーバーが無いと無理 843 名前：デフォルトの名無しさん mailto:sage [2022/07/03(日) 23:41:06.22 ID:W01+4hlo0.net] 無理といわれてるが、SmtpJSでは不可能なのか まあ、俺もクライアントサイドでやろうとは思わんが 844 名前：デフォルトの名無しさん mailto:sage [2022/07/03(日) 23:44:24.18 ID:QHM3Cg280.net] ブラウザ上のjavascriptから直にメールを送る機能はないので 822のqiitaで紹介されてるSmtpJSはSmtpJSのサーバーに通常のフォームデータとしてPOSTしてそのサーバーがメール送信を肩代わりしてくれる 信用できないなら自分でサーバーサイドもどうにかする 845 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 2d01-UYEv [114.48.125.16]) mailto:sage [2022/07/03(日) 23:55:04 ID:W01+4hlo0.net] SMTPサーバーが必要なのは>>822の通り、理解してる 最も、質問者はずっとスルーしてるが 846 名前：メールの質問者@時の旅人 (ﾜｯﾁｮｲ 7568-kc9T [112.68.214.52]) [2022/07/04(月) 00:11:28 ID:rXJjm3cQ0.net] 皆さま、ご教示ありがとうございます。 smtp.jsを使い、SMTPサーバーはsmtp.jsで紹介されてるSMTPを使用。 試してみたのですが、うまく動かせておりません。 メールは、サーバーサイドからやるのがベターですよね、やっぱり。。 847 名前：デフォルトの名無しさん [2022/07/04(月) 06:59:27.99 ID:eZVYpHVcd.net] var yyy =～/g; var mmm = "$1～”; aaa[0].innerHTML = aaa_html.replace(yyy, mmm); で指定する$1の部分は、mmmの変数で指定するか、 複数の変数を埋めるにはどうしたら良いですか？ ようするにyyy以外の変数も埋め込めたい。 848 名前：デフォルトの名無しさん mailto:sage [2022/07/04(月) 07:44:5 ] [ここ壊れてます] 849 名前：1.83 ID:158REP8JM.net mailto: >>829 マッチ結果とは無関係の変数を使いたいってことなら、普通に変数を連結するなりテンプレートリテラルで表現したりすればOK ある程度複雑なことをするつもりなら、別途置換処理用の関数を定義した上でreplace()の第二引数に渡した方が読みやすくなるかも（当然ながら「適切な名付け」が前提） innerHTMLを使っている点については、あえて何も言わないでおく [] [ここ壊れてます] 850 名前：デフォルトの名無しさん mailto:sage [2022/07/04(月) 08:16:00.18 ID:X+I6pApT0.net] >>829 +で結合して代入 851 名前：デフォルトの名無しさん (ｱｳｱｳｳｰ Sa4d-uVV9 [106.146.72.72]) [2022/07/07(木) 08:46:34 ID:hekaiUDAa.net] 年月を設定した2段階プルダウンを作成しているのですが、JAVAを深く触ったことがない為アドバイス頂きたいです。 wordpressのデータベースからSQLを使います。Java scriptでプルダウン作成。 設計について Java script→JSONで$(配列)に変える→archive.php→SQL→JSON→Java scriptという流れで良いでしょうか？ 852 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 2d01-UYEv [114.48.125.80]) mailto:sage [2022/07/07(木) 08:56:00 ID:sGvZpzJo0.net] >>832 > JAVAを深く触ったことがない Java関係ある？ > Java script→JSONで$(配列)に変える $(配列)とは？ 853 名前：デフォルトの名無しさん (ｱｳｱｳｳｰ Sa4d-uVV9 [106.146.72.72]) [2022/07/07(木) 09:00:19 ID:hekaiUDAa.net] >>833 JAVAは変換ミスです申し訳ありません。 option valueの値をそのままSQLに渡す事が出来ないとアドバイスもらいましたので、何とかSQLに渡す方法が知りたいです。 また渡したものと一致するデータをSQLで選別してJava scriptに返す必要があります。 コードは以下になります。 <option value="">年を選択</option> <option value="op-a">2021</option> <option value="op-b">2022</option> </select> <select name="op-a"> <option value="">2021グループから選択</option> <option value="op-a-1">1</option> <option value="op-a-2">2</option> <option value="op-a-3">3</option> <option value="op-a-4">4</option> <option value="op-a-5">5</option> <option value="op-a-6">6</option> <option value="op-a-7">7</option> <option value="op-a-8">8</option> <option value="op-a-9">9</option> <option value="op-a-10">10</option> <option value="op-a-11">11</option> <option value="op-a-12">12</option> </select> 854 名前：デフォルトの名無しさん (ｱｳｱｳｳｰ Sa4d-uVV9 [106.146.72.72]) [2022/07/07(木) 09:04:47 ID:hekaiUDAa.net] >>833 option valueの値をJSONを使い配列に変えた上でSQLに渡すことを考えておりました。 855 名前：デフォルトの名無しさん mailto:sage [2022/07/07(木) 09:57:05.64 ID:D+rw6Zs6M.net] >>832 一旦落ち着いて、スレタイと>>1のテンプレを熟読しよう その上で、一連のデータフロー（処理順序と各処理間のインタフェース）の中で「JavaScriptコードに担わせたい機能」をあらかじめ明確化した上で、「同機能の実装上の不明点・疑問点」を質問しよう 856 名前：デフォルトの名無しさん mailto:sage [2022/07/07(木) 12:45:33.04 ID:ywWcbjyb0.net] 例えば、Ruby on Rails みたいなMVC フレームワークなら、 <%= f.select :pet, [["犬", 1], ["猫", 2]], include_blank: "選択して下さい" %> こういうselect ボックスで、猫を選べば、 データベース(DB)のpet列が、2 で保存される 多分フォーム送信で、value="2" がサーバーへ送られて、 Railsによって、自動的に整数型の2に変換されて、DBへ保存される このように、Railsのようなフレームワークを使うと、 DBのテーブル構築とか、HTMLからDBの各列への対応付けも全自動 SQL 文を文字列で、自分で作ったりしない 857 名前：デフォルトの名無しさん mailto:sage [2022/07/07(木) 15:15:03.26 ID:1RhWyS0vd.net] JavaScriptってクラス宣言も関数使ってるらしいけど、関数型言語なの？ 858 名前：デフォルトの名無しさん [2022/07/07(木) 16:06:18.67 ID:8vD+8lwxa.net] return {}; 859 名前：デフォルトの名無しさん mailto:sage [2022/07/07(木) 21:11:15.45 ID:/kE53AS+0.net] >>838 もとはschemeを参考にした関数型言語だったのをむりやり関数型言語っぽく仕立てたから クロージャや部分適用は普通に使えるのに対し、thisやコンストラクタやメソッドはなんか 残念な仕様になった。 860 名前：デフォルトの名無しさん mailto:sage [2022/07/07(木) 21:11:55.11 ID:/kE53AS+0.net] むりやりオブジェクト指向言語っぽく だな。 861 名前：デフォルトの名無しさん [2022/07/07(木) 21:39:11.18 ID:TVMHA1kRr.net] console.logが1つしか表示されないんですが、何が原因なんでしょうか？ //オブジェクトを定義するvarは受け取る際にエラーが起きそう再宣言のできるletを選択 let objA = { // プロパティを定義 // キー: 値 year: "2021", month: "1,2,3,4,5,6,7,8,9,10,11,12", }; let objB = { // プロパティを定義 // キー: 値 year: "2022", month: "1,2,3,4,5,6,7,8,9,10,11,12", }; //オブジェクトをまとめる let allobj = Object.assign(objA, objB); //JSON.stringifyとは、JavaScriptのオブジェクトや値などのデータをJSONに変換するための関数 let result = JSON.stringify(objA,objB); //変数「result」に代入 console.log(result); 862 名前：デフォルトの名無しさん [2022/07/07(木) 21:40:14.54 ID:TVMHA1kRr.net] JSON.stringifyをまとめても、let result = JSON.stringify(allobj); console.logを2つにわけても2021のみ表示されて、2022がどうしても表示されないのですが、何か考えられる原因はありますでしょうか？console.log=JSON.stringify(objA);console.log=JSON.stringify(objB); 863 名前：デフォルトの名無しさん mailto:sage [2022/07/07(木) 21:56:36.52 ID:E4BLf8JX0.net] >>840 ありがとう、理解しました いちいちコンストラクタとか宣言する気起きなかったから良かった 864 名前：デフォルトの名無しさん mailto:sage [2022/07/07(木) 22:25:23.38 ID:1JorfJ+H0.net] >>843 Object.assignは1番目の引数オブジェクトを直に2番目以降のオブジェクトのキー・値で上書きするものですよ もしかして let allobj = [ objA, objB ]; let result = JSON.stringify(allobj); 865 名前：デフォルトの名無しさん (ｵｯﾍﾟｹ Srf9-cwmE [126.254.152.249]) [2022/07/07(木) 23:19:17 ID:TVMHA1kRr.net] 下記のようにしたら表示されるんですが、変数「result」に代入しておく必要があるため困っております。 let result =にobjA,objB別々にすることはできますでしょうか？ //オブジェクトを定義するvarは受け取る際にエラーが起きそう再宣言のできるletを選択 let objA = { // プロパティを定義 // キー: 値 year: "2021", month: "1,2,3,4,5,6,7,8,9,10,11,12", }; let objB = { // プロパティを定義 // キー: 値 year: "2022", month: "1,2,3,4,5,6,7,8,9,10,11,12", }; //JSON.stringifyとは、JavaScriptのオブジェクトや値などのデータをJSONに変換するための関数 console.log(JSON.stringify(objA));console.log(JSON.stringify(objB)); 866 名前：デフォルトの名無しさん mailto:sage [2022/07/08(金) 00:03:23.67 ID:PFDPpPXI0.net] 何がやりたいのかサッパリわからん 867 名前：デフォルトの名無しさん mailto:sage [2022/07/08(金) 00:18:12.73 ID:hP3rbItM0.net] >>842-843,846 マルチポストか https://teratail.com/questions/u195apv1x9xtdv せめてマルチポストのマナーを守れ https://ja.meta.stackoverflow.com/questions/2418/ >>832,834-835もあなただと思うが、JavaScriptを学習する前にPHPの入門書買うのが先だと思うぞ form送信するのなら、JacaScriptもJSONも必要ない PHP側でGETもしくはPOSTでパラメータを受け取れば良い PHPにはパラメータを配列で受け取る仕組みがあるからな やりたいことから逆引きするのは止めて、入門書で基礎を固めるべき 回答もらっても理解できんのなら意味がない 回答もらえるだけの明確な質問内容を書けないのなら意味がない 突っ込みどころが多すぎる 868 名前：デフォルトの名無しさん [2022/07/08(金) 00:57:16.92 ID:baa8V49za.net] >>848 アドバイスありがとうございます マルチポストはすみません。 form通信ではなくSQLを使いアーカイブを表示させるためにプルダウンを作成しています。 Java scriptのオブジェクトでは配列を渡せないのでJSONでシリアライズしてPHPでデコードしてそれをSQLに渡します。 渡されたものから該当の記事を出力させ、PHPで JSONシリアライズした後にAJAXでJava scriptに送り返します。 869 名前：デフォルトの名無しさん mailto:sage [2022/07/08(金) 01:59:04.54 ID:FyHcSsdCr.net] teratailでのやり取りを見てても根本的に理解が足りてないのがよくわかる プログラミング始めてどれぐらいか分からんけどもPHPとJavaScriptを組み合わせてどうこうするにはまだ早い気がする 870 名前：デフォルトの名無しさん mailto:sage [2022/07/08(金) 09:14:14.28 ID:XXTPwuyz0.net] >>832見てると、やり方調べてるうちに、不明点の迷路にハマってる気がする まずは最低限の実装から順番に理解していかないと、解決するものもしないぞ ①WordPressのフロントエンド側からSQLを呼び出す 　※SQLの内容は固定、ボタン一つで1つ結果が返ってくれば良い 　⇒これだけならWordPressのコミュニティやサポートに聞けば解答が来る ②WordPressのフロントエンドからプルダウン経由(動的に値を変えながら） 　　SQLを呼び出す 　　⇒これもWordPressのコミュニティで意見聞いてから、JavaScript側での実装を考えて確認 ③以降も同じように実装領域に合わせて確認していく プログラミングだといきなり最終系考えても 初心者だと実装の過程が滅茶苦茶になるから、まずはシンプルに考えた方が良い 871 名前：デフォルトの名無しさん [2022/07/08(金) 14:59:56.45 ID:XF8TEdVua.net] >>851 アドバイスありがとうございます。 objAとobjBをボタンとしてクリックさせて、それをPHP側で$識別させることになるのでしょうか？ func btnCliked( ) let objA=[{year:2021,month:[1,2,3,4,5,6,7,8,9,10,11,12], }］ 872 名前：デフォルトの名無しさん mailto:sage [2022/07/08(金) 15:38:46.43 ID:NjcH7rpX0.net] >>849 謝罪するならすべきことをやってくれ https://ja.meta.stackoverflow.com/questions/2418/ form送信しないならどうやってデータを送る？ select要素時点で文字列になってるのに、なぜJSONに変換する必要がある？ PHPでどうやって受け取る？ この辺、ちゃんと質問に起こせてないから、質問内容が伝わらなかったり、基礎的な知識不足を指摘されるんだと思うがな 873 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ d15f-fVpq [14.11.8.0 [上級国民]]) mailto:sage [2022/07/08(金) 16:38:30 ID:XXTPwuyz0.net] >>852 イメージ的にはそんな感じ ただ>>853も言っているように、フロントエンド(HTML/JavaScript)とバックエンド(PHP）で どうやってデータの受け渡しをしているのか、っていうのを理解できてないから 本当に入門書読んで勉強し直した方が良いと思うぞ まずは本当にシンプルに ①Wordpress上でボタンを押して、固定値で値をPHP側に渡す(formのPOST通信)をする ②PHP側で値の受け取りが出来たかを確認する ③確認が出来たら、PHP側からJavaScript側に返り値を固定値で渡す ④WordPress上に返ってきた値を表示できるか確認する とりあえず最低限の基礎的な動作を実装して、拡張するっていうやり方しないと この先も大変な事になるぞ 874 名前：デフォルトの名無しさん (ｱｳｱｳｳｰ Sa4d-uVV9 [106.146.60.34]) [2022/07/08(金) 16:45:31 ID:FYSMny9Ka.net] >>853 シリアライズするのはJavascript側から配列を渡せないからですよね？ PHPではJSONファイルをnode.jsで作成してそれをPHP側で取得→デコードしてSQLに渡す？でしょうか？ 875 名前：デフォルトの名無しさん (ｱｳｱｳｳｰ Sa4d-uVV9 [106.146.60.55]) [2022/07/08(金) 16:52:48 ID:IP56XoY2a.net] >>854 アドバイスありがとうございます。 たしかにSQLで記事の検索をかけるならわざわざJSONを使う必要ないですかね 876 名前：デフォルトの名無しさん mailto:sage [2022/07/08(金) 17:48:25.41 ID:BhrsH9/Er.net] >>855 これそもそもなんで配列を渡したいの？ 見たところ年も月も複数選択できるわけじゃなさそうで「2022/6」とか渡せば済む話じゃないの？ 877 名前：デフォルトの名無しさん [2022/07/08(金) 18:08:14.67 ID:iDDaPeaDa.net] >>857 SQLから該当記事の検索をさせたいからです RSSとSQLで交互にレイアウトを出力させているためSQLにどうしても配列を渡したいです 878 名前：デフォルトの名無しさん mailto:sage [2022/07/08(金) 18:09:52.75 ID:RjBHtpmod.net] PHPはめちゃくちゃHTMLやMySQLと親和性高いからJSは足りない部分補うのが� 879 名前：蛯ﾉなるかな 多分他のサーバーサイド言語だとJSの活躍の場広がるんだろう [] [ここ壊れてます] 880 名前：デフォルトの名無しさん mailto:sage [2022/07/08(金) 18:10:43.61 ID:XXTPwuyz0.net] >>856 バックエンド側をどうやって実装するかにもよるけど 例えばSQLに必要な検索キーが1つだけなら、単体の変数でも良いし 複数あっても。渡し方は極端に言ったら自由だぞ？ とりあえず動かすだけなら、複数の値をカンマ区切りの文字列として渡して PHP側でカンマでsplitかけたら配列として使えるようになるから それこからSQL文に埋め込むとかでも良いし…… それこそJSON.stringifyとかも、JavaScript上の辞書とか配列を JSONとして対応できるように文字列に変換してるっていう感じだから 応用みたいな使い方だな（PHP側でunserializeすれば辞書とか配列に復元できる) https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify 881 名前：デフォルトの名無しさん mailto:sage [2022/07/08(金) 18:16:53.33 ID:oRgFDmccr.net] >>858 答えになってない 2022/6ではSQLで該当記事を検索できない理由を書いてくれないと あと後半も意味不明 882 名前：デフォルトの名無しさん mailto:sage [2022/07/08(金) 20:40:22.78 ID:NjcH7rpX0.net] >>855 1, シリアライズする理由は何？ 2. どうやってシリアライズしたデータをPHPに送るの？ 3. マルチポストは完全無視？ 883 名前：デフォルトの名無しさん mailto:sage [2022/07/08(金) 20:46:54.00 ID:NjcH7rpX0.net] >>855 > PHPではJSONファイルをnode.jsで作成してそれをPHP側で取得→デコードしてSQLに渡す？でしょうか？ そもそも、これサーバサイド側の処理になってる クライアントサイドのJSとサーバサイドのPHPを連携させる話じなかったの？ Node.jsが出てくる理由も謎 884 名前：デフォルトの名無しさん mailto:sage [2022/07/08(金) 21:15:58.38 ID:vEJej2ti0.net] マルチポスト警察ウザ。 885 名前：デフォルトの名無しさん [2022/07/08(金) 22:52:34.37 ID:X5TUJXwua.net] これあとでアドバイス貰ったんですがwordpressのSQLにJavascriptを流すって出来ないんですね フロントデータの送受信が出来ないようなので、という事はwordpressでJavascriptは使えないってことでしょうか… 886 名前：デフォルトの名無しさん mailto:sage [2022/07/08(金) 23:02:23.38 ID:8WwUcj98M.net] いよいよ何を言ってるかわかんねえ 887 名前：デフォルトの名無しさん [2022/07/08(金) 23:07:34.08 ID:VQz+8WUxa.net] >>866 wordpressのJSONをwordpressの SQLに流す事は不可能なようです。 どうやら過去にウイルスを流された事があるらしくAPI通信が遮断されているようです。 jQuearyなどでファイルをクッションにして無理やり送る事は出来ないんですかね… 888 名前：デフォルトの名無しさん mailto:sage [2022/07/08(金) 23:19:43.07 ID:8WwUcj98M.net] >>867 SQLにJSONを流すってのがどういうことなのか具体的に説明してくれ よそでアドバイスもらったんならそれもついでに示せ あと上の方でもらってるレスをほったらかしにしないで返信しなよ 889 名前：デフォルトの名無しさん [2022/07/08(金) 23:26:57.20 ID:rnkihMoNa.net] >>868 申し訳ありません。 2段階式年月プルダウンをfront-page.phpに設置しております。 そこからarchive.phpのデータベース(SQL)に送りたいです。 プルダウンでクリックされた月を元にSQLに渡したいのですが、片方がJavascriptである場合、wordpressはフロントデータの送受信が出来ない為成立しません。 これを回避する方法が知りたいです。 890 名前：デフォルトの名無しさん (ﾃﾃﾝﾃﾝﾃﾝ MM96-E42W [133.106.49.35]) mailto:sage [2022/07/08(金) 23:33:14 ID:v6YmQ/+dM.net] 会話も噛み合わないし最早全コード晒した方がはえーぞ 現状秘密にするほどの価値も無いだろうし 891 名前：デフォルトの名無しさん (ｱｳｱｳｳｰ Sa4d-uVV9 [106.146.61.244]) [2022/07/08(金) 23:36:09 ID:F1gZYOBca.net] >>860 ボタンクリックが動的だとすると、JavascriptやjQueryから信号を出さないといけない気がするんですが、両方PHPで2段階プルダウンアーカイブ機能を作る事はできるのでしょうか？ 892 名前：デフォルトの名無しさん (ｱｳｱｳｳｰ Sa4d-uVV9 [106.146.61.244]) [2022/07/08(金) 23:36:46 ID:F1gZYOBca.net] >>870 wandboxでコードを書いて載せます 893 名前：デフォルトの名無しさん (ﾌﾞｰｲﾓ MM96-SGcD [133.159.153.167]) mailto:sage [2022/07/08(金) 23:37:21 ID:8WwUcj98M.net] >>869 >片方がJavascriptである場合、wordpressはフロントデータの送受信が出来ない為成立しません。 これが何言ってるかわからん 具体的なphpなりSQLなりのコードも出してみなよ もう完全にスレ違いだけど 894 名前：デフォルトの名無しさん (ｵｯﾍﾟｹ Srf9-cwmE [126.33.108.116]) [2022/07/08(金) 23:44:33 ID:LpFPYqzOr.net] https://wandbox.org/permlink/Fal7HBABk3wT4fpd archive.phpの170行目から2段階式プルダウン、339行目からSQLになります。 895 名前：デフォルトの名無しさん (ｵｯﾍﾟｹ Srf9-cwmE [126.33.108.116]) [2022/07/08(金) 23:52:24 ID:LpFPYqzOr.net] https://wandbox.org/permlink/ymaf7S1uQ92PbiP8 scriptエラーになってるので変更しました。170~270が2段階式プルダウンです。 896 名前：デフォルトの名無しさん mailto:sage [2022/07/09(土) 00:02:51.10 ID:R84UyFQQM.net] >>875 SQLは340行目だけ？ これのどこに画面で選択した年と月が関係するの？ 897 名前：デフォルトの名無しさん [2022/07/09(土) 00:06:59.88 ID:cNMjwuhqa.net] >>876 1.選択した年と月をJSONにして文字にシリアライズします 2.PHP側でJSONでシリアライズします 3.SQLに配列を渡します 4.Javascript側で結果をAJAXで受け取ります これでプルダウン機能が動作します。 何か間違ってる事はありますでしょうか？ 898 名前：デフォルトの名無しさん mailto:sage [2022/07/09(土) 00:09:11.44 ID:5lHQxv9F0.net] >>877 1と2で合計2回シリアライズしてるのが意味不明 899 名前：デフォルトの名無しさん mailto:sage [2022/07/09(土) 00:11:14.44 ID:R84UyFQQM.net] >>877 質問を変えるわ >3.SQLに配列を渡します このSQLで何を取得するつもりなの？ 900 名前：デフォルトの名無しさん [2022/07/09(土) 00:18:11.07 ID:iVSPF+ILa.net] >>878 シリアライズではなく正確にはデコードですかね $変数に変えてからSQLに渡します 901 名前：デフォルトの名無しさん [2022/07/09(土) 00:18:52.21 ID:iVSPF+ILa.net] >>879 SQLでwordpressのデータベースから該当する記事を出力してPHPで表示したいです 902 名前：デフォルトの名無しさん mailto:sage [2022/07/09(土) 00:29:37.92 ID:R84UyFQQM.net] >>881 該当する記事を取得するための検索条件は？ 今は無条件でページングしてるだけに見えるけど 903 名前：デフォルトの名無しさん mailto:sage [2022/07/09(土) 00:33:28.58 ID:5lHQxv9F0.net] >>880 やはり…そうか 配列にしたいからJSONにしてるのか？ 904 名前：デフォルトの名無しさん [2022/07/09(土) 00:44:35.23 ID:ifkPFCzpr.net] >>882 もとはこちらでした。SQLに必死でこーどがきえております。 https://wandbox.org/permlink/fhJ2DJMkP50tbNRn 905 名前：デフォルトの名無しさん [2022/07/09(土) 00:45:00.56 ID:9ZaaLUbUa.net] >>882 条件は日付と更新日です 日付だけでも良いのですが 906 名前：デフォルトの名無しさん [2022/07/09(土) 00:46:14.61 ID:ifkPFCzpr.net] archive.phpの254行目からSQLを組んでいます。 907 名前：デフォルトの名無しさん [2022/07/09(土) 00:47:27.37 ID:E6hL7TiQa.net] >>883 配列にしたいからですね 908 名前：デフォルトの名無しさん mailto:sage [2022/07/09(土) 00:57:10.79 ID:R84UyFQQM.net] >>885 >AND (post.post_date LIKE %s OR post.post_modified LIKE %s ) この部分？ これに配列渡すつもりでいるの？ 909 名前：デフォルトの名無しさん [2022/07/09(土) 01:03:38.45 ID:TjvgNrJja.net] >>888 $query = $wpdb->prepare($sql, "%$search_query%", "%$search_query%"); 配列はこの部分ですね 910 名前：デフォルトの名無しさん [2022/07/09(土) 01:04:31.60 ID:TjvgNrJja.net] ANDはwordpressのテーブルからカラムで条件を引いてます 911 名前：デフォルトの名無しさん mailto:sage [2022/07/09(土) 01:08:11.05 ID:R84UyFQQM.net] >>889 $search_query変数が配列？ $search_queryに具体的にどんな値が入ってる想定なのか書いてみなよ 912 名前：デフォルトの名無しさん [2022/07/09(土) 01:20:47.68 ID:R5/OxtTaa.net] >>891 よく考えてみると$date_queryかもしれません。 検索は出てきたんですが、アーカイブが出てこなかったためsearch_queryにしてましたが… 913 名前：デフォルトの名無しさん mailto:sage [2022/07/09(土) 01:26:28.50 ID:R84UyFQQM.net] >>892 変数名はこの際どうでもいいよ SQLにどんな値を渡したいのかが知りたいんだから 914 名前：デフォルトの名無しさん [2022/07/09(土) 01:28:08.76 ID:O/RwhBiHa.net] php get_search_form(); で貰ったワードから検索ページのSQLは出力されています アーカイブページもおそらくwordpressの既存のアーカイブをクリックしてSQLに繋がるはずです この配列の渡し方もよく分かってない状態です… 915 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 5e01-KYHT [111.188.56.5]) mailto:sage [2022/07/09(土) 01:31:51 ID:5lHQxv9F0.net] >>869,877,880,887 要件 - front-page.phpにselect要素で年月のブルダウンメニュー設置 - front-page.phpの入力値をAjaxでarchive.phpにリクエスト - archive.phpでパラメータを配列で受け取る 実装 1. front-page.php: のselect要素で配列にしたいもののname属性値に [] をつけておく 2. front-page.php: Fetch APIでFormDataをarchive.phpにリクエスト 3. archive.php: 受け取った配列を元にSQL文生成→クエリを発行→結果をJSONで出力 4. front-page.php: JSON.parse()して後続処理 SQLの下りはPHPの処理なので、ここでは言及しない 916 名前：デフォルトの名無しさん (ﾌﾞｰｲﾓ MMfe-x9bc [133.159.153.167]) mailto:sage [2022/07/09(土) 01:39:36 ID:R84UyFQQM.net] >>894 検索ページのSQLってのはsearch.phpの258行目からのこと？ こっちは$search_query変数はただの文字列でキーワード検索してるんじゃないの？ 917 名前：デフォルトの名無しさん (ｱｳｱｳｳｰ Sac1-dkZz [106.146.61.98]) [2022/07/09(土) 01:45:04 ID:GEdQauyNa.net] >>896 そうですね… という事は$date_query＝配列or変数で渡せば過去の記事をSQLで検索する仕組みになりますかね… 918 名前：デフォルトの名無しさん [2022/07/09(土) 01:52:27.26 ID:oGz1rKt0a.net] >>895 - front-page.phpの入力値をAjaxでarchive.phpにリクエスト についてお聞きしたいんですが、これはフロントデータの送受信にあたらないのでしょうか？ wordpressはJavascriptとjQueryから受け取ることも渡すことも出来ません 919 名前：デフォルトの名無しさん mailto:sage [2022/07/09(土) 01:57:57.75 ID:R84UyFQQM.net] >>897 だからなんで配列にこだわるの？ "%$search_query%"って使ってる以上配列は受けとれんでしょ 文字列変数で"%2021-01%"とかではあかんの？ 920 名前：デフォルトの名無しさん [2022/07/09(土) 02:01:20.50 ID:bBBYb9fqa.net] >>899 いえ配列である必要はないですが、SQLで検索する際に文字は無理だと思うので、一回デコードしてデータにする必要があると思います… 921 名前：デフォルトの名無しさん mailto:sage [2022/07/09(土) 02:02:16.29 ID:5lHQxv9F0.net] >>898 勿論、フロントデータだ HTMLに書かれたselect要素に入力されたデータはクライアントサイドの情報だからな WordPressがフロントデータを受信できないのなら、プルダウンメニューに入力された情報をWordPressで受け取る手段がないことになる ブラウザを使えないようだから、サーバにtxtファイルをアップロードするとか、手段を変えるしかないのでは? 922 名前：デフォルトの名無しさん [2022/07/09(土) 02:07:50.54 ID:fbyrksNGa.net] >>901 やはり1回クッションを挟む必要があるんですよね？ ただ厄介なのはSQLからも送れないことですねwordpressの SQLなので記事の情報を全てファイルに送ってそれを再度Javascriptに送り返す必要があります 923 名前：デフォルトの名無しさん [2022/07/09(土) 02:09:25.27 ID:fbyrksNGa.net] 皆さんアドバイスありがとうございます とても勉強になりました 924 名前：デフォルトの名無しさん mailto:sage [2022/07/09(土) 02:09:27.83 ID:R84UyFQQM.net] >>900 >SQLで検索する際に文字は無理だと思うので 何を言いたいのか分からん post.post_date LIKE '2021-01%' って検索条件にすれば2021年1月の記事は検索できるんじゃないの？ 925 名前：デフォルトの名無しさん [2022/07/09(土) 02:11:17.73 ID:fbyrksNGa.net] >>904 直打ちは考えた事がなかったです… たしかに可能かもしれません 926 名前：デフォルトの名無しさん mailto:sage [2022/07/09(土) 02:13:21.75 ID:R84UyFQQM.net] >>905 直打ちしろとは言ってない 文字列変数で済むだろってこと 927 名前：デフォルトの名無しさん [2022/07/09(土) 02:14:16.13 ID:fbyrksNGa.net] >>906 文字列変数ですね、失礼致しました。 928 名前：デフォルトの名無しさん mailto:sage [2022/07/09(土) 02:16:02.68 ID:R84UyFQQM.net] あと君さ、物を知らなくて教えを乞う立場なのに～出来ません、～必要がありますとか断定形使うのやめようよ 君の知らない解決方法なんていくらでもある 929 名前：デフォルトの名無しさん mailto:sage [2022/07/09(土) 02:21:08.51 ID:5lHQxv9F0.net] >>902 1回クッションとは？ フロントデータを受け付けないとは、通信を受け付けないということ そんなWordPressがあるなら、ブラウザでWordPressを閲覧することすらできない 前提がありえないと俺は思うけどね あなたは通信周りの知識がかなり怪しい PHPも明らかに基礎知識が不足してる この課題は今すぐ解決は諦めて、入門書から始めるのが妥当なんじゃないと俺は思う 930 名前：デフォルトの名無しさん mailto:sage [2022/07/09(土) 02:22:46.19 ID:R84UyFQQM.net] >>907 で、SQLが配列やオブジェクトを受け取る必要がないなら画面からは年のselectから2021を、月のselectから1を渡せば済む話じゃないの？ 931 名前：デフォルトの名無しさん [2022/07/09(土) 02:31:00.30 ID:Wx4GDmQ6a.net] >>908 申し訳ありませんでした。 以後気をつけます。 [] [ここ壊れてます] 933 名前：デフォルトの名無しさん [2022/07/09(土) 02:33:37.34 ID:Wx4GDmQ6a.net] >>910 たしかに渡す時は簡単な処理で良くなりそうですね 逆に渡す時はファイルを経由してAJAXが必要になりそうですが 934 名前：デフォルトの名無しさん [2022/07/09(土) 02:34:45.13 ID:Wx4GDmQ6a.net] >>909 外部のJavascriptとjQeary限定ですので内部データは受け付けてるのではないでしょうか 935 名前：デフォルトの名無しさん mailto:sage [2022/07/09(土) 02:35:31.13 ID:5lHQxv9F0.net] > wordpressはJavascriptとjQueryから受け取ることも渡すことも出来ません これが真実なら、>>877のAjaxがそもそも不可能だし、なぜJavaScriptスレで質問してるんだ？、という話になる >>912ではAjaxが実装可能かのように書いてるし、説明がちぐはぐ 936 名前：デフォルトの名無しさん mailto:sage [2022/07/09(土) 02:36:16.13 ID:R84UyFQQM.net] >>909 完全に同意する プログラミング全般についてもググって言葉はあれこれ知ってるけど 知識として吸収できてなくてそれらが繋がってないと感じる こちらから伝えてることも正しく理解できてないだろう これ以上続けても得るものも少ないだろうし何よりスレ違いだしここまでにしとく 長々とレスしてしまって申し訳なかった 937 名前：デフォルトの名無しさん mailto:sage [2022/07/09(土) 02:38:54.67 ID:5lHQxv9F0.net] >>913 WordPressから見て、内部データといえるのは、サーバ上に置かれているデータだけ HTML,JavaScriptは外部データ ブラウザで入力される文字列も外部データ 938 名前：デフォルトの名無しさん mailto:sage [2022/07/09(土) 02:41:49.97 ID:5lHQxv9F0.net] >>915 俺もこの辺で引こうと思う お疲れ様 939 名前：デフォルトの名無しさん [2022/07/09(土) 02:48:31.51 ID:KXWHUUgBa.net] >>916 朝起きてからwordpressの問い合わせフォーラムでもう少し詳しく聞いてみます 940 名前：デフォルトの名無しさん mailto:sage [2022/07/09(土) 05:00:15.88 ID:Eo+xJyold.net] 完全にスレチ 941 名前：デフォルトの名無しさん (ｵｯﾍﾟｹ Srdd-7sqz [126.33.127.222]) mailto:sage [2022/07/09(土) 08:04:40 ID:/eREX8sAr.net] またあちこちに場違いで意味不明な質問をバラ撒いて場を荒らしていくのだろう 942 名前：デフォルトの名無しさん mailto:sage [2022/07/09(土) 10:02:17.20 ID:Ed2YpxlV0.net] プログラミングって「とりあえずやってみて、分からない所を調べる」 ってやり方すると信じられないぐらい余計に分からなくなるからな 体系的に一回勉強して全体のシステムイメージとか 実装のイメージとかがある程度掴まないとマジで意味不明な事をやりだす…… 943 名前：デフォルトの名無しさん mailto:sage [2022/07/09(土) 17:10:46.65 ID:al4zTytR0.net] YouTube で有名な雑食系エンジニア・KENTA の初心者向けRuby on Rails サロンでは、 半年でポートフォリオを作って転職していく KENTA は、PHP, Scala をオワコン認定した。 プロは今後、これらの言語で作らない Rails以外では学習環境がないから、勉強できない。 本屋でWord Press の本を見たけど、ソースコードを書いているような本は無かった。 あるのはデザインの本ばかり 一方Railsなら、黒田努の3冊の本とか、パーフェクト Ruby on Rails、 Ruby on Rails 6 エンジニア養成読本とか、他の著者の本も何冊かある Rails Guide, Rails チュートリアル、 YouTube のDean など一杯ある KENTAのサロンには、日本6位の3千人が入っている。 1位はキングコング西野の数万人。 ガーシー・参政党なども、数万人ぐらいかな？ 944 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 7602-G37O [113.158.207.182]) [2022/07/09(土) 20:22:33 ID:pnXxhBAU0.net] なんやかんや言いながら、突き放さずに細かくアドバイスしてる諸兄の面倒見の良さにホッコリしたわw 945 名前：デフォルトの名無しさん mailto:sage [2022/07/09(土) 21:18:10.25 ID:cRLvSY3PM.net] 正直後悔してる まず相手のレベルを見定めるのが重要� 946 名前：ｾと悟った 理解できるレベルに達してない相手にアドバイスとか虚無以外の何物でもないわ [] [ここ壊れてます] 947 名前：デフォルトの名無しさん mailto:sage [2022/07/09(土) 21:42:04.17 ID:6TIrzOkD0.net] いきあたりばったり感が前スレのYAGNIの人を彷彿とさせるな 948 名前：デフォルトの名無しさん mailto:sage [2022/07/10(日) 02:20:27.58 ID:4q1Imc8s0.net] >>925 思想は同じだと思う (A) 必要になったら調べる(体系的な学習はしない) (B) 足りない知識は妄想で補完する (C) 苦言は聞き流す 本人としては調べる時間を極限まで減らして効率的に学習しているつもりなのだろう 実際は理解できてなくて、無駄に学習時間を減らしてるだけだが 949 名前：デフォルトの名無しさん mailto:sage [2022/07/10(日) 11:37:41.66 ID:D2fk2WhOr.net] まだプログラミング始めて間もないのかと思ったら1年とかやってるのか https://teratail.com/users/homepage-site?feed=question 質問もいろいろアレだけど限界まで考えたとかあらゆる方法を試したとか言えちゃうのはすごいな 950 名前：デフォルトの名無しさん [2022/07/13(水) 14:00:11.96 ID:HJBy50kar.net] 一応方法はわかりました。 WordPressを通せばそれ自体がフロント動作をしてしまうので、 全部ぶった切って、APIとしての出力＝VIEW STDINを乗っ取ってWordPressの初期化経路を通さずに、 DBを使う 951 名前：デフォルトの名無しさん [2022/07/13(水) 15:08:50.99 ID:1epm7SNo0.net] ここのスレの住人は自称プログラマーのアホ無職ばっかりだからマトモな回答は得られないよ 続きはコッチでやればいいよ。親切な達人プログラマーが懇切丁寧に教えてくれるから ↓ Ruby 初心者スレッド Part 67 https://mevius.5ch.net/test/read.cgi/tech/1608837867/ 952 名前：デフォルトの名無しさん mailto:sage [2022/07/13(水) 15:42:32.38 ID:dcWzCYhCM.net] JavaScript の質問者をRuby板に誘導する無能あらわる 953 名前：デフォルトの名無しさん (ｵｯﾍﾟｹ Srdd-KYHT [126.166.212.122]) mailto:sage [2022/07/13(水) 15:49:35 ID:deFlrBOmr.net] >>928はWordPressの質問をJavaScriptスレで質問した質問者の手落ち マルチポスト先を含めて多くの回答者の時間を無駄にさせた 954 名前：デフォルトの名無しさん mailto:sage [2022/07/13(水) 16:05:33.79 ID:rQQlyOmYM.net] >>927見たら質問が増えててまだ配列をSQLに～とか言っててため息しか出ない 955 名前：デフォルトの名無しさん mailto:sage [2022/07/13(水) 16:26:27.80 ID:KuhsWpp+M.net] rubyスレがスレチの質問で溢れかえる分には俺は困らんから好きにすればいいよ 956 名前：922 mailto:sage [2022/07/13(水) 18:08:13.50 ID:EtP8dxEe0.net] >>922 に書いた 学習環境が無いもので開発したら、勉強できないから数年以上掛かる 一方、Ruby on Rails なら学習環境があるから、 半年ぐらいでポートフォリオを作れる 大切なのは何かを勉強する事ではなくて、勉強する方法を勉強すること！ どういうやり方をすれば、勉強・上達できるのか。 これが成長には大事。 企業が求める自走力。自分で探して解決する能力 だからKENTA が、Django, Laravel で作っても採用されませんと言うわけ。 技術選定で、Railsよりも、Django, Laravelを選んだ理由は何ですか？ と聞かれる。 答えられないでしょ 単にこの香具師は、調べる能力がない・適材適所ではないと思われるだけ 957 名前：メールの質問者@時の旅人 [2022/07/13(水) 22:31:32.60 ID:Eqkp2lTo0.net] >>921 僕のディスはそこまでにしてw 958 名前：デフォルトの名無しさん mailto:sage [2022/07/14(木) 20:00:33.34 ID:AABV7RLe0.net] 「とりあえずやってみる」の人によりけりだから、話が通じにくいね 入門書を一通りまねてみるってなら有りだろ 問題は、初心者がよい入門書を判別できない 959 名前：メールの質問者@時の旅人 [2022/07/14(木) 22:34:10.26 ID:0uPY6WX6M.net] 僕は、逆引きから入るのが良いかもしれないと思ってる人です。 やりたい事がタイトルになってて、サンプルコードも載っている書籍からプログラミングの入り口にちょうど良い気がしています。 960 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 5e01-KYHT [111.188.56.5]) mailto:sage [2022/07/15(金) 10:12:59 ID:MQXq2CEo0.net] >>929 Rubyセレでもスレ違いの質問は受け入れられないそうだ https://mevius.5ch.net/test/read.cgi/tech/1608837867/462- 961 名前：デフォルトの名無しさん mailto:sage [2022/07/17(日) 12:49:24.94 ID:QAgCXqq90.net] すいません、 文書の中から決まったパターンに合致する部分を全部抽出して配列にしたいので、 matchと正規表現を使ったのですが結果が惜しいです… a href="hoge" の「引用符内のみ」を抽出したいので let regexp = /a href="(.*?)"/; と書いたのですが結果は a href="hoge"　と丸ごとごろっと抽出されてしまいます 普通にdocument.getElementsByTagName("a");でDOMアクセスすれば？ と思われるかもしれませんが、XMLhttpRequestで取得したテキストなのでできません どなたかアドバイスいただけないでしょうか 962 名前：デフォルトの名無しさん mailto:sage [2022/07/17(日) 13:03:11.91 ID:wjgru9qH0.net] まずはそのコードを提示して 963 名前：デフォルトの名無しさん mailto:sage [2022/07/17(日) 13:09:51.96 ID:U0JA+oIi0.net] >>939 DOMParser使えば？ 964 名前：デフォルトの名無しさん mailto:sage [2022/07/17(日) 13:10:59.56 ID:QAgCXqq90.net] こうでしょうか 　const loadText=//aタグが入ったhtml文書ならなんでも let regexp = /a href="(.*?)"/g let result = loadText.match(regexp); console.log(result[0]); 965 名前：デフォルトの名無しさん mailto:sage [2022/07/17(日) 13:11:37.96 ID:jpL8yKJIr.net] >>939 正規表現でも出来なくはないが、DOMParserやinnerHTMLでDOMに変換するのが確実だと思うぞ 966 名前：デフォルトの名無しさん mailto:sage [2022/07/17(日) 13:12:39.13 ID:5lTMvyOcM.net] >>939 const targetText = 'aaa"bbb"ccc"ddd"eee"'; const quart = targetText.split('"').filter((e, i) => i % 2 && e != ''); これじゃダメかな? 967 名前：デフォルトの名無しさん mailto:sage [2022/07/17(日) 13:17:54.06 ID:QAgCXqq90.net] みなさんありがとうございます！ DOMパーサーってやつ使ったらできました！DOMParserすごい！ 正規表現のやり方も後でためしてみます！ 968 名前：デフォルトの名無しさん mailto:sage [2022/07/17(日) 14:21:17.89 ID:R88kcvl50.net] result[0] だから全部返ってきただけじゃね？ 969 名前：デフォルトの名無しさん mailto:sage [2022/07/17(日) 16:14:33.63 ID:zcNS1AQ+0.net] >>942 let regexp = /a href="(.*?)"/g console.log(result[0]); ↓ let regexp = /a href="(.*?)"/ console.log(result[1]); gフラグの有無で返り値が異なる https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/String/match 970 名前：デフォルトの名無しさん mailto:sage [2022/07/17(日) 21:17:50.79 ID:Fj+O5aYq0.net] >>945 ・属性値がダブルコーテーションで括っている ・属性値内のダブルコーテーション、<>がエスケープされている 上記条件を満たすならば、 /<a\s[^>]*href\s*=\s*"([^"]*)"/i.exec('<a class="foo" href="bar.html">')[1]; // "bar.html" 971 名前：デフォルトの名無しさん mailto:sage [2022/07/17(日) 22:54:51.79 ID:xCeiI5nR0.net] キチャナイ 972 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ cd59-Vb2/ [150.246.105.131]) mailto:sage [2022/07/18(月) 19:41:18 ID:Te2cv+NU0.net] javascriptで金稼げますか？(´・ω・`)、、、 ストップウォッチ 973 名前：デフォルトの名無しさん mailto:sage [2022/07/18(月) 20:26:01.15 ID:Te2cv+NU0.net] とりあえずやりたいことは地図のヒートマップを作ることです https://todo-ran.com/t/kiji/11846 こんなのはリアクトで作れますかね 974 名前：メールの質問者@時の旅人 [2022/07/22(金) 00:25:43.27 ID:j2plnp0L0.net] >>951 スレッドストッパー力半端ないですねw 975 名前：デフォルトの名無しさん [2022/07/25(月) 17:18:57.58 ID:SC3zs6/n0.net] 初歩的な質問で申し訳ありません 英単語学習用のタイピングゲームを作ってましてその要素が1000ほどあるのですが csvからランダムに取り込むことは可能でしょうか？ やはり一度コードに記述した方がいいのでしょうか？ 976 名前：デフォルトの名無しさん mailto:sage [2022/07/25(月) 17:26:43.95 ID:mBcdUBse0.net] 当然だけどローカルのファイルを直接は扱えない input fileなどでファイルを指定してそれを解読することは可能だが ゲームみたいなデータなら予めそのデータをコードにしておいた方が良いだろうね 977 名前：デフォルトの名無しさん mailto:sage [2022/07/25(月) 17:31:13.98 ID:pUxwYfAFM.net] >>953 もちろん可能 どういうアーキテクチャで実装したいのかによってやり方が違ってくる 978 名前：デフォルトの名無しさん [2022/07/25(月) 17:47:36.16 ID:SC3zs6/n0.net] >>954 ありがとうございます やはりコードにしておいた方がいいのですね レベル分けで3セクションに分けて記述してみます。 979 名前：デフォルトの名無しさん [2022/07/25(月) 17:49:54.22 ID:SC3zs6/n0.net] >>955 ありがとうございます できるんですか？？ 簡単な自己満ゲームなのでブラウザ上で動けば問題ない感じです。 980 名前：デフォルトの名無しさん [2022/07/25(月) 20:08:35.78 ID:wW8PXS4e0.net] >>953 ぜひ完成させてください。 遊んでみたいです 981 名前：デフォルトの名無しさん [2022/07/25(月) 20:32:00.49 ID:SC3zs6/n0.net] >>958 ありがとうございます いま、英語の大文字が反応しなくて困ってます。 条件式でシフトを押しながら入力する記述をすれば良いとのことですが、具体的にどんな風に書けば良いでしょうか。 982 名前：デフォルトの名無しさん [2022/07/25(月) 20:34:39.14 ID:SC3zs6/n0.net] あと、アポストロフィも認識できるようにしたいのですがご教示くださると幸いです。 983 名前：デフォルトの名無しさん mailto:sage [2022/07/25(月) 20:38:46.87 ID:2fvgenPbr.net] ブラウザの方がcsvにランダムアクセスするのかえって面倒な気がするが・・・ 984 名前：デフォルトの名無しさん [2022/07/25(月) 20:42:57.38 ID:SC3zs6/n0.net] >>961 ありがとうございます。 ちょっと時間かかりましたがコード内の配列に記述しました。 985 名前：デフォルトの名無しさん (ｵｯﾍﾟｹ Sr0f-k5OS [126.205.247.4]) mailto:sage [2022/07/25(月) 21:20:37 ID:2fvgenPbr.net] >>959 具体的なアドバイスが欲しいならせめて今どういうコードになってるのかぐらい貼ろう 986 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 5f2c-ofYn [180.44.59.188]) mailto:sage [2022/07/25(月) 22:38:29 ID:gTrk2zFk0.net] 漏れは、英単語テストのアプリを作っているけど、 word.json ファイルに、中高生の単語を書いて、それを読み込むようにしている [ ["accept","…を受け入れる" ],["achieve","…を達成する" ] ] ブラウザ用のモジュールで、CSV を使えるものもある？ サーバー用のモジュールなら、あるだろうが 987 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 5301-EENC [114.48.57.70]) mailto:sage [2022/07/26(火) 01:47:59 ID:URJV9HvJ0.net] >>964 https://www.google.com/search?q=javascript+csv+parser+-node.js+rfc-4180 988 名前：デフォルトの名無しさん [2022/08/06(土) 22:44:05.88 ID:q9NAcyW50.net] <img src="./test.png" id="test"> これにjsであとからリンクをつけるにはどうやったらいいですか？ htmlで書くと<a href="../"><img src="./test.png" id="test"></a> のようにです 989 名前：デフォルトの名無しさん mailto:sage [2022/08/06(土) 23:00:00.17 ID:0QdRcuux0.net] test.outerHTML = `<a href="../">${test.outerHTML}</a>` 990 名前：デフォルトの名無しさん [2022/08/06(土) 23:18:20.35 ID:q9NAcyW50.net] >>967 ありがとうございます。 $はどういう意味ですか？ 991 名前：デフォルトの名無しさん mailto:sage [2022/08/06(土) 23:23:20.66 ID:0QdRcuux0.net] テンプレートリテラルで調べてください 992 名前：デフォルトの名無しさん mailto:sage [2022/08/06(土) 23:59:57.44 ID:BqHdFQKs0.net] jQuery なら、 <img src="test.png" id="test"> $( function ( ) { 993 名前： // 画像リンクを作る。$( 子 ).wrap( 親 ); $( "#test" ).wrap( "<a href='index.html'></a>" ); } ); 変換後 <a href="index.html"><img src="test.png" id="test"></a> [] [ここ壊れてます] 994 名前：デフォルトの名無しさん mailto:sage [2022/08/07(日) 00:08:55.51 ID:KRzr0Ia80.net] PHPでもこんな書き方あるよね 995 名前：デフォルトの名無しさん mailto:sage [2022/08/07(日) 00:23:34.07 ID:0Ezlk0yu0.net] PHPはオワコン。 それに初心者には難しすぎる 初心者はRubyから始めるべき こっちのスレで質問すれば親切な達人プログラマーがどんな質問にも懇切丁寧に答えてくれる。 　↓ Ruby 初心者スレッド Part 67 https://mevius.5ch.net/test/read.cgi/tech/1608837867/ 996 名前：デフォルトの名無しさん mailto:sage [2022/08/07(日) 03:30:30.75 ID:5+LGzHnw0.net] 質問です。仕事の業務を効率化したいです。 とあるサイトにログインし、 そのページにある　「30個のボタン」　をクリックするという作業を毎日しているのですが、30回クリックする作業を簡略化したく、方法を模索しています。 　（30個のクリック後の動作はそれぞれ 　「斎藤さんにメールを送る」　「田中さんにメールを送る」 といった感じのものです　（例：send_TANAKA、send_SAITOU…） 　（↑クリック後の動作は　必ず　send_　という文字列から始まります） 　（斎藤や田中といった名前は100人以上の会員名からランダムに選ばれています） chromeのデベロッパーツールで クリックした後の動作を　コンソールで直接実行すれば可能であるのは分かったのですが　(send_TANAKA 等と直接コンソールに記述する） 30個のclick動作を記述するのは手間がかかるため もっと効率のいい方法を探しております。どなたか知恵を貸してください。 　sendという文字列を含む命令を30個探し、それらを上から順番に実行する、といったことをコンソール上で実行したいです 997 名前：デフォルトの名無しさん [2022/08/07(日) 03:47:36.25 ID:Zc4u6CYP0.net] ボタンをクリックすることとJavaScriptの関係が書いてないうえに、ボタンをクリックすると何が起こるのかさえ書いてない。 何をどう答えろというのか？ 998 名前：デフォルトの名無しさん [2022/08/07(日) 03:48:21.96 ID:Zc4u6CYP0.net] >>973 それ広告か？ 999 名前：デフォルトの名無しさん mailto:sage [2022/08/07(日) 06:59:14.67 ID:gU8eDduE0.net] メタプログラミングか？ 文字列で、関数名を作って呼び出す？ 1000 名前：デフォルトの名無しさん mailto:sage [2022/08/07(日) 07:16:41.96 ID:6UBQvGhh0.net] ブラウザを自動で操作するってやつでは？ 1001 名前：デフォルトの名無しさん [2022/08/07(日) 09:40:14.60 ID:zWsPVUqF0.net] 趣味でJavaScript(vscode+nodejs)を勉強してます。 まだよく分からなくて色々なサイトを巡りながら理解を深めているのですが実際何が分からなのか分からない状態です。 初心者向きのサイトを参考にせず入門書を1冊買った方が良いですか？ 自分が今参考にしているサイトは https://www.tohoho-web.com/js/ https://developer.mozilla.org/ja/docs/Learn/JavaScript です。 1002 名前：デフォルトの名無しさん mailto:sage [2022/08/07(日) 10:56:23.83 ID:TS5TGpUB0.net] >>978 「とほほ」は情報が古いのでやめたほうがいい MDNはMozilla運営で一定の信頼性があるので、9割程度は信用していい(100%とは言わない) MDNは入門向けコンテンツが少ないので入門書を買ったほうが勉強しやすいとは思う 買うなら外国人が著者の翻訳本をお勧めする 日本人が著者の本を何冊か持ってるが、信頼性が低い本が大半といわざるを得ない オライリーとか一定の文量がある書籍がいいと思う 1003 名前：デフォルトの名無しさん mailto:sage [2022/08/07(日) 10:59:45.46 ID:zWsPVUqF0.net] >>979 レスありがとうございます。 外国人が書いた翻訳本買って勉強してみます。 1004 名前：デフォルトの名無しさん [2022/08/07(日) 11:19:44.72 ID:3UJQLJGZ0.net] でもその日本語訳の信頼性はどうなのじゃ？ 1005 名前：デフォルトの名無しさん mailto:sage [2022/08/07(日) 11:24:56.82 ID:zWsPVUqF0.net] 何度もすいません。 甘え承知で教えて頂きたいのですが具体的におすすめの本ありますか？ 自分は業務(組み込み系)でC/C++言語をやってました。 1006 名前：デフォルトの名無しさん mailto:sage [2022/08/07(日) 11:27:46.08 ID:JhpYRoYbr.net] Amazonで評価高いの買えばいいのに まず評価みれるようになったらどうか 1007 名前：デフォルトの名無しさん mailto:sage [2022/08/07(日) 11:31:03.03 ID:zWsPVUqF0.net] >>983 Amazonで評価の良いのってやっぱり良いですか？ Amazonの評価はあまり信用なくて5chでこちらの方々なら色々と精通されているので聞いてみますした。 1008 名前：デフォルトの名無しさん mailto:sage [2022/08/07(日) 11:52:14.01 ID:JhpYRoYbr.net] >>984 評価がいいかどうかも他人に判断させるのか どうせ見てもいないんだろうが 1009 名前：デフォルトの名無しさん mailto:sage [2022/08/07(日) 12:30:19.38 ID:TS5TGpUB0.net] >>982 俺は古い人間だから今の時代に合った入門書は知らない 昔はテンプレに定番書籍が載ってたが、今は保守する人間かいなくてテンプレからも消えたしな とはいえ、JavaScriptは後方互換性のある言語なので、昔の書籍が使えないわけではない 最新情報はネットで補完するとして、お勧めするなら次の2冊 - DOM Scripting 標準ガイドブック ~やさしく学ぶ、JavaScriptとDOMによるWebデザイン~ (Web Designing BOOKS) - JavaScript 第7版 JavaScriptで抑えるべきは「ECMAScript」、次に「DOM」 DOM Scripting 標準ガイドブック はDOM中心だが、ECMAScriptにもある程度触れて平易な説明なので入門書向き 基本的なAPIのみしか載ってないので、高度なAPIはMDNとDOM仕様書で補完する 「JavaScript 第7版」は中上級者向けだが、一番重要なECMAScriptについてしっかり解説してくれる ECMAScriptを詳説してる書籍は少なく、一冊持っておくと大概の疑問は解決する 足りない部分はMDNとECMA仕様書で補完する 1010 名前：デフォルトの名無しさん mailto:sage [2022/08/07(日) 12:38:51.93 ID:zWsPVUqF0.net] >>986 ご親切にありがとうございます。 参考にさせて頂きます。 1011 名前：デフォルトの名無しさん mailto:sage [2022/08/07(日) 12:47:45.09 ID:TS5TGpUB0.net] >>983 Amazonの高評価と俺の評価は一致しなかったな 例えば、「パーフェクトJavaScript」は概ね良書と認知されてるが、細かい部分で説明に疑問に思う点が散見されて、仕様を確認しながら読んだら疲れてしまった 出版社レベルで見ると「オライリー >>> 技術評論社」の印象 Amazonを参考にしつつ、書店で実物を手にとって確認すればいいんだが、入門者に確認できる方法じゃないんだな 初心者は入門書を選ぶのが非常に難しい 1012 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 3f01-RMnj [36.240.123.227]) mailto:sage [2022/08/07(日) 13:13:16 ID:TS5TGpUB0.net] >>982,987 スコープが狭いが、Promiseは下記とMDNでほぼ解決する JavaScript Promiseの本 https://azu.github.io/promises-book/ 著者は日本人だが、数少ない信頼できる人だ 同じ人が書いた「JavaScript Primer」はESレベルで読むと疑問に思う説明がいくつかあるが、確度は高い方だと思う 「Promiseの本」は文句なしにお勧め出来る --- 実際のところ、すべてに満足する書籍はまずない 書籍は体系的な知識を蓄えるまとめて得られるのがいいのであって、最新かつ確度の高い情報は公式サイトの「仕様書」のみ 「MDN」から「仕様書」を辿れるようになったら、書籍の利用頻度は下がる傾向にある 当然だが、読むだけでは身につかないから、書籍から学んだ内容から、コードを書いて、動作を確かめることは最重要 初心者を自認する質問は何も確かめないで質問するタイプが非常に多い(このスレの質問者も大半がそう) 普段からコードを書いて確かめる癖をつけたほうがいい 1013 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 8f10-NH+6 [180.50.203.130]) mailto:sage [2022/08/07(日) 13:27:02 ID:zWsPVUqF0.net] >>989 本当にご丁寧に提示して頂き本当にありがとうございます。 そちらのサイトも参考にしてコード書きながらJavaScriptの勉強頑張って行きます。 本当にご親切ありがとうございました。 1014 名前：デフォルトの名無しさん (ｵｯﾍﾟｹ Srff-xtT/ [126.33.99.231]) mailto:sage [2022/08/07(日) 13:27:06 ID:JhpYRoYbr.net] >>988 つまりお前の評価が正しいというわけか？ 何よりも自分で判断できる能力のほうが重要だろ 読んでみてお前のように疑問を持つことが大事なのになぜかそれを示さない というわけでコイツは他人の意見だけで動くからお前が一生教えてやればいい 1015 名前：デフォルトの名無しさん mailto:sage [2022/08/07(日) 13:51:00.89 ID:zWsPVUqF0.net] >>980を踏んでしまったので新スレを立てようと思いましたがエラーが出てしまいスレを立てることが出来ませんでしたのですいませんがどなたか新スレお願いしますを 1016 名前：デフォルトの名無しさん mailto:sage [2022/08/07(日) 16:06:09.09 ID:TS5TGpUB0.net] >>992 立てた JavaScript の質問用スレッド vol.125 https://mevius.5ch.net/test/read.cgi/tech/1659855460/ 1017 名前：デフォルトの名無しさん mailto:sage [2022/08/07(日) 16:33:46.15 ID:TS5TGpUB0.net] >>991 質問者にとっては、俺もお前もAmazonレビュアーも赤の他人 「誰が正しいか」は質問者が判断すればいいことだ 俺にできるのは、初心者時代に読んで今振り返っても役に立った本を紹介することだけだ 俺が主張してるのは、初心者にとってはAmazonレビューの正しさをはかる指標がないということだ 中級者以上の俺でさえ、レビューから正しさを正確にはかるのは不可能だ 俺に出来るのは書店で実物をとって自分の知識と本の内容を照らし合わせることだけ お前は「Amazonで評価高いの買えばいいのに」というが、赤の他人のレビューが信用出来るのか？ 初心者でも信用性をはかる方法があるなら、まずはそれを示すべきだろう 付け加えると、初心者に内容の正しさを判断出来るはずがないので、初心者のレビューは信用に値しないと俺は考えている 入門書を読んで数年たって、もう一度入門書を読み直した後にレビューを書くなら、ある程度は信頼出来るだろう そこまで時間をかけてレビューを書く人はほとんどいないと俺は思うが > 読んでみてお前のように疑問を持つことが大事なのになぜかそれを示さない 疑問を持つことは大切だが、信頼できる判断材料が必要だ 信頼出来ない情報源(Amazonレビュー)では考えることすら出来ない 無理筋の方法を提案しても意味がない 1018 名前：デフォルトの名無しさん mailto:sage [2022/08/07(日) 20:29:17.22 ID:JhpYRoYbr.net] >>994 他人の評価は信頼できなくてお前だけがなぜ信頼できる判断なんだよw お前何様？ 1019 名前：デフォルトの名無しさん [2022/08/07(日) 22:46:56.17 ID:p4VkSvXn0.net] 長文書く奴大体馬鹿 1020 名前：デフォルトの名無しさん [2022/08/07(日) 23:15:25.18 ID:r7YsBDkd0.net] 技術評論社はあまり良い印象がないな。 どうしても必要な時を除き、買わないよう心掛けたほうが良いと思う。 1021 名前：デフォルトの名無しさん mailto:sage [2022/08/07(日) 23:29:45.93 ID:gU8eDduE0.net] この2冊のサイの表紙のサイ本は初心者用ではない。プロ用 JavaScript 第7版、2021/12, David Flanagan 初めてのJavaScript 第3版 ――ES2015以降の最新ウェブ開発、オライリー、2017 パーフェクトRuby、パーフェクト Ruby on Rails などのパーフェクトシリーズもプロ用 これらは、YouTube で有名な雑食系エンジニア・KENTA の初心者向けRuby on Rails サロンでも使わない。 こんなプロレベルの勉強をしていたら、半年でポートフォリオを作って転職できない 初心者用は、ドットインストール・progate などで、基礎だけサッと学ぶ 深入りしたら切りがない。 それに難しい割には、使用頻度が低い 1022 名前：デフォルトの名無しさん [2022/08/07(日) 23:35:07.06 ID:r7YsBDkd0.net] 技術評論社は、そういう偏った見解が多いよね。 誌面で個人叩きも多いし。 1023 名前：デフォルトの名無しさん mailto:sage [2022/08/07(日) 23:41:06.98 ID:KRzr0Ia80.net] 1000ならnodejsしか動かない世界 1024 名前：1001 [Over 1000 Thread.net] このスレッドは１０００を超えました。 新しいスレッドを立ててください。 life time: 270日 8時間 16分 43秒 1025 名前：過去ログ ★ [[過去ログ]] ■ このスレッドは過去ログ倉庫に格納されています

---

---

[ 新着レスの取得/表示 (agate) ] / [ 携帯版 ]

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