生存報告所

日記だよ!

3/16 技術ブログを作ろうとした

3/16(日) 睡眠時間10時間+3時間

友人が転職祝いに月の土地を貰ったと嬉しそうに話していた。調べてみると、1エーカー(サッカーコート1面分くらい)の土地を2,700円で購入できるらしい。

面白いビジネスではあるが、住所システムは日本みたいに穴だらけでないと良いなぁ…。

とにかく日本の住所のヤバさをもっと知るべきだと思います|inuro

 

📕やったこと

 昨日は日記を2つ書き、本を30分読んで1時半に就寝。明日のストレス要素を減らし、メラトニン生成のために30分を確保したことで、質のいい睡眠が出来ることを祈りながらの10時間睡眠。寝すぎでは?

平日夜更かしの罪は重い。

📗考えの整頓

 3月頭から読んでいる佐藤雅彦先生の本、4冊目。『毎月新聞』と同じく、自分の心に引っかかった”不明なもの”についての連載をまとめたエッセイ集である。

 

  • 頭の帽子から地図を取り出した警官の工夫に感動し、そのあと10人の警官に質問してみた『おまわりさん10人に聞きました』
  • 船酔いするのは胃が動くからだと考え、絶対に船酔いしない方法を考案する『船酔いしない方法』
  • 広辞苑の「へそくり」が記載されたページに1万円挟み、20年間忘れた『広辞苑第三版 2157頁』。

 常に面白い表現を模索する人であるからか、言葉の工夫と発想のユニークさ、日常での小さな違和感を大事にする感性の鋭さに脱帽しながら読んでいた。

第2弾も出ているようなので、見つけたら買ってみよ。

 

📗ブログ作成

 やりたいことは多いが、全部をTodoリストに入れても今日だけでは終わりそうにない。

「今日1つだけ進めるなら何か?」と自分に問いかけた結果、「技術系ネタをまとめるブログを作ること」で決定した。ただし、「はてなブログでは書かない」とだけ決まっている。

Pro会員であるため、機能的な意味での不満はまーったく無いのだが、唯一許容できないのは「プロフィールからブログボタンを押すとこの日記が出てくること」である。

この部分ね

 もちろん、メインブログの設定を変えればいい話ではあるのだが、その場合今度は日記へ飛びにくくなる。このアカウントは日記と紐づいていて欲しいので、技術ブログはあえて別媒体に分けることにした。

 

そうと決まれば、Chat GPTと相談してたたき台作りからだ!

 提案の内容からどの方法で作ろうか検討してみる

  • ✅マークダウン+静的サイト -> 採用
    • 構成がシンプルだし、無料で公開できる。
  • ❌Notion / Obsidian + 公開機能
    • この2つはメモを貯める場所だから、発表の場とは分けたい。
  • WordPressはてなブログ
    • 上の要件的に却下。WordPressほどの管理画面も不要。
  • GitHubリポジトリを技術メモにする
    • 公開しづらい。見る人に優しくない。
  • ❌カスタムWebアプリを作る(Next.js + Firebase等)
    • 開発・運用コストが高そう。

というわけで、導入コストの低さとシンプルさから「マークダウンから静的ファイル生成」を選択する。ツールはシンプルそうなHugoで生成し、デザインにはテーマ一覧で最初に出てきたPaperModというテンプレートを使ってみることにした。

左)公式のガイド 右)Neovimで設定している様子

 最初はChat GPTに方法を聞いていたのだが、途中から情報が古く頓珍漢なことを言いだしたため、結局公式ドキュメントに従って最初からやり直した。それでも、設定を進めて1時間半程度で完成する。

 マークダウンでいくらかの設定をしたらもうシンプルなサイトが作られてしまった。簡単、ハラショー、素晴らしい! 

 

よしよし、後はGithub上にアップロードして今日のタスクは完了…と思いきや、ページを操作しているなかで、小さな違和感がいくつか出てくる。

  • カテゴリとタグを見るためにわざわざ1クリック挟むの面倒では?  情報を探している人に優しくない。
  • タグが増えると見づらい。細かい文字の集合から目的のタグを探すのが困難
  • 段落に応じた目次が出てこないのも不便。

…と細かい不満を挙げればポロポロと出てくる。

はてぶが「俺の何が不満なんだ…?」と流し目を送ってくる。3年以上の付き合いだがお前とは遊びだったんだ、ちょっと待っててくれ。

 

改めて、はっきりした私の要件について整理してみる。

  • 情報を辿りやすくするために、カテゴリーとサブカテゴリの表現は必須。
  • ページ内の段落一覧を確認しやすくするために、目次は画面の左右に出すこと。*1
  • それでいて画面はシンプルに!

大体欲しい機能は定まってきたので、自分なりにイメージする画面を書いてみた。

こんなの 字がきちゃねぇ

 そして、この写真をそのままGPTに投げる


 最初は進めたように「とりあえずブログを作りたいからやり方教えろ」という相談だったのだが、要件がはっきりしたことで、実現方法もさらに具体的に聞くことが出来る。

「サブカテゴリ欲しいんだけど出来る?」と聞くと、要件に合わせた方法を教えてくれた。

 

 作業を進めたかったが、1日寝すぎたせいで今日はもう終わりの時間。

 しかし、頭の中の妄想が形になってきたので一歩進んだとは言えるでしょう。来月からは書き始められるように、今週中には公開したいなぁ。

 

📕ごはん

 朝食:寝てた

 昼食:バナナ

 間食:菓子パン・ポテチ・Toughグミ

 夕食:納豆卵かけご飯

 

 卵、卵が200円台で買えましたわ!!

 

 獲物を狙う鷹のごとく抜け目ない主婦たちが近くに住んでいるのか、仕事帰りに寄るといつも売り切れていた卵。しかし今日の買い出しではまだ棚に数段積まれていて、見るやいなや早足で近づいた買い物カゴに入れていた。

 

 空腹の15時台にいったからか、卵のついでに余計なおやつまでポイポイと購入してしまい、帰ってきたからはおやつタイム。その1時間後、ブログ名に悩んでいると眠気に襲われ3時間仮眠…。また血糖値スパイクに負けてる!

 

 起きたら20時前。鶏肉を解凍して今日も料理する気満々だったのだが、諦めて軽めに終えた。卵の豊富な栄養素が体に流し込まれるのを感じますわ~!!

来週末は、昼食にお好み焼きを作って血糖値スパイクを防ぎますわよ。

 

*1:最近Pixiv百科事典も目次の表示方法変わっていて好感を持っている。やはりPCで見る場合は、ページ内の上部ではなく画面の左右に出て欲しい。