neputa note

PageSpeed Insightsの4項目でオール100を達成・実施事項まとめ【Blogger】

本記事の概要 PageSpeed Insightsのスコアでオール100を達成した。対象はこのブログ。Googleの提供するBloggerを使用しているため、独自の仕様にずいぶん苦しめられた。行った施策全体を概観するのが主な内容で、部分的に詳細の手順を記載した。

2024/04/25 15:21

PageSpeed Insightsの4項目でオール100を達成・実施事項まとめ【Blogger】

「PageSpeed Insights」で4項目オール100を達成した。サイト最適化のため実施したことをまとめる。本BlogはGoogleが提供する「Blogger」を利用している。よってBlogger固有の作業が主となる。

2024/04/25 06:21

Win-Linux間のコピペ「^M」問題の対処について

Windowsで作成したファイルの改行コードはCR＋LFだ。これに対して、Linuxの改行コードはLFだけなので、ファイルの転送方法によってはWindowsで作成したテキストファイルをviで開くと、すべての行末に「^M」が表示される場合がある。

2024/04/23 20:30

Win-Linux間のコピペ「^M」問題の対処について【neovim】

WindowsとLinux間におけるvimまたはneovimへのコピペで発生する改行の違いにより発生する「^M」問題について対処方法をまとめる。

2024/04/23 11:30

GoogleスプレッドシートのIMPORTXML関数でハマったこと

本記事の概要 Googleスプレッドシートの関数のひとつ、「IMPORTXML関数」についての備忘録。HTMLファイルのスクレイピングの記事はたくさん見つかるが、XMLファイルをターゲットにした情報が少なかったのでメモを残す。

2024/04/17 21:00

GoogleスプレッドシートのIMPORTXML関数でXMLファイルを処理する

GoogleスプレッドシートのIMPORTXML関数について備忘録。HTMLスクレイピングの記事が山ほど見つかるが、XMLファイルを扱う記事は少ないのでメモを残す。

2024/04/17 12:00

ノートアプリJoplinをVSCodeで使用する（拡張機能を使用）

本記事のゴール 拡張機能を使用し、VSCodeでJoplinのノートを管理できるようにする。 本記事の対象者 *Joplinユーザでエディタに不満がある人 *VSCodeの環境でJoplinを使いたい人 *VScodeユーザでVScodeと親和性の高いノートアプリを検討している方

2024/04/17 08:35

ノートアプリJoplinをVSCodeで使用する（拡張機能を使用）

本記事のゴール 拡張機能を使用し、VSCodeでJoplinのノートを管理できるようにする。本記事の対象者 Joplinユーザでエディタに不満がある人 VSCodeの環境でJoplinを使いたい人 VScodeユーザでVScodeと親和性の高いノートアプリを検討している方

2024/04/16 23:35

Azure PipelinesでGithub Oranizationsのリポジトリを参照できるようにする

記事概要 AzureDevOpsのPipelinesにおいて、Github Organizationsのリポジトリを参照する設定作業の備忘録。

2024/04/15 08:43

Azure DevOps PipelinesでGithub Oranizationsのリポジトリを参照できるようにする

AzureDevOpsのPipelinesにおいて、Github Organizationsのリポジトリを参照する設定作業の備忘録。

2024/04/14 23:43

AzureDevOpsのリポジトリをgithubからインポートする

Azure DevOpsで管理しているリポジトリをgithub側で使いたいと思い、マイグレーション、クローンなどで手段を探してた。Azure DevOps側で一時的なクレデンシャルを発行し、github側からインポートするやり方を見つけた。

2024/04/10 06:19

AzureDevOpsのリポジトリをgithubからインポートする

記事概要 Azure DevOpsで管理しているリポジトリをgithub側で使いたいと思い、マイグレーション、クローンなどで手段を探してた。 Azure DevOps側で一時的なクレデンシャルを発行し、github側からインポートするやり方を見つけた。 Github側からA...

2024/04/09 21:19

サイトマップとフィード内のURLがhttpになる問題 【Blogger】

本ブログはGoogleが提供する「Blogger」をカスタムドメインで運用している。この度、サイトのパフォーマンス向上を目的に「cloudflare」のキャッシュサービスを利用することとした。結果、Bloggerが生成するsitemap、feed（rss、atom）において、URLがすべて「http」となる問題が発生

2024/04/09 08:26

サイトマップとフィード内のURLがhttpになる問題 【Blogger・cloudflare】

本記事の概要 本ブログはGoogleが提供する「Blogger」をカスタムドメインで運用している。 この度、サイトのパフォーマンス向上を目的に「cloudflare」のキャッシュサービスを利用することとした。 結果、Bloggerが生成するsitemap、fe...

2024/04/08 23:26

PurgeCssで複数のhtmlファイルの不要CSSセレクタを削除する

前回作業でインストールしたPurgeCssを実際に使ってみたので手順をまとめる。PurgeCssを使用するにはnode.js、npmが必要となる。これが今回やりたかったこと。rootディレクトリ内にあるすべてのhtml、cssを対象にまとめて処理を行う。

2024/04/08 01:28

複数のhtmlファイルを対象にPurgeCssで不要なCSSセレクタを削除する

前回作業でインストールしたPurgeCssを実際に使ってみたので手順をまとめる。PurgeCssとは PurgeCSS is a tool to remove unused CSS.（PurgeCSSは未使用のCSSを削除するツールです。）PurgeCssはコマンドで処理を行う。PurgeCssはh

2024/04/07 16:28

Ubuntu22.04にnode.jsとnpmの最新バージョンをインストール

記事概要 Ubuntu22.04LTS on WSL2の環境に、Node.js、npmをインストールする。UbuntuリポジトリのNode.jsはバージョンが古い。latestバージョンをインストールする手順をまとめる。最後に、個人的な当初のNode.jsインストールの目的、PurgeCSS導入手順を備忘録として残す。

2024/04/07 07:30

Ubuntu22.04 on WSL2 にnode.jsとnpmの最新バージョンをインストールする

不要なCSSを整理するツール「PurgeCss」を使ってみたいと思ったがnode.js、npmの環境が必要である。だがUbuntuのリポジトリにあるnodejsのバージョンが古い。よって新しいバージョンをインストールするまでの手順を備忘録として記す。

2024/04/06 22:30

Bloggerの投稿記事のアーカイブ一覧ページを作成する

記事概要 これまで、すべての投稿を一覧表示するページを都度feedを数回取得するJavaScriptで行っていた。表示速度が遅いうえ、記事増加に合わせてfeedを呼びだすスクリプトを追加する必要がありメンテもめんどい。スマートな方法がないかと思っていたところ、とても美しい仕事をされている記事を発見。

2024/04/06 08:35

投稿記事のアーカイブ一覧ページを作成する

これまで、すべての投稿を一覧表示するページを都度feedを数回取得するJavaScriptで行っていた。表示速度が遅いうえ、記事増加に合わせてfeedを呼び出すスクリプトを追加する必要がありメンテもめんどい。スマートな方法がないかと思っていたところ、とても美しい仕事をされている記事を発見。

2024/04/05 23:35

BloggerのカスタムドメインCNAMEを再度確認する方法

本記事の概要 このブログ（Google Blogger）にCloudflareを導入しようと設定を進めていたところ、かつてカスタムドメインを設定した際に発行されたCNAMEが分からず困っていた。Bloggerのカスタムドメイン設定で使用するCNAMEを、再度確認する方法の備忘録。

2024/04/05 01:24

BloggerのカスタムドメインCNAMEを再度確認する方法

このブログ（Google Blogger）にCloudflareを導入しようと設定を進めていたところ、かつてカスタムドメインを設定した際に発行されたCNAMEが分からず困った。Bloggerのカスタムドメイン設定で使用するCNAMEを、再度確認する方法の備忘録。

2024/04/04 16:24