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関連一覧
-
FileMaker
FileMaker の自習室にて「カレンダーを併用した、入れ替えフリーな Todo リストを作る(Claris FileMaker - 10分でスキルアップ)」が公開されました
動画内のサンプルがダウンロードできます。 ダウンロードはこちらから この動画のこぼれ話自社で使っている、FileMakerで作ったプロジェクト管理システムの中で使っているものです。元々は、ドラッグすることは考...
続きを読む
-
FileMaker
FileMaker の自習室にて「Claris FileMaker で画像をトリミングしてダウンロードする(Claris FileMaker - 10分でスキルアップ)」が公開されました
動画内のサンプルがダウンロードできます。 ダウンロードはこちらから この動画のこぼれ話元々社内で、Webビューアにオブジェクトフィールドの画像を表示して、何かしらの生産物に使う、ということは行っておりま...
続きを読む
-
FileMaker
スライド
音声
【Claris FileMaker 初心者でも安心】シングルライセンス・Claris FileMaker Server・Claris FileMaker Cloudの違いとサブスクリプション・永続ライセンスの考え方
2025年7月14日執筆時点での内容となります はじめに:ライセンス、迷っていませんか?Claris FileMakerを導入しようとしたとき、「何から考えればいいのか分からない」と感じることがあるかもしれません。 シング...
続きを読む
-
スマレジ
スライド
音声
スマレジ導入で、毎日の会計のストレスを手放しませんか?
「最近、会計のたびにストレスを感じる」「レジ操作のミスが心配だ」「新人が入るたびに教えるのが大変だ」──そんな声を私たちは多くの現場で聞いてきました。 お店の会計は、毎日何十回、何百回と行われるもので...
続きを読む
-
FileMaker
スライド
音声
作業現場から考える「仕組み資産化」とは
近年、便利なクラウドツールやアプリが次々と登場し、現場の業務効率化に貢献しています。 しかし、「とりあえず使っている」「決められた通り動いている」だけでは、現場の知恵や工夫が仕組みに反映されず、ツー...
続きを読む
-
FileMaker
スライド
音声
ツール導入ではなく「仕組みの資産化」を目指す、システム導入を
最近、CMやネット広告で目にすることが多くなったサブスクリプション型の業務システム。確かに、初期コストを抑え、すぐに使い始められるという大きなメリットがあります。 ですが、その便利さの裏に、見落とされ...
続きを読む