2019.11.02 ã« FRONTEND CONFERENCE 2019 (#frontkansai) ã«ã¦ç™ºè¡¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚
ç§ãŸã¡ã¯ãªãœ SPA ã§é–‹ç™ºã™ã‚‹ã®ã‹ / Why you choose SPA
2019.11.02 ã« FRONTEND CONFERENCE 2019 (#frontkansai) ã«ã¦ç™ºè¡¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚
Rendertronå°Žå…¥ã§Dynamic Renderingã—ã¦ã„る話 - 一休.com Developers Blog
ã“ã‚“ã«ã¡ã¯ã€‚ 一休.comã®é–‹ç™ºåŸºç›¤ã‚’担当ã—ã¦ã„ã¾ã™ã€akasakasã§ã™ã€‚ 今回ã¯ã€Rendertronã‚’å°Žå…¥ã—ã¦Dynamic Renderingã‚’ã—ã¦ã„る話をã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã“ã“ã§ãŠè©±ã—ã™ã‚‹å†…容 Dynamic Renderingã«ã¤ã„㦠一休.com/一休レストランã§Dynamic RenderingãŒå¿…è¦ã«ãªã£ãŸèƒŒæ™¯ Rendertron ã¨ã¯ Rendertron ã«ã—ãŸç†ç”± Rendertron 導入イメージ クãƒãƒ¼ã‚ングã®æ‡¸å¿µ 苦労話 Rendertronã®ãƒ¢ãƒã‚¤ãƒ«å¯¾å¿œãŒãƒã‚°ã£ã¦ãŸ Rendertronã®ãƒ¡ãƒ¢ãƒªãƒªãƒ¼ã‚¯ AMPページã«å¯¾ã—ã¦Dynamic Renderingã‚’é©ç”¨ã™ã‚‹ã¨ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°å¾ŒãŒè©•ä¾¡ã•ã‚Œã¦ã—ã¾ã£ã¦æ£å¸¸ãªAMPã¨ã—ã¦èªè˜ã•ã‚Œãªã„ å¦ã³ ã§ããŸã¦ã®ãƒ©ã‚¤ãƒ–ラリã¯ä¸å®Œå…¨(ã©ã“ã‹ã—らã«ãƒã‚°ã¯æ½œã‚“ã§ã„ã‚‹) Dynamic Renderingã•ã›ã‚‹ã¹ãç”»é¢ãƒ»ã•ã›ãª
SPA ãŒã€ã‚¦ã‚§ãƒ–開発ã®ãƒ™ã‚¹ãƒˆãƒ—ラクティスã«ãªã‚‹æ™‚代 - mizchi's blog
最近ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«é–¢ã™ã‚‹ãŠæ°—æŒã¡ã€‚æ£ç›´ã¾ã¨ã¾ã£ã¦ã¯ãªã„。 最近ã€ã“ã‚“ãªæ„Ÿã˜ã®ãƒ„イートや記事ãŒå¢—ãˆãŸã€‚ web 技術をã‚ャリアã®ä¸å¿ƒã«ã—ãªã„ シングルページアプリケーション (以下SPA) ã®å°é ã«ã‚ˆã‚Šã€ç§ã®è¦³æ¸¬ç¯„囲ã§ã¯ãƒ¢ãƒ€ãƒ³ãª Web サイト㯠SPA ã§ä½œã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸã€‚サーãƒãƒ¼ã‚µã‚¤ãƒ‰ã¯ JSON を返㙠API サーãƒãƒ¼ã¨ãªã‚Šã€DB ã‚„ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã®ãƒ—ãƒã‚ã‚·ã®ã‚ˆã†ãªå˜åœ¨ã«ãªã‚Šã¤ã¤ã‚る。 ç§ã¯ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦ã‚ャリアをç©ã‚“ã§ããŸã€‚SPA ãŒæµè¡Œã‚Šã ã—ãŸé ƒã€ã„ãšã‚Œã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¯ä¸è¦ã«ãªã£ã¦è‡ªåˆ†ã®ã‚ャリアを考ãˆç›´ã•ãªãã¦ã¯ã„ã‘ãªã„時期ãŒãã‚‹ã®ã§ã¯ãªã„ã‹ã¨æˆ¦ã€…æ々ã¨ã—ã¦ã„ãŸã€‚ 自分も元々ã€SPA を他サイトã¨ã®ã€Œå·®åˆ¥åŒ–技術ã€ã¨å®šç¾©ã—ã¦ã„ãŸã€‚ブラウザã®ã‚¿ãƒ–ページã®ãƒ©ã‚¤ãƒ•ã‚µã‚¤ã‚¯ãƒ«ã«ãŠã„ã¦ã€åˆæœŸåŒ–プãƒã‚»ã‚¹ã‚’一回ã«ã¾ã¨ã‚ã¦ã‚·ãƒ¼ãƒ レスãªé·ç§»ã‚’実ç¾ã™ã‚‹æŠ€è¡“。ãŸã¨ãˆ
SPA フルリニューアル計画ã«ãŠã‘る技術é¸å®šã‚„è¨è¨ˆæ€æƒ³ï¼ˆ2019å¹´2月版） - 30æ³ã‹ã‚‰ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
SPA ã®ãƒ•ãƒ«ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã‚’技術é¸å®šã‚„è¨è¨ˆã‹ã‚‰ã‚„ã‚‹ã“ã¨ã«ãªã£ãŸã€‚ å‰å›žã®è¨˜äº‹ã‚‚ã€ãã®ãŸã‚ã«æ¤œè¨Žã‚„調査を行ã£ã¦ã„ã‚‹éš›ã«ç”Ÿã¾ã‚ŒãŸå‰¯ç”£ç‰©ã‚’ã¾ã¨ã‚ãŸã‚‚ã®ã 。 目指ã™ã¹ãã¯å¤‰æ›´ã—ã‚„ã™ã„システムã§ã‚ã‚Šã€ãã—ã¦ãã‚Œã¯ã€å …牢性を実ç¾ã™ã‚‹ã“ã¨ã§é”æˆã•ã‚Œã‚‹ã¯ãšã ã¨ã„ã†çµè«–ã«è‡³ã£ãŸã€‚ numb86-tech.hatenablog.com 今回ã®è¨˜äº‹ã§ã¯ã€å …牢ãªã‚·ã‚¹ãƒ†ãƒ ã®å®Ÿç¾ã«å‘ã‘ã¦ã©ã‚“ãªæŠ€è¡“ã‚’é¸ã‚“ã ã®ã‹ã‚’記録ã—ã¦ãŠã。 ã¾ã 検証フェーズã¨ã„ã†ã‹ã€è©¦ã—書ãや検証を行ã£ã¦ã„る段階ãªã®ã§ã€ä»Šå¾Œå¤‰ã‚ã‚‹å¯èƒ½æ€§ã¯ã‚る。 å‰æ ç¾è¡Œã®ã‚¢ãƒ—リ㯠Rails アプリã§ã€ãã®ä¸Šã« Vue を載ã›ã¦ SPA を作ã£ã¦ã„る。 フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ“ルド㯠Webpacker 。別ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã§ã¯ Webpacker を剥ãŒã—ã¦ã—ã¾ã£ãŸãŒã€ã“ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã§ã¯å®Ÿç¾ã§ãã¦ã„ãªã„。 ビュー関連ã®å‡¦ç†ã«ã¤ã„ã¦ã€ã©ã“ã¾ã§ã‚’ Rails ã§ã‚„ã£ã¦ã©ã“ã‹
You probably don't need a single-page application • The Plausible journal
January 29, 2019 You probably don’t need a single-page application The meteoric rise of front-end frameworks like React, Angular, Vue.js, Elm, etc. has made single-page applications ubiquitous on the web. For many developers, these have become part of their ‘default’ toolset. When they start a new project, they grab the tools they know already: a REST API on the backend, and a React/Angular/Vue/El
Single Page Application Is Not a Silver Bullet
Single-page applications are everywhere. Even blogs, simple html pages (in the beginning something like https://danluu.com/), have turned into big fat monsters – for example, jlongster’s blog has 1206 stars at the moment of writing, and not because of the content (people usually subscribe to blogs rather than star the source): the only reason is that once he implemented it using React & Redux. Wha
今ã•ã‚‰èžã‘ãªã„SPAã®CORS対ç–ã®è©±
æ±äº¬Nodeå¦åœ’2017ã«ã¦ç™ºè¡¨ã—ã¾ã—ãŸã€‚
ã€ãƒ¡ãƒ¢ã€‘Frontend Meetup vol.1 -SPAを語り尽ãã™ä¼š! 2016/9/16 @æ ªå¼ä¼šç¤¾FiNC - nabeliwo note(æ—§)
ã“ã‚Œã«è¡Œã£ã¦ããŸã®ã§ãã®ãƒ¡ãƒ¢ã€‚ Frontend Meetup vol.1 - SPAを語り尽ãã™ä¼š! SPAã¨èžã„㦠SPAã®é–‹ç™ºãŒå¥½ãã™ãŽã¦ãŸã¾ã‚‰ãªã„ã®ã ã‘ã‚Œã©æ¯Žå›žç ´ç¶»ã™ã‚‹åƒ•ã¨ã—ã¦ã¯SPAç³»ã®å‹‰å¼·ä¼šã¨èžã„ãŸã‚‰è¡ŒããŸãã¦ãŸã¾ã‚‰ãªã„ã‚“ã§ã™ã€‚ ã‚„ã£ã±ã‚ŠSPAã¨ã„ã†è¨€è‘‰ã«ã¯ã‚ã‚Šã¨å¤šãã®äººãŒåå¿œã™ã‚‹ã‚ˆã†ã§ä»Šå›žã®å‹‰å¼·ä¼šã¯æŠ½é¸ã§ã—ãŸã€‚é‹è‰¯ã当ãŸã£ãŸã®ã§è¡Œã£ã¦ãã¾ã—ãŸã€‚ ã¨ã„ã†ã“ã¨ã§ãƒ¡ãƒ¢ã£ãŸã®ã§å…±æœ‰ã—ã¾ã™ã€‚ 関係ãªã„ã‘ã©ã“ã“ã§å‹‰å¼·ä¼šã®æŠ½é¸é‹ã‚’使ã£ã¦ã—ã¾ã£ãŸã“ã¨ã§æ¬¡ã®React meetupã®æŠ½é¸ã§ã®é‹ãŒå¥ªã‚ã‚ŒãŸã®ã§ã¯ãªã„ã‹ã¨ã„ã†å¿ƒé…ã‚’ã—ã¦ã¾ã™ã€‚ 目次 React/Reduxã§åŠå¹´ãらã„真é¢ç›®ã«SPAã™ã‚‹ã¨ã‚ã‹ã‚‹ã“㨠é©å‘½ã¨ç§©åºã¨SPA Angularã¨å¿ƒä¸ã™ã‚‹ コンテンツé…ä¿¡ã¨SPA SPAã¨è¦šæ‚Ÿ Angular2ã§ã¤ã¾ã¥ã„ãŸã¨ã“ã‚ 1pxã‚’ã‚ãる戦ㄠSPAã§ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ç®¡ç†ã¨ã‚»ã‚ュリティ 本編 残
SPA(Single Page Application)制作時ã®ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆ - tohashi's blog
メモリリークã¯èµ·ãã¦ã„ãªã„ã‹ åˆæœŸåŒ–時ã«ç„¡é§„ãªé€šä¿¡ã¯ãªã„㋠ページ移動時ã«ä¿æŒã™ã‚‹ãƒ‡ãƒ¼ã‚¿ã¨ç ´æ£„ã™ã‚‹ãƒ‡ãƒ¼ã‚¿ã®åˆ†åˆ¥ãŒã§ãã¦ã„ã‚‹ã‹ èªã¾ã‚ŒãŸããªã„ãƒã‚¸ãƒƒã‚¯ã‚’ç½®ã„ã¦ãªã„㋠直接å©ã‹ã‚Œã¦å›°ã‚‹APIやルーティングã¯ãªã„ã‹ ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®é …ç›®ã¯ã‚µãƒ¼ãƒãƒ¼å´ã¨æƒã£ã¦ã„る㋠最低ã§ã‚‚モデルã®ãƒ†ã‚¹ãƒˆã¯æ›¸ã„ã¦ã„ã‚‹ã‹ AjaxリクエストãŒå¤±æ•—ã—ãŸæ™‚ã®ãƒªã‚«ãƒãƒªãƒ¼å‡¦ç†ã¯ã‚る㋠リリース時ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼å´ã®ãƒªã‚½ãƒ¼ã‚¹ã‚’æ›´æ–°ã•ã›ã‚‹ä»•çµ„ã¿ã¯ã‚ã‚‹ã‹ SPAã«ã™ã‚‹å¿…è¦æ€§ã¯ã‚ã‚‹ã‹
basis.js
basis.js †javascript framework for building client side web-applications. At this moment, it’s not just a framework, but also some tools for developers: basisjs-tools †CLI based on node.js contains builder, dev web server and more. Visit project page for more details. chrome plugin †a Google Chrome plugin, that maintains live editing app templates and translations. Please feel free to contact u
Web サイトã£ã½ã„ SPA ã«å¿…è¦ãªãƒ–ラウザナビゲーションã®ã‚¨ãƒŸãƒ¥ãƒ¬ãƒ¼ãƒˆãªã©
Web サイトã£ã½ã„ SPA ã«ç«‹ã¡å‘ã‹ã† 大分å‰ã®è©±ã§ã™ãŒã€Nodeå¦åœ’ 20時é™ç›® 今回もdots!!!!! - connpass 㧠Client Side of ãªã‚“ã¡ã‚ƒã‚‰fresh.tv ã¨ã—ã¦ãŠè©±ã—ãŸå†…容ã®ã†ã¡ã€Web サイトã£ã½ã„ SPA ã«é–¢ã—ã¦ã ã‘ã“ã ã‚ã‚Šã‚’å†æŠ½å‡ºã—ã¦æ›¸ãç•™ã‚ã¾ã™ã€‚ 本件ã¯ã€ãƒšãƒ¼ã‚¸å…¨ä½“ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚„é »ç¹ãªãƒŠãƒ“ゲーションを伴ã‚ãšã€1ç”»é¢ã«ãŠã•ã¾ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–㪠Web アプリを作ã£ã¦ã„ã‚‹å ´åˆã¯ã‚ã‚“ã¾ã‚Šé–¢ä¿‚ãŒã‚ã‚Šã¾ã›ã‚“。画é¢å†…ã®å±€æ‰€çš„ãªçŠ¶æ…‹æ›´æ–°ã¯ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®è²¬å‹™åˆ†å‰²ã‚„ら何やらã®è¨è¨ˆãªã®ã§å®Ÿã¯åˆ¥ã®è©±ã§ã™ã€‚ ç·ã˜ã¦ã€Web サイトã£ã½ã„ãã›ã«å¤§äººã®äº‹æƒ…㧠Web ブラウザã®ãƒã‚¤ãƒ†ã‚£ãƒ–ãªãƒŠãƒ“ゲーションをç©æ¥µçš„ã«ç ´å£Šã—ã«ã„ãã¨ãã®å¿ƒæ§‹ãˆã§ã™ã€‚ URL ãŒå¤‰ã‚ã£ã¦ã‚‚最低é™ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã§ãã‚‹ã¾ã§ç”»é¢æ›´æ–°ã‚’é…延ã•ã›ã‚‹ ç”»é¢é·ç§»ã«å¿…è¦ãªã®ã¯ã€ URL ãŒæ›´æ–°ã•ã‚Œã¦ã‚‚次ã®
RIAã«ä»£ã‚る技術ã€å®Ÿç”¨çš„SPAã«ã¤ã„ã¦è€ƒãˆã‚‹ï½žç¬¬7回エンタープライズ×HTML5ナイトセミナー～
RIAã«ä»£ã‚る技術ã€å®Ÿç”¨çš„SPAã«ã¤ã„ã¦è€ƒãˆã‚‹ï½žç¬¬7回エンタープライズ×HTML5ナイトセミナー～ ä½å· 夫美雄（Ashiras, inc.） Appleショックã«ã‚ˆã‚Šç¦ã˜æ‰‹ã¨ãªã£ãŸFlexã€Silverlightã€Javaアプレットãªã©ã®ãƒ—ラグインベースRIA製å“ã®ä»£æ›¿ã¨ã—ã¦ã€SPA(Single-page Application)ãŒæ³¨ç›®ã‚’集ã‚ã¦ã„ã¾ã™ã€‚HTML5ã®é«˜åº¦ãªã‚ªãƒ•ãƒ©ã‚¤ãƒ³æ©Ÿèƒ½ã‚’大è¦æ¨¡é–‹ç™ºã§åˆ©ç”¨ã™ã‚‹éš›ã«ã‚‚é‡è¦ãªå½¹å‰²ã‚’æ‹…ã†æŠ€è¡“ã§ã™ã€‚ ã—ã‹ã—ãªãŒã‚‰ãã®å®Ÿè£…方法ã«ã¯ã€ãƒ™ãƒ³ãƒ€è£½å“ã‹ã‚‰OSS製å“ã¾ã§ã€æ€æƒ³ã‚‚実装もãƒãƒ©ã¤ããŒã‚ã‚Šã¾ã™ã€‚何をもã£ã¦æ£ã—ã„ã¨ã™ã‚‹ã®ã‹ã€ã©ã®ã‚ˆã†ãªåˆ¤æ–基準ã«ã‚ˆã‚Šé¸å®šã™ã‚‹ã®ã‹ã‚‚ã€é›£ã—ã„ã¨ã„ã†çŠ¶æ³ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ 2014å¹´1月27æ—¥ã«é–‹å‚¬ã•ã‚ŒãŸhtml5jエンタープライズ部ã«ã‚ˆã‚‹ã€Œç¬¬7回エンタープライズ×HTML5ナイトセミナーã€ã€‚ä¼šå ´ã¯KDDI様å“å·ã‚¤ãƒ¼ã‚¹ãƒˆãƒ¯ãƒ³ã‚¿
1
メンテナンス
ランã‚ング
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Quasar Framework - Build high-performance VueJS user interfaces in record time
seo_for_spa.pdf - Speaker Deck
karmaを使ã£ãŸSPAå‘ã‘E2Eテスト技法
Serverless AWS構æˆã§ã‚»ã‚ュアãªSPAを目指ã™
going-to-production/spa-checklist.md at master · mtdvio/going-to-production
{{#tags}}- {{label}}
{{/tags}}