Google Googleアプリのディスカバー（Discover）、クロームの「おすすめの記事」に前回のブログ記事が初めて掲載されました。「Google砲」の効果、「スマニュー砲」とのちがい、掲載された理由、参照元googleapis、Google砲の狙いかたなどについて、まとめました。

ブログ開始2カ月半と少しの初心者ブロガーが、無料版はてなブログでGoogleアドセンスの審査に合格することができました。 合格時のブログ状況や、合格までにやったことをまとめました。

…bserverというJavaScript機能を使います。今回は、IntersectionObserverの導入方法についての投稿です。 CONTENTS IntersectionObserverの導入方法 JavaScriptコードをフッタに貼り付け 画像の HTMLコードを書き換え HTMLを一括で書き換える手順 title属性が付与されている場合 title属性とalt属性 titleは不要？ altは指定したほうが良い おわりに 主な手順とポイント 前回の投稿で、ページ…

… HTML、CSS、JavaScriptなどのソースコードには、ブラウザを描画するのには不要な空白や改行、コメントなどが含まれています。これらを取り除いてファイルサイズを縮小すれば、画像の圧縮と同じくダウンロードにかかる時間が縮まり、結果サイトの表示速度がアップします。 minify化したコードはすべてが1行にまとめられてしまうので、視覚的に修正しにくくなります。コード整形ツールやリファクタリングツールを使えば視覚的に編集しやすい形式に戻せます。 画像の遅延読み込み Page…

記事のリニューアルに伴い、ページを以下に移転させていただきました。 Googleアナリティクスのデフォルト設定では、外部サイトへのリンクは計測できません。計測するにはイベントトラッキングの設定が必要となりますが、Googleタグマネージャを使えばかんたんに設定ができます。

記事のリニューアルに伴い、ページを以下に移転させていただきました。 Googleタグマネージャを使えば、イベントトラッキングをかんたんに設定できます。イベントトラッキングを設定することで、Googleアナリティクスのデフォルト設定では見ることができないデータの計測が可能になり、アクセス解析の幅が広がります。

Photo by Hitesh Choudhary on Unsplash 相互リツイートを確実にしたい。ツイッターで、相互リツイートの約束を確実に返したいと思い、お返しできる方法を考えてみました。Python × Twitter API でユーザー一覧の取得、SeleniumBasic で連続スクショ貼り付けなど。

Google Adsense はてなブログ無料版でGoogle アドセンスの審査に申請しました。…が、、結果は不合格。理由と対策について、まとめました。 PageSpeed Insights（ページスピードインサイト）、IntersectionObserver（インターセクションオブザーバー）でのブログ改善のことなど。

… JQueryとは、JavaScriptライブラリのひとつです。JQeryを利用することで、かんたんに、Webに動きやアニメーションをつけることができます。 詳しくは、こちらの記事をご覧になってください。 jQueryってなに？超初心者向け入門講座 - ウェブ企画ラボ JQueryでボタンの動きを制御しますので、まずはJQueryを使用できるようにします。 やり方は、 ブロガーのダッシュボードから「テーマ > HTML の編集」を開きます。 HTMLのコード内をクリックし、キ…

Googleの無料ブログサービス、Bloggerの紹介です。始め方、おすすめのテンプレート、ワードプレスからの移転、使い方など。

…Charts」というJavaScriptのチャートライブラリを利用しています。楽しいですよね！というJavaScriptのチャートライブラリを利用しています。楽しいですよね！ こちらが、デモです。 www.amcharts.com こちらから、CSSなどいろいろ編集してみてください。HTMLのテキストエリアの文章を変えれば、入れた文字が反映されます。 では、Twtter APIで「LOVE」というワードを含むツイートを取得して、形態素解析をかけたワードを入れています。…いろい…

こんにちは♪ PetPalです。今回はWordPressのプラグイン、「All in one SEO Pack」でSEO対策をしてみました。「All in one SEO Pack > 一般設定」での設定変更が、今回の主な内容です。

…TP通信を行うためのJavaScript組み込みクラス）による非同期通信を利用し、通信結果に応じてダイナミックHTML (DHTML) で動的にページの一部を書き換えるというアプローチを取る。 引用元：Ajax - Wikipedia Ajaxは、有名なところだとTwitterやFacebookなどのいいねボタンや、グーグルの検索フォームの候補表示などに使われている機能です。 ボタンを押したときなど、ページを再読み込みしなくても、ページの一部（いいねボタンや、検索フォーム）の…

記事のリニューアルに伴い、ページを以下に移転させていただきました。 WordPressの魅力を引き立てるWebフォントをXFREEサーバで導入する方法を解説。FTPの基本からWebフォントの設定まで、初心者にもわかりやすいステップバイステップのガイドです。 FTPを使って、好きなWebフォントを利用する ①フォントをダウンロードする ②フォントをリサイズして軽くする ③WOFF形式に変換する ④FTPクライアントソフトをインストールする ⑤FTPアカウントを初期設定する ⑥内…

スライドショーとは、こういう風に画像が横に流れていく機能です。 WordPressの無料テーマ、「STINGER PLUS2」で、かんたんにできるトップ画面のスライドショーの作り方を説明します。Shortcodes Ultimateというプラグインを使います。

はてなブログのカスタマイズぺージです。人気テーマ「Innocent」に変更して、ブログ画面の上にグローバルメニューを設定してみました。作業はカンタンです。5分ほどで終わりました♪

読み込んでいます…

広告の配信について 当サイトは、第三者配信の広告サービス「Google Adsense（グーグルアドセンス）」を利用する場合があります。広告配信事業者は、ユーザーの興味に応じた広告を表示するためにCookie（クッキー）を使用することがあります。 Cookie（クッキー）を無効にする設定およびGoogle Adsenseに関する詳細はこちら（http://www.google.co.jp/policies/technologies/ads/）をご覧ください。 当サイトでは、ア…

「ブログ 画像 比率」で検索 「ブログに貼り付ける画像の比率で、悩んだことはないですか？？」 皆さん、画像の比率って気にされたことはありますか？ 一見、ただの数字の組み合わせに見えるかもしれませんが、実はこれらの比率は美しさやバランスを感じる上で、非常に重要な役割を果たしています。 今回は、幾つかの特別な比率に焦点を当て、その背後にある興味深いストーリーを紐解いてみましょう。 代表的な比率 貴金属比には、黄金比、白銀比、青銅比、第2黄金比などがあります。 黄金比 1:1.61…

はてなブログ × カスタマイズ。初心者向けお役立ち情報発信！٩(ˊᗜˋ*)و 奥深いカスタマイズの楽しさや迷いを共有します♪ 動物も大好きなので、そちらの記事もちょこちょこ書きます笑 読者登録やコメントをいただくと、とっても励みになります。よろしくお願いします。 これからブログを始める方、始めたばかりの方が少しずつ、遊び感覚でブログのカスタマイズを楽しめる場所になれるといいなぁ、と思います。 動物好きな方も大歓迎。 2019年からの自由気ままな日記ですが、あなたの声が私のブロ…

CSSファイルをクラウドに保存して共有、LINK で呼び出す CSS DropBox Template 前回の記事で作成した、このページのスタイルはのコードで生成しています。 クリックでコードを開閉 .container { padding: 1%; width: 1080px; position: relative; left: -180px; } .content { background: #f2f1e8; display: flex; padding: 20px 40…

サイドバー① My Diary サイドバー② 記事一覧 月別アーカイブ 注目記事