Javascript:カスタムデータ属性で配列(複数データ)の受け渡し

Javascript の小ネタです。 HTML から Javascript へのデータの受け渡しに複数のデータを渡すことは出来ないかという話です。 カスタムデータ属性の値はひとつ 値を配列で渡す match() メソッドで配列化する 配列形式にする必要ないんじゃない? カスタムデ…

WordPress:htaccessリライトで、はてなからWordPressへ移行

はてなブログから WordPress へ移行準備中です。 ある日突然、WordPress へ移行しようかと思い始めて50日あまり、まだしばらくかかりそうですが、日に1、2時間程度しかかかわれませんのでこんなもんでしょう。今月中(10月)にはなんとかしたいものです。 こ…

WordPress:Genesis Framework を使ってみる

はてなブログから WordPress へ移行準備中です。 ここまでの経緯 Dropbox での Mysql データ共有の問題点 Genesis Framework オープンソース インストール テーマ開発の現状 移行した画像の扱い 画像つき記事一覧 WordPress Popular Posts functions.php こ…

WordPress:ローカル開発環境をDropboxで共有

はてなから WordPress に移行準備中です。 パーマリンク(URL)の維持、そしてデータの整形と移行が簡単にできるようになりましたので次はテーマ開発です。 ここまでの成果 パーマリンクの維持 データ移行 WordPress のローカル開発環境 シンボリックリンク…

WordPress:はてなブログからWordPressへの移行ツール Ver.2

ある日突然、はてなブログから WordPress に移行しようと思い始め、自分自身のデータはすでに問題なく移行できる状態になっているのですが、そのツール制作にはまって Ver.2 まで作ってしまいました。 Ver.1 とその問題点 はてなブログ to WordPress 移行ツ…

WordPress:はてなブログからWordPressへワンクリックで移行

ある日突然、はてなブログから WordPress に移行しようと思い始めて準備中です。 はてなフォトライフからの一括画像移行とエクスポートデータの整形を一発でやってしまうツールをつくってみました。 過去の成果 はてなブログ to WordPress 移行ツール hatena…

WSL2 に Apache, PHP インストール

「Windows10 に Linux 環境(wsl2)」で入れた WSL2 に Apache と PHP を入れます。今必要としているのは PHP だけですが、いずれ必要になりますので Apache も入れておきます。WordPress でもテストすることになればデータベースも必要になります。 Apache …

Joomla 4.0 and Joomla 3.10 リリース!

Joomla 4.0 と Joomla 3.10 が 2021年8月17日にリリースされました。 Joomla 4.0 and Joomla 3.10 インストール Joomla! とは CMS シェア Joomla! Japan Joomla 4.0 and Joomla 3.10 www.joomla.org Joomla 4 へのアップグレードは 3.10 に更新してから行う…

WordPress:はてなから移行する場合の permalink rewrite プラグイン

ある日突然、はてなブログから Wordpress に移行しようかと思い始めました。はてなブログの契約がまだ1年ありますのでその間にいろいろ調べてみようと思います。 パーマリンク(URL)の維持 記事データのインポート Wordpress のパーマリンク設定 はてなブロ…

Windows10 に Linux 環境(wsl2)

ちょっと時間が取れたときに遊べるようにと Windows10 にも node.js を入れているのですが、Linux 環境に統一できないかと wsl(Windows Subsystem for Linux)を入れてみました。 Windows Subsystem for Linux wsl2 のインストール wsl2 実行のための要件 …

Javascript:1行挿入でスムーススクロール imzSmoothScroll

「CSS:scroll-behavior:smooth を使わないわけ」で紹介した自作のスムーススクロールを公開します。 特徴 Javascript imzSmoothcroll の使い方 個別にスムーススクロールを呼び出す場合 ライセンス等 特徴 jQuery などのライブラリーを必要としない素の Jav…

Javascript:ページ最下部までスクロールするための最上部は?

Javascript で単純にページの最下部まで移動するには、window.scrollTo(0,document.documentElement.scrollHeight); で一瞬に移動します。ただ、スムーススクロールで最下部まで移動するためにはページの最下部に移動した時のスクロールトップ(ブラウザの左…

CSS:scroll-behavior:smooth を使わないわけ

ページ内のリンクをスムーズに移動するには、CSSのみ、jQuery、素の Javascript といろいろ方法があり、とにかく一番簡単なのは一行ですむ CSS による方法ですが、残念ながらイージングが指定できません。 比較用デモサイト CSS によるスムーススクロール 問…

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

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

CSS:クラス名にnth-of-type, nth-child を指定する場合の注意

CSSの擬似クラス、nth-of-type は nth-child とともにリストの中の何番目などと指定する場合によく使います。その2つの違いは理解していても、クラス名に対して指定する場合は要注意です。今回ハマったケースがありますので整理してみます。 nth-of-type と…

CSS:文字を一文字ずつ表示する(タイプライター)

CSSの小ネタです。 文字を一文字ずつ表示する CSSだけで文字を一文字ずつ表示するアニメーションです。 おお、やった!Javascript使わなくてもできるじゃんと思ったんですが、どうやらネット上にはゴロゴロしているようです(笑)。 右下の Rerun をクリック…

Ubuntu:21.04 日本語 Remix を入れてみた

自宅でブログを書いたりするのに使っているレノボの E420には Ubuntuを入れているのですが、2、3日前から液晶画面がパカパカと煽るようになり、はっきりした原因は不明のまま、結局まるごと Ubuntuを入れ替えることにしました。 液晶画面がパカパカ煽る Ubun…

CSS:fixedの要素をスクロールバーなしでスクロールさせる

サイトのメニューをオーバーレイで出す場合には、その要素に position:fixed を指定する場合が多いと思いますが、要素の長さがデバイスの表示高よりも長い場合にスクロールさせ、かつ非タッチデバイスの場合にスクロールバーを非表示にし、背景を固定しスク…

はてなブログ:ネイキッドドメインでのads.txtは不可能そう…

はてなブログを wwwつきから wwwなしのネイキッドドメインに変更して19日になりますが、Adsenseが ads.txtを読み込んでくれません。それ以外は問題なく進んでいます。 経緯 Javascript リダイレクトではダメ(のよう…) curlコマンドで調べてみる 結論 経緯 …

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

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

はてなブログ:wwwなしに変更、ネイキッドドメインその後

はてなブログを wwwありから wwwなしのネイキッドドメインに変更して1週間になりますが、なにも問題は起きていません。Adsenseが ads.txtを読み込んでくれませんが広告表示に大きな問題はないと思います。 移行したサイトはこのサイトではなく次のサイトです…

はてなブログ:wwwありからwwwなしのネイキッドドメインに変更

前記事で、サブドメインで運用しているブログをネイキッドドメインに変更する方法を仮のドメインで試してみましたが、今回、実際に運用しているブログを移行してみました。 移行の準備 予想される問題点 https化でamazonの画像が表示されない ブログカードも…

はてなブログ:独自ドメインをネイキッドドメインに移行しリダイレクト、ads.txt

はてなブログを独自ドメインで運用する場合にサブドメイン(wwwなど)なしのネイキッドドメインで運用できるようになりました! ってことを知りませんでした(涙)。もう1年も前のことです。 はてなブログProで独自ドメインをご利用の際、サブドメインなしで…

はてなブログのカテゴリーを一括再構成

ブログを書き続けますと後からカテゴリーを再構成したくなることはありませんか? と思っても、過去記事が大量になりますとカテゴリーをつけ直すなんてことは現実的ではありません。その試みと結果です。 試みの具体例 はてなブログの記事をまるごと入れ替え…

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

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

フロッピー起動ハードディスク完全消去

すでにフロッピー・ディスクって何? という時代に入っていますが、なんと今回使う羽目になってしまいました。 ツールを英語サイトで検索する DBan (Darik’s Boot and Nuke) DBANでハードディスク完全消去 ツールを英語サイトで検索する 経緯はこういうこと…

Xiaomi Mi Mix 2s Teardown 分解

修理過程 このアンテナは何だ? Xiaomi Mi Mix 2s Teardown 分解 基盤用のコネクタを買ってみた 現在スマートフォンは、いわゆる中華スマホ Xiaomi Mi Mix 2s のグローバルバージョンを使っています。中華スマホは高性能のスマートフォンを結構安く購入でき…

スマホの充電基盤交換をやってみる Xioami Mi Mix 2s

前記事「スマホのバッテリー交換をやってみる Xioami Mi Mix 2s」の続きです。 スマートフォン Xiaomi Mi Mix 2s の充電ができなくなってしまい、バッテリーを中国から取り寄せて交換したのですが、それでも充電できず、さらに充電基盤(充電コネクタ)を交…

スマホのバッテリー交換をやってみる Xioami Mi Mix 2s

もうひと月以上前になりますが、メインで使っているスマートフォン Xiaomi Mi Mix 2s の充電ができなくなってしまいました。その修理経緯です。 症状と原因 バッテリーの注文、到着 バッテリー交換 ドライヤーで温めて吸盤で裏蓋を外す 裏蓋を少し削りカッタ…

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

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