カテゴリ「作業進捗/サイト関係」に属する投稿［24件］（2ページ目）
2022/7/5 (Tue)
2022/7/4 (Mon)
サイト開設6月15日目標とか言ってたような気がするけど爆速で7月に突入した。とりあえず作業やりかけだといつまでも気になるので今週辺り一旦開設はしたい。早く安寧の場所を作りたい。
ディスプレイ解像度800*600の時代のクセが染み付いていて未だにページ幅600pxに収めようとしてしまうのを現在どうにか800pxまで延ばしたんだけどやっぱり960pxくらいで作った方が良いのだろうか。
そう言えばpixivやTwitterにイラストアップする時も画像のファイルサイズ100KB超えても大丈夫という感覚に慣れるまでに割と時間かかったな…昔は縦横600px以下＆100KB以下にしててDQサイトの方なんかその名残あるからパソコンで見ると絵めっちゃ小さい。そのうちあちらも令和仕様にしたい。
ページ幅は見やすさも考えて今時も1000px以下がスタンダードみたいだけど、ヘッダー画像が横幅100%なのとかめっちゃ今っぽい～～やりたい～～！！と思ったけどヘッダーにバーンと表示できるような横長イラストほとんど描いてなくて困った。最近は特にTwitterのサムネ仕様的＆スマホ表示には縦長の方が映えるので縦長ばっかり描いてた…。なのでまぁまぁ直視に耐える横長イラストとしてずっと2018年のお誕生日絵使ってるんだけど、この「トップ絵そろそろ変えたいから何か絵描きたい」という感覚めちゃくちゃ久しぶりに覚えた。
まぁ描きたいけど時間がないので今回は手元の絵をどうにか良い感じにトリミングすることにする。
ディスプレイ解像度800*600の時代のクセが染み付いていて未だにページ幅600pxに収めようとしてしまうのを現在どうにか800pxまで延ばしたんだけどやっぱり960pxくらいで作った方が良いのだろうか。
そう言えばpixivやTwitterにイラストアップする時も画像のファイルサイズ100KB超えても大丈夫という感覚に慣れるまでに割と時間かかったな…昔は縦横600px以下＆100KB以下にしててDQサイトの方なんかその名残あるからパソコンで見ると絵めっちゃ小さい。そのうちあちらも令和仕様にしたい。
ページ幅は見やすさも考えて今時も1000px以下がスタンダードみたいだけど、ヘッダー画像が横幅100%なのとかめっちゃ今っぽい～～やりたい～～！！と思ったけどヘッダーにバーンと表示できるような横長イラストほとんど描いてなくて困った。最近は特にTwitterのサムネ仕様的＆スマホ表示には縦長の方が映えるので縦長ばっかり描いてた…。なのでまぁまぁ直視に耐える横長イラストとしてずっと2018年のお誕生日絵使ってるんだけど、この「トップ絵そろそろ変えたいから何か絵描きたい」という感覚めちゃくちゃ久しぶりに覚えた。
まぁ描きたいけど時間がないので今回は手元の絵をどうにか良い感じにトリミングすることにする。
2022/6/11 (Sat)
シンプルで使いやすい ブログカードジェネレーター５選
https://www.limosuki.com/2021/02/blogcar...
ブログカードのブックマークレットを作成しました
https://vanillaice000.blog.fc2.com/blog-...
これを利用しててがろぐの投稿内にもブログカード表示できないかなと思ったけどそもそもタグ入力できないのか。
まあそのうちできるようになるかもしれないから参考用にメモ。
2022/6/9 (Thu)
てがろぐを無事設置できたので次はお絵描き掲示板を設置したい。
自サイトに設置していた絵板がJavaの終焉とともに何の反応も示さなくなって久しいけど、何年か前にTwitterか何か経由でこの記事拝見してワーッ！ってなって設置を試みた記憶があるんだけど、確かなぜかPOTI-boardが表示すらできなくて頓挫したんだよな～～せっかくだから再チャレンジしてみようかな。
お絵描き掲示板、やっぱりウェブ上のみでお絵かき～投稿まで完結できるのが最高だしらくがきのハードルが下がるから欲しいんだよな～～。
まぁ絵板の前にサイト本体を仕上げるべきなんですが…。
参考：お絵かき掲示板を絶滅の危機から救った人々｜さとぴあ
自サイトに設置していた絵板がJavaの終焉とともに何の反応も示さなくなって久しいけど、何年か前にTwitterか何か経由でこの記事拝見してワーッ！ってなって設置を試みた記憶があるんだけど、確かなぜかPOTI-boardが表示すらできなくて頓挫したんだよな～～せっかくだから再チャレンジしてみようかな。
お絵描き掲示板、やっぱりウェブ上のみでお絵かき～投稿まで完結できるのが最高だしらくがきのハードルが下がるから欲しいんだよな～～。
まぁ絵板の前にサイト本体を仕上げるべきなんですが…。
2022/6/8 (Wed)
とりあえず今日はてがろぐの隠すボタンで開閉できる部分がデフォルトだとパッと表示されるのを昨今よくあるニュッと表示される感じにカスタマイズした。こんな感じでニュッと閉じるデフォルトはボタンのonclickとJavaScriptでdisplay:noneとinline-block切り替える方式になってたんだけど、displayにはtransition効かないということでline-height:0とopacity:0とvisibility:hidden使うやり方を参考にした。
あと一応JavaScriptオフでも開閉できるようにしたかったので、onclickじゃなくてinputタグとlabelタグを利用してCSS切り替える方法に変えた。HTMLタグのカスタマイズはCGIファイルの方いじらないとダメだったので恐る恐るやってみたけどたぶん上手く行った。良かった。
あと一応JavaScriptオフでも開閉できるようにしたかったので、onclickじゃなくてinputタグとlabelタグを利用してCSS切り替える方法に変えた。HTMLタグのカスタマイズはCGIファイルの方いじらないとダメだったので恐る恐るやってみたけどたぶん上手く行った。良かった。
昨年末オンラインイベント参加用に展示用のウェブページ作った時に久々にHTMLとかCSSとかいじって何コレめっちゃ進化しとる～～！！色んな表現がめっちゃ簡単にできる～～！！楽しい～～～～ってなって年明け以降はたぶん絵描いてる時間よりもWeb関係の教本読んでた時間とサイトいじりしてる時間の方が10倍くらい長いという有様なんだけど引き続きもうしばらくはサイトいじりの話をしていると思う。せっかくだからダンデビサイトの正式オープンを6月15日にしたいので……。間に合うか……？？
2022/6/4 (Sat)
あとはサイトの方を今月中に正式に稼働させたいんだけど（気付いたら5月終わってた）、独自ドメインが思ったより安かったからもう二次創作サイトの方も独ドメ取得してしまおうかなという気持ち。
元々ダンデビデータサイトの方は二次創作サイトと切り離したかったから独ドメ取得する予定だったけど、せっかくだからやってしまえウオ～～個人サイト運営歴1●年（開店休業期間含む）にしてようやく独自ドメインデビューだイェイイェイ
元々ダンデビデータサイトの方は二次創作サイトと切り離したかったから独ドメ取得する予定だったけど、せっかくだからやってしまえウオ～～個人サイト運営歴1●年（開店休業期間含む）にしてようやく独自ドメインデビューだイェイイェイ
ダンデビもSwitchに移植されたことだしやっぱり日常もネタバレ感想も何の気兼ねもなく適当に呟けてなおかつそこそこ長文も打てて後から見返せるようにカテゴリ分けと検索もがっつりできて画像も気軽に貼れる場所が欲しいな～～～～ということで、ずっと気になっていたてがろぐをようやく設置しました。
CGI設置するの久々だったけど、公式さんのおっしゃる通り設置だけなら本当に秒で済んだ。
カスタマイズ度もめちゃくちゃ高いがゆえに好みの見た目にしようとするとCSSゴリゴリいじる必要があるから、スキン配布サイトあったら更に気軽に使えそうだな～という印象。
カテゴリ表示の部分とかメニュー部分とかもう少しいじりたい気持ちもあるけどとりあえずはこれで見切り発車するぞヤッターーーー🥳
CGI設置するの久々だったけど、公式さんのおっしゃる通り設置だけなら本当に秒で済んだ。
カスタマイズ度もめちゃくちゃ高いがゆえに好みの見た目にしようとするとCSSゴリゴリいじる必要があるから、スキン配布サイトあったら更に気軽に使えそうだな～という印象。
カテゴリ表示の部分とかメニュー部分とかもう少しいじりたい気持ちもあるけどとりあえずはこれで見切り発車するぞヤッターーーー🥳
最近読んだもの
どの本か忘れたけど今年入ってWebサイト制作入門系の本で改めてお勉強してた時に「CSS設計」というワードが出てきて、やっぱりさすがにそういう概念あるよな～少しでも齧ったら便利そうだな、と思ったもののなんか考え方が色々ありすぎて何から手を付けたら良いか分からん…となっていた時に書店で見掛けてこれだ！と思って買った。
普段Web制作系の参考書はもっぱら電子でセールの時とかに買ってたけど、これはあまりにも求めてた内容だったので何かの縁だと思ってそのままレジに持っていった。
実践というよりCSS設計の考え方をどう取り入れたら良いか分からん人に向けてまさに「ざっくり」解説してくれる感じ。クラス名とか闇雲に付けてるとこういう問題が生じるから、それを解決するためにこういう考え方が生まれて、具体的はこうする、というのが各設計手法ごとに分かりやすく書かれていた。
個人の数ページしか無い趣味のサイトなら必ずしもきっちりやる必要は無いだろうけど、普段クラス名の付け方に悩んだり、優先度に苦戦しまくって上書きするために明らかに無駄な記述してるんだけどどうしたら良いか分からなかったりしてる人間には参考になる考え方が盛り沢山だった。これ読むと自前のゴチャゴチャしたコードを早く書き直したくてたまらなくなる。
スクロールすると途中でページトップに飛ぶボタンが出てくるやつとかとりあえずググって先人が作ってくれたjQueryのコードをコピペして使ってるけど、少なくとも書いてあることの意味が分かりたいしあわよくば改造とか自作とかしたいと思って2月くらいに電子で買って積読ししてたのをようやく読んだ。
練習用のサンプルファイル全部DLできるし、載っている動きもその辺のウェブサイトでよく見るやつだったからコレこういう仕組みで動いてるのか～！と作業しててテンション上がる。
2015年の本なのでトグルとかアニメーション関係とか今ならCSSのみで実装した方が軽くて良さそうなものもあるけどjQueryとは何ぞやを学ぶのにはとても良かった。知ってるやつ作れるのはやはりモチベ上がる。
コレ読んでからこの間半額セールで買った「[動くWebデザイン アイディア帳]」https://www.amazon.co.jp/dp/B08X4GLZTRパラパラめくったら書いてあることの意味が分かるようになって楽しい。
追々JavaScriptの方も齧っていきたい。
ところでjQuery調べてると「今時jQueryなんて…」みたいなコメントもちょくちょく見掛けるんだけどやっと少し分かるようになったのでもう少し待ってほしい。大きなサイト作るのに今時ベタ打ちでチマチマ作らんよという文脈で出てくる気がするからペラいページならまだまだ現役と思って良いですかね！？
当初お借りしていたテンプレートのCSSファイルに「Sass」って書いてあって「Sassって何！？」と思って調べたら超便利な感じだったのでもう少し体系的に齧りたいなと思って、Sass覚えるなら最初はこの本一択だと紹介されていたもの。5月くらいに電子でセールだった時に買って積読してたやつようやく読んだ（そのパターンばっかり）。今もセールしてるな。
ところでこの本読む前にウェブでSassの書き方少し齧って、なるほどパーツやぺーじごとにscssファイル分けて@importで読み込んで一つにまとめれば良いんだな！？できた！ヤッタ～～！めっちゃ便利！とか思ってたら、Sassの@importの使用去年の10月で非推奨→今年中に廃止になるらしくて笑った。覚えた先から古くなるのさすがウェブ技術って感じ。この本も2017年の発行で@importでの読み込みしか解説されてなかったから別で@useと@forwardの使い方覚えた。