[表示 : 全て 最新50 1-99 101- 201- 301- 401- 501- 601- 701- 801- 901- 1001- 2ch.scのread.cgiへ]
Update time : 12/15 20:21 / Filesize : 274 KB / Number-of Response : 1030
[このスレッドの書き込みを削除する]
[+板 最近立ったスレ&熱いスレ一覧 : +板 最近立ったスレ/記者別一覧] [類似スレッド一覧]


↑キャッシュ検索、類似スレ動作を修正しました、ご迷惑をお掛けしました

Webサイト制作初心者用質問スレ part250



1 名前:Name_Not_Found mailto:sage [2018/12/29(土) 12:44:23.01 ID:???.net]
初心者だろうが誰だろうが、
まず >>>■ 検索してから ■<<< 質問すること
ネタ・煽り・自演・荒らしは完全放置

【質問時の注意】
  1. 質問する前に >>2 にも目を通すこと
  2. メール欄に何も入れないことを推奨 (IDを出して騙りを防止するため)
  3. 質問者が返信する際は「最初に質問したレス番号」を名前欄に入れること
  4. ブログについてはブログ板で質問すること
     ●ブログ板 mevius.5ch.net/blog/
  5. SEO、アドセンス、検索サイトに登録しても検索結果に引っかからないといったことは SEO関連スレで質問すること
     find.5ch.net/search?q=seo
  6. アクセス解析については該当スレで質問すること
     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プログラミング板 medaka.5ch.net/php/
  9. JavaScript はこの板の該当スレで質問すること
 10. 画像作成ソフト(Photoshop 、Illustrator、等)については該当スレで質問すること
 11. HTML, CSS, CGI, 制作ソフトなどのどんな本を買えばいい?といったことは書籍についての質問スレで質問すること
     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/

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

990 名前:Name_Not_Found mailto:sage [2019/07/13(土) 22:45:37.10 ID:???.net]
価値上がってから考えろ下らない
万に一つもないだろうがな!

991 名前:Name_Not_Found mailto:sage [2019/07/13(土) 23:09:12.74 ID:???.net]
>>963
ちゅまん、俺は上がった

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

993 名前:Name_Not_Found mailto:sage [2019/07/16(火) 05:02:13.06 ID:???.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 mailto:sage [2019/07/16(火) 05:45:59.28 ID:???.net]
<meta name="viewport" content="width=device-width,initial-scale=1" />

995 名前:Name_Not_Found mailto:sage [2019/07/16(火) 07:29:25.05 ID:???.net]
>>967
ありがとうございます、できました!
これはDot by Dotで表示されていた感じですが、
どこかのサイトにiphoneXは、横が375ピクセルと書かれていて「?」と思ったのですが、
retinaの3倍で実ピクセルである1125pxなのですね。

今回その375ピクセルという横幅になったので、
safariのデフォルトのポイント数がわかりませんが、それなりの雰囲気になったということでいいのでしょうか。

996 名前:Name_Not_Found mailto:sage [2019/07/16(火) 15:20:01.38 ID:???.net]
とりあえず、これでも読んでみるといいかも
https://qiita.com/ryounagaoka/items/045b2808a5ed43f96607

997 名前:Name_Not_Found mailto:sage [2019/07/16(火) 15:32:19.40 ID:???.net]
あと、これとか
https://ferret-plus.com/6033



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

999 名前:Name_Not_Found mailto:sage [2019/07/17(水) 14:06:33.49 ID:???.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 mailto:sage [2019/07/17(水) 17:13:02.23 ID:???.net]
ユーザースニペット使えば自分の好きな雛形を登録しておいて好きな省略で呼び出せるよ

1001 名前:Name_Not_Found mailto:sage [2019/07/17(水) 17:51:02.98 ID:???.net]
>>972
うちの環境ではならないなぁ
半角の ! だけ入力してtabとか押しても何も反応しない・・
プラグインの有無かな?
そのEmmetというのがhtml関連のプラグイン?

Atomではhtmlプレビューというのがあるけど、
VScodeはリアルタイムのhtmlプレビューはあるのかしら?

1002 名前:Name_Not_Found mailto:sage [2019/07/17(水) 18:21:21.37 ID:???.net]
>>974
設定>機能拡張>Emmet>Trigger Expansion On Tab
で、どう?

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

1004 名前:Name_Not_Found mailto:sage [2019/07/17(水) 19:01:24.81 ID:???.net]
VSCodeにemmet最初から入ってるやろ

1005 名前:Name_Not_Found mailto:sage [2019/07/17(水) 19:16:04.21 ID:???.net]
1週間前にVSCode入れたけど記憶が無い・・・見たことない文字列だったから消したのかな。

Mithril Emmet
Angular 2 TypeScript Emmet
Elm Emmet

emmetでマケプレ検索して出た上位3傑だけど、どれがお勧め?
確かに地味に便利そう

1006 名前:Name_Not_Found mailto:sage [2019/07/17(水) 19:34:17.03 ID:???.net]
vscodeデフォルトだと html で候補出る

1007 名前:Name_Not_Found mailto:sage [2019/07/17(水) 19:41:28.68 ID:???.net]
ほんとだ、htmlファイルを作ってから開くと確かにスニペット動いたわ。
ファイル未設定の新規ファイルでは発動しないのね。
phpしか触っていないから気付かなかった・・・

html:5 やべぇ、今まで手打ちしてたのはなんだったんだ。



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

1009 名前:Name_Not_Found [2019/07/17(水) 21:22:54.89 ID:vhRZt55k.net]
>972
https://qiita.com/_upto_me_/items/67fea35140f126256260
これでlangもjaになるよ

1010 名前:Name_Not_Found mailto:sage [2019/07/17(水) 23:18:49.13 ID:???.net]
なんだよ、言語モードをhtmlにしてなかったってオチかよ

1011 名前:Name_Not_Found mailto:sage [2019/07/18(木) 07:21:46.49 ID:???.net]
ctrl + k, mは覚えとけ

1012 名前:Name_Not_Found mailto:sage [2019/07/18(木) 12:56:46.12 ID:???.net]
>>972
langもjaになるよう調べて設定修正したけど。

1013 名前:Name_Not_Found mailto:sage [2019/07/22(月) 15:17:47.27 ID:???.net]
html4.01でogpタグ設定してるサイトってどこかにないかな?
見本にしたいんだが。

1014 名前:Name_Not_Found [2019/07/23(火) 23:01:24.43 ID:fHAsm8sz.net]
HTML5のvideoタグを使って、

<video>
<source src="www.hoge.com/hoge.webm" type='video/webm'>
<p>残念、非対応ブラウザだよ〜んw</p>
</video>

こんな感じにvideoタグに対応してるブラウザでは動画の埋め込み再生を、
対応していないブラウザにはその旨伝えるメッセージを表示するのがオーソドックスな方法。

ただこれだと問題があって、ブラウザがvideoタグそのものには対応していても
動画コーデック(この場合はwebm)には対応していないブラウザの場合(safariとかがそれ)
動画の再生を試みて失敗し、そのままになってしまう。
「残念、非対応ブラウザだよ〜んw」っていうメッセージは表示されない。

videoタグに非対応なブラウザだけでなく、そのコーデック動画の再生に対応していないブラウザも含めて
「残念、非対応ブラウザだよ〜んw」
って表示させるにはどうしたらいいだろうか?

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

1016 名前:Name_Not_Found mailto:sage [2019/07/24(水) 05:46:44.50 ID:???.net]
>>987
JavaScriptでやる

videoタグのerrorイベントを補足して、エラー内容が
MEDIA_ERR_DECODEならメッセージを表示する感じ

1017 名前:Name_Not_Found mailto:sage [2019/07/24(水) 09:29:36.57 ID:???.net]
html4のサイトに、youtubeは今日現在埋め込めるのでしょうか?
埋め込みはhtml5ではないとできないのでしょうか?



1018 名前:Name_Not_Found mailto:sage [2019/07/24(水) 20:57:12.38 ID:???.net]
>>989
了解
JavaScript勉強してくる

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

1020 名前:Name_Not_Found mailto:sage [2019/07/27(土) 11:33:09.96 ID:???.net]
videoタグのposter属性を指定することで未再生動画のサムネイル画像を指定できる
poster属性を指定しないと動画の1フレーム目の画像がサムネイルとして表示される

わざわざ動画ごとに画像を用意するのも億劫だし、
かといって1フレーム目の画像見せられても視聴者にアピールできないし、
ここは動画の任意のフレームをサムネイル画像として表示するよう設定できないかな?

これが出来ればわざわざ動画ごとに画像ファイルを用意する手間も省けるし
アピール出来る画像をサムネイルに選ぶことができる

1021 名前:Name_Not_Found mailto:sage [2019/07/27(土) 12:07:09.60 ID:???.net]
>>992
WordPress?
このスレを 花言葉 で検索すると
似たような質問が出てますよ

1022 名前:Name_Not_Found [2019/07/28(日) 16:54:38.01 ID:L1vIwuDN.net]
>>994
ありがたきご助言、誠に感謝申し上げます。

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

1024 名前:Name_Not_Found mailto:sage [2019/07/29(月) 20:13:54.06 ID:???.net]
>>996
> 結局サムネ用画像用意するのが一番ラクであることを理解するまでが1セット

だよね・・・w

1025 名前:Name_Not_Found mailto:sage [2019/07/30(火) 00:31:42.58 ID:???.net]
終わりそうなので立てた

Webサイト制作初心者用質問スレ part251
https://mevius.5ch.net/test/read.cgi/hp/1564414228/

1026 名前:Name_Not_Found mailto:sage [2019/07/30(火) 00:36:51.92 ID:???.net]
マ?

1027 名前:Name_Not_Found mailto:sage [2019/07/30(火) 02:21:09.76 ID:???.net]
1000ならスレ立ってる



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

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






[ 新着レスの取得/表示 (agate) ] / [ 携帯版 ]

前100 次100 最新50 [ このスレをブックマーク! 携帯に送る ] 2chのread.cgiへ
[+板 最近立ったスレ&熱いスレ一覧 : +板 最近立ったスレ/記者別一覧]( ´∀`)<274KB

read.cgi ver5.27 [feat.BBS2 +1.6] / e.0.2 (02/09/03) / eucaly.net products.
担当:undef