メイン

ブログ作成上のメモ アーカイブ

2008年05月03日

GPS-CS1KSPを利用して

2008/4/29に百合が原公園に行ったときの記録をGPS-CS1KSPでとったので利用法を検討してみた。

□SightField プレテストサービス
http://sightfield.jp/CS1K/upload.php

ログをロードしてみたので使用できますでしょうか?ほれ
http://sightfield.jp/CS1K/track.php?id=12d493bb1cd4df8023d7986f66286d59
ここまで書いてアップロードしてみて実際にやってみたところ、私の走ったコースがトレースできました。
これは、これでおもしろい。
走ったコースの断面図も出ているし、

□谷町マップ(GoogleMap&GoogleEarthで表示できるように、ログを変換するアプリです。)
http://tom.style.coocan.jp/GPS/index.html

googlemapです。
http://usimov.com/blog/image/20080503.htm

google earthです.
http://usimov.com/blog/image/20080503.kml

2007年12月16日

テスト 動画をEMBETしてみます。

ほりゃ!


こちらに移転しました。

見てくださいね。

画面中央の三角マークをクリックすると動画がスタートします。
----------------
使えるな!

2007年11月18日

MTの予約等高機能について

MTでは、記事を書いて公開の状態を選択し保存します。
選択できる状態は「公開」「未公開」そして「予約公開」です。
この予約投稿はMTをおいているサーバーの設定が重要!

この「土曜の丑の日」が置いてある「ロリポップ」は何の設定もしなくてもこの予約投稿ができました。
そして会社関係で使用しているサイトを預けている「さくらインターネット」はデフォルトではだめ。

で、ここを発見しました。ありがとうございます。動きました。
http://www.nobodyplace.com/mutter/2005/06/24/145046.php

この記事がなくなると困るので、引用させてもらいます。

cronの設定が面倒だったので使っていなかった『指定日投稿』。
マニュアルには15分ごとの起動の設定方法が例示されていたけれども、
そもそも、そんなに頻繁に更新なんかしないわけだし、
じゃあ、それ以外の更新はみんな無駄じゃなあないか!
なーんてことも思ったりして、やってなかったんだけど、
まぁ、数時間に一回とかにしておくぶんにはいいか、などと思って、
改めて設定方法を見直してみた。
まぁ、せっかく、さくらインターネットでcronが使えるからね。


重要なことは次の3点。
1) cronに設定をする。
2) ./tools/run-periodic-tasks のパーミッションを755に設定する。
3) エントリの用意


なお、このエントリを書くに当たって、
MovableTypeマニュアル(上級者向け機能)および、

TEA Caddy | さくらレンタルサーバでの予約投稿機能の設定(MT3.1)
さくらインターネットでMTの指定日投稿(アジア海外駐在員便利帳)

を参考にさせていただきました。感謝します。
1) cronに設定をする。
さくらインターネットサーバコントロールパネル内の、
『サーバ設定と状態確認』-『CRON設定ファイルの編集』を開き、
新規項目の追加をクリック。

2005062401.gif

『実行するコマンド』には、
cd ; ./tools/run-periodic-tasks
を入力すればいい訳なのだけれども、この、で迷う人が多いようだ。
要は、mt.cgiのあるディレクトリまでの絶対パス。
さくらのユーザー名がhogehogeで、cgi-bin/blogというディレクトリを作って
MTをインストールしている場合には、

2005062403.png

を、入力すればよい。
実行する時間は、画面の注意書き(1)-(3)に従えば出来るはず。
例えば、下のように入力すれば、毎時0分に実行される。

2005062402.gif

なお、設定によっては、毎分なんていう設定もできるけど、
サーバーの負担が極端に大きくなるので、おすすめできない。
ていうか、そんなに使わないでしょう?
一応、さくらインターネットでは、次のように断られています。

また、実行頻度が1時間に2回以上の場合やCPU時間を60秒以上連続で利用される場合、自動で削除される場合があります。

2) ./tools/run-periodic-tasks のパーミッションを設定。
一瞬見落としてたんですが、これを忘れるとプログラムは動きません。
FTPで設定していても、このプログラムは拡張子がついてないので、
恐らくデフォルトのパーミッション(644?)でアップされていると思います。
これを、755(さくらの場合は、705が推奨されています)に変更。

ちなみに、./tools/ は、MTをインストールしたディレクトリの直下にあります。


3) エントリの用意
ここまでで設定は完了。
あとは、エントリを適当に用意し、投稿の状態を『指定日』にして保存。
プログラムが動いた時間より、その作成日時が過去になっていれば、
エントリは更新されます。

2007年11月14日

.DS_Storeファイルの生成制御法

私の愛機であるmacを会社のネットワークに繋いで作業しています。
でも、macを会社のネットワークに繋いで作業を行うと痕跡をあっちこっちに残しているのに
以前から気づいていました。

.DS_Storeファイル

作業したファイル名の前に「._」が付加されたファイル。
********.***
というファイル名であれば、
._********.***
という、ファイル名で保存され、僕が触ったことがバレバレ状態。

では、痕跡を残さずに社内ネットワークを動き回るためには
以下の設定で修正できます。

〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
1. 「ターミナル」を開きます。
2. 次の通り入力します:
defaults write com.apple.desktopservices DSDontWriteNetworkStores true
3. リターンキーを押します。
4. コンピュータを再起動します。
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜

効果>
作成されていません。有効でした。コピーしただけでも生成されて、犬のおしっこより目立っていたんです。でも、これらのファイルができないことで問題があるのだろうか?そこら編は書いていなかったな〜
ま、いいっか!

2007年06月02日

「丑のスープカレー&ラーメン・マップ」について

今回、「丑のスープカレー&ラーメン・マップ」が表示されなくなった。表示と言っても、地図は出ているし、地図が最初に開く位置やスケールはちゃんと開かれているのでデータ(カレー店の情報)は見に行っていることは判っていた。それとどうも最後に追加したデータを削除すると表示されることも判った。
つまり、ちゃんと動いている。最後に書き込んだデータのせいで表示が出来なくなっている。と結論づけた。この「丑のスープカレー&ラーメン・マップ」はjavaスクリプトで動いているのだけど、データはUTF-8で書く事になっている。
で、UTF-8で使えない文字を書いてしまったために読めなくなったようです。
今回は半角の"&"を全角"&"に直すことでなおった。
半角英数 漢字と記号は全角で書けば大丈夫そうだ。
でも、UTF-8を検索して調べたけど、わからん。

2007年05月14日

MTのバージョンアップとバックアップ

近々ユーザーのマシンのムーバブルタイプをバックアップの仕組みを作り納品する必要があるので、研究を兼ねてこのusimov.com/blogをヴァージョンアップしてみます。
状況をまとめると、サーバーはロリポップより借りています。3.31のMTが動作していて、データベースはsqliteで運用しています。ブログは4つ立てて動いています。

1)カスタマイズしたテンプレートのバックアップを取ります。準備作業としてブログデータのホルダーないに「temp」を作成します。(「/blog/temp」)カスタマイズを掛けたテンプレートにリンクを作成します。カスタマイズしたテンプレートを開き「このテンプレートにリンクするファイル」にバックアップファイルを作成します。

インデックスは出力ファイル名で保存します。
メインページ=temp/index.html
スタイルシート=temp/styles-site.css

アーカイブ類は、
カテゴリーアーカイブ=temp/cate.html
エントリーアーカイブ=temp/entry.html
日付アーカイブ=temp/date.html

モジュール類は、拡張子をtxtにします。
カレンダーモジュール=temp/calendar.txt

これが、テンプレートのバックアップになります。このフォルダをまるごとバックアップしておきます。バージョンアップしたときウェブログを新規に作成したとき、tempフォルダを作成して全てのテンプレートの「このテンプレートにリンクするファイル」の設定をしてテンプレートを保存します。tempフォルダ内にファイルが作成されているのを確認したら、バックアップしておいたtempフォルダの中身を全てこのフォルダ内のファイルに上書きします。MovableTypeのテンプレートを開いてみると上書きされたファイルと置き換わっていますので、それぞれを再度、保存して再構築しますとバックアップしてあった状態に簡単に戻すことができます。

2)プログラム部分とデータのコピー
 サーバー上のプログラムが入っている「mt」と各ブログフォルダーをコピー(バックアップ)します。
 各ブログの設定より、「ブログ名」「説明」「サイトURL」「サイト・パス」を記録しています。
 次に、エントリーを書き出します。

3)コピー後、「mt」を「mt2」にでもリネームしておきます。

4)新しいバージョンのムーバブルタイプを新しく作った「mt」にコピーします。

5)バックアップ前に使用していて『 mt-config.cgi 』 ファイル と 『 sqlitedb 』 ファイルを、バックアップからサーバーにアップロードします。

6)パーミション(属性)を変更します。アップロードが終わったら、『.cgi』の拡張子を持つ、すべてのファイルのパーミション(属性)を『755』にします。

7)ここまでの作業が終わったら、mt/mt.cgiにアクセスします。ログイン画面の下部の「Movable Type システム・チェック (mt-check.cgi) 」を実行します。

8)ログオンします。

10)記録したブログの情報からブログを構築します。各ブログにつなぎ直します。次にエントリーを読み込みます。

11)テンプレートを1)の様に作成し保存した後にバックアップしていたものと差し替えます。

と書いてきましたが、次はうまくいくのでしょうけど4つのブログのうち、2つはデフォルトで使っていたので問題ないですが、かすたまいずしていた2個は1勝1負でした。かなしいけど、勉強勉強。次はMySQLのMTに挑戦です。大丈夫かな?

2007年05月03日

丑のカレー&ラーメン・マップの作成法

丑のカレー&ラーメン・マップは「KsGMap」で作成しています。
「KsGMap」はフリーでこんな便利なツールを使用させていただき本当にありがとうございます。http://www.ksgmap.jp/index.html
そして、KsGMapの使用の際にこのソフトを利用していた、「ももち どっと こむ」のももちさんに感謝します。
http://www.momoti.com/map/map01.htm
浅草グルメマップは参考になりました。

「汎用Google Maps APIスクリプト KsGMap」を使用するにあたりGoogeMapsの
APIキーの取得が必要です。APIキー取得にはGoogleアカウントが必要です。Gmail便利ですので、取得してみてください。

ダウンロードよりKsGMapの本体をDLします。私はコメント有りの「ksgmap103wc.js」をDLしました。次に、ドキュメントよりサンプルのページに飛びシンプルかリキッド・デザインをDLします。私は最終的にはリキッド・デザインを使用しました。あんまり気にしていませんでしたが、シンプルより横幅が廣く感じました。そのときに対になっているXML/データファイルをDLしておきます。
次に素材/関連ファイルのページに飛びpopup01.zip(ポップアップのパーツ)とinfowindow01.zip(情報ウィンドウ内のボタンのパーツ)とマーカーから1ファイル、私はstandard04.zipを選択しました。

集めたものを整理しました。

Holder「gmap」ーーーgmap.html(sample_liquiddesign01.html)
         |
         |ーHolder「js」ksgmap103wc.js
         |
         |ーHolder「image」素材/関連ファイルで集めたデータを入れる
         |
         |ーHolder「xml」gmap.xml(sample_liquiddesign.xml)

gmap.html(sample_liquiddesign01.html)の変更点
1)<title>
2)<script src="./js/ksgmap103.js"→<script src="./js/ksgmap103wc.js"
3)<script src="http://maps.google.co.jp/maps?file=api&v=2&key=取得したAPIキー
4)ksgmap_default_zoom = 1; さっぽろは大きいので6にしました。
5)<div id="breadCrumbsNavi">以下のパンクズリストとタイトル
6)<div id="foot">以下のフッタメッセージ

gmap.xml(sample_liquiddesign.xml)の変更点
1)<title>
2)<link>
3)<author>
4)(席数: %seatqty% / 音響:%surround% )→<a href="%url%">記事へリンク</a>という変更でブログのパーマリンクに飛ばせられます。
5)<!-- カテゴリ -->
<category id="area1301" name="札幌" lng="141.350956" lat="43.068386" />と書く
6)<!-- アイテム -->
<tem id="theater1301010" category="area1301" name="スープカレー「XY象SA」" lng="141.359957" lat="43.092289" address="札幌市東区北23条東6丁目4-10" phone="050-7568-6241" url="http://usimov.com/blog/2007/03/xysa.html" />
と書いていきます。

座標の決定はここを参考にしてください。

2007年05月02日

スタイルシートの修正

サイトのデザインを修正するために、

テンプレートのスタイルシートを修正します。

こんな感じかな。

(中略)

|module-header,
|.trackbacks-header,
|.comments-header,
|.comments-open-header,
|.archive-header {
|   /* ie win (5, 5.5, 6) bugfix */
|   p\osition: relative;
|   width: 100%;
|   w\idth: auto;

|   margin: 0;
|   border-left: 5px solid#0000cc;  「右モジュールのタイトル 色の定義 濃い青」
|   padding: 5px;
|   color: #fff;
|    background:#0000ff;  「右モジュールのタイトル 色の定義 薄い青」
|    font-size: 11px;
|    font-weight: bold;
|    line-height: 1;
|    text-transform: uppercase;
|}

| (中略)

|/* page layout */

|body {
|    min-width:720px;「サイズの定義 800px」
|    color: #333;
|    background:#fff;  「ボディーの色の定義 白」
|}

|#container {
|    width:800px;「サイズの定義 800px」
|    margin-bottom: 20px;
|    background: #fff;  「ラインの色の定義」
|}

|#container-inner {
|    border-width:0 5px 5px 5px;「コンテナーの罫線のサイズの定義」
|    border-style: solid;
|    border-color:#fff;  「コンテナーの罫線のの色の定義 白」
|}

|#banner {
|    width:790px; /* necessary for ie win */ 「800-左右のマージンサイズ5*2=790」
|    background:#0000ff;          「バナーの背景色の定義 薄い青」
|}

|#banner-inner {
|    padding: 15px 13px;
|    border-width: 2px 2px 0 2px;
|    border-style: solid;
|    border-color: #fff;
|}
| 
| (中略)

|#alpha { margin: 15px 15px 0 15px; width:560px; } 「アルファのサイズの定義 左右マージン790-15*2-560=180」
|#beta { width:180px; background: #e6ecf2; }  「ベータのサイズの定義」

| (中略)

|.entry-header {
|    margin-top: 0;
|    border-left: 5px solid#0000cc;  「エンターのタイトルの左ライン色の定義」
|    border-bottom-style: solid;  「エンターのタイトルの下線の線種の定義」
|    border-bottom-width: 1px;  「エンターのタイトルの下線の太さの定義」
|    border-bottom-color: #0000cc;  「エンターのタイトルの下線の色の定義」
|    padding: 5px;  「エンターのタイトル文字のパディング定義」
|    color: #fff;  「エンターのタイトルの文字の定義」
|    font-size: 18px;

| (中略)

|/* Date-based and category archives
|    Archive title banner at top of page, below blog banner */
|.master-archive-index #archive-title,
|.individual-entry-archive #archive-title,
|.date-based-archive #archive-title,
|.category-archive #archive-title {

|    /* ie win (5, 5.5, 6) bugfix */
|    p\osition: relative;
|    width: 100%;
|    w\idth: auto;

|    margin: 0;
|    border-left: 10px solid#a0000cc;  「アーカイブの色の定義 濃い青」
|    padding: 5px;
|    color: #fff;
|    background:#0000ff;  「アーカイブの色の定義 薄い青」
|}

2007年02月25日

日付・カテゴリー アーカイブの表示順

日付アーカイブとカテゴリーアーカイブのエントリーはデフォルトでは古い日付のエントリーが最初に表示される昇順に並んでいます。最新記事が最初に来ていないと見づらいですよね。そこで、順番を変えます。テンプレートの「index.html」は初期設定の項目で昇順か降順かを設定できますが、日付とカテゴリーのアーカイブではテンプレートで設定します。エントリーの本文が書いてあるあたりに<MTEnttries>のタブが有ります。そこに、属性を設定します。

sort_order:エントリーの表示順を指定します。

  • ascend:昇順
  • decend:降順
sort_by:並べ替えのキー項目を指定します。
  • created_on:投稿日 

以上を設定すると以下になります。 

<MTEntries sort_by="created_on" sort_order="ascend"> 

↓ 

<MTEntriessort_by="created_on" sort_order="decend">

カテゴリーの表示順

カテゴリーを設定して表示したところ、自分の意図とは全然違う並びに表示されていた。どうも「abc」「あいうえお」で並び替えて表示されてしまうようです。

そこで、カテゴリーに「10_」から連番を振ってカテゴリーを定義し直しました。当然、「10_」からの接頭語がついて表示されました。当然ですね。

それで、カテゴリーの説明に表示したいカテゴリー名を書いて、カテゴリーの説明を表示するようにします。タグを以下に書き直します。

テンプレートの"index.html"の以下の部分の修正を行います。

<a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel></a>のところを

↓ 

a href="<$MTCategoryArchiveLink$>" title="<MTCategoryLabel>"><MTCategoryDescription></a>

に変更します。

そして、カテゴリーのエントリーの表示の時に、タイトルにカテゴリー名が表示されます。そこで、テンプレートの中のカテゴリー・エントリーに書かれている<$MTCategoryTittle$>の部分を2カ所、<$MTCategoryDescription$>変更します。

 

これで、終了! 

2007年02月13日

TOPページを改良

ブログのbannarエリアにナビゲーションボタンを増設します。きっと使いやすくなるにちがい有りません。こうご期待♪

2007年02月12日

TinyMCEforMTの設定について

MTで記事を書くときには、タグを手打ちして入力していました。

大きな文字小さな文字 

赤文字青文字黄文字緑文字オレンジ文字

赤文字背景青文字背景黄文字背景 

  1. ポイント1
  2. ポイント2
  3. ポイント3
  • ポイント1
  • ポイント2
  • ポイント3
 
 表組み 1  表組み 2
 表組み 3  表組み 4:表組み 4

写真の使い方をもう少し研究しなきゃ

でも、便利!便利! 

某サイトでの承認機能の設定について

MTに承認機能をインストールし投稿者(下書き者)の名前をエントリーに表示するときの設定尾について。
設定項目 テンプレート index.htmlとアーカイブのファイル3つ共
内容:現状は投稿者ということで<$MTEntryAuthorDisplayName$>が使用されている。
これは、エントリーされた記事の承認者を指している。そのため、下書き者には
<$MTEntryCreatorNickname$>を当てなければならない。
投稿者:<$MTEntryAuthorDisplayName$>
の部分を探して、投稿者/承認者:<$MTEntryCreatorNickname$>/<$MTEntryAuthor$>
に、修正する。

2007年02月11日

MTにMapper Pluginの追加の仕方。

MTでGoogleMapの地図が表示出来るようにするPluginの設定方法です。
Plugin自体はMTのプラグイン・ディレクトリに紹介されています。
サイトはこのリンク先に有る。

続きを読む "MTにMapper Pluginの追加の仕方。" »

Googleの地図にコメントとマークを入れる方法

http://www.witha.jp/blog/archives/2005/07/google_2.html
に、書かれていた「Googleマップの好きな場所に好きな文字で噴出しピンを立てる」に記事を転記しています。十分優れた方法なので、記録しておきたいと考えて行っています。
Witha System Ltd.さん
ありがとうございます。

続きを読む "Googleの地図にコメントとマークを入れる方法" »