Webサイト制作初心者用質問スレ part250
まず >>>■ 検索してから ■<<< 質問すること
ネタ・煽り・自演・荒らしは完全放置
【質問時の注意】
1. 質問する前に >>2 にも目を通すこと
2. メール欄に何も入れないことを推奨 （IDを出して騙りを防止するため）
3. 質問者が返信する際は「最初に質問したレス番号」を名前欄に入れること
4. ブログについてはブログ板で質問すること
●ブログ板 http://mevius.2ch.sc/blog/
5. SEO、アドセンス、検索サイトに登録しても検索結果に引っかからないといったことは SEO関連スレで質問すること
http://find.2ch.sc/search?q=seo
6. アクセス解析については該当スレで質問すること
http://find.2ch.sc/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.2ch.sc/php/
9. JavaScript はこの板の該当スレで質問すること
10. 画像作成ソフト（Photoshop 、Illustrator、等）については該当スレで質問すること
11. HTML, CSS, CGI, 制作ソフトなどのどんな本を買えばいい？といったことは書籍についての質問スレで質問すること
http://find.2ch.sc/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.2ch.sc/test/read.cgi/hp/1529144063/
Q1. アップロードしたファイルが表示されません
A1. ・ブラウザのキャッシュを削除してから再度確認すること
・ファイルがアップロードされているか、ファイルのパス（絶対パス？相対パス？）があっているか確認すること
・画像などのコンテンツなら、xHTMLソースで指定したファイル名と拡張子の大文字・小文字の一致を確認すること
・画像であれば「バイナリモード」で転送されたか確認し、そうでなければテキストモードに設定を変えること
Q2. ホームページを作成しようと思いソフトウェアの購入を検討しています。おすすめのソフトは何でしょうか？
A2. 体験版があればそれを使用することを勧めます
個人で好みが違うので、一概に「これ」が良いと推奨することはできません
あなたが購入を検討している物を天秤にかけ、自分がしたい事が実現できるような物を購入すれば OK です
Q3. 「http://www.〜.com/」で○○したときのような効果を出すには、どうしたらいいのでしょうか
A3. ソースを見て理解する努力を惜しまないことがあなたを救います
初心者だからといってソースを理解する努力をおしめば、期待する効果を実現することは難しいでしょう
Q4. あるURLにアクセスしたとき、携帯とPCで表示するページを変えたいのですが
A4. 「携帯 振り分け」などのキーワードで検索してください
また、「レスポンシブ」という単語もあなたを救うかもしれません
Q5. 正しく書いたつもりなのですが、うまく表示されません
A5. 油断は禁物です
HTML の文法を専用サイトでチェックしてみましょう
http://validator.w3.org/
百億万点
http://rosie.2ch.sc/test/read.cgi/liveplus/1546064815/l50
今一度詳しく書きます。
イベント系のサイトを作成を考えているものです。
東京 12/30 と押すとそのイベント一覧が出力されるような感じにしたいです。イベント毎のページ作成まではできましたが、検索して結果を出力させHTMLに飛ばす方法がさっぱりです。
この場合、CGIを勉強すればよいのでしょうか？
当方、HTMLしかわからない超初心者です。
よろしくおねがいします。
当方、10年以上前にガラケー向けサイトのデザインをやっていましたが、本当に簡単なHTMLのみでした。そして、その後は転職してしまったため、そこで時が止まっています。
検索とヒットだけなら、CGIだけでできるとおもっていますが、なにせ、時が止まったままの知識ですので。
ワードプレスでもそういうこと、できるのでしょうか？ワードプレスの本は3冊かってよんでみましたが、どうもブログぽいイメージを持ちました。イベントについてのコラムなどはそれを使って作りたいと思います。
ワードプレスで検索、一覧、ヒットって簡単にできるものなのでしょうか？
2通り。圧倒的に前者がオススメ
ちなみにどちらにしてもcgiは一切使わないし、今後も永久に使う機会はない
今までの知識は何の役にも立たないので一旦全部捨ててくれ
※いじわるじゃなくて、こういう世界
1.wordpressを使う
どうせお問い合わせフォームやなんや欲しくなるだろうから、
最初からwordpressで作って拡張性を高めておく
・wordpress サイト 初心者
https://techacademy.jp/magazine/11085
・wordpress 検索機能追加
https://techacademy.jp/magazine/7626
2.平のhtmlにjsでフィルタ機能を付ける
js フィルタ で検索したらなんや見つかると思う
https://www.mitsue.co.jp/knowledge/blog/frontend/201709/13_1426.html
＞なお、イベント枚のページはCSVに手入力で変換でいいと思います。ここは何とかなりそうです。
良くない。余計めんどくさい。csvは使わない
＞ワードプレスでもそういうこと、できるのでしょうか？
＞ワードプレスの本は3冊かってよんでみましたが、どうもブログぽいイメージを持ちました。
できる。大抵の企業HPはwordpress製
＞イベントについてのコラムなどはそれを使って作りたいと思います。
あと一つのサイトでシステムを分けるのはマジでやめた方が良い。究極にめんどくさくなる
＞ワードプレスで検索、一覧、ヒットって簡単にできるものなのでしょうか？
簡単に出来るけどカスタマイズがめんどくさい
なんでもいいから表示させるだけなら楽勝
だからなんでCGIがでてくるんだよｗｗｗ
CGIなんてクソ言語触るなよｗｗｗ
・一覧表示
・詳細表示
・検索
まさにWordPressが得意とするところじゃないか
CGIは言語ではない。
お前は馬鹿か
php7.1→7.2になったら真っ白になっちゃうけどエラーログ残す設定にしてもなにもない
こういうしょぼい話でもプロに頼めるかな
素人がいじったやつなんか見てくれるプロいないかな
大体10〜20万ぐらい
「HP 保守」とかで検索すれば見つかるよ
ってか、ここにコードを上げれば誰かなんとかしてくれるかも
カレンダーがどんなのかによる
「海外製カレンダー」って言ったってピンキリだから
とりあえず祝日設定みたいなのがあるなら今年のを手動で入れるとかの力技もないことはない
自動で引っ張ってくるならGoogleカレンダーAPIが楽でいい
この辺りまでなら素人でもちょっと調べればできると思う
エラーに関しては
ini_set('display_errors', 1);
error_reporting(E_ALL);
でも表示されない？
無くていい
光岡自動車というマイナーな自動車メーカーですが
ここのラインナップから車を選んだときに
JavaScript的な動きをしたあとフェードインするように自然に次のページが現れます
URLはいつのまにか書き換えられますがそのページは実際に存在するようで
リクエスト見るとxhrでそのページを取得しているようです
これは/lineup/からxhrでソースを取得して/lineup/のソース（DOM)を書き換えて
JavaScriptでURLを書き換えてる感じでいいんですよね？
ニートだから俺が1万円でやってやんよ
ページ見てないけど多分おっしゃる通りの処理をしている
pjaxという手法なので検索キーワードにどうぞ
レスありがとうございます
pjax初めて聞きました
勉強になります
早速試しに1つ実装してみようと思います
熱すぎるだろｗｗｗ
全部GitHubに移そっと
メインのターゲットは個人ではなくて法人
個人向けは安いか無料
そこにレンタルサーバーをリンク付けしておけば
GitHubのMasterを更新したら自動で自身のWebサイトも更新される？
って感じの使い方で良いんかな
みんなそうやってる
ローカルからデプロイすればいいし
バックアップといえば聞こえはいいけど自分とこのサーバだけでよくない？という
知らないなら勉強した方がいいよ
ローカルからデプロイとかアップロードしないといけない、やってられん
何GB、何10GBになるリポジトリがいくつかあるし、メンテもいるし、自分のサーバーでリポジトリ作るのもめんどいんだよね
GitHubのUIも色々便利だしな
チームの分かれた企業HPでもつくってんか
公的機関の発表してるデータは自由に利用することができるそうですが
自サイトなどに掲載する際
例えば気象庁の天気予報のページの
図や晴れ雨マークなどもそのまま掲載しても問題ないのでしょうか？
よろしくお願いします
☀☁☂☃
こういうやつに
font-family: apple color emoji,segoe ui emoji,noto color emoji,android emoji,emojisymbols,emojione mozilla,twemoji mozilla,segoe ui symbol
的なスタイルつければ万事解決じゃね
>>38はベクターだろうに
まあ定義がわからん
なんかすっげーアイコンを期待してるなら
晴れマークにゴテゴテに盛ったデザイン性なんて誰が求めるのか
ここのdownload all svg setsからダウンロードしたアイコンが、
ローカルでは表示されるのにサーバーにアップすると404になります
ファイルマネージャー上には存在していて、直接URLにアクセスすると404
さくらのスタンダードでhtaccessの記述は済んでいて、他のsvgファイルは表示されてます
手がかりをください…
ローカルでは区別しないけどlinuxは区別するから
パスの間違いしかないと思ってずっとあれこれしてますが
と書いてるうちに解決？しました
フォルダ名を変えてみたら表示されました
わけが分からないぃ すみませんでした
<span>あいうえ
お</span>
<span>あいうえ</span>
<span>お</span>
上は半角があきませんが下はあきます
spanはまだいいのですが終了タグのないものだと
ちょっと混乱してしまうので
改行がデザインに影響を与えないようにしたいのですが
どうしたらいいですか？
割とどうしようもなかったりする
<div>
<span>あいうえ</span>
<span>お</span>
</div>
でdivはfont-size0、spanはfontsize14pxなどにするぐらいしか無い
そもそも論を言うと、インラインは改行無しで記述してみてはどうかな
<span>あいうえ</span><span>お</span>
インラインは改行すると逆に見づらくなると思う。
上記のfontsizeいじるのはあまりに面倒なので、俺はこうしてる
* {
font-size: 1.4rem;
}
html, body, section, article, div, ul, ol {
font-size: 0;
}
common.cssとかの頭でこれやって、sizeが0の要素の直下にはテキスト書かない
本来直下にテキスト置くべきじゃない要素だしね
なる
>>50
仮にこんな感じとしても、使わないかな
不吉な予感がする
:not(html) {
font-size: 1rem;
}
html {
font-size: 14px;
}
body, section, article, div, ul, ol {
font-size: 0;
}
>上は半角があきませんが下はあきます
日本語だと改行が消されるようになったのは わりと最近のことだな
CSS Text module にその辺の詳しい仕様がある
https://drafts.csswg.org/css-text-3/#line-break-transform
https://triple-underscore.github.io/css-text-ja.html#line-break-transform
PostCSSの中身はみなさん何で書いているのでしょうか？
やはりSASSで書いている方が多いですか？
> 上は半角があきませんが下はあきます
そんなことはないと思うのだが
>>56
PostCSSやるにしてもSASSはどちらにしろ必須なのですね・・・SASSもやってみます
流行を追えるように勉強したいです
レスありがとうございました
上に移動していて、heightの数値を増やして元の場所に戻せたんだけど、どういう変更なんでしょう？
すまん、俺もよくわかってないんだが、
heightじゃなくtopだったわ。
display:blockにしているsectionが5年ぐらい前は正常な位置だったんだけど、
section.option{width:300px;position:absolute;right:328px; top: 644px}
今見たら、昔より50pxぐらい上にあって
topの値を増やして下に移動させて調整したんだけど、position:absoluteとtopの関係って何か変わったのかなと。
自分の無能さではなくhtmlの仕様のせいにしようとしている思考をまず改めたほうがいい
うーん、そうなのか。
元から崩れていたわけではないけど、気になるな・・・
初心者板だからアドバイスするとしたら、ずれた要素を確認するのではなく、
その要素の親や要素の前にある要素のpositionがrelativeを指定しているか確認するとよい
ありがとう、確かにかなりのdivが入れ子になっているのもあって、
positionをまだ理解できていないので親要素を確認してみます。
変わったのはブラウザの解釈。恐らく今が正常な状態
以前は変なhtmlかcssを無理やり解釈してずれた状態になっていたんだと思う。
確認したブラウザはIE8辺りじゃないか
そうだと思います。IEもFirefoxもずれていました。
2013年ぐらいに作成したページで、当時html5がまだ完全に決まっていなかった時代、
cssハックがなんとか言っていた前任がIE8で確認していましたのですが、やはり解釈がいつかわかりませんが変わったのですね。
今あれやると、どのブラウザでどういう挙動するかサッパリ分からん
下記のようなWebサイトから別サーバにあるスクリプトを作りたいと考えてます
1 WebサーバAにWebサイトを作る
2 Webサイトのスクリプト実行ボタンを押す
3 サーバAからサーバBにあるスクリプトを実行して結果をAに返す
4 WebサイトAに結果を表示
このような機能のWebサイトを作りたいのですが、どのような技術が必要でしょうか？
HTML、cgi、Python、Rubyなどよく見かけますが知識はありません
サーバBのスクリプトは今後も増やす予定です
必要なプログラム言語や参考になるサイトなどあれば教えてください
・そもそもサーバーを分ける理由があるのかどうか
・結果は秘密か、公開しても良いものか
画面は、HTML, CSS(SCSS), JavaScript を使う
progate のサイトで、Rubyでもやれば？
説明不足ですみません
サーバBで使っているスクリプトは、サーバ内の処理で使うこともあるので、サーバは分けた方が便利です
また、サーバBは外部に公開していません
結果は秘密というか、ログインユーザだけがスクリプトを実行する感じだと想像してます
サーバAはログインページを用意して、ログイン後に実行ボタンを押すようなイメージで考えてます
progateは知りませんでした
調べてみようと思います
抽象的ですまん
要は、情報自体が
・絶対に外部に漏らしてはならない情報かどうか
だ
・店舗一覧なら別にもらしてもいいし（スクレイピングでいずれ漏れる）。負担は色々かかるかもしれないけど
・個人情報が絡むなら絶対に漏らしてはいけない
この2つの内、どっちだろう
情報漏洩の対策は特に必要ありません
社内で使うだけなので、社外からはWebサーバ自体にアクセスできません
基本的には悪意のある人が使うことはなく、外部からもアクセスされることはありません
(万一社内ネットに侵入されたらサーバBの情報も抜かれてしまいます)
検索しても情報が見つからなかったのは特殊な使い方だからかもしれません…
マジかよめちゃくちゃ楽じゃん。
ipで分岐させてる感じなら、何とでもなる
・頻度が低いなら、phpでcsvデータでも返せばいい。
・頻度が高いなら、csvファイルを作ってhtaccessで判別するとか
jsでやると>>76の通り、クロスドメインやらでキツイ
何とでもなる、思いついた実装をここに書いてみればいいんじゃないかな
色々な方法があるみたいですね
>>71のRubyでもできるみたいだし、どれに取り組むか迷います…
比較的わかりやすいのはどの方法でしょうか？
他人には判断できない
画面は、HTML, CSS(SCSS), JavaScript, jQuery などを使う。
これらを、progate のサイトで、やってみれば？
無料でも途中まではやれる
その後は、本を買う
勉強しながら取り組んでみようと思います
レンタルサーバーで独自SSL化するとアドレスがhttpsになると思うんだけど
独自SSL化した後にも外部からhttpのアドレスでも表示される？
他サイトみるとhttpのリンク踏んでもhttpsのサイトにしっかり表示されてるんだけど。
マルチするな
あっちに回答した
うるせー
こっちにも書けよ
なりすましで荒らすのはやめよう
なりすましって朝鮮人みたいだよ
民族差別は日本人の国技ってか？w
そりゃあんだけ気持ち悪い国は差別して当然
差別しなかったから舐められ続けて来たんだよ
こういう典型的なネトウヨって10年前に絶滅したかと思ってたがまだいるんだな
なんかほっこりしたわ
使用しているXサーバーに過去14日分のデータとSQLデータベースのバックアップがある場合、専門の業者に依頼すれば元に戻るのでしょうか
業者に頼まなくても良い
https://www.xserver.ne.jp/functions/service_backup.php
FTPとDBで15000円か、いい商売だなｗ
100〜のスレッドの続きを読む