[Blogger] 「メールでフォロー」ガジェットの追加

Blogger

この記事では、Bloggerに「メールでフォロー」ガジェットを追加し、記事を新規投稿したら登録者にメール配信する方法を紹介します。SNSの時代である昨今はこのガジェットを使っている人をあまり見ませんが、メールにはメールの利点があるので、その魅力も合わせてお伝えしたいと思います。 2020/11/14:いくつか追記と修正しました。Twitter始めたり、メールの内容がうまく制御できなかったり。

[Blogger] おすすめ初期設定8つ

Blogger

この記事では、Bloggerで最初にやっておくと良いおすすめの設定を8つ紹介します。筆者が2か月たってから気づいてちょっと後悔したものもあります…。正直ちょっと扱いづらいBloggerの敷居を少しでも下げて、これからBloggerを始める方、始めたばかりの方のストレスを少しでも軽減できたらと願っています。 簡単な順番に書いていきます。

[Blogger] コピーボタン付き highlight.js の導入方法 (Version 2) - 高速化とマイナー言語対応 -

Blogger

この記事では、以前このブログで掲載したBloggerへコピーボタン付きhighlight.jsを導入する方法の改良版を紹介します。 コピーボタンを工夫してページ読み込みの高速化を実現した他、インライン化によってCDN呼び出しではできない言語にも対応しています。 highlight.jsのインライン化は導入手順が少し複雑になるので、CDNを使う場合をまず紹介し、その後でインライン化に進みます。

Bloggerを始めて2か月たって思うこと

Other

このブログを始めたのは2020年8月20日なので、早くも2か月たちました。ここらへんで一度、力を抜いてこれまでしてきたことを振り返り、これからの展望を綴ってみたいと思います。はい、独り言です。

[Blogger] 目次を自動生成する方法(カスタマイズ方法とスクロールアニメーション付き)

Blogger

目次は、読者が読みたい部分にジャンプしたり記事のあらすじをつかんだりするのに役立つため、多くのブログで目にします。記事が長くなるほど見やすくなって良いですよね。でも、毎回手で目次を作るのは時間がかかります…。 この記事では、Bloggerで目次を自動生成する方法をご紹介します。 コピペでOKです。目次のカスタマイズ方法と、各見出しを押した時のスクロールアニメーション(瞬間移動ではなく、スルスルっと移動するやつ)の追加方法も合わせてお伝えします。 最初は「スケ郎」さん作のプラグイン( [Blogger] 目次を簡単に自動生成(忙しい人向けのコピペ素材)-スケ郎のお話 )を入れていたのです…

[Studio One] PreSonusオーディオインターフェイス比較(2022年7月)

Studio One

オーディオインターフェイスとは、PCで音声信号を高音質録音・再生するための装置であり、 自宅でそれなりにちゃんと録音したい人にはほぼ必須のアイテムです。 この記事では、定番DAW(音楽制作ソフト)の一角、Studio Oneの開発元であるPreSonus社製のオーディオインターフェイスを比較します。筆者も購入前にいろいろ調べましたが、 種類が多く、仕様の違いも理解できず、結局どれを買えば良いのかかなり悩みました。 その経験を踏まえて、各モデルの違いと長所・短所を分かりやすく比較し、最後に人ごとに最適なモデルを考えます。今回は、音声入出力が2つずつの入門機5モデルを扱います。入門機と言って…

[Blogger] ファビコンの設定(反映されない時の対処法あり)

Blogger

ファビコンとは、もともとWebサイトをお気に入り登録した時に表示されるアイコンのことで、Favorite Iconを略してFaviconと呼ばれるようになったそうです。現在は、下の画像のようにブラウザのタブに表示されたり、スマホでGoogle検索をした時にURLの左に表示されたりしているのをよく見ると思います。Bloggerでは「Bloggerアイコン」が初期設定になっていますが、 オリジナルのファビコンを設定しておけばブログのシンボルとして活躍してくれます。 この記事では、Bloggerにおける「ファビコン」の設定方法についてまとめます。今回は改造というより「やっておいた方が良い設定」です。設…

ブックマークレット作成ツール (配布用HTMLコード付き)

Tool

このツールを使って、オリジナルブックマークレットを作ることができます!配布用HTMLコードを自身のWebサイトに貼り付ければ、公開もできます。

highlight.js用 HTMLコード生成ツール (コピーボタン付き)

Tool

highlight.js用のHTMLコードをコピーボタン付きで生成するためのWebツールを作ってみました。 ご自由にお使いください。説明は下にあります。

[Blogger] お問い合わせフォームとプライバシーポリシーの作成&フッターリンク設置方法

Blogger

当ブログでもお問い合わせフォームやプライバシーポリシーを設置したので、その作成・設置方法をまとめます。既にいろんな方が方法やサンプルを公開してくださっているので、大いに参考にさせていただきました。この記事では、それらの情報を整理しつつ、フッターにリンクを追加する独自の方法も紹介します。

[Blogger] フッターレイアウト - AttributionとCopyright

Blogger

この記事では、「フッターレイアウト」の変更についてまとめます。フッターは、おそらくブログの中で最も見られることの少ない部分でしょう。でも、だからこそ、フッターがきれいに整っていると「おっ」と思ってもらえます(たぶん)。とは言え、そこにあまり時間をかけるよりは記事を書いた方が良いのも事実…。ということで、今回は時間をかけずにフッターを整える案をご紹介します。HTMLを少し編集しますが、簡単です。

[Blogger] QooQ 記事下の前後記事ボタンを消す

Blogger

この記事では、前回のQooQレイアウト変更に続き、「前後記事ボタン」(ページャーとかページナビゲーションと呼ぶみたいです)の消し方についてまとめます。今回はHTMLを少し編集しますが、簡単です。「消す」ニーズはないかもしれませんが、やっぱり初心者なので一応。他の改造方法も参考リンクで紹介します。

[Blogger] QooQのレイアウト変更(HTML編集なし)

Blogger

この記事では、当ブログで使用しているテーマ "QooQ" のレイアウト変更内容と方法をまとめます。HTML編集なしでできます。当たり前の内容かもしれませんが…一応。初心者なので。

[Blogger] コピーボタン付き highlight.js の1ステップ導入方法

Blogger

この記事では、Webサイトやブログでソースコード(HTMLやJavaScriptなど)を見やすくしてくれる "highlight.js" をコピペ一発で簡単に導入する方法を紹介します。highlight.jsは既にいろんな方がそれぞれの方法で使っておられますが、kamokamoオリジナル仕様として、 自作ツールを使って楽にコードを挿入でき、さらにコードをコピーするボタンも自動で付くようにしています。 自分のために作ったシステムですが、もしお役に立てるなら嬉しいと思い、公開します。

[Blogger] 改造の基本

Blogger

この記事では、Blogger改造の基本として「カスタマイズ」「レイアウト」「HTML編集」の方法を簡単にまとめます。慣れている人にとっては当たり前の内容だと思いますが、私のような初心者はけっこう戸惑ったので…。 Blogger公式ヘルプ は、ちょっと分かりづらいし、情報も古い…?これから新しくなるのかもしれませんが。 また、 2020年9月からBloggerの管理画面が少し変わったので、その最新版に対応した記事として記録します。 ちなみに筆者は QooQ というテーマを使っています。テーマによって画面が少し違うところがありますが、基本は同じです。

Get Blog Card & Text Link by 1-Click using Bookmarklet

Tool

In this page, I introduce my bookmarklets which can get "Blog Card" (Link Card) and "Text Link" by 1-click. They work on any websites! I introduce the feature and usage first, then show the bookmarklets and CSS for the blog card. Feel free to use them. The source code will…

ブログカード&テキストリンクを1クリック取得するブックマークレット

Tool

この記事では、 「ブログカード」(リンクカード)と「テキストリンク」を1クリックで取得できるブックマークレット を作ってみたのでご紹介します。 ブログに限らず、どのWebサイトでも使えます! まず特徴と使い方を説明し、次にブックマークレットとブログカード用のCSSを公開します。ご自由にお使いください。ブックマークレットのソースコードは、別記事で解説したいと思います。

[Blogger] 改造リスト

Blogger

この記事では、当ブログで実施した改造内容を一覧にまとめます。詳細を記事にしたら、そのリンクを貼っていきます。

Bookmarklet Maker with distributable HTML Code

Tool

You can create your original bookmarklets using this tool! You can distribute them if you copy and paste the HTML code on your website.

ごあんない

Other

初めまして、kamoshakehと申します。このページを見てくださってありがとうございます。 簡単に自己紹介と当ブログのご案内をします。

HTML generator for highlight.js with the copy button

Tool

This is a web tool to generate HTML code for highlight.js with the copy button. See the explanation below. (2020/10/31 Add) I increased the supported languages. All commonly-used languages, VBA and VBScript can be selected. If you have requests for supported languages or features, feel free to post…

About Me

My photo
かもとしゃけ。聖書と音楽。
Follow Me?

Labels

Blogger (14) Other (3) Studio One (1) Tool (6)