開発8 pages

CSSでアプリのようにピタッとスナップするスクロールを作成

2022.02.14

アプリでスクロールしてコンテンツにスナップする動作は一般的ですが、CSSでもアプリと同じようにスクロールしてスナップする動作が実装できます。出典元：CSS Scroll Snap - Ahmad Shadeed アプリなどで横スクロールしてコンテンツにスナップするといった動作をよく見かけると思いますが、CSSで横スクロールのU…

サーバー構築

Amazon EC2 Instance Retirementとメールが来たときの対応

2022.02.08

AWSのEC2からhas detected degradation of the underlying hardware…と来たときでも簡単に対応できます。その対応方法を詳細に説明します。みなさんの中にもAWSのEC2を使った事がある人もいるかと思います。そのAWSからある日、下記のようなメールが届きました。 Hello, EC2 has detected degradation of the underlying hardware…

Web開発

SEO対策にXMLの更新日（lastmod）を正しく表示する方法

2022.02.07

SEO対策必見。Hugoのサイトマップをみてみるとlastmodの値がすべて同じになってました。その原因と解決方法を詳細に説明しています。 Hugoを使って記事を作成しているのですが、サイトマップをみてみるとlastmodの値がすべて同じになってました。その原因と解決策を今回は探…

Web開発

Googleにインデックスされないときの対応方法は？

2022.02.04

Googleにインデックスされるというのは非常に重大なことです。せっかく書いた記事が検索結果に表示されないとき、どうしたら良いのでしょうか？近年、ブログやWEBサイトを作って公開している人が増えてきました。そうした中で、Googleにインデックスされるというのは非常に重大なことで…

Web開発

パソコンは不要。スマホ、タブレットでできるブログ投稿

2022.01.28

スマホ、タブレットを使って記事が投稿できたら、おしゃれなカフェで記事を書けます。そんなブログの投稿や更新方法を説明していきます。簡単に導入可能。 iPhoneやiPadなどのスマホ、タブレットは持ち運びに非常に便利です。パソコンよりも軽く、パソコンと同等の機能を備えてます。そうした端末…

Web開発

Amazon EC2でもGo言語とHugoを使えるようにする方法

2022.01.27

AWSのEC2にGo言語とHugoをインストールして、Webサイトを簡単に、最速で作成する手順を詳細に解説してます。Github Pagesからの移行も可能になります HugoをGitHub Pagesで展開していたのですが、今回はGitHub Pagesではなく、Amazon EC2にHugoをインストールして…