JavaScriptRenderからNeonへDB移行したら、間違ったリポジトリを本番運用していたことに気づいた
1. きっかけ：Renderの無料PostgreSQLが90日で消えたある日、いつものように開発中のアプリを触ろうとしたら、DBの中身が空っぽになっていました。一瞬「え、何かやらかした？」と血の気が引きましたが、調べてみるとRenderの無...
設定
JavaScript
JavaScriptReact Native(Expo)アプリをXcodeで実機デバッグするまでの全工程〜Mac miniでハマったポイント総まとめ【iOS開発ガイド】
最近、React Native(Expo)で作っているアプリを、いよいよMac miniのXcodeから実機(iPhone)でデバッグしようとしたのですが、これがもう一筋縄ではいきませんでした。「ケーブルで繋いでビルドボタンを押すだけでしょ...
JavaScript2024年最新版 ああ、やっぱり。文字コードの世界シェアランキング
ふとShift JISって結構対応しているけど、需要あるのか疑問に感じたのでWebサイトの文字コードの世界シェアについて調べてみました。きっかけはVSCodeでSJISファイルの編集をする機会がちょこちょこあって、文字化けが面倒で、なんかも...
業務効率化【アドセンス】「ads.txtファイルの問題を修正してください。」は修正した方が良いのか？【サブドメインでの運用方法も】
Google Adsense（以下、アドセンス）上で、エラーメッセージが出ることがあります。私はずっと放置していたのですが、実はこれ対応した方が収入がアップする見込みがあります。実際、このエラーを修正したところ、広告収入が1.5倍くらいに増...
業務効率化素敵な男性や女性をサイトにお招き出来るようになりました。本当にありがとうございました ～画像生成AIの使用方法～
今回はとある女性が当サイトへ訪問してくださいました。まだ未成年ぽいのに大人なような……なんか不思議な女性です。今回は画像生成AIのお話。少し前から盛大に流行りだした画像生成AIですが、思い立ってやってみることにしました。先ほど登場した読書家...
業務効率化【知らなきゃヤバい】有料から無料へのダウングレードについて～Chatworkの有料プランを検討している方へ～チャットワークの有料後に待っている落とし穴！
自身も利用しているChatworkなんですが、とんでもない落とし穴があるので事前に知っておいた方が良いことをお伝えしておきます。（これは2023年10月03日時点の記事です）「チャットワーク△改悪」「チャットワーク△炎上」というGoogle...
業務効率化アプリケーション、製品、パッケージ、プロダクトにおけるバージョンの数字の意味と付け方【業務効率化】
皆さんはアプリのバージョンとか気にする方でしょうか？何の気なしに利用している分には「ふーん、ん、なんか変わってバージョンアップしたんだな」程度な感触なのではないかと思います。もちろん、ガチエンジニアで「このアップデートと修正があったから、前...
業務効率化Web制作でFlutterやReactのようなホットリロード（もどき？）を実現してコーディング効率を爆上がりさせる方法
Webのコーディングはファイルを編集して、ファイルをアップロードして、ブラウザを更新して初めて修正箇所が分かるのですが、これが非常にめんどくさい。ファイルを編集&保存（F5押下不要）、でブラウザの表示が変わったら劇的に作業効率爆上がりません...
JavaScript初心者も押さえておくべきWebセキュリティ vol.2 『クロスサイトリクエストフォージェリ（CSRF）』からの保護対策
クロスサイトリクエストフォージェリ（以下、CSRF）は、Webセキュリティの重要な脅威の一つです。攻撃者は、被害者のアカウントを悪用し、不正なリクエストを送信することで、ユーザーの意図しないアクションを実行させることができます。この記事では...
業務効率化【インストール不要】サブディスプレイ・モニタにスクリーンセーバーエフェクトを動作させるブラウザアプリ【JavaScript ブラウザアプリ】
先日、使っているノートPCが小さいなぁと感じ、モバイルディスプレイをAmazonのタイムセールで買いました（なんとドイツ製っぽいんですが12,800円也）。そろそろ使い慣れてきたのですが、ふとサブモニタにスクリーンセーバー欲しいな、って画面...
業務効率化【2023年 Ver.21.3】DreamweaverでEmmetを使って光速コーディング【設定・プラグイン不要】
VSCodeでEmmetが使えると紹介しました。『【神速効率コーディング】VSCodeのEmmet（デフォルト）～最低限おさえたい12のテクニック【HTML&CSS】』同様にDreamweaverで出来ないかといろいろ探してみたのですが、古...
JavaScript【JavaScript】スマホの利き手でフローティングボックス（コンバージョンボタンなど）を左右利き手の側へ動的に移動する方法
コンバージョンしたい@media screen and (min-width: 801px){#floating-box { display: none;}}@media screen and (max-width: 800px){#flo...
JavaScriptデベロッパーツールのオーバーライドでHTML, CSS, JavaScriptをブラウザ上で効率的に開発する方法
デベロッパーツールでのオーバーライドとは、WebページのHTMLやCSS、JavaScriptをリアルタイムに編集することで、表示上の見た目や動作を変更することができる機能です。例えば、デザインやレイアウトの微調整や、JavaScriptの...
FlutterDart入門：基本的な構文10個のサンプルから学ぶDartプログラミングの基礎【Flutter】
Flutterアプリケーションを構築するためにはDartという言語を習得する必要があります。ここではFlutterでモバイルアプリを作りたい、Webアプリを作りたいという方に向けてDartの基本的な知識と基本スキルを身に着けられるようにまと...
業務効率化IEモード 開発者ツール（DevTools）でデバッグ作業をより効率的に行う方法とは？
悲しいことに未だにIE対応が必要な企業などのページがあります。一方で既にInternet Explorerは廃止され、WindowsではIEを開くことすら出来ません。しかし、IEモードという未練がましい機能があり、IEにしか対応していないW...