/** Geminiが自動生成した概要 **/
この記事では、ウェブサイトのSEO対策として画像ファイルサイズの削減に焦点を当てています。GoogleのJPEGエンコーダGuetzliを導入することで、画像品質を維持しながらファイルサイズを大幅に削減できることを実例で示しています。具体的には、115.8kbの画像がGuetzliによって9.4kbまで圧縮され、80%以上の削減に成功しています。また、PageSpeed InsightsによるWebP等の次世代フォーマットの推奨についても触れつつ、Safari非対応やPageSpeed Module導入によるパフォーマンス低下を理由に現状では採用を見送っていることを説明しています。
/** Geminiが自動生成した概要 **/
さくらのVPSでSSD 30GBの容量がひっ迫し、バックアップ不調に陥った筆者が、追加ストレージ（NFS）を導入して容量不足を解消する手順を解説しています。
Ubuntu 18.04.2環境を前提に、コントロールパネルでスイッチと100GBのNFSを契約し、アプリケーションサーバとNFSサーバ双方のネットワーク設定を行います。その後、SSH経由でアプリケーションサーバにNFSクライアントをインストールし、指定ディレクトリ（例: `/var/www/html/storage`）にNFSをマウント。サーバ再起動時にも自動マウントされるよう設定することで、画像データなどの大容量ファイルを外部ストレージに移行し、安定稼働を実現します。SOY CMS向けNFSプラグインの情報も掲載されています。
/** Geminiが自動生成した概要 **/
Go言語でWebサイトから画像を取得し、ローカルに保存する方法を解説しています。`http.Get`で指定URLの画像データを取得し、`ioutil.ReadAll`でレスポンスボディをバイトスライスとして読み込みます。`os.Create`で新規ファイルを作成し、`file.Write`で取得したバイトデータを書き込むことで、画像ファイルを保存します。サンプルコードでは"植物のミカタ"の画像URLを使用し、"sample.jpg"として保存しています。記事では、HTTP GETリクエストとファイル作成の基本についても触れており、関連する記事へのリンクも提供しています。
/** Geminiが自動生成した概要 **/
画像を複素数の集合としてガウス平面に描画し、π/4回転かつ1/2スケーリングを行う方法について記述されています。スケーリングは複素数を1/2倍、回転はe^(θi)を乗算することで実現します。θにπ/4を代入することで45度回転します。オイラーの公式e^(θi) = cosθ + i*sinθに基づき、Pythonの内包表記を用いて効率的に計算しています。最終的に、スケーリングと回転を組み合わせた処理を行い、目的の画像変換を実現しています。
/** Geminiが自動生成した概要 **/
生物学出身の筆者は数学を学び直す中で、行列プログラマーの練習問題1.4.10に挑戦した。画像は多重リストとして読み込まれ、各要素は色のタプルを持つ。課題は内包表記を用いて、明度120以下のピクセルを複素数に変換し、ガウス平面にプロットすることだった。
初期の試行ではy軸が反転したため、画像の高さを利用してy座標を調整することで解決した。最終的な内包表記は`pts = {(x+(189 - y)*1j) for (y, d) in enumerate(data) for (x, v) in enumerate(d) if v[0] < 121}`となり、正しく画像をガウス平面にプロットできた。
/** Geminiが自動生成した概要 **/
SOY CMSでサイト表示を高速化するために、表示直前にサーバ側で画像リサイズを行う方法を紹介しています。Google PageSpeed Insightsで低評価を受けた画像サイズの問題を解消するため、サムネイルプラグインではなく、SOY CMSの隠し機能を活用。
具体的には、カスタムフィールドに画像パスを入力し、imgタグのsrc属性に`im.php?src=[画像パス]&width=[幅]`を指定することで、動的にリサイズされた画像を表示。従来のHTMLのwidth属性による縮小表示よりもパフォーマンスが向上し、PageSpeed Insightsのスコアも改善。
記事では、設定変更前後の具体的なコード例やスクリーンショットを交えながら解説。リサイズ処理はJPEG、PNG、GIFに対応し、作業フローを簡略化しつつサイト高速化を実現。次回、CSSや画像のキャッシュ設定について解説予定。