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/ ググり方が悪いからさっぱりなんですって
子孫セレクタよりは子セレクタの方が速いって見かけたな
だいぶ前だけど >>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 が解除されないの? >>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/
影を下にだけ付けたいのですが、うまくつけることができません。
どなたかコツを教えてください。 質問1:
リダイレクト301って何個も作っていいのでしょうか?
サイト移転のため301を活用しようと思っていますが、
1000個2000個作っても大丈夫なのでしょうか?
サーバーのリソースを使い過ぎて契約解除されたりはしないのでしょうか?
よろしくお願いいたします。
質問2:
ソース元のURLを
hogehoge.com/xxx/1000/
で設定しています。
しかし
hogehoge.com/xxx/1000
にアクセスした人はリダイレクトしません。
ということはいちいち
hogehoge.com/xxx/1000/
hogehoge.com/xxx/1000
の2パターンを設定しなければいけないということなのでしょうか??
何か良い方法ないでしょうか? >>155
レスありがとうございます。
やはりbox-shadow単体では難しそうです。
アドバイス後者の件を参考に試行錯誤してみます。
ありがとうございました。 >>156
1.
全部おk
問題なのは301でたらい回しにすること
7回だっけ?制限があったと思う
2.
方法はないでもないけど、
1000やるも2000やるも同じでは? >>156
サイト移転ならドメインだけリダイレクトすればよくね?
あと、トレイリングスラッシュなしでアクセスされたらリライトで付けてやればいいんじゃないかな
「ドットもトレイリングスラッシュもなければトレイリングスラッシュ付加する」みたいな >>158
fetch 仕様では 20 回が上限
HTML の場合 fetchに基づくので同じ回数になるだろう リダイレクトなんて悩んでるまにツールでも作ってやってしまえば良い >>156
普通はね。そんなにたくさんのリダイレクト設定なんか作らないで、
hogehoge.com/xxx/1000/
↓
hagehage.com/後ろはそのまま
って一つだけ作るんだよ web制作スタッフを募集してる会社で働きたいのですが例えば介護施設で働きたい場合は
介護福祉士の資格が取れるとこで勉強しますがweb制作を学ぶ場合どこで勉強するの?
職業訓練校でも学べるでしょうか? >>163
今は、というかかなり前から
即戦力じゃない人を雇う余裕のある会社は限られてる
だからもし訓練校とか専門に行くとしても、行くだけでどうにかなるとは限らんかも >>164
web制作の技術っていうか資格ってなにかあるんですか? 民間資格なら山程あるよ。
取ってもだからなにってレベルだけど。 セレクタに○○の前みたいなのが欲しいデス
○○の後はあるのに何でないんだべ
レクチャープリーズ オープンソースのツールをカスタマイズしてて、自分じゃできないことがあったのでプロに頼みたいです
Wordpressやeccubeなら有料カスタマイズ業者たくさん出てくるけど
日本語の情報があんまりないマイナーなやつです
依頼できる人ってどうやって探したらいいのでしょうか むしろ小規模で専門卒を雇うとか人員不足が深刻なてんてこ舞いな所
大規模オフィスでワンチャン >>170
HPを更新したり画像動画の編集に興味があります
これらに必要な技術を学びたいなと思ってるんですが >>176
だったら鉄が熱いうちに
何かやってみたらいいよ
こんなとこでそんな質問してないで ですから始めたいんですがって質問したらいろんな資格ありますって返事来たんで
この条件だとどの資格が良いですかっていう待ちなんですが、、、図々しくてすいません 資格かあ
全く無意味ではないと思うけど
今覚えたことが2〜3年で軽々しく水泡に帰す業界だからなあ 技術を学びたいなら独学か、デジハリみたいな所で学ぶかだよね。
知識なら資格もありかもしれないけどすぐに過去のものになるし。
興味があるならとにかく作ってみたらいいと思うけどなぁ。 DNSの浸透についての質問です。
ネームサーバーを変えました。
その数時間後には無事新サーバーのデータが閲覧できるようになりました。
しかしそれから1時間後になるとまた旧サーバーのデータが表示されました。
その数十分後にはまた新サーバーのデータ・・・。
数回それを繰り返しています。
むろん、その間パソコンや回線は変えていません。
これはいったいどういう仕組みなのでしょうか?
DNSって、行ったり来たりするものなのでしょうか? ほぼ初心者がクラウドソーシングで月5万〜10万稼げるレベルになるまでの学習時間をお願いします。
500時間くらいで考えてるんですが甘いですかね?
学習順番はHTML→CSS→WordPress→PHPとMySQL→JavaScriptとjQueryで勉強しようと思っています。
個人の趣味のサイト作りと、副業でWEB制作をやってみたいです。 >>182
内容にphotoshopとillustratorをプラスして学習時間を100時間ぐらい追加したらいけるんじゃないでしょうか >>181
DNSのキャッシュの仕組み上
問い合わせのタイミングによっては戻ることがあるんよ
書くと長いのでこういうの読むといいかも
http://kasei-san.hatenablog.com/entry/2016/01/24/222743 HTMLとCSSで趣味サイトつくった程度の知識なんだけどやとってもらえるウェブ制作会社ってあるかな
大学でたあとはフリーターで数年ブランクあり就職経験なし
アニメーションとか入力にあわせて動くとかじゃなければ
静的なデザインはどんなものでも(tableとかなしできれいに)コーディングする自信はある
w3cとかSEOとかユニバーサルデザインレスポンシブデザインとかのコーディングマナーもそこそこわかる
フラットデザインとかパララックス?とかも作ったことは無いけど
意味はしってるので作ろうとおもえば作れるとは思う
JSは文法はわかるけど0かなにか作った経験はなし
他人のつくったchrome拡張機能やブックマークレットをアレンジしたり
jQueryの数行の部品コピーしてパラメータかえるぐらいは理解してできる
PHPはフォームからきたGETPOSTデータから文字列取り出してファイルに保存したり
アクセス着たらファイルの中身のカウンタ増やしてアクセスカウンタ自作したことがあるぐらい
大学のサーバーのpublic_html以下にファイルおくだけで見える環境だったので
linuxとかapacheとか暗号化とか権限とかセキュリティ系の知識まったくなし
最下層のコーディングばかりで上位のフレームワークやらCMSやらもまったくわからない >>186
あるかもしれないし、無いかもしれない。
応募してみれば?としか言いようがない。 ハローワークの求人に、一杯ある
資格保持者歓迎とか、未経験者歓迎とか、
趣味でプログラミングやってる人とか、ブランクがある人とか
資格は、国家資格の基本情報処理が、全プログラマーの基本 >>184
そんなにかかるか?
ランサーズの小さい案件ならひと通りをさらっとやるくらいでも調べながらいけるんじゃない
最低300時間くらいは必要だろうけど >>186
俺もその程度で入社できた
でもサービス残業が蔓延してて
酷い時は月80時間超えてメンタルやられて休職後、辞めた
思えば人員不足のせいで選ぶ余裕がなくて入れたんだと思う
そういう場合もあるから気を付けておいたがいいぞ
サビ残なのかは入ってみないと分からんが
書類送る前に定時やその数時間後に会社の電気が消えてるかくらいは下調べできる Web系は慢性的な人手不足だし、制作会社も余裕はないので未経験雇って育てる暇はない
逆に言うと、ある程度経験があると食いっぱぐれない >>186
jsは
$(function(){〜
の意味、varを付ける意味など基本的な事がわかってればok
htmlとcssは経験とセンスなので、一度キレイに作ることを心がけて一つのサイトを構築してみると良い
ダミー会社でTOP、会社概要、店舗検索、店舗詳細
の4ページ
lintでチェックして100点のものを作っておけば、それが自分の履歴書になる
phpはバリデイト、サニタイズが出来ないと怖い
逆に言えばそれが出来れば後はどうでもいい
最低でもバリデイト、サニタイズの意味はわかるけどやり方がわかっていない状態で有ることをわかってないとエライコトニなる 山田祥寛(よしひろ)、翔泳社
10日でおぼえる jQuery 入門教室 第2版、2013
たのしいRuby 第5版、2016
上の2冊を読むのが、最短!
JS は、ES5 までなら、マシだけど、
下の本のように、ES6(2015)は難しくて、愕然とする。
下の本だけで、数十時間以上!
初めてのJavaScript 第3版、オライリー、2017 >>189
ハロワにいけばいいんですね
1度いってみます
ウェブの求人サイトは転職ばっかりだったり
何かしらフレームワークやら実務経験やらかてるのしかなくて…
>>191
実務経験1年以上とかかいてる募集が多いので
どこでもいいから1年やりたいなーと
プログラミングは好きなので業務内容があってれば残業は気にならないですけど
人間関係は気になります
教えてないことを知らなかっただけで理不尽におこる上司とか…
居心地よければそのままずっといってもいたいけど
できればリモートかフリーランスで独立したいかなーと
>>193
センスは自信ないかも…
デザインだけ考えてもらってそれをコーディングしたのを自分で作ったっていえばいいのかな…
バリデイトサニタライズはわからないですね
ぐぐって調べて勉強してみます
ご意見くれた方々ありがとうございました tableってborder-collapse:collapse;の時、paddingは効かないのか mysqlのテーブルで
キーとなる数字のID ってオートインクリメントを設定していれば
レコードが追加されれば自動的に IDが加算されていきますし、
また、同時に複数人が編集しても絶対にIDが重複しませんが
オートインクリメントを使わずに加算していくにはどうすればいいしょうか? HTML覚えたら直でPHPとWordPress
これでOK >>198
自分で足し算して被り検証すればいいじゃん ■ このスレッドは過去ログ倉庫に格納されています