Almondlab

Drupal 7をローカル環境にインストール。

2010.10.16 / Labs

先日公開されたDrupal 7のベータ版をローカルのテスト環境（MAMP）にインストールしてみました。
インストールの流れは、おおむねDrupal 6のときと同じでした。日本語の言語ファイルはDrupalのTranslateサイトのものを利用させていただきました。

言語ファイルの取り込みは、ダウンロードしたpoファイルを「profiles/standard/translations/」ディレクトリに配置してインストールを行えばよいという認識だったのですが、インストール実行中にエラーが表示され進めることができなかったので、一旦英語版の状態でインストールを完了し、管理画面の「環境設定　＞　インターフェースの翻訳」よりpoファイルをインポートして、日本語の言語ファイルを取込みました。
インポートには、予めコアモジュール「Locale」を有効にしておく必要があります。

デフォルトのフロントページはこんな感じです。
テーマは新しく導入された「Bartik」というテーマです。
Drupal 7
Drupal 6に比べて大きく違うのは、上部に管理メニューが表示されていること、デフォルトテーマが変わったことです。
従来のテーマ「Garland」も含まれているので、メニューの「テーマから」変更することもできます。
Drupal 7
管理画面も大きく変わり、通常ページに対してレイヤーで表示されるようになりました。
非同期通信で管理画面を遷移していくので、体感的には表示がクィックになったように思います。

Drupalで最も重要なモジュールの一つ「Views」も、Drupal 7用の開発版が利用可能です。
ViewsのインターフェイスはDrupal 6のものと大きな違いはありません。機能的な部分はまだ触っていませんが、見た感じは若干項目が整頓されています。

Drupal 7になってCCKモジュールは本体に統合されました。フィールドのタイプも、ファイル、画像などが追加されて、より使いやすくなっています。
ノード参照、ユーザー参照が含まれていないようですが、これはベータ版だからかな？
Drupal 7
ちなみに管理画面のレイヤー表示はコアモジュールの「Overlay」を無効にすることで、これまで通りの表示に戻すことができます。

レイヤー表示では上下左右に余白ができるので、小さなディスプレイでは使いにくいという場合には、こちらの方がよいかもしれません。

軽く触ってみた感じでは、管理画面のメニューが整頓されたり、レイヤー表示であったりと、サイトの更新においてずいぶん使いやすくなったと思います。
CCKが統合されたことで、これからDrupalを始める方にとっても、Drupalの拡張性の高さを直ぐに感じることができるのではないでしょうか。
現在はまだベータ版なので、バグのようなものも若干見られます。
しばらくはテーマ作成など取り組んでみて、2011年の前半あたりに正式版の登場を期待したいです。

drupal.org

SugarSyncでファイルの同期＆バックアップ。

2010.10.01 / Notes

オンラインストレージサービス「SugarSync」は、パソコン内の任意のフォルダのファイルを、複数のパソコンでファイルの同期がとれるサービスです。
さらに、ファイルごとに過去のバージョンを最大5段階まで履歴を残すことができ、バックアップとしても活用できます。

SugarSyncを利用するにはアカウントを登録して、専用のアプリケーションをインストールします。無料のアカウントでも2GBのストレージが使えて、初めて利用するには充分な容量です。
アプリケーションではデフォルトで「Magic Briefcase」というフォルダが同期対象のフォルダとして用意され、その他に同期をとりたいフォルダを追加していきます。
複数のパソコンで利用する際、同期を行うか、他のパソコンからは読み取り専用にするかを設定できます。
SugarSync
ファイルの履歴は、ファイルを保存するたびに自動で古いバージョンも残してくれて、最大5段階まで古いバージョンのバックアップがとれます。
誤って上書き保存してしまった場合などに重宝します。
古いバージョンのファイルは、SugarSyncのサーバ上に保存されているので、ブラウザからサイトにアクセスする必要があります。

有料で利用する場合、30GBで4.99$／月〜となかなか手頃な価格です。
また、iPhoneなどモバイルからもアクセスができて、いざという時に役立ちそうです。

SugarSync

Google Mapsを簡単に設置。

2010.09.22 / Labs

Google Maps API Version 3になってからAPIキーが不要になり、ホームページへ手軽に設置できるようになりました。
基本的なGoogle Mapsを設置するためのコードを、コンパクトにまとめてみました。
サンプルはこちら

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
$(function() {
setMap({container:"map", lat:35.68075, lng:139.76720, zoom:15, text:"<strong>東京駅</strong>"});
});

function setMap(param) {
	var position = new google.maps.LatLng(param.lat, param.lng);
	var map_options = {center:position, zoom:param.zoom, mapTypeId:google.maps.MapTypeId.ROADMAP};
	var container = new google.maps.Map(document.getElementById(param.container), map_options);
	var marker_options = {position:position, map:container};
	var window_options = {content:param.text};
	var window = new google.maps.InfoWindow(window_options);
	var marker = new google.maps.Marker(marker_options);
	google.maps.event.addListener(marker, "click", function() {
		window.open(container, marker);
	});
}
</script>
<title>Google Maps</title>
</head>
<body>
<div id="map" style="width:500px; height:500px;"></div>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

$(function() {

setMap({container:"map", lat:35.68075, lng:139.76720, zoom:15, text:"<strong>東京駅</strong>"});

});

function setMap(param) {

var position = new google.maps.LatLng(param.lat, param.lng);

var map_options = {center:position, zoom:param.zoom, mapTypeId:google.maps.MapTypeId.ROADMAP};

var container = new google.maps.Map(document.getElementById(param.container), map_options);

var marker_options = {position:position, map:container};

var window_options = {content:param.text};

var window = new google.maps.InfoWindow(window_options);

var marker = new google.maps.Marker(marker_options);

google.maps.event.addListener(marker, "click", function() {

window.open(container, marker);

});

}

</script>

<title>Google Maps</title>

</head>

<body>

</body>

</html>

最初に、Google Maps APIを読み込みます。

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

1	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

Google Mapsを設置するための関数を呼び出します。引数にはオブジェクトで、表示するためのDIV要素のID、緯度、経度、ズーム、ウィンドウのテキストを入れています。

setMap({container:"map", lat:35.68075, lng:139.76720, zoom:15, text:"<strong>東京駅</strong>"});

1	setMap({container:"map", lat:35.68075, lng:139.76720, zoom:15, text:"<strong>東京駅</strong>"});

関数はセンターにマーカーを表示して、クリックでウィンドウが開くシンプルな構成です。

function setMap(param) {
	var position = new google.maps.LatLng(param.lat, param.lng);
	var map_options = {center:position, zoom:param.zoom, mapTypeId:google.maps.MapTypeId.ROADMAP};
	var container = new google.maps.Map(document.getElementById(param.container), map_options);
	var marker_options = {position:position, map:container};
	var window_options = {content:param.text};
	var window = new google.maps.InfoWindow(window_options);
	var marker = new google.maps.Marker(marker_options);
	google.maps.event.addListener(marker, "click", function() {
		window.open(container, marker);
	});
}

function setMap(param) {

var position = new google.maps.LatLng(param.lat, param.lng);

var map_options = {center:position, zoom:param.zoom, mapTypeId:google.maps.MapTypeId.ROADMAP};

var container = new google.maps.Map(document.getElementById(param.container), map_options);

var marker_options = {position:position, map:container};

var window_options = {content:param.text};

var window = new google.maps.InfoWindow(window_options);

var marker = new google.maps.Marker(marker_options);

google.maps.event.addListener(marker, "click", function() {

window.open(container, marker);

});

}

QuicKeysでテンキーを再現。

2010.09.10 / Notes

ノートパソコンやApple Wireless Keyboardのようにテンキーのないキーボードを使っていると、数字入力が不便に感じてしまうときがあります。
そこで通常のキーボードの一部を、QuicKeysを利用してテンキーをショートカットキーにて再現してみました。
「0」〜「9」のテンキーを次のように割り当てています。

もちろん、そのままのキー入力がテンキーになっては支障が出るので、修飾キーに「コントロール＋シフト」を当てました。
QuicKeysでは次のように登録しています。

それぞれの設定はキーストロークをショートカットにしているだけのシンプルなものです。

本来のテンキーと比べると使いにくいですが、ある程度は代用になりそうです。

ThunderbirdにMobileMeのメールアカウントを登録。

2010.08.08 / Notes

Mac
Other

ThunderbirdにMobileMeのメールアカウントをウィザードに沿って登録したところ、受信は問題なくできているのですが、なぜか送信がうまくいきません。
設定自体は、Apple Mailに登録した情報に合わせてみたつもりですがダメでした。
いろいろ試してみて、SMTPの送信サーバの設定を次のように変更したら、何とか送信ができました。
Thunderbird
Apple Mailをメインで使っているので大きな問題はないのですが、送信できないままだと気になってしまって・・・。