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

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

Git reset, Git checkout ステージングの取り消し、ファイル変更の取り消し

前記事 > git add, commit 後の履歴を git log で見る 「プログラマーじゃないけど Git 入門」 前記事で日本語が文字化けしていたのは、サンプルテキストが sjis で保存されていたからでした。utf-8 で保存すれば、git logの出力でも文字化けしません。 こん…

git add, commit 後の履歴を git log で見る

前記事 > Git をローカルで試してみる(使い方 初歩の初歩) 「プログラマーじゃないけど Git 入門」 ローカルでもう少し試してみます。 ファイルに変更を加え add, commit する git log コミット履歴を見る ファイルに変更を加え add, commit する sample.t…

Git をローカルで試してみる(使い方 初歩の初歩)

前記事 > Git 初期設定 「プログラマーじゃないけど Git 入門」 次は、ローカルで Git を使ってみましょう。 git init git add git commit git init Git bash(インストールによってはコマンドプロンプトでもOK)を立ち上げ、適当なディレクトリに移動した後…

Chromeでの日本語変換がおかしい件、Chrome57で解消

Chrome の日本語入力で分節カーソルが移動しない件、9日に公開された Chrome57 では解消されています。 Chrome56 ではこういうことが起きていました。 www.imuza.com www.imuza.com

Mactype と AVG は相性悪し/Avira を入れてみる

2,3日前だったと思いますが、何かの拍子に Firefox や Chrome Canary(安定版に不具合があり Canary 使用中)が立ち上がらなくなりました。他のソフトを試してみますと、立ち上がるものと立ち上がらないものがあり全く原因が分かりません。 サブマシンです…

Git 初期設定(ユーザ名、メアド設定)と保存される場所

前記事 > Git for Windows インストール システム設定 グローバル設定 リポジトリ Git for Windows がインストールできましたので、初期設定としてユーザ名とメールアドレスを設定します。 通常、Git bash やコマンドプロンプト(パスが通っている場合)を立…

Chromeでの日本語変換がおかしい件、Chrome Canary では解消

www.imuza.com Chromeでの日本語変換がおかしい件、Chrome Canary では解消されています。 こちらが、Chrome Canary 58.0.3026.0 版のはてなブログ Mardownモードの画像です。分節カーソルがちゃんと移動していますし、入力中の文字じゃないところに分節カー…

Git for Windows インストール/プログラマーじゃないけど Git 入門

GitHub を使ってはいますが、Git 自体をあまり理解していませんし、有効活用しているようには思えませんので、Dropbox の Public フォルダから GitHubページに移行したのを機会に少し理解を深めようかと思います。 「プログラマーじゃないけど Git入門」まず…

DropboxのPublicフォルダからGitHubページに移行した

まだ先だと思っていた Dropbox の Public フォルダの終了が間近に迫ってきました。 www.imuza.com 結局、GitHub ページを利用することにしました。 私はプログラマではありませんので共同で開発したりすることはありませんが、GitHub ってなんだろうと興味を…

Chromeでの日本語変換がおかしい件、Canary で一歩前進

Chrome での日本語入力の文節カーソルが移動しない件、以下の記事の「Chrome Canary で試してみるも」の問題点は、ある一定の条件下でないと症状は出ませんね。 www.imuza.com Chrome Canary のバージョンは、58.0.3012.0 です。 その一定の条件下というのが…

Google Chrome の旧バージョンを使ってみる

Chrome での日本語入力時に分節カーソルの表示がおかしい件、いろいろやってみても解決できません。しばらく Firefox をメインにしてみたのですが、やはり慣れなくて使いにくいですね。 www.imuza.com ということで、旧バージョンはないかと探してみたのです…

【まとめ】Chromeでの日本語変換がおかしい件、Chrome Canaryもだめ

問題整理 Chrome Canary で試してみるも しばらく Firefox に避難か? 問題整理 現在、Chrome での日本語入力の際に、変換キーを押した後の変換中の文節カーソルが移動しません。問題がこれだと確認するまでの経緯が次の記事にあります。 問題山積みのわが W…

Chromeのフォーム入力で日本語変換の文節移動のカーソルが表示されない件

記事のタイトルの意味が分かりにくいと思いますが、こういうことです。 www.imuza.com 上の記事で、「Chrome がキーアサインを横取りしているのではないかという件」に、「Google日本語入力のキーカスタマイズが無効にされ」ると書いた件、原因がわかりまし…

ついにSSD導入! SATA2ですが体感上はいけそうです

www.imuza.com Windows10 の Update ができないなど不調が続いていたのは HDD のエラーが原因のようなので、思い切って SSD を導入することにしました。ただ、マザーボードが SATA2 ですので思ったほどのスピードは出ないかもしれません。 購入した SSD はこ…

SATA Port Device Error/Windows10の不調はHDDが原因か?

www.imuza.com の Windows Update ができない件、少し時間が取れましたので試してみましたら、再起動後に上の画像のように「SATA Port2 Device Error」と出て立ち上がりません。画像では上を切ってしまいましたが、Port2 に接続している HDD にエラーと表示…

問題山積みのわが Windows10

メインに使っているデスクトップの Windows10 が問題を抱えています。今は少しばかり忙しく手をつける暇がなくそのままです。何とかしなくては。 Windows Update ができない件 www.imuza.com HDD の不良が原因でした。SSD に変更し快調!(2017/2/1) www.im…

KB3213986 更新失敗/Windows10 Version1607 の累積的な更新プログラム

x64 ベース システム用 Windows 10 Version 1607 の累積的な更新プログラム (KB3213986)が入りません。 KB3201845 の時と同じように、ロゴ下のグルグルから一向に進みません。 www.imuza.com 最初、1月11日に失敗して以来、12日、13日とやってみたのですが、…

はてなブログのスクロールを戻すとすぐに表示されるタイトル&メニュー

あまり役に立たないかもしれないものを作ってみました(笑)。 はてなブログのタイトル(#blog-title)にカテゴリー(.hatena-module-category)を移動してメニュー化し、スクロールを進めた場合は通常通りタイトル&メニューは消えてゆきますが、逆にスクロ…

はてなブログの画像クリックポップアップ表示を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」にあります。 前記事の「【はてなブログ高速化】シェアボタン(ソーシャルボタン)を改良して読み込みを速くする」…