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関連一覧
-
技術
フレッツ光クロス移行後、固定IPと外部公開でハマった話
先日、事務所のインターネット回線をフレッツ光クロス環境へ移行しました。回線速度そのものは問題なく、インターネット接続も無事に復旧しました。ところが、そのあとにハマったことがありました。それが、固定I...
続きを読む
-
技術
最近Codexで行っていること
今週はちょっと毛色を変えて、最近Codexで行っていることをご紹介したいと思います。使ってます。Codex当社はChatGPTをProプランにして、あわせてCodexを利用しています。 複数のAIを使い分けていないわけではな...
続きを読む
-
a-blog cms
AIで多言語サイト運用を効率化するa-blog cms拡張アプリ「エントリー翻訳」を開発しました
株式会社データファームでは、a-blog cmsの運用をよりスムーズにするため、管理画面での入力や更新作業を支援する拡張アプリの開発を進めています。その一環として今回、AIを活用して翻訳エントリーを簡単に作成...
続きを読む
-
a-blog cms
AIとの対話で、サイト構築の土台を一気に作る。a-blog cms拡張アプリ「DF-サイト構築」のご紹介
Webサイトを作るとき、最初に悩むのが「どんなページを用意するか」「どのような構成にするか」というサイト設計です。a-blog cmsをインストールした後、管理画面を開いても、いきなりページやカテゴリーを作り始...
続きを読む
-
FileMaker
FileMaker の自習室にて「Claris Connect を使って Outlook 経由でスクリプトを実行する(Claris FileMaker - 10分でスキルアップ)」が公開されました
動画内のサンプルがダウンロードできます。 ダウンロードはこちらから この動画のこぼれ話Claris Connect自体を私も十分に使いこなせているとは言えないので、自身の勉強も兼ねながらの動画作成となりました。Out...
続きを読む
-
FileMaker
FileMaker の自習室にて「Claris Connect を使って Chatwork に新着状況・タスク追加を実行する(Claris FileMaker - 10分でスキルアップ)」が公開されました
動画内のサンプルがダウンロードできます。 ダウンロードはこちらから この動画のこぼれ話Claris ConnectからChatWorkへの連動は、Claris Connectがリリースされてから割と早い段階で、実例としてサンプルになっ...
続きを読む