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/ >>920
saasは知らんがsassなら知ってる
apacheはsassもcssも理解しない
彼にとってはただの文字列だ
リクエストされたらそのまま返すだけ
ブラウザも基本はsassに関知しない
事前にsassをコンパイルしてcssにして置いておく
そのcssをブラウザが理解するだけ
あくまでcssを書くのを楽にするもの
コンパイル時にmapファイルを生成することができるこのmapファイルをcssと同じところに置いておくとブラウザで開発者ツールを開いた時にmapファイルを参照する
mapファイルにはsassの在り処が書かれているのでsassを見に行く
結果開発者ツールでsassの内容を見れる
(saasがドキュメントルート下にないといけないことに注意)
これがあるのでコンパイル時にcompressでcss出力しても開発時に困らない >>923
ありがとう、sassなのね。
実際のところ、これは流行ってるの？
変数を使えたり計算ができたりするみたいだけど、2019年現在使われているものなのかな・・ CSSプリプロセッサは、sass が一番使われてるだろうな
sassといっても文法はscssの方な。
sassはプロジェクト名であり、sassという文法なんだが、
そのsassプロジェクトが、sass文法の改良版として作ったのが
cssと互換性があるscss文法 >>922
フォトショは写真や文字画像の加工、
イラレは相手さんが印刷物用データを送ってくる。ここからデータ取り出してって。 初心者なんですが
メインメニューとカテゴリーというのは自動リンクできませんか？ テスターのパートに応募したんですよ。通販サイトのテスター
書類選考なのですが通勤時間1時間50分。これは落ちるしかない？
ま、ここで聞くことじゃないですけどね。他に該当スレが見つからなかった サイト作ったこともないから採らないだろうな。まだやれる根拠があればいいけど
できませんやれませんの奴に時給1500円出さない。世の中に相手にされなくなっていると
感じて応募したけど。どうだっていいことに時間を使わされている人もいるからな 田舎の会社に就職したら会社ホームページを変更できないか聞かれたんですが、制作から管理まで一任されてた人が6年近く前にバックレてやめたようで、何も情報がありません。
その人は仕事を自分のノートでやってたようでPCにも手掛かりがないんですが、そんな状態で変更するか、最悪作り直すので今のホームページを閉鎖する方法ってありますか？ >>934
今のは捨てて完全に一から作ればいいかと
6年前に停まってるとかデザインも古臭いだろうし作りもクソだろうから
問題はドメインやサーバーの管理がどうなってるかだね
管理会社に連絡がつくなら現状説明してコンパネの情報をもらう
ログインしてパスワードとかを片っ端から変更する
まずはそこから >>935
ありがとうございます。
お金の動きを見ても管理会社はなさそうです。
HP作成の経験は15年前に1度だけなんですが、FFFTPで会社URL入れてパスワードを試していく感じでよろしいでしょうか？ それ以外にHPにアクセスできなくする方法でもいいので、あれば教えてください。 何か怪しい奴だな
クラッキングの真似事でもしたいのか？ 挫折復帰挫折復帰繰り返してるせいで
知識ばっかりで育ったドメインの一つも持ってない 金の動きで調べるんじゃなくて、先ずはコレでサーバーがどこにあるのか調べようや
https://www.aguse.jp/ 通販サイトのテスター書類選考で落ちた。いったいどういう履歴書とスキルがあれば
パソコンを使うバイトに受かることができるんだろうか
どうやら大卒が歓迎されるみたいだけど。もっとも俺は近所のスーパーも落ちるんだがな 俺が選考する時は本人希望と趣味・特技、自己PRはチェックしてる
あと顔な 今日からwebデザイナーになりたいんですが、
何からはじめたらいいですか？
htmlも何も分かりません。 >>945
htmlはコーダーの範疇
webデザイナーならデザインから
今のレベルがわからないけど非デザイナーからの転職なら4大原則辺りからかな 登編削系の名称って
作成・更新・削除(create,update,delete)
登録・編集・削除(register,edit,delete)
追加・編集・削除(add,edit,delete)
この組合せが多いと思うけど、何がいいんだろう
みんなはどんな名称にしてる？ >>945
「Webデザイン一本のWebデザイナー」「コーディングもできるWebデザイナー」「Webデザインもできるコーダー」どれになりたいかで変わる
あっちもこっちもしようとすると中途半端な役立たずになる >>949
コーディングもできるWebデザイナーになりたいです。
印刷デザインを辞めて家で鬱々としてるところなんですが
何からはじめたらいいか分かりません。 ウェブデザインやるなら基本的なHTMLとCSSの知識は付けといてもらいたい
紙デザあがりのデザイナーが
ハミ出し要素とか六角形の中に文字入れてるとか行そのものを傾かせるとか
ふざけたデザイン出してくる
もう画像１枚貼って終わらすぞ 紙から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秒 レス数が1000を超えています。これ以上書き込みはできません。
