Open Props: sub-atomic styles
Expertly crafted web design tokens Create consistent components Useful in any framework v1.7.5 MIT @import "https://unpkg.com/open-props"; .card { border-radius: var(--radius-2); padding: var(--size-fluid-3); box-shadow: var(--shadow-2); &:hover { box-shadow: var(--shadow-3); } @media (--motionOK) { animation: var(--animation-fade-in); } }
Webアプリケーションフレームワーク導入時ã«è€ƒæ…®ã™ã¹ã22ã®è¦³ç‚¹ - Qiita
本記事ã§ã¯ã€ ãƒãƒ¼ãƒ ã«ã‚ˆã‚‹æŒç¶šçš„ã«å¤‰æ›´å¯èƒ½ãªWebアプリケーションã®é–‹ç™ºã‚’目標ã«ã€ãƒ•ãƒ¬ãƒ¼ãƒ ワーク導入時ã«è€ƒæ…®ã™ã¹ã22ã®è¦³ç‚¹ã‚’紹介ã™ã‚‹ã€‚ フレームワークã«ã‚ˆã£ã¦ç‰¹å¾´ã¯ç•°ãªã‚‹ãŒã€æœ¬ç•ªå°Žå…¥ã«ã‚ãŸã£ã¦ã€è€ƒæ…®ã™ã¹ããƒã‚¤ãƒ³ãƒˆã¯ã‚ã¾ã‚Šå¤‰ã‚らãªã„ã®ã§ã€æ¥µåŠ›ãƒ•ãƒ¬ãƒ¼ãƒ ワーク1ã«ä¾å˜ã—ã™ãŽãªã„よã†é…æ…®ã™ã‚‹ã€‚ã¾ãŸã€è©±ã‚’シンプルã«ã™ã‚‹ãŸã‚ã€REST APIã‚’æä¾›ã™ã‚‹ã‚¢ãƒ—リケーションを題æã¨ã™ã‚‹ã€‚ å‰æ ソフトウェアã®ã‚¨ãƒ³ãƒˆãƒãƒ”ー ソフトウェアãŒã‚¨ãƒ³ãƒˆãƒãƒ”ー増大ã®æ³•å‰‡ã‚’é¿ã‘られãªã„ã“ã¨ã‚’ã€ä½“æ„Ÿã—ã¦ã„る開発者ã¯å¤šã„ã ã‚ã†2。普通ã«ã‚¢ãƒ—リケーション開発を続ã‘ã‚‹ã¨ã€é–‹ç™ºã‚¹ãƒ”ードã¯éˆåŒ–ã—ã€å“質ã¯ä½Žä¸‹ã—ã¦ãƒã‚°ãŒå¢—ãˆã€é–‹ç™ºè€…ã‹ã‚‰ã¯æŠ€è¡“çš„è² å‚µã¸ã®æ€¨å—Ÿã®å£°ãŒèžã‹ã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚エントãƒãƒ”ー増大ã¨ã„ã†ãƒ•ã‚©ãƒ¼ã‚¹ã¯æ¥µã‚ã¦å¼·åŠ›ã§ã€æ„æ€ã‚’æŒã£ã¦ç«‹ã¡å‘ã‹ã‚ãªã‘ã‚Œã°ã€å®¹æ˜“ã«ãƒ€ãƒ¼ã‚¯ã‚µã‚¤ãƒ‰ã«å •ã¡ã¦ã—ã¾ã†ã€‚ 関心事ã®åˆ†é›¢ 大è¦æ¨¡Webアプリケーション
JavaScriptã¯ãƒ•ãƒ¬ãƒ¼ãƒ ワークã«ã¤ã„ã¦è€ƒãˆç›´ã™ã¨ããŒæ¥ã¦ã„ã¾ã™ - Qiita
JavaScriptã¯ãƒ•ãƒ¬ãƒ¼ãƒ ワークã«ã¤ã„ã¦è€ƒãˆç›´ã™ã¨ããŒæ¥ã¦ã„ã¾ã™ / Svelteを使ã£ã¦ã¿ãŸ ã“ã‚Œã¯Frameworks without the framework: why didn't we think of this sooner?ã®æ—¥æœ¬èªžè¨³ã§ã™ã€‚ フレームワークã®ãªã„フレームワーク 何故我々ã¯ã“ã®å¯èƒ½æ€§ã‚’ã‚‚ã£ã¨æ—©ã考ãˆãªã‹ã£ãŸã®ã‹ ç´ ã®JavaScriptã§ã¯é‡è¦ãªã‚¢ãƒ—リを書ã“ã†ã¨ã—ã¦ã‚‚å¿…ãšå£ã«ã¶ã¤ã‹ã£ã¦ã—ã¾ã†ã€‚ ã§ã‚‚コンパイラãªã‚‰â€¦ã‚³ãƒ³ãƒ‘イラãªã‚‰ãã£ã¨ä½•ã¨ã‹ã—ã¦ãれる…ï¼ï¼ å¾…ã£ã¦ã€ã“ã®FWã¯ãƒ©ãƒ³ã‚¿ã‚¤ãƒ ãŒå…¥ã£ã¦ã‚‹ã®ã‹ã„？……ã†ã‚“ã€ä»Šå›žã¯ãƒ‘スã§ã€‚ -- 2018å¹´ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ 我々ã¯ã€ã‚ã¾ã‚Šã«å¤šãã®ç„¡é§„コードをã°ã‚‰ã¾ãã™ãŽã¦ã„ã¾ã™ã€‚ 多ãã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢åŒæ§˜ã€ç§ã‚‚ãã®äº‹å®Ÿã‚’å¦å®šã—ã¦ã„ã¾ã—ãŸã€‚ ã ã£ã¦ãŸã£ãŸ100kb程度ã®JavaScriptã ãœã€å°ã•ãª
Primer - GitHub製。ã¿ã‚“ãªã§ä½¿ãˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ワーク MOONGIFT
ä¼æ¥ã‚„プãƒã‚¸ã‚§ã‚¯ãƒˆã«ã‚ˆã£ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¯è‡ªãšã¨å¿…è¦ã«ãªã£ã¦ãã¾ã™ã€‚ãã‚ŒãŒç¤¾ã§åƒãデザイナーã®å…±é€šèªè˜ã«ãªã‚‹è¨³ã§ã™ãŒã€ä¾‹ãˆã°Facebookアプリを作る際ã«ã¯ãƒœã‚¿ãƒ³ã‚„デザインをFacebookã£ã½ãã—ãŸããªã‚‹ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ã¤ã¾ã‚Šãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¯ç¤¾å†…ã ã‘ã§ãªã社外ã®äººã«ã¨ã£ã¦ã‚‚有益ãªã®ã§ã™ã€‚ ãã“ã§ç™»å ´ã—ãŸã®ãŒPrimerã§ã™ã€‚Primerã¯GitHubãŒä½œã‚Šã€ä½¿ã£ã¦ã„るデザインガイドラインã«ãªã‚Šã¾ã™ã€‚ Primerã®ä½¿ã„æ–¹ スクリーンショットを多ã‚ã§ç´¹ä»‹ã—ã¾ã™ã€‚ã¾ãšã¯ã‚°ãƒªãƒƒãƒ‰ã€‚ ヘッダー。h1〜6ã¾ã§å¯¾å¿œã€‚ テã‚スト。若干å°ã•ã‚？ インラインテã‚ストã®è£…飾。 ボタン。ã“ã“ã¯GitHubã£ã½ã„ã§ã™ã。 ボタングループ。ã“ã†ã„ã†ã®ã‚‚GitHubã§ä½¿ã‚ã‚Œã¦ã„ã¾ã™ã‚ˆã。 フォーム。シンプルã§ã™ã€‚ フォームグループ。縦ã«ä¸¦ã¹ã‚‹æ™‚ã«ä½¿ãˆã¾ã™ã€‚ メニュー。アイコンã¯ã‚ªãƒ—ションã§ã™ã€‚
Backbone.JSã‹ã‚‰Angular2ã¾ã§ã€å…¨9大JavaScriptフレームワークを書ã比ã¹ãŸ! - paiza times
(English article is here.) ã“ã‚“ã«ã¡ã¯ã€å‰å²¡([twitter:@yoshiokatsuneo])ã§ã™ã€‚ ウェブ開発ã«æ¬ ã‹ã›ãªã„JavaScriptフレームワークã§ã™ãŒã€æ—¥ã€…発展ã—ã¦ãŠã‚ŠReact.js, Ractive.js, Aurelia.js, AngularJS2.0ãªã©æ¬¡ã€…ã¨æ–°ã—ã„フレームワークãŒå‡ºã¦ãã¦ã„ã¾ã™ã€‚ 一体ã©ã‚Œã‚’使ãˆã°ã„ã„ã®ã‹ï¼Ÿä½•ãŒé•ã†ã®ã‹ï¼Ÿä½•ã‹ã‚‰èª¿ã¹ã¦ã„ã„ã®ã‹è¿·ã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ãã“ã§ã€ç¾æ™‚点ã§äº‹å®Ÿä¸Šå…¨ã¦ã¨ãªã‚‹ã€ï¼™å¤§ä¸»è¦ãƒ•ãƒ¬ãƒ¼ãƒ ワークã«ã¤ã„ã¦ã€å®Ÿéš›ã«ä½¿ã£ã¦ã¿ã¦æ¯”較を行ã„ã¾ã™ã€‚ Backbone.js Ember.js Knockout.js AngularJS(1.x) React.js Ractive.js vue.js Aurelia.js AngularJS2.0(アルファ版) ã“れらã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªæ©Ÿèƒ½ãŒå®Ÿç¾ã•
今ã€AngularJSã¨ã„ã†ãƒ•ãƒ¬ãƒ¼ãƒ ワークãŒãƒ¤ãƒã„ - (ﾟ∀ﾟ)o彡 sasata299's blog
2013å¹´11月05æ—¥10:36 JavaScript 勉強会 今ã€AngularJSã¨ã„ã†ãƒ•ãƒ¬ãƒ¼ãƒ ワークãŒãƒ¤ãƒã„ 先週ã®åœŸæ›œæ—¥ã€ãƒ©ãƒ³ã‚µãƒ¼ã‚ºã•ã‚“ã§è¡Œã‚れ㟠第３弾　週末ランサーズ ã«å‚åŠ ã—ã¦å€‹äººçš„ã«ä»Šã‚¢ãƒ„ã„ AngularJS ã«ã¤ã„ã¦è©±ã—ã¦ãã¾ã—ãŸã€‚ AngularJS 㯠ng-repeat ãŒä¾¿åˆ©ã ã£ãŸã‚Šã€ã‚³ãƒ¼ãƒ‰ã®è¦‹é€šã—ãŒè‰¯ããªã‚‹ãªã©ã„ã‚ã„ã‚ãªãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚‹ã¨æ€ã†ã®ã§ã†ã¾ã使ãˆã°å¤§å¤‰ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚特ã«ã€ãƒ‡ãƒ¼ã‚¿ã®çŠ¶æ…‹ï¼ˆè¦ç´ ã®è¿½åŠ ・削除やã€çŠ¶æ…‹ã®on/off ãªã©ï¼‰ã‚’制御ã™ã‚Œã°ãã‚Œã«åˆã‚ã›ã¦ view ã®è¡¨ç¤ºã¯ã™ã¹ã¦ AngularJS ãŒã‚„ã£ã¦ãれるã¨ã„ã†ã®ã¯ç´ 晴らã—ã„ã§ã™ã。 ã¡ãªã¿ã«ã€ä»¥ä¸‹ã®è³‡æ–™ã®ä¸ã§ ng-app ã¨ã‹ ng-repeat ã¨ã‹å‡ºã¦ãã¾ã™ãŒï¼ˆã“れ㯠directive ã¨å‘¼ã°ã‚Œã¾ã™ï¼‰ã€ã“ã® ng ã¨ã„ã†ã®ã¯ AngularJS ã®ï¼’æ–‡å—ç›®ã¨ï¼“æ–‡å—目を表
国内注目ã®Webサービスを支ãˆã‚‹è¨€èªžãƒ»ãƒ•ãƒ¬ãƒ¼ãƒ ワーク・アーã‚テクãƒãƒ£ä¸€è¦§ã€2013年版】 | Find Job! Startup
FINDJOB! 終了ã®ãŠçŸ¥ã‚‰ã› 2023å¹´9月29æ—¥ã«FINDJOB!を終了ã„ãŸã—ã¾ã—ãŸã€‚ ã“ã‚Œã¾ã§FINDJOB!ã‚’ã”利用ã„ãŸã ã„ãŸä¼æ¥æ§˜ã€æ±‚è·è€…様ã€æ§˜ã€…ãªã”関係者様。 大変長らãFINDJOB!ã‚’ã”愛顧ã„ãŸã ãã€èª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ IT/Webç³»ã®ä»•äº‹ã‚„求人ãŒã¾ã 広ãæ™®åŠã—ã¦ã„ãªã„é ƒã«Find Job!をリリースã—ã¦ã‹ã‚‰ ç´„26å¹´é–“ã€å¤šãã®æ–¹ã€…ã«æ”¯ãˆã¦ã„ãŸã ãã€é‹å–¶ã‚’続ã‘ã¦ã¾ã„ã‚Šã¾ã—ãŸã€‚ 転è·æˆåŠŸã®ãŠå£°ã€æŽ¡ç”¨æˆåŠŸã®ãŠå£°ãªã©ã€å¬‰ã—ã„言葉もãŸãã•ã‚“ã„ãŸã ãã¾ã—ãŸã€‚ ã¾ãŸFINDJOB!経由ã§å…¥ç¤¾ã•ã‚ŒãŸæ–¹ãŒäººäº‹æ‹…当ã«ãªã‚Šã€ FINDJOB!を通ã˜ã¦ã€æ–°ãŸãªäººæã«å‡ºä¼šã†ã“ã¨ãŒã§ããŸãªã©ã€ ãŸãã•ã‚“ã®ã”ç¸ã‚’ã¤ãã‚‹ã“ã¨ãŒã§ããŸã®ã§ã¯ãªã„ã‹ã¨æ€ã£ã¦ãŠã‚Šã¾ã™ã€‚ 2023å¹´9月29日をもã£ã¦ã€FINDJOB!ã¯ãã®æ´å²ã®å¹•ã‚’下ã‚ã™ã“ã¨ã¨ãªã‚Šã¾ã—ãŸãŒã€ 今後もã€IT/Webæ¥ç•Œã‚„クリエイティブ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}