タグ「猫月あゆむPORTAL」記事一覧
【昨日の続き】猫月あゆむPORTALを作ります
この記事はブロマガから移行した記事です。
元記事はこちらhttps://ch.nicovideo.jp/nekozuki_blog/blomaga/ar1873867
ども、猫月あゆむです。
昨日の続きのお話です。
昨日のブロマガ
○現在の状況現在、ドメイン移管の手続きが終わり、上位機関への登録待ちです。調べたところ、1週間~10日ぐらいかかるらしいので、その間に前回ちょこっと話題に出した「猫月あゆむポータル」を作ってます。
すでにサイトの作成に取り掛かってるのでちょこっとお見せします。
○「猫月あゆむPORTAL (β)」進捗状況
まだメインコンテンツとかヘッダーメニューとか作ってないですが…
正式名称は「猫月あゆむPORTAL (β)」になります。ベータ版ではないので、ベータは二度と外れませんww
今回、左上ロゴをSVGっていうやつで作ってます。これがなかなかの曲者でして….Illustrator使って作ったんですけど、作って入れてみて、作って入れてみて…試行錯誤の繰り返し大体3時間ほどかけて作りました….
右側のブロマガ欄は、月80円ぐらいでRSSを埋め込み形式にしてくれるサービスを利用しました。ユーザーブロマガ、各ユーザーのRSS出してくれてありがたいです(-人-)
このサイトの運用としては、現在、「site.nekozuki.me/*」に分散している各種サイト(ポートフォリオやリンク集など)を一元化しようと思ってます。
○終わりに昨日思いついてすぐ行動してこんな感じです。この勢いをいつまでも忘れたくないなぁと思います。
document.querySelectorAll('.twemoji')
.forEach(el => {
if (!el.dataset.src) { return; }
const img = document.createElement('img');
img.style = 'display:none !important;';
img.src = el.dataset.src;
img.addEventListener('error', () => {
img.remove();
el.style.color = 'inherit';
el.style.backgroundImage = 'none';
el.style.background = 'none';
});
img.addEventListener('load', () => {
img.remove();
});
document.body.appendChild(img);
});
【進捗報告】猫月あゆむPORTALの今
この記事はブロマガから移行した記事です。
元記事はこちらhttps://ch.nicovideo.jp/nekozuki_blog/blomaga/ar1874469
ども、猫月あゆむです。
超会議のこととか超会議のこととか超会議のこととか、いろいろ話したいことあるんですけど、生放送で喋ったのでブロマガは別の話題を書きます。
カラオケに来たけれどニコ超中止で気分が上がらない配信。
前回の続きのお話です。
○現在の状況WordPress→お名前.com のドメイン移管が完全に終了しました。
それに伴い、いくつかご報告を。
ポータルページを site.nekozuki.me から nekozuki.me に移設しました。ついに移行しました。ただ、ポータル完成してないので、しばしお待ちを….
各サブドメインについてサイトマップあったほうが説明しやすいので書きます
12345678910111213141516171819202122232425262728■ これまで nekozuki.me └ wordpress ブログ site.nekozuki.me (GitHubPages) ┝ ポートフォリオ │ └ VRポートフォリオ ┝ 連絡先 ┝ リンク集 ┝ 作ったもの(chrome拡張とか)がそのまま直下に └ サークルページetc■ これから nekozuki.me (GitHubPages) ┝ ポートフォリオ ┝ 連絡先 ┝ リンク集 └ 作品集 └ 作ったもの(Chrome拡張とか) site.nekozuki.me (GitHubPages) └ リダイレクト関係ファイル catmoon.nekozuki.me (GitHubPages) └ サークルページetc nekozukime.wordpress.com └ wordpress 旧ブログ
こんな感じです。
要点
メインページがドメイン直下に
これまでのサブドメインはリダイレクトとして残す(特設サイト作るってなったときはこのドメイン下
サイト内で散らばらないよう制作物を一括
URLが長くならないようサークルページを別に制作
一通りリダイレクトのやつ作りましたが、もし404に飛ばされたときは教えて下さいm(_ _)m
「猫月あゆむPOTRAL (β)」進捗状況
だいぶ様になってきた
終わりにちょっと気になることあったんで、もう一つブログ記事書きます
それでは後ほど。
document.querySelectorAll('.twemoji')
.forEach(el => {
if (!el.dataset.src) { return; }
const img = document.createElement('img');
img.style = 'display:none !important;';
img.src = el.dataset.src;
img.addEventListener('error', () => {
img.remove();
el.style.color = 'inherit';
el.style.backgroundImage = 'none';
el.style.background = 'none';
});
img.addEventListener('load', () => {
img.remove();
});
document.body.appendChild(img);
});
「猫月あゆむPORTAL」デザインリニューアルしました
どうも、猫月あゆむです。ポータルサイトのデザインをリニューアルしました。
比較むかしいま
デザインをねころぐナイトモード寄りにしました。hexoっぽいですが、hexoでジェネレートしたわけではなく、htmlガシガシ書いて作ってます
いやぁ~、1カラムって楽だね~ww
これまで、2カラム(ねころぐのような2列表示)だったんですが、地味に調整がめんどくさかったのでいっそと思って1カラムにしました。
1カラムのほうが、単に調整が楽なだけでなく、スマホ/タブレットから見たときのズレ修正とかもかなり楽になります。
作品集ページだけ、1カラムだとかなりでかでかとした表示になってしまったので、1カード(背景が薄くあるところ)を横幅の半分にして、PCだと2列、SPだと1列になるようにしてます。
中身の文章以外、全て1から作ったので、ごちゃごちゃしてたソースもかなり整理されたと思います。
短いですが今日はこんな感じで終わります~
ちなみにポータルサイトはこちらから
余談最近GitHub不安定ですよね…在宅ワークとかの影響ですかね…
ポータルサイトは、ローカルで作成→GitHubで管理→GitHub Pagesで公開このブログは、ローカルで作成→GitHubで管理→Netlifyでデプロイ&公開
してるのでGitHubが止まると全てが止まります…
自身の影響でソフトバンク回線が止まったっていうのもありましたし…(ちなみに自分は別のプロバイダ&スマホはdocomoなので特に影響なかったです)
ネットが、システムが止まると何もできなくなるのなんかなぁと思ってますが、アウトドアはもっと嫌です。
document.querySelectorAll('.twemoji')
.forEach(el => {
if (!el.dataset.src) { return; }
const img = document.createElement('img');
img.style = 'display:none !important;';
img.src = el.dataset.src;
img.addEventListener('error', () => {
img.remove();
el.style.color = 'inherit';
el.style.backgroundImage = 'none';
el.style.background = 'none';
});
img.addEventListener('load', () => {
img.remove();
});
document.body.appendChild(img);
});