最近の覚書やメモ
Web 制作に関する個人的な覚書やメモです。記事中の内容やコード等には、誤りなどもある可能性があることをご了承ください。また、内容を利用される場合は、あくまでもご自身の責任においてご利用ください。
New Web 制作リファレンス
もう少し整理された形式のWeb制作参考資料です。
VS Code 「フォルダーを開く」で開くディレクトリ（デフォルトフォルダ）を設定
2023年9月11日
VS Code で「フォルダーを開く」をクリックすると、デフォルトではユーザーのホームディレクトリが開きます。 以下は「フォルダーを開く」をクリックした際に開くディレクトリ（デフォルトのフォルダ）を指定する方法です。 ツールバーから［Code］→［基本設定］→［設定］を選択して設定エディタを開きます。 macOS の場合、ショートカットコマンドの comma…
VS Code でエクスプローラーのアイコンが消える（エクスプローラーが表示されない）
2023年5月10日
Visual Studio Code で突然エクスプローラーのアイコンが消える（エクスプローラーが表示されない）現象が発生しました。 きっかけと原因は不明ですが、解決方法を掲載します。 解決方法 コマンドパレットを開いて以下の表示位置を初期状態（デフォルト）に戻すコマンドを入力して実行します。 View: Reset View Locations 参考：Fi…
video/audio 要素 iPhone で currentTime が設定できない
2023年5月2日
video 要素や audio 要素で JavaScript を使って currentTime に0以外を設定すると、iPhone では期待通りに動作しません（0を設定する場合は問題ありません）。 例えば、以下を設定すると、PC では Chrome や Firefox、Safari では13秒の時点から再生されますが、iPhone では最初（0の位置）から再…
疑似要素を JavaScript でアニメーション（Web Animation API）
2023年4月7日
通常、疑似要素は JavaScript で直接操作できませんが、Web Animation API を利用すると比較的簡単に素の JavaScript でアニメーションを設定することができます。 animate() メソッドの第2引数（または KeyframeEffect() の第3引数）のオブジェクトで pseudoElement プロパティに疑似要素を指…
Mac で Google Chrome のデフォルト言語を変更する方法
2023年3月24日
Windows では、Chrome のすべての設定とメニューを希望の言語で表示するように設定できますが、Mac または Linux の場合、パソコンで使用しているデフォルトのシステムの言語で自動的に表示されます。 Google Chrome ヘルプ：Chrome の言語の変更とウェブページの翻訳 そのため、Mac の場合、Chrome の設定からはデフォルト…
TypeScriptの変数定義時のコンパイルエラー ：ブロック スコープの変数 ‘name’ を再宣言することはできません。ts(2451)
2023年2月8日
TypeScript で name などの特定の識別子を使って変数を定義したり、プロジェクト内で別ファイルなのに同じ変数名を定義するとコンパイルエラーが発生します（ファイルがモジュールでない場合）。 index.ts const name: string = 'foo'; console.log(name); % npx tsc //コンパイ…
macOS Ventura ESET CYBER SECURITY PRO コンピューターは保護されていません
2023年1月24日
macOS Ventura をクリーンインストールしてアップグレードした iMac（Intel）に ESET CYBER SECURITY PRO をインストールしたところ「コンピューターは保護されていません」というエラーになってしまいました。 これは既知の問題で、以下のサポート情報のページに解決方法が掲載されています。 macOS Mojave 10.14…
ConoHa Wing の WordPress 更新に失敗しました。 返答が正しい JSON レスポンスではありません。
2021年9月20日
本日突然、WordPress を更新しようとすると「更新に失敗しました。 返答が正しい JSON レスポンスではありません。」と表示され、更新ができなくなりました。 プロバイダーは ConoHa Wing で、静的なサイトに部分的に WordPress を使っています。 管理画面のサイトセキュリティを確認すると、WAF のログに自分の IP アドレスが「攻撃…
Rellax.js を npm インストールして webpack でバンドル Uncaught ReferenceError: Rellax is not defined
2021年9月8日
Rellax.js を npm インストールして webpack でバンドルして使おうとしたら、エラー（Uncaught ReferenceError: Rellax is not defined）となったので対処法の覚書です。 Rellax.js のサイトにあるように npm install で rellax をインストール $ npm install r…
ConoHa で www あり・なし統一（正規化）が効かなくなる
2021年6月25日
ConoHa Wing を使って運用しているサイトで、.htaccess で www あり・なし統一（正規化）を設定後しばらくしてから機能しなくなり、URL によってはリダイレクトエラーになってしまう現象が発生したのでそのメモです。 原因は ConoHa Wing のコンテンツキャッシュでした。 対応策：コンテンツキャッシュを OFF にして解決 経緯 約1…