Webサイト制作初心者用質問スレ part248 [無断転載禁止]©2ch.net

1Name_Not_Found2017/05/07(日) 18:43:08.89ID:bp56DZmZ
初心者だろうが誰だろうが、
まず >>>■ 検索してから ■<<< 質問すること
ネタ・煽り・自演・荒らしは完全放置

【質問時の注意】
  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/

93902018/02/02(金) 12:01:31.41ID:IG1AvKr7
>>92
すごい簡単なことだったみたいですねハズカシイ
リダイレクトググってしてみます
ありがとうございました

94Name_Not_Found2018/02/02(金) 14:29:57.61ID:mIo6D720
【同時刻テロ】 阪神46 福島46  ≪以軍F-35A 対 海自F-35B≫  エルサレム空爆 【いずも出撃】
http://rosie.5ch.net/test/read.cgi/liveplus/1517539306/l50

95872018/02/02(金) 15:44:44.91ID:???
>>88
レスThanks!
調べてみるお(´・ω・`)

>>89
レスThanks!
そのまま25%だと上から25%の値になってしまうのよね
横幅25%が欲しいんだけど25vwだとスクロールバーも含んじゃってTT

とりあえずお昼にする

96Name_Not_Found2018/02/03(土) 14:14:39.77ID:???
セレクタの速度ってどんな感じなんだろう
p p
p>p
p+p
p~p
ググり方が悪いせいか さっぱりわからん

97Name_Not_Found2018/02/03(土) 15:07:00.51ID:???
>>96
そんなものを気にするぐらいなら、
1ページで使用されているタグの数を減らしたほうが良い
タグが少なければそれだけ調べなければいない数も少なくなる

98Name_Not_Found2018/02/03(土) 16:25:12.55ID:???
そりゃそうだけどさー
みんな気にならないもんなのか
神経質なんかな

99Name_Not_Found2018/02/03(土) 20:05:55.43ID:???
>>98
神経質だというのなら、
どれくらい速度が違うか
調べたのか?

「何倍違う」とかいう役に立たない数値じゃなくて
「タグがどれくらいある場合に何ミリ秒違う」かだ

100Name_Not_Found2018/02/03(土) 20:22:39.92ID:???
>>98
p *とかアホな指定しない限り大して変わらんよ
cssよりも画像を最適化するほうがよぽど大事

101Name_Not_Found2018/02/03(土) 20:23:01.00ID:???
ググり方が悪いからさっぱりなんですって
子孫セレクタよりは子セレクタの方が速いって見かけたな
だいぶ前だけど

102Name_Not_Found2018/02/03(土) 20:28:40.62ID:???
>>100
> p *とかアホな指定しない限り大して変わらんよ

実際そんなことしてもほとんど影響はない。
だってpの数しか反応しないんだから
*単体であったってタグの数しか反応しない

1ページに使われてるタグの数なんて1000個もないだろ?
1ページののサイズだって画像は関係ないのだから
HTMLだけなんだからたった数KB程度
今のCPUはスマホでも1Ghzを超えてる

1Ghzで数KBのHTMLの処理なんて
ミリ秒レベルで終わる

なんでこの程度の感覚もつかめないのだろう?

103Name_Not_Found2018/02/03(土) 20:36:08.33ID:???
と思ったらプログラマスレじゃねーのかw
それじゃ分からんくてもしかたないな


>>101
> 子孫セレクタよりは子セレクタの方が速いって見かけたな
ブラウザの実装による

104Name_Not_Found2018/02/03(土) 22:24:04.09ID:???
以上、html覚えたての中学生がお送りしました

105Name_Not_Found2018/02/03(土) 22:28:33.44ID:???
これからプロの反論が始まります。
(なければ、反論はないと考えてください)

106Name_Not_Found2018/02/03(土) 23:22:24.73ID:???
cssのセレクタは速度変わらんぞ
css読み込み時にテーブル作っといてレンダリング時に当てはめていく
jsのセレクタはDOMから検索するから変わる
なのでjsでid使いたいからcssでは使わないというのが流行った
今はクライアントのスペック上がったからjsでも気にすることなくなったけど

107Name_Not_Found2018/02/04(日) 07:15:13.98ID:???
CSSのセレクタが気になるのなら、jQuery で指定するように、
ある要素以下で探す(コンテキストを限定する)

普通は、画像などのリソースのサイズとか、
React のように再描画時の範囲を限定するとかが、問題になるだけ

108Name_Not_Found2018/02/04(日) 10:59:50.66ID:???
速度気にするなら、>>96は全て使うな
id,lasセレクタを単体で使え

1091082018/02/04(日) 11:00:23.00ID:???
id,classセレクタ

110Name_Not_Found2018/02/04(日) 11:04:22.25ID:???
速度気になるなら計測しろ
計測しないで速度気になるとか言っても
説得力ないわ

111Name_Not_Found2018/02/04(日) 14:08:16.46ID:???
めんどくさいからな
まぁわからんでもない

112Name_Not_Found2018/02/04(日) 14:27:32.30ID:???
結局速度を気にしているのではなく
気にしているつもりになってるだけ
気にしてるポーズを取ってるだけの素人

113Name_Not_Found2018/02/05(月) 07:56:58.38ID:???
初心者スレですし

114Name_Not_Found2018/02/05(月) 09:05:37.61ID:???
初期のレンダリング速度のことは
タイムライン見て気になる程遅ければ考える程度でいいんじゃないかなあ
まあなったことないけど

115Name_Not_Found2018/02/08(木) 12:32:32.79ID:G87sRuxy
事業拡大のため、あなたのサイト買い取ります!
ワードプレスサイト限定となりますが、どのようなジャンルのサイトでも結構です!
まずはお問い合わせください。

https://form1ssl.fc2.com/form/?id=cbe73784cc50b7ed

※支払いは、ドメイン移管終了後になります

宣伝失礼しました!

116Name_Not_Found2018/02/08(木) 22:44:30.34ID:???
click event についての疑問なのですが
event発生のタイミングって、カーソルのpushが対象から抜けた時ですよね
表現がヘンで伝わってるか不安だけど

ブラウザゲームっぽいの作ってまして
touchしたときにevent発生させることってできるんでしょうか?

117Name_Not_Found2018/02/08(木) 22:46:39.68ID:???
すみませんスレ違いっぽかった

118Name_Not_Found2018/02/08(木) 23:48:05.27ID:???
>>116
touchstart

もういねえのかもしれんが

119Name_Not_Found2018/02/10(土) 18:44:31.72ID:yCE8+GJn
htmlとcssでWebサイトは作れるようになりました。
phpがちんぷんかんぷんなので教えてください。
スレ違いだったらごめんなさい。

phpで作成されたページのテキスト修正ぐらいでしたら
htmlとcssを理解していれば、修正できるものですか?

120Name_Not_Found2018/02/11(日) 00:44:38.21ID:???
phpっていってもいろいろあるしなー
単に別のHTMLファイルインポートのためだけにphp使うような人もいれば
データベースと連携していろいろな条件で表示かえるようなサイトもあるし

表示HTMLソースが全部PHPにうめこまれてればHTMLの知識だけでいけるけど
データベースから表示内容ひっぱってきてたりしたら無理かなー

121Name_Not_Found2018/02/11(日) 00:59:27.85ID:???
いや、こんな質問している時点で無理でしょう
セキュリティの観点から言ってもいらん事しないほうがいい
やるなら少なくともPHPで何ができるのか理解してからにしたら?

122Name_Not_Found2018/02/11(日) 10:54:18.00ID:???
>>119
phpよりもwordpressから入ったほうがいいかも

123Name_Not_Found2018/02/11(日) 12:04:11.37ID:???
HTML CSS と php はまったく別物
HTML CSS はマークアップ言語で画像や文字等コンテンツを表示デザインするための記述方法なのに対して
phpはプログラミング言語でユーザ入力を受け取ったりコンテンツ自体を変化させたりするのに使う
他にプログラミング言語をやってないなら1から勉強するのは結構大変

124Name_Not_Found2018/02/11(日) 13:18:48.83ID:???
なんかねぇ
どうせphp通して吐き出すんだから、phpでhtmlもjsもcssも一本化してくれればいいのにねぇ

125Name_Not_Found2018/02/12(月) 15:58:10.77ID:???
10年以上前にDreamweaverなどを用いて部活のサイト制作などをしていました。

訳あって最近のフロントエンドの勉強をしたいのですか、
最近はWebデザインは上記のようなソフトはあまり使われなくなったのでしょうか?
もちろん昔からhtml/cssを直にコーディングすることは可能だったとおもいますが、
本屋を見ていると、最近はその傾向が強いのかな?と感じました。
(というか、上記のようなソフトの参考書がほとんど売ってない気がする、昔は結構あったと思う)

よろしくお願いします。

126Name_Not_Found2018/02/12(月) 16:50:43.00ID:???
>>125
昔はdw一極だったけど、最近は色々なソフトが出始めた
特にVSCodeは無料で使いやすい
他にはatomやsublimetext等、テキストエディタという選択肢もある。テキストエディタとはいえ、かなり高機能

昔はhtmlもcssもテキトーに書いた本が粗製乱造されていた
W3CではなくIEの仕様を中心にした本も多かった。ある意味バブルだった
今はそういうのが減って、落ち着いただけだよ

で、最近のなんちゃってweb屋さんはwodpressで構築するのが主流になっている
それっぽいテーマを見つけて、後はcssやhtmlをちょいと変えれば即完成だ

127Name_Not_Found2018/02/12(月) 16:59:29.80ID:???
>>125
今も業務用スタンダードはDWだと思う。
CCになってから解説書があまり出てないだけかと。

128Name_Not_Found2018/02/12(月) 20:10:27.01ID:???
だってWPで作るの楽だもん

129Name_Not_Found2018/02/12(月) 20:34:47.04ID:???
DWはFTPつきテキストエディタとして使ってるけど、ほかにそういうのある?

130Name_Not_Found2018/02/12(月) 20:47:18.84ID:???
phpは共通項目の呼び出しでしか使ってない

てかその程度の知識しかない

131Name_Not_Found2018/02/14(水) 17:53:00.58ID:???
HTML、CSSはある程度出来るようになったのでWP勉強したいんですが
最初に有料サーバーをレンタルするのは必須なんでしょうか?

132Name_Not_Found2018/02/14(水) 18:18:01.84ID:???
公開しないならローカルでもできるよ

133Name_Not_Found2018/02/14(水) 20:11:15.21ID:???
>>131
php 無料 サーバー
とかで探せばそれなりに見つかる

しかし、設定がめんどくさかったり一部機能が使えなかったりで、
変な形でテクニカルにサイト構築することになる
そして結論として、素直に1000円/月払えばよかった・・・となる。ソースは俺

まぁ、払った金額以上に得るものは大きいよ
金で時間買っとけ、ホントに

134Name_Not_Found2018/02/14(水) 21:21:29.78ID:???
>>131
Macなら有効化して起動するだけ
windowsならWSLでubuntuなりをインストールして構築するだけ
たいしてめんどうでもなく実際のサーバーと同じものができるぞ
>>133はどんな方法で構築したんだ

135Name_Not_Found2018/02/14(水) 22:56:16.54ID:???
あぁxamppでよければそれでいいんじゃない
root取れるしめっちゃ使い易い
ただ、レンタルサーバーどうこう行ってる人にローカルサーバーは敷居が高そう
難しくはないんだけどね

>>134
もう10年も昔の話だけど、恐らく個人が趣味で公開してたサーバー
とにかく重い、ロールバックも頻繁に起こる、phpのバージョンも古い、と至れり尽くせりだった
気づいたら無くなってた
いい時代だった

136Name_Not_Found2018/02/14(水) 23:29:40.49ID:???
勉強するだけなら今使っているパソコンにxampp入れればいい
PHPやjavascriptも勉強したければできるし

137Name_Not_Found2018/02/17(土) 14:49:13.98ID:bX/TMRx7
メディアクエリを使ってPCサイトとスマートフォンを分ける場合、
例えば
@media (max-width:1000px) ← PCサイト用
@media (min-width:1000px) ← スマートフォン用
↑のような感じで分けるといいんですか?(´・ω・`)

138Name_Not_Found2018/02/17(土) 17:18:15.78ID:???
逆な
あとそれだと1000pxの時に気を付けろよ

139Name_Not_Found2018/02/17(土) 18:05:07.57ID:bX/TMRx7
逆でしたTT
1000pxの時ですね!
アドバイスありがとうございます(´ω`*)

140Name_Not_Found2018/02/18(日) 01:38:24.39ID:???
色々検索やソースコードを見たりしましたが、答えが見つからないのでぜひご教授してほしいです。
この5チャンネルみたいに安価先の内容を表示させるにはどうしたらよいでしょうか。

<title>の方法じゃなく、display noneで消しておいて、マウスが触れたら表示だと
安価先が大量の文字の場合、書くのも大変なのでどうにか安価先の情報(URLじゃなくて全文)を
取得する手順はないでしょうか。ぶしつけですが宜しくお願いします。

141Name_Not_Found2018/02/18(日) 08:06:30.35ID:???
>>140
phpかjsの方法があるが、基本的にはjsを使う
>>140」の文字列をマウスホバーしたらアンカー先の内容をコピーして表示させるだけ
ただ、マウスホバーはモバイル対応していないのでそもそもやめたほうがいい

><title>の方法じゃなく、
titleタグじゃなくて、ツールチップの事だよね
まぁこれはめんどくさいからやめておいたほうがいいだろう。モバイルにも対応していない

>display noneで消しておいて、マウスが触れたら表示だと安価先が大量の文字の場合、書くのも大変なのでどうにか安価先の情報(URLじゃなくて全文)を
別にこの方法でもいい。量が多いとめんどくさいけどな
phpを使って自動的にdisplaynoneで記述しておいてもいい

いずれの方法にしろ、マウスホバーは今更感があるから夜した方がいいよ

142Name_Not_Found2018/02/18(日) 15:22:03.97ID:???
今はまだ昼なので夜します

143Name_Not_Found2018/02/18(日) 19:09:30.42ID:???
☆ 日本の、改憲を行いましょう。現在、衆議員と参議院の
両院で、改憲議員が3分の2を超えております。
『憲法改正国民投票法』、でググってみてください。国会の発議は
すでに可能です。平和は勝ち取るものです。お願い致します。☆☆

新着レスの表示
レスを投稿する