Webサイト制作初心者用質問スレ part250at HP
Webサイト制作初心者用質問スレ part250 - 暇つぶし2ch987:Name_Not_Found
19/07/13 18:39:59.24 k8RfWxaJ.net
プレミアムドメインの更新料っていくらくらいかわかりますか?取得には50万円くらいかかります。
余談ですが、google.comとかapple.comとかって更新料どのくらい払ってるんでしょう?

988:Name_Not_Found
19/07/13 19:12:42.04 .net
更新は他と同じだよ

989:Name_Not_Found
19/07/13 21:32:55.54 k8RfWxaJ.net
>>961
ありがとうございます。
ドメインの価値が上がっても更新料が高くならないのはいいですね。

990:Name_Not_Found
19/07/13 22:45:37.10 .net
価値上がってから考えろ下らない
万に一つもないだろうがな!

991:Name_Not_Found
19/07/13 23:09:12.74 .net
>>963
ちゅまん、俺は上がった

992:Name_Not_Found
19/07/15 16:21:56.45 vHmBhQCd.net
ワードプレスをCocoonでブログやってます。
ネットでイイなぁと思ったCSSをちょこちょこ追加したきたのですが、アクセスが集まらないので、色々見直そうと思いました。
そこで、この追加追加してきたCSSを機能していない?コードを探す方法などありますか?
簡単にいうと、少しスッキリさせようと思ってます

993:Name_Not_Found
19/07/16 05:02:13.06 .net
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>

994:Name_Not_Found
19/07/16 05:45:59.28 .net
<meta name="viewport" content="width=device-width,initial-scale=1" />

995:Name_Not_Found
19/07/16 07:29:25.05 .net
>>967
ありがとうございます、できました!
これはDot by Dotで表示されていた感じですが、
どこかのサイトにiphoneXは、横が375ピクセルと書かれていて「?」と思ったのですが、
retinaの3倍で実ピクセルである1125pxなのですね。
今回その375ピクセルという横幅になったので、
safariのデフォルトのポイント数がわかりませんが、それなりの雰囲気になったということでいいのでしょうか。

996:Name_Not_Found
19/07/16 15:20:01.38 .net
とりあえず、これでも読んでみるといいかも
URLリンク(qiita.com)

997:Name_Not_Found
19/07/16 15:32:19.40 .net
あと、これとか
URLリンク(ferret-plus.com)

998:968
19/07/16 21:09:29.93 .net
>>969-970
ありがとうございます、そこそこ理解できました。
これだけスマホやタブレットがある時代であれば、
2019年におけるブレイクポイントの割り方もありそうですね。

999:Name_Not_Found
19/07/17 14:06:33.49 .net
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>

1000:Name_Not_Found
19/07/17 17:13:02.23 .net
ユーザースニペット使えば自分の好きな雛形を登録しておいて好きな省略で呼び出せるよ

1001:Name_Not_Found
19/07/17 17:51:02.98 .net
>>972
うちの環境ではならないなぁ
半角の ! だけ入力してtabとか押しても何も反応しない・・
プラグインの有無かな?
そのEmmetというのがhtml関連のプラグイン?
Atomではhtmlプレビューというのがあるけど、
VScodeはリアルタイムのhtmlプレビューはあるのかしら?

1002:Name_Not_Found
19/07/17 18:21:21.37 .net
>>974
設定>機能拡張>Emmet>Trigger Expansion On Tab
で、どう?

1003:Name_Not_Found
19/07/17 18:54:23.60 .net
>>975
すまん、プラグインは入れてないんだわ。
EmmetってZen-Codingのことなのね、こんな飛び道具使いこなせないわ・・・
というかZen-Codingってphpのイメージだったけど、
htmlのスニペットもあるのね。

1004:Name_Not_Found
19/07/17 19:01:24.81 .net
VSCodeにemmet最初から入ってるやろ

1005:Name_Not_Found
19/07/17 19:16:04.21 .net
1週間前にVSCode入れたけど記憶が無い・・・見たことない文字列だったから消したのかな。
Mithril Emmet
Angular 2 TypeScript Emmet
Elm Emmet
emmetでマケプレ検索して出た上位3傑だけど、どれがお勧め?
確かに地味に便利そう

1006:Name_Not_Found
19/07/17 19:34:17.03 .net
vscodeデフォルトだと html で候補出る

1007:Name_Not_Found
19/07/17 19:41:28.68 .net
ほんとだ、htmlファイルを作ってから開くと確かにスニペット動いたわ。
ファイル未設定の新規ファイルでは発動しないのね。
phpしか触っていないから気付かなかった・・・
html:5 やべぇ、今まで手打ちしてたのはなんだったんだ。

1008:Name_Not_Found
19/07/17 20:18:43.51 .net
>>973が書いてるがユーザースニペットは自分で登録できる
よく使うのを登録しとくと楽になるぞ
ユーザースニペットは拡張子ごとに設定できる
htmlで出たのは html.json に入ってるから
php.json に入れればphpファイルでもhtmlタグのスニペットが使える
もちろんhtmlタグだけじゃなくスニペットならなんでも

1009:Name_Not_Found
19/07/17 21:22:54.89 vhRZt55k.net
>972
URLリンク(qiita.com)
これでlangもjaになるよ

1010:Name_Not_Found
19/07/17 23:18:49.13 .net
なんだよ、言語モードをhtmlにしてなかったってオチかよ

1011:Name_Not_Found
19/07/18 07:21:46.49 .net
ctrl + k, mは覚えとけ

1012:Name_Not_Found
19/07/18 12:56:46.12 .net
>>972
langもjaになるよう調べて設定修正したけど。

1013:Name_Not_Found
19/07/22 15:17:47.27 .net
html4.01でogpタグ設定してるサイトってどこかにないかな?
見本にしたいんだが。

1014:Name_Not_Found
19/07/23 23:01:24.43 fHAsm8sz.net
HTML5のvideoタグを使って、
<video>
<source src="URLリンク(www.hoge.com) type='video/webm'>
<p>残念、非対応ブラウザだよ~んw</p>
</video>
こんな感じにvideoタグに対応してるブラウザでは動画の埋め込み再生を、
対応していないブラウザにはその旨伝えるメッセージを表示するのがオーソドックスな方法。
ただこれだと問題があって、ブラウザがvideoタグそのものには対応していても
動画コーデック(この場合はwebm)には対応していないブラウザの場合(safariとかがそれ)
動画の再生を試みて失敗し、そのままになってしまう。
「残念、非対応ブラウザだよ~んw」っていうメッセージは表示されない。
videoタグに非対応なブラウザだけでなく、そのコーデック動画の再生に対応していないブラウザも含めて
「残念、非対応ブラウザだよ~んw」
って表示させるにはどうしたらいいだろうか?

1015:Name_Not_Found
19/07/24 01:47:17.38 .net
そのメッセージはあまり適切とは言えないです
こういう場合は
「申し訳ございません。ご使用のブラウザは対応しておりません。Chromeなど対応しているブラウザでご覧ください」
などとすべきだね

1016:Name_Not_Found
19/07/24 05:46:44.50 .net
>>987
JavaScriptでやる
videoタグのerrorイベントを補足して、エラー内容が
MEDIA_ERR_DECODEならメッセージを表示する感じ

1017:Name_Not_Found
19/07/24 09:29:36.57 .net
html4のサイトに、youtubeは今日現在埋め込めるのでしょうか?
埋め込みはhtml5ではないとできないのでしょうか?

1018:Name_Not_Found
19/07/24 20:57:12.38 .net
>>989
了解
JavaScript勉強してくる

1019:Name_Not_Found
19/07/27 08:30:49.85 X7w1hplL.net
毎日の献立を日替りです日替りできるようなプラグインはありませんか?
真ん中にその日の献立が表示され、下部に365のカレンダーがある。ようなデザインにしたいのですが。

1020:Name_Not_Found
19/07/27 11:33:09.96 .net
videoタグのposter属性を指定することで未再生動画のサムネイル画像を指定できる
poster属性を指定しないと動画の1フレーム目の画像がサムネイルとして表示される
わざわざ動画ごとに画像を用意するのも億劫だし、
かといって1フレーム目の画像見せられても視聴者にアピールできないし、
ここは動画の任意のフレームをサムネイル画像として表示するよう設定できないかな?
これが出来ればわざわざ動画ごとに画像ファイルを用意する手間も省けるし
アピール出来る画像をサムネイルに選ぶことができる

1021:Name_Not_Found
19/07/27 12:07:09.60 .net
>>992
WordPress?
このスレを 花言葉 で検索すると
似たような質問が出てますよ

1022:Name_Not_Found
19/07/28 16:54:38.01 L1vIwuDN.net
>>994
ありがたきご助言、誠に感謝申し上げます。

1023:Name_Not_Found
19/07/29 00:51:17.44 .net
>>993
videoタグをJSで取得してcurrentTimeを設定すれば、好きな再生時間をseekできるだろ
ただし、再生を開始する際にはいったん再生時間を0に戻す処理がいるとか、
動画が目的の箇所まで読み込まれるまでは何も表示されないとか、いろいろ厄介ごとが増えるため、
結局サムネ用画像用意するのが一番ラクであることを理解するまでが1セット

1024:Name_Not_Found
19/07/29 20:13:54.06 .net
>>996
> 結局サムネ用画像用意するのが一番ラクであることを理解するまでが1セット
だよね・・・w

1025:Name_Not_Found
19/07/30 00:31:42.58 .net
終わりそうなので立てた
Webサイト制作初心者用質問スレ part251
スレリンク(hp板)

1026:Name_Not_Found
19/07/30 00:36:51.92 .net
マ?

1027:Name_Not_Found
19/07/30 02:21:09.76 .net
1000ならスレ立ってる

1028:1001
Over 1000 Thread.net
このスレッドは1000を超えました。
新しいスレッドを立ててください。
life time: 212日 13時間 36分 46秒

1029:過去ログ ★
[過去ログ]
■ このスレッドは過去ログ倉庫に格納されています


最新レス表示
レスジャンプ
類似スレ一覧
スレッドの検索
話題のニュース
おまかせリスト
オプション
しおりを挟む
スレッドに書込
スレッドの一覧
暇つぶし2ch