Key concepts / Methodology / BEM
Key conceptsBlock Element Modifier BEM entity Mix BEM tree Block implementation Block implementation technology Block redefinition Redefinition level BlockA logically and functionally independent page component, the equivalent of a component in Web Components. A block encapsulates behavior (JavaScript), templates, styles (CSS), and other implementation technologies. Blocks being independent allows
BEM-Methodology Definitionsã®æ—¥æœ¬èªžè¨³ã€‚ - Sooey
BEM-Methodology Definitionsã®æ—¥æœ¬èªžè¨³ã€‚ Yandexã®BEM-MethodologyãŒæ–¹æ³•è«–ã¨ã—ã¦ã‚ã¡ã“ã¡ã§å‚ç…§ã•ã‚Œã¦ã„ã‚‹ã®ã‚’見ã‹ã‘ã‚‹ã“ã¨ãŒå¢—ãˆã¦ãã¦ã€ã¡ã‚‡ã£ã¨å¤‰ã‚ã£ãŸCSSã®å‘½åè¦å‰‡ã€ã¿ãŸã„ãªèªè˜ãŒæŒãŸã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ããŸã€‚ ã—ã‹ã—ã€åŽŸå…¸ã§ã‚る「BEM-Methodologyã¨ã¯ä¸€ä½“何ãªã®ã‹ã€ã¨ã„ã†æƒ…å ±ã¯ãªã‹ãªã‹èª¬æ˜Žã•ã‚Œãšã€ã“ã®ã¾ã¾ã ã¨BEMã‚’å°Žå…¥ã™ã‚‹ãƒãƒ¼ãƒ 内ã§é½Ÿé½¬ãŒç”Ÿã¾ã‚Œã‚‹ã“ã¨ã‚‚ã‚ã‚‹ã ã‚ã†ã€ã¨ã„ã†ã“ã¨ã§ã€HTML/CSSマークアップã«é©ç”¨ã™ã‚‹éš›ã®ã‚¨ãƒƒã‚»ãƒ³ã‚¹ã¨ãªã‚Šãã†ãªDefinitionsã¨ã„ã†ãƒšãƒ¼ã‚¸ã ã‘日本語ã«è¨³ã—ãŸã€‚ https://github.com/juno/bem-methodology-ja 最åˆã¯æœ¬å®¶ã‚µã‚¤ãƒˆã®ãƒªãƒã‚¸ãƒˆãƒªã‚’forkã—ã¦ä½œæ¥ã—ã¦ã„ãŸã®ã ã‘ã©ã€ã©ã†ã‚‚CMSã¨ã„ã†ã‹HTML生æˆã®ãƒ—ãƒã‚»ã‚¹ãŒYandexã®ç‹¬è‡ªãƒ„ールを使ã£ã¦ã„ã¦ã€è¡¨ç¤ºç¢ºèª
Mac仕事効率化ï¼Spotlightを完全ã«è¶…ãˆãŸç¥žãƒ©ãƒ³ãƒãƒ£ãƒ¼ã‚¢ãƒ—リ「Alfred 2ã€ã®ä½¿ã„æ–¹ã¨ãŠã™ã™ã‚Workflows10é¸ã€‚[Mac] | MacWin Ver.1.0
Mac仕事効率化ï¼Spotlightを完全ã«è¶…ãˆãŸç¥žãƒ©ãƒ³ãƒãƒ£ãƒ¼ã‚¢ãƒ—リ「Alfred 2ã€ã®ä½¿ã„æ–¹ã¨ãŠã™ã™ã‚Workflows10é¸ã€‚[Mac] Macã®3大神アプリを挙ã’ã‚‹ãªã‚‰ä½•ã ã¨æ€ã„ã¾ã™ã‹ï¼ŸXtraFinderã€BetterTouchToolã€Alfredã‚ãŸã‚Šã ã¨æ€ã„ã¾ã™ãŒã€ãã®ä¸ã§ã‚‚個人的ã«ã¯Macã®ç¥žã‚¢ãƒ—リ1ä½ã«æŽ¨è–¦ã—ãŸã„ãらã„使ã„å‹æ‰‹ã®ã‚ˆã„Alfred（無料）。今回ã¯ãƒãƒ¼ã‚¸ãƒ§ãƒ³2ã¸ã‚¢ãƒƒãƒ—デートã•ã‚Œã€ã•ã‚‰ã«ä½¿ã„ã‚„ã™ããªã£ãŸAlfredã®æ©Ÿèƒ½ã¨ä½¿ã„方を紹介ã—ã¾ã™ã€‚ Alfredã§å‡ºæ¥ã‚‹ã‚³ãƒˆã€‚機能的ã«ã¯å¤§ãã分ã‘ã¦2ã¤ã€‚ option + spaceã§ç¾ã‚Œã‚‹æ¤œç´¢çª“ã‹ã‚‰ã€Mac内ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚„アプリケーションã€é€£çµ¡å…ˆã€ã‚¦ã‚§ãƒ–検索ãªã©ã‚’è¡Œã†ã“ã¨ãŒã§ãã¾ã™ã€‚Spotlightæ¤œç´¢ã‚ˆã‚Šã‚‚ç´ æ—©ã検索ã§ãã€é«˜æ©Ÿèƒ½ã€‚ ã‚‚ã†ä¸€ã¤ã®å¤§ããªæ©Ÿèƒ½ã¨ã—ã¦ã¯ã€ãƒ›ãƒƒãƒˆã‚ーãªã©ã«ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’割り当ã¦ã‚‹ã“ã¨ãŒã§ãã‚‹A
「ã®ã€ã®æ³•å‰‡ - Wikipedia
宮崎駿ãŒç›£ç£ã—ãŸæ˜ 画作å“ã«ã¤ã„ã¦ã€ãã®ã‚¿ã‚¤ãƒˆãƒ«ã®å…±é€šç‚¹ã‚’指摘ã—ãŸæ³•å‰‡ã§ã‚る。日本テレビ放é€ç¶²ã®æ˜ 画プãƒãƒ‡ãƒ¥ãƒ¼ã‚µãƒ¼ã¨ã—ã¦ã€ã‚¹ã‚¿ã‚¸ã‚ªã‚¸ãƒ–リ作å“ã§è£½ä½œæ‹…当ãªã©ã‚’å‹™ã‚ãŸå¥¥ç”°èª æ²»ãŒæå”±ã—ãŸ[1]。宮崎ã®ç›£ç£ä½œå“ã®ã‚¿ã‚¤ãƒˆãƒ«ã«ã¯ã€Œã®ã€ã®å—ãŒå…¥ã£ã¦ã„ã‚‹ã“ã¨ãŒå¤šãã€ã“ã‚ŒãŒãƒ’ットã®ç§˜è¨£ã§ã‚ã‚‹ã¨ã„ã†[1]。ã¾ãŸã€é«˜ç•‘勲ã®ç›£ç£ä½œå“ã®å ´åˆã¯ã€ã‚¿ã‚¤ãƒˆãƒ«ã«ã€Œã»ã€ã®å—ãŒå…¥ã‚‹ã¨ã®ã“ã¨ã§ã‚ã‚‹[1][注釈 1]。ãŸã ã€å®®å´Žè‡ªèº«ã¯ã€Œã®ã€ã®å—を入れるã“ã¨ã«ã¯å…¨ãã“ã ã‚ã£ã¦ãŠã‚‰ãšã€ã€Žã‚‚ã®ã®ã‘姫ã€ã‚‚当åˆã¯ã€Žã‚¢ã‚·ã‚¿ã‚«ð¦»™è¨˜ã€[注釈 2]ã¨å‘½åã™ã‚‹ã‚ˆã†ä¸»å¼µã—ã¦ã„ãŸã€‚çŸç·¨æ˜ ç”»ã«ãŠã„ã¦ã¯å¤šãã®ä½œå“ã«ã€Œã®ã€ã®å—ãŒå«ã¾ã‚Œã¦ãŠã‚‰ãšã€é•·ç·¨æ˜ ç”»ã«ãŠã„ã¦ã‚‚『風立ã¡ã¬ã€ã®ã‚ˆã†ã«ã€Œã®ã€ã®å—ã‚’å«ã¾ãªã„作å“ãŒå˜åœ¨ã™ã‚‹[2]。 ãªãŠã€å¥¥ç”°ãŒã€Œå®®å´Žç›£ç£ã®ä½œå“ã«ã¯å¿…ãšã€Žã®ã€ã¨ã„ã†å—ãŒå…¥ã£ã¦ã„ã¦ã€[1]ã¨è¿°ã¹ã¦ã„るよã†ã«ã€ã“ã®æ³•å‰‡ã®è¶£æ—¨ã¯ã€å®®å´Žç›£ç£ä½œå“ã®ã‚¿ã‚¤ãƒˆãƒ«ã®å…±é€šç‚¹
Surface ã®å€¤ä¸‹ã’ã«ã¤ã„ã¦ã€ãã‚ãã‚ã²ã¨ã“ã¨è¨€ã£ã¦ãŠãã‹ã€‚
執ç†æ—¥æ™‚： 2013å¹´8月10æ—¥07時42分 ã¡ã¾ã¡ã¾å€¤æ®µä¸‹ã’ã¦ã€ãã®éƒ½åº¦ã›ã£ã‹ãè²·ã£ã¦ãã‚ŒãŸå®¢ã«ä¸å¿«ãªæ€ã„ã‚’ã•ã›ã‚‹ãらã„ãªã‚‰ã€æœ€åˆã‹ã‚‰å®‰ã売れ。 ã“ã‚ŒãŒä»®ã‚Šã« Apple ã ã£ãŸã‚‰ã€ç™ºå£²æ—¥å½“æ—¥ã«è²·ã£ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’愚弄ã™ã‚‹ã‚ˆã†ãªæ–½ç–ã¯ã¨ã‚‰ãªã„ã ã‚ã†ã€‚ãªãœãªã‚‰â€•â€•è‡ªåˆ†ã§è¨€ã†ã®ã‚‚何ã ãŒâ€•â€•ãã®ã‚ˆã†ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯å˜ãªã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã§ã¯ãªãã€ãƒ•ã‚¡ãƒ³ã§ã‚ã‚Šã€ä¿¡è€…ã§ã‚ã‚Šã€ã‚¨ãƒ´ã‚§ãƒ³ã‚¸ã‚§ãƒªã‚¹ãƒˆãªã‚“ã よ。怒らã›ã•ãˆã—ãªã‘ã‚Œã°æ¯Žåº¦æ¯Žåº¦ãƒã‚°ãŒã‚ã‚‹ã‚„ã‚‚ã—ã‚Œãªã„åˆæœŸãƒãƒƒãƒˆã«é£›ã³ã¤ã„ã¦ã€ã—ã‹ã‚‚宣ä¼ã¾ã§ã—ã¦ãれるアホã©ã‚‚ãªã®ã ã‹ã‚‰ã€ã‚¹ãƒ«ãƒ¡ã‚’嚙むãŒã”ã¨ãæ»ãªãªã„程度ã«æœ«æ°¸ã酷使ã™ã‚Œã°ã„ã„ã®ã«ã€‚ 「期間é™å®šã§ 10,000 円引ãï¼ã€ã£ã¦è¨€ã£ãŸèˆŒã®æ ¹ã‚‚ã‹ã‚ã‹ãªã„ã†ã¡ã«ã€Œå€¤æ®µæ®ãˆç½®ãã«ã—ã¾ã™ï¼ã€ã£ã¦è¨€ã£ã¡ã‚ƒã†ã®ã‚‚よããªã„。ã ã£ã¦ãã‚Œã€ã‚¦ã‚½ã˜ã‚ƒã‚“。顧客ãŒå®Ÿè³ªçš„ãªæ害を被らãªã„ã¨ã—ã¦ã‚‚ã€ã‚ã¾ã‚Šæ°—分ã®ã‚ˆã„ã‚‚ã®ã§ã¯ãªã„よ。ã ã„ãŸã„ã€ä¸€åº¦ãã‚“
CD（楽曲）ã®ç™ºå£²æ—¥ãŒç„¡é§„ã«é…ã„ã®ãªã‚“ãªã®ï¼Ÿ
音楽æ¥ç•Œã®ã“ã¨çŸ¥ã‚‰ã‚“ã‘ã©ã€ æ˜ ç”»ã¨ã‹ãƒ‰ãƒ©ãƒžã¨ã‹ã‚¢ãƒ‹ãƒ¡ã¨ã‹æ˜ åƒä½œå“ãŒå…¬é–‹ã•ã‚Œã¦ã‹ã‚‰ã€ ãã‚Œã«ä½¿ã‚ã‚Œã¦ã‚‹æ¥½æ›²ãŒï¼’ヶ月ã¨ã‹ï¼“ヶ月ã¨ã‹å¾Œã«ç™ºå£²ã•ã‚Œã‚‹ã®ãªã‚“ãªã®ï¼Ÿ 欲ã—ã„ã¨æ€ã£ãŸã¨ãã«è²·ãˆãªã„ã®æ©Ÿä¼šæ失以外ã®ä½•è€…ã§ã‚‚ãªã„ã ã‚。 焦らã™ã“ã¨ã§èª°ãŒå¾—ã™ã‚‹ã‚ã‘？ アーティストãŒæ–°æ›²ç™ºå£²æ±ºå®šï¼ã¨ã‹è¨€ã£ã¦ サンプル楽曲公開ã—ã¦ç™ºå£²ã¯ï¼“ヶ月後ã§ã™ï¼ã¨ã‹è¨€ã£ã¦ プãƒãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³æ´»å‹•ãƒ€ãƒ©ãƒ€ãƒ©ã‚„ã£ã¦ã‚‹ã®ã‚‚æ„味ã‚ã‹ã‚‰ã‚“。 発売ã—ã¦ã‹ã‚‰ã‚„れよã¨æ€ã†ã€‚ åˆå‹•ã«ã‹ã‘ã¦ã‚‹ã®ï¼ŸãŠã“ã¥ã‹ã„貯ã‚ã¦ã‚‚らã†ã®å¾…ã£ã¦ã‚‹ã®ï¼Ÿ ãã‚“ãªã®æ¬²ã—ã„ã¨æ€ã£ãŸã¨ãã«è²·ãˆãªã㦠冷ã‚ãŸã‚Šå¿˜ã‚Œã¡ã‚ƒã£ãŸã‚Šã—ãŸäººã®æ•°ã«æ¯”ã¹ãŸã‚‰å¤§ã—ãŸã“ã¨ãªã„ã‚“ã˜ã‚ƒã？
Herokuã®ã‚ªãƒ¼ãƒˆã‚¹ã‚±ãƒ¼ãƒ«Addonã€Bounscaleã®åˆ©ç”¨æ–¹æ³• - Qiita
Bounscale Bounscaleã¯ã€Herokuã¸ãƒ‡ãƒ—ãƒã‚¤ã•ã‚ŒãŸRails/node.jsアプリケーションをオートスケールã™ã‚‹ç’°å¢ƒã‚’æä¾›ã™ã‚‹ã‚¢ãƒ‰ã‚ªãƒ³ã§ã™ã€‚ Bounscaleã‚’è¿½åŠ ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦æ¬¡ã®ã‚ˆã†ãªåˆ©ç‚¹ã‚’å¾—ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ レスãƒãƒ³ã‚¹ã®ä½Žä¸‹ã‚’抑ãˆã¾ã™ã€‚ アプリケーションã¸ã®è² è·ã«åˆã‚ã›ã¦æœ€é©ãªDynoæ•°ã®èª¿æ•´ã‚’è¡Œã†ã“ã¨ã«ã‚ˆã‚Šã‚³ã‚¹ãƒˆã‚’抑ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Bounscaleã¯gemã®bounscaleã«ã‚ˆã‚Šã€RackMiddlewareã‹ã‚‰ã‚¢ãƒ—リケーションã®çŠ¶æ…‹ã‚’å–å¾—ã—ã¦ã‚ªãƒ¼ãƒˆã‚¹ã‚±ãƒ¼ãƒ«ã‚’実ç¾ã—ã¦ã„ã¾ã™ã€‚ サãƒãƒ¼ãƒˆç’°å¢ƒ Application 動作確èªæ¸ˆ Rails 2.3 or 3.0 or 3.2 Ruby 1.9.2 or 1.9.3 仕組ã¿ä¸Šã¯Rackã«å¯¾å¿œã—ã¦ã„ã‚Œã°åˆ©ç”¨å¯èƒ½ã§ã™ [EXPERIMENTAL] node.js v0.10.15 / Express 3.
Alfred力高ã‚隊 - ç´è±†ã«ã¯åµã‚’入れる派ã§ã™ã€‚
最近ã€@ruedap ã•ã‚“ãŒç¥žãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã‚’作ã£ãŸã®ã‚’見ã¦ã€ã“ã‚ŒãŒä½¿ã„ãŸãã¦Alfredã®1ã‹ã‚‰ Alfred 2ã«ä¹—ã‚Šæ›ãˆã¦PowerPackã«ãŠå¸ƒæ–½ã—ãŸã€‚ Font Awesomeã®ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã‚’検索ã§ãã‚‹Alfred 2ã®Workflowを作ã£ã¦ã¿ãŸ ãã®æ™‚点ã§ã€ï¼‘æ—¥å¹³å‡ 15回程度ã®ä½¿ç”¨ã¨ã„ã†ãŠç²—末ãªã‚¢ãƒ«ãƒ•ãƒ¬ãƒƒãƒ‰åŠ›ã ã£ãŸã®ã ã‘ã©ã€ãŠå¸ƒæ–½ã‚‚ã—ãŸã“ã¨ã ã—ã€Alfred力を上ã’ã¦ã‚„ã‚ã†ã¨æ€ã£ã¦ã€å…¨ã¦ã®ã‚¢ãƒ—リ切り替ãˆã‚’Alfred力経由ã§ã‚„ã‚‹ã“ã¨ã«ã—ã¦é›ãˆã‚‹ã“ã¨ã«ã—ãŸã€‚ 普段ã¯Witch 㫠⌘ + Tab を割り当ã¦ã¦ã¦ã€ã‚¢ãƒ—リ切り替ãˆã«ã¯ãã£ã¡ã‚’使ã£ã¦ã—ã¾ã†ã“ã¨ãŒå¤šã„ã®ã ã‘ã©ï¼ˆã“ã‚Œã¯ã“ã‚Œã§ä¾¿åˆ©ï¼‰ã€æ°—ã¥ãã¨âŒ˜ + Tabを連打ã—ã¦æ¬¡ã®ã‚¢ãƒ—リを探ã—ã¦ã—ã¾ã£ã¦ã‚‹ã“ã¨ãŒå¤šãã¦ã€ãªã‚“ã ã‹ãªã‚ã¨ã„ã†æ„Ÿã˜ãŒã‚ã£ãŸã®ã§ã€ã“ã“ã¯ã‚ー一発ã§Alfredã§åˆ‡ã‚Šæ›¿ãˆã‚‰ã‚ŒãŸæ–¹ãŒã‚«ãƒƒã‚³ã‚¤ã‚¤æ°—ãŒã™ã‚‹ã€‚ ã§ã€2〜
æ•°å—を追ã£ã¦è¨˜äº‹ã‚’書ã‹ãšã€æœ¬è³ªã‚’見極ã‚よㆠ- ã‚„ã¾ã‚‚ã¨ã„ã¡ã‚ã†BLOG（ブãƒã‚°ï¼‰
先般ã®ç‚Žä¸Šè¨˜äº‹é–¢é€£ã§ã€ãƒ›ãƒƒãƒˆãªåéŸ¿ã‚’é ‚æˆ´ã—ãŸã€‚ãれもã€å•é¡Œã¨ãªã£ãŸè°·å£ãƒžã‚µãƒˆã•ã‚“関連ã®è©±ã§ã¯ãªãã€ãã®å‘¨è¾ºã§èµ·ããŸå®Ÿã«è€ƒãˆã•ã›ã‚‰ã‚Œã‚‹è¨˜äº‹ã 。 炎上ã¨ã„ã†ç”˜ç¾Žãªæžœç‰© http://copiz.hatenablog.com/entry/2013/08/02/125932 LINE発炎上系プãƒãƒ‡ãƒ¥ãƒ¼ã‚µãƒ¼è°·å£ãƒžã‚µãƒˆæ°çˆ†èª• featuring é«˜åºƒä¼¯å½¦æ° http://kirik.tea-nifty.com/diary/2013/07/line-featuring-.html 書ã手ãŒå¿ƒã‚’折ã£ã¦ã„る。ãれもã€å‡ºã ã—ã‹ã‚‰ã€Œã“ã‚“ã«ã¡ã¯ã€‚ã¡ã‚‡ã£ã¨ãƒ–ãƒã‚°ã‚’気力ãŒãªããªã£ã¦ã„ã‚‹ãƒãƒ£ãƒ©ãƒ³ãƒãƒ©ãƒ³ãƒŠãƒ¼ã§ã™ã€ã¨ã€ã„ããªã‚Šæ—¥æœ¬èªžãŒå¤‰ã€‚ãã‚Œã ã‘è¡æ’ƒã‚’å—ã‘ãŸã®ã‹ã‚‚ã—ã‚Œãªã„。 ã—ã‹ã—ã ãªã€‚ç§ç¨‹åº¦ã®ãƒ–ãƒã‚°ã§è¨€åŠã•ã‚Œã¦å¿ƒã‚’折ã£ã¦ã„るよã†ã§ã¯å›°ã‚‹ã€‚å›ã®å…ˆã«ã€ã¾ã ã¾ã é“ã¯åºƒãŒã£ã¦ã„ã‚‹ã®ã 。ç§ã®ãƒ¤ãƒ•ãƒ¼ãƒ‹ãƒ¥ãƒ¼ã‚¹å€‹äººã‚¢ã‚«ã‚¦ãƒ³ãƒˆã§èµ·ãã¦ã„ã‚‹
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Convert images to WebP
iPad版RSSリーダー『Mr. Readerã€ã«å…¬å¼ã€Žã¯ã¦ãªãƒ–ックマークã€ã‚¢ãƒ—リã¸ã®å…±æœ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’è¨å®šã™ã‚‹
Marked.js 㧠Markdown をクライアントå´ã§ãƒ‘ースã—ã¦è¡¨ç¤ºã™ã‚‹ - Qiita
Rubyã®æ£è¦è¡¨ç¾ã¾ã‚ã‚Šã§æœ€è¿‘知ã£ãŸã“ã¨ã®ãƒ¡ãƒ¢ - Qiita
{{#tags}}- {{label}}
{{/tags}}