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/ >>418
過去、お世話になっていたけど、さすがにもう古いかなあ
今更、更新して、WinSCPやFileZillaに追いつけるのだろうか 誘導されたのでこちらで質問します。
wordpressを勉強したらbootstrapを使う機会はなくなりますか？ 次元が違う
風呂があれば便器は要らないといってるようなもの 緊急なのでageさせてください
イラレcs6がすぐに落ちるようになりました
ファイルを開いたあと、何か少しでも作業するとすぐ落ちます
原因不明で焦っています、解決方法ありますでしょうか
Mac OS X EL capitan ver10.11.1です 熱暴走です。桶に絶縁体である油を張って、macを沈めて見てください。
すぐよくなるはずですよ。 >>427
とりあえずパソコンを再起動
あとは、↓で質問するなり、適切なスレに誘導してもらうなり
【雑談】イラストレーター総合3８【質問】
http://mevius.5ch.net/test/read.cgi/illustrator/1521091013/ レンタルしたサーバー(主ドメインxxx.com)が
/htdocs/
- /aaa.com/
っていう構成でマルチドメインを実装してまして
ここにすでに存在するサイト aaa.com
のデータを移管しているところです
まだDNS書き換えしてないのでhostsを書き換えて動作検証しようと
000.000.000.00 xxx.com aaa.com
と書き込んで確かに意図通りに検証できたのですが
どういう理屈で動いているのかが分かりません
xxx.comだけの指定なら何となく分かるのですが
aaa.comとアドレスを打ったらxxx.comでなくaaa.comフォルダの中身を参照する仕組みはどこで実装されているのでしょうか？
これはサーバー側でそういう設定になってるのでしょうか
またこの辺の理解を深めるには何を勉強したらいいですか？ >>431
パソコンは基本的にIPアドレスで通信してる
でも人間が覚えづらいのでドメインネームができた
IPとドメインの照らし合わせをしてるのがDNSという仕組み
hostsってのは
右に書かれてるドメインネームはDNSで名前解決せずに
左に書かれてるIPアドレスを使いますよっていう設定ファイル CSSのpositionについて質問します
absoluteとfixedは視覚的にも意味がよく解るんですが
relativeの意味がよく解りません
本なんかを見ると相対的位置の配置という説明がされているんですが
絶対的な位置の配置であるabsoluteと何が違うのかいまいち解りません
違いを教えてください >>433
他の要素を基準に座標を決めるのがabsolute
自身が本来いるべき位置を基準にするのがrelative > 自身が本来いるべき位置を基準にする
なるほど、ありがとうございます それだと必ず子要素のoffset parentになっちゃうから
absoluteを使うときにすっごい面倒になっちゃうんじゃない？ https://www.youtube.com/watch?v=JJSoEo8JSnc
先生！
この動画の後半に出てくる、エディタ
自分も使いたいのですが、、いろいろ調べましたが、、わかりません！
ご教示いただけないでしょうか！！ >>443
amazon関係ないぞｗ
amazonのスクラッチパッドはマーケットプレイスの開発者用のツールだ
スクラッチパッド違い
ついでに言うとAWSじゃなくてMWSな
マーケットプレイスWebサービス 無知が強がってて草
こういうやつって恥ずかしくないのかね
恥ずかしさすらわからないほどの無知なのか つれたつれたはネタだぞ
遠回しにすいませんって言ってるだけ。でももう古すぎて伝わらないのね >>441
>>442
ありがとうございます！！
この、「スクラッチパッド」導入しようと思います！！
え、そんな古いのやめとけ？
って話なら後頭部ぶっ叩いてください！！！ あ、firefoxについてた。。
あ、なんだこれ、、頑張ります。。 無料テンプレートを公開していた肉球パンチ(http://nikukyu-punch.com/)と言うサイトに久々にアクセスしたら、サーバーが見つかりませんでしたとエラーメッセージが出てアクセスできません。
新しいテンプレートが欲しかったのですが。どこに移転(？)したか分かりますでしょうか？ >>455
さんくｓ・・・って単なる猫好きのサイトですやん！
HP制作と無関係だわ マジで修羅の道すぎるだろウェブサイト制作って
簡単なブログだけでもやってみたかったけどむりぽ アニメーターと同じような惨状
戦犯は手塚と言われているが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円ぐらいで買えると思えばすげーいい経験だよな ■ このスレッドは過去ログ倉庫に格納されています
