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/ 便乗質問 区切りが文字でも記号でも画像でもいいんだけど みんなbeforeで入れる?それともafter? >>52 after 俺は絶対に上に余白をつけないという自分ルールを決めているので、 afterじゃないとよろしくないことになる あとはnotとの組わせ方法 https://www.nxworld.net/tips/remove-first-and-last-border-of-list.html 区切りはafterだなあ 後ろに続く系はafter使ってる beforeはメニューアイコンとか、それ自体に付ける時 アイコンはbeforeだね 罫線なんかはafter お前らキッモwwwwwwwwwwww まだウェブデザイナーなんてやってんの?wwwwwwwww Web業界は終焉を迎えてるんだよ せいぜい時給1000円稼げる程度が限界だろうなぁwwwwwwwwwww こんなクソ業界さっさと辞めて正解でした!!!!!!!!!!!!!! 構うな構うな よそのスレにも絨毯爆撃してる スクリプトキディみたいなもんだ CloudFlare導入してキャッシュはされるようになったんですが2,3日でまた取得しに来ます 関係ありそうなBrowser Cache TTLやEdge Cache TTLを半年ぐらいに設定しても駄目でした できるだけ長くキャッシュ保管して欲しく、出来ないならせめてIf-Modified-SinceやIf-None-Matchを送信来て欲しいのですが 何か手段は無いでしょうか? ムームードメインでドメインを買ってロリポ鯖をレンタルしてるんですが 独自ドメインでサイトを見るとよく 「このサイトにアクセスできません」 が表示されます そこから 「保存済みのコピーを表示」→「このページの最新版」 をクリックすると正しく表示されます。 一体何が原因なんでしょうか? 友人のパソコンからは問題なく見れたそうです ディレクターに客に連絡しとけって言ったのにしてなくて事故りそうになってたから 客んとこ行って頭下げて収集してくればいいよってアドバイスしてやったのが昨日 それもしなかったのが今日になってわかって完全に事故ったから 今すぐ行ってフライング土下座してリスケしてきてってアドバイスしたのが今朝 「僕コミュ障だからそんなに簡単にお客さんと話なんてできないんですよ!」 とキレられてゲラゲラ笑ったのがさっき この人なんで雇われたんだ… >>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のパラメータで表示する内容を変えるのと1ページごとに生成しておいてそれを表示するのではどちらがいいのでしょうか? 例)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 この記事で問題になった通称やりすぎ防パトは、創価学会と警察署が引き起こしていたようです 掻い摘んで説明すると ・創価学会は、町内会や老人会、PTA、商店会等の住民組織に関し、学会員が役員になるよう積極的に働きかける運動を 90年代末から開始し、結果、多くの住民組織で役員が学会員という状況が生まれた ・防犯パトロールの担い手は地域の住民と住民組織で、防犯活動に関する会議や協議会には、住民組織の代表に役員が出席する為 防犯活動や防パトに、創価学会が間接的に影響力を行使可能となった ・防パトは住民が行う為、住民が不審者や要注意人物にでっち上げられるトラブルが起きていたが 創価学会はその緩さに目をつけ、住民組織を握っている状況を利用し、嫌がらせ対象者を不審者や要注意人物にでっち上げ 防パトに尾行や監視、付き纏いをさせるようになった ・防パトは地元警察署との緊密な連携により行われる為、創価学会は警察署幹部を懐柔して取り込んでしまい 不審者にでっち上げた住民への嫌がらせに署幹部を経由して警察署を加担させるようになった ・主に当該警察署勤務と考えられる創価学会員警察官を動かし、恐らく非番の日に、職権自体ないにもかかわらず 私服警官を偽装させて管轄内を歩いて回らせ、防犯協力をお願いしますと住民に協力を求めて回り 防犯とは名ばかりの、単なる嫌がらせを住民らに行わせた(防犯協力と称し依頼して回っていた警察官らの正体は恐らく所轄勤務の学会員警察官) ※これに加えて防犯要員が同様のお願いをして回る ・こうして防犯パトロールを悪用し、住民を欺いて嫌がらせをさせつつ、創価学会自体も会員らを動員し、組織的な嫌がらせを連動して行った つまり警察署に勤務する学会員警察官、警察署幹部、創価学会が通称やりすぎ防犯パトロールの黒幕 詳細は下記スレをご覧下さい やりすぎ防犯パトロールは創価学会と警察署の仕業だった 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の処理なんて ミリ秒レベルで終わる なんでこの程度の感覚もつかめないのだろう? と思ったらプログラマスレじゃねーのかw それじゃ分からんくてもしかたないな >>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はプログラミング言語でユーザ入力を受け取ったりコンテンツ自体を変化させたりするのに使う 他にプログラミング言語をやってないなら1から勉強するのは結構大変 なんかねぇ どうせ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の時ですね! アドバイスありがとうございます(´ω`*) 色々検索やソースコードを見たりしましたが、答えが見つからないのでぜひご教授してほしいです。 この5チャンネルみたいに安価先の内容を表示させるにはどうしたらよいでしょうか。 <title>の方法じゃなく、display noneで消しておいて、マウスが触れたら表示だと 安価先が大量の文字の場合、書くのも大変なのでどうにか安価先の情報(URLじゃなくて全文)を 取得する手順はないでしょうか。ぶしつけですが宜しくお願いします。 >>140 phpかjsの方法があるが、基本的にはjsを使う 「>>140 」の文字列をマウスホバーしたらアンカー先の内容をコピーして表示させるだけ ただ、マウスホバーはモバイル対応していないのでそもそもやめたほうがいい ><title>の方法じゃなく、 titleタグじゃなくて、ツールチップの事だよね まぁこれはめんどくさいからやめておいたほうがいいだろう。モバイルにも対応していない >display noneで消しておいて、マウスが触れたら表示だと安価先が大量の文字の場合、書くのも大変なのでどうにか安価先の情報(URLじゃなくて全文)を 別にこの方法でもいい。量が多いとめんどくさいけどな phpを使って自動的にdisplaynoneで記述しておいてもいい いずれの方法にしろ、マウスホバーは今更感があるから夜した方がいいよ ☆ 日本の、改憲を行いましょう。現在、衆議員と参議院の 両院で、改憲議員が3分の2を超えております。 『憲法改正国民投票法』、でググってみてください。国会の発議は すでに可能です。平和は勝ち取るものです。お願い致します。☆☆ 現在、クリアフィックスについて勉強しているのですが、分からないことがあるので教えてください。 ↓のサンプルの.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 が解除されないの? ■ このスレッドは過去ログ倉庫に格納されています
read.cgi ver 07.5.5 2024/06/08 Walang Kapalit ★ | Donguri System Team 5ちゃんねる