No video

【10分でサイト公開】誰でもできる!Webサイト公開の流れ!

  Рет қаралды 41,684

HIROCODE.

HIROCODE.

Күн бұрын

Пікірлер: 140
@Doge-
@Doge- 9 ай бұрын
403エラー出る人へ ロリポップにログイン セキュリティにマウスをポイント WAF設定をクリック 対象ドメインの設定変更の無効にするをクリック 5分放置 で治りました
@hirocode
@hirocode 9 ай бұрын
めちゃめちゃ有益な情報ありがとうございます🙇❗️❗️
@user-ir2hm9gw6m
@user-ir2hm9gw6m 3 жыл бұрын
私のリクエストにお応えしていただいてありがとうございます😭‼️ コメントも動画の内容もわかりやすく、とてもよい人柄も伝わってきます。。僕が女の子だったら惚れてます。本当にありがとうございました😭
@hirocode
@hirocode 3 жыл бұрын
喜んでいただけてこちらも嬉しいです😊‼️ 笑笑そう言っていただけて光栄です😂ありがとうございます‼️
@licht-Illustrator
@licht-Illustrator 3 жыл бұрын
これが無料で視聴出来るのは 凄すぎですね! ありがとうございます! 参考にさせて頂きます!
@hirocode
@hirocode 3 жыл бұрын
とても嬉しいコメントいただきありがとうございます😭‼️
@user-gs1iu8vo5z
@user-gs1iu8vo5z 4 ай бұрын
とてもわかりやすく親切な動画でした!まだまだ勉強中で、わからなくて進まなくて挫折しそうでしたが、やる気復活しました😊ありがとうございます!
@hirocode
@hirocode 4 ай бұрын
参考にしていただけたようで嬉しいです☺️❗️ファイトです💪💪💪‼️
@user-cy1wy2iw9f
@user-cy1wy2iw9f 2 жыл бұрын
とてもわかりやすい説明でした! サイトの公開はできたのですが、Googleの検索エンジンに公開する方法や、ホームページの更新のやり方の動画もあげていただけると助かります🙇
@hirocode
@hirocode 2 жыл бұрын
嬉しいコメントいただきありがとうございます😊♪ 動画のご要望いただけてありがたいです🙇‍♂️❗️ 今後あげていきたいと思います😆❗️❗️
@user-tj3lc1wb4p
@user-tj3lc1wb4p 2 жыл бұрын
とても簡単でわかりやすい説明で、自分でもやってみよう!と思わせてくれる素敵な動画でした。 ありがとうございました^ ^
@hirocode
@hirocode 2 жыл бұрын
そのように言っていただけてとても嬉しいです😭❗️ありがとうございます🙇‍♂️❗️
@xerico1128
@xerico1128 Жыл бұрын
で、できましたーーー!! 別の方法でやったらつまづき、こちらの動画の通りにやったら無事サイト公開できました😂 複数サイトを公開するのが出来るか不安ですが、、色々試してみます。 ありがとうございました。
@hirocode
@hirocode Жыл бұрын
こちらとしても嬉しいです😆ありがとうございます❗️ つまづくことあれば気軽にコメントください😊♪
@xerico1128
@xerico1128 Жыл бұрын
@@hirocode ちなみに、今HTMLサイトのWordPress化をしようと試みてますが。中々できず😭 動画も本もちんぷんかんぷんで。 もし機会があったら、WordPress化動画お願いします🙇‍♀️
@user-my2jm9pq5d
@user-my2jm9pq5d 6 ай бұрын
とても分かりやすい説明でした。ありがとうございます。
@user-my2jm9pq5d
@user-my2jm9pq5d 6 ай бұрын
ちなみに、レンタルサーバーをさくらインターネットで契約した場合も、同じ手順でできますか(-_-;)
@hirocode
@hirocode 6 ай бұрын
ありがとうございます🙇! 全く同じとはいかないと思いますが、大体は同じだと思うので、出てくるキーワードで検索しながら埋めていけばいけると思います😆❗️
@user-my2jm9pq5d
@user-my2jm9pq5d 3 ай бұрын
@@hirocode 度々すみません。手順通りにVScodeのフォルダをアップロードすると、ロリポップ!FTPのルートエディアにwebというフォルダが作成され、その中に自分で作成したVScodeのフォルダが入っているのですが、これは特に問題ないでしょうか?現在、403エラーが出てしまっていて、固定されているコメントの対象ドメインを無効にする方法も試してみましたが403エラーのままでした。
@user-my2jm9pq5d
@user-my2jm9pq5d 3 ай бұрын
@@hirocode 度々失礼いたします。手順通りに行ったのすが、403エラーが出ています。(固定されているコメントの対象ドメインの無効かは対応済みです。)ロリポップ!FTPの直下に来るにフォルダがwebになっていて、その中に自分で作成した部VScodeのフォルダが入っている状況なのですが、これは正しいでしょうか?
@MrBeansSan
@MrBeansSan Жыл бұрын
とてもわかりやすく参考になりました! 他の方も聞かれているかと思いますが、私も404エラーになってしまいます。動画通りにSSHの情報を正しく入力し、フルパスも設定しました。公開フォルダは空と、フォルダ指定とどちらも試してみました。#10:15 でのサイト表示の時点で表示されていませんでした。原因や対処法など、お分かりでしたらご教授ください。🙇
@hirocode
@hirocode Жыл бұрын
ありがとうございます😆❗️ まずはファイルが正しくアップロードされているか確認するために、ロリポップのサイドバーから、サーバーの管理・設定→ロリポップ!FTP、と進み、中にファイルがアップロードされているか確認してみてください🙇
@user-ku1ev6fp4r
@user-ku1ev6fp4r 3 жыл бұрын
これが知りたかった!!! 本当にありがたいです🙏
@hirocode
@hirocode 3 жыл бұрын
そう言っていただけてとっても嬉しいですー😭こちらこそありがとうございます🙇‍♂️‼️
@paruken8757
@paruken8757 Жыл бұрын
すごくわかりやすかったのですが 今は少し違っているのか、全く同じく進めてもできませんでした。
@hirocode
@hirocode Жыл бұрын
コメントいただきありがとうございます🙇‍♂️❗️ 可能であればうまくいかなかった点共有いただけたら嬉しいです🙇‍♂️
@冒険
@冒険 Жыл бұрын
ありがとうございます!! やっとできましたああああ!!!!😭 ありがとうございます!
@hirocode
@hirocode Жыл бұрын
おーよかったです😆❗️ 嬉しいコメントいただきありがとうございます🙇‍♂️
@user-pz8kg8fu8o
@user-pz8kg8fu8o Ай бұрын
コメント失礼します! 動画の方法でサイトアップロード後、ファイルの修正(HTML、CSS、Java Script、php等)を行った場合、再アップロードが必要でしょうか?もしくは、自動で反映されるのでしょうか?ご回答よろしくお願いします。 p.s. もしよろしければロリポップ契約、ムームードメイン契約の最新バージョンの動画をアップロードいただけると幸いです。ご検討よろしくお願いします。
@hirocode
@hirocode Ай бұрын
コメントありがとうございます🙇!自動では反映されないので、再度ローカルからサーバーにアップする必要があります! おっしゃる通りこの動画もう2年経つので新しい動画検討してみます🙇‍♀️❗️
@user-hl7wr8yi9c
@user-hl7wr8yi9c 4 ай бұрын
アップロードできました😮
@hirocode
@hirocode 4 ай бұрын
よかったです😆❗️コメントありがとうございます🙇
@akantai5415
@akantai5415 Жыл бұрын
丁寧な説明でとても分かりやすかったです! 質問なんですが、githubだと無料でWebサイトを公開できるそうなんですが なせ今回は有料のlolipopを使ったんでしょうか? githubだと不便なことがあるんでしょうか? ご説明いただけると幸いです!
@hirocode
@hirocode Жыл бұрын
嬉しいコメントいただきありがとうございます😊♪ ご質問について、githubの提供している「github pages」はWordPressのインストールができないことや、商用のサイトが作成できないなど、用途が限られているため、一般的なサイト制作には不向きです。 個人的な趣味での利用であれば全然良いと思いますが、WEB制作を仕事で考えている方にはオススメできない仕様になっています🙇‍♂️❗️
@akantai5415
@akantai5415 Жыл бұрын
@@hirocode ご丁寧な説明ありがとうございます!
@Isa-yi5tw
@Isa-yi5tw 5 ай бұрын
コメント失礼いたします。 説明とてもわかりやすかったです、 ありがとうございました! 1点質問なのですが… 複数のWebサイトを公開したい場合はどのようにすれば良いでしょうか? 公開したいサイトの分だけまたプラン登録してアドレスの取得を毎度やらなければいけないのでしょうか…
@hirocode
@hirocode 5 ай бұрын
嬉しいコメントいただきありがとうございます☺️♪ 仕事での制作であれば、1サイトにつき1つのレンタルサーバーと1つの独自ドメインが基本です。 会社やサービスとして複数のサイト(例えばコーポレートサイト& LPとか)を持つ場合は、1つのサーバーに1つの独自ドメインで、独自ドメインからサブドメイン(lp.example.comのような)を作成する形になります。 関わりのない2つのサイトを運営するのであれば2つ独自ドメインを取得します😆❗️
@Isa-yi5tw
@Isa-yi5tw 5 ай бұрын
@@hirocode ありがとうございます、一度やってみます! 公開済みのサイトを編集して、内容を反映させたい場合、他の方のコメントにあるように内容を変更した状態で再度 SFTP: Sync Local -> Remoteを行ってみたのですが、変更の反映が確認できません…数時間経って確認もしたのでキャッシュではないみたいで…原因がわからないのですが、何か対処法がありましたら教えていただきたいです🙇‍♀
@Isa-yi5tw
@Isa-yi5tw 5 ай бұрын
@@hirocode 2つ目のサイトをアップしようと、同じ方法で動画の通りに進めましたが、初期ドメインの時点でサイトのエラーが発生してアップしたいWebサイトが表示されませんでした。「ロリポップ!FTP」で確認したところ正しくアップロードはされているみたいです。原因と対処法が分かりましたら、教えていただきたいです…
@hirocode
@hirocode 5 ай бұрын
ロリポップ!FTPで正しくアップロードされているのが確認できていて反映がされない場合、「ロリポップ!アクセラレータ」を無効にすれば反映されるかもしれないです❗️
@hirocode
@hirocode 5 ай бұрын
こちらどのようなエラー発生していますでしょうか❓
@user-zt6kp7oq2g
@user-zt6kp7oq2g Жыл бұрын
とてもわかりやすい説明ありがとうございます! 質問なのですが、既に公開しているメインのWebサイトに、ローカル上にある自分のサイトを統合して表示させたいのですがどうすればよろしいでしょうか?
@hirocode
@hirocode Жыл бұрын
ありがとうございます😆❗️ SFTP: Sync Remote -> Local(リモートからローカル)でサーバー上にあるファイルをローカルに落とすことができます。(フォルダ空の状態で落とした方が良いと思います。) ここに変更加えた上で SFTP: Sync Both Directions(最新に統合)することでうまい具合に統合できるかと思います😆❗️
@s3ss657
@s3ss657 2 жыл бұрын
動画を参考にやってみたら無事公開できました!ありがとうございます😭 一つ質問なのですが、ホームページを公開した後に、vscodeでホームページの内容を変更した場合、どのようにして公開済みのホームページに反映させたら良いですか? 分かりにくくてすいません💦
@hirocode
@hirocode 2 жыл бұрын
嬉しいコメントいただきありがとうございます😭❗️ 内容を変更した状態で再度 SFTP: Sync Local -> Remoteを行えば、ファイルが上書きされて変更を反映することが出来きるはずです❗️
@s3ss657
@s3ss657 2 жыл бұрын
@@hirocode ご返信ありがとうございます! ご指摘どおり実行してみたら無事変更ができたのですが、一部変更されない部分があります。 そのような場合によくある原因などってありますかね? 質問多くて申し訳ないです!
@hirocode
@hirocode 2 жыл бұрын
反映まで時間かかる場合や、キャッシュが残っている場合が考えられます! あとは、ファイル削除しても今の設定では反映されないのですが、その点関係ありそうでしょうか??
@s3ss657
@s3ss657 2 жыл бұрын
@@hirocode 色々試してみたところ、HTMLファイルの変更は反映していたのですがCSSの方は時間を置いてみても効いていませんでした。アップロードする前にCSSで記述したところはしっかり反映されているのですが、サイトをアップロードした後に記述したCSSが適応されてないです。HTMLの方はうまく反映されるのでアップロード後にCSSを記述する場合はHTMLファイルにstyleタグで記述した方が良い感じですかね…?ついでにstyleタグだとうまく効きます。長文すいません💦
@hirocode
@hirocode 2 жыл бұрын
CSSはキャッシュが残ることが多いです! 簡単な方法としては、ブラウザのシークレットモード(Command + Shift + N)でサイトを開くとキャッシュなしの状態で見ることが出来ます。これで反映されませんでしょうか。 もしくは、cssの読み込みの指定にパラメータを設けることでも解決することが出来ます。 ↑みたいな感じで、?以降のテキストを更新毎に変更してあげるだけでOKです! これら試してみてください🙇‍♂️❗️
@satsukifuse2313
@satsukifuse2313 Жыл бұрын
いつも拝見しております!わかりやすくてとても参考になります。 また、サーバーのアップロード方法やベーシック認証のやりかたについての動画も上げていただけると嬉しいです(^o^)
@hirocode
@hirocode Жыл бұрын
コメントいただきありがとうございます🙇‍♂️❗️ おっしゃる通りBasic認証とか必要ですがわからない方多いと思うので、そういう動画も上げていけたらと思います😆❗️
@user-ot1bd9te4n
@user-ot1bd9te4n 2 жыл бұрын
いつも動画を見させていただいています! 少し関係ない質問なのですが、wordpress化したファイルのcssはvscodeでは編集できないのでしょうか? いつも追加cssでいつも編集しているので、少し不便さを感じております。
@hirocode
@hirocode 2 жыл бұрын
ありがとうございます😊♪ サーバーに上げたファイルを編集したいということでしょうか❓サーバー上のファイルをVSコードで編集するにはプラグイン使えばできるようです💡もしくは、ローカル環境で編集したのち、テーマファイルもしくは編集したファイルをサーバー上にアップする形が良いかと思います‼️
@user-ot1bd9te4n
@user-ot1bd9te4n 2 жыл бұрын
@@hirocode ご丁寧にご返信ありがとうございます😊 何というプラグインでしょうか? 何度も聞いてすいません🙇‍♂️
@hirocode
@hirocode 2 жыл бұрын
こちらの記事参考にしてみてください😊❗️ qiita.com/catopy/items/862c4707387a98afa1a6
@xiphone4670
@xiphone4670 5 ай бұрын
コメント失礼します!vs codeでLPを作成しアップロードしURLを決める際は都度ドメインを取得する必要があるという認識でお間違いないでしょうか?!
@hirocode
@hirocode 5 ай бұрын
そんな認識です❗️ 一応共有ですが同じサービスであればドメイン1つで問題ありません! 1つドメイン取得すればサブドメインが作れるので、 本サイト→ example.com LP → lp.example.com みたいな形にすることができます😆❗️
@xiphone4670
@xiphone4670 5 ай бұрын
@@hirocode ありがとうございます!😭助かりました!
@v-ma2616
@v-ma2616 9 ай бұрын
素晴らしい動画ありがとうございます エコノミークラスでSSHが無い場合はどのようにすればよろしいですか?
@hirocode
@hirocode 9 ай бұрын
ありがとうございます😊♪ 「アカウント情報>サーバー情報」を見ながら動画と同様に項目を埋めていただいて、下記項目だけこのように変更すればいけそうです😆❗️ "protocol": "ftp", "port": 21,
@v-ma2616
@v-ma2616 9 ай бұрын
@@hirocode 丁寧な対応ありがとうございます やってみます
@v-ma2616
@v-ma2616 9 ай бұрын
@@hirocode403エラーで、WAF無効にしても変わりません😢
@user-mc9rm1md6m
@user-mc9rm1md6m 8 ай бұрын
質問なのですが… vscodeとロリポップでサイトを立ち上げた後、サイトの修正(画像を差し替えたり文を書き換えたり等)をする場合はどのようにすれば良いのでしょうか。
@hirocode
@hirocode 8 ай бұрын
ファイルを編集して再度 SFTP: Sync Local -> Remoteすれば上書きされるはずです❗️SFTP: Upload Active FileやFolderでファイルやフォルダ単位でのアップも可能です!
@user-mc9rm1md6m
@user-mc9rm1md6m 8 ай бұрын
@@hirocode 出来ました!ご丁寧に返信ありがとうございます!
@user-mc9rm1md6m
@user-mc9rm1md6m 7 ай бұрын
以前はできたのですが、久しぶりに更新をしようとしたら、反映されなくて困っています。 原因や解決方法は何か考えられませんか。サイトの更新ではなくて、プレビューで見ると更新内容が反映されているので、Remoteのアップロードがうまく行ってないとは思っているのですが、、、
@y_a_k_u_o_
@y_a_k_u_o_ 2 жыл бұрын
いつもサイトを制作する際にお世話になっております。 一つ質問なのですが、10:00の所の初期ドメインを使ってサイトは一応公開できたのですが、自分で作ったJavascriptが上手く作動しないです。この段階ではJavascriptは反応しないのでしょうか?
@y_a_k_u_o_
@y_a_k_u_o_ 2 жыл бұрын
すみません、自己解決しました!タグにjavascriptを認識するためのタグを入れていなかったのと、相対パスと絶対パスがごちゃごちゃになっていたようです。整理したら作動してくれました。これからも動画を参考に見させていただきます_(._.)_
@hirocode
@hirocode 2 жыл бұрын
コメントいただきありがとうございます❗️ パスの指定上手くいってないこと良くあります😅解決されたようで良かったです!! また何かあったら気軽にコメントください😆♪
@licht-Illustrator
@licht-Illustrator 2 жыл бұрын
コメント失礼します。 企業から依頼されたサイトを作成した場合は 電話番号や個人か法人かを選ぶ時など どうしたら良いのでしょうか? お答えいただけると嬉しいです!
@hirocode
@hirocode 2 жыл бұрын
コメントいただきありがとうございます❗️サイト公開について2パターンあって、 1つは企業契約したサーバー上でサイト公開。 もう一つは、ご自身で契約したサーバー上で公開。この場合は、別途保守契約などをかわして運用する形になるかと思います。 おそらく今回前者のケースかと思われますが、この場合、サーバー契約の情報は全て企業の情報になります。 また、契約時には決済情報の入力が必要になるので、クライアントにサーバー契約してもらい、ログイン情報などを共有してもらう流れが一般的かなと思います😊
@licht-Illustrator
@licht-Illustrator 2 жыл бұрын
@@hirocode ありがとうございます! 助かりました! 今後も動画楽しみにしております✨
@user-pg9mg6ny1o
@user-pg9mg6ny1o 2 жыл бұрын
とても分かりやすかったです。ありがとうございます。 sftpで指定した場所に、サイトの公開はできたのですが、vsコードで作成したスタイルシートがうまく反映されず、htmlのみの表示になってしまいます。ファイルのまとめ方に問題があるのでしょうか?
@hirocode
@hirocode 2 жыл бұрын
嬉しいコメントいただきありがとうございます😊♪ もしかしたら、スタイルシートのファイルパスの指定がうまくいっていないかもしれません。headタグ内のリンクタグにてstylesheet読み込んでると思いますが、その辺りの指定は問題なさそうでしょうか?💡もしgoogle developer tool 使ったことあれば、それでheadタグ内みてみれば正しく読み込まれているか分かるはずです❗️
@user-pg9mg6ny1o
@user-pg9mg6ny1o 2 жыл бұрын
ご丁寧にありがとうございます! 無事スタイルシートの読み込みができました!! これからも動画たのしみにしてます。ありがとうございました🥺👏🏽
@user-pz8kg8fu8o
@user-pz8kg8fu8o 4 ай бұрын
コメント失礼します。 今回初案件なのですが、お問い合わせフォームをphp工房で作成しました。 納品の際、レンタルサーバー契約、ドメイン取得をお客様にしていただくだけでよろしいのでしょうか?vscodeによる作業はお客様にしていただくのではなく、私たち制作側のpcで行なっても大丈夫なのでしょうか?? ご回答頂ければ幸いです、よろしくお願いします。
@hirocode
@hirocode 4 ай бұрын
コメントありがとうございます🙇 おっしゃる通り基本的にはレンタルサーバーとドメインどちらも契約してもらうのが良きです!サイト製作者がアップするが一般的かと思います! 可能であれば一時的にでもレンタルサーバーのログイン情報共有してもらって公開作業する形になります😆❗️
@user-qo7tg2gu5y
@user-qo7tg2gu5y 11 ай бұрын
2年越しの質問失礼します。😢 ロリポップの情報をvs Codeに打ち込む際に必要な SSHという画面はロリポップログイン画面のどこから行けますでしょうか? 初歩的な質問申し訳ありません。 よろしくお願いします。
@hirocode
@hirocode 11 ай бұрын
コメントありがとうございます☺️ ログイン後、左側にあるサイドバーの1番上の項目 サーバーの管理・設定 > SSH で確認できます😆❗️
@user-qo7tg2gu5y
@user-qo7tg2gu5y 11 ай бұрын
@@hirocode返信ありがとうございます! そこを見てもなんか違うなぁと思っていたんです😂 そうしたら、契約プランによってSSH対応しているかどうかが違ってプラン変更したら無事できました! 重ねて質問失礼します☔️☔️ ムームードメインで取得完了→ロリポップの独自ドメイン設定で【設定する独自ドメイン】【公開フォルダ】も記入したのですが、 【入力されたドメインはすでに他のアカウントにて設定されているかロリポップのドメインのため設定することができません。またムームーメールでご利用中の独自ドメインは設定することができません】とエラーが😢、、、 もし解決方法ご存知でしたら教えて頂きたいです🙇🏻‍♀️ WEBを作るのは好きですが、どうもサーバアップが嫌いで😢
@hirocode
@hirocode 10 ай бұрын
すみません確認できてませんでした💦 support.lolipop.jp/hc/ja/articles/360058167254 可能性が高そうなのが上記URLに記載されている「レンタルサーバー無料お試し(任意)」にチェックが入っていた、かもしれません。 一度サポートに連絡するのが手っ取り早そうです🙇!
@KentaroxKondo
@KentaroxKondo Жыл бұрын
既にサイトを複数管理していますが、参考になりました。ありがとうございます! ところで、netlifyやgithub pagesのような、静的サイトを無料でホスティングさせてもらえるサービスがあるかと思いますが、PHPなどを使った動的サイトを無料でホスティングできるサービスはご存知ないでしょうか? たぶん、私の欲張りすぎでそんなものは存在しない気もしますが、もしも何かご存知でしたら教えていただきたいです🙌😂
@hirocode
@hirocode Жыл бұрын
嬉しいコメントいただきありがとうございます🙇‍♂️❗️ 無料で使えるもの見つけられませんでした💦ワンチャン独自ドメインは当てれないけど...的なものなくも無さそうですが...
@KentaroxKondo
@KentaroxKondo Жыл бұрын
@@hirocode わざわざ調べていただいて、ありがとうございますm(_ _)m こちらで良いものが見つかれば報告したいと思います!😂
@aris8995
@aris8995 Жыл бұрын
とてもわかりやすく参考になりました!試してみたところ、404エラーが出てしまったのですが、URLと sftpのコードに間違っているところが見つけられず、他に原因は考えられますでしょうか...?😭
@hirocode
@hirocode Жыл бұрын
コメントいただきありがとうございます😊♪ 404エラーはアクセスしたページが存在していない時のエラーなので、データが正しくアップロードされていないか、もしくはアクセスしているURLが正しくない可能性があります。 レンタルサーバーのユーザー専用ページから、サーバーに上がっているデータを確認することができるので(ロリポップの場合は、「ロリポップ!FTP」)、まずはそこにデータが正しくアップロードされているか確認してみるのが良さそうです😆❕
@aris8995
@aris8995 Жыл бұрын
@@hirocode ありがとうございます!助かりました😭ロリポップを使っているので確認したところアップロードは出来ました!しかしvs.codeでは反映されているstyle.cssだけ反映されないので、ディレクトリが間違っているということでしょうか?😢
@hirocode
@hirocode Жыл бұрын
無事アップできたようでよかったです😆❕ CSSが反映されていない場合、cssを読み込むパスの指定に誤りがあるかもしれません。 相対パス(../../~)で指定している場合は、ファイルからの位置関係が正しいか、絶対パス(~)で指定している場合も同様、指定の階層に誤りがないか、スペルミスがないか確認してみてください❕
@aris8995
@aris8995 Жыл бұрын
@@hirocode 返信ありがとうございます!やはりパスが間違っていたみたいで、もっと勉強します!!無事に見れるようになり、初めて作ったのでとっても嬉しかったです☺️ありがとうございます✨
@hirocode
@hirocode Жыл бұрын
よかったです❕初めてのサイトめちゃめちゃ嬉しいですね😆♪僕ももっと参考になる動画出せるように頑張ります!!
@inui-vo3th
@inui-vo3th Ай бұрын
コメント失礼します。自分はこの動画を見る前にxサーバーにてレンタルサーバーを申し込み独自ドメインを取得したのですが、この動画のvscodeの作業のやり方がわからず詰まっています。ロリポップにおけるSSH情報がxサーバーではどの部分に該当するのかがわからりません。(hostやusername、password、remotePathなどになんの情報を打てばいいかがわからないという感じです)いろいろな情報を入力して試してはいますが、「All configured authentication methods failed」と表示されてしまいます。解決策がありましたら、ご教授いただきたいです。よろしくお願いします。
@lemoon_log
@lemoon_log Жыл бұрын
わかりやすい説明で参考になったのですが、ページが見つからないとエラーが出てしまいます( ; ; ) uploadOnSaveの下にuseTempFileとopenSshが出てきます。こちらの設定はfalseで良いか分かりますでしょうか... あと、remotePathのwebの後に入れるものがよくわかりませんでした💦(これが原因なのかなと思ってます) 教えていただけると助かります🙇‍♀
@hirocode
@hirocode Жыл бұрын
返信遅くなってすみません🙇‍♂️ useTempFileとopenSshはfalseで問題ないです!もしくは項目削除しても大丈夫です! remotePathの項目はレンタルサーバーによって異なるので、ご契約されているレンタルサーバーのフルパスを調べて挿入します。ロリポップの場合は、アカウント情報の箇所に”フルパス”という項目があるのでそれを入れています。 その中にhirocodewebというディレクトリ(フォルダ)を作ってデータをアップする指定になっています。
@user-ob6uh3ws8w
@user-ob6uh3ws8w Жыл бұрын
現在ポートフォリオサイトを作成し公開しようとしている段階ですが、やり方が分からず困っていた所、この動画を発見しました。 とても分かりやすく参考になりました、ありがとうございます。 現在ドメインを取得するのに無料クーポン待ちなのでまだ公開には至ってないですが、クーポンが届き次第また参考にさせて頂きます。 そしてここからひとつ質問なのですが、作成したポートフォリオサイトにはaタグで飛ぶプロフィールページやイラスト置き場など新たなhtmlを用意しているのですが、VScode内でのみページを表示させていた時は他htmlのURLを貼り付ければ普通にページ遷移し表示されましたが、ロリポップで作ったサイトを表示してみるとindex.htmlしか表示されずどうすればいいか分からない状態です。 他ページのURLを取得すればいいのでしょうがリンクを押して表示されるのがindex.htmlのみなので他ページのURL取得方法が分かりません。 もしよければ是非教えて頂きたいです。 お忙しい中申し訳ございません。
@hirocode
@hirocode Жыл бұрын
コメントいただき、ありがとうございます☺️‼️ リンクの指定方法がうまくいっていない状況でしょうか?? 例えば、index.htmlファイルと他ファイル(profile.html)が同階層に並んでいる場合は、 プロフィールページへ遷移 とすれば移動できるかと思われますがいかがでしょうか。
@user-ob6uh3ws8w
@user-ob6uh3ws8w Жыл бұрын
@@hirocode そうです!リンクの指定がよく分からなくて!! なるほど!HTML名を直接指定してあげればいいのですね!! ありがとうございます!!✨ これからも動画参考にさせて頂きたいのでチャンネル登録失礼致します!!
@user-ob6uh3ws8w
@user-ob6uh3ws8w Жыл бұрын
すみませんまたまたごめんなさい! 今回無料クーポンがようやく届いたのでホームページ公開まで踏み切りましたが、他HTMLが同階層であるにも関わらず遷移しません。 調べてみたのですが未だ分からず、もしよろしければまたお聞きしてもよろしいでしょうか? ※追記 改めていじってみるとindex.htmlからprofile.htmlや他htmlに移動することが出来たのですが、ページ遷移後URL末尾にprofile.htmlとついたあとに他のページに遷移しようとするとどこへも遷移出来なくなりました。 お忙しい中申し訳ないのですが、教えて頂けましたら嬉しく思います!
@hirocode
@hirocode Жыл бұрын
例えばこのように3つのページの飛べるリンクを作成します。 ホーム アバウト プロフィール これを上記3ページに配置します。 同階層のファイルの場合、通常であればこれだけで各ページ行き来できるはずですがいかがでしょうか!
@user-ob6uh3ws8w
@user-ob6uh3ws8w Жыл бұрын
@@hirocode お返事ありがとうございます! はい、そのようにhtmlをaタグに記載していて、階層も同じなので問題ないはずだと思うのですが、index.htmlからprofile.htmlに移動するとURL末尾にprofile.htmlがついてその後どのhtmlにも飛べなくなります! profile.htmlだからというわけではなく、他htmlでも一度は遷移するも次からは遷移しなくなります! 調べたところ、file:///で始まるものがあまり良くない?という情報を発見したのですが、aタグにカーソルを合わせると左下にfile:///と表示されるので、これが何か関係あるのでしょうか? 質問ばかりですみません💦 ※追記 ごめんなさい何故か分かりませんが解決できました!! 本当にありがとうございます!! これからも動画勉強させて頂きます!!✨
@yushi9596
@yushi9596 2 жыл бұрын
8:27 エラーで Unexpected string in JSON at position 195 という表示が出てしまうのですが対処法教えていただけないでしょうか。よろしくお願いします>
@hirocode
@hirocode 2 жыл бұрын
文字列に誤りがあるようなので、カンマの抜けやダブルクオーテーションの位置が間違ったりしていないか再度確かめてみてください❗️ 動画内で使用したサンプルコード下記に置いてあるので参考にしてみてください😊❗️ www.craft.do/s/V0NKM6ZQVAWfwu
@rimiiyukawa4966
@rimiiyukawa4966 Жыл бұрын
Website立ち上げ初心者です。 参考にしながら作業進めているのですが、404 Errorと出てしまいます。アドバイスいただけないでしょうか?
@hirocode
@hirocode Жыл бұрын
コメントいただきありがとうございます😊♪ どのタイミングで404エラー出てる状況でしょうか??
@hiroakiochiai6169
@hiroakiochiai6169 Жыл бұрын
14:49 このように表示されてしまいます 入力されたドメインはすでに他のアカウントにて設定されているか、ロリポップのドメインのため設定をすることができません。また、ムームーメールでご利用中の独自ドメインは、設定をすることができません。 どうすればいいですか?
@hirocode
@hirocode Жыл бұрын
support.lolipop.jp/hc/ja/articles/360058167254 ここに記載されているどれかに該当しているかと思われます!
@user-ry8uo8mj9h
@user-ry8uo8mj9h Жыл бұрын
質問があります。 VSコードでHTML、CSS、JSをChromで表示させながら作りました。 いざ動画に手順で公開してみると、faviconや、一部の画像、動画が表示されていません。 ただしChromで表示しているページでは問題なく出力できています。 つまりコード自体には打ち間違えはなく、サーバーにアップロードする過程で何かしらのエラーが出たのだと思っています。 いろいろ触ったり検索してみたものの解決できず、何か対処法があればお聞きしたかったです。 よろしくお願いいたします。
@hirocode
@hirocode Жыл бұрын
ご質問いただきありがとうございます🙇‍♂️ 画像のパス指定が正しいかご確認よろしくお願いします❕
@totonenei
@totonenei Жыл бұрын
失礼致します。 8:30 14:30 hirocodewebというのを真似させてもらったのですが、ここは任意で構わないでしょうか? 現在、(初期ドメイン)/hirocodewebの段階で、403エラーがででしまい、 独自ドメインに至ってはサーバーが見つかりませんという状況です。 時間は5,6時間経過しています。 分からないことだらけなのですが、ご回答いただけると幸いです。
@hirocode
@hirocode Жыл бұрын
コメントいただきありがとうございます😊 任意の名前で構いません! レンタルサーバーには複数のサイトを載せる前提であるため、 /hirocodeweb /websiteA /websiteB みたいな感じで、フォルダ(ディレクトリ)を作っていく管理していくイメージです。 08:30 のremotePathでは↑のようにサイトのディレクトリを指定しています。 home/users/0/main.jp-hirocode/web/がレンタルサーバーのルートディレクトリ(一番上の階層)なので、ここに、hirocodewebや、websiteA、websiteBなど任意のディレクトリを作って、そこにサイトのデータをアップします。 14:30 では、設定する独自ドメインhirocodeweb.com にアクセスした際に、どのフォルダを表示しますか?という指定が「公開フォルダ」の項目にあたります。 ゆえに、ここではremotePathで指定したhirocodewebを指定しています。 なので、名前は任意で構いませんが、remotePathで指定したフォルダ名と、公開フォルダ名が一致している必要があります😆❕ この点見返してみて解決しない場合、データのアップロードが正しく行われていない可能性もあるので、ロリポップにログイン後、 サーバーの管理設定>ロリポップ!FTPにアクセスすると、レンタルサーバー内が確認できるので、正しくディレクトリが作成されているか、データがアップされているか確認してみてください🙇 (ロリポップ以外でしたら、同様のFTP接続メニューを選択ください)
@totonenei
@totonenei Жыл бұрын
ご回答ありがとうございます。 FTPにアクセスしたところ、hirocodewebというものとwelcome.htmlというものが出てきました。 やはり初期ドメイン/hirocodewebにアクセスすると403エラー、このページへのアクセスは禁止されています、と出てきてしまいます。 何か対処法などありますでしょうか?
@hirocode
@hirocode Жыл бұрын
FTPツールで、hirocodewebの中に、index.htmlファイルを作ったらどうなりますでしょうか。 FTPツール内の、「新規ファイル作成」> ファイル名にindex.htmlを入力、下のテキストエリアに、「テスト」とかで良いので適当に文字を入力、一番下の「保存する」をクリックします。 welcome.htmlとindex.htmlが2つ並んでいる形になればOKです。 これで表示変わりませんでしょうか?ご確認よろしくお願いします🙇‍♂️
@totonenei
@totonenei Жыл бұрын
@@hirocode 表示が二つ並んででてきました。
@hirocode
@hirocode Жыл бұрын
すみません💦 どこに何の表示が2つ並んでいる状態でしょうか?
@user-rd3js4fe8p
@user-rd3js4fe8p 5 ай бұрын
10:16 の所でつまづいています🥲ロリポップFTPでファイルがアップロードされているのを確認できるのですが、404エラーが出てしまいます。welcome.htmlもロリポップFTPに最初から入っていないのですがwelcome.htmlは表示されるためよく分かりません…なにか改善方法はありますでしょうか…?
@hirocode
@hirocode 5 ай бұрын
コメントありがとうございます🙇 まず下記2点確認してみてください! ・「初期ドメイン/アップロードフォルダ」のurlをブラウザで開いているか(動画の場合、「hirocode.main.jp/hirocode」) ・上記フォルダにindex.htmlが存在しているか
@azuu6631
@azuu6631 2 жыл бұрын
9:46 アップロードするローカルフォルダが表示されないのですが、どうしたら良いでしょうか………
@hirocode
@hirocode 2 жыл бұрын
コメントいただきありがとうございます❗️ 確かなことは言えないのですが、作成したsftp.jsonの内容に誤りがあるなどの可能性が考えられます。できれば再度手順追って試していただけますでしょうか🙇‍♂️❗️
@artist_hiromu
@artist_hiromu Жыл бұрын
全て手順を終えてリンク先に飛んでみたら、このサイトにアクセスできませんと表示されてしまいました。対処法などし知っていましたら教えていただけると幸いです。
@hirocode
@hirocode Жыл бұрын
コメントいただきありがとうございます🙇‍♂️❕ 独自ドメイン設定後、一定時間立たないとページが表示されないことがありますが、その原因は考えられますでしょうか😲❔ もしくはURLや公開フォルダに誤りがある可能性もあるかもしれないです💡
@artist_hiromu
@artist_hiromu Жыл бұрын
@@hirocode ご回答ありがとうございます!前者については問題ないです。公開フォルダというのはどのことでしょうか?無知で大変申し訳ありません😅
@hirocode
@hirocode Жыл бұрын
14:30 この辺りの「公開フォルダ」という項目で、レンタルサーバー内にあるどのフォルダに対してドメインを設定するかという設定です❕ 空であれば問題ないかと思いますが、サーバー内のフォルダ名と相違がある場合エラーになる場合があります💡
@artist_hiromu
@artist_hiromu Жыл бұрын
@@hirocode 回答ありがとうございます!無事公開することができました!
@hirocode
@hirocode Жыл бұрын
よかったです😆❕❕❕
@TokyoNerd
@TokyoNerd 2 жыл бұрын
アップロードしたウェブサイトが表示されません! どうしたらいいでしょうか?
@hirocode
@hirocode 2 жыл бұрын
コメントいただきありがとうございます🙇‍♂️アクセスしたブラウザに何かエラー文表示されていませんでしょうか?
@sa-hi2710
@sa-hi2710 Жыл бұрын
15:15 2日待っても404エラーのままです どうすればいいですか?
@hirocode
@hirocode Жыл бұрын
コメントありがとうございます🙇 10:16 のステップでサイトの表示は確認できましたでしょうか。
@user-jl5yk7jr5q
@user-jl5yk7jr5q 2 жыл бұрын
認証コードが永遠に届かないっす
@hirocode
@hirocode 2 жыл бұрын
コメントいただきありがとうございます😊♪ 電話番号のSMS認証でしょうか❓今僕の電話番号では即座に届いたので、電話番号の間違い、スマホの設定(拒否や通知オフなど)が考えられそうです😢
【実践】ECサイトの作り方。操作手順を公開!
11:24
HIROCODE.ヒロコード
Рет қаралды 21 М.
独学でWebデザイン 7年 続けた結果... と、独学勉強法!
13:37
HIROCODE.ヒロコード
Рет қаралды 62 М.
艾莎撒娇得到王子的原谅#艾莎
00:24
在逃的公主
Рет қаралды 53 МЛН
Fortunately, Ultraman protects me  #shorts #ultraman #ultramantiga #liveaction
00:10
Kids' Guide to Fire Safety: Essential Lessons #shorts
00:34
Fabiosa Animated
Рет қаралды 16 МЛН
Matching Picture Challenge with Alfredo Larin's family! 👍
00:37
BigSchool
Рет қаралды 43 МЛН
【作業工程フル公開】エンジニアが30万円案件の制作過程を公開
1:39:53
だれでもエンジニア / 山浦清透
Рет қаралды 1,6 МЛН
【実践】模写コーディングのやり方 | HTML & CSS | Coding
40:40
HIROCODE.ヒロコード
Рет қаралды 74 М.
【初心者】WordPress使い方!ゼロからできるホームページ作り!
1:55:50
WPクリエイト - WordPress講座
Рет қаралды 3 М.
Coding Airbnb websites with HTML CSS
43:41
HIROCODE.ヒロコード
Рет қаралды 37 М.
艾莎撒娇得到王子的原谅#艾莎
00:24
在逃的公主
Рет қаралды 53 МЛН