Memo


今後どんなに落ち込んでも絶対に元気が出るであろう動画。
シンプルにネタが馬鹿馬鹿しすぎて面白いのはもちろんなんだけど、新天地に行く勇気を貰えるとか、環境を変えてみる可能性みたいなものを感じさせてくれるという見方もできる。
以前ウーマン村本氏がアメリカでスタンドアップをやってる動画を見た時も似た気持ちになったけど、こっち（安村さん）の方が明るくてポップなのでいつどんな気分の時でも見やすいです。

審査員のお姉さんの笑い方が豪快すぎて絶対つられてしまう…
安村さんもこんだけ爆ウケしたら気持ちよかっただろうなぁぁ…
トニーって呼ばれて愛されてるのにほっこりしました。
あとコメ欄の「彼のパンツは100年後美術館に飾られるべきだ」みたいなブリティッシュ称賛コメントにもめっちゃ笑いました。

#お笑い #YouTube
感想日記
20230423115209-admin.jpg

自分の場合、技術力重視に傾倒すると上手くいかなくなることがわかったので、ここ1年以上は技術書の類を買っていませんでした。
しかし最近またお絵描きのモチベが上がってきたのに対して、手の方が追い付かないとでもいうか、いろいろ停滞感を感じるようになってしまったので何かヒントになればと、今の自分に波長が合いそうな本を3冊ほど買ってきました。

昔はこういう裏でしている努力や影響元についての話は絶対しなかったのですが（その方がCOOL😎だと思ってたからです…）、お絵描きの練習や創意工夫の様子をありのまま載せてくれているサイトやブログを見るのがとても面白かったし刺激になったので、自分も発信していきたいなと思いました。

本については、何か気づきや感想があればまた個別に書きます。

#創作全般 #読書メモ #モチベーション #絵の練習
日記
20230422104444-admin.webp
近所のセブンがなんだか可愛く見えたのでアイソメ風にスケッチしてみました。
本当にアイソメトリックだと上手くいかなかったので、あくまでもアイソメ「風」が良いようです。

セブンってレンガ調で可愛いですよね。
セブンの居抜き物件はすぐそれとわかります。

商店は人を呼ぶための存在なので、題材として魅力的なのは当然なんだなと描いてみて初めて気づきました。

line

色塗りが本当に苦手です。
どうあがいても汚くてダサい色しか塗れない…。
女の子キャラクターなら可愛らしい色でギリ誤魔化せてますが、風景やモノになるとそれが顕著に出てしまいます。
一時期は水墨画風に逃げてましたが、パキッと可愛く気持ちいい色で塗ってある絵を見ると「私もこういうのが描きたいなぁ」と思ってしまうので、やっぱりそこは頑張りどころですね。。


#制作メモ #スケッチ #アイソメ？ #とりあえず何か描こう #色塗りから逃げるな
お絵描き
もともと10年ひと区切りまで続けたくてサイトを始めましたが、本当に約10年間ほぼ毎日日記を書いている現役バリバリの日記サイトを見つけてしまって日記を書くモチベに火が付きました。（私は絵を描け…）

一見些細なことでも、10年も続けていると宝になるという私の予測の証明になっていましたね。
もうそこまでいくと、内容如何よりも続けてくれてること自体が価値や魅力になるんだなぁと。
凄いものを見ました。私がぼんやり思い描いて目指していた場所は本当にあったんだなぁ。

数の正義、継続の正義みたいなものは確実にあります。
何も継続してこれなかった人間が言うんだから間違いない。

line

ちなみに誕生してから10年後に消えているサイトは全体の9割以上で、ウェブページの平均寿命は約3年のようです。。

ウェブページの寿命: 2001 年に存在した 1000 万ページを対象にした調査（PDF）

#モチベーション #インターネット
サイト運営メモ日記
この約1年で計3回のサイトリニューアルを経て、自分のやりやすいスタイルがだいぶわかってきました。

特に文章をてがろぐに一本化したのは英断でしたね。
SEOを捨てたのも大正解でした。精神的に身軽になれたので。

#てがろぐ #モチベーション
サイト運営メモ
てがろぐでPHPのincludeっぽいことができるのを知ったのでさっそくヘッダーとフッターを共通パーツ化してみました。

20230419142333-admin.webp

【参考】
てがろぐ カスタマイズ方法 - 【ファイル合成】 - にししふぁくとりー

最初はどうにかPHPが使えないか試行錯誤してたんですが、ダメっぽかったのでこれに落ち着きました。（よくわかってないです。）

メイン用、長文記事一覧用、ギャラリーモード用に3つのてがろぐスキンを使っているので、パーツの共通化ができて管理が本当にラクになりました。
特にCache BustingのためにCSSの読み込みファイル名にクエリパラメータを付与するのを手作業で3スキン分やるのはかなり骨が折れてた上に、各スキンの構成ファイルは同じファイル名なのでフォルダを間違って誤上書きアップロードしてしまわないかヒヤヒヤしていました。
（PHPが使えればクエリパラメータを自動付与できるので、てがろぐ以外のページはそうしています。）
今後はてがろぐも共通ヘッダーを1回更新するだけで良いので、その手間と心配がなくなったのは本当に良かったです。

→PHPを使わなくてもjavascriptでクエリパラメータの自動付与ができたので、CSS更新程度なら一切タッチ不要にできました。
参考：ユーザーのブラウザで最新のCSS/JavaScriptを反映させる方法 | PEblo.gs

line

今度時間作っててがろぐのマニュアル熟読する日を設けよう。まだまだできること山ほどありそう。

#てがろぐ #カスタマイズ #備忘録
サイト運営メモ
Memo（てがろぐ）にお楽しみボタンを設置しました

20230418184006-admin.webp

左から、長文記事一覧モード、ギャラリーモード、ランダム1件表示です。
モバイル端末表示ではサイドバーがないので最下部に追いやられています。😹

ギャラリーモード
20230418223749-admin.webp

ギャラリーモードはちょっとイン●タ風のスクエアサムネイルにしてみました。
てがろぐにアップしてきた画像はあまり軽量化を意識していなかったので結構重いかもしれません。
サムネイルをクリックしたら拡大ではなく本文に飛ぶ仕様にしたいのですが、調べてもやり方がわかりませんでした。（多分現状は無理だと思う）

ギャラリーモードではネタバレやセンシティブ配慮などは皆無ですのでご注意ください。
てがろぐの機能的には対応できるので、気が向いたら対応します。
【追記】：一応対応させてみました。

スマホ実機でスクエアサムネにならない不具合を確認しました。
PCからだと再現できない…。多分修正諦めます。

ランダムで1件表示モード
ランダム表示モードは1回押せばその後はボタンをポチポチしなくても、F5やスワイプなどで画面のリロードをするだけで延々とランダムに表示されつづけます。黒歴史から逃げるな。


#お知らせ #てがろぐ #カスタマイズ
サイト運営メモ更新履歴【非表示】
フォントまわりのふぉんとに細かい話

Webフォント（GoogleFonts）の使用により、フォント表示時のチラつきとサイト全体の重さが気になっていたので対策した話。
欧文フォントだけ使っている時はさほど気になりませんでしたが、日本語フォントをどうしても使いたかったので頑張りました。

Googleフォントの外部読み込みをやめて自サーバーから呼び出すようにした
GoogleFontsからフォントをダウンロード→woff2に変換→自サーバーにアップロードしてCSSの@font-faceで読み込む。

これにより初回アクセス時の読み込みは（たぶん）重くなってしまいましたが、以降のページ遷移はサクサクになったはず。
特にキャッシュを拒否していない環境であれば一度読み込んだフォントは1年間キャッシュされます。
外部からの読み込みだとページ遷移するたびに、端末標準の代替フォントから指定したフォントに切り替わる瞬間の画面のチラつきがありましたがそれもなくなりました。

ローカルにフォントがインストールされていれば読み込むようにした
当サイトでは日本語フォントにKosugi Maruを指定していますが、閲覧者の端末にKosugi Maruがインストールされている場合はそちらを優先して読み込む設定にしました。その場合は問答無用で超サクサクです。

おそらくこのサイトへのアクセスの99%は自分だと思うので、とりあえず自分のPCからKosugiMaruで爆速＆チラつき無しで表示できるようになり大満足。

なおヒラギノ角ゴがインストールされている端末ではそちらが優先されます。
これは私がiPadで自サイトを見る時に、KosugiMaruがなんかしっくりこなかったからです；

タイトルロゴがちらつかないようにした
トップページの筆記体風のロゴもWebフォントなのですが、読み込み完了するまで代替フォントとして端末標準のクソデカゴシック体が一瞬チラつくのが気になっていました。

@font-face {
  …中略…
  font-display:auto;
}
ロゴに使用しているフォントではfont-displayを上記のように設定することで、代替フォントを表示せず、指定フォントで読み込み完了するまでは何も表示しないように変更。

あとはフォントとは関係のない本当に細かい余談ですけど、トップ絵とバナーサンプル画像は文字列変換して読み込み時の一瞬のガク付きが出ないようにしました。

line

【参考】



#高速化 #手打ちサイト #カスタマイズ
サイト運営メモべらべら更新履歴【非表示】
  • javascriptの外部読み込みをやめて、使ってるページ（galleryとてがろぐ）だけにインラインで記述する
  • CSSセレクタの見直し（なるべく子孫セレクタにしないで直接指定する）
  • コメントアウトして残していた不要コードを削除

このへんの施策をやってみましたが、これだけでも結構読み込みが軽くなったと思います。
日本語Webフォントをやめればいいのはわかってるんですが、ここは今のところ譲れない…

我ながらなんでこんなに早さを求めてるんだろうと不思議です；

#高速化 #手打ちサイト
サイト運営メモ
1 2 3 … 25 26 27 … 43 44 45