スポンサーサイト

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

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

SVG-edit 2.6 正式版が待ち遠しい

MyHome Portal Ver.3.16で、SVG-editを使ったお絵かき機能を追加しました。
http://ok2nd.blog87.fc2.com/blog-entry-253.html

SVG-editは現時点の正式版2.5.1を使っていますが、SVG-edit 2.6 alphaというのがあります。2.5.1に較べて、
「Support for Internet Explorer 9、In-group editing、Image library、Shape library、Context menu、Cut/Copy/Paste、Gridlines, snap to grid、Merge layers、Duplicate layer」等が追加されて、かなり高機能になっています。

SVG-edit 2.6 alphaは、インターネット上で利用可能ですので、これを使ってSVGを作成して、ソース表示してソースをコピーし、MyHome Portalのお絵かき側でペーストする方法を取ることで、SVG-edit 2.6 alphaの機能を使ったSVG画像をMyHome Portalお絵かきデータベースに登録することができます。

<SVG-edit 2.6 alpha>
http://svg-edit.googlecode.com/svn/trunk/editor/svg-editor.html
スポンサーサイト

はてなブックマークに追加 はてなブックマーク - SVG-edit 2.6 正式版が待ち遠しい

theme : JavaScript
genre : コンピュータ

Ver.3.16:SVGお絵かきと点描アニメ

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

新コンテンツ「お絵かき」を追加。「svg-edit」(ver.2.5.1)を使っています。
http://code.google.com/p/svg-edit/
「お絵かき」のデータは、SVGデータとしてデータベースに登録できます。
登録データはサムネイル一覧表示できます。サムネイルは、画像の縦横比を3:4として縮小します。
登録データは修正、削除できます。
登録データは、他ユーザーのものを含めて自分のデータとしてコピーして再利用できます。
IE6, 7, 8では、svg-editは動作しませんが、Google Chrome Frame pluginをインストールすると、svg-editが動作するようになります。
http://code.google.com/intl/ja/chrome/chromeframe/
画像表示、サムネイル一覧ができるのはChromeのみです。
svg-edit.jpg
svg-view.jpg
svg-list.jpg

「アルバム」に「点描アニメ」機能を追加。以下の「tenbyou.js」を使っています。
<canvas要素のピクセル操作で点描っぽいお絵描きアニメーション>
http://funenplacanen.com/blog/163
https://github.com/ykhs/tenbyou
サーバーロ-カルの任意の写真画像を点描アニメーション表示できます。
インターバル時間と描画レートを変更して、実行できます。
IE6,7では動作しません。IE8以降は未確認。
tenbyou.jpg

はてなブックマークに追加 はてなブックマーク - Ver.3.16:SVGお絵かきと点描アニメ

theme : JavaScript
genre : コンピュータ

Ver.3.15:住所録で郵便番号から住所検索

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

「住所録」で、1件単位の新規登録、修正ができる画面を用意。一覧で名前をクリックすると、修正画面になります。

「住所録」の1件単位の新規登録、修正ができる画面では、郵便番号から住所を検索できる機能を付けました。郵便番号を入力して「住所取得」ボタンを押すと、住所欄に住所が入ります。修正の場合、「住所取得」ボタンでは、住所を上書きしてしまいますので、「Check」ボタンを押してください。住所欄の上に、検索された住所を表示します。

住所検索には、「hokaccha/js-zip2address」を使わせてさせていただきました。Google日本語入力APIを利用しているので、常に最新の郵便番号対応で住所検索ができます。
https://github.com/hokaccha/js-zip2address

zip-in.jpg

ツール「ファイルマネージャー」、「PHP/JavaScript ソースコード表示&編集+ファイルマネージャーを、ID管理ログインが必要とするように設定可能にしました。

「アルバム」のディレクトリ表示位置を左側にした場合に、レイアウトが崩れるようになっていたのを、修正しました。

はてなブックマークに追加 はてなブックマーク - Ver.3.15:住所録で郵便番号から住所検索

theme : JavaScript
genre : コンピュータ

Ver.3.14:ファイルマネージャにアップロード機能

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

ツール「ファイルマネージャ」に、ファイルアップロード機能を追加。複数ファイルの一括アップロードもできます。Chromeでは、アップロードファイルのファイルパスに日本語が含まれていると、エラーになります。
一括アップロードは、以下のライブラリを利用しています。
「Multiple File Upload With Progress Bar Using jQuery」
http://webdeveloperplus.com/jquery/multiple-file-upload-with-progress-bar-using-jquery/
「SWFUpload jQuery Plugin」
http://blogs.bigfish.tv/adam/2009/06/14/swfupload-jquery-plugin/

「ファイルマネージャ」に、フォルダ作成機能を追加。
「ファイルマネージャ」で、ファイル・サイズ、ファイル・タイプ別の並び替えもできるようにしました。
「ファイルマネージャ」で、ファイル並び替えやファイル操作時になるべくスクロールアップしないように改善。

メモ、掲示板、旅行記で、アタッチファイルをアイコン表示していたのを、ファイル名表示に変更。
INDEXトップページに「百度」検索ボタンを追加。
「住所録」で、分類フィルタで「百名山」選択時も専用の一覧形式にしました。標高順に並び替えもできます。

encode.jpg
upload.jpg

はてなブックマークに追加 はてなブックマーク - Ver.3.14:ファイルマネージャにアップロード機能

theme : PHP
genre : コンピュータ

都道府県の全駅マップ作成

MyHome Portal Ver.3.13で、鉄道駅データを追加して、Googleマップで路線図表示などが出来るようになりました。
http://ok2nd.blog87.fc2.com/blog-entry-249.html

都道府県を選択して、Googleマップを作成すると、その都道府県の全駅の地図ができます。
「JR」等鉄道会社名で検索をかければ、その鉄道会社のみのマップができます。

tetsudo-aichi.jpg
tetsudo-aichi-jr.jpg

はてなブックマークに追加 はてなブックマーク - 都道府県の全駅マップ作成

theme : JavaScript
genre : コンピュータ

Ver.3.13:住所録に鉄道駅データ追加

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

「住所録」のサンプルデータとして、ユーザー「共通」に「鉄道駅」を追加しました。
分類フィルタで、鉄道駅を選択すると鉄道駅専用の一覧形式に変わります。
路線名や駅名で検索できます。駅名よみは、一部登録されていません。
検索欄に路線名を入れて検索し、並び替え順を「路線・駅順」にして「マップ」を作成するとGoogleマップで路線駅をマーカー表示した地図が出来ます。

tetsudo1.jpg
tetsudo2.jpg

「実運用サンプル」フォルダに「鉄道駅.csv」を追加しています。
実運用データベースに、鉄道駅データを追加登録する場合、まず、「分類編集」で分類を「鉄道駅」等の名前で登録してください。その上で、ツール「MySQL管理ツール」で、このCSVファイルをアップロードしてください。CSVファイルをアップロードする際は、id_account、id_categoryを環境に合わせて変更した上でアップロードしてください。

鉄道駅のデータは、以下のページのものを使わせていただきました。2010/10/15版を使っています。
<駅データ>
http://www.ekidata.jp/
都道府県コード(pref_cd)は、テーブル「m_kenmei」に合わせたc_kenidに変更しています。
駅名(station_name)の英数字は半角に統一しています。
駅並び順(station_sort)を、c_phone1として取り込みます。
表示フラグ(f_flag)=1のデータのみにしています。
以下の「全国駅一覧ポイントデータ」と駅名でマッチングしてマッチしたものについては、駅名よみを追加しています。
http://www.vector.co.jp/soft/data/home/se441833.html

はてなブックマークに追加 はてなブックマーク - Ver.3.13:住所録に鉄道駅データ追加

theme : PHP
genre : コンピュータ

Ver.3.12:預貯金管理にクロス集計を追加

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

ツール「預貯金管理」に「クロス集計」を追加。名義別×金融機関別の元金、現在額、満期額のクロス集計が出来ます。
chokin-cross.jpg

「住所録」一覧で、チェック有無プルダウンとチェック項目見出しを合わせて表示するようにレイアウトを変更しました。

「旅行記」の「地点一覧」に、総合評価、コスト、施設、雰囲気、料理、風呂それぞれの評価順ソート機能を追加しました。

はてなブックマークに追加 はてなブックマーク - Ver.3.12:預貯金管理にクロス集計を追加

theme : PHP
genre : コンピュータ

ブログ記事ピックアップ

「中級プログラマの自宅でPHP ブログ」のMyHome Portalリリース情報以外の主な記事のピックアップを、以下に載せました。

http://ok2nd.web.fc2.com/link.html#myhome_blog

はてなブックマークに追加 はてなブックマーク - ブログ記事ピックアップ

theme : システム開発
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ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。