Storybookã¨ã¯ï¼ŸStorybookを用ã„ãŸãƒ•ãƒãƒ³ãƒˆé–‹ç™º
ã¯ã˜ã‚ã« åŠå¹´ãらã„å‰ã«ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«StorybookåŠã³Chromaticã‚’å°Žå…¥ã—ãŸã®ã§ãã®çŸ¥è¦‹ã‚’今更ã¾ã¨ã‚ãŸã„ã¨æ€ã„ã¾ã™ã€‚Storybookã«è§¦ã‚ŒãŸã“ã¨ãŒãªã„方・Storybookã®å°Žå…¥ã‚’検討ã•ã‚Œã¦ã„ã‚‹æ–¹å‘ã‘ã®è¨˜äº‹ã«ãªã‚Šã¾ã™ã€‚ Chromaticã¯Storybookを用ã„ãŸéžå¸¸ã«å¼·åŠ›ãªã‚µãƒ¼ãƒ“スã§ã™ã€‚Chromaticã®è¨˜äº‹ã‚‚書ã„ãŸã®ã§ä»¥ä¸‹ã‚’ã”å‚ç…§ãã ã•ã„。 Storybookã¨ã¯ä½•ã‹ï¼Ÿ Storybookã¯ã€ŒUIã‚«ã‚¿ãƒã‚°ã€ã§ã™ã€‚ãã‚Œãžã‚Œã®UIコンãƒãƒ¼ãƒãƒ³ãƒˆã‚’ブラウザã§æ‰‹è»½ã«ãƒã‚§ãƒƒã‚¯ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚React以外ã«ã‚‚Vueã‚„Angularã€Svelteãªã©ã«ã‚‚対応ã—ã¦ã„ã¾ã™ã€‚オープンソースã§ç„¡æ–™ã®ã‚µãƒ¼ãƒ“ス（モジュール）ã§ã™ã€‚ 以下ã®ã‚ˆã†ã«é–‹ç™ºä¸ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ブラウジングã§ãã¾ã™ã€‚ Storybookã®åˆ©ç‚¹ã¨ã—ã¦ä»¥ä¸‹ã®ç‚¹ãŒæŒ™ã’られã¾ã™ 手軽ã«UIã®ãƒ†ã‚¹ãƒˆãŒã§ãã‚‹ サーãƒãƒ¼å´ã®æº–å‚™
JavaScriptã®ãƒ¢ãƒ€ãƒ³ãªæ›¸ãæ–¹ - ES2020ã®ã‚ªãƒ—ショナルãƒã‚§ãƒ¼ãƒ³ã€nullåˆä½“演算åã€å‹•çš„importã€globalThisç‰ã‚’解説 - ICS MEDIA
JavaScriptã®ãƒ¢ãƒ€ãƒ³ãªæ›¸ãæ–¹ - ES2020ã®ã‚ªãƒ—ショナルãƒã‚§ãƒ¼ãƒ³ã€nullåˆä½“演算åã€å‹•çš„importã€globalThisç‰ã‚’解説 JavaScriptã®ä»•æ§˜ã§ã‚ã‚‹ECMAScriptã¯å¹´æ¬¡ã§ä»•æ§˜ãŒæ›´æ–°ã•ã‚Œã¦ã„ã¾ã™ã€‚ECMAScript 2020（ES2020）ã¯2020å¹´6月ã«ãƒªãƒªãƒ¼ã‚¹ã¨ãªã‚Šã¾ã—ãŸã€‚ç¾è¡Œã®ã™ã¹ã¦ã®ãƒ–ラウザã§ES2020ã®æ©Ÿèƒ½ã¯åˆ©ç”¨ã§ãã¾ã™ãŒã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ã¨ã£ã¦ä½¿ã„ã“ãªã—ãŸã„記法ã°ã‹ã‚Šã§ã™ã€‚ 本記事ã§ã¯ES2020ã«ç„¦ç‚¹ã‚’ã‚ã¦ã€JavaScriptã®æ–°ã—ã„記述方法ã®ãƒ¡ãƒªãƒƒãƒˆã¨ä½¿ã„ã©ã“ã‚を解説ã—ã¾ã™ã€‚ オプショナルãƒã‚§ãƒ¼ãƒ³ Optional Chaining（オプショナルãƒã‚§ãƒ¼ãƒ³ã‚„オプショナルãƒã‚§ãƒ¼ãƒ‹ãƒ³ã‚°ã¨å‘¼ã°ã‚Œã¦ã„ã¾ã™ï¼‰ã¨ã¯ã€?.構文を用ã„ã¦nullã‚„undefinedã«ãªã‚Šã†ã‚‹å€¤ã¸å®‰å…¨ã«ã‚¢ã‚¯ã‚»ã‚¹ã§ãる仕組ã¿ã§ã™ã€‚ 利用シーン nullã‚„unde
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ã¿ãŸã€æƒ…å ±ç³»ãƒ–ãƒã‚°ã¨ã¯ã¦ãƒ–ã®åœ°ç„メカニズム- エモãã‚ã‚ŠãŸã„
ブãƒã‚°ä»¥å¤–ã§ã®æ´»å‹•ã‚’ã¿ã¦ã„ãŸã ã‘ã‚Œã°ç†è§£ã„ãŸã ã‘ã‚‹ã‹ã¨æ€ã†ãŒã€ç§ã¯æ™®æ®µã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ç•Œéšˆã«ã„る。 ãã®ãªã‹ã§ã€ã¡ã‹ã”ã‚界隈ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆãŒéžå¸¸ã«ã¤ã‚‰ã„ã¨æ„Ÿã˜ã‚‹ã“ã¨ãŒå¤šã€…ã‚る。 ä»–ã®ç•Œéšˆã§ã‚‚ãã‚Œãªã‚Šã¯è¦‹ã‚‰ã‚Œã‚‹ãŒã€ç‰¹ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§é¡•è‘—ã«ã¿ã‚‰ã‚Œã‚‹ãã®ã€Œã¤ã‚‰ã„ã€å‚¾å‘を完çµã«ã¾ã¨ã‚ã¦ã¿ãŸã€‚ フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰åœ°ç„インターãƒãƒƒãƒˆã®ãƒ¡ã‚«ãƒ‹ã‚ºãƒ ç¾çŠ¶ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’ã¿ã¦ã„ã¦è¤‡é›‘ãªæ°—æŒã¡ã«ãªã‚‹ãƒ‘ターンã¯ãŠãŠã‚ˆã以下ã§ã‚る。 全体的ãªåœ°ç„フãƒãƒ¼ 何ã‹ã—ら新ã—ã„技術ãŒå‡ºã¦ãã‚‹ Qiitaã¯ã¦ãƒ–ãƒè¾ºã‚Šã§ã‚¤ã‚±ãƒãƒ¤ã¿ãŸã„ãªã‚¿ã‚¤ãƒˆãƒ«ã®æŠ€è¡“系エントリãŒæŠ•ç¨¿ã•ã‚Œã‚‹ ãƒã‚ºã‚‹ 使ã£ã¦ã‚‚ã„ãªã„人間ãŒãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»ã®ã‚³ãƒ¡ãƒ³ãƒˆã¿ãŸã„ãªç™ºè¨€ã‚’ã™ã‚‹ 地ç„ã«ãªã‚‹ 誰ã—ã‚‚ã“ã†ã„ã†æµã‚Œã‚’ã¿ãŸã“ã¨ã¯ã‚ã‚‹ã ã‚ã†ã€‚本当ã«è¤‡é›‘ãªæ°—æŒã¡ã«ãªã‚‹äººé–“ãŒå¤šã„ã§ã‚ã‚ã†ã¨æ€ã£ã¦ã„ã‚‹ãŸã‚ã€ã“ã®ã€Œæ°—æŒã¡æ‚ªã•ã€ã®ä½•ãŒæ‚ªã„ã‹ã€ã©ã†ã—ã¦èµ·ãã‚‹ã®ã‹ã‚’自分ãªã‚Šã«ã¾ã¨ã‚ã¦
Google – Visual Studio 活用事例
モーガン・スタンレーã€KLMã€ãƒãƒ¯ã‚¤ã‚¢ãƒ³èˆªç©ºã€ãƒ‡ã‚£ã‚ºãƒ‹ãƒ¼ãªã©ã€å¤šãã®ã‚°ãƒãƒ¼ãƒãƒ«ä¼æ¥ãŒæŽ¡ç”¨ã™ã‚‹ã‚ªãƒ¼ãƒ—ン ソース Angular。Google ã§ã¯ Angular 2 を開発ã™ã‚‹ã«ã‚ãŸã‚Šã€ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã® TypeScript ãƒãƒ¼ãƒ ã¨å…±åŒä½œæ¥ã‚’実施。Visual Studio Code ã§ã¯ Angular ã®ãƒ†ãƒ³ãƒ—レートãŒæ´»ç”¨ã§ãるよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ã¾ãŸã€Google ã®é–‹ç™ºè€…ã®å¤šã㯠Visual Studio Code を採用。コードãŒèªã¿ã‚„ã™ãã€ã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ãŒä½¿ã„ã‚„ã™ã„ã ã‘ã§ãªãã€Angular ã¨ã®ç›¸æ€§ãŒè‰¯ã„ãŸã‚ã€é–‹ç™ºç”Ÿç”£æ€§ã‚’å‘上ã§ãã€ã‚³ãƒ¼ãƒ‰ã®æ•´ç†ã‚‚迅速ã«è¡Œã£ã¦ã„ã¾ã™ã€‚ https://www.microsoft.com/ja-jp/server-cloud/Solutions-Cross-Platform-Apps.aspx
io.jsã«ã¤ã„ã¦çŸ¥ã£ã¦ã„ã‚‹ã“㨠- from scratch
今ã€Node.jsã«èµ·ãã¦ã‚‹ã“ã¨ã‚’語る上ã§ã€io.jsã¯é¿ã‘ã¦é€šã‚Œãªã„話題ã§ã—ょã†ã€‚ 今回ã®Node.js アドベントカレンダー 2014ã®ç· ã‚を飾るãŸã‚ã«ã€ã“ã®io.jsã«ã¤ã„ã¦åƒ•ãŒçŸ¥ã£ã¦ã„ã‚‹é™ã‚Šã®äº‹ã‚’ã¾ã¨ã‚ã¦æ›¸ãã“ã¨ã«ã—ã¾ã™ã€‚ io.jsを知りã€ä»Šå¾Œ"Node"ãŒã©ã†ãªã£ã¦ã„ãã®ã‹ã‚’皆ã§ä¸€ç·’ã«è€ƒãˆã¦ã„ãã¾ã—ょã†ã€‚ ã¾ãŸã“ã®ä¸€é€£ã®io.jsã®fork騒動ã¯OSSã¨ã„ã†ç‰¹æ®Šãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ã©ã†é€²ã‚ã¦ã„ãã®ãŒãƒãƒƒãƒ”ーãªã®ã‹ã‚’知る一ã¤ã®æ•™æã ã¨æ€ã„ã¾ã™ã€‚ OSSã«é–¢ã‚ã£ã¦ã„る皆ã•ã‚“ã€ä»Šå›žã‚‚é•·ã„ã§ã™ãŒã€æœ€å¾Œã¾ã§èªã‚“ã§ã‚‚らãˆã‚‹ã¨å¹¸ã„ã§ã™ã€‚ io.js ã¨ã¯ä½•ã‹ Node.jsã®Forkã§ã™ã€‚次ã®Node.jsã®å®‰å®šç‰ˆã«ãªã‚‹ã€v0.12ã‚’Forkã—ã¦ã„ã¾ã™ã€‚「アイ・オー ジェイエスã€ã¨èªã¿ã¾ã™ã€‚åå‰ã®ç”±æ¥ã¯æœ¨æ˜Ÿã«ã‚る四番目ã«å¤§ããªè¡›æ˜Ÿã®åå‰ã‹ã‚‰å–られã¾ã—ãŸã€‚*1 Nodeを使ã£ã¦ã„る人ã®ã“ã¨ã‚’nod
Socket.IO: the cross-browser WebSocket for realtime apps.
Socket.IOBidirectional and low-latency communication for every platform PerformantIn most cases, the connection will be established with WebSocket, providing a low-overhead communication channel between the server and the client. ReliableRest assured! In case the WebSocket connection is not possible, it will fall back to HTTP long-polling. And if the connection is lost, the client will automatical
Frida • A world-class dynamic instrumentation toolkit
Dynamic instrumentation toolkit for developers, reverse-engineers, and security researchers. Scriptable Inject your own scripts into black box processes. Hook any function, spy on crypto APIs or trace private application code, no source code needed. Edit, hit save, and instantly see the results. All without compilation steps or program restarts. Portable Works on Windows, macOS, GNU/Linux, iOS, wa
JSIL - .NET to JavaScript compiler
JSIL is a compiler that transforms .NET applications and libraries from their native executable format - CIL bytecode - into standards-compliant, cross-browser JavaScript. You can take this JavaScript and run it in a web browser or any other modern JavaScript runtime. Unlike other cross-compiler tools targeting JavaScript, JSIL produces easy-to-debug JavaScript while still maintaining the behavior
Announcing TypeScript 0.8.2 - TypeScript
We’re happy to announce the 0.8.2 preview release of TypeScript. This release has been focused on addressing key usability feedback and filling in tooling experiences. Along the way, we’ve also incorporated some of the highest-rated feature requests and bugfixes. JSDoc Support Being able to see API documentation comments during Intellisense and parameter help has been a highly requested feature
JavaScript With Syntax For Types.
TypeScript is JavaScript with syntax for types.TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.
JavaScript è¨€èªžæ¦‚è¦ - JavaScript | MDN
ã“ã®ãƒšãƒ¼ã‚¸ã¯ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ãƒ¼ã®å°½åŠ›ã§è‹±èªžã‹ã‚‰ç¿»è¨³ã•ã‚Œã¾ã—ãŸã€‚MDN Web Docs コミュニティーã«ã¤ã„ã¦ã‚‚ã£ã¨çŸ¥ã‚Šã€ä»²é–“ã«ãªã‚‹ã«ã¯ã“ã¡ã‚‰ã‹ã‚‰ã€‚ ��⪪View in English ��⪪Always switch to English JavaScript ã¯ãƒžãƒ«ãƒãƒ‘ラダイムã®å‹•çš„言語ã§ã‚ã‚Šã€åž‹ã‚„演算åã€æ¨™æº–組ã¿è¾¼ã¿ã‚ªãƒ–ジェクトã€ãƒ¡ã‚½ãƒƒãƒ‰ãŒã‚ã‚Šã¾ã™ã€‚ãã®æ§‹æ–‡ã¯ Java ã‚„ C 言語ã«ç”±æ¥ã™ã‚‹ã®ã§ã€ãれらã®è¨€èªžã®å¤šãã®æ§‹é€ ㌠JavaScript ã«ã‚‚åŒæ§˜ã«é©ç”¨ã§ãã¾ã™ã€‚ JavaScript ã¯ã€ã‚ªãƒ–ジェクトプãƒãƒˆã‚¿ã‚¤ãƒ—やクラスã«ã‚ˆã‚‹ã‚ªãƒ–ジェクト指å‘プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ã¾ãŸã€JavaScript ã¯é–¢æ•°åž‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚‚サãƒãƒ¼ãƒˆã—ã¾ã™ã€‚関数ãŒç¬¬ä¸€ç´šã‚ªãƒ–ジェクトã§ã‚ã‚Šã€å¼ã‹ã‚‰å®¹æ˜“ã«ä½œæˆã—ã€ä»–ã®ã‚ªãƒ–ジェクトã¨åŒã˜ã‚ˆã†ã«å—ã‘渡ã—ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã“ã®ãƒšãƒ¼ã‚¸ã¯ã€ JavaS
『knockout.jsã§ã•ãã•ãWebアプリ開発ã€
1 pixel｜サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–り組ã¿ã‚’紹介ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚最新技術ã¸ã®æŒ‘戦やサービス誕生ã®è£è©±ã€å‹‰å¼·ä¼šã‚„イベントã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAクリエイターã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ ã¯ã˜ã‚ã¾ã—ã¦ï¼ スマホ対応アメーãƒãƒ”ã‚° Webアプリ版ã®é–‹ç™ºã‚’担当ã—ã¦ã„ã‚‹å‰å·æµ©å¤ªã¨ç”³ã—ã¾ã™ã€‚ knockout.jsã€ã®æ©Ÿèƒ½ã¨ç‰¹å¾´ã‚’ã€ç°¡å˜ã«ã”紹介ã§ãã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ knockout.js？knockout.js (http://knockoutjs.com/) knockout.jsã¯MVVM（Model-View-ViewModel）パターンã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã€‚ åŒæ–¹å‘データãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã‚„アイテムテンプレートç‰ã®æ©Ÿèƒ½ãŒã‚ã‚Šã€Silverlightã‚„WPF開発者ã«ã¯ã‹ãªã‚Šã¨ã£ã¤ãã‚„ã™ã„フレームワークã ã¨æ€ã„ã¾ã™ã€‚ Webアプリã§ã¯DOMã‚’å‹•
大è¦æ¨¡ãªJavaScript開発ã®è©±
大ãªã”ã‚„JS#3（2012/07/21）ã§ä½¿ã£ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚割ã¨ã€Œå½“ãŸã‚Šå‰ã®ã“ã¨ã€ã‚’ã¾ã¨ã‚ãªãŠã—ãŸã ã‘ãªæ„Ÿã˜ã§ã™ã€‚
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Announcing Babylon.js 8.0
Improving text editing on the web, one feature at a time
JavaScript Diagram Library | HTML5 Tree Diagram | Syncfusion
MSDN ãƒãƒ¼ãƒãƒ£ãƒ« ラボ: Microsoft Visual Studio 2010
Angular Localization with an ASP.NET Core MVC Service
Storybook
サãƒã‚¯ãƒ©ä¸¡æ–¹ã§å‹•ã JavaScript ã®å¤§è¦æ¨¡é–‹ç™ºã‚’è¡Œã†ãŸã‚ã«
{{#tags}}- {{label}}
{{/tags}}