[デザイン]グラデーションを使ã†ç†ç”±ã€ä¸è‡ªç„¶ãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¤ã„ã¦å¾¹åº•çš„ã«åˆ†æžã—ãŸè€ƒãˆã‚‹ã€‚ WEBCRE8.jpã«ã‚ˆã‚‹web制作やデザインã«ã¤ã„ã¦ã®è€ƒå¯Ÿã‚’ 書ã綴ã£ã¦ã„ãカテゴリã§ã™ã€‚
![[デザイン]グラデーションを使ã†ç†ç”±ã€ä¸è‡ªç„¶ãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¤ã„ã¦å¾¹åº•çš„ã«åˆ†æžã—ãŸ](https://cdn-ak-scissors.b.st-hatena.com/image/square/232c41c1ad9ba1ab348c9a84db4d1d95780fb78b/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2013%2F06%2Fdesign-gradation-color-01-150x150.png)
Angular.jsã¨Backbone.jsã®DOMä¾å˜ã‚’図解ã™ã‚‹ - ã‚¸ãƒ³ã‚¸ãƒ£ãƒ¼ç ”ç©¶å®¤
果敢ã«ã‚‚MVCフレームワークã®å›³è§£ã‚’試ã¿ãŸã®ã§ã€ã©ã†ãžï¼ MVCã®å‹•æ©Ÿ MVCã¨ã„ã†è¨€è‘‰ãŒåˆã‚ã¦ç™»å ´ã—ã¦ã‹ã‚‰30年以上ãŸã£ãŸä»Šã€æœ€æ—©ãªã‚“ã ã£ãŸã®ã‹åˆ†ã‹ã‚‰ãªã„ã»ã©MVCã®å®šç¾©ã¯æ··è¿·ã‚’ããŸã—ã¦ã„ã‚‹ã‚ã‘ã ãŒã€ã©ã‚ŒãŒMVCã§MVVMã§MVPã§ã‚ã‚‹ã¨ã„ã†å®šç¾©ã«ã¤ã„ã¦ã‚ã‚Œã“れ考察ã™ã‚‹ã®ã¯å€‹äººçš„ã«ã¯å¥½ãã§ãªãã¦ã€ã€Œçµå±€ä½•ãŒã—ãŸã„ã®ã‹ã€ã¨ã„ã†å‹•æ©ŸãŒã¶ã‚Œã¦ã„ãªã‘ã‚Œã°ä½•ã§ã‚‚良ã„ã¨æ€ã£ã¦ã„る。 ã˜ã‚ƒã‚ãã‚Œã¯ä¸€ä½“何ãªã®ã‹ã¨ã„ã†ã“ã¨ã‚’自分ãªã‚Šã«è€ƒãˆã¦ã¿ãŸã¨ã“ã‚ã€æ¬¡ã®ä¸€è¨€ã«è½ã¡ç€ã„ãŸã€‚ 「Modelã¯Viewã«ä¾å˜ã—ãŸããªã„〠世間的ã«ã¯ï¼ˆï¼Ÿï¼‰Modelã¨Viewã‚’å˜ã«ã€Œåˆ†ã‘ã‚‹ã€ã¨èª¬æ˜Žã•ã‚Œã‚‹ã“ã¨ãŒå¤šã„ãŒã€ç§ã¯ãã‚Œã ã‘ã§ã¯ç´å¾—ã—ã¦ã„ãªãã¦ã€ä¾å˜ã®æ–¹å‘ã“ããŒé‡è¦ã ã¨æ€ã£ã¦ã„る。ãŸã¨ãˆåˆ†ã‹ã‚Œã¦ã„るよã†ã«è¦‹ãˆã¦ã‚‚ModelãŒViewã‚’å‚ç…§ã—ã¦ã„ãŸã‚‰ã€æƒ…å ±ã®å–得先や表ç¾æ–¹æ³•ã¯å›ºå®šåŒ–ã•ã‚Œã¦ã—ã¾ã†ã€‚ Modelã¯Viewã®äº‹æƒ…ã‹ã‚‰
floatを解除ã™ã‚‹æ‰‹æ³•ã®clearfix 㨠次世代ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®è©±
floatを解除ã™ã‚‹æ‰‹æ³•ã®clearfix 㨠次世代ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®è©± 2013-06-20 / 2013-06-30 2011å¹´ã«clearfixã«ã¤ã„ã¦è¨˜äº‹ã‚’書ãã¾ã—ãŸãŒã€Micro clearfixãªã©ã®æ–°ã—ã„手法も出ã¦ãã¾ã—ãŸã€‚ 記事を書ã„ã¦ã‹ã‚‰2å¹´ãŒçµŒã¡ã€è‰²ã€…æ€ã†ã¨ã“ã‚も出ã¦ããŸã®ã§ã€æ”¹ã‚ã¦clearfixã«ã¤ã„ã¦æ›¸ãã¾ã™ã€‚ floatを解除ã™ã‚‹ã«ã¯ CSSã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®æ§‹ç¯‰ã‚’è¡Œã†éš›ã«ã€ã‚ˆãfloatプãƒãƒ‘ティãŒç”¨ã„られã¾ã™ã€‚ ã—ã‹ã—floatを使用ã™ã‚‹ã¨ã€ã€Œè¦ªã®èƒŒæ™¯ãŒè¡¨ç¤ºã•ã‚Œãªã„ã€ã€Œä¸‹ã®æ®µã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå´©ã‚Œã‚‹ã€ãªã©ã®ãƒˆãƒ©ãƒ–ルãŒèµ·ã“ã‚Šã‚„ã™ããªã‚Šã¾ã™ã€‚ floatプãƒãƒ‘ティã®ç‰¹æ€§ 親ã®èƒŒæ™¯ãŒè¡¨ç¤ºã•ã‚Œãªã„ç†ç”±ã¯ã€floatプãƒãƒ‘ティを指定ã—ã¦ã„るボックスãŒæµ®å‹•åŒ–ã—ã€é€šå¸¸ã®ãƒœãƒƒã‚¯ã‚¹ã®ãƒ•ãƒãƒ¼ã‹ã‚‰å¤–ã•ã‚Œã‚‹ã“ã¨ãŒåŽŸå› ã§ã™ã€‚ 通常フãƒãƒ¼ã‹ã‚‰å¤–ã•ã‚ŒãŸãƒœãƒƒã‚¯ã‚¹ã¯ã€è¦ªã®ãƒœãƒƒã‚¯ã‚¹ã®é«˜ã•ã‚’èªè˜ã§ããªããª
Docker ã® Remote API + serverspec 㧠CI - naoyaã®ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼
昨日 http://d.hatena.ne.jp/naoya/20130620/1371729625 ã§æ›¸ã„ãŸã‚ˆã†ã« Docker を使ãˆã°ã€æ¬²ã—ã„ VM ã‚’ "ä»»æ„ã®çŠ¶æ…‹" ã§ç°¡å˜ã«ã‹ã¤" "瞬時ã«" コピーã—ã¦ä½œã‚Šå‡ºã™ã“ã¨ãŒã§ãる。 「任æ„ã®çŠ¶æ…‹ã€ã¨ã„ã†ã®ã¯ã€ä¾‹ãˆã°ã€ŒOS 㯠CentOS ã§ã€Ruby 㨠Chef ãŒå…¥ã£ã¦ã„ã‚‹ã€ã¿ãŸã„㪠VM ã®ã“㨠「瞬時ã«ã€ã¨ã„ã†ã®ã¯æœ¬å½“ã«çž¬æ™‚。VM ã®èµ·å‹•æ™‚é–“ã‚’å¾…ã£ãŸã‚Šã€Ruby ã‚„ Chef を入れる時間を待ã¤å¿…è¦ã¯ãªã„ serverspec ã§ãƒ†ã‚¹ãƒˆã‚’ã™ã‚‹å ´åˆã€çœŸã£æ–°ãª VM を用æ„ã—ã¦ãã‚Œã«ãƒ—ãƒãƒ“ジョニングを行ã£ã¦ã€ãã®å¾Œã«ç ´æ£„ã™ã‚‹ã¿ãŸã„ãªã“ã¨ã‚’良ãã™ã‚‹ã€‚ã“ã®ã¨ã「真ã£æ–°ãªVMã€ã‚’ç«‹ã¡ä¸Šã’ã‚‹ã®ã«ã€Vagrant ãªã©ãŒä½¿ãˆã‚‹ãŒã€Vagrant ã ã¨ãƒ†ã‚¹ãƒˆã®åº¦ã« VM を一ã‹ã‚‰ä½œã‚Šç›´ã™ï½¥ï½¥ï½¥ã¤ã¾ã‚Š vagrant up ã—ãªã‘ã‚Œã°ã„ã‘ãªã„
Docker (土曜日㫠podcast ã—ã¾ã™) - naoyaã®ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼
Docker ã‚’ã„ã˜ã£ã¦éŠã‚“ã§ã„る。 http://www.docker.io/ Docker 㯠PaaS ベンダ㮠DotCloud ãŒãã® PaaS ã®ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã¨ã—ã¦ä½¿ã£ã¦ã„ã‚‹ (?) ミドルウェアを公開ã—ãŸã‚‚ã®ã€‚é©å½“ãªæ¡ä»¶ã® VM ã‚’ãƒã‚³ãƒã‚³ç”Ÿã¿å‡ºã—ã¦ã¯ãƒ†ã‚¹ãƒˆã‚„実際ã®é‹ç”¨ã«ä½¿ã†ã“ã¨ãŒã§ããŸã‚Šã™ã‚‹ã‚‚ã®ã€‚例ãˆã°ã€ŒRuby 㨠Bundler ãŒå…¥ã£ã¦ã„ã‚‹ VMã€ã¿ãŸã„ãªã®ã‚’è¨å®šã§ä½œã£ã¦ãŠãã¨ã€å¾Œæ—¥ä½•ã‹ Ruby ã§ã‚¢ãƒ—リケーションを動ã‹ã—ãŸã„ã¨æ€ã£ãŸã¨ãã«ãã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’ベース㫠VM を作ã£ã¦ãƒ‡ãƒ—ãƒã‚¤ã—ã¦ã‚„ã‚Œã°ã™ãã«ã‚¢ãƒ—リケーションãŒå‹•ã出ã™ã€‚ãã‚‚ãã‚‚ PaaS ãŒã‚„ã£ã¦ã„ã‚‹ã®ã¯ãã†ã„ã†äº‹ã§ã€ãれを汎用化ã—ãŸã®ãŒ Docker。Travis CI ã®ã‚ˆã†ãªã€å„言語ã”ã¨ã®å®Ÿè¡Œç’°å¢ƒãŒæ•´ã£ãŸ VM ã¿ãŸã„ãªã‚‚ã®ã«ä»»æ„ã®ã‚³ãƒ¼ãƒ‰ã‚’渡ã—ã¦ãƒ“ルドã•ã›ã‚‹ã€ã¿ãŸã„ãªãƒ—ラットフォームを作るã®ã«ã‚‚使ãˆã‚‹
æ–‡ç« ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ – 段è½ã‚„箇æ¡æ›¸ãをよりèªã¿ã‚„ã™ãã™ã‚‹ãŸã‚㫠｜https://wp.yat-net.com/name
æ–‡ç« ã‚’èªã¿æ˜“ãã™ã‚‹ç‚ºã«æ®µè½ã‚’用ã„ã¦ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã™ã‚‹ã“ã¨ã¯éžå¸¸ã«å¤šãã€ã„ã‹ã«èªã¿ã‚„ã™ãã€ã„ã‹ã«è¦‹ã‚„ã™ã„ã‹ã‚’考ãˆã¦æ§‹æˆã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã。 1.段è½ã®ä½¿ã„æ–¹ 2.èªã¿ã‚„ã™ã„改行ä½ç½® 3.箇æ¡æ›¸ãã«ã¤ã„㦠4.æ–‡ç« ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã¨ã„ã†äº‹ 段è½ã®ä½¿ã„æ–¹ ã“ã®ãƒ–ãƒã‚°ã§ã¯ã‚る程度ã®é•·ã•ã§1段è½ã‚’è¨å®šã—ã€ä¸€ã¤ä¸€ã¤ã®ãƒ–ãƒãƒƒã‚¯ãŒé•·éŽãŽãªã„よã†ã«ã‚る程度ã®èª¿ç¯€ã‚’心ãŒã‘ã¦ã„ã¾ã™ã€‚ ã—ã‹ã—å¯èªæ€§ã‚„視èªæ€§ã®äº‹ã‚’考ãˆã‚‹ã¨å½“然ã“ã‚Œã ã‘ã§ã¯é§„ç›®ã§ã™ã‚ˆã。もã£ã¨è€ƒãˆã‚‹ã¹ã点ãŒã‚ã‚Šã¾ã™ã€‚ 今回ã¯ã¡ã‚‡ã£ã¨ãã®è¾ºã‚Šã«ã¤ã„ã¦è€ƒãˆã‚’ã¾ã¨ã‚ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ èªã¿ã‚„ã™ã„改行ä½ç½® ã¾ãšæ–‡ç« を構æˆã™ã‚‹ã«ã‚ãŸã‚Šã€å¿…ãšè€ƒãˆã‚‹ã¹ããªã®ã¯æ”¹è¡Œã®ä½ç½®ã§ã™ã€‚Webã«é™ã‚‰ãšç´™åª’体ã§ã‚‚åŒã˜ã§ã€ã©ã“ã§æ”¹è¡Œã™ã‚Œã°èªã¿ã‚„ã™ã„ã®ã‹ãƒ»è¦‹ã‚„ã™ã„ã®ã‹ã‚’æ„è˜ã™ã‚‹ã®ã¯ã¨ã¦ã‚‚大切ãªäº‹ã§ã™ã‚ˆã。 基本的ã«æ”¹è¡Œã¯å¥èªç‚¹ä½ç½®ã§è¡Œã†äº‹ã€‚ã“ã‚ŒãŒä¸€ç•ªã‚·ãƒ³ãƒ—ルã§ã¯ãªã„ã§ã—ょã†ã‹ï¼Ÿã‚ã¨ã€
ç›´æ’ƒå–æï¼ ã€ŒãŸã¦ã€ã®è£å´
6月9æ—¥ã«æ”¾æ˜ ã•ã‚ŒãŸãƒ•ã‚¸ãƒ†ãƒ¬ãƒ“ã®ãƒãƒ©ã‚¨ãƒ†ã‚£ç•ªçµ„「ã»ã“×ãŸã¦ã€ã®ã€Œã©ã‚“ãªãƒ—ãƒã‚°ãƒ©ãƒ ã«ã‚‚侵入ã§ãã‚‹ãƒãƒƒã‚«ãƒ¼ VS 絶対ã«ä¾µå…¥ã•ã›ãªã„ã‚»ã‚ュリティープãƒã‚°ãƒ©ãƒ ã€ã¯ã€è¦–è´è€…ã‚’æ¿€ã—ã„æ··ä¹±ã®æ¸¦ã«å·»ã込んã 。 ãã®å¾Œã€â€œãŸã¦â€å´ã®ãƒãƒƒãƒˆã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã¯å…¬å¼ãƒ–ãƒã‚°ã§ã€â€œãƒ•ã‚¡ã‚¤ãƒ«å変更â€ãŒå®Ÿéš›ã¯â€œTrueCryptã«ã‚ˆã‚‹ãƒ‡ã‚£ã‚¹ã‚¯æš—å·åŒ–â€ã§ã‚ã‚‹ã“ã¨ã‚„ã€å¯¾æ±ºã§ç”¨æ„ã•ã‚ŒãŸPCã¯ã‚µãƒ¼ãƒ“スパックも当ãŸã£ã¦ã„ãªã„脆弱性ã らã‘ã®Windows OSã ã£ãŸã“ã¨ãªã©ã€ç•ªçµ„ã§ã‚«ãƒƒãƒˆã•ã‚Œèª¤è§£ã‚’æ‹›ã„ãŸéƒ¨åˆ†ã«ã¤ã„ã¦èª¬æ˜Žã€‚本当ã¯ã‹ãªã‚Šã®ã‚¬ãƒå¯¾æ±ºã ã£ãŸã“ã¨ãŒæ˜Žã‹ã•ã‚ŒãŸã€‚ ã§ã¯ã€â€œå®Ÿéš›ã®â€æ”»é˜²æˆ¦ã¯ã©ã®ã‚ˆã†ãªã‚‚ã®ã ã£ãŸã®ã‹ã€‚自身も凄腕ã®ãƒãƒƒã‚«ãƒ¼ã§ã€æ˜¨å¹´åº¦é–‹å‚¬ã•ã‚ŒãŸã€ŒCTFãƒãƒ£ãƒ¬ãƒ³ã‚¸ã‚¸ãƒ£ãƒ‘ンã€ã®å„ªå‹è€…ã§ã‚‚ã‚ã‚‹ã€luminã“ã¨ãƒãƒƒãƒˆã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®æ‰æµ¦éš†å¹¸æ°ã«ç›´æ’ƒã—ãŸã€‚ 編集部　今回ã®ç•ªçµ„出演ã®çµŒç·¯ã¯ï¼Ÿ æ‰æµ¦æ°ã€€ä»Šå›žã®å†…容ã¯ç•ªçµ„制作会社ãŒä¼ç”»ã—ãŸã‚‚
ã™ã”ã„WEB
Awesome and has more than a degree. We head out one. What it is overwhelming. It is dangerous stuff. Amazing what moves the people. And, in the sense of the excitement, the world can not be changed only amazing thing. I want to meet those amazing, really want to be. I think so anyone, I want to share with everyone and wow wow. It is amazing, amazing thing. Than it really is not that amazing. From
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://monosy.com/blog/6
{{#tags}}- {{label}}
{{/tags}}