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関連一覧
-
技術
ASAHIネットの固定IPをRTX830で使う設定手順【フレッツ光クロス・XG-100NE配下】
以下ChatGPTとやり取りした履歴を、最終的に記事にまとめてもらったものです。 今回は手直ししない方がわかりやすい為、チェックだけ行い公開いたしました。 ASAHIネットにもYahamaのサイトにも「最終的にこうし...
続きを読む
-
技術
ごじゅのを楽しむコツ
「ごじゅの」という不思議な名前のにほんごパズルゲームを作成しました。https://gojuno.jp/ja/開発者の私が考える、ごじゅのを楽しむコツ、高得点に繋がるコツをいくつか紹介させてください。得点のコツ属性を足...
続きを読む
-
FileMaker
FileMaker の自習室にて「Claris Connect 経由で Zoom のミーティングを作成する(Claris FileMaker - 10分でスキルアップ)」が公開されました
動画内のサンプルがダウンロードできます。 ダウンロードはこちらから この動画のこぼれ話zoom予約自体は、管理画面から簡単に作ることができます。なので最初は「そこまで必要かな」って思ってたんですよね。で...
続きを読む
-
技術
ごじゅのを作るにあたって気をつけたこと
ごじゅのをオープンベータでリリースして。少しずつ参加者が増える形で楽しんでもらっています。五十音で遊ぶ連想ゲームhttps://gojuno.jp/ja/毎日通ってくださる方、思い立ったときに遊んでくださる方。一度みて...
続きを読む
-
FileMaker
FileMaker の自習室にて「Claris Connect 経由で Google Translate の翻訳を利用し、レイアウト上のラベルを切り替える(Claris FileMaker - 10分でスキルアップ)」が公開されました
動画内のサンプルがダウンロードできます。 ダウンロードはこちらから この動画のこぼれ話Google翻訳自体は、海外のサイト巡回などで毎日使っています。ですが、実際にFileMakerをからめて使うことがあるかという...
続きを読む
-
技術
無料の言葉パズル「ごじゅの」オープンベータ版を公開しました
株式会社データファームは、五十音から言葉を作って得点を競うブラウザゲーム「ごじゅの」のオープンベータ版を公開しました。登録不要で、スマートフォンやパソコンのブラウザから1日1回無料で遊べます。「ごじ...
続きを読む
