読者です 読者をやめる 読者になる 読者になる

IMUZA.com

Joomla!によるウェブ制作, PHP, Javascript, CSS

はてなブログ

はてなブログ テーマ制作
・とことこ with Menubar
・Simple Responsive with Menubar
・Mobile-First Responsive
・Hyperspace

Joomla!

Joomla! によるウェブ制作
・テンプレート自作
・モジュール自作
・Joomla!でサイト構築

Web Tips

ウェブサイトづくりに役立つかも
・Javascript
・CSS

Windows, Linux

Windows10
Plamo Linux

はてなブログの画像クリックポップアップ表示をCSS一行で解除する方法

はてなフォトライフからはてなブログに画像を挿入しますと、クリックでポップアップ表示となります。記事内の画像を小さく表示する場合は便利といえば便利なんですが、クリックしてもほとんど同じ程度では意味がありません。 ポップアップ表示を CSS 一行で…

フィッシング詐欺注意!2016 年年次訪問者調査 (Obu) Chrome: ユーザー調査

このサイトに書いているつもりが別サイトでしたので転載です。 @半径とことこ60分 こんなサイトに誘導されました。フィッシング詐欺ですね。 いかにも胡散臭いアドレスです。 http://0tpzz.exclusiverewards.unship.xyz/ ググってみますと1年ほど前から出…

はてなブログのトップページを固定して企業サイト風にする方法

はてなブログはブログなんですから、トップページは記事を複数個掲載する仕様になっています。ただ、いろいろカスタマイズに手を出しますと、固定ページに出来ないかと思い始めます。その方法です。 予約投稿でトップページをつくる 日付など不要なものを消…

Dropbox の Public フォルダが 2017/3/15 で終了するようです

Dropbox からこんなメールが来ています。 平素より Dropbox をご利用いただき誠にありがとうございます。Dropbox では共有機能の改善に日々取り組んでおります。Public フォルダを共有方法として最初に導入して以来、Dropbox では安全な共有とチームとの共同…

はてなブログ/軽量・高速ソーシャルボタン・シェアボタン(LINE付き、選択可能版)

はてなブログ用の軽量・高速自作ソーシャルボタンの LINE付き、各ソーシャルボタン選択可能版です。 概要 ボタンの見た目 スマートフォンの場合 利用方法 事前準備(Facebook、Twitter 使用の場合は必須) カスタマイズ > フッタ への挿入コード カスタマイ…

【Joomla!】3.6.5 セキュリティフィックスがリリースされています

www.joomla.org 私の環境では、通常の更新方法で問題ありませんでした。 まずはローカルやテストサイトでチェックされることをお勧めします。

Windows10 12/9リリースの更新プログラム(KB3201845)で立ち上がらず

朝、Windows10 を立ち上げましたら、ロゴ下のグルグル画面から一向に進みません。 そう言えば、昨日落とした時に、「更新してシャットダウン」をクリックしてしまったようだと思い出し、だから自動更新はやっちゃいけないって言っているのに!と反省しきり状…

【Plamo6.1】「sudoers ファイル内にありません」のエラー、sudo が実行できない

sudo しようとしますと、次のように「sudoers ファイル内にありません」とエラーが出る件の解決法です。 ~$ sudo ls パスワード: **** は sudoers ファイル内にありません。この事象は記録・報告されます。 ~$ 一般ユーザーが sudo を実行できないのは、どう…

はてなブログ/軽量・高速ソーシャルボタン・シェアボタン改訂版(各記事に複数表示が可能)

下記記事にて、はてなブログ用の軽量・高速自作ソーシャルボタンを公開していますが、公式ボタンのように記事の上下に入れられないかとのリクエストをいただきましたので改訂版を公開します。 www.imuza.com 改訂版では、デザイン > カスタマイズ > 記事 > …

Dropbox を Plamo Linux に同期させる

Plamo Linux でも Dropbox を使おうとインストールしました。ググればたくさんヒットしますが、公式のヘルプ通りにやればOKでした。 Install - Dropbox デーモン dropboxd インストール インターフェイス dropbox.py インストール デーモン dropboxd インス…

はてなブログテーマ/Cherry Blossom

はてなブログテーマストアに投稿した「Cherry Blossom」の解説記事です。 スクリーンショット 概要 テーマカラーの変更 ブログタイトルバックのイメージ変更 タブ表示仕様に必要なこと タイトル下(ヘッダ) フッタ デザインCSS チューニング スクリーンショ…

はてなブログ/トップページの記事をタブ式表示にしてみた

はてなブログのトップページの記事をタブで切り替えられるようにしてみました。 スマホの場合は、こんな感じになります。 運用サイトはこちらです。 ausnichts.hatenablog.com アドセンスやソーシャル・ボタンにも Javascript を使っているせいか、タブの表…

CSS3 の display: flex がスゴイ! はてなブログのカスタマイズに活用!

CSS3 の Flex レイアウトをご存じですか? 当サイトでも、過去記事、 www.imuza.com で紹介しているのですが、Flex レイアウトとは、これまでレイアウトに floatを使っていた場面で使用できるプロパティです。今回、はてなブログのこんなところにも使えると…

Sass/css ファイル作成自動化とクリック一発でコンパイル自動監視

www.imuza.com Sass をインストールできましたので、開発環境(大層?)を整えます。 scss ファイルの変更を監視する --watch オプション 自動化するバッチファイル ショートカットでクリック一発 scss ファイルの変更を監視する --watch オプション .scssフ…

Sassインストール/gemアップデートでエラー、AddTrustExternalCARoot-2048.pem.がNot Found(解決)

CSS メタ言語 LESS は、Joomla!のテーマやはてなのサンプルテーマ「Boilerplate」でも使われてしますので、ここしばらく使っていたのですが、Bootstrap4 が Sass 一本になったということもありますので Sass を使ってみようと思います。環境は Windows10 で…

【Joomla!】 3.6.4 セキュリティリリース 直ちに更新すべきです

Joomla! 3.x シリーズに深刻な脆弱性があるようです。3.6.4 がリリースされていますので、直ちに更新しましょう。ITmedia でも記事になっています。記事によりますと、 脆弱性を悪用された場合、登録が無効になっているWebサイトでユーザー登録されたり、ユ…

はてなブログ/jQuery なしで動く【ボトムナビゲーション】(かなり)汎用版

はてなブログをスマホで表示した場合のナビゲーションとして、「戻る、進む、ホーム、最新記事、カテゴリー、トップへ移動」をボトムに表示するプラグイン的なものを作りました。かなり汎用的に使えると思います。jQuery を入れる必要はありません。 見た目 …

【Joomla!】 3.6.3 Bug Fix がリリースされています

www.joomla.org 3.6.2 であれば、管理画面にログイン時に表示されるメッセージに従っていけば、問題なくアップデートできるはずです。 アップデート方法については、下記も参照してください。 既存バージョンからのアップデート - Joomla! Documentation

はてなブログ/ボトムナビゲーション改訂版

(2016/10/19)以下に汎用版があります。 www.imuza.com jQuery なしで、はてなブログにボトムナビゲーションを作った前回の記事「はてなブログ=スマホ用カスタマイズ、最新記事、カテゴリーのナビゲーションをボトムに表示する(jQueryなし) - IMUZA.com」…

はてなブログ=スマホ用カスタマイズ、最新記事、カテゴリーのナビゲーションをボトムに表示する(jQueryなし)

(2016/10/14)改訂版があります。 はてなブログ/ボトムナビゲーション改訂版 - IMUZA.com 「はてなブログ=レスポンシブデザインの場合のスマホ UI を考えてみる - IMUZA.com」で記事にしたスマホ用ボトムナビゲーションは、オール Javascript で作り込ん…

はてなブログ=レスポンシブデザインの場合のスマホ UI を考えてみる

レスポンシブデザインでサイトを作る場合、一番やっかいなのは、スマホやタブ(パッド)のメニューやページ移動など UI をどうするかです。そういうこともあって、はてなブログでは、レスポンシブにしない場合のトップページは、最新記事7件を表示するデザ…

【はてなブログ】ヘッダの背景画像の位置調整(レスポンシブデザインの場合)

はてなブログで、レスポンシブデザインのテーマを使い、ヘッダに画像を当てるとその配置に結構苦労します。特に背景イメージではなくタイトルですと、スマホでタイトルがはみ出したりします。 私自身もうまくいかないなあと思いつつ背景イメージでしたので適…

【Joomla!】 管理画面の意味不明な「エラー エラーが発生しました」を解消する

前記事で出た Joomla! 管理画面の「エラー エラーが発生しました。」は、 以前に経験したこれですね。 www.imuza.com MySQL(mariaDB)の設定ファイル/etc/my.cnf(Plamo の場合)のsort_buffer_sizeの値を大きくすれば解消します。 ついでに、他の値も変更…

【Plamo6.1】phpMyAdmin を入れたら、mysqli 拡張がありません

mysqli 拡張がありません 設定ファイルに、暗号化 (blowfish_secret) 用の非公開パスフレーズの設定を必要とするようになりました phpMyAdmin 環境保管領域が完全に設定されていないため、いくつかの拡張機能が無効になっています Joomla! を入れてみたら管…

【Plamo6.1】PHPをソースから再インストール

前回の続きです。 とりあえずは、これで Apache + PHP + MySQL、いわゆる LAMPサーバが立ち上がったのですが、Joomla! が PDO_MySQL で動くかのテストのために、一度 Joomla! をインストールしてみましたら、別の問題が発生しました。 それがこちら、Mcrypt …

【Plamo6.1】MySQL(MariaDB)を立ち上げ、Apache+PHP+MySQL の環境を整える

前回で、Webサーバと PHP が使える状態になりました。後は、MySQL です。 MySQL はインストールされているのか? MariaDB の起動スクリプト MySQL(MariaDB)の初期設定 MySQL(MariaDB)接続確認 MySQL はインストールされているのか? Plamo のパッケージ…

【Plamo6.1】Webサーバ Apache + PHP を立ち上げる

Plamo5.2 で Apache + PHP を立ち上げた際の記事はこちらです。 ausnichts.hatenablog.com Apache, PHP のバージョンチェック PHP を組み込む PHP のタイムゾーン mysql Apache, PHP のバージョンチェック 5.2 の時は結構苦労しましたので、今回も構えて始め…

【はてなブログ高速化】自作ソーシャルボタン・シェアボタンで軽量化、ブログを高速に読み込む(完成)

(2016/9/6)プロフィールページ(/about)のエラー修正(可読版参照) (2016/12/4)記事の上下に表示可能な改訂版があります はてなブログの読み込みが重い理由のひとつは、ソーシャルボタンがiframeで読み込まれているからです。以下5回の記事で、hatena…

【はてなブログ高速化5】 Google+のシェアボタンをカウント付きで自作する

(2016/9/6)完成版が「【はてなブログ高速化】自作ソーシャルボタン・シェアボタンで軽量化、ブログを高速に読み込む(完成) - IMUZA.com」にあります。 はてなブログのソーシャルボタン軽量化、最後の Google+ です。 これも他のボタンと同じように、Java…

【はてなブログ高速化4】ツイート数付きツイートボタンをオリジナルでつくる(素の javascript 付き)

(2016/9/6)完成版が「【はてなブログ高速化】自作ソーシャルボタン・シェアボタンで軽量化、ブログを高速に読み込む(完成) - IMUZA.com」にあります。 【はてなブログ高速化3】Facebookシェアダイアログでシェアする/Facebook SDK for JavaScript - IMU…

【はてなブログ高速化3】Facebookシェアダイアログでシェアする/Facebook SDK for JavaScript

(2016/9/6)完成版が「【はてなブログ高速化】自作ソーシャルボタン・シェアボタンで軽量化、ブログを高速に読み込む(完成) - IMUZA.com」にあります。 「【はてなブログ高速化2】Facebookシェアボタン/シェアカウントを素の Javascript で取得する」の…

【はてなブログ高速化2】Facebookシェアボタン/シェアカウントを素の Javascript で取得する

(2016/9/6)完成版が「【はてなブログ高速化】自作ソーシャルボタン・シェアボタンで軽量化、ブログを高速に読み込む(完成) - IMUZA.com」にあります。 前記事の「【はてなブログ高速化】シェアボタン(ソーシャルボタン)を改良して読み込みを速くする」…

【はてなブログ高速化】シェアボタン(ソーシャルボタン)を改良して読み込みを速くする

(2016/9/6)完成版が「【はてなブログ高速化】自作ソーシャルボタン・シェアボタンで軽量化、ブログを高速に読み込む(完成) - IMUZA.com」にあります。 はてなブログの読み込みが重い(遅い)のは、ソーシャルボタン群やブログカードに iframe を使ってい…

【Plamo6.1】やっと、無線lanの設定 /etc/rc.d/rc.inet1 の意味がわかりました

Plamo5.2 の時に、無線lan 接続方法が分からず、結局、/etc/rc.d/rc.inet1 の if文をコメントアウトして接続していたのですが、あらためて調べてやっと理解できました。 Plamo5.2 の記事はこちらです。 ausnichts.hatenablog.com 上の記事中の rc.inet1 の設…

DirectWrite を無効にできない Chrome52 で Mactype を使う

MacType を入れているのに Chrome の文字が汚くなってしまった! MacType が効かない場合 「MacTypeでDirectWriteの設定を変えるパッチ」を入れた場合 ユーザスタイルシートで text-stroke を追加する MacType を調べても問題がありませんのでどうしたのかと…

【Joomla!】 早速、3.6.2Update がリリースされています。3.6.1 のバグフィックスですね。

早速、3.6.2Update が出ています。 www.joomla.org 多分、3.6.1 で出ていたエラーがバグだったのでしょう。 アップデート OK でした。

【Joomla!】 3.6.1 Update がリリースされています

セキュリティ・アップデートのようですので、早めにアップデートした方がいいでしょう。 www.joomla.org と、テストサイトでアップデートしてみましたら、「接続がタイムアウトしました」とエラーが出ますね。 何度やっても同じです。 ただ、バージョンの表…

【Plamo6.1】 dhclient.conf が少し分かりました。

Plamo のデフォルトでは DHCP クライアントが動かない件、あらためて、/etc/dhclient.conf を詳しく見てみようと思います。 初期状態の dhclient.conf マニュアルを見て、不必要な行をコメントアウトする dhclient.conf 完成形 結局、dhclient.conf はなくて…

【Plamo6.1】 ネットワーク設定、dhclient.conf が邪魔をしている?

マルチブートにした VAIO VGN-NW71FB の Plamo のネットワーク設定です。 以前の機種 VAIO PCG-Z1V/P で苦労したこと ネットワーク設定 起動時のネットワーク接続の流れ /etc/dhclient.conf が DHCP 接続の邪魔をする? Plamo では、Ubuntu など他のディスト…

はてなブログ爆速計画=ソーシャルボタンをスクロールタイミングで遅延ロードする

はてなブログのソーシャルボタンが重いということで、5秒後に読み込む方法を下記記事にしたのですが、もうひとつでしたので、今度は記事ブロックがウィンドウの上に到達した時に読み込む方法を考えてみました。 www.imuza.com 考え方は、social-buttons を…

AFT 非対応から AFT ハードディスクへ交換した場合のリカバリ

現在販売されているハードディスクは、ほとんど 4Kバイト/セクタの AFT となっています。2011年頃から普及し始めたようですので、それ以前のパソコンのハードディスクが壊れて交換した場合は、リカバリが正常にできなくなります。 この件、ググればいっぱい…

はてなブログのソーシャルボタンを5秒後に遅延ロードする

はてなブログのソーシャルボタンはとても重いです。 記事ページはまあなんとか許容範囲かと思いますが、トップページに5記事を表示したりしますと、ボタンの表示だけに3,4秒かかっています。 で、何とかならないかといろいろ考えてみました。 「続きを読…

【Windows10】VAIO VGN-NW71FB で FeliCa ポートを使う

VAIO VGN-NW71FB には FeliCa ポートがついています。 FeliCa ポートは認識しドライバーもインストール済み ですので、後はソフトウェアが対応していれば使えるのではないかと思います。 SFCard Viewer 2 NFCポートソフトウェア FeliCa ランチャー SFCard Vi…

【Windows10】7年前の機種 VAIO VGN-NW71FB にクリーンインストールする

VAIO VGN-NW71FB は、2009年10月発売モデルですが、Windows10 にアップグレードしてみましたら、まだまだ使えそうな感じでしたので、クリーンインストールしてみました。 (注)その後、マルチブートにしようとしたあれやこれやは、Windows10, Plamo Linux, …

Windows10, Plamo Linux, Ubuntu のマルチブート完成(Winシステム予約済みなし)

VAIO VGN-NW71FB を Windows10, Plamo Linux, Ubuntu のマルチブートマシンにするプロジェクトが次の経緯をたどってやっと完了しました。 VAIO VGN-NW71FB が手に入る Ubuntu のインストーラーがクラッシュする HDD に S.M.A.R.T.エラー HDD 換装 Windows10 …

Joomla! 3.6 正式リリース! アップデートしてねとサイトから自動メールがきたよ!

Joomla! 3.6 が正式にリリースされたようです。Joomla! 3.6 is Here Joomla! じゃぱん さんはこちらです。 www.joomla.jp で、こんなメールが送られてきました。 こんなメールを受け取ったの初めてですので何かと思いましたら、 このメールは Joomla.org か…

はてなブログのリンクを素の Javascript で別ウィンドウに開く(jQuery なし)

はてなブログのリンクは、標準ですと、外部リンクでも同じウィンドウで開きます。設定で変更することもできませんので、ググりますと、別ウィンドウで開くスクリプトがたくさんヒットします。 数ページ見ただけですが、素の Javascript で書かれたものがあり…

VAIO VGN-NW71FB ハードディスク換装

VAIO VGN-NW71FB のハードディスクがご臨終のようですので交換します。 まず、注文の前に取り外してみようと思います。 ハードディスク、メモリ、バッテリー位置 ハードディスクを取り外す ハードディスクの取付金具を外す ハードディスク MQ01ABD100 ハード…

SMART Failure Predicted on Hard Disk. でハードディスク交換か?

VAIO VGN-NW71FB を Windows10, Plamo Linux, Ubuntu のマルチブートにする件、結局、Ubuntu のインストールに失敗する場合があるのは、ハードディスクのエラーが原因だったようです。 とにかくあれやこれやいろいろ試したのですが、なかなかうまくいかず、…

ツイッターのアカウントの取り方がわからない!

これは(以下)、私がツイッターのアカウントの取り方を知らないということか? ツイッターのアカウントを取ろうとして、 このフォームの「呼び名(ニックネームも可)」にある文字(言葉)入れて、携帯の番号、パスワードを入れて「アカウント作成」をクリ…