[B! bootstrap] tkpyoiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

tkpyoi id:tkpyoi

bootstrapã«é–¢ã™ã‚‹tkpyoiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Excelãƒ‡ãƒ¼ã‚¿ã‚’æœ€é€Ÿã§Webã‚¢ãƒ—ãƒª(Heroku)ã«ã™ã‚‹<del>ï¼‘ï¼</del>ï¼™ã®ã‚¹ãƒ†ãƒƒãƒ—
ãƒãƒ¼ã‚«ãƒ«ã«ã¯æ˜ ç”»ã®è¦–è´è¨˜éŒ²ã¨ã‹é£Ÿã¹æ©ãã®ãŠåº—è©•ä¾¡ã¨ã‹æŠ•è³‡å±¥æ´ã¨ã‹ã‚¬ãƒ©ã‚¯ã‚¿ã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ãƒªã‚¹ãƒˆã¨ã‹ã®è‡ªèº«ã®æ´»å‹•è¨˜éŒ²çš„ãªãƒ‡ãƒ¼ã‚¿ãŒæºœã¾ã‚Šã¾ã™ã€‚ãã—ã¦ã©ã†ã„ã†ã‚ã‘ã‹ãã‚Œã‚‰ã®ãƒ‡ãƒ¼ã‚¿ã¯å¤§æ¦‚è¡¨è¨ˆç®—ã‚½ãƒ•ãƒˆã€ŒExcelã€ã®ä¸Šã«ç½®ã‹ã‚Œã¦ã„ã‚‹ã®ã§ã™ã€‚ãã®çµæžœã€æºœã‚ãŸã¯ã„ã„ãŒæœ‰åŠ¹ã«æ´»ç”¨ã•ã‚Œãªã„ã€å ´åˆã«ã‚ˆã£ã¦ã¯è¦‹ã‚‹ã“ã¨ã™ã‚‰ã—ãªã„ã¨ã„ã†äº‹æ…‹ã«é™¥ã‚Šã¾ã™ã€‚ãã‚Œã‚‰ã®ãƒ‡ãƒ¼ã‚¿ãŒæœ¬æ¥çš„ã«ç½®ã‹ã‚Œã‚‹å ´æ‰€ãŒã€Œãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã€ã§ã‚ã‚Šã€ãã®æ´»ç”¨ã«ã‚ˆã‚Šãƒ‡ãƒ¼ã‚¿ä¾¡å€¤ãŒå‘ä¸Šã™ã‚‹ã¨ã„ã†ã“ã¨ã«èª°ã‚‚ç•°è«–ã¯ãªã„ã¨ã—ã¦ã‚‚ã€ãƒ‡ãƒ¼ã‚¿ã¯Excelã«ç½®ã‹ã‚Œã‚‹ã®ã§ã™ã€‚ ç†ç”±ã¯ä¸€ã¤ã€‚ãã†ã€ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã¯æ•·å±…ãŒé«˜ã„ã®ã§ã™ã€‚ ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã®æ•·å±…ãŒä¸‹ãŒã‚Œã°ã€ã¿ã‚“ãªãŒãƒãƒ¼ã‚«ãƒ«ã®ãƒ‡ãƒ¼ã‚¿ã‚’ã‚‚ã£ã¨ã‚‚ã£ã¨å¤§é‡ã«å…¬é–‹ã—ã¦ä¸–ã®ä¸ã¯ã‚‚ã£ã¨ä¾¿åˆ©ã«ãªã‚‹ã«é•ã„ã‚ã‚Šã¾ã›ã‚“ã€‚ ã¾ã‚ã€å®Ÿéš›ã®ã¨ã“ã‚ã¯ã‚ˆãã‚ã‹ã‚Šã¾ã›ã‚“ãŒã€‚ ãã‚“ãªã‚ã‘ã§â€¦ ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã®æ•·å±…ã‚’ä¸‹ã’ã‚‹ã¹ãã€CSVãƒ‡ãƒ¼ã‚¿ã‚’ç°¡å˜ã«ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹åŒ–ã™ã‚‹
tkpyoi 2013/11/12
heroku

web

ruby

*ã‚ã¨ã§èªã‚€

bootstrap

sinatra
ãƒªãƒ³ã‚¯
Almost Flat UI
Provides extra visual weight and identifies the primary action in a set of buttons
tkpyoi 2013/05/20
ãƒ•ãƒ©ãƒƒãƒˆUIãƒ‡ã‚¶ã‚¤ãƒ³

*ã¾ã¨ã‚

web

design

css

Flat

bootstrap
ãƒªãƒ³ã‚¯
Bs3 Document
CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ä¸€ã¤ã§ã‚ã‚‹Bootstrapã®è§£èª¬ãƒšãƒ¼ã‚¸ã§ã™ã€‚ æ©Ÿèƒ½èª¬æ˜Žã‚„ä½¿ã„æ–¹ã‚’ã‚µãƒ³ãƒ—ãƒ«ã‚‚ã¤ã‘ãªãŒã‚‰èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ å½“ãƒšãƒ¼ã‚¸ã®èª¬æ˜Žä»¥å¤–ã«ã‚‚æ©Ÿèƒ½ã¯ã‚ã‚Šã¾ã™ã®ã§ã€è©³ã—ãçŸ¥ã‚ŠãŸã„æ–¹ã¯æœ¬å®¶ãƒšãƒ¼ã‚¸ã‚’å‚ç…§ã—ã¦ä¸‹ã•ã„ã€‚
tkpyoi 2013/05/15
ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®é©ç”¨æ–¹æ³•ãŒã‚ˆãã‚ã‹ã‚‰ãªã„ã€‚ãƒ†ãƒ¼ãƒžãªã®ã‹ï¼Ÿ

Twitter

web

css

bootstrap

design
ãƒªãƒ³ã‚¯
QAï¼ IT ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› - ï¼ IT
å¹³ç´ ã‚ˆã‚ŠQAï¼ ITã‚’ã”åˆ©ç”¨ã„ãŸã ãã€èª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ QAï¼ ITã¯ã€Œè³ªå•ã‚„å›žç”ã‚’ã€Žå…±æœ‰ã€ã—ã€Žç·¨é›†ã€ã—ã¦ã„ãã“ã¨ã§ãƒ™ã‚¹ãƒˆãªQAã‚’è“„ç©ã§ãã‚‹ã€IT ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã®å•é¡Œè§£æ±ºã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ãƒ¼ã€ã¨ã—ã¦ç´„7å¹´é–“é‹å–¶ã‚’ã—ã¦ãã¾ã—ãŸã€‚ã“ã‚Œã¾ã§ã‚µãƒ¼ãƒ“ã‚¹ã‚’ç¶šã‘ã‚‹ã“ã¨ãŒã§ããŸã®ã¯ã€QAï¼ ITã®ã‚³ãƒ³ã‚»ãƒ—ãƒˆã«å…±æ„Ÿã‚’ã„ãŸã ãã€é©åˆ‡ãªè³ªå•ã‚„å›žç”ã‚’ãŠå¯„ã›ã„ãŸã ã„ãŸçš†ã•ã¾ã®ã”æ”¯æ´ãŒã‚ã£ãŸã‹ã‚‰ã“ãã¨è€ƒãˆã¦ãŠã‚Šã¾ã™ã€‚é‡ãã¦å¾¡ç¤¼ç”³ã—ä¸Šã’ã¾ã™ã€‚ ã—ã‹ã—ãªãŒã‚‰ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æƒ…å ±å…¥æ‰‹æ–¹æ³•ã®å¤šæ§˜åŒ–ã‚„QAã‚µãƒ¼ãƒ“ã‚¹å¸‚å ´ã®çŠ¶æ³ã€ï¼ ITã®ä»Šå¾Œã®ãƒ¡ãƒ‡ã‚£ã‚¢é‹å–¶æ–¹é‡ãªã©ã‚’æ¤œè¨Žã—ãŸçµæžœã€2020å¹´2æœˆ28æ—¥ï¼ˆé‡‘ï¼‰15:00ã‚’ã‚‚ã¡ã¾ã—ã¦QAï¼ ITã®ã‚µãƒ¼ãƒ“ã‚¹ã‚’çµ‚äº†ã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ã“ã‚Œã¾ã§ã”åˆ©ç”¨ã‚’ã„ãŸã ãã¾ã—ãŸçš†ã•ã¾ã«ã¯æ®‹å¿µãªãŠçŸ¥ã‚‰ã›ã¨ãªã‚Šã€èª ã«å¿ƒè‹¦ã—ãæ€ã£ã¦ãŠã‚Šã¾ã™ã€‚ä½•ã¨ãžã€ã”ç†è§£ã‚’ã„ãŸã ã‘ã¾ã™ã¨å¹¸ã„ã§ã™ã€‚ QAï¼ ITã®7å¹´é–“ã§çš†ã•ã¾ã®çŸ¥è˜
tkpyoi 2013/01/14
ruby

bootstrap

gem

develop

rails
ãƒªãƒ³ã‚¯
twitter bootstrap railsã‚’ä½¿ã£ãŸã‚‰è·ãŒè¦‹ã¤ã‹ã‚Šå½¼å¥³ã‚‚å‡ºæ¥ã¦èƒŒã‚‚3ã‚»ãƒ³ãƒä¼¸ã³ã¾ã—ãŸã€‚ - ppworks.jp
twitter bootstrapã‚’æ›´ã«ä¾¿åˆ©ã«ä½¿ã†gemãŒtwitter bootstrap railsã§ã™ã€‚ railsã‚¢ãƒ—ãƒªã‚’ä½œã‚Šã¾ã—ã‚‡ã†ã€‚ rvmã§gem setä½œã‚Šã¾ã™ã€‚ rvm --create 1.9.3-p125@tbrsample railsã‚¢ãƒ—ãƒªç”Ÿæˆã—ã¾ã™ã€‚ gem install rails --no-ri --no-rdoc rails new tbrsample gemã‚’æŒ‡å®šã—ã¾ã—ã‚‡ã†ã€‚ Gemfileã®group :assetsã«è¿½åŠ ã—ã¾ã™ã€‚ cd tbrsample vim Gemfile gem "twitter-bootstrap-rails" ã©ã‚“ bundle install --without=production bootstrapã‚’generateã—ã¾ã—ã‚‡ã†ã€‚ å¿…è¦ãªjsã‚„cssã‚’app/assetsé…ä¸‹ã«é…ç½®ã—ã¾ã™ã€‚ rails g bootst
tkpyoi 2012/12/26
bootstrap

rails

ruby

CSS

gem

jQuery
ãƒªãƒ³ã‚¯
Bootswatch
Easy to Install Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values. Customizable Changes are contained in just two SASS files, enabling further customization and ensuring forward compatibility. Tuned for 5.3.3 Themes are built for the latest version of Bootstrap. Version 4, version 3, version 2, and other releases are also available to download.
tkpyoi 2012/12/24
bootstrap

download

CSS

html5
ãƒªãƒ³ã‚¯
Railsã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã®Twitter Bootstrapã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºä¾‹
Sassã‚’ä½¿ã£ãŸã‚Šã€äººã‹ã‚‰ãƒ‘ã‚¯ã£ãŸã‚Šã—ã¦ã€æ¥µåŠ›å¤±æ•—ã—ãªã„æ–¹æ³•
tkpyoi 2012/10/30
rails

Ruby

Twitter

bootstrap

design
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
tkpyoi 2012/10/09
web

template

bootstrap
ãƒªãƒ³ã‚¯
1