並び順

ブックマーク数

期間指定

  • から
  • まで

41 - 80 件 / 96件

新着順 人気順

netlifyの検索結果41 - 80 件 / 96件

  • Netlify Edge Functions: Serverless Compute Powered by Deno

    We’re pleased to announce that Edge Functions is now available in public beta on the Netlify platform. Edge Functions enables you to run serverless JavaScript/TypeScript functions right from Netlify’s Edge network. It’s a full runtime environment, with complete control to transform requests and responses, stream server rendered content, or even run an entire application—all right from the network

      Netlify Edge Functions: Serverless Compute Powered by Deno
    • Gatsby is joining Netlify | Gatsby

      I’m excited to announce that Gatsby Inc. is joining Netlify in order to spread the growth of Gatsby and composable architectures across the entire web. To see how we got here, let’s start by rewinding back in time. Eight years ago, I was a front-end developer, and I fell in love with React. At the time, React was a tiny emerging framework for apps, but I wanted to build a website with it. So I too

        Gatsby is joining Netlify | Gatsby
      • Next on Netlifyプラグインを使ってNext.jsのサーバ機能をNetlifyへデプロイする - GMOインターネットグループ グループ研究開発本部

        2021.01.06 Next on Netlifyプラグインを使ってNext.jsのサーバ機能をNetlifyへデプロイする こんにちは。F.S.です。 近年、Webフロントエンド界隈ではJamstackによる静的サイトの生成(SSG)&ホスティングが盛んになってきている印象を受けます。筆者はReactの経験はあれどどちらかというとサーバサイドエンジニアをメインにやっていてSSGはそれほど明るくないのですが、サーバレスの潮流もあってこの分野に注目し始めました。 Jamstackサイトのホスティングについては、Jamstackというワードを生み出したパイオニアであるNetlify、Next.jsの開発元であるVercelがありますが、CDN等で著名なCloudflareも同機能を準備しているのではないかという情報もあります。 今回はバージョン10が登場して勢いがあるNext.jsで作られた

          Next on Netlifyプラグインを使ってNext.jsのサーバ機能をNetlifyへデプロイする - GMOインターネットグループ グループ研究開発本部
        • Introducing Edge Handlers in Preview

          As adoption of the Jamstack model has become more widespread, so have the needs of a traditional CDN shifted. Today, content is expected to be fast, highly customizable, and up to date within a fraction of a second. Strictly static CDNs, which store static assets and serve them indistinguishably for every request, are insufficient to handle the more dynamic, personalized nature of modern content.

            Introducing Edge Handlers in Preview
          • jawssonic2020_AWSサービスで_JAMStackの構築をしてみた.pdf

            MixIT 2024 - Pulumi : Gérer son infra avec son langage de programmation préféré

              jawssonic2020_AWSサービスで_JAMStackの構築をしてみた.pdf
            • NetlifyとGithubを連携させ、サイトのアップロード作業を自動化する方法 – 株式会社ライトコード

              Netlify(ネットリファイ)とは? Web サイトを作成したとき、いったいどこにアップロードすればいいか頭を悩ませることはありませんか? FC2 サーバーや、さくらのレンタルサーバー、ロリポップレンタルサーバーなどもありますが、今回は海外のサービスである Netlify(ネットリファイ) を紹介したいと思います。 自分で作成した HTML ファイルを公開する場合、手軽に利用できるのでおすすめです。 Netlifyは静的コンテンツを配信してくれるWebサービスNetlify(ネットリファイ) とは、静的コンテンツ(HTML・CSS・JavaScript) を配信してくれる Web サービスです。 Github や Gitlab 、Bitbucket といった Git リポジトリサービスと連携することで、git push をした途端に、サイトを更新することができます。 こんな方にオススメの

                NetlifyとGithubを連携させ、サイトのアップロード作業を自動化する方法 – 株式会社ライトコード
              • Announcing the FaunaDB Add-on for Netlify

                We’re excited to announce the FaunaDB Add-on for Netlify, which empowers users to create a fully-featured, globally-distributed data backend for their applications within seconds. Get started with the FaunaDB Add-on for Netlify-> This integration allows users to instantly add FaunaDB to any JAMstack project running on Netlify, and to manage the database instance via FaunaDB Console. What is FaunaD

                  Announcing the FaunaDB Add-on for Netlify
                • Get Faster Builds for Large Sites on Netlify: On-demand Builders

                  Today we’re excited to announce On-demand Builders, a new solution to improve build times for large sites on Netlify. Along with the proposal for Distributed Persistent Rendering (DPR), this release represents the first step forward in a significant evolution of the Jamstack architecture to support larger websites and faster development cycles—across any JavaScript framework. Reducing build times

                    Get Faster Builds for Large Sites on Netlify: On-demand Builders
                  • GitHub - google/eleventy-high-performance-blog: A high performance blog template for the 11ty static site generator.

                    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                      GitHub - google/eleventy-high-performance-blog: A high performance blog template for the 11ty static site generator.
                    • Ending Support of Netlify Graph

                      Hello all ! As of May 1st 2023 Netlify Graph has been deprecated. We have received loads of feedback and after much consideration we have decided to discontinue support of this product. We will be focusing our efforts on enabling developers to build composable websites, stores, and apps with greater efficiency, and we look forward to what the future holds. Thank you for helping us be a part of our

                        Ending Support of Netlify Graph
                      • Stackbit: The Visual Editor for Composable Websites

                        Manage all your sites. Reuse code, content, and designs.

                          Stackbit: The Visual Editor for Composable Websites
                        • Cloudflare Pagesの利点および導入手順 - 点と接線。

                          こうして比較してみると、やはり後続なだけあってCloudflare Pagesの優秀さが目立つ。Netlifyに関してはフォームの設置を検討しないのであれば、Cloudflare Pagesより優先して採用すべき理由は特に見当たらない。ヘッドレスCMSとの連携はNetlifyの大きな利点だったが、つい昨日、Deploy Hooksなる新機能が発表され、Cloudflare Pagesでもじきに同様の運用が行えるようになった。 Firebase Hostingもかつては速度面での優位性があったが、既に関連のWebサービスがFirebase上で構築されていて、部分的に静的サイトを要する案件でもなければあえて使うメリットはなさそうだ。Firebaseの機能はあまりにも膨大すぎるせいか、ブログ用途ではかえって煩雑さを招いている節が否めない。その点、Cloudflare Pagesの設定項目は上手く

                            Cloudflare Pagesの利点および導入手順 - 点と接線。
                          • Netlifyの無料枠を越えてしまい、1日20ドル請求されてしまった話

                            2019年の1月からNetlifyの無料プランでブログを運用していたのですが、直近記事でEmacsの操作をわかりやすく伝えるため、富豪的にアニメーションGIFを多用した結果、無料枠のデータ転送量制限(無料プランは1ヶ月100GB)を越えてしまい、1日20ドルを請求されるようになりました。 もちろん、これは自分のミスなのでNetlifyは悪くないのですが、この制限を知らなかったのでいつからあるのか調べてみたらどうやら2019年の2月にアナウンスされていて、そりゃ知らなくても仕方ないよなと思いました。 制限超過の通知メール # Netlifyからの通知はこんな感じのメールがきました。 一番上にYou’ve got more room to grow!とか書いてあるから、何かいい話なのかなとか思ったけど、請求って書いてあるし何だろと思いながらダッシュボードを開いてみると、40ドルの請求と表示され

                              Netlifyの無料枠を越えてしまい、1日20ドル請求されてしまった話
                            • 【入門】Netlify Functionsコトハジメ - Qiita

                              前書き Netlify Functionsの入門記事になります。 導入するにあたり色々調べても日本語の記事が少なかったり、Nuxt.jsと組み合わせてどうたらみたいなNetlify Functionsの事に絞られてない記事が多かったので自分用の備忘録も兼ねて。 前提としてJavaScriptチョット書ける、npm使える位の人からを対象とした記事です。 この記事を読むと ・Netlify Functionsの使い方が何となく分かるようになる。 ・ローカルでNetlify Functionsのエミュレートが出来るようになる。 ・Netlify Functionsを介して外部のAPIとやり取り出来るようになる。 ・Netlifyでの環境変数の設定の仕方が分かるようになる。 Netlify Functions is 何 Netlifyが提供しているアドオンの1つ。 FaaS(Function as

                                【入門】Netlify Functionsコトハジメ - Qiita
                              • ノーコードでJAMstackなWebサイトを作成できる「Stackbit」を使ってみた! - paiza times

                                どうも、まさとらん(@0310lan)です! 今回は、JAMstack*1を構成できるさまざまなサービスと連携してサイトを手軽に作成できる無料のWebサービス「Stackbit」をご紹介します! しかもプログラミング不要で、話題のノーコード(NoCode)サービスとしても人気が高いことで知られています。面倒な処理はすべて自動化されているので、誰でも手軽に最新のWebサイトを作ることができます。 Webサイト制作やJAMstackなどにご興味ある方は、ぜひ参考にしてみてください! 【 Stackbit 】 ■「Stackbit」の使い方 それでは、基本的な「Stackbit」の使い方から見ていきましょう! まず最初にトップページにある【TRY NOW】ボタンをクリックします。 JAMstackを構成する各サービスを選択する画面が表示されます。 2020年5月時点において、選択できるサービスは

                                  ノーコードでJAMstackなWebサイトを作成できる「Stackbit」を使ってみた! - paiza times
                                • Netlifyに7ドル支払った話(GitHub ActionsでNetlifyにデプロイする)

                                  はじめにNetlify はとてもいいサービスです。Netlify は高機能なホスティングサービスです。このブログも Netlify を利用しています。 ある日、Netlify から 7 ドル請求されました。支払わないとサービスを停止すると言われました。 無料プランを利用していて、課金をした覚えはありません。 なんで勝手に課金したことになってるんだ。自分の意思じゃないから払う気なんか無い。 そう思っても、支払わないとこのブログが続けられなくなるという事実は変わりません。 そうして僕は 7 ドル支払いました。 当時のツイートNetlifyのビルド時間が上限の300分達してしまい、そのまま放っておいたら、いつのまにか500分プラスされていた。ラッキーと思ってたら7ドルの請求来た。「7ドル払ってね。じゃないとサービス停止してしまうよ」というメールも飛んできた。 どうやら自動で課金されるようだ。 —

                                    Netlifyに7ドル支払った話(GitHub ActionsでNetlifyにデプロイする)
                                  • Netlify FunctionsでLINE BOTを作ってみる - Qiita

                                    Netlify FunctionsはAWS Lambda上で動作するNode.js環境です。最近のnowとかに似てる雰囲気ですね。 ある程度無料でNode.jsがホスティングできる環境っぽい雰囲気で覚えておくと良いかもしれません。 ちなみに今日は東京ハッカソン@ヒーローズ・リーグ 2019 by MAのハッカソン会場からです。 #ヒーローズリーグ Netlify Functionsでのハローワールド 【入門】Netlify Functionsコトハジメなどの記事を見るとハローワールドが出来ます。 プロジェクトルートにnetlify.tomlを追加 まずは、通常のNode.jsプロジェクトを作ります。

                                      Netlify FunctionsでLINE BOTを作ってみる - Qiita
                                    • ApexドメインをALIASレコードで運用してはいけない

                                      English version is here. ApexドメインはNakedドメインとも呼ばれ、サブドメインがついていないドメインを指す。自分のアプリ「Inkdrop」のウェブサイトを今まで inkdrop.app で運用してきたが、最近 www.inkdrop.app に移動した。Netlifyという、しばしば速いと評判のウェブホスティングサービスにデプロイしている。確かに、多くのNetlifyでホストされているウェブサイトがとても高速に読み込まれているのを目にした。しかしなぜか自分のサイトはそこまで速度が出ていなかった。特にTTFB (Time-to-first-byte)が異常に遅くて、常に200msより大きく、さらに120KBのダウンロードに800msもかかっていた。いったいなぜ? ALIASレコードはgeo-targetingを無効化するもしあなたが自分のドメインを持っているな

                                        ApexドメインをALIASレコードで運用してはいけない
                                      • 自社サイトを徐々に Netlify へ切り替えている

                                        今まで自社のサイトは Nginx / Django か Sphinx / Vulter という構成だったが、Next.js + Netlify でいいのではないか、ということで切り替えをすることにした。 なぜ Netlify なのか最低条件が HTTPS 化するさいに Let’s Encrypt を使っていること、でした。これで AWS (CloudFront) がなくなりました。あとは実際にさわってみて、です。 デプロイが簡単だった月の費用が 45 ドルと現実的だったCDN 前提だった管理画面がシンプルでわかりやすかったGitHub 連携が簡単だったDNS 設定が簡単だったデプロイが高速だったSlack 連携が簡単だったパスワードかけるのが簡単だったSphinx のビルド、デプロイが簡単だったサイト数に制限がなかった請求メールが別に指定できたGitHub でアカウントが作れたアカウント招

                                        • 【CMS比較】NetlifyCMSからmicroCMSへ乗り換えたら幸せになった話

                                          いきなりですが。 運営して間もないJAMstack構成な当ブログですが CMSをmicroCMSに乗り換えました!👏 (正確に言うとNetlifyCMSも併用していますが。笑) そこで今回、NetlifyCMSで感じた課題、microCMSの便利な点、microCMSでの課題など 観点ごとに思った事をまとめてみました。 HeadlessCMSを導入する際の参考になれば良いかなと思います! まず、それぞれのCMSに関して簡単にまとめます。 NetlifyCMSとはNetlifyCMS(https://www.netlifycms.org/) アメリカのNetlify社が運営する静的ホスティングサービス、「Netlify」のひとつの機能として搭載されたCMSです。 設定ファイル(ymlファイル)一つで管理画面をカスタマイズする事ができ、非常に簡単に管理画面を構築できます。入稿した記事はGit

                                            【CMS比較】NetlifyCMSからmicroCMSへ乗り換えたら幸せになった話
                                          • GatsbyとNetlifyで簡単にブログを作成 - Qiita

                                            概要 Gatsbyのスターターと、Netlifyを使用して誰でも5分で爆速ブログを作成する方法を紹介します。 記事内ではこちらのブログをデプロイまで行います。 Gatsbyとは? Gatsbyに関してはこの方の記事でとても良く説明されています。 Reactベース静的サイトジェネレータGatsbyの真の力をお見せします - Qiita Gatsbyのインストール Gatsbyがインストールされていない場合は以下のコマンドでインストールしましょう。 ブログの作成 以下のコマンドでブログを作成します。 my-blogの部分でブログの名前を指定します。 https://github.com/gatsbyjs/gatsby-starter-blogの箇所は使用するスターターを指定します。 こちらから好きなデザインを選ぶ事が可能です。

                                              GatsbyとNetlifyで簡単にブログを作成 - Qiita
                                            • Announcing one-click install Next.js Build Plugin on Netlify

                                              Excited about the future of the web and AI? Check out the discussions from our latest event. Watch now! Close announcement bar

                                                Announcing one-click install Next.js Build Plugin on Netlify
                                              • Netlifyの無料枠と料金に関してのまとめ - suzu6の技術ブログ

                                                Netlifyは楽にWEBサイトのホスティングができるサービスです。 2018年12月にこのブログを移行してから数か月経ちました。 実際の利用状況と一緒に料金プランについて紹介していきます。 追記:2019/04/09 料金体系の変更を反映しました 追記:2020/01/25 無料枠での利用状況を更新しました 追記:2020/04/14 無料枠での利用状況を更新しました ToC Netlify 無料枠について Netlifyの利用量 このブログの利用状況 2020/04/14 追記 料金に関するFAQの要約 制限を超えそうになったら チームレベルを下げるには 使用制限を設定できない 請求サイクルについて こちらもどうぞ Netlify Netlify 無料枠が大きい!CIも簡単!最初からSSL!使い方がシンプル!なホスティングサービスです。 Nuxt.jsやGatsbyJSなどで作った静的

                                                • Stackbitを触って感じるWebアプリ構築の進化のひとつの形 - BASEプロダクトチームブログ

                                                  この記事はBASEアドベントカレンダー 19日目の記事です。 devblog.thebase.in Webアプリの解体 こんにちは。フロントエンドエンジニアの松原(@simezi9)です 近年、Webアプリはクラウドの発展とともにそのあり方を大きく変質させてきました。 具体的にはXaaSの発展により、Webアプリはその構成要素をあらゆるレイヤにおいて細かく分解され、それらを開発者が組み合わせることで作られるようになりました。 このアプローチによりシステムはプラガブルになり可用性の面でも品質面でも大きく進化しました。 その反面で当然このアプローチにも問題があります。その最たるものが組み合わせの複雑度の増加だと思います。 あらゆるものがプラガブルになった反面、それぞれのサービスをどのように組み合わせてWebアプリを構築していくのか自体が一つの知見・分野となり、「昔はWebアプリフレームワーク一

                                                    Stackbitを触って感じるWebアプリ構築の進化のひとつの形 - BASEプロダクトチームブログ
                                                  • Netlifyへのデプロイをビルド時間0で行うためのGitHub Actions - Qiita

                                                    やりたいこと Netlifyにデプロイをしたいです。 なおかつビルド時間0でデプロイしたいです。そのためにGitHub Actionsを使ってNetlifyにビルド結果をそのままデプロイします。 Netlifyなら300ビルド分が無償なところが、GitHub Actionsなら公開リポジトリは無償でビルド時間無制限なはずです! Netlifyの魅了は「https://5e393ed8065133a87c00914c--piping-ui.netlify.com」のようにデプロイ毎に贅沢にサブドメインのサイトを作ってくれるところです。そのため両者を組み合わせるとビルド時間を気にせず公開リポジトリのgit pushごとに静的サイトのホスティングが無償でデプロイできてしまうはずです。 (Netlify FunctionsもあるのでFaaSも無償でいけそうです。) やりかた 以下のような.gith

                                                      Netlifyへのデプロイをビルド時間0で行うためのGitHub Actions - Qiita
                                                    • Modern Web Development on the JAMstack: Modern Techniques for Ultra Fast Sites and Web Applications

                                                      Really pause and think about how much time and effort web teams around the world have spent building and managing infrastructure. For many years, launching a site or web application has been as much about deploying complex server environments as it’s been about building actual application code. The cloud made provision- ing all these resources faster but no less complicated. The JAMstack was born

                                                      • Netlify Functionsでブログカードを埋め込むHugoのshortcodeを実装しました - A1 Blog

                                                        Hugoでブログを書いていてずっと欲しかったブログカードをshortcodeで実装してみました。 はてなブログでURLを「埋め込み」形式で貼り付けたときのイメージを目指します。 以下の流れでやっていきます。 指定したURLのogp情報を取得するNetlify Functionを作成Netlify Functionから取得したogp情報を元にブログカードを生成するshortcodeを作成ブログ記事からshortcodeを呼び出す取得する情報当ブログにも設置していますがheadタグ下のmetaタグから必要な情報を取得します。 記事の「タイトル」「アイキャッチ画像」「記事の説明」が今回取得したいものになります。 Twitter Cardからも欲しい情報は取得できますが今回はogpタグから取得します。 <meta name="description" content="Mac OSのDockerで

                                                          Netlify Functionsでブログカードを埋め込むHugoのshortcodeを実装しました - A1 Blog
                                                        • はじめてのNetlify: git pushでサイトを公開する極小手順 - Qiita

                                                          この投稿では、GitHubへのgit pushを引き金に、gitリポジトリ内の静的HTMLをNetlifyにデプロイし、サイトを公開する方法を紹介します。 本稿の手法は、Netlify入門者が分かるよう、下記のとおり極限まで単純化してます: 静的サイトジェネレーター不使用 「HTMLをgit pushしたら、Netlifyにデプロイできる」を体験することが本稿の目的です。なので、現実のサイト構築で使うことになる静的サイトジェネレーターは使いません。現実的なデモではないですが、HTMLをデプロイできることが知れれば、静的サイトジェネレータで生成したHTMLもデプロイできることになるので、ここで学んだことは活きます。 作るのはHTML1ファイル & Netlify設定ファイル1つ 作るファイルはHTML1つと、Netlifyの設定ファイル1つだけです。HTMLは「Hello World」の1行

                                                            はじめてのNetlify: git pushでサイトを公開する極小手順 - Qiita
                                                          • Edge Handlers - Edge Computing Platform

                                                            Edge Handlers Early Access Fast, personalized web experiences. Run custom code right from the network edge with incredible performance. A seamless part of your Netlify development workflow. Request access Questions? Talk to an expert Serve dynamic, personalized content instantly Supercharge your web apps with custom javascript logic that runs on the network edge. Modify each request to localize co

                                                              Edge Handlers - Edge Computing Platform
                                                            • OG画像のためだけのFunctionsで、 htmlベタ書き&リダイレクトをやめるんだ

                                                              React Native for WebでもOGP対応がしたい! ~ TECH STAND #2 React Native 2020/12/18 ~

                                                                OG画像のためだけのFunctionsで、 htmlベタ書き&リダイレクトをやめるんだ
                                                              • Netlify Analytics

                                                                Excited about the future of the web and AI? Check out the discussions from our latest event. Watch now! Close announcement bar

                                                                  Netlify Analytics
                                                                • NetlifyでWebサイトを公開する方法 - Qiita

                                                                  Netlifyというサービスを使って自分のポートフォリオサイトを公開してみました。 サイトを公開するには様々な方法がありますが、静的なサイトであれば専用のサービスを使うとお手軽です。 公開したサイトはここです→ https://shozzy.netlify.app/ 12 流れ ローカルでサイトを作り、GitHubにpushしておく Netlifyの初期設定と初回デプロイ サイトを更新する 1.ローカルでサイトを作り、GitHubにpushしておく 詳細は別記事にしますのでここでは割愛します。 今回はVue.js+Vuetifyで静的サイトとして制作しました。 普通に App.vue を編集して内容を作り込み、最終的に npm run build が正常に通るようにしておけばOKです。3 出来上がったら、git で add, commit, push をしておきます。 2.Netlifyの

                                                                    NetlifyでWebサイトを公開する方法 - Qiita
                                                                  • Netlifyとは? 〜概要から導入まで〜 - bagelee(ベーグリー)

                                                                    新しい技術にチャレンジし続けるeishisのアドベントカレンダーDay12です! 前回はFirebaseのRealtime DatabaseのデータをRubyから、firebase-rubyというGemで操作を行うという記事でした。 Rubyからfirebase-rubyでRealtime Databaseにアクセスする 今回は静的ホスティングサービスである「Netlify」についてご紹介します! Netlifyとは? Netlifyは、静的サイトをホスティングすることができるWebサービスです。 WordPress等の動的な処理のいらないLPなどの静的なWebサイトであればNetlifyを通じて公開することができます。 公開手順も非常に簡単で、公式サイトでも「Deploy your site in seconds.」とうたっているだけのことはあり、 3ステップほどで公開することができます

                                                                      Netlifyとは? 〜概要から導入まで〜 - bagelee(ベーグリー)
                                                                    • WordPressで生成した静的サイトをNetlifyで公開する – marketechlabo

                                                                      WordPressのウェブサイトを静的化し、Firebaseで配信する | marketechlabo Netlifyとは WordPressで静的サイトを生成し、Netlifyで公開する。Netlifyは 静的サイトのホスティング AWS Lambdaのような関数 フォーム などができる、サーバレスで何らかのサービスを配信するためのプラットフォームである。個人用途であれば大部分の機能を無料で使える(複数ユーザ、Basic認証などは有料)。 端的に言うと静的サイトの配信を無料でできるサービスである。リダイレクトや転送(リバースプロキシ)も可能でリスト形式で設定できる。動的コンテンツは別のサーバに設置してそこに転送するということも可能。独自ドメインも使用でき、自動でSSL証明書(Let’s Encrypt)も取得、適用、更新してくれる。これが無料とは至れり尽くせりである。 コンテンツのでデプ

                                                                        WordPressで生成した静的サイトをNetlifyで公開する – marketechlabo
                                                                      • Next.js×TypeScript×microCMS×MantineUI×Netlifyでブログを作成したのでまとめと感想

                                                                        Next.js×TypeScript×microCMS×MantineUI×Netlifyでブログを作成したのでまとめと感想 はじめに この記事は、タイトルに記載の通りの技術スタックで趣味の芝生管理用のブログを作成したので、簡単にまとめと感想を書いておこうと思います。 実際のブログはこちら GitHubリポジトリはこちら(参考になった方は🌟をポチッと🙏) ブログ作成の動機 普段業務でNextjs(React)を触っているがSSRする必要がないアプリケーションということもあり、ファイルルーティングの機能くらいしか触っていなかったため、SSGやSSRの機能をちょっと触っておきたかったのと、最近流行りのJAMStack構成をmicroCMSを用いて経験しておきたかったという2点が主な動機です。 あと、勤めている会社でホームページを作り直す話があがっていたので、JAMStack構成を提案するた

                                                                          Next.js×TypeScript×microCMS×MantineUI×Netlifyでブログを作成したのでまとめと感想
                                                                        • Next-generation of Deploy Previews and Netlify acquisition of FeaturePeek

                                                                          About five years ago, Netlify pioneered the concept of Deploy Previews. We learned a lot from emerging best practices in large development teams and created an automated workflow where every push to Git can generate a unique preview URL. While this made it much easier for teams to share progress, it exposed a new challenge: gathering feedback on that preview. It’s not uncommon for feedback to roll

                                                                            Next-generation of Deploy Previews and Netlify acquisition of FeaturePeek
                                                                          • Asciidoc でブログを書きたい

                                                                            はてなブログでは、記事を Markdown にて書いていたのですが、最近自分の中で Asciidoc が熱く、 ブログ記事も Asciidoc で書きたいなという思いが高まり、 勢い余ってブログを移行することにしました。

                                                                              Asciidoc でブログを書きたい
                                                                            • Gatsby + Netlify + WordPressでHeadless CMS化してみた。 - Qiita

                                                                              WordPressの表示速度を改善するために、フロントエンドで静的サイトジェネレーターを使う事にした。 英語では「Static site generator」。 使用したジェネレーターはReactベースで爆速の表示速度が魅力的な、Gatsby。 ワックスやジェルとかでお世話になった整髪料ブランドではない。 ほぼ自分用メモ。 使用技術 Gatsby https://www.gatsbyjs.org/ Best of JavaScript (https://bestofjs.org/tags/ssg/) ではNext.jsに次ぐ人気。 コミュニティも拡大しており、これからを担う主要な静的サイトジェネレーターになっていくと思われる。 gatsby-starter-wordpress https://www.gatsbyjs.org/starters/GatsbyCentral/gatsby-st

                                                                                Gatsby + Netlify + WordPressでHeadless CMS化してみた。 - Qiita
                                                                              • NetlifyからVercelへの移行を検討した話 - suzu6の技術ブログ

                                                                                最近ブログを新しく作り直しました。 また、ブログのPV数も増え月に70GBほどの配信量となり無料枠の上限に迫ってます。 ここまで大きくなったのは、2年間Netlifyにはお世話になったおかげで無料枠で収まる範囲で利用を続けてきました。 CIで簡単にホスティング出来るのはめちゃくちゃ便利で好きなサービスです。 しかし、Netlifyのスループットが遅く1MBのファイルのダウンロードに1分超えることもありました。普段では2~4秒くらい。 サイトの速度のボトルネックがNetlifyのスループットの遅さとなりました。 課金をしてNetlifyの利用を続けるか、他のホスティングサービスやレンタルサーバに乗り換えるかの考えをまとめる。 現状とVercelについて書きました。 ※無料枠での話です。 Netlifyで公開しているサイトの速度 PageSpeed InsightsとChromeのDevelo

                                                                                • 爆弾パズルゲームにタイミングとアニメーションを追加 - POTTIRI'S AUTOBIOGRAPHY

                                                                                  お疲れさまです。POTTIRIです。 寒くなってきたので我が家も鍋が増えてきました。 今日はおでんです。 以前関東に住んでた頃、スーパーに牛すじが売ってなくて困ったのですが、 おでんに牛すじ入れるのって西の方だけなんです? さて、本日やっとこさ爆弾パズルゲームで敵を動かすことができるようになりました。 今日のステージ 技術的な話 今日のステージ 今日はこちらです。 敵が動くようになりました。 敵の動きを予測してちょうどいいタイミングで爆弾をおいてください😉 現状縦の動きしか実現できていませんが、横や斜めの動きも作っていきたい。 思い描いているのは、 一瞬考えて 一瞬タイミングを測る そんな小さい小さいパズルを日々のスキマ時間にあわよくばやってもらうゲーム。 ちょっとずつ理想に近づけていきたいです。 あと、爆弾を置いた時に動きをつけたりしています。 これにより爆弾を置くのに一秒かかるように

                                                                                    爆弾パズルゲームにタイミングとアニメーションを追加 - POTTIRI'S AUTOBIOGRAPHY