HTML Over The Wire | Hotwire
Hotwire is an alternative approach to building modern web applications without using much JavaScript by sending HTML instead of JSON over the wire. This makes for fast first-load pages, keeps template rendering on the server, and allows for a simpler, more productive development experience in any programming language, without sacrificing any of the speed or responsiveness associated with a traditi
Micro Frontends Architecture Patterns
本書は、Micro Frontends Architecture Patternsというタイトルを付けていますが、モノリスからJAMstack、Micro Frontendsまで、Webフロントエンドを包括した様々なアーキテクチャパターンの詳細を体系的に紹介しています。 ソフトウェアとしてのアーキテクチャ全体を俯瞰し、他のシステムとのやりとりを設計するような考え方が役に立つことは多いです。フロントエンド観点で、様々なアーキテクチャパターンをまとめることで、Web開発の助けになればと考えています。 また、アーキテクチャの歴史と変遷を知ることで「Micro Frontends」への理解を深めることができると筆者は考えました。Micro FrontendsはThoughtWorksのTechnology RadarではすでにADOPTとなり、海外で多くの事例が存在します。Micro Fronte
2021年 は Fullstack Next.js 元年なので、有望な Next.js 系フレームワークを全部試した
この記事は、Next.js Advent Calendar 2020 の6日目。 突然だが、2021年 は Fullstack Next.js 元年になる。 その理由として自分は以下のものがあると思っている。 ベストプラクティスとしての TypeScript のデファクト化 Next.js の Dynamic Routes による動的パス、 getStaticProps/getServerSideProps による使い勝手の向上 Vercel によるISRの発明 prisma の成熟 Vercel / Serverless / Cloudflare Workers / Cloudrun 等による Node.js サーバーの運用コスト減 参考: Frontend Study #1: 基調講演 - Frontend 領域を再定義する Blog - Next.js 9.3 | Next.js R
【HTML】nav要素・タグの意味や書き方まとめ｜サンプルデザイン有り | ポテパンスタイル
navタグ・要素とは、ナビゲーションのセクションを表すタグ・要素のことです。 navタグを指定することで、ページ内の指定の部分や他のページへのリンクを設定できます。 ポテパンスタイルでいうと、スマホ表示した際の画像の部分がnav要素になります。 nav要素の設定は必要？ nav要素は、利用者がページ内の主要コンテンツを閲覧する際に、コンテンツをいちいち探す手間を省いてくれるといった利点があります。 また、視覚が不自由な方向けに使用される「スクリーンリーダー」が、nav要素からサイトメニューを見つけてページ移動を助ける役割を果たします。 これらの理由から、nav要素は設定しておいて損はありません。 HTML5以前は、divタグのIDやクラスに「nav」「menu」といった名前をつけて区別していました。 HTML5になると、ナビゲーション専用のタグ「navタグ(nav)」が用意されたため、現在
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フロントエンドの技術選定 ~2023を振り返る~ Lunch LT (2024/01/24 12:00〜)
Patterns.dev
Build cross-platform desktop apps with JavaScript, HTML, and CSS | Electron
Eiji Kitamura / えーじ on Twitter: "とあるサイトの登録フォームがコピペを防ぐ鬱陶しい仕様だったので、DevToolsで外した https://t.co/kHJ2kP7kMh"