もうBootstrap3使っても良いんじゃねぇ？

**nobodyさん** · 2013/09/09(月) 23:53:50.77

>>97
無理して使うこと無い　は、本当にそのとおり。
自分のセマンティック精神に合わなきゃ使わなくていい。
ちょいとしたWebアプリがPCでもiPadでもそれっぽく作れるから、
自分は用途に応じて使うよ。

**nobodyさん** · 2013/09/10(火) 00:44:07.79

使うのはいいけど、
ちゃんとした教育を受けた人には
気持ち悪いフレームワークなんだよな。

**nobodyさん** · 2013/09/10(火) 01:10:20.13

ちゃんとした教育()笑

**nobodyさん** · 2013/09/10(火) 03:28:26.76

Bootstrapに便利な機能を追加できるjQueryプラグインまとめ
ttp://w3q.jp/t/4438

**nobodyさん** · 2013/09/10(火) 21:03:15.06

ちゃんとした教育を受けた上で気持ち悪さを感じながらも
現実と折り合いをつけて使うのが大人

**nobodyさん** · 2013/09/10(火) 22:07:56.46

現実と折り合いをつけて
諦めないと使えないのがBootstrap

**nobodyさん** · 2013/09/10(火) 22:58:03.20

>>105
ID晒して気持ち悪いフレームワーク　スレに常駐お疲れ様ですｗ
なんでまだ居るんすかｗ

**nobodyさん** · 2013/09/11(水) 02:12:07.23

面白いからずっといますよ。

**nobodyさん** · 2013/09/11(水) 13:15:40.30

要所要所にclassを適用していくという方式で
メンテ性が下がる理由がよくわからん…。
ソース量が妙に増えるのは欠点だが、Bootstrapにあわせた
マークアップルールを考えればそれでいいだけな気もするし、
所詮一つの道具に過ぎないこれがそれぞれの自分流にあわなきゃ
使わなければいいだけなはずなんだがな。

**nobodyさん** · 2013/09/11(水) 13:39:32.80

html5でdivを使わないレイアウトが出来ます！
なんて言ってたやつはどこいった、？

**nobodyさん** · 2013/09/11(水) 15:43:38.48

重い腰上げて3への移行作業やってみたけど、骨が折れるわこれは…。
特にformが変わりすぎだ。

**nobodyさん** · 2013/09/11(水) 18:32:16.42

>>109
まぁほら、まだ正式勧告されてないもんだしさ。

ところで、3でrow-fluidがremove対象だってのに
row-fluidってしないとリキッドレイアウトできんのだけど。
containerも同じく。
2と間違えていれたか？

**nobodyさん** · 2013/09/11(水) 19:44:19.90

>>111
ポカミスに1ペリカ
3.xにrow-fluidなんて定義されてないしな

**nobodyさん** · 2013/09/11(水) 22:50:00.92

>>108
> 要所要所にclassを適用していくという方式で
> メンテ性が下がる理由がよくわからん…。

例えば、btnと書いたらどういうデザインになる？
まあ、”あの”デザインだよね。

もしsuccessボタンにしたかったどうする？
class="btn btn-success"だよね？

この時、角丸やめたいなって持ったらどうする？
class="btn btn-success btn-solid" かい？

右から左へのグラデーションに変えたいと思ったら？
class="btn btn-success btn-solid btn-gradation-left-to-right" かい？

グラデーションが黒から白へ、だけど、最後真っ白ではなくグレーだったら・・・

ほらね、あっという間に破綻するでしょ？

ここで、よくある反論は、Bootstrapのデザインそのまま使えだろうね。
でもそれって、メンテナンス性が低くてメンテナンスするコストが高いから
Bootstrapのデザインそのまま使えって意味だから。
メンテナンス性が低いってことの反論にはなってないのさ。

**nobodyさん** · 2013/09/11(水) 23:43:22.74

自分は属性を当てていく感じが割りと好きだけどな。

セマンティック君は学者だったらまだいいけど、
一介のユーザがそれだと痛いだけだよ。

**nobodyさん** · 2013/09/11(水) 23:55:32.18

>>114
属性を割り当てていく場所が違うんだよ。

classに属性を割り当てるのではなく、
CSSに属性を割り当てていく感じで作る。

>>113の例をCSSに属性を割り当てる感じにしたものを
具体的に書くと、

HTMLがこうで、

<button class="success-button">succsss</button>

SCSSがこう

.success-button {
　@extend btn;
　@extend btn-solid;
　@extend btn-gradation-left-to-right;

　//その他のCSSスタイル
　padding: 5px;
}

これならどんなスタイルであってHTMLを編集する必要性は少なくなるし、
急に全ページのsuccessボタンを変更してくれなんて依頼がきてもわずかの修正で対応できる。

**nobodyさん** · 2013/09/11(水) 23:58:58.62

>>115
HTML/CSSの本来の関係を説明してくれなくても分かってるよ。
別にここに張り付いてないで、理想通りの俺俺フレームワークを作ればいいじゃない。
応援してるよ。

**nobodyさん** · 2013/09/11(水) 23:59:44.14

>>115
1つだけ要望。
そんときはMITライセンスでよろしく。

**nobodyさん** · 2013/09/11(水) 23:59:58.87

>>116
俺俺フレームワークって何を作ればいいの？

昔からウェブサイトのデザインは
自分で作るものだと思ってるけど？

デザインの話じゃないんだよね？

**nobodyさん** · 2013/09/12(木) 00:05:13.93

>>118
は？bootstrapの作りにケチつけておいて、
フレームワークって何とは何事だ。
申し訳ないけど何かの病気か？

**nobodyさん** · 2013/09/12(木) 00:07:32.66

>>119
だからなんでフレームワークを作らないとダメなのって話で、
なんでbootstrapなんか作る必要があるの？って話なんだけど。

それにフレームワークを作る必要があったとしても、
別に俺俺で作る必要もないよね？

既にあるものを探してくればいいじゃん？

Bootstrapは探して見つけたくせに
なんでそれ以外を探すことが出来ないのかな？

**nobodyさん** · 2013/09/12(木) 00:09:30.25

ていうか話ずれ過ぎだよ。

> メンテ性が下がる理由がよくわからん…。

って書いてあるから、
メンテナンス性は本当に下がるよって
説明したのに。

わからなかったんでしょ？

> HTML/CSSの本来の関係を説明してくれなくても分かってるよ。
なぜかわかってるって言い直してるし。変な人だね。

**nobodyさん** · 2013/09/12(木) 00:13:27.01

>>121
ゴメン、メンテ性の話は別の人間。

bootstrapのデザインが気に食わなかったら
CSSフレームワークとしてbootstrapを使うことはないよ。
tutorial、sampleに毛の生えた程度のレベルで
サクサク作る用途で使ってるから、君の上げた例のような破綻はしないよ。

**nobodyさん** · 2013/09/12(木) 00:15:16.57

サクサク作る用途で使ってるならば、破綻はしない

ということは

サクサク作る用途以外ならば、破綻する

ということです。

仕事ってサクサク作る用途ですかね？
勉強している学生君ならまだいいけどさ。

**nobodyさん** · 2013/09/12(木) 00:22:01.97

>>123
Webデザイナー(笑)不在でそこそこの見た目でやる仕事もあるからね。
社内用のWebアプリとかこだわる必要ないでしょ？
それっぽいコンポーネントが揃ったフレームワークを、
それっぽい範囲で効率よく使ってるまでのこと。完璧なんて求めないよ。

細かい横槍の入りにくいほぼ独断の仕事で、優雅に技術者やれてますよ。

**nobodyさん** · 2013/09/12(木) 00:26:20.96

それはようするに見た目にこだわらなくても
いい場合にしか使えないという意味か？

それってさ、技術的に低くても良い場合にしか
使えないと言ってるのと同義だぞ。

見た目要求されたら、出来ませんって言うしか無いんだろう？

**nobodyさん** · 2013/09/12(木) 00:35:49.03

>>125
bootstrapのデザインをカスタマイズすることが技術的に高いことなの？
フレームワークがピッタリはまる用途で最高の効率で使うことも"高い"と思うよ。

bootstrapの見た目で満足できない物足りないと言う人を納得させるだけの
条件が揃って無ければ、それは出来ませんというしか無いだろうね。
その状況に陥るなら「技術的に低い」と思うよ。
フレームワークってその程度のものじゃない。

**nobodyさん** · 2013/09/12(木) 00:52:05.26

自分（アプリケーション屋）vsホームページ屋
の構図になっちゃってるね。たぶんだけど。

自分らは、bootstrap等のコンポーネント群はとても助かってるね。
「そんなのゼロから組んでたら倍かかりますよ！
　この部品の組み合わせで行きます」なんて、
ハッタリかませるほうが楽に生きれるんじゃない？
「bootstrapなんてフレームワークを作る必要ない」なんてさすがに見識を疑うね。

君の理想通りのフレームワークを紹介して欲しいよ・・・。

**nobodyさん** · 2013/09/12(木) 01:50:52.85

Bootstrapはメンテナンス性が悪いことが証明された。
それが何よりの収穫だ。

**nobodyさん** · 2013/09/12(木) 01:53:02.37

>>126
技術とメンテナンス性は話が別。

高い技術があればカスタマイズできるのではなく
高い技術があればメンテナンス性をあげられる。

カスタマイズなんてだれでもできること。
時間さえかければね。

**nobodyさん** · 2013/09/12(木) 01:57:03.47

>>127
デザインは要求ごとに違うもの。

だからどんな要求にも耐えられるフレームワークなんてものはないし
そんなものは必要ない

だからフレームワークに頼らず自分の力で
作れる技術をつけるべきである。

> 「そんなのゼロから組んでたら倍かかりますよ！
> 　この部品の組み合わせで行きます」なんて、

最終的に決めるのは客。勝手に決めるな。
倍かかるのは技術が低いから。
技術があれば客の望んだデザインで作れる。
客に迷惑をかけているということを自覚しろ

**nobodyさん** · 2013/09/12(木) 09:06:56.14

>ハッタリかませるほうが楽に生きれるんじゃない？

なんで、趣旨であるこの部分を削って
他人の意見を歪曲するかねぇ…

**nobodyさん** · 2013/09/12(木) 09:08:26.28

↑>>130宛てです。

**nobodyさん** · 2013/09/12(木) 09:12:20.07

>>113
それって「フレームワーク」の意味というか意義がわかってないだけじゃね?
そんなプログラムでもなんでも当てはまる話じゃん。

普通の人は、生産性の向上を享受する代わりに制約を受け入れてるわけだよw
制約が気に入らないなら使っちゃダメだわw

**nobodyさん** · 2013/09/12(木) 09:16:15.38

一方俺は有料テーマで済ませた
https://wrapbootstrap.com/

他にテーマを集めてるサイトはないかな

**nobodyさん** · 2013/09/12(木) 09:30:38.44

>>105-107
この気持ち悪い生き物は相手にしないでください。

**nobodyさん** · 2013/09/12(木) 16:35:51.53

なにもこったことはせずにそのまま使う。
それが一番いい。

**nobodyさん** · 2013/09/12(木) 16:50:01.66

なんかあったのか？

**nobodyさん** · 2013/09/12(木) 17:20:43.52

CSSフレームワークは、クロスブラウザについて考えることが減るというのも重要なメリット。
あいかわらずIEはひどいが。

**nobodyさん** · 2013/09/12(木) 19:28:22.61

bootstrap使ってみてるけど、今まで毎回書き起こしてたのがバカみたいだな。
勿論、見せるためのサイトでは不便だろうけど、
機能を使ってもらうサイトなら、これは便利そう。
もうちょっと使ってみないと、落とし穴があるかもしれないけど。

**nobodyさん** · 2013/09/12(木) 19:34:12.09

>>136

タイトルバー付きの小窓が欲しいんだよね。
だから、そこだけ自前で用意した。

**nobodyさん** · 2013/09/12(木) 20:47:17.98

SASSでクロスブラウザとかいう話なら
compassがあるよね？

http://compass-style.org/

例えば、.simple { @include border-radius(4px, 4px); } って書くだけでこういう風に出力される。

.simple {
　-webkit-border-radius: 4px 4px;
　-moz-border-radius: 4px / 4px;
　-khtml-border-radius: 4px / 4px;
　border-radius: 4px / 4px;
}

http://compass-style.org/reference/compass/css3/border_radius/

これはフレームワーク？

それと言うことをしたい場合、Bootstrapならどうするの？

**nobodyさん** · 2013/09/12(木) 21:03:45.91

嫌なら使うなこれ言うとフジテレビ同様嫌われるの(・ω・)ノ

**nobodyさん** · 2013/09/12(木) 23:40:07.62

フレームワークってある程度、ルールを作ってくれるし、それに応じた書き方するもんじゃないの？
フレームワークだし。

bootstrap使いたくないやつは使わなくていいんじゃないの？

自前で用意した方がいいんであれば自前でやればいいじゃん。

と蒸し返し。

**nobodyさん** · 2013/09/13(金) 00:04:48.64

なんでbootstrapを使わない＝自前で用意するになるの？

bootstrap以外の物を使えばいいじゃん。

俺はbootstrap以外のことは何も知らないというのなら
はっきりそう言ってくれ。なんなら↓これコピペしてくれるだけでいいぞ。

「俺はbootstrapの事以外何も知らない何も知ろうとしない愚か者です。」

はい、どうぞ。

**nobodyさん** · 2013/09/13(金) 01:26:43.50

>>144
お前が「bootstrapと同じ効率で全てに対応できるよう自分で組む技術を持っている」と
豪語してる人じゃないの？
その話を半分信じてみんな相手してくれてることになぜ気づかないの？
やっぱり痛すぎるよ？？？？？？？（ｗ

**nobodyさん** · 2013/09/13(金) 01:30:58.22

>>145
そんなことは言ってないがまず、
俺の質問に答えろよ。

なんでbootstrapを使わない＝自前で用意するになるの？

俺は言ってないが、
お前が言っていることは>>143みればわかること。

**nobodyさん** · 2013/09/13(金) 01:31:29.33

Bootstrap信者は、これ見て勉強してください。

もうCSS設計で悩まない！「CSSコーディングガイドライン」策定のための参考記事・スライド 7選
http://squeeze.jp/blog/web-development/css-guideline/

**nobodyさん** · 2013/09/13(金) 02:47:37.09

>>146
みなさん　この言葉遊びしてる基地外に近づかないでください。

**nobodyさん** · 2013/09/13(金) 06:42:44.06

>>147

基本的に、デザイナー系の人は頓珍漢なことばっかり重要視するからよく読んでないけど、

>プロパティの記述順序
>アルファベットの順に記述する。
>ベンダープレフィックスは無視する。ただし、例えば-moz接頭辞は-webkitの前に来る、などの順序は保つこと。

アホかと思った。

**nobodyさん** · 2013/09/13(金) 08:25:10.87

>>149
そういうどうでも良いレベルでしか差別化出来ないんじゃない?w

**nobodyさん** · 2013/09/13(金) 08:25:44.78

>>140
3のPanelが便利

**nobodyさん** · 2013/09/13(金) 08:28:18.94

>>147
> コーディング規約を作ろう
規約大事だよね。Bootstrapを使うならBootstrapが規約だね

> CSSガイドラインを翻訳してみた
オブジェクト指向流行ってるよね。Bootstrapもその一つだね

> 「Google HTML/CSS Style Guide」を適当に和訳してみた
.btn-small はイケてないよね…
.btn-147dick { max-height: 9.6cm; } とか真面目に自作すべき

> メンテナブルCSS
規約大事だよね。Bootstrapを使うなら略

> 大規模サイトにおける本当は怖いCSSの話
Bootstrapスタイルは技術がない人だと困るんだって
>>76スタイルは時間喰いすぎなんだって
バランスが大事なんだね

> 今必要なCSSアーキテクチャ
OOCSSもSMACSSも目的は同じでアプローチが違うんだね。Bootstrapは前者かな

> IDを使わないCSSの設計
シングルトンパターンと一緒で乱用すべきじゃないよね。Bootstrapも使ってないね

勉強になるな～

**nobodyさん** · 2013/09/13(金) 11:59:17.21

>>151

これを使えばいいのか、ありがとう。

**nobodyさん** · 2013/09/13(金) 13:07:01.65

input要素のサイズがグリッドカラムでしか指定できないのはさすがに嫌すぎなので
2にあったinput-*は自前で追加した

**nobodyさん** · 2013/09/13(金) 21:55:31.66

>>152
Bootstrapを超えるものが既にあるのに
なんでBootstrapを使うのって話じゃん。

**nobodyさん** · 2013/09/13(金) 21:58:18.44

Bootstrapを超えるものって何？

**nobodyさん** · 2013/09/13(金) 22:24:05.57

>>156
sass（cssの拡張版）＋compass（クロスブラウザフレームワーク、グリッドなどあり）

用意されたものを使えるのは当然の事、
さらに自分で拡張できる。

**nobodyさん** · 2013/09/13(金) 22:27:23.15

>>147
> 大規模サイトにおける本当は怖いCSSの話

26ページのオブジェクトタイプ・・・未使用ってのが
重要なところだね。

25ページより

オブジェクトタイプ
・CSSファイルを触らずに開発できる
・コピペで開発できる
デメリット
・CSS設計にスキルを要する
・CSS修正による影響予測が困難。

これ、Bootstrapのことだよね・・・

**nobodyさん** · 2013/09/13(金) 22:31:02.19

Bootstrapの問題点は簡単にいえば
メンテナンス性が低いということ。

目的のものを作るに時間がかかる。

**nobodyさん** · 2013/09/13(金) 23:50:35.58

>>159
それはお前の脳みそがメンテナンスされてないから。

**nobodyさん** · 2013/09/13(金) 23:51:14.42

>>155
あれ見落としてたかなー
Bootstrapを比較に持ち出してる記事なんてそのページのどこにあるんだろう？

**nobodyさん** · 2013/09/14(土) 00:23:36.86

出先でモックアップを作るのに良いサイトを探してるんですがお勧めはありませんか？
2.x/3.x切り替えとキーボードショートカットに対応してたら最高です

https://jetstrap.com/
http://bootply.com/
http://www.layoutit.com/

この辺は見てみました

**nobodyさん** · 2013/09/14(土) 02:02:50.79

Bootstrapのメンテナンス性が低い理由は明確に書いてある。

>>114
属性を割り当てていく場所が違うんだよ。

classに属性を割り当てるのではなく、
CSSに属性を割り当てていく感じで作る。

>>113の例をCSSに属性を割り当てる感じにしたものを
具体的に書くと、

HTMLがこうで、

<button class="success-button">succsss</button>

SCSSがこう

.success-button {
　@extend btn;
　@extend btn-solid;
　@extend btn-gradation-left-to-right;

　//その他のCSSスタイル
　padding: 5px;
}

これならどんなスタイルであってHTMLを編集する必要性は少なくなるし、
急に全ページのsuccessボタンを変更してくれなんて依頼がきてもわずかの修正で対応できる。

**nobodyさん** · 2013/09/14(土) 04:40:19.30

世界中でお前だけだぞ、んなこと言ってんのw

**nobodyさん** · 2013/09/14(土) 05:16:15.54

彼はBootstrapに家を流され家族を殺されたんだ
しょうがないさ

**nobodyさん** · 2013/09/14(土) 05:26:02.37

よほどbootstrapが憎いんだろうな。
bootstrapとそのユーザへの攻撃で自分を保ってる。

そしてなぜかbootstrapとは違う厚さのSCSSが最強であると喚く。
あんた完全にぶっ壊れてるよ。

**nobodyさん** · 2013/09/14(土) 05:28:13.58

>>163
>>105-107
まだこの気狂い居るのかｗ

**nobodyさん** · 2013/09/14(土) 05:32:16.61

で、CSS/Sassスレでも立ててもらって、そっちでやればいいんじゃね？
bootstrapをわざわざ攻撃しに来ることないでしょ。
だれもSassを否定していないのに、顔真っ赤でbootstrapを叩く理由がわからない。

Sassはちゃんと設計してCSSを書くテクニックってのは分かってるから、
それはそれで別のところでやってくれればいいと思うよ。

**nobodyさん** · 2013/09/14(土) 08:27:09.98

>>163
お前に必要なのはこの文章
http://anond.hatelabo.jp/20130913224601

**nobodyさん** · 2013/09/14(土) 15:26:39.78

> だれもSassを否定していないのに、顔真っ赤でbootstrapを叩く理由がわからない。

bootstrapをディスりたいからだけど？
信者いる所でやらないと面白く無いっしょｗ

**nobodyさん** · 2013/09/14(土) 19:43:06.54

Bootstrapのメリットは
CSSを知らない人でも使えることだと思う。

**nobodyさん** · 2013/09/14(土) 19:44:47.64

>>170
それただの荒らしじゃない。
ついて出てくる理屈は薄っぺらいし、本当にbootstrapに家族殺されたんだね。同情するよ。

**nobodyさん** · 2013/09/14(土) 19:48:41.25

うわっわざとらしい自演だｗ

**nobodyさん** · 2013/09/15(日) 19:04:33.16

>>170
こんなフレームワークが開発中らしいよ。
属性を与える場所について講義してこなきゃ。

Semantic UI
http://semantic-ui.com/

**nobodyさん** · 2013/09/15(日) 22:23:46.87

書評: Web 制作者のための Sass の教科書
http://www.understandard.net/css/css016.html

**nobodyさん** · 2013/09/16(月) 09:12:13.59

×信者いる所でやらないと面白く無いっしょｗ
○信者いる場所でやらないと誰にも相手にしてもらえないんです(>_<

**nobodyさん** · 2013/09/17(火) 11:50:36.21

>>174
Bootstrapの
<button type="button" class="btn btn-primary btn-lg">
より、
<div class="ui large red labeled icon button">
の方が良い理由が分からん。
第一にこれボタンじゃないし。

**nobodyさん** · 2013/09/17(火) 15:10:29.39

>>177
できの悪い「Webサイトテンプレート」も似たようなのが多い。
h*やpなどの大部分が<div class="...">で表現されてたりする。

**nobodyさん** · 2013/09/17(火) 19:22:04.78

ボタンツクール
ttp://www.thiagocanudo.com.br/bootsbutton/

**nobodyさん** · 2013/09/18(水) 00:19:23.69

>>177
ですよね。

やっぱり最善は
<button type="button" class="ok-button">
みたいなものか

ほら、みんなこのコード読んで、
なんのボタンかわかっちゃったでしょ？

**nobodyさん** · 2013/09/18(水) 10:10:24.87

いい方法思いついた！

SCSSでBootstrapのクラスをwrapすればいいんだ！
これでみんな幸せ！！

オレ、頭イイ！！！

**nobodyさん** · 2013/09/19(木) 00:53:30.97

>>181
やっとそれがでたかｗ

上でヒントっぽいものはでていた気がするが。

でもそれは、classに値を入れていく方式は
間違っている（セマンティックではない）を
認めたことになるよ。

SCSSを使ってセマンティックに作っておけば、
後からBootstrapでないものに変えるのも楽なんだよね。

メンテナンス性とはこういうこと。

**nobodyさん** · 2013/09/19(木) 07:45:53.86

>>182
あとで変えるってアホじゃん

**nobodyさん** · 2013/09/19(木) 13:25:13.23

>>182
> やっとそれがでたかｗ
>
> 上でヒントっぽいものはでていた気がするが。
いやいや、さんざんSCSS,LESS使えって出てるじゃん。

> SCSSを使ってセマンティックに作っておけば、
セマンティック派としては、たとえばTwitterボタンが必要なとき、どうやるの？

> 後からBootstrapでないものに変えるのも楽なんだよね。
> メンテナンス性とはこういうこと。
メンテナンス性ってそういうことだけじゃないよ。
例えば、
・新しいブラウザが出たときにどこまで確認が必要か
・ブラウザの新しいバージョンが出たときにどこまで確認が必要か
・第三者がメンテナンスするときの学習容易性・変更容易性
・テスト工数
etc.

**nobodyさん** · 2013/09/19(木) 13:27:15.14

>>181
> SCSSでBootstrapのクラスをwrapすればいいんだ！
> これでみんな幸せ！！
そうかな。
OOP黎明期に派生が持ち上げられてたとき、それでみんな幸せになったかな？
OOCSS + SCSSって見た目実装継承、実際はコピペだし。

**181** · 2013/09/19(木) 17:54:45.45

完全に冗談で言ったのに、大真面目に取られてちょっとびっくりしている…

**nobodyさん** · 2013/09/19(木) 21:50:21.06

>>186
だって既にあるしな。
それを知らんのはSCSSを知らんやつだけだろうなｗ

使いにくいBootstrap流のやり方をやめ
SCSS流のやり方で、Bootstrapのデザインだけ
かっぱらっていくｗ

**nobodyさん** · 2013/09/19(木) 22:45:47.76

こいつまだいるのか・・・

**nobodyさん** · 2013/09/19(木) 23:32:05.62

ずっといるよｗ
諦めな。

**nobodyさん** · 2013/09/20(金) 05:50:21.85

>>189
なんでこんなに気持悪い生き物が地球に居るんだろ。
クソみたいな親に育てられたんだろな。

**nobodyさん** · 2013/09/21(土) 02:10:00.56

こちらも荒らして欲しいってさｗ

Bootstrap
http://kohada.2ch.net/test/read.cgi/php/1379623411/

**nobodyさん** · 2013/09/25(水) 14:45:29.76

SCSSでオレオレBootstrap wrapper作る俺かっこいい

**nobodyさん** · 2013/09/26(木) 00:31:20.22

Bootstrap wrapperってほどのこともないな。

classにBootstrapのクラス名を打ち込む代わりに、

class=" セマンティックな名前” って書いて

セマンティックな名前 {
　@extend Bootstrapのクラス名
}

って書くだけで終わりだし。

**nobodyさん** · 2013/09/26(木) 10:36:01.18

ここの基地外が PHPフレームワーク総合でもご迷惑をかけてるようで申し訳ありませんwwwwwwww
あの奇行種早く駆逐してくれよｗ

**nobodyさん** · 2013/09/26(木) 15:07:16.74

Bootflat 1.0.1

BOOTFLAT is an open source Flat UI KIT based on Twitter Bootstrap 3 css framework. It provides a faster, easier and less repetitive way for web developers to create elegant web app.

http://www.flathemes.com/

**nobodyさん** · 2013/10/11(金) 10:19:21.84

OOCSSとかいう単語考えた奴は絶対オブジェクト指向理解してないと思う

**nobodyさん** · 2013/10/27(日) 03:00:08.04

Bootstrap Datetime Pickerを使って見てるんだけど、これのformatで曜日を表示するにはどうすればいい？
$('#datetimepicker1').datetimepicker({
format: 'yyyy年MM月dd日 hh:mm',
....
現在のformatが上記で最終的な表示を
2013年10月27日(日)とかにしたい。

**nobodyさん** · 2013/10/27(日) 03:33:07.54

>>197
javascript date formatで検索すると%aが曜日らしいから、試すといいんじゃない？

**nobodyさん** · 2013/10/27(日) 18:17:19.87

>>198
ありがとう。しかしだめだったぜ・・・orz
以下４通り試してみたけど、表示は文字列がそのまま出力されてしまった・・・
format: 'yyyy年MM月dd日 hh:mm a',
format: 'yyyy年MM月dd日 hh:mm aa',
format: 'yyyy年MM月dd日 hh:mm %a',
format: 'yyyy年MM月dd日 hh:mm %aa',

**nobodyさん** · 2013/10/27(日) 18:26:47.46

出来ないならできないで、自分で関数拡張すればいいだけじゃん。

**nobodyさん** · 2013/10/27(日) 18:40:29.57

>>200
どの関数読めばいいのか分からん。
そして調べられない。
これを見ろ的なサイト or キーワード教えてくださいm(__)m

**nobodyさん** · 2013/10/27(日) 18:44:43.62

>>201
オライリーの比較的最近の
JavaScriptの本。

**nobodyさん** · 2013/10/27(日) 18:53:58.19

>>202
ちゃんと勉強しないとダメなのか。
サイの表紙のやつでOK?

**nobodyさん** · 2013/10/27(日) 19:01:00.44

それも含めて、何冊かよめ。

**617** · 2013/10/27(日) 19:26:53.23

>>204
一冊開いてみたけど、やりたいこと実現するのに期日までに間に合いそうにないわ。まるで検討つかない。
諦めるわ。ありがとう。

**nobodyさん** · 2013/10/27(日) 20:41:16.02

ご愁傷さんｗ
それが現実だ。
自分の限界を知れてよかったな。

**nobodyさん** · 2013/11/23(土) 11:07:44.78

IE7でbootstarapのサイト開いて見たらTOP以外ムチャクチャなんだが
対応やめたと言ってもここまで派手に崩れるもんなの？
一応サイトは見れる、ぐらいにもできない？

**nobodyさん** · 2013/11/30(土) 21:03:15.67

>>207
IE8ならまだしもIE7に対応する道理なんて無いだろ? 捨てろ捨てろ。

**nobodyさん** · 2013/12/03(火) 07:37:17.88

対応しなくて良いから崩れないようにして欲しい

**nobodyさん** · 2013/12/03(火) 11:27:55.74

そんな無茶な

**nobodyさん** · 2013/12/09(月) 23:41:21.21

崩れないようにする＝対応するだろjk

**nobodyさん** · 2013/12/10(火) 00:40:45.15

完全に対応しなくて良いから、完全に無視もしないで欲しい
あそこまで派手に崩れないようにだけして欲しい

**nobodyさん** · 2013/12/10(火) 01:13:06.78

Bootstrapはよく知らないけどようはCSSでしょ？
そもそもCSSってのは文書構造と見た目を分離するものなんだからさ、

まず、Bootstrapを使っているHTMLから
全てのCSSを取り除いても、文書自体はちゃんと見れるはずだよね。

その上で、Bootstrapの代わりに独自のCSSを
読みこめばいいだけじゃない？

昔はそうやってブラウザの機能やJavaScriptを使って
適用するスタイルシートを切り替えることで
同じページの見た目をがらっと変えるってことが
流行ったんだけどな。代替スタイルシートって機能。

**nobodyさん** · 2013/12/10(火) 10:59:34.22

>>213
> 全てのCSSを取り除いても、文書自体はちゃんと見れるはずだよね。

それを見れないなんて誰も言ってないよ。
「崩れてる」と言ってるだけで。

**nobodyさん** · 2013/12/10(火) 11:42:14.85

>>214
ちゃうちゃう

「崩れてる」のはHTMLにBootstrapのCSSをつけたのをIE7で見たときだろ

HTMLにCSSをつけないで「崩れてる」ならHTMLの問題

**nobodyさん** · 2013/12/10(火) 11:42:53.91

IE7で崩れないようにしたければ自分ですればーってことだろな

**nobodyさん** · 2013/12/10(火) 23:18:24.00

そうそう。単にクラスに
違うスタイルを割り当てればいいだけ。
そのためのCSSなんだしさ。

**nobodyさん** · 2013/12/14(土) 11:43:06.70

　
http://rfi.a.la9.jp/sateweb/scurl/znsc.html
お世話になります。
私、責任者の加茂と申します。以後、宜しくお願い致します。
　http://www.apamanshop.com/membersite/27009206/images/kamo.jpg
浪速建設様の見解と致しましては、メールによる対応に関しましては
受付しないということで、当初より返信を行っていないようで、今後につい
てもメールや書面での対応は致しかねるというお答えでした。
　http://www.karilun-yao.com/room/24127
このように現在まで６通のメールを送られたとのことですが、結果一度も
返信がないとう状況になっています。
　　http://rfi.a.la9.jp/hn203/k203/k.png
　　http://rfi.a.la9.jp/hn203/k203/k203_1.png
　　http://rfi.a.la9.jp/hn203/k203/k203_2.png
私どものほうでも現在までのメール履歴は随時削除を致しております
ので実際に１１通のメールを頂戴しているか不明なところであります。
　http://www.apaman-yao.jp/store/
弊社としましても今後メールでのやり取りを差し控えたく、浪速建設様
と同行の上でお会いさせていただきたい所存です。
http://rfi.a.la9.jp/hn203/set/Avatar_set/Avatar_set.html

**nobodyさん** · 2013/12/28(土) 20:01:05.35

3からinput, textareaにform-controlクラスを付けないと装飾が付かなくなった件について
解決策ってまだない？
いちいち手動で付けるのはアホらしすぎる、ぐぐったら同様の問題が海外に何件か挙がってるが解決策が見つからない

**nobodyさん** · 2013/12/28(土) 20:36:16.45

>>219
Bootstrapなんか使うからじゃん。自業自得。

Bootstrapはデザインの変更で
HTMLのclassを修正しまくる必要がある
CSSの設計方針とは正反対のフレームワーク。

それでも使いたいならSASSと併用しなよ。
Bootstrapは使ったことないというか、使う気ないから具体的にどうやるかはしらんけど
form-controlクラスをSASSで継承してinputやtextareaの
標準スタイルとして再定義してやれば、なにもつけずにデザイン適用されるんじゃねーの？

**nobodyさん** · 2013/12/28(土) 22:17:28.48

http://i.imgur.com/EkSCeSj.jpg

**nobodyさん** · 2013/12/29(日) 15:31:15.77

>>220
素直にLessと併用しろよ

**nobodyさん** · 2013/12/31(火) 12:27:52.05

ポストBootstrapみたいなのでないもんだね

**nobodyさん** · 2014/02/16(日) 20:11:49.76

Bootrapのグリッドシステムって960pxが最大値なんですが・・・
大抵のモニターは960pxより大きいのでスペースが無駄になります

特定の部分(広告など)はレスポンスシブではなく、ウィンドウが小さいときは表示されなくてもいいみたいに
することはできないのでしょうか?

**nobodyさん** · 2014/02/17(月) 03:07:23.19

.hidden-xs
.hidden-sm
.hidden-md

**nobodyさん** · 2014/02/17(月) 15:05:53.06

最強のフロントエンドエンジニアsasaplus1様だ！

**nobodyさん** · 2014/02/19(水) 17:19:56.10

>>224
カスタマイズすれば？

本来BootstrapってLessのライブラリだからな

**nobodyさん** · 2014/03/01(土) 17:26:35.71

オブジェクト指向は愚かな考え。排便メソッドを実装した人間クラスから美少女クラスが作れない。
http://toro.2ch.net/test/read.cgi/tech/1393660194/14

**nobodyさん** · 2014/03/01(土) 18:20:35.21

>>228
マルチポスト

**nobodyさん** · 2014/03/06(木) 10:03:35.92

導入で役に立つ参考書を教えて下さい。

**nobodyさん** · 2014/03/06(木) 21:12:25.88

こんな進化が早いプロジェクトの本買ってもゴミだよｗ
オフィシャルサイトを見なさい。

**nobodyさん** · 2014/08/07(木) 17:45:55.59

よくある質問かもしれまんせが、
http://getbootstrap.com/examples/navbar-fixed-top/
のように固定ナビゲーションバーを表示した時に
スクロールバーがナビゲーションに被らないようにするにはどうすればいいでしょうか？

**nobodyさん** · 2014/08/08(金) 22:05:23.21

>>232
<body style=”padding-top: 40px">

**nobodyさん** · 2014/08/11(月) 13:36:36.41

>>233
レス遅くなってスンマセン。。。
確かにそれでnavbarより下に表示されるけどスクロールバーは相変わらず一番上から表示されます
ただ他のアプリとか見るとそういうのばっかりだったんで、この件は現状ままにしておきます
失礼しました

**nobodyさん** · 2014/08/11(月) 21:30:47.63

Bootstrapは、決められたデザインを
そのまま使うものだから。

デザインにこだわりがあるのなら
選んじゃいけないよ。

**nobodyさん** · 2014/08/12(火) 10:45:41.25

え？　そうなの？

**nobodyさん** · 2014/08/13(水) 14:49:21.68

英語のデザインの意味ならばフレームワークの仕組みをそのまま使うのは同意できるけど、
見た目の意味で言ってるなら好きにすればいいと思う。

>>235はデザイン(設計)とアート(芸術)は区別しようね。

**nobodyさん** · 2014/08/13(水) 14:54:59.18

Bootsrapで作られたものはみんな同じような見た目になる。
これは見た目をカスタマイズするように考慮されていないため。

**nobodyさん** · 2014/08/13(水) 22:45:48.65

>>238
むしろ逆だろ
カスタマイズしてないから同じになるんだけど・・・ｗ

**nobodyさん** · 2014/08/14(木) 02:49:12.53

カスタマイズするなら自分で作ったほうが速いよ。

**nobodyさん** · 2014/08/14(木) 03:35:19.69

>>240
速さだけが問題ではない。

**nobodyさん** · 2014/08/14(木) 13:45:05.59

その問題は、実は言えないから書かない。

**nobodyさん** · 2014/08/16(土) 16:49:35.35

日本語の解説少ない、あってもbootstrap2
解説少ないからカスタマイズとかまず無理

**nobodyさん** · 2014/08/17(日) 05:47:13.24

英語読めば良いじゃん。

**nobodyさん** · 2014/08/17(日) 14:35:32.87

bootstrap.min.cssの後に自分で作ったcss読み込んでも反映してくれない

**nobodyさん** · 2014/08/19(火) 22:56:25.68

bootstrap2を使ってるんだけど
formのtextareaとかに
スマホから入力してるとクソ重い

皆はこういうのはどう対策してますか？

**nobodyさん** · 2014/08/20(水) 02:16:36.42

最新のスマホに買い換える

**nobodyさん** · 2014/08/20(水) 12:59:39.66

>>247
それってサイト利用者のこと考えてないやん

**nobodyさん** · 2014/08/20(水) 18:26:20.16

利用者のこと考えすぎてたら仕事にならない世の中じゃ、ポイズン

**nobodyさん** · 2014/08/21(木) 13:28:29.70

なんで2なんだよ

**nobodyさん** · 2014/08/21(木) 23:02:32.40

利用者のことを考えたら2を選択するしか無い

**nobodyさん** · 2014/08/22(金) 06:52:41.37

スレチ

**nobodyさん** · 2014/09/11(木) 20:55:21.41

bootstrap-selectってxml構文に対応してないのか
情報が見つからなかったが拡張子htmlにしてxml宣言外したら動いた…

**nobodyさん** · 2014/09/11(木) 22:30:38.64

そもそもxhtmlとxml構文のhtml5は別物なのね
お目汚し失礼をば

**nobodyさん** · 2014/09/12(金) 21:40:14.11

XHTMLは死にました。
タグは省略していいのです。
空要素なんてものは忘れなさい。余計な/は要りません。

**nobodyさん** · 2014/10/03(金) 10:59:33.53

Collapseコントロールの質問してもいいっすか？

<div id="hoge" class="collapse in">
<p>なんとかかんとか</p>
</div>

<button type="button" onclick="$('#hoge').collapse('show');">開く</button>
<button type="button" onclick="$('#hoge').collapse('hide');">閉じる</button>

上記のようなものをつくっております。
が、どうやら、初期状態においては、現在対象が開いているか閉じているかの判定とそれを対象とした操作がおかしいらしく、
初回ボタンクリック時は、開いてる状態で開くボタンを押すと
本来何もして欲しくないところですが、トグル動作になってしまい、閉じてしまいます。
inを消して、初期状態が閉じてる状態で、閉じるボタンを押しても同様に、開いてしまいます。
二回目以降の動作ではそのような事はおこらず、開いている状態で開くを押しても、意図したとおり何もしない
という動作になってます。

散々既出かもしれませんが、bootstrap.jsのここを直せとか
もっと別のところが間違ってるとかご指摘いただけんでしょうか

**nobodyさん** · 2014/10/30(木) 06:53:01.54

Bootstrapはコード上で組み合わせて使うテンプレートの一部みたいな使い方するなら、
クラス書きまくってもそんなに苦労するもんじゃないけどな
っていうか一度覚えりゃいちいちCSSとか用意しなくてもそれなりのデザインになるし、楽だわ

そもそもHTML文書自体、再利用向きのものではないから、
内容に一切変更なく大規模なデザインだけ修正を行う、みたいな事がまず発生しづらいし

去年ずっとファビョってた人は、なんつーかこう全角英数を見たら死ぬマとか、
タブとスペースインデントの違いに発狂するマみたいな感覚じゃないのかな
僕の考えた最強に綺麗なHTMLじゃないと許せない、みたいな人種も世の中には居るだろうし
なんとかとハサミは使いようってアレを理解してないなんとか

**nobodyさん** · 2014/10/30(木) 07:49:04.40

亀だから見てないかもしらんが

>>256
https://github.com/twbs/bootstrap/blob/master/js/collapse.js
Collapseのドキュメントも読んでないしそもそも使用経験もないけど、
ざっと実装見た感じ、とりあえずreadyとかDOM構築後のタイミングで引数なし
でcollapse対象要素全部のcollapseメソッドコールしときゃ大丈夫になるんじゃね？
初回コール時にdataがなかったらそこで作ってるから、それ先に用意しときゃ回避できんじゃないの

**nobodyさん** · 2014/10/30(木) 07:55:53.72

ああ、ってかドキュメントに書いてあるじゃん。aria-expandedじゃないの？
http://getbootstrap.com/javascript/#collapse

**nobodyさん** · 2014/10/30(木) 08:49:09.38

>>258-259
待ってましたよ。

ありがとう。
該当のとこのドキュメント読んで試してみます。

**260** · 2014/10/30(木) 11:03:46.48

試してみました。

まず、aria-expanded属性ですが、data-toggle="collapse"の記述を使ったData Attribute API経由での
場合の話で、今回のようにjQueryオブジェクトのメソッドとして直接呼ぶ場合は
関係のない話のようでした。ちょっと、乱暴ですがダメ元で試しに>>256の例だと

<button type="button" aria-expanded="true" area-controls="hoge" onclick="$('#hoge').collapse('show');">開く</button>
<button type="button" aria-expanded="true" area-controls="hoge" onclick="$('#hoge').collapse('hide');">閉じる</button>

のようにもしてみましたがダメでした。

結論としては、教えていただいたように、DOM構築後のタイミングで
collapse()を一度コールしてやる方法が良いようです。
ただ、この初回コールでトグル動作をするので、開閉の初期値を、本来の希望する初期値
と反対にしておくようにしました。

**nobodyさん** · 2014/11/13(木) 10:18:01.91

inputフォームが細くなってしまうのは何故なのか

**nobodyさん** · 2014/11/14(金) 13:42:30.90

そう指定されてるから

**nobodyさん** · 2014/12/13(土) 06:05:34.33

bootstrap3で、formの確認画面を表示するようにしたいのですがどうしたらいいですか？
具体的なコードを示して教えて頂けると助かります。

**名無しさん＠そうだ選挙に行こう** · 2014/12/13(土) 18:53:48.29

サーバサイド何使ってるのん
つかphpでもなんでも、入力確認画面なんては単に別のページで受け取った値を埋め込むだけではないのかと
質問の真意が伝わってない悪寒

**nobodyさん** · 2016/03/26(土) 09:59:48.89

Bootstrap4は？

**nobodyさん** · 2016/07/07(木) 17:37:11.78

js側でbootstrap3でモーダルを閉じるときは
$(‘#modal_id’).modal(‘hide’) で閉じるというのはわかりましたが
modal_idが何かわからずとにかく閉じたい場合ってどう書けばいいでしょう？

**nobodyさん** · 2016/07/07(木) 17:44:41.48

>>267
すんません
$(‘.modal’).modal(‘hide’) でした。

**nobodyさん** · 2017/11/13(月) 17:40:11.47

rowクラス使ったらページの下部に余白ができるんだけど、これ何が原因なんだろう

**nobodyさん** · 2017/12/30(土) 15:00:14.31

誰でも簡単にネットで稼げる方法など
参考までに、
⇒　『半藤のブブイウイウレレ』というサイトで見ることができます。

グーグル検索⇒『半藤のブブイウイウレレ』

9GSZ08KG46

**nobodyさん** · 2018/02/20(火) 04:30:56.10

☆ 日本の、改憲を行いましょう。現在、衆議員と参議院の
両院で、改憲議員が３分の２を超えております。
『憲法改正国民投票法』、でググってみてください。国会の発議は
すでに可能です。平和は勝ち取るものです。お願い致します。☆☆

**nobodyさん** · 2018/11/22(木) 08:18:41.80

もうBootstrap4使っても良いんじゃねぇ？

**nobodyさん** · 2019/03/15(金) 14:46:54.90

いいよ

**nobodyさん** · 2019/07/31(水) 22:13:26.42

2019年7月24日をもって、Bootstrap 3 のセキュリティアップデートは今後行われない。
サポート終了。

**nobodyさん** · 2024/04/13(土) 23:41:24.95

もうBootstrap5使っても良いんじゃねぇ？