並び順

ブックマーク数

期間指定

  • から
  • まで

121 - 160 件 / 1496件

新着順 人気順

JAMStackの検索結果121 - 160 件 / 1496件

  • JamstackなWeb制作者になるためのロードマップ

    🍃はじめに 「これからのWebコーディングのスキルは、はじめからJamstack志向でも良いのではないか?」 と考えたことが本記事執筆の理由です。 先日エビスコムさまから作って学ぶNext.js/React Webサイト構築が発刊され、これであれば普段Webコーディングを専門にされている方がJamstackに入門できると考えました。 一方でJamstackに関連する資料は中上級者向けのものが多く、初学者向けの体系だった資料がありません。 この課題を解決すべく作って学ぶNext.js/React Webサイト構築を目標に掲げ、それまでの道を整備したいと思い本記事を書くに至りました。 🙋対象 これからフロントエンド(Jamstack)を勉強される方 コーディングの基礎を整理したい初中級者 Macユーザー(Windowsでも可能ですが適宜読替えが発生する可能性があります) 🏁ゴール 作って

      JamstackなWeb制作者になるためのロードマップ
    • Document | StaticPress

        Document | StaticPress
      • 個人ブログを Next.js + Headless WordPressに 切り替えた話 / shifter-meetup-202011

        個人ブログを Next.js + Headless WordPressに 切り替えた話 / shifter-meetup-202011

          個人ブログを Next.js + Headless WordPressに 切り替えた話 / shifter-meetup-202011
        • Nuxt.js, Firebase, Stripe をフル活用してサーバーレスでJAMStackなECサイトを2日で開発した話 - Qiita

          Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 本記事で紹介しているサービスの公式Twitterアカウントができました → @jslounge_info はじめに potato4d こと花谷拓磨です。 普段は ElevenBack という屋号のもと、フロントエンドを中心としながらも、デザインやサーバーサイドなどをも含めて作業することが多いのですが、屋号での活動の一環として、 JSLounge という渋谷で活動するハンズオン団体の運営を行っています。 その JSLounge にて過去に開催したハンズオン資料を入手できるサイトを構築することとしました。 通常、ハンズオンとなればその場でメ

            Nuxt.js, Firebase, Stripe をフル活用してサーバーレスでJAMStackなECサイトを2日で開発した話 - Qiita
          • 【ほぼ0円!】Hugo + Cloudflare Pages + AWS でホームページをリニューアル

            はじめに はじめまして!株式会社Rivine のつかもとです! この度 Zenn 初投稿 & 弊社 Zenn Publication の初記事となります。どうぞお手柔らかに・・ 2022 年 11 月より 株式会社Rivine を設立し、エンジニア&取締役として働いております。 「テクノロジーで、もっと生きやすい世の中へ」をモットーに主に受託開発と開発支援(SES / ラボ型開発)を行っております。 Rivine と書いて、リヴァインと読みます。名前だけでも覚えて帰ってください・・🙏 さて本題ですが、弊社は昨年 11 月に法人設立後、早くも今年の 4 月に自社ホームページをリニューアルしました。今回は主にリニューアルの概要について、少しお話しをさせていただきます。 ※ 本記事タイトルの「ほぼ0円!」という表現について ※ ほぼ0 円 や ほぼ無料 という表現には「ドメインの更新料」は含ん

              【ほぼ0円!】Hugo + Cloudflare Pages + AWS でホームページをリニューアル
            • なぜJamstackでWEB制作の仕事を受けようと思ったのか - Qiita

              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でWEB制作の仕事を受けようと思ったのか - Qiita
              • 無料で使える開発に役立つサービスをまとめた「free-for.dev」レビュー、埋もれたサービスも発掘可能

                ソフトウェア開発において、無料で利用可能なサービスは開発を手助けしてくれる重要な存在です。しかし、あまりにもサービスの数が多すぎて「どんな無料サービスがあるのか追い切れない……」と考えている人もいるはず。「free-for.dev」は、そんな「埋もれた」無料の開発サービスを発掘できるウェブサイトです。 Free for developers https://free-for.dev/ free-for.devのトップ画面はこんな感じ。 左側のメニューには、サービスがカテゴリごとにまとめられています。試しに「CMS(コンテンツ管理システム)」をクリックすると…… 無料で利用できるCMSの一覧が表示されました。CMSの代表格であるWordPressは含まれておらず、JAMstack開発で利用されるヘッドレスCMSのContentfulは含まれていることから、専門的なサービスがピックアップされて

                  無料で使える開発に役立つサービスをまとめた「free-for.dev」レビュー、埋もれたサービスも発掘可能
                • Faust.js + Headless WordPress + Vercel での Jamstack アーキテクチャでプレビューを実現する手順(カスタムポスト作成あり) - necco note | necco inc.

                  Faust.js + Headless WordPress + Vercel での Jamstack アーキテクチャでプレビューを実現する手順(カスタムポスト作成あり) Faust.jsとは? Faust.jsとはについては公式サイトのトップに書いてありましたので引用します。 Faust.js is the Headless WordPress Framework. Faust.js provides a set of tools to make building front-end applications with WordPress as the headless CMS a pleasant experience for both developers and publishers. This framework consists of a WordPress plugin, a

                    Faust.js + Headless WordPress + Vercel での Jamstack アーキテクチャでプレビューを実現する手順(カスタムポスト作成あり) - necco note | necco inc.
                  • Database platform for PostgreSQL - Xata

                    Serverless Postgres Every database is a fully managed Postgres instance

                      Database platform for PostgreSQL - Xata
                    • フロントエンドの知識地図—— 一冊でHTML/CSS/JavaScriptの開発技術が学べる本

                      2023年11月24日紙版発売 株式会社ICS 池田泰延,西原翼,松本ゆき 著 A5判/344ページ 定価2,860円(本体2,600円+税10%) ISBN 978-4-297-13871-4 Gihyo Direct Amazon 楽天ブックス honto ヨドバシ.com 電子版 Amazon Kindle この本の概要 フロントエンド開発の範囲は広く,習得すべき技術は多種多様です。 HTML・CSS・JavaScriptはフロントエンドエンジニアにとって共通言語ではあるものの,Webサイトを制作するのか,Webアプリケーションを開発するのか,その違いによって採用すべき技術は全く異なります。それは,Webの多様性に対して技術的な正解がひとつではないことを示しています。 本書はフロントエンドの技術を俯瞰し,「エンジニアが共通して知っておくべき技術はなにか」,「(多種多様なエンジニアにと

                        フロントエンドの知識地図—— 一冊でHTML/CSS/JavaScriptの開発技術が学べる本
                      • Cloudflareがソースコードから一瞬でウェブサイトを構築できるJAMstackプラットフォーム「Cloudflare Pages」を発表

                        Cloudflareが高速なウェブサイトを低コストで実現できるJAMstackプラットフォーム「Cloudflare Pages」を発表しました。NetlifyやVercel、AWS AmplifyといったJAMstackプラットフォームに新しい選択肢が生まれた形となります。 Cloudflare Pages https://pages.cloudflare.com/ Introducing Cloudflare Pages: the best way to build JAMstack websites https://blog.cloudflare.com/cloudflare-pages/ これまでのウェブサイトの構造としては、まずユーザーがウェブサーバーにアクセスし、アクセスを受けたウェブサーバーはデータベースからデータを取得。その後、取得したデータに合わせてHTMLを生成し、ユー

                          Cloudflareがソースコードから一瞬でウェブサイトを構築できるJAMstackプラットフォーム「Cloudflare Pages」を発表
                        • 誰でもノーコードで独自のWeb APIを開発&公開できる「Canonic」を使ってみた! - paiza times

                          どうも、まさとらん(@0310lan)です! 今回は、誰でも簡単に独自APIの開発から一般公開までを完結できる無料のWebサービスをご紹介します。 ビジュアルエディタを採用した構築方法なので直感的に理解しやすく、そのまますぐに公開まで可能なのが特徴です。APIを利用したWeb開発やJamstackなどにご興味ある方はぜひ参考にしてみてください! 【 Canonic 】 ■「Canonic」の使い方 それでは、「Canonic」をどのように使えばいいのかを詳しく見ていきましょう! まずはサイトのトップページから【Signup】ボタンをクリックして無料のユーザー登録をしておきます。 GoogleやFacebookのアカウントから簡単に登録ができるようになっていますが、今回はGitHubのアカウントを利用して登録します。 初回のみ、GitHubアカウントとの連携画面が表示されるので認証しておきま

                            誰でもノーコードで独自のWeb APIを開発&公開できる「Canonic」を使ってみた! - paiza times
                          • Webアプリパターンの歴史 - SST、AJAX、CSR、SSR、SSG、そしてISR - Qiita

                            はじめに (1/2) Webアプリの動作するパターンをまとめました。歴史を振り返ることで JAMStack といったモダンなスタックがどういった点で有用なのか理解していきましょう。 発表者:@kimizuy 日々スプラのXPをどう上げるかに頭を悩ませています。ブログもあります。 はじめに (2/2) これは2020年9月16日開催のりあクト! TypeScriptで始めるつらくないReact開発 第3版Ⅰ. 言語・環境編 読書会のLT用資料として作成しました。 ※ 続きの会も企画する予定です。どちらかというと初学者〜中級者向けです。興味のある方はお気軽にご参加ください。 SST (1/3) 概要 Server Side Templating の略 基本的にはサーバサイドのフレームワークとテンプレートエンジンの組み合わせ 完成した HTML をクライアントに返すため正確にはサーバサイドレンダ

                              Webアプリパターンの歴史 - SST、AJAX、CSR、SSR、SSG、そしてISR - Qiita
                            • noteがFacebookやTwitterにならないためには、と考えてみた

                              結論から言うと、ピースオブケイク改めnoteは、アグリゲータとしてのポテンシャルが高すぎて、プラットフォームになれないかもしれない。でもプラットフォームになりたそうで、その為には方向性の調整が必要だと思う。 結論を言うだけならツイートに収まるので、僕なりの分析を、以下書き留めてみる。 目次 プラットフォーム is 何 そろそろnoteの話を 「を」vs「で」 もうひとつの違和感ーコロナに関する但し書き Facebookという教訓 Twitterという警鐘 プラットフォームでいるには さいごに プラットフォーム is 何 そもそも「プラットフォーム」とは何だろうか。「民主主義」とかもそうだが、それが意味するところの輪郭がぼやけているのに、何となく「良いこと」になってしまいがちな言葉だ。なので一先ず定義するところから始めたい。さいわい最近だとBen Thompsonという兄ちゃんがいて、彼のブ

                                noteがFacebookやTwitterにならないためには、と考えてみた
                              • ポートフォリオサイトをNuxt + Netlifyに移行しました

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

                                  ポートフォリオサイトをNuxt + Netlifyに移行しました
                                • O'Reilly Japan - マイクロフロントエンド

                                  DAZNでアーキテクトを務めた著者が、マイクロフロントエンドアーキテクチャの概念、長所と短所、導入のポイントなどを俯瞰的に説明します。プロジェクトに適したアーキテクチャをどのように見極めるべきかについて、デプロイ可能性、モジュール性、テスト容易性、パフォーマンス、開発者体験といった観点から、多角的に分析することの重要性を強調します。また、マイクロフロントエンドを導入する予定がない組織にとっても、自律性、生産性の高いチーム作りのヒントを得ることができます。巻末の付録では、開発の最前線で活躍する8人にインタビュー。マイクロフロントエンドの威力、可能性、落とし穴など、開発現場の貴重な「生の声」を収録。一筋縄ではいかない開発の風景を垣間見ることができます。実装サンプルはすべてGitHubから利用可能です。 序 まえがき 1章 フロントエンドのいま 1.1 マイクロフロントエンドアプリケーション 1

                                    O'Reilly Japan - マイクロフロントエンド
                                  • JamstackプラットフォームのLayer0へNext.jsのアプリをデプロイしながら試す

                                    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プラットフォームのLayer0へNext.jsのアプリをデプロイしながら試す
                                    • https://redwoodjs.com/

                                        https://redwoodjs.com/
                                      • 初心者に分かりやすい!JavaScript 入門チートシート - コムテブログ

                                        TL;DR このページでは、Jamstack を使った構築や、Next.js を使う上で必要となる JavaScript の基礎知識をまとめたものを初心者向けにチートシート形式でご紹介します。JavaScript の主要な特性や概念を分かりやすく網羅していますので、JavaScript の学び直しにもご活用できるかと思います。定期的に見返しましょう! 項目 内容

                                        • パーフェクトな言語であるRustでGoogle spreadsheetをJson APIに変換してみる

                                          タイトルにはやや釣り要素が混じっています。 概要 私が今まで所属していた開発チームでは、非エンジニアとエンジニアで気軽にデータを共有する方法としてGoogle Spreadsheetがよく使われていました。 Spreadsheetの優れている点の1つとしてAPIを経由してデータの取り込みを自動化できる事が挙げられるかと思いますが、そのAPIの呼び出し周りの実装はやや手間がかかる(し、それほど面白いものではない、)のが悩みどころです。 なのでシンプルなフォーマットのSpreadsheetをNo-Code or Low-CodeでJson API化できたら便利です。 SpreadsheetのAPI化のサービスとしては、SaaSとして提供されている使い勝手の良いものがいくつかありますが、外部と共有できないデータを扱う場合は自前で用意した環境内だけでSpreadsheetを共有する必要がでてきます

                                            パーフェクトな言語であるRustでGoogle spreadsheetをJson APIに変換してみる
                                          • Webフロントエンドの進化とJamstackアーキテクチャの変遷

                                            DIST.40 「Jamstackの実際とミライ」での発表資料です。 https://dist.connpass.com/event/284922/

                                              Webフロントエンドの進化とJamstackアーキテクチャの変遷
                                            • Cloudflare Pagesにおける権限昇格と任意ページの改竄

                                              You can read about these vulnerabilities in English at https://ec0.io/post/hacking-cloudflare-pages-part-2/ 免責事項Cloudflareは、HackerOne上で脆弱性報奨金制度(Bug Bounty)を実施しており、脆弱性の診断行為を許可しています。 本記事は、当該制度を通して報告された脆弱性をCloudflareセキュリティチームの許可を得た上で公開しているものであり、無許可の脆弱性診断行為を推奨することを意図したものではありません。 また、Cloudflareは脆弱性調査において他の研究者との協力を許可しており、脆弱性調査を目的とした他の研究者との脆弱性情報の共有が許可されています。 Cloudflareが提供する製品に脆弱性を発見した場合は、Cloudflareの脆弱性報奨金

                                                Cloudflare Pagesにおける権限昇格と任意ページの改竄
                                              • 真のサーバーレスに一段近づけるフロントエンドアーキテクチャーの話

                                                「真のサーバーレス」の定義について 一般的にサーバーレスとは、サーバーの管理が不要になったフルマネジードサービスのことを指します。クラウドのFaaS(Function as a Service)が代表です。しかし、言葉的には、「サーバーが無い」という意味に受け取ることが第一想起することではないでしょうか? サーバーが無い状態のよくある形態は、デスクトップアプリケーションです。ローカル環境にインストールして単独で動くソフトウェアです。OSに添付されている電卓アプリなんかが典型です。しかし、わざわざこれを「サーバーが無い」アーキテクチャーと呼ぶのも本末転倒な話です。むしろこっちが基本形で、シングルからマルチへと、高度な用途を実現するためにクライアント・サーバーアーキテクチャーに発展したわけです。この高度な用途はキープしたまま、特定の供給源となるサーバーが不要になっている状態なら、あえてサーバー

                                                  真のサーバーレスに一段近づけるフロントエンドアーキテクチャーの話
                                                • ZEIT – Now 2.0

                                                  Today, we have some very special news regarding the evolution of our company. ZEIT is now Vercel. This new identity aligns with our new focus — to provide the ultimate workflow for developing, previewing, and shipping Jamstack sites. Towards that goal, we are thrilled to also announce that we secured $21M in Series A funding. Accel and CRV are our lead investors, alongside Naval Ravikant, Nat Frie

                                                    ZEIT – Now 2.0
                                                  • GitHub - kriasoft/react-starter-kit: The web's most popular Jamstack front-end template (boilerplate) for building web applications with React

                                                    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 - kriasoft/react-starter-kit: The web's most popular Jamstack front-end template (boilerplate) for building web applications with React
                                                    • Fastly Launches Highly-Secure Serverless JavaScript

                                                      Why FastlyProductsServicesSolutionsDevelopersPartnersResourcesPricing Compute@Edge’s unique isolation sandbox technology enables a fast, secure JavaScript experience as developers continue to enter into the growing serverless computing landscape. SAN FRANCISCO -- JULY 21, 2021 -- Fastly, Inc. (NYSE: FSLY), a global edge cloud platform provider, today announced the availability of JavaScript in Com

                                                        Fastly Launches Highly-Secure Serverless JavaScript
                                                      • AWS Amplify × Next.js で Server Side RenderingのデプロイおよびCI/CD環境を構築する

                                                        本記事では、AWS Amplify と Next.js を使って SSR 構成のデプロイ、および CI/CD の構築について考えていきたいと思います。 ※2021/05/19 更新 Amplify Console が SSR ホスティングをサポートしたので記事の内容を更新しました Amplify ConsoleがNext.jsで作成されたアプリのSSRに対応しました🎉 去年9月にAmplify LibrariesがNext.js/Nuxt.jsのSSR対応したので、SSRがAmplifyで完結できるようになります!https://t.co/igYF9Vz61a#AWSAmplifyJP — Jaga@AWS Amplify (@jagaimogmog) May 18, 2021 (参考) https://aws.amazon.com/jp/blogs/mobile/host-a-next

                                                          AWS Amplify × Next.js で Server Side RenderingのデプロイおよびCI/CD環境を構築する
                                                        • 筑波大学学園祭 Web サイト構築の舞台裏

                                                          年の瀬ですね。こんにちは、いなにわうどん(@kyoto_mast21)です。 11 月 5, 6 日に、筑波大学では雙峰祭(そうほうさい)と呼ばれる学園祭が開催されました。私は雙峰祭 Web サイトのフロントエンドのデザインや実装を主に担当したので、その工夫や裏話的なものを少しお話しできればと思います。 Web サイトの開発光景 本稿は 学園祭非公式 Advent Calendar 2022 の 14 日目の記事です。12 日目の担当は issy さんでした[1]。 背景 学園祭の運営を担う筑波大学学園祭実行委員会には、情報メディアシステム局[2](以下、jsys)と呼ばれる部門が存在しています。jsys では、学園祭で使用する映像の制作・生中継[3]等に加え、学園祭運営に必要な各種システムや Web サイトの内製を担当しています。 例年、雙峰祭の前後 1 ヶ月程度は、その年のテーマに合わ

                                                            筑波大学学園祭 Web サイト構築の舞台裏
                                                          • JavaScript ベスト・オブ・ザ・イヤー 2020 - Qiita

                                                            2021 / 2020 / 2019 JavaScriptライブラリのトレンドを紹介しているbestofjs.orgが、2020年に最もホットであったJavaScriptライブラリのランキングを発表しました。 選考基準は現在のスター数ではなく、『2020年の一年間で増えたスターの数』です。 過去流行っていたけど落ち目となった技術は出てこないので、最近注目されている技術がわかります。 ちなみに2016年の総合ランキング1位はVue.js、2017年の総合ランキング1位はVue.js、2018年の総合ランキング1位はVue.js、2019年の総合ランキング1位はVue.jsです。 以下は2020年のランキング、2020 JavaScript Rising Starsの日本語訳です。 JavaScript ライジングスター 2020 5回目のJavaScript ライジングスターにようこそ! こ

                                                              JavaScript ベスト・オブ・ザ・イヤー 2020 - Qiita
                                                            • Jamstackとは? | 株式会社ピクセルグリッド

                                                              事前にデータを埋め込んだ静的HTMLを生成することで、配信するWebアプリケーションと、コンテンツを管理するCMSなどを完全に分離したアーキテクチャをJamstackといいます。静的HTMLでも、完全に分離したサービスやシステムのAPIを通じて、ブラウザで実行するJavaScriptで動的コンテンツを扱えます。 Jamstackでは静的HTMLがベースなので、CDNベースのホスティングサービスに配信を任せることができ、Webサーバーの管理や運用をなくせます。大量のアクセスに強く、高速に配信でき、セキュリティ面とコスト面でも有利です。 コンテンツを管理するCMS、ユーザー認証、支払いシステムが完全に別のサービスやシステムに分離されるため、既存の優れたサービスより自由に選択し、それらをAPIで繋ぐことで、必要な仕組みごとに適切なサービスを組み合わせられます。より少ない開発コストで高度な仕組みを

                                                                Jamstackとは? | 株式会社ピクセルグリッド
                                                              • Netlify’s AWS Lambda functions bring the backend to your frontend workflow | Netlify

                                                                Today we’re officially releasing Functions, which make deploying serverless AWS Lambda functions on Netlify as simple as adding a file to your Git repository. We’re also officially releasing Identity and Forms out of beta, so now you can add dynamic functionality to your site without setting up servers, writing server-side code, or managing multiple accounts. Since adding these components is as ea

                                                                  Netlify’s AWS Lambda functions bring the backend to your frontend workflow | Netlify
                                                                • Headless(ヘッドレス) CMSとは? 代表的な10のCMS比較! | 株式会社ウェブ企画パートナーズ

                                                                  ↓動画でも解説しています。 Headless CMSとは? 近年、目にする機会が増えた「Headless CMS」という単語。この記事では、Headless CMS、関連技術、人気のサービスなど、導入に向けた基礎知識をご紹介していきます。導入のためのイメージ作りになれば幸いです。 キーワード1:CMS(Content Manegement System) CMS(Content Manegement System)は、コンテンツ、ファイル、ワークフロー、リポジトリなどの情報を管理・公開するシステム。身近なところでは、WEBメディアの記事、企業サイトの各ページ、ECサイトの商品情報などの管理・公開など幅広く使われています。 画像などのファイルや、投稿の変更履歴、権限の管理など、様々な機能を技術者でなくても利用できるのが特徴です。 CMSを代表するのがWordpress。 2003年にリリース

                                                                    Headless(ヘッドレス) CMSとは? 代表的な10のCMS比較! | 株式会社ウェブ企画パートナーズ
                                                                  • 次世代バンドルツールの競争の今 Turbopack vs Vite - GMOインターネットグループ グループ研究開発本部

                                                                    こんにちは。グループ研究開発本部 次世代システム研究室のH.Oです。 生産的なアプリケーション開発において欠かせないものの一つにフロントエンドのJavaScriptバンドルツールがあります。 これまで、長年に渡ってJavaScriptのバンドルツールはwebpackがデファクトスタンダードとなり、Next.jsやNuxt.jsなどフレームワークにもデフォルトで組み込まれていました。その高機能性と安定性から現在も多くのWebサービスで利用されています。 一方で近年、webpackに続く次世代バンドルツールの開発競争が大きな注目を集めています。その中で特にwebpackに取って代わる勢いを見せているものにViteとTurbopackがあります。これらは、開発するアプリケーションの肥大化に伴って処理が遅くなってしまうwebpackの問題点を解決することが主要目的となっています。 今回はViteと

                                                                    • Static CMS for Fast, Secure, GDPR & CCPA-Compliant Websites

                                                                      ... my tech lead on Publii: “it’s all so intuitive… something must be wrong ... ... really impressed and loving the UI and ease of integration with Github ... ... I've been interested in static sites for a while now. Publii just caught my eye. The interface is 🔥. Even non-devs can rock this! ... ... a very friendly and optimized solution for creating ultra-fast websites. Best alternative to your

                                                                        Static CMS for Fast, Secure, GDPR & CCPA-Compliant Websites
                                                                      • API Platform: API-first PHP framework for modern web projects

                                                                        Create REST and GraphQL APIs, scaffold Jamstack webapps, stream changes in real-time.

                                                                          API Platform: API-first PHP framework for modern web projects
                                                                        • Webクリエイターボックス

                                                                          カテゴリー: コーディング 制作時に「CSSファイルをこれ以上増やしたくない…」「クラス名を考えるのしんどい…」なんて思ったことはないでしょうか?私はあります!あれこれ試した結果、Tailwind CSSが使いやすかったので、導入時につまづいたポイントと解決方法をまとめてみます。 続きを読む 初学者向けの記事やSNSの投稿で「Sassはマジで必須!」なんて書いているのを見かけますが、私の場合、そういえば最近は素のCSSばかりでSassは使っていないなーと思ったので記事にしてみます。私自身Sassが大好きでずっとお世話になっていましたが、CSSの進化も著しく、使い所があまりなくなってきているんですよね。 続きを読む CSS小技集シリーズの第5弾!「【第4弾】少しのコードで実装可能な10のCSS小技集」から約2年。またまた便利でサクッと使えるコードが続々登場しています!初心者さんからベテランさ

                                                                            Webクリエイターボックス
                                                                          • Next.jsとmicroCMSでカップラーメン食べた回数カウンターを作る

                                                                            まえがき コロナの影響で食生活がおうち中心になり、どうしても カップラーメン or カップ焼きそば を食べる機会が増えました。 そのなかで、どれぐらい今食べているのかを把握することは大切(健康のために)かと思い、この自分しか得をしないサイトを構築してみました。 こんなことに結構な工数とお金を使った気がしますが、いったん気にしないことにしてます。 これで、栄養や健康について意識するようになっていけると思います。(いいぞ!) アーキテクチャの構想 Next.js(SSG) microCMS(ヘッドレスCMS) MESH(IoT) Github Actions(JAMStack build) Slack(通知用) お名前.com(ドメイン) AWS S3(ファイル配置) CloudFront(ファイルの配置とドメインを紐づけ) Lambda@edge(Edge側にいる JavaScript) A

                                                                              Next.jsとmicroCMSでカップラーメン食べた回数カウンターを作る
                                                                            • 【2024年版】JavaScriptのおすすめライブラリ&フレームワーク40選

                                                                              【2024年版】JavaScriptのおすすめライブラリ&フレームワーク40選 JavaScriptのライブラリやフレームワークを使うことで、幅広い特徴と機能により、ウェブサイトやアプリケーションの開発が容易になります。これを可能にしているのが、JavaScriptの動的で柔軟であるという特性でしょう。2020年に実施されたStackOverflowの調査によると、JavaScriptは回答者の67.7%が使用しており、最もよく使われているプログラミング言語として記録を更新(8年目)しています。 その汎用性の高さから、バックエンドとフロントエンド両方の開発やテストに利用できます。その結果、さまざまな目的に対応する数多くのJavaScriptライブラリやフレームワークを見つけることができます。それゆえに、プロジェクトでどれを利用すべきかと迷ってしまうこともあるでしょう。 しかし、心配はご無用

                                                                                【2024年版】JavaScriptのおすすめライブラリ&フレームワーク40選
                                                                              • サーバレス・ネイティブ が お伝えする、フルサーバレス開発の魅力! | Slides | Riotz.works

                                                                                「CloudNative Days Tokyo 2019」にて発表した際のスライドです。

                                                                                  サーバレス・ネイティブ が お伝えする、フルサーバレス開発の魅力! | Slides | Riotz.works
                                                                                • 【入門】Nuxt.js + Contentful + Netlify で始める、JAMstack な CMS 構築 - Qiita

                                                                                  Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 概要 こんにちは、アジアクエスト株式会社でフロントエンドエンジニアをやってます、かめぽんです。最近はエンジニアリングだけでなく Vue や Nuxt の導入支援などもしていたので、徐々に Vue を使ってくれる人が増えつつあり、組織的にもこれからどんどんフロントエンド技術を一層浸透させていきたいなと思っております。 最近、JAMstack やヘッドレス CMS という言葉を聞きますが、CMS と聞いて真っ先に思い浮かべるのは WordPress だと思います。人によっては好き嫌いあって僕もそんなに得意と言うか好きな技術ではありません。だ

                                                                                    【入門】Nuxt.js + Contentful + Netlify で始める、JAMstack な CMS 構築 - Qiita