Popularity of top frameworks on Netlify: Next.js, Gatsby, create-react-app

2023/04/13 6 users create-react-app Next.js

We run an annual survey of web developers and have shared that data with the community in 2020, 2021 and 2022. While that data is about web developers as a whole, we often get questions about what framework usage looks like on Netlify specifically. So we dug into our data and here's what we found... 続きを読む

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

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

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

Gatsby is joining Netlify | Gatsby

2023/02/01 11 users

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

ブログをAstro に移行しました - As a Futurist...

2023/01/07 115 users astro 塩漬け フレームワーク As a Futuri

式年遷宮の様な感じですが、数年おきにブログを作り直してます(前回)。今回は Gatsby でデザインした UI をほぼそのままに、フレームワークを Astro に移行しました。静的サイトの作成では Astro の開発者体験が最高に優れているので、2 年間ほぼ塩漬けにしてしまっていた Gatsby のコードを無事に移行できてよかったで... 続きを読む

Vue.js、Nuxt JSを学習するときにやったこと | Webクリエイターボックス

2021/01/21 165 users Vue.js Webクリエイターボックス 手順

2021年1月21日 JavaScript, Vue.js 以前「WebデザイナーのためのVue.js事始め」という記事でVue.jsについて触れたのですが、それから今まで、どんな手順で勉強してきたのかを紹介してみます。途中ReactやGatsbyを取り入れたりもしていたのですが、結局 .vueファイルでの単一ファイルコンポーネントが楽だなーと思い、今... 続きを読む

フロントエンド初心者がGatsbyでブログを作り直した話 - As a Futurist...

2021/01/02 181 users Hugo CSS HTML As a Futuri 構造

Jan 2, 2021フロントエンド初心者が無事に Hugo のブログを Gatsby で一から作り直すことができた。その振り返り。 歴史インターネットを小中学生(もはや 25 年以上前)に触り初めた頃に、HTML で文章の構造を作り CSS でデザインする、ということができるのを知って感動したけど、結局自分には何かが合わなくてそれを突... 続きを読む

microCMS + Gatsby + GitHub Actions + S3 でJamStackのチュートリアル | Developers.IO

2020/11/06 160 users Markup JamStack microCMS ワード 構築

What is Jamstack? ここ数年でよく聞くようになったワード。 Jamstackとはウェブサイトを構築および運用するための、技術の組み合わせです。 JavaScript・API・事前にレンダリングされたMarkupの組み合わせでJamStackとのこと。 (以前はJAMStacといってたけど、最近はJamstackだったりする) Jamstackは、 「ウェブをより... 続きを読む

Gatsby + TypeScript で技術ブログを書くための知見 | blog.ojisan.io

2020/06/09 23 users Updated Created TypeScript 結実

Gatsby + TypeScript で技術ブログを書くための知見2020-06-10(created)/2020-06-11(updated) Blog を作りました！！！！！ もうすぐ会社を辞めて 5 ヶ月経つのですが、「空白期間に修行して圧倒的成長 ?」とか言ってたのに、いまでは堕落しきって何もやれていなくて、その危機感がすごいです。 そしてその危機感が結実... 続きを読む

今あえてTypeScriptのビルド＆バンドルツールを探してみる | Future Tech Blog - フューチャーアーキテクト

2020/03/19 14 users TypeScript フューチャーアーキテクト React

ちょっとしたフロントエンドの開発で、TypeScriptに最初から対応していて、簡単に使えるものは何かないかな、と調べてみたメモです。React/Vue/Angularの場合はそれぞれの初期化コマンドで何から何まで用意してくれます。Next.js、Nuxt.js、Gatsbyなども、これらのビルドのステップを簡略化するコマンドを提供しています... 続きを読む

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

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

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

【実装メモ】Gatsbyを使ってよかった・注意すべき点まとめ - コネヒト開発者ブログ

2019/11/18 62 users dachi_ エンジニア MacBook Pro 実装メモ

こんにちは、エンジニアの@dachi_023です。最近、MacBook Proの調子が悪いのですが修理に行くのが面倒で行っていません。放置し続けていたら直ったりしないかな・・・。 今回の記事はGatsbyで100ページ超えの静的サイトを構築したときの学びについてです。Gatsbyって実際どうなん？って思っている方に読んでもらえたら幸... 続きを読む

Gatsbyでライブ編集機能付きCMSを構築できるツール「TinaCMS」 - エンジニア・プログラマのソーシャルITメディア

2019/10/27 40 users github.com プログラマ CMS エンジニア ツール

◆ TinaCMS https://tinacms.org 紹介 「TinaCMS」は、GatsbyおよびNext.jsサイトでつくるCMS構築ツールです。一般的なCMSと異なり、リアルタイムにコンテンツを編集できる機能が特徴です。 なお、こちらオープンソースで提供されています。 https://github.com/tinacms/tinacms $ git clone git@github.com:tinacms/tina... 続きを読む

React Static 公式ドキュメント和訳 「基礎概念」編 - Qiita

2019/03/23 156 users Qiita medium 基礎概念 Reactベース サーバー

React Static とは Reactベースの静的サイトジェネレータです。 つまり、ブログのようなCMSベースのサイトが React＋αの知識で！ DBなしに！ サーバーの（大した）設定もせず！ 超高速表示に！ 作れる優れもの。 その中でもReact Staticは、Mediumで3,000clapを叩き出した記事 「2019年のReactジェネレータ」でもGatsby... 続きを読む

GatsbyJSブログに検索を実装してみた - mottox2 blog

2019/01/01 25 users mottox2 blog 検索 Gatsby.js 実装 構成

あけましておめでとうございます。今回はGatsbyでつくってる当ブログに検索を実装しました。 なぜ自分で実装したのか、Gatsbyの構成でどういう実装を選択したのかを書きました。 > つくったものつくったもの Gatsby.jsのブログに検索を実装してみました。あけおめ実装です。https://t.co/hvz25scB7r pic.twitter.com/qSL... 続きを読む

Reactベース静的サイトジェネレータGatsbyの真の力をお見せします - uehaj's blog

2018/12/26 48 users uehaj's blog Qiita GraphQL 利点

Reactベース静的サイトジェネレータGatsbyの真の力をお見せしますという記事をQiitaに書きました。 「「爆速サイト」が必要ない場合でも得られるGatsbyの利点」などを書いています。 GraphQLは良いものだ。 導入 記事を書いた理由 「静的サイトジェネレータ」って何？ 一般的な利点 Gatsbyとは わたしの疑問 Gatsbyの特... 続きを読む

イケ散らかしてるぬりかべ | GATSBY [ギャツビー] mandom

2018/10/26 128 users ギャツビー ぬりかべ イケ

× 現在お使いのAndroid標準ブラウザはGoogleによるサポートが終了しているため、動作対象外となります。Google Chromeでご覧下さい。 Google Chromeに切り替える 続きを読む

WordPressのフロントエンドをGatsbyにリプレースした話 / wordpress-gatsby // Speaker Deck

2018/05/21 46 users esa.io Speaker Deck 点数 フロントエンド

快適なフロントエンド開発を実現する話です。 Gatsby化したサイト: https://en.kobit.in （Lighthouse3.0アップデートでチェック項目が増えて点数が落ちてます） esa.io + Gatsbyなブログ: https://mottox2.com 続きを読む

爆速サイトを爆速で作れるNetlify + Gatsby / Create fast site with netlify and gatsby // Speaker Deck

2018/04/24 91 users Netlify 爆速 Speaker Deck

爆速サイトを爆速で作れるNetlify + Gatsby / Create fast site with netlify and gatsby 続きを読む

「関西の一家に一台たこ焼き器は真実」「特撮ガチ勢は着ぐるみをガワと呼ぶ」…あらゆる世界のガチ勢を調査してみた - Togetter

2018/04/20 43 users Togetter ギャツビー 一家 ガチ勢 着ぐるみ

マンダム GATSBY(ギャツビー)のデオドラントTwitterアカウントです。好きなことを夢中で楽しむ「ガチ勢」を応援中！お問い合わせやご意見は、マンダムホームページhttps://t.co/UW2BrWpbOr へお願いします。 SNS利用規約：https://t.co/MA2OowIGK8 https://t.co/VJCEGaCKCE 続きを読む

VuePress をお試ししてみた - Qiita

2018/04/16 76 users Qiita シンタックスハイライト Markdown Pwa

VuePress とは VuePress Vue の始祖こと Evan You 氏が新たに始めた Vue による静的サイトジェネレーターです。 Markdown によるページの作成が可能で、Vue の機能はもちろん、Webサイトを作っていてほしくなるシンタックスハイライトや、PWAのサポートがされています。 雑な解釈としては Vue 版の Gatsby という認識で良いのではないのかと思います。 ... 続きを読む

Gatsby + Netlify CMSで 爆速blog開発 // Speaker Deck

2018/03/29 12 users Speaker Deck

All slide content and descriptions are owned by their creators. 続きを読む

五棟目のアパート経営から……利回り４０％化け物RC、見参！！　( ﾟДﾟ)　⑨ - ゼロから始めた不動産投資生活

2017/10/16 11 users 利回り４０％化け物RC アパート経営 クレープ 五棟目 宴会

2017 - 10 - 17 五棟目のアパート経営から……利回り４０％化け物RC、見参！！　( ﾟДﾟ)　⑨ 不動産５棟目 Tweet Share on Tumblr こんにちは、 gatsby です！！ 先週、仕事の飲み会がありました。総宴会時間３時間弱。私が飲んだのは「グレープ フルーツ酎ハイ」×２杯。 なのに、宴会が始まって２時間経過し たこ ろには頭痛が始まり、すでに 二日酔い状態……。(... 続きを読む

株で１３０万円を２３０万円にしたから嫁に褒めてもらおうと思うのは間違っているのだろうか？　(=^・^=) - ゼロから始めた不動産投資生活

2017/10/11 12 users 不動産投資生活 130万円 230万円 本業 社長

2017 - 10 - 12 株で１３０万円を２３０万円にしたから嫁に褒めてもらおうと思うのは間違っているのだろうか？　(=^・^=) 間違っているのだろうか　シリーズ Tweet Share on Tumblr こんにちは、 gatsby です！！ 最近、本業が忙しく、社員にこき使われる哀れな社長 gatsby です。 今日はちょっと変わった嫁との記事です。よければ退屈しのぎに読んでいってくださ... 続きを読む

「株」異世界生活、始めました。　収支を公開するぞ♡　(*'▽')　 不幸王子の株日記！！　～　9月編　～　④ - ゼロから始めた不動産投資生活

2017/10/01 11 users 収支 王子 株日記 不動産投資生活 異世界生活

2017 - 10 - 02 「株」異世界生活、始めました。　収支を公開するぞ♡　(*'▽')　 不幸王子の株日記！！　～　9月編　～　④ 株 Tweet Share on Tumblr こんにちは、 gatsby です！！ １０月が始まりました！！　いよいよ今年もあと３カ月ですね～。色々とやらなけれ ばいけない事も多いですが、頑張ってこなしていきたいと思います！！ 皆さんも今日の一日を大事に頑張... 続きを読む

五棟目のアパート経営から……利回り４０％化け物RC、見参！！　( ﾟДﾟ)　⑧ - ゼロから始めた不動産投資生活

2017/09/19 12 users 利回り４０％化け物RC アパート経営 不動産投資生活 五棟目

2017 - 09 - 20 五棟目のアパート経営から……利回り４０％化け物RC、見参！！　( ﾟДﾟ)　⑧ 不動産５棟目 Tweet Share on Tumblr こんにちは、 gatsby です！ gatsby です。中々、更新が続かないとです。 gatsby です……。（ヒロシ風） ↓　前回の復習です。 www.gatsby.website 約束の週末ー 「ここです。」 不動産仲介のA氏と... 続きを読む