ホームページ管理

レンタルサーバー

2018年よりスターサーバーで運用して参りましたが, 2025年よりロリポップで運用することにいたしました. スターサーバーの無料プランではPHPが使えず, フロントエンドでのJavaScriptしかプログラミングに用いることができませんでした. 訪問者カウンターの設置にバックグラウンド (サーバー上) でプログラムを動作させる必要があったので, ロリポップに移行しました.

ホームページ新機能

虹色グラデーション

タイトルやボタンに虹色のグラデーションを適用し, 非常で派手で目立つものとしました. 統一感はゼロです.

リンクにアニメーション

ハイパーリンクリンクにマウスを重ねると文字が揺れ, 拡大し, 色が変わるものとしました.

マルキー

文字列が画面の端から端へスクロールするものとしました. 重要なメッセージが常に動いており, 逆に可読性が損なわれます.

奇抜なカーソルエフェクト

カーソルを動かすと星やハートが飛び散るエフェクトを追加しました.

訪問者数カウンター

ホームページ訪問者数を誇らしげに表示するものとしました.

BGMの自動再生

サイトを開くと突然大音量で佳曲が流れるものとしました. 訪問者に停止ボタンを探させるストレスを提供します.

極端なフォントの選択

ユニバーサルデザインにそぐわない原色の色を採用しました.

背景画像の多用

ページ全体に繰り返しパターンとして意味不明な画像を使い, 文字が背景に溶け込み, ほぼ読めないようにしました.

過剰なアニメーション

ページ中に無数の点滅するGIFがちりばめられており, 訪問者の視線をかき乱します.

数式

これはインライン数式 $E = mc^2$の例です。$\eqref{eq:einstein}$のように引用できます. \begin{equation} E = mc^2 \label{eq:einstein} \end{equation} コード


            これはインライン数式 $E = mc^2$の例です。\(\eqref{eq:einstein}\)のように引用できます.
        \begin{equation}
        E = mc^2 \label{eq:einstein}
        \end{equation}

図表

表と図を参照してください。

データの一覧
項目0,1	項目0,2	項目0,3	項目0,4	項目0,5
項目1,1	項目1,2	項目1,3	項目1,4	項目1,5


            <a href="#table-1">表</a> と <a href="#figure-1">図</a> を参照してください。<br>
            
            <table id="table-1" align="center" border="1">
                <caption class="mytabcap">データの一覧</caption>
                <tr>
                    <th>項目0,1</th>
                    <th>項目0,2</th>
                    <th>項目0,3</th>
                    <th>項目0,4</th>
                    <th>項目0,5</th>
                </tr>
                <tr>
                    <td>項目1,1</td>
                    <td>項目1,2</td>
                    <td>項目1,3</td>
                    <td>項目1,4</td>
                    <td>項目1,5</td>
                </tr>
            </table>
            
            <figure id="figure-1">
                <img src="images/1.jpg" width="300">
                <figcaption class="myfigcap">サンプル画像</figcaption>
            </figure>

その他

コード

                < &lt;
                > &gt;
                スペース &nbsp;
                スペース × 4 &nbsp;&nbsp;&nbsp;&nbsp;
                ×(掛ける) &tiems;
                & &amp;
                内積・ &sdot;
                プラスマイナス &plusmn;
                 <i>Italic(斜体)</i>
                 <b>Bold(太字)</b>
                 <sub>下</sub>付き
                 <sup>上</sup>付き

ギリシャ文字小文字

ギリシャ文字の小文字
α	α	β	β	γ	γ	δ	δ
ϵ	ϵ	ζ	ζ	η	η	θ	θ
ι	ι	κ	κ	λ	λ	μ	μ
ν	ν	ξ	ξ	ο	o	π	π
ρ	ρ	σ	σ	τ	τ	υ	υ
φ	φ	χ	&chi	ψ	ψ	ω	ω
ε	ε	ς	ς	ϖ	&pvi;	ϱ	ϱ
ϑ	ϑ	ϕ	ϕ

ギリシャ文字大文字

ギリシャ文字の大文字
Γ	Γ	Δ	Δ	Θ	Θ	Λ	Λ
Ξ	Ξ	Π	Π	Σ	Σ	Υ	Υ
Φ	Φ	Ψ	Ψ	Ω	Ω

目次