はじめに 私自身、以前SPAアプリケーションを作っている最中にオリジン間リソース共有 (CORS)に関するエラーにかなりはまってしまったので、関連用語を整理し、理解を深めるためにこの記事を書くことに…
GoogleMapsAPI使ってたら、警告が出てるので修正しようと思う google.maps.event.addDomListener() is deprecated, use the stand…
Google Maps JavaScript APIには地図アプリによくある現在地を示す青丸のアイコンを表示する機能が提供されていないみたいですね。 自力で作るしかなさそうです。 ドキュメントを読む…
setter / getter getterとsetterは、オブジェクトのプロパティにアクセスするための特殊なメソッド これらのメソッドを使用することで、プロパティの値の取得と設定をカスタマイズす…
super 親クラスのメソッドやコンストラクタを呼び出すためのキーワード ▼ コンストラクタ内で親クラスのコンストラクタを呼び出す場合: class Child extends Parent { c…
classとは コンストラクター関数をクラス表記で書けるようにしたもの JavaScriptにおけるクラスは、オブジェクト指向プログラミングの概念を実現するための仕組み クラスはオブジェクトの設計図…
プロトタイプ継承 別のコンストラクター関数のプロトタイプを継承して機能を流用できるようにすること ※「継承」とは違う 継承は別のコンストラクター関数自体を受け継ぐこと // 親クラス functio…
はじめに Web制作では切っても切り離せない存在の「JavaScript」。 難しいイメージがあり、敬遠される方も多いのではないでしょうか？ ですが、WebデザイナーでもWebコーダーでもJavaS…
やりたいこと 配列 'Array'の要素の数だけ、API 'featchData'と通信を行い、その処理が全て終わり次第、後続の処理を行いたい 実装サンプル let Array = [{name: …
Fragmentとは？ コンポーネント中の要素をまとめるラッパー機能。 並列に複数の子要素を返すコンポーネントの宣言に使う。 https://ja.legacy.reactjs.org/docs/f…
以下のような構成を取ればいい。 flowchart LR A[Gmail] -- 取得 --> B[Google Apps Script] B -- API --> C Gmail APIの面倒さ …
前回の記事 https://qiita.com/koinunopochi/items/b5a7779a96ea63101078 ここで、XSS対策を避けながら記述する方法記したが、自分で使わないこと…
概要 Thymeleafのfragment属性を使ってモーダルを子要素として切り出す。 モーダルはBootstrap4を使用して作成する。 完成イメージ 宿泊プラン一覧 ↓ 「空室確認」を押すとその…
ハイサイ！オースティンやいびーん 概要 Bunのサーバーでリクエストからクエリパラメータをパースする方法を紹介します。 Bunとは BunはNode.jsに代わるJavaScriptのランタイム環境…
はじめに Sequelizeを使ってDBマイグレーションをやる方法2つを試してみたにある通り、ORMのモデルからDBスキーマを作成・更新するというのが一般的だろう。ただその場合、以下のような課題もあ…
前置き Electronは、Web技術を用いてクロスプラットフォームアプリを開発できる便利なフレームワークです。自分は主に複雑なUIが必要な中規模アプリの開発にElectronを使っています。 さて…
概要 ユースケースとしてあまり無いかもしれませんが、JavaScriptのMapオブジェクトをReactのStateで管理する場合、どう更新するのかというのがふと気になりました。 Mapオブジェクト…
はじめに Firestoreで行うリアルタイム更新 + 無限スクロールの実装第二弾です。 Typescript + Reactで作っていきます。 私が考えるに、これには大きく分けて２つの方法がありま…
前書き Chromeでソースと同じ文字列が表示されればよしとする。 先に結論 <script>s=`/*3kawqkqa8v3repjnjj df 66 av bsh gr du nq sucr7 …
