🐾作者のつぶやき🐾

こんばんわ(⋆ᴗ͈ˬᴗ͈)”

鴛鴦トワです🪻
ようやく公式HPとして作ってた
サイトですが一段落つきました。
あれから色々やって
納得いく形で作り上げられたと思います。

ほぼ、素人ながらこれだけのことやってきました⬇

サイト全体の企画・構成決め
HOME、PROFILE、MUSIC、JUKEBOX、VIDEO、LYRICS、BLOG、NOVEL、GALLERY、LINK、制作依頼、問い合わせ、利用規約、プライバシーポリシーなど、何を載せるか全部決めた。
デザイン・世界観づくり
ラベンダー、猫トワ、犬スグル、肉球、色味、カード、ボタン、余白、スマホ表示まで、全部私の好みに合わせて作った。
HTML / CSSでページ制作
各ページを作って、PC・スマホ両方で見やすいように調整。
JavaScriptで自動表示
NEWS、BLOG、LYRICS、GALLERY、VIDEOなどを、データファイルから自動表示できるようにした。
個別記事ページの共通化
BLOGは article.html、歌詞は lyrics-article.html を大本にして、1枚直せば全記事に反映される形にした。
GitHubでサイト管理
official-site リポジトリでファイル管理して、GitHub Pagesで公式サイト公開。
検索対策
title、description、構造化データ、Search Console、sitemap.xml を整備。BLOG・LYRICSは追加削除に合わせてsitemapも自動同期。
独自ADMIN画面を制作
NEWS、BLOG、LYRICS、GALLERY、VIDEO、COMMENTS、REQUEST、SITEMAPを管理画面から操作できるようにした。
Cloudflare Workers / D1を導入
静的サイトだけではできない処理をWorkerで動かして、D1データベースでコメント、応援数、制作依頼、チャットなどを保存。
BLOGコメント機能
コメント投稿 → 承認待ち → ADMINで承認 → 公開 → 承認済みコメント削除、まで実装。
応援ボタン
BLOG記事ごとに応援数を保存・表示。
Discord通知
コメントや制作依頼、専用チャットの新着をDiscordへ通知。
制作依頼システム
専用フォーム、依頼内容保存、画像添付、ADMIN確認、承認まで作った。
自動案内メール
依頼承認後、専用チャットURLを発行してGmailから自動送信。
依頼者専用チャット
長い専用URLで、依頼者とトワだけがやり取りできるチャットを実装。画像送受信、ADMIN返信、新着通知まで対応。
画像保存まわり
制作依頼やチャットの画像を扱える仕組みも組んだ。
制作依頼ページを商品化
Web制作、楽曲制作、料金プラン、追加料金、修正、対応外、支払い、キャンセル、7日間連絡なしルールまで整理。
利用規約・お問い合わせ・プライバシーポリシー整備
ただの作品サイトじゃなく、依頼を受けても運営できる窓口まで完成。
鴛鴦スグルの人物プロフィール導線追加
犬スグルとは別に、実在の活動者としての鴛鴦スグルページを作って、HOMEから飛べるようにした。

制作するのに3日ぐらいかかってしまいました💦

それでも一所懸命作ったので
温かな目で見てほしいです💜‪

⬇⬇公式HP⬇⬇

⬇⬇『鴛鴦トワ』のYouTube⬇⬇

『ラベンダー畑、帰る場所。』の
⬇⬇本編はこちらから⬇⬇

#絵本 #創作 #優しい物語 #ゴールデンレトリバー #猫 #ラベンダー #ラベンダー畑帰る場所 #はじめてのnote #自己紹介 #YouTube