Webサイト制作初心者用質問スレ part253

**Name_Not_Found** · 2021/07/17(土) 22:21:10.88

初心者だろうが誰だろうが、
まず >>>■ 検索してから ■<<< 質問すること
ネタ・煽り・自演・荒らしは完全放置

【質問時の注意】
　 1. 質問する前に >>2 にも目を通すこと
　 2. メール欄に何も入れないことを推奨（IDを出して騙りを防止するため）
　 3. 質問者が返信する際は「最初に質問したレス番号」を名前欄に入れること
　 4. ブログについてはブログ板で質問すること
　　　●ブログ板 http://mevius.5ch.net/blog/
　 5. SEO、アドセンス、検索サイトに登録しても検索結果に引っかからないといったことは SEO関連スレで質問すること
　　　http://find.5ch.net/search?q=seo
　 6. アクセス解析については該当スレで質問すること
　　　http://find.5ch.net/search?q=%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B9%E8%A7%A3%E6%9E%90
　 7. 製作ソフト（Dreamweaver DW、ホームページビルダー、等）を使用した場合の質問は該当スレで質問すること
　 8. CGI、PHP, Perl, Ruby 等のプログラミング関連や CMS, Wiki は Webprog板、またはこの板の該当スレで質問すること
　　　●WEBプログラミング板 http://medaka.5ch.net/php/
　 9. JavaScript はこの板の該当スレで質問すること
　10. 画像作成ソフト（Photoshop 、Illustrator、等）については該当スレで質問すること
　11. HTML, CSS, CGI, 制作ソフトなどのどんな本を買えばいい？といったことは書籍についての質問スレで質問すること
　　　http://find.5ch.net/search?q=%E5%BD%B9%E3%81%AB%E7%AB%8B%E3%81%A4%E6%9B%B8%E7%B1%8D%E3%81%AF
　12. 質問内容を吟味して、正しい日本語で第三者が読んでも分かるように質問を書くこと
　13. 間違った回答をする人もいることに注意

【前スレ】
Webサイト制作初心者用質問スレ part252
https://mevius.5ch.net/test/read.cgi/hp/1595561376/

**Name_Not_Found** · 2021/07/17(土) 22:22:08.20

■散々既出な質問
Q1. アップロードしたファイルが表示されません
A1. ・ブラウザのキャッシュを削除してから再度確認すること
　　・ファイルがアップロードされているか、ファイルのパス（絶対パス？相対パス？）があっているか確認すること
　　・画像などのコンテンツなら、xHTMLソースで指定したファイル名と拡張子の大文字・小文字の一致を確認すること
　　・画像であれば「バイナリモード」で転送されたか確認し、そうでなければテキストモードに設定を変えること

Q2. ホームページを作成しようと思いソフトウェアの購入を検討しています。おすすめのソフトは何でしょうか？
A2. 体験版があればそれを使用することを勧めます
　　個人で好みが違うので、一概に「これ」が良いと推奨することはできません
　　あなたが購入を検討している物を天秤にかけ、自分がしたい事が実現できるような物を購入すれば OK です

Q3. 「http://www.～.com/」で○○したときのような効果を出すには、どうしたらいいのでしょうか
A3. ソースを見て理解する努力を惜しまないことがあなたを救います
　　初心者だからといってソースを理解する努力をおしめば、期待する効果を実現することは難しいでしょう

Q4. あるURLにアクセスしたとき、携帯とPCで表示するページを変えたいのですが
A4. 「携帯振り分け」などのキーワードで検索してください
　　また、「レスポンシブ」という単語もあなたを救うかもしれません

Q5. 正しく書いたつもりなのですが、うまく表示されません
A5. 油断は禁物です
　　 HTML の文法を専用サイトでチェックしてみましょう
　　http://validator.w3.org/

**Name_Not_Found** · 2021/07/18(日) 00:37:18.61

>>1乙

**Name_Not_Found** · 2021/07/30(金) 12:19:22.83

非同期に読み込んでいる部分が遅れてニュッと出てくると
下にあったボタンなどを誤操作したりして困るのですが
これは仕方のないことですか？

**Name_Not_Found** · 2021/07/30(金) 14:26:33.81

UI変えるとかで工夫できないの？

**Name_Not_Found** · 2021/08/04(水) 07:59:22.76

googleアナリティクスのビュー権限追加された人って
ルートのアカウント名見えてしまうのは仕様？

A社のサイトをB社が管理するなら
不用意なポチポチおじさんのいらんことを回避するなら
B社のアカウントの下にA社サイトぶら下げてリード権限つけたほうが安全よね？

**Name_Not_Found** · 2021/08/15(日) 16:20:09.81

webサイトで、MITライセンスのphpプログラムを使用するところがある場合
『MITライセンスですー』みたいな記述は
どこに書けばよいのでしょうか

**Name_Not_Found** · 2021/08/15(日) 23:20:43.87

>>7
PHPとMIT Licenseについて

ttps://www.phper.ninja/entry/2015/11/12/001956

**Name_Not_Found** · 2021/08/16(月) 01:43:43.05

馬鹿正直にそんなことしなくて良い

7 · 2021/08/16(月) 02:31:21.51

>>8-9
ありがとうございます！

ninjaなんてトップレベルドメインがあることに感動、、

**Name_Not_Found** · 2021/09/21(火) 19:12:46.21

jqueryのcdn、どこの使ってます？

**Name_Not_Found** · 2021/10/06(水) 10:00:56.64

イラレのマスクされた画像の書き出し、アセットでもマスクのサイズで書き出しできるようになってるな

**Name_Not_Found** · 2021/10/17(日) 19:46:53.90

例えば「タブ型のUIを実装したい。タブの中身は別途JSON等を元に構築する」みたいな場合に便利なフレームワークとかありませんかね？
JSONをパースした物を元にtdの中にtable入れてその中のtdにまたtable入れて・・・みたいなネストの深いElementをcreateElementや
appendChildを使って用意するのは結構大変だしバグりやすいしでもうちょっと簡単に作れる方法がないかなと・・・

**Name_Not_Found** · 2021/11/05(金) 15:10:43.50

質問です
子供がポップアップの画面をhtmlで作成して
外部のブラウザから見てみたいと言っています

ポップアップのソース自体は検索するといくつか出てくるのですが、肝心の簡単に利用できるwebサイトが
見つかりません

htmlやcssを試験的に貼って、それがきちんと反映してすぐに外部から閲覧できる手軽なサービスはありますか？wordpressとかでページを作って貼ればよければそういうものでいいのですが

よろしくお願いします。

**Name_Not_Found** · 2021/11/05(金) 17:47:51.03

jsbinかjsfiddle
この2つで駄目ならテスト用のWebサーバーをローカルで起動

**Name_Not_Found** · 2021/11/05(金) 18:00:17.26

> ポップアップの画面
> 外部のブラウザ

？？？

何だかよく分からんが、ちょっとソース貼って動作確認したいなら
https://jsfiddle.net/
とかでいいんじゃないの？
サーバー借りたいなら無料レンタルサーバーなんて検索すればいくらでもある
初心者にとって手軽かどうかは知らんが

14 · 2021/11/05(金) 18:08:16.49

ありがとうございます
そのレンタルサーバーが難しいので困ってます
別途なにかをインストールするわけですよね

できればサイト上で貼るだけで、それを閲覧
できるURLが生成されるような作りのサイトが
あればいいのですが

**Name_Not_Found** · 2021/11/05(金) 19:18:18.97

14自身がよくわかってないんじゃないの？
今ってPHPインストールすりゃPCにhttpサーバーインストールされるからそれで遊べばいいじゃん
いくら失敗しても誰にも怒られないし無料だし広告もつかない

**Name_Not_Found** · 2021/11/05(金) 19:19:03.87

そんな危ないサイト聞いたこと無い

**Name_Not_Found** · 2021/11/05(金) 19:40:17.59

外部のブラウザって、要はhtml、cssファイルをローカルではないwebサーバーに置いて
そこにブラウザでアクセスして閲覧してみたいってこと？

サーバー借りれば、業者によってはブラウザだけでファイルのアップロードとかも出来るし
サーバー借りなくても、プロバイダによっては無料のHPサービスなんかも付いてたりするし
解説サイトの手順通りにやれば簡単だから、分からないなら少しは勉強しようよ

**Name_Not_Found** · 2021/11/05(金) 19:42:01.58

ほれ

【簡単】Windowsで簡易Webサーバを立ち上げる方法 | ばったんの技術系ブログ
ttps://blackbird-blog.com/windows-kantan-webserver

14 · 2021/11/05(金) 20:59:37.50

>>21
わざわざすいません
その方法でも自分には若干複雑ですね
フォルダとwebページの関係性がしっかりと
分からないので

>>20
そういう感じですね

**Name_Not_Found** · 2021/11/05(金) 21:01:10.53

わからないからローカルで立ち上げてみて弄って学ぶんだろがw
そんな状態でレンサバ借りるほうが無駄だし手間ばっかりかかる

14 · 2021/11/05(金) 21:01:43.21

>>20
書き忘れました
そういう場合一番簡単な
レンタルサーバーはどこかおすすめありますか

大昔サーバー借りてmysqlだっけ使って大変苦労しました
とにかく直感的で無いので

**Name_Not_Found** · 2021/11/05(金) 21:01:52.32

安いとこだと一年契約で1758円なんていうのもあるんだから借りればいいじゃねーか。

**Name_Not_Found** · 2021/11/05(金) 21:52:15.85

> その方法でも自分には若干複雑ですね
> フォルダとwebページの関係性がしっかりと
> 分からないので

手順通りにやれば簡単なのに、もはや何が分からないのかが分からない
そんなんで鯖借りるとか無理だと思う

**Name_Not_Found** · 2021/11/05(金) 22:29:47.89

一番簡単なレンタルサーバーなんて無いよ
あったとしても、試しもせずに簡単WEBサーバすら複雑なんていう人には無理

**Name_Not_Found** · 2021/11/06(土) 02:28:09.47

14が「子供が・・・」というくだりがあるけど、
大人がしゃしゃり出てくるより、
子供が自分で調べた方が早そうだな

**Name_Not_Found** · 2021/11/06(土) 17:51:54.06

>>24
xfreeがいいと思うよ。
ブラウザだけで完結する
https://www.xfree.ne.jp/

**Name_Not_Found** · 2021/11/06(土) 22:26:14.69

>>14
WEB公開ならNetlifyが一番簡単で無料
index.htmlなどが入ってるフォルダごとドラッグ＆ドロップするだけ
（フォルダごと圧縮したzipファイルをドロップしてもOK ）
内容の更新も同様にフォルダごとドロップするだけ
無料だけど広告もつかないので俺も利用してる

手順はここがわかりやすい
https://geocities.netlify.app/

**Name_Not_Found** · 2021/11/11(木) 15:03:22.36

例えばexample.comの(メイン)ドメインを持っていて、
抑えでexample.jpのドメインを持ってます。

同サーバで同じ階層を指定するとSEOはアウトになりますか？
example.com → /home/web/
example.jp → /home/web/

example.jpのindex.htmlにおいて、
<link rel="canonical" href="https://example.com";>を記述すれば、
免れたりしますか？

**Name_Not_Found** · 2021/11/11(木) 16:07:33.46

違うドメインで同じコンテンツって一番やったらあかん奴やぞ
2つともgoogleから消えるぞ、やめとけ

**Name_Not_Found** · 2021/11/13(土) 12:36:39.36

>>24
わいはGithubPages使ってる

**Name_Not_Found** · 2021/11/13(土) 12:38:03.65

>>24
わいはGithubPages使ってる

**マッチ棒** · 2021/12/11(土) 19:10:51.66

こんばんはいつもお世話なります
やぶからぼうの質問ですが
エージャクスとやらを使いたい時はサーバ側に何かインストールがいるんてすかね？SQLやPHPみたいに。
それともエジャクスはJavaScriptのようにローカルの話なんですけ？

**Name_Not_Found** · 2021/12/12(日) 02:03:50.67

こんにちは、お問い合わせありがとうございます。
やぶからぼうへを知りたいのですね

漢字では「藪から棒」と書くのですが、
他人からの働きかけが、
その手前の動作や発言と関連が全くなく、
唐突であるさまのたとえです。

ご案内は以上となります。

**Name_Not_Found** · 2021/12/12(日) 07:30:56.21

archive.phpって一個のフォルダに一つしかできませんか？
名前変えて使うのもありですか？
例えばarchibe_2021.phpみたいに
一覧ページからカスタム投稿でarchive.phpに飛ばすと、決まったCSSデザインにしかできないんですかね
arcive.php内で更に条件分岐して複数ページのCSSデザイン作っていく感じですか？
複数怪奇過ぎてついていけない

お知らせ一覧がパーマリンクxx.com/newsに飛ぶ
archive.phpとして処理される
お知らせ一覧なので、特にサムネイル画像とかは要らない
じゃあサムネイル画像が必要な一覧ページも作りたい場合どうすればいいのか？という質問です
例えば物件一覧ページを追加した場合
上から順に新規投稿で下が古い物件一覧ページ
これもarchive.phpで処理されるけどパーマリンクは
xx.com/bukkenに飛ぶ
しかしnewsのarchive.phpとして処理されるからサムネイル画像などcssがいじれない
それともarchive.phpに条件分岐コード書けば物件一覧用としてもcssをいじれるんですか？
archive.php内で複数のページのCSSコーディングが出来るんですかね？

**マッチ棒** · 2021/12/12(日) 10:11:41.62

ジェイソンの意味がほんとうにわからない。
ふつうの配列変数をジェイソン形式にすると何がメリットあるのけ？

**Name_Not_Found** · 2021/12/12(日) 22:53:31.95

cookie同意のポップアップについて聞きたいんだけど
あれってサイト内でcookieを使ってたら絶対必要になるの？
例えば検索ワードを記憶して再セットするだけのレベルでも

もしくは3rdcookieを使う場合のみ必要？

**Name_Not_Found** · 2021/12/13(月) 01:40:35.81

今のところ日本国内で個人サイトやってる程度なら必要ではない
が、欧州や米国の法律の適用範囲内で商売してるなら必要

cookieを有効？GDPR（一般データ保護規則）とは
ttps://leap-con.co.jp/column/gdpr/
改正個人情報保護法が成立！cookieの取り扱いやGDPR・CCPAとの違いは？
ttps://digitalidentity.co.jp/blog/marketing/privacy-protection-law.html

**Name_Not_Found** · 2021/12/13(月) 12:52:29.92

>>40
横からすいません
あれって、どういう挙動してるんでしょうか？
クッキー同意しないなら、ページか見れないのたとか、見れるのもありますよね
見れるのは、javascriptか何かでクッキーオフで見れているのでしょうか？

**Name_Not_Found** · 2021/12/13(月) 14:41:05.82

>>41
サイトによりけりだろうから何とも言えないけど、問題は個人情報取得の有無だし
同意してもらえないなら、cookie使わなきゃいいってだけだから、まともなサイトなら
同意ボタン押した時点でcookie発行してるか、ブラウザでcookie拒否してる場合は
cookie使ったスクリプトを動作させないとかしてるんじゃない？

GDPRに対応したGoogle Analyticsのユーザ許可を追加するJavascript
ttps://web.analogstd.com/tips/posts/js/google-analytics-gdpr.php

**Name_Not_Found** · 2021/12/14(火) 03:49:18.02

CSSリセットでおすすめなんかありますか？

**Name_Not_Found** · 2021/12/14(火) 14:43:55.43

検索で出てきたものを適当に使え

**Name_Not_Found** · 2021/12/15(水) 21:55:02.46

自分で全部管理できるならリセットCSSは全消しでやった方がよさげ
他のテンプレを使ったりすると全消しだと影響出るのもあるので注意

**Name_Not_Found** · 2021/12/16(木) 13:05:39.55

>>41
例えば、Ruby on Rails の認証用モジュールでは、Devise が有名で、
普通はブラウザを閉じるなど、セッションが切れるとログイン出来なくなるけど、

Sorcery のRemember-Me を使うと、認証情報をCookie に保存して、
長期間ログイン状態を保つことができる

**Name_Not_Found** · 2021/12/16(木) 13:09:40.97

>>43
「bootstrap reset css」で検索！

Bulma とかもあるけど、漏れは、Bootstrap しか知らない

**Name_Not_Found** · 2021/12/16(木) 13:37:02.22

>>37
例えば、Ruby on Rails などのフレームワークでは、
MVC(model/view/controller)パターンを使う

Cでは、routing 機能で、URL のパターンによって、view(HTML)を切り替えて表示する

view はpartial で、各URLで異なる部分だけを作る。
そのpartial部分を、全体の外枠に、はめ込んで作る

全体の外枠がある事で、どのページでも統一したデザインになり、
partial部分だけを変えるように作る

**Name_Not_Found** · 2021/12/16(木) 14:24:18.30

>>46-48
よくそこまで的外れな回答が出来るな･･･

**Name_Not_Found** · 2021/12/16(木) 14:30:13.29

botなんだろうな

**Name_Not_Found** · 2021/12/23(木) 23:25:15.57

slickでfancyboxを開きたいんだけどどのサイトをコピペすればいいんでつかね

**Name_Not_Found** · 2021/12/24(金) 00:53:52.10

fancybox v3.4 + Slick carousel
https://codepen.io/DmiE/pen/rNaOZOL

**Name_Not_Found** · 2021/12/24(金) 04:29:48.16

slickって何でしょうか？