Webサイト制作初心者用質問スレ part248 [無断転載禁止]©2ch.net
■ このスレッドは過去ログ倉庫に格納されています
初心者だろうが誰だろうが、
まず >>>■ 検索してから ■<<< 質問すること
ネタ・煽り・自演・荒らしは完全放置
【質問時の注意】
1. 質問する前に >>2 にも目を通すこと
2. メール欄に何も入れないことを推奨 （IDを出して騙りを防止するため）
3. 質問者が返信する際は「最初に質問したレス番号」を名前欄に入れること
4. ブログについてはブログ板で質問すること
●ブログ板 http://peace.2ch.net/blog/
5. SEO、アドセンス、検索サイトに登録しても検索結果に引っかからないといったことは SEO関連スレで質問すること
http://find.2ch.net/?STR=seo&;;TYPE=TITLE
6. アクセス解析については該当スレで質問すること
http://find.2ch.net/?STR=%A5%A2%A5%AF%A5%BB%A5%B9%B2%F2%C0%CF&;;TYPE=TITLE
7. 製作ソフト（Dreamweaver DW、ホームページビルダー、等）を使用した場合の質問は該当スレで質問すること
8. CGI、PHP, Perl, Ruby 等のプログラミング関連や CMS, Wiki は Webprog板、またはこの板の該当スレで質問すること
●WEBプログラミング板 http://kanae.2ch.net/php/
9. JavaScript はこの板の該当スレで質問すること
10. 画像作成ソフト（Photoshop 、Illustrator、等）については該当スレで質問すること
11. HTML, CSS, CGI, 制作ソフトなどのどんな本を買えばいい？といったことは書籍についての質問スレで質問すること
http://find.2ch.net/?STR=%CC%F2%A4%CB%CE%A9%A4%C4%BD%F1%C0%D2%A4%CF&;;TYPE=TITLE
12. 質問内容を吟味して、正しい日本語で第三者が読んでも分かるように質問を書くこと
13. 間違った回答をする人もいることに注意
【前スレ】
Webサイト制作初心者用質問スレ part247
http://echo.2ch.net/test/read.cgi/hp/1488192984/ >>691
そういう意味じゃない
>>689は管理手法の問題で必ずしもこの書き方が悪いわけではない
自分が失敗したものを敵と見なす物言いに「自分の管理不足を悔やめ」といった
それは敵じゃない、敵は自分 >>692
そう。classも付ける
というかそもそもjsでもidを使わない。idを使用するのは唯一、ページ内アンカーのみ。これ以外は絶対に使わない
プラグインやらでidが付いても、そのidは使わずにdiv辺りでラッパー作ってそのdivにclassを付ける >>694
そういう意味か、thx。
俺には上記ルールを使いこなす自信がないわ 去年大学卒でウエブ制作の会社はいって実務経験１年たったから
もっと給料いい会社に応募してみたんだけど書類選考でおとされた
やっぱり自分のサイト作らなきゃダメなのかな…
HTML CSS JS PHP は原稿や仕様さえあればどんなサイトも作れる自身あるんだけど
いかんせんデザイン経験がないんだよね
デザインセンスの勉強ってどうしたらいいのかな
子供のころから絵とかかいてないと色彩感覚とかどうしようもなくない？ >>698
Webデザインはセンスじゃないぞロジックだぞ
勉強すれば誰でもできる
ロジックが身に付いてあまり意識せずに実行してるのをわかってない人が「センス」と言ってるだけ
服飾とかイラストとかとはまったく考え方が違う
とりあえず4大原則から始めて、ある程度理解できたら良さげなサイトをワイヤーに落としてみるとかおすすめ だって転職サイトの条件に実務１年っていう条件いくつかあったんだもん
何年ぐらいなら書類選考でおちなくなりますか？ じゃあポートフォリオ的なのがないからじゃなくて
単に実務経験の少なさで落とされたって思っていいのかな
別に自分のサイト作る練習しなくても平気？
コーディングは好きだけどサーバー借りたり設定したりするのが分からないし覚えるの面倒 表向きは実務1年以上とか言うけど実際には
・教育コストかけたくない
・即戦力な人材が欲しい
・1年で辞めるようなやつはうちでもまたすぐ辞めるだろ
などなどあるからね マジレスをしますね
1年でもかまない
ただし「なぜ1年で辞めたのか不信がられない理由がある」「自分でサーバー借りてポートフォリオを作っている」「前職での実績(制作事例など)が見せられる」「実用性のある資格を持っている」
これらのうちいくつかはほしい
要はこの人を採用して会社にメリットがあると思わせないといけない
少なくとも「覚えるの面倒」という人は絶対採用しない 最近はろくに出来ないのに出来ると勘違いしてフリーランスになる20代前半が多すぎる気がするのだが 超レアケースだけど4ヶ月で辞めたことあるぜ
通勤中に交通事故にあって骨折して
病院から電話したら「それで今日は何時頃来れそう？」って言いやがった会社
しかしなぜかそこの社長と未だに付き合いがある
ふしぎ！ いやまだやめてないよ
ただ１年たったから条件いい仕事あったら転職したいなーってだけ
２年３年あったほうがいいならそれまで続けてみる レン鯖かりてApacheとかphpとかインストールしないといけないんでしょ
httpd.confとかphp.iniとか書き方わかんないし
Linuxのコマンドよくわかんないんだよね
実際実務で使わないのにそんなサーバー設定で時間とられたくないし
なめてるというか好きなこと得意なことで勝負したいのに
それ以外のところで時間とられるのってナンセンスだと思うんだよね
というかこの業界で転職する人ってみんなレン鯖でサーバー設定とかしてポートフォリオもってるの？ 舐めすぎワロタ
典型的な意識だけ高い勘違いゆとりｗ スキルなしコミュ力なしクソ雑魚20代前半フリーランスです その好きなこと得意なことが実は一般的な水準で考えると底辺という事実 別に自鯖なんか立てる必要は無い
レン鯖の管理ができればOK
今の会社でそういう周辺の作業や、デザインをやってる人間が必ずいるはず
だがそれは、たまたま今の会社では分業になってるんだって事に気付くべき
場合によっちゃ営業絡みの仕事まで任される会社だってあるわけだし >>710
いらない
VPSや専用サーバーまでは求められない
ロリポてくそ安い共用サーバー借りればいい
FTPだけで使える
ポートフォリオなんかPHPなくても作れる
あった方が楽ではあるけどね その程度のやる気でGDPRに対応できんのか？できないだろ さすがにロリポはやめとけ、色々出来ない事が多くて結局高くつく
sakuraサーバー辺りの方がいい >>714
ソロでフリーランスするなら必要だろうけど
ウェブ制作会社入るのにレン鯖管理も必要なんです？
>>715
どっちかっていうとHTMLやCSSだけよりはPHPでデータのやりとりしたり
JSでajaxで内容かえたりスクロールパララックスで動きのあるサイト作るほうが得意
というよりどっちでもできるけど今の会社では後者できる人が少ないから需要ある
ポートフォリオって何つくればいいのかな
トップページっていまおっきな画像どばっとはってその上に文字配置するフラットデザインはやってるじゃん
そのおっきな画像って基本取材して写真とったりクライアントが用意してくれてこっちはそれうめこむだけなんだよね
かっこいいトップページ画像ってどうやって作ったらいいの
スクロールにあわせて文字スライドインしたりとかは得意なんだけどとにかくデザインセンスが…
PHPとか特にディレクターが仕様作ってくれてそれをコーディングするだけなので
いままで仕事つくったような架空の予約管理だったり
ドキュメント管理だったりをもう１度作ったりすればいいのかな
そういうの著作権とかどうなるんだろう
文字かえとけばばれないものかな 典型的なゆとり脳
何でも手取り足取りゼロから教えてもらわないと気がすまないし何も出来ない > Webデザインはセンスじゃないぞロジックだぞ
> 勉強すれば誰でもできる
いや多少なりとも最低限のデザインセンスのわからない奴は潰しがきかないよ 重要なのは対応力があることを示すことじゃないかね
○○が出来ますって言われてもふーんて感じしかしない
技術なんてあって当たり前だし
むしろ△△が出来ないってのをはっきりさせて
その上でそれをどう乗り越えてんのかってのを見せられるようなものがいいな >>719
小松和貴
セレブエンジニア通信
未経験ITエンジニアの正しい就職活動
https://youtu.be/PHCL1KK0tqA
動画ある 参考にならなかった
一番最後のポートフォリオの具体的な中身が知りたかったのに
50〜100応募しまくるとかかいてるけど転職ってそんな成功率低いの？
大学でOBの人がスカウトにきてそのまま面接1回で入社できたからほとんど就活したことないんだけど とりあえずこういう一般論じゃなくて
具体的にポートフォリオが必要なのかどうか
仕事で作ったページのリンク集とかでもいいのか
レン鯖かりて自分のサイトｔくらなきゃいけないのか
その場合最低どんなページを作ったらいいか
トップページみたいなこったページを数ページつくるのか
トップ下層LP問い合わせページみたいなのを全部含めたのを１サイト分作るのか
ダミーテキストダミー画像の架空の企業ページでいいのか
中身必要ならどんなことかけばいいのかとか
デザインとか画像とか作るのをどうしたらいいか
デザインはできなくてもコーディングできるだけじゃ需要ないってことはないよね
この業界みんながみんな美術の成績いい人ばっかりじゃないでしょ
うちの会社でもHTML CSSかく部署とJSかく部署と
PHPや.Net?つかってCMS改造したりECサイトカスタマイズしたりする部署わかれてるし >>727
仕事でやるなら、自分のサイトなんて見せられてもあんまり意味ないわな
直近にやった仕事じゃないと >>728
さがしてみたけどコーダーだけの募集ってほとんどない…
>>729
なにかしらみせるものがないと書類選考でおちちゃったのでどうしたものかなと
このサイトのこのページは自分がコーディングしました
みたいなリンクをかけばいいのかな >>730
過去、できれば直近にやった仕事のURLだけでいいよ
もしHTML/CSS/JSのコンパイル前のソースがある場合はそれもあったほうがいい
もちろん前の職場に許可をとった上での話だが >>732
例えばjadeテンプレからHTMLに変換したりとか ポートフォリオないのはありえないでしょ
かくことないならフリーランスになったつもりでウェブ制作承りますってサイト作ればいいんじゃないの HTTP Cookieのうち、ユーザを識別して追跡するトラッキングクッキーと
これへのセキュリティ対策ソフトウェアの対応について質問したいんですが
質問場所ってここでいいんでしょうか
それともム板、あるいはWebProg板に行くべきでしょうか >>735
日本語に翻訳して解釈しようとするとき、なぜか「一般保護法」が脳裏に浮かぶ、そんな規則に基く規制です 一般保護違反ってWin7やWin10でも出るんだろうか >>735
大雑把に言えば
欧州のグーグルとアマゾンに対する嫌がらせ 適当なHTMLで動くのでPHPやJavaScriptで遊んではいたのですが
15年ほどまともなWeb制作をしていません
当時はfontタグからスタイルシートへ
htmlからxhtmlへみたいな時代だったのですが
HTML5やCSS3の最近の動向を追いたいです
何かおすすめのWebサイトありませんか？ >>743
ありがとうございます
アドバイスも参考にさせていただきます
さっそくチェックしてきます メジャーなサイトのソースを見ると、
先頭や先頭から数行まで下のような感じに空行だったりするのですが、
1
2
3 <!DOCTYPE html>
これは単にCMSとかが吐くコードによるもので、
特に意味があるわけではないですよね？ >>742
15年前と同じでいいと思うよー
目の前に広がるネットに参考になるサイトはゴロゴロしておろう
それらを見て学べばいいのよ 5月27日 記事A
5月27日 記事B
12月10日 記事C
12月10日は5月27日に比べて文字が多いのでテキストだとデザインが崩れます。
なので日付(A)と記事(B)の部分で要素を分けて、日付をwidthで固定しようと思います。
table以外でマークアップ的にはどうするのがいいのでしょうか？
<li><time>5月27日</time><cite>記事A</cite></li>
はおかしいですか？ table以外でというわりにciteを使うのはなぜ >>750
すみませんが、それはなしで。
>>751
citeはおかしいのでしょうか？適合する要素や書き方がわからなくて。
さすがにspanは前時代的でおかしいのかなと。
timeの部分が先にきてるので、それ1つで目的は果たせますけどね。
リストを入れ子にするのも考えたのですが、
日付に対して記事は1つだけだからおかしいかなぁと。
HTMLむずかしい。 >>752
tableを乱用しないようにというのは以下のような理由あってのこと
・意味論的にtableで書くべき内容じゃないものはtableを使わないほうがいい
・昔と違って今はわりとタグによらず（tableを使わなくても）思ったとおりのデザインをCSSで実現できる
spanが前時代的と言う前に、まずW3CやMDNでciteについて確認 >>752
>cite
citeの意味は引用（の題名）なので、引用元の存在が前提になるが
その例だとそうは見えないね
>table以外でマークアップ
<dl> 使うとか
日付 <dt> のスタイルを float: left にすれば 横並びになる 見た目が一緒なら同じように解釈されそうなもんだけどんあ 引用に関する事項だったんですね。
自分の見てるサイトだと、
＞<cite> 作品のタイトル・著者名・URLを表す
とだけ書いてたので。
これでも>>749の用途とかけ離れてると思いますが。
<dl><dt>日付</dt><dd>記事</dd></dl>
これでやりたいと思います。どうもありがとうございました。 表にしたいなら迷わずtableでいいじゃん
15年前のような感覚はもう捨てていい ぶっちゃけ検索エンジンもそこまで見ないから
tableでもdivやspanでも好きなように使っていいよ
なにもかも全部それぞれposition:absolute;にしたdivでくるんで配置してるところもある 15年前の感覚だと表じゃなくても何でもtableじゃね？ >>759
15年前ならIE6時代だろ
CSSはあったはずだが CSSでブロック要素の中に文字を中央配置するのってどうすればいいんでしょうか
<div style="height:3em; vertical-align:middle">テキスト</div>
でも真ん中になりません
line-height:3emなら真ん中になるのですが幅が短くなったときに2行になる可能性があるので
複数行でも中央になるようにしたいです >>761
flex
css flexで検索すれば色々な配置が出てくるから、しっかり覚えるといい >>762
みえたりきえたりする要素で上位のCSSに
display:hidden と block を切り替える記述がされてるんですよね
flex指定しちゃうと常に見えるようになってしまいまうので… >>760
IE6と聞くと真っ先にwidth/paddingバグを思い出すが他にも様々なmarginバグ、floatバグ・・・
tableはとても素晴らしい道具だったよ
今はtableのネストを見かけることもほとんどない >>764
上位の要素が非表示なら何をやっても非表示になるから気にしなくていいぞ そういやIE6のおかげで一切marginは使わなかったな
あれ使うと本当にバグってくれる
floatも意味がわからんぐらいずれる >>766
上位っていうのはシステムの生成したCSSって意味でさわる権限がないんですよね
それをローカルのCSSでみばえだけ整えてるところなんですが
#id::checkd ~ #id { display:block }
こんな感じになってて id の部分がシステムで生成されてかわる可能性があるので display を上書きできない
あとタグも自動生成でさわれなくて内側に div 追加もできないので困ってます 質問者じゃないが浅学のためかどういうことを話してるのかわからん
誰か解説を頼む 便乗質問で似たようなことで困っててこれで上下にずれるのってなんで？
あとmargin0でwidth 1/3 にしてるのに2行になる
float使えばきれいに並ぶんだけどflexはいまだに意味わからんことが多いわ
CSS:
div {
width: calc(100%/3);
height: 5em;
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
background-color:#eef;
}
HTML:
<div>テスト</div>
<div>テスト<br>テスト</div>
<div>テスト</div> >>770
HTMLをこう書き換えたらどうなる？
<body
><div>テスト</div
><div>テスト<br>テスト</div
><div>テスト</div
></body> >>769
表示/非表示を切り替える要素と、cssが自動生成される
自動生成されるcssにはdisplay:blockが含まれるので、display:flexが使えない
要素では入れ子も使えない
flex使わずにblock要素内のテキストを中央揃えするいい方法はないものか
妙に難しい >>770
vertical-align: top; をdivにつければいい
inline要素の縦並びの問題 >>771
これで表示かわるのか
ありがとう
しかしこうなるとソース見易さのために改行も注意して使わないとダメなんだな
あとflexで2行にすると高さがずれるのも謎なんだよな
縦方向のセンタリングはしょっちゅうはまる <div>じゃなくて<li>にすればいい
liは終了タグを省略できるから、
<li>テスト
<li>テスト<br>テスト
<li>テスト
これは
<li>テスト
</li><li>テスト<br>テスト
</li><li>テスト</li>
これと同じ意味になる（ブラウザがこう補完する） >>773
なるほどうまくいったわ
ただheight指定で同じにしてるのにvertical-alignあわせないとずれるのもよくわからないけど
>>775
省略できるの？
表示がうまくいくのとw3c規格でOKなのはまた別の話なんだけど >>772
サンキュー
親の、じゃなくて>>761のdivそのもののdisplayのことだったか
これで2行になる可能性あるなら、jsでどうにかする以外なくね・・・？ >>776
さっきもちらっと言ったけど、念のため
その2つは(inline-)flex特有の問題ではない
inline要素の縦位置の問題だったり、空白類の扱いの問題だったりする
意外と面倒な領域だから調べてみるのをおすすめ
floatは色々と無視してくれるから問題として出てこないんだけど（だからclearが必要になったりするわけで） >>777
やっぱり無理なんですね
無理なら無理でシステム班に内側にもう１つコンテナブロックはいてもらうように頼みますわ
できるならわざわざシステム班の手煩わせるの申し訳ないかなと思ったので
一見簡単そうなのに意外と方法ないものなんですね <meta>で閉じたり閉じなかったり
<link>でプロパティ指定するときダブルクオーテーションじゃなくてシングルで囲ってたり
そういうコードが割と散見されます
このへんのヘッダーはコピペが多そうなので
どこからか持ってきたものでそうなってるのだと思いますが統一性のなさはイラっとしません？
多少面倒でも手直ししろよ糞野郎！！！ >>780
しません。そんな低レベルな方とは仕事をしないので・・・ 形式はよおーpsdでもpdfでもpngでもよおー
なんでもいいんだけどよおー
画面実サイズ確定してんだから解像度くらい合わせろや！せめて整数倍にしろや！
それでラインが1pxどうこう言われてもわかるわけねえだろダボが！ メールサーバぶん投げて全部なかったことにして全財産もって旅に出たいわ！ ちょっとしたアイコンにunicode絵文字を使ったのですが
ふとSEO的にまずいなと思い、imgならaltにアイコンの説明がかけるので、
img srcにunicode絵文字を指定できないかなと思うのですが可能でしょうか？
base64エンコードをすれば出来るのは知っていますが、
そうなるとスクリーンショットとって加工してbase64算出してと作業が増えるので。
（特定ブラウザの絵文字になるのでライセンス的にどうかわからないので、そこまでするなら自分で作っちゃうけど） 親要素liの子要素a全体をクリック出来るようにしたいです
liにpadding:0.5em指定しているので
aをblock要素にしてwidthとheightを100%にしても
padding:0.5em分クリック不可なところが現れます
padding:0.5em分もクリック可能にするために
どのようなプロパティをどこに指定すればよいのでしょうか？
お力添えいただけると幸いです >>785
liのpaddingをやめるか、aの左端をpaddingのぶんズラすか >>786
paddingのぶんずらすと要素ごと移動するだけで解決しなかったので
paddingからline-heightに変えたらうまくいきました
ただflex-basisなど他のプロパティに影響が出たのでもうちょっといじってみます >>765
ほとんど、標準準拠モードでは問題なかったバグだね
なぜか後方互換モード起因の不具合が認知されていなかった IE6はバグも多かったが、それでも当時は
まともにCSSが使える唯一のブラウザだった
ネスケはひどかったな。CSSオフが推奨だったからなｗ ワードプレスでサイト作成してるんだけど
a hrefにhttpを記述しないと後から勝手にサイトのURLを頭に付けちゃうのはどうしたら解除出来ますか？
例えば<a href="a">テスト</a>にして保存して公開しても
なぜか公開されてるサイトでは指定先が「サイトのURL+a」になってしまって困ってます
助けてください！！ リンクからサイトのURLを消したい
自分でa hrefに設定したアドレスだけにしたいんです ■ このスレッドは過去ログ倉庫に格納されています
