質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

2回答

383閲覧

読み込み直さずにページ遷移したい

CabbageLettuce

総合スコア57

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

1クリップ

投稿2019/09/16 15:04

YoutubeやTwitterやGithubなど、リンクをクリックするとページ自体が再読み込みされずにページとURLが変わりますよね
(語彙力がないので恐らく伝わっていませんが、↓こういうことです↓)
Youtube
GitHub
これはどうすればできますか?
どういったJavaScriptを使えばいいのでしょうか?

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

提示先はいずれもURL変わってますし、再読み込みされていますよ。
たまたまヘッダ部分が同じで最上部にスクロール置いてクリックしているので読み込みなおしてないように感じるだけです。
少しスクロールさせてから同じところをクリックすると分かると思います。(それに右端っこ、ウィンドウのスクロールバーがページにより伸縮してますよね)

「そうしたくない」というのでしたら
Ajaxで飛び出さきの情報を取得してコンテンツ部分を書き換えれば可能かと思います(PJAXとかでも調べてみてください)

投稿2019/09/16 20:30

m.ts10806

総合スコア80850

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

ベストアンサー

いわゆる SPA(Single Page Application)を作りたいのだと思います。
JavaScript のフレームワークとしてはいくつか有名所が揃っていますので上記のキーワードで調査してみてください。

ナレッジを持たない状態で作成すると、一般的な Web アプリケーションと異なる点が多いので、先に課題を調べてみても良いかもしれません。

投稿2019/09/16 21:14

退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

CabbageLettuce

2019/09/20 14:44

回答ありがとうございます! 返信遅くなり、申し訳ありません… 今は指定されたファイル名を返すだけの単純なWebサーバー(Python3のbottle)を使っているのですが、 やはりVue.jsなどのフレームワークを使ったほうが良いんですかね…?
退会済みユーザー

退会済みユーザー

2019/09/20 20:19

> ナレッジを持たない状態で作成すると、一般的な Web アプリケーションと異なる点が多いので、先に課題を調べてみても良いかもしれません。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問