React + TypeScript + Webpackã®æœ€å°æ§‹æˆ - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
UWP アプリ開発㫠TypeScript + React ã‚’å°Žå…¥ã™ã‚‹ã“ã¨ã®æ¤œè¨Ž (Node.MSBuild.Npm ã®ç´¹ä»‹) - ã²ã ã¾ã‚Šã‚½ã‚±ãƒƒãƒˆã¯å£Šã‚Œãªã„
ã“ã‚“ã«ã¡ã¯ï¼ æ ªå¼ä¼šç¤¾ã¯ã¦ãªã«ã¦ã€ä¸»ã« 「ã¯ã¦ãªãƒ–ックマーク〠Android アプリã®é–‹ç™ºã‚’è¡Œã£ã¦ã„ã‚‹ id:nobuoka ã§ã™ã€‚ ã“ã®è¨˜äº‹ã¯ã€ã€Œã¯ã¦ãªãƒ‡ãƒ™ãƒãƒƒãƒ‘ーアドベントカレンダー 2015〠㮠14 日目ã®è¨˜äº‹ã§ã™ã€‚ 昨日㯠id:hatz48 ã«ã‚ˆã‚‹ 「TypeScript ã ã‘㧠Web アプリケーションを作る〠ã§ã—ãŸã€‚ 今日ã¯ã€æ˜¨æ—¥ã«å¼•ã続ã TypeScript ã®è©±é¡Œã¨ãªã‚Šã¾ã™ã€‚ 主ã«ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ (特㫠UWP アプリ) ã§ã® TypeScript 㨠React ã®çµ„ã¿åˆã‚ã›ã«ã¤ã„ã¦æ¤œè¨Žã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ (ã“ã®è¨˜äº‹ã®å†…容ã¯ã€UWP アプリã¸ã®å°Žå…¥ã‚’目的ã¨ã—ãŸã¨ãã® TypeScript + React ã®ç’°å¢ƒã®ä¸€ä¾‹ã§ã‚ã‚Šã€ãƒ™ã‚¹ãƒˆãƒ—ラクティスã§ã¯ã‚ã‚Šã¾ã›ã‚“。 より良ã„方法ãªã©ãŒã‚ã‚Šã¾ã—ãŸã‚‰æ•™ãˆã¦ãã ã•ã„ã¾ã›ã€‚) UWP アプリ㨠TypeScript +
TypeScript ã ã‘㧠Web アプリケーションを作る - ãŠãªã‹å‘¨ã‚Šã®è„‚肪ãŒã‚„ã°ã„
ã¯ã¦ãªã§ã‚¢ãƒ—リケーションエンジニアをã—ã¦ã„ã‚‹ id:hatz48 ã§ã™ã€‚ã“ã®è¨˜äº‹ã¯ ã¯ã¦ãªãƒ‡ãƒ™ãƒãƒƒãƒ‘ーアドベントカレンダー ã® 13 日目ã§ã™ã€‚ 昨日㯠id:dekokun ã«ã‚ˆã‚‹ dekotech.dekokun.info ã§ã—ãŸã€‚ç§ã¯åŽ»å¹´ã¯ developer.hatenastaff.com ã“ã‚“ãªè¨˜äº‹ã‚’書ã„ã¦ã„ã¾ã—ãŸã€‚ 今年ã¯ã€ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ス開発åˆå®¿ã§ TypeScript ã®ã¿ã‚’使ã£ã¦ã‚¢ãƒ—リケーション開発をã—ãŸè©±ã‚’ã—ã¾ã™ã€‚ ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ス開発åˆå®¿ ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ス開発åˆå®¿ã«ã¤ã„ã¦ã¯ ã¯ã¦ãªã‚¹ã‚¿ãƒƒãƒ•ã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ä¸€æ—¥ç›®ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚三日間ã€ã„ã¤ã‚‚ã¨ã¯é•ã†ãƒãƒ¼ãƒ ã§ã€é€šå¸¸æ¥å‹™ã‹ã‚‰é›¢ã‚Œã€é›†ä¸ã—ã¦é–‹ç™ºã™ã‚‹ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ 開発自体ã¯ã€å®Ÿã¯ä¸‰æ—¥é–“ã§å®Œæˆã¯ã—ãªã‹ã£ãŸã®ã§ã„ã¾ã§ã‚‚隙間ã®æ™‚é–“ã§é–‹ç™ºã‚’続ã‘ã¦ã„ã¾ã™ã€‚ã¨ã‚る社内システムã«ã€ã¡ã‚ƒã‚“ã¨ã—ãŸã‚¢ã‚¯ã‚»ã‚¹åˆ¶å¾¡ã‚’ã„ã‚Œã¦å®Ÿè£…ã—ãªãŠãã†ã¨
TypeScriptæ—©ã‚ã‹ã‚Šãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã€1.5.3対応】 - Build Insider
TypeScript 1.5æ£å¼ãƒªãƒªãƒ¼ã‚¹ã€‚最新言語仕様を速習ã—よã†ï¼ TypeScriptを使ã†ã¨ãã«å½¹ç«‹ã¤æƒ…å ±ãŒã¾ã¨ã¾ã£ãŸãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆï¼ˆ1クリックã§è©¦ã›ã‚‹ã‚µãƒ³ãƒ—ル付ã）。 本稿ã¯TypeScript 1.5.3を対象ã«è§£èª¬ã‚’è¡Œã„ã¾ã™ï¼ˆâ€»2016/11/08追記：姉妹サイトã®ï¼ IT Insider.NETã§ã€Œç‰¹é›†ï¼šTypeScript 2.0概説〠を掲載ã—ã¦ã„ã¾ã™ã®ã§ã€æœ¬ç¨¿ã¨ä½µã›ã¦ã”å‚ç…§ãã ã•ã„ ）。 æ—©ã„ã‚‚ã®ã§ã€TypeScript 1.0ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸ2014å¹´4月3æ—¥ã‹ã‚‰ã€1年以上ãŒçµŒã¡ã¾ã—ãŸã€‚今年ã®é ã‚ãŸã‚Šã«æœ¬è¨˜äº‹ã®TypeScript 1.0版ã‹ã‚‰ã®æ›´æ–°ã®ä¾é ¼ãŒæ¥ãŸæ™‚ã¯ã€ï¼ˆè¨˜äº‹æ”¹è¨‚ã¯æƒ³å®šã—ã¦ã„ãªã‹ã£ãŸã®ã§ï¼‰ã³ã£ãã‚Šã—ã¾ã—ãŸã€‚æƒ…å ±ã‚’ãƒ¡ãƒ³ãƒ†ã—ã€è‰¯ã„æƒ…å ±ãŒWeb上ã«æ®‹ã‚‹ã‚ˆã†é‹å–¶ã™ã‚‹ã®ã¯å¤§å¤‰ã§ã‚ã‚ã†ãªã€ã¨æƒ³åƒã«é›£ããªã„ã§ã™ãŒã€ç†è€…ã¨ã—ã¦ã¯ã†ã‚Œã—ã„é™ã‚Šã§ã™ã€‚ ã•ã¦ã€åŽ»ã‚‹2015å¹´3月5
Electron 㨠Polymer 㨠TypeScript ã§ãƒªãƒƒãƒãªãƒžãƒ¼ã‚¯ãƒ€ã‚¦ãƒ³ãƒ—レビュアー Shiba ã¤ãã£ãŸ - ã¯ã‚„ãプãƒã‚°ãƒ©ãƒ ã«ãªã‚ŠãŸã„
çµæ§‹å‰ã§ã™ãŒï¼Œmattn ã•ã‚“ãŒå°ã•ã„ markdown ライブプレビューアプリ mkup ã‚’ã¤ãã£ã¦ã„ã¦ï¼Œãã†ã„ãˆã°åƒ•ã‚‚åˆã† markdown ライブプレビューアプリãŒç„¡ã„ãªãã¨æ€ã£ã¦ã„ãŸã®ã‚’æ€ã„出ã—ãŸã®ã§ï¼Œã‚ªãƒ¬ã‚ªãƒ¬ markdown プレビューアプリ Shiba ã‚’ã¤ãã£ã¦ã¿ã¾ã—ãŸï¼Žä»Šã“ã®ãƒ–ãƒã‚°ã‚¨ãƒ³ãƒˆãƒªã‚‚ã“ã‚Œã§ãƒ—レビューã—ãªãŒã‚‰æ›¸ã„ã¦ã¾ã™ï¼Ž https://github.com/rhysd/Shiba 僕ã®ãƒžãƒ¼ã‚¯ãƒ€ã‚¦ãƒ³ãƒ—レビューã«å¯¾ã™ã‚‹è¦æ±‚ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªæ„Ÿã˜ã§ã™ï¼Žmattn ã•ã‚“ã®ãã‚Œã«è¿‘ã„ã§ã™ï¼Ž ドã‚ュメント自体ã¯æ…£ã‚ŒãŸã‚¨ãƒ‡ã‚£ã‚¿ã§æ›¸ããŸã„ ブラウザã®ã‚¿ãƒ–よりã¯ç‹¬ç«‹ã—ãŸ1ã¤ã®ã‚¢ãƒ—リã¨ã—ã¦å‹•ã„ã¦ã»ã—ã„ GFM ã§æ›¸ããŸã„（コードブãƒãƒƒã‚¯ã‚’ãƒã‚¤ãƒ©ã‚¤ãƒˆã—ã¦ã»ã—ã„ã—，絵文å—記法もåæ˜ ã—ã¦ã»ã—ã„ OS X，Linux，Windows ã®ã™ã¹ã¦ã§ markdown を書ã機会ãŒã‚ã‚‹ã®ã§ã‚¯ãƒã‚¹ãƒ—ラッ
Emacsã§TypeScript環境を整ãˆã‚‹ - $shibayu36->blog;
Scalaã«ã¤ã¥ã„ã¦TypeScriptも勉強ã—よã†ã¨æ€ã£ãŸã®ã§ã€ã¾ãšã¯ã‚¨ãƒ‡ã‚£ã‚¿ã®ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ã‚’ã—ãŸã€‚ typescript-mode ã¨ã‚Šã‚ãˆãštypescript-modeã¨ã„ã†ã®ãŒã‚ã‚‹ã®ã§ã€ãれを入れる。M-x package-list-packagesã—ã¦typescript-modeをインストールã™ã‚‹ã€‚ãã®å¾Œä»¥ä¸‹ã®è¨å®šã‚’入れã¦ãŠã‘ã°è‰¯ã„。 (require 'typescript-mode) (add-to-list 'auto-mode-alist '("\\.ts\\'" . typescript-mode)) flycheckã€è£œå®Œã€åž‹æƒ…å ±ã®è¡¨ç¤ºã€å®šç¾©ã‚¸ãƒ£ãƒ³ãƒ— tss.elã¨tide.elã¨ã„ã†ã®ãŒã‚ã£ãŸã€‚tide.elã¯å…¬å¼ãŒæä¾›ã—ã¦ã„ã‚‹tsserverã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã«å‰‡ã£ã¦è£œå®Œã‚„定義ジャンプãŒã§ãã‚‹ã®ã§ã€ã“ã¡ã‚‰ã‚’利用ã™ã‚‹ã“ã¨ã«ã—ãŸã€‚ã¾ãšpackage-list-pa
TypeScriptを使ã£ã¦ECMAScript 2015時代ã®JavaScriptã‚’å…ˆå–ã‚Šã—よã†ï¼
TypeScriptを使ã£ã¦ECMAScript 2015時代ã®JavaScriptã‚’å…ˆå–ã‚Šã—よã†ï¼ ã‚ã‹ã‚ã¾ã•ã²ã‚ï¼ˆæ ªå¼ä¼šç¤¾ãƒˆãƒƒãƒ—ゲート） ã‚ã‹ã‚ã§ã™ã€‚ã“ã‚Œã‹ã‚‰ã€TypeScriptを使ã£ã¦ECMAScript 2015スタイルã®ã‚³ãƒ¼ãƒ‰ã‚’書ã方法を紹介ã—ã¾ã™ã€‚連載ã®åˆå›žã¨ãªã‚‹æœ¬ç¨¿ã§ã¯ã€ECMAScript 2015ã‚„TypeScriptã®é…力ã«ã¤ã„ã¦ã€TypeScript用エディタã®æ¡ˆå†…ã‚’ã—ã¦ã„ãã¾ã™ã€‚ TypeScriptã¨ã¯ï¼Ÿ TypeScriptã¯Microsoft社ãŒé–‹ç™ºã—ã¦ã„ã‚‹AltJSã®1ã¤ã§ã™ã€‚AltJSã¨ã¯ã€ã‚る言語Xã‹ã‚‰ã€JavaScriptã¸ã¨å¤‰æ›ï¼ˆãƒˆãƒ©ãƒ³ã‚¹ãƒ‘イル）ã—ã¦ä½¿ã†è¨€èªžã®ç·ç§°ã§ã™ã€‚Typeã¨ã„ã†åã®é€šã‚Šã€JavaScriptã®ä¸–ç•Œã«é™çš„ãªåž‹ä»˜ã‘ã‚’æŒè¾¼ã¿ã€Javaã‚„C#ã®ã‚ˆã†ã«ã‚³ãƒ³ãƒ‘イル時ã«æ•´åˆæ€§ã®ãƒã‚§ãƒƒã‚¯ã‚’è¡Œã†ã“ã¨ãŒã§ãるよã†ã«ã—ãŸã‚‚ã®ã§ã™ã€‚ 見事ãƒã‚§ãƒƒã‚¯ã«ãƒ‘
JSX 㨠TypeScript ã®æ··åˆ Flux ã¾ãŸã¯æ‚ªé”åˆä½“
JSX + TypeScript ã®æ‚ªé”åˆä½“ ギョーム的ã«æ°—æŒã¡ã«ãªã£ãŸã®ã§ JSX + TypeScript ã‚’ã¯ã˜ã‚ã¾ã—ãŸã€‚ å°Žå…¥ã«ã‚ãŸã£ã¦ãƒãƒ¼ãƒ 内ã¸ã®èª¬æ˜Žã‚’å…¼ããŸãƒ–ãƒã‚°ã€‚AltJSã«å¯¾ã—㦠ES ã§ã„ã„ã˜ã‚ƒã‚“æ´¾ã§ã™ãŒã€è‡ªåˆ†ã®åž‹éœ€è¦ã«å¯¾ã—㦠ç¾çŠ¶ã® Flowtype ãŒè¾›ã¿ã—ã‹ãªã„ã®ã§ã‚„むをãˆãšã€‚ å‹•æ©Ÿ 紆余曲折ã‚ã£ã¦çµå±€ React を使ã†ã“ã¨ã«ã—㟠React Component ã«ã¯ JSX with Babel を使ã„ãŸã„（手書ãã¯ç„¡ç†ã ） UI 以外ã®ãƒã‚¸ãƒƒã‚¯ã‚’æŒã£ãŸãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã¯åž‹ã®æ©æµã«é ã‹ã‚ŠãŸã„ Flowtype ã¤ã‚‰ã„ TypeScript ã‹ãƒ¼ UI 周り㯠JSX ã§ã€ãã®ä»–ã®å …ã„ãƒã‚¸ãƒƒã‚¯ã¯ TypeScript ã§æ›¸ã‘ã°ã„ã„ã®ã§ã¯ï¼Ÿ å…±å˜ã ï¼ï¼ メリットãŒã‚ã‚‹ã®ã‹ã‚‚ä¸æ˜Žçžã§ã™ãŒã€åˆ†ã‹ã‚‰ãªã„ã‹ã‚‰ã“ã試ã—ã¦ã¿ã‚ˆã†ã¨ã„ã†æ„Ÿã˜ã§ã™ã€‚JSX 㨠TypeScript ã®å¢ƒç•Œ
TypeScript ã§å®Ÿç¾ã™ã‚‹ MVP アーã‚テクãƒãƒ£ãƒ‘ターン - Hatena Developer Blog
ã“ã‚“ã«ã¡ã¯ã€ã‚¢ãƒ—リケーションエンジニア㮠id:nanto_vi ã§ã™ã€‚先日行ã‚れ㟠Hatena Engineer Seminar #4 ã§ã€ã€ŒTypeScript ã§å®Ÿç¾ã™ã‚‹ MVP アーã‚テクãƒãƒ£ãƒ‘ターンã€ã¨é¡Œã™ã‚‹ç™ºè¡¨ã‚’è¡Œã„ã¾ã—ãŸã€‚当日ã¯çš†æ§˜ã”清è´ã„ãŸã ãã€ã¾ãŸæ‡‡è¦ªä¼šã§ã‚‚活発ãªè³ªç–‘ã‚’ã„ãŸã ãã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ 内容ã¨ã—ã¦ã¯ã€TypeScript を用ã„ãŸã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ Web プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®è©±ã€åŠã³æ—¢å˜ã® JavaScript フレームワークを採用ã›ãšã€MVP (Model-View-Presenter) アーã‚テクãƒãƒ£ãƒ‘ターンã«ã®ã£ã¨ã‚Šé–‹ç™ºã‚’進ã‚ãŸäº‹ä¾‹ã®ç´¹ä»‹ã¨ãªã‚Šã¾ã™ã€‚以下ã«ç™ºè¡¨è³‡æ–™ã‚’åŠ ç†ä¿®æ£ã—ã¦å…¬é–‹ã™ã‚‹ã®ã§ã”å‚ç…§ãã ã•ã„。 自己紹介 id:nanto_vi (外山真) アプリケーションエンジニア JavaScriptã€Perl アジェンダ 少年ジャンプルーã‚ーã§ã® T
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
phyzkit.net
{{#tags}}- {{label}}
{{/tags}}