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/ >>626
スクロールバーを出したい要素のcss内のパスが間違ってる >>624
一般的にPHPとＲｕｂｙとどっちを使うことが多いんですか？
両方ともおぼえるもんなんですかね？
まずＰＨＰをある程度覚えて使いこなしてからRubyって感じですか？ フリーで一人でやる場合、お客さんがよっぽど指定してこない限りどっちでもいい
会社員としてとかチームでやるんなら、会社やチームが使ってる奴
そりゃ、両方できると仕事幅広がるからいいけどね
どっちが万能ってこともないし、どっちかがダメってこともないので、ご自身の目的や事情に合わせて
決めればいいかと >>627
あ、ちげーわ
ごめん、逆だ
html内のcssへのパスが間違ってる >>630
情報不足でした。
Dreamweaverでは表示されてます。
IEやEdgeでも表示されるのです。
Chromeのみそのページだと見れないのです。
階層を変えたらChromeでも表示されるのです。 >>631
そのスクロールバーってのはページ全体のスクロールバーなのか、何かの要素をスクロールさせる（例えばoverflow:scrollを指定してるとか）なのか
inline要素の中にblockがあるとかっていうそもそも間違ったコーディングしてないかとか
その辺の情報か、実物のコードあればもっと具体的に聞けるかもよ >>632
ページ全体ではなくて
特定の要素？って事だと思います。
使ったのはここのをコピペしました。
ttps://blog.8bit.co.jp/?p=16446 あっ、今確認したらオフラインでは表示されました。
Dreamweaverで言うところのリアルタイムプレビューでChromeを開いたら見えます。
サーバーに上げたら駄目です。
って事はサーバー内に不要なcssが入っている的な? >>634
インスペクターでそのスクロールバーのcssかどこでどう指定されてるのか見てみれば >>625
Ruby 以外の言語では、1年じゃ何もわからないまま
例えば、大学のC言語の授業でも、99% は出来ないままだろ。
ほとんどの人が、プログラミング出来ないまま
>>628
>まずＰＨＰをある程度覚えて使いこなしてから、Rubyって感じですか？
PHP は、勉強する本が揃っていない。
Wordpress の本ばかり。 それも写真が中心
一方、Ruby, Rails の本は、コーディングが中心だから、プログラミング自体を学べる。
それが他言語に応用できるから、Rubyを先に学ぶ 勉強する本ないってどこの本屋見たんだ
ruby薦めるとかかわいそうなことしてやるなよ 1. 入門書
2. Effective 何々、コーディング規則
3. 逆引き・レシピ本
(4. メタプログラミング)
5. フレームワークの本
特に、その言語に、1〜3 が揃っていないと、順調に育っていかない！
オライリーみたいな分厚い専門書があっても、仕方ない。
入門書とオライリーの間のレベルを埋めないと、育っていかない！
写真を使った、Wordpress の本ばかりあっても仕方ない。
次のレベルへ行けないから 勉強ってどうやればいいんだろうと思ったけど
適当なHPをSSに保存してillustratorでレイアウトとして切り取ってコーディング
そこからそっくりのをつくるを調べながら繰り返してやっていったほうが実践的に覚えれそうだな
>>636
プログラミングってそんな難しいのかな？
理系な人間ならかけた時間に比例して誰でもおぼえれるもんだと思ってたけど認識あまいのかな？ そうやって自分なりのやり口で勉強継続できる人間なんていねぇからな
「なにしたらいいのー」とか「どこの学校いけばいいーの？」的な楽して金儲けな思考停止勢がほとんどなのです jsの基礎を一通り勉強して、次はゲームをしながら学ぼうと思ってcheckioをやってみたけど一問目から全くわからずに挫折した
プログラマーって凄いよな
天才しかできないんじゃないか >>639
自分がプログラマーな友達に言われたのは
プログラマー脳見たいのは確実にあって
そもそもそれがなければ仕事にはならないって
それがまた数学っぽいスキルだったんで
自分はHTMLが精一杯やなと当時思った
絵描けるとか歌作れるとかに近い感覚だと思った プログラマー脳なんてないぞ
必要なのはロジック脳
プログラムに限ったものでは無くて物事を論理的に考える力
なのでロジック脳があればデザイナーや営業が得意な人でもできる
デザインや営業も本質はロジックだからね >>643
それだw
まさにそんなこと言ってたわ
ロジックなんて単語すっかり抜け落ちてるから
俺はコーダーが精一杯
でもとりあえずデザイナーは勤まってるので
デザイナーは2パターンあるんだなって思う ロジック脳は大丈夫だと思う
適性がなさそうならそもそもやろうと思う人いなそうなもんだがどうなんだろうね
それにしてもjavascriptの時点で難しいな
実際これがどの場面で使われてるのかつながらないうちはよくわからない 結局必要に追われて、必要な要件や状況が具体的に見えて初めてやろうってなるからなー >>644
デザイン重視だとjsやphpは使わないのですか？ それぞれの言語がどういう役割を果たすかを再認識したほうがいいよ
サイトのデザインや表現、機能って、どういう言語使ってどう表現するのかとか
そうすると判断できるはず サイト制作においてね
ゲーム制作とは違うのでその観点から調べなおしてみるといいのでは >>643
> プログラマー脳なんてないぞ
> 必要なのはロジック脳
プログラマー脳もロジック脳も
そんな言葉はない プログラマー脳とロジック脳は別物
プログラマーには構成力が必要になる
ロジックだけでは組めない とあるコンセプトのプラットホーム（モール型ECサイト）をつくりたいと思っている、個人のものです。（アプリでも可）
立ち上げ費用がないので、出来高（レベニューシェア）で引き受けてくれるエンジニアの方をさがしていますが、なかなか見つかりません。
わたし自身、システムのことは全くわからないので、ここで何かアドバイスをいただければと思い、投稿させていただきました。よろしくお願いいたします。
追伸：5ちゃんねるの利用自体がはじめてです。
不適切な点があれば、どうぞご指摘ください。 >>652
ランサーズとかクラウドワークスで募集してみたら？ 「立ち上げ費用がない」はそちらの都合
知ったことじゃない。
最低でも月に50万は必要。生活費用だからね
こちらの都合は「生活費用がない」だから。 >>652
作り手が完全に売上把握できるような状態にして、売上の○％でって条件でランサーズ募集
半年の10％とか1年の7％とか色々あるだろうけど、そこは相談するしかない
中にはそんな条件でも受けてくれる物好きや経験積みたい人が居るかもよ レベニューシェアなら会社でも個人でも受けるとこあるだろうけど商材や収益見込み、初期費用、配分率がわからないとなんとも
とりあえず>>653も書いてるとおりクラウドソーシング系で探してみたらいいと思う
あとは制作会社のサイトいろいろ見ながらEC得意そうなとこの問い合わせフォームで投げる感じかな ガチで儲かるサイトならやるけどな
サイトの規模や納期にもよるが 制作側としては、あまりに分が悪い地雷案件でしかないから
出来る人は一見さんのそんな案件引き受けない
んだから、ランサーズとかでビミョーな人に受けてもらうしか無いとおも
だって、企画者が勝ちを見込めないから投資できなんでしょ
一緒に自爆する理由ないから 動画を部分的に切り取る方法ってありますか？
時間では無くて画面の一部を イベント等の検索サイトでイベント先の画像を使ってるのは大手の検索サイトでも良くあるけど、著作権の侵害に該当しないのですかね? どういう画像かとかそのイベント先でどう謳ってるかによるけどイベントなら大抵の場合は許可してるとは思う
集客のために拡散してほしいだろうから UIキットとは何でしょうか？
調べた限りではボタンなどのコンポーネント集かと思ったんですが。
CSSフレームワークの中にそんな機能ありますよね > CSSフレームワークの中にそんな機能ありますよね
というかuikitって名前のCSSフレームワークがあるけど、それのことではなく？ 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万のどちらがずれているのでしょうかという意味です ■ このスレッドは過去ログ倉庫に格納されています
