[B! WEBåˆ¶ä½œ][Framework] kana321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kana321 id:kana321

WEBåˆ¶ä½œã¨Frameworkã«é–¢ã™ã‚‹kana321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (35)

${{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}}

Flexbox Grid
ResponsiveResponsive modifiers enable specifying different column sizes, offsets, alignment and distribution at xs, sm, md & lg viewport widths. <div class="row"> <div class="col-xs-12 col-sm-8 col-md-6 col-lg-4"> <div class="box">Responsive</div> </div> </div> FluidPercent based widths allow fluid resizing of columns and rows. .col-xs-6 { flex-basis: 50%; }Simple SyntaxAll you need to rem ember is
kana321 2015/03/05
webåˆ¶ä½œ

"box

CSS

Flexbox

framework

RWD

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

responsive

grid system

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
ã‚·ãƒ³ãƒ—ãƒ«ãªHTMLã§å®Ÿè£…ã™ã‚‹ã“ã¨ã«ã“ã ã‚ã£ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®æ±Žç”¨æ€§ã«å„ªã‚ŒãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -Turret
ã‚·ãƒ³ãƒ—ãƒ«ãªHTMLã§ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ã«å®Ÿè£…ã™ã‚‹ã“ã¨ã«ã“ã ã‚ã£ãŸã€ã‚¢ã‚¯ã‚»ã‚·ãƒ–ãƒ«ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ã‚µã‚¤ãƒˆã‚’ã‚ˆã‚Šç°¡å˜ã«åˆ¶ä½œã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ MIT Licensesã§ã€å€‹äººã§ã‚‚å•†ç”¨ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ Turret Turret -GitHub Turretã®ç‰¹å¾´ Turretã¯ã‚¢ã‚¯ã‚»ã‚·ãƒ–ãƒ«ã§ã€ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ã§ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ã‚µã‚¤ãƒˆã‚’ã‚ˆã‚Šç°¡å˜ã«åˆ¶ä½œã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œ èªã¿ã‚„ã™ã„ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’ä½¿ã„ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ã‚°ãƒªãƒƒãƒ‰ã‚„ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’æ±Žç”¨æ€§ã«å„ªã‚ŒãŸclassã‚’ä½¿ã£ã¦å®Ÿè£…ã—ã¦ã„ã¾ã™ã€‚ Design First ç›´æ„Ÿçš„ãªãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã®ãŸã‚ã«ã€æ–‡å—ã®å®šç¾©ã¨ã‚«ãƒ©ãƒ¼ãƒ‘ãƒ¬ãƒƒãƒˆã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ã¦ã„ã¾ã™ã€‚ No JavaScript ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯ä½¿ç”¨ã›ãšã€LESSãƒ™ãƒ¼ã‚¹ã§ãƒã‚¤ãƒ†ã‚£ãƒ–ã®Webè¦ç´ ã‚’æŽ¡ç”¨ã—ã¦ã„ã¾ã™ã€‚ ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¯
kana321 2015/02/10
ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

webåˆ¶ä½œ

Design

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

webdesign

html

JavaScript

webãƒ‡ã‚¶ã‚¤ãƒ³

ã‚ã¨ã§èªã‚€

framework
ãƒªãƒ³ã‚¯
TECH PROjin
ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³äº‹æ¥éƒ¨ã‹ã‚‰ã®ãŠçŸ¥ã‚‰ã› ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³äº‹æ¥éƒ¨ã®ãƒ–ãƒã‚°ã‚µã‚¤ãƒˆã‚’æ–°ãŸã«é–‹è¨ã„ãŸã—ã¾ã—ãŸã€‚ https://blog.sie-security.com/ ä»Šå¾Œã®ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ãƒ‹ãƒ¥ãƒ¼ã‚¹ã®æŠ•ç¨¿ã¯ä¸Šè¨˜URLã®ã‚µã‚¤ãƒˆã‹ã‚‰ã¨ãªã‚Šã¾ã™ã€‚ã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ æ‹…å½“ï¼šTY â€¦More Read
kana321 2015/02/06
Webåˆ¶ä½œ

css

css

ui

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

webdesign

framework

Webãƒ‡ã‚¶ã‚¤ãƒ³

Bootstrap
ãƒªãƒ³ã‚¯
iPadãªã©ã®ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆãƒ‡ãƒã‚¤ã‚¹ã§èªã¿ã‚„ã™ã„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ä½œæˆã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -Bibliotype
iPadãªã©ã®ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆãƒ‡ãƒã‚¤ã‚¹ã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¦‹ã‚‹éš›ã«ã€ã•ã¾ã–ã¾ãªã‚·ãƒ¼ãƒ³ã‚’æƒ³å®šã—ã¦èªã¿ã‚„ã™ã„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æä¾›ã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
kana321 2015/01/09
ipad

HTML and CSS

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

framwork

CSS3

HTML5

css

webåˆ¶ä½œ

framework

tablet
ãƒªãƒ³ã‚¯
æ–°è¦ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã™ã‚‹ãƒªã‚½ãƒ¼ã‚¹ãŒãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã«ãªã£ãŸ -Easy front-end framework
HTMLã‚’ã¯ã˜ã‚ã€CSSã‚„JavaScriptãªã©ã§å®Ÿè£…ã™ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ä¸»è¦ãªæ©Ÿèƒ½ãŒä¸€ã¤ã®ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã«ãªã£ãŸã€ŒEasy front-end frameworkã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
kana321 2015/01/09
webãƒ‡ã‚¶ã‚¤ãƒ³

css

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

jquery

HTML

UI

Webåˆ¶ä½œ

javascript

Framework

web
ãƒªãƒ³ã‚¯
pxæŒ‡å®šã®æ¬¡ã¯ã‚³ãƒ¬ï¼ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚„ãƒ–ãƒ¬ã‚¤ã‚¯ãƒã‚¤ãƒ³ãƒˆã«ã€Œremã€ã‚’ä½¿ã£ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -Schema UI Framework | ã‚³ãƒªã‚¹
Webãƒšãƒ¼ã‚¸ã§ã‚ˆãä½¿ç”¨ã™ã‚‹ã•ã¾ã–ã¾ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒç°¡å˜ã«åˆ©ç”¨ã§ãã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç”¨ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æœ€è¿‘ã¯ã€ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚„Media Queriesã®ãƒ–ãƒ¬ã‚¤ã‚¯ãƒã‚¤ãƒ³ãƒˆãªã©ã®å˜ä½ã«ã€Œremã€ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ã‚µã‚¤ãƒˆãŒå¢—ãˆã¦ãã¾ã—ãŸãã€‚ Schema UI Framework Schema UI Framework -GitHub ã€Œremã€ã®è©³ã—ã„èª¬æ˜Žã¯ã€ä»¥å‰ã®è¨˜äº‹ã‚’ã”è¦§ãã ã•ã„ã€‚ ãƒ•ã‚©ãƒ³ãƒˆã®ã‚µã‚¤ã‚ºæŒ‡å®šã¯pxï¼Ÿ emï¼Ÿ æ—¢å˜ã®å†æ¤œè¨Žã¨ã“ã‚Œã‹ã‚‰ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ Schemaã®ç‰¹å¾´ Schemaã®ãƒ‡ãƒ¢ Schemaã®ç‰¹å¾´ Schema UI Frameworkã®ç‰¹å¾´ Schemaã¯MITãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã€è»½é‡ã§ã‚¯ãƒªãƒ¼ãƒ³ãªãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç”¨ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ— Webæ¨™æº–ã§ã€ãã‚Œã„ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãŒä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ LESSãƒ™ãƒ¼ã‚¹
kana321 2014/11/27
web

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

chrome

Webåˆ¶ä½œ

HTMLãƒ»CSS

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

CSS

Webãƒ‡ã‚¶ã‚¤ãƒ³

UI

framework
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚²ãƒ¼ã‚¿ã‚¦ãƒ³ã®ãƒŽã‚¦ãƒã‚¦æº€è¼‰ï¼ ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯MobaSiFã‚’ä½¿ãŠã†ï¼ï¼šç¬¬1å›žã€€ã‚±ãƒ¼ã‚¿ã‚¤å‘ã‘Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºç‰¹æœ‰ã®æŠ€è¡“è¦ç´ ï½œgihyo.jp â€¦ æŠ€è¡“è©•è«–ç¤¾
ã¯ã˜ã‚ã« iãƒ¢ãƒ¼ãƒ‰ï¼EZwebï¼Yahoo!ã‚±ãƒ¼ã‚¿ã‚¤ãªã©ã§åˆ©ç”¨ã•ã‚Œã‚‹ã‚±ãƒ¼ã‚¿ã‚¤ãƒ–ãƒ©ã‚¦ã‚¶ã¯ã€æ¥µç«¯ãªè¨€ã„æ–¹ã‚’ã™ã‚‹ã¨PCãƒ–ãƒ©ã‚¦ã‚¶ã‚„ãƒ•ãƒ«ãƒ–ãƒ©ã‚¦ã‚¶ã¨ã¯ã€Œã¾ã£ãŸãã®åˆ¥ç‰©ã€ã§ã™ã€‚ä»Šå›žã¯ã¾ãšã€ã‚±ãƒ¼ã‚¿ã‚¤ãƒ–ãƒ©ã‚¦ã‚¶å‘ã‘Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã™ã‚‹éš›ã«è€ƒæ…®ã™ã¹ãæŠ€è¡“è¦ç´ ã®èª¬æ˜Žã‚’è¡Œã„ã¾ã™ã€‚æ¬¡å›žä»¥é™ã¯ã€ãã†ã„ã£ãŸæŠ€è¡“è¦ç´ ã‚’å…±é€šçš„ã«å‡¦ç†ã§ãã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã—ã¦ã€ç†è€…ãŸã¡ã®æ‰€å±žã™ã‚‹æ ªå¼ä¼šç¤¾ãƒ‡ã‚£ãƒ¼ãƒ»ã‚¨ãƒŒãƒ»ã‚¨ãƒ¼ï¼ˆDeNAï¼‰ãŒã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã¨ã—ã¦2008å¹´5æœˆã«å…¬é–‹ã—ãŸMobaSiFï¼ˆMoba Simple Frameworkï¼‰ã‚’è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ æœ¬ç‰¹é›†ã¯ã€WEB+DB PRESS Vol.45ã®ç‰¹é›†1ã€Œ[ã‚¤ãƒžãƒ‰ã‚]ã‚±ãƒ¼ã‚¿ã‚¤é–‹ç™ºå®Ÿè·µå…¥é–€ã€ã®ç¬¬2ç« ã€ç¬¬3ç« ã‚’å†æ§‹æˆã—ãŸã‚‚ã®ã§ã™ã€‚ãªãŠã€ç´™é¢ã®éƒ½åˆä¸Šã§çœç•¥ã—ãŸèª¬æ˜Žã‚‚è£œã£ã¦ã„ã¾ã™ã€‚ å„ã‚ãƒ£ãƒªã‚¢ç«¯æœ«ã®ä¸–ä»£åˆ†é¡ž NTTãƒ‰ã‚³ãƒ¢ã®iãƒ¢ãƒ¼ãƒ‰ãŒé–‹å§‹ã•ã‚ŒãŸã®ã¯1999å¹´2æœˆã§ã€ã™ã§
kana321 2014/11/22
ã‚±ãƒ¼ã‚¿ã‚¤å‘ã‘Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºç‰¹æœ‰ã®æŠ€è¡“è¦ç´

web

mobile

æºå¸¯

ãƒ¢ãƒã‚²ãƒ¼

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

perl

webåˆ¶ä½œ

ãƒ¢ãƒã‚¤ãƒ«

ã‚±ãƒ¼ã‚¿ã‚¤

framework
ãƒªãƒ³ã‚¯
ãƒ©ã‚¯ã™ã‚‹Webåˆ¶ä½œã€ŒCSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãªã«ã‚½ãƒ¬ï¼Ÿã€ãªåˆå¿ƒè€…ã¸ãŠã™ã™ã‚7å€‹
æ³¨ï¼šä»Šå›žã®è¨˜äº‹ã¯åˆå¿ƒè€…å‘ã‘ã€Webåˆ¶ä½œã‚’åŠ¹çŽ‡åŒ–ï¼†ã‚¹ãƒ”ãƒ¼ãƒ‰ã‚¢ãƒƒãƒ—ã—ã¦ãã‚Œã‚‹ã€Œä¾¿åˆ©ãªHTMLï¼CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ã®ç´¹ä»‹ã§ã™ã€‚ CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã¯ï¼Ÿ 2021å¹´ã®ãŠã™ã™ã‚CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯7å€‹ CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®é¸ã³æ–¹ ä¸Šã®3ç‚¹ã‚’ãŠä¼ãˆã—ã¦ã„ãã¾ã™ã€‚ ãã‚Œãªã®ã«ã€ãªãœã€ã‚«ãƒ¬ãƒ¼ã®ç”»åƒã§å§‹ã¾ã‚‹ã®ï¼Ÿ ãã®ç†ç”±ã¯ã€ã€ŒCSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã£ã¦ä½•ï¼Ÿã€ã‚’çŸ¥ã‚‹ã¨ç†è§£ã§ãã¾ã™ã€‚ è‘—è€…æƒ…å ±ï¼šã“ã®è¨˜äº‹ã‚’æ›¸ã„ãŸäºº ã‚¦ã‚§ãƒ–ã•ãˆ webæ¥ç•Œ14å¹´ç›®ã€‚ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã—ã¦æ´»å‹•å¾Œã€æ³•äººåŒ–ã€‚ä»Šã§ã‚‚å¹´é–“100ä»¶ä»¥ä¸Šã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ä¼ç”»ãƒ»åˆ¶ä½œã«é–¢ã‚ã£ã¦ã„ã¾ã™ã€‚ ã‚¦ã‚§ãƒ–ã•ãˆã«ã§ãã‚‹ã“ã¨ã€ãŠä»•äº‹ã®ã”ç›¸è«‡ï¼žã‚µãƒ¼ãƒ“ã‚¹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€‘ Follow @websae2012 CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã£ã¦ä½•ï¼Ÿ CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯ã€è¨€ã„æ–¹ã‚’å¤‰ãˆã‚Œã°ã€Œã‚«ãƒ¬ãƒ¼ã®ãƒ«ãƒ¼ã€ã¨ä¾‹ãˆã‚‰ã‚Œã¾ã™ã€‚ ã‚ã‚‹å¥³ã¯è¨€ã£ãŸ å¥³ã¯è¨€è‘‰ã‚’ç¶šã‘ã‚‹ã€‚ ã€Œæœ¬å½“ã«
kana321 2014/11/20
ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼

ã‚ã¨ã§èªã‚€

webãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ›ãƒƒãƒˆã‚¨ãƒ³ãƒˆãƒª

*WEBåˆ¶ä½œ

web

CSS

webåˆ¶ä½œ

framework
ãƒªãƒ³ã‚¯
[CSS]ãƒ•ã‚©ãƒ¼ãƒ ã®æ–°è¦é–‹ç™ºã¨æ—¢å˜ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºç”¨ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -Formee
ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã§ã€ã‚ã‚‰ã‚†ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã«æŸ”è»Ÿã«å¯¾å¿œå¯èƒ½ãªãƒ•ãƒ¬ã‚ã‚·ãƒ–ãƒ«ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã«å„ªã‚ŒãŸãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Formee - Fresh baked forms for your websites! ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ Formeeã¯æ–°è¦ã«ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œæˆã™ã‚‹éš›ã ã‘ã§ãªãã€æ—¢å˜ã®ã‚‚ã®ã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™ã‚‹éš›ã‚‚æƒ³å®šã—ã¦ä½œæˆã•ã‚ŒãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ æ—¢å˜ã®ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚»ãƒ¬ã‚¯ãƒˆãƒœãƒƒã‚¯ã‚¹ã‚’ä¸‹è¨˜ã®ã‚ˆã†ã«ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ã«å¤‰æ›´ã™ã‚‹ã“ã¨ã‚‚ç°¡å˜ã§ã™ã€‚
kana321 2014/11/11
css

framework

ãƒ•ã‚©ãƒ¼ãƒ

WebDesign

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

ã‚³ãƒªã‚¹

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

FORM

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ç¬¬1å›žã€€Hello, Wicket | gihyo.jp
Wicketã¨ã¯ Wicketã¯Apache Software Foundationã§é–‹ç™ºã•ã‚Œã¦ã„ã‚‹ã€Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºç”¨ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ã‚‚ã•ã¾ã–ã¾ãªã‚‚ã®ãŒã‚ã‚Šã€ãã‚Œãžã‚Œç”¨é€”ãŒç•°ãªã‚Šã¾ã™ã€‚Wicketã®è¡Œã†ã“ã¨ã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ã‹ã‚‰ã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’å—ã‘ä»˜ã‘ã€å‡¦ç†ã‚’æŒ¯ã‚Šåˆ†ã‘ã€ãƒšãƒ¼ã‚¸ã‚’ç”Ÿæˆã—ã¦ãƒ–ãƒ©ã‚¦ã‚¶ã«ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã‚’è¿”ã™ã“ã¨ã§ã™ã€‚ä½ç½®ã¥ã‘ã¨ã—ã¦ã¯ã€Apache Strutsã¨åŒã˜ã¨è€ƒãˆã‚Œã°è‰¯ã„ã§ã—ã‚‡ã†ã€‚ Wicketã®ç‰¹å¾´ Wicketã«ã¯ä»–ã®å¤šãã®Webãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã¯ç•°ãªã‚‹ã€å¤§ããªç‰¹å¾´ãŒã‚ã‚Šã¾ã™ã€‚å¤šãã®Webãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒã€ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‹ã‚‰ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã¾ã§ã®ãƒ•ãƒãƒ¼ï¼ˆæµã‚Œï¼‰ã‚’ã©ã®ã‚ˆã†ã«ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã™ã‚‹ã‹ã€ã¨ã„ã†æ–¹é‡ã§ä½œã‚‰ã‚Œã¦ã„ã‚‹ã®ã«å¯¾ã—ã¦ã€Wicketã¯ã€ŒWebãƒšãƒ¼ã‚¸ã‚’ãƒšãƒ¼ã‚¸ã¨ã„ã†ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã¨ã—ã¦æ‰±ã„ã€ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’çµ„ã¿ç«‹ã¦ã‚‹ã“ã¨ã§ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ§‹ç¯‰ã™ã‚‹ã€ã¨ã„ã†è€ƒãˆ
kana321 2014/10/29
Hello, Wicket

ã‚ã¨ã§èªã‚€

()

Wicket

Java

ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘

Framework

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

webåˆ¶ä½œ

programming

web
ãƒªãƒ³ã‚¯
WSGIã¨Pythonã§ã‚¹ãƒžãƒ¼ãƒˆãªWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã‚’ è¨˜äº‹ä¸€è¦§ | gihyo.jp
é‹å–¶å…ƒã®ãƒã‚´ Copyright Â© 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ãƒšãƒ¼ã‚¸å†…å®¹ã®å…¨éƒ¨ã‚ã‚‹ã„ã¯ä¸€éƒ¨ã‚’ç„¡æ–ã§åˆ©ç”¨ã™ã‚‹ã“ã¨ã‚’ç¦æ¢ã—ã¾ã™â ã€‚å€‹åˆ¥ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãŒè¨å®šã•ã‚Œã¦ã„ã‚‹è¨˜äº‹ç‰ã¯ãã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã«å¾“ã„ã¾ã™ã€‚
kana321 2014/10/29
WSGIã¨Pythonã§ã‚¹ãƒžãƒ¼ãƒˆãªWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã‚’

framework

app

python

Webåˆ¶ä½œ

wsgi

web

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

programming

gae
ãƒªãƒ³ã‚¯
æ•°å¤šãã‚ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‹ã‚‰ã´ã£ãŸã‚Šã®ã‚‚ã®ãŒåˆ†ã‹ã‚‹ -Mobile Frameworks Comparison Chart
ã“ã“ã§ã¯ã€iOS, Android, Windows Mobile ã®3ã¤ã‚’ãƒã‚§ãƒƒã‚¯ã—ã¾ã™ã€‚ æ¡ä»¶ã¯ã€ä»–ã«ã‚‚ä¸‹è¨˜ã®ã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ Platform iOS Android Windows Mobile Windows Phone Blackberry OSã€ãªã© Target Mobile Website WebApp Native App Hybrid App Development language PHP Java Ruby Action Script C#ã€ãªã© Hardware Accelerometer Camera Capture Compass Connectionã€ãªã© User interface Adjustment Corporate Design UI Widgets Accessibility Other SDK Encryption Advertisemen
kana321 2014/10/22
jQuery Mobileã€jQTouchã€Adobe Flexãªã©ã€æ•°å¤šãã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‹ã‚‰ã€ã‚ãªãŸãŒå¿…è¦ã¨ã™ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒåˆ†ã‹ã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ã‚’ç´¹ä»‹

*webåˆ¶ä½œ

app

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

Webãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

iOS

webåˆ¶ä½œ

mobile

Framework

SmartPhone
ãƒªãƒ³ã‚¯
iPhone, iPad, ãƒ–ãƒ©ã‚¦ã‚¶ãªã©ã‚¯ãƒã‚¹ãƒ‡ãƒã‚¤ã‚¹å¯¾å¿œã®CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -Less Framework
iPhoneãªã©ã®ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ã«ã¯320pxã€iPadã‚„ãƒãƒƒãƒˆãƒ–ãƒƒã‚¯ã«ã¯768pxã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãªã©ã®ãƒ–ãƒ©ã‚¦ã‚¶ã«ã¯1280pxã€ä¸‰ç¨®é¡žã®ãƒ‡ãƒã‚¤ã‚¹ã«ã‚ã‚ã›ã¦ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Less Framework 2 ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹ã‚«ãƒ©ãƒ ã¯ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ iPhoneãªã©ã®ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ 320pxã€2ã‚«ãƒ©ãƒ iPadã‚„ãƒãƒƒãƒˆãƒ–ãƒƒã‚¯ 768pxã€5ã‚«ãƒ©ãƒ ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãªã©ã®ãƒ–ãƒ©ã‚¦ã‚¶ 1280pxã€8ã‚«ãƒ©ãƒ ä¸‰ç¨®é¡žã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯åŒã˜ã‚°ãƒªãƒƒãƒ‰ã‚’ä½¿ç”¨ã—ã¦ãŠã‚Šã€ã‚«ãƒ©ãƒ å¹…ï¼š120pxã€æºå¹…ï¼š24pxã¨ãªã£ã¦ã„ã¾ã™ã€‚ ç•°ãªã‚‹ç‚¹ã¯ã‚«ãƒ©ãƒ ã¨ãƒžãƒ¼ã‚¸ãƒ³ã®é‡ã§ã™ã€‚ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®å¤‰æ›´ã«ã¯CSS3ã®Media QueriesãŒä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ body {width: 696px;} @media only screen and (max-width: 767px) { body
kana321 2014/09/12
iPhoneãªã©ã®ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ã«ã¯320pxã€iPadã‚„ãƒãƒƒãƒˆãƒ–ãƒƒã‚¯ã«ã¯768pxã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãªã©ã®ãƒ–ãƒ©ã‚¦ã‚¶ã«ã¯1280pxã€ä¸‰ç¨®é¡žã®ãƒ‡ãƒã‚¤ã‚¹ã«ã‚ã‚ã›ã¦ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

iPad

css

ipad

webåˆ¶ä½œ

iphone

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

css3

framework

ãƒ–ãƒ©ã‚¦ã‚¶
ãƒªãƒ³ã‚¯
ASCII.jpï¼šã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹3ã¤ã®ãƒã‚¤ãƒ³ãƒˆã¨ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ (1/3)ï½œã‚¤ã‚·ã‚¸ãƒžãƒŸã‚ã®å®Ÿè·µï¼ã€Œã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã€ãƒ‡ã‚¶ã‚¤ãƒ³å¡¾
æœ€è¿‘ã‚ˆãè¦‹ã‹ã‘ã‚‹ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³å¡¾ã€‚ä»Šå›žã‹ã‚‰ã€CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ã£ã¦å®Ÿéš›ã«ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚’ä½œæˆã—ã¦ã„ãã¾ã™ã€‚ç¬¬2å›žã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã‚’ä½¿ã£ã¦ãƒšãƒ¼ã‚¸ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã€ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹HTMLã‚’ä½œæˆã—ã¾ã™ã€‚ ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã‚ˆã† æœ€åˆã«ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚½ãƒ•ãƒˆã‚’ä½¿ã£ã¦ã–ã£ãã‚Šã¨å…¨ä½“ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä½œæˆã—ã¾ã™ã€‚ä»Šå›žã¯ã€è‡ªåˆ†è‡ªèº«ã®çµŒé¨“ã‚„ã‚¹ã‚ãƒ«ã‚’æ´»ç”¨ã—ã¦ãƒœãƒ©ãƒ³ãƒ†ã‚£ã‚¢æ´»å‹•ã‚’ã™ã‚‹äººã®æ„æ€è¡¨ç¤ºã‚„ã‚³ãƒ³ã‚¿ã‚¯ãƒˆæ–¹æ³•ãŒã‚ã‹ã‚‹Webã‚µãƒ¼ãƒ“ã‚¹ã€ŒPROBONO PAPRIKAã€ã®ã‚µãƒ¼ãƒ“ã‚¹ç´¹ä»‹ãƒšãƒ¼ã‚¸ã‚’ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã§ä½œã‚ã†ã¨æ€ã„ã¾ã™ã€‚ è‡ªåˆ†è‡ªèº«ã®çµŒé¨“ã‚„ã‚¹ã‚ãƒ«ã‚’æ´»ç”¨ã™ã‚‹ãƒœãƒ©ãƒ³ãƒ†ã‚£ã‚¢æ´»å‹•ã¯ãƒ—ãƒãƒœãƒŽï¼ˆPro bonoï¼‰ã¨å‘¼ã°ã‚Œã¾ã™ã€‚ã“ã®ã‚µã‚¤ãƒˆã¯ã€ãƒ¡ã‚¤ãƒ³ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã€ã‚µã‚¤ãƒˆã®å†…å®¹ã‚’èª¬æ˜Žã™ã‚‹ã€Œã‚¢ãƒã‚¦ãƒˆã€ã€ã‚µã‚¤ãƒˆã®ä½¿ã„æ–¹ã€ã®3ã¤ã®ãƒ–ãƒãƒƒã‚¯ã«åˆ†ã‘ã€æœ€å¾Œã«ä½•ã‹ã‚’è¶³ãã†ã‹ãªãã€ã¨å®™ã¶ã‚‰ã‚Šã‚“ã®ã¾ã¾ã«ã—ã¦ã„ã¾ã™ã€‚ ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã®ãƒ‡ã‚¶ã‚¤
kana321 2014/09/02
ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã‚’ä½¿ã£ã¦ãƒšãƒ¼ã‚¸ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã€ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹HTMLã‚’ä½œæˆã—ã¾ã™ã€‚

Web design

WEBãƒ‡ã‚¶ã‚¤ãƒ³

design

ASCII.jp

Framework

CSS

CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

asciijp

ASCII

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚ºã§ä½¿ãˆã‚‹ï¼å®Ÿè·µã‹ã‚‰å¦ã¶JavaScript MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®é¸ã³æ–¹
ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚ºã§ä½¿ãˆã‚‹ï¼å®Ÿè·µã‹ã‚‰å¦ã¶JavaScript MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®é¸ã³æ–¹ é…’å·»ç‘žç©‚ï¼ˆhtml5jã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚ºéƒ¨ï¼‰ ç¾åœ¨ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚ºã‚·ã‚¹ãƒ†ãƒ ã®é–‹ç™ºç¾å ´ã§ã¯ã€ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆSPA: å˜ä¸€ã®Webãƒšãƒ¼ã‚¸ã§æ§‹æˆã•ã‚Œã¦ã„ã‚‹Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ã“ã¨ï¼‰ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã®æŽ¡ç”¨ãŒæ¨¡ç´¢ã•ã‚Œã‚‹ãªã©ã€æ ¹æœ¬çš„ãªé–‹ç™ºãƒ‘ãƒ©ãƒ€ã‚¤ãƒ ã«ãŠã„ã¦å¤§ããªå¤‰åŒ–ãŒèµ·ãã‚ˆã†ã¨ã—ã¦ã„ã¾ã™ï¼ˆå…¨ä½“çš„ã«ã©ã®ã‚ˆã†ãªå¤‰åŒ–ãŒã‚ã‚‹ã‹ã¯ã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆNo59ã®ä½å·å¤«ç¾Žé›„ã•ã‚“ã®æ›¸ã‹ã‚ŒãŸã€ŒJavaã‹ã‚‰HTML5ãƒ˜ã€‚æ¥å‹™ã‚·ã‚¹ãƒ†ãƒ ã®é–‹ç™ºã«ãŠã‘ã‚‹WebæŠ€è¡“ã®å¤‰åŒ–ã¨é©å¿œäº‹ä¾‹ã€ã«ã‚ˆãã¾ã¨ã¾ã£ã¦ã„ã¾ã™ï¼‰ã€‚ ã“ã†ã—ãŸå¤‰åŒ–ã®ä¸€éƒ¨ã‚’æ”¯ãˆã¦ã„ã‚‹ã®ãŒã€JavaScriptã«ã‚ˆã‚‹MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚æ•°ã‚ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ä¸ã§ã€å®Ÿéš›ã«ã©ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’æŽ¡ç”¨ã™ã‚‹ã‹ã¨ã„ã†ã®ã¯ã€é–‹ç™ºã‚³ã‚¹ãƒˆã ã‘ã§ã¯ãªãå¦ç¿’ãƒ»é‹ç”¨ã‚³ã‚¹ãƒˆã«ã‚‚é–¢ã‚ã‚‹ã€éžå¸¸ã«å¤§ããª
kana321 2014/08/21
javascript

Webåˆ¶ä½œ

framework

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

é–‹ç™º

MVC

AngularJS

backbone.js

js

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—ç”¨ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆãŒä½œã‚Œã‚‹ã‚µã‚¤ãƒˆã€ŒGenerator for Startup Frameworkã€ | ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚«ãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ãƒ³
ã€ŒGenerator for Startup Frameworkã€ã¯ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—ç”¨ã®Webã‚µã‚¤ãƒˆãŒä½œã‚Œã‚‹ã‚µã‚¤ãƒˆã§ã™ã€‚1æžšãƒšãƒ¼ã‚¸ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ãã«éžå¸¸ã«ä¾¿åˆ©ã§ã™ã€‚ãƒ˜ãƒƒãƒ€ãƒ¼ã‚„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãªã©ã€è¦ç´ ã”ã¨ã«ãƒ‡ã‚¶ã‚¤ãƒ³ãŒåˆ†é›¢ã•ã‚Œã¦ãŠã‚Šã€ãã“ã‹ã‚‰å¥½ããªè¦ç´ ã‚’ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§é…ç½®ã—ã¦å®Œæˆã§ã™ã€‚ä»¥ä¸‹ã«ä½¿ã£ã¦ã¿ãŸæ§˜åã‚’è¼‰ã›ã¦ãŠãã¾ã™ã€‚ã¾ãšGenerator for Startup Frameworkã¸ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã—ã‚‡ã†ã€‚ã¾ãšProject Nameéƒ¨åˆ†ã‚’ä¿®æ£ã—ã¦ã‚¿ã‚¤ãƒˆãƒ«ã‚’ã¤ã‘ã¾ã—ã‚‡ã†ã€‚ å·¦å´ã«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒã‚ã‚Šã€ãã“ã‹ã‚‰åˆ©ç”¨ã—ãŸã„è¦ç´ ã‚’ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§é…ç½®ã•ã›ã¾ã™ã€‚ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯è±Šå¯Œã«ã‚ã‚‹ã®ã§ãã£ã¨æ±‚ã‚ã¦ã„ã‚‹ã‚‚ã®ãŒã‚ã‚Šã¾ã™ã‚ˆã€‚HTML/CSSã‚’å‡ºåŠ›ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ï¼ˆæœ‰æ–™ï¼‰ã€‚ç°¡å˜ã«ãƒšãƒ©ã‚¤ãƒã®ãƒšãƒ¼ã‚¸ãŒä½œã‚Œã‚‹ã‚µã‚¤ãƒˆã¯ã“ã‚Œã‹ã‚‰ã‚‚ã©ã‚“ã©ã‚“å¢—ãˆã¦ããã†ã§ã™ã€‚ãœã²ã”æ´»ç”¨ãã ã•ã„ã€‚ Gene
kana321 2014/07/28
1æžšãƒšãƒ¼ã‚¸ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ãã«éžå¸¸ã«ä¾¿åˆ©ã§ã™

framework

webã‚µãƒ¼ãƒ“ã‚¹

webãƒ‡ã‚¶ã‚¤ãƒ³

ãƒšãƒ©ã‚µã‚¤ãƒˆ

èµ·æ¥

ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—

startup

webåˆ¶ä½œ

generator

ãƒ„ãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
ã‚·ãƒ³ãƒ—ãƒ«ã§ä½¿ã„ã‚„ã™ã„ï¼ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ã•ã¾ã–ã¾ãªãƒšãƒ¼ã‚¸ã‚’å®Ÿè£…ã§ãã‚‹è¶…è»½é‡ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -TukTuk
Bootstrapã‚„Foundationã¯é«˜æ€§èƒ½ã ã‘ã©æ©Ÿèƒ½ãŒè±Šå¯Œã™ãŽã‚‹ã€ã¾ãŸã‚°ãƒªãƒƒãƒ‰ã ã‘ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã¯ç‰©è¶³ã‚Šãªã„ã€ãã‚“ãªäººã«ã´ã£ãŸã‚Šã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®OOCSSï¼ˆã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘CSSï¼‰ã§è¨è¨ˆã•ã‚ŒãŸè¶…è»½é‡ï¼ˆ9KBï¼‰ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ TukTuk TukTuk -GitHub TukTukã¯ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®å®Ÿç”¨çš„ãªã•ã¾ã–ã¾ãªãƒšãƒ¼ã‚¸ã‚’è»½é‡ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§å®Ÿè£…ã™ã‚‹ã“ã¨ã‚’ç›®çš„ã¨ã—ãŸã‚‚ã®ã§ã€OOCSSï¼ˆã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘CSSï¼‰ãƒ™ãƒ¼ã‚¹ã®åŠ¹çŽ‡çš„ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãŒä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯GPLv3ã§ã€ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¨ã—ã¦é…å¸ƒã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒ‡ãƒ¢ã§ã¯ã€4ç¨®é¡žã®ãƒšãƒ¼ã‚¸ãŒã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§ç¢ºèªã§ãã¾ã™ã€‚
kana321 2014/07/28
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®OOCSSï¼ˆã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘CSSï¼‰ã§è¨è¨ˆã•ã‚ŒãŸè¶…è»½é‡ï¼ˆ9KBï¼‰ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚

CSS

Webåˆ¶ä½œ

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

ãƒ‡ã‚¶ã‚¤ãƒ³

ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆ

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

framework

responsive

ãƒ„ãƒ¼ãƒ«

web
ãƒªãƒ³ã‚¯
æœ€è¿‘ã®ã‚µã‚¤ãƒˆã§è¦‹ã‹ã‘ã‚‹ã‹ã£ã“ã„ã„ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒã‚³ãƒ”ãƒšã§å®Ÿè£…ã§ãã‚‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆé›† -Refills
ãƒ˜ãƒƒãƒ€ã‚„ãƒ•ãƒƒã‚¿ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã€ã‚¿ãƒ–ã€ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã€ã‚«ãƒ¼ãƒ‰ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€ãƒ¢ãƒ¼ãƒ€ãƒ«ã€ãƒ‘ãƒ³ããšã€ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãªã©ã€æœ€è¿‘ã®ã‚µã‚¤ãƒˆã§è¦‹ã‹ã‘ã‚‹ã‹ã£ã“ã„ã„ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒã‚³ãƒ”ãƒšã§å®Ÿè£…ã§ãã‚‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆé›†ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
kana321 2014/04/16
æœ€è¿‘ã®ã‚µã‚¤ãƒˆã§è¦‹ã‹ã‘ã‚‹ã‹ã£ã“ã„ã„ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒã‚³ãƒ”ãƒšã§å®Ÿè£…ã§ãã‚‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆé›†ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚

ã‚°ãƒªãƒƒãƒ‰

evernote

WEBåˆ¶ä½œ

ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤

Framework

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ã‚ã¨ã§

ãƒ¢ãƒ¼ãƒ€ãƒ«

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
Startupç”¨ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆãŒä½œæˆã§ãã‚‹PSDã‹ã‚‰HTML/CSS/JSã¾ã§ã‚»ãƒƒãƒˆã«ãªã£ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -Startup Design Framework
Startupç”¨ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã§ã‚ˆãè¦‹ã‹ã‘ã‚‹1ãƒšãƒ¼ã‚¸ã§æ§‹æˆã•ã‚ŒãŸã•ã¾ã–ã¾ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒç”¨æ„ã•ã‚ŒãŸPSDã‹ã‚‰ã€HTML/CSS(LESSã‚‚)/JavaScriptã¾ã§ã‚»ãƒƒãƒˆã«ãªã£ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚‚ã‚³ãƒ¼ãƒ€ãƒ¼ã‚‚ã€ãã—ã¦ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã‚‚ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ãŠã„ã¦æã¯ãªã„ã§ã—ã‚‡ã†ï¼ Startup Design Framework Startup Design Frameworkã¯æœ‰æ–™ç‰ˆã¨ãƒ‡ãƒ¢ç‰ˆã®2ç¨®é¡žãŒã‚ã‚Šã€ã“ã“ã§ã¯ãƒ‡ãƒ¢ç‰ˆã‚’ä¸å¿ƒã«ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ç‰ˆã¨ã„ã£ã¦ã‚‚ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒ•ã‚¡ã‚¤ãƒ«ã§100MBè¶…ãˆãªã®ã§ã€ã™ã”ã„ãƒœãƒªãƒ¥ãƒ¼ãƒ ã§ã™ã‚ˆã€‚ã—ã‹ã‚‚å•†ç”¨åˆ©ç”¨ã§ã‚‚ç„¡æ–™ï¼ ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ã€ä¸‹è¨˜ãƒšãƒ¼ã‚¸ã®ä¸‹ã®æ–¹ã‹ã‚‰ã€‚ Startup Demo ãƒ‡ãƒ¢ã§ã¯11ç¨®é¡žã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€2ç¨®é¡žã®ã‚µãƒ³ãƒ—ãƒ«ã‚µã‚¤ãƒˆãŒå…¥ã£ã¦ã¾ã™ã€‚æœ‰æ–™ç‰ˆã¯80ç¨®é¡žã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨25ç¨®é¡žã®ã‚µãƒ³ãƒ—ãƒ«ã‚µã‚¤ãƒˆã§ã™ã€‚ ãƒ€
kana321 2013/12/18
ã‚¶ã‚¤ãƒŠãƒ¼ã‚‚ã‚³ãƒ¼ãƒ€ãƒ¼ã‚‚ã€ãã—ã¦ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã‚‚ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ãŠã„ã¦æã¯ãªã„ã§ã—ã‚‡ã†ï¼

startup

css

html

webåˆ¶ä½œ

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

web

WEBãƒ‡ã‚¶ã‚¤ãƒ³

JavaScript

framework

template
ãƒªãƒ³ã‚¯
è‚‰çƒãŒãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã—ã¦ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ã¡ã‚‡ã£ã¨é¢ç™½ãã†ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -Cool Kitten
ãƒ™ãƒ¼ã‚¿ç‰ˆã§ã™ãŒã€ã¡ã‚‡ã£ã¨é¢ç™½ãã†ãªã‚·ãƒ³ãƒ—ãƒ«ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã„ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚è‚‰çƒã«æƒ¹ã‹ã‚ŒãŸã‚ã‘ã§ã¯ãªã„ã§ã™ã‚ˆã€‚ Cool Kitten Cool Kitten -GitHub Cool Kittenã¯ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãƒ»ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆãƒ»ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å‚™ãˆãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã€è‚‰çƒãŒãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ï¼
kana321 2013/09/28
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

parallax

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

framework

js

ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹

jquery

css

responsive

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸