【就活】個人サイトをつくろう

あいさつ

Pozdrav! わたしです。
またしても2週間ぶりの記事。皆さんはお元気でしょうか？
さて、先日わたしは就活用の技術スタック作りを目的としたサイトを公開しました。
URLはこちらです。


今回はこのサイトの話をしていきます。

使用言語とか

OS

  • Debian 13
過去記事を参照してください。

使用言語

バックエンド

  •  PHP/Laravel
  •  MySQL
元々JavaをやっていたのでJavaでも良かったのですが、志望先の技術スタックに合わせるためにPHP/Laravelを採用。たぶんRubyでも良かったと思います。
MySQLは雰囲気で決めました。今回の規模感であればどのDBでも大して変わらないと思います。

フロントエンド

  • Vue/Nuxt.js
HTML、JS、CSSあたりはとても苦手(そういう理由でバックエンド志望です)なので、少しでも楽をするためにフレームワークを使いました。
PHPなのでBladeを使う択もありましたが今回はパス。
本当はNuxtならそれ自体でフルスタック開発が可能なのですが、そのことに気付いたのはPHPでバックエンドを作った後でした。
今回は画面表示およびAPIのゲートウェイとしてのみ使用しています。

サーバー

  • nginx
ﾝｷﾞﾝｸｽです。
Apacheも考えましたが、動的サイトならﾝｷﾞﾝｸｽの方が向いているとか聞いたような記憶。

使用しなかった技術

  • Docker
とりあえずサイトを作って公開することを優先したため導入できず。どこかで使い方を勉強しないといけない。
  • React
制作時の候補には入っていましたが、使用しませんでした。
jsが比較的苦手なので、文法がHTMLに近いVue系の方が個人的には書きやすいと感じました。
とはいえVueでもReactでも文法が違うだけでやることは同じなので、少なくともAI時代にあってはサイトを作って公開するまでの流れが理解できればどちらでもOKという理解。
実際に使用する機会があったらそのタイミングで勉強します。
  • Ruby on Rails
候補にはありましたが使用しませんでした。
言語が違ってもバックエンドでやることは同じであるはずなので、LaravelやJavaの経験があるならRoRも後から勉強できると思います。

やったこと

目標

  1. 志望先での使用技術をとりあえず使ってみる
  2. 過去の配信記録をカレンダーで見られるようにする
1については省略。
2が主目的です。ざっくり下の画像のようなものを作ろうとしていました。(作りました)


ついでに配信用のbot(discordinebot2)と連携して自動的に配信記録を付けるようにします。単にPOSTを飛ばすだけなのでそこまで難しくはないです。

要件

  1. カレンダーで過去の配信記録をまとめる
  2. 配信記録をクリックすると詳細が見られる
  3. 管理者が詳細画面から配信の情報を操作できる(メモの追加、記録の消去)
  4. 配信用botが自動で配信記録を作成し、それをPOSTで受け取って保存する
1-2についてはFullCalendarで実現します。たぶん一番簡単。

1-3で表示する情報については、PHP/Laravel・MySQLのバックエンドに保存しておきます。
ページにアクセスした際には、Nuxtサーバーからループバック通信でバックエンドを叩き、得られた情報を取得および表示します。
インターネット上からバックエンドを直接叩けないようにする意図でこの仕様にしていますが、もっと良い方法がありそうな気もします。

2の配信記録とは以下のものを指します。
  • 配信タイトル
  • カテゴリ
  • 開始時刻
  • 終了時刻
  • 経過時間
  • メモ
メモはMarkdown形式に対応させます。

3についてはログイン機能を設けて実現します。自前でログイン機能を作るほど信用できないものは無いと思うので、今回はTwitch Oauthを使いました。
usersテーブルを作って云々とかしても全然OKなのですが、管理者が自分1人かつ今後増える予定もなかったため、Twitch Oauthとtwitchのユーザー名だけで判定する方式で十分だと思います。

4ではNuxtをAPIゲートウェイとして使用し、Nuxt側で情報がbotから送信されたものか否かを判定し、判定が通ったらPHPに対してデータをPOSTし直します。
（こんなことをするぐらいなら、NuxtでMySQLを直接操作した方が良いと思います。）
botからの送信か否かを判定するため、POSTのHeaderにパスワード情報(非常に長いランダムな文字列)を付与し、これが一致した場合にのみPOSTを受け付ける仕様にしています。

ソースコードを公開しない前提であったため、面倒くさがってbotか判定するためのパスワードをnuxt-config.tsに書いています。(Oauthトークンは流石に.envに置いています)
セキュリティ上のアンチパターンな上に、これのせいでコードが公開できなくなっており悪いことしかありません。

※2026-08-07追記
……と記憶を頼りに書いていたのですが、改めてsrcを確認したらちゃんと.envに全部まとめてあったのでsrcを公開しました。

開発フロー

SQL以外大多数の技術がほぼ初見なので普通にAI駆動開発します。
ただし最終的にその技術を自力で使えなくてはどうしようもないので、Codexなどのエージェントは使用せず、あくまでもコーディング補助ツールとしてのみ使用しています。
(そもそも無職である今の経済状況でエージェントなんて使ったら破産してしまう、というのもあります)

LLMでこういうことが出来るようになったのは技術の進歩を感じますね。Stackoverflowあたりを必死に探していた時代（1年ほど前）とは隔世の感。初歩的なトラブルってStackoverflowに上がっていないことの方が多いんですよね……

手順としてはバックエンド→フロントエンドと積み上げる感じでやります。機能要件がおおよそ満たされたあたりでbot側に連携用のコードを追加し動作テストしました。

最終的な成果

冒頭に貼ったurlを参照してください。
とりあえず要件はTwitchログイン以外満たしたので満足です。

おわりに

そのうち自サイトに掲示板とかも生やしたいです。DB設計は考えたのでいずれ作ります。
おわり

※2026-07-04加筆 掲示板をつくる

ということで掲示板を作りました。完成品はこちら

よかったらいろいろ書いてってください。時代は匿名掲示板

設計

要件はジェネリック2chです。(説明放棄)
DB設計はこんな感じ。

Threads
  • id 整数 主キー 
  • name 文字列 NOT NULL
  • timestamps
Posts
  • thread_id 外部キー(threads.idから)
  • name 文字列(カキコ主の名前)
  • body TEXT
  • timestamps
2テーブルのかんたん設計です。まあ普通ですね。

トップからスレッドを立てる→立てたスレに自動で遷移→スレに書き込み
という感じの流れで操作します。挙動はどっちかというとDiscordとかのチャンネルに近いです。
最初の1カキコをトップからできるようにする場合、トランザクションとか考えないといけないのでちょっと面倒。

Markdownとかの特殊記法は未対応です。（将来的に対応予定）
URLについては自動で<a href="">になるようにしました。ロジックが思いつかずAIに投げました。JSってすごいですね。
AAを書き込めるようにしたさがあります。Markdown対応のついでに独自タグ([aa][/aa]みたいな)を実装する感じにしたい。

CSSについてはChatGPTに全部任せました。

2026-08-04追記

DDNS Nowで取っていたドメインをCloudflareに登録しました。
参考資料はこちら

おわり

そんな感じで今度こそおわりです。Sbogom! 

コメント

コメントを投稿

このブログの人気の投稿

【2026-05-16】所有衣装一覧

イメージ
 Dobry denj! Pozdrav! わたしです。Slackです。 流石にそろそろ手持ちの衣装を整理しないといけないということで、今日は現在使用している衣装を紹介していきます。 ここで紹介されている以外にも衣装が無いわけではないのですが、現在使用していないので実質ないということで。 顔が良い（特に目） 1. Krakowska 一番のお気に入りです。 元ネタは この辺 、ポーランドはマウォポルスカ地方の衣装です。 特にベストの刺繍が大好き。配信画面だとアップになるのでかわいさ百倍です。 マウォポルスカといえばクラクフ。クラクフといえばポーランドの古都。要するに日本で言うところの京都ポジションです。 17世紀以降は首都がワルシャワに移され、その後ポーランド分割によってハプスブルク君主国の領土に。最終的に20世紀初頭のポーランド第二共和国の独立によって、再びポーランドの領土となりました。 首都ワルシャワは第二次大戦末期にナチス・ドイツによる徹底的な破壊を受けましたが、古都クラクフは奇跡的に破壊を免れたため、旧市街には中世の街並みがほぼそのまま残されています。 また、 かつては ユダヤ人が多く暮らしている地域であったため、彼らがいた痕跡も多く遺されています。近くには強制収容所の跡がいくつかあり、そのひとつはかのアウシュヴィッツです。合掌。 2. Maramureș 元ネタはルーマニア、 マラムレシュ地方の衣装 。これも結構なお気に入りです。 マラムレシュ地方はルーマニア農村文化の中心。今でも魔女がいたりします。 この前は講演会に魔女の人が来ていてすごかった。スピ系商売をしているロマではなくルーマニア人の魔女です。 要はロシアの魔女と同じような存在なので、ところどころ似ていて面白いです。 歴史的にハンガリーやスラヴ世界との関係が深い地域であるので、衣装も色使いとか結構スラヴっぽい。 ルーマニア語とか一応ラテン系の割に発音とかすごくスラヴっぽいですよね。最初に聞いた時はなんか理解できそうで1ミリも理解できないもどかしさが凄かった。 一度行ってみたい国です。主に社会主義時代の建物とか見たい。もちろんドラキュラ城とかの史跡も見たいです。ﾑｯﾑｯﾎｱｲ! ﾃﾞﾚﾃﾞﾚﾃﾞｪｪｪﾝ NKT... 3. Szekely 同じくルーマニアから、トランシルヴァニアに...
続きを読む

カクヨムに鬼才を見た

イメージ
 Pozdrav、わたしです。Slackです。 先日、Twitterで 不悪院『セックス家の殺人』 というカクヨム小説を見つけました。今回はこの作品について少々。 この小説、本当に面白いです。ファンタジー世界を舞台としたミステリ小説なのですが、「男たちに囲まれ餓死したサキュバス、宙に浮くチンコ、処女を殺すユニコーン(引用)」といった、下品ながらも興味深い謎の数々が毎回描かれます。主人公である探偵ブラウンと助手のオーク・サンチョ、ドワーフの警官ドルガタの掛け合いもとても面白い。短編形式で、各回は出題編・解決編の2話構成になっています。 何よりもこれが30話以上続いているのがすごい。しかも毎回ちゃんとミステリ小説として筋が通っています。そのうえ海外推理小説の邦訳風の文体で読みやすい。おすすめです。 個人的に一番好きな回は、 「素股町ルヴォワール」 です。本番禁止の風俗店が近年設置し始めた『セックスすると死ぬ部屋』の中で、サービスを受けていた天狗と風俗嬢が爆死する話です。舞台設定がてんで意味不明ですが、とてもよく練られたトリックと犯行動機が描かれています。第1話とこれはぜひ読んでほしい。 また、同作者の 「『童貞を殺す服』殺人事件」 も傑作だと思います。童貞を売りにしている芸人が「童貞を殺す服」を着たまま殺害される話です。「セックス家の殺人」以上に硬派なミステリで面白かったです。 ところで、実はわたしってこういう下ネタを舞台装置にした作品が結構好きなんですよね。火鳥「快楽ヒストリエ」とか大好きです。アノマロカリスはエロ漫画を読むのに適した形態をしている。 火鳥「快楽ヒストリエ」より この種の作品の常ですが、往々にして作者がめちゃくちゃ真面目そうなのも面白いです。絶望的にくだらない題材なのに、作品の節々に作者の教養が表れています。火鳥先生がZUN氏から「こんな真面目そうな人があんな漫画を描いていると思わなかった」と言われた話とか大好きです。 「さとり様の尿管にこいしが出来る話」とか傑作だと思います。作者自身が尿管結石になった時の経験をもとに描かれた怪作。どうしてそんなものをギャグ漫画に昇華させられるんですかね？ そんな感じで、下ネタを舞台装置にした作品は面白いぞという話でした。あんまり中身が無い記事になってしまいましたが、今日はここまで。 ではまた次の記事でお会いし...
続きを読む

EDFのアイテム回収周りについて言語化したい

書き出し Pozdrav！わたしです。 昨日、もう何度目かわからないぐらいにアイテム回収の話がTwitterで話題になっていたので、とりあえず問題の切り分けと想定される解決策色々を書いてみたいと思います。 事前に言っておくとわたしはアイテムを手動で拾いたい側の人間なので、なるべくシステムを残す方法でいろいろ書きます。 1. 何が問題なのか EDFのゲーム性について EDFはだいたいこんな感じのジャンルです。 PVEシューター 無双ゲー(特に低難易度) 戦略ゲー(特に高難易度) 育成ゲー/ハクスラ EDFを一言で言うならハクスラ要素のあるPVEシューターです。基本的なループは 敵を倒してアイテムを入手→キャラを育成→高難易度ステージに挑む という感じです。 ただしEDFはこの種のPVEシューターの中では敵数が異常に多い部類であるため、大量の敵を倒すシューター部分の比重がキャラ育成要素に比べかなり大きくなっています。 EDFにおけるアイテムとは EDFにおけるアイテムはキャラの強化素材です。アーマー(赤い箱)は体力を上げ、武器(緑の箱)はランダムで新しい武器を追加します。いずれのアイテムもとくに高難易度をクリアするうえでは重要となります。 また、5以降では武器の強化システムが導入されたことにより、アイテムの重要度は4.1以前より高まっています。4.1以前の武器は一度手に入れてしまえばそれで終わりでしたが、5以降では入手後に再度同じ武器を拾うことでその武器を強化することが可能になったため、武器が全種揃っても強化のために武器アイテムを集める必要が生じました。 開発の想定するプレイスタイル 開発が想定していると考えられるプレイスタイルは次のようなものです。 特定兵科で低難易度(Hard以下)を1周する ↓ 別兵科で同じ難易度をやるor1つ上の難易度に挑戦する ↓ さらに別兵科で同じ難易度をやるor1つ上の難易度に挑戦する ↓ (以下繰り返し) これを繰り返して最高難易度Infernoをなんらかの兵科でクリアする、というのをゴールとしている、と考えられます。これは特に5以降で顕著です。 こう考えられる理由としては、各難易度で(アイテム回収を意識せず)普通に本編を1周して得られるアイテム量がおおよそ 体力: 1200 武器: 1つ上の難易度における本編中盤相当のもの であるためで...
続きを読む