Create and ship animations to your products faster. Bring your websites and apps to life with the simplest editor for Lottie animations.
![Lottielab | Create and Edit Lottie Animations](https://cdn-ak-scissors.b.st-hatena.com/image/square/5239fc7ad4e59ab44ac6ae01ad8ae880ecf0d690/height=288;version=1;width=512/https%3A%2F%2Fframerusercontent.com%2Fimages%2FUpQ9uqXEWaaKMInhvbdP1V9uKc.png)
こんにちは!JADEの郡山です。 2023年7月から従来のバージョンのGoogleアナリティクス「ユニバーサルアナリティクス」が順次計測を停止していき、いよいよGA4へ完全移行する段階が訪れました。 同じ「Googleアナリティクス」というアクセス解析ツールではありますが、UAとGA4は計測する仕組み(仕様)がまったくの別物となっています。 ゼロからGA4を学び、向き合い、活用することが求められるわけですが、 一方で「UAではこういう仕組みでデータを集計していた」という知識をお持ちの方ほどUAとGA4の仕様の違いに頭を悩まされることも多いのではないでしょうか。 今回はGA4の基本的なデータである「ユーザー」指標について、 UAとGA4でどのような仕様の違いがあるのかを解説してみます。 管理画面に表示されているデータは、一体どんな仕組みで集計されたものなのか。 その仕組を、(基本的な部分だけ
階層メニューやトーストUIが簡単に作れる新技術! JavaScriptで利用するポップオーバーAPI 2023年5月〜6月にリリースされたChrome 114とEdge 114には、「ポップオーバーAPI」というAPIが搭載されました。 ポップオーバーとはコンテンツの1番上に重ねて表示するUIで、ユーザーにアクションを促したり、補足の情報などを伝えるために画面に表示します。ポップオーバーAPIのMDNのドキュメントではオーバーレイ、ポップアップ、ポップオーバー、ダイアログなどを総称して「ポップオーバー」と呼んでいます。 ウェブサイトでよく見かけるポップオーバーですが、実装するには意外と調整や考慮の多いUIです。たとえば、画面の1番上に重ねるためにはz-indexで他の要素との重なり順を調整する必要があります。Escキーを押した時や要素外をクリックした時にポップオーバーを閉じるには、Java
2022年ごろから話題になっているJSフレームワークのAstroを触ってみました。 並行してCloudflareについても勉強中なので、ビルドしたサイトをPagesへデプロイする方法を試してみた覚書です。 Cloudflare PagesとGitHubのリポジトリを連携させる Cloudflare Pagesのプロジェクトを作成する際に、[Connect to Git]を選択します。 接続するGitリポジトリを選びましょう。2023/04時点では、GitHubとGitLabが選べます。 初めての場合、GitHubへの連携を許可する画面が開きます。Organizationにつなぐ場合などでは、リポジトリを指定する[Only select repositories]の方が良いかもしれません。 接続の設定が終われば、あとはリポジトリを選択します。 Astroで構築したアプリのデプロイ設定を行おう
HTML Standardの更新でdialog要素に関する変更があったので、自分の理解の整理のためにもまとめてみます。 Scott O'Hara氏によるdialog initial focus, a proposalという提案の一部が反映された変更で、#8199でマージされました。主な変更差分を見るとわりと大きめの追記がされていることがわかります。 提案されていることがすべて採用されていたり、提案で言及されている問題がすべて解決しているわけではなく、議論が続いているものも多いので、今後dialog要素がどういった方向に変更され、進化していくのかを見守る補助的な記事になればいいなと思います。 autofocus属性ほぼ必須 結論から言うと、autofocus属性がほぼ必須となります。そのautofocus属性はdialog要素自体とは限らず、内包している子孫要素に適切な場合もあります。 <d
はじめに GitHubは学生だと様々な機能が無料で使えるようになるようです。 いままで学生申請を行わずにいました。めっちゃもったいないです。 学生の方で申請がまだの方はいますぐしたほうがいいと思います。 やりかた 使用しているGitHubアカウントにログインしていることを確認します。 そして、こちらにアクセスします 「Yes, I'm a student」を選択します。 学校情報の入力 ① 学校から配布されているメールアドレスを設定します ② 学校の名前を入力します ③ GitHubをどのように利用する予定かを入力します ④ 「Continue」を選択します 学生証のアップロード ここで苦戦しました。 日本語訳は以下の通りです 以下の点を修正しない限り、アプリケーションは審査されません。 GitHub ユーザープロフィールにフルネームと短い経歴を記入した場合、認証される可能性が大幅に高くな
「strongもbも太字になるのにどう違うんだ…?」 「emもiもイタリック体になるけど、そもそもイタリック体ってなんなんだよ…?」 「strongの重要と、emの強調って何が違うんだ…?」 などなど、使い方がよくわからなくなりがちな HTML 要素(主にテキストレベルセマンティックスに分類される要素)の違いを調べてみました。 長めの記事になっていますので、気になる要素だけつまみ食いしてもらうのもよいかと思います。 今回の調査対象はこちら span strong b em i dfn cite var mark u ins del s strike big small ブラウザのデフォルトの見た目確認用 CodePen 調査する内容 HTML Standard の仕様に書かれている説明 一部、HTML 4.01 から HTML 5 での変更が理解の助けになるものもあり、HTML 4.01
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く