Webサイト制作初心者用質問スレ part250

1Name_Not_Found2018/12/29(土) 12:44:23.01ID:???
初心者だろうが誰だろうが、
まず >>>■ 検索してから ■<<< 質問すること
ネタ・煽り・自演・荒らしは完全放置

【質問時の注意】
  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/

33Name_Not_Found2019/01/09(水) 18:12:42.32ID:???
チーム開発はもうGitなしは考えられない
GitHubのUIも色々便利だしな

34Name_Not_Found2019/01/09(水) 20:21:23.47ID:???
おまえらいったいなにをつくってんだ
チームの分かれた企業HPでもつくってんか

35Name_Not_Found2019/01/10(木) 22:56:31.26ID:knbnaEM6
著作権関係なんですが、
公的機関の発表してるデータは自由に利用することができるそうですが
自サイトなどに掲載する際
例えば気象庁の天気予報のページの
図や晴れ雨マークなどもそのまま掲載しても問題ないのでしょうか?
よろしくお願いします

36Name_Not_Found2019/01/10(木) 23:19:21.52ID:???
こんなところで訊かずに直接問い合わせるのか確実

37Name_Not_Found2019/01/11(金) 00:21:01.28ID:???
公的機関のサイトなら画像利用について書いてありそうなものだけど

38Name_Not_Found2019/01/11(金) 00:37:50.04ID:???
そんなグレーなことやるより
☀☁☂☃
こういうやつに
font-family: apple color emoji,segoe ui emoji,noto color emoji,android emoji,emojisymbols,emojione mozilla,twemoji mozilla,segoe ui symbol
的なスタイルつければ万事解決じゃね

39Name_Not_Found2019/01/11(金) 02:20:05.38ID:???
初代ゲームボーイの時代ならそれでもよかっただろうね

40Name_Not_Found2019/01/11(金) 04:50:03.21ID:???
気象庁の天気予報のアイコンなんてそんなもんだが?

41Name_Not_Found2019/01/11(金) 06:55:07.53ID:???
気象庁の天気予報のアイコン(低品質)で我慢しとけって言ってる?

42Name_Not_Found2019/01/11(金) 08:25:59.75ID:???
低画質の定義がわからんわ
>>38はベクターだろうに

43Name_Not_Found2019/01/11(金) 08:27:31.63ID:???
低画質じゃなくて低品質か
まあ定義がわからん
なんかすっげーアイコンを期待してるなら
晴れマークにゴテゴテに盛ったデザイン性なんて誰が求めるのか

44Name_Not_Found2019/01/11(金) 22:03:07.60ID:???
simple tenki markが秀逸

45Name_Not_Found2019/01/12(土) 20:41:50.76ID:???
https://clarity.design/icons
ここのdownload all svg setsからダウンロードしたアイコンが、
ローカルでは表示されるのにサーバーにアップすると404になります
ファイルマネージャー上には存在していて、直接URLにアクセスすると404
さくらのスタンダードでhtaccessの記述は済んでいて、他のsvgファイルは表示されてます
手がかりをください…

46Name_Not_Found2019/01/12(土) 22:35:33.18ID:???
大文字小文字が間違えてるとか?
ローカルでは区別しないけどlinuxは区別するから

47Name_Not_Found2019/01/12(土) 23:12:00.83ID:???
ありがとうございます 大文字は含まれてませんでした
パスの間違いしかないと思ってずっとあれこれしてますが
と書いてるうちに解決?しました
フォルダ名を変えてみたら表示されました
わけが分からないぃ すみませんでした

48Name_Not_Found2019/01/14(月) 00:55:38.87ID:???
要素と要素をまたぐとき改行は半角スペース扱いなんですか?

<span>あいうえ
お</span>

<span>あいうえ</span>
<span>お</span>

上は半角があきませんが下はあきます
spanはまだいいのですが終了タグのないものだと
ちょっと混乱してしまうので
改行がデザインに影響を与えないようにしたいのですが
どうしたらいいですか?

49Name_Not_Found2019/01/14(月) 01:31:26.21ID:???
>>48
割とどうしようもなかったりする

<div>
<span>あいうえ</span>
<span>お</span>
</div>
でdivはfont-size0、spanはfontsize14pxなどにするぐらいしか無い

そもそも論を言うと、インラインは改行無しで記述してみてはどうかな
<span>あいうえ</span><span>お</span>
インラインは改行すると逆に見づらくなると思う。
上記のfontsizeいじるのはあまりに面倒なので、俺はこうしてる

50Name_Not_Found2019/01/14(月) 12:26:29.70ID:???
>>49
* {
font-size: 1.4rem;
}
html, body, section, article, div, ul, ol {
font-size: 0;
}
common.cssとかの頭でこれやって、sizeが0の要素の直下にはテキスト書かない
本来直下にテキスト置くべきじゃない要素だしね

51Name_Not_Found2019/01/14(月) 20:19:36.14ID:???
その書き方だと全部フォントサイズ0にならんか

52Name_Not_Found2019/01/15(火) 00:51:02.36ID:???
>>51
なる

>>50
仮にこんな感じとしても、使わないかな
不吉な予感がする

:not(html) {
font-size: 1rem;
}
html {
font-size: 14px;
}
body, section, article, div, ul, ol {
font-size: 0;
}

53Name_Not_Found2019/01/17(木) 00:15:44.72ID:???
>>48
>上は半角があきませんが下はあきます

日本語だと改行が消されるようになったのは わりと最近のことだな

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

54Name_Not_Found2019/01/17(木) 03:55:29.87ID:0PF31m1n
ネイティブCSSを一通りやったので、SASSやらずにPostCSSを使おうかと考えているのですが
PostCSSの中身はみなさん何で書いているのでしょうか?
やはりSASSで書いている方が多いですか?

55Name_Not_Found2019/01/17(木) 09:51:18.06ID:???
圧倒的

56Name_Not_Found2019/01/17(木) 12:17:39.44ID:???
CSSのトレンドはコロコロ変わっから気をつけなよ

57Name_Not_Found2019/01/17(木) 20:02:25.59ID:k8d/JvqK
>>48
> 上は半角があきませんが下はあきます
そんなことはないと思うのだが

58Name_Not_Found2019/01/17(木) 20:31:09.65ID:0PF31m1n
>>55
>>56
PostCSSやるにしてもSASSはどちらにしろ必須なのですね・・・SASSもやってみます
流行を追えるように勉強したいです
レスありがとうございました

59Name_Not_Found2019/01/18(金) 18:37:49.62ID:???
cssで、hightの挙動って去年変更あった?
上に移動していて、heightの数値を増やして元の場所に戻せたんだけど、どういう変更なんでしょう?

60Name_Not_Found2019/01/18(金) 18:41:31.05ID:???
何言ってるのか誰か説明しろ

61Name_Not_Found2019/01/18(金) 19:08:16.57ID:???
>>60
すまん、俺もよくわかってないんだが、
heightじゃなくtopだったわ。

display:blockにしているsectionが5年ぐらい前は正常な位置だったんだけど、

section.option{width:300px;position:absolute;right:328px; top: 644px}

今見たら、昔より50pxぐらい上にあって
topの値を増やして下に移動させて調整したんだけど、position:absoluteとtopの関係って何か変わったのかなと。

62Name_Not_Found2019/01/18(金) 19:15:47.82ID:???
関係が変わったらお前のクソサイト以外にも影響でか過ぎるだろ
自分の無能さではなくhtmlの仕様のせいにしようとしている思考をまず改めたほうがいい

63Name_Not_Found2019/01/18(金) 19:19:44.22ID:???
>>62
うーん、そうなのか。
元から崩れていたわけではないけど、気になるな・・・

64Name_Not_Found2019/01/18(金) 19:26:19.97ID:???
>>63
初心者板だからアドバイスするとしたら、ずれた要素を確認するのではなく、
その要素の親や要素の前にある要素のpositionがrelativeを指定しているか確認するとよい

65Name_Not_Found2019/01/18(金) 19:49:56.23ID:???
>>64
ありがとう、確かにかなりのdivが入れ子になっているのもあって、
positionをまだ理解できていないので親要素を確認してみます。

66Name_Not_Found2019/01/18(金) 20:20:21.75ID:???
>>61
変わったのはブラウザの解釈。恐らく今が正常な状態
以前は変なhtmlかcssを無理やり解釈してずれた状態になっていたんだと思う。
確認したブラウザはIE8辺りじゃないか

67Name_Not_Found2019/01/18(金) 20:37:40.35ID:???
>>66
そうだと思います。IEもFirefoxもずれていました。
2013年ぐらいに作成したページで、当時html5がまだ完全に決まっていなかった時代、
cssハックがなんとか言っていた前任がIE8で確認していましたのですが、やはり解釈がいつかわかりませんが変わったのですね。

68Name_Not_Found2019/01/18(金) 20:54:38.58ID:???
cssハックはもう止めたほうが良い
今あれやると、どのブラウザでどういう挙動するかサッパリ分からん

69Name_Not_Found2019/01/19(土) 15:44:42.90ID:???
サーバのエンジニアです
下記のようなWebサイトから別サーバにあるスクリプトを作りたいと考えてます

1 WebサーバAにWebサイトを作る
2 Webサイトのスクリプト実行ボタンを押す
3 サーバAからサーバBにあるスクリプトを実行して結果をAに返す
4 WebサイトAに結果を表示

このような機能のWebサイトを作りたいのですが、どのような技術が必要でしょうか?
HTML、cgi、Python、Rubyなどよく見かけますが知識はありません
サーバBのスクリプトは今後も増やす予定です

必要なプログラム言語や参考になるサイトなどあれば教えてください

70Name_Not_Found2019/01/19(土) 15:52:19.29ID:???
>>69
・そもそもサーバーを分ける理由があるのかどうか
・結果は秘密か、公開しても良いものか

71Name_Not_Found2019/01/19(土) 16:05:58.29ID:???
Ruby on Rails が有名だけど、RubyのSinatra の方が簡単。
画面は、HTML, CSS(SCSS), JavaScript を使う

progate のサイトで、Rubyでもやれば?

72Name_Not_Found2019/01/19(土) 16:08:42.06ID:???
>>70
説明不足ですみません

サーバBで使っているスクリプトは、サーバ内の処理で使うこともあるので、サーバは分けた方が便利です
また、サーバBは外部に公開していません

結果は秘密というか、ログインユーザだけがスクリプトを実行する感じだと想像してます
サーバAはログインページを用意して、ログイン後に実行ボタンを押すようなイメージで考えてます

73Name_Not_Found2019/01/19(土) 16:11:35.34ID:???
>>71
progateは知りませんでした
調べてみようと思います

74Name_Not_Found2019/01/19(土) 16:19:46.44ID:???
>>72
抽象的ですまん
要は、情報自体が
・絶対に外部に漏らしてはならない情報かどうか


・店舗一覧なら別にもらしてもいいし(スクレイピングでいずれ漏れる)。負担は色々かかるかもしれないけど
・個人情報が絡むなら絶対に漏らしてはいけない
この2つの内、どっちだろう

75Name_Not_Found2019/01/19(土) 16:32:50.66ID:???
>>74
情報漏洩の対策は特に必要ありません
社内で使うだけなので、社外からはWebサーバ自体にアクセスできません
基本的には悪意のある人が使うことはなく、外部からもアクセスされることはありません
(万一社内ネットに侵入されたらサーバBの情報も抜かれてしまいます)

検索しても情報が見つからなかったのは特殊な使い方だからかもしれません…

76Name_Not_Found2019/01/19(土) 16:42:14.19ID:???
普通に考えるとクロスドメイン問題っぽいけど検索しても情報なかったってことは違うのかな

77Name_Not_Found2019/01/19(土) 16:58:12.99ID:???
>>>75
マジかよめちゃくちゃ楽じゃん。
ipで分岐させてる感じなら、何とでもなる
・頻度が低いなら、phpでcsvデータでも返せばいい。
・頻度が高いなら、csvファイルを作ってhtaccessで判別するとか
jsでやると>>76の通り、クロスドメインやらでキツイ
何とでもなる、思いついた実装をここに書いてみればいいんじゃないかな

78Name_Not_Found2019/01/19(土) 23:11:19.11ID:???
認証付きAPIでいいじゃん

79Name_Not_Found2019/01/20(日) 00:39:58.42ID:???
>>76-78
色々な方法があるみたいですね
>>71のRubyでもできるみたいだし、どれに取り組むか迷います…

比較的わかりやすいのはどの方法でしょうか?

80Name_Not_Found2019/01/20(日) 01:20:33.06ID:???
ここまで教えてやってるのに他人に決めさせて楽しようとか無能すぎるなコイツ

81Name_Not_Found2019/01/20(日) 08:31:24.46ID:???
何がわかりやすいかはその人の能力による
他人には判断できない

82712019/01/20(日) 17:07:09.23ID:???
社内用なんか、Ruby のSinatra が簡単。
画面は、HTML, CSS(SCSS), JavaScript, jQuery などを使う。

これらを、progate のサイトで、やってみれば?
無料でも途中まではやれる

その後は、本を買う

83Name_Not_Found2019/01/20(日) 17:16:27.40ID:???
Rubyは落ち目の言語だから絶対に止めておけ

新着レスの表示
レスを投稿する