ã€JavaScript】AngularJSを触ã£ã¦ã¿ãŸã€MVCフレームワーク】 | ウェブ戦略・コンサルティング UNIONNET Inc.
2014.09.16 ã“ã‚“ã«ã¡ã‚。 以å‰ã®ã‚¹ãƒ¼ãƒ„ãŒå…¥ã‚‰ãªããªã‚Šè½ã¡è¾¼ã‚“ã§ã„る山尾ã§ã™ã€‚ 今日ã¯è©±é¡Œã®Javascriptã®MVCフレームワークAngularJSを触ã£ãŸã®ã§å°‘ã—紹介ã—ã¾ã™ã€‚ å°‘ã—å‰ã«Vue.jsを触ã£ãŸã“ã¨ãŒã‚ã£ãŸã®ã§ã™ãŒAngularJSも触ã£ã¦ã¿ã‚ˆã†ã¨æ€ã„手を出ã—ãŸã®ã§ã™ãŒãƒ»ãƒ» Vueよりã„ã„ï¼ï¼ 何ãŒã„ã„ã£ã¦ãƒ‰ã‚ュメントやサンプルãŒè±Šå¯Œï¼ ã“ã‚Œã¯åƒ•ã¿ãŸã„ãªæœªç†Ÿè€…ãŒå¦ç¿’ã™ã‚‹ã«ã‚ãŸã£ã¦ãƒ‡ã‚«ã„ã“ã¨ã§ã™ã‚ˆã€‚ 僕ã¯ãšã£ã¨jQuery一辺倒ã§æˆ¦ã£ã¦ããŸã®ã§ã™ãŒã€jQueryã®æƒœã—ã„ã¨ã“ã‚ã‚“ã©ãã•ã„ã¨ã“を補ã£ã¦ãれるã™ã’ーやã¤ã§ã™ã€‚ ã¡ãªã¿ã«åƒ•ã¯AngularJSã®äº‹ã‚’ãšã£ã¨ã‚¢ãƒ³ã‚°ãƒ©ãƒ¼ã‚¸ã‚§ã‚¤ã‚¨ã‚¹ã£ã¦å‘¼ã‚“ã§ãŸã‚“ã§ã™ãŒã‚¢ãƒ³ã‚®ãƒ¥ãƒ©ãƒ¼ã‚¸ã‚§ã‚¤ã‚¨ã‚¹ã‚‰ã—ã„ã§ã™ã€‚ ã“ã®æ¥ç•Œã ã¨ã“ã‚“ãªã“ã¨çµæ§‹ã‚ã‚Šã¾ã™ã‚ˆã？勘é•ã„ã—ã¦è¦šãˆã¦ã—ã¾ã†æ–‡å—。英語難ã—ã„・・・ ãã‚“ãªAngularJSã®æ©Ÿèƒ½ã®ä¸€éƒ¨ã‚’ã”紹介ã—ã¾
Gitã¨ä»²è‰¯ããªã‚Œã‚‹ï¼Web制作者ãŒGitã‚’å±ãªã’ãªã便利ã«ä½¿ã†ãŸã‚ã®ãƒŽã‚¦ãƒã‚¦ã‚’å¦ã¹ã‚‹ã‚ªã‚¹ã‚¹ãƒ¡ã®æœ¬ -Web制作者ã®ãŸã‚ã®Git入門
Gitã£ã¦ãªã‚“ã‹ã‚³ãƒ¯ã„ã£ã¦ã„ã†ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚‚GitãŒã„ã¾ã„ã¡ä½¿ã„ã“ãªã›ã¦ã„ãªã„コーダーもOKï¼ Gitã‚’å±ãªã’ãªãã€ã—ã£ã‹ã‚Šã¨ä½¿ã†ãŸã‚ã®çŸ¥è˜ã¨ãƒŽã‚¦ãƒã‚¦ã‚’å¦ã¹ã‚‹ã€ŒWeb制作者ã®ãŸã‚ã®Git入門ã€ã‚’紹介ã—ã¾ã™ã€‚ よã—ã£Gitã‚’ã¯ã˜ã‚ã‚‹ï¼ ã‚‚ã£ã¨ä¾¿åˆ©ã«ä½¿ã„ã“ãªã—ãŸã„ï¼ åŠ¹çŽ‡ã®ã‚ˆã„Web制作ã®ç’°å¢ƒã«å–り組もã†ã¨ã—ã¦ã„る人ã«ã‚ªã‚¹ã‚¹ãƒ¡ã®æœ¬ã§ã™ã€‚実務ã«å¿…è¦ãªãƒŽã‚¦ãƒã‚¦ã‚’知るã“ã¨ã§ã€å®‰å¿ƒã—ã¦ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’進ã‚ã‚‹ã“ã¨ãŒã§ãるよã†ã«ãªã‚Šã¾ã™ã€‚ Git本ã¯ä½•å†Šã‹ã§ã¦ã„ã¾ã™ãŒæœ¬æ›¸ã®å¤§ããªç‰¹å¾´ã¯ã€äºŒäººã®è‘—者ã«ã‚ˆã£ã¦æ›¸ã‹ã‚Œã¦ã„ã‚‹ã“ã¨ã€‚入門編ã¨å®Ÿè·µç·¨ã§åˆ¥ã€…ã®äººãŒæ‹…当ã•ã‚Œã¦ã„ã¾ã™ã€‚ 1ç« ã¯å…¥é–€ç·¨ã€‚Gitã®åŸºç¤ŽçŸ¥è˜ã‹ã‚‰ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‚„基本æ“作ã¾ã§ã€æ–°äººæ•™è‚²ã‚’担当ã—ã¦ã„ãŸãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã®æ–¹ãŒåˆå¿ƒè€…ã«å¿…è¦ãªãƒã‚¤ãƒ³ãƒˆã‚’ä¸å¯§ã«åˆ†ã‹ã‚Šã‚„ã™ã解説ã—ã¦ã„ã¾ã™ã€‚新人教育を担当ã™ã‚‹äººã®ç›®ã§èªã‚“ã§ã‚‚å‚考ã«ãªã‚‹ã¨æ€ã„ã¾ã™ã€‚ 2ç« ã¯Gitã®å®Ÿè·µç·¨ã€‚フãƒãƒ³
[CSS]ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„ã€æœ€è¿‘ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã¾ã¨ã‚ -2014年秋
次ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã¡ã‚‡ã£ã¨ä½¿ã£ã¦ã¿ãŸããªã‚‹å®Ÿç”¨çš„ãªã‚‚ã®ã‹ã‚‰å®Ÿé¨“çš„ãªã‚‚ã®ã¾ã§ã€CodePenã§å¤šãã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’ã†ãªã‚‰ã›ãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ ã¾ãšã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒæ¥½ã—ã„デモã‹ã‚‰ã€‚ ※上ã‹ã‚‰10個ãらã„ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³gifã§ã™ã€‚
![[CSS]ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„ã€æœ€è¿‘ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã¾ã¨ã‚ -2014年秋](https://cdn-ak-scissors.b.st-hatena.com/image/square/d68594e0182d8d63cfb96eda05e4f18be75583c9/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201403%2F2014091401-04.gif)
WebGLã‚’ã¯ã˜ã‚ãŸã„時ã®å…¥ã‚Šå£ã‚µã‚¤ãƒˆã„ã‚ã„ã‚ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
『ガーディアン・オブ・ギャラクシーã€ã§ç”·æ³£ãã—ãŸminamiã§ã™ã€‚ iOS 8ãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã。ã„ã‚ã„ã‚ã¨è©±é¡Œã§ã™ãŒã€WebGLãŒæ£å¼ã«å¯¾å¿œã¨ãªã£ãŸã®ã¯å¤§ããªå¤‰æ›´ã§ã™ã‚ˆã。 ã“ã‚Œã‹ã‚‰WebGLを知ã£ã¦ã¿ãŸã„ã¨ã„ã†äººã®å…¥ã‚Šå£ã«ãªã‚‹ã‚ˆã†ãªã‚µã‚¤ãƒˆã‚’集ã‚ã¦ã¿ã¾ã—ãŸã€‚ WebGLã¨ã¯ WebGLã«ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªç‰¹å¾´ãŒã‚ã‚Šã¾ã™ã€‚ Webブラウザã§3DCGを扱ã†ãŸã‚ã®æ¨™æº–仕様 OpenGL 2.0ã‚‚ã—ãã¯OpenGL ES 2.0をサãƒãƒ¼ãƒˆã™ã‚‹ãƒ—ラットフォーム上ã§å‹•ä½œã™ã‚‹ JavaScriptã¨ãƒã‚¤ãƒ†ã‚£ãƒ–ã®OpenGL ES 2.0ã®ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚° HTML5ã®Canvasè¦ç´ を使ㆠWebGLを知るãŸã‚ã®ã‚µã‚¤ãƒˆã„ã‚ã„ã‚ wgld.org http://wgld.org/ 基礎ã®åŸºç¤Žã‹ã‚‰ã‚µãƒ³ãƒ—ル付ãã§è§£èª¬ãŒã¾ã¨ã¾ã£ã¦ã„ã¦å¤§å¤‰ã‚ã‚ŠãŒãŸã„ã§ã™ã€‚ Getting started with WebGL htt
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
è¦å¯Ÿäºˆç®—ã€€å¹´é–“è² æ‹…3万円ã¯å¦¥å½“？ - Ameba News [アメーãƒãƒ‹ãƒ¥ãƒ¼ã‚¹]
{{#tags}}- {{label}}
{{/tags}}