ヘテムルでmas_input_varsを1000以上に設定する方法

ヘテムル（heteml）のコントロールパネル上でPHPの設定を色々変更できますが、mas_input_varsのMAXが1000までしか設定できませんでした。 レンタルサーバーなのでroot権限になってサーバー上で直接変 ...

ヘテムルでSPFレコードが自動で付与される件について

ヘテムル（heteml）のレンタルサーバー上に構築したWordPressに問い合わせフォームを実装し、問い合わせした人に対して「お問い合わせありがとうございました」の自動返信メールを送りたかったのでSPFレコードを設定す ...

マラソン大会に出場するときに注意すること（初心者向け）

マラソン初心者の私がアドバイスするのはおこがましいですが、マラソン初心者の方がマラソン大会に参加するときのアドバイスです。 マラソンの走り方とかトレーニング方法とかは書いていません（そんなアドバイスができる実力も知識もな ...

社会人が仕事で使用するカバンはリュックがおすすめ

こんにちは。 皆さんは仕事で通勤用にどんなカバンを使っていますか？ 手に持つタイプ、肩にかけるタイプ、ショルダーバッグなど色々種類はありますが、私はリュックをお勧めします。 リュックタイプのメリット・デメリットを書いてい ...

GA4で開発環境のアクセスを除外する

ユニバーサルアナリティクス（UA）でフィルタで除外したいドメインを指定することで開発環境・テスト環境のアクセスを除外することができましたが、Googleアナリティクス4（GA4）では2022年5月8日現在、フィルタでドメ ...

2022年10月〜12月の関東近辺のマラソン大会まとめ

今シーズン出たいと思っている関東近辺のマラソン大会をまとめてみました。 東京レガシーハーフマラソン2022 公式サイト 開催日：10/16(日) エントリー期間：5/26(木)〜6/9(水) 一般ランナー エントリー料金 ...

第2回東京豊洲ハーフマラソン2022に参加してきました

2022年4月30日(土)に豊洲ぐるり公園で開催された第2回東京豊洲ハーフマラソン2022に参加してきました。 豊洲ぐるり公園でのマラソン大会は過去にも開催されていてずっと参加したいと思っていましたがなかなか予定が合わず ...

JavaScriptやTypeScriptで出てくる記述の意味や名称など

初めてES2015のJavaScriptやTypeScriptのコードを読んだときに「この記述の意味と読み方はなんだ？」と思ったことが多かったのでまとめました。 ??（Null合体演算子） クエスチョン（はてなマーク）が ...

立川シティハーフマラソン2022に参加しました

2022年3月12日に行われた立川シティハーフマラソンに参加してきました。 3年ぶり2回目の参加です。 前回参加したときは仕事が忙しくて疲れており、練習もできていなかったので自己ワーストを更新する結果でした。 今回は練習 ...

【Firestore】firestore.rulesの正規表現のエスケープで詰まった

firestore.rulesのmatchesは正規表現が書ける。 例えば、下記のように書けばnameが「ダボハゼ」か「半魚人」にマッチした場合のみuserコレクションに書き込まれる。 「|」はメタ文字なので、もしnam ...

【Firestore】firestore.rulesの正規表現のエスケープで詰まった

firestore.rulesのmatchesは正規表現が書ける。 例えば、下記のように書けばnameが「ダボハゼ」か「半魚人」にマッチした場合のみuserコレクションに書き込まれる。 「|」はメタ文字なので、もしnam ...

コロナ禍での体調不良が地獄だった件

4年前にインフルとカンピロバクターに立て続けにかかって以来、久しぶりに大きく体調を崩しましたのでその辺りのこと書いていきます。 地獄の始まり 症状① 2/9(水)の17時ぐらいに体のダルさを感じるが「いつも最近仕事が忙し ...

【GA4】特定IPアドレスからのアクセスを除外する

gcloudでよく使うコマンドまとめ

プロジェクトを切り替える gcloud config set project プロジェクトID プロジェクト一覧表示 gcloud projects list 現在のプロジェクト表示 gcloud config list ...

【GCP】google cloud functionsにローカル環境からデプロイする

google cloud functionsにローカル環境からデプロイする方法です。 Cloud SDKがインストールされていることが前提なので、インストールされていない方は公式サイトを参考にインストールをお願いします。 ...

【Next.js】Imageコンポーネントでbackground-imageを実現する

素直に「background-image」を使った方がいいかもしれませんが、background-imageだと画像の遅延読み込みや最適化ができないので。 Google PageSpeed Insightsでも怒られるの ...

【Next.js】Imageコンポーネントにstyleを適用する方法

Imageコンポーネントにstyleを適用する方法です。 TailwindCSS、styled-jsxではImageコンポーネントにstyleが適用されず、CSS-in-JSはImageコンポーネントには使用できないので ...

Next.jsでURLの直打ちとページリロードを防ぐ方法

Next.jsで同じサイト内のボタンとかリンクを押して遷移するのはOKでもURLを直打ちやページのリロードは防ぎたいことがあったのでその方法です。 ちょっと強引です。 before.tsx import { useRou ...

React Hook FormとFirestoreで更新フォームを作る

React Hook Formで登録フォームを作る方法はサンプルがたくさんありますが、更新フォームは少なかったので作ってみました。 import { initializeApp } from "firebase/app" ...

Cloud Functionsのリージョンを変更する（ウェブバージョン9）

Cloud Functionsのリージョンはデフォルトではus-central1で実行される。 下記のようにregionパラメータでリージョンを設定すれば、関数が実行されるリージョンを変更できる。 constfuncti ...

Chromeの拡張機能をChromeウェブストアで公開する

自分で作成したChromeの拡張機能をChromeウェブストアで公開する方法です。 デベロッパー登録 Chromeウェブストアで公開するにはまずChromeウェブストアのデベロッパー登録が必要です。 こちらよりデベロッパ ...

Chromeの拡張機能の作り方

Google Chromeの拡張機能を作り方の概要です。 「とりあえず作ってとりあえず動かす」を目的としているので、詳細を知りたい方はChrome Developers のページをご覧ください。 Chromeの拡張機能は ...

https://dabohaze.site/ga4-how-to/

GA4になってからアナリティクスの使い方が変わったのでメモします。 ページごとのユーザー数、PV数を調べる方法 左サイドメニューからエンゲージメント>ページとスクリーン と進み、「ページ タイトルとスクリーン クラ ...

ReactでCSVをアップロードしてFirestoreに保存する

ReactでCSVをアップロードしてFirestoreに一括で保存する機能を作りました。 事前準備 CSVのアップロード、取り込みにはreact-dropzoneとreact-papaparseを使いました。 react ...

Verceで独自ドメイン

Verceで独自ドメインを使用する方法です。 ※独自ドメインを利用するためには有料プランに入っている必要があります。 まず独自ドメインを使用したいプロジェクトの「Settings」をクリックします。   左サイ ...

SendGrid

SendGridでメールが届かないことがあったのでログに下記のように書かれていました。 554 5.7.1 Service unavailable; Client host [xxx.xx.xxx.xxx] blocke ...

「Firebase App named ‘[DEFAULT]’ already exists」エラーの解消法

React × Firebaseを使っていたら「Firebase App named ‘[DEFAULT]’ already exists with different options or co ...

「Firebase App named ‘[DEFAULT]’ already exists」エラーの解消法

React × Firebaseを使っていたら「Firebase App named ‘[DEFAULT]’ already exists」というエラーが発生しました。 ちょっと前でしたら「Fir ...

Reactで環境変数を使う

Reactで環境変数を使う方法です。 一番簡単に使うだけなら、Reactのルートディレクトリに「.env」ファイルを作成して、「REACT_APP_XXXXX=”xxxxx”」と定義するだけで使え ...

2022年の祝日・連休情報

2022年の祝日、連休情報です。 2022年は祝日が16日あります。 1/1(土)　元日 1/10(月)　成人の日 1/8(土)〜1/10(月)で三連休になります。 2/11(金)　建国記念の日 2/11(金)〜2/13 ...

漫画のキャラってガリガリの人が多い気がする

漫画に登場するキャラクターは身長が高くて痩せててスタイルがいい…もといガリガリな人が多い気がするので調べてみました。 身長、体重(身長に対する適正体重)、BMIも出していきます。 身長と体重は主にwikipediaを参考 ...

FirebaseのFunctionsを使う

FirebaseのFunctionsを使用する方法です。 この記事はFirebaseの下記ドキュメントを参考にしています。 はじめに: 最初の関数の記述、テスト、デプロイ アプリから関数を呼び出す Blazeプランへのア ...

今後のマラソン大会予定

このブログを書いているのが2021年9月18日で、本来ならこれから先はマラソンシーズンなのですが、コロナウイルスのせいでまたしばらく大会には出られなさそうです。 関東近辺で出ようと思っていた大会、開催の可能性のある大会な ...

21年10月の東京マラソンは22年3月に延期、22年大会は中止

2021年10月17日に開催予定だった東京マラソンが2022年3月に延期し、22年3月の大会は中止になることが9月17日に発表されました。 07年に東京マラソンが始まって以降、中止は初とのことです。 東京マラソン　１０月 ...

21年10月の東京マラソンは22年3月に延期、22年大会は中止

2021年10月17日に開催予定だった東京マラソンが2022年3月に延期し、22年3月の大会は中止になることが9月17日に発表されました。 07年に東京マラソンが始まって以降、中止は初とのことです。 東京マラソン　１０月 ...

cronでLet’s EncryptのSSL証明書を自動更新する

私は下記のようにしました！ rootユーザーになったあとcronを編集。 sudo su - crontab -e cronに下記を追記。 0 0 1 */3 * /usr/bin/certbot renew & ...

Nuxt.jsをVercelに自動でデプロイする

Next.jsのアプリをGitHubのリポジトリにプッシュしたら自動的にVercelにデプロイされるように設定します。 GitHubのアカウントは事前にGitHubのアカウントを作成しておきます。 また、事前にGitHu ...

Nuxt.jsをVercelに自動でデプロイする

Next.jsのアプリをGitHubのリポジトリにプッシュしたら自動的にVercelにデプロイされるように設定します。 GitHubのアカウントは事前にGitHubのアカウントを作成しておきます。 また、事前にGitHu ...

Nuxt.jsをVercelに自動でデプロイする

Next.jsのアプリをGitHubのリポジトリにプッシュしたら自動的にVercelにデプロイされるように設定します。 GitHubのアカウントは事前にGitHubのアカウントを作成しておきます。 また、事前にGitHu ...

大阪府のBMI30以上の人へのワクチン優先接種について

大阪府がBMI30以上の肥満の人に新型コロナウイルスのワクチンを優先接種するとのことです。 肥満の人は重症化リスクが高いからとのこと。 大阪府、肥満の人に優先接種　重症化リスク高いBMI30以上対象   正直に ...

大阪府のBMI30以上の人へのワクチン優先接種について

大阪府がBMI30以上の肥満の人に新型コロナウイルスのワクチンを優先接種するとのことです。 肥満の人は重症化リスクが高いからとのこと。 大阪府、肥満の人に優先接種　重症化リスク高いBMI30以上対象   正直に ...

ReactでFirestoreへデータを追加する

ReactでFIrestoreへデータをデータを追加、更新、削除、取得するまでの手順です。 Firestoreのプロジェクトが作成済み、ローカルでReactが動かせることを前提にしているのでその辺りはこちらの記事をご覧く ...

ReactでFirestoreへデータを追加する

ReactでFIrestoreへデータをデータを追加、更新、削除、取得するまでの手順です。 Firestoreのプロジェクトが作成済み、ローカルでReactが動かせることを前提にしているのでその辺りはこちらの記事をご覧く ...

日常生活で無理なく節約をする方法

日常生活で無理なくできる節約方法を考えてみました。 小さなペットボトルは買わない 会社に勤めている方は缶コーヒーや500mlのペットボトルを買う人が多いと思いますが、それをやめましょう。 その代わり、2Lのペットボトル、 ...

日常生活で無理なく節約をする方法

日常生活で無理なくできる節約方法を考えてみました。 小さなペットボトルは買わない 会社に勤めている方は缶コーヒーや500mlのペットボトルを買う人が多いと思いますが、それをやめましょう。 その代わり、2Lのペットボトル、 ...

ReactでYouTubeの動画を埋め込む

ReactでYouTubeの動画を埋め込むには「react-youtube」を使用します。 npmのコマンドでreact-youtubeをインストールします。 npm i react-youtube 単純に埋め込むだけな ...

ReactをFirebase Hostingへデプロイしてみる

Firebaseのプロジェクトを作成して、ReactのプロジェクトをFirebase Hostingへデプロイするまでの手順です。 「Firebaseとは何か」「Firebaseの特徴」とかは書きませんので、他のサイトを ...

ReactをFirebase Hostingへデプロイしてみる

とりあえず、Firebaseのプロジェクトを作成して、ReactのプロジェクトをFirebase Hostingへデプロイするまでの手順です。 「Firebaseとは何か」「Firebaseの特徴」とかは書きませんので、 ...

ReactをFirebase Hostingへデプロイしてみる

とりあえず、Firebaseのプロジェクトを作成して、ReactのプロジェクトをFirebase Hostingへデプロイするまでの手順です。 「Firebaseとは何か」「Firebaseの特徴」とかは書きませんので、 ...

巨人のことを「読売」と呼ぶ人

ヤフコメとかで巨人のことを「読売」と呼ぶ人がいますが、すごい違和感があります。 というのも、例えば「中日ドラゴンズ」だったらスポーツニュースで「中日」と「ドラゴンズ」がそれぞれ独立して使われることがあります。 「中日が3 ...

巨人のことを「読売」と呼ぶ人

ヤフコメとかで巨人のことを「読売」と呼ぶ人がいますが、すごい違和感があります。 というのも、例えば「中日ドラゴンズ」だったらスポーツニュースで「中日」と「ドラゴンズ」がそれぞれ独立して使われることがあります。 「中日が3 ...

Macで「内蔵スピーカー」がなくなり音が出ないときの対処法

Macで音が出なくなり、メニューバーの音量のアイコンをクリックしてもスライダが動かない。 ググってみると「システム環境設定>サウンドの『サウンドエフェクトの再生装置』を『内蔵スピーカー』に変更すれば音量調整ができる ...

Macで「内蔵スピーカー」がなくなり音が出ないときの対処法

Macで音が出なくなり、メニューバーの音量のアイコンをクリックしてもスライダが動かない。 ググってみると「システム環境設定>サウンドの『サウンドエフェクトの再生装置』を『内蔵スピーカー』に変更すれば音量調整ができる ...

【SANGO】WordPressで自分のアクセスをアナリティクスから除外する

WordPressのテーマSANGOで自分のアクセスをアナリティクスから除外する方法です。 ※子テーマを使用していることが前提です。 カスタマイズ>サイトの基本設定>Google Analyticsの設定でア ...

【SANGO】WordPressで自分のアクセスをアナリティクスから除外する

WordPressのテーマSANGOで自分のアクセスをアナリティクスから除外する方法です。 ※子テーマを使用していることが前提です。 カスタマイズ>サイトの基本設定>Google Analyticsの設定でア ...

10年前と比べて変わったこと

いつの間にか社会人になって10年経っていたので10年前と比べて変化したことを書いてみました。 CD・DVDのレンタルをしなくなった TSUTAYAとかでCDやDVDをレンタルしなくなりました。 10年前はCDをレンタルし ...

IT・PCに詳しくない人の特徴をまとめてみた

ITやPCに詳しくない人の特徴をまとめてみました。 自分で調べて解決しようとしない そもそもPCに詳しい・詳しくない以前に社会人としてどうかと思いますが、基本的にPCに詳しくない人は自分で調べたり色々試したりして解決しよ ...

タグマネージャーでインプレッションを測定する

Googleアナリティクスでバナーとかのインプレッションを測定する方法は参考サイトがよくありますが、 Googleタグマネージャーでバナーとかのインプレッションを測定する方法があまり見当たらなかったのでメモしました。 バ ...

ダイエットの敵は残業だと思う

こんにちは。 「ダイエットの敵は残業」という仮説と自分の行動を検証してみました。 ダイエットが成功する秘訣とかは書かれていません。 残業をしていると間食をしてしまう 長時間働いていると当然ですが腹が減りますよね。 例えば ...

Google Tag Managerで Google Analyticsを設定したら直帰率が異常に低くなった

Google Tag Manager(以下GTM)でGoogle Analytics(GA)を設定したら、直帰率が異常に低くなる現象が発生しました。 「低いならいい」というレベルではなく、直帰率が5%とかでかなり異常なの ...

Unityでビルドして実機のiPhoneで動かすと初期画面(青い画面)が表示される

UnityでビルドしてiPhoneで動かすと初期のオブジェクトが何も配置されていない青い画面が表示されることがありました。 Unityの画面上ではもちろんこちらの意図した画面が表示されます。 原因は「Build Sett ...

Unityでビルドエラー

Mac版のUnityでビルドをしたときに「Invalid build path:/users/ユーザー名/Unityプロジェクトのパス」のエラーが発生してビルドができないことがありました。 とりあえず、ビルド先のディレク ...

CSSでサイトをダークモードに対応する

Webサイトもアプリも「ダークモード」に対応したものが増えてきましたが、サイトでダークモードに対応した表示にする場合は「prefers-color-scheme」を使います。 body { background-colo ...

YouTubeにはないVimeoの特徴

動画のアップロードサービスはYouTubeが有名ですが、Vimeoというサービスもあります。 VimeoにはYouTubeにはない特徴がありますのでいくつか紹介します。 ドメイン指定で動画を再生できるサイトを制限できる ...

鉄道会社をやめてプログラマーに転職し年収が半減した男性について

今回はこちらの記事についての感想・意見です。 鉄道会社をやめてプログラマーに転職、年収半減した男性　スクールに80万円投資、紹介されたのは劣悪SES企業 概要は、電車の運転士として働いていた男性が新型コロナによる鉄道会社 ...

【MySQL Workbench】Connectionのバックアップ・復元方法

MySQL Workbenchで設定したConnectionのバックアップ・復元方法です。 バックアップ方法 メニューからTools>Configuration>Backup Connectionsでバックア ...