NHK紅白歌合戦の歴代の出場歌手&曲目全データがご覧になれます。過去の思い出のステージや、紅白の歴史を振り返る事の出来るページです。
【特別企画】 桑田佳祐 feat. 佐野元春, 世良公則, Char, 野口五郎 『時代遅れのRock’n’Roll Band』
テーマをゼロから作ってみる(14)です。「SEO 対策に必要なこと」の「7-3 SNS連携機能」です。いわゆる SNS のシェアボタンを設置します。 タイトルにもしていますが、これまではツイッターのシェアボタンのリンク先に share を使っていたのですが、intent/tweet にしたほうがいいです。いや、しないといけません。 Twitter ツイッターFacebook フェイスブックはてなブックマークボタンLINE で送るsocials.php 01Twitter ツイッター Twitter, Facebook, はてなブックマーク, LINE の4つのシェアリンクをつくります。WordPresss 用の PHP コードではありますが、そのページの URL と タイトルが取得できれば何にでも使えます。 まずはツイッター、公式のドキュメントは次のリンク先です。 Tweet button
モーダルウィンドウの実装 それでは、早速モーダルウィンドウを実装してみましょう。まずは、全体のソースコードを見ていただきます。ここでは ModalComponent とその呼び出し方法を示します。 ファイル名:ModalComponent.tsx import { useState } from 'react' import { css } from '@emotion/react' type ModalProps = { buttonLabel: string } const ModalComponent = ({ buttonLabel }: ModalProps) => { const [isOpen, setIsOpen] = useState(false) const toggleModal = () => { setIsOpen(!isOpen) } return ( <> <
Googleタグマネージャを使ってウェブサイト内の特定リンクをクリックした時イベントトラッキングする方法を図付きで解説。特定リンクのクリックでトリガーする方法とトリガーしたときにGoogleアナリティックスへ記録する設定方法です。 Google アナリティクス Google タグマネージャーこの記事は約 分で読めます。(文字) 今回はあるページ内にある特定リンクから同じサイト内のページへの遷移を計測するためのイベントトラッキングを設定します。 ユーザを効果的に特定のページ遷移させることができているか、想定のシナリオ通りにサイト内の回遊を創出できているか等の効果測定が簡単になりますのでページビューやコンバージョンを増やすための施策やその改善が成果として結果につながりやすくなります。 GoogleアナリティックスとGoogleタグマネージャーのアカウント登録や基本的な設定がまだ終わっていない方
モーダルウィンドウとは モーダルウィンドウは画面中央にウィンドウが表示され、表示されたウィンドウ以外の背景を薄暗く表示させることでユーザに伝えたい内容を際立たせるための技術です。Webの世界ではさまざまな場所で利用されているので、モーダルウィンドウという言葉にピンとこない人でもこの技術に触れたことのない人はいないでしょう。あるサイトにアクセスすると急に画面中央にモーダルウィンドウが表示され消し方がわからないといった経験をしたことのある人も多いかと思います。英語ではmodalという単語を使うので検索する場合はmodalと検索することで情報を見つけることができます。 モーダルウィンドウ 注意点 本文書では作成するモーダルウィンドウの見栄えは重視していません。これまでの個人的な経験では見栄えに注目した場合にCSSが複雑になりCSSの記述箇所で勉強を諦める人もいます。本文書では仕組みに注目している
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く