「SPAã®ã‚¿ãƒ–æ°¸é ã«é–‹ãã£ã±ãªã—å•é¡Œã€ã‚’更新ボタンをè¨ç½®ã›ãšè§£æ±ºã—㟠- 橋本商会ã“ã‚“ã«ã¡ã¯ã€‚å¼·ã„UIã¯ãƒœã‚¿ãƒ³ã‚’æ¨ã¦ã‚‹ã‚’スãƒãƒ¼ã‚¬ãƒ³ã«Scrapboxを開発ã—ã¦ã„ã¾ã™ã€‚shokaiã§ã™shokai.icon
Nuxt.js v2ã¨GAE/SE Node.jsã§SPA×SSR×PWA×サーãƒãƒ¼ãƒ¬ã‚¹ã‚’実ç¾ã™ã‚‹ - DMM inside
｜DMM inside
PWAã®å°†æ¥æ€§ã«ã¤ã„ã¦ã®è€ƒå¯Ÿ - astamuse Lab
デザイン部ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã—ã¦ã„ã‚‹kitoã§ã™ã€‚ 先日ã€iOS 11.3ã®ãƒªãƒªãƒ¼ã‚¹ã§iPhoneã§ã‚‚PWAã®ä¸€éƒ¨ã®æ©Ÿèƒ½ãŒåˆ©ç”¨ã§ãるよã†ã«ãªã‚Šã¾ã—ãŸã€‚（プッシュ通知ç‰ã¯åˆ©ç”¨ã§ããªã„）今回ã¯ã€Web界隈ã§æ€¥é€Ÿã«æ³¨ç›®ã‚’上ã’始ã‚ã¦ã„ã‚‹PWA（Progressive Web Apps）ã®å°†æ¥æ€§ã‚’考察ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã„ã‚ゆるフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç•Œéšˆã§ã¯ã€æ–°ã—ã„ツールや技術ãŒçŸã„スパーンã§ç™»å ´ã—ã¦ã¯æ¶ˆãˆã¦ã„ãã¨ã„ã†ã“ã¨ã‚’ç¹°ã‚Šè¿”ã—ã¦ã„ã¾ã™ã€‚新陳代è¬ãŒæ¿€ã—ã„æ•…ã«ã€é©æ–°çš„ãªæŠ€è¡“ãŒã„ã¡æ—©ãå–り入れられる若々ã—ã„エコシステムã¯åˆ©ç‚¹ã§ã¯ã‚ã‚Šã¾ã™ãŒã€åé¢ã€è‹¦åŠ´ã—ã¦å¦ç¿’ã—ãŸæŠ€è¡“やツールãŒã€ç«‹ã¡ã©ã“ã‚ã«å¤ã³ã¦æŠ•è³‡ãŒç„¡é§„ã«ãªã£ã¦ã—ã¾ã†ã‚±ãƒ¼ã‚¹ã‚‚間々ã‚ã‚Šã¾ã™ã€‚ã“ã‚Œã¯ç¾ä»£ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ã¯é¿ã‘られãªã„é‹å‘½ã§ã—ょã†ã€‚ã¨ã¯ã„ãˆã€ãれをむã—ã‚楽ã—ã¿æ–°ã—ã„技術ã®åˆ°æ¥ã‚„ãれをリードã™ã‚‹è‹¥ãエンジニアãŸã¡ã®ç™»å ´ã‚’å–œã¶ã¹
è¿·ã‚ãªã„Vueã®å¦ã³æ–¹ - ã‚„ã‚らã‹Vue.js
Vueã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¯Qiitaãªã©ã«ãŸãã•ã‚“ã‚ã‚‹ã‘ã©ã€æ§‹æˆãŒåƒå·®ä¸‡åˆ¥ã§ã€ã„ã‚ã„ã‚見比ã¹ã‚‹ã¨å´ã£ã¦è¿·ã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ãªã®ã§ã€ã“ã“ã§ã¯ãªã‚‹ã¹ã一本é“ã§å¦ã¹ã‚‹ã‚ˆã†ãªã€äººã«ã‚ã£ãŸå¦ç¿’ルートをæ案ã—ã¾ã™ã€‚ 特急入門コース（仕事ã§ä½¿ã„ãŸã„ï¼ä¸€é€±é–“以内ã«å¦ã°ãªã„ã¨ã„ã‘ãªã„） ã¾ãšçŒ«æœ¬ã‚’Amazonã§æ³¨æ–‡ã—ã¦ãŠãã¾ã—ょã†ã€‚ SPAã¨MPAã®é•ã„ã‚’ç†è§£ã—よㆠSPAã¨MPAã£ã¦ä½•ãŒé•ã†ã®ï¼ŸSPAã«ã—ãŸã»ã†ãŒã„ã„？ åˆå¿ƒè€…ã¯.vueファイルã‹ã‚‰å§‹ã‚ã‚‹ã¹ã？ MPAコース CDN版ã§å¤§ããªã‚¢ãƒ—リ作れるã®ï¼Ÿ flaskã‚„railsã¨ã©ã†çµ„ã¿åˆã‚ã›ã‚‹ã®ã‹ テンプレートエンジンã¨Vueã®çµ„ã¿åˆã‚ã›æ–¹ SPAコース webpack(vue-cli)ã¯ä½•ã‚’ã—ã¦ãれるもã®ãªã®ã‹ vue-cliã§ä½•ãŒèµ·ã“ã‚‹ã®ã‹è¦‹ã¦ã¿ã‚ˆã† REST APIã£ã¦ä½•ï¼Ÿ Ajaxã™ã‚‹ã«ã‚ãŸã£ã¦å¿…è¦ãªçŸ¥è˜ ＆ axiosã«ã¤ã„㦠vue-rou
C# 㧠Single Page Web Application ãŒæ›¸ã‘ã‚‹ Blazor ãŒå‡„ã‹ã£ãŸä»¶ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Blazor ã¨ã®å‡ºä¼šã„ 今年2018å¹´2月7æ—¥ã«ã€è‡ªåˆ†ã®ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã®ã‚¿ã‚¤ãƒ ライン㫠Microsoft ã®ãƒ–ãƒã‚°è¨˜äº‹ãŒæµã‚Œã¦ãã¾ã—ãŸã€‚ A new experiment: Browser-based web apps with .NET and Blazor ブラウザベース㮠.NET ã«ã‚ˆã‚‹ Web アプリフレームワークã€"Blazor" (ブレイザー) ã ãã†ã§ã™ã€‚ ã“れをèªã‚“ã 当時ã€è‡ªåˆ†ã¯ã“ã‚“ãªæ„Ÿæƒ³ã‚’æŒã¡ã¾ã—ãŸã€‚ 「 "ブラウザベース㮠.NET ã«ã‚ˆã‚‹ Web アプリ" ã£ã¦ãªã‚“ã®ã“ã£ã¡ã‚ƒ? ã¾ã 実験段階的ãªã“ã¨æ›¸
CloudFront 㨠S3 㧠é…ä¿¡ã—㟠Angular 製 SPA ã‹ã‚‰ API Gateway を通ã—ã¦ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ | DevelopersIO
サーãƒãƒ¼ãƒ¬ã‚¹ãªè©±ã§ä»¥ä¸‹ã®ã‚ˆã†ãªæ§‹æˆã€ã‚ˆã見ã‹ã‘ã¾ã™ã€‚ CloudFront 㨠S3 㧠SPA ã‚’é…ä¿¡ã™ã‚‹ API Gateway 㨠S3 㧠CRUD API を作る よã見ã‹ã‘ã‚‹ã®ã§ã™ãŒã€ç§ãŒçŸ¥ã£ã¦ã„ã‚‹ã®ã¯ã€Œæ§‹æˆã€ã§ã‚ã£ã¦ã€Œå®Ÿè£…ã€ã§ã¯ãªã„ãªã€ã¨ã„ã†ã“ã¨ã§ç°¡å˜ãªã‚‚ã®ã‚’作ã£ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚図ã«ã™ã‚‹ã¨ä»¥ä¸‹ã®ã‚ˆã†ãªã‚¤ãƒ¡ãƒ¼ã‚¸ã€‚ ç°¡å˜ãªã‚¹ãƒˆãƒ¼ãƒªãƒ¼ å„地域ã«æŠ•ç¥¨æ‰€ãŒã‚ã‚Šã€ã‚¨ãƒ³ãƒ‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒæŠ•ç¥¨ã™ã‚‹ 地域ã”ã¨ã«æŠ•ç¥¨ãƒ‡ãƒ¼ã‚¿ã‚’CSV管ç†ã—ã¦ãŠã‚Šã€æŠ•ç¥¨ãŒçµ‚ã‚ã£ãŸã‚‰ç®¡ç†è€…ãŒä¸å¤®ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã¸CSVファイルをアップãƒãƒ¼ãƒ‰ã™ã‚‹ 想定èªè€… サーãƒãƒ¼ãƒ¬ã‚¹æ§‹æˆã§ CloudFront ã‚„ S3 を組ã¿åˆã‚ã›ãŸã‚µãƒ³ãƒ—ルを見ã¦ã¿ãŸã„方。 作ã£ã¦ã¿ã¦ 最åˆã«æ„Ÿæƒ³ã‚’書ã„ã¦ã—ã¾ã„ã¾ã™ã€‚ CloudFront 㨠S3 ã®çµ„ã¿åˆã‚ã›ã¯å¼·åŠ›ã€‚ドメインをæŒã£ã¦ã„ãŸã‚‰è¿·ã‚ãšæ¨ªç¶±æ§‹æˆã¸æŒã£ã¦ã„ãã¹ã。 API Gateway ã¯æ€ã£
SPAã§ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ç®¡ç†ã¨ã‚»ã‚ュリティ - Qiita
ç·¨é›†å±¥æ´ â€» SessionStorage→LocalStorage（永続化ã•ã‚Œã‚‹æ–¹ã¯ã“ã¡ã‚‰ã ã£ãŸï¼‰ ※ OPTIONメソッド→OPTIONSメソッド ※ JWTã«ã¤ã„ã¦å°‘ã—調ã¹ãŸã®ã§LocalStorage欄を追記 æ¦‚è¦ Frontend Meetup vol.1 - SPAを語り尽ãã™ä¼š!ã®LT資料ã§ã™ã€‚ フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ã‚¬ãƒå‹¢ã«ã¯å½“ãŸã‚Šå‰ã®å†…容ã«ãªã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 SPA探り探りãªã®ã§ã€ã”指摘ã‚ã‚Œã°ã‚³ãƒ¡ãƒ³ãƒˆãªã©ã§é ‚ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ 自己紹介（後ã§æ¶ˆã™ï¼‰ åå‰ï¼šã—ã°ãŸã“/uryyyyyyy æ‰€å±žï¼šæ ªå¼ä¼šç¤¾ã‚ªãƒ—ト å¾—æ„分野：Scala/Play2/Spark/React 最近ã¯React/Redux/TypeScriptã§æ›¸ã„ã¦ã¾ã™ã€‚ materializeã‚’å°Žå…¥ã—ãŸã®ã§ã™ãŒjQueryãªã‹ãªã‹è¾›ã„。。。 ã“ã®è³‡æ–™ã§è©±ã™ã“㨠SPAã§ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ç®¡ç† CSRFå¯¾ç– CORS SPAã§
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
MPA化ã™ã‚‹SPAã¨SPA化ã™ã‚‹MPA
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã€œã‚µãƒ¼ãƒãƒ¼ãƒ¬ã‚¹SPAã€Jamstack〜
karmaを使ã£ãŸSPAå‘ã‘E2Eテスト技法
{{#tags}}- {{label}}
{{/tags}}