Webサイト制作初心者用質問スレ part250
■ このスレッドは過去ログ倉庫に格納されています
初心者だろうが誰だろうが、
まず >>>■ 検索してから ■<<< 質問すること
ネタ・煽り・自演・荒らしは完全放置
【質問時の注意】
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サイト制作初心者用質問スレ part249
https://mevius.5ch.net/test/read.cgi/hp/1529144063/ UIキットっていろんなのがあるよ
CSSだけ(見た目だけ)のもあればJavaScriptとセット(動きがあるもの)になったものもある
デザインのためのXD用のもある だからデザインのためのものだってば
XDとかPhotoshopとか >>653
>>655
>>656
>>658
ご提案くださったように、クラウドソーシングで探してみます。貴重なご意見、ありがとうございました。 htaccessで質問です
302リダイレクトを、誤ってwordpressの後ろに設定しました
以下のような形です
# BEGIN WordPress
<IfModule mod_rewrite.c>
# 省略
</IfModule>
# END WordPress
# Redirect 302 /test01 https://example.com
この時
・リンクをクリックするとTOPに飛ぶ
・URLを直接貼り付けると、リダイレクトされる
という動きになりました。シークレットウィンドウでも無く、別のPCでもなりました。両方ともchｒomeです
前者はhtaccess通りの動きだと理解できますが、後者は何故リダイレクト出来てしまったのでしょうか？
試しに
# Redirect 302 /test02 https://yahoo.com
としてみても、同じ挙動になりました
サーバーはさくらサーバー、phpはバージョン7.2です
今はもうwordpressの記述の前に書くことで、どうアクセスしてもリダイレクトできるようになっています 頭の # はコメントアウトだからその行は動いてないぞ >>672
すいません
コメントアウトしたまま投稿してしまいました
実際は
# Redirect 302 /test01 https://example.com
は
Redirect 302 /test01 https://example.com
# Redirect 302 /test02 https://yahoo.com
は
Redirect 302 /test02 https://yahoo.com
となった状態で、
・リンクをクリックするとTOPに飛ぶ
・URLを直接貼り付けると、リダイレクトされる
という動きを確認しています この場合の飛んだ先のTOPと、リダイレクトされた先ってのはイコールで
https://example.comってことでいいの？
だとすれば
> 後者は何故リダイレクト出来てしまったのでしょうか？
htaccessが置かれたディレクトリか、その配下のディレクトリに
アクセスしたからリダイレクトされたってことじゃね？
そういう意味では
> ・リンクをクリックするとTOPに飛ぶ
と挙動は一緒じゃないかと そうだね
>・リンクをクリックするとTOPに飛ぶ
>・URLを直接貼り付けると、リダイレクト
・「リンク」のURL
・「URL」のURL
・「リダイレクト」先のURL
これらがどこなのか、それはWordPressとして存在しているのか、はたまた実ファイルとして存在しているのか
さらにそれはtest01やtest02なのかどうか
それによって変わってくるのでこの辺の情報がなければまったくわからないな 申し訳ないです、もう一度書き直します
外部リンクへのリダイレクトです
サイトのURLは
https://mysite.com
htaccessは
# BEGIN WordPress
<IfModule mod_rewrite.c>
# 省略
</IfModule>
# END WordPress
Redirect 302 /test01 https://example.com
と書いた状態で、以下の挙動になりました
・https://mysite.com上、または外部サイトにある<a href="https://mysite.com/test01";>リンク</a>リンクをクリックするとhttps://mysite.comにページ遷移する
というリンクです。また、外部サイトはの他、gmailのリンクをクリックしてもhttps://mysite.comにページ遷移します
こちらはhtaccess通りの挙動になっているように見えます
・URL「https://mysite.com/test01」を直接ブラウザのURLバーに貼り付けてページを開くと、https://example.comにリダイレクトされる
htaccessのwordpresの部分が無視されているように見えます >>674
すいません、別になります
元になっているサイトは以下
https://mysite.com
https://mysite.com/test01
リダイレクトしたいURLが以下になります
https://example.com
具体的には、会社サイトの採用部分だけ、採用専門のサイトに飛ばすという計画です >>675
>・リンクをクリックするとTOPに飛ぶ
https://mysite.com
実フォルダはあり、index.phpもそこにあります。wordpressは仕様上、ここのindex.phpを見ていたと思います
>・URLを直接貼り付けると、リダイレクト
https://example.com
外部サービスなので、実ファイルがあるかどうかはわかりません。
・「リンク」のURL
リンクを書いてあるのは幾つか試しましたが、同じ結果になりました
https://mysite.com/
https://kojinsite.com/（私の個人サイト）
gmailのリンク
で試しています
・「URL」のURL
https://mysite.com/test01
実ファイルはありません。wordpressの固定ページになります
・「リダイレクト」先のURL
https://example.com
外部サービスなので、実ファイルがあるかどうかはわかりません。
test02でも同じ挙動だったというだけなので、考えるのはtest01だけで問題ありません
（test01が何か特殊な条件ではなかったという意味で記載しました） 更新作業について、スッゴい初心者な質問です。
いま、ワードプレスでCocoonというテーマを使ってます。
ワードプレスのダッシュボードにプラグインやテーマの更新のお知らせが表示されたらそれぞれ更新してます。
これ以外に、自ら更新作業を定期でしなければいけない事ってありますか？
php？とか？ >>680
早速ありがとうございます。
エックスサーバーを使ってるので、今夜にもやってみます！ ASP広告について質問です。
広告画像を貼りつけたんですが、画像をクリックしても反応しません。
色々調べたら『原因はDIV領域が重なってる』場合にこのような現象が起こるらしいのですが、解決策がわかりません。どなたかアドバイスをお願いします。 >>684
お願いします。
師匠なら千里眼で解決できるはずです！ >>685
float使いすぎて変な事になってるから消せばいいだけってのは大体予想できる 多言語対応のページをつくっています。
日本語と英語です。
各ページ内でENGLISHとJAPANESEの言語切替ボタンをクリックすると文字と一部の画像がその言語用に切り替わるページを作りました。
（glottologist.jsというJSプラグインを使い、言語変更するとJSONファイルに記述した日本語と英語の文章を使ってHTMLの文章をその言語へと表示を切り替えるものです。）
しかし、調べてみるとSEO的には言語ごとにURLを変更する必要があるようです。
今のサイトの都合上、サブドメインではなく
sample.com（日本語）
sample.com/en（英語）
のようなURLにしようと思っています。
この場合、ディレクトリ/enにほぼ同じファイルを置いて、
日本語のページで言語切替ボタンを押すと/enの同じページに飛ばし、言語変更処理をさせれば良いのでしょうか？
例えばHTMLやCSSでデザインをいじる度にほぼ同じものを/enに配置するのはスマートではないので、何か効率の良い方法があると思うのですが、この場合どうすれ良いでしょうか？ >>687
そもそもgoogle翻訳あるからページ分ける必要もないけどな
あと多言語対応はドメインごと分けたほうが良い >>689
googleにSEOは不要だろｗｗｗｗ >>691
せやで
SEO考えなくて良いgoogleはこれと言って何もしていない >>686
師匠さすがですね。
確かにcssを最近追記しましたが、原因がなんだか。。
そもそもfloatの意味すら調べても理解できない(´・ω・`) >>694
floatとは浮かぶという意味。
例えば物を水に浮かべると固定された物体（陸地）の
周りに回り込んでいくだろ？そういうレイアウトを作る時に使う >>694
それもうぐちゃぐちゃになっててエスパーじゃ無理
（ぐちゃぐちゃになってることは分かるけど）
開発ツール使って一つずつ見ていくしか無い >>695 なるほど！あざっす！勉強になりました！さすがっすね！
>>696 まだ生きる！
>>697 原因がわかりました。そこでまた質問させてください。
原因は、ｃｓｓに書き込んだ右クリック禁止が原因でした。
これを消したらクリックが可能になりました。
ネットで公開している以上、コピーされるのは別に構わないのですが、
画像からexif等で個人情報が漏れるのが心配で右クリックをしていました。
画像のgps機能offにして、ファイルはpngイメージ、
EWWW Image Optimizerプラグイン使用。
右クリック禁止が使えなくなった今、他に講じる手立てはないでしょうか？
師匠ご指南を！ いやexif消してから上げろよ。
フリーソフトでできるしOSによってはソフト無しでできるだろう。 右クリック禁止とかいまだにしてるやついたのか
たまげたなあ
禁止にしてても普通にダウンロードできるから意味ないだろうに 右クリック禁止にしたら画像のダウンロードできないとでも思ってたんじゃねｗ >>698
拡張機能にexifツールってのがあるんだけど、
それ使うと画像の左上に全部の情報が出るようになるんだよ
→クリックしなくても全情報丸出しだから何の意味もないぞ
とりあえずexif消せ
D&Dで数秒で消せる
https://lab.syncer.jp/Tool/Exif-Remove/
そうｒすりゃ変な事せずにぐちゃぐちゃにならずに済む >>702
ありがとうございます。意味がなかったんですね(´・ω・`)
もし、exifを消し忘れた時の予防線を張ったつもりが、予防になってなかったか。。。 >>703
お困りですか？これをどうぞ
【Chrome】右クリック禁止、コピペ禁止を超強力に解除する方法。Pumpkin’s Right Click Enable
https://tamoc.com/pumpkins-right-click-enable/ >>702 ありがとうございます！いてもたってもいられなかったので仕事を午後半休して、ただいま作業完了しました。
結局、exif quick viewerツールをダウンロードして、サイトに載せた画像すべてをチェックしました。すべてexif情報は掲載されて無かったので大丈夫そうです。
なので、右クリック禁止も解除しました。
色々アドバイスありがとうございます。今後は個人情報は気をつけたいと思います。
今夜は楽しく緊縛プレイが出来そうです。 サーバー、ドメイン、HTML、CSSとはっていうのを学んだぐらいのド素人です
Webサービスを作る上で「こういうWebサービスを作りたい」というイメージはあるのですが、
それを形にするための勉強はどうやっていけば良いのでしょうか？
今まであまり無いサービスの場合、その作り方自体の解説はどこにも無く、取り掛かりから迷っています 作り方はサービスの内容には関係ない
サービス作る上で肝心の、PHPなどのサーバーサイドスクリプトとDBを学んでないからわからないのでは >>706
本当にwebが必要かどうか
アプリでよくないか、なども考えてみては >>707
これを作りたい→どうやるのか
という流れではなく
この勉強をする→そのうちやりたいことの作り方が分かる
という流れなのでしょうか？
>>708
勉強していきます
>>709
イメージではWeb上でサービスを展開、ユーザーが増えてきたらアプリも作りたいと考えております
まずユーザーにはアプリをダウンロードするという手間をかけず、URLをクリックすればすぐに使えるようにしたいと思っています
サービスの概要はTwitterやfacebookのようなソーシャルメディアでログインして頂き、
ユーザー感でコミュニケーションを取る
というようなものを考えています。
そのためにはどのようなプログラミング言語を学ぶべきでしょうか？ Ruby を、2, 3年勉強すれば？
もちろん、HTML, CSS/SASS, JavaScript, jQuery, Bootstrap なども必要です
twitter, Github なんかも、Ruby で始めた企業 >>710
アプリっぽいwebサイトなら、アプリの方が良い
もう最近はブラウザの使用率すら下がってきてる。若い子は全部アプリで済ませてるよ
それでもwebサイトがいいというなら、
php＋drupalかな
php＋wordpressでもいいけど
言語だけじゃなくCMSの使い方を覚える必要がある
会員サイトは基本的に超大変だよ >>711
Rubyは人気低迷してるって言う記事が出てきますね...
>>712
ありがとうございます
>>713
そうなんですね
ブラウザからの方が導入しやすい気がするのは今の若者とのギャップなんですかね
具体的なプログラミング言語についてもご教授くださりありがとうございます。
そちらを中心に調べてみます。 30分以内に、短文で、他人の書き込みにいちゃもんを付ける奴は、荒らしだよ。
色々なスレを荒らしてるから、相手にしないように！
荒らしは、全部のスレを巡回してる
しっかりした内容やソースコードを書いている人だけを、相手にした方がよい
YouTube に動画をアップしてる、KENTA でも、初心者にはRuby を勧めている。
Rubyの女神・池澤あやかもそう
彼らは、10言語ぐらい出来る。
そういう人でも、Rubyを勧める
他の言語は、もっと難しい。
初心者向きじゃない
Rubyなら、何でも、p を付けるだけで、内容がわかる！
すごく学ぶのに、時間効率がよい
p a = [ 1, 2 ]
#=> [1, 2] なに笑とんねんコイツ。日本のIT教育ガラパゴス化して遅らせた戦犯のくせに。
https://logmi.jp/tech/articles/321308
いずれにしてもわれわれは生き残らなければいけません。
なぜかというと、すでにRubyで書いた資産がたくさんあるのもそうですし、
われわれのご飯の食い上げになるということもありますが、
何より「私たちはRubyが好きだから」ですね。
この愛すべきプログラミング言語がなくなったり、時代遅れのものになったりしてほしくないんですね。
正直言うとみなさんはいいですよ。
RubyがなくなってもPythonでもJavaScriptでもいったらいいと思うんですけど（笑）。
（会場笑）
私や一部のコアコミッターは職業なので、Rubyが無くなったら本当に困るんですよ（笑）。
それで、みなさんの困るの程度はともかくとして、Rubyは生き残ったほうがいいと思うんですよ。……よね!?（笑）。
（会場拍手） 言語としてはどうでもいいけど、論破されまくりのruby厨が消えると思えば言語ごと消えて無くなって欲しい rubyすすめるもかほんとやめたれ
>>714が信じちゃったらまじでかわいそうだから Webサービスのアイデアがないんで誰かください
月間PV100万ぐらいでアフィリエイト収益50万ぐらいがいいです 月刊PV100万でアフィ50万は普通の感覚じゃないぞ
ケタがずれてる >>723
>>724ですが「どっちの」というのは月間PV100万とアフィ50万のどちらがずれているのでしょうかという意味です アフィどころかサイト作って運営したことすらなさそうな質問だな >>722
昔月間PV200万ぐらいでアフィリエイト収益60万作ったことあるわ
正直、今はかなりキツイ。
お前みたいなのが山程いて、無いものが無い
強いて言うなら、良いと思ったらすぐに作ってみることだなぁ PV100万ぐらいじゃ月収50万も行かないってことですか？
そ、そんなぁ。。。 アドセンスならそうだけどアフィリエイトなら狙えなくもないよ
記事書くが上手ければ1PV1円どころか2円3円いける
成果報酬型だから単価が高いからね まず月なら100万PV行けるって自信はどこから来るんだよ
こんなところでアイデアをタダでくれなんて言い出すあたり経験もないしなんにもわかってないだろ >>729
100万PVでは厳しい。広告クリックがうまければ行くかもしれないが・・・
ってかそもそも100万PVでもキツイぞ 質問です。
現在、半年かけて９０記事入れたサイトがあります。
アドセンス収益半年で７００円、PVは月間３、000という見事なダメっぷりです。
そこで、アクセスの無い記事を削除しようと、アナリティクスで調べたら、
/404/というPV数が194あるページがありました。[行動→サイトコンテンツ→すべてのページ]
一体コレは何ですか？また、何か対応した方が良いでしょうか？ >>734
＞そこで、アクセスの無い記事を削除
別に削除しなくていいと思うけどな
＞/404/というPV数が194あるページがありました。
分からん。クローラーかもしれない
とりあえず言える事は、それぐらいの数字ならどってことない。
気持ち悪いのは分かるけど、それよりも良質な記事を量産するほうが良い >>733
そうですか。夢を見過ぎていたようですね
他の皆さんもありがとうございました >>735
アクセスのない記事は削除したほうがSEO的に良いと聞いたものでつい。
404は、とりあえずそのままにしておきます。
ちょっと安心しました。
ありがとうございます。 >>737
基本、マイナスにはならない
ただ他の記事と被ってたら悪影響を受ける可能性はある
一番いいのは消すんじゃなく、ブラッシュアップ AdSenseとアフィを区別できてないやつ多くてワロタ
アフィなら月間PV100万で収益50万とか余裕だぞ
AdSenseならまず無理だがアフィならむしろ最低ラインだ
まあ月間PV100万が実現できるかどうかはあるがそれができたとしての話な >>728
やっぱりこのご時世、webサービス運営って厳しいの？
アイディア思い付いたから素人だけど勉強して始めようと思うんだけど >>740
誰もが似たようなサイト作りまくるからどうしようもない
以前はそれが個人だったけど、今は企業が広告だしながらやってくるから無理ゲー >>741
なるほど
今考えてるwebサービスは今まで無いようなやつだからとりあえず作ってみようかな
需要がないから今まで無いのかもしれないけど
ドメインはー.comにする予定だけど、レンタルサーバはどれぐらいの容量のものが良いんですか？ >>742
× 需要がないから今まで無い
○ 需要がないから無くなった
と考えたほうが良い
＞レンタルサーバはどれぐらいの容量のもの
sakuraサーバーなら乗り換えるのは難しくないから、何も考えずに一番安い奴でいい >>743
やはりその可能性は高そうですよね
もうwebサービスは飽和してるんじゃ無いかって気がしますよね
ただ、今後も何かしらのサービスは必ずできるだろうし
何かアイディアがないか今後も考えていきます
サーバーについてもありがとうございます 優れたアイディアから優れたサービスが出来たとして、ターゲットに知ってもらう算段は出来てるのかな？
ソシャゲみたいな資金力ないならどうせ自分のサイトやSNSで宣伝だろ？
だったらせいぜいそういういつもネット巡ったりSNSに縛られてるような奴しか釣れないね。
そういう人たち向けの作るしかないね。 >>745
とりあえず作ってみたいと思います
広告についても対象を考えています
ドメインとレンタルサーバで年間の費用も1万円以内には収まりそうですし、試してみる価値はあるかなと webサイト制作をワードプレスでするのはどうなの？ >>747
サイトの内容によりけり
ブログはもとより、コーポレートサイトのような固定のページが複数とお問い合わせフォームとお知らせや事例やお客様の声みたいに投稿で随時増えたりするものなどには向いてる
なんらかのサービスのような特殊な処理をガリガリ入れるものには向いてない
まあできなくはないので規模にもよるが >>748
詳しくありがとうございます
非常に勉強になりました >>748
従業員20人の友人の会社で
まさにこんな風なコーポレートサイトをWordPressで作ることになったらしい
紙パンフと以前Wix で作ったサイト見せて
見積もり取ったら
納期2ヶ月って言われたらしい
盛りすぎじゃね？ >>750
うるさそうな客、分かってなさそうな客、何も決まってない客だだと料金と納期増して言うことはよくある >>750
やり直しを無料で要求したりしませんと一筆書けば
安くしてくれると思うよ それはそれでテキトーに作られる可能性があるからな、発注側としても難しいだろう >>743みたいな凡人、凡才が>>742みたいな未知数の新参を潰すのは本当に害悪だと思うの >>754
じゃあ補助なりなんなりしてあげればいいんじゃないか？
俺は>>743の言ってる事は間違ってないと思うぞ >>754
>>742ですが、ありがとうございます
ここで言われた内容をそのまま鵜呑みにして、
何かを始めたり辞めたりすることはないので大丈夫です!
色々なご意見を頂きながら自分の中で考えていきます
また何かありましたらご相談をさせてください トップページとwidthが一緒のページをスマホで開いた時にトップページ以外は左右に移動しないと全て見れません。
トップページは全てのページがスマホの画面に収まっております。
他のページもそのようにしたいです。
PCで見たときはページを切り替えたときにも指定されたwidthのとおりに見れるのですが。
何か考えられる元気はありますでしょうか？ >759
ところどころ日本語変なのが気になるが・・・
要するにTOPは
body｛
width：100%
｝
みたいになっててそれ以外が
body｛
width：120%
｝
みたいになってるってことだよね
見ないと分からんが、何かの要素が決め打ちになっていると思う
table｛
width：1000px
｝
もしくはｐａｄｄｉｎｇのせいでwidthが広くなっているとか >>761
回答ありがとうございます
widthがはみ出ているページにtableがあったのでpadding等含めても確実に収まるぐらい極端に縮めて確かめてみました。
結果はPCで見るとtableは狭くなりましたが、スマホで見るとtableの広さは変わらなかったです。この時点で何かおかしいと思います。
問題のページの他の要素はトップページと同じCSSになってるのでtable以外には原因はないかなと思います。 メディアクエリで切り替えてるのにPCの方だけ変えてるんじゃないの >>762
>>763の通りメディアクエリ
https://sole-color-blog.com/blog/71/
幾つかパターンあるから全部確認すれば見つかると思う
開発ツールから探したほうが早いけど、まぁなんでもいいや ■ このスレッドは過去ログ倉庫に格納されています
