Kiểm tác đối tượng

Cũng び thuận

ブックマーク số

Trong lúc chỉ định

  • から
  • まで

1 - 40 kiện / 186 kiện

Tân thuận Người khí thuận

Hugo の kiểm tác kết quả1 - 40 kiện / 186 kiện

Hugoに quan するエントリは186Kiện あります.javascript, web, Khai phát などが quan liền タグです. Người khí エントリには『デジタル sảnh の サイトやばすぎるwww - Qiita』などがあります.

Hugo の quan liền エントリー

  • デジタル sảnh の サイトやばすぎるwww - Qiita

    はじめに みなさん, デジタル sảnh の サイトはご lãm になったことはありますか? Nay đề tài の デジタル sảnh です. こちらが2023 năm 6 nguyệt hiện tại の デジタル sảnh の サイトです. やばくないですかこれ? Lúc ban đầu thấy たときこれ “やっばw” と tư いました. これからこ の サイト の やばさを ngữ っていきたいと tư います. Mạch lạc されたシンプルさ, そしてデザイン phó は lúc ban đầu thấy たときびっくりしました. “なんてシンプルで thấy やすいんだ!” Quan công sảnh の サイトですよ? Quan công sảnh の サイトといえば, tế かい tự がずらっと cũng んで thấy づらいイメージでしたが, デジタル sảnh の サイトはとことんシンプルさを theo đuổi して thấy やすくしてます. フォントもNoto Sans JPを sử われててとても đọc みやすい. Hắc も #000 でなく thấy やすい sắc になっている. やばいですねこれ. そしてこ の レイアウトを thấy たとき, dư bạch の おかげでとても thấy やすいなと tư いました. そこでChrome Dev Toolでレイアウトを thấy てみ

      デジタル庁のサイトやばすぎるwww - Qiita

    • なんでもSPAにするんじゃねぇ! という chủ trương の そ の trước - console.lealog();

      Your shopping website is not an SPA. I repeat: your shopping website is not an SPA. Stop trying to sculpt David with a JS chainsaw and get yourself an HTML/CSS chisel.— Alex Russell (@slightlylate) 2021 năm ngày 10 tháng 8 こ の chủ trương, giới ôi ( thiếu なくとも tự đánh giá の quan trắc phạm 囲 ) では cắt とよく thấy かけるし, なんか định kỳ に đề tài になるトピックな の かなーと. まあ lập luận としてもコレには khái ね đồng ý しており, hội xã の スタンスとも tương まって, thường ngày khoảnh からぼんやり khảo えてたりすることでもある. で, そんな chiết にこ の ツイートを phát thấy して, さらにそれに ngôn cập してる người 々を thấy て, ふと tự đánh giá でも hiện trạng を sửa sang lại しておきたいなーという khí cầm ちになった の で bút を chấp った thứ tự.

        なんでもSPAにするんじゃねぇ！という主張のその先 - console.lealog();

      • コーポレートサイトを ai にも khí づかれず tĩnh hóa したとき の kỹ thuật tuyển 択について - Hatena Developer Blog

        こんにちは〜. チーフエンジニア の id:cockscombです. Gần nhất, đồng liêu の id:yashigani_wとともに, はてな の コーポレートサイトを tĩnh サイトとして lại cấu trúc しました. ちょっとした sĩ sự ではありますが, kinh nghiệm によって đến られた ám mặc biết を hình thức biết へ thăng hoa するため, ここに giới thiệu します. はてな の コーポレートサイトとは サイトを tĩnh hóa するメリット ど の ようにサイト の tĩnh hóa を tiến めたか 1. Tĩnh ファイルをNext.jsで sinh thành 2. Vận dụng を tự động hoá したい 3. ホスティングサービスを tuyển 択する 4. Động なコンテンツを tỏ vẻ する リリースと chấn り phản り ホスティングサービスに quan する bổ túc はてな の コーポレートサイトとは tệ xã の コーポレートサイトは giống nhau なそれと cùng dạng に, kabushiki gaisha として の “はてな” に quan tâm を cầm っていただいた phương 々とコミュニケーションするため の song khẩu です. Hội xã tình báo を cung cấp したり, あるいはプレスリリースなど の tình báo を công khai

          コーポレートサイトを誰にも気づかれず静的化したときの技術選択について - Hatena Developer Blog

        • テレワークで thủy めたドキュメント駆 động nghiệp vụ ｜Dentsu Digital Tech Blog

          こんにちは. Điện thông デジタルでEMをしている hà nội です. エンジニアにおける chọn dùng ・ bình 価, スクラムマスターなどを đảm đương しています. Nay hồi はすこし thật trang プラクティスから ly れた đề tài になりますがお phó き hợp いくださいませ. Tệ xã もご đa phần に lậu れず hoàn toàn テレワークを thật thi しており, かれこれ4か nguyệt が kinh ちます. そ の trung で thấy えてきた đầu đề とエンジニアチームとしてどう đối trì したか, そしてそこで đến た khí づきを chuế っていきたいと tư います. こ の nội dung は, qua đi に khai thúc giục したオンラインイベントでお lời nói した nội dung になります. テレワーク hoàn cảnh で tư たち の エンジニア bộ môn で nhiệm vụ khẩn cấp と cảm じた đầu đề テレワークが bắt đầu された2 nguyệt phần sau, プログラミングやシステム khai phát プロジェクトを nghề sinh sống とする tư たち の bộ では “リモート? Hoàn toàn OK. Chi chướng vô いっす.” とタカを quát っておりました. しかし bắt đầu されて gian もなく, やっぱり quán れていない sự が phân biệt rõ ・・・. テレワークを kinh nghiệm されている đọc giả の nhiều く の phương が cảm じていることと cùng dạng

            テレワークで始めたドキュメント駆動業務｜Dentsu Digital Tech Blog

            • Hugo の quan liền エントリー

          • Next.js 4 năm mục の biết thấy: SSRはもう cổ い, VercelにAPIサーバを trí くな - Qiita

            Next.js by Vercel - The React Framework bức họa は Next.js サイコー! っていう nhan です. Webフロントエンドエンジニアであれば, “React の フレームワーク” と nghe いて thật っ trước に tư いつくであろうNext.js. Phó は quy mô nhỏ の thú vị khai phát から trung quy mô の nghiệp vụ まで, 4 năm trình độ Next.jsを sử い続けてきました. Xúc りはじめ の lúc ấy はバージョン4で,” SSR ( Server-side Rendering ) を cung cấp するReact chế フレームワーク” だったも の が, chấp bút lúc nào cũng điểm の mới nhất バージョン ( 10.0.1 ) ではガラッと dị なるフレームワークへと tiến hóa しています. こ の 4 trong năm は thật vụ で lợi dụng するだけでなく, tân しいも の や廃 ngăn された cơ năng, RFC ngăn まりになった cơ năng など, Next.jsに quan する tình báo を truy いかけており, ある trình độ の biết thấy をためつつも, Next.js cũng びに khai phát nguyên の Vercelが mục chỉ す phương hướng tính を gì と

              Next.js 4年目の知見：SSRはもう古い、VercelにAPIサーバを置くな - Qiita

            • Vue.js & Nuxt.js から React & Next.js へ di chuyển した lý do | fwywd ( フュード ) powered by キカガク

              2021 năm から React ベース の フレームワークである Next.js を bổn cách に học び thủy めました. Tạc năm 2020 năm は Vue.js ベース の フレームワークである Nuxt.js にどっぷりと sử った１ năm であり, tạc năm リリースした キカガク (kikagaku.ai) など, bổn vận dụng に thừa せるところまでプロダクト khai phát チームで học びながら tiến めていきました. そ の tạc năm に１ trong năm もかけて biết thấy を trữ めた Vue.js & Nuxt.js を ly れて, React & Next.js へ di chuyển した bối cảnh を giới thiệu します.

                Vue.js & Nuxt.js から React & Next.js へ移行した理由 | fwywd（フュード）powered by キカガク

              • Astroで thủy める bạo tốc cá nhân サイト khai phát

                I Don’t Have Time: Getting Over the Fear to Launch Your Podcast

                  Astroで始める爆速個人サイト開発

                • メルカリShops の フロントエンド | メルカリエンジニアリング

                  こんにちは. ソウゾウ の Software Engineer の hiroppy です. “Còn tiếp: “メルカリ Shops” プレオープンまで の khai phát の sườn” の cuối cùng は, Web フロントエンド の giới thiệu をしたいと tư います. メルカリ Shops は đã tồn の メルカリアプリ の trung に độc lập した Web アプリケーションとして động いています. Bổn ký sự では, ど の ようなライブラリを tuyển định し, ど の ようにアーキテクチャを thiết kế してきたかを giải thích します. なぜ Web な の か? アプリ の thượng で động いている の であれば, WebView ではなくても lương いと cảm じる người はいると tư います. Nay đào bới lại dùng した 1 つ の lý do としては, リリースが mềm mại な điểm が cử げられます. iOS/Android の lạng phương に đối して khai phát サイクルを sớm めることが khả năng であり, また cơ năng thêm vào やバグ tu chỉnh が dễ dàng です. ど の ように WebView で động いているかについては, 6 ngày mục の メルカリ Shops の ため

                    メルカリShops のフロントエンド | メルカリエンジニアリング

                  • “Cloudflare Pages” が chính thức bản に. JAMスタックによる cao tốc なWebサイトを cấu trúc, CDNに triển khai へ

                    Cloudflareは, JAMスタックを dùng いてWebサイトを cấu trúc する tân サービス “Cloudflare Pages” が chính thức bản として cung cấp bắt đầu されたことを phát biểu しました. JAMスタックによるWebサイト の cấu trúc とは JAMスタックとは, JavaScript, API, Markup Language ( HTML ) を chủ な cấu thành yếu tố としてWebサイトを cấu trúc する thủ pháp を chỉ します. WordPressに đại biểu される nhiều く の CMSでは, ユーザーから の リクエストに phản ứng して động にHTMLが sinh thành されることで, động なWebサイトを thật hiện しています. こ の trường hợp, HTML の sinh thành に nhất định の thời gian がかかるため cao tốc なWebサイト の cấu trúc が dễ dàng ではないこと, サーバへ の phụ tải によりスケーラブルなWebサイト の cấu trúc も dễ dàng でないことなどが đầu đề です. JAMスタックでは, HTML の sinh thành はWebサイト の sinh thành khi に hành うことで, cơ bản には tĩnh なWebサイトと cùng dạng の cao tốc

                      「Cloudflare Pages」が正式版に。JAMスタックによる高速なWebサイトを構築、CDNに展開へ

                    • Tĩnh サイトジェネレータ “Astro 2.0” chính thức リリース. Tân cơ năng “Content Collections” で đại lượng Markdown đối ứng, “Hybrid Rendering” で tĩnh と động ページ の xen lẫn trong khả năng に

                      Tĩnh サイトジェネレータ “Astro 2.0” chính thức リリース. Tân cơ năng “Content Collections” で đại lượng Markdown đối ứng, “Hybrid Rendering” で tĩnh と động ページ の xen lẫn trong khả năng に オープンソースで khai phát されている tĩnh サイトジェネレータ “Astro” の mới nhất バージョンとなる “Astro 2.0” が chính thức にリリースされました. Astro 2.0 – our most exciting release yet!https://t.co/FPb5rBTRPT — Astro (@astrodotbuild) January 24, 2023 Astroは, ReactやVue, Svelte, Alpine.js, TypeScriptなど の さまざまなフレームワークやライブラリに đối ứng した tĩnh サイトジェネレータです. ビルド khi にWebサイト toàn thể の HTMLが sinh thành され, しかもそ の HTMLには toàn

                        静的サイトジェネレータ「Astro 2.0」正式リリース。新機能「Content Collections」で大量Markdown対応、「Hybrid Rendering」で静的と動的ページの混在可能に

                      • Tĩnh サイトジェネレータ “Astro 3.0” chính thức リリース. JavaScriptなしでSPA の ようなアニメーション の hình ảnh di chuyển など tân cơ năng

                        Tĩnh サイトジェネレータ “Astro 3.0” chính thức リリース. JavaScriptなしでSPA の ようなアニメーション の hình ảnh di chuyển など tân cơ năng オープンソースで khai phát されている tĩnh サイトジェネレータ “Astro” の mới nhất バージョンとなる “Astro 3.0” が chính thức にリリースされました. Astro 3.0 is out now! 30% faster and more powerful than ever. View Transitions, Image Optimization, JSX Fast Refresh, and so much more. https://t.co/vOi44246Hg — Astro (@astrodotbuild) August 30, 2023 Astroは, ReactやVue, Svelte, Alpine.js, TypeScriptなど の さまざまなフレームワークやライ

                          静的サイトジェネレータ「Astro 3.0」正式リリース。JavaScriptなしでSPAのようなアニメーションの画面遷移など新機能

                        • サーバサイドレンダリング の dẫn vào から sinh じるSSRF | セキュリティブログ | yếu ớt tính chẩn bệnh ( セキュリティ chẩn bệnh ) の GMOサイバーセキュリティ byイエラエ

                          オフェンシブセキュリティ bộ の sơn kỳ です. サーバサイドレンダリング ( SSR ) の dẫn vào によってSSRFが phát sinh する vấn đề を thấy つける cơ hội があったため, bổn ký sự では thật lệ を giao えながら giới thiệu したいと tư います. サーバサイドレンダリング ( SSR ) とは? Bổn ký sự で tráp うSSRとは “サーバ thượng でHTMLを xuất lực すること” を chỉ しています. ただしerbやjsp の ようなテンプレートからHTMLを xuất lực する の とは dị なり, giống nhau には dưới の ようにクライアントサイドレンダリング ( CSR ) の văn mạch で sử われることが chủ です. Năm gần đây の Vue.jsやReactを đại biểu するようなWebフロントエンドフレームワークはブラウザ thượng で động にDOMツリーを cấu trúc して hình ảnh を phác hoạ ( CSR ) する の が chủ lưu となっています. これによってページ di chuyển を hiệp まずユーザ thể nghiệm の よいシングルページアプリケーション ( SPA ) が làm ることができるというメリットがあります. ただ, 単 thuần なSPAにはデメ

                            サーバサイドレンダリングの導入から生じるSSRF | セキュリティブログ | 脆弱性診断（セキュリティ診断）のGMOサイバーセキュリティ byイエラエ

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

                            https:// netlify /pdf/oreilly-modern-web-development-on-the-jamstack.pdf Netlify xã が2019 năm に công khai した bổn? PDFです. せっかくJamstack の hội xã に nhập った の で, đọc んでおかないといけない khí がして. あとJamstackは người によって giải 釈が vi ったりするとし, Jamstack の thật tủy について biết っておきたいですよね? と tư い. ただこれなんと127ページもあるんですよね〜. Toàn biên もちろん tiếng Anh な の で, đọc む の も trung 々に đại 変ですよね〜. てなわけで, ざっくり訳してまとめまておきました. ( それでも trường いけど ) はじめに ここ gần nhất の Web の tiến hóa はすさまじい ブラウザもJavaScriptもパワフルになった そ の phân ユーザー の yêu cầu も tăng える やることが tăng えると処 lý は trì くなる trì いページは thấy hướng きもされないモバイル đương たり trước の thế giới だ

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

                            • こ の ブログがFediverseに đối ứng しました

                              Twitter が ngày 々壊れゆくなか, chu り の người が Misskey や Mastodon や Threads に cư trú を di すようになりました. Tư も di trụ trước を kiểm thảo してみたも の の, di trụ trước の プラットフォームだっていつまで cầm つか phân からないし, số nhiều の プラットフォームにアウトプットを phân tán させる の も lương くないなぁと tư い, cuối cùng にマイクロブログがだめならブログでいいじゃんと tự đánh giá を nạp đến させるに đến りました. せっかくなら ActivityPub に đối ứng して, Fediverse の người からリモートフォローできるようにして, phản ứng が thấy れたら đùa しいよねということで sắc 々と điều べて đối ứng させることができました. Bổn ブログは “@[email protected]” でリモートフォローすることが khả năng です. こ の ブログは hugo で sinh thành しており, tĩnh ファイル の み xứng tin しています. それは変えたくなかったため, Acti

                                このブログがFediverseに対応しました

                              • Phó が khảo える “HTML サイトを WordPress にする” lời nói / 2023-11-05 Kansai WordPress Meetup

                                Kansai WordPress Meetup@ Osaka 『 WordCamp Tokyo 2023 をみんなで chấn り phản る+α (https:// meetup /ja-JP/kansai-wordpress-meetup/events/296857054/) đăng đàn tư liệu です.

                                  僕が考える 「HTML サイトを WordPress にする」話 / 2023-11-05 Kansai WordPress Meetup

                                • Next.js の trạng thái quản lý 2020

                                  Next.js といえば, SSG ( JAMstack ) が gần nhất は đặc に đề tài ですね. 1 năm trước まではgetInitialPropsを dùng いて, どう SSR する の かという sự が đề tài の trung tâm でした. Next.js 9.3 lấy hàng, SSR をする tế にはgetInitialPropsではなくgetServerSidePropsを sử dụng することを đẩy thưởng すると ghi lại されています. ( そして, getInitialPropsを sử dụng することで tự động nhất thích hóa が vô hiệu となってしまう chỉ も ) getStaticPropsやgetServerSidePropsを lợi dụng することで, tư たちは SSG・SSR をページ単 vị で thiết り thế えることができます. “SSG・SSR” が cùng tồn tại する khả năng tính がある trường hợp, SSR にはgetServerSidePropsを lợi dụng することになります. こ の 変 hóa による ảnh hưởng phạm 囲は bao lớn で, trạng thái quản lý とデータフェッチについて, lại khảo する tất yếu がでてきまし

                                    Next.js の状態管理 2020

                                  • JAMstackってなに? Thật tiễn に học ぶ cao tốc tỏ vẻ を thật hiện するアーキテクチャ の cấu thành - エンジニアHub｜Webエンジニア の キャリアを khảo える!

                                    JAMstackってなに? Thật tiễn に học ぶ cao tốc tỏ vẻ を thật hiện するアーキテクチャ の cấu thành JAMstackは, “JavaScript” “APIs” “Markup” の 3つ の kỹ thuật を tổ み hợp わせた, tân しいWebアプリケーションアーキテクチャです. いち sớm くJAMstackを lợi dụng してWebサイトを tác thành した, chùa xuyên thẳng hoành さんと phong gian nhã cũng さんにJAMstackについて nghe きました. JAMstackという ngôn diệp をご tồn biết でしょうか. JAMstackは, “JavaScript” “APIs” “Markup” という3つ の kỹ thuật を tổ み hợp わせた, tân しいWebアプリケーションアーキテクチャです. パフォーマンス の cải thiện, セキュリティ の đảm bảo, スケーラビリティ の bảo đảm が thấy 込めるため, フロントエンド giới ôi で, đại きな chú mục を tập めています. しかしまだ lên sân khấu したばかり の khái niệm ゆえ, thật lệ も thiếu なく, lý giải しにくい mặt もあります. そこで, いち sớm くJAMstackでWebサイトを

                                      JAMstackってなに？実践に学ぶ高速表示を実現するアーキテクチャの構成 - エンジニアHub｜Webエンジニアのキャリアを考える！

                                    • Tĩnh サイト hướng け の toàn văn kiểm tác エンジンと UI ライブラリ の Pagefind

                                      デモとして, こ の ブログに Pagefind を dẫn vào してみました. ヘッダー の kiểm tác アイコンをクリックすると kiểm tác フォームが tỏ vẻ される の で, キーワードを nhập lực して kiểm tác してみてください. Sử い phương Pagefind は cấu trúc tế み の UI ライブラリと, CLI コマンドとしてインデックスを tác thành するため の ツールから cấu thành されています. まずは UI ライブラリ の bộ phận から thấy てみましょう. UI ライブラリ Pagefind の UI ライブラリは, kiểm tác フォームと kiểm tác kết quả を tỏ vẻ するため の コンポーネントから cấu thành されています. こ の UI は dưới の コードを thêm vào するだけで giản 単に lợi dụng できます. <link href= "/pagefind/pagefind-ui.css" rel= "stylesheet" /> <script src= "/pagefind/pagefind-ui.js" ></script> <div id= "s

                                        静的サイト向けの全文検索エンジンと UI ライブラリの Pagefind

                                      • モダンで sớm い tĩnh サイトジェネレータ Astro の thủy め phương - A Memorandum

                                        はじめに プロジェクト tác thành プロジェクト cấu thành コンポーネント レイアウト ページ ビルド Blog テンプレート Portfolio テンプレート Documentation テンプレート まとめ はじめに trước ngày 1.0リリースとなった, tĩnh サイトジェネレータ の Astro の giới thiệu です. JSで tác thành したページをビルドして, JSを hàm まない sớm いサイトを sinh thành し, tất yếu な trường hợp には React や Vue といった hảo きなフレームワークを giản 単に tổ み込むことができる の が đặc trưng になります. プロジェクト tác thành Node は, v14.18.0 trở lên, または v16.12.0 trở lên が tất yếu です. npm や yarn, pnpm で create astro でプロジェクトを tác thành します. # npm $ npm create astro@latest # yarn $ yarn create astro # pnpm $ p

                                          モダンで早い静的サイトジェネレータ Astro の始め方 - A Memorandum

                                        • Netlifyキラー の Vercelでウェブサイトをホストしたら giản 単すぎて cười nhan になった | DevelopersIO

                                          Gần nhất đề tài の Vercelを thí してみました. Cạnh hợp の Netlifyと cùng dạng に, ビルドとホスティング hắn をまとめてやってくれます. Netlifyと so べて1 người で khai phát をするならほぼフル cơ năng が sử えますし, vô liêu プラン の ままでも100 hồi / ngày までデプロイできる の が lợi điểm です. Tiền đề Next.jsと thân hòa tính の cao いVercelですが, nay hồi アプリはGatsby + Contentfulで cấu trúc しています. Tường しくは qua đi に thư いた ký sự があります の で, hạ nhớ の “1. Contentful の chuẩn bị” “2. Gatsbyアプリ の lập ち thượng げ” を tham khảo にしてください. CircleCI × Contentful × S3で làm るJamstackなブログ hoàn cảnh. また, Githubリポジトリを tác thành し, masterにソースコードをプッシュしておきます. Vercelにアプリをデプロイする https://vercel にアクセスし, “Sta

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

                                          • Astro 1.0 | Astro

                                            We are thrilled to announce Astro v1.0: a web framework for building fast, content-focused websites. Over the last 16 months, Astro has grown from an empty repo to over 13,000 stars on GitHub and 30,000 early users around the world. The Astro documentation has been translated into 6 different languages, and Astro has already been deployed at amazing companies such as Firebase (Google), Trivago, Th

                                              Astro 1.0 | Astro

                                            • Jamstackを kiểm thảo する - ゆーすけべー nhật ký

                                              Jamstackを đã tồn の システムに dẫn vào するかを kiểm thảo する cơ hội があった. Hu dư khúc chiết したも の の, chưa だに tạm định な kết luận しか ra ていない. とはいえ, わりと ngoan trương った. Nay hồi は Jamstackとはなんぞや? Jamstack の đặc trưng Jamstack の kỹ thuật nhược みを giải quyết する sách thật tế に kiểm thảo した lời nói を tạp に giới thiệu したい. Cá nhân なメモな の で, gian vi っているところがある の を suy xét nguyện いたい. Jamstackとは? Jamstack の Jamは dưới の đầu văn tự をとっている. JavaScript APIs Markup まず, フロントエンドを cầm たないAPI đàn がある. APIはブラウザ の JavaScriptから khấu かれるかもしれないし, sau thuật するようなSSG = “Static Site Generator” の フレームワークが khấu くかも biết れない. どちらにせよユーザーに xứng tin される の はSSGが xuất lực した, Markup. つまりプリレンダリングされた

                                                Jamstackを検討する - ゆーすけべー日記

                                              • SSR / SSG の lý giải を một đoạn thâm ぼる: BFFアーキテクチャ

                                                BFFとは Backend for Frountend の lược で, UI/UXを hướng về phía trước させる mục đích でフロントエンド chuyên dùng の サーバーを dụng ý したアークテクチャパターンです. Webアプリケーションサーバーは hạ nhớ の 処 lý を hành います. リクエストを chịu ける DBからデータ の lấy được ・ đổi mới ページを cấu trúc (これはクライアントですることも) ページ or データ の phản lại こ の うち, “DBからデータ の lấy được ・ đổi mới” とそれ bên ngoài をフロントエンドとバックエンド の dịch cắt に minh xác にわけます. BFF の dịch cắt となるサーバーをクライアントをWebサーバー の gian に thiết け, “リクエストを chịu ける” と “ページ or データ の phản lại”, trường hợp によっては “ページ の cấu trúc” をここで処 lý します. こうすることで, これまでリクエストというUX quan わる bộ phận をフロントエンドエンジニア の trách vụ に di chuyển することができます. ページ の cấu trúc をクライアントではなくサーバーで hành う trường hợp, これもBB

                                                  SSR / SSGの理解を一段深ぼる: BFFアーキテクチャ

                                                • Tĩnh サイトに đặc hoá した toàn văn kiểm tác ライブラリ “Pagefind”, さくら の レンタルサーバで động かしてみた

                                                  Trước ngày, tĩnh サイトに đặc hoá した toàn văn kiểm tác ライブラリとして “Pagefind” というソフトウェアがあることを, hạ nhớ の ký sự が đề tài になったことで biết りました. Tham khảo: Tĩnh サイトに đặc hoá した kiểm tác ライブラリ Pagefind を thí す | grip on minds thật は, いまお đọc み の Publickeyはまさに, Movable TypeというCMSを dùng いて sinh thành された tĩnh なWebサイトです. Hiện tại, PublickeyではGoogleが cung cấp している “Googleカスタム kiểm tác エンジン” を toàn văn kiểm tác エンジンとして chọn dùng しています ( hữu thượng の lỗ sâu đục kính アイコンから hô び ra せます ). しかしPublickeyでは trước kia からGoogleに sống nhờ vào nhau しない, tự trước の toàn văn kiểm tác エンジンを cầm てないかと mô tác しており, まさにPagefindは tư が thăm し cầu めていたソフトウェアだったと ngôn えます. そこでさっそくPagefindがPublickeyに dẫn vào できるかどうか,

                                                    静的サイトに特化した全文検索ライブラリ「Pagefind」、さくらのレンタルサーバで動かしてみた

                                                  • hugo の ngày phó thư thức がクソすぎる ( ác い の はgo ngôn ngữ です ) - やってみる

                                                    yyyy-MM-dd HH:mm:ss の ような thư thức ではなく2006-01-02 15:04:05である. こ の số trị でなければ chính しく tỏ vẻ されない. は? なにこれ? ひどくない? Tay thuận Go ngôn ngữ をインストールする hugoをインストールする プロジェクト tác thành ＆pulpテーマ áp dụng dưới の ように giả thiết ファイルを biên tập する コード ngày phó の tỏ vẻ hình thức をyyyy-MM-ddに変 càng したい. Dưới の ようにする. config.toml [params] listPageDateFormat = "2006-01-02 15:04:05" singlePageDateFormat = "2006-01-02 15:04:05" cụ thể な ngày khi に thấy えるでしょ? これ, フォーマットなんだぜ……. ハァ? と tư うでよね? ふつうyyyy-MM-dd HH:mm:ssとか%Y-%m-%d %H:%M:%Sとか, そーゆー cảm じな の に

                                                      hugoの日付書式がクソすぎる（悪いのはgo言語です） - やってみる

                                                    • Next.jsで tĩnh サイトを tác thành する tế によく sử っているライブラリまとめ

                                                      こ の ký sự は, trước ngày thúc giục された “ジャムジャム!! Jamstack_5” で đăng đàn した tế の nội dung を lần nữa まとめたも の となります Next quan liền next-seo Seoコンポーネント の ようなも の が đạp tập されてる JSON-LD の サポートも nhập っていてサポート phạm 囲が quảng い next-sitemap sitemap.xmlとrobots.txtを tác thành してくれる phân cách もしてくれる configファイル の trung で tế かい giả thiết ができる pathpida tái sinh したページ の パス の định số ファイルを làm ってくれる tiện lợi なやつ タイポが vô くなって trợ かる typed-scss-modules CSS Modlesでスタイリングをする tế に,.module.(sc|c)ssに đối して hình định nghĩa ファイルを tác thành してくれる. Tuyên ngôn lậu れや bổ xong など, ngứa い sở に tay が giới く headlessCMS quan liền microcms-js-sdk gần nhất tráp っている án kiện の headlessCM

                                                        Next.jsで静的サイトを作成する際によく使っているライブラリまとめ

                                                      • Laravel sử い の tình báo nguyên まとめ

                                                        はじめに gần nhất Laravel の tình báo thâu tập dùng にTwitterアカウントを làm ってみました. Kết quả, hải ngoại に so べて Nhật Bản は tình báo が tán dật していてちょっと tân いぞという khí cầm ちになりました. そ の ためLaravel の tình báo を thâm canh するため の リンク tập を làm ることにしました. こ の リンク tập が, nghiệp vụ や học tập の tay trợ けになればと tư います. もし thêm vào した phương が lương いリンクがあれば, コメント lan で giáo えてください. Cơ bản Laravel học tập の khi も, thật nghiệp vụ で sử う khi も nhất quán してお thế lời nói になるであろうリンクを tập めています. Laravel công thức chủ にLaravel の cơ năng を điều tra したいときに tham chiếu します. https://laravel / https://readouble /laravel/ ( phi công thức cùng 訳) アップグレードガイド バージョンアップ khi の kém phân と đối ứng phương pháp を biết りたいときに tham chiếu します. https://laravel /docs/6.x/

                                                          Laravel使いの情報源まとめ

                                                        • ブログをAstro に di chuyển しました - As a Futurist...

                                                          Thức năm dời cung の dạng な cảm じですが, mấy năm おきにブログを làm り thẳng してます( trước hồi ). Nay hồi は Gatsby でデザインした UI をほぼそ の ままに, フレームワークを Astro に di chuyển しました. Tĩnh サイト の tác thành では Astro の khai phát giả thể nghiệm が tối cao に ưu れている の で, 2 trong năm ほぼ diêm tí けにしてしまっていた Gatsby の コードを không có việc gì に di chuyển できてよかったです. Astro とは? Astro は một lời で ngôn うと, Better HTML です. Astro というフォーマットでサイトが ghi lại できる の ですが, bình thường の ( tố の )HTML も Astro としてそ の まま sử えます. Nghiêm mật には vi いますが, HTML の スーパーセットみたいな cảm じです. そ の HTML の yếu tố đàn を component としてまとめることで quan tâm を chia lìa できて(こ の biên は Web Components でも thật hiện できます), tất yếu に ứng じてビルド khi にロジックも đi らせることが

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

                                                          • AstroでWordPressを bạo tốc Headless hóa してみる - Qiita

                                                            Gần nhất lưu hành り の Astroフレームワークで, WordPress の tĩnh Headless hóa がかなりお tay khinh にできた の でまとめてみました. Khai phát hoàn cảnh Astro 2.0 WordPress 6.1.1 Local node 18.12.1 Mac OS 13.2(Ventura) Visual Studio Code(Astroプラグイン nhập り ) Astroとは? Astroは, コンテンツにフォーカスした cao tốc なWebサイトを cấu trúc するため の オールインワンWebフレームワークです. ( công thức ドキュメントより) LocalでWordPressを cấu trúc まずLocalを sử って, ローカル hoàn cảnh にWordPressを cấu trúc します. サイト danh Astro Blog ( お hảo みで ) サイトドメイン astro-blog.local WordPress の giả thiết WP AdminでWordPress の ダッシュボードを lập ち thượng げ, いくつか の

                                                              AstroでWordPressを爆速Headless化してみる - Qiita

                                                            • CloudFront+S3 cấu thành だった tự đánh giá の サイトをCloudflare+R2に di chuyển した - Lambdaカクテル

                                                              Tự đánh giá の ウェブサイト( http:// 3qe.us/ )をCloudFront+S3 cấu thành からCloudflareを sử った cấu thành に thừa り đổi えた の で, ひっかかった điểm やつまづいた điểm などをメモしておく. Kết luận としては bình thường に di chuyển できたが, メールと の kiêm ね hợp いでDNSまわりでちょっと xứng lự が tất yếu な bộ phận があるかも, といった cụ hợp. Thí したいときは toàn bộ đọc んでからチャレンジしよう. ウェブサイト の tĩnh xứng tin にCloudFrontとS3を sử っていた モチベーション: ALB の コストが cao い Cloudflare cấu thành Cloudflare Pages Cloudflare+ Denoflare + R2 tu chỉnh R2 の static hosting cơ năng を trực tiếp sử う tay thuận Webサイト thêm vào R2バケット tác thành APIトークン tác thành Denoflareでworkerをデプロイする xong rồi まとめ オチ tham khảo văn hiến ウェブサイト の tĩnh xứng tin

                                                                CloudFront+S3構成だった自分のサイトをCloudflare+R2に移行した - Lambdaカクテル

                                                              • Vue.jsエコシステム hướng đi 2023

                                                                Vue 3 ͷϦϦʔελΠϜϥΠϯ • 2020/09/18: 3.0 (One Piece) • 2021/06/08: 3.1 (Pluto) • 2021/08/05: 3.2 (Quintessential Quintuplets) • 2023/05/11: 3.3 (Rurouni Kenshin) Vue 3 ͷϦϦʔελΠϜϥΠϯ • 2020/09/18: 3.0 (One Piece) • 2021/06/08: 3.1 (Pluto) • 2021/08/05: 3.2 (Quintessential Quintuplets) • 2023/05/11: 3.3 (Rurouni Kenshin) 3.3. ϦϦʔε·Ͱ໿2೥͔͔͍ۙͬͯ͘Δ ͳͥͰ͠ΐ͏ʁ

                                                                  Vue.jsエコシステム動向2023

                                                                • Next.jsにおけるSSG ( tĩnh サイト sinh thành ) とISRについて ( tự đánh giá の ) giới hạn まで căn dặn に thuyết minh する - Qiita

                                                                  こ の ký sự では, Web アプリケーションにおけるデータ lấy được ( データフェッチング ) やレンダリングに quan する các thủ pháp について tương đối ・ sửa sang lại することを mục đích として, đặc に gần nhất chú mục độ が cao まっている Next.js における SSG ( tĩnh サイト sinh thành ) や ISR ( インクリメンタル tĩnh tái sinh thành ), それ bên ngoài の thủ pháp ( SSR, CSR chờ ) を cụ thể なテーマとしてお lời nói しします. Twitter もやっている の でよかったらフォローおねがいします! @_thesugar_ ký sự nội の giải thích は chính xác tính を kỳ すよう chú ý を払っておりますが, lầm っている bộ phận などがございましたらコメント lan や Twitter chờ でご chỉ trích ください はじめに Web アプリケーションを làm るとき, レスポンス の tốc さをはじめとしたパフォーマンス の vấn đề は khai phát giả にとって đại きな quan tâm sự となります. たとえば, gần nhất では Google が Core Web Vitals という Web の パ

                                                                    Next.jsにおけるSSG（静的サイト生成）とISRについて（自分の）限界まで丁寧に説明する - Qiita

                                                                  • Astro

                                                                    The web framework for content-driven websites Astro powers the world's fastest marketing sites, blogs, e-commerce websites, and more.

                                                                      Astro

                                                                    • Next.jsをサーバーレスでやっていくため の Serverless Next.js Component - Sweet Escape

                                                                      Nay hồi は gần nhất そ の tồn tại cảm がますます thượng がっているNext.jsとサーバーレス の lời nói です. はじめに サンプルアプリ Serverless Next.js Component デプロイ tác thành されるリソース CloudFront の ディストリビューション Lambdaファンクション S3バケット đại まかな cử động できないこと まとめ はじめに こ の gửi bài は2020 năm 11 nguyệt 27 の 21 khi から khai thúc giục dư định の イベント ( ライブストリーミング ) で lời nói す nội dung です. serverless-newworld.connpass もし gian に hợp えば, かつ thời gian があればぜひライブ xứng tin の ほうにも tham gia ください. さて, nay hồi は11/9に đăng đàn させていただいたFront-End Studyで の lời nói でも thiếu し giới thiệu したServerless Next.js Componentについて lấy り thượng げます. Phó は tạc nay の フロントエンドWeb chu り の kỹ thuật では gần nhất は một phen N

                                                                        Next.jsをサーバーレスでやっていくためのServerless Next.js Component - Sweet Escape

                                                                      • Next の JSぜんぶ rút く

                                                                        サイトパフォーマンスを nhất thích hóa するため, export khi に Next.js の ランタイムを toàn bộ rút いた. どういうことか? こ の ブログは tĩnh thư き ra しをしている の で, ただ の tĩnh なドキュメントといえる. だが Next にしろ Nuxt にしろ, thư き ra したページをブラウザで đọc み込むと JS アプリケーションとして chấn る vũ うために Hydration 処 lý が hành われる. これをするために JS モジュール の đọc み込みや Scripting 処 lý の phụ tải が phát sinh する. Thư き ra された HTML には Hydration 処 lý dùng に JS モジュールやシリアライズされた state が挿 nhập されている ピュア HTML を mục chỉ して しかしこ の ブログはドキュメントでありアプリケーションではない の で, ほぼ JS を động かす tất yếu はない. state は không cần だし, client-side routing も muốn らない ( trước đọc みに tất yếu かもだが

                                                                          NextのJSぜんぶ抜く

                                                                        • Astro 2.0 | Astro

                                                                          Introducing Astro 2.0! Astro is a popular web framework for building performant, content-focused websites. Our next-gen frontend architecture (known as Astro Islands) can optimize your site to load 33% faster with 90% less JavaScript using the UI frameworks you already love like React, Svelte, and Vue. Astro 2.0 is the first major web framework to deliver complete type-safety for Markdown and MDX.

                                                                            Astro 2.0 | Astro

                                                                          • Incremental Static Regeneration で thật hiện する thứ nhiều thế hệ の サーバーアーキテクチャ

                                                                            next.js 9.4 に Incremental Static Regeneration という thật nghiệm な tân cơ năng があります. Blog - Next.js 9.4 | Next.js パッと thấy, “Đoạn giai な tĩnh サイト sinh thành…? なん の ことだろう…” となった の ですが, tay nguyên で thí してみた cảm じ, これが đã tồn の サーバー の thật trang アプローチを変える, cách mạng な cơ năng ではないかと tư いました. Giải thích を thư きつつ, ど の ような ứng dùng があるか giải thích します. next.js の Incremental SSG を thí してみる リポジトリはここです. mizchi/issg-playground giải thích にあたっては, tất yếu な の はほぼこ の ファイルだけで, đoản い の でそ の まま dán ります. // pages/[slug].tsx import { GetStaticProps, GetStaticPaths } from "next"; type Pro

                                                                              Incremental Static Regeneration で実現する次世代のサーバーアーキテクチャ

                                                                            • Vue.js の サイトジェネレータGridsomeが tối cao かもしれない - Sweet Escape

                                                                              はじめに Gridsome どんな cảm じで động く の か やってみる データソースとかもろもろ giả thiết してみる ビルドする Wordpressをデータソースに giả thiết してみる まとめ はじめに trước hồi, Docker + Remote Containersを tối cao だと giới thiệu したわけですが, nay hồi はGridsomeを giới thiệu します. そもそも trước hồi の ブログはこれを thí すために hoàn cảnh を chỉnh đốn và sắp đặt しなおそうとした の がきっかけでした. なお, trước hồi の ブログはこちら. keisuke69.net どこらへんが tối cao かっていうと toàn て の データソースに đối してGraphQLでアクセスできるようになるところ. これって tối cao じゃないですかね. ま, cuối cùng には tĩnh サイトとしてGenerateしてしまうわけですが. ちなみに, なぜ, nay hồi Gridsomeを thí そうと tư ったかというと, gần nhất nghe いたとあるPodcastで giới thiệu されてたからです. それだけ. Gridsome

                                                                                Vue.jsのサイトジェネレータGridsomeが最高かもしれない - Sweet Escape

                                                                              • Tĩnh サイトジェネレーター Gatsby - Qiita

                                                                                Tĩnh サイトジェネレーターとは? Static Site Generator ( SSG ) Webサイト の HTMLファイルを sinh thành するツール の こと Wordpress の ような従 tới CMS の sĩ tổ みは, MySQLなど の DBをもとに, サーバーでHTMLを sinh thành して phản すも の だった それに đối し tĩnh サイトジェネレーターは, コンパイル khi にGraphQLやAPIからすべて の データを lấy được し toàn て の HTMLを lúc ban đầu に sinh thành する さらに, sinh thành されたファイルを, Netlifyなど の ホスティングサービスを dùng いて, サーバーレスで công khai する sĩ tổ みが chủ lưu になっている tĩnh サイトジェネレーター の メリット ※ Netlifyなどホスティングサービスを dùng いた trường hợp レスポンスが tốc い. サーバーでHTMLを động に sinh thành しないから サーバー đại ¥0✨ サーバーが tất yếu ないため サーバー lạc ちない. メンテが không cần ※ ただしホスティングサービスが lạc ちる khả năng tính はあり

                                                                                  静的サイトジェネレーター Gatsby - Qiita

                                                                                • SPA, SSR, SSGって kết cục なんなんだっけ?

                                                                                  【2023/11/14 ghi công trạng 】 SPA, SSR の thuyết minh を đính chính, および không cần thiết な cái sở の trừ bỏ を hành っています. また, こ の ký sự はNext.js chờ の, cụ thể にフレームワークで sử dụng されている các khái niệm を thuyết minh するも の ではない の で, ご lưu ý ください. Điểm chính SPA, SSR, SSGという kỹ thuật dùng từ を, nghiệp vụ の trung でも, ネット の ký sự の trung でもよく nhĩ にする の ですが, こういう cảm じかな? といううっすらとした lý giải の ままだった の で, nay hồi sửa sang lại しました. Nội dung に lầm りがあった trường hợp はご chỉ trích いただけますと hạnh いです. (MPA) -> SPA -> SSR -> SSG という thuận に thuyết minh をしていきます. SPA SPA の ý chính を thuật べると, lúc ban đầu に, HTML, CSS, JSなど の tất yếu なassetsをWebサーバーから lấy được し, そ の nội の JSをもとに cụ thể なUIを phác hoạ し, またページ di chuyển の tế の UI の 変 hóa も, JSをもとに lại phác hoạ を hành うアーキテクチャとなります.

                                                                                    SPA, SSR, SSGって結局なんなんだっけ？
                                                                                  1 2 3 4 5 Thứ の ページ

                                                                                  Tân ký sự

                                                                                  はてなブックマーク

                                                                                  Công thức Twitter

                                                                                  はてな の サービス

                                                                                  • App Storeからダウンロード
                                                                                  • Google Playで手に入れよう
                                                                                  Copyright © 2005-2024Hatena.All Rights Reserved.