現象 原因 解決策: Service Binding を使う まとめ 参考 今回はタイトル通りの内容に出くわしてしまったので、備忘録として記事を記載します。 現象 OpenNext(@opennextjs/cloudflare)を使ってNext.jsアプリをCloudflare Workersにデプロイしました。 Server…
はじめに i18nとは 対象項目 i18nとl10nの違い 終わりに 参考 はじめに こんにちは！あめくです！ 今日はアプリケーションを作成する際に出てきた言葉「i18n」が何かを調べてみました。 i18nとは さまざまな地域、言語、文化が異なるターゲットオーディエン…
はじめに word-breakとは 主な値と動作 normal(デフォルト値) 表示の確認 break-all 表示の確認 keep-all 表示の確認 他の値 まとめ 参考 はじめに こんにちは！あめくです！ 今回はCSSを用いて改行したいことがあったので、 word-break について調べてみま…
はじめに !importantとは 使い方 実際の使用例 優先順位について !importantの問題点 デバッグが困難になる 優先順位の混乱 まとめ 参考 はじめに こんにちはあめくです！ 自分はCSSが苦手ということもあり、全体のCSSを加味して一部を変更するのがとても苦…
はじめに レインボーテーブルとは レインボーテーブル攻撃 攻撃の流れ なぜ効果的なのか レインボーテーブル攻撃を防ぐ方策 ソルト(Salt)の使用 ストレッチング(繰り返しハッシュ化) 適切なハッシュ関数の選択 ハッシュ化と暗号化の違い まとめ 参考 はじめ…
whoisとは？ インストール方法 基本的な使い方 ドメイン名を調べる IPアドレスを調べる どんな情報がわかるのか 1. ドメインの基本情報 2. 所有者情報 3. ドメイン管理会社（レジストラ） 4. DNSサーバー情報 いろいろな使い方 必要な情報だけを表示 怪しい…
エンジニアだけどユニットエコノミクスを考えてみた。 ユニットエコノミクスとは 「LTV(顧客生涯価値)」と「CAC(顧客獲得コスト)」という2つの指標 LTV(顧客生涯価値) なぜLTVが重要なのか LTVの基本的な計算式 計算例 他の計算方法 LTVを向上させる方法 CAC…
何が起きたのか 対策 git mv コマンドを使用する（推奨） 一時的な名前を経由する core.ignoreCase を false に設定する まとめ MacでGitを使用してると、ごくたまにファイル名の大文字小文字で躓くことがありませんか？？ 私はたまにこの事象で躓くことがあ…
--expose-gcのオプションを指定することで何ができるのか 使い方 アプリ起動時にフラグを指定 コード内で手動GCを実行 どんな時に使う？ 注意点 まとめ 参考 Node.jsには手動でGCを実行するためのコマンドラインオプションがある。 それが --expose-gc だ！ …
HonoConfとは何か セッショントーク 12:30 - 13:00 オープニング 13:00 - 13:25 トーク 13:25 - 13:50 トーク 13:50 - 14:00 休憩 14:00 - 14:25 トーク 14:25 - 14:50 トーク 14:50 - 14:55 休憩(おやつ配布) 14:55 - 15:10 トーク 15:10 - 15:15 休憩 15:…
はじめに 前提 環境 Node.jsのバージョンアップでエラー発生 原因: ビルドツールの動作変更 Node.js 18.x + Vite 3.x 環境での動作 Node.js 20.x + Vite 5.x 環境での動作 補足 @types/css-modules の型定義とのギャップ 対応方法：?raw を使って明示的にCSS…
はじめに プリミティブ型と参照型の違い プリミティブ型（値比較） オブジェクトや配列(参照比較) まとめ その他(配列を正しく比較する方法) 1. JSON.stringify を使う（簡易的な方法） 2. 要素を個別に比較 3. ライブラリを使う その他(オブジェクトを正し…
はじめに 問題: 不要な再実行が発生する 従来の対処方法とその問題点 解決策: useEffectEventを使う 何をしているのか？ 動作の違い useEffectEventなし useEffectEventあり useEffectEventの特徴 イベントハンドラに似た動作 リアクティビティの「鎖」を断…
はじめに 概要 <Activity> とは？ 2つのモード 従来の方法との違い 条件付きレンダリングの問題点 <Activity> による解決 実用例1: タブUIでの状態保持 従来の実装 <Activity> を使った実装 実用例2: 次の画面を先読みして高速化 実用例3: 動画プレーヤーの制御 従来の方法：条件付きレンダ</activity></activity></activity>…
使い方 インストールして使う場合 npxで使う場合 試してみる プロジェクト作成 localtunnelの実行 注意点 確認後 まとめ セキュリティ上の注意 時々PCで開発してる際にlocalhostで立ち上げたWebサイト等をスマホで確認したいなと思う時はありませんか？？ 自…
はじめに writing-modeを試してみた text-orientationを試してみた mixed を指定 upright を指定 まとめ 参考 はじめに 昨日 フロントエンドカンファレンス東京 2025 というフロントエンドに関する大規模なカンファレンスに参加してきました！ 場所は渋谷に…
やりたいこと 使用するSVGアイコン SVGファイルの出力 SVGファイルに色を設定 まとめ 参考サイト SVGファイルを扱いその画像に対して条件ごとに色を設定する必要があったため、 今回備忘録としてブログに記載したいと思います。 やりたいこと 今回やりたいこ…
こんにちは「あめく」です。 先日の11月3日(日曜日)にオフラインで行われた技術書典17に行ってきました！！今回は会社の方に誘われて、一緒に行くことになりました。 # まず技術書典とは wikiを確認すると下記のように記載されてます。> 技術書典（きじゅつ…
