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

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

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

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

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

詳細は以下のブログで。

HTTPSが無料で使えるWebレンタルサーバーが見つかった。→「GitHub」

HTTPSが無料で使えるWebレンタルサーバーが見つかった。

GitHubを使えば、比較的簡単に静的Webサーバーとして使える。

使い方は、以下のブログに。

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

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