Intersection Observer API の使い方 Intersection Observer API は特定の領域を監視して指定した要素がその領域に入ったかどうかを検知してくれる JavaScript の API です。 例えば、スクロールして要素が画面上に現れた時にアニメーションを開始したり、スクロールスパイ(要素が表示されている位置に対応するリンクをハイライトする)などの機能を比較的簡単に実装できます。 スクロールを検出する方法とは異なり、パフォーマンス的にも優れていて、主なモダンブラウザで利用することができます。can i use IntersectionObserver IE など古いブラウザに対応するには polyfill が必要です。 その他の Observer のページ ResizeObserver の使い方 MutationObserver の使い方 Inter
CSS チュートリアル CSS の基本 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 CSS セレクター Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators カスケードと継承 Cascade layers ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基本的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボック
こんにちは、ぬこすけです。 近年、Webフロントエンドではサイトのパフォーマンスの重要性が高まっています。 例えば、GoogleはCore Web Vitalというパフォーマンスに指標を検索結果のランキング要因に組み込みました。 また、近年の某企業が「パフォーマンスの改善に取り組んだ結果、セッション数〇%アップ、CVR〇%アップ...」などの事例は枚挙にいとまがないでしょう。 パフォーマンスチューニングするためには、定量的に計測してボトルネックを探すようなトップダウンなアプローチもあります。 しかしながら、時には千本ノック的にハウツーを片っ端から試していくボトムアップなアプローチも有効になることもあったり、日々のコーディングでパフォーマンスを意識したコードを書くことは大切でしょう。 この記事ではパフォーマンス最適化のハウツーを紹介します。 パフォーマンス改善の施策が思い浮かばない時やフロン
ChatGPTの詳細について ChatGPTとはOpenAIの提供するサービスで、ログインしてAIに質問したり、様々な指定をしたりすることでAIが回答してくれたり、タスクの作成をしてくれたりします。 出来ることまとめ 質問に対する応答架空のものに対する返答架空の食べ物のレシピ料理やお菓子のレシピ(正確性については?)特定の材料を指定してレシピや料理の提示レシピの量の換算(1人前のレシピを3人前になど)Wikipedia風の文章お店の人気料理(有名店)お店のメニュー(有名店)シナリオのあらすじ遊園地のおすすめアトラクション要約哲学的な質問への応答特定の語尾にするキャラクターの言いそうなこと、言わなそうなことタスクの作成リストを文章化するスケジュールプログラミングコードの生成DB設計 プログラミングコードの作成関連については、かなり使えるとの声がエンジニアから続出しています。 しかし、良く良く
こんにちは!sakasegawaです! ( https://twitter.com/gyakuse ) 今日は今流行のChatGPTについて紹介します! ChatGPTとは OpenAIが開発するGPT-3(※)というめちゃくちゃすごい言語モデルをベースとしたチャットアプリです。 色んな質問にすぐ答えてくれます。 この記事ではさまざまな使い方を紹介します。 https://chat.openai.com/ ちなみにGPT-3関連では、noteの以下記事も便利なのでぜひ読んでみてください AIがコミットメッセージ自動生成!神ツール『auto-commit』『commit-autosuggestions』の紹介 ※正確にはGPT-3.5シリーズと呼ばれています ChatGPTの仕組みを考えながらプロンプトを作る手法はこちらに別途まとめています 文章 質問-応答 〜について教えて Wikiped
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く