Skip to main content

すべての質問

or でタグ付けされた
3,008 件の質問
絞り込み
並べ替え
タグ付けされた
2
1 回答
1,182 閲覧数

react内のimg srcにてテキストと変数を連結したい。

以下の様なApp.jsがあり、dbから抽出した情報の一覧を表示させる記述があります。画像を表示させる為にimg src内を以下の様にテキストと変数を連結した状態にしなければなりません。以下の設定では画像が表示されず、四角いボックスが表示されるだけです。''、""、あるいは{}で全体を覆ったりとあらゆることを試したり、ネット内の同様のケースを探し試しましたが、表示されません。...
baseballjapan's user avatar
0
1 回答
496 閲覧数

typescript にて typeで指定した型に代入にしようとすると配列を受け付けない

vsocdeで vue3 と typescriptでコードを書いています。 次のようなコードで typeで型指定後に obj から itemObj に値を移そうとするとエラーになります。 type Obj = { Timeline: { Items: ItemsObj[]; }; }; type ItemsObj = { [key: string]: { ...
light's user avatar
  • 393
0
3 回答
521 閲覧数

webサイトの中で複数のページ共通の処理を書く時に相対パスはどう記述すれば良い?

以下のようなURLのサービスを作っているとします。 https://example.com/hoge-service/ ←ここがトップ画面 https://example.com/hoge-service/favorite https://example.com/hoge-service/user/123456 ユーザーページ https://example.com/hoge-service/js/...
Fushihara's user avatar
  • 542
0
1 回答
114 閲覧数

DOJOでボタンを押すと消えるタグを作る際の ONに関する問題

これらのコードを動作させることを目標としています。現段階では特定のタグを消滅を可能にすれば問題ないです。 今後の事を含めた解決も可能である場合は、タグを消滅するボタンに更に登録機能を付けたいと考えています。 ★便宜上、下記で記述したリンクにおいてbunndle.jsを作成しており、その記述は今回は問題が多面化するため、削除しています。 また、bunndle.js単体での機能は動作しております。 <...
アークGIS系 新入社員's user avatar
0
2 回答
630 閲覧数

アプリケーションロードバランサーとCognitoを使用した認証機能でのログアウト

課題 Cognitoでアプリケーションロードバランサー(以後ALB)に実装した認証機能で、ログアウトしてログイン画面にリダイレクトする挙動を実装したいが、CORSエラーが発生している。 前提 ALBでEC2のインスタンスにリクエストを振り分けています。今回、ALBにCognitoで認証機能を実装しました。未ログインの状態でインスタンスにアクセスするとCognitoで作成されたログイン画面が表示され、...
user55996's user avatar
1
1 回答
85 閲覧数

要素Aの数字より要素Bの数字が小さい場合に、要素Cに判定を出したい

以下のような予算(class="budget")を費用(class="cost")が上回った場合に判定結果(class="result")に「予算オーバー」と表示したいですが上手くいきません。 ご教授のほどよろしくお願いいたします。 ▼HTML <div> <div><span class="...
みすと's user avatar
0
1 回答
1,427 閲覧数

javascriptから書き込んだcookieを読み取ることができない

javascriptからdocument.cookieを使って書き込んだcookieが読み取れません。 そのセッションのうちはconsole.log(document.cookie)で読み取ることができるのですが、ブラウザ(firefox)を立ち上げなおすと、console.log(document.cookie)の結果がempty stringになってしまいます。 max-ageを設定しており、...
のんある's user avatar
0
1 回答
1,365 閲覧数

Electron で Uncaught (in promise) Error: An object could not be cloned

Electron(v22)でファイルのアップロードする部分を作成しています。 renderer.tsからpreload.tsを経由してbackground.tsを経由するときに、 Uncaught (in promise) Error: An object could not be cloned. がrenderer.ts部分で発生してしまいます。 原因がわからず、...
light's user avatar
  • 393
0
1 回答
163 閲覧数

JavaScript&HTMLを使用したモールス信号変換機能で1文字以上でも判定・変換されるようにしたい。

javascriptとhtmlを使用してアルファベットからモールス記号に変換する機能を実装したい 下記のコードでinputタグに入力した値が連想配列のkeyと合致していた場合、合致した文字の値(モールス記号)を表示するところまでは作れたのですが、一文字ずつしか変換できず、解決方法がわかりません。 期待する出力 inputタグにHELLOを入力 => ・・・・ ・ ・-・・ ・-・・ --- ...
Eta Carinae's user avatar
0
1 回答
8,686 閲覧数

形式として問題ないのに JSON.parse で エラーになってしまう

electron(v22)+Vue(v3)を使って、JSONで処理しようとしています。 アップロードしたファイルをテキストファイルをJSONにパースしようとするとエラーが発生します。 もしかしたら改行コードやスペースが原因かと思い、最小構成のJSONを作ってみました。 しかし、それでもエラーが発生します。 const text = fs.readFileSync(filePath, 'utf-8')...
light's user avatar
  • 393
0
0 回答
72 閲覧数

ログインフォームの自動補完を選択後の自動遷移について

ログインフォームの自動補完を選択すると自動遷移する現象があるのですが クライアントから自動補完は残していいのですが自動遷移を止めて欲しいと希望があるのですが どのようにHTML,CSS、JSなどで対策できますか? 現在は、Wordpressにて利用しているのでいいアイディアや参考になるサイトなどがあればご教授いただければ幸いです。 OSレベルの問題かと思っているのですが、、、
Kou Amano's user avatar
2
2 回答
509 閲覧数

ファイルブラウザ風のJavaScriptライブラリは存在しますか?

添付の画像のようなユーザーインターフェースを実現出来るJavaScriptライブラリを探しています。どなたか簡単にファイルやフォルダのツリーを表現できるライブラリをご存じありませんでしょうか?
Ichiro's user avatar
  • 23
2
1 回答
112 閲覧数

TypeScriptでenumを使用して型を当てたい。

enumをリテラル型のような使い方は出来ないのでしょうか? enum UserIds { 'たけし' = 1, 'かける' = 2, 'みさと' = 3, } // 1, 2, 3以外の数値はエラーになってほしい const userId: UserIds = 30; console.log(userId); リテラル型を type UserIds = 1 | 2 | 3; ...
wataru's user avatar
  • 1,133
0
2 回答
226 閲覧数

自動で3つの数字を掛け合わせるページの作成

初心者向けの、HTMLとJavascriptの練習問題を解いています。 <問> ユーザーに3つの数字を入力してもらい、それらを自動で掛け合わせた結果を表示するウェブページを作りなさい。 (Javascriptのalertやpromptは使わずに、HTMLのformを使いなさい) <私の回答> <!DOCTYPE html> <html lang="en"&...
user avatar
0
1 回答
196 閲覧数

jQueryで*:contains('AAA')セレクタで要素を選択させた際に直近の要素のみを選択できるようにしたい

<table> <tr><td>AAA</td></tr> <tr><td>BBB</td></tr> </table> というHTMLがあったとして、 jQueryで $("*:contains('AAA')").addClass('hoge'); ...
Sawada Yoshihiro's user avatar
1
1 回答
830 閲覧数

一次元配列を二次元配列に変換するプログラムのfor文の処理について

array_1 の一次元配列を二つの要素ごとに区切って array_2 に二次元配列として格納するプログラムの例をネットで見つけました。 出典: 一次元配列を二次元配列に変換する 以下のようなプログラムなんですが、なぜ for 文の条件式は (let i = 0; 0 < array_1.length; i) このようになるのでしょうか? //要素数2の場合 let array_1 = ['...
小鳥遊にこ's user avatar
0
1 回答
65 閲覧数

js const 配列メンバ変数を用意する方法が知りたい Object.freezeの使い方がわからない

質問内容 テトリスゲームの製作で回転したときのフォールキックパターンの配列のデータなのですがこの値は変更しないのでconstにしたいのですが以下の///コメント部内部のように参考サイト参考に実装したいのですが値が書き換えられてしまうので上手く実装出来ていません。クラスメンバ配列変数の場合どうやって実装するのでしょうか? 質問内容 ///コメント部内部のthis....
samidare_chan's user avatar
1
1 回答
65 閲覧数

ESLintとPrettierの設定ファイルを複数のプロジェクトから共通設定として参照したい

ローカルで複数のプロジェクトを開発する場合、一つ一つのプロジェクトでESLintとPrettierの設定ファイルを作るのではなく、共通の設定ファイルを参照するようにしたいです。 また、チーム開発しているプロジェクトではそのプロジェクトの設定ファイルがあるのでそれを使うようにしたいです。 いい方法はあるでしょうか?JetBrains社のエディタ(WebStormなど)での開発を想定しています。
lusk's user avatar
  • 91
0
1 回答
627 閲覧数

npm でパッケージのローカルインストールが急に動作しなくなった

npmを使用して約半年になります。 先日、npmでパッケージのローカルインストールがうまく動作しなくなったため、 直すために助言をいただきたいです。 Windows10でnpm+webpackを用いた開発をしていたんですが、 追加でclean webpack pluginをインストールしたところ、 インストール直後からnpm-scriptsでwebpackが動作しなくなりました。 'webpack'...
aaa-atsrkh's user avatar
1
2 回答
618 閲覧数

NodejsでMySQLのクエリ文の繰り返し処理を同期的に実行したい

現在Nodejsを使用してJavascriptの勉強をしております。 クエリ文を実行して得た値を配列に格納したいのですが、非同期になってしまうため、繰り返し2週目以降のデータが格納されません。 DBのレコードはそれぞれ parent_id カラム(親レコードのidが格納してある)を持っており、子となるレコードは複数ある場合もあります。 実現したいこととしては、Main.jsから受け取ったid(...
chihiro's user avatar
  • 59
0
0 回答
27 閲覧数

mongooseのアラートが消えない

Facebookのクローンアプリを作ってます。mongoDBとローカルサーバーを接続してます。 ターミナルにアラートが出て、この警告のせいでこの後のPostmanを使ってpostリクエストを送る操作をする時にエラーが出てしまいます。 対処法を教えてください
福塚大和's user avatar
0
1 回答
567 閲覧数

TypeScript で連想配列の中身の型を引っ張り出して使いたい

連想配列の内部の階層の型を引っ張ってくる方法を教えていただきたいです。 type Outside = { key: { a: number; b: string; } } // Outside型のkeyからInside型を作りたい (Outside型は変更してはいけない) // type Inside = typeof Outside.key // 'Outside' ...
井上慧汰's user avatar
1
1 回答
273 閲覧数

Vue3に二次元配列を渡す方法

Google Apps ScriptでVue3でテストアプリを作成しています。 クライアント側Javascriptでいろいろ試していますが、二次元配列がObject型?になるのか、v-forで回せません。どのように渡すと良いのでしょうか? ベタ打ちの配列を返すと動作するので、CDN等の設定は問題ないとしてアドバイスをいただければと思います。 javascript.html <script&...
masa's user avatar
  • 79
0
0 回答
793 閲覧数

Chrome拡張機能にnpmモジュールを使用したい

Chrome拡張機能にnpmモジュールを使用することは可能でしょうか? 使用したいnpmモジュールは下記になります。 amazon-sp-api aws-sdk qs crypto-js node-fetch axios
masa_pro's user avatar
0
2 回答
423 閲覧数

条件分岐は呼び出し元と呼び出し先、どちらに書くのが良いでしょうか

以下の2つのJavaScriptのコードがあるとします。 細かいパフォーマンスを除けば、どちらも同じ出力が得られるはずです。 違いは、変数isMorningがtruthyなら関数morningGreeting()をコールするか、関数morningGreeting()は必ずコールしてその中で分岐するか、ということです。 if (isMorning) morningGreeting(); ...
lusk's user avatar
  • 91
-2
1 回答
710 閲覧数

C#で生成したjsonデータをjavascriptでも使えるようにする方法が知りたい。

提示コードですが以下のソースコードのlet jsonのjson文字列をarr.name のような形で参照したいのですがなぜundefinedと表示されるのでしょうか?参考サイト等を調べましたがやり方は以下ように行うそうです。 提示コードのついて 以下のソースコードはC# WebViewを用いてjavascriptにjsonデータを送りhtmlを使って描画するという処理内容です。 ...
samidare_chan's user avatar
0
1 回答
2,240 閲覧数

javascriptを用いたcookieの削除ができない

javascriptを用いてサイトのcookieをすべて削除できるブックマークレットを作成したいと考えております。(デベロッパーツールのcookieのサイト名を右クリックして出てくる「削除」と同じ動きです。) ブラウザのコンソールで動作確認をしている中, console.log(document.cookie); を用いて存在するcookieの確認はできたのですが、それ以降は手つかずの状態です。...
js初心者's user avatar
0
1 回答
152 閲覧数

A-painterでローカル通信上で行う際について

私はA-painterというVRペイントソフトを使用して拡張可能なため様々な要素を入れて描画したいと考えており、ローカル開発が可能なため、ローカル通信上で描画を行おうとしております。 しかし、ローカル通信を行った際に「Access this site over HTTPS to enter VR mode and grant access to the device sensors.」と表示され、...
AMR's user avatar
  • 1
0
1 回答
77 閲覧数

画像の変更方法についてどなたかご教示お願いいたします。

現在、フロントエンドの技術を学習中です。 下記のコードの画像を変更する方法を誰かご教示いただけないでしょうか。 何卒、よろしくお願いいたします。 console.clear(); const canvas = document.getElementById("hero-lightpass"); const context = canvas.getContext("2d"); ...
YUTAKA OKAMOTO's user avatar
0
1 回答
217 閲覧数

VueCLIで動かす開発サーバーにローカルネットワーク内のスマートフォンからアクセスしてメディア(マイクなど)を取り扱う方法

VueCLIで構成したウェブアプリ内でスマホやPCに接続されたマイクの音を取り扱いたいと考えています。開発PCで立てた開発サーバーにローカルネットワーク内からiPhoneや他のPCからアクセスして動きを確認したいのですが、開発PC以外の端末ではマイクを取り扱うことができません。調べたところHTTPSでサーバーを立てる必要があるとのことで、本番ではうまく動作するのかもしれないのですが、...
ymzkd's user avatar
  • 3
-3
1 回答
562 閲覧数

テキスト画面をコピーしてHTMLで表示したい [クローズ済み]

Linuxでコンソールアプリを実行した画面をコピーしてHTMLで表示したところ、綺麗に表示されません。 どうすれば綺麗に表示できるのでしょうか? 再現手順 Ubuntu20.04で以下のコードを実行して出てきた画面を、gnome-terminalの「HTMLとしてコピー」を使ってhtmlファイルとして保存します。 テキストアプリ(bash) selected=$( for i in `...
dameo's user avatar
  • 269
0
1 回答
149 閲覧数

iPhone上の特定の位置を認識して自動でコピーする機能が欲しいです

iPhone上の特定の位置(毎回識別する位置は変わらない)の場所を認識してコピーしてくれるコードが欲しいです。図2の様にショートカットアプリに埋め込んで使いたいです。 起動はショートカットにしてassistivetouchから行う予定です。
イデンティコン's user avatar
0
1 回答
793 閲覧数

拡張機能で拡張機能内のjsonファイルを読み取りたい

全体のやりたいこと webサイトで実装されている通知を拡張機能で検知し、ブロックリストに登録されているurlが遷移先urlになっている場合通知をブロックする 拡張機能で拡張機能内のjsonファイル(ブロックリスト)を読み込んでjsonファイル内に登録されているurlと取得してきた遷移先urlと比較したい。 方法はfetchでもxmlhttprequestでも構いません。 今回やりたいこと ...
te94d's user avatar
  • 17
0
0 回答
133 閲覧数

eel処理がモック化出来ない

ご存知でしたら、ご教授下さい。 eelで下記jsで定義したメソッドがあります。 eel.expose(view_log_js) function view_log_js(text){ result.value += text + "\n" } これをpython側で呼び出しています。 @eel.expose def fetch_items() ...
FUJINO's user avatar
  • 31
0
1 回答
149 閲覧数

マインクラフトで5×5の縦ブロックポールを作りたい

マインクラフト JavaScript やりたいこと 1.エージョンがいるポジションに三つのブロックを縦に並べる 2.二歩進んで、再度同じブロックをエージョンとの位置に縦に並べる 3.2を繰り返しながら四角5×5になるように一周したい □□□□□ □  □ □  □ □  □ □□□□□ 上記のような形にしたい なぜかエージェントが途中までで止まってしまう。 なぜかわかるかたご教授ください。 let ...
TEST APP's user avatar
0
1 回答
186 閲覧数

ブラウザ拡張でサイト内で実装されたwindow.open()のurlを開く前に取得したい

全体のやりたいこと サイト内の通知でフィッシングサイトに遷移してしまうのを抑制するために、サイト内でNotification apiを用いた通知が検知された場合は通知のtitleとbodyの内容、遷移先のurlを取得して、ブラックリスト(.json)と照合して一致した際は通知の処理をオーバーライド、不一致の際はそのまま表示させたい。 質問したいこと ・サイト内で実装してあるwindow.open()...
te94d's user avatar
  • 17
-1
1 回答
994 閲覧数

blobデータをJavaScript で圧縮する方法

blobデータを受け取った後にJavaScriptで圧縮して、他のアプリケーションサーバーに転送する事を実現しようとしています。その際に、下記のようにnode-gzipライブラリを使って、blobデータ(fileblobA)を圧縮しようとしました。node-gzipの入力データ型ではblobが扱えないようでしたので、arrayBufferに変更して、圧縮を試みました。...
kn11n's user avatar
  • 11
1
1 回答
1,059 閲覧数

ブラウザ拡張でサイト内で実装されたJavaScriptを上書きしたい

全体のやりたいこと サイト内の通知でフィッシングサイトに遷移してしまうのを抑制するために、サイト内で通知が検知された場合はNotification apiを用いた通知のtitleとbodyの内容、遷移先のurlを取得して、ブラックリスト(.json)と照合して一致した際は通知の処理をオーバーライド、不一致の際はそのまま表示させたい。 質問したいこと サイト内でNotification API ...
te94d's user avatar
  • 17
1
1 回答
178 閲覧数

ブラウザゲーム上で自作のドット絵フォントを表示する方法

HTML、CSS、JavaScript でドット絵のゲームを作ろうとしているのですが、相手のPCにないフォントを表示する方法がわかりません。ライブラリはp5.jsを使っていて、他にライブラリを使う予定はないです。
kakakaka11's user avatar
1
1 回答
582 閲覧数

rails, react-playerとhls.jsを用いてHLS再生の実装をしたい

バックエンドにrailsを使用しており、フロントでreact/typescriptを用いている中で、react-playerとhls.jsを用いたストリーミング再生機能の実装をしたいと考えています。 現状はvideoタグを用いて、Amazon S3においたmp4をcloudfront経由で取得して再生しています。 react-playerはhls.jsとも互換性がありそうですが、...
Kazk's user avatar
  • 13
1
1 回答
197 閲覧数

ファイルの内容を読み込みnode-gzipで利用したい

node-gzipでJavaScriptでファイルを圧縮してサーバーに転送を考えています。 このページの下記のように(<READMEより抜粋>参照)、テキストをインプットとした場合の記載があります。 (ここでは'Hello World') このテキストの部分をファイルを指定して、圧縮したいので、'Hello World'をfileA.txtのように置き換えたのですがエラーになりました。 ...
kn11n's user avatar
  • 11
1
1 回答
315 閲覧数

かっこ内の文字の抜き出しで、結果が空の場合は空文字を返したい

引数 str で渡された文字列から () で括られた範囲を見つけ、その部分の文字列を返します。 () の中身が空の場合は空文字を返します。 () が複数ある場合には最初に見つかった括弧の中身を返します。(最短一致となる) () が見つからない場合はnullを返します。 () の中身が空の場合は空文字を返したいのですが、nullと表示されてしまいます。 ご教示いただけますでしょうか? ...
mkmk's user avatar
  • 21
0
2 回答
1,844 閲覧数

React のルーティング設定で真っ白な画面が表示されてしまう

Reactの画面遷移のためにルーティングを学習中です。 下記のサイトを試しに自身で実施して実行すると、画面が真っ白になりました。 ルーティングの設定 | React Router v6 はじめでもわかるルーティングの設定方法の基礎 最初はサイトのソースをそのままコピー&ペーストで実行すると真っ白です。 そこで調査して、jsonファイルにhomepageを設定しましたが解決していません。 ...
tomo kuma's user avatar
0
1 回答
277 閲覧数

チェックボックス同一ページ複数設置について

htmlでサイトを作成しております。ページ内の申し込みフォームのテーブルにチェックボックスを複数設置して 各項目毎に「全て選択」ができるようにしたいのですが、 現状は全ての項目のチェックボックスが全て選択されてしまいます。 各項目毎に全て選択させるにはどうすればいいでしょうか?初歩的な質問ですいません。 よろしくお願いします。(以下のような記述をコピペして複数配置しています) <form ...
info1265985478's user avatar
0
1 回答
363 閲覧数

DOMParser()したオブジェクトでquerySelector()を行うと結果がnullになる

Webページをfetchして、特定のセレクターの内容を取得したいです。 しかし、下記のコードを実行すると、domTargetがnullとなります。 どうすればセレクターの内容を取得できるのでしょうか。 document.addEventListener('DOMContentLoaded', function() { document.querySelector('.btn')....
mfln's user avatar
  • 3
0
1 回答
702 閲覧数

vue3 apiのresponseをstoreで受け取ったもののfrontにreturnするとundefinedになる。

api側でresponseは受け取れているがそれをvueにうまく返せていない問題 vue <template> <div class="register-wrap"> <h1 class="title">会員登録</h1> <form @submit.prevent="...
F.R's user avatar
  • 13
0
1 回答
289 閲覧数

ElectronのTypescript+Webpackテンプレートが実行できない

Electron Forgeのページに従い、Electronのテンプレートを以下のコマンドを実行してインストールしました。 npx create-electron-app my-new-app --template=typescript-webpack 次に npm run start を実行すると、コマンドウィンドウに以下のようなエラーメッセージが表示されました。 $ npm run ...
suzuki's user avatar
  • 3
0
1 回答
1,485 閲覧数

ESLintでVueファイルのエラーを解消できない

事象概要 Vue3の環境にESLintを導入した後に、Vueファイルにおいて理解できないエラーが発生しており解消できてないです。 コメント箇所でエラーが出ていたり、特段問題なさそうな箇所でエラーが出ているので、ESLintが出しているエラー内容と実態が合致しないように感じます。 .eslintrc.json { "env": { "browser&...
skkd's user avatar
  • 3
0
1 回答
124 閲覧数

CPUバインドな処理でプログレス表示を付けたい

CPU バインドな for ループがあってそこで進捗表示みたいなのをつけたいです 途中に DOM 操作を挟んでも全部終了するまで表示更新されません 処理を末尾再帰関数に分離して setTimeout とかをはさんで イベントループの中断をはさめばできると思うんですが プログラムを大幅にかえないといけなくなるので for 文のまま挿入するだけでできる画面更新方法って無いでしょうか ...
user avatar
2
1 回答
1,942 閲覧数

GAS で xml の指定要素を取り出したい

GAS を使ってブログの更新を見張って通知するようなプログラムを作ろうと思ってます https://web.plus-idea.net/2018/04/google-apps-script-xmlservice-parse/ こちらを参考にして外部サイトのページ内容を取得することはできたんですが XmlService というライブラリによるxml のパースがうまくいかず ...
user avatar

1
3 4
5
6 7
61