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

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

Google Maps API)マーカーラベルに使っているchart.apis.google.comが使えなくなった。

MyHome Portalのコンテンツの一部でGoogle Maps APIを使った地図があるが、その地図でマーカーラベルにchart.apis.google.comサービスを利用していたが、2019.3.14よりサービス停止になってしまった。

代替案を探したところ、MarkerWithLabelというのが見つかった。

詳細は以下のブログに。

f:id:ok2nd:20190320183626p:plain

MyHome Portal ホームページをGitHubに移行。

無料レンタルサーバー「StarServer Free」が、3か月ごとに契約更新の手続きが必要になってしまった。

ということで、MyHome Portal ホームページをGitHubに移行。

http://ok2nd.starfree.jp/

↓↓↓↓↓

https://ok2nd.github.io/myportal/

 

なお、このブログでリンクしているWebページで、URLが、

http://ok2nd.me/...

になっているのは、以下のサーバーに置き換えてアクセスしてください。

http://ok2nd.sakura.ne.jp/...

クロスドメイン(CORS:Cross-Origin Resource Sharing)問題の回避方法。PHP。

画像ファイルを別サイトから取り込んでcanvas処理をしようとして、クロスドメインにひっかかった。

file_get_contents()を使うことで回避できた。別ページにURLを渡して、file_get_contents()で読み込んだものを返してやる。

詳細は以下のブログで。

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

このブログ「中級プログラマの自宅で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>