TOP カテ一覧 スレ一覧 100〜終まで 2ch元 削除依頼
業界の蠅野郎パシフィカスことSEOウェブネットってどうよ
【ITギア】ITギアアクセス解析
フォント
Baiduspiderウザすぎ!! ヽ(`Д´)ノ
とりあえず手書きでサイトを作ってもらおうか
CSSデザインのサイトを評価するスレ
【反面】こういうサイトは止めておけ【教師】
一日3桁ホトの管理者スレッド
+ JavaScript の質問用スレッド vol.141 +
Web制作者が愚痴るスレ 47クレーム目

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


1 :2018/12/29 〜 最終レス :2019/07/16
初心者だろうが誰だろうが、
まず >>>■ 検索してから ■<<< 質問すること
ネタ・煽り・自演・荒らしは完全放置

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

2 :
■散々既出な質問
Q1. アップロードしたファイルが表示されません
A1. ・ブラウザのキャッシュを削除してから再度確認すること
   ・ファイルがアップロードされているか、ファイルのパス(絶対パス?相対パス?)があっているか確認すること
   ・画像などのコンテンツなら、xHTMLソースで指定したファイル名と拡張子の大文字・小文字の一致を確認すること
   ・画像であれば「バイナリモード」で転送されたか確認し、そうでなければテキストモードに設定を変えること

Q2. ホームページを作成しようと思いソフトウェアの購入を検討しています。おすすめのソフトは何でしょうか?
A2. 体験版があればそれを使用することを勧めます
   個人で好みが違うので、一概に「これ」が良いと推奨することはできません
   あなたが購入を検討している物を天秤にかけ、自分がしたい事が実現できるような物を購入すれば OK です

Q3. 「http://www.〜.com/」で○○したときのような効果を出すには、どうしたらいいのでしょうか
A3. ソースを見て理解する努力を惜しまないことがあなたを救います
   初心者だからといってソースを理解する努力をおしめば、期待する効果を実現することは難しいでしょう

Q4. あるURLにアクセスしたとき、携帯とPCで表示するページを変えたいのですが
A4. 「携帯 振り分け」などのキーワードで検索してください
  また、「レスポンシブ」という単語もあなたを救うかもしれません

Q5. 正しく書いたつもりなのですが、うまく表示されません
A5. 油断は禁物です
   HTML の文法を専用サイトでチェックしてみましょう
   http://validator.w3.org/

3 :
なかったから出来心でたてちゃった

4 :
えらいぞ、よくやったな

5 :
>>3
百億万点

6 :
【第一次23名、第二次36名、計59名】 来年はサヨク捕り放題、好きなだけ死刑執行ですか、安倍ちゃん
http://rosie.2ch.sc/test/read.cgi/liveplus/1546064815/l50

7 :
前スレのイベント作成サイトについて質問したものです。

今一度詳しく書きます。

イベント系のサイトを作成を考えているものです。
東京 12/30 と押すとそのイベント一覧が出力されるような感じにしたいです。イベント毎のページ作成まではできましたが、検索して結果を出力させHTMLに飛ばす方法がさっぱりです。

この場合、CGIを勉強すればよいのでしょうか?

当方、HTMLしかわからない超初心者です。

よろしくおねがいします。

8 :
なお、イベント枚のページはCSVに手入力で変換でいいと思います。ここは何とかなりそうです。
当方、10年以上前にガラケー向けサイトのデザインをやっていましたが、本当に簡単なHTMLのみでした。そして、その後は転職してしまったため、そこで時が止まっています。

検索とヒットだけなら、CGIだけでできるとおもっていますが、なにせ、時が止まったままの知識ですので。

ワードプレスでもそういうこと、できるのでしょうか?ワードプレスの本は3冊かってよんでみましたが、どうもブログぽいイメージを持ちました。イベントについてのコラムなどはそれを使って作りたいと思います。

ワードプレスで検索、一覧、ヒットって簡単にできるものなのでしょうか?

9 :
>>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

10 :
>>8
>なお、イベント枚のページはCSVに手入力で変換でいいと思います。ここは何とかなりそうです。
良くない。余計めんどくさい。csvは使わない

>ワードプレスでもそういうこと、できるのでしょうか?
>ワードプレスの本は3冊かってよんでみましたが、どうもブログぽいイメージを持ちました。
できる。大抵の企業HPはwordpress製

>イベントについてのコラムなどはそれを使って作りたいと思います。
あと一つのサイトでシステムを分けるのはマジでやめた方が良い。究極にめんどくさくなる

>ワードプレスで検索、一覧、ヒットって簡単にできるものなのでしょうか?
簡単に出来るけどカスタマイズがめんどくさい
なんでもいいから表示させるだけなら楽勝

11 :
>>7
だからなんでCGIがでてくるんだよwww
CGIなんてクソ言語触るなよwww

12 :
・イベントの登録
・一覧表示
・詳細表示
・検索
まさにWordPressが得意とするところじゃないか

13 :
>>11
CGIは言語ではない。
お前は馬鹿か

14 :
海外製のカレンダーphpに日本の祝日を追加したいけどお手上げ
php7.1→7.2になったら真っ白になっちゃうけどエラーログ残す設定にしてもなにもない
こういうしょぼい話でもプロに頼めるかな
素人がいじったやつなんか見てくれるプロいないかな

15 :
>>14
大体10〜20万ぐらい
「HP 保守」とかで検索すれば見つかるよ

ってか、ここにコードを上げれば誰かなんとかしてくれるかも

16 :
>>14
カレンダーがどんなのかによる
「海外製カレンダー」って言ったってピンキリだから
とりあえず祝日設定みたいなのがあるなら今年のを手動で入れるとかの力技もないことはない
自動で引っ張ってくるならGoogleカレンダーAPIが楽でいい
この辺りまでなら素人でもちょっと調べればできると思う
エラーに関しては
ini_set('display_errors', 1);
error_reporting(E_ALL);
でも表示されない?

17 :
HTMLの、例えばチェックボックスにつける名前とかって、chkHogeみたく頭に目印をつけた方がいいですか?

18 :
>>17
無くていい

19 :
https://www.mitsuoka-motor.com/lineup/
光岡自動車というマイナーな自動車メーカーですが
ここのラインナップから車を選んだときに
JavaScript的な動きをしたあとフェードインするように自然に次のページが現れます
URLはいつのまにか書き換えられますがそのページは実際に存在するようで
リクエスト見るとxhrでそのページを取得しているようです
これは/lineup/からxhrでソースを取得して/lineup/のソース(DOM)を書き換えて
JavaScriptでURLを書き換えてる感じでいいんですよね?

20 :
>>14
ニートだから俺が1万円でやってやんよ

21 :
>>19
ページ見てないけど多分おっしゃる通りの処理をしている
pjaxという手法なので検索キーワードにどうぞ

22 :
jquery.pjax.jsという文字が見えるな

23 :
>>21-22
レスありがとうございます
pjax初めて聞きました
勉強になります
早速試しに1つ実装してみようと思います

24 :
ちょ、GitHubの無償プランがプライベートリポジトリ無制限化マジか!
熱すぎるだろwww
全部GitHubに移そっと

25 :
Microsoftが買収したからね。Windowsもそうだけど
メインのターゲットは個人ではなくて法人
個人向けは安いか無料

26 :
GitHubにMasterフォルダ置いといて
そこにレンタルサーバーをリンク付けしておけば
GitHubのMasterを更新したら自動で自身のWebサイトも更新される?
って感じの使い方で良いんかな

27 :
うんそれでいい
みんなそうやってる

28 :
クローズドソースをオンラインリポジトリで使う意味がよくわからん
ローカルからデプロイすればいいし
バックアップといえば聞こえはいいけど自分とこのサーバだけでよくない?という

29 :
バックアップじゃなくバージョン管理だぞ
知らないなら勉強した方がいいよ
ローカルからデプロイとかアップロードしないといけない、やってられん
何GB、何10GBになるリポジトリがいくつかあるし、メンテもいるし、自分のサーバーでリポジトリ作るのもめんどいんだよね

30 :
簡易バージョン管理システムならシェルスクリプトで簡単に組めるぜ

31 :
あほか

32 :
分散型である必要なんてないし

33 :
チーム開発はもうGitなしは考えられない
GitHubのUIも色々便利だしな

34 :
おまえらいったいなにをつくってんだ
チームの分かれた企業HPでもつくってんか

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

36 :
こんなところで訊かずに直接問い合わせるのか確実

37 :
公的機関のサイトなら画像利用について書いてありそうなものだけど

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

39 :
初代ゲームボーイの時代ならそれでもよかっただろうね

40 :
気象庁の天気予報のアイコンなんてそんなもんだが?

41 :
気象庁の天気予報のアイコン(低品質)で我慢しとけって言ってる?

42 :
低画質の定義がわからんわ
>>38はベクターだろうに

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

44 :
simple tenki markが秀逸

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

46 :
大文字小文字が間違えてるとか?
ローカルでは区別しないけどlinuxは区別するから

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

48 :
要素と要素をまたぐとき改行は半角スペース扱いなんですか?

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

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

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

49 :
>>48
割とどうしようもなかったりする

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

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

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

51 :
その書き方だと全部フォントサイズ0にならんか

52 :
>>51
なる

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

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

53 :
>>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

54 :
ネイティブCSSを一通りやったので、SASSやらずにPostCSSを使おうかと考えているのですが
PostCSSの中身はみなさん何で書いているのでしょうか?
やはりSASSで書いている方が多いですか?

55 :
圧倒的

56 :
CSSのトレンドはコロコロ変わっから気をつけなよ

57 :
>>48
> 上は半角があきませんが下はあきます
そんなことはないと思うのだが

58 :
>>55
>>56
PostCSSやるにしてもSASSはどちらにしろ必須なのですね・・・SASSもやってみます
流行を追えるように勉強したいです
レスありがとうございました

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

60 :
何言ってるのか誰か説明しろ

61 :
>>60
すまん、俺もよくわかってないんだが、
heightじゃなくtopだったわ。

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

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

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

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

63 :
>>62
うーん、そうなのか。
元から崩れていたわけではないけど、気になるな・・・

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

65 :
>>64
ありがとう、確かにかなりのdivが入れ子になっているのもあって、
positionをまだ理解できていないので親要素を確認してみます。

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

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

68 :
cssハックはもう止めたほうが良い
今あれやると、どのブラウザでどういう挙動するかサッパリ分からん

69 :
サーバのエンジニアです
下記のようなWebサイトから別サーバにあるスクリプトを作りたいと考えてます

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

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

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

70 :
>>69
・そもそもサーバーを分ける理由があるのかどうか
・結果は秘密か、公開しても良いものか

71 :
Ruby on Rails が有名だけど、RubyのSinatra の方が簡単。
画面は、HTML, CSS(SCSS), JavaScript を使う

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

72 :
>>70
説明不足ですみません

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

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

73 :
>>71
progateは知りませんでした
調べてみようと思います

74 :
>>72
抽象的ですまん
要は、情報自体が
・絶対に外部に漏らしてはならない情報かどうか


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

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

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

76 :
普通に考えるとクロスドメイン問題っぽいけど検索しても情報なかったってことは違うのかな

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

78 :
認証付きAPIでいいじゃん

79 :
>>76-78
色々な方法があるみたいですね
>>71のRubyでもできるみたいだし、どれに取り組むか迷います…

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

80 :
ここまで教えてやってるのに他人に決めさせて楽しようとか無能すぎるなコイツ

81 :
何がわかりやすいかはその人の能力による
他人には判断できない

82 :
社内用なんか、Ruby のSinatra が簡単。
画面は、HTML, CSS(SCSS), JavaScript, jQuery などを使う。

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

その後は、本を買う

83 :
Rubyは落ち目の言語だから絶対に止めておけ

84 :
Ruby薦めるとかさすがに嫌がらせが過ぎるだろw

85 :
普通ActionScriptだよねぇ

86 :
phpはダメなのか?

87 :
むしろphp以外ない

88 :
それはない

89 :
皆さん、ありがとうございました
勉強しながら取り組んでみようと思います

90 :
質問です
レンタルサーバーで独自SSL化するとアドレスがhttpsになると思うんだけど
独自SSL化した後にも外部からhttpのアドレスでも表示される?

他サイトみるとhttpのリンク踏んでもhttpsのサイトにしっかり表示されてるんだけど。

91 :
>>90
マルチするな
あっちに回答した

92 :
>>91
うるせー
こっちにも書けよ

93 :
>>92
なりすましで荒らすのはやめよう
なりすましって朝鮮人みたいだよ

94 :
>>93
民族差別は日本人の国技ってか?w

95 :
>>94
そりゃあんだけ気持ち悪い国は差別して当然
差別しなかったから舐められ続けて来たんだよ

96 :
>>95
こういう典型的なネトウヨって10年前に絶滅したかと思ってたがまだいるんだな
なんかほっこりしたわ

97 :
韓国関係は別板でやってくれんか

98 :
IT技術者とそっち系って何故か親和性高いんだよな…

99 :
すいません。昨日FTPでの操作を誤り、ワードプレスのデータが消えてしまいました。
使用しているXサーバーに過去14日分のデータとSQLデータベースのバックアップがある場合、専門の業者に依頼すれば元に戻るのでしょうか

100 :
>>99
業者に頼まなくても良い
https://www.xserver.ne.jp/functions/service_backup.php

FTPとDBで15000円か、いい商売だなw


100〜のスレッドの続きを読む
FLASHウザイ
.htaccess質問コーナー Part8
Canvasについて語ろう
CSSで見た目が美しく使い易い日本のサイト
フォレストページ管理人 その2
Webサイト制作初心者用質問スレ part249
■□アクセス数増やしたいんだけど□■part ,1
恐くて見れない画像解説スレinWEB制作板
【無料】高機能レンタル鯖XRIA【無広告】
【漫画】WEBコミック制作者の集い【イラストNG】
--------------------
新田ひより Part2
彡(゚)(゚)なんJ園芸部 36草目
【中卒卑怯者】支倉凍砂173串【割れ荒らしステマ】
(^8^)「ウッミ冷えてるちゅんか〜????????」/cV^_V^V「もうすぐ三月ですよ」
動物保護団体PETAが『あつまれ どうぶつの森』にクレームをつける。「釣り」も「昆虫採集」もNG、たぬきちの搾取も許せ
LINE ディズニーツムツム ハート交換雑談スレ12
【宮城】全裸でファミレス入店、50代女性従業員に陰部を見せつける 44歳無職男逮捕・気仙沼★2
【米中衝突】米上院議員「TikTokの調査を」 中国政府の関与理由 ソフトバンク出資も
【糠漬け】ぬか漬け総合スレ 59樽目
棋士ブサイクランキングを作ろうぜ!
【年金不正受給疑惑】車中泊ネグレスト夫婦Part16
CAW M1903  買っちゃった!!
人事は面接のときやはり名前で検索するのでしょうか
【実証】パシリ指示書【金持ちに貧乏人と言っても反応しない】
【改造】ファイナルファンタジー【バイナリ神】16
◆サルでも書ける小説講座!【3】◆
セロのテレビでやるマジックってCGなの???
【HONDA】5代目ステップワゴン Part86【STEPWGN】
【元プチモ】 福島雪菜 Part.1 【ユキナ】
【アニメ】テレビ朝日:「ドラえもん」38年ぶり引っ越し 「クレヨンしんちゃん」と土曜夕方に 2019/08/22
TOP カテ一覧 スレ一覧 100〜終まで 2ch元 削除依頼