はてなブログ用ボトムナビゲーション Bottom Navigation V2

そろそろこのサイトのデザインを変えようかと思い始めての tips チップス(5)。今回はチップスというよりも機能追加のプラグイン的なボトムナビゲーションです。 カテゴリー、検索、トップへ、ページャーへ、ホームへの5つのナビゲーションをひとつにまとめ…

Joomla! 3.9.24 セキュリティ & バグフィックスがリリースされています

Joomla! 3.9.24 セキュリティ & バグフィックスがリリースされています Joomla 3.9.24 Release セキュリティレベル Low 3つのセキュリティ & バグフィックス 3.9.24 がリリースされています。テストサイトでチェック後のアップデートをお勧めします。 Joomla…

はてなブログ:モジュールを伸縮させて高さを揃える

そろそろこのサイトのデザインを変えようかと思い始めての tips チップス(4)。正月休み中にもほんとど触れずいっこうに進んでいません。 今回はサイドバーモジュールを本文下に横並びで並べた時に高さを揃えようと思います。 何をやろうとしているか 画像…

はてなブログ:ブレイクポイントを本文表示幅で決める

そろそろこのサイトのデザインを変えようかと思い始めての tips チップス(3)。なのに忙しくて一向に進みません(笑)。 レスポンシブデザインのブレイクポイントについて考えてみます。 まず本文の表示最大幅を決める 本文表示幅 92vw可変、最大幅 650px …

Joomla! 3.9.23 セキュリティ & バグフィックスがリリースされています

Joomla! 3.9.23 セキュリティ & バグフィックスがリリースされています Joomla 3.9.23 Release セキュリティレベル Low 7つのセキュリティ & バグフィックス 3.9.23 がリリースされています。テストサイトでチェック後のアップデートをお勧めします。 PHP8対…

はてなブログ:フォントサイズを動的に変化させる min(), max(), clamp()

そろそろこのサイトのデザインを変えようかと思い始めての tips チップス(2)。 フォントサイズをビューポート(表示幅)に応じて自動で変化させます。 表示幅によってフォントサイズを可変にする 最大フォントサイズにする表示幅をコンテンツ表示幅にする…

はてなブログ:パンくずリストをカスタマイズ

そろそろこのサイトのデザインを変えようかと思い始めての tips チップス。 パンくずリストのカスタマイズ はてなブログパンくずリストHTML構造 パンくずリストの最後の項目を変更する パンくずリストの最後の項目を削除する パンくずリストの最後の項目を変…

【改訂版】はてなブログの画像ポップアップをオリジナル画像に変える

前記事で、はてなブログの画像ポップアップ機能を表示画像そのものではなくオリジナル画像に変更する Javascript を公開したのですが、画像のファイル容量が大きい場合にダウンロードの待ち時間中の画面に変化がなく停止と勘違いしてしまいますのでローディ…

はてなブログの画像ポップアップをオリジナル画像に変える

はてなブログでは画像をクリックしますとポップアップでその画像が表示されます。ただ、特にスマホですと画像自体が横幅いっぱいに表示される場合が多いですのでほとんどポップアップの意味がなく、CSSでクリックイベントをオフにしている人も多いかと思いま…

Javascript, jQuery のイベントを削除する

はてなブログでは記事に画像を挿入しますと自動的にリンクが貼られ、クリックしますとポップアップで画像が表示されます。ただ、ポップアップで表示される画像は元画像と同じものですので、記事そのものを1カラムで表示するスマートフォンでは意味がないです…

ウェブからスマホアプリを起動 URLスキーム、ユニバーサルリンク

Glitsh で Node.js アプリを立ち上げ、映画レビューサイト「そんなには褒めないよ。映画評」に Filmarks 疑似ソーシャルボタンをつくったのですが、この Filmarks はスマホアプリがあり、またサイト自体もスマホアクセスのほうが多いですので、ボタンをクリ…

Joomla! 3.9.22 バグフィックスがリリースされています

Joomla! 3.9.22 バグフィックスがリリースされています Joomla 3.9.22 バグフィックス 3.9.22 がリリースされています。テストサイトでチェック後のアップデートをお勧めします。 Joomla 3.9.22 Release Joomla 3.9.22 is now available. This is a bug fix …

無料サービス Glitch で Node.js アプリを立ち上げる

映画のレビューを書いている別サイト「そんなには褒めないよ。映画評」用に Filmarks 疑似ソーシャルボタンをつくりましたので Glitch で立ち上げてみます。無茶苦茶簡単です。 前記事:Filmarks の自分の投稿へ飛ぶ疑似ソーシャルボタン Glitch とは サイン…

Filmarks の自分の投稿へ飛ぶ疑似ソーシャルボタン

映画のレビューを書いている別サイト「そんなには褒めないよ。映画評」の各記事から Filmarks の自分の投稿ページに飛ぶリンク、疑似ソーシャルボタンをつくります。 前記事:Node.js でスクレイピングしてクライアントに返す クリックからページ表示までの…

Node.js でスクレイピングしてクライアントに返す

映画のレビューを書いている別サイト「そんなには褒めないよ。映画評」に映画レビューサイト「Filmarks」の自分の投稿へ飛ぶ疑似ソーシャルボタン(リンクボタン)をつくってみようと思います。 Filmarks Filmarks 疑似ソーシャルボタン 作成の構想 Filmarks…

Tor Browser インストールで SIGNATURE VERIFICATION FAILED が出る時

Ubuntu 20.04 に Tor Browser をインストールしようとしましたら SIGNATURE VERIFICATION FAILED が出てどうしてもインストールできません。マニュアルでインストールした記録です。 通常のインストール マニュアルで Tor browser をインストール 通常のイン…

XREA に Joomla 4 Beta 3 を入れてみる

XREA に Joomla 4 Beta 3 を入れてみます。 XREA は公開サーバ用に利用しているわけではなく、Value-domain でドメイン登録をしますとシームレスにいくつかのサーバに登録できるようになっており、そのうちの XREA には無料サーバ契約があります。ウェブを公…

Joomla! 3.9.21 セキュリティ & バグフィックスがリリースされています

Joomla! 3.9.21 セキュリティ & バグフィックスがリリースされています Joomla 3.9.21 Release セキュリティレベル Low 3つのセキュリティ & バグフィックス 3.9.21 がリリースされています。テストサイトでチェック後のアップデートをお勧めします。 Joomla…

Google フォームを reCaptcha 付でブログに埋め込む

当サイトでは Googleフォームを使ってお問い合わせ用のフォームメールを導入しています。iframe で埋め込むのではなく、form 内の要素だけを取り出し完全にブログのスタイルにカスタマイズできるようにしています。 お問い合わせ - IMUZA.com その Googleフ…

XREA に SSH 接続する

XREA に SSH 接続する シェルを rbash から bash に変更する Joomla 4 Beta 3 Joomla 4 Beta 3 が公開されていますので XREA でテストしてみようと久しぶりに XREA に SSH 接続しようとしましたが出来ません。 記憶がよみがえらずあれこれ時間を弄しましたの…

Joomla! 3.9.20 セキュリティ & バグフィックスがリリースされています

Joomla! 3.9.20 セキュリティ & バグフィックスがリリースされています Joomla 3.9.20 Release セキュリティレベル Low 5つ、中程度1つのセキュリティ & バグフィックス 3.9.20 がリリースされています。テストサイトでチェック後のアップデートをお勧めしま…

AdSense ポリシー違反になるのはリンクコンテンツ

ポリシー違反はありませんメールが来た ポリシー違反になるのはリンクコンテンツ 前記事の「AdSense サイト運営者向けポリシー違反レポート5」のその後の追加記事です。 ポリシー違反はありませんメールが来た 早いですね。1日で来ました。 ポリシー違反にな…

AdSense サイト運営者向けポリシー違反レポート5

AdSense サイト運営者向けポリシー違反レポートメール 映画の公式サイトの画像? あるいはリンクで貼ってある他サイトの画像か? ある程度のページビューがないと引っかからない? AdSense サイト運営者向けポリシー違反レポートメール AdSense から下の画像…

Python でローカルサーバーを立て CGI を動かす(3)

Python で映画の上映情報をスクレイピングして一覧表示する Webアプリを作ってみようと試しています。 前記事: Python で映画館の上映一覧をスクレイピング(2) - IMUZA.com 前回でスクレイピングの基礎がわかりましたので次はサーバーを立てて Webアプリ…

Python で映画館の上映一覧をスクレイピング(2)

映画の上映作品をリアルタイムで一覧表示するページを作れないかと Python でスクレイピングを試しています。 前記事 Python で動的サイトをスクレイピング(1) 前回は Selenium, WebDriver を使って動的サイトを読み込むところまでやりました。今回は必要…

Python で動的サイトをスクレイピング(1)

Python を始めてみようと思ったのはWebサイトのスクレイピングに向いている言語ということからです。早速いろいろ試してみました。 Python のインストール記事は以下です。 www.imuza.com 静的サイト データの取得 urllib.request データの取得 requests デ…

Joomla! 3.9.19 セキュリティ & バグフィックスがリリースされています

Joomla! 3.9.19 セキュリティ & バグフィックスがリリースされています Joomla 3.9.19 Release セキュリティレベル Low 4つ、中程度1つのセキュリティ & バグフィックス 3.9.19 がリリースされています。テストサイトでチェック後のアップデートをお勧めしま…

Ubuntu の Chrome が更新されない

Ubuntu の Chrome が更新されない sources.list と sources.list.d google.chrome.list Chrome が更新されない場合の対処法 Ubuntu の Chrome が更新されない ubuntu の chrome が更新されません。 キャプチャし忘れましたが、バージョンは 80 のままでした…

Ubuntu 20.04 LTS にアップグレード

5月9日に ubuntu 20.04 LTS 日本語版がリリースされていますので 18.04 LTS からアップグレードしました。 アップグレードの手順 実際にやってみた $ sudo apt update $ sudo apt upgrade $ sudo do-release-upgrade $ sudo update-manager -c -d Ubuntu 20.…

Python を始めてみよう(インストール編)

Python を始めてみようと思います。まずはインストールです。 ダウンロード インストール インストール確認 ダウンロード Python(パイソン)の公式サイトへ行きます。 日本語サイト Python japan Top - python.jp 本家サイト Welcome to Python.org 日本語…