Webサイト制作初心者用質問スレ part249
■ このスレッドは過去ログ倉庫に格納されています
初心者だろうが誰だろうが、
まず >>>■ 検索してから ■<<< 質問すること
ネタ・煽り・自演・荒らしは完全放置
【質問時の注意】
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サイト制作初心者用質問スレ part248
http://mevius.5ch.net/test/read.cgi/hp/1494150188/ Bootstrap4のFlex（https://getbootstrap.com/docs/4.0/utilities/flex/）でフォームを作ってるんですが、
以下のようなレイアウトが実現できなくて困っています
https://dotup.org/uploda/dotup.org1640182.png
form内でそれぞれのinputタグに<div class="col">を使ってやろうとすると、
ブラウザが勝手に</form>を補完してしまって、submitボタンがformタグの外にある状態になり動作しなくなってしまいます
どうすればうまくいくでしょうか？ ブラウザが勝手に閉じタグを生成するのはお前が自分で閉じタグを書いていないからだろ 自動的に、閉じタグを挿入する、
VSCode のプラグインを入れればよい
<div>
と書くと、自動的に、
</div>
と追加される >>562
閉じタグないのは論外だが、もしなくても他のタグが整合性取れてればそんなことにはならないぞ
submitの前に余分はdiv閉じとかないか？ >>563-565
ありがとうございます
ソースを見るとちゃんとsubmitの前に閉じタグはあって、
submitの下には赤くなった</form>がもう一つあるんですよねｗ
訳わかんないですけどこの問題自体は、flexをあきらめて普通のcontainerで作ったらうまくいきました >>567
すいません
firefoxではソースを表示すると標準でvalidatorが動き、
壊れたタグは赤くなって「これおかしいぞ」って教えてくれるんです
つまり
<form>
</form>
</form>
のような構造になってると、二番目の閉じタグは赤で表示されまして、
「この</form>はどこのフォーム閉じてんの？何も閉じてないで孤立してるんだが？」と怒ってくれるわけです
実際の表示はこのようになります
https://dotup.org/uploda/dotup.org1640825.png
これで言うと上の</div>が正常な色ですが、</form>はマウスオーバーすると
Stray end tagと表示されて対になる<form>がないことがわかります
これが「赤くなった」の意味で、すべて説明できたと思いますが、不明な点はありますか？ どっかタグがおかしいんだろう
例えばだが、formの中にformは置けないので、書くとブラウザに消されることがある 今のスマホはRetinaだから画面サイズは横幅750pxで作れば良いらしいですが、
chromeのデベロッパーツールなどでは、画面サイズに「iPhone 6/7/8」を選ぶと横幅414pxで表示されます
これはchromeがスマホの物理的なサイズを当てはめているだけで、実機の表示とは違うってことですか？
どっちに合わせれば良いでしょうか >>570
414
>>571
たくさんいらっしゃいます Web練習のためにsakuraレンタルサーバーと契約したんだけど
FFFTPでの公開方法が安全なのかな？ >>574
FFFTPはウィルスの標的だぞ
filezillaがオススメ
個人的にはwinscpが好きだけど、まぁFFFTPじゃなければなんでもいい 俺もwinscpだな
filezillaはちょっとね
例のあれがあったから filezillaってなんかあったっけ？
知らずに勧めてしまったわ、すまん ソースフォージでウイルス混入されまくって放置していたファイルジラ >>578
うっへぇそりゃ酷いな
知らなかった、ありがとう HTMLが書いてたコードにPHPをはさみたくなった場合って
ファイルをPHPにしないといけないのかな？ Apacheなら.htaccessに設定すれば任意の拡張子をPHPとして動かすことはできる
PHPのバージョンで書き方がいろいろちがうけど
AddHandler php-script .php .html
とか
AddType application/x-httpd-php .php .html
とかそのへん 問題だらけの大規模CRMを改修してくれという案件がきた
ただし納期は1ヶ月
遅れることは許されない
社長は現状でブチキレ状態
絶対に断る案件だよな >>584
マネージメントだけで死ぬ
これ断る
てか初心者質問スレに書いちまった JavaScriptで領域を書き換えてあたかも違うページを表示する場合
URLは書き換わりませんがURLもJavaScriptで書き換えられるので
遷移なしで違うページを表示してると錯覚させることは出来ると思います
最近そういうサイトが増えてるのでそういうことしてるのかなと思いきや
ソース見る限り完全に別ページのようです
これはどういった仕組みなのでしょうか？ >>587
完全に別ページのようです、しか情報がない
あなたの見立てが正しいなら完全に別ページなんじゃない、としか >ソース見る限り完全に別ページのようです
何をもって判断したの？
JSならソースもまるごと入れ替えられるんだし
あとRailsのターボリンクとかも有名じゃない？ レスありがとうございます。
>>588-589
ソースはDOM入れ替え後の動的なソースではなく、
そのドキュメントの静的なソースです。
なので物理的に別ページと判断しました。
ソースをみてもいまいち仕組みがわからないので、
なにかヒントがいただけないかと思い聞きました。 >>590
リファラとか見てurl変えないまま別のページ見せるとか結構あるよ。
スマホ用とPC用でレスポンシブではなく別々のソース書き出したりサーバー側でなんとでもできるよ ヒストリーAPI みたいな奴だろ
Rails, Vue.js などのフレームワークを参照 ヒストリーAPIはフロント側のAPIなのにRails参照するの？どんだけ遠回りする気だ？ >>597
すまんw
お詫びに答えるわ
まず、中だけって何？ >>590-592
どうもありがとうございます
当該ページのjsファイルを調べてみたところ
historyの文字がみあたったのでこの見立てが正しいようです
さっそくドキュメント読んでまいります 実際の職場ですと、CSSよりもSCSSを使用する事の方が多いですか？ Stylusだったが最近PostCSSに移行しつつあるなぁ >>600
今までの職場だとscssが二つ、stylusが一つかな。
cssを直接いじるのは特殊な状況（HTMLメールとか）のみだった >>600
古いHPの保守案件でcss直接触るかな
えげつないことになってるのであまりいろいろやりたくない・・・こわい・・・ >>601-603
ありがとうございます
SCSSなり、Stylusというのはやっておいた方が良さそうなのですね
命名規則はOOCSSが今は主流なのでしょうか・・・？
BEMやSMACSSなどもある様ですが もし就活で気にしているなら、目指している会社に直接聞くといい
腐らないし、高感度も上がるし、良いことづくめ
もし個人でやってるなら、名前が気に行ったやつを使えばいい
どうせ全部メリット・デメリットがあるし、全部淘汰される
半フリーだけど、俺はwordpress+LESSでずっとやってる
ほんとクソだけど愛着があると続けられる >>604
それよりCSSは十分覚えた？
どれやるにしろCSSしっかり理解してないとまったく役に立たないよ。
素のCSS十分知ってる人が楽をするツールだからね。
覚えなきゃいけない量は素のCSSが一番多いんだからね。
どれもこれもCSSのかわりにこれさえ覚えればオッケーと言うものではなくプラスアルファのものだからね。必要になってから覚えるので十分なくらい。
それより勉強なら素のCSSを以下略 flexから入って古代の案件さわることになったら即死する
具体的に言うとfloat 今の職場の連中、生のcssにエディタDWcs4でポチポチ手打ちやってるわ
時代止まったままなんだろうなぁ >>607
最近覚えた人はhtmlメール触れないね。
TABLEレイアウトとかインラインスタイルとか、忌むべき過去の遺産が詰まってる >>605-606
気にせずOOCSSでやってみようかと思います
AltCSSはSCSSにしようかと思います
CSSも一通りはやりました まだ完璧ではないですが・・・
今の職場がHPを新しく作ったとかでソースコードを見せて貰ったときに
画像のレイアウトの一部にfloatがあったので今も現役かと思っていたのですが
floatよりも今はflexかgridとかでしょうか
インラインもあまり使われないのですね inline-blockとかでしょうか
参考になる意見、とても助かりました
皆さまありがとうございました スマホで見たときだけやたら文字が小さいです
というよりも文字のサイズがスマホで見たときだけ変更できません
-webkit-text-size-adjust
font-size:
@media screen and (max-width:480px)
<meta name="viewport" content="width=device-width, initial-scale=1">
などなどの思いつくあらゆるところで数値を変えてみるのですが
PC（ブラウザ大きい、小さい両方）で見れば確かに変わることもあるのですが
スマホの文字だけはやたら小さく固定されたままです
予想ですが画面を拡大してみててそれに合わせて固定された16pxなどの数値で固定されてる感じです
よろしくお願いします 今のphp バージョンの 主流ってなんぼですか？
ウチとこはいまだに5.3くらいなんですが・・・ 7.0
5.3はそろそろ支障が出始めるんじゃないか？
無名関数が使えないのはいいとして、list()かなんかが大きく変わってた気がする
でかいバグ起こしそう 5.3はとっくに支障出てる
最低でも5.4
主流は7.2か5系なら5.6 >>612
正直ページ見ないと何ともいえないけど、開発ツールとかでその部分のcssみればどんなファイルのどんなセレクタが当たってるかが分かるから、それで原因を究明して見たら？
https://nandemo-nobiru.com/2944/ >>612
その文字の部分で右クリックして、要素の検査をすれば、
F12 開発者ツールが起動するから、CSS を見れば？ >>617
>>618
ありがとうございます
こんな便利な方法があるとは知りませんでした
裏技を使えばスマホでも見れるみたいですが
なぜか知り合いのスマホでは要素が見れるんですが肝心の自分の表示がおかしいスマホでは見れませんでしたが
頂いたヒントをもとに頑張ってみます
ありがとうです 自分のスマホだけなら、それはスマホ標準のブラウザが悪いとかじゃないの retina なら高解像度ディスプレイだから、文字が小さくなるかも。
initial-scale=1 を、0.5, 1.5, 2 とか色んな数値に変えてみるとか
特定のスマホ・Android のバグかも知れないし windows 7+IE11だと見れないサイトがあるのですが？
windows 10+IE11だとみれる。
tlsのバージョンかな ここできくべきかどうかわからないんですけど
ネット上のフラッシュミニゲームみたいなのって著作権ってあるの？
商業のゲームにミニゲームとして同じネタ使ったりしたらまずい？
コードや画像の流用はまずいだろうけど
ルールが同じみためや演出かえたゲームを作るのもまずいかな
スレチな内容だったらスルーしてください ゲームのルールは著作権で保護されない
ただ疑惑を持たれること自体がよろしくないので、
うまく対処できる自信があるかないかという問題 マインスイーパーやテトリスみたいな有名所でも
まったく同じミニゲームを勝手に使っても大丈夫ってこと？ はい。パクったってネットでボコボコに叩かれるだけです。
法律上は問題ありません。
ゲーム制作者として終わるだけです ありがとうございます
もちろんそのゲームをメインにするわけじゃなく
イベント内のサブゲームとしていくつか使いたいけど
作者に許可とらないといけないのか知りたかっただけです ゲームは映画と同等と見られる判決があったな
まぁ明らかにグレーゾーンとわかってて突き進むなら止はしないぞ 初心者ですよろしくお願いいたします。
自分の取得したドメインでホームページ公開ができたのですが
wwwフォルダにindex.htmlとstylesheet.cssを入れてます
初め、フォルダ名をindex_a.htmlのような表記にしていた場合うまくいきませんでした。
なぜうまく行かなかったのかわからないので教えていただけませんか？ すみません、もう一つだけ質問お願いします。
現在WinSCPを使っているのですが、起動するたびにホスト名やユーザー名、passwordを記入するように言われるのですが
皆さんはいちいち起動のたびに入力していますか？
カットする方法があるなら教えていただけませんか？ >>630
https://example.com/
にアクセスすると
wwwフォルダのindex.htmlというファイルを閲覧者に見せるというのがサーバーの挙動
そりゃ名前変えたらindex.httmlが見つからないと言われる
>>631
パスワードの舌に「保存」ボタン
「パスワードを保存する」にチェックいれればパスワードも毎回入力しなくて良い >>632
>https://example.com/
>にアクセスすると
>wwwフォルダのindex.htmlというファイルを閲覧者に見せるというのがサーバーの挙動
決めつけて書くのはよくない
ファイル名を省略した時に何を見せるかはDirectoryIndexなどの設定による
このサーバーがたまたまindex.htmlだっただけ >>634
まぁそうなんだけど、そういうことでええやん。
サーバーの設定を言い出すと無限にパターンが出てきて話がややこしくなる 本当にありがとうございます！
何回も何回も本当に申し訳ないのですが今回のトラブルは大変なのでお願いします。
テキスト本のすらすらわかるHTML＆CSSの基本という教科書を勉強しようとサンプルをDownloadして
付属しているindex.html等をWinSCPを使ってサーバー側にまるまる転送してみて
どのようなホームページになるのかを試してみました
取得ドメインに表示されるとこはうまくいきましたので、消して練習を始めようと考えたのですが
WinSCPでサーバー側にまるまるアップしたindex.htmlファイル等をすべて削除したのですがなぜか消えてくれません
ちなみにwwwフォイルダに全部アップしました
削除したものがいつまでも表示され続けるのは本当に謎ですし、どこから読み込まれて表示されてるのかも意味がわからないのです あれ・・・・？
すみません、今取得ドメインを確認すると消えて練習用のindex.htmlが表示されていました。
読み込みに時間がかかってしまっていたのでしょうか？
自己解決しました
お騒がせしました >>636
どのさ〜ばー使ってるの？サーバーによって挙動が違う
どっかのサーバーはindex.htmlを消したら自動生成するってのがあった気がする
あと何のトラブル？サーバーのサポートに聞いたほうが早いかもね
寝るわ、がんばれ！ >>638
ありがとうございました！
つかっていますのはさくらインターネットのレンタルサーバーです。
おやすみなさい。 W3Cってお問い合わせフォームがないんですか？
探してみても mailto:hoge@w3.org みたいなリンクしか見当たらない
この方法だとスパムメールとか来て困るんじゃないですかね(´・ω・`) ロングスクロールでイラストサイト作ろうと思ってるんですが、イラストを並べる部分どんな風にしたら見る人はストレスなく見れて、デザインも良いものになると思いますか？
イラストのサムネイルをクリックしたら前に出てくる感じにしたいと思ってるのですが スクロールしなくてもイラスト全体が見れることが一番 AWSの開発の流れってつぎの感じですか？
デザイナー、プログラマー、コーダー等が
同じレポジトリをいじる
↓
レポジトリの内容をダウンロードして、ローカルで確認
↓
問題なさそうであれば、レポジトリをまるごとAWSにデプロイ
↓
公開 >>648
まずレポジトリじゃなくリポジトリな
で、書いてるのって「AWSの構築済みサーバーでのサイト公開」であって「AWSの開発」じゃない
聞きたいのがそこならそれでOKだけどAWSのこと聞きたいなら管理画面やターミナルでの話になる
あと、その内容ならAWSに限らずどこのサーバーでも同じだよ そこ突っ込むならリパズトーリ[rɪpάzət`ɔːri]な。 プディングをプリンというような国ですし・・・
あとAWSでwebサイトって何か意味アルの？
CPUぶん回す過疎サイトとか・ ウイルスをヴァイラスと言っている者のみがレポジトリに石を投げなさい ビニール袋をヴァイナル袋と言ってるもののみがレポジトリに石を投げなさい >>651
インフラが安定してる
設定をコード化できる
静的だとS3突っ込んどきゃおけ
サーバーいじれなくても、サービスいっぱいあるから、複雑な構成もある程度できる
AWS自身の学習コストも結構なものだけど… puddingは[pˈʊdɪŋ]であるからカナ音写はプディンが最も適当。
ングではないのかとよく言われるが[ŋ]はシンカンセンと発音したときの最初のンの音に近く、間違ってもnguではない。
だがプリンも意外と通じる。
理由は日本語のラ行の発音にある。
詳しくは
https://whitebear0930.net/archives/6620
とか読んでもらうとして、とにかく日本語のラ行はメリケンにd音のように聞き取られることがままあるのだ。
少なくともpudingu-よりはよっぽど通じる。 HP作成ソフト「Pagemill」に似たようなソフトがあったら教えて欲しいのですが、ご存知の方いらっしゃいますか。
ずっと探しているのですが見つかりません。
90年代末頃にiMac(OS8.6)にバンドルされていたPagemillを使って現在までずっとHPを作っています。
ところがOSがXになったときにこのソフト使えなくなってしまったので、HPを作るときだけ古いiMac350を動かしてPagemillで作っています。
しかし、いろいろと限界が来てしまい、OSXで使えるPagemillのようなソフトを探しています。
HP自体はテキストベースのシンプルなものです（阿部寛HPのようなレトロなHPです）。
ちなみに普段は新しいiMac(macOS High Sierra バージョン10.13.6）を使っています。
よろしくお願い致します。 web上でTシャツなんかの商品デザインを編集できるライブラリってないかな？
ttps://tmix.jp/designs/new?product_color_id=640&product_master_id=4
理想はこんな感じ。 私たち日本人の、日本国憲法を改正しましょう。
総ム省の、『憲法改正國民投票法』、でググって
みてください。拡散も含め、お願い致します。 ■ このスレッドは過去ログ倉庫に格納されています
