auです。JavaScriptにfor...ofとかいう便利なのあったなーと思ったので記事にしてみます。for...ofを使うことで、配列を処理するループができます。 const fruits = ['リンゴ', 'バナナ', 'ぶどう']; for (const fruit of fruits) { console.log(fruit); } …

auです。JavaScriptで正規表現を行った際に理解したことを書いておこうと思います。 var date = '2021/03/25' var pattern = /\d+/g; var date_result = date.match(pattern); > ["2021", "03", "25"]patternは「スラッシュ」で囲むことで、正規表現のパター…

auです。今後は入社前研修の勉強を一日1つずつくらいのペースで終わらせないとやばいという自体に気づいてしまいました。今回はJavaScriptの連想配列で変数を指定する方法について調べました。 var key = 'hoge'; var associative_array = {key: 'value'}; c…

auです。JavaScriptを使っていて、何も値が入っていない変数を指定すると「undefined」という返り値になることをしりました。そこで、これを使って分岐処理をしようとしたのですが、うまくできなかったので調べてみました。 最初にやったことはこんな感じで…

auです。JavaScriptで連想配列を使ったので、自分が使ったやり方をまとめておこうと思います。 var data = {}; data['test'] = 'testdata'; // {test: 'testdata'}ができる data['hoge'] = 'hogehoge'; // {test: "testdata", hoge: "hogehoge"} data['hoge'…

auです。JavaScriptでこの処理になったら分岐したらexitのような処理で強制的に終了させたいなーと思ったのですが、できなようだったので代案を調べてみました。 try catchを使う try catchを使い、exitの処理をしたかったらエラーを投げると言うやり方です…

auです。JavaScriptを使ってページ内で使われているフォントが取得できるのか気になったのでやってみます。デバッグがしやすいのが便利なのでそのままはてなに埋め込んでみます。 function click_ok() { var cssv = getComputedStyle(title,'').fontFamily; …

auです。JavaScriptをHTMLで記述している際に、ロード時にAPIを叩き、その情報をもとにグシャグシャしていくということをやりました。Google Maps APIを利用した際は、Google Maps APIを埋め込む際に、関数を実行するオプションを書くことができるので解決し…

auです。今日は、JavaScriptで重複するデータを削除するコードを書きました。最初はこの方法で書いていました。 filterを使って、同じデータの場合を削除しています。 genreData.filter(function (x, i, self) { return self.indexOf(x) === i qiita.comしか…

auです。Google Maps APIを使って吹き出し付きのマーカーを複数設置してみました。調べてみるとたくさん出るので、やり方は複数ありそうです。 やり方 function markerEvent(i) { marker[i].addListener('click', function() { // マーカーをクリックしたと…

auです。Google Mαpにマーカーを表示させるのですが、必要な情報はデータベースの方に置いてあります。データベースから値を取得→マーカーを設置という順番にしたかったのですが、最初はうまく行きませんでした。 先にマーカーを設置するコードが動いてしま…

auです。Google Maps APIをJavaScriptで使っている際に、Uncaught (in promise)というエラーに巡り合い、解消するのに時間がかかってしまったので解消法を書いておこうと思います。 エラー文 エラー文の詳細は以下の通りです。 Uncaught (in promise) ne {me…

auです。Pythonだったら python test.py C言語だったら ./a.outこのように、ターミナル上でファイルを実行して結果を得ることができます。そういえばJavaScriptでやったことないなと思ったので調べてみました。 やり方 Macではデフォルトで存在する「JSC」と…

auです。Vueを使って開発しています。値の確認のために、alertやconsole.logを多用します。その際に、配列や連想配列をそのまま表示しようとすると、「object Object」と出てしまいます。 alert(this.hoge) 値の中身見れるとすごく楽なんだけどなーと調べて…

auです。Vueを使って開発しているときに、値の確認で console.log(変数名) 結構な頻度でconsole.logと打つので、自動保管があってもなんとなくめんどくさいなと思ってました。Qiitaをみていると、ちょうど解決できる記事を見つけたので入れてみました。qiita…

auです。今日は、JSで使われるDOMについて調べました。 DOMとは DOMとは、Document Object Modelの略称です。DOMを利用することで、HTMLやXMLからJavaScriptにアクセスすることができます。アクセスの方法は、「getElementById()」を使うことが多いようです…