Blog

uploaded on 2026/08/14💬-件のコメント♡-

ついに僕のホームページができました～（祝）（実績解除）． といっても1年前にすでに作ってはあったんですが，内容が身内向けだったので整理したって感じです． なので，ほかの投稿見ると時系列ぐちゃぐちゃに見えますが，とりあえずはここからです！ 前のサイトをもとにして作る中で，内部のソースとか環境とかがかなり整備されてすっきりしました◎（自己満）． どんなホームページか このサイトは僕の作ってきたゲームとかアプリを展示する場所にしようかなぁって今のところは考えてます． せっかく作ったのだから遊んでみてほしい・使ってみてほしいというのが大きい．．．！ というわけでこれからいろいろ記事書いていけたらなと思います(ง ••)ง ちなみに、 、 、 上のでかい画像にある^^みたいなやつは，このページの枠組みとして使っているAstroという技術のテンプレート画像です． この顔を見ながら最初はサイトを作り上げてきました．かわいいですね． あと，このサイトのデザイン・レイアウトはちょまどさんのHPをめちゃくちゃ参考にしました．結果的に丸パクりみたいになってしまってる．．． 自分の知っている有名なエンジニアの中でこのサイトに合いそうな構成だったのが理由ですね． サイトに使ったもの ハードウェア：自宅サーバー<br 楽天で買ったくっそ安いミニPCからwindowsをはぎ取ってubuntuをインストールしたもの．<br 筐体の名前はココナッツ（ココナッツモールという曲から名付けた）． コンテナ：Docker<br 最近ハマってるやつ．開発，運用，研究幅広く使えて便利．仮想環境は性に合う． ミドルウェア：Nginx ランタイム：Node.js データベース：SQLite<br コメント・いいね数などに使ってます． フレームワーク：Astro<br ページの大半をHTMLとして焼き上げるので爆速表示ができるすごいやつ． CDN/トンネル/TLS/Bot対策：Cloudflare<br サーバーのポートを開けず世界中からアクセスできるすごいやつ． 通知連携：Webhook<br 何か起きたら勝手にお知らせしてくれるすごいやつ．

uploaded on 2025/07/21💬-件のコメント♡-

研究室内でHPコンテストがあったので，ホームページを作ってみました． 当日テンパってもいいようにここで色々説明しておきます． 2026/08/10 追記: このサイトの1年前の情報なので今とは結構変わってると思います．ちなみにHPコンテストは優勝しました． コンセプト 私といえばチョコミントなので，色使いの雰囲気としてチョコミントを採用しました． ミント色を基調として，アクセントにチョコレート色を使用しています． また，サイトの背景には板チョコが散りばめられています．これによって作りこまれた感を演出しています． ページ構成 ページは主に以下の5つです． Home（メインページ） Blog（管理人の日常をさらした記事一覧） Works（これまでつくってきたもの・達成したことの記事一覧） About（管理人のプロフィールや経歴紹介） Contact（お問い合わせページ） Home メインページは，ほかのサブページ（Blog, Works, About）への案内や， すべての記事を一覧表示しています． また，管理人の簡単な自己紹介も行っています． SNSリンクアイコンも設置していますが，それはダミーです．私のアカウントには届きません． Blog Blogページは，管理人の日常といった需要ゼロな記事を一覧表示しています． 各記事に遷移することで全文読むことができます． ちなみに，これらの記事はマークダウンで書いており，HTMLで書かなくても整った見た目の記事にできます． Works Worksページでは，今までにつくったもの（ゲームとか絵とか）や，達成したことなどを，記事にまとめて一覧表示しています． もしかしたら需要があるかもしれませんね．こちらも各記事に遷移することで全文読むことができ，ソースへのリンクも置いたりしています． About 自己紹介ページです．経歴はネタです．笑ってください． Contact お問い合わせのページです．ホームページを開設するなら作ろうと思って作りました． STOP！：悪ふざけで送信するのはやめましょう．本当に届きます． その他 私の紹介で「長野県」という単語にリンクが振ってあります． これをクリックすると，その場から長野駅までの経路を検索できるムダ機能を使うことができます． 使用するには現在地を使用するので，ブラウザの位置情報の使用を許可してください． レッツゴー長野県. ほかにも，プライバシーポリシーや利用規約を定めたページもあります． お問い合わせページで，「プライバシーポリシー・利用規約に同意する」という文を入れたいがためにわざわざ作りました． 中身は半分適当です． 使用技術 マークアップ系はHTMLとCSS，フロントエンドのフレームワークにはAstroというものを使用しています． Astroとは，Webサイトやブログなどの静的なサイトを高速かつ簡単に作成できるフレームワークです．ReactやNext.jsに似ていますが，必要最小限のJavaScriptを組み込む仕組みであるという違いがあります． ホームページくらいならReactやNext.jsは大げさかなあと思って，Astroを初めて使ってみましたが，思いのほか機能拡大に熱が入りすぎて，Next.jsにすればよかったと後悔しています．特にサーバーサイド関連． デザイン面では，CSSのFlexboxやGridを活用してレスポンシブ対応しています．お時間があればスマートフォンでもご覧ください． API関連は，経路検索にGoogle Maps API，メール送信にResend APIを使用しています． Special Thanks アイコン：Icons8，Devicon AI：Cursor（chatGPT），Gemini，Claude（Claudeに聞けばだいたい解決する） 参考にしたサイト：Chomado's blog，【公式】ラムダ技術部，落合陽一公式ページ

uploaded on 2025/05/12💬-件のコメント♡-

先日開催されたFigコンでなんと優勝しました． Figコンとは，私が所属する研究室内のB4生がお絵描きをするというコンテストのことをいいます． そこで私はこの絵を描きました． ここに映っている女性は，ゲーム「ゼンレスゾーンゼロ」に登場するエレン・ジョーという方です． 氷属性なのがお気に入りです． 製作時間20時間，レイヤー数23枚の，ビギナーにしては大作なこの作品が， 運よく優勝してうれしかったですね． 先輩たちからもたくさんお褒めの言葉をいただき， 中には黒タイツの光沢によって虫歯に効いた方もいましたね．