Webサイト制作初心者用質問スレ part250
レス数が1000を超えています。これ以上書き込みはできません。
初心者だろうが誰だろうが、
まず >>>■ 検索してから ■<<< 質問すること
ネタ・煽り・自演・荒らしは完全放置
【質問時の注意】
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/ 紙からwebは一からやり直すぐらいの気概が無いと難しいぞ >>951
いやいやお前がCSS勉強しろｗ
いつの知識でやってんだよｗｗ >>952
>>954
それでレスポンシブ三段階とか言われるからちょー面倒なんだよ >951
気持ちすごいわかるわ。
コンテンツ幅とかちゃんと考えて作ってる人と、そうでない人で全然作りやすさ違うよな。 >>943
人当たりや清潔感は履歴書じゃ分からないけど。顔写真で判別しているんだろうか
それとも近所の面接の話か。人当たりは悪いな。すぐ人のせいにするからな
>>944
全部自分なりに書き込んだが。やっぱりWebについて全部知っているような人間を
採りたがるんだろうな。あと歳が29歳以下じゃないとな。おっさんにはどうしょうもできねぇよ >>950
それだったら、今までの経験やセンスはちょっと置いといて
htmlのコーディングを0から練習しつつ
バナー制作でお小遣い稼ぎするとかどうだろう >>950
ハロワでweb制作の職業訓練やってないか調べてみ
収入はないがタダで学べる
家庭の状況次第では金貰いながら学べる制度もある プレミアムドメインの更新料っていくらくらいかわかりますか？取得には50万円くらいかかります。
余談ですが、google.comとかapple.comとかって更新料どのくらい払ってるんでしょう？ >>961
ありがとうございます。
ドメインの価値が上がっても更新料が高くならないのはいいですね。 価値上がってから考えろ下らない
万に一つもないだろうがな！ ワードプレスをCocoonでブログやってます。
ネットでイイなぁと思ったCSSをちょこちょこ追加したきたのですが、アクセスが集まらないので、色々見直そうと思いました。
そこで、この追加追加してきたCSSを機能していない？コードを探す方法などありますか？
簡単にいうと、少しスッキリさせようと思ってます iphoneXのsafariでhtmlを表示させると、
米粒ぐらいの明朝体で表示されるのですが、
よくあるニュースサイトやブログサイトのような見やすい大きさで表示するには
最低限どのようなcssが必要になるのでしょうか？
-webkit-text-size-adjust: 100%;を入れて見ましたが、変わりはないようです。
下記は意図的に行数を減らしています。
<!DOCTYPE html>
<html lang="ja">
<head><meta charset="UTF-8">
<style type="text/css"><!-- body{ -webkit-text-size-adjust: 100%;} --> </style>
</head>
<body>これはテスト</body>
</html> <meta name="viewport" content="width=device-width,initial-scale=1" /> >>967
ありがとうございます、できました！
これはDot by Dotで表示されていた感じですが、
どこかのサイトにiphoneXは、横が375ピクセルと書かれていて「？」と思ったのですが、
retinaの3倍で実ピクセルである1125pxなのですね。
今回その375ピクセルという横幅になったので、
safariのデフォルトのポイント数がわかりませんが、それなりの雰囲気になったということでいいのでしょうか。 >>969-970
ありがとうございます、そこそこ理解できました。
これだけスマホやタブレットがある時代であれば、
2019年におけるブレイクポイントの割り方もありそうですね。 VSCode では、HTML ファイルで「!」と入力すると、Emmet の入力補完が働いて、以下のようなひな形が表示される。
ただし、lang だけは、ja に変えているけど
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
</body>
</html> ユーザースニペット使えば自分の好きな雛形を登録しておいて好きな省略で呼び出せるよ >>972
うちの環境ではならないなぁ
半角の ! だけ入力してtabとか押しても何も反応しない・・
プラグインの有無かな？
そのEmmetというのがhtml関連のプラグイン？
Atomではhtmlプレビューというのがあるけど、
VScodeはリアルタイムのhtmlプレビューはあるのかしら？ >>974
設定＞機能拡張＞Emmet＞Trigger Expansion On Tab
で、どう？ >>975
すまん、プラグインは入れてないんだわ。
EmmetってZen-Codingのことなのね、こんな飛び道具使いこなせないわ・・・
というかZen-Codingってphpのイメージだったけど、
htmlのスニペットもあるのね。 1週間前にVSCode入れたけど記憶が無い・・・見たことない文字列だったから消したのかな。
Mithril Emmet
Angular 2 TypeScript Emmet
Elm Emmet
emmetでマケプレ検索して出た上位3傑だけど、どれがお勧め？
確かに地味に便利そう ほんとだ、htmlファイルを作ってから開くと確かにスニペット動いたわ。
ファイル未設定の新規ファイルでは発動しないのね。
phpしか触っていないから気付かなかった・・・
html:5 やべぇ、今まで手打ちしてたのはなんだったんだ。 >>973が書いてるがユーザースニペットは自分で登録できる
よく使うのを登録しとくと楽になるぞ
ユーザースニペットは拡張子ごとに設定できる
htmlで出たのは html.json に入ってるから
php.json に入れればphpファイルでもhtmlタグのスニペットが使える
もちろんhtmlタグだけじゃなくスニペットならなんでも なんだよ、言語モードをhtmlにしてなかったってオチかよ >>972
langもjaになるよう調べて設定修正したけど。 html4.01でogpタグ設定してるサイトってどこかにないかな？
見本にしたいんだが。 HTML5のvideoタグを使って、
<video>
<source src="http://www.hoge.com/hoge.webm"; type='video/webm'>
<p>残念、非対応ブラウザだよ〜んｗ</p>
</video>
こんな感じにvideoタグに対応してるブラウザでは動画の埋め込み再生を、
対応していないブラウザにはその旨伝えるメッセージを表示するのがオーソドックスな方法。
ただこれだと問題があって、ブラウザがvideoタグそのものには対応していても
動画コーデック（この場合はwebm）には対応していないブラウザの場合（safariとかがそれ）
動画の再生を試みて失敗し、そのままになってしまう。
「残念、非対応ブラウザだよ〜んｗ」っていうメッセージは表示されない。
videoタグに非対応なブラウザだけでなく、そのコーデック動画の再生に対応していないブラウザも含めて
「残念、非対応ブラウザだよ〜んｗ」
って表示させるにはどうしたらいいだろうか？ そのメッセージはあまり適切とは言えないです
こういう場合は
「申し訳ございません。ご使用のブラウザは対応しておりません。Chromeなど対応しているブラウザでご覧ください」
などとすべきだね >>987
JavaScriptでやる
videoタグのerrorイベントを補足して、エラー内容が
MEDIA_ERR_DECODEならメッセージを表示する感じ html4のサイトに、youtubeは今日現在埋め込めるのでしょうか？
埋め込みはhtml5ではないとできないのでしょうか？ >>989
了解
JavaScript勉強してくる 毎日の献立を日替りです日替りできるようなプラグインはありませんか？
真ん中にその日の献立が表示され、下部に365のカレンダーがある。ようなデザインにしたいのですが。 videoタグのposter属性を指定することで未再生動画のサムネイル画像を指定できる
poster属性を指定しないと動画の1フレーム目の画像がサムネイルとして表示される
わざわざ動画ごとに画像を用意するのも億劫だし、
かといって1フレーム目の画像見せられても視聴者にアピールできないし、
ここは動画の任意のフレームをサムネイル画像として表示するよう設定できないかな？
これが出来ればわざわざ動画ごとに画像ファイルを用意する手間も省けるし
アピール出来る画像をサムネイルに選ぶことができる >>992
WordPress？
このスレを 花言葉 で検索すると
似たような質問が出てますよ >>994
ありがたきご助言、誠に感謝申し上げます。 >>993
videoタグをJSで取得してcurrentTimeを設定すれば、好きな再生時間をseekできるだろ
ただし、再生を開始する際にはいったん再生時間を0に戻す処理がいるとか、
動画が目的の箇所まで読み込まれるまでは何も表示されないとか、いろいろ厄介ごとが増えるため、
結局サムネ用画像用意するのが一番ラクであることを理解するまでが1セット >>996
> 結局サムネ用画像用意するのが一番ラクであることを理解するまでが1セット
だよね・・・ｗ このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 212日 13時間 36分 46秒 5ちゃんねるの運営はプレミアム会員の皆さまに支えられています。
運営にご協力お願いいたします。
───────────────────
《プレミアム会員の主な特典》
★ 5ちゃんねる専用ブラウザからの広告除去
★ 5ちゃんねるの過去ログを取得
★ 書き込み規制の緩和
───────────────────
会員登録には個人情報は一切必要ありません。
月300円から匿名でご購入いただけます。
▼ プレミアム会員登録はこちら ▼
https://premium.5ch.net/
▼ 浪人ログインはこちら ▼
https://login.5ch.net/login.php レス数が1000を超えています。これ以上書き込みはできません。
