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
570
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
820
リモートワークと健康 - ヤフー名古屋 Tech Meeting #2
siketyan
0
210
Actual of Japanese Internet
siketyan
3
4.8k
Rust でマイナンバーカードを操作するスマホアプリを作りたい話
siketyan
2
24k
文字ってなんだろう?身近だけど意外と知らない文字コードと絵文字の話 - 技育 CAMP 2021
siketyan
2
490
SPF と DKIM だけで大丈夫?本当は怖いドメイン名と E メール @ TwoGate Tech Meeting
siketyan
1
460
自作キーボードのすすめ / Recommendation of Original Keyboard
siketyan
0
510
人々はなぜ大文字・小文字を正しく使い分けないのか? / Why don't people use upper or lower case correctly?
siketyan
1
540
エディタ戦争? いいえ,エディタ vs IDE 戦争 / 学生LT in 名古屋
siketyan
1
740
Other Decks in Programming
See All in Programming
TYPO3 v13 – The road to LTS: What's new and new APIs
luisasofie_xoxo
0
190
VS Code をプロダクトにどう取り込むか
onomax
1
320
Rails と人魚の話/rails-and-mermaid
sanfrecce_osaka
0
100
Javaエンジニアのための Nodejs/Nuxt3入門
hidekatsu_izuno
0
290
MicrosoftのPlatform Engineeringガイドを読んで実際になにかやってみた
ymd65536
1
180
スキーマ駆動開発による品質とスピードの両立 - 私達は何故、スキーマを書くのか
kentaroutakeda
0
160
Front-end application development, Symfony-style(s)
dunglas
2
1.9k
Zero Waste, Radical Magic, and Italian Graft – Quarkus Efficiency Secrets
hollycummins
0
220
try! Swift Tokyo 2024 参加報告 / try! Swift Tokyo 2024 Report
hironytic
0
200
Behind VS Code Extensions for JavaScript / TypeScript Linnting and Formatting
unvalley
5
840
Netty Chicago Java User Group 2024-04-17
sullis
0
170
⼤規模⾔語モデルの拡張(RAG)が 終わったかも知れない件について
nearme_tech
22
15k
Featured
See All Featured
Music & Morning Musume
bryan
41
5.6k
Gamification - CAS2011
davidbonilla
76
4.6k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
15
1.4k
Being A Developer After 40
akosma
56
580k
Optimising Largest Contentful Paint
csswizardry
7
2.3k
Scaling GitHub
holman
457
140k
Practical Orchestrator
shlominoach
181
9.7k
How to Ace a Technical Interview
jacobian
272
22k
The Cost Of JavaScript in 2023
addyosmani
14
3.8k
Building Effective Engineering Teams - LeadDev
addyosmani
27
1.8k
Robots, Beer and Maslow
schacon
PRO
155
7.9k
GraphQLの誤解/rethinking-graphql
sonatard
50
9.2k
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のようなカラムを改行するという考えが少し薄い • できなくはないが、どの幅で改行させるかの指定が難しい
質疑応答
ありがとうございました