Ajax Webアプリケーション奮闘記 〜関西温泉マップ〜

Ajax Webアプリケーション作成にあたり、技術的メモや奮闘内容、未解決問題等を掲載していきます。 もちろん、関西温泉マップはβ版なので無料でご利用いただけます。


私おすすめのレンタルサーバー | ここが便利！レノボWeb広告限定ストア

Ajaxアプリケーション向けの統合開発環境Aptana Studio 1.0リリース

Eclipse IDEをベースに開発されたJavaScript/HTML/CSS向け統合開発環境。

各紙での評判が良いので掲載しておく。
・Aptana Studio: Compare Versions

【各紙の記事】
・Web 2.0統合開発環境、2年の開発を経てついに登場 - Aptana Studio 1.0 | エンタープライズ | マイコミジャーナル
・Web開発者は必見！IDE「Aptana Studio1.0」リリース:ニュース - ZDNet Japan
・CodeZine：「HTML、CSS、JS、PHP、Ruby、AIR」 フリーの開発環境Aptana 1.0リリース（エディタ, ツール）

【使い方など】
・AptanaでWebページ作成はここまでできる！（1/3） − ＠IT
・Aptana.jp | Aptanaの日本語ローカライズを目的としています。

テンプレート編集：サイドバーにカレンダーを追加してみる

Movable Type４で、テンプレートのサイドバーにカレンダーを追加する方法について。

このやり方が正しいかどうかわからないが、
MOVABLE TYPEのヘルプには、具体的な手順で書かれてなかったので、メモしておく。

ヴァージョン3の時は、HtmlファイルやCssファイルを直に触って、テンプレートの編集を行っていたが、ヴァージョン4ではUI操作で編集が可能なようで、テンプレートに傷を付ける心配が少ない。

ただ、最初だけ、テンプレートのファイルを触る必要がある。
(注意)AjaxなUIの為、Operaだと正しく動作してくないかも。

1.追加項目の選択
MT4ではブログに必要なパーツがあらかじめいくつか用意されている。
その用意されているパーツを選択する為、図1-1のようにウィジェットセットをクリック。図1-2が表示される

MT4：ウィジェットセット

-図1-1-

デフォルトでは図1-2で、「First Widget Manager」のみが表示されている。それをクリックすると、図1-3が表示される。

MT4：ウィジェット選択

-図1-2：ウィジェットセット-

図1-3で、表示させたい項目を「利用可能」項目から「インストール済み」項目へドラッグ＆ドロップさせることで編集可能だ。
デフォルトでは、すべてが「インストール済み」に存在するので、特に触る必要は内が、全部は多いので、図1-3のように「カレンダー」を含め間引いた。

MT4：ウェジェット編集

-図1-3：ウィジェットセットの編集-

図1-4に示すように、ここで編集したウィジェットセットの名前を覚えておく。

MT4：ウィジェットの名前

-図1-4：ウィジェットセットの編集（名前）-

2.ウィジェットの反映
編集しウィジェットをブログに表示させる手順を行う。
[デザイン]-[テンプレート]を選択。
図2-1に示すように、
�．謄鵐廛譟璽肇皀献紂璽襪鬟�リック
�▲汽ぅ疋弌爾鬟�リック

MT4：サイドバーに反映させる為に

-図2-1：サイドバーに反映させる-

ここで、テンプレートファイルが登場し、直に触ることとなる。図2-2
参照。ここでは、好きな場所に、以下のコードを埋める。
※この書き方も参考程度で・・。

MT4：テンプレート修正

-図2-2：サイドバーに反映させる-

【コード】


<$MTWidgetSet name="First Widget Manager"$>



ただ、nameには、先ほどのウィジェット名を入れることをお忘れなく。
これで、[保存]ボタンを押下し、再構築を行う。図2-2参照。

MT4：再構築

-図2-2：再構築ボタン-

安価で本格的サイトを作る流れ〜構築編〜

前回の続き
・安価で本格的サイトを作る流れ〜準備編〜
前回も記述したが、私のサイト構築パターンは以下の流れ。

[Webサイト構築パターン]
１．お名前.comでドメイン取得
　↓
２．ロリポップ！
でサーバをレンタル
　↓
３．Movable Typeをダウンロードして、ブログ構築


２−３．今回は、準備できたサーバに対して、
サイトを構築していく。
まず、HTMLファイルをサーバに置く為に、以下のソフトをダウンロードしてきた。
・FFFTP

FTPクライアントと呼ばれるもの。
使い方は簡単。最新版をダウンロード後、パソコンにインストール。

ffftp起動画面


起動すると、上記のような画面が表示されるので、[新規ホスト]をクリックする。

ffftp設定画面


ここに設定する内容は、「【ロリポップ！】お申し込み完了のお知らせ」というメールに記載されている内容をそのまま記載すればよい。記載しておくまではないが、対応は以下の通り。

・ホストの設定名：（任意）
・ホスト名（アドレス）：ＦＴＰホスト
・ユーザ名：ＦＴＰユーザー
・パスワード／パスフレーズ：ＦＴＰパスワード

この入力が完了したら、HTMLファイルを作る。
index.htmlに適当なタグを詰込んでアップロードしてみる。
そして、お名前.comで登録したアドレスを打ち込んでみる。
その結果、アップロードしたページが表示されれば、ここまではグッジョブ！

３．次にMovable Typeでブログを構築する。
　現時点の最新版が、バージョン4。関西温泉マップのときが、バージョン3だったので、さらに進化している。
バージョン3までは、インストール方法をネットで調べて、設定ファイルを編集したり・・など、初心者には少々高い壁であったが、バージョン4になってから、そういった面倒な部分が排除されている。バージョン1時代から知っている僕としては、少々物足りない気がするが、効率的なので良しとする。
なお、ここでインストール方法について紹介するのは、省く。
ロリポップのマニュアルを見る方が圧倒的に、理解しやすいだろう。
・ロリポップ！レンタルサーバー - MovableTypeの設置の前に

と、いうわけで、こんなサイトとブログができた。
・http://www.aficionado-baseball.com/
・http://www.aficionado-baseball.com/UpDateInfo/

ドメインのトラブル解決

以前、このようなトラブルが発生していた。
・ドメイントラブル

お名前.comに問い合わせ中であったが、
メールにて、丁寧な回答をいただいた。
以下がその抜粋。

--------------------------------------------------
お問い合わせの件につきましては、ネームサーバー変更直後の為
場所や接続に行くDNSによって反映している場所と未反映な場所が
存在する状態です。

ネームサーバー情報変更の反映までのお時間につきましては、最大で
48〜72時間程度のお時間がかかる形となっております。
--------------------------------------------------

やっぱり、ロリポップのマニュアルのように、
１日以上の時間が必要だった。
このことは、お名前.comのhelp等には大々的に書かれていない。
不利な情報だから掲載していないのか？・・

こっちとしては、機会損失してるんだけど。
まぁ、次回への教訓としてメモ。

ドメイントラブル

新しいサイト開設にあたり、
ドメインを取得し、取得業者のサイトからネームサーバ情報を設定。

夕方には、その情報が反映されたようで、
Webサーバに情報をアップすれば、インターネット上でサイトが閲覧できていたが、同日の22時あたりを過ぎたときから、閲覧できなくなり、下記ページが表示されるようになった。


お名前トラブル


現在、ドメイン取得業者にお問い合わせフォームより、問い合わせ中・・・。

無料ホームページ アフィリエイト レンタルサーバー FC2ブログ 一戸建て