概要Next.js + Now +Typescriptで爆速デプロイ💣 目次Next.jsとはなにか なにがいいの? Nowとはなにか なにがいいの? 実装Next.js +Typescript環境作成 NowでデプロイNext.jsとはなにか 以下公式ドキュメント翻訳 Server RenderingNext.jsを使用すると、Reactアプリケーションのサーバーレンダリングが、データの送信元に関係なく、かつてないほど簡単になります。 Static Exporting 新しいフレームワークを学ぶ必要はありません。Next.jsを使用した静的サイトのエクスポートは、1つのコマンドと同じくらい簡単です。CSS-in-JSNext.jsには付属してstyled-jsxいますが、ご存知のすべてのCSS-in-JSソリューションでも動作します。 Zero Setup 自動コード

2017/01/16 (月) 追記:CircleCI の公式ドキュメントに yarn の導入方法が明記されています。今後はそちらに合わせるのがベターです。 Install and Use Yarn (the NPM replacement) onCircleCI -CircleCI これまで行っていた設定だと、yarn のパッケージインストールのタイミングで「すでに yarn がインストール済み」とエラーが発生するようになってしまいました。よって以下は古い記事なので、読み飛ばしてください。 要約すると yarn 0.17.x から、キャッシュ保存先が OS によって変わる ようになった! CI で ~/.yarn-cache/ をキャッシュする設定を入れている場合、正しいパスに変える必要がある ~/.cache/yarn/ (Linux の場合) 事の流れ 先週あたりから、npm に

I have recently found out about Nanobox.io and sawit as anexcellent alternative toHeroku when deploying an Elixir, Phoenix andElm application. The most important advantage of using Nanobox instead ofHeroku (which I’m a huge fan) is thatit allows for each Elixir node to talk to each other directly. Another advantage is that you can deploy to Cloud computing engine other thanAWS such as Azure
IntroductionIt is no secret by now that theAngular CLI is the preferred method to develop anAngular application due toitssimplicity and power at the same time. One of the main advantages of usingAngular CLI is thatit hides a lot of the ceremony involved increating anAngular application (deciding on a styleguide, setting up the package.json file, setting up the client sidebuild system, s

The focus of thisguide is to help developers learn how to secure anAngular application by implementing user authentication. You'll enhance anAngular starter application to practice the followingsecurity concepts: Add userlogin andlogout.Retrieve user profile information.Protect application routes.Call anAPI with protected endpoints.This tutorial uses theAuth0Angular SDK to secureAngular
YourAWSLambda function’s code comprises a .js or .mjs file containing your function’s handler code, together with any additional packages and modules your code depends on. To deploy this function code toLambda, you use a deployment package. This package may either be a .zip filearchive or a container image. For more information about using container images with Node.js, see Deploy Node.js Lamb
こんにちは、エンジニアののびすけです。先日はAWSユーザーに向けて「AzureでもAWSと同じようなことができるよ!」という記事を書きました。 今日は、そんなAzureの人気サービスのひとつ「WebApps」を紹介します。 Web Appsとは https://azure.microsoft.com/ja-jp/services/app-service/web/ 「Web Apps」とはAzureが提供するPaaSです。昔はAzure Websitesと呼ばれていました。 Web Appsではインフラ側の設定を自分でやらなくても、サーバーサイドプログラムを動作させることができます。デプロイや自動スケールの設定などもできるため、Web制作で必要になる機能の大半をカバーできます。 一説によると 世の中のWebサイトの8割はPaaSで運用可能だという話もあります。イメージしやすいサービスでいうと

node.js アプリケーションのデプロイをする時の選択肢が あまりにもありすぎて、結局どうすればいいのよ?ってなったので、 いったん基礎からまとめてみます。 デプロイとは何か? アプリケーションのデプロイは大きく2つのフェーズに分かれます。 ファイルを所定の場所に置く 置かれたファイルの再ローディング 文章にするならば『ファイルを各サーバーの所定の場所におき、それらのファイルを再度ロードをする。』になると思います。 Webアプリケーションの場合 ファイルを所定の場所に置く前にテストを走らせたり 置いた後に静的ファイルを生成したりと、この2つの前後にはもっと色々なフェーズがありますが、 デプロイのタスクは、大きく分けてこの2つになります。 ファイルを所定の場所に置く サーバーにファイルを置く作業は、以下のような方法があります。 FTP tar などで圧縮scpで転送して解凍rsync g

1リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く