「Web制作」に関する記事
雑記
資料をおかわりした。
左の本を読んで自分のブログの構造がよろしくないということを悟ったので大工事を進めていく予定。
例によって神出鬼没の外的要因によって妨害される可能性があるので、いつやるかは書かないでおく。
やれそうならすぐやるし、いざやろうとしたら4年経ってることもあるかもしれない。
2020-03-17の日記を見る限り、実際の勉強時間は2か月程度で頓挫期間は9年らしい。
遠い目にならざるをえない。
■次のタスク（前回のものとは別）
・sidebar.phpの作成（フロント用/固定ページ用） 未着手
→作成に伴い試験運用系はひっこめる予定。
・固定ページポータルの作成 進行中
→固定ページ用サブループ作成 一応できた
→ページ構成決め 進行中
→固定ページにカテゴリ、タグを追加する 未着手 これができたらテンションが高まる
雑記
前回の投稿日が4年前というのはどういうことなの・・・
このペースでいったらサイトをあと10回更新したら寿命を迎えそう。
■頓挫していた課題の状況
・ページ毎に別のcssを読み込ませる
身内のゴツイプログラマーの手を借りながらなんとか実装。
もはや何がどうなってるのか分からず雰囲気で運用している状態なので、PHPを勉強する必要有り。
外観を調整する際はChromeのデベロッパーツールが引き続き役に立った。
学んだこと
・要素を選択して調査できることを知った
・スタイルタブ内で要素に値を入れるとブラウザに即反映されることを知った
・文字装飾が上手くいかない件の解消
何故上手くいかなかったのかは定かではないが、とりあえず幾つか文字装飾を増やした。
こんなのとかも追加。
自分はクラシックエディタのテキストモードを使っているので、手軽に文字を装飾できるようにするためにCSS側の調整とクイックタグの追加を行った。↓こんなやつ
■次のタスク
済 : 固定ページにもコラムページのcssを適用
・コラムページの改修
→TOP画像差し替え
→記事の境い目に境界線を引く
→最終更新日を出したい
→古い記事リンクがOFFになっているのをONに戻す
→サブカテゴリを作って記事リンクを一覧化したい（記事数が増えてきたら検討）
・コラムページと通常ページで画像/キャプションの表示方法が異なる件をどうにかしたい
・おそらく固定ページをフル活用する方が無難な気がする
・記事の目次欄と注釈欄を作る
・モバイルでa要素が折り返さずに領域からはみ出てるのを修正（めんどい）
・a要素のスタイルが設定されていないっぽい？（青字＆下線有りは野暮ったい）
・なんかp要素のmarginがデカくなっているっぽい？
・クラシックエディタの「太字」のタグが不適切なので直す
・取り消し線を引いた際の文字色を薄くする
・モバイルでブログを開いたときにyoutubeがバカデカくなってるらしいので調査（優先度低）
・限定公開動画リンク集を作る（優先度低）
・プロフィールページの作成（優先度低）
・twitterのつぶやきを補完する？（優先度不明）
雑記
文章が書いてある記事がリザルト画像の記事に埋もれてしまって不便だったので、新たに「コラム」カテゴリを作りました。
「コラム」カテゴリを選択すると文章系記事のみがピックアップされ、且つページの外観を変える感じにしたつもりでしたが、何か上手く動いてなさそうなので引き続き調整します。
こんな感じになるはずが何か微妙にうまく動いていない。
最新記事のカテゴリがコラムだった場合にコラム用のcssが読み込まれてしまうっぽい。ムズすぎ。
雑記
本日はなんとなくWeb制作の座学を進めたい気分。
前回どこまで進めていたか分からなかったので、「Web制作」というカテゴリーを設けて遡り易くした。
■復習
ChromeのデベロッパーツールのショートカットキーはF12。
言語を日本語に変更できるようになっていた。
■頓挫していた課題
・ページ毎に別のcssを読み込ませる
・文字装飾が上手くいかない件の解消
■今思いついた課題
・1489記事くらいある中で3記事くらいは需要があるっぽいので、記事として成立しているものは雑記とは分けて管理したい。
それに伴ってサイドメニューをもう少し整理したい。
・データ通信量バカ食い問題と向き合う
雑記
5/10
5/11
完全ガイド進捗 506/506
1周目終了。2周目は実際に手を動かして学ぶようにする。
奇跡的にPOLYMEGAが予約できた。
酷い時は予約再開後11秒で予約が終了していた。物売るっていうレベルじゃない。
雑記
頭痛中は読書するに限る。
完全ガイド進捗 243/506
日々のINFINITASで代謝が上がっているはずだけど痩せない。
完全ガイドとこれを3周しないと先に進めない気がした。
雑記
漸くファッキンライフが終息しました。
終息に伴い、ユンケル摂取も止めました。
失われた3年は戻ってこないんだよなぁ。悲しいです。
またファッキンライフが始まった時に即逃げられるように社会的スキルを身につけておこうと思います。
■テーマ更新（1.4.3)
・記事の文字色を#333333に変更
・文字の間隔を指定（0.05em）
少しだけ目に優しくなったはず。
今日は頭痛が半端じゃないので夕飯抜き。
雑記
朝に必ず松屋の朝定食を食べることによって食費を抑えている。
■キーボード練習メモ
緑数字 326 （通常時+20）
皿周りと4、5鍵盤の絡みでリソースを持っていかれる。
特に4、5鍵盤は脳のメモリが不足すると非常に混乱する。
（通常時 : 4右人、5右親 / キーボード時 : 4右親、5右人）
Lv11のAAAはまだもう少し時間が掛かる気がする。
1週間以内に出せなかった場合は長期記憶定着を待つ。
キーボードに慣れた後は筐体でのプレイ時に混乱することになるんだけど、それを恐れていると人生が進まないので覚悟を決めて取り組む。
■動画メモ
何気に最短編集時間だったかもしれない。
手元合わせをする際に、ゲーム動画側の曲決定時、手元動画のエンターキータイプ時それぞれにマーカーを打って開始を揃えたら良い感じになった。
あと、Premiere側でAfterEffectsのコンポジションを読み込むことでレンダリングを1回分省略できるようになった。
人生は回数ゲー。
■CSS座学メモ
Web制作者のためのCSS設計の教科書(amazon)
【PDF版】柴犬でもわかるFLOCSS(BOOTH)
僕がCSSを書く際に必ず意識している CSSのコーディングルール30条 (Note)※購入済み
2020/4/4より
class名を半角スペースで区切って記述すると複数のクラスを指定できる。
てっきりクソ長いclass名だと思ったら、複数指定してただけだった ( ´ω｀)ﾃﾍﾍﾟﾛ
1つのdivに対して4つのクラスを指定してるサイトとかあるけど、管理できるものなのかな・・
サブクラスと言うらしい。結構重要そうだけど、めぼしい情報が見当たらない。
完全ガイド進捗 213/506
雑記
基礎代謝量が翁のそれになってるのではと思うくらい痩せない。
2020/3/31より
・複数の要素を指定したセレクタと単一の要素を指定したセレクタの場合は、複数要素の方が優先される（未検証）
この時点では詳細度というものを知らなかった。
詳細度（MDN）
完全ガイド進捗 180/506
雑記
腹は減ってるけど、腹の調子が悪い状態になっている。
2020/3/26より
ループ内にis archiveという関数を入れるだけだった。
恥ずかしながら自力で解決した嬉しさで少し涙が出た。
実際には解決してなくてめちゃくちゃ格好悪かった。
手直ししたのでとりあえず反映（1.4.2）
手直し内容 : ループ内に置いたら逆にダメだった。ループ外にis monthを置いて対応。
ここから先の改修は十段に成り立ての人がGo Beyond!!のハードクリアを狙うくらい無謀なのでやめておきます。