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

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

外付けSSDに、XAMPP Portable + MyHome Portal を導入。

サブのPCとして、新しいノートパソコンを購入。 新しいノートパソコンに「XAMPP」+「MyHome Portal」を入れる。 「XAMPP」には、「XAMPP Portable」がある。「XAMPP Portable」なら、レジストリーなどWindows環境を直接触る事なく、独立性が高い運用ができ…

LeafletでGPSログ(GPX)地図作成。標高グラフ作成やローカルファイル指定も。

地図データを扱うJavaScriptライブラリ「Leaflet」を使って、GPSログ(GPXファイル)の地図表示を色々と試した。 詳細は以下に。

「Leaflet」でGoogle MAPS APIなしでGoogle マップが使える。

「Leaflet」を使えば、「Google MAPS API」なしで「Google マップ」が使える。

Leaflet + OpenStreetMapで、地図にマーカー表示。

Leaflet + OpenStreetMapで、地図にマーカー表示を試しました。

英会話学習サイトの英語音声読み上げを「Web Speech API Speech Synthesis」に変更。

以前作成した英会話学習サイト(↑)に英語音声読み上げ機能を付けていたが、その機能が使えなくなったので、「Web Speech API Speech Synthesis」に変更。 詳細は以下。

備忘録:Google Maps Javascript API:主要なスポット(POI)情報ウィンドウを表示させない方法。

Google Maps Javascript APIで作成した地図の主要なスポットをマウスでクリックすると、ポップアップで情報ウィンドウが表示される。 これを、POI(point of interest)と呼ぶ。 この情報ウィンドウを表示させないためには、Mapオブジェクトの初期化オプショ…

ChromeのFlash Playerサポート終了に伴い、MyHome Portal「ID管理」修正。

Google ChromeのFlash Playerサポートが2020年12月で終了します。 MyHome Portal「ID管理」で、[C]ボタンを押すとクリップボードにIDやパスワードをコピーする機能をFlash Playerを使って実現していました。 この機能を、Flash Playerを使わず、JavaScriptで…

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

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

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

無料レンタルサーバー「StarServer Free」が、3か月ごとに契約更新の手続きが必要になってしまった。 ということで、MyHome Portal ホームページをGitHubに移行。 http://ok2nd.starfree.jp/ ↓↓↓↓↓ https://ok2nd.github.io/myportal/ なお、このブログでリ…

Googleマップの詳細かつ大きな地図を印刷する方法。

Googleマップの詳細な地図を拡大して印刷する方法を考えた。 詳細は以下のブログで。

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

PHP

画像ファイルを別サイトから取り込んでcanvas処理をしようとして、クロスドメインにひっかかった。 file_get_contents()を使うことで回避できた。別ページにURLを渡して、file_get_contents()で読み込んだものを返してやる。 詳細は以下のブログで。

ブログのデザインテーマを「Reach」から「Minimalism」に変更。

このブログ「中級プログラマの自宅でPHP」のデザインテーマを「Reach」から「Minimalism」に変更。 Minimalism - テーマ ストア

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

HTTPSが無料で使えるWebレンタルサーバーが見つかった。 GitHubを使えば、比較的簡単に静的Webサーバーとして使える。 使い方は、以下のブログに。

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

このブログ「中級プログラマの自宅でPHP」を、レスポンシブデザインに変更。 デザインテーマは「Reach」のままで、変更。 ブログのトップページを記事一覧ページに変更する設定で、スマホは除外していたが、全てのデバイスで記事一覧にするようにした。 【 ↓…

シンプルなHTMLカレンダー。Google Calendar API v3で祝日表示。

シンプルなHTMLカレンダーを作成。祝日表示に「Google Calendar API v3」を使用。 詳細は以下のブログ。

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

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

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

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

ブログをHTTPS化。

2月22日から「はてなブログがHTTPSで配信できる仕組みの提供を開始した」との事なので、早速このブログ「中級プログラマの自宅でPHP ブログ」をHTTPS化した。 設定方法の説明には「ダッシュボードから設定画面にアクセスします」とあるが、HTTPS設定画面への…

はてなブログ、はてなフォトライフの写真一括バックアップ/ダウンロードツール修正。

PHP

「はてなブログ」や「はてなフォトライフ」の 写真、画像を一括してバックアップ(ダウンロード)するツールを1月17日にリリースしたが、今日試したところ、正常動作しなかった。 調べてみたら、「はてなフォトライフ」の各画像表示HTML内の画像リンク先がht…

はてなブログ、はてなフォトライフの写真一括バックアップ/ダウンロードツールを作成。

PHP

「はてなブログ」や「はてなフォトライフ」の 写真、画像を一括してバックアップ(ダウンロード)する方法を探したが、無いわけではないが手間がかかりそうなものが多かったので、作成してみた。 以前に作った「MyHome Portal」の一部ツール「HTML URL抽出 &…

「MyHome Portal」ホームページを、スターサーバーに引っ越し

【後日修正】 スターサーバーから更にGitHubに引っ越ししました。

レンタルサーバーStarServer(スターサーバー)の無料プラン

先日の記事で、ウェブクロウ(WEBCROW)の代替サービスStarServer(スターサーバー)では無料のプランが無くなっていると書いたが、きちんと無料プランが提供されているようだ。PHPとMySQLが使える無料プランもある。ただ、StarServer(スターサーバー)のトップペ…

無料レンタルサーバー「ウェブクロウ」が新規受付を停止

無料でレンタルサーバーを提供していたウェブクロウ(WEBCROW)が新規受付を停止している。 StarServer(スターサーバー)という新しい運営サイトに移行するらしいが、無料のプランが無くなっている。 【訂正】 StarServer(スターサーバー)にも無料プランがある…

「中級プログラマの自宅でPHP ブログ」引っ越しました。

FC2で運用していた「中級プログラマの自宅でPHP ブログ」を、はてなブログに引っ越しました。 FC2ブログから、はてなブログへの移行については、以下。

無限スクロールJavaScript「Infinite Scroll」

無限スクロールを実現するJavaScript「Infinite Scroll」を使ってみた。 別ブログに書いたので、リンクを載せておく。 ≪Infinite Scrollを使った無限スクロール版「12cm×8cmの小さなアート」 - 晴歩雨描≫ http://2ndart.hatenablog.com/entry/2017/07/05/143…

Python 2.5サポート終了

Python 2.5のサポートが終了するとの事。2017年5月16日に無効になるとの事。 https://cloud.google.com/appengine/docs/deprecations/python25 手順を踏めば、6月20日まで延命できるらしいが、Google App Engineは無料で使える時間もかなり限られてしまった…

CSS:ブロック全体は中央揃え+中の要素は左寄せ

CSS

別のブログに、「ブロック(コンテナ)全体は中央揃え+中の要素(複数画像)は左寄せ」をJavaScriptを使わないでCSSのみで実現できる方法を書いたので、リンクだけ載せておく。 http://2ndart.hatenablog.com/entry/2017/04/11/193206

GPSログViewサンプル

MyHome Portalの「GPSログView」のサンプルを以下にて公開しました。 ≪和歌山 岩代駅-岩代大梅林≫ http://2green.890m.com/gpslog/20170219.html 関連記事は以下。 ≪岩代大梅林ハイキング≫ http://2ndart.hatenablog.com/entry/2017/02/20/110341

Google Maps APIで指一本でスクロール

Google Maps JavaScript APIを使ったページで、地図をスクロールするには、指2本で操作するように変更されました。 1本指で操作しようとすると、「地図を移動させるには指2本で操作します」と表示されます。 MyHome Portalの「tools/google-maps-earth-v3.…

Google Maps API無償版のポリシー変更

Google Maps API無償版のポリシーが変更されたとの事。 Google Maps APIを使った地図を呼び出すスクリプトにAPIキーの設定が必要となったとのこと。新たなドメインでAPIキーなしで地図を呼び出そうとすると、エラー画面となり地図が表示されないらしい。 以…