1/24 - サイトを「https://wm-oboegaki.com/」から「https://blog.vtuber-ch.com/」に引越ししました。ブックマークの変更をお願いします。 (お知らせ一覧)
Home ▶ 当サイトについて

Oboegakiについて

　OBOEGAKI(おぼえがき)(以下、当サイトと言います) は、管理人がサイト制作する際に気が付いたことや調べたことを忘れないようにメモしておくために制作したサイトです。また、IT[※]用語や難しい言葉などは「説明」や「ルビ」を記載して、後日見直してもわかりやすいようにしています。
　サイト製作の経験はなく、趣味で作り始めたサイトなので間違っている所も多数あると思いますが、参考程度にみていただけると幸いです。

リンクについて

当サイトは全ページ「リンクフリー」となっています。また、当サイトのリンクを掲載する際にご報告していただく必要もありません。
ただし、下記に記載す内容の場合はリンクを禁止します。
  • リンク元のホームページに違法な内容が含まれている場合。
  • リンク元のホームページの一部に見えるように、当サイトのコンテンツを表示している場合 (フレームを利用したリンクなど)。

スクリーンショットについて

当サイトのスクリーンショットや内容を引用される場合は、必ず当サイトのトップページ又は引用したページへのリンクを掲載していただく必要があります。また、リンクと同様にご報告の必要はありません。

各種データについて

当サイトで掲載しているサムネイルや記事本文などをプログラム等を用いて機械的に取得する行為(Webスクレイピング行為等)は禁止しています。

記事を書く際のサーバー環境について

サーバースペック

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/
※
Cascading Style Sheetsカスケーディング スタイル シート (CSSシーエスエス)
Webサイトのスタイル(デザイン)を指示するための言語の一つ。
※
ConoHa VPSこのは ブイピーエス
GMOジーエムオーインターネット株式会社が運営するVPS。豊富なテンプレートイメージと高速SSDによって、たったの25秒で「今すぐ使える」サーバーが作れる。
※
Contents Management Systemコンテンツ マネジメント システム (CMSシーエムエス)
専門知識がなくても、サイトの作成・更新・管理が簡単に行えるシステム。
※
functionsファンクションズ.php
Wordpressのファイルの一つで、このファイルに独自の関数やショートコードなどを書き込むことでテーマや管理ページなどで独自の関数やショートコードが使用可能になります。また、プログラムを書き込むことで、特定のページでだけで特定のファイルを読み込んだりなど様々なことができるようになります。
※
Information Technologyインフォメーション テクノロジー(ITアイティー)
主にパソコンやモバイル端末をベースにネットワークを利用した技術全般のこと。
※
JavaScriptジャバスクリプト (JSジェーエス)
Brendan Eichブレンダン・アイク氏によって設計されたプログラミング言語。WebサイトやWebアプリなど様々なプログラムに使用でき、クライアント側(ブラウザなど)で処理される。
メリット：クライアント側で処理するためサイト表示後の処理が可能。
デメリット：クライアント側で処理されるためユーザの環境によっては動かない(JSオフ設定など)。
※
Joint Photographic Experts Groupジョイント フォトグラフィック エキスパーツ グループ (JPEGジェイペグ)
Joint Photographic Experts Groupによって開発された静止画像圧縮方式。非可逆圧縮(圧縮後元の画質に戻せない)で圧縮率が高くファイルサイズが小さい。
※
KUSANAGIくさなぎ
プライム・ストラテジー株式会社が開発した、超高速WordPress実行環境。
※
MariaDBマリアデービー
Michael Wideniusミカエル・ウィデニウス氏によって開発されたMySQLマイエスキューエルから派生したデータベース管理システム。大量のデータを高速に処理できることが特徴。
※
NGINXエンジンエックス
NGINXが開発したWebサーバーソフトウェア。軽量で同時に大量のアクセスがあった場合でもレスポンス性能が大きく下がることがない。
※
PHPピーエイチピー
The PHP Groupザ ピーエイチピー グループによって開発されたプログラミング言語。主にWebサイト制作に使用され、サーバー側で処理される。
メリット：サーバー側で処理するためユーザー側の設定が必要ない(ユーザー環境に左右されにくい)。また、ユーザーはプログラム処理後のコード(HTML)しか見ることができないためPHPコードの盗用も防止にもなる。
デメリット：サーバーで処理されるのでサイト表示後の処理はできない(JSなどブラウザなどで処理するプログラム言語ならば可能)。
※
Postfixポストフィックス
Wietse Venemaヴィーツェ・ヴェネマ氏によって開発されたメール転送エージェント。CentOSには標準でインストールされている。
※
Portable Network Graphicsポータブル ネットワーク グラフィックス (PNGピング)
World Wide Web Consortiumワールド ワイド ウェブ コンソーシアムによって開発された静止画像圧縮方式。可逆圧縮(圧縮後元の画質に戻せる)で透過できるがJPEGより圧縮率が低い。
※
prismプリズム.js
Prismは、最新のWeb標準を念頭に置いて構築された、軽量で拡張可能なシンタックスハイライト(特定の文字を色分けしたり強調など装飾する機能)です。
※
Simple Mail Transfer Protocolシンプル メール トランスファー プロトコル (SMTPエスエムティーピー)
電子メールを転送するために使用される規約。SMTPサーバーは主にメール送信に使用される。
※
Search Engine Optimizationサーチ エンジン オプティマイゼイション (SEOエスイーオー)
検索エンジン(googleやYahoo!など)で上位表示するために行うサイトの最適化のこと。検索エンジン最適化とも呼ばれる。
※
Virtual Private Serverバーチャル プライベート サーバー (VPSブイピーエス)
仮想専用サーバー。複数のユーザーで1つのサーバーを共有するが、専用サーバーと同等の機能を有しているサーバ。
※
WebPウェッピー
Googleグーグルによって開発された画像圧縮方式。JPEGよりも圧縮率高く、PNGのように透過でき、GIFジフのようなアニメーションにも対応している。
※
WEXAL®Page Speed Technologyウェクサル ページ スピード テクノロジー
プライム・ストラテジー株式会社が開発した、KUSANAGI専用の、Webページの表示をさらに高速化するソフトウェア。
※
WordPressワードプレス
WordPress Foundationワードプレス ファウンデイションによって開発されたオープンソース ブログプラットフォーム。プログラム言語がわからなくても管理画面からサイトやブログの作成が可能。