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関連一覧
-
その他
sonosのオーディオがぶつぶつ切れる症状を改善する
Sonosの困った症状Apple Musicや独自の録音ファイルをNAS経由で再生も可能な、便利なSonosのスピーカー。 こちらが時々、ストリーミング再生している音楽が「ブツッ」っと切れるようになりました。 この問題の解...
続きを読む
-
FileMaker
Claris Connect で困ったケースと対応方法
configuration.ymlの指定がすべて正しいはずなのに通らないFileMakerファイルが日本語になっているのが原因 →英語ファイル名にすることで解決 接続の問題は、agent.logを参照して掘り下げるClaris Connect側...
続きを読む
-
FileMaker
FileMaker の自習室にて「ポータルフィルタリングのレコード数をリアルタイムに反映させる(Claris FileMaker - 10分でスキルアップ)」が公開されました
動画内のサンプルがダウンロードできます。 ダウンロードはこちらから この動画のこぼれ話自社ソリューションの制作を行っていた時に「ちょっとどうしても気になる」と思って実装したテクニックです。FileMaker自...
続きを読む
-
a-blog cms
a-blog cmsのブロックエディターに画像付きテキストを効率よく貼り付ける方法(Mac環境)
a-blog cmsで記事を作成していると、外部サイトやアプリから「画像とテキストをまとめて」コピーして貼り付けたい場面は少なくありません。しかし実際には、ブラウザやアプリの違いによって画像の取り込み可否が...
続きを読む
-
技術
Final Cut Proの使い方を学ぶ(2)
動画現在iMovieを使ってい動画作成しているのですが、Apple Creator Studio が登場したため、Final Cut Proに乗り換えようかと思いました。その際に「【超永久保存版】これ1本でFinal Cut Proの基礎は完璧!動画...
続きを読む
-
技術
Final Cut Proの使い方を学ぶ(1)
動画現在iMovieを使ってい動画作成しているのですが、Apple Creator Studio が登場したため、Final Cut Proに乗り換えようかと思いました。その際に「【超永久保存版】これ1本でFinal Cut Proの基礎は完璧!...
続きを読む