Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Semantic UI を使ってみた話 / 学生LT in 名古屋 2018
Search
Naoki Ikeguchi
September 16, 2018
Programming
1
590
Semantic UI を使ってみた話 / 学生LT in 名古屋 2018
Naoki Ikeguchi
September 16, 2018
Tweet
Share
More Decks by Naoki Ikeguchi
See All by Naoki Ikeguchi
防衛的 PHP: 多様性を生き抜くための PHP 入門 / Defensive PHP
siketyan
2
850
リモートワークと健康 - ヤフー名古屋 Tech Meeting #2
siketyan
0
220
Actual of Japanese Internet
siketyan
3
4.8k
Rust でマイナンバーカードを操作するスマホアプリを作りたい話
siketyan
2
24k
文字ってなんだろう?身近だけど意外と知らない文字コードと絵文字の話 - 技育 CAMP 2021
siketyan
2
500
SPF と DKIM だけで大丈夫?本当は怖いドメイン名と E メール @ TwoGate Tech Meeting
siketyan
1
470
自作キーボードのすすめ / Recommendation of Original Keyboard
siketyan
0
530
人々はなぜ大文字・小文字を正しく使い分けないのか? / Why don't people use upper or lower case correctly?
siketyan
1
560
エディタ戦争? いいえ,エディタ vs IDE 戦争 / 学生LT in 名古屋
siketyan
1
770
Other Decks in Programming
See All in Programming
EduBlocksでPythonのブロックプログラミング体験!
ueponx
0
180
Prepare for Jakarta EE 11 - Performance and Developer Productivity
ivargrimstad
0
790
It’s about time to pack Ruby and Ruby scripts in one binary
ahogappa0613
1
1.3k
パッケージ開発論
e99h2121
1
310
GoでParserを書く
karupanerura
3
550
Good first issues of TypeProf
mame
4
2.9k
#kaigieffect LT 2024 - rexml-css_selector: A REXML extension for supporting CSS selector
makenowjust
1
180
Module Harmony について
yosuke_furukawa
PRO
3
930
RuboCop: LSP and Prism
koic
3
1.8k
The Hotwire Landscape After Turbo 8 @ Helvetic Ruby 2024, Zurich
marcoroth
0
180
1BRC – Nerd Sniping the Java Community (Keynote JCon Slovenia)
gunnarmorling
1
100
勉強会4_アップデートされたAssistantsAPIを試す
milky04
0
1.7k
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
345
19k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
126
32k
GitHub's CSS Performance
jonrohan
1025
450k
Optimizing for Happiness
mojombo
372
69k
Building an army of robots
kneath
300
42k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
246
20k
Typedesign – Prime Four
hannesfritz
36
2.1k
No one is an island. Learnings from fostering a developers community.
thoeni
16
2.1k
[RailsConf 2023] Rails as a piece of cake
palkan
30
4.1k
Mobile First: as difficult as doing things right
swwweet
217
8.6k
Rebuilding a faster, lazier Slack
samanthasiow
74
8.3k
Infographics Made Easy
chrislema
238
18k
Transcript
Semantic UI を使ってみた話 Web UI フレームワーク Siketyan
ぼく「プロコンでフロントエンド 担当になったけど、CSS一から 書くのはめんどいな」
そうだ、Bootstrap使おう
Bootstrap とは • Webサイトでよく使われるコンポーネントがあらかじめ定義され たCSS, JSフレームワーク • グリッドによるレスポンシブ制御 • ボタンとか、ナビゲーションとか
https://getbootstrap.com/
こういうの (これはv3なのでちょっと古い)
ダサくない?
じゃあ、Semantic UI を使おう
Semantic UI とは • Bootstrapとだいたい同じ https://semantic-ui.com/
こういうの
Semantic UI
良いところ
かゆいところに手が届く
例えばローダーとか • 外部ライブラリを読み込まなくても使える • Bootstrapにはない • 画面全体を覆ってとかも簡単
悪いところ
レスポンシブ制御がちょっとめんどい • Bootstrapのようなカラムを改行するという考えが少し薄い • できなくはないが、どの幅で改行させるかの指定が難しい
質疑応答
ありがとうございました