JamstackのAPPをS3とCloudFrontでホスト
Gatsbyを触り始めてからJamstackを知り、Jamstackのメリットをたくさん実感しました。Jamstackプログラムを静的なhtmlに出力でき、進化しつつあるブラウザとJavaScriptに恵まれ、ただの表示だけではなく、ユーザとの交互することもできます。
投稿数 92 件（61 ～ 70件目）
MacOSにHomestead環境の導入
Vagrantはプロジェクトを参加する全員に同じ開発環境を提供できる上、ホストにも汚染しない仮想技術となります。HomesteadはVagrantの上でさらに一般開発に必要なものを全部組み込んでいる特殊なVagrantとなります。
レガシーのウェブサイトのパフォーマンスチューニング
パフォーマンスはウェブサイトの死活問題となります。表示スピードが早ければ早いほど、離脱率が低くなる傾向があります。もちろんAMPの対応するウェブページを作ったほうが一番ですが、レガシーのウェブサイトをなかなか簡単にAMP化できないのは現実です。なので、パフォーマンスの改善をまずやりましょう。
リスタートし続かるdockerコンテナーに入って調査
時々dockerコンテナーに入って調査する必要があります。コンテナーが正しく起動されたら、下記のコマンドで簡単に入れますが、エラーが発生して停止され、もしくは永遠に最起動中になっているコンテナーにどう入ればいいでしょうか？
Netlifyのfunctionsにexpress-graphQLをデプロイしてみた
Netlifyでサーバーレスのアーキテクチャを無料で構築できることご存知ですか？今日はNetlifyの`functions`を使って、express + serverless + GraphQLの`HelloWorld`を作ってデプロイしてみましょう。
LazyLoad GoogleMap
地図付きのウェブページと言えば、GoogleMapでしょう。GoogleMapApiが簡単で使いやすくとても助かります。ただし、GoogleMapの導入により、ウェブページのパフォーマンス（ローディングスピード）の落ちることに注意しなければいけません。
ウェブサイト開発のレガシーvsモダン
Reactを触ってからMVCでプロジェクトを開発するチャンスがだんだん少なくなってきました。最近人気の開発手法はフロント側React, Vue, AngularJSとなり、バックエンド側はGraphQL、LambdaまたAPIサーバーとなります。レガシーならMVC＋jQueryとなるでしょう。
ランディングページに問い合わせフォームのサードパーティ・ コードの遅延
ランディングページはユーザが最初にアクセスするページとなります。いつもトップページのことを指しています。 有意義なコンテンツをトップページに置くことで、アクセスしてきたユーザにアピールできるでしょう。 thundermiracle.comをリニューアルするとき、Netlify…
Pleskの追加デプロイメントアクションにdocker, docker-composeを実行
dockerコンテナーを使えば、開発、テスト、デプロイの一貫性が保つからすぐい便利でしょう。PleskはdockerコンテナーのCDをサポートしていませんが、Gitレポジトリの`追加デプロイメントアクション`を利用すれば実現できます。
.Net CoreのプロジェクトをPleskにデプロイ
Pleskを使えば、PHP、Node.jsのアプリケーションを簡単に管理できます。さらに、Let's EncryptでSSL証明書の管理、メールサーバーの管理もできるのはすごく便利ですが、今のところ（2020/07/06）で、.Net Core、aspnet coreのアプリケーションのデプロイをサポートしていません。