技術ブログをNuxt + Netlify + Contentfulから、はてなブログ for DevBlogに移行しました - もふもふ技術部

2024/02/07 11 users Nuxt Contentful 出口 移行 タイトル

こんにちは。出口です。 タイトルにある通り、技術ブログをはてなブログに移行しました。 この記事では、なぜ移行することになったのか、どうやって移行したのか、移行で苦労したところなどをまとめておきたいと思います。 もし脱セルフホストブログ、脱Contentfulや、はてなブログへの移行をお考えであれば参考になるの... 続きを読む

絶対に画像をダウンロード&スクレイピングさせないWebページを本気で作ってみた

2023/05/26 260 users Webページ 画像 nginx Docker React

potpro (ぽとぷろ)Full-stuck engineer(Not Full-stack) JS/PHP/Go/Docker/Nginxなど。技術または趣味よりの発信ブログです。このブログ自体も自分がnetlify/gatsbyJS/Reactで書いてます。一部の記事はgithubアカウントでコメントできます。 絶対に画像をダウンロード&スクレイピングさせないWebページを本気で作ってみ... 続きを読む

Astroで作成したWebサイトをAWS Amplify ホスティングにサクッとデプロイしてみた | DevelopersIO

2023/02/28 54 users astro デプロ DevelopersIO Vercel

こんにちは！コンサル部のinomaso(@inomasosan)です。 前回Astroでローカル環境にWebサイトを構築したので、今回はAWS Amplifyでのデプロイを試してみました。 デプロイ先について Astroの公式ドキュメントにはNetlifyやVercelといった様々なデプロイ先のガイドがあります。 今回は使ったことのないAWS Amplifyにデプロ... 続きを読む

JAMスタックのNetlify、静的サイトジェネレータ開発元のGatsby買収を発表。Webサイトホスティングサービス強化へ

2023/02/02 12 users JAMスタック GATSBY ホスティングサービス 買収 発表

JAMスタックのNetlify、静的サイトジェネレータ開発元のGatsby買収を発表。Webサイトホスティングサービス強化へ Webサイトのホスティングサービスを提供するNetlifyは、静的サイトジェネレータGatsby.jsの開発元であり、GatsbyをベースにしたWebサイトホスティングサービスを提供しているGatsbyの買収を発表しました（N... 続きを読む

JAMスタックのNetlify、Denoを採用したサーバレス環境「Netlify Edge Functions」ベータ公開。Deno Deployの分散エッジでNext.js/Nuxt/SvelteKit/Remixなど実行

2022/04/20 75 users Nuxt deno SvelteKit Remix ベータ公開

JAMスタックのNetlify、Denoを採用したサーバレス環境「Netlify Edge Functions」ベータ公開。Deno Deployの分散エッジでNext.js/Nuxt/SvelteKit/Remixなど実行 Webホスティングサービスを提供するNetlifyは、Denoを採用した新しいサーバレス環境「Netlify Edge Functions」をパブリックベータとして公開しました。 We k... 続きを読む

実質無料で使える Hosting Service の比較や使い分けの紹介 2021 (Firebase Hosting, Cloudflare Pages, Vercel, Netlify, GitHub Pages, Amplify, CloudRun)

2021/10/04 118 users Amplify ホスティングサービス Vercel 実質無料

実質無料で使える Hosting Service の比較や使い分けの紹介 2021 (Firebase Hosting, Cloudflare Pages, Vercel, Netlify, GitHub Pages, Amplify, CloudRun) ホスティングサービスに何を使えばいいのか分からないという話はよく目にしますし、僕もたまに思います。 そこでこれまで自分が使ったサービスの特徴や for me,... 続きを読む

ポートフォリオサイトをNuxt + Netlifyに移行しました | Webクリエイターボックス

2021/07/14 14 users ポートフォリオサイト Nuxt Vue.js 移行 学生

2021年7月14日 Nuxt JS, Vue.js, Webサイト制作 WordPessで作成していた私のポートフォリオサイトをNuxt JSで作り変えてみました。デザインや内容はそのままで、管理体制を変えた感じですね。Nuxtに移行した理由や悩んだところをまとめてみます。 移行を決めた理由 元々私のポートフォリオサイトは、まだ私が学生だった... 続きを読む

Oracle Cloudの無料枠でKubernetesクラスタを構築する(完全版) | blog.potproject.net

2021/06/01 107 users Kubernetesクラスタ nginx Docker プロ

potpro (ぽとぷろ)Full-stuck engineer(Not Full-stack) JS/PHP/Go/Docker/Nginxなど。技術または趣味よりの発信ブログです。このブログ自体も自分がnetlify/gatsbyJS/Reactで書いてます。一部の記事はgithubアカウントでコメントできます。 Oracle Cloudの無料枠でKubernetesクラスタを構築する(完全版) 前回の記事はこ... 続きを読む

JamstackプラットフォームのLayer0へNext.jsのアプリをデプロイしながら試す | Web Scratch

2021/04/26 16 users Layer Vercel SPA Next.js アプリ

Layer0というJamstackプラットフォームを試してみた記事です。 Jamstackプラットフォームが何かは表現しにくいですが、Netlify、Vercel、Cloudflare PagesみたいなSPAなアプリケーションとかをホスティングしてくれるサービスです。 Cloudflare Pages・Vercel ・Netlify の違いや使い分けをまとめる Layer0はMoovweb XDN... 続きを読む

Cloudflareがソースコードから一瞬でウェブサイトを構築できるJAMstackプラットフォーム「Cloudflare Pages」を発表 - GIGAZINE

2020/12/22 12 users GIGAZINE CloudFlare Vercel 一瞬

Cloudflareが高速なウェブサイトを低コストで実現できるJAMstackプラットフォーム「Cloudflare Pages」を発表しました。NetlifyやVercel、AWS AmplifyといったJAMstackプラットフォームに新しい選択肢が生まれた形となります。 Cloudflare Pages https://pages.cloudflare.com/ Introducing Cloudflare Pages: the best ... 続きを読む

Netlifyが日本からだと遅い - id:anatooのブログ

2020/08/03 404 users anatoo CDN SPA 結論 顧客

仕事で Netlify にデプロイしたSPAの読み込みが遅いので原因を調査してほしい、という依頼を受けてウェブパフォーマンス調査を行った。顧客から許可をもらって、この記事ではNetlifyに対してどういう調査をしたのかを書く。 結論だけをまず書くと、NetlifyのCDNのファイル配信パフォーマンスは日本国内からだと非常に悪... 続きを読む

Netlify に独自ドメインを設定する方法 - m's blog

2020/07/12 18 users ホスティングサービス 目次 静的コンテンツ カスタムドメイン

静的コンテンツのホスティングサービス「 Netlify 」では、無料枠の範囲で独自ドメインの利用が可能です。 今回は Netlify に独自ドメインを設定する方法 について解説したいと思います。 目次 目次 はじめに 簡単な流れ カスタムドメインの設定 Netlify での設定 DNS 設定 サイトチェック まとめ はじめに 本記事では、... 続きを読む

Introducing Edge Handlers in Preview | Netlify

2020/05/27 15 users

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 ... 続きを読む

東京都の新型コロナ対策サイトはなぜNuxtJSだったのか？ ─ シビックテックのベストプラクティス - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2020/05/19 274 users ベストプラクティス シビックテック エンジニアHub SSR

東京都が2020年3月3日深夜に公開した新型コロナウイルス感染症対策サイトは、都内の感染動向が見やすく整理されているだけでなく、NuxtJSベースのSSR（Server Side Rendering）で静的ホスティングにNetlifyを採用したサーバレスなSPA（Single Page Application）というモダンな技術選定がWebエンジニアの間で注目を集め... 続きを読む

Netlify + GitHub 環境で簡単にサイトを公開する方法 - m's blog

2020/05/15 170 users GitHub bitbucket GitLab リポジトリ

今回は Netlify + GitHub 環境で簡単にサイトを公開する方法 について解説したいと思います！ 「 Netlify 」は静的コンテンツのホスティングサービスです。 GitHub や GitLab、Bitbucket のリポジトリに置いてある静的コンテンツを比較的簡単な設定で Web 上に公開することができます。 サイトを更新する場合も、GitHub ... 続きを読む

Gatsby と Netlify で Jamstack 構成のブログサイトを作ろう - to-R Media

2020/01/31 5 users GATSBY JamStack ブログサイト 一体 web

Jamstack は Web 開発のアーキテクチャです。この記事では Jamstack についてご紹介し、Jamstack 構成のシンプルなブログサイトを作ります。 Jamstack とは Jamstack は Netlify の 創業者 Matt Biilmann 氏が名付けたアーキテクチャです。Jamstack とは一体なんでしょうか。Jamstack の公式サイト jamstack.org では、J... 続きを読む

vscode の web build を netlify にデプロイする + ファイルシステムを永続化する - mizchi's blog

2020/01/06 104 users vscode mizchi's blog 永続化

年末年始の時間を使って実験していたこと。 tl;dr vscode をカスタマイズして静的サイトとしてデプロイしたい。やった。公式にない永続化層も作った。 できた。ここで試せる。 https://mizchi-vscode-playground.netlify.com/ やりたかったこと フロントエンドにまつわるものはフロントエンドで作業を完結したい。なので... 続きを読む

Oracle Cloudの無料枠だけでKubernetes(k3s)クラスタを構築する | blog.potproject.net

2019/11/06 64 users nginx Docker React Kubernetes

potpro (ぽとぷろ)Full-stuck engineer(Not Full-stack) JS/PHP/Go/Docker/Nginxなど。技術または趣味よりの発信ブログです。このブログ自体も自分がnetlify/gatsbyJS/Reactで書いてます。一部の記事はgithubアカウントでコメントできます。 Oracle Cloudの無料枠だけでKubernetes(k3s)クラスタを構築する(したい) タダ... 続きを読む

Announcing the FaunaDB Add-on for Netlify | Netlify

2019/09/10 13 users Seconds Announcing the

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 JAMst... 続きを読む

Netlify と PWA で JAMstack を目指す - kondoumh のブログ

2019/05/27 13 users JamStack CDN Pwa Git ホスティング

静的サイトをホスティングできる Netlify 流行ってます。Git リポジトリを指定するだけでビルド・デプロイでき、CDN でリソースをキャッシュしてくれるので、PWA のホスティングにも向いています。 PWA を作る方法は色々とありますが Vue CLI で簡単にプロジェクト生成できるのでちょっと試してみました。 プロジェクト... 続きを読む

URLパラメータで簡単画像リサイズ。netlify の Large Media が便利！ - Qiita

2019/04/21 26 users Qiita LFS psd URLパラメータ リサイズ

netlify の Large Media とは Git レポジトリでサイトコンテンツを管理する際に、画像やPSD/ZIPなどの大きいファイルを含めて管理するために Git LFS（Git Large File Strage）と仕組みがある。 LFS については細かく触れないが、LFS を使って netlify にデプロイされた画像を、URLパラメータをつかってリサイズやクロッ... 続きを読む

Nuxt, netlify, Firebase を使ったWebサービス開発と個人開発における技術選定のポイント - Qiita

2018/12/09 31 users Qiita Firebase Nuxt 主体 技術選定

Nuxt, netlify, Firebase を使ったWebサービス開発と個人開発における技術選定のポイント 技術構成はこんな感じで作りました。 Nuxtというよりかは個人開発における技術選定のポイントを主体に解説した記事です。 これから個人開発をやろうとしている人の参考になれば幸いです。 どんなWebサービス？ Google Calendar の... 続きを読む

Nuxt, netlify, Firebase を使ったWebサービス開発と個人開発における技術選定のポイント - Qiita

2018/12/09 251 users Qiita Firebase Nuxt 主体 技術選定

Nuxt, netlify, Firebase を使ったWebサービス開発と個人開発における技術選定のポイント 技術構成はこんな感じで作りました。 Nuxtというよりかは個人開発における技術選定のポイントを主体に解説した記事です。 これから個人開発をやろうとしている人の参考になれば幸いです。 どんなWebサービス？ Google Calendar の... 続きを読む

minfront: フロントエンド実験用のSPAボイラープレート - mizchi's blog

2018/11/13 54 users mizchi-sandbox github.com アップ

なんでそんな手が速いのか聞かれたので、最近使ってるSPAボイラープレートを紹介しておきます。 github.com $ git clone git@github.com:mizchi-sandbox/minfront.git --depth 1 myspa $ cd myspa $ yarn install $ yarn dev # Start app server 終わり。公開したければ yarn build && yarn deploy で netlify にアップ... 続きを読む

ブログのホスティングを Netlify から Firebase Hosting に変更した | 9mのパソコン日記

2018/07/11 18 users GatsbyJS ホスティング 死活監視 外形監視 アクセス

以前の記事で GatsbyJS 化した当ブログですが、Netlify でホスティングしていたものを Firebase Hosting に引っ越しました。 主な理由は、たまにアクセスが遅くなる、無料というのが怖い、あたりです。 自分の運営しているサービスやブログには外形監視として毎分GETアクセスを行っていて、死活監視をしています。 何ら... 続きを読む