はじめに サーバー側で受け取ったオブジェクトを配列に変換する方法の備忘録です。 mapメソッドを使用するにあたり配列にしろと怒られたので心当たりのある方は是非 結論 Object.entries…
DOM操作一覧 JavaScriptにおける主なDOM操作メソッド 要素の作成 document.createElement(tagName): 指定したHTML要素を作成 const divEle…
はじめに 前回の[僕のlonicでスマホアプリ開発]#2 router設定続きになります。 今回作成するスマホアプリは画面が以下の通りになる想定ですが、 残高確認画面 残高登録画面 口座登録画面 デ…
アロー関数とは、下記のようなコードのうち、(arg1, arg2)から}までの関数の部分を指します。 const arrowFunction = (arg1, arg2) => { console.…
本記事の背景 JavaScriptとJinja2の組合わせの記事が少なくて、明示している記事があまり見かけない。 本日は簡単でかつ便利の事例を紹介する 本記事の前提条件 ・Pythonの基本文法を理…
はじめに 私がまとめたTypeScriptに関する記事一覧になります。もし興味がありましたらご覧になってください。 TypeScriptの基本的な文法・型 TypeScriptの関数・クラスに関する…
Array(times)はtimesを要素数の上限とした配列を作る。用意するだけで中身は全要素空。 Array(4) [ <4 empty slots> ] length: 4 [...Arra…
最終的に作りたいオブジェクト // obj { "1": "a", "2": "b", } 配列を用意し、そこからObjectに変換していく処理 // 要素数が同じ2つの配列をそれぞれ定義 cons…
今回、下記について調べてみました。 オブジェクト型を配列に変換する方法 配列の要素を参照した上でソートする方法 オブジェクト型を配列に変換する方法 // サンプルのオブジェクト const obj …
参考にした動画 https://youtu.be/CcUk46e6TDk 学んだこと ・関数 | MDN ・無名関数 ・アロー関数 関数 ・変数に代入できる。 ・複数の処理をまとめて実行するためのブ…
IntersectionObserverとは？ MDNによると 「交差オブザーバー API (Intersection Observer API) は、ターゲットとなる要素が、祖先要素または文書の最…
はじめに JavaScriptにおけるイベントループについて学び直しました。 イベントループとは何か理解する上で、JavaScriptの特性について解説し順を追って解説していきます。 JavaScr…
javaScript+React学習 https://qiita.com/mkame/items/d7026f755acca9714d31 TypeScript学習 https://qiita.co…
この記事について Atcoderで順列全探索の問題に出会い、コードを調べたので、まとめました。 仕組みについては書いておりません。いつか書けたらと思っています。 参考にした記事 @suzuki-na…
はじめに 今回はフロントエンド側の操作でvideoタグの動画のダウンロードを困難にする方法を紹介します。 「禁止する方法」ではなく「妨げる方法」としたのは、フロントエンドの実装だけで動画のダウンロー…
TypeScriptではenumがあまりいけてない*こともあり列挙型のユニオン型のオブジェクト（オブジェクトリテラル）で代用することが多々あります ここで困ることが稀によくあって、例えば以下のような…
はじめに 画面スクロールの処理について、備忘録として残しておきます。 やりたいこと 編集ボタンを押下し、修正が完了した後、 一覧画面で先ほど押下した編集ボタンの位置まで画面をスクロールさせたい。 ①…
