10
19

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

恋がしたい系エンジニア(24)、ブログを作る #恋愛

Last updated at Posted at 2024-03-16

こんにちは!
素直に恋愛したいだけなのに、圧倒的に出会いの母数がない…
そんな悩みから、恋人・恋人候補を作るべくメディア運営を開始することにした旨と、技術的な部分について少しばかりご紹介させて頂きます。

ウェブサイト(Next.js)はこんな感じのレイアウト ▼

ShareX-240317T141116-3omlgIxo~chrome-HSS型HSPの彼女が欲しい_#恋人募集_-_Google_Chrome.png

(画像: HSS型HSPの彼女が欲しい #恋人募集

経緯

僕自身はそもそも二十歳まで全く恋愛事に関心がなかったのです。中高で気にしてくれた数少ない子達にも悪気もなく素っ気なくして、
今では自身の人間的成長の不足がいたたまれなく、申し訳なかったよなあと思い返すことができます。

わりと長く付き合いがあった彼女がいまして、その子との関わりの末、まあ普通に合わないなって別れたんですが、自身が恋愛体質なんじゃねと気づくこととなりました。

それからは、コーディングスタイルは「利益駆動型」から「恋愛駆動型」へと切り替わり、こんな一見して変なことも挑戦するようになった次第です。

僕はHSS型HSPなので「刺激」が好きです。
恋愛(=異性との深い人付き合い)は普通の人間関係・友好関係では触れることのできない領域まで対人コミュニケーションの面白さを引き出してくれます。

より深い付き合いはより深い認知・学びの獲得に繋がります。
僕は自己成長が大好きなので、新しい関係により自身の認知がアップデートされることへの期待値は大きく、
それはプログラマーとしての度量を含めた広域のスキルセットを強化してくれる価値であると確信しています。

技術的な話

面白くない話は程々にして、技術の話をします。

と言っても普通の技術を普通に使っているだけだから話せることがない…😓

ああ、強いていうなら、このブログメディアは自宅サーバーで動かしています。僕んちのUbuntuパソコンです。
Vercelとか価格モデルが好きじゃないんだよね。(あとデプロイ遅そう。)

  • Ubuntu
  • Nginx
  • Docker (docker-compose)

VPSにSSHポートフォワーディングしてゲートウェイ的に活用。
SSH接続の恒久化のためにtmuxとautosshを使っています。

あとはNext.jsなので、もちろんフロントエンド系です。

  • JavaScript / TypeScript
  • Webpack
  • Node.js
  • Next.js / React.js
  • Tailwind CSS / Styled-components / MDX

モバイル上でのデザイン調整やJSデバッグには、Chromeのremote debugging(chrome://inspect/#devices)の活用がお勧め。
「なんか実機のスマフォンだとデザインおかしいんよなあ」って詰まった時に手作業が捗ります。

image.png

同じくモバイルのデザイン調整はsocatでポートのフォークしてスマホから開発サーバーにアクセスできるようにすると、ライブリロード/ホットリロードが効くのでブラウザ表示のレスポンシブ最適化にお勧めです。

  • Android Chrome / Kiwi / Firefox
  • iPhone Safari
  • Scrcpy
  • Chrome remote debugging protocol

サムネイル画像はコマンドラインツールのimagemagickから自動生成されるようにしています。
contentlayerのソースコードをnode_modulesの中から書き換え、ビルド時に画像パスがMDXのフロントマッターに自動で設定されるようにしました。

  • Shell / Bash (Zsh)
  • imagemagick

開発・デバッグにはVSCodeを使用。

  • VSCode
  • Git / Gitlens Pro
  • Github Copilot
  • ESLint

普段からウェブアプリ運用してるので仮想化とファイアウォールは元々。

  • kvm
  • pfsense (dmz / vlan)

ちなみに当該パソコンのスペックはミドルロースペックくらいだと思います。
開発環境とデプロイ環境(docker-compose)一緒なので、メモリは20gbくらいVSCodeに取られてます(笑)

(普段はWindows 10の別PCを使用。LinuxはSSHやVSCodeのリモートデバッグが主です。)

  • Intel i3 10th
  • Ram 32gb
  • Nvidia GTX 1650
  • SSD 480gb

Next.jsのアプリくらいだったら最適化上手くすれば100インスタンスくらいなら動かせると思います。

UI / デザイン

ツイートのような投稿のコンポーネントを作り記事中に設置しています。▼

image.png

(画像: ギフテッドとアスペルガー症候群(発達障害)の違い

よくありそうな質問

Q: マッチングアプリでよくない?

A: 女性の特性からして、マッチングアプリに登録(=とても面倒。ナンパされるよりは面倒。)するほどまでファネルを通過している方は、レア。やばい方かもしれないし、面白い方かもしれないけど、母数が少なすぎて非能率的。男女比と業者率がデータ。

Q: 会えた人いますか?

A: 連絡くれる人も会えた人もまだいないので最初の一人になってください。(別に男性でも友達やビジネスライク関係としてok。)

総括

長い記事にお付き合い頂きありがとうございます。

「変な記事やったなあ…」と思った貴方。
出会いとはいつも偶然で必然、唐突で異質な物です。僕や本記事に限らず、「一期一会」を大切に。
(まあ女子はスルースキルがなきゃそれも問題でしょうがね😅)


個人で活動しておりますので、ソフトウェア開発やコンサル・技術サポート等のご依頼、当方の運営するメディアサイトとの提携のご相談等につきましても、メールやラインでご連絡頂ければ対応可能です。

(本記事にて紹介させて頂いたサイト: https://thinkthelove.com/

(参考)

10
19
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
10
19

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?