Netlifyの人気記事 90件 - はてなブックマーク

サクサク読めて、アプリ限定の機能も多数！アプリで開くはてなブックマーク閉じる ●はてなブックマークって？●アプリ・拡張の紹介●ユーザー登録●

●ログアウト

検索対象

●すべて ●タグ ●タイトル ●本文

並び順

●新着 ●人気

ブックマーク数

●1 user ●3 users ●50 users ●100 users ●500 users

セーフサーチ

●オン ●オフ

期間指定

●すべて ●1週間 ●1ヶ月 ●1年

まで

1 - 40 件 / 90件新着順人気順

絞り込み

検索対象

ブックマーク数

期間

セーフサーチ

Netlifyの検索結果1 - 40 件 / 90件

Netlifyに関するエントリは90件あります。開発、 techfeed、 netlify などが関連タグです。人気エントリには﹃GitHub - Tokyo-Metro-Gov/covid19: 東京都新型コロナウイルス感染症対策サイト / Tokyo COVID-19 Task Force website﹄などがあります。

GitHub - Tokyo-Metro-Gov/covid19: 東京都新型コロナウイルス感染症対策サイト / Tokyo COVID-19 Task Force website

● 950 users ● github.com/Tokyo-Metro-Gov ● テクノロジー ●2020/03/04 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 ●covid19 ●COVID-19 ●東京 ●nuxt.js ●あとで読む ●新型コロナウィルス ●government ●東京都 ●コロナウィルス

N501Y変異株スクリーニングの実施状況N501Y陽性例構成割合,変異株PCR検査実施割合 | 東京都新型コロナウイルス感染症対策サイト

● 931 users ● www.hokeniryo.metro.tokyo.lg.jp ● テクノロジー ●2020/03/04 東京都福祉保健局‥ 〒163-8001　東京都新宿区西新宿2丁目8番1号　電話‥03-5320-4032　FAX‥03-5388-1400 Copyright © Bureau of Social Welfare and Public Health, Tokyo Metropolitan Government. All Rights Reserved. ●COVID-19 ●東京 ●医療 ●コロナ ●コロナウイルス ●tokyo ●あとで読む ●東京都 ●visualization ●web

2020 年、 React 軸で学ぶべき技術 - mizchi's blog

● 715 users ● mizchi.hatenablog.com ● テクノロジー ●2020/01/04 なぜ仮想 DOM という概念が俺達の魂を震えさせるのか - Qiita から5年経ち、仮想 DOM を備えた React やそれを採用した Vue や他のライブラリも市民権を得たように思います。有用な技術が市民権を得る、というのはエコシステムが花開くことでもあります。新しいプロダクトを作る際の技術選定において、 TypeScript + React が常に正解というわけではないですが、このスタックはかなり強力だという手応えがあります。このスタックは得意のウェブフロントエンドは勿論、それ以外もとりあえず80点ぐらいの品質でプロトタイピングできる、というようなエコシステムになってきたような肌感があります。モダンフロントエンドだと TypeScript と Webpack は採用しているのを前提として、本記事では React を軸にその技術を活かすために、次の6個の技術を紹介 ●react ●あとで読む ●firebase ●フロントエンド ●frontend ●javascript ●js ●技術 ●ReactNative ●techfeed

東京都の新型コロナ対策サイトはなぜNuxtJSだったのか？ ─ シビックテックのベストプラクティス｜ハイクラス転職・求人情報サイト AMBI︵アンビ︶

● 632 users ● employment.en-japan.com ● テクノロジー ●2020/05/19 文科系の学部に在籍しながらシビックテックに興味を持ち、関治之氏の﹁右腕インターン﹂として1年ほど関わる。その後いくつかのシビックテック活動やインターンシップを経て、株式会社almaの創業に参画。プロダクト開発をリードするかたわら、共同設立したCode for Youthなどでも活動する。学習院大学4年。なぜNuxtJSだったのか？あるいはjQueryでなかったか？偶然に決まったNetlifyは開発にとても役立った後でコンポーネントを変更改善できるよう小さく作るベストエフォートでの開発体制リリース直後から届いたエンジニアの反響シビックテック活動のベストプラクティスなぜNuxtJSだったのか？あるいはjQueryでなかったか？ ── まず最初に、今回の技術的なバックグラウンドから聞かせてください。一見すると行政が関係した仕事とは思えない現代的な技術選定のWebサービスですが、 ●nuxt.js ●あとで読む ●Vue.js ●COVID-19 ●エンジニア ●開発 ●NuxtJS ●技術 ●netlify ●github

7年間使ってきたWordPressを捨ててContentful+Gatsby+Netlifyにしたら爆速になったし経緯とか教訓とか語る - Qiita

● 524 users ● qiita.com/kfurumiya ● テクノロジー ●2020/02/23 7年間使ってきたWordPressを捨ててContentful+Gatsby+Netlifyにしたら爆速になったし経緯とか教訓とか語るWordPressReactNetlifygatsbycontentful こんにちは、古都ことと言います。普段はブログやらなんやらをやっているのですが、今回ブログのお引っ越しをしたのでその経緯などについてお話ししたいと思います。先にまとめブログをVPSとWordPressで7年間運営してきた速度面やメンテナンス面でそろそろガタがきていた Contentful+Gastby+Netlifyの構成に移行した Lighthouseで高スコア叩き出せた技術選択って難しいね運営しているブログ Subterranean Flower Blogというブログをやってます。主にフロントエンド周りのことを取り扱っており、たまにマリオ64の記事や、転職の記事などでも ●wordpress ●gatsby ●あとで読む ●cms ●contentful ●Netlify ●ブログ ●qiita ●web制作 ●VPS

筑波大学﹁ごめん、システムメンテでKdB︵科目検索機能︶使えません﹂最強新入生﹁代わり作りました﹂

● 475 users ● togetter.com ● テクノロジー ●2021/04/12 Ken @m3ssy_ken 筑波大学﹁ごめん！システムメンテで使えません﹂最強新入生﹁代わり作りました﹂ぼく﹁？？？？？？？？？？？﹂ 2021-04-11 01:29:06 ●システム ●togetter ●あとで読む ●開発 ●大学 ●プログラミング ●筑波大学 ●技術 ●つくば ●文化

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

● 439 users ● blog.anatoo.jp ● テクノロジー ●2020/08/03 仕事で Netlify にデプロイしたSPAの読み込みが遅いので原因を調査してほしい、という依頼を受けてウェブパフォーマンス調査を行った。顧客から許可をもらって、この記事ではNetlifyに対してどういう調査をしたのかを書く。結論だけをまず書くと、NetlifyのCDNのファイル配信パフォーマンスは日本国内からだと非常に悪い。パフォーマンスを改善させるためには、Netlifyに直接アクセスさせるのではなく、前段に他のCDNやキャッシュサーバを挟んだりするほうがいいだろう。調査の前提日本国内からのみの調査サイトには静的なファイルをデプロイしているのみ該当するNetlifyにデプロイしたSPAをブラウザで試しに開いてみると、確かに初回の読み込みのパフォーマンスがめちゃくちゃ悪い。 Chrome Devtoolsを開いてネットワークタブでどういうふうにリソースの読み込みを行っているのか ●netlify ●cdn ●network ●performance ●あとで読む ●ネットワーク ●パフォーマンス ●http ●Wireshark ●development

それNetlifyでできるよ - Webページを爆速で作ってキレイに魅せよう

● 410 users ● speakerdeck.com/mattenn ● テクノロジー ●2021/06/03 Alexander Mielke Hellinger--Kantorovich (a.k.a. Wasserstein-Fisher-Rao) Spaces and Gradient Flows ●netlify ●あとで読む ●web制作 ●webサービス ●web ●webservice ●slide ●制作 ●*Webサービス

Reactチュートリアル2‥レビューサイトを作ろう

● 330 users ● zenn.dev/likr ● テクノロジー ●2020/12/23 本資料について本資料は日本大学文理学部情報科学科の開講科目﹁Web プログラミング﹂の教材として作成されました。本資料は下記のライセンスの範囲内で、当授業以外でも自由にご利用いただけます。対象読者本資料は、以下の教材を学習済み、もしくはそれと同等以上の知識を持っていることを前提としています。 React チュートリアル‥犬画像ギャラリーを作ろう基本情報技術者試験レベルの関係データベースの知識本資料で学ぶこと本資料では以下の内容を学びます。 Express と Sequelize による API サーバー開発 React と API サーバーの連携 Cross-Origin Resourcer Sharing React によるルーティング Auth0 によるユーザー認証 Heroku による API サーバーの公開ライセンスこの作品はクリエイティブ・コモンズ表示 4.0 ●react ●あとで読む ●チュートリアル ●JavaScript ●web ●tutorial ●React.js ●Heroku ●techfeed

個人開発のサービスをVPSからVercelとCloud Runに移行した話

● 266 users ● zenn.dev/hokaccha ● テクノロジー ●2022/05/08 最近以下のような記事で個人開発のコストの話をよく見かけて、ちょうど自分も個人サービスをコストカットのためにVPSからほぼ無料なスタックに移行していたので構成とかを書いてみる。前提としてはこんな感じ。仲間内で使ってるだけのWebアプリケーション。月イチくらいしか使わない技術スタックは技術的な実験とか学習を兼ねているので多少オーバースペックになるのはいいお金はなるべくかけたくない移行前のスタックフロントエンドはNuxt.js、Netlify バックエンドはRailsでgRPC、envoyを噛ませてフロントエンドからはgRPC-Webで呼んでる VPS上にバックエンドのアプリケーションとDB︵postgres︶を動かしてるバックエンドは普通のRailsアプリにしてHerokuにするのが一番楽でお金もかからないんだけど、gRPC-Webを試してみたくて、そうするとproxyが必要にな ●開発 ●あとで読む ●cloud ●個人開発 ●vps ●db ●development ●Next.js ●github ●graphql

Modern Web Development on the JAMstack を読んでまとめた - console.lealog();

● 263 users ● lealog.hateblo.jp ● テクノロジー ●2020/09/30 https://www.netlify.com/pdf/oreilly-modern-web-development-on-the-jamstack.pdf Netlify社が2019年に公開した本？PDFです。せっかくJamstackの会社に入ったので、読んでおかないといけない気がして。あとJamstackは人によって解釈が違ったりするとし、Jamstackの真髄について知っておきたいですよね？と思い。ただこれなんと127ページもあるんですよね〜。全編もちろん英語なので、読むのも中々に大変ですよね〜。てなわけで、ざっくり訳してまとめまておきました。︵それでも長いけど︶はじめにここ最近のWebの進化はすさまじいブラウザもJavaScriptもパワフルになったその分ユーザーの要求も増えるやることが増えると処理は遅くなる遅いページは見向きもされないモバイル当たり前の世界だ ●jamstack ●あとで読む ●Netlify ●development ●javascript ●開発 ●frontend ●web ●コンテンツ ●フロントエンド

Deno入門 ─ 新しいTypeScript/JavaScript実行環境でWebアプリ開発とデータベース接続の基本を体験しよう｜ハイクラス転職・求人情報サイト AMBI︵アンビ︶

● 240 users ● en-ambi.com ● テクノロジー ●2022/06/17 例えばmain.tsというスクリプトに対して、ファイルの読み取りだけを許可したい場合は、以下のようにコマンドを実行します。 $ deno run --allow-read main.ts このときmain.tsプログラムはファイルの読み取りだけが可能になるため、ファイルの書き込みやネットワークアクセスをするとPermissionErrorによる実行時エラーになります。なお、実行時にフラグを何も与えなければ、どの権限も持っていない状態になります。各フラグにはパラメータを指定でき、例えば次のように実行すると/home/userディレクトリの読み込みだけが許可されます︵--allow-writeフラグも同様︶。 $ deno run --allow-read=/home/user main.ts また、--allow-netを次のように指定すると、特定のドメインとポートだけのアクセスを許可で ●deno ●TypeScript ●あとで読む ●JavaScript ●開発 ●Node.js ●web ●データベース ●JS

NetlifyキラーのVercelでウェブサイトをホストしたら簡単すぎて笑顔になった | DevelopersIO

● 225 users ● dev.classmethod.jp ● テクノロジー ●2020/12/19 最近話題のVercelを試してみました。競合のNetlifyと同様に、ビルドとホスティング他をまとめてやってくれます。Netlifyと比べて1人で開発をするならほぼフル機能が使えますし、無料プランのままでも100回/日までデプロイできるのが利点です。前提 Next.jsと親和性の高いVercelですが、今回アプリはGatsby + Contentfulで構築しています。詳しくは過去に書いた記事がありますので、下記の﹁1. Contentfulの準備﹂﹁2. Gatsbyアプリの立ち上げ﹂を参考にしてください。 CircleCI × Contentful × S3で作るJamstackなブログ環境。また、Githubリポジトリを作成し、masterにソースコードをプッシュしておきます。 Vercelにアプリをデプロイする https://vercel.comにアクセスし、﹁Sta ●vercel ●あとで読む ●netlify ●react ●webサービス ●Next.js ●デプロイ ●アプリ ●開発

Cloudflare Pages・Vercel ・Netlify の違いや使い分けをまとめる

● 221 users ● zenn.dev/catnose99 ● テクノロジー ●2021/03/04 Vercel VercelはNext.jsなら特に設定しなくともSSRができる状態でデプロイできる。Nuxt.jsだとコミュニティが用意しているbuilderを使えばSSR対応アプリをVercelにデプロイできる。builderが用意されていないフレームワークでSSRを行うにはデプロイ周りで頑張る必要が出てくる。 VercelではちょっとしたWeb APIを用意したいときも、/apiディレクトリを用意してJSファイルなどを置いておけばまとめてデプロイしてくれる。 Netlify サーバーサイドで動かしたいスクリプトはNetlify Functionsで動かすことになるが、フレームワークごとに用意されているプラグインを使うことでまとめてデプロイができたりする。例えばnetlify-plugin-nextjsを使えばNext.jsでSSR対応したアプリを動かせるっぽい。またnetlify.to ●netlify ●vercel ●cloudflare ●あとで読む ●フロントエンド ●webサービス ●サーバ ●JAMStack ●infrastructure ●tool

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

● 212 users ● mmll.hatenablog.com ● テクノロジー ●2020/05/16 今回は Netlify + GitHub 環境で簡単にサイトを公開する方法について解説したいと思います！﹁ Netlify ﹂は静的コンテンツのホスティングサービスです。 GitHub や GitLab、Bitbucket のリポジトリに置いてある静的コンテンツを比較的簡単な設定で Web 上に公開することができます。サイトを更新する場合も、GitHub に更新内容をプッシュするだけでサイトが更新され、非常に便利です。その他、公開用ブランチやディレクトリの選択が自由だったり、無料枠の範囲で独自ドメインを設定できるなど、簡単設定かつ高機能、懐にも優しいサービス内容となっています。目次目次簡単な流れ公開用の GitHub リポジトリの作成リポジトリ作成 & クローン公開用のブランチを作成公開用ファイルを追加コミット & プッシュ Netlify で公開設定 Net ●Netlify ●あとで読む ●github ●デプロイ ●web制作 ●techfeed ●エンジニア ●あとで

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

● 195 users ● blog.ojisan.io ● テクノロジー ●2021/10/04 実質無料で使える Hosting Service の比較や使い分けの紹介 2021 (Firebase Hosting, Cloudflare Pages, Vercel, Netlify, GitHub Pages, Amplify, CloudRun)2021-10-04 ホスティングサービスに何を使えばいいのか分からないという話はよく目にしますし、僕もたまに思います。そこでこれまで自分が使ったサービスの特徴や for me, not for me な点を紹介します。静的ページ、および NextJS を前提としたサービス選定で、Firebase Hosting, Cloudflare Pages, Vercel, Netlify, GitHub Pages, Amplify, CloudRun を紹介します。また、それらはフリープラン前提の話であり、not for me な点は課 ●Firebase ●あとで読む ●サービス ●GitHub ●cloud ●X as a Service ●webサービス ●hosting ●ci ●Git

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

● 169 users ● mizchi.hatenablog.com ● テクノロジー ●2020/01/06 年末年始の時間を使って実験していたこと。 tl;dr vscode をカスタマイズして静的サイトとしてデプロイしたい。やった。公式にない永続化層も作った。できた。ここで試せる。 https://mizchi-vscode-playground.netlify.com/ やりたかったことフロントエンドにまつわるものはフロントエンドで作業を完結したい。なので vscode がブラウザで動いてほしい。 vscode をカスタマイズしたものを各自が自由にデプロイできると、様々な可能性がある。インストールの手間を省いたプログラミング教育用のツールだったり、専用の開発環境だったり、その他諸々。問題この用途で期待していた vscode online が使いづらかった。MSのアカウントを要求されたり、Docker コンテナの Enviroment を作ったりする必要があり、面倒だった。そもそもリ ●vscode ●あとで読む ●Visual Studio Code ●JavaScript ●サーバ ●web ●システム ●techfeed ●blog

チーム個々人のテックブログをRSSで集約するサイトを作った︵Next.js︶

● 160 users ● zenn.dev/catnose99 ● テクノロジー ●2020/10/24 先日、こんな記事を見かけました。テックブログは続かない - note.com 採用目的でテックブログを始めたものの、時間の経過とともに古い記事ばかりになるorすでに退職している社員の記事ばかりになる…というのはよく見かける光景です。目の前のタスクが積み上がっている状況で、業務時間内にブログを書く時間を取るのはなかなか難しいと思います。そうは言っても業務時間外に無償で会社のブログに書くのもなかなか気乗りしません。﹁数年以内に転職するかもしれない﹂という気持ちがあればなおさらです。記事が転職しても自分のものとして残るのであれば、書くモチベーションは上がるのかもしれません。その後、こんなツイートを見かけました。企業のテックブログと言えば﹁会社がひとつブログを作って、みんなでそこに投稿する﹂という形が当たり前になっていますが、たしかに個々人の投稿を集約する場所を用意するだけでも良いの ●RSS ●あとで読む ●react ●チーム ●ブログ ●JavaScript ●next.js ●blog ●開発 ●js

サブドメインをユーザーホスティングサイトに使うときのパターン(Same Origin/Cookie/Public Suffix List)

● 146 users ● gist.github.com/azu ● テクノロジー ●2022/04/27 README.md サブドメインをユーザーホスティングサイトに使うときのパターン hoge.example.com でユーザが作成したサイトをホスティングして、任意のJavaScriptを実行できる状態にしたいケース。サブドメインを分けることで、Fetch APIなどはSame Origin Policyを基本にするため、別のサブドメインや example.com に対するリクエストなどはできなくなる。一方で、CookieはSame Origin Policyではない。デフォルトでは、hoge.example.com から example.com に対するCookieが設定できる。これを利用したDoS(Cookie Bomb)やこの挙動を組み合わせた別の脆弱性に利用できる場合がある。 The Cookie Monster in Your Browsers - Speaker Dec ●security ●ドメイン ●cookie ●あとで読む ●github ●domain ●hosting ●dns ●Netlify ●browser

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

● 101 users ● www.publickey1.jp ● テクノロジー ●2022/04/21 JAMスタックのNetlify、Denoを採用したサーバレス環境﹁Netlify Edge Functions﹂ベータ公開。Deno Deployの分散エッジでNext.js/Nuxt/SvelteKit/Remixなど実行 Webホスティングサービスを提供するNetlifyは、Denoを採用した新しいサーバレス環境﹁Netlify Edge Functions﹂をパブリックベータとして公開しました。 We know some of you have been on the edge of your seats for this one, but the wait is over because Edge Functions is here! Learn more about how you can leverage our edge network to deliver faster s ●deno ●あとで読む ●js ●programming

Vue Fes Japan 2019 サイトのソースコードを公開した - おいちゃんと呼ばれています

● 79 users ● inouetakuya.hatenablog.com ● テクノロジー ●2019/12/25 この記事は Nuxt.js Advent Calendar 2019 - Qiita の最終日︵25日︶の記事です。 Vue Fes Japan 2019 の Web サイトのソースコードを公開したので、お知らせします。 https://github.com/vuejs-jp/vuefes-2019 概要 Vue Fes Japan 2019 は Nuxt.js の静的サイトジェネレート機能︵nuxt generate︶によって作成している。生成した静的ファイルを Netlify でホスティングしている。スポンサー情報などのコンテンツをヘッドレス CMS である Contentful で管理している。いわゆる JAMstack 構成。ポイントをピックアップ Vue Fes Japan 2018 サイトのソースコードについては下記で解説しており、2019 のものと共通している点も多いの ●vue ●JAMstack ●あとで読む ●CMS ●nuxt ●vue.js

Nuxtアプリを無料で公開するときに試した5つの環境まとめ(Firebase/GAE/Netlify/Heroku) - Qiita

● 78 users ● qiita.com/kira_puka ● テクノロジー ●2020/03/20 最近Nuxtでいろいろ作っているけど、無料で使える環境をいろいろ試してる。いろいろメリデメあるけど、SPAならNetlify/SSRならHerokuがよさそう。いままで試したものをまとめてみた。ほしかったもの主に開発してるのがCGM系のWebサービスなので、動的なOGP画像などが設定できる(OGP芸) カスタムドメインが使える日次のランキング集計などの定期実行ができるが、無料でできて、なるべく実装が楽で、そこまで遅くないのがうれしい。試した5つのパターン試したのは以下の5パターン。試してみた順で記載。 Nuxt(SSR) + Cloud Function 起動がかなり遅かった。。実装も大変なのでNG Nuxt(SPA) + Firebase Hosting 構築はかなり楽。ただ、OGP芸が大変でFunctionsが必要 Nuxt(SPA) + Netlify プレレンダリ ●Firebase ●Nuxt ●Netlify ●あとで読む ●GCP ●heroku ●SSR ●Nuxt.js ●Cloudflare ●vue.js

ゲーム内お知らせをHugo+Netlify CMS+CircleCIで作りました - KAYAC engineers' blog

● 73 users ● techblog.kayac.com ● テクノロジー ●2019/12/10 鎌倉は寒いです。みなさんはいかがですか。ソーシャルゲーム事業部のゲーム技研チームの谷脇です。この記事はTech KAYAC Advent Calendar 2019 Migration Trackの10日目の記事です。9日目はデーモン管理をdaemontoolsからsystemdに移行させるでした。ゲーム内お知らせとはみなさんは、スマートフォンのゲームをされますか。ええ、そこのあなたはよくされる。しかし、そちらの方はあんまりされない。なるほどなるほど。では分かる人にはおさらいとして、あまりピンとこない方にはそんなことがあるのか〜となってもらうために説明させていただきます。我々カヤックでゲームを運営している人々が﹁お知らせ﹂を指した場合、ゲーム内のある機能を示しています。他のゲームではニュースなどとも呼ばれています。カヤックで作っているゲーム﹁ぼくらの甲子園！ポケット﹂(以下ぼく ●kayac ●netlify ●hugo ●あとで読む ●markdown ●CMS ●blog

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

● 71 users ● www.to-r.net ● テクノロジー ●2020/01/31 ●JAMstack ●gatsby ●netlify ●markdown ●あとで読む ●GraphQL ●API

Web3アプリを作ったまとめ

● 67 users ● zenn.dev/cryptoagejp ● テクノロジー ●2022/04/20 Student FacuetというDapp(Web3アプリ)を作成したら結構人気が出たので、技術面から運用面までを軽くまとめました。わかりやすくするために多少語弊がある表現ある場合がありますが、ご了承ください。 Githubリポジトリ: https://github.com/inaridiy/AStar-Student-Faucet 自己紹介 Crypto Age所属のinaridiyというものです。 Web歴は2年、Web3歴は3ヶ月の高校2年生です。普段はハッカソンに出たり、個人開発をしています。 Faucetとは現状、ブロックチェーン間で資産を移動させたい場合、移動元のガス代と移動先のガス代がかかります。つまり、資産を動かす前に移動したいチェーンの通貨が必要になります。これはかなりUXを損なう行為ですし、仮想通貨取引所を開設できない未成年などは、そもそも資産を移動することができな ●web3 ●あとで読む ●blockchain ●アプリ ●サービス ●webservice ●開発 ●Programming

Web開発アーキテクチャ﹁JAMスタック﹂がなぜ人気になっているのか

● 62 users ● coliss.com ● テクノロジー ●2019/11/05 静的サイトジェネレーターが最近、非常に普及してきました。それに合わせて注目されているのが﹁JAMスタック﹂です。JAMスタックとは何なのか、なぜJAMスタックが人気になっているのかを紹介します。 Why JAMstack is Becoming so Popular by Luca Spezzano 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。はじめに JAMスタックとは JAMスタックを使用する利点 JAMスタックはなぜ人気があるのかまとめ JAMスタックの有用なリソースはじめに最近、静的サイトジェネレーターが非常に普及してきています。静的サイトジェネレーターは使い方が簡単で、最新のテクノロジーとVue.jsやReactなどのJavaScriptフレームワークに基づいて実装されています。静的サイトジェネレーターをは ●JAMstack ●javascript ●あとで読む ●web ●CMS ●API ●Vue.js ●techfeed ●HTML

なぜJamstackでWEB制作の仕事を受けようと思ったのか - Qiita

● 57 users ● qiita.com/102Design ● テクノロジー ●2021/01/13 Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up ●jamstack ●Netlify ●あとで読む ●web制作 ●開発 ●Qiita ●webサービス

ポートフォリオサイトをNuxt + Netlifyに移行しました

● 54 users ● www.webcreatorbox.com ● テクノロジー ●2021/07/14 2021年7月14日 Nuxt JS, Vue.js, Webサイト制作 WordPessで作成していた私のポートフォリオサイトをNuxt JSで作り変えてみました。デザインや内容はそのままで、管理体制を変えた感じですね。Nuxtに移行した理由や悩んだところをまとめてみます。 ↑私が10年以上利用している会計ソフト！移行を決めた理由元々私のポートフォリオサイトは、まだ私が学生だった頃にWordPressの勉強用に作ったものです。その後何度かリデザインしながら公開していました。ブログなどはつけておらず、制作物の紹介を投稿記事として扱っていました。ただ、制作物は更新する頻度も高くはなく、WordPressでなくてもいい気がしてきていました。また、WordPressやPHPのバージョンを上げるたびにエラーを出すプラグインの対応に疲れてきていたところでした…。そんな中出会ったのがGatsby ●Nuxt.js ●netlify ●react ●あとで読む ●vue ●wordpress ●JavaScript

Netlify CMSを試してみた | DevelopersIO

● 53 users ● dev.classmethod.jp ● テクノロジー ●2020/02/14 しばたです。 AWS Amplify ConsoleやGitHub Pages、Netlifyなどの静的なサイトをホストするサービスはいろいろありますが、非エンジニアによる運用を考えた場合(ヘッドレスではない)CMSの様な管理画面が欲しくなります。調べてみたところNetlifyではホストしているサイトにCMSとしての管理UIを提供するNetlify CMSというツールがあることを知ったので試してみました。セットアップ Netlify CMSでは既存のサイトに機能を追加させることもできますが、今回はお試しなのでNetlifyが用意するテンプレートを使いサイトに機能が組み込まれた状態からセットアップしてみました。最初にNetlify CMSのサイトにアクセスし﹁GET STARTED﹂のボタンをクリックしていきます。するとNetlifyで対応している静的サイトジェネレーターを使ったテン ●Netlify ●CMS ●github ●あとで読む ●WEB ●DEV ●techfeed ●aws

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

● 51 users ● efcl.info ● テクノロジー ●2021/04/26 Layer0というJamstackプラットフォームを試してみた記事です。 Jamstackプラットフォームが何かは表現しにくいですが、Netlify、Vercel、Cloudflare PagesみたいなSPAなアプリケーションとかをホスティングしてくれるサービスです。 Cloudflare Pages・Vercel ・Netlify の違いや使い分けをまとめる Layer0はMoovweb XDNという名前のプロダクトでしたが、2021年4月にLayer0へリブランディングしています。 Moovweb is officially Layer0! 📝 XDN = Experience Delivery Network Layer0は、Netlify、Vercel、Cloudflare PagesのようにSPAアプリケーションをホスティングできるプラットフォームです。他のプラットフォーム ●Jamstack ●next.js ●paas ●cdn ●infrastructure ●クラウド ●あとで読む

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

● 41 users ● www.publickey1.jp ● テクノロジー ●2023/02/03 JAMスタックのNetlify、静的サイトジェネレータ開発元のGatsby買収を発表。Webサイトホスティングサービス強化へ Webサイトのホスティングサービスを提供するNetlifyは、静的サイトジェネレータGatsby.jsの開発元であり、GatsbyをベースにしたWebサイトホスティングサービスを提供しているGatsbyの買収を発表しました︵Netlifyの発表、Gatsbyの発表︶。 We’re thrilled to announce that we have acquired Gatsby Inc.! Together we will build the future of composable, and empower developers with flexibility and choice in building composable web experiences. ●Gatsby ●Netlify ●あとで読む ●techfeed ●software ●javascript

Netlify に独自ドメインを設定する方法 - mlog

● 39 users ● mmll.hatenablog.com ● テクノロジー ●2020/07/12 静的コンテンツのホスティングサービス﹁ Netlify ﹂では、無料枠の範囲で独自ドメインの利用が可能です。今回は Netlify に独自ドメインを設定する方法について解説したいと思います。目次目次はじめに簡単な流れカスタムドメインの設定 Netlify での設定 DNS 設定サイトチェックまとめはじめに本記事では、以下の記事で公開したページをベースに解説を進めていきます。 Netlify + GitHub 環境で簡単にサイトを公開する方法まだ Netlify を利用していない、または、独自ドメイン設定用のサイトがない場合は、上記のページを参考にサイトを公開してください。簡単な流れ本記事では、以下のような流れで解説を進めていきます。 Netlify でドメイン追加設定 DNS プロバイダで CNAME レコードを追加サイトチェックまとめそれでは、早速、Ne ●Netlify ●あとで読む ●blog ●設定 ●github ●Web

イベントの情報サイトをPWAで作ってみた︻Nuxt.js︼ - Qiita

● 34 users ● qiita.com/HYuta999 ● テクノロジー ●2019/09/27 なぜPWAなのか PWA(Progressive Web Apps)はひと言で説明するとWebがアプリのようになる技術です。個人的にはとても魅力的な技術だと思うのですが、2015年に発表されてから今まであまり活用されていないような気がします。もちろんネイティブアプリには及ばないですが、情報がまとめてあるのが中心で少しの機能だけの場合はPWAで事足りるのではないかと思ったので作ってみました。作ったサイトはこちら　https://mdtakaoka.info まず結論から言うと、Webサイト的には成功したのではないかと僕は思います。下の画像GoogleAnalyticsの解析ですがPWAユーザ︵ホーム画面に追加したユーザ︶はページ/セッション、平均セッション時間、直帰率がすべてのユーザに比べて良くなりました。今回はWebサイト上にはホーム画面に追加できることを記載しなかったので、1割程度の ●PWA ●Netlify ●Nuxt.js ●Vue ●あとで読む

Jamstackはなぜ生まれたのかを解説してみる

● 29 users ● speakerdeck.com/shinoyu ● テクノロジー ●2022/08/24 Jamstackという手法が2016年にNetlifyから初めて言及されてから6年。日本でも流行り始め、いろんな会社・個人の方々が使っていますね。今回のLTでは、なぜJamstackが生まれたのか？について、エンジニアを長くやってきた経験から感じたことをお話したいと思います。最初にJamstackについて言及された、Matt Biilmannのカンファレンス動画 https://vimeo.com/163522126 ●エンジニア ●あとで読む

What’s the best place to host Next.js site? | Kontent.ai

● 28 users ● kontent.ai ● テクノロジー ●2021/05/29 You’ve built your Next.js site and now you want to put it online for the world to see. Which platform is the best to host it? In this article, I’ll describe Next.js specifics when it comes to deploying and hosting, introduce the four most common steps in publishing a Jamstack website, and use them to compare the four most popular hosting providers. Next.js specifics in deployment Next.js is a Java ●Next.js ●Vercel ●Netlify ●articles ●Heroku ●あとで読む ●webservice

Gatsby製サイトをNetlifyにデプロイする前に見ておきたい設定2つ︵ビルドと表示︶

● 28 users ● blog.ojisan.io ● テクノロジー ●2020/08/03 Gatsby製サイトをNetlifyにデプロイする前に見ておきたい設定2つ︵ビルドと表示︶2020-08-03 12:00 Netlify にはビルド時のキャッシュと HTTP のキャッシュをユーザー側で設定できる口があります。このキャッシュの設定をすることで、ビルドや表示が早くなり良いこと尽くしなのでこれを気に見ていきましょう。ビルド高速化 Netlify ではビルドを回すとソースコードを見て 0 からビルドします。そのためキャッシュが使える手元でのビルドに比べて時間がかかります。特に gatsby-image は致命的で、画像から圧縮・Traced SVG の作成・サムネイル化・各種デバイス向けの最適な画像出力を行うため、画像が絡むサイトのビルド時間はとても長くなります。このブログもそういった画像をつかったブログですが、現在20記事あるサイトでのビルドで約10分かかっ ●Gatsby ●あとで読む ●web

Gatsby・Wordpress・Netlifyで開発したときの躓きと解決方法 - カミナシエンジニアブログ

● 27 users ● kaminashi-developer.hatenablog.jp ● テクノロジー ●2020/12/01 こんにちは、株式会社カミナシのエンジニア @tomiです。前回、﹁サービスサイトをGatsby×Wordpress×NetlifyでJamstackなサイトにリニューアル﹂という記事を書き、たくさんの反響をいただきました。ありがとうございます。 kaminashi-developer.hatenablog.jp 今回は、Gatsby・Wordpress・Netlifyで開発したときの躓きについての話で、似た構成で開発される方の役に立つと思います。逆に、違う構成の場合は、全くためにならない内容となっていますので、ご容赦を。開発していて躓いたところ Docker上でWordpressからGraphQLでの記事の取得がエラーになる WordpressをGraphQLで読み込む際プラグインのバグがある Gutenbergのブロック作成に手こずった GutenbergブロックのTypeScri ●Gatsby ●Netlify ●Wordpress ●docker ●あとで読む ●設定 ●techfeed ●開発 ●ブログ

簡単セットアップ！Netlifyにステージング環境を追加する方法 - mlog

● 27 users ● mmll.hatenablog.com ● テクノロジー ●2020/07/14 今回は Netlify にステージング環境を追加する方法について解説したいと思います！ Netlify では、簡単にステージング環境を追加する事ができます。 GitHub と連携する場合であれば、GitHub にステージング用のブランチを追加して、Netlify の設定ページで公開用ブランチを追加するだけでステージング環境が出来てしまします。おまけに、デフォルトでプルリクごとのプレビューも自動で用意されているという( ﾟДﾟ)ガクガクそれでは、早速、Netlify にステージング環境を追加する方法を解説していきます。目次目次はじめに簡単な流れ GitHub リポジトリに staging ブランチを追加 Netlify で staging ブランチの公開設定全てのブランチを公開する場合個別にブランチの公開設定をする場合ステージング用のページを確認！プルリクのプレビ ●github ●あとで読む

Amazon・Google・GitHubなどのクラウドで静的ウェブサイトのホスティング性能を比較した結果が公開中、どのサービスが最も高パフォーマンスか？

● 26 users ● gigazine.net ● テクノロジー ●2020/02/08 サーバー上のデータを追加・変更することなく表示させる静的ウェブサイトは、動的なウェブアプリ開発が盛んになった今でもブログや自己紹介ページなどで利用されます。そんな静的ウェブサイトをホスティングできるクラウドサービスについて、エンジニアのXavier Decuyper氏が稼働時間や応答速度などを比較し、その結果を公開しています。 Static webhosting benchmark: AWS, Google, Firebase, Netlify, GitHub & Cloudflare | Savjee.be https://www.savjee.be/2020/05/benchmarking-static-website-hosting-providers/ パフォーマンスの測定方法は、毎分1回HTTPS通信を各サービス上のウェブサイトと行い、その応答速度などを10日間記録するというもの ●GitHub ●Git ●techfeed ●あとで読む ●aws

Netlify Edge Functions: Serverless Compute Powered by Deno

● 23 users ● www.netlify.com ● テクノロジー ●2022/04/20 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 ●deno ●netlify ●serverless ●js ●あとで読む ●webservice

1 2 3

検索対象

並び順

ブックマーク数

セーフサーチ

期間指定

絞り込み

検索対象

ブックマーク数

期間

セーフサーチ

Netlifyの検索結果1 - 40 件 / 90件

Netlifyの関連エントリー

Netlifyの関連エントリー

新着記事

キーボードショートカット一覧

公式Twitter

はてなのサービス