Javascriptで雪を降らせるウェブサイトの作り方 - Snow Fall Webisiteチュートリアル

[@梅生-z7g]

作ることができました。ありがとうございます！
12月冬のイメージにぴったりです。

[@ricoco57]

できました。ガクガクにはならなかったので、overflow: hidden ;は必要ありませんでした。😊

[@GambareDev]

シン先生　こんばんは。
Html & JavaScriptの質問があります。
ご存知でしたら、ご教授よろしくお願いいたします。
Web ブラウザでローカルフォルダリンクを開きたいと思います。
JavaScriptなら、どうやっていますか？
例えば：
サイトに　C:\Users\Admin\OneDrive\Desktop　を表示されています。
上記のパスをクリックすると、エクスプローラーを開きたいですね。

[@programming_tutorial_youtube]

グエンさん、コメントありがとうございます。
webブラウザの上のバーのURLリンクからパスを指定してエクスプローラーを開くということですか？
うーむ。それはやったことがないですね。
ちなみにどういったアプリを作ろうとしてるんでしょうか？
他に簡単なアプローチはないでしょうか。
また後で調べてみます。
そうしたらここに返信をしますね。

[@GambareDev]

@@programming_tutorial_youtube
こんにちは！
Q： webブラウザの上のバーのURLリンクからパスを指定してエクスプローラーを開くということですか？
　　うーむ。それはやったことがないですね。
A：ちょっと、違いますね。
　　「エクスプローラーのパス先」を起動したいですね。
Q：ちなみにどういったアプリを作ろうとしてるんでしょうか？
　　他に簡単なアプローチはないでしょうか。
A：今、社内の情報を登録するため、Python/Django で検索システムというサイトを開発しております。
　　情報を投稿する際は「社内の共有フォルダのパス」を貼り付けていますね。
　　
　　普段は「社内の共有フォルダのパス」をコピーして
　　エクスプローラーから貼り付けて開きますね。
　　毎回、コピーするのは面倒かなと思いますので
　　ブラウザの上で投稿したパスをクリックすると
　　「エクスプローラーのパス先」を起動したいです。
　　そうすると、便利ですね。
　　ネットで検索してみました。
　　以下、簡単な処理方法があります。
　　紹介させていただきます。
　　①ブラウザに　「ローカルファイルリンク有効化」をインストールする。（Google chorme , microsoft edg）
chrome.google.com/webstore/detail/enable-local-file-links/nikfmfgobenbhmocjaaboihbeocackld?hl=ja
②HTML に path
　　　そうすると、パスをクリックして、ブラウザの上でフォルダを開きます。
　　でも、JavaScriptなら、できるかどうか分かりませんでした。
　　日本語が下手です。わかりずらい申し訳ございませんが
　　ご確認よろしくお願いいたします。
回

[@programming_tutorial_youtube]

@@GambareDev ちょっといろいろ確認してみますね🙂

[@programming_tutorial_youtube]

@@GambareDev
ちょっとだけ調べたので報告しておきます。
qiita.com/lulucowcow/items/707bda8c21e32b6fb8ee
こちらのサイトで使われている
var path = "C:¥test¥test1";
path.replace(/\u002f/g,'\\​');
$('a').on('click', function (e){
var openForlder = 'explorer.exe /n,/e,/root,' + path;
var ActiveXobj = new ActiveXObject("WScript.Shell");
ActiveXobj.Run(openForlder);
}
Open
あたりが参考になりそうですね。
ActiveXObjectというものが2025年から廃止されたり、IEでしか利用できないとのことです。
また、以下のブログを発見しました。
nstjp.com/web/255.html
こちら見ていたらすみません。
このブログの最後に代替案が示されていたので、もしかしたら参考になるかもしれません。
自分の手元で実行はできていませんが、参考になったら幸いです。
もし時間があるときに、手元で動かしてみるかもしれません。

[@GambareDev]

@@programming_tutorial_youtube
ご確認ありがとうございました。
参考させていただきます。
よろしくお願いいたします。