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/ ■散々既出な質問
Q1. アップロードしたファイルが表示されません
A1. ・ブラウザのキャッシュを削除してから再度確認すること
・ファイルがアップロードされているか、ファイルのパス(絶対パス?相対パス?)があっているか確認すること
・画像などのコンテンツなら、xHTMLソースで指定したファイル名と拡張子の大文字・小文字の一致を確認すること
・画像であれば「バイナリモード」で転送されたか確認し、そうでなければテキストモードに設定を変えること
Q2. ホームページを作成しようと思いソフトウェアの購入を検討しています。おすすめのソフトは何でしょうか?
A2. 体験版があればそれを使用することを勧めます
個人で好みが違うので、一概に「これ」が良いと推奨することはできません
あなたが購入を検討している物を天秤にかけ、自分がしたい事が実現できるような物を購入すれば OK です
Q3. 「http://www.〜.com/」で○○したときのような効果を出すには、どうしたらいいのでしょうか
A3. ソースを見て理解する努力を惜しまないことがあなたを救います
初心者だからといってソースを理解する努力をおしめば、期待する効果を実現することは難しいでしょう
Q4. あるURLにアクセスしたとき、携帯とPCで表示するページを変えたいのですが
A4. 「携帯 振り分け」などのキーワードで検索してください
また、「レスポンシブ」という単語もあなたを救うかもしれません
Q5. 正しく書いたつもりなのですが、うまく表示されません
A5. 油断は禁物です
HTML の文法を専用サイトでチェックしてみましょう
http://validator.w3.org/ 前スレのイベント作成サイトについて質問したものです。
今一度詳しく書きます。
イベント系のサイトを作成を考えているものです。
東京 12/30 と押すとそのイベント一覧が出力されるような感じにしたいです。イベント毎のページ作成まではできましたが、検索して結果を出力させHTMLに飛ばす方法がさっぱりです。
この場合、CGIを勉強すればよいのでしょうか?
当方、HTMLしかわからない超初心者です。
よろしくおねがいします。 なお、イベント枚のページはCSVに手入力で変換でいいと思います。ここは何とかなりそうです。
当方、10年以上前にガラケー向けサイトのデザインをやっていましたが、本当に簡単なHTMLのみでした。そして、その後は転職してしまったため、そこで時が止まっています。
検索とヒットだけなら、CGIだけでできるとおもっていますが、なにせ、時が止まったままの知識ですので。
ワードプレスでもそういうこと、できるのでしょうか?ワードプレスの本は3冊かってよんでみましたが、どうもブログぽいイメージを持ちました。イベントについてのコラムなどはそれを使って作りたいと思います。
ワードプレスで検索、一覧、ヒットって簡単にできるものなのでしょうか? >>7
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 >>8
>なお、イベント枚のページはCSVに手入力で変換でいいと思います。ここは何とかなりそうです。
良くない。余計めんどくさい。csvは使わない
>ワードプレスでもそういうこと、できるのでしょうか?
>ワードプレスの本は3冊かってよんでみましたが、どうもブログぽいイメージを持ちました。
できる。大抵の企業HPはwordpress製
>イベントについてのコラムなどはそれを使って作りたいと思います。
あと一つのサイトでシステムを分けるのはマジでやめた方が良い。究極にめんどくさくなる
>ワードプレスで検索、一覧、ヒットって簡単にできるものなのでしょうか?
簡単に出来るけどカスタマイズがめんどくさい
なんでもいいから表示させるだけなら楽勝 >>7
だからなんでCGIがでてくるんだよwww
CGIなんてクソ言語触るなよwww ・イベントの登録
・一覧表示
・詳細表示
・検索
まさにWordPressが得意とするところじゃないか 海外製のカレンダーphpに日本の祝日を追加したいけどお手上げ
php7.1→7.2になったら真っ白になっちゃうけどエラーログ残す設定にしてもなにもない
こういうしょぼい話でもプロに頼めるかな
素人がいじったやつなんか見てくれるプロいないかな >>14
大体10〜20万ぐらい
「HP 保守」とかで検索すれば見つかるよ
ってか、ここにコードを上げれば誰かなんとかしてくれるかも >>14
カレンダーがどんなのかによる
「海外製カレンダー」って言ったってピンキリだから
とりあえず祝日設定みたいなのがあるなら今年のを手動で入れるとかの力技もないことはない
自動で引っ張ってくるならGoogleカレンダーAPIが楽でいい
この辺りまでなら素人でもちょっと調べればできると思う
エラーに関しては
ini_set('display_errors', 1);
error_reporting(E_ALL);
でも表示されない? HTMLの、例えばチェックボックスにつける名前とかって、chkHogeみたく頭に目印をつけた方がいいですか? https://www.mitsuoka-motor.com/lineup/
光岡自動車というマイナーな自動車メーカーですが
ここのラインナップから車を選んだときに
JavaScript的な動きをしたあとフェードインするように自然に次のページが現れます
URLはいつのまにか書き換えられますがそのページは実際に存在するようで
リクエスト見るとxhrでそのページを取得しているようです
これは/lineup/からxhrでソースを取得して/lineup/のソース(DOM)を書き換えて
JavaScriptでURLを書き換えてる感じでいいんですよね? >>19
ページ見てないけど多分おっしゃる通りの処理をしている
pjaxという手法なので検索キーワードにどうぞ >>21-22
レスありがとうございます
pjax初めて聞きました
勉強になります
早速試しに1つ実装してみようと思います ちょ、GitHubの無償プランがプライベートリポジトリ無制限化マジか!
熱すぎるだろwww
全部GitHubに移そっと Microsoftが買収したからね。Windowsもそうだけど
メインのターゲットは個人ではなくて法人
個人向けは安いか無料 GitHubにMasterフォルダ置いといて
そこにレンタルサーバーをリンク付けしておけば
GitHubのMasterを更新したら自動で自身のWebサイトも更新される?
って感じの使い方で良いんかな クローズドソースをオンラインリポジトリで使う意味がよくわからん
ローカルからデプロイすればいいし
バックアップといえば聞こえはいいけど自分とこのサーバだけでよくない?という バックアップじゃなくバージョン管理だぞ
知らないなら勉強した方がいいよ
ローカルからデプロイとかアップロードしないといけない、やってられん
何GB、何10GBになるリポジトリがいくつかあるし、メンテもいるし、自分のサーバーでリポジトリ作るのもめんどいんだよね 簡易バージョン管理システムならシェルスクリプトで簡単に組めるぜ チーム開発はもうGitなしは考えられない
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はベクターだろうに 低画質じゃなくて低品質か
まあ定義がわからん
なんかすっげーアイコンを期待してるなら
晴れマークにゴテゴテに盛ったデザイン性なんて誰が求めるのか https://clarity.design/icons
ここのdownload all svg setsからダウンロードしたアイコンが、
ローカルでは表示されるのにサーバーにアップすると404になります
ファイルマネージャー上には存在していて、直接URLにアクセスすると404
さくらのスタンダードでhtaccessの記述は済んでいて、他のsvgファイルは表示されてます
手がかりをください… 大文字小文字が間違えてるとか?
ローカルでは区別しないけどlinuxは区別するから ありがとうございます 大文字は含まれてませんでした
パスの間違いしかないと思ってずっとあれこれしてますが
と書いてるうちに解決?しました
フォルダ名を変えてみたら表示されました
わけが分からないぃ すみませんでした 要素と要素をまたぐとき改行は半角スペース扱いなんですか?
<span>あいうえ
お</span>
<span>あいうえ</span>
<span>お</span>
上は半角があきませんが下はあきます
spanはまだいいのですが終了タグのないものだと
ちょっと混乱してしまうので
改行がデザインに影響を与えないようにしたいのですが
どうしたらいいですか? >>48
割とどうしようもなかったりする
<div>
<span>あいうえ</span>
<span>お</span>
</div>
でdivはfont-size0、spanはfontsize14pxなどにするぐらいしか無い
そもそも論を言うと、インラインは改行無しで記述してみてはどうかな
<span>あいうえ</span><span>お</span>
インラインは改行すると逆に見づらくなると思う。
上記のfontsizeいじるのはあまりに面倒なので、俺はこうしてる >>49
* {
font-size: 1.4rem;
}
html, body, section, article, div, ul, ol {
font-size: 0;
}
common.cssとかの頭でこれやって、sizeが0の要素の直下にはテキスト書かない
本来直下にテキスト置くべきじゃない要素だしね >>51
なる
>>50
仮にこんな感じとしても、使わないかな
不吉な予感がする
:not(html) {
font-size: 1rem;
}
html {
font-size: 14px;
}
body, section, article, div, ul, ol {
font-size: 0;
} ネイティブCSSを一通りやったので、SASSやらずにPostCSSを使おうかと考えているのですが
PostCSSの中身はみなさん何で書いているのでしょうか?
やはりSASSで書いている方が多いですか? >>48
> 上は半角があきませんが下はあきます
そんなことはないと思うのだが >>55
>>56
PostCSSやるにしてもSASSはどちらにしろ必須なのですね・・・SASSもやってみます
流行を追えるように勉強したいです
レスありがとうございました cssで、hightの挙動って去年変更あった?
上に移動していて、heightの数値を増やして元の場所に戻せたんだけど、どういう変更なんでしょう? >>60
すまん、俺もよくわかってないんだが、
heightじゃなくtopだったわ。
display:blockにしているsectionが5年ぐらい前は正常な位置だったんだけど、
section.option{width:300px;position:absolute;right:328px; top: 644px}
今見たら、昔より50pxぐらい上にあって
topの値を増やして下に移動させて調整したんだけど、position:absoluteとtopの関係って何か変わったのかなと。 関係が変わったらお前のクソサイト以外にも影響でか過ぎるだろ
自分の無能さではなくhtmlの仕様のせいにしようとしている思考をまず改めたほうがいい >>62
うーん、そうなのか。
元から崩れていたわけではないけど、気になるな・・・ >>63
初心者板だからアドバイスするとしたら、ずれた要素を確認するのではなく、
その要素の親や要素の前にある要素のpositionがrelativeを指定しているか確認するとよい >>64
ありがとう、確かにかなりのdivが入れ子になっているのもあって、
positionをまだ理解できていないので親要素を確認してみます。 >>61
変わったのはブラウザの解釈。恐らく今が正常な状態
以前は変なhtmlかcssを無理やり解釈してずれた状態になっていたんだと思う。
確認したブラウザはIE8辺りじゃないか >>66
そうだと思います。IEもFirefoxもずれていました。
2013年ぐらいに作成したページで、当時html5がまだ完全に決まっていなかった時代、
cssハックがなんとか言っていた前任がIE8で確認していましたのですが、やはり解釈がいつかわかりませんが変わったのですね。 cssハックはもう止めたほうが良い
今あれやると、どのブラウザでどういう挙動するかサッパリ分からん サーバのエンジニアです
下記のようなWebサイトから別サーバにあるスクリプトを作りたいと考えてます
1 WebサーバAにWebサイトを作る
2 Webサイトのスクリプト実行ボタンを押す
3 サーバAからサーバBにあるスクリプトを実行して結果をAに返す
4 WebサイトAに結果を表示
このような機能のWebサイトを作りたいのですが、どのような技術が必要でしょうか?
HTML、cgi、Python、Rubyなどよく見かけますが知識はありません
サーバBのスクリプトは今後も増やす予定です
必要なプログラム言語や参考になるサイトなどあれば教えてください >>69
・そもそもサーバーを分ける理由があるのかどうか
・結果は秘密か、公開しても良いものか Ruby on Rails が有名だけど、RubyのSinatra の方が簡単。
画面は、HTML, CSS(SCSS), JavaScript を使う
progate のサイトで、Rubyでもやれば? >>70
説明不足ですみません
サーバBで使っているスクリプトは、サーバ内の処理で使うこともあるので、サーバは分けた方が便利です
また、サーバBは外部に公開していません
結果は秘密というか、ログインユーザだけがスクリプトを実行する感じだと想像してます
サーバAはログインページを用意して、ログイン後に実行ボタンを押すようなイメージで考えてます >>71
progateは知りませんでした
調べてみようと思います >>72
抽象的ですまん
要は、情報自体が
・絶対に外部に漏らしてはならない情報かどうか
だ
・店舗一覧なら別にもらしてもいいし(スクレイピングでいずれ漏れる)。負担は色々かかるかもしれないけど
・個人情報が絡むなら絶対に漏らしてはいけない
この2つの内、どっちだろう >>74
情報漏洩の対策は特に必要ありません
社内で使うだけなので、社外からはWebサーバ自体にアクセスできません
基本的には悪意のある人が使うことはなく、外部からもアクセスされることはありません
(万一社内ネットに侵入されたらサーバBの情報も抜かれてしまいます)
検索しても情報が見つからなかったのは特殊な使い方だからかもしれません… ■ このスレッドは過去ログ倉庫に格納されています