éžã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã®ã“ã‚Œã ã‘ã¯æŠ¼ã•ãˆã¦ãŠããŸã„WEBサービスã®åŸºç¤ŽæŠ€è¡“
本スライドã¯TECH::CAMP主催ã§2015å¹´4月11æ—¥ã€4月19æ—¥ã«200å以上を動員ã—ã¦é–‹å‚¬ã•ã‚ŒãŸã€Œéžã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ã®å‹‰å¼·ä¼šè³‡æ–™ã§ã™ã€‚ ※本資料ã¯èª¬æ˜Žã®ãŸã‚簡易ã«è¡¨ç¾ã—ã¦ã„る箇所ãŒã‚ã‚Šã¾ã™ã€‚ TECH::CAMP: https://tech-camp.in/Read less
第1回　JavaScriptã®åŸºç¤Žã‚’見直㙠| gihyo.jp
連載ã®ã¯ã˜ã‚ã« ã¿ãªã•ã‚“ã“ã‚“ã«ã¡ã¯ã€ä»Šå›žã‚ˆã‚Šã€Œèžã„ãŸã‚‰ä¸€ç”Ÿã®å®ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®åŸºç¤Žã®åŸºç¤Žâ ã€â ã®é€£è¼‰ã‚’担当ã•ã›ã¦ã„ãŸã ã本橋佑介ã§ã™ã€‚ 本記事ã§ã¯ã€åºƒã利用ã•ã‚Œã¦ã„る技術ã‹ã‚‰æ–°ã—ã„技術ã¾ã§ã€åŸºæœ¬çš„ãªéƒ¨åˆ†ã‚’ç¾å ´ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®å£°ã‚’å–り上ã’ã¤ã¤è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ç¿’å¾—ã—ã¦ã„ã‚‹æ–¹ã«ã¨ã£ã¦ã¯æŒ¯ã‚Šè¿”ã‚Šã¨ãªã‚Šã€ã¾ãŸä»Šã‹ã‚‰å¦ã¶æ–¹ã«ã¨ã£ã¦ã¯åŒã˜ç–‘å•ã«ã¶ã¤ã‹ã£ãŸæ–¹ã®æ„見ãŒå‚考ã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ ç¾å ´ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®å£°ã¯ç§ãŒé–‹ç™ºã«æºã‚ã£ã¦ã„る技術系QAサイトteratailã‹ã‚‰æŠœç²‹ã—ã¦ã„ã¾ã™ã€‚ 第1回ã§ã¯ã€ç¾åœ¨ã§ã¯æ§˜ã€…ãªç’°å¢ƒã§åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹JavaScriptã®åŸºç¤Žã‚’teratailã®åˆå¿ƒè€…投稿ã¨ã¨ã‚‚ã«æŒ¯ã‚Šè¿”ã£ã¦ã„ãã¾ã™ã€‚ JavaScript JavaScriptã¯ä¸»ã«ã‚¦ã‚§ãƒ–ブラウザを実行環境ã¨ã—ã€å‹•çš„ãªã‚¦ã‚§ãƒ–サイト構築ãªã©ã«åˆ©ç”¨ã•ã‚Œã¦ãã¾ã—ãŸã€‚ ã¾ãŸã€ä»Šã§ã¯Node.jsをサーãƒã‚µã‚¤ãƒ‰ã§åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒå¢—ãˆã€
ã“ã‚Œã‹ã‚‰å§‹ã‚ã‚‹JavaScriptã®åŸºç¤Žã¨å…¨ä½“åƒ ãƒ¼ãƒ¼ã€Œéžã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®èµ·æ¥å®¶ãŒçŸ¥ã£ã¦ãŠãã¹ãプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®çŸ¥è˜ #06ã€ã€ã‚²ã‚¹ãƒˆå¯„稿】 - BRIDGE（ブリッジ）
ã“ã‚Œã‹ã‚‰å§‹ã‚ã‚‹JavaScriptã®åŸºç¤Žã¨å…¨ä½“åƒ ãƒ¼ãƒ¼ã€Œéžã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®èµ·æ¥å®¶ãŒçŸ¥ã£ã¦ãŠãã¹ãプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®çŸ¥è˜ #06ã€ã€ã‚²ã‚¹ãƒˆå¯„稿】 編集部注：本稿ã¯åˆå¿ƒè€…å‘ã‘ã«ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚„Webデザインã®è¬›åº§ã‚’開催ã—ã¦ã„ã‚‹ TechAcademy（テックアカデミー）ã«ã‚ˆã‚‹é€£è¼‰ä¼ç”»ã€‚「éžã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®èµ·æ¥å®¶ãŒçŸ¥ã£ã¦ãŠãã¹ãプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®çŸ¥è˜ã€ã¨ã„ã†ãƒ†ãƒ¼ãƒžã§æ•°å›žã«åˆ†ã‘ã¦æ¥µã‚ã¦åŸºç¤Žçš„ãªãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®åŸºç¤ŽçŸ¥è˜ã‚’ãŠä¼ãˆã™ã‚‹ã€‚全連載ã¯ã“ã¡ã‚‰ã‹ã‚‰ photo credit: nyuhuhuu via photopin cc 「éžã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒçŸ¥ã£ã¦ãŠãã¹ãプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®çŸ¥è˜ã€ã¨ã„ã†ãƒ†ãƒ¼ãƒžã§ã€10回ã«åˆ†ã‘ã¦ãŠå±Šã‘ã™ã‚‹é€£è¼‰ä¼ç”»ã€‚第6回目ã®ãƒ†ãƒ¼ãƒžã¯ã€ŒJavaScriptã®åŸºç¤Žã€ã§ã™ã€‚ å‰å›žã¯ã€Œã“ã‚Œã‹ã‚‰ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å¦ã³å§‹ã‚ã‚‹æ–¹ã¸ã€ã¨ã„ã†ãƒ†ãƒ¼ãƒžã§ãŠé€ã‚Šã—ã¾ã—ãŸã€‚今回ã¯ã‚ˆã‚Šå…·ä½“çš„ã«ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å¦ã‚“ã§ã„ãŸã ããŸã‚
Macã®åŸºç¤Žã®åŸºç¤Ž: システム環境è¨å®šç·¨
「Macã®åŸºç¤Žã®åŸºç¤Žã€é€£è¼‰ã®ç¬¬4回目ã¯ã€OS X ã®ã‚·ã‚¹ãƒ†ãƒ 環境è¨å®šã§ã™ã€‚ 本æ¥ã¯ã€ã‚·ã‚¹ãƒ†ãƒ 環境è¨å®šã¯ OS X を使ã„始ã‚ã¦æœ€åˆã«è¨å®šå¤‰æ›´ã®ãŸã‚ã«é–‹ãã‚‚ã®ã¨æ€ã„ã¾ã™ãŒã€äº‹æƒ…ã«ã‚ˆã‚Š4回目ã®è¨˜äº‹ã¨ã—ã¾ã—ãŸã€‚ Mac ã§åŠ¹çŽ‡ã‚ˆãWeb制作をã™ã‚‹ã«ã¯ã‚·ã‚¹ãƒ†ãƒ 環境è¨å®šã‚’ãã¡ã‚“ã¨ã‚„ã‚‹ã“ã¨ãŒè‚心ã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ãŠã™ã™ã‚ã®è¨å®šã‚„ã€è¦‹ãŸã ã‘ã§ã¯åˆ†ã‹ã‚Šã¥ã‚‰ã„箇所ã«ã¤ã„ã¦ä¸»ã«è§£èª¬ã—ã¦ã„ã¾ã™ã€‚ 「システム環境è¨å®šã€ã®èµ·å‹• システム環境è¨å®šã¯ã€ç”»é¢ã®ä¸‹ã®æ–¹ã«è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ Dock ã®ä¸ã®ã€Œã‚·ã‚¹ãƒ†ãƒ 環境è¨å®šã€ã‚¢ã‚¤ã‚³ãƒ³ã‚’クリックã™ã‚‹ã‹ã€ç”»é¢å·¦ä¸Šï¼ˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼ã®å·¦ç«¯ï¼‰ã® Apple マーク（リンゴã®ãƒžãƒ¼ã‚¯ï¼‰ã‚’クリックã—ã¦ã€Œã‚·ã‚¹ãƒ†ãƒ 環境è¨å®šã€ã‚’é¸æŠžã—ã¾ã™ã€‚ Windowsã‹ã‚‰Macã«ä¹—ã‚Šæ›ãˆãŸæ–¹ã¸ 「システム環境è¨å®šã€ã¯ã€OS X ã®è¨å®šã‚’変更ã™ã‚‹ãŸã‚ã®ã‚¢ãƒ—リケーションã€ã¤ã¾ã‚Š Windows ã§ã„ã†ã€Œã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«
Macã®åŸºç¤Žã®åŸºç¤Ž: Finderç·¨
「Windows ã‹ã‚‰ Mac ã«ä¹—ã‚Šæ›ãˆãŸã‘ã©ã‚ˆã分ã‹ã‚‰ãªã„ã€ã€Œã„ã¾ã„ã¡ä½¿ã„ã“ãªã›ãªã„ã€ã¨ã„ã†å£°ã‚’最近よãèžãã®ã§ã€ã“ã‚Œã‹ã‚‰æ•°å›žã«ã‚ãŸã£ã¦ã€ŒMacã®åŸºç¤Žã®åŸºç¤Žã€ã¨ã„ã†é€£è¼‰ã‚’ã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ アプリケーション別ã«è¨˜äº‹ã‚’書ã予定ã§ã€ç¬¬1回目ã¨ãªã‚‹ä»Šå›žã¯ã€ŒFinderã€ç·¨ã§ã™ã€‚ 記事ã®å†…容ã¯åŸºç¤Žç·¨ã§ã™ãŒã€æœ€å¾Œã« Mac ユーザーã®é–“ã§ã‚‚æ„外ã¨çŸ¥ã‚‰ã‚Œã¦ã„ãªã„機能や新機能ã«ã¤ã„ã¦æ›¸ã„ã¦ã„ã¾ã™ã€‚ ãªãŠã€ã“ã®è¨˜äº‹ã¯ä¸»ã« Mac OS X 10.7（Lion）以é™å‘ã‘ã«æ›¸ã„ã¦ã„ã¾ã™ãŒã€ç§ã¯ OS X 10.9（Mavericks）を使用ã—ã¦ã„ã¾ã™ã®ã§ã€è¨å®šç”»é¢ã‚„機能ãªã©å¤šå°‘ç•°ãªã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ ç”»é¢ã‚ャプãƒãƒ£ãƒ¼ï¼ˆç”»åƒï¼‰ã¯ã€ã™ã¹ã¦ OS X 10.9（Mavericks）ã®ã‚‚ã®ã§ã™ã€‚ ã¯ã˜ã‚ã«: Windowsユーザーã®æ–¹ã¸ ã“ã®è¨˜äº‹ã¯ã€åŸºæœ¬çš„ã«ã€ŒMac ã«ä¹—ã‚Šæ›ãˆãŸã‘ã©ã„ã¾ã„ã¡ä½¿ã„ã“ãªã›ãªã„ã€æ–¹å‘
JavaScript è¨€èªžæ¦‚è¦ - JavaScript | MDN
JavaScriptãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«Beginner's tutorialsYour first website: Adding interactivityDynamic scripting with JavaScriptJavaScript frameworks and librariesJavaScript ガイド入門編文法ã¨ãƒ‡ãƒ¼ã‚¿åž‹åˆ¶å¾¡ãƒ•ãƒãƒ¼ã¨ã‚¨ãƒ©ãƒ¼å‡¦ç†ãƒ«ãƒ¼ãƒ—ã¨ã‚¤ãƒ†ãƒ¬ãƒ¼ã‚¿ãƒ¼é–¢æ•°å¼ã¨æ¼”ç®—åNumbers and stringsRepresenting dates & timesæ£è¦è¡¨ç¾ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ä»˜ãコレクションã‚ー付ãコレクションオブジェクトを利用ã™ã‚‹ã‚¯ãƒ©ã‚¹ã®ä½¿ç”¨ãƒ—ãƒãƒŸã‚¹ã®ä½¿ç”¨JavaScript 型付ãé…列イテレーターã¨ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼Internationalizationメタプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°JavaScript モジュールä¸ç´šç·¨Advanced JavaScript objectsA
クリアãƒã‚ªã®å£ã‚³ãƒŸã£ã¦ä¿¡ã˜ã¦ã„ã„？効果ã¯ç¢ºå®Ÿãªã®ï¼Ÿ | æ„›ã¨å°ç”º
クリアãƒã‚ªã®ç‰¹å¾´ ç„¡æ·»åŠ ãƒ»ç„¡ç€è‰²ã ã‹ã‚‰è‚ŒãŒå¼±ã„人ã§ã‚‚安心 ワã‚ガや嫌ãªè‡ã„ã®åŽŸå› ã¨ãªã‚‹èŒã‚’殺èŒãƒ»æ¶ˆæ¯’ ãŠå¾—ãªå®šæœŸã‚³ãƒ¼ã‚¹ã¯ã€è³¼å…¥ç¸›ã‚Šãªã—ï¼ã„ã¤ã§ã‚‚解約å¯èƒ½ 体è‡ã®æ‚©ã¿ã¯è€è‹¥ç”·å¥³å•ã‚ãšå…±é€šã®æ‚©ã¿ã§ã™ãŒã€ä»–人ã«ã¯ç›¸è«‡ã—ã«ãã„ã®ã§1人ã§æ‚©ã‚“ã§ã„る人ãŒå¤šã„ã‚“ã§ã™ã€‚ 体è‡ã£ã¦ã€è‡ªåˆ†ã§ãƒ‹ã‚ªã‚¤ãŒæ°—ã«ãªã£ãŸæ™‚ã¯ã€ä»–ã®äººã¯ã‚‚ã£ã¨ã‚¯ã‚µã‚¤ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ ã‚‚ã—ã‚ãªãŸãŒã€è‡ªåˆ†ã§ãƒ¯ã‚ガã‹ã‚‚…ã¨æ€ã†ã®ã§ã‚ã‚Œã°ã€å‘¨ã‚Šã®äººã¯ã‚ãªãŸã®ãƒ‹ã‚ªã‚¤ã«æ°—ã¥ã„ã¦ã„ã‚‹ã‹ã‚‚… クリアãƒã‚ªã¯ã€ãã‚“ãªãƒ¯ã‚ガè‡ã‚„足ã®ãƒ‹ã‚ªã‚¤ãªã©ã€ã‚¤ãƒ¤ãƒ¼ãªä½“è‡å…¨èˆ¬ã‚’10秒ã§ã‚«ãƒƒãƒˆã—ã¦ãれるんã§ã™ã€‚ クリアãƒã‚ªã®åŠ¹æžœã‚„å£ã‚³ãƒŸã‚’調査ã—ã¾ã—ãŸã®ã§å¾¹åº•è§£èª¬ã—ã¾ã™ã€‚ 購入時ã«ç‰¹å…¸ãŒä»˜ã„ã¦ãã‚‹ã®ã§ãŠå¾— å…¬å¼ã‚µã‚¤ãƒˆã¯ã‚³ãƒãƒ© ※特典ã¯æ¯Žæœˆå¤‰ã‚ã‚‹ã®ã§å…¬å¼ã‚µã‚¤ãƒˆã§ã”確èªãã ã•ã„ クリアãƒã‚ªã¯ã©ã‚“ãªäººã«ãŠã™ã™ã‚？ クリアãƒã‚ªã®æ®ºèŒçŽ‡ã¯ã€ãªã‚“ã¨99.999%ï¼ä½“è‡ã®æ‚©ã¿ã‚’解消ã—ã¦ãれるクリ
Webデザイナーã®ãŸã‚ã®JavaScriptã€jQueryã®å‹‰å¼·æ³• - DESIGNMAP
ã¾ã£ãŸãã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°åˆå¿ƒè€…ã®æ–¹ã‚’対象ã«JavaScriptã®ç‹¬å¦æ–¹æ³•ã‚’ã®ã¹ã¦ã„ããŸã„。今回ã¨ã‚Šã‚ã’ã‚‹JavaScriptã®å‹‰å¼·æ³•ã¯ã‚ãã¾ã§Webデザイナーå‘ã‘（もã—ãã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢å‘ã‘）ãªã®ã§ã€Node.jsã®ã‚ˆã†ãªã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰JavaScriptã¯ã¨ã‚Šã‚ã’ã¦ã„ãªã„。 JavaScriptã¨jQueryã‚’ã©ã¡ã‚‰ã‹ã‚‰å‹‰å¼·ã™ã‚‹ã¹ãã‹ã€‚今回ã¯ã‚ãˆã¦é‚ªé“ã¨ã‚ã‹ã£ã¦ã„ãªãŒã‚‰ã‚‚jQueryã«ãµã‚Œã‚‹ã¨ã„ã†é †ç•ªã‚’ã¨ã£ãŸã€‚本æ¥ã¯ã€JavaScriptã®åŸºç¤Žã‚’ã—ã£ã‹ã‚ŠãŠã•ãˆã¦ã‹ã‚‰jQueryã«ã™ã™ã‚€ã®ãŒæ£çµ±ã§ã‚る。今回ã¯ãƒˆãƒƒãƒ—ダウン方å¼ã§å®Ÿè·µã«ãµã‚Œã¦ã‹ã‚‰ã€åŸºç¤Žã«æˆ»ã‚‹å¦ç¿’法をæ案ã—ãŸã„。 jQueryã¯JavaScriptを楽ã«é–‹ç™ºã™ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ラリã§ã€jQuery自体ã¯JavaScriptã®ã‚³ãƒ¼ãƒ‰ã§ã§ãã¦ã„る。最åˆã«ã„ããªã‚ŠjQueryã«ãµã‚Œã¦ã€HTMLã‚’å‹•çš„ã«æ“作ã™ã‚‹ï¼ˆã“れをDOMæ“作ã¨
レスãƒãƒ³ã‚·ãƒ–・ウェブデザイン基礎
ADC MEETUP ROUND05 HTML5 Design Tools (http://www.adobe.com/jp/joc/adc/meetup/round05/)ã®ã€ŒDreamweaver CS6ã§ä½œã‚‹ãƒ¬ã‚¹ãƒã‚¤ãƒ³ã‚·ãƒ–Webデザインã€ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³è³‡æ–™ã§ã™ã€‚
æ–°å’ã§ã‚‚分ã‹ã‚‹ï¼æˆæžœã«ç¹‹ãŒã‚‹WEBサイトã®åŸºç¤Žã¾ã¨ã‚「5ã¤ã®ã‚¹ãƒ†ãƒƒãƒ—〠| SUN MEDIA
ECサイトを無料ã§ä½œã‚‹ã‚ªãƒ¼ãƒ—ンソース5é¸ï¼‹3ï¼ è‡ªç¤¾ECサイト制作ã«å¿…è¦ãªãƒ‘ッケージã¾ã¨ã‚ 38,133 views 良ã„ä¼ç”»æ›¸ã‚’マãƒã‚‹ã“ã¨ã‹ã‚‰å§‹ã‚よã†ï¼å¤§æ‰‹ä¼æ¥ãŒè¡Œã†ãƒ—ãƒãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã®ä¼ç”»æ›¸äº‹ä¾‹ã¾ã¨ã‚ 16,680 views 今更èžã‘ãªã„マーケティングã®åŸºç¤ŽãŒå‹‰å¼·ã§ãる便利ãªï¼•ã‚µã‚¤ãƒˆã¾ã¨ã‚ 13,238 views 0.1秒ã®é…ã‚ŒãŒã€1%ã®å£²ä¸Šã«å½±éŸ¿ã™ã‚‹!? ページ表示速度ã®å½±éŸ¿åŠ›ã¨æ”¹å–„法ã¾ã¨ã‚ 11,789 views 脱åˆå¿ƒè€…ï¼äº‹æ¥è¨ˆç”»æ›¸ã®æ›¸ã方やテンプレートé…布サイト4é¸ 11,336 views 売上アップã«å¿…è¦ä¸å¯æ¬ ï¼è²©ä¿ƒä¼ç”»æ›¸ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’è²°ãˆã‚‹ã‚µã‚¤ãƒˆ5é¸ 8,667 views ã‚ãªãŸã®ã‚µãƒ¼ãƒ“スãŒåºƒã¾ã‚‹ã€ã‚¨ãƒ¬ãƒ™ãƒ¼ã‚¿ãƒ¼ãƒ”ッãƒï¼ 7,625 views å›°ã£ãŸæ™‚ã«ä½¿ãˆã‚‹14パターンã®ç„¡æ–™å刺デザインサンプルデータ 7,429 views WordPressã®å°Žå…¥ã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ã€ãƒ—ラ
フォントã®åŸºæœ¬çš„ãªé¸ã³æ–¹
フォントã®åŸºæœ¬çš„ãªé¸ã³æ–¹ã‚’ã€å‚™å¿˜éŒ²çš„ã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ フォントをã©ã†é¸ã‚“ã ら良ã„ã®ã‹ã‚ã‹ã‚‰ãªã„ã€ã‚‚ã—ãã¯é¸ã¶ã®ã«æ™‚é–“ãŒã‹ã‹ã‚‹ã¨ã„ã†åˆå¿ƒè€…ã•ã‚“å‘ã‘ã§ã™ã€‚ フォントã«ã¯ã€ãã‚Œãžã‚Œæ›¸ä½“ã«ã‚ˆã£ã¦ç‰¹å¾´ãŒã‚ã‚Šã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ä¸ŽãˆãŸã„å°è±¡ã«ã‚ˆã£ã¦æ›¸ä½“ã‚’é¸ã¶å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ （ãã‚Œã«ç¸›ã‚‰ã‚Œã™ãŽã¦ã‚‚ã„ã‘ã¾ã›ã‚“ãŒâ€¦ï¼ˆã‚ãˆã¦ã‚¤ãƒ³ãƒ‘クトを出ã™ãŸã‚ã«é•ã†å°è±¡ã®ãƒ•ã‚©ãƒ³ãƒˆã‚’組ã¿åˆã‚ã›ãŸã‚Šã™ã‚‹ï¼‰ã€åŸºæœ¬çš„ãªé¸ã³æ–¹ã¨ã—ã¦çŸ¥ã£ã¦ãŠãã¨è‰¯ã„ã¨æ€ã„ã¾ã™ã€‚） ç§ã¯ä»¥ä¸‹ã®é †ç•ªã§ãƒ•ã‚©ãƒ³ãƒˆã‚’é¸ã‚“ã§ã„ã¾ã™ã€‚ æらãä»–ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã‚‚ã€ã“ã®é †ç•ªã ã¨æ€ã„ã¾ã™ã€‚ 1. フォントã®ç³»çµ±é¸ã³ 2. é¸ã‚“ã 系統ã‹ã‚‰ã€ã•ã‚‰ã«æ›¸ä½“ã‚’é¸ã¶ 3. 書体ã®ã‚¦ã‚§ã‚¤ãƒˆã‚’決ã‚ã‚‹ 4. å—é–“ã®èª¿æ•´ ã•ã‚‰ã«å…·ä½“çš„ãªæ‰‹é †ã‚’1ã¤ãšã¤èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ 1. フォントã®ç³»çµ±é¸ã³ 日本ã§ã¯ã€å’Œæ–‡ãƒ•ã‚©ãƒ³ãƒˆã¨æ¬§æ–‡ãƒ•ã‚©ãƒ³ãƒˆã®2ã¤ã‚’使ã„ã¾ã™ã€‚ ã¾ãŸã€å’Œæ–‡ãƒ•ã‚©ãƒ³ãƒˆã¯ã€ä»¥ä¸‹ã®4ã¤ã«å¤§ãã分
10分ãらã„ã§åˆ†ã‹ã‚‹XHTML+CSS
ã“ã®ãƒ–ãƒã‚°ã‚’ãŠèªã¿ã®æ–¹ã«ã¯æ—¢ã«ä¸å¿…è¦ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€XHTML 1.0 㨠CSS 2.1 ã®å…¥é–€è¨˜äº‹ã§ã™ã€‚ 社会人ã®ãŸã‚ã®Webデザインスクール 用ã«ä½œæˆã—ãŸãƒ—レゼン資料をもã¨ã«è¨˜äº‹ã«ã—ã¦ã„ã¾ã™ã€‚ 授æ¥ã®æ™‚ã¯ã€å…ˆã«ã“ã®è©±ã‚’ã—ã¦ã‹ã‚‰ XHTML を書ã„ã¦ã‚‚らã†ã®ã§ã¯ãªãã€å…ˆã« HTML/XHTML&スタイルシートレッスンブック―ステップãƒã‚¤ã‚¹ãƒ†ãƒƒãƒ—å½¢å¼ã§ãƒžã‚¹ã‚¿ãƒ¼ã§ãã‚‹ ã‚’èªã¿ãªãŒã‚‰ XHTML 㨠CSS ã§ç°¡å˜ãªãƒšãƒ¼ã‚¸ã‚’作æˆã—ã¦ã‹ã‚‰ã“ã®è©±ã‚’ã—ã¦ã„ã¾ã™ã€‚ ãã®ç†ç”±ã¨ã—ã¦ã¯ã€HTML ã‚„ XHTML ã‚’1度も書ã„ãŸã“ã¨ãŒãªã„æ–¹ã«ã€Œãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã€ã‚„「インラインè¦ç´ ã€ã€CSS ã®ã€Œã‚»ãƒ¬ã‚¯ã‚¿ã€ç‰ã®è©±ã‚’ã—ã¦ã‚‚何ã®ã“ã¨ã‹åˆ†ã‹ã‚Šã«ãã„ã ã‚ã†ã¨è€ƒãˆã¦ã„ã‚‹ã‹ã‚‰ã§ã™ã€‚ ※ã“ã®è¨˜äº‹ã¯2012å¹´ã«åŸ·ç†ã—ãŸã‚‚ã®ã§ã™ã€‚ç¾åœ¨ã® 社会人ã®ãŸã‚ã®Webデザインスクール ã§ã¯ã€HTML・CSS コーディングã«ã¤ã„ã¦ã¯
é…色ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã€æ–‡ç« ã€å†™çœŸã€ã‚»ãƒ³ã‚¹ãŒãªã„ã¨ã‚ãらã‚ã‚‹å‰ã«å‹‰å¼·ã—よã†ï¼ï½œWebpark
自分ãŒä½œã£ãŸã‚¦ã‚§ãƒ–サイトを見ã¦ã€ã€Œã‚»ãƒ³ã‚¹ãªã„ãªã€ã¨ã¸ã“ã‚€ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ ç§ã¯ã‚ˆãã‚ã‚Šã¾ã™ã€‚色使ã„ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€å†™çœŸã€æ–‡ç« ãªã©ãªã©ã€ã©ã‚Œã‚’ã¨ã£ã¦ã‚‚センスãªã„ãªã¨ã¸ã“ã‚“ã§ã„ã¾ã—ãŸã€‚ ã‘ã©ã€ã‚»ãƒ³ã‚¹ãŒãªã„ã®ã§ã¯ãªãã€å˜ã«åŸºç¤Žã‚’勉強ã—ã¦ã„ãªã„ã ã‘ã¨ã„ã†ã“ã¨ã«æœ€è¿‘æ°—ã¥ãã¾ã—ãŸã€‚センスã¯ã‚‚ã£ã¨é«˜ã„次元ã®è©±ã§ã—ãŸã€‚ ã¨ã„ã†ã“ã¨ã§ã€ã‚»ãƒ³ã‚¹ã‚’言ã„訳ã«ã—ã¦ã—ã¾ã„ãŒã¡ãªåˆ†é‡Žã®åŸºç¤Žã‚’å¦ã¹ã‚‹ã™ã°ã‚‰ã—ã„記事を集ã‚ã¾ã—ãŸã€‚ã“ã®è¨˜äº‹è‡ªä½“å˜ãªã‚‹ã¾ã¨ã‚記事ã§ã™ãŒã€ã§ãã‚‹ã ã‘厳é¸ã—ã€èªã‚“ã§ã»ã—ã„é †ã«ä¸¦ã¹ã¾ã—ãŸã€‚皆ã•ã‚“ã€ã‚ãらã‚ãšã«ä¸€ç·’ã«å‹‰å¼·ã—ã¾ã—ょã†ã€‚ é…色 アクセントã«ãªã‚‹è‰²ã‚’使ã†ã®ãŒè‹¦æ‰‹ã§ã€åŒè‰²ç³»ã®è‰²ã°ã‹ã‚Šä½¿ã£ã¦ã—ã¾ã†ã®ã§ã™ãŒã€ã“れらをèªã‚ã°æã‚Œãšã«ä½¿ãˆãã†ã€‚ 色彩センスã®ã„らãªã„é…色講座 ベースカラーã€ãƒ¡ã‚¤ãƒ³ã‚«ãƒ©ãƒ¼ã€ã‚¢ã‚¯ã‚»ãƒ³ãƒˆã‚«ãƒ©ãƒ¼ã«åˆ†é¡žã—ã¦ã©ã®ã‚ˆã†ãªè‰²ã‚’é¸ã¶ã¹ãã‹åˆ†ã‹ã‚Šã‚„ã™ã解説ã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚具体例もã‚ã£ã¦åˆ†ã‹
0 ã‹ã‚‰å§‹ã‚ã‚‹HTMLã¨CSSã®åŸºæœ¬ãƒ»åŸºç¤Ž-webデザイン入門-
ç§ã®å‘¨ã‚Šã§webデザインãŒå‡ºæ¥ã‚‹äººã£ã¦ã‚ã‚“ã¾ã‚Šã„ã¾ã›ã‚“。ã§ã‚‚「webデザインã£ã¦ã©ã†ã‚„ã‚‹ã®ãƒ¼ï¼Ÿã€ã¨ã‹ã€Œç§ã‚‚ã‚„ã£ã¦ã¿ãŸã„ã‚“ã ã‘ã©â€¦ã€ã¨ã‹ã®å£°ã¯ã‚ˆãèžãã¾ã™ã€‚皆興味ã¯ã‚ã‚‹ã®ã«â€webデザインã¯é›£ã—ã„â€ã¨æ€ã£ã¦å§‹ã‚られãªã„ã‚“ã˜ã‚ƒãªã„ã§ã—ょã†ã‹ã€‚ãã‚“ãªã“ã‚Œã‹ã‚‰webデザインを始ã‚ãŸã„ビギナーã•ã‚“ã«å‘ã‘ã¦HTMLã®åŸºæœ¬ãƒ»åŸºç¤Žã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚真新ã—ã„ã“ã¨ã¯ç‰¹ã«ãªã„ã»ã‚“ã¨ã«åŸºç¤Žã§ã™ã€œï¼žï¼œ by：fweez ã¾ãšã¯ã˜ã‚ã« ã¨ã‚Šã‚ãˆãšç”¨æ„ã™ã‚‹ã‚‚ã®2㤠HTMLã®åŸºæœ¬ HTMLã¨ã¯ï¼Ÿ 1.DOCTYPEã®å®£è¨€ 2.基本的ãªã‚¿ã‚° 3.<body>ã®æ–‡æ›¸æ§‹é€ CSSã®åŸºæœ¬ CSSã¨ã¯ï¼Ÿ 1.CSSã®èªã¿è¾¼ã¿æ–¹æ³• 2.指定パターン 3.marginã¨paddingã®é•ã„ 4.ブãƒãƒƒã‚¯è¦ç´ ã¨ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ 応用ã—ã¦webページを作ã£ã¦ã¿ã‚‹ ã¾ãšã¯ã˜ã‚㫠一å£ã«webデザインã¨ã„ã£ã¦ã‚‚色々ãªã“ã¨ãŒã‚ã‚‹ã¨æ€ã†ã®ã§ã™ãŒå¤§
jQueryåˆå¿ƒè€…å‘ã‘ã®åŸºç¤Žã‚’ã—ã£ã‹ã‚Šå¦ã¹ã‚‹ã‚µã‚¤ãƒˆ
ã€ï½ŠQueryã£ã¦ä½•ã‹ã‚‰jQueryã®åŸºæœ¬ã¾ã§ã€‘... / ã€jQueryã®ä½¿ã„æ–¹ã‹ã‚‰å‹•ä½œãƒ‡ãƒ¢ã¾ã§ã€‘jQue... / ã€jQueryã§ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‹ã‚‰ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ã¾...ä»–...å…¨6件
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Site Under Maintenance
Site Under Maintenance
https://jp.techcrunch.com/2012/06/19/20120618mozilla-launches-thimble-a-web-based-code-editor-for-teaching-html-and-css/
Site Under Maintenance
新人Webデザイナーã«èªã¾ã›ãŸã„ã€åˆå¿ƒè€…å‘ã‘ã®åŸºç¤Žã‚’ä¸å¯§ã«è§£èª¬ã—ã¦ã„る記事
{{#tags}}- {{label}}
{{/tags}}