画像

Google Search Consoleに追加された新たな指標値 Google Search Consoleに新たな指標が追加されました。すべて、ウェブに関する主な指標レポートに記載の通りです。必ずしも早急な対処が必要なものではありません。ただし、これらの指標に対応することで、必然的にUI/UXの向上が期待できます。 LCP (Largest Contentful Paint) FID (Fist Input Delay) CLS (Cumulative Layout Shift) LCP (Largest Contentful...
Hugo には、記事執筆時点において、WordPress のような便利なプラグインはありません。しかし、Shortcode やテンプレートの構文を工夫することで、WordPress と同等のプラグイン機能を実現できます。 Hugo Static Site Generator v0.52/extended darwin/amd64 BuildDate: unknown たとえば、WordPress にはアイキャッチ画像という概念があります。Hugo...
先生、これは控えめに言って、革命です。 本記事は、今回ご紹介するMarkdownエディターを使用して執筆しています。 弊サイトのブログ記事執筆は、基本的にMarsEdit一択でした。CMSはWordPressですが、複数人で編集しているわけでもないため、ダッシュボードの投稿画面は無効化しています(緊急時...
WordPressで記事を公開する際に、アイキャッチ画像を使用すると、タイトルとともに読者に印象を強く与えることができます。しかし、毎回アイキャッチ画像を自作することは手間のかかることですし、アイキャッチ画像で印象付けるよりも、記事の内容をより良いものにすることが重要です。 そこで利用したいのが、ロイ...
WordPressのアイキャッチ画像(記事のトップに表示される画像)は、クリック率の上昇や記事の内容を読者に伝えるため、是非とも使用したい機能です。ただし、Webサイト等で公開されている画像には著作権が設定されており、通常、無断で使用することはできません。アイキャッチ画像を一から作成することもできま...
ブログでアプリや機能の紹介をする際に、効果的な画像で演出したいですよね。以前、Mac の標準アプリを使用して、スポットライト効果のような画像を作成する方法 – OTTAN.XYZでプレビュー.app を使用して、スポットライト効果(マスク)を演出する方法をご紹介しましたが、今回もプレビュー.app で簡単にで...
macOSに標準搭載されている優秀なアプリを使用して、アイキャッチ画像(冒頭の画像)のような、スポットライト効果を適用したような画像を簡単に作成することができることはご存知ですか?使用するアプリは、「プレビュー.app」です。macOSを使用しているなら、「プレビュー.app」は使い方を覚えておいて...
Google画像検索は非常に便利ですが、残念なことにデフォルトではGIFアニメは再生してくれません。それを解決してくれるのがGoogle Chromeの拡張機能である「GoogleGIFS」です。 GoogleGIFsをGoogle Chromで使用する GoogleGIFsの使用方法をご紹介します。 インス...
Dropboxにバージョン管理機能があるのはご存知でしょうか?間違ってファイルを上書きしてしまった、削除してしまった、という場合においても、Dropboxには過去の履歴が保存されているため復元することができるのです。 Dropboxのバージョン管理(Web版) 「Test」フォルダーに「bikini」と...