studioで存在しないurlを指定した場合
- HOMEページを表示する仕様
- このページにurlを遷移させるjsを実装
上記ででやりたいことを実現しました。
404ページを作成した場合は、そちらのページが表示されるかもしれません。
今回はひとまず404を用意せず、検証を優先して実装しました。
jsを指定する場所
- デザインエディタを開き
- HOMEのページを表示
- 右側のメニューを表示
- ページタブにある「カスタムコード」の「head内の末尾」に新規コードを作成

コードの内容
今回は添付ファイルのようなコードを書きました。
コード自体はChatGPTのアシストを受けながら作成しています。
DOMContentLoaded イベントの扱いについて
https://help.studio.design/ja/articles/7890587-サイト-ページにカスタムコードを追加する#h_72b60e435b
こちらには
headにコードを書いた場合、DOMContentLoaded イベントは発火しますが、HTML documentの読み込みと解析が未完了のタイミングで発火します。
とありました。
今回はページ遷移のため、未完了のタイミングでも問題ありません。それらをふまえてheadにコードを記載しました。
実際の挙動
問題なくページ遷移が動作しました。
新機能「カスタムコード」のおかげで、実装までの手間が少なく、大変助かりました。
投稿がお役に立ちましたら、いいねをしていただけると嬉しいです。
お困りごとをお聞かせください。
ウェブについてのご相談、ご依頼など。お気軽にお問い合わせください。
頂いた内容については、3営業日以内の返信を心がけております。
お困りごとに対して、事例やアイディアを持って返信を心がけております。
小さなことから、お気になさらずお気軽にご相談ください。
投稿がお役に立ちましたら、いいねをしていただけると嬉しいです。
その他のWeb関連一覧
-
a-blog cms
a-blog cms拡張アプリで管理画面「だけ」真っ白になった原因
a-blog cmsの拡張アプリを開発している中で、ある環境だけ管理画面が真っ白になる問題がありました。状況としては、次のような状態です。ローカル環境では問題なく動いている別のサイトでも動いているフロント側...
続きを読む
-
FileMaker
FileMakerのDDRを、ChatGPTに理解してもらう
発表をさせていただきました。先日FMCafeのオンライン勉強会「ChatGPT & Claude Codeで挑む!DDR(XML)活用FileMaker開発効率化」にて発表させていただきました。タイトルは「データベースデザインレポート...
続きを読む
-
AI・DX・業務改善
AI時代に企業サイトは不要になるのか?
AIで情報を調べることが一般的になってきたことで、企業サイトの役割についてあらためて考える機会が増えてきました。以前のように、まず検索して、企業サイトを順番に見て比較する、という行動だけではなくなっ...
続きを読む
-
Make
ウェブサイトからの営業メールを撲滅する
営業メールだらけの、お問い合せメールにうんざりこの数年で、Webサイトからのメールのほとんどが、営業メールになってしまいました。迷惑メールフィルタで弾くこともできますが、それをすり抜けるメールがあった...
続きを読む
-
その他
富士市の「くらし応援デジタル商品券」の残高を統合する(まとめる)方法
「くらし応援デジタル商品券」が発行されました。静岡県富士市にお住まいの方には、ハガキにて順次商品券コードが届いているかと思います。保護者が「複数の残高を、一つの商品券にまとめたい」をやるために実際...
続きを読む
-
FileMaker
FileMakerで作成したバーコードリーダーのサンプル
客様よりご依頼いただきました。お客様の業務管理をどのように実践するか考える中で。 「FileMakerでバーコードって読めましたっけ?」 というご質問をいただき、作成したファイルです。QRコードとバーコードを読...
続きを読む