tech blog

« 2007年05月 | メイン | 2007年07月 »

Jun 2007 archives

Jun
22

ジョギングSNS“Jog Note”

最近走る方が増えているようです。
今年東京で3万人規模のマラソン大会が開催され各メディアにもランニング特集が組まれています。
これらに影響されて走り始めたかたも多いでしょう。
ただ、始めてみたは良いものの独りで走るのは結構つらい。
そんな方におすすめなのがジョギングSNS“Jog Note”です。


ログインしてまず最初に出てくるのが自分の走行距離と練習日記。
お友達がその日記を見てコメントを書いてくれるという流れ。
お友達がいない方はコミュニティを検索しましょうきっと近くで走っている人が見つかるはず!!
月間記録はAjaxを使用、記録が直接ページに記入出来てさらにその記録がリアルタイムにグラフに表示されます。

走り慣れてくると必ずお気に入りのコースが出てくるものですが“Jog Note”にはそのコースを紹介できる機能もあります。
それがジョグマップです。
ジョグマップはGoogleMapを使用してラインを引いてコース図を作成します。
写真やコメントを載せることも作ったマップにコメントを返信することもできるのでそこから新しいコミュニケーションが広がっていくかも!?

ちなみにこの“Jog Note”、自転車やウォーキング、水泳などにも対応しているのでこれらが趣味の人は参加されてみてはいかがでしょうか?

Jun
22

GoogleMapsとGPSの活用:サイクリングマップを作成してみる

最近、自転車がブームらしいですね。
なんでも、子供の頃、小学校の規則でドロップハンドルの自転車に乗ることが禁止だった、昭和30年代後半〜昭和40年生まれの方々、つまり"ドロップハンドル"という響きに特別なあこがれ?を持つ世代層が、昨今の健康ブームにのって、ロードレーサーに乗り始めているとか。

more...

Jun
14

Movable Type 4 Betaを導入してみました

弊社テストサーバーにMT4をセットアップしてみました。 使用してのレビューについてはみかみねさんが記事にしていますが、今回インストールについてまとめたいと思います。
ダウンロードは こちら→http://www.movabletype.com/mt4/から。

more...

Jun
13

THE HANDSHAKE COMPANY −すれ違いざまに指先が触れたような・・・

さまざまなサイトに貼り付けられた「穴」を通して、サイトを見ているひとと、MSNのサービスを見ている
人を結びつける、ライブ感のあるMSNの広告です。

↓詳細はこちら
THE HANDSHAKE COMPANY

静的なHTMLページという時間が止まった世界が、突然動き出す・・・とか、
知らないひとと指先がちょっと触れ合うような、そんなどきどきがありませんでしょうか?

↓テスト「穴」をあけてみました。

◆もっと、そんなどきどき感を味わいたい人は・・・

下の2つは、誰でも自分をWebカムで放送してしまおう!という恐ろしいサイトです。
知らない人がたくさんカメラの前でうごめいているのを眺めていると、自分もどこかからか見られている感覚になってしまうのは、ワタシだけでしょうか?

Stickam

logo_stickam.jpeg

Ustream.TV
logo_ustreamtv.jpeg

Jun
12

JavaScript History Back 大全 −すぐに使える「もどるボタン」

日本全国のJavaScript Backファンの皆様、お待たせいたしました。

JSはうろ覚えなワタシもあなたもスグに使える「前のページへもどるボタン」のソースをまとめて置いておきますね。
特にワタシのために・・・。



1)テキストで、ストイックに戻ってみる

<A HREF="javascript:history.back()">戻る</A>
サンプル:戻る


2)画像ボタンで過去を振り返る

<a href="javascript:onClick=history.back()"><img src="画像を設置ディレクトリ名/back.gif" alt="戻る" border="0" ></a>
サンプル:
戻る


3)インプットボタンでプログラマーと仲良くなる

<input type="button" value="戻る" onclick="history.back()">
サンプル:


4)インプットボタン。背景はスタイルシート。メンテナンスがラク。早めに家に戻る

<input name="button" type="button" onclick="history.back()" value="戻る" style="background-image: url(画像を設置ディレクトリ名/back2.gif);font-size: 14px;color: #000000;height: 26px;width: 45px;background-repeat: no-repeat; border: 0px; " />
サンプル:



ちまたには「history.go(-2)」とかで2ページ戻るスクリプトなど複雑なものも転がっています。
しかし、ただ何もいわず、「前のページへもどる」。
それだけ。
それが潔いJavascript Back ファンとしてあり方ではないでしょうか!


(知らないだけですが・・・)

※動作の保証はできませんが、下記の「戻る」画像素材を含めご自由にご利用ください。
↓画像素材

Jun
08

Movable Type 4(β版) レビュー 〜試用してみた〜

Movable Type 4 (β版)の画像アップや、インターフェースについてざっと見てみました。

■インターフェースが使いやすく
MT3:これまでは、左ナビにごちゃごちゃボタンが並んでいてお客様に使い方の説明するのは簡易ではありませんでした。

MT4:今回、優先順位に応じてメニューの配置が整理され、使い勝手がかなり向上するものと思われます。

■自動保存機能
・ページの移動などで、誤って書いた記事を消してしまうことを避けることができる

■画像アップが簡易に

・ライブラリができ、画像の再利用が簡易になった
・以前のようにソースをコピペする必要はなくなった

■プラグイン(TinyMCEforMT)との機能比較

〜WYSIWYGについて〜

プラグイン:多機能なものの挙動に癖があり、使いこなすのがコツがいります。
MT4:WYSIWYG機能はシンプルな分、信頼性が高い印象です。

〜画像アップロード〜

プラグイン:画像をディレクトリに整理できたり、プレビュー画像が表示されるなどとても使いやすい。
MT4:バージョン3より改善されたものの、わかりやすさ、管理のしやすさではプラグインに軍配があがるのではないでしょうか?

↓TinyMCEforMTの画面。

↓MT4ベータの画面

■関連リンク

Movable Type 4 開発者向けベータテスト参加方法

シックス・アパート

TinyMCEforMT

Jun
08

ニコニコブックマーク −アンチソーシャルな(?)、ソーシャルブックマーク

人のサイトにどんどんラクガキをする究極のラクガキサービス「ニコニコブックマーク(仮)」が登場。


■もはや何でもアリ

既に人気を博している「ニコニコ動画」の”あまりソーシャルでないソーシャルブックマーク版”といっていいのでしょうか。もはやなんでもアリ・・・。





 ■「ニコ動」のようなコラボレーションは生まれるか?

 「ニコニコ動画」は、誰かがアップした映像を別の誰かがカスタマイズして・・・

という流れがあり、たくさんの手厳しく易しいコメンテーターもおり、

そういう意味でコラボレーションの場として素晴らしいものだと思います。



「ニコニコブックマーク」ではコンテンツを第三者が編集することはできないので、

ニコニコ動画のような、開発者の想像を越えたものがユーザーに

よって作られるという可能性があるのかどうか?

今後の推移を見守りたいと思います。


■最後に

サイト制作者としては、ちょっと手を加えて、サイトの文字校正ツールとして使ってみたい!?



■関連リンク

ニコニコブックマーク
 | ニコニコ動画


Jun
05

Movable Type 4 リリース情報 (1)

これまで、ブログのみならず企業向けCMSとして幅広く利用されているMovable Typeのバージョン4が7月中旬に発売されるそうです。

シックス・アパートの発表によると、今回のバージョンアップでは、これまでプラグインで提供されていたWYSIWYGエディターや、画像のアップロードとその管理ができるファイルマネージャーが、標準装備されるとのこと。その他・・・

・ブログ記事以外のHTMLページの作成
・複数ブログをまとめたポータルページの構築
・画像やファイルを含む、完全バックアップ
・ブログのクローン(コピー)機能

と、 企業向けCMSやSNSとしての利用度が高まりそうな予感がします。

詳細はこちら

Jun
04

通信販売と購入承認

Web通販で物を買うと確認のメールが届きます。
一般にこのメールは購入処理完了のメールでキャンセルには別処理が必要です。

当社のブックショップではオプションで「購入事前確認」処理を提供しています。
これはショップで購入処理を行うと承認依頼メールが送信され、添付URLから承認画面を表示し。ここで購入承認処理を行うものです。
次の3種類があります。
1.自分に送信
 登録した自身のメールアドレスに承認依頼メールが送信されます。
2.上司に送信
 上司のメールアドレスを記入し、そこに承認依頼メールが送信されます。
3.固定アドレスに送信
 法人アカウント用に登録したメールアドレスに承認依頼メールが送信されます。
※当社の法人アカウントには複数の個人IDを登録でき、一括で法人に請求されます。

2や3は会社の購買承認のプロセスをショップが代行していることになります。

当社顧客のA社の場合2の処理を次のように行っています。
1.社員が登録IDを使用して書籍を選択し購入処理を行います。
2.社員は口頭または別メールで上司に承認を依頼し、上司が承認します。

当社顧客のB社の場合3の処理を次のように行っています。
1.社員が登録IDを使用して書籍を選択し購入処理を行います。
 終了画面はA社専用にカスタマイズされたもので会社名やサイン欄があります。
2.社員はこの画面を印刷し、自分のサイン、上司のサインを入れて経理に送付します。
3.経理担当者は承認書類をメールと照合し、承認します。


当社は社員販売向けに1の処理を使用しています。

Powered by Movable Type