Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Semantic UI を使ってみた話 / 学生LT in 名古屋 2018

Naoki Ikeguchi
September 16, 2018
Programming
1
460

Semantic UI を使ってみた話 / 学生LT in 名古屋 2018

Naoki Ikeguchi

September 16, 2018
Tweet

More Decks by Naoki Ikeguchi

See All by Naoki Ikeguchi
リモートワークと健康 - ヤフー名古屋 Tech Meeting #2
siketyan
0
83
Actual of Japanese Internet
siketyan
3
3.2k
Rust でマイナンバーカードを操作するスマホアプリを作りたい話
siketyan
2
21k
文字ってなんだろう？身近だけど意外と知らない文字コードと絵文字の話 - 技育 CAMP 2021
siketyan
2
310
SPF と DKIM だけで大丈夫？ 本当は怖いドメイン名と E メール @ TwoGate Tech Meeting
siketyan
1
310
自作キーボードのすすめ / Recommendation of Original Keyboard
siketyan
0
350
人々はなぜ大文字・小文字を正しく使い分けないのか？ / Why don't people use upper or lower case correctly?
siketyan
1
370
エディタ戦争？　いいえ，エディタ vs IDE 戦争 / 学生LT in 名古屋
siketyan
1
460
さらば，APIコントローラ / OthloTech#45 年度末LTパーティー
siketyan
0
52

Other Decks in Programming

See All in Programming
[API Platform Con] Domain Driven Design with API Platform 3
mtarld
0
2.6k
技育展登壇資料 Omochi
yadayuki
0
120
モバイルアプリのオブザーバビリティを向上させるプラクティス
kazumanagano
5
680
API Platform 3
dunglas
1
2.8k
Swift Concurrency Next Step
shiz
7
740
モバイルアプリの行動ログの「仕込み」を快適にする / iOSDC Japan 2022 - Mobile App Logging
yujif
1
1.9k
Perl でも GraphQL を使いたい
nakaokat
0
1.2k
V8 as a container on CDN Edge worker
mizchi
5
930
Swift Concurrency時代のiOSアプリの作り方
koher
13
1.1k
ChaChaPoly and You, CryptoKit Explained
monolithic_adam
0
140
SASユーザー総会2022：Time-varying treatmentsに対するIPTW法による因果効果の推定
norihirosuzuki
0
210
実践！ユニットテスト入門（PHPカンファレンス2022）
panda_program
9
2.6k

Featured

See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
656
120k
Stop Working from a Prison Cell
hatefulcrawdad
262
18k
jQuery: Nuts, Bolts and Bling
dougneiner
56
6.5k
YesSQL, Process and Tooling at Scale
rocio
157
12k
How to Ace a Technical Interview
jacobian
268
21k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
235
1.1M
Designing with Data
zakiwarfel
91
4k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
aki_i
25
16k
Git: the NoSQL Database
bkeepers
PRO
416
59k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
237
19k
What’s in a name? Adding method to the madness
productmarketing
11
1.7k
For a Future-Friendly Web
brad_frost
166
7.5k

Transcript

  1. Semantic UI を使ってみた話 Web UI フレームワーク Siketyan

  2. ぼく「プロコンでフロントエンド 担当になったけど、CSS一から 書くのはめんどいな」

  3. そうだ、Bootstrap使おう

  4. Bootstrap とは • Webサイトでよく使われるコンポーネントがあらかじめ定義され たCSS, JSフレームワーク • グリッドによるレスポンシブ制御 • ボタンとか、ナビゲーションとか

    https://getbootstrap.com/

  5. こういうの （これはv3なのでちょっと古い）

  6. ダサくない？

  7. じゃあ、Semantic UI を使おう

  8. Semantic UI とは • Bootstrapとだいたい同じ https://semantic-ui.com/

  9. こういうの

  10. Semantic UI

  11. 良いところ

  12. かゆいところに手が届く

  13. 例えばローダーとか • 外部ライブラリを読み込まなくても使える • Bootstrapにはない • 画面全体を覆ってとかも簡単

  14. 悪いところ

  15. レスポンシブ制御がちょっとめんどい • Bootstrapのようなカラムを改行するという考えが少し薄い • できなくはないが、どの幅で改行させるかの指定が難しい

  16. 質疑応答

  17. ありがとうございました