中級プログラマの自宅でPHP ブログ

自宅用ポータルシステム「MyHome Portal」をオープンソースで公開。MyHome Portalの説明とエンハンス情報。

ブログをレスポンシブデザインに変更。

このブログ「中級プログラマの自宅でPHP」を、レスポンシブデザインに変更。

デザインテーマは「Reach」のままで、変更。

ブログのトップページを記事一覧ページに変更する設定で、スマホは除外していたが、全てのデバイスで記事一覧にするようにした。

【 ↓ 変更前】

<script>
if (!navigator.userAgent.match(/(Android|iPhone|iPod|iPod|Mobile|Windows Phone)/)) {
	if (location.href == 'https://ok2nd.hatenablog.com/') {
		location.href = 'https://ok2nd.hatenablog.com/archive';
	}
	if (document.title == '記事一覧 - 中級プログラマの自宅でPHP ブログ') {
		document.title = '中級プログラマの自宅でPHP ブログ';
	}
}
</script>

【 ↓ 変更後】

<script>
if (location.href == 'https://ok2nd.hatenablog.com/') {
	location.href = 'https://ok2nd.hatenablog.com/archive';
}
if (document.title == '記事一覧 - 中級プログラマの自宅でPHP ブログ') {
	document.title = '中級プログラマの自宅でPHP ブログ';
}
</script>

スマホ対応のHTML(TABLE)クリッカブルマップ「日本地図」を作成。

以前、MyHome Portalの機能の一部のために作成したクリッカブルマップ「日本地図」を一部手直しして、スマホ対応のものを作成した。

詳細は、以下に。

f:id:ok2nd:20180708140614j:plain

「Google Maps API」がAPIキーなしでは使えなくなった。グレーアウト表示になる。

Google Maps API」を使ったWebサービス/サイトが、APIキーなしでは使えなくなった。「Google Maps API」のAPIの課金方法の変更に伴うもので、今まではAPIキーなしでも月間アクセス数が少ないサイトでは利用できていたが、APIキーが必須になった。なおかつ、APIキー取得には決済情報の登録が必須になったため、登録のハードルは高い。

「MyHome Portal」で作成したいくつかのサービスも使えなく模様。

2ndart.hatenablog.com

ブログをHTTPS化。

2月22日から「はてなブログHTTPSで配信できる仕組みの提供を開始した」との事なので、早速このブログ「中級プログラマの自宅でPHP ブログ」をHTTPS化した。

設定方法の説明には「ダッシュボードから設定画面にアクセスします」とあるが、HTTPS設定画面への移動の仕方がわかりづらい。

ログイン状態で以下のURLに直接アクセスする方が早い。

https://blog.hatena.ne.jp/my/config/url

f:id:ok2nd:20180223080400p:plain

ブログのトップページを記事一覧ページに変更していたが、そのJavaScriptのlocation.hrefもhttpsに変更する必要がある。

<script>
if (!navigator.userAgent.match(/(Android|iPhone|iPod|iPod|Mobile|Windows Phone)/)) {
	if (location.href == 'https://ok2nd.hatenablog.com/') {
		location.href = 'https://ok2nd.hatenablog.com/archive';
	}
	if (document.title == '記事一覧 - 中級プログラマの自宅でPHP ブログ') {
		document.title = '中級プログラマの自宅でPHP ブログ';
	}
}
</script>