スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

はてなブックマークに追加 はてなブックマーク - スポンサーサイト

Ver.1.18:ログイン履歴表示機能追加

MyHome Portal Ver.1.18を リリースしました。
http://ok2nd.web.fc2.com/download.html

システム管理者用「ログアウト/管理」に、「MyHome Portal ログイン履歴表示」を追加しました。

家庭内で使っている限りは、あまり必要ないと思いますが。

118.jpg
スポンサーサイト

はてなブックマークに追加 はてなブックマーク - Ver.1.18:ログイン履歴表示機能追加

theme : MySQL
genre : コンピュータ

MySQLテーブル・カラム情報表示

Ver.1.17で追加した「MySQL データベース/テーブル一覧」で使っているSQLは以下です。

【テーブル一覧】
select TABLE_NAME, TABLE_TYPE from INFORMATION_SCHEMA.TABLES
where TABLE_SCHEMA='データベース名' order by TABLE_TYPE, TABLE_NAME

【フィールド(カラム)一覧】
desc テーブル名
(descはdescribeの略)

【ビューのスキーマ表示】
select VIEW_DEFINITION from INFORMATION_SCHEMA.VIEWS
where TABLE_SCHEMA='データベース名' and TABLE_NAME='テーブル名'

はてなブックマークに追加 はてなブックマーク - MySQLテーブル・カラム情報表示

theme : MySQL
genre : コンピュータ

Ver.1.17:MySQLテーブル一覧ツール&レイアウト調整

MyHome Portal Ver.1.17を リリースしました。
http://ok2nd.web.fc2.com/download.html

  • 「ツール」にシステム管理者用ツールとして「MySQL データベース/テーブル一覧」を追加しました。
    データベースのテーブル/ビューのフィールド名、データタイプなどの一覧を表示します。
    ビューの場合、スキーマも合わせて表示します。少し見やすく整形しています。
    単独でも動作できるように、MyHome Portalの共有ライブラリに依存しない形で作成しました。
  • カレンダー、メモ入力画面がブラウザの文字サイズを大きくした時に崩れる問題を解消。(textareaと大小ボタンをdivで並べていたのをtableに変更。)
    最近の傾向としてレイアウトにはtableを使わずにdivを使うのが主流ですが、カッチリしたレイアウトをつくる場合、tableの方が簡単ですよね。CSSは苦手です。
  • Ver.1.14でスタイル調整のため、inputタグにclass指定したのが原因で、検索キー有の時のbackground-colorが有効にならなくなっていた不具合を修正。
  • 利用ガイドを、最新バージョンに合わせて少しだけ修正しました。
117.jpg
117-2.jpg

はてなブックマークに追加 はてなブックマーク - Ver.1.17:MySQLテーブル一覧ツール&レイアウト調整

theme : MySQL
genre : コンピュータ

Ver.1.16:カレンダーのアイコンタグをダミータグに

MyHome Portal Ver.1.16を リリースしました。
http://ok2nd.web.fc2.com/download.html
  • カレンダースケジュール入力画面のアイコン挿入ボタンで挿入されるタグを「<img src=」ではなく、ダミーの「<icon」に変更し、ファイルのソースパスを省略。HTML表示時に「<img src=」に戻して表示。
    スケジュール入力欄(textarea)内をすっきりさせるためと、運用開始後にアイコンフォルダを移動(変更)しても支障が出ないようにするため。
※ 既にMyHome Portalを運用開始済みの場合は、入力済みのスケジュールを以下の方法で変更することをお勧めします。
実行前には、データベースのバックアップをとってください。
MySQLのユーザー名、パスワードは環境に合わせて変更してください。
■ サンプルデータベースの例 (Windowsの場合、DOSプロンプトから実行。)
mysql -u myhome -ppass123
use _db_calendar;
update m_schedule set c_memo=REPLACE(c_memo,"<img src=images/","<icon ");
exit

■ 実運用データベースの例 (Windowsの場合、DOSプロンプトから実行。)
define("IMAGES_FOLDER_calendar", "../../_myhome_myset/_my_calnedar_images")で、データベース名が_mydb_calendarの場合の例。
注:置換前の<img srcのパスは、defineで定義しているパスの最後に必ず/をつけてください。
mysql -u myhome -ppass123
use _mydb_calendar;
update m_schedule set c_memo=REPLACE(c_memo,"<img src=../../_myhome_myset/_my_calnedar_images/","<icon ");
exit
116.jpg

はてなブックマークに追加 はてなブックマーク - Ver.1.16:カレンダーのアイコンタグをダミータグに

theme : PHP
genre : コンピュータ

Ver.1.15:アイコン挿入時にHTMLプレビュー自動更新

MyHome Portal Ver.1.15を リリースしました。
http://ok2nd.web.fc2.com/download.html
  • カレンダースケジュール入力画面で、アイコン挿入およびカラータグ挿入時にHTMLプレビューを自動更新するようにしました。
  • カレンダースケジュール修正画面で、HTMLプレビューを合わせて表示するようにしました。

はてなブックマークに追加 はてなブックマーク - Ver.1.15:アイコン挿入時にHTMLプレビュー自動更新

Ver.1.14:レイアウトの見直し&ブラウザ間の差異を調整

MyHome Portal Ver.1.14を リリースしました。
http://ok2nd.web.fc2.com/download.html
  • textarea内の文字サイズ、種類をページ内全体と同じになるようにCSS(スタイルシート)の見直しをしました。
  • IE6、Firefox、Google Chromeの各ブラウザでFORM入力画面がなるべく同じになるようにしました。
    (IE6は文字サイズ中、Firefoxはフォントサイズ14を基準にしています。)
    ネットで情報を集めながら、試行錯誤を繰り返して、とりあえず、下のようにしてみました。
    完璧とは言えませんが、ブラウザの違いをある程度無くせたと思います。
    inputはtype別にCSSを指定する各ブラウザ共通の方法がなく、classで指定するしかないようです。

* {margin: 0px; padding: 0px; }
body {
font-size: 84%;
font-family: "MS Pゴシック",arial,helvetica,clean,sans-serif;
}
textarea,input,select {
font-family: "MS Pゴシック",arial,helvetica,clean,sans-serif;
line-height: 1.2;
*line-height: 1.0;
font-size: 100%;
}
input.text {
margin: 0px;
padding: 1px 0 1px 0;
}
input.password {
margin: 0px;
padding: 1px 0 1px 0;
}

  • CSSの更新時にブラウザにキャッシュが残っているとスタイルが更新されない問題の対策もしました。
    以下のようにすることで、キャッシュを使わなくなります。
      <link rel="stylesheet" href="xxx.css" type="text/css">
        ↓↓↓
      <link rel="stylesheet" href="xxx.css?20081017" type="text/css">
  • ユーザー登録画面でAjaxを使ったアカウント名、ハンドル名チェックのエラーメッセージがFirefoxでは表示されなかった問題を解消。
    document.all.xxxxxxは、IE独自の仕様のため、document.getElementById('xxxxxx')に変更。

はてなブックマークに追加 はてなブックマーク - Ver.1.14:レイアウトの見直し&ブラウザ間の差異を調整

theme : CSSレイアウト
genre : コンピュータ

FORM入力データのHTMLプレビュー

textarea内のHTMLスケジュール本文のプレビュー機能は、とても簡単です。
以下のJavaScript関数をコールしているだけです。

function htmlPreview() {
document.getElementById('memo_html').innerHTML
= htmlDecode(document.getElementById('c_memo').value).replace(/\n/ig,'
');
}
function htmlDecode(str) {
return str.replace(/>/ig,">").replace(/</ig,"<").replace(/ /ig,"");
}

はてなブックマークに追加 はてなブックマーク - FORM入力データのHTMLプレビュー

theme : JavaScript
genre : コンピュータ

Ver.1.13:カラータグ挿入ボタン&HTMLプレビュー機能

MyHome Portal Ver.1.13を リリースしました。
http://ok2nd.web.fc2.com/download.html

  • カレンダースケジュール入力画面に、スケジュール本文へのカラータグ挿入ボタン追加。
  • ボールド、イタリック、ストライクアウトボタンも付けました。
  • カレンダースケジュール入力画面に、スケジュール本文のHTMLプレビュー確認機能追加。
  • 上記機能およびスケジュール本文へのアイコン挿入機能を、Firefox、Google Chromeでも動作するようにしました。
    この機能実現には、以下のサイトのJavaScriptを採用させていただきました。
    http://painter.homeip.net/~raelian/tag/enclose.html

113.jpg

はてなブックマークに追加 はてなブックマーク - Ver.1.13:カラータグ挿入ボタン&HTMLプレビュー機能

theme : JavaScript
genre : コンピュータ

ソースコード整形表示のファイルマネージャー

MyHome Portal 「ツール」の「PHP/JavaScriptソースコード整形表示」では、
ファイルマネージャー的な機能も付けていて、サーバーローカルのフォルダ名やファイル名の一覧表示ができるようにしていますが、ファイル名は特定の拡張子
・php、js、css、html、htm、txt、sql
のものしか表示しないようにしています。
112-1.jpg
拡張子を限定しているロジックを外せば、すべてのファイル名表示ができるようになります。
オプションで全て表示という仕様にするという手もありますね。

はてなブックマークに追加 はてなブックマーク - ソースコード整形表示のファイルマネージャー

theme : PHP
genre : コンピュータ

LinuxやMacでMyHome Portal使えますか?

LinuxやMacでMyHome Portalを試された方、いらっしゃいますか?
インストールや環境設定、動作状況など、情報をいただける方、お願いします。

はてなブックマークに追加 はてなブックマーク - LinuxやMacでMyHome Portal使えますか?

theme : PHP
genre : コンピュータ

MyHome Portalインストール後の環境設定について

実運用される場合は、「/_myhome/__common__/__define_common.php」の代わりに、別定義ファイルを作成することをお勧めします。
そうすれば、新しいバージョンを_myhome以下丸ごと上書きしても、自分の運用環境やデータをそのまま引き継げます。

私の場合、以下のようなフォルダ構成にしています。
D:\XAMPP\htdocs\_myhome_myset\__define_common_my.php :実運用定義ファイル
D:\XAMPP\htdocs\_myhome_myset\_my_calnedar_images :カレンダー用アイコン
D:\XAMPP\htdocs\_attach\calendar :カレンダー添付ファイル格納場所
D:\XAMPP\htdocs\_attach\memo :メモ添付ファイル格納場所

これらを、「D:\XAMPP\htdocs\_myhome_myset\__define_common_my.php」で定義しています。

私の場合、データベース名も、実運用のものは変えています。
define("_DB_SCHEMA_account", "_mydb_account");
define("_DB_SCHEMA_calendar", "_mydb_calendar");
define("_DB_SCHEMA_index", "_mydb_index");
define("_DB_SCHEMA_memo", "_mydb_memo");
define("_DB_SCHEMA_zid_mgr_a", "_mydb_zid_mgr_a");
define("_DB_SCHEMA_zid_mgr_b", "_mydb_zid_mgr_b");
データベース名を実運用のものをサンプルと変える場合は、ビュー作成時のデータベース名に注意してください。
以下のファイル内のデータベース名も全て変えてから、ビュー作成する必要があります。
z_db_backup\create_view_db_account.txt
.........
z_db_backup\create_view_db_zid_mgr_a.txt

D:\XAMPP\htdocs\_myhome_myset\__define_common_my.phpのサンプルを、
http://ok2nd.web.fc2.com/download/__define_common_my.php.txt
に置きました。lzhやzipは置けないようなので、.txtにして置いています。
「Powered by FC2.com」を入れるためのスクリプトが付いてしまっていますので、取り除いて使ってください。

はてなブックマークに追加 はてなブックマーク - MyHome Portalインストール後の環境設定について

theme : PHP
genre : コンピュータ

Ver.1.12:PHP/JavaScriptソースコード整形表示

MyHome Portal Ver.1.12を リリースしました。
http://ok2nd.web.fc2.com/download.html

  • SyntaxHighlighterを使って「PHP/JavaScriptソースコード整形表示」を追加。
  • サーバ上の任意のソースを整形表示できます。
  • 拡張子を判断して整形表示します。ボタンで整形タイプを変更できます。
  • ステップ数の多いソースではIE6では遅いですが、Google Chromeでは高速に表示されます。
  • ファイルマネージャー的な機能も付けました。
  • 検索機能付きも作成してみました。
  • ファイル内一括テキスト検索機能も付けてみました。
  • コンテンツカテゴリの「ツール」と「ID管理」の位置を交換。

【参考】
http://code.google.com/p/syntaxhighlighter/
http://winofsql.jp/sh/html/syntax_highlighter.htm

112-1.jpg
112-2.jpg
112-3.jpg

はてなブックマークに追加 はてなブックマーク - Ver.1.12:PHP/JavaScriptソースコード整形表示

theme : JavaScript
genre : コンピュータ

Ver.1.11:ホームページのモノトーン表示他追加

MyHome Portal Ver. 1.11を リリースしました。
http://ok2nd.web.fc2.com/download.html

あまり実用的でないツールをいくつか追加。いつもカラーで見ているホームページをたまにモノトーンで見てみると新鮮に感じますよ。
  • 「ツール」に「ホームページのモノトーン表示」を追加。任意のURLを指定してモノクロ表示できます。
  • 「ツール」に「ホームページの拡大縮小表示」を追加。任意のURLを指定して、倍率指定できます。
  • 「ツール」に「テキスト縦書き表示」を追加。

「ホームページのモノトーン表示」と「ホームページの拡大縮小表示」は純粋にJavascriptしか使っていませんので、拡張子htmlとして、単独で以下にも置きました。

ホームページのモノトーン表示
http://ok2nd.web.fc2.com/tools/monotone-page.html
ホームページの拡大縮小表示
http://ok2nd.web.fc2.com/tools/zoom-page.html

111-1.jpg
111-2.jpg

はてなブックマークに追加 はてなブックマーク - Ver.1.11:ホームページのモノトーン表示他追加

theme : JavaScript
genre : コンピュータ

Ver.1.10:翻訳 by Google AJAX Language API

MyHome Portal Ver. 1.10を リリースしました。
http://ok2nd.web.fc2.com/download.html

  • コンテンツカテゴリとして「ツール」を追加。

  • 「ツール」に「翻訳 by Google AJAX Language API」を追加。
    日⇔英翻訳では、翻訳後、元の言語に再翻訳して翻訳の精度を確かめられるようにしました。
    直接翻訳ができない場合は、英語経由で翻訳できるようにしました。
    「翻訳 by Google AJAX Language API」は、純粋にJavascriptしか使っていませんので、拡張子htmlとして、単独で以下にも置きました。
    http://ok2nd.web.fc2.com/tools.html

  • 「ツール」に「HTMLカラーチャート」をリンク。

はてなブックマークに追加 はてなブックマーク - Ver.1.10:翻訳 by Google AJAX Language API

theme : JavaScript
genre : コンピュータ

プロフィール

ok.2nd

Author:ok.2nd
HomePage:
http://ok2nd.web.fc2.com/
Email: m.ok.2nd@gmail.com

最新記事
最新コメント
最新トラックバック
月別アーカイブ
FC2ブログランキング

FC2Blog Ranking

検索フォーム
カテゴリ
リンク
RSSリンクの表示
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
ユーザータグ

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。