Blog

検索する

カテゴリ「開発・サイト関連26件]

開発・サイト関連

問い合わせページ にreCAPCHA認証を設置しました。
最近スパムっぽいのがちょいちょい来るのでひとまずこれで変わればいいなと思います。
普通にお問い合わせしたい方にとってはひと手間かと思うのですが、ご了承いただけますと幸いです……!😔💦

開発・サイト関連

このブログのデザインをちょこちょこといじりました。
「続きを読む」機能を使った箇所がこれまで地味に見づらかったのですが、けっこう見やすくなったのではと思います!
過去の投稿で改行位置がしっくりこない状態のものがあるので、あとで直していきたい。
畳む

20240308151840-admin.png
もし表示が違いすぎる!って場合はブラウザのキャッシュ削除するかしばらく待ってもらえればと思います……!

開発・サイト関連

トップページの構成もちょっといじってみています。
簡易版のプロフィールや、Waveboxとかのバナーを追加しました。

あと今気になっているのは、ヘッダーの各項目をもう少し分かりやすくできないかというところ……。
ぐるあにページとかにもうちょい飛びやすくしたいなと思ってます。

開発・サイト関連

サイトトップと、ぐるあにページの動画のファイル形式を変えました。
一部の環境以外ではWebMで読み込まれるようになったので、前よりは軽くなったと思います。
動画のファイル形式やそれぞれの仕様についての理解が浅いので勉強していきたい💪

開発・サイト関連

このサイトの制作環境載せておきます。
全体的に簡単な作りではあるので、ベタ打ちしたい人の参考になれば幸いです。
(古のサイト時代を知る人も見覚えのあるものがあるかもしれない)
OS:Windows10
サーバー:ロリポップ
+@
個人的に有料サーバーを使うメリットは、更新をサボりにくくなることだと思っています。
忍者もWixもfc2も、一定期間後に化石にしてしまっていた記憶。反省。

ロリポップではWordPressを使えるんですがうちでは使ってません。
その理由としては、ページごとに載せたいものがけっこう違うのと、お題ツールみたいなページ作って遊びたかったから。
更新しやすさより自由度をとった感じです。
あとは単純に、サイト作りたい欲が冷めないうちにガワを作りたかったので、自分の場合最初にWordPressを使うと凝りだして終わらなさそうというのもあった。

実際ベタ打ちだと更新は若干めんどくさいです。
自分用に更新機能作ろうかと思ったけど、時間かかりそうなのでひとまず保留。
畳む

FTPソフト:FFFTP
エディタ:VSCode
バージョン管理:TortoiseGit
ローカル環境:XAMPP
使っている言語:HTML、CSS、PHP、JavaScript
+@
PHPはヘッダーとかフッターを共通化するために使っているほか、お題ツールとかLive2D作品の検索と表示の機能にも使っています。
JavaScriptは画面右下のトップに戻るボタンとかに使っているのですが、いかんせん苦手な言語なのでうまく使えていません。
畳む

使わせてもらっているライブラリや機能:
 LightBox2(画像をモーダル表示する)
 lazysizes(画面外の画像の読み込みを遅延する)
 なんかいい感じのマンガビューア~slick-custom~
 てがろぐ
+@
てがろぐはBlogページのほか、今は更新履歴とかリンク一覧のページにも使っています。
後者は別ディレクトリに置いてBlogとは別物として使っています。更新しやすさがほしい単独ページなどにちょうどいい。
畳む

デザインや設計:スプレッドシート、クリスタ、イラレ
畳む

おしらせ,開発・サイト関連

サイトを一部リニューアルしました!🥳わ~い。
変更したところ
トップページ 改装
ネペタちゃんがふわふわするトップ画になりました。
人間態ネペタちゃんもお披露目! 衣装は路草ゆらさん にお仕立てしていただきました。立ち絵ができたらまた紹介します。
ヒトの姿はメインにはしないのですが、たまに描いていけたらいいなと思ってます!
ぐるぐるあにまる
改装&漫画1話公開&新規絵追加しました。
新しいキャラ紹介エリアもお気に入りです💖
■いくつかのページを追加
ポートフォリオ
…作品の傾向を見やすくまとめました。
りーまーずエピキュア☆プティ
…ページはできたのですが、キャラ紹介などはまだありません……! 随時追加予定です。
キャラクター
…Live2D化順番待ちのキャラクターたちを置いています。
キャラクターによっては直接販売が可能なので何かあればご相談くださいませ。
畳む

もしヘッダーの文字の色が変だよ!などあれば、お使いのブラウザのキャッシュの削除をお願いします🙇‍
それでも表示が変な箇所等ありましたら教えていただけると嬉しいです…!
20231227173954-admin.png

開発・サイト関連

最近ぐるあにのページを裏でがっつり改装しているけど、どこまで一気に公開するか迷う~。
これまでのシンプルなページに比べてけっこう華やかで動きもある感じになっているので、ぐるあにページだけ更新するとサイト内で浮いてしまいそう。
そのうちサイトトップの構造をいじりたいとも考えているんだけど、その更新も待つとなると公開がかなり後になりそうで悲しい(かわいいからはやく見てほしくて……)。
構造まではいかずとも、サイトトップのメイン画像を変え次第公開するくらいがいいかな?
公開時の満足感がモチベ維持にもなっているので、我慢するということがなかなか難しい🙃
畳む

開発・サイト関連

サイトいじってると一瞬で時間が過ぎ去る~🥲
完成品いつ出せるか分からないけど、めちゃかわいいので途中経過上げちゃお(一部モザイク)
20231030024823-admin.png

おしらせ,開発・サイト関連

ファンアートガイドラインのページ を設置しました。(リンクはフッターにもあります)
ファンアートタグも作るか迷っていたのですが、ないよりはあったほうが良いかも?と思い作った次第です。
後でTwitterとかでもお知らせ予定です。
ガイドラインの他に プライバシーポリシー というものも置きました。
このサイトにはお問い合わせフォームと解析ツール(といってもたまに訪問数を見てニコニコするくらいですが)があるので、それらで取得する情報などの扱いを記載したものです。
なんだかお堅そうな感じがしますが、サイトの方向性とかに変化を及ぼすものではないので「へー」くらいに思ってもらって大丈夫です。
畳む

2023/11追記:上記ページのURLが変わったので差し替えておきました。内容に変更はないです。

開発・サイト関連

https://harukuriki.website/blog/tegalog....
このブログにギャラリー表示を追加しました。
ページ上部の「関連投稿を見る>画像投稿」もしくは下部の「検索・絞り込み>ギャラリーモードで表示」から遷移できます。
てがろぐはCGIなのでローカル環境でスキンの変更を確認できず、いじるたびにこのページが崩れがちになってしまう。
どうすればいいかなーっていうこれを書いてる最中に思い出したけど、サブスキンを使う方法があるのか。次からそうしよう。
畳む

おしらせ,開発・サイト関連

https://harukuriki.website/works/live2dw...
Live2D作品の紹介ページをリニューアルしました!
前は全部1ページにまとめてざっくりカテゴリ分けしていたんですが、検索して絞り込めるようになりました。
検索欄の表示が整ってなさすぎるよ!って方はブラウザのキャッシュクリアしていただければと思います。
データの管理方法迷った結果、結局jsonファイルを作ってまとめています。
DBと迷ったんですが、数が少ない割に作品によって微妙~に情報の数や形式が違ってくるので、データの確認しやすさを優先しました。
PHPの配列との相性が良いので、データが意外と取り出しやすいのもよかった。
畳む

開発・サイト関連,日記

今やってるサイト改修、思いのほか作業量多いのに表から見るとそんなに変化なさそうなのちょっと悲しい😭
のちのち自分が更新しやすくするためのものなのでがんばる……。

開発・サイト関連

サイト裏に実装しようとしてちまちま作ってるやつの話
子要素がいったん上部に置かれるのが謎……どこかでミスってるんだろうけど……。
昔からjs苦手だ~~😭
20230918145034-admin.png
コピーしたアイテムの区別をつけるためにアイテム内のテキストにインクリメント操作してたんだけど、それが混乱の原因だった。
追加したアイテムに1ずつ追加していたつもりが、常に先頭のアイテムに1追加してしまっており、コピー後のノードはしっかり末尾に追加されていたのでこんな挙動になっていたのでした。
インクリメント元の数値をしっかり末尾の子要素からとることで解決しました。よかったね。
畳む

開発・サイト関連

サイト改修自分用メモ
投稿を見るには鍵を入力:

開発・サイト関連

>>182 で言ってたページ幅問題、だいたい全部修正できたのではと思います(見落としがある可能性はある)。
このサイト、最初はとにかくコンテンツの置き場が欲しくてだいぶ乱雑に色んなものを配置していたのだけど、今になってコードとか画面の見やすさに気を配れるようになってきた気がする~。
・トップページのworksバナーの下に、ページトップ遷移のボタンが隠れる現象の修正。
これはバナーにz-indexをつけたせいだと思うんだけどなんか放置してしまっていた。

・Live2D作品、数が増えてきたのでそろそろ各ブロックごとにソースを成型するのが大変になってきた。
そろそろテンプレ化したほうが良い気がする(むしろなぜ今までそうじゃなかったのか……)。

・サイトトップ画像をLive2Dイラストにしたい。
ラフはできてるので、あとは描いて動かして組み込む。Live2Dのweb向けSDKはまだいじったことないけど、チュートリアル見た感じなんかいけそうな気がしている。

・各作品のページをおしゃれにしたい。
これを全部一気にやるのは実際不可能なので、ぐるあにとLive2Dのページあたりから整えたい。このへんにもLive2D使えたらいいなと思うので、上記のサイトトップ組み込みを優先してやったほうがスムーズかも。

・worksの作品一覧をおしゃれにしたい。
デザインラフはできてるけど、全作品同時じゃないとだめな改修なので時間かかりそう。
畳む
検索・絞り込み

日付検索:

詳細全文検索:

  • 年月
  • #タグ
  • カテゴリ
  • 出力順序