ドクダミ備忘録

道端のドクダミ

ドクダミの日記

サブドメイン長の限界は63文字らしい

はじめに

こんにちは、最近は修論を鋭意執筆中のdokudamiです。 名工大 - Qiita Advent Calendar 2025 - Qiita 2日目の記事です。 最近ハマっているサブドメインの話です。

サブドメインとは

サブドメインとは、Domain Name System(DNS)におけるドメイン名の階層構造における、他のドメインの一部であるドメインです。

サブドメイン - Wikipedia

/blogまたはblog.

なぜサブドメインの話をし始めたかというと、自分のブログのURLに悩んでいたからです。 とあるドメインを持っていたとして、そのドメインの配下にブログを置くかサブドメインからアクセスできるようにするのかの2通りが主に存在します。

ignitevisibility.com

上記の記事だとサブドメインとサブディレクトリを比較したうえで、サブドメインについて下記のような言及がされています。

サブドメインは、ルートドメインからのSEO権限を必要としない、サイト内の全く異なるセクションをホストする必要がある場合に適しています。また、サブドメインは、独立したCMSやバックエンド構造を実装する必要がある場合にも適しています。（Google翻訳）

自分の場合、独自ドメイン単独は実験用にとっておきたかった為、それぞれ異なる機能をもったサービスで分離し、それぞれをサブドメインに割り当てる運用にするようにしました。

できあがったものがこちら。

https://blog.dokudamibox.net/

ところでサブドメインの限界は

この作業をしている際、サブドメインの文字数の限界はどれくらいなんだろうと疑問に思いました。調べてみると63文字が限界みたいです。なるほど。

ASCIIラベルの長さは、63文字以下でなければならない

ドメイン名のしくみ - JPNIC

やってみよう

できあがったものがこちら。

https://xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx.dokudamibox.net/

ばかみたいなURLですね。ちゃんとアクセスできます（それはそう）。

x63.dokudamibox.net

ちなみにお名前ドットコムだと、64文字以上にした場合以下のように怒られました。

おわりに

いかがでしたでしょうか。皆さんも是非サブドメインで遊んでみてください。

自分のドメインのサブドメインを可視化した図

https://dokudamibox.net/

独自ドメインサイトの裏側

名工大 Advent Calendar 2024 - Adventar 1日目の記事です（大遅刻）。

今年は全日埋まりました！すごい！

はじめに

突然ですがみなさん、個人サイト作りたいですよね。

trpfrog.net

今回、独自ドメインで個人サイトを構築したので、その裏側を覗いてみたいと思います。

サイトを作ろう

AstroでWebサイトを作成し、GitHub Pagesでホスティングしました。

github.com

dokudamibox.net

サイト作成のうんぬんは割愛します、今回の本題はドメインです。

ドメインとは

インターネットに接続された計算機には、IP（インターネットプロトコル）アドレスが割り当てられます。 このIPアドレスを住所としてインターネット通信を行います。 ただ、IPアドレスは数字の羅列であり、IPアドレス単体で用いるといろいろ問題が生じます。

そこで利用されるのがDNS（ドメインネームシステム）です。 DNSは、IPアドレスをドメインと呼ばれる文字列に割り当ててくれるシステムです（ざっくり）。

DNSがあることで、インターネット利用者は、ドメイン文字列を知っているだけで目的のサービスのIPアドレスを得ることができます。数字の羅列を覚える必要はありません。 サービス側もドメインを固定しておいてIPアドレスだけ書き換えるなどの作業ができるなどのメリットがあります（他にも利点はありますが割愛）。

youtu.be

ドメインを買う

ドメインはICANN（Internet Corporation for Assigned Names and Numbers）という組織が管理しています。 一般人が独自ドメインを利用したい場合、ICANN認定レジストラを経由してドメインの利用を申請します。 今回は、ICANN認定レジストラのうちのGMOインターネットグループ株式会社が運営しているお名前ドットコムというサイトから利用を申請します。

www.icann.org

ドメインの一番右側の文字列（example.comの場合はcom）はTLD（トップレベルドメイン）と呼ばれます。 ドメインは右側から順に階層構造になっており、一番右側のTLDを管理している組織がいるおかげで、そのドメインが利用できています。 TLDはgTLD（分野別トップレベルドメイン）とccTLD（国コードトップレベルドメイン）の2種類に大別され、各TLDを管理する管理機関が存在するわけです。 たとえばexample.comが欲しい場合、comのレジストリ（管理機関）が管理するexmapleというドメインを、ICANN認定レジストラ等を経由して取得することになります。

ドメインが誰に管理されているのかの情報は、whoisを利用することで調べることができます。 whoisでドメインを検索すると、どの組織が管理をしているか、その組織や個人の連絡先、ドメインの有効期限などを知ることができます。 試しに大学のドメインや有名企業のドメインなどをwhoisで検索してみると面白いと思います。

ドメインの登録情報はICANNにより一般公開することが義務付けられていますが、Whois情報公開代行サービスがあるレジストリを利用することで個人情報を公開せずにドメインを取得することができます、便利な時代ですね。

tech-unlimited.com

DNSレコードを割り当てる

取得したドメインにDNSレコードというものを割り当てることで、そのドメインにアクセスがあった場合どこにアクセスさせるか等を設定することができます。 お名前ドットコムの場合、下の画像のような温かみのあるDNSレコード設定画面で設定が可能です。

GitHub Pagesのカスタムドメインサービスを利用する場合、AレコードでGitHub Pages CDN（Contents Delivery Network）サーバーのIPアドレスを指定してあげる必要があります（あとはGitHub Pagesの設定側で利用したいカスタムドメインを設定するとか）。

docs.github.com

zenn.dev

ドメイン名前解決

ドメイン名をIPアドレスに変換することをドメイン名前解決といいます。 前章で行った設定で実際にドメイン名前解決が行えているかを確認してみましょう。

下記コマンドで、指定したドメイン（今回はdokudamibox.net）のDNSサーバーを確認できます。 お名前ドットコムのDNSサーバーにてドメイン名前解決が行われていることがわかります（前章の画像の青枠部分）。

$ nslookup -type=ns dokudamibox.net
サーバー:  UnKnown
Address:  2400:4151:5a1:7600:6ab:18ff:feb3:e38f

権限のない回答:
dokudamibox.net nameserver = 03.dnsv.jp
dokudamibox.net nameserver = 04.dnsv.jp
dokudamibox.net nameserver = 01.dnsv.jp
dokudamibox.net nameserver = 02.dnsv.jp

01.dnsv.jp      internet address = 157.7.32.53
01.dnsv.jp      AAAA IPv6 address = 2400:8500:3300::53
02.dnsv.jp      internet address = 157.7.33.53
03.dnsv.jp      internet address = 157.7.34.53
03.dnsv.jp      AAAA IPv6 address = 2400:8500:3000::53
04.dnsv.jp      internet address = 157.7.35.53
04.dnsv.jp      AAAA IPv6 address = 2400:8500:3fff::53

上記コマンドで明らかになったDNSサーバー宛てに、dokudamibox.netがどのIPアドレスに割り当てられているかを下記コマンドで確認します。 お名前ドットコムで設定したGitHub PagesのCDNサーバーのIPアドレス（４つ）になっていることがわかります。 （前章の画像の赤枠部分）

$ nslookup dokudamibox.net 157.7.32.53
サーバー:  UnKnown
Address:  157.7.32.53

名前:    dokudamibox.net
Addresses:  185.199.108.153
          185.199.109.153
          185.199.110.153
          185.199.111.153

いざアクセス！

GitHub Pagesの場合、下記のようにヘッダーにカスタムドメインを指定してCDNサーバーにリクエストすることでHTML本文を取得できることが確認できます。

$ curl -k -H "Host: dokudamibox.net" https://185.199.110.153

<!DOCTYPE html><html lang="en-GB"> <head><meta charset="utf-8"><meta content="width=device-width, initial-scale=1.0, shrink-to-fit=no" name="viewport"><meta content="IE=edge" http-equiv="X-UA-Compatible"><title>dokudamibox.net • dokudamibox.net</title><link href="/favicon.ico" rel="icon" sizes="any"><!-- <link href="/icon.svg" rel="icon" type="image/svg+xml" /> --><link href="/apple-touch-icon.png" rel="apple-touch-icon"><link href="/manifest.webmanifest" rel="manifest"><link href="https://dokudamibox.net/" rel="canonical"><meta content="dokudamibox.net • dokudamibox.net" name="title"><meta content="An opinionated starter theme for Astro" name="description"><meta content="dokudami" name="author"><meta content="" name="theme-color"><meta content="website" property="og:type"><meta content="dokudamibox.net" property="og:title"><meta content="An opinionated starter theme for Astro" property="og:description"><meta content="https://dokudamibox.net/" property="og:url"><meta content="dokudamibox.net" property="og:site_name"><meta content="en_GB" property="og:locale"><meta content="https://dokudamibox.net/dokudami.png" property="og:image"><meta content="1200" property="og:image:width"><meta content="630" property="og:image:height"><meta content="summary_large_image" property="twitter:card"><meta content="https://dokudamibox.net/" property="twitter:url"><meta content="dokudamibox.net" property="twitter:title"><meta content="An opinionated starter theme for Astro" property="twitter:description"><meta content="https://dokudamibox.net/dokudami.png" property="twitter:image"><link href="/sitemap-index.xml" rel="sitemap"><link href="/rss.xml" rel="alternate" title="dokudamibox.net" type="application/rss+xml"><link href="https://webmention.io/astro-cactus.chriswilliams.dev/webmention" rel="webmention"><meta content="Astro v4.5.16" name="generator"><style></style>
<link rel="stylesheet" href="/_astro/_slug_.DrkuVpKK.css"><script type="module" src="/_astro/hoisted.Ct2e4E0y.js"></script>
...
略

これにて、お名前ドットコムのDNSサーバーでドメイン名前解決が行われた後、GitHub PagesのCDNサーバーにアクセスし、構築したサイトのHTMLを取得できることが確認できました。 もちろんWebブラウザにてdokudamibox.netを指定することでも閲覧が確認できます。やったぜ！

おわりに

独自ドメインの検証を通じて、DNSの片鱗をちょっとだけ感じることができました。 今日も楽しく便利にインターネットが利用できるのは、DNSが頑張ってくれているからなのですね。ありがとう先人。

おまけ

たかがドメイン、されどドメイン。

youtu.be

【C0de*pixivハッカソン】おえかきBlendShape

はじめに

時は2023年冬、幣学のプログラミングサークルC0deとpixivが主催するハッカソンにnitmicチーム2*1として参加させていただきました。 とても良いイベントでした。開催してくださった方々ありがとうございました。

inside.pixiv.blog

つくったもの

お題は「おえかき」とのことだったのと、pixivさんが協賛とのことでしたので、vrmモデルの表情にお絵描きができるアプリケーションを作ってみました。

vrmモデルにはモデルデータと共に表情データ*2が設定されています。 そのうち、現在もっともサポートされている*3Joy・Angry・Sorrow・Fun・Surprisedの5つの表情に対して、プリクラのようにお絵描きをして編集することができます。 喜怒哀楽の表現をカスタマイズできて楽しいかなーと思って作りました。

vrmのエクスポートが当日までにうまくいけなかったのが反省点です(´・ω・｀) ローカルアプリでしか作れていないので、WebGL形式でビルドして公開したいです。

pixivの社員さんや他の参加者の方にも温かいお言葉をいただきました。 vrmアプリケーションが盛り上がると良いですね。

おわりに

入学当初から憧れていた名工大ハッカソン*4に、自分も参加することができて感無量です。 個人的に、こういったイベント(ハッカソン/LT)を開催してくれる方は、とてもえらいと思っています。 ただ、学生コミュニティだと世代によってモチベが変わってくるので継続しずらいのも現実です。 だからこそ、このような機会を応援し大切にしていきたいものですね。

*1:老害

*2:vrm0.0系統ではBlendShape、vrm1.0系統ではExpression

*3:https://creator.cluster.mu/2021/10/22/vrmface/

*4:https://twitter.com/ca_tec_des/status/774958297069649920?s=20&t=tqeAofiqQYpgAHX9f94Kpw

NITMic温故知新

 NITMicについてエゴサしてたら感情が抑えられなくなって書いた記事です。
古の情報を不本意に掘り出されて気分を害したOB,OGの方がもしいらっしゃったら申し訳ございませんでした。

<背景>
covid-19が流行した2020に入部した１年生が、
NITMicに入ったはいいけど、なんも知らないなぁと思って調べた

www.weblio.jp

f:id:dokudamichang:20201214041206p:plain

少女終末旅行12話、チトとユーリが過去の世界を目にするシーン
dokudamiがエゴサしてる時に感じた感動がこんなかんじ
名アニメなので見てください

かっこいい....かわいい.....
この頃から部会は水曜の昼だったのか......

部室....なのか....?
中央にVRゴーグルをかぶった方がいる......

コミケってどうやって参加するんだ.....
ビッグサイトまで行っていたのかな....?

mascot-apps-contest.azurewebsites.net

VRゲームも制作していたらしい.....
この製作者のなかじさんはxR界隈ではかなり有名な方です......すごい.....

 

nitechpress.hatenadiary.org

2015年工大祭のレポートブログ
NITMicブースのレポートもある。VRゲームやってる....

 

名工大ハッカソンなんてあったんだ......

 

www.suruga-ya.jp

同人ゲームも作ってたんですかね.....?

https://nitmic.tumblr.com/post/173474362271/%E5%85%A5%E9%83%A8%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6%E6%96%B0%E5%85%A5%E9%83%A8%E5%93%A1%E5%90%91%E3%81%91

nitmic.tumblr.com

部のブログ的なやつもあったらしい,,,,,
プログラマ向け入部試験なんてあったのか......(戦慄)

profile.ameba.jp

tumblrがつかえなくなってabemablogに移行した模様
これって去年....?

http://www.itolab.me/personal_hp/suzuki.hisatsugu/hobby.html

github漁っていたら2014年のホームページのソースコードを見つけた。
とても見やすい.....なんでこのまま引き継いでいないのか素直な疑問......

github.com

 

adventar.org

アドベントカレンダーもやっていた時があったらしい

mahou-ptr.hatenablog.com

さいごに

今回NITMicでもやってみることになった「アドベントカレンダー」ですが、個人的な年末の楽しみになっていたりもします。
某専門学校もQiitaでOB,OGも含めたアドベントカレンダーをやっているので、いいなぁと思い老害でありながら勝手に作っちゃいました！
時期的には工大祭後早々でもあり、中間試験も忙しい時期でしょうが皆で技術の共有とかができるいい機会なので来年以降も続いていったらいいなぁと思ってたりします！

........(´・ω・`)......来年はアドカレやってみますか.....!!!??

siguma-sig.hatenablog.com

まとめ

文字ばっかりな上に長くなってしまいましたが、こんな感じです。
僕は今のところ人生で一番楽しかったのが、この部活動で過ごした3年間なので、是非おすすめしたいです。

後輩たちは、このまま良い伝統を続けつつ、さらに良くする何かを企画していってくれればなと思います。

 

.........！！！！

UnityでOculusQuestアプリをビルドする。

gyazo.com

 

 

Oculus Quest の自作アプリを作ってみたかった。
ので、そもそもビルドができるのか試してみた。

 

framesynthesis.jp

 

 この記事に書いてある通りにやった。
それだけといえば、それだけ。(逆に言えば、その通りにやればできる)

 1.Oculus Questの開発者モードをオンにする。

これをしないとPCとOculus Questをつないでファイル送ったりできない。

スマホのアプリから
設定 > 自分のOculus Questのとこをクリック > その他の設定 > 開発者モード

 

2.Unity , Unity Hubをダウンロードする。

がんばってダウンロードする。

バージョンは 2018.4 以降ならokらしいので、

現段階推奨バージョンの2019.4.16f1を適当に選んだ。

 モジュール追加で Android SDK & NDK Tools と OpenJDK  も一緒にダウンロードすることに注意。(参考にしたブログに画像があるのでそれで確認)

Androidアプリをビルドするときに必要なものってことなのかな。

 

3.Unityプロジェクトを作成。

適当に名前決めて、プロジェクトを作成。

 

4.いろいろ設定する。

参考にしたブログに載っている設定をした。
Build Settings , Player Settings , Minimum API Level  あたり

設定を変えるたびに、ロードでちょっと時間がかかる。

5.Oculus Integrationをアセットストアからインポートする。

Oculus Quest アプリを作るためのいろいろなものがそろったアセット

 

6.パッケージをインストール

XR Plugin Management パッケージと Oculus XR Plugin パッケージをインストールする

VRアプリを作るときに必要なプラグインと、Oculusアプリを作るときに必要なプラグインってイメージ？

f:id:dokudamichang:20201209150546p:plain

Oculus XR Plugin

f:id:dokudamichang:20201209150457p:plain

XR Plugin Management

8.Unityで簡単なプロジェクトを作る。

床を作る。（planeとかで）

Assets > Oculus > VR > Prefabs > OVRPlayerController をシーンにドラッグ＆ドロップ

メインカメラを削除。

あとは適当に好きなオブジェクト置いたり....(箱とか球とか)

 

9.ビルドする。

File > BuildSetting > Add Open Scene で今つくったシーンを選択。

Build ボタンを押してビルド。

そうすると、~~~.apkというファイルが作成される。これが自作アプリ。

 

10.作った自作アプリをOculus Questにもっていく。

USB挿してファイルをぽいってするみたいにはできないらしい。

下の記事を参考にした。

vracademy.jp

SideQuestを使えば、非公式のアプリも遊べるよ。みたいな？

ADBドライバーをダウンロードする方法がちょっとわかりにくいかも。
上の記事を落ち着いて読めばいける。

SideQuestを使ってさっき作った.apkファイルをOculus Questへ送る。

(追記)

公式でOculus Developer Hubという開発用ツールが提供されており、それを使って.apkファイルを送れるようです。こちらのほうが公式のものなので使いやすいかも？ありがとう公式！

 

bibinbaleo.hatenablog.com

 

11.Oculus Questで起動する。終了！！！

自作アプリは提供元不明という分類がされている。

下の動画を参考にさっき入れた.apkを探してクリックすれば起動する。

youtu.be

 これで自作アプリが開けば成功です。お疲れ様でした。

 

以上が自分がやった手順です。

Oculus Quest , PC(ノートでも一応できた) , スマホ , 気合 があれば誰でもできるので、Oculus Questを持ってる方は、せっかくなら試してみてください。

 

さらにその先へ

ものを持たせたり、

youtu.be

Vtuberをやってみたり、

youtu.be

 調べるといろいろあるので、やってみてください。