HTML/CSS/JavaScript

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

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

自分用メモ。 clearAllMocks 以下を初期化する。 mockFn.mock.calls mockFn.mock.instances resetAllMocks 以下を初期化する。 clearAllMocksの内容 mockImpl...

忘れそうなので手順をメモしておきます。 自分は以前、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 × ×...

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

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

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

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

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

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