閲覧用スレッド：URLの扱いではオブジェクト指向設計(Chain of Responsibility)が役に立つ/情報系板

コメント数💬 4 | 作製日時🛠️ 2025-04-05T13:09:39 | 受取日時📨 2025-04-14T09:43:03

バージョン：0 | 更新日時⚙️

このスレッドを評価してください。

コメントへのリアクションはエネルギーを消費し、コメントの主にエネルギーを送ります。

リアクション	消費エネルギー	送るエネルギー
	1.0J	0.9
	1.0J	0.9
	10.0J	-0.1

このページは全コメント読むためのページです。コメントの投稿はこちらから。

#1 ID:6715

2025-04-05T13:09:39

つぐもんでは、コメントなどに貼られたURLを、iframeなどの外部サイトの埋め込みにする機能を開発中です。その開発途上で、URLを解析しタグに変化させる機序を、オブジェクト指向設計で実装したらうまく行った手ごたえがあったので、共有します。まずは実際にこちらのJavaScriptを見ていただきたいです。 https://tsugumon.net/js/site.js なお、このコードは予告なく変更されることがあります。 class Site { ... } というクラスに、setNext(val)、handle(line)といった、CoRの関数を定義しています。ここに、例えばYoutubeのショート動画のURLを定義するクラスを書いています。 class YoutubeShort extends Site { handle(line) { ... } } こういった感じで、Instagramやニコニコ動画のURLを解析していくクラスをどんどん定義していくわけです。使うときは、 const chain = new YoutubeShort(); ... chain.setNext(new Niconico()); といった流れです。オブジェクト指向設計、特にCoRがJavaScriptで実際に役に立った具体例と言えると思います。また、このsite.jsをもとに汎用ライブラリを開発していくと便利なものになるかもしれません。ご意見・ご感想お待ちしています。