Webサイト制作初心者用質問スレ part250
レス数が950を超えています。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/ >>887
LANでphp動かすのは超めんどいぞ
まぁ言ってる意味分からんと思うが、やれば分かると思う
早めに諦めたほうが良い プライベートアドレスからのアクセスが予想外なことになるとか？ LANでPHPとかsynologyのNASでも使えばむっちゃ簡単なんですけど
Apache、nginx、PHP、WordPress、MediaWiki、GitLab、Redmineその他もろもろがGUIから一発だよ 俺はReadyNAS派だけど、
LAN無いのlinuxなんて、NAS使わなくても仮想で十分だけどなぁ。
>>888氏の思っていることが何か気になるわ >>888だけど、すまん。俺も忘れた
10年以上前の事だから今は簡単になっているかも
一つは間違いなく>>890、localhostを使って大混乱していたわ
>>891
そりゃハードから選べれば楽なんだけど>>887の環境的にそれは難しいと思うぞ > 一つは間違いなく>>890、localhostを使って大混乱していたわ
お前が素人ってだけ >>894
だから同じ素人の悩みが分かるって事でないの？ だからLANやPHPのせいにするんじゃなくて
× LANでphp動かすのは超めんどいぞ
○ 素人だとどんなものでも動かすのは超めんどいぞ
って言えって話 ここ全然優しい人居ないな。
知識自慢のナルシストだらけ。 わからないからって教えてくれる人をナルシスト呼ばわりとは感心しないな
まぁ俺はナルシストだけど 俺が教えてもいいんだけど、
輝きで字が見えないって言われてしまう。 俺が教えてやってもいいけど、条件がある
それは君が俺に惚れないことさ ドメイン名が決められない
文字数は少ない方が良いってのはわかるけど「.com」抜きで15文字くらいなら大丈夫だろうか >>908
決めてあげる
oreore-oredayo.com
これぞエレガント ドメインは短い方がいいってのは人に覚えてもらいやすいってだけでそれ以外のメリットはないぞ 今どきURL手打ちする人なんていない
さっさと適当なドメインとって中身を充実させることに苦心した方が良い 意見ありがとう
「.com」抜き11文字で一見して読みやすいドメイン思い浮かんだんで取りました あるキーワードをまぐれで上位表示してんだけど、質問です。
Neilpatelというサイトで自分サイトみたらGoogle評価が０なんだけど、どうやったら上がるの？
やっぱSNSやらないとだめですかね？ 完全初心者です。
１からＷebサイト製作を学んで在宅でお仕事できるようになりたいのですが
「これだけ学んでおけ！」というものがあれば教えてください >>917
あとXD
デザインはどんどんXDになってて、コーディングの素材もXDから吐き出すようになってる
なのでデザイナーならPhotoshop, Illustrator, XD、コーダーならXD, HTML, CSS、フロントエンドエンジニアなら+JavaScript saasってブラウザが解釈するの？
apahceが勝手にcssに変換するの？ >>916
サイトの内容によるとしか
とにかく基本は文章量だよ
>>917
とにかくデザイン
htmlとcss掛ければなんとかなる
システムはwordpressに丸投げすれば良い ありがとうございます
>>918
HTMLとCSSは必須なのはなんとなく解っていましたが
フォトショやイラレも必要なんですね！勉強になります
>>919
XD……聞きなれない用語ですね、、
デザインから構築まで一通りやってみたいので、フォトショイラレ、DX、HTML、CSSあたりを勉強してみようと思います
JavaScriptも少し触れるようになったら良いな、と思っています
>>921
ワードプレスについて調べました。こんな便利なものがあったんですね
ブログ向けみたいですが、使いこなせばコーポレートサイトなんかも作れるのでしょうか >>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タグに非対応なブラウザだけでなく、そのコーデック動画の再生に対応していないブラウザも含めて
「残念、非対応ブラウザだよ〜んｗ」
って表示させるにはどうしたらいいだろうか？ レス数が950を超えています。1000を超えると書き込みができなくなります。
