JavaScript(10ページ目)

JavaScriptはWebページにアニメーションや効果を加えることができるプログラミング言語です。入門編のわかりやすいサイトや書籍を紹介してほしい、オブジェクト指向がわからない、文字列の操作を教えてほしい等こちらに投稿してみましょう。

回答数

気になる

javascriptでコードを書いたのですが、うまく行きません。

学習はじめたばかりの初心者です。以下のコードで、猫が現れるはずですが、画面に何も現れません。ご指導いただければ、助かります。 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <script> let x; let y; let zx=[]; let zy=[]; let n=1; let pic="neko.jpg"; for(let k=1;k<=100;k++){ let myImg=document.createElement("img"); myImg.id="p"+k; document.getElementById("field").appendChild(myImg); } window.addEventListener("mousemove",function(e){ x=e.cilentX; y=e.cilentY; zx[n]=x; zy[n]=y; if(n>=100){ n=1; }else{ n=n+1; } for(let k=3;k<=100;k=k+3){ if(zx[k]>0){ document.getElementById("p"+k).src=pic; document.getElementById("p"+k).style.left=zx[k]+"px"; document.getElementById("p"+k).style.top=zy[k]+"px"; } } }.fales) </script> </head> <body> </body> </html> neko.jpg　は、index.html　と同じ階層にあります。

質問日時: 2021/02/05 15:32 質問者: kensakusan

ベストアンサー

2

0
Webサイトに設定した音楽が流れない件について教えてください。

Webサイト制作の勉強をしています。 JavaScriptを使い、サイトを開くと音楽が流れる仕組みにしました（「音楽が流れる前に、音が流れることの断り書きを表示させています）。ブラウザはMicrosoft Edgeで、PCだったらうまく流れるのですが、なぜかスマホだと流れません(Microsoft Edgeのアプリを使用しました）。これは、レスポンシブデザインをきちんと行っていないことが原因でしょうか？スマホの方にはまったく手が回っておらず、サイト自体の表示崩れがひどいです。ちなみに、PCの方ではGoogle chromeとInternet Explorerで動作を確認しましたが、どちらも一部表示崩れがあり、音楽は流れませんでした。こちらについては、別途JavaScriptの記述が必要だとネットを調べているうちにわかったのですが、スマホの方はどうもわかりません。 Edgeを使ったのに、再生されない原因は何でしょうか。

質問日時: 2021/02/04 23:12 質問者: jamfruits

解決済

2

0
ｊｓ表示非表示

jsで質問です。こちらのdisplayの表示非表示で初期値を非表示にする方法はありませんか？ https://www.pazru.net/js/DOM/7.html

質問日時: 2021/02/04 17:22 質問者: 9うい9p

ベストアンサー

1

0
javasqliptで複数のテキストボックスの未入力チェックのプログラムを作ったのですが・・・

javasqliptで複数のテキストボックスの未入力のチェックをするプログラムを下記の通りに作りましたが、何故か顧客名しか反応せず、他はスルーしてしまいます。下記のプログラムは問題のところを一部抜粋したものです。どのように改善するとよいのでしょうか？ <body> <div class="content"> <h1>顧客検索結果</h1> <form action="c_search_fix.php" name="form1" method="GET" onSubmit="return check()"> <div class="control"> <label for="C_num">顧客番号(修正不可)</label> <input readonly id="C_num" type="number" name="C_num" maxlength="6" value="<?php print($get_C_nm[0]); ?>"> </div> <div class="control"> <label for="C_name">顧客名(全角文字のみ入力可)</label> <input pattern="[^\x20-\x7E]*" id="C_name" type="text" name="C_name" maxlength="10" value="<?php print($get_C_nam[0]); ?>" onkeyup = "this.value = this.value.replace(/[ -~１２３４５６７８９０]/g, '')" > </div> <div class="control"> <label for="C_phon">顧客電話番号(半角数字のみ入力可、11桁まで入力可,ハイフンなし)</label> <input pattern="^[0-9]+$" id="C_phon" type="tel" maxlength="11" name="C_phon" value="<?php print($get_C_phn[0]); ?>"> </div> <div class="control"> <label for="C_sa">顧客住所</label> <input id="C_sa" type="text" name="C_sa" maxlength="50" value="<?php print($get_C_add[0]); ?>"> </div> <div class="control"> <input type="submit" value="修正"> </div> </form> <form action="menu.php" method="GET"> <div class="control"> <input type="submit" value="メニューへ"> </div> </form> </div> <script type="text/javascript"> function check(){ var name = 0; var phon = 0; var sa = 0; if(document.form1.C_name.value == ""){ name = 1; } else if(document.form1.C_phon.value == ""){ phon = 1; } else if(document.form1.C_sa.value == ""){ sa = 1; } if(name){ window.alert('顧客名に未入力がありました'); // 入力漏れがあれば警告ダイアログを表示 return false; } else{ return true; } if(phon){ window.alert('顧客電話番号に未入力がありました'); // 入力漏れがあれば警告ダイアログを表示 return false; } else{ return true; } if(sa){ window.alert('顧客住所に未入力がありました'); // 入力漏れがあれば警告ダイアログを表示 return false; } else{ return true; } } </script> </body> </html>

質問日時: 2021/01/31 20:38 質問者: 鎌やろう

ベストアンサー

1

0
この “映画情報” ツイートプログラムは、イケてますか？

・午後のロードショー @tx_gogoro ・ぴあ映画編集部 @eiga_pia ・映画.com @eigacom 上記ツイートから、今後「上映」「放送」される映画ツイートをピックアップ。ツイートのテキストの中から、“映画タイトル部” を独自ロジックで取得。映画.comを検索し、評価（記事数）と公開日を取得して高評価の映画をツイート。公開中の作品は、[ ● 公開中 ] と表示されます。 https://twitter.com/mvnews_jp すべて自動化して行っているのですが、自分でやっていて、しょうもないプログラムか、そこそこのプログラムかわかりませんので、他人の評価をうかがいたく投稿しました。

質問日時: 2021/01/31 09:22 質問者: Andro

解決済

2

0
GoogleスプレッドシートにCF7から挿入した際に逆順にしたいです

GoogleスプレッドシートにCF7からデータを挿入した際に一番下へ追加されますけれど、それを逆順にしたいと思いまして、以下のJavaScriptを書きました。しかし、シート1からシート3へ転記しますのに、シート3の2行目へとブランク行を追加して、そのブランク行へとデータを転記してくれますところまでは良かったのですが、2行目にデータを転記したあと、3行目以降が全部消えてしまいます。逆順にしたいだけですので、3行目以降のデータも残ってほしいのですけれど、どうしたら良いでしょうか。 // FormApp.getActiveForm() function reverse() { // スプレッドシートを取得する var spreadsheet = SpreadsheetApp.getActiveSpreadsheet(); var sheet = spreadsheet.getSheets()[0];// シート1を指定して取得 var lastRow = sheet.getRange(sheet.getMaxRows(), 1).getNextDataCell(SpreadsheetApp.Direction.UP).getRow(); var range = sheet.getRange(lastRow, 1, lastRow ,13); var currentRangeValues = range.getValues(); var sheet3 = spreadsheet.getSheets()[2];// シート3を指定して取得 var numRows = currentRangeValues.length; var numColumns = currentRangeValues[0].length; sheet3.insertRows(2,1); sheet3.getRange(2, 1, numRows, numColumns).setValues(currentRangeValues); }

質問日時: 2021/01/29 17:44 質問者: risaghon

ベストアンサー

1

0
formで選択した内容によって送信した場合に表示される文をJavascriptで変更したいのですがど

formで選択した内容によって送信した場合に表示される文をJavascriptで変更したいのですがどのようにすればできますか？例ですが、画像のようなフォームに例えば年齢は10歳、性別は男　と選択して送信ボタンを押すと下に〇〇しましょう。と表示したいです。年齢は12歳、性別は男と入力した場合はは〇〇の中の文字が上記とは違うように、選択した値によって表示される文を変更したいです。

質問日時: 2021/01/29 16:09 質問者: gtwapwja

解決済

1

1
Kintone(キントーン)でドロップダウンメニューの結果をテキストに出力したい

DropDown_01 にてA～Cを選択しますと、隣りのText_01にその結果が出ますだけのJavaScriptが書けません何処が悪いのでしょうか。 (function() { "use strict"; ver events = ['app.record.create.show', 'app.record.edit.show', 'app.record.index.show', 'app.record.edit.submit', 'app.record.create.submit']; kintone.events.on(events, function(event) { var record = event.record; if (record['DropDown_01'].value === 'A') { record['Text_01'].value = '確度はAです' ; } else if (record['DropDown_01'].value === 'B') { record['Text_01'].value = '確度はBです' ; } else { record['Text_01'].value = '確度はCです' ; } return event; }); })();

質問日時: 2021/01/29 13:43 質問者: risaghon

ベストアンサー

1

0
GASでundefinedエラーが出ます

GASで以下のプログラムを実行しましたところ、 TypeError: Cannot read property '0' of undefined が出てしまいました。 //作成途中なので変数定義のみ function sendform(currentRangeValues){ var date = currentRangeValues[0]; var time = currentRangeValues[1]; var pref = currentRangeValues[7]; var name = currentRangeValues[5]; } undefinedと出ているのですけれど、配列の数字に定義など必要なのでしょうか？

質問日時: 2021/01/28 09:43 質問者: risaghon

ベストアンサー

4

0
【javascript】連想配列からセレクトボックスを生成する時のvalue値が設定出来ません

https://techacademy.jp/magazine/27133 こちらを参考に連動するセレクトボックスを作成したいとおもっております。参考にした下記ソースコードで連動したセレクトボックスは作れるのですが、２つ目のセレクトボックス（料理名）の方にvalue値を設定するやり方が分かりません。一番下の【使いたい連想配列】みたいにvalue値を配列から取得するやり方を教えてください。【HTML】 <select name="genre" id="genre" onchange="createMenu(this.value)"> 　<option disabled selected>ジャンルを選択してください</option> 　<option value="japaneseFoods">和食</option> 　<option value="chineseFoods">中華</option> 　<option value="italianFoods">イタリアン</option> </select> <select name="menuList" id="menuList" disabled> 　<option disabled selected>料理を選択してください</option> </select> 【javascript】 const　foodMenu　=　　{ 　　　"japaneseFoods":　["寿司",　"天ぷら",　"おでん"], 　　　"chineseFoods":　["八宝菜",　"麻婆豆腐",　"エビチリ"], 　　　"italianFoods":　["パスタ",　"ピザ",　"ミネストローネ"] 　}; function　createMenu(selectGenre){ 　　let　menuList　=　document.getElementById('menuList'); 　　menuList.disabled　=　false; 　　menuList.innerHTML　=　''; 　　let　option　=　document.createElement('option'); 　　option.innerHTML　=　'料理を選択してください'; 　　option.defaultSelected　=　true; 　　option.disabled　=　true; 　　menuList.appendChild(option);　　　　　　foodMenu[selectGenre].forEach(　menu　=>　{ 　　　　let　option　=　document.createElement('option'); 　　　　option.innerHTML　=　menu; 　　　　menuList.appendChild(option);　　　　});　　　　 } 【使いたい連想配列】 const foodMenu = { "japaneseFoods":[ { text: '寿司', value: 'sushi' }, { text: '天ぷら', value: 'tenpura' }, { text: 'おでん', value: 'oden' }, ], "chineseFoods":[ { text: '八宝菜', value: 'happousai' }, { text: '麻婆豆腐', value: 'maabodoufu' }, { text: 'エビチリ', value: 'ebichiri' } ] }; よろしくお願い致します。

質問日時: 2021/01/27 14:45 質問者: sirorowa

ベストアンサー

2

0
javascriptで教えてください。ローカルにあるmp4動画を読み込み、指定した時間から再生をす

javascriptで教えてください。ローカルにあるmp4動画を読み込み、指定した時間から再生をするにはどうしたら良いでしょうか。あらかじめ画面上に5分、10分、15分・・というようにテキストを表示しておいて、5分、をクリックしたら動画の5分のところから再生するようにしたいです。プログレスバーも出しているのですが、ピタッとしたところから再生したいです。

質問日時: 2021/01/26 18:56 質問者: ぽん太1号

ベストアンサー

1

0
JavaScript / for loop / if...else で模様を作るには

JavaScript の超初心者なのですが、どうしても下記の2文字のアルファベットを使った模様が出来ず困っています。恐らくfor loopとif...elseを使うというところまでは検討がつくのですが、どこから手をつけていいのか分からず混乱中です。記述方法を教えていただけますと幸いです。

質問日時: 2021/01/24 00:31 質問者: Emsie

解決済

2

0
javascriptで表に画像を貼る

すごろくゲームを作るのに 18マスの表を作って0.png～17.pngまでの18枚の画像を各セルに貼りたいと思っています。 (0ます目に0.png、1ます目に1.png...) 1枚ずつ貼らずにforループで設定できるかなと思いましたが、いまいちやり方がわかりません。どこになにを記述したらよいでしょうか。下にコードをすべて記述しています。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>sugoroku</title> <style> table td { border-collapse: collapse; border: 3px solid white; background-color: #ff7fa5; } </style> </head> <body> <input type="button" value='1' onclick='dice(0)'></input> <input type="button" value='2' onclick='dice(1)'></input> <input type="button" value='3' onclick='dice(2)'></input> <input type="button" value='4' onclick='dice(3)'></input> <table id="table"></table> <p id="result"></p> </body> <script> const playerNum = 4; // 4人 const MASU = 18; // 18マス let players = new Array(playerNum); for (let i = 0; i < players.length; i++) { players[i] = new Array(18); players[i][0] = 1; // 全員スタート } // テーブル let tbl = document.getElementById("table"); let tr = document.createElement('tr'); for (let i = 0; i < MASU; i++) { let td = document.createElement('td'); td.index = i; // 各セルが何マス目かindex属性に記録しておく tr.appendChild(td) } tbl.appendChild(tr); updateScreen(); function move(playerNum) { let pos = players[playerNum].indexOf(1); players[playerNum][pos] = 0; players[playerNum][++pos] = 1; updateScreen(); } function makeString(masu) { let str = ''; for (let i = 0; i < playerNum; i++) if (players[i][masu] == 1) str = `${str} Player${i + 1}`; return str; } // 画面描画を更新 function updateScreen() { let tbl = document.getElementById('table'); let tr = tbl.firstChild; let tds = tr.childNodes; for (let j = 0; j < tds.length; j++) { let str = makeString(j); if (str == '') { tds[j].textContent = '0000000000'; tds[j].style.color = '#ff7fa5'; } else { tds[j].textContent = str; tds[j].style.color = 'black'; } } } function dice(i) { // iはプレイヤー番号 let d = document.getElementById("result"); let r = Math.ceil(Math.random() * 6); // playerをrマス動かしたい！ d.textContent = r; let currentPos = players[i].indexOf(1); // 今いるマス目をゲット players[i][currentPos] = 0; // 今いるマス目をクリア if (currentPos + r < 17) { players[i][currentPos + r] = 1; // マス目分進める } else if (currentPos + r > 17) { players[i][34 - (currentPos + r)] = 1; } else if (currentPos + r == 17) { alert('ゴール！！') } updateScreen(); } function showMessage(str) { document.getElementById("message").textContent = str; setTimeout(function () { document.getElementById("message").textContent = ""; }, 2000); } </script> </head> </html>

質問日時: 2021/01/23 15:34 質問者: ゆきんこゆき

解決済

1

0
Javascriptの電卓で最初の何も数字が入っていない時に「00」を打てなくしたい

JS初心者になります。練習で、あるサイトを参考に電卓を作り、カスタマイズしています。最初の何も数字が入っていない時に「00」を打てなくしたいのですが、どうもうまくいきません。何が悪いのでしょうか？ ●読み込んだ時は、「00」が押せて、次押せず、何かの数字を押すとまた押せる（00200は可<おかしい＞。200は無理＜おかしい＞）。 scriptの下の方、 //----問題の箇所　ここから--- 内以外で問題はあるのでしょうか？ <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>sample</title> <style> #wrap{ width: 450px; height: 650px; margin: 0 auto; padding-top: 25px; background-color: #FFCC81; font-size: 25px; } table{ width: 400px; height: 600px; margin: 0 auto; background-color: white; text-align: center; table-layout: fixed; border-collapse:separate; border-spacing:2px; } td{ padding:5px!important; vertical-align: middle; background-color: #FFF5B4; border-left: 5px solid #FFFFCC; border-top: 5px solid #FFFFCC; border-right: 5px solid #E7C37A; border-bottom: 5px solid #E7C37A; } input{ width: 80px; height: 80px; } .white{ background-color: white; } #result{ width: 10.1em; text-align:right; } </style> </head> <body> <div id="wrap"> <table> <tr> <td colspan="4" class="white"> <input type="text" id="result"> </td> </tr> <tr> <td> <input type="button" value="AC" onclick="ac()"> </td> <td> <input type="button" value="税10%" onclick="tax1()"> </td> <td> <input type="button" value="税0.8%" onclick="tax2()"> </td> <td> <input type="button" id="divide" class="cal" value="÷" onclick="edit(this)"> </td> </tr> <tr> <td> <input type="button" value="7" onclick="edit(this)"> </td> <td> <input type="button" value="8" onclick="edit(this)"> </td> <td> <input type="button" value="9" onclick="edit(this)"> </td> <td> <input type="button" id="multiply" class="cal" value="×" onclick="edit(this)"> </td> </tr> <tr> <td> <input type="button" value="4" onclick="edit(this)"> </td> <td> <input type="button" value="5" onclick="edit(this)"> </td> <td> <input type="button" value="6" onclick="edit(this)"> </td> <td> <input type="button" id="minus" class="cal" value="-" onclick="edit(this)"> </td> </tr> <tr> <td> <input type="button" value="1" onclick="edit(this)"> </td> <td> <input type="button" value="2" onclick="edit(this)"> </td> <td> <input type="button" value="3" onclick="edit(this)"> </td> <td> <input type="button" id="plus" class="cal" value="+" onclick="edit(this)"> </td> </tr> <tr> <td> <input type="button" id="zero" value="0" onclick="edit(this)"> </td> <td> <input type="button" id="wzero" value="00" onclick="edit(this)"> </td> <td> <input type="button"class="cal" value="." onclick="edit(this)"> </td> <td> <input type="button" value="=" onclick="calc()"> </td> </tr> </table> </div> <script> let result = document.getElementById("result"); //----問題の箇所　ここから----------- function edit(elem) { //何も入っていないときに、00を押しても入力させないようにする let wzero = document.getElementById("wzero"); if(result.value == "") { wzero.disabled = true; }else{ wzero.disabled = false; } result.value = result.value + elem.value; } //----問題の箇所　ここまで？----------- function ac(){ let ac = document.getElementById("result").value; ac = ac.replace(/[0-9]/g,"") .replace(/"+"/g,"") .replace(/-/g,"") .replace(/÷/g,"") .replace(/×/g,"") .replace(/./g,""); document.getElementById("result").value = ac; } function calc(){ let okikae = document.getElementById("result").value; okikae = okikae.replace(/÷/g,"/") .replace(/×/g,"*"); document.getElementById("result").value = okikae; result.value = new Function("return " + result.value)(); } </script> </body> </html>

質問日時: 2021/01/22 15:52 質問者: kotamagokotama

ベストアンサー

2

0
JavaScriptに関する質問です。 JavaScriptで半角数字のみ入力できるプログラムってあ

JavaScriptに関する質問です。 JavaScriptで半角数字のみ入力できるプログラムってありますか？未入力や半角英字、全角英数字が入力された時に注意メッセージが出てくるようにしたいです。

質問日時: 2021/01/21 14:04 質問者: 鎌やろう

ベストアンサー

2

0
javascriptで表のます目と画像ファイルを対応させる

1×18の表の0ます目に0.png、1ます目に1.png… というように全ますにそれぞれの画像を表示させたいです。 for文の中に背景画像を設定すればできると言われましたが意味がわかりませんでした…。書き込む部分ではないかもしれませんが対応していそうな部分を下に記述しています。どこになにを書けばできるか教えていただきたいです！ let tbl = document.getElementById("table"); let tr = document.createElement('tr'); for (let i = 0; i < MASU; i++) { let td = document.createElement('td'); td.index = i; tr.appendChild(td); } (＊MASUはconst MASU=18です。)

質問日時: 2021/01/20 17:10 質問者: ゆきんこゆき

ベストアンサー

1

0
p5jsについて

至急です！p5jsでクリックするとimg2の画像が消えるような動作を行いたいのですが、どのように書いたらいいのかわかりません。回答よろしくお願いします。(下記一部端折ってます。) let fish = []; let N = 10; let img; let img2; function preload() { img = loadImage("") img2 = loadImage("") } function setup() { createCanvas(500, 500); for (let i = 0; i < N; i++) { fish[i] = new Fish(random(width), random(height)) } // バブルを生成 for (let i = 0; i < NUM_OF_BUBBLES; i++) { bubbles.push(new Bubble()); } } function draw() { background(0); image(img, 0, 0, 500, 500); image(img2, 320, 100, 50, 50); image(img2, 250, 400, 50, 50); image(img2, 400, 300, 50, 50); image(img2, 100, 200, 50, 50); image(img2, 50, 450, 50, 50); image(img2, 50, 50, 50, 50); fish.forEach(f => { f.update() f.display() })

質問日時: 2021/01/19 09:37 質問者: _____ななし

解決済

2

0
時刻により<header>の背景画像を変更したい。

こんにちは。時刻により<header>内の背景画像を変更したいです。ネットで<body>内の背景画像変更コード（下記）は見つけたのですが、どうしたら<header>内に適用できるでしょうか。教えてください。どうかよろしくお願いします。＝＝＝＝＝ここから＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>サンプル</title> <script type="text/javascript">  </script> </head> <body background="./image00.gif" onload="bgchange();"> : : </body> </html> ＝＝＝＝ここまで＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝追伸・<body background="./image00.gif" onload="bgchange();">～</body>内の「：　：」というところには<dody>内容を書き込めばいいんでしょうか。それとも <body background="./image00.gif" onload="bgchange();"> <body background="./image01.gif" onload="bgchange();"> <body background="./image02.gif" onload="bgchange();"> <body background="./image03.gif" onload="bgchange();"> 　　　　　　　　　　　　　　　：　　　　　　　　　　　　　　　： <body background="./image24.gif" onload="bgchange();"> とするのでしょうか。どうか、回答よろしくお願いいたします。

質問日時: 2021/01/18 08:44 質問者: クモハ410系

解決済

2

0
JQueryでオープニングアニメーションつけたいです。

下記サイトのように背景がスライドして、ページが表示できるJQueryはございますでしょうか。 willof-work.co.jp 初心者です。

質問日時: 2021/01/15 16:05 質問者: ぷろし

ベストアンサー

1

0
jqueryの動作について教えてください

質問させていただきます。下記ソースコードでqjueryの記述があります。 $(document).ready(function() { $('.main-text20').on('click', function() { $(this).next('.hidden-text').slideToggle(); }); }); 上記だとクリックした場所が表示・非表示されます。ですが、下記だとどちらかをクリックしたら同時に表示・非表示されます。 $(document).ready(function() { $('.main-text20').on('click', function() { $('.hidden-text').slideToggle(); }); }); 意味合いとしては同じだと思うのですが、どうして動作に違いがあるのでしょうか。どなたかご教示お願い致します。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"> </script> </head> <style> .container22 { position: relative; background-color: white; padding-bottom: 50px; } .fa-question-circle { color:rgb(6, 83, 40) } .container22-2 { border: solid 4px gainsboro; width: 80%; margin: 30px auto; padding: 10px; } .container22-2::after { position: absolute; content: '>'; transform: rotate(90deg); color: green; font-weight: bold; right: 10%; top: 38%; color: gainsboro; } .main-text20:hover { cursor: pointer; text-decoration: underline; } .hidden-text { display: none; margin-top: 20px; } </style> <body> <div class="container22"> <i class="far fa-envelope-open"></i> よくある質問 <div class="container22-2"> <a class="main-text20"> <i class="far fa-question-circle"></i> プログラミングスキルは必要ですか？</a> <div class="container22-3 hidden-text"> <p class="main-text20-2">いいえ必要ありません。しかし、iSaraでは参加費以上の金額が稼げることを保証しています。従って、事前通話面談時点<br> で簡単なテストを実施し、場合によってはお断りをしております。この点だけはご了承ください。</p> </div> </div> <div class="container22-2"> <a class="main-text20"> <i class="far fa-question-circle"></i> プログラミングスキルは必要ですか？</a> <div class="container22-3 hidden-text"> <p class="main-text20-2">いいえ必要ありません。しかし、iSaraでは参加費以上の金額が稼げることを保証しています。従って、事前通話面談時点<br> で簡単なテストを実施し、場合によってはお断りをしております。この点だけはご了承ください。</p> </div> </div> </div> <script> $(document).ready(function() { $('.main-text20').on('click', function() { $(this).next('.hidden-text').slideToggle(); }); }); </script> </body> </html>

質問日時: 2021/01/14 19:41 質問者: 零礼

ベストアンサー

1

0
Javascriptでプログラム作成を行っています

自作ページに検索画面を作り、音声を入力し認識し終わると認識した言葉をボタンを押さずにgoogle検索にかけたいと考えています。現状況で認識した言葉を検索ボックスに入れることはできるのですが、検索ボタンを押さなければいけません。どうしたら検索を自動でかけられるのでしょうか。説明が下手ですが教えてください！ html <form method="get" action="http://www.google.co.jp/search" target="_blank"> <div id="content"></div> <input type="submit" name="btng" value="検索"> <input type="hidden" name="hl" value="ja"> </form> js function getTextContents(text) { content.innerHTML = '<input type="text" value="' + text + '" name="q" size="31" maxlength="255">';

質問日時: 2021/01/14 14:20 質問者: よし55

ベストアンサー

2

0
CORSについて疑問があります。例えばGoogleの検索結果からGoogle以外のドメインのサイト

CORSについて疑問があります。例えばGoogleの検索結果からGoogle以外のドメインのサイトに遷移することは、クロスオリジンのリソースにアクセスしていると言えるのでしょうか？そうなると、すべてのサイトはGoogleのドメインをAccess-Control-Allow-Originヘッダに追加にする必要があると言うことになりますが、CORSは古くからある技術ではないよな‥と考えています。

質問日時: 2021/01/12 23:15 質問者: JavaScript勉強中

ベストアンサー

1

0
画像ファイルの置き場所

下記のhtmlファイルと同じディレクトリに1.png〜4.pngを置いて、htmlファイルをダブルクリックしても何も表示してくれないのですが、何が悪いのでしょうか？また、以下をブラウザのインタラクティブモードで動かす時は、画像ファイルは何処に置けば良いのでしょうか？ <html> <head><title>List 1</title></head> <body></body> <script> var image1 = new Image(); var image2 = new Image(); var image3 = new Image(); var image4 = new Image(); image1.onload = function() { var s1 = "1.pngの読み込みが完了しました"; document.body.appendChild(document.craeteTextNode(s1)); document.body.appendChild(document.createElement("br")); } image1.src = "1.png"; image2.onload = function() { var s2 = "2.pngの読み込みが完了しました"; document.body.appendChild(document.craeteTextNode(s2)); document.body.appendChild(document.createElement("br")); } image2.src = "2.png"; image3.onload = function() { var s3 = "3.pngの読み込みが完了しました"; document.body.appendChild(document.craeteTextNode(s3)); document.body.appendChild(document.createElement("br")); } image3.src = "3.png"; image4.onload = function() { var s4 = "4.pngの読み込みが完了しました"; document.body.appendChild(document.craeteTextNode(s4)); document.body.appendChild(document.createElement("br")); } image4.src = "4.png"; </script> </html>

質問日時: 2021/01/09 14:34 質問者: tmiyoshi

解決済

2

1
JavaScriptを用いて、〇図形を複数作成し、ランダムにうろうろ動くプログラムの作成方法について

JavaScriptの勉強を始めたばかりの初心者です。なかなか自分一人で勉強する時間が作れず、質問させていただきました。具体的には、物体(ここでは〇図形とする)を複数個作成し、人がうろうろと歩き回るように、作成した〇図形がランダムに画面上を動くプログラムを作成したいと考えております。この場合は、どのようなコードを記述すればよいのでしょうか。お教えいただけると幸いです。よろしくお願いいたします。

質問日時: 2021/01/07 01:56 質問者: sabokiti

解決済

2

0
JavaScriptの表示方法

JavaScriptで、文字列などを表示したいとき、「document.write、console.log、alert」などがありますが、３つのうちどれを使うべきですか？

質問日時: 2021/01/03 15:45 質問者: オバケイ

ベストアンサー

4

0
特定のID(またはクラス）で括られたチェックボックスを一括操作したい

お世話になります。 IDやクラスで括られた、特定の範囲のチェックボックスを一括操作したいと考えています。チェックボックス一括チェックと検索すると多くの情報を拝見することが出来ますが、どれも全てのチェックボックスが対象で、”特定の範囲”を対象としたも情報を得ることが出来ません。御教示願えないでしょうか。少し具体的にご説明すると、北海道・東北地方というグループにある一括チェックボックスをチェックすると、北海道・東北地方に属する、同県がチェックされ、関東地方にある一括を操作すると、関東地方に属する都県がチェックされるという具合です。（各都道府県のname属性は同じ）以下ソースは、色々と試しているうちの1つです。お忙しいなか恐縮ですがアドバイスのほど頂戴出来れば幸いです。よろしくお願いいたします。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(function() { $('#category_all1').on('click', function() { $('.category').prop('checked', this.checked); }); $('.category').on('click', function() { if ($('#categories1 :checked').length == $('#categories1 :input').length){ $('#category_all1').prop('checked', 'checked'); }else{ $('#category_all1').prop('checked', false); } }); $('#category_all2').on('click', function() { $('.category').prop('checked', this.checked); }); $('.category').on('click', function() { if ($('#categories2 :checked').length == $('#categories2 :input').length){ $('#category_all2').prop('checked', 'checked'); }else{ $('#category_all2').prop('checked', false); } }); }); </script> <input type="checkbox" id="category_all1" name="category_all1"> <label for="category_all1">北海道・東北地方</label> <div id="categories1"> <input type="checkbox" name="category[]" id="category01" value="01" class="category"> <label for="category01">北海道</label> <input type="checkbox" name="category[]" id="category02" value="02" class="category"> <label for="category02">青森</label> <input type="checkbox" name="category[]" id="category03" value="03" class="category"> <label for="category03">秋田</label> <input type="checkbox" name="category[]" id="category04" value="04" class="category"> <label for="category04">岩手</label> <input type="checkbox" name="category[]" id="category05" value="05" class="category"> <label for="category05">宮城</label> </div> <input type="checkbox" id="category_all2" name="category_all2"> <label for="category_all2">関東地方</label> <div id="categories2"> <input type="checkbox" name="category[]" id="category06" value="06" class="category"> <label for="category06">千葉</label> <input type="checkbox" name="category[]" id="category07" value="07" class="category"> <label for="category07">埼玉</label> <input type="checkbox" name="category[]" id="category08" value="08" class="category"> <label for="category08">東京</label> <input type="checkbox" name="category[]" id="category09" value="09" class="category"> <label for="category09">神奈川</label> <input type="checkbox" name="category[]" id="category10" value="10" class="category"> <label for="category10">茨城</label> </div>

質問日時: 2021/01/02 19:49 質問者: a4_chapp

ベストアンサー

2

0
Webサイト作成プログレスバー HTML・CSS・JS

下記のコードでは「理解できた」ボタンをクリックすると「終了済」ボタンに変化するようになっています。この「終了済」ボタンの色を変え、終わった感じを出すにはどのようにすれば良いでしょうか。恐れ入りますがよろしくお願い致します。 <!DOCTYPE HTML> <html lang="ja"> <head><title>Sample</title> <style> #progress { width: 18em; } #progress p { margin: 0.5em 1em; padding: 0; } #progress p button { width:8em; margin-left: 2em; } #progress .slid_wrap { margin: 1em 0 1em 1em; position: relative; } #progress .slid_wrap input { width: 11em; } #progress .slid_wrap span { font-size: .8em; font-weight: bold; } #progress .slid_wrap .cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style> <script> window.addEventListener('DOMContentLoaded', ()=>{ let p = document.getElementById('progress'); p.querySelector('fieldset').addEventListener('click', (e)=>{ let n, t = e.target; if(e.target.nodeName != 'BUTTON') return; t.textContent = t.value?'理解できた':'終了済'; t.value = t.value?'':'done'; n = p.querySelectorAll('button[value="done"]').length * 20; p.querySelector('.slid_wrap input').value = n; p.querySelector('.slid_wrap span').textContent = n + '%'; }); }); </script> </head> <body> <div id="progress"> <div class="slid_wrap"> <label>理解度:</label> <input type="range" min="0" max="100" value="0" /> <span>0%</span> <div class="cover"></div> </div> <fieldset> <legend>理解状況チェック</legend> <p>第１章：<button type="button">理解できた</button></p> <p>第２章：<button type="button">理解できた</button></p> <p>第３章：<button type="button">理解できた</button></p> <p>第４章：<button type="button">理解できた</button></p> <p>第５章：<button type="button">理解できた</button></p> </fieldset> </div> </body> </html>

質問日時: 2021/01/02 01:09 質問者: jun123.

ベストアンサー

1

0
javascriptでcsv出力しようと思ってます。 https://qiita.com/megad

javascriptでcsv出力しようと思ってます。 https://qiita.com/megadreams14/items/b4521308d5be65f0c544 ここを参考にボタンを押したらcsvファイルが生成されるようにしたのです。PCやAndroidスマホではcsvが生成されたのですが、iphone(ipad)では生成されないようです（ボタンを押しても無反応）。iosではchrome/safariどちらもダメでした。 iosでcsvが出力できるようにするにはどうプログラムしたら良いでしょうか？

質問日時: 2020/12/31 16:08 質問者: ぽん太1号

ベストアンサー

1

0
初心者です。javascript の placeholder "___年__月__日" を使って、日

初心者です。javascript の placeholder "___年__月__日"　を使って、日付けのカレンダーを選択するコードを書いているのですが、コードをサーバーにアップロードして、日付の ___年__月__日は表示されているのですが、カレンダーが表示されません。困っています。夜も眠れません。どうしたら表示されるでしょうか？回答よろしくお願いいたします。　表示画像も付属してあります。書いたコードは下のURLです。（入力フォームのHTMLファイル） https://drive.google.com/file/d/17Y9Uoe02WcqB8i3snxsHhg7GkRee0Vyl/view?usp=sharing 日付選択のカレンダー表示のコードの一部を上のURLから１部分を抜粋したものもあります。以下。 <table><tbody><tr class="time_list"> <td class="b">第1希望：<span class="fontS">※</span></td> <td class="fontSS"> <table><tbody><tr class="time_list2"> <td> <input type="text" id="input_date1" class="cal lt_004 hasDatepicker" name="time_Ldata01[]" placeholder="___年__月__日" readonly="readonly" value=""> </td> <td> <div class="wrap"> <select id="input_time1" name="time_Ldata01[]"> <option value=""></option> <option value="10:00～11:00">10:00～11:00</option> <option value="11:00～12:00">11:00～12:00</option> <option value="12:00～13:00">12:00～13:00</option> <option value="13:00～14:00">13:00～14:00</option> <option value="14:00～15:00">14:00～15:00</option> <option value="15:00～16:00">15:00～16:00</option> <option value="16:00～17:00">16:00～17:00</option> <option value="17:00～18:00">17:00～18:00</option> <option value="18:00～19:00">18:00～19:00</option> <option value="19:00～20:00">19:00～20:00</option> </select> </div> </td> </tr></tbody></table>

質問日時: 2020/12/30 18:30 質問者: pjdmgam

ベストアンサー

1

0
描画をコピーする方法

首記の件、教えて頂きたく。 canvasで描画を作成しています。これを題名の通り花びらの角度を変えて複製する方法がありましたら教えて頂きたくお願い致します。イメージとして添付画像の様にしたいです。下記ソースコードは花びらの上の部分を描画したものです。 //init const canvas = document.getElementById('test'); const context = canvas.getContext('2d'); const WIDTH = $('#test').get(0).width = $(window).width(); const HEIGHT =$('#test').get(0).height = $(window).height(); // 右側の線 context.beginPath(); context.moveTo(270,50); context.quadraticCurveTo(300, 50, 260, 150); //下側の円弧 context.moveTo(260,150); context.quadraticCurveTo(240, 165, 230, 150); //左側の円弧 context.quadraticCurveTo(210, 50, 230, 50); //上側の線 context.moveTo(230,50); context.lineTo(250,80); context.lineTo(270,50); //線全体のの色と太さ context.lineWidth = 8; context.strokeStyle = 'rgb(255,204,255)';

質問日時: 2020/12/30 09:19 質問者: 零礼

解決済

2

0
jqueryって必要ですか?

jqueryって色々あるけど普通のJavascriptじゃあ同じことってできないんでしょうか、、

質問日時: 2020/12/29 23:31 質問者: うさぎ大好き人間

ベストアンサー

1

0
JavaScriptとPHP

JavaScriptとPHPの共通点を教えてください。学習の順番はJavaScript→PHPの方がいいですか？

質問日時: 2020/12/29 13:58 質問者: オバケイ

解決済

1

0
最終的にphpを勉強するのに今htmlとcssを勉強しているのですが、次にjavascriptは勉強

最終的にphpを勉強するのに今htmlとcssを勉強しているのですが、次にjavascriptは勉強すべきですか？

質問日時: 2020/12/26 18:16 質問者: gtwapwja

解決済

3

0
while文

JavaScriptで、「2000年から本日までの年をwhile文を利用して全て表示するプログラム」はどのようになりますか？ for文だと以下のようになります。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>2000年から本日までの年を全て表示</title> </head> <body> <script> // 現在日時を取得 var date = new Date();　//秒まで取得できる // 現在日時から「年」のみを取得 // dateオブジェクトから西暦のみを取るのがgetFullYeaメソッドの役割 var year = date.getFullYear(); //2020がyaerに入る for (var i = 2000; i<= year; i++) { document.write('<p>' + i + '</p>') } </script> </body> </html>

質問日時: 2020/12/26 11:14 質問者: オバケイ

解決済

2

0
変数

プログラミング初心者です。var,let,constの3つはどのように使い分ければいいですか？参考書などではvarは使わないようにした方がいいと書いてあります。

質問日時: 2020/12/25 16:59 質問者: オバケイ

解決済

3

0
3の倍数の合計

3の倍数を足した合計値を表示するにはどうすればいいか教えてください。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>for課題1</title> </head> <body> <script> var sum = 1; for (var i = 1; i <= 100; i++) { if (i % 3 === 0) { } sum += i; document.write(sum);} //表示がうまくいかない //1から100までの間で、3の倍数の数だけを足した合計値(1683)を表示したい </script> </body> </html>

質問日時: 2020/12/25 14:44 質問者: オバケイ

解決済

3

0
条件分岐

JavaScriptで、「if文を使用して0〜9のランダムな数字を取得して出た数字と偶数か奇数かの２つの情報を表示する」「0〜2のランダムな数値を３つ取得して、それぞれの数値と最も数値が大きい変数の情報を表示する(最も数値が大きい変数が複数ある時は複数表示)」プログラムはそれぞれどのようになりますか？

質問日時: 2020/12/25 11:55 質問者: オバケイ

解決済

3

0
requestanimationframeを一斉に止めたい。

首記の件につきまして、下記ソースコードがあるとします。 requestanimationframeを途中で止める方法がわからず困っています。教えて頂きたくお願い致します。やりたいこと：・四角１～１０が表示されるのが揃うまではrequestanimationframeで描画が表示され続ける・最後の四角10が表示されてから5秒後に一斉に四角1～10のrequestanimationframeを止める・止めた後にすぐ描画を消す(clearRect) ソースコード： //四角1 var id; let x = 100; let y = 70; function drawsquare() { //前の描画を消す context.clearRect(40,90,270,240); //四角を更新する if(x < 255) { x ++; y ++; } else { x = 100; y = 70; } //四角を描画する context.beginPath(); context.lineWidth = 4; context.strokeStyle = 'rgb(20,238,200)'; context.strokeRect(50,100,x,y); context.save(); window.requestAnimationFrame(drawsquare); } setTimeout(drawsquare,1); //四角2 let x2 = 100; let y2 = 70; function drawsquare2() { //前の描画を消す context.clearRect(190,490,270,240); //四角を更新する if(x2 < 255) { x2 ++; y2 ++; } else { x2 = 100; y2 = 70; } //四角を描画する context.restore(); context.strokeRect(200,500,x2,y2); window.requestAnimationFrame(drawsquare2); } setTimeout(drawsquare2,1200);　←以下1200ずつ増えていく以下、四角10まで続く。

質問日時: 2020/12/22 15:02 質問者: 零礼

ベストアンサー

1

0
node.jsについて

node.jsってHTML、CSS、JavaScript、SQLを勉強しなければ使いこなせませんか？またnode.jsを勉強すれば就職先はありますか？

質問日時: 2020/12/20 21:11 質問者: ぽらん千秋

ベストアンサー

3

0
Javascriptの"return "について

お世話になります。 Javascript初心者になります。プロゲートでjavascriptのとっかかりを学び終わったので、応用に入ろうと思い、電卓を作ろうと思いました。あるサイトに載っていた電卓を、自分好みに色々変更していこうと思っていたのですが、色々つまづいております。参考にしたサイトの計算器の「=」に function calc() { result.value = new Function("return " + result.value)(); } というコードがあったのですが、この中の"return "はどういう意味なのでしょうか？これはreturnが文字列になっていると考えて問題ないのですか？また、returnの後に半角が入っているのですが、この半角はなんの意味があるのですか？（半角を取ると動作しません）調べても、"return "で引っかからなくて。 https://techacademy.jp/magazine/21139 どなたか、お時間ございます時に、ご教授いただけると幸いです。

質問日時: 2020/12/18 17:47 質問者: kotamagokotama

ベストアンサー

3

0
HTMLとJavaScriptについて解答欄を増やしています。

コード <fieldset> 始点:<input type='text' id='idInpX0' autocomplete="off"> 終点:<input type='text' id='idInpY0'autocomplete="off" > <input type='hidden' id='idInpX1'value='0' > <input type='hidden' id='idInpY1' value='0'> <input type='button' onclick='DrawLine();'value='結線'> </fieldset> <fieldset> 始点:<input type='text' id='idInpX0' autocomplete="off"> 終点:<input type='text' id='idInpY0'autocomplete="off" > <input type='hidden' id='idInpX1'value='0' > <input type='hidden' id='idInpY1' value='0'> <input type='button' onclick='DrawLine();'value='結線'> <//input type='button' onclick='EndLine();'value='結線終了'> </fieldset> </form> <script> oInpX0 = document.getElementById('idInpX0'); oInpY0 = document.getElementById('idInpY0'); oInpX1 = document.getElementById('idInpX1'); oInpY1 = document.getElementById('idInpY1'); a1oCoordinate = [oInpX0,oInpY0,oInpX1,oInpY1]; let point = ['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18',]; function DrawLine(){ var X0,X1,X2,X3,Y0,Y1,Y2,Y3; //var 1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18; let a1oCdn = a1oCoordinate; let cdn = new Array() let allow = true; // false; // for(let i = 0; i<a1oCdn.length; i++, i<4){ let value = a1oCdn[i].value; cdn[i] = null; if( value ){ cdn[i] = Number(value); } console.log("i : "+i); console.log("cdn[i] : "+cdn[i]); if( ! Number.isFinite(cdn[i]) ){ allow = false; // true; // }else{ // console.log("cdn[i] : "+cdn[i]); } } このままだと重複できないのですがどうしたら良いでしょう。

質問日時: 2020/12/17 14:40 質問者: kyojinnsann_1000

ベストアンサー

1

0
HTMLとJavaScriptのエラーコードの対処がわからない。

解答欄を増やそうとこのようなコードをしました。 <form> <fieldset id="set1"> 始点:<input type="text" class="idInpX0" autocomplete="off"> 終点:<input type="text" class="idInpY0" autocomplete="off" > <input type="hidden" class="idInpX1"value="0" > <input type="hidden" class="idInpY1" value="0"> <input type="button" onclick="DrawLine('set1');"value="結線"> </fieldset> <fieldset id ="set2"> 始点:<input type="text" class="idInpX0" autocomplete="off"> 終点:<input type="text" class="idInpY0"autocomplete="off" > <input type="hidden" class="idInpX1"value="0" > <input type="hidden" class="idInpY1" value="0"> <input type="button" onclick="DrawLine('set2');"value="結線"> </fieldset> </form> <script> oCanvas = document.getElementById('idCanvas'); ctx = oCanvas.getContext('2d'); nCanvasW = oCanvas.width; nCanvasH = oCanvas.height; oImage = new Image(); oImage.src = '電圧比試験3.jpg'; oImage.onload = () => { ctx.drawImage(oImage, 0, 0); }; oInpX0 = document.getElementById('idInpX0'); oInpY0 = document.getElementById('idInpY0'); oInpX1 = document.getElementById('idInpX1'); oInpY1 = document.getElementById('idInpY1'); a1oCoordinate = [oInpX0,oInpY0,oInpX1,oInpY1]; let point = ['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18',]; function DrawLine(id){ var X0,X1,Y0,Y1,Y2; //var 1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18; let qid = "#" + id; let X3 = document.querySelector(qid + " .idInpX0").value; let Y3 = document.querySelector(qid + " .idInpY0").value; let X4 = document.querySelector(qid + " .idInpX1").value; let Y4 = document.querySelector(qid + " .idInpY1").value; let a1oCdn = a1oCoordinate; let cdn = new Array() let allow = true; // false; // for(let i = 0; i<a1oCdn.length; i++ ){ let value = a1oCdn[i].value; cdn[i] = null; if( value ){ cdn[i] = Number(value); } console.log("i : "+i); console.log("cdn[i] : "+cdn[i]); if( ! Number.isFinite(cdn[i]) ){ allow = false; // true; // }else{ // console.log("cdn[i] : "+cdn[i]); } } こうすると画像のようなエラーが出ます。どのようにしたらよいでしょうか。

質問日時: 2020/12/17 11:13 質問者: kyojinnsann_1000

解決済

1

0
アコーディオンで多階層のメニューを作りたい【HTML.CSS.JS.jQuery】

アコーディオンで多階層のメニューを作る【HTML.CSS.JS.jQuery】 ↓↓の参考URLのようなアコーディオンにもう1つ機能を加えたで多階層のメニューを作りたいのですが、やり方がわかりません。誰た教えてください。 https://125naroom.com/web/3046#s_07 上の参考URLのアコーディオンメニューで・1番上の階層赤、青、黄色の3階層を開いた時に他の色のアコーディオンも自動で閉じるようにしたい。・１つ下の階層　例）赤＞A、B があり、その中のAを開いた状態から Bを開いたときにAを自動で閉じるようにしたい。（つまり1つのメニューしか開かないようにする。）・1番上の階層赤、青、黄色の3階層を閉じた時に一つ下の階層 A,Bが開いていたとしても最初の様に全て閉じた状態にする。以上の3点をやりたいと思います。誰か手ほどきをお願いいたします。

質問日時: 2020/12/17 10:29 質問者: もっと教えてグー

解決済

1

0
コード反映が見れるスマホアプリor サイトありますか？スマホからコード反映を見る方法を探しています

コード反映が見れるスマホアプリor サイトありますか？スマホからコード反映を見る方法を探しています。ご存知の方がいれば教えて下さい！

質問日時: 2020/12/13 00:20 質問者: mitsuki02

解決済

1

0
addcolorのオフセット値を少しずつ変化させたい

首記の件、offset値を少しずつ変化させるために下記ソースコードを作成したのですが、描画の色に変化がありません。 console.logで確認すると値は変化しているのは確認できるのですが、描画に変化がありません。やりたい事としては、白い部分を描画の上から下に少しずつ流れていくようなイメージにしたいです。宜しくお願い致します。 //init const canvas = document.getElementById('test'); const context = canvas.getContext('2d'); const WIDTH = $('#test').get(0).width = $(window).width(); const HEIGHT =$('#test').get(0).height = $(window).height(); function drawFrame() { let grad = context.createLinearGradient(250,400,320,700); for(let i = 0; i <= 1.0; i += 0.1) { grad.addColorStop(0.3, 'rgb(204,0,0'); grad.addColorStop(i, 'rgb(255,255,255)'); grad.addColorStop(0.9, 'rgb(204,0,0'); context.clearRect(250,400,320,700); console.log(i); } context.beginPath(); context.moveTo(250,500); context.lineTo(250,600); context.lineTo(320,600); context.lineTo(320,700); context.lineWidth = 4; context.strokeStyle = grad; context.stroke(); window.requestAnimationFrame(drawFrame); } window.requestAnimationFrame(drawFrame);

質問日時: 2020/12/11 16:23 質問者: 零礼

ベストアンサー

2

0
GASについて

var SearchString = "label:mitsubishi"; function myFunction() { var myThreads = GmailApp.search(SearchString); var myMsgs = GmailApp.getMessagesForThreads(myThreads); for ( var threadIndex = 0 ; threadIndex < myThreads.length ;threadIndex++) { // メールから data と Start, End を抜き出す var mailBody = myMsgs[threadIndex][0].getPlainBody(); // 正規表現マッチにより、メール本文から情報を抽出する。 var data = mailBody.match(/お名前 :.*/); // シートへ値を追加する：getActive()を使って Spreadsheet への依存性を下げたコード // Spreadsheet の Apps Script として書く場合はこれでよい var objSheet = SpreadsheetApp.getActive().getSheetByName("mitsubishiname"); // 指定されたシートの1行目は見出し行とし、最新のデータを常に２行目に表示させたいので、１行目の後ろ（２行目）に空行を差し込む。 objSheet.insertRowAfter(1); // 抽出した情報は A2 セルに書き込む。 objSheet.getRange("A2").setValue(data[0]); } } これがうまく動きません。 Gmailからラベルを指定して、その中の指定した正規表記に合う文字列を羅列するというものなのですが、実行してもforの繰り返しが起きません。わかる方教えていただきたいです。

質問日時: 2020/12/11 10:26 質問者: きい5624

解決済

1

0
HTML Javascript（配列）に関して正誤判定を作ってます。

const answers = [[1,3],[2,4],[5,7]]; var inputs = [[[cdn[0]],[cdn[1]]]]; inputs.forEach(input => { result = answers.find(answer =>{ if(answer.includes(input[0]) && answer.includes(input[1])) return true }) let result_str = result ? "\t正解！" : "\tざんねん！" console.log(input + result_str) }) } ※cdn[0]，cdn[1]は代入値のようにしているのですがどの値(answersと一致させても)を代入しても"\tざんねん！"になってしまいます。どのようにして、数値を代入してanswersと一致したら"\t正解！" という風に出せるでしょうか。ちなみにvar inputs = [[1,3]]のようにすると正解にはなりますが、代入した値がほしいです。

質問日時: 2020/12/10 14:00 質問者: kyojinnsann_1000

ベストアンサー

3

0
JavaScriptが期待どおりに動いてくれない件

以下のJavaScriptですが、ファイルをtest.htmlの名前で保存して、同じデイレクトりにpic.jpg を置いて、test.htmlをクリックして立ち上げると、window.onload のctx.drawImage(picImg, 0, 0); までは上手くいって、元のpic.jpgはcanvasに表示されるのですが、何故か、var pixels = ctx.getImageData(0, 0, picImg.width, picImg.height);以降のJavaScript文が実行されません。（この部分で取り込んだpic.jpgの書き換えを行っています。）原因として何が考えられるでしょうか？ <html> <head> <title>List 5</title> <script type = "text/javascript"> var picImg = document.createElement("img"); picImg.src = "pic.jpg"; window.onload = function() { var ctx = document.getElementById("mycanvas").getContext("2d"); ctx.drawImage(picImg, 0, 0); var pixels = ctx.getImageData(0, 0, picImg.width, picImg.height); for(var y=0; y<pixels.height; y++) { for(var x=0; x<pixels.width; x++) { var r = pixels.data[(y * pixels.width + x) * 4]; // R var g = pixels.data[(y * pixels.width + x) * 4 + 1]; // G var b = pixels.data[(y * pixels.width + x) * 4 + 2]; // B var gray = 0.298912 * r + 0.586611 * g + 0.114478 * b; pixels.data[(y * pixels.width + x) * 4] = gray; pixels.data[(y * pixels.width + x) * 4 + 1] = gray * 0.7; pixels.data[(y * pixels.width + x) * 4 + 2] = gray * 0.4; } } ctx.putImageData(pixels, 0, 0); }; </script> </head> <body> <canvas id="mycanvas" width="800" height="800"></canvas> </body> </html>

質問日時: 2020/12/08 10:56 質問者: tmiyoshi

ベストアンサー

4

0
音声認識システムでの質問です。

PCもiPhoneと同じように「Hey Siri」（ヘイシリ）のような合言葉で指定したページを開くはできないですか。webページにとびたいです。<(_ _)>

質問日時: 2020/12/07 16:02 質問者: よし55

解決済

1

0
プログラミング

promptを用いて入力した人数に対して必要な4人乗りタクシーの台数を表示させるプログラムを教えてください。4人で割り切れない場合は切り上げてください。

質問日時: 2020/12/06 20:46 質問者: ぷにぷにケミストリー

ベストアンサー

2

0

←前の結果
1
...
5
6
7
8
9
10
11
12
13
14
15
...
20
次の結果→

【プログラミング・Web制作】に関するカテゴリ

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

質問する（無料）

【JavaScript】に関するコラム/記事

弁護士が解説！あなたの声を行政に届ける「パブリックコメント」制度のすべて

社会に対する意見や不満、疑問。それを発信する場所は、SNSやブログ、そしてニュースサイトのコメント欄など多岐にわたる。教えて!gooでも「ヤフコメ民について」というタイトルのトピックがあり、この投稿の通り、...
弁護士が語る「合法と違法を分けるオンラインカジノのシンプルな線引き」

「お金を賭けたら違法です」ーーこう答えたのは富士見坂法律事務所の井上義之弁護士。オンラインカジノが違法となるかどうかの基準は、このように非常にシンプルである。しかし2025年にはいって、違法賭博事件が相次...
釣りと密漁の違いは？知らなかったでは済まされない？事前にできることは？

知らなかったでは済まされないのが法律の世界であるが、全てを知ってから何かをするには少々手間がかかるし、最悪始めることすらできずに終わってしまうこともあり得る。教えてgooでも「釣りと密漁の境目はどこです...
カスハラとクレームの違いは？カスハラの法的責任は？企業がとるべき対応は？

東京都が、客からの迷惑行為などを称した「カスタマーハラスメント」、いわゆる「カスハラ」の防止を目的とした条例を、全国で初めて成立させた。条例に罰則はなく、2025年4月1日から施行される。この動きは自治体...