Web Design Leaves

Visual Studio Code で突然エクスプローラーのアイコンが消える（エクスプローラーが表示されない）現象が発生しました。 きっかけと原因は不明ですが、解決方法を掲載します。 解決方法 コマンドパレットを開いて以下の表示位置を初期状態（デフォルト）に戻すコマンドを入力して実行します。 View: Reset View Locations 参考：Fi…

続きを読む

video 要素や audio 要素で JavaScript を使って currentTime に0以外を設定すると、iPhone では期待通りに動作しません（0を設定する場合は問題ありません）。 例えば、以下を設定すると、PC では Chrome や Firefox、Safari では13秒の時点から再生されますが、iPhone では最初（0の位置）から再…

続きを読む

通常、疑似要素は JavaScript で直接操作できませんが、Web Animation API を利用すると比較的簡単に素の JavaScript でアニメーションを設定することができます。 animate() メソッドの第2引数（または KeyframeEffect() の第3引数）のオブジェクトで pseudoElement プロパティに疑似要素を指…

続きを読む

Windows では、Chrome のすべての設定とメニューを希望の言語で表示するように設定できますが、Mac または Linux の場合、パソコンで使用しているデフォルトのシステムの言語で自動的に表示されます。 Google Chrome ヘルプ：Chrome の言語の変更とウェブページの翻訳 そのため、Mac の場合、Chrome の設定からはデフォルト…

続きを読む

TypeScript で name などの特定の識別子を使って変数を定義するとコンパイルエラーが発生します（ファイルがモジュールでない場合）。 index.ts const name: string = 'foo'; console.log(name); % npx tsc //コンパイルを実行 src/index.ts:1:7 – erro…

続きを読む

macOS Ventura をクリーンインストールしてアップグレードした iMac（Intel）に ESET CYBER SECURITY PRO をインストールしたところ「コンピューターは保護されていません」というエラーになってしまいました。 これは既知の問題で、以下のサポート情報のページに解決方法が掲載されています。 macOS Mojave 10.14…

続きを読む

本日突然、WordPress を更新しようとすると「更新に失敗しました。 返答が正しい JSON レスポンスではありません。」と表示され、更新ができなくなりました。 プロバイダーは ConoHa Wing で、静的なサイトに部分的に WordPress を使っています。 管理画面のサイトセキュリティを確認すると、WAF のログに自分の IP アドレスが「攻撃…

続きを読む

Rellax.js を npm インストールして webpack でバンドルして使おうとしたら、エラー（Uncaught ReferenceError: Rellax is not defined）となったので対処法の覚書です。 Rellax.js のサイトにあるように npm install で rellax をインストール $ npm install r…

続きを読む

ConoHa Wing を使って運用しているサイトで、.htaccess で www あり・なし統一（正規化）を設定後しばらくしてから機能しなくなり、URL によってはリダイレクトエラーになってしまう現象が発生したのでそのメモです。 原因は ConoHa Wing のコンテンツキャッシュでした。 対応策：コンテンツキャッシュを OFF にして解決 経緯 約1…

続きを読む

【追記】 バージョン 5.1.3 では sass での除算の代わりに乗算を使用する（例えば 1/4 にするには 0.25 を掛ける）ように変更されて、 Warning は出ないように改善されています。 関連ページ：SASS の使い方（除算とスラッシュ） npm パッケージ を使って Bootstrap 5 をインストールしてビルドする際に sass のパッケ…

続きを読む