HTML/CSS/JavaScript

完全に自分用のメモです。（見る場合は、テキトーに流し見してください）たとえば、最終的に👇の関数を実装しなければいけないものとします。const add = (a:number, b:number ) => { return a+b;}★★★...

以下のような2つのファイルがあるとき、a.tsconst a = 1;console.log(a);b.tsconst a = 1;console.log(a);ブロック スコープの変数 'a' を再宣言することはできません。ts(2451...

自分用メモ。clearAllMocks以下を初期化する。mockFn.mock.callsmockFn.mock.instancesresetAllMocks以下を初期化する。clearAllMocksの内容mockImplementati...

忘れそうなので手順をメモしておきます。自分は以前、JavaでAndroidアプリを作ってGoogle Playで公開したことがあります。なのでGoogle Playには以前から登録済みでした。それによって、この記事では抜けている手順もあると...

SSGで個人開発アプリを作っていて、そのアプリを以下のような環境にデプロイしています。 本番：Cloudflare Pages 開発：Vercelこのアプリに、エラー追跡のためにSentryを入れました。そしてきちんとエラーが追跡できるか確...

たとえば、以下のようなclassがあるとします。class Human { name: string; constructor(name:string){ this.name = name; } Hello(){ console.log(`...

以下のようなコードがあったとき、class Human { constructor(public name: string){} SayHello(){ console.log(`こんにちは。私の名前は${this.name}です。`) }...

以下のようなディレクトリ構成で、└📁backend　└📝tsconfig.json　└📝teamA.ts└📁frontend　└📝tsconfig.json　└📝team.type.ts　└📝member.type.tsファイルの中身が以下...

以下のページ様の改良なのですがGoogle翻訳でページを翻訳すると語順がめちゃくちゃになるのを回避するブックマークレット | 迫真の氷結晶こちらのページ様のブックマークレットだと、以下のようなHTMLもspanに変換されてしまい、コードもす...

ブラウザがリソースを取得するまでの流れ。 -> -> -> -> 意味dns-prefetch「DNSの名前解決だけ先にやっとけ」な指示preconnect「HTTPの接続の確立までやっとけ」な指示prefetch「リソースを取ってくるとこ...

違い DefinitelyType： 「いろいろなライブラリ用のTypeScriptの型定義ファイルを公開しようぜー！」なプロジェクトのこと。 またはそのプロジェクトによって作られた型定義ファイルのこと。 flow（日本ではflowtype...

とりあえずザックリ調べたことをメモ。（書いておかないと100%忘れそうなので･･･）キャッシュ関係のHTTPヘッダーには、以下の5つがあります。レスポンスヘッダーリクエストヘッダー問答無用でキャッシュを使う系Expires××Pragmaい...

当記事のh2タグにも適用しています！！😀position:stickyとは？「スクロールした際に、親要素のボックス内の指定した位置に固定させることができるpositionプロパティ」です。例えば以下のように書くと、//HTML<sectio...

最初に結論ザックリ以下のように違います。 Cookie：→サーバーから「お前これ持っとけ」と渡されるデータのこと。Cookieを持たされた人は、そのサイトにアクセスするときに毎回Cookieを持参しないといけない”呪い”にかけられる。 セッ...

今お使いのデバイスの情報です。 上の青枠部分は、JavaScriptで情報を取得しています。 パソコンの場合は、画面幅を変更したり、拡大率を変更したりすると、リアルタイムで数値が変更されます。 デバイスピクセルは、実端末の解像度のことです。...

create-react-appで作ったプロジェクトで、npm startしたところ、以下のようなエラーが発生しました。./node_modules/watchpack/lib/chokidar.jsSyntaxError: C:\User...

結論から言うと、getComputedStyle関数を使えば取得できます。index.html<h1>エヴァンゲリオン</h1>style.cssh1::before{ content:"シン"; color:red;}index.jsco...

ブックマークレットを作るときに気をつけるべき点とかメモ。スコープ スコープを汚さないために、(function(){})()で囲います。 例えば、alert("hoge")を実行したいなら、javascript:(function(){al...