Webサイト制作初心者用質問スレ part250at HP
Webサイト制作初心者用質問スレ part250 - 暇つぶし2ch920:Name_Not_Found
19/06/29 19:51:23.56 .net
> 一つは間違いなく>>890、localhostを使って大混乱していたわ
お前が素人ってだけ

921:Name_Not_Found
19/06/29 19:54:34.95 .net
10年前は素人だったもんで

922:Name_Not_Found
19/06/29 19:55:29.86 .net
>>894
だから同じ素人の悩みが分かるって事でないの?

923:Name_Not_Found
19/06/29 20:46:45.31 .net
だからLANやPHPのせいにするんじゃなくて
× LANでphp動かすのは超めんどいぞ
○ 素人だとどんなものでも動かすのは超めんどいぞ
って言�


924:ヲって話



925:Name_Not_Found
19/06/29 20:53:54.96 .net
静的htmlファイルにしろって最初に書いてるよ

926:Name_Not_Found
19/06/29 22:50:17.18 .net
Vagrantを使え

927:Name_Not_Found
19/06/30 01:00:41.04 .net
ここ全然優しい人居ないな。
知識自慢のナルシストだらけ。

928:Name_Not_Found
19/06/30 07:08:17.75 .net
わからないからって教えてくれる人をナルシスト呼ばわりとは感心しないな
まぁ俺はナルシストだけど

929:Name_Not_Found
19/06/30 07:11:22.65 .net
俺はカッコイイからなぁ・・・

930:Name_Not_Found
19/06/30 14:27:07.21 .net
俺が教えてもいいんだけど、
輝きで字が見えないって言われてしまう。

931:Name_Not_Found
19/06/30 14:42:18.42 .net
男塾みたいな設定だな

932:Name_Not_Found
19/07/01 14:53:50.30 .net
俺が教えてやってもいいけど、条件がある
それは君が俺に惚れないことさ

933:Name_Not_Found
19/07/01 16:15:10.47 .net
確認とるまでもない
あくしろ

934:Name_Not_Found
19/07/01 18:25:31.66 .net
じゃあ条件満たしてるじゃんか
よかったね

935:Name_Not_Found
19/07/01 19:38:25.98 .net
ドメイン名が決められない
文字数は少ない方が良いってのはわかるけど「.com」抜きで15文字くらいなら大丈夫だろうか

936:Name_Not_Found
19/07/01 19:42:18.83 .net
.jp でええやん

937:Name_Not_Found
19/07/01 22:10:37.54 .net
>>908
決めてあげる
oreore-oredayo.com
これぞエレガント

938:Name_Not_Found
19/07/01 22:26:20.53 .net
ドメインは短い方がいいってのは人に覚えてもらいやすいってだけでそれ以外のメリットはないぞ

939:Name_Not_Found
19/07/01 22:41:43.03 .net
今どきURL手打ちする人なんていない
さっさと適当なドメインとって中身を充実させることに苦心した方が良い

940:Name_Not_Found
19/07/02 02:08:39.49 .net
>>911
それが最高のメリットなんだがな。

941:Name_Not_Found
19/07/02 04:30:58.65 .net
意見ありがとう
「.com」抜き11文字で一見して読みやすいドメイン思い浮かんだんで取りました

942:Name_Not_Found
19/07/02 04:40:59.28 .net
>>910
オレオレ詐欺の対策情報サイトかw

943:Name_Not_Found
19/07/02 19:44:46.91 X92FQQOw.net
あるキーワードをまぐれで上位表示してんだけど、質問です。
Neilpatelというサイトで自分サイトみたらGoogle評価が0なんだけど、どうやったら上がるの?
やっぱSNSやらないとだめですかね?

944:Name_Not_Found
19/07/02 19:57:17.65 Hh/DihPr.net
完全初心者です。
1からWebサイト製作を学んで在宅でお仕事できるようになりたいのですが
「これだけ学んでおけ!」というものがあれば教えてください

945:Name_Not_Found
19/07/02 20:19:56.65 .net
>>917
フォトショ・イラレ
HTML・CSS

946:Name_Not_Found
19/07/02 20:45:41.02 .net
>>917
あとXD
デザインはどんどんXDになってて、コーディングの素材もXDから吐き出すようになってる
なのでデザイナーならPhotoshop, Illustrator, XD、コーダーならXD, HTML, CSS、フロントエンドエンジニアなら+JavaScript

947:Name_Not_Found
19/07/02 21:16:29.28 .net
saasってブラウザが解釈するの?
apahceが勝手にcssに変換するの?

948:Name_Not_Found
19/07/02 21:17:13.57 .net
>>916
サイトの内容によるとしか
とにかく基本は文章量だよ
>>917
とにかくデザイン
htmlとcss掛ければなんとかなる
システムはwordpressに丸投げすれば良い

949:Name_Not_Found
19/07/02 21:42:58.03 Hh/DihPr.net
ありがとうございます
>>918
HTMLとCSSは必須なのはなんとなく解っていましたが
フォトショやイラレも必要なんですね!勉強になります
>>919
XD……聞きなれない用語ですね、、
デザインから構築まで一通りやってみたいので、フォトショイラレ、DX、HTML、CSSあたりを勉強してみようと思います
JavaScriptも少し触れるようになったら良いな、と思っています
>>921
ワードプレスについて調べました。こんな便利なものがあったんですね
ブログ向けみたいですが、使いこなせばコーポレートサイトなんかも作れるのでしょうか

950:Name_Not_Found
19/07/02 22:00:26.78 .net
>>920
saasは知らんがsassなら知ってる
apacheはsassもcssも理解しない
彼にとってはただの文字列だ
リクエストされたらそのまま返すだけ
ブラウザも基本はsassに関知しない
事前にsassをコンパイルしてcssにして置いておく
そのcssをブラウザが理解するだけ
あくまでcssを書くのを楽にするもの
コンパイル時にmapファイルを生成することができるこのmapファイルをcssと同じところに置いておくとブラウザで開発者ツールを開いた時にmapファイルを参照する
mapファイルにはsassの在り処が書かれているのでsassを見に行く
結果開発者ツールでsassの内容を見れる
(saasがドキュメントルート下にないといけないことに注意)
これがあるのでコンパイル時にcompressでcss出力しても開発時に困らない

951:Name_Not_Found
19/07/03 00:45:04.02 .net
さーずがぁ!

952:Name_Not_Found
19/07/03 01:26:11.18 .net
>>923
ありがとう、sassなのね。
実際のところ、これは流行ってるの?
変数を使えたり計算ができたりするみたいだけど、2019年現在使われているものなのかな・・

953:Name_Not_Found
19/07/03 02:24:32.42 .net
CSSプリプロセッサは、sass が一番使われてるだろうな
sassといっても文法はscssの方な。
sassはプロジェクト名であり、sassという文法なんだが、
そのsassプロジェクトが、sass文法の改良版として作ったのが
cssと互換性があるscss文法

954:918
19/07/03 05:09:46.39 .net
>>922
フォトショは写真や文字画像の加工、
イラレは相手さんが印刷物用データを送ってくる。ここからデータ取り出してって。

955:Name_Not_Found
19/07/03 11:08:01.66 .net
皆さんの優しさに感謝!

956:Name_Not_Found
19/07/03 14:13:34.81 .net
初心者なんですが
メインメニューとカテゴリーというのは自動リンクできませんか?

957:Name_Not_Found
19/07/03 23:23:19.96 .net
テスターのパートに応募したんですよ。通販サイトのテスター
書類選考なのですが通勤時間1時間50分。これは落ちるしかない?
ま、ここで聞くことじゃないですけどね。他に該当スレが見つからなかった

958:Name_Not_Found
19/07/04 01:07:37.02 .net
>>929
意味がわからん

959:Name_Not_Found
19/07/04 01:08:26.14 .net
>>930
受かるんじゃね?
よかったね

960:Name_Not_Found
19/07/05 01:21:20.27 .net
サイト作ったこともないから採らないだろうな。まだやれる根拠があればいいけど
できませんやれませんの奴に時給1500円出さない。世の中に相手にされなくなっていると
感じて応募したけど。どうだっていいことに時間を使わされている人もいるからな

961:Name_Not_Found
19/07/05 10:52:43.76 .net
田舎の会社に就職したら会社ホームページを変更できないか聞かれたんですが、制作から管理まで一任されてた人が6年近く前にバックレてやめたようで、何も情報がありません。
その人は仕事を自分のノートでやってたようでPCにも手掛かりがないんですが、そんな状態で変更するか、最悪作り直すので今のホームページを閉鎖する方法ってありますか?

962:Name_Not_Found
19/07/05 11:19:24.64 .net
>>934
今のは捨てて完全に一から作ればいいかと
6年前に停まってるとかデザインも古臭いだろうし作りもクソだろうから
問題はドメインやサーバーの管理がどうなってるかだね
管理会社に連絡がつくなら現状説明してコンパネの情報をもらう
ログインしてパスワードとかを片っ端から変更する
まずはそこから

963:Name_Not_Found
19/07/05 13:55:54.35 hpwprZbj.net
>>935
ありがとうございます。
お金の動きを見ても管理会社はなさそうです。
HP作成の経験は15年前に1度だけなんですが、FFFTPで会社URL入れてパスワードを試していく感じでよろしいでしょうか?

964:Name_Not_Found
19/07/05 14:17:56.21 .net
それ以外にHPにアクセスできなくする方法でもいいので、あれば教えてください。

965:Name_Not_Found
19/07/05 15:42:44.10 .net
金が動いてないってことは
社内にサーバがあんの?

966:Name_Not_Found
19/07/05 17:34:45.89 .net
何か怪しい奴だな
クラッキングの真似事でもしたいのか?

967:Name_Not_Found
19/07/05 18:41:38.43 .net
挫折復帰挫折復帰繰り返してるせいで
知識ばっかりで育ったドメインの一つも持ってない

968:Name_Not_Found
19/07/05 22:39:34.40 .net
金の動きで調べるんじゃなくて、先ずはコレでサーバーがどこにあるのか調べようや
URLリンク(www.aguse.jp)

969:Name_Not_Found
19/07/10 01:28:23.40 dzlmbIdP.net
通販サイトのテスター書類選考で落ちた。いったいどういう履歴書とスキルがあれば
パソコンを使うバイトに受かることができるんだろうか
どうやら大卒が歓迎されるみたいだけど。もっとも俺は近所のスーパーも落ちるんだがな

970:Name_Not_Found
19/07/10 02:18:38.03 .net
君の場合人当たりとか清潔感とかと予想。

971:Name_Not_Found
19/07/10 08:43:59.83 .net
俺が選考する時は本人希望と趣味・特技、自己PRはチェックしてる
あと顔な

972:Name_Not_Found
19/07/10 12:30:22.27 pG2ic1U9.net
今日からwebデザイナーになりたいんですが、
何からはじめたらいいですか?
htmlも何も分かりません。

973:Name_Not_Found
19/07/10 13:08:58.29 .net
>>945
htmlはコーダーの範疇
webデザイナーならデザインから
今のレベルがわからないけど非デザイナーからの転職なら4大原則辺りからかな

974:Name_Not_Found
19/07/10 13:09:10.35 .net
>>945
HTML

975:Name_Not_Found
19/07/10 13:19:42.02 .net
登編削系の名称って
作成・更新・削除(create,update,delete)
登録・編集・削除(register,edit,delete)
追加・編集・削除(add,edit,delete)
この組合せが多いと思うけど、何がいいんだろう
みんなはどんな名称にしてる?

976:Name_Not_Found
19/07/10 13:26:10.42 .net
>>945
「Webデザイン一本のWebデザイナー」「コーディングもできるWebデザイナー」「Webデザインもできるコーダー」どれになりたいかで変わる
あっちもこっちもしようとすると中途半端な役立たずになる

977:Name_Not_Found
19/07/10 17:13:41.84 pG2ic1U9.net
>>949
コーディングもできるWebデザイナーになりたいです。
印刷デザインを辞めて家で鬱々としてるところなんですが
何からはじめたらいいか分かりません。

978:Name_Not_Found
19/07/10 18:06:17.35 .net
ウェブデザインやるなら基本的なHTMLとCSSの知識は付けといてもらいたい
紙デザあがりのデザイナーが
ハミ出し要素とか六角形の中に文字入れてるとか行そのものを傾かせるとか
ふざけたデザイン出してくる
もう画像1枚貼って終わらすぞ

979:Name_Not_Found
19/07/10 18:12:25.92 .net
それcssで普通にできるじゃん

980:Name_Not_Found
19/07/10 19:10:13.03 .net
紙からwebは一からやり直すぐらいの気概が無いと難しいぞ

981:Name_Not_Found
19/07/10 19:56:55.55 .net
>>951
いやいやお前がCSS勉強しろw
いつの知識でやってんだよww

982:Name_Not_Found
19/07/10 20:58:48.23 .net
>>952
>>954
それでレスポンシブ三段階とか言われるからちょー面倒なんだよ

983:Name_Not_Found
19/07/10 23:05:45.88 .net
>951
気持ちすごいわかるわ。
コンテンツ幅とかちゃんと考えて作ってる人と、そうでない人で全然作りやすさ違うよな。

984:Name_Not_Found
19/07/10 23:07:15.21 .net
>>943
人当たりや清潔感は履歴書じゃ分からないけど。顔写真で判別しているんだろうか
それとも近所の面接の話か。人当たりは悪いな。すぐ人のせいにするからな
>>944
全部自分なりに書き込んだが。やっぱりWebについて全部知っているような人間を
採りたがるんだろうな。あと歳が29歳以下じゃないとな。おっさんにはどうしょうもできねぇよ

985:Name_Not_Found
19/07/11 01:47:43.58 .net
>>950
それだったら、今までの経験やセンスはちょっと置いといて
htmlのコーディングを0から練習しつつ
バナー制作でお小遣い稼ぎするとかどうだろう

986:Name_Not_Found
19/07/11 01:58:59.75 .net
>>950
ハロワでweb制作の職業訓練やってないか調べてみ
収入はないがタダで学べる
家庭の状況次第では金貰いながら学べる制度もある

987: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