/** Geminiが自動生成した概要 **/
SOY CMSのカスタムフィールドアドバンスドとサムネイルプラグインの表示速度改善に関する記事の要約です。
記事では、多数の記事を表示する際に発生する表示速度の低下について、その原因と解決策が解説されています。
主な原因は、記事ごとにカスタムフィールドの値を取得する際に、データベースへのアクセスが繰り返されるためでした。
解決策として、記事に紐づくカスタムフィールドの値を全記事分一度に取得し、必要な値のみに絞り込むことで、データベースアクセスを削減しました。
この改善により、特に記事数が50件や100件といった大量に表示する場合に、表示速度の向上が期待できます。
/** Geminiが自動生成した概要 **/
ChromebookのLinuxアプリで日本語入力ができない問題を解決する方法を解説した記事の要約です。
ChromebookのLinux環境では標準で日本語入力ができません。この記事では、fcitx-mozcをインストールすることで日本語入力できるようにする方法を、スクリーンショット付きで丁寧に説明しています。
まず、Linuxターミナルを開き、必要なパッケージをインストールします。次に、設定ファイルを作成・編集し、fcitxを起動するように設定します。最後に、Chromebookを再起動し、入力メソッドの設定で日本語（Mozc）を選択すれば、日本語入力が可能になります。記事では、詳細なコマンドや設定内容、トラブルシューティングについても触れています。
/** Geminiが自動生成した概要 **/
php-webdriverで`content-visibility:auto;`を使用したサイトのリンクをクリックする際、遅延読み込みにより要素が見つからない問題が発生する。`getLocationOnScreenOnceScrolledIntoView()`だけでは不十分で、一度スクロール後にページトップに戻り、再度徐々にスクロールすることで要素を確実に表示させクリックを成功させる方法を紹介。これはページ表示速度の高速化と遅延読み込みによる影響への対策。また、SeleniumによるアクセスをGoogle Analyticsから除外する方法についても言及し、誤った計測を防ぐための設定についても触れている。さらに、関連するelement click interceptedエラーへの対処法の記事へのリンクも提供。
/** Geminiが自動生成した概要 **/
Chrome 85から導入されたCSSプロパティ`content-visibility: auto;`を利用してコンテンツの遅延読み込みを試みた。このプロパティは、コンテンツが画面に表示されるまでレンダリングを遅延させることでパフォーマンス向上に繋がる。
具体的には、`<head>`タグ内にスタイルを記述し、遅延させたい要素に`.content-lazy`クラスを付与した。ファーストビューとなるPC表示時は`content-visibility: visible;`、スマホ表示時はメディアクエリで`content-visibility: auto;`を適用することで、表示状況に応じて遅延読み込みを制御している。
さらに、常に遅延読み込みさせたい要素には`.content-lazy-always`クラスを付与し、`content-visibility: auto;`を適用した。
サイトの読み込み速度が元々速かったため、今回の変更による効果測定は明確ではなかった。
/** Geminiが自動生成した概要 **/
SeleniumとJenkins、php-webdriver、ヘッドレスChromiumでテスト自動化中に、メモウィジェットが原因でelement click interceptedエラーが発生。ヘッドレスモードで画面サイズが不足し、対象ボタンが隠れていたのが原因。ウィンドウサイズを`1024x2048`に設定することで一時的に解決したが、ページサイズに依存するこの方法は最適ではない。スクロールによる解決策も検討されたが、最終的にはCSSを修正し、メモウィジェットが他のボタンと重ならないように調整することで根本解決した。
/** Geminiが自動生成した概要 **/
apt upgrade中に設定ファイルの変更差分を確認したい時、差分表示の最後に(END)と表示され終了方法が分からなくなることがある。その場合は「q」を押せば終了する。EscやCtrl+C、Ctrl+Zでは終了しないので注意。
/** Geminiが自動生成した概要 **/
tmuxでマウススクロールをすると、履歴が表示されてしまい、画面がスクロールしない問題に遭遇した。MySQLの実行結果など、画面に収まらない内容を確認する際に不便だったため、マウススクロールで画面をスクロールできるように設定を変更した。`.tmux_conf`ファイルに`set -g mouse on`と`set -g terminal-overrides 'xterm*:smcup@:rmcup@'`を記述し、tmuxを再起動することで、マウススクロールで画面がスクロールするようになった。