Oboegakiについて
サイト製作の経験はなく、趣味で作り始めたサイトなので間違っている所も多数あると思いますが、参考程度にみていただけると幸いです。
リンクについて
ただし、下記に記載す内容の場合はリンクを禁止します。
- リンク元のホームページに違法な内容が含まれている場合。
- リンク元のホームページの一部に見えるように、当サイトのコンテンツを表示している場合 (フレームを利用したリンクなど)。
スクリーンショットについて
各種データについて
記事を書く際のサーバー環境について
サーバースペック
VPS [※]
ConoHa VPS v2.0 [※] ⇒ ConoHa VPS v3.0(2024/9/12～)
メモリー
2GB ⇒ 4GB(2022/9/30～)
CPU
3コア ⇒ 4コア(2022/9/30～)
SSD
100GB
OS
KUSANAGI 9(CentOS Stream 8) [※] ⇒ KUSANAGI 9(CentOS Stream 9)(2024/9/12～)
導入ソフトウェア
Webサーバー
NGINX [※]
SMTP [※]サーバー
Postfix [※]
PHP [※]
PHP 8
データベース
MariaDB [※] 10
高速化ソフトウェア
WEXAL®Page Speed Technology [※]
CMS [※]
WordPress [※]
WordPressテーマ
Cocoon ⇒ オリジナル(2025/1/24～)
導入プラグイン (WordPress)
Yoast SEO
WordPressのオールインワン型SEO[※]プラグイン。ページコンテンツの解析やサイトマップなど様々な機能があります。
(当サイトでは「functions.php[※]」で細かく設定できるので使用しています)
Advanced Editor Tools
ブロックエディター(Gutenberg)とクラシックエディター(TinyMCE)の機能を拡張し、追加の編集ボタンなどを設置できるようになります。
Highlighting Code Block
prism.js[※]を使用したシンタックスハイライト機能付きのコードブロックを追加します。ブロックエディターとクラシックエディター共に利用可能です。
SimpleTOC
SEOに強い目次ブロックを追加する。JavaScript[※]やCSS[※]を一切使用しないため、読み込みが速い。
Category Order and
Taxonomy Terms Order
ドラッグ & ドロップでカテゴリーとすべてのカスタムタクソノミーと子タームの並べ替えができます。
Enable Media Replace
「メディアの編集」ページで、メディアファイルを新しいファイルと置換ができるようになります。
UpdraftPlus
複数のバックアップ保存先に対応したバックアップと復元プラグイン。ローカルやクラウドストレージ、メールなどに自動スケジュールでバックアップできます。
WP-Sweep
WordPress内の未使用、孤立、重複データなどをボタン一つで掃除できます。また、データベーステーブルも最適化できます。
WebP Express
[現在未使用]
サイトに表示されているjpeg[※]やpng[※]を自動生成したWebP[※]に置き換えることができます。
(WEXALとの併用で速度の低下が発生したため現在使用していません。特定のバージョンでのみ発生する可能性あり)
運営サイト①
【サイト名】
VTbuer Ch.
【サイト説明】
「にじさんじプロジェクト」「ホロライブプロダクション」に所属するVTuber達の動画を「ライブ配信」「ライブ配信予定」「アーカイブ」「プレミア動画」「通常アップロード動画」に分類することで、動画をより探しやすくしています。
また、箱を絞り込むこともできるので、サイト全体を特定の箱専用のサイトにすることなどもできます(ホロスターズの動画だけが表示されるサイトにするなど)。
動画共有サービスは、「YouTube」と「Twitch」に対応しています。
【サイトURL】
https://vtuber-ch.com/
運営サイト②
【サイト名】
VMusic Ch.
【サイト説明】
「にじさんじプロジェクト」「ホロライブプロダクション」に所属するVTuber達のMVを「オリジナル曲」「カバー曲」「#Shorts曲」に分類することで、MVをより探しやすくしています。
また、箱を絞り込むこともできるので、サイト全体を特定の箱専用のサイトにすることなどもできます(hololive DEV_ISのMVだけが表示されるサイトにするなど)。
動画共有サービスは、「YouTube」に対応しています。
【サイトURL】
https://music.vtuber-ch.com/
Webサイトのスタイル(デザイン)を指示するための言語の一つ。
GMOインターネット株式会社が運営するVPS。豊富なテンプレートイメージと高速SSDによって、たったの25秒で「今すぐ使える」サーバーが作れる。
専門知識がなくても、サイトの作成・更新・管理が簡単に行えるシステム。
Wordpressのファイルの一つで、このファイルに独自の関数やショートコードなどを書き込むことでテーマや管理ページなどで独自の関数やショートコードが使用可能になります。また、プログラムを書き込むことで、特定のページでだけで特定のファイルを読み込んだりなど様々なことができるようになります。
主にパソコンやモバイル端末をベースにネットワークを利用した技術全般のこと。
Brendan Eich氏によって設計されたプログラミング言語。WebサイトやWebアプリなど様々なプログラムに使用でき、クライアント側(ブラウザなど)で処理される。
メリット：クライアント側で処理するためサイト表示後の処理が可能。
デメリット：クライアント側で処理されるためユーザの環境によっては動かない(JSオフ設定など)。
Joint Photographic Experts Groupによって開発された静止画像圧縮方式。非可逆圧縮(圧縮後元の画質に戻せない)で圧縮率が高くファイルサイズが小さい。
プライム・ストラテジー株式会社が開発した、超高速WordPress実行環境。
Michael Widenius氏によって開発されたMySQLから派生したデータベース管理システム。大量のデータを高速に処理できることが特徴。
NGINXが開発したWebサーバーソフトウェア。軽量で同時に大量のアクセスがあった場合でもレスポンス性能が大きく下がることがない。
The PHP Groupによって開発されたプログラミング言語。主にWebサイト制作に使用され、サーバー側で処理される。
メリット：サーバー側で処理するためユーザー側の設定が必要ない(ユーザー環境に左右されにくい)。また、ユーザーはプログラム処理後のコード(HTML)しか見ることができないためPHPコードの盗用も防止にもなる。
デメリット：サーバーで処理されるのでサイト表示後の処理はできない(JSなどブラウザなどで処理するプログラム言語ならば可能)。
Wietse Venema氏によって開発されたメール転送エージェント。CentOSには標準でインストールされている。
World Wide Web Consortiumによって開発された静止画像圧縮方式。可逆圧縮(圧縮後元の画質に戻せる)で透過できるがJPEGより圧縮率が低い。
Prismは、最新のWeb標準を念頭に置いて構築された、軽量で拡張可能なシンタックスハイライト(特定の文字を色分けしたり強調など装飾する機能)です。
電子メールを転送するために使用される規約。SMTPサーバーは主にメール送信に使用される。
検索エンジン(googleやYahoo!など)で上位表示するために行うサイトの最適化のこと。検索エンジン最適化とも呼ばれる。
仮想専用サーバー。複数のユーザーで1つのサーバーを共有するが、専用サーバーと同等の機能を有しているサーバ。
Googleによって開発された画像圧縮方式。JPEGよりも圧縮率高く、PNGのように透過でき、GIFのようなアニメーションにも対応している。
プライム・ストラテジー株式会社が開発した、KUSANAGI専用の、Webページの表示をさらに高速化するソフトウェア。
WordPress Foundationによって開発されたオープンソース ブログプラットフォーム。プログラム言語がわからなくても管理画面からサイトやブログの作成が可能。