MyHome Portal 動作環境

「MyHome Portal」動作環境です。

動作環境

• Webシステムとして動作します。
• Webシステムといっても、サーバー用のコンピュータやサーバーOSが必要という訳ではありません。
  1台のパソコン上に、サーバー側のXAMPP+MyHome Portalとクライント側のブラウザを同居させて利用することができます。
  Windows XPベースの非力なパソコンでも十分に動作します。

• 開発環境

• （Ver.3.27以降）  XAMPP 1.7.1 (Windows)

• + Apache 2.2.11
• + MySQL 5.1.33 (Community Server)
• + PHP 5.2.9 + PEA

• （Ver.3.26以前）  XAMPP 1.6.6a (Windows)

• + Apache 2.2.8
• + MySQL 5.0.51a
• + PHP 5.2.5

• Windows動作環境

• 実績のあるXAMPP/MySQL/PHPバージョン

• + XAMPP 1.8.3
• + MySQL 5.6.20
• + PHP 5.5.15

• Windows10上での動作確認

• XAMPP1.8.3で動作確認済
  Windows10にMyHome Portalインストール

• Linux上での動作について

• 以下のブログ記事を参照ください。
  MyHome PortalをVine Linuxにインストール
  Linux環境でMyHome Portal
  

• クライアント側動作確認
      一部機能はブラウザによっては動作しません。

• Google Chrome (推奨)
• Firefox
• Internet Explorer (非推奨)

• 使用スクリプト/ライブラリ

• encodeURL：URLエンコード
  • IE他クロスブラウザで正しく動作するURLエンコード。
  • http://www.favorite-labo.org/archives/211.html
• URLencode：URLエンコード
  • PHPでデコードできるURLエンコード。
  • http://postcard.blog.ocn.ne.jp/itazura/2004/12/javascript_url_.html
• ecl_new.js：Escape Codec Library
  • MyHome PortalトップページのGoo郵便番号検索、Yahoo電話帳検索で、EUC-JPコードでのescapeエンコードに使用。下のecl.jsの改善版。
  • http://www.drk7.jp/MT/archives/001324.html
• ecl.js：Escape Codec Library
  • ecl.jsは、問題があるため、使用中止。
  • http://nurucom-archives.hp.infoseek.co.jp/digital/escape-codec-library.html
• create_image.php：Create CAPTCHA Protection
  • MyHome Portalユーザー登録画面のCAPTCHA認証画像の生成に使用。
  • http://www.webcheatsheet.com/PHP/create_captcha_protection.php
  
• scripts/calen_input/calendar.js：「WEB上手」の日付入力補助。一部修正しています。
  • カレンダースケジュール入力画面の日付のポップアップ入力で使用。(標準)
    http://www.web-jozu.com/javascript/calen_input.html
  
• scripts/calendar.js：「ホームページの素」の日付入力補助。一部修正しています。
  • カレンダースケジュール入力画面の日付のポップアップ入力で使用。(定義ファイルでの選択)
    http://www.kanaya440.com/contents/js/calendar/
  
• YahhoCal.js：YUI Calendar(Yahoo! UI Library: Calendar)の日本語化&ポップアップ対応JavaScript
  • カレンダースケジュール入力画面の日付のポップアップ入力で使用。(定義ファイルでの選択)
  • http://0-oo.net/sbox/javascript/yahho-calendar
  • http://developer.yahoo.com/yui/calendar/
  
• jquery.js
  • アルバムの画像のマウスクリックによる拡大・縮小で使用。
    チャット、ToDoのAjaxで使用。
    ツールの「HTML テーブル CSSスタイル シミュレーション」(サンプル)で使用。
    その他、多くの箇所で使用。
  • http://jquery.com/
• livedoor天気Webサービス (Ajax利用)
  • MyHome Portalトップページの3日分の天気表示で使用。(定義ファイルでの選択) (関連ブログ記事)
  • http://weather.livedoor.com/weather_hacks/webservice.html
• prototype.js
  • livedoor天気Webサービス利用のAjaxで使用。
  • http://www.prototypejs.org/
• scripts/getRange_in_textarea.js
  • カレンダースケジュール本文へのタグ&アイコン挿入機能に使用。一部カスタマイズしたencloseTextArea.jsを使っています。
  • http://archiva.jp/web/javascript/getRange_in_textarea.html
• scripts/not_use/textarea.js
  • textarea入力支援スクリプト。(現在、未使用)
  • http://painter.homeip.net/~raelian/tag/enclose.html
• scripts/openwysiwyg/ 一式
  • 掲示板のWYSIWYGエディタとして使用
  • http://www.openwebware.com/
• scripts/yui/ 一式：Yahoo! UI Library(YUI)
  • 掲示板のWYSIWYGエディタとして使用
  • http://developer.yahoo.com/yui/editor/
• scripts/JWPlayer/ 一式 (JW FLV Player/JW WMV Player)
  • アルバム、掲示板、メモのFLV, WMV動画プレビューに使用。
  • http://www.longtailvideo.com/
  • http://www.longtailvideo.com/players/jw-wmv-player/
• rss/magpierss/ 一式
  • RSSパーサーとして使用。
  • http://magpierss.sourceforge.net/
• scripts/nifty/ 一式
  • RSSのカテゴリ・ナビの角丸タグに使用。
  • http://www.html.it/articoli/nifty/index.html
• scripts/inputdraw/ 一式
  • 掲示板のお絵かきに使用。
  • http://www.mainada.net/inputdraw
• scripts/Highcharts/ 一式 (SVG/VMLを使ったグラフ作成JavaScriptライブラリ)
  • カレンダーの天気グラフ、預貯金管理「ライフプラン」、ツール「GPSログ View」で使用。
  • http://www.highcharts.com/
• scripts/tablesorter/ 一式
  • ツール「ファイルマネージャー（暗号化/復号化付き）」「PHP/JavaScript ソースコード表示&編集＋ファイルマネージャー」でテーブルの並び替え処理に使用。
  • http://tablesorter.com/docs/
• scripts/tristen-tablesort/ 一式
  • 「メール」一覧でテーブルの並び替え処理に使用。
  • https://github.com/tristen/tablesort
• tools/scripts/dp.SyntaxHighlighter/ 一式
  • ツールの「PHP/JavaScript ソースコード表示&編集＋ファイルマネージャー」で使用。
  • http://winofsql.jp/sh/html/syntax_highlighter.htm
• tools/scripts/editarea/ 一式
  • ツールの「PHP/JavaScript ソースコード表示&編集＋ファイルマネージャー」で使用。
  • http://sourceforge.net/projects/editarea/files/
• tools/scripts/Bluff/ 一式
  • ツールの「Excel to グラフ by Bluff」で使用。
  • http://bluff.jcoglan.com/
• tools/scripts/html5jp/ 一式
  • ツールの「Excel to グラフ by HTML5」で使用。
  • http://www.html5.jp/library/index.html
• Google Chart API
  • ツールの「Excel to グラフ by Google」で使用。
  • http://code.google.com/intl/ja/apis/charttools/index.html
• scripts/excanvas.compiled.js
  tools/scripts/excanvas/ 一式
  • ツールの「Excel to グラフ」で使用。Internet ExplorerをCanvasに対応させる。
  • http://sourceforge.net/projects/excanvas/
• tools/phpExcelReader/ 一式
  • ツールの「Excel to グラフ」のExcelシートの取り込みに使っています。
  • http://sourceforge.net/projects/phpexcelreader
• db_tool/CreateZipFile/ 一式
  • ツールの「実運用環境バックアップ」でZIPファイル生成に使っています。
  • http://olederer.users.phpclasses.org/browse/package/2322.html
• pdf/fpdf 一式
  • PDF作成用ライブラリFPDF関連。
  • http://www.fpdf.org/
        ・FPDF
        ・MBFPDF
        ・Rotations
    
  • http://www.setasign.de/products/pdf-php-solutions/fpdi/
        ・FPDI
        ・FPDF_TPL
    
• pdf/fpdf/pdf-inc.php
  • PDF葉書宛名書きライブラリ。
  • http://www.rapidexp.com/wordpress/2009/01/12/fpdf/
• tools/refresh_web/ 一式
  • ツール「Photoshop-like JavaScript Color Picker」
  • http://johndyer.name/post/2007/09/PhotoShop-like-JavaScript-Color-Picker.aspx
• Fresh Sliding Thumbnails Gallery with jQuery and PHP
  • 「アルバム」のギャラリーに使っています。(ver.6.08以降廃止しました。)
  • http://tympanus.net/codrops/2010/05/23/fresh-sliding-thumbnails-gallery-with-jquery-php/
• Sliding Panel Photo Wall Gallery with jQuery
  • 「アルバム」のギャラリーに使っています。(ver.6.08以降廃止しました。)
  • http://tympanus.net/codrops/2010/05/14/sliding-panel-photo-wall-gallery-with-jquery/
• Galleria
  • 「アルバム」のギャラリーに使っています。
  • http://galleria.aino.se/
• FULLSCREEN BACKGROUND IMAGE SLIDESHOW WITH CSS3
  • 「アルバム」のギャラリーに使っています。
  • http://tympanus.net/codrops/2012/01/02/fullscreen-background-image-slideshow-with-css3/
• Merging Image Boxes with jQuery
  • 「アルバム」のギャラリーに使っています。
  • http://tympanus.net/codrops/2010/11/30/merging-image-boxes/
• 3D Wall Gallery
  • 「アルバム」のギャラリーに使っています。
  • http://tympanus.net/codrops/2011/02/02/3d-wall-gallery/
• Supersized - Fullscreen Slideshow jQuery Plugin
  • 「アルバム」のギャラリーに使っています。
  • http://www.buildinternet.com/project/supersized/
• Fotorama
  • 「アルバム」のギャラリーに使っています。
  • http://fotorama.io/
• jQuery CollagePlus
  • 「アルバム」のギャラリーに使っています。
  • http://collageplus.edlea.com/
• tenbyou.js（canvas要素のピクセル操作で点描っぽいお絵描きアニメーション）
  「アルバム」の点描で使っています。
  • http://funenplacanen.com/blog/163
  • https://github.com/ykhs/tenbyou
• scripts/pixastic/ 一式
  • 「アルバム」の画像エフェクトに使っています。(Ver.4.12以降機能廃止)
  • http://www.pixastic.com/lib/
• tiltShift.js
  • 「アルバム」のチルトシフトに使っています。
  • http://www.noeltock.com/tilt-shift-css3-jquery-plugin/
• rainyday.js
  • 「アルバム」の「雨降り」で使っています。
  • http://maroslaw.github.io/rainyday.js/
• ImageFilters.js
  • 「アルバム」の「ImageFilters」で使っています。
  • https://github.com/arahaya/ImageFilters.js
• deviantART muro
  • 「アルバム」の「deviantART」で使っています。
  • https://github.com/deviantART/embedded-deviantART-muro/
• SVG-edit
  • 「お絵かき」で使っています。
  • http://code.google.com/p/svg-edit/
• Skookum/Ghostwriter
  • 「ペン画」で使っています。
  • https://github.com/Skookum/ghostwriter
  • https://developer.mozilla.org/en-US/demos/detail/ghostwriter-art-studio
• json2.js
  • 「ペン画」でJSON形式変換で使っています。(Ver.3.33のみ使用)
  • https://github.com/douglascrockford/JSON-js/blob/master/json2.js
• scripts/jquery.cs.js
  • 「住所録」の都道府県選択のプルダウンに使っています。一部カスタマイズしたjquery.cs.jsを使っています。
  • http://www.jextend.com/sample/cs.html
• hokaccha/js-zip2address
  • 「住所録」の郵便番号からの住所検索で使っています。Google日本語入力APIを利用しています。
  • https://github.com/hokaccha/js-zip2address
• AJAX-enabled Sticky Notes With PHP & jQuery
  • 「付箋」に使っています。
  • http://tutorialzine.com/2010/01/sticky-notes-ajax-php-jquery/
• Fancybox
  • 「付箋」のsticky-notesに使っています。
  • http://fancybox.net/
• scripts/jquery.loupe.js
  • 「アルバム」スライドモードの画像部分拡大(ルーペ)機能に使っています。(Ver.4.12以降機能廃止)
  • http://jdbartlett.github.com/loupe/
• valueconvertor.js
  • 入力フォームで、半角変換、半角カナ全角変換, ひらがな変換に使っています。
  • http://www.yomotsu.net/lab/javascripts/valueconvertor
• jqKey.js
  • 入力フォームで、Enterキーでの入力フィールド移動に使っています。
  • http://d.hatena.ne.jp/Hidepyon/20110220/1298217228
• jQuery-File-Upload
  • ツール「ファイルマネージャー」の一括アップロード(ドラッグ&ドラップ対応)で使っています。
  • https://github.com/blueimp/jQuery-File-Upload
• Multiple File Upload With Progress Bar Using jQuery
  • ツール「ファイルマネージャー」の一括アップロード(IE版)で使っています。
  • http://webdeveloperplus.com/jquery/multiple-file-upload-with-progress-bar-using-jquery/
• SWFUpload jQuery Plugin
  • ツール「ファイルマネージャー」の一括アップロード(IE版)で使っています。
  • http://blogs.bigfish.tv/adam/2009/06/14/swfupload-jquery-plugin/
• scripts/snapfit/ 一式
  • 「アルバム」のジグソーパズル生成に使っています。
  • http://www.netzgesta.de/snapfit/
• Zero Clipboard
  • 「ID管理」でクリップボードへのコピーで使っています。
  • http://code.google.com/p/zeroclipboard/
• physicsketch.js、box2d.js
  • 物理エンジンを使った物体落下シミュレーションゲーム「physicSketch」で使っています。
  • http://physicsketch.appspot.com/
• jquery.autocomplete.js
  • Google Suggest APIを使った予測変換(単語補完)機能組み込みでテキスト入力枠のオートコンプリートに使用。
  • http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/
• jquery.highlight.js (JavaScript text higlighting jQuery plugin)
  • メモなどのキーワード検索時のキーワードハイライトで使用しています。
  • http://johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html
• jquery-ms-Dropdown
  • カレンダのカテゴリselectプルダウンにアイコンを表示するのに使用。
  • https://github.com/marghoobsuleman/ms-Dropdown
• jStorage：ローカルストレージ使用JavaScriptライブラリ。IEではuserDataを使用。
  • 預貯金管理「ライフプラン」で使用。
  • http://www.jstorage.info/
• 郵便番号検索API(グルーブテクノロジー株式会社)
  • 「住所録」入力画面の住所検索で使っています。
  • http://groovetechnology.co.jp/webservice/zipsearch/index.html
• Google Maps/Earth活用ツール「轍 Wadachi」
  • ツール「GPSログ View」のルート表示に使っています。(JavaScript,CSS,HTML)
  • http://wadachi.cyclekikou.net/
• GPSなどの緯度経度の２点間の直線距離を求めるPHP関数
  • ツール「GPSログ View」のルート表示で使っています。
  • http://d.hatena.ne.jp/kudakurage/20100319/1268986000
• JSColor
  • ツール「jSnow お好み」で背景色の設定に使っています。
  • http://jscolor.com/
• tools/jSnow/jsnow.js
  • ツールのjSnow（ページ内に雪を降らせる）で使っています。
  • http://www.ajaxblender.com/jsnow.html
• slider.js
  • ツール「jSnow：お好み」で、オプション選択に使っています。
  • http://www.frequency-decoder.com/demo/slider-revisited/
• PHP Simple HTML DOM Parser
  • ツール「HTML URL抽出 & ファイルダウンロード (Simple HTML DOM Parser版)」で、使っています。
  • http://simplehtmldom.sourceforge.net/
• jQuery Mobile
  • スマートフォン用のカレンダースケジュール表示、RSSリーダー、チャットに使用。
  • http://jquerymobile.com/
  
• HAWHAW：汎用的な携帯用アプリの開発ツールキット
  • 携帯電話(mobile端末)用のカレンダースケジュール表示機能に使用。
  • http://www.d-meister.co.jp/HAWHAW/
  

• 使用外部ツール（コマンド）

• ffmpeg
  • アルバムの動画サムネイル表示、動画時間分割、mpg,mov,m2tsの動画再生で使用します。以下からダウンロードしてインストールが必要です。
  • http://blog.k-tai-douga.com/
• IrfanView、IrFanView Graphic Viewer PlugIns(拡張プラグイン全DLL収録版)
  • アルバムの画像表示高速化のためのJPEG画像縮小で使用します。以下からダウンロードしてインストールが必要です。
  • http://www.irfanview.com/
    http://www.forest.impress.co.jp/lib/pic/piccam/picviewer/irfanview.html
• ImageMagick
  • ImageMagickを使った画像処理機能で使用します。以下からダウンロードしてインストールが必要です。
  • http://www.imagemagick.org/script/index.php

• 使用アイコン・使用データ

• 1キロバイトの素材屋さん（カレンダーのアイコンで使用。）
  • http://1kb-sozai.com/
• 素材のプチッチ（天気出現率の天気マークで使用。）
  • http://putiya.com/4risuto2.html
• famfamfam.com
  • http://www.famfamfam.com/
• 205 16x16 cms ect icons pngs by ~zman3
  • http://zman3.deviantart.com/art/205-16x16-cms-ect-icons-pngs-85612498
• google-maps-icons
  • http://code.google.com/p/google-maps-icons/
• Webアイコンフォント：Font Awesome（カレンダーのアイコンとして使用）
  • http://fortawesome.github.io/Font-Awesome/
• 日本百名山一覧/深田順 NASA World Wind（住所録の日本百名山で利用。Ver.4.15以降は未使用）
  • http://www.occn.zaq.ne.jp/sohta/100list_N.htm
• 日本百選と座標値（経緯度数値）（住所録の日本百名山と日本百選で利用）
  • http://100sen.cyber-ninja.jp/
• google maps による世界遺産めぐり：世界遺産の緯度と経度（住所録の世界遺産で利用）
  • http://www.geocities.jp/heritages001/heritages.html
• 駅データ（住所録の鉄道駅で利用）
  • http://www.ekidata.jp/
• 全国駅一覧ポイントデータ（住所録の鉄道駅の駅名よみで利用）
  • http://www.vector.co.jp/soft/data/home/se441833.html
• 名桜・古桜・一本桜（住所録の桜名木で利用）
  • http://yutabi.cside4.com/sakura/index.html