Webサイト制作初心者用質問スレ part253
初心者だろうが誰だろうが、
まず >>>■ 検索してから ■<<< 質問すること
ネタ・煽り・自演・荒らしは完全放置
【質問時の注意】
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/ ■散々既出な質問
Q1. アップロードしたファイルが表示されません
A1. ・ブラウザのキャッシュを削除してから再度確認すること
・ファイルがアップロードされているか、ファイルのパス(絶対パス?相対パス?)があっているか確認すること
・画像などのコンテンツなら、xHTMLソースで指定したファイル名と拡張子の大文字・小文字の一致を確認すること
・画像であれば「バイナリモード」で転送されたか確認し、そうでなければテキストモードに設定を変えること
Q2. ホームページを作成しようと思いソフトウェアの購入を検討しています。おすすめのソフトは何でしょうか?
A2. 体験版があればそれを使用することを勧めます
個人で好みが違うので、一概に「これ」が良いと推奨することはできません
あなたが購入を検討している物を天秤にかけ、自分がしたい事が実現できるような物を購入すれば OK です
Q3. 「http://www.〜.com/」で○○したときのような効果を出すには、どうしたらいいのでしょうか
A3. ソースを見て理解する努力を惜しまないことがあなたを救います
初心者だからといってソースを理解する努力をおしめば、期待する効果を実現することは難しいでしょう
Q4. あるURLにアクセスしたとき、携帯とPCで表示するページを変えたいのですが
A4. 「携帯 振り分け」などのキーワードで検索してください
また、「レスポンシブ」という単語もあなたを救うかもしれません
Q5. 正しく書いたつもりなのですが、うまく表示されません
A5. 油断は禁物です
HTML の文法を専用サイトでチェックしてみましょう
http://validator.w3.org/ 非同期に読み込んでいる部分が遅れてニュッと出てくると
下にあったボタンなどを誤操作したりして困るのですが
これは仕方のないことですか? googleアナリティクスのビュー権限追加された人って
ルートのアカウント名見えてしまうのは仕様?
A社のサイトをB社が管理するなら
不用意なポチポチおじさんのいらんことを回避するなら
B社のアカウントの下にA社サイトぶら下げてリード権限つけたほうが安全よね? webサイトで、MITライセンスのphpプログラムを使用するところがある場合
『MITライセンスですー』みたいな記述は
どこに書けばよいのでしょうか >>7
PHPとMIT Licenseについて
ttps://www.phper.ninja/entry/2015/11/12/001956 >>8-9
ありがとうございます!
ninjaなんてトップレベルドメインがあることに感動、、 イラレのマスクされた画像の書き出し、アセットでもマスクのサイズで書き出しできるようになってるな 例えば「タブ型のUIを実装したい。タブの中身は別途JSON等を元に構築する」みたいな場合に便利なフレームワークとかありませんかね?
JSONをパースした物を元にtdの中にtable入れてその中のtdにまたtable入れて・・・みたいなネストの深いElementをcreateElementや
appendChildを使って用意するのは結構大変だしバグりやすいしでもうちょっと簡単に作れる方法がないかなと・・・ 質問です
子供がポップアップの画面をhtmlで作成して
外部のブラウザから見てみたいと言っています
ポップアップのソース自体は検索するといくつか出てくるのですが、肝心の簡単に利用できるwebサイトが
見つかりません
htmlやcssを試験的に貼って、それがきちんと反映してすぐに外部から閲覧できる手軽なサービスはありますか?wordpressとかでページを作って貼ればよければそういうものでいいのですが
よろしくお願いします。 jsbinかjsfiddle
この2つで駄目ならテスト用のWebサーバーをローカルで起動 > ポップアップの画面
> 外部のブラウザ
???
何だかよく分からんが、ちょっとソース貼って動作確認したいなら
https://jsfiddle.net/
とかでいいんじゃないの?
サーバー借りたいなら無料レンタルサーバーなんて検索すればいくらでもある
初心者にとって手軽かどうかは知らんが ありがとうございます
そのレンタルサーバーが難しいので困ってます
別途なにかをインストールするわけですよね
できればサイト上で貼るだけで、それを閲覧
できるURLが生成されるような作りのサイトが
あればいいのですが 14自身がよくわかってないんじゃないの?
今ってPHPインストールすりゃPCにhttpサーバーインストールされるからそれで遊べばいいじゃん
いくら失敗しても誰にも怒られないし無料だし広告もつかない 外部のブラウザって、要はhtml、cssファイルをローカルではないwebサーバーに置いて
そこにブラウザでアクセスして閲覧してみたいってこと?
サーバー借りれば、業者によってはブラウザだけでファイルのアップロードとかも出来るし
サーバー借りなくても、プロバイダによっては無料のHPサービスなんかも付いてたりするし
解説サイトの手順通りにやれば簡単だから、分からないなら少しは勉強しようよ ほれ
【簡単】Windowsで簡易Webサーバを立ち上げる方法 | ばったんの技術系ブログ
ttps://blackbird-blog.com/windows-kantan-webserver >>21
わざわざすいません
その方法でも自分には若干複雑ですね
フォルダとwebページの関係性がしっかりと
分からないので
>>20
そういう感じですね わからないからローカルで立ち上げてみて弄って学ぶんだろがw
そんな状態でレンサバ借りるほうが無駄だし手間ばっかりかかる >>20
書き忘れました
そういう場合一番簡単な
レンタルサーバーはどこかおすすめありますか
大昔サーバー借りてmysqlだっけ使って大変苦労しました
とにかく直感的で無いので 安いとこだと一年契約で1758円なんていうのもあるんだから借りればいいじゃねーか。 > その方法でも自分には若干複雑ですね
> フォルダとwebページの関係性がしっかりと
> 分からないので
手順通りにやれば簡単なのに、もはや何が分からないのかが分からない
そんなんで鯖借りるとか無理だと思う 一番簡単なレンタルサーバーなんて無いよ
あったとしても、試しもせずに簡単WEBサーバすら複雑なんていう人には無理 14が「子供が・・・」というくだりがあるけど、
大人がしゃしゃり出てくるより、
子供が自分で調べた方が早そうだな >>14
WEB公開ならNetlifyが一番簡単で無料
index.htmlなどが入ってるフォルダごとドラッグ&ドロップするだけ
( フォルダごと圧縮したzipファイルをドロップしてもOK )
内容の更新も同様にフォルダごとドロップするだけ
無料だけど広告もつかないので俺も利用してる
手順はここがわかりやすい
https://geocities.netlify.app/ 例えばexample.comの(メイン)ドメインを持っていて、
抑えでexample.jpのドメインを持ってます。
同サーバで同じ階層を指定するとSEOはアウトになりますか?
example.com → /home/web/
example.jp → /home/web/
example.jpのindex.htmlにおいて、
<link rel="canonical" href="https://example.com">を記述すれば、
免れたりしますか? 違うドメインで同じコンテンツって一番やったらあかん奴やぞ
2つともgoogleから消えるぞ、やめとけ こんばんはいつもお世話なります
やぶからぼうの質問ですが
エージャクスとやらを使いたい時はサーバ側に何かインストールがいるんてすかね?SQLやPHPみたいに。
それともエジャクスはJavaScriptのようにローカルの話なんですけ? こんにちは、お問い合わせありがとうございます。
やぶからぼうへを知りたいのですね
漢字では「藪から棒」と書くのですが、
他人からの働きかけが、
その手前の動作や発言と関連が全くなく、
唐突であるさまのたとえです。
ご案内は以上となります。 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コーディングが出来るんですかね? ジェイソンの意味がほんとうにわからない。
ふつうの配列変数をジェイソン形式にすると何がメリットあるのけ? cookie同意のポップアップについて聞きたいんだけど
あれってサイト内でcookieを使ってたら絶対必要になるの?
例えば検索ワードを記憶して再セットするだけのレベルでも
もしくは3rdcookieを使う場合のみ必要? 今のところ日本国内で個人サイトやってる程度なら必要ではない
が、欧州や米国の法律の適用範囲内で商売してるなら必要
cookieを有効?GDPR(一般データ保護規則)とは
ttps://leap-con.co.jp/column/gdpr/
改正個人情報保護法が成立!cookieの取り扱いやGDPR・CCPAとの違いは?
ttps://digitalidentity.co.jp/blog/marketing/privacy-protection-law.html >>40
横からすいません
あれって、どういう挙動してるんでしょうか?
クッキー同意しないなら、ページか見れないのたとか、見れるのもありますよね
見れるのは、javascriptか何かでクッキーオフで見れているのでしょうか? >>41
サイトによりけりだろうから何とも言えないけど、問題は個人情報取得の有無だし
同意してもらえないなら、cookie使わなきゃいいってだけだから、まともなサイトなら
同意ボタン押した時点でcookie発行してるか、ブラウザでcookie拒否してる場合は
cookie使ったスクリプトを動作させないとかしてるんじゃない?
GDPRに対応したGoogle Analyticsのユーザ許可を追加するJavascript
ttps://web.analogstd.com/tips/posts/js/google-analytics-gdpr.php 自分で全部管理できるならリセットCSSは全消しでやった方がよさげ
他のテンプレを使ったりすると全消しだと影響出るのもあるので注意 >>41
例えば、Ruby on Rails の認証用モジュールでは、Devise が有名で、
普通はブラウザを閉じるなど、セッションが切れるとログイン出来なくなるけど、
Sorcery のRemember-Me を使うと、認証情報をCookie に保存して、
長期間ログイン状態を保つことができる >>43
「bootstrap reset css」で検索!
Bulma とかもあるけど、漏れは、Bootstrap しか知らない >>37
例えば、Ruby on Rails などのフレームワークでは、
MVC(model/view/controller)パターンを使う
Cでは、routing 機能で、URL のパターンによって、view(HTML)を切り替えて表示する
view はpartial で、各URLで異なる部分だけを作る。
そのpartial部分を、全体の外枠に、はめ込んで作る
全体の外枠がある事で、どのページでも統一したデザインになり、
partial部分だけを変えるように作る >>46-48
よくそこまで的外れな回答が出来るな・・・ slickでfancyboxを開きたいんだけどどのサイトをコピペすればいいんでつかね >>52
ありがとうございます。
これもコードいじればサムネ付きにできますか? >>54
初期状態で表示されてる画像はサムネイルだし
カルーセルにサムネイルが表示されるけど
どういう見た目にしたいの? こんばんはいつもお世話になります
はずかすながらジットハブのことがわからないのですけんど
googlemapapi用のmarkerwithlabel.jsを手に入れたいのですが
該当のジットハブにはtsとかのよくわからないファイルしかないみたいで
意味がまったくわからない npmてのはtelnetみたいに鯖側にファイル解凍するってこと?
javascriptなんだからローカルに素のまま置いて動けんのか 分からんのならCDNのindex.min.jsをローカルにDLでもしとけ >>59
質問をブレークダウンしてYes/Noまで持っていったのに
改めて説明を始めるバカいるよねぇ Noって書いただけじゃ理解できないカスには丁度良いだろう
あとは自力でどうぞ Node.js のnpm/yarn は、Ruby のgem と同じ
local は、各プロジェクト毎に持つ。
global は、各ユーザー毎に持つ
例えば、gem list ^rails$
rails (6.1.4, 6.0.2.2)
と、global では、2つ以上のバージョンも入るけど、
local では、1つのバージョンしか入らない
普通はlocal、各プロジェクト毎に持つ ざっとNode.jsのことを調べていたけど
今時の人はまじでこんなのが主流なんか
昔でいうとホームページビルダーのテンプレを使って納品してるみたいなことやろ
だいたいお客のサーバに得体の知れないバイナリを入れる自体がまず無理やわ Ruby on Rails 6 でも、Node.js, Webpack, Babel, React, Vue.js, Bootstrap などは必須。
次のRails 7 では、Webpack に依存しない方法になるらしい
Rails, Node.js, Docker, VSCode などは、ウェブサービスの開発だよ。
簡単なホームページを作る、ウェブ制作ではない
ウェブ開発・ウェブ制作の違い Rails は、こういうウェブサービスの開発に使う
GitHub, Airbnb, Disney, Hulu, SoundCloud, Shopify といった世界的に有名な企業や、
日本国内でも、note、クックパッド、freee、マネーフォワード、Progate、Qiita などで使われている
2021年10月には、Railsを使い続ける宣言をした、GitLab が上場し、時価総額は約1.9兆円! そんな屁理屈でクライアントが納得するんかね
ちゃんと自分でコード書かないなら金は出せないって言われそうやわ
官公庁物件はまじでそんな感じやぞ 最近composerがわからん
phpに関係があるらしいけど
モジュールとかyumで必要なもの入れたら良いんじゃないかと思うけどそう言うのじゃないのかな YouTube界でもインドシフト始まる。累計再生570億回の”モンスター”YouTubeチャンネル「Tシリーズ」とは?
登録者数700%アップ! YouTuber「No.1争い」に見た、意地とトレンド変化
ピューディパイがT-Seriesに勝てない理由は その背後にはインドの大富豪が?
YouTube初の登録者1億人突破チャンネル個人はPewDiePie
なぜか観てしまう!!サバイバル系youtuberまとめ
人気のアウトドア系YouTuberを一覧で紹介してみる【17選】
h
あのPewDiePieがついに、初心YouTuber向けに「視聴回数」「チャンネル登録者数」を増やすコツを公開!
27歳で年収8億円 女性ユーチューバー「リリー・シン」の生き方
1年で何十億円も稼ぐ高収入ユーチューバー世界ランキングトップ10
彼女はいかにして750万人のファンがいるYouTubeスターとなったのか? バンドメンバー募集サイトみたいなものをノーコードで作れませんか?マイページすら不要で、例えばTwitterの呟きをリスト化してカテゴリ分けや検索出来るみたいな >>74
ハンゲームなんかでやればいいよ
年齢層によるけど案外人は集まるよ >>74
ノーコードどころか色々と面倒臭そうだよ?
【難解!?】Twitter APIを使って投稿データを収集する方法
ttps://gaaaon.jp/blog/twitterapi
Twitterの特定のハッシュタグでつぶやかれたツイートを収集する
ttps://qiita.com/hiron712/items/abb5fb36dec89d680a4a 勉強がてら、キャンディクラッシュみたいなゲームを作ってみようかと思っているのですが
元になるオープンソースのようなものはあったりするでしょうか?
練習なので、windowsでchromeとedgeあたりで動けばいいと思ってます。
検索キーワードなどお教えいただければ幸いです。
よろしくお願いいたします Facebook広告を始めました
品質ランキング 4
エンゲージ 5
コンバージョン 5
と表示されています。
これはどういうことですか?
数字が大きいほど高評価なのでしょうか?
数字が小さいほど高評価なのでしょうか?
ググっても「平均より上/下」の説明しかなく数字の意味がわかりません。よろしくお願いします。 >>78
このイタリア人は、Phaser で、460の記事を書いている。
Phaserは、Pixi.js を用いた、2D 用ゲームフレームワーク
EMANUELE FERONATO
https://www.emanueleferonato.com/
外人女の動画、2020/5
Build your own CANDY CRUSH using JavaScript, HTML and CSS | Ania Kubow
https://www.youtube.com/watch?v=XD5sZWxwJUk >>80
ありがとうございます!
じっくりゆっくり頑張って読んでみます firefoxのユーザーエージェント偽装ってどうやるんでしたっけ?
ローカル環境でfirefoxのモバイル表示を見てみようと思ったら
レスポンシブでも機種選択しても、全部pc用のしか表示されなくて
ちょっと困り中、、(こないだまでは、レスポンシブデザインモードのボタンを押せばユーザーエージェントも偽装してくれてたと思うんですが、、) こんばんはいつもお世話になります
クキーのことなんですけんど
F12デベロッパツールでクキーのキーと値が確認できるのですが
これはバックアップすることできるんですかね
Windowsを再インスコしたときに同じクキーを復元したいとですよ
何か専用ツールがあるのでしょうけ ブラウザTwitterのタイムライン上のままでグリグリ3D動かせるページ?サイト?を作るのに必要な知識分野のキーワードを教えてください
例:ttps://twitter.com/souyakuchan/status/1354747363877740547?s=20&t=TcAt2OZwgULEeuOQtQ70vA
https://twitter.com/5chan_nel (5ch newer account) JavaScript で3D なら、WebGL, three.js とか クローラーが見てるキーワードってどうやって設定するの?
タイトルや見出しに入れておけばよいの? metaタグってもう意味なくなったはずじゃなかったっけ 質問よろしでしょうか
DreamWeaverなんかで、サーバ上のファイルリストをFTPで表示し、そこからファイル開いて保存するとすぐFTPで上がる、という使い方をしていましたが
同様のことができるエディタはありますでしょうけ
できればDivレイアウトのプレビューができるとたすかります
スクリプトはおもにjavascriptとPHPです htaccessで標準アクセス制限をしているディレクトリがあるとして、
その中のhtmlはグーグルのクローラー的なものでスキャンされることはない認識でよいでしょうか vue3でtemplateブロックだけ読み込まれません
dataやmethodsオプションなどは反映され、vue devtoolでもconsole.logなどでもそちらは確認できるのですが、
同じvueファイルに記述したtemplateブロックがまるまる表示されません
Chromeでエラーも出ません
なにか試して見ることはありますでしょうかnode_module再作成やキャッシュ削除は既に試してます いわゆるドロワー?ての?
横からサブ画面がスライドしてくるやつ
サンプルをみていると段差で立体的な影がついとるのは
どうやればよいとですか レンタルサーバーで公開ディレクトリ直下で、
検索ロボットをブロックしたい場合ってどうすれば良いのでしょうか?
/home/webroot/公開ディレクトリ1/index.html
/home/webroot/公開ディレクトリ2/index.html
とあるとき、
公開ディレクトリ2は検索エンジンからブロックしたいです。
公開ディレクトリ2以下のhtmlファイルにmetaタグで角しかないでしょうか?