Webサイト制作初心者用質問スレ part249

**Name_Not_Found** · 2018/06/16(土) 19:14:23.20

初心者だろうが誰だろうが、
まず >>>■ 検索してから ■<<< 質問すること
ネタ・煽り・自演・荒らしは完全放置

【質問時の注意】
　 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サイト制作初心者用質問スレ part248
http://mevius.5ch.net/test/read.cgi/hp/1494150188/

**Name_Not_Found** · 2018/08/02(木) 07:02:20.65

>>308
これが2018年かよ絶望したわ（ありがとうございます！頑張ります）

**Name_Not_Found** · 2018/08/02(木) 07:14:02.77

>>310
Seoを考えるならhtaccessで301でリダイレクトする
めんどくさかったらそのまま消してok

**Name_Not_Found** · 2018/08/02(木) 07:45:45.05

>>313
ありがとうございます
まだサイトを開設してそれほど経っておらず
訪問者もたいしていなかったので思い切って消します

**Name_Not_Found** · 2018/08/02(木) 08:30:22.51

昔はHTMLもCSSも単純で
ソース見て動作おうのも簡単だったけど
今はきっついねえ
https://www.hi-chew.com/
こんな感じのメニューなしで1ページにセクション詰め込んでるようなデザイン
あれを今やってるけど自分でも何やってるかよくわからない

**Name_Not_Found** · 2018/08/02(木) 19:27:08.60

だれかウェブサイトをWindows 10のライブタイル（スタートにピン留め）に
対応させた人か対応しているサイト知らない？
タイル画像を出すまではうまくいったんだけどプッシュ通知がうまくいかない

例えばこことか確かに browserconfig.xml は置いてあるんだけど
https://woresite.jp/2013/11/06/060646.html

polling-uri が古いのか http://notifications.buildmypinnedsite.com を経由した
URLが取得できないので動いてない（はず）

自分で書いてみたけど、うまく動いてない感じなので、
どこかサンプルサイト見てみたいんだけど

**Name_Not_Found** · 2018/08/02(木) 20:01:10.96

ようやくひとつ見つけた・・・。
https://www.windowscentral.com/

browserconfig.xml じゃなくて metaタグ使ったバージョンだけど
これでちゃんと出来てる場合の挙動がやっと分かる

**Name_Not_Found** · 2018/08/02(木) 20:05:54.08

将来消えるかもしれんから、後の人のために残しておくな
Windows 10のライブタイルにウェブサイトを対応させる方法

htmlにこんな感じのmetaタグを書く

<meta name="msapplication-square70x70logo" content="https://www.windowscentral.com/sites/wpcentral.com/files/images/tiles/tiny.png"; />
<meta name="msapplication-name" content="Windows Central" />
<meta name="msapplication-tooltip" content="Windows Central" />
<meta name="msapplication-navbutton-color" content="#ed2e8e" />
<meta name="msapplication-TileColor" content="#ed2e8e" />
<meta name="msapplication-wide310x150logo" content="https://www.windowscentral.com/sites/wpcentral.com/files/images/tiles/wide.png"; />
<meta name="msapplication-square310x310logo" content="https://www.windowscentral.com/sites/wpcentral.com/files/images/tiles/large.png"; />
<meta name="msapplication-notification" content="frequency=30;
　polling-uri=https://www.windowscentral.com/live-tile/0;
　polling-uri2=https://www.windowscentral.com/live-tile/1;
　polling-uri3=https://www.windowscentral.com/live-tile/2;
　polling-uri4=https://www.windowscentral.com/live-tile/3;
　polling-uri5=https://www.windowscentral.com/live-tile/4;
　cycle=1" /> ※本当はスペースなしで一行
<meta name="msapplication-square150x150logo" content="https://www.windowscentral.com/sites/wpcentral.com/files/images/tiles/square.png"; />

**Name_Not_Found** · 2018/08/02(木) 20:19:27.57

正しくできていれば、スタートメニューにピン留めしてすぐに
右下にEdgeのアイコンのバッジ（でいいのかな？）が表示されて
ライブタイルの内容が切り替わる

ライブタイルの内容はpooling-uri～pooling-uri5の5個（最大5個だったはず）

pooling-uri の内容はこんな感じ（XML宣言がないな？）

<tile>
　<visual lang="en" version="2">
　　<binding template="TileSquare150x150Text04" branding="logo" fallback="TileSquareImage">
　　　<image id="1" src="https://www.windowscentral.com/sites/wpcentral.com/files/styles/w310h310crop/public/field/image/2018/07/xbox-one-x-logo-2018.jpg?itok=qWAmVhGO";/>
　　　<text id="1">Xbox One sales have nearly doubled since 2017 says NPD</text>
　　</binding>
　　<binding template="TileSquare310x310SmallImagesAndTextList02" branding="logo">
　　　<image id="1" src="https://www.windowscentral.com/sites/wpcentral.com/files/styles/w310h310crop/public/field/image/2018/08/origin-evo17-s-press.jpg?itok=JfTD66RX";/>
　　　<text id="1">Origin PC goes for gaming greatness with powerful EVO17-S, EON15-S laptops</text>
　　　<image id="2" src="https://www.windowscentral.com/sites/wpcentral.com/files/styles/w310h310crop/public/field/image/2018/07/warhammer%20vermintide%202.jpg?itok=-EJzhN-d";/>
　　　<text id="2">Warhammer: Vermintide 2 gets huge patch on Xbox One, adds time-limited event</text>
　　　<image id="3" src="https://www.windowscentral.com/sites/wpcentral.com/files/styles/w310h310crop/public/field/image/2018/07/soft-vs-hard-tubing.jpg?itok=SSdKiwFh";/>
　　　<text id="3">Differences between soft and hard tubes for PC water cooling</text>
　　</binding>
　</visual>
</tile>

**Name_Not_Found** · 2018/08/02(木) 20:49:43.25

スタートメニューの右側とか全く使ってないや

**Name_Not_Found** · 2018/08/02(木) 21:06:20.45

>>320
まー、使わないよねｗ

昔、Windows 7でガジェットが使えた時、個人的なサイトの情報を表示するHTMLを表示してたんだけど、
ガジェット無くなってそれが使えなくなって、ライブタイルで同じことできるかなー？って思ったら
こっちは画像のみでHTML表示できないのでしばらく放置していた。

以下の内容でindex.htmlを作ればライブタイル登録できるはず。
msapplication-square70x70logo とか polling-uri とかは特にドメイン制限は無かった
ただしindex.htmlはローカルホストではない別のホストから配信しないとだめ

**Name_Not_Found** · 2018/08/02(木) 21:06:43.37

<!DOCTYPE html>
<html>
<head>
<meta name="msapplication-name" content="Windows Central" />
<meta name="msapplication-tooltip" content="Windows Central" />
<meta name="msapplication-navbutton-color" content="#ed2e8e" />
<meta name="msapplication-TileColor" content="#ed2e8e" />
<meta name="msapplication-square70x70logo" content="https://www.windowscentral.com/sites/wpcentral.com/files/images/tiles/tiny.png"; />
<meta name="msapplication-square150x150logo" content="https://www.windowscentral.com/sites/wpcentral.com/files/images/tiles/square.png"; />
<meta name="msapplication-wide310x150logo" content="https://www.windowscentral.com/sites/wpcentral.com/files/images/tiles/wide.png"; />
<meta name="msapplication-square310x310logo" content="https://www.windowscentral.com/sites/wpcentral.com/files/images/tiles/large.png"; />
<meta name="msapplication-notification" content="frequency=30;
　polling-uri=https://www.windowscentral.com/live-tile/0;
　polling-uri2=https://www.windowscentral.com/live-tile/1;
　polling-uri3=https://www.windowscentral.com/live-tile/2;
　polling-uri4=https://www.windowscentral.com/live-tile/3;
　polling-uri5=https://www.windowscentral.com/live-tile/4;
　cycle=1" />
</head>
<body></body>
</html>

msapplication-notificationの所は本当は一行

**Name_Not_Found** · 2018/08/02(木) 21:28:56.66

おかしいな？ https://msdn.microsoft.com/ja-jp/ie/dn320426(v=vs.80).aspx の通りに書いてるはずなんだけど
browserconfig.xmlを使用するとうまくいかない。（ライブじゃないtileの部分は反映される）
metaタグで書いたら動く。スペルミスないか何度も確かめたんだけどな。なにか変わったのか？
まあいいや。動くところまでは来てるので。

ただ気づいたが、俺が求めてるのはライブタイルである必要ないんだなｗ
単にタイルの画像が切り替わってくれればいい。勝手に切り替わるのかな？

**Name_Not_Found** · 2018/08/03(金) 11:51:19.30

おそらくMS公式のピン留めテストサイト
http://pinnedsitedemo.cloudapp.net/testdrive/index.aspx

ついでに情報サイト
Pinned site metadata reference
https://technet.microsoft.com/ja-jp/security/dn255024(v=vs.80)
ピン留めされたサイトの機能強化
https://technet.microsoft.com/ja-jp/security/bg183312(v=vs.80)
Browser configuration schema reference
https://technet.microsoft.com/ja-jp/security/dn320426(v=vs.80)

なんでこう情報が断片的なんだろうか。Windows 8の話だったり、
IE10やIE11の話だったり、どうせEdgeではまた違うんだろう？
今はWindowsのバージョンが1803だが、更新されたらまた変わるんだろ？

browserconfig.xml の notification はやっぱり動かない。notificationが1個の時
cycleは0がデフォルトって書いてるけど、明示的に指定しないと1になってるだろ？
っていうかcycleの意味がよくわからんかった。

多分だが、ライブタイトルの切り替え（上にスクロールしたり回ったりして切り替わるやつ）
これのことっぽい。ライブタイトルはpolling-urlで指定できる最大5つを切り替えて表示する
polling-urlを1つだけ指定している場合、cycleが0だとfrequencyで指定した時間が経つと
単純に切り替わるだけだが、cycleが1だと履歴を最大5つ保持して、過去の情報を切り替えて表示するようだ。
cycleが2～7の場合は、その切替を大きいタイルだけやるとかそういう区別だな

あといいやもうここに書いちゃえ、metaで指定する msapplication-square70x70logo や polling-uri は相対URLが使えるが
polling-uri で受け取るXMLに書く image は絶対URLじゃないとだめっぽい。あとキャッシュに注意な
polling-uri で受け取るXMLは、内容が変わってないと更新なしと判断されるのだろう
また内容が変わっていたとして、imageで指定した画像は、URL変わってないと読み込まれない
まあ、あれだ、meta要素かくHTMLファイルは静的でいいが、それ以外は動的にしとけっつーことだな

読みにくいだろうけどすまん。まとめるの面倒だし、将来誰かのためになればいいな程度で書いてる。

**Name_Not_Found** · 2018/08/03(金) 11:57:37.40

MSのドキュメントは広大すぎて何処に何があるのかわからん

Docs/Previous Versions/Windows/Internet Explorer/Internet Explorer for Developers/Dev guides/Internet Explorer 11 Developer Guide/Windows integration/Pinned site enhancements
https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/dev-guides/bg183312(v=vs.85)

上の方にこれ古いって出てる。そんなのわかってる。Recommended Versionって書いてるけど
Edgeのトップが表示されるだけじゃねーか

最新版どこにあるんだよ、クソが

**Name_Not_Found** · 2018/08/03(金) 12:03:19.77

msPinnedSiteState とかJavaScriptから参照できるっぽい機能があるから調べてみたら

https://social.msdn.microsoft.com/Forums/Windowsdesktop/en-US/3b6602b5-12bd-4522-bec2-d559b5625664/mspinnedsitestate-method?forum=iewebdevelopment

> >>Is external.msPinnedSiteState() supported by Windows Phone 8.0?
> It's not supported by Windows Phone 8.0.
>
> >>When Edge will support this?
> Please pay attention to Micorsoft Edge Team blog where neew features of Edge will be the released first time.

**Name_Not_Found** · 2018/08/03(金) 12:03:35.43

ぺいあてんしょんじゃねーよ
質問に答えろよ。どうせまだ実装されてないっつーんだろ？

いちいちEdgeのブログなんて読んでられねーよ。って思ったら9ページしか無いのか

**Name_Not_Found** · 2018/08/03(金) 12:21:32.17

ここにIE11で使えるピン留め関連のAPIがある
https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/dev-guides/bg183312(v=vs.85)

msClearTile Removes a notification from the tile.
msPinnedSiteState Returns the pinned state of a webpage.
msStartPeriodicTileUpdate Starts a periodic update for a tile.
msStartPeriodicTileUpdateBatch Starts a set of periodic updates for a tile.
msStopPeriodicTileUpdate Stops a periodic update cycle.
msStartPeriodicBadgeUpdate Starts a badge update for a title.
msStopPeriodicBadgeUpdate Stops a badge update for a tile.
msEnableTileNotificationQueue Controls notification cycling for all tile image sizes.
msEnableTileNotificationQueueForSquare150x150 Controls notification cycling for medium tiles.
msEnableTileNotificationQueueForWide310x150 Controls notification cycling for wide tiles.
msEnableTileNotificationQueueForSquare310x310 Controls notification cycling large tiles.
msScheduledTileNotification Schedules one or more notifications for a specific date and time.
msRemoveScheduledTileNotification Removes a scheduled update notification for a tile.

**Name_Not_Found** · 2018/08/03(金) 12:21:52.00

ここにEdgeで使えるかどうか書いてある
https://technet.microsoft.com/en-us/windows/ms535246(v=vs.60)#methods
　https://msdn.microsoft.com/ja-jp/windows/ms535246(v=vs.100)

↑と同じ情報はここのようだ？
Docs/Previous Versions/Windows/Internet Explorer/Internet Explorer for Developers/Platform APIs/External object
https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/platform-apis/ms535246%28v%3dvs.85%29

Edge版はよくわからん。もしかしてドキュメントをMDNに移行するって話の際に
さっさと消して、移行されずに損失してんのか？

**Name_Not_Found** · 2018/08/03(金) 19:56:51.50

スレ違いだったらすいません。
pcサイトはすでにあって今後もそのまま使う、スマホ専用サイト作成のみの依頼された場合はみなさん何のソフト使ってますか？

**Name_Not_Found** · 2018/08/03(金) 21:02:41.33

>>330
DW

**Name_Not_Found** · 2018/08/03(金) 22:29:23.87

>>330
規模次第だけど、すぐに終わりそうならエディタでcssパーッと書いて終わり

**Name_Not_Found** · 2018/08/03(金) 22:48:53.81

>>330
俺もcssでレスポンシブ化するだけだな
ソフト書け言われたらvscode

**Name_Not_Found** · 2018/08/04(土) 00:31:03.03

>>331
やっぱりDWですかね
>>332
たしかに規模次第ですよね
>>333
vscode調べてみます。ありがとうございました。

**Name_Not_Found** · 2018/08/04(土) 17:53:58.01

ウェブ制作かは微妙なんですけど
他のサイトの情報をみながら
GoogleSpreadSheetに自動で文字を追加するのってどうしたらできますか？

好きな配信者さんの配信があったときにURLを記録してどこまでみたかメモ作りたい

**Name_Not_Found** · 2018/08/04(土) 18:57:45.91

>>333
既存のPCサイトの方にもレスポンシブ化に合わせて
なんらかの細かなデザイン変更のバランスどりも必要だから
そんなちょいちょいでは終わらんよ

**Name_Not_Found** · 2018/08/04(土) 19:38:55.49

>>335
自動で文字を追加の意味がわからん

**Name_Not_Found** · 2018/08/04(土) 21:51:18.48

自分の友人の冤罪事件をコンテンツにして発表したいと考えているのですが、
そう言うサイトを作るとしたら、今は何が良いですかね？
やはり、ブログを使うのがいちばんでしょうか？
それともホームページを普通に作るか、
それとも、ＳＮＳ系を使うか、例えばフェイスブックとか。

最近の世の中の流れが良くわからないので、教えて下さい。

**Name_Not_Found** · 2018/08/04(土) 22:08:35.72

>>338
サイトを作る必要性が感じられない・・・
小説系のサイトに投稿するとかでいいんじゃないの？

**Name_Not_Found** · 2018/08/04(土) 22:55:51.09

>>339
返事ありがとうございます。

自分の目的は冤罪を訴えて、社会に広めて、
友人の裁判のやり直し、刑の減刑を目的にしているのです。

ですから、ネット上である程度は意見のやり取りもしたいと考えているのです。

**Name_Not_Found** · 2018/08/04(土) 23:00:20.72

そういうのなら某匿名ダイアリーあたりに書いておけ
人の集まってるところに投げて共感からシェアされていくのを期待するのがここ数年のトレンド

**Name_Not_Found** · 2018/08/04(土) 23:23:34.79

あ～なんちゃらダイアリーは丁度いいね
サイト作ってもそもそも見られない。作るのもめんどくさいしな

**Name_Not_Found** · 2018/08/04(土) 23:40:04.51

レスありがとうございます。
http://d.hatena.ne.jp/hatenadiary/20170605/1496643809
しかし、はてなダイアリーの事でしたら、どうも、新規開設は終了との様ですが。

**Name_Not_Found** · 2018/08/05(日) 00:06:21.66

anond.hatelabo.jp

おっと何かよくわからない英語を手が滑って書き込んでしまった
ブラウザのアドレスが書いてあるところに貼り付けたりgoogleで検索する奴なんていないよな

**Name_Not_Found** · 2018/08/05(日) 00:14:29.96

慌てんぼさんだなぁ

**Name_Not_Found** · 2018/08/05(日) 00:58:35.48

ブログに書いてtwitterで拡散でいいんじゃね

**Name_Not_Found** · 2018/08/05(日) 01:12:32.82

すいませんでした。
ありがとうございました。
検討してみます。

**Name_Not_Found** · 2018/08/05(日) 01:42:23.94

>>335
iMacros のマクロで、ブラウザを自動操作できないの？

**Name_Not_Found** · 2018/08/05(日) 02:16:10.04

>>337
コミュニティやチャンネルをみはって
配信が開始されたURLリンクがでた配信名とリンクをシートに追加していきたい

最終的に更新されるのはウェブ上にあるシートなのでウェブ制作になるのかなって

>>348
iMacroってのがよくわからないけど
ページを開いてなくても更新したいんですよね

**Name_Not_Found** · 2018/08/05(日) 10:24:54.80

>>335
拡張機能とかアドオンを自作するとか？

**Name_Not_Found** · 2018/08/05(日) 11:20:13.47

シート編集するのってそんな大変なことなんですか？
あきらめて普通にテキストで保存していきます
お答えいただいてありがとうございました

**Name_Not_Found** · 2018/08/05(日) 11:56:44.12

GASで普通にできそうだがUrlFetchAppには回数制限があるからなあ

**Name_Not_Found** · 2018/08/05(日) 16:12:48.16

見出しにマークダウンっぽく#付けてるの見るけどなんなの
作ってる人なりのかっこつけなのか？

**Name_Not_Found** · 2018/08/05(日) 19:41:24.52

はい。かっこつけです。
かっこいいでしょ？

**Name_Not_Found** · 2018/08/05(日) 20:17:40.37

>>335
GoogleAppScript
最近くわしい本出たからそれ読め

**Name_Not_Found** · 2018/08/05(日) 21:08:39.79

>>353
ツイッターかなんかと勘違いしてるとか？

**Name_Not_Found** · 2018/08/05(日) 21:25:27.60

##ブログをhugoに移行しました
最先端のフロントエンジニアです
とか

**Name_Not_Found** · 2018/08/06(月) 00:06:21.95

それただのコメントの意味じゃね？
昔はコメント行の頭に#使ってたからその名残かと

**Name_Not_Found** · 2018/08/06(月) 00:08:58.88

今とか昔とかの問題じゃないｗ

**Name_Not_Found** · 2018/08/06(月) 07:01:15.31

>>356のようなレスを見ると
ああ、自分も年とったなぁって思う

**Name_Not_Found** · 2018/08/07(火) 15:12:02.81

画像や文字の大きさをcssでpxでサイズ指定したら、高解像度のディスプレイで閲覧したら小さくなっちゃいませんか？？？
(例: 解像度72dpiのディスプレイを見ながらcssでh1｛background-size:10px 10px;｝の背景画を設定。
縦横同サイズのディスプレイで解像度144dpiでそれを閲覧したら1つのピクセルの大きさは72dpiに比べて2分の1×2分の1になるから、背景画の大きさも5px × 5pxになりませんか？？)
混乱してます、すみませんどなたか教えてください

**Name_Not_Found** · 2018/08/07(火) 18:20:43.52

お世話になります。
Angularの初歩の質問なのですが、本スレが過疎なのでこちらで質問させて頂きます・・・。
OSはMac HighSierra と VScodeを使用しています。

node.jsをインストールし
現在読んでいるAngular参考書に添付されていたAngularの参考ファイル
（画像のCHAP03以下がそれです）をVScodeで開き、
https://dotup.org/uploda/dotup.org1605637.png_TEhLkZSRFic0J0GKBg51/dotup.org1605637.png
CHAP03の中のattrフォルダを開いてから、ターミナルで npm install > npm start でAngularを起動？させたいのですが、
画像の様にターミナルに英語のエラーメッセージが出てしまいます。

CHAP03以下のattr、clazz、event、event-bubble ...はそれぞれ独立したAngularフォルダなので
VScodeを一旦閉じフォルダを改めて開くときに、それらの内のどれかのフォルダを一番上の親フォルダにして開いてから
ターミナルで上のコマンドを入れると無事インストールされます。

質問1 できればVScodeではCHAP03から開いてそれぞれのフォルダをターミナルで読み込ませたいのですが、方法はありませんか？
質問2 各フォルダそれぞれのAngularを起動させるには、毎回毎回 npm install > npm start をしなくてはならないのですか？
installに20秒くらい時間がかかって割と面倒でして・・・。

スレチでしたら申し訳ありません。よろしくお願いします。

**Name_Not_Found** · 2018/08/07(火) 20:44:36.18

cd でカレントフォルダを移動すれば？
カレントフォルダの場所によって、動作が変わるのだろう

プログラム板の、VSCode スレに質問すれば？

**Name_Not_Found** · 2018/08/08(水) 03:21:18.80

>>361
文字に、px を使うと、サイズが固定されるから、ダメ。
%, em, rem など相対サイズのものを使う

CSSのフォントサイズ指定『px、em、%、rem』それぞれの違いと変換
http://infinityforest.net/home/archives/3091

画像は、高解像度用・低解像度用の2つを使い分ける

**Name_Not_Found** · 2018/08/08(水) 10:25:51.95

画像はいちいち2つも用意しない
でかいほうを縮小表示するだけ
システム組んでいたら2つも無理

**Name_Not_Found** · 2018/08/08(水) 11:46:25.42

CSSめんどくさいのでフレームワーク導入考えてます。
bootstrapみたいなメジャーなやつ使うと、
ああ、よく見かけるデザインだなって感じになってしまいますか？
昔学校でユニクロの服3人かぶりしたことがあるので
できればそういうのは避けたいです

**Name_Not_Found** · 2018/08/08(水) 11:56:33.04

はい

**Name_Not_Found** · 2018/08/08(水) 14:44:38.52

>>366
CSSのセレクタの付け方が面倒なのか？
それともCSSでデザインを作るのが面倒なのか？

CSSのフレームワークっていうのは、
セレクタの付け方にルールを取り入れたもの
　＋デフォルトのデザイン
という構成になってる

デザインはデフォルトなので変えればいい。
オリジナルのデザインにしたいならデザインを変える。

それでもデザイン部分を除くセレクタの付け方のルールや
デザインに関係しないレイアウトは使える

**366** · 2018/08/08(水) 15:36:12.35

>>367
絶望

>>368
後者です
オリジナルのデザインをそのまま使わなければいいということですね？
でもCSS編集するのが嫌だったのでそうするとやはり丸かぶりになるんですね？
CSSもだいぶプロパティーが増え複雑になってしまったので
しっかり1個1個動作確認しながら学ぶ時間がなかなか…

CSSフレームワーク自体はめちゃくちゃ増えてるようなので
しばらくの間独自デザインなのかな？と騙せるような
日本じゃマイナーなCSSフレームワーク探してみようと思います

**Name_Not_Found** · 2018/08/08(水) 23:08:48.33

>>369
マイナーなCSSフレームワークを使わなくても
bootstrap用のデザイン集みたいなのあると思うぞ

詳しく調べてないが、テーマとかテンプレートって
キーワードでいろいろ見つかる

**Name_Not_Found** · 2018/08/08(水) 23:13:03.85

自作できるようになったほうが満足する人な気がする
実際にその道に進むかどうかは366次第だが

**Name_Not_Found** · 2018/08/08(水) 23:31:23.89

個性って最高ジャン！！
→奇抜なものを求める
→誰にも受け入れられない
→ベタなもので作ってみる
→あっさり受け入れられる
→個性というのはある程度の水準を守った上で発揮されるものと悟る

という皆が歩んだ道を君も行くのですね

**Name_Not_Found** · 2018/08/09(木) 01:03:21.31

日本では？

**Name_Not_Found** · 2018/08/09(木) 03:22:55.88

<span>a</span>
<span>b</span>
<span>c</span>

のように要素を改行で区切ると、要素と要素の間に空白が開きます

<span>a</span><span>b</span><span>c</span>

のように改行をなくせば空白がなくなりますが
改行を入れたまま空白をなくす方法はないでしょうか？

**Name_Not_Found** · 2018/08/09(木) 03:55:18.75

あるよ。

**Name_Not_Found** · 2018/08/09(木) 04:05:11.43

グーグル先生が

**Name_Not_Found** · 2018/08/09(木) 04:10:53.16

親要素のfont-sizeを0にすればいいんですね
ありがとうございました

**Name_Not_Found** · 2018/08/09(木) 08:33:21.40

>>363
移してみます
誘導までしていただいてすみません
お答え頂きありがとうございます

**Name_Not_Found** · 2018/08/09(木) 16:18:46.78

ttp://www.funkygoods.com/index.html
こんな風に、フレームが無い極力シンプルな個人サイトを作りたいと思っています。
(宣伝にならないように更新していないHPを選びました)

怠け者なので、更新の手間が減るかな？と思い、HP作成ソフトの購入を考えています。
ホームぺージV4を検討しているのですが、間違った選択ではないでしょうか？
よろしくお願いします。

**Name_Not_Found** · 2018/08/09(木) 16:49:14.35

メモ帳で十分すぎるレベルじゃん

**Name_Not_Found** · 2018/08/09(木) 17:58:23.74

>>379
プロはそんなの使わないってことだけは知っておこう
なぜかって？使いづらいからだよ

**Name_Not_Found** · 2018/08/10(金) 07:34:49.23

初心者の質問スレじゃねえの？

**Name_Not_Found** · 2018/08/10(金) 09:59:13.55

プロだぞ
図が高い

**Name_Not_Found** · 2018/08/10(金) 11:15:53.24

メンヘラ臭

**Name_Not_Found** · 2018/08/12(日) 17:00:40.67

メモ帳を使って日記を書いています
スマホで普通に縦位置で撮影した画像をアップすると横に回転して表示されるのですが
解決策を教えて下さい

**Name_Not_Found** · 2018/08/12(日) 17:07:14.82

スマホで普通に横位置で撮影した画像の場合はどうなるのかな
画像編集ソフトで EXIF を削除してからアップした場合はどうなるのかな

**Name_Not_Found** · 2018/08/12(日) 18:04:58.76

>>385
写真長押しで回転とかできないかなぁ

**Name_Not_Found** · 2018/08/13(月) 22:26:11.19

無料で使えるオーサリングソフトですと何が評判良いでしょうか？
リアルタイムプレビューのあるBracketsが気になっています
GoogleWebDesignやMicrosoftExpressionWebとかも・・・

企業はDreamweverなどの有料ソフトを使う事が多いですか？

**Name_Not_Found** · 2018/08/13(月) 22:53:50.99

>>388
すみません Googleのはバナー広告を作成するソフトなのですね

**Name_Not_Found** · 2018/08/13(月) 23:08:48.03

>>388
無料なんだから使ってみりゃええやん。
使いやすいかどうかは使う者のスキルにもよる。

**Name_Not_Found** · 2018/08/14(火) 01:12:40.23

私はメモ帳をオススメしています。
シンプルで使いやすいですぞ。

**Name_Not_Found** · 2018/08/14(火) 01:18:28.48

メモ帳は文字コードがShift-JISで改行コードがCRLFだから絶対使うな

**Name_Not_Found** · 2018/08/14(火) 01:22:36.39

なんだかんだでsakuraエディタが猛烈に軽くて良い
IDEが厳しいノートでは未だに現役だ

**Name_Not_Found** · 2018/08/14(火) 02:02:24.13

>>392
Windows 10のメモ帳は、Unicode（UTF-16）、UTF-8対応だよ
http://ascii.jp/elem/000/001/520/1520114/img.html

それから次の更新でCRLF以外にも対応する。

Windows 10の「メモ帳」が大幅アップデートの予定。ズーム機能サポートや検索/置換の強化
https://japanese.engadget.com/2018/07/16/windows-10/
> マイクロソフトもユーザーの声に耳を傾けたようです
> ほか、The VergeによればUnix / Linuxの改行コード「LF」と
> macOSの「CR」もサポートしたとのこと。

使わない理由はなくなっていくね。

**Name_Not_Found** · 2018/08/14(火) 14:35:17.37

開発者に何を使えば良いか聞くのは最悪の手
それぞれ技術背景が違うから全員が違う事を言う
自分で試すしかない

**Name_Not_Found** · 2018/08/14(火) 14:40:10.98

ってかphpstorm以外の返答が返ってこない

**Name_Not_Found** · 2018/08/14(火) 17:47:14.88

emmetが使えるかどうかだなあ
だからメモ帳とかはありえない

**Name_Not_Found** · 2018/08/14(火) 21:41:12.01

普通猫で一発書き

**Name_Not_Found** · 2018/08/15(水) 00:14:32.32

メモ帳はダメ！

BOM 付き、UTF-8 だろ。
BOMなし、UTF-8(UTF-8N)は使えないだろ

Explorer で、フォルダ内のファイルから、文字列で検索しても、
BOMなしUTF-8では、検索できない

BOM付きUTF-8しか検索できないから、
漏れは、WSL でLinux 側から、grep で検索している

BOM付きUTF-8は、色々なアプリでバグルから、使えない

他にも、BOMの有無、改行コードの切り替えをできる、エディタが良い。
タブ・空白の変換とか、タブでずらす機能もほしい

**Name_Not_Found** · 2018/08/15(水) 00:26:40.60

<div class="c1"></div>
<div class="c2"></div>
<div class="c3"></div>
<div class="c2"></div>
<div class="c3"></div>
<div class="c1"></div>
<div class="c2"></div>
<div class="c3"></div>
<div class="c1"></div>
<div class="c1"></div>

みたいに適当に重複したクラスがならんでてどれか１つをホバーしたときに
同じクラスの要素全部のスタイルをかえるって HTML5 だけでできますか？
JS使わないと無理ですか？ 👀
Rock54: Caution(BBR-MD5:1341adc37120578f18dba9451e6c8c3b)

**Name_Not_Found** · 2018/08/15(水) 04:28:09.94

.c1：hover｛｝とか？
違ったらすまん

**Name_Not_Found** · 2018/08/15(水) 04:38:02.61

それだとホバーした１要素だけしかかわらない気がします

.c1:hover ~ c1 { }
とかやれば後ろにある要素は全部かわるけど
同一階層全部ってのは無理なのかな…

**Name_Not_Found** · 2018/08/15(水) 05:01:57.92

順番はかえられないん？

<div class="c1group">
<div class="c1"></div>
<div class="c1"></div>
<div class="c1"></div>
</div>
<div class="c2group">
<div class="c2"></div>
<div class="c2"></div>
</div>

みたいにして個別の要素を absolute なりで表示だけ調整すれば
c1group c2group の hover スタイルつけるだけでいけるが

アコーディオンみたいに hidden input とc＋使って隣接したスタイル変化させるｷﾞﾐｯｸはよくあるけど
あの手法で別階層においたボタンで離れた要素のスタイル変えたいときあるよな

**Name_Not_Found** · 2018/08/15(水) 05:33:08.76

変えられなくはないですけど
労力的にそれならJSでスタイル変更したほうがまだましかなと…

**Name_Not_Found** · 2018/08/15(水) 10:15:16.86

>>403
クリックしてよければ親だろうと別階層に離れてようと何でもできるよ
クリックさせたい位置に label おいて
hidden にした input をスタイルかえたい要素の親階層におけばセレクタで好きに指定し放題

ホバーは…

$('.c1').hover(
() => $('.c1').css('color', 'red'),
() => $('.c1').css('color', 'black')
);

でいいんでね？

**Name_Not_Found** · 2018/08/15(水) 10:45:03.08

親要素:hover .c1

**Name_Not_Found** · 2018/08/15(水) 10:45:34.17

はだめだな

**Name_Not_Found** · 2018/08/15(水) 13:33:59.41

画面をナビゲーションと表示領域に分割したくて

<div style="float:left; width:30%; height:100%"></div>
<div style="height:100%;"></div>

ってかくと右側の領域が画面全体になってしまいます
諸事情で親に flex がつけられなくて
右側の中に position: absolute でいろいろものをおきたいので
width 指定せずに右側の領域をぴったり使う方法ってありませんか？

HTML CSS のプロのみなさまよろしくおねがいします

**Name_Not_Found** · 2018/08/15(水) 14:28:53.11

calc 使うよろし。

**Name_Not_Found** · 2018/08/15(水) 15:28:08.37

梅よろし

**Name_Not_Found** · 2018/08/15(水) 17:26:02.06

あかよろし

**Name_Not_Found** · 2018/08/15(水) 18:34:06.84

ブロック要素って勝手に横幅いっぱいにのびてくれるはずなのに
わざわざ残り幅計算しないと横にならべられないの？
CSSって欠陥言語かよ