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

はてなブックマーク

総合 ●人気 ●新着 ● IT ● 最新ガジェット ● 自然科学 ● 経済・金融 ● おもしろ ● マンガ ● ゲーム ● はてなブログ︵総合︶一般 ●人気 ●新着 ● 社会ニュース ● 地域 ● 国際 ● 天気 ● グルメ ● 映画・音楽 ● スポーツ ● はてな匿名ダイアリー ●人気 ●新着 ● 新型コロナウイルス ● 働き方 ● 生き方 ● 地域 ● 医療・ヘルス ● 教育 ● はてな匿名ダイアリー政治と経済 ●人気 ●新着 ● 政治 ● 経済・金融 ● 企業 ● 仕事・就職 ● マーケット ● 国際 ● はてなブログ︵政治と経済︶暮らし ●人気 ●新着 ● カルチャー・ライフスタイル ● ファッション ● 運動・エクササイズ ● 結婚・子育て ● 住まい ● グルメ ● お金 ● はてなブログ︵暮らし︶ ● 掃除・整理整頓 ● 雑貨 ● 買ってよかったもの ● 旅行 ● アウトドア ● 趣味学び ●人気 ●新着 ● 人文科学 ● 社会科学 ● 自然科学 ● 語学 ● ビジネス・経営学 ● デザイン ● 法律 ● 本・書評 ● 将棋・囲碁 ● はてなブログ︵学び︶テクノロジー ●人気 ●新着 ● IT ● セキュリティ技術 ● はてなブログ︵テクノロジー︶ ● AI・機械学習 ● プログラミング ● エンジニアおもしろ ●人気 ●新着 ● まとめ ● ネタ ● おもしろ ● これはすごい ● かわいい ● 雑学 ● 癒やしエンタメ ●人気 ●新着 ● スポーツ ● 映画 ● 音楽 ● アイドル ● 芸能 ● お笑い ● サッカー ● 話題の動画アニメとゲーム ●人気 ●新着 ● マンガ ● Webマンガ ● ゲーム ● 任天堂 ● PlayStation ● アニメ ● バーチャルYouTuber ● オタクカルチャー ● デスク環境を整える

﹃zenn.dev﹄

● 人気 ● 新着 ● すべて

フロントエンド開発の準備

158 users

zenn.dev/052hide 開発の前に決めておくこと後から変更するのが難しいこと、大きな手戻りが発生する可能性のあることをできる限り開発のはじめに決めておきます。多言語対応の有無 URLに依存する可能性が高い多言語対応は、後から対応すると制限がかかったり破壊的な変更が必要になる場合があるので、はじめに決めておきます。多言語対応する予定はなかったけど、後から必要になってしまった場合は仕方ないと思います。 OGPの必要性動的ルーティングに対するOGPの必要性によってレンダリング方法の選定やCDN周りの選定が変わってきます。 SEOのニーズこちらもOGP同様レンダリング方法に影響します。 OGPに関しては後からなんとかなることもありますが、SEOが重要なサイトの場合、そもそもSPAを選択しない方が適している可能性もあるので重要です。対応ブラウザ/バージョンこれを明確にしないと、一部のブラウザで使用できないCS ● テクノロジー ●2023/01/16 23:57 ●フロントエンド ●あとで読む ●開発 ●ブラウザ ●プログラミング

私が愛するフロントエンドのツールたち2023

260 users

zenn.dev/052hide 自分がチームでフロントエンドの開発をするときの技術選定について書きます。ログインしてユーザーごとに個別の情報を扱うことがメインのサービスを前提に書きます。考え方メンテナンス性の優れたものを選ぶ制限が少ないものを選ぶ余計なことに気を使わない一気にいろんなことに挑戦しすぎないフレームワーク正直に書くと最近は問答無用でNext.jsを選択しています。慎重な性格なので、自分が責任を持って開発、運用するプロダクトであれば自分の経験値が高く、多くの課題をクリアできるNext.jsを選びます。一部インフラの制約があるものの、ページごとにSSGやSSR、On-demand ISRなどができること、Reactの大きなエコシステムの恩恵を受けられることは非常に大きいです。採用面でも現状Reactを扱える人は他のフレームワークを扱える人より多く感じます。次点でCloudflare Wor ● テクノロジー ●2023/01/13 16:40 ●フロントエンド ●あとで読む ●react ●技術 ●api ●frontend ●css

Global StateにNano Storesという選択肢

3users

zenn.dev/052hide Astroのドキュメントを読んでいたらnanostoresというステート管理ライブラリの存在を知ったので紹介します。いろいろ書いてありますが、ざっくり以下に注目しました。いろんなフレームワークで使えるとにかくバンドルサイズが小さくて高速実際に触ってみるととてもシンプルで使いやすいと思ったので紹介します。実際のプロダクトで使用したことはまだないので、使ってみた感想などあれば教えていただきたいです。サンプル Reactを使用したサンプルを作ってみました。動作 stateが保持されたままページ遷移できていることを確認できます。サンプルコード storeはnanostoresのimportを覗いてたった1行のコードです。各ページのコンポーネントからuseStoreで同一のstoreを参照することで、ページを跨いでも保持されたstateを参照できます。 store/count im ● テクノロジー ●2022/10/22 23:14

TailwindにContainer Queriesがやってきた

4users

zenn.dev/052hide <div class="flex flex-col gap-4 p-4"> <div class="@container w-[200px]"> <div class="border bg-blue-50 border-blue-300 @[300px]:bg-red-50 @[300px]:border-red-300 p-8"> Sample </div> </div> <div class="@container w-[400px]"> <div class="border bg-blue-50 border-blue-300 @[300px]:bg-red-50 @[300px]:border-red-300 p-8"> Sample </div> </div> </div> ● テクノロジー ●2022/10/21 17:28 ●Tailwind ●css

このページはまだ
ブックマークされていません

このページを最初にブックマークしてみませんか？

﹃zenn.dev﹄の新着エントリーを見る

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

j次のブックマーク k前のブックマーク lあとで読む eコメント一覧を開く oページを開く ●総合 ●一般 ● ●政治と経済 ●暮らし ●学び ●テクノロジー ●エンタメ ●アニメとゲーム ●おもしろ ●アプリ・拡張機能 ●開発ブログ ●ヘルプ ●お問い合わせ ●ガイドライン ●利用規約 ●プライバシーポリシー ●利用者情報の外部送信について ●ガイドライン ●利用規約 ●プライバシーポリシー ●利用者情報の外部送信について ●公式アカウント ●ホットエントリー ●はてなブログ ●はてなブログPro ●人力検索はてな ●はてなブログタグ ●はてなニュース ●ソレドコ