[{"data":1,"prerenderedAt":127},["ShallowReactive",2],{"blog-20260721":3,"blog":109,"blog-20260721_surround":120},{"id":4,"title":5,"author":6,"body":7,"created":101,"description":13,"extension":102,"head":6,"meta":103,"navigation":70,"ogImage":6,"path":104,"robots":6,"schemaOrg":6,"seo":105,"sitemap":106,"stem":107,"updated":101,"__hash__":108},"blog\u002Fblog\u002F2026\u002F07\u002F21.md","初めて(?)の個人サイトを作った話",null,{"type":8,"value":9,"toc":94},"minimark",[10,14,17,20,24,27,30,33,44,47,54,57],[11,12,13],"p",{},"個人サイトを設立しました！色々と勉強になりました。",[15,16],"hr",{},[11,18,19],{},"本来なら書くことが大量になるとは思いますが、今回はサラッとまとめておきたいと思います。",[21,22,23],"h2",{"id":23},"個人サイトを作ろうと思ったキッカケ",[11,25,26],{},"元々プログラミングに対しての知識はある方だと思っていて、C#や Python 等はある程度理解している認識でした。",[11,28,29],{},"html,css に関してもある程度の知識しか無く、ドメインを購入する機会があったので、この機会に作ってみよう！となりました。",[21,31,32],{"id":32},"個人サイトを作るにあたっての勉強",[11,34,35,36,43],{},"元々html,css,js のみで構成するつもりでしたが、新しい経験もしたいと思い、\n直近で見た ",[37,38,42],"a",{"href":39,"rel":40},"https:\u002F\u002Fhiratake.dev",[41],"nofollow","ひらたけさんのブログ"," を参考に Nuxt.js を使って作ることにしました。",[11,45,46],{},"参考にした上で構成等沢山同じ部分や似ている部分が出てしまっているので、今後は自分のオリジナルの部分を増やしていきたいと思います。",[11,48,49,50,53],{},"html 等で構成する場合はディレクトリ構成等が明確にわかりやすかったですが",[51,52],"br",{},"\nNuxt.js を使う場合はディレクトリ構成等が複雑で、理解するのに時間がかかりました。",[21,55,56],{"id":56},"これからの課題",[58,59,62,76,82],"ul",{"className":60},[61],"contains-task-list",[63,64,67,72,73,75],"li",{"className":65},[66],"task-list-item",[68,69],"input",{"disabled":70,"type":71},true,"checkbox"," デザインの改善",[51,74],{},"先述したとおり、参考にしたサイトのデザインを真似してしまっている部分が多いので、オリジナルのデザインにしていきたいです。",[63,77,79,81],{"className":78},[66],[68,80],{"disabled":70,"type":71}," 記事の追加",[63,83,85,87,88,90,91,93],{"className":84},[66],[68,86],{"disabled":70,"type":71}," ブログ記事内での画像の参照方法",[51,89],{},"現状、できるだけお金をかけずに作りたく、aws, cloudflare が共に未契約です。",[51,92],{},"\nそのため、運用方法を考えていきたいと思います。",{"title":95,"searchDepth":96,"depth":96,"links":97},"",2,[98,99,100],{"id":23,"depth":96,"text":23},{"id":32,"depth":96,"text":32},{"id":56,"depth":96,"text":56},"2026-07-21","md",{},"\u002Fblog\u002F2026\u002F07\u002F21",{"title":5,"description":13},{"loc":104},"blog\u002F2026\u002F07\u002F21","EEqYMj-4V9fB4DDn6Q2f05IpArQ90Yer0nu7r0TTaNE",{"id":110,"title":111,"body":6,"description":112,"extension":113,"head":6,"meta":114,"navigation":70,"ogImage":6,"path":115,"robots":6,"schemaOrg":6,"seo":116,"sitemap":117,"stem":118,"__hash__":119},"diary\u002Fblog\u002Findex.yaml","日記","趣味のことから技術系の真面目なことまで、書きたいことをなんとなく書いてみたり感じたことを後で振り返ることができるように書いたりしている日記です。","yaml",{},"\u002Fblog",{"title":111,"description":112},{"loc":115},"blog\u002Findex","tChNaKmylfow56a5_Kx25C0NLbUDbrwe_8lKA0xueyU",[6,121],{"title":122,"path":123,"stem":124,"description":125,"created":126,"children":-1},"7月22日、成長した日記","\u002Fblog\u002F2026\u002F07\u002F22","blog\u002F2026\u002F07\u002F22","今日も個人サイトの作成を進めていました。成長できた部分と課題が見えてきたので、まとめておきます。","2026-07-22",1784771501506]