X
HTML/CSS のどんな質問にも優しく答えるスレ 35
レス数が1000を超えています。これ以上書き込みはできません。
0745Name_Not_Found
垢版 |
2019/01/23(水) 01:16:30.85ID:???
その辺はスマホブラウザが自動的にやってくれるようになったよ
0746Name_Not_Found
垢版 |
2019/01/23(水) 09:10:29.36ID:???
chromeだけだしまだexperimentalだろ
0747Name_Not_Found
垢版 |
2019/01/23(水) 09:30:45.33ID:CetDgheS
質問です
レンタルサーバーで独自SSL化するとアドレスがhttpsになると思うんだけど
独自SSL化した後にも外部からhttpのアドレスでも表示される？

他サイトみるとhttpのリンク踏んでもhttpsのサイトにしっかり表示されてるんだけど。
0748Name_Not_Found
垢版 |
2019/01/23(水) 09:41:03.95ID:???
>>747
どうぞ
.htaccess に追記してください

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
</IfModule>
0749Name_Not_Found
垢版 |
2019/01/23(水) 12:33:00.02ID:???
<div>
あ
</div>

たぶん、DOM に、改行・コメントなどの要素も入るだろ？
要素は「改行・あ・改行」

だから配信前に、ミニファイ必須！
0751Name_Not_Found
垢版 |
2019/01/23(水) 13:09:42.28ID:CetDgheS
>>748
ありがとうございます。

これ追記しないでhttps化するとhttpのリンク踏んだ場合は表示されないのですか？
0752Name_Not_Found
垢版 |
2019/01/23(水) 13:22:41.12ID:???
マークアップ言語なのにソースの改行がレンダリングに影響するとか、そもそもの仕様がクソだろ
0753Name_Not_Found
垢版 |
2019/01/23(水) 13:33:04.82ID:???
>>752
まぁねぇ
htmlを大幅に改良したマークダウンってのがあるけど、もっと流行るかと思ったけどサッパリだ
0754Name_Not_Found
垢版 |
2019/01/23(水) 13:36:25.74ID:6y7r5Jzd
>>752
もともと英語圏のもんだからねえ
連続する改行とスペースは1つのスペースとみなすってのはわりと合理的なのかもしれん
0755Name_Not_Found
垢版 |
2019/01/23(水) 14:02:37.95ID:???
>>751
サーバーの設定による
403になる場合やそのままhttpで表示される場合やhttpsにリダイレクトされる(>>748をサーバー側でしてくれる)場合など
0756Name_Not_Found
垢版 |
2019/01/24(木) 01:46:47.87ID:???
videoタグのjsからの再生がviteo mutedにしないとできないらしんですが無理やり再生する方法ってないですか？
Firefoxでは動いてたのにChromeじゃ動かなくてびっくりしました
0757Name_Not_Found
垢版 |
2019/01/24(木) 02:20:56.43ID:???
それが出来ると
職場で急にエロ動画が！てことができちゃうので
0758Name_Not_Found
垢版 |
2019/01/24(木) 12:39:22.49ID:???
chromeは主にウザイ広告に対してかなり規制をかけるようになった
ってか最初から音出すのはやめてくれ〜
0760Name_Not_Found
垢版 |
2019/01/24(木) 12:57:50.79ID:???
主だった広告CDNのドメインは全部127.0.0.1に振り向けちゃってるから
最近どんなうざい広告があるのかわかんなくなってきた…
0762Name_Not_Found
垢版 |
2019/01/24(木) 13:39:43.42ID:???
リンクの文字列に見せかけたやつとか、Googleのも酷いのあるで
0763Name_Not_Found
垢版 |
2019/01/24(木) 22:36:20.91ID:???
Sassの質問もここでいいですか
0764Name_Not_Found
垢版 |
2019/01/24(木) 22:48:28.23ID:???
いいよ
今はSass使わずcssとかあり得ないし
0765Name_Not_Found
垢版 |
2019/01/24(木) 22:59:08.47ID:???
ありがとうございます！

↓↓のような3つのファイルがあって
1.[ _template.scss ] テンプレート
　%template {
　　.main {
　　　background: $BGColor;…
　　}
　}
2.[ _theme-red.scss ] カラーテーマ
　$BGColor: red;…
3.[ _theme-blue.scss ] カラーテーマ
　$BGColor: blue;…

↓↓のようにcssを出力したいのですが
.theme-red {
　.main {
　　background: red;…
　}
}
.theme-blue {
　.main {
　　background: blue;…
　}
}

Sassの機能を使って実現できますでしょうか
目的は後にJSでclassを切り替えて全体の色を変えることなのですが…
0766Name_Not_Found
垢版 |
2019/01/24(木) 23:52:49.01ID:???
CSSを理解できてないのでは
0767Name_Not_Found
垢版 |
2019/01/25(金) 00:37:12.28ID:???
array
for
でできるんじゃね
知らんけど（鼻ほじ）
0768Name_Not_Found
垢版 |
2019/01/25(金) 00:57:24.77ID:???
>>764
どこの平行世界だよ
あぁお前一人しかいない世界かww
0769Name_Not_Found
垢版 |
2019/01/25(金) 02:26:32.29ID:???
SASS使えるとか使えないとかで喧嘩する流れやん！！
0770Name_Not_Found
垢版 |
2019/01/25(金) 09:22:12.54ID:???
喧嘩じゃなくsass使用不可の案件が存在する時点で>>764は世間知らずなだけって思ったけどみんながみんな仕事でやってるわけではないんだよな趣味の人だっているもんな
0773Name_Not_Found
垢版 |
2019/01/25(金) 10:16:01.16ID:???
>>771
mixinで解決しました！ありがとうございます
0774Name_Not_Found
垢版 |
2019/01/25(金) 11:42:39.33ID:???
チームでの開発に支障なければ、個人の環境なんて何でもおｋでしょ
0775Name_Not_Found
垢版 |
2019/01/25(金) 11:51:35.28ID:???
sassごときに拒否反応示す無能ども
0777Name_Not_Found
垢版 |
2019/01/25(金) 13:21:52.66ID:???
>>776
「どのブラウザ」ってーとIE6やガラケーなども含まれる
まぁ9割ぐらいの人はその見え方で見えていると思うから、大きな問題はないと思う
0779Name_Not_Found
垢版 |
2019/01/25(金) 14:33:06.05ID:???
>>775
優しく答えるスレでイキってる無職さんw
0780Name_Not_Found
垢版 |
2019/01/25(金) 15:22:58.19ID:???
>>765
そのテンプレートをmixinにして
extends的に使うといいよ
0782Name_Not_Found
垢版 |
2019/01/25(金) 16:19:15.38ID:???
今では海外では、SASS の使用率が100% だから、日本でも避けて通れない

>>765
>$BGColor: blue;…
変数を属性名にできるか？

普通は、変数は値に使うもの。
background: $BGColor

現場のプロが本気で教える HTML/CSSデザイン講義 (Design & IDEA)、ヤフー、2016

本当は、この本に書いてあるように、MindBEMding による、CSS の構造化が良い。
Block__Element--Modifier (BEM)
0784Name_Not_Found
垢版 |
2019/01/25(金) 17:26:42.86ID:???
>>782
この読点の打ち方は例のキチガイ
おまえ前にもここに来て発作起こしてたよな？早く病院もどったら
0785Name_Not_Found
垢版 |
2019/01/25(金) 18:29:36.59ID:???
>>782
>変数を属性名にできるか？

インターポレーションて知らんか？
変数はなんにでも使えるよー

$selector: '.foo .bar. .baz';
$property: 'background-color';
$value: '#ff0000';

#{$selector} {
　　#{$property}: $value;
}

こんな感じで
一部に使うことも出来るよー

$number: 1;
$prop: 'color';

.hoge-#{$number}{
　　background-#{$prop}: rgba(red, 0.5);
}

あと

>海外では、SASS の使用率が100% だから

盛るな盛るなｗ
海外意識しすぎ、大して変わんねーよ
どんな人外魔境だと思ってんだｗ
0786Name_Not_Found
垢版 |
2019/01/25(金) 18:30:34.65ID:???
ちょい間違えた
こう

$number: 1;
$prop: color;

.hoge-#{$number}{
　　background-#{$prop}: rgba(red, 0.5);
}


クォートいらんかった
0787Name_Not_Found
垢版 |
2019/01/25(金) 18:49:58.75ID:???
SASSの基礎から勉強するのが一番早くね？
0788Name_Not_Found
垢版 |
2019/01/25(金) 18:55:35.97ID:???
単なるテンプレートじゃん。
sassはテンプレート機能も提供してますよって言ってるだけ。くだらない。
単なるテンプレートというのは、
$prop: corer;

.hoge-1 {
　　background-#{$prop}: rgba(red, 0.5);
}
こう書いたら、
単に置換して
.hoge-1 {
　　background-corer: rgba(red, 0.5);
}
こうなるんだろってこと。
background-corerのエラーを検出するのは別の機能だろ。
インテリジェンスの欠片もないくだらない機能。
やっぱ許容できるのはPostCSSくらいだな。
0789Name_Not_Found
垢版 |
2019/01/25(金) 19:06:18.68ID:???
さすがにcorerは無いっすわｗ
0791Name_Not_Found
垢版 |
2019/01/25(金) 19:13:38.86ID:???
テンプレートと変数って言葉は分けた方がよくね？
0793Name_Not_Found
垢版 |
2019/01/25(金) 19:16:34.64ID:???
corerみたいなタイポはエディタ側のlintの方がいいよ
0794Name_Not_Found
垢版 |
2019/01/25(金) 19:35:03.68ID:???
colorとcorerは、エディタに任せっきりだとありえる間違いなんだろうか？
個人的には絶対に間違わないんだけど
0795Name_Not_Found
垢版 |
2019/01/25(金) 19:42:24.21ID:???
>>788はタイプミスじゃなくて、エラーを検知しないよって事でしょ
おまえらの理解力の無さが一気に露呈されたな
0796Name_Not_Found
垢版 |
2019/01/25(金) 19:43:46.25ID:???
キーが近いわけでもねえしなあ
0797Name_Not_Found
垢版 |
2019/01/25(金) 19:47:15.89ID:???
>>765ですがこんな感じでとりあえず解決しました
皆さんありがとうございました

[_theme_black.scss]
@import "./color-template";
$MAIN_BACKGROUND: #202225;
$MAIN_BORDER: #2f3136;...

body.black {
　@include template_main(
　　$MAIN_BACKGROUND,
　　$MAIN_BORDER,...
　)...
}

[_color-template.scss]
@mixin template_main(
　$MAIN_BACKGROUND: white,
　$MAIN_BORDER: gray,...
) {
　.main {
　　background: $MAIN_BACKGROUND;
　　border-color: $MAIN_BORDER;...
　}...
}
0798785
垢版 |
2019/01/25(金) 19:57:58.00ID:???
な、なんでエラー検知の話になってんの(´・ω・｀)
変数がプロパティ名に使えるかどうかの話だった気が…
0800Name_Not_Found
垢版 |
2019/01/25(金) 20:03:40.31ID:???
変数を属性名にするのも練習に使ってみます
0801765
垢版 |
2019/01/25(金) 20:16:00.28ID:???
>>797だと変数のスコープがグローバルになって
2つ目以降のテーマを作った時に競合してしまったので{}の中に入れました

[_theme_black.scss]
@import "./color-template";

body.black {
　$MAIN_BACKGROUND: #202225;
　$MAIN_BORDER: #2f3136;...

　@include template_main(
　　$MAIN_BACKGROUND,
　　$MAIN_BORDER,...
　)...
}
0803Name_Not_Found
垢版 |
2019/01/26(土) 03:21:10.25ID:???
stylus のが高機能なのにはやらないな…なんでだろ
0804Name_Not_Found
垢版 |
2019/01/26(土) 11:10:11.90ID:???
シェアが圧倒的に少ないし、伸びてもいないから
0806Name_Not_Found
垢版 |
2019/01/26(土) 12:10:32.10ID:???
流行らないから流行らないみたいな理由付け
0807Name_Not_Found
垢版 |
2019/01/26(土) 12:37:02.50ID:???
Stylusってネーミングも関係してそう
0808Name_Not_Found
垢版 |
2019/01/26(土) 13:49:20.97ID:???
なんかcssっぽさがないんだよね
カッコよすぎ
0809Name_Not_Found
垢版 |
2019/01/26(土) 16:17:22.62ID:???
ブラウザのユーザーcss拡張と同じ名前なのがなぁ
0810Name_Not_Found
垢版 |
2019/01/26(土) 18:28:33.97ID:???
一方sassって名前はcssの派生感ある
その内jade→pugみたいに名前変わるかもね
0811Name_Not_Found
垢版 |
2019/01/26(土) 19:20:26.15ID:???
最初見たときsaasかと思ったが
0812782
垢版 |
2019/01/26(土) 19:41:13.13ID:???
>>801
現場のプロが本気で教える HTML/CSSデザイン講義 (Design & IDEA)、ヤフー、2016

この本では、_variables.scss に変数をまとめて定義して、
main.scss に、他のパーシャルファイルよりも前に読み込む

色違いは、MindBEMding では、Block__Element--Modifier (BEM) のModifier
0813Name_Not_Found
垢版 |
2019/01/26(土) 21:06:55.73ID:???
>>812
その本まちがいだらけなんでしょw宣伝しても逆効果だよww
0814Name_Not_Found
垢版 |
2019/01/26(土) 22:48:52.09ID:???
782みたいなほぼ素人レベルが勧める本じゃあなあ
0815782
垢版 |
2019/01/26(土) 23:04:02.20ID:???
こんなに、コンポーネント毎に、SCSS ファイルを作って、構造化して本は滅多にない。
SCSS ファイルのフォルダ・ファイル数も、10ぐらいある

クラス名も、MindBEMding で、Block__Element--Modifier (BEM) の方式を使って、
名前が被らないようにしている

漏れは、こういうプロジェクトを構造化する、本を求めていた！
0817Name_Not_Found
垢版 |
2019/01/26(土) 23:26:10.96ID:???
BEMとかめんどくさすぎて禿る
0818Name_Not_Found
垢版 |
2019/01/26(土) 23:55:56.56ID:???
BEMの命名規則自体は論理的にはとても美しいけど、文法で構造化されていないものを命名規則だけで補おうという手法だからツールの補助が得られないんだよね…
BEMセントリックな編集ツールがあったら欲しい？
もうあるのかなぁ
0819Name_Not_Found
垢版 |
2019/01/27(日) 00:28:31.18ID:???
>>815
本よりもこいつがキチガイ過ぎてマジウザいわ糖質丸出しじゃねーか
0820Name_Not_Found
垢版 |
2019/01/27(日) 00:34:52.40ID:???
BEMとか大げさすぎるんだよな
超大規模ウェブサイトでも作る場合のやつだろ

クラス名のルールはこれだけでいいよ

1. prefix-component ・・・ コンポーネント名
2. prefix-component-parts ・・・コンポーネント内のパーツ名
3. prefix-state-name ・・・ 必ず1. or 2.と組み合わせて使う
prefix-は省略可能。他のフレームワークなどと区別したいときに使用する
0824Name_Not_Found
垢版 |
2019/01/27(日) 12:15:40.01ID:???
ワードプレスのスタイル適用についてはまっています。

サイトの見出しが「AAAA」で<h1>タグで囲まれています。
こんな感じです。
<h1 class="site-title"><a href="https://know-how-tree.com/"; rel="home">AAAA</a></h1>

記事の中のh1タグにのみスタイルを適用したいです。
適用したいのは、具体的には「BBB」だけです。

<h1>BBBB</h1>

Custom CSSに

h1
{
color:blue;
}

としたところ、「AAAA」にも適用されてしまっており困っています。
notを使って制御出来る様なのですがちょっと分かりません＞＜。。。詳しい人教えてくださいｍ（＿）ｍ
0825Name_Not_Found
垢版 |
2019/01/27(日) 12:22:20.67ID:???
８２４です。
できました。
0828Name_Not_Found
垢版 |
2019/01/27(日) 14:18:37.50ID:W+wSty+H
SCSSで変数を利用して
$PATH: "/root/sub";
@import $PATH+"/file.scss"
こんな事は出来ますか？
その結果、
@import "/root/sub/file.scss"
を実行したいのですがダメでした。
0831Name_Not_Found
垢版 |
2019/01/27(日) 22:20:21.47ID:W+wSty+H
>>829
どんなやり方でも良いので
どうにか出来ませんかね？
0832Name_Not_Found
垢版 |
2019/01/27(日) 22:42:26.92ID:???
>>831
インターポレーションでも無理ですか？
0833782
垢版 |
2019/01/27(日) 23:28:41.13ID:???
>>820
Block__Element--Modifier

BEM が、2つの_, - を使うのは、その中で、1つの_, - も使えるようにするため
0834Name_Not_Found
垢版 |
2019/01/27(日) 23:37:12.03ID:W+wSty+H
>>832
importではエラーしました。
0835Name_Not_Found
垢版 |
2019/01/27(日) 23:39:37.56ID:???
>>833
いちいち833 782とか書かなくても読点でわかるからさーキチガイ
0838Name_Not_Found
垢版 |
2019/01/27(日) 23:59:26.21ID:W+wSty+H
>>837
情報ありがとうございます。
url()なら上手く行くのですが
ローカルファイルはダメみたいですね。
0839Name_Not_Found
垢版 |
2019/01/28(月) 00:45:40.48ID:???
普通、SASS のimport は、./, ../ で始まる、相対パス

@import "/root/sub/file.scss"

これは、/ で始まる絶対パスだから、そういう機能があるかどうか？
0840Name_Not_Found
垢版 |
2019/01/28(月) 00:47:43.74ID:21oeIN4G
>>839
ああ、別に相対バスでも良いのです。
やりたいのは変数を使ってパスを
指定したいだけなのですが。
ローカルファイルでは無理そうですね。
0841Name_Not_Found
垢版 |
2019/01/28(月) 03:32:47.10ID:???
相対パスとインターポレーションで、出来るでしょ？
0842Name_Not_Found
垢版 |
2019/01/28(月) 05:34:14.18ID:???
url()とfile:///で絶対パスで参照できないかな
0843Name_Not_Found
垢版 |
2019/01/28(月) 08:14:58.45ID:???
>>828
あらかじめ可変部と固定部の文字列くっつけてからimportでもダメですか？
0844Name_Not_Found
垢版 |
2019/01/28(月) 13:10:31.68ID:21oeIN4G
>>843
具体的にどんなふうに書けば良いですか？
0846Name_Not_Found
垢版 |
2019/01/28(月) 15:57:33.80ID:???
なんだ、偉そうにしてるくせにsassって大したことないんですね。
0847Name_Not_Found
垢版 |
2019/01/28(月) 16:07:02.98ID:???
大したことないってどういう事？
sass使うと大幅な工数削減になるんだけど
0848Name_Not_Found
垢版 |
2019/01/28(月) 16:14:43.80ID:???
でも無理なんですよね？
出来たらここの工数も削減できたのになぁ…あーあ
0849Name_Not_Found
垢版 |
2019/01/28(月) 16:21:29.56ID:???
単純に相対パスにすればいいだけでは？
どういう理由で工数削減できないのか書いて
0850Name_Not_Found
垢版 |
2019/01/28(月) 20:46:57.56ID:???
Sassが回る前にnodeで外から置き換えちゃえば？
0851Name_Not_Found
垢版 |
2019/01/28(月) 21:57:37.39ID:???
SCSSでパスをどうにかするって考えたことなかった
0852Name_Not_Found
垢版 |
2019/01/28(月) 22:29:40.01ID:zj+H4VMF
大野みうはなぜ販売しているノウハウで自分のサイトを上位表示させないのですか？
0853Name_Not_Found
垢版 |
2019/01/28(月) 23:14:44.24ID:???
ゲームなんてさ、

頂点計算
面計算
基本シェーディング計算
複数の複雑なライティング計算
複雑な各種シェーダー計算
階層アニメーション
アニメーションブレンディング
スキンウエイト
マッピング計算
各ゲームAI
コリジョン計算
物理演算
ラグドール計算
各種判定処理

他にも多くの計算があり、なおかつ上記計算はフィールドやたくさんのキャラクター、膨大なエフェクトにも適用され
最終的に複数の画面エフェクト系、zバッファを使った画像の重ね合わせ、
オクルージョン計算や鏡面反射など重めの処理も入っている

ゲームではこれらを60分の1フレームで計算できるのに、たかだかhtmlごときのレンダリングに何で重くなることがあるんだよ？
ブラウザエンジン作ってる連中は無能だろ
0854Name_Not_Found
垢版 |
2019/01/28(月) 23:27:18.30ID:???
>>853
ゲームは汎用プラットフォームじゃなくていくらでも最適化やチューニングができるからそら速くできるよ
規格を守って互換性にも配慮しなきゃいけないブラウザとは束縛する条件が違いすぎる
0855Name_Not_Found
垢版 |
2019/01/28(月) 23:35:20.56ID:???
ゲームの処理速度の向上はGPUの進化のお陰
ブラウザの処理はまずはテキスト処理だからCPU中心
計算量だけで比較すな
0856Name_Not_Found
垢版 |
2019/01/29(火) 00:01:42.30ID:???
ブラウザは通信も最適化できない
ゲームと違って自前のサーバばかりじゃないからな
0857Name_Not_Found
垢版 |
2019/01/29(火) 01:17:36.84ID:???
相対パス指定なら理解できる。
普通は、プロジェクトフォルダ以下になるから

でも、絶対パス指定だと、プロジェクトフォルダ外を指定する可能性もあるから、やっかい

そりゃ、相対パスでも、
../../../
みたいに、ドンドン上へ遡っていけば、プロジェクトフォルダ外になってしまうけど
0858Name_Not_Found
垢版 |
2019/01/29(火) 01:37:19.88ID:???
>>854-856はぜんぶワイのレスなのだけど、
ゲームの技術推し派もブラウザ擁護派も、ツッコミや補足をおくれよ
10年くらい現場離れてるから最先端事情に疎いんだわ
0859Name_Not_Found
垢版 |
2019/01/29(火) 02:12:54.26ID:???
>>853
cssアニメーションも普通に60fps出るでしょ
0860Name_Not_Found
垢版 |
2019/01/29(火) 07:50:02.53ID:q+39CvYC
cssの重なりについて教えてください
tdの背景が赤でその上にピンクの星を背景に重ねたいですがうまくいきません
親要素{
background:red;
position:relative;
}
親要素:before{
content:"★";
color:pink;
position:absolute;
z-index:1;
}

親要素の背景の赤→ピンクの★→親要素の文字という順番で重ねたいのですがどうすればいいでしょうか？
z-index:-1にするとbefore:が表示されません(´；ω；`)
0861Name_Not_Found
垢版 |
2019/01/29(火) 08:38:18.16ID:???
>>858
ここの連中はhtmlごときにヒーヒー言ってるレベルだからゲーム技術聞いてもまったくわからんのだよ
>>853のあげた技術のほとんどを理解できてないし言葉すら知らないカスしかいないから
0862Name_Not_Found
垢版 |
2019/01/29(火) 08:39:11.58ID:???
試してないけど

親要素 {
background: red;
position: relative;
z-index: 1;
}
親要素:before {
content:"";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: red;
z-index: 0;
}
親要素:after {
content: "★";
position: absolute;
top: 0;
left: 0;
color: pink;
z-index: 0;
}
0863Name_Not_Found
垢版 |
2019/01/29(火) 10:26:05.15ID:432PwDCT
>>858
言うてもウェブは基本的には20年前から変わらず
スクリプト言語でシングルスレッド
部分的な進歩はあるんだけど

なので普通のゲームのようなプログラムと比較すること自体が
あんまりコンピュータのことわかってないんじゃないかな？
って感じはする
0864Name_Not_Found
垢版 |
2019/01/29(火) 11:07:18.85ID:???
Webの技術ってほんとたいしたことないよな
Googleがいくら頑張ってもゲームレベルのようにPCの性能を最大限活かせる超高度な技術は一切ない
0865Name_Not_Found
垢版 |
2019/01/29(火) 11:09:50.51ID:???
>864
日本語が怪しいけど、韓国の方？
0867Name_Not_Found
垢版 |
2019/01/29(火) 11:19:13.35ID:???
>>865
さすがに韓国人呼ばわりは酷い
プログラム覚えたての中学生なんだからそこまで言ってやるな
0868Name_Not_Found
垢版 |
2019/01/29(火) 11:21:44.53ID:???
>>867
おい無能
>>853の一つでも理解してプログラミングしたことあるのか？
0869Name_Not_Found
垢版 |
2019/01/29(火) 11:29:21.30ID:???
そんなの、全部ただの計算だろ？
0870Name_Not_Found
垢版 |
2019/01/29(火) 11:37:32.56ID:???
中学生に無能って言われちゃったよｗ
0872Name_Not_Found
垢版 |
2019/01/29(火) 12:01:44.43ID:???
その内httpに代わるステートフルなプロトコルができて移行とかするんかね
こんだけ普及してると厳しいか？
0874Name_Not_Found
垢版 |
2019/01/29(火) 12:18:07.28ID:???
>>873
あぁごめん>>853については使った事ないわ
学生ならゲームプログラミングはマジでやめといた方がいいぞ
労働量に対して給料が安すぎる
趣味でフリゲ作ってるぐらいなら別にいいけどね
0875Name_Not_Found
垢版 |
2019/01/29(火) 12:40:37.18ID:???
SCSSってもう使っても大丈夫？
0876Name_Not_Found
垢版 |
2019/01/29(火) 12:58:07.04ID:???
適当ぶっこいて悪態ついて訂正ツッコミで答えを得るのが回答者の気分は置いといて最速の質問手段だそうだが、この手法一般的になんて言われてるの？
0877Name_Not_Found
垢版 |
2019/01/29(火) 13:09:02.39ID:???
>>876
2chでも大昔からあるね
名前は聞いたことがない
0879Name_Not_Found
垢版 |
2019/01/29(火) 13:25:55.79ID:???
WebGLはアプリで良くね感が凄い
0880Name_Not_Found
垢版 |
2019/01/29(火) 13:33:07.89ID:???
わかってないなー
時代はマルチプラットフォームなWebTechなんだよ
アプリでよくね？じゃなくてWebでよくね？の時代になりつつある
乗り遅れちゃだめよ
0881Name_Not_Found
垢版 |
2019/01/29(火) 13:35:22.55ID:???
>>875
はい
なにが「もう」なのかはわからんが
0883Name_Not_Found
垢版 |
2019/01/29(火) 14:10:45.48ID:???
>>882
それをいうならPWAでしょ
ionicフレームワークを使えばAngularベースで
Webページ、PWA、Androidネイティブアプリ、iOSネイティブアプリの開発ができる
同じ言語、同じソースで開発できて細かくUIの装飾が設定できて融通が利くWebTechがこれからは重宝されるよ
0884Name_Not_Found
垢版 |
2019/01/29(火) 14:26:19.76ID:???
>>883
すまん、PWAだった
ionic知らなかったわ、これすげぇな
0887Name_Not_Found
垢版 |
2019/01/29(火) 15:23:59.44ID:???
ReactNativeはFacebook、Skype、Discord、Pinterest、Instagram、Uberに採用されてる実績があるからな
0888Name_Not_Found
垢版 |
2019/01/29(火) 15:41:10.32ID:???
別にどれかひとつを選ばにゃならんわけでもなし
片っ端から試してみりゃいいじゃない
お金がかかるわけでもねえし
0889Name_Not_Found
垢版 |
2019/01/29(火) 16:12:04.28ID:???
reactnativeはwebと関係ないが。webviewすら使われてない。
知ったかする前に検索しろよ。
react ってついてるからって引っ張られてんじゃねーぞ
0890Name_Not_Found
垢版 |
2019/01/29(火) 16:56:03.32ID:???
>>889
は？
iPhone、Androidのネイティブアプリ生成するんだから関係あるだろ
0891Name_Not_Found
垢版 |
2019/01/29(火) 17:00:25.68ID:???
ionicフレームワークってゲームも作れますか？
あんまり向いてない？
0892Name_Not_Found
垢版 |
2019/01/29(火) 17:08:39.05ID:???
できなくもないけどunityの方がいい
0893Name_Not_Found
垢版 |
2019/01/29(火) 17:29:34.97ID:???
>>890
webと関係ないってんだが。スレタイ読めるか？幼稚園児。
0894Name_Not_Found
垢版 |
2019/01/29(火) 17:34:37.39ID:???
スレ違いどころか板違いだわ。
大方本当にwebview使ったハイブリッドフレームワークと勘違いしててそれを指摘されて恥ずかしくなって誤魔化してるんだろう。
ミジメｗ
0895Name_Not_Found
垢版 |
2019/01/29(火) 17:49:29.04ID:???
ReactNativeはWebkitのJavaScriptエンジンを採用しているからハイブリッドフレームワークと一緒に話題に上がってきてもおかしくない
0896Name_Not_Found
垢版 |
2019/01/29(火) 17:50:33.55ID:???
ReactNativeのコードをブラウザ上で動かせるReactNativeDOMって技術もあるしwebとの繋がりは強いよ
0897Name_Not_Found
垢版 |
2019/01/29(火) 17:58:03.21ID:WF61RSbo
緑の●の中に白色でチェック✔が入った文字をアイコンのように描きたいので、こんな
ふうにしました。
＜span style="color:white; border-radius: 8px; border: 1px solid black; background-color: green;"＞✔＜/span＞
いちおうアイコンぽく表示出来たのですが、縦長の楕円になります。
これをまんまるにして本物のアイコンぽくしたいのですが、どうやればよいでしょうか？
１文字を横に引き延ばすなどは出来ますか？
width設定で広がるかなあと思ったのですが出来ませんでした。
0899Name_Not_Found
垢版 |
2019/01/29(火) 18:06:29.78ID:???
widthとheightを同じ値に指定して
border-radius: 50%;指定で丸くなる
0900Name_Not_Found
垢版 |
2019/01/29(火) 18:07:56.48ID:???
文字の引き伸ばしは文字の要素べつにして
transform: scale( 1.2 , 1 );みたいにすればいいと思う
0902Name_Not_Found
垢版 |
2019/01/29(火) 18:35:00.52ID:WF61RSbo
>>898
>>899
>>900
>>901
ありがとうございました。物凄いテクニックが
あるんですね。感心しました。
0904Name_Not_Found
垢版 |
2019/01/29(火) 18:39:34.19ID:iboPfjxi
>>903
iphoneで見たら微妙だな
0905Name_Not_Found
垢版 |
2019/01/29(火) 18:54:09.43ID:???
absoluteは危険な気がする
0906Name_Not_Found
垢版 |
2019/01/29(火) 18:56:38.32ID:iboPfjxi
svgかフォント使うのが無難やね
0907Name_Not_Found
垢版 |
2019/01/29(火) 21:59:01.46ID:???
>>901
pxでカッチリあわせてもズレやがるブラウザがいる
0908Name_Not_Found
垢版 |
2019/01/29(火) 23:28:40.64ID:q+39CvYC
右向き三角を作るときってさ
指南サイトだとwidthとheightが0のボックスにborderの3辺をtransparentにするってのばっかりなんだけど
content:"▲"をtransform:rotateで横にするのってなんか問題あるの？
0909Name_Not_Found
垢版 |
2019/01/29(火) 23:36:14.47ID:???
>>908
テキストにするとそれが読み上げ対象外、つまり
area-hidden=”true”
を付けなきゃならんかったり、
各ブラウザで▲がどういう風に表示されるかを考えなきゃならんかったりで色々めんどい

どっちにしろ要素が必要なら、borderだけで済む方が楽
0911Name_Not_Found
垢版 |
2019/01/29(火) 23:47:55.25ID:???
どれ、この板では書けるかな？
実体参照： ▶
コピペ： ▶
0914Name_Not_Found
垢版 |
2019/01/30(水) 00:37:31.65ID:???
>>910
俺も最近これ使うこと多いわー
pugとsassのテンプレで変数化してる
0915Name_Not_Found
垢版 |
2019/01/30(水) 11:29:29.87ID:rmflsQHA
>>6
htmlも、bodyも省略してるけど、
なんの害があるの？
0916Name_Not_Found
垢版 |
2019/01/30(水) 11:31:55.21ID:01zuPP2K
colとかrowとか使って画像を横並びにしたんですが、画像が1枚だけでかいんですが何で整え
るべきですか？
スマホでも崩れないようにしたいです。
0917Name_Not_Found
垢版 |
2019/01/30(水) 11:38:42.40ID:???
>>915
よーく目を凝らしてもう一度>>6をみてください
心の目をしかと見開いて


百害あって一利なし（ドヤァ


と書いてありますね？
そうつまりこれは、百害あって云々と言いたかっただけなのであって
実際の害の有無とは関係ないし、なんなら言葉自体に意味もないのです
0918Name_Not_Found
垢版 |
2019/01/30(水) 12:07:28.76ID:rmflsQHA
>>917
ありがとうございます。
害がないなら、タイプミスのも含めてソースコードは短い方がいいですよね。
0919Name_Not_Found
垢版 |
2019/01/30(水) 12:15:31.44ID:???
>>917
これこそ意味のないレスだな

>>918
そんなところタイプミスするならもう辞めろ
0920Name_Not_Found
垢版 |
2019/01/30(水) 12:29:13.99ID:???
＞そんなところタイプミスするならもう辞めろ
笑ったｗ
確かにそれは言える
0921Name_Not_Found
垢版 |
2019/01/30(水) 12:42:53.91ID:rmflsQHA
タイプミスも「含めて」と言ったまで。
そんなミスはしないが、
納品するときソースが短いとキレイに見えるだろ？
0922Name_Not_Found
垢版 |
2019/01/30(水) 12:51:38.17ID:???
蔵による
「閉じタグが無いからちゃんとつけろ」等、無駄なクレームに発展する恐れがある
それなら最初から付けておいた方が良い

・・・って思ったら>>917で出てるじゃん
まぁこの辺の線引が自分で出来ないなら、変なことはできるだけ避けたほうが無難だよ、としか言えない
0923Name_Not_Found
垢版 |
2019/01/30(水) 13:08:16.82ID:???
tbody「ほんとに？僕のことも省略しない？」
thead「どうせ、最初のヘッダ行のスタイルのために私を使うだけなんでしょ！」
0925Name_Not_Found
垢版 |
2019/01/30(水) 13:16:39.93ID:???
ソースが短いとキレイに見えるとかｗｗｗ
やべえ笑い過ぎて腹痛いｗｗｗｗｗ
0926Name_Not_Found
垢版 |
2019/01/30(水) 13:18:26.92ID:???
蔵「おっ、このページいつもよりキレイに見えるな！ソース短くなったのかな？」
0927Name_Not_Found
垢版 |
2019/01/30(水) 13:47:04.01ID:???
ソースを短くして綺麗に見えるんじゃなく、
ソースが冗長だと汚く見えるだけ
テクニカルに短くしても印象は変わらない

>>923
すいません

>>924
labelは使うよ
0928Name_Not_Found
垢版 |
2019/01/30(水) 15:22:59.78ID:rmflsQHA
>>922
終了タグがないとクレームをつけてきた蔵はいないが、
勝手に古いホームページビルダーか何かで弄って、XHTMLにされたことはある。
0929Name_Not_Found
垢版 |
2019/01/30(水) 15:42:53.72ID:rmflsQHA
>>925
あまりムキになって反論するものではないが、
マークアップを推敲や校正するときって、
文章のほうに中心で、タグは関係ない人のほうが多い。
行間が、
</p>
<p>
ってなってるより
<p>
だけのほうが読みやすい。

マークアップは最小文字数のほうが読む人に優しい。
だからidやclassもできるだけ振らず、不要なdivも減らすようにしている。
bodyがあるのに、div id=”container”なんて読み難くなるだけ。

余談だが、色の指定はblackとか、darkredとかの色名で指定している。
プロしか分からない数字の羅列を美しいと思う人は少ないだろう。
0930Name_Not_Found
垢版 |
2019/01/30(水) 15:47:02.77ID:X24JwOft
>>929
釣り針でかいよ
0931Name_Not_Found
垢版 |
2019/01/30(水) 16:03:08.38ID:???
>>929
なんか20年前にタイムスリップした気分
0932Name_Not_Found
垢版 |
2019/01/30(水) 16:15:03.79ID:???
>>922
> 「閉じタグが無いからちゃんとつけろ」等、無駄なクレームに発展する恐れがある
> それなら最初から付けておいた方が良い

不要な閉じタグを入れるなってクレームが来ることもあるよ
どっちもどっち
0935Name_Not_Found
垢版 |
2019/01/30(水) 17:10:15.38ID:???
いくら綺麗にコード書いても誰も見ないよ…
0936Name_Not_Found
垢版 |
2019/01/30(水) 17:18:05.92ID:???
>>929
プロしかわからない数字の羅列w
そもそもおまえ素人じゃんwww
0937Name_Not_Found
垢版 |
2019/01/30(水) 17:23:40.47ID:???
そんなん自分の客見てりゃわかるんじゃね？

俺は終了タグが不要だって指摘されたことはないなあ
伝送量減らすため色々削ってってお願いされたことは一度あったけど
0938Name_Not_Found
垢版 |
2019/01/30(水) 17:47:45.51ID:???
クライアントとのコミュニケーションくらい取ろうよ
0939Name_Not_Found
垢版 |
2019/01/30(水) 17:48:11.47ID:???
>>929
＞色の指定はblackとか、darkredとかの色名で指定している。
コードのためにサイトの品質落とすとか、最悪すぎるわ・・・
0940Name_Not_Found
垢版 |
2019/01/30(水) 18:14:01.56ID:???
$color_blue1: #0000cc; // ヘッダのバック等で使っている一番濃い青
$color_blue2: #003699; // スタンダードな濃さの青
$color_blue4: #C0D9E0; // 背景に使うかなり薄い青
　：

みたいなのをSASSの変数集に作っておいて
使うときに「あれ？どれだっけ？」ってなっちゃうことがよくある…
0941Name_Not_Found
垢版 |
2019/01/30(水) 18:24:10.04ID:???
変数名の付け方がおかしい
0942Name_Not_Found
垢版 |
2019/01/30(水) 18:25:26.52ID:???
なんかこんなのあったよvscode拡張機能だけど

ttps://marketplace.visualstudio.com/items?itemName=Nkzq.sass-variables-helper
0944Name_Not_Found
垢版 |
2019/01/30(水) 18:45:37.84ID:???
$blue-base: blue;
$blue-darkest: darken($blue-base: blue, 10%);
$blue-darker: darken($blue-base: blue, 5%);
$blue-lighter: lighten($blue-base, 5%);
$blue-lightest: lighten($blue-base, 10%);
0945Name_Not_Found
垢版 |
2019/01/30(水) 18:46:43.40ID:???
なんか変なことなってた
$blue-base: blue;
$blue-darkest: darken($blue-blue, 10%);
$blue-darker: darken($blue-blue, 5%);
$blue-lighter: lighten($blue-base, 5%);
$blue-lightest: lighten($blue-base, 10%);
0946Name_Not_Found
垢版 |
2019/01/30(水) 18:56:19.59ID:???
グレーっぽいのが10種類ある時どうするの？
0947Name_Not_Found
垢版 |
2019/01/30(水) 19:09:56.66ID:???
$blue-base: blue;
$blue-darkest-of-the-darkests: darken($blue-blue, 30%);
$blue-second-darkest: darken($blue-blue, 25%);
$blue-third-darkest: darken($blue-blue, 20%);
$blue-darkest: darken($blue-blue, 15%);
$blue-much-darker: darken($blue-blue, 10%);
$blue-darker: darken($blue-blue, 5%);
$blue-lighter: lighten($blue-base, 5%);
$blue-much-lighter: lighten($blue-base, 10%);
$blue-lightest: lighten($blue-base, 15%);
$blue-third-lightest: lighten($blue-base, 20%);
$blue-second-lightest: lighten($blue-base, 25%);
$blue-lightest-of-the-lightests: lighten($blue-base, 30%);

いくらでも増やせるから問題ない。
0949Name_Not_Found
垢版 |
2019/01/30(水) 19:13:03.38ID:???
darkest-of-the-darkestsってかっけえな
0951Name_Not_Found
垢版 |
2019/01/30(水) 19:20:08.24ID:???
黄昏よりも暗いとか黒より黒いとか闇より暗いとか
0952Name_Not_Found
垢版 |
2019/01/30(水) 19:23:23.95ID:???
ちなみにモアベターというのは恥ずかしい和製英語。
正しくはマッチベター。
0954sage
垢版 |
2019/01/30(水) 20:00:03.60ID:or1hqXZ6
もはや数字で管理した方がわかりやすい
0955Name_Not_Found
垢版 |
2019/01/30(水) 20:07:09.26ID:???
このスレでこんなに笑ったのは初めてだ
0956Name_Not_Found
垢版 |
2019/01/30(水) 20:10:46.41ID:???
Numbersで表を作りhtmlで保存をしてウェブページに貼り付けると同じページに異なる表を2つ貼り付けると１つ目の表の色が崩れてしまいます。解決策ありますか？
上の表はヘッダーを青で他は色指定してないですが2つ目の表（下）を貼ると上の表が崩れてしまいます。
https://i.imgur.com/rJ4jqPQ.jpg
0958Name_Not_Found
垢版 |
2019/01/30(水) 20:15:11.11ID:???
予想だと2つ目のタグが閉じられてない
0960Name_Not_Found
垢版 |
2019/01/30(水) 20:26:02.57ID:???
<br/>って表記を思い出した
これって今も使ってるの？
0961Name_Not_Found
垢版 |
2019/01/30(水) 21:07:55.69ID:???
>>959
入りきらないならjsfiddleとか使ってよばか
0962Name_Not_Found
垢版 |
2019/01/30(水) 21:11:21.09ID:???
あー
htmlタグごと2つ連ねてるのか
それが原因だろうね
0963Name_Not_Found
垢版 |
2019/01/30(水) 21:12:34.11ID:???
可能ならnumbersで2つの表並べてからhtmlで保存することをおすすめする
0964Name_Not_Found
垢版 |
2019/01/30(水) 21:32:15.17ID:???
>>962
無知ですみません、詳しくお願いします。HTMLソースのどこかを修正すれば治る問題ですか？
それとも書き出し自体が間違ってますか？
0965Name_Not_Found
垢版 |
2019/01/30(水) 21:38:21.08ID:???
>>960
xmlだと<br />になる
html5でも使えるけど使う理由はない
0966Name_Not_Found
垢版 |
2019/01/30(水) 21:40:12.99ID:rmflsQHA
>>939
たぶん君ほど微妙な色加減に頼ったデザインはしていない。
0967Name_Not_Found
垢版 |
2019/01/30(水) 21:47:50.24ID:rmflsQHA
>>936
プロって何だ？
コーディングで料金とってる人って意味なら、オレもプロだが？
入稿してきた記者にも色がの想像がつくように色名で指定している。
プロコーダーと、簡単なマークアップだけの記者と、クラと、
総合的にみて、バランスのいいところでルール作りをするのが仕事だと思う。
0968Name_Not_Found
垢版 |
2019/01/30(水) 21:53:22.75ID:???
>>964
書き出すまえに2つ並べて書き出せるなら
そうしたほうがいい
0969Name_Not_Found
垢版 |
2019/01/30(水) 22:00:53.79ID:???
ID:rmflsQHA
こいつの日本語が不安定で草
朝鮮人かな
0970Name_Not_Found
垢版 |
2019/01/30(水) 22:25:52.17ID:???
>>966
まぁそのアフリカ人みたいな配色で蔵が納得してるならいいんじゃね？
俺だったら気持ち悪くて仕方ないけど
0971Name_Not_Found
垢版 |
2019/01/30(水) 22:27:43.26ID:???
>>966
いや、やっぱりダメだ
俺の目に入る可能性があるんだからお前はもうちょっとデザインセンス磨いてくれ
クソダササイト作って金もらえればそれでいいって、プロ意識の欠片もない。コジキと変わらん
0972Name_Not_Found
垢版 |
2019/01/30(水) 22:29:03.57ID:rmflsQHA
>>969
具体的な反論をしてほしい。
わたしが朝鮮人かどうかなど関係ない。
むしろレッテル貼りこそ日本人離れしている。
0973Name_Not_Found
垢版 |
2019/01/30(水) 22:34:34.39ID:???
ttps://www.koyasan.or.jp/
このサイト開いた時の「高野山」ってどういう手法を使ってるんですか？
0974Name_Not_Found
垢版 |
2019/01/30(水) 22:34:36.03ID:rmflsQHA
>>970
君はたぶん立派なウェブデザイナーなんだろうけど、
ユーザーのモニタなんてそこまでシビアに調整されていない。
0975Name_Not_Found
垢版 |
2019/01/30(水) 22:35:19.33ID:rmflsQHA
>>971
だったらこの５ちゃんのサイト見てみろ。
気持ち悪くならないか？
0976Name_Not_Found
垢版 |
2019/01/30(水) 22:37:45.02ID:???
>>975
日本最高ランクのPV数を誇るサイトと
お前クソサイトを比べるな
中身も歴史も違いすぎるんだよ
どれだけ烏滸がましいんだ
0977Name_Not_Found
垢版 |
2019/01/30(水) 22:40:05.61ID:rmflsQHA
>>976
おまえはデザインのことを言ってるのか、
アクセスのことを言ってるのか？
喧嘩するつもりでここにいるわけじゃないが、
程度の低い反論はやめてほしい。
0979Name_Not_Found
垢版 |
2019/01/31(木) 00:57:05.07ID:???
>>967
プロってなんだっておまえがプロって言い出したんだろ？
そもそも入稿時に記者がCSSみるんかよww
そういうの強迫観念って言うんですよ読点さん
0980Name_Not_Found
垢版 |
2019/01/31(木) 01:18:35.07ID:???
記者が直接CSSを見るという前提がよく分からない
0982Name_Not_Found
垢版 |
2019/01/31(木) 01:34:21.31ID:???
>>981
乙。こ、これはユーザーの視線移動なんだから変なかんちがいしないでよね！
0983Name_Not_Found
垢版 |
2019/01/31(木) 03:04:37.04ID:???
さいきん活気があって良いなぁ〜
0985Name_Not_Found
垢版 |
2019/01/31(木) 09:55:41.66ID:???
:first-lineって使いますか？
0987Name_Not_Found
垢版 |
2019/02/01(金) 01:15:21.98ID:pAIefUDt
>>978
このpathはどうやって作るんですか？
0990Name_Not_Found
垢版 |
2019/02/01(金) 13:43:43.52ID:TMmvQLrb
CSS4っていつから開始しそうですか？
0993Name_Not_Found
垢版 |
2019/02/01(金) 16:19:39.39ID:???
SCSSで閉じ括弧が足りないんですが、どこの行か教えてくれるツールありませんか(´；ω；`)
0994Name_Not_Found
垢版 |
2019/02/01(金) 16:42:21.80ID:???
>>993
コンパイラがどのへんでエラってるか吐くでしょ
あとテキストエディタもカッコの対応くらいは
0995Name_Not_Found
垢版 |
2019/02/01(金) 17:10:18.01ID:???
>>994
コンパイラはkoala使ってて昔から指してる行が見当違いで…
テキストエディタも今Node.jsのパスが直せなくて使えない状態…
0996Name_Not_Found
垢版 |
2019/02/01(金) 17:50:45.92ID:???
テキストエディタが使えないなら
問題の箇所が分かっても直せないような気がする
0997Name_Not_Found
垢版 |
2019/02/01(金) 18:49:51.94ID:???
仕方ないので自力で直しました(´；ω；`)

最後時間があったからlinter入れてみたけど使い方が分からなかった
node.jsも使えるようにしたから月曜からは大丈夫…

お返事ありがとう
0998Name_Not_Found
垢版 |
2019/02/01(金) 18:50:47.39ID:???
>>995
先に環境治せｗそれはさて置き、そうなったらもう、昔ながらのデバッグ方法でいこう

コード半分削ってコンパイルを繰り返して
エラー消えたときに削ったところが問題箇所だ
0999Name_Not_Found
垢版 |
2019/02/01(金) 18:51:55.04ID:???
おおなんだ解決したのか
よかた

これにこりたら、次から閉じカッコは先に書くように(｀・ω・´)
1000Name_Not_Found
垢版 |
2019/02/01(金) 19:13:48.64ID:???
環境直してる暇があるなら手を動かせって職場で…
人が作っためちゃくちゃなSCSSだったから焦ってた

1000なら安心して寝る
10011001
垢版 |
Over 1000Thread
このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 52日 19時間 39分 30秒
10021002
垢版 |
Over 1000Thread
5ちゃんねるの運営はプレミアム会員の皆さまに支えられています。
運営にご協力お願いいたします。


───────────────────
《プレミアム会員の主な特典》
★ 5ちゃんねる専用ブラウザからの広告除去
★ 5ちゃんねるの過去ログを取得
★ 書き込み規制の緩和
───────────────────

会員登録には個人情報は一切必要ありません。
月300円から匿名でご購入いただけます。

▼ プレミアム会員登録はこちら ▼
https://premium.5ch.net/

▼ 浪人ログインはこちら ▼
https://login.5ch.net/login.php
レス数が1000を超えています。これ以上書き込みはできません。
ニューススポーツなんでも実況