できるだけCSSで縦書き段組みレスポンシブブログを作る

この「がとらぼ」ではないのだが、中の人が運営する某縦書きブログでは縦書き段組みを実現するために h2vR.js を利用させて貰っていた。Wordpressへの組み込みやレスポンシブ対応も簡単にできて、表示も細かなところまでほぼ期待通りなので非常に助かりました。 ただ、コンテンツが大きくなるとページ表示が凄く遅くなるのよね。 そこで、原点に立ち戻り、ほぼCSS(一部Javascript)で自力で縦書... 続きを読む →

AndroidのChromeブラウザ表示をDevtoolsで操作する

ウェブサイトを作っていると、それほど頻繁ではないにしろ、モバイル端末のブラウザでの表示が意図しない状態であることに気づいて、その原因を調査したり正常に表示できる設定を探したりしたいということがある。 PCであればFirefoxやChromeなどは[F12]キーを押せば開発者用のデバッグ画面が開くので簡単だが、モバイル用のブラウザはモバイル上では開発者用画面が表示できない。まぁ狭い画面にデバッグ画面... 続きを読む →

ウェブアクセス解析MatomoのGeoLite2利用

MySQLを8.0に更新したらウェブアクセス解析のMatomo (旧Piwik)が全く動かなくなって開発版を入れ直したが、昔とはGeoIP周りが変わっているみたい。GeoIP2/GeoLite2というのが記憶にない作業のようなのでこの記事を備忘録とする。(MySQL8.0でMatomoが動かない問題は5月7日現在、開発版とβ版のMatomo 3.5.0-b3, Matomo 3.5.0-rc1で解... 続きを読む →

悪いインターネット LANスキャナ

例によって車輪の再発明シリーズの1つ。 「悪いインターネット」にLANスキャナを作ってみた。 LANだけじゃなくて普通にインターネットのネットワークもスキャンできる(できてしまう)けどあくまでもLANをスキャンする目的。   悪いインターネット LANスキャナ   ブラウザからLAN内の機器をスキャンする際に非SSLでアクセスする(当然そうなる)ので、最近のブラウザのセ... 続きを読む →

悪いインターネット「ウェブサーバSSL/TLS接続確認」

  昨年のクリスマス頃前から悪いインターネットに作成していた車輪の再発明的ウェブツールシリーズの「ウェブサーバSSL/TLS接続確認」が一応バージョン1.0まで成長した。Qualys SSL LabsのSSL Server Testをかなり意識してはいるが、診断結果からウェブサーバの設定の修正をより簡単にできるよう表示を工夫したつもり。Qualys SSL Labsのような「診断結果... 続きを読む →

AMP対応とは (おさらい)

  前回のAMP対応化方法の記事では「Googleがキャッシュしてモバイル端末に高速に表示してくれる」と書いた。だから「がとらぼ」には責任はないと思う、たぶん。それに「がとらぼ」はアクセス多くないので影響力無いし。でも、一部の人がAMPについて何か根本的な部分で勘違いして自分のサイトのAMP対応したページを閲覧者が見に来てくれると思っているらしい。   ちがうよ、閲覧者... 続きを読む →

Piwik Mobile 2.3.0

全然気付いてなかったけどウェブサーバのログ解析ソフトウエアのPiwik用のモバイルアプリのVer.2.3.0が11月の下旬にリリースされていた。Piwik MobileはAndroid用しか使ったことがないけど、だいぶ前のバージョンは日本語が化け放題で見られたものじゃなかったので暫く使ってなかった。   ダッシュボード。Piwikなので?サイト別のダッシュボードになっている。サイトの... 続きを読む →

Webフォーム 地図から住所入力

スマートフォンやタプレットなどの携帯端末を使う機会が増えているが、ガラケーに比べりゃ簡単になったとはいえ、画面を触りまくる文字入力は面倒というか上手くできなくてイライラ。できるだけ文字入力はしたくない。じゃあ、携帯端末で文字入力しなきゃならないのって何だっけ?と思い返したらウェブサイトのフォームってことが多い気がする。(「がとらぼ」の中の人の使用状況では) 中でも住所入力は面倒かな。 最近はこの手... 続きを読む →

Piwik 3.0.0β版試用

ウェブサイトのアクセス解析用アプリPiwikの大型アップデートのベータ版が公開されている。今回はいよいよメジャーバージョン変更ということでVer.3.0.0になる。とはいえ、ユーザーからすると見た目が流行りのマテリアルデザインになった程度でそんなに変わった気はしない。内部的な変更やAPIの変更が主なよう。 Piwikはあいかわらず大きな変更があるとウェブの管理画面からの更新が上手くいかないようで、... 続きを読む →

WordPress速度向上結果

がとらぼのここ幾つかのWordPress高速化の記事では結果の数字を出してないので本当に速くなってるの?ってことで計測してみた。 今回はIntel Pentium G630T (2.30GHz)というかなり遅い石を積んだFreeBSDサーバでNginx1.11.3, PHP7(php-fpm), OPCache(PHP), MySQL5.6, WordPress4.6, Twenty Thirte... 続きを読む →

Googleマップで台風10号を表示してみた

  台風データはJoint Typhoon Warning Centerから2016年8月27日23:40に取得したもの。上の地図のデータは更新しないので8月28日以降の予想進路については実際のコースと異なるかも。 灰色の○の中に×マークと灰色の渦巻きアイコンはクリックするとその時点(名前:YYMMDDHHZ)の速度(ノット)が表示される。 青いマーカーをクリックするとその時点(名前... 続きを読む →

WordPress用ファイルキャッシュ Yasakani Cache

WordPress用にYasakani Cacheという新しいキャッシュプラグインが登場した。 日本人が作っていて日本語の説明ページもあるのでこの手のプラグインが苦手な人も安心。 Yasakani Cacheはファイルキャッシュ(データキャッシュ)。 ファイルキャッシュ系のプラグインは設定が難しく動作に罠があったりで苦労させられることが多い。ウェブサーバ側の設定にも手を付けなければならないことも多... 続きを読む →