Webサイト制作初心者用質問スレ part248 [無断転載禁止]©2ch.net
■ このスレッドは過去ログ倉庫に格納されています
初心者だろうが誰だろうが、
まず >>>■ 検索してから ■<<< 質問すること
ネタ・煽り・自演・荒らしは完全放置
【質問時の注意】
1. 質問する前に >>2 にも目を通すこと
2. メール欄に何も入れないことを推奨 （IDを出して騙りを防止するため）
3. 質問者が返信する際は「最初に質問したレス番号」を名前欄に入れること
4. ブログについてはブログ板で質問すること
●ブログ板 http://peace.2ch.net/blog/
5. SEO、アドセンス、検索サイトに登録しても検索結果に引っかからないといったことは SEO関連スレで質問すること
http://find.2ch.net/?STR=seo&;;TYPE=TITLE
6. アクセス解析については該当スレで質問すること
http://find.2ch.net/?STR=%A5%A2%A5%AF%A5%BB%A5%B9%B2%F2%C0%CF&;;TYPE=TITLE
7. 製作ソフト（Dreamweaver DW、ホームページビルダー、等）を使用した場合の質問は該当スレで質問すること
8. CGI、PHP, Perl, Ruby 等のプログラミング関連や CMS, Wiki は Webprog板、またはこの板の該当スレで質問すること
●WEBプログラミング板 http://kanae.2ch.net/php/
9. JavaScript はこの板の該当スレで質問すること
10. 画像作成ソフト（Photoshop 、Illustrator、等）については該当スレで質問すること
11. HTML, CSS, CGI, 制作ソフトなどのどんな本を買えばいい？といったことは書籍についての質問スレで質問すること
http://find.2ch.net/?STR=%CC%F2%A4%CB%CE%A9%A4%C4%BD%F1%C0%D2%A4%CF&;;TYPE=TITLE
12. 質問内容を吟味して、正しい日本語で第三者が読んでも分かるように質問を書くこと
13. 間違った回答をする人もいることに注意
【前スレ】
Webサイト制作初心者用質問スレ part247
http://echo.2ch.net/test/read.cgi/hp/1488192984/ マジで修羅の道すぎるだろウェブサイト制作って
簡単なブログだけでもやってみたかったけどむりぽ アニメーターと同じような惨状
戦犯は手塚と言われているがweb界の手塚は誰だったのか >>457
あちゃー閉鎖ですか。残念です。
>>458
ここのテンプレート、シンプルでいいね。早速使ってみます。 一昔前、WEBサイトって末尾に.html とか .php とか拡張子がついてたと思うんですが
最近あまりついてるのを見かけません。 なぜでしょうか？ Xサーバーっていうの借りて大学で作ったウェブページとかを移行しようと思ったんですけど
サーバー名.xserv.jp
っていうのうちこんでも何も表示されません
自分でドメインっていうのを別に借りて設定しないとだめなんですか？ >>462
見かけませんというほど、
拡張子なしサイトって多い？
無い方が珍しい。
トークンがくっついてるからわかりにくいだけだったり？ >>462
1. 必要がないから
2. CMSやフレームワーク使ってるから
昔は静的なHTMLやページごとにPHP置いてたりしたけど今はほとんどしない
実ファイルは存在してなくて内部でルーティング処理してる
例えば
https://example.com/hoge/fuga/piyo
だと
https://example.com/index.php?type=hoge&;category=fuga&post=piyo
のことだったりする
これを処理して必要な表示を行う >>464
何も表示されないって具体的にどうなるの？
ドメインがみつからないのか
デフォルトページが表示されるのか
あとブラウザによっては
http:// をつけないとダメなこともある
これ以上はレン鯖にきけとしかいえんけど ウェブページ作ってみて、検索かけたらヒットするようになったんですがクリックしたら
httpsじゃないから危険ですみたいなページ出てきました………T_T
①同じhttpsではないのに警告でないサイトと私のサイトに、見なくてもわかるようなテンプレな違いはありますか？
②あとブログレベルなんですが、https化は必須ですか？
この2つお願いします >>468
とりあえず「SSL化」と呼ぶとだけ
１．無い。httpsでアクセスしてみれば分かる
２．必須かどうかより、簡単だから迷うよりさっさとやれば？って感じ
サーバーによっては無料で簡単にできる方法もある
valuedomainがそうだった。確かsakuraもできたような気がする
気になるなら勉強と思ってやってしまったほうが良い
ただ、SSL対応してないのになんで検索結果でSSL化したほうが出るのかがよくわからん。そっちの方が問題 いいか良く聞けよ、SSL対応したら絶対に期限を切らすんじゃないぞ
もしSSLを設定した上で証明書の期限が切れた状態になったら、
今時のブラウザはページを表示してくれなくなって今より酷いことになるからな >>470
あれエグイよな
真っ赤な画面で
「セキュリティに問題のあるコンテンツを表示しようとしています」
とか言われたら絶対に表示しない 古い証明書と知らずに閲覧させられる方がエグいわ
安全性を無保証で売るとか詐欺だろ >>469
ありがとうございます
無事に無料で出来るletsencryptってやつでSSL化出来ました
稼働中らしいのにまだhttpsでアクセス出来ないのは時間かかるってことなんですかね
気長に待ってダメだったらまた別で質問いたします 質問させてください
猫動画を紹介するサイト（キュレーションサイト？まとめサイト？）を参考に見てるんですがどこにも広告がありません
記事数も数千件越えで個人の趣味というレベルではないです
他者が作ったYouTubeの再生へ誘導しても収益が上がるわけでもないですよね
これはどういうビジネスモデルなんでしょうか？ 世の中には誰の何の得にもならない日記を投稿し続けるキチが一定数いる >>477-479
レスありがとうございます
よーく見たら下の方に運営企業のリンクがあって地方のWeb製作会社みたいです
会社の宣伝用？かと思い始めました
広告が全く無いキュレーションサイトで膨大な記事量があるとなれば広告収入ではないですよね
隠れてる広告は意味がないですし…（何か自分の知らない技術があれば別ですが） 広告ねーなって思ったらabpで消えていただけだった Wixで無料でサイトを作ってるんですが、編集して保存しようとするとエラーが出ます。
追加したHTMLが原因でそうしたことが起こるって、あり得ますか？
Googleのprettifyのスクリプトを入れてます。ほんとは<head>に入れなきゃいけないみたいなんですが、
Wixでは<head>に直接コードを埋め込めないみたいで。 adobe xdについて質問させていただきたいです
スマートフォン用のwebページをデザインしているのですが、今までフォトショでは横750のアートボードで作っていました
しかしxdでは375が推奨されているようなのですが、この場合コーディングはどうすればいいのでしょう
横幅375だとスマホでも小さすぎますよね？ >>483
フォトショでそのサイズで作ってたのはRetina対応の為じゃないっけ
XDは素材の書き出し時に2倍サイズののものと1倍の素材がデフォルトで2つ書き出されるから、実際の見た目に近いサイズが推奨されてるのかなーと というか今はフォトショでも750pxで作ってる人は少数派だと思う >>484
>>485
デザイン通りにコンテンツ幅をwidth375で作ってもスマホ画面いっぱいに表示されますか？
それともデザイン上の数値は一旦忘れてコーディングするときに調整するのでしょうか >>486
そのコーディングの時の数値を意識する為に375pxでデザインしてるわけよ
最近のiPhoneでみたらwidth375pxでピッタリになるよ
Retinaじゃない750pxのスマホってipadくらいのサイズだぜ
Retinaディスプレイについて調べた方が理解が早いと思う >>488
スマートオブジェクトじゃないならあれだけど普通に2倍で書き出せば良くない？
750pxで作るとフォントサイズとかも2倍で考えないとだし特にメリット無いと思うんだけどなぁ >>487
調べてなんとなくですがわかってきました
画面サイズと解像度の違いがよくわかってなかったみたいです
また新しく疑問が出てきたのですが、これだけ多様な画面サイズのデバイスがあるとcssが複雑ですよね
基本的に何パターンくらいのブレークポイントを設定するのが一般的なのでしょうか break point は、1・2個
SASS でも見れば？ >>489
色々あるんだろうけど自分は今のところ
カンプは750で作って画像パーツはそのままアセット書き出し
んでsassで750pxを100vwに換算する関数作って
psd内の座標と大きさそのまま使う
ってスタイルで安定したな
スマホの大きさが大小してもデザイナの意図から外れないし
コーディング時にいちいち二倍にする必要もないし >>492
なるほどなー確かにそういう方法もあるか
最近はphotoshopでカンプ作らないからあんまり関係ないんだけどさ photoshopでカンプ作んなくなったのって何で？参考までに。 あー、インタラクションも含めて作れて見映えするし便利よな。
レスポンシブにもうまいこと対応できんもんかな… >>490
俺は大体なんかしらのCSSフレームワーク使って作るんだけどそれに準ずるようにやってるかな
フレームワークだとブレイクポイント5個とか4個あるのが多いと思うなー > 基本的に何パターンくらいのブレークポイントを設定するのが一般的なのでしょうか
一般的というかスマホ用、タブレット用、デスクトップ用の3種類を想定してれば概ね問題ないかな
それに縦持ちと橫持ちを想定してれば大体まかなえる >>494
photoshopだとコンポーネントを意識した制作がとにかくしづらいのと、プロトタイプ作れないって所が微妙（invisionとか使えば出来るけど）
そんな感じで今はデザインシステムとかまで意識する場合はsketch、それ以外はほとんどfigma使ってるなー XDが毎月バーションアップしてどんどん使い安くなってるし
Adobe関連の連携も容易になったしsketchのファイルも読み込めたりで便利よ 768でタブレットは全部PC用表示だわ
タブレットを携帯表示はどう考えても見辛い PCがなくなってもタブレットがなくなることはないぞ
タブレットはタブレット表示だなあ
PC、タブレット、スマホの3段階 自作ソフトのダウンロードサイトを開設しようと思っていますが、
どこに開設するのがいいかよくわかりません。
ソフトのファイルサイズは約５M、将来的に１０本ほどになる予定です。
サイトの内容は機能説明や更新履歴等です。
無料でJavaScriptが使えるところが希望です。
おすすめがあれば教えていただきたいです。
よろしくお願いします。 netlifyかgithubpages
費用：どっちも無料 なんでレンタルサーバが要るんだよ
ダウンロードさせるのとjavascript使えりゃいいんだろ
>>506で十分 >>506,>>508
見てみたら条件に合致していました。
どうもありがとうございました。 IDとパスワードを入力させる画面を2つ作りました
仮にAとBとします
IDパスワードをブラウザに記憶させた時
Aは最初からIDとパスワードが入っているのに
BはIDの欄をダブルクリックしてIDを選択する必要があります（IDは1つしか表示されていません）
入力画面のHTMLソースは全く一緒です
何が原因なのでしょう？ すみません
IDとパスワードを入力させる画面コピペして2画面用意しました
これでよろしいでしょうか HTMLは２画面ともにこちらです
<form action="main.php" method="post">
ID:<INPUT TYPE=TEXT NAME="USER"><br>
パスワード:<INPUT TYPE=PASSWORD NAME="PASSWORD"><br>
<input type="submit" value="OK">
</form> ドメインとってサーバー初めて借りてみたけどテンション上がるな～
モチベーションがやばいくらい上がるｗ >>513
Aは保存したけどBは保存してないとか？
ブラウザのパスワード管理でBのエントリーがあるか調べてみては main.php の中で、処理が異なるのかも
main.phpの中のあちこちに、print 文を書いて確かめれば？ >>516
保存したパスワードを一覧で見られる画面があることを始めて知りました
ありがとうございます
その画面でAはhttpsでアクセス、Bはhttpでアクセスしていることが分かり
その違いでした
>>517
アドバイスありがとうございました >>514
2000円ぐらいで買えると思えばすげーいい経験だよな 俺のときは初月無料とか書いておきながらその後月額1500円で3ヶ月は強制加入とかいう詐欺まがいなレンタルサーバー借りちゃって嫌な思い出 そのことはちゃんと書いてあるのに読まないで借りちゃう
お馬鹿な自分に腹が立ったのか？ｗ なにか言われたらすぐにマウント取られたって
騒ぐマウンターおじさん登場です（笑） 開 ２ ち ゃ ん ね る＝ 便 所 の 落 書 き ・ 痰 壷 の 更 に 劣 化 コ ピ ー の ３ 流 掲 示 板
運 営 の 性 格 の 悪 い 引 き こ も り I T 土 方 メ ガ ネ ザ ル 早 く 死 な な い か な エディタのVScodeで、
imgタグにマウスカーソルを当てると画像がポップアップする
機能（拡張機能も含めて）ってありますか？
別タブとか、別ウィンドウとかではなく
Bracketsのようなポップアップが理想です
BracketsからVScodeに移行しようかと考えているのですが、
VScodeに上記の機能が見つからないことが引っかかっています
プログラム板にVScodeのスレがありますが、
あまりにレベルが高すぎて場違いな感じなので、
初心者スレのこちらで質問させていただきました liの中にinputとかbuttonとかを入れてもいいのでしょうか？ ドメインの価格って年間69円から5000円まで幅広いですけど
ドメインによってSEOに差が出たりするんですか？
.comや.netはSEOがよくて.tokyoとか.xyzみたいなあまり見ないのはSEO上あまりよくないとかそういうの。 ドメインによってSEOに差はでないが、
ドメインによってSEOよりも重要な差がでる
SEOはゴミだと思ったほうが良い ある1サイト以外に1アクセスも送れてなくて困ってる
記事下のRSSはクリックされてるから個別記事の固定記事リンクを踏んでくれてもおかしくないんだが……
UU的には誰か1クリックでもしてくれそうなんだけど何が原因？ position:fixedな、任意サイズの要素を
画面に中央配置するにはどうすればいいですか？ コンテナ要素をfixedにして画面全体に広げ、flexコンテナにして
justify-content: center;
align-items: center;
で中央配置すればいいのでは？と思ったのですが
これだとコンテナが他の要素にかぶさって、表示されている間は操作できなくなります
モーダルウインドウならその方が都合がいいですが、
コンテナは他の要素を邪魔せず、センタリングした要素は他の要素より上に来て欲しいです。
コンテナのz-indexを負数にすると他の要素より下に来ますが、
そうするとセンタリングした要素まで他の要素の下に入り込んでしまいます
サイズが任意の場合はJavaScriptで計測して設定するくらいしか方法はないでしょうか >>537
コンテナのサイズを 0 にして中央に配置
width:0; height:0; top:50%; left:50%; >>538
ふむふむ、ＳＥＯには関係ないけど訪問者の信頼というか心証というかそういうのが悪いんですね
ありがとうございます http://jsbin.com/wixerokuwu/edit?html,css,output
flexアイテムにflexコンテナよりも大きなサイズを指定した時、
横方向にははみ出ない
縦方向にははみ出る
という挙動になります
何故でしょうか？ Digest認証についてなんですが
通信経路の盗聴改ざん防止ということで
HTTPSが普及してる現在は
Basic認証+HTTPSで問題ないですよね？ >542
flex関連のスタイルがデフォルト値のままだとそうなる
色々あって面倒だけど、flex-wrap辺りから調べたら？ ホームページ制作を制作会社に依頼した際の役割分担について、それぞれ顧客と制作会社のどちらが担うのが一般的なのか教えてください。
その時々に依るとは思いますが一番多いケースが知りたいです。下記より更に細かく分かれるケースもあるかと思います。
１．ドメイン管理、DNS設定→（顧客 or 制作会社）
２．Webサーバ準備、設定→（顧客 or 制作会社）
３．メールサーバ準備、設定→（顧客 or 制作会社） >>543
Basic認証はサーバーに生パスワードを置かないといけないから
ハッシュ化しておけるDigest認証のほうが安全 要素のサイズがどうであれ同じ比率で角丸にするには
どういうCSSを書けばいいでしょうか？ >>545
まあ左上寄せ並べにすることが多いからじゃない？ 今日からフリーのwebデザイナーになって自宅で仕事をするつもりなんですけど、
ドリームウィーバーを覚えさえすればデザイナーになれますか？ 道具は描きたいものを実現するためにある。それ以上でもそれ以下でもない、！ 高級な紙と鉛筆を用意したらプロ並みの絵がかけますかって言ってるようなもんだぞｗ >>551
受注はどうすんの？
ビジュアルの作成はどうすんの？
そこが問題 >>556
適当なところに飛び込み営業する。
今からアプリを覚えるところです。
今教則本読んで覚えてます。第三日目です。 ■ このスレッドは過去ログ倉庫に格納されています
