はてなブログ

(bug fix)はてなブログ「一覧形式」の画像をオリジナルのものに変える

(bug fix)はてなブログ「一覧形式」の画像をオリジナルのものに変える はてなブログのトップページを「一覧形式」にした場合の画像をサムネールではなく元画像に差し替える下記記事のスクリプトは、画像が png や gif の場合にエラーとなります。 元記事:…

はてなブログ/カウントなし SVG 軽量ソーシャル(SNS)シェアボタン

はてなブログ/カウントなし SVG 軽量ソーシャル(SNS)シェアボタン ブログのソーシャルボタンを見直してみようと思います。シェアカウントもたくさんあればいいのですが、大した数ではありませんので(笑)、それよりも軽さを求めようと思います。なお、Go…

Google フォームをブログに埋め込み、自動返信メールを送る(完成版)

Google フォームをブログに埋め込み、自動返信メールを送る(完成版) はてなブログなど Javascript を使えるブログに Google フォームをブログデザインのまま埋め込み、Google Apps Script(GAS)を使って自動返信メールや管理者への通知メールを送る方法の…

Google Form に自動返信スクリプト実装 Google Apps Script

Google Form に自動返信スクリプト実装 Google Apps Script Google フォームをはてなブログにブログデザインのまま埋め込み、自動返信機能を Google Apps Script(GAS)で実装しようというプロジェクトです。 前記事 Google Form を自前のフォームで実装 Goo…

Google フォームの「メールアドレスを収集する」を調べてみる

Google フォームの「メールアドレスを収集する」を調べてみる Google フォームをはてなブログにブログデザインのまま実装しようというプロジェクトです。はてなブログだけではなく、Javascript が書けるブログであれば同じようにできるはずです。 Google For…

Adsense から「ポリシー違反」の警告がきた~映画の予告編がアダルトコンテンツだった!?

Adsense から「ポリシー違反」の警告がきた~「審査をリクエスト」の結果が返ってきた この2,3日、Google から「Google のプライバシー ポリシーとプライバシー設定の改善について」といったメールが英語や日本語で何通も、おそらくサイトごとだから何通…

Google Form ブログ実装のためのバリデーションを考える

Google Form ブログ実装のためのバリデーションを考える 前記事の「Google Form を自前のフォームで実装」の記事で、フォームデータを Javascript から送信する際、送信ボタンのタイプを button にしたのですが、これですとブラウザ実装のバリデーションが効…

Google Form を自前のフォームで実装(はてなブログで完全カスタマイズ可)

Google Form を自前のフォームで実装(はてなブログで完全カスタマイズ可) 以前、というよりも、このサイトがそうなんですが(変更済になっているかも知れません)、はてなブログにお問い合わせフォームを実装しようとして Google Form を完全カスタマイズ…

はてなブログ/トップページの記事固定が公式で可能に

はてなブログ/トップページの記事固定が公式で可能に はてなブログのトップページで記事を固定することが可能になったようです。 ブログのトップページの先頭に、記事を固定できるようにしました - はてなブログ開発ブログ 試してみました。 記事固定方法 …

はてなブログ/touch, mouse を振り分け、hover イベントを統一する

はてなブログ/touch, mouse を振り分け、hover イベントを統一する :hover のないタッチデバイスで同等のイベントをどう実装するかの記事です。 タッチデバイスでの実装については、すでに「はてなブログ/スマホなどタッチデバイスの :hover イベント対応…

はてなブログ/ブレイクポイント1つのテーマのワイヤーフレーム

はてなブログ/ブレイクポイント1つのテーマのワイヤーフレーム 前記事、「(はてな)ブログのブレイクポイントはひとつでいいのではないかという話」のサンプルワイヤーフレームを作ってみました。 サンプル Codepen サンプル サンプル サンプルを開いて、…

(はてな)ブログのブレイクポイントはひとつでいいのではないかという話

(はてな)ブログのブレイクポイントはひとつでいいのではないかという話 Webサイトをレスポンシブデザインで作る場合、はてなブログで言えば、「レスポンシブデザインのテーマを作成する」場合は、メディアクエリ(Media queries)を使って、デバイスの表示…

はてなブログ/スマホなどタッチデバイスの :hover イベント対応

はてなブログ/スマホなどタッチデバイスの :hover イベント対応 映画のレビューを書いている別ブログ「そんなには褒めないよ。映画評」のデザインを変更しようとしているのですが、スマホの UI で停滞しています。 トップページは、「一覧形式」を利用して…

はてなブログ「一覧形式」の画像を美しく並べる

はてなブログ「一覧形式」の画像を美しく並べる トップページの表示形式を「一覧形式」に変更しますと、archiveページと同様の表示になり、画像は中央から 500px四方にトリミングされたサムネイルが 120px四方に縮小表示されます。その画像をオリジナルのも…

はてなブログのトップページに「前のページ」を実装する

はてなブログのトップページに「前のページ」を実装する はてなブログのトップページって、「全文形式」にしろ「一覧形式」にしろ、次のページへ飛びますと「前のページ」のリンクがなく、ブラウザの戻るで戻るしかないですよね。 なぜなんですかね? 必要な…

はてなブログ「一覧形式」の画像をオリジナルのものに変える

トップページの「一覧形式」の画像をオリジナルのものに変える サイトのデザインって、あれこれ手を加えてこれで良し!と思ったものでも、飽きてくるのか、しばらくすると変更したくなってきます。 このサイトはもう少し持ちそうなんですが(笑)、映画のレ…

ページトップへ戻るスムーズスクロール(jQueryなし)

ページトップへ戻るスムーズスクロール(jQueryなし) HTML Javascript CSS はてなブログ用 お問い合わせ等 当サイトの右下に表示している「 」は、クリックしますとスクロールしてページトップに戻ります。こうした「ページトップに戻る」リンクは最近では…

はてなブログの記事タイトルの一部を装飾する

はてなブログの記事タイトルの一部を装飾する ブログを書いていて、記事のタイトルの一部に装飾を加えたいと思ったことはないですか? 私は、下記ブログ「そんなには褒めないよ。映画評」で映画の感想やレビューを書いていまして、 www.movieimpressions.com…

はてなブログ用カルーセル imzCarousel Ver.1.1.0 旧バージョン iPhone対応&バグフィックス版

はてなブログ用カルーセル imzCarousel Ver.1.1.0 旧バージョン iPhone対応&バグフィックス版 障害発生の経緯 旧バージョン iPhone対応&バグフィックス版 ダウンロード 障害発生の経緯 先日、「はてなブログ用カルーセル仕様スライダー「imzCarousel」jQuery…

はてなブログ用カルーセル仕様スライダー「imzCarousel」jQueryなし

あまり需要はなさそうですが、「はてなブログ用スライダー」をもう一歩進化させて、最後の画像までいったら最初に戻るいわゆるカルーセル(回転木馬)仕様にしたものを作ってみました。レスポンシブデザイン対応、同一ページに複数個使用可、jQueryは必要あ…

バグ修正:はてなブログ用スライダー改訂版

前記事で公開した「はてなブログ用スライダー改訂版」にバグがあります。 バグと言いますか、私の知識不足ではあるのですが(ペコリ)、本体の Javascriptではなく、記事内に書くスライダーの呼び出しスクリプトに問題があります。 <div id="myslider"> [f:id:ausnichts:201711</div>…

はてなブログ用スライダー改訂版

11/15日の記事「バグ修正」にもとづき修正済みです。 少し前に作ったβ版程度の「はてなブログ用簡易スライダー」を、カルーセルにしたり、オートスタートなどのオプション指定できるようにしようと改良しようとしたのですが、ふと気づいてみれば、「はてなフ…

はてなブログの固定ページが役に立った!

当サイトは、はてなブログのトップページを固定にして Wordpress のような CMS っぽいデザインにしていますが、はてなブログの固定ページではトップページ指定できませんので、例によって予約投稿方式をとっています。 はてなブログのトップページを固定して…

はてなブログ用簡易スライダーを作ってみた

別ブログで縦長の新聞記事を引用しようとして、これ、幾つかに分けてスライダーにできないかなと思い立ち、簡易スライダーを作ってみました。 @半径とことこ60分 どういうものかは上の記事をご覧いただければわかると思いますが、6段の記事があり、そのま…

はてなブログ「続きを読む」クリックで記事ページ「続き」位置に飛ばす

当サイトはトップページに記事を表示していませんので問題ないのですが、別グログの「そんなにも褒めないよ。映画評」では、トップページに最新の1記事とその下に最新記事一覧を表示しています。 その際、記事の途中に「続きを読む」を挿入しています。 で…

はてなブログを独自ドメイン変更後にやったこと

前記事:はてなブログを独自ドメインに変更 はてなのサブドメインで運用していたはてなブログを Search Console に登録していた場合は、新しいアドレスに移転したことを知らせておかないといけません。 なぜいけないかは、おそらく旧アドレスでインデックス…

はてなブログを独自ドメインに変更

はてなブログの HTTPS化が遅れていますね。 9/25付のアナウンスでは、早ければ10月初旬にも管理画面の HTTPS化が行われるとありましたが、今のところ変わっていないです。 今更どうこう言っても始まりませんので気長に待ちましょう。 で、現在、独自ドメイ…

独自ドメインのはてなブログ wwwありなしを統一する

はてなブログを独自ドメインで運用しているこのサイトの wwwありなしを 302ではなく 301で統一しようとレジストラをエックスドメインに移管しました。 ドメイン移管/お名前.comからエックスドメインへ ドメイン移管/ネームサーバーの変更を忘れていた で、…

ドメイン移管/ネームサーバーの変更を忘れていた

ドメインをお名前.com からエックスドメインに移管したのですが、エックスドメインでネームサーバーの変更を忘れていました(笑)。 前記事:ドメイン移管/お名前.comからエックスドメインへ というより、自動的にエックスドメインのサーバーに変わるのかと…

ドメイン移管/お名前.comからエックスドメインへ

このサイトは、はてなブログを独自ドメインで運用しているのですが、wwwありなしを統一して正規化しようと、ドメインをバリュードメインからお名前.comに移管したところ、お名前.comの罠にはまり、Whois情報公開代行設定をせずに移管してしまいました。 そも…