TOI BLOG

「Web制作」に関する記事

ブログバージョンアップのお知らせ

とりあえずバージョンアップが完了しました。さすがにアホほど疲れましたな。

■変更点
・サイドバーに「つぶやき」を追加  疲れた度 : ★★☆☆☆

日に日にmixi2に過疎みを感じており、mixi2上での投稿に敢えてこだわる必要性が薄れてきたため自分用のつぶやきコーナーを作りました。
投稿のハードルを極限まで下げることで恐らく出先から投稿が可能になるというのが一番の利点です。
最近は色々な理由で記事投稿ペースが落ちていたりそもそも記事と呼べるものが書けていなかったりしていたので、更に投稿ハードルを下げてアウトプットの習慣化を試みたいという思惑があります。

・日記エリア上部にカテゴリタブもどきを追加  疲れた度 : ★★★★★

主要カテゴリをすぐに切り替えられるように日記エリア上部にタブもどきを設置しました。
なんとモバイルでも表示されています。
そしてこれを置くにあたってIIDXやBMSのSP/DP記事用のカテゴリを新設して割り振りなおしました。
更に今後カテゴリを自由に変更できるようにするために記事リンクの形式を「category/記事ID」から「entry/記事ID」に変更しました。
多分これが作業としては一番重かった説があります。

・ブログ縦長対策各種 疲れた度 : ★★★☆☆
記事の一部を折りたたむ仕組みと、画像を2列に表示する仕組み(実はこちらは元からあるらしい)を導入しました。


あと、ブログの下の方にジャンプするボタンを画面右下に置きました。(モバイル限定)
ブログの下の方にジャンプした後に再度上に戻りたくなったらフッターのブログ名リンクをタップするとブログTOPに戻れます。
これとカテゴリタブの設置に合わせてハンバーガーメニューを撤去しました。

・その他細かな変更点   疲れた度 : ★★★★★
– ページ全体の色味を調整
– サイドバーのレイアウトを見直し
– コメント欄廃止
– プライバシーポリシー追加
– 各種アイコンを全てSVG化(外部呼出ししないように修正)
– 2種の引用表示(外部サイト引用/自己引用)の追加
– 「個人用メモ」を一旦「考察記事」に変更、考察記事一覧を非表示化
– 画像をクリックして拡大化表示した後に画面クリックで元の画面に戻れるように調整
– サイト全体のページ送りを調整(一部ゲロムズなのがあった)
– 記事検索で考察記事が出てきた場合の表示を調整

コメント欄については現状のコメント頻度や今後の方向性を考慮して廃止しました。(過去のコメントは閲覧可能にしています)
その代わり感想フォーム的なものを後日設置する予定です。

サイドバーに置いていた固定ページやらスプレッドシートやらのリンクは一旦非表示にしました。
需要がありそうなものはどこかで復刻させます。

過去に遡って記事の折りたたみや引用表示を適用していくのはしんどいので、気になったものだけ着手するようにします。

引き続きよろしくお願いします。

雑記

■今日やったこと

とりあえず9/27(日)23:59くらいまでには反映できそうです。モバイル対応は最低限に留めます。
反映後は地獄の1500記事以上のカテゴリー再割り当て作業が発生するので、実質的な作業終了は10/4(日)になりそうです。

雑記

■今日やったこと

バージョンアップ日の予告はまだできなさげ。
作業が終わったらすぐ公開するつもりだけど、作業が終わる気がしない。
後方腕組み閲覧者の方は気長にお待ちください。

・ブログ軽量化とか
このブログでは1つの記事に大量の画像を貼りつけまくっていて、さらにそれがTOPページに10個連なっているので、さぞかし通信量がかさんでいるだろうと思いきや意外とそうでもない説が浮上しています。

ブログを開いたとき

ブログを一番下までスクロールしたとき

Xを開いたとき

Xで30ツイート分くらいスクロールしたとき

少なくとも開いた瞬間はXより軽いので、スマホの通信量をドカ食いするブログではないっぽいです。
Xはタイムラインを数分行ったり来たりするだけで通信量が嵩んでいくようなので、出先のXは注意が必要そうです。

ただもうちょい通信量を抑えるべきだなと思って少し調べた結果、どうやらGoogleのWebPというのがよいらしいです。
ちょっと次回の音ゲー記録から画像を差し替えてみることにします。
なお、阿部寛さんのHPの通信量は38.9KBでした。勝てねぇ。

雑記

大規模工事中。
現在はブログの根幹部分の改修中なので、見た目を映えさせる系に着手するのはまだ先になりそう。

雑記

昨日に引き続き

■今日やったこと
・セルフ要件定義を実施
↓のような感じでExcelでブログ改修案を図に起こしたりしていた。

この図はフリーザでいうところの第一形態であり、今日は第三形態まで図に起こした。
この調子だと第三形態になるまでに2年くらい掛かるかもしれん・・・

・Git , VS Codeの導入
「Gitを導入すると楽になるで」という天の声があったので、意を決して導入することにした。
Gitの導入 = GitHubへの公開 と素人ながらに思っていたのだけど、普通にローカルでも管理できるらしい。なんでもっと早く言ってくれないの (ノシ`ω´)ノシ
あとVS StudioとVisual Studio Codeが別物であるということも学んだ。そうです、私がド素人です。

・現行テーマの再点検
各ファイルに点在するダメなコードを綺麗にしていった。
その流れで外部から取得している時計アイコンやら吹き出しアイコンやらをSVGというもので記述する方式に変更することにした。
よそからの借り物をゼロにして全部自前で揃えたい年頃なのです。


突然デカくなったりすることも あるよね

今日はこれだけで1日が終わった・・・( ´ω`)
稼働時間が10時間を超えており「休日は普段の業務とは別の業務をする日なんだナー」となった。

雑記

ブログ改修についての備忘録
スワヒリ業務のせいでまた10か月空いた。まあ頓挫期間9年と比べれば全然マシでしょう。

■今日やったこと
・開発環境の整備
せっかくドメインを取ったのでサブドメインを作ってサーバー上に開発環境を構築。
これの作業途中にwp-config.phpにアホすぎるコードが書かれていることに気づいてコメントアウトした。
(アクセスする度にDBに誤った値が書き込まれる状態になっていた)

・開発環境でCocoon(WordPress無料テーマ)を試す
ゲムぼく。さんも使っている(と思われる)Cocoonを少し試してみた。
結論から言うと、茨の道ではあるけど引き続き自作テーマを弄る方向で進めていくことにした。
何を隠そうこのブログを一番利用しているのは自分なので、自分のテンションが上がらないものをわざわざ使う必要はないという結論に至った。

・旧サイトのSSLの期限が切れてたので更新
旧サイトからリダイレクトさせるのは意外にも正解の行動だったらしい。

リダイレクトをできるだけ長く保持します(一般的には 1 年以上)。 この期間、Google は古い URL を指している他のサイト上のリンクの再クロールや再割り当てなどを行い、すべてのシグナルを新しい URL に転送できます。ユーザーの観点から、リダイレクトを無期限に保持することを検討してください。

勢い余って旧サイトを消してたらGoogleの逆鱗に触れていたかもしれない・・・( ´ω`)
このブログの規模感で無期限保持は流石にコスパが終わるので、1年契約で閉じる方向で調整した。

・即席でサイトアイコンを作成

すぐに出来て効果があるものがこれだったので即席で作成。
WordPressに移行して11年経過して初めてのサイトアイコンの導入。亀もビビる遅さ。
それでも6年前くらいの自分が見たらチビるくらい手が早くなっているので、今日の俺がチビり散らすくらいの早さを目指していこうと思う。

雑記


縦長ブログの場合、カレンダーがないと不便なので実装しました ( ´ω`)ドヤー
ただ、日毎のアーカイブページに前後の記事のリンクがついてないっぽいので、平日の疲労が抜けたら着手します。

(※追記)
アーカイブからアーカイブへの移動はできないようなのでとりあえず前後の記事のリンクが出るように修正。
あとリンクの表示名に日付をくっつけるようにした。

テーブルを使っているため、モバイルでの表示&ウィンドウ幅を狭めた時の表示が悲惨なことになっていることに気付く・・・
モバイル系タスクは一気にまとめてやりたいところ。

(※再追記)
CSSのレスポンシブ用のコード内に明らかにダメそうなものがあり、それを取り除いたらテーブルの表示が無難な感じになった。
テーブルの表示がマシになった結果、モバイルでDQウォーク系記事を見た時の表示も改善された。
これがデバッグか・・・( ´ω`)

雑記

■タスク進捗状況
・コラムページの改修
 →コラムカテゴリを廃止
 →固定ページのcssを修正(元に戻した)
 →カスタム投稿タイプ「コラム」を追加
 →コラムページのTOP画像を変更
 →コラムページ用のテンプレートを2種作成
 →コラムページ用のヘッダーを作成
 →コラムページ用のCSSを作成


結果、こんな感じになった

アホほど疲れたわね・・・( ´ω`)
アーカイブ(月別投稿)全般がバグってるので仮眠してから直します。
(※追記)突貫工事で直しました ( ´ω`)フイー

雑記


資料をおかわり

情報収集をしていたところ、HTML5が廃止されてHTML Living Standardに一本化されていることを知ってビビる。
「bmsプレイヤーの主流がLRだと思ってたらbeatorajaだった」
「2DX24 SINOBUZが割と最近のバージョンだと思ってたら9年前の作品だった」
くらいのインパクトがある。(9年経ってもMareも黒イカもクリアできていなくて悲しい)

WordPressについてもブロックエディタというものがメジャーになっているっぽい。
SharePointのモダンサイトと同じような感じに見えた。

・メモ
調査の結果、固定ページをフル活用する案は却下となった。
カスタム投稿タイプというものを使うのが正解っぽい。
デフォルトでは表示されていない機能を使うのが正解というのは罠すぎるでしょ (ノシ´ω`)ノシ

雑記

・ただの日記
資料を更に追加注文。31日までに届いてほしいところ。
youtubeの方でも解説動画を探す予定。
公式テーマを開いて教科書代わりにするのも有りかと思うけど、海外のおしゃんなテーマしか出てこないので一旦保留。


おしゃんすぎ