Webサイト制作初心者用質問スレ part248 [無断転載禁止]©2ch.net

**Name_Not_Found** · 2018/05/24(木) 13:49:30.19

>>727
仕事でやるなら、自分のサイトなんて見せられてもあんまり意味ないわな
直近にやった仕事じゃないと

**Name_Not_Found** · 2018/05/24(木) 17:21:54.65

>>728
さがしてみたけどコーダーだけの募集ってほとんどない…

>>729
なにかしらみせるものがないと書類選考でおちちゃったのでどうしたものかなと
このサイトのこのページは自分がコーディングしました
みたいなリンクをかけばいいのかな

**Name_Not_Found** · 2018/05/24(木) 18:15:47.21

>>730
過去、できれば直近にやった仕事のURLだけでいいよ
もしHTML/CSS/JSのコンパイル前のソースがある場合はそれもあったほうがいい
もちろん前の職場に許可をとった上での話だが

**Name_Not_Found** · 2018/05/24(木) 18:19:23.18

>>731
HTMLのコンパイルって何？

**Name_Not_Found** · 2018/05/24(木) 18:38:46.48

>>732
例えばjadeテンプレからHTMLに変換したりとか

**Name_Not_Found** · 2018/05/25(金) 00:16:58.82

ポートフォリオないのはありえないでしょ
かくことないならフリーランスになったつもりでウェブ制作承りますってサイト作ればいいんじゃないの

**Name_Not_Found** · 2018/05/25(金) 00:46:52.10

GDPR規制について
簡単に教えてください

**Name_Not_Found** · 2018/05/25(金) 00:47:31.67

HTTP Cookieのうち、ユーザを識別して追跡するトラッキングクッキーと
これへのセキュリティ対策ソフトウェアの対応について質問したいんですが

質問場所ってここでいいんでしょうか
それともム板、あるいはWebProg板に行くべきでしょうか

**Name_Not_Found** · 2018/05/25(金) 00:50:06.90

>>735
日本語に翻訳して解釈しようとするとき、なぜか「一般保護法」が脳裏に浮かぶ、そんな規則に基く規制です

**Name_Not_Found** · 2018/05/25(金) 00:52:16.28

一般保護？ほぅ

**Name_Not_Found** · 2018/05/25(金) 06:38:29.20

一般保護違反ってWin7やWin10でも出るんだろうか

**Name_Not_Found** · 2018/05/25(金) 12:13:55.83

>>735
大雑把に言えば
欧州のグーグルとアマゾンに対する嫌がらせ

**Name_Not_Found** · 2018/05/25(金) 13:54:35.80

>>740
ザッカーバーグ「ぼくもだぞ！」

**Name_Not_Found** · 2018/05/26(土) 16:24:33.01

適当なHTMLで動くのでPHPやJavaScriptで遊んではいたのですが
15年ほどまともなWeb制作をしていません
当時はfontタグからスタイルシートへ
htmlからxhtmlへみたいな時代だったのですが
HTML5やCSS3の最近の動向を追いたいです
何かおすすめのWebサイトありませんか？

**Name_Not_Found** · 2018/05/26(土) 16:34:40.02

>>742
https://developer.mozilla.org/ja/docs/Learn

分からないことをググるときも検索ワードにmdnを付加

**742** · 2018/05/26(土) 16:47:47.27

>>743
ありがとうございます
アドバイスも参考にさせていただきます
さっそくチェックしてきます

**Name_Not_Found** · 2018/05/26(土) 17:56:30.96

メジャーなサイトのソースを見ると、
先頭や先頭から数行まで下のような感じに空行だったりするのですが、

1
2
3 <!DOCTYPE html>

これは単にCMSとかが吐くコードによるもので、
特に意味があるわけではないですよね？

**Name_Not_Found** · 2018/05/26(土) 19:05:55.25

>>745

元のソースはおそらくこんな感じになってる
プログラムの部分が消えることを認識してない
作り手側のミス
http://www.atmarkit.co.jp/ait/articles/0106/14/news002.html

**Name_Not_Found** · 2018/05/26(土) 20:49:50.07

>>742
15年前と同じでいいと思うよー
目の前に広がるネットに参考になるサイトはゴロゴロしておろう
それらを見て学べばいいのよ

**Name_Not_Found** · 2018/05/27(日) 00:29:24.62

作らないと覚えないよね

**Name_Not_Found** · 2018/05/27(日) 01:02:59.35

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>
はおかしいですか？

**Name_Not_Found** · 2018/05/27(日) 01:15:05.76

05月

**Name_Not_Found** · 2018/05/27(日) 01:47:30.99

table以外でというわりにciteを使うのはなぜ

**749** · 2018/05/27(日) 01:54:21.23

>>750
すみませんが、それはなしで。

>>751
citeはおかしいのでしょうか？適合する要素や書き方がわからなくて。
さすがにspanは前時代的でおかしいのかなと。
timeの部分が先にきてるので、それ1つで目的は果たせますけどね。
リストを入れ子にするのも考えたのですが、
日付に対して記事は1つだけだからおかしいかなぁと。

HTMLむずかしい。

**Name_Not_Found** · 2018/05/27(日) 02:09:57.97

>>752
tableを乱用しないようにというのは以下のような理由あってのこと

・意味論的にtableで書くべき内容じゃないものはtableを使わないほうがいい
・昔と違って今はわりとタグによらず（tableを使わなくても）思ったとおりのデザインをCSSで実現できる

spanが前時代的と言う前に、まずW3CやMDNでciteについて確認

**Name_Not_Found** · 2018/05/27(日) 02:29:43.83

>>752
>cite
citeの意味は引用（の題名）なので、引用元の存在が前提になるが
その例だとそうは見えないね

>table以外でマークアップ
<dl> 使うとか
日付 <dt> のスタイルを float: left にすれば横並びになる

**Name_Not_Found** · 2018/05/27(日) 02:33:11.07

見た目が一緒なら同じように解釈されそうなもんだけどんあ

**749** · 2018/05/27(日) 10:20:33.35

引用に関する事項だったんですね。
自分の見てるサイトだと、
＞<cite> 作品のタイトル・著者名・URLを表す
とだけ書いてたので。
これでも>>749の用途とかけ離れてると思いますが。
<dl><dt>日付</dt><dd>記事</dd></dl>
これでやりたいと思います。どうもありがとうございました。

**Name_Not_Found** · 2018/05/27(日) 20:07:58.89

表にしたいなら迷わずtableでいいじゃん
15年前のような感覚はもう捨てていい

**Name_Not_Found** · 2018/05/27(日) 20:59:49.73

ぶっちゃけ検索エンジンもそこまで見ないから
tableでもdivやspanでも好きなように使っていいよ

なにもかも全部それぞれposition:absolute;にしたdivでくるんで配置してるところもある

**Name_Not_Found** · 2018/05/27(日) 21:07:03.50

15年前の感覚だと表じゃなくても何でもtableじゃね？

**Name_Not_Found** · 2018/05/27(日) 21:30:55.12

>>759
15年前ならIE6時代だろ
CSSはあったはずだが

**Name_Not_Found** · 2018/05/27(日) 22:17:38.24

CSSでブロック要素の中に文字を中央配置するのってどうすればいいんでしょうか

<div style="height:3em; vertical-align:middle">テキスト</div>

でも真ん中になりません

line-height:3emなら真ん中になるのですが幅が短くなったときに2行になる可能性があるので
複数行でも中央になるようにしたいです

**Name_Not_Found** · 2018/05/27(日) 22:19:08.24

>>761
flex
css　flexで検索すれば色々な配置が出てくるから、しっかり覚えるといい

**Name_Not_Found** · 2018/05/27(日) 22:29:23.62

仮にflex以外で、だったらどんな手が？

**Name_Not_Found** · 2018/05/27(日) 22:29:58.14

>>762
みえたりきえたりする要素で上位のCSSに
display:hidden　と block を切り替える記述がされてるんですよね
flex指定しちゃうと常に見えるようになってしまいまうので…

**Name_Not_Found** · 2018/05/27(日) 22:36:59.15

>>760
IE6と聞くと真っ先にwidth/paddingバグを思い出すが他にも様々なmarginバグ、floatバグ・・・
tableはとても素晴らしい道具だったよ
今はtableのネストを見かけることもほとんどない

**Name_Not_Found** · 2018/05/27(日) 22:45:29.17

>>764
上位の要素が非表示なら何をやっても非表示になるから気にしなくていいぞ

**Name_Not_Found** · 2018/05/27(日) 22:46:25.56

そういやIE6のおかげで一切marginは使わなかったな
あれ使うと本当にバグってくれる
floatも意味がわからんぐらいずれる

**Name_Not_Found** · 2018/05/27(日) 23:13:44.41

>>766
上位っていうのはシステムの生成したCSSって意味でさわる権限がないんですよね
それをローカルのCSSでみばえだけ整えてるところなんですが

#id::checkd ~ #id { display:block }

こんな感じになってて id の部分がシステムで生成されてかわる可能性があるので display を上書きできない
あとタグも自動生成でさわれなくて内側に div 追加もできないので困ってます

**Name_Not_Found** · 2018/05/27(日) 23:17:21.29

質問者じゃないが浅学のためかどういうことを話してるのかわからん
誰か解説を頼む

**Name_Not_Found** · 2018/05/27(日) 23:28:54.43

便乗質問で似たようなことで困っててこれで上下にずれるのってなんで？
あと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>

**Name_Not_Found** · 2018/05/27(日) 23:40:48.09

>>770
HTMLをこう書き換えたらどうなる？
<body
><div>テスト</div
><div>テスト<br>テスト</div
><div>テスト</div
></body>

**Name_Not_Found** · 2018/05/27(日) 23:52:36.79

>>769
表示/非表示を切り替える要素と、cssが自動生成される
自動生成されるcssにはdisplay:blockが含まれるので、display:flexが使えない
要素では入れ子も使えない
flex使わずにblock要素内のテキストを中央揃えするいい方法はないものか

妙に難しい

**Name_Not_Found** · 2018/05/27(日) 23:53:33.73

>>770
vertical-align: top; をdivにつければいい
inline要素の縦並びの問題

**Name_Not_Found** · 2018/05/27(日) 23:56:44.00

>>771
これで表示かわるのか
ありがとう

しかしこうなるとソース見易さのために改行も注意して使わないとダメなんだな

あとflexで2行にすると高さがずれるのも謎なんだよな
縦方向のセンタリングはしょっちゅうはまる

**Name_Not_Found** · 2018/05/27(日) 23:58:54.39

<div>じゃなくて<li>にすればいい
liは終了タグを省略できるから、

<li>テスト
<li>テスト<br>テスト
<li>テスト

これは

<li>テスト
</li><li>テスト<br>テスト
</li><li>テスト</li>

これと同じ意味になる（ブラウザがこう補完する）

**Name_Not_Found** · 2018/05/28(月) 00:03:52.35

>>773
なるほどうまくいったわ
ただheight指定で同じにしてるのにvertical-alignあわせないとずれるのもよくわからないけど

>>775
省略できるの？
表示がうまくいくのとw3c規格でOKなのはまた別の話なんだけど

**Name_Not_Found** · 2018/05/28(月) 00:06:02.69

>>772
サンキュー
親の、じゃなくて>>761のdivそのもののdisplayのことだったか
これで2行になる可能性あるなら、jsでどうにかする以外なくね・・・？

**Name_Not_Found** · 2018/05/28(月) 00:10:19.78

>>776
さっきもちらっと言ったけど、念のため
その2つは(inline-)flex特有の問題ではない
inline要素の縦位置の問題だったり、空白類の扱いの問題だったりする
意外と面倒な領域だから調べてみるのをおすすめ

floatは色々と無視してくれるから問題として出てこないんだけど（だからclearが必要になったりするわけで）

**Name_Not_Found** · 2018/05/28(月) 01:13:05.55

>>777
やっぱり無理なんですね
無理なら無理でシステム班に内側にもう１つコンテナブロックはいてもらうように頼みますわ
できるならわざわざシステム班の手煩わせるの申し訳ないかなと思ったので
一見簡単そうなのに意外と方法ないものなんですね

**Name_Not_Found** · 2018/05/28(月) 06:52:22.06

**Name_Not_Found** · 2018/05/28(月) 07:54:10.29

>>780
しません。そんな低レベルな方とは仕事をしないので・・・

**Name_Not_Found** · 2018/05/28(月) 08:14:06.56

形式はよおーpsdでもpdfでもpngでもよおー
なんでもいいんだけどよおー

画面実サイズ確定してんだから解像度くらい合わせろや！せめて整数倍にしろや！
それでラインが1pxどうこう言われてもわかるわけねえだろダボが！

**Name_Not_Found** · 2018/05/28(月) 08:16:12.26

メールサーバぶん投げて全部なかったことにして全財産もって旅に出たいわ！

**Name_Not_Found** · 2018/05/28(月) 10:55:18.99

ちょっとしたアイコンにunicode絵文字を使ったのですが
ふとSEO的にまずいなと思い、imgならaltにアイコンの説明がかけるので、
img srcにunicode絵文字を指定できないかなと思うのですが可能でしょうか？
base64エンコードをすれば出来るのは知っていますが、
そうなるとスクリーンショットとって加工してbase64算出してと作業が増えるので。
（特定ブラウザの絵文字になるのでライセンス的にどうかわからないので、そこまでするなら自分で作っちゃうけど）

**Name_Not_Found** · 2018/05/28(月) 11:33:37.26

親要素liの子要素a全体をクリック出来るようにしたいです
liにpadding:0.5em指定しているので
aをblock要素にしてwidthとheightを100%にしても
padding:0.5em分クリック不可なところが現れます
padding:0.5em分もクリック可能にするために
どのようなプロパティをどこに指定すればよいのでしょうか？
お力添えいただけると幸いです

**Name_Not_Found** · 2018/05/28(月) 12:36:52.30

>>785
liのpaddingをやめるか、aの左端をpaddingのぶんズラすか

**Name_Not_Found** · 2018/05/28(月) 14:40:32.89

>>786
paddingのぶんずらすと要素ごと移動するだけで解決しなかったので
paddingからline-heightに変えたらうまくいきました
ただflex-basisなど他のプロパティに影響が出たのでもうちょっといじってみます

**Name_Not_Found** · 2018/05/28(月) 20:59:55.90

>>765
ほとんど、標準準拠モードでは問題なかったバグだね
なぜか後方互換モード起因の不具合が認知されていなかった

**Name_Not_Found** · 2018/05/28(月) 21:03:22.05

IE6はバグも多かったが、それでも当時は
まともにCSSが使える唯一のブラウザだった
ネスケはひどかったな。CSSオフが推奨だったからなｗ

**Name_Not_Found** · 2018/05/28(月) 21:56:24.42

ワードプレスでサイト作成してるんだけど
a hrefにhttpを記述しないと後から勝手にサイトのURLを頭に付けちゃうのはどうしたら解除出来ますか？

例えば<a href="a">テスト</a>にして保存して公開しても
なぜか公開されてるサイトでは指定先が「サイトのURL+a」になってしまって困ってます

助けてください！！

**Name_Not_Found** · 2018/05/28(月) 21:57:31.36

どうしたいの？

**Name_Not_Found** · 2018/05/28(月) 22:02:48.90

リンクからサイトのURLを消したい
自分でa hrefに設定したアドレスだけにしたいんです

**Name_Not_Found** · 2018/05/28(月) 22:14:12.86

どゆこと？

**Name_Not_Found** · 2018/05/28(月) 22:14:53.39

あーそれかなり技術力いるやつだね

**Name_Not_Found** · 2018/05/28(月) 22:15:22.61

ならないだろ

**Name_Not_Found** · 2018/05/28(月) 22:15:25.37

http:やhttps:、ftp:、mailto:などのスキームから、あるいは//から書けば絶対パス、
/から書けばルートパス、
それ以外からの文字から書けば相対パスになるから無理じゃね？
aって何よ？本当にaにしたいの？何か要件隠してない？

**Name_Not_Found** · 2018/05/28(月) 22:20:14.65

>>796
マジで無理ですか...
aはあくまで例えでa hrefには英数字の文字列を入れたいんです
ただhttp://を入れないと勝手にサイトのURLが頭に付いちゃう感じです

**Name_Not_Found** · 2018/05/28(月) 22:21:55.61

かなりのベテランじゃないと無理なやつだね

**Name_Not_Found** · 2018/05/28(月) 22:22:57.54

すまんいけた

**Name_Not_Found** · 2018/05/28(月) 22:37:52.56

>>784
そのアイコンがどんな用途かにもよるが
span や abbr などに入れて title で注釈するので十分じゃないかな
どうやろうがSEO的な効果は予測できんが

**Name_Not_Found** · 2018/05/29(火) 23:06:32.55

paddingで上下同値にしてもど真ん中には来ず
若干上にずれてるんだけど
どう対処すべきですか？

**Name_Not_Found** · 2018/05/29(火) 23:41:30.03

flex

**Name_Not_Found** · 2018/05/30(水) 05:18:19.95

HTMLとかスタイルがわからんからエスパーするけど
インライン要素ならvertical-align がデフォルト値の base-line で下が空いてるのかな
まあ display: flex 使うのがイマドキだね

**Name_Not_Found** · 2018/05/30(水) 19:27:28.87

サイトのフォントって何にしてますか？
ヒラギノとメイリオでfont-weightを指定した時にかなり違いが出るので気になります。

**Name_Not_Found** · 2018/05/30(水) 20:11:10.97

男は黙って游ゴシック

**Name_Not_Found** · 2018/05/30(水) 20:51:32.26

普通IPAフォント

**Name_Not_Found** · 2018/05/30(水) 21:02:28.26

webサイト日本語フォントで検索しても４位までwebフォントの記事が並ぶ…
５位でまともなの来たと思ったら個人サイト…
https://hasegawahiroshi.jp/notes/font-family
mdnとかで一般的な指定フォローしてくれてたら安心なんだが。

**Name_Not_Found** · 2018/05/30(水) 21:25:04.24

最近は客からの指定がなければNoto Sans Japaneseだなあ

**Name_Not_Found** · 2018/05/31(木) 12:22:12.03

>>804
最近はnotoばっかりだなあ
能登かわいいよ能登

**Name_Not_Found** · 2018/05/31(木) 14:46:00.30

xvideosダウンローダーみたいなサイトを作りたいんですが、どんなワードで検索したり、どんな本で勉強すればよろしいでしょうか？

**Name_Not_Found** · 2018/05/31(木) 14:59:18.23

それなら六法全書おすすめ

**Name_Not_Found** · 2018/05/31(木) 15:03:38.66

クローラ

**Name_Not_Found** · 2018/05/31(木) 15:03:40.84

>>810
レオレオニの著書「スイミー」を読んでみては？きっと君には合ってる

**Name_Not_Found** · 2018/05/31(木) 15:53:03.73

>>813
ありがとうございます
しかし何故スイミーを？

**Name_Not_Found** · 2018/05/31(木) 18:13:04.84

ウェブ制作会社で働いてるんだけど
原稿ワイヤーみて HTML CSS js PHP の下層コーディングばかり
給料がなかなかあがらずそのうち独立したいと思ってます

上流工程って具体的にどんなことが必要になりますか？
クライアントにヒアリングして
要件定義とか原稿デザイン画面設計入出力設計とか作るにはどういう勉強yが必要ですか
今の時点で独立してそのへんできるかどうか知りたいです

**Name_Not_Found** · 2018/05/31(木) 19:29:04.32

経験が無ければかなり大変だとは思うよ。
今の状態で独立しても、そういう業務が必要な仕事が発注されるとも思えないけど。

**Name_Not_Found** · 2018/05/31(木) 19:34:17.83

逆にいうと原稿がすでに用意されたコーディングだけの依頼もあるってことですか？
それで食べていけるならそれはそれで拘束時間を自由に選べるので独立したいんですけど

**Name_Not_Found** · 2018/05/31(木) 20:19:39.62

上には上がいてその上が糞みたいに安請けするのがこの業界
独立しても仕事なしか貧乏くじみたいな仕事しか回ってこない

**Name_Not_Found** · 2018/05/31(木) 23:25:14.49

>>815
継続的な仕事や新しい客を呼んでくれる
自分を信頼してくれている客が1人以上いること

その客に対して常に
客も自分も満足できる提案が出来ること

提案したものを確実に開発・運用してくれる
自分で完全にコントロール出来る製作陣が1ユニット以上あること

これが最低条件

**Name_Not_Found** · 2018/06/01(金) 10:24:39.54

ゲーム作って公開してアフェリでほそぼそと小遣い稼ぎしたいんだけど
HPのサーバー維持費で赤字だったらふんだりけったりじゃん
なのでHPを完成させてからレンタルサーバー借りてUPしたいんだけど
オフラインでHPを作っていくことって可能ですか？

**Name_Not_Found** · 2018/06/01(金) 10:26:56.27

XAMPPとかMAMPとか

**Name_Not_Found** · 2018/06/01(金) 10:28:56.91

無料でちょっとした１８禁ゲーム作ってちょっとした広告収入を得たいんだよ
１８禁だとやっぱりみんな喜んでくれるし作りがいを感じてモチベも上がるしゲーム作成が初心者の頃はエロでモチベ上げといたほうが
良さそうでさ
俺的にもエロつくると真剣味ますしやる気でるしさ
グーグルのやってるブロガーとかって無料で借りれるサーバーも考えたけど１８禁を受け入れてくれなさそうだし

**Name_Not_Found** · 2018/06/01(金) 11:37:16.29

共同ツール 1
https://seleck.cc/685

https://trello.com/
ボードのメニュー → Power-Upsから拡張可能 Slack DropBoxなど
Trello Chrome拡張機能　elegant
ttp://www.kikakulabo.com/service-eft/
trelloのオープンソースあり

共同ツール 2
https://www.google.com/intl/ja_jp/sheets/about/

共同ツール 3
https://slack.com/intl/ja-jp
https://www.dropbox.com/ja/
https://bitbucket.org/
https://ja.atlassian.com/software/sourcetree
https://www.sketchapp.com/

ttp://photoshopvip.net/103903
ttps://goodpatch.com/blog/sketch-plugins/

Trello Chrome拡張機能プラグイン集
https://chrome.google.com/webstore/search/trello?_category=extensions

Slackプラグイン集
https://slack.com/apps

Sketchプラグイン集
https://sketchapp.com/extensions/plugins/

**Name_Not_Found** · 2018/06/01(金) 12:57:34.17

>>820
Apache

**Name_Not_Found** · 2018/06/01(金) 16:27:42.17

>>820
Brackets

**Name_Not_Found** · 2018/06/01(金) 16:50:16.61

>>820
可能だし、それが普通
それよりゲームダウンロードしに来た人間がアフィ踏む理由が謎

**Name_Not_Found** · 2018/06/01(金) 20:03:11.81

>>826
ブラウザゲームってしってる？

**Name_Not_Found** · 2018/06/01(金) 20:12:18.32

javascriptとか使ってページ遷移なしでブラウザのURL変える方法ってありますか？

**Name_Not_Found** · 2018/06/01(金) 20:38:22.20

>>827
820はそんな事言ってない

**Name_Not_Found** · 2018/06/01(金) 21:38:35.12

>>828
あーqiitaで最近読んだな…
ちょっと待ってろ

**Name_Not_Found** · 2018/06/01(金) 21:39:46.08

>>828
あったあった。ほらよ。
https://qiita.com/nightyknite/items/b350dc95f7da089a516a

**Name_Not_Found** · 2018/06/01(金) 22:28:55.44

なんお技術だよｗｗｗ
って言いたいけど俺も一回だけ使ったことがある

**Name_Not_Found** · 2018/06/01(金) 22:40:21.50

リンク先見てないけどpushstateだったら
1ページものをよくやる人にはお馴染みかも

**Name_Not_Found** · 2018/06/01(金) 23:57:12.19

>>831
ありがとうございます！

**Name_Not_Found** · 2018/06/02(土) 09:46:16.80

最近じゃ普通の技術だろ

**Name_Not_Found** · 2018/06/02(土) 13:05:27.95

それを言っちゃ何でも普通。公開仕様なんだから。

**Name_Not_Found** · 2018/06/02(土) 15:02:55.98

ajaxも随分と普通の技術になってしまったな

**Name_Not_Found** · 2018/06/02(土) 20:28:18.09

ブラウザのURLを書き換えられるってだけで
実際にそのURLにアクセスしてるわけではない？

**Name_Not_Found** · 2018/06/03(日) 18:29:48.60

少なくともこの機能で書き換えただけではアクセスする事はないよ

**Name_Not_Found** · 2018/06/03(日) 18:36:34.84

XHRはIE6にも実装されてた
17年も前のことなんだなあ

**Name_Not_Found** · 2018/06/03(日) 18:55:06.94

当時はとにかくテーブルで作ればそれでいいって時代だったな

**Name_Not_Found** · 2018/06/03(日) 19:00:59.56

>>838
>>828も読めない？
まず国語の勉強しては？

**Name_Not_Found** · 2018/06/03(日) 19:01:52.72

IE6は標準とずれていたってだけで、
機能的にはHTML5の初期レベルの能力があったからな

**Name_Not_Found** · 2018/06/03(日) 20:18:23.01

ないわ

**Name_Not_Found** · 2018/06/03(日) 20:19:47.14

いやあるぞｗ

例えばTHML5のCanvasをIEでエミュレートできたしな

**Name_Not_Found** · 2018/06/03(日) 23:27:25.57

確かcanvasが使えてもjscriptが邪魔をしていた気がする

**Name_Not_Found** · 2018/06/03(日) 23:44:41.59

そりゃそうだろな。
IE6が作られたのは、ブラウザ間の互換性が低く
それでいながら過去のブラウザとの互換性も重要視された時代だから
でもそういう話じゃなくて
機能的な能力の話だよ

**Name_Not_Found** · 2018/06/04(月) 01:29:36.99

>>840
XHRはIE7からだよ
IE6はActiveXObjectだった
event.srcElementを使えなくて、とても使いにくかったのを覚えてる

**Name_Not_Found** · 2018/06/04(月) 10:47:24.02

サーバサイド（例えばPHPのLaravel）でテンプレートを使っておきながら
クライアントサイド（例えばVue.js）でテンプレートを書くというのはなんか意味あるんですか？
最近のトレンドにまったくついていけない

**Name_Not_Found** · 2018/06/04(月) 10:59:52.81

LaravelにはAPIモードないの？Railsにはあるんだけど。

**Name_Not_Found** · 2018/06/04(月) 13:17:00.58

Railsてｗｗｗ
くそわろた

**Name_Not_Found** · 2018/06/04(月) 13:22:38.56

で、あるの？ないんでしょ。だから誤魔化してるんだ？ｗ

**849** · 2018/06/04(月) 13:39:41.13

LaravelもVue.jsも実は使ったことありません
ただVue.jsのスポンサーにLaravelがあって
LaravelにVue.jsが組み込まれてるらしいので
なんでサーバクライアントの両サイドでテンプレート使う必要があるのか不思議で
テンプレートとしてLaravel使うならVue.jsはいらないし
Vue.js使うならLaravelいらないのでは？と思った次第です
サーバサイドのほうが出来ること多いのでどっち取るかといったらLaravelになるでしょうけど

**Name_Not_Found** · 2018/06/04(月) 14:54:51.08

>>853
＞テンプレートとしてLaravel使うならVue.jsはいらないし
＞Vue.js使うならLaravelいらない

正しい
普通は両方使うことに意味はない
そんなシステムを見かけたなら作った奴に意図を聞け

**Name_Not_Found** · 2018/06/05(火) 01:03:06.62

すごいなぁ
wordpressとjqueryしか触らないし実務もそれだけだわ

**Name_Not_Found** · 2018/06/05(火) 02:06:42.69

アイコン用の白黒の透過pngにCSSで色のせることってできますか？
量があるのでフォトショでいちいち編集するの面倒なんですよね

**Name_Not_Found** · 2018/06/05(火) 02:26:48.94

プログラムでやればいい

**Name_Not_Found** · 2018/06/05(火) 04:08:00.66

ウェブフォント版があったんですけど
ウェブフォントって拡大ってどうすればいいんでしょう

**Name_Not_Found** · 2018/06/05(火) 04:15:32.19

>>858
拡大とは？
font-sizeやtransformのscaleではなく？

**Name_Not_Found** · 2018/06/05(火) 15:48:58.87

>>801だけど
見るブラウザによってセンタリングされてたり
上に寄ってたりで統一ができません

flexだのvertical-alignだのそういった話ではなくて
フォント自体の領域がずれてるっぽいんですけど
何か統一できる手段ってありますか？

開発者ツールで見るとわかるんですけど
例えば游ゴシック適用した際
computedの青の領域を見ると
テキストの頭が飛び出していて足元に空白があることが
ブラウザによっては確認できるかと思います

こいつが原因っぽいのでなんとかしたいんですが無理ですか？

**Name_Not_Found** · 2018/06/05(火) 22:47:53.02

>>859
ウェブフォントって fontsize で普通にかえられるんですね
サイズ固定なのかと思ってました
ありがとうございました

**Name_Not_Found** · 2018/06/06(水) 02:18:09.10

<div>
<span>
<span>
</div>

っていう構文で span に inline-block がついててこれが変更できないっていう条件で

span 2 つを 2 行にして div の中央に配置することってできませんか？
試行錯誤してるんですがなかなかうまくいかない…

**Name_Not_Found** · 2018/06/06(水) 03:21:32.48

<input> の <label> の中に <a> をいれるとクリックしたときどっちが優先されますか？

<label><a href="#id">ページ内リンク</a></label>
　:
<div id="#id">
　:

みたいな感じでlabelをクリックしたときにページ内リンクにとばせつつ
label のスタイルも :checked で変化させたいのですができませんか？

**Name_Not_Found** · 2018/06/06(水) 06:14:25.63

>>860
再現可能なコードと再現可能な環境を示すべき
jsfiddleにでもUP

**Name_Not_Found** · 2018/06/06(水) 07:11:47.12

>>862
spanのafterにブロックでも入れてみれば？

**Name_Not_Found** · 2018/06/06(水) 12:38:41.33

>>865
2行にするにはそういう方法もあるんですね
width:51%とかにしてました

**Name_Not_Found** · 2018/06/06(水) 18:28:10.36

onmouseで色がかわるってのは昔ならJavaScript使ってstyle操作してましたが
今時はどうやるのがいいんですか？
:hoverでいいんでしょうか？

**Name_Not_Found** · 2018/06/06(水) 18:32:25.65

スマホ気にしないならそれでいいんじゃない

**Name_Not_Found** · 2018/06/06(水) 21:20:03.66

>>864
https://jsfiddle.net/bLmr7ukd/13/
https://i.imgur.com/Kkvnp7T.png

windows10環境でブラウザ全て最新バージョン（のはず）

何故かieで開けなかったので確認できていません

**Name_Not_Found** · 2018/06/07(木) 05:54:38.78

>860
前に仕事で見かけたのはIEと游ゴシックだったかな

どうもブラウザとフォントの組み合わせによるようだが、原因は不明で根本的な対策もわからん
(和洋混植でディセンダが変に下がってる気はするが……)

・そういうモノ(フォント)だと考えて気にしない
・現象が起きないフォントを指定する
・paddingとかmarginでごまかす

line-heightを大きくして上下にネガテイブマージンとかやったらどうにかなんねーかなぁ

**Name_Not_Found** · 2018/06/07(木) 06:11:32.81

>>870
游ゴシックとWin10は相性が良くない印象

**Name_Not_Found** · 2018/06/07(木) 07:43:26.95

>>849-854
Rails 5.1で作るVue.jsアプリケーション～Herokuデプロイからシステムテストまで～
https://youtu.be/ycOeM2umXkY

Junichi Ito 伊藤淳一の動画

Ruby on Rails から、Vue.js を使っている

**Name_Not_Found** · 2018/06/07(木) 12:13:51.97

>>572
RoRにもERBテンプレートがあるはずだけど
これは
＞テンプレートとしてLaravel使うならVue.jsはいらないし
＞Vue.js使うならLaravelいらない
の答えになってんの？
Vue.JSのテンプレートは素のHTMLがだいぶ汚くなるし
ぼくちんいろんなこと出来るって言いたいだけちゃう

**Name_Not_Found** · 2018/06/07(木) 12:27:34.44

googlebotがjs解析できてdom挿入後のソースを検索に反映するなら
特に問題はないんじゃない
しないならseo的にもよくないけど
世の中のVue.jsで作られてるサイト全てが不都合被ってるとは思えないな

**Name_Not_Found** · 2018/06/07(木) 13:19:18.71

>>870
>>871
ありがとうございます
paddingで騙し騙しやっていくことにします……

**Name_Not_Found** · 2018/06/07(木) 14:08:57.98

>>874
諸事情あって
グローバルナビがJSで貼り付けられてるサイトを運用してるけど
問題なくクロールされるね

**Name_Not_Found** · 2018/06/07(木) 14:48:14.99

Vue.jsの記事の多くをみても
検索エンジンとは無縁な管理画面を想定しているよね
つまり・・・

**872** · 2018/06/08(金) 07:21:26.57

>>872
の動画みたいに、1文字打つごとに、リストの候補が絞られるような入力補完は、
Vue.js じゃないと無理だろ

c → cat, cool
ca → cat

**Name_Not_Found** · 2018/06/08(金) 09:10:42.58

ちょっと考えればおかしいこと言ってるって分かんないかなこのバカ。
vueで出来るってことはjsで出来るってことだ。
実際reactのチュートリアルでもよくある。

**Name_Not_Found** · 2018/06/08(金) 09:15:57.63

質問です
bootstrap4で3のpull-leftに相当する記述はどうやればできますか？
class="float-left"では上手く行かなくて困ってます。

**Name_Not_Found** · 2018/06/08(金) 10:17:42.15

初心者にそこまで言ってやるなよw

**Name_Not_Found** · 2018/06/08(金) 13:26:20.21

>>880
自己解決しました
半角英数字でテストするの止めたらうまく行きました

**Name_Not_Found** · 2018/06/08(金) 23:21:51.72

Jリーグのチームロゴ画像って個人サイトで使ってエエのん?

**Name_Not_Found** · 2018/06/09(土) 00:16:47.51

>>883
ウェブ制作の前に著作権について学んでください

**Name_Not_Found** · 2018/06/09(土) 06:17:56.34

https://www.jleague.jp/aboutj/property/
報道以外（商業利用含む）の意匠／商標の利用はJリーグへの事前申請が必要
ただし原則として肖像権料や商品化権料などが発生しうる
だそうだ

ファンサイト作りたいんですけどークラブチームのロゴ使ってもいいですかー？
とか馬鹿な子装って聞いてみれば
ダメって言われたら自分で書いた絵もだめですかー？とかアホな子装って聞いてみれば

**Name_Not_Found** · 2018/06/09(土) 07:44:25.11

スマホ用とPC用って1ページで書くことができるんでしょうか？
古い人間なもので/pc/とか/smartphone/ディレクトリ分けて
UAで振り分けみたいなのが浮かぶのですが
今は画面サイズ見てやるのが主流なようなので
ただそうなった場合画像とかの扱いはどうなるのかな？という疑問が
スマホはwifi環境とも限らないので
普通PC用の画像とスマホ用の画像は分けると思うんですけど
そのへんはJavaScriptでやるのでしょうか？
最近はCSSなんかでも条件書けるみたいなのでそっち使うのでしょうか？
その場合は画像はbackground-imageとして使うことになると思うので
背景ではなくimgタグ使うべき場所もあるのでは？という疑問もわいてきますが

**Name_Not_Found** · 2018/06/09(土) 10:51:19.05

>>886
Wi-Fiじゃなくても、今のスマホは4G回線が一般的だから、imgタグも普通に使う。

**Name_Not_Found** · 2018/06/09(土) 12:04:07.48

4GLTEは一般的だけど、容量使い果たして帯域制限かかってたり、
追加料金支払ったり、PCにあわせてでっかい画像をスマホで使うってのは個人的にはありえない。

**Name_Not_Found** · 2018/06/09(土) 12:28:58.65

>>886
srcset使うといいよ。
君にぴったりの記事もある↓
https://terkel.github.io/srcset-sizes/

**Name_Not_Found** · 2018/06/09(土) 12:51:52.62

>>888
確か容量使いきってるのは数%っていう統計があったが
ほとんどの人が月1GB以下だったはず

**Name_Not_Found** · 2018/06/09(土) 13:02:17.64

>ほとんどの人が月1GB以下
えっ？どこのご老人世界ｗ

**Name_Not_Found** · 2018/06/09(土) 13:45:02.70

>>891
あ、3GBの間違いな
要は低速まで使うガキは一握りって事

**Name_Not_Found** · 2018/06/09(土) 14:28:38.06

>892
家にブロードバンド回線があるかどうかでぜんぜん違う。
家にあって外ではあまり使わない場合は3GBに収まるが
家にない場合は、月15GBぐらい簡単に行く

**Name_Not_Found** · 2018/06/09(土) 15:05:33.28

>>893
あっそ
じゃあ15GB用にサイト作ってれば？

**Name_Not_Found** · 2018/06/09(土) 15:25:18.57

>>894
サイトを作る必要はないよ。
画像のみを変えればいい

そこはほぼ自動化できるので
自動化するだけの技術力があれば
面倒なことにはならない

君はもう少し修行を積んだほうが良いね

**Name_Not_Found** · 2018/06/09(土) 17:28:09.87

>>895
そういうのは最初に
>>886に言ってやるべき

**Name_Not_Found** · 2018/06/09(土) 18:53:28.48

本人じゃないけど>>889で言ってんじゃん

**886** · 2018/06/09(土) 20:39:17.93

>>887-889
どうもレスありがとうございました
>>889さんのは割と新しめの技術なんですね
メディアクエリなんかも全然知らなかったのでとても参考になりました
IEとopera miniは対応してないようですが問題ないので
これを使ってみたいと思います
どうもありがとうございました

**Name_Not_Found** · 2018/06/09(土) 23:43:41.95

>>896
見た時すでに馬鹿がレスしたいたんだからしょうがない
馬鹿なことを言ってる馬鹿に、ばーかばーかというのが俺の役目
もちろん馬鹿とは>>894のこと

**Name_Not_Found** · 2018/06/09(土) 23:51:32.58

したいたんwww

**Name_Not_Found** · 2018/06/10(日) 01:39:48.01

死体たん？

**Name_Not_Found** · 2018/06/10(日) 23:57:41.97

今勤めてる会社の社長から会社のｗｅｂサイト作れ、という指示が飛んできました。

学生のころに趣味でＨＰ作ったことがあるからなのですが、曲がりなりにも法人のサイトなので尻ごみしています。
プロにお願いするのが一番なのでしょうが、ちょっと暇な時期で、仕事を回してるという側面もあるので断れません。
同業他社のサイト参考にして、ちょっと変えてくれる程度でいいよ、とのことですが、レンタル鯖等のプランもありません。

鯖はネットで適当に調べて、人口が多いところか、知名度が高い大企業がしてるところかの二択にしてますが、
素人が初めて、どれくらいの時間が必要かとか、有料素材等でいくらかかるのか、何を用意しないといけないかとかの見当がつきません。

ふわふわした質問で申し訳ないのですが、法人のWEBサイト作るなら最低限これだけは必要、
ということや、読んでおいたほうが良い書籍やサイトなど教えていただけると助かります。

業種は飲食店です。

**Name_Not_Found** · 2018/06/11(月) 00:14:24.45

>>902
鉄板を決めてあげる
・サーバーはsakuraサーバー
・wordpressをインストールする。もうそれだけでそれっぽくなる
・後はテンプレートをひたすら探す

本当は
・そもそもwebサイトで何を目指すのか
という事を考えなければならないんだけど、どうせ住所と電話番号がわかればいいってレベルだろうから、
住所と電話番号が分かるものを1ページで作れば良い
有料素材なんてもったいないからぜんぶいらすとやで良い

これだけ言ってわからないなら、「wordpress　HP　作成」で検索すれば良い
10マン＋3日もアレばそれっぽいものを作ってくれる

**Name_Not_Found** · 2018/06/11(月) 00:28:39.84

>>903
ありがとうございます

Webサイトの理由ですが、主な理由はまずはお客様への告知であり、次に手の空いた社員に仕事をさせることなので外注では意味がありません。
またお客様はなじみのお客様と新規のお客様双方への告知になります。イラスト屋は現在ではテレビ等でも使用されていますし、
お客様の中にもイラスト屋を知ってる方もいるかもしれない以上、フリー素材で安く作っていると思われるのはちょっとまずいので有料素材を使わざるを得ないかな、と考えています。

鯖は私ならsakuraでいいと思うのですが、社長の性格が値段より安心、という性格なので当て馬にしようとは考えています。

**Name_Not_Found** · 2018/06/11(月) 00:37:14.66

飲食店なら写真をどうするかが大変そうだけどね

**Name_Not_Found** · 2018/06/11(月) 00:46:59.49

それツイッターの方が適切じゃね

**Name_Not_Found** · 2018/06/11(月) 01:00:44.32

疎い社員に会社のサイトを作らせることと安心を取ることが矛盾してる
気軽なノリで作るならそれはやめた方がいい
本当にそれは必要なのか、もっと安全で低コストな方法はないのかもう一度検討してみては？

**Name_Not_Found** · 2018/06/11(月) 01:07:00.13

>>904
さくらは落とし穴があるから注意

**Name_Not_Found** · 2018/06/11(月) 01:08:01.95

wordpressが使いたいなら、wordpress.com で
wordpressサービスをレンタルしたほうが良い

下手に自分でサーバーを借りてwordpressをインストールしたりすると
セキュリティの更新などでメンテナンスが大変になるぞ。
（wordpressは自動更新とかあって比較的楽だった気はするが）

制約はきつくなるがアプリをインストールする方式ではなく、
ブログサービス等をレンタルしたほうが安全

社長の「安心」というのが「安全性が高い」という意味ではなく
「信頼性がある」という意味ならドメインを取得して
SSL証明書も入れたほうが良いだろう。
（SSL証明書は今ならLet's Encryptで無料で取得できるしな）
レンタルするサービス・サーバーこれらに対応していることを確認すること。
対応していると言っても、設定を自分で行わなければいけず大変なこともある

ウェブサイトの運営はコンテンツを作る以外にもやらなければいけない事がある
それを自分でやるのかやらないのかの判断が必要

**Name_Not_Found** · 2018/06/11(月) 01:44:49.55

>>909
comは制約多いやん
プラグインとかJavaScriptとか

**Name_Not_Found** · 2018/06/11(月) 02:28:30.72

>>910
うん。だから安全とも言える。
サイトを作るのにプラグインのメンテナンスは本質的な作業じゃないでしょ？
それをやる覚悟はありますか？って話

やりたいならやればいいよ
だけど>>902はどうみせもそこまで考えてないから
念を押しているだけ

**Name_Not_Found** · 2018/06/11(月) 02:41:16.84

それはあるな
自由には責任がともなんとやら

**Name_Not_Found** · 2018/06/11(月) 02:48:30.92

値段が高いからって安全ってわけじゃないからな

**Name_Not_Found** · 2018/06/11(月) 08:26:06.41

コメントありがとうございます

正直、私もやりたくはないので必然性等に関しては説得もしたのですが
社長が必要だと感じているので、ここはもう変えられないと思います。
サーバに関してはあんまり金をかけたくないとはいえ、別に気にしなくていいよ、という言質とってるのと
何かトラブルがあった際、安いとこにしたせいだ、ととられるのも癪なので社内政治的に大手にしておこうと思った次第です。

最初にそれっぽいの作って、はメンテナンス等は放置がこのましいのですが

**Name_Not_Found** · 2018/06/11(月) 09:12:33.42

>>914
だったらグーペなんかもいいと思う

**Name_Not_Found** · 2018/06/11(月) 09:21:04.62

ロリポの月500円プラン一択だわ

**Name_Not_Found** · 2018/06/11(月) 13:40:16.00

ええええええええ
企業サイトでしょ？
ロリポップ？

**Name_Not_Found** · 2018/06/11(月) 14:05:48.65

>>914
いっそのことブログ使うの止めたら？
HTML書いてアップロードするだけ

ブログとかCGIとかECサイトとか
何かしらのシステムを使うサイトは絶対にメンテナンスが必要
メンテナンスをしないとトラブルが発生する
そのメンテナンスを自分でするかサーバー会社（または専門業者）に
やってもらうかで金額は大きく違う

**Name_Not_Found** · 2018/06/11(月) 16:00:13.35

企業っていっても資本金ほぼ0の零細から株式会社まで様々だからな

**Name_Not_Found** · 2018/06/11(月) 16:04:03.12

考えようによっちゃチャンスだけどな
給料もらいながらWEBの勉強ができるわけだからwordpressとかで作ってもいいんじゃないの

**Name_Not_Found** · 2018/06/11(月) 16:23:43.62

大して更新しない
企業概要とかアクセスとか書いただけのサイトなら
WordPressを使う理由は特に無いな

**Name_Not_Found** · 2018/06/11(月) 16:46:18.32

ここで質問していいかわからないですが
グーグルなどの検索結果から削除したい件がありまして
サイト管理者側が該当ページを削除するのは手間がかかることなんでしょうか？
連絡がつけば何日くらいで削除できますか？

**Name_Not_Found** · 2018/06/11(月) 17:40:38.00

Googleのウェブマスターツールで申請すれば消せるけど少し時間がかかる
すでにアーカイブされてるものは消えないけど
次のクロールの際に不要なページなら410GONEでも拾ってもらえばいい
必要なページならrobots.txtで拒否すればいい

**Name_Not_Found** · 2018/06/11(月) 18:27:07.02

>>914
詳しくありがとうございます
とりあえず連絡してみます

**Name_Not_Found** · 2018/06/11(月) 18:29:04.80

画像表示に鯖には画像データ置かないでwikiの画像URL指定して表示させたりしたらアカンのかね

**Name_Not_Found** · 2018/06/11(月) 19:21:59.06

>>925
はい

**Name_Not_Found** · 2018/06/11(月) 19:30:41.73

あかん

**Name_Not_Found** · 2018/06/11(月) 19:34:33.29

twitterとかyoutubeのサムネとかapiで引っ張ってくるのもアカンのかえ