Welcome to MYS's 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 2026/06/28💬-件のコメント♡-

某有名テレビ番組のコーナーのひとつである「日本列島ダーツの旅」を再現したゲームを作ってみました！ 日本列島ダーツの旅について説明する必要はないかもしれませんが、、、一応説明しておくと， 日本地図に向かってダーツを投げ，的中した地点に有名人が赴くというものです． このゲームは日本にダーツを投げるという部分だけを楽しめます． なので適当に旅行先を決めたいときとか，自分の地元を当てたらクリア的な遊び方ができると思います． プレイはこちら がんばったところ 日本列島ダーツの旅を再現したゲームは意外と少なくて，あったとしてもダーツを投げる体験はあまりできなそうでした． こういったアプリケーションだと，完全にランダムに地点が決められて，自分で当てた感が無いなぁと思って，<br / このゲームではダーツをスワイプして投擲できるようにています． きちんとスワイプした方向，強さに合わせて命中地点も沿うようになっていますよ（←これが一番難しかった）． 単純にスワイプの方向・強弱で命中地点を決めると，矢が海にばっかり入水してしまって，陸に上がってくれないので，<br / 日本列島（正確には日本列島を近似したポリライン）に寄せるように力を加えたりとかしています． あとダーツ投げたよ感を出すために遠近感を演出したりとか工夫してみました． 感想 claude codeを使い始めて間もなかったので，今回のダーツ旅アプリの開発に使ってみましたが，結構精度よく開発できて，半日で大部分が完成して驚いた．．．！ 余談 実は1年くらい前にも作ろうとしたけど，うまく作れなくて断念してました；； そのときは確かGoogle Maps API使ったりして試したけど地点判定ができなかったですね． 妥協に妥協を重ねて郵便番号7桁をランダムで並べて地点を出すゲームにしてみたりもしたけれど，<br / 存在しない郵便番号も当然あるわけで，その判定ロジックをつくるのがめんどくさかったですね． 結局諦めました^^ まぁ最終的にこれが作れたのでよき

uploaded on 2026/04/05💬-件のコメント♡-

みんなでひとつクイズを作ってみんなで解き合うリアルタイムクイズアプリです．その名も「みんなでクイズ」，略して「みんクイ」です．有識者からは「みんはや」じゃねぇーかと言われますが，「みんクイ」です．（名付け親は私の友人です．文句は彼に．） ゲームの流れとしては，参加者全員がまずひとつクイズを作成して，次に作成したクイズに全員が一斉に回答していきます．正解した人はポイントがもらえますが，そのうち最も早く回答した人にはボーナスポイントが入ります． 自分の作ったクイズに回答するときは，単純に答えるのではなくて，どれだけ正解者が出るか予想するようになっていて，的中すると高得点がもらえます．（やってみると意外と的中しません） 最終的に一番多くポイントをゲットした人が優勝となります． プレイはこちら このゲームを作った背景 同じ研究室の友人と話してるときに， 「飲み会とかのレクでおもしろいゲームないかなぁ」 「身内ネタがあると盛り上がるよねぇ」 みたいな超有意義な会話の中で生まれました． その時に大まかなゲームルールは決まって，僕が作ってみたという感じです． 実際に遊んでみた 研究室のイベント（お花見，BBQ）2回で遊んでもらえました（うれしい） 人数は両方とも10人くらいだったかな？ みんな自分の推しとか趣味に関する問題を作ったり，他人をネタにして問題にしたりなど，めっちゃ楽しかったです:) 正解者予想チャレンジも，1ゲーム1人くらいいて，いい難易度感になってるなぁと思ったり． 技術構成 Frontend: Next.js DB: firebase サーバーサイド処理が割とあって，リアルタイム性も求められるので，相性が良いとされるこのような構成にしました． 初Next.jsでしたが，やっぱり中身がよくわかりませんね、、、さすがブラックボックスさで嫌悪されるだけあります．まぁ便利らしいんですけどね． firebaseは結構便利だなぁと思いました．無料枠も普通に使う分には十分あるし，この規模ならかかってもトータル数十円くらいだし． 管理画面でクイズの文章やユーザー名とかが見えてしまうので，暗号化もひょっとしたら必要になるかもしれない；；

uploaded on 2025/08/20💬-件のコメント♡-

虫食い算の続編です．今度は理系バージョンで，出題範囲が数学Ⅲから大学数学になりました＾＾ プレイはこちら 前作とのパワーアップ内容 虫食い算から出題範囲を変えたほか，いろいろ機能追加・改善もしています． レスポンシブ（モバイルに限らずタブレット端末やPCもレイアウトを崩れにくくする調整） メニュー追加 やりなおす バグレポート 回答した問題の一覧を結果画面で見れるようにした 全問正解するとボーナス問題にチャレンジできる仕様 プレイヤーのランキング機能 ゲームアプリとして最低限の体験はできるようになったかなぁといったところですかね． 実際に遊ばせてみた 被験者(?)3名ほどに遊んでもらいましたが，みんな口をそろえて難しい！ と叫んでました．ｵﾓﾛ． 特に行列式の計算は忘れがち&めんどくさいで時間がかかりますからね． ほかの問題は割と数式にある数字から推測できたりしますけども、、、 技術構成 Frontend: React DB: firebase（ランキング用） 数式レンダリング: MathJax ランキングはユニークなプレイヤーではなく，プレイ回数なので，一人が100回プレイしても，100人のプレイヤー扱いになっちゃいます． これを避けるにはアカウントというものを用意しなきゃいけなくなるので妥協しました．

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枚の，ビギナーにしては大作なこの作品が， 運よく優勝してうれしかったですね． 先輩たちからもたくさんお褒めの言葉をいただき， 中には黒タイツの光沢によって虫歯に効いた方もいましたね．

uploaded on 2025/02/09💬-件のコメント♡-

めずらしくブラウザゲームを作ってみました． 慣れないJavaScripと戦いながら，生成AIさんの助けを借りつつ，なんとか仕上がりました． 作ったゲームは「虫食い算」です．この単語が地方によって通じないかもしれないので，虫食い算とは何たるかを説明しておきます． 虫食い算とは，ある数式のひとつの項が空欄となっていて，空欄に入る値を求める計算のことを言います． 数式は方程式に限らず，筆算もよくあります． 空欄の部分を虫食いにたとえて，かわいらしいイラストとともに，小学校のテストでよく出された記憶があります． それを高校数学にまで広げたのが今回作った「虫食い算」です． 「虫食い」というかわいらしい（？）名前に反して問題のレベルがハードなのがおもしろいと思ってます． 使用技術はJavaScriptです．素のJavaScriptです．Reactとかのフレームワークも使えるようになりたい... こちらのリンクからすぐに遊べます．（スマホでのプレイ推奨） click here （ブラウザゲームだとリンクを共有すれば誰でもすぐに遊べるのが最高にいいですよね．）

uploaded on 2024/10/29💬-件のコメント♡-

sandtrixとはいわゆる「砂テトリス」です． 大学2年生のときに授業でゲーム開発コンテストなるものがあって，そのときの優勝者が砂テトリスを作っていました． そのゲームの完成度が高すぎて，自分もこういうのが作りたいなと思ったので，がんばって作ってみました． 当然彼の作品を超えはできないけど，自分なりによくできたと思ってます． 普通のテトリスでは，テトリミノと呼ばれるブロックみたいなやつを積んで，行をそろえて消していくゲームですが， 砂テトリスは，そのテトリミノが砂状に崩壊します．どうやってそろえるのかというと，テトリミノは色ごとに分かれていて， 同じ色で端から端まで連結できると，そろった状態になり，消すことができます． そろった・そろってない判定がきつかったですね． 結局，1粒1粒処理を追ってってバグを解消しました． ソースはこちら

uploaded on 2023/08/01💬-件のコメント♡-

むかしなつかしのゲーム「Gradius」（グラディウス）をつくってみました． Gradiusはいつのゲームか覚えてませんが，Wiiかファミコン時代のゲームだったと思います． 昔よくあそんでたので，もう一度あそびたくて作りました． できるだけ本家に近づけるように，結構細かいところにこだわってつくりました． 例えば機体の傾きとか，オプション（オレンジ色の楕円みたいなやつ）のアニメーションとか，敵が消えるときのアニメーションとか． 動作が少し重いのは実力不足なのでご愛敬ということで． 使用技術といっても当時はまだC言語しか知らなかったのでCだけですね．あとはSDL2だけです. 最後にソースへのリンクを貼っておきます． 遊びたい方はC言語とSDL2の環境構築をしてからダウンロードしてください．Linuxでの構築がおすすめです． click here あ，書き忘れてた．たまに音がならないときがあります（原因不明）