雑記
■課題（直近）
・記事内の画像がグリッドに合わせて縮小されていないので調べる
→ 記事内の画像に対してmax-width（幅の最大値）を指定していなかった。max-width:100%; を入れたらそれっぽくなったので一旦解決。
・テーブルの変形に取り掛かる（取り掛かりはするものの、ググ履歴は別の場所で管理したい気持ちが出てきている）
→テーブルの全要素にdisplay: blockを適用（とても雑な対応）
モバイルとテーブルの相性は最悪で、皆匙を投げてる感がある。
これら2つは先ほど反映。画面右上のメニューの改修も反映（1.3.7)
死ぬほど雑な対応を施したところ、先生からお墨付きをもらった。( ´ω｀)ﾍﾍ…ｱｼﾞｬｰｽ
■次回反映分
・コメント欄がギャグになっているのはtext-alignがjustifyになっているからっぽい。次回で直す。
・あとメニューの改修によってscriptが壊れたようなので見直す。
→WordPress側の処理によって自動で追加されるclass名と自分が元々つけてたclass名が被っててバグってたっぽい。
・モバイルフレンドリーテストを通過したので、一旦雑に弄ったところを元に戻す。
■課題（中長期）
・今流行りのオシャンなサイトを1個作ってみる
表示確認用のサーバーにWordPressをインストールした方が早い気がしている。
コンテンツが無い状況でオシャンなサイトを一生懸命作るのはモチベ的に結構大変なので、
取り掛かるのは少し先になる気がしている。
雑記
ダイジェスト
手を加える前はメニューが有効化されていない。
functions.php にメニューを登録すると有効化される。
（参考）ナビゲーションメニュー
物凄くアナログなやり方でリスト化していた個所を
3行に修正
外観＞メニューから表示させたい項目を追加すれば
ちゃんと表示される
あれ？結構分かってる感が出てるのでは ( ´ω｀)ﾄﾞﾔﾊｰ
（すぐに天狗になっちゃうオッサン）
雑記
https://toiblog.com/雑記/4299/より
同人誌を作ったことはあるけど
出社中に「あ、これの動機くらいは書けるかもな」と思ったので仮眠後に書く。
かれこれ15年近く日記のようなものを書き続けているけど、未だに自分語りには少し抵抗がある。
15年近く書き続けてる割に文章力が低いからか、あるいは批判されるリスクに怯えてるのかは不明。
ただ、今後は発信力（アウトプット力）が重要になってくると思うので、臆せずにやっていきます。
■同人誌を作ろうと思った動機
（参考)
【旧blog記事】コミックマーケット84
【旧blog記事】コミックマーケット83
—-
動機1. 攻略本というものを作ってみたかった
動機2. コミケにサークル参加してみたかった
動機3. ホームのゲーセンが閉店して半引退状態となった
—-
動機1. 攻略本というものを作ってみたかった
昔からゲームの攻略本というものが好きだった。
購入したゲームに愛着が湧いたら、攻略本もセットで購入するようにしていた。
特に印象に残っているのは「ファイナルファンタジーVII 解体真書」で、これを買ったことでスタジオベントスタッフの存在を知った。
そして最終的にはこうなった。
こういった攻略本を自分も作ってみたいという気持ちがずっとあった。
動機2. コミケにサークル参加してみたかった
黄昏フロンティアの「Eternal Fighter Zero」という同人格闘ゲームが欲しくて、初めてコミケに一般参加した。
丁度leafの「こみっくパーティー」というPCゲームが流行ってた時期だったので、年頃の自分にとっては夢の国に来たような感覚だった。
ディズニーファンがディズニーランドに行くときのテンションもこんな感じなのだろう。
この当時は「サークル参加すれば列に並ばなくても本が買えるのか。やっべ、サークル参加してぇわー」くらいのノリだったけど、自分も仲間同士で何かを作って頒布したいという気持ちが徐々に高まっていった。
余談だが、「Eternal Fighter Zero」購入後、登場キャラの「上月澪」の攻略ページを作成した。その攻略ページの名前が「Inquiring mind」であった。
動機3. ホームのゲーセンが閉店して半引退状態となった
俺を育ててくれたゲーセンが2010年10月31日に閉店した。
（参考）
【旧blog記事】finale
ホームのゲーセンは冗談抜きに全国TOPレベルの良メンテだったので、同等の環境でプレイできることはもう無いと分かった時点で自然とやる気が薄れていった。
ただ閉店が急に決まって、生きがいだったものを急に止めることに自分自身が納得できない部分もあり、最後に自分がやってきたことを何らかの形で残したいという気持ちが出てきた。
その時に「攻略本を作ってみたい」、「コミケにサークル参加してみたい」という気持ちを思い出して、意を決してノープランのまま参加申し込みをした。
絵心が欲しかった
その後、初当選し、初参加し、初完売となった。夢が叶った瞬間だった。
一つ悔やまれるのは、初参加時は1冊も売れないのが当然だと思って部数を抑えめにして臨んだところ、1時間16分で完売してしまい、欲しい方に届けられなかったこと。
完売後にスペースに来てくれた男性の残念そうな表情が今も頭に残っている。
もし死ぬまでにもう一度コミケに参加することがあれば、今度は持って運べる限界まで本を刷ろうと思う。
■更新履歴（1.3.6)
・暫定的に引用の見た目を変更（引用だということが分かりにくかったため）
・記事名の見た目を変更（見た目がhr罫線と被っていたため）
■課題
画面右上のメニューの出し方がイケてないので修正する。（ナビゲーションメニューを使うのが良いっぽい）
管理画面/外観/メニュー
こちらを頑張る方がtableをどうこうするよりモチベが上がる。
雑記
tableとスマホの相性はとても悪いらしい。
こんな感じで縦に並べざるをえないとかどうとか。
ヤバイくらいにモチベが上がらないな・・・
■つぶやき
俺しか内容が分からないような日記を書くのは楽だけど、情報を記事として纏めるのは難しい。
俺が持っている情報は非常に少なく、まともに書けるのはポップンの運指の話くらいしかない。
同人誌を作ったことはあるけど、あれはキンコーズのスタッフさんにほぼ丸投げして出来上がったものなので書けることがない。
書くとしてもイベント開催前日に製本するべきではないというありきたりな話や、制作フローが思い描けていない状態でイラストを外注するべきではないという話しか書けない。
遥か昔（10代）にドムドムバーガーでアルバイトをしていたことがある。
・事務所の広さが3畳くらいで、めちゃくちゃ狭い更衣室の中で休憩してた（女性も）。
・店長がレタスの発注をミスったときは近所のスーパーに買い出しに行ってた。
・レジ担当「ワンバーガープリーズ」、調理担当「サンキュースリーパーソン」 パーソンってなんだ。
・10番（休憩）入ります的な隠語を使ってた。
思い出終了・・・( ´ω｀)
ちなみにドムドムで稼いだお金でNEOGEO（CDではない）とKOF’99を購入して友人宅で延々と対戦してました。
その昔（20代）に清掃の仕事をしていたことがある。
■特にきつかった仕事TOP3
3位 屋外市民プール清掃
プールの水を全部抜いて中に溜まったヘドロを全部外に出すという作業。
肉体的にもしんどいし、臭い＆蠅の大群によって精神もやられる。
その他、1日中雑草を刈ったり、1日中プールの側面をこするといった作業もやる。
手へのダメージが半端じゃないので、音ゲーマーはこの仕事を絶対にやらない方がよい。
2位 ダクト内清掃
中華料理屋のダクト内に入り、ダクトの内側をステンレスたわしでひたすらこする作業。
誰かが洗剤を使うと、ダクト内に明らかに体によろしくない空気が充満して気管がバイバイする。
1位 銭湯3店舗連続清掃（27時間労働）
何をとちくるったのか1日に3つの現場を回ることになり27時間ほど不眠不休で働いた。
最後の方は手に力が入らなくて高圧洗浄機のホースが外せなかった。
今のところ人生でこれを超えるしんどさを経験したことがない。
清掃員時代の振り返り終了・・・( ´ω｀)
積み重ねが無さ過ぎてブログに向いていない・・・
雑記
■更新履歴 (1.3.2)
・カスタムヘッダーに引数「’flex-width’ => true,」、「’flex-height’ => true,」を追記。
これで一応デカレッサー問題は解消されるはず。 → されなかった・・・開発環境と挙動が違う・・・
・Googleの教えに従い、viewportタグにinitial-scale=1を追記
・テーブルのレイアウトを暫定的に設定
↓ さらに更新(1.3.5)
grid-template-columnsのminmaxの最小値をautoにしてたのが原因だった模様。
一応想定していた感じの動きにはなった。疲れた。
モバイルで確認したらテーブルがとてもよくない動きをしていた。
果てしないな、これは。やるけども。
↓ 次回反映分
（済み）暫定的に引用の見た目を変更（引用だということが分かりにくかったため）
（済み）記事名の見た目を変更（見た目がhr罫線と被っていたため）
■memo
その日にググったワード、参考になったサイトのURLをメモることにする。
（例）
| 検索ワード | URL | 備考 |
|---|---|---|
| カスタムヘッダー | https://wpdocs.osdn.jp/カスタムヘッダー | WordPress Codex 日本語版, TOP画像の調査 |
| WordPress トグル | 無し | 記事の一部を開閉できるようにしたい, 未解決 |
| カラーコード | 無し | テーブルの背景色を決めるため, 本を手元に置いておいた方が良いかもしれない |
| width auto 100 違い | 無し | ヘッダー画像サイズの調査のため, 未解決 |
| css 画像 縮小 されない | 無し | ヘッダー画像サイズの調査のため, 未解決 |
| ウィンドウ幅 画像 可変 | https://allabout.co.jp/gm/gc/400630/ | ヘッダー画像サイズの調査のため, 昼寝後に読む |
| grid-template-columns minmax | https://coliss.com/articles/build-websites/operation/css/how-to-use-minmax.html | ヘッダー画像サイズの調査のため, 解決,ありがたや |
参考になるサイトがある → （自分にとっての）記録として役立つ
参考になるサイトがない → 自力で解決できた時に需要が生まれる
WordPressのテーマが削除できない問題に遭遇。
原因はテーマフォルダ名に「_（アンダースコア）」が入っているかららしい。 「.（ドット）」が犯人でした。
これ不便じゃないすかね・・・ ( ´ω｀)
RFC952やらRFC1034やらが関連しているそうな。
これの原因をズバっと説明できる日は来るのだろうか・・・( ´ω｀)
雑記
新たにグリッドを引かなくても画面右側にメニューを表示できそう。
（同じエリアに記事部分とメニュー部分を表示させて、記事表示幅を80%、メニュー表示幅を20%にし、メニュー部分を右寄せする）
テーマを更新（1.3.1）
■更新履歴
・画面右上にカテゴリーを表示するようにした
・画面幅を狭めた時にfooterの位置がおかしくなるのを修正（横グリッドを1本追加）
■memo
・デカレッサーパンダの影響で、思っていたのと違う動きになっている
・自己紹介ページと言う名のやりたい放題のページを作りたい。 何か違う感じがしたので止め。
・作業の準備と進め方を変えた
作業フォルダ内を綺麗にする → Chrome動作確認用のファイルを作成 → 併せて仮想環境に反映するためのフォルダを用意 → Chromeでの動作確認である程度整ってきたら仮想環境反映用のファイルに統合 → 仮想環境で動作確認 → 見れるレベルであればそのまま公開
昔はChromeで動作確認なんかしたことが無かったので、これでも進歩しているほう。
・Font Awesomeから借りてるアイコンを自作できないか → いずれillustrator勉強日記を書く
・googleが掲げる10の事実 https://www.google.com/about/philosophy.html
頭に入れておく。
・ページ毎にcssを切り替える → 自己紹介ページよりもこっちを先にやった方がよさそう。
・モバイルフレンドリーテスト https://search.google.com/test/mobile-friendly?hl=ja
(；´ω｀)ﾋｨｰ
雑記
ブログのテーマを更新しました。（きりのよいところまでやらないと寝つきが悪くなるため）
劣化してる部分が多いので諸々直していきます (；´ω｀)
■更新履歴
・floatで位置を調整していたのをgridでの調整に変更した。これに伴ってテーマ内のファイルをほぼ全部打ち直した。
（更新前のテーマは購入した本の丸写しだったけど、今回は7割方自力で頑張った。）
・文字サイズを見直した（最近視力が落ちてきて小さい文字を読むのがきついので、文字サイズを大きくした）
■memo
・文字装飾系のプロパティを一旦削除した
→スマホで見た時に色が変わっていなかったのが一点。あとはページの背景色が白だとちょっと眩しかったりするので、そこら辺のバランスも考慮して見直したい。
・functions.phpを小綺麗にした
→手作りアーカイブがスマホで見るとダメな感じになっていたのと、追加していたクイックタグがほぼ機能していないので削除した。
・コメントフォームがギャグみたいになってるので直す
・ヘッダー周りの調整が出来ていないので頑張る
・画面幅を狭めた時にfooterの位置がおかしくなる
・hrタグで引いた罫線と記事名の下の線の見た目が被ってるので何とかする
雑記
グリッドレイアウトが適用されるのは、グリッドコンテナの子要素（グリッドアイテム）までで、孫要素には適用されない。
<body>
<div></div> ←適用される
<p></p> ←適用される
<div> ←適用される
<p></p> ←適用されない
</div>
</body>
—
body {display: grid}
この説明は2日前に欲しかったゾ・・・ ( ´ω｀)
ブログタイトルの文字が動かせない理由はここにあった。
まとめてインデント（範囲選択後にTabキーを押す）を覚えた。
レッサーパンダ大好きブログになってる。
こういうことらしい。
2日前の俺は、↑の左側の大枠を作った直後にメニューを画面右側に動かそうとして「上手くいかない」を一生繰り返すおじさんとなっていた。
フィルタのチェックボックスをON/OFFすると無意味なプロパティが見えてくる。
これで大枠は整った感がある。
HEX：16進数
DEC：10進数
OCT：8進数
BIN：2進数
こういうのを説明してくれてるサイトには感謝の意を込めて50円くらい支払いたい。
これを調べた理由は、背景色にアルファチャンネルを設定する際にRGBを0~255で指定する必要があるため。
opacityプロパティはオブジェクト全体に適用されるっぽいのでrgbaで指定するようにする。
体調が悪くて今一捗らない。ファンティ投入か。
成果に飢えるあまり表示がバグったテーマを反映しそうになるけど、もう少し我慢。
→我慢できなかった ( ´ω｀)ﾃﾍﾍﾟﾛ
明日からまた頑張る。
memo
今自分がやっていること（日々記録をつけること）はHabit Chain（習慣の鎖）というらしい。
cssの書き方によってページの表示速度が変わるらしい。これ系の話はまだ気にしない。
雑記
グリッドレイアウトに変更中。
「あれ？上手くいかない・・・」を一生繰り返している。
3/24までにはレイアウトを変えたいところ。（取り組み始めてから1か月経過するので）
不要なdivボックスが多かっただけの模様。
ええぞ。
ブログ名を揃えようとしたところで時間切れ。
memo
・コード入力時に「ウィンドウを左右並べて表示」を使うようになった
・テーマファイルを直接変更するようにして動作確認速度を上げた
・結構コメントを書くようになった。（公開するときは消さないと恥ずかしいかもしれない）
・数年前に購入したWordPressレッスンブックを再読した。ページ数の都合だとは思うけどかなり不親切な部類。
当時ほぼ頭に入らなかったのも頷けるくらいのドS構成。
雑記
座学2日目
座学ができる喜び。
以下 2014/12/31時点の私的メモから抜粋
2.0から始めるHTMLとCSSの基本を眺める。
http://endoutakae.com/2012/02/08/webdesign/
こういう記事を待っていた ( ´ω｀)■メモ
「2.基本的なタグ」でテキストをコピペしてhtmlファイルを作成して開いてみたら文字化けした。(IE,Firefox)
文字エンコードをShift-JISにしたら表示された。「h」「p」タグは何のためにあるかを調べる必要あり。
「br /」は大事らしい。「3.marginとpaddingの違い」あたりからいきなりハードになっていく。
いきなり応用に突入して終わったんだけどどういうことなの ( ´ω｀)・・・img src=は画像を表示するhtmlタグ
サンプルcssを開いてみる。
よくわからないので観察してみる。“#”で始まっているものと、”.”で始まっているものがある。
書いてる途中でwikiを眺めたら色々載っていた。ここまででアルファベットが色々出てきたけど、読み方が分からない
ものがチラホラあったので調べておく。ひとまず0から始まっていないことが分かりました ( ｀ω´)
5年前はこのレベルだった。
2DXで言えばゲームの始め方が分からないレベル。
ここから3回頓挫(1年間頓挫、1週間勉強、3年頓挫、2週間勉強、1年頓挫）して今に至る。