Webサイト制作初心者用質問スレ part248 [無断転載禁止]©2ch.net
■ このスレッドは過去ログ倉庫に格納されています
初心者だろうが誰だろうが、
まず >>>■ 検索してから ■<<< 質問すること
ネタ・煽り・自演・荒らしは完全放置
【質問時の注意】
1. 質問する前に >>2 にも目を通すこと
2. メール欄に何も入れないことを推奨 （IDを出して騙りを防止するため）
3. 質問者が返信する際は「最初に質問したレス番号」を名前欄に入れること
4. ブログについてはブログ板で質問すること
●ブログ板 http://peace.2ch.net/blog/
5. SEO、アドセンス、検索サイトに登録しても検索結果に引っかからないといったことは SEO関連スレで質問すること
http://find.2ch.net/?STR=seo&;;TYPE=TITLE
6. アクセス解析については該当スレで質問すること
http://find.2ch.net/?STR=%A5%A2%A5%AF%A5%BB%A5%B9%B2%F2%C0%CF&;;TYPE=TITLE
7. 製作ソフト（Dreamweaver DW、ホームページビルダー、等）を使用した場合の質問は該当スレで質問すること
8. CGI、PHP, Perl, Ruby 等のプログラミング関連や CMS, Wiki は Webprog板、またはこの板の該当スレで質問すること
●WEBプログラミング板 http://kanae.2ch.net/php/
9. JavaScript はこの板の該当スレで質問すること
10. 画像作成ソフト（Photoshop 、Illustrator、等）については該当スレで質問すること
11. HTML, CSS, CGI, 制作ソフトなどのどんな本を買えばいい？といったことは書籍についての質問スレで質問すること
http://find.2ch.net/?STR=%CC%F2%A4%CB%CE%A9%A4%C4%BD%F1%C0%D2%A4%CF&;;TYPE=TITLE
12. 質問内容を吟味して、正しい日本語で第三者が読んでも分かるように質問を書くこと
13. 間違った回答をする人もいることに注意
【前スレ】
Webサイト制作初心者用質問スレ part247
http://echo.2ch.net/test/read.cgi/hp/1488192984/ ディレクターに客に連絡しとけって言ったのにしてなくて事故りそうになってたから
客んとこ行って頭下げて収集してくればいいよってアドバイスしてやったのが昨日
それもしなかったのが今日になってわかって完全に事故ったから
今すぐ行ってフライング土下座してリスケしてきてってアドバイスしたのが今朝
「僕コミュ障だからそんなに簡単にお客さんと話なんてできないんですよ！」
とキレられてゲラゲラ笑ったのがさっき
この人なんで雇われたんだ… >>62
chromeで見て
1. ERR_NAME_NOT_RESOLVED
2. DNS_PROBE_FINISHED_NXDOMAIN
3. DNS_PROBE_FINISHED_BAD_CONFIG
これのどれかが出てないかね？ >>66
よしそれならば
自分のPCとルータのDNSキャッシュをクリアするんだ
やり方はここにテキストだけで長々書くより
ググってもらったほうが図付きで解説されててわかりやすいだろうからそっちを参照してちょ
あと次からは
表示されたメッセージは全て読め
そして人に聞くときはそれを最初から包み隠さず全部書け ■ 質問
ページ内リンク（#）でアクセスしたときに、
同一ページにて特定のモーダルを開いたり、スライダーで特定スライドに移動する方法
・headタグが使えないため Javascrpitが使えないレンタルサーバーでホームページをつくっています
・ついてはページ遷移をCSSのみの実装またはHTMLタグだけの実装で行いたいです
・具体的にはとあるイメージのなかにある複数リンクからページ遷移なく特定のモーダルを開きたいです
いろいろぐぐってみましたが皆さんjQueryを使う手法を使っていて
自分の環境だとどうも無理そうです。 （ただのhref="#"だと別ページが開いてしまうので）
どなたか 解決方法をご存知の方がいらっしゃればよろしくお願いします。 なんでJavaScript使えないの？
headタグ内である必要ないよ？ <body>タグの終わりの方で、jQuery を読み込ませることもできる
詳しくは「jquery 読み込み」で検索！
<body>
ここに、HTMLのタグ
<script src="https://ajax.googleapis.com/ajax/libs/jquery/バージョン/jquery.min.js"></script>
ここに、jQuery よりも後で読み込む、ライブラリを書く
</body> むかーしの楽天のシステムがそんな感じで、JSとCSS書いて好き放題やったら
すっげー怒られた思い出 どこのレンタル鯖か忘れたが、JavaScriptで広告の位置を変えたら即バンされたことがある かなり前だが
JSスレか初心者スレか忘れたけど
geocitiesの広告はどこまでいじれるか試したことあるな
わりと寛大で、DOMから一度剥がして別のところに貼り直してもOKだった
このスタイルが通ってしまった時は
position: absolute;
left: -5000px;
top: -5000px;
なんか気の毒になって運営にメール書いたなあ 数十〜数百程度違う内容のページを作る時、getのパラメータで表示する内容を変えるのと１ページごとに生成しておいてそれを表示するのではどちらがいいのでしょうか？
例）http://hoge.com/info.php?id=1234 または http://hoge.com/info/1234/ のような感じです。
ググってみたらSEO的にはどちらもそんなに違いがないとかgetじゃないほうがいいとかありましたが、そのあたりを詳しく知りたいです。
またSEO以外の制作等の観点からも何かアドバイスありましたらよろしくお願いします。 >〜/info.php?id=1234
これは、普通の用途
>〜/info/1234/
これは、Ruby On Rails などのフレームワークが、編み出した方法
DB のユーザーID などから、自動的にページを作る場合。
DBの表設計が中心
フレームワークに従って作ればよい Ruby on Railsよりもっと前からあるぞ
ってかこの質問にとって何が編み出したとか関係ないだろ
>>74
どっちでもいい
昔はGETパラメーターだと動的ページとして評価が低くなってたけど今はそれはなくなった
ただ、URLからそのページが何について書かれているかがわかりやすい方が評価が高くなる
スラッシュにすることでわかりやすくなるならその方がいいし、逆にわかりにくくなるならGETパラメーターのままでいい
あとは好み Turning Design Mockups Into Code With Deep Learning
Emil Wallner on January 9, 2018
https://blog.floydhub.com/turning-design-mockups-into-code-with-deep-learning/
使ってる人 居る？ htaccessでindex.htmlで入ってきたら違うURLにリダイレクトさせたいのですが、うまく行きません。
どうしたら良いでしょうか？
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} index.html
※またはRewriteCond %{REQUEST_URI} index.html
RewriteRule ^$ http://DOMAIN/index-B.html [R=301,L]
RewriteBase / RewriteRule ^index\.html?$ index-B.html [R=301,L]
でいけました。 <p>文章</p>
<img>
<p>文章</p>
という場合、
<img>のあとに<br>って入れるものなのでしょうか？
勝手に改行されるので、今は入れてないのですが pがブロック要素だから改行されてるだけ
<p>
文章
<img>
文章
</p>
と書いたら改行されないので
<br />やcssでdisplay弄ったりする >>82
ということは、
<img>の後にブロック要素があって、自動的に改行される場合、
改行されるままに任せて、何も記述しなくて良い
（改行する位置を示す意味で、あえて<br>を入れる必要は無い）
通常は改行されない位置で改行したい場合にだけ、<br>を用いる
という理解で合っているでしょうか？ >>83
brはそもそも強制改行だからね
HTMLは英語ベースで作られてるから
段落の途中に改行が入るっていうのはあんまり考慮してないかも
なので好きにしなされ >>84
<br>を使わなくても改行されるところでは
<br>は使わないことにします
すっきりしました
ありがとう やりすぎ防犯パトロール、特定人物を尾行監視 2009年3月19日19時7分配信 ツカサネット新聞
http://headlines.yahoo.co.jp/hl?a=20090319-00000026-tsuka-soci
この記事で問題になった通称やりすぎ防パトは、創価学会と警察署が引き起こしていたようです
掻い摘んで説明すると
・創価学会は、町内会や老人会、ＰＴＡ、商店会等の住民組織に関し、学会員が役員になるよう積極的に働きかける運動を
９０年代末から開始し、結果、多くの住民組織で役員が学会員という状況が生まれた
・防犯パトロールの担い手は地域の住民と住民組織で、防犯活動に関する会議や協議会には、住民組織の代表に役員が出席する為
防犯活動や防パトに、創価学会が間接的に影響力を行使可能となった
・防パトは住民が行う為、住民が不審者や要注意人物にでっち上げられるトラブルが起きていたが
創価学会はその緩さに目をつけ、住民組織を握っている状況を利用し、嫌がらせ対象者を不審者や要注意人物にでっち上げ
防パトに尾行や監視、付き纏いをさせるようになった
・防パトは地元警察署との緊密な連携により行われる為、創価学会は警察署幹部を懐柔して取り込んでしまい
不審者にでっち上げた住民への嫌がらせに署幹部を経由して警察署を加担させるようになった
・主に当該警察署勤務と考えられる創価学会員警察官を動かし、恐らく非番の日に、職権自体ないにもかかわらず
私服警官を偽装させて管轄内を歩いて回らせ、防犯協力をお願いしますと住民に協力を求めて回り
防犯とは名ばかりの、単なる嫌がらせを住民らに行わせた（防犯協力と称し依頼して回っていた警察官らの正体は恐らく所轄勤務の学会員警察官）
※これに加えて防犯要員が同様のお願いをして回る
・こうして防犯パトロールを悪用し、住民を欺いて嫌がらせをさせつつ、創価学会自体も会員らを動員し、組織的な嫌がらせを連動して行った
つまり警察署に勤務する学会員警察官、警察署幹部、創価学会が通称やりすぎ防犯パトロールの黒幕
詳細は下記スレをご覧下さい
やりすぎ防犯パトロールは創価学会と警察署の仕業だった
https://rio2016.5ch.net/test/read.cgi/bouhan/1516500769/ div{
position:absolute;
top:calc(25vw / 15);
}
↑みたいな時、25vwじゃなくて、widthを25%取得できる値がホスィ
はい(´・ω・`) ドメインについての質問です
http://○○○.△△とhttp://www.○○○.△△を統合？する場合
使用するディレクトリを同じ物にすると何か問題があるのでしょうか？
もうひとつ
サブドメインhttp://●●●.○○○.△△を作った場合
サブサブドメイン？http://www.●●●.○○○.△△も作った方がいいのでしょうか？ >>90
wwwをwwwなしにリダイレクト、もしくはその反対をすればいい
本体は同じで問題なし >>92
すごい簡単なことだったみたいですねﾊｽﾞｶｼｲ
リダイレクトググってしてみます
ありがとうございました >>88
レスThanks！
調べてみるお(´・ω・`)
>>89
レスThanks！
そのまま25％だと上から25％の値になってしまうのよね
横幅25％が欲しいんだけど25vwだとスクロールバーも含んじゃってTT
とりあえずお昼にする セレクタの速度ってどんな感じなんだろう
p p
p>p
p+p
p~p
ググり方が悪いせいか さっぱりわからん >>96
そんなものを気にするぐらいなら、
1ページで使用されているタグの数を減らしたほうが良い
タグが少なければそれだけ調べなければいない数も少なくなる そりゃそうだけどさー
みんな気にならないもんなのか
神経質なんかな >>98
神経質だというのなら、
どれくらい速度が違うか
調べたのか？
「何倍違う」とかいう役に立たない数値じゃなくて
「タグがどれくらいある場合に何ミリ秒違う」かだ >>98
p *とかアホな指定しない限り大して変わらんよ
cssよりも画像を最適化するほうがよぽど大事 ググり方が悪いからさっぱりなんですって
子孫セレクタよりは子セレクタの方が速いって見かけたな
だいぶ前だけど >>100
> p *とかアホな指定しない限り大して変わらんよ
実際そんなことしてもほとんど影響はない。
だってpの数しか反応しないんだから
*単体であったってタグの数しか反応しない
1ページに使われてるタグの数なんて1000個もないだろ？
1ページののサイズだって画像は関係ないのだから
HTMLだけなんだからたった数KB程度
今のCPUはスマホでも1Ghzを超えてる
1Ghzで数KBのHTMLの処理なんて
ミリ秒レベルで終わる
なんでこの程度の感覚もつかめないのだろう？ と思ったらプログラマスレじゃねーのかｗ
それじゃ分からんくてもしかたないな
>>101
> 子孫セレクタよりは子セレクタの方が速いって見かけたな
ブラウザの実装による これからプロの反論が始まります。
（なければ、反論はないと考えてください） cssのセレクタは速度変わらんぞ
css読み込み時にテーブル作っといてレンダリング時に当てはめていく
jsのセレクタはDOMから検索するから変わる
なのでjsでid使いたいからcssでは使わないというのが流行った
今はクライアントのスペック上がったからjsでも気にすることなくなったけど CSSのセレクタが気になるのなら、jQuery で指定するように、
ある要素以下で探す(コンテキストを限定する)
普通は、画像などのリソースのサイズとか、
React のように再描画時の範囲を限定するとかが、問題になるだけ 速度気にするなら、>>96は全て使うな
id,lasセレクタを単体で使え 速度気になるなら計測しろ
計測しないで速度気になるとか言っても
説得力ないわ 結局速度を気にしているのではなく
気にしているつもりになってるだけ
気にしてるポーズを取ってるだけの素人 初期のレンダリング速度のことは
タイムライン見て気になる程遅ければ考える程度でいいんじゃないかなあ
まあなったことないけど 事業拡大のため、あなたのサイト買い取ります！
ワードプレスサイト限定となりますが、どのようなジャンルのサイトでも結構です！
まずはお問い合わせください。
https://form1ssl.fc2.com/form/?id=cbe73784cc50b7ed
※支払いは、ドメイン移管終了後になります
宣伝失礼しました！ click event についての疑問なのですが
event発生のタイミングって、カーソルのpushが対象から抜けた時ですよね
表現がヘンで伝わってるか不安だけど
ブラウザゲームっぽいの作ってまして
touchしたときにevent発生させることってできるんでしょうか？ >>116
touchstart
もういねえのかもしれんが htmlとcssでWebサイトは作れるようになりました。
phpがちんぷんかんぷんなので教えてください。
スレ違いだったらごめんなさい。
phpで作成されたページのテキスト修正ぐらいでしたら
htmlとcssを理解していれば、修正できるものですか？ phpっていってもいろいろあるしなー
単に別のHTMLファイルインポートのためだけにphp使うような人もいれば
データベースと連携していろいろな条件で表示かえるようなサイトもあるし
表示HTMLソースが全部PHPにうめこまれてればHTMLの知識だけでいけるけど
データベースから表示内容ひっぱってきてたりしたら無理かなー いや、こんな質問している時点で無理でしょう
セキュリティの観点から言ってもいらん事しないほうがいい
やるなら少なくともPHPで何ができるのか理解してからにしたら？ >>119
phpよりもwordpressから入ったほうがいいかも HTML CSS と php はまったく別物
HTML CSS はマークアップ言語で画像や文字等コンテンツを表示デザインするための記述方法なのに対して
phpはプログラミング言語でユーザ入力を受け取ったりコンテンツ自体を変化させたりするのに使う
他にプログラミング言語をやってないなら１から勉強するのは結構大変 なんかねぇ
どうせphp通して吐き出すんだから、phpでhtmlもjsもcssも一本化してくれればいいのにねぇ 10年以上前にDreamweaverなどを用いて部活のサイト制作などをしていました。
訳あって最近のフロントエンドの勉強をしたいのですか、
最近はWebデザインは上記のようなソフトはあまり使われなくなったのでしょうか？
もちろん昔からhtml/cssを直にコーディングすることは可能だったとおもいますが、
本屋を見ていると、最近はその傾向が強いのかな？と感じました。
(というか、上記のようなソフトの参考書がほとんど売ってない気がする、昔は結構あったと思う)
よろしくお願いします。 >>125
昔はdw一極だったけど、最近は色々なソフトが出始めた
特にVSCodeは無料で使いやすい
他にはatomやsublimetext等、テキストエディタという選択肢もある。テキストエディタとはいえ、かなり高機能
昔はhtmlもcssもテキトーに書いた本が粗製乱造されていた
W3CではなくIEの仕様を中心にした本も多かった。ある意味バブルだった
今はそういうのが減って、落ち着いただけだよ
で、最近のなんちゃってweb屋さんはwodpressで構築するのが主流になっている
それっぽいテーマを見つけて、後はcssやhtmlをちょいと変えれば即完成だ >>125
今も業務用スタンダードはDWだと思う。
CCになってから解説書があまり出てないだけかと。 DWはFTPつきテキストエディタとして使ってるけど、ほかにそういうのある？ phpは共通項目の呼び出しでしか使ってない
てかその程度の知識しかない HTML、CSSはある程度出来るようになったのでWP勉強したいんですが
最初に有料サーバーをレンタルするのは必須なんでしょうか？ >>131
php 無料 サーバー
とかで探せばそれなりに見つかる
しかし、設定がめんどくさかったり一部機能が使えなかったりで、
変な形でテクニカルにサイト構築することになる
そして結論として、素直に1000円/月払えばよかった・・・となる。ソースは俺
まぁ、払った金額以上に得るものは大きいよ
金で時間買っとけ、ホントに >>131
Macなら有効化して起動するだけ
windowsならWSLでubuntuなりをインストールして構築するだけ
たいしてめんどうでもなく実際のサーバーと同じものができるぞ
>>133はどんな方法で構築したんだ あぁxamppでよければそれでいいんじゃない
root取れるしめっちゃ使い易い
ただ、レンタルサーバーどうこう行ってる人にローカルサーバーは敷居が高そう
難しくはないんだけどね
>>134
もう10年も昔の話だけど、恐らく個人が趣味で公開してたサーバー
とにかく重い、ロールバックも頻繁に起こる、phpのバージョンも古い、と至れり尽くせりだった
気づいたら無くなってた
いい時代だった 勉強するだけなら今使っているパソコンにxampp入れればいい
PHPやjavascriptも勉強したければできるし メディアクエリを使ってPCサイトとスマートフォンを分ける場合、
例えば
@media (max-width:1000px) ← PCサイト用
@media (min-width:1000px) ← スマートフォン用
↑のような感じで分けるといいんですか？(´・ω・`) 逆でしたTT
1000pxの時ですね！
アドバイスありがとうございます(´ω｀*) 色々検索やソースコードを見たりしましたが、答えが見つからないのでぜひご教授してほしいです。
この５チャンネルみたいに安価先の内容を表示させるにはどうしたらよいでしょうか。
<title>の方法じゃなく、display noneで消しておいて、マウスが触れたら表示だと
安価先が大量の文字の場合、書くのも大変なのでどうにか安価先の情報(URLじゃなくて全文)を
取得する手順はないでしょうか。ぶしつけですが宜しくお願いします。 >>140
phpかjsの方法があるが、基本的にはjsを使う
「>>140」の文字列をマウスホバーしたらアンカー先の内容をコピーして表示させるだけ
ただ、マウスホバーはモバイル対応していないのでそもそもやめたほうがいい
＞<title>の方法じゃなく、
titleタグじゃなくて、ツールチップの事だよね
まぁこれはめんどくさいからやめておいたほうがいいだろう。モバイルにも対応していない
＞display noneで消しておいて、マウスが触れたら表示だと安価先が大量の文字の場合、書くのも大変なのでどうにか安価先の情報(URLじゃなくて全文)を
別にこの方法でもいい。量が多いとめんどくさいけどな
phpを使って自動的にdisplaynoneで記述しておいてもいい
いずれの方法にしろ、マウスホバーは今更感があるから夜した方がいいよ ☆ 日本の、改憲を行いましょう。現在、衆議員と参議院の
両院で、改憲議員が３分の２を超えております。
『憲法改正国民投票法』、でググってみてください。国会の発議は
すでに可能です。平和は勝ち取るものです。お願い致します。☆☆ 現在、クリアフィックスについて勉強しているのですが、分からないことがあるので教えてください。
↓のサンプルの.div3:afterを使って.div4の回り込みを解除しようとしているのですが、
.div3のdisplayの値がinline-blockの時だけクリアフィックスが効きません。
inlineやblockの時は効いているのですが、この現象はなぜ起っているのでしょうか。
詳しい方、教えてください。
https://jsfiddle.net/7b9hc8Lc/ >>144
もう今は要素の配置はflexで全部済むから、floatやclearfixは覚えなくていいよ
時間の無駄、他の事に時間を使おう
回答を言うと、全ての時にちゃんとclearは効いている
インライン要素（文字列）の位置に惑わされているだけ
inline-blockでもこうやれば分かる
https://jsfiddle.net/8hw125m8/
後、floatは文字列の処理がかなりとっつきにくいから、
line-heightじゃなくheightを使ってテストした方がいい
じゃないと要素全体がずれているように見える。ってか俺も見えた >>144です。
>>147
サンプル付きで教えてくださり、ありがとうございます。
いただいたアドバイスを元に学習を続けます。
ありがとうございました。 flexboxのバグは解消されたのか？
前に使ったらOSやブラウザで崩れまくって調整しきれなかったから諦めたんだ >>147
質問者じゃないけどまだ分からない
というかこの例だとclearなくても div1 の right にスペースがないから回り込みできないし
inline-blockでもclearがきいてるって説明になってないような
>>144でなんで div1 の float が解除されないの？ >>152
>>144の質問はそもそもかなり変だからな
通常こんな組み方は絶対にしない
ただ、何も間違っていない。
>>144はdiv1の下にdi4が入り込んでいるだけ。div3の時点でfloatが解除されている
blockでfloatの下に潜らせてcelarfixかけるとheightがかなり特殊な計算になる。絶対に使わん
ってかややこしくて仕方ないので、
普通はこんなふうにwrapperで括って、div4をdiv1の下に置く。これで万事解決する
https://jsfiddle.net/bL97ackv/
ってかわからんならもうflex使え。時間の無駄 box-shadowについて教えてください。
https://jsfiddle.net/v0znj2fg/1/
影を下にだけ付けたいのですが、うまくつけることができません。
どなたかコツを教えてください。 質問１：
リダイレクト301って何個も作っていいのでしょうか？
サイト移転のため301を活用しようと思っていますが、
1000個2000個作っても大丈夫なのでしょうか？
サーバーのリソースを使い過ぎて契約解除されたりはしないのでしょうか？
よろしくお願いいたします。
質問２：
ソース元のURLを
hogehoge.com/xxx/1000/
で設定しています。
しかし
hogehoge.com/xxx/1000
にアクセスした人はリダイレクトしません。
ということはいちいち
hogehoge.com/xxx/1000/
hogehoge.com/xxx/1000
の２パターンを設定しなければいけないということなのでしょうか？？
何か良い方法ないでしょうか？ >>155
レスありがとうございます。
やはりbox-shadow単体では難しそうです。
アドバイス後者の件を参考に試行錯誤してみます。
ありがとうございました。 >>156
1.
全部おｋ
問題なのは301でたらい回しにすること
7回だっけ？制限があったと思う
2.
方法はないでもないけど、
1000やるも2000やるも同じでは？ >>156
サイト移転ならドメインだけリダイレクトすればよくね？
あと、トレイリングスラッシュなしでアクセスされたらリライトで付けてやればいいんじゃないかな
「ドットもトレイリングスラッシュもなければトレイリングスラッシュ付加する」みたいな >>158
fetch 仕様では 20 回が上限
HTML の場合 fetchに基づくので同じ回数になるだろう リダイレクトなんて悩んでるまにツールでも作ってやってしまえば良い >>156
普通はね。そんなにたくさんのリダイレクト設定なんか作らないで、
hogehoge.com/xxx/1000/
↓
hagehage.com/後ろはそのまま
って一つだけ作るんだよ ■ このスレッドは過去ログ倉庫に格納されています
