わしのWebデザインを愛でる回

#

#

カラー&ミニマル&明瞭。わしの名前をサイト名にしているのでわしが最強になってしもうた。余の天下じゃ。

めっちゃChatGPTに質問したけど、私のJavascript知識が足りなくてあまり実装できんかった。ちゃんと勉強するとなんでも出来そうな言語。

アイコン部分はbuttonではなくdetailsでつくった。detailsの挙動は比較的かわいいが、完全な制御はできていない。

about meの画面
人のボタン押すとabout meが出るよ
カテゴリ一覧
虫眼鏡のボタン押すとカテゴリ一覧が出るよ

#

製図が得意らしいConceptsでアイコンを作った。めっちゃ使いやすい〜図形の変形ツールが扱いやすすぎる。きっちりした線に苦手意識あったけどきれいにできてよかった!フリーアイコンじゃ統一感出せないからな。

RSSフィードはサイトURLから取得できるようにした。記事ページ以外のページなら大体取れる。

#

write、drawボタンはそれぞれのトップページ、enacum.のボタンはwriteのトップページに飛ぶ。記事ページからも飛び放題。

ライトモードのデザインも載せておきますわね。

#

#

その他

幅や高さをpxで設定していたので比率(vw、vh、%)に切り替えた。スマホで表示が崩れないようにするためにはpxを使わないほうがいいとネットの有識者が言ってた!画像並べるときの設定にはまだしばらく悩みそうだな。綺麗に見える比率を探している。色も視認性追求のためちょっとずつ変えている。

あとは記事作成にマークダウンとスニペット(辞書登録機能みたいなやつ)を使うようにした。

  1. Craftで書いた記事をMarkdownで出力
  2. エディタで読み込んでHTMLに変換する
  3. スニペットに入ってる画像用タグなどを使って完成させる
  4. タイトルや日付などいろんなページで使い回す部分はJavascriptの定数を使って入力

PCでしかできないことが難点。もっと簡単にやるならブログサービスみたいにブラウザ上で編集・保存できるアプリケーションを作ればいいと思うが(それはたぶんそんなにむずかしくない、たぶん。)ログイン周りに適切なセキュリティをかけるには、サーバー移転する必要性が出てくる。Github pagesでもできるけどそこそこお金かかる。という認識。それでもかなり作成しやすくできていると思う。

コンテンツ作れよ

二次創作の妄想難しすぎるな〜この二人エモそう……!?エモそう……!と思って探ってみると結構あっさりしてて形にしづらかったりする。ルッチとパウリー!お前らだよ!!

パウリーがアイスバーグさんの敵討ちをルフィに託して、その上仲間の立場からクビを突きつけていて 敵としても仲間としてもあそこで断ち切ったんだな〜あ〜パウリーけっこうしっかりしている。24歳くらいなのにな。

ルッチのほうが子供なんだよな、あの二人だと。政府に反抗的かどうかできっちり分別して融通が効かないあの戦い方……

ルッチはやっぱりルフィなのかな。ルフィしかないのか。妄想広がりそうな沼はどこなのか……あ!ヒョウ太(ONE PIECE学園のルッチ)か!しばらくヒョウ太でチャージしよう。想像力を。

#更新履歴